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



.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;
  
 
}


#raccourcis{

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

}

#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;

}


.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:0px;
  padding: 3px 6px;
  display:block;
  float:left; 
}


.slide-pieds-content{
  background-color: #ffffff;
  width: 49%;
  float: left;
  margin-top: 3px;
  margin-right: 1%;
}

.slide-pieds-last-element {

  display: block;
  
}

.last{

  width: 99%;
  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;
}

.recherche-form{
   
  height: 30px;
  width: 75%;
}


.filtre-btn{
   
  height: 30px;
  width: 17%;
  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: 10px;
}

.titre-filtre{

  font-weight: bold;
  font-size: 9px;
}


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

.pub-baniere{
  display: none;
  width: 60%;
  background-color: #ffffff;
  min-height: 90px;
  /*background-image:url(../images/annonce-pub-baniere.jpg);*/
  background: url(../images/annonces/annonce-pub-1.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;

  
}


.logo-plus-info a,
.logo-plus-info a:link,
.logo-plus-info a:visited {

  width: 100%;
  padding: 10px;
  text-decoration: none;
  color: #ffffff;
  background-color: #ff8400;
  border-radius: 4px;
  font-size: 9px;

}


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


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

/* Affiche le dernier élément du pieds au niveau de l'accueil*/
.show-last-m {

  display: block;
}


/* Horaires de Vols*/

.vols{

  
  width: 48%;
  margin-right: 2%;
  margin-bottom: 5px;
 
}


/* Entreprise a la Une*/
.ent-img-une {
  width: 48%;
  margin-right: 2%;
  margin-bottom: 5px;

}

/* Page Pro */

.lien-pagespro{

 
  margin-top: 12px;
  font-size: 12px;
  margin-left: 5%x;
}

/* Masquer Le Slide d'accueil  */

/*.slide-accueil {

  display: none;
}*/


/* Masquer Le Slide Entreprises  */

.slide-entreprise{

  /*display: none;*/
}


/* ===============Formulaire de Recherche Actualité ======================= */


.hd-recherche  #searchsubmit{

 width: 28%;
 

     
}

.hd-recherche  #s{

 
  width: 68%;
     
}


.search-field{
  width: 68%;

}


/*=========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;
  
   
}

.publication {

  padding: 3px;
  background-color: #ffffff;
  margin-top: 10px;
  border-radius: 3px;

}

.publication-image {

  width: 100%;


}

.publication-contenu  {

  width: 100%;
}



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

.img_banniere{

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

}

.texte_banniere{

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

}


.contenu_baniere 
{ 
  width: 100%;
  margin-top: 8px;
}


.pieds_baniere 
{ 
  width: 100%;
  margin-top: 8px;
}





}