@charset "utf-8";
/* CSS Document */

.titre1 {
	color:#00F;
	font-size:20px;
	font-style:italic;
	font-weight:bold;
    }
.titre2 {font-size:16px;
	font-weight:bold;
}	

.titre3 {font-size:18px;
	font-weight:bold;
	color:#00f;}
	
.titre4 {font-size:16px;
	font-weight:bold;
	font-style:italic;
	color:#00f;}
	
.titre5 {font-size:16px;
	font-weight:bold;
	font-style:italic;
	color:#000;}
.titre_contenu {font-size:14px;
	font-weight:bold;
	font-style:italic;
	color:#00F;
	text-align:left;}	
		
.p4XX {
	color:#00F;
	font-size:18px;	
	} 		

@media (max-width: 480px) { /*jaune*/
.titre1 {
	color:#00F;
	font-size:14px;
	font-style:italic;
	font-weight:bold;
    }
.titre2 {font-size:12px;
	font-weight:bold;
}	

.titre3 {font-size:12px;
	font-weight:bold;
	color:#00f;}
	

}

@media (min-width: 481px) and (max-width: 768px) { /*rouge*/
.titre1 {
	color:#00F;
	font-size:14px;
	font-style:italic;
	font-weight:bold;
    }
.titre2 {font-size:12px;
	font-weight:bold;
}	

.titre3 {font-size:12px;
	font-weight:bold;
	color:#00f;}
.img-onglet {
	width:20%;}	
	
}
@media (min-width: 769px) and (max-width: 1024px) {	/*vert*/

.titre1 {
	color:#00F;
	font-size:16px;
	font-style:italic;
	font-weight:bold;
    }
.titre2 {font-size:14px;
	font-weight:bold;
}	

.titre3 {font-size:14px;
	font-weight:bold;
	color:#00f;}
	
		
}
	
@media (min-width: 1025px) and (max-width: 1280px) { /*bleu*/	

.titre1 {
	color:#00F;
	font-size:18px;
	font-style:italic;
	font-weight:bold;
    }
.titre2 {font-size:16px;
	font-weight:bold;
}	

.titre3 {font-size:16px;
	font-weight:bold;
	color:#00f;}
	
}
@media (min-width: 1281px) and (max-width: 1600px) {/*rose*/
	
.titre1 {
	color:#00F;
	font-size:18px;
	font-style:italic;
	font-weight:bold;
    }
.titre2 {font-size:16px;
	font-weight:bold;
}	

.titre3 {font-size:16px;
	font-weight:bold;
	color:#00f;}
	
}