@import url('https://fonts.googleapis.com/css?family=Baloo+2:400,500,600,700,800&display=swap');

body
{   
  margin:0;
  background:#eeeeee;
}

header
{ 
  width:100%;  
  background:#a175aa;
  height:90px;
}

header article
{ 
  width:80%;
  margin:auto;
  padding-top:5px;
}

.description_top
{ 
  font-family: 'Baloo 2', cursive;
  font-size:14px;
  color:#eeeeee;
}

#header
{ 
  width:100%;
  float:left;
  background:#ffffff;
  margin-top:20px;
  padding:10px 0px 10px 0px;
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  border-radius:3px;
}

.logo
{ 
  float:left;
  margin-left:10px;
}

#header ul
{ 
  float:right;
  margin:0;
}

header p
{ 
  font-weight:500;
  font-family: 'Baloo 2', cursive;
  font-size:13px;
  color:#6C3483;
  margin:0;
  padding:0;
}

.adresse_top
{ 
  display:inline-block;
  font-family: 'Baloo 2', cursive;
  font-size:13px;
  color:#323232;
  list-style:none;
  min-height:42px;
  background-image:url(../img/home.png);
  background-repeat:no-repeat;
  background-position:left center;
  padding-left:52px;
  padding-right:20px;
}

.mail_top
{ 
  display:inline-block;
  font-family: 'Baloo 2', cursive;
  font-size:13px;
  color:#323232;
  list-style:none;
  min-height:42px;
  background-image:url(../img/mail.png);
  background-repeat:no-repeat;
  background-position:left center;
  padding-left:52px;
  border-right:1px solid #dddddd;
  padding-right:20px;
}

.tel_top
{ 
  display:inline-block;
  float:right;
  padding:7px;
  margin-left:30px;
  padding-left:26px;
  margin-right:10px;
  background-color:#E74C3C;
  font-family: 'Baloo 2', cursive;
  font-size:15px;
  letter-spacing:1px;
  color:#ffffff;
  list-style:none;
  -moz-border-radius:7px;
  -webkit-border-radius:7px;
  border-radius:7px;
  cursor:pointer;
  background-image:url(../img/phone.png);
  background-repeat:no-repeat;
  background-position:left center;
}

.tel_top:hover
{ 
  background:#CB4335;
  background-image:url(../img/phone.png);
  background-repeat:no-repeat;
  background-position:left center;
}

#corps
{ 
  width:80%;  
  margin:auto;
  margin-top:50px;

}

#content_left
{ 
  width:25%; 
  float:left;
  margin:0;
}

#content_right
{ 
  width:73%;
  float:right;
  margin:0;
}

#menu
{ 
  width:100%; 
  float:left;
  margin:0;
  background-color:#ffffff;
  padding-top:10px;
  padding-bottom:10px;
}

#menu h1
{ 
  width:90%;
  margin:auto;
  font-family: 'Baloo 2', cursive;
  font-weight:400;
  font-size:16px;
  color:#acacac;
  border:1px solid #dddddd;
  margin-bottom:10px;
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  border-radius:3px;
  padding-left:10px;
}

#menu_haut
{ 
  width:90%;
  margin:auto;
  padding:0;
  font-family: 'Baloo 2', cursive;
  font-weight:500;
  font-size:15px;
  text-transform: uppercase;
  color:#acacac;
}

#menu_haut li
{ 
  width:98%;
  list-style: none;
  margin:0;
  padding:5px;
  background-image:url(../img/arrow.png);
  background-repeat:no-repeat;
  background-position:right center;
}

#menu_haut li a
{ 
  color:#323232;
  text-decoration:none;
}

#menu_haut li:hover
{ 
  color:#323232;
  text-decoration:none;
  background-color:#f5f5f5;
}

.show-menu
{
    width:90%;
    margin:auto;
    padding:0;
    cursor:pointer;
    text-decoration:none;
    background-image:url(../img/deroulant.png);
    background-repeat:no-repeat;
    background-position:right center;
    display:none;
    font-family: 'Baloo 2', cursive;
    font-weight:500;
    font-size:14px;
    color:#323232;
    text-transform:uppercase;
    padding:10px;
}

input[type=checkbox]{
    display: none;
}

input[type=checkbox]:checked ~ #menu_haut{
    display: block;
}


#facebook
{ 
  width:100%; 
  float:left;
  margin:0;
  background-color:#ffffff;
  padding-top:10px;
  margin-top:20px;
  margin-bottom:20px;
}

#facebook h1
{ 
  width:30%;
  margin:0;
  font-family: 'Baloo 2', cursive;
  font-weight:400;
  font-size:16px;
  color:#ffffff;
  background-color:#3b5998;
  margin-bottom:10px;
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  border-radius:3px;
  margin-left:5px;
  text-align:center;
}

#meditation_menu
{ 
  width:100%;
  min-height:150px;
  background-color:#ffffff;
  float:left;
  margin:0;
  background-image:url(../img/meditation.png);
  background-repeat:no-repeat;
}

#meditation_menu2
{ 
  display:none;
}

#meditation_menu h2
{ 
  width:45%;
  margin-left:10px;
  font-family: 'Baloo 2', cursive;
  font-weight:400;
  font-size:12px;
  color:#ffffff;
  text-align:center;
  padding:5px;
  background-color:#a175aa;
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  border-radius:3px;
}

#meditation_menu h1
{ 
  margin:0;
  font-family: 'Baloo 2', cursive;
  font-weight:500;
  font-size:16px;
  color:#323232;
  margin-top:110px;
  padding:10px;
}

#meditation_menu p
{ 
  margin:0;
  font-family: 'Baloo 2', cursive;
  font-weight:400;
  font-size:14px;
  color:#323232;
  padding:10px;
}

#meditation_menu li
{ 
  width:100%;
  text-align:right;
  list-style:none;
}

#meditation_menu li a
{ 
  font-family: 'Baloo 2', cursive;
  font-weight:400;
  font-size:12px;
  color:#323232;
  padding:5px;
}

#newsletter
{ 
  width:100%;
  background-color:#ffffff;
  float:left;
  margin:0;
  margin-top:20px;
}

#newsletter h1
{ 
  width:90%;
  margin:auto;
  font-family: 'Baloo 2', cursive;
  font-weight:400;
  font-size:16px;
  color:#acacac;
  border:1px solid #dddddd;
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  border-radius:3px;
  padding-left:10px;
  margin-top:10px;
}

#newsletter p
{ 
  margin:0;
  padding:0;
  font-family: 'Baloo 2', cursive;
  font-weight:400;
  font-size:12px;
  color:#323232;
  padding:10px;
}

.newsletter_input
{ 
  margin:0;
  width:60%;
  float:left;
  margin-left:10px;
  padding:5px;
  font-family: 'Baloo 2', cursive;
  font-weight:400;
  font-size:12px;
  color:#323232;
  border:1px solid #dddddd;
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  border-radius:3px;
  margin-right:10px;
}

.newsletter_submit
{ 
  margin:0;
  width:auto;
  float:right;
  margin-right:10px;
  margin-bottom:10px;
  text-align:center;
  padding:5px;
  background-color:#a175aa;
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  border-radius:3px;
  border:0px;
  cursor:pointer;
  font-family: 'Baloo 2', cursive;
  font-weight:400;
  font-size:12px;
  color:#ffffff;
}

#slider
{ 
  width:100%;
  height:450px;
  float:left;
  margin:0;
  background-color:#ffffff;
  background-image:url(../img/wallpaper.png);
  background-repeat:no-repeat;
}

#slider article
{ 
  width:auto;
  float:left;
  margin:0;
  background-color:#ffffff;
  margin-top:100px;
  margin-left:50px;
  z-index:1;
  opacity:0.8;
  filter:alpha(opacity=80);
  padding:10px;
}

#slider h1
{ 

  font-family: 'Baloo 2', cursive;
  font-weight:400;
  font-size:22px;
  color:#000000;
  margin:0;
}

#slider p
{ 

  font-family: 'Baloo 2', cursive;
  font-weight:400;
  font-size:14px;
  color:#000000;
  margin:0;
}

#pratiques
{ 
  width:100%;
  float:left;
  margin:0;
  background-color:#ffffff;
  margin-top:20px;
  padding-top:50px;
  padding-bottom:50px;
}

#apropos
{ 
  width:50%;
  float:left;
  margin:0;
  padding:20px;
}

#profil
{ 
  width:40%;
  float:right;
  margin:0;
  padding-right:20px;
  margin-top:50px;
}

.profil_pic
{ 
  width:100%;
  height:250px;
  background-image:url(../img/profil.png);
  background-repeat:no-repeat;
}

#apropos span
{ 
  margin:0;
  padding:0px;
  font-family: 'Baloo 2', cursive;
  font-weight:400;
  font-size:18px;
  color:#a175aa;
  font-style:italic;
}

#apropos h1
{ 
  margin:0;
  padding:0;
  font-family: 'Baloo 2', cursive;
  font-weight:500;
  font-size:26px;
  color:#323232;
}

#apropos p
{ 
  margin:0;
  padding:0;
  font-family: 'Baloo 2', cursive;
  font-weight:400;
  font-size:14px;
  color:#323232;
}

.bouton_apropos
{ 
  width:35%;
  text-align:center;
  padding:5px;
  font-family: 'Baloo 2', cursive;
  font-weight:400;
  font-size:13px;
  background-color:#a175aa;
  color:#ffffff;
  margin-top:40px;
  float:left;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  border-radius:5px;
}

#apropos a
{ 
  text-decoration:none;
  color:#ffffff;
}

#apropos a:hover
{ 
  color:#323232;
}


#mes_pratiques
{ 
  width:100%;
  float:left;
  margin:0;
  padding:20px;
}

#mes_pratiques span
{ 
  margin:0;
  padding:0px;
  font-family: 'Baloo 2', cursive;
  font-weight:400;
  font-size:18px;
  color:#a175aa;
  font-style:italic;
}

#mes_pratiques h1
{ 
  margin:0;
  width:100%;
  float:left;
  font-family: 'Baloo 2', cursive;
  font-weight:500;
  font-size:26px;
  color:#323232;
}

#mes_pratiques h2
{ 
  margin:0;
  padding:0;
  width:100%;
  float:left;
  font-family: 'Baloo 2', cursive;
  font-weight:500;
  font-size:16px;
  color:#323232;
  background-image:url(../img/lotus.png);
  background-repeat:no-repeat;
  background-position:left top;
  padding-left:30px;
  margin-top:20px;
}

#mes_pratiques p
{ 
  margin:0;
  padding:0;
  width:100%;
  float:left;
  font-family: 'Baloo 2', cursive;
  font-weight:400;
  font-size:12px;
  color:#323232;
  text-align:justify;
  margin-bottom:10px;
}

.tab_gauche
{ 
  width:45%;
  float:left;
  margin:0;
  padding-right:20px;
  border-right:1px solid #dddddd;
}

.tab_droite
{ 
  width:45%;
  float:left;
  margin:0;
  padding-left:20px;
}

#mes_pratiques a
{ 
  padding:0;
  float:right;
  font-family: 'Baloo 2', cursive;
  font-weight:500;
  font-size:11px;
  color:#ffffff;
  background-color:#a175aa;
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
  border-radius:10px;
  padding:5px;
  text-decoration:none;
}

#mes_pratiques a:hover
{ 
  color:#323232;
}

#me-situer
{ 
  width:100%;
  float:left;
  margin:0;
  background-color:#ffffff;
  margin-top:20px;
}

#me-situer article
{ 
  padding:20px;
}

#me-situer span
{ 
  margin:0;
  padding:0px;
  font-family: 'Baloo 2', cursive;
  font-weight:400;
  font-size:18px;
  color:#a175aa;
  font-style:italic;
}

#me-situer h1
{ 
  margin:0;
  width:100%;
  float:left;
  font-family: 'Baloo 2', cursive;
  font-weight:500;
  font-size:26px;
  color:#323232;
  margin-bottom:10px;
}

#page_content
{ 
  width:100%;
  float:left;
  margin:0;
  background-color:#ffffff;
}

#page_content article
{ 
  padding:20px;
}

#page_content span
{ 
  margin:0;
  padding:0px;
  font-family: 'Baloo 2', cursive;
  font-weight:400;
  font-size:18px;
  color:#a175aa;
  font-style:italic;
}

#page_content h1
{ 
  margin:0;
  width:100%;
  float:left;
  font-family: 'Baloo 2', cursive;
  font-weight:500;
  font-size:26px;
  color:#323232;
  margin-bottom:10px;
}

#page_content p
{ 
  margin:0;
  padding:0px;
  font-family: 'Baloo 2', cursive;
  font-weight:400;
  font-size:14px;
  color:#323232;
  line-height:1.7;
}

#page_content a
{ 
  margin:0;
  padding:0px;
  font-family: 'Baloo 2', cursive;
  font-weight:400;
  font-size:14px;
  color:#a175aa;
  text-decoration::none;
}

#page_content a:hover
{ 
   color:#323232;
   text-decoration::underline;
}


#profil_bio
{ 
  width:40%;
  float:left;
  margin:0;
  padding-right:20px;
}

.profil_pic_bio
{ 
  width:100%;
  height:250px;
  background-image:url(../img/profil.png);
  background-repeat:no-repeat;
}


footer
{ 
  width:100%;
  float:left;
  background-color:#a175aa;
  margin-top:50px;
}

#footer
{ 
  width:80%;
  margin:auto;
}

.footer_left
{ 
  width:25%;
  float:left;
  background-color:#896491;
}

.footer_left p
{ 
  padding:20px;
  margin:0;
  font-family: 'Baloo 2', cursive;
  font-weight:400;
  font-size:12px;
  color:#323232;
}

.footer_right
{ 
  width:70%;
  float:left;
}

.footer_right ul
{ 
  width:100%;
  margin:0;
  text-align:right;
}

.footer_right li
{ 
  list-style:none;
  display:inline-block;
  padding:20px;
  padding-right:0px;
}

.footer_right li a
{ 
  font-family: 'Baloo 2', cursive;
  font-weight:400;
  font-size:12px;
  color:#323232;
  text-decoration:none;
}

.footer_right li a:hover
{ 
  text-decoration:underline;
}