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

div#header_cadre_bottom {position:relative; height:78px;}

/* ANIMATION */

div#animation {
	position:relative;
	width:100%;
	overflow:hidden;
	z-index:98;
	margin: 0 auto;
	max-width: 1920px;
}

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

div#animation_content {margin:0;}


div#animation .bx-wrapper .bx-pager {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 {width:100%;max-width:400px;height:auto;display:table;position:absolute;top:25%;left:10%;z-index:101;}
.caption_text {line-height: 1.8em;}


.caption_link {color:#FFF;font-size:0.8em;display:table;border-radius:2em; border:1px solid #FFF;text-transform:uppercase;padding:10px 60px 10px 20px;margin:25px 0 0 0;background: var(--cg_bleu_fonce) url(../img/public/fleche_blanche1.png) 92% center no-repeat;transition: background 0.5s;}

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

div#animation .bx-wrapper img {
	min-height: 50vh;
	-o-object-fit: cover;
	object-fit: cover;
}



.scroll_down{
	position:relative;
	margin:-80px auto 0 auto;
	width:27px;
	height:45px;
	display:block;
	border:2px solid #00677b;
	border-radius:20px;
	z-index:98;
}
.point_scroll_down{
	position: absolute;
	top: 3px;
	left: 3px;
	width: 17px;
	height: 17px;
	z-index: 2;
	animation: anim 0.6s cubic-bezier(0, 0, 1, 1) infinite alternate;
	border-radius: 40px;
	background-color: #00677b;
}



@keyframes anim {
from {
    height: 17px;
    transform: translateY(0);
  }
  50% {
    height: 22px;
  }
  to {
    height: 17px;
	  /*Hauteur du mouvement*/
    transform: translateY(17px);
  }
}



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


/* PRESENTATION */

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



/* SLIDER BLOG */

div#index_blog_title {position:relative; margin:30px auto; text-align:center;}


.index_blog_cadre {
	margin:40px auto;	
	text-align: center;
}
.index_blog_cadre a {text-decoration:none; color:inherit;}

.index_blog_vignette {margin: 0 auto;overflow: hidden;width: 100%;max-width: 300px;max-height: 300px;border-radius: 30em; border:5px solid var(--cg_taupe);text-align: center;}
.index_blog_vignette img {min-width: 100% !important;max-width: none !important;margin: 0 -100% !important; display:inline !important;}

.index_blog_vignette img {
	-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_blog_vignette: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_blog_nom {font-size:1.1em; font-weight: bold; margin:10px auto 0 auto; padding:10px 0;transition: all 0.5s ease;}

.index_blog_cadre:hover .index_blog_nom {color:var(--cg_vert_eau);}


div#index_blog .bx-wrapper {padding:0 90px !important;}

.bx-wrapper .bx-controls-direction a {top: calc(50% - 70px) !important;}

div#index_blog .bx-wrapper .bx-prev {
	left: 20px;
	width:60px;
	height:140px;
	background: url('../img/public/blog_slider_prev.svg') center left no-repeat;
	background-size:100%;
	opacity: 0.5;
}
div#index_blog .bx-wrapper .bx-prev:hover,
div#index_blog .bx-wrapper .bx-prev:focus {
	background: url("../img/public/blog_slider_prev.svg") center left no-repeat;   
	background-size:100%;
  	opacity: 1;
}
div#index_blog .bx-wrapper .bx-next {
	right: 20px;
	width:60px;
	height:140px;
	background: url("../img/public/blog_slider_next.svg") center right no-repeat;
	background-size:100%;
	opacity: 0.5;
}
div#index_blog .bx-wrapper .bx-next:hover,
div#index_blog .bx-wrapper .bx-next:focus {
	background: url("../img/public/blog_slider_next.svg") center right no-repeat;
	background-size:100%;
	opacity: 1;
}






@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 {max-width: 220px;	max-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) {
	.caption_text {padding: 20px; background:rgba(255,255,255,0.6); border-radius:0.5em;}
}
@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:2px !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 {height:270px;}*/
	/*div#animation .bx-wrapper img {height:270px !important;position:relative; width:auto;max-width:none !important;}*/
	
	/*.animation_bg {display:none;}*/
	
}
@media screen and (max-width : 600px) {
	.caption{width:75%;}
	.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;}
	
	
}
@media screen and (max-width : 570px) {
	
	div#animation .bx-wrapper .bx-controls-direction a {width: 25px;height:52px;}
}

@media screen and (max-width : 500px) {
	
}
@media screen and (max-width : 480px) {
	.index_blog_vignette {max-width: 200px;max-height: 200px;}
	.index_blog_vignette img {max-width: 240px !important;}
	div#index_blog .bx-wrapper {padding:0 45px !important;}
	div#index_blog .bx-wrapper .bx-prev, div#index_blog .bx-wrapper .bx-next {width:30px;height:70px;}
	.bx-wrapper .bx-controls-direction a {top: calc(50% - 35px) !important;}
	div#index_blog .bx-wrapper .bx-prev {left: 10px;}
	div#index_blog .bx-wrapper .bx-next {right: 10px;}
	
	
}
@media screen and (max-width : 400px) {
}
@media screen and (max-width : 350px) {
}