@media screen and (max-width: 480px) {
    .header01 {
        display: block;
    }
    .info_header01 {
        display: none;
    }
    .vide_header01 {
        display: none;
    }
    .login_header01 {
        width: 100%;
        height: 100%;
        position: relative;
    }
    #bonjour {
        display: none;
    }
    .header02 {
        grid-template-columns: 1fr 1fr;
    }
    .logo_header {
        width: 140px;
        height: auto;
    }
    #logo_header2 {
        display: none;
    }
    .menu_header02 {
        display: none;
    }
    .menu_header02_mediamax480 {
        display: block;
        grid-column: 2;
        position: relative;
    }
    .button_menuheader02 {
        position: absolute;
        top: 5%;
        right: 5%;
    }
    .menuheader02_APP {
        background-color: #67a6fe;
        position: absolute;
        width: 200px;
        height: 250px;
        top: -250px;
        right: -200px;
        z-index: 10000;
        transition: 0.5s;
        border-radius: 0px 0px 0px 10px;
        display: grid;
        grid-template-rows: repeat(3, 1fr) 20%;
    }
    .menu_home2 {
        grid-row: 1;
    }
    .menu_listeCertif2 {
        grid-row: 2;
    }
    .menu_contact2 {
        grid-row: 3;
    }
    .butonFermer {
        grid-row: 4;
    }
    .background_footer0 {
        grid-template-columns: 40% 1fr;
    }
    .logo_footer {
        grid-column: 1;
    }
    .logo_SpeedFooter {
        width: 125px;
    }
    .menu_footer {
        display: none;
    }
    .info_footer {
        grid-column: 2;
    }

    .decor01 {
        width: 1500px;
    }
    .titre_welcome {
        max-width: 90%;
        height: 70px;
        font-size: x-large;
    }
    .QuiSommesNous {
        max-width: 90%;
        font-size: large;
        top: 25%;
    }
    .background_InfoSupCertif {
        display: none;
    }
    .principal_welcome {
        grid-template-columns: 1fr;
        height: 32em;
    }
    .PourquoiChoisir {
        grid-column: 1;
    }
    .titre_PourquoiChoisir {
        width: 90%;
        font-size: 25px;
        top: 0%;
    }
    .info_PourquoiChoisir {
        width: 90%;
        font-size: 15px;
        top: 65px;
    }
    .background_UnCertif {
        height: 37em;
    }
    .UnCertif {
        grid-template-columns: 1fr;
    }
    .UnCertif_Content {
        grid-column: 1;
    }
    .titre_UnCertif {
        width: 90%;
        font-size: 25px;
        top: 5%;
    }
    .info_UnCertif {
        width: 90%;
        font-size: 15px;
        top: 85px;
    }
    .SelectionCertif {
        display: none;
    }
    .NousSommes {
        height: 60em;
        grid-template-columns: 1fr;
        grid-template-rows: 1fr 1fr;
    }
    .info_NousSommes {
        grid-column: 1;
        grid-row: 1;
    }
    .titre_NousSommes {
        width: 90%;
        font-size: 25px;
        top: 15px;
    }
    .text_NousSommes {
        width: 90%;
        font-size: 15px;
        top: 50px;
    }
    .horaire_NousSommes {
        width: 90%;
        font-size: 15px;
        top: 350px;
        left: 40px;
    }
    .carte_NousSommes {
        grid-column: 1;
        grid-row: 2;
    }
    .background_NousContacter {
        margin-top: 2em;
        height: 52em;
    }
    .NousContacter {
        height: 50em;
        float: left;
        grid-template-columns: 1fr;
        grid-template-rows: 1fr 1fr;
    }
    .info_NousContacter {
        grid-column: 1;
        grid-row: 1;
    }
    .titre_InfoNousContacter {
        text-align: left;
        width: 90%;
        font-size: 25px;
        top: 15px;
    }
    .text_NousCOntacter {
        width: 90%;
        font-size: 15px;
        top: 75px;
    }
    .formulaire_NousContacter {
        grid-template-columns: 1;
        grid-row: 2;
    }
    .nom_formualireRappel {
        width: 90%;
        top: 0%;
    }
    .prenom_formualireRappel {
        width: 90%;
        left: 5%;
        top: 18%;
    }
    .tel_formualireRappel {
        width: 90%;
        left: 5%;
        top: 36%;
    }
    .com_formualireRappel {
        width: 90%;
        height: 100px;
        left: 5%;
        top: 54%;
    }
    .boutton_formualireRappel {
        left: 35%;
        top: 85%;
    }
    .tablemin480 {
        display: none;
    }
    .table_listmediaMAX480 {
        display: block;
    }
    .td_liste {
        width: 20%;
        font-size: 10px;
    }
    .filtre_certif {
        height: 50em;
        grid-template-columns: 1fr;
        grid-template-rows: 1fr 1fr;
    }
    .Filtre_Options {
        grid-column: 1;
        grid-row: 1;
    }
    .Filtre_SelectionCertif {
        grid-column: 1;
        grid-row: 2;
    }
    .option_validation {
        width: 80%;
        top: 60%;
    }
    .barre_verte_false {
        top: 70%;
    }
    .barre_verte_true {
        top: 70%;
        left: 45%;
    }
    .img_barreGrise {
        width: 17%;
        height: auto;
        position: absolute;
        top: 55%;
        left: 15%;
    }
    .img_barreVerte {
        width: 17%;
        height: auto;
        position: absolute;
        top: 55%;
        left: 55%;
    }
    #comodo {
        position: absolute;
        left: 5%;
        top: 50%;
    }
    #GeoTrust {
        position: absolute;
        left: 38%;
        top: 50%;
    }
    #RapidSSL {
        position: absolute;
        left: 70%;
        top: 50%;
    }
    #Symantec {
        position: absolute;
        left: 5%;
        top: 80%;
    }
    #Thawte {
        position: absolute;
        left: 38%;
        top: 80%;
    }
    #TrustSign {
        position: absolute;
        left: 70%;
        top: 80%;
    }
    #LogoCommodo {
        top: 50%;
        left: 11%;
    }
    #LogoGeoTrust {
        top: 50%;
        left: 44%;
    }
    #LogoRapidSSL {
        top: 50%;
        left: 74%;
    }
    #LogoSymantec {
        top: 80%;
        left: 10%;
    }
    #LogoThawte {
        top: 80%;
        left: 44%;
    }
    #LogoTrustSign {
        top: 80%;
        left: 76%;
    }
    .titre_CertifsSelect {
        font-size: 25px;
        left: 3%;
    }
    .popup_filtreCertif {
        display: none;
    }
}
