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

body { text-align: center; margin: 0px auto; padding: 0; background: #502a17; color: #502a17; font:normal 11px Verdana, Arial, Helvetica, sans-serif; text-align:justify;  }

a:hover { text-decoration:none;  }

strong { color: #502a17; font-weight: bold; font-size: 12px; }

h1 {color: #fff; font:normal 11px Verdana, Arial, Helvetica, sans-serif; text-align:center; padding:20px 0;  }

h2 {font: normal 16px Verdana, Arial, Helvetica, sans-serif; color:#D77E2E; text-align:center; padding:0; clear:inherit; }

#index { text-align:center; color:#fff; }

#index a { color:#fff; }

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

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

#titre { height:35px; clear:both;}

#contenu { clear:both; padding:10px 60px 0 60px; min-height:200px; _height:200px; }

#contenu a { color:#502a17; }

#contenu a:hover { color:#D77E2E; }

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

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

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

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

#separation { padding:15px 0;}

#separation div { border-bottom:1px solid #593328;  }

#adresse { width: 950px; height: 99px; clear:both; }

#yzeo { text-align: center; width: 950px; color: #fff; margin:0 auto;  clear:both; font: normal 10px Verdana, Arial, Helvetica, sans-serif;}

#yzeo a { color: #fff;  }

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

#menubas { text-align:center; font:normal 9px Verdana, Arial, Helvetica, sans-serif; color:#fff; padding:10px 0; line-height:16px; }

#menubas a { color:#fff; }

.nutrition { width:270px; float:left; line-height:16px;  height:170px; margin:0 10px; _margin:0 5px; padding:0 10px; }

.nutrition ul { padding:0 0 0 20px;}

.nutrition li { list-style:square inside; }

em {display:block; text-align:center; font: italic 10px Verdana, Arial, Helvetica, sans-serif; }

.confiserie { width:343px; float:left; min-height:10px; _height:10px; text-align:justify; padding:15px 0 0 48px; line-height:15px;}

.dragees { width:343px; float:left; min-height:10px; _height:10px; text-align:center; padding:15px 0 0 48px; line-height:15px;}

.macarons { width:413px; float:left; min-height:10px; _height:10px; text-align:center; padding:15px 0 0 0; line-height:15px;}

.macaronsBis1 { width:313px; float:left; min-height:10px; _height:10px; text-align:center; padding:15px 0 0 0; line-height:15px;}
.macaronsBis2 { width:194px; float:left; min-height:10px; _height:10px; text-align:center; padding:15px 0 0 0; line-height:15px;}

.macarons2 {  clear:both;  min-height:10px; _height:10px; margin: 0 auto; text-align:center ; padding:15px 0 0 0; }

.macaronsImg { margin:0 64px 0 0;}

/*/////////////////////////////////////////////// formulaire //////////////////////////////////////////////////////////////////*/
	
#formulaire { text-align:center; width:420px; padding:0 0 0 70px; font: normal 11px Verdana, Arial, Helvetica, sans-serif; color:#502a17; float:left;  } /* 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 #000; border-right:2px solid #000; border-top:2px solid #502A17; border-left:2px solid #502A17; padding:10px; width:396px; }

#formulaire legend { font: bold 12px Verdana, Arial, Helvetica, sans-serif; padding:2px 15px; background: #502A17 url('images/h2.gif') repeat-x; color:#CCBEA3; 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:#502a17; background:#CCBEA3; padding:0; border: 1px solid #502a17; } /* carateristique des select */

.selectform2 { width:112px; height:18px; float:left; margin: 0 5px 0 2px; font: normal 11px Verdana, Arial, Helvetica, sans-serif; color:#502a17; background:#CCBEA3; padding:0; border: 1px solid #D77E2E; } /* 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 #502a17; } /* carateristique de la div entourant l'image captchat */

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

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

#coordonnees { display:block; width:190px; background: #502A17 url('images/h2.gif'); color:#CCBEA3; height:14px; font: bold 11px 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 #000; border-right:1px solid #000; border-top:1px solid #502A17; border-left:1px solid #502A17; color:#502a17; line-height:14px }

#mention a { color:#502a17 }

#autourmention { width:200px; float:right; padding:11px 50px 0 0;  }

.pressefloat { float:left; }

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

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

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

#entete2 {width: 604px; height:306px; background: transparent url('../images/entete2.gif') no-repeat; clear:both; }

#contenu2 { clear:both; padding:10px 60px 0 60px; min-height:200px; _height:200px; }

#contenu2 a { color:#502a17; }

#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; }

#adresse2 { width: 604px; height: 102px; clear:both;  background: transparent url('../images/adresse2.gif') no-repeat;}

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