html {
    margin-top: 0 !important;
}

nav .savoir-plus:after {
    content: "" !important;
}

nav .savoir-plus img {
    width: 40px;
    margin-top: 20px;
}

div#menumob {
    padding-top: 75px;
    padding-right: 60px;
}

.joinus {
    padding: .6em 1.4em !important;
    vertical-align: inherit;
    font-size: 1rem !important;
    box-shadow: 0 0 8px 0 #A8A8A8;
    font-weight: 600;
}

.Slides {
    position: relative;
    text-align: center;
    overflow: hidden;
    z-index: 100;
}

.liste_etb .Slides,
.liste_etb .Slides,
.ui_dossier .Slides {
    background-color: #e2eff1;
    border-top: solid 2px #D7E7EE;
    border-radius: 0px;
    height: auto;
    overflow: initial;
    min-height: 200px;
}

.INDEX .Slides,
.ui_etablissement .Slides,
.GroupementEtablissement .Slides {
    background-color: #263032;
}

.Slides>div {
    float: none;
}

.Slides>div .taoicon-TaoAdmin-edit {
    position: absolute;
    top: 10px;
    right: 10px;
}

.Slides tao-slideshow {
    height: 400px;
}

.Slides tao-slideshow-slide .framing {
    display: block;
    width: 100%;
    height: 100%;
    text-align: center;
}

.Slides>.bgSlides {
    position: absolute;
    width: 100%;
}

.bgSlides tao-slideshow {
    width: 100%;
    height: 534px;
    overflow: hidden;
    position: relative;
}

.bgSlides tao-slideshow-slides {
    width: 100%;
    height: 534px;
}

.bgSlides tao-slideshow-slide :not(.framing) img {
    width: auto;
    height: auto;
}

.Slides>.bouton_admin_gesat {
    top: 30px;
    right: 100px;
}

.Slides>div>.bouton_admin_gesat {
    top: 30px;
    right: 100px;
}

.AdminConteneur {
    background-color: #f0f9fb;
    text-align: center;
    overflow: hidden;
}

.ui_etablissement .AdminConteneur {
    background-color: #263032;
}

.TopHead {
    height: 40px;
}

.TopHead>.bloc_contenu {
    line-height: 35px;
    padding: 0 15px;
    text-align: right;
}

.TopHead [class*="taoicon-"] {
    margin-left: 10px;
}

.TopHead .taoicon-RG-avatar {
    line-height: 40px;
    font-weight: 500;
    font-size: 1em;
}

.TopHead .HANDIMENU {
    margin: 0 20px !important;
    float: right;
    border-right: solid 1px #77B7C6;
    padding-right: 20px;
}

.TopHead .HANDIMENU a {
    color: #FFFFFF;
}

.TopHead .HANDIMENU *:before {
    font-size: 1.25em;
}

.TopHead .HANDIMENU .taoicon-Tao-plus:before,
.TopHead .HANDIMENU .taoicon-Tao-minus:before {
    border: solid 1px #53A5B7;
    border-radius: 20px;
    padding: 3px;
}

.HEAD .LOGO {
    z-index: 150;
    margin: -25px 0 0 10px;
    position: relative;
    text-align: center;
    padding-top: 5px;
}

.HEAD .LOGO img {
    position: relative;
    z-index: 150;
    top: 10px;
}

.CONTENT-HEAD {
    box-shadow: 0px 3px 10px 0 #949494;
}

.menu_choix_profil {
    position: relative;
}

.HEAD .menu_choix_profil {
    margin: 20px 20px;
}

.menu_choix_profil .openClickContent {
    position: absolute;
    z-index: 100;
    text-align: center;
    right: 0;
    background-color: #FFFFFF;
    width: 500px;
    box-shadow: 0px 0px 10px 0px #ccc;
    border-radius: 8px;
    max-width: 90vw;
    display: none;
}

.menu_choix_profil .choix_profil_EOP {
    display: inline-block;
    width: 250px;
    padding: 10px;
}

.menu_choix_profil h3 {
    font-size: 1em;
    color: #8C8C8C;
    margin-bottom: 10px;
}

.menu_choix_profil h4 {
    font-size: .9em;
    margin-bottom: 10px;
}

.menu_choix_profil img {
    width: auto !important;
    height: 80px !important;
}

.menu_choix_profil .ITEM-IMG {
    padding-bottom: 0 !important;
}

.CONTENT-HEAD .bloc_contenu>.lienAction {
    float: right;
    margin: 15px 0 15px 30px;
}

.NavigPage .PAGENAVIGLIST {
    float: none;
    display: inline-block;
}

.NavigPage .PATH {
    float: none;
    margin-top: 10px;
}

.NavigPage .PATH a,
.NavigPage .PATH a:before {
    float: none;
    display: inline-block;
    color: #B6B6B6;
}

.MenuFlexH .LEVEL-0 a {
    display: block;
}

.MenuFlexH .LEVEL-0>a {
    font-size: 1.4em;
    font-weight: bold;
}

.MenuFlexH .LABEL {
    display: block;
    padding: 10px 0;
}

.MenuFlexH .ACCROCHE {
    break-after: column;
    display: block;
    padding: 10px 0;
}

.MenuFlexH .ACCROCHE p {
    margin: 0;
}

@media all and (min-width: 1240px) {
    .MenuFlexH .MENU-DEROULANT {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-around;
        align-items: center;
    }

    .MenuFlexH .LEVEL-0 {
        position: relative;
        flex: auto;
    }

    .MenuFlexH .MORE:before,
    .MenuFlexH .MORELESS:before {
        display: none;
    }

    .MenuFlexH.MenuFlexV .LEVEL-0 {
        flex: 100%;
    }

    .MenuFlexH .LEVEL-1 {
        background-color: #FFFFFF;
        overflow: hidden;
    }

    .MenuFlexH .MORE>div,
    .MenuFlexH .MORELESS>div {
        top: 100%;
        position: absolute;
        opacity: 0;
        transition: opacity .7s;
        z-index: -1;
        height: 0;
    }

    .MenuFlexH .MORE:hover>div,
    .MenuFlexH .MORELESS>div {
        opacity: 1;
        z-index: 100;
        height: auto;
        overflow: initial;
    }

    .MenuFlexH .LEVEL-0>a {
        width: 100%;
        padding: .8em 0;
    }
}

@media all and (max-width: 1240px) {
    .MenuFlexH .MENU-DEROULANT {
        padding-top: 50px;
    }

    .MenuFlexH {
        width: auto;
    }

    .MenuFlexH .LEVEL-1,
    .MenuFlexH .LEVEL-2 {
        position: absolute;
        left: 120%;
        background-color: #FFFFFF;
        width: 100%;
        height: 100%;
        overflow-y: scroll;
        overflow-x: hidden;
        top: 0;
        transition: all .5s;
        padding-top: 50px
    }

    .MenuFlexH .LEVEL-1 {
        padding-top: 50px;
    }

    .MenuFlexH .MORELESS>.LEVEL-1,
    .MenuFlexH .MORELESS>.LEVEL-2 {
        left: 0;
    }

    .MenuFlexH [class*="MORE"]:before {
        font-family: Tao;
        display: inline-block;
        font: normal normal normal 1.8em Tao;
        float: right;
        width: 40px;
        line-height: 40px;
        color: #263032;
        padding: 0 5px;
        margin: 0;
        text-align: center;
        border-left: solid 1px #FFFFFF;
    }

    .MenuFlexH .MORELESS:before {
        position: absolute;
        top: 0;
        right: 0;
        z-index: 100;
        background-color: #FFFFFF;
    }

    .MenuFlexH a {
        line-height: 40px;
        color: #263032;
    }

    .MenuFlexH .LEVEL-0>a {
        text-transform: uppercase;
    }
}

.HEAD,
.Slides {
    font-size: 1em;
}

.LOGO {
    display: inline-block;
    float: left;
}

h1.LOGO {
    margin: 0;
    padding: 0;
}

.LOGO img {
    max-width: 100%;
    height: auto;
}

.Slides {
    float: left;
    clear: both;
    height: 400px;
    background-position: center;
}

.bandeauImg {
    width: 100%;
    height: 400px;
    overflow: hidden;
    display: block;
    touch-action: pan-x;
}

.bandeauImg:not(.framing) img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.bloc_slider {
    min-height: 534px;
}

.breadcrumb {
    overflow: hidden;
}

.openClickContent {
    opacity: 0;
    transition: all .5s;
}

.OPEN+.openClickContent {
    z-index: 100;
    opacity: 1;
}

@media all and (min-width: 1240px) {
    .visible .openClickContent {
        display: block !important;
        opacity: 1 !important;
    }

    .visible .openClick {
        display: none !important;
    }

    .openDesk .openClickContent {
        display: block !important;
        opacity: 1 !important;
    }

    .openDesk .openClick {
        display: none !important;
    }
}

@media all and (min-width: 900px) {
    .repere {
        height: 1px;
        margin: 0 !important;
        z-index: -1;
        position: absolute;
        top: 100px;
        right: 0;
    }

    .withSlider .repere {
        top: calc(100px - 400px);
    }

    .INDEX.withSlider .repere {
        top: calc(100px - 534px);
    }

    .HEAD.fixe {
        position: fixed;
        z-index: 500;
        top: 0;
    }

    .MiniHead .HEAD {
        background-color: #FFFFFF;
    }

    .Slides,
    .withoutSlider .CONTENEUR {
        margin-top: 113px;
    }

    .withBlackBar.withoutSlider .CONTENEUR,
    .withBlackBar .Slides {
        margin-top: 151px;
    }

    [class*="Plein"],
    [class*="Vide"] {
        padding: 8px 40px;
    }
}

@media all and (max-width: 900px) {

    [class*="Plein"],
    [class*="Vide"] {
        padding: 8px;
    }
}

@media all and (min-width: 1240px) {
    .Slides>div {
        max-width: 1420px;
        margin: 0 auto;
        position: relative;
    }

    .Slides>.bgSlides {
        max-width: 1420px;
        left: 50%;
        margin-left: -710px;
    }

    .TopHead {
        background-color: #635FF4;
        transition: all 0.5s;
    }

    .TopHead>.bloc_contenu {
        color: #FFFFFF;
    }

    .TopHead [class*="taoicon-"] {
        color: #FFFFFF;
    }

    .TopHead [class*="taoicon-"],
    .TopHead [class*="taoicon-"]:before {
        color: #FFFFFF;
    }

    .HEAD .LOGO:before {
        content: url("/wp-content/themes/geninclusif/img/masqueLogo-GH.svg");
        position: absolute;
        z-index: 0;
        left: -20px;
        top: 0;
    }

    .menuGesat {
        width: 66%;
    }

    .menuGesat .MENU-DEROULANT>div {
        flex: auto;
    }

    .menuGesat .LEVEL-0 {
        padding: 10px 0;
    }

    .menuGesat .LEVEL-0>a {
        font-weight: 600;
        color: #263032;
        font-size: 1em;
        padding: 1.2em 0;
    }

    .menuGesat a:hover {
        color: #f15921;
    }

    .menuGesat .RUBOPEN.LEVEL-0>a,
    .menuGesat .LEVEL-0>a.SELF {
        color: #f15921;
    }

    .menuGesat .LEVEL-1 {
        border: solid 1px #f15921 !important;
        box-shadow: 0 0 10px #D2D2D2;
        border-radius: 6px;
        height: 0;
        overflow: hidden;
    }

    .menuGesat .LEVEL-0:hover .LEVEL-1 {
        padding: 30px 55px;
    }

    .menuGesat .LEVEL-1:before {
        content: " ";
        display: block;
        width: 0px;
        height: 0px;
        border-style: solid;
        border-width: 0 10px 10px 10px;
        border-color: transparent transparent #f15921 transparent;
        position: absolute;
        bottom: 100%;
        left: calc(50% - 10px);
    }

    .menuGesat .LEVEL-0:hover .LEVEL-1 {
        height: auto;
        overflow: visible;
    }

    .menuGesat .LEVEL-1 a {
        padding: 5px 15px;
        display: block;
        color: #8C8C8C;
        line-height: 1.4em;
        white-space: nowrap;
    }

    [class*="MenuFlex"] .MENU-DEROULANT .LEVEL-1 a:hover {
        background-color: transparent;
        color: #f15921;
    }

    .menuGesat .LEVEL-1>div>a {
        text-decoration: underline;
    }

    .menuGesat .LEVEL-2,
    .menuGesat .LEVEL-3,
    .menuGesat .LEVEL-4 {
        position: relative !important;
        opacity: 1 !important;
        height: initial !important;
    }

    .menuGesat .LEVEL-2 a:before {
        content: url(/styles/fonts_svg/RG/voirright.svg);
    }

    .menuGesat .PageAnnuaire+.LEVEL-1 {
        width: 350px;
        left: -55px;
    }

    .menuGesat .PageServices+.LEVEL-1:after {
        content: "Le Réseau Gesat vous accompagne :";
        font-size: 1.2em;
        font-weight: 500;
        width: 100%;
        display: block;
        text-align: center;
        position: absolute;
        top: 20px;
        left: 0;
    }

    .menuGesat .LEVEL-0:hover .PageServices+.LEVEL-1 {
        width: 1100px;
        left: -490px;
        column-count: 2;
        column-gap: 40px;
        padding-top: 80px;
        padding-bottom: 120px;
        background-image: url(/wp-content/themes/geninclusif/img/css/angle-HG.svg), url(/wp-content/themes/geninclusif/img/css/angle-HD.svg), url(/wp-content/themes/geninclusif/img/css/angle-BG.svg), url(/wp-content/themes/geninclusif/img/css/angle-BD.svg);
        background-position: 25px 25px, calc(100% - 25px) 25px, 25px calc(100% - 25px), calc(100% - 25px) calc(100% - 25px);
        background-repeat: no-repeat;
    }

    .menuGesat .PageServices+.LEVEL-1>div>a {
        font-size: 1.1em;
        text-decoration: none;
        font-weight: 600;
    }

    .menuGesat .PageServices+.LEVEL-1>div>.ui_service_entreprise {
        color: #635FF4;
    }

    .menuGesat .PageServices+.LEVEL-1>div>a:after {
        color: #FFFFFF;
        position: absolute;
        top: calc(100% - 100px);
        padding: .5em;
        border-radius: 4px;
        box-shadow: 0px 0px 10px 0px #ccc;
        font-size: .9em;
    }

    .menuGesat .PageServices+.LEVEL-1>div>.ui_service_entreprise:after {
        content: "> Tous les services entreprises";
        background-color: #635FF4;
        left: 65px;
    }

    .menuGesat .PageServices+.LEVEL-1>div>.ui_service_esatea:after {
        content: "> Tous les services ESAT-EA";
        background-color: #f15921;
        left: 570px;
    }

    .menuGesat .PageServices+.LEVEL-1>div>.ui_service_esatea {
        color: #f15921;
    }

    .menuGesat .PageServices+.LEVEL-2>div>a {
        display: none;
    }

    .menuGesat .PageServices+.LEVEL-3>div>a {
        font-weight: 500;
    }

    .menuGesat .PageServices+.LEVEL-3>div>.ui_service_entreprise {
        color: #635FF4;
    }

    .menuGesat .PageServices+.LEVEL-3>div>.ui_service_esatea {
        color: #f15921;
    }

    .menuGesat .PageServices+.LEVEL-3>div>a:before {
        display: none;
    }

    .menuGesat .PageServices+.LEVEL-4>div>a {
        text-decoration: underline;
        font-weight: 400;
        font-size: .85em;
    }

    .menuGesat .PageServices+.LEVEL-4>div>a:before {
        display: none;
    }

    .menuGesat .PageGesat+.LEVEL-1 {
        width: 390px;
        left: -140px;
    }

    .menuGesat .PageGesat+.LEVEL-1 .MORE~.MORE .LEVEL-2 {
        display: none;
    }

    .menuGesat .PageNews+.LEVEL-1 {
        width: 350px;
        left: -150px;
    }

    .menuGesat .PageNews+.LEVEL-1 .LEVEL-2 {
        display: none;
    }
}

@media all and (min-width: 900px) {
    .HEAD {
        background-color: #FFFFFF;
        top: 0;
    }

    .NavigPage {
        text-align: center !important;
        padding-top: 30px;
    }
}

@media all and (max-width: 600px) {



    .TopHead {
        padding-top: 20px;
    }

    .TopHead {
        height: 42px;
    }

    .TopHead .taoicon-RG-avatar {
        margin-right: 0 !important;
        line-height: 100%;
        font-size: 0.85em;
    }

    .TopHead .linkMonCompte {
        width: 26px;
        height: 26px;
        line-height: 26px;
        overflow: hidden;
        background-color: #e2eff1;
        border-radius: 20px;
        text-decoration: none;
    }

    .TopHead .linkMonCompte:first-letter {
        font-size: 1.3em;
        display: block;
        margin: 0 30px 0 7px;
    }

    .TopHead .HANDIMENU {
        display: none !important;
    }

    .menuGesat:not(.toggleMenu) {
        margin-top: -42px;
    }

    .menuGesat {
        background-color: #635FF4;
    }

    .CONTENT-HEAD .lienAction {
        font-size: 1em;
        padding: .2em 1.5em !important;
    }

    .CONTENT-HEAD .bloc_contenu>.lienAction {
        margin-right: 5px;
    }
}

@media all and (max-width: 900px) {
    .HEAD.fixe {
        position: fixed;
        z-index: 500;
        background-color: #FFFFFF;
    }

    .Slides>div .taoicon-TaoAdmin-edit {
        top: 50px;
        right: 50%;
    }

    .Slides,
    .withoutSlider:not(.ui_carto) .CONTENEUR {
        margin-top: 56px;
    }

    .Slides,
    .CONTENEUR {
        margin-top: 157px !important;
    }

    .Slides+.CONTENEUR {
        margin-top: 0 !important;
    }
}

@media all and (max-width: 1240px) {
    .HEAD .LOGO img {
        top: 0 !important;
    }

    .HEAD {
        border-bottom: solid 1px #c4e1e7;
    }

    .Slides>div {
        width: 100%;
    }

    .TopHead .taoicon-RG-avatar {
        margin-right: 20px;
    }

    .HEAD .LOGO {
        margin: auto;
        max-width: calc(100% - 230px);
    }

    .menuGesat {
        width: 50px;
    }

    .menuGesat.toggleMenu {
        width: 100%;
    }

    .menuGesat a {
        color: #FFFFFF;
    }

    .menuGesatResp .nav-toggle:before {
        background-color: transparent;
        color: #635FF4;
        padding: 0;
    }

    .menu_choix_profil,
    .CONTENT-HEAD .bloc_contenu>.lienAction {
        position: absolute;
        right: 20px;
        top: 64px;
        margin: 0 !important;
    }
}

.listeItemQuiz {
    padding: 10px;
}

.ITEM-QUIZ {
    flex: 1;
    text-align: left;
    padding: 10px;
    margin: 10px;
    border-radius: 4px;
}

.ITEM-QUIZ {
    background-color: #EEEEEE;
}

h2.ITEM-QUIZ {
    background-color: transparent;
}

.QUIZ-ACCROCHE,
.QUIZ-TEXTE {
    background-color: transparent;
    padding: 0;
}

.QUIZ-ACCROCHE p,
.QUIZ-TEXTE p {
    margin-top: 0;
}

.QUIZ-TEXTE label {
    font-size: 1em;
}

.ITEM-QUIZ.DT100 label {
    line-height: 1.8em;
}

.QUIZ textarea {
    width: 100%;
    min-height: 80px;
}

.QUIZ label {
    font-weight: normal;
}

.ITEM-QUIZ textarea {
    width: 100%;
    min-height: 80px;
}

.COL-2 .code label {
    width: 50%;
    padding-right: 2%;
}

.COL-3 .code label {
    width: 33.3333%;
    padding-right: 2%;
}

.COL-4 .code label {
    width: 25%;
    padding-right: 2%;
}

.COL-5 .code label {
    width: 20%;
    padding-right: 2%;
}

.COL-6 .code label {
    width: 16.6667%;
    padding-right: 2%;
}

.COL-2 .code label,
.COL-3 .code label,
.COL-4 .code label,
.COL-5 .code label,
.COL-6 .code label {
    margin: 0;
}

@media all and (max-width: 900px) and (min-width:600px) {

    .COL-2 .code label,
    .COL-3 .code label,
    .COL-4 .code label,
    .COL-5 .code label,
    .COL-6 .code label {
        float: left;
    }

    .ITEM-QUIZ {
        min-width: calc(50% - 40px);
    }

    .ITEM-QUIZ[class*="COL-"] .code label {
        min-width: 50%;
    }
}

@media all and (max-width: 600px) {
    .ITEM-QUIZ[class*="COL-"] .code label {
        min-width: 100%;
    }
}

@media all and (max-width: 900px) {
    .ITEM-QUIZ {
        max-width: calc(100% - 20px);
    }
}




/* Date : 2024-07-31 09:39:51 - Navigateur : Chrome - Media : all - Color : gesat - Langue : fr */
.bloc_alerteCookies {
    width: 100%;
    z-index: 1000;
    padding: 10px;
    text-align: center;
    color: #FFFFFF;
    position: fixed;
    top: 0;
    right: 0;
    background-color: rgba(0, 0, 0, .8);
    font-size: 13pt;
}

.bloc_alerteCookies a:not([class*="lien"]) {
    font-weight: bold;
    color: #FFFFFF;
    text-decoration: underline;
}

.bloc_alerteCookies p {
    color: #FFFFFF;
}

.FONDBODY {
    overflow: hidden;
    color: #263032;
}


.B100C>.bloc_contenu {
    margin: 0 auto;
}

.END {
    clear: both;
    position: relative;
}

.B100C {
    min-width: 100%;
}

.FOOT {
    font-size: 1em;
}

.PAGES {
    background-color: #FFFFFF;
}

.cGAUCHE {
    clear: left;
}

.PAGES>*,
.PAGES .Modules .bloc_titre,
.PARALLAX .Modules .bloc_titre,
.COL .Modules .bloc_titre,
.PAGES .SOMMAIRE.Modules>*,
.cGAUCHE>*,
.cDROITE>*,
.popin_contenu .bloc_titre,
.Modules>h2 {
    margin: 20px 20px;
    max-width: calc(100% - 40px);
}

.PAGES>script,
.PAGES>style {
    display: none;
}

.PAGES>table {
    display: table;
}

* {
    outline: none;
    box-sizing: border-box;
}

dl,
dt,
dd {
    margin: 0;
}

.w-100 {
    width: 100%;
    max-width: 100%;
}

.w-auto {
    width: auto;
}

.a-left {
    text-align: left !important;
}

.a-center {
    text-align: center !important;
}

.a-right {
    text-align: right !important;
}

.a-left {
    text-align: left !important;
}

.a-center {
    text-align: center !important;
}

.a-right {
    text-align: right !important;
}

a,
.lienButton,
.lien {
    color: #635ff4;
    position: static;
    text-decoration: none;
    border: none;
    cursor: pointer;
    font-family: 'Basetica';
    font-weight: bold;
}

.links a {
    display: block;
    clear: both;
}

td[class*="Plein"],
td[class*="Vide"] {
    display: table-cell;
}

[class*="Plein"],
[class*="Plein"]>*,
[class*="Plein"][class*="taoicon-"]:before,
[class*="Plein"][class*="taoabove-"]:after,
[class*="Plein"] [class*="taoicon-"]:before,
[class*="Plein"] [class*="taoabove-"]:after,
[class*="Vide"]:hover,
[class*="Vide"]:hover *,
[class*="Vide"][class*="taoicon-"]:hover:before,
[class*="Vide"][class*="taoabove-"]:hover:after,
[class*="Vide"]:hover [class*="taoicon-"]:before,
[class*="Vide"]:hover [class*="taoabove-"]:after {
    color: #FFFFFF;
}

img {
    border: none;
    vertical-align: middle;
}

p img,
td img {
    max-width: 100%;
}

.ITEM-IMG:not(.framing) img {
    max-width: 100%;
    height: auto;
}

.ITEM-IMG {
    position: relative;
    display: inline-block;
}

.no-js [data-lazyload-src] {
    display: none;
}

.hidden {
    display: none !important;
}

.loading [src*="pixel"] {
    top: 0 !important;
    left: 0 !important;
}

.CONTENEUR p,
.PARALLAX p {
    margin: 20px auto;
    line-height: 150%;
}

.CONTENEUR li,
.PARALLAX li {
    line-height: 150%;
    margin: 8px 0px;
}

.CONTENEUR li p,
.PARALLAX li p {
    margin: 0;
}

.ACCROCHE p {
    font-size: 1.2em;
}

hr {
    float: none !important;
    visibility: hidden;
    clear: both;
    margin: 0 !important;
    border: 0;
    width: 100%;
    height: 0;
}

img[zoomdiaporama] {
    cursor: zoom-in;
    position: relative;
    z-index: 50;
}

.f-left,
.left {
    float: left !important;
}

.f-right,
.right {
    float: right !important;
}

.centre {
    text-align: center;
    margin-left: auto !important;
    margin-right: auto !important;
}

.centre * {
    text-align: center;
}

.inline,
.labelInline label {
    display: inline !important;
}

.inline-block {
    display: inline-block;
}

.clear {
    width: 100%;
    clear: both;
}

.relative {
    position: relative;
}

.absolute {
    position: absolute;
}

.o-scroll {
    overflow: scroll;
}

.framing {
    position: relative;
    overflow: hidden;
}

.form_connexion form {
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.form_connexion .bloc_titre {
    text-align: center;
}

.forgetPasswd {
    text-align: center;
}

.CONTENU .HIDDEN,
table .mailHidden {
    display: none;
}

.lienVertPlein {
    transition: .3s all;
    border: solid 2px #6db213;
    border-radius: .3em;
    background-color: #6db213;
}

.lienVertPlein a {
    background-color: #6db213;
}

.lienVertPlein[class*="taoicon-"]:hover,
.lienVertPlein:hover a,
.lienVertPlein:hover {
    background-color: #FFFFFF;
    color: #6db213;
}

.lienVertPlein:hover:before,
.lienVertPlein:hover:after,
.lienVertPlein:hover :before,
.lienVertPlein:hover :after,
.lienVertPlein:hover>* {
    color: #6db213;
}

.lienVertVide {
    transition: .3s all;
    border: solid 2px #6db213;
    border-radius: .3em;
    background-color: #FFFFFF;
    color: #6db213;
}

.lienVertVide a {
    background-color: #FFFFFF;
    color: #6db213;
}

.lienVertVide:hover,
.lienVertVide:hover a {
    background-color: #6db213;
}

.lienVertVide:before,
.lienVertVide:after {
    color: #6db213;
}

.lienOrangePlein {
    transition: .3s all;
    border: solid 2px #F89925;
    border-radius: .3em;
    background-color: #F89925;
}

.lienOrangePlein a {
    background-color: #F89925;
}

.lienOrangePlein[class*="taoicon-"]:hover,
.lienOrangePlein:hover a,
.lienOrangePlein:hover {
    background-color: #FFFFFF;
    color: #F89925;
}

.lienOrangePlein:hover:before,
.lienOrangePlein:hover:after,
.lienOrangePlein:hover :before,
.lienOrangePlein:hover :after,
.lienOrangePlein:hover>* {
    color: #F89925;
}

.lienOrangeVide {
    transition: .3s all;
    border: solid 2px #F89925;
    border-radius: .3em;
    background-color: #FFFFFF;
    color: #F89925;
}

.lienOrangeVide a {
    background-color: #FFFFFF;
    color: #F89925;
}

.lienOrangeVide:hover,
.lienOrangeVide:hover a {
    background-color: #F89925;
}

.lienOrangeVide:before,
.lienOrangeVide:after {
    color: #F89925;
}

.lienRougePlein {
    transition: .3s all;
    border: solid 2px #c60002;
    border-radius: .3em;
    background-color: #c60002;
}

.lienRougePlein a {
    background-color: #c60002;
}

.lienRougePlein[class*="taoicon-"]:hover,
.lienRougePlein:hover a,
.lienRougePlein:hover {
    background-color: #FFFFFF;
    color: #c60002;
}

.lienRougePlein:hover:before,
.lienRougePlein:hover:after,
.lienRougePlein:hover :before,
.lienRougePlein:hover :after,
.lienRougePlein:hover>* {
    color: #c60002;
}

.lienRougeVide {
    transition: .3s all;
    border: solid 2px #c60002;
    border-radius: .3em;
    background-color: #FFFFFF;
    color: #c60002;
}

.lienRougeVide a {
    background-color: #FFFFFF;
    color: #c60002;
}

.lienRougeVide:hover,
.lienRougeVide:hover a {
    background-color: #c60002;
}

.lienRougeVide:before,
.lienRougeVide:after {
    color: #c60002;
}

.lienNoirPlein {
    transition: .3s all;
    border: solid 2px #000000;
    border-radius: .3em;
    background-color: #000000;
}

.lienNoirPlein a {
    background-color: #000000;
}

.lienNoirPlein[class*="taoicon-"]:hover,
.lienNoirPlein:hover a,
.lienNoirPlein:hover {
    background-color: #FFFFFF;
    color: #000000;
}

.lienNoirPlein:hover:before,
.lienNoirPlein:hover:after,
.lienNoirPlein:hover :before,
.lienNoirPlein:hover :after,
.lienNoirPlein:hover>* {
    color: #000000;
}

.lienNoirVide {
    transition: .3s all;
    border: solid 2px #000000;
    border-radius: .3em;
    background-color: #FFFFFF;
    color: #000000;
}

.lienNoirVide a {
    background-color: #FFFFFF;
    color: #000000;
}

.lienNoirVide:hover,
.lienNoirVide:hover a {
    background-color: #000000;
}

.lienNoirVide:before,
.lienNoirVide:after {
    color: #000000;
}

.SOS {
    margin-right: 5px;
}

.NavigPage {
    width: 100%;
    max-width: calc(100% - 40px);
    margin: 20px 20px;
    overflow: hidden;
}

.PATH {
    float: left;
    clear: none;
    width: auto;
    margin: 0;
}

.PATH a {
    line-height: 25px;
}

.PATH a:before,
.PATH span:before {
    line-height: 25px;
    font-size: .8rem;
    text-align: center;
    width: auto;
    margin: 0;
    padding-right: 8px;
}

.PATH a+a:before {
    margin-top: 0px;
    margin-bottom: 0px;
    margin-right: 0px;
    margin-left: 10px;
}

.NavigPage .PAGENAVIGLIST {
    float: right;
    clear: none;
    width: auto;
    margin: 0;
}

.NavigPage .PAGENAVIGLIST [class*="taoabove-"]:after {
    margin-left: 0;
}

.AdminConteneur .PAGENAVIGLIST {
    float: right;
    clear: none;
    width: auto;
    margin: 0px 20px;
}

.col {
    width: 100%;
    max-width: calc(100% - 40px);
    margin: 20px 20px;
    ;
    display: inline-block;
    vertical-align: top;
}

.Modules {
    z-index: 0;
    text-align: center;
}

.PAGES>.Modules,
.COL .Modules,
.COL>.Modules,
.PARALLAX .Modules {
    margin: 0px 0px;
    max-width: 100%;
}

.Modules.col {
    max-width: 100%;
    margin: 0px 0px;
}

.Modules>*:not(.centre) {
    text-align: left;
}

.row-3 {
    height: 4.85px
}

.row-4 {
    height: 19.8px
}

.row-5 {
    height: 34.75px
}

.row-6 {
    height: 49.7px
}

.row-7 {
    height: 64.65px
}

.row-8 {
    height: 79.6px
}

.row-9 {
    height: 94.55px
}

.row-10 {
    height: 109.5px
}

.row-11 {
    height: 124.45px
}

.row-12 {
    height: 139.4px
}

.row-13 {
    height: 154.35px
}

.row-14 {
    height: 169.3px
}

.row-15 {
    height: 184.25px
}

.row-16 {
    height: 199.2px
}

.row-17 {
    height: 214.15px
}

.row-18 {
    height: 229.1px
}

.row-19 {
    height: 244.05px
}

.row-20 {
    height: 259px
}

.row-21 {
    height: 273.95px
}

.row-22 {
    height: 288.9px
}

.row-23 {
    height: 303.85px
}

.row-24 {
    height: 318.8px
}

.row-25 {
    height: 333.75px
}

.row-26 {
    height: 348.7px
}

.row-27 {
    height: 363.65px
}

.row-28 {
    height: 378.6px
}

.row-29 {
    height: 393.55px
}

.row-30 {
    height: 408.5px
}

.row-31 {
    height: 423.45px
}

.row-32 {
    height: 438.4px
}

.row-33 {
    height: 453.35px
}

.row-34 {
    height: 468.3px
}

.row-35 {
    height: 483.25px
}

.row-36 {
    height: 498.2px
}

.row-37 {
    height: 513.15px
}

.row-38 {
    height: 528.1px
}

.row-39 {
    height: 543.05px
}

.row-40 {
    height: 558px
}

.row-41 {
    height: 572.95px
}

.row-42 {
    height: 587.9px
}

.row-43 {
    height: 602.85px
}

.row-44 {
    height: 617.8px
}

.row-45 {
    height: 632.75px
}

.row-46 {
    height: 647.7px
}

.row-47 {
    height: 662.65px
}

.row-48 {
    height: 677.6px
}

.row-49 {
    height: 692.55px
}

.row-50 {
    height: 707.5px
}

.row-51 {
    height: 722.45px
}

.row-52 {
    height: 737.4px
}

.row-53 {
    height: 752.35px
}

.row-54 {
    height: 767.3px
}

.row-55 {
    height: 782.25px
}

.row-56 {
    height: 797.2px
}

.row-57 {
    height: 812.15px
}

.row-58 {
    height: 827.1px
}

.row-59 {
    height: 842.05px
}

.row-60 {
    height: 857px
}

.bloc {
    width: 100%;
    float: left;
    margin-bottom: 20px;
}

.HEAD .bloc,
.FOOT .bloc {
    margin-bottom: 0;
}

.bloc_titre {
    display: block;
    clear: both;
    margin-bottom: 5px;
    font-weight: bold;
    overflow: hidden;
    color: #000000;
    font-size: 1.6em;
    text-align: left;
}

.COL .bloc_titre {
    font-size: 1.3em;
}

.COL .bloc_titre span[class*="taoicon-"] {
    font-size: .7em;
}

.PAGES .bloc_titre {
    color: #635FF4;
}

h1,
.h1-like {
    text-wrap: balance;
}

h1 .SOUSTITRE,
.h1-like .SOUSTITRE {
    font-size: 0.6em;
}

h2,
h3,
h4,
h5,
h6,
.h2-like,
.h3-like,
.h4-like,
.h5-like,
.h6-like {
    padding: 0;
    margin: 15px 0 12px 0;
    position: relative;
    text-wrap: balance;
    line-height: 100%;
}

.h1-like,
.h2-like,
.h3-like,
.h4-like,
.h5-like,
.h6-like {
    display: block;
    font-weight: bold;
    text-wrap: balance;
    line-height: 100%;
}

.bloc_titre h1,
.bloc_titre h2,
.bloc_titre h3,
.bloc_titre h4,
.bloc_titre h5,
.bloc_titre h6,
.bloc_titre .h2-like,
.bloc_titre .h3-like,
.bloc_titre .h4-like,
.bloc_titre .h5-like,
.bloc_titre .h6-like {
    font-size: 1em;
    display: inline;
    margin: 0;
}

.itemDefault .lienPage {
    font-weight: bold;
    font-size: 1.4em;
}

.itemDefault p {
    margin: 0;
}

.itemDefault .ITEM-TITRE,
.itemRecherche .ITEM-TITRE {
    font-size: 1.09em;
}

.itemDefault .ITEM-TITRE *,
.itemRecherche .ITEM-TITRE * {
    font-size: 1em;
    margin: 0;
    padding: 0;
}

.itemDefault .ITEM-IMG {
    position: relative;
    overflow: hidden;
    text-align: center;
}

.itemInfo .ITEM-DOCUMENT {
    float: left;
    margin-right: 10px;
}

.itemInfo .ITEM-TXT {
    display: block;
    margin-top: 10px;
}

.itemInfo.itemVertical>*,
.itemRubrique.itemVertical>*,
.GridItemProduits .itemProduit.itemVertical>* {
    display: inline-block;
    margin-bottom: 10px;
    text-align: center;
}

.itemVertical .ITEM-TITRE,
.itemVertical .ITEM-ACCROCHE,
.itemVertical .ITEM-AGENDA {
    width: 100%;
}

.itemMarque>* {
    width: 100%;
}

.GridItemProduits .itemVertical .lienPage,
.GridItemProduits .itemVertical .ACCROCHE,
.GridItemProduits .itemVertical .PRIX {
    width: 100%;
    margin-bottom: 10px;
}

.itemVertical>.LIEN,
.itemVertical>.rsItem {
    width: auto;
}

.itemVertical .ITEM-IMG {
    margin-left: auto;
    margin-right: auto;
}

.itemHorizontal>* {
    margin-bottom: 10px;
}

.itemHorizontal .ITEM-TITRE {
    display: block;
}

.itemHorizontal .ITEM-SOUSTITRE {
    display: block;
    font-weight: bold;
}

.itemInfo.itemGrille .ITEM-IMG {
    height: 100%;
}

:not(.itemGrille) .smallInfo {
    width: 320px;
}

:not(.itemGrille) .mediumInfo {
    width: 400px;
}

:not(.itemGrille) .largeInfo {
    width: 1000px;
}

.itemGrille .mediumHost {
    height: 100%;
    display: block;
}

.itemGrille .mediumHost img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.framingDefault .smallInfo.framing {
    width: 320px;
    height: 200px;
}

.itemVertical.framingDefault .smallInfo.framing {
    width: 100%;
    height: 200px;
}

.smallRubrique.framing {
    width: 236px;
    height: 139px;
}

.itemVertical .smallRubrique.framing {
    width: 100%;
    height: 139px;
}

.image_legende {
    display: block;
    text-align: center;
    width: 100%;
    height: auto !important;
    position: absolute;
    bottom: 0;
    padding: 4px 8px;
    background-color: rgba(255, 255, 255, .8);
}

.itemDefault .ITEM-AGENDA {
    font-style: italic;
    text-align: right;
    display: block;
}

.itemDefault .ITEM-COMMENT {
    margin: 0 5px;
}

.itemDefault .rsItem {
    float: right;
    position: relative;
}

.itemDefault .rsItem>div {
    position: absolute;
    right: 100%;
    top: 0;
    padding: 0 10px;
    white-space: nowrap;
}

.itemDefault .LIEN {
    float: right;
    margin-top: 5px;
    margin-bottom: 5px;
    margin-right: 0px;
    margin-left: 15px;
}

.ITEM-IMG a,
.ITEM-IMG span,
.ITEM-IMG div,
.ITEM-IMG button {
    display: block;
    width: 100%;
    height: 100%;
    text-align: center;
}

.ITEM-VIDEO video,
.ITEM .CODE-HTML iframe {
    width: 100%;
    height: 100%;
}

.ITEM-PIED {
    margin-top: 10px;
    width: 100%;
    clear: both;
    display: block;
    font-size: 0.68em;
}

.ITEM-PIED a {
    border-bottom: dotted 1px #545454;
}

.rubriquesInfo {
    font-size: 0.68em;
    clear: both;
    float: left;
    width: 100%;
    margin-top: 10px;
}

.rubriquesInfo span {
    margin-right: 10px;
}

.rubriquesInfo span:first-child {
    font-weight: bold;
    margin-right: 10px;
}

.rubriquesInfo a {
    border-left: solid 1px #7E7E7E;
    padding-left: 10px;
}

.ITEM-FLUX {
    display: block;
    border-top: solid 1px #EEEEEE;
    border-bottom: solid 1px #EEEEEE;
    padding: 4px;
    text-align: center
}

.ITEM-FLUX img {
    height: 50px;
    width: auto;
    margin-right: 10px;
}

.ITEM-FLUX [class*="taoicon"] {
    margin-right: 10px;
}

.ui_Rubrique .image_legende {
    max-width: 400px;
}

.ITEM-VIDEO.largeInfo {
    width: calc(100% - 40px);
}

.PAGES>.CODE-HTML {
    width: 100%;
    min-height: 650px;
    display: block;
    clear: both;
}

.PAGES>.CODE-HTML iframe {
    width: 100%;
    height: 650px;
    display: block;
    clear: both;
}

.ITEM-VIDEO.smallRubrique {
    width: 220px;
}

.itemGrille {
    display: inline-block;
    background-color: #EEEEEE;
    position: relative;
    box-shadow: 0 0 2px 0 #A8A8A8;
    ;
    text-align: center;
}

.itemGrille .ITEM-TITRE {
    display: block;
    width: 100%;
    z-index: 99;
    padding: 8px;
    transition: all .5s;
    font-size: 1.2em;
    font-weight: bold;
    background-color: rgba(255, 255, 255, .85);
    text-align: center;
}

.itemGrille:hover .ITEM-TITRE {
    background-color: rgba(0, 0, 0, .85);
    color: #FFFFFF;
}

.itemGrille .ITEM-TITRE * {
    color: #263032;
    text-align: center;
    display: block;
}

.itemGrille:hover .ITEM-TITRE * {
    color: #FFFFFF;
}

.titreAbsolute .ITEM-TITRE {
    position: absolute;
    left: 0;
    bottom: 0;
}

.titreHover .ITEM-TITRE {
    opacity: 0;
}

.titreHover:hover .ITEM-TITRE {
    opacity: 1;
}

.itemInfo.itemGrille .ITEM-TITRE {
    background-color: rgba(0, 0, 0, .85);
    color: #FFFFFF;
}

.itemInfo.itemGrille:hover .ITEM-TITRE {
    background-color: rgba(255, 255, 255, .85);
    color: #000000;
}

.itemInfo.itemGrille .ITEM-TITRE * {
    color: #FFFFFF;
}

.itemInfo.itemGrille:hover .ITEM-TITRE * {
    color: #000000;
}

.itemRubrique.itemGrille.titreRelative {
    margin-bottom: 60px;
}

.itemGrille.itemRubrique .ITEM-IMG {
    height: calc(100% - 40px);
}

.itemGrille:not(.withFraming) .ITEM-IMG {
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: 0;
}

.itemGrille:not(.withFraming) .ITEM-IMG img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.itemGrille .image_legende {
    position: absolute;
    top: 100%;
    width: 100%;
    display: block;
    background-color: rgba(255, 255, 255, .8);
    transition: all .5s;
    color: #263032;
    height: max-content;
}

.topright {
    right: 5px;
}

.topleft {
    left: 5px;
}

.itemGrille .topright,
.itemGrille .topleft {
    position: absolute;
    margin-top: 5px;
}

.itemGrille .topright :before,
.itemGrille .topleft :before {
    background-color: #FFFFFF;
    margin-right: 0;
    width: 30px;
    line-height: 30px;
    border-radius: 30px;
}

.itemGrille [class*="taoicon-"]:before {
    float: left;
}

.CouleurDominante {
    color: #635FF4;
}

.CouleurSecondaire {
    color: #f15921;
}

.CouleurTertiaire {
    color: #1ac6a2;
}

.CouleurQuaternaire {
    color: #ffba9c;
}

.CouleurQuinquenaire {
    color: #ffe681;
}

li.check:before,
.check li:before,
p.check:before,
span.check:before,
li.fleche:before,
.fleche li:before,
p.fleche:before,
span.fleche:before {
    margin-right: 10px;
    font-family: Tao;
}

li.check:before,
.check li:before,
li.fleche:before,
.fleche li:before {
    margin-left: -30px;
}

.lienDominanteVide {
    transition: .3s all;
    border: solid 2px #635FF4;
    border-radius: .3em;
    background-color: #FFFFFF;
    color: #635FF4;
}

.lienDominanteVide a {
    background-color: #FFFFFF;
    color: #635FF4;
}

.lienDominanteVide:hover,
.lienDominanteVide:hover a {
    background-color: #635FF4;
}

.lienDominanteVide:before,
.lienDominanteVide:after {
    color: #635FF4;
}

.lienDominantePlein {
    transition: .3s all;
    border: solid 2px #635FF4;
    border-radius: .3em;
    background-color: #635FF4;
}

.lienDominantePlein a {
    background-color: #635FF4;
}

.lienDominantePlein[class*="taoicon-"]:hover,
.lienDominantePlein:hover a,
.lienDominantePlein:hover {
    background-color: #FFFFFF;
    color: #635FF4;
}

.lienDominantePlein:hover:before,
.lienDominantePlein:hover:after,
.lienDominantePlein:hover :before,
.lienDominantePlein:hover :after,
.lienDominantePlein:hover>* {
    color: #635FF4;
}

.lienSecondaireVide {
    transition: .3s all;
    border: solid 2px #f15921;
    border-radius: .3em;
    background-color: #FFFFFF;
    color: #f15921;
}

.lienSecondaireVide a {
    background-color: #FFFFFF;
    color: #f15921;
}

.lienSecondaireVide:hover,
.lienSecondaireVide:hover a {
    background-color: #f15921;
}

.lienSecondaireVide:before,
.lienSecondaireVide:after {
    color: #f15921;
}

.lienSecondairePlein {
    transition: .3s all;
    border: solid 2px #f15921;
    border-radius: .3em;
    background-color: #f15921;
}

.lienSecondairePlein a {
    background-color: #f15921;
}

.lienSecondairePlein[class*="taoicon-"]:hover,
.lienSecondairePlein:hover a,
.lienSecondairePlein:hover {
    background-color: #FFFFFF;
    color: #f15921;
}

.lienSecondairePlein:hover:before,
.lienSecondairePlein:hover:after,
.lienSecondairePlein:hover :before,
.lienSecondairePlein:hover :after,
.lienSecondairePlein:hover>* {
    color: #f15921;
}

.lienTertiaireVide {
    transition: .3s all;
    border: solid 2px #1ac6a2;
    border-radius: .3em;
    background-color: #FFFFFF;
    color: #1ac6a2;
}

.lienTertiaireVide a {
    background-color: #FFFFFF;
    color: #1ac6a2;
}

.lienTertiaireVide:hover,
.lienTertiaireVide:hover a {
    background-color: #1ac6a2;
}

.lienTertiaireVide:before,
.lienTertiaireVide:after {
    color: #1ac6a2;
}

.lienTertiairePlein {
    transition: .3s all;
    border: solid 2px #1ac6a2;
    border-radius: .3em;
    background-color: #1ac6a2;
}

.lienTertiairePlein a {
    background-color: #1ac6a2;
}

.lienTertiairePlein[class*="taoicon-"]:hover,
.lienTertiairePlein:hover a,
.lienTertiairePlein:hover {
    background-color: #FFFFFF;
    color: #1ac6a2;
}

.lienTertiairePlein:hover:before,
.lienTertiairePlein:hover:after,
.lienTertiairePlein:hover :before,
.lienTertiairePlein:hover :after,
.lienTertiairePlein:hover>* {
    color: #1ac6a2;
}

[class*="Plein"],
[class*="Vide"] {
    text-decoration: none;
    display: inline-block;
    font-size: 1.2rem;
}

.TEL:before,
.EMAIL:before,
.FAX:before,
.WWW:before,
.MAP:before {
    font-family: Tao;
    padding-right: 1em;
}


.focus {
    box-shadow: 5px 0px 10px 0px #ccc;
    display: block;
    clear: both;
    width: 80%;
    margin: 20px 10%;
    padding: 10px 2%;
    border: solid 1px #C4C4C4
}

.focus2 {
    display: block;
    width: 80%;
    margin: 20px 10%;
    padding: 10px 2%;
    border-left: solid 5px #635FF4
}

.focus3 {
    display: block;
    width: 100%;
    margin: 20px 0;
    padding: 15px;
    background-color: #635FF4;
    color: #FFFFFF;
}

.focus3 * {
    color: #FFFFFF;
}

li.check,
.check li,
li.fleche,
.fleche li {
    list-style-type: none;
}

.PAGES table {
    border-collapse: collapse;
    background-color: #FFFFFF;
}

.PAGES thead {
    font-weight: bold;
    background-color: #EEEEEE;
}

.PAGES tfoot {
    background-color: #EEEEEE;
}

.PAGES [class*="table"] th {
    padding: 8px;
    background-color: #EEEEEE;
    font-weight: bold;
}

.PAGES [class*="table"] td {
    padding: 8px;
}

.tableBorder td {
    border: solid 1px #8C8C8C;
}

.tableBorderH tr+tr td {
    border-top: solid 1px #8C8C8C;
}

.tableBorderV td+td {
    border-left: solid 1px #8C8C8C;
}

.tableShadow {
    box-shadow: 0px 0px 20px 0px #D2D2D2;
}

.tableTrEvenOdd tr:nth-child(2n+1) {
    background-color: #EEEEEE;
}

.tableTdEvenOdd td:nth-child(2n+1) {
    background-color: #EEEEEE;
}

.TABLEAUX {
    box-shadow: 0px 0px 20px 0px #D2D2D2;
    width: 100%;
}

.TABLEAUX td {
    padding: 4px;
    border-bottom: solid 1px #D2D2D2;
}

.TABLEAUX th {
    padding: 4px;
    background-color: #EEEEEE;
}

.TABLEAUX img {
    height: auto;
}

blockquote.quoteForum {
    background-color: #EEEEEE;
    border: 1px solid #8C8C8C;
    border-left: 10px solid #8C8C8C;
    margin: 1.5em 10px;
    padding: .5em 10px;
    quotes: "\2018" "\2019" "\201c" "\201d";
}

blockquote.quoteForum:before {
    color: #C4C4C4;
    content: open-quote;
    font-size: 4em;
    line-height: .1em;
    margin-right: .25em;
    vertical-align: -.4em;
}

blockquote.quoteForum p {
    display: inline;
}

blockquote.quoteForum .quoteBy {
    text-decoration: underline;
}

.AVANTAGE {
    background-color: #f0f9fb;
    display: block;
    padding: 15px;
    font-size: 1.2em;
    border: solid 2px #D7E7EE;
    border-radius: .4em;
}

.exclusivite {
    color: #635FF4;
    background-color: #BFDBE4;
    display: inline-block;
    padding: 4px 10px 0 10px;
    font-size: 0.85em;
    border: solid 2px #8FC3D0;
    border-radius: .3em;
    font-weight: bold;
    margin: 0 10px;
}

.nouveaute {
    color: #f15921;
    background-color: #F1D7C9;
    display: inline-block;
    padding: 4px 10px 0 10px;
    font-size: 0.85em;
    border: solid 2px #F1B399;
    border-radius: .3em;
    font-weight: bold;
    margin: 0 10px;
}

.lesaviezvous {
    display: block;
    float: right;
    width: 35%;
    margin: 0 0 30px 30px !important;
    padding: 20px;
    border: solid 2px #635FF4;
    border-radius: .4em;
    background-color: #f0f9fb;
    background-image: url(/images/css/lesaviezvous.png);
    background-repeat: no-repeat;
    background-position: 10px 10px;
    padding-top: 90px;
}

.enchiffres {
    display: block;
    width: 70%;
    margin: 30px 15%;
    padding: 20px;
    border-left: solid 2px #f15921;
    border-right: solid 2px #f15921;
}

.enchiffres strong {
    color: #f15921;
}

.TitreDominante {
    font-size: 1.5em;
    font-weight: bold;
    padding: 0 10px;
    color: #FFFFFF;
    background-color: #635FF4;
}

.TitreSecondaire {
    font-size: 1.5em;
    font-weight: bold;
    padding: 0 10px;
    color: #FFFFFF;
    background-color: #f15921;
}

.TitreSecondaire *,
.TitreDominante * {
    color: #FFFFFF !important;
}

input,
select,
textarea,
option {
    font-family: Outfit;
    font-size: 100%;
}

input:not([class*="jodit"]) {
    vertical-align: middle;
    appearance: none;
}

label {
    position: relative;
    display: inline-block;
    margin-right: 15px;
    font-weight: bold;
    cursor: pointer;
}

td>label {
    display: inline;
}

input[type="text"],
input[type="password"],
input[type="file"],
select,
textarea,
.champ_text {
    width: 100%;
}

.unit input {
    width: calc(100% - 50px);
    margin-right: 10px;
}

button,
input[type="submit"] {
    cursor: pointer;
}

button {
    font-family: Outfit;
}

input[type="text"],
input[type="password"],
textarea,
select,
[type=file],
.champ_text {
    border-radius: 4px;
    ;
    border: solid 2px #E0E0E0;
}

input[type="text"],
input[type="password"],
.champ_text {
    min-height: 44px;
    line-height: 2.4em;
    padding: 0 5px;
}

div.champ_text {
    color: #8C8C8C;
}

textarea {
    padding: 5px;
}

.ADRESSE textarea,
.MESSAGE textarea {
    min-height: 205px;
}

input[type="radio"],
[type="checkbox"] {
    visibility: hidden;
    position: absolute;
    left: 0;
    top: 8px;
}

.radio,
.checkbox {
    font-weight: normal;
    position: relative;
    line-height: 24px;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-right: 0;
    padding-left: 26px;
}

.radio:before {
    border-radius: 16px;
}

.checkbox:before {
    border-radius: 2px;
}

.radio:before,
.checkbox:before {
    content: " ";
    display: inline-block;
    border: solid 2px #E0E0E0;
    background-color: #FFFFFF;
    position: absolute;
    left: 0;
    top: 8px;
    width: 16px;
    height: 16px;
    line-height: 16px;
    text-align: center;
    cursor: pointer;
}

.checked:before {
    font-family: Tao;
    font-size: .8em;
    color: #FFFFFF;
    background-color: #635FF4;
    border: solid 2px #635FF4;
}

.selected:before {
    border: solid 6px #635FF4;
    width: 7px;
    height: 7px;
}

.disabled {
    pointer-events: none;
}

.checked.disabled:before,
.unchecked.disabled:before {
    background-color: #D2D2D2;
    border: solid 2px #D2D2D2;
}

.selected.disabled:before {
    border-color: #D2D2D2;
}

.unselected.disabled:before {
    background-color: #E0E0E0;
    border: solid 2px #E0E0E0;
}

[onclick] .disabled {
    position: relative;
    z-index: 0;
}

select {
    background-color: #FFFFFF;
    height: 2.5em;
}

.MIXTE {
    width: auto;
    max-width: 100%;
    display: inline-block;
    position: relative;
}

.MIXTE .champ_text {
    width: auto;
    max-width: 100%;
}

.datetime .champ_text {
    width: 10.5em;
}

.date .champ_text {
    width: 6.5em;
}

.MIXTE select {
    width: auto;
    padding: 7px 5px;
}

.formitem:not(.ITEM-QUIZ) .labelRight .label label {
    text-align: right;
}

.labelRight .code label,
.labelLeft .code label {
    width: auto;
    display: inline-block;
    position: relative;
    line-height: 2.4em;
}

.labelLeft .code label {
    text-align: right;
}

.labelRight input,
.labelLeft input {
    width: auto;
    max-width: 70%;
}

.labelLeft input {
    float: right;
    margin-left: 10px;
}

.labelRight input {
    float: left;
    margin-right: 10px;
}

input.error,
textarea.error {
    border: solid 2px #c60002;
}

label.error {
    color: #c60002;
    margin-top: 4px;
}

.MIXTE label.error {
    float: right;
    line-height: 38px;
    margin-left: 8px;
}

.ACTION {
    text-align: right;
}

.formMessage {
    margin: 20px 10px !important;
}

.CONTACT {
    max-width: 1400px;
}

.CONTACT fieldset {
    margin: 10px 0;
    border: none;
    padding: 0;
}

.CONTACT legend {
    margin-bottom: 20px;
    font-size: 2.2em;
}

.CONTACT .TEXTE-SITE {
    padding-top: 40px;
    margin-top: 40px;
    border-top: solid 4px #f15921;
    min-height: 135px;
    font-size: 1.2em;
}

.default .TEXTE-MAIL {
    display: none;
}

.CONTACT .formitem {
    line-height: 35px;
    padding: 5px 1%;
    float: left;
}

.CONTACT .formitem:not([class*="DL"]) {
    width: 100%;
}

form .ADRESSE {
    clear: left;
}

.CONTACT fieldset .formitem {
    position: relative;
}

.CONTACT fieldset label.error {
    position: absolute;
    right: 0;
    top: 5px;
    font-size: .9em;
    min-width: 10px;
}

.DT100>*,
.DT100.RADIOS .label {
    width: 100% !important;
    text-align: left !important;
}

.DT100 dd span,
.DT100 dd label {
    margin-top: 0px;
    margin-bottom: 0px;
    margin-right: 15px;
    margin-left: 5px;
}

.SPANBLOCK span:not(.asterisque),
.SPANBLOCK label,
dl.SPANBLOCK dd label {
    display: block;
    margin: 0 !important;
}

.INLINE span[style=""],
.INLINE label {
    display: inline !important;
}

.INLINE label>input {
    float: right;
    width: auto !important;
}

.INLINE label {
    float: left;
    width: 100%;
    clear: both;
    margin-bottom: 4px;
}

.ACTION,
.CONTACT dl.ACTION,
.CONTACT dl.SUBMIT {
    text-align: center;
    margin: 10px 0;
    width: 100%;
    float: left;
    clear: both;
}

.ACTION span input {
    text-align: center;
}

.ACTION input+input {
    margin-left: 10px;
}

.ACTION a {
    white-space: nowrap;
}

.inputPictoRight input,
.inputPictoRight select {
    max-width: calc(100% - 100px);
}

.inputPictoRight~* [class*="taoicon-"]:before,
.inputPictoRight~* [class*="taoabove-"]:after,
.inputPictoRight~[class*="taoicon-"]:before,
.inputPictoRight~[class*="taoabove-"]:after,
.inputPictoRight [class*="taoicon-"]:before,
.inputPictoRight [class*="taoabove-"]:after {
    line-height: 2.4em;
}

.code dl.sosApercu {
    width: 30px;
}

.code dl.sosApercu .SOSCODE {
    width: 250px;
    right: 0;
    top: 30px;
}

.searchField {
    position: relative;
    display: inline-block;
    width: calc(100% - 110px);
}

.COL .searchField {
    width: calc(100% - 40px);
    margin: 20px 20px;
}

.searchField+.searchOk {
    float: right;
}

.searchResetInside {
    position: absolute;
    right: -2px;
    top: 2px;
}

.searchResetInside[class*="taoicon-"]:before {
    line-height: 1.5em;
    padding: .5em;
    font-size: 1.2em;
    color: #C4C4C4;
    background-color: #FFFFFF;
    border-left: solid 1px #C4C4C4;
}

form .flex {
    align-items: flex-start;
}

.placeholder {
    color: #707070;
}

.MenuGris {
    background-color: #464646;
    padding: 5px;
    text-align: center;
}

.MenuGris a {
    color: #FFFFFF !important;
    display: inline-block;
    text-transform: uppercase;
    padding: 5px 15px;
    font-weight: bold;
}

.MenuGris a:hover,
.MenuGris a.SELF {
    color: #263032 !important;
    background-color: #E0E0E0;
}

.formitem {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: stretch;
    vertical-align: middle;
    padding: 5px 0;
    position: relative;
    width: 100%;
}

.formitem.col {
    margin-top: 0;
    margin-bottom: 0;
}

.COL .formitem {
    margin-bottom: 10px;
}

.formitem label,
.formitem input,
.formitem select,
.formitem textarea {
    font-size: 1.2em;
}

.formitem>* {
    margin: auto;
}

.formLabel .bloc_titre {
    border-bottom: solid 2px #C4C4C4;
    font-weight: normal;
    padding-bottom: 10px;
}

.formitem>div {
    width: 100%;
    padding: 5px 0;
    display: block;
    vertical-align: middle;
}

.formitem.titre {
    margin: 20px 0;
}

.formitem.titre .label {
    background-color: #EEEEEE;
    text-align: center;
    padding: 5px;
    text-transform: uppercase;
}

.formitem .label label {
    width: 100%;
}

.formitem .label label:first-letter {
    text-transform: uppercase;
}

.formitem .label>p {
    font-size: 1em;
    line-height: 37px;
}

.formitem>.code select+input {
    margin-top: 10px;
}

.formitem_file {
    overflow: hidden;
}

.formitem_file .file_apercu {
    float: left;
    width: 100px !important;
    min-width: 100px;
    height: 100px;
    line-height: 85px;
    border: solid 1px #C4C4C4;
    margin-right: 20px;
    text-align: center !important;
}

.formitem_file .file_apercu img {
    width: 100%;
    height: auto;
}

.formitem_file .file_apercu svg {
    vertical-align: middle;
    fill: #8C8C8C;
    height: 65px;
}

.formitem_file .label,
.formitem_file .code {
    float: left;
    width: calc(100% - 120px) !important;
    min-width: calc(100% - 120px) !important;
}

.formitem_file .code .inputPictoRight input {
    max-width: calc(100% - 50px);
}

.DTG>.label,
.DTG .formitem>.label {
    float: left;
    padding-right: .5em;
    width: 33%;
}

.DTG>.code,
.DTG .formitem>.code {
    float: right;
    width: 67%;
}

.formitem.DT100,
.DT100 .formitem {
    display: block;
}

.formitem.DT100>.label,
.DT100 .formitem>.label,
.DT100 .formitem>.label {
    text-align: left;
    width: 100%;
    display: block;
}

.formitem.DT100>.code,
.DT100 .formitem>.code,
.DT100 .formitem>.code {
    text-align: left;
    width: 100%;
    display: block;
}

.formLabel .label .SOS {
    line-height: 1.4em;
    float: right;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-right: 0px;
    margin-left: 20px;
}

.formLabel .label .SOSCODE {
    right: 0px;
    top: 30px;
    min-width: 260px;
    padding: 10px;
    box-shadow: 0 0 10px 0 #8C8C8C;
}

.formLabel .label .SOSCODE p {
    font-size: 1em;
}

.PAGES>fieldset {
    border: none;
    border-top: solid 4px #8C8C8C;
    padding: 0;
    float: left;
    width: 100%;
}

.PAGES>fieldset h1 {
    color: #000000;
}

.PAGES>fieldset legend {
    background-color: #635FF4;
    margin-bottom: 15px;
    padding: 4px 8px;
    width: 100%;
    font-size: 1.7em;
    color: #FFFFFF;
    border-radius: 4px;
}

.PAGES>fieldset legend+.HTML {
    border: solid 1px #C4C4C4;
    padding: 10px;
    background-color: #EEEEEE;
}

button.bouton,
input[type="button"],
input[type="submit"],
a.SUBMIT {
    cursor: pointer;
    display: inline-block;
    width: auto;
    border: none;
    font-size: 1.17em;
    color: #FFFFFF !important;
    background-color: #635FF4;
    padding: 0 20px;
    line-height: 2em;
    min-height: 44px;
    border-radius: 4px;
}

a.SUBMIT+a.SUBMIT,
input[type="button"]+input[type="button"] {
    clear: none;
    margin-left: 10px;
}

span+input[type="submit"],
noscript+input[type="submit"],
input[type="submit"]+input[type="submit"] {
    clear: none;
}

.DATERS {
    overflow: hidden;
    white-space: nowrap;
    border-bottom: solid 1px #C4C4C4;
    border-top: solid 1px #C4C4C4;
    width: 100%;
}

.DATERS [class*="DATE"] {
    line-height: 32px;
    font-size: 1em;
    float: left;
}

.DATERS .taoicon-Abj-pencil {
    font-size: .9em;
}

.DATERS .UTILS>span {
    float: left;
    padding: 8px;
}

.DATERS .UTILS a,
.DATERS .UTILS button {
    line-height: 1em;
    padding: 8px;
    border-left: solid 1px #D2D2D2;
    float: left;
}

.DATERS .UTILS a:before,
.DATERS .UTILS button:before {
    font-size: 1.3em;
    line-height: 1em;
    color: #545454;
    margin-right: 0;
}

.flex {
    display: flex !important;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: stretch;
}

.flex>.bloc {
    flex: 100;
}

.flex>p {
    flex: 100;
    min-width: calc(100% - 20px);
}

.flex>.bloc_titre {
    flex: 100;
    min-width: calc(100% - 20px);
    margin-bottom: 10px;
    padding-bottom: 10px !important;
}

.PARALLAX {
    clear: both;
}

.PARALLAX>div {
    position: relative;
}

.PARALLAX .listItem .Modules,
.PARALLAX .listItem h2 {
    text-align: center;
}

.PARALLAX .flex {
    height: 100%;
}

.PARALLAX .flex-100 {
    position: relative;
}

.PARALLAX-CONTENT>*:not(.Modules) {
    margin: 20px 20px;
}

.bg-image .bloc_contenu,
.bg-image .PARALLAX-CONTENT {
    height: 100%;
}

.bg-image .PARALLAX-CONTENT>.ITEM-IMG {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    z-index: 0;
    margin: 0;
}

.bg-image .PARALLAX-CONTENT>.ITEM-IMG img {
    min-width: 100%;
    height: 100%;
    object-fit: cover;
}

.PARALLAX-CONTENT>.ITEM-IMG {
    width: 100%;
    display: block;
    margin: 0;
}

.PARALLAX-CONTENT>.ITEM-IMG img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.btn,
.btn-o,
.lienPlus {
    display: inline-block;
    padding: 5px 20px;
    line-height: 35px;
    font-size: 1.4em;
    text-align: center;
    vertical-align: middle;
    border: none;
}

.btn {
    background-color: #f15921;
    color: #FFFFFF;
}

.btn[class*="taoicon"] {
    line-height: 2.4em;
}

.btn[class*="taoicon"]:before {
    line-height: 2em;
    color: #FFFFFF;
}

.btn-o {
    color: #f15921;
    background-color: #FFFFFF;
    border: solid 1px #f15921;
}

.btn-o a {
    color: #f15921;
}

.btn:before,
.btn:after {
    color: #FFFFFF;
    line-height: 35px;
}

.btn+.btn {
    margin-left: .5em;
}

a.btn:hover,
a.btn.self {
    background-color: #f15921;
    color: #FFFFFF;
}

.menubtn {
    float: left;
    clear: both;
    width: 100%;
}

.menubtn100 a.btn {
    margin: 0 0 5px 0;
    clear: both;
    width: 100%;
    text-align: left;
}

.lienPlus {
    color: #635FF4;
    background-color: #FFFFFF;
    border: solid 1px #635FF4;
}

.lienPlus:hover {
    color: #FFFFFF;
    background-color: #635FF4;
}

.lienButton:not(.btn) {
    background-color: transparent;
    border: none;
    padding: 0;
}

button.bouton:before {
    color: #FFFFFF;
}

.itemComment {
    border-top: solid 2px #EEEEEE;
}

.commentaire_add {
    clear: both;
}

.itemComment .ITEM-IMG {
    width: 70px;
    height: 70px;
    text-align: center;
    margin-right: 20px;
    border-radius: 100px;
    border: solid 2px #D2D2D2;
    box-shadow: 0px 0px 10px 0px #ccc;
    overflow: hidden;
}

.itemComment .ITEM-IMG img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.ITEM-IMG.smallUser {
    width: 70px;
}

.ITEM-IMG.smallUser .taoicon-Tao-user {
    float: none !important;
    display: block;
    width: 100%;
}

.ITEM-IMG.smallUser .taoicon-Tao-user:before {
    margin: 0;
    padding-top: 10px;
    color: #464646;
    display: block;
    width: 100%;
}

.ITEM-IMG.mediumUser {
    width: 150px;
}

.ITEM-IMG.largeUser {
    width: 1000px;
}

.TYPE-VIDEO .ITEM-IMG,
.TYPE-VIDEO .ITEM-IMG span,
.TYPE-VIDEO .ITEM-IMG iframe,
.TYPE-VIDEO .ITEM-TITRE {
    text-align: center !important;
    width: 100% !important;
    height: auto;
}

.dropdown {
    position: relative;
    float: left;
}

.taoCalendar th {
    text-transform: uppercase;
    line-height: 2.5em;
}

.dateCell {
    text-align: center;
    padding: 5px;
    line-height: 2.5em;
}

.dateCell div {
    display: inline-block;
    border-radius: 20px;
    width: 30px;
    line-height: 30px;
    position: relative;
}

.dateToday div {
    background-color: #635FF4;
    color: #FFFFFF;
}

.dateOn {
    cursor: pointer;
}

.dateOn:hover {
    color: #635FF4;
}

.dateOn div:after {
    content: " ";
    display: inline-block;
    background-color: #635FF4;
    border-radius: 20px;
    width: 5px;
    height: 5px;
    position: absolute;
    top: 0;
    right: 0;
}

th.current {
    color: #635FF4;
}

.dateSelected {
    color: #635FF4;
}

.LANG-RTL .PAGENAVIGLIST [class*="taoicon-"]:after,
.LANG-RTL .PAGENAVIGLIST [class*="taoabove-"]:before {
    transform: rotate(180deg);
}

.MINIFORM form {
    float: left;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: stretch;
}

.MINIFORM form div {
    position: relative;
}

.MINIFORM .submit_picto {
    background-color: transparent;
    font-size: 0px;
}

.MINIFORM {
    background-color: #FFFFFF;
    position: relative;
}

.MINIFORM form span {
    display: inline;
    margin: 0;
    float: left;
    flex: 1;
}

.MINIFORM form .champ_text {
    line-height: 40px;
    border: none;
    min-height: 40px;
}

.MINIFORM form>div:before {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 0;
    right: 0;
    top: 0;
    font-family: Tao !important;
    background-color: #635FF4;
    color: #FFFFFF;
    line-height: 40px;
    padding: 0;
    font-size: 1.5em;
    text-align: center;
}

.MINIFORM form .champ_submit {
    line-height: 40px;
    height: 100%;
    position: relative;
    z-index: 10;
    min-height: 40px;
}

@font-face {
    font-family: Outfit;
    src: url("/styles/fonts/Outfit/outfit-webfont.woff2") format("woff2"), url("/styles/fonts/Outfit/outfit-webfont.woff") format("woff"), local("nolocal");
    font-display: swap;
    font-weight: 100;
}

@font-face {
    font-family: Outfit;
    src: url("/styles/fonts/Outfit/outfit-webfont.woff2") format("woff2"), url("/styles/fonts/Outfit/outfit-webfont.woff") format("woff"), local("nolocal");
    font-display: swap;
    font-weight: 200;
}

@font-face {
    font-family: Outfit;
    src: url("/styles/fonts/Outfit/outfit-webfont.woff2") format("woff2"), url("/styles/fonts/Outfit/outfit-webfont.woff") format("woff"), local("nolocal");
    font-display: swap;
    font-weight: 300;
}

@font-face {
    font-family: Outfit;
    src: url("/styles/fonts/Outfit/outfit-webfont.woff2") format("woff2"), url("/styles/fonts/Outfit/outfit-webfont.woff") format("woff"), local("nolocal");
    font-display: swap;
    font-weight: 400;
}

@font-face {
    font-family: Outfit;
    src: url("/styles/fonts/Outfit/outfit-webfont.woff2") format("woff2"), url("/styles/fonts/Outfit/outfit-webfont.woff") format("woff"), local("nolocal");
    font-display: swap;
    font-weight: 500;
}

@font-face {
    font-family: Outfit;
    src: url("/styles/fonts/Outfit/outfit-webfont.woff2") format("woff2"), url("/styles/fonts/Outfit/outfit-webfont.woff") format("woff"), local("nolocal");
    font-display: swap;
    font-weight: 600;
}

@font-face {
    font-family: Outfit;
    src: url("/styles/fonts/Outfit/outfit-webfont.woff2") format("woff2"), url("/styles/fonts/Outfit/outfit-webfont.woff") format("woff"), local("nolocal");
    font-display: swap;
    font-weight: 700;
}

@font-face {
    font-family: Outfit;
    src: url("/styles/fonts/Outfit/outfit-webfont.woff2") format("woff2"), url("/styles/fonts/Outfit/outfit-webfont.woff") format("woff"), local("nolocal");
    font-display: swap;
    font-weight: 800;
}

@font-face {
    font-family: Outfit;
    src: url("/styles/fonts/Outfit/outfit-webfont.woff2") format("woff2"), url("/styles/fonts/Outfit/outfit-webfont.woff") format("woff"), local("nolocal");
    font-display: swap;
    font-weight: 900;
}

.bloc_disabled {
    opacity: .4;
}

.selected:before {
    border: solid 4px #FFFFFF !important;
    background-color: #f15921;
    box-shadow: 0 0 1px 1px #635FF4;
    width: 10px;
    height: 10px;
}

.lienServices.lienSecondairePlein {
    padding: 20px 15px;
    margin-right: 0 !important;
    text-align: left;
}

.PAGES table {
    background-color: transparent;
}

.temporisation {
    text-align: center !important;
    font-size: 1.5em;
    margin: 50px 0;
}

a.topListe {
    position: absolute;
    top: -140px;
}

.alerte {
    color: #e81b1b;
    padding: 20px 0;
}

.padding30 {
    padding-left: 30px;
    padding-right: 30px;
}

iframe {
    max-width: 100%;
}

.bold {
    font-weight: bold;
}

[class*="lien"] {
    position: relative;
    z-index: 50;
}

.taoabove-RG-favoriFull:after {
    color: #c4e1e7 !important;
    ;
}

.favoriOrange:before,
.favoriOrange:after,
.taoabove-RG-favoriFull:hover:after {
    color: #f15921 !important;
}

.INDEX .PAGES,
.Slides+.CONTENEUR .PAGES,
.AdminConteneur+.CONTENU .PAGES {
    margin-top: 0;
}

.PAGES>div {
    position: relative;
}

.PAGES .ACCROCHE>p {
    font-size: 1.25em;
    color: #635FF4;
    font-weight: 600;
    text-align: center !important;
}

.PAGES ul,
.PAGES ol {
    line-height: 1.4em;
    padding-left: 18px;
    margin: 0;
}

.DESCRIPTION ul li {
    list-style-image: url(/styles/fonts_svg/RG/voirright.svg);
    margin: 10px 0;
    padding-left: 20px;
}

.DESCRIPTION ol li {
    margin: 10px 0;
    padding-left: 20px;
}

.DESCRIPTION ol li::marker {
    color: #f15921;
}

.SOMMAIRE ul li {
    list-style-image: url(/styles/fonts_svg/RG/voirright.svg);
    margin: 10px 0;
    padding-left: 20px;
}

.SOMMAIRE ol li {
    margin: 10px 0;
    padding-left: 20px;
}

.SOMMAIRE ol li::marker {
    color: #f15921;
}

.DESCRIPTION p a,
.PAGES li a {
    border-bottom: solid 1px;
}

.bloc_gris {
    background-color: #FFFFFF;
    border: solid 2px #E0E0E0 !important;
    border-radius: .3em;
    padding: 10px 20px !important;
}

.blocListe>div {
    display: list-item;
    margin-left: 15px;
    line-height: 1em;
    text-align: left;
}

.bloc_clair {
    background-color: #f0f9fb;
    border-radius: .3em;
    padding: 30px 100px;
}

.Breponse {
    padding: 10px;
    text-align: center;
}

.Breponse p {
    margin-top: 0;
}

.Breponse a {
    width: 100%;
}

.titreTexte .label {
    font-weight: bold;
    text-align: left;
    color: #635FF4;
}

.titreTexte.bloc_references .label {
    margin-bottom: 20px;
}

.titreTexte p {
    margin: 10px 0;
}

.bloc_focusMetiers {
    border: solid 2px #CBE1E9;
    border-radius: .6em;
    ;
    padding: 1em;
}

.bloc_focusMetiers a {
    display: block;
    font-size: 1.2em;
    padding: 8px 0;
    color: #000000;
}

.separateurVertical {
    margin: 0 auto;
    height: 140px;
    width: 1px;
    border-left: solid 1px #EEEEEE;
    clear: none;
}

.espaceEsat {
    position: fixed;
    right: -56px;
    top: 148px;
    border-radius: 8px 8px 0 0;
    padding: 10px 12px !important;
    font-weight: bold;
    font-size: 1.1em;
    transform: rotate(270deg);
}

.gradientBleu .PAGES {
    margin-top: 30px;
    background-color: transparent;
}

.gradientBleu .CONTENEUR,
.NEWS .CONTENEUR {
    background: linear-gradient(to top, #FFFFFF 70%, #f0f9fb 100%);
}

.bloc_infos {
    border: solid 1px #c4e1e7;
    border-radius: .3em;
    padding: 10px 20px;
    line-height: 1.5em;
    margin-bottom: 0;
}

.bloc_infos~.bloc_infos {
    margin-top: 10px;
}

.bloc_infos h2+.txt {
    margin-top: 0;
}

.bloc_infos>p {
    margin: 0;
    font-weight: 500;
    font-size: 1.1em;
}

.bloc_infos .lienAction {
    margin-top: 10px;
}

.bloc_horaires {
    position: relative;
}

.orga_annonce {
    position: relative;
    max-height: 300px;
    overflow-y: auto;
}

.linkGesat {
    text-decoration: underline;
    color: #635FF4;
    cursor: pointer;
}

.linkGesat[class*="taoicon-"]:before {
    color: #263032;
}

.lienDominantePlein:hover {
    background-color: #0D5F71 !important;
    color: #FFFFFF !important;
    border-color: #0D5F71 !important;
}

.lienSecondairePlein:hover {
    background-color: #AB4017 !important;
    color: #FFFFFF !important;
    border-color: #AB4017 !important;
}

.lienDominantePlein:hover:before,
.lienDominantePlein:hover:after,
.lienDominantePlein:hover>*,
.lienDominantePlein:hover>*:before,
.lienDominantePlein:hover>*:after,
.lienSecondairePlein:hover:before,
.lienSecondairePlein:hover:after,
.lienSecondairePlein:hover>*,
.lienSecondairePlein:hover>*:before,
.lienSecondairePlein:hover>*:after {
    color: #FFFFFF;
}

.lienBlanc {
    color: #FFFFFF;
}

.lienBlanc:hover {
    color: #8FC3D0;
    text-decoration: underline;
}

.VOIRTOUT {
    font-size: 1rem;
    float: left;
    text-transform: uppercase;
    margin: 15px;
    font-weight: bold;
    text-align: right;
}

.VOIRTOUT a:after {
    font-family: RG;
    font-size: 0.7em;
    line-height: 1.8em;
    float: right;
    margin-left: 8px;
}

.boutons {
    margin: 15px 0;
}

input[type="submit"] {
    font-weight: bold;
    line-height: 1.5em;
    padding: 0 40px;
    text-decoration: underline;
    border-radius: .4em;
}

.lienAction {
    font-weight: 500;
}

.lienAction:before {
    margin-top: -0.4em;
}

.lienAction+.lienAction,
.menuSelect+.lienAction {
    margin-left: 20px;
}

.right+.lienAction {
    margin-right: 20px;
}

input[type="submit"] {
    background-color: #f15921;
    transition: all 0.5s;
    border: solid 2px #f15921;
}

input[type="submit"]:hover {
    background-color: #AB4017 !important;
    border: solid 2px #AB4017;
}

.lienVoirPlus {
    margin: 20px auto;
    width: 200px;
    display: block !important;
    text-align: center;
    clear: both;
    line-height: 1em !important;
}

input.disabled {
    color: #FFFFFF !important;
    background-color: #8C8C8C !important;
    border: solid 2px #8C8C8C !important;
}

.ACTION td {
    font-size: .85em;
}

.lienBleuVide {
    transition: .3s all;
    border: solid 2px #635FF4;
    border-radius: .3em;
    background-color: #FFFFFF;
    color: #635FF4;
}

.lienBleuVide a {
    background-color: #FFFFFF;
    color: #635FF4;
}

.lienBleuVide:hover,
.lienBleuVide:hover a {
    background-color: #635FF4;
}

.lienBleuVide:before,
.lienBleuVide:after {
    color: #635FF4;
}

.lienBleuPlein {
    transition: .3s all;
    border: solid 2px #635FF4;
    border-radius: .3em;
    background-color: #635FF4;
}

.lienBleuPlein a {
    background-color: #635FF4;
}

.lienBleuPlein[class*="taoicon-"]:hover,
.lienBleuPlein:hover a,
.lienBleuPlein:hover {
    background-color: #FFFFFF;
    color: #635FF4;
}

.lienBleuPlein:hover:before,
.lienBleuPlein:hover:after,
.lienBleuPlein:hover :before,
.lienBleuPlein:hover :after,
.lienBleuPlein:hover>* {
    color: #635FF4;
}

.lienGrisVide {
    transition: .3s all;
    border: solid 2px #C4C4C4;
    border-radius: .3em;
    background-color: #FFFFFF;
    color: #C4C4C4;
}

.lienGrisVide a {
    background-color: #FFFFFF;
    color: #C4C4C4;
}

.lienGrisVide:hover,
.lienGrisVide:hover a {
    background-color: #C4C4C4;
}

.lienGrisVide:before,
.lienGrisVide:after {
    color: #C4C4C4;
}

.lienGrisPlein {
    transition: .3s all;
    border: solid 2px #C4C4C4;
    border-radius: .3em;
    background-color: #C4C4C4;
}

.lienGrisPlein a {
    background-color: #C4C4C4;
}

.lienGrisPlein[class*="taoicon-"]:hover,
.lienGrisPlein:hover a,
.lienGrisPlein:hover {
    background-color: #FFFFFF;
    color: #C4C4C4;
}

.lienGrisPlein:hover:before,
.lienGrisPlein:hover:after,
.lienGrisPlein:hover :before,
.lienGrisPlein:hover :after,
.lienGrisPlein:hover>* {
    color: #C4C4C4;
}

.lienRougePlein {
    transition: .3s all;
    border: solid 2px #c60002;
    border-radius: .3em;
    background-color: #c60002;
}

.lienRougePlein a {
    background-color: #c60002;
}

.lienRougePlein[class*="taoicon-"]:hover,
.lienRougePlein:hover a,
.lienRougePlein:hover {
    background-color: #FFFFFF;
    color: #c60002;
}

.lienRougePlein:hover:before,
.lienRougePlein:hover:after,
.lienRougePlein:hover :before,
.lienRougePlein:hover :after,
.lienRougePlein:hover>* {
    color: #c60002;
}

input.lienDominantePlein {
    transition: .3s all;
    border: solid 2px #635FF4;
    border-radius: .3em;
    background-color: #635FF4;
}

input.lienDominantePlein a {
    background-color: #635FF4;
}

input.lienDominantePlein[class*="taoicon-"]:hover,
input.lienDominantePlein:hover a,
input.lienDominantePlein:hover {
    background-color: #FFFFFF;
    color: #635FF4;
}

input.lienDominantePlein:hover:before,
input.lienDominantePlein:hover:after,
input.lienDominantePlein:hover :before,
input.lienDominantePlein:hover :after,
input.lienDominantePlein:hover>* {
    color: #635FF4;
}

.menuAgenda {
    position: relative;
    z-index: 200;
}

.menuAgenda>div {
    position: absolute;
    right: 0;
    top: 55px;
    width: 300px;
}

.menuAgenda .lienDominantePlein {
    padding: 8px 15px;
}

.menuAgenda .lienDominantePlein:before {
    margin: 0;
}

@media screen and (max-width: 1400px) {
    .popinLarge .ui-accordion-content {
        transform: scale(0.75);
        transform-origin: top left;
        overflow: hidden;
    }
}

.bloc_dates .itemInfo {
    position: relative;
    border-bottom: solid 1px #C4C4C4;
    padding-bottom: 20px;
}

.bloc_dates .ITEM-TITRE {
    font-size: 1em;
    padding-top: 10px;
}

.bloc_dates .ITEM-TITRE a {
    color: #263032;
    font-weight: normal;
    display: block;
    padding-right: 40px;
}

.bloc_dates .ITEM-TITRE a:after {
    font-family: RG;
    line-height: 1.8em;
    float: right;
    margin-left: 8px;
    color: #635FF4;
    position: absolute;
    right: 8px;
    top: 20px;
}

.bloc_dates .TYPE-FORMATION .ITEM-TITRE a:after {
    display: none;
}

.bloc_dates .TYPE-FORMATION .ITEM-TITRE a {
    padding: 0;
}

.bloc_dates .ITEM-RUBLIEU {
    display: block;
    color: #635FF4;
    font-weight: bold;
    padding: 5px 40px 0 0;
}

.Secondaire .bloc_dates .ITEM-RUBLIEU {
    color: #f15921;
}

.bloc_dates .ITEM-RUBLIEU+.ITEM-TITRE {
    padding-top: 5px;
}

.bloc_dates .ITEM-RUBLIEU+.ITEM-TITRE,
.itemInfo .ITEM-CALENDAR+.ITEM-TITRE {
    padding: 0px;
}

.bloc_dates .SOUS-TITRE {
    margin: 0 0 5px 0;
    font-weight: normal;
    font-weight: 500;
    color: #8C8C8C;
}

.PageServices .PAGES .ACTION {
    margin-top: 0;
}

.PageServices .PAGES .ACTION input {
    width: 100%;
}

.PAGES .tdFreePremium p {
    text-align: center;
}

td>a.lienSecondairePlein,
td>a.lienDominantePlein {
    display: block;
    padding: 8px;
    width: 100%;
    font-size: 0.85em;
    font-weight: 400;
}

td>a.lienSecondairePlein:first-line,
td>a.lienDominantePlein:first-line {
    font-size: 1.5em;
    line-height: 2em;
}

.bloc_orga_metiers {
    background-color: #FFFFFF;
    border: solid 1px #c4e1e7;
    border-radius: .4em;
    box-shadow: 0 3px 7px #E0E0E0;
    padding: 2em;
}

.bloc_orga_metiers h3 {
    min-width: 100%;
    margin: 0;
    color: #635FF4;
}

.icon-poleAlimentaire:before {
    content: url("/images/css/poleAlimentaire.svg");
    float: left;
    margin-right: 10px;
}

.icon-poleArtisanat:before {
    content: url("/images/css/poleArtisanat.svg");
    float: left;
    margin-right: 10px;
}

.icon-poleReprographie:before {
    content: url("/images/css/poleReprographie.svg");
    float: left;
    margin-right: 10px;
}

.icon-poleMarketing:before {
    content: url("/images/css/poleMarketing.svg");
    float: left;
    margin-right: 10px;
}

.icon-poleBatiment:before {
    content: url("/images/css/poleBatiment.svg");
    float: left;
    margin-right: 10px;
}

.icon-poleEnvironnement:before {
    content: url("/images/css/poleEnvironnement.svg");
    float: left;
    margin-right: 10px;
}

.icon-poleEntretien:before {
    content: url("/images/css/poleEntretien.svg");
    float: left;
    margin-right: 10px;
}

.icon-poleJardin:before {
    content: url("/images/css/poleJardin.svg");
    float: left;
    margin-right: 10px;
}

.icon-poleRestauration:before {
    content: url("/images/css/poleRestauration.svg");
    float: left;
    margin-right: 10px;
}

.icon-poleInformatique:before {
    content: url("/images/css/poleInformatique.svg");
    float: left;
    margin-right: 10px;
}

.icon-poleAdministratif:before {
    content: url("/images/css/poleAdministratif.svg");
    float: left;
    margin-right: 10px;
}

.icon-poleServices:before {
    content: url("/images/css/poleServices.svg");
    float: left;
    margin-right: 10px;
}

.icon-poleIndustrie:before {
    content: url("/images/css/poleIndustrie.svg");
    float: left;
    margin-right: 10px;
}

.icon-poleLogistique:before {
    content: url("/images/css/poleLogistique.svg");
    float: left;
    margin-right: 10px;
}

.ITEM {
    position: relative;
}

.ITEM .SOUS-TITRE {
    font-weight: bold;
}

.ITEM .dateCreation {
    float: left;
    line-height: 25px;
    color: #8C8C8C;
    font-size: 0.9em;
}

.ITEM .taoicon-RG-voirright {
    position: absolute;
    top: 40%;
    right: 0;
}

.TYPE-ARTICLE .ITEM-TITRE *,
.TYPE-FORMATION .ITEM-TITRE * {
    font-weight: bold;
}

.itemVertical {
    border-radius: .4em;
    border-bottom: solid 2px #B3D5DF;
    padding-bottom: 15px;
    background-color: #f0f9fb;
    box-shadow: 0 0 4px 0px #ccc;
}

.itemVertical .ITEM-TITRE {
    margin-top: 20px;
    text-align: left;
    padding: 0 10px;
    min-height: 66px;
}

.itemVertical .ITEM-IMG {
    background-color: #FFFFFF;
    border-radius: 8px 8px 0px 0px;
    padding: 0;
}

.itemVertical.imgLess {
    padding-top: 218px;
}

.itemVertical .ITEM-ACCROCHE {
    height: 90px;
    margin-top: 10px;
    text-align: left;
    padding: 0 10px;
}

.itemVertical .LIEN {
    margin-right: 10px;
}

.TYPE-ESPACE .ITEM-IMG {
    width: 100% !important;
    height: 180px;
    padding: 10px;
}

.TYPE-ESPACE .ITEM-IMG img {
    object-fit: contain;
    width: 100%;
    height: 100%;
}

.TYPE-VIDEO {
    min-height: 400px;
}

.TYPE-VIDEO .ITEM-TITRE {
    padding: 15px 0;
}

.TYPE-VIDEO .ITEM-IMG {
    height: 300px !important;
}

.TYPE-VIDEO iframe,
.TYPE-VIDEO video,
.TYPE-VIDEO object {
    height: 100% !important;
}

.TYPE-GLOSSAIRE {
    border: solid 2px #EEEEEE;
    border-radius: .4em;
    min-height: 230px;
    background-color: #FFFFFF;
}

.TYPE-GLOSSAIRE .ITEM-TITRE {
    width: 100%;
    padding: 5px;
    background-color: #EEEEEE;
}

.TYPE-EVENEMENT .ITEM-TITRE {
    padding: 5px 0;
}

.MARQUE .NavigPage {
    display: none;
}

.MARQUE .PAGES {
    margin-top: 30px;
}

.TYPE-ARTICLE.MARQUE .ITEM-IMG {
    width: 160px;
    height: 160px;
}

.itemEtb {
    border: solid 1px #CBE1E9;
    padding: 15px;
    border-radius: .3em;
}

.cartoMap .itemEtb {
    margin: 0;
    min-width: 300px;
    border: none;
    padding: 0;
}

.cartoList .itemEtb.js_select {
    border: solid 1px #8C8C8C;
}

.itemEtb.js_select .checkbox:before {
    font-family: Tao;
    font-size: .8em;
    color: #FFFFFF;
    background-color: #635FF4;
    border: solid 2px #635FF4
}

.itemEtb>div {
    line-height: 1.5em;
}

.itemEtb .flex-90 div {
    float: left;
    clear: both;
    width: 100%;
}

h2.ITEM-TITRE {
    font-size: 1em;
}

h2.ITEM-TITRE:after {
    display: none;
}

.itemEtb .ITEM-NOM {
    color: #263032;
    display: inline-block;
    font-weight: 500;
    font-size: 1.25em;
    text-transform: none;
}

.itemEtb .ITEM-ACCROCHE {
    color: #707070;
    margin-bottom: 10px;
}

.itemEtb .ITEM-ACCROCHE button {
    font-size: 1em;
}

.itemEtb_ville {
    display: block;
    margin: -5px 0 15px 0;
    color: #768c91;
}

.itemEtb_savoirplus {
    display: block !important;
    clear: both;
    width: 100%;
    text-align: left;
    font-size: 1em;
}

.itemEtb .minibtn,
.itemEtb .taoicon-RG-collaborateurs,
.itemEtb .taoicon-RG-horloge,
.itemEtb .signataireCharte,
.itemEtb .taoicon-RG-voiture {
    font-size: 0.75em;
}

.itemEtb [class*="taoicon"]+[class*="taoicon"] {
    margin-left: 10px;
}

.itemEtb .signataireCharte {
    text-align: left;
    white-space: nowrap;
    width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
}

.signataireCharte {
    text-decoration: underline;
    width: 100%;
    color: #1ac6a2;
}

.signataireCharte:before {
    color: #263032 !important;
}

.ITEM-PICTOS {
    margin-bottom: 10px;
}

.itemEtb_simple {
    overflow: hidden;
    border-bottom: solid 1px #e2eff1;
    padding: 8px 0;
}

.bloc_orga_head h1 {
    font-weight: 500;
    ;
    font-size: 2.2em;
    clear: none;
    margin: 0;
    text-align: left;
}

.logoOrg {
    float: left;
    margin-right: 30px;
    line-height: 100px;
    height: 120px;
    width: 120px;
    padding: 8px;
    border-radius: .3em;
    border: solid 2px #D7E7EE;
    margin-bottom: 20px;
    text-align: center;
}

.logoOrg img {
    max-width: 100%;
    max-height: 100px;
    width: auto;
    height: auto;
}

.bg_white {
    background-color: #FFFFFF;
}

.bg_gris {
    background-color: #e2eff1;
}

.content_bleu:before {
    content: " ";
    position: absolute;
    display: block;
    width: 3000px;
    height: 100%;
    bottom: 0;
    left: -1000px;
    background-color: #f0f9fb;
    z-index: -1;
}

.content_bleu.orga_content_top:before {
    height: 100%;
}

.slider_etablissement+.content_bleu.orga_content_top:before {
    height: calc(100% + 200px);
}

.accrocheOrg a {
    border: none !important;
    color: #263032;
}

.accrocheOrg p {
    margin-top: 0;
}

.bloc_accroche {
    background-color: #f0f9fb;
    padding: 50px 0;
    font-weight: 600;
}

.bloc_accroche>div {
    max-width: 1000px;
    margin: 0 auto;
}

.bloc_accroche a {
    color: #263032;
}

.txtPlus {
    position: relative;
}

.txtPlus .taoabove-RG-voirplus {
    float: left;
    clear: both;
    font-weight: 500;
    text-transform: uppercase;
    color: #635FF4;
    cursor: pointer;
}

.txtPlus .taoabove-RG-voirplus:after {
    font-size: 1em;
    margin-top: -5px;
}

.txtPlus>div {
    float: left;
    width: 100%;
    clear: both;
    margin: 10px 0;
    font-size: 1.15em;
}

.bloc_kpi {
    text-align: center;
}

.bloc_kpi .kpi {
    font-weight: 500;
    background-color: #FFFFFF;
    text-align: center;
    padding: 10px;
    border-radius: .4em;
    box-shadow: 0px 0px 10px 0px #ccc;
    font-size: 1.2em;
    position: relative;
}

.kpi_nb {
    color: #f15921;
    font-size: 1.4em;
    display: block;
    line-height: 45px;
}

.devis_infos {
    background-color: #FFFFFF;
    border-radius: 8px;
    min-height: 80px;
}

h2.labelEtb {
    font-size: 1.4em;
    pointer-events: none;
}

.bloc_infos h2.labelEtb {
    margin: 0 0 20px 0;
}

.slider_etablissement {
    background-color: #CBE1E9;
    height: 420px;
    max-width: 1400px;
    overflow: hidden;
}

.slider_etablissement tao-slideshow-slide .framing {
    height: 400px;
    position: initial;
}

.slider_etablissement tao-slideshow-pagination {
    bottom: 30px;
}

.slider_etablissement tao-slideshow-pagination-slide {
    width: 75px;
    height: 75px;
    border: solid 1px #FFFFFF;
    border-radius: 4px;
    overflow: hidden;
    margin: 0 8px;
}

.slider_etablissement tao-slideshow-pagination-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.PARTENAIRE h2 {
    font-size: 1.5em;
    color: #635FF4
}

.PARTENAIRE .accrocheOrg {
    margin-bottom: 30px;
}

.PARTENAIRE .ITEM-PDM .ITEM-NOM {
    font-size: 1.13em;
}

.pictosPART {
    margin: 25px 0 0 0;
    z-index: 10;
}

.pictosPART a:before {
    font-size: 1.8rem;
    margin: 5px;
}

.pictosPART a:hover:before {
    color: #0D5F71;
}

.videoPART {
    text-align: center;
}

.videoPART video+iframe {
    margin-top: 30px;
}

.diapoPart {
    text-align: center;
    min-height: 250px;
    overflow: hidden;
}

.diapoPart .IMAGEPRINCIPALE {
    width: 200px;
    line-height: 150px;
    text-align: center;
    display: inline-block;
    margin: 10px 30px;
}

.diapoPart .IMAGEPRINCIPALE img {
    max-height: 100px;
    width: auto;
}

input[type="text"],
input[type="password"],
textarea,
select,
[type=file],
.checkbox:before,
.moteurGesat .choice.empty .code,
.moteurGesat .frmDomaine .code div,
.moteurGesat .frmRegion .code div,
span.ui-selectmenu-button.ui-button {
    border: solid 1px #c4e1e7;
    border-radius: 4px;
}

.search_avance_etb input[type="text"]:hover,
.moteurGesat .choice.empty .code:hover,
.moteurGesat .frmDomaine .code div:hover,
.moteurGesat .frmRegion .code div:hover,
span.ui-selectmenu-button.ui-button:hover {
    border: solid 1px #000000;
}

.moteurGesat input {
    font-size: 1em;
}

.radio:before {
    border: solid 1px #c4e1e7;
}

.selected:before {
    border: solid 6px #635FF4;
}

.placeholder {
    color: #768c91;
}

.home .CONTENEUR .flex {
    align-items: flex-start;
}

.identification form {
    padding: 15px;
    background-color: #f0f9fb;
    border: solid 2px #D7E7EE;
    border-radius: .4em;
}

#bouton_creer {
    background-color: #f15921;
    font-weight: 500;
    text-transform: uppercase;
    font-size: 0.8em;
    line-height: 50px;
    white-space: normal;
}

#bouton_creer[disabled] {
    background-color: #A7CFDA;
}

[class*="NOTICE"] {
    border: solid 1px #D2D2D2;
    font-weight: bold;
    padding: 20px;
    margin-bottom: 20px;
    border-radius: .3em;
    font-size: 1.1em;
}

*[class*="taoicon-Tao-addcart"]:before,
*[class*="taoabove-Tao-addcart"]:after {
    content: "\f101";
}

*[class*="taoicon-Tao-addselect"]:before,
*[class*="taoabove-Tao-addselect"]:after {
    content: "\f102";
}

*[class*="taoicon-Tao-appleCalendar"]:before,
*[class*="taoabove-Tao-appleCalendar"]:after {
    content: "\f103";
}

*[class*="taoicon-Tao-audio"]:before,
*[class*="taoabove-Tao-audio"]:after {
    content: "\f104";
}

*[class*="taoicon-Tao-backlist"]:before,
*[class*="taoabove-Tao-backlist"]:after {
    content: "\f105";
}

*[class*="taoicon-Tao-bulles"]:before,
*[class*="taoabove-Tao-bulles"]:after {
    content: "\f106";
}

*[class*="taoicon-Tao-calendar"]:before,
*[class*="taoabove-Tao-calendar"]:after {
    content: "\f107";
}

*[class*="taoicon-Tao-cart"]:before,
*[class*="taoabove-Tao-cart"]:after {
    content: "\f108";
}

.itemEtb.js_select .checkbox:before,
li.check:before,
.check li:before,
p.check:before,
a.check:before,
span.check:before,
.checked:before,
*[class*="taoicon-Tao-check"]:before,
*[class*="taoabove-Tao-check"]:after {
    content: "\f109";
}

*[class*="taoicon-Tao-checklist"]:before,
*[class*="taoabove-Tao-checklist"]:after {
    content: "\f10a";
}

*[class*="taoicon-Tao-cheque"]:before,
*[class*="taoabove-Tao-cheque"]:after {
    content: "\f10b";
}

.slideMenu .MORELESS:before,
.menu_drive .MORELESS:before,
*[class*="taoicon-Tao-close"]:before,
*[class*="taoabove-Tao-close"]:after {
    content: "\f10c";
}

*[class*="taoicon-Tao-cloudEmpty"]:before,
*[class*="taoabove-Tao-cloudEmpty"]:after {
    content: "\f10d";
}

*[class*="taoicon-Tao-contact"]:before,
*[class*="taoabove-Tao-contact"]:after {
    content: "\f10e";
}

*[class*="taoicon-Tao-cookies"]:before,
*[class*="taoabove-Tao-cookies"]:after {
    content: "\f10f";
}

*[class*="taoicon-Tao-coupon"]:before,
*[class*="taoabove-Tao-coupon"]:after {
    content: "\f110";
}

*[class*="taoicon-Tao-credit-card"]:before,
*[class*="taoabove-Tao-credit-card"]:after {
    content: "\f111";
}

*[class*="taoicon-Tao-devis"]:before,
*[class*="taoabove-Tao-devis"]:after {
    content: "\f112";
}

*[class*="taoicon-Tao-displayGrid"]:before,
*[class*="taoabove-Tao-displayGrid"]:after {
    content: "\f113";
}

*[class*="taoicon-Tao-displayList"]:before,
*[class*="taoabove-Tao-displayList"]:after {
    content: "\f114";
}

.DynarchCalendar-prevYear div:before,
*[class*="taoicon-Tao-doubleleft"]:before,
*[class*="taoabove-Tao-doubleleft"]:after {
    content: "\f115";
}

.DynarchCalendar-nextYear div:before,
*[class*="taoicon-Tao-doubleright"]:before,
*[class*="taoabove-Tao-doubleright"]:after {
    content: "\f116";
}

*[class*="taoicon-Tao-down"]:before,
*[class*="taoabove-Tao-down"]:after {
    content: "\f117";
}

*[class*="taoicon-Tao-download"]:before,
*[class*="taoabove-Tao-download"]:after {
    content: "\f118";
}

*[class*="taoicon-Tao-Emoji-Content"]:before,
*[class*="taoabove-Tao-Emoji-Content"]:after {
    content: "\f119";
}

*[class*="taoicon-Tao-Emoji-Eclair"]:before,
*[class*="taoabove-Tao-Emoji-Eclair"]:after {
    content: "\f11a";
}

*[class*="taoicon-Tao-Emoji-Ensoleille"]:before,
*[class*="taoabove-Tao-Emoji-Ensoleille"]:after {
    content: "\f11b";
}

*[class*="taoicon-Tao-Emoji-Mecontent"]:before,
*[class*="taoabove-Tao-Emoji-Mecontent"]:after {
    content: "\f11c";
}

*[class*="taoicon-Tao-Emoji-Neutre"]:before,
*[class*="taoabove-Tao-Emoji-Neutre"]:after {
    content: "\f11d";
}

*[class*="taoicon-Tao-Emoji-Nuage"]:before,
*[class*="taoabove-Tao-Emoji-Nuage"]:after {
    content: "\f11e";
}

*[class*="taoicon-Tao-Emoji-Pluie"]:before,
*[class*="taoabove-Tao-Emoji-Pluie"]:after {
    content: "\f11f";
}

*[class*="taoicon-Tao-Emoji-Soleil"]:before,
*[class*="taoabove-Tao-Emoji-Soleil"]:after {
    content: "\f120";
}

*[class*="taoicon-Tao-Emoji-Tres-content"]:before,
*[class*="taoabove-Tao-Emoji-Tres-content"]:after {
    content: "\f121";
}

*[class*="taoicon-Tao-Emoji-Tres-mecontent"]:before,
*[class*="taoabove-Tao-Emoji-Tres-mecontent"]:after {
    content: "\f122";
}

*[class*="taoicon-Tao-euro"]:before,
*[class*="taoabove-Tao-euro"]:after {
    content: "\f123";
}

*[class*="taoicon-Tao-eye"]:before,
*[class*="taoabove-Tao-eye"]:after {
    content: "\f124";
}

*[class*="taoicon-Tao-facebook"]:before,
*[class*="taoabove-Tao-facebook"]:after {
    content: "\f125";
}

*[class*="taoicon-Tao-fax"]:before,
*[class*="taoabove-Tao-fax"]:after {
    content: "\f126";
}

*[class*="taoicon-Tao-fblink"]:before,
*[class*="taoabove-Tao-fblink"]:after {
    content: "\f127";
}

*[class*="taoicon-Tao-fichier"]:before,
*[class*="taoabove-Tao-fichier"]:after {
    content: "\f128";
}

*[class*="taoicon-Tao-filtrer"]:before,
*[class*="taoabove-Tao-filtrer"]:after {
    content: "\f129";
}

li.fleche:before,
.fleche li:before,
p.fleche:before,
a.fleche:before,
span.fleche:before,
*[class*="taoicon-Tao-fleche"]:before,
*[class*="taoabove-Tao-fleche"]:after {
    content: "\f12a";
}

*[class*="taoicon-Tao-flickr"]:before,
*[class*="taoabove-Tao-flickr"]:after {
    content: "\f12b";
}

*[class*="taoicon-Tao-font"]:before,
*[class*="taoabove-Tao-font"]:after {
    content: "\f12c";
}

*[class*="taoicon-Tao-friend"]:before,
*[class*="taoabove-Tao-friend"]:after {
    content: "\f12d";
}

*[class*="taoicon-Tao-globe"]:before,
*[class*="taoabove-Tao-globe"]:after {
    content: "\f12e";
}

*[class*="taoicon-Tao-google"]:before,
*[class*="taoabove-Tao-google"]:after {
    content: "\f12f";
}

*[class*="taoicon-Tao-googleCalendar"]:before,
*[class*="taoabove-Tao-googleCalendar"]:after {
    content: "\f130";
}

*[class*="taoicon-Tao-heart-empty"]:before,
*[class*="taoabove-Tao-heart-empty"]:after {
    content: "\f131";
}

*[class*="taoicon-Tao-heart-full"]:before,
*[class*="taoabove-Tao-heart-full"]:after {
    content: "\f132";
}

*[class*="taoicon-Tao-home"]:before,
*[class*="taoabove-Tao-home"]:after {
    content: "\f133";
}

*[class*="taoicon-Tao-identification"]:before,
*[class*="taoabove-Tao-identification"]:after {
    content: "\f134";
}

*[class*="taoicon-Tao-image"]:before,
*[class*="taoabove-Tao-image"]:after {
    content: "\f135";
}

*[class*="taoicon-Tao-infobulle"]:before,
*[class*="taoabove-Tao-infobulle"]:after {
    content: "\f136";
}

*[class*="taoicon-Tao-initSearch"]:before,
*[class*="taoabove-Tao-initSearch"]:after {
    content: "\f137";
}

*[class*="taoicon-Tao-instagram"]:before,
*[class*="taoabove-Tao-instagram"]:after {
    content: "\f138";
}

*[class*="taoicon-Tao-instalink"]:before,
*[class*="taoabove-Tao-instalink"]:after {
    content: "\f139";
}

.DynarchCalendar-prevMonth div:before,
*[class*="taoicon-Tao-left"]:before,
*[class*="taoabove-Tao-left"]:after {
    content: "\f13a";
}

*[class*="taoicon-Tao-linkedin"]:before,
*[class*="taoabove-Tao-linkedin"]:after {
    content: "\f13b";
}

*[class*="taoicon-Tao-lnklink"]:before,
*[class*="taoabove-Tao-lnklink"]:after {
    content: "\f13c";
}

*[class*="taoicon-Tao-lock"]:before,
*[class*="taoabove-Tao-lock"]:after {
    content: "\f13d";
}

*[class*="taoicon-Tao-logoTaonix"]:before,
*[class*="taoabove-Tao-logoTaonix"]:after {
    content: "\f13e";
}

*[class*="taoicon-Tao-mail"]:before,
*[class*="taoabove-Tao-mail"]:after {
    content: "\f13f";
}

*[class*="taoicon-Tao-minus"]:before,
*[class*="taoabove-Tao-minus"]:after {
    content: "\f140";
}

*[class*="taoicon-Tao-mobile"]:before,
*[class*="taoabove-Tao-mobile"]:after {
    content: "\f141";
}

*[class*="taoicon-Tao-newspaper"]:before,
*[class*="taoabove-Tao-newspaper"]:after {
    content: "\f142";
}

*[class*="taoicon-Tao-openMenu"]:before,
*[class*="taoabove-Tao-openMenu"]:after {
    content: "\f143";
}

*[class*="taoicon-Tao-outlookCalendar"]:before,
*[class*="taoabove-Tao-outlookCalendar"]:after {
    content: "\f144";
}

*[class*="taoicon-Tao-partager"]:before,
*[class*="taoabove-Tao-partager"]:after {
    content: "\f145";
}

*[class*="taoicon-Tao-paypal"]:before,
*[class*="taoabove-Tao-paypal"]:after {
    content: "\f146";
}

*[class*="taoicon-Tao-pdf"]:before,
*[class*="taoabove-Tao-pdf"]:after {
    content: "\f147";
}

*[class*="taoicon-Tao-pen"]:before,
*[class*="taoabove-Tao-pen"]:after {
    content: "\f148";
}

*[class*="taoicon-Tao-pinlink"]:before,
*[class*="taoabove-Tao-pinlink"]:after {
    content: "\f149";
}

*[class*="taoicon-Tao-placeholder"]:before,
*[class*="taoabove-Tao-placeholder"]:after {
    content: "\f14a";
}

*[class*="taoicon-Tao-play-button"]:before,
*[class*="taoabove-Tao-play-button"]:after {
    content: "\f14b";
}

*[class*="taoicon-Tao-plus"]:before,
*[class*="taoabove-Tao-plus"]:after {
    content: "\f14c";
}

*[class*="taoicon-Tao-print"]:before,
*[class*="taoabove-Tao-print"]:after {
    content: "\f14d";
}

*[class*="taoicon-Tao-qrcode"]:before,
*[class*="taoabove-Tao-qrcode"]:after {
    content: "\f14e";
}

*[class*="taoicon-Tao-question"]:before,
*[class*="taoabove-Tao-question"]:after {
    content: "\f14f";
}

*[class*="taoicon-Tao-ressources"]:before,
*[class*="taoabove-Tao-ressources"]:after {
    content: "\f150";
}

.slideMenu .MORE:before,
.menu_drive .MORE:before,
.DynarchCalendar-nextMonth div:before,
*[class*="taoicon-Tao-right"]:before,
*[class*="taoabove-Tao-right"]:after {
    content: "\f151";
}

*[class*="taoicon-Tao-rss"]:before,
*[class*="taoabove-Tao-rss"]:after {
    content: "\f152";
}

.searchSimple span:after,
*[class*="taoicon-Tao-search"]:before,
*[class*="taoabove-Tao-search"]:after {
    content: "\f153";
}

*[class*="taoicon-Tao-sign-in"]:before,
*[class*="taoabove-Tao-sign-in"]:after {
    content: "\f154";
}

*[class*="taoicon-Tao-sign-out"]:before,
*[class*="taoabove-Tao-sign-out"]:after {
    content: "\f155";
}

*[class*="taoicon-Tao-sort-arrows"]:before,
*[class*="taoabove-Tao-sort-arrows"]:after {
    content: "\f156";
}

*[class*="taoicon-Tao-sort-asc"]:before,
*[class*="taoabove-Tao-sort-asc"]:after {
    content: "\f157";
}

*[class*="taoicon-Tao-sort-desc"]:before,
*[class*="taoabove-Tao-sort-desc"]:after {
    content: "\f158";
}

*[class*="taoicon-Tao-sort-list"]:before,
*[class*="taoabove-Tao-sort-list"]:after {
    content: "\f159";
}

*[class*="taoicon-Tao-starempty"]:before,
*[class*="taoabove-Tao-starempty"]:after {
    content: "\f15a";
}

*[class*="taoicon-Tao-starfull"]:before,
*[class*="taoabove-Tao-starfull"]:after {
    content: "\f15b";
}

*[class*="taoicon-Tao-tel"]:before,
*[class*="taoabove-Tao-tel"]:after {
    content: "\f15c";
}

*[class*="taoicon-Tao-twitter"]:before,
*[class*="taoabove-Tao-twitter"]:after {
    content: "\f15d";
}

*[class*="taoicon-Tao-twtlink"]:before,
*[class*="taoabove-Tao-twtlink"]:after {
    content: "\f15e";
}

*[class*="taoicon-Tao-up"]:before,
*[class*="taoabove-Tao-up"]:after {
    content: "\f15f";
}

*[class*="taoicon-Tao-user"]:before,
*[class*="taoabove-Tao-user"]:after {
    content: "\f160";
}

*[class*="taoicon-Tao-valid"]:before,
*[class*="taoabove-Tao-valid"]:after {
    content: "\f161";
}

*[class*="taoicon-Tao-viadeo"]:before,
*[class*="taoabove-Tao-viadeo"]:after {
    content: "\f162";
}

*[class*="taoicon-Tao-vialink"]:before,
*[class*="taoabove-Tao-vialink"]:after {
    content: "\f163";
}

*[class*="taoicon-Tao-video"]:before,
*[class*="taoabove-Tao-video"]:after {
    content: "\f164";
}

*[class*="taoicon-Tao-virement"]:before,
*[class*="taoabove-Tao-virement"]:after {
    content: "\f165";
}

*[class*="taoicon-Tao-warranty"]:before,
*[class*="taoabove-Tao-warranty"]:after {
    content: "\f166";
}

*[class*="taoicon-Tao-www"]:before,
*[class*="taoabove-Tao-www"]:after {
    content: "\f167";
}

*[class*="taoicon-Tao-youtube"]:before,
*[class*="taoabove-Tao-youtube"]:after {
    content: "\f168";
}

*[class*="taoicon-Tao-ytlink"]:before,
*[class*="taoabove-Tao-ytlink"]:after {
    content: "\f169";
}

*[class*="taoicon-RG-acces"]:before,
*[class*="taoabove-RG-acces"]:after {
    content: "\f101";
}

*[class*="taoicon-RG-avatar"]:before,
*[class*="taoabove-RG-avatar"]:after {
    content: "\f102";
}

*[class*="taoicon-RG-brochure"]:before,
*[class*="taoabove-RG-brochure"]:after {
    content: "\f103";
}

*[class*="taoicon-RG-burger"]:before,
*[class*="taoabove-RG-burger"]:after {
    content: "\f104";
}

*[class*="taoicon-RG-circleBack"]:before,
*[class*="taoabove-RG-circleBack"]:after {
    content: "\f105";
}

.popin_gesat .taoicon-Tao-close:before,
*[class*="taoicon-RG-circleCross"]:before,
*[class*="taoabove-RG-circleCross"]:after {
    content: "\f106";
}

*[class*="taoicon-RG-circleHelp"]:before,
*[class*="taoabove-RG-circleHelp"]:after {
    content: "\f107";
}

*[class*="taoicon-RG-circleNext"]:before,
*[class*="taoabove-RG-circleNext"]:after {
    content: "\f108";
}

*[class*="taoicon-RG-circlePlus"]:before,
*[class*="taoabove-RG-circlePlus"]:after {
    content: "\f109";
}

*[class*="taoicon-RG-collaborateurs"]:before,
*[class*="taoabove-RG-collaborateurs"]:after {
    content: "\f10a";
}

*[class*="taoicon-RG-contacter"]:before,
*[class*="taoabove-RG-contacter"]:after {
    content: "\f10b";
}

*[class*="taoicon-RG-copier"]:before,
*[class*="taoabove-RG-copier"]:after {
    content: "\f10c";
}

*[class*="taoicon-RG-croix"]:before,
*[class*="taoabove-RG-croix"]:after {
    content: "\f10d";
}

*[class*="taoicon-RG-deplacer"]:before,
*[class*="taoabove-RG-deplacer"]:after {
    content: "\f10e";
}

*[class*="taoicon-RG-deposer"]:before,
*[class*="taoabove-RG-deposer"]:after {
    content: "\f10f";
}

*[class*="taoicon-RG-deviser"]:before,
*[class*="taoabove-RG-deviser"]:after {
    content: "\f110";
}

*[class*="taoicon-RG-distance"]:before,
*[class*="taoabove-RG-distance"]:after {
    content: "\f111";
}

*[class*="taoicon-RG-edition"]:before,
*[class*="taoabove-RG-edition"]:after {
    content: "\f112";
}

*[class*="taoicon-RG-exporter"]:before,
*[class*="taoabove-RG-exporter"]:after {
    content: "\f113";
}

*[class*="taoicon-RG-exportEtb"]:before,
*[class*="taoabove-RG-exportEtb"]:after {
    content: "\f114";
}

*[class*="taoicon-RG-favoriEmpty"]:before,
*[class*="taoabove-RG-favoriEmpty"]:after {
    content: "\f115";
}

*[class*="taoicon-RG-favoriFull"]:before,
*[class*="taoabove-RG-favoriFull"]:after {
    content: "\f116";
}

*[class*="taoicon-RG-flecheCoude"]:before,
*[class*="taoabove-RG-flecheCoude"]:after {
    content: "\f117";
}

.TYPE-TEMOIN p:before,
*[class*="taoicon-RG-guillemet"]:before,
*[class*="taoabove-RG-guillemet"]:after {
    content: "\f118";
}

*[class*="taoicon-RG-horloge"]:before,
*[class*="taoabove-RG-horloge"]:after {
    content: "\f119";
}

*[class*="taoicon-RG-imprimer"]:before,
*[class*="taoabove-RG-imprimer"]:after {
    content: "\f11a";
}

*[class*="taoicon-RG-label"]:before,
*[class*="taoabove-RG-label"]:after {
    content: "\f11b";
}

*[class*="taoicon-RG-localisation"]:before,
*[class*="taoabove-RG-localisation"]:after {
    content: "\f11c";
}

*[class*="taoicon-RG-logout"]:before,
*[class*="taoabove-RG-logout"]:after {
    content: "\f11d";
}

*[class*="taoicon-RG-magnify"]:before,
*[class*="taoabove-RG-magnify"]:after {
    content: "\f11e";
}

*[class*="taoicon-RG-minicroix"]:before,
*[class*="taoabove-RG-minicroix"]:after {
    content: "\f11f";
}

*[class*="taoicon-RG-modeCarte"]:before,
*[class*="taoabove-RG-modeCarte"]:after {
    content: "\f120";
}

*[class*="taoicon-RG-modeListe"]:before,
*[class*="taoabove-RG-modeListe"]:after {
    content: "\f121";
}

*[class*="taoicon-RG-modeMixte"]:before,
*[class*="taoabove-RG-modeMixte"]:after {
    content: "\f122";
}

*[class*="taoicon-RG-modifier"]:before,
*[class*="taoabove-RG-modifier"]:after {
    content: "\f123";
}

*[class*="taoicon-RG-notifications"]:before,
*[class*="taoabove-RG-notifications"]:after {
    content: "\f124";
}

*[class*="taoicon-RG-partager"]:before,
*[class*="taoabove-RG-partager"]:after {
    content: "\f125";
}

*[class*="taoicon-RG-prevThin"]:before,
*[class*="taoabove-RG-prevThin"]:after {
    content: "\f126";
}

*[class*="taoicon-RG-references"]:before,
*[class*="taoabove-RG-references"]:after {
    content: "\f127";
}

.taoicon-Tao-fblink:before,
*[class*="taoicon-RG-rsfacebook"]:before,
*[class*="taoabove-RG-rsfacebook"]:after {
    content: "\f128";
}

.taoicon-Tao-lnklink:before,
*[class*="taoicon-RG-rslinkedin"]:before,
*[class*="taoabove-RG-rslinkedin"]:after {
    content: "\f129";
}

*[class*="taoicon-RG-rssite"]:before,
*[class*="taoabove-RG-rssite"]:after {
    content: "\f12a";
}

.taoicon-Tao-twtlink:before,
*[class*="taoicon-RG-rstwitter"]:before,
*[class*="taoabove-RG-rstwitter"]:after {
    content: "\f12b";
}

.taoicon-Tao-vialink:before,
*[class*="taoicon-RG-rsviadeo"]:before,
*[class*="taoabove-RG-rsviadeo"]:after {
    content: "\f12c";
}

*[class*="taoicon-RG-rsvideo"]:before,
*[class*="taoabove-RG-rsvideo"]:after {
    content: "\f12d";
}

.taoicon-Tao-ytlink:before,
*[class*="taoicon-RG-rsyoutube"]:before,
*[class*="taoabove-RG-rsyoutube"]:after {
    content: "\f12e";
}

*[class*="taoicon-RG-seelessThin"]:before,
*[class*="taoabove-RG-seelessThin"]:after {
    content: "\f12f";
}

*[class*="taoicon-RG-seemoreThin"]:before,
*[class*="taoabove-RG-seemoreThin"]:after {
    content: "\f130";
}

*[class*="taoicon-RG-settings"]:before,
*[class*="taoabove-RG-settings"]:after {
    content: "\f131";
}

*[class*="taoicon-RG-stats"]:before,
*[class*="taoabove-RG-stats"]:after {
    content: "\f132";
}

*[class*="taoicon-RG-supprimer"]:before,
*[class*="taoabove-RG-supprimer"]:after {
    content: "\f133";
}

*[class*="taoicon-RG-temple"]:before,
*[class*="taoabove-RG-temple"]:after {
    content: "\f134";
}

*[class*="taoicon-RG-threedots"]:before,
*[class*="taoabove-RG-threedots"]:after {
    content: "\f135";
}

*[class*="taoicon-RG-tiroir"]:before,
*[class*="taoabove-RG-tiroir"]:after {
    content: "\f136";
}

*[class*="taoicon-RG-update"]:before,
*[class*="taoabove-RG-update"]:after {
    content: "\f137";
}

*[class*="taoicon-RG-valide"]:before,
*[class*="taoabove-RG-valide"]:after {
    content: "\f138";
}

*[class*="taoicon-RG-villePin"]:before,
*[class*="taoabove-RG-villePin"]:after {
    content: "\f139";
}

.OPEN .taoicon-RG-voirplus:before,
.services_arbo .LEVEL-0.RUBOPEN>a:before,
.PAGES div.ui-accordion .ui-accordion-header-active:after,
.popin .ui-accordion .ui-accordion-header-active:after,
*[class*="taoicon-RG-voirmoins"]:before,
*[class*="taoabove-RG-voirmoins"]:after {
    content: "\f13a";
}

*[class*="taoicon-RG-voirplus"]:before,
*[class*="taoabove-RG-voirplus"]:after {
    content: "\f13b";
}

.VOIRTOUT a:after,
.bloc_dates .ITEM-TITRE a:after,
.services_arbo a:before,
*[class*="taoicon-RG-voirright"]:before,
*[class*="taoabove-RG-voirright"]:after {
    content: "\f13c";
}

*[class*="taoicon-RG-voiture"]:before,
*[class*="taoabove-RG-voiture"]:after {
    content: "\f13d";
}

*[class*="taoicon-Tao"]:before,
*[class*="taoabove-Tao"]:after {
    font: normal normal normal 1.6rem Tao;
    font-family: Tao;
    text-align: center;
}

@font-face {
    font-family: Tao;
    src: url("/styles/fonts/Tao/Tao.woff2?v=2024-04-24") format("woff2"), url("/styles/fonts/Tao/Tao.woff?v=2024-04-24") format("woff"), local("nolocal");
    font-display: block;
}

*[class*="taoicon-RG"]:before,
*[class*="taoabove-RG"]:after {
    font: normal normal normal 1.6rem RG;
    font-family: RG;
    text-align: center;
}

@font-face {
    font-family: RG;
    src: url("/styles/fonts/RG/RG.woff2?v=2024-04-24") format("woff2"), url("/styles/fonts/RG/RG.woff?v=2024-04-24") format("woff"), local("nolocal");
    font-display: block;
}

[class*="taoicon-"],
[class*="taoabove-"] {
    line-height: 1.6em;
    display: inline-block;
    direction: ltr;
    vertical-align: middle;
}

label [class*="taoicon-"],
label [class*="taoabove-"] {
    line-height: 1em;
}

[class*="taoicon-"]:before,
[class*="taoabove-"]:after {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
    display: inline-block;
    margin-right: .3em;
    width: 1em;
    text-align: center;
    color: #635FF4;
    vertical-align: middle;
}

.pictoSeul[class*="taoicon-"]:before,
.pictoSeul[class*="taoabove-"]:after {
    margin-right: 0;
}

.TAOADMIN [class*="taoicon-"]:before,
.TAOADMIN [class*="taoabove-"]:after,
.btn-group-border [class*="taoicon-"]:before {
    color: #464646;
    line-height: 1em;
}

[class*="taoabove-"]:after {
    margin-right: 0;
    margin-left: .5em;
}

@media all and (min-width: 1400px) {

    .CONTENU,
    .B100C>.bloc_contenu {
        max-width: 1400px;
    }
}

@media all and (min-width: 900px) {
    .bloc_alerteCookies .HTML {
        width: 50%;
        margin: 0 auto;
    }

    .MenuTop {
        z-index: 100;
    }

    .w-50 {
        width: 50%;
        max-width: 50%;
        display: inline-block;
    }

    .noBig {
        display: none !important;
    }

    .DTG .label {
        text-align: right;
    }

    .DTG.label50>div,
    .DTG.label50 .formitem>div {
        width: 50%
    }

    .PARALLAX-CONTENT>.ITEM-IMG {
        height: 100%;
    }

    .bloc_faq tao-onglets-label {
        width: 100%;
        margin: 10px 0;
        text-align: center;
        border-radius: 4px;
        border: solid 1px #635FF4;
        background-color: #53A5B7
    }

    .bloc_faq tao-onglets-content {
        border: none;
        order: initial;
        padding: 20px 0;
        margin: 0;
        text-align: center;
    }

    .lienServices:after {
        width: 100% !important;
        text-align: right !important;
        clear: both;
        margin-top: 15px;
        font-size: 0.8rem !important;
    }

    .PAGES {
        margin-top: 40px;
        background-color: transparent;
        position: relative;
    }

    .itemEtb.flex>.flex-5 {
        min-width: 30px;
    }

    .itemEtb.flex>.flex-90 {
        min-width: calc(100% - 60px);
    }

    .bloc_kpi_full .kpi {
        width: calc(25% - 40px);
    }

    .videoPART iframe {
        width: 950px;
        height: 580px;
    }

    .videoPART video {
        width: 950px;
    }
}

@media all and (min-width: 600px) {
    .noBigm {
        display: none !important;
    }

    .cpx-2 {
        width: 46px;
    }

    .Modules.cpx-2 {
        width: 86px;
    }

    .cpx-3 {
        width: 69px;
    }

    .Modules.cpx-3 {
        width: 109px;
    }

    .cpx-4 {
        width: 92px;
    }

    .Modules.cpx-4 {
        width: 132px;
    }

    .cpx-5 {
        width: 115px;
    }

    .Modules.cpx-5 {
        width: 155px;
    }

    .cpx-6 {
        width: 138px;
    }

    .Modules.cpx-6 {
        width: 178px;
    }

    .cpx-7 {
        width: 161px;
    }

    .Modules.cpx-7 {
        width: 201px;
    }

    .cpx-8 {
        width: 184px;
    }

    .Modules.cpx-8 {
        width: 224px;
    }

    .cpx-9 {
        width: 207px;
    }

    .Modules.cpx-9 {
        width: 247px;
    }

    .cpx-10 {
        width: 230px;
    }

    .Modules.cpx-10 {
        width: 270px;
    }

    .cpx-11 {
        width: 253px;
    }

    .Modules.cpx-11 {
        width: 293px;
    }

    .cpx-12 {
        width: 276px;
    }

    .Modules.cpx-12 {
        width: 316px;
    }

    .cpx-13 {
        width: 299px;
    }

    .Modules.cpx-13 {
        width: 339px;
    }

    .cpx-14 {
        width: 322px;
    }

    .Modules.cpx-14 {
        width: 362px;
    }

    .cpx-15 {
        width: 345px;
    }

    .Modules.cpx-15 {
        width: 385px;
    }

    .cpx-16 {
        width: 368px;
    }

    .Modules.cpx-16 {
        width: 408px;
    }

    .cpx-17 {
        width: 391px;
    }

    .Modules.cpx-17 {
        width: 431px;
    }

    .cpx-18 {
        width: 414px;
    }

    .Modules.cpx-18 {
        width: 454px;
    }

    .cpx-19 {
        width: 437px;
    }

    .Modules.cpx-19 {
        width: 477px;
    }

    .cpx-20 {
        width: 460px;
    }

    .Modules.cpx-20 {
        width: 500px;
    }

    .cpx-21 {
        width: 483px;
    }

    .Modules.cpx-21 {
        width: 523px;
    }

    .cpx-22 {
        width: 506px;
    }

    .Modules.cpx-22 {
        width: 546px;
    }

    .cpx-23 {
        width: 529px;
    }

    .Modules.cpx-23 {
        width: 569px;
    }

    .cpx-24 {
        width: 552px;
    }

    .Modules.cpx-24 {
        width: 592px;
    }

    .cpx-25 {
        width: 575px;
    }

    .Modules.cpx-25 {
        width: 615px;
    }

    .cpx-26 {
        width: 598px;
    }

    .Modules.cpx-26 {
        width: 638px;
    }

    .cpx-27 {
        width: 621px;
    }

    .Modules.cpx-27 {
        width: 661px;
    }

    .cpx-28 {
        width: 644px;
    }

    .Modules.cpx-28 {
        width: 684px;
    }

    .cpx-29 {
        width: 667px;
    }

    .Modules.cpx-29 {
        width: 707px;
    }

    .cpx-30 {
        width: 690px;
    }

    .Modules.cpx-30 {
        width: 730px;
    }

    .cpx-31 {
        width: 713px;
    }

    .Modules.cpx-31 {
        width: 753px;
    }

    .cpx-32 {
        width: 736px;
    }

    .Modules.cpx-32 {
        width: 776px;
    }

    .cpx-33 {
        width: 759px;
    }

    .Modules.cpx-33 {
        width: 799px;
    }

    .cpx-34 {
        width: 782px;
    }

    .Modules.cpx-34 {
        width: 822px;
    }

    .cpx-35 {
        width: 805px;
    }

    .Modules.cpx-35 {
        width: 845px;
    }

    .cpx-36 {
        width: 828px;
    }

    .Modules.cpx-36 {
        width: 868px;
    }

    .cpx-37 {
        width: 851px;
    }

    .Modules.cpx-37 {
        width: 891px;
    }

    .cpx-38 {
        width: 874px;
    }

    .Modules.cpx-38 {
        width: 914px;
    }

    .cpx-39 {
        width: 897px;
    }

    .Modules.cpx-39 {
        width: 937px;
    }

    .cpx-40 {
        width: 920px;
    }

    .Modules.cpx-40 {
        width: 960px;
    }

    .cpx-41 {
        width: 943px;
    }

    .Modules.cpx-41 {
        width: 983px;
    }

    .cpx-42 {
        width: 966px;
    }

    .Modules.cpx-42 {
        width: 1006px;
    }

    .cpx-43 {
        width: 989px;
    }

    .Modules.cpx-43 {
        width: 1029px;
    }

    .cpx-44 {
        width: 1012px;
    }

    .Modules.cpx-44 {
        width: 1052px;
    }

    .cpx-45 {
        width: 1035px;
    }

    .Modules.cpx-45 {
        width: 1075px;
    }

    .cpx-46 {
        width: 1058px;
    }

    .Modules.cpx-46 {
        width: 1098px;
    }

    .cpx-47 {
        width: 1081px;
    }

    .Modules.cpx-47 {
        width: 1121px;
    }

    .cpx-48 {
        width: 1104px;
    }

    .Modules.cpx-48 {
        width: 1144px;
    }

    .cpx-49 {
        width: 1127px;
    }

    .Modules.cpx-49 {
        width: 1167px;
    }

    .cpx-50 {
        width: 1150px;
    }

    .Modules.cpx-50 {
        width: 1190px;
    }

    .cpx-51 {
        width: 1173px;
    }

    .Modules.cpx-51 {
        width: 1213px;
    }

    .cpx-52 {
        width: 1196px;
    }

    .Modules.cpx-52 {
        width: 1236px;
    }

    .cpx-53 {
        width: 1219px;
    }

    .Modules.cpx-53 {
        width: 1259px;
    }

    .cpx-54 {
        width: 1242px;
    }

    .Modules.cpx-54 {
        width: 1282px;
    }

    .cpx-55 {
        width: 1265px;
    }

    .Modules.cpx-55 {
        width: 1305px;
    }

    .cpx-56 {
        width: 1288px;
    }

    .Modules.cpx-56 {
        width: 1328px;
    }

    .cpx-57 {
        width: 1311px;
    }

    .Modules.cpx-57 {
        width: 1351px;
    }

    .cpx-58 {
        width: 1334px;
    }

    .Modules.cpx-58 {
        width: 1374px;
    }

    .cpx-59 {
        width: 1357px;
    }

    .Modules.cpx-59 {
        width: 1397px;
    }

    .cpx-60 {
        width: 1380px;
    }

    .Modules.cpx-60 {
        width: 1420px;
    }

    .B100 {
        max-width: calc(100% - 40px);
    }

    .itemHorizontal .ITEM-IMG {
        float: left;
        margin-right: 20px;
    }

    .itemHorizontal .lienPageImage {
        float: left;
        margin-right: 20px;
    }

    .CONTACT .formitem:not([class*="DL"]) {
        width: 50%;
    }

    .DL100 {
        width: 100%;
        clear: both;
    }

    .DTG .DL100 .label,
    .DL100 .DTG .label,
    .DL100 .RADIOS .label,
    .DL100 .CHECK .label,
    .DL100.DTG .label,
    .DL100.RADIOS .label,
    .DL100.CHECK .label {
        width: 16%;
    }

    .DTG .DL100 .code,
    .DL100 .DTG .code,
    .RADIOS .DL100 .code,
    .DL100 .RADIOS .code,
    .CHECK .DL100 .code,
    .DL100 .CHECK .code,
    .DL100.DTG .code,
    .DL100.RADIOS .code,
    .DL100.CHECK .code {
        width: 84%;
    }

    .DL75 {
        width: 75%;
        clear: none;
        float: left;
    }

    .DTG .DL75 .label,
    .DL75 .DTG .label,
    .DL75 .RADIOS .label,
    .DL75 .CHECK .label,
    .DL75.DTG .label,
    .DL75.RADIOS .label,
    .DL75.CHECK .label {
        width: 21%;
    }

    .DTG .DL75 .code,
    .DL75 .DTG .code,
    .RADIOS .DL75 .code,
    .DL75 .RADIOS .code,
    .CHECK .DL75 .code,
    .DL75 .CHECK .code,
    .DL75.DTG .code,
    .DL75.RADIOS .code,
    .DL75.CHECK .code {
        width: 79%;
    }

    .DL70 {
        width: 70%;
        clear: none;
        float: left;
    }

    .DTG .DL70 .label,
    .DL70 .DTG .label,
    .DL70 .RADIOS .label,
    .DL70 .CHECK .label,
    .DL70.DTG .label,
    .DL70.RADIOS .label,
    .DL70.CHECK .label {
        width: 23%;
    }

    .DTG .DL70 .code,
    .DL70 .DTG .code,
    .RADIOS .DL70 .code,
    .DL70 .RADIOS .code,
    .CHECK .DL70 .code,
    .DL70 .CHECK .code,
    .DL70.DTG .code,
    .DL70.RADIOS .code,
    .DL70.CHECK .code {
        width: 77%;
    }

    .DL60 {
        width: 60%;
        clear: none;
        float: left;
    }

    .DTG .DL60 .label,
    .DL60 .DTG .label,
    .DL60 .RADIOS .label,
    .DL60 .CHECK .label,
    .DL60.DTG .label,
    .DL60.RADIOS .label,
    .DL60.CHECK .label {
        width: 27%;
    }

    .DTG .DL60 .code,
    .DL60 .DTG .code,
    .RADIOS .DL60 .code,
    .DL60 .RADIOS .code,
    .CHECK .DL60 .code,
    .DL60 .CHECK .code,
    .DL60.DTG .code,
    .DL60.RADIOS .code,
    .DL60.CHECK .code {
        width: 73%;
    }

    .DL50 {
        width: 50%;
        clear: none;
        float: left;
    }

    .DTG .DL50 .label,
    .DL50 .DTG .label,
    .DL50 .RADIOS .label,
    .DL50 .CHECK .label,
    .DL50.DTG .label,
    .DL50.RADIOS .label,
    .DL50.CHECK .label {
        width: 32%;
    }

    .DTG .DL50 .code,
    .DL50 .DTG .code,
    .RADIOS .DL50 .code,
    .DL50 .RADIOS .code,
    .CHECK .DL50 .code,
    .DL50 .CHECK .code,
    .DL50.DTG .code,
    .DL50.RADIOS .code,
    .DL50.CHECK .code {
        width: 68%;
    }

    .DL40 {
        width: 40%;
        clear: none;
        float: left;
    }

    .DTG .DL40 .label,
    .DL40 .DTG .label,
    .DL40 .RADIOS .label,
    .DL40 .CHECK .label,
    .DL40.DTG .label,
    .DL40.RADIOS .label,
    .DL40.CHECK .label {
        width: 40%;
    }

    .DTG .DL40 .code,
    .DL40 .DTG .code,
    .RADIOS .DL40 .code,
    .DL40 .RADIOS .code,
    .CHECK .DL40 .code,
    .DL40 .CHECK .code,
    .DL40.DTG .code,
    .DL40.RADIOS .code,
    .DL40.CHECK .code {
        width: 60%;
    }

    .DL33 {
        width: 33%;
        clear: none;
        float: left;
    }

    .DTG .DL33 .label,
    .DL33 .DTG .label,
    .DL33 .RADIOS .label,
    .DL33 .CHECK .label,
    .DL33.DTG .label,
    .DL33.RADIOS .label,
    .DL33.CHECK .label {
        width: 48%;
    }

    .DTG .DL33 .code,
    .DL33 .DTG .code,
    .RADIOS .DL33 .code,
    .DL33 .RADIOS .code,
    .CHECK .DL33 .code,
    .DL33 .CHECK .code,
    .DL33.DTG .code,
    .DL33.RADIOS .code,
    .DL33.CHECK .code {
        width: 52%;
    }

    .DL30 {
        width: 30%;
        clear: none;
        float: left;
    }

    .DTG .DL30 .label,
    .DL30 .DTG .label,
    .DL30 .RADIOS .label,
    .DL30 .CHECK .label,
    .DL30.DTG .label,
    .DL30.RADIOS .label,
    .DL30.CHECK .label {
        width: 53%;
    }

    .DTG .DL30 .code,
    .DL30 .DTG .code,
    .RADIOS .DL30 .code,
    .DL30 .RADIOS .code,
    .CHECK .DL30 .code,
    .DL30 .CHECK .code,
    .DL30.DTG .code,
    .DL30.RADIOS .code,
    .DL30.CHECK .code {
        width: 47%;
    }

    .DL25 {
        width: 25%;
        clear: none;
        float: left;
    }

    .DTG .DL25 .label,
    .DL25 .DTG .label,
    .DL25 .RADIOS .label,
    .DL25 .CHECK .label,
    .DL25.DTG .label,
    .DL25.RADIOS .label,
    .DL25.CHECK .label {
        width: 64%;
    }

    .DTG .DL25 .code,
    .DL25 .DTG .code,
    .RADIOS .DL25 .code,
    .DL25 .RADIOS .code,
    .CHECK .DL25 .code,
    .DL25 .CHECK .code,
    .DL25.DTG .code,
    .DL25.RADIOS .code,
    .DL25.CHECK .code {
        width: 36%;
    }

    .flex>.flex-5 {
        flex: 5;
        min-width: calc(5% - 20px);
    }

    .PARALLAX>.flex-5 {
        min-width: 5%;
    }

    .flex>.flex-10 {
        flex: 10;
        min-width: calc(10% - 20px);
    }

    .PARALLAX>.flex-10 {
        min-width: 10%;
    }

    .flex>.flex-15 {
        flex: 15;
        min-width: calc(15% - 20px);
    }

    .PARALLAX>.flex-15 {
        min-width: 15%;
    }

    .flex>.flex-20 {
        flex: 20;
        min-width: calc(20% - 20px);
    }

    .PARALLAX>.flex-20 {
        min-width: 20%;
    }

    .flex>.flex-25 {
        flex: 25;
        min-width: calc(25% - 20px);
    }

    .PARALLAX>.flex-25 {
        min-width: 25%;
    }

    .flex>.flex-30 {
        flex: 30;
        min-width: calc(30% - 20px);
    }

    .PARALLAX>.flex-30 {
        min-width: 30%;
    }

    .flex>.flex-35 {
        flex: 35;
        min-width: calc(35% - 20px);
    }

    .PARALLAX>.flex-35 {
        min-width: 35%;
    }

    .flex>.flex-40 {
        flex: 40;
        min-width: calc(40% - 20px);
    }

    .PARALLAX>.flex-40 {
        min-width: 40%;
    }

    .flex>.flex-45 {
        flex: 45;
        min-width: calc(45% - 20px);
    }

    .PARALLAX>.flex-45 {
        min-width: 45%;
    }

    .flex>.flex-50 {
        flex: 50;
        min-width: calc(50% - 20px);
    }

    .PARALLAX>.flex-50 {
        min-width: 50%;
    }

    .flex>.flex-55 {
        flex: 55;
        min-width: calc(55% - 20px);
    }

    .PARALLAX>.flex-55 {
        min-width: 55%;
    }

    .flex>.flex-60 {
        flex: 60;
        min-width: calc(60% - 20px);
    }

    .PARALLAX>.flex-60 {
        min-width: 60%;
    }

    .flex>.flex-65 {
        flex: 65;
        min-width: calc(65% - 20px);
    }

    .PARALLAX>.flex-65 {
        min-width: 65%;
    }

    .flex>.flex-70 {
        flex: 70;
        min-width: calc(70% - 20px);
    }

    .PARALLAX>.flex-70 {
        min-width: 70%;
    }

    .flex>.flex-75 {
        flex: 75;
        min-width: calc(75% - 20px);
    }

    .PARALLAX>.flex-75 {
        min-width: 75%;
    }

    .flex>.flex-80 {
        flex: 80;
        min-width: calc(80% - 20px);
    }

    .PARALLAX>.flex-80 {
        min-width: 80%;
    }

    .flex>.flex-85 {
        flex: 85;
        min-width: calc(85% - 20px);
    }

    .PARALLAX>.flex-85 {
        min-width: 85%;
    }

    .flex>.flex-90 {
        flex: 90;
        min-width: calc(90% - 20px);
    }

    .PARALLAX>.flex-90 {
        min-width: 90%;
    }

    .flex>.flex-95 {
        flex: 95;
        min-width: calc(95% - 20px);
    }

    .PARALLAX>.flex-95 {
        min-width: 95%;
    }

    .flex>.flex-100 {
        flex: 100;
        min-width: calc(100% - 20px);
    }

    .PARALLAX>.flex-100 {
        min-width: 100%;
    }

    .breadcrumb+.CONTENU .PAGES {
        margin-top: 20px;
    }

    .PAGES .ACCROCHE>p,
    .PAGES .DESCRIPTION>p {
        text-align: justify;
    }

    .DESCRIPTION .ITEM-ACCROCHE p {
        text-align: initial;
    }

    .itemEtb {
        margin: 40px 20px;
    }

    .content_bleu {
        padding-top: 50px;
        padding-bottom: 50px;
        overflow: initial !important;
    }

    .accrocheOrg p {
        text-align: justify;
    }

    .home .CONTENEUR .formitem {
        margin: 0 10px;
    }
}

@media all and (max-width: 1240px) {
    .CONTENU {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-around;
        align-items: center;
    }

    .CONTENU>div {
        flex: 100%;
    }

    .PAGES {
        order: 2;
    }

    .cGAUCHE {
        order: 4;
    }

    .cDROITE {
        order: 6;
    }

    .noResp {
        display: none !important;
    }

    .h1-like .dropdown [class*="dropdown-button"] {
        width: 35px;
        max-width: 35px;
        overflow: hidden;
    }

    .nav-toggle:before {
        color: #263032;
        width: 1.3em;
        font-size: 2em;
        text-align: center;
        line-height: 1.3em;
        margin-right: 0;
        padding: .15em;
        float: right;
    }

    nav {
        position: relative;
    }

    .slideMenu {
        transition: all .4s ease-in-out;
    }

    .lienServices.lienSecondairePlein {
        margin-right: 20px !important;
    }

    .Modules.bloc_dates {
        width: 100%;
    }

    .slider_etablissement .framing {
        display: block;
        height: 28vw !important;
        transform: scale(1) !important;
        width: 100%;
        height: 100%;
    }
}

@media all and (max-width: 900px) {
    .bloc_alerteCookies .HTML {
        width: 90%;
        margin: 0 auto;
    }

    p img,
    td img {
        height: auto;
    }

    tr.table {
        display: table;
        width: 100%;
    }

    td.row {
        display: table-row;
        width: 100%;
    }

    td.row>div {
        width: 100%;
    }

    .noSmall {
        display: none !important;
    }

    .label label {
        margin-right: 0;
    }

    .formLabel,
    .formitem {
        display: block;
    }

    .label,
    .code,
    .mceEditor {
        width: 100% !important;
        display: block !important;
    }

    .flex>.flex-50,
    .flex>.flex-55,
    .flex>.flex-60,
    .flex>.flex-65,
    .flex>.flex-70,
    .flex>.flex-75,
    .flex>.flex-80,
    .flex>.flex-85,
    .flex>.flex-90,
    .flex>.flex-95,
    .flex>.flex-100 {
        min-width: calc(100% - 20px);
    }

    .order1 {
        order: 1;
    }

    .order2 {
        order: 2;
    }

    .order3 {
        order: 3;
    }

    .order4 {
        order: 4;
    }

    .order5 {
        order: 5;
    }

    .order6 {
        order: 6;
    }

    .order7 {
        order: 7;
    }

    .order8 {
        order: 8;
    }

    .order9 {
        order: 9;
    }

    .order10 {
        order: 10;
    }

    .bg-image {
        height: 50vw;
    }

    .menubtn a.btn {
        margin: 0 0 5px 0;
        clear: both;
        width: 100%;
        text-align: left;
    }

    .NavigPage .PAGENAVIGLIST {
        width: 100%;
        border-top: solid 1px #C4C4C4;
        border-bottom: solid 1px #C4C4C4;
    }

    .NavigPage .PAGENAVIGLIST button {
        width: 33%;
        padding: 4px;
        height: 35px;
        float: left;
    }

    .NavigPage .PAGENAVIGLIST button:before {
        width: 100%;
        text-align: center;
    }

    .NavigPage .PAGENAVIGLIST .taoicon-Tao-backlist {
        margin-left: 33%;
        border-left: solid 1px #C4C4C4;
        border-right: solid 1px #C4C4C4;
    }

    .NavigPage .PAGENAVIGLIST .taoicon-Tao-left+.taoicon-Tao-backlist {
        margin-left: 0;
    }

    .NavigPage .PAGENAVIGLIST .taoicon-Tao-right {
        border-left: solid 1px #C4C4C4;
    }

    .PAGES table {
        width: 100% !important;
        margin-bottom: 20px;
    }

    .bloc_clair {
        padding: 20px;
    }

    .ITEM {
        border-bottom: solid 1px #E0E0E0;
        padding-bottom: 15px;
    }

    .itemEtb.flex>.flex-5 {
        order: 1;
    }

    .itemEtb.flex>.favori {
        text-align: right;
    }

    .itemEtb.flex>.flex-90 {
        order: 2;
        flex: initial;
    }

    .kpi {
        height: 120px;
    }

    .slider_etablissement img {
        width: 100%;
        height: 100%;
        top: 0 !important;
        left: 0 !important;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .diapoPart .IMAGEPRINCIPALE {
        line-height: 100px;
        width: calc(50% - 20px);
        margin: 10px 5px;
    }
}

@media all and (max-width: 600px) {
    body {
        font-size: 13px;
    }

    .noSXS {
        display: none !important;
    }

    .PATH {
        overflow-x: scroll;
        white-space: nowrap;
        width: 100%;
    }

    h1,
    .h1-like {
        font-size: 30px;
        text-align: center;
    }

    h2,
    .h2-like {
        font-size: 25px;
    }

    h3,
    .h3-like {
        font-size: 22px;
    }

    h4,
    .h4-like {
        font-size: 18px;
    }

    .framingDefault .smallInfo.framing a,
    .framingDefault .smallInfo.framing button {
        padding-top: 800px;
    }

    .itemHorizontal.framingDefault .smallInfo.framing {
        width: 100%;
        margin: 0 0 20px 0;
    }

    .smallRubrique.framing a,
    .smallRubrique.framing button {
        padding-top: 800px;
    }

    .itemHorizontal .smallRubrique.framing {
        width: 100%;
        margin: 0 0 20px 0;
    }

    .itemDefault .ITEM-IMG {
        width: 100%;
    }

    .PAGES>.CODE-HTML,
    .PAGES>.CODE-HTML iframe {
        height: 200px;
    }

    input {
        white-space: break-spaces;
    }

    .ACTION a {
        white-space: normal;
    }

    .MenuGris a {
        clear: both;
        width: 100%;
        margin: 5px 0;
        font-size: 1em;
        padding: 2px 5px;
    }

    .formitem {
        min-width: calc(100% - 40px);
    }

    .formitem>div {
        min-width: 100%;
    }

    .flex>* {
        flex: 100;
    }

    .flex>.bloc {
        min-width: 100%;
    }

    .flex>.flex-5 {
        flex: 5;
    }

    .flex>.flex-10 {
        flex: 10;
    }

    .flex>.flex-15 {
        flex: 15;
    }

    .flex>.flex-20 {
        flex: 20;
    }

    .PARALLAX>.flex-5,
    .PARALLAX>.flex-10,
    .PARALLAX>.flex-15,
    .PARALLAX>.flex-20,
    .PARALLAX>.flex-25,
    .PARALLAX>.flex-30,
    .PARALLAX>.flex-35,
    .PARALLAX>.flex-40,
    .PARALLAX>.flex-45,
    .PARALLAX>.flex-50,
    .PARALLAX>.flex-55,
    .PARALLAX>.flex-60,
    .PARALLAX>.flex-65,
    .PARALLAX>.flex-70,
    .PARALLAX>.flex-75,
    .PARALLAX>.flex-80,
    .PARALLAX>.flex-85,
    .PARALLAX>.flex-90,
    .PARALLAX>.flex-95,
    .PARALLAX>.flex-100 {
        min-width: 100%;
    }

    .h1-like .dropdown [class*="dropdown-button"] {
        width: 25px;
    }

    .h1-like .taoicon-Tao-user~a {
        position: absolute;
        margin-left: 30px;
    }

    .lienServices.lienSecondairePlein {
        padding: 10px;
        width: calc(100% - 40px);
        float: left !important;
        margin: 20px !important;
    }

    * .PAGES {
        margin-top: 0;
    }

    [class*="lien"] {
        margin: 5px auto;
    }

    .espaceEsat {
        display: none;
    }

    .VOIRTOUT {
        display: block;
        margin-bottom: 20px;
    }

    .lienAction {
        clear: both;
        margin-left: 0 !important;
    }

    .tdFreePremium {
        font-size: 0.7em;
        width: 100px !important
    }

    .bloc_orga_metiers {
        padding: 15px;
    }

    .TYPE-VIDEO {
        min-height: 280px;
    }

    .TYPE-VIDEO .ITEM-IMG {
        height: 180px !important;
    }

    .bloc_orga_head h1 {
        font-size: 1.5em;
        clear: both;
    }

    .orga_content_top {
        margin: 20px 0 !important;
        max-width: 100% !important;
    }

    .slider_etablissement {
        height: 45vw;
    }

    .slider_etablissement .framing {
        height: 45vw !important;
    }

    .diapoPart {
        margin: 0 !important;
        max-width: 100%;
        width: 100%;
        min-height: 320px;
        text-align: center;
    }

    .diapoPart .IMAGEPRINCIPALE img {
        max-height: 70px;
        max-width: 100px;
        height: auto;
    }

    .home .CONTENEUR .formitem {
        min-width: 100%;
    }
}

@media all and (max-width: 1240px) and (min-width:600px) {

    .cpx-20,
    .cpx-21,
    .cpx-22,
    .cpx-23,
    .cpx-24,
    .cpx-25,
    .cpx-26,
    .cpx-27,
    .cpx-28,
    .cpx-29,
    .cpx-30 {
        width: 478px;
    }

    .Modules.cpx-20,
    .Modules.cpx-21,
    .Modules.cpx-22,
    .Modules.cpx-23,
    .Modules.cpx-24,
    .Modules.cpx-25,
    .Modules.cpx-26,
    .Modules.cpx-27,
    .Modules.cpx-28,
    .Modules.cpx-29,
    .Modules.cpx-30 {
        width: 518px;
    }

    .cpx-31,
    .cpx-32,
    .cpx-33,
    .cpx-34,
    .cpx-35,
    .cpx-36,
    .cpx-37,
    .cpx-38,
    .cpx-39,
    .cpx-40,
    .cpx-41,
    .cpx-42,
    .cpx-43,
    .cpx-44,
    .cpx-45,
    .cpx-46,
    .cpx-47,
    .cpx-48,
    .cpx-49,
    .cpx-50,
    .cpx-51,
    .cpx-52,
    .cpx-53,
    .cpx-54,
    .cpx-55,
    .cpx-56,
    .cpx-57,
    .cpx-58,
    .cpx-59,
    .cpx-60 {
        width: 995px;
    }

    .Modules.cpx-31,
    .Modules.cpx-32,
    .Modules.cpx-33,
    .Modules.cpx-34,
    .Modules.cpx-35,
    .Modules.cpx-36,
    .Modules.cpx-37,
    .Modules.cpx-38,
    .Modules.cpx-39,
    .Modules.cpx-40,
    .Modules.cpx-41,
    .Modules.cpx-42,
    .Modules.cpx-43,
    .Modules.cpx-44,
    .Modules.cpx-45,
    .Modules.cpx-46,
    .Modules.cpx-47,
    .Modules.cpx-48,
    .Modules.cpx-49,
    .Modules.cpx-50,
    .Modules.cpx-51,
    .Modules.cpx-52,
    .Modules.cpx-53,
    .Modules.cpx-54,
    .Modules.cpx-55,
    .Modules.cpx-56,
    .Modules.cpx-57,
    .Modules.cpx-58,
    .Modules.cpx-59,
    .Modules.cpx-60 {
        width: 1035px;
    }

    .slider_etablissement {
        height: 28vw;
    }

    .slider_etablissement .framing {
        height: 28vw !important;
    }
}

@media all and (min-width: 1240px) {
    .withColG .PAGES {
        width: calc(100% - 350px);
    }

    .withColD .PAGES {
        width: calc(100% - 320px);
    }

    .withColG.withColD .PAGES {
        width: calc(100% - 670px);
    }

    .cGAUCHE {
        width: 350px;
    }

    .cDROITE {
        width: 320px;
    }

    .noDesk {
        display: none !important;
    }

    .c1 {
        width: calc(1.667% - 40px);
    }

    .Modules.c1 {
        width: 1.667%;
    }

    .c2 {
        width: calc(3.333% - 40px);
    }

    .Modules.c2 {
        width: 3.333%;
    }

    .c3 {
        width: calc(5% - 40px);
    }

    .Modules.c3 {
        width: 5%;
    }

    .c4 {
        width: calc(6.667% - 40px);
    }

    .Modules.c4 {
        width: 6.667%;
    }

    .c5 {
        width: calc(8.333% - 40px);
    }

    .Modules.c5 {
        width: 8.333%;
    }

    .c6 {
        width: calc(10% - 40px);
    }

    .Modules.c6 {
        width: 10%;
    }

    .c7 {
        width: calc(11.667% - 40px);
    }

    .Modules.c7 {
        width: 11.667%;
    }

    .c8 {
        width: calc(13.333% - 40px);
    }

    .Modules.c8 {
        width: 13.333%;
    }

    .c9 {
        width: calc(15% - 40px);
    }

    .Modules.c9 {
        width: 15%;
    }

    .c10 {
        width: calc(16.667% - 40px);
    }

    .Modules.c10 {
        width: 16.667%;
    }

    .c11 {
        width: calc(18.333% - 40px);
    }

    .Modules.c11 {
        width: 18.333%;
    }


    .Modules.c12 {
        width: 20%;
    }

    .c13 {
        width: calc(21.667% - 40px);
    }

    .Modules.c13 {
        width: 21.667%;
    }

    .c14 {
        width: calc(23.333% - 40px);
    }

    .Modules.c14 {
        width: 23.333%;
    }

    .c15 {
        width: calc(25% - 40px);
    }

    .Modules.c15 {
        width: 25%;
    }

    .c16 {
        width: calc(26.667% - 40px);
    }

    .Modules.c16 {
        width: 26.667%;
    }

    .c17 {
        width: calc(28.333% - 40px);
    }

    .Modules.c17 {
        width: 28.333%;
    }

    .c18 {
        width: calc(30% - 40px);
    }

    .Modules.c18 {
        width: 30%;
    }

    .c19 {
        width: calc(31.667% - 40px);
    }

    .Modules.c19 {
        width: 31.667%;
    }

    .c20 {
        width: calc(33.333% - 40px);
    }

    .Modules.c20 {
        width: 33.333%;
    }

    .c21 {
        width: calc(35% - 40px);
    }

    .Modules.c21 {
        width: 35%;
    }

    .c22 {
        width: calc(36.667% - 40px);
    }

    .Modules.c22 {
        width: 36.667%;
    }

    .c23 {
        width: calc(38.333% - 40px);
    }

    .Modules.c23 {
        width: 38.333%;
    }

    .c24 {
        width: calc(40% - 40px);
    }

    .Modules.c24 {
        width: 40%;
    }

    .c25 {
        width: calc(41.667% - 40px);
    }

    .Modules.c25 {
        width: 41.667%;
    }

    .c26 {
        width: calc(43.333% - 40px);
    }

    .Modules.c26 {
        width: 43.333%;
    }

    .c27 {
        width: calc(45% - 40px);
    }

    .Modules.c27 {
        width: 45%;
    }

    .c28 {
        width: calc(46.667% - 40px);
    }

    .Modules.c28 {
        width: 46.667%;
    }

    .c29 {
        width: calc(48.333% - 40px);
    }

    .Modules.c29 {
        width: 48.333%;
    }

    .c30 {
        width: calc(50% - 40px);
    }

    .Modules.c30 {
        width: 50%;
    }

    .c31 {
        width: calc(51.667% - 40px);
    }

    .Modules.c31 {
        width: 51.667%;
    }

    .c32 {
        width: calc(53.333% - 40px);
    }

    .Modules.c32 {
        width: 53.333%;
    }

    .c33 {
        width: calc(55% - 40px);
    }

    .Modules.c33 {
        width: 55%;
    }

    .c34 {
        width: calc(56.667% - 40px);
    }

    .Modules.c34 {
        width: 56.667%;
    }

    .c35 {
        width: calc(58.333% - 40px);
    }

    .Modules.c35 {
        width: 58.333%;
    }

    .c36 {
        width: calc(60% - 40px);
    }

    .Modules.c36 {
        width: 60%;
    }

    .c37 {
        width: calc(61.667% - 40px);
    }

    .Modules.c37 {
        width: 61.667%;
    }

    .c38 {
        width: calc(63.333% - 40px);
    }

    .Modules.c38 {
        width: 63.333%;
    }

    .c39 {
        width: calc(65% - 40px);
    }

    .Modules.c39 {
        width: 65%;
    }

    .c40 {
        width: calc(66.667% - 40px);
    }

    .Modules.c40 {
        width: 66.667%;
    }

    .c41 {
        width: calc(68.333% - 40px);
    }

    .Modules.c41 {
        width: 68.333%;
    }

    .c42 {
        width: calc(70% - 40px);
    }

    .Modules.c42 {
        width: 70%;
    }

    .c43 {
        width: calc(71.667% - 40px);
    }

    .Modules.c43 {
        width: 71.667%;
    }

    .c44 {
        width: calc(73.333% - 40px);
    }

    .Modules.c44 {
        width: 73.333%;
    }

    .c45 {
        width: calc(75% - 40px);
    }

    .Modules.c45 {
        width: 75%;
    }

    .c46 {
        width: calc(76.667% - 40px);
    }

    .Modules.c46 {
        width: 76.667%;
    }

    .c47 {
        width: calc(78.333% - 40px);
    }

    .Modules.c47 {
        width: 78.333%;
    }

    .c48 {
        width: calc(80% - 40px);
    }

    .Modules.c48 {
        width: 80%;
    }

    .c49 {
        width: calc(81.667% - 40px);
    }

    .Modules.c49 {
        width: 81.667%;
    }

    .c50 {
        width: calc(83.333% - 40px);
    }

    .Modules.c50 {
        width: 83.333%;
    }

    .c51 {
        width: calc(85% - 40px);
    }

    .Modules.c51 {
        width: 85%;
    }

    .c52 {
        width: calc(86.667% - 40px);
    }

    .Modules.c52 {
        width: 86.667%;
    }

    .c53 {
        width: calc(88.333% - 40px);
    }

    .Modules.c53 {
        width: 88.333%;
    }

    .c54 {
        width: calc(90% - 40px);
    }

    .Modules.c54 {
        width: 90%;
    }

    .c55 {
        width: calc(91.667% - 40px);
    }

    .Modules.c55 {
        width: 91.667%;
    }

    .c56 {
        width: calc(93.333% - 40px);
    }

    .Modules.c56 {
        width: 93.333%;
    }

    .c57 {
        width: calc(95% - 40px);
    }

    .Modules.c57 {
        width: 95%;
    }

    .c58 {
        width: calc(96.667% - 40px);
    }

    .Modules.c58 {
        width: 96.667%;
    }

    .c59 {
        width: calc(98.333% - 40px);
    }

    .Modules.c59 {
        width: 98.333%;
    }

    .c60 {
        width: calc(100% - 40px);
    }

    .Modules.c60 {
        width: 100%;
    }

    .marginLeft {
        margin-left: calc(50% - 700px);
    }

    .marginRight {
        margin-right: calc(50% - 700px);
    }

    .paddingLeft {
        padding-left: calc(50% - 700px);
    }

    .paddingRight {
        padding-right: calc(50% - 700px);
    }

    .flex-100[class*="margin"] {
        min-width: 1400px;
    }

    .nav-toggle,
    .nav-toggle.toggle_anime {
        display: none;
        z-index: 201;
    }

    body.NEWS:not(.withColD) .PAGES {
        width: 1000px;
        margin-left: 200px;
    }

    body.NEWS.large .PAGES {
        width: 100%;
        margin-left: 0;
    }

    .listePJ .imgDiaporama {
        width: 1000px;
    }

    .ITEM-PICTOS .litePoles {
        display: inline-block;
        margin-top: 5px;
    }
}

@media all and (max-width: 1240px) and (min-width:900px) {

    .c1,
    .c2,
    .c3,
    .c4,
    .c5,
    .c6,
    .c7,
    .c8,
    .c9,
    .c10,
    .c11 {
        width: calc(20% - 40px);
    }

    .Modules.c1,
    .Modules.c2,
    .Modules.c3,
    .Modules.c4,
    .Modules.c5,
    .Modules.c6,
    .Modules.c7,
    .Modules.c8,
    .Modules.c9,
    .Modules.c10,
    .Modules.c11 {
        width: 20%;
    }

    .Modules.c12,
    .Modules.c13,
    .Modules.c14 {
        width: 25%;
    }

    .c15,
    .c16 {
        width: calc(30% - 40px);
    }

    .Modules.c15,
    .Modules.c16 {
        width: 30%;
    }

    .c17,
    .c18 {
        width: calc(33.33% - 40px);
    }

    .Modules.c17,
    .Modules.c18 {
        width: 33.33%;
    }

    .c19,
    .c20,
    .c21,
    .c22,
    .c23 {
        width: calc(40% - 40px);
    }

    .Modules.c19,
    .Modules.c20,
    .Modules.c21,
    .Modules.c22,
    .Modules.c23 {
        width: 40%;
    }

    .c24,
    .c25,
    .c26,
    .c27,
    .c28 {
        width: calc(50% - 40px);
    }

    .Modules.c24,
    .Modules.c25,
    .Modules.c26,
    .Modules.c27,
    .Modules.c28 {
        width: 50%;
    }

    .c29,
    .c30,
    .c31,
    .c32,
    .c33 {
        width: calc(60% - 40px);
    }

    .Modules.c29,
    .Modules.c30,
    .Modules.c31,
    .Modules.c32,
    .Modules.c33 {
        width: 60%;
    }

    .c34,
    .c35,
    .c36,
    .c37 {
        width: calc(70% - 40px);
    }

    .Modules.c34,
    .Modules.c35,
    .Modules.c36,
    .Modules.c37 {
        width: 70%;
    }

    .c38,
    .c39 {
        width: calc(75% - 40px);
    }

    .Modules.c38,
    .Modules.c39 {
        width: 75%;
    }

    .c40,
    .c41,
    .c42,
    .c43,
    .c44,
    .c45,
    .c46 {
        width: calc(80% - 40px);
    }

    .Modules.c40,
    .Modules.c41,
    .Modules.c42,
    .Modules.c43,
    .Modules.c44,
    .Modules.c45,
    .Modules.c46 {
        width: 80%;
    }

    .c47,
    .c48,
    .c49,
    .c50,
    .c51,
    .c52,
    .c53,
    .c54,
    .c55,
    .c56,
    .c57,
    .c58,
    .c59,
    .c60 {
        width: calc(100% - 40px);
    }

    .Modules.c47,
    .Modules.c48,
    .Modules.c49,
    .Modules.c50,
    .Modules.c51,
    .Modules.c52,
    .Modules.c53,
    .Modules.c54,
    .Modules.c55,
    .Modules.c56,
    .Modules.c57,
    .Modules.c58,
    .Modules.c59,
    .Modules.c60 {
        width: 100%;
    }

    .PAGES>.CODE-HTML,
    .PAGES>.CODE-HTML iframe {
        height: 500px;
    }

    .TYPE-VIDEO {
        min-height: 320px;
    }

    .TYPE-VIDEO .ITEM-IMG {
        height: 220px !important;
    }
}

@media all and (max-width: 900px) and (min-width:600px) {

    .c1,
    .c2,
    .c3,
    .c4,
    .c5,
    .c6,
    .c7,
    .c8 {
        width: calc(20% - 40px);
    }

    .Modules.c1,
    .Modules.c2,
    .Modules.c3,
    .Modules.c4,
    .Modules.c5,
    .Modules.c6,
    .Modules.c7,
    .Modules.c8 {
        width: 20%;
    }

    .c9,
    .c10 {
        width: calc(25% - 40px);
    }

    .Modules.c9,
    .Modules.c10 {
        width: 25%;
    }

    .Modules.c11,
    .Modules.c12 {
        width: 30%;
    }

    .c13,
    .c14 {
        width: calc(33.33% - 40px);
    }

    .Modules.c13,
    .Modules.c14 {
        width: 33.33%;
    }

    .c15,
    .c16,
    .c17 {
        width: calc(40% - 40px);
    }

    .Modules.c15,
    .Modules.c16,
    .Modules.c17 {
        width: 40%;
    }

    .c18,
    .c19,
    .c20,
    .c21 {
        width: calc(50% - 40px);
    }

    .Modules.c18,
    .Modules.c19,
    .Modules.c20,
    .Modules.c21 {
        width: 50%;
    }

    .c22,
    .c23,
    .c24,
    .c25 {
        width: calc(60% - 40px);
    }

    .Modules.c22,
    .Modules.c23,
    .Modules.c24,
    .Modules.c25 {
        width: 60%;
    }

    .c26,
    .c27 {
        width: calc(70% - 40px);
    }

    .Modules.c26,
    .Modules.c27 {
        width: 70%;
    }

    .c28,
    .c29 {
        width: calc(75% - 40px);
    }

    .Modules.c28,
    .Modules.c29 {
        width: 75%;
    }

    .c30,
    .c31,
    .c32,
    .c33,
    .c34 {
        width: calc(80% - 40px);
    }

    .Modules.c30,
    .Modules.c31,
    .Modules.c32,
    .Modules.c33,
    .Modules.c34 {
        width: 80%;
    }

    .c35,
    .c36,
    .c37,
    .c38,
    .c39,
    .c40,
    .c41,
    .c42,
    .c43,
    .c44,
    .c45,
    .c46,
    .c47,
    .c48,
    .c49,
    .c50,
    .c51,
    .c52,
    .c53,
    .c54,
    .c55,
    .c56,
    .c57,
    .c58,
    .c59,
    .c60 {
        width: calc(100% - 40px);
    }

    .Modules.c35,
    .Modules.c36,
    .Modules.c37,
    .Modules.c38,
    .Modules.c39,
    .Modules.c40,
    .Modules.c41,
    .Modules.c42,
    .Modules.c43,
    .Modules.c44,
    .Modules.c45,
    .Modules.c46,
    .Modules.c47,
    .Modules.c48,
    .Modules.c49,
    .Modules.c50,
    .Modules.c51,
    .Modules.c52,
    .Modules.c53,
    .Modules.c54,
    .Modules.c55,
    .Modules.c56,
    .Modules.c57,
    .Modules.c58,
    .Modules.c59,
    .Modules.c60 {
        width: 100%;
    }

    .PAGES>.CODE-HTML,
    .PAGES>.CODE-HTML iframe {
        height: 340px;
    }

    .lienServices.lienSecondairePlein {
        padding: 10px;
        width: 540px;
        float: none !important;
        margin: 20px auto !important;
        display: block;
        clear: both;
    }

    .itemVertical {
        width: calc(50% - 40px);
    }

    .TYPE-VIDEO {
        min-height: 240px;
    }

    .TYPE-VIDEO .ITEM-IMG {
        height: 140px !important;
    }
}

@media all and (max-width: 600px) and (min-width:400px) {

    .c1,
    .c2,
    .c3,
    .c4,
    .c5 {
        width: calc(20% - 40px);
    }

    .Modules.c1,
    .Modules.c2,
    .Modules.c3,
    .Modules.c4,
    .Modules.c5 {
        width: 20%;
    }

    .c6,
    .c7 {
        width: calc(25% - 40px);
    }

    .Modules.c6,
    .Modules.c7 {
        width: 25%;
    }

    .c8 {
        width: calc(30% - 40px);
    }

    .Modules.c8 {
        width: 30%;
    }

    .c9 {
        width: calc(33.33% - 40px);
    }

    .Modules.c9 {
        width: 33.33%;
    }

    .c10,
    .c11 {
        width: calc(40% - 40px);
    }

    .Modules.c10,
    .Modules.c11 {
        width: 40%;
    }

    .c12,
    .c13,
    .c14 {
        width: calc(50% - 40px);
    }

    .Modules.c12,
    .Modules.c13,
    .Modules.c14 {
        width: 50%;
    }

    .c15,
    .c16 {
        width: calc(60% - 40px);
    }

    .Modules.c15,
    .Modules.c16 {
        width: 60%;
    }

    .c17,
    .c18 {
        width: calc(70% - 40px);
    }

    .Modules.c17,
    .Modules.c18 {
        width: 70%;
    }

    .c19 {
        width: calc(75% - 40px);
    }

    .Modules.c19 {
        width: 75%;
    }

    .c20,
    .c21,
    .c22,
    .c23 {
        width: calc(80% - 40px);
    }

    .Modules.c20,
    .Modules.c21,
    .Modules.c22,
    .Modules.c23 {
        width: 80%;
    }

    .c24,
    .c25,
    .c26,
    .c27,
    .c28,
    .c29,
    .c30,
    .c31,
    .c32,
    .c33,
    .c34,
    .c35,
    .c36,
    .c37,
    .c38,
    .c39,
    .c40,
    .c41,
    .c42,
    .c43,
    .c44,
    .c45,
    .c46,
    .c47,
    .c48,
    .c49,
    .c50,
    .c51,
    .c52,
    .c53,
    .c54,
    .c55,
    .c56,
    .c57,
    .c58,
    .c59,
    .c60 {
        width: calc(100% - 40px);
    }

    .Modules.c24,
    .Modules.c25,
    .Modules.c26,
    .Modules.c27,
    .Modules.c28,
    .Modules.c29,
    .Modules.c30,
    .Modules.c31,
    .Modules.c32,
    .Modules.c33,
    .Modules.c34,
    .Modules.c35,
    .Modules.c36,
    .Modules.c37,
    .Modules.c38,
    .Modules.c39,
    .Modules.c40,
    .Modules.c41,
    .Modules.c42,
    .Modules.c43,
    .Modules.c44,
    .Modules.c45,
    .Modules.c46,
    .Modules.c47,
    .Modules.c48,
    .Modules.c49,
    .Modules.c50,
    .Modules.c51,
    .Modules.c52,
    .Modules.c53,
    .Modules.c54,
    .Modules.c55,
    .Modules.c56,
    .Modules.c57,
    .Modules.c58,
    .Modules.c59,
    .Modules.c60 {
        width: 100%;
    }

    .itemInfo.framingDefault .smallInfo.framing {
        height: calc((460px - 40px) * 0.63)
    }

    .itemInfo .smallRubrique.framing {
        height: calc((460px - 40px) * 0.59)
    }

    .PAGES>#results {
        margin: 10px 20px;
    }

    .ITEM {
        width: 100%;
    }
}

@media all and (max-width: 400px) {
    .itemInfo.framingDefault .smallInfo.framing {
        height: calc((100vw - 40px) * 0.63);
    }

    .itemInfo .smallRubrique.framing {
        height: calc((100vw - 40px) * 0.59);
    }
}