@import url("/include/fonts/raleway-regular/styles-raleway-regular.css");
@import url("/include/fonts/freehand471_btregular/styles-freehand471_btregular.css");
@import url("/include/fonts/font-awesome/styles-font-awesome.min.css");
/* Imports */
/* Declarations  Fonts*/
body {
  font-family: 'ralewayregular';
  color: #385262;
  margin: 0;
  padding: 0;
}
img{
	vertical-align: middle;
}
#main {
  padding: 0 10px;
}
#main a {
  color: #385262;
}
header #logo {
  position: relative;
}
i.no-uppercase{
  text-transform: none;
  font-style: unset;
}
@media (min-width: 992px) {
  header #logo > div {
    position: absolute;
    z-index: 10000;
  }
}
header #titreHeader {
  font-size: 28px;
  font-family: 'freehand471_btregular';
  padding: 15px;
  text-align: center;
  font-weight: bold;
}
header #horaires {
  font-size: 14px;
}
header #horaires > div {
  max-width: 220px;
  padding: 15px;
}
header #horaires img {
  padding: 15px;
}

#headerContact{
	
	color:#b7cc21;
	padding-bottom: 20px;
}
#headerContact a{
	
	color:#b7cc21;
	text-decoration: none;
}
.headerContact{
	font-size: 30px;
}
.fa-envelope{
	font-size: 30px;
}
.selectLangue{
	position: relative;
	cursor: pointer;
	padding:0 20px;
	color:#b7cc21;
	font-weight: bold;
	text-shadow:1px 1px 2px #000;
}

.selectLangue ul {
	color: #b7cc21;
	padding-top: 5px;
	padding-left: 10px;
	padding-bottom: 5px;
	text-transform: none;
	display: none;
	list-style: none;
	margin: 0;
	padding: 0;
	position: absolute;
	z-index: 20000;
	left: 0;
	right:0;
	text-align: center;
}
.selectLangue ul li{
	padding:5px 0;
	background-color: #fff;
}
.selectLangue ul li a{
	padding: 5px;
}
.selectLangue ul li a:hover, .selectLangue ul:not( :hover ) li.active a {
	
	color: #b7cc21
}
.selectLangue:hover ul{
	display: block;
}
.selectLangue i{
	margin-left: 5px;
}

header #menuMedium {
  position: absolute;
  top: 125px;
  right: 15px;
  width: fit-content;
}
@media(max-width:767px){
  header #menuMedium {
    top: 15px;
    left: 15px;
	}	
	.selectLangue,.selectLangue ul{font-size: 20px;}
  #headerContact{
    position: absolute;
    top: 0;
    right: 0;
    width: calc(100% - 83.33333333%);
  }
}
@media(max-width:510px){
  #header-logo{
    max-width: 45vw;
  }
  .headerContact{
    font-size: 22px;
  }
  .selectLangue, .selectLangue ul {
    font-size: 16px;
  }
  .selectLangue{
    padding: 0 1px;
  }

}
header .icon-bar {
  display: block;
  width: 22px;
  height: 3px;
  border-radius: 1px;
  background-color: #ffffff;
}
header #btnMenu {
  background-color: #385262;
  border: 0;
  border-radius: 20px;
  cursor: pointer;
  padding: 10px;
}
header .icon-bar + .icon-bar {
  margin-top: 4px;
}
#reservation {
  width: 100%;
  background-color: rgba(161, 218, 247, 0.4);
  font-size: 20px;
  font-family: 'freehand471_btregular';
}
#reservation form > div {
  padding: 15px 10px;
}
#reservation label {
  background-color: #ffffff;
  border-radius: 10px;
  padding: 5px 10px;
  cursor: pointer;
}
#reservation span.submit {
  background-color: #ffffff;
  border-radius: 10px;
  padding: 5px 15px;
  border: 0;
  text-transform: uppercase;
  font-family: 'freehand471_btregular';
  cursor: pointer;
}
@media (min-width: 768px) {
  #reservation {
    position: absolute;
    width: 640px;
    left: calc(50% - 320px);
    bottom: 0;
    z-index: 10000;
  }
}



@media (min-width: 1200px) {
 .blocLocation .texte > div:nth-child(1) {
    min-width: 490px;
}

}




#reservation input {
  margin: 0 5px;
}
nav {
  background-color: #385262;
  /*min-height: 48px;*/
  margin-top: 3px;
  font-size: 18px;
  text-shadow: 2px 2px 2px #000000;
  font-weight: bold;
}
nav > ul {
  padding: 0;
  list-style: none;
  margin: 0 auto;
  color: #afc71e;
}
nav > ul > li {
  padding: 10px 2px;
  position: relative;
}
nav > ul > li > a {
  color: #afc71e;
  text-decoration: none;
  text-transform: uppercase;
  padding: 10px 5px;
}
nav > ul > li > a.actif {
  color: #ffffff;
}
@media (min-width: 1030px) {
  nav > ul > li {
    padding: 10px 4px;
  }nav > ul > li:nth-child(2n+3) {
    padding: 10px 2px;
}
}
nav > ul .ssMenu {
  font-weight: normal;
  font-size: 14px;
  text-transform: uppercase;
  padding: 10px 5px;
}
nav > ul .ssMenu ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
nav > ul .ssMenu ul li {
  border-bottom: 1px solid #385262;
  padding: 8px 0;
}
nav > ul .ssMenu ul li:before {
  content: "•";
}
nav > ul .ssMenu a {
  text-transform: uppercase;
  padding: 8px 0;
  color: #afc71e;
  text-decoration: none;
}
nav > ul .ssMenu .fraction-slider {
  width: 300px;
  height: 155px;
}
nav > ul .ssMenu .slideNav {
  width: 300px;
}
nav > ul .ssMenu .txtSlideNav {
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  margin-top: 5px;
}
#closeMenu {
  text-align: right;
  cursor: pointer;
  color: #ffffff;
}
@media (max-width: 1199px) {
  nav {
    position: absolute;
    top: 0;
    right: 0;
    margin-top: 0;
    width: 340px;
    z-index: 10001;
    padding: 10px;
    display: none;
  }
  nav > ul > li {
    width: 100%;
  }
  nav > ul > li:nth-child(2n+3) {
    display: none;
  }
  nav > ul .ssMenu {
    position: relative;
    padding-left: 15px;
  }
  nav > ul .ssMenu .slideNav {
    display: none;
  }
}
@media (max-width: 992px) {
  .hidden-md-992 {
    display: none;
  }
}
@media (min-width: 1200px) {
  .hidden-md {
    display: none;
  }
  nav {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  nav > ul {
    text-align: center;
  }
  nav > ul .ssMenu {
    position: absolute;
    width: 640px;
    text-align: left;
    border: 1px solid #385262;
    color: #385262;
    text-shadow: 0 0 0;
    font-weight: normal;
    font-size: 14px;
    text-transform: uppercase;
    top: 100%;
    left: -300px;
    padding: 10px 5px;
    display: none;
    background-color: #ffffff;
    z-index: 10000;
  }
  nav > ul .ssMenu a {
    color: #385262;
  }
}
/************************
FOOTER
****************************/
#coordonnees {
  max-width: 1280px;
  margin: auto;
  text-align: center;
  margin-top: 40px;
  margin-bottom: 45px;
}
#coordonnees > div {
  padding: 5px;
}
#coordonnees > div > div {
  background-color: #385262;
  padding: 15px;
  height: 215px;
}
#coordonnees .image {
  
  display: flex;
  justify-content: center;
  align-items: flex-end;
}
#coordonnees .titre {
  color: #ffffff;
  font-size: 18px;
  text-transform: uppercase;
  font-weight: bold;
  margin-top: 40px;
}
#coordonnees .texte,
#coordonnees a {
  font-size: 14px;
  color: #afc71e;
  margin-top: 15px;
}
#partenaire {
  max-width: 1600px;
  margin: auto;
padding: 0 10px;
	
}
#partenaire .titre {
  font-size: 18px;
  font-weight: bold;
}
#partenaire a {
  text-decoration: none;
  color: #afc71e;
  font-size: 18px;
  text-transform: uppercase;
  margin-left: 15px;
  font-weight: bold;
}
#partenaire .fb {
  text-decoration: none;
  text-transform: uppercase;
  font-size: 18px;
  color: #385262;
  max-width: 320px;
  margin-top: 15px;
  margin-bottom: 15px;
}
#partenaire .fb > span {
  margin-right: 15px;
  margin-left: 15px;
}
@media (min-width: 1200px) {
  #partenaire .fb {
    border-left: 1px solid #385262;
  }
}
#menuBas {
  text-align: center;
  margin-top: 45px;
  margin-bottom: 45px;
  padding: 45px 10px;
  border-top: 1px solid #385262;
  border-bottom: 1px solid #385262;
  font-size: 18px;
  text-transform: uppercase;
}
#menuBas a,#rgpd a {
  color: #385262;
}
#menuBas a.ssMenu,#rgpd a.ssMenu {
  text-transform: none;
  font-size: 14px;
}
#rgpd{
	text-align: center;
  	margin-bottom: 45px;
}
#copy {
  text-transform: uppercase;
  font-size: 14px;
  margin-top: 45px;
  
  text-align: center;
}
#copy .w3c {
  padding: 0px 15px;
}
#copy img {
  margin: 10px;
}
@media (max-width: 768px) {
  #copy,#rgpd a,#copy .w3c {
    display: block;
  }
	#menuBas{display: none;}
}
h1,
h2,
h3 {
  font-size: 24px;
  text-align: center;
  max-width: 1260px;
  margin: 45px auto;
  text-transform: uppercase;
}
h3 {
  font-size: 24px;
}
.blocText {
  font-size: 14px;
  text-align: center;
  max-width: 1260px;
  margin: 0px auto 45px auto;
}
.w1600 {
  max-width: 1600px;
}
.blocImage {
  margin: 45px auto 30px;
  max-width: 1630px;
}
.bg,
.bg2 {
  padding: 15px;
}
.bg .imgHover,
.bg2 .imgHover {
  background-position: center center;
  background-size: cover;
  display: block;
  position: relative;
}
.bg .imgHover .hover,
.bg2 .imgHover .hover {
  position: absolute;
  width: 100%;
  text-align: center;
  font-family: 'freehand471_btregular';
  font-size: 30px;
  color: #ffffff;
  text-transform: uppercase;
  text-shadow: #000000 1px 1px, #000000 -1px 1px, #000000 -1px -1px, #000000 1px -1px;
}
@media (min-width: 992px) {
  .bg .imgHover .hover,
  .bg2 .imgHover .hover {
    display: none;
  }
}
.bg .imgHover .plus,
.bg2 .imgHover .plus {
  position: absolute;
  top: 5px;
  right: 0;
}
.bg .txt,
.bg2 .txt {
  padding: 25px;
  background-color: #afc71e;
  text-align: justify;
}
.bg .imgHover {
  height: 345px;
}
.bg .imgHover .hover {
  top: 255px;
}
.bg span[class*=bg_location],.bg a[class*=bg_location] {
  height: 250px;
}
.bg2 > div {
  background-color: #afc71e;
}
.bg2 .imgHover {
  height: 280px;
}
.bg2 .imgHover .hover {
  top: 194px;
  left: 0;
}
.ta-none,.bg .txt .ta-none, .bg2 .txt .ta-none{
  text-align: unset !important;
}
.bg2 .barSnack {
  background-color: #ffffff;
}
.bg2 .barSnack > span {
  width: calc(50% - 15px);
}
@media (max-width: 767px) {
  .bg2 .barSnack > span {
    width: 100%;
  }
  .bg2 .barSnack > span + span {
    margin-top: 30px;
  }
}
.bg_index_locations {
  background-image: url(../images/camping-les-bouldouires-locations.jpg);
}
.bg_index_emplacements {
  background-image: url(../images/camping-les-bouldouires-emplacements.jpg);
}
.bg_index_services {
  background-image: url(../images/camping-les-bouldouires-services.jpg);
}
.bg_index_activites {
  background-image: url(../images/camping-les-bouldouires-activites.jpg);
}
.bg_index_decouvrir {
  background-image: url(../images/camping-les-bouldouires-decouvrir.jpg);
}
.bg_activite_nautique {
  background-image: url(../images/camping-bouldouires-activites-nautiques.jpg);
}
.bg_activite_peche {
  background-image: url(../images/camping-bouldouires-activites-peches.jpg);
}
.bg_activite_rando {
  background-image: url(../images/camping-bouldouires-activites-randonnees.jpg);
}
.bg_activite_rando_vtt {
  background-image: url(../images/camping-bouldouires-activites-randonnees-vtt.jpg);
}
.bg_activite_equitation {
  background-image: url(../images/camping-bouldouires-activites-equitation.jpg);
}
.bg_activite_cueillette {
  background-image: url(../images/camping-bouldouires-activites-cueillette.jpg);
}
.bg_activites_nautique_lac_raviege {
  background-image: url(../images/camping-bouldouires-activites-nautiques-lac-raviege.jpg);
}
.bg_activites_nautique_base_loisirs {
  background-image: url(../images/camping-bouldouires-activites-nautiques-base-loisirs.jpg);
}
.bg_activites_nautique_base_nautique {
  background-image: url(../images/camping-bouldouires-activites-nautique-base-nautiques-bouldouires.jpg);
}
.bg_activites_nautique_piscine {
  background-image: url(../images/camping-bouldouires-activites-nautiques-piscine.jpg);
}
.bg_activites_nautique_tennis {
  background-image: url(../images/camping-bouldouires-activites-nautiques-tennis.jpg);
}
.bg_activites_cueillette_1 {
  background-image: url(../images/camping-bouldouires-activites-cueillette-champignons.jpg);
}
.bg_activites_cueillette_2 {
  background-image: url(../images/camping-bouldouires-activites-cueillette-champignons-cepes.jpg);
}
.bg_activites_cueillette_3 {
  background-image: url(../images/camping-bouldouires-activites-cueillette-champignons-12.jpg);
}
.bg_activites_cueillette_4 {
  background-image: url(../images/camping-bouldouires-activites-cueillette-champignons-russules.jpg);
}
.bg_activites_nautique_equitation_1 {
  background-image: url(../images/camping-bouldouires-activites-equitation-1.jpg);
}
.bg_activites_nautique_equitation_2 {
  background-image: url(../images/camping-bouldouires-activites-equitation-2.jpg);
}
.bg_activites_nautique_equitation_3 {
  background-image: url(../images/camping-bouldouires-activites-equitation-3.jpg);
}
.bg_activites_nautique_equitation_4 {
  background-image: url(../images/camping-bouldouires-activites-equitation-4.jpg);
}
.bg_activites_peche_lac_raviege {
  background-image: url(../images/peche-camping-bouldouires-lac-raviege.jpg);
}
.bg_activites_peche_lac_laouzas {
  background-image: url(../images/peche-camping-bouldouires-lac-laouzas.jpg);
}
.bg_activites_peche_lac_saints_peyres {
  background-image: url(../images/peche-camping-bouldouires-lac-saints-peyres.jpg);
}
.bg_activites_peche_carpe {
  background-image: url(../images/peche-camping-bouldouires-lac-peche-carpe.jpg);
}
.bg_activites_peche_truite {
  background-image: url(../images/peche-camping-bouldouires-lac-peche-truite.jpg);
}
.bg_activites_peche_saumon {
  background-image: url(../images/peche-camping-bouldouires-lac-peche-saumon.jpg);
}
.bg_activites_randos_enfant_sauvage {
  background-image: url(../images/camping-bouldouires-randonnees-enfant-sauvage.jpg);
}
.bg_activites_randos_saint-jacques {
  background-image: url(../images/camping-bouldouires-randonnees-st-jacques-de-compostelle.jpg);
}
.bg_activites_randos_maison_payrac {
  background-image: url(../images/camping-bouldouires-randonnees-maison-de-payrac.jpg);
}
.bg_activites_randos_vallee_gijou {
  background-image: url(../images/camping-bouldouires-randonnees-vallee-du-gijou.jpg);
}
.bg_activites_randos_idees {
  background-image: url(../images/camping-bouldouires-randonnees-idees-randonnees.jpg);
}
.bg_activites_randos_vtt_1 {
  background-image: url(../images/camping-bouldouires-randonnees-vtt-1.jpg);
}
.bg_activites_randos_vtt_2 {
  background-image: url(../images/camping-bouldouires-randonnees-vtt-2.jpg);
}
.bg_activites_randos_vtt_3 {
  background-image: url(../images/camping-bouldouires-randonnees-vtt-3.jpg);
}
.bg_activites_randos_vtt_4 {
  background-image: url(../images/camping-bouldouires-randonnees-vtt-4.jpg);
}
.bg_emplacements_1 {
  background-image: url(../images/salvetat-sur-agout.jpg);
}
.bg_emplacements_2 {
  background-image: url(../images/camping-bouldouires-salvetat-sur-agout-emplacements-1.jpg);
}
.bg_emplacements_3 {
  background-image: url(../images/camping-bouldouires-salvetat-sur-agout-emplacements.jpg);
}
.bg_emplacements_4 {
  background-image: url(../images/camping-bouldouires-salvetat-sur-agout-emplacements-2.jpg);
}
.bg_emplacements_5 {
  background-image: url(../images/plan-camping-pt.jpg);
}
.bg_location_1 {background-image: url(../images/location-mobil-home-bambi.jpg);}
.bg_location_2 {background-image: url(../images/location-mobil-home-32-47-1.jpg);}
.bg_location_3 {background-image: url(../images/location-mobil-home-66.jpg);}
.bg_location_4 {background-image: url(../images/location-mobil-home-chalet-81.jpg);}
.bg_location_5 {background-image: url(../images/location-mobil-home-chalet-82.jpg);}
.bg_location_6 {background-image: url(../images/location-mobil-home-104-105-1.jpg);}
.bg_location_7 {background-image: url(../images/location-mobil-home-65.jpg);}
.bg_location_8 {background-image: url(../images/location-mobil-home-45.jpg);}
.bg_location_9 {background-image: url(../images/location-mobil-home-29-30-31.jpg);}
.bg_location_10 {background-image: url(../images/location-mobil-home-chalet-106.jpg);}
.bg_location_11 {background-image: url(../images/location-mobil-home-45-117-2.jpg);}
.bg_location_12 {background-image: url(../images/location-mobil-home-33-a-105-1.jpg);}
.bg_location_13 {background-image: url(../images/location-mobil-home-108-1.jpg);}
.bg_location_14 {background-image: url(../images/location-mobil-home-109-1.jpg);}
.bg_decouvrir_gastronomie_1 {
  background-image: url(../images/salvetat-sur-agout-charcuterie.jpg);
}
.bg_decouvrir_gastronomie_2 {
  background-image: url(../images/salvetat-sur-agout-fromages.jpg);
}
.bg_decouvrir_gastronomie_3 {
  background-image: url(../images/salvetat-eau.jpg);
}
.bg_services_1 {
  background-image: url(../images/salvetat-sur-agout-camping-bouldouires-epicerie.jpg);
}
.bg_services_2 {
  background-image: url(../images/salvetat-sur-agout-camping-bouldouires-accueil.jpg);
}
.bg_services_3 {
  background-image: url(../images/camping-bouldouires-aire-de-jeux.jpg);
}
.bg_services_4 {
  background-image: url(../images/camping-bouldouires-bar.jpg);
}
.bg_services_5 {
  background-image: url(../images/camping-bouldouires-snack.jpg);
}
.bg_ventemobilhome_1 {
  background-image: url(../images/camping-bouldouires-vente-mobil-home-1.jpg);
}
.bg_ventemobilhome_2 {
  background-image: url(../images/camping-bouldouires-vente-mobil-home-2.jpg);
}
.bg_ventemobilhome_3 {
  background-image: url(../images/camping-bouldouires-vente-mobil-home-3.jpg);
}
.gmap {
  width: 100%;
  height: 300px;
  border: 0;
}
.icone img {
  margin: 7px;
}
.nom_location{	
  	position: absolute;
	color:#fff;
	font-size: 30px;
  	font-family: 'freehand471_btregular';
	text-shadow: #000000 1px 1px, #000000 -1px 1px, #000000 -1px -1px, #000000 1px -1px;
	text-transform: uppercase;
	top: 45%;
	left: 0;
	right: 0;
	text-align: center;
}
.link_pdf{
  color: #afc71e !important;
  text-decoration: none;
  font-weight: bold;
  font-size: 1.2rem;
}
@media(max-width:767px){
	.nom_location{
		top:50px;
	}
}
.abs_location {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 235px;
  height: 100px;
  background-color: rgba(255, 255, 255, 0.5);
  font-size: 18px;
  text-transform: uppercase;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-weight: bold;
}
.tarifs {
  max-width: 980px;
  padding: 0px 10px;
  margin: auto;
}
.table {
  border: 1px solid #000000;
}
.table .fdVert {
  background-color: #afc71e;
  color: #ffffff;
}
.table .fdBleu {
  background-color: #385262;
  color: #ffffff;
}
.table .p13 {
  padding: 13px;
}
.table .thead > div:nth-child(1) {
  border: 1px solid #000000;
  min-height: 85px;
}
.table .thead > div:nth-child(2) > div {
  border: 1px solid #000000;
}
.table .tbody,
.table .tbodyEmplacement {
  text-align: center;
}
.table .tbody > div,
.table .tbodyEmplacement > div {
  padding: 13px 2px;
  border: 1px solid #000000;
}
.table+.table{margin-top: 45px;}
.blocLocation{
	background-color: #385262;
	padding: 0px;
	max-width: 1860px;
	margin: auto;
}
.blocLocation>div{
	max-width: 1600px;
	margin:auto;
}
.blocLocation .slide,.blocLocation .texte{
	background-color: #fff;
	margin: 0 16px;
	max-width: 768px;
}
.blocLocation .imgPt{
	padding: 5px;
}
.blocLocation .imgPt img{
	margin: 2px 16px;
	cursor: pointer;
}
.blocLocation .texte{
	background-color: #fff;
	padding: 32px;
}
.blocLocation .texte>div{
	max-width: 534px;
	margin: 0 auto;
}
.blocLocation .texte h2,.blocLocation .texte h3{
	color: #385262;
	text-transform: uppercase;
	text-align: center;
	font-size: 24px;
	font-weight: normal;
	margin: 0;
}
.blocLocation .texte .icone{
	margin: 32px auto;
}
.blocLocation .texte .txt{
	margin: 40px auto 23px;
	font-size: 14px;
}
a.btn{
	margin: 12px;
	text-transform: uppercase;
	border:1px solid #000;
	width: 100px;
	padding: 15px;
	text-align: center;
	text-decoration: none;
}
a.btnTarifs{
	background-color: #afc71e;
	color:#000;
}
a.btnReserver{
	background-color: #385262;
	color:#fff;
	
}
@media (max-width: 767px) {
  .table .periode,
  .table .saison {
    display: none;
  }
  .table .tbody > div::before {
    content: attr(data-label) " " attr(data-label2);
    float: left;
    font-weight: bold;
    width: 140px;
    text-align: left;
  }
  .table .tbody > div {
    text-align: right;
  }
  .table .tbody > div:nth-child(6n+1) {
    text-align: center;
    color: #ffffff;
  }
  .table .tbody > div:nth-child(6n+1)::before {
    content: "";
  }
  .table .tbody.fdVert-xs > div:nth-child(6n+1) {
    background-color: #afc71e;
  }
  .table .tbody.fdBleu-xs > div:nth-child(6n+1) {
    background-color: #385262;
  }
  .table .tbodyEmplacement > div::before {
    content: attr(data-label) " " attr(data-label2);
    float: left;
    font-weight: bold;
    width: 140px;
    text-align: left;
  }
  .table .tbodyEmplacement > div {
    text-align: right;
  }
  .table .tbodyEmplacement > div:nth-child(3n+1) {
    text-align: center;
    color: #ffffff;
  }
  .table .tbodyEmplacement > div:nth-child(3n+1)::before {
    content: "";
  }
  .table .tbodyEmplacement.fdVert-xs > div:nth-child(3n+1) {
    background-color: #afc71e;
  }
  .table .tbodyEmplacement.fdBleu-xs > div:nth-child(3n+1) {
    background-color: #385262;
  }
	.btn{
		display: block;
	}
}
.blocText.taxeSejour {
  margin: 25px;
}
.fraisDossier {
  margin-bottom: 45px;
}
.fraisDossier > div {
  max-width: 640px;
  margin: auto;
}
.fraisDossier > div > div {
  background-color: #385262;
  color: #ffffff;
  width: 230px;
  border-radius: 15px;
  text-align: center;
  font-size: 14px;
  padding: 4px;
}
/******* FORMULAIRE DE RESERVATION *******/
.identite {
  padding-left: 8.33333333%;
  padding-right: 8.33333333%;
}
.identite input[type=text] {
  width: calc(100% - 26px);
  padding: 10px 5px;
}
.identite > div {
  padding: 10px 2px;
}
form {
  font-size: 14px;
}
.w960 {
  max-width: 980px;
  margin: auto;
}
.txtRouge {
  color: #fd0416;
}
#DateArrivee_17,
#DateDepart_18 {
  width: calc(100% - 26px);
  padding: 10px 5px;
  background-image: url(../images/cal.png);
  background-repeat: no-repeat;
  background-position: right;
  border: 1px solid #7a7a7a;
  cursor: pointer;
}

.acompte {
  font-size: 18px;
}
.acompte input {
  width: 50%;
  margin: 10px 5px;
}
#MontantSejour_20,
#PourcentageAcompte_21 {
  width: 35%;
}
.date > div {
  padding: 10px;
}
.submitForm {
  margin-top: 25px;
}
.emplacement input[type=text] {
  width: 50px;
  margin: 5px;
}
.cgv {
  text-align: left;
  max-width: 1600px;
  margin: auto;
}
.cgv h2,
.cgv h4 {
  text-align: left;
  max-width: 1600px;
  margin: auto;
}
.cgv .blocText {
  text-align: left;
  max-width: 1600px;
  margin: auto;
}
.cgv h2 {
  margin: 25px auto;
  font-size: 25px;
}
.cgv h4 {
  margin: 10px auto;
}



.txtSurSlide,
.txtSurSlide2 {
	background-color: rgba(161, 218, 247, 0.8);
	font-size: 16px;
	font-family: 'freehand471_btregular';
	color:#000;
}
.forfaitTitre {
  font-size: 1.5em;
  color: #aa0000;
}
.forfaitDuree {
}
.forfaitPrix {
}
.forfaitGauche {
  text-align: left;
}
.forfaitDroite {
  text-align: right;
}
@media (min-width: 768px) {
	.txtSurSlide{
		position: absolute;
		width: 300px;
		right: 10%;
		top:25%;
		z-index: 10000;
		padding: 10px;
		text-align: center;
		border-radius: 10px;
	}
	.txtSurSlide2{
		position: absolute;
		width: 500px;
		right: 10%;
		top: 10%;
		z-index: 10001;
		padding: 10px;
		border-radius: 10px;
	}	
	.blocLocation{
		padding: 32px;
	}
	.blocLocation .imgPt{
		padding: 20px;
	}
	.bg span[class*=bg_location],.bg a[class*=bg_location] {
	  height: 453px;
	}
}
@media (max-width: 767px) {
	.col-xs-0{display: none;}
	
}
#ascenseur
{	
	visibility: hidden;
	opacity: 0;
	transition: visibility 0.5s,opacity 0.5s;		
	position:fixed;
	right:6px;
	bottom:140px;
	z-index:1000;
	background-color:#385262;
	border-radius:20px;
	width: 40px;
	height: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
	border: 1px solid #fff;
}
#ascenseur a
{
	color:#fff;
	padding:10px 15px;
}
.ui-widget {
    font-size: 0.8em !important;
}

@media (max-width: 360px) {
  nav {
    position: absolute;
    top: 0;
    right: 0;
    margin-top: 0;
    width: 95%;
    z-index: 10001;
    padding: 10px;
    display: none;
  }
}
.col-xs-fl{
	width: calc(100% / 6);
}

@media (min-width: 768px) {
.col-sm-fl{
	width: calc(100% / 12 * 8 /6);
}
}
@media (min-width: 768px) {
  .col-sm-eg {
    width: 12.5% !important;
  }
  }