/***************** BODY *****************/
*{
/*---on passe toutes les marges à 0---*/
margin:0;
padding:0;
}
body,html{
height:100%;
/*---permet de changer la couleur de la barre de scroll dans IE (déconseillé)
scrollbar-base-color:#7d8a2e;
---*/
}
body{
background:#aa7c4d;
}
/***************** CONTAINER *****************/
#container{
position:relative;
min-height:100%;
width:1003px;
margin:0 auto;
background-color:#fff4da;
}
/***************** HEADER *****************/
#header{
width:1003px;
height:154px;
background-image:url(../images/charte/header.jpg);
}


/***************** MENU TOP *****************/
#menuTop{
position:relative;
z-index:10;
width:1003px;
height:28px;
list-style:none;
background-color:#000000;
}
#menuTop li{
position:relative;
float:left;
}
#menuTop a{
	display:block;
height:28px;
	overflow:hidden;
	background:no-repeat scroll left top;
}
#menuTop a span{
	display:none;
}
#container #menuTop a:hover,
#container #menuTop a.trigered{
	background-position:left bottom;
}
#menuTop li.philosophie a{
	background-image:url(../images/charte/philosophie.gif);width:103px;
}
#menuTop li.art-vivre a{
	background-image:url(../images/charte/art-vivre.gif);width:104px;
}
#menuTop li.art-table a{
	background-image:url(../images/charte/art-table.gif);width:119px;
}
#menuTop li.hammam a{
	background-image:url(../images/charte/hammam.gif);width:95px;
}
#menuTop li.objet a{
	background-image:url(../images/charte/objet.gif);width:158px;
}
#menuTop li.accessoires a{
	background-image:url(../images/charte/accessoires.gif);width:162px;
}
#menuTop li.vetements a{
	background-image:url(../images/charte/vetements.gif);width:96px;
}
#menuTop li.presse a{
	background-image:url(../images/charte/presse.gif);width:69px;
}
#menuTop li.contact a{
	background-image:url(../images/charte/contact.gif);width:97px;
}


/***************** SOUS MENU *****************/
#menuTop li ul{
list-style:none;
position:absolute;
width:140px;
min-height:30px;
top:-6000px;
left:0;
background:#463525;

border-top:1px solid #000;
border-left:1px solid #000;
border-right:1px solid #000;
border-bottom:1px solid #000;
}
#menuTop li li{
float:none;
}
#container #menuTop li li a{
background:none;
width:auto;
position:relative;
height:20px;
text-indent:20px;
font:11px/20px Arial, Helvetica, sans-serif;
text-transform:none;
color:#aa7c4d;
text-decoration:none;
border:solid #000;
border-width:0 0 1px 0;
}
#container #menuTop li li a:hover{
color:#000;
background:#aa7c4d;
}
/***************** CONTENU *****************/
#contenu{
width:1003px;
min-height:350px;
background:#fff4da url(../images/charte/bg-contenu.gif) no-repeat top left;
}

/***************** COLLEFT *****************/
#collLeft{
float:left;
width:230px;
min-height:350px;
}


#headercoll{
float:left;
width:140px;
height:58px;
padding:30px 0 0 40px;
}
#headercoll a:link p, #headercoll a:visited p{
	font-weight:bold;
	text-decoration:none;
	color: #FFF;
}
#headercoll a:hover p{
	font-weight:bold;
	text-decoration:none;
	color: #FFF;
}
#headercoll p a:link,#headercoll p a:visited{
	font-weight:normal;
	text-decoration:none;
	color: #fff;
}
#headercoll p a:hover, #headercoll p a:active{
	font-weight:normal;
	text-decoration:underline;
	color: #fff;
}





#recherche{
float:left;
width:230px;
min-height:196px;
background:url(../images/charte/bg-recherche-y.gif) repeat-y top left;
}
#recherche2{
float:left;
width:230px;
min-height:196px;
background:url(../images/charte/bg-recherche.gif) no-repeat bottom left;
}

form#formLeft{
width:230px;
height:50px;
}
table#contactLeft{
float:left;
width:170px;
height:50px;
font:normal 11px Arial, Helvetica, sans-serif;
text-align:right;
color:#236eac;

}
table#contactLeft tr{
height:15px;


}

table#contactLeft td.case{
width:150px;



}
table#contactLeft input.case{
float:left;
width:153px;
height:15px;
margin:5px 0 3px 30px;
padding:0 0 0 2px;

background:#fff;
border:1px solid #818386;
font:normal 10px Arial, Helvetica, sans-serif;
color:#000;
}

table#contactLeft select{
float:left;
width:155px;
height:20px;
background:#fff;
border:1px solid #818386;
float:left;
margin:3px 0 3px 30px;
font:normal 10px Arial, Helvetica, sans-serif;
color:#000;
}

.bouton{
margin:10px 0 0 0;
}
#accespro{
	float:left;
	width:230px;
	height:30px;
	margin:8px 0 0 0;
}
#accespro a span{
	display:none;
}
#accespro a:link,#accespro a:visited{
	display:block;
	width:230px;
	height:30px;
	background:url(../images/charte/acces-pro.gif) no-repeat top left;
}
#accespro a:hover{
	display:block;
	width:230px;
	height:30px;
	background-position:bottom left;
}


#partenaire{
	float:left;
	width:230px;
	height:30px;
	margin:8px 0 0 0;
}
#partenaire a span{
	display:none;
}
#partenaire a:link,#partenaire a:visited{
	display:block;
	width:230px;
	height:30px;
	background:url(../images/charte/partenaire.gif) no-repeat top left;
}
#partenaire a:hover{
	display:block;
	width:230px;
	height:30px;
	background-position:bottom left;
}
/***************** CONTENU TEXTE *****************/
#texte{
float:left;
width:750px;
min-height:350px;
}


#texte ul{
margin-left:30px;
margin-bottom:10px;
}


#texte li{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height:20px;
text-align:left;
color:#333333;
list-style-image:url(../images/charte/puce3.gif);
}

/*---obligatoire pour le footer---*/
/*---mettre <div class="clearer" id="clearFooter"></div>--*/
/*---apres la div contenu---*/
.clearer{
clear:both;
}
#clearFooter{
height:33px;/*--- = à la hauteur du footer ---*/
}
/***************** FOOTER *****************/
#footer{
position:relative;
clear:both;
width:1003px;
height:33px;
margin:-33px auto 0;
background:#cecfd0 url(../images/charte/bg-footer.gif) no-repeat right top;
}
#idep{
position:absolute;
left:20px;
top:10px;
width:150px;
height:20px;
}
#idep img{
float:left;
}
#footer #idep a.idep{
text-decoration:none;
display:block;
font:9px/8px Arial, Helvetica, sans-serif;
color:#aa7c4d;
margin:0px 0 0;
}
#footer #idep a.idep.optea{
margin:0;
}
#footer #idep a:hover.idep{
text-decoration:none;
color:#fff;
}
#footer p{
	padding:8px 0 0 200px;
	color:#aa7c4d;
	font:normal 11px Arial, Helvetica, sans-serif;
}
#footer a:link,#footer a:visited{
	color:#fff;
	text-decoration:none;
	font:normal 10px Arial, Helvetica, sans-serif;
	
}
#footer a:hover{
	color:#fff;
	text-decoration:underline;
	font:normal 10px Arial, Helvetica, sans-serif;
	
}