/* CSS Document */
* { padding:0; margin:0; outline:none }

html, body { width:100%; height:100% }

body { background:#ccc url(images/fond.jpg) repeat-x; font:normal 12px Arial, Helvetica, sans-serif; color: #111; }

h1 { text-align:center; font:bold 12px Arial, Helvetica, sans-serif; clear:both; color:#fff; }

.h1 { text-align:justify; font:normal 12px Arial, Helvetica, sans-serif; color:#111; }

a { color:#111; }

#page { width:1000px; margin:0 auto; background:transparent url('images/bg.jpg') repeat-y; }

#entete { width: 1000px; height:285px; clear:both; background:transparent url('images/head.jpg') no-repeat; }

#marques { width: 957px; height:18px; clear:both; background:transparent url('images/marques.jpg') no-repeat; font:normal 10px Arial, Helvetica, sans-serif; padding:20px 0 0 43px; }

#contenu { width: 1000px; float:left; min-height:213px; _height:213px; padding:0 0 0 0; text-align:justify; }

#bloc_d { float:left; width:164px; margin:0 14px 10px 10px; _margin:0 1px 10px 5px;}

#gauche { width: 164px; float:left; padding:0 5px 5px 5px; text-align:center; background:#FEFEFE url('images/bg-menu.jpg') repeat-x; border:1px solid #111; }

#gauche2 { width: 164px; float:left;  padding:0 5px 5px 5px; margin-top:10px; text-align:center; background:#FEFEFE url('images/bg-menu.jpg') repeat-x; border:1px solid #111; }

#milieu { width: 572px; float:left; margin:0 10px 10px 10px; padding:0 5px 5px 5px; min-height:213px; _height:213px; background:#FEFEFE url('images/bg-contenu.jpg') repeat-x; border:1px solid #111; }

#droite { width: 164px; float:left; margin:0 10px 10px 3px; _margin:0 5px 10px 1px; padding:0 5px 5px 5px; min-height:213px; _height:213px; text-align:center; background:#FEFEFE url('images/bg-panier.jpg') repeat-x; border:1px solid #111; }

#pied { width: 100%; height:71px; clear:both; margin:0 auto; background:transparent url('images/bg-adresse.jpg') repeat-x; text-align:center; clear:both }

#liens { text-align:center; color:#000; }

.lien { color:#000; }

.txt { color:#FD9B03; }

/************************************************intro********************************************************/

#intro { width:550px; height:400px; padding:0 0 0 0; margin:0 auto; }

#mention a { color:#111; }

div#yzeo { font: normal 10px Verdana, Arial, Helvetica, sans-serif; padding:0 0 0 0; color: #333; text-align:center }

div#yzeo img { padding: 0 5px 2px 5px; border:none; vertical-align:middle; }

div#yzeo a { color:#333; }

#menubas { text-align:center; font: normal 10px Verdana, Arial, Helvetica, sans-serif; padding:15px 0 0 0}

#menubas img { border:none; padding-top:5px;}

#txt { width:579px; float:left; padding:35px 0 0 45px; color:#11100c; text-align:justify; }

/*/////////////////////////////////////////////// formulaire //////////////////////////////////////////////////////////////////*/
	
	#formulaire { background: transparent; text-align:center; width:490px; padding:0; margin:20px 0 0 40px; _margin:20px 0 0 20px; float:left; font: normal 11px Arial, Helvetica, sans-serif; color:#111; } /* 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:150px; height:13px; float:left; margin: 0 5px 0 2px; } /* carateristique des input */

.textareaform { width:486px; height:100px; overflow:auto; } /* carateristique du textarea */

.selectform { height:18px; float:left; margin: 0 5px 0 2px; font: normal 11px Arial, Helvetica, sans-serif; color:#111; background-color:#B8B7B3; border:1px solid #111 } /* 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 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:#111; } /* couleur du lien dans capchat */

.divimagecaptchat { border:none; padding: #111; } /* carateristique de la div entourant l'image captchat */

.transp, .inputtexte { background: transparent; border: 1px solid #111; font: normal 11px Arial, Helvetica, sans-serif; color:#111; } /* pour rendre les input et textarea transparent avec une bordure */

fieldset { border-top:1px solid #111; border-bottom:1px solid #111; border-left:1px solid #111; border-right:1px solid #111; padding:5px; }

legend { color:#111; }

/*/////////////////////////////// fait par GrEGoOoO /////////////////////////////////////////////////////////////////*/
	
	/*/////////////////////////////////////////////// fin du formulaire //////////////////////////////////////////////////////////////////*/
	
			
	div#mention { text-align:center; clear:both; padding:0 0 0 0; color:#111; }

div#mention a { color:#111; }