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

body { background:#fff url('images/body.jpg') repeat-x; font:normal 11px Verdana, Arial, Helvetica, sans-serif; color:#000; text-align:justify; }

a:hover { text-decoration:none }

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

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

#menu { width:289px; height:343px; float:left; background: transparent url('images/menu.jpg') no-repeat; }

#menu img { border:none}

#menu a img { border:none; filter : alpha(opacity=100); -moz-opacity : 1; opacity : 1; }

#menu a:hover img { filter : alpha(opacity=50); -moz-opacity : 0.5; opacity : 0.5; }

#titre { width:680px; height:62px; float:left; background: transparent url('images/fond-titre.jpg') no-repeat; }

#contenu { width:680px; min-height:281px; _height:281px; float:left; background: transparent url('images/contenu2.jpg') no-repeat; }

#contenu a { color:#000; }

#contenu a img { border:none; filter : alpha(opacity=100); -moz-opacity : 1; opacity : 1; }

#contenu a:hover img { filter : alpha(opacity=50); -moz-opacity : 0.5; opacity : 0.5; }

#contenu p { padding: 0 0 15px 0; line-height:16px; }

#contenu p:first-letter { font:bold 15px Verdana, Arial, Helvetica, sans-serif; }

#texte { padding:20px 30px 0 20px; }

#flash { width:238px; height:187px; float:right; padding:0 0 20px 25px; text-align:center }

#accessoires { width:400px; height:300px; margin:0 auto; padding:5px; background: transparent url('images/fond-flash.jpg') no-repeat;}

#adresse { width:969px; height:29px; clear:both }

#yzeo { width:969px; height:37px; background: transparent url('images/fond-yzeo.jpg') no-repeat; text-align:center; clear:both; color:#fff; font:normal 10px Verdana, Arial, Helvetica, sans-serif; }

#yzeo a { color:#fff; }

#yzeo img { vertical-align:middle; border:none }

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

#menubas a { color:#000; }

#image  {  text-align:center}

#image2 {  text-align:center}

#image img  { padding:0 30px 00 0; text-align:center}

#image2 img  { padding:0 10px 00 0; text-align:center}

#perso { width:100%; margin: 0 auto;}

.flash_perso { float:left; width:150px; min-height:113px; _height:113px;  padding:0 7px 15px 0; text-align:center}

.personnalisation { float:left; width:600px; margin:0px auto 0px auto; min-height:520px; _height:520px;  }

/*/////////////////////////////////////////////// formulaire //////////////////////////////////////////////////////////////////*/
	
#formulaire { text-align:center; width:420px; padding:0; font: normal 11px Verdana, Arial, Helvetica, sans-serif; color:#000; margin:0 auto } /* carateristique du formulaire */

#formulaire * { margin:0 0 6px 0; padding:0; } /* caracteristique de toutes les balises qui se trouvent dans le formulaire */

#formulaire fieldset { border-bottom:2px solid #936A00; border-right:2px solid #936A00; border-top:2px solid #DFA913; border-left:2px solid #DFA913; padding:10px; width:396px; }

#formulaire legend { font: bold 12px Verdana, Arial, Helvetica, sans-serif; padding:2px 15px; background: #DFA913 url('images/h2.gif') repeat-x; color:#000; text-transform:uppercase; }

.labelform { width: 203px; float: left; text-align: right; margin: 0 5px 0 0; } /* carateristique des label, width minimum 203px; */

.pform { padding:0; text-align:left; clear:both; } /* carateristique des p */

.inputform { width:190px; height:13px; float:left; margin: 0 5px 0 2px; } /* carateristique des input */

.labelform2 { width: 80px; float: left; text-align: right; margin: 0 5px 0 0; } /* carateristique des label, width minimum 203px; */

.pform2 { padding:0; text-align:left; float:left; width:197px; } /* carateristique des p */

.inputform2 { width:110px; height:13px; float:left; margin: 0 5px 0 2px; } /* carateristique des input */

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

.selectform { width:112px; height:18px; float:left; margin: 0 5px 0 2px; font: normal 11px Verdana, Arial, Helvetica, sans-serif; color:#000; background:#C3BFBE; padding:0; border: 1px solid #000; } /* carateristique des select */

.selectform2 { width:112px; height:18px; float:left; margin: 0 5px 0 2px; font: normal 11px Verdana, Arial, Helvetica, sans-serif; color:#000; background:#C3BFBE; padding:0; border: 1px solid #71171D; } /* 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 */

#code { margin:5px 0 0 0; }

.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 { border:1px solid black; padding: 0 0 0 100px; } /* carateristique de la div entourant l'image captchat */

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

.transp2, .inputtexte2, #code2 { background:transparent; border: 1px solid #DFA913; font: normal 11px Verdana, Arial, Helvetica, sans-serif; color:#000; } /* pour rendre les input et textarea transparent avec une bordure */

#coordonnees { display:block; width:190px; background: #DFA913 url('images/h2.gif'); color:#000; height:14px; font: bold 12px Verdana, Arial, Helvetica, sans-serif; padding:2px 0px; margin:-10px 0 0 5px; _margin:-10px 0 0 2px; text-transform:uppercase; z-index:10; position:relative }

#mention { text-align:center; padding: 0 0 10px 0; width:200px; border-bottom:1px solid #936A00; border-right:1px solid #936A00; border-top:1px solid #DFA913; border-left:1px solid #DFA913; color:#000; line-height:14px }

#mention a { color:#000 }

#autourmention { padding:0; width:200px; clear:both; padding:50px 0 0 50px }

/*////////////////////////////////////////////// fait par GrEGoOoO /////////////////////////////////////////////////////////////////*/
	
/*/////////////////////////////////////////////// fin du formulaire //////////////////////////////////////////////////////////////////*/	


/*///////////////////////////////////////////////  galerie photo //////////////////////////////////////////////////////////////////*/	

h2 { text-align:center; font: bold 12px Verdana, Arial, Helvetica, sans-serif; padding:2px 15px; background: #FBEEE3 url('images/h2.gif') repeat-x; color:#000; text-transform:uppercase; margin:0 0 5px 0; }

#galerie a img { border:1px solid #fff; filter : alpha(opacity=100); -moz-opacity : 1; opacity : 1; }

#galerie a:hover img { border:1px solid #CC3300; filter : alpha(opacity=70); -moz-opacity : 0.7; opacity : 0.7; }

#galerie { width:100%; }

.autourgalerie { width:180px; float:left; text-align:center }

.imggalerie { width:180px; padding:10px 0; clear:both }

.textegalerie { padding:10px 0; width:180px; clear:both }

.textegalerie a:first-letter { padding: 0 0 15px 0; line-height:16px; }

.galerie2 { width:100%; }

.imggalerie2 { width:33%; padding:10px 0; text-align:center; float:left; }

/*/////////////////////////////////////////////// fin galerie photo //////////////////////////////////////////////////////////////////*/


/*/////////////////////////////////////////////// plan du site  //////////////////////////////////////////////////////////////////*/

#page2 { width:697px; margin:1px auto 0 auto; background: transparent url('images/page2.gif') repeat-y; }

#entete2 { width:697px; height:272px; clear:both; background: transparent url('images/entete2.jpg') no-repeat; }

#contenu2 { width:697px; min-height:281px; _height:281px; clear:both; background: transparent url('images/contenu3.jpg') no-repeat; }

#contenu2 a { color:#000; }

#contenu2 a img { border-top:1px solid #fff; border-left:1px solid #fff; border-bottom:2px solid #fff; border-right:2px solid #fff; filter : alpha(opacity=100); -moz-opacity : 1; opacity : 1; }

#contenu2 a:hover img { border-top:2px solid #fff; border-left:2px solid #fff; border-bottom:1px solid #fff; border-right:1px solid #fff; filter : alpha(opacity=70); -moz-opacity : 0.7; opacity : 0.7; }

#contenu2 p { padding: 0 0 15px 0; line-height:16px; }

#contenu2 p:first-letter { font:bold 15px Verdana, Arial, Helvetica, sans-serif; }

#contenu2 a:first-letter { font:bold 15px Verdana, Arial, Helvetica, sans-serif; }

#texte2 { padding:0 30px; }

#adresse2 { width:697px; height:27px; clear:both }

#yzeo2 { width:697px; height:33px; background: transparent url('images/fond-yzeo2.jpg') no-repeat; text-align:center; clear:both; color:#fff; font:normal 10px Verdana, Arial, Helvetica, sans-serif; }

#yzeo2 a { color:#fff; }

#yzeo2 img { vertical-align:middle; border:none }

.gauche { width:150px; float:left; text-align:center; }

/*/////////////////////////////////////////////// fin plan du site  //////////////////////////////////////////////////////////////////*/