@import url("/include/fonts/opensans/styles-opensans.css");
@import url("/include/fonts/lato/styles-lato.css");
@import url("/include/fonts/font-awesome/styles-font-awesome.css");
body {
  margin: 0;
  padding: 0;
  font-size: 14px;
  font-family: "latoLight";
  color: #212026;
	margin-bottom: 80px;
	overflow-x:hidden;
}

.cc-window  /* cookie consent */
{
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1000000!important;
}

.changeLangue{

	list-style-type: none;
}
.changeLangue li{
padding: 1px;
	list-style-type: none;}

.chgLang{
	position: relative;
	background: #fff;
	cursor: pointer;
}
.chgLang>span{
	padding: 0px 10px;
}
/*
.langHidden{
	position: absolute;
	background: #fff;
	left:0;
	z-index: 15001;
	display: none;
}*/
.langHidden>div{
	padding: 5px 10px;
}
.btnMenu, .chgLang, .relative {
    cursor: pointer;
}

.btnRenovation
{
  padding: 10px 25px;
  color: #14bfdd;
  background: #fff;
  font-size: 22px;
  text-decoration: none;
  box-shadow: 2px 2px 20px #3695ad;
}

.paraBtnReno img
{
  height: 30px;
  padding-left: 10px;
}

.paraBtnReno
{
  margin-bottom: 40px;
}

@media (max-width: 992px) {
  body {
    margin-bottom: 15px;
    /* font-size: 16px; */
  }
}
@media (max-width: 767px) {
  body {
    margin-bottom: 90px;
  }
  .displaymob{
    display: none;
  }
  .margintop-mob{
    margin-top: 15px;
  }
}
img {
  vertical-align: middle;
}
#ascenseur {
  visibility: hidden;
  opacity: 0;
  transition: visibility 0.5s,opacity 0.5s;
  position: fixed;
  right: 25px;
  bottom: 120px;
  z-index: 1000;
  background-color: #8e8e8e;
  border-radius: 20px;
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
}
#ascenseur a {
  color: #212026;
  padding: 10px 15px;
}
.main {
  padding: 3px;
}
#bookiser + .cadre1{
	margin-top: 3px ;
}
@media (min-width: 768px) {
  .main {
    padding: 10px;
  }
	#bookiser + .cadre1{
		margin-top: 10px ;
	}
  .hiden-sm{
    display: none;
  }
  
}
@media (min-width: 992px) {
  .main {
    padding: 12px;
  }
	#bookiser + .cadre1{
		margin-top: 12px ;
	}
}
@media (min-width: 1200px) {
  .main {
    padding: 20px;
  }
	#bookiser + .cadre1{
		margin-top: 20px ;
	}
}
header {
  position: fixed;
  z-index: 100001;
  top: 10px;
  justify-content: space-between;
}
@media (min-width: 992px) {
  header {
    top: 180px;
    width: 100%;
    background-image: url("../images/fond-nav.png");
  }
	.langHidden{
		position: absolute;
		background: #fff;
		left:0;
		z-index: 15001;
		display: none;
	}
  .hidden-lg{
    display: none;
  }
}
@media (max-width: 991px) {
	/* .chgLang>span{display: none;} */
  .margin-right-foot{
    margin-right: 30px;
  }
	.langHidden{
		display: none; 
    width: 0;
    transition: width 0.8 ease-out;
	}
	.chgLang .langHidden>div{
		padding: 5px 2px;
	}
	.chgLang .langHidden>div a{
		padding: 5px 10px !important;
		border: 0;
	}
  .chgLang{
    background: #3695ad;
    border-left: 2px solid #14bfdd;
    /* border-right: 2px solid #14bfdd;; */
    color: white;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .langcontain{
    background: #3695ad;
    display: flex;
    justify-content: flex-end;
  }
  .hidden-xs{
    display: none;
  }
  #footer-xs i:nth-child(1){
    padding-right: 0px;
  }
  .footer_xs_a{
    padding-right: 30px;
  }
  .tacemob{
    text-align: -webkit-center;
  }    
}
/*header{
	justify-content: space-between;
}*/
#headerReserver {
  background-color: #14bfdd;
  color: #ffffff;
  font-size: 16px;
}
#headerReserver i {
  font-size: 26px;
}
#headerReserver a {  
  color: #ffffff;
	text-decoration: none;
}
@media (min-width: 1200px) {
  #headerReserver i {
    font-size: 32px;
  }
}
#headerMenuBtn {
  display: flex;
}
#menu-xs {
  background-color: #14bfdd;
  text-align: center;
  z-index: 20000;
  cursor: pointer;
  padding: 5px;
}
@media (min-width: 992px) {
  #menu-xs {
    width: 80px;
    height: 80px;
    padding: 20px;
  }
}
#headerLogo,
#headerContact {
  display: none;
  z-index: 20000;
}
#headerContact a{
   	text-decoration: none;
	color: #276b7c;
}
#headerMenu {
  position: absolute;
  transition-duration: 2s;
}
@media (min-width: 992px) {
  #headerMenu {
    margin-left: -100%;
    background-image: url("../images/fond-nav.png");
  }
}
@media (max-width: 991px) {
  #headerMenu {
    width: 310px;
    top: 100%;
    margin-left: -310px;
  }
}
.surSlide {
  position: absolute;
  top: 52px;
  z-index: 10000;
  text-align: center;
  width: calc(94%);
}
.surSlide .titreSlide {
  font-size: 30px;
  text-transform: uppercase;
  color: #ffffff;
  text-shadow: 1px 1px 1px #000000;
}
.surSlide .texteSlide {
  font-size: 20px;
  color: #3695ad;
  font-family: "latoRegular";
}
.surSlide .texteSlide a {
  color: #3695ad;
}
@media (min-width: 768px) {
  .surSlide {
    top: 46px;
    width: 100%;
  }
}
@media (min-width: 992px) {
  .surSlide {
    top: 55px;
  }
}
@media (min-width: 1200px) {
  .surSlide {
    top: 85px;
  }
}
#meilleurPrix {
  font-size: 12px;
  text-align: center;
  color: #3695ad;
  padding: 8px;
}
#meilleurPrix img {
  margin-right: 5px;
}
@media (min-width: 768px) {
  #meilleurPrix {
    position: absolute;
    bottom: 25px;
    left: 25px;
    z-index: 10000;
    font-size: 12px;
    color: #ffffff;
    padding: 0;
  }
}
@media (min-width: 992px) {
  #meilleurPrix {
    font-size: 14px;
  }
}
@media (min-width: 1200px) {
  #meilleurPrix {
    font-size: 16px;
  }
}
.cadre1 {
  background-color: #14bfdd;
  color: #ffffff;
}
h1 {
  text-transform: uppercase;
}
div[class*=bgi_] {
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  min-height: 161px;
}
.bgi_index_1 {
  background-image: url("../images/hotel-azur-capdagde-salon-salle-petitdejeuner.jpg");
}
.bgi_index_2 {
  background-image: url("../images/hotel-azur-capdagde-chambres-doubles.jpg");
}
.bg_index_3 {
  background-image: url("../images/fond-cadre-4.png");
  background-position: center right;
  background-size: auto;
  background-repeat: no-repeat;
}
@media (max-width: 767px) {
  .bg_index_3 {
    background: none;
  }
}
.bgi_hotel_1 {
  background-image: url("../images/hotel-azur-capdagde-piscine-palmier-3.jpg");
}
.bgi_hotel_2 {
  background-image: url("../images/hotel-azur-capdagde-terrasse.jpg");
}
.bgi_hotel_3 {
  background-image: url("../images/hotel-azur-capdagde-petitdejeuner.jpg");
}
.bgi_hotel_4 {
  background-image: url("../images/salon-hotel-azur-capdagde.jpg");
}
.bgi_hotel_5 {
  background-image: url("../images/salon-bar-hotel-azur-capdagde.jpg");
}
.bgi_chambres_1 {
  background-image: url("../images/chambres-doubles.jpg");
}
.bgi_chambres_2 {
  background-image: url("../images/chambres-familiales.jpg");
}
.bgi_chambres_3 {
  background-image: url("../images/chambres-pmr.jpg");
}
.bgi_alentours_1 {
  background-image: url("../images/capdagde-alentours.jpg");
}
.bgi_alentours_2 {
  background-image: url("../images/capdagde-alentours2.jpg");
}
.bgi_acces_1 {
  background-image: url("../images/acces-capdagde.jpg");
}
.fondFeuille {
  background-image: url("../images/fond-chambre.png");
  background-position: center center;
  background-size: cover;
  color: #3695ad;
}
.acces {
  color: #3695ad;
}
.acces a {
  color: #3695ad;
}
.titre {
  text-transform: uppercase;
}
.ssTitre {
  text-transform: uppercase;
  text-align: center;
}
.lien {
  text-align: center;
}
.lien a {
  text-decoration: none;
  text-transform: uppercase;
  color: #3695ad;
  border: 1px solid #3695ad;
  max-width: 160px;
  padding: 5px;
}
.photoVerticale {
  margin-top: 120px;
}
.photoVerticale > div:not(:first-child):not(:last-child) {
  padding: 0 5px;
}
@media (max-width: 767px) {
  .photoVerticale > div:not(:first-child):not(:last-child) {
    padding: 5px;
    text-align: center;
  }
}
.cadre4 {
  max-height: 266px;
  color: #3695ad;
}
.cadre5 {
  background-image: url(../images/fond-services-prestations.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  color: #ffffff;
}
.cadre5 > div > div > div {
  padding: 0 5px;
}
.rond {
  background: #3695ad;
  width: 70px;
  height: 70px;
  border-radius: 35px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.blocImg {
  position: relative;
}
.blocImg .txtImg {
  position: absolute;
  width: 100%;
  text-align: center;
  text-transform: uppercase;
  color: #ffffff;
  bottom: 55px;
}
.blocImg .txtImg span {
  font-size: 30px;
}
@media (max-width: 767px) {
  .blocImg {
    margin-bottom: 15px;
  }
  #copy{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
  #copy img{
    padding-top: 15px;
  }
  footer #copy{
    margin-bottom: 40px;
  }
  .rgpd{
    display: flex;
    flex-direction: column-reverse;
  }
  .rgpd_link{
    padding-top: 15px;
  }
  
}
footer {
  padding: 15px;
  background-image: url("../images/fond-footer.png");
  color: #ffffff;
  text-align: center;
}
footer a {
  color: #ffffff;
}
footer .adresse,
footer .rgpd,
footer #copy {
  margin: 30px auto;
}

@media (min-width: 768px) {
  footer {
    padding: 30px;
  }
  .rgpd{
    display: flex;
    justify-content: center;
    align-items: center;
  }
}
@media (min-width: 992px) {
  footer {
    padding: 40px 15px 15px;
  }
}
@media (min-width: 1200px) {
  footer {
    padding: 60px 20px 20px;
  }
}
#footer-xs {
  position: fixed;
  bottom: 0;
  width: 100%;
  display: flex;
  justify-content: space-around;
}
#footer-xs .footer-xs-search{
  display: flex;
  justify-content: space-between;
}
#footer-xs > div {
  background: #333132;
  text-align: center;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: bold;
  border: 2px solid #ffffff;
}
#footer-xs > div:not(:first-child) {
  border: 2px solid #ffffff;
}
#footer-xs a {
  color: #ffffff;
  text-decoration: none;
  padding: 13px;
  display: block;
}
#footer-xs i {
  font-size: 24px;
}
@media (min-width: 992px) {
  #footer-xs {
    display: none;
  }
}
.prixReserver > div {
  background-color: #14bfdd;
  color: #ffffff;
  padding: 40px;
  margin: 0 15px;

}
.prixReserver .btn {
  text-align: center;
  margin-top: 10px;
}
.prixReserver a,.prixReserver input[type=submit] {
  font-size: 16px;
  color: #ffffff;
  text-decoration: none;
  text-transform: uppercase;
  border: 1px solid #ffffff;
  padding: 5px 20px;
	cursor: pointer;
	background: #14bfdd;
}
@media (max-width: 767px) {
  .prixReserver {
    margin-top: 15px;
  }
}
/* .galerie {
  /*img{
		margin: 0 5px;
	}
} */
.galerie > div {
  padding: 5px;
}
#cboxOverlay,
#cboxWrapper,
#colorbox {
  z-index: 25000;
}
.cadre6 {
  padding: 0 3px;
}
@media (min-width: 768px) {
  .cadre6 {
    padding: 0 10px;
  }
}
@media (min-width: 992px) {
  .cadre6 {
    padding: 0 12px;
  }
}
@media (min-width: 1200px) {
  .cadre6 {
    padding: 0 20px;
  }
}
.mentionLegale a {
  color: #212026;
}
/* <--Définition taille police, marge,etc... -->*/
h1 {
  font-size: 16px;
}
.titre {
  font-size: 18px;
}
.ssTitre {
  font-size: 14px;
}
.texte {
  font-size: 16px;
}
#copy {
  font-size: 14px;
}
footer {
  font-size: 12px;
}
footer .adresse {
  font-size: 12px;
}
.lien {
  font-size: 12px;
}
.mt60 {
  margin-top: 20px;
}
.mb60 {
  margin-bottom: 20px;
}
.ptb60 {
  padding-top: 20px;
  padding-bottom: 20px;
}
.mb120 {
  margin-bottom: 40px;
}
.mt120 {
  margin-top: 40px;
}
.pt120 {
  padding-top: 40px;
}
.pb120 {
  padding-bottom: 40px;
}
.surSlide .titreSlide {
  font-size: 30px;
}
.surSlide .texteSlide {
  font-size: 20px;
}
@media (min-width: 768px) {
  h1 {
    font-size: 18px;
  }
  .titre {
    font-size: 18px;
  }
  .ssTitre {
    font-size: 14px;
  }
  .texte {
    font-size: 16px;
  }
  footer {
    font-size: 12px;
  }
  footer .adresse {
    font-size: 14px;
  }
  .mt60 {
    margin-top: 40px;
  }
  .mb60 {
    margin-bottom: 40px;
  }
  .ptb60 {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .mb120 {
    margin-bottom: 60px;
  }
  .mt120 {
    margin-top: 60px;
  }
  .pt120 {
    padding-top: 60px;
  }
  .pb120 {
    padding-bottom: 60px;
  }
  .surSlide .titreSlide {
    font-size: 30px;
  }
  .surSlide .texteSlide {
    font-size: 20px;
  }
}
@media (min-width: 992px) {
  h1 {
    font-size: 18px;
    margin-bottom: 50px;
  }
  .titre {
    font-size: 22px;
  }
  .ssTitre {
    font-size: 18px;
  }
  .texte {
    font-size: 16px;
  }
  #copy {
    font-size: 14px;
  }
  footer {
    font-size: 14px;
  }
  footer .adresse {
    font-size: 18px;
  }
  .mb120 {
    margin-bottom: 80px;
  }
  .mt120 {
    margin-top: 80px;
  }
  .pt120 {
    padding-top: 80px;
  }
  .pb120 {
    padding-bottom: 80px;
  }
  .surSlide .titreSlide {
    font-size: 36px;
  }
  .surSlide .texteSlide {
    font-size: 24px;
  }
}
@media (min-width: 1200px) {
  h1 {
    font-size: 24px;
    margin-bottom: 60px;
  }
  .titre {
    font-size: 36px;
  }
  .ssTitre {
    font-size: 30px;
  }
  .texte {
    font-size: 18px;
  }
  .lien {
    font-size: 16px;
  }
  .mt20 {
    margin-top: 20px;
  }
  .mt60 {
    margin-top: 60px;
  }
  .mb60 {
    margin-bottom: 60px;
  }
  .ptb60 {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .mb120 {
    margin-bottom: 120px;
  }
  .mt120 {
    margin-top: 120px;
  }
  .pt120 {
    padding-top: 120px;
  }
  .pb120 {
    padding-bottom: 120px;
  }
  .surSlide .titreSlide {
    font-size: 48px;
  }
  .surSlide .texteSlide {
    font-size: 36px;
  }
}
/* <!-- Définition taille police, marge,etc -->*/
@media (max-width: 991px) {
  .col-sm-0 {
    display: none;
  }
}
@media (max-width: 767px) {
  .col-xs-0 {
    display: none;
  }
  .slide + .slide {
    display: none;
  }
}

#ui-datepicker-div,.cc-revoke{
	z-index: 99999 !important;
}
.fa-wheelchair{font-size: 36px;}
.cc-window{
	margin-bottom:74px;
}
@media(max-width:991px){	
	.cc-window{
		margin-bottom:56px;
	}
}
@media(max-width:767px){	
	.cc-window{
		margin-bottom:112px;
	}
}