/* CSS Document */
	
	* { margin:0; padding:0; outline:none;   }
	
	body {	background: #C5271E url('images/fond.jpg') repeat-x; font: normal 11px Verdana, Arial, Helvetica, sans-serif; color:#445E77; text-align:justify; } 
	
	h1 { font: normal 11px Verdana, Arial, Helvetica, sans-serif; text-align:center; margin: 20px 0 80px 0; color:#fff;   }
	
	.h1 { font: bold 11px Verdana, Arial, Helvetica, sans-serif; text-align:justify; margin: 0 0 0 0; color:#445E77;   }
	
	.h1 :first-letter { font: bold 15px Verdana, Arial, Helvetica, sans-serif;  }
	
	h2 { font: bold 15px Verdana, Arial, Helvetica, sans-serif; border-bottom:1px solid #bcc3c8;  padding:11px 0 3px 0; margin:0 0 5px 0; text-indent: 42px; height:22px; text-align:justify; display:block; clear:both }
	
	legend { font: bold 15px Verdana, Arial, Helvetica, sans-serif; border-bottom:1px solid #bcc3c8;  padding:11px 0 3px 0; margin:0 0 5px 0; text-indent: 42px; height:22px;  }
	
	object { margin:0; padding:0}
	
	.fond1 { background: transparent url('images/haut-formule.gif') no-repeat;}
	
	.fond2 { background: transparent url('images/haut-formule2.gif') no-repeat;}
	
	.fond3 { background: transparent url('images/haut-grand-fond.gif') no-repeat;}
	
	.fond4 { background: transparent url('images/haut-grand-fond2.gif') no-repeat;}
	
	h3 {font: bold 12px Verdana, Arial, Helvetica, sans-serif; padding:0 0 5px 10px; }
	
	.h3devis { background: transparent url('images/h3.gif') no-repeat; margin:5px 10px 0 10px; padding: 5px 0 5px 0; clear:both; height:19px  }
	
	a { text-decoration:none; border-bottom:1px solid #fff;}
	
	a:visited { border-bottom:1px dotted #fff;}
	
	a:hover { border-bottom:none;}
	
	#index { width:491px; margin:0 auto; text-align:center; color:#fff;  }
	
	#index p {color:#fff;  }
	
	#index a {color:#fff;  }
	
	#table { width:919px; background: #fff url('images/charte_07.jpg'); margin: 0 auto; border-collapse:collapse;  }
	
	/*#soustable { width:919px;  border-collapse:collapse;}*/
	
	#contenu { padding:10px 50px 0 75px; display:table-cell; clear:both; background: transparent url('images/charte_06.jpg') no-repeat; width:919px; _width:789px;}
	
	#contenu a {color:#445E77; border-color:#445E77; }
		
	#entete {width:919px; height:283px; }
	
	#titre {width:919px; height:62px;  }
	
	#pied {width:919px; height:64px; clear:both}
	
	p { padding: 0 0 15px 0; line-height:16px; }
	
	p:first-letter { font: bold 15px Verdana, Arial, Helvetica, sans-serif;  }
	
	#gauche { width:215px; height:100px;  float:left; }
	
	#droite { width:140px; height:100px;  float:right; }
	
	/*/////////////////////////////////////////////// formulaire //////////////////////////////////////////////////////////////////*/
	
	#formulaire{ background: transparent url('images/formfond.gif'); text-align:center; width:400px; padding:5px 0 0 5px; margin:0 0 0 100px; _margin:0 0 0 50px; float:left; height:440px;     } /* carateristique du formulaire */
	
	#formulaire * { margin:0 0 2px 0; padding:0; font: normal 11px Verdana, Arial, Helvetica, sans-serif; color:#445E77;} /* caracteristique de toutes les balises qui se trouvent dans le formulaire */
	
	.labelform { width: 203px; float: left; text-align: right; margin: 0 5px 0 0;} /* carateristique des label, width minimum 203px; */
	
	.pform {padding: 3px 0px 10px 0px; text-align:left; clear:both;  } /* carateristique des p */
	
	.inputform {width:190px; height:13px;  float:left; margin: 0 5px 0 2px;} /* carateristique des input */
	
	.textareaform { width:393px; height:80px; overflow: auto;} /* carateristique du textarea */
	
	.selectform  { height:18px; float:left; margin: 0 5px 0 2px;} /* carateristique des select */
	
	.labelmessage { width:95px;} /* carateristique du label contenant "Votre message" */
	
	#labelenvoyer { width:125px;} /* carateristique du label avant l'input envoyer, sert a centrer le bouton envoyer */
	
	.inputenvoyer { width:150px; font: normal 10px Verdana, Arial, Helvetica, sans-serif;} /* carateristique de l'input "envoyer mon message" */
	
	.divtexte { margin: 5px 0 0 0;  } /* carateristique de la div contenant le texte du captchat*/
	
	#formulaire div { margin: 5px auto; } /* centrer dans le formulaire des div */
	
	.divimagecaptchat { display:none;} /* carateristique de la div entourant l'image captchat */
	
	.transp, .inputtexte { /*background: transparent;*/ border: 1px solid #445E77; } /* pour rendre les input et textarea transparent avec une bordure */
	
	
	
	/*////////////////////////////////////////////// fait par GrEGoOoO /////////////////////////////////////////////////////////////////*/
	
	/*/////////////////////////////////////////////// fin du formulaire //////////////////////////////////////////////////////////////////*/
	
			
	/*/////////////////////////////////////////////// formulaire2 //////////////////////////////////////////////////////////////////*/
	
	#formulaire2{ background: transparent ;   padding:0; margin:0 0 0 0px; clear:both ; width:788px; text-align:center;    } /* carateristique du formulaire */
	
	/*#formulaire2 * { margin:0 0 2px 0; padding:0;}*/ /* caracteristique de toutes les balises qui se trouvent dans le formulaire */
	
	.labelform2 { width: 103px; float: left; text-align: right; margin: 0 5px 0 0; font: normal 11px Verdana, Arial, Helvetica, sans-serif; color:#445E77;} /* carateristique des label, width minimum 203px; */
	
	.pform2 {padding: 3px 0px 10px 0px; text-align:left; clear:both; font: normal 11px Verdana, Arial, Helvetica, sans-serif; color:#445E77;  } /* carateristique des p */
	
	.inputform2 {width:195px; height:13px;  float:left; margin: 0 5px 0 2px; font: normal 11px Verdana, Arial, Helvetica, sans-serif; color:#445E77;} /* carateristique des input */
	
	.textareaform2 { width:350px; height:80px; overflow: auto; font: normal 11px Verdana, Arial, Helvetica, sans-serif; color:#445E77; margin: 0 0 0 20px;} /* carateristique du textarea */
	
	.selectform2  { height:18px;  margin: 0 5px 0 2px; font: normal 11px Verdana, Arial, Helvetica, sans-serif; color:#445E77; } /* carateristique des select */
	
	.labelmessage2 { width:95px; font: normal 11px Verdana, Arial, Helvetica, sans-serif; color:#445E77;} /* carateristique du label contenant "Votre message" */
	
	#labelenvoyer2 { width:125px; font: normal 11px Verdana, Arial, Helvetica, sans-serif; color:#445E77;} /* carateristique du label avant l'input envoyer, sert a centrer le bouton envoyer */
	
	.inputenvoyer2 { width:150px;  font: normal 11px Verdana, Arial, Helvetica, sans-serif; color:#445E77;} /* carateristique de l'input "envoyer mon message" */
	
	.divtexte2 { margin: 5px 0 0 0; font: normal 11px Verdana, Arial, Helvetica, sans-serif; color:#445E77;  } /* carateristique de la div contenant le texte du captchat*/
	
	#formulaire2 div { margin: 5px auto; font: normal 11px Verdana, Arial, Helvetica, sans-serif; color:#445E77; } /* centrer dans le formulaire des div */
	
	.divimagecaptchat2 { display:none;} /* carateristique de la div entourant l'image captchat */
	
	.transp2, .inputtexte2 { background: #fff; border: 1px solid #445E77;  font: normal 11px Verdana, Arial, Helvetica, sans-serif; color:#445E77;} /* pour rendre les input et textarea transparent avec une bordure */
	
	#formulaire2 p { padding:0 0 10px 20px; text-align:justify; }
	
	/*////////////////////////////////////////////// fait par GrEGoOoO /////////////////////////////////////////////////////////////////*/
	
	/*/////////////////////////////////////////////// fin du formulaire //////////////////////////////////////////////////////////////////*/
	
			
	div#mention {   text-align:center; float:left; padding:00px 0 0 40px;   }
	
	hr { clear:both; border:1px dashed #BCC3C8; margin:10px; border-left:0px; border-right:0px;  }
	
	div#menubas{ margin: 0 auto 0 auto; padding: 10px 0 10px 0; text-align:center; color:#fff; font:normal 10px Verdana, Arial, Helvetica, sans-serif; }

	div#menubas a{ color:#fff; }
	
	div#yzeo {width:596px; margin: 5px auto 0 auto; text-align:center; color:#fff; font: normal 10px Verdana, Arial, Helvetica, sans-serif; }
	
	div#yzeo img {padding: 0 5px 2px 5px; border:none; vertical-align:middle;}
	
	div#yzeo a {color:#fff; }
	
	.colone { width:393px; float: left; background: transparent url('images/milieu-formule.gif') repeat-y;}
		
	.grandecolone { width:788px;  background: transparent url('images/milieu-grand-fond.gif') repeat-y;  }
		
	ul { padding:0 10px 15px 20px; list-style:square inside; }
	
	li{ line-height:16px; }
	
	.piedcolone { background:transparent url('images/bas-formule.gif') no-repeat bottom; }

	.piedgrandecolone { background:transparent url('images/bas-grand-fond.gif') no-repeat bottom; height:22px;  }

	.cubage { width:25px; height:13px;font: normal 10px Verdana, Arial, Helvetica, sans-serif;  border: 1px solid #445E77 }
	
	.colonedevis { width:190px;  float:left;  text-align:left; border:1px solid black  }
	
	.marginleft20px { padding:0 0 0 20px; }
	
	.uldevis { list-style:none; padding:0 0 10px 20px; margin:0;  }
	
	.uldevis span { width:120px; display:block; float:left;  }
	
	.uldevis input {  float:right; }
	
	.uldevis li { width:210px; float:left; text-align:justify; padding:0 0 0 30px; margin:0; line-height:18px;     }
	
	.dimensions {width:20px; }

	.textareadevis { width:500px; height:60px; overflow:auto; }
	.textedevisorange{
	color:#FF3300;
	}
	
	.stylep {padding-left:215px;
	padding-right:140px;
	}