@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Anton|Open+Sans|Roboto');
html {height:100%;}
.form-control::-moz-placeholder {opacity: 1 !important; color:#fff !important;}
:placeholder {
  opacity: 1 !important; color:#fff !important;
}
::-webkit-input-placeholder {
  opacity: 1 !important; color:#fff !important;
}
::-moz-placeholder {
  opacity: 1 !important; color:#fff !important;
}
:-ms-input-placeholder {
  opacity: 1 !important; color:#fff !important;
}
:-moz-placeholder {
  opacity: 1 !important; color:#fff !important;
}
body {font-family: 'HelvLight', 'Open Sans', sans-serif;font-size:16px;position: relative; color:#000;}
a {outline:none !important;color:#242323;}
a:hover {text-decoration:none;}
img {max-width:100%;}
header {position:relative;box-sizing: border-box; padding:13px 0 0;}
.interne header {padding: 13px 0 83px;}
body .vegas-container {position:absolute !important;height: 800px !important; width:100% !important;top:0 !important;}
.slide img {width:100%;}
.cont-header {padding:6px 0 0;text-align:center;font-family: 'Anton', sans-serif;background:rgba(30,151,237,0.5); position:relative; color:#fff; padding-bottom:14px; z-index:100; font-size:20px;}
.cont-header .col-sm-6:last-child {text-align:right;}
.cont-header a {color:#fff;}
.navbar-default {background:#156ba8; border:none;border-radius:0;}
.navbar-default .navbar-nav > li {float:none; display:inline-block; }
.navbar-default .navbar-nav > li > a {padding: 14px 17px;text-shadow:1px 1px 2px #000; font-family: 'HelvLight', 'Open Sans', sans-serif;f;color:#fff; text-transform:uppercase; font-size:14px;}
.navbar-right {width:100%; float:none; text-align:center;}
.nav > li > a:focus, .nav > li > a:hover, .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {background:none;text-shadow:3px 3px 3px #000;color:#fff !important; }
.logo {position:absolute;left:42.1%;top: -59px;}
.equipe p {max-width:527px; border-radius:5px;background:rgba(40,40,40,0.8);position:relative;text-align:center; color:#fff; font-size:15px; padding:8px 0; margin:141px auto 105px;}
.depan h5 {position:relative;font-family: 'Anton', sans-serif;text-align:center; text-transform:uppercase;text-shadow:1px 1px 2px #000;font-size:20px; color:#fff;}
.depan .col-sm-4 p {width:289px; margin:0 auto; font-size:17px; text-transform:uppercase;font-family: 'Anton', sans-serif; color:#3a719c; text-align:center;padding:25px 0 11px 44px;}
.depan .col-sm-4 p > span{font-size:17px;}
.depan .col-sm-4.icon1 p {background:url(images/icon1.png) center center no-repeat;}
.depan .col-sm-4.icon2 p {background:url(images/icon2.png) center center no-repeat;}
.depan .col-sm-4.icon3 p {background:url(images/icon3.png) center center no-repeat;}
.objectif {text-align:center; font-size:15px; color:#fff;background:url(images/bot-header.png) center top no-repeat; position:relative;margin-top:53px; padding:15px 0 10px;}
.objectif p {margin:0;}
.objectif a{font-size:24px;color:#ffffff;}
h1, h2, h3, h4, h5 {font-family: 'Anton', sans-serif;}
#accueil h1 {text-align:justify; color:#036fc2; text-transform:uppercase; font-size:16px;}
.page_interne h1 {background:#156ba8; color:#fff; padding:10px 25px;}
#accueil p {text-align:justify; color:#5d5d5d;}
.left, .justify-left {float:left; margin-right:60px;}
.right, .justify-right {float:right;margin-left:60px;}

h2 {text-align:center;font-size:20px; text-transform:uppercase; color:#818181; margin-bottom:30px;}
h2 span {display:inline-block; border-bottom:1px solid #818181;border-top:1px solid #818181; padding:3px 0;}

#avantages {background:url(images/slide2.jpg); background-size:cover;}
#avantages > div, #tarifs > div {background-image:url(images/top.png), url(images/bottom.png); background-position:center top, center bottom; background-repeat:no-repeat; background-size:size; padding:150px 0;background-size:100%;}
#avantages h2, #tarifs h2, #contact h2 {color:#fff;}
#avantages h2 span, #tarifs h2 span, #contact h2 span {border-color:#fff;}
.avantages {padding:0; text-align:center;}
.avantages li {display:inline-block; color:#fff;width: 18%; }
.avantages li h3 {font-size:15px;color:#fff;}
.avantages img {width:125px; height:125px; display:block; margin:0 auto; border-radius:50%;}
.interne .avantages li h3 {color:#156ba8;}

.services {padding:0; text-align:center;}
.services li {display:inline-block; color:#fff;width: 24%;position:relative; }
.services li h3 {font-size:16px; color:#2286d3}
.services img {position:relative; width:160px; height:164px; display:block; margin:0 auto;}
.services li a {display:block;position:relative; }
.services li a:after {content:' '; background:url(images/hover.png) center top no-repeat; display:block; position:absolute; top:0; left:0;right:0;bottom:0; }
.services li a:hover:after {content:' '; background:url(images/poly.png) center top no-repeat; display:block; position:absolute; top:0; left:0;right:0;bottom:0; }

#tarifs {background:url(images/slide3.jpg); background-size:cover; color:#fff;}
#tarifs ul {padding:0 33% 0 20%;}
#tarifs li {font-size:20px; display:block; border-bottom:1px solid #fff; position:relative; margin-bottom:17px; padding:0 0 0 72px;}
#tarifs li:after {content:' '; height:33px; width:33px; display:block; position:absolute; left:-21px; top:0;background:url(images/pc.png) center center no-repeat;}

#assurances p {text-align:center; color:#5d5d5d;}
.assurances {padding:0; text-align:center;position:relative;}
.assurances li {display:inline-block; color:#fff; margin:3px; }
.assurances li h3 {font-size:15px;}

.album {padding:0; overflow:auto; text-align:center;}
.album li {min-height: 262px;padding:8px 5% 25px;background:url(images/prest-bg.png) center center no-repeat;position:relative;display:block; width:29%; margin:0 2% 30px; float:left;}
.album a img {width:100%; border:12px #fff solid;}
.album h3 { color:#000; font-size:16px; padding:5px 0 5px; margin:0; font-weight:bold;}
.album a h3 {color:#fff !important;}
.album p {font-size:12px;}

#contact {position:relative;background:url(images/slide4.png) center top no-repeat; color:#fff;padding:90px 0 0; margin-top: -106px;}
#contact .texte {border:#fff solid 1px; overflow:auto; text-align:center;}
#contact h2 {color:#fff;}
#contact h2 + h2 {margin-bottom:0;}
#contact h2:after {background:#fff;}
.left-texte p, .right-texte span {color:#f08403;}
.texte p, .texte h4 {text-align:center; font-weight:bold;}
.texte a {font-size:26px; font-weight:bold; color:#fff;}
.texte {padding:15px 0;}
.right-texte {border-left:#fff solid 1px;}
#map_direction {margin: 18px 0 20px;font-size:14px !important;background:linear-gradient(to top,rgba(0,0,0,1),rgba(0,0,0,0.5)); padding:7px;}
#map_direction input[type="text"] {width:inherit; background:none; border:1px solid #f08403;height: 27px;margin-left: 10px; color:#fff; }
#map_direction input#load_direction {background:#f08403; color:#fff;padding: 6px 15px;margin-bottom:10px;}
#map_direction table.adp-directions {background:none;}
.fb-page {border:10px solid #f08403;}


table {background:#e2e1e1;}
td:first-child {color:#3e206b; padding-left:35px !important;}
td:last-child {text-align:right; padding-right:35px !important;}

.form-control {background:#d1d0d0; color:#333;}
.input-group-addon {background:#7a7a7a; color:#d1d0d0; border-color:#7a7a7a;}
.input-group, .form-group {margin-bottom:8px;}
.form-control {box-shadow: inset 0 1px 1px rgba(0,0,0,.075);}

footer {background:#156ba7}
footer .navbar-nav > li {display:inline-block; float:none;}
footer a, footer a:hover {color:#fff;}
footer .nav > li > a {text-shadow:1px 1px 2px #000;font-size:16px; text-transform:uppercase; border:none !important; color:#fff; font-weight:bold;}
footer .navbar-nav {margin:0;text-align:center; padding:0; background:#20a2ff; float:none;}
footer p {padding:10px 0 ; text-align:center; margin:0;clear: both;}
footer .nav > li > a:focus, footer .nav > li > a:hover {background:none;}

.form {margin-top: 20px;}
#map_direction {overflow:auto;}
#directionsPanel {width:50% !important; padding-right:25px;}
.adp-placemark td {padding:5px;}
.adp-summary, .adp-directions tr {color:#CCC;}
#contact_form .input2, #contact_form .input4, #contact_form input[type="text"], #contact_form textarea, input#depart, input[type="text"], textarea, .form-control {font-family:'Roboto', sans-serif;border:none; border-bottom:1px solid #fff; margin:0; background:none; margin-bottom:10px; color:#fff; border-radius:0;width:100%; font-size:17px; padding:11px 15px 5px; height:inherit;}
.form-control {box-shadow:none;}
fieldset label,#contact_form #periode td span.titre{width:100%;text-align:right;font-weight:bold; margin:0 5px 0 0 ; padding:0 ;}
fieldset label span{ color:#f00;}
.error {text-align: center;width: 100%;}
.fadein {margin: 0 auto;width: 135px;}
input#btn_valider, input#load_direction, .btn-primary {display:inline-block; background:none; color:#fff; text-align:center;border:none; padding: 12px 40px; border-radius:0; font-size:19px; margin-bottom:65px; border:1px solid #fff;}
#contact_form.form {clear:both;}
img[alt="captcha"] {margin-bottom:25px;}
#contact_form label {display:block; float:left; width:35%;background:rgba(244,72,143,0.4);border:#3c221c 1px solid; font-size:17px;font-weight: normal;padding: 4px 0 4px 17px;}
.interne .form-buttons {text-align: left;}
.interne input#btn_valider, .interne input#load_direction, .interne .btn-primary {display:inline-block; background:#156ba8; color:#fff; text-align:center;border:none; padding: 12px 40px; border-radius:0; font-size:19px; margin-bottom:65px; border:1px solid #fff;}


.interne textarea, .interne #contact_form textarea, .interne #contact_form .input2, .interne #contact_form .input4, .interne #contact_form input[type="text"], .interne #contact_form textarea, .interne input#depart, .interne input[type="text"], .interne textarea, .interne .form-control {border:none; border-bottom:solid #45592f 1px; margin:0; background:#333; margin-bottom:10px; color:#fff; border-radius:0;width:100%; font-size:19px; padding:15px 15px 7px; height:inherit;}
.interne .adresse-top {display:none;}

textarea.form-control {height: 92px !important;}
.btn-primary:hover {background:#156ba8;color:#fff;}

.album_nav a {background-color: #45592f;  color:#fff; padding:5px 15px; margin-top:10px; display:none; border-radius:50px;}
.galleria-info {display:none !important;}
.galleria-theme-classic {background:none !important;}
.cookieconsent {top:inherit !important; bottom:0; margin:0 !important; background:rgba(0,0,0,0.8) !important; color:#fff !important; border:none !important;}
.btn-info {background:#fff; color:#000; border:none;}

#quip-add-comment-qcom button {display:inline-block; background:#e5af02; color:#000; text-align:center;border:none; border-bottom:3px #af890e solid; padding: 12px 40px; border-radius:0; font-size:19px;}

.autres_activite {padding:0;}
.autres_activite li {display:inline-block;width: 49%;vertical-align: top;}
.autres_activite li a {display:block; background:#ddd; padding:5px 15px; margin-bottom:4px; font-size:20px;}
.autres_activite li a:hover, .autreactivites a.btn:hover {background:#333; color:#fff; transition:0.3s;}
.autreactivites a.btn {display:inline-block; background:#ddd; padding:5px 15px; margin-bottom:4px; font-size:20px; border:none;width: 49%;vertical-align: top;}

.interne .equipe, .interne .depan, .interne .objectif {display:none;}

.visible-xs.slogan {display:none !important;}
.depannage{color:#ea0000; /*text-shadow:0px 0px 22px #ffffff;*/}

span.blanc { padding: 2px 10px; background-color: #fff; border-radius: 20px;}
@media (min-width: 1200px) {
	.is-sticky .logo img {width: 185px;margin-top: 58px;}
	.is-sticky .logo {left: 47.1%;top: -59px;}
}

@media (min-width: 1300px) {

}


@media (min-width: 992px) {

}
@media (max-width: 1199px) and (min-width: 768px) {

}
@media (min-width: 768px) {
	.navbar-default .navbar-nav > li:nth-child(3) > a {margin-right:317px;}
	#assurances {padding:0 0 150px;background:url(images/top.png) center bottom no-repeat; background-size:100%; z-index:10; position:relative;}
	#zoneactivite {position:relative; margin-top:-129px;}
	#zoneactivite h2 {position:absolute; width:100%;top: 82px;z-index: 10;}
	.equipe p br:first-child {float:left;}
	header {overflow:hidden;}
}
@media (max-width: 1199px) and (min-width: 992px) {
	.navbar-default .navbar-nav > li > a { padding: 14px 11px;}
	.logo img {width: /*260px*/225px;}
}
@media (max-width: 991px) and (min-width: 768px) {
	.navbar-default .navbar-nav > li > a { padding: 14px 11px;}
	.logo img {width: 211px;}
	.navbar-default .navbar-nav > li > a {padding: 14px 8px;text-transform: inherit;font-size: 12px;}
	.cont-header {font-size: 15px;}
}
@media (max-width: 767px) {
	footer {overflow:hidden; text-align:center; margin:0;}
	.navbar-default .navbar-toggle::after {color: #fff;content: "MENU"; position:absolute;top: 5px;left: -50px; font-family:'Anton', Arial, Helvetica, sans-serif;}
	.navbar-default { width: 100%;padding:5px 0;text-align:right;position: fixed;top: 0;background:#156ba8; margin:0; }
	.navbar-default .navbar-nav > li {display:block;}
	.phone_bottom { width: 100%;padding:10px 0;;position: fixed;bottom: 0;background:#156ba8; margin:0; text-align: center; color: #fff; font-family: "Anton"; z-index:9998; font-size: 20px; }
	.phone_bottom a {color: #fff;}

	body {font-size:13px;}
	.cont-header {background:none;height: 200px;}
	.interne .cont-header {height: 92px;}
	.album li, .presse li {width:100%;}
	#logo li {width:100%; display:block;}
	.logo img {width:103px; margin-left:15px;}
	.album-activites {padding:10px 0;}
	.album {padding:0 15px;}
	.formulaire {left:0;}
	header .nav > li > a {padding:10px 25px;font-weight:bold;}
	footer .nav > li > a {z-index: 10;font-size: 12px;text-transform: inherit;padding: 5px 3px;}
	.phone.visible-xs {position: absolute;left: 126px;top: 4px;width: 138px;text-align: center;font-size: 13px;}
	.phone.visible-xs a {color:#fff; display:block; /*background:#333;*/ margin-top:6px; /*display:none;*/ font-size: 20px;}
	.phone.visible-xs:hover a {display:block;}
	.phone.visible-xs img {margin:0 auto; display:block;}
	.logo {margin-top: 0;position: fixed; top: 0; z-index: 500000001; left: 0; padding: 0;}
	footer .navbar-nav {margin:0; padding-top:10px;}
	body { overflow-x: hidden;}
	.navbar-toggle {margin-right:12px;}
	body {font-size:12px;}
	.album-home li {width:100%;}
	.interne .slide {display:none;}
	.interne #accueil {margin-top: 50px;}
	.album li, .album-home li img {width: 282px;height:282px;}
	.album li {display:block; margin:0 auto 15px; float:none;}
	.album {text-align:center;}
	.navbar-collapse.in {margin: 9px 0 0;}
	.adresse > div{margin: 0 auto 25px;}
	.form-buttons {text-align: left;}
	.autres_activite li a{font-size:12px;}
	h1, h2 {margin-top:15px !important; font-size:18px !important;}
	h2 {font-size:25px !important;}
	#ligne .container {padding:35px;}
	#accueil .container {padding: 30px 15px 100px;}
	#accueil .horaires {display:none;}
	#accueil h1,#accueil p{padding:0;}
	#accueil .container:after {display:none;}
	#ligne .left {width:100%;}
	#contact {padding: 46px 0 0;margin:0;position:relative;background:url(images/mb-contact.jpg) center top repeat;}
	#directionsPanel, #map_canvas_googlemap {width:100% !important;}
	footer .nav > li > a {margin:0;}
	footer p {float:none; width:100%; text-align:center; margin-top:0;}
	#prestations {}
	.navbar-default .navbar-toggle .icon-bar {background-color: #fff;}
	.img-hover {display:block !important; margin:0 auto !important; float:none !important;}
	.avantages li, .services li {width: 49%;}
	#tarifs li {font-size: 15px;padding: 0 0 0 25px;}
	#tarifs ul { padding: 0 25px;}
	#avantages > div, #tarifs > div {padding: 80px 0;}
	.home #accueil img.acc {margin-left: 10px;width: 50%;}
	#accueil .container {padding-bottom:50px;}
	.form {overflow:hidden;}
	.equipe p {margin:0;}
	.objectif {background:none;padding:0;}
	.objectif p {color:#156ba8; padding:0 15px;}
	.objectif a {color:#3a719c; font-size:23px;}
	.btn-primary {margin-top:15px;}
	body .vegas-container {height: 214px !important;}
	.top-nav {display:none;}
	#accueil .container {padding: 15px;}
	.interne header {padding: 0;}
	.assurances img {width:100%;}
/*	#avantages {background-size: 100%;}*/
	.equipe {margin-top: -138px;}
	.icon1, .icon2, .icon3 {background: #333; padding-bottom:15px;}
	.cookieconsent { bottom: 75px !important;}
}
@media (min-width: 1700px) {
	.navbar-default .navbar-nav > li:nth-child(3) > a {  margin-right: 400px !important; }
}