/***************** 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:#2e2625 url(../images/charte/bg-body.jpg) center center no-repeat;
}
/***************** CONTAINER *****************/
#container{
position:absolute;
width:990px;
height:560px;
left:50%;
top:50%;
margin-left:-495px;
margin-top:-280px;
background:url(../images/charte/bg-container.jpg) no-repeat;
}
/***************** HEADER *****************/
#header{
width:990px;
height:238px;
}

#lienheader a{
position:absolute;
width:490px;
height:70px;
margin:10px 0 0 250px;
background:url(../images/charte/lien-gamme-a.png) no-repeat;
z-index:1000;
}

#lienheader a:hover{
position:absolute;
width:490px;
height:70px;
margin:10px 0 0 250px;
background:url(../images/charte/lien-gamme.png) no-repeat;
z-index:1000;
}


/***************** MENU TOP *****************/
#menuTop{
position:relative;
width:857px;
height:30px;
list-style:none;
}
#menuTop li{
position:relative;
float:left;
width:120px;
}
#menuTop a{
text-decoration:none;
font:normal 11px/30px Arial, Helvetica, sans-serif;
color:#FFF;
text-transform:uppercase;
display:block;
height:30px;
overflow:hidden;
padding-left:4px;
background: url(../images/charte/bgrubz.jpg) 118px 0 no-repeat;
}
#container #menuTop a:hover,
#container #menuTop a.trigered{
background: url(../images/charte/bgrubzovr.jpg) repeat-x;
font:bold 11px/30px Arial, Helvetica, sans-serif;
color:#FFF;
}
/***************** SOUS MENU *****************/
#menuTop li ul{
list-style:none;
position:absolute;
width:120px;
top:-6000px;
left:0;
background:#841e7f;
z-index:20;
}
#menuTop li li{
float:none;
}
#container #menuTop li li a{
background:none;
width:auto;
position:relative;
height:20px;
font:10px/20px Arial, Helvetica, sans-serif;
text-transform:none;
color:#fff;
text-decoration:none;
}
#container #menuTop li li a:hover{
background:#841e7f;
font:10px/20px Arial, Helvetica, sans-serif;
text-decoration:underline;
}
/***************** CONTENU *****************/
#contenu{
width:966px;
height:256px;
margin-bottom:12px;
padding:12px;
float:left;
}

#contenuGche{
width:580px;
height:256px;
padding:0 12px 0 0;
overflow:auto;
float:left;
margin-left:200px;
}

#imgGche{
width:245px;
height:236px;
padding:0 0 0 0;
overflow:auto;
float:left;
margin:15px 25px 0 60px;
background:url(../images/charte/boutique-carreaux.jpg) no-repeat right top;
}

#contenuDrte{
width:553px;
height:256px;
padding:0 0 0 15px;
overflow:auto;
float:left;
}
a#lienCarreaux span{
	display:none;
}
a#lienCarreaux{
	display:block;
	margin:5px 0 0 0;
	height:90px;
	width:170px;
	float:left;
	background: url(../images/charte/lienCarreaux.jpg) no-repeat right top;
}
a:hover#lienCarreaux{
	background-position:right bottom;
}
/***************** IDEP *****************/

#idep{
position:absolute;
right:0;
bottom:0;
width:133px;
height:30px;
}
#idep img{
float:left;
}
#idep a.idep{
text-decoration:none;
font:9px/12px Arial, Helvetica, sans-serif;
color:#86796a;
margin:12px 0 0;
}
#idep a.idep.optea{
margin:0;
}
#idep a:hover.idep{
text-decoration:none;
color:#beae9b;
}