@charset "utf-8";
/* CSS Document */
/* ============================================
BLOC TOP BOUTONS
============================================ */
#bandeau-top{text-align:center;background:url(../images/bandeau-top-bg.gif) repeat-x top left ;height:50px;padding:5px 0 0 0;}
#bandeau-top td{vertical-align:middle}
/* ============================================
STRUCTURE DE LA PAGE
============================================ */
body {
    background: url("../images_v2/bg.png") repeat-x  scroll center top #003366;
    color: #023E71;
    font: 12px Arial,Helvetica,sans-serif;
    margin: 0;
}

#main{width:882px; margin:0 auto}

a img{border:0;}

a{color:#0a71aa;}

img.spip_logos{border:1px solid #CCC; display:block;}
img.spip_titre{display:block;}

.spip_documents_left{
	margin: 0 5px 5px 0;
}


/* ============================================
HEADER
============================================ */
#header{position:relative;
height:221px;
}

#header a{
	color:#FFF;
	font-size:10px;
	text-decoration: none;
}

#header a:hover{text-decoration:underline;}

#info_rapide{
	background:url(../images_v2/bg_info_rapide.png) bottom left repeat-x #ccc;
	color:#666;
	font-size:11px;
	height:16px; /*16+4=20*/
	padding:4px 0 0 5px;
	width:877px; /*877+5=882*/
}
#info_rapide a{
color:#0066CC;
}
#main_menu a{font-size:12px; color:#FFF;}
#main_menu a:hover{text-decoration:none;}

#main_menu ul{
	margin:0;
	padding:0 0 0 0;
	height:23px;
}

#main_menu ul li{
	margin:0 0 0 15px;
	padding:5px 0 0 0;
	display:block;
	float:left;
	list-style:none;
	height:18px;
}

div.menu12{background-color:#F5BF28;}
div.menu2{background-color:#6bc46b;}
div.menu6{background-color:#5fb8e3;}


/* ============================================
MENU
============================================ */


#submenu2{
	float:left; 
	width:239px;
}

#submenu3{
	width:300px;
	padding-bottom:8px;
}

#submenu2 #submenu_content{
	/*height:137px; /*142-5*/
}

#submenu3 #submenu_content{
	height:auto;
	padding-bottom:5px;
}

#submenu2 #submenu_content.sub6{background:url(../images_v2/bottom_menu6.png) bottom left no-repeat; background-color:#5DB7E3;}
#submenu2 #submenu_content.sub2{background:url(../images_v2/bottom_menu2.png) bottom left no-repeat;background-color:#68C368;}
#submenu2 #submenu_content.sub12{background:url(../images_v2/bottom_menu12.png) bottom left no-repeat;background-color:#F8D166; border-top:1px solid #F8D166;}

div.sub6
{
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, src="../images_v2/bottom_menu6.png", sizingMethod="scale");
background:transparent;

}

div.sub2
{
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, src="../images_v2/bottom_menu2.png", sizingMethod="scale");
background:transparent;

}

div.sub12
{
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, src="../images_v2/bottom_menu12.png", sizingMethod="scale");
background:transparent;

}

div[class="sub6"]{background:url(../images_v2/bottom_grand_menu6.png) bottom left no-repeat #5eb8e3; border-top:1px solid #5eb8e3;}
div[class="sub2"]{background:url(../images_v2/bottom_grand_menu2.png) bottom left no-repeat #6ac46a; border-top:1px solid #6ac46a;}
div[class="sub12"]{background:url(../images_v2/bottom_grand_menu12.png) bottom left no-repeat #F5C233; border-top:1px solid #F5C233;}

div

#submenu2 ul, #submenu3 ul{
	margin: 8px 0 0 20px;
	padding:0;
}

#submenu2 li, #submenu3 li{
	list-style:none;
	margin:0;
	padding:0;
}

#submenu2 a, #submenu3 a
{
	color:#FFF;
	font-size:12px;
	text-decoration:none;
}

#submenu2 a:hover, #submenu3 a:hover{text-decoration:underline;}

#submenuitem{
	position:absolute;
	top:13px;
	left:0px;
	z-index:1;	
	color:#FFF;
	width:180px;
	padding-top:3px;
}

#submenuitem.section2{background:#6bc46b;}
#submenuitem.section6{background:#5fb8e3;}
#submenuitem.section12{background:#f5bf28;}

#submenuitem.hidden{display:none;}

#submenuitem div{
	border-top:1px dotted #FFF;
	padding:2px 2px 2px 15px;
}


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

#top{background:url(../images_v2/bg_courbe2.png) top left no-repeat; border-top:1px solid #FFF; height:217px;}

* html #top /* HACK POUR LES PNG TRANSPARENT SUR IE6 */
{
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images_v2/bg_courbe2.png", sizingMethod="scale");
	background: none;
	overflow:hidden;
}

#a_la_une{color:#000; float:right; width:607px; padding:5px 10px 0 0; position:relative; z-index:5;}
#a_la_une h1{ font-size:14px; margin:0 0 8px 0; padding:0;}

#a_la_une.section2 h1{color:#090;}
#a_la_une.section6 h1{color:#0C93D5;}
#a_la_une.section12 h1{color:#F4B301;}

/* ============================================
CONTENU
============================================ */
#content{background:url(../images_v2/bg_content.png) top left repeat-x #fdfeff; float:left;}

#ariane {color:#FFF; min-height:19px; height:auto !Important; height:19px; /*27-8*/ font-size:11px; padding:8px 0 4px 0;}
#ariane a{color:#FFF; text-decoration:none;}
#ariane a:hover{text-decoration:underline;}

#bloc_content {width:882px; float:left; padding-bottom:71px; position:relative; }
#frise { position:absolute; bottom:0; left:0; z-index:0; }

#bloc_gauche{
	float:left;
	padding-left:10px;
	width:542px;
}

#bloc_actus a{color:#000; text-decoration:none;}
#bloc_actus a:hover{text-decoration:underline;}

#bloc_actus{
	background:#FFF;
	color:#000;
	font-size:11px;
	height:94px; /*104-10*/
	margin-bottom:18px;
	padding:5px;
	width:252px;/*262-10*/
}

#bloc_actus h1{font-size:11px; margin:0 0 8px 0; padding:0;}

#bloc_actus.section2 h1{color:#090;}
#bloc_actus.section6 h1{color:#0C93D5;}
#bloc_actus.section12 h1{color:#f5bf28;}

#liens_externes
{
	float:left;
	font-size:11px;
	width:262px;
}

#liens_externes2
{
	background:url(../images_v2/bg_lien_externe.png) top left no-repeat;
	height:140px; /*150-10*/
	padding:5px;
	width:252px;/*262-10*/
	position:relative;
	z-index:5;
}

* html #liens_externes2 /* HACK POUR LES PNG TRANSPARENT SUR IE6 */
{
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images_v2/bg_lien_externe.png", sizingMethod="scale");
	background: none;
	overflow:hidden;
}


#documentation
{
	float:right;
	font-size:11px;
	width:262px;
}

#documentation2{
	background:#FFF;
	height:150px; /*160-10*/
	padding:5px;
	width:252px;/*262-10*/
	z-index:5;
	position:relative;
}

#liens_externes2 a, #documentation2 a{ 
	color:#04a2e4;
	text-decoration:none;
}

#liens_externes2 a:hover, #documentation2 a:hover{ 
	text-decoration:underline;
}

#liens_externes2 h2, #documentation2 h2{ 
	color:#054474;
	font-size:11px;
	margin:0;
	padding:0;
}

#bloc_droite{
	float:right;
	padding-right:10px;
	width:300px;
}

#newsletter{
	background:url(../images_v2/bg_newsletter.png) top left; 
	color:#036; 
	height:42px;  
	margin-bottom:8px;
	padding:5px 0 0 5px;
	width:295px;
}

* html #newsletter /* HACK POUR LES PNG TRANSPARENT SUR IE6 */
{
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images_v2/bg_newsletter.png", sizingMethod="scale");
	background: none;
	overflow:hidden;
}


#pagination a{
	color:#000;
	text-decoration:none;
}


#pagination a:hover{
	text-decoration:underline;
}


ul#subrub{
	margin:0;
	padding:0;
}

ul#subrub li{
	margin:0;
	padding:1px 0 1px 15px;
	list-style:none;
}

ul#subrub a{text-decoration:none;}
ul#subrub a:hover{text-decoration:underline;}

ul#subrub.section2 a{color:#090;}
ul#subrub.section6 a{color:#0C93D5;}
ul#subrub.section12 a{color:#F4B301;}

ul#subrub.section2 li{background:url(../images_v2/puce_section2.png) center left no-repeat;}
ul#subrub.section6 li{background:url(../images_v2/puce_section6.png) center left no-repeat;}
ul#subrub.section12 li{background:url(../images_v2/puce_section12.png) center left no-repeat;}

#pagination span{font-size:18px;}


#autre_section{
 	height:53px; 
	margin-bottom:8px; 
	font-size:11px;
}

#bloc_recherche{
	height:25px; 
	margin-bottom:8px; 
	font-size:11px;
	padding:28px 0 0 10px;
}

#autre_section a{
	color:#023d71;
 	text-decoration:none;
}

#autre_section a:hover{
 	text-decoration:underline;
}

/* ============================================
FOOTER
============================================ */
#footer{
	background:url(../images_v2/bg_footer.png) top left no-repeat;
	border-top:1px solid #cdcdcd; 
	font-weight:bold;
	height:75px;
	clear:both;
}

* html #footer /* HACK POUR LES PNG TRANSPARENT SUR IE6 */
{
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images_v2/bg_footer.png", sizingMethod="scale");
	background: none;
	overflow:hidden;
	clear:both;
}


#footer a{text-decoration:none;}
#footer a:hover{text-decoration:underline;}

#footer ul{
	float:left;
	list-style:none;
	margin:10px 0 0 15px; 
	padding:0;
	
}

#footer li{
	list-style:none;
	margin:0 0 4px 0; 
	padding:0;
}
