/*GLOBAL */
html {font-size: 62.5%}

body {
	font-family: 'Raleway', sans-serif;
	background-color: #FFF;
	color: #121618;
	font-size: 1.6rem;
}

img {
	max-width: 100%;
}
a{
	color: #121618;
	text-decoration: none;
}
a:hover{
	color: rgba(232, 183, 142, 0.9);
}
#presentation span, .centre span {
	text-transform: uppercase;
}
li{
	list-style-type: none;
	padding-top: 8px;
}
.container {
padding: 0 60px;
line-height: 1.6em;
}
.hide{
	display: block !important;
}

#MVN{
	width : 180px;
	margin : 0 auto;
}

/*HEADER*/
/*header nav {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	   
	padding: 25px 0;
	text-transform: uppercase;
	letter-spacing: 1px;
}
header nav a {
	padding: 10px 35px 20px 35px;
	text-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
header nav a:hover {
	background-color: rgba(232, 183, 142, 0.4);
	color: white;
}*/



/* NAV TEST*/
.hideDesktop{
	display:none;
}
.nav {
	list-style-type: none;
	margin: 0;
	padding: 0;
	line-height: 1;
	display: flex;
	justify-content: space-around;
	text-transform: uppercase;
	letter-spacing: 1px;
	transition: 0.3s;

}
.nav a {
	padding:.3em;
}
.nav a:focus,
.nav a:hover {
	background-color: rgba(232, 183, 142, 0.4);
	color: white;
}
.nav-item {
	float: left; /* Pour que les liens s’affichent horizontalement */
	position: relative; /* Crée un contexte de positionnement pour les sous-listes */
	margin : 50px 0 70px;
}
.sub-nav {
	display: none; /* Masque la sous-liste */
	position: absolute; /* Evite que la dimension du conteneur ne change quand la sous-liste est affichée */
	left: 0; /* FIX IE7 : pour que le sous-menu s’aligne avec son conteneur */
	top: 2em; /* FIX IE7 : pour que le sous-menu s’aligne avec son conteneur, on le positionne explicitement en bas du conteneur */
	white-space: nowrap; /* Pour que le texte ne revienne pas à la ligne */
	background: white; /* FIX IE7 : évite que la sous-liste ne disparaisse au moment où le curseur arrive au-dessus */
	margin-top: -5px; /* Pour que le sous-menu recouvre son parent, facilitant le passage de la souris de l’un à l’autre */
	font-weight: normal;
	line-height: 1.8;

}
.sub-nav a:hover{
	color: white;
	text-decoration: none;
}
.nav-item:hover .sub-nav {
	display: block; /* Affiche cette sous-liste au survol de son conteneur */
	font-size: 17px;
	transition: 0.3s;

}
/*MAIN*/
#presentation img{
	height: 150px;
}
.centre {
	text-align: center!important;
}
.centre img{
	max-width: 400px;
}

.sophrologie span {
	font-weight: bold;
	color: #E8B78E;
}

.groupeSophrologie span {
	font-weight: bold;
	color: #E8B78E;

}

.clic{
	font-weight: bold;
	font-size: 18px;
}
@media screen and (max-width: 1400px){
	.clic{
		margin: 18px auto;
	}
}

.clicSY{
	font-weight: bold;
	font-size: 18px;
}
.clic:hover{
	background-color: #EBB49C;
	color: white;
	border-radius: 10px;
	width: 260px;
	cursor:pointer;
}
#clicIntervention{
	font-weight: bold;
	font-size: 18px;
}
#clicIntervention:hover{
	background-color: #EBB49C;
	border-radius: 10px;
	color: white;
	width: 310px;
}
.biggerSize{
	font-size: 20px;
}

/*SOPHROLOGIE*/
h2 {
	text-align: center;
	text-transform: uppercase;
}
aside img{
max-width: 230px;
padding-right: 20px;
}
.sophrologie{
	display: flex;
	justify-content: space-around;

}
#sophropic {
	height: 200px;
}
#yogapic {
	height: 250px;
}

.sophroText{
	padding-top: 30px;

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


.encadre2{
	border: 2px solid #E1C098;
	padding: 5px;
	-moz-box-shadow: 5px 5px 5px 0px #656565;
-webkit-box-shadow: 5px 5px 5px 0px #656565;
-o-box-shadow: 5px 5px 5px 0px #656565;
box-shadow: 5px 5px 5px 0px #656565;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=134, Strength=5);

}
.encadre{
	border: 2px solid #E8E0BA;
	border-radius: 20px;
	background-color: #FFFECC;
	padding: 15px;
	width: 70%;
	margin: 0 auto 40px;
}
/*quisuije*/
#quisuisje {
	line-height: 1rem;
}
#quisuisje h2{
	text-align: left;
	text-transform: none;
}
#portrait {
	max-width: 300px;
}

/* CONTACT TARIFS*/

/*FOOTER*/
footer a {
display: none; 
}
#licence {
    background-color: rgba(0,0,0,0.1);
    color: #999;
    text-align: center;
    padding: 15px;
    margin-top: 20px;
	display: flex;
	flex-direction : column;
	text-align: center;
   
}
.branche {
	text-align: center;
	margin: 0 auto;
	max-width: 10% !important;

}

@media screen and (max-width: 1400px) {
	.branche {	
		max-width: 30% !important;
	}

	footer a {
		display: block;
	}
	
	footer {
		color:#E8E0BA;
		padding: 30px;
		text-align: center;
	}

	.sophrologie span {
		font-weight: bold;
		color: #EBB49C;
	}

	.encadre {
		background-color: #EBB49C !important;
	}

	.nav, .sophrologie {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		text-align: center;

	}

	.nav {
		line-height: normal;
	}

	.nav-item {
		margin : 10px 0;
	}
	.hideDesktop {
		display:block;
	}
	
	.nav-item:hover .sub-nav {
		display:none; /* n'Affiche pas cette sous-liste au survol de son conteneur */	
	}

	#quisuisje {
		line-height: inherit;
	}

	.centre img {
		max-width: 300px;
		margin: 0 auto;
	}

	aside img {
		max-width: 200px;
		margin: 0 auto;
		padding-right: 0px;
	}

	.container {
		padding: 0 10px;
		line-height: 1.6em;
	}

	li {
		list-style-type: none;
		text-align: center;
		margin-left: -40px;
	}

	#portrait {
		max-width: 200px;
	}

	#sophropic {
		width: 250px;
	}

	#yogapic {
		height: 150px;
	}

	#contactpic {
		height: 150px;
	}

	h1 {
		font-size: 23px;
	}

	.container2 p {
		padding:10px 20px !important;
	}

}


.rubrique{
	margin: 40px auto;
}

.fa-facebook-f{
	color: white;
	background-color: rgb(35, 35, 143);
	padding: 5px;

}



/* GROUPE SOPHRO */

.lieuDateSeance{
	padding : 30px 0;
	text-align: center;
}

.lieuDateSeance h3{
	text-decoration: underline;
}


/* ACCOMPAGNEMENT */
.dys ul {
	padding : 30px;
}

blockquote p { 
	
		font-weight: bold;
		text-align: center;

		
}

blockquote{
	margin : 50px auto;
}