                                                                            @charset "utf-8";
                                                                            @font-face {
                                                                                font-family: "Arial";
                                                                                src: local("Arial"),
                                                                            }
                                                                            
                                                                            .navbar {
                                                                                backdrop-filter: blur(5px);
                                                                                background-color: rgba(255, 255, 255, .15);
                                                                                height: 10%;
                                                                            }
                                                                            
                                                                            .nav-tabs .nav-link.active,
                                                                            .nav-tabs .nav-item.show .nav-link {
                                                                                color: #8d71b1;
                                                                                border-color: #8d71b1;
                                                                                font-weight: 400;
                                                                                /*#ffa900*/
                                                                            }
                                                                            
                                                                            .navbar-brand {
                                                                                letter-spacing: 3px;
                                                                                font-size: 2rem;
                                                                                font-weight: 500;
                                                                            }
                                                                            
                                                                            .navbar-scroll .navbar-brand,
                                                                            .navbar-scroll .nav-link,
                                                                            .navbar-scroll .fa-bars {
                                                                                color: #42525a;
                                                                                font-weight: 530;
                                                                            }
                                                                            
                                                                            .navbar-scroll {
                                                                                box-shadow: none;
                                                                            }
                                                                            
                                                                            .navbar-scrolled {
                                                                                background-color: #ffffff;
                                                                            }
                                                                            
                                                                            .navbar-scrolled .navbar-brand,
                                                                            .navbar-scrolled .nav-link,
                                                                            .navbar-scrolled .fa-bars {
                                                                                color: #42525a;
                                                                            }
                                                                            /*marge qui permet de voir le sous menu RH dans la barre de navigation en entier*/
                                                                            
                                                                            .navbar-margin {
                                                                                margin-right: 80px;
                                                                            }
                                                                            
                                                                            .txtjustify {
                                                                                text-align: justify;
                                                                            }
                                                                            
                                                                            .display-1 {
                                                                                font-weight: 500 !important;
                                                                                letter-spacing: 40px;
                                                                            }
                                                                            
                                                                            @media (max-width: 450px) {
                                                                                #intro {
                                                                                    height: 450px !important;
                                                                                }
                                                                                .logo-navbar {
                                                                                    height: 40%;
                                                                                    width: 40%
                                                                                }
                                                                                .formatBtnHamburger {
                                                                                    font-size: 12px;
                                                                                    padding-left: 5px;
                                                                                    padding-right: 5px;
                                                                                    padding-top: 5px;
                                                                                    padding-bottom: 5px;
                                                                                }
                                                                                .navbar {
                                                                                    backdrop-filter: blur(5px);
                                                                                    background-color: rgba(255, 255, 255, .15);
                                                                                    height: 30%;
                                                                                }
                                                                                .responsive-font-card {
                                                                                    font-size: 10px;
                                                                                }
                                                                                .textAccueil-white {
                                                                                    color: #fff;
                                                                                    font-size: 10px;
                                                                                }
                                                                                .nav-link {
                                                                                    padding-left: 5%;
                                                                                }
                                                                                .nav-item {
                                                                                    background-color: #fff;
                                                                                    padding-left: 5%;
                                                                                    font-size: 12px;
                                                                                }
                                                                                .dropdown-menu {
                                                                                    margin-top: -100px;
                                                                                    font-size: 12px;
                                                                                    margin-left: 25%;
                                                                                }
                                                                                .ss-menuRh {
                                                                                    margin-top: -100px;
                                                                                }
                                                                                .svgTailleTitre {
                                                                                    height: 33px;
                                                                                    width: 433px;
                                                                                }
                                                                                /*Page RH */
                                                                                .candidaterSvg {
                                                                                    height: 70%;
                                                                                    width: 70%;
                                                                                }
                                                                                .hubloSvg {
                                                                                    height: 100%;
                                                                                    width: 100%;
                                                                                }
                                                                                /*bouton télécharger dans RH  image Hublo*/
                                                                                .btnTelecharger {
                                                                                    margin-bottom: 2600px;
                                                                                }
                                                                                .btnStyle {
                                                                                    font-size: 10px;
                                                                                    padding-left: 8px;
                                                                                    padding-right: 8px;
                                                                                    padding-top: 5px;
                                                                                    padding-bottom: 5px;
                                                                                }
                                                                                /*Puces dans le footer*/
                                                                                .sm-puce-situe {
                                                                                    margin-left: 1%;
                                                                                }
                                                                                .sm-puce-mail {
                                                                                    margin-left: 40%;
                                                                                }
                                                                                .sm-puce-tel {
                                                                                    margin-left: 40%;
                                                                                }
                                                                                .sm-puce-linkedin {
                                                                                    margin-right: 45%;
                                                                                }
                                                                                .txtIndexCard-Activites {
                                                                                    padding-left: 4%;
                                                                                }
                                                                            }
                                                                            
                                                                            @media (min-width: 550px) and (max-width: 750px) {
                                                                                .logo-navbar {
                                                                                    height: 40%;
                                                                                    width: 40%
                                                                                }
                                                                                .formatBtnHamburger {
                                                                                    font-size: 12px;
                                                                                    padding-left: 5px;
                                                                                    padding-right: 5px;
                                                                                    padding-top: 5px;
                                                                                    padding-bottom: 5px;
                                                                                }
                                                                                .navbar {
                                                                                    backdrop-filter: blur(5px);
                                                                                    background-color: rgba(255, 255, 255, .15);
                                                                                    height: 30%;
                                                                                }
                                                                                .responsive-font-card {
                                                                                    font-size: 10px;
                                                                                }
                                                                                .textAccueil-white {
                                                                                    color: #fff;
                                                                                    font-size: 10px;
                                                                                }
                                                                                .nav-link {
                                                                                    padding-left: 5%;
                                                                                }
                                                                                .nav-item {
                                                                                    background-color: #fff;
                                                                                    padding-left: 5%;
                                                                                    font-size: 12px;
                                                                                }
                                                                                .dropdown-menu {
                                                                                    margin-top: -100px;
                                                                                    font-size: 12px;
                                                                                    margin-left: 25%;
                                                                                }
                                                                                .ss-menuRh {
                                                                                    margin-top: -100px;
                                                                                }
                                                                                .svgTailleTitre {
                                                                                    height: 33px;
                                                                                    width: 450px;
                                                                                }
                                                                                /*Page RH */
                                                                                .candidaterSvg {
                                                                                    height: 70%;
                                                                                    width: 70%;
                                                                                }
                                                                                .hubloSvg {
                                                                                    height: 100%;
                                                                                    width: 100%;
                                                                                }
                                                                                /*bouton télécharger dans RH  image Hublo*/
                                                                                .btnTelecharger {
                                                                                    margin-bottom: 2600px;
                                                                                }
                                                                                .btnStyle {
                                                                                    font-size: 10px;
                                                                                    padding-left: 8px;
                                                                                    padding-right: 8px;
                                                                                    padding-top: 5px;
                                                                                    padding-bottom: 5px;
                                                                                }
                                                                                /*Puces dans le footer*/
                                                                                .sm-puce-situe {
                                                                                    margin-left: 30%;
                                                                                }
                                                                                .sm-puce-mail {
                                                                                    margin-left: 40%;
                                                                                }
                                                                                .sm-puce-tel {
                                                                                    margin-left: 40%;
                                                                                }
                                                                                .sm-puce-linkedin {
                                                                                    margin-left: 32%;
                                                                                }
                                                                                .blockquote-custom-icon {
                                                                                    width: 100px;
                                                                                    height: 100px;
                                                                                    border-radius: 50%;
                                                                                    display: flex;
                                                                                    align-items: center;
                                                                                    justify-content: center;
                                                                                    position: absolute;
                                                                                    bottom: -20px;
                                                                                    margin-left: 7%
                                                                                }
                                                                                .txtIndexCard-Activites {
                                                                                    padding-left: 4%;
                                                                                }
                                                                            }
                                                                            /* Ipad air Portrait ou IphoneXR en paysage */
                                                                            
                                                                            @media (min-width: 800px) and (max-width: 990px) {
                                                                                #intro {
                                                                                    height: 600px !important;
                                                                                }
                                                                                .responsive-font-card {
                                                                                    font-size: 10px;
                                                                                }
                                                                                .logo-navbar {
                                                                                    height: 20%;
                                                                                    width: 20%
                                                                                }
                                                                                .textAccueil-white {
                                                                                    color: #fff;
                                                                                }
                                                                                .nav-link {
                                                                                    background-color: #fff;
                                                                                    font-size: 7px;
                                                                                }
                                                                                .nav-item {
                                                                                    background-color: #fff;
                                                                                    padding-left: 5%;
                                                                                    font-size: 7px;
                                                                                }
                                                                                .svgTailleTitre {
                                                                                    height: 33px;
                                                                                    width: 500px;
                                                                                }
                                                                                .candidaterSvg {
                                                                                    height: 100%;
                                                                                    width: 100%;
                                                                                }
                                                                                .hubloSvg {
                                                                                    height: 100%;
                                                                                    width: 100%;
                                                                                }
                                                                                /*bouton télécharger dans image Hublo*/
                                                                                .btnTelecharger {
                                                                                    margin-top: 110px;
                                                                                    margin-left: 105px;
                                                                                }
                                                                                .btnStyle {
                                                                                    font-size: 12px;
                                                                                    padding-left: 10px;
                                                                                    padding-right: 10px;
                                                                                    padding-top: 6px;
                                                                                    padding-bottom: 6px;
                                                                                }
                                                                                /*Puces dans le footer*/
                                                                                .sm-puce-situe {
                                                                                    margin-left: 20%;
                                                                                }
                                                                                .sm-puce-mail {
                                                                                    margin-left: 35%;
                                                                                }
                                                                                .sm-puce-tel {
                                                                                    margin-left: 38%;
                                                                                }
                                                                                .sm-puce-linkedin {
                                                                                    margin-left: 23%;
                                                                                }
                                                                                /*Index card nos activités*/
                                                                                .blockquote-custom-icon {
                                                                                    width: 100px;
                                                                                    height: 100px;
                                                                                    border-radius: 50%;
                                                                                    display: flex;
                                                                                    align-items: center;
                                                                                    justify-content: center;
                                                                                    position: absolute;
                                                                                    bottom: -20px;
                                                                                    margin-left: 1%
                                                                                }
                                                                                .txtIndexCard-Activites {
                                                                                    padding-left: 8%;
                                                                                }
                                                                            }
                                                                            /* Ipad air PORTRAIT Taille MD*/
                                                                            
                                                                            @media (max-width: 991px) {
                                                                                .navbar {
                                                                                    backdrop-filter: blur(5px);
                                                                                    background-color: rgba(255, 255, 255, .15);
                                                                                    height: 22%;
                                                                                }
                                                                                .responsive-font-card {
                                                                                    font-size: 16px;
                                                                                    color: black;
                                                                                }
                                                                                .textAccueil-white {
                                                                                    color: #fff;
                                                                                    font-size: 10px;
                                                                                }
                                                                                .nav-link {
                                                                                    padding-left: 5%;
                                                                                    font-size: 12px;
                                                                                }
                                                                                .nav-item {
                                                                                    background-color: #fff;
                                                                                    padding-left: 5%;
                                                                                }
                                                                                .dropdown-menu {
                                                                                    margin-top: -100px;
                                                                                    font-size: 12px;
                                                                                    margin-left: 25%;
                                                                                }
                                                                                .ss-menuRh {
                                                                                    margin-top: -100px;
                                                                                }
                                                                                .svgTailleTitre {
                                                                                    height: 33px;
                                                                                    width: 500px;
                                                                                }
                                                                                .candidaterSvg {
                                                                                    height: 70%;
                                                                                    width: 70%;
                                                                                }
                                                                                .hubloSvg {
                                                                                    height: 100%;
                                                                                    width: 100%;
                                                                                }
                                                                                .logo-navbar {
                                                                                    height: 40%;
                                                                                    width: 40%
                                                                                }
                                                                                /*bouton télécharger dans image Hublo*/
                                                                                .btnTelecharger {
                                                                                    margin-top: 120px;
                                                                                    margin-left: 105px;
                                                                                }
                                                                                /*Puces dans le footer*/
                                                                                .sm-puce-situe {
                                                                                    margin-left: 20%;
                                                                                }
                                                                                .sm-puce-mail {
                                                                                    margin-left: 35%;
                                                                                }
                                                                                .sm-puce-tel {
                                                                                    margin-left: 38%;
                                                                                }
                                                                                .sm-puce-linkedin {
                                                                                    margin-left: 23%;
                                                                                }
                                                                                /*Index card nos activités*/
                                                                                .blockquote-custom-icon {
                                                                                    width: 100px;
                                                                                    height: 100px;
                                                                                    border-radius: 50%;
                                                                                    display: flex;
                                                                                    align-items: center;
                                                                                    justify-content: center;
                                                                                    position: absolute;
                                                                                    bottom: -20px;
                                                                                    margin-left: -2%
                                                                                }
                                                                                .txtIndexCard-Activites {
                                                                                    padding-left: 7%;
                                                                                }
                                                                                /*Etablissement - Présentation- texte et Liste à puce*/
                                                                                .margleftTxt {
                                                                                    margin-left: 25%;
                                                                                }
                                                                                .margleftTxtPuce {
                                                                                    margin-left: 21%;
                                                                                    margin-right: 32%;
                                                                                }
                                                                                .margTxtPuces {
                                                                                    margin-left: 4%;
                                                                                }
                                                                                /*Ehpad Taille img Entete*/
                                                                                .tailleEntete-image {
                                                                                    height: 400px;
                                                                                }
                                                                                /**Index forme arrondi de la google map*/
                                                                                .rounded-tr-lg-0 {
                                                                                    border-top-right-radius: 0;
                                                                                }
                                                                                .rounded-bl-lg-5 {
                                                                                    border-bottom-left-radius: 0.5rem;
                                                                                }
                                                                                .mapTaille {
                                                                                    width: 100%;
                                                                                }
                                                                            }
                                                                            /* Height for devices larger than 576px IPAD AIR PAYSAGE*/
                                                                            
                                                                            @media (min-width: 992px) {
                                                                                #introCarousel {
                                                                                    margin-top: -58.59px;
                                                                                }
                                                                                .responsive-font-p {
                                                                                    font-size: 16px;
                                                                                }
                                                                                .logo-navbar {
                                                                                    height: 100%;
                                                                                    width: 100%;
                                                                                    margin-left: 10%;
                                                                                }
                                                                                .svgTailleTitre {
                                                                                    height: 33px;
                                                                                    width: 530px;
                                                                                }
                                                                                .candidaterSvg {
                                                                                    height: 70%;
                                                                                    width: 70%;
                                                                                    margin: 0;
                                                                                    padding: 0;
                                                                                }
                                                                                .hubloSvg {
                                                                                    height: 90%;
                                                                                    width: 90%;
                                                                                }
                                                                                /*bouton télécharger dans image Hublo*/
                                                                                .btnTelecharger {
                                                                                    margin-top: 130px;
                                                                                    margin-left: 170px;
                                                                                }
                                                                                /*Index card nos activités*/
                                                                                .blockquote-custom-icon {
                                                                                    width: 50px;
                                                                                    height: 50px;
                                                                                    border-radius: 50%;
                                                                                    display: flex;
                                                                                    align-items: center;
                                                                                    justify-content: center;
                                                                                    position: absolute;
                                                                                    bottom: -20px;
                                                                                    margin-left: -9%
                                                                                }
                                                                                .txtIndexCard-Activites {
                                                                                    padding-left: 5%;
                                                                                }
                                                                                .tailleConteneur {
                                                                                    margin-right: 8%;
                                                                                }
                                                                                /*Puces dans le footer*/
                                                                                .sm-puce-situe {
                                                                                    margin-left: 4%;
                                                                                }
                                                                                .sm-puce-mail {
                                                                                    margin-left: 2%;
                                                                                }
                                                                                .sm-puce-tel {
                                                                                    margin-left: 2%;
                                                                                }
                                                                                .sm-puce-linkedin {
                                                                                    margin-left: 2%;
                                                                                }
                                                                                /*Etablissement - Présentation- texte et Liste à puce*/
                                                                                .margleftTxt {
                                                                                    margin-left: 15%;
                                                                                    margin-right: 15%;
                                                                                }
                                                                                .margleftTxtPuce {
                                                                                    margin-left: 8%;
                                                                                    margin-right: 15%;
                                                                                }
                                                                                .margTxtPuces {
                                                                                    margin-left: 4%;
                                                                                }
                                                                                .tailleEntete-image {
                                                                                    height: 400px;
                                                                                }
                                                                                /**Index forme arrondi de la google map*/
                                                                                .rounded-tr-lg-0 {
                                                                                    border-top-right-radius: 0;
                                                                                }
                                                                                .rounded-bl-lg-5 {
                                                                                    border-bottom-left-radius: 0.5rem;
                                                                                }
                                                                                .mapTaille {
                                                                                    width: 100%;
                                                                                }
                                                                            }
                                                                            /*Mon Ecran*/
                                                                            
                                                                            @media (min-width: 1600px) {
                                                                                .display-1 {
                                                                                    font-size: 10rem;
                                                                                }
                                                                                .responsive-font-card {
                                                                                    font-size: 18px;
                                                                                }
                                                                                .logo-navbar {
                                                                                    height: 30%;
                                                                                    width: 30%
                                                                                }
                                                                                .textAccueil-white {
                                                                                    color: #fff;
                                                                                }
                                                                                .svgTailleTitre {
                                                                                    height: 33px;
                                                                                    width: 600px;
                                                                                }
                                                                                .candidaterSvg {
                                                                                    height: 40%;
                                                                                    width: 40%;
                                                                                }
                                                                                .hubloSvg {
                                                                                    height: 60%;
                                                                                    width: 60%;
                                                                                }
                                                                                /*bouton télécharger dans image Hublo*/
                                                                                .btnTelecharger {
                                                                                    margin-top: 150px;
                                                                                    margin-left: 500px;
                                                                                }
                                                                                /*Index card nos activités*/
                                                                                .blockquote-custom-icon {
                                                                                    width: 50px;
                                                                                    height: 50px;
                                                                                    border-radius: 50%;
                                                                                    display: flex;
                                                                                    align-items: center;
                                                                                    justify-content: center;
                                                                                    position: absolute;
                                                                                    bottom: -20px;
                                                                                    margin-left: 2%
                                                                                }
                                                                                .txtIndexCard-Activites {
                                                                                    padding-left: 3%;
                                                                                }
                                                                                /*Index Pourquoi nous */
                                                                                .tailleConteneur {
                                                                                    margin-right: 8%;
                                                                                }
                                                                                /*Puces dans le footer*/
                                                                                .sm-puce-situe {
                                                                                    margin-left: 4%;
                                                                                }
                                                                                .sm-puce-mail {
                                                                                    margin-left: 2%;
                                                                                }
                                                                                .sm-puce-tel {
                                                                                    margin-left: 2%;
                                                                                }
                                                                                .sm-puce-linkedin {
                                                                                    margin-left: 2%;
                                                                                }
                                                                                /*Etablissement - Présentation- texte et Liste à puce*/
                                                                                .margleftTxt {
                                                                                    margin-left: 25%;
                                                                                }
                                                                                .margleftTxtPuce {
                                                                                    margin-left: 21%;
                                                                                    margin-right: 32%;
                                                                                }
                                                                                .margTxtPuces {
                                                                                    margin-left: 4%;
                                                                                }
                                                                                /*Ehpad Taille img Entete*/
                                                                                .tailleEntete-image {
                                                                                    height: 600px;
                                                                                }
                                                                            }
                                                                            
                                                                            body {
                                                                                font-family: "ARIAL";
                                                                                color: #42525a
                                                                            }
                                                                            
                                                                            .btnBlueCharte {
                                                                                background-color: #345f84;
                                                                            }
                                                                            
                                                                            .btnGrisCharte {
                                                                                background-color: #42525a;
                                                                            }
                                                                            
                                                                            .btnCyanCharte {
                                                                                background-color: #33abb9;
                                                                                color: #fff;
                                                                                font-style: bold;
                                                                            }
                                                                            
                                                                            .btnOrangeCharte {
                                                                                background-color: #f5821f;
                                                                                /*#f5821f ou #ff963b*/
                                                                            }
                                                                            
                                                                            .TxtGrisCharte {
                                                                                color: #42525a
                                                                            }
                                                                            
                                                                            .TxtBlueCharte {
                                                                                color: #345f84
                                                                            }
                                                                            
                                                                            .TxtCyanCharte {
                                                                                color: #33abb9
                                                                            }
                                                                            
                                                                            .TxtOrangeCharte {
                                                                                color: #f5821f
                                                                            }
                                                                            
                                                                            .TxtVioletCharte {
                                                                                color: #8d71b1
                                                                            }
                                                                            /*Page Accueil icones dans rond 'Nos Activités'*/
                                                                            
                                                                            .blockquote-custom {
                                                                                position: relative;
                                                                                font-size: 1.1rem;
                                                                            }
                                                                            
                                                                            .blockquote-custom-icon {
                                                                                width: 100px;
                                                                                height: 100px;
                                                                                border-radius: 50%;
                                                                                display: flex;
                                                                                align-items: center;
                                                                                justify-content: center;
                                                                                position: absolute;
                                                                                bottom: -20px;
                                                                                left: 32%
                                                                            }
                                                                            
                                                                            .txtIndexCard-Activites {
                                                                                padding-right: 5px;
                                                                            }
                                                                            
                                                                            .gradient-custom {
                                                                                /* fallback for old browsers */
                                                                                /*background: #33abb9;*/
                                                                                background-color: hsl(186, 56.8%, 46.3%);
                                                                                background-image: radial-gradient( 650px circle at 0% 0%, hsl(186, 56.8%, 82.7%) 15%, hsl(186, 57%, 73.5%)35%, hsl(186, 56.9%, 64.5%)75%, hsl(186, 57%, 55.3%) 80%, transparent 100%), radial-gradient( 1250px circle at 100% 100%, hsl(186, 57%, 55.3%) 15%, hsl(186, 56.9%, 64.5%) 35%, hsl(186, 56.4%, 36.9%) 75%, hsl(186, 56.6%, 46.1%) 80%, transparent 100%);
                                                                                background-image: -webkit-radial-gradient( 650px circle at 0% 0%, hsl(186, 56.8%, 82.7%) 15%, hsl(186, 57%, 73.5%)35%, hsl(186, 56.9%, 64.5%)75%, hsl(186, 57%, 55.3%) 80%, transparent 100%), radial-gradient( 1250px circle at 100% 100%, hsl(186, 57%, 55.3%) 15%, hsl(186, 56.9%, 64.5%) 35%, hsl(186, 56.4%, 36.9%) 75%, hsl(186, 56.6%, 46.1%) 80%, transparent 100%);
                                                                            }
                                                                            /* Index Google map */
                                                                            
                                                                            .map-container-2 {
                                                                                height: 500px;
                                                                            }
                                                                            
                                                                            .map-container-2 iframe {
                                                                                left: 0;
                                                                                top: 0;
                                                                                height: 100%;
                                                                                width: 100%;
                                                                            }
                                                                            
                                                                            .rounded-t-5 {
                                                                                border-top-left-radius: 0.5rem;
                                                                                border-top-right-radius: 0.5rem;
                                                                            }
                                                                            /* Carousel styling */
                                                                            
                                                                            #introCarousel,
                                                                            .carousel-inner,
                                                                            .carousel-item,
                                                                            .carousel-item.active {
                                                                                height: 65vh;
                                                                            }
                                                                            
                                                                            .carousel-item:nth-child(1) {
                                                                                background-image: url('../img/ACCUEIL/Caroussel/Mains_RH.jpg');
                                                                                background-repeat: no-repeat;
                                                                                background-size: cover;
                                                                                background-position: center center;
                                                                            }
                                                                            
                                                                            .carousel-item:nth-child(2) {
                                                                                background-image: url('../img/ACCUEIL/Caroussel/PDR30_Actus-visites.jpg');
                                                                                background-repeat: no-repeat;
                                                                                background-size: cover;
                                                                                background-position: center center;
                                                                            }
                                                                            
                                                                            .carousel-item:nth-child(3) {
                                                                                background-image: url('../img/ACCUEIL/Caroussel/Doctor_at_work_Qualite.jpg');
                                                                                background-repeat: no-repeat;
                                                                                background-size: cover;
                                                                                background-position: center center;
                                                                            }