body
{
font : normal 12px/16px 'Arial', helvetica, sans-serif ;
color :  #AF9E80 ;
margin : 0 ;
padding : 0px ;
background:#E3DEDA ;
}

a:active, a:focus
{
outline : none ;
}

a:active
{
position : relative ;
top : 1px ;
}

img
{
border : none ;
}

#conteneur
{
width : 1030px ;
margin : 10px auto ;
padding : 0 ;
background:#fff ;
position : relative ;
}
#indexIntro
{
margin : 10px 0 ;
padding : 0 ;
}

#header
{
margin : 0 ;
padding : 0 ;
background:#E0D5AE ;
ppposition : relative;
_position:static ;
}

#dlWrap
{
background:#AF9E80 ;
overflow : hidden ;
_height : 32px ;
}



#header dl
{
float : left ;
margin : 0 ;
padding : 8px 16px 8px 11px ;
text-align : center ;
background : url(images/menu_border.gif) no-repeat right center ;

}

#header dd
{
position : absolute ;
margin : 0 0 0 -15px ;
padding : 0 ;
z-index : 1000000 ;

}

*+html #header dd

{
margin : 0 0 0 -95px ;
}

#header dt a
{
float : left ;
color : #fff ;
text-transform:lowercase ;
font-variant:small-caps ;
font-size : 13px ;
font-weight : bold ;
text-decoration : none ;
}

#header dt a:hover, #header dt a:focus
{
color : #E0D5AE ;
}

#header dl ul
{
list-style-type : none ;
-display : none ;
text-align : center ;
margin : 20px 0 0 0 ;
padding : 0 ;

}

#header dl li a
{
color : #E3DEDA ;
background : #AF9E80 ;
font-variant:small-caps ;
font-size : 14px ;
font-weight : bold ;
text-decoration : none ;
display:block ;
width : 130px ;
border-top : 1px solid #E3DEDA ;
padding : 1px 0 ;
}

#header dl li a:hover, #header dl li a:focus
{
color : #fff ;
}

#header span
{
display : block ;
clear : left ;
color : #93875D ;
font-size : 11px ;
padding : 5px ;
}

#identification
{
height : 16px ;
}

#header span a
{
color : #93875D ;
}

#header form
{
position : absolute ;
right : 7px ;
top : 23px ;
}

*+html #header form
{
top : 33px ;
}

#header input[type=text]
{
width : 120px ;
height : 16px ;
border : 1px solid #333 ;
-moz-border-radius : 3px ;
-webkit-border-radius : 3px ;
border-radius : 3px ;
color : #93875D ;
font-size : 11px ;
}

#header input[type=submit]
{
color : #fff ;
font-weight : bold ;
border : 1px inset #333 ;
-moz-border-radius : 3px ;
-webkit-border-radius : 3px ;
border-radius : 3px ;
padding :  0  ;
margin : 0 0 0 3px ;
font-family:Arial, Helvetica, sans-serif ;
font-size : 12px ;
background:#666 ;
}

#header input[type=submit]:active
{
border : 1px outset #333 ;
background:#666 ;
}

#header form label
{
color : #fff ;
font-weight : bold ;
margin-right : 10px ;
}

#leftLogo
{
text-align : center ;
position : absolute ;
left : 0 ;
width : 134px ;
min-height : 500px ;
background : url(images/logo-artiga.png) no-repeat center 54px ;
background-color:#B15549 ;
border-right : 4px solid #C8B79D ;
margin : 0 ;
padding : 0 ;
}

#leftLogo a
{
color : #fff ;
text-decoration : none ;
}

#centerMenu
{
background:url(images/logo-artiga-maison-web.png) no-repeat 3px 3px #766555;
width : 224px ;
position : absolute ;
min-height : 500px ;
left : 138px ;
margin : 0 ;
padding : 87px 0 0 0  ;
}
#centerMenu a
{
text-decoration : none ;

}

#centerMenu dl
{
background:#fff ;
margin : 0 ;
padding : 0 ;
border-bottom : 2px solid #DBD5C9 ;
}

#centerMenu dl dt a:hover
{
background:#E3DEDA ;
}
#centerMenu dl:first-child
{
titititmargin-top : 87px ;
}
#centerMenu dt a
{
font-size : 14px ;
color : #93875D ;
display : block ;
padding : 3px ;
}

#centerMenu dd
{
margin : 0 ;
padding : 0 ;
}

#centerMenu ul
{
list-style-type : none ;
margin : 0px 0px 2px 30px ;
padding : 0 ;
}

#centerMenu ul li a
{
color : #A0A0A0 ;
font-size : 13px ;
}

#encartLogge li a
{
display :block ;
margin : 4px 0;
padding : 0 0 0 22px ;
}

#mesCommandes
{
background:url(images/pictocommandes.png) no-repeat left center ;
}
#mesLogout
{
background:url(images/pictologout.png) no-repeat left center ;
}
#mesCoordonnees
{
background:url(images/pictocoordonnees.png) no-repeat left center ;
}

#centerMenu ul li a:hover, #centerMenu ul li a:focus
{
color : #666 ;
}

.menuBrown
{
font-size : 14px ;
color : #fff ;
background : #AF9E80 ;
display : block ;
padding : 3px ;
border-bottom : 2px solid #DBD5C9 ;
}



#centerMenu span
{
display : block ;
color : #AF9E80 ;
}

#panierArticles, .panierItem
{
background : #fff ;
}

#panierArticles
{
padding : 3px 10px;
font-size : 13px ;
}

.panierItem
{
border-top : 2px solid #DBD5C9 ;
font-size : 11px ;
overflow : hidden ;
padding : 5px 0 ;
}

.panierItem img
{
float : left ;
margin  :0px 10px 0 10px ;
}

.panierItem span a, #panierTotal span a
{
color : #959595 ;
font-weight : bold ;
}

.panierItem span a:hover, #panierTotal span a:hover, .panierItem span a:focus, #panierTotal span a:focus
{
text-decoration :underline ;
}


.panierItem span
{
padding : 3px 0 10px 75px ;
}

#panierTotal
{
border-top : 2px solid #DBD5C9 ;
background:#fff ;
text-align : right ;
padding : 5px 10px ;
color : #A0A0A0 ;
}

#panierTotal strong
{
display : inline-block ;
width : 55px ;
}

#serviceClient
{
background:#E3DEDA ;
font-size : 14px ;
padding : 3px ;
}

#numero
{
background:#fff ;
}
#sarah
{
font-size : 14px ;
padding : 3px ;
background:url(images/pictotel.png) no-repeat 190px 4px #fff ;
}

#numero
{
font-size : 20px ;
padding : 10px 3px ;
padding : 6px 3px 12px 3px ;
}

#rightMain
{
margin : 0 0 0 358px ;
padding : 0 0 30px 10px ;
overflow : hidden ;
border-left : 4px solid #E3DEDA ;
position : relative ;
}

#rightMain p a
{
color : #AF9E80;
}

#diapo
{
margin : 0 ;
padding : 0 ;
position : relative ;
left : -10px ;
height : 280px ;
overflow : hidden ;
padding-left : 10px ;
width : 668px ;
}

#descriptif
{
clear : left ;
margin : 0 0 20px 0 ;
padding : 10px 0 ;
color : gray ;
}

#bonjour
{
margin : 10px 0 0 0 ;
}

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

.titreBloc
{
margin : 10px 0 0px 0 ;
color : #fff ;
background:#AF9E80 ;
font-size : 14px ;
font-weight : normal ;
padding : 2px 5px ;
clear : left ;
}
.productWrap
{
margin : 0 ;
padding : 0 ;
clear : both ;
overflow : hidden ;
position : relative ;
}

.patchBlanc
{
position : absolute ;
width : 3px ;
margin : 0 ;
padding : 0 ;
height : 2000px ;
top : 0 ;
right : 0 ;
z-index : 1000 ;
background:#fff ;
}

.patchBlanc2
{
position : absolute ;
width : 3px ;
margin : 0 ;
padding : 0 ;
height : 150px ;
top : -1px ;
right : -1px ;
z-index : 1000 ;
background:#fff ;
}

.productWrap .productSmall:last-child, .productWrap .dossierSmall:last-child
{
---border-right : 1px solid #93875D ;
border-right : none ;
}

.productSmall
{
float : left ;
text-align : center ;
width : 129px ; 
height : 130px ;
margin : 0 0 10px 0px ;
padding : 10px 0 0 0px ;
border-right : 2px solid #D2C9B9 ;
border-bottom  : 2px solid #D2C9B9 ;
font-size : 11px ;
position : relative ;
}

.productSmall:hover, .dossierSmall:hover
{
opacity : 0.8 ;
filter:alpha(opacity=80);
cursor : pointer ;
}

.promoEtiquette
{
position : absolute ;
top : 36px ;
left :23px ;
}

.promoStrike
{
position : absolute ;
top : 2px;
left : -3px ;
}

.nomDossier
{
line-height : 14px ;
}

.nomProduit, .prixProduit
{
display : block ;
text-align : left ;
position : relative ;
margin-left : 15px ;
}

.prixProduitPromo
{
display : block ;
text-align : left ;
margin-left : 15px ;
position : relative ;
}
.productSmall img
{
---display:block ;
}

#offreSpecialeTxt
{
color : #535353 ;
font-size : 13px ;
padding : 20px 0 10px 150px ;
border-bottom : 2px solid #D2C9B9 ;
height : 80px ;
}

.ariane
{
font-style:italic ;
font-size : 11px ;
display:block ;
margin : 5px 0;
}
.ariane a
{
color : #AF9E80 ;
text-transform:capitalize ;
}

.titreRubrique, .titreCategorie, #introIndex h1
{
font-size : 18px ;
font-weight : normal ;
}

.titreRubrique, #introIndex h1
{
margin : 15px 0 10px 0 ;
color : #666 ;
padding-bottom : 8px ;
border-bottom : 2px solid #999 ;
}

.introRubrique
{
font-size : 13px ;
color : #666 ;
}

.titreCategorie
{
color : #93875D ;
margin : 20px 9px 0 0 ;
padding : 0 0 5px 0 ;

}

.dossierSmall
{
color : #93875D ;
float : left ;
width : 131px ; 
height : 130px ;
margin : 0 -1px 10px 0px ;
padding : 10px 0 0 0  ;
text-align : center ;
border-top : 1px solid #93875D ;
---border-left : 1px solid #93875D ;
border-bottom  : 1px solid #93875D ;
border-right : 1px solid #93875D ;
font-size : 11px ;
position : relative ;
text-align  :center ;
}

.dossierSmall img
{
display : block ;
---height : 108px ;
max-width : 80px ;
margin : 0 auto 10px auto;
}

#ficheProduit
{margin : 10px 0 60px 0 ;
padding : 0 ;
position : relative ;
height : 355px ;
overflow : hidden;
}

#ficheImage
{
display : block ;
text-align : center ;
width : 295px ;
padding : 0 ;
float : left ;
border : 1px solid #AF9E80 ;
margin : 0 20px 20px 0;
}

#ficheImage img
{
max-width : 289px ;
max-height : 289px ;
padding : 3px ;
}

#ficheImage img:hover
{
cursor : pointer ;
}

.prixFicheProduit
{
clear : right ;
display : inline-block ;
font-size : 18px ;
color : #626262 ;
margin : 8px 0 15px 0 ;
position : relative ;
}

#formFicheProduit
{
position : absolute ;
bottom : 0px ;
right : 10px ;
text-align : right ;
padding : 0 20px 0 0 ;
--overflow : hidden ;
width : 95% ;
}

#formFicheProduit input[type=text], #formFicheProduit select 
{

border : 1px solid #626262 ;
-moz-border-radius : 3px ;
-webkit-border-radius : 3px ;
border-radius : 3px ;
font : normal 11px "Arial", helvetica, sans-serif ;
}

#formFicheProduit input[type=text]
{
width : 180px ;
padding : 2px ;
margin-bottom : 10px ;
}

#formFicheProduit select
{
width : 186px ;
padding : 1px 1px 1px 2px;
}

#voirCollec
{
display : inline-block ;
---float : right ;
--clear : right ;
font-style:italic ;
color : #93875D ;
margin-bottom : 20px ;
max-width : 330px ;
}

#retourListe, #agrandir, #envoyerAmi, #formFicheProduit input[type=submit], .boutonStd, .formMain input[type=submit]
{
display : inline-block ;
width : 120px ;
margin-right : 24px ;
color : #fff ;
background:#AF9E80 ;
font : normal 14px 'Arial', Helvetica, sans-serif ;
padding : 2px 5px ;
text-align : center ;
border : 1px solid #AF9E80 ;
text-decoration : none ;
-moz-border-radius : 3px ;
-webkit-border-radius : 3px ;
border-radius : 3px ;
position : relative ;
}

#retourListe img, #agrandir img, #envoyerAmi img
{
display : block ;
position : absolute ;
left : -11px ;
top : -3px ;
z-index : 10000;
}

.boutonStd
{
width : 140px ;
margin : 10px 20px 10px 0 ;
}

#formFicheProduit input[type=submit]
{
height : 22px ;
vertical-align : top ;
cursor : pointer ;
}

#agrandir, #retourListe:hover, #envoyerAmi:hover, #formFicheProduit input[type=submit]:active, #retourListe:active, #envoyerAmi:active, .boutonStd:hover, .boutonStd:active, .formMain input[type=submit]:active
{
color : #AF9E80;
background : #fff ;
}

#footer
{
position : absolute ;
left : 15px ;
bottom : 5px ;
margin : 0 ;
color : #626262 ;
font-size : 11px ;
}

#footer a
{
color : #626262 ;
text-decoration : none ;
}

#footer a:hover, #footer a:active
{
text-decoration : underline;
}

#overflowShade
{
display : none ;
position : fixed;
top:-10px;
_position : absolute;
background:url(images/white70.png);
z-index:10000000;
width:100%;
height:103%;
}

#overflowShade h1
{
padding : 3px 0 0 0  ;
margin : 0 ;
}
#closeOverflow
{
text-decoration:none;font-size:12px;display:block; text-align:left;padding:3px 0; text-align  :center ;position : absolute;height:18px; width:48px;top:-14px;right:15px;background:url(css/images/closedivsmall.gif) no-repeat 4px 4px #fff;border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px; color:silver;
}

#overflow{
margin : 30px auto 0 auto;
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
width:600px;
position:relative;
padding:15px 15px 6px 15px;
background:#fff;
}

.tablo
{
border-collapse : collapse ;
margin : 10px 0 ;
width : 98% ;
}

.tablo2
{
border-collapse : collapse ;
margin : 10px 0 ;
width : 98% ;
}


.tablo th, .tablo td, .tablo2 th, .tablo2 td
{
padding : 5px ;
}

.tablo2 td
{
padding : 30px 5px 5px 5px ;
}

.tablo2 a
{
color:inherit;
}

.tablo th
{
background: -moz-linear-gradient(#AF9E80,#91846D);
background: -webkit-gradient(linear, left top, left bottom, from(#AF9E80), to(#91846D));
filter:progid:DXImageTransform.Microsoft.Gradient(endColorstr='#91846D', startColorstr='#AF9E80', gradientType='0');
color : #fff ;
text-shadow : 0px 0px 5px gray ;
text-align  :left ;
border:1px solid #AF9E80 ;
}


.tablo td
{
border:1px solid #E0D5AE ;
}

.tablo input[type=text]
{
-moz-border-radius : 5px ;
-webkit-border-radius : 5px ;
border-radius : 5px ;
border : 2px solid #AF9E80 ;
padding : 2px ;
}

.formMain fieldset
{
border : none ;
padding : 25px 15px 15px 15px ;
margin : 20px 10px 0 0  ;
background:whitesmoke ;
-moz-border-radius : 5px ;
-webkit-border-radius : 5px ;
border-radius : 5px ;
}

.formMain legend
{
font-weight : bold ;
font-size : 14px ;
margin-bottom : -25px ;

}

.formMain input[type=text], input[type=password], .formMain select, .formMain textarea
{
border : 1px solid #766555 ;
-moz-border-radius : 3px ;
-webkit-border-radius : 3px ;
border-radius : 3px ;
padding : 2px ;
}

.formMain input[type=text]:focus, input[type=password]:focus, .formMain select
{
border : 1px solid #766555 ;
-moz-border-radius : 3px ;
-webkit-border-radius : 3px ;
border-radius : 3px ;
padding : 2px ;
}
.formMain table, .formMain table tr, .formMain table td 
{
border : none ;
border-collapse: collapse ;
}

.normalLink
{
color : #AF9E80 ;
text-decoration : none ;
}

.normalLink:hover, .normalLink:focus
{
text-decoration : underline ;
}

.formMain table td
{
padding : 3px 0 ;
}

.formMain table tr:hover
{
background:#E3DEDA ;
color : DimGray ;
}

.error
{
display : block ;
color : red; 
font-weight : bold ;
margin : 5px 0 ;
padding : 10px ;
border : 1px solid red ;
}

h2
{
font-size : 13px ;
margin : 10px 0 ;
padding : 0 ;
color : #666;
}

h3
{
font-size : 12px ;
margin : 10px 15px ;
padding : 0 ;
color : #666;
}

div.appear
{
position : fixed;
_position : absolute;
z-index : 200000000 ;
margin :  -20px 0 0 0 ;
padding : 0 ;
width : 100% ;
height : 102%;
background:rgba(0,0,0,0.6);

}

div.box
{
display : block ;
margin : 100px auto ;
padding : 20px ;
-moz-border-radius : 10px  ;
-webkit-border-radius : 10px ;
border-radius : 10px;
background:#fff ;
color : DimGray;
border : 4px solid #B15549 ;
width : 400px ;
min-height : 300px ;
-moz-box-shadow : 0 0 12px #666 ;
-webkit-box-shadow : 0 0 12px #666 ;
box-shadow : 0 0 12px #666 ;
}

a.closeDiv
{display:block;
margin : 0 0 10px 310px ;
background:url(images/close.png) no-repeat 4px 4px ;
padding-left : 30px ;
height : 22px ;
line-height:22px ;
color : #65587E;
text-decoration : none ;
-moz-border-radius : 5px ;
-webkit-border-radius : 5px ;
border-radius : 5px ;
background-color:whitesmoke ;
}

a.closeDiv:hover
{
text-decoration : underline ;
}

.rounded
{
overflow : hidden ;
background:whitesmoke ;
-moz-border-radius : 5px ;
-webkit-border-radius : 5px ;
border-radius : 5px ;
padding : 10px ;
margin : 0 0 15px 0 ;
}

#actuMenu
{
float : right ;
background:#E1D5AF ;
width : 165px ;
padding : 10px 10px 300px 10px ;
margin : 0 10px 30px 20px ;
}

#actuMenu p
{
padding :0 ;
margin : 0px 0 15px 0 ;
}

#actuMenu p a
{
color : #666666 ;
text-decoration : none ;
font-weight : bold ;
}

#actuMenu p a:hover, #actuMenu p a:focus
{
text-decoration : underline ;
}

.actuTitre
{
color : #AD9E7F ;
font-size : 16px ;
margin : 0 ;
padding : 10px 0 15px 0 ;
}