div#animation {
	position:relative;
	width:100%;
	/*height:317px;*/
	overflow:hidden;
	z-index:99;
	margin: 0 auto 60px auto;
	max-width: 1600px;
}


div#animation_content {margin:0;}
div#animation_logo {position:absolute;right:10%;z-index:100;bottom:0;width:565px;}
div#animation_logo img {width:100%; display:table;}


div#animation .bx-wrapper {margin:0;}
/*div#animation .bx-controls {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 {max-width:550px;width:30%;height:auto;display:table;position:absolute;bottom:15%;left:15%;z-index:101;}
.caption_text {background:rgba(255,255,255,0.8);border-radius:0.3em;padding:40px;font-size:1.1em;}
.caption_text p {margin:0;padding:0;}
.caption_text p.caption_title {font-size:1.4em;font-weight:bold;text-transform:uppercase;margin:0 0 5px 0;}
.caption_text p.caption_sstitle {font-size:1.4em;font-weight:100;text-transform:uppercase;font-style:italic;margin:0 0 10px 0;}
.caption_text .caption_resume {font-style:italic;font-size:0.9em;margin:0 0 15px 0;}

.caption_link {color:#FFF;font-size:1.1em;display:table;border-radius:0.2em;text-transform:uppercase;padding:8px 10px;margin:-15px 25px 0 0;float:right;background:#666;background-position:96%;transition: background 0.5s;}

.caption:hover .caption_link {color:#FFF;background:#000;background-position:98%;-webkit-transition: background 0.5s;transition: background 0.5s;}


/* SERVICES */
div#index_service_title h1 {font-size:1.4em;}

div#index_service {display:grid; grid-template-columns:repeat(3, 1fr); grid-column-gap: 20px; grid-row-gap: 20px;}

.index_service_cadre_new {grid-column:span 1; padding:15px;}
.index_service_cadre_new a {display:table; width:100%; height:100%; text-decoration:none;}
.index_service_vignette {float:left; margin:0 30px 0 0; padding:0;}
.index_service_vignette img {
	max-height:80px; 
	margin:0 auto;
	-webkit-transition: all 1s ease; 
	-moz-transition: all 1s ease;
	-ms-transition: all 1s ease;
	-o-transition: all 1s ease; 
	transition: all 1s ease;
}
.index_service_cadre_new:hover img {	
	-webkit-transform:scale(1.10); 
	-moz-transform:scale(1.10);
	-ms-transform:scale(1.10); 
	-o-transform:scale(1.10); 
	transform:scale(1.10);
}
.index_service_nom {float:left; margin: 25px 0 0 0; padding:0;color:#FFF;font-size:1.2em;text-transform:uppercase;transition: all 0.5s ease;}
.index_service_nom h2 {font-size:1em;}
/* SLIDER SERVICE ET POINTS FORTS */


.index_sstitle {position:relative; width:98%; margin:15px auto 45px auto; text-align:center; font-size:1.5em; font-weight:bold; }

/* SLIDER SERVICE */
/*
div#index_service .bx-wrapper {padding:0 75px !important;}
.index_service_cadre {
	margin:0 5px;
	padding:20px 10px 0 10px;
	border-radius:0.2em;
}
.index_service_cadre a {text-decoration:none;}
.index_service_vignette {text-align:center;}
.index_service_vignette img {
	max-height:180px; 
	margin:0 auto;
	margin:0 auto;
	-webkit-transition: all 1s ease; 
	-moz-transition: all 1s ease;
	-ms-transition: all 1s ease;
	-o-transition: all 1s ease; 
	transition: all 1s ease;
}
.index_service_cadre:hover img {	
	-webkit-transform:scale(1.10); 
	-moz-transform:scale(1.10);
	-ms-transform:scale(1.10); 
	-o-transform:scale(1.10); 
	transform:scale(1.10);
}
.index_service_nom {padding:20px 0;color:#FFF;min-height:100px;font-size:1.2em;text-transform:uppercase;text-align:center;transition: all 0.5s ease;}
.index_service_nom h2 {font-size:1em;}

.index_service_cadre:hover .index_service_nom {text-shadow: 1px 1px 3px rgba(0,0,0, 0.3); transition: all 0.5s ease;}

div#index_service .bx-wrapper .bx-prev {
	left: 25px;
	width:50px;
	background: url('../img/public/service_slider_prev.png') center right 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 right no-repeat;   
  	opacity: 1;
}
div#index_service .bx-wrapper .bx-next {
	right: 25px;
	width:50px;
	background: url("../img/public/service_slider_next.png") center left 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 left no-repeat;
	opacity: 1;
}

*/


/* SLIDER PARTENAIRE */
div#partenaire_title {margin:50px auto 20px auto;}

div#partenaire .bx-wrapper {padding:0 100px !important;}
.partenaire_cadre {
	margin:0;
	padding:20px 0 0 0;
}
.partenaire_vignette {text-align:center;}
.partenaire_vignette img {max-height:150px; margin:0 auto;}
div#partenaire .bx-wrapper .bx-controls-direction a {
    top: calc(50% - 5px);
}
div#partenaire .bx-wrapper .bx-prev {
	left: 25px;
	width:50px;
	background: url('../img/public/service_slider_prev.png') center right no-repeat;
	opacity: 0.5;
}
div#partenaire .bx-wrapper .bx-prev:hover,
div#partenaire .bx-wrapper .bx-prev:focus {
	background: url("../img/public/service_slider_prev.png") center right no-repeat;   
  	opacity: 1;
}
div#partenaire .bx-wrapper .bx-next {
	right: 25px;
	width:50px;
	background: url("../img/public/service_slider_next.png") center left no-repeat;
	opacity: 0.5;
}
div#partenaire .bx-wrapper .bx-next:hover,
div#partenaire .bx-wrapper .bx-next:focus {
	background: url("../img/public/service_slider_next.png") center left no-repeat;
	opacity: 1;
}


/* PRESENTATION */

div#index_presentation {
	width:calc(100% - 120px);
	margin:0 auto;
}

@media screen and (max-width : 1550px) {
	
	.caption {max-width:auto;width:40%;bottom:10%;}
	.caption_text {padding:20px;}
	
}
@media screen and (max-width : 1500px) {
	/*.index_service_vignette img {max-height: 140px;}
	.index_service_nom {font-size:1em;min-height:90px;}*/
}


@media screen and (max-width : 1280px) {
	div#animation {margin: 0 auto 30px auto;}
	.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;}
	
	/*
	.index_service_cadre {padding: 10px 10px 0 10px;}
	.index_service_nom {padding: 20px 0 10px 0;}
	*/
	
	.index_sstitle {font-size:1.2em;}
	div#index_service_title h1 {font-size:1.2em;}
	
}
@media screen and (max-width : 1250px) {
	.pointfort_nom {padding:20px 0;min-height:100px;font-size:0.9em;}

	/*.index_service_vignette img {max-height: 120px;}
	.index_service_nom {font-size:0.8em;min-height:70px;}*/
	.index_service_vignette {margin: 0 20px 0 0;}
	.index_service_vignette img {max-height:60px; }
	.index_service_nom {font-size:1.1em;margin: 20px 0 0 0;}
	
	
}
@media screen and (max-width : 1100px) {
	div#index_service {grid-template-columns:repeat(2, 1fr);}
}

@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;}

	.caption {bottom:0;width:100%;left:0;max-width:none;}	
	.caption_text p.caption_sstitle {display:none;}
	.caption_text p, .caption_text .caption_resume {width:calc(95% - 150px);}
	.caption_text .caption_resume_lien {white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
	.caption_link {margin: -40px 2% 0 0;font-size:0.9em;}
	
}

@media screen and (max-width : 800px) {
	div#animation_content {border-bottom: 5px solid #CCC;}
	.caption {position: relative;display:block;overflow: hidden;width: 100%;max-width: 100%;margin: 0;top: auto;left: auto;bottom:auto;}
	div#index_service .bx-wrapper img {max-width:120px !important;width:80%;}
	
	
}

@media screen and (max-width : 660px) {
	.caption_alaune {bottom:10%;font-size:0.9em;}
	.bx-wrapper img {height:auto !important;}
	.index_service_nom {font-size: 0.9em;}
}
@media screen and (max-width : 660px) {
	.index_service_vignette {margin:0 auto 10px auto; float:none; text-align: center;}
	.index_service_nom {float:none; margin:0; text-align: center;}
}
@media screen and (max-width : 550px) {
	
	.caption_text p, .caption_text .caption_resume {width: 100%;}
	.caption_link {margin: -5px auto 10px auto;float:none;position:relative;}
	.caption_text .caption_resume {margin:0;}
	
}

@media screen and (max-width : 500px) {
	div#index_presentation {width:90%;}
	div#index_service .bx-wrapper .bx-prev, div#partenaire .bx-wrapper .bx-prev { left:0;}
	div#index_service .bx-wrapper .bx-next, div#partenaire .bx-wrapper .bx-next { right:0;}
	div#partenaire .bx-wrapper {padding:0 70px !important;}
	
	div#index_service .bx-wrapper .bx-prev, div#index_service .bx-wrapper .bx-next {width:30px;}
	div#index_service .bx-wrapper {padding: 0 30px !important;}
	.index_service_cadre {padding: 10px 3px 0 3px;}
	
}
@media screen and (max-width : 450px) {
	/*.index_service_nom {display:none;}	*/
}
@media screen and (max-width : 400px) {

	/*.index_service_cadre {padding: 10px 3px;}
	div#index_service .bx-wrapper .bx-prev, div#index_service .bx-wrapper .bx-prev:hover,  div#index_service .bx-wrapper .bx-prev:focus,
	div#index_service .bx-wrapper .bx-next, div#index_service .bx-wrapper .bx-next:hover,  div#index_service .bx-wrapper .bx-next:focus,*/
	div#partenaire .bx-wrapper .bx-prev, div#partenaire .bx-wrapper .bx-prev:hover,  div#partenaire .bx-wrapper .bx-prev:focus,
	div#partenaire .bx-wrapper .bx-next, div#partenaire .bx-wrapper .bx-next:hover, div#partenaire .bx-wrapper .bx-next:focus {background-size:70%;width:20px;}
}