/***************** 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:#9d8f84 ;
}
/***************** CONTAINER *****************/
#container0{
position:absolute;
width:100%;
height:530px;
top:50%;
margin:-265px auto;
background:#9d8f84 url(../images/charte/bg-page-x.jpg) repeat-x top left;
}
#container{
position:absolute;
width:950px;
height:530px;
left:50%;
margin-left:-475px;
background:#fff;
}
/***************** HEADER *****************/
#header{
width:950px;
height:123px;
}
#logo{
float:left;
width:259px;
height:123px;
background-image:url(../images/charte/logo.gif);
}
/***************** MENU TOP *****************/
#menu{
float:left;
width:691px;
height:66px;
}
#menuTop{
position:relative;
z-index:10;
width:691px;
height:66px;
list-style:none;
}
#menuTop li{
position:relative;
float:left;
}
#menuTop a{
	display:block;
height:66px;
	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.show a{
	background-image:url(../images/charte/show.gif);width:126px;
}
#menuTop li.realisations a{
	background-image:url(../images/charte/realisations.gif);width:123px;
}
#menuTop li.tissus a{
	background-image:url(../images/charte/tissus.gif);width:83px;
}
#menuTop li.catalogue a{
	background-image:url(../images/charte/catalogue.gif);width:144px;
}
#menuTop li.metiers a{
	background-image:url(../images/charte/metiers.gif);width:104px;
}
#menuTop li.sellerie a{
	background-image:url(../images/charte/sellerie.gif);width:111px;
}
/***************** SOUS MENU *****************/
#menuTop li ul.sellerie{
list-style:none;
position:absolute;
width:100px;
min-height:30px;
top:-6000px;
left:0;
background:#a09388;

border-top:1px solid #b2a59a;
border-left:1px solid #6c3442;
border-right:1px solid #6c3442;
border-bottom:1px solid #6c3442;
}
#menuTop li ul.catalogue{
list-style:none;
position:absolute;
width:141px;
min-height:30px;
top:-6000px;
left:0;
background:#a09388;

border-top:1px solid #b2a59a;
border-left:1px solid #6c3442;
border-right:1px solid #6c3442;
border-bottom:1px solid #6c3442;
}
#menuTop li ul{
list-style:none;
position:absolute;
width:122px;
min-height:30px;
top:-6000px;
left:0;
background:#a09388;

border-top:1px solid #b2a59a;
border-left:1px solid #6c3442;
border-right:1px solid #6c3442;
border-bottom:1px solid #6c3442;
}
#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:#6c3442;
text-decoration:none;
border:solid #b2a59a;
border-width:0 0 1px 0;
}
#container #menuTop li li a:hover{
color:#fff;
background:#6c3442;
}

#recherche{
float:left;
width:273px;
height:57px;
background:url(../images/charte/recherche.gif) no-repeat top left;
}
#recherche form{
padding:18px 0 0px 100px;

}
#recherche input.case{
width:140px;
height:15px;
background:#a09388;
border:1px solid #6c3442;
padding:0 0 0 2px;
font:normal 10px Verdana, Arial, Helvetica, sans-serif;

text-align:left;
color: #fff;
display:inline;
vertical-align:middle;

}
#recherche a.search, #recherche a.search:visited{
	font-size:1em;
	text-align:left;
	font-weight:normal;
	text-decoration:none;
	color:#fff;
	padding:0 0 0 60px;
	background-image:none;
}
#recherche a.search:hover, #recherche a.search:active{
	font-weight:normal;
	text-decoration:underline;
	color: #454545;
}

#menu2{
float:left;
width:417px;
height:57px;

}
#menuTop2{
position:relative;
z-index:5;
width:418px;
height:57px;
list-style:none;

}
#menuTop2 li{
position:relative;
float:left;
}
#menuTop2 a{
	display:block;
height:57px;
	overflow:hidden;
	background:no-repeat scroll left top;
}
#menuTop2 a span{
	display:none;
}
#container #menuTop2 a:hover,
#container #menuTop2 a.trigered{
	background-position:left bottom;
}
#menuTop2 li.accueil a{
	background-image:url(../images/charte/accueil.gif);width:138px;
}
#menuTop2 li.contact a{
	background-image:url(../images/charte/contact.gif);width:123px;
}
#menuTop2 li.envoyer a{
	background-image:url(../images/charte/envoyer.gif);width:157px;
}

/***************** CONTENU *****************/
#contenu{
width:950px;
height:369px;
font:11px/1.8em Arial, Helvetica, sans-serif;
background:url(../images/charte/bg-contenu.jpg) no-repeat top left;
}
#contenu-diaporama{
float:right;
width:408px;
height:369px;
text-align:right;
padding:0 10px 0 0;
}
#contenu-titre{
float:left;
width:460px;
height:50px;
padding:0 0 0 30px;
}

#contenu-titre2{
float:left;
width:95%;
height:50px;
padding:0 0 0 30px;
}

#contenu-texte{
float:left;
scrollbar-base-color:#c7bb90;
	float:left;
	width:460px;
	height:300px;
	overflow:auto;
padding:0 20px 0 30px;
outline:none;
text-align:justify;
color:#74665d;
}
/***************** FOOTER *****************/
#footer{
position:absolute;
width:950px;
height:38px;
left:0;
bottom:0;
background-image:url(../images/charte/bg-footer.gif);
}
#idep{
position:absolute;
left:20px;
top:5px;
width:195px;
height:38px;
}
#idep img{
float:left;

}
#footer #idep a.idep{
text-decoration:none;
display:block;
font:9px/8px Arial, Helvetica, sans-serif;
color:#fff;
text-indent:5px;
margin:0px 0 0px 0px;
}
#footer #idep a.idep.optea{
margin:0;
}
#footer #idep a:hover.idep{
text-decoration:underline;
color:#fff;
}