:root {
  --violet: #9e0b9c;
  --rose: #ce24cc;
  --bleumarine: #194247;
  --bleufonce: #019ca1;
  --bleuclair: #01c9d0;
  --marronclair: #cb9623;
  --marronfonce: #94690a; 
}
@font-face {
    font-family: 'open_sansregular';
    src: url('../fonts/opensans-regular-webfont.eot');
    src: url('../fonts/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/opensans-regular-webfont.woff2') format('woff2'),
         url('../fonts/opensans-regular-webfont.woff') format('woff'),
         url('../fonts/opensans-regular-webfont.ttf') format('truetype'),
         url('../fonts/opensans-regular-webfont.svg#open_sansregular') format('svg');
	font-weight:normal;
	font-style:normal;		 
}

@font-face {
    font-family: 'open_sanssemibold';
    src: url('../fonts/opensans-semibold-webfont.eot');
    src: url('../fonts/opensans-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/opensans-semibold-webfont.woff2') format('woff2'),
         url('../fonts/opensans-semibold-webfont.woff') format('woff'),
         url('../fonts/opensans-semibold-webfont.ttf') format('truetype'),
         url('../fonts/opensans-semibold-webfont.svg#open_sanssemibold') format('svg');
	font-weight:normal;
	font-style:normal;		
}

@font-face {
    font-family: 'montserratbold';
    src: url('../fonts/montserrat-bold-webfont.eot');
    src: url('../fonts/montserrat-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/montserrat-bold-webfont.woff2') format('woff2'),
         url('../fonts/montserrat-bold-webfont.woff') format('woff'),
         url('../fonts/montserrat-bold-webfont.ttf') format('truetype'),
         url('../fonts/montserrat-bold-webfont.svg#montserratbold') format('svg');
	font-weight:normal;
	font-style:normal;		
}
@font-face {
    font-family: 'montserratregular';
    src: url('../fonts/montserrat-regular-webfont.eot');
    src: url('../fonts/montserrat-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/montserrat-regular-webfont.woff2') format('woff2'),
         url('../fonts/montserrat-regular-webfont.woff') format('woff'),
         url('../fonts/montserrat-regular-webfont.ttf') format('truetype'),
         url('../fonts/montserrat-regular-webfont.svg#montserratregular') format('svg');
	font-weight:normal;
	font-style:normal;		 
}



body{
    font-family: 'open_sansregular', sans-serif;
    font-weight:400;
    min-width:320px;
    color:#184247;
    line-height:1.3;
    font-size:16px;     
}

.haut1,
.haut10,
.haut20,
.haut30,
.haut40,
.haut60{
    display:block;
}
.haut1{
    height:1px;
}
.haut10{
    height:10px;
}
.haut20{
    height:20px;
}
.haut30{
    height:30px;
}
.haut40{
    height:40px;
}
.haut60{
    height:60px;
}

a, a:hover, a:active, a:visited{
    text-decoration:none;
}
ul{
    list-style:none;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6{
    font-family: 'montserratregular';
    line-height: 1.2;
}
.nav-tabs {
  padding-top: 60px;
}

p,
.mb15,
.marginbottom15 {
    margin-bottom: 15px;
}
.mt-10{
    margin-top: 10px;
}
.mt-20{
    margin-top: 20px;
}
.mt-30{
    margin-top: 30px;
}
.mt-40{
    margin-top: 40px;
}
.mt-50{
    margin-top: 50px;
}
.mt-60{
    margin-top: 60px;
}

.mb-10{
    margin-bottom: 10px;
}
.mb-20{
    margin-bottom: 20px;
}
.mb-30{
    margin-bottom: 30px;
}
.mb-40{
    margin-bottom: 40px;
}
.mb-50{
    margin-bottom: 50px;
}
.mb-60{
    margin-bottom: 60px;
}
.pt-30{
    padding-top: 30px;
}
.livret a, .livret.nav-secondaire a{
    display:flex;
    justify-content: center;
    flex-direction: column;
    height:70px;
    width:auto;
    border-radius:10px;
    background:var(--violet);	
    color:#FFF;
    text-align:center;
    border:1px solid var(--violet);	
    font-size:18px;
    font-family: 'montserratregular';
    margin: 20px auto;
    text-transform: uppercase;
}
.livret a:hover, .livret.nav-secondaire a:hover{
    background:#FFF;
    color:var(--violet);	  
}
.livret.nav-secondaire a{
    display:flex;
    justify-content: center;
    flex-direction: column;
    height:76px;
}


.livret:nth-child(2n) a{
    background:var(--bleufonce);
    color: #FFF;  
    border:1px solid var(--bleufonce);	
}
.livret:nth-child(2n) a:hover{
    background:#FFF;
    color:var(--bleufonce);	  
}
.livret:nth-child(3n) a{
    background:var(--rose);
    color: #FFF;  
    border:1px solid var(--rose);
}
.livret:nth-child(3n) a:hover{
    background:#FFF;
    color:var(--rose);	  
}
.livret:nth-child(4n) a{
    background:var(--bleumarine);
    color: #FFF;  
    border:1px solid var(--bleumarine);
}
.livret:nth-child(4n) a:hover{
    background:#FFF;
    color:var(--bleumarine);	  
}


.livret:nth-child(5n) a{
    background:var(--marronclair);
    color: #FFF;  
    border:1px solid var(--marronclair);
}
.livret:nth-child(5n) a:hover{
    background:#FFF;
    color:var(--marronclair);	  
}


/*---------------------classes récurentes--------------------*/

.clear{
    clear:both;
    display:block;
}
.left{
    float:left;
}
.right{
    float:right;
}

.relative{
    position:relative;
}


.visuel img, .box img{
    max-width:100%;
    height:auto;
    margin-bottom: 20px;
}
.box img{
    margin-bottom: 30px;
}
.box img:hover{
    cursor:zoom-in;
    -webkit-filter: brightness(0.5);
    filter: brightness(0.5);	
    transition: all 0.3s ease 0s;
}

.padding0{
    padding-left:0;
    padding-right:0;
}

.padding0left{
    padding-left:0;
}

.padding0right{
    padding-right:0;
}


.margintopneg{
    margin-top: -50px;
}
.inline-block{
    display:inline-block;
}

.blanc{
    background:#FFF;
}

.bloc-663:nth-child(3n+1){
    clear:both;
}
.fond-violet{
    background: var(--violet);
}
.fond-bleuclair{
    background: var(--bleuclair);
}
.fond-marronclair{
    background: var(--marronclair);
}

.plusgrand{
    font-size: 20px;
}
/*-------------------------entete-----------------------------------*/
.fond-degrade{
    height:110px;
    display:block;
    background:url(../img/fond_degrade_blanc.png) repeat-x;
    position:absolute;
    top:0px;
    text-align:center;
    width: 100%;
}
.logo img{
    max-width: 100%;
    height: auto;
}

/*-------------------------slider-----------------------------------*/

.compte{
    color:#FFF;
    height:110px;
    width:180px;
    display:inline-block;
    position:absolute;
    top:0;
    right:0;
    text-transform: uppercase;
    text-align: left;
}
.compte p{
    background: var(--bleuclair);
    padding: 16px 10px 15px 0;
    margin-bottom: 0;
    text-align: left;
}
.compte p+p{
    background: var(--rose);
    padding: 16px 10px 15px 0;
    margin-bottom: 0;
    text-align: left;
}
.compte p:hover{
	background:#184247;
}
.compte a{
	color:#FFF;
}

.compte i{
	margin-right:5px;
	font-size:20px;
        margin-left: 10px;
}
.nav_secondaire{
	position:relative;
	background-image: url(../img/vagues_slider.png), url(../img/vagues_slider.png); 
	background-position: 10% 80px, 90% 80px;
	background-repeat: no-repeat;
	background-color: rgba(10,62,71,0.85);
	height:210px;
	margin-top: -192px;
	z-index:50;
	display:block;
	text-align:center;
	color:#FFF;
	text-transform:uppercase;
	font-family: 'montserratregular';
	margin-bottom:50px;
}
.nav_secondaire ul{
	padding:0;
}
.trois-boutons{
	display:inline-block;
}
.gros-bouton{
	display:inline-block;
	height:270px;
	width:270px;
	border-radius:100%;
	position:relative;
	top:-135px;
	margin:0 25px;
	line-height:260px;
	text-align:center;
}
.lien{
	color:#FFF;
	font-size:18px;
	line-height:normal;
	display:inline-block;
	vertical-align:middle;
}

.soustitre{
	position:relative;
	bottom:126px;
	font-size:16px;
}
.bt1{
	background: var(--marronclair);
}
.bt2{
	background:var(--bleuclair);
}
.bt3{
	background:var(--rose);
}
.fond-bouton1, .fond-bouton2, .fond-bouton3{
	background:var(--marronfonce);
	height:250px;
	width:250px;
	border-radius:100%;
	display:inline-block;
	margin-top:10px;
	border:1px solid var(--marronclair);
}
.fond-bouton2{
	background:var(--bleufonce);
	border:1px solid var(--bleuclair);	
}
.fond-bouton3{
	background:var(--violet);
	border:1px solid var(--rose);
}
.plus1, .plus2, .plus3{
	display:block;
	font-size:40px;
}


.bt1:hover .fond-bouton1{
	border:24px solid #cb9623 ;	
	transition: all 0.4s;
}
.bt1:hover .specialite1{
	position:relative;
	top:185px;
	color:#cb9623 ;
}

.bt1:hover .plus1{
	color:#705008;
	font-size:60px;
	position:relative;
	top:-40px;	
}


.bt2:hover .fond-bouton2{
	border:24px solid var(--bleuclair);	
	transition: all 0.4s;
}
.bt2:hover .specialite2{
	position:relative;
	top:193px;
	color:var(--bleuclair);	
}
.bt2:hover .plus2{
	color:#1a4448;
	font-size:60px;	
	position:relative;
	top:-50px;
}


.bt3:hover .fond-bouton3{
	border:24px solid var(--rose);
	transition: all 0.4s;	
}
.bt3:hover .specialite3{
	position:relative;
	top:193px;
	color:#ef6fed ;
}
.bt3:hover .plus3{
	color:#60085f;
	font-size:60px;	
	position:relative;
	top:-50px;
}




/*-------------------------navigation-------------------------------*/
.bloc_navigation, .bloc_navigation_slider{
    background-color: rgba(10,62,71,0.8);
    position:relative;
    top:110px;
    display:block;
    width:100%;
    height:55px;
    z-index:10;
}
.bloc_navigation_slider{
    position:absolute;
    top:110px;
}
.bloc_navigation{
    margin-bottom: 50px;
}
.navbar-collapse {
  padding-left: 0;
  padding-right: 0;
}
.navbar-default {
  background-color: rgba(10,62,71,0);
  border-color: rgba(10,62,71,0); 
}
.navbar-nav {
  float: none;
  text-align: center;
}
.navbar-nav > li{
    display:inline-block;
    font-size:16px;
    border-right: 1px solid var(--marronclair);
    height:33px;
    margin-top:8px;
    float: none;
    margin-left:-4px;
}
.navbar-nav > li:last-child{
    border-right: none;
}
.navbar-default .navbar-nav > li > a{
  color: #fff;
  margin-top:-8px;
  font-family: 'montserratregular';
}
.navbar-default .navbar-nav > li:hover > a{
  border-bottom: 4px solid var(--bleuclair);
  color: #fff;
}

.niveau1{
    position: relative;
    cursor:pointer;
}
.niveau2{
    display: none;
    padding:0;
    position:absolute;
    top:44px;
    left:0;
    z-index:180;
    width: 100%;
}
.niveau3{
    padding: 8px 5px;
    border-top:1px solid var(--bleuclair);
    background-color: rgba(10,62,71,0.8);
}

.niveau3 a{
    font-family: 'montserratregular';
    font-size:17px;
    color:#fff;
}
.niveau3:hover{
  background:var(--bleumarine);
  color: #fff;
}

.niveau1:hover .niveau2{
    display:block;
}


/*--------------------------page---------------------*/
.main-container{
    position:relative;
    top:60px;
}
.titre_page{
    background-image: url(../img/vagues_titre.png), url(../img/vagues_titre.png); 
    background-position: 10% 52px, 90% 52px;
    background-repeat: no-repeat;
    background-color: var(--bleuclair);
    height:160px;
    display: block;
    text-align: center;
    margin-bottom: 20px;
    line-height: 140px;
    
}
.titre_page h1{
    color:#fff;
    font-size: 36px;
    display: inline-block;
    vertical-align: middle;
    line-height: normal;
    width:60%;
    text-transform: uppercase;
}
span.sstitre{
    font-family: 'montserratregular';
    color: #3b656c;
    font-size: 20px;
    display: block;
}
.rubrique_page, 
.galerie, 
#block-webform h2{
    text-align: center;
    color: var(--marronclair);
    font-family: 'montserratregular';
    font-size: 30px;
    margin-bottom: 40px;
}
.rubrique_page:after, 
.galerie:after, 
#block-webform h2:after{
    content:'';
    display: block;
    width: 170px;
    height: 2px;
    background: var(--marronclair);
    margin:  20px auto;
}
.galerie:after{
    background: #aa2ab1;
}
.galerie h2{
    color: #aa2ab1;
}
.ligne{
    margin-bottom: 50px;
}
/*--------------------------page d'accueil---------------------*/

.intro-left{
	text-align:right;
	padding-bottom:60px;
}
.intro-center{
	text-align:center;
}
.intro-left img, .intro-center img, .intro-right img{
	width:auto;
	max-width:100%;
	display:inline-block;
}
.intro h3, .intro_photo h3{
    color:var(--violet);
    font-size: 30px;
}
.intro_photo h3{
    margin-top: 0;
    margin-bottom: 30px;
}
.intro h1{
    color: var(--bleuclair);
    margin: 0 0 30px;
}
.intro span{
    font-size: 26px;
    color:var(--violet);
}



	/*------------------------------bloc parallax-----------------------------*/
	
	#fond-eau{
		height:600px;
		background:url(../img/fond_eau.webp) center 60px no-repeat fixed;
		padding-top: 40px;
		background-size:contain;
		margin-bottom:60px;
	}
	.bouton-long1, .bouton-long2, .bouton-long3, .bouton-long4, .bouton-long5{
		height:70px;
		width:400px;
		max-width:100%;
		border-radius:10px;
		background:var(--rose);	
		color:#FFF;
		display:block;
		margin-left:auto;
		margin-right:auto;
		text-align:center;
		padding:22px 16px 22px 22px;
		border:1px solid var(--rose);	
		font-size:18px;
		font-family: 'montserratregular';
	}
	.bouton-long2, .bouton-long5{
		background:var(--bleumarine);	
		margin-top:20px;
		border:1px solid var(--bleumarine);	
	}
        .bouton-long3{
		background:var(--bleuclair);	
		margin-top:0px;
		border:1px solid var(--bleuclair);
                padding:12px 10px 0px 10px;
                height: 96px;
	}
        .bouton-long4{
		background:var(--rose);	
		margin-top:5px;
		border:1px solid var(--rose);
                padding:12px 10px 0px 10px;
	}
        .bouton-long5{
		background:#275D99;	
		border:1px solid #275D99;
	}
	.bouton-long1:hover, .bouton-long4:hover{
		background:#fff;	
		color:var(--rose);	
	}
	.bouton-long2:hover{
		background:#fff;	
		color:var(--bleufonce);	
	}
        .bouton-long3:hover{
		background:#fff;	
		color:var(--bleuclair);
	}
        .bouton-long5:hover{
		background:#fff;	
		color:#275D99;
	}
	.petit-plus{
		display:block;
		text-align:right;
		position:relative;
		top:-26px;
		font-size:22px;
	}
        .petit-plus2{
		display:block;
		text-align:center;
		font-size:22px;
	}
	.conseiller{
		background:url(../img/conseiller.png) no-repeat center center;
		padding-top:90px;
		margin-top:30px;
		height:200px;
	}
	.conseiller p{
		font-size:18px;
		font-family: 'montserratregular';
		text-transform:uppercase;
                margin-bottom: 10px;
	}
	.conseiller a{
		color:#184247;
	}
	.conseiller p:last-child{
		font-size:30px;
	}
	
	.video{
		display:block;
		margin:0 auto 20px;
		padding:0 30px;
	}
	/*------------------------icones bleues + actualités--------------------------------*/
	.icones_bleu{
		text-align:center;
		font-family: 'montserratregular';
	}
	.icones_bleu h2, .actualites h2{
		font-size:36px;
		color:var(--bleuclair);
		text-transform:uppercase;
	}
	.actualites h2, .texte-actualites h3{
		color: #d74fd5;
		margin-top:40px;
	}
	.texte-actualites h3{
		margin-top:60px;
	}
	.texte-actualites a{
		font-size:40px;
		text-transform:uppercase;
		color: #d74fd5;
	}
	.texte-actualites:hover a{
		color: #fff;
	}
	.texte-actualites p{
		color:#FFF;
	}
	.fond_bleufonce{
		background:#184247;
		position:relative;
	}
	.texte-actualites{
		padding:0 30px 10px 30px;
	}
	
        .titre_actu{
            font-family: 'montserratregular';
            margin-bottom: 40px;
        }
        .accroche{
            font-size: 14px;
            font-family: 'montserratregular';
            margin-bottom: 20px;
        }
        
        .texte_editeur ul, .texte_faq ul, .intro_photo ul{
            list-style-image:url(../img/puce.png);
        }
        .texte_editeur li, .texte_faq li, .intro_photo li{
            margin-bottom: 10px;
        }
        
        .intro_photo ul{
            padding-left: 18px;
        }
        .texte_editeur_fluid p,
        .texte_editeur_fluid h3,
        .texte_editeur_fluid h4,
        .texte_editeur_fluid h5,
        .texte_editeur_fluid h6{
            padding-left: 40px;
        }
        .texte_editeur_fluid ul{
            list-style-image:url(../img/puce.png);
            list-style-position: inside;
        }
        
        .texte_editeur a, .texte_editeur_fluid a{
            color:var(--marronclair);
        }
        .texte_editeur a:hover, .texte_editeur_fluid a:hover{
            text-decoration: underline;
        }
        
        .texte_editeur h3, 
        .texte_editeur h4,
        .texte_editeur_fluid h3,
        .texte_editeur_fluid h4{
             font-size: 18px;
             margin-top: 0;
        }
        .texte_right{
            padding-right: 40px;
            padding-left: 0;
        }
        .texte_left{    
            padding-right: 0;
        }
        .padding_editeur{
            padding-left:15px;
            padding-right: 15px;
        }
        
        .photo_bagneres_left{
            float: left;
            margin-right:40px;
            width:50%;
        }
        .photo_bagneres_right{
            float: right;
            margin-left:40px;
            width:50%;
        }
        
	.icones_bleu ul{
		padding:0;
                margin-top:20px;
	}
	.souligne_bleu, .souligne_rose{
		display:inline-block;
		border-bottom:2px solid var(--bleuclair);
		margin-bottom:27px;
		width:460px;
		max-width:80%;
		height:17px;
	}
	.souligne_rose{
		border-bottom:2px solid #d74fd5;
	}
	.six_boutons{
		display:inline-block;
		margin:0 24px 22px;
	}
	.six_boutons:first-child{
		margin-left:0;
	}
	.six_boutons:last-child{
		margin-right:0;
	}
	.bouton_plus_bleu{
		display:block;
		width:140px;
		height:140px;
		background:transparent;
		border:1px solid var(--bleuclair);
		border-radius:100%;
		color:transparent;
		font-size:40px;
		padding-top:28px;
		margin:0 auto;
	}
	.bouton_soins, .bouton_module, .bouton_navette, .bouton_medecin, .bouton_cadre, .bouton_spa, .bouton_animation{
		background:url(../img/icone_soins.png) no-repeat center center;
		background-color:var(--bleuclair);
		display:block;
		width:140px;
		height:140px;
		border-radius:100%;
	}
	.bouton_module{
		background:url(../img/icone_module.png) no-repeat center center;
		background-color:var(--bleuclair);
	}
	.bouton_navette{
		background:url(../img/icone_navette.png) no-repeat center center;
		background-color:var(--bleuclair);
	}
        .bouton_medecin{
		background:url(../img/icone_medecin.png) no-repeat center center;
		background-color:var(--bleuclair);
	}
	.bouton_cadre{
		background:url(../img/icone_cadre.png) no-repeat center center;
		background-color:var(--bleuclair);
	}
        .bouton_spa{
		background:url(../img/icone_spa.png) no-repeat center center;
		background-color:var(--bleuclair);
	}
        .bouton_animation{
		background:url(../img/icone_animation.png) no-repeat center center;
		background-color:var(--bleuclair);
	}
	.six_boutons:hover .bouton_plus_bleu{
		background:#184247;
		color:#FFF;
		border:18px solid var(--bleuclair);
		transition: all 0.4s;
	}
	.legende{
		text-transform:uppercase;
		font-size:14px;	
		margin-top:15px;
		display:block;
		height:52px;
		overflow:hidden;
	}
	.six_boutons:hover .legende{
		color:var(--bleuclair);
	}		
	
	.bt_savoirplus{
		width:200px;
		height:200px;
		border-radius:100%;
		background:url(../img/icone_vagues.png) no-repeat center 50px ;
		background-color:rgba(206,36,204,0.8);
		border:1px solid transparent;
		color:#FFF;
		text-align:center;
		padding-top:130px;
		font-family: 'montserratregular';
		font-size:18px;
		position:absolute;
		bottom:50px;
		right:29%;
		z-index:400;
	}
	.bt_savoirplus:hover{
		color:#184247;
		background-color:rgba(255,255,255,0.8);	
		border:1px solid var(--rose);
	}
        
	.bt_savoirplus_petit {
            width: 70px;
            height: 70px;
            border-radius: 100%;
            background-color: #fff;
            border: 1px solid var(--violet);
            color: var(--violet);
            text-align: center;
            padding-top: 5px;
            font-family: 'montserratregular';
            font-size: 16px;
            position: relative;
            top: 20px;
            margin: auto;
	}
        .d-flex{
            display: flex;
            justify-content: center;
            align-items: center;
        }
        .decouvrir{
            height: 230px;
            width: 230px;
            border: 1px solid var(--violet);
            border-radius: 100%;
            color: var(--violet);  
            display: flex;
            justify-content: center;
            align-items: center;
        }
        
        .cadre-soins{
            height: 130px;
        }
        .cadre-soins p{
            margin-bottom: 0;
        }
        .soins a{
            color: #184247;
        }
        .soins:hover a{
            color: var(--violet);
        }
        .soins:hover .bt_savoirplus_petit{
            color: #fff;
            background-color: var(--violet);
        }
        
        
        [class*="titre_icone"]{
            font-size: 30px;
            margin-bottom: 50px;
            text-align: center;
            color: var(--bleuclair);
        }
        [class*="titre_icone"]:before{
            content:'';
            display: inline-block;
            background:url(../img/icone_soins.png) no-repeat center center;
            background-size: 60%;
            height: 60px;
            width:60px;
             border:4px solid var(--bleuclair);
            border-radius: 100%;
            position: relative;
            top:20px;
            margin-right: 15px;
        }
        .titre_icone1:before{
            background:url(../img/icone_module.png) no-repeat center center;
            background-size: 60%;
        }
        /*.titre_icone2:before{
            background:url(../img/icone_navette.png) no-repeat center center;
            background-size: 60%;
           
        }*/
        .titre_icone2:before{
            background:url(../img/icone_medecin.png) no-repeat center center;
            background-size: 60%;
        }
        .titre_icone3:before{
            background:url(../img/icone_spa.png) no-repeat center center;
            background-size: 60%;
        }
        
        .titre_icone4:before{
            background:url(../img/icone_animation.png) no-repeat center center;
            background-size: 60%;
        }
        .titre_icone5:before{
            background:url(../img/icone_cadre.png) no-repeat center center;
            background-size: 60%;
        }
        
        
/*--------------------------cure----------------------------*/


.fond_gouttes{
    background:url(../img/gouttes.webp) no-repeat top right;
    background-color:var(--bleuclair);
    color:#fff;
}
.fond_bleu_turquoise{
    padding: 10px 40px 30px 10px;
    background-color:var(--bleuclair);
}
.fond_bleu_turquoise h3{
    font-size:30px;
    margin-bottom: 40px;
}
.fond_bleu_turquoise h3:after{
    content:'';
    display: block;
    width: 170px;
    height: 2px;
    background: #235AA6;
    margin: 20px auto;
}
.fond_bleu_turquoise h4{
    font-size:18px;
    font-family: 'open_sanssemibold';
    margin-top: 20px;
}
.fond_bleu_turquoise ul{
    list-style: disc;
    column-count: 2;
    column-gap: 30px;
}

.fond_bleu_roi{
    background:#235aa6;
    color:#fff;
    min-height:280px;
    padding: 10px 40px 10px;
    position:relative;
    left:-40px;
    top:20px;
    width: 577px;
}
.fond_bleu_roi h3{
    font-size: 30px;
}
.double_orientation{
    font-size: 18px;
    font-family: 'open_sanssemibold';
    margin:15px 0;
    line-height: 18px;
}
.plus_cure h3, .plus_cure h4, .plus_cure h5 {
    color:#CB9623;
    margin-top:30px;
}
.soin_bloc {
    height: 90px;
    line-height: 22px;
    text-align: center;
}
.soin_titre a{
    font-size: 20px;
    color:#235AA6;
    font-family: 'montserratregular';
    line-height: normal;
    display: inline-block;
}
.soin_titre a:hover{
    color:#235AA6;
    text-decoration: underline;
}
 
.soin_sstitre{
    font-size: 12px;
    line-height: normal;
    display: inline-block;
}

.testimonials-slider{
    margin-top: 60px;
    border-top:1px solid #CE24CD;
    border-bottom:1px solid #CE24CD;
    padding: 70px 0 60px;
    text-align: center;
    position: relative;
}
.testimonials-slider:before {
  content: url(../img/vagues_temoignages.jpg);
  left: 50%;
  margin-top: 4px;
  position: absolute;
  top: 0;
  transform: translate(-50%, -50%);
}
.testimonials-slider h4{
    color:#CE24CD;
    font-size: 22px
}
.testimonials-slider h4{
    color:#CE24CD;
    font-size: 22px
}
.testimonials-slider h5{
    font-size: 18px
}

.testimonials-slider p{
    font-family: 'open_sansregular';
    font-style:italic;
    font-size: 16px;
    line-height: 22px;
    margin-top: 20px;
}
.testimonials-slider .owl-dots {
  bottom: -30px;
}
.testimonials-slider .owl-dot {
  height: 12px;
  margin-right: 5px;
  width: 12px;
}


/*---------------------pathologies-----------------------------*/

.pathologies a{
    display: inline-flex;
    border: 1px solid var(--bleufonce);
    background: var(--bleufonce);
    color: #fff;
    border-radius: 10px;
    padding: 8px 10px;
    font-family: 'montserratregular';
    margin: 10px 20px 10px 0;
    text-transform: uppercase;
}
.pathologies a:hover{
    background:#fff;
    color: var(--bleufonce);
}


/*----------------------mini-cures-------------------------*/
/*.mini-cure h3,.mini-cure h4,.mini-cure h5{
    text-align: center;
    line-height: 24px;
}*/



.mini-cure ul{
    margin-bottom: 30px;
} 
.forfait_minicure_gd{
    background: var(--marronclair);
    color: #fff;
    font-family: 'montserratbold';
    text-align: center;
    padding:10px;
    font-size: 18px;
    display: block;
    margin: 20px 0 0;
}
.forfait_minicure_pt{
    border: 1px solid var(--marronclair);
    color:  var(--marronclair);
    font-family: 'montserratregular';
    text-align: center;
    padding:10px;
    font-size: 18px;
    display: block;
    margin: 0 0 20px;
}

.tarifs_minicures table{
    width: 100%;
    border:1px solid var(--violet);
}
.tarifs_minicures td, .tarifs_minicures th{
    padding: 7px 2px 6px;
    border:1px solid var(--violet);
    vertical-align: middle;
    text-align: center;
}
.tarifs_minicures td[colspan="4"], 
.tarifs_minicures td[colspan="3"],
.tarifs_minicures h5{
    text-align: center;
    background:var(--violet);
    color:#fff;
    font-family: 'montserratbold'; 
}
.tarifs_minicures h5{
    display: block;
    font-size: 20px;
    margin-bottom: 0;
    padding: 5px;
}
.saison{
    text-align: center;
    border-top:1px dotted #9c9c9c;
    border-bottom:1px dotted #9c9c9c;
    padding-top: 20px;
    padding-bottom: 20px;
    margin-top: 40px;
}
.bouton_tarifs{
    text-align: center;
}
.bouton_tarifs a{
    height:48px;
    width: 140px;
    border-radius: 10px; 
    /*height:140px;
    width: 140px;
    border-radius: 100%;*/
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: var(--violet);
    margin: 20px 2%;
    border:1px solid var(--violet);
    text-decoration: none;
    font-size: 20px;
    font-family: 'montserratregular';
    color:#fff;
    text-align: center;
}
.bouton_tarifs a:nth-child(2){
    border:1px solid var(--bleufonce);
    background:var(--bleufonce);
}

.bouton_tarifs a:hover{
    color: var(--violet);
    transition: all ease 0.2s;
    background: #fff;
    text-decoration: none;
}
.bouton_tarifs a:nth-child(2):hover{
    color:var(--bleufonce);
    transition: all ease 0.2s;
    background: #fff;
    text-decoration: none;
}

/*.bouton_tarifs a:hover{
    color:#fff;
    transition: all ease 0.2s;
    border:16px solid var(--rose);
    background: var(--violet);
    text-decoration: none;
}
.bouton_tarifs a:nth-child(2):hover{
    color:#fff;
    transition: all ease 0.2s;
    border:16px solid var(--bleuclair);
    background: var(--bleufonce);
    text-decoration: none;
}*/

/*----------------------brochures-------------------------*/
.brochures {
    margin-bottom: 30px;
}
.brochures .views-field-title{
    height:60px;
    line-height: 60px;
    text-align: center;
    display: block;
}
.brochures .field-content{
    font-family: 'montserratregular';
    font-size: 20px;
    color:var(--violet);
    line-height: normal;
    vertical-align: middle;
    display: inline-block;
    
}
.brochures img{
    border:1px solid var(--violet);
}
#block-webform{
    width: 98%;
}
#form-minicures-pre-reservation legend,
.formulaire label,
#webform-submission-demande-de-brochures-add-form label,
#webform-submission-formulaire-de-contact-add-form label{
    font-family: 'montserratregular';
    font-size: 16px;
    font-weight: normal;
    text-align: left;
    min-width: 120px;
}
.formulaire label{
    display: block;
}
#form-minicures-pre-reservation legend{
    margin-left: 0;
    padding: 20px 0 0;
    display: block;
}
#form-minicures-pre-reservation label[for^="edit-horaires-souhaites"],
#form-minicures-pre-reservation label.option{
   display: inline-block;
   margin-left: 10px;
   
}
#form-minicures-pre-reservation input[type="radio"],
#form-minicures-pre-reservation input[type="checkbox"]{
   width: auto;
}
#form-minicures-pre-reservation 
#webform-submission-demande-de-brochures-add-form label.option{
    min-width: 320px;
    margin-right: 20px;
}
.formulaire input,
.formulaire textarea,
#webform-submission-demande-de-brochures-add-form input,
#webform-submission-etre-rappele-add-form input,
#webform-submission-formulaire-de-contact-add-form input,
#webform-submission-formulaire-de-contact-add-form textarea,
#webform-submission-etre-rappele-add-form textarea,
#edit-num-client-odysee,
#edit-date-de-naissance{
    border:1px solid var(--marronclair);
    padding: 5px;
    margin-bottom: 10px;
    width: 99%;
}
#webform-submission-demande-de-brochures-add-form input[id^='edit-choix-des-brochures']{
    width: auto;
}
[id^="ajax-wrapper"]{
    padding-left: 15px;
    padding-right: 15px;  
}


.formulaire #edit-envoyer,
#form-cures-reservation-sidentifier #edit-envoyer,
#form-cures-reservation-formulaire #edit-envoyer,
#form-cures-modifier #edit-envoyer,
input[value="Payer"],
input[value="ENVOYER"]{
    border:1px solid var(--marronclair);
    border-radius:10px;
    padding:10px;
    width:170px;
    height:46px;
    font-family: 'montserratregular';
    background:#FFF;
    margin-top: 10px;
    text-transform: uppercase;
}

#form-cures-reservation-sidentifier #edit-envoyer:hover,
#form-cures-reservation-formulaire #edit-envoyer:hover,
input[value="Payer"]:hover,
input[value="ENVOYER"]:hover{
    background:var(--marronclair);
    color:#fff;
}
#edit-choix-des-brochures--wrapper{
    margin-bottom: 30px;
}
#webform-submission-demande-de-brochures-add-form #edit-actions,
#webform-submission-formulaire-de-contact-add-form #edit-actions{
    text-align: center;
}
#edit-message{
    width: 100%;
}

.formulaire-html div{
    display: flex;
    align-items: flex-start; 
}


.formulaire-html label{
    font-weight: normal;
    margin-left: 10px;
}
.modal-programme h3.modal-title{
    display: inline-block;
    color:#fff;
}
.modal-programme .modal-header{
    background: var(--bleufonce);
}
.modal-programme .close {
    color:#fff;
    opacity: 1;
    font-size: 40px;
}


/*------------------------ partenaires-----------------------------*/
.titre-partenaires{
    height: 100px;
    display: inline-block;
    margin-top: 10px;
    margin-bottom: 15px;
    overflow: hidden;
}
.titre-partenaires p{
    font-size: 16px; 
    font-family: 'montserratregular';
    margin:0 auto;
}
.partenaires a{
    color:#184247;
}
.partenaires:hover a{
    color:var(--violet);
}
.partenaires span{
    font-size:14px;
}
.logo-partenaires{
    width: 100%;
    height: 180px;
    line-height: 180px;
    overflow: hidden;
}
.logo-partenaires img{
    display: inline-block;
    vertical-align: bottom;
}


/*------------------------ plan-----------------------------*/
.plan{
    margin-top: -20px;
    margin-bottom: 80px;
    
}
.texte_plan h3, .texte_plan h4, .texte_plan p{
    font-family: 'montserratregular';
    font-size: 36px;
}
.texte_plan h4{
    font-size: 26px;
}
.texte_plan p{
    font-size: 20px;
}

/*---------------------faq-----------------------*/
.panel {
    box-shadow: none;
}
.panel-default > .panel-heading, .panel-default {
    background: none;
    border:none;
    border-radius: 0;
    color: inherit;
        
}
.panel-default > .panel-heading [aria-expanded='true']{
    color: #CE24CC;
}
.panel-default > .panel-heading [aria-expanded='true']:before,
.panel-default > .panel-heading [aria-expanded='false']:before{
    content:'\+';
    display: inline-block;
    position:relative;
    top:4px;
    font-size: 26px;
    border: 1px solid #3B656C;
    margin-right:5px;
    margin-bottom: 10px;
    height: 30px;
    width: 30px;
    text-align: center;
}
.panel-default > .panel-heading [aria-expanded='true']:before{
    content:'\-';
    border: 1px solid #CE24CC;
}

.panel-default a{
    text-decoration: none;
}
.panel-default a div{
     display: inline;
}

/*----------------------formulaires cures--------------------------*/

.bouton_simple, .encadre, .bouton_petit, #edit-envoyer{
    height:66px;
    border:1px solid #184247;
    border-radius:10px;
    margin-bottom:40px;
    padding:20px 40px;
    font-size:18px;
    font-family: 'montserratregular'; 
    background: #fff;
}
.bouton_simple, .bouton_petit, #edit-envoyer{
    border:1px solid #CB9623;
    padding:10px 15px;
    margin: 0 auto 20px;
    height:auto;
    display:block;
    width: 250px;   
    text-transform: uppercase;
}

.bouton_simple a, .bouton_petit a, #edit-envoyer a{
    color:#184247;
}
.bouton_simple:hover, .bouton_petit:hover, #edit-envoyer:hover{
    background:var(--marronclair);
}
.bouton_simple:hover a, .bouton_petit:hover a, .bouton_petit:hover, #edit-envoyer:hover{
    color:#fff;
}
.bouton_petit{
  display:inline-block;
  width: auto;
  padding:4px 12px;
  text-transform: none;
}

.encadre{
   height: auto;
   padding:15px 20px;
   width:100%;
}

.encadre .tel{
   font-size: 24px;
   color:#AA2AB1;
}
.sous_rubrique{
   font-size:24px;
   font-family: 'montserratregular'; 
   color:#AA2AB1;
   position:relative;
   top:-30px;
   background: #fff;
   padding: 0 20px;
   display: inline-block;
}
#form-cures-reservation-sidentifier input{
    width: 100%;
}
.form-required::after {
    background-size: 7px 7px;
    height: 7px;
    width: 7px;
}
.form-required::after {
    background-image: url("../img/required.svg");
    background-repeat: no-repeat;
    background-size: 6px 6px;
    content: "";
    display: inline-block;
    height: 6px;
    margin: 0 0.3em;
    vertical-align: super;
    width: 6px;
}
.bloc_message{
    padding-bottom: 50px;
}
.le-message-error, .le-message-status{
    color: #fff;
    background: #AA2AB1;
    border-radius:20px;
    padding: 10px;
    margin-top:30px
}

.le-message-status{
    background:#CB9623;
}
.description{
    font-size: 13px;
    font-style: italic;
    padding: 10px 0 20px;
    text-align: center;
}


#edit-code-horaire--description  {
	text-align:left;
	font-size: 16px;
	color:var(--rose);
}

#edit-administratif,
#edit-demande,
#edit-complementaire,
#edit-date-debut-cure{
    border:1px solid var(--marronclair);
    border-radius:20px;
    padding: 10px 15px;
    background: #fff;
    min-width:150px;
    margin-top: 20px;
}
legend {
  border: none;
  color: var(--marronclair);
  display: block;
  font-size: 23px;
  line-height: inherit;
  margin-top: 10px;
  margin-bottom: 15px;
  margin-left: 10px;
  padding: 0 20px 0 10px;
  width: auto;
  font-family: 'montserratregular';
  display:inline-block;
}

#edit-administratif label,
#edit-demande label,
#edit-complementaire label{
    display: inline-block;
    width: 280px;
    text-align: right;
    margin-right: 8px;
}
#edit-administratif #edit-code-civilite-mle,
#edit-administratif #edit-code-civilite-mme,
#edit-administratif #edit-code-civilite-mr,
#edit-administratif #edit-exoneration-100-et-cmu,
#edit-demande #edit-code-orientation1-psy,
#edit-demande #edit-code-orientation1-rhn,
#edit-demande #edit-code-orientation1-vr,
#edit-demande #edit-code-orientation2-99,
#edit-demande #edit-code-orientation2-psy,
#edit-demande #edit-code-orientation2-rhn,
#edit-demande #edit-code-orientation2-vr,
#edit-demande #edit-psy-plus-1,
#edit-demande #edit-psy-plus-0,
#edit-module-complementaire-offert-modulepsy,
#edit-module-complementaire-offert-packbonnenuit,
#edit-module-complementaire-offert-aucundesdeux{
    width: 50px;
    margin-left:240px;
}
#edit-module-complementaire-offert-modulepsy,
#edit-module-complementaire-offert-packbonnenuit{
    position: relative;
    top:-20px;
}
#edit-administratif label.option,
#edit-demande label.option{
    display: inline-block;
    width: 300px;
    text-align: left;
}
#edit-administratif input, 
#edit-administratif select,
#edit-demande input[type='text'],
#edit-demande input[type='textarea'],
#edit-demande input[type='email'],
#edit-demande select,
#edit-complementaire input,
#edit-complementaire select,
#edit-complementaire textarea,
#form-cure-modifier select{
    border: 1px solid var(--marronclair);
    margin-bottom: 10px;
    padding: 5px;
    width: 320px;
    max-width: 100%;
}

#form-cure-modifier select{
    margin-top: 20px;
}
#edit-complementaire textarea{
    width: 100%;
}

.arrhes{
    color:#AA2AB1;
    font-size: 26px;
}


#edit-psy-plus--wrapper {
    margin-top:10px;
    margin-bottom: 10px;
}


#edit-rgpd {
    margin-top: 50px;
}

#edit-rgpd legend {
    font-size: 15px;
    color: var(--violet);
    font-family: 'open_sansregular', sans-serif;
    text-align: justify;
    margin-bottom: 0px;
    padding-bottom: 0px;
}


#edit-rgpd label {
    font-weight: normal;
    font-size: 15px;
    max-width: 90%;
    min-height: 50px;
    margin-left: 10px;
    margin-top:20px;
    text-align: justify;
}


#edit-rgpd .fieldset-wrapper {
    margin-top: 10px;
    margin-bottom: 15px;
    margin-left: 10px;
    padding: 0 20px 0 10px;
}

#edit-rgpd #edit-refus-promotion {
    min-height: 50px;
}



.form-minicures-pre-reservation .form-item-observations {
    margin-top: 50px;
}
#observations-counter {
    margin-top: -55px;
    margin-bottom: 60px;
}




/*-----------------------formulaire programmes complémentaires-----------------------*/

.compteur{
    width: 60px;
    text-align: center;
}


/*-----------------------flexslider-----------------------*/

.flexslider{
    width: 80%;
    margin:auto;
}

/*-----------------------paragraphes-----------------------*/

.photo-texte h2{
    margin-top: 5px;
}

/*-----------------------webform-----------------------*/
.webform-options-display-side-by-side > div {
    width: 48%;
}
        

/*------------------------footer-----------------------------*/
footer{
    background:url(../img/fond_eau.webp) no-repeat center 400px;
    padding-top: 120px;
    min-height:800px;
    background-size: cover;
}
.fond_blanc{
    background:#FFF;
}
.bouton_plan_cont{
    text-align:right;
}
.bouton_media_cont{
    text-align:center;
}
.bouton_contact_cont,
.bouton_partenaires_cont,
.bouton_brochures_cont,
.bouton_recrutement_cont{
    text-align:left;
}

.bouton_plan, .bouton_contact, .bouton_media, .bouton_partenaires, .bouton_brochures, .bouton_recrutement{
    width:260px;
    height:66px;
    border:1px solid #184247;
    border-radius:10px;
    background:url(../img/icone_plan.png) no-repeat 200px 12px;
    background-color:#fff;
    margin-bottom:40px;
    padding:20px 0 0 30px;
    font-size:18px;
    font-family: 'montserratregular';
    text-align:left;
    display:inline-block;
}
.bouton_contact{
    padding:10px 0 0 40px;
    background:url(../img/icone_contact.png) no-repeat 200px 15px;
    background-color:#fff;
}
.bouton_partenaires{
    padding:10px 0 0 40px;
    background:url(../img/espace-partenaires.png) no-repeat 200px 15px;
    background-color:#fff;
}
.bouton_brochures{
    padding:10px 0 0 25px;
    background:url(../img/icone_brochures.png) no-repeat 205px 12px;
    background-color:#fff;
}
.bouton_media{
    background:url(../img/icone_media.png) no-repeat 200px 12px;
    background-color:#fff;
}
.bouton_recrutement{
    padding:10px 0 0 30px;
    background:url(../img/icone_recrutement.png) no-repeat 200px 12px;
    background-color:#fff;
}
.bouton_plan:hover{
    border:1px solid #aa2ab1;
    background:url(../img/icone_plan_hover.png) no-repeat 200px 12px;
    background-color:#aa2ab1;
}
.bouton_contact:hover{
    border:1px solid #aa2ab1;
    background:url(../img/icone_contact_hover.png) no-repeat 200px 15px;
    background-color:#aa2ab1;
}
.bouton_partenaires:hover{
    border:1px solid #aa2ab1;
    background:url(../img/espace-partenaires-hover.png) no-repeat 200px 15px;
    background-color:#aa2ab1;
}
.bouton_brochures:hover{
    border:1px solid #aa2ab1;
    background:url(../img/icone_brochures_hover.png) no-repeat 205px 12px;
    background-color:#aa2ab1;
}
.bouton_media:hover{
    border:1px solid #aa2ab1;
    background:url(../img/icone_media_hover.png) no-repeat 200px 12px;
    background-color:#aa2ab1;
}
.bouton_recrutement:hover{
    border:1px solid #aa2ab1;
    background:url(../img/icone_recrutement_hover.png) no-repeat 200px 12px;
    background-color:#aa2ab1;
}
.bouton_plan a, .bouton_contact a, .bouton_media a, .bouton_partenaires a, .bouton_brochures a, .bouton_recrutement a{
    color: #184247;
}
.bouton_plan:hover a, .bouton_contact:hover a, .bouton_media:hover a, .bouton_partenaires:hover a, .bouton_brochures:hover a, .bouton_recrutement:hover a{
    color: #fff;
}


.inscription, .desinscription, .reserver, .reserver a, .reserver-2, .reserver-2 a, .telecharger{
    background:var(--rose);	
    border:1px solid var(--rose);
    padding:5px 12px;
    border-radius: 10px;
    line-height: 36px; 
    display: inline-block;
    min-width: 40%;
    text-align: center;
}

.reserver, .reserver-2, .telecharger{
    margin: 0 20px;
}
.reserver, .reserver a, .reserver-2, .reserver-2 a{
    width: auto;
}
.reserver-2, .reserver-2 a,
.desinscription, .telecharger{
    background:var(--bleufonce);
    border:1px solid var(--bleufonce);
}
.inscription{
    margin-right: 2%;
}
.inscription a, .desinscription a, .reserver, .reserver a, .reserver-2, .reserver-2 a, .telecharger a{
    color:#fff;
    text-transform: uppercase;
    font-family: 'montserratregular';
}
.inscription:hover, .desinscription:hover, .reserver:hover, .reserver-2:hover, .telecharger:hover{
    background:#fff;	
}
.inscription:hover a, .reserver:hover a, .reserver:hover{	
    color:var(--rose);	
}
.reserver-2:hover a, .reserver-2:hover{
    color:var(--bleufonce);
}
.desinscription:hover a, .telecharger:hover a{	
    color:var(--bleufonce);	
}

.trait_footer{
    display:block;
    border-bottom:2px solid #184247;
    width:100%;
    position:relative;
    top:33px;
}
.adresse{
    text-align: center;
    font-family: 'montserratregular';
    font-size:16px;
    color:#184247;
}
.adresse img{
    display:inline-block;
}
.adresse p{
    margin-top:10px;      
}
.adresse a{
    color:#184247;   
}
.adresse .desinscription a{
    color:#fff;   
}
.adresse a:hover,
.adresse .desinscription:hover a{
    color:var(--bleufonce);	
}
.adresse_tel{
    font-size:26px;
}
.aquensis p{
    margin-top:5px; 
}

.newsletter h3, .newsletter p{
    font-family: 'montserratregular';
    color: #235AA6;
    margin-top: 10px;
    margin-bottom: 10px;
}
.newsletter p{
    margin-top: 0;
}
.newsletter img{
    display:inline-block;
}
#block-tbagneres-content footer{
    background: none;
    padding-top:10px;
    min-height: 150px;
}

.form-newsletter{
    margin-bottom: 40px;
}
.form-newsletter label{
    margin-bottom: 10px;
    display: block;
}
.form-newsletter input{
    border: 1px solid var(--marronclair);
    padding: 5px;
    margin-bottom: 20px;
    width: 400px;
    max-width: 100%;
}

.form-newsletter input[type="submit"]{
    border: 1px solid var(--marronclair);
    border-radius: 10px;
    padding: 10px;
    width: 160px;
    height: 46px;
    font-family: 'montserratregular';
    background: #FFF; 
    text-transform: uppercase;
}
.form-newsletter input[type="submit"]:hover{
    background: var(--marronclair);
    color: #fff;
}
/*------------------------ scroll up-----------------------------*/

#scroll-up {
		position: fixed;
		z-index: 9999999;
		bottom: 50px;
		right: 50px;
		display: none;
		width: 48px;
		height: 48px;
		font-size: 18px;
		line-height: 46px;
		text-align: center;
		text-decoration: none;
		background-color:#CB9624;
		border:1px solid #CB9624;
		color:#184247;
		cursor: pointer;
		transition: all 0.3s;
	}
	
#scroll-up:hover {
		background-color: #FFF;
		color: #353535;
	}
	

	

/*-----------------------responsive---------------------------------------*/

@media (max-width: 1199px) {
	
	.bloc-663:nth-child(3n+1){
		clear:none;
	}
	.bloc-663:nth-child(2n+1){
		clear:both;
	}	
	
	
	/*-----------------------slider 1200--------------------------*/
	
	.gros-bouton{
		margin:0 10px;
	}
	.nav_secondaire{
		background-position: 3% 80px, 97% 80px;
	}
        .titre_page{
            background-position: 10% 52px, 90% 52px;
            background-repeat: no-repeat;
        }
	.titre_page h1{
            font-size: 32px;
        }
	/*----------------------navigation 1200------------------------*/
		
	.navbar-nav > li > a{
		padding-left:10px;
		padding-right:10px;
	}

        .titre_page{
            background-image: url(../img/vagues_titre_pt.png), url(../img/vagues_titre_pt.png); 
            background-position: 5% 66px, 95% 66px;
            background-repeat: no-repeat;
        }
	/*-----------------icones bleues + actualités 1200------------------*/

	.texte-actualites{
		padding:0 15px 10px 15px;
	}
	.texte-actualites h3{
		margin-top:30px;
	}
	.texte-actualites a{
		font-size:30px;
	}
	.bt_savoirplus{
		width:170px;
		height:170px;
		background:url(../img/icone_vagues.png) no-repeat center 40px ;
		padding-top:115px;
		font-size:16px;
		bottom:20px;
		right:28%;
	}
        .six_boutons{
		margin:0 6px 22px;
	}
        
        /*-----------------------cure 1200-----------------------*/
        .fond_bleu_roi{ 
            width: 500px;
        }
        .soin_titre{
            font-size: 18px;
        }
        .bouton-long3{
            height: 115px;
	}
        .bouton-long4{
            height: 90px;
	}
        
        .titre-partenaires{
            height: 110px;
        }
        .cadre-soins{
            height: 125px;
        }
        
        /*-----------------------webform-----------------------*/
        .webform-options-display-side-by-side > div {
            width: 100%;
        }
         /*-----------------------footer 1200-----------------------*/
         
        .bouton_plan_cont, .bouton_contact_cont, bouton_media_cont, .bouton_partenaires_cont, .bouton_brochures_cont, .bouton_recrutement_cont {
            text-align:center;
        }
        .bouton_plan, .bouton_contact, .bouton_media, .bouton_partenaires, .bouton_brochures, .bouton_recrutement{
            width:225px;
            padding:20px 0 0 15px;
            font-size:16px;
            background:url(../img/icone_plan.png) no-repeat 170px 12px;
        }
        .bouton_contact{
            padding:10px 0 0 15px;
            background:url(../img/icone_contact.png) no-repeat 170px 15px;
            background-color:#fff;
        }
        .bouton_partenaires{
            padding:10px 0 0 15px;
            background:url(../img/espace-partenaires.png) no-repeat 170px 15px;
            background-color:#fff;
        }
        .bouton_brochures{
            padding:10px 0 0 15px;
            background:url(../img/icone_brochures.png) no-repeat 180px 12px;
            background-color:#fff;
            background-size: 34px;
        }
        .bouton_media{
            background:url(../img/icone_media.png) no-repeat 170px 12px;
            background-color:#fff;
        }
        .bouton_recrutement{
            padding:10px 0 0 15px;
            background:url(../img/icone_recrutement.png) no-repeat 170px 15px;
            background-color:#fff;
        }
        .bouton_plan:hover{
            border:1px solid #aa2ab1;
            background:url(../img/icone_plan_hover.png) no-repeat 170px 12px;
            background-color:#aa2ab1;
        }
        .bouton_contact:hover{
            border:1px solid #aa2ab1;
            background:url(../img/icone_contact_hover.png) no-repeat 170px 15px;
            background-color:#aa2ab1;
        }
        .bouton_recrutement:hover{
            border:1px solid #aa2ab1;
            background:url(../img/icone_recrutement_hover.png) no-repeat 170px 15px;
            background-color:#aa2ab1;
        }
        .bouton_partenaires:hover{
            padding:10px 0 0 15px;
            background:url(../img/espace-partenaires-hover.png) no-repeat 170px 15px;
            background-color:#aa2ab1;
        }
        .bouton_brochures:hover{
            padding:10px 0 0 15px;
            background:url(../img/icone_brochures_hover.png) no-repeat 180px 12px;
            background-color:#aa2ab1;
            background-size: 34px;
        }
        .bouton_media:hover{
            border:1px solid #aa2ab1;
            background:url(../img/icone_media_hover.png) no-repeat 170px 12px;
            background-color:#aa2ab1;
        }
        
        
        
}

@media (max-width: 991px) {
	
	/*---------------------slider 991--------------------------*/
	.nav_secondaire{
		height:210px;
		margin-top: -190px;
	}	
	.gros-bouton{
		height:220px;
		width:220px;
		top:-90px;
		margin:0;
		line-height:220px;
	}
	.fond-bouton1, .fond-bouton2, .fond-bouton3{
		height:200px;
		width:200px;
		margin-top:10px;
	}
	.lien{
		font-size:16px;
	}
	.soustitre{
		bottom:80px;
		font-size:14px;
	}
        
        
        .titre_page h1{
            font-size: 30px;
        }
	.bt1:hover .fond-bouton1{
		border:10px solid #cb9623 ;	
	}
	.bt1:hover .specialite1{
		top:170px;
	}
	.bt1:hover .plus1{
		top:-30px;	
	}
	.bt2:hover .fond-bouton2{
		border:10px solid var(--bleuclair);	
	}
	.bt2:hover .specialite2{
		top:180px;
	}
	.bt2:hover .plus2{
		top:-35px;	
	}
	.bt3:hover .fond-bouton3{
		border:10px solid var(--rose);
	}
	.bt3:hover .specialite3{
		top:180px;
	}
	.bt3:hover .plus3{
		top:-35px;	
	}
		
	.bouton-long1, .bouton-long2{
		padding:11px;
	}
	.petit-plus{
		display:block;
		text-align:center;
		position:static;
	}

	/*-----------------icones bleues + actualités 991-----------------------*/
            .fond_bleufonce{
                padding-top:15px;
                padding-bottom:15px;
            }

            .texte-actualites h3{
            margin-top:10px;
            }
            .texte-actualites a{
            font-size:26px;
            }
            .six_boutons{
            margin:0 16px 22px;
            }
                
                
        /*---------------------cure 991--------------------------*/         
        .fond_bleu_turquoise {
            padding: 10px 20px 30px;
        } 
        .fond_gouttes{
            background-size: cover;
        }
        
        .fond_bleu_roi {
            height: auto;
            min-height:100%;
            left: 0;
            position: relative;
            top: 30px;
            width: auto;
        }
        .bouton-long3{
            height: 115px;
            padding: 25px 40px;
	}
        .bouton-long4{
            height: 100px;
            padding: 30px 40px;
	}
        
        /*-----------------page bagneres------------------------*/
        
        .photo_bagneres_left,
        .photo_bagneres_right{  
            width:100%;
            padding-right: 0; 
            padding-left: 0;
        }
        .texte_right,
        .texte_left{
            padding-left: 20px;
            padding-right: 20px;
        }
        .texte_editeur_fluid p,
        .texte_editeur_fluid h3,
        .texte_editeur_fluid h4,
        .texte_editeur_fluid h5,
        .texte_editeur_fluid h6{
            padding-left: 0;
        }
                
        
        .titre-partenaires{
            height: 130px;
        }
        .reserver, .reserver-2{
            margin: 0 auto 30px; 
        }
        
	/*---------------------footer 991--------------------------*/ 

        .adresse, .newsletter{
            text-align: center;
        }
        
        
}

@media (max-width: 767px) {
    
.main-container{
    position:relative;
    top:20px;
}	
	
/*-------------------slider 767--------------------------*/
.fond-degrade{
	height:100px;
}
.logo{
	width:65%;
}
.logo img{
	max-width:100%;
    max-height: 100px;
}
.compte{
	height:100px;
	display:block;
	width:34%;
}

.compte i{
	font-size:16px;
        margin-right: 3px;
}
.compte p, .compte p+p{
        text-align: center;
    }
.bloc_slider{
    position: relative;
    top:100px;
    margin-bottom: 100px;
}
	
	
/*-----------------------page 767----------------------------*/
.mt-40{
    margin-top: 10px;
}
.mt-50{
    margin-top: 20px;
}
.mt-60{
    margin-top: 30px;
}


.titre_page{ 
    background-image:none;
    margin-top: 0;
    height: auto;
    padding-top: 20px;
    padding-bottom: 20px;
}
.titre_page h1{
    font-size: 28px;
    display: inline-block;
    vertical-align: middle;
    line-height: normal;
    width:80%;
}
span.sstitre{
    padding-top: 10px;
}
/*-----------------------navigation 767---------------------*/	
.bloc_navigation, .bloc_navigation_slider{
    top:100px;
    height:60px;
}

.navbar-nav {
  margin: 0;
  text-align: left;
}
.navbar-default {
  background-color: rgba(10,62,71,1);
  border-color: rgba(10,62,71,0); 
}

.navbar-nav > li{
    display: inline;
    font-size:16px;
    border-right: none;
    height:40px;
    margin-top:8px;
}
.navbar-default .navbar-nav > li:hover > a{
  border-bottom: none;
  background-color: #fff;
  color: #0A3E47;
}
.navbar-default .navbar-nav > .open > a, 
.navbar-default .navbar-nav > .open > a:hover, 
.navbar-default .navbar-nav > .open > a:focus,
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, 
.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    background-color: #fff;
    color: #0A3E47;
}
.decaler{
    margin-left:10px;
    font-family: 'montserratregular';
    width: 100%;
    display: block;
    font-size:16px;
}
.dropdown-menu .divider {
  margin: 5px 0 5px 10px;
  width:100%;
}
.navbar-default .navbar-nav .open .dropdown-menu > li > a {
  color: #fff;
}
.navbar-default .navbar-nav .open .dropdown-menu > li > a {
  color: #fff;
}

/*--------------------------page d'accueil 767--------------------------*/
        
    .intro, .saison{
        text-align:left;
        margin-top: 30px;
    }

    .intro-left, .intro-right{
        text-align:center;
    }
    .bouton-long1, .bouton-long2{
    height:90px;
    padding:22px 10px;
    }
    .video{
            display:block;
            margin:30px auto;
            padding:0;
    }
    #fond-eau{
        height: 890px;
    }


    /*-----------------icones bleues + actualités 767----------------*/
    .fond_bleufonce{
            padding-top:15px;
    }
    .texte-actualites h3{
            font-size:26px;
            margin-top:30px;
    }
    .actualites h2{
            margin-top:10px;
    }
    .six_boutons, .six_boutons:first-child, .six_boutons:last-child{
        margin:0 12px 22px;
    }

    [class*="titre_icone"]:before{
        display:block;
        position: relative;
        top:-10px;
        margin-right: auto;
        margin-left: auto;
        margin-top: 20px;
    }
        
    /*-------------------------cure 767-------------------------------*/

    .fond_bleu_turquoise ul {
        column-count: 1;
    }

    #edit-message{
        width: 95%;
    }
    .bouton-long3{
        height: 90px;
        padding: 15px;
    }
    .bouton-long4{
        height: 70px;
        padding: 15px;
    }


    .titre-partenaires{
        height: auto;
    }
    .telecharger{
        margin: 20px auto;
        line-height: 30px;
        width: 225px;
        display: block;
    }
    
    .cadre-soins{
        height: auto;
    }
    .cadre-soins p{
        margin-bottom: 10px;
    }
    .flexslider{
        width:auto;
    }
    
    .bt_savoirplus_petit{
            color: #fff;
            background-color: var(--violet);
        }
    .soins:hover .bt_savoirplus_petit{
            color: var(--violet);
            background-color: #fff; 
        }
    /*--------------------------footer 767----------------------------*/ 
    #scroll-up {
            right: 20px;
            bottom: 20px;
    }

    footer{
        background:url(../img/fond_eau.webp) no-repeat center 400px;
        padding-top: 100px;
        height:900px;
    }
        
        
        /*---------------fomulaire cures-----------------------*/
        
        #edit-administratif label,
        #edit-demande label,
        #edit-complementaire label{
            display: block;
            width: auto;
            text-align: left;
            margin-top: 8px;
        }
        #edit-administratif #edit-code-civilite-mle,
        #edit-administratif #edit-code-civilite-mme,
        #edit-administratif #edit-code-civilite-mr,
        #edit-administratif #edit-exoneration-100-et-cmu,
        #edit-demande #edit-code-orientation1-psy,
        #edit-demande #edit-code-orientation1-rhn,
        #edit-demande #edit-code-orientation1-vr,
        #edit-demande #edit-code-orientation2-99,
        #edit-demande #edit-code-orientation2-psy,
        #edit-demande #edit-code-orientation2-rhn,
        #edit-demande #edit-code-orientation2-vr,
        #edit-demande-edit-psy-plus-1,
        #edit-demande-edit-psy-plus-0,
        #edit-module-complementaire-offert-modulepsy,
        #edit-module-complementaire-offert-packbonnenuit,
        #edit-module-complementaire-offert-aucundesdeux{
            width: auto;
            margin-left:0;
        }
        #edit-administratif label.option,
        #edit-demande label.option{
            width: 250px;
        }
        
        
        legend {
            margin-left: 0;    
        }
        
        #webform-submission-demande-de-brochures-add-form label.option{   
            margin-right: 0;
            margin-bottom: 15px;
            vertical-align: top;
        }
        
        
        

}


@media (max-width: 500px) {

    .logo{
        width:53%;
    }

    .compte{
        width:46%;
    }
    .compte i{
        margin-left: 6px;
    }
    
    
}

@media (max-width: 360px) {
    
    .logo{
        width:50%;
    }

    .compte{
        width:49%;
    }
    .compte p, .compte p+p{
        padding: 12px 10px 12px 0;
    }
    .bloc_navigation, .bloc_navigation_slider{
        top:90px;

    }

    .titre_page{
        background-position: 5% 110px, 95% 110px;
        line-height: 100px;
    }
    .titre_page h1{
        width:95%;
        font-size: 26px;
    }

    .bouton-long1{
            padding:22px 10px;
    }
    .bouton-long2{
            padding:12px 10px;
    }	
    .texte-actualites{
            padding:0 15px 10px 15px;
    }
    .texte_editeur h3, .texte_editeur h4{
         font-size: 18px;
         margin-top: 20px;
    }
    .texte_editeur ul{
        padding-left: 20px;
    }
    .visuel{
        margin-bottom: 20px;
    }

    .double_orientation{
        line-height: 20px;
    }
    .tarifs_minicures td, .tarifs_minicures th{
        padding: 3px 1px 2px;
        font-size: 14px;
    }
    #edit-e-mail, 
    #edit-nom,
    #edit-prenom,
    #edit-adresse,
    #edit-code-potal,
    #edit-ville{
        width: 95%;
    }
    #webform-submission-demande-de-brochures-add-form label.option{
        min-width: 230px;
        max-width: 260px;
        margin-right: 0;
        margin-bottom: 15px;
        vertical-align: top;
    }
    .webform-options-display-side-by-side > div {
        margin-right: 0;
    }
    .texte_editeur_fluid ul {
        padding-left:10px;
      }

    footer{
        background:url(../img/fond_eau.webp) no-repeat center 600px;
        padding-top: 70px;
        height:1000px;
    }
    #edit-administratif label.option,
    #edit-demande label.option{
        width: 220px;
    }
        
	
}

@media (max-width: 330px) {
    
    .compte p, .compte p+p{
            font-size: 15px;
        }
    
}

/*---------------editeur-----------------------*/

span.violet,
.violet{
    color:var(--violet);
}
span.marron,
.marron{
    color:var(--marronclair);
}
span.bleu,
.bleu{
    color:var(--bleuclair);
}


.bouton a,
a span.bouton{
    background:var(--rose);	
    border:1px solid var(--rose);
    padding:5px 10px;
    color:#fff;
    border-radius: 5px;
    line-height: 36px;
}
.bouton a:hover,
a span.bouton:hover{
    background:#fff;	
    color:var(--rose);	
    text-decoration: none;
}




/*-------------------------compte cures------------------------------------*/
.marginleft15{
    margin-left:15px;
}
.marginright15{
    margin-right: 15px;
}
.margintop10{
    margin-top:10px;
}

.tableau_cure{
    width: 100%;
}
.tableau_cure td, .tableau_cure th{
    padding:10px 5px;
    border-bottom: 1px solid var(--marronclair);
}
.tableau_cure th{
    color:var(--marronclair);
    font-family: 'montserratregular';
    font-size: 20px;
}
.designation{
    font-weight: 700;
}
.rubrique_cure{
    font-family: 'montserratregular';
    padding: 30px 0 10px;
    color: var(--marronclair);
}


.form-cure-modifier .info {
	margin-top:25px;
	color: var(--violet);
	font-weight: bold;
}

.form-cure-modifier .js-form-item-code-horaire select {
	margin-top:5px !important;
}




.h-captcha {margin-top:5px;}


/*------------------------ user login-----------------------------*/
#user-login-form label{
    display: block;
}
#user-login-form {
    margin-top: 20px;
}
#user-login-form input{
    margin:10px 0 15px;
}