@charset: "UTF-8";

.text-justify{
	text-align: left !important;
}

*{
	box-sizing: border-box;
}

html{
    position: relative; /*sticky footer*/
    min-height: 100%; /*sticky footer*/
    font-size: 17px;
}

body{
    margin-bottom: 250px;    /*sticky footer*/	
    font-family: 'Montserrat', sans-serif;
}

div.debugboot{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 999;
}

ul{
	margin: 0;
	padding-left: 1rem;
	/*list-style-type: none;*/
}

i{
	margin-right: 1rem;
}

b, strong{
	font-weight: 600;
}
/********************/
/*style*/
h1{	
	font-size: 2rem;
	margin-bottom: 2rem;	
}
h2{	
	font-size: 1.4rem;
	margin-bottom: 1rem;
}
h2.title{
	height: 2em;	
}
h3{
	font-size: 1.2rem;
	font-weight: 700;
}
h4{ /*citations*/
	font-size: 2rem;
	font-weight: 300;
}
h5{
	font-size: 1rem;
	text-decoration: underline;
}
h6{
	font-size: 1rem;	
}


h1, h2, h3{
	font-family: 'Nunito', sans-serif;
}

.f-nu{
	font-family: 'Nunito', sans-serif;
}

.f-vi{
	font-family: 'Great Vibes', cursive;
}

.f-700{
	font-weight: 700;
}

.bg-vert{
	background-color: #84cec2;
}
.bg-bleu{
	background-color: #45c1c3;
}
.bg-orange{
	background-color: #f58542;
}
.bg-w{
	background-color: white;
}

.c-vert{
	color: #84cec2;
}
.c-bleu{
	color: #45c1c3;
}
.c-orange{
	color: #f58542;
}
.c-jaune{
	color: #FFB400;
}
.c-w{
	color: white;
}
.c-b{
	color: black;
}
.c-g{
	color: #BBBBBB;
}

a{
	color: #808080;
}

a:hover{
	color: #84cec2;	
	text-decoration: none;
}

.arrondi{
	border-radius: 5px;
	overflow: hidden;
}
.arrondiBig{
	border-radius: 2rem;
}
.arrondiTop{
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;	
}
.arrondiBottom{
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;	
}
.arrondiRight{
	border-top-right-radius: 1rem;	
	border-bottom-right-radius: 1rem;
	overflow: hidden;
}
.arrondiLeft{
	border-top-left-radius: 5px;	
	border-bottom-left-radius: 5px;
	overflow: hidden;
}
.arrondiTLeft{
	border-top-left-radius: 5px;	
}
.arrondiBLeft{
	border-bottom-left-radius: 5px;	
}
.espaceV{
	margin-bottom: 6rem;
}
.espaceVs{
	margin-bottom: 3rem;
}

.citation{
	margin: 0 auto;
	position: relative;
	margin-top: 5rem;
	margin-bottom: 5rem;
	padding: 2rem;
	font-style: italic;
	font-weight: 300;
	font-size: 2rem;
	width: 80% !important;	
	text-align: center;
	color: white;
}

.fa-quote-left, .fa-quote-right{
	position: absolute;
	font-weight: bold;
	font-size: 4rem;
	/*color: #f58542;*/
}

.fa-quote-left{
	top: -0.53rem;
	left: -2.35rem;	
}

.fa-quote-right{
	bottom: -0.53rem;
	right: -2.35rem;
}

@supports (-webkit-text-stroke: 4px white) {
	.fa-quote-left, .fa-quote-right {
    	-webkit-text-stroke: 4px white;
  	}
}

a.bouton, a.bouton:visited, button.bouton{
	font-size: 1.5rem;
	padding: 1rem;
	color: white;
	border: 2px solid white;	
	text-align: center;
}

a.bouton:hover, button.bouton:hover{
	font-size: 1.5rem;
	padding: 1rem;
	color: #84cec2;
	background-color: white;
	border: 2px solid #84cec2;
}
a.bouton.bg-orange:hover, button.bouton.bg-orange:hover{
	color: #f58542;
	border: 2px solid #f58542;
}

.btn-primary:hover,.btn-primary:focus,.btn-primary:active, 
.btn-primary:active:focus:not(:disabled):not(.disabled),
.btn:focus, .btn:active, .btn:hover{
    box-shadow: none!important;
    outline: 0;
}

.nowrap{
	white-space: nowrap;
}

ul.nob{
	list-style-type: none;
	padding: 0;
}

.bTest{
	border: 1px solid red;
}

/********************/
/*header*/
.espaceNav{
	height: 130px;
}

header{
	font-size: 0.9rem;
}

nav{
	flex-grow: 1;
}

.navbar-brand{
	/*padding-bottom: 2rem;*/
	transition: 0.5s;
}

div.brand{
	width: 150px;
}

.brand-lg{
	margin-right: 0;
}

nav.navbar{
	padding: 0;
}

#navbarNav{
	justify-content: flex-end;
	padding-right: 15px;
}

.menuGauche li:last-child, .menuDroite li:last-child{
	padding-right: 0;
}

ul.navbar-nav, footer .container{
	border-top: 2px solid #808080;
	flex-grow: 1;
}

.navbar-nav li{
	/*padding-right: 1rem;*/
	text-align: right;
}

.navbar-nav li a{
	color: white;
}

button.navbar-toggler, .navbar-light .navbar-toggler{
	width: 90%;
	height: 40px;
	color: white;
}

/*active*/
.navbar-light .navbar-nav .current-menu-item .nav-link,
.navbar-light .navbar-nav .current-menu-item .nav-link:visited,
footer .current-menu-item a,
footer .current-menu-item a:visited,
.navbar-light .navbar-nav .active .nav-link,
.navbar-light .navbar-nav .active .nav-link:visited,
footer .active a,
footer .active a:visited,
footer a.active,
footer a.active:visited{
	color: #45c1c3;	
}

.navbar-light .navbar-nav .nav-link:hover, footer a:hover{
	color: #84cec2;	
	text-decoration: none;
}

header .res-lg{
	width: 85%;
	margin-bottom: 2rem;
	font-size: 1.2rem;
}

header .reseaux{
	width: 75%;
	margin-bottom: 1rem;
}

header .reseaux a i{
	font-size: 1.8rem;
	color: #84cec2;
}

button.navbar-toggler{
	border: none;	
}

button.navbar-toggler i{
	color: #84cec2;	
	font-size: 2rem;
}

/********************/
/*login widget header*/
header .login-out{
	position: absolute;
	top: 10px;
	right: 10px;	
}
header .login-in{
	position: absolute;
	top: 10px;
	right: 10px;	
}
header .login-out .btn{		
	color: white;
	border: 2px solid #84cec2;
}
header .login-out .btn:hover{
	color: #84cec2;
	background-color: white;
}

header .login-in a.dropdown-toggle{
	font-size: 1.2rem;
	padding-right: 5px;
}
header .login-in .dropdown-item:focus, header .login-in .dropdown-item:hover{
	background-color: white;
	color: #84cec2;
}

/********************/
/*carousel*/
.carouFixe{
	background-size: cover;
	background-position: center;
	width: 100%;
	height: 90vw;
	/*min-height: 660px;*/
}


/********************/
/*projet*/
.projet-item{
	/*padding-left: 1rem;*/
	/*padding-right: 1rem;*/
}
/*news*/
.news .image, .modulepub .image, .articles .image{
	width: 100%;
}

.news .image img, .modulepub .image img, .articles .image img{
	width: 100%;
	margin-bottom: 1rem;	
}

/*articles*/
.article-item{
	position: relative;
}
.article-item a.image .offert {	
	font-size: 0.8rem;
	padding: 0.5em;
	position: absolute;
	bottom: 2em;
	right: 1em;
}
.article-item a.image .offert p{
	margin: 0;
}
.article-item a.image .offert p:first-child{
	text-transform: uppercase;
	font-size: 1.5rem;
	line-height: 1em;
	font-weight: 600;
}

.article-index{
	padding: 1.8rem;
	border: 1px solid #84cec2;
}
/*articles share*/
.share .cadre{
	border: 1px solid #f58542;
}
.share .partager{
	font-size: 1rem;
	padding: 0.5rem;
}
.share i{
	font-size: 1.5rem;
	margin: 0;
	padding: 0;
	line-height: 1.9rem;
}

/*ateliers*/
.atelier .prix, .eveil-interieur .prix{
	font-size: 2rem;
}
.atelier .format{
	font-size: 1.3rem;
}
.atelier .format p{
	margin-bottom: 0;
}

/********************/
/*eveil interieur*/
.eveil-interieur .titres{
	text-align: center;	
}
.grandTitre{
	font-size: 7rem;
	line-height: 6rem;
}
.eveil-interieur .titres h1{
	margin-bottom: 0;
}

.eveil-interieur .intro{
	margin-bottom: 2rem;
	/*text-align: justify;*/
}
.eveil-interieur .intro ul{
	list-style-type: none;
	padding-left: 0;
}
.eveil-interieur .intro p{
	width: 100%;
}
.eveil-interieur .bullets i, .modulepub .bullets i{
	margin-right: 1rem;
}
.eveil-interieur .bullets p, .modulepub .bullets p{
	font-size: 1.1rem;
	margin-left: 0;
}

.eveil-interieur .ta-20{
	width: 30%;
}
.eveil-interieur .ta-40{
	width: 35%;
}
.eveil-interieur table th:nth-child(2){
	border-top-left-radius: 10px;
}
.eveil-interieur table th:last-child{
	border-top-right-radius: 10px;
}

.eveil-interieur .bl{
	border-left: 1px solid #f58542;	
}
.eveil-interieur .br{
	border-right: 1px solid #f58542;	
}
.eveil-interieur .bt{
	border-top: 1px solid #f58542;	
}
.eveil-interieur .bb{
	border-bottom: 1px solid #f58542;	
}
.eveil-interieur button.bouton{
	display: inline-block;
}
.eveil-interieur button.bouton.bg-orange:hover{
	color: #f58542;
	border-color: #f58542;
}
.eveil-interieur button.bouton.bg-vert:hover{
	color: #84cec2;
	border-color: #84cec2;
}
.eveil-interieur button.bouton.bg-bleu:hover{
	color: #45c1c3;
	border-color: #45c1c3;
}

button.b-inscEv, button.b-inscEv:hover{
	font-size: 1.1rem;
	width: 100%;
}

.eveil-interieur .merci{
	border: 1px solid #84cec2;
	padding: 1rem;
}

.inscrForm{
	width: 40%;	
}
.inscrForm .formCadre{ /*.inscrForm form, */
	border: 1px solid #84cec2;
	padding: 2rem;
}
.inscrForm .phrase-rgpd{
	font-size: 0.8rem;
}
.inscrForm .phrase-rgpd a{
	color: #84cec2;
	font-weight: 600;
}

/********************/
/*faq*/
.faq-item{
	margin-bottom: 3rem;
}
.faq-item .question{
	margin-bottom: 0.5rem;
}

/********************/
/*prestations*/
.prest-item .bloc{
	width: 75%;
	padding: 1rem;
	margin-top: 2rem;
}
.prest-item .prix{
	margin: 0;
}
.prest-item .modalites{
	font-size: 0.8rem;
	margin-top: 1rem;
	width: 75%;
}


/********************/
/*contact*/
.row.contact{
	padding-bottom: 6rem;
}

.contact input, .contact select, .contact textarea{
	font-size: 0.8rem;
}
button.b-contact, button.b-contact:hover{
	font-size: 1.1rem;
	width: 50%;
}

.contact .photo-d{
	background-size: cover;
	background-position: center;
	width: 100%;
	height: 100%;
	min-height: 660px;
}

.fieldc{
	opacity: 0;
	position: absolute;
	top: 0;
	left: 0;
	height: 0;
	width: 0;
	z-index: -1;
	border: none;
	box-shadow: none;
	color: white;
}

input.valid, textarea.valid{
	border: 1px solid #57bbbf;
}
input.invalid, textarea.invalid{
	border: 1px solid red;
}

.contact .adresse p{
	margin: 0;
}
.contact .adresse p:first-child{
	margin-bottom: 1rem;
}
/********************/
/*espace prive*/
/*menu gauche*/
div.menu-gauche{
	font-size: 0.8rem;	
	position: absolute; /*fixed*/
	z-index: 99;
	left: -500px;
	width: 350px;
	min-height: 250px;
	border: 1px solid #84cec2;
	border-left: none;
}
div.menu-gauche a{
	display: block;
}
div.menu-gauche .texte{
	padding: 1rem;
}
div.menu-gauche .cat{
	font-size: 1rem;
	font-weight: 500;
}
div.menu-gauche .items{
	padding-left: 1rem;
	margin-bottom: 1rem;
}
div.menu-gauche .item{
	font-weight: 500;
}
div.menu-gauche .sub{
	padding-left: 1rem;
}
div.menu-gauche .sub a.active{
	color: #84cec2;
}
div.menu-gauche .sub a, .navp a{
	font-size: 0.8rem;
	padding: 0;
}
div.menu-gauche .sub a:hover{
	color: #84cec2;
}
div.menu-gauche .handle{
	position: relative;
	font-size: 1.5rem;
	writing-mode: vertical-rl;
}
div.menu-gauche .handle:hover{
	cursor: pointer;
}
div.menu-gauche .handle i{
    -moz-transition: all 0.25s;
    -webkit-transition: all 0.25s;
    transition: all 0.25s;	
	position: absolute;
	top: 0.5em;
	left: 0.2em;
}
div.menu-gauche .handle i.left{
    -ms-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}
/*menu devient sommaire en sm/xs*/
div.menu-gauche.sommaire{
	position: relative;
	width: 100%;
	margin-left: 15px;
	margin-right: 15px;
	border: 1px solid #84cec2;
}
div.menu-gauche.sommaire a{
	padding-bottom: 0.5em;
}
/********************/
/*page*/
.espacePrive .paccueil{
	font-size: 1.2rem;
	line-height: 1.4rem;
	font-style: italic;
}
.espacePrive .pcitation{
	margin-top: 2rem;
	margin-bottom: 2rem;
	width: 75%;
	text-align: center;
	padding: 1rem;
}
.espacePrive .pcitation .texte{
	font-weight: 300;
	font-size: 1.5rem;
}
.espacePrive .pcitation .autheur{
	margin-bottom: 0;
	font-style: italic;
}

/********************/
/*modules*/
.navp{
	margin-top: 2rem;
}
.navp a{
	font-weight: 500;
	color: white;
	padding: 1rem;
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
	border: 1px solid #84cec2;
	margin-bottom: 2rem;
}
.navp a:hover{
	background-color: white;
	color: #84cec2;
}
/********************/
.module{
	margin-bottom: 4rem;
}
.module.titres{
	margin-bottom: 0;
}
.module.titres h3{
	margin-bottom: 1rem;
}
/*image*/
.module .image{
	background-size: cover;
	background-position: center;
	width: 100%;
	height: 320px;	
}
.module .image.ns{
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}
/*textes*/
.module .textes p:last-child{
	margin-bottom: 0;
}
.module .textes a{
	color: #45c1c3;
}
/*titre*/
.module h2{
	/*margin-bottom: 2rem;*/
}
/*stitre*/
.module h3{
	/*font-size: 1.3rem;*/
	/*font-weight: 600;*/
	/*margin-bottom: 1rem;*/
}
.module h5{
	/*font-size: 1rem;*/
	/*text-decoration: underline;*/
}
/*citation*/

/*encart*/
.module .encart{
	padding: 2rem;
}
.encart a{
	color: white;
	font-weight: 600;
}
.encart a:hover{
	text-decoration: underline;
}
/*bullets*/
.module .bullets.bullets-mp{
	font-size: 1.2em;
}
.module .bullets p{
	font-size: 1rem;
}
/*schéma*/

/*formulaire*/
.formulaire form{
	width: 100%;
}
.formulaire a.btn{
	color: white;
}
.formulaire a.btn:hover{
	color: #84cec2;
	background-color: white;
	border: 1px solid #84cec2;
}
.formulaire span.ok{
	margin-left: 1rem;
	display: none;
}
/*test*/
.module.test .form-group{
	margin-bottom: 2rem;
}
.module.test .form-group:last-child{
	margin-bottom: 0;	
}
.module.test .form-group p{
	font-weight: 600;
}

/*tableau*/
.module.tableau table{
    border-collapse: separate;
    border-spacing: 0;
}
.module.tableau table.bg-vert, .module.tableau table.bg-bleu, .module.tableau table.bg-orange{
	background-color: white;
}
.module.tableau table td, .module.tableau table th{
	border: 1px solid rgba(0, 0, 0, 0.05);
}

.module.tableau table{
	border: 1px solid #84cec2;
}
.module.tableau table.bg-bleu{
	border-color: #45c1c3;
}
.module.tableau table.bg-orange{
	border-color: #f58542;
}

.module.tableau .table-striped.bg-vert tbody tr:nth-of-type(2n+1){
	background-color: #D6F3EE;
}
.module.tableau .table-striped.bg-bleu tbody tr:nth-of-type(2n+1){
	background-color: #D9F7F8;
}
.module.tableau .table-striped.bg-orange tbody tr:nth-of-type(2n+1){
	background-color: #F8D3BD;
}

/*vimeo*/
.module .d-vimeo{
	/*border: 2px solid #84cec2;*/
	border-radius: 5px;
	overflow: hidden;
	/*background-color: #84cec2;*/
	box-shadow: 0 0 16px #E1E1E1;
}

/********************/
/*footer*/
footer{
    position: absolute; /*sticky footer*/
    bottom: 0; /*sticky footer*/
    height: 250px; /* comme le margin bottom du body */
    font-size: 1rem;
    width: 100%;
}

footer .container{
	margin-top: 2rem;
	padding: 1rem;
}

footer ul.menuFoot{
	height: 100%;
}

footer .logo{
	width: 33%;	
}
footer .reseaux{
	width: 33%;
	font-size: 1.2rem;
	margin-top: 0.5rem;
}

footer .copyr{
	font-size: 0.7rem;
}
footer .copyr p{
	margin: 0;
}
footer .copyr .liens a::after{
	content: " - ";
	padding-left: 0.5rem;
	padding-right: 0.5rem;
}
footer .copyr .liens a:last-child::after{
	content: "";
}
footer .copyr .liens a:hover{
	color: #45c1c3;
}

/*footer .gtxt{
	font-size: 0.6rem;
}

footer .glink a{
	margin-right: 0.4em;
	margin-left: 0.4em;
}*/


/********************/
/*rec hid*/
/*.grecaptcha-badge { visibility: hidden; }*/









/********************/
/*media queries*/
/*lg*/
@media (max-width: 1199.98px) {
	header .login-out{
		right: 45px;
	}
}

/*md*/
@media (max-width: 991.98px) { 
	.spacerB{
		margin-bottom: 3rem;
	}

	.brand-mobile{
		margin-bottom: 0;
	}

	header .res-lg{
		width: auto;
	}

	.eveil-interieur .inscrForm{
		width: 70%;	
	}	

	h2{
		font-size: 1.1rem;
		font-weight: 700;
	}

	footer p{
		font-size: 0.8rem;
	}

	footer a.logo, footer .reseaux{
		width: 100%;
	}
}

/*sm*/
@media (max-width: 767.98px) {
	header .login-out{
		position: relative;
		width: 100%;
		left: 0;
		margin-bottom: 2em;
	}
	header .login-in{
		position: absolute;
		right: 10px;
		top: 10px;		
	}
	.espaceV{
		margin-bottom: 3rem;
	}
	header.espaceV{
		margin-bottom: 6rem;
	}

	.brand-mobile{
		width: 100%;
		margin-top: 1rem;
		padding-left: 18%;
		padding-right: 18%;
	}
	.brand-mobile div.brand{
		width: 100%;
	}
	.brand-mobile a.navbar-brand{
		padding-bottom: 0;
	}	
	.brand-mobile ul.reseaux{
		margin: 0;
		padding: 0;
		flex-basis: 15%;
	}
	.brand-mobile ul.reseaux .nav-link{	
		padding: 0;
	}
	.brand-mobile .reseaux a i{
		font-size: 1.4rem;
		margin-right: 0;
	}

	ul.navbar-nav{
		border-top: none;
	}	
	ul.navbar-nav li{
		text-align: center;
		padding: 0;
		font-size: 1.5rem;
	}

	.carousel img{
		width: 200% !important;
		margin-left: -50%;
	}

	.projet-item h2{
		text-align: center;
	}

	.citation{
		margin: 0 auto;
		position: relative;
		margin-top: 5rem;
		margin-bottom: 5rem;
		padding: 2rem;
		font-style: italic;
		font-weight: 300;
		font-size: 1rem;
		width: 80% !important;	
		text-align: center;
		color: white;
	}
	.citation h4{
		font-size: 1rem;
	}
	.fa-quote-left, .fa-quote-right{
		position: absolute;
		font-weight: bold;
		font-size: 3rem;
		color: #f58542;
	}
	.fa-quote-left{
		top: -2rem;
		left: 2rem;	
	}
	.fa-quote-right{
		bottom: -2rem;
		right: 2rem;
	}	

	.module .image{
		height: 92vw;	
	}

	.eveil-interieur .intro ul{
		text-align: left;
	}
	.eveil-interieur .intro ul li{
		/*margin-bottom: 1rem;*/
	}
	.eveil-interieur .bullets p{
		margin-left: 0;
	}

	.eveil-interieur button.collg1{
		font-size: 1.3rem;
	}
	.eveil-interieur .collg1c{
		width: 100%;
	}

	.eveil-interieur table h2{
		font-size: 1.4rem;
	}
	.eveil-interieur table th{
		border-top-left-radius: 10px;
		border-top-right-radius: 10px;		
	}

	.inscrForm{/*.eveil-interieur */
		width: 100%;	
	}	

	footer a.logo, footer .reseaux{
		width: 40%;
	}	
	footer ul.menuFoot{
		height: auto;
		font-size: 1.5rem;

	}
	footer ul.menuFoot a{	
		font-weight: 500;
	}
	footer .copyr .liens a::after{
		content: "";
		padding-left: 0rem;
		padding-right: 0rem;
	}	
}

 /*xs*/
@media (max-width: 575.98px) {

}