body {
padding:0;
margin:0;
background-image:url(../images/bkg.gif);
font-family:Arial;
font-size:12px;
color:#543019;
}
form{
padding:0;
margin:0;
}
#container {
width:100%;
}

#content {
width:973px;
margin: 0 auto;
background-color:#FFFFFF;
}
.paragraphe {
clear:both;
padding-bottom:20px;
}

.line-height {
line-height:20px;
}
/* Home Page start */
#left {
width:211px;
height:552px;
float:left;
}

#body {
width:762px;
background-color:#FFFFFF;
float:left;
padding-bottom:20px;
}

#head {
width:762px;
height:140px;
background-image:url(../images/head.jpg);
 position:relative;
clear:both;
}
#panier{
background-image:url(../images/panier.jpg);
background-repeat:no-repeat;
position:absolute;
width:500px;
height:48px;
padding-left:50px;
color:#CF741B;
font-weight:bold;
}
#panier a{
color:#CF741B;
font-weight:bold;
text-decoration:none;
}
#panier a hover{
color:#CF741B;
font-weight:bold;
text-decoration:underline;
}
#menu {
width:762px;
font-family:Arial;
font-size:14px;
font-weight:bold;
padding-top:96px;
}


#menu a{
color:#543019;
text-decoration:none;
}

#menu a:hover{
color:#cf7018;
text-decoration:none;
}

#menu .in{
color:#cf7018;
}
.sep {height:13px;
width:100%;
}
#text-image {
width:233px;
float:left;
background-color:#FFFFFF;
text-align:center;
}
#image {
width:518px;
float:left;
z-index:-2;
}
#footer {
font-family:Arial;
font-size:11px;
color:#cf7018;
clear:both;
height:25px;
text-align:center;
padding-top:15px;
background-color:#FEEEAA;
}
#footer a{
color:#cf7018;
text-decoration:none;
}
#footer a:hover{
color:#543019;
text-decoration:none;
}
/* Home Page end */


/* Pages internes start */
#contenu-logo{
width:211px;
height:148px;
float:left;
}

#contenu-header{
width:762px;
height:148px;
float:left;
background-image:url(../images/header.jpg);
background-repeat:no-repeat;
}
#contenu-left{
float:left;
padding-left:36px;
background-color:#FFFFFF;
}

#contenu-image{
width:530px;
float:left;
background-color:#FFFFFF;
text-align:left;
}

#fabrication-produit{
padding-left:80px;
width:265px;
font-size:11px;
}

#fabrication-produit2{
padding-left:20px;
width:310px;
font-size:11px;
padding-bottom:10px;
}
.orange{
color:#cf7018;
}

.prix{
font-size:17px;
font-weight:bold;
color:#cf7018;
}
/* Pages internes end */


/* Menu */
#dropmenudiv{
position:absolute;
font-size: 11px;
font-family:Arial;
font-weight:bold;
display: block;
color:#FFFFFF;
overflow:hidden;
width:145px;
text-align:left;
background-image:url(../images/produit-bkg.gif);
padding-bottom:3px;
z-index:1;
}

#dropmenudiv a{
width: 145px;
display: block;
text-decoration: none;
color:#cf7018;
overflow:hidden;
text-align:left;
padding-top:6px;

}

#dropmenudiv a:hover{ /*hover background color*/
color:#ffa200;
text-align:left;
}


/* */
#sep{
height:12px;
}
#detail{
background-image:url(../images/detail.jpg);
height:117px;
width:265px;
  color:#D26E19;
}
 #textedetail{
 padding-left:5px;
 padding-top:30px;

 }
 #quantite{
 padding-left:5px;
 color:#D26E19;
 font-weight:bold;
 height:41px;
 }
#textdetailpromo{
 padding-top:30px; 
 padding-left:5px; 
 height:43px;
 }
 #qtinput
 {
float:left; 
 padding-top:10px;
}
 .quantitebox{
 width:22px;
 border: solid 1px #D26E19;
 margin-left:5px;
 height:19px;
 }
 #ajouterpanierimg{
 float:right;
  vertical-align:top;
 }
  #panierbg{
  clear:both;
 background-image:url(../images/panierbg.jpg);
 background-repeat:no-repeat;
 height:79px;
 padding-left:50px;
 }
 .checkboxpanier{
	background-color: #D26E19;
	background-position: 0px 0px;
	border-top-width: 2px;
	border-right-width: 3px;
	border-bottom-width: 3px;
	border-left-width: 2px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #FEF9DC;
	border-right-color: #FEF9DC;
	border-bottom-color: #FEF9DC;
	border-left-color: #FEF9DC;
 }
 #paniertotal{
	margin-top:10px;
	margin-right:50px;
	background-image:url(../images/paniertotal.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	height:122px;
}
#paniertotal table{float:right; margin-top: 35px;}
#paniertotal td{ width:250px; height:28px; text-align:center;}

#paniervalider{margin-top:10px; text-align:right; margin-right:50px;}
.prix1{color:#56321A; font-weight:bold; font-size:14px;}
.prix2{color:#56321A; font-weight:bold; font-size:14px;}
.titre2 {color:#CB6E21; font-weight:bold; font-size:16px;}


/* login start*/
#login{
padding-right:15px;
margin-left:25px;
background-image:url(../images/loginbg.jpg);
background-repeat:no-repeat;
float:left;
width:444px;
height:292px;
padding-bottom:75px;
margin-top:40px;
}
#register{
background-image:url(../images/registerbg.jpg);
background-repeat:no-repeat;
float:left;
width:444px;
height:292px;
padding-bottom:75px;
margin-top:40px;
}
#input{
width:286px;
padding-left:77px;
text-align:right;
color:#502D1A;
}
#input1{
padding-top:108px;
text-align:right;

}
.box{
border:solid 1px #876C51;
width:174px;
height:15px;
}
#input2{
padding-top:17px;
}
#input3{
padding-top:17px;
padding-bottom:30px;
}

#validerlogin{
 padding-right:100px;
 }

 #creercompte{
 width:132px;
 padding-top:137px;
 padding-left:155px;
 }
/* login end */
/* register start*/
#validerlogin2{
padding-top:30px;
 padding-right:100px;
 }
#inputcreer{
width:286px;
padding-left:150px;
text-align:right;
color:#502D1A;
}
#compte{
background-image:url(../images/creercomptebg.jpg);
background-repeat:no-repeat;
width:593px;
height:290px;
margin-bottom:73px;
margin-left:191px;
clear:both;
}
.sepheight{
clear:both;
height:40px;
}
/* register end */

/* coordonnee start */
#coordonneecontenu{
padding-left:118px;
width:742px;
margin-bottom:17px;
}
#coordonnee{
background-image:url(../images/coordonneesbg.jpg);
background-repeat:no-repeat;
height:324px;
margin-bottom:10px;
}
#memeadresse{
background-image:url(../images/memeadresse.jpg);
background-repeat:no-repeat;
margin-bottom:10px;
height:39px;
}
#memeadresse2{
background-color:#FEF9DC;
margin-bottom:10px;
height:39px;
}
#expedition{
background-image:url(../images/expeditionbg.jpg);
background-repeat:no-repeat;
height:300px;
margin-bottom:17px;
}
 #validercoordonnee{
 text-align:right;
 }
 #inputcoordonnee{
width:286px;
padding-left:15px;
text-align:right;
color:#502D1A;
float:left;
}
 #inputexpedition{
width:286px;
padding-left:15px;
text-align:right;
color:#502D1A;
float:left;
}
#input1coordonnee{
padding-top:60px;
text-align:right;
}
#input2coordonnee{
padding-top:5px;
}
#input3coordonnee{
padding-top:5px;
padding-right:59px;
}
.box2{
border:solid 1px #876C51;
width:115px;
height:15px;
}
#expeditionradio{
padding-left:307px;
padding-top:8px;
}
#textadresse{
	float:left; width:250px;padding-top:8px; margin-left:40px; font-size:14px; font-weight:bold; color:#5E422D;
}
/* coordonnee end */
/* start liste promotion */
#promotionbg{
 clear:both;
 background-image:url(../images/promotionslistebg.jpg);
 background-repeat:no-repeat;
 height:66px;
 padding-left:50px;
}
#promotionitem{
 background-image:url(../images/promotionbg.jpg);
 background-repeat:no-repeat;
 width:440px;
 height:174px;
 float:left;
 padding-left:15px;
}

#imgbg{
 background-image:url(../images/imgbg.jpg);
 background-repeat:no-repeat;
 background-position:bottom;
 padding-top:25px;
 margin-left:15px;
  width:172px;
 height:130px;
 position:relative;
 float:left;
}
#promotiontext{
 float:left;
 padding-top:25px;
 width:218px;
 
}
 #quantite2{
  padding-top:10px;
 color:#D26E19;
 font-weight:bold;
  font-size:11px;

 }
 #legendetext{
 height:60px;
 }
  .quantitebox2{
 width:20px;
 border: solid 1px #D26E19;
 margin-left:5px;
 height:15px;
 background-color:#FEF9DC;
 }
 .prixtitre{
 color:#D26E19;
 font-weight:bold;
 font-size:16px;
 }
 #qtinput2{
 float:left;
 padding-top:8px;
 }
 #outercadre{

 margin-bottom:20px;
 float:left;
 padding-left:45px;
 padding-right:15px;
 }
/* end liste promotion */
#logout{
float:left; 
vertical-align:top;
padding-top:8px;
color:#4F3407;
font-size:10px;
}
.marron1{
color:#4F3407;
text-decoration:underline;
}
.marron2{
color:#543019 ;
text-decoration:none;
}

#textestatic{
border:dotted 1px #543019; 
padding-left:10px;
padding-right:10px;
padding-top:15px;
padding-bottom:15px;
font-size:11px;
}
#paiementcontenu{
padding-left:118px;
padding-bottom:17px;
}
#textepayer{
color:#55331A;
font-size:12px;
padding-bottom:30px;
}
#titrepayer{

font-weight:bold;
font-size:16px
}
#texteleft{
float:left;
width:500px;
}
#rightpaiement{
padding-left:600px;
}
#centredtexte{
clear:both;
text-align:center;
padding-top:40px;
padding-bottom:30px;
}
#img2{cursor:hand;}