@media screen and (max-width: 800px){


  .baniere {
  background-color: #ffffff;
  min-height: 0px;
  margin-bottom: -10px;
  border-bottom: 1px solid #cbcbcb;
  
  }




.menu-trigger {
  display: block;
  color: #ffffff;
  background-color: #c2071a;
  padding: 8px;
  text-align: right;
  cursor: pointer;
  font-size: 90%;
  margin-top: 10px;  
  
}


.sous-menu {

  width: 100%;
  float: none;
  margin-top: 130px;  
  position:fixed;
  display: none;
  margin-left: 0px;
  box-shadow: 1px 1px 3px rgba(0,0,0,.2);  
  z-index: 80;

}

.sous-menu ul {

  background-color: #ff0000;
  padding-left: 0px;

  width: 100%;

}


.sous-menu li {

  list-style-type:none;
  padding: 10px;
  width: 100%;
  margin-bottom: 2px;
  margin: 0px;
  display: block;
 
 
}



.sous-menu ul li {

  background-color: #ffffff;
  border-radius: 1px;
  border-bottom: 1px solid #cccccc;
  padding-left: 40px;

 
}


.sous-menu ul li:hover {

  background-color: #cccccc;
  border-radius: 1px;
  border-bottom: 1px solid #ffffff;
  
 
}

.sous-menu ul li a:hover {

  background-color: #cccccc;
  border-radius: 1px;
  border-bottom: 1px solid #e40001;
  color: #ff0000;
   
}



#menu-gauche {
  width: 100%;
  float: none;
  margin-top: 154px;
  display: none;
  position:fixed;
  margin-left: 0px;
  box-shadow: 1px 1px 3px rgba(0,0,0,.2);
  z-index: 80;
  background-color: #ffffff;
  height:300pt;
  overflow:auto
}

#menu-gauche ul li {

  background-color: #ffffff;
  border-radius: 1px;
  border-bottom: 1px solid #cccccc;

 
}


#menu-gauche ul li:hover {

  background-color: #cccccc;
  border-radius: 1px;
  border-bottom: 1px solid #ffffff;
  
 
}

#menu-gauche ul li a:hover {

  background-color: #cccccc;
  border-radius: 1px;
  border-bottom: 1px solid #ffffff;
  color: #ffffff;
 
}


#contenu {
  width: 98%;
  float: none;
  margin-top: 170px;
  margin-left: 1%;
  margin-right: 1%;

}


#contenu-actu {
  width: 98%;
  float: none;
  margin-top: 170px;
  margin-left: 1%;
  margin-right: 1%;
 
}



#contenu-services {
  width: 96%;
  margin-left: 2%;
  margin-right: 2%;
  float: left;
  margin-top: 160px;
  
}


#menu-droit {
  width: 100%;
  float: none;
  margin-top: 10px;

}

#raccourcis {

  background-color: #ffffff;
  width: 100%;
  margin-left:0px;
  padding-left: 20px;
  border-bottom: 1px solid #cccccc;

}

.tendances {
  
  margin-left: 0px;
  font-size: 16px;
  color: #000000;
  
}


#menu-droit-tendances-du-jour {
  margin-right: 3px;
  margin-left: 3px;
  margin-bottom: 10px;
  padding: 10px;

}

#bar-menu-nav li    
{ 
  list-style-type:none;
  margin:0;
  padding: 3px 15px;
  display:block;
  float:left; 
}





.publicite {
 
  margin-right: 3px;
  margin-left: 3px;
  margin-bottom: 10px;
  

}

.publicite-infos {
 
  margin-right: 3px;
  margin-left: 3px;
  margin-bottom: 10px;
  padding: 10px;

}



#pieds ul li {

    display: block;
    margin: 0px;
    padding: 10px;
    float: none;
}


.slide-actu {
  
  width: 100%;
  float: none;
  margin-bottom: 5px;
  
}




.slide-pieds-actu {
  
  width: 100%;
  margin-left: 0%;
  float: none;
  /*border:1px solid #cbc9c9;*/
  border-radius: 2px;
 

   
}


.slide-pieds-content-actu {
 
  background-color: #ffffff;
  width: 100%;
  margin-right: 0%;
  margin-left: 0%;
  float: none;
  margin-bottom: 3px;
  
}



.filtre-btn {
   
  height: 30px;
  width: 30%;
  background-color: #bf0000;
  border-radius: 3px;
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 8px;
  padding-bottom: 8px;
  border: 1px solid #aaaaaa;
  text-decoration: none;
  color: #ffffff;
  font-size: 11px;
}


.filtre-form {
   
  height: 30px;
  width: 25%;
}


.pub-baniere {
  width: 60%;
  background-color: #ffffff;
  min-height: 90px;
  /*background-image:url(../images/annonce-pub-baniere.jpg);*/
  background: url(../images/annonces/annonce-pub-baniere-t.jpg) center no-repeat, #f5f5f5;
  margin-left: 14%;
  margin-right: 2%;
  margin-top: 1px;
  margin-bottom: 1px;
  border-radius: 3px;
  /*border: 1px solid #cccccc;*/
  /*box-shadow: 1px 1px 3px rgba(0,0,0,.2);*/
  float: left;

  
}



.actu-sous-content {
   
   font-size: 20px; 
  
}

.actu-img-pieds{
 
  font-size: 30px;
}


/* Masquer le slide d'accueil    */

/*.slide-accueil {

  display: none;
}*/

/* Masquer Le Slide Entreprises  */

.slide-entreprise{

  /*display: none;*/
}


/*=========NewsLetter =======================*/
.newsletter{

  
  width: 100%;
  border-top:1px solid #9c9c9c;
  padding: 10px;
   
}

.newsletter .app-mobile{

 
 width: 100%;
 float: none;
 
   
}

.newsletter .letter{

 
  width: 100%;
  float: none;
  margin-top: 8px;
  
   
}


/*===========Entête=========================*/

.img_banniere{

  height: 300px;
  width: 100%; 
  float: none;            

}

.texte_banniere{

  height: 150px; 
  width: 100%; 
  float: none;
  padding: 10px;

}




}