
<style type="text/css">

/*-------------------------------------------------------------------------- Defaut ---------------------------------------------------------------------------*/
.reset {
	
}


/* ----------------- Version Reponsive --------------*/
@media (max-width: 1250px) {
nav li a, footer section li a, nav span, footer section ul span {
font-size:1rem;
}
.planning .jour h2 {
margin-bottom:0;
}
}

@media (max-width: 1200px) {
	
.contact .colonne1 .formulaire {
    width: 45%;
}
}


@media (max-width: 1000px) {
nav li a, footer section li a, nav span, footer section ul span {
font-size:0.8rem;
}

@media (max-width: 1000px) {
    .bloc_transparent {
        display: none;
    }
}

.sous_menu {
width:100%;
}	
		
.colonne1 .colonne_gauche, .colonne1 .colonne_droite, .colonne1 .colonne_contenu {
width:100%;
margin:0 0 20px 0;
}

.colonne_contenu .bloc_album_photo {
padding:0;
}

.colonne_contenu a.album_photo {
height:120px;
}

.colonne4 .bloc, .colonne6 .bloc, .colonne6 .bloc:last-child {
width:calc(50% - 30px);
}
.bloc_home4 .bloc {
min-height:350px;
}


.colonne3 .bloc, .albumphoto .bloc_album {
width:calc(50% - 30px)
}

.page_article .partage {
position:relative;
    position: relative;
    width: 100%;
    top: inherit;
    height: auto;
    padding: 20px;
}

.centre1 .bloc {
height:250px;
}
.centre2 .colonne4 .bloc {
height:100px;
width: calc(25% - 30px);
}


.yoga .bloc, img.yoga_img {
width:100%;
}

	
.contact .colonne1 .formulaire {
    width: 55%;
}


}

@media (max-width: 800px) {
	
.activite .colonne4 .bloc {
    height: 275px!important;
}

.contenu_home .bloc:nth-of-type(1), .contenu_home .bloc:nth-of-type(2) {	
width:calc(100% - 30px);
}


	
.colonne_contenu .taille_petit {
width:100%;
}

.subnav, #sub_nav1, #sub_nav2, #sub_nav3, #sub_nav4, #sub_nav5 {
position:relative;
width:100%;
display:block;
opacity:1;
left:0;
top:0;
visibility:visible;
height:auto;
}
	
	
.colonne1 .bloc_visuel img {
max-width:400px;	
}
	
header, .contenu, footer {
padding:0;
}
	
header, header section  {
background:none;
height:auto;
padding:20px;
margin:0;
}

header section {
padding:0px;
}

.colonne_contenu a.album_photo {
height:180px;
width:calc(50% - 20px);
}

header {
background-color:#FFFFFF;
}

.contenu_home .bloc:nth-of-type(1) img {
margin-top:50px;
}

.bt_nav {
	right:20px;
	top:20px;
	display:block;
	position:absolute;
	z-index:9999;
	background-color:#e83f2f;
	color:#FFFFFF;
	font-family:'icone';
	font-size:3rem;
	padding:5px;
	text-decoration:none;
}
.bt_nav:hover {
	background-color:#00a193;
}

.logo {
position:relative;
margin:10px auto;
left:0;
top:0;
height:100px;
width:100px;
margin:0;
}
	




.bloc_home_4 .bloc, .bloc_home_1 {
min-height:10px;
}

.drapeau {
right:80px;
top:0;
}

	
nav span, .menu_couleur, footer, .colonne1 .colonne_gauche, .colonne1 .colonne_droite { 
display:none;
}
	

nav {
height:100%;
width:100%;
position:fixed;
left:-100%;
top:0;
background:#00a193;
z-index:9000000;
opacity:0;
-webkit-transition: all 0.3s ease; 
-moz-transition: all 0.3s ease; 
-o-transition: all 0.3s ease; 
transition: all 0.3s ease; 
margin:0;
}



nav li {
float:left;
list-style:none;
text-align:left;
text-decoration:none;
background:#00a193;
width:100%;
margin:0;
}

nav li a {
text-decoration:none;
text-transform:uppercase;
color:#FFFFFF;
display:block;
line-height:20px;
padding:10px;
font-size:1.3em;
text-indent:20px;
font-family:'typo2', arial;
}

nav li a:hover {
background:#e83f2f;
}

.effet_nav {
opacity:1;
left:0;
-webkit-transition: all 0.3s ease; 
-moz-transition: all 0.3s ease; 
-o-transition: all 0.3s ease; 
transition: all 0.3s ease; 
}

.colonne1, .colonne2, .colonne3, .colonne4, .colonne5, .colonne6 {
padding:0;
}

.article section .colonne3 .bloc,
.colonne2 .bloc, 
.colonne3 .bloc, 
.colonne3 .bloc:last-child, 
.colonne4 .bloc, 
.colonne5 .bloc, 
.colonne6 .bloc, 
.colonne6 .bloc:last-child {
width:calc(100% - 30px);
height:auto;
}

.bloc_image {
min-height:200px;
}

.bloc {
float:none;
}



.carte_interactive .point .bloc_interne {
width:150px;
}

.shop_header a.bt_inscription, .shop_header #bt_panier {
display:none;
}

.colonne_contenu .taille_petit .bloc_album_photo .bloc_visuel_structure img {
    max-width: 650px;
    max-height: 450px;
}

.bande {
width:100%;
float:inherit;
}


.article section .colonne3 .bloc_image {
max-height: 200px;
background-size:contain;
}


.centre1 .bloc {
height:500px;
}

.centre2 .colonne2 {
display:none;
}

.centre2 .colonne4 {
padding:20px;
}

.centre2 .colonne4 .bloc {
height:300px;
width:calc(100% - 30px);
}


h2 {
font-size:1.2rem;
}
h3 {
font-size:1rem;
}

.planning {
padding:20px;
}



.planning .jour h2 {
font-size:0.7rem;
height:70px;
margin-bottom:0;
}

.planning .jour h3 {
font-size:0.9rem;
}


.prix .colonne1 .bloc {
margin:0;
width:100%;
}


.contact .colonne1 .formulaire {
    width: 70%;
}


.soins .bloc {
	width:80%;
}
.planning .jour {
width:100%;
float:inherit;
clear:both;
margin-bottom:30px;
display:block;
border:none;
}

.planning .jour h2.jour_vide {
height:0;
padding:0;
}

.planning .jour h2 {
font-size:1.1rem;
height:auto;
padding:20px;
line-height:20px;
}

.planning .jour h3 {
font-size:1.5rem;
}

article.feldenkrais .feldenkrais_img {
display:block;
float:none;
margin:auto;
}

article.feldenkrais {
height: auto;
margin:auto;
}

.logo_facebook {
right:90px;
top:20px;
}


}


@media (max-width: 600px) {
.bt_suite {	
padding:30px;	
}

h2 {
padding: 0 10px;
}

.albumphoto .bloc_album {
width:calc(100% - 30px);
}	
	
.colonne_contenu .taille_ a.album_photo {	
    width: calc(50% - 20px);
}

.colonne_contenu .taille_petit a.album_photo {
	height:140px;
}

.colonne1 .bloc_visuel img {
max-width:300px;	
}

.colonne_contenu .taille_ .bloc_album_photo .bloc_visuel_structure img,
.colonne_contenu .taille_petit .bloc_album_photo .bloc_visuel_structure img
 {
    max-width: inherit;
    max-height: inherit;
    width: 100%;
}

.centre1 .bloc {
height:350px;
}



.contact .colonne1 .formulaire {
    width: 100%;
}



}

@media (max-width: 400px) {
.colonne1 .bloc_visuel img {
max-width:200px;	
}

.centre2 .colonne4 .bloc {
height:150px;
width:calc(100% - 30px);
}

.contact .bloc_form select, .contact .bloc_form input, .contact .bloc_form textarea {
	font-size:1.1rem;
}

.soins .bloc {
	width:90%;
}

}

</style>