/*
Design du site www.louchet.com
Réalisé A. LOUCHET
<lien url="http://www.louchet.com">http://www.louchet.com</lien>
*/

page
{
margin: 0px 0px 0px 0px;  
}

body
{
width: 960px;
margin: 0px auto; 
border: 4px solid;
border-color: #e6e6e6;
background-color:#f1f1f1;
}

/* EN TETES */


#cu_en_tete
{
display:block;
width: 960px;
height: 150px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
background-image: url("cu_images/plaques immatriculation peintes main.png");
background-repeat: no-repeat;
background-color: #dadbd5;
}

#cu_en_teteEN
{
display:block;
width: 960px;
height: 150px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
background-image: url("cu_images/hand painted licence plates.png");
background-repeat: no-repeat;
background-color: #dadbd5;
}


/* PIEDS DE PAGE */

	#cu_pied_de_page
	{
	   width: 960px;
	   height: 40px;
	   clear: both;
	   text-align: center;
	   font-family: Arial, Helvetica, sans-serif;
	   /*font-family: Arial, Helvetica, sans-serif;*/
	   font-size: 10px; 
	   color: #666666;   
	   border: 0px solid black;
	   border-collapse: collapse;
	   margin: 0px 0px 0px 0px;
	   padding: 10px 0px 0px 0px;
	   background-color: #dadbd5;
	}


/* MENUS */
#cu_menu
	{
	width: 960px;
	height: 60px;
	font-family: Arial, Helvetica, sans-serif;	
	font-size: 12px; 
	font-style: italic;
	font-weight: bold;
	letter-spacing : 2px ;
	margin: auto;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding: 10px 0px 0px 0px;
	background-color: #dadbd5;
	background-position: center; 
	}
		
/* BOUTONS MENU */

	#bouton_off
	{
	width:185px;
	height:55px;
	background-image: url("cu_images/carbone.png"); 
	background-repeat: no-repeat;
	background-position: 5px 0px;
	color: #FFCC00;
	}
	
	#bouton_off:hover
	{
	width:185px;
	height:55px;
	background-image: url("cu_images/carbone.png"); 
	background-repeat: no-repeat;
	background-position: 5px 0px;
	color: #FF9933;
	}
	
	#bouton_on
	{
	width:185px;
	height:55px;
	margin: auto;
	background-image: url("cu_images/carbone.png");
	background-repeat: no-repeat;
	background-position: 5px 0px;
	color: #FF9933;
	}
	
	#english_off
	{
	width:185px;
	height:55px;
	background-image: url("cu_images/english.png"); 
	background-repeat: no-repeat;
	background-position: 5px 0px;
	color: #000000;
	}
	
	#english_off:hover
	{
	width:185px;
	height:55px;
	background-image: url("cu_images/english.png"); 
	background-repeat: no-repeat;
	background-position: 5px 0px;
	color: #FFCC00;
	}
	
	#francais_off
	{
	width:185px;
	height:55px;
	background-image: url("cu_images/francais.png"); 
	background-repeat: no-repeat;
	background-position: 5px 0px;
	color: #000000;
	}
	
	#francais_off:hover
	{
	width:185px;
	height:55px;
	background-image: url("cu_images/francais.png"); 
	background-repeat: no-repeat;
	background-position: 5px 0px;
	color: #FFCC00;
	}

/* CORPS */

	#corps, #corps_custom, #corps_contact , #corps_lo100, #corps_sctypea, #corps_bureau, #corps_plan, #corps_plaque, #corps_passe, #corps_treuil, #corps_404
	{
	width: 900px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	border: 0px;
	padding: 30px 30px 30px 30px;
	background-repeat: no-repeat;
	background-position: top center;   
	font-size: 15px;
	line-height: 140%;
	border: 0px solid grey;
	list-style-type: circle;
	letter-spacing : 0px;
	background-color: #dadbd5;
	font-family: Arial, Helvetica, sans-serif;	
	color: #777777;
	font-style: italic;
	}

	#corps_404
	{
	width: 900px;
	height: 1500px;
	background-image: url("images/404.jpg");
	background-repeat: no-repeat;
	background-position: top;
	}

	#corps_custom
	{
	height: 1500px;
	}

	#corps_contact
	{
	height: 1500px;
	}
	
	#corps_plan
	{
	height: 1500px;
	}

	#corps_lo100
	{
	height: 1500px;
	}

	#corps_sctypea
	{
	height: 1500px;
	}

	#corps_plaque
	{
	height: 900px;
	}
	
	#cu_geheim
	{
	/*visibility : hidden;*/
	background-color: #dadbd5;
	color: #dadbd5;
	font-size: 10px; 
	}

a
{
color: #444444;
text-decoration : none;
font-weight: bold;
}

a:hover
{
color: #888888;
font-weight: bold ;
}

/* TITRES */

	h1
	{
	text-align: left;
	font-size: 20px;
	letter-spacing : 3px ; 
	padding-left: 5px;
	font-weight: bold ;
	}

	h2
	{
	   text-align: left;
	   font-size: 15px;
	   letter-spacing : 1px ; 
	   padding-left: 5px;
	   font-weight: bold ;
	}

	h3
	{
	text-align: center;
	vertical-align: middle;
	font-size: 15px;
	letter-spacing : 3px ; 
	padding-left: 5px;
	font-weight: bold ;
	}


	ul
	{
	padding-left: 20px;
	}
	
	li
	{
	text-align: left;
	padding-left: 20px;
	}

#table
{
margin: auto;
}

.centered-cell 
{
  text-align: center;
  vertical-align: middle;
}

#tab, #tab caption
{
margin: auto;
}

iframe
{
margin: auto;
text-align: center;
vertical-align: middle;
border: 4px solid;
border-color: #e6e6e6; 
}

.pdf /*Documents à télécharger*/
 {   
text-decoration: underline;
 }

/* IMAGES */

.image /*images du slideshow*/
 {   
border: 2px solid #FFFFFF; 
border-radius: 10px 10px 10px 10px;       
 }

.image2 /*images de custom*/
 {        
height: 150px;       
margin: auto;   
border-radius: 00px;  
 }
 
.image22 /*images du menu custom "sousmenu" */
 {   
border: 0px solid;  
height: 80px;       
margin: auto;   
 }
 
.image3 /*images de bureau*/
 {        
height: 300px;       
margin: auto;       
 }
 
.image4 /*images de documentation*/
 {  
width: 100px;
height: 141px; 
border: 4px solid;
border-color: #e6e6e6;       
margin: auto;       
 }
 
.image5
 {        
width: 450px;       
margin: auto;  
border: 4px solid;
border-color: #e6e6e6;              
 }
 
.image6
 {        
width: 470px;       
margin: auto;  
border: 4px solid;
border-color: #e6e6e6; 
vertical-align: middle;             
}

.image7 /*images de side-case*/
 {        
width: 200px;       
margin: auto;  
border: 4px solid;
border-radius: 40px;  
border-color: #e6e6e6;   
background-color:#000066;   
 }
 
.image8
 {        
width: 400px;       
margin: auto;  
border: 0px;
border-color: #e6e6e6;              
 }
 
.image9
 {        
width: 300px;       
margin: auto;  
border: 0px solid;
border-color: #e6e6e6;              
 }
 
.image10
 {        
width: 300px;       
margin: auto;  
border: 0px solid;
border-color: #e6e6e6; 
vertical-align: middle;             
}

.image11
 {        
height: 200px;       
margin: auto;  
border: 0px solid;
border-color: #e6e6e6;           
}

.image12
 {        
width: 300px;       
margin: auto;  
border: 3px solid;
border-color: #e6e6e6;           
}

.image13
 {        
height: 400px;       
margin: auto;  
border: 0px solid;     
}

.image14
 {        
height: 663px;       
margin: auto;  
border: 0px solid;           
 }
 
 /*Images de l'index*/
.image15
 {
border: 3px solid; 
border-color: #e6e6e6;  
 }
.image15:hover
{
border: 3px solid; 
border-color: #FFFFFF;     
 }
 
 .image16
 {        
height: 50px;       
margin: auto;  
border: 0px solid;     
}