/* VIDEO */
div#index_video_cadre {position:relative;overflow: hidden;height: calc(-190px + 100vh);}
div#index_video {
	position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    min-height: 100%;
    min-width: 100%;
	overflow: hidden;
}

div#index_video video {
    position: absolute;
    top: 50%;
    left: 50%;
	
    z-index: 1;
    min-height: 100%;
    min-width: 101%; /* pour masquer les marges noires à droite et gauche de la video */
    height: auto;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

div#index_video_masque {
   	position: absolute;
    z-index: 2;
    background: url(../img/public/video_masque.png) left top no-repeat;
    bottom: 0px;
    height: 120px;
    width: 100%;
}


/* ACCES RAPIDES */

div#acces_rapide_cadre {position:absolute; z-index:3; margin:-110px 0 0 0; right:0; background:var(--cg_orange); border-top-left-radius:0.5em; border-bottom-left-radius:0.5em; width:100%; max-width:1200px; padding:30px;}
div#acces_rapide_title {position:relative; float:left; width:150px; padding:15px 15px 15px 0; margin:0 15px 0 0; border-right:6px solid #FFF; color:#FFF; text-transform: uppercase; line-height:2.4em;}
p.acces_rapide_title_top {font-size:2.5em; font-weight:bold;}
p.acces_rapide_title_bottom {font-size:2em; font-weight:300;}
div#acces_rapide_liste {position:relative; float:left; width:calc(100% - 180px); }
div#acces_rapide_liste_cadre {
	display: flex;
	flex-wrap: nowrap;
	padding: 10px 0;
	overflow-x: auto;
}
.acces_rapide_item {flex: 0 0 auto; font-size:1.1em;max-width:260px; padding: 5px 15px 0 0;}
.acces_rapide_item a { display:table; color:inherit; text-decoration:none;}
.acces_rapide_item_img {position:relative; float:left; width:70px; margin: 0 10px 0 0;}
.acces_rapide_item_img img { display:table; width:100%;}
.acces_rapide_item_nom {position:relative; float:left; width:calc(100% - 90px); margin: 15px 10px 0 0; color:#FFF;}



div#middle {padding:0;margin: 70px 0 0 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) {
}
@media screen and (max-width : 1250px) {
	
}
@media screen and (max-width : 1200px) {
	
}
@media screen and (max-width : 1000px) {
}
@media screen and (max-width : 959px) {
}

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

@media screen and (max-width : 650px) {
	
	div#acces_rapide_cadre {border-top-left-radius:0;border-bottom-left-radius:0; padding:10px 30px 15px 30px;}
	div#acces_rapide_title {position:relative; float:none; width:100%; padding:10px 0 5px 0; margin:0; border-right:0; border-bottom:3px solid #FFF; overflow: hidden;}
	div#acces_rapide_title p {float:left;}
	p.acces_rapide_title_top {font-size:1.5em; font-weight:bold; margin:0 5px 0 0;}
	p.acces_rapide_title_bottom {font-size:1.5em; font-weight:300;}
	div#acces_rapide_liste {position:relative; float:none; width:100%; }
	.acces_rapide_item {max-width:230px;}
	.acces_rapide_item_img {width:50px;}
	.acces_rapide_item_nom { width:calc(100% - 70px);margin: 5px 5px 0 0;font-size:0.9em;}
	
}
@media screen and (max-width : 600px) {
	
}
@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) {
}