ul.menu_list li.niveau1.menu-accueil:before {transform: scaleX(1);}
ul.menu_list li.niveau1.menu-accueil {color:var(--cg_bleufonce);}

/* ANIMATION */

div#animation {
	position:relative;
	width:100%;
	overflow:hidden;
	z-index:97;
	margin: 0 auto;
	max-width: 1920px;
	background:var(--cg_rose);
	padding:158px 0 0 0;
}


div#animation_content {margin:0;}



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:600px;height:100%;display:table;position:absolute;bottom:0;right:0;z-index:101; padding:10% 5%; background:url("../img/public/animation_caption_bg.png") center left no-repeat;}


.caption_link {margin:25px 0 0 0;font-size:0.9em;border-radius:0.2em; padding:10px 55px 8px 15px;/* test pour gérer les liens sur 2 lignes : */display:inline-table;border:1px solid var(--cg_vert);color:#FFF !important; text-transform:uppercase; background: var(--cg_vert) url(../img/public/fleche_suite.png) 94% center no-repeat !important;transition: background 0.5s;}

.caption:hover .caption_link {color:#FFF !important;border:1px solid #000;background:#000 url(../img/public/fleche_suite.png) 95% center no-repeat !important;-webkit-transition: background 0.5s;transition: background 0.5s;}

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


div#animation .bx-controls-direction {display:none;}

/* COURS */
div#cours_cadre {z-index:98;margin:-4% auto 0 auto;}
.cours_item {margin:0 auto 40px auto;}





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




/* PRESENTATION */

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




@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 : 1100px) {
	div#animation {padding:127px 0 0 0;}
}
@media screen and (max-width : 1000px) {
	.caption_text {padding: 0 20px 10px 20px;}
}
@media screen and (max-width : 959px) {
	div#animation  {padding:127px 0 10px 0;background:var(--cg_bleufonce);}
	div#animation .bx-wrapper .bx-prev {background-size:100%;left:5px;}
	div#animation .bx-wrapper .bx-next {background-size:100%;right:5px;}
	div#animation .bx-wrapper .bx-controls-direction a {top: 60% !important;width: 40px;height:40px; z-index:102;}
	div#animation .bx-wrapper img {	min-height: 20vh;}
	.caption {width:100%;max-width:100%;height:auto;display:table;position:relative;z-index:101; text-align:center; padding:25px 1%; background:var(--cg_bleufonce); border-radius:0;top:0;right:0;}
	
	.caption_text {font-size:0.9em;}
	
	.caption_link {float:none; margin:0 auto;}
	
	.bx-wrapper .bx-pager {bottom: 0 !important; padding-top:0 !important;}
	
}
@media screen and (max-width : 900px) {
}
@media screen and (max-width : 800px) {
	
	.caption_text{font-size:0.8em;}
	
}

@media screen and (max-width : 650px) {	
}
@media screen and (max-width : 600px) {	
	div#animation  {padding:113px 0 10px 0;}
}
@media screen and (max-width : 570px) {
	
	div#animation .bx-wrapper .bx-controls-direction a {width: 25px;height:52px;}
	
}
@media screen and (max-width : 480px) {
	div#animation .bx-wrapper img {	min-height: 15vh;}
	div#animation .bx-wrapper .bx-controls-direction a {top: 45% !important;}
}
@media screen and (max-width : 450px) {	
	div#animation  {padding:110px 0 10px 0;}
}
@media screen and (max-width : 350px) {
}