/* */
A:link {
TEXT-DECORATION: none; color: blue
}

/* */
A:active {
TEXT-DECORATION: none; color: blue
}

/* */
A:visited {
TEXT-DECORATION: none; color: blue
}
 
/* */
A:hover {
TEXT-DECORATION: underline; color: red
}
/* */
div, td {
font-family: Arial, Courier New, Times New Roman; font-size: 10pt; text-align: justify
}		 
/* */
 body { 
		min-height: 100%; 
		color:black;
		background-image: url(../images/fond.png);	 
		background-size: cover; 	  
		font-family: Tahoma, Arial, Helvetica, sans-serif; 

	}

.ecran {
		margin: auto; 
		background-color: white; 
		border-radius: 7px; 
		}




@media screen and (max-width: 979px){
	.ecran {
		width: 750px; 	   
		margin-top: 50px;
		padding: 8px 8px 8px 8px; 
		height:700px}	
	.entete {
		height: 150px;	   
		float: none; 
		width: 100%;  
		margin-top: 10px; 
	}		 
	.media_du_jour {
		float: right; 
		width: 200px; 
		height: auto;	
		margin-right: 10px;    
		font-size: 14pt;
		color: red; 	
	}
	.logo {
		float: left;   
		margin-left: 10px;   
		width: 200px;
		height: auto;	
	}
	.titre_page {	
	  	padding-top: 30px ;
	  	padding-bottom: 10px ;
		text-align: center;		
		width: auto;
		color: blue; 													  
		font-size: 36pt
	}	
	.retour {
		font-size: 18pt
	}	
	.faire_un_don {
	  	padding: 10px;
		text-align: center;		
		width: 100%;
		height: auto;	


	}
	.menu {
		margin: 10px 15px 10px 15px; 
		width: 720px;	
		height: 400px;	
	}
	.bloc {
		width: 700px;  
		height: 50px;	
	   	float: left;	 
		margin: 16px 10px 4px 10px; 
	}
	.moteur {
		margin: 40px 10px 10px 10px; 
		width: 730px;	
		height: 100px;
	}	 
	.vous_ne_trouvez_pas {
	   	float: left;	   
		margin: 35px 0px 0px 0px; 	   
		width: auto;   
		color: blue; 													  
		font-size: 12pt
	}
	.question {	  
		margin: 27px 0px 0px 0px; 	   
		float: left;   
		width: 250px; 
		
	}
	.icones_recherche {
	   	float: right;	 
		width:auto; 
		margin: 20px 0px 0px 0px; 
	}	  
	 .span_br {
	 display: inline;
	 }
	 .recherche {
	 font-family: Arial; font-size: small; color: #505050; width: 100%
	}
	.titre {font-family: Arial, Courier New, Times New Roman; font-size: 16pt; color: red; font-weight: 700;}
	.soustitre {
	 font-family: Arial, Courier New, Times New Roman; font-size: 10pt; display: inline
	}

}

@media screen and (max-width: 1199px) and (min-width: 979px){

	.ecran {
		width: 900px; 	   
		margin-top: 50px;
		padding: 8px 8px 8px 8px; 
		height:700px}	
	.entete {
		height: 150px;	   
		float: none; 
		width: 100%;  
		margin-top: 20px; 
	}		 
	.media_du_jour {
		float: right; 
		width: 200px; 
		height: auto;	
		margin-right: 20px;    
		font-size: 14pt;
		color: red; 	
	}
	.logo {
		float: left;   
		margin-left: 20px;   
		width: 200px;
		height: auto;	
	}
	.titre_page {	
	  	padding-top: 30px ;
	  	padding-bottom: 10px ;
		text-align: center;		
		width: auto;
		color: blue; 													  
		font-size: 36pt
	}	
	.retour {
		font-size: 18pt
	}	
	.faire_un_don {
	  	padding: 10px;
		text-align: center;		
		width: 100%;
		height: auto;	


	}
	.menu {
		margin: 10px 30px 10px 30px; 
		width: 861px;	
		height: 400px;	
	}
	.bloc {
		width: 841px;  
		height: 50px;	
	   	float: left;	 
		margin: 16px 10px 4px 10px; 
	}
	.moteur {
		margin: 40px 20px 10px 20px; 
		width: 860px;	
		height: 100px;
	}	 
	.vous_ne_trouvez_pas {
	   	float: left;	   
		margin: 35px 0px 0px 0px; 	   
		width: auto;   
		color: blue; 													  
		font-size: 12pt
	}
	.question {	  
		margin: 27px 0px 0px 0px; 	   
		float: left;   
		width: 365px; 
		
	}
	.icones_recherche {
	   	float: right;	 
		width:auto; 
		margin: 20px 0px 0px 0px; 
	}	  
	 .span_br {
	 display: inline;
	 }
	 .recherche {
	 font-family: Arial; font-size: small; color: #505050; width: 100%
	}
	.titre {font-family: Arial, Courier New, Times New Roman; font-size: 16pt; color: red; font-weight: 700;}
	.soustitre {
	 font-family: Arial, Courier New, Times New Roman; font-size: 10pt; display: inline
	}

	
}

@media screen and (max-width: 1559px) and (min-width: 1200px) {

		.ecran {
		width: 1100px; 	   
		margin-top: 50px;
		padding: 8px 8px 8px 8px; 
		height:640px}	
	.entete {
		height: 150px;	   
		float: none; 
		width: 100%;  
		margin-top: 20px; 
	}		 
	.media_du_jour {
		float: right; 
		width: 200px; 
		height: auto;	
		margin-right: 20px;    
				font-size: 16pt;
				color: red; 	
	}
	.logo {
		float: left;   
		margin-left: 20px;   
		width: 200px;
		height: auto;	
	}
	.titre_page {	
	  	padding-top: 30px ;
	  	padding-bottom: 10px ;
		text-align: center;		
		width: auto;
		color: blue; 													  
		font-size: 36pt
	}	
	.retour {
		font-size: 18pt
	}	
	.faire_un_don {
	  	padding: 10px;
		text-align: center;		
		width: 100%;
		height: auto;	


	}
	.menu {
		margin: 10px 40px 10px 40px; 
		width: 1020px;	
		height: 340px;	
	}
	.bloc {
		width: 1000px;  
		height: 40px;	
	   	float: left;	 
		margin: 16px 10px 4px 10px; 
	}
	.moteur {
		margin: 40px 20px 10px 20px; 
		width: 1060px;	
		height: 100px;
	}	 
	.vous_ne_trouvez_pas {
	   	float: left;	   
		margin: 35px 0px 0px 0px; 	   
		width: auto;   
		color: blue; 													  
		font-size: 12pt
	}
	.question {	  
		margin: 27px 0px 0px 0px; 	   
		float: left;   
		width: 280px; 
		
	}
	.icones_recherche {
	   	float: right;	 
		width:auto; 
		margin: 30px 0px 0px 0px; 
	}		
	 .span_br {
	 display: none;
	 }
	
	 .recherche {
	 font-family: Arial; font-size: small; color: #505050; width: 100%
	}
	.titre {font-family: Arial, Courier New, Times New Roman; font-size: 16pt; color: red; font-weight: 700;}
	.soustitre {
	 font-family: Arial, Courier New, Times New Roman; font-size: 10pt; display: inline; 	
	}

	
}
@media screen and (min-width: 1560px) {

	.ecran {
		width: 1400px; 	   
		margin-top: 50px;
		padding: 8px 8px 8px 8px; 
		height:640px;
	}	
	.entete {
		height: 150px;	   
		float: none; 
		width: 100%;  
		margin-top: 20px; 
	}		 
	.media_du_jour {
		float: right; 
		width: 200px; 
		height: auto;	
		margin-right: 20px;    
		font-size: 18pt;
		color: red; 	
	}
	.logo {
		float: left;   
		margin-left: 20px;   
		width: 200px;
		height: auto;	
	}
	.titre_page {	
	  	padding-top: 30px ;
	  	padding-bottom: 10px ;
		text-align: center;		
		width: auto;
		color: blue; 													  
		font-size: 36pt
	}	
	.retour {
		font-size: 18pt
	}	
	   
	.faire_un_don {
	  	padding: 10px;
		text-align: center;		
		width: 100%;
		height: auto;	


	}
	.menu {
		margin: 10px 100px 10px 100px; 
		width: 1200px;	
		height: 340px;	
	}		  
	.bloc {	   
	
		width: 1180px;  
		height: 40px;	
	   	float: left;	 
		margin: 16px 10px 4px 10px; 
	}
	.moteur {
		margin: 40px 20px 10px 20px; 
		width: 1360px;	
		height: 100px;
	}	 
	.vous_ne_trouvez_pas {
	   	float: left;	   
		margin: 35px 0px 0px 0px; 	   
		width: auto;   
		color: blue; 													  
		font-size: 18pt
	}
	.question {	  
		margin: 30px 0px 0px 0px; 	   
		float: left;   
		width:500px; 
		
	}
	.icones_recherche {
	   	float: right;	 
		width:auto; 
		margin: 32px 0px 0px 0px; 
	}	  
	 .span_br {
	 display: none;
	 }
	
	 .recherche {
	 font-family: Arial; font-size: small; color: #505050; width: 100%
	}
	.titre {font-family: Arial, Courier New, Times New Roman; font-size: 16pt; color: red; font-weight: 700; height: 1em}
	.soustitre {font-family: Arial, Courier New, Times New Roman; font-size: 10pt; height: 1em; display: inline}
	
}

/* fontes */
.fonte {
color: blue; 													  
font-size: 18pt
}		 

/* mots clés */
.fnt2 {
color: darkblue; 													  
font-weight: 700
}

/* titres */
.fnt3 {
color: darkblue; 													  
font-weight: 700;													  
TEXT-DECORATION: underline;
}