#menu_list li.niveau1.menu-1 { background:#252525;}
#menu_list li.niveau1.menu-1 a {color:#f8dc0c;}

/* 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%;
	overflow:hidden;
	z-index:98;
	margin: 0 auto 15px auto;
	max-width: 1920px;
}

div#animation_content {margin:0;}


div#animation .bx-wrapper {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:33%;display:table;position:absolute;height:100%; background: RGBA(248,220,12,0.8); border-left:5px solid #2b2b2b; z-index:101; padding: 10% 6% 0 6%; top:0; right:0;}
.caption_text {font-size:1.1em;}

.caption_text p.caption_title {font-size:2.5em;line-height: 1.2em;font-weight:bold;text-align:center;text-transform:uppercase;margin:0 0 25px 0;color:#2b2b2b;}
.caption_text p.caption_sstitle {font-size:1.6em;line-height: 1.2em;font-weight:100;text-align:center;text-transform:uppercase;font-style:italic;color:#2b2b2b;}



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

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


div#animation img { width:100%;}



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) {
	.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;}
	*/
	
}
@media screen and (max-width : 1250px) {
	
	
	.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 : 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: calc(50% - 20px);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 {border:2px solid #000;}
	.caption_text p.caption_title {background:none;padding: 10px 20px 10px 10px;margin:0;}
	
	.caption_text p.caption_title {
		font-size: 0.9em;
	}
	
	.caption {width: 250px;padding: 8% 40px 0 2%;}
	
}

@media screen and (max-width : 650px) {
	
	
	
	.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;}
	
}
@media screen and (max-width : 600px) {
	div#animation .bx-wrapper .bx-pager {width:auto !important; left:10px;}
}
@media screen and (max-width : 550px) {
	.caption {padding: 4% 40px 0 2%;}	
}

@media screen and (max-width : 500px) {
	div#index_presentation {width:90%;}
	.caption_link {margin:5px auto 0 auto; padding: 5px 10px 5px 35px;}
	
}
@media screen and (max-width : 480px) {
	
}
@media screen and (max-width : 400px) {
}
@media screen and (max-width : 350px) {
}