/* CSS Document */

* { margin:0; padding:0; outline:none; }

body { background:url(images/fond.jpg) repeat-x #073072; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #fff; }

p { padding:7px; }

a:link { color: #CCCCCC; text-decoration: underline; }

a:visited { color: #CCCCCC; text-decoration: underline; }

a:hover { color: #FFFFFF; text-decoration: underline; }

h1 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color: #ffffff; font-weight: bold; margin: 0 0 10px 0; }

a.lien:link { color: #FFFFFF; text-decoration: underline; }

a.lien:visited { color: #FFFFFF; text-decoration: underline; }

a.lien:hover { color: #FFFFFF; text-decoration: underline; }

#page { clear:both; width:956px; margin:0 auto; }
#page-presentation { clear:both; width:956px; margin:0 auto; background:url(images/repeat-presentation.jpg) repeat-y; }

#ban { clear:both; width:956px; height:324px; }
#titre { float:left; width:518px; height:36px; }
#titre-droit { float:left; width:438px; height:36px; background:url(images/charte_dave_05.jpg) no-repeat; }

#contenu { clear:both; min-height:180px; _height:180px; background:url(images/contenu.jpg) no-repeat; padding:10px 0 0 115px; }
#contenu-historique { clear:both; min-height:180px; _height:180px; background:url(images/contenu-historique.jpg) no-repeat; padding:10px 40px 0 115px; text-align:justify; }
#contenu-clim { clear:both; min-height:180px; _height:180px; background:url(images/contenu-clim.jpg) no-repeat; padding:10px 40px 0 115px; text-align:justify; }
#contenu-chauffage { clear:both; min-height:180px; _height:180px; background:url(images/contenu-chauffage.jpg) no-repeat; padding:10px 40px 0 115px; text-align:justify; }
#contenu-froid { clear:both; min-height:180px; _height:180px; background:url(images/contenu-froid.jpg) no-repeat; padding:10px 40px 0 115px; text-align:justify; }

#pied { clear:both; width:956px; height:34px; background:url(images/charte_dave_07.jpg) no-repeat }

#logo-yzeo { clear:both; width:956px; height:28px; margin:0 auto; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#FFFFFF; }
#logo-yzeo a { color:#fff; }

.diapo { float:left; padding:2px 5px 0 0; }

.maj { font:bold 14px Verdana, Arial, Helvetica, sans-serif; color:#fff; }

.legende { font-size:11px; font-style:italic; }

	/*/////////////////////////////////////////////// formulaire //////////////////////////////////////////////////////////////////*/
	
	#formulaire{ background: transparent; text-align:center; width:400px; padding:0; margin:0 0 0 50px; float:left;   font: normal 11px Verdana, Arial, Helvetica, sans-serif; color:#fff; } /* carateristique du formulaire */
	
	#formulaire * { margin:0 0 2px 0; padding:0;} /* 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:195px; height:13px;  float:left; margin: 0 5px 0 2px;} /* carateristique des input */
	
	.textareaform { width:400px; height:100px; overflow: auto;} /* carateristique du textarea */
	
	.selectform  { height:18px; float:left; margin: 0 5px 0 2px;font: normal 11px Verdana, Arial, Helvetica, sans-serif; color:#000;} /* 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 */
	#formulaire div a{ color:#fff;} /* couleur du lien dans capchat */
	.divimagecaptchat { border:1px solid black; padding: 0 0 0 100px; } /* carateristique de la div entourant l'image captchat */
	
	.transp, .inputtexte { background: white; border: 1px solid #000;font: normal 11px Verdana, Arial, Helvetica, sans-serif; color:#000; } /* pour rendre les input et textarea transparent avec une bordure */
	
	/*////////////////////////////////////////////// fait par GrEGoOoO /////////////////////////////////////////////////////////////////*/
	
	/*/////////////////////////////////////////////// fin du formulaire //////////////////////////////////////////////////////////////////*/
	
			
	div#mention { width:200px; text-align:center; padding: 50px 40px 0 40px; float:left;  }
	
#lien-bas-page { clear:both; width:956px; margin:0 auto; text-align:center; padding-top:10px; }
a.lienplan:link { color: #fff; text-decoration: underline; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; }
a.lienplan:hover { color: #fff; text-decoration: underline; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; }
a.lienplan:visited { color: #fff; text-decoration: underline; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; }
a.lienplan:active { color: #fff; text-decoration: underline; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; }
.lienplantiret { color: #fff; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; }