/**********************************
	structure globale du site
***********************************/

/* ------------
HEADER (EN-TETE)
--------------*/
#header{
	background:#cb4d16 url("/images/charte/bg-orange.jpg");
}
	
#header > .inner{
	background:none;
	padding:0px 0 0px 0;
}

#header .inner .box-logo{
	display:block;
	width:23%;
	height:106px;
	background:#FFFFFF;
	float:left;
}

#header .inner .box-logo p,
#header .inner .box-logo h1{
	margin:0;
	padding:0;
}
#header .inner .box-logo .box-titre,
#header .inner .box-logo span{
	display:none;
}

#header .nested{
	width:77%;
	float:right;
}

/* ----------------------
ZONE INTERIEURE (CONTENU)
-----------------------*/
#wrapper{
	background:#ffffff;
	position: relative;

	padding:0px 0 0 0;
}

#wrapper > .inner{
	padding:1px 0 1px 0;
}
/*img chapitre bg*/
#wrapper .chapitre-bg{
	width:100%;
	height:262px; 

	position:absolute;
	top:0px;
	left:0px;

	z-index:0;
}

/*img chapitre*/
#wrapper .chapterpicture{
	max-height:216px;
	overflow:hidden;

}
#wrapper .chapterpicture img{
	width:100%;
	margin-top:-31px;
}

#wrapperInner{
	position:relative;
	z-index: 1;
}

#wrapperInner #contents{

}
#wrapper .inner #contentsInner{
	/*padding:5px 5px 5px 5px;*/
}

/* ------------
COLONNES
--------------*/
#leftbar >.inner{

}
#rightbar > .inner{
	
}

/* -------------------
FOOTER (PIED DE PAGE)
--------------------*/
#footer{
	background:#FFFFFF;	
	 font-size: 0.8em;
}
#footer ul li{
	list-style:none;
}
#footer .inner{
	
	padding:26px 0 26px 0;
}
 
/* ------------
PAGE ERREUR
--------------*/ 
#error_page {
}
.error{
	color:#ff0000;
}
.error_form{
	color:#ff0000;
}


/**
 * tablette
 */
@media only screen and (max-width: 900px) {
	body #wrapper .chapitre-bg{
		display:none;
	}
}