* {padding: 0;margin: 0;}
body{font-size: 14px; font-family: Arial, Verdana, Sans-Serif;background-image: url(images/voiture.jpg); list-style-position: inside;}
.center_page{width: 965px;background-color:white; margin: 0 auto; /* center the content into the middle of the screen */}
/*a{color: #5c9bd2;}
a:hover{color: #fb8600;} */
/* ----------------------------header start*/
#header{width: 980px; background-image: url(images/tete.gif); height: 109px;background-repeat: no-repeat;}  
/* -------------------------------header stop */
/* div to put horizontal menu in the middle of the screen */
#pos_nav{width: 958px; height: 26px;margin-left: 12px;padding-bottom: 2px;border-bottom-style: solid;border-bottom-width: 1px;border-bottom-color: #bab8b5; /* gris */} 
/* ---------------------- horizontal menu in the header */
h2{margin: 10px;font-size: 16px;font-weight: bold; }	  
/* ------------------------ Start Images -----------------*/
img {display: inline;border: none;}
img.block {display: block;}
img.float {float: left;margin: 10px 10px 10px 0px;}
/* ------------------------ End Images -----------------*/
#navigation li {float: left ;width: 190px ;margin-left: 1px ;background: #FF6A07 ; /* orange */list-style: none ; }
	
#navigation li a {display: block;padding: 4px 0 ;background: #FF6A07 ;color: #fff ;font: 14px Arial, Verdana, sans-serif ;font-variant: small-caps; letter-spacing: 1px;   font-weight: 800;
line-height: 1.3em ;text-align: center ;text-decoration: none ; }
	
#navigation li a:hover, #navigation li a:focus, #navigation li a:active {
	background: #076292 ;  /*bleu */  }

#navigation2 li {float: left ;width: 65px ;margin-left: 1px ;background: #076292 ; /* blue */list-style: none ; }
	
#navigation2 li a {display: block;	padding: 0px ;background: #076292 ;color: #fff ;font: 12px Arial, Verdana, sans-serif ;font-variant: small-caps; letter-spacing: 1px;   font-weight: 800;
line-height: 1.3em ;text-align: center ;text-decoration: none ; }
	
#navigation2 li a:hover, #navigation2 li a:focus, #navigation2 li a:active {
	background: #FF6A07 ;  /*orange */  }
	
#menu {width: 224px; float: left;font-variant: small-caps; font-size:14px;	font-weight: bold;text-align:left; margin-bottom:10px;}

#menulist {list-style: none;}
	
#menu li a {height: 32px;voice-family: "\"}\""; voice-family: inherit; height: 24px; text-decoration: none;}	
	
#menu li a:link, #menu li a:visited {color: #FFF;display: block;background:  url(images/menu.gif);padding: 8px 0 0 10px;}
	
#menu li a:hover {color: #FFF;background:  url(images/menu.gif) 0 -32px;padding: 8px 0 0 10px;}
	
	
/*  ---------------------------------------------- End  horizontal menu*/ 
   
/* grey in left and right sides of the central box */
#main_black {padding-bottom: 4px;margin-left: 8px; width: 961px; border-left-style: solid;border-right-style: solid;border-left-width: 1px;border-right-width: 1px;border-left-color: #f2f6f8;
	border-right-color: #f2f6f8;  }
 /* end central box decoration */ 
 
/* left column start */
#left_col { margin-right: 5px;float: left;width: 230px;text-align: left;  }
/* left column end */ 

#right_col {padding-top: 0px;float: left;width: 715px;padding-top: 5px;text-align: left;  } 
 /* central content 1st box */

#box_right {	/*box with client access*/ float: right;width: 200px; margin: 0px 0px 15px 15px;  }
	
#box_mini_nav {	/*box mini horizontal navigation*/ float: left;width:100%;margin: 0px 0px 5px 0px;  }  

#promo {color:white; background-color:#076292;padding:2px;}

#box_client {	/*box with client access*/ float: left;width: 200px;padding-left: 5px;padding-bottom: 5px;border: 1px solid black;  }

.presentation {margin: 0;padding:0;float: left;width: 100%;margin-top:20px;margin-bottom:20px;}
	
.presentation2 {float: left;width: 100%;margin-top:0px;}	

.boxes {border: 1px solid #5c9bd2;float: left;  margin: 10px 10px 0px 0px;width: 33%;min-height: 160px;padding: 5px;}

.boxes li {	 list-style: none ; } 

.boxes h1 {background-color:#f2f6f8;font-family: Arial, Helvetica, sans-serif;font-size: 19px;font-weight: bold;color: #0A6594;text-align: left;  }
  
.boxes2 {float: left;  margin: 0px 5px 0px 0px; padding-top:5px;width: 227px;min-height: 190px;border-top-style: solid;border-bottom-style: solid;border-top-width: 1px;border-bottom-width: 1px;
border-top-color: #5c9bd2;border-bottom-color: #5c9bd2;} 
 
.boxes2 h1 {margin-bottom: 5px;font-family: Arial, Helvetica, sans-serif;font-size: 19px;font-weight: bold;color: #0A6594;text-align: left;  } 

.boxes2 img {float: left;margin: 0px 10px 0px 0px;border: 1px solid #5c9bd2;   } 

.newsletter {float: left;  margin: 10px 0px 10px 0px; padding-left:5px;width: 220px;min-height: 100px;} 
 
.newsletter h1 {font-family: Arial, Helvetica, sans-serif;font-size: 20px;font-weight: bold;color: #0A6594;text-align: left;  } 

.boxes3 {float: left;margin: 10px 5px 0px 0px; padding-top:5px;width: 227px;min-height: 150px;} 
 
.boxes3 h1 {border-bottom: 1px solid #5c9bd2;font-family: Arial, Helvetica, sans-serif;font-size: 19px;font-weight: bold;color: #0A6594;text-align: left;  } 

.boxes3 ul {float: left;line-height: 1.4em ;margin-top: 5px;list-style: none ;text-align: left;  } 	

.boxes4 {border: 1px solid #5c9bd2;float: left;  margin: 10px 5px 0px 0px; padding:5px;width: 220px;min-height: 150px;} 
 
.boxes4 h1 {background-color:#f2f6f8;font-family: Arial, Helvetica, sans-serif;font-size: 19px;font-weight: bold;color: #0A6594;text-align: left;  } 

.boxes5 {border: 1px solid #5c9bd2;float: left;  margin: 10px 5px 0px 0px; padding:1px;width: 220px;background-color:#0A6594;} 
 
.boxes5 h1 {font-family: Arial, Helvetica, sans-serif;font-size: 19px;font-weight: bold;color: #ffffff;text-align: left;  }  

.boxes5 img {float: left;margin: 0px 10px 0px 0px;border: 1px solid #ffffff;  }
	
.boxes6 {float: left;  margin: 10px 5px 0px 0px; width: 227px;min-height: 150px;border-top-style: solid;border-top-width: 1px;border-top-color: #5c9bd2;} 
 
.boxes6 h1 {font-family: Arial, Helvetica, sans-serif;font-size: 19px;font-weight: bold;color: #0A6594;list-style:none;text-align: left;  } 

.boxes6 li { line-height: 1.4em ;list-style:none;} 

.services_plus {float: left;  margin: 10px 0px 10px 0px; padding-left:5px;width: 220px;min-height: 100px;} 
 
.services_plus h1 {font-family: Arial, Helvetica, sans-serif;font-size: 20px;font-weight: bold;color: #0A6594;list-style:none;text-align: left;  } 

.services_plus li { line-height: 1.4em ;list-style:none;} 
	
.double_boxes {float: left;  margin: 10px 0px 0px 0px; width: 63%;min-height: 100px;} 	 

.double_boxes h1 {border-bottom: 1px solid #5c9bd2;font-family: Arial, Helvetica, sans-serif;font-size: 19px;font-weight: bold;color: #0A6594;text-align: left;  }  

.double_boxes ul {float: left;line-height: 1.4em ;margin-top: 5px;list-style: none ;text-align: left;  } 
 
.guide_brochure {float: left;  margin: 0px 5px 0px 0px; padding-top:5px;width: 227px;min-height: 190px;} 
 
.guide_brochure h1 {margin-bottom: 5px;font-family: Arial, Helvetica, sans-serif;font-size: 19px;font-weight: bold;color: #0A6594;text-align: left;  } 

.guide_brochure img {float: left;margin: 0px 10px 0px 0px;border: 1px solid #5c9bd2;   } 

#contact {float: left;margin-top: 20px;}

.title {FONT-WEIGHT: bolder; WIDTH: 70%; COLOR: #ff5f00; margin-top:10px; margin-bottom: 10px;border-bottom: 2px solid #ff5f00;  }

.title2 {FONT-WEIGHT: bolder; WIDTH: 95%; COLOR: #ff5f00; margin-top:10px; margin-bottom: 10px;  }

#contact {float: left;}

.lettrine:first-letter{font-size:300%;float:left}
	
#parcours {font-size:18px;font-family: Verdana, Arial, Helvetica, sans-serif;line-height: 1.8em ;}	
	
#titre { font-size: 22px;text-align: left;color: #FF6600;font-family: Arial, Helvetica, sans-serif; font-weight: bold;margin-top: 20px;margin-bottom: 20px;padding: 0px;}
	
#configurateur {float: left;width: 100%;margin-top: 20px; }

.avis {float: left;text-align: left;font-family: Verdana, Arial, Helvetica, sans-serif;
width:220px; margin-right:15px;}

#offre  {float: left;font-size: 16px;text-align: center;	width: 98%;font-family: Verdana, Arial, Helvetica, sans-serif;font-weight: bold;	margin-top: 15px;margin-bottom: 15px;padding: 5px;background-color:#ebf3fb;border: 1px solid #5c9bd2; }
	 
#footer { font-size: 12px;text-align: left;font-family: Verdana, Arial, Helvetica, sans-serif;margin-top: 10px; margin-left: 10px;}
	
/* -------------------------footer with sitemap */
#pied {width: 980px;background-image: url(images/pied.gif);height: 60px;padding-right: 0px;padding-left: 35px;padding-top: 20px;background-repeat: no-repeat;}

#pied a {font: 12px Arial, Verdana, sans-serif ;font-weight: bold;color: #0A6594;text-decoration: none; }
#pied a:hover {  text-decoration: underline;}

#plan {	float: left;width: 100%;text-align: left; margin-top: 20px;margin-left: 10px;}

.colonne {float: left;width: 180px;margin-left: 0px;margin-top: 10px;}

.colonne p {margin: 0.1em;text-align: left;  line-height: 1.5em ;}

label {display:block;}

input {margin-top:10px;border:1px solid black;background-color:#f2f6f8;font-family:Verdana, Arial,sans-serif;}

textarea {border:1px solid black;background-color:#f2f6f8;font-family:Verdana, Arial,sans-serif;}

/* -------------------------------------end footer */
	
.style1 {font-family: Arial, Helvetica, sans-serif;font-size: 16px;font-weight: bold;}

.style2 {font-family: Arial, Helvetica, sans-serif;font-size: 12px;}

.style3 {font-family: Arial, Helvetica, sans-serif;font-size: 16px;font-weight: bold;color: #FF0000;}  

.img_block {DISPLAY: block}

a.ServiceLink01:link {
	DISPLAY: block; FONT-WEIGHT: bold; FONT-SIZE: 11px; BACKGROUND: url(images/service_01.gif) no-repeat; PADDING-BOTTOM: 0px; WIDTH: 122px; COLOR: #ffffff; LINE-HEIGHT: 13px; HEIGHT: 75px; TEXT-DECORATION: none
}
a.ServiceLink01:visited {
	DISPLAY: block; FONT-WEIGHT: bold; FONT-SIZE: 11px; BACKGROUND: url(images/service_01.gif) no-repeat; PADDING-BOTTOM: 0px; WIDTH: 122px; COLOR: #ffffff; LINE-HEIGHT: 13px; HEIGHT: 75px; TEXT-DECORATION: none
}
a.ServiceLink01:hover {
	BACKGROUND: url(images/service_01_r.gif) no-repeat; HEIGHT: 75px
}
a.ServiceLink01:hover:visited {
	BACKGROUND: url(images/service_01_r.gif) no-repeat; HEIGHT: 75px
}

.grid {
	WIDTH: 246px;
}

#Yam a span {display: none;}

#Yam a:hover span {
display: block;
position: absolute; 
top: 230px; left: 650px; width: 255px; height:108px;

	color: #FF9900; text-align:left; font-size:11!px; font-stretch: ultra-condensed;
	line-height: 1,2em;
 }
blockquote{
margin:0;
padding:0;
color:#555;


}
blockquote p{
font: italic 100% Verdana;
font-weight: bold;
font-size: 100%;
margin: 5px 5px 5px 5px;
/*padding-left:10px;*/
}
.nom{
font-size:10px;
text-align:right;
/*margin: 0px 0px 20px 0px;*/
}  
#comment {float:left; width:500px;}
#icones {float:left;}
#icones li {padding: 4px 0;}
#icones li a {padding: 0 0 0 4px; font: 12px Arial, Verdana, sans-serif ;font-weight: bold;color: #0A6594;text-decoration: none; }
#icones li a:hover {  text-decoration: underline;}