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

/* */
A:active {
TEXT-DECORATION: none; color: #62E0FF
}

/* */
A:visited {
TEXT-DECORATION: none; color: gray
}
 
/* */
A:hover {
TEXT-DECORATION: underline; color: red
}
/* */

li {
color: rgb(0, 108, 255)
}

/* */
div, td {
font-family: Arial, Courier New, Times New Roman; font-size: 12pt; text-align: justify
}		 
/* */
			body {	  
				min-height: 100%;
				color:black;
				background-image:url(../../fond.png);	 
												 /* no-repeat center fixed; */
				background-size: cover; 
			}	   


#ecran, #liste {background-color: white; padding: 8px 8px 8px 8px;border-radius: 7px;
}

@media screen and (max-width: 767px) {
	#ecran {
		width: 650px; 
		margin: auto; 
		margin-top: 32px; 
		margin-bottom: 32px; 
	}
	#liste {
		width: 730px; 
		margin: auto; 
		margin-top: 32px; 
		margin-bottom: 32px; 
	}	
	.depanne {
	width: 530px;
	}			
	.image_7{
   	 width: 100%;
		height: auto;
	}	
	.image_9{
   	 width: 100%;
		height: auto;
	}	
	.image_12{
   	 width: 100%;
		height: auto;
	}	
	.image_13{
   	 width: 100%;
		height: auto;
	}	
	
}

@media screen and (max-width: 979px) and (min-width: 767px){
	#ecran {
		width: 700px; 
		margin: auto; 
		margin-top: 32px; 
		margin-bottom: 32px; 
	}
	#liste {
		width: 730px; 
		margin: auto; 
		margin-top: 32px; 
		margin-bottom: 32px; 
	}					 
	.depanne {
	width: 560px;
	}			
	.image_9{
   	 width: 100%;
		height: auto;
	}	
	.image_12{
   	 width: 100%;
		height: auto;
	}	
	.image_13{
   	 width: 100%;
		height: auto;
	}	
	
}

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

	#ecran, #liste {
		width: 900px; 
		margin: auto; 
		margin-top: 32px; 
		margin-bottom: 32px; 
	}					
	.depanne {
	width: 730px;
	}			
	.image_12{
   	 width: 100%;
		height: auto;
	}	
	.image_13{
   	 width: 100%;
		height: auto;
	}	
	
}

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

	#ecran, #liste {
		width: 1000px; 
		margin: auto; 
		margin-top: 32px; 
		margin-bottom: 32px; 
	}	
	.depanne {
	width: 820px;
	}			
	.image_13{
   	 width: 100%;
		height: auto;
	
	}
}

/* Gros titres */
.fnt1 {
color: blue; 													  
font-size: 18pt
}
/* mots clés */
.fnt2 {
color: darkblue; 													  
font-weight: 700
}

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