/* CSS Document */

html, body{width:100%;}
body{
	font:normal normal 11px/normal Arial, Helvetica, sans-serif;
	color:#000000;
	margin:auto;
}
ul, li { list-style:none; }

body#home {	 /*background: #272727 url(../medias/img/fd_home.jpg) no-repeat center top; */ background: #0a0a0a url(../medias/img/bg_content.jpg) repeat-x left 432px;}
body#int {	 background: #151515}
body#int .bg { float:left; width:100%; background: #FFF url(../medias/img/fd_int.jpg) no-repeat center top; }

body, h1, h2, h3, h4, h5, h6, dl, dt, dd, form, fieldset, p, ul, li {margin:0;padding:0;}
a img{border:none;}
a { text-decoration:none; color:#7d7d7d; }
a:hover { color:#bebebe; }

#flashArea { 
	position:absolute;
	top:0; left:0;
	height:432px;
}

#BloContent {
	position:relative;	margin:0 auto;
	width:912px;
	/*min-height:432px;*/

}
.editmode {
	background:#fff88a;
	border: 1px dotted red;
	clear:both;
	padding:10px 0;
	text-align:center;
}

.retour_accueil { padding:0 0 0 16px; font-weight:bold; }

#MenuPrincipal {
	position:relative;
	float:left;
	margin-top:120px;
	width:300px;
	min-height:312px;
}

#logo {
	position:absolute;
	top:25px; left:0px;
	width:100%;
}

div.bgMenuPrincipalDeg {
	float:left;
	padding:0 5px;
	width:290px;
	background: url(../medias/img/MenuPrincipal/bg-deg-repeat.png) repeat-y left top ;
}

div.bgMenuPrincipal {
	float:left;
	width:290px;
	background: #6fa033 url(../medias/img/MenuPrincipal/bg-deg.jpg) repeat-x left top ;
}

div#bgMenuPrincipalTop, div#bgMenuPrincipalBot {
	clear:both;
	float:left;
	width:300px;
	height:7px;
}
/* espace photos */
#content #contenu div#espace-photo p.bloc-photo {
	border:1px solid #D4D0C4;
	float:left;
	height:170px;
	margin:0 10px 0 0;
	padding:12px 0 0;
	position:relative;
	text-align:center;
	width:155px;
}

div#espace-photo p.bloc-photo {
	text-align:center;
}

.bloc-photo-legende {
	float:left;
	width:100%;
	font:10px/10px Arial,Helvetica,sans-serif;
	margin:5px 0 0 0;
	padding:0;
	text-align:center;
}

div#bgMenuPrincipalTop { height:7px; background: url(../medias/img/MenuPrincipal/bg-deg-top.png) no-repeat left top ; overflow:hidden; }
div#bgMenuPrincipalBot { height:7px; background: url(../medias/img/MenuPrincipal/bg-deg-bot.png) no-repeat left top ; overflow:hidden; }
div#bgMenuPrincipalTop.active, div#bgMenuPrincipalBot.active { background-position:0 -7px ; }


#int #main { background: #0a0a0a url(../medias/img/bg_content.jpg) repeat-x left top; }
#main {
	position:relative;
	width:100%;
	float:left;
}
#content {
	min-height:432px;
	float:right;
	width:600px;
	margin:120px 0 10px 0;
	position:relative;
}

#content h2{
	color:#00000;
	font-size:18px;
	font-weight:bold;
	padding-bottom:20px;
	padding-top:5px;
}
#content ul {
	padding-left:16px;
}
#content ul li { list-style:square; }
#content #contenu{
	width:445px;
	float:left;
}

#content #contenu h3{
	color:#00000;
	font-size:12px;
	width:445px;
	float:left;
	font-weight:bold;
	padding-bottom:20px;
}

#content #contenu p{
	text-align:justify;
	padding-bottom:15px;
}

#content #illustrations{
	position:absolute;
	top:5px;
	right:0;
	width:136px;
}

#content #illustrations img{
	float:left;
	padding-bottom:10px;
	width:136px;
}


.footer {
/*	background:red;*/
	position:relative;
	margin:0 auto;
	width:912px;
}

#main .content {  }
h1.HomeTitle { float:left; font-size:11px;}

/*#menuFooter {
	background:green;
	position:relative;
	margin:0 auto;
	width:912px;
	min-height: 100%;
	padding-bottom: 50px;
}*/
#bgMenuFooter {
	background:#000;
	position:fixed;
	bottom: 0; left:0;
	width:100%; 
	height:80px;
	border-top:1px solid #2d3e00;
}

ul#MenuFooter {
	font-size:14px;
	color:#FFF;
	list-style:none;
}

ul#MenuFooter li {
	float:left;
	padding: 5px 20px;
	background: url(../medias/img/bg_sep_Menubas.gif) no-repeat right center;
}
ul#MenuFooter li.lastChild { background:none; }
ul#MenuFooter li a {
	display:block;
	height:60px;
	width:100%;
	color:#bebebe;
}

ul#MenuFooter li a:hover { color:#aad730; }

ul#MenuFooter li a.menu01 { background:url(../medias/img/Ico_Menubas/le_temp.png) no-repeat center bottom; }
ul#MenuFooter li a.menu02 { background:url(../medias/img/Ico_Menubas/nous_trouver.png) no-repeat center bottom; }
ul#MenuFooter li a.menu03 { background:url(../medias/img/Ico_Menubas/nous_ecrire.png) no-repeat center bottom; }
ul#MenuFooter li a.menu04 { background:url(../medias/img/Ico_Menubas/decouvrir.png) no-repeat center bottom; }
ul#MenuFooter li a.menu05 { background:url(../medias/img/Ico_Menubas/urgences.png) no-repeat center bottom; }
ul#MenuFooter li a.menu06 { background:url(../medias/img/Ico_Menubas/le_mag.png) no-repeat center bottom; }

div.HomeBloc {
	float:left;
	padding:20px 18px 12px 0;
}
body#home div.HomeBloc {width:136px;}
body#int div.HomeBloc {width:292px;}

div.HomeBloc.lastChild { padding-right:0; }

.HomeBloc h2 {
	color:#a2d41b;
	font-size:12px;
	font-weight:normal;
	margin-bottom:14px;
}
.HomeBloc p, .HomeBloc ul {
	list-style:none;
}
.HomeBloc a:hover img{ border: 1px solid #a2d41b; }
.HomeBloc img { border: 1px solid #262626; }

.HomeBloc li.firstChild, .HomeBloc li.firstChild a { color:#bebebe; }
.HomeBloc li.firstChild a:hover { color:#7d7d7d; }

.niv1, .niv2, .niv3 {float:left; color:#7d7d7d; width:912px;}
.footer .niv1 { border-bottom:1px solid #393939; }
.footer .niv1 h2 a { color:#a2d41b; }
.footer .niv1 h2 a:hover { color:#c5f847; }
.footer .niv2 {}
.footer .niv3 { width:912px; padding:5px 0 90px 0; text-align:right;}
ul.FooterMenu {  }
ul.FooterMenu li { float:left; }


/*------------*/
/*------ MENU PRINCIPAL INDEX ET INTERIEUR ------*/
/*------------*/


div#MenuPrincipal a.title {
	display: block;
	height: 30px;
	padding: 0 0 0 20px;
	font: bold 12px Arial, Helvetica, sans-serif;	
	color:#000;
	cursor: pointer;
	border-bottom: 1px solid #578718;
	line-height:30px;
}

div#MenuPrincipal a.title:hover {
	background-position: left -30px;
	color: #003466;
}

div#MenuPrincipal a.menuFirstChild { }
div#MenuPrincipal a.menuLastChild {	border-bottom:none; }

div#MenuPrincipal a.title { height:30px; background:url(../medias/img/MenuPrincipal/bg-title.png) no-repeat left top; }

div#MenuPrincipal a.current, div#MenuPrincipal a.ongoing, div#MenuPrincipal a.current:hover  {
	background-position: left -60px;
	color: #a2d423;
	border-bottom: 1px solid #000;
}

div#MenuPrincipal div.item-content {
	margin: 0 0 0 0;
	background: #000 url(../medias/img/MenuPrincipal/bg-item.jpg) repeat-x left top;
	color: #404040;
	font-size:11px;
	font-weight:normal;
	overflow: hidden;
	font-weight: normal;
}

div#MenuPrincipal div.entry { float:left; padding: 10px 20px 15px 20px; }
div#MenuPrincipal div.item-content p { float:left; width:100%; 	margin:2px 0; border-bottom:1px solid #525a38; }
div#MenuPrincipal div.item-content p.ongoing a { color: #a2d329; font-weight:bold; }
div#MenuPrincipal div.item-content a {	color: #FFF; font-size:12px; }
div#MenuPrincipal div.item-content a:hover { color: #a2d329; }