body {
	background:#8a8888 none repeat scroll 0 0;
	color:#666666;
	font-family:Arial,Helvetica,sans-serif;
	font-size:100%;
	margin:0;
	text-align:center;
}


/* CSS Document */

/**********************************************************************************************************************************************
************************************************** SQUELETTE *********************************************************************************
**********************************************************************************************************************************************/
.hide {
	display: none;
}
.float_left {
	float: left;
}
.float_right {
	float: right;
}
.breaker{
	clear: both;
	height: 1px;
	overflow: hidden;
}
#page {
	text-align: left;
	margin: 0 auto;
	width: 990px;
	border:0px solid #000;
	background:#fff none repeat scroll 0 0;
}
#inside_page {
	height:auto;
}
/***************************************************************
****************** HEADER ************************************
**************************************************************/
#header {}
#header h1{
	display: none;
}
/****************************
**                ZONE HAUT 
*****************************/
#bandeau_haut{	
	height:101px;
	border-bottom:1px solid #fff;
}
/** logo **/
#logo{
	float:left;
	padding:13px 3px 0px 25px;
	border:0px;
}

.logo {
	width:370px;	
}
.logo .image {
	float:left;
	width:187px;	
}

.logo .separator_vertical{
	background:transparent url(../images/content/1x1_gris.jpg) repeat-y scroll 0 0;
	float:left;
	height:37px;
	margin:21px 5px 0px 9px;
	width:1px;
}

.logo .texte {
	float:right;
	margin:11px 0px 0px 0px;
	width:152px;	
}

.logo .texte h2 a{
	color:#767676;
	font-size:70%;	
	margin:0;
	padding:0;
	margin:0 0 2px;
}
.logo .vert a{
	color:#9db925;	
	font-size:87%;
	font-weight:bold;
}

/** bloc newsletter recherche **/
#newsletter_recherche{
	text-transform:uppercase;
	margin-right:20px;
	float:right;	
	font-size:65%;
	width:auto;
}

#newsletter_recherche .newsletter {
	padding-top:15px;
	margin-right:10px;
	float:left;	
	width:auto;
}

#newsletter_recherche .newsletter a{
	color:#ec7b1d;	
}

#newsletter_recherche .image{	
	float:left;
	margin-right:5px;
}
#newsletter_recherche .recherche{
	color:#3883cf;	
	margin-top:15px;
	margin-right:10px;	
	float:left;
}
#newsletter_recherche .recherche input{
	border: 1px solid #c9c9c9; 
	width:100px;
	height:11px;
}
#newsletter_recherche .recherche.fleche input {	 
	padding-top:4px;
	border:0px;
	width:4px;
	height:7px;
}
#newsletter_recherche .recherche.fleche img{
	margin-top:4px;
}
#newsletter_recherche .language {
	color:#777;	
	padding-top:16px;
	float:left;
}
#newsletter_recherche .language a{
	text-decoration:none;
	color:#777;	
	margin-right:2px;
	margin-left:2px;
}
#newsletter_recherche .language a:hover {
	text-decoration:none;
	color:#777;
	font-weight:bold;
}

#bandeau_haut .titre_logo{
	width:130px;
	height:64px;	
	padding:37px 3px 0px 210px;
	border:1px solid #000;
}

#bandeau_haut .right{
	float:right;	
	height:64px;
	padding:0px 10px 10px 10px;
}

#bandeau_menu{
	height: 45px;
	margin: 0 0 1px 0;
}

#bandeau_menu .bandeau_menu_bleu {
background:transparent url(../images/content/bg_zone_menu_bleu.jpg) repeat-y scroll 0 0;
margin:0 0 0px;
height:100%;
float:left;
/*width:823px;*/
padding-left:50px;
width:773px;
}






#bandeau_menu .bandeau_menu_orange {
background:transparent url(../images/content/bg_zone_menu_orange.jpg) repeat-y scroll 0 0;
margin:0 0 2px 2px;
height:100%;
float:right;
width:165px;

}

#bandeau_menu ul li {
color:#FFFFFF;
display:block;
float:left;
height:auto;
padding:0px 13px 0;
font-size:78%;
text-transform:uppercase;
}

#bandeau_menu  ul li .image_blog {
	padding-left:5px;
	padding-bottom:1px;
}	

#bandeau_menu .bandeau_menu_orange ul{
	padding-left:0px;	
}

#bandeau_menu .bandeau_menu_orange ul li.encour {
	margin-left:0px;	
	text-align:left;
	color:#0756a2;
	display:block;
	float:left;
	font-size:78%;
	width:139px;
	text-transform:uppercase;
	background:transparent url("../images/content/trait_orange_rubrique_encours.gif") repeat-x scroll 0 0;	
}

#bandeau_menu .bandeau_menu_orange ul li {
	padding-top:0px;	
}

#bandeau_menu .bandeau_menu_orange ul li.encour a {
	color:#903507;	
	font-weight:bold;
	vertical-align:middle;
	padding-top:30px;	
}

#bandeau_menu .bandeau_menu_orange ul li a{
	color:#fff;	
	vertical-align:middle;
	padding-top:30px;	
}

#bandeau_menu ul li {
	margin-left:0px;
	padding-top:16px;
	height:100%;
}

ul li a{
	color:#fff;		
}



#bandeau_menu .bandeau_menu_bleu ul{
	margin-left:0px;
	padding:0px;	
	height:100%;
	z-index:1;
}

#bandeau_menu .bandeau_menu_bleu ul li.encour {
	color:#0756a2;
	display:block;
	float:left;
	font-size:78%;
	text-transform:uppercase;	
	margin:0px;
	padding:16px 0px 0px 0px;
	width:auto;
	background:transparent url("../images/content/trait_bleu_rubrique_encours.gif") repeat-x scroll 0 0;	
}


#bandeau_menu .bandeau_menu_bleu ul li.encour a {
	margin:0px;
	padding:0px;
	
	color:#0756a2;	
	padding-top:16px;
}

#bandeau_menu .bandeau_menu_bleu ul li a {
	color:#fff;	
		
}


#bandeau_menu .bandeau_menu_bleu ul .menu li {
	position:relative;
	z-index:100;
	background-color:#0756a2;	
	width:150px;
	height:auto;
}
#bandeau_menu .bandeau_menu_bleu .menu li:hover a, #bandeau_menu .bandeau_menu_bleu .menu li a:hover
 {
	background-color:#0756a2;
	/*background:#244386 url(../images/css/survol_li_nav.png) repeat-x scroll 0 0;*/
	clear:both;
	color:#FFFFFF;
	float:left;
	text-decoration:none;
	margin:0;
	padding:5px;
	
}
#bandeau_menu .bandeau_menu_bleu li:hover .menu ul,
#bandeau_menu .bandeau_menu_bleu li a:hover .menu ul {
	visibility:visible;	
	left:0;	
	overflow:visible;
	padding:0px;
	margin:0px;
	
}


#bandeau_menu .bandeau_menu_bleu .fleche_bleu {
	background:transparent url(../images/content/fleche_bleu_rub_hover.gif) no-repeat scroll 0 0;
	width:7px;
	height:4px;
	float:left;
	margin:5px 0px 0px 25px;	
}

#bandeau_menu .bandeau_menu_bleu .menu li .separator_vertical {
	background:transparent url("../images/content/1x1_barre_horizontale_gris.jpg") repeat-x scroll 0 0;
	height:1px;
	margin:20px 0px 3px 5px;	
}


#bandeau_menu .bandeau_menu_bleu  ul .menu {
	list-style-type:none;
	margin:0;
	padding:0;
	background-color:#0756a2;
	position:absolute;
	visibility:hidden;
	overflow:hidden;
	width:170px !important;
	margin-top:14px;
}

#bandeau_menu .bandeau_menu_bleu  ul li.encour .menu {
	margin-top:5px;	
}

#bandeau_menu .bandeau_menu_bleu ul .menu ul li {
	padding:0px;	
	position:relative;
	border:1px solid #fff;
}

#bandeau_menu .bandeau_menu_bleu .menu ul li a, #bandeau_menu .bandeau_menu_bleu .menu ul li.encour a {
	color:#fff;
	float:left;
	font-size:10px;
	margin:0;
	padding:5px;
	width:140px;
}



#zone_image{
	width:990px;
	height:255px;
	background:transparent url("../images/content/img_zone_header.jpg") no-repeat scroll 0 0;	
}

#zone_image .zone_text{
	margin-left:604px;
padding-top:101px;
	text-transform:uppercase;
	width:310px;
}

#zone_image .zone_text h2{	
	color:#fff;
	display:block;
	font-size:110%;
	font-weight:normal;
	margin:20px 0px 0px 0px;
}
#zone_image .zone_text h2 .green{
	color:#b0f60d;	
}
	
#zone_image .zone_text h3{
	color:#fff;
	font-size:95%;
	margin:0px;
}
#zone_image .zone_text h4{
	color:#1cfbf8;
	font-size:79%;
	margin:0px;
}

#conteneur {
	height:100%;
	background: url("../images/content/bg_conteneur.gif") repeat-y center top;
	float:left;
	margin-top:10px;
	width:990px;
}

#conteneur_deux_col{
	height:100%;
	background: url("../images/content/bg_conteneur_2_col.gif") repeat-y center top;
	float:left;
	margin-top:10px;
	width:990px;
}

.col_gauche{
	width:251px;	
	float:left;
	margin-top:0px;
}

.col_centre{
	margin-left:15px;
	margin-top:0px;
	width:520px;
	float:left;	
}



.col_centre.deux_col{
	width:720px;
}

.col_droite{
	width:200px;
	float:left;
	margin-top:0px;	
}


/***************************************************************
****************** FOOTER ************************************
**************************************************************/
#footer {
	background: url(../images/content/bg_footer.jpg) repeat-y center top;
	color: #C8C8C8;
	font-size: 82%;
	height:25px;
	padding-top:8px;
	margin-top:20px;
	
}

#footer ul {
margin:4px 0 0px 40px;
}

#footer ul li {
color:#fff;
display:inline;
padding:0 5px 0 0;
text-transform:uppercase;
font-size:80%;
}

#footer ul li a{
color:#fff;
}

/************************************************************************
********************* MENU DEROULANT ************************************
*************************************************************************/
#menu { 
	min-height:22px;
	height:auto;
	z-index:+999999;
	padding-left:5px;
}
#menu li {
	float: left;
	font-size: 12px;
	font-weight: normal;
	text-transform: uppercase;
	padding: 16px 16px;
	position: relative;
	min-height:22px;
	height:auto;
	
}
#menu li a {
	color: #fff;
}
#menu ul li:hover {
	display:block;
}
#menu ul ul {
	position: absolute;
	width: 153px;
	display: none;
	
}
#menu ul li:hover ul , #menu ul li.sfhover ul{
	display:block;
	top: 45px;
	left: 10px;
	_top: 48px;
	z-index:+999999;
}
#menu li ul li{
	background: #0756a2;
	font-size: 85%;
	float: none;
	border: 1px solid #fff;
	padding: 5px 0 5px 6px;
	min-height:1px;
	height:auto;
}
#menu li:hover li , #menu li.sfhover li{
	background: #0756a2;
	font-size: 85%;
	float: none;
	border: 1px solid #fff;
	padding: 5px 0 5px 6px;
	position:relative;
	z-index:+999999;
}
#menu li.encour{
	background:transparent url(../images/content/trait_bleu_rubrique_encours.gif) repeat-x scroll 0 0;
	color:#0756A2;
	display:block;
	font-size:78%;
	margin:0;
	text-transform:uppercase;
}
#bandeau_top_menu .bandeau_menu_bleu #menu ul li {
	color:#FFFFFF;
	font-size:78%;
	text-transform:uppercase;
}
#bandeau_top_menu .bandeau_menu_bleu #menu ul ul li a:link, #bandeau_top_menu .bandeau_menu_bleu #menu ul ul li a:visited {
	color:#FFFFFF;
}