/* CSS Document */
@media (max-width:768px){
  #all{
    width:100%;
  }
  #logo_gauche,
  #logo_droite {
    display:none;
  }
  #titre_osmcs {
    width:100%;
    height:auto;
  }
  #header{
    height:auto;
    background: #fff;
  }
  #titre_osmcs h1 {
    margin-top:10px;
  }
  #menu {
    background:#D92828;
  }
  #menu ul.menu{
    height:auto;
    float:left;
    display:none;
  }
  #menu ul.menu li {
    width:100%;
  }
  #menu ul.menu li:first-child a {
    border-top:#fff solid 1px;
  }
  #menu ul.menu li:last-child a {
    border-bottom:#fff solid 1px;
  }
  #menu ul.menu li a {
    padding:10px 0 10px 22px;
    text-align:center;
    border-bottom:#fff solid 1px;
    border-right:none;
  }
  #toggle{
    display:block;
    margin: 5px;
    width: 100%;
    float: left;
  }
  #slider {
    display:none;
  }
  #place1 {
    height:auto;
  }
  #slogan {
    width:100%;
    text-align:center;
    background-image:none;
    margin:0px;
    padding:10px 0;
  }
  #recherche {
    width: 100%;
    text-align:center;
    padding:10px 0;
    border-top:#fff solid 1px;
    float: left;
  }
  #gauche,
  #droite {
    width:100%;
    margin:0px;
  }
  #droite > div{
    margin: 0px !important;
  }
  #footer #pays,
  .blocks,
  #footer .moduletable{
    width:100%;
  } 
  #footer .moduletable ul {
    margin:0px;
  }
  #bottom #b_left, #bottom #b_right {
    width:100%;
  }
  #bottom #b_right,
  #bottom #b_left {
    float:left;
    text-align: center;
    margin: 5px 0 5px 0;
  }
  .contentpane{
    margin:10px 0;
  }  
}