html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, 
p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, 
img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, hr, 
dl, dt, dd, ol, ul, li, fieldset, form, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figure, figcaption, hgroup, 
menu, footer, header, nav, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	box-sizing:border-box;
}
body, html {
	width:100%;
	background:#FFF;
}
html, input, select, textarea {
	font-family: 'Lato', sans-serif;
	color:#333333;
	font-size:1.1em;
}



a:focus { 
	outline:0;  /* Enlève le pointille sur les liens (notamment visible sur les supports mobiles*/
}

div#global {
	position:relative;
	height:100%;
}
.general_content {
	width:96%;
	max-width:1400px;
	padding:0;
	margin:0 auto;
	display:table;
	position:relative;
}

/* CHARTE GRAPHIQUE COULEUR */
.cg_orange {color:#F18800;}
.cg_gris {color:#b0b0b0;}
.cg_vert {color:#89af2c;}
.cg_rouge {color:#b40000;}
.bold {font-weight:bold;}


.font_anton {font-family: 'Anton',sans-serif;}

/* TOP */
div#topper{
	position:relative;
	padding:20px 0;
	width:100%;
	background:#363b44;
	box-sizing: border-box;
	display:table;
}

div#topper.header_scroll{
	position:fixed;
	z-index: 101;
	width:132px;
	padding:10px 30px 9px 30px;
	top:0;
}

div#logo{
	position:relative;
	width:290px;
	height:auto;
	/*height:122px;*/
	margin:0 auto;
}
div#logo a{
	display:block;
}
div#logo img{
	width:100%;
	display:table;
}

div#logo_70ans {position:absolute; top:-15px; right:-130px;}
div#logo_70ans img {max-width:120px;}

div#topper.header_scroll div#logo {width:132px;}
div#topper.header_scroll div#logo_70ans {display:none;}

/*RS*/
div#rs_top{
	position:absolute;
	right:30px;
	top:20px;
}

div#rs_top.header_scroll{
	position:fixed;
	z-index: 101;
}


.rs{
	position:relative;
	float:left;
	width:25px;
	height:25px;
	margin:0px 4px;
	box-shadow:0 0 3px #FFF;
	border-radius:5px;
	filter: grayscale(0.70);
}
.rs a{
	display:block;
	width:25px;
	height:25px;
}
.rs:hover{
	filter: grayscale(0);
}
div#rs1{
	background:url(../img/public/rs_1.png) no-repeat;
}

div#devis_top {position:absolute; top:90px; z-index:110; right:0; background:#89af2c;}
.devis_top_button a { 
	padding:20px 45px 15px 15px; 
	font-size:0.9em; color:#FFF; 
	background:url(../img/public/top_devis_picto.png) top right no-repeat, url(../img/public/top_devis_bg.png) top repeat-x; 
	text-transform: uppercase; 
	text-decoration: none;
}
.devis_top_button a:hover {background:url(../img/public/top_devis_picto.png) top right no-repeat, url(../img/public/top_devis_bg_hover.png) top repeat-x;}
/* HEADER */
div#header_cadre {position:relative; z-index:99; width:100%;background:RGBA(136,177,53,1); margin:0 0 25px 0; padding:12px 0;}

div#header_content {position:relative;width:100%;margin:0 auto;}

div#header_right {position:relative; width:100%; max-width: 1340px; margin: 0 auto; display:table;}

div#header_cadre.header_scroll div#header_right {width: calc(100% - 262px);float: right; max-width: 100%; margin-right: 70px;}


div#header_responsive {display:none;position:fixed;width:140px; z-index:101; top:8px;}

header {position:relative;display:table;width:100%;}

div#header_cadre.header_scroll {position:fixed; top:0; padding: 0; min-height: 70px;}

/*
div#header_cadre.header_scroll div#header_left {width:100px;}
div#header_cadre.header_scroll div#header_right {width:calc(100% - 100px);}
*/



/* MENU */
div#header_nav{width:100%;}
div#header_nav_content {width:100%;}


div#menu_cadre {
	position:relative;
	float:right;
	width:100%;
}

div#menu{
	position:relative;
	width:100%;
	margin:0 auto;
	font-size:1.2em;
}
div#menu ul, div#menu li { list-style:none;}
ul.menu_list{
	position:relative;
	margin:0;
	padding:0;
	width:100%;
	display:table;
}

#menu_list ul li{ position:relative;list-style:none;}


#menu_list li a {
	color: inherit;
	display:block;
	outline:0;
	text-decoration:none;
}

#menu_list li ul{
	position:absolute;
	display:none;
	top:76px;
	z-index:1000;
	animation: fadein 1s;
	-moz-animation: fadein 1s;
	-webkit-animation: fadein 1s;
	-o-animation: fadein 1s;
}

/* niveau 1 */
#menu_list li {
	margin:0;
	list-style-position:outside;
	width:auto;
	text-align:center;
	padding:0;
}

#menu_list li.niveau1{
	position:relative;
	float:left;
	height:76px;
	line-height:76px;
	font-size:19px;
	margin:0;
	padding:0;
	padding:0 2.7%;
	text-transform:uppercase;color:#FFF;
}

div#header_cadre.header_scroll #menu_list li.niveau1 {height: 70px; line-height: 70px;}

#menu_list li.niveau1::before{
	position:absolute;
	background:url(../img/public/square_puce.png) no-repeat;
	height:9px;
	width:9px;
	content:"";
	top:35px;
	left:0px;
}
#menu_list li.niveau1.menu-1::before{
	background:none;
}

div#header_cadre.header_scroll #menu_list li.niveau1::before {top: 30px;}

#menu_list li.niveau1:hover, #menu_list li.niveau1.hover {color: #363b44;}




#menu_list li.niveau1:hover ul li ul {display: none;}



/* niveau 2 */

#menu_list ul {display:none;}

#menu_list li ul li.niveau2 ul {top: 0px;}
#menu_list li.niveau1:hover ul {
    display: block;
    padding: 0;
    margin: 0;
    color: #FFF;
    background: RGBA(136,177,53,1);
    margin-left: -30px;
}
div#header_cadre.header_scroll #menu_list li.niveau1:hover ul { margin-top: -6px; }

div#header_cadre.header_scroll #menu_list li.niveau1:hover ul li ul { margin-top: 0; }

#menu_list li.niveau1 ul li {
	font-size: 11pt;
    min-width: 280px;
    width: auto;
    line-height: 30px;
    height: auto;
    padding: 5px 0;
}
#menu_list li ul li:hover {background: #363b44;}

#menu_list li.niveau1 li.niveau2:hover a {color: #FFF;}

/* niveau 3 */

div#menu li.niveau1:hover ul li ul{display:none;}
#menu_list li.niveau1:hover ul li:hover ul{display:block;margin:0 0 0 280px;background:#709525;}


/* MENU RESPONSIVE */
#menu_responsive {font-weight:400; font-size:1.1em;}

.header_scroll .menu_item_name {color: #FFF;}
.header_scroll .menu_item_picto a.picto_menu_r::before, .header_scroll .menu_item_picto a.picto_menu_r::after, .header_scroll .menu_item_picto a.picto_menu_r span { background:#FFF;}

#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;width: 100%;}
#header_coord_r p.header_coord_nom {padding:15px 0 5px 0;}
#header_coord_r a { color:inherit; text-decoration:none;}

.menu_list_r .mm-navbar.menu_r_titre {
	padding:0 10px !important;
	border-bottom-style:none;
}
.menu_list_r li.niveau1 {font-size:1em;padding:5px 0 5px 0;color:#243746;}
#menu_responsive li.niveau2, #menu_responsive li.niveau3, #menu_responsive li.niveau4 {font-size:1em;padding:15px 0;}
.menu_list_r li.niveau1:hover, .mm-listview li:hover {background:#e4e3e3;}

#header_social_r:hover, #header_coord_r:hover {background:none;}

.menu_list_r li.menur_rdv {color:#1160a2;font-weight:bold;text-transform:uppercase;background:url(../img/public/picto_calendar_menur.png) center left no-repeat;width:100%;padding:0 0 0 25px;}
.menu_list_r li.menur_rdv a {padding: 11px 10px 9px 20px !important;}
.menu_list_r li.menur_rdv:hover {color:#FFF;background:#81bd2b url(../img/public/picto_calendar_menur.png) center left no-repeat;}

.menu_avec_picto {position:relative;width:100%;overflow:hidden; padding:10px 0 10px 50px;}

li.menu_r_devis {background:#F18800 !important; text-align: left; margin:0 0 10px 0 !important;}
li.menu_r_devis span {padding: 10px 10px 10px 10px !important;}

p.header_coord_adresse {font-size:0.9em;
	background:url(../img/public/footer_adresse.png) left center no-repeat;
	background-size:26px;color:#243746;
}
p.header_coord_tel {font-size:0.9em;
	background:url(../img/public/footer_tel.png) left center no-repeat;
	background-size:26px;color:#243746;
}
p.header_coord_mobile {font-size:0.9em;
	background:url(../img/public/footer_tel.png) left center no-repeat;
	background-size:26px;color:#243746;
}
p.header_coord_mail {font-size:0.9em;
	background:url(../img/public/footer_email.png) left center no-repeat;
	background-size:26px;color:#243746;
}

#header_social_r {
	overflow:hidden;
	padding:0 10px 15px 20px;
	margin:15px 0;
}

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


/* MIDDLE */
div#middle {min-height:750px;}
div#middle_content {
	margin:0 auto;
	padding:0 0 0 0;
	
	
}
.contenu {
    position: relative;
    margin: 25px auto 0 auto;
    overflow: hidden;
}

div#page_context {position:relative; margin:20px auto; padding:30px 0; background:url(../img/public/context_title_background.jpg) center no-repeat;}
div#page_context a {text-decoration:none; color:inherit;}
.context_title {color:#023247; font-size:1.4em; font-weight: bold; text-transform: uppercase; float:left; margin:4px 10px 0 0;}
div#page_context p.context_sstitle {color:#FFF; font-size:1.6em; font-weight: bold; text-transform: uppercase; float:left;}


/* FIL ARIANE */
.fil_ariane {position:relative;margin:0 auto; padding:10px 20px;}
.fil_ariane a {position:relative;width:100%; text-decoration: none;font-size:0.9em;}
.fil_ariane a:hover { color:#dd8a03;}

/* SLIDER BLOG BOTTOM */
div#bottom_news_cadre {position:relative; width:100%; background:#f8f8f8; padding:0 0 50px 0; border-top:8px solid #dd8a03;}
div#bottom_news_title {
	position: relative;
	clear:both;
	margin:0 auto 30px auto;
	width: 90%;
	text-align: center;
	font-weight: bold !important;
	padding:50px 0 2px 0;
	max-width:1100px;
	text-transform: uppercase;
}
div#bottom_news_content {
	position: relative;
	clear:both;
	width: 100%;
}
.bottom_news_item {position:relative; padding:10px 30px;}


.bottom_news_item a {text-decoration: none; color:inherit;}
.bottom_news_nom {font-weight: bold; text-transform: uppercase; margin:0 auto 20px auto;}
.bottom_news_resume {font-size:0.8em;}
.bottom_news_bottom {position:relative; overflow: hidden; padding:15px 0;}
.bottom_news_tag {position: relative; float:left; width:calc(100% - 150px); padding:5px 0;}
.bottom_news_link {position: relative; float:right; color:#FFF; width:130px; font-size:0.8em !important; text-transform: uppercase;}

.bottom_news_link a {display:table;}

.bottom_news_item:hover .bottom_news_nom { color:#dd8a03;}

.bottom_news_item:hover .btn_lien_small {background:#000 url(../img/public/picto_plus_small.png) 13px center no-repeat !important;color:#FFF;text-decoration:none;transition: background 0.5s;}


div#bottom_news_content .bx-wrapper {padding:0 75px !important;}

div#bottom_news_content .bottom_news_content_multiple .bx-viewport {background:url(../img/public/bottom_news_sep.png) center repeat-y;}

div#bottom_news_content .bx-wrapper .bx-prev {
	left: 0px;
	width:50px;
	background: url('../img/public/slider_prev_gris_moyen.png') center right no-repeat;
	opacity: 0.5;
}
div#bottom_news_content .bx-wrapper .bx-prev:hover,
div#bottom_news_content .bx-wrapper .bx-prev:focus {
	background: url("../img/public/slider_prev_gris_moyen.png") center right no-repeat;   
  	opacity: 1;
}
div#bottom_news_content .bx-wrapper .bx-next {
	right: 0px;
	width:50px;
	background: url("../img/public/slider_next_gris_moyen.png") center left no-repeat;
	opacity: 0.5;
}
div#bottom_news_content .bx-wrapper .bx-next:hover,
div#bottom_news_content .bx-wrapper .bx-next:focus {
	background: url("../img/public/slider_next_gris_moyen.png") center left no-repeat;
	opacity: 1;
}


.bottom_news_tag_item {position:relative; float:left; margin:0 10px 10px 0;}
.bottom_news_tag_item a {font-size:0.7em; text-transform: uppercase; color:#969696;background:#f8f8f8;border-radius:0.5em;padding:3px 10px; border:1px solid #bdbdbd;}
.bottom_news_tag_item a:hover {color:#FFF;background:#bdbdbd;}



/* BOTTOM */
div#bottom_sep {position:relative;margin:0;padding:0;width:100%;height:150px;background:#FFF url(../img/public/bottom_sep.png) center bottom no-repeat;background-size:100%;}
div#bottom {position:relative;width:100%;background:#b1b6b4;}
div#bottom_cadre {position:relative;overflow:hidden;width:calc(100% - 150px);margin:-100px auto 0 auto;}




/* GOOGLE MAP */
div#map_titre {color:#FFF;font-size:1.4em;margin:15px auto;width:100%;text-align:center;}
div#map {
	position:relative;
	height:400px;
	width:100%;
	z-index:1;
}

div#gm_infobulle {
	width:200px;
	overflow:hidden;
	text-align:center;
}
.gm_nom {
	font-size:1.2em;
	margin:5px 0;
	font-weight:500;
}

/*div#gm_infobulle img { width:100%;}*/

.gm_tel {font-size:1.3em;font-weight:600;}



/* FOOTER */

footer{
	position:relative;
	overflow:hidden;
	width:100%;
	background:#363b44;
}
footer #credits{
	background:#30333a;
	width:100%;
	padding:10px 0;
	color:#FFF;
	display:table;
	font-size:0.8em;
}
footer #credits a{
	text-decoration:none;
	color:inherit;
}
footer #credits #credits_left{
	position:relative;
	float:left;
	padding-left:20px;
}
footer #credits #credits_right{
	position:relative;
	float:right;
	padding-right:20px;
}

footer #colonnes{
	width:98%;
	max-width:1020px;
	position:relative;
	overflow:hidden;
	margin:5px auto;
	padding:25px 0; 
}
div#col_gauche{
	position:relative;
	float:left;
	width:75%;
	font-size:14pt;
	color:#FFF;
}
div#col_droite{
	position:relative;
	float:right;
	width:25%;
	font-size:11pt;
	color:#FFF;
	text-align:right;
}
div#col_droite .vert{
	color:#7ea331;
}
div#col_droite a{
	color:inherit;
	text-decoration:none;
}
footer li{
	list-style: none;
	padding:3px 0;
}

footer img.footer_logo_70ans {max-width:90px;}


div#configurateur {
	position:fixed;
	z-index:99;
	top:35px;
	left:-2px;
	background:#ccc;
	color:#000;
	font-size:1.3em;
	transition-duration: 500ms;
	border:2px solid #FFF;
	border-top-right-radius:2em;
	border-bottom-right-radius:2em;
}

div#configurateur.header_scroll {
	bottom:50px;
	top:auto;
}


div#configurateur  {
	background:#F18800 url(../img/public/configurateur.png) 15px center no-repeat;
}
div#configurateur:hover{
	background:#e48102 url(../img/public/configurateur.png) 20px center no-repeat;
}
div#configurateur a {
	padding:15px 30px 15px 90px;;
	display:table;
	width:100%;
	text-decoration:none;
	color:#FFF;
}

.config_sstitle { font-size:0.7em;}


/* FLECHE POUR REMONTER */
a#scroll-top {
    background: #7ea331 url("../img/public/scroll-top.png") no-repeat scroll center center;
    bottom: 55px;
    display: none;
    height: 42px;
    line-height: 3em;
    position: fixed;
    right: 20px;
    transition: all 0.25s ease-in-out 0s;
	-webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    width: 42px;
    z-index: 98;
}
a#scroll-top:hover {
    background-color: #313335;
}
a#scroll-top.affiche_scrolltop {display:block;}

/* AUTRES CONTENUS BOUTON */
div#autre_contenu {padding:25px 0;}
.autre_contenu_item {margin:5px 5px 5px 0;}

@media screen and (max-width : 1600px) {
	
	div#social_media_fixed {max-width:55px;}
	.social_media_btn {	width:55px;	height:55px; }
	
}
@media screen and (max-width : 1600px) {
	div#header_cadre.header_scroll #menu_list li.niveau1 {padding:0 2%;}
}

@media screen and (max-width : 1400px) {
	div#header_cadre.header_scroll #menu_list li.niveau1 {padding:0 1.7%;font-size:0.8em;}
}
@media screen and (max-width : 1350px) {
	div#header_right {max-width: 1118px;}
	#menu_list li.niveau1 {padding:0 1.9%;}
}

@media screen and (max-width : 1200px) {
	div#header_cadre.header_scroll #menu_list li.niveau1 {padding:0 1.6%;font-size:0.7em;}
	
	div#configurateur {bottom:50px;top:auto;}	
}

@media screen and (max-width : 1110px) {	
	div#header_responsive {display:block;}
	div#header_right {display:none;}
	
	div#logo {width: 180px;}
	div#logo_70ans {top:-25px;}
	div#logo_70ans img {max-width:100px;}
	
	div#header_cadre.header_scroll {background: #363b44;}

	div#topper.header_scroll {left: calc(50% - 100px);}
	
	div#devis_top {position:absolute; top:102px; right:0; background:#89af2c;}
	
	
}
@media screen and (max-width : 1080px) {	

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

@media screen and (max-width : 1000px) {
	
	
	
	
	
	.bottom_news_tag {float:left; width:100%; padding:5px 0;}
	.bottom_news_link {float:left; color:#FFF; width:100%; margin:0 0 15px 0;}
		
}
@media screen and (max-width : 959px) {
	
	div#configurateur {font-size:1.1em;}
	div#configurateur a {max-width:230px;}
	.config_sstitle {display:none;}
	
}
@media screen and (max-width : 900px) {

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

	
	
	div#social_media_fixed {max-width:50px;}
	.social_media_btn {	width:50px;	height:50px; }
	
	
	
}
@media screen and (max-width : 800px) {
	div#bottom_news_content .bx-viewport {background:none;}
	
	#colonnes div#col_gauche, #colonnes div#col_droite{
		float:none;
		width:100%;
		display:table;
		text-align:center;
	}
	#colonnes div#col_gauche{
		margin-bottom:20px;
	}
	div#logo_bas_page{
		float:none;
		margin:0 auto;
		text-align:center;
	}	
	
}

@media screen and (max-width : 750px) {
	
	/*
	div#header_cadre.header_scroll {position:fixed;top:0;z-index:102;overflow:hidden;width:100%;border-bottom:1px solid #CCC;}
	header.header_scroll {position:relative;}
	div#header_cadre {overflow:hidden;}
	*/
}
@media screen and (max-width : 700px) {
	
}
@media screen and (max-width : 650px) {
	
	div#devis_top {display:none;}
	
	.contenu {margin: 0 auto;}
	div#page_context {padding:20px 0;margin: 20px auto 0 auto; font-size:0.8em;}
	
	
	
	
	div#bottom_news_content .bx-wrapper { padding: 0 50px !important;}
	
	div#bottom_news_content .bx-wrapper .bx-prev {width:33px; background: url('../img/public/slider_prev_gris_petit.png') center right no-repeat;}
	div#bottom_news_content .bx-wrapper .bx-prev:hover,
	div#bottom_news_content .bx-wrapper .bx-prev:focus {
		background: url("../img/public/slider_prev_grispetit.png") center right no-repeat;   
	}
	div#bottom_news_content .bx-wrapper .bx-next {width:33px; background: url("../img/public/slider_next_gris_petit.png") center left no-repeat;}
	div#bottom_news_content .bx-wrapper .bx-next:hover,
	div#bottom_news_content .bx-wrapper .bx-next:focus {
		background: url("../img/public/slider_next_gris_petit.png") center left no-repeat;
	}
	
	.bottom_news_item {padding: 10px 5px;}
}

@media screen and (max-width : 600px) {
	div#configurateur {border: 0;border-top-right-radius: 2.5em;border-bottom-right-radius: 2.5em;}
	div#configurateur a {width:90px; padding:45px 0;}
	.config_title {display:none;}
	div#logo_70ans {top:25px;z-index: 101;right:-90px;}
}
@media screen and (max-width : 550px) {
	
	div#header_left {width: 140px;}
	
	div#top_logo {width: 200px;  height: 140px;}
	div#top_right {width: calc(100% - 210px);  margin: 0 0 7px 210px;}
	
	.footer_baseline { padding: 50px 50px;}
	
}

@media screen and (max-width : 500px) {
	
	div#page_context {font-size:0.6em;}
	.context_title {margin: 2px 10px 0 0;}
	
	
	div#bottom_cadre {width:100%;}
	
	
	/* SOCIAL MEDIA ACTION */
	div#social_media_fixed {height:65px;width:100%;/*top:auto;*/bottom:0;right:0;padding:0;max-width:100%;}
	/*
	div#social_media_fixed.header_scroll {top:auto;}
	*/
	.social_media_btn {position:relative;float:left;width:calc(20% - 2px);height:65px;margin:0 2px 0 0; padding:0;}
	

	
	
	.faq_top .news_titre {font-size: 1.1em;}
	
	
}

@media screen and (max-width : 480px) {	
	div#header_responsive{ width: 80px;}
	.menu_item_name {display:none;}
	
	footer {font-size:0.8em;}
	
	div#rs_top {right: 10px;}
	
}

@media screen and (max-width : 450px) {	
	
	
	
	.footer_baseline { padding: 50px 20px; font-size:1em;}
	
}

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

@media screen and (max-width : 350px) {
	div#social_media_fixed {height:50px;}
	.social_media_btn {height:50px;}
	
}
@media screen and (max-width : 300px) {
	
}