*{
	margin:0;
	padding:0;
}

html,body{
  height:100%;
  margin:0;
  padding:0;
}

body{
	background-image:url(../img/fond2b.png) ;
	background-attachment:fixed;
	background-size:cover;
	background-repeat:no-repeat;
	font-family: 'Open Sans Condensed', sans-serif;
}

.logo img{
	position:fixed;
	top:20px;
	left:80px;
}

.color{
	color:#ef5490;
}

.color2{
	color:#81ba50;
}

.color3{
	color:#9e459a;
}

.color4{
	color:#69c0d2;
}

.color5{
	color:#9e459a;
}

.color6{
	color:#985d0a;
}

.massage_menu li a{
	color:#985d0a;
}


.violet li a{
	color:#9e459a;
}

.droite{
	width:65%;
	float:right;
	background-color:rgba(255,255,255,0.7);
	background-size:cover;
	min-height: 100%;
	text-align:center;
}

.droite2{
	width:65%;
	float:right;
	background-color:rgba(255,255,255,0.3);
	background-size:cover;
	min-height: 100%;
	text-align:center;
}

.container{
	width:80%;
	margin:0 auto;
}

.align{
	text-align:left;
	margin-left:100px;
}

nav{
	padding-left:100px;
	padding-top:250px;
	position:fixed;
}


nav li {
	width:200px;
	height:40px;
	list-style:none;
	background-color:;
}

nav li:hover {
	
	list-style:square;
}

nav li a{
	text-decoration:none;
	color:#575756;
	font-family: 'Amatic SC', cursive;
	font-size:2em;
	text-shadow:1px 1px 0px #000;
}

#sommeil li a{
	color:#81ba50;
}

#sommeil li a:hover{
	color:#fff;
}

nav li a:hover{
	color:#fff;
}

.active a{
	color:#343435;
}

.gris_fonce{
	color:#575756;
	
}

h1{
	text-transform:uppercase;
	font-family: 'Amatic SC', cursive;
	font-weight:normal;
	margin:100px;
	font-size:2em;
}

.gros_titre{
	font-size:2.5em;
}

.gros_title{
	font-size:2.5em;
	position:relative;
	top:-50px;
}

.social {
	position:fixed;
	bottom:60px;
	left:20px;

}

.social img{
	width:30px;
	height:30px;
	margin-bottom:10px;
	display:block;
	opacity:0.7;
}

.social img:hover{
	opacity:1;
}


/*page naturophatie*/

#naturophatie{
	background-image:url(../img/fond2.png);
	background-attachment:fixed;
	background-size:cover;
	background-repeat:no-repeat;
	font-family: 'Open Sans Condensed', sans-serif;
}

.bouton{
	margin:30px 50px;
	border:2px solid #c40da8;
	padding:5px;
	width:150px;
	background-color:#fff;
	float:right;
}

.bouton a{
	font-weight:bold;
	color: #c40da8;
	text-decoration:none;
}

.bouton:hover{
	margin:30px 50px;
	border:2px solid #909090;
	padding:5px;
	width:150px;
	background-color:#fff;
	float:right;
	cursor:pointer;
}

.bouton:hover a{
	font-weight:bold;
	color: #909090;
	text-decoration:none;
}

.white_menu li a{
	color:#fff;
}

.naturophatie img{
	height:150px;
	width:150px;
	margin:20px;
}

.naturophatie img:hover{
	opacity:0.8;
}

.naturophatie{
	display:inline-block;
}

.naturophatie a {
	color:#68493a;
	text-decoration:none;
}

.naturophatie h2 {
	position:relative;
	top:px;
}


#bien-etre{
	background-image:url(../img/coeur.jpg);
	background-attachment:fixed;
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center center;
	font-family: 'Open Sans Condensed', sans-serif;
}



/*page alimentation*/

#alimentation{
	background-image:url(../img/alim1.jpg);
	background-attachment:fixed;
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center center;
	font-family: 'Open Sans Condensed', sans-serif;
}

.alimentation_nav li a{
	color:#fff;
}

.alimentation img{
	height:150px;
	width:150px;
	margin:20px;
}

.alimentation img:hover{
	opacity:0.8;
}

.alimentation{
	display:inline-block;
}


.alimentation a {
	color:#68493a;
	text-decoration:none;
}

.alimentation h2 {
	position:relative;
	top:px;
}



cite{
	text-align:right;
	font-weight:bold;
}

.evenement a{
	text-shadow:2px 2px 1px #000;
}

/*page sommeil*/

#sommeil{
	background-image:url(../img/sommeil_bg.jpg);
	background-attachment:fixed;
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center center;
	font-family: 'Open Sans Condensed', sans-serif;
}

#sommeil .droite p{
	width:85%;
	margin:0 auto;
}


#sommeil .zone1, #sommeil .zone2{
	
	padding:20px;
	text-align:left;
	float:left;
	margin-bottom:40px;
}

#sommeil .droite .zone1 h2{
	margin-bottom:30px;
	font-family: 'Amatic SC', cursive;
	font-weight:normal;
	font-size:2em;
}

#sommeil .droite .zone2 h2{
	margin-bottom:30px;
	font-family: 'Amatic SC', cursive;
	font-weight:normal;
	font-size:2em;
}

#sommeil .zone1 img{
	margin:20px;
	float:left;
}

#sommeil .zone2 img{
	margin:20px;
	float:right;
}

/**/

.zone1, .zone2{
	
	padding:20px;
	text-align:left;
	float:left;
	margin-bottom:40px;
}

.droite .zone1 h2{
	margin-bottom:30px;
	font-family: 'Amatic SC', cursive;
	font-weight:normal;
	font-size:2em;
}

.droite .zone2 h2{
	margin-bottom:30px;
	font-family: 'Amatic SC', cursive;
	font-weight:normal;
	font-size:2em;
}

.zone1 img{
	margin:20px;
	float:left;
}

.zone2 img{
	margin:20px;
	float:right;
}


/*page maman-bebe*/

#maman-bebe{
	background-image:url(../img/nounours.jpeg);
	background-attachment:fixed;
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center center;
	font-family: 'Open Sans Condensed', sans-serif;
}


#maman-bebe .droite p{
	width:85%;
	margin:0 auto;
	
}


#maman-bebe .zone1, #maman-bebe .zone2{
	
	padding:20px;
	text-align:justify;
	float:left;
	margin-bottom:40px;
}

#maman-bebe .droite .zone1 h2{
	margin-bottom:30px;
	font-family: 'Amatic SC', cursive;
	font-weight:normal;
	font-size:2em;
}

#maman-bebe .droite .zone2 h2{
	margin-bottom:30px;
	font-family: 'Amatic SC', cursive;
	font-weight:normal;
	font-size:2em;
}

#maman-bebe .zone1 img{
	margin:20px;
	float:left;
}

#maman-bebe .zone2 img{
	margin:20px;
	float:right;
}


#fleur .droite p{
	width:85%;
	margin:0 auto;
	
}


#fleur .zone1, #fleur .zone2{
	
	padding:20px;
	text-align:left;
	float:left;
	margin-bottom:40px;
}

#fleur .droite .zone1 h2{
	margin-bottom:30px;
	font-family: 'Amatic SC', cursive;
	font-weight:normal;
	font-size:2em;
}

#fleur .droite .zone2 h2{
	margin-bottom:30px;
	font-family: 'Amatic SC', cursive;
	font-weight:normal;
	font-size:2em;
}

#fleur .zone1 img{
	margin:20px;
	float:left;
}

#fleur .zone2 img{
	margin:20px;
	float:right;
}







#massage{
	background-image:url(../img/massage1.jpg);
	background-attachment:fixed;
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center center;
	font-family: 'Open Sans Condensed', sans-serif;
}

#fleur{
	background-image:url(../img/fleur_bach.png);
	background-attachment:fixed;
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center center;
	font-family: 'Open Sans Condensed', sans-serif;
}

.liste{
	text-align:left;
	list-style-type:square;
	display:flex;
	flex-direction:column;
	justify-content:center;
}

#contact{
	background-image:url(../img/bg12.jpeg);
	background-attachment:fixed;
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center center;
	font-family: 'Open Sans Condensed', sans-serif;
}

.marge{
	margin:40px 60px;
	text-align:left;
}

#mentions{background-image:url(../img/bg13.jpeg);}

.copy{
	position:fixed;
	bottom:5px;
	left:50px;
	font-size:0.9em;
}

.copy a{
	text-decoration:none;
	color:black;
	
}


@media only screen and (max-width:1024px){
	
	nav{
	padding-left:0px;
	padding-top:0px;
	position:;
}

	.droite, .droite2{
	width:100%;
	background-color:rgba(255,255,255,0.7);
	background-size:cover;
	min-height: 100%;
	text-align:center;
}

nav li a{color:grey;}

.logo{
	width:211px;
	margin:0px auto;
}


}