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;
}
	

h1.bloc_titre {
	margin:0;
	padding:0 0 5px 0;
	font-size:2em;
	font-weight:bold;
	text-transform:uppercase;
}
h2.bloc_sstitre {
	margin:0;
	padding:0 0 5px 0;
	font-size:1.6em;
	font-weight:100;
	font-style:italic;
}
.bleu_fonce {color:#0d284e;}
.bleu_clair {color:#1ca4bc;}

.encart ul {
	margin:0;
	padding:0;
}
.encart ul ul, .encart ul li ul {
	margin:0 0 0 24px;
	padding:0;
}
.encart li {
	background:url(../img/public/puce_li.png) no-repeat;
	text-indent: 22px;
	padding: 5px 0;
	list-style:none;
	overflow:hidden;
}
.encart li ul li, .encart li li, .encart ul ul li {
	background:url(../img/public/puce_li_ul_li.png) top left no-repeat;
	text-indent: 18px;
	padding: 5px 0;
	list-style:none;
	overflow:hidden;
}

.encart li p, .encart li ul li p {
	margin:0;
	padding:0;
}
table.contenu li p {
	margin:0;
	padding:0;
}
.encart-contenu table {
	border:none;
	/*border-top:1px solid #00a6ff;	
	border-right:1px solid #00a6ff;*/
	padding:0; margin:0;
	/*width:98%;*/
	text-align:left;
	-webkit-hyphens: auto;
  	-moz-hyphens: auto;
  	-ms-hyphens: auto;
  	-o-hyphens: auto;
  	hyphens: auto;
	word-wrap: break-word;
	table-layout: fixed;
	
}
.encart-contenu table td {
	/*border:none;
	border-bottom:1px solid #00a6ff;	
	border-left:1px solid #00a6ff;*/
	border:1px solid #ebebeb;
	padding:3px; margin:0;
}
ul.menu_list li.menu-1 {
	background:#04adcd;
}
ul.menu_list li.menu-1 a {
	color:#FFF;
}

/* ENCART INDEX */
div#index_encart {
	position:relative;
	width:100%;
	overflow:hidden;
}

.index_encart_cadre {
	position:relative;
	float:left;
	width:50%;
	overflow:hidden;
	max-height:600px;
}
.index_cadre_vignette {
	width:100%;
	overflow:hidden;
}
.index_cadre_vignette img { width:100%;max-height:540px;}

.index_cadre_texte {
	position:absolute;
	bottom:4px;
	padding:20px 8%;
	width:84%;
}
.encart_bleu {
	background:rgba(4,173,205,0.8);
}
.encart_noir {
	background:rgba(0,0,0,0.8);
}

.index_cadre_titre {font-size:1.8em;text-transform:uppercase;margin:0 0 5px 0;padding:0;}
.encart_bleu .index_cadre_titre {
	color:#010101;
}
.encart_noir .index_cadre_titre {
	color:#04adcd;
}
.index_cadre_sstitre {
	color:#FFF;
	font-size:1.7em;
	margin:0;padding:0;
	width:100%;
	height:30px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

/* options de survol */
.index_encart_cadre:hover .index_cadre_texte {background:rgba(255,255,255,0.8);}
.index_encart_cadre:hover .index_cadre_titre {color:#0d284e;}
.index_encart_cadre:hover .index_cadre_sstitre {color:#04adcd;}


/* MESSAGE PRESENTATION + PHOTO OU VIDEO */
div#index_presentation {
	overflow:hidden;
}

div#index_message, div#index_message_video, div#index_message_photo {
	position:relative;
	float:left;
}
div#index_message {
	width:46%;
	padding:40px 4% 40px 0;
}
div#index_message_content p {
    font-size: 0.9em;
}
div#index_message_title h1 {font-weight:bold;text-transform:uppercase;margin:0;padding:0;}

div#index_message_plus {width:100%;text-align:center;}
div#index_message_plus img {height:64px;width:65px;}

div#index_message a {color:inherit;text-decoration:none;}

div#index_message_video, div#index_message_photo {
	width:46%;
	padding:40px 0 40px 4%;
}

div#index_message_photo { max-height:400px; overflow:hidden;}
div#index_message_photo img { width:100%;}


.video_player {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}
.video_player iframe,
.video_player object,
.video_player embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}



/* BOTTOM MAP */

div#bottom_content {
	position:relative;
	overflow:hidden;
	margin:45px 0 45px 0;
}
/* google map */
div#map {
	width:64%;
	height:290px;
	float:left;
	border:1px solid #dcdcdc;
}
div#bottom_coord {
	float:right;
	width:34%;
	overflow:hidden;
}

div#bottom_coord_title {
	font-weight:bold;
	margin:0 0 10px 0; padding:0;
}	
div#bottom_coord_sstitle {
	font-style:italic;
}
div#bottom_coord_picto {
	width:100%;
	overflow:hidden;
	margin:45px 0 0 0;
}
.bottom_coord_item {
	float:left;
	width:48%;
	margin:0 1%;
	text-align:center;
}
.bottom_coord_item a { width:100%; height:100%; display:table; color:inherit; text-decoration:none;}
.bottom_coord_item:hover p {color:#04adcd;}
/*********************************************************************************************************/
/* inférieur à 1920px */
/*********************************************************************************************************/
@media screen and (max-width : 1919px) {


}
/*********************************************************************************************************/
/* inférieur à 1800px */
/*********************************************************************************************************/
@media screen and (max-width : 1800px) {
	
	div#bottom_blog_tag {width:42.8%;}
	div#bottom_blog_article {width:54%;margin:10px 0 0 3%;}
}

}
/*********************************************************************************************************/
/* inférieur à 1700px */
/*********************************************************************************************************/
@media screen and (max-width : 1750px) {


}

/*********************************************************************************************************/
/* inférieur à 1550px */
/*********************************************************************************************************/
@media screen and (max-width : 1650px) {

	div#header_logo {
		/*top:56px;
		left:5%;*/
		margin:56px 0 0 2%;
	}
	div#header_logo img {max-width:60%;}
	header.header_scroll div#header_logo {width:100px;margin:20px 0 0 6%;}
	header.header_scroll div#header_logo img {width:100%;max-width:none;}
	
	
	.bloc_titre, h1.bloc_titre {font-size:1.8em;}
	.bloc_sstitre, h2.bloc_sstitre {font-size:1.3em;}
	
	.bottom_blog_all_article {font-size:1.3em;}
}

/*********************************************************************************************************/
/* inférieur à 1450px */
/*********************************************************************************************************/
@media screen and (max-width : 1450px) {
	
	ul.menu_list li.niveau1 a{
		padding:8px 20px;
	}
	ul.menu_list li.niveau2 a{
		padding:8px 5px;
	}
	
	.bloc_titre, h1.bloc_titre {font-size:1.5em;}
	.bloc_sstitre, h2.bloc_sstitre {font-size:1.2em;}
	
	.bottom_blog_all_article {font-size:1.1em;}
	.bottom_blog_article_cadre {font-size:0.9em;}
	.bottom_blog_article_date, .bottom_blog_article_tag {padding:5px 0 5px 30px;}
	
}

/*********************************************************************************************************/
/* inférieur à 1280px */
/*********************************************************************************************************/
@media screen and (max-width : 1280px) {
	
	ul.menu_list li.niveau1 a {padding:8px 10px;}
	ul.menu_list li.niveau2 a {padding:8px 1px;}
	div#header_logo {
		/*top:56px;
		left:5%;*/
		margin:56px 0 0 1%;
	}
	header.header_scroll div#header_logo {width:80px;margin:47px 0 0 6%;}
	header.header_scroll div#header_logo img {width:100%;max-width:none;}
	
	div#social_media_fixed {border-top:2px solid #FFF;border-right:2px solid #FFF;border-bottom:2px solid #FFF;width:35px;}
	.social_media_btn {width:35px;height:35px;}
	div#social_media_fixed .social_media_btn {background-size:35px;}
	
}

/*********************************************************************************************************/
/* inférieur à 1200px */
/*********************************************************************************************************/
@media screen and (max-width : 1210px) {

	.bottom_blog_all_article {font-size:0.9em;}
	.bottom_blog_all_article a {background-size:15%;padding:15px 70px 15px 15px;}
	.bottom_blog_article_vignette img {max-height:80px;}
}


/*********************************************************************************************************/
/* inférieur à 1070px */
/*********************************************************************************************************/
@media screen and (max-width : 1090px) {
	
	ul.menu_list li.niveau1 a {padding:8px 8px;}
	ul.menu_list li.niveau2 a {padding:8px 1px;}
	
	div#header_logo img {max-width:45%;}
	ul.menu_list li {font-size:0.8em;}
	div#header_coord, div#header_social {padding:0 10px;}
	div#header_language {padding:0 0 0 10px;}
	
	div#if_item1, div#if_item2, div#if_item3 {border-right:1px solid #d7d7d7;}	
	.if_item {text-align:center;}
	.if_item_logo {width:100%; float:none; margin:0 0 10px 0; text-align:center;}
	.if_item_texte{ float:none; margin:0; width:100%;}
	.if_item_nom {font-size:0.8em;}
	
}
/*********************************************************************************************************/
/* inférieur à 959px */
/*********************************************************************************************************/
@media screen and (max-width : 959px) {
	
	div#global {background:#f5f5f5;}
	div#global .header_100 {background:#FFF;width:100%;padding:0;top:0;position:fixed;height:auto;z-index:100;border:1px solid #b9c3cd;}
	div#middle {margin:115px 0 0 0;}
	div#ariane {width:96%; padding:20px 2%; font-size:0.9em;}
	div#header_responsive {display:block;background:#FFF;}
	div#header_coord, div#header_social, div#header_bottom {display:none;}
	div#header_logo {
		position:relative;
		margin:5px auto;
		/*text-align:center;*/
		display:block;
		z-index:101;
		width:100px;
	}
	div#header_logo img {max-width:100px;}
	div#header_language {background:none;}
	
	header.header_scroll div#header_logo {width:30px;margin:5px auto;}
	header.header_scroll div#header_logo img {max-width:30px;}
	div#middle.header_scroll {margin:40px 0 0 0;}
	
	
	div#bottom_blog_tag {display:none;}
	div#bottom_blog_article {float:none;width:100%;margin:0;}
	div#bottom_blog_article {font-size:0.9em;}
	
	div#bottom_financement_plus {width:92%; padding:0 4%; font-size:1.2em;}
	
	div#social_media_fixed {display:none;}
	
}


/*********************************************************************************************************/
/* inférieur à 800px */
/*********************************************************************************************************/

@media screen and (max-width : 800px) {

	
}
/*********************************************************************************************************/
/* inférieur à 650px */
/*********************************************************************************************************/

@media screen and (max-width : 650px) {

}
/*********************************************************************************************************/
/* inférieur à 480px */
/*********************************************************************************************************/

@media screen and (max-width : 480px) {	
	
	
	
	div#ariane {width:96%; padding:10px 2%; font-size:0.7em;}
	
	
	
	
	
	.bottom_blog_article_cadre {margin:10px 0;}
	p.bottom_blog_article_title {font-size:1em;}
	.bottom_blog_article_contenu {font-size:0.7em;}
	.bottom_blog_article_plus {margin:5px 0;}
	.bottom_blog_article_date { margin: 0 20px 5px 0;}
	.bottom_blog_article_date, .bottom_blog_article_tag { padding:1px 0 0 20px; background-size:15px; font-size:0.8em;}
	
	
	
	
	.if_item {
		width:45.8%;
	}
	.if_item_desc {
		min-height:50px;
	}
	div#if_item2 {border-right:0px;}	
	
}
/*********************************************************************************************************/
/* inférieur à 350px */
/*********************************************************************************************************/

@media screen and (max-width : 300px) {
	
	div#if_content {width:100%;}
	.if_item {
		float:none; width:98%; margin:10px auto; padding:0;
	}
	div#if_item1, div#if_item3 {border-right:0px;}
	
	div#middle {margin:150px 0 0 0;}
}