/* ==|== primary styles =====================================================
   Author: 
   ========================================================================== */

 
/* FONTS  ==============================================================*/


@font-face {
    font-family: 'rounded_eleganceregular';
    src: url('/fonts/rounded_elegance-webfont.eot');
    src: url('/fonts/rounded_elegance-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/rounded_elegance-webfont.woff2') format('woff2'),
         url('/fonts/rounded_elegance-webfont.woff') format('woff'),
         url('/fonts/rounded_elegance-webfont.ttf') format('truetype'),
         url('/fonts/rounded_elegance-webfont.svg#rounded_eleganceregular') format('svg');
    font-weight: normal;
    font-style: normal;
 }
@font-face {
    font-family: 'gill_sansregular';
    src: url('/fonts/gillsans-webfont.eot');
    src: url('/fonts/gillsans-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/gillsans-webfont.woff2') format('woff2'),
         url('/fonts/gillsans-webfont.woff') format('woff'),
         url('/fonts/gillsans-webfont.ttf') format('truetype'),
         url('/fonts/gillsans-webfont.svg#gill_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
 }
@font-face {
    font-family: 'gill_sansbold';
    src: url('/fonts/gillsans-bold-webfont.eot');
    src: url('/fonts/gillsans-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/gillsans-bold-webfont.woff2') format('woff2'),
         url('/fonts/gillsans-bold-webfont.woff') format('woff'),
         url('/fonts/gillsans-bold-webfont.ttf') format('truetype'),
         url('/fonts/gillsans-bold-webfont.svg#gill_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'gill_sanslight';
    src: url('/fonts/gillsans-light-webfont.eot');
    src: url('/fonts/gillsans-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/gillsans-light-webfont.woff2') format('woff2'),
         url('/fonts/gillsans-light-webfont.woff') format('woff'),
         url('/fonts/gillsans-light-webfont.ttf') format('truetype'),
         url('/fonts/gillsans-light-webfont.svg#gill_sanslight') format('svg');
    font-weight: normal;
    font-style: normal;
} 
 /* EXCLUSION  ==============================================================*/
 
.iphone {
	display:none;
 }
.ie .iphone {
	display:none;
 }
 #alert_too_small {
 	display:none;
}

/* PREMIER NIVEAU  ==============================================================*/
 	
body{
	background-image:url(/img/fond.jpg);
	background-repeat:no-repeat;
	background-position:top right;
	margin:0;
	padding:0 0 60px 0;	
    font-family: 'gill_sanslight';
	line-height:1.2 
}
 
 /* CKEDITOR  ==============================================================*/
body.cke_panel_frame{
	background-image:none!important;
	
}


body#editor {   
	margin-left: 6px;
	margin-top: 6px;
	margin-right: 6px;
	margin-bottom:6px;
 	background:#fff;
	font-family:Arial, Helvetica, sans-serif;
	background-image:none!important;
}
body#editor .danger{   
	background:url(/img/danger.png) no-repeat;
	width:160px;
	height:150px;
	padding-top:15px;
}
body#editor .members_only{  
	 background-image:url(/img/fond_members_only.jpg);
 }
body#content .members_only{ 
	 background-image:none;
	 padding:0;
 }
body#editor .public_only{  
	 background-image:url(/img/fond_members_only.jpg);
 }
body#content .public_only{ 
	 display:none;
	 background-image:none;
	 padding:0;
 }
 body#editor .slide_div {  background:#FFC }


/* VIDEO  ==============================================================*/

 #bgvid { 
	position: fixed; right: 0; bottom: 0;
	min-width: 100%; min-height: 100%;
	width: auto; height: auto; z-index: -100;
	background-size: cover;
}
.media_embed        {
    position: relative;
	width:100%
}

.media_embed img {
    display: block;
    width: 100%;
    height: auto;
}

.media_embed iframe {
    position: absolute!important;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
/* GENERALITES  ==============================================================*/


h1{
	font-family: 'rounded_eleganceregular';
	text-transform:uppercase;
	color:#72c9c1;
	font-size:34px;
	margin-bottom:  8px;
    margin-top: 14px;
    margin-left: 15px;
	clear:both;
}
h2{
	font-size:25px;
}
h3{
	color:#7cc4c0;
	font-size:20px;
	margin-top: 0px;
    font-family: 'gill_sansregular';
}

.contenu{
	margin-left:-15px
}
.intro{
	margin-bottom:20px;
	font-size:18px;
	line-height:24px;
	max-width:720px;
	margin-left:auto;
	margin-right:auto;
}
.intro h1{
	margin:30px 0 6px 0 ;
	font-size:20px;
	line-height:24px;
	font-weight:bold;
 }
 

p { margin: 0 0 .3em 0 ; }

a {text-decoration:none;  }
a:link {color:#47a199;}
a:visited   {color:#47a199;}
a:hover  {color:#000; text-decoration:underline;}
a:active  {color:#47a199; }

 img.right {
	margin-left: 20px;
	float:right;
}
 img.left {
	margin-right: 20px;
	float:left;
}

input.bouton, span.bouton {
	border:0 !important;
	background-color:#7eba41;
 	font-weight:bold;
 	text-align:center;
	color:#fff;
	cursor:pointer;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px; 
 	padding: 5px 15px ;
}

input.bouton:hover, span.bouton:hover {
	background-color:#4d8b0e!important;
	color:#fff;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
 }
input.bouton:active, span.bouton:active {
	background-color:#22326a!important;
	color:#fff;
}

p.galerie span{ 
	display:block;
 	text-align:center;
	padding-bottom:6px;
	float:left;
	font-size:.8em;
	margin-right:10px;
}
nav.main ul.first #close{ 
	display:none;
}



/* GOUTTES  ==============================================================*/

.row_HP{
	margin-top:80px ;	
}
.row_page{
	margin-top:0px ;	
	margin-bottom:10px ;	
}
.rond{ 
	-moz-border-radius: 120px ; 
	-webkit-border-radius: 120px ; 
	border-radius: 120px ; 
	width:200px;
	height:200px;
	background-color:#fff;
	-moz-box-shadow:    -2px  4px 4px 2px rgba(0,0,0,.25);
    -webkit-box-shadow: -2px  4px 4px 2px rgba(0,0,0,.25);
    box-shadow:          -2px  4px 4px 2px rgba(0,0,0,.25);
	overflow:hidden;
	text-align:center;
	vertical-align:middle;
	margin-top:-60px;
	margin-right:-30px
 }
.rond img{ 
	width:90%;
	margin-top:12px

}
 .goutte{ 
	width:160px;
	height:160px;
	float:left;
	margin:8px;
  }
 .goutte2{ 
	width:120px;
	height:120px;
	float:left;
	margin:6px;
  }
 .goutte3{ 
	width:260px;
	height:260px;
	float:left;
	margin:6px;
  }
.goutte_1{ 
	-moz-border-radius: 180px 180px  0px 180px; 
	-webkit-border-radius: 180px 180px  0px 180px; 
	border-radius: 180px 180px  0px 180px; 
 }
.goutte_2{ 
 	-moz-border-radius: 180px 180px 180px 0px; 
	-webkit-border-radius: 180px 180px 180px 0px; 
	border-radius: 180px 180px 180px 0px; 
 }
.goutte_3{ 
 	-moz-border-radius: 180px 0 180px 180px; 
	-webkit-border-radius: 180px 0 180px 180px; 
	border-radius: 180px 0 180px 180px; 
 }
.goutte_4{ 
 	-moz-border-radius: 0px 180px 180px 180px; 
	-webkit-border-radius: 0px 180px 180px 180px; 
	border-radius: 0px 180px 180px 180px; 
}
.goutte_5{ 
	-moz-border-radius: 180px 180px  0px 180px; 
	-webkit-border-radius: 180px 180px  0px 180px; 
	border-radius: 180px 180px  0px 180px;
	background-size:cover;
	margin:15px!important;
 }

.goutte_hp1{ background-image:url(/gouttes/hp1.jpg) ; background-size:cover;}
.goutte_hp2{ background-image:url(/gouttes/hp2.jpg) ; background-size:cover;}
.goutte_hp3{ background-image:url(/gouttes/hp3.jpg) ; background-size:cover;}
.goutte_hp4{ background-image:url(/gouttes/hp4.jpg) ; background-size:cover;}
.goutte_hp5{ background-image:url(/gouttes/hp5.jpg) ; background-size:cover;}

.goutte_france1{ background-image:url(/gouttes/france1.jpg) ; background-size:cover;}
.goutte_france2{ background-image:url(/gouttes/france2.jpg) ; background-size:cover;}
.goutte_france3{ background-image:url(/gouttes/france3.jpg) ; background-size:cover;}
.goutte_france4{ background-image:url(/gouttes/france4.jpg) ; background-size:cover;}

.goutte_apropos1{ background-image:url(/gouttes/apropos1.jpg) ; background-size:cover;}
.goutte_apropos2{ background-image:url(/gouttes/apropos2.jpg) ; background-size:cover;}
.goutte_apropos3{ background-image:url(/gouttes/apropos3.jpg) ; background-size:cover;}
.goutte_apropos4{ background-image:url(/gouttes/apropos4.jpg) ; background-size:cover;}

.goutte_balneaire1{ background-image:url(/gouttes/balneaire1.jpg) ; background-size:cover;}
.goutte_balneaire2{ background-image:url(/gouttes/balneaire2.jpg) ; background-size:cover;}
.goutte_balneaire3{ background-image:url(/gouttes/balneaire3.jpg) ; background-size:cover;}
.goutte_balneaire4{ background-image:url(/gouttes/balneaire4.jpg) ; background-size:cover;}
 
.goutte_italie1{ background-image:url(/gouttes/italie1.jpg) ; background-size:cover;}
.goutte_italie2{ background-image:url(/gouttes/italie2.jpg) ; background-size:cover;}
.goutte_italie3{ background-image:url(/gouttes/italie3.jpg) ; background-size:cover;}
.goutte_italie4{ background-image:url(/gouttes/italie4.jpg) ; background-size:cover;}
 
.goutte_moyen1{ background-image:url(/gouttes/moyen1.jpg) ; background-size:cover;}
.goutte_moyen2{ background-image:url(/gouttes/moyen2.jpg) ; background-size:cover;}
.goutte_moyen3{ background-image:url(/gouttes/moyen3.jpg) ; background-size:cover;}
.goutte_moyen4{ background-image:url(/gouttes/moyen4.jpg) ; background-size:cover;}
  
.goutte_long1{ background-image:url(/gouttes/long1.jpg) ; background-size:cover;}
.goutte_long2{ background-image:url(/gouttes/long2.jpg) ; background-size:cover;}
.goutte_long3{ background-image:url(/gouttes/long3.jpg) ; background-size:cover;}
.goutte_long4{ background-image:url(/gouttes/long4.jpg) ; background-size:cover;}
  
.goutte_page1{ background-image:url(/gouttes/page1.jpg) ; background-size:cover;}
.goutte_page2{ background-image:url(/gouttes/page2.jpg) ; background-size:cover;}
.goutte_page3{ background-image:url(/gouttes/page3.jpg) ; background-size:cover;}
.goutte_page4{ background-image:url(/gouttes/page4.jpg) ; background-size:cover;}
  
.goutte_crois_mar1{ background-image:url(/gouttes/crois_mar1.jpg) ; background-size:cover;}
.goutte_crois_mar2{ background-image:url(/gouttes/crois_mar2.jpg) ; background-size:cover;}
.goutte_crois_mar3{ background-image:url(/gouttes/crois_mar3.jpg) ; background-size:cover;}
.goutte_crois_mar4{ background-image:url(/gouttes/crois_mar4.jpg) ; background-size:cover;}
  
.goutte_crois_flu1{ background-image:url(/gouttes/crois_flu1.jpg) ; background-size:cover;}
.goutte_crois_flu2{ background-image:url(/gouttes/crois_flu2.jpg) ; background-size:cover;}
.goutte_crois_flu3{ background-image:url(/gouttes/crois_flu3.jpg) ; background-size:cover;}
.goutte_crois_flu4{ background-image:url(/gouttes/crois_flu4.jpg) ; background-size:cover;}

.goutte_escapade1{ background-image:url(/gouttes/escapade1.jpg) ; background-size:cover;}
.goutte_escapade2{ background-image:url(/gouttes/escapade2.jpg) ; background-size:cover;}
.goutte_escapade3{ background-image:url(/gouttes/escapade3.jpg) ; background-size:cover;}
.goutte_escapade4{ background-image:url(/gouttes/escapade4.jpg) ; background-size:cover;}
  
/* DISPLAY  ==============================================================*/

.display h2{ 
    font-family: 'gill_sansbold';
	text-transform:uppercase;
	margin:0 0 8px 0;
	font-size:18px;
	color:#706e6f;
	line-height:16px;
}
.display .prix{ 
    font-family: 'gill_sansbold';
	font-size:22px;
	color:#7cc4c0;
}
.display span{ 
    display:block;
	font-size:12px
}
.display .div_left{ 
	width:60%;
	float:left;
	padding:18px;
	line-height:1.3
}
.display .div_right{ 
	width:40%;
	float:left;
	background-size:cover;
	height:160px;
}
.display_1{ 
	width:100%;
	height:160px;
	-moz-box-shadow:    -2px  4px 4px 2px rgba(0,0,0,.25);
    -webkit-box-shadow: -2px  4px 4px 2px rgba(0,0,0,.25);
    box-shadow:          -2px  4px 4px 2px rgba(0,0,0,.25);
 	-moz-border-radius: 40px 0px 40px 0px;
	-webkit-border-radius: 40px 0px 40px 0px;
	border-radius: 40px 0px 40px 0px;
	margin-bottom:25px; 
	overflow:hidden;
	display:block;
}
.display .picto img{ 
	width:30%;
	max-width:35px;
 }
 
/* FICHE  ==============================================================*/

#inline{ 
	display:none;
	padding:10px 30px 30px 30px;
	background:#fff;
	overflow:hidden;
	height:100%; 
	color:#555;
	font-size:18px;
}
#inline h1{ 
 	margin:40px 0 0 0px;
	font-family: 'gill_sansbold'; 
	color:#555;
 }
#inline .descriptif{
	color:#555;
	font-size:22px;
  	font-family: 'gill_sanslight'; 
	margin-top:30px;
	line-height:32px; 
}
#inline .jours{
	color:#555;
	font-size:24px;
  	font-family: 'gill_sansbold';
	line-height:36px; 
}
#inline .prix{
	color:#71c9c2;
	font-size:54px;
  	font-family: 'gill_sansbold'; 
}
#inline .goutte3{
	margin-top:-30px;
}
#inline .picto{
	display:block;
}
#inline .picto img{
	max-width:30px;
	margin-top:10px
}


/* LOGO HP  ==============================================================*/
 
.logoHP{ 
 	float:left;
	margin:8px;
	font-size:22px;
	color:#ccc;
    font-family: 'rounded_eleganceregular';
}
.logoHP img{ 
	 margin:25px 20px 25px 20px;
	 width:300px;
}
   

/* HEADER  ==============================================================*/
 
header{
 	width:100%;
 	margin-top:40px;
 }
.nav.navbar-nav  { 
 	font-size:17px;
	letter-spacing:.1em;
    font-family: 'rounded_eleganceregular';
}
.navbar  { 
	min-height:0;
}
.navbar-collapse {
    padding:0px ;
}
.nav.navbar-nav a {text-decoration:none; }
.nav.navbar-nav a:link {color:#fff;}
.nav.navbar-nav a:visited   {color:#fff;}
.nav.navbar-nav a:hover  {color:#000; }
.nav.navbar-nav a:active  {color:#fff; }
.navbar-nav > li > a {
    padding-bottom: 5px;
    padding-top: 8px;
}

.nav.navbar-nav .dropdown-menu a {text-decoration:none; }
.nav.navbar-nav .dropdown-menu a:link {color:#777;}
.nav.navbar-nav .dropdown-menu a:visited   {color:#777;}
.nav.navbar-nav .dropdown-menu a:hover  {color:#777; }
.nav.navbar-nav .dropdown-menu a:active  {color:#777; }
 
.navbar-toggle{
	margin-right: 0px;	
}
.navbar-toggle img{
	height:20px;
}
.navbar-collapse.in {
    overflow-x: hidden;
}
.dropdown-menu {
	-moz-box-shadow:    -2px  4px 4px 2px rgba(0,0,0,.25);
    -webkit-box-shadow: -2px  4px 4px 2px rgba(0,0,0,.25);
    box-shadow:          -2px  4px 4px 2px rgba(0,0,0,.25);
	background-color:rgba(255,255,255,.86);

}
.nav > li > a:hover,
.nav > li > a:focus {
  text-decoration: none;
  background-color: #eccd6b;
}
.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
  background-color: #eccd6b;
  border-color: #337ab7;
}
 /* HP  ==============================================================*/
 

 


  /* IE  ==============================================================*/

div.ie {
	margin:60px auto!important;
	width:100%;
	text-align:center;
	color:#fff;
  }
div.ie p{
	color:#aaa;
	width:600px;
	margin:0px auto!important;
	margin-bottom:10px!important ;
  }
div.ie #gros_logo{
	display:inline-block;
	width:250px;
	height:200px;
	background:#1c1e14;
	margin:22px auto;
	
 }
div.ie #gros_logo img{
	width:100%;
	height:auto;
	margin-bottom:50px ;
  }


/* IMAGES ==============================================================*/

 img {
	max-width:100%
	
}
 
 
 
/* ARTICLE ==============================================================*/

article h1{
	margin-left:0 ;
	margin-bottom:6px ;
}
article h2{
	margin-top:0!important;
}
   
/* ASIDE ==============================================================*/

aside h2{ 
    font-family: 'rounded_eleganceregular';
	margin:0 0 8px 0;
	font-size:30px;
	color:#72c9c1 ;
}
aside  hr {
    border-color: #ccc -moz-use-text-color -moz-use-text-color;
    border-image: none;
    margin-bottom: 10px;
    margin-top: 10px;
	clear:both;
}
body aside  .pictos span {
	font-size:12px;
	line-height:12px ;
	font-family: 'gill_sansbold';

}
body aside  .pictos span span{
    font-family: 'gill_sanslight';

}
aside  .pictos img {
    width:36px;
	float:left;
	margin-right:10px
}
.aside{
	padding-right:0;   
	padding-left:0   
}

/* FOOTER  ==============================================================*/

footer{
 	width:100%;
 	margin-top:100px;
	padding : 6px 15px;
 	background:#ebcd6b;
	color:#fff;
	letter-spacing:.04em;
	position:fixed;
	bottom:0;
 
 }
footer a {text-decoration:none; }
footer a:link {color:#fff;}
footer a:visited   {color:#fff;}
footer a:hover  {color:#a9840a;text-decoration:none;  }
footer a:active  {color:#fff; }

/* TABLEAU ==============================================================*/

 
 
  /* FORMULAIRE ==============================================================*/

#form{
	width:75%;
	margin-top:20px;
	text-align:center;
  }


form#form_adm_contacts{
	width:100%;
	clear:both;
  }
form#form_adm_contacts fieldset{
 	border:0!important;
	padding:0;
	margin:0;
 }
form#form_adm_contacts ul{
	padding:0;
	margin:0;
	list-style:none!important;
	width:100%;
 }
form#form_adm_contacts ul li{
 	margin-bottom:20px;
  }
form#form_adm_contacts label{
	width:100px;
	display:block;
	text-align:right;
	margin-right:10px;
	float:left;
	line-height:1.4em;
	margin-top:-2px;
 
 }
form#form_adm_contacts select ,
form#form_adm_contacts input.text,
form#form_adm_contacts textarea.text{
	padding:4px 8px;
	width: calc( 100% - 110px );
	border:#d7e9e7 2px solid;
	font-size: 14px;
	color:#666;
	display:block;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    -khtml-border-radius: 0px;
    border-radius: 0px; 
}
form#form_adm_contacts select{
	height:30px;
   }
form#form_adm_contacts textarea.text{
	height:120px;
 }
.obligatoire{
	font-style:italic;
	color:#999;
	text-align:right;
	width:100%;
	font-size:12px;
	margin-top:2px;
 	margin-bottom:8px;
}
.bouton-container{
 	text-align:center;
	width:100%;
}
.bouton.form{
 	color:#c00;
	text-align:center;
	width:calc( 100% - 110px );
	padding:12px 30px 10px 30px;
	font-size:1.6em;
	color:#fff;
	background:#72c9c1;
	float:right;
    font-family: 'gill_sansbold';
	letter-spacing:.01em
}
.bouton.form:hover{
	background:#47a199!important;
}
#contact_alerte{
	color:#c00;	
 	margin-bottom:8px;
}

/* newsletter */

#newsletter{
	width:100%;
	border: 1px solid #0b77b3;
	padding:10px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px; 
	margin-top:20px;
}
#newsletter label{
	font-family:'gothamxnarrow_medium';
	font-size:20px
}
#newsletter input {
	padding:8px;
	width:  80% ;
	border:#0b77b3 1px solid;
	font-size: 14px;
	color:#666;
 }
#newsletter input.submit {
	padding:8px;
	width:  18% ;
	background:#0b77b3 ;
	font-size: 14px;
	color:#fff;
	float:right;
	
}



/* SLIDER ==============================================================*/

  



 /* ==|== non-semantic helper classes ========================================
   Please define your styles before this section.
   ========================================================================== */

.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; }
.ir br { display: none; }
.hidden { display: none !important; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix  { clear: both; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }