/***************** 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:#564D3E;

}

#site{

position:absolute;

width:888px;

height:560px;

left:50%;

top:50%;

margin-left:-444px;

margin-top:-280px;

z-index:1;

background:#564D3E;

font-family:Arial, Helvetica, sans-serif;

color:#bbb8b2;

}

#contenu{
float:left;
width:441px;
height:282px;
padding-right:5px;
margin:10px 0;
overflow:auto;
}
#bandeGauche{

float:left;

width:200px;

padding:0px 28px 0 0;

height:460px;

overflow:hidden;

background:none;


}
#bande{

float:left;

width:200px;

padding:0px 28px 0 0;

height:460px;

overflow:scroll;

background:none;



}
#contenu_vscrollerbase{

float:left;



padding:0px 28px 0 0;

height:460px;

overflow:hidden;

background:none;



}

/*#bandeGauche p{

width:176px;

padding:12px;

height:176px;

overflow:auto;

}*/

#mycustomscroll {

	/* Typical fixed height and fixed width example */

	width: 168px;

	height: 176px;

	overflow:auto;
	overflow-x:none;

	/* IE overflow fix, position must be relative or absolute*/

	position: relative;

	margin: 0.3em auto;

	padding: 20px 12px 12px 20px;

	font:11px Arial, Helvetica, sans-serif;

	color:#564d3e;

	background:#bbb8b2;

	text-align:justify;

	margin-top:30px;

	float:left;

	

	

}







#diaporama{

width:660px;

height:430px;

float:left;

}

#blocMenu{

height:70px;

width:888px;

float:left;

}

#menuBas{

float:left;

width:888px;

height:34px;

padding-top:1px;

text-align:right;

}

#menuBas p a{

color:#564D3E;

text-decoration:none;

margin-left:1px;

}

#menuBas p a:hover{

color:#fff;

text-decoration:none;

}







/***************** FOOTER *****************/

#footer{

position:absolute;

width:888px;

height:30px;

left:50%;

top:50%;

margin-left:-444px;

margin-top:250px;

z-index:102;


}


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

margin:8px 0 0;

}

#footer #idep a.idep.optea{

margin:0;

}

#footer #idep a:hover.idep{

text-decoration:none;

color:#fff;

}