@media screen and (min-width: 768px) and (max-width: 1124px)
{

.logo
{ 
  float:none;
  width:100%;
  margin:auto;
  text-align: center;
}

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

#header ul
{ 
  float:none;
  margin:auto;
  margin-top:20px;
}

.mail_top
{ 
  border:0px;
  padding-right:0px;
}

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

}

#content_left
{ 
  width:40%; 
  float:left;
  margin:0;
  margin-top:20px;
}

#content_right
{ 
  width:58%;
  float:right;
  margin:0;
  margin-top:20px;
}

#slider
{ 
  margin-bottom:20px;
}

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

#profil
{ 
  width:100%;
  float:left;
  margin:0;
  padding-right:0px;
  margin-top:0px;
}

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

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

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

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

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







}