@charset "iso-8859-1";
/* CSS Document */
* {margin:0; padding:0; border: none; text-decoration: none; }
body {font-family: Verdana, Helvetica, "Lucida Grande", Lucida, Tahoma, "Trebuchet MS", Arial, Geneva, sans-serif; font-size: 11px; text-align: center;  }

h3 { padding: 4px 10px; font-size: 16px;font-weight: normal; color: #c07a34}
div.h2title { margin: 0 0 8px 34px}
div.h2title h2 {display: inline; position: relative; top: 4px; padding: 40px 0 0 0; margin: 0 0 15px 0 ; }

p {font: normal 12px/17px "Trebuchet MS"; }
a  {color: #c07a34; font: bold 11px arial; text-decoration: none}       a:hover  {color: black}

a.tohome {position: absolute; top: -20px; left: -200px; display: block; width: 200px; height: 160px; }

span.strike {text-decoration: line-through}

form {padding: 0 25px} 

fieldset p, form p {padding: 0 0 7px 0}

 label {display: block; float: left; width: 100px;}
select, input , textarea {border: 1px solid #c07a34 }     ul li {list-style: none}

.denied ul { margin: 10px 35px; width: auto;  text-align: center;  }
.denied li { font-weight: bold; font-size: 13px; color: #865008; margin: 4px 0 ; padding: 0 0 0 30px;  }
.denied li span { border-bottom: 1px dotted #865008;  }

.format {margin: 10px 35px 10px 35px; }

.format p { margin: 0px 0px 10px 0px; }



/*    ACTUS   */ 
.tableau { margin: 0px 20px 0px 15px;  }	  
 
 			
 
/*            */

  
 .buttons { clear: both; margin: 15px 0px 10px 0px; text-align: center; } 
/*    PATH   */

div.path { color: #c07a34;background: url(../images/puce/puce_menu.jpg) ; background-repeat: no-repeat; margin: 0px 0 10px 35px;
				background-position: 0 3px; padding: 0 0 0 9px }
p.navv   { margin: 20px 0 25px 40px;color: #c07a34;}
p.produ  { color: #6e686c; font: bold 16px arial;margin: 0 0 10px 16px; text-align: center;  }



/*   ---  PAGE MENTIONS  ----   */

.adr {float: left; padding: 10px ; margin: 20px 0 15px 35px; width: 242px;  height: 165px; background: url(../images/fond/f-adr.jpg) left bottom no-repeat; }
.adr2 {float: left; padding: 10px ; margin: 20px 0px  15px 35px ; width: 242px;  height: 165px; background: url(../images/fond/f-adr.jpg) left bottom no-repeat; }
p.conformement {font: normal 11px arial; clear: both; margin: 10px 30px 0 40px;  }

/*-----------   CONTENEURS  ------------*/

#main  		 { position: relative; margin: 0 auto; width: 986px; text-align:left; background-color: white;}
#intro 		 { background:transparent url(../images/fond/header.jpg) no-repeat scroll left -196px; height: 344px; position:relative; top:0pt; width:986px }
#body  		 { width: 986px; background: url(../images/fond/spread.jpg) top left; background-repeat: repeat   }


#pub          {  position: absolute ; top: 255px; left: 130px;  z-index: 5000; width: 730px } 
div#content  { width: 986px;  overflow:hidden }

div#home     { width: 726px; margin-top: 10px; float: right; }

#description { padding: 0 10px 4px 30px; }


table#promos    { clear: both; margin: 15px 0 0 0px;  } 
table#promos td { width: 135px;   } 
table#promos td  p.tittreDesc        { display: block;  margin: 5px 0 0 0;   } 
table#promos td  a.lireMe        { display: block;  margin: 5px 0 0 0;   } 

/*             Recherche   menu gauche             */

div#searching  {padding: 0; margin: 15px 0 10px 5px; }
div#searching form {padding: 0 0 0 10px;}
label.lolo {background-color : #ede8ce;padding-left: 6px; 
color: #646567; display: block; width: 210px;}
input.lili {border: 1px solid #979797; background-color: white;}

div#searching form input {float: left; margin:7px 0 0 0}
div#searching form input.lulu {float: left; border: none; margin: 7px 0 0 4px;  }

.oki {position: relative; top: 5px; left:0   ; }
.searchlab {position: relative; top: 5px; left:10px   ; }

.nofound {margin: 15px;  font: normal 12px arial; font-style: italic; color: black ; }


/* - - - - - Fiche produits - - - - -*/

div#affaires2 { width:478px; background: url(../images/fond/design_bottom2.jpg)  ;background-repeat:  no-repeat; background-position:bottom; 
						margin: 30px 0 20px 25px ; padding: 0 0 10px 0}
div#affaires_bottom2 { width: 478px; background: url(../images/fond/design_top2.jpg); overflow: auto;background-repeat:  no-repeat; background-position: top;: 0px; 		 }

div#affaires3 { width:478px; background: url(../images/fond/design_bottom2.jpg)  ;background-repeat:  no-repeat; background-position:bottom;    position:relative; top: 0px; left
						margin: 30px 0 20px 25px ; padding: 0 0 10px 0}
div#affaires_bottom3 { width: 478px; background: url(../images/fond/design_deco.jpg); overflow: auto; background-repeat: no-repeat; background-position: top }

div.logo                {  position: absolute; top: 5px; left: 58px;  } 
div#fondtu {  margin: 0px 0 0 60px; width: 360px; min-height: 220px; overflow: auto; }

.imgproduct {text-align: center; ;padding: 5px 0 0 0; }

div#prize {margin: 2px 0 3px 0 ;  overflow: auto;}
.ref {float: left; width: 130px; padding: 3px 0 0 0; color: #ca833b; font-weight: bold;}
.refd {float: left;  margin: 3px 0 0 0;color: #6e686c; font-weight: bold;}   
p.titleprod { font: bold 11px verdana; color: #c17200; text-align: left; padding: 0 5px; margin: 0 0px 3px 0px;  }

div.immg {margin: 0 0 5px 0; text-align: center; min-height: 129px; min-width: 129px; }
span.prix {font: bold 10px verdana; color: #865008}
span.dim {margin: 0 0 4px 4px ; }
.alcool {width: 478px; text-align: center; margin: -10px 0 0 25px ; }
.alcool2 {width: 420px; text-align: center; margin: 5px 0 0 25px ; }
.savoir_plus {  padding: 10px 0 0 0 ;   text-align: center; }



/*      PROMOS       Home          */

div#affairesBIG { width:478px; overflow: auto; background-repeat: repeat; margin: 30px 0 20px 25px ;}

div#affaires { width:478px; background: url(../images/fond/design_spread.jpg)  ; overflow: auto; background-repeat: repeat; margin: 30px 0 0px 25px ;  }
div#affaires_top {  overflow: auto; background: url(../images/fond/design_top.jpg) top left ;  background-repeat:  no-repeat; zoom: 1    }
div#affaires_bot { margin: 0 0 0px 0px; 
						 background: url(../images/fond/design_bottom.jpg)  ; 
						 padding: 0 0 10px 0;background-repeat:  no-repeat;
						 background-position:bottom;  zoom: 1  }
 
.minHeightProd {min-height: 124px;  }

div.prod_affaire {  padding: 0 0 10px 0; min-height: 265px;  margin: 10px 12px; width: 135px; float: left;  }
div.prod_affaireNews {  padding: 0 0 10px 0; min-height: 255px; margin: 10px 12px; width: 135px; float: left;  }
div.prod_affaireNews p{  padding: 0 4px 0px 5px; margin: 0 0 0 0px;    }

a.savoirPlus     {    }
 
 
 
div.immg {margin: 0 0 5px 0;   }

span.prix {font: bold 10px verdana; color: #865008;   }

div#map {float: right; margin: 27px 17px 0 0 }

a.allpromos {margin: 0 0 0 15px; padding: 0 0 0 0; position: absolute; bottom : 4px; left: 5px; }

.noPromos {  
	color: #b38341; font: bold 14px "Trebuchet MS"; 
	text-align: center; padding: 135px 0 0 0; 
	 min-height: 130px;
}


/*          NEWS PERODUITS      */

.minheightNews { min-height: 127px;}

h3.newsh3 {font: bold 13px arial; color: #c07a34}

.logos {padding: 0 5px;  }
.descc { padding: 0 5px; }


/* - - - - -CATEGORY - - - -*/
.categorydesc {margin: 0 0 10px 40px;}
table.category {width: 88%; margin: 0 38px;}
table.category td.firs {background-color: #c07a34; border-bottom: 4px solid white;color: white; padding: 3px; text-align: center; font-weight: bold }
table.category td { border-bottom: 2px solid #dfc69e;border-left: 4px solid white;padding: 5px; background-color : #ede8ce} 
img.nophoto {margin: 10px 0}
td.nophotoz {text-align: center;}
.nophoto2{margin: 10px 0 0 0}

.alcoolLabel {margin: 10px 0 0 20px; }


/* --- MENU HAUT  ---  */ 

#intro ul    { position: absolute; top: 69px; left: 226px }
#intro ul li { display: inline; margin: 0 0 0 4px ; }

div#menu_top a {text-decoration: underline; font: normal 10px arial}
div#menu_top    { width: 794px; height: 31px; position: absolute; top: 10px; right: /*17px*/  83px }

div#menu_top  form  { position:relative; top: 0px; left: 127px;  }


div#menu_top label {display: block; font: normal 10px arial;margin: 2px 0 0 10px; width: 79px; color: #646567}
div#menu_top fieldset p, div#menu_top fieldset {float: left; }
div#menu_top input {float: left;margin: 0;  border: 1px solid #9d9d9e}
div#menu_top input.button {margin: 0 3px 0 5px;position: relative; top: 0}
div#menu_top img{position: relative; top: -3px}
div#menu_top label.login {width: 45px}


/*---- Documents  ----*/

caption.message {color: #48952f; text-align: center; font: bold 17px arial; margin: 0 0 0px 30px; padding: 0 0 10px 0;}
table.docu               { width: 650px; margin: 0 30px; border: 1px solid #c07a34; border-bottom: none}
table.docu  thead    { background-color : #c17200; }
table.docu  th          { padding : 5px 0; color: white; text-align: center}
table.docu td           {border-bottom: 1px solid #c07a34; padding: 7px}

.links {margin: 5px 0 5px 50px}
.seconde{margin: 0 0 0 130px !important ; margin: 0 }

/*---- MESSAGES  ----*/
caption {color: #48952f; text-align: center; font: bold 17px arial; margin: 0 0 0px 30px; padding: 0 0 10px 0; border-bottom: none}
table.message               { width: 650px; margin: 0 30px; border: 1px solid #c07a34; }
table.message  thead    { background-color : #c17200; }
table.message  th          { padding : 5px 0; color: white; text-align: center}
table.message td           {border-bottom: 1px solid #c07a34; padding: 7px; text-align: center}

div.comment2 p { margin: 10px 0 10px 35px ; text-align: left; font-style: italic; font-size: 12px;}
label.strong {width: 100px; font-weight: bold;   }


.ccontact2 {border: 1px solid #c07a34; background-color: #ede8ce; margin: 25px 40px 0 35px ; padding: 15px 0px 15px 15px}
.ccontact2 p{ margin: 0 0 15px 0 ; }

.messages {border: 1px solid #c07a34; background-color:white; position:relative; top: 0px; left: 70px; width: 400px; padding: 10px}
.totototo {margin: 10px 0 0 0px; }

#ecrire {margin: 15px 0 0 0px; }

/* - - - -  -Profile - - - - - */
fieldset.profile {border: 1px solid #c07a34; background-color: #ede8ce; margin: 25px 20px 0 0 ; 
padding: 15px !important ; 
padding: 0 15px 15px 15px ; }

legend {font: normal 17px verdana; padding: 0 0 10px 0;  margin: 0 0 0 20px ; color: #c17200; }  
legend { _position: relative; _top: -8px;_margin: -27px 0 0 0; _padding: 22px 0 0 0 }

fieldset.profile label {display: block; width: 200px}
input#inechogout, input#ineurodistrib {float: left; margin: 0 10px 0 0px ;  }

  
/* - - - -  COntact formulaire - - - -  */

.ccontact {border: 1px solid #c07a34; background-color: #ede8ce; margin: 25px 40px 0 35px ; padding: 15px 0px 15px 15px}

.ccontact p{ position:relative; top: 0px; left: 70px;   }


.ccontact label {display: block; width: 200px}
.okco {position: relative; top:  0  ; left: -80px  ; }
.conformement { border: 1px solid white; margin: 10px 40px 0 30px ; text-align: center;  }



/*------newsletter---------*/
  div#newsletter {width: 517px; height: 76px; background-image: url(../images/fond/nl.gif); margin: 28px 0px 0 30px}
 div#newsletter form p{ padding: 30px 0 0 15px}
div#newsletter input.ok { position: relative; top: 3px; left: 0}  
.lettre {float: left; margin: 0px 20px 0px 0px; font: bold 12px arial; position: relative; top: 2px; left: 0px;   }
 



.ccontact2 {border: 1px solid #c07a34; background-color: #ede8ce; margin: 15px 80px 0 75px ; padding: 15px 0px 15px 15px}
.ccontact2 p{ position:relative; top: 0px; left: 70px; margin: 0px 0px 5px 0px; padding: 0px 0px 0px 0px; height: 1%;    }
.ccontact2 label.lbleft2{width: 100px; display: block; float: left; }
 p.validNL { position: relative; top: 0px; left: 0px; text-align: center; 
padding: 15px 0px 0px 0px;    }
 
 
 
ul.radioX { clear: both; position: relative; top: 0px; left: 100px; height: 1%   }
ul.radioX li label{width: auto  }
ul.radioX li{ float: left;  margin: 0 30px 0 0   } 
ul.radioX li input{margin: 0px 5px 0px 0px;  }  

/*----   *****--------***  DYN HOME ******--------******* ----*/
.transition { text-align: center;  height: 240px; }
.mapcont {width: 407px; height: 474px; background: url(../images/fond/mapcont.jpg) top left ; background-repeat: no-repeat; }
.mapcont  img { margin: 62px 0 0 40px;}

td.top {vertival-align: top; text-align: left;  }

td.top h3{
 width: 230px; 
	margin: 0 0 0 10px;
	padding: 10px 10px 10px 10px;   
color:#D37000;
font-size:12px;
font-weight:bold;
left:697px;
line-height:16px;
position:absolute;
top: 362px  }


.menuskin {  width: 230px; margin: 0 0 0 17px;padding: 10px 10px 10px 10px;    }
 
.menuskim, td.top h3 {border-right: 1px outset #c07a34 ;border-bottom: 1px outset #c07a34 ;border-left: 1px solid #ecd7c2; border-top: 1px solid #ecd7c2; }


.maps {margin: 20px 0 0 25px ; }


/**/
ul.listingFloat                { margin: 0 0 0 0px; padding: 0 0 0 0;  } 
ul.listingFloat li             { width: 250px; float: left; margin: 0 0 6px 0px;   } 
ul.listingFloat li input       { float: left;   } 


/*----   *****--------*** Tableau messages ******--------******* ----*/
.newmsg {background-color:#f3e9bc; text-align: center; }

/*   --- BONJOUR -      */
p#bonjour { display: inline; color: #f6b734; 
font: bold 13px "Trebuchet MS";
margin: 0 ; padding: 0}
ul.logliens  {margin: 0 0 0 10px}
ul.logliens li { display: inline; margin: 0 ; color: #646567 }
ul.logliens {display: inline;  }
ul.logliens li a {font: bold 11px arial; color: #646567 }
a.deconnect {	position: relative; top:  5px  ; left:  0 ; }


/*------------Footer --------------*/	
		
#outro {  width:982px; height: 82px; clear: both; 
background: url(../images/fond/footer.jpg) ;
background-repeat: no-repeat}
#outro p {font-size: 11px;  padding: 35px 0 0 0;  color: #6d6d6d; text-align: center;}
#outro p a{ color: #6d6d6d; margin: 0 10px 0 0; text-decoration: underline; padding: 0;}

.noborder {border:none }
.clear {clear:both; display: none; }
.kill {display: none;}
.fleft {float: left}
.center {text-align: center; }
.hidden {visibility: hidden}

.padup {margin: 5px 0 0 0}
.paddown {margin: 10px 0 0 0}
.fleft {float: left; margin: 0 50px 0 0}
.bitalicenter {text-align: center; font-weight: bold; font-style:italic; margin: 15px 0}
.marginleft {margin: 0 0 0 20px}

.pad5 {padding: 0 5px}
.bgnone {background-image: none}
.zoom {position: relative; zoom: 1}

.nobordernobg {border: none; background-color: #915B39 }
.full {width: 100%}

/*              TABLE                  */

.full                 {width: 90%;  margin: 0 auto;} 
.fulledit         {width: 75%; margin: 0 auto;}
table.full table { margin: 0 auto;}

.full3  {width: 90%;  margin: 0 auto; border: none}
.full3 td {text-align: center;  }
.full3 table tr td { border-color: white }
.full3 td input {border: 1px solid #c06954;}

.links {margin: 5px 0 5px 50px}

.borderless h4 {display: inline; font-size: 13px; padding: 5px 0; color: white;text-align: left}

.bord table td   {border: 1px solid #865008;}
.bordered  {border: 1px solid #865008; padding: 2px 5px; }
.bordered2 {border-left: 1px solid #865008; border-bottom: 1px solid #865008;}
.bordered3 {border-right: 1px solid #865008; border-bottom: 1px solid #865008;}
.borderedm  { border-bottom: 1px solid #865008;}
.bitalicenter {font-weight: bold; font-style: italic; font-size: 12px; text-align: center}
.center {text-align: center}

th { border-collapse: collapse; background-color: #865008;font-weight: bold; color: white;text-align: center;}
	
.thead {border-collapse: collapse; margin: 0 89px; background-color: #865008; font-weight: bold; color: white;text-align: center;}
.thead a{color: white;}	

.info_search {text-align: center; font-weight: bold;  margin: 10px 0px; }

/*Forget mot de passe*/
.inputrelatif {position: relative; top: -4px; left: 0  ; margin: 0 5px 0 0 ; }

.w100 {width: 60px;  margin: 0 0 0 0px; padding: 0 0 0 0; }

/* 				Page lire				*/

div#boutonsForms                { width: 300px;  margin: 0px 0 0 220px; position: relative; top: 5px;   } 
div#boutonsForms form           { width: 70px; display: inline;    } 
div#boutonsForms form.one       { margin: 0 0 0 0px;   } 

div#centerbut                   { width:  95%;   text-align: center } 


/*				Lire env				*/

h2#redresseIt                { margin: 15px 0 15px 50px; position:relative; top: 0px; left: 40px;   } 

div.lireenvCont              {   float: right; width: 550px; margin: 0 65px 0 0px; padding: 15px; background-color: #ede8ce; border:1px solid #C07A34;
											position:relative; top: 0px; left: 0px;    }
											
div.lireenvCont #validForm	                { position: relative; bottom: -20px; left: 105px;  } 										 
div.lireenvCont #validForm	   *            { display: inline;  }