@media all and (max-width : 1500px) {
     /* Page Liste Negociée */
     .dashboard-liste .wrapper-trie .container-trie  {flex-direction: column; text-align: center;}
     .wrapper-trie .container-trie::after {top: 65%;}
     .wrapper-trie .input-trie {padding-top: 0; text-align: center;}
     
    /* Page Modifier negocié */
    .dashboard-repondre .inputLabel input, .dashboard-ajouter .inputLabel input {width: 83%;}

    /* Menu Principal */
    .conteneur-branding .monEspace-mobile {display: none;}

}

@media all and (max-width : 1346px) {
    .htp .summup-CTA {margin-right: 0;}
}

@media all and (max-width : 1295px) {
    .htp .home__summup {display: block;}
    .summup-texte {float: left;}
    .summup-CTA {float: right;}

}

@media all and (max-width : 1200px) { 
     /* Dashboard client */ 
     .dashboard-client .onglet-general .general-ville {flex: 1 0 10%}

    /* Page Liste */
    .dashboard-entete {align-content: center; justify-content: center; gap: 2em; margin-bottom: 1em;}
    .dashboard-entete .titre {order: 1; flex: 0 0 100%; max-width: 100%; padding-left: 0 !important; padding-right: 0 !important; margin-left: 0 !important;}
    .dashboard-entete .tuto {order: 2; flex: 0 0 50%; max-width: 45%; margin-top: 1em;}
    .dashboard-entete .colonne-cta {order: 3; flex: 0 0 50%; max-width: 45%;}
    .dashboard-entete .colonne-cta .titre-bt {max-width: none;}
    .dashboard-entete .colonne-cta .bt-cta {margin-top: 8px;}
    .dashboard-entete .titre h1 {margin-left: 0 !important;}
    
    /* Page Liste & Voir */
    .dashboard-voir .container-info {order: 2;}
    .dashboard-voir .container-aside {order: 1; margin-top: 2em;}
    .col-aside {margin-top: 0; flex-flow: row nowrap; justify-content: space-around;}
    .col-aside .bt-focus {height: auto;}
    .col-aside .tips {margin-top: 0;}

    /* Page Modifier negocié */
    .dashboard-repondre .inputLabel input, .dashboard-ajouter .inputLabel input {width: 90%;}

    /* Colonne Droite */
    .htp .contact {margin-top: 2em;}
    .htp .container-aside .tips, .htp .container-aside .tips-coordinateur {max-width: none;}
    .htp .container-aside .pop-in-contact_tips {width:100%; text-align: center;}
    .htp .formulaire-repondre .container-aside {text-align: center;}

    /* Mon compte - Profils Formateurs */
    .container-cartouche {justify-content: center;}

    /* Messagerie */
    .messagerie .corps-bloc .bloc-societe {padding-left: 0;}
    .messagerie .container-infoContact .bloc-info {flex-direction: column;}
    .monCompte .container-principal.espaceClient-equipe {justify-content: center;}

}

@media all and (max-width : 1161px) {
    .popup-adhesion .container-membre {flex: 0 0 100%; padding-top: 0;}

}

@media all and (max-width : 1095px) {
    /* Page Accueil */
    .summup-CTA {margin-right: 0}

    /* Menu Principal */
    .menu-burger {display: block;}
    .menu-principal {display: none;}
    .menu-principal.show {display: block;}
    .htp .menu-principal {position: absolute; top: 81px; left: 0; width: 85%; box-shadow: 1px 2px 4px 0px rgba(0, 0, 0, 38%) !important; border: 0;}
    .htp ul.nav {background-color: #fff; flex-direction: column; padding-left: 1em;}
    .htp ul.nav .picto-menu {display: block; width: fit-content; float: left; margin: 0 10px 0 0;}
    .mainnavheader .menu-principal ul li {border-bottom: none !important; padding-bottom: 0; text-align: left; padding: 8px; outline: none !important; box-shadow: none !important;}
    .mainnavheader .menu-principal ul li.active {border-bottom: none !important; padding: 8px;}
    
}

@media all and (max-width : 1024px) {
    /* Dashboard Client */
    .dashboard-client .onglet-general .general-ville {flex: 0 0 100%;}

    /* Messagerie */
    .messagerie .maincontent__messagerie__header {column-gap: normal;}

}

@media all and (max-width : 992px) {
    /* Page Modifier negocié */
    .formulaire-ajouter article {display: block; max-width: 100%;}
    .formulaire-ajouter article > div {max-width: 100%;}
    .formulaire-ajouter .avec-consigne {flex-direction: column;}
    .formulaire-ajouter .avec-consigne .texte-consigne {max-width: 100%; margin-top: 0.5em;}
    .form-negociee__header {padding-left: 0; padding-right: 0; max-width: 100%;}
    .formulaire-ajouter .maincontent .row {margin-left: 0 !important; margin-right:0 !important; justify-content: center !important;}
    .formulaire-ajouter .maincontent .col-12 {padding-left: 0; padding-right:0;}
    .formulaire-ajouter .maincontent .col-10 {padding-left: 0; padding-right:0; max-width: 100%;}
    .dashboard-repondre .inputLabel input, .dashboard-ajouter .inputLabel input {width: 89%;}

    /* Page Ajouter */
    .htp .container-2col-strict {flex-direction: column-reverse;}
    .htp .container-2col-strict .bloc-reponse {margin-left: 0; width: 100%;}
    .htp .container-2col-strict .bloc-consigne {width: 100%;}
    .htp .container-2col-strict .bloc-consigne p  {max-width: 100%; margin-left: 0;}

     /* Colonne Droite */
    .htp .dashboard-ajouter .maincontent__aside {max-width: 100%;}
    .htp .container-2col-strict .bloc-reponse textarea {float: none;}

    /* Menu Principal */
    .conteneur-branding .container-menuDesktop.menuLog-on {order: 3; flex-direction: column-reverse; gap: 0.5em;}

    /* Page Répondre */
    .formulaire-repondre .container-principal form {margin-left: 0;}
    .htp .form-tjm .bloc-info {max-width: 100%;}

    /* Dashboard */
    .pg-accueil .long-1 { min-width: 195px;}
    .pg-accueil .long-2 {min-width: 355px;}

}

@media all and (max-width : 915px) {
    .popup-adhesion .container-critere {max-width: 100%;}

}

@media all and (max-width : 865px) {
    /* Dashboard Client */
    .dashboard-client .onglet-general .general-ville {flex: 1 0 0;}

    /* Messagerie */
    .messagerie .wrapper-col-aside {flex-direction: column; align-items: center;}
    .messagerie .wrapper-aside-col {column-gap: 1em;}
    .messagerie .container-infoContact .bloc-info {flex-direction: row;}
    
}

@media all and (max-width : 808px) {
    .messagerie .wrapper-aside-col .wac-col-gauche {flex: 0 0 100%;}
    .messagerie .archives {flex-direction: row; column-gap: 1em;}
    .messagerie .archives .confidentiel {flex: 1 0 0; order: 1;}
    .messagerie .archives .container-wrap {flex: 2 0 0; order: 2; flex-direction: row; justify-content: space-evenly;}
    .messagerie .archives .container-wrap .memo-definition {order: 2;}
    .messagerie .archives .container-wrap .bt-switch {order: 1;}
    .messagerie .archives .memo-definition {margin-bottom: 0 !important;}

    .htp .messagerie--listing {grid-auto-flow: column; max-width: 100%;}
    .messagerie .messagerie--listing > article,
    .messagerie .messagerie--listing > article section {width: 250px; max-width: 250px;} 

}

@media all and (max-width : 768px) {
    /* Page Liste Negociée */
    .dashboard-liste .wrapper-trie {flex-direction: column;}
    .container-trie.bloc-trie1::after, .container-select.bloc-trie1::after {right: 140px;}
    .container-trie.bloc-trie2::after, .container-select.bloc-trie2::after {right: 60px;}

    /* Page Liste & Voir */
    .cartouche-detail > .row {flex-direction: column;}
    .cartouche-detail .row > * {flex: 0 0 100%; max-width: 100%;}
    .cartouche-detail .detail-outils {margin-top: 1em;}

    /* Page Modifier negocié */
    .dashboard-repondre .inputLabel input, .dashboard-ajouter .inputLabel input {width: 85%;}
    header.dashboard-ajouter > div {padding-left: 0; padding-right: 0; width: 100%; max-width: 100%; margin-right: auto; margin-left: auto;}
    header.dashboard-ajouter > div > * {padding-left: 0; padding-right: 0;}

    /* Page Ajouter Besoin */
    .dashboard-ajouter {flex-flow: column; flex: 100%;}
    .dashboard-repondre > .container-info , .dashboard-ajouter > div {max-width: 100%; margin-top: 1em;}
    .dashboard-ajouter .container-table {width: 100%;}
    .dashboard-ajouter .formulaire-ajouter textarea, 
    .dashboard-ajouter .formulaire-ajouter input[type=text] {width: 100%;}
    .dashboard-ajouter .formulaire-ajouter input.taille-champ-prix {width: 110px;}
    .dashboard-repondre .container-info , .dashboard-repondre .container-aside  {max-width: 100%; flex: 0 0 100%;}
     
    /* Colonne Droite All */
    .htp .container-2col-strict .bloc-consigne {width: 100%;}

    /* Sticky Gauche */
    body.inscription .sticky-BasGauche {display: none;}

    /* Compte Client */
    .monCompte .wrapper-1col-1aside {flex-direction: column;}
    .monCompte .wcol-principal, .monCompte .wcol-droit {flex: 0 0 100%; margin-top: 2em;}
    .monCompte .container-aside {width: 100%; max-width: 100%; position: initial; margin-top: 0; align-items: center; text-align: center;}
    .monCompte .container-aside > * {width: 100%;}
    .monCompte .container-aside .tips-step {text-align: center;}

    /* Messagerie */
    .messagerie .main {padding-left: 15px; padding-right: 15px;}
    .htp .form-tjm .bloc-info {max-width: 100%;}
    .dashboard-ajouter .container-2col-souple.form-tjm {flex-direction: row; flex-wrap: wrap;}
    
    /* Progressbar */
    .dashboard-ajouter .fer-gauche {padding-left: 0;}

    /* A trier */
    .htp .container-2col-souple .bloc-rappel p {    justify-content: center; flex: 0 0 100%;}
    .avec-rappel .bloc-rappel {flex: 0 0 50%; align-self: flex-end;}
    .avec-rappel .bloc-reponse  {flex: 0 0 50%} 

    /* Page Accueil */
    .pg-accueil .container-profil {max-width: 100%;}
    .pg-accueil .long-1, 
        .pg-accueil .long-2 {flex: 0 0 45%; min-width: auto;}
    .pg-accueil .container-accueil article.long-2 {flex: 0 0 100%;}

    .pg-accueil .container-messagerie {order: 2;}
    .pg-accueil .container-annuaire {order: 3;}

    /* Popup */
    .dashboard-ajouter .formulaire-ajouter .tarif {width: 100%; justify-content: space-between !important;}

    /* Créer, modifier */
    .htp .tips-nu {max-width: none;}

    /* champ de tri (page liste) */
    .onglet-negociee .container-trie.bloc-trie2 select {width: auto;}

    /* Page Voir */
    .cartouche-reference {flex-wrap: wrap;}
    .cartouche-reference .retour {flex: 0 0 100%; max-width: none; text-align: center; padding: 0 10px 20px;}

     /* Menu Principal */
     .conteneur-branding .logoHTP {order: 2; text-align: center;}  
     .conteneur-branding .container-menuDesktop {order: 3; flex-direction: column; gap: 0.5em;}
     .conteneur-branding .texte-welcome {order: 4; flex: 0 0 100% !important; text-align: center; margin-top: 0.5em;}
     .conteneur-branding .menu-burger {order: 1; }

}

@media (max-width: 700px) {
    /* Menu Sticky */
    .menu-sticky.sticky-HautDroit {display: none;}

    /* Popup Bravo des onglets demande */
    .popup-bravo .container-popup {padding: 10vw;}
    .popup-bravo .popup-bloc-bt > div {flex-direction: column;}

    /* Menu Principal */
    .conteneur-branding .container-menuDesktop {display: none;} 
    .conteneur-branding .container-menuMobile {flex: 0 0 100%;} 
    #collapseMobileOnly.show {display: block;}
    .conteneur-branding .profil_circle {order: 3; display: block; text-align: right; margin-right: 0;} 
    .container-menuDesktop.menuLog-on .menu-user .picto-espace, 
    .container-menuDesktop.menuLog-on .menu-user .picto-messagerie,
    .container-menuDesktop.menuLog-on .menu-user .picto-ip  {display: block;}

    /* Inscription */
    .container-popup {flex-direction: column; align-content: center;}
    .container-popup .form-inscription {width: auto;}
    .popup-adhesion .container-critere {padding-left: 15px;}
    .popup-adhesion .container-etape .contenu-formulaire {margin-left: 0; margin-right: 0;}

}

@media all and (max-width : 635px) {
    /* Page Accueil */
    .htp .summup-texte {width: 100%;}
    .htp .summup-CTA {width: 100%; padding-left: 55px; padding-right: 55px;}
    .htp .summup-texte p.lien-texte {display: block; width: 100%; float: none; text-align: center;}

}

@media all and (max-width : 600px) { 
    /* Dashboard Client */
    .dashboard-client .onglet-general .form-alignSiret {flex-direction: column;}

    /* Messagerie */
    .messagerie .archives  { flex-direction: column;}
    .messagerie .archives .confidentiel {flex: 0 0 100%; max-width: 100%;}
    .container-archive .container-wrap {order:2 ; flex-direction: row;}
    .messagerie .archives .container-wrap {align-items: baseline; width: 100%; flex-wrap: wrap;}
    .messagerie .modal-content > .modal-body {padding-left: 15px; padding-right: 15px;}

}

@media all and (max-width : 575px) { 
    /* Page Liste */
    .container-trie.bloc-trie1::after, .container-select.bloc-trie1::after {right: 18%;}
    .container-trie.bloc-trie1::after, .container-select.bloc-trie2::after {right: 6%;}
    .monEspace .filtre .champ-recherche, .monEspace .filtre .champ-recherche::placeholder {font-size: 15px;}

    /* Messagerie */
    .messagerie .wrapper-aside-col {flex-direction: column;}
    .messagerie .menu-messagerie .onglet-messagerie {max-width: 50%; flex: auto; /* reset BsT */}

    /* Dasbboard */
    .htp .pg-accueil {width: 100%;}
}

@media all and (max-width : 565px) {
    /* Page Liste */
    .container-trie::after, .container-select::after {display: none;}
    .cartouche-reference {flex-wrap: wrap;}
    .cartouche-reference .info {flex: auto; text-align: left;}
    .cartouche-reference .suivant {flex: 0 0 100%; justify-content: space-between;  margin-top: 0.5em;}

    /* Page Liste & Voir */
    .col-aside {flex-flow: column wrap; align-content: center;}
    .col-aside .bt-focus {max-width: 100%;}
    .col-aside .tips {max-width: 100%;}

    /* Dashboard client - onglet Dossier -> Modifier */
    .dashboard-client .onglet-societe .formulaire-dossierModifier > * {flex: 0 0 100%; max-width: 100%;} 

    /* Popup */
    .htp .popup-bravo.bravo-creaModifier {width: 100%!important; min-width: unset !important;}

}

@media (max-width: 542px) {
    .dashboard-ajouter .formulaire-ajouter .tarif {width: 100%;}
}

@media (max-width: 530px) {
    /* Dashboard Client */
    .dashboard-client .onglet-general .general-photo {margin-top: 1em; flex: 0 0 100%; max-width: 100%; text-align: center;}
    .dashboard-client .onglet-general .form-colPrincipal {flex: 0 0 100%;}
    .dashboard-client .onglet-general .general-ville {flex: 0 0 100%;}
    .monCompte .wcol-principal .general-siret {flex: 0 0 100%; max-width: 100%;}
    .monCompte .wcol-principal .general-agrement {flex: 0 0 100%; max-width: 100%;}

    /* Messagerie */
    .messagerie .menu-messagerie .onglet-messagerie {width: 186px;}

    /* Onglets */
    .dashboard-entete {gap: 1em;}
    .dashboard-entete .tuto {order: 3; flex:0 0 100%; max-width: 100%; text-align: center;}
    .dashboard-entete .colonne-cta {order: 2; flex:0 0 100%; max-width: 100%;}
    .dashboard-entete .bt-cta {max-width: none; max-width: 100%;}

    /* Page Accueil */
    .container-accueil {flex-direction: column;}

}

@media (max-width: 515px) {
    /* Page Modifier negocié */
    .dashboard-repondre .inputLabel, .dashboard-ajouter .inputLabel {width: 100%;}
    .dashboard-repondre .inputLabel input, .dashboard-ajouter .inputLabel input {width: 80%;}
    .formulaire-ajouter .bloc-pj {flex-direction: column;}

    /* Page Ajouter Besoin */
    .dashboard-ajouter .container-table {flex-flow: column; align-items: center; max-width: max-content;}
    .dashboard-ajouter .container-table .table {max-width: 100%;}

    /* Page réponse Demande & Formateur */
    .wrapper-1col-1aside {flex-direction: column;}
    .wrapper-1col-1aside > * {flex: 0 0 100%;}
    .wrapper-1col-1aside .wcol-principal {margin-left: 0;} 

    /* Dashboard Client - Notification */
    .dashboard-client .onglet-notification .choix-notification {width: 100%; flex-direction: column;}
    .dashboard-client .onglet-notification .choix-notification md-switch {width: 88px; margin-top: 1em}
}

@media (max-width: 500px) {
    .popup-adhesion .container-etape form {margin: 0;}

    /* Pages Légales */
    .htp .pg-legal {padding-left: 0; padding-right: 0;}
}

@media (max-width: 470px) {
    .container-popup .form-inscription {min-width: auto;}
   
}

@media all and (max-width : 430px) { 
    /* Page Modifier negocié */
    .dashboard-repondre .inputLabel input, .dashboard-ajouter .inputLabel input {width: 70%;}

    /* Messagerie */
    .messagerie .menu-messagerie {flex-direction: column;}
    .messagerie .menu-messagerie .onglet-messagerie {max-width:none; justify-content: flex-start !important;}

    /* colonne Droite */
    .dashboard-ajouter .container-2col-souple {flex-direction: column; gap: 0.5em; align-items: center;}
    .dashboard-ajouter .container-2col-souple.form-tjm  {flex-direction: row; flex-wrap: wrap;}
    .dashboard-ajouter .container-2col-souple .bloc-info {flex: 0 0 100%;}
    
    /* Remplir Formulaire */
    .avec-rappel .bloc-rappel {flex: 0 0 100%; margin-top: 0.5em;}
    .avec-rappel .bloc-rappel p {text-align: left;}
    .avec-rappel .bloc-reponse  {flex: 0 0 100%} 

    /* Formulaire - date dispo */
    .formulaire-ajouter .maincontent .form-dispo  {align-items: center; row-gap: 0.5em;}
    .calendrier md-datepicker {width: min-content;}
    .calendrier md-datepicker div input {font-size: 13px; text-align: left;}
    .calendrier md-datepicker div {width: 80px;}

    /* Pages legales */
    .htp .pg-legal ul {padding-left: 25px;}

}

@media all and (max-width : 414px) {
    /* Page detail */
    .dashboard-voir .info-resume {flex-direction: column;}
    .dashboard-voir .info-resume > article {max-width: none; width: auto;}
    .conteneur-branding .texte-welcome {display: none;}
}

@media all and (max-width : 410px) { 
   /* Page Modifier negocié */
   .formulaire-ajouter .maincontent .col-5 {flex: 0 0 100%;} 

   /* Menu Principal */
   .conteneur-branding .menu-mobile {flex-flow: column wrap; gap: 1em;}

   /* Page Liste */
    .cartouche-reference .retour {max-width:100%; text-align: center;}
    .cartouche-reference .info {flex: 0 0 100%;}
    .cartouche-reference .suivant {flex: 0 0 100%; justify-content: space-between;}

    /* Progressbar */
    .htp .progressbar, .dashboard-ajouter .progressbar  {margin-left: 0; margin-right: 0; margin-top: 0;}
    .dashboard-ajouter .progressbar-taille-1 {width: 100%;}
    .dashboard-ajouter .fer-gauche {padding-left: 0;}

    /* Popup */
    .dashboard-ajouter .formulaire-ajouter .tarif .form-group {flex: 0 0 100%; margin-top: 1em; padding-right: 15px; padding-left: 15px;}
    .dashboard-ajouter .formulaire-ajouter .tarif .form-group input {width: 100%;}
    .dashboard-ajouter .formulaire-ajouter .tarif .form-group:first-child {margin-top: 0;}
    .dashboard-ajouter .formulaire-ajouter .places article {margin-top: 1em;}
    
}

@media all and (max-width : 385px) {
    .pg-accueil .container-accueil article.long-1,
        .pg-accueil .container-accueil article.long-2 {flex: 0 0 100%;}
}

@media all and (max-width : 329px) {
    /* Header */
    .htp .conteneur-branding .logoHTP svg {width: 100%;}
    .htp .conteneur-branding .logoHTP {flex: 2 0 0; max-width: none;}
}

@media all and (max-width : 320px) { 
    /*  Menu de connexion */
    .affichage-mobile .profil_circle:hover .menu-mobile {display: block;}

    /* Dashboard Client */
    .dashboard-client .onglet-general .form-alignTel > * {flex: 0 0 100%;}
    .pg-accueil .long-1,
    .pg-accueil .long-2 {min-width: auto;}

    /* Remplir Formulaire */
    .dashboard-ajouter .form-dispo  {flex-direction: column;}
    .dashboard-ajouter .form-tjm .taille-champ-1 {width: 70%;}

    /* Menu Principal */
    .htp .menu-principal {width: 100%; min-width: auto;}

}

@media all and (max-width : 286px) { 
    /* Dashboard Client */
    .dashboard-client .onglet-societe .formulaire-dossierModifier .tips-CA {text-align: right; padding-left: 0; padding-right: 17px;}

}

@media (min-width: 1580px) {
    .menu-sticky.sticky-HautDroit {right: -165px;}
}

@media (min-width: 768px) {
    .dashboard-ajouter .formulaire-ajouter .tarif {width: 570px; justify-content: space-between !important; margin-left: auto !important; margin-right: auto !important;}
}

@media (min-width: 1500px) and (max-width: 1580px) {
    .menu-sticky.sticky-HautDroit {display: none;}
}

@media (min-width: 1291px) and (max-width: 1640px) {
    .menu-sticky.sticky-HautDroit {right: -175px;}
}

@media (min-width: 1200px) and (max-width: 1290px) {
    .menu-sticky.sticky-HautDroit {display: none;}
}

@media (min-width: 1101px) and (max-width: 1199px) {
    .menu-sticky.sticky-HautDroit {right: -175px;}
}

@media (min-width: 992px) and (max-width: 1100px) {
    .menu-sticky.sticky-HautDroit {display: none;}
}

@media (min-width: 866px) and (max-width: 991px) {
    .menu-sticky.sticky-HautDroit {right: -190px;}
}

@media (min-width: 768px) and (max-width: 865px) {
    .menu-sticky.sticky-HautDroit {display: none;}

    /* Dashboard Client */
    .dashboard-client .onglet-general .form-alignAdresse {width: 445px;}
}

@media (min-width: 701px) and (max-width: 767px) {
    .menu-sticky.sticky-HautDroit {right: -190px;}
}

@media (min-width: 576px) and (max-width: 664px) {
    /* Dashboard Client */
    .dashboard-client.onglet-general .formulaire-societe .form-alignAdresse {width: 445px;}
}

@media (min-width: 530px) and (max-width: 631px) {
    /* Dashboard Client */
    .dashboard-client .onglet-general .general-ville {
        max-width: 304px;
    }
}