/*
ul.menu_list li.niveau1 a {	color:#FFF !important; }

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

ul.menu_list li.niveau1.menu-1 { border-bottom: 3px solid #dd8a03;}
ul.menu_list li.menu-1 a { color: #dd8a03;	}
*/

/* MENU RESPONSIVE */
.menu_item_picto a.picto_menu_r:before,
.menu_item_picto a.picto_menu_r:after
{
	background: #FFF !important;
}
.menu_item_picto a.picto_menu_r span
{
	background: #FFF !important;

}

.menu_item_name {color:#FFF !important;}

/* ANIMATION */

div#animation {
	position:relative;
	width:100%;
	/*height:317px;*/
	overflow:hidden;
	z-index:98;
	margin: 15px auto;
	max-width: 1920px;
}

.animation_bg {
    width: 100%;
    height: 100%;
    z-index: 99;
    background: url(../img/public/logo_animation.png) 98% center no-repeat;
    
    background-size: 25%;
    position: absolute;
}
.animation_bg_fond {
    width: 100%;
    height: 100%;
    z-index: 98;
    background: url(../img/public/index_degrade_animation.png) top center repeat-x;
    position: absolute;
}

div#animation_content {margin:0;}
div#animation_logo {position:absolute;right:10%;z-index:100;bottom:0;width:565px;}
div#animation_logo img {width:100%; display:table;}


div#animation .bx-wrapper {margin:0;}
/*div#animation .bx-controls {display:none;}*/
div#animation .anim_bxslider {margin:0;padding:0;}

div#animation a.a_caption {display:block;width:100%;height:100%;text-decoration:none;color:inherit;}
.caption {/*max-width:550px;width:30%;*/width:auto;height:auto;display:table;position:absolute;bottom:15%;left:0;z-index:101;}
.caption_text {/*background:rgba(255,255,255,0.8);border-radius:0.3em;padding:40px;*/font-size:1.1em;}
/*.caption_text p {margin:0;padding:0;}*/
.caption_text p.caption_title {font-size:1.4em;font-weight:bold;text-align:right;text-transform:uppercase;margin:0 0 5px 0;padding:10px 20px 10px 50px;color:#FFF;background:rgba(0,0,0,0.8);min-width: 300px;}
.caption_text p.caption_sstitle {font-size:1.2em;font-weight:100;text-align:right;text-transform:uppercase;font-style:italic;margin:0 0 10px 0;padding:10px 20px 10px 50px;color:#FFF;background:rgba(43,139,180,0.8);}


.localite_plus {display:none;}

.caption_link {color:#FFF;font-size:0.8em;display:table;border-radius:0.2em; border:1px solid #FFF;text-transform:uppercase;padding:10px 20px 10px 35px;margin:0 25px 0 0;float:right;background: url(../img/public/picto_plus.png) 10px center no-repeat;transition: background 0.5s;}

.caption:hover .caption_link {color:#FFF;background:#000 url(../img/public/picto_plus.png) 15px center no-repeat;-webkit-transition: background 0.5s;transition: background 0.5s;}



div#middle_content { margin:0 auto; }


/* SLIDER SERVICE */
div#index_service_title {padding:30px 20px 0 20px;}

div#index_service .bx-wrapper {padding:0 50px !important;}
.index_service_cadre {
	margin:0 auto;
	padding:20px 5px 0 5px;
	border-radius:0.2em;
	max-width:290px;
}
.index_service_cadre a {text-decoration:none; color:inherit;}



.index_service_vignette {text-align:center; overflow: hidden; position: relative;}


.index_service_vignette_bg {
    width: 100%;
    height: 100%;
    z-index: 99;
    background: url(../img/public/mission_vignette_bg.png) bottom center no-repeat;
    position: absolute;
}

.index_service_vignette img {
	max-height:150px; 
	margin:0 auto;
	-webkit-transition: all 1s ease; /* Safari et Chrome */
	-moz-transition: all 1s ease; /* Firefox */
	-ms-transition: all 1s ease; /* Internet Explorer 9 */
	-o-transition: all 1s ease; /* Opera */
	transition: all 1s ease;
}
.index_service_cadre:hover img {	
	-webkit-transform:scale(1.10); /* Safari et Chrome */
	-moz-transform:scale(1.10); /* Firefox */
	-ms-transform:scale(1.10); /* Internet Explorer 9 */
	-o-transform:scale(1.10); /* Opera */
	transform:scale(1.10);
}
.index_service_nom {padding:10px 0;text-transform:uppercase;transition: all 0.5s ease;}
.index_service_nom h2 {font-size:0.9em;}
.index_service_resume {font-size:0.8em; padding:0 0 10px 0;}

.index_service_cadre:hover .index_service_nom {color:#000;}

div#index_service .bx-wrapper .bx-prev {
	left: 25px;
	width:42px;
	background: url('../img/public/service_slider_prev.png') center left no-repeat;
	opacity: 0.5;
}
div#index_service .bx-wrapper .bx-prev:hover,
div#index_service .bx-wrapper .bx-prev:focus {
	background: url("../img/public/service_slider_prev.png") center left no-repeat;   
  	opacity: 1;
}
div#index_service .bx-wrapper .bx-next {
	right: 25px;
	width:42px;
	background: url("../img/public/service_slider_next.png") center right no-repeat;
	opacity: 0.5;
}
div#index_service .bx-wrapper .bx-next:hover,
div#index_service .bx-wrapper .bx-next:focus {
	background: url("../img/public/service_slider_next.png") center right no-repeat;
	opacity: 1;
}

div#index_mission_link {position:relative; margin:40px auto;}
div#index_mission_link a {position:relative;color:#FFF;font-size:1.5em; display: table; text-decoration:none; font-style:italic; border-radius:0.5em; padding:10px 65px 10px 25px;margin:25px auto; background:#4b9d34 url(../img/public/picto_plus.png) 96% center no-repeat;transition: background 0.5s;}

div#index_mission_link a:hover {color:#FFF;background:#000 url(../img/public/picto_plus.png) 97% center no-repeat;-webkit-transition: background 0.5s;transition: background 0.5s;}

.index_service_sstitle {margin:30px auto 0 auto; max-width:1300px;}


/* PRESENTATION */

div#index_presentation {
	width:100%;
	margin:0 auto;
}


div#bottom_news_cadre {border-top:0;}


/*Bandeau CTA*/
div#bandeau_cta{
	position:relative;
	width:100%;
	padding:30px 0;
	text-align:center;
	color:#FFF;
	background:#7ea331;
	display:block;
	animation: fadein 5s;
    -moz-animation: fadein 5s; /* Firefox */
    -webkit-animation: fadein 5s; /* Safari et Chrome */
    -o-animation: fadein 5s; /* Opera */
	border-top:5px solid #FFF;
	border-bottom:1px solid #FFF;
	margin-bottom:30px;
}
div#bandeau_cta h2{
	font-size:26px;
	font-weight:normal;
	width:95%;
	margin:0 auto;
}
div#bandeau_cta h3{
	font-size:34px;
	margin:20px auto 0 auto;
	font-weight:normal;
	width:95%;
	color:#FFF;
}
div#bandeau_cta h3 a{
	color:#FFF;
	text-decoration:none;
}
div#bandeau_cta h3 .email{
	font-size:22px;
}

div#btn_cta_cadre {
	position:relative;
	display: table;
	margin:0 auto;
	width:auto;
}


div#bandeau_cta .btn_cta{
	position:relative;
	float:left;
	border:1px solid #FFF;
	margin:20px 1% 0 1%;
	width:48%;
	max-width:350px;
	font-size:27px;
	font-weight:bold;
	transition-duration: 500ms;
	color:#FFF;
	padding:0 0 0 60px;
}
div#bandeau_cta .btn_cta.configurateur {
	width:98%;
	background:#F18800 url(../img/public/configurateur.png) 15px center no-repeat;
}
div#bandeau_cta .btn_cta.contact {
	display:none;
	background:url(../img/public/contact.png) 15px center no-repeat;
}
div#bandeau_cta .btn_cta.configurateur:hover{
	background:#e48102 url(../img/public/configurateur.png) 20px center no-repeat;
}
div#bandeau_cta .btn_cta.contact:hover{
	background:#526d1a url(../img/public/contact.png) 20px center no-repeat;
}
div#bandeau_cta .btn_cta a{
	color:inherit;
	display:block;
	text-decoration:none;
	height:100%;
	width:100%;
	padding:20px;
}


/*Pictos*/
div#pictos{
	position:relative;
	background:#363b44;
	width:100%;
	padding:50px 0 80px 0;
	margin-top:50px;
	
}
div#pictos::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none' viewBox='0 0 25 25' fill='rgb(54,59,68)' fill-opacity='1'%3E%3Cpolygon points='0,25 25,25 25,0'%3E%3C/polygon%3E%3C/svg%3E");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	content: '';
	height: 50px;
	left: 0;
	position: absolute;
	right: 0;
	width: 100%;
	z-index: 1;
	top: -50px;
}
div#pictos_int{
	position:relative;
	width:100%;
	max-width:1000px;
	margin:0 auto;
	display:table;
}
.picto{
	position:relative;
	width:14.666667%;
	margin:0 1%;
	float:left;
}
.picto img{
	max-width:100%;	
}
/*Demande devis*/
div#demande_devis{
	position:relative;
	width:100%;
	text-align:center;
	font-size:25px;
	text-transform:uppercase;
	background:#7ea331;
	color:#FFF;
	padding:30px 0;
	font-weight:bold;
}
div#demande_devis_int{
	width:100%;
	max-width:600px;
	margin:0 auto;
}
div#demande_devis img{
	position:relative;
	float:left;
	margin-top:-100px;
	margin-left:10%;
}
div#demande_devis a{
	color:inherit;
	text-decoration:none;
	padding:30px 0;
}



@media screen and (max-width : 1550px) {
	
	/*.caption {max-width:auto;width:40%;bottom:10%;}
	.caption_text {padding:20px;}*/
	
}
@media screen and (max-width : 1500px) {
	.index_service_vignette img {max-height: 140px;}
	.index_service_nom {font-size:1em;min-height:70px;}
}
@media screen and (max-width : 1400px) {
	.caption_text p.caption_title {font-size: 1.2em;}
	.caption_text p.caption_sstitle {font-size: 1em;}
}

@media screen and (max-width : 1280px) {
	
	/*.caption {font-size:0.8em;width:50%;left:10%;}
	.caption_text {padding: 10px;}
	.caption_text p.caption_title {margin: 0 0 5px 0;}
	.caption_text p.caption_sstitle {margin: 0 0 5px 0;}
	.caption_link {margin: -10px 25px 0 0;}
	*/
	
	.index_service_cadre {padding: 10px 10px 0 10px;}
	.index_service_nom {padding: 20px 0 10px 0;}
	
	.index_sstitle {font-size:1.2em;}
	div#index_service_title h1 {font-size:1.2em;}
	
}
@media screen and (max-width : 1250px) {

	/*.index_service_vignette img {max-height: 120px;}*/
	.index_service_nom {font-size:0.8em;min-height:40px;}
	
	
	.caption_text p.caption_title {font-size: 1em;}
	.caption_text p.caption_sstitle {font-size: 0.9em;}
	
}
@media screen and (max-width : 1200px) {
	.caption {bottom:60px;}
	.caption_sstitle {display:none;}
}
@media screen and (max-width : 1100px) {
	div#header_cadre {margin:0; /*background:none;*/}}
	div#animation {margin:0 auto 15px auto;}
}
@media screen and (max-width : 1024px) {
	div#bandeau_cta .btn_cta.configurateur {display:none;}
	div#bandeau_cta .btn_cta.contact{
		display:block;
		width:98%;
	}
	
}

@media screen and (max-width : 1020px) {
	div#bandeau_cta {
		padding:20px 0;
	}
}
@media screen and (max-width : 1000px) {
	
}
@media screen and (max-width : 959px) {
	
	
	
	
	.animation_bg_fond {background: url(../img/public/index_degrade_animation_small.png) top center repeat-x;}
	
	div#animation .bx-wrapper .bx-prev {background-size:100%;}
	div#animation .bx-wrapper .bx-next {background-size:100%;}
	div#animation .bx-wrapper .bx-controls-direction a {top: 50%;width: 40px;height:40px; z-index:102;}

	.caption { bottom: 40px;}
}

@media screen and (max-width : 800px) {
	div#animation {background:#2b8bb4;}
	.caption {position: relative;display:block;overflow: hidden;width: 100%;max-width: 100%;margin: 0;top: auto;left: auto;bottom:auto;background:#2b8bb4;}
	.caption_text {background:url("../img/public/picto_plus.png") 98% center no-repeat; padding:0 25px 0 0;-webkit-transition: background 0.5s;transition: background 0.5s;}
	.caption_text:hover {background:url("../img/public/picto_plus.png") 99% center no-repeat;-webkit-transition: background 0.5s;transition: background 0.5s;}
	.caption_link {display:none;}
	.caption_text p.caption_title {background:none;padding: 10px 20px 10px 10px;margin:0;}
	
	/*div#index_service .bx-wrapper img {max-width:120px !important;width:80%;}*/
	/*
	.bx-wrapper .bx-pager,
	.bx-wrapper .bx-controls-auto {
	  bottom: 65px !important;
	}
	*/
	.caption_text p.caption_title {
		font-size: 0.9em;
		text-align: right;
	}
}
@media screen and (max-width : 750px) {
	div#bandeau_cta h2 {
		font-size:22px;
	}
	div#bandeau_cta h3 {
		font-size:26px;
	}
}
@media screen and (max-width : 700px) {
	div#bandeau_cta .btn_cta{
		position:relative;
		float:none;
		margin:20px 1% 0 1%;
		width:98%;
		max-width:350px;
		padding:0 0 0 60px;
	}
}
@media screen and (max-width : 650px) {
	
	div#header_logo img { width: 60%;}
	
	.caption_text p.caption_title {font-size: 0.7em;}
	
	.caption_alaune {bottom:10%;font-size:0.9em;}
	.bx-wrapper img {height:auto !important;}
	/*.index_service_nom {font-size: 0.7em;}*/
	
	.animation_bg {display:none;}
	
	.picto{	width:31.333333%;}
	
}
@media screen and (max-width : 600px) {
}
@media screen and (max-width : 550px) {
	
	
	
	.caption_text p {width: 100%;}
	.caption_link {margin: -5px auto 10px auto;float:none;position:relative;}
	
}

@media screen and (max-width : 500px) {
	div#index_presentation {width:90%;}
	div#index_service .bx-wrapper .bx-prev, div#partenaire .bx-wrapper .bx-prev { left:0;}
	div#index_service .bx-wrapper .bx-next, div#partenaire .bx-wrapper .bx-next { right:0;}
	
	div#index_service .bx-wrapper .bx-prev, div#index_service .bx-wrapper .bx-next {width:30px;}
	div#index_service .bx-wrapper {padding: 0 30px !important;}
	.index_service_cadre {padding: 10px 3px 0 3px;}
	
	
	div#bandeau_cta h2 {
		font-size:18px;
	}
	div#bandeau_cta h3 {
		font-size:20px;
	}
	div#bandeau_cta h3 strong {
		white-space:pre;
	}
	
}
@media screen and (max-width : 480px) {
	/*.index_service_nom {display:none;}*/	
	div#index_mission_link {margin: 20px auto;}
	div#index_mission_link a {font-size:1.1em; max-width:380px; width:90%;}
	
}
@media screen and (max-width : 400px) {
	/*.index_service_nom {display:none;}*/
	.index_service_cadre {padding: 10px 3px;}
	div#index_service .bx-wrapper .bx-prev, div#index_service .bx-wrapper .bx-prev:hover,  div#index_service .bx-wrapper .bx-prev:focus,
	div#index_service .bx-wrapper .bx-next, div#index_service .bx-wrapper .bx-next:hover,  div#index_service .bx-wrapper .bx-next:focus {background-size:70%;width:20px;}
	
	div#index_mission_link a {font-size:0.95em;}
	
}
@media screen and (max-width : 350px) {
	div#bandeau_cta .btn_cta {
		font-size: 20px;
	}
}