ul.menu_list li.niveau1.menu-1 { color:#FFF !important; background:url("../img/public/menu_hover.png") center no-repeat;}


div#middle_content { margin:0 auto; background:none;}


/* PRESENTATION */

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



/* SLIDER SERVICE */

div#index_service_content {position:relative;z-index:97;background:url("../img/public/index_service_bg.png") center bottom no-repeat;padding:0 0 50px 0;}

div#index_service_title {padding:30px 0 0 0; text-transform: uppercase;}

div#index_service .bx-wrapper {padding:0 50px !important;}
.index_service_cadre {
	margin:40px auto;	
	text-align: center;
}
.index_service_cadre a {text-decoration:none; color:inherit;}



.index_service_vignette {text-align:center; margin:0 auto; overflow: hidden; position: relative; width: 260px;	height: 260px; border-radius: 260px; border:1px solid #FFF;}

.index_service_vignette img {
	object-fit: cover;
  object-position: center;
	height: 100%;
	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:20px 30px;text-transform:uppercase; color:#FFF; transition: all 0.5s ease;}
.index_service_nom h2 {font-size:1.1em !important;}
.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: 5px;
	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: 5px;
	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_service_link {position:relative; padding:0 20px 40px 20px; text-align: center; font-size:1.2em;}
div#index_service_link p { padding:15px 65px 15px 20px;}


/* SLIDER REALISATION */
div#realisation_index {position:relative;z-index:96;margin:-100px 0 0 0; padding:0;}
div#realisation_index  .bx-wrapper {margin-bottom:0;}

div#realisation_index_plus {position:relative; background:#c1b467; width:100%; padding:20px 0; text-align: center; text-transform: uppercase; color:#FFF; font-size:1.2em;}
div#realisation_index_plus a {margin:0 0 0 20px; text-decoration:none; color:inherit; padding:5px 10px; border:1px solid #FFF; border-radius:0.5em;}
div#realisation_index_plus a:hover {background:#7ba5b3;}

@media screen and (max-width : 1550px) {
	
}
@media screen and (max-width : 1500px) {
}
@media screen and (max-width : 1400px) {
	
}

@media screen and (max-width : 1280px) {
	
	.index_service_vignette {width: 220px;	height: 220px; border-radius: 220px; }
	.index_service_nom h2 {font-size:1em !important;}
}
@media screen and (max-width : 1250px) {
	
}
@media screen and (max-width : 1200px) {
	
}
@media screen and (max-width : 1000px) {
	
}
@media screen and (max-width : 959px) {
	
	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;}

	
	.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {bottom:8px !important;}
	.bx-wrapper .bx-pager.bx-default-pager a {width: 10px !important;  height: 10px !important;border: 1px solid #FFF !important;}
	.caption_text {font-size:0.8em;padding:20px 10% 20px 20px;}
}

@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;}
	
	.caption_text p.caption_title {
		font-size: 0.9em;
		text-align: right;
	}
	*/
	
	.caption_text{font-size:0.7em;}
}

@media screen and (max-width : 650px) {
	.caption{width:50%;}
	.caption_text {padding:10px;}
	.caption_text p.caption_title {font-size: 0.7em;}
	div#animation .bx-viewport, div#realisation_content .bx-viewport {height:270px;}

	/*div#animation .bx-wrapper img {height:270px !important;position:relative; width:auto;max-width:none !important;}*/
	/*div#realisation_content .bx-wrapper img {height:270px !important;position:relative; width:auto;max-width:none !important;}*/

	div#animation .bx-wrapper img, div#realisation_content .bx-wrapper img {
		position: relative;
    left: 50%;
    transform: translateX(-50%);
    height:270px;
    width: auto;       /* laisse la largeur s'adapter à la hauteur */
    max-width: none;   /* empêche le max-width de réduire l'image */
	}
	/*.animation_bg {display:none;}*/
	
}
@media screen and (max-width : 600px) {
	.caption_text{font-size:0.7em;padding:10px;}
	.caption_link {font-size: 0.7em;padding: 5px 40px 5px 20px;background-size:20px;}
	.caption:hover .caption_link { background-size:20px;}
	
	
	div#realisation_index_plus a {display:table; margin:15px auto 0 auto;} 
	
}
@media screen and (max-width : 570px) {
	
	div#animation .bx-wrapper .bx-controls-direction a {width: 25px;height:52px;}
	.caption_text{font-size:0.5em;}
	.caption_link {font-size: 0.6em;margin:-5px 0 0 20px;padding: 4px 40px 3px 20px;}
}

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