@media screen and (max-width: 800px)
{
  body{font-family: 'Open Sans', sans-serif; font-size: 1em; color:#292929; margin:0; padding:0;}
  h1{font-size: 1.8em; color:#717171; font-weight: normal;}
  h2{font-size: 1.4em; font-weight: normal;}
  h3{font-weight:normal; color:#d328b1;}
  ul{margin:0; padding: 0;}
  li{list-style-type: none;}
  a {color:#40a4dc; text-decoration: none; border-bottom: 1px dotted #40a4dc;}
  img{max-width: 100%; height:auto;}

  #container{width:96%; margin:0 auto;}
  header{border-bottom: 2px solid #717171;}
  .h1 {font-size: 1.8em; color:#717171; font-weight: normal;}
  .arbo{font-size:0.8em; font-style: italic; padding:1em 0;}
  section{width:90%; margin:0 auto;}


  .liste_sommaire li{display:block; padding:1%; vertical-align: top;}
  .liste_sommaire h3 {min-height: 3em;}
  .liste_sommaire p{text-align: justify;}

  br.clear{}
  section {margin-bottom: 3em;}
  #footer_wrapper{width:100%; background-color:#091d3e;}
  #footer{width:90%; margin:0 auto; color:#fff; font-size:0.8em;}
  .colonnes{width:100%;}
  .colonnes li{list-style-type: square; margin-left:2em; padding:0.5em;}

  .pied_site{text-align: center;}
  .pied_site li{display:inline-block; margin:0.5em;}

  /*Pour le plan*/

  ul.spipplan li{margin:1em 0;}

  /* Pour le menu dépliant */
  .menu-trigger {
   position:absolute;
   top: 150px;right: 10px;
   display:block; width:50px; height:50px;
   cursor:pointer;
   visibility:visible;
   background-image:url(img/menu.png);
}

  /* Place le menu au-dessous de l’icone */
.menu {position: relative;top:0px; width: 190px; z-index: 1;visibility: visible; display: none;}
.menu li{padding:0.5em}

}