@charset "utf-8";

body { font-family: "Times New Roman", Times, serif; background: #fff; margin: 0; padding: 0; color:#000;}

#container{ width:992px; margin:auto; color:#fff; background: url(../images/fond.png) repeat-x #4274b6; margin-top:20px; margin-bottom:20px; -moz-border-radius: 25px; border: 2px solid #ffc847;}

#devis{ height:25px; background:url(../images/devcamion.gif) no-repeat; margin-left:563px; margin-top:25px; margin-bottom:4px; }

/* --- Haut ---*/
#haut{ height:100px; background: url(../images/hautAveclogo2.png) no-repeat; -moz-border-radius: 23px 23px 0 0; border:0; }

#milieu{ width:750px; margin-left:131px; color:#000;  margin-bottom:50px; }

#menucontainer{height:28px; padding-left:45px;}

#milieucontainer{-moz-border-radius: 15px; border: 3px solid #ffc847; background:#fff; }

#titre{-moz-border-radius: 12px 12px 0 0; height:auto; text-decoration : underline; text-align:center; font-variant: small-caps; font-size: 19px;font-weight: bolder; color:#483D8B; padding: 10px 0 10px 20px;  border-bottom:2px solid #ffc847;}

#contenu { padding: 10px 20px 10px 20px; color:#000080; text-align:justify; }
	#contenu  p.form{ text-decoration:underline; font-weight:bolder;}
	#contenu  p.center{ text-align:center;}
	#contenu  p.formCenter{ text-decoration:underline; font-weight:bolder; text-align:center;}
	#contenu input[type=text] { border:1px solid #4274b6;  color: #27548f; font-size:14px; background-color:#ffdd8d; /*background-color:#ffc847;*/ padding:2px; }
	#contenu textarea { border:1px solid #4274b6; color:#27548f; font-size:14px; background-color:#ffdd8d; padding:2px; }
	#contenu  .dimension_colonne1{ text-align: center ; font-weight: bolder; padding:25px 10px 18px 0; width:125px; vertical-align: middle; height: 20px; }
	#contenu  .dimension_colonne2 { vertical-align: middle; text-align : center; }


	
/* --- Pied de page ---*/	
#bas{ height:100px; background: url(../images/basPetit1.png) no-repeat; color:white; -moz-border-radius:0 0 23px 23px ; border:0;} 
	#bas #bascontenu {padding-top:10px; text-align:center; font-size:13px; font-weight: bolder; }
	#bas p {margin:0; padding-top:4px; } 
	#bas #bascontenu1{}
	

.centrer{text-align:center;}
#centrer{text-align:center;}
	
/* --- Menu Gauche ---*/		
#menu_gauche { float:left; width: 131px ; list-style: none ; padding: 160px  0 0; }
#menu_gauche li { margin-bottom: 5px ; text-align:left; }
#menu_gauche li a { background:#ffcc00; display: block; color: #1f4c92; text-decoration: none; margin: 6px 0 0 20px; padding: 5px 0 8px 8px; font-weight: bold; -moz-border-radius: 10px 0 0 10px; }
#menu_gauche li a:hover  { background:#ff5e47;}	


/* --- Menu Haut ---*/
#menu {list-style:none;margin:0; padding:0; }
#menu li { float:left; margin-left:2px;   }
#menu li a { display:block; height:28px; line-height:28px; font-weight: bolder; padding:0 15px 0 15px; background:#ffcc00; color:#1f4c92; text-decoration:none; -moz-border-radius: 10px 10px 0 0; border:0;}
#menu li a:hover  { background:#ff5e47;}	


/* --- Images --- */
#vignetteRight { float:right; width:330px; height:236px; background: url('../images/contour_image1.png') no-repeat; margin:20px 0 25px 20px; padding-bottom:30px;}	
	#vignetteRight img {width:290px; height:196px; top:20px; left:20px; position: relative;}
	
.vignetteRight { float:right; width:330px; height:236px; background: url('../images/contour_image1.png') no-repeat; margin:20px 0 10px 20px;}	
	.vignetteRight img {width:290px; height:196px; top:20px; left:20px; position: relative;}	

#vignetteLeft{ float:left; width:330px; height:236px;  background-image: url('../images/contour_image1.png'); margin:20px 10px 25px 0; }		
	#vignetteLeft img { width:290px; height:196px; top:20px; left: 20px; position: relative;}
	
#vignetteLeft2{ float:left; width:330px; height:236px;  background-image: url('../images/contour_image1.png'); margin:20px 70px 25px 0; }		
	#vignetteLeft2 img { width:290px; height:196px; top:20px; left: 20px; position: relative;}
	
#gauchelogo img { float: left; width:141px; height:134px; padding-left: 18px; right: 18px; padding-top: 10px; position: relative;}
#droitelogo img { float: right; width:200px; height:190px; padding-right: 25px; left: 18px; position: relative;}

#image1 { width: 300px; height: 227px ; margin: 10px 15px 10px 30px;}
#image2 { width: 300px; height: 227px ; margin: 10px 30px 10px 15px; }

#droite img { float: right; width:290px; height:250px; padding-right: 18px; left: 18px; position: relative; }
#droite2 img { float: right; width:350px; height:350px; padding:10px 18px 0 10px; left: 18px; position: relative;}
#droite3 img {float: right; width: 408px; height: 280px; padding:10px 18px 0 10px; left: 18px; position: relative;}

#gauche img { float: left; padding-left: 25px; padding-right: 45px; padding-top: 35px;}
#gauche  { float: left; padding:30px 20px 10px 15px}

#vignetteRight2 { float:right; width:330px; height:236px; background: url('../images/contour_image1.png') no-repeat; margin:20px 55px 10px 20px;}	
	#vignetteRight2 img {width:290px; height:196px; top:20px; left:20px; position: relative;}	


//* --- Pratique ---*/	

.smallcaps { font-variant: small-caps; }
.retrait {text-indent: 20px; }
.none {list-style-type: none; }
.forme { text-decoration:underline; font-weight:bolder;}

.lignetitre {text-align: center; font-weight: bolder; padding : 10px 10px 10px 0; width: 300px;}
.lignephoto {text-align: center;  padding : 5px 5px 5px 5px;  height : 120px ;}
.ligne {text-align: center; font-size: 13px; padding : 6px 8px 0 0; width: 300px;}

.borderhistorique { border : medium solid border-bottom; }

#mail { width: 20px; height: 20px; }
#iconetel { width: 20px; height: 20px;}
#iconemail {width: 22px; height:22px;}

.milieu{text-align:center;}

#white {color: white; }

#reduirestats { width:350px; height: 201px; }

.button_submit {background:url(../images/submit.png) no-repeat;  height:30px; width:144px; border:none; margin-left:5px; margin-right:20px;}

#mapGoogle { width:500px; height:400px; border:1px solid black;  margin:0;  }


/* --- Page Index - Choix Langue ---*/
#containeraccueil {position:absolute; left:50%; top:50%; width:800px; height:600px; margin-top:-300px; margin-left: -400px;  
				background: url('../images/accueil/fondAccueilBleuv2.png'); }

#basAccueil { text-align: center; padding-top:510px;  }
	#basAccueil img { margin: 0 10px 0 10px; width:90px; height:65px; }	
	
a img{border: none;}