/* CSS LiZoO Boutique */
* {margin:0; padding:0; border: none; text-decoration: none; }    ul li {list-style: none}

body {background-color: #a4641c; 
text-align: center; 
font-family: Arial, Helvetica, sans-serif,"Trebuchet MS"; 
font-size: 11px;}

p {margin: 10px auto; }     a img {padding: 0;border: none;}

h1#tohome a {display: block; height:160px; width: 315px; position: absolute; top: 0px; left: 0px;  } 
h2 {margin: 0px 0 10px 0px; width: 371px; height: 50px;
background: url(../images/titre/edito2.jpg) left top no-repeat;  }

h2 img { position: relative; top: 5px; left: 4px;}

h3{color: #f7931e; margin: 15px 0 15px 15px; font: normal 18px arial;  }
h3.nouveauClient{color: #8b4d1e; margin: 15px 0 15px 15px; font: bold 24px arial;  }
h5 {font-size: 11px; color: #c00;}

a:link, a:visited {color: #535353; text-decoration: none;}
a:active, a:hover{color: #f7931e; text-decoration: underline;}

a.colorM { color: #88693d; font-weight: bold; }
a.colorM:hover{   color: black; text-decoration: none; }

 

 /*---------------     Bonnes affaires - - - - - - -*/
 
div#bonneaff table { margin: 0 5px 0 5px; width: 112px ;     }

div#bonneaff table td{ padding: 8px 0 0 0;  }

div#bonneaff table .thumbnails{ height: 110px} 

.thumbnails img { 
display: block; 
margin: 0 auto; 
border: 1px solid #d2bca4; }

p.name { color: #6c4720; 
display: block; 
height: 46px; 
background-color: #f9eedb;
 margin: 0 0px 5px 0px; padding: 0 ; 
font-weight: bold; 
 text-align: center; }

span.prix {
padding: 0 0 0 5px; font: bold 11px arial; 
display: block; width: 111px; }

.caddie {float: left;  margin: 0 0 0 10px;}

 



/* - - -       CATALOGUE  - - -  -  - -- - */

table {margin: 15px 0 12px 0px; }


div.cata_detail p.product-image {height: 110px; text-align: center; width: 112px; }
div.cata_detail p.product-image img {border: 1px solid #d2bca4; }


#catalogproducts table {  margin: 10px 0 0 10px ; width: 347px;  }

#catalogproducts p{ margin: 5px 0; padding: 0;  }

.product-image {height: 105px; text-align: center; }
.product-image img { border: 1px solid #d2bca4;  }


#catalogcategories p{margin: 0 0 0 8px;   }


#catalogcategories table {	width: 360px; margin: 10px 0 0 10px; }
#catalogcategories td {	   margin: 8px 0 0 5px;  padding: 0 0 8px 0;   }
#catalogcategories p{margin: 0 0 0 8px;   }

#catalogcategories p.desc {text-align: left;  
 height: 51px;
 width: 112px; 
font: normal 10px arial; 
 border-bottom: 3px solid #785632; }
 
 #catalogproducts p.desc {font: normal 10px arial;   height: 27px;}
 
 p.desc {font: normal 10px arial;   height: 51px;}
 
.thumbnails{ height: 105px;  padding: 4px 0 0 0;  }
#catalogcategories p.referenceProd {height: 31px; text-align: center; }

p.name2 {
 color: #6c4720; 
height: 46px; 
background-color: #f9eedb;
 margin: 0px 2px 5px 2px; 
font-weight: bold; 
 text-align: center; }
 
p.loupe {  text-align: center;  padding: 5px 0px 0 0px; }


.end_of_product { overflow: auto; 
background: url(../images/fond/end_p.gif) left top repeat-x;  }

 

/*--------------     PRODUCT       */
 

caption { font: bold 13px arial; color: #8f4f21}

div.product table {  margin: 0 0 0 10px;   }

div.product p.libelle { color: #6c4720; 
height: 31px; 
background-color: #f9eedb; 
font-weight: bold; 
 text-align: center;}

 .up_references {width: 344px; }
 

 
/*-----------   HEADER   ------------*/

#header {width: 850px; height: 213px; background: url(../images/fond/header.jpg) top right no-repeat; text-align: right;  }
#header a{color: black; font-weight: bold; text-decoration: none; font-size:14px}
#header a:hover {text-decoration: underline; }

#menu-horizontal {padding-top: 123px; padding-right: 10px; }
#menu-horizontal #menu li {display: inline;}

#topheader {position: absolute;top: 5px; left: 550px;  }
#quisommesNous {position: absolute;top: 5px; left: 372px; }



 /*-----------------------Resultat de rechercher*/
 
 .info_search {padding: 0 0 0 20px;}
.info_search span {font: bold 14px arial; color: #8f6e3f}
 
 

/* - - -        LOGIN   - - -  -  - -- - */

div#client {text-align: left; position: absolute; top: 150px!important ; top: 151px; left: 210px;  }

input#m_password, input#m_username {height: 14px; width: 85px; margin: 0 6px 0 0px; padding: 0 0 0 2px;    }

div#client a { font: normal 11px arial; text-decoration: underline; }
div#client a.creer { position:relative; top: -2px; left: 0px; color: #88693d}
div#client a.creer:hover{   color: black}

span.color {color: #8f6e3f;  position:relative; top: -3px; left: 0px;}

span.mot { font: normal 11px arial; color: #8f6e3f; position:relative; top: -2px; left: 0px;  }

input {border: 1px solid #8f6e3f; font: normal 11px arial;  }


div.menuLogged { margin: 10px 0 0 0px; color: #9f4e17; position:relative; top: 0px; left: -5px;  } 
div.menuLogged a { color: #9f4e17 }
p#bonjour { color: #b76a00  ; display: inline; margin: 0 15px 0 0px;  }
p#bonjour span { color: #8f4f21  ; font: bold 12px arial;  }

.menu-login input.validMenuLog { width: auto; height: auto; border: 1px solid red; }


/* ------------------ CONTENEURS DE LA PAGE ----------------*/	

.maintable { 
width:850px; text-align: left; padding: 0 0 85px 0; 
 margin: 0 0 0px 0; }
  
#conteneur {position:relative; width:850px; top:0; left:0; margin: 0 auto; padding: 0 0 0 0;  
 background: url(../images/fond/f_middle2.jpg) left top repeat-y;  }
 
#main { text-align:left; width: 850px;  position:relative;  margin: 0 auto;     }
 
#content { 
 min-height: 600px;       width: 385px; margin: 0 0 0 0px; padding: 0 0 0 0; 
background: url(../images/fond/f_middle.jpg) left top ;
 background-repeat: repeat-y; }



/* -----------------   HOME MILIEU DE PAGE HOME        ----------------*/	


div#home{ text-align: left;  
background: url(../images/fond/f_middle.jpg) left top ;
background-repeat: repeat;  }
 
div#home h2{margin: 0; padding: 0 0 0 0;  }

h3.titleHome{color: #6c4720;
 font: bold 14px arial}

p.p_Home { 
 font: normal 11px arial; 
margin: 0 40px 0 0px; padding: 0 0 10px 20px; 
background: url(../images/fond/traits.gif) left bottom no-repeat;  }

p.p_Home img{ float: right; margin: 0 0 5px 5px;  }
p.p_Home a img{float:none; }



 /*---------------     BASKET - - - - - - - */
 
#basket { }

.affichage-contenu-pannier { position: absolute;
top: 190px; left: 0px;  
height: 15px; color: #88693d;
margin: 0 0 0 225px;}

ul li.action {display: inline; float: left; position:relative; top: -1px; left: 0px;  }
ul li.action span {font: bold 12px arial; color: #8f4f21 }

p.vide_pannier {  position:relative; top: -11px; left: 0px; color: #88693d;}

 

/* ------------------ COLONNE GAUCHE  --------***************--------*/	

#catalog { width: 233px; padding: 0 0 160px 0;                    
background: url(../images/fond/f_menu_left.jpg) right top ; 
background-repeat:  repeat-y; }

#catalog-bottom {/*background: url(../images/fond/col-left-fond.jpg) left bottom ; */}




/*- - - - - - - - MENU themes dynamique - - - - - - -  - */

h3.title-col-left { float:right; text-align :right;       
background: url(../images/fond/title-col-left.jpg) no-repeat;
background-position: top right; 
padding: 0 15px 0 0; 
width: 181px; 
height: 38px ; 
 margin: 0 0 -5px 0; 
 font: normal 14px "Trebuchet MS"; 
color: white; }

 
h3.title-col-left a{padding: 0px 0px 0 45px; text-decoration: none; }
h3.title-col-left a:hover{	  text-decoration: none; }
h3.title-col-left a span {	padding: 0; position:relative; top: 7px; left: 0px; color: white; font-weight: bold; text-transform: uppercase}

td.ssrub_ligne {color: #88693d;
 font: bold 12px arial;
padding: 0 0 0 68px;
margin: 0 0 0px 0px;}

td.sous-menu {text-align: left; 
 padding: 0 0 0 68px;}

td.sous-menu a, td.ssrub_ligne a{
text-decoration: none; }

a.menu2 {  display: block; 
background-color: #edd895; 
 margin: 0 0 2px 0px; 
padding: 1px 2px; 
width: 147px;  }


/* ------------------ COLONNE DROITE  -----***********************-----------*/	

#menu-right {  width: 250px; text-align: left; } 

#hotline {text-align: left; margin: 0 0 16px 0px; 
background: url(../images/fond/service-clients.jpg) left top ; 
width: 186px; height: 131px;  background-repeat: no-repeat; }

p.hotline {text-align: center; color: #7b5446; font: 12px arial; ;margin:0; 	padding: 38px 0 0 0;  }


#paiement{text-align: left; margin: 0 0 16px 0px; 
background: url(../images/fond/paiement-secu.jpg) left top ; 
width: 186px; height: 131px;  background-repeat: no-repeat; }


p.paiement_1 {text-align: center; color: #7b5446; font: bold 13px arial; line-height: 33px ;margin:0; 	padding: 38px 0 0 0;  }
p.paiement_2 {text-align: center; margin: -5px 0 0 0px;  }
p.paiement_2 a{margin :0px 17px 0 0 }


.searchingbox { background: url(../images/fond/r.jpg) left top no-repeat; width: 186px; height: 151px; text-align: left;  margin: 0 0 16px 0px; }
.searchingbox form {margin: 0 0 0px 15px; padding: 34px 0 0 0;   } 
.searchingbox input {border: 1px solid #8f6e3f ; padding: 0 0 0 5px; width: 120px;}
.searchingbox select  {font: normal 11px arial; border: 1px solid #8f6e3f ; width: 158px!important ; width: 140px;  margin: 0 0 5px 0px; }
.searchingbox input#q  {width: 115px;  }


#newsletter{text-align: left;  margin: 0 0 16px 0px; 
background: url(../images/fond/nletter.jpg) left top no-repeat;
 width: 186px; height: 165px;  }
 
 #actus { width: 186px; height: 90px; text-align: left; padding: 45px 0 0 20px; 
 	background: url(../images/fond/f-actus.jpg) left top no-repeat; 
 }
	
#newsletter form {margin: 0 0 0 15px;    padding: 30px 0 0 0;   }		
#newsletter input {border: 1px solid #8f6e3f; 
margin: 0 0 10px 0px; padding: 0 0 0 5px;
font: normal 11px arial; width: 115px;}


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

div#mentions {margin: 0 15px; }

.adr {float: left; padding: 0px ; height: 185px; width: 157px;  margin: 20px 0 20px 15px;  border:1px dashed #da7821; text-align: left; }
.adr2 {float: left; padding: 0px ; height: 185px; width: 157px;  margin: 20px 0 20px 20px; border: 1px dashed #da7821; text-align: left; }

.adr p, .adr2 p { margin: 0 0 0 0px; padding: 0 0 0 0; 	}

.conformement { padding: 4px 4px 0px 4px; width: 340px; 
position:relative; top: 0px; left: -8px;
 border-bottom: 1px solid #d6a560; }



/*-----------   Paiment  ------------*/

.Mycaddie { width: 355px  }

dl.dot {float: left;   
margin: 0 15px; width: 140px; margin: 0 0 10px 20px;   }

dl.dot1 {float: left;  border-left: 1px dashed #a4641c;  
margin: 0 10px 10px 10px ; width: 140px; padding: 0 0 0 20px;  }


div#basket table { width: 350px; margin: 0 0 15px 10px; }

div#basket table th{padding: 0 0 10px 0 ;text-align: center; padding: 3px 0; background-color: #ffe8a0   ; margin: 0 0 5px 0px; }
div#basket table td{padding: 0 0 0px 2px;  }

div#basket th{text-align: center; }


/*-----------   STATIQUES   ------------*/

p.marges {margin: 0 0 5px 10px; }

.format form {margin: 20px 0px 0px 0px;}

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

.format label {
display: block; float: left; 
width: 166px!important ; width: 160px; 
margin: 0 10px 0 0}

.format input  {border: 1px solid #8f6e3f; width: 158px!important ; width: 150px;   }
select  {border: 1px solid #8f6e3f;    }

label.labelcontactrelou {margin: 0 10px 0 17px!important ; margin: 0 10px 0 9px; }

textarea {border: 1px solid #8f6e3f }

fieldset {margin: 0px 0 16px 0;}

legend {font: bold 17px arial; 
color: #d97820; 
margin: 0px 0 10px 0px;
padding: 0 0 2px 19px;}

fieldset p{margin: 0 0 0px 0px;  
overflow: auto!important ; }
 
ul.radio {margin: 15px 15px;} 
ul.radio li {margin: 0 10px 15px 0px;  height: 14px; float: left;  } 
ul.radio li input{float: left;  background: none; border: none;  margin: 0 5px 5px 0px; } 
ul.radio li label {float: left; width: auto; margin: 0 10px 0 0px;  }

ul.radio2 {margin: 15px 15px;} 
ul.radio2 li {margin: 0 0px 3px 0px;  height: 14px;  } 
ul.radio2 li input{float: left; 
position:relative; top: -2px; left: 0px; 
 background: none; border: none;  margin: 0 5px 5px 0px; width: 15px;  } 
ul.radio2 li label {float: left; width: auto; margin: 0 10px 0 0px;  }



.denied {margin: 0 15px 10px 15px; padding: 7px 10px ; text-align: left; background-color: #efefed; border: 1px dashed #6a5b36; font: normal 12px arial; line-height: 18px}
.denied li { margin-bottom: 4px; }

p.center input {border: none; width: auto;  }


.format input#button,  input#button  { width: auto; border: none}

input[type=checkbox] { width: auto;  border: none;  width: 100px}

	
/*----------   Path        */

p.path {margin: 10px 30px 10px 15px; color: #96632d;  }

.links {margin: 10px 30px 10px 15px; color: #96632d;}


/*Mesage d'eurreus */

ul.message {border-bottom: 1px dotted #6e4019;  margin: 15px 0 30px 15px; padding: 0 0 5px 0; width: 336px; }
ul.message li {font: bold 12px arial; padding: 0 0 0 14px; margin: 0 0 3px 0px; background: url(../images/puce/puce_message.gif) ; background-repeat: no-repeat; background-position: 0 2px;}




/*---------------------------------------Page ManageOrder*/

.manageorderTable { width: 336px; 
margin: 0 0 0 15px;  }

caption {padding: 8px 0 15px 0;  font: bold 13px arial; color: #8f4f21; width: 335px;  margin: 0 0 10px 15px;  
border-bottom: 2px dotted #a96721 }

.manageorderTable th { padding: 0 0 10px 0 ;text-align: center; padding: 3px 0; background-color: #ffe8a0   ; margin: 0 0 5px 0px;    }

.manageorderTable td{ padding: 3px 2px;  }

td.separaTD {border-bottom: 1px dotted #a96721; }



table.productTableRef {width: 336px; }

table.productTableRef th  {text-align: center; padding: 3px 0; background-color: #ffe8a0  }
 
 table.productTableRef td{border-bottom: 2px dashed #ffe8a0;  }
 
 
 
 
 
 


/* - -  - - - Classes - - - - - - */
.full {width: 100%; border-collapse: collapse}
.top {vertical-align: top;}
.middle {vertical-align: middle;}
.left {	text-align: left;}
.center {text-align: center; margin: 5px 0; }
.centerpad0 {text-align: center; padding: 0; }
.justify {text-align: justify;}
.right {text-align: right;}
.bottom {vertical-align: bottom;}
.strike {text-decoration: line-through;}

.block {display: block;}
.button {border: none;}

.clear {clear:both; display: none }
.clear2 {clear:both; visibility: hidden;}
.clear3 {clear:both; color:white; }
.kill {display: none;}
.indent {text-indent: -2000em;}

.fleft {float: left}   .flright {float: right}

.padup {margin: 5px 0 0 0}
.italicenter {text-align: center;  font-style:italic; margin: 5px 0}
.bitalicenter {text-align: center; 
font :italic bold 11px Georgia; 
margin: 15px 0 30px 15px; 
width: 336px; 
color: #a4641b}


.bitalicenter:first-letter { font :italic bold 17px Georgia; }
.marginleft {margin: 0 0 0 20px}

.boldcenter  {text-align: center; font-weight: bold}
.boldcolor {color: #531d61 ; font-weight: bold}
.centercolor {text-align: center; color: #531d61 ; padding: 6px 0px; }
.noborder {border: none; }
.nobordernobg {border: none; background-color: #915B39 }
.zoom {position:relative; zoom: 1}

.margindown {margin: 0 0 -10px 0px; }
.marginbot {margin: 0 0 0px 0px; overflow: auto; }



/*------------Footer --------------*/	
		
#footer {width: 850px; height: 84px; color: black;
 position:relative; top: 85px!important ; top: 15px; 
 margin: 0 auto; 
 padding: 5px 0; 
 background: url(../images/fond/footer2.jpg) left top no-repeat; }
 
#footer p {margin: 6px 0 0 0; color: black; }

#footer a{color: black;}