@media screen and (max-width: 720px) {
    header
    {
        margin-bottom: 60px;
    }
    div h2
    {
        font-size: 1em;
    }
    .dropdown-item-nav
    {
        font-size: 0.5em;
    }
    .paragGalerieVide
    {
        border: 3px solid var(--couleur-roseBonbon);
        height: 100px;
        margin-bottom: 5px;
    }
    #galerieVide
    {
        font-size: 1em;
    }
    .btnRenseignementDevis
    {
        display: none;
    }
    .btnRenseignementFooter
    {
        visibility: hidden;
    }
    .border-secondaryPresta
    {
        height: 200px;
    }
    .titrePresta
    {
        font-size: 1em;
    }
    .divTarifPresta
    {
        margin-bottom: 5px;
    }
    .avatar
    {
        width: 100%;
        height: 110px;
        margin-bottom: 15px;
    }
    .imgPrestation
    {
        width: 90%;
    }
    ul .btn
    {
        visibility: hidden;
        display: none;
    }
    .divCommentaire
    {
        height: 110px;
        width: 40%;
        margin-bottom: 5px;
    }
    .mb-0
    {
        font-size: 0.4em;
        width: 100%;
    }
    .blockquote-presta-footer
    {
        font-size: 0.5em;
    }
    .blockquote
    {
        margin-top: 5px;
        padding: 0%;
    }
    .imgCarteCadeau
    {
        height: 100px;
        width: 70%;
    }
    .divImgCarteCadeau
    {
        height: 100px;
    }
    .card-title
    {
        font-size: 0.8em;
    }
    .card-header{
        font-size: 1em;
    }
    .card-body
    {
        padding-top: 5px;
    }
    .card-text
    {
        font-size: 0.5em;
        padding-left: 0px;
        width: 100%;
    }
    .card-footer
    {
        font-size: 0.5em;
    }
    footer h3
    {
        font-size: 1em;
    }
    #footer
    {
        height: 50px;
    }
    footer .btn
    {
        display: none;
    }
    .siteTitle
    {
        height: 50px;
    }
    .navbar-nav
    {
        flex-direction: row;
        font-size: 0.5em;
    }
    .description
    {
        font-size: 0.8em;
        margin-top: 0px;
        text-align: center;
    }
    .titreDescriptionAccueil2
    {
        font-size: 1.5em;
    }
    .descriptionAccueil2
    {
        font-size: 1em;
        margin-bottom:30px;
    }
    .titreModif
    {
        font-size: 2em;
        text-align: center;
    }
    .livreOr .btn
    {
        display: none;
    }
    .btnAvis
    {
        display: block;
        margin-bottom: 10px;
        background-color: var(--couleur-site);
        border-radius: 20px;
    }
    .btnContact
    {
        display: none;
    }
    .divMainLogin
    {
        padding: 0;
        background-image: none;
    }
    .lienLogin
    {
        text-align: center;
        position: page;
    }
    .mainLogin
    {
        margin-bottom: 10px;
    }
    .dropdown-item-nav
    {
        color: black;
    }
    .menuHidden
    {
        display: none;
    }
    .prestaDeroulant
    {
        display: block;
    }
    .prestaDeroulant.open
    {
        width: 20%;
    }
    .evenement.open
    {
        width: 20%;
    }
    .nav-link
    {
        width: 50px;
    }
    .glyphicon
    {
        width: 10px;
    }
    .nav-item
    {
        font-size: 1em;
        margin-left: 0px;
    }
    #formRDV
    {
        width: 50%;
    }
    .ulPhoto
    {
        padding-left: 0px;
    }
    .titreUser
    {
        font-size: 1.5em;
        width: 100%;
    }
    .divMonCompte
    {
        font-size: 1em;
    }
    .formCompte
    {
        margin-top: 10px;
        margin-bottom: 10px;
    }
    .divMesSeances
    {
        font-size: 1em;
    }
    .conseil
    {
        font-size: 1.5em;
        text-align: center;
        border: 3px solid red;
        margin-bottom: 15px;
        display: block;
    }
    .labelLaisserCommentaire
    {
        font-size: 1em;
    }
    .motPasseOublie
    {
        font-size: 1em;
    }
    .menuPc
    {
        display: none;
    }
    .menuMobile
    {
        display: block;
    }
    .imgModifierPanorama
    {
        width:100%;
        border: 3px solid var(--couleur-roseBonbon);
    }
    div h1
    {
        font-size: 1.5em;
        width: 100%;
    }
    .btnInfo
    {
        display: block;
        margin-bottom: 10px;
        background-color: var(--couleur-roseBonbon);
        border-radius: 20px;
    }
    .detail
    {
        font-size: 0.8em;
    }
    #mentionLegal
    {
        font-size: 0.5em;
    }
    .btnModale
    {
        display: block;
    }
    .presentationAccueil
    {
        margin-top: 0;
    }
    .presentationAccueil p
    {
        font-size: 1em;
        text-align: center;
    }
    .divAccueil
    {
        margin-bottom:10px;
        margin-top:10px;
        height:300px;
    }
    .container-image-accueil
    {
        margin-bottom:5px;
    }
    .div-prix
    {
        margin-top:5px;
    }
    .detailPrestaGauche
    {
        font-size: 1em;
    }
    .detailPrestadroite
    {
        font-size: 1em;
    }
    .photoAccueil
    {
        float: left;
    }
    .imgAGauche
    {
        width: 50%;
    }
    .imgADroite
    {
        width: 50%;
    }
    .paragADroite
    {
        font-size: 0.8em;
        margin-top: 20px;
    }
    .paragAGauche
    {
        font-size: 0.8em;
        margin-top: 20px;
    }
    .slogan
    {
        font-size: 1em;
    }
    .unPeuDeMoi
    {
        text-align: center;
    }

    /**Nav mobile**/

    .topnav
    {
        margin-top: 10px;
        margin-bottom: 10px;
        display: block;
        overflow: hidden;
        position: relative;
    }
    .topnav a {
        float: left;
        display: block;
        color: var(--couleur-roseBonbon);
        font-family: var(--font-family-p);
        font-weight: bold;
        font-style: italic;
        text-align: center;
        padding-right: 10px;
        text-decoration: none;
        font-size: 0.6em;
    }

    .topnav a:hover {
        background-color: #ddd;
        color: black;
    }

    .topnav a.active {
        background-color: #04AA6D;
        color: white;
    }

    .topnav .icon {
        display: none;
    }


    .topnav #myLinks {
        display: none;
    }
    .topnav #myLinks2 {
        display: none;
    }
    .topnav #myLinks3 {
        display: none;
    }

    .topnav a.icon {
        display: block;
        right: 0;
        top: 0;
    }

    .topnav div a
    {
        background-color: var(--couleur-theme);
        color: black;
        float: none;
        text-align: center;
        padding-right: 0px;
    }
    
    .menuAdminHidden
    {
       display:none;
    }
    .menuAdminMobileHidden
    {
        display:block;
        text-align:center;
        background-color: var(--couleur-theme);
        font-size: 1.5em;
    }
    .menuAdminMobileHidden ul
    {
        list-style: none;
        border : 1px solid black;
    }
    .menuAdminMobileHidden ul li
    {
        border-bottom : 1px solid black;
    }
    .dropdown-toggle
    {
        color: black;
    }
    .dropdownMobile
    {
        font-size: 1.5em;
        color:black;
        text-align:center;
    }
    .lienAdminMobile a
    {
        color:black;
    }
    .tableHidden
    {
        display:none;
    }
    .photoTarifHidden
    {
        display:none;
    }
    /********************/
}