@import url(http://fonts.googleapis.com/css?family=Dorsa);
@charset "utf-8";
/* CSS Document */

body{
  background-color: #e9e8e8;
}

.page{
  width: 1210px;
  height: 838px;
  margin-left: 70px;
}

.header{
  margin: 0 auto;
  width: 1300px;
  height: 280px;
}

.block_presentation{
  background-color: #64ecca;
  display: block;
  width: 470px;
  height: 280px;
  position: relative;
  float: left;

}

.block_presentation p{
  margin-top: 20px;
  text-align: center;
  font-size: 24px;
  font-family: Baskerville;
  font-weight: 400;
  color: #593531;
}

.block_presentation h1 {
    margin: 0 auto;
    margin-top: 40px;
    width: 370px;
    text-align: justify;
    padding: 10px 10px 10px 10px;
    font-size: 15px;
    font-family: Baskerville;
    font-weight: 300;
    color: #593531;
    border: 1px white solid;
    border-radius: 10px;
}

.block_contact{
  background-color: #b7fdec;
  display: block;
  width: 320px;
  height: 280px;
  position: relative;
  float: left;
}

.block_contact h5{
  margin: 0 auto;
  width: 200px;
  margin-top: 20px;
  text-align: center;
  font-size: 18px;
  font-family: Baskerville;
  font-weight: 400;
  color: #593531;
}

.adresse{
  margin-top: 10px;
}

.adresse img{
  padding-left: 30px;
  margin-top: 20px;
}

.adresse p{
  width: 180px;
  text-align: center;
  margin-left: 120px;
  margin-top: -65px;
  font-size: 18px;
  font-family: Baskerville;
  font-weight: 400;
  color: #593531;
}

.tel img{
  padding-left: 30px;
  margin-top: 5px;
}

.tel p{
  width: 180px;
  text-align: center;
  margin-left: 120px;
  margin-top: -65px;
  font-size: 18px;
  font-family: Baskerville;
  font-weight: 400;
  color: #593531;
}

.block_photo_header{
  display: block;
  width: 510px;
  height: 280px;
  position: relative;
  float: left;
}

.navbar{
  margin: 0 auto;
  background-color: #cccccc;
  display: block;
  width: 1300px;
  height: 44px;
  border: 1px white solid;
}

.home{
  display: block;
  position: relative;
  margin-left: 10px;
  border-right: 1px white solid;
  width: 50px;
  height: 44px;
}

#menu, #menu li ul{
  padding: 0;
  margin: 0;
  margin-left: 60px;
  margin-top: -30px;
  list-style: none;
  line-height: 21px;
  text-align: left;
  z-index: 1;
}

#menu{
  font-weight: bold;
  font-family: Arial;
  font-size: 14px;
  z-index: 1;
}

#menu li a{
  display: block;
  background: none;
  color: white;
  text-decoration: none;
  text-align: left;
  margin-left: 20px;
  z-index: 1;
}

#menu li{
  float: left;
  margin-right: 5px;
  z-index: 1;
}

#menu li ul{
  position: absolute;
  width: 140px;
  left: -999em;
  z-index: 1;
}

#menu a:hover{
  color: #b7fdec;
}

#menu li:hover ul{
  left: auto;
  min-height: 0;
  margin: 0 0 0 0px;
}

#menu li ul li, #menu li ul li{
  background-color: #cccccc;
  text-align: left;
  width: 185px;
  z-index: 1;
}

#menu li ul li a{
  display: block;
  width: 180px;
  margin-top: 10px;
  z-index: 1;
}

#menu #en-cours a{
  
}

.presentation{
  display: block;
  width: 1210px;
  height: 440px;
  float: left;
}

.presentation_accueil{
  display: block;
  width: 540px;
  height: 465px;
  border: 4px solid #b7fdec;
  border-radius: 20px;
  background-color: white;
  margin-top: 55px;
  margin-left: 705px;
}

.presentation_accueil h3{
  text-align: center;
  font-size: 28px;
  font-family: Baskerville;
  font-weight: 400;
  color: #593531;
  margin-top: 10px;
}

.presentation_accueil h5{
  text-align: center;
  font-size: 22px;
  font-family: Baskerville;
  font-weight: 300;
  color: #593531;
}

.presentation_accueil h6{
  text-align: center;
  font-size: 15px;
  font-family: Baskerville;
  font-weight: 300;
  color: #00c59e;
  margin-top: 10px;
}

.presentation_accueil p{
  text-align: justify;
  padding: 0 20px 0 20px;
  font-size: 14px;
  font-family: Baskerville;
  font-weight: 300;
  color: #593531;
}

.presentation_orthopedie{
  display: block;
  width: 1210px;
  height: 440px;
  float: left;
}
.slide_orthopedie{
  display: block;
  width: 620px;
  height: 440px;
  margin-top: 40px;
  margin-left: 5px;
  float: left;
  border: 5px solid #64ecca;
  border-radius: 20px;
  background-image: url(".../img/epaule_bras_ortho.jpg");
}

.presentation_text_orthopedie{
  display: block;
  width: 540px;
  height: 440px;
  border: 4px solid #b7fdec;
  border-radius: 20px;
  background-color: white;
  margin-top: 40px;
  margin-left: 705px;
}

.presentation_orthopedie h1{
  margin: 0 auto;
  text-align: center;
  margin-top: 30px;
  font-family: Baskerville;
  font-weight: 300;
  color: #593531;
}

.presentation_text_orthopedie h6{
  text-align: justify;
  padding: 0 20px 0 20px;
  font-size: 16px;
  font-family: Baskerville;
  font-weight: 300;
  color: red;
}

.presentation_text_orthopedie p{
  text-align: justify;
  padding: 0 20px 0 20px;
  font-size: 16px;
  font-family: Baskerville;
  font-weight: 300;
  color: #593531;
}

.presentation_therapie{
  display: block;
  width: 1210px;
  height: 440px;
  float: left;
}
.slide_therapie {
  display: block;
  width: 620px;
  height: 440px;
  margin-top: 44px;
  margin-left: 5px;
  float: left;
  border: 4px solid #64ecca;
  border-radius: 20px;
  background-image: url(".../img/therapie_1.jpg");
}

.presentation_text_therapie{
  display: block;
  width: 540px;
  height: 440px;
  border: 4px solid #b7fdec;
  border-radius: 20px;
  background-color: white;
  margin-top: 40px;
  margin-left: 705px;
}

.presentation_therapie h1{
  margin: 0 auto;
  text-align: center;
  margin-top: 30px;
  font-family: Baskerville;
  font-weight: 300;
  color: #593531;
}

.presentation_text_therapie h6{
  text-align: justify;
  padding: 0 20px 0 20px;
  font-size: 16px;
  font-family: Baskerville;
  font-weight: 300;
  color: red;
}

.presentation_text_therapie p{
  text-align: justify;
  padding: 0 20px 0 20px;
  font-size: 16px;
  font-family: Baskerville;
  font-weight: 300;
  color: #593531;
}

.presentation_drainage_lymphatique{
  display: block;
  width: 1210px;
  height: 440px;
  float: left;
}
.slide_drainage_lymphatique{
  display: block;
  width: 620px;
  height: 440px;
  margin-top: 44px;
  margin-left: 5px;
  float: left;
  border: 5px solid #64ecca;
  border-radius: 20px;
  background-image: url(".../img/drainage_lymphatique_1.jpg");
}


.presentation_text_drainage_lymphatique{
  display: block;
  width: 540px;
  height: 440px;
  border: 4px solid #b7fdec;
  border-radius: 20px;
  background-color: white;
  margin-top: 40px;
  margin-left: 705px;
}

.presentation_drainage_lymphatique h1{
  margin: 0 auto;
  text-align: center;
  margin-top: 30px;
  font-family: Baskerville;
  font-weight: 300;
  color: #593531;
}

.presentation_text_drainage_lymphatique h6{
  text-align: justify;
  padding: 0 20px 0 20px;
  font-size: 16px;
  font-family: Baskerville;
  font-weight: 300;
  color: red;
}

.presentation_text_drainage_lymphatique p{
  text-align: justify;
  padding: 0 20px 0 20px;
  font-size: 16px;
  font-family: Baskerville;
  font-weight: 300;
  color: #593531;
}

.slide_rhuma{
  display: block;
  width: 620px;
  height: 440px;
  margin-top: 44px;
  margin-left: 5px;
  float: left;
  border: 5px solid #64ecca;
  border-radius: 20px;
  background-image: url(".../img/therapie_2.jpg");
}

.slide_maxillo{
  display: block;
  width: 620px;
  height: 440px;
  margin-top: 44px;
  margin-left: 5px;
  float: left;
  border: 5px solid #64ecca;
  border-radius: 20px;
  background-image: url(".../img/maxillo.jpg");
}

.slide_massage{
  display: block;
  width: 620px;
  height: 440px;
  margin-top: 44px;
  margin-left: 5px;
  float: left;
  border: 5px solid #64ecca;
  border-radius: 20px;
  background-image: url(".../img/massage1.jpg");
}

.presentation_kine_respi{
  display: block;
  width: 1210px;
  height: 440px;
  float: left;
}
.slide_kine_respi{
  display: block;
  width: 620px;
  height: 440px;
  margin-top: 40px;
  float: left;
}

.slide_kine_respi img{
  display: block;
  width: 620px;
  height: 440px;
  margin-top: 0px;
  margin-left: 5px;
  float: left;
  border: 4px solid #64ecca;
  border-radius: 20px;
}

.presentation_text_kine_respi{
  display: block;
  width: 540px;
  height: 440px;
  border: 4px solid #b7fdec;
  border-radius: 20px;
  background-color: white;
  margin-top: 40px;
  margin-left: 705px;
}

.contact{
  display: block;
  width: 940px;
  height: 940px;
  border: 4px solid #b7fdec;
  border-radius: 20px;
  background-color: white;
  margin-top: 40px;
  margin-left: 165px;
}

.presentation_kine_respi h1{
  margin: 0 auto;
  text-align: center;
  margin-top: 30px;
  font-family: Baskerville;
  font-weight: 300;
  color: #593531;
}

.presentation_text_kine_respi h6{
  text-align: justify;
  padding: 0 20px 0 20px;
  font-size: 16px;
  font-family: Baskerville;
  font-weight: 300;
  color: red;
}

.presentation_text_kine_respi p{
  text-align: justify;
  padding: 0 20px 0 20px;
  font-size: 16px;
  font-family: Baskerville;
  font-weight: 300;
  color: #593531;
}

.footer{
  margin: 0 auto;
  background-color: #cccccc;
  display: block;
  width: 1300px;
  height: 44px;
  border: 1px white solid;
  margin-top: 580px;
}

.footer p{
  text-align: center;
  padding: 0 10px 0 10px;
  font-size: 16px;
  font-family: Baskerville;
  font-weight: 300;
  color: white;
}



@media (min-width: 480px) and (max-width: 1080px)
{
.keywords-bis {
  display:none;
}

.nom {
  margin-top:95px;
}
}

@media (min-width: 781px) and (max-width: 979px)
{
.block_presentation {float : none;}
}



.slide_ultrason{
  display: block;
  width: 620px;
  height: 440px;
  margin-top: 40px;
  margin-left: 5px;
  float: left;
  border: 5px solid #64ecca;
  border-radius: 20px;
  background-image: url(".../img/ultrason.jpg");
}

.slide_ondes{
  display: block;
  width: 620px;
  height: 440px;
  margin-top: 40px;
  margin-left: 5px;
  float: left;
  border: 5px solid #64ecca;
  border-radius: 20px;
  background-image: url(".../img/onde.jpg");
}

.slide_massages{
  display: block;
  width: 620px;
  height: 440px;
  margin-top: 40px;
  margin-left: 5px;
  float: left;
  border: 5px solid #64ecca;
  border-radius: 20px;
  background-image: url(".../img/massage-.jpg");
}

.slide_cicatrice{
  display: block;
  width: 620px;
  height: 440px;
  margin-top: 40px;
  margin-left: 5px;
  float: left;
  border: 5px solid #64ecca;
  border-radius: 20px;
  background-image: url(".../img/cicatrice.jpg");
}

.slide_chaleur{
  display: block;
  width: 620px;
  height: 440px;
  margin-top: 40px;
  margin-left: 5px;
  float: left;
  border: 5px solid #64ecca;
  border-radius: 20px;
  background-image: url(".../img/chaleur.jpg");
}