#contenu-services{ 
width: 100%;
height: auto;
border: solid 1px transparent;
margin: 20px auto 30px; 
text-align:center;

} 



#contenu-services .bloc{ 

width: 500px; 
height: auto; 
margin: 0px 80px;
vertical-align:middle; /* On aligne les éléments au milieu */
display:inline-block;/* On le remplace au float:left; */ 
border: 1px solid transparent; 
overflow: hidden; 
position: relative;

text-align:left;/* On réinitialise les élements centré a gauche */	
			
}



#contenu-services h1  {
font-weight: 200;
font-size:3em;
text-align: center;
margin: 100px 0px 0px 0px;
color: #01DFD7; 
}


#contenu-services .bloc h2 {
margin: 20px 0px 20px 0px;
font-size:1.9em;
text-align: center;
color: #01DFD7;
font-weight: 200;
}


#contenu-services .bloc #photo {
margin: 0px auto 0px;
width: 500px; 
height: 333px;
}


#contenu-services .bloc p {
margin: 5px 0px 5px 0px;
font-size:1.1em;
color: #a4a4a4; 
}



#contenu-services .bouton{
height: auto; 
margin: 30px 0px 100px 0px;
vertical-align:middle; /* On aligne les éléments au milieu */
display:inline-block;/* On le remplace au float:left; */ 
border: solid 2px #01DFD7; 
overflow: hidden; 
position: relative;
border-radius: 5px;
}


#contenu-services .bouton a{
font-size: 1.5em;
font-weight: bold;
padding: 15px 15px;
text-decoration: none;
color:#01DFD7;
}


#contenu-services .bouton a:hover{
color:#FFFFFF;
background-color:#01DFD7;
}




#contenu-services a{

color:#01DFD7;
text-decoration: none;
}


#contenu-services a:hover{
font-weight:bold;
}










#bloc-soin {
border: 1px solid transparent;
width: 100%; 
height: 80px;
}

#bloc-epilation {
border: 1px solid transparent;
width: 100%; 
height: 80px;
}

#bloc-manucure {
border: 1px solid transparent;
width: 100%; 
height: 80px;
}


#bloc-electrolyse {
border: 1px solid transparent;
width: 100%; 
height: 80px;
}

#bloc-maquillage {
border: 1px solid transparent;
width: 100%; 
height: 80px;
}

#bloc-massotherapie {
border: 1px solid transparent;
width: 100%; 
height: 80px;
}


#bloc-injection {
border: 1px solid transparent;
width: 100%; 
height: 80px;
}


#bloc-location {
border: 1px solid transparent;
width: 100%; 
height: 80px;
}





#contenu-text-services  {
margin: 10px 0px;
width: 500px; 
height: auto;
}

#text-services  {
float:left;
margin: 0px 0px;
width: 325px; 
height: auto;
border: 1px solid transparent; 
}





#text-services a{

color:#01DFD7;
text-decoration: none;
}


#text-services a:hover{
font-weight:bold;
}


#text-services .note-services{
font-size:0.8em;
color: #a4a4a4; 
margin: -4px 0px 0px 0px;
}


#text-prix  .espace{
height: 15px;
}


#text-prix  {
float:right;
text-align:right;
margin: 0px 0px 0px 0px;
width: 175px; 
height: auto;
border: 1px solid transparent; 
}




@media all and (min-width: 599px) {


	#contenu-services-mobile{ 
display:none;

} 

}



@media all and (max-width: 780px) {



#contenu-services h1  {
font-weight: 200;
font-size:2em;
text-align: center;
margin: 100px 0px 0px 0px;
color: #01DFD7; 
}

	
	}

	
	
	
	
	

#info-services {
text-align:center;
margin: 30px auto 30px;
width: 80%; 
height: auto;
border: 1px solid transparent; 

}


#info-services  p {
margin: 5px 0px 5px 0px;
font-size:1em;
color: #a4a4a4; 
font-style:italic;
}



@media all and (max-width: 600px) {



	#contenu-services{ 
display:none;

} 


#contenu-services-mobile{ 
width: 95%;
height: auto;
border: solid 1px transparent;
margin: 20px auto 30px; 
text-align:center;
} 


#contenu-services-mobile h1  {
font-weight: 200;
font-size:2em;
text-align: center;
margin: 40px 0px 0px 0px;
color: #01DFD7; 
}




#contenu-services-mobile .bloc{ 
width: 300px; 
height: auto; 
margin: 0px 0px;
vertical-align:middle; /* On aligne les éléments au milieu */
display:inline-block;/* On le remplace au float:left; */ 
border: 1px solid transparent; 
overflow: hidden; 
position: relative;
text-align:left;/* On réinitialise les élements centré a gauche */			
}




#contenu-services-mobile .bloc h2 {
margin: 20px 0px 20px 0px;
font-size:1.9em;
text-align: center;
color: #01DFD7;
font-weight: 200;
}


#contenu-services-mobile .bloc #photo {
margin: 0px auto 0px;
width: 300px; 
height: 200px;
}


#contenu-services-mobile .bloc p {
margin: 5px 0px 5px 0px;
font-size:1em;
color: #a4a4a4; 
}


#contenu-services-mobile #text-mobile  {
margin: 10px auto 10px;
width: 300px; 
height: auto;
text-align:center;
}


#text-mobile .note-services{
font-size:0.8em;
color: #a4a4a4; 
margin: -4px 0px 0px 0px;
}

#text-mobile a{
color:#01DFD7;
text-decoration: none;
}


#text-mobile a:hover{
font-weight:bold;
}


#info-services  p {
margin: 5px 0px 5px 0px;
font-size:0.9em;
color: #a4a4a4; 
font-style:italic;
}



#contenu-services-mobile .bouton{
height: auto; 
margin: 30px 0px 40px 0px;
vertical-align:middle; /* On aligne les éléments au milieu */
display:inline-block;/* On le remplace au float:left; */ 
border: solid 2px #01DFD7; 
overflow: hidden; 
position: relative;
border-radius: 5px;
}


#contenu-services-mobile .bouton a{
font-size: 1em;
font-weight: bold;
padding: 15px 15px;
text-decoration: none;
color:#01DFD7;
}


#contenu-services-mobile .bouton a:hover{
color:#FFFFFF;
background-color:#01DFD7;
}






	
	}