/*---------------------------------------------------------------- BANNIERE GENERALE + MENUS ------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------------------------------------------------*/

#banniere{
	width:100%;
	height:80px;
	position:fixed;
	top:0px;
	left:0px;
	z-index:21;
}


#bandeau{
	width:100%;
	height:50px;
	background-image:url(../image/bg_blackSpecial_333333.png);
	-webkit-box-shadow: 0 2px 6px rgba(0,0,0,0.5);
	-moz-box-shadow: 0 2px 6px rgba(0,0,0,0.5);
	box-shadow: 0 2px 6px rgba(0,0,0,0.5);
	}



#slogan{
	color:#fff;
	font-size:0.8em;
	text-transform:uppercase;
	font-weight:100;
	position:absolute;
	white-space:nowrap;
	left:130px;
	top:15px;
	letter-spacing:0.1em;
	}


@font-face {
    font-family: titre_font;
    src: url(../image/concours_coeur/NeoSansStd-Medium.otf);
	}

#slogan_new_police{
	color:#fff;
	font-size:1em;
	text-transform:uppercase;
	font-family:titre_font;
	font-style:italic;
	font-weight:lighter;
	position:absolute;
	white-space:nowrap;
	left:130px;
	top:15px;
	letter-spacing:0em;
}

#logo_general{
	position:relative;
	top:5px;
	left:5px;
	display:block;
	border-right:1px solid #ccc;
	width:110px;
	}


/*--------------------------------------------------------------------------------------------------------------------------------------------------------------*/


#menu_outils{
	position:absolute;
	height:50px;
	top:0px;
	right:0px;
	z-index:4;
}

.menu_outils_btn{
	width:50px;
	height:50px;
	display:inline-block;
	background-image:url(../image/menu_outils.png);
	background-repeat:no-repeat;
	padding:0px;
	margin:0px;
	border-left:1px solid #666;
	margin-left:-4px;

	}


.outils_recherche{background-position:0px 0px;}
.outils_news{background-position:-50px 0px;}
.outils_agenda{background-position:-100px 0px;}
.outils_video{background-position:-150px 0px;}
.outils_emploi{background-position:-200px 0px;}
.outils_liens{background-position:-250px 0px;}
.outils_documents{background-position:-300px 0px;}
.outils_facebook{background-position:-350px 0px;}
.outils_twitter{background-position:-400px 0px;}


/*--------------------------------------------------------------------------------------------------------------------------------------------------------------*/

#recherche{
	width:300px;
	height:60px;
	position:fixed;
	z-index:20;
	right:-300px;
	top:90px;
	padding:5px;
	background-color:#555;
	padding-top:15px;
	-moz-box-sizing:border-box;
  	-webkit-box-sizing:border-box;
	box-sizing:border-box;

	-webkit-box-shadow: 0 2px 6px rgba(0,0,0,0.5);
	-moz-box-shadow: 0 2px 6px rgba(0,0,0,0.5);
	box-shadow: 0 2px 6px rgba(0,0,0,0.5);
}


#recherche_rapide{

	display:block;
	width:96%;
	margin-left:2%;
	height:30px;
	border-radius:2px;
	border:2px solid #ccc;
	box-sizing:border-box;
  	-moz-box-sizing:border-box;
  	-webkit-box-sizing:border-box;
	font-size:1.2em;
	font-weight:bold;
	color:#555;
	padding-right:30px;

}

#recherche_rapide_btn{

	display:block;
	width:24px;
	height:24px;
	position:absolute;
	background-image:url(../image/outils_recherche_submit.png);
	background-repeat:no-repeat;
	margin-top:-28px;
	right:2%;
	margin-right:8px;
	border:none;
	background-color:transparent;
	cursor:pointer;
	border-left:1px solid #ccc;
}


#recherche_rapide_btn:hover{
	background-image:url(../image/outils_recherche_submit_over.png);
	}



/*--------------------------------------------------------------------------------------------------------------------------------------------------------------*/


#menu_container{
	position:fixed;
	padding:0px;
	height:40px;
	top:50px;
	background-image:url(../image/bg_blackSpecial_222222.png);
	width:100%;
	left:0px;
	-webkit-box-shadow: 0 2px 6px rgba(0,0,0,0.5);
	-moz-box-shadow: 0 2px 6px rgba(0,0,0,0.5);
	box-shadow: 0 2px 6px rgba(0,0,0,0.5);
	}


#menu .menu_color{
	position:absolute;
	width:100%;
	height:5px;
	}

#menu .item{
	margin-left:-1px;
	margin-right:-1px;

	position:relative;
	z-index:2;
	font-size:0.65em;
	height:40px;

	display:inline-block;

	}

/*Hack ie7*/
*+html #menu .item{
	width:100px;
	float:left;
	}

#menu .item .links{

	padding-left:5px;
	padding-right:5px;
	padding-top:15px;
	color:#fff;
	font-weight:normal;
	text-transform:uppercase;
	display:block;
	width:100%;
	height:100%;
	position:relative;
	white-space:nowrap;
	-moz-box-sizing:border-box;
  	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	}


.menu_n2{

	position:fixed;
	top:0px;
	display:block;
	top:-500px;
	margin:0px;
	padding:0px;
	padding-top:5px;
	background-image:url(../image/no_bg.png);



	}

.menu_n2 .item_n2{
	list-style:none;
	height:20px;
	margin-top:1px;
	-webkit-box-shadow: 0 2px 10px rgba(0,0,0,0.4);
	-moz-box-shadow: 0 2px 10px rgba(0,0,0,0.4);
	box-shadow: 0 2px 10px rgba(0,0,0,0.4);
	box-sizing:border-box;
  	-moz-box-sizing:border-box;
  	-webkit-box-sizing:border-box;
	text-align:left;
	height:30px;


	}

.menu_n2 .item_n2 a{
	color:#fff;
	font-weight:normal;
	font-size:1em;
	text-transform:uppercase;
	display:block;

	height:100%;

	box-sizing:border-box;
  	-moz-box-sizing:border-box;
  	-webkit-box-sizing:border-box;

	padding-left:5px;
	padding-right:5px;
	padding-top:9px;



	}

.menu_n2 .item_n2 a:hover{
	background-color:#fff;
	color:#333;
	}
























/*---------------------------------------------------------------- BREADCRUMB ------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------------------------------------------------*/

#breadcrumb{

	position:relative;
	width:96%;
	left:2%;
	padding-left:10px;
	padding-top:10px;

	height:40px;
	box-sizing:border-box;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
  border-bottom:1px solid #ccc;
  margin-bottom:10px;

}

.breadcrumb_item{

	color:#fff;
	font-size:0.8em;
	font-weight:200;
	text-transform:uppercase;

	-webkit-box-shadow: 0 2px 10px rgba(0,0,0,0.4);
	-moz-box-shadow: 0 2px 10px rgba(0,0,0,0.4);
	box-shadow: 0 2px 10px rgba(0,0,0,0.4);
	z-index:4;
	background-color:#333;
	margin-left:3px;
	margin-right:3px;
	margin-top:5px;
	padding:4px;

}


.breadcrumb_item:hover{
	background-color:#fff !important;
	color:#333;

	}





/*---------------------------------------------------------------- MENU GAUCHE ------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------------------------------------------------*/

#page_menu_gauche{
	width:20%;
	vertical-align:top;
	padding:0px;
	border-spacing:0px;
	border-right:1px solid #ccc;

}

#page_menu_gauche a{
	list-style:none;
	color:#fff;
	font-weight:400;
	display:block;
	padding:3px;
	padding-left:5px;
	font-size:0.8em;
	margin-top:5px;
	position:relative;
	margin-right:10px;
	-webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.2);
	-moz-box-shadow: 0 1px 5px rgba(0,0,0,0.2);
	box-shadow: 0 1px 5px rgba(0,0,0,0.2);
}

#page_menu_gauche a:hover{
	color:#333 !important;
	background-color:#fff !important;
}

#page_menu_gauche .menu_gauche_hover{
	color:#333 !important;
	background-color:#fff !important;
}



#page_menu_gauche ul{
	margin:0px;
	padding:0px;
	list-style:none;
}

.menu_gauche_n1{
	margin-left:15px;
}

.menu_gauche_btn_niveau_1{
	margin-left:2px
}

.menu_gauche_n2{
	margin-left:25px;
}

.menu_gauche_btn_niveau_2{
	margin-left:12px
}

.menu_gauche_n3{
	margin-left:35px;
}

.menu_gauche_btn_niveau_3{
	margin-left:22px
}

.menu_gauche_n4{
	margin-left:45px;
}

.menu_gauche_btn_niveau_4{
	margin-left:32px
}







/*---------------------------------------------------------------- CONTAINER ------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------------------------------------------------*/

.module_container{
	vertical-align:top;
	table-layout:fixed;
	width:100%;
	height:100%;
	border-spacing:0px;
	padding:0px;
	margin-bottom:20px;
	}


.module_box {
	height:100%;
	vertical-align:top;

}

.module_page{
	table-layout:fixed;
	width:96%;
	position:relative;
	left:1%;
	border-spacing:0px;
	padding:0px;
	}

.module_page td{
	vertical-align:top;
	}


.module_contenu{
	width:96%;
	position:relative;
	padding:0px;
	border-spacing:0px;
	left:2%;
}

.module_contenu td{
	vertical-align:top;
}

.module_outils{
	height:100%;
	vertical-align:top;
	border-left:1px solid #ccc;
}



/*---------------------------------------------------------------- TEMPLATE PAGE ------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------------------------------------------------*/

.template_gen{
	position:relative;
	vertical-align:top;
	padding:0px;
	border-spacing:0px;
	margin:0px;
	table-layout:fixed;
	width:98%;
	left:1%;
	}

.template_colonne{
	padding-left:1%;
	padding-right:1%;
	vertical-align:top;
	box-sizing:border-box;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
}








/*---------------------------------------------------------------- OUTILS -----------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.outils{
	position:relative;
	width:96%;
	margin-left:2%;
	padding:3px;
	box-sizing:border-box;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
  margin-top:10px;

  border-bottom:1px solid #ccc;
  padding-bottom:20px;
}

.outils_titre{
	color:#333;
	position:relative;
	font-size:0.8em;
	letter-spacing:0.1em;
	font-weight:200;
	text-transform:uppercase;
	width:100%;
	margin-bottom:10px;
}


/*---------------------------------------------------------------- outils liste -----------------------------------------------------------------------------------*/

.outils_liste{
	position:relative;
	width:94%;
	left:3%;
	 margin-top:5px;
	 margin-bottom:15px;
	box-sizing:border-box;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
  border-bottom:1px solid #ccc;
  background-color:#ededed;
  border:1px solid #999;
  padding:6px;

  -webkit-box-shadow: 0 2px 6px rgba(0,0,0,0.4);
	-moz-box-shadow: 0 2px 6px rgba(0,0,0,0.4);
	box-shadow: 0 2px 6px rgba(0,0,0,0.4);
  padding-bottom:50px;

	}

.outils_ombre{
	display:none;
	position:absolute;
	width:100%;
	height:15px;
	background-image:url(../image/outils_liste_ombre.png);
	bottom:0px;


	}

.outils_liste_titre{
	box-sizing:border-box;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
	height:50px;
	padding-top:20px;
	padding-left:45px;
	position:relative;
	font-size:0.7em;
	letter-spacing:0.1em;
	font-weight:bold;
	text-transform:uppercase;
	width:100%;
	color:#666;


	}

.outils_liste_titre  img{
	position:absolute;
	top:0px;
	left:0px;
}

.outils_liste_container{
	position:relative;
	width:96%;
	left:2%;
	margin-top:5px;
	text-align:center;
	}

.outils_liste_item{
	width:100%;
	margin-top:0px;
	display:block;
	min-height:50px;
	text-align:left;

	box-sizing:border-box;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  padding-top:5px;
  padding-bottom:5px;
  border-bottom:1px solid #ccc;
}



.outils_liste_item table{

	width:100%;
	padding:0px;
	border-spacing:0px;
	table-layout:fixed;


	}

.outils_liste_item table td{
	vertical-align:top;
	}

.outils_liste_item .thumb_case{
	width:60px;

	}



.outils_liste_item .couleur{
	position:absolute;
	height:40px;
	width:3px;
	}

.outils_liste_item .thumb{
	width:40px;
	height:40px;
	position:relative;
	overflow:hidden;
	margin-left:10px;
}

.outils_liste_item .thumb img{
	height:40px;
}

.outils_liste_item .titre{
	color:#666;
	font-size:0.7em;
	width:96%;
	left:2%;
	position:relative;
	font-weight:normal;
}



.outils_liste_item .description{
	display:none;
	font-size:0.7em;
	width:96%;
	left:2%;
	position:relative;
}


.outils_liste .plus{
	position:absolute;
	right:0px;
	bottom:0px;
	font-size:1.6em;
	font-weight:bold;
	width:40px;
	height:40px;
	text-align:right;
	padding-right:3px;
	padding-top:13px;
	color:#fff;
	background-image:url(../image/grille_item_plus.png);
	background-position:top left;
	background-repeat:no-repeat;
	z-index:2;
	-moz-box-sizing:border-box;
  	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	line-height:0.8em;

	}
.outils_liste .plus:hover{
		background-image:url(../image/grille_item_plus_hover.png);
		color:#333;
	}


	.outils_voir_plus{
	display:block;
	border:1px solid #333;
	width:50px;
	height:50px;
	text-align:center;
	}


/*---------------------------------------------------------------- outils input -----------------------------------------------------------------------------------*/





.recherche_titre{
	font-size:0.8em;
	font-weight:200;
	margin-bottom:1px;
	margin-top:10px;
	color:#333;
	padding-bottom:5px;
	border-bottom:1px solid #666;
	margin-bottom:10px;

	}


.filtres_rech_clos{
	position:absolute;
	right:0px;
	top:2px;
	width:20px;
	height:20px;
	cursor:pointer;
	background-image:url(../image/pictos_20_fff.png);
	background-repeat:no-repeat;
	background-position:-320px 0px;
	border-left:1px solid #fff;
	}

.filtres_rech{
	position:relative;
	width:98%;
	margin:1%;

	box-sizing:border-box;
  	-moz-box-sizing:border-box;
  	-webkit-box-sizing:border-box;
	padding:5px;

}








#recherche_box{
	width:96%;
	left:2%;
	position:relative;



	}

#recherche_menu{

	height:50px;
	position:relative;
	overflow:hidden;
	padding-left:41%;
	box-sizing:border-box;
  	-moz-box-sizing:border-box;
  	-webkit-box-sizing:border-box;
}




#recherche_input{
	position:absolute;
	width:40%;
	height:40px;
	border-radius:2px;
	border:2px solid #ccc;
	box-sizing:border-box;
  	-moz-box-sizing:border-box;
  	-webkit-box-sizing:border-box;
	font-size:1.2em;
	font-weight:bold;
	color:#ccc;
	top:5px;
	left:5px;
	}


#recherche_f_btn{
	display:inline-block;
	border-right:1px solid #ccc;
	color:#666;
	font-size:0.9em;

	font-weight:200;
	height:40px;
	position:relative;
	top:5px;
	padding-right:30px;
	padding-top:10px;
	padding-left:5px;
	-moz-box-sizing:border-box;
  	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	}

#recherche_f_btn .picto_20{
	display:inline-block;
	position:absolute;
	right:5px;
}

#recherche_f_btn .picto_20:hover{
	background-image:url(../image/pictos_20_333.png) !important;
}



#recherche_submit{
	position:absolute;
	right:0px;
	background-color:#333;
	display:inline-block;
	text-align:center;
	text-transform:uppercase;
	margin:5px;
	border-radius:2px;
	border:none;
	color:#fff;
	padding:8px;
	font-size:0.7em;
	cursor:pointer;
}


#recherche_message{
	position:absolute;
	width:350px;
	background-color:#fff;
	padding:5px;
	color:#C10000;
	z-index:20;
	-webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.5);
	-moz-box-shadow: 0 2px 2px rgba(0,0,0,0.5);
	box-shadow: 0 2px 2px rgba(0,0,0,0.5);
	font-size:0.8em;
	text-align:center;
	}

#recherche_submit:hover{
	background-color:#fff;
	color:#333;
}




#recherche_f_container{
	display:none;
	}

.recherche_f_box{
	opacity:0;
	margin-top:10px;
	padding-top:10px;
	border-top:1px solid #ccc;
  	-moz-box-sizing:border-box;
  	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	padding-left:15%;

	}

.recherche_f_box .titre{
	position:absolute;
	right:86%;
	background-color:#ccc;
	padding:5px;
	color:#333;
	border-radius:2px;
	font-size:0.8em;
	font-weight:normal;
	}







.recherche_f_box .filtres_rech_item{
	cursor:pointer;
	display:inline-block;
	font-size:0.8em;
	font-weight:normal;
	box-sizing:border-box;
  	-moz-box-sizing:border-box;
  	-webkit-box-sizing:border-box;
	padding:3px;
	padding-left:20px;
	margin:1px;
	margin:2px;
	color:#666;
	position:relative;
	border-radius:2px;

}

.recherche_f_box .filtres_rech_item .case{
	position:absolute;
	left:5px;
	top:5px;
	width:10px;
	height:10px;
	border:1px solid #666;
	text-align:center;

	font-weight:bold;
	line-height:1.2em;
}

.recherche_f_box .filtres_rech_item .case img{
	position:absolute;
	top:1px;
	left:1px;
	width:8px;
}

.recherche_f_box .filtres_rech_item span{
	display:none;
}






#rapport_msg{
	position:relative;
	width:96%;
	left:2%;
	margin-top:10px;
	padding-top:10px;
	border-top:1px solid #ccc;
	font-size:0.8em;
	font-weight:200;
	margin-bottom:10px;
	color:#666;

	}

#rapport_msg .entree{
	color:#333 !important;

	}

#rapport_msg span{
	font-weight:bold;
	font-size:1em;
	font-weight:bold;
	}













/*---------------------------------------------------------------- outils input -----------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------*/


#mois_nav{
	width:100%;
	padding:5px;
	 margin-top:10px;
	  border-radius:3px;

	}

#mois_nav .cases_fleches{
	width:20%;
	position:relative;
	cursor:pointer;
}



#mois_nav .titre{
	position:relative;
	text-align:center;
	font-size:0.8em;
	font-weight:bold;
	text-transform:uppercase;
	width:100%;
	color:#333;
}






/*---------------------------------------------------------------- FOOTER -----------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------------------------------------------------*/
#footer{
	position:relative;
	width:100%;
	z-index:5;
	background-image:url(../image/bg_blackSpecial_222222.png);
	box-sizing:border-box;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;

  -webkit-box-shadow: 0 -2px 6px rgba(0,0,0,0.5);
	-moz-box-shadow: 0 -2px 6px rgba(0,0,0,0.5);
	box-shadow: 0 -2px 6px rgba(0,0,0,0.5);



	}

#footer_container{
	position:relative;

	}

#footer_container td{
	vertical-align:top;

	}





#footer_plan{
	width:96%;
	position:relative;
	left:2%;

	}



#footer_plan .footer_plan_item{
	margin-top:10px;

	display:block;




	}

#footer_plan .plan_couleur{
	display:none;
	position:absolute;
	width:2px;
	height:60px;
	margin-top:25px;
	margin-left:5px;


	}

#footer_plan .titre{
	display:inline-block;
	margin-bottom:2px;
	padding:5px;
	padding-bottom:2px;
	font-size:0.6em;
	font-weight:200;
	text-transform:uppercase;
	color:#fff;
	}

#footer_plan .titre:hover{
	background-color:#fff;
	color:#333;
}



.plan_item_box{

	border-left:2px solid ;
	margin-left:10px;
	}



#footer_plan .plan_item{


	padding-left:5px;
	padding-bottom:2px;
	}

#footer_plan .plan_item a{

	font-size:0.6em;
	font-weight:200;
	color:#ccc;

	}

#footer_plan .plan_item a:hover{
	background-color:#fff;
	color:#333;
}


#footer_contact{
	width:96%;
	left:2%;
	position:relative;
	border-left:1px solid #666;
	}






#footer_mentions{
	position:relative;
	left:2%;
	width:96%;
	padding-top:8px;
	padding-bottom:3px;
	border-top:1px solid #666;
	margin-top:10px;
	}





#footer_logo{
	float:left;

	height:30px;
	border-right:1px solid #666;
	padding-right:10px;
	}

#footer_logo img{
	height:30px;
	}






#footer_mentions .links{
	box-sizing:border-box;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
	height:30px;
	display:inline-block;
	color:#fff;
	font-size:0.6em;
	font-weight:200;
	text-transform:uppercase;
	border-left:1px solid #666;
	padding:5px;
	padding-top:8px;

	}

#footer_mentions .links:hover{
	background-color:#fff;
	color:#333;
	}

#footer_mentions .copyright{
	box-sizing:border-box;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
	display:inline-block;
	height:30px;
	color:#fff;
	font-size:0.7em;
	font-weight:200;
	padding:5px;
	border-left:1px solid #666;
	}

#footer_mentions .coordonnee{
	box-sizing:border-box;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
	display:inline-block;
	height:30px;
	color:#fff;
	font-size:0.7em;
	font-weight:200;
	padding:5px;
	border-left:1px solid #666;
	}

#footer_mentions a{
	color:#fff;
	font-size:1.1em;
	font-weight:200;
	}

#footer_mentions .footer_image{
	height:30px;
	float:right;
	width:30px;

	}

#footer_mentions .footer_image img{
	height:30px;
	width:30px;


	}