body, html {
	margin: 0;
	padding: 0;
	width:100%;
}
html {
	font-family:'Muli', Verdana, Arial, Helvetica, sans-serif;
}
div#global {
	position:relative;
	height:100%;
}
div#global .general_content {
	width:92%;
	padding:0 4%;
}
.noborder {	border:0px;}
.bleu_fonce {color:#0d284e;}
.bleu_clair {color:#04adcd;}
.blanc {color:#FFF;}
.gris {color:#686868;}
.bold {font-weight:bold;}

/****************************** TOP ***********************************/
header {
	width:100%;
	border-bottom:1px solid #b9c3cd;
	z-index:102;
}

div#header_top {
	width:100%;
	overflow:hidden;
	background:#e6e6e6;
}
div#header_language, div#header_coord, div#header_social {
	background:url(../img/public/top_picto_sep.png) left repeat-y;
	padding:0 30px;
	margin:7px 0;
	height:26px;
	z-index:100;
}

/* LOGO */
div#header_logo {
	position:absolute;
	z-index:98;
	/*top:56px;
	left:10%;*/
	margin:56px 0 0 7%;
	display:table;
}

header.header_scroll {position:fixed;background:#FFF;}
header.header_scroll div#header_logo {width:120px;margin:10px 0 0 7%;}
header.header_scroll div#header_logo img {width:100%;}


/* SOCIAL MEDIA */
div#header_social {
	position:relative;
	float:right;
}
p.header_social_img {
	float:left;
	width:26px;
	height:26px;
	margin: 0 14px 0 0;
	padding:0;
}
p.header_social_img img {	
	filter: grayscale(1);
	-webkit-filter: grayscale(1); /* Safari 6.0 - 9.0 */
	-moz-filter: grayscale(1);
    -o-filter: grayscale(1);
    -ms-filter: grayscale(1);
}
p.header_social_img img:hover {
	filter: grayscale(0);
	-webkit-filter: grayscale(0); /* Safari 6.0 - 9.0 */
	-moz-filter: grayscale(0);
    -o-filter: grayscale(0);
    -ms-filter: grayscale(0);
}

/* COORDONNEES */
div#header_coord {
	position:relative;
	float:right;	
}
div#header_coord p {
	position:relative;
	float:left;	
	margin: 0 15px 0 0;
	padding:0 0 0 35px;
	height:26px;
	font-size:0.8em;
	line-height:26px;
	color:#939393;
}
div#header_coord a {color:inherit; text-decoration:none;}
p.header_coord_adresse {
	background:url(../img/public/top_picto_coord_hover.png) left center no-repeat;
}
p.header_coord_tel {
	background:url(../img/public/top_picto_tel_hover.png) left center no-repeat;
}
p.header_coord_mail {
	background:url(../img/public/top_picto_mail_hover.png) left center no-repeat;
}


/* LANGUES */
div#header_language {
	position:relative;
	float:right;
	padding:0 0 0 30px;
}
div#header_language p {
	position:relative;
	float:left;	
	margin: 5px 15px 0 0;
	padding:0;
}


/******************************** MENU RESPONSIVE *************************************/
div#header_responsive {display:none;}
.menu_item {
	margin: 0;
    position: absolute;
	color:#000;
}

/**************************************************************************************/

/********************************** MIDDLE ********************************************/

div#middle {
	overflow:hidden;
	background:#f5f5f5;
}


/* FIL D'ARIANE */

div#ariane {
	position:relative;
	width:63%;
	background:#04adcd;
	padding:20px 4% 20px 33%;
	font-style:italic;
}
div#ariane a { text-decoration:none; padding:0 15px 0 0;margin:0 5px 0 0; background:url(../img/public/ariane_sep.png) center right no-repeat;}
div#ariane a.end_ariane {background:none;}

/**************************************************************************************/
.bloc_titre, h1.bloc_titre {font-size:2em;}
.bloc_sstitre, h2.bloc_sstitre {font-size:1.6em;}


/* BOTTOM BLOG */

div#bottom_blog{
	position:relative;
	width:100%;
	overflow:hidden;
	background:url(../img/public/bottom_blog_img.jpg) top center no-repeat;
}
div#bottom_blog_cadre {
	width:100%;
	height:100%;
	background:url(../img/public/bottom_blog_fond_bleu.png) center repeat;
	padding:0 0 30px 0;
}

div#bottom_blog_top {
	position:relative;
	width:100%;
	text-align:right;
	padding:15px 0;
}
div#bottom_blog_title {
	color:#FFF;
	text-transform:uppercase;
}
div#bottom_blog_sstitle {
	font-style:italic;
}

div#bottom_blog_bottom {
	position:relative;
	width:100%;
	overflow:hidden;
}


/* liste des tags articles */
div#bottom_blog_tag {
	float:left;
	width:49.8%;
	border-right:1px solid #FFF;
	padding:0 0 35px 0;
}
.bottom_blog_tag_title {
	color:#FFF;
	font-weight:bold;
	margin:30px 0 30px 0; padding:0;
}

.bottom_blog_tag_item {
	background:url(../img/public/blog_liste_tag_puce.png) center left no-repeat;
	text-indent:25px;
	color:#FFF;
	font-size:1.2em;
	margin:10px 0; padding:0;
}
.bottom_blog_tag_item a {text-decoration:none; color:inherit;}

.bottom_blog_all_article {
	width:auto;
	font-size:1.5em;
	font-style:italic;
	display:table;
	margin:50px 0 30px 0;
}
.bottom_blog_all_article a {	
	padding:25px 105px 25px 15px;
	-moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
	text-decoration:none; color:inherit;
	background:#FFF url(../img/public/picto_plus_bleu_marge.png) right no-repeat;
}
.bottom_blog_all_article :hover {
	background:#04adcd url(../img/public/picto_plus_bleu_marge_hover.png) right no-repeat;
	color:#FFF;
}


/* liste des derniers articles */
div#bottom_blog_article {
	float:right;
	width:46%;
	margin:10px 0 0 4%;
}

.bottom_blog_article_cadre {
	width:98%;
	overflow:hidden;
	margin: 0 0 30px 0;
	padding:1%;
	background:#FFF;
}

.bottom_blog_article_vignette {
	overflow:hidden;
	max-height:120px;
	float:left;
	margin:0 25px 0 0;
}
.bottom_blog_article_vignette img { height:100%;max-height:120px;}


.bottom_blog_article_cadre a {
	text-decoration:none;
	color:inherit;	
}

p.bottom_blog_article_title {
	font-size:1.5em;
	margin:0 0 5px 0; padding:0;
}
.bottom_blog_article_contenu {
	color:#333333;
	font-size:0.8em;
}
.bottom_blog_article_plus {
	overflow:hidden;
	margin:15px 0 0 0;
}
.bottom_blog_article_date {
	float:left;
	margin:0 25px 0 0; padding:0 0 0 30px;
	background:url(../img/public/blog_picto_date.png) center left no-repeat;
}
.bottom_blog_article_tag {
	float:left;
	margin:0; padding:0 0 0 30px;
	background:url(../img/public/blog_picto_tag.png) center left no-repeat;
}

.bottom_blog_article_tag a:hover {color:#0d284e;}
.bottom_blog_article_cadre:hover {background:#f4f4f4;}



/* BOTTOM FINANCEMENT */
div#bottom_financement {
	position:relative;
}
div#if_title {
	font-weight:bold;
	margin:30px 0 10px 0; padding:0;
}	
div#if_sstitle {
	font-style:italic;
}
div#if_content {
	position:relative;
	overflow:hidden;
	margin:20px 0 0 0;
}
.if_item {
	position:relative;
	float:left;
	/*width:22.8%;*/
	width:30.8%;
	margin:15px 0 15px 1%;
	padding:0 1% 0 0;
	color:#202021;
}
.if_item_logo {width:24%; float:left; margin:0 1% 0 0;}
.if_item_logo img {max-width:88px;width:100%}
.if_item_texte{ float:left; margin:0; width:75%;}
.if_item_nom {font-size:1.1em; font-weight:bold;}
.if_item_desc {font-size:0.7em;}

div#if_item1, div#if_item2, div#if_item3 {
	border-right:1px solid #333333;
}

div#bottom_financement_plus {
	background:#2c2d2f;
	font-size:1.6em;
	color:#FFF;
}
div#bottom_financement_plus p {
	margin:0 auto; padding:25px 100px 25px 0;
	display:table;
	background:url(../img/public/picto_plus_blanc.png) center right no-repeat;
}
a.bottom_financement_plus_lien { text-decoration:none; color:inherit; display:table; width:100%; height:100%; font-style:italic;}

div#bottom_financement_plus:hover { background:#04adcd;}


/* GOOGLE MAP */
div#gm_infobulle {
	text-align:center;
}
p.gm_nom {margin:0 0 5px 0;}
p.gm_coord {font-size:0.8em;margin:2px 0;}


/********************************* FOOTER ******************************/
footer {background:#e5e5e5;padding:10px 0;text-align:center;font-size:0.8em;margin:0;}
div#footer_content a {color:inherit;text-decoration:none;}

/****************************** SOCIAL MEDIA ***************************/
div#social_media_fixed {
	position:fixed;
	height:auto;
	width:100%;
	top:160px;
	left:0;
	padding:0;
	max-width:50px;
	border-top:3px solid #FFF;
	border-right:3px solid #FFF;
	border-bottom:3px solid #FFF;
	z-index:102;
}
.social_media_btn {
	width:50px;
	height:50px;
	margin:0; padding:0;
}
.social_media_btn a {width:100%; height:100%; display:block;}

div#btn_fb {background:url(../img/public/module_social_fb.png) center no-repeat;}
div#btn_tw {background:url(../img/public/module_social_twitter.png) center no-repeat;}
div#btn_gp {background:url(../img/public/module_social_gplus.png) center no-repeat;}
div#btn_in {background:url(../img/public/module_social_linkedin.png) center no-repeat;}
div#btn_vd {background:url(../img/public/module_social_viadeo.png) center no-repeat;}
div#btn_yt {background:url(../img/public/module_social_yt.png) center no-repeat;}
div#btn_tel {background:url(../img/public/module_social_tel.png) center no-repeat;}
div#btn_mail {background:url(../img/public/module_social_mail.png) center no-repeat;}


.social_media_btn a:hover {background:url(../img/public/transparent_blanc.png) repeat;}
/*Menu*/
div#menu{
	position:relative;
	width:100%;
	background:#FFF;
	display:table;
	margin:0;
}
div#menu ul, div#menu li { list-style:none;}
ul.menu_list{
	position:relative;
	float:right;
	margin:30px 0;
	padding:0;
}
ul.menu_list li{
	position:relative;
	list-style:none;
	float:left;
	font-size:0.9em;
	text-transform:uppercase;
}
ul.menu_list ul{
	position:relative;
	display:none;
	padding:0;
	margin:-1px 0 0 0;
}
ul.menu_list li.niveau1 {
	border-left:1px solid #002d61;
}
ul.menu_list li.menu-1 {
	border-left:0;
}

ul.menu_list li.niveau1 a{
	text-decoration:none;
	color:#002e62;
	display:block;
}

ul.menu_list li.niveau1 a{
	padding:8px 30px;
}
ul.menu_list li.niveau2 a{
	padding:8px 10px 8px 2px;
	color:#002e62;
}
ul.menu_list li:hover{
	background:#04adcd;
}
ul.menu_list li:hover a{
	color:#FFF;
	width:100%;
	height:100%;
}
ul.menu_list li:hover ul{
	position:absolute;
	background:#FFF;
	top:35px;
	display:inline-block;
	z-index:200;
}
ul.menu_list li:hover ul li{
	float:left;
	font-size:0.9em;
	padding:0 10px;
	width:auto;
	min-width: 190px;
	border-top:1px solid #FFF;
	border-left:1px solid #002d61;
	margin:0 0 0 -1px;
}
ul.menu_list li:hover ul li:hover{
	background:#f5f5f5;
}
ul.menu_list li:hover ul li a { color:#002d61;}
ul.menu_list li:hover ul li a:hover{
	color:#04adcd;
}


/************************* MENU RESPONSIVE ***************************/

#header_coord_r {
	padding:0 10px 15px 20px;
	margin:15px 0 0 0;
}
#header_coord_r p { padding:5px 0 5px 40px;margin:5px 0;}
#header_coord_r a { color:inherit; text-decoration:none;}
#header_social_r {
	overflow:hidden;
	padding:0 10px 15px 20px;
	margin:15px 0;
}

.menu_list_r .mm-navbar.menu_r_titre {
	padding:0 10px !important;
	border-bottom-style:none;
	font-size:1.15em;
}