/* STYLE PARENT */
/* base.html.twig */
/* CONTENU GENERAL */
html {
    scroll-behavior: smooth;
}
:target::before {
    content: " ";
    display: block;
    height: 100px;         /* hauteur de la partie fixe */
    margin-top: -100px;    /* moins la hauteur de la partie fixe */
}
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@300;400;500;600;700&display=swap');
body {
    font-family: 'Oswald', sans-serif;
    padding-top: 96px;
    max-width: 100vw;
}
@media screen and (min-width: 1662px) {
.invisible-desktop {
    display: none !important;
}
.visible-laptop {
    display: none !important;
}
}
/* MENU */
.menu {
    z-index: 2;
}
.navbar {
    z-index: 10002; /*pour ombre nav visible top caroussel*/
    box-shadow: 0px 10px 5px rgba(0,0,0,.15);
    border-radius: 0px !important;
    max-width: 100vw;
}
.logo-teszu {
    width: 250px;
    height: 70px;
}
#nav-espace-client {
    color:#0086a5 !important;
}
#nav-espace-carriere {
    color: #00253f !important;
    background-color:#00d6a1;
    padding-left: 12px;
    padding-right: 12px;
    padding-bottom: 8px !important;
}
#nav-etre-rappele {
    color:white !important;
    background-color:#0086a5;
    padding-left: 12px;
    padding-right: 12px;
    padding-top: 9.5px !important;
    padding-bottom: 9.5px !important;
    font-size: 0.875rem; /*14px*/
}
.phone-icon {
    height: 17px;
    margin-right: 0.313rem; /*5px*/
}
a.nav-link {
    color: #00253f !important;
    font-weight: 500;
    padding-bottom: 18px;
    font-size: 1rem; /*16px*/
}
a.nav-link:hover {
    color: #00d6a1 !important;
}
/* MENU DROPDOWN */
.navbar .nav-item .dropdown-menu {
    display: none;
}
.navbar .nav-item:hover .dropdown-menu {
    display: block;
    border: none;
    margin-top: 0px;
}
.navbar .nav-item:hover a.nav-link {
    color: #00d6a1 !important;
}
/* MENU DROPDOWN FLECHE */
.dropdown-menu::before {
    border-bottom: 9px solid #c4c4c4;
    border-left: 9px solid rgba(0, 0, 0, 0);
    border-right: 9px solid rgba(0, 0, 0, 0);
    content: "";
    display: inline-block;
    left: 22px;
    position: absolute;
    top: -13px;
    border-width: 12px 8px 12px 8px;
}
.dropdown-menu::after {
    border-bottom: 8px solid #FFFFFF;
    border-left: 9px solid rgba(0, 0, 0, 0);
    border-right: 9px solid rgba(0, 0, 0, 0);
    content: "";
    display: inline-block;
    left: 22px;
    position: absolute;
    top: -12px;
    border-width: 12px 8px 12px 8px;
}
.dropdown-menu {
    box-shadow: 1px 1px 8px #c4c4c4;
    border-radius: 0px;
    background-color: rgba(255, 255, 255, 0.9);
}
/* LIEN DROPDOWN */
.dropdown-link a {
    color: #00253f;
    font-weight: 300;
    padding-left: 10px;
    margin-top: 0.313rem; /*5px*/
}
.dropdown-link a:hover {
    color: #0086a5;
    background-color: transparent;
}
/* ADD FLASH */
.alert {
    position: absolute;
    padding: .75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: 0rem;
    z-index: 15;
    right: 0;
}
.alert-success {
    color: white;
    background-color: #00d6a1;
}
/* FOOTER */
.footer-shadow {
    box-shadow: 0px 7px 5px rgba(0,0,0,.15), 0px -7px 5px rgba(0,0,0,.15);
}
.footer-content {
    margin-top: 3.125rem; /*50px*/
    margin-bottom: 2.5rem; /*40px*/
}
.titre-footer {
    font-weight: 800;
    font-size: 3rem; /*48px*/
    color:#00d6a1;
}
.sous-titre-footer {
    font-weight: 800;
    color:#0086a5;
}
.colonne-1-footer-1 {
    margin-right: 7rem!important;
}
.info-gauche {
    min-width: 14.2rem;
}
.icon-footer {
    width: 27px;
    height: 28px;
    margin-top: 0rem;
}
.text-information a {
    text-decoration: none;
    color: #00253f;
}
.plan-du-site a {
    color: #00253f;
    text-decoration: none;
    font-size: 1.063rem; /*17px*/
}
.text-info-address {
    font-size: 1.063rem; /*17px*/
    margin-bottom: 0px;
    margin-left: 0.25rem; /*4px*/
}
.text-information {
    font-size: 1.063rem; /*17px*/
    margin-bottom: 0px;
    margin-left: 0.25rem; /*4px*/
    margin-top: 0rem;
}
.social-media {
    min-width: 10rem; /*160px*/
    margin-top: 3.75rem; /*60px*/
    flex-wrap: nowrap;
}
.social-media-icon {
    /*width: 60%; avec FB*/
    width: 30%;
    margin-right: 0px !important;
    margin-left: 0px !important;
}
@media screen and (min-width: 1662px) {
.info-droite {
    min-width: 12.5rem; /*200px*/
    margin-left: 0.625rem; /*10px*/
}
}
.formulaire-section {
    margin-top: 5.063rem; /*81px*/
    margin-bottom: 3.438rem; /*55px*/
}
.formulaire-champ {
    background-color:#e7edf2;
    border: none;
    border-radius: 0px;
    max-height: 30px;
    box-shadow: 0px 0px 1px 2px #e6f2f5;
    margin-bottom: 0.625rem; /*10px*/
}
.formulaire-message {
    background-color:#e7edf2;
    border: none;
    resize: none;
    border-radius: 0px;
    box-shadow: 0px 0px 1px 2px #e6f2f5;
}
.formulaire-button {
    font-size: 1.375rem; /*22px*/
    font-weight: bold;
    background-color:#0086a5;
    border-radius: 0px;
}
input::placeholder {
    color: #94a2aa !important;
    font-weight: 300;
    font-size: 1.063rem; /*17px*/
}
textarea::placeholder {
    color: #94a2aa !important;
    font-weight: 300;
    font-size: 1.063rem; /*17px*/
}
.plan-du-site-section {
    margin-top: 1.438rem; /*23px*/
}
.espace-clients {
    margin-top: 0.188rem; /*3px*/
}
.espace-clients a {
    color:#00d6a1;
    text-decoration: none;
}
.espace-clients-lien {
    color:#00d6a1;
    text-decoration: none;
    font-size: 1.063rem; /*17px*/
    padding-top: 5px;
}
.copyright {
    color:#00253f;
    font-size: 1.125rem; /*18px*/
    margin-bottom: 6.25rem; /*100px*/
}
.copyright-text {
    font-weight: 300;
}
.mentions-legales {
    color:#94a2aa;
    font-weight: 300;
    text-decoration: underline;
    font-size: 1.063rem;
}
.mentions-legales a {
    color:#94a2aa;
    text-decoration: none;
}
.mentions-legales a:hover {
    color:#0086a5;
}
@media screen and (min-width: 1662px) {
.logo-teszu-circle-blue {
    width: 22%;
    max-width: 404px;
    position: absolute;
    right:0;
    bottom:0;
}
}
/* ------------------------ */
/* home.html.twig */
/* POP UP */
.start-pop-up {
    cursor : pointer;
}
.modal-content {
    border: 2px solid #00d6a1 !important;
    border-radius: 0px !important;
    margin-top: 6rem;
}
.modal-header {
    border-bottom: 0px;
    z-index: 2;
}
.close {
    font-size: 1rem;
    font-weight: 500;
    color:white;
    background-color: #00d6a1 !important;
    float: none !important;
    line-height: 1;
    text-shadow: none !important;
    opacity: 1 !important;
    margin-right: 1rem !important;
    margin-top: 1rem !important;
    display: flex !important;
    align-items: center !important;
    padding: 0.35rem 1.8rem !important;
}
.close:focus {
    outline: none !important;
}
.close:hover {
    color:white !important;
}
.close-icon {
    font-size: 1.6rem !important;
    margin-left: 0.8rem;
    padding-top: 0.1rem;
}
.phone-icon-pop-up {
    width: 10%;
}
.modal-body {
    display: flex;
    justify-content: center;
}
.expertises-modal,
.modal-be-called {
    max-width: 700px !important;
}
.titre-pop-up {
    font-size: 2rem;
    color: #00d6a1;
    font-weight: 600;
    margin-top: 1rem;
}
.titre-pop-up-espace-client {
    font-size: 3rem;
    color: #00d6a1;
    font-weight: 600;
    margin-top: 1rem;
}
.titre-pop-up-expertises {
    font-size: 2.5rem;
    color: #00d6a1;
    font-weight: 600;
    margin-top: 0.5rem !important;
}
.ligne-verte-pop-up {
    border: 1px solid #00d6a1;
    margin-right: -1.5rem;
    margin-left: -1.5rem;
    margin-bottom: 2rem;
}
.ligne-verte-pop-up-2 {
    border: 1px solid #00d6a1;
    margin-right: -1.5rem;
    margin-left: -1.5rem;
    margin-bottom: 1rem;
}
.logo-expertises-pop-up {
    max-width: 5rem;
    margin-top: 0rem;
    margin-bottom: 0rem;
}
.form-control {
    color: #99a6af !important;
    font-size: 1.1rem !important;
    font-weight: 300 !important;
}
.formulaire-section-pop-up {
    margin-top: -2.2rem;
    margin-bottom: 0px;
}
.formulaire-champ-pop-up {
    background-color:#e7edf2;
    border: none;
    border-radius: 0px;
    max-height: 30px;
    box-shadow: 0px 0px 1px 2px #e6f2f5;
    margin-bottom: 0.625rem; /*10px*/
}
.label-form-pop-up {
    color: #99a6af !important;
    font-size: 1.1rem !important;
    font-weight: 300 !important;
    display: flex;
    justify-content: space-between;
    margin-bottom: 0px;
}
.formulaire-champ-pop-up-date {
    border: none;
    border-radius: 0px;
    max-height: 30px;
    max-width: 68%;
    box-shadow: 0px 0px 1px 2px #e6f2f5;
    margin-bottom: 0.625rem !important; /*10px*/
    margin-top: 0px;
}
input[type="date"]::-webkit-calendar-picker-indicator {
    filter: invert(60%) sepia(10%) saturate(500%) hue-rotate(175deg);
}
.checkbox-row {
    display: flex;
    justify-content: flex-start;
    margin-top: 0px;
}
.label-form-pop-up-box {
    color: #99a6af !important;
    font-size: 1.1rem !important;
    font-weight: 300 !important;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 0px;
}
input[type=checkbox] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0px;
    height: 18px;
    width: 18px;
    background: #fff;
    border: 2px solid #e6f2f5;
    outline: none;
}
input[type=checkbox]:checked {
    -webkit-appearance: auto;
    -moz-appearance: auto;
    appearance: auto;
    border-radius: 0px;
    height: 18px;
    width: 18px;
    border: 2px solid #e6f2f5;
    outline: none;
}
.formulaire-message-pop-up {
    background-color:#e7edf2;
    border: none;
    resize: none;
    border-radius: 0px;
    box-shadow: 0px 0px 1px 2px #e6f2f5;
}
.required-message {
    color: #99a6af !important;
    font-size: 1.1rem !important;
    font-weight: 300 !important;
    padding-bottom: 0px;
    margin-top: 0.25rem;
    margin-bottom: 0px;
}
.formulaire-button-pop-up {
    font-size: 1.375rem; /*22px*/
    font-weight: bold;
    background-color:#0086a5;
    border-radius: 0px;
    margin-top: 1rem !important;
    margin-bottom: 0px !important;
}
/* CAROUSEL */
.section-carousel {
    z-index: 1;
}
.carousel-inner {
    position: relative;
    height: 100%;
    max-height: 50rem; /*800px*/
}
.title-carousel {
    display: flex;
    flex-direction: column;
    position: absolute;
    right: 0;
    z-index: 15;
    padding-left: 0;
    margin-right: 15%;
    height: 100%;
    justify-content: center;
}
.title-carousel h2 {
    color: #00253f !important;
    font-weight: 800;
    font-size: 2vw;
}
.button-espace-carriere {
    padding: 5px;
    background-color:#00d6a1;
}
ol.carousel-indicators {
    display: flex;
    justify-content: center;
    margin-bottom: 5rem; /*80px*/
}  
ol.carousel-indicators li,
ol.carousel-indicators li.active {
    border-radius: 50%;
    background: white;
    height: 1px;
    width: 21px;
    opacity: 1;
}
li.indicator-1 {
    margin-right: 2.188rem; /*35px*/
}
li.indicator-2 {
    margin-right: 2.188rem; /*35px*/
}
ol.carousel-indicators li.active {
    background: #00d6a1;
}
/* ACTUALITE */
.section-actualite {
    margin-top: -2.5rem; /*-40px*/
    z-index: 15;
    position: relative;
}
.actualite {
    height: auto;
    max-width: 32%;
    background-color:white;
}
.ligne-actualite {
    padding-left: 15px;
    padding-right: 15px;
}
.ligne-actualite .actualite {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.date-actualite {
    color:#99a1a5;
    font-weight: 300;
    margin-bottom: 3.438rem; /*55px*/
}
.titre-actualite {
    color:#00d6a1;
    font-weight: 500;
    font-size: 1.875rem; /*30px*/
    margin-bottom: 0.625rem; /*10px*/
}
.sous-titre-actualite {
    color:#00d6a1;
    font-weight: 600;
    font-size: 1.2rem;
    margin-bottom: 0.3rem; 
}
.sous-titre-actualite-page {
    color:#00d6a1;
    font-weight: 600;
    font-size: 1.3rem;
    margin-bottom: 0.5rem; 
}
.texte-actualite {
    font-weight: 300;
    font-size: 1.063rem; /*17px*/
    margin-bottom: 0.938rem; /*15px*/
}
.button-actualite {
    color:white !important;
    text-decoration: none !important;
    background-color:#0086a5;
    margin-top: 0.625rem; /*10px*/
    font-size: 1.063rem; /*17px*/
    font-weight: 600;
    padding-right: 30px;
    padding-left: 30px;
    margin-bottom: 0.625rem; /*10px*/
}
/* DOMAINES D'INTERVENTION */
.section-domaines-intervention {
    margin-top: 9.375rem; /*150px*/
    margin-bottom: 8.75rem; /*140px*/
}
.intro-di {
    margin-bottom: 2.188rem; /*35px*/
}
.titre-di {
    font-weight: 600;
    font-size: 3.75rem; /*60px*/
    color:#00d6a1;
    line-height: 1;
}
.titre-di-1 {
    color: #004a85;
}
.titre-di-2 {
    color:#00d6a1;
}
.texte-di {
    font-weight: 300;
    font-size: 1.063rem;
    max-width: 75%;
}
.liste-di li::marker {
    color: #00d6a1;
    font-size: initial;
    font-weight: normal;
}
.liste-di {
    list-style: square;
    margin-left: 1.313rem; /*21px*/
    padding-left: 0px;
    font-size: 1.063rem;
    font-weight: 300;
    line-height: 1.4;
    max-width: 65%;
}
.images-di-1 {
    height: auto;
    width: 33%;
    margin-right: 5rem; /*80px*/
    margin-left: 0px;
}
.images-di-2 {
    height: auto;
    width: 33%;
    margin-right: 5rem; /*80px*/
    margin-left: 0px;
}
.images-di-3 {
    height: auto;
    width: 33%;
    margin-right: 0px;
    margin-left: 0px;
}
.img-di-1 {
    object-fit: cover;
    max-height: 106.25rem; /*170px*/
    object-position: 0px 0px;
    transform:scaleX(-1);
}
.img-di-2 {
    object-fit: cover;
    max-height: 106.25rem; /*170px*/
}
.img-di-3 {
    object-fit: cover;
    max-height: 106.25rem; /*170px*/
}
.img-di-4 {
    object-fit: cover;
    max-height: 106.25rem; /*170px*/
}
.img-di-5 {
    object-fit: cover;
    max-height: 106.25rem; /*170px*/
}
.img-di-6 {
    object-fit: cover;
    max-height: 106.25rem; /*170px*/
}
.green-line {
    background-color:#00d6a1;
    width: auto;
    height: 10px;
}
.soustitre-di {
    color: #004a85;
    font-weight: 600;
    margin-bottom: 0px;
    padding-bottom: 0px;
    font-size: 1.75rem; /*28px*/
}
.particles-di {
    position: absolute;
    right: 0;
    max-width: 30%;
    height: 150%;
    z-index: 0;
    margin-top: -6.25rem; /*-100px*/
}
/* NOS EXPERTISES */
.fond-expertises {
    margin-top: 0px;
}
.img-triangle-expertises {
    display: block;
    position: absolute;
    margin: 0;
    line-height: 0;
    max-width: 50rem; /*800px*/
    height: auto;
}
.section-expertises {
    display: flex;
    justify-content: flex-end;
    margin-top: 6.25rem; /*100px*/
}
.row-expertises {
    margin-top: 4.063rem; /*65px*/
}
.logo-expertises {
    max-width: 5rem;
    margin-top: -1.2rem; /*-19.2px*/
    margin-bottom: 0.5rem;
}
.titre-expertises {
    font-weight: 600;
    font-size: 3.75rem; /*60px*/
    color:#00d6a1;
    line-height: 1;
}
.soustitre-expertises {
    color: #004a85;
    font-weight: 600;
    margin-bottom: 0px;
    padding-bottom: 0px;
    font-size: 1.75rem; /*28px*/
}
.titre-schema {
    z-index: 15;
}
.schema {
    background-image: url('../img/img-schema.png');
    width: 30.68892900120337vw;
    height: 30.44344163658243vw;
    background-size: cover;
    background-repeat: no-repeat;
    margin-top: 7.228rem; /*115.64px*/
}
.colonne-expertises {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
@media screen and (min-width: 1662px) {
.colonne-expertises {
    min-width: 48%;
    max-width: 48%;
    height: auto;
    background-color:white;
}
}
@media screen and (min-width: 1662px) {
.texte-expertises {
    min-width: 15.625rem; /*250px*/
    font-weight: 300;
    font-size: 1.063rem;
    line-height: 1.3;
}
}
.liste-expertises li::marker {
    color: #00d6a1;
    font-size: initial;
    font-weight: normal;
}
@media screen and (min-width: 1662px) {
.liste-expertises {
    list-style: square;
    text-indent: -0.4em;
    margin-left: 1.313rem; /*21px*/
    margin-bottom: 0px;
    padding-left: 0px;
    font-size: 1.063rem;
    font-weight: 300;
}
}
.sous-texte-liste-expertises {
    margin-left: -0.469rem;
}
.plus {
    font-size: 1.875rem; /*30px*/
    font-weight: 400;
}
.button-expertises-1 {
    color:white !important;
    text-decoration: none !important;
    background-color:#00d6a1;
    margin-top: 1.875rem; /*30px*/
    margin-bottom: 0.2em;
    font-size: 1.063rem; /*17px*/
    font-weight: 600;
    padding-right: 30px;
    padding-left: 30px;
}
.button-expertises-2 {
    color:white !important;
    text-decoration: none !important;
    background-color:#00d6a1;
    margin-top: 1.313rem; /*21px*/
    margin-bottom: 0.2em;
    font-size: 1.063rem; /*17px*/
    font-weight: 600;
    padding-right: 30px;
    padding-left: 30px;
}
/* L'ENTREPRISE */
.fond-bleu-fonce {
    position: relative;
    overflow: hidden;
}
.fond-bleu-fonce::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 10%;
    left: 0%;
    z-index: -2;
    background-color:#0086a5;
    transform: skew(0deg, 5deg);
}
.fond-bleu-gris {
    position: relative;
    overflow: hidden;
    padding-bottom: 11.875rem; /*190px*/
    margin-top: -11.875rem; /*-190px*/
}
.fond-bleu-gris::before {
    content: "";
    position: absolute;
    width: 185%;
    height: 100%;
    top: 7%;
    left: 0%;
    z-index: -1;
    background-color:#f5f5f5;
    transform: skew(0deg, -2deg);
}
.section-entreprise {
    display: flex;
    justify-content: flex-start;
    margin-top: 6.25rem; /*100px*/
    margin-bottom: 13.125rem; /*210px*/
}
.titre-entreprise {
    font-weight: 600;
    font-size: 3.75rem; /*60px*/
    color:#00d6a1;
    margin-bottom: 3.125rem; /*50px*/
}
.soustitre-entreprise {
    color:#00d6a1;
    font-weight: 600;
    font-size: 1.75rem; /*28px*/
}
.accroche-entreprise {
    font-size: 1.063rem;
    font-weight: 500;
    color: white;
}
.texte-entreprise {
    margin-left: 0px;
    padding-left: 0px;
    font-size: 1.063rem;
    font-weight: 300;
    color: white;
    line-height: 1.4;
}
.liste-entreprise li::marker {
    color: white;
    font-size: initial;
    font-weight: normal;
}
.liste-entreprise {
    list-style: square;
    margin-left: 1.313rem; /*21px*/
    padding-left: 0px;
    font-size: 1.063rem;
    font-weight: 300;
    color: white;
    line-height: 1.4;
}
.section-entreprise h4 {
    color:#00d6a1;
}
.message-fin-entreprise {
    margin-top: 2.5rem;
    margin-left: 23%;
}
.titre-fin-entreprise {
    color:#00d6a1;
    font-size: 1.5rem; /*24px*/
}
.texte-fin-entreprise {
    color:#00d6a1;
    font-size: 1.375rem; /*22px*/
    line-height: 1.2;
}
.texte-fin-entreprise span{
    font-weight: 600;
}
.button-entreprise {
    color:white !important;
    text-decoration: none !important;
    background-color:#00d6a1;
    margin-top: 1rem;
    margin-bottom: 0.2em;
    font-size: 1.063rem; /*17px*/
    font-weight: 600;
    padding-right: 30px;
    padding-left: 30px;
    padding-top: 10px;
    padding-bottom: 10px;
}
.img-triangle-entreprise {
    display: block;
    position: absolute;
    margin: 0;
    margin-top: 9rem;
    line-height: 0;
    max-width: 650px;
    width: 45rem;
    height: auto;
}
.particles-entreprise {
    position: absolute;
    left: 0;
    max-width: 22%;
    height: 140%;
    z-index: 0;
    margin-top: -15rem;
}
/* PUBLICATIONS */
.section-publications {
    margin-top: 8rem;
    margin-bottom: 8.125rem; /*130px*/
}
.intro-publications {
    margin-bottom: 2.188rem; /*35px*/
}
.titre-publications {
    font-weight: 600;
    font-size: 3.75rem; /*60px*/
    color:#00d6a1;
    line-height: 1;
    margin-bottom: 5rem; /*80px*/
}
.texte-publications {
    font-weight: 300;
    font-size: 1.063rem;
}
.button-publications {
    color:white !important;
    text-decoration: none !important;
    background-color:#0086a5;
    margin-top: 0.625rem; /*10px*/
    font-size: 1.063rem; /*17px*/
    font-weight: 300;
}
.ligne-publications {
    padding-left: 0.938rem; /*15px*/
    padding-right: 0.938rem; /*15px*/
}
.publication {
    height: auto;
    max-width: 32%;
    background-color:white;
    display: flex;
    flex-direction: column;
}
@media screen and (min-width: 1144px) {
    .sous-publication {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        min-height: 230px;
    }
}
@media screen and (min-width: 991px) and (max-width: 1143px){
    .sous-publication {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        min-height: 278px;
    }
}
.titre-publication {
    color:#00d6a1;
    font-weight: 600;
    font-size: 1.3rem;
    margin-bottom: 2.5rem; /*40px*/
    margin-top: 2.188rem; /*35px*/
}
.description-publication {
    font-weight: 300;
    font-size: 1.063rem; /*17px*/
    margin-bottom: 0.938rem; /*15px*/
    color:#94a2aa;
}
.img-coronavirus {
    object-fit: cover;
    max-height: 200px;
    min-height: 200px;
}
.outro-publications {
    margin-top: 4.063rem; /*65px*/
    margin-bottom: 0px;
}
.button-outro-publications {
    color:white !important;
    text-decoration: none !important;
    background-color:#00d6a1;
    font-size: 1.375rem; /*22px*/
    font-weight: 600;
    padding-left: 42px;
    padding-right: 42px;
    padding-top: 19px;
    padding-bottom: 19px;
}
/* ------------------------ */
/* publications.html.twig */
.section-banniere-publications {
    z-index: 1;
}
.banniere-publications {
    position: relative;
    height: 100%;
    max-height: 28.688rem; /*800px*/
}
.section-publications-2 {
    margin-top: 6.25rem; /*100px*/
    margin-bottom: 8.125rem; /*130px*/
}
.particles-publications {
    width: 100%;
    height: 600px;
    z-index: 0;
    margin-top: -31.25rem; /*-500px*/
}

/* ------------------------ */
/* carriere.html.twig */
.return a{
    background-color: #00d6a1;
    color : white;
    text-decoration: none !important;
    padding: 5px 15px;
    margin: 2rem;
    margin-bottom: 0px !important;
    font-size: 1rem;
    font-weight: 500;
    border: 2px solid #00d6a1;
}
.return a:hover{
    background-color: white;
    color : #00d6a1;
    border: 2px solid #00d6a1;
}
.section-banniere-carriere {
    z-index: 1;
}
.banniere-carriere {
    position: relative;
    height: 100%;
    max-height: 28.688rem; /*800px*/
}
.img-triangle-carriere {
    display: block;
    position: absolute;
    margin: 0;
    margin-top: 6.563rem; /*105px*/
    line-height: 0;
    max-width: 42.375rem; /*678px*/
    height: auto;
    z-index: -1;
}
.section-carriere {
    display: flex;
    justify-content: flex-start;
    margin-top: 6.25rem; /*100px*/
    margin-bottom: 25rem;
}
.titre-carriere {
    font-weight: 600;
    font-size: 3.75rem; /*60px*/
    color:#00d6a1;
    line-height: 1;
    margin-bottom: 3.125rem; /*50px*/
}
.texte-carriere {
    font-weight: 300;
    font-size: 1.063rem;
}
#btn-carriere-offre {
    color: white;
    background-color: #0086a5;
    padding-left: 12px;
    padding-right: 12px;
    padding-top: 9.5px;
    padding-bottom: 9.5px;
    text-transform: uppercase;
    line-height: normal;
}
#btn-carriere-offre:hover {
    text-decoration: none;
}
.particles-carriere {
    width: 100%;
    height: 700px;
    z-index: 0;
    margin-top: -25rem; /*-400px*/
}
/* ------------------------ */
/* actualite.html.twig */
.section-banniere-actualite {
    z-index: 1;
}
.section-actualite-2 {
    margin-top: 3.125rem; /*50px*/
    margin-bottom: 8.125rem; /*130px*/
}
.banniere-actualite {
    position: relative;
    height: 100%;
    max-height: 28.688rem; /*800px*/
}
.intro-actualite {
    margin-bottom: 1.563rem; /*25px*/
    padding-left: 65px;
    padding-right: 65px;
}
.logo-actualite {
    max-width: 4.5rem;
    margin-top: 0px;
    margin-bottom: 1.563rem; /*25px*/
}
.ligne-verte-actualite {
    border: 1px solid #00d6a1;
}
.ligne-actualite {
    padding-left: 15px;
    padding-right: 15px;
}
.ligne-actualite-texte {
    padding-left: 60px;
    padding-right: 60px;
}
.titre-paragraphe-actualite {
    font-weight: 600;
    font-size: 1.125rem; /*18px*/
}
.paragraphe-actualite {
    font-weight: 300;
    font-size: 1.063rem; /*17px*/
}
.paragraphe-actualite.column-2 {
    column-count: 2;
}
.block-paragraphe {
    text-indent: -24px;
}
.cadre-actualite {
    height: auto;
    max-width: 32%;
    background-color:white;
    padding-bottom: 10px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.titre-page-actualite {
    font-weight: 600;
    font-size: 2.5rem;
    color:#00d6a1;
    line-height: 1;
    margin-bottom: 0px;
}
.titre-page-actualites {
    font-weight: 600;
    font-size: 3rem;
    color:#00d6a1;
    line-height: 1;
    margin-bottom: 0px;
}
.date-page-actualite {
    color:#99a1a5;
    font-weight: 300;
    margin-bottom: 0px;
    margin-top: 0.625rem; /*10px*/
}
.titre-actualite-article {
    color:#00d6a1;
    font-weight: 500;
    font-size: 1.875rem;
    margin-bottom: 2.5rem; /*40px*/
    margin-top: 0px;
}
.description-actualite-article {
    font-weight: 300;
    font-size: 1.063rem; /*17px*/
    margin-bottom: 0.313rem; /*5px*/
    color:#94a2aa;
}
.img-coronavirus-actualite {
    object-fit: cover;
    max-height: 200px;
    min-height: 200px;
}
.button-page-actualite {
    color:white !important;
    text-decoration: none !important;
    background-color:#0086a5;
    margin-top: 0.625rem; /*10px*/
    font-size: 1.063rem; /*17px*/
    font-weight: 600;
    padding-right: 30px;
    padding-left: 30px;
    margin-bottom: 0.625rem; /*10px*/
}
.img-actualite {
    max-width: 100%;
}
/* mentions légales */
.titre-mentions {
    color:#00d6a1;
}
.site-mentions {
    color: #0086a5 !important;
    text-decoration: none !important;
}
/*-----------------------------------*/
/*--------------LAPTOP L-------------*/
/*-----------------------------------*/
@media screen and (min-width: 1440px) and (max-width: 1661px) {
    /* base.html.twig */
    /* CONTENU GENERAL */
    :target::before {
        content: " ";
        display: block;
        height: 105px;         /* hauteur de la partie fixe */
        margin-top: -105px;    /* moins la hauteur de la partie fixe */
    }
    .invisible-mobile {
        display: none !important;
    }
    .invisible-laptop {
        display: none !important;
    }
    /* MENU */
    .menu {
        z-index: 2;
        flex: 0 0 91.666667%;
        max-width: 91.666667%;
    }
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: .3rem;
        padding-left: 0px;
    }
    #nav-etre-rappele {
        color:white !important;
        background-color:#0086a5;
        padding-left: 12px;
        padding-right: 12px;
        padding-top: 8px !important;
        padding-bottom: 8px !important;
        font-size: 1rem;
    }
    /* LIEN DROPDOWN */
    .dropdown-link a {
        color: #00253f;
        font-weight: 300;
        padding-left: 10px;
        margin-top: 0.313rem;
        font-size: 1rem;
    }
    /* FOOTER */
    .colonne-1-footer {
        margin-right: 0px!important;
    }
    .colonne-1-footer-2 {
        margin-right: 5rem !important;
        margin-left: 1rem !important;
    }
    .text-info-address {
        font-size: 1rem;
        margin-bottom: 0px;
        margin-left: 0.25rem;
    }
    .text-information {
        font-size: 1rem;
        margin-bottom: 0px;
        margin-left: 0.25rem;
        margin-top: 0rem;
    }
    .social-media {
        min-width: 10rem;
        margin-top: 2.5rem;
        flex-wrap: nowrap;
    }
    .info-droite {
        min-width: 12.5rem;
    }
    .paris {
        margin-left: 1.5rem!important;
        margin-top: 1.5rem !important;
    }
    .logo-teszu-circle-blue {
        width: 22%;
        position: absolute;
        right:0;
        bottom:0;
    }
    /* ------------------------ */
    /* home.html.twig */
    /* CAROUSEL */
    .title-carousel {
        display: flex;
        flex-direction: column;
        position: absolute;
        right: 0;
        z-index: 15;
        padding-left: 0;
        margin-right: 4%;
        height: 100%;
        justify-content: center;
    }
    .title-carousel h2 {
        color: #00253f !important;
        font-weight: 800;
        font-size: 2.2vw;
    }
    /* ACTUALITE */
    /* DOMAINES D'INTERVENTION */
    .section-domaines-intervention {
        margin-top: 7rem;
        margin-bottom: 7rem;
    }
    .titre-di {
        font-weight: 600;
        font-size: 3.125rem; /*50px*/
        color:#00d6a1;
        line-height: 1;
    }
    .texte-di {
        font-weight: 300;
        font-size: 1rem;
        max-width: 75%;
    }
    .liste-di {
        list-style: square;
        margin-left: 1.313rem;
        padding-left: 0px;
        font-size: 1rem;
        font-weight: 300;
        line-height: 1.4;
        max-width: 65%;
    }
    /* NOS EXPERTISES */
    .img-triangle-expertises {
        display: block;
        position: absolute;
        margin: 0;
        line-height: 0;
        max-width: 48.38709677419355vw;
        height: auto;
    }
    .titre-expertises {
        font-weight: 600;
        font-size: 3.125rem; /*50px*/
        color:#00d6a1;
        line-height: 1;
    }
    .schema {
        background-image: url('../img/img-schema.png');
        width: 33.67439516129032vw;
        height: 33.46774193548387vw;
        background-size: cover;
        background-repeat: no-repeat;
        margin-top: 7.228rem;
    }
    .colonne-expertises {
        min-width: 48%;
        height: auto;
        background-color:white;
        margin-right: 2px !important;
    }
    .texte-expertises {
        font-weight: 300;
        font-size: 1.125rem;
        line-height: 1.3;
    }
    .liste-expertises {
        list-style: square;
        margin-left: 1.313rem;
        margin-bottom: 0px;
        padding-left: 0px;
        font-size: 1rem !important;
        font-weight: 300;
    }
    .sous-texte-liste-expertises {
        margin-left: 0px;
    }
    /* L'ENTREPRISE */
    .fond-bleu-fonce::before {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        top: 7%;
        left: 0%;
        z-index: -2;
        background-color:#0086a5;
        transform: skew(0deg, 5deg);
    }
    .titre-entreprise {
        font-weight: 600;
        font-size: 3.125rem; /*50px*/
        color:#00d6a1;
        margin-bottom: 3.125rem;
    }
    .accroche-entreprise {
        font-size: 1rem;
        font-weight: 500;
        color: white;
    }
    .texte-entreprise {
        margin-left: 0px;
        padding-left: 0px;
        font-size: 1rem;
        font-weight: 300;
        color: white;
        line-height: 1.4;
    }
    .liste-entreprise {
        list-style: square;
        margin-left: 1.313rem;
        padding-left: 0px;
        font-size: 1rem;
        font-weight: 300;
        color: white;
        line-height: 1.4;
    }
    .message-fin-entreprise {
        margin-top: 4.375rem;
        margin-left: 23%;
    }
    .titre-fin-entreprise {
        color:#00d6a1;
        font-size: 1.375rem;
    }
    .texte-fin-entreprise {
        color:#00d6a1;
        font-size: 1.2rem;
        line-height: 1.2;
    }
    .img-triangle-entreprise {
        display: block;
        position: absolute;
        margin: 0;
        margin-top: 9rem;
        line-height: 0;
        max-width: 650px;
        width: 49vw;
        height: auto;
    }
    .particles-entreprise {
        position: absolute;
        left: 0;
        max-width: 20%;
        height: 140%;
        z-index: 0;
        margin-top: -20rem;
    }
    /* PUBLICATIONS */
    .section-publications {
        margin-top: 7rem;
        margin-bottom: 5rem;
    }
    .titre-publications {
        font-weight: 600;
        font-size: 3.125rem; /*50px*/
        color:#00d6a1;
        line-height: 1;
        margin-bottom: 3rem;
    }
    .texte-publications {
        font-weight: 300;
        font-size: 1rem;
    }
    /* ------------------------ */
    /* publications.html.twig */
    .section-publications-2 {
        margin-top: 6.25rem;
        margin-bottom: 5rem;
    }
    /* ------------------------ */
    /* carriere.html.twig */
    .img-triangle-carriere {
        display: block;
        position: absolute;
        margin: 0;
        margin-top: 6.563rem;
        line-height: 0;
        max-width: 32rem;
        height: auto;
        z-index: -1;
    }
    .section-carriere {
        display: flex;
        justify-content: flex-start;
        margin-top: 6.25rem;
        margin-bottom: 25rem;
    }
    .titre-carriere {
        font-weight: 600;
        font-size: 3.125rem; /*50px*/
        color:#00d6a1;
        line-height: 1;
        margin-bottom: 3.125rem;
    }
    .texte-carriere {
        font-weight: 300;
        font-size: 1rem;
    }
    .particles-carriere {
        width: 100%;
        height: 400px;
        z-index: 0;
        margin-top: -25rem;
    }
    /* ------------------------ */
    /* actualite.html.twig */
    .section-actualite-2 {
        margin-top: 3.125rem;
        margin-bottom: 5rem;
    }
    .logo-actualite {
        max-width: 4.3rem;
        margin-top: 0px;
        margin-bottom: 1.563rem;
    }
    .titre-paragraphe-actualite {
        font-weight: 600;
        font-size: 1.063rem;
    }
    .paragraphe-actualite {
        font-weight: 300;
        font-size: 1rem;
    }
    .titre-page-actualite {
        font-weight: 600;
        font-size: 2.125rem;
        color:#00d6a1;
        line-height: 1;
        margin-bottom: 0px;
    }
    .titre-page-actualites {
        font-weight: 600;
        font-size: 2.625rem;
        color:#00d6a1;
        line-height: 1;
        margin-bottom: 0px;
    }
    
    }

/*-----------------------------------*/
/*---------------LAPTOP--------------*/
/*-----------------------------------*/
@media screen and (min-width: 992px) and (max-width: 1439px) {
/* base.html.twig */
/* CONTENU GENERAL */
.invisible-mobile {
    display: none !important;
}
.invisible-laptop {
    display: none !important;
}
/* MENU */
.menu {
    z-index: 2;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
}
.navbar-expand-lg .navbar-nav .nav-link {
    padding-right: .3rem;
    padding-left: 0px;
}
.logo-teszu {
    width: 250px;
    height: 70px;
}
@media screen and (min-width: 1065px) and (max-width: 1290px) {
    .logo-teszu {
        width: 17.641129032258064vw !important;
        height: 7.056451612903226vw !important;
    }
}
@media screen and (min-width: 992px) and (max-width: 1064px) {
    .logo-teszu {
        width: 16.2vw !important;
        height: 7.056451612903226vw !important;
    }
}
#nav-etre-rappele {
    color:white !important;
    background-color:#0086a5;
    padding-left: 12px;
    padding-right: 12px;
    padding-top: 8px !important;
    padding-bottom: 8px !important;
    font-size: 1.2096774193548387vw;
}
a.nav-link {
    color: #00253f !important;
    font-weight: 500;
    padding-bottom: 18px;
    font-size: 1rem !important;
}
@media screen and (min-width: 992px) and (max-width: 1275px) {
    a.nav-link {
        color: #00253f !important;
        font-weight: 500;
        padding-bottom: 18px;
        font-size: 1.2096774193548387vw !important;
    }
}
/* MENU DROPDOWN */
/* MENU DROPDOWN FLECHE */
/* LIEN DROPDOWN */
.dropdown-link a {
    color: #00253f;
    font-weight: 300;
    padding-left: 10px;
    margin-top: 0.313rem;
    font-size: 1.2096774193548387vw;
}
/* ADD FLASH */
/* FOOTER */
.colonne-1-footer {
    margin-right: 0px!important;
}
.colonne-1-footer-2 {
    margin-right: 5rem !important;
    margin-left: 1rem !important;
}
.text-info-address {
    font-size: 1rem;
    margin-bottom: 0px;
    margin-left: 0.25rem;
}
.text-information {
    font-size: 1rem;
    margin-bottom: 0px;
    margin-left: 0.25rem;
    margin-top: 0rem;
}
.social-media {
    min-width: 10rem;
    margin-top: 2.5rem;
    flex-wrap: nowrap;
}
.info-droite {
    min-width: 12.5rem;
}
.paris {
    margin-left: 1.5rem!important;
    margin-top: 1.5rem !important;
}
.copyright-text {
    font-weight: 300;
}
.logo-teszu-circle-blue {
    width: 22%;
    position: absolute;
    right:0;
    bottom:0;
}
/* ------------------------ */
/* home.html.twig */
/* POP UP */
/* CAROUSEL */
.title-carousel {
    display: flex;
    flex-direction: column;
    position: absolute;
    right: 0;
    z-index: 15;
    padding-left: 0;
    margin-right: 4%;
    height: 100%;
    justify-content: center;
}
.title-carousel h2 {
    color: #00253f !important;
    font-weight: 800;
    font-size: 2.5806451612903225vw;
}
/* ACTUALITE */
.texte-actualite {
    font-weight: 300;
    font-size: 1rem;
    margin-bottom: 0.938rem;
}
/* DOMAINES D'INTERVENTION */
.section-domaines-intervention {
    margin-top: 7rem;
    margin-bottom: 7rem;
}
.titre-di {
    font-weight: 600;
    font-size: 3.125rem;
    color:#00d6a1;
    line-height: 1;
}
.texte-di {
    font-weight: 300;
    font-size: 1rem;
    max-width: 75%;
}
.liste-di {
    list-style: square;
    margin-left: 1.313rem;
    padding-left: 0px;
    font-size: 1rem;
    font-weight: 300;
    line-height: 1.4;
    max-width: 65%;
}
/* NOS EXPERTISES */
.img-triangle-expertises {
    display: block;
    position: absolute;
    margin: 0;
    line-height: 0;
    max-width: 48.38709677419355vw;
    height: auto;
}
.titre-expertises {
    font-weight: 600;
    font-size: 3.125rem;
    color:#00d6a1;
    line-height: 1;
}
.schema {
    background-image: url('../img/img-schema.png');
    width: 33.67439516129032vw;
    height: 33.46774193548387vw;
    background-size: cover;
    background-repeat: no-repeat;
    margin-top: 7.228rem;
}
.colonne-expertises {
    min-width: 48%;
    height: auto;
    background-color:white;
    margin-right: 2px !important;
}
.logo-expertises {
    max-width: 4rem;
}
.texte-expertises {
    font-weight: 300;
    font-size: 1.125rem;
    line-height: 1.3;
}
.liste-expertises {
    list-style: square;
    margin-left: 1.313rem;
    margin-bottom: 0px;
    padding-left: 0px;
    font-size: 1rem !important;
    font-weight: 300;
}
.sous-texte-liste-expertises {
    margin-left: 0px;
}
/* L'ENTREPRISE */
/* Réduire l'espace entre Entreprise et Publication quand l'image triangle est petite */
@media screen and (min-width: 992px) and (max-width: 1250px) {
    .section-entreprise {
        display: flex;
        justify-content: flex-start;
        margin-top: 6.25rem;
        margin-bottom: 10rem;
    }
    .fond-bleu-gris {
        position: relative;
        overflow: hidden;
        padding-bottom: 9rem;
        margin-top: -9rem;
    }
    .section-publications {
        margin-top: 5rem !important;
        margin-bottom: 5rem;
    }
}
.fond-bleu-fonce::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 7%;
    left: 0%;
    z-index: -2;
    background-color:#0086a5;
    transform: skew(0deg, 5deg);
}
.titre-entreprise {
    font-weight: 600;
    font-size: 3.125rem;
    color:#00d6a1;
    margin-bottom: 3.125rem;
}
.accroche-entreprise {
    font-size: 1rem;
    font-weight: 500;
    color: white;
}
.texte-entreprise {
    margin-left: 0px;
    padding-left: 0px;
    font-size: 1rem;
    font-weight: 300;
    color: white;
    line-height: 1.4;
}
.liste-entreprise {
    list-style: square;
    margin-left: 1.313rem;
    padding-left: 0px;
    font-size: 1rem;
    font-weight: 300;
    color: white;
    line-height: 1.4;
}
.message-fin-entreprise {
    margin-top: 4.375rem;
    margin-left: 23%;
}
.img-triangle-entreprise {
    display: block;
    position: absolute;
    margin: 0;
    margin-top: 9rem;
    line-height: 0;
    max-width: 49vw;
    height: auto;
}
.particles-entreprise {
    position: absolute;
    left: 0;
    max-width: 20%;
    height: 140%;
    z-index: 0;
    margin-top: -20rem;
}
/* PUBLICATIONS */
.section-publications {
    margin-top: 7rem;
    margin-bottom: 5rem;
}
.titre-publications {
    font-weight: 600;
    font-size: 3.125rem;
    color:#00d6a1;
    line-height: 1;
    margin-bottom: 3rem;
}
.texte-publications {
    font-weight: 300;
    font-size: 1rem;
}
/* ------------------------ */
/* publications.html.twig */
.section-publications-2 {
    margin-top: 6.25rem;
    margin-bottom: 5rem;
}
.particles-publications {
    margin-top: -30rem;
}
/* ------------------------ */
/* carriere.html.twig */
.img-triangle-carriere {
    display: block;
    position: absolute;
    margin: 0;
    margin-top: 6.563rem;
    line-height: 0;
    max-width: 32rem;
    height: auto;
    z-index: -1;
}
.section-carriere {
    display: flex;
    justify-content: flex-start;
    margin-top: 6.25rem;
    margin-bottom: 25rem;
}
.titre-carriere {
    font-weight: 600;
    font-size: 3.125rem;
    color:#00d6a1;
    line-height: 1;
    margin-bottom: 3.125rem;
}
.texte-carriere {
    font-weight: 300;
    font-size: 1rem;
}
.particles-carriere {
    width: 100%;
    height: 400px;
    z-index: 0;
    margin-top: -25rem;
}
/* ------------------------ */
/* actualite.html.twig */
.section-actualite-2 {
    margin-top: 3.125rem;
    margin-bottom: 5rem;
}
.logo-actualite {
    max-width: 4rem;
    margin-top: 0px;
    margin-bottom: 1.563rem;
}
.titre-paragraphe-actualite {
    font-weight: 600;
    font-size: 1.063rem;
}
.paragraphe-actualite {
    font-weight: 300;
    font-size: 1rem;
}
.titre-page-actualite {
    font-weight: 600;
    font-size: 2.125rem;
    color:#00d6a1;
    line-height: 1;
    margin-bottom: 0px;
}
.titre-page-actualites {
    font-weight: 600;
    font-size: 2.625rem;
    color:#00d6a1;
    line-height: 1;
    margin-bottom: 0px;
}

}

/*-----------------------------------*/
/*--------------TABLETTE-------------*/
/*-----------------------------------*/
@media screen and (min-width: 768px) and (max-width: 991px) {
    /* base.html.twig */
/* CONTENU GENERAL */
:target::before {
    content: " ";
    display: block;
    height: 115px;         /* hauteur de la partie fixe */
    margin-top: -115px;    /* moins la hauteur de la partie fixe */
}
.invisible-desktop {
    display: none !important;
}
.visible-laptop {
    display: none !important;
}
/* MENU */
.navbar-toggler {
    color: black;
    padding: .25rem .75rem;
    font-size: 1.25rem;
    line-height: 1;
    background-color: transparent;
    border: 1px solid #99a1a5;
    border-radius: .25rem;
    padding: .25rem .50rem;
}
.navbar-brand {
    margin-right: 0px;
}
.nav-item {
    margin-right: 0px !important;
}
.navbar-light .navbar-toggler {
    border: 1px solid #a4acb1;
}
button.navbar-toggler:focus {
    border: 2px solid #017fa1 !important;
    outline: none !important;
}
.navbar-light .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(0,214,161,1)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.navbar-collapse {
    margin-left: 0.938rem;
    line-height: 1;
}
#nav-espace-carriere {
    color: #00253f !important;
    background-color:#00d6a1;
    padding-left: 12px;
    padding-right: 12px;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    max-width: 121px;
    margin-right: 0px !important;
    margin-bottom: 20px;
    margin-top: 0.313rem;
}
#nav-etre-rappele {
    color:white !important;
    background-color:#0086a5;
    padding-left: 12px;
    padding-right: 12px;
    padding-top: 9.5px !important;
    padding-bottom: 9.5px !important;
    font-size: 0.875rem;
    margin-left: 0px !important;
    max-width: 121px;
    margin-right: 0px !important;
    margin-bottom: 0.313rem;
}
/* MENU DROPDOWN */
/* MENU DROPDOWN FLECHE */
.dropdown-menu {
    display: none !important;
}
/* LIEN DROPDOWN */
/* ADD FLASH */
/* FOOTER */
.footer-content {
    margin-top: 1rem;
    margin-bottom: 2.5rem;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
}
.section-full-footer {
    justify-content:center !important;
}
.colonne-1-footer {
    flex: 0 0 82%;
    max-width: 82%;
    margin-right: 0px !important;
}
.colonne-1-footer-1 {
    margin-left: 0px !important;
    flex: 0 0 50%;
    max-width: 50%;
    margin-right: 0px !important;
    padding-right: 0px;
    padding-left: 0px;
}
.colonne-1-footer-2 {
    margin-left: 0px !important;
    flex: 0 0 50%;
    max-width: 50%;
    margin-right: 0px !important;
    padding-right: 0px;
    padding-left: 0px;
}
.ligne-footer-1 {
    margin-right: 0px !important;
    margin-left: 0px !important;
}
.titre-footer {
    font-weight: 800;
    font-size: 2.5rem;
    color:#00d6a1;
    text-align: left !important;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 3rem;
}
.sous-titre-footer {
    font-weight: 800;
    color: #0086a5;
    justify-content: center !important;
    margin-left: 0px !important;
}
.info-gauche {
    margin-right: 0px !important;
    margin-left: 0px !important;
}
.social-media {
    margin-top: 2rem;
    margin-bottom: 2.5rem;
    margin-left: 0px !important;
    margin-right: 0px !important;
    justify-content: center !important;
}
.social-media-icon {
    /*max-width: 80px; avec FB*/
    max-width: 155px;
    margin-left: 0px !important;
}
.info-droite {
    margin-right: 0px !important;
    margin-left: 0px !important;
}
.formulaire-section {
    margin-top: 2rem;
    margin-bottom: 3rem;
    margin-left: 0px;
    margin-right: 0px;
    flex: 0 0 82%;
    max-width: 82%;
}
.formulaire-button {
    font-size: 1.375rem;
    font-weight: bold;
    background-color:#0086a5;
    border-radius: 0px;
    margin-top: 1rem !important;
}
.plan-du-site-section {
    margin-top: 0px;
    text-align: left !important;
    margin-left: 0px;
    margin-right: 0px;
    flex: 0 0 82%;
    max-width: 82%;
}
.plan-du-site-colonne {
    text-align: left!important;
    margin-top: 1.5rem !important;
    margin-left: 0px;
    margin-right: 0px;
}
.copyright {
    color:#00253f;
    font-size: 1.125rem;
    margin-bottom: 4rem;
}
.logo-teszu-circle-blue {
    max-width: 40%;
    position: absolute;
    right:0;
    bottom:0;
}
/* ------------------------ */
/* home.html.twig */
/* POP UP */
/* CAROUSEL */
.title-carousel {
    display: flex;
    flex-direction: column;
    position: absolute;
    right: 0;
    z-index: 15;
    padding-left: 0;
    margin-right: 4%;
    height: 100%;
    justify-content: center;
}
.title-carousel h2 {
    color: #00253f !important;
    font-weight: 800;
    font-size: 1.4rem;
}
ol.carousel-indicators {
    display: flex;
    justify-content: center;
    margin-bottom: 4rem;
  }
/* ACTUALITE */
.actualite {
    height: auto;
    min-width: 100%;
    max-width: none;
    background-color:white;
    margin-bottom: 1.875rem;
}
.ligne-actualite {
    padding-left: 15px;
    padding-right: 15px;
    flex-direction: column;
}
/* DOMAINES D'INTERVENTION */
.section-domaines-intervention {
    margin-top: 0px;
    margin-bottom: 0px;
}
.titre-di {
    font-weight: 600;
    font-size: 2.5rem;
    color:#00d6a1;
    line-height: 1;
}
.cadre-di-img {
    margin-bottom: 1.875rem;
}
.seconde-colonne {
    margin-top: 1.875rem !important;
}
.texte-di {
    font-weight: 300;
    font-size: 1.063rem;
    max-width: none;
}
.liste-di {
    list-style: square;
    margin-left: 1.313rem;
    padding-left: 0px;
    font-size: 1.063rem;
    font-weight: 300;
    line-height: 1.4;
    max-width: none;
}
.soustitre-di {
    color: #004a85;
    font-weight: 600;
    margin-bottom: 0px;
    padding-bottom: 0px;
    font-size: 1.563rem;
}
.particles-di {
    visibility: hidden;
}
/* NOS EXPERTISES */
.img-triangle-expertises {
    display: none;
}
.section-expertises {
    display: flex;
    justify-content: flex-start;
    margin-top: 4.5rem;
    margin-bottom: 1rem;
}
.row-expertises {
    margin-top: 0px;
}
.titre-expertises {
    font-weight: 600;
    font-size: 2.5rem;
    color:#00d6a1;
    line-height: 1;
}
.colonne-schema {
    display: none !important;
}
.schema {
    display: none !important;
}
.colonne-expertises {
    min-width: 96%;
    height: auto;
    background-color:white;
    margin-bottom: 2.5rem;
}
.ligne-expertises {
    flex-wrap: nowrap;
}
.texte-expertises {
    min-width: 15.625rem;
    font-weight: 300;
    font-size: 1.063rem;
    line-height: 1.3;
}
.liste-expertises {
    list-style: square;
    text-indent: -0.4em;
    margin-left: 1.313rem;
    margin-bottom: 0px;
    padding-left: 0px;
    font-size: 1.063rem;
    font-weight: 300;
}
.first-list {
    padding-bottom: 1rem!important;
}
.button-expertises-1 {
    color:white !important;
    text-decoration: none !important;
    background-color:#00d6a1;
    margin-top: 3.563rem;
    margin-bottom: 0.2em;
    font-size: 1.063rem;
    font-weight: 600;
    padding-right: 30px;
    padding-left: 30px;
}
/* L'ENTREPRISE */
.fond-bleu-fonce::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 17%;
    left: 0%;
    z-index: -2;
    background-color:#0086a5;
    transform: skew(0deg, 5deg);
    margin-top: -9.375rem;
}
.fond-bleu-gris {
    position: relative;
    overflow: hidden;
    padding-bottom: 9.2rem;
    margin-top: -9rem;
}
.fond-bleu-gris::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 12%;
    left: 0%;
    z-index: -1;
    background-color:#f5f5f5;
    transform: skew(0deg, -2deg);
}
.section-entreprise {
    display: flex;
    justify-content: flex-start;
    margin-top: 3rem;
    margin-bottom: 13.125rem;
}
.titre-entreprise {
    font-weight: 600;
    font-size: 2.5rem;
    color:#00d6a1;
    margin-bottom: 3.125rem;
}
.colonne-entreprise {
    flex: 0 0 100%;
    max-width: 100%;
}
.message-fin-entreprise {
    margin-top: 4.375rem;
    margin-left: 23%;
}
.img-triangle-entreprise {
    display: none;
}
.particles-entreprise {
    visibility: hidden;
}
/* PUBLICATIONS */
.section-publications {
    margin-top: 4.5rem;
    margin-bottom: 5rem;
}
.titre-publications {
    font-weight: 600;
    font-size: 2.5rem;
    color:#00d6a1;
    line-height: 1;
    margin-bottom: 2.5rem;
}
.texte-publications {
    font-weight: 300;
    font-size: 1.063rem;
    margin-bottom: 1.5rem;
}
.ligne-publications {
    padding-left: 0.938rem;
    padding-right: 0.938rem;
    margin-bottom: 0px !important;
}
.publication {
    height: auto;
    max-width: 32%;
    background-color:white;
    margin-bottom: 1.875rem;
}
.sous-publication {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 278px;
}
.titre-publication {
    color:#00d6a1;
    font-weight: 600;
    font-size: 1.3rem;
    margin-bottom: 2.5rem;
    margin-top: 2.188rem;
    margin-left: 0px !important;
}
.outro-publications {
    margin-top: 2.5rem;
    margin-bottom: 0px;
}
.button-outro-publications {
    color:white !important;
    text-decoration: none !important;
    background-color:#00d6a1;
    font-size: 1.1rem;
    font-weight: 600;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 19px;
    padding-bottom: 19px;
}
/* ------------------------ */
/* publications.html.twig */
.section-publications-2 {
    margin-top: 3rem;
    margin-bottom: 5rem;
}
.particles-publications {
    visibility: hidden;
}
/* ------------------------ */
/* carriere.html.twig */
.img-triangle-carriere {
    display: none;
}
.section-carriere {
    display: flex;
    justify-content: flex-start;
    margin-top: 1rem;
    margin-bottom: 3rem;
}
.ligne-carriere {
    flex: 0 0 100%;
    max-width: 100%;
}
.titre-carriere {
    font-weight: 600;
    font-size: 2.5rem;
    color:#00d6a1;
    line-height: 1;
    margin-bottom: 2.5rem;
}
.particles-carriere {
    visibility: hidden;
}
/* ------------------------ */
/* actualite.html.twig */
.section-actualite-2 {
    margin-top: 3.125rem;
    margin-bottom: 5rem;
}
.intro-actualite {
    margin-bottom: 1.563rem;
    padding-left: 0px;
    padding-right: 0px;
}
.ligne-actualite {
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 0px !important;
}
.ligne-actualite-texte {
    padding-left: 0px;
    padding-right: 0px;
}
.paragraphe-actualite-droit {
    margin-left: 1.5rem!important;
}
.cadre-actualite {
    height: auto;
    max-width: none;
    background-color:white;
    margin-bottom: 1.875rem;
}
.titre-page-actualite {
    font-weight: 600;
    font-size: 2.125rem;
    color:#00d6a1;
    line-height: 1;
    margin-bottom: 0px;
}
.titre-page-actualites {
    font-weight: 600;
    font-size: 2.625rem;
    color:#00d6a1;
    line-height: 1;
    margin-bottom: 0px;
}
.img-coronavirus-actualite {
    object-fit: cover;
    max-height: 200px;
    min-height: 200px;
}
.button-page-actualite {
    color:white !important;
    text-decoration: none !important;
    background-color:#0086a5;
    margin-top: 0.625rem;
    font-size: 1.063rem;
    font-weight: 600;
    padding-right: 30px;
    padding-left: 30px;
    margin-bottom: 1rem;
}

}

/*-----------------------------------*/
/*--------------MOBILE-------------*/
/*-----------------------------------*/
@media screen and (max-width: 767px) {
    /* base.html.twig */
    /* CONTENU GENERAL */
    .invisible-mobile {
        display: none !important;
    }
    .visible-laptop {
        display: none !important;
    }
    /* MENU */
    .menu {
        z-index: 2;
        flex: 0 0 91.666667%;
        max-width: 91.666667%;
    }
    .navbar-toggler {
        color: black;
        padding: .25rem .75rem;
        font-size: 1.25rem;
        line-height: 1;
        background-color: transparent;
        border: 1px solid #99a1a5;
        border-radius: .25rem;
        padding: .25rem .50rem;
    }
    .navbar-brand {
        margin-right: 0px;
    }
    .nav-item {
        margin-right: 0px !important;
    }
    .navbar-light .navbar-toggler {
        border: 1px solid #a4acb1;
    }
    button.navbar-toggler:focus {
        border: 2px solid #017fa1 !important;
        outline: none !important;
    }
    .navbar-light .navbar-toggler-icon {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(0,214,161,1)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
    }
    .navbar-collapse {
        margin-left: 0.938rem;
        line-height: 1;
    }
    .logo-teszu {
        width: 13rem;
        height: 4.375rem;
    }
    /* GALAXY FOLD */
    @media (max-width: 280px) {
        .logo-teszu {
            width: 12rem;
            height: 4.375rem;
        }
    }
    #nav-espace-carriere {
        color: #00253f !important;
        background-color:#00d6a1;
        padding-left: 12px;
        padding-right: 12px;
        padding-top: 10px !important;
        padding-bottom: 10px !important;
        max-width: 121px;
        margin-right: 0px !important;
        margin-bottom: 1.25rem;
        margin-top: 0.313rem;
    }
    #nav-etre-rappele {
        color:white !important;
        background-color:#0086a5;
        padding-left: 12px;
        padding-right: 12px;
        padding-top: 9.5px !important;
        padding-bottom: 9.5px !important;
        font-size: 0.875rem;
        margin-left: 0px !important;
        max-width: 121px;
        margin-right: 0px !important;
        margin-bottom: 0.313rem;
    }
    /* MENU DROPDOWN */
    /* MENU DROPDOWN FLECHE */
    .dropdown-menu {
        display: none !important;
    }
    /* LIEN DROPDOWN */
    /* ADD FLASH */
    /* FOOTER */
    .footer-content {
        margin-top: 1rem;
        margin-bottom: 2.5rem;
        flex: 0 0 91.666667%;
        max-width: 91.666667%;
    }
    .colonne-1-footer {
        flex: 0 0 100%;
        max-width: 100%;
        margin-right: 0px !important;
    }
    .colonne-1-footer-1 {
        margin-left: 0px !important;
        flex: 0 0 100%;
        max-width: 100%;
        margin-right: 0px !important;
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .colonne-1-footer-2 {
        margin-left: 0px !important;
        flex: 0 0 100%;
        max-width: 100%;
        margin-right: 0px !important;
        padding-left: 0px !important;
        padding-right: 0px !important;
        margin-top: 2rem;
    }
    .ligne-footer-1 {
        margin-left: 0.5rem;
        margin-right: 0.5rem;
    }
    .titre-footer {
        font-weight: 800;
        font-size: 2.5rem;
        color:#00d6a1;
        text-align: left !important;
        margin-left: 0.3rem;
        margin-right: 0px;
        margin-bottom: 2.5rem;
    }
    .sous-titre-footer {
        font-weight: 800;
        color: #0086a5;
        justify-content: center !important;
        margin-left: 0px !important;
    }
    .info-gauche {
        justify-content: start !important;
        align-items: center !important;
        margin-right: 0px !important;
        margin-left: 0px !important;
    }
    .social-media {
        margin-top: 2rem;
        margin-bottom: 0px;
        margin-left: 0px !important;
        margin-right: 0px !important;
        justify-content: center !important;
    }
    .social-media-icon {
        /*max-width: 80px; avec FB*/
        max-width: 155px;
        margin-left: 0px !important;
    }
    .info-droite {
        justify-content: start !important;
        align-items: center !important;
        margin-right: 0px !important;
        margin-left: 0px !important;
    }
    .formulaire-section {
        margin-top: 3.5rem;
        margin-bottom: 2rem;
        margin-left: 0.5rem;
        margin-right: 0.5rem;
    }
    .formulaire-message {
        background-color:#e7edf2;
        border: none;
        resize: none;
        border-radius: 0px;
        box-shadow: 0px 0px 1px 2px #e6f2f5;
    }
    .formulaire-button {
        font-size: 1.375rem;
        font-weight: bold;
        background-color:#0086a5;
        border-radius: 0px;
        margin-top: 1rem !important;
    }
    .plan-du-site-section {
        margin-top: 0px;
        text-align: left !important;
        margin-left: 0.5rem;
        margin-right: 0.5rem;
    }
    .plan-du-site-colonne {
        text-align: left !important;
        margin-top: 1rem !important;
        margin-left: 0px;
        margin-right: 0px;
    }
    .copyright {
        color:#00253f;
        font-size: 1.125rem;
        margin-bottom: 4rem;
    }
    .logo-teszu-circle-blue {
        max-width: 40%;
        position: absolute;
        right:0;
        bottom:0;
    }
    .ligne-mentions-legales {
        justify-content: flex-start !important;
        text-align: left !important;
        margin-left: 1.5rem;
    }
    /* ------------------------ */
    /* home.html.twig */
    /* POP UP */
    .phone-icon-pop-up {
        width: 22%;
    }
    /* MOBILE M */
    @media (min-width: 375px) and (max-width: 424px) {
        .titre-pop-up {
            font-size: 3rem;
            color: #00d6a1;
            font-weight: 600;
            margin-top: 1rem;
        }
        .titre-pop-up-espace-client {
            font-size: 2.8rem;
            color: #00d6a1;
            font-weight: 600;
            margin-top: 1rem;
        }
        .titre-pop-up-expertises {
            font-size: 3rem;
            color: #00d6a1;
            font-weight: 600;
            margin-top: 0.5rem !important;
        }
    }
    /* MOBILE S */
    @media (max-width: 374px) {
        .titre-pop-up {
            font-size: 2.5rem;
            color: #00d6a1;
            font-weight: 600;
            margin-top: 1rem;
        }
        .titre-pop-up-espace-client {
            font-size: 2.3rem;
            color: #00d6a1;
            font-weight: 600;
            margin-top: 0rem !important;
        }
        .titre-pop-up-expertises {
            font-size: 2.5rem;
            color: #00d6a1;
            font-weight: 600;
            margin-top: 0.5rem !important;
        }
    }
    /* GALAXY FOLD */
    @media (max-width: 280px) {
        .titre-pop-up {
            font-size: 2rem;
            color: #00d6a1;
            font-weight: 600;
            margin-top: 1rem;
        }
        .titre-pop-up-espace-client {
            font-size: 2rem;
            color: #00d6a1;
            font-weight: 600;
            margin-top: 1rem;
        }
        .titre-pop-up-expertises {
            font-size: 2rem;
            color: #00d6a1;
            font-weight: 600;
            margin-top: 0.5rem !important;
        }
    }
    .ligne-verte-pop-up {
        border: 1px solid #00d6a1;
        margin-right: -1.5rem;
        margin-left: -1.5rem;
        margin-bottom: 2rem;
    }
    /* MOBILE M */
    @media (min-width: 375px) and (max-width: 424px) {
        .formulaire-section-pop-up {
            margin-top: -1.5rem;
            margin-bottom: 0px;
        }
    }
    /* MOBILE S */
    @media (max-width: 374px) {
        .formulaire-section-pop-up {
            margin-top: 0.5rem;
            margin-bottom: 0px;
        }
    }
    .label-form-pop-up {
        color: #99a6af !important;
        font-size: 1.1rem !important;
        font-weight: 300 !important;
        display: block;
        justify-content: space-between;
        margin-bottom: 0px;
        width: 100%;
    }
    .formulaire-champ-pop-up-date {
        border: none;
        border-radius: 0px;
        max-height: 30px;
        max-width: 100%;
        box-shadow: 0px 0px 1px 2px #e6f2f5;
        margin-bottom: 0.625rem !important;
        margin-top: 0.625rem !important;
    }
    /* GALAXY FOLD */
    @media (max-width: 294px) {
        .checkbox-row {
            display: initial;
            justify-content: flex-start;
            margin-top: 0px;
        } 
    }
    /* GALAXY FOLD */
    @media (max-width: 294px) {
        .afternoon {
            margin-left: 0px !important;
        } 
    }
    /* CAROUSEL */
    .img-slider {
        height: 300px;
        object-fit: cover;
    }
    .title-carousel {
        display: flex;
        flex-direction: column;
        position: absolute;
        right: 0;
        z-index: 15;
        padding-left: 0;
        margin-right: 0%;
        width: 100%;
        height: 100%;
        align-items: center;
        justify-content: center;
    }
    .title-carousel h2 {
        color: #00253f !important;
        font-weight: 800;
        font-size: 5vw;
        text-shadow: 1px 1px 2px white, 0 0 1em white, 0 0 0.2em white;
    }
    ol.carousel-indicators {
        display: flex;
        justify-content: center;
        margin-bottom: 2rem;
      }  
    /* ACTUALITE */
    .section-actualite {
        margin-top: -1rem;
        z-index: 15;
        position: relative;
    }
    .actualite {
        height: auto;
        max-width: none;
        background-color:white;
        margin-bottom: 1.875rem;
    }
    /* DOMAINES D'INTERVENTION */
    .section-domaines-intervention {
        margin-top: 0px;
        margin-bottom: 0px;
    }
    .titre-di {
        font-weight: 600;
        font-size: 2.5rem;
        color:#00d6a1;
        line-height: 1;
    }
    .cadre-di-img {
        margin-bottom: 1.875rem;
    }
    .seconde-colonne {
        margin-top: 1.875rem !important;
    }
    .texte-di {
        font-weight: 300;
        font-size: 1.125rem;
        max-width: none;
    }
    .liste-di {
        list-style: square;
        margin-left: 1.313rem;
        padding-left: 0px;
        font-size: 1.125rem;
        font-weight: 300;
        line-height: 1.4;
        max-width: none;
    }
    .particles-di {
        visibility: hidden;
    }
    /* NOS EXPERTISES */
    .img-triangle-expertises {
        display: none;
    }
    .section-expertises {
        display: flex;
        justify-content: flex-start;
        margin-top: 4.5rem;
    }
    .row-expertises {
        margin-top: 0px;
    }
    .titre-expertises {
        font-weight: 600;
        font-size: 2.5rem;
        color:#00d6a1;
        line-height: 1;
    }
    .colonne-schema {
        display: none !important;
    }
    .titre-schema {
        z-index: 15;
    }
    .schema {
        display: none !important;
    }
    .colonne-expertises {
        min-width: 200%;
        height: auto;
        background-color:white;
        margin-bottom: 2.5rem;
        margin-right: 0px !important;
    }
    .ligne-expertises {
        flex-wrap: wrap;
    }
    .texte-expertises {
        font-weight: 300;
        font-size: 1rem;
        line-height: 1.3;
    }
    .liste-expertises {
        list-style: square;
        margin-left: 1.313rem;
        margin-bottom: 0px;
        padding-left: 0px;
        font-size: 1.125rem;
        font-weight: 300;
    }
    .first-list {
        padding-bottom: 1rem!important;
    }
    .button-expertises-1 {
        color:white !important;
        text-decoration: none !important;
        background-color:#00d6a1;
        margin-top: 3.563rem;
        margin-bottom: 0.2em;
        font-size: 1.063rem;
        font-weight: 600;
        padding-right: 30px;
        padding-left: 30px;
    }
    /* L'ENTREPRISE */
    .fond-bleu-fonce::before {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        top: 13%;
        left: 0%;
        z-index: -2;
        background-color:#0086a5;
        transform: skew(0deg, 5deg);
        margin-top: -9.375rem;
    }
    .fond-bleu-gris {
        position: relative;
        overflow: hidden;
        padding-bottom: 9.2rem;
        margin-top: -9rem;
    }
    .fond-bleu-gris::before {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        top: 8%;
        left: 0%;
        z-index: -1;
        background-color:#f5f5f5;
        transform: skew(0deg, -2deg);
    }
    .section-entreprise {
        display: flex;
        justify-content: flex-start;
        margin-top: 4.063rem;
        margin-bottom: 13.125rem;
    }
    .titre-entreprise {
        font-weight: 600;
        font-size: 2.5rem;
        color:#00d6a1;
        margin-bottom: 3.125rem;
    }
    .accroche-entreprise {
        font-size: 1.125rem;
        font-weight: 500;
        color: white;
    }
    .colonne-entreprise {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .texte-entreprise {
        margin-left: 0px;
        padding-left: 0px;
        font-size: 1.125rem;
        font-weight: 300;
        color: white;
        line-height: 1.4;
    }
    .liste-entreprise {
        list-style: square;
        margin-left: 1.313rem;
        padding-left: 0px;
        font-size: 1.125rem;
        font-weight: 300;
        color: white;
        line-height: 1.4;
    }
    /* ANNULER LE RETOUR A LA LIGNE DU "!" */
    @media (min-width: 341px) and (max-width: 363px) {
        .titre-fin-entreprise {
            font-size: 1.4rem;
        }
    }
    @media (min-width: 312px) and (max-width: 334px) {
        .titre-fin-entreprise {
            font-size: 1.29rem;
        }
    }
    .texte-fin-entreprise {
        color:#00d6a1;
        font-size: 1.2rem;
        line-height: 1.2;
    }
    .message-fin-entreprise {
        margin-top: 4.375rem;
        margin-left: 23%;
    }
    /* MOBILE M */
    @media (min-width: 375px) and (max-width: 424px) {
        .button-entreprise {
            color:white !important;
            text-decoration: none !important;
            background-color:#00d6a1;
            margin-top: 1rem;
            margin-bottom: 0.2em;
            font-size: 1.063rem; /*17px*/
            font-weight: 600;
            padding-right: 25px;
            padding-left: 25px;
            padding-top: 10px;
            padding-bottom: 10px;
        }
    }
    /* MOBILE S */
    @media (max-width: 374px) {
        .button-entreprise {
            color:white !important;
            text-decoration: none !important;
            background-color:#00d6a1;
            margin-top: 1rem;
            margin-bottom: 0.2em;
            font-size: 1rem;
            font-weight: 600;
            padding-right: 14px;
            padding-left: 14px;
            padding-top: 10px;
            padding-bottom: 10px;
        }
    }
    /* GALAXY FOLD */
    @media (max-width: 280px) {
        .button-entreprise {
            color:white !important;
            text-decoration: none !important;
            background-color:#00d6a1;
            margin-top: 1rem;
            margin-bottom: 0.2em;
            font-size: 0.9rem;
            font-weight: 600;
            padding-right: 10.5px;
            padding-left: 10.5px;
            padding-top: 10px;
            padding-bottom: 10px;
        }
    }
    .img-triangle-entreprise {
        display: none;
    }
    .particles-entreprise {
        visibility: hidden;
    }
    /* PUBLICATIONS */
    .section-publications {
        margin-top: 4.5rem;
        margin-bottom: 5rem;
    }
    .titre-publications {
        font-weight: 600;
        font-size: 2.5rem;
        color:#00d6a1;
        line-height: 1;
        margin-bottom: 2.5rem;
    }
    .texte-publications {
        font-weight: 300;
        font-size: 1.125rem;
        margin-bottom: 1.5rem;
    }
    .ligne-publications {
        padding-left: 0.938rem;
        padding-right: 0.938rem;
        margin-bottom: 0px !important;
    }
    .publication {
        height: auto;
        max-width: none;
        background-color:white;
        margin-bottom: 1.875rem;
    }
    .outro-publications {
        margin-top: 2.5rem;
        margin-bottom: 0px;
    }
    .button-outro-publications {
        color:white !important;
        text-decoration: none !important;
        background-color:#00d6a1;
        font-size: 1.1rem;
        font-weight: 600;
        padding-left: 20px;
        padding-right: 20px;
        padding-top: 19px;
        padding-bottom: 19px;
    }
    /* GALAXY FOLD */
    @media (max-width: 280px) {
        .button-outro-publications {
            color:white !important;
            text-decoration: none !important;
            background-color:#00d6a1;
            font-size: 1.1rem;
            font-weight: 600;
            padding-left: 15px;
            padding-right: 15px;
            padding-top: 19px;
            padding-bottom: 19px;
        }
    }
    /* ------------------------ */
    /* publications.html.twig */
    .section-publications-2 {
        margin-top: 3rem;
        margin-bottom: 5rem;
    }
    .particles-publications {
        visibility: hidden;
    }
    /* ------------------------ */
    /* carriere.html.twig */
    .img-triangle-carriere {
        display: none;
    }
    .section-carriere {
        display: flex;
        justify-content: flex-start;
        margin-top: 1rem;
        margin-bottom: 3rem;
    }
    .ligne-carriere {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .titre-carriere {
        font-weight: 600;
        font-size: 2.5rem;
        color:#00d6a1;
        line-height: 1;
        margin-bottom: 2.5rem;
    }
    .texte-carriere {
        font-weight: 300;
        font-size: 1.125rem;
    }
    .particles-carriere {
        visibility: hidden;
    }
    /* ------------------------ */
    /* actualite.html.twig */
    .section-actualite-2 {
        margin-top: 3.125rem;
        margin-bottom: 5rem;
    }
    .intro-actualite {
        margin-bottom: 1.563rem;
        padding-left: 0px;
        padding-right: 0px;
    }
    .ligne-actualite {
        padding-left: 15px;
        padding-right: 15px;
        margin-bottom: 0px !important;
    }
    .ligne-actualite-texte {
        padding-left: 0px;
        padding-right: 0px;
    }
    .paragraphe-actualite {
        font-weight: 300;
        font-size: 1.063rem;
        column-count: 1 !important;
    }
    .paragraphe-actualite-droit {
        margin-left: 1.5rem!important;
    }
    .cadre-actualite {
        height: auto;
        max-width: none;
        background-color:white;
        margin-bottom: 1.875rem;
    }
    .titre-page-actualite {
        font-weight: 600;
        font-size: 2.125rem;
        color:#00d6a1;
        line-height: 1;
        margin-bottom: 0px;
    }
    .titre-page-actualites {
        font-weight: 600;
        font-size: 2.625rem;
        color:#00d6a1;
        line-height: 1;
        margin-bottom: 0px;
    }
    
}
/* MENU VISIBLE AFTER MOBILE ROTATION */
@media screen and (orientation:landscape) and (max-width: 767px) {
    .navbar-collapse {
        margin-left: 0.938rem;
        line-height: 1;
        column-count: 2;
        padding-bottom: 0.5rem;
    }
    .navbar-nav {
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        padding-left: 0;
        margin-bottom: 0;
        list-style: none;
        margin-top: 0rem !important;
    }
}
/* FORMULAIRE POP UP VISIBLE AFTER MOBILE ROTATION */
@media screen and (orientation:landscape) and (min-width: 575px) and (max-width: 767px) {
    .expertises-modal,
    .modal-be-called {
        max-width: 500px !important;
    }
    .modal-dialog {
        margin: .5rem auto;
    }
    .phone-icon-pop-up {
        width: 16%;
    }
}
/* :BEFORE BLEU VISIBLE AFTER MOBILE ROTATION */
@media screen and (orientation:landscape) and (min-width: 533px) and (max-width: 767px) {
    .fond-bleu-fonce::before {
        top: 16%;
    }
}
/* :BEFORE BLEU VISIBLE AFTER MOBILE ROTATION */
@media screen and (orientation:landscape) and (min-width: 695px) and (max-width: 767px) {
    .fond-bleu-gris::before {
        top: 10%;
    }
}