*{
    box-sizing: border-box !important;
}

/* Background */
.page-body.style-dark-bg {
    background-color: transparent !important;
}

/* MENU */
#menu-menu-principal .drop-menu{
    width: auto !important;
}
#menu-menu-principal .news i{
   display: none;
}

@media (max-width: 1068px) and (min-width:960px){
    #logo-container-mobile{
        padding-right: 0 !important;
    }
    .row-menu-inner{
        padding-right: 0 !important;
    }
}

@media (max-width: 960px){
    #main-logo{
        display: none !important;
    }
    .mmb-container{
        left: 0 !important;
        right: unset !important;
    }
    .mobile-additional-icons{
        position: fixed !important;
        right: 0 !important;
        padding: 0 20px;
    }
    .mobile-additional-icons a{
        padding-left: 0 !important;
    }
    #menu-menu-principal{
        display: block;
        text-align: left;
        margin-left: 0 !important;
    }
    #menu-menu-principal a{
        font-size: 5vw !important;
    }
    #menu-menu-principal a i.fa-dropdown{
        display: none !important;
    }
    #menu-menu-principal .drop-menu a {
        font-size: 4.5vw !important;
        margin-left: 15px !important;
    }
    #menu-menu-principal .dropdown .drop-menu{
        visibility: visible !important;
        display: block !important;
        pointer-events: auto !important;
        margin-bottom: 20px;
    }
    #menu-menu-principal .news{
        position: fixed;
        top: 18px;
        height: fit-content;
        right: 58px;
        pointer-events: auto;
    }
    #menu-menu-principal .news>a{
       font-size: 0 !important;
       padding: 0;
       height: fit-content;
    }
    #menu-menu-principal .news a>i{
        display: inline;
        margin-right: 0 !important;
    }
    #menu-menu-principal .news a>i:before{
        font-size: 20px;
        line-height: normal;
    }
}

.icon-box.icon-box-left .fa.fa-close{
    width: fit-content;
}
.icon-box, .icon-box .icon-box-content, .icon-box .icon-box-heading{
    width: fit-content !important;
}
#tableau-nav .icon-box{
    margin-top: 10px !important;
}
.icon-box img, .icon-box .icon-media {
    width: 30px !important;
}
.icon-box .icon-box-fa-2x p{
    padding-left: 5px;
}

/* Sommaire */
#tableau-nav .uncont{
    margin: auto;
    width: fit-content;
}
@media (max-width: 960px) {
    #tableau-nav{
        margin: 0 -36px;
    }
    
}

/* Section cliquable */
.index-card, .fixed-height, .index-card a, .fixed-height a, .index-card>div, .fixed-height>div{
    min-height: 250px !important;
}
.index-card .uncoltable .uncell .uncont>.uncode-single-media.text-center:first-of-type{
    margin-top: -30px !important;
}
.main-container .row .index-card.fixed-height .uncont{
    height: 230px !important;
}
.main-container .row .fixed-height .uncont{
    height: 180px !important;
    vertical-align: middle;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.object-position .cliquable img{
    object-position: 25% 70%;
}
#secretaire .object-position .cliquable img{
    object-position: left 10%;
}
@media (max-width: 959px) and (min-width:500px) {
    .main-container .row .fixed-height .uncont img{
        width: 40% !important;
        margin: auto !important;
    }
}
@media (max-width: 1150px) and (min-width:959px) {
    .main-container .row .index-card.fixed-height .uncont{
        height: 180px !important;
    }
}

/* Border-color */
.img-blue--border img{
    border-width: 7px;
    border-style: solid;
    border-color: #004aad;
}
.white--border.border{
    border-color: white;
    border-radius: 30px !important;
    border-width: 1px !important;
}
.border{
    border-width: 7px !important;
    border-style: solid !important;
    border-radius: 10px !important;
    padding: 20px !important;
}
.blue--border{
    border-color: #004aad !important;
}
.simple-decoration {
    background-image: url(https://esat90.tetedecom.pro/wp-content/uploads/2024/04/Forme-4.svg);
    background-repeat: no-repeat;
    background-position: right bottom;
    background-attachment: scroll;
    background-size: 70px;
}

@media (max-width: 960px){
    .simple-decoration{
        background-size: 40px !important;
    }
}

.little-decoration:after{
    content: '';
    background-image: url('/wp-content/themes/uncode-child/inc/esat-90/assets/media/Forme2.svg');
    background-size: contain;
    background-repeat: no-repeat;
    display: block;
    width: 35px;
    height: 35px;
    position: absolute;
    right: -50px;
    top: -10px;
}
.yellow--little-decoration:after{
    background-image: url('/wp-content/themes/uncode-child/inc/esat-90/assets/media/forme_2_yellow.svg');
}
.green--little-decoration:after{
    background-image: url('/wp-content/themes/uncode-child/inc/esat-90/assets/media/forme_2_green.svg');
}
.pink--little-decoration:after{
    background-image: url('/wp-content/themes/uncode-child/inc/esat-90/assets/media/forme_2_pink.svg');
}
.purple--little-decoration:after{
    background-image: url('/wp-content/themes/uncode-child/inc/esat-90/assets/media/forme_2_purple.svg');
}
.white--right-decoration:before{
    content: '';
    background-size: contain;
    background-repeat: no-repeat;
    display: block;
    width: 55px;
    height: 55px;
    position: absolute;
    left: -35px;
    top: -30px;
    background-image: url('/wp-content/themes/uncode-child/inc/esat-90/assets/media/white-text-decoration.svg');
}
.decoration .uncell::before{
    content: '';
    background-image: url('/wp-content/themes/uncode-child/inc/esat-90/assets/media/Forme2.svg');
    display: block;
    width: 50px;
    height: 50px;
    background-repeat: no-repeat;
    position: absolute;
    right: -12px;
    background-size: contain;
    top: 0;
}
.decoration .uncell::after{
    content: '';
    background-image: url('/wp-content/themes/uncode-child/inc/esat-90/assets/media/Forme1.svg');
    display: block;
    width: 50px;
    height: 50px;
    background-repeat: no-repeat;
    position: absolute;
    left: 0;
    background-size: contain;
    bottom: 0;
}
.image-decoration::before{
    content: '';
    background-image: url('/wp-content/themes/uncode-child/inc/esat-90/assets/media/picto-nouveaute.svg');
    display: block;
    width: 150px;
    height: 150px;
    background-repeat: no-repeat;
    position: absolute;
    left: -150px;
    background-size: contain;
    top: 20px;
}
.image-decoration::after{
    content: '';
    background-image: url('/wp-content/themes/uncode-child/inc/esat-90/assets/media/picto-nouveaute.svg');
    display: block;
    width: 150px;
    height: 150px;
    background-repeat: no-repeat;
    position: absolute;
    right: -150px;
    transform: rotate(190deg);
    background-size: contain;
    bottom: 10px;
}
/* Bouton flottant */
.floating-buttons{
    position: fixed;
    right: 20px;
    bottom: 60px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 15px;
}
.floating-buttons svg{
    width: 30px;
    height: 30px;
}


/* BACKGROUND */

.left-background  > .row-background > .background-wrapper > .background-inner{
    background-position: 5% 90% !important;
}
.right-background > .row-background > .background-wrapper > .background-inner{
    background-position: 100% 15% !important; 
}

@media (max-width: 1800px) and (min-width:1500px)  {
    .right-background > .row-background > .background-wrapper > .background-inner{
        margin-right: -100px;
    }
    .left-background  > .row-background > .background-wrapper > .background-inner{
        background-position: -10% 90% !important;
    }
}
@media (max-width: 1500px){
    .right-background > .row-background > .background-wrapper > .background-inner{
        margin-right: -200px;
    }
    .left-background  > .row-background > .background-wrapper > .background-inner{
        background-position: -20% 100% !important;
    }
}
@media (max-width: 1300px){
    .right-background > .row-background > .background-wrapper > .background-inner{
        background-image: none !important; 
    }
    .left-background  > .row-background > .background-wrapper > .background-inner{
        background-image: none !important;
    }
}



/* A QUI VOUS ADRESSER */
@media (max-width: 960px){
    .contact-video{
        padding: 0 !important;
    }
    .max-width img{
        max-width: 50% !important;
        margin: auto !important;
    }
}

/* Pole accompagnement */
.job-card.smaller-column{
    width: 7% !important;
}
.text-lead:not(ul):not(ol) > *{
    margin-top: 18px !important;
}
.job-card .uncont{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.job-card .uncode_text_column{
    font-size: 15px !important;
}
.job-card .uncode_text_column, .job-card .btn-container{
    margin-top: 18px !important;
}
@media (max-width: 960px){
    .job-card .uncode_text_column{
        margin-top: 0 !important;
    }
    .job-card{
        padding: 18px !important;
    }
}

/* CONTACT */
.contact-info .uncont h3, .contact-info .uncont h3 a, .contact-info .uncont .icon-box-heading, .contact-info .uncont, .contact-info {
    min-width: 300px !important;
    display: block !important;
}
/* ARCHIVE DES NOUVEAUTES */
.listing_post .t-entry-cf-index_display_date{
    font-size: 0.90rem !important;
    font-style: italic;
}

/* DOCUMENTATION */
.file-item {
    margin-bottom: 30px;
    display: flex;
    align-items: start;
    flex-direction: column;
    justify-content: center;
}
.file-item a {
    display: flex;
    align-items: center;
}
.file-item i {
    margin-right: 15px;
    color: #db2b9a;
}
.file-item p {
    margin-top: 5px !important;
    margin-left: 40px;
}