@charset "utf-8";
/* CSS Document */
em {color:#00c;}

a{/* format lien de vous etes ici*/
	color:#000;
	text-decoration: none;	
}
#en-cours a{
color:#00C;
}
@media (max-width: 480px) { /*jaune*/

h1 {font-size: 30px;}
h2 {font-size:14px;}
h3 {font-size:12px;}
h5{font-weight:lighter; font-size:12px;}
p{font-size:12px;}
h4{font-size:12px;}
li{font-size:12px;}
u {font-size:12px;}	

/*table,
  tbody,
  tr,
  td {
    display: block;
	font-size:12px;
	text-align:center;}*/
			
.titre, .titre-societe{	
	font-size: 14px;}
		
.texte {	
	font-size:12px;}
	
.texte-left {
	font-size:12px;}
			
.texte-center {	
	font-size:12px;}
	
.formation {
	font-size:14px;}
#col-centre {
		margin-left:10%;
		width:80%}
}
@media (min-width: 481px) and (max-width: 768px) { /*rouge*/
	
h1 {font-size: 30px;}
h2 {font-size:14px;}
h3 {font-size:12px;}
h5{font-weight:lighter; font-size:10px;}
p{font-size:12px;}
h4{font-size:12px;}
li{font-size:12px;}
u {font-size:12px;}	

/*table,
  tbody,
  tr,
  td {
    display: block;
	font-size:12px;
	text-align:center;}*/
			
.titre, .titre-societe{	
	font-size: 14px;}
		
.texte {	
	font-size:12px;}
	
.texte-left {
	font-size:12px;}
	
.texte-center {	
	font-size:12px;}
.formation {
	font-size:14px;}	
#col-centre {
		margin-left:10%;
		width:80%}
}
@media (min-width: 769px) and (max-width: 1024px) {	/*vert*/
	
h1 {font-size: 30px;}
h2 {font-size:16px;}
h3 {font-size:12px;}
h5{font-weight:lighter; font-size:12px;}
p{font-size:12px;}
h4{font-size:12px;}
li{font-size:12px;}
u {font-size:12px;}

/*table,
  tbody,
  tr,
  td {
    display: block;
	font-size:12px;
	text-align:center;}	*/	

.titre, .titre-societe{	
	font-size: 20px;}
		
.texte {	
	font-size:12px;}
.texte-left {
	font-size:12px;}	
.texte-center {	
	font-size:12px;}
.formation {
	font-size:20px;}
}
@media (min-width: 1025px) and (max-width: 1280px) { /*bleu*/
	
h1 {font-size: 30px;}
h2 {font-size:18px;}
h3 {font-size:14px;}
h5{font-weight:lighter; font-size:10px;}
p{font-size:12px;}
h4{font-size:12px;}
li{font-size:12px;}

/*table,
  tbody,
  tr,
  td {
    display: block;
	font-size:12px;
	text-align:center;}*/
			
.titre, .titre-societe {	
	font-size: 20px;}
		
.texte {	
	font-size:12px;}
.texte-left {
	font-size:14px;}	
.texte-center {	
	font-size:14px;}
.formation {
	font-size:20px;}


}
@media (min-width: 1281px) and (max-width: 1600px) { /*rose*/

h1 {font-size: 30px;}
h2 {font-size:18px;}
h3 {font-size:14px;}
h5{font-weight:lighter; font-size:12px;}
p {font-size:14px;}
h4{font-size:14px;}
li{font-size:14px;}
u {font-size:14px;}

.titre, .titre-societe {	
	font-size: 24px;}
		
.texte {	
	font-size:14px;}
.texte-left {
	font-size:14px;}	
.texte-center {	
	font-size:14px;}
.formation {
	font-size:24px;}

}