/* CSS Document */

@font-face {
    font-family: 'korinna_btregular';
    src: url('../font/tt0087m-webfont.eot');
    src: url('../font/tt0087m-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/tt0087m-webfont.woff2') format('woff2'),
         url('../font/tt0087m-webfont.woff') format('woff'),
         url('../font/tt0087m-webfont.ttf') format('truetype'),
         url('../font/tt0087m-webfont.svg#korinna_btregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
  font-family: 'FontAwesome';
  src: url('https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.eot?v=4.3.0');
  src: url('https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.eot?#iefix&v=4.3.0') format('embedded-opentype'),
   url('https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0f/fonts/fontawesome-webfont.woff2?v=4.3.0') format('woff2'), 
   url('https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.woff?v=4.3.0') format('woff'), 
   url('https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.ttf?v=4.3.0') format('truetype'), 
   url('https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
    font-family: 'latoRegular';
    src: url('../font/lato-regular-webfont.eot');
    src: url('../font/lato-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/lato-regular-webfont.woff2') format('woff2'),
         url('../font/lato-regular-webfont.woff') format('woff'),
         url('../font/lato-regular-webfont.ttf') format('truetype'),
         url('../font/lato-regular-webfont.svg#latoregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'lucidaCalli';
    src: url('../font/lcallig_0-webfont.eot');
    src: url('../font/lcallig_0-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/lcallig_0-webfont.woff2') format('woff2'),
         url('../font/lcallig_0-webfont.woff') format('woff'),
         url('../font/lcallig_0-webfont.ttf') format('truetype'),
         url('../font/lcallig_0-webfont.svg#lucida_calligraphyitalic') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'xxii_arabian-onenightstandBd';
    src: url('../font/xxii_arabian-onenightstand-webfont.eot');
    src: url('../font/xxii_arabian-onenightstand-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/xxii_arabian-onenightstand-webfont.woff2') format('woff2'),
         url('../font/xxii_arabian-onenightstand-webfont.woff') format('woff'),
         url('../font/xxii_arabian-onenightstand-webfont.ttf') format('truetype'),
         url('../font/xxii_arabian-onenightstand-webfont.svg#xxii_arabian-onenightstandBd') format('svg');
    font-weight: normal;
    font-style: normal;
}
.arabian{
	font-family: "xxii_arabian-onenightstandBd";
}
.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
}
.fa-angle-double-up:before {content: "\f102";}
.fa-forward:before{content:"\f04e"}
.fa-backward:before{content:"\f04a"}
html,body
{
	margin: 0px;
	padding: 0px;
}
body
{
	font-family:korinna_btregular;
	font-size:12px;
	background-image:url(../images/fond_body.jpg);

}

.display-xs,
.display-sm
{
	display: none;
}

h1{
	font-size: 24px;
	color: #5e4948;
	text-align: center;
	width: 100%;
}
h1.blanc{
	color:#FFF;
}
a
{
	color:#FFF;
	text-decoration:none;	
}
a img
{
	border:0;
}
a:hover
{
	color:#FFF;
}
p {
    margin: 18px auto;
}
.p750
{
	max-width:750px;
}

.p960
{
	max-width:960px;
}

.p880
{
	@media screen and (min-width:1401px) {
	max-width:880px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:10px;
	}
}
.p880.main-text-1{
	margin-left: 0;
}

.p846
{
	max-width:846px;
}


.center{text-align:center;}
p.center{margin:0; margin-top:10px;}
.alignRight{text-align:right;}
.alignLeft{text-align:left;}
.valignTop{vertical-align:top;}
/*definition des couleurs*/
.txtturquoise{color:#00b0c3;}
.txtpurple{color:#e83a93;}
.txtmarron{color:#5E4948;}
.txtshadow{text-shadow: 2px 2px 2px #000;}
/*definition taille de la police*/
.txt10{font-size:10px;}
.txt12{font-size:12px;}
.txt14{font-size:14px;}
.txt18,h4{font-size:18px;}
.txt24,h3{font-size:24px;}
.txt26{font-size:26px;}
.txt30{font-size:30px;}
.txt36,h2{font-size:36px;}
.verdana{font-family:verdana;}
.alignCenter{text-align:center !important;}

/*Taille responsive*/
.imgResponsive{width:100%}


/*footer*/

.footerSection1
{
	background-image: url("../images/fond_footer.png");
	position: absolute;
	bottom: 0px;
	z-index: 10;
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
	line-height:30px;
	color:#FFFFFF;
	font-family:verdana;
	-webkit-box-pack:justify;
		-webkit-justify-content:space-between;
			-ms-flex-pack:justify;
				justify-content:space-between;
	text-align:center;
}
.footerSection1>div:nth-child(1)
{
	-webkit-box-flex:1;
	-webkit-flex:1;
	    -ms-flex:1;
	        flex:1;
	
}
.footerSection1 > div {
    padding: 0 10px;
}
.logobas img
{
	height:76px;
}
/*slide de fond*/
.slide
{
	background-size:cover;
	background-position:center;
}

.img-too-small{
	height: 100%;
	object-fit: cover;
}
/*Slide page accueil  */
#slide0{background-image:url(../images/slide_nateve0.jpg);}
#slide1{background-image:url(../images/slide_nateve1.jpg);}
#slide2{background-image:url(../images/slide_nateve2.jpg);}
#slide3{background-image:url(../images/slide_nateve3.jpg);}
#slide4{background-image:url(../images/slide_nateve4.jpg);}


/*Slide page heliovillage  */
#heliovillage0{background-image:url(../images/slide_nateve0.jpg);}
#heliovillage1{background-image:url(../images/slide_nateve1.jpg);}
#heliovillage2{background-image:url(../images/slide_nateve2.jpg);}
#heliovillage3{background-image:url(../images/slide_nateve3.jpg);}
#heliovillage4{background-image:url(../images/slide_nateve4.jpg);}
#heliovillage5{background-image:url(../images/location-hoteliere-nateve-cap-dagde-heliovillage-slide7.jpg);}

/*slide page location*/
#location1{background-image:url(../images/slide_nateve1.jpg);}
#location2{background-image:url(../images/slide_locations2.jpg);}
#location3{background-image:url(../images/slide_locations3.jpg);}
#location4{background-image:url(../images/slide_locations4.jpg);}
#location5{background-image:url(../images/slide_locations5.jpg);}
/*slide page presentation location*/
#preslocation1{background-image:url(../images/slide_presentation_locations1.jpg);}
#preslocation2{background-image:url(../images/slide_presentation_locations2.jpg);}
#preslocation3{background-image:url(../images/slide_presentation_locations3.jpg);}
#preslocation4{background-image:url(../images/slide_presentation_locations4.jpg);}
#preslocation5{background-image:url(../images/slide_presentation_locations5.jpg);}
/*slide page acces*/
#acces1{background-image:url(../images/slide_acces1.jpg)}
#acces2{background-image:url(../images/slide_acces2.jpg)}
#acces3{background-image:url(../images/slide_acces3.jpg)}
#acces4{background-image:url(../images/slide_acces4.jpg)}
#acces5{background-image:url(../images/slide_acces5.jpg)}

/*slide page riads*/
#riads1{background-image:url(../images/slide_riads-1.jpg);}
#riads2{background-image:url(../images/slide_riads-2.jpg);}
#riads3{background-image:url(../images/slide_riads-3.jpg);}
#riads4{background-image:url(../images/slide_riads-4.jpg);}
#riads5{background-image:url(../images_new/slide_riads-5.jpg);}
#riads6{background-image:url(../images/slide_riads-6.jpg);}
#riads7{background-image:url(../images/slide_riads-7.jpg);}

/*slide page portvenus*/
#portvenus1{background-image:url(../images/location-naturiste-portvenus-slide1.jpg);}
#portvenus2{background-image:url(../images/location-naturiste-portvenus-slide2.jpg);}
/* #portvenus3{background-image:url(../images/location-naturiste-portvenus-slide3.jpg);}
#portvenus4{background-image:url(../images/location-naturiste-portvenus-slide4.jpg);}
#portvenus5{background-image:url(../images/location-naturiste-portvenus-slide5.jpg);} */

/*slide page el pueblo*/
#elpueblo1{background-image:url(../images/location-naturiste-el-pueblo-slide1.JPG);}
#elpueblo2{background-image:url(../images/location-naturiste-el-pueblo-slide2.JPG);}
#elpueblo3{background-image:url(../images/location-naturiste-el-pueblo-slide3.JPG);}
#elpueblo4{background-image:url(../images/location-naturiste-el-pueblo-slide4.JPG);}

/*slide page portsoleil*/
#portsoleil1{background-image:url(../images/location-naturiste-capdagde-portsoleil-slide1.jpg);}
#portsoleil2{background-image:url(../images/location-naturiste-capdagde-portsoleil-slide2.jpg);}
#portsoleil3{background-image:url(../images/location-naturiste-capdagde-portsoleil-slide3.jpg);}
#portsoleil4{background-image:url(../images/location-naturiste-capdagde-portsoleil-slide4.jpg);}



/*slide page portnature*/
#portnature1{background-image:url(../images/location-naturiste-portnature-slide1.jpg);}
#portnature2{background-image:url(../images/location-naturiste-portnature-slide2.jpg);}
#portnature3{background-image:url(../images/location-naturiste-portnature-slide3.jpg);}
#portnature5{background-image:url(../images/location-naturiste-portnature-slide5.jpg);}
#portnature6{background-image:url(../images/location-naturiste-portnature-slide6.jpg);}
#portnature7{background-image:url(../images/location-naturiste-portnature-slide7.jpg);}


/*slide page heliopolis*/
#heliopolis1{background-image:url(../images/location-hoteliere-nateve-cap-dagde-heliopolis-slide1.jpg);}
#heliopolis2{background-image:url(../images/location-hoteliere-nateve-cap-dagde-heliopolis-slide2.jpg);}
#heliopolis3{background-image:url(../images/location-hoteliere-nateve-cap-dagde-heliopolis-slide3.jpg);}
#heliopolis4{background-image:url(../images/location-hoteliere-nateve-cap-dagde-heliopolis-slide4.jpg);}
#heliopolis5{background-image:url(../images/location-hoteliere-nateve-cap-dagde-heliopolis-slide5.jpg);}
#heliopolis6{background-image:url(../images/location-hoteliere-nateve-cap-dagde-heliopolis-slide6.jpg);}



/*slide page jardinspalmeraie*/
#jardinpalmeraie1{background-image:url(../images/location-hoteliere-nateve-cap-dagde-jardin-palmeraie-slide1.jpg);}
#jardinpalmeraie2{background-image:url(../images/location-hoteliere-nateve-cap-dagde-jardin-palmeraie-slide2.jpg);}

/*slide page capsauvage*/
#capsauvage1{background-image:url(../images/location-naturiste-capdagde-cap-sauvage-slide1.jpg);}
#capsauvage2{background-image:url(../images/location-naturiste-capdagde-cap-sauvage-slide2.jpg);}
#capsauvage3{background-image:url(../images/location-naturiste-capdagde-cap-sauvage-slide3.jpg);}
#capsauvage4{background-image:url(../images/location-naturiste-capdagde-cap-sauvage-slide4.jpg);}



#offreActu
{
	background-image: url("../images/frise_haut.png");
	background-repeat: repeat-x;
	border: 1px solid #E8DBB3;
	background-color:#5e4948;
	position: absolute;
	z-index: 10;
	bottom: 120px;
	right: 30px;
	font-size:18px;
	color:#FFF;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	cursor:pointer;
	text-transform: uppercase;
}
#offreActu>span
{
	/*padding: 23px 17px;*/
	line-height: 62px;
	height: 62px;
	padding: 0 17px;
}
#offreActuWindow
{
	background-color: rgba(255, 255, 255, 0.65);
	width:650px;
	position: absolute;
	z-index: 10;
	right: 30px;
	bottom: 200px;
	text-align:center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	font-family:verdana;
}
#offreActuWindow img
{
	padding:15px;
}
.offreActu
{
	background-image: url("../images/frise.png");
	background-repeat: repeat-x;
	border: 1px solid #E8DBB3;
	background-color:#5e4948;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}
.lienActu
{
	color: #000;
	text-decoration: underline;
}
.lienActu a
{
	color: #000;
	text-decoration: underline;
}
.oaw_2
{
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
	-webkit-box-flex:1;
    -webkit-flex:1;
    -ms-flex:1;
flex:1;
}
.oaw_21
{
	text-align:right;
}
.oaw_22
{
	margin: 30px 10px;
}
.close
{
	-webkit-align-self:flex-end;
	-ms-flex-item-align:end;
	align-self:flex-end;
	font-size: 20px;
	margin-right: 5px;
	cursor:pointer;
}
#offreActuWindow a
{
	color:#000;
}
#fullpage_bas
{
	position:static;
}
#ascenseur
{	
	display: none;	
	position:fixed;
	right:25px;
	bottom:5%;
	z-index:1000;
	background-color:#FFF;
	padding:15px 0;
	border-radius:5px;
}
#ascenseur a
{
	color:#000;
	padding:15px;
}
.section_21>img
{
	width:100%;

}
.section_22
{
	background-image:url(../images/index_fond2.jpg);
	text-align: center;
	padding: 10px 10px 20px;
	margin-top: -3px;
	background-size:cover;
}
.section_3,.section_4,.section_31,.section_42
{
	display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
}
.section_31 img,.section_42 img
{
	width:100%; 
	margin:auto;
}
.section_32
{
	font-size: 22px;
	text-align:center;
	display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
}
.section_41
{
	background-image:url(../images/fond_lit.png);
	background-repeat:no-repeat;
	background-position:bottom;
	text-align:center;
	font-size:18px;
	display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
}
.section_42
{
	-webkit-align-self:flex-end;
-ms-flex-item-align:end;
align-self:flex-end;
	margin: auto 0px auto auto;
}
.section_31,.section_32,.section_41, .section_42 
{
	width:49%;
}

.section_32>div,.section_41>div
{
	width:100%;
	padding: 0px 10px;
}
.section_5
{
	background-image:url(../images/bas_index.jpg);
	background-repeat:no-repeat;
	background-position:top;
	display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
	 -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
	color:#FFF;
	
}
.section_51
{
	font-size: 20px;
	padding: 60px 100px;
}
.footer
{
	background-color:#5e4948;
	padding-bottom:10px;
	color:#FFF;
}
.footer_1
{
	background-image:url("../images/fond_footer.png");
	background-repeat:repeat;
	background-position:bottom;
	text-align: center;
	line-height: 30px;
	font-size:14px;
	font-family:verdana;
}
.footer_1 a,.footerSection1 a
{
	text-decoration:underline;
}
.footer_2
{
	padding:10px;
	font-size:18px;
}
.footer_2,.footer_2>div
{
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
	-webkit-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap: wrap;
	-webkit-justify-content: center;
    -ms-flex-pack: center;
 	-webkit-box-pack: center;
	        justify-content: center;
}
.footer_2>div
{
	-webkit-flex-basis:1100px;
    -ms-flex-basis:1100px;
    -ms-flex-preferred-size:1100px;
	    flex-basis:1100px;
	border-bottom:2px solid #928d8b;
}
.footer_2>div>div
{
	-webkit-flex-basis:250px;
    -ms-flex-basis:250px;
    -ms-flex-preferred-size:250px;
	    flex-basis:250px;
}
.footer_2>div>div:nth-child(2)
{
	-webkit-flex-basis:500px;
    -ms-flex-basis:500px;
    -ms-flex-preferred-size:500px;
	    flex-basis:500px;
}
.footer_2>div>div:nth-child(1)>div
{
	margin-bottom: 20px
}
.footer_2>div>div:nth-child(3)>div
{
	margin-bottom: 20px;
	margin-left:20px;
}
.footer_2>div>div:nth-child(3)>div:nth-child(3),.footer_2>div>div:nth-child(3)>div:nth-child(4),.footer_2>div>div:nth-child(3)>div:nth-child(5)
{
	font-size:14px;
}
.footer_2 ul
{
	-webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
}
.footer_3
{
	display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
	-webkit-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap: wrap;
	text-align:right;
	font-size:14px;
}
.footer_3>div
{
	-webkit-flex: 0 2 auto;
    -ms-flex: 0 2 auto;
    -webkit-box-flex: 0;
	        flex: 0 2 auto;
	-webkit-box-flex:2;
	-webkit-flex-grow:2;
	    -ms-flex-positive:2;
	        flex-grow:2;
	-webkit-align-self:center;
	    -ms-flex-item-align:center;
	        align-self:center;
}
.footer_3>div:nth-child(2)
{
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
	-webkit-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap: wrap;
	-webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    -webkit-box-flex: 0;
	        flex: 0 1 auto;
	-webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}
.footer_3 > div:nth-child(2) > div {
    -webkit-align-self:center;
	-ms-flex-item-align:center;
	align-self:center;
    margin: 5px;
}
.footer_3 > div:nth-child(3) {
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    -webkit-box-flex: 0;
            flex: 0 1 auto;
	-webkit-box-flex:1;
	-webkit-flex-grow:1;
	    -ms-flex-positive:1;
	        flex-grow:1;
   -webkit-align-self:flex-end;
-ms-flex-item-align:end;
align-self:flex-end;
}

/*Page location*/
.menuLocation
{
	display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
	-webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
	-ms-flex-pack: distribute;
-webkit-justify-content:space-around;
justify-content:space-around;
	background-color:#FFF;
	font-size:24px;
}
.menuLocation a
{
	color:#000;
}
.menuLocation>div
{
	border:1px solid #cfcfcf;
	padding: 10px;
	margin: 5px 0px;
	border-radius: 10px;
}
.location
{
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
            flex-direction: row;
	-webkit-flex-wrap:nowrap;
	-ms-flex-wrap:nowrap;
	flex-wrap: nowrap;
	font-size:16px;
	color:#FFF;
	background-image:url(../images_new/services-bg-2.jpg);
	background-repeat:repeat;
}
.location h2,.location h3,.location h4
{
	text-transform:uppercase;
	margin:0;
	margin-bottom: 30px;
}
.locationDesc1
{
	margin:auto;
}
.locationDesc p
{
	text-align: justify;;
}
.locationRiadComplet
{
	width:auto;
}

.locationTxt,.locationImg
{
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-direction: row;
		-ms-flex-direction: row;
			flex-direction: row;
	-webkit-flex-basis: 50%;
		-ms-flex-preferred-size: 50%;
			flex-basis: 50%; 
	overflow: hidden;
	font-family:"latoRegular";
}
.btnReserver
{
	display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
	padding: 15px;
}
.btnReserver>div
{
	background-image: url("../images/frise_haut.png");
	background-repeat: repeat-x;
	background-color: #5E4948;
	font-size: 24px;
	color: #FFF;
	margin: auto;
	display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
}
.btnReserver > div a {
    width: 200px;
    height: 45px;
    line-height: 45px;
}
/*Page presentation location*/
.presentationLocation
{
	padding:10px;
	background-color:#FFF;	
	font-size:24px;
}
.presentationLocation a
{
	color:#000;
}
.presentationLocation a:hover
{
	color:#00b0c3;
}
.locationColonne
{
	display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;	
}
.locationColonne>div
{
	-webkit-flex-basis:40%;
      -ms-flex-preferred-size:40%;
          flex-basis:40%;
}
.locationColonne>div:nth-child(1)
{
	-webkit-box-flex:0 0 60%;
    -webkit-flex:0 0 60%;
    -ms-flex:0 0 60%;
	flex:0 0 60%;
	-webkit-flex-basis:60%;
	    -ms-flex-preferred-size:60%;
	        flex-basis:60%
}
.locationColonne img
{
	padding:5px;
}
.locationLigne,.locationLigne>div
{
	display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
	-webkit-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap: wrap;
}
.locationLigne img
{
	display:block;
}
.locationPetit
{
	display:none !important;
}
.locationService
{
	font-size:18px;
	background-image:url(../images/fond_body.jpg);
	padding:20px;
	width:auto;
}
.locationService>div:nth-child(2),.locationService>div:nth-child(3)
{
	display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
}
.locationService>div>div:nth-child(1)
{
	width:30%;
}
.locationService>div>div img
{
	width:100%;
}
/*Acces*/
.accesSection
{
	font-size:18px;
	text-align:inherit;
}
.accesSection a
{
	color:#000;
	text-decoration:underline;
}
.accesSection>div
{
	display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
}
.accesSection h2
{
	margin:auto;
}
.accesSection>div>div
{
	margin:auto;
}
.accesSection2
{
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}
.accesSection2>div
{
	-webkit-flex-basis:50%;
      -ms-flex-preferred-size:50%;
          flex-basis:50%;
}
.accesSection2>div:nth-child(1)
{
	background-image:url(../images/fond-fonce.jpg);
	padding:40px 0;
	font-size:18px;
	color:#FFF;
}
.accesSection2>div>div:nth-child(1)
{
	text-align:center;
}
.accesSection2>div>div:nth-child(2)
{
	display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
	-ms-flex-pack: distribute;
-webkit-justify-content:space-around;
justify-content:space-around;
}
.accesListe
{
	min-width:250px;	
}
.accesListe>div
{
	display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
}
.accesListe>div>div
{
	width:50%;
}
.accesSection2 iframe
{
	width:100%;
	height:100%;
	min-height:320px;
	border:0;
}
/*Page Tarif*/
.Tarif
{
	margin-top:140px;
	padding: 0 10%;
	color:#5e4948;
}
.tarifTitre
{
	text-align:center;
}

.tarifLocation>div:nth-child(2)
{
	background-color:#FFF;
	padding:10px;
	text-align:center;
}
.tarifLocation>div:nth-child(2)>div
{
	border:1px solid #e7e6e2;
}

.tarifLocation h4
{
	margin:30px 0 10px 10px;
	text-transform: uppercase;
}
.tarifLigne1,.tarifLigne2,.tarifLigne3,.tarifLigne4
{
	display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
}
.tarifLigne1>div,.tarifLigne2>div,.tarifLigne3>div,.tarifLigne4>div
{
	-webkit-box-flex:1;
    -webkit-flex:1;
    -ms-flex:1;
flex:1;
	padding:5px;
	margin:1px;
}
.tarifLigne1>div:nth-child(1),.tarifLigne2>div:nth-child(1),.tarifLigne3>div:nth-child(1),.tarifLigne4>div:nth-child(1)
{
	text-align:left;
}
.tarifLigne1>div
{
	background-color:#dcdbd7;
}
.tarifLigne3>div
{
	background-color:#e7e6e2;
}
.tarifPiedPage
{
	text-align:center;
	text-transform:uppercase;
}
.tarifPiedPage a
{
	color:#5e4948;
	text-decoration:underline;
}
.tarifPiedPage a:hover
{
	color:#5e4948;
}
/*page riad*/
.riadService
{
	padding:0 40px;
	text-align: justify;
}
.fondRiad
{
	/* background-image:url(../images/riad-cap-agde-suite.jpg); */
	background-image:url(../images_new/riad-cap-agde-suite-2.jpg);
	background-size:cover;
	min-height:573px;
}
.riadFondTurquoise
{
	background-color:#00b0c3;
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
}
.riadSuite
{
	padding:20px;	
}
.riadLocation
{
	font-size:18px;
	background-image: none;
	color:#000;
}
.riadLocation>div:nth-child(2)
{	background-image:url(../images/riad-complet.jpg);
	background-repeat:no-repeat;
	background-size:cover;
}
.locationRiad>div:nth-child(1)
{
	-webkit-box-flex:0;
    -webkit-flex:0;
    -ms-flex:0;
	flex:0;
}
.riadLocation>div
{
	width:50%;
}
.riadSlideBas
{
	width: 100%;
	height: auto;
}

/*CGV*/
.cgv
{
	/* margin-top:123px; */
}
.cgv p
{
	text-align:left;
	margin:auto 10%;
}
.cgv a
{
	color:#00b0c3;
}
.cgv a:hover
{
	color:#00b0c3;
}
.cgv ul
{
	font-size: 18px;
	text-align: left;
	margin: auto 10%;	
}

/*mention légale*/
.mentionsLegales
{
	margin-top: 120px;
	margin-left: 5%;
}
.mentionsLegales a
{
	color:#000;
	text-decoration:underline;
}
/*slide sur les locations*/
.kbHide
{
	display:none;
}
.locationImg
{
	-webkit-transition: all 10s;
	transition: all 10s
}
.kb
{
-webkit-transition-property: opacity, -webkit-transform;
    -webkit-transition-duration: 3s, 10s;
       -moz-transition-property: opacity, -moz-transform;
       -moz-transition-duration: 3s, 10s;
        -ms-transition-property: opacity, -ms-transform;
        -ms-transition-duration: 3s, 10s;
         -o-transition-property: opacity, -o-transform;
         -o-transition-duration: 3s, 10s;
            transition-property: opacity, -webkit-transform;
            transition-property: opacity, transform;
            transition-property: opacity, transform, -webkit-transform;
            -webkit-transition-duration: 3s, 10s;
                    transition-duration: 3s, 10s;
	
}
/*.kb:hover
{
	opacity:1;
    -webkit-transform: scale(1.5);
            transform: scale(1.5);
}
*/
.fleche
{
	position: absolute;
	z-index: 9;
	margin-left: 10px;
	margin-top: 10px;
}
.backward, .forward 
{
    display: inline-block;
    width: 15px;
	cursor: pointer;
	margin-left:3px;
	margin-right:3px;
	color: #FFFFFF;
}

#sliderBasRiad>img
{
	display:none;
}
.affSlide
{
	display:inherit !important;
}
.txtSlider
{
	font-size:60px;
	color:#FFF;
	opacity:0.8;
	position:absolute;
	bottom:180px;
	z-index:20;
	left:50%;
	margin-left:-382px;
	text-transform: uppercase;
}
.txtSlider1
{
	font-size:60px;
	color:#FFF;
	opacity:0.8;
	position:absolute;
	bottom:300px;
	z-index:20;
	left:10%;
	margin-left:-500px;
	text-transform: uppercase;
	background-color: rgba(0,0,0,0.5);
	padding: 15px;
	border-radius: 15px;
	padding-bottom: 10px;

}
@media(max-width:768px){
	.txtSlider1
{
	display:none;
	}
	}
	
/**********************************************
******************HEADER************************
************************************************/
#friseD,#friseG {
    /* background-image: url(../images/frise_haut.png); */
    /* background-repeat: repeat-x; */
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    background-position: center;
	position:relative;
}
header {
	position: relative;
    background-color: rgb(16, 131, 162, 0.54);
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    position: fixed;
    z-index: 10;
    width: 100%;
    color: #FFF;
    top: 0;
	min-height:123px;
}
#headerCentre
{
	width:50%;
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
	-webkit-justify-content:space-around;
	    -ms-flex-pack:distribute;
	        justify-content:space-around;
	-webkit-box-align:center;
	-webkit-align-items:center;
	    -ms-flex-align:center;
	        align-items:center;
}
.locNuit
{
	font-size: 24px;
	color:#FFF;
	padding-left: 5px;
}

.locNuit .txtpurple,.locNuit .txtturquoise
{
	
	text-transform: uppercase;	
}
.ttu
{
	text-transform: uppercase;
}
.logo
{
	text-align: center;
	font-size: 12px;
	text-transform: uppercase;
}
.logo img
{
	width:77px;
	height:72px;
	margin: 5px;
}
.headerContact
{
	font-size: 20px;
	padding-right:5px
}
.headerContact a
{
	text-decoration: underline;
}
.headerContact img
{
	margin:5px 15px 5px 0;
}
.headerContact>div
{
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-webkit-align-items:center;
	    -ms-flex-align:center;
	        align-items:center;	
}
.headerLangue
{
	padding: 5px;
	background-color: #2F2E2E;
	text-align: center;
	margin-bottom: 10px;
	font-family: verdana;
	width: 150px;
	position: absolute;
	left: calc(50% - 70px);
	margin-top: 4px;
		
}
.btnTarifReserver
{
	font-size: 24px;
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
	position:absolute;
	bottom: 10px;
	margin-left: -5px;
	font-family:"lucidaCalli";
}
.btnTarifReserver>a
{
	margin:5px;
	border-radius:5px;
	padding: 5px 10px;
	text-align: center;
}
.btnTarif
{
	background-color: #00b0c3;
	
}
.btnreserver
{
	background-color: #e83a93;
}
.navigation
{
	font-size: 18px;
	font-family:"latoRegular";
	text-transform: uppercase;
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
	position: absolute;
	top: calc(50% - 30px);
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
}
.navigation img
{
	margin:0 10px;
}
/**********************************************
******************INDEX************************
************************************************/
.cadresIndex
{
	background-color: #00b0c3;
	font-family:"latoRegular";
}
.txtBlanc
{
	color:#FFF;
}
.txtnoir
{
	color:#000;
}
.cadreIndex
{
	padding: 20px;
}
.cadreTitre
{
	font-size: 28px;
	text-transform: uppercase;
}
.cadreTxt
{
	font-size: 17px;
}
.txtSurCadreParent
{
	position:relative;	
}
.txtSurCadre
{
	background-color:rgba(113,189,199,0.70);
	position:absolute;
	font-family:"latoRegular";
	font-size: 24px;
	color:#FFF;
	padding: 10px;
	top: 30%;
left: calc(50% - 145px);
}
.txtSurCadre img
{
	margin-right:10px;	
}
.txtSurCadreTel
{
	display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.txtSurCadreMail
{
	display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.txtSurCadreMail a
{
	text-decoration: underline;
}



@media(max-width:991px)
{

	#ascenseur
	{	
		bottom: 8%;
	}

	h1
	{
		font-size: 22px;
	}

	.locationsTitre
	{

	}
}

.footer-2
{
	font-size: 14px;
	text-transform: uppercase;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-top: 35px;
	padding:0 5px;
	font-family: latoRegular;
}
.footer-2 li
{
	text-transform:none;	
}
.footer-2-lien>div
{
	margin-bottom:10px;	
}
.copyright
{
	border-top:1px solid #afa4a4;
}
.copyrightLogo
{
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-flex-wrap:wrap;
	    -ms-flex-wrap:wrap;
	        flex-wrap:wrap;
}
.copyrightLogo>div
{
	margin:10px;
}
.copy
{
	text-align: right;
	margin-right:50px;
	font-family: latoRegular;
}

/**********************************************
******************PAGE SERVICE************************
************************************************/
.services
{
	background-image: url(../images/fond-fonce.jpg);
    background-repeat: repeat;
	color:#FFF;
	font-size: 18px;
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
	-webkit-flex-wrap:wrap;
	    -ms-flex-wrap:wrap;
	        flex-wrap:wrap;
	text-align: justify;
}
.services >div
{
	padding: 40px;
}
@media(max-width:992px)
{
	.services >div
	{
		padding: 10px;
	}
}
.servicesImage
{
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-justify-content: space-around;
	    -ms-flex-pack: distribute;
	        justify-content: space-around;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
}
.servicesImage img
{
	max-width:100%;
	margin:10px;
}
/**********************************************
******************PAGE PARTENAIRE et SMART SELECTION************************
************************************************/
.partenaires,.smart-selections
{	
	background-image: url(../images/fond-fonce.jpg);
    background-repeat: repeat;
	color:#FFF;
	font-size: 18px;
	text-align: justify;
	font-family:"latoRegular";
}
.partenaire,.smart-selection
{
	width:100%;
	margin:auto;
}
@media(min-width:1300px)
{
.partenaire
{
	width:1300px;
}
}
div[id^=smart-selection]
/*#smart-selection*/
{
	padding:20px 0;
}
div[id^=partenaires]>div,div[id^=smart-selection]>div
/*#partenaires>div,#smart-selection>div*/
{
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
	padding: 10px;	
	-webkit-flex-wrap:wrap;	
	    -ms-flex-wrap:wrap;	
	        flex-wrap:wrap;
}
.partenaire a:hover,.smart-selection a:hover
{
	text-decoration:none;
	color:#00b0c3;
	font-weight:bold;
	
}
.partenaireTxt
{
	padding: 5px;
}
.smart-selectionTxt
{
	padding:0 10px;
}
/**********************************************
************ PAGE GALERIE PHOTO****************
**********************************************/
.galeries img
{
	max-width:100%;
/*	width:220px;
	height:166px;	*/
}




/**********************************************
******************MENU************************
************************************************/

#menu {
    display: none;
}
.slicknav_menu .slicknav_icon
{
	background-image:url(../images/ico-menu.png);	
	width: 60px;
	height: 60px;
	margin: 0 0.438em 0 0.438em;
}
.slicknav_menu .slicknav_icon-bar
{
	display:none;	
}
.slicknav_btn
{
	background-color:transparent;	
	display:-webkit-box;	
	display:-webkit-flex;	
	display:-ms-flexbox;	
	display:flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	margin:0;
	padding: 0;
}
.slicknav_menu .slicknav_menutxt
{
	-webkit-box-ordinal-group:2;
	-webkit-order:1;
	    -ms-flex-order:1;
	        order:1;
	font-weight:normal;
}
.close_btn {
    font-size: 18px;
    font-weight: bold;
    cursor: pointer;
	text-align: right;
}
.slicknav_menu li a {
    font-size: 21px;
	text-transform: capitalize;
	padding: 5px;
}
.slicknav_nav li.btn_accueil a {
    background: none;
    border: none;
    padding-top: 10px;
    padding-bottom: 50px;
}
.slicknav_menu .slicknav_icon,.slicknav_menu .slicknav_menutxt
{
	float:none;
}
.slicknav_nav {
    background-color: #5e4948;
}
.service
{
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
	-webkit-flex-wrap:wrap;
	    -ms-flex-wrap:wrap;
	        flex-wrap:wrap;
}
.service1,.service2
{
	width:50%;	
}
.slicknav_nav a {
    border-bottom: 1px solid #241b16;
}
.slicknav_nav a:hover 
{
    background: #A89B9C;
}
@media(max-width:1350px)
{
	.locNuit,.headerContact,.btnTarifReserver
	{
		font-size: 18px;
	}
	.btnTarifReserver a
	{
		width:auto;
	}
	#headerCentre
	{
		width:auto;
	}

	.accesSection>div>div img
	{	
		width: 80%;
	}

	.cadreTitre
	{
		font-size: 24px;
	}
}



@media(max-width:768px)
{
	header
	{
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		-webkit-box-align: center;
		-webkit-align-items: center;
		    -ms-flex-align: center;
		            -ms-grid-row-align: center;
		        align-items: center;
		-webkit-flex-wrap: wrap;
		    -ms-flex-wrap: wrap;
		        flex-wrap: wrap;	
	}
	.headerContact,.btnTarifReserver
	{
		display:none;
	}
	#friseD, #friseG {
    background-image:none;
    background-repeat: repeat-x;
	}
	.btnTarifReserver,.headerLangue
	{
		position:relative;	
	}
	.navigation,.slicknav_btn,.slicknav_menu
	{
		position:initial;
	}
	.slicknav_menutxt
	{
		display:none;
	}
	#friseG
	{
		/*order:1;*/
	}
	
	.slicknav_menu li a,.slicknav_nav li.btn_accueil a {
    padding: 0;
	}
	.copy {
    text-align: center;
    margin-right: 0;
}
}
/*** nouvelles pages 05/2016 ***/
#locations
{
	padding-bottom: 70px;
	font-size: 24px;
	color:#FFF;
}
#locations a
{
	text-decoration: none;
	color:#FFF;
		
}
.locationsTitre
{
	padding:15px 0;
	padding-left:30px;
}
.clignotant{
	-webkit-animation-name: clignotant;
	animation-name: clignotant;
	-webkit-animation-duration: 2s;
	animation-duration: 2s;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
}

@-webkit-keyframes clignotant{
	0% {color: #e83a93;}
	50%{color:#fff;}
	100% {color: #e83a93;}
}

@keyframes clignotant{
	0% {color: #e83a93;}
	50%{color:#fff;}
	100% {color: #e83a93;}
}

.visiteVirtuelle{
	/* background-color: #FFF !important; */
	margin-top: 20px !important;
	text-transform: uppercase;
	text-decoration: none;
	padding: 0 !important;
}
.visiteVirtuelle a{
	text-decoration:underline;display: flex;
justify-content: center;
padding: 15px;
}

#promo{
	position: absolute;
	z-index: 10000;
	left: 0;
	top:0;
}
.instagram{
	vertical-align: middle;
}



/*.txtSliderOffre
{
	font-size:60px;
	background: rgb(12,12,12);
	color:#FFF;
	opacity:0.8;
	position:absolute;
	top: 50%;
	left: 50%;
  	transform: translate(-50%, -50%); 
	z-index:20;
	left:50%;
	text-transform: uppercase;
	display: flex;
	flex-flow: column wrap;
	align-items: center;
	padding: 15px 20px;
	border-radius: 15px;
}

.txtSliderOffre p
{
	text-align: center;
	margin-bottom: 30px;
}

.txtSliderOffre a
{
	background: #e83a93;
	font-family: "lucidaCalli";
	text-transform: lowercase;
	padding: 15px 20px;
	font-size: 40px;
	border-radius: 15px;
	margin-bottom: 15px;
}

.txtSliderOffre .capitale
{
	text-transform: capitalize;
}*/

.titreBien {
	font-size: 22px;
	padding-bottom: 10px;
}


/*------------------------------------------*/
/*-------- CARTE GEO - OPENSTREETMAP -------*/

#maCarte
{
  height: 400px;
  width: 100%;
}



/*------------------------------------------*/


.btnback {
	display: inline-block;
padding: 20px 36px;
border: solid 1px #0391b5;
    border-top-color: rgb(3, 145, 181);
    border-right-color: rgb(3, 145, 181);
    border-bottom-color: rgb(3, 145, 181);
    border-left-color: rgb(3, 145, 181);
border-radius: 0;
line-height: 1;
font-family: "Ubuntu", sans-serif;
font-size: 14px;
font-weight: bold;
text-transform: uppercase;
text-decoration: none !important;
text-align: center;
color: #fff !important;
background: #0391b5;
-webkit-transition: .2s !important;
transition: .2s !important;
}

#contact {
  padding-bottom: 70px;
}
#contact .formulaire {
 
}
#contact .formulaire form {
  margin: auto;
  padding: 35px 10px;
  max-width: 1480px;
}
#contact .formulaire form > div > div {
  margin: 0 40px;
}
#contact .formulaire .colonneG > div {
  padding: 5px;
}
#contact .formulaire input[type=text],#contact .formulaire select  {
  width: 100%;
  padding: 10px 5px;
  margin-bottom: 10px;
}
#contact .formulaire textarea {
  width: 100%;
  height: 275px;
}
#contact .formulaire .submit {
  align-self: center;
  text-align: center;
}
#contact .formulaire .submit input, .btnresa {
  background-color: #04A4CC;
  color: #fff;
  border: 0;
  text-transform: uppercase;
  font-weight: bold;
  padding: 5px 15px;
  cursor: pointer;
}

select#Pays_06
{
	border-color: #222 #727272 #727272 #222; 
	border: 2px solid;
}



/*----------------------------------------------*/
/*-------- FOOTER - PARTIE MOBILE FIXE ---------*/

.footer .viewTel
{
  display: none;
  flex-flow: row wrap;
  position :fixed;
  bottom: 0;
  width: 100vw;
  z-index: 1;
}

.footer .viewTel a
{
  color: #fff;
  width: 100%;
  height: 100%;
  font-size: 20px;
  text-decoration: none;
  display: flex;
  justify-content: center;
  align-items: center;
}

.footer .viewTel span
{
  width: 100%;
  height: 100%;
}

.footer .viewTel div.divMobile
{
  
  display: flex;
  justify-content: center;
  align-items: center;
}

.footer .viewTel div.divMobile
{
  border-right: 1px solid #fff;
  border-left: 1px solid #fff;
  width: 25%;
  height: 50px;
  background: #201c18;
  border-top: 2px solid #fff;
}

.footer .viewTel div span
{
  color: #fff;
}

.footer .viewTel i
{
  font-size: 20px;
}



/*------FIN FOOTER - PARTIE MOBILE FIXE --------*/
/*----------------------------------------------*/


@media(max-width:1199px)
{
	.headerContact img
	{
		width: 22px;
	}

	.txtSlider1
	{
		font-size: 40px;
		left: 12.5%;
	}

	.locNuit,
	.headerContact,
	.btnTarifReserver
	{
		font-size: 15px;
	}

	.footer-2>div
	{
		padding: 0 10px;
	}

	.footer-2>div:first-child,
	.footer-2>div:nth-child(3)
	{
		width: 30%;
	}

	.footer-2>div:nth-child(2)
	{
		width: 70%;
	}

	.footer-2>div:nth-child(4),
	.footer-2>div:nth-child(5)
	{
		width: 35%;
	}

	.Tarif
	{
		padding: 0;
	}

	#contact .formulaire form>div>div
	{
		margin: 0 20px;
	}
}

@media(max-width:991px)
{
	#friseD
	{
		display: flex;
		align-items: center;
	}

	.footer_1
	{
		padding: 5px;
	}

	.hidden-sm
	{
		display: none;
	}

	.display-sm
	{
		display: flex;
	}

	.locNuit
	{
		display:none;
	}

	.btnTarifReserver
	{
    	left: calc(50% - 90px);
	}

	.footer
	{
		margin-bottom: 50px;
	}

  	.footer .viewTel
	{
	    display: flex;
	}

	.copyrightLogo>div
	{
		width: 20%;
		display: flex;
		justify-content: center;
	}

	.slicknav_menu .slicknav_icon
	{
		background-image: url(../images/ico-menu-mini.png); 
		background-repeat: no-repeat;
		background-position: center;
		height: 40px; 
		width: 40px;
	}

	.slideSm
	{
		height: 450px;
	}

	.slideSm img
	{
		width: 100%!important;
		height: 100%;
		object-fit: cover;
	}

	.copy
	{
		text-align: center;
		margin-right: 0;
		padding: 0 10px;
	}

	.locationsTitre
	{
		font-size:18px;
		padding-left: 15px;
	}

	#locations a
	{
		font-size: 18px;
	}

	#nateve-locations-fr img
	{
		width: 100%;
	}

	h1
	{
		padding: 0 5px;
	}

	.txt24, h3
	{
		font-size: 18px;
	}

	.locationTitre,
	.txt36, h2
	{
		font-size: 30px;
	}

	.partenaires,
	.smart-selections,
	.services,
	.accesSection,
	.txt18,
	h4,
	.cgv ul
	{
		font-size: 16px;
	}

	.h4
	{
		font-size: 20px;
	}

	.galeries>div
	{
		text-align: center;
	}

	#partenaires-fr img
	{
		height: 100px;
	}

	.accesSection>div>div img
	{	
		padding-bottom: 20px;
	}

	.accesSection2 > div:nth-child(1)
	{
		padding-right: 5%;
		font-size: 16px;
	}

	.mentionsLegales
	{
		margin-left: 0;
	}

	.txt30
	{
		font-size: 26px;
	}

	.txt26
	{
		font-size:22px;
	}

	#contact .formulaire .submit
	{
		margin-bottom: 20px;
	}

	#Timeline1
	{
		display: none;
	}
}

@media(max-width:768px)
{
	.cadreIndex
	{
		padding-left: 10px;
		padding-right: 10px;
	}

	.cadreTitre
	{
		font-size: 20px;
	}

	h1
	{
		font-size: 20px;
	}

	.txt30
	{
		font-size: 26px;
	}

	.p880
	{
		padding: 0 15px;
	}

	.titreBien
	{
		font-size: 20px;
	}
	.texteIndex{
		display: none;
	}
}

@media(max-width:767px)
{
	.hidden-xs,
	#friseD
	{
		display: none;
	}

	.display-xs
	{
		display: flex;
	}

	header
	{
		min-height: 65px;
	}

	.logo
	{
		padding-right: 10px;
	}

	.footer_1,
	.footer-2
	{
		font-size: 12px;
	}
	.footer_1 span{
		display: block;
	}
	.logo img
	{
		width: 53px;
		height: 50px;
	}

	.slideSm
	{
		height: 350px;
	}

	.footer
	{
		margin-bottom: 45px;
	}

	.footer .viewTel div.divMobile
	{
	  height: 45px;
	}

	.copyrightLogo>div
	{
		width: 18%;
	}

	.slicknav_menu li a
	{
		font-size: 18px;
		padding: 5px 0 5px 0;
	}

	.footer-2>div:first-child,
	.footer-2>div:nth-child(3),
	.footer-2>div:nth-child(2),
	.footer-2>div:nth-child(4),
	.footer-2>div:nth-child(5)
	{
		width: 100%;
	}

	.txtSurCadre
	{
		font-size: 16px;
		top: 50%;
		left: 50%;
  		transform: translate(-50%, -50%);
  		width: fit-content;
	}

	.txtSurCadre img
	{
		height: 15px;
	}

	.cadresIndex
	{
		text-align: center;
	}

	#locations a
	{
		font-size: 16px;
	}

	div[id^=nateve-locations]>div:nth-child(n+2)
	{
		padding: 10px 10px 20px;
	}

	.txt24, h3
	{
		font-size: 16px;
	}

	.txt30,
	.txt36,
	h2
	{
		font-size: 22px;
	}

	.txt26
	{
		font-size:18px;
	}

	.btnReserver>div
	{
		font-size: 20px;
	}

	.locationTitre,
	.txt36, h2
	{
		font-size: 26px;
	}

	div[id^=smart-selection]>div>div
	{
		display: flex;
		align-items: center;
		flex-direction: column;
	}

	.form-hebergement .form-group:last-child
	{
		width: 98.5%;
	}

	.partenaires,
	.smart-selections,
	.services,
	.accesSection,
	.txt18,
	.cgv ul
	{
		font-size: 14px;
	}

	.mentionsLegales
	{
		margin-top: 60px;
	}

	#contact .formulaire form>div>div
	{
		margin: 0;
	}

	/* .cgv
	{
		margin-top: 65px;
	} */

	.cgv p
	{
		margin: auto 0;
	}

	.cgv ul
	{
		margin: 0;
		padding-left: 10px;
	}

	.Tarif
	{
    	margin-top: 80px;
	}

}
#imgLocation .txtSurvol {
    background-color: #000;
    color: #00b0c3;
    padding: 10px 20px;    
    text-align: center;
}
#imgLocation{
	/* margin-top: 80px; */
	position: relative;
}
#footerLocation {
  background-color: #00b0c3;
  padding: 15px;
}
#footerLocation > div {
  margin: auto;
  text-align: center;
}
#footerLocation > div > div {
  padding: 2px 10px;
  position: relative;
  height: 50px;
  width: calc(100% - 20px);
}
#footerLocation > div > div a {
  color: #fff;
  text-decoration: none;  
  width: 100%;
  padding: 3px;
  font-family: 'journalregular';
  font-size: 24px;
  align-self: center;
  position: absolute;
  top: 0;
}
#footerLocation > div > div .portnature {
  color: rgba(19, 165, 122, 0.7);
  font-size: 24px;
  font-weight: bold;
  text-shadow: 2px 2px 2px #000;
}
#footerLocation > div > div .heliopolis {
  color: rgba(3, 179, 197, 0.8);
  font-size: 24px;
  font-weight: bold;
  text-shadow: 2px 2px 2px #000;
}
#footerLocation > div > div .naturabeach {
  color: rgba(228, 35, 34, 0.8);
  font-size: 24px;
  font-weight: bold;
  text-shadow: 2px 2px 2px #000;
}
#footerLocation > div > div .heliovillage {
  color: rgba(228, 34, 198, 0.6);
  font-size: 24px;
  font-weight: bold;
  text-shadow: 2px 2px 2px #000;
}
#footerLocation > div > div .portambonne {
  color: rgba(228, 221, 34, 0.7);
  font-size: 24px;
  font-weight: bold;
  text-shadow: 2px 2px 2px #000;
}
#footerLocation > div > div .portsoleil {
  color: rgba(148, 75, 211, 0.8);
  font-size: 24px;
  font-weight: bold;
  text-shadow: 2px 2px 2px #000;
}
#footerLocation > div > div .portvenus-residence {
  color: rgba(34, 228, 75, 0.8);
  font-size: 24px;
  font-weight: bold;
  text-shadow: 2px 2px 2px #000;
}
#footerLocation > div > div .portvenus-village {
  color: rgba(240, 138, 7, 0.7);
  font-size: 24px;
  font-weight: bold;
  text-shadow: 2px 2px 2px #000;
}
#footerLocation > div > div .hoteleve,
#footerLocation > div > div .riads {
  color: rgba(9, 45, 150, 0.8);
  font-size: 24px;
  font-weight: bold;
  text-shadow: 2px 2px 2px #000;
}
#footerLocation > div > div .lesrivages-frontdemer {
  color: rgba(82, 185, 154, 0.7);
  font-size: 24px;
  font-weight: bold;
}
#footerLocation > div > div .lesrochesmarines {
  color: rgba(82, 185, 154, 0.7);
  font-size: 24px;
  font-weight: bold;
}
#footerLocation > div > div .lesjardinsdunil {
  color: rgba(3, 179, 197, 0.8);
  font-size: 24px;
  font-weight: bold;
}
#footerLocation > div > div .nakara {
  color: rgba(228, 35, 34, 0.9);
  font-size: 24px;
  font-weight: bold;
}
#footerLocation > div > div .meretsoleil {
  color: rgba(228, 34, 198, 0.7);
  font-size: 24px;
  font-weight: bold;
}
#footerLocation > div > div .lacroisette {
  color: rgba(228, 221, 34, 0.7);
  font-size: 24px;
  font-weight: bold;
}
#footerLocation > div > div .capneptune {
  color: rgba(139, 35, 228, 0.7);
  font-size: 24px;
  font-weight: bold;
}
#footerLocation > div > div .leshuniers {
  color: rgba(34, 228, 75, 0.8);
  font-size: 24px;
  font-weight: bold;
}
#footerLocation > div > div .tennisvillage {
  color: rgba(149, 64, 23, 0.8);
  font-size: 24px;
  font-weight: bold;
}
#footerLocation > div > div .maisonducap {
  color: rgba(13, 99, 241, 0.8);
  font-size: 24px;
  font-weight: bold;
}

@media (min-width: 768px) {
	#imgLocation .txtSurvol {
		width: 225px;
		padding: 10px 20px;
		position: absolute;
		top: 50px;
		right: calc(50% - 112px);
		border-radius: 10px;		
	}
  #footerLocation > div > div {
    width: calc(100% / 2 - 20px);
  }
}
@media (min-width: 992px) {
  #footerLocation > div > div {
    width: calc(100% / 3 - 20px);
  }
}
@media (min-width: 1200px) {
  #footerLocation > div > div {
    width: calc(100% / 5 - 20px);
  }
}
@media (max-width: 767px) {
	#imgLocation{
		margin-top: 65px;
	}
	#imgLocation .txtSurvol{
		position: relative;
	}
}
p.index{
	font-size: 16px;
	text-align: justify;
	margin-bottom: 0;
}
.texteIndex{
	padding: 15px 20px;
	margin:0;
	color:#fff;
	font-size: 14px;
	text-align: justify;
	background-color: #918182;
}