/* Portail Ultime Modification Ancien */
*, *:before, *:after {
    -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
    padding:0;
    margin:0;
  }
  body {
      background-color:#fff;
      /* font-size:0.92em; */
      color:#202020;
      font-family:Helvetica, Arial, sans-serif;
  }
  #EnteteBAnQnum, .containerFooter, #Contenu  {
      width:100%;
      max-width:1080px;
      margin:0 auto;
      padding:0;
      position:relative;
  }
  #barreMenu div.flexLogin {
      width:100%;
      max-width:1080px;
      margin:0 auto;
      padding:0;
      _position:relative;
  }
  /* XXXXXXX ZONE ENTETE XXXXXXX */
  #Entete {
      padding:0;
      background-color:#000;
      width:100%
  }
  #EnteteBAnQnum {
      width:1080px;
      margin:0 auto;
      background-color:#000;
      padding:2px 0 1px 0;
      overflow:hidden;
  }
  #EnteteBAnQnum img.logoEnteteFormulaire {
      float:left;
      height:100px; 
      margin:20px 0;
  }
  #EnteteBAnQnum img.logoEnteteFormulaire_M {
      display:none;
  }
  #EnteteBAnQnum span {
      color:#fff; 
      font-size:48px; 
      display:inline-block;
      padding:50px 0 0 40px;
  }
  #barreMenu {
      padding:0; 
      background-color:#363636;
  }
  #barreMenu div.flexLogin {
      display:flex;
      justify-content: space-between ;
  }
  #barreMenu a:link img, #barreMenu a:visited img {
      border:0;
      height:44px; 
  }
  #barreMenu a:hover, #barreMenu a:focus {
      opacity:.6;
  } 
  /* correction bouton login */
  a.iconeBarreMenu:link i,  a.iconeBarreMenu:visited i {
      width:38px; 
      height:44px;
  }
  .userOn a:link, .userOn a:visited,
  .userOn a.iconeBarreMenu:link i, .userOn a.iconeBarreMenu:visited i {
      background-color:#166800;
  }
  .userOn a:hover, .userOn a:focus,
  .userOn a.iconeBarreMenu:hover i, .userOn a.iconeBarreMenu:focus i {
      background-color:#ccc;
  }
  .userOn ul {
      list-style-type:none;
  }
  .boutonLogin ul {
      background-color:#fff;
  }
  .boutonLogin li {
      margin:1px;
  }
  .languageChgt {
      float:right;
      padding-top:20px;
      font-size:12px;
  
  }
  .languageChgt a:link, .languageChgt a:visited {
      color:#fff;
  }
  #ouvreColGauche {
      margin:0;
  }
  /* XXXXXXX CONTENU XXXXXXX */
  #Contenu {
      clear:both;
      min-height:440px;
      border:1px solid #ebebeb;
      padding:20px;
  }
  /* Correction pour les tuiles de la page d'accueil */
  .PageAccueil #Contenu {
      border:none;
      padding:10px 0;
  }
  /* XXXXXXX FOOTER XXXXXXX */
  .containerFooter {
    max-width:100%;
    background-color:#333;
  }
  .footer {
    margin:0 auto 20px auto;
    padding-top:12px;
    padding-bottom:12px;
    max-width:1080px;
  }
  .footer p {
      text-align:right;
  }
  .footer a img {
      margin:5px 20px 10px 10px;
      border:0;
  }
  .footer a img:hover {
      opacity:.6;
  }
  .footer p.Confidentialite {
    text-align:left; 
    float:left; 
    padding:16px 12px;
}
.footer p.Confidentialite a  {
    color:#fff;
}
.footer p.Confidentialite a:hover, .footer p.Confidentialite a:focus {
    text-decoration:none;
}
  /* XXXXXXX MOBILE XXXXXXX */
  @media only screen and (max-width: 767px) {
      #EnteteBAnQnum span {
           font-size:30px; 
            padding:20px 0 0 5px;
        }
      #EnteteBAnQnum img.logoEnteteFormulaire {
          display:none;
      }
      #EnteteBAnQnum img.logoEnteteFormulaire_M {
          display:block;
          float:left;
          height: 60px;
          margin:10px;
      }
      #EnteteBAnQnum img.logoEnteteFormulaire {
          height: 80px;
          margin-left:10px;
      }
      #EnteteBAnQnum,  #barreMenu div.flexLogin, .containerFooter, #Contenu {
          max-width:100%;
          width:100%;
      }
      .footer a img {
          margin:5px;
          width:33%;
      }
      #Contenu {
          padding:20px;
      }
      #ouvreColGauche {
          margin:0 0 0 -20px;
      }
     
  }