#container-footer { 
  width:100%; 
  background:#000; 
  margin-top:50px; 
  color:black;
}

#footer{ 
  clear:both; 
  padding-top:10px; 
  font-size:13px; 
  color:#666;  
  text-align:center; 
  margin:auto; 
  display:flex; 
  justify-content:space-between;
  gap: 10%;
  max-width:1200px;
}
#footer ul {text-align:left; margin:0; padding:0px;}
#footer li { list-style:none; margin:0; padding:0px;}
#footer li a { color:#fff; padding:5px 0px; float:left; width:100%; margin-top:15px; font-weight:600; transition: .3s all .0s}
#footer li a:hover { color:darkred; padding:5px 0px; float:left; width:100%; font-weight:600;}
#footer hr {width:90%; float:left; height:1px; border-left:0px; border-right:0px; border-top:0px; border-bottom:1px dotted #777;}


  #haut_footer { width:100%; text-align:center; padding-top:25px; padding-bottom:23px; border-bottom: 1px solid #bababa; border-top: 1px solid #bababa; background-color: #bababa;}



  #footer_reseaux_newsletter { width:100%; text-align:center; background-color: #f2f2f2; padding-top:50px; padding-bottom: 50px;}
  .container_reseaux_newsletter { display:flex; justify-content:space-between;  max-width: 1200px; margin:auto;}
  .footer_reseaux { margin-left:10%; }
  .footer_reseaux IMG { height:50px; vertical-align:middle; }
  .footer_newsletter { margin-right:10%; text-transform: uppercase;}
  .footer_newsletter input[type=text] { font-size:1em; padding:7px 8px; border:1px solid black; text-transform:lowercase; }
  .footer_newsletter input[type=submit]  { font-size:1em; border:1px solid black; padding:7px 8px; background:#000; color:#fff; text-transform:uppercase; font-weight: 200;}






  .container_haut_footer { margin:auto; }
  .container_haut_footer UL { display: inline; width:100%; }
  .container_haut_footer LI { display: inline-block;list-style: none; padding-left:2%; padding-right:2%; }
  .container_haut_footer LI  A { color:white; text-decoration:none; }
  .container_haut_footer LI  A:hover { color:black; text-decoration:none; }


  .footer-colonne1 { float:left; text-align:left; line-height: 18px;  margin-top:25px;  text-transform: uppercase; color:#fff;}
  .footer-colonne1 HR { width:100%; }
  .footer-colonne1 IMG {
    height:100%;
    max-width:150px;
  }
  .footer-colonne1	.footer-service-client { margin-top:25px; }

  .footer-colonne2 { width:20%; float:left; text-align:right; }
  .footer-colonne3 { float:left; text-align:right; width:25%;  margin-top:25px; }

  .footer-colonne3 .footer-service-client { text-align:center; color:#fff; }

  #bas_footer {  clear:both; width:100%; text-align:center;  padding-top:15px; padding-bottom:10px; font-size: 14px; text-transform: uppercase;}
  #bas_footer UL { display: inline; width:100%; }
  #bas_footer LI { display: inline-block;list-style: none; padding-left:2%; padding-right:2%; }
  #bas_footer LI  A:hover { color:#fff; text-decoration:none; }

  a.footer_srub { color:#777; text-decoration:none; }
  a.footer_srub:hover { color:#EC2D44; text-decoration:none; }



   #bas_footer a { color:#fff; }

   .footer_newsletter { 
    text-transform: uppercase;
    margin-right: 10%;
    text-transform: uppercase;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap; 
    font-size:0.8em;
    width: 600px;
  }
   .btn_newsletter {
    background-color: #000;
    color:white;
    border-radius: 0px;
    border:0px;
    line-height: 24px;
    font-size:1.3em;
    padding:5px 50px;
    margin-top:0px;
    font-weight:200;
    font-family:'raleway','open sans';

  }


  @media only screen and (max-width:640px) {
    #footer{ clear:both; padding-top:10px; font-size:13px; color:#666; max-width:1200px; text-align:center; margin:auto; display:flex; justify-content:space-between; flex-wrap: wrap;}

    #haut_footer { 
      width:100%; 
      text-align:center; 
      padding-top:0px;
      padding-bottom:0px;
      border-bottom: 1px solid #bababa;
      border-top: 1px solid #bababa;
      background-color: #bababa;
    }

  .footer-colonne1 { width:100%; text-align: center; }

  .footer-colonne1 UL LI { text-align: center; }
  .footer-colonne2 { width:50%; float:left; text-align:left; text-align: center; }
  .footer-colonne2 UL LI { text-align: center; }
  .footer-colonne3 { clear:both; width:100%; float:left; text-align: center; padding-top:15px;}
  .footer-colonne3 IMG { float:none;}


  .container_haut_footer { margin:auto; }
  .container_haut_footer UL {  
    width:100%; 
    padding-left: 0px;
    display: flex;
    flex-direction: column;
  }
  .container_haut_footer LI { list-style: none; padding-left:2%; padding-right:2%; padding-top:12px; }
  .container_haut_footer LI  A { color:white; text-decoration:none; }
  .container_haut_footer LI  A:hover { color:#2C641C; text-decoration:none; }



  #footer_reseaux_newsletter { width:100%; text-align:center;  background-color: #f2f2f2; padding-top:50px; padding-bottom: 50px;}
  .container_reseaux_newsletter { 
    display:flex; 
    justify-content:space-between;  
    max-width: 1200px; 
    margin:auto; 
    flex-direction: 
    column; gap: 25px;
  }
  .footer_reseaux { margin-left:3%;  }
  .footer_reseaux IMG { height:50px; vertical-align:middle; }
  .footer_newsletter { 
    margin-right:3%; 
    text-transform: uppercase;
    width: 100%;
  }

  .footer_newsletter input[type=text] { font-size:1em; padding:7px 0px; border:1px solid black; text-transform:lowercase; width:100%; text-align:center; }
  .footer_newsletter input[type=submit]  { font-size:1em; border:1px solid black; width:100%; padding:7px 0px;  background:#000; color:#fff; text-transform:uppercase; font-weight: 200;}

  #mail_news {
    border-radius:24px;
    margin-top:10px;
  }
.btn_newsletter {
    background-color: #000;
    color:white;
    border-radius: 24px;
    border:0px;
    line-height: 24px;
    font-size:1.3em;
    padding:5px 50px;
    margin-top:10px;
  }

  }