/***************** 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:#202020 url(../images/charte/bg-body.jpg) repeat-x left top;
}
body.intro{
background:#202020 url(../images/charte/bg-body.gif) repeat-x left top;
}
/***************** CONTAINER *****************/
#container{
position:relative;
min-height:100%;
width:990px;
background:#202020;
}
/***************** BLOC FLASH INTRO *****************/
#intro{
position:relative;
min-height:100%;
width:980px;
height:550px;
}
/***************** MENU LEFT *****************/
dl, dt, dd, ul, li {
margin:0;
padding:0;
list-style-type: none;
}
#menuLeft {
float:left;
width:202px;
min-height:535px;
background:#202020 url(../images/charte/bg-left.jpg) no-repeat left top;
}
#menuLeft a {
text-decoration: none;
display:block;
/*height:100%;*/
cursor: pointer;
height:17px;
/*width:202px;*/
background:no-repeat left top;
}
#menuLeft  a span{
display:none;
}
#menuLeft  a:hover{
text-decoration: none;
background-position:right top;
}
#menuLeft a.bt1 {background-image:url(../images/charte/bt01.jpg);}
#menuLeft a.bt2 {background-image:url(../images/charte/bt02.jpg);}
#menuLeft a.bt3 {background-image:url(../images/charte/bt03.jpg);}
#menuLeft a.bt4 {background-image:url(../images/charte/bt04.jpg); margin-top:50px;}
#menuLeft a.bt5 {background-image:url(../images/charte/bt05.jpg);}
#menuLeft a.bt6 {background-image:url(../images/charte/bt06.jpg);}
#menuLeft a.bt7 {background-image:url(../images/charte/bt07.jpg);}

/*-- SOUS MENU --*/
#menuLeft ul{
padding : 0 0 25px 0;
}
#menuLeft li {
text-align:right;
padding-right:10px;
}
#menuLeft li a {
text-decoration: none;
display:block;
height:20px;
background:no-repeat scroll left top;
font:12px/20px Times, Arial, Helvetica, sans-serif;
color:#fff;
}
#menuLeft li a span{
display:none;
}
#menuLeft li a:hover {
color:red;
}
/***************** RECHERCHE *****************/
#recherche{
padding : 0 0 40px 0 ;
font:bold 10px/20px Arial, Helvetica, sans-serif;
color:#fff;
text-align:left;
}

.rechercher {
background-color:#000;
width:130px;
border: 1px solid #e9e7e7;
font: 12px/30px Times, Arial, Helvetica, sans-serif;
color:#e9e7e7;
padding:1px;
margin-right:7px;
line-height:14px;
}
a:link.ok, a:visited.ok {
height:15px;
font: normal 12px/30px Times, Arial, Helvetica, sans-serif;
color:#fff;
line-height:14px;
padding-bottom:15px;
text-decoration:none;
text-transform:uppercase;
}

/***************** CONTENU *****************/
#contenu{
float:left;
width:748px;
min-height:300px;
padding:20px;
background:url(../images/charte/bg-txt.jpg) repeat-x left top;
}

/***************** TOP *****************/
#top{
float:left;
width:788px;
height:55px;
text-align:right;
padding-top:30px;
}
/***************** CHOISIR UN TITRE EN FONCTION DES 3 ACTIVITES *****************/
#top.maisoncanapes{
background:url(../images/charte/bg-top-maison.gif) no-repeat left top;
}
#top.architecture{
background:url(../images/charte/bg-top-architecture.gif) no-repeat left top;
}
#top.galerie{
background:url(../images/charte/bg-top-galerie.gif) no-repeat left top;
}

/*#top a:link, #top a:visited{
font:bold 15px Garamond, Arial, Helvetica, sans-serif;
text-transform:uppercase;
color:#fff;
text-decoration:none;
padding:10px;
}
#top a:hover, #top a:active{
text-decoration:underline;
color:#fff;
}*/
/***************** HEADER *****************/
#header{
float:left;
width:788px;
height:165px;
}


/*---obligatoire pour le footer---*/
/*---mettre <div class="clearer" id="clearFooter"></div>--*/
/*---apres la div contenu---*/
.clearer{
clear:both;
}
#clearFooter{
height:30px;/*--- = à la hauteur du footer ---*/
}
/***************** FOOTER *****************/
#footer{
position:relative;
clear:both;
width:100%;
height:30px;
margin-top:-30px ;
background:#000 url(../images/charte/bg-footer.gif) no-repeat left top;
}
#footer2{
width:100%;
height:30px;
background:#202020;
text-align:center;
}
#idep{
position:absolute;
left:0;
top:0;
width:195px;
height:30px;
}
#idep img{
float:left;
}
#footer #idep a.idep{
text-decoration:none;
display:block;
font:9px/8px Arial, Helvetica, sans-serif;
color:#8e8e8e;
margin:8px 0 0;
}
#footer #idep a.idep.optea{
margin:0;
}
#footer #idep a:hover.idep{
text-decoration:none;
color:#fff;
}

#footer p{
font:12px/30px Arial, Helvetica, sans-serif;
color:#8e8e8e;
text-align:right;
padding:0 30px 0 0;
}
#footer a:link, #footer a:visited{
text-decoration:none;
color:#8e8e8e;
}
#footer a:hover, #footer a:active{
text-decoration:underline;
color:#fff;
}