/* CSS Document */

/*	-------------------------------------------------------------
	Mise en page
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

a:link 
  {color: #FFFFFF; 
  text-decoration: none; 
  background-color: transparent }
a:visited 
  { color: #FFFFFF; 
  text-decoration: none; 
  background-color: transparent }
a:hover 
  { color: #CC0000; 
  text-decoration: underline; 
  background-color: transparent }
a:active 
  { color: #900; 
  text-decoration: underline; 
  background-color: transparent }
  

body{
padding-top: 10px;
text-align: center; 
background-color: #FFF;
background-image: url(http://carline66.com/images/fond.jpg);
background-repeat: repeat-x;
font: 10px arial, helvetica, sans-serif;
}

#logo {
	display:block;
	position: relative;
	margin-right: auto;
	margin-left: auto;
	width:900px;
			}
			
	#mail {
	display:block;
	position: absolute;
	left: 670px;
	top: 222px;	
			}		


#pied {
	display:block;
	text-align: left;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	width: 1000px;
	height:65px;
	background-color:#4d72a9;
}


#page {
	position: relative;
	margin: 0 auto;
	text-align: left;	
	width: 900px;
}

#acceuil {
	display:block;
	text-align: left;	
	margin-top: 3px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	width: 900px;	
			}
	
	
	#accueilgauche {
	display:block;
	float:left;
	width:200;
	margin-top: 5px;
	margin-right: 0px;	margin-left: 3px;	
	position:relative;
	text-align:left;
			}	
			
		#accueildroite {
	display:block;
	float:left;
	width:600;
	margin-top: 5px;
	margin-right: 0px;	
	margin-left: 3px;	
	position:relative;
	text-align:left;
			}	
	
	#texte {
	display:block;
	text-align: left;	
	margin-top: 1px;
	margin-right: auto;
	margin-left: auto;
	position: relative;	
			}
			
	#accueilrepeat {
	display:block;
	float:left;
	width:800;
	margin-top: 5px;
	margin-right: 00px;	margin-left: 10px;	
	position:relative;
	text-align:left;
			}	
	
	
	







/* Style pour l'admin  ------------------------------------------------------------------------------------------- */


#images {
	display:block;
	position: relative;
	width: 800px;
	height:30px;
	left:0px;
	}	
	
	#blocadmin {
	display:block;
	position:relative;
	width:800px;
	text-align:center;
	left:0px;
	background-color:#accdf6;
}	

#gauche {
    float:left;
	position:relative;
	display:block;
	width:200px;	
	text-align:center;	
	margin-left:10px;
	margin-top: 1px;
	}
	
#droite {
    float:left;
	position:relative;
	display:block;
	width:500px;	
	text-align:left;	
	margin-left:20px;
	margin-top: 1px;
	
}	
	

			
.piedfonce {font-size: 14px; font-weight: bold; font-family: "Verdana, Geneva, Arial, Helvetica, sans-serif;"; color: #5c7089}
.piedmoinsfonce {font-size: 12px;  font-family: "Verdana, Geneva, Arial, Helvetica, sans-serif;"; color: #5c7089}	
				

.info {font-size: 12px; color:#FFFFFF; font-family: Arial;}
.style210 {font-size: 13px; color: #FFFFFF; font-family: "Arial"; text-decoration: underline;}
.style211 {font-size: 12px; color: #FFFFFF; font-family: "Arial"; }
.style218 {
	font-size: 14px;
	color: #FF3;
	font-family: "Arial";
}
.style219 {
	font-size: 12px;
	color: #FF3;
	font-family: "Arial";
}
.style212 {font-size: 13px; color:#FFFFFF; font-family: Arial;}
.style213 {
	font-size: 13px;
	color:#F00;
	font-family: Arial;
}
.style214 {font-size: 13px; color: #33FF33; font-family: Arial;}
.style220 {font-size: 13px; color: #FFFFFF; font-family: "Arial"; text-decoration: underline; font-weight: bold; }
.style240 {font-size: 13px; font-weight: bold; color: #FFFFFF; font-family: "Verdana, Geneva, Arial, Helvetica, sans-serif;";}
.style250 {font-size: 13px; color: #FFFFFF; font-family: "Arial"; }
.style300 {font-size: 12px; font-weight: bold; color: #000000; font-family: "Arial"; }
.style415 {color: #CC00CC; font-weight: bold; font-size: 18px;}
.style415B {color: #CC00CC; font-weight: bold; font-family: "Arial"; font-size: 14px;}
.style416 {color: #FF9900; font-weight: bold; font-size: 18px;}
.style416B {color: #FF9900; font-weight: bold; font-family: "Arial"; font-size: 14px;}
.style417 {color: #FF33CC; font-weight: bold; font-size: 18px;}
.style417B {color: #FF33CC; font-weight: bold; font-family: "Arial"; font-size: 14px;}
.gras {font-size: 13px;  font-weight: bold; color: #4C70A8; }
.graswebcat {font-size: 11px;  font-weight: bold; color: #4C70A8; }
.gras2 {font-size: 13px;  font-weight: bold; color: #33FF99; }
.photo {
	font-weight: bold;
	color: #FF3;
	font: 10px arial, helvetica, sans-serif;
}

.styleh1 {font-size: 11px;  font-weight: bold; color: #003300; }
.styleh2 {font-size: 13px;  font-weight: bold; color: #003300; }
.styleh3 {font-size: 12px;  color: #003300; }

.style2 {
	font-size: 13px;
	font-weight: bold;
	color: #06F;
	font-family: "Verdana, Geneva, Arial, Helvetica, sans-serif;";
}

.style1 {
	font-size: 13px;	
	color: #000;
	font-family: "Verdana, Geneva, Arial, Helvetica, sans-serif;";
}



div#cadre {/* conteneur global et arrière-plan du titre du cadre */
width: 205px;
padding-top: 30px;
background: url(http://webcat.fr/flash66/images/cadreh3.gif) top left no-repeat;
}
div#bloccadre {/* arrière-plan bas et sur l'ensemble du cadre */
background: url(http://webcat.fr/flash66/images/cadreb3.gif) bottom left no-repeat;
padding-bottom: 30px;
}
div#bloccadre p {
margin: 0 30px 0 20px;
}