/* LARGEUR DU CONTENU CENTRAL EN MODE 3 COLONNES : 476px
/* LARGEUR DU CONTENU CENTRAL EN MODE 2 COLONNES : 680px
-------------------------------------------------------*/

/* ============================================================ */
/*   BANDEAU SUPERIEUR													                */
/* ============================================================ */

#header{
	clear:both;
	width:917px;
	height:190px;
	padding:0px;
	margin:0px;
}

/* ============================================================ */
/*   TOP NAVIGATION															                */
/* ============================================================ */

#menuBar {
  position:absolute;
  z-index:999;
  width:904px;
  height:38px;
  top:171px;
  left:25px;
  color:#FFFFFF;
	text-align:left;
	background-image: url('../../img/charte_2008/fondMenuBar.png');
	background-position:left top;
	background-repeat:no-repeat;
  margin:0;
  padding:0;
}


/* ============================================================ */
/*   STRUCTURES	DE PAGE													                */
/* ============================================================ */

/** Colonne de gauche == Menu **/
#left{
	float:left;
	width:190px;
	min-height:300px;
	padding:5px 0px 5px 0px;
	margin:8px 0px 0px 8px;
	font-size:11px;
}
#center{
	float:left;
	width:476px;
	margin:0px 0px 0px 8px;
	text-align:center;
}
#center_large{
	float:left;
	width:680px;
	margin:0px 0px 0px 8px;
	text-align:center;
}
#center_superLarge{
	float:left;
	width:876px;
	margin:0px 0px 0px 8px;
	text-align:center;
}
/** Bouton imprimer **/
#imprimer{
	float:left;
	width:496px;
	margin:8px 0px 0px 0px;
	padding:0px;
	background-color:#ECECE8;
	text-align:right;
}
#imprimer_large{
	float:left;
	width:700px;
	margin:8px 0px 0px 0px;
	padding:0px;
	background-color:#ECECE8;
	text-align:right;
}
#imprimer_superLarge{
	float:left;
	width:896px;
	margin:8px 0px 0px 0px;
	padding:0px;
	background-color:#ECECE8;
	text-align:right;
}

/** Espace central (mode 3 colonnes) **/
#content{
	float:left;
	width:476px;
	padding:10px 10px 30px 10px;
	background-color:#ECECE8;
	text-align:left;
	min-height:450px;
}
/** Espace central (mode 2 colonnes) **/
#content_large{
	float:left;
	width:680px;
	padding:10px 10px 30px 10px;
	background-color:#ECECE8;
	text-align:left;
	min-height:450px;
}
/** Espace central (mode 3 colonnes) **/
#content_superLarge{
	float:left;
	width:876px;
	padding:10px 10px 30px 10px;
	background-color:#ECECE8;
	text-align:left;
	min-height:450px;
}
#content li, #content_large li{
	margin:5px 0px 5px 0px;
}
#content_footer{
	background-image: url('../../img/charte_2008/content_footer.jpg');
	width:496px;
}
/** Pied de page (mode 2 colonnes) **/
#content_footer_large{
	background-image: url('../../img/charte_2008/content_large_footer.jpg');
	width:700px;
}
/** Pied de page (mode 3 colonnes) **/
#content_footer_superLarge{
	background-image: url('../../img/charte_2008/content_superLarge_footer.jpg');
	width:896px;
}
#content_footer, #content_footer_large, #content_footer_superLarge{
	clear:both;
	background-position:right bottom;
	background-repeat:no-repeat;
	margin:0px 0px 10px 0px;
	padding:0px;
	height:54px;
}
/** Colonne de droite **/
#right{
	float:right;
	width:196px;
	/*min-height:300px;*/
	border-style: solid;
	border-width:1px;
	border-color: #CCCCCC;
	margin:8px 8px 8px 8px;
	padding:5px 0px 5px 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:0.8em;
	line-height:1.2em;
	text-align:left;
}

#right hr{
	clear:both;
	color:#CCFFFF;
	border:0 none;
	border-top:1px thin #CCFFFF;
	background:#CCFFFF;
	outline:none;
	height:1px;
	width:196;
}

#right p.titre{
	text-align:center;
	background-color:#dddddd;
	padding:5px 0px 5px 0px;
	vertical-align:middle;
	font-size:10px;
	font-weight:bold;
	text-transform:uppercase;
}

/** 3 Encarts **/
#zoom_sur, #decouvrir, #actualites{

	margin:0px;
	padding:0px 10px 0px 10px;
	width:176px;
}

#actu_scroll{
	scrollbar-face-color: #ffffff;
	scrollbar-highlight-color: #cccccc;
	scrollbar-shadow-color: #cccccc;
	scrollbar-3dlight-color: #ffffff;
	scrollbar-arrow-color: #cccccc;
	scrollbar-track-color: #ffffff;
	scrollbar-darkshadow-color: #ffffff;
	overflow: auto;
	height: 160px;
	width: 176px;
	padding:0px 3px 0px 0px;
	margin:10px 0px 0px 0px;
}

#actu_scroll ul{
	padding: 0px;
	margin: 0px;
}
#actu_scroll ul li{
	background-image: url('/fr/img/pages/puce_dbl_fleche.gif');
	background-repeat:no-repeat;
	list-style-type:none;
	background-position: 0 3px;
	padding: 0px;
	margin: 10px 0px 10px 0px;
}

/* ============================================================ */
/*   ZONES COLOREES															                */
/* ============================================================ */

.fondGris{
	background-color:#DCDCD3;
}

/* ============================================================ */
/*   ACTUALITES LISTE														                */
/* ============================================================ */

#actuListe p{
	margin: 5px 0px 0px 5px;
	padding: 0px;

}
#actuListe hr{
	clear:both;
	color:#FFFFFF;
	border:0 none;
	border-top:1px thin #FFFFFF;
	background:#FFFFFF;
	outline:none;
	height:1px;
	width:100%;
	text-align:center;
	margin:5px 0px 0px 0px;
}


/* ============================================================ */
/*   GENERIQUES																	                */
/* ============================================================ */

/* Sous-lignement des titres
-------------------------------------------------------*/
h1 hr{
	clear:both;
	color:#FFFFFF;
	border:0 none;
	border-top:1px thin #FFFFFF;
	background:#FFFFFF;
	outline:none;
	height:1px;
	width:100%;
	text-align:center;
	margin:5px 0px 0px 0px;
}
.petit{
	font-size:10px;
}