/*****************************************************************
  GRAND ECRAN
*****************************************************************/

@media (min-width: 1700px) and (max-width: 12000px){


}

/*****************************************************************
  PC PORTABLE
*****************************************************************/

@media (min-width: 1024px) and (max-width: 1279px){



}

/*****************************************************************
  TABLETTE PAYSAGE
*****************************************************************/

@media (min-width: 768px) and (max-width: 1023px){



}

/*****************************************************************
  TABLETTE PORTRAIT
*****************************************************************/

@media (min-width: 400px) and (max-width: 767px){

  .logo, .icon_maintenance{
    margin-top: 40px;
  }

  .container div{
    width: calc(49% - 10px)!important;
    max-width: 484px!important;
  }
  
  .popup_TX div {
    width: calc(36% - -40px)!important;
  }
}

/*****************************************************************
  SMARTPHONE
*****************************************************************/

@media all and (max-device-width: 399px){
  
  .container div:hover{
    transform: scale(1)!important;
    -webkit-transform: scale(1)!important;
    -moz-transform: scale(1)!important;
    -o-transform: scale(1)!important;
  }

  .logo, .icon_maintenance{
    margin-top: 40px;
  }

  .container div{
    width: calc(49% - 10px)!important;
    float: initial!important;
    max-width: 484px!important;
  }

  .popup_TX div {
    width: calc(30% - -40px)!important;
  }

  .popup_TX p {
    top: -15px!important;
  }
  
  h1, h2, h3, p, a{
    font-size: 15px!important;
  }
}

@media all and (max-width: 399px){
  
  .container div:hover{
    transform: scale(1)!important;
    -webkit-transform: scale(1)!important;
    -moz-transform: scale(1)!important;
    -o-transform: scale(1)!important;
  }

  .logo, .icon_maintenance{
    margin-top: 40px;
  }

  .container div{
    width: calc(49% - 10px)!important;
    float: initial!important;
    max-width: 484px!important;
  }

  .popup_TX div {
    width: calc(30% - -40px)!important;
  }

  .popup_TX p {
    top: -15px!important;
  }

  h1, h2, h3, p, a{
    font-size: 15px!important;
  }
}