/* Custom Stylesheet */
/**
 * Use this file to override Materialize files so you can update
 * the core Materialize files in the future
 *
 * Made By MaterializeCSS.com
 */

.icon-block {
  padding: 0 15px;
}
.icon-block .material-icons {
	font-size: inherit;
}

body{
font-size:1.1em;
max-width:1980px;
background-color: rgb(240, 240, 240);
background-image: url(../img/pattern03.png);
font-family: 'Faustina', serif;
margin:auto;
}

/* ------------------  nav  ---------------------------- */

#logo-container{
margin-left:3%;
display:inline-block;
width:45px;
height:45px;
margin-top:9px;
background-image: url("../img/logoSB.png");
background-size:100%;
background-repeat:no-repeat;
}

nav{
background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,0.78) 46%, rgba(255,255,255,0.8) 47%, rgba(255,255,255,0.76) 59%, rgba(254,254,254,0) 100%);
}

nav ul{
overflow:hidden;
}

nav ul li{
text-align:center;
min-width:150px;
border-right:1px solid #dddddd;
}


nav ul li.active, nav ul a:hover{
background-color:rgba(204, 181, 183, 0.2);
}

nav ul a:first-child:hover{
border-bottom:5px solid #D8C0C2;
}

nav ul li a img{
width:30px;
position:relative;
top:10px;
margin-right:3px;
opacity:0.82;
}

nav ul li a:hover{
color:#000000;
}
nav ul li a:hover img{
opacity:1;
}

#dropdown1 a, #dropdown2 a{
border-bottom:none;
}

.dropdown-content li > a,
.dropdown-content li > span {
color:#333;
}






/* ------------------  Global  ---------------------------- */

.p0{
padding:0;
}
.p5{
padding:5%;
}

.mt2{
margin-top:2%;
}

.mt5{
margin-top:5%;
}

.mb5{
margin-bottom:5%;
}

.brad20{
	border-radius:20px;
}

h1 img{
	max-width:100%;
	padding:12%;
	
}

h1{
	max-width:600px;
	margin:auto;
	background:rgba(255,255,255,0.25);
	border-radius:50%;
	box-shadow: 0px 0px 60px 20px rgba(255,255,255,0.5) ;
font-family: 'EB Garamond', serif;
font-weight:500;
font-variant: small-caps;
text-transform: uppercase;
text-align:center;
}

h1 span{
text-transform: none;
font-variant: normal;
}

h2{
font-family: 'Playfair Display', serif;
margin-bottom:5%;
margin-top:7%;
font-size:32px;
text-transform:uppercase;
background:#D8C0C2;
color:#fff;
letter-spacing:-2px;
line-height:70px;
border-radius:50px;
text-align:center;
border:3px dotted rgba(255,255,255,1);
box-shadow: 0px 0px 0px 4px #D8C0C2;
position:relative;
background-image:url(../img/deco/bgTitre.png);
}

h2 span{
background-image:url(../img/deco/cadreTitre1.png);
display:block;
width:170px;
height:170px;
position:absolute;
background-size:100%;
background-repeat:no-repeat;
top:-50px;
left:50%;
margin-left:-85px;
}

h3{
font-size:30px;
letter-spacing:-1px;
}

.bordLeft{
border-left:5px solid #D8C0C2;
padding-left:10px;
}

.jumbo{
padding:15px;
background:rgba(122, 121, 153, 0.15);
border:2px solid #7A7999;
letter-spacing:1px;
margin:4% 0;
border-radius:20px;
color:#222;
}

strong{
font-weight:700;
border-left:3px solid #D8C0C2;
padding:2px 10px;
}

.sepTable th, .sepTable td{
border-top:3px solid #D8C0C2;
padding-top:30px;
border-radius:0;
}

colgroup{
border:1px solid red;
border-collapse: collapse;
background-color:#D8C0C2;
}

/* ------------------  Index  ---------------------------- */


#mainPage .row:first-child p{
margin-left:-12px;
border-left:2px solid #ccc;
}

.accueil{
margin-bottom:5%;
padding-top:3%;
}

.accueil p{
line-height:1.8em;
font-weight:500;
font-size:1.05em;
}
 
.no-pad-bot{
background-image: url(../img/institut.jpg);
background-size:100%;
min-height:500px;
border-bottom:4px solid #D8C0C2;
}

.no-pad-bot h1 span{
font-size:22px;
display:block;
line-height:28px;
letter-spacing:0px;
}

ul li a{
color:#333;
}

#mainSlide{
max-width:400px;
margin:auto;
margin-top:5%;
}

.slider .indicators .indicator-item.active{
background-color:#D8C0C2;
}

.slider .slides{
background:rgba(240,240,240,0);
}

#mainSlide .slides img{
border:10px solid rgba(255,255,255,0.7);
box-shadow:0px 0px 0px 1px #bbb;
}

#info i.large{
font-size:50px;
}

/* ------------------  Service  ---------------------------- */

#services{
background-color: #D8C0C2;
padding-top:5%;
padding-bottom:7%;
background-image:url(../img/icon/821.png);
position:relative;
}

#services .col{
padding-top:20px;
padding-bottom:30px;
}

#services .col a .icon{
margin:auto;
}

#services h3{
font-size:22px;
color:#998385;
padding-top:10px;
display:block;
width:150px;
text-align:center;
margin-left:-42px;
letter-spacing:-1px;
transition:all, 0.5s;
font-variant:small-caps;
}

#services a:hover h3{
color:#ffffff;
}

.icon{
    fill: #fff;
	width: 120px;
    height: 120px;
	background:rgba(0,0,0,0.15);
	border-radius:50%;
	padding:20px;
	border:10px solid rgba(255,255,255,0);
	box-shadow:0 0 0 0px rgba(255,255,255,0);
	transition:all, 0.8s;
}
.icon:hover{
	  fill: #D8C0C2;
	  background:rgba(255,255,255,1);
	  border:10px solid #D8C0C2;
	  box-shadow:0 0 0 10px rgba(255,255,255,1);
}

.colink{
color:#998385;
transition:all, 0.3s;
}
.colink:hover{
color:#D8C0C2;
}

/* ------------------  KDO ---------------------------- */

#kdo{
background:#d8bfc5;
line-height:1;
background-image: url("../img/texture.png");
}

#kdo .col:first-child{
color:#fff;
padding:5%;
font-size:5em;
}
#kdo h5{
margin-top:10%;
font-size:0.7em;
margin-left:10%;
max-width:70%;
font-weight:600;
color:#846F76;
}
#kdo p{
font-size:0.42em;
margin-left:10%;
margin-top:0;
}

#kdo a{
text-transform: capitalize;
font-size:0.52em;
letter-spacing:1px;
font-weight:400;
}


/* ------------------  Horaires  ---------------------------- */


#horaire img{
border-radius:50%;
border:5px double #dadada;
}


#tarif{
border-radius:10px 10px 50% 50%;
border:5px double #fff;
max-width:260px;
background:#D8C0C2;
min-height:140px;
margin:auto;
}

#tarif a{
color:#fff;
font-variant:small-caps;
}

#tarif h4{
font-weight:500;
}

#tarif i{
padding:5px;
font-size:1.5em;
transition:all, 0.3s;
}

#tarif:hover i{
font-size:1.6em;
}
#tarif:hover .fa-download {
text-shadow: rgba(0,0,0,0.4) 0px 1px 2px;
}

.indicator {
  display: none;
}

#adress h3{
font-weight:700;
}

#hFoot .day{
display:inline-block;
width:50%;
}

#hFoot .dayH{
display:inline-block;
width:40%;
color:red;
}

.bordFoot{
background-image: url(../img/deco/textureLigne1.png);
background-repeat:repeat-x;
background-position:bottom;
padding-bottom:80px;
margin-bottom:0;
}

#avis p{
padding:50px 30px 70px 30px;
border:6px double #bbb;
border-radius:10px;
margin:20px;
margin-top:10%;
background-image: url(../img/deco/cadre01.png), url(../img/deco/cadre02.png);
background-position:100% 100%, 0% 100%;
background-repeat:no-repeat;
font-weight:700;
color:#333;
letter-spacing:1px;
box-shadow:0px 1px 10px rgba(0,0,0,0.4);
}

#avis .slider .indicators .indicator-item{
height:10px;
width:10px;
border-radius:0%;
margin:0 5px;
}

#logoPart{
text-align:center;
margin-top:4%;
}

#logoPart div{
display:inline-block;
}

#logoPart img{
opacity:0.60;
max-width:140px;
margin:0 15px 0 15px;
padding:15px;
border:5px solid #ddd;
border-radius:20px;
}

footer{
background:rgba(0,0,0,0.3);
padding-top:3%;
}

#adress i{
border-bottom:2px solid #fff;
padding-bottom:23px;
color:#fff;
}

#adress svg{
border-bottom:2px solid #fff;
padding-bottom:12px;
color:#fff;
fill:#fff;
width:30px;
}


#adress p{
font-weight:500;
font-size:1.1em;
color:#fff;
}

#botFoot{
color:#ddd;
border-top:3px solid #D8C0C2;
background:rgba(0,0,0,0.2);
margin-bottom:0;
}

#botFoot i{
position:relative;
bottom:-5px;
}

#botFoot a, #botFoot p{
line-height:50px;
text-transform: uppercase;
color:#fff;
text-align:center;
font-size:0.95em;
}

.footer-copyright{
background:#fff;
text-align:center;
height:50px;
position:relative;
}

.footer-copyright img{
background:#fff;
position:absolute;
padding:10px 40px;
text-align:center;
top:-50px;
left:50%;
margin-left:-100px;
display:block;
border-radius:50%;
transform:scale(0.8);
transition:all, 0.3s;
}
.footer-copyright img:hover{
transform:scale(0.9);
}

/* epilation  */

.topAc{
background-color: #dddddd;
border-bottom: 3px solid #D8C0C2;
background-image:url(../img/pattern05.png);
padding-bottom:0;
}

.topAc h1{
font-size:32px;
padding:7px;
color:#aaaaaa;
margin:0;
margin-top:10px;
line-height:26px;
letter-spacing:1px;
margin:auto;
}

.topAc h1 span{
width:100%;
display:block;
font-size:16px;
font-variant:small-caps;
}

table{
margin-top:6%;
border-collapse:separate;
}

tr{
line-height:20px;
}
td:last-child{
text-align:right;
}
td{
padding:2px;
}
tr:hover{
background:rgba(125,125,125,0.07);
}

#epilation th{
border:none;
line-height:10px;
}

.spacer{
display:block;
height:20px;
border:0px solid #ddd;
}

.separte{
padding-top:25px;
padding-bottom:5px;
}

.spacer:hover, .separte:hover{
background:rgba(125,125,125,0);
}

/* Soins  */

.legSoin th span:first-child{
margin-left:10px;
}
.legSoin th span:last-child{
color:#777777;
font-weight:300;
display:block;
font-size:0.9em;
line-height:18px;
}
.legSoin td{
vertical-align:top;
line-height:45px;
}
.legSoin td:last-child{
padding-left:15px;
}

.circleList li{
	list-style-type: square;
	padding-left:30px;
	margin-bottom:10px;
}
.circleList{
	font-size:1.08em;
		color:#202020;
}
.circleList li i{
	font-size:0.6em;
	list-style-type: square;
	margin-right:10px;
	}

#photoLomi01{
	border-radius:30px;
}




/* ----------  Cryo ---------------   */
#quesCryo .collapsible-header{
	background:rgba(255,255,255,0);
	box-shadow:none;
	border-bottom:none;
}
#quesCryo.collapsible{
	-webkit-box-shadow:none;
	box-shadow:none;
	border:none;
}
#quesCryo .collapsible-body{
	color:#887178;
	padding-top:0;
	padding-bottom:1.5em;
	line-height:1em;
	
}

#avCryo, #avCryoB{
	margin-top:3%;
	margin-bottom:6%;
}

#avCryo ul li, #avCryoB ul li{
	display:inline-block;
	min-height:160px;
	margin-top:5px;
}



/* ----------  lpg icon  ---------------   */


.exergue{
margin:0 8%;
}

.exergue img{
display:block;
width:90px;
height:90px;
margin:auto;
opacity:0.9;
}

.exergue li span{
text-align:center;
display:inline-block;
margin-top:10px;
padding-top:5px;
font-weight:500;
font-size:0.9em;
border-top:2px solid #333;
width:120px;
}

/* mention  */

#mention{
line-height:19px;
}

#mention a{
color:#9e797c;
font-weight:700;
}

#sommaire a{
color:#333;
font-weight:500;
}

#mention h2{
font-size:28px;
border-left:0;
padding-left:0;
margin-bottom:0;
font-family: 'Faustina', serif;
padding:0;
}

#sommaire .modal-trigger{
position:fixed;
top:40%;
left:23px;
}

#sommaire .modal-content h4{
background:#aaaaaa;
text-indent:55px;
color:#ffffff;
font-family: 'Playfair Display', serif;
font-size:20px;
line-height:36px;
border-bottom:3px solid #D8C0C2;
}

.modal .modal-content{
padding:0;
}

/* Contact  */

#contact iframe{
border:3px double #aaa;
border-radius:20px;
width:100%;
height:450px;
}

#contact p{
position:relative;
left:30px;
line-height:25px;
display:inline-block;
}

#contact i{
width:50px;
height:50px;
line-height:50px;
text-align:center;
border:2px solid #333;
border-radius:5px;
}

#contact hr{
max-width:250px;
margin:10px auto 10px 80px;
}

.opa{
margin-top:50px;
transition:all,0.3s;
}

.opa hr{
color:#bbb;
}

.opa div{
opacity:0.5;
transition:all,0.3s;
}

.opa div:hover{
opacity:1;
color:#333;
}



/* BON KDO*/

#introkdo{
	padding-left:3%;
	padding-right:3%;
	margin-top:15px;
}
#introkdo img{
	padding:5px;
	border:3px dotted #CEB0B3;
	border-radius:50%;
}
#introkdo p{
	margin:2%;
}

#achat img{
	padding:2px;
	border:3px dotted #CEB0B3;
}

.online{
	padding-left:3%;
	padding-right:3%;
}
.online img{
	border-radius:15px;
	border: 3px dotted #CEB0B3;
	padding:3px;
}


/* RESERVER*/

.reservation{
	width:200px;
	position:fixed;
	z-index:200;
	bottom:0px;
	right:1%;
}

.reservation a{
	margin:25px 5px;
	
}

.resacueil a{
	margin:5px;
	border-radius:20px;
	text-transform: capitalize;
	font-weight:400;
	letter-spacing:1px;
}




.logoSecur{
	margin-top:10px;
	padding-bottom:20px;
}
#achat .logoSecur img{
	max-width:80%;
	border:none;
}

#kdo p a{
	background-color:#7A7999;
}


/* PRESSO  */

#slidePresso ul li, #slideHead ul li{
	border-radius:40px;
}
/* Head Spa  */
#head .section-title th{
	letter-spacing:0.5px;
	padding-left:3%;
	font-size:1.05em;
	text-transform:uppercase;
}
#head .section-title th i{
	padding-right:10px;
	transform: translate(0, 7px);
	font-size:30px;
	xopacity:0.5;
	color:#CCAEB1;
}


/* Head Spa  */

#holi h2 em{
	font-style:normal;
	letter-spacing:-0.4px;
}

@media (max-width: 992px){ 
	#holi h2 em{
	font-size:0.75em;
	}
	
}


/* Nouveauté  */
#nouveaute .card {
	border-radius:150px;
	border-radius:150px 150px 50px 50px;
}
#nouveaute .card .card-image{
	text-align:center;
	margin:auto;
}

#nouveaute .card-title{
	text-align:center;
	border-top:2px solid rgba(255,255,255,0.1);
	margin:auto;
	display:inline-block;
	border-radius:30px;
	width:100%;
	color:#957578;
	opacity:1;
		background:rgba(255,255,255,0.8);
		line-height:1em;
		padding-top:10px;
		padding-bottom:40px;
		font-weight:500;
}
#nouveaute .card-title em{
display:block;
font-style:normal;
text-transform:uppercase;
font-weight:700;
letter-spacing:1px;
}

#nouveaute .card-action{
	background:none;
	border-top:1px solid rgba(255,255,255,0);
}

#nouveaute .card .card-image img{
	border-radius:150px;
}
#nouveaute .card a{
	border-radius:20px;
	background-color:#D8C0C2;
	padding-left:20px;
	padding-right:20px;
}



/* @media  */

@media (max-width: 992px) { 
	.no-pad-bot{
	background-image: url(../img/institutTab.jpg);
	}
	nav ul li:hover{
	background:#333333;
	}
	nav ul li:hover a{
	color:#eeeeee;
	}
	nav ul li a{
	text-align:left;
	}
	nav ul li a img{
	margin-right:20px;
	border-radius:50%;
	}
	nav ul li a:hover img{
	background:#eeeeee;
	}
}

@media (max-width: 600px) { 
	.no-pad-bot{
	background-image: url(../img/institutMob.jpg);
	}
	h2{
	margin-top:15%;
	}h2 span{
	height:90px;
	}
	#botFoot{
	padding-bottom:40px;
	}
	.opa hr{
	width:60%;
	}
	.opa i {
	display:block;
	}
}


@media (min-width: 992px) and (max-width: 1550px) { 
	nav ul li{
	min-width:50px;
	}
	nav a img{
	display:none;
	}
}

@media (min-width: 1300px) and (max-width: 1550px) { 
	nav ul li{
	min-width:110px;
	}	
}
@media (min-width: 1650px) { 
	nav ul li{
	min-width:160px;
	}	
}



/* 
@media (min-width: 992px) { 
	
}



@media screen and (min-width: 990px) and (max-width: 1550px) {
  nav a img{
	display:none;
  }
  nav ul li{
	min-width:50px;
	border-right:1px solid red;
	padding:0;
	padding-left:0;
	margin-left:0;
	}
}





 */