<style type="text/css">

.reset {
	
}
/*-------------------------------------------------------------------------- Structure ---------------------------------------------------------------------------*/

/* ----------------- Header --------------*/
.drapeau {
width:30px;
height:20px;
position:absolute;
top:10px;
right:10px;
transition: all 0.5s ease; 
-webkit-transition: all 0.5s ease; 
-moz-transition: all 0.5s ease; 
-o-transition: all 0.5s ease; 
}

.drapeau_open {
height:60px;
}

.drapeau a {
background-repeat:no-repeat;
background-position:center center;
width:30px;
height:0px;
visibility:hidden;
clear:both;
height:0px;
transition: all 0.5s ease; 
-webkit-transition: all 0.5s ease; 
-moz-transition: all 0.5s ease; 
-o-transition: all 0.5s ease;
}

.drapeau a.select, .drapeau a.affiche {
display:block;
height:20px;
visibility:visible;
}



.drapeau a:hover {
opacity:0.7;
}


.drapeau a.fr {
background-image:url(../images/interface/lang_fr.png);
}
.drapeau a.en {
background-image:url(../images/interface/lang_en.png);
}
.drapeau a.es {
background-image:url(../images/interface/lang_es.png);
}

.remonter {
position:fixed;
bottom:50px;
right:50px;
width:50px;
height:50px;
background-color:#486e85;
z-index:999999999;
background-image:url(../images/interface/fleche.png);
background-position:center center;
background-repeat:no-repeat;
background-size:70%;
visibility:visible;
opacity:0.5;
-webkit-transition: all 0.9s ease; 
-moz-transition: all 0.9s ease; 
-o-transition: all 0.9s ease; 
border-radius:5px;
}

.remonter:hover {
background-color:#92c6d4;
}

.invisible_scroll {
right:-100px;
visibility:hidden;
}

.facebook {
padding-top:2%;
float:right;
}

.logo {
	display:table;
	margin:10px auto 10px auto;
	position:relative;
	width:auto;
	background: url(../images/interface/papillion.png) no-repeat right top 14px ;
	color:#cdb283;
	 padding: 20px 30px 20px 30px;
	 font-size:2.5rem;
	 text-decoration:none;
	 font-family:'typo3', arial;
}

.logo span  {
	 font-size:2.5rem;
	font-family:'typo1', arial;
}

.logo:hover {
	opacity:0.7;
}


header, .contenu, footer  {
width:100%;
clear:both;
padding:0 20px;
}

header  {
background:#486e85;
}

header section  {
height:auto;
background:#486e85;
padding:20px;
}


/*-------------------------- Navigation de base --------------------------*/
nav {
height:40px;
width:auto;
position:relative;
clear:both;
background-color:#92c6d4;
}

nav ul {
width:100%;
margin:auto;
text-align:center;
}


nav span {
float:left;
color:#486e85;
margin:0 20px;
height:40px;
line-height:40px;
}

nav li {
list-style:none;
text-align:center;
text-decoration:none;
color:#FFFFFF;
background:#92c6d4;
position:relative;
display:inline-block;

}

nav li a {
text-decoration:none;
color:#FFFFFF;
display:block;
line-height:40px;
padding:0 15px;
font-size:1.2em;
}

nav li a:hover, .nav_select {
border-top:2px solid #FFFFFF;
border-bottom:2px solid #FFFFFF;
height:40px;
line-height:36px;
}

.bt_nav {
display:none;
}


#sub_nav1 {
left:0px;
width:120px;
}

#sub_nav2 {
left:-20px;
width:300px;
}

.subnav {
    visibility:hidden;
	opacity:0;
    width: auto;
    height: auto;
    position: absolute;
    top: 40px;
	-webkit-transition: all 0.4s ease; 
	-moz-transition: all 0.4s ease; 
	-o-transition: all 0.4s ease; 
	height:0px;
	z-index:1000000;
	overflow:hidden;
}
nav ul li:hover .subnav {
    visibility:visible;
	opacity:1;
	height:auto;
}

.subnav li {
width:100%;
margin:0;
background:#FFFFFF;
}

ul.subnav li a {
font-size:1rem;
color:#486e85;
}

ul.subnav li a:hover {
background:#92c6d4;
border:none;
}

.facebook {

}


/*-------------------------- Navigation coté --------------------------*/
.rubrique {
height:100%;
}

.alpha_sous_menu {
width:100%;
height:100%;
background:#FFFFFF;
opacity:0;
z-index:100;
position:fixed;
visibility:hidden;
-webkit-transition: all 0.5s ease; 
-moz-transition: all 0.5s ease; 
-o-transition: all 0.5s ease; 
transition: all 0.5s ease; 
}

.alpha_sous_menu_visible {
visibility:visible;
opacity:0.7;
}

.rubrique img.logo_menu {
display:block;
margin:10px auto 30px auto;
}

.rubrique h2 {
color:#486e85;
margin:0;
font-size:1.2rem;
color:#333;
text-indent:15px;
text-transform:uppercase;
}

.sous_menu {
width:300px;
height:100%;
z-index:99999;
position:fixed;
background:#ebe6e0;
opacity:0;
visibility:hidden;
left:-300px;
-webkit-transition: all 0.5s ease; 
-moz-transition: all 0.5s ease; 
-o-transition: all 0.5s ease; 
transition: all 0.5s ease; 
}

.sous_menu_visible {
visibility:visible;
opacity:1;
left:0;
}

.sous_menu .rubrique_invisible {
visibility:hidden;
opacity:0;
height:0;
}


.sous_menu .scrolling {
width:100%;
position:relative;
height:95%;
overflow:auto;
}

.sous_menu .scrolling li a {
text-decoration:none;
font-size:1rem;
color:#333;
padding:5px 0;
text-indent:15px;
width:100%;
display:block;
}

.sous_menu .scrolling li {
margin-top:30px;
background:none;
}

.sous_menu .scrolling li.sous_nav {
margin-top:0;
background:none;
margin-top: 8px;
    list-style-image: url(../images/interface/puce.png);
    list-style-position: inside;
}

.sous_menu .scrolling li a:hover, .sous_menu .scrolling li.sous_nav a:hover {
color:#486e85;
text-decoration:underline;
}


.sous_menu .scrolling li.sous_nav a {
color:#333;
text-indent:30px;
}

.sous_navigation li a {
text-decoration:none;
font-size:1.1rem;
color:#333;
padding:0;
text-indent:0;
width:100%;
display:block;
}

.sous_navigation li {
margin-top:20px;
background:none;
}

.sous_navigation li.sous_nav {
background:none;
    margin-top: 8px;
    list-style-image: url(../images/interface/puce.png);
    list-style-position: inside;
}

.sous_navigation li a:hover, .sous_navigation li.sous_nav a:hover {
color:#486e85;
text-decoration:underline;
}


.sous_navigation li.sous_nav a {

}


.sous_navigation li a.class_select {
color:#486e85;
}




/* ----------------- Footer --------------*/
footer  {
background:#486e85;
}

footer section .logo, footer section .logo span {
font-size:1.2rem;
}

footer section .logo {
margin:0 auto;
padding-bottom:10px;
background-size: 8%;
padding: 20px 25px 2px 20px;
}

footer section p {
color:#cdb283;
font-family:'typo2', arial;
}

footer section p a {
color:#cdb283;
font-family:'typo1', arial;
text-decoration:none;
}

footer section p a:hover {
text-decoration:underline;
}


footer section  {
text-align:center;
}

footer section li {
display:inline-block;
color:#cdb283;
font-size:0.9rem;
padding:0 7px;
margin-bottom:20px;
}

footer section li a {
color:#cdb283;
text-align:center;
text-decoration:none;
font-size:0.9rem;
}

footer section li a:hover {
text-decoration:underline;
}

footer section ul span {
color:#cdb283;
}

footer section li a span {
font-size:0.9rem;
}




/* ----------------- Contenu --------------*/
.contenu  {
background:#FFFFFF;
}

section {
max-width:1180px;
min-width:100px;
display:block;
margin:auto;
position:relative;
}

.contenu section {
background:#FFFFFF;
min-height:200px;
}

.colonne1, .colonne2, .colonne3, .colonne4, .colonne5, .colonne6 {
overflow: hidden;
padding:0 20px;
}

.colonne1 .bloc, .colonne2 .bloc, .colonne3 .bloc, .colonne4 .bloc, .colonne5 .bloc, .colonne6 .bloc {
margin-bottom:30px;
overflow: hidden;
}


.colonne1 .bloc {
width:calc(100% - 30px);
}

.colonne2 .bloc {
width:calc(50% - 30px);
}

.colonne3 .bloc {
width:calc(33% - 30px);
}

.colonne3 .bloc:last-child {
width:calc(34% - 30px);
}

.colonne4 .bloc {
width:calc(25% - 30px);
}

.colonne5 .bloc {
width:calc(20% - 30px);
}

.colonne6 .bloc {
width:calc(17% - 30px);
}

.colonne6 .bloc:last-child {
width:calc(15% - 30px);
}

.bloc h2, h2 {
font-size:1.8em;
margin: 17px 0 6px 0;
color:#486e85;
font-family:'typo1', arial;
font-weight:normal;
}

.bloc h3, h3 {
font-size:1.4em;
margin: 14px 0 3px 0;
color:#cdb283;
text-transform:uppercase;
font-family:'typo3', arial;
}

.bloc h4, h4 {
font-size:1em;
margin: 12px 0 1px 0;
}

.bloc {
padding:20px;
margin:0 0 30px 0;
background:none;
float:left;
display:block;
margin:0 15px;
min-height:50px;
}

.bloc_image {
width:calc(100% - 30px);
background-position:center center;
background-repeat:no-repeat;
background-size:contain;
}




/*-------------------------- Element Spécifique --------------------------*/


/*-------------------------- BLOC SLIDE ACTU --------------------------*/
.colonne2 .bloc_article {
background:#ebe6e0;
position:relative;
z-index:99999;
width:300px;
height:500px;
}


.bloc_article a.bt_actu {
width:50px;
height:50px;
line-height:50px;
color:#FFFFFF;
background-color:#486e85;
text-align:center;
position:absolute;
bottom:20px;
left:230px;
text-decoration:none;
font-size:2.2rem;
}
.bloc_article .bt_actu:hover {
background-color:#92c6d4;
}



.bloc_article a.fleche_actu {
width:40px;
height:30px;
line-height:30px;
color:#FFFFFF;
background-color:#486e85;
text-align:center;
text-decoration:none;
font-size:1.7rem;
margin-right:5px;
position:absolute;
left:70px;
bottom:20px;
}

.bloc_article a.fleche_actu_gauche {
left:20px;
}


.bloc_article a.fleche_actu:hover {
background-color:#92c6d4;
}


.bloc_slide  {
overflow:hidden;
padding:0;
}


.bloc_slide ul {
height:450px;
position:relative;
}

.bloc_slide ul li {
float:left;
padding:20px;
height:500px;
position:relative;
}

.bloc_article .bloc_image {
height:200px;
width:calc(100% - 30px);
}


.bloc_article h2 {
color:#486e85;
text-transform:uppercase;
margin:0 0 20px 0;
font-weight:bold;
font-size:1.3rem;
}

.bloc_article p {
color:#92c6d4;
text-align:justify;
}

/*-------------------------- FIN BLOC SLIDE ACTU --------------------------*/

/*-------------------------- Bloc SLIDE HOME --------------------------*/
.slide_home {
background-color:#ebe6e0;
height:650px;
background-image:url(../images/interface/bg_slide.jpg);
background-position:center center;
background-repeat:no-repeat;
background-size: cover;
position:relative;
}

.slide_home section {
background-color:none;
min-height:100px;
}

.slide_home .colonne1 {
padding:0;
}

.slide_home .colonne1 .bloc_slide  {
margin:0;
width:100%;
}

.slide_home .colonne1 .bloc_slide ul  {
height:650px;
}

.slide_home .colonne1 .bloc_slide ul li  {
height:650px;
}



.slide_home .bloc_slide ul li h2 {
	color:#486e85;
    padding: 20px 0;
    font-size: 2.7rem;
    text-align: center;
    font-family: 'typo3', arial;
    font-weight: normal;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.slide_home .colonne1 p {
color:#FFFFFF;
}


.slide_home a.fleche_slide { 
font-size:7rem;
color:#cdb283;
position:absolute;
top:0%;
text-decoration:none;
font-family: 'typo3', arial;
font-weight: normal;
height:650px;
line-height:650px;
padding:0 10px;
}

.slide_home a.fleche_slide_droite { 
right:0;
}

.slide_home a.fleche_slide:hover { 
background-color:#FFFFFF;
opacity:0.7;
color:#000;
}


/*-------------------------- Bloc Home 1 --------------------------*/
.contenu_home_1 {
background-color:#ebe6e0;
}

.contenu_home_1 section {
background-color:#ebe6e0;
}

.contenu_home_1 .colonne2 {
background-color:#ebe6e0;
padding:40px 20px 0 20px;
}

.contenu_home_1 .colonne2 .bloc {
border-right:1px solid #cdb283;
}

.contenu_home_1 .colonne2 .bloc_image {
background-position:bottom right;
background-size:inherit;
border:none;
padding-top:0;
}

.contenu_home_1 .colonne2 h2 {
font-size:2.5rem;
text-align:right;
padding:100px 40px 100px 20px;
font-family:'typo3';
}

.contenu_home_1 .colonne2 h3, .contenu_home_1 .colonne2 h3 span {
font-size:4.3rem;
text-align:left;
font-weight:normal;
margin:0;
line-height:60px;
width:50%;
}

.contenu_home_1 .colonne2 p {

}




/*-------------------------- Bloc Home 2 --------------------------*/
.contenu_home_2 {

}

.contenu_home_2 .colonne2 .bloc {
width:calc(65% - 30px);
padding-top:80px;
}

.contenu_home_2 .colonne2 .bloc_image {
background-position:center bottom;
background-size:contain;
padding:0;
margin:70px 0 0 0;
min-height:403px;
margin-right:0;
width:35%;
}



.contenu_home_2 .colonne2 .bloc p, .contenu_home_2 .colonne2 .bloc p u, .contenu_home_2 .colonne2 .bloc p a {
font-size:1.4rem;
font-family:'typo4', arial;
color:#486e85;
line-height:inherit;
text-align:justify;
}

.contenu_home_2 .colonne2 .bloc p a {
text-decoration:none;
}


.contenu_home_2 .colonne2 .bloc p span {
font-family:'typo2', arial;
font-size:1.4rem;
}


/*-------------------------- Bloc Home 3 --------------------------*/
.contenu_home_3  {
background-color:#cdb283;
}

.contenu_home_3 section  {
background-color:#cdb283;
min-height:50px;
}

.contenu_home_3 .colonne1 .bloc h2, .contenu_home_3 .colonne1 .bloc h3, .contenu_home_3 .colonne1 .bloc h3 a {
text-align:center;
font-family:'typo3';
color:#FFFFFF;
text-transform:uppercase;
font-size:3rem;
margin-bottom:0px;
padding-bottom:0;
padding-top:20px;
}

.sophrologie .colonne1 .bloc {
margin-bottom:10px;
}

.contenu_home_3 .colonne1 .bloc h3, .contenu_home_3 .colonne1 .bloc h3 a {
text-transform:inherit;
font-size:2rem;
text-decoration:none;
font-family:'typo4';
padding-top:0px;
margin-top:0px;
margin-bottom:30px;
}

.contenu_home_3 .colonne1 .bloc h3 a:hover {
text-decoration:underline;
}



/*-------------------------- Sophrologie --------------------------*/
.sophro1 .colonne2 .bloc {
width: calc(70%);
margin-left:15%;
padding-top:330px;
}

.sophro1 .colonne2 .bloc h3, .sophro1 .colonne2 .bloc h3 span {
font-size:4.5rem;
text-align:center;
font-family:'typo3', arial;
font-weight:normal;
margin:0 0 60px 0;
line-height:60px;
}

.sophro1 .colonne2 .bloc_petit h3, .sophro1 .colonne2 .bloc_petit h3 span {
line-height:50px;
font-size:3.5rem;
margin:0 0 50px 0;
}


.sophro1 .colonne2 .bloc h3 span {
font-family:'typo1', arial;
}

.sophrologie, .sophrologie section {
background-color:#92c6d4;
}

.papillion {
position:absolute;
top:90px;
right:4%;
}


.papillion2 {
top:70px;
left:47%;
}

.papillion3 {
top:40px;
left:30%;
}

.papillion4 {
top:35px;
left:43%;
}

.papillion5 {
top:65px;
left:43%;
}

.papillion6 {
top:80px;
left:22%;
}

.papillion7 {
top:28px;
left:49%;
}







.rubrique_footer {
padding-top:40px;
}

.rubrique_footer .colonne3 .bloc {
margin:0;
width:33.3333%;
}
.rubrique_footer .colonne3 .border {
border-right:1px solid #cdb283;
}

.rubrique_footer .colonne3 .bloc h3, .rubrique_footer .colonne3 .bloc h3 span {
font-size:2.1rem;
text-align:center;
font-family:'typo3', arial;
font-weight:normal;
line-height:35px;
cursor:pointer;
}

 .rubrique_footer .colonne3 .bloc h3 span {
font-family:'typo1', arial;
 }
 
.rubrique_footer .colonne3 .bloc h3:hover { 
 font-family:'typo1', arial;
}

.enfant {
display:block;
margin:auto;
}

.montre {
display:block;
margin:0 auto 30px auto;
}

.fleche {
display:block;
margin:0 auto 30px auto;
}

.seance .colonne2 .bloc p {
text-align:center;
margin-bottom:30px;
}


.seance_rubrique .bloc {
background-color:#cdb283;
min-height:130px;
padding:30px 10px;
}

.seance_rubrique .bloc p {
color:#FFFFFF;
text-align:center;
font-size:1.2rem;
}

a.mutuelle {
padding:20px;
background-color:#ebe6e0;
text-decoration:none;
text-align:center;
width:auto;
display:table;
color:#486e85;
font-size:1.4rem;
margin:0 auto 50px auto;
}
a.mutuelle:hover {
color:#cdb283;
}

.contenu_home_2 .colonne2 .bloc p.contact2 {
text-align:center;
font-size:1.6rem;
}
.contenu_home_2 .colonne2 .bloc p.contact1 {
text-align:center;
font-size:1.3rem;
margin-bottom:20px;
}

#map {
width:100%;
height:500px;
}

.contenu_home_2 .colonne2 .bloc p.temoignage {
font-style:italic;
font-size:1.2rem;
}

.ligne-papillon {
display:block;
margin:50px auto;
}


</style>