/* cmsms stylesheet: ensoi-styles modified: 28/04/2019 17:53:47 */
 

/* body css */

@import url('https://fonts.googleapis.com/css?family=Niramit:300,400,600,700|Satisfy|Maven+Pro:400,500,700|Abel');

body {
	background-color: #f8f7f0;
	font-family: 'Maven Pro', sans-serif;
	font-size: 16px;
	font-weight: 400;
	line-height: 22px;
	color: #000000;
	-webkit-text-size-adjust: 100%;
background: -webkit-linear-gradient(180deg,#ffffff 60%,#f8f7f0 100%); 
background: -moz-linear-gradient(180deg,#ffffff 60%,#f8f7f0 100%); 
background: -o-linear-gradient(180deg,#ffffff 60%,#f8f7f0 100%); 
background: linear-gradient(180deg,#ffffff 60%,#f8f7f0 100%); 
}

/* headings / paragraph margin css */

h2,h3,h4,h5,h6,p {margin:10px 0px;}

/* headings css */

h1 {font-size:36px;font-weight:400;color:#609289;line-height: 50px;font-family: 'Niramit', sans-serif;margin: 10px auto 20px auto;}
h2 {font-size:28px;font-weight:400;color:#91bfb7;line-height: 36px;font-family:'Maven Pro', sans-serif;}
h3 {font-size:26px;font-weight:normal;color:#000000;line-height: 40px;font-family:'Satisfy', cursive;}
h4 {font-size:22px;font-weight: 400;color:#609289;line-height:28px;font-family:'Maven Pro', sans-serif;}
h5 {font-size:20px;font-weight:400;color:#91bfb7;font-style:italic;line-height:26px;}
h6 {font-size: 16px;font-weight: 500;color:#fff;line-height: 24px;border-radius: 10px;background-color: #91bfb7;text-transform:uppercase;width:250px;display:block;margin:10px auto;padding:0;}

h6 a:link, h6 a:visited {
	text-decoration:none;
	background-color:#91bfb7;
	font-weight:400;
	color:#fff;
	display:block;
	border-radius:10px;
	padding:10px;
	text-align:center;
}
h6 a:hover {
	text-decoration:none;
	background-color:#609289;
	font-weight:400;
	color:#fff;
}

/* list css */

ul {list-style-type:disc;margin:10px 40px;}
ol {list-style-type:decimal;margin:10px 40px;}
ul li {display:list-item;}
ol li {display:list-item;}

/* link css */

a {color:#609289;text-decoration:none; font-weight:700;}
a:visited {color:#609289;}
a:hover {color:#609289;text-decoration:underline}
a:active {color:#609289;}


.bouton {font-size: 16px;font-weight: 400;color:#fff;line-height: 24px;border-radius: 10px;background-color: #91bfb7;text-transform:uppercase;width:300px;display:block;margin:10px 0;padding:0; border:none; height:40px;}
.bouton a:link, h6 a:visited {
	text-decoration:none;
	background-color:#91bfb7;
	font-weight:400;
	color:#fff;
	display:block;
	border-radius:10px;
	padding:10px;
	text-align:center;
}
.bouton a:hover {
	text-decoration:none;
	background-color:#609289;
	font-weight:400;
	color:#fff;
}

/* CMSMS MicroTiny WYSIWYG Editor text left */

.CMSMSBody {text-align:left;}

/* elements css */

strong,b {font-weight:700;}
em,i {font-style:italic;}
u {text-decoration:underline;}
.couleur {color:#91bfb7}

.form h1,.form h2,.form h3,.form h4,.form h5,.form h6,.form p {margin:5px -6px;}
.form input,.form textarea {background:#f8f5ed;border:1px solid #ccc;padding:8px;font-family:'Maven Pro',sans-serif;color:#000;font-size:16px;font-weight:400;border-radius:5px;}
.form input[type=submit],.form button {color:#FFF;background:#91bfb7;border:0;font-weight:400;width:100%;text-transform:uppercase;}
.form input[type=submit]:hover,.form button:hover {background:#609289;cursor:pointer;}
.form td {padding:0 12px;border:0;}

.search-form input {background:#f8f5ed;border:1px solid #ccc;;padding:8px;font-family:'Maven Pro',sans-serif;color:#000;font-size:16px;font-weight:400;border-radius:5px;}
.search-form input[type=submit]{display:none;}

/* content css */

#header_container {
	top: 0;
	left: 0;
	position: fixed;
	background: url(http://www.ensoi-naturellement.com/uploads/ensoinaturellement/charte/header-img.png) no-repeat center bottom;
	width: 100%;
	min-height: 200px;
	z-index: 1000;
}

#header_container span {color:#91bfb7;}

#bandeau1 {
	width: 100%;
	height: 530px;
	background-image: url(http://www.ensoi-naturellement.com/uploads/ensoinaturellement/charte/bandeau-accueil.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	padding-top:120px;
}

#bandeau2 {
	width: 100%;
	height: 530px;
	background-image: url(http://www.ensoi-naturellement.com/uploads/ensoinaturellement/charte/bandeau-naturopathie.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	padding-top:120px;
}

#bandeau3 {
	width: 100%;
	height: 530px;
	background-image: url(http://www.ensoi-naturellement.com/uploads/ensoinaturellement/charte/bandeau-reflexologie.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	padding-top:120px;
}

#bandeau4 {
	width: 100%;
	height: 530px;
	background-image: url(http://www.ensoi-naturellement.com/uploads/ensoinaturellement/charte/bandeau-dansetnaturo.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	padding-top:120px;
}

#bandeau5 {
	width: 100%;
	height: 530px;
	background-image: url(http://www.ensoi-naturellement.com/uploads/ensoinaturellement/charte/bandeau-consultations.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	padding-top:120px;
}

#content_container {
	width: 100%;
}

.content_blocks {
	padding: 0;
}

.content_blocks p {padding:5px;}

.content_blocks h1,.content_blocks h2,.content_blocks h3,.content_blocks h4,.content_blocks h5{
	padding: 5px;
}

.round {padding:30px;}

.round > div {
	border-radius: 50%;
	overflow: hidden;
}
.round img {
	display: block;
	width: 100%;
}

.footer {
	background: url(http://www.ensoi-naturellement.com/uploads/ensoinaturellement/charte/tournesol.png) no-repeat right bottom;
        width: 100%;
	min-height: 200px;
	max-height: 220px;
	padding-bottom: 10px;
	color: #000;
    font-weight:400;
}

.footer a {color:#609289;text-decoration:none;}
.footer a:hover{color:#609289;text-decoration:underline;}

.footer h1,.footer h2,.footer h3,.footer h4,.footer h5,.footer h6 {
	padding: 5px;
	color: #000;
}

.footer p {
	padding: 0 10px;
	margin: 0 10px;
	color: #000;
    text-align:center;
	font-size:18px;
}

.footer-desktop {display:block;}
.footer-mobile {display:none;}

.main-nav {
	font-family: 'Maven Pro', sans-serif;
	font-size: 48px;
	text-align: center;
    margin: 20px 0 0 0 ;
	}

.main-nav a {
	color: #000;
	font-weight: 400;
	text-decoration: none;
}

.main-nav a:hover {font-weight: 400; text-decoration: none;}

.social img {width:30px;display:inline-block;}


@media screen and (max-width: 1200px) {
	
	#bandeau1, #bandeau2, #bandeau3, #bandeau4 {
	height: 430px;
	background-size: cover;
	padding-top:100px;
	}
	


}

@media screen and (max-width: 980px) {
	
	#bandeau1, #bandeau2, #bandeau3, #bandeau4 {
	height: 320px;
	padding-top:60px;
	}
	


}

@media screen and (max-width: 800px) {
	
	#bandeau1, #bandeau2, #bandeau3, #bandeau4 {
	height: 260px;
	padding-top:60px;
	}

     #header_container {
	    min-height: 120px;
     }


	#header_container:hover {
		overflow: auto;
		max-height: 100%;
	}

	.content_blocks {padding:0;}
	
	.footer-desktop {display:none;}
	.footer-mobile {display:block;text-align:center;}
	
	.footer {padding-bottom:5px;}
	
	.social img {
		width: 25px;
		display: inline-block;
		margin: 10px 5px;
	}
	
}

@media screen and (max-width: 600px) {

	#bandeau1, #bandeau2, #bandeau3, #bandeau4 {height: 200px;}
	.footer {background-size: 40% auto;}
	
}
/* cmsms stylesheet: ensoi-menu modified: 20/11/2022 15:28:53 */
@import url('https://fonts.googleapis.com/css?family=Niramit:300,400,600,700|Satisfy|Maven+Pro:400,500,700|Abel');

/* menu css */

#menu {
	font-size: 18px;
}

.logo {
	border: none;
}

.logo img {
	max-width:100%;
	height:auto;
}

#nav-mobile {
	display: none;
}

#menu-mobile {
	float: right;
    margin-top:25px;
}

#menu, #menu ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

#menu li {
	float: left;
	position: relative;
}

#menu li ul {
	position: absolute;
	display: none;
}

#menu li:hover ul {
	display: block;
}

/* menu link css */

#menu a {
	display: block;
	color: #000;
	text-decoration: none;
	border-radius: 5px;
	padding: 10px 8px;
	font-family: 'Abel', sans-serif;
	font-weight: 300;
        margin-right: 2px;
}

#menu a:hover {
        background-color:#91bfb7;
	color: #ffffff;
	border-radius: 5px;
}

#menu ul {
	background: #ffffff;
        border: solid 1px #cccccc;
	overflow: hidden;
	border-radius: 5px;
        width: 200px;
}

#menu ul a {

	padding: 10px;
	color: #000000;
	font-size: 20px;
        margin-right: 0;
        background:none;
}

#menu ul a:hover {
	color:#000000;
	text-decoration:underline;
        background:none;
	border:none;
}

.currentpage {
        background-color:#91bfb7; !important;
	color: #ffffff; !important;
	border-radius: 5px; !important;
}

/* menu z-index */

#menu ul {
	z-index: 1100;
}



@media screen and (max-width: 1200px) {	
#menu a {
	padding: 10px 8px;
	font-size: 16px;
}
}

@media screen and (max-width: 980px) {	
#menu a {
	padding: 10px 5px;
	font-size: 15px;
}
}

@media screen and (max-width: 800px) {	

	/* mobile menu css */

	#menu-mobile {
		float: none;
	}
	
	.logo {
		display: none;
	}

	#nav-mobile {
		display: block;
		padding: 0 10px;
                margin-top:-10px;
		background: url(http://www.ensoi-naturellement.com/uploads/ensoinaturellement/charte/ic-nav.png) no-repeat right;
		background-position: 98% 50%; 
		background-size: 25px;
		-moz-background-size: 25px;
		-webkit-background-size: 25px;
    	        font-size: 25px;
		font-family: 'Niramit', sans-serif;
		color:#000000;
	}

	#menu {
		display: none;
        margin-top:40px;
        background-color:none;
	}
	
	#menu-mobile:hover #menu {
		display: block;
	}

	/* menu css */
	
	#menu li {
		float: none;
	}
	
	#menu li ul {
		position: relative;
		margin-top: 0;
		margin-left: 0;
		display: block;
	}
	
	#menu li:hover ul {
		display: block;
	}
	
	#menu ul {
		width: 100%;
		box-shadow: none;
		-webkit-box-shadow: none;
	    background: none;
        border:none;
	}

	/* menu link css */

       #menu a {
	       background:#91bfb7;
	       color: #ffffff;
	       margin-right: 0;
           margin-top:1px;
           border: solid 1px #000000;
       }

       #menu a:hover {
   	       background:#609289;
	       color: #ffffff;

       }


	#menu ul a {
		width: 100%;
        background:#609289;
	    color: #000000;
        border: solid 1px #000000;
	}

       #menu ul a:hover {
          background:#000000;
	      color:#609289;
       }
        .currentpage {
          border: solid 1px #000000;
        }
	
}
/* cmsms stylesheet: ensoi-grid modified: 14/10/2018 17:42:18 */
/* reset */
html,body,address,blockquote,div,dl,form,h1,h2,h3,h4,h5,h6,ol,p,pre,table,ul,dd,dt,li,tbody,td,tfoot,th,thead,tr,button,del,ins,map,object,a,abbr,acronym,b,bdo,big,br,cite,code,dfn,em,i,img,kbd,q,samp,small,span,strong,sub,sup,tt,var,legend,fieldset{margin:0;padding:0;}
img,fieldset{border:0;}
/* set html5 elements to block */
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary{display:block;}
/* apply a natural box layout model to all elements */
*,*:after,*:before{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
/* viewport css */
@-webkit-viewport{width:device-width;}@-moz-viewport{width:device-width;}@-ms-viewport{width:device-width;}@-o-viewport{width:device-width;}@viewport{width:device-width;}
/* body css */
body{margin:0;text-align:center;}
.section{clear:both;padding:0;margin:0;}
/* media css */
img{max-width:100%;height:auto;}
.video{position:relative;padding-bottom:56.25%;overflow:hidden;padding-top:30px;height:0;}
.video iframe,.video object,.video embed{position:absolute;top:0;left:0;width:100%;height:100%;}
/* form css */
input[type=text],input[type=password],input[type=number],input[type=date],input[type=month],input[type=week],input[type=time],input[type=datetime],input[type=datetime-local],input[type=email],input[type=search],input[type=tel],input[type=url],input[type=button],input[type=submit],select,textarea{-webkit-appearance:none;border-radius:0;}
input[type=text],input[type=password],input[type=number],input[type=date],input[type=month],input[type=week],input[type=time],input[type=datetime],input[type=datetime-local],input[type=email],input[type=search],input[type=tel],input[type=url],select,textarea{width:100%;}
/* general table css */
table{width:100%;table-layout:fixed;word-wrap:break-word;}
/* split column css */
.split-column{float:left;width:100%;margin-bottom:20px;}
.split-column:last-child {margin-bottom:0;}
/* content css */
.content{margin:0 auto;text-align:left;max-width:1200px;} /* width of your responsive website (example 1200px) */
.one-column{float:left;width:98%;margin:10px 1%;}
.two-column,.two-fourth-column{float:left;width:48%;margin:10px 1%;}
.three-column{float:left;width:31.333333%;margin:10px 1%;}
.two-third-column{float:left;width:64.666666%;margin:10px 1%;}
.four-column,.one-fourth-column{float:left;width:23%;margin:10px 1%;}
.three-fourth-column{float:left;width:73%;margin:10px 1%;}
.six-column{float:left;width:14.666666%;margin:10px 1%;}
.five-sixth-column{float:left;width:81.333333%;margin:10px 1%;}
@media screen and (max-width: 800px) {
.one-column,.two-fourth-column,.three-column,.two-third-column,.one-fourth-column,.three-fourth-column,.six-column,.five-sixth-column{width:97%;margin:10px 1.5%;}
.two-column,.four-column{width:47%;margin:10px 1.5%;}
}
@media screen and (max-width: 600px) {
.content{min-width:300px;}
.one-column,.two-column,.two-fourth-column,.three-column,.two-third-column,.four-column,.one-fourth-column,.three-fourth-column,.six-column,.five-sixth-column{width:96%;margin:10px 2%;}
}
/* cmsms stylesheet: ensoi-editeur modified: 25/10/2018 21:05:15 */
/* body css */

@import url('https://fonts.googleapis.com/css?family=Niramit:300,400,600,700|Satisfy|Maven+Pro:400,500,700|Abel');

body {
	background-color: #ffffff;
	font-family: 'Maven Pro', sans-serif;
	font-size: 16px;
	font-weight: 400;
	line-height: 22px;
	color: #000000;
}

/* headings / paragraph margin css */

h2,h3,h4,h5,h6,p {margin:10px 0px;}

/* headings css */

h1 {font-size:36px;font-weight:400;color:#609289;line-height: 50px;font-family: 'Niramit', sans-serif;margin: 10px auto 20px auto;}
h2 {font-size:28px;font-weight:400;color:#91bfb7;line-height: 40px;font-family:'Maven Pro', sans-serif;}
h3 {font-size:26px;font-weight:normal;color:#000000;line-height: 40px;font-family:'Satisfy', cursive;}
h4 {font-size:22px;font-weight: 400;color:#609289;line-height:28px;font-family:'Maven Pro', sans-serif;}
h5 {font-size:20px;font-weight:400;color:#91bfb7;font-style:italic;line-height:26px;}
h6 {font-size: 16px;font-weight: 500;color:#fff;line-height: 24px;border-radius: 10px;background-color: #91bfb7;text-transform:uppercase;width:250px;display:block;margin:10px auto;padding:0;}

h6 a:link, h6 a:visited {
	text-decoration:none;
	background-color:#91bfb7;
	font-weight:400;
	color:#fff;
	display:block;
	border-radius:10px;
	padding:10px;
	text-align:center;
}
h6 a:hover {
	text-decoration:none;
	background-color:#609289;
	font-weight:400;
	color:#fff;
}


.couleur {color:#91bfb7}

/* list css */

ul {list-style-type:disc;margin:10px 40px;}
ol {list-style-type:decimal;margin:10px 40px;}
ul li {display:list-item;}
ol li {display:list-item;}

/* link css */

a {color:#609289;text-decoration:none; font-weight:700;}
a:visited {color:#609289;}
a:hover {color:#609289;text-decoration:underline}
a:active {color:#609289;}

/* CMSMS MicroTiny WYSIWYG Editor text left */

.CMSMSBody {
    text-align:left;
	background-color: #ffffff;
	font-family: 'Maven Pro', sans-serif;
	font-size: 16px;
	font-weight: 400;
	line-height: 22px;
	color: #000000;
}

/* elements css */

strong,b {font-weight:700;}
em,i {font-style:italic;}
u {text-decoration:underline;}
/* cmsms stylesheet: content_container modified: 25/10/2018 21:05:29 */
/* body css */

@import url('https://fonts.googleapis.com/css?family=Niramit:300,400,600,700|Satisfy|Maven+Pro:400,500,700|Abel');

body {
	background-color: #ffffff;
	font-family: 'Maven Pro', sans-serif;
	font-size: 16px;
	font-weight: 400;
	line-height: 22px;
	color: #000000;
}

/* headings / paragraph margin css */

h2,h3,h4,h5,h6,p {margin:10px 0px;}

/* headings css */

h1 {font-size:36px;font-weight:400;color:#609289;line-height: 50px;font-family: 'Niramit', sans-serif;margin: 10px auto 20px auto;}
h2 {font-size:28px;font-weight:400;color:#91bfb7;line-height: 40px;font-family:'Maven Pro', sans-serif;}
h3 {font-size:26px;font-weight:normal;color:#000000;line-height: 40px;font-family:'Satisfy', cursive;}
h4 {font-size:22px;font-weight: 400;color:#609289;line-height:28px;font-family:'Maven Pro', sans-serif;}
h5 {font-size:20px;font-weight:400;color:#91bfb7;font-style:italic;line-height:26px;}
h6 {font-size: 16px;font-weight: 500;color:#fff;line-height: 24px;border-radius: 10px;background-color: #91bfb7;text-transform:uppercase;width:250px;display:block;margin:10px auto;padding:0;}

h6 a:link, h6 a:visited {
	text-decoration:none;
	background-color:#91bfb7;
	font-weight:400;
	color:#fff;
	display:block;
	border-radius:10px;
	padding:10px;
	text-align:center;
}
h6 a:hover {
	text-decoration:none;
	background-color:#609289;
	font-weight:400;
	color:#fff;
}

.couleur {color:#91bfb7}

/* list css */

ul {list-style-type:disc;margin:10px 40px;}
ol {list-style-type:decimal;margin:10px 40px;}
ul li {display:list-item;}
ol li {display:list-item;}

/* link css */

a {color:#609289;text-decoration:none; font-weight:700;}
a:visited {color:#609289;}
a:hover {color:#609289;text-decoration:underline}
a:active {color:#609289;}

/* CMSMS MicroTiny WYSIWYG Editor text left */

.CMSMSBody {
    text-align:left;
	background-color: #ffffff;
	font-family: 'Maven Pro', sans-serif;
	font-size: 16px;
	font-weight: 400;
	line-height: 22px;
	color: #000000;
}

/* elements css */

strong,b {font-weight:700;}
em,i {font-style:italic;}
u {text-decoration:underline;}
