* {
    outline: none;
}

button:focus {
    outline: none;
}

.btn.focus, .btn:focus {
    box-shadow: none;
}

#page > #content {
    padding-bottom: 6rem;
}

/*slider*/
.slick-next {
    right: 12px !important;
}

.slick-prev {
    left: 7px !important;
    z-index: 1;
}

/** Background **/
.bg-dark-green {
    background: var(--couleurElement);
}

.bg-green {
    background: var(--couleurElement);
}

.bg-light-grey {
    background: #E4EDEB;
}

.bg-lightgrey {
    background: #E7E3D9;
}

.contact_footer {
    text-align: left;
}

p.besoin_aide_texte {
    font-size: 16px;
    text-align: justify;
}

/*** var ***/
.couleur-header {
    background: var(--couleurEntete);
}

.couleur-menu {
    background: var(--couleurMenu);
}

.img-100 {
    /*width: 100vw;*/
    width: 100%;
}

.container.container-geant {
    position: relative;
    height: 18.6vh
}

.container-fluid.text-center.couleur-header {
    height: auto;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.row.row-geant {
    position: absolute;
    left: 66%;
    height: 18.6vh;
    overflow-y: hidden
}

.geant-bleu {
    width: 24.4vh;
    height: 27.4vh;
}

/***img animation ***/
img.geant-bleu {
    -webkit-animation: mover 1s infinite alternate;
    animation: mover 1s infinite alternate;
}

img.geant-bleu {
    -webkit-animation: mover 1s infinite alternate;
    animation: mover 1s infinite alternate;
}

.error_url {
    color: var(--couleurElement);
    font-weight: 600;
}
.error_text {
    color: var(--couleurElement);
    font-size: 65px;
}

@-webkit-keyframes mover {
    0% {
        transform: translateY(0);
    }
    100% {
        transform: translateY(-10px);
    }
}

@keyframes mover {
    0% {
        transform: translateY(0);
    }
    100% {
        transform: translateY(-10px);
    }
}

.couleur-footer {
    background: var(--couleurPiedDePage);
}

.couleur-texte-piedDePage {
    color: var(--couleurTextePiedDePage);
}

.couleur-element {
    background: var(--couleurElement);
}

.couleur-texte-element {
    color: var(--couleurElement);
}

.color-border {
    border-color: var(--couleurElement);
}


.couleur-primary-texte {
    color: var(--couleurTexteGeneralModele);
}

.couleur-fond-general-modele {
    background: var(--couleurFondGeneralModele);
}
.couleur-ttc{
    color: #d12421;
}
/******/
.text-top {
    vertical-align: text-top;
}

.text-bottom {
    vertical-align: text-bottom;
}

.bg-white {
    background: white;
}

.bg-dark {
    background: #2A2A2A;
}

.bg-opacity-grey {
    background: #e8e8e8;
}

.bg-grey {
    background: #777776;
}

/** Couleur texte **/
.text-grey {
    color: #777776;
}

.text-light-grey {
    color: #979797;
}

.text-white {
    color: white;
}

.text-green {
    color: #9FBA00;
}

.text-dark-green {
    color: #5A6D69;
}

.vert-middle {
    vertical-align: middle;
}

/** Btn **/
.btn-radius {
    border: solid 3px;
    border-radius: 3pc;
}

.btn_blanc_bord_bleu {
    background: #FFFFFF;
    color: var(--couleurElement) !important;
    border: 2px solid;
    border-radius: 19px;
    /*height: 33px;*/
    max-height: 100%;
    max-width: 225px;
    width: 105%;
    font-size: 13px;
    padding: 3px 5px;
    font-weight: bold;
    text-align: center;
}

.btn_blanc_bord_bleu:hover {
    color: white !important;
    border-color: var(--couleurElement);
    background-color: var(--couleurElement);
}


.small_button_bleu {
    background: #FFFFFF;
    color: var(--couleurElement) !important;
    border: 2px solid;
    border-radius: 19px;
    height: 33px;
    max-height: 100%;
    max-width: 100px;
    width: 105%;
    font-size: 13px;
    padding: 3px 5px;
    font-weight: bold;
    text-align: center;
}

.small_button_bleu:hover {
    color: white !important;
    border-color: var(--couleurElement);
    background-color: var(--couleurElement);
}

.btn_blanc_bord_gris {
    background: #FFFFFF;
    color: #777776 !important;
    border: 2px solid;
    border-radius: 19px;
    /*height: 33px;*/
    max-height: 100%;
    max-width: 225px;
    width: 105%;
    font-size: 13px;
    padding: 3px 5px;
    font-weight: bold;
    text-align: center;
}

.btn_blanc_bord_gris:hover {
    color: white !important;
    border-color: #777776;
    background-color: #777776;
}

.container-slide-push {
    padding: 0;
    /*height: 33vh;*/
    height: auto;
}


/** Police **/
a {
    font-family: 'Roboto Condensed', sans-serif;
}

button {
    font-family: 'Roboto Condensed', sans-serif;
}

p, li, span {
    font-family: 'Roboto Regular', sans-serif;
}

h1, h2, h3, h4 {
    font-family: 'Roboto-BoldCondensed', sans-serif;
}

h2 {
    font-size: 38px;
}

/** Police **/
.condensed {
    font-family: 'Roboto Condensed', sans-serif;
}

.regular {
    font-family: 'Roboto', sans-serif;
}

.header {
    font-family: 'Roboto-BoldCondensed', sans-serif;
    font-size: 18px !important;
}

/** BLoc titre **/
.title-main {
    font-size: 25px;
    font-weight: bold;
}

.trait-title {
    padding: 2px;
    width: 70px;
    text-align: center;
    margin: auto;
}

.title-green {
    font-size: 25px;
}


.filter-opacity {
    height: 100%;
    width: 100%;
    background-color: var(--couleurOpacite);
    opacity: var(--tauxOpacite);
}

/** Lien **/

.lien-produit:hover {
    text-decoration: none;
}

/** Fil d'arianne **/

#wo-breadcrumbs span {
    font-family: 'Roboto-BoldCondensed', sans-serif;
    font-size: 16px;
    color: #343a40;
    font-weight: bold;
}

#wo-breadcrumbs span:last-child {
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 16px;
    color: #343a40;
    font-weight: normal;
}

#wo-breadcrumbs {
    background: transparent;
    margin: 0;
    padding-bottom: 1rem;
    padding-left: 0;
}

#wo-breadcrumbs a:hover {
    text-decoration: none;
}

.breadcrumb_separator {
    margin-left: 5px;
    margin-right: 5px;
}

body {
    min-height: 100vh;
    /*position: relative;*/
}
#page {
    height: 100vh;
    display: grid;
    grid-template-rows: auto 1fr auto;
    grid-template-columns: 100%;
    margin: 0;
}

footer {
/*    position: absolute;*/
/*    bottom: 0;*/
/*    left: 0;*/
/*    right: 0;*/
}

.table td, .table th {
    border-bottom: 2px solid #DEE2E6;
    border-top: unset;
}


.scrolling-wrapper {
    overflow-x: auto;
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.scrolling-wrapper::-webkit-scrollbar {
    display: none;
}

.scrolling-wrapper, .scroll-child {
    height: auto;
}
.h-fit-content{
    height:fit-content;
}

/**** Page Recherche ****/

/*********/

@media screen and (min-width: 576px) and (max-width: 992px) {
    #wo-breadcrumbs {
        display: none;
    }

    .contact_footer {
        text-align: left;
    }

    .container-fluid.text-center.couleur-header {
        height: 10.3vh;
    }

    .container-slide-push {
        padding: 0;
    }

    .geant-bleu {
        width: 11vh;
        height: 11.3vh;
    }

    .sticky-nav {
        margin-bottom: 0 !important;
    }

    .row.row-geant {
        position: absolute;
        left: 75%;
        height: 10.3vh;
        overflow-y: hidden
    }

    .container.container-geant {
        height: 10.3vh;
    }
}

@media screen and (min-width: 200px) and (max-width: 576px) {
    #wo-breadcrumbs {
        display: none;
    }

    .contact_footer {
        text-align: left;
    }


    .container-slide-push {
        padding: 0;
    }

    .sticky-nav {
        margin-bottom: 0 !important;
    }

    .geant-bleu {
        width: 12vh;
        height: 13.6vh;
    }

    .container.container-geant {
        height: 10.3vh;
    }

    .row.row-geant {
        position: absolute;
        left: 75%;
        height: 10.3vh;
        overflow-y: hidden
    }
}