/* fond du footer */
.blkheader,
.blkInfo {
  background-color: #2576c8;
  margin-top:15rem;
  
}
/* Liens du footer */
.blkheader a {
  color: white;
 
}

/* structure du footer  */

.footer {
  display: flex;
  flex-direction: column;
  align-items: start;
  width: 13.5rem;
  color:white;
  z-index:9999999999999999!important;
}

/* ***************************************************** */
/* device < 769                                          */
/* ***************************************************** */
@media only screen and (max-device-width: 768px) {
  /* structure du footer  */
  .footer {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 50rem;
    color:white!important;
   
  }

   /* bt du footer */
  .ft {
    border-style:solid!important;
    border-width: thin!important;
    border-color:black;
    background-color:#2576c8;
    width:18rem!important;
    height:7rem!important;
    font-size:large!important;
    line-height:25px;
    display:flex;
    flex-direction:column;
    align-items:center;
    text-align:center;
    color:white!important;
    
    
  }
   
  .ft a img { 
    width:3.5rem!important;
    margin-top:1.6rem!important;;
    height:3.5rem!important;
    object-fit:cover!important ;
  }

  .imgFooter {
    height: 30rem !important;
  }
  
   /* reseaux sociaux dans le footer */
  .reseaux img {
    margin-right:5.6rem!important;
    width:98px!important;
  }

  .titreReseaux {
    margin-top:2rem;
    margin-left:1.5rem!important;  
    font-size:3rem!important;
    color:white!important;
  }
}

/* ***************************************************** */
/* resolution < 769                                          */
/* ***************************************************** */

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

   /* structure du footer  */
  .footer {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 50rem;
    color:white!important;
  }

   /* bt du footer */
  .ft {
    border-style:solid!important;
    border-width: thin!important;
    border-color:black;
    background-color:#2576c8;
    width:6rem;
    height:3.5rem;
    font-size:x-small;
    line-height:25px;
    display:flex;
    flex-direction:column;
    align-items:center;
    text-align:center;
    color:white!important;
  }

  .ft a img { 
    width:1.2rem!important;
    margin-top:0.5rem;
    height:1.2rem!important;
    object-fit:cover!important ;
  }

  .imgFooter {
    height: 15rem !important;
  }

 /* reseaux sociaux dans le footer */
  .reseaux img {
    margin-right:5%!important;
    width:100%!important;
  }

  .titreReseaux {
    margin-top:2rem;
    margin-left:0.5rem;
    font-family: 'arial';
    font-size:140%;
     color:white!important;
 }
}

/* ***************************************************** */
/* resolution > 768                                          */
/* ***************************************************** */
@media only screen and (min-width: 769px) {
  /* structure du footer  */
  .footer {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 80rem;
    color:white!important;
  }

   /* bt du footer */
  .ft {
    border-style:solid!important;
    border-width: thin!important;
    border-color:#2576c8;;
    background-color:#2576c8;
    color:white!important;
   
    width:15%;
    height:6.5rem;
    font-size:small;
  
    display:flex;
    flex-direction:column;
    align-items:center;
    text-align:center;
    

  }
  .ft a img { 
    width:3.2rem!important;  
    margin-top:0.5rem;
    height:3.2rem!important;  
    object-fit:cover!important ;  
    
  }

  
  .titreReseaux {
     margin-top:2rem;
     margin-left:0.5rem;
     font-size:180%!important;
     font-weight:450;
      color:white!important;


  }
  .imgFooter {
    height: 15rem !important;
  }
 /* reseaux sociaux dans le footer */
  .reseaux img {
    margin-right:1%!important;
    width:100%!important;
    height:100%!important;
     
  }
}