#slider-homme{ position:relative}
.offer h1{ color:#11456e; font: 20px 'gotham-bold'; text-transform: uppercase; text-align:center; margin-bottom:100px}

.offer ul li{ position:relative; width: 285px; border-radius: 15px; overflow:hidden; cursor: pointer; min-height: 392px; float:left;}

.offer ul li .overlay_offer{ position:absolute; bottom:15px; left:0; right:0; text-align:center; top:0; bottom:0;
background: rgba(248,80,50,0);
background: -moz-linear-gradient(top, rgba(248,80,50,0) 0%, rgba(174,76,69,0) 32%, rgba(17,69,110,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(248,80,50,0)), color-stop(32%, rgba(174,76,69,0)), color-stop(100%, rgba(17,69,110,1)));
background: -webkit-linear-gradient(top, rgba(248,80,50,0) 0%, rgba(174,76,69,0) 32%, rgba(17,69,110,1) 100%);
background: -o-linear-gradient(top, rgba(248,80,50,0) 0%, rgba(174,76,69,0) 32%, rgba(17,69,110,1) 100%);
background: -ms-linear-gradient(top, rgba(248,80,50,0) 0%, rgba(174,76,69,0) 32%, rgba(17,69,110,1) 100%);
background: linear-gradient(to bottom, rgba(248,80,50,0) 0%, rgba(174,76,69,0) 32%, rgba(17,69,110,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f85032', endColorstr='#11456e', GradientType=0 );
}
.offer ul li .overlay_offer h2{font: 14px 'gotham'; text-transform: uppercase; color:#FFF; position:absolute; bottom:15px; left:0; right:0}



.offer .bx-controls-direction .bx-prev{width:61px; height:61px; border-radius:61px; background-color:#FFF; box-shadow: 0px 7px 14px rgba(17, 69, 110, 0.1); left:-75px; background-image: none
}

.offer .bx-controls-direction .bx-prev i, .offer .bx-controls-direction .bx-prev:hover i{ text-indent: -7px}

.offer .bx-controls-direction .bx-next{width:61px; height:61px; border-radius:61px; background-color:#FFF; box-shadow: 0px 7px 14px rgba(17, 69, 110, 0.1); right:-75px !important; background-image: none}

.offer .bx-controls-direction a i{ font-size: 40px; text-indent:0px; color: #d4dbe8}

.offer .bx-controls-direction a:hover>i{ font-size: 40px; text-indent:0px; color: #01a9d8}


.offer .bx-controls-direction a{ text-indent:6px !important; text-align:center; line-height:75px; top:45%}

.offer .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto{ /*top:-103px*/}


.offer  .bx-wrapper .bx-pager.bx-default-pager a:hover, .offer  .bx-wrapper .bx-pager.bx-default-pager a.active, .offer  .bx-wrapper .bx-pager.bx-default-pager a:focus{ background-color:#fbb03b;}

.offer .bx-wrapper .bx-pager.bx-default-pager a{ width: 16px; height: 16px; background-color:#d4dbe8; border-radius: 16px}

.voyage-incentive-first{ background-color:#f0f0f0; padding:50px 0}

.voyage-incentive-first .container p{font: 14px/22px 'gotham-bold'; color:#9398a5}

.offer{ margin-bottom:100px}

.voyage-incentive-first .container .col-lg-6 p{font: 12px/16px 'gotham-book'; color:#9398a5}

.voyage-incentive-first .container .row{ margin-top: 65px !important}


.voyage-incentive-first .container h2{font: 20px/22px 'gotham-bold'; color:#11456e; text-transform: uppercase; margin-bottom:20px; text-align:center}

.section3{background: url('/cssimg/site/bg_section3.jpg') no-repeat center; background-size:cover; padding: 75px 0}

.section3 .container h3{font: 48px/48px 'gotham-black'; color:#FFF; text-transform: uppercase; margin-bottom:37px}

.section3 .container h3 span{ color:#fbb03b}

.section3 .container p{ max-width: 369px; 	font: 12px 'gotham-book'; color: #FFF}

.section3 .container a{font: 12px/18px 'gotham-bold'; color:#FFF; background-color:#fbb03b; display: inline-block; padding: 15px 70px; border-radius: 35px; margin-top: 38px; text-transform: uppercase; 	  
	 -webkit-transition: all 350ms ease-in-out;
    -moz-transition: all 350ms ease-in-out;
    -o-transition: all 350ms ease-in-out;
    -transition: all 350ms ease-in-out;
}

.section4 .container p, .section6 .container p{ color:#9398a5; font: 14px 'gotham-bold'; text-align:center}

.section4 { padding: 45px 0}

.section4 .container, .section6 .container{ text-align:center}

.section6{ padding: 40px 0}

.section4 .container h3, .section6 .container h3{font: 20px/22px 'gotham-bold'; color:#11456e; margin-bottom: 30px; text-transform: uppercase; text-align:center}

.section4 .container a, .see_all{ background-color:#01a9d8; color: #FFF; font: 12px/18px 'gotham-bold'; text-transform: uppercase; padding: 15px 50px; border-radius: 35px; box-shadow: 0 6px 10px rgba(1, 169, 216, 0.5);
	   -webkit-transition: all 350ms ease-in-out;
    -moz-transition: all 350ms ease-in-out;
    -o-transition: all 350ms ease-in-out;
    -transition: all 350ms ease-in-out;

}

.see_all{ margin: 60px auto; 	   -webkit-transition: all 350ms ease-in-out;
    -moz-transition: all 350ms ease-in-out;
    -o-transition: all 350ms ease-in-out;
    -transition: all 350ms ease-in-out;
}

.see_all:hover{   background-color: #fbb344;
    box-shadow: 0 6px 10px rgba(251, 179, 68, 0.5);
    color: #fff;
    text-decoration: none;}

.section4 .container a img, .see_all img{ margin-left:40px; margin: 66px auto 66px 15px}

.section4 .container .col-lg-4, .section4 .container .col-lg-4 p{ text-align:center; color:#7e8495; font: 12px/16px 'gotham';}

.section4 .container .col-lg-4 p{ max-width: 240px; margin:auto}

.section4 .container .col-lg-4 img{ margin-bottom: 30px}

.section4 .container .row{ margin-bottom: 100px !important}

.img_picto{ min-height: 115px}

.section5{background: url('/cssimg/site/bg_section4.jpg') no-repeat center; background-size:cover; padding: 75px 0}

.section5 .container form{ border-radius: 50px; overflow:hidden; background-color:#FFF; width:100%; margin-top:25px} 

.section5 .container form input{ height: 49px; border: none}

.section5 .container form input{font: 12px/22px 'gotham'; font-style:italic; color:#a4a5a6}

.section5 .container form input[type="submit"], .section5 .container form input[type="button"]{
	background-color: #01a9d8;
    background-image: none;
    color: #fff;
    font: 11px "gotham-bold";
    text-transform: uppercase;
	text-align:center;
	-webkit-transition: all 350ms ease-in-out;
    -moz-transition: all 350ms ease-in-out;
    -o-transition: all 350ms ease-in-out;
    -transition: all 350ms ease-in-out;
	width:100%; text-align:center; margin:auto
}


.section5 .container form input[type="submit"]:hover{  background-color: #fbb03b;
    box-shadow: -6px 0 24px #fbb03b; box-shadow: -6px 0 24px #fbb03b;}

.section5 .container form .col-lg-4:hover{ box-shadow:none}

.section5 .container form .col-lg-4{    border: medium none;
    box-shadow: -6px 0 24px #01a9d8;
	background-color: #01a9d8 !important;
    padding: 0;
	text-align:center
	
	}
	
.section5 .container form .col-lg-8{ min-width: 394px}

.section5 .container form .col-lg-8{ min-width: 160px}



.section5 .container h3{font: 24px/30px 'gotham'; color:#dbe0eb}

.section6 .container ul{ text-align:left; margin-top: 24px}

.section6 .container ul li{ display: inline-block; width: 297px; border-radius: 15px; min-height:575px; margin: 15px; box-shadow: 0px 4px 10px rgba(17,69,110,0.2); overflow:hidden; padding-bottom: 20px; position:relative}

.section6 .container ul li:first-child{ margin-left:0}

.section6 .container ul li:last-child{ margin-right:0}


.section6 .container ul li .img_blog{ width: 100%; height:206px; overflow:hidden}

.section6 .container ul li .img_blog img{ width: 100%; min-height: 206px}

.section6 .container ul li h3{ font: 16px "gotham-bold"; text-transform: uppercase; color:#7e8495; min-height: 50px; margin-bottom: 15px; text-align:left}

.section6 .container ul li p{font: 14px/18px 'gotham'; color:#dbe0eb; min-height: 60px; text-align:justify; }

.section6 .container ul li a span{font: 12px 'gotham-book'; color:#7e8495;}

.section6 .container ul li a i{color:#7e8495; font-size: 18px}

.section6 .container ul li a:nth-child(2) i{color:#7e8495; font-size: 16px; margin-left: 15px}

.see_more{ text-align:right; color:#01a9d8; font: 12px 'gotham'; text-transform: uppercase; margin-top:20px; 	
	-webkit-transition: all 350ms ease-in-out;
    -moz-transition: all 350ms ease-in-out;
    -o-transition: all 350ms ease-in-out;
    -transition: all 350ms ease-in-out;
	position:absolute; bottom: 25px; right:15px
}

.see_more:hover{   
	color: #fbb344;
    text-decoration: none;}

#slider-homme .bx-wrapper{ max-height: 700px; overflow:hidden}

.section3 .container a:hover{background-color:#01a9d8; text-decoration: none; color:#FFF; box-shadow:0 6px 10px rgba(1, 169, 216, 0.5)}

.section4 .container a:hover{background-color:#fbb344; text-decoration: none; color:#FFF; box-shadow: 0 6px 10px rgba(251, 179, 68, 0.5)}

.banniere .bx-wrapper .bx-controls-direction a{ text-indent:0px; background-image: none !important; font-size: 50px; color:#FFF}

.banniere .bx-wrapper .bx-controls-direction a.bx-prev{ left:15px !important}

.banniere .bx-wrapper .bx-controls-direction a.bx-next{ right:15px !important}


.bx-wrapper .slidebanner img{ max-width:inherit; width: 101%}


.offer .bx-wrapper .bx-default-pager{ position: absolute !important; bottom: inherit !important; top: -100px}

.caroussel_offer li img{ height: 392px; width:auto; max-width: none}

.banner_page_slide .legende h2{ text-shadow: 1px 1px 1px #FFFFFF; color:#23527c}


@media(max-width: 960px){ 

.offer .bx-controls-direction{ display: none}
.section6 .container ul{ text-align:center}
	.section3{ padding: 15px}

}

@media(max-width: 480px){
	.section6 .container ul li{ width: auto; margin: 15px !important}
	
}





.container_inc_garant h2 {
    font: 36px 'LeviReBrushed';
    color: #86b216;
    text-transform: uppercase;
}
.spanfecha {
    color: #414141;
    font-weight: bold;
    font-size: 15px;
}
.a_next {
    color: #FF3D00;
text-transform: uppercase;
}