/***************** 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); margin-top:20px;}

#menuLeft a.bt2 {background-image:url(../images/charte/bt02.jpg);margin-top:130px;}

#menuLeft a.bt3 {background-image:url(../images/charte/bt03.jpg);}

#menuLeft a.bt4 {background-image:url(../images/charte/bt04.jpg); margin-top:20px;}

#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;



}


#top #bouton_top{
	background:url(../images/charte/bouton.png) no-repeat;
	float:right;
	
	height:20px;
	width:20px;
}

/***************** 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;

}