@charset "utf-8";
/* CSS Document */

/*  rouge : #e75480; violet : #000578;  */

@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

/* HubSpot */

.hbspt-form {
    margin-top: 20px;
}

.pulsating-circle {
    position: absolute;
    display: inline;
    left: 0;
    bottom: 0;
    transform: translateX(-50%) translateY(-50%);
    width: 20px;
    height: 20px;
    color: #FFF;

    &:before {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        display: inline;
        width: 100%;
        height: 100%;
        background-color: #e75480;
        border-radius: 15px;
        box-shadow: 0 0 8px rgba(0, 0, 0, .3);
        animation: pulse-dot 1.25s cubic-bezier(0.455, 0.03, 0.515, 0.955) -.4s infinite;
    }

    &:after {
        content: '!';
        position: absolute;
        left: 7.5px;
        bottom: -1px;
        display: inline;
        width: 100%;
        height: 100%;
    }
}

.pulsating-circle-moved {
    position: absolute;
    display: inline;
    left: 11px;
    bottom: -8px;
    transform: translateX(-50%) translateY(-50%);
    width: 20px;
    height: 20px;
    color: #FFF;

    &:before {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        display: inline;
        width: 100%;
        height: 100%;
        background-color: #e75480;
        border-radius: 15px;
        box-shadow: 0 0 8px rgba(0, 0, 0, .3);
        animation: pulse-dot 1.25s cubic-bezier(0.455, 0.03, 0.515, 0.955) -.4s infinite;
    }

    &:after {
        content: '!';
        position: absolute;
        left: 8px;
        bottom: 0px;
        display: inline;
        width: 100%;
        height: 100%;
    }
}

@keyframes pulse-ring {
    0% {
        transform: scale(.33);
    }

    80%,
    100% {
        opacity: 0;
    }
}

@keyframes pulse-dot {
    0% {
        transform: scale(.8);
    }

    50% {
        transform: scale(1);
    }

    100% {
        transform: scale(.8);
    }
}

.hide-pulsating-circle {
    display: none;
}



body.webview {
    background: #F5F5F5;
    margin: 2rem !important;
    padding: 0 !important;
    font-weight: 300;
}

body.webview .form-input {
    border-radius: 0.5rem !important;
}

body.webview .center {
    margin: 2rem auto;
    max-width: 600px;
    padding: 0 !important;
}


#bandeau-alerte {

    padding: 1px;
    position: relative;
    background: #F8F8F8;
    border-bottom: 1px solid #DDD;

}


.label_infos,
.label_infos.text {
    font-size: 90%;
    font-weight: 300;
    padding: 0.5rem 1.5rem;
    box-sizing: border-box;
    border: 1px solid #E2E4E6;
    border-radius: 0 0 0.4rem 0.4rem;
    margin: -0.7rem 0 0.6rem 0;
    border-top: none;
    display: none;
}

.toggleLabelOptions {
    cursor: pointer;
    pointer-events: fill;
    font-size: 75%;
}

.label_for_options {
    margin: 0.5rem 0;
    padding-bottom: 1rem;
    box-sizing: border-box;
}

.label_for_options,
.label_infos {
    max-width: 640px;
    min-width: 30rem;
    width: calc(100vw - 6rem);
}

#typeform .errorForm {
    font-weight: 600;
    color: #e75480;
    font-size: 90%;
    margin: 0;
}

#progress-bar-form {
    background: #EAEBEC;
    height: 5px;
    top: -1rem;
    width: 100%;
    border-radius: 0.4rem;
    margin: 0;
    position: absolute;
}

#progress-bar-form div {
    background: #A2A4A6;
    width: 0;
    height: 100%;
    border-radius: 0.4rem;
    top: 0;
    left: 0;
    transition: width 0.25s;
}

#typeform form {
    display: block !important;
    width: 100%;
}

#typeform {
    min-height: 10em;
    display: flex;
    flex-wrap: wrap;
    position: relative;
    max-width: 720px;
}

#typeform article {
    font-weight: 400;
    width: 100%;
    max-width: 750px;
    margin: auto 0;
    font-size: 90%;
    opacity: 0;
    position: absolute;
    z-index: 1;
    transform: translateY(2rem);
    transition: opacity 0.2s, transform 0.2s;
    pointer-events: none;
    max-height: 10em;
    overflow: hidden;
}

#typeform p.buttons {
    margin-top: 1em;
}

#typeform .buttons a {
    transition: all 0.25s;
}

#typeform .buttons.choice a {
    display: block;
    margin: 0.4em 0;
    color: #e75480;
    border: 1px solid #e75480;
    background: #FFF;
}

#typeform .buttons.choice a:hover {
    color: #000578;
    border: 1px solid #000578;
    background: #FFF;
}

#typeform .buttons.choice a.actif {
    display: block;
    margin: 0.4em 0;
    background: #000578;
    color: #FFF;
    border: 1px solid #000578;
}

#typeform article.open {
    position: relative;
    opacity: 1;
    transform: translateY(-0.5rem);
    pointer-events: fill;
    transition: opacity 0.6s, transform 0.6s;
    z-index: 3;
    max-height: 30000px;
    overflow: visible;
}

#typeform article h2 {
    margin: 0.5em 0 0.5em 0;
}

#typeform article h3 {
    margin: 0.8em 0 0.5em 0;
    font-size: 120%;
    font-weight: 600;
    color: #e75480;
}

#typeform article h4 {
    margin: 1em 0 0.5em 0;
    font-size: 110%;
    font-weight: 500;
}

#typeform article p {
    margin: 0.9em 0;
}

#typeform .flex {
    display: flex;
}

#typeform p.legende.#e75480 {
    color: #e75480;
}

#typeform .flex .champ.small {
    width: 40%;
    max-width: 12rem;
    margin-right: 0.4rem;
}

.toggleShowPasswd {
    position: absolute;
    width: 1.8em;
    height: 1.8em;
    background: no-repeat center center url(../images/pictos/eye-on.svg);
    background-size: 1.4em;
    opacity: 0.8;
    right: 0;
    top: 50%;
    margin: -0.9em 0.5em;
}

.viewed .toggleShowPasswd {
    background-image: url(../images/pictos/eye-off.svg);
}

#typeform p.buttons a.prevSlide {
    width: 2.6em;
    position: relative;
}

#typeform p.buttons a.prevSlide span {
    font-size: 220%;
    font-weight: 500;
    position: absolute;
    width: 100%;
    line-height: 1em;
    top: 50%;
    margin-top: -0.6em;
    left: 0;
    text-align: center;
}

#typeform p.buttons a {
    line-height: 80%;
}

#typeform p.buttons a.enterPress {
    background: none;
    border-color: transparent;
    pointer-events: none;
    color: #666;
    font-size: 75%;
    font-weight: 500;
}

#typeform p.legende {
    color: #666;
    font-size: 70%;
    font-weight: 500;
    margin: -0.2em 0 1.5em 0;
}

#typeform .champ {
    resize: none;
    border-radius: 0.4em;
    margin: 0.2rem 0;
    display: block;
    border-width: 2px;
}

#typeform .champ:focus {
    border-color: #333;
}

#typeform .champ.error:focus {
    border-color: #e75480;
}

#typeform textarea.champ {
    height: 6em;
}

a.archiver {
    position: absolute;
    z-index: 6;
    width: 2.8rem;
    height: 2.8rem;
    box-sizing: border-box;
    right: 1rem;
    border-radius: 0.3rem;
    border: 1px solid rgba(0, 0, 0, 0.08);
    background: #FFF no-repeat center center url(../images/pictos/archiver.svg);
    background-size: cover;
    background-color: #FFFA;
}

p.button-hype-header {
    margin-top: 2.8rem;
}

p.button-hype-header a {
    display: inline-block;
    color: #e75480 !important;
    background: #FFF no-repeat right center url(../images/hype-gif.gif);
    background-size: contain;
    border-radius: 3rem;
    padding: 0.7em 3.4em 0.7em 1em;
    font-weight: 500;
    font-size: 90%;
}

#bandeau-alerte .border {
    background: #FFF;
    margin: -10px 0;
    padding: 0.5em 2em;
    border-radius: 0.4em;
    box-shadow: 0 0 1.2rem rgba(0, 0, 0, 0.08);
}

#bandeau-alerte p {
    margin: 1.5em 0;
    color: #222;
    font-weight: 500;
}

html,
body {
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
}

body.noOverFlow {
    overflow: hidden;
}

#overlayAvisCloser {
    position: fixed;
    right: 1rem;
    top: 1rem;
    width: 2.2rem;
    height: 2.2rem;
    line-height: 2.2rem;
    font-size: 120%;
    font-weight: 500;
    text-align: center;
    background: rgba(0, 0, 0, 0.7);
    border-radius: 100%;
    color: #FFF;
    text-decoration: none;
}

#overlayAvis {
    position: fixed;
    transition: all 0.25s;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7) no-repeat center;
    z-index: 9999;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding: 3rem 1.5rem;
    box-sizing: border-box;
}

#overlayAvis.loading {
    opacity: 0.3;
    background-color: #000;
    background-image: url(../images/loader.gif);
    transition: all 0.4s;
}

#overlayAvis .encart_formation a.button {
    position: relative;
    z-index: 10;
    display: inline-block;
    color: #e75480;
    border: 1px solid #e75480;
    font-weight: 500;
    border-radius: 5px;
}

#overlayAvis .encart_formation.en_cours a.button {
    color: #FFF;
    border-color: #FFF;
}

body.exportStats .col.large canvas {
    pointer-events: fill;
}

body.exportStats canvas {
    pointer-events: none;
}

#account_not_valid {
    display: none;
    padding: 1px;
    border-radius: 0.5em;
    background: #f1f1df;
    font-size: 90%;
    margin-bottom: 3rem;
}

#account_not_valid .wrap {
    margin: 2rem;
}

#account_not_valid h3 {
    margin: 0.5rem 0;
    font-weight: 600;
    font-size: 115%;
    line-height: 125%;
}

#account_not_valid p {
    margin: 0.5rem 0;
    font-weight: 400;
    line-height: 125%;
}

#account_not_valid p.small {
    font-size: 90%;
}

#account_not_valid p.buttons {
    font-size: 80%;
    margin-top: 0.9rem;
}

#account_not_valid p.buttons a {
    padding: 0.55em 0.6em 0.5em 0.6em;
}

.encart_cpf {
    padding: 1px;
    background: #FFF;
    font-size: 75%;
    margin: 1em -1.5rem;
    box-shadow: 0 0 25px rgba(0, 0, 0, 0.03);
}

.encart_cpf .wrap {
    margin: 1.5rem;
    position: relative;
    padding-right: 40%;
}

.encart_cpf .previewVideo {
    position: absolute;
    margin: 0;
    right: 0;
    top: 0;
    width: calc(40% - 1em);
    height: 100%;
    padding: 0;
    max-height: 16em;
}

.avis-comment {
    padding: 1px;
    margin: 0.8em auto;
    max-width: 520px;
    border-radius: 0.3em;
    box-sizing: border-box;
    background: #FFF;
    transition: opacity 0.4s;
}

.avis-comment .wrap {
    margin: 1em;
}

.loading .avis-comment {
    opacity: 0;
}

#top_msg {
    position: fixed;
    top: 1em;
    padding: 0.9em 1em;
    border-radius: 3px;
    background: #000578;
    color: #FFF;
    max-width: 400px;
    font-size: 90%;
    line-height: 130%;
    left: 50%;
    text-align: center;
    box-sizing: border-box;
    transform: translateX(-50%);
    font-weight: 500;
    z-index: 99999;
    opacity: 0;
    box-shadow: 0 0 6px 1px rgba(0, 0, 0, 0.15);
}

sup {
    font-size: 66%;
    line-height: 0;
}

body {
    font-family: Montserrat, Arial, Helvetica, sans-serif;
    font-weight: 400;
    margin: 0;
    font-size: 18px;
    background: #FFF;
    color: #222;
    background-attachment: fixed;
}

.form-input,
input,
.champ {
    font-family: Montserrat, Arial, Helvetica, sans-serif;
    font-weight: 400;
    font-size: 100%;
}

input,
select {
    font-family: Montserrat, Arial, Helvetica, sans-serif;
    font-size: 100%;
    font-weight: 400;
}

.table .tableWrap {
    overflow: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
}

h1,
.h1 {
    font-size: 160%;
    margin: 1.2em 0 0.8em 0;
    line-height: 120% !important;
}

h2,
.h2 {
    font-size: 145%;
    margin: 1.2em 0 0.7em 0;
    line-height: 125% !important;
}

h3,
.h3 {
    font-size: 120%;
    margin: 1.2em 0 0.6em 0;
    line-height: 130% !important;
}

h4,
.h4 {
    font-size: 100%;
    margin: 1.2em 0 0.5em 0;
    line-height: 130% !important;
}

h5,
.h5 {
    font-size: 100%;
    margin: 1.2em 0 0.5em 0;
    line-height: 130% !important;
    color: #777;
}

a.pdf-button {
    background: #FFF no-repeat 0.7em center url(../images/pictos/acrobat.svg);
    background-size: 1.4em;
    display: block;
    color: #333;
    font-weight: 500;
    font-size: 80%;
    white-space: nowrap;
    padding: 0.3em 0.6em 0.3em 2.6em;
    overflow: hidden;
    text-overflow: ellipsis;
}

.introduction-filiere {
    font-weight: 300;
    line-height: 140%;
}

.introduction-filiere h2,
.introduction-filiere h3,
.introduction-filiere h4,
.introduction-filiere h5 {
    font-weight: 500 !important;
}

.box {
    background: #F2F2F2;
    background: rgba(0, 0, 0, 0.05);
    padding: 0.8em;
    border-radius: 20px;
}

.grey .box {
    background: #FFF;
}

div.white {
    background: #FFF;
    padding: 0.8em;
}

p.white {
    color: #FFF
}

div.impact-week {
    background-color: #050c41;
    border-radius: 30px;
    color: white;
    padding: 0.5rem
}

.button-ia a {
    color: white;
    font-weight: 700;
    border: 2px solid white;
    border-radius: 30px;
    padding: 0.5rem 1rem;
}

.button-ia a:hover {
    color: white
}

.box.redBox {
    border: 3px solid #e75480;
    background: none !important;
    color: #e75480;
    font-weight: 400;
}

.faq .question {
    background: #FFF;
    padding: 1px 0;
    margin: 0.5em 0;
    position: relative;
    cursor: pointer;
}

.faq .question p {
    margin: 1.1em 1.4em;
    display: none;
}

.faq .question.open p {
    display: block;
}

.faq .question.open:before {
    display: none;
}

.faq .question h4 {
    margin: 0 !important;
    padding: 1em 1.4em;
    position: relative;
    z-index: 4;
    font-size: 100%;
    color: #e75480;
}

.faq .question.open h4 {
    border-bottom: 1px solid #E2E4E6;
}

.paveEval,
.introForm {
    background: #FFF;
    border: 1px solid #E5E6E7;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.08);
    font-size: 80%;
    margin: 1em 0;
}

.paveEval h4 {
    padding: 16px 20px;
    margin: 0 !important;
    background: #FFF;
    border-bottom: 1px solid #E5E6E7;
}

.paveEval h5 {
    font-size: 100% !important;
    color: #000;
    margin: 15px 20px !important;
}

.paveEval textarea {
    margin: 0 !important;
    resize: none;
}

.paveEval p {
    margin: 15px 20px !important;
}

.paveEval .champ {
    font-size: 15px !important;
    padding: 9px;
}

.block-charte {
    padding: 1px;
    background: #FFF;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.08);
    margin: 2.5em 0;
}

.block-charte .wrap {
    margin: 2em;
    position: relative;
    padding-left: 4.6em;
}

.block-charte .wrap .step {
    position: absolute;
    left: 0;
    top: 0;
    margin: 0.1em;
    font-size: 150%;
    height: 1.7em;
    line-height: 1.8em;
    width: 1.7em;
    text-align: center;
    font-weight: 500;
    border-radius: 3px;
    border: 2px solid #e75480;
    color: #e75480;
}

.block-charte+.block-charte {
    margin-top: -1em;
}

#form_ebook {
    margin: 3em 0 2em 0;
    padding-left: 40%;
    position: relative;
    min-height: 20em;
}

#form_ebook img.picture {
    width: 60%;
    right: 62%;
    position: absolute;
    margin: -1em 1em 0 0;
    height: auto;
    max-width: 30em;
    top: 0;
}

#form_ebook .message {
    background: #FFF;
    font-weight: 500;
    padding: 1em;
    border-radius: 4px;
}

.paveEval table {
    width: 100%;
    border-collapse: collapse;
}

.paveEval table th {
    font-size: 75%;
    color: #777;
    line-height: 115%;
    padding: 10px 0;
    height: 25px;
    font-weight: 600;
}

.paveEval table td {
    border: 1px solid #E5E6E7;
    border-width: 1px 0;
    padding: 6px 20px;
    height: 36px;
    line-height: 110%;
}

.paveEval table td strong {
    font-weight: 400;
}

.paveEval table td.error {
    color: #e75480;
}

.rse-block {
    padding: 1px;
    background: #FFF;
    margin: 2.5em 0;
}

.rse-block h3 {
    font-size: 110% !important;
}

.rse-block .wrap {
    margin: 2.5em;
}

.rse-block.has-logo .wrap {
    padding-left: 13.5em;
    position: relative;
}

.rse-block.has-logo .wrap img {
    position: absolute;
    width: 11.5em;
    height: auto;
    left: 0;
    top: 0;
    top: calc(50%);
    transform: translateY(-50%);
}

.left-pannel-formateur h2,
.right-pannel-formateur h2 {
    margin-top: 2em !important;
    margin-bottom: 1em !important;
    opacity: 0.5;
    font-size: 85% !important;
    font-weight: 600 !important;
}

.left-pannel-formateur {
    float: left;
    width: 66.7%;
    padding-right: 0.75em;
    box-sizing: border-box;
}

.left-pannel-formateur .content {
    padding: 1px;
    background: #FFF;
}

.right-pannel-formateur {
    float: right;
    width: 33.3%;
    padding-left: 0.75em;
    box-sizing: border-box;
}

.right-pannel-formateur .col-stats .col.small {
    width: 100%;
}

.left-pannel-formateur,
.right-pannel-formateur {
    margin-top: -2em;
}

.intervenant {
    padding: 15px 25px;
    background-color: white
}

.intervenant img {
    border-radius: 50%;
    width: 150px;
    float: left;
    margin-right: 15px
}

.encart_competences {
    border: 3px solid #e75480;
    color: #e75480;
    padding: 1px;
    font-weight: 400;
    margin: 2.5em 0;
}

.encart_competences .wrap {
    margin: 1.4em 1.6em;
}

.encart_competences .wrap h3 {
    margin-top: 0 !important;
}

#session_detail h2 {
    line-height: 1.3em;
    font-size: 160%;
    max-width: 1200px;
    font-weight: 700;
    margin-bottom: 1em;
    color: #000;
    position: relative;
}

#session_detail h2 strong {
    float: left;
    margin-top: 0.5em;
    line-height: 1.4em;
    height: 1.3em;
    padding: 0 0.25em;
    background: #999;
    border-radius: 0.2em;
    font-weight: 700;
    color: #FFF;
    margin-left: 0.5em;
}

#session_detail h3 {
    font-size: 90%;
    font-weight: 500;
    margin: 1em 0;
}

#session_detail h3 em {
    font-weight: 400;
}

#session_detail h3 span {
    float: left;
}

#session_detail h3 span.note {
    margin-left: 1em;
}

#session_detail h3 span.encart {
    margin-right: 0.5em;
    border: 2px solid #000;
    border-radius: 0.4em;
    padding: 0 0.4em;
}

#session_detail h4 {
    font-size: 90%;
    margin: 1em 0;
}

#session_detail .localisation {
    background: #F0F0F0;
    font-size: 80%;
    padding: 1em 1em 1em 5rem;
    margin-top: 2em;
    border-radius: 0.3rem;
    position: relative;
}

#session_detail .localisation p {
    margin: 0;
    line-height: 120%;
    color: #333;
}

#session_detail .localisation p strong {
    font-weight: 400;
    color: #000;
}

#session_detail .localisation span.picto {
    width: 4rem;
    border-right: 1px solid #E6E6E6;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    height: 100%;
    background: url(../images/pictos/location.svg) center center no-repeat;
    background-size: 1.6em;
}

#form_options_formation .open .description {
    display: block;
}

#form_options_formation .description {
    display: none;
    font-size: 90%;
    padding-left: 2.5em;
}

#form_options_formation .description h2 {
    margin-top: 0.7em !important;
    margin-bottom: 0.2em !important;
    font-size: 120%;
    font-weight: 500 !important;
    line-height: 120%;
    padding: 0;
    border: none;
}

#form_options_formation .description h3 {
    margin-top: 0.7em !important;
    margin-bottom: 0.2em !important;
    font-size: 110%;
    font-weight: 500 !important;
    line-height: 120%;
    padding: 0;
    border: none;
}

#form_options_formation .description h4 {
    margin-top: 0.7em !important;
    margin-bottom: 0.2em !important;
    font-size: 100%;
    font-weight: 500 !important;
    line-height: 120%;
    padding: 0;
    border: none;
}

#form_options_formation .description p,
#form_options_formation .description ul,
#form_options_formation .description ol {
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    line-height: 150%;
}

#form_options_formation h4 {
    position: relative;
    font-size: 125%;
    margin: 0.8rem 0 0.6rem 0;
    border-bottom: 1px solid #999;
    padding: 0.5rem 7em 0.6rem 0;
    line-height: 1.2em;
}

#form_options_formation h4 span {
    position: absolute;
    text-align: right;
    right: 2.5em;
    font-weight: 400;
}

#form_options_formation p.buttons {
    margin-top: 2rem;
}

#form_options_formation h4 a {
    position: absolute;
    right: 0;
    width: 28px;
    height: 28px;
    border-radius: 100%;
    box-sizing: border-box;
    border: 1px solid #000;
    margin: -0.1em -0.1em;
    background: url(../images/pictos/arrow-down.svg) no-repeat center center;
    opacity: 0.6;
    backface-visibility: hidden;
    background-size: 1em;
    transform: rotate(-89deg);
    transition: all 0.2s;
}

#form_options_formation .open h4 a {
    transform: rotate(1deg);
}

#form_options_formation h4 label {
    padding-left: 1.6em;
    position: relative;
}

#form_options_formation h4 label:before {
    position: absolute;
    content: "";
    box-sizing: border-box;
    width: 1em;
    height: 1em;
    left: 0;
    top: -1px;
    border: 2px solid #666;
    border-radius: 3px;
    box-shadow: 0 0 0.2em rgba(0, 0, 0, 0.15) inset;
    cursor: pointer;
}

#form_options_formation h4 input:checked+label:after {
    background: url(../images/pictos/tick.svg) no-repeat center center;
    background-size: contain;
    position: absolute;
    content: "";
    padding: 0.1em;
    margin: -0.15em 0;
    width: 1em;
    height: 1em;
    left: 0;
    top: -1px;
    cursor: pointer;
}

#form_options_formation h4 input {
    display: none;
}

.encart_competences .wrap ul li {
    background-image: url(../images/pictos/puce-red.svg);
}

.encart_formation .statut_formation {
    line-height: 1.1em;
}

.encart_formation .statut_formation strong {
    white-space: nowrap;
}

.encart_formation .progress {
    display: block;
    width: 100%;
    max-width: 40em;
    border-radius: 3px;
    overflow: hidden;
    box-sizing: border-box;
    height: 8px;
    margin: 0 0.8em 0.4em 0;
    background: #F2F4F6;
    background: #00057822;
    position: relative;
    box-shadow: 0 0 0.5em 0 rgba(0, 0, 0, 0.06) inset;
}

.encart_formation .progress span {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    background: #000578;
    border-radius: 3px;
}

.dash-actualites .encart_formation {
    border: none;
    padding: 1px;
    margin: 0;
}

.dash-actualites .encart_formation .wrap {
    margin: 2em 0 1em 0;
    padding-left: 0.2em;
}

.dash-actualites .encart_formation+.encart_formation {
    border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.encart_formation p.notation {
    font-weight: 500;
}

.encart_formation p.notation em {
    font-style: normal;
    font-weight: 300;
}

.encart_formation.en_cours {
    border-color: #000578;
}

.encart_formation.en_cours .wrap h3,
.encart_formation.en_cours .wrap h3 a {
    color: #000578 !important;
}

.encart_formation.en_cours .wrap h3 strong {
    background-color: #000578 !important;
}

.encart_formation.en_cours .wrap h4 {
    color: #000578;
    opacity: 0.6;
}

.encart_formation.en_cours .wrap h4 strong {
    color: #000578;
}

.encart_formation.future .wrap h3,
.encart_formation.future .wrap h3 a {
    color: #2b2b2b !important;
}

.encart_formation.future .wrap h3 strong {
    background-color: #2b2b2b !important;
}


.encart_formation.en_cours.is_essentiel {
    color: #FFF;
    background: #000578;
    background: #050C41;
    font-weight: 300;
    background: -moz-linear-gradient(103deg, rgba(120, 0, 80, 1) 0%, rgba(0, 5, 120, 1) 60%);
    background: -webkit-linear-gradient(103deg, rgba(120, 0, 80, 1) 0%, rgba(0, 5, 120, 1) 60%);
    background: linear-gradient(103deg, rgba(120, 0, 80, 1) 0%, rgba(0, 5, 120, 1) 60%);
}

.encart_formation.light {
    opacity: 1;
    background: #F0F0F4;
    border-color: #F0F0F4;
    margin: 1rem 1rem;
}

.encart_formation.light .wrap {
    opacity: 0.85;
    margin: 0.75rem;
    font-size: 80%;
}

.type_formateurs .encart_formation.passee {
    opacity: 0.6;
}

.type_formateurs .encart_formation.future p.notation {
    display: none;
}

.encart_formation {
    border: 2px solid #FFF;
    padding: 1px;
    font-weight: 400;
    margin: 1rem 0;
    background: #FFF;
    font-size: 80%;
    position: relative;
    border-radius: 0.3rem;
}

.encart_formation.en_cours.hl {
    background: #000578;
    border-color: #430262;
    color: #FFF;
    background: #050C41;
    font-weight: 300;
    background: -moz-linear-gradient(103deg, rgba(120, 0, 80, 1) 0%, rgba(0, 5, 120, 1) 60%);
    background: -webkit-linear-gradient(103deg, rgba(120, 0, 80, 1) 0%, rgba(0, 5, 120, 1) 60%);
    background: linear-gradient(103deg, rgba(120, 0, 80, 1) 0%, rgba(0, 5, 120, 1) 60%);
}

.encart_formation.en_cours.hl .wrap h3,
.encart_formation.en_cours.hl .wrap h3 a {
    color: #FFF !important;
}

.encart_formation.en_cours.hl .wrap h3 strong {
    background-color: #FFF !important;
    color: #430262 !important;
}

.encart_formation.en_cours.hl .wrap h4 {
    color: #FFF;
    opacity: 0.6;
}

.encart_formation.en_cours.hl .wrap h4 strong {
    color: #FFF;
}

.encart_formation h3 sup,
h2 .sup {
    line-height: 0;
    font-size: 60%;
    white-space: nowrap;
}

.encart_formation h3 sup span,
h2 .sup span {
    transform: translateY(-2px);
    display: inline-block;
    background: #e75480;
    line-height: 100%;
    padding: 2px 4px;
    color: #FFF;
    white-space: nowrap;
    border-radius: 0.2rem;
    margin-right: 1px;
}

.encart_formation h3 a:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    padding: 2em;
    margin: -2em;
}

h2 sup.sup {
    font-size: 45%;
    font-weight: 600;
}

h2 sup.sup span {
    transform: translateY(-3px);
}

.encart_formation .wrap {
    margin: 1.8em 1.6em;
    position: relative;
}

.encart_formation .wrap p {
    font-size: 90%;
    margin: 0.8em 0 !important;
}

.encart_formation .parcours {
    display: none;
    position: relative;
    z-index: 2;
    pointer-events: none;
    padding-top: 1rem;
}

.encart_formation .cursus .bordered {
    border: 1px solid #E2E4E6;
    margin: 0.2rem 0 0.2rem 1rem;
    border-radius: 0.4rem;
    box-shadow: 0 0 0.3rem rgba(0, 0, 0, 0.08);
    background: #FFF;
}

.encart_formation .cursus {
    font-size: 100%;
}

.encart_formation .cursus a {
    pointer-events: fill;
}

.encart_formation .cursus .wrap {
    position: relative;
    margin: 0.6rem;
    filter: grayscale(0.1);
    opacity: 0.9;
}

.encart_formation .cursus.passee .wrap {
    opacity: 0.6;
    filter: grayscale(0.3);
}

.encart_formation .cursus.en_cours .wrap {
    filter: grayscale(0);
    opacity: 1;
    font-size: 100%;
}

.encart_formation .cursus.passee .bordered {
    background: transparent;
}

.encart_formation .cursus.en_cours .wrap {
    filter: grayscale(0);
    opacity: 1;
    font-size: 100%;
}

.encart_formation .cursus.en_cours .bordered {
    background: #000578;
    border-color: #000578;
    color: #FFF;
}

.encart_formation .cursus.en_cours .#e75480 {
    color: #FFF;
}

.encart_formation .cursus.en_cours .bordered h3,
.encart_formation .cursus.en_cours .bordered h4,
.encart_formation .cursus.en_cours .bordered h4 strong {
    color: #FFF !important;
}

.encart_formation .cursus.en_cours hr {
    background: #FFF;
    opacity: 0.4;
}

.encart_formation .cursus:before {
    position: absolute;
    left: 9px;
    top: 0;
    width: 2px;
    background: #000578;
    height: 100%;
    content: "";
    z-index: 1;
    pointer-events: none;
}

.encart_formation .cursus:after {
    position: absolute;
    left: 10px;
    top: 50%;
    margin: -6px;
    box-sizing: border-box;
    width: 12px;
    border-radius: 100%;
    height: 12px;
    border: 2px solid #000578;
    background: #FFF;
    content: "";
    z-index: 2;
    pointer-events: none;
}

.encart_formation .cursus.passee:after {
    border-color: #000578DD;
}

.encart_formation .cursus.en_cours:after {
    background: #000578;
}

.encart_formation.passee .cursus:last-child:after {
    background: #000578;
}

.encart_formation .cursus h3 {
    font-size: 110% !important;
}

.encart_formation .cursus h4 {
    font-size: 100% !important;
}

.encart_formation .cursus h3,
.encart_formation .cursus h4 {
    margin: 0 !important;
    line-height: 100% !important;
}

.showParcoursDetaille strong {
    display: none;
}

.showParcoursDetaille.open strong {
    display: inline-block;
}

.showParcoursDetaille.open span {
    display: none;
}

.encart_formation .cursus {
    position: relative;
    padding: 1px 0 1px 1rem;
}


.encart_formation+.read-more {
    font-size: 90%;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    margin: 0;
    padding-top: 1.2em;
    font-weight: 500;
    font-style: italic;
    opacity: 0.6;
}

.encart_formation+.read-more span {}

.dash-actualites .encart_formation .wrap {
    margin: 1.2em 0;
}

.dash-actualites .encart_formation .wrap h3 {
    margin: 0 -0.2em -0.5em -0.2em !important;
    overflow: hidden;
    padding: 0.2em;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.encart_formation .wrap h3 {
    font-size: 115%;
    line-height: 1.3em;
    font-weight: 600 !important;
    margin: 0 !important;
    padding: 0.1em;
}

.encart_formation .wrap h3 strong {
    float: left;
    line-height: 1.4em;
    height: 1.3em;
    padding: 0.1em 0.25em 0 0.25em;
    background: #BBB;
    border-radius: 0.2em;
    font-weight: 600;
    color: #FFF;
    margin-right: 0.5em;
}

.encart_formation.inline .wrap h3 {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.encart_formation .wrap h4 {
    font-size: 95%;
    font-weight: 500 !important;
    margin: 0.2em 0 !important;
    color: #666;
    color: rgba(0, 0, 0, 0.4);
}

.encart_formation .wrap h4 strong {
    font-weight: 500 !important;
    color: rgba(0, 0, 0, 0.4);
}

.encart_formation .wrap hr {
    margin: 1em 0;
}

.encart_formation .wrap p.buttons {
    font-size: 80%;
}

.encart_formation p.nb_trainee {
    float: right;
    background: #000578;
    color: #FFF;
    font-size: 85% !important;
    font-weight: 500;
    padding: 0 0.4em;
    border-radius: 4px;
}

p.choix_modal {
    margin: 1em -0.25em !important;
    font-size: 95%;
    line-height: 120% !important;
    max-width: 100% !important;
}

p.choix_modal span {
    float: left;
    width: 25%;
}

p.choix_modal span a {
    display: block;
    font-weight: 500;
    text-align: center;
    padding: 6.8em 0.5em 3.5em 0.5em;
    margin: 0.25em;
    background: #FFF url(../images/pictos/modalites/presentiel.svg) no-repeat center 2.5em;
    background-size: 3.5em;
}

p.choix_modal span a.modal_2 {
    background-image: url(../images/pictos/modalites/classe-a-distance.svg);
}

p.choix_modal span a.modal_3 {
    background-image: url(../images/pictos/modalites/e-learning.svg);
}

p.choix_modal span a.modal_4 {
    background-image: url(../images/pictos/modalites/e-learning-tutore.svg);
}

p.choix_modal span a strong {
    display: block;
}

p.choix_modal span a em {
    font-weight: 400;
    display: block;
    font-style: normal;
    margin: 0.5em 0.5em 0 0.5em;
    font-size: 85%;
    color: #555;
}

h3+a.link.block {
    margin-top: 2em;
}

a.link.block {
    padding: 0.5em 0.5em 0.5em 2.4em;
    background: #FFF url(../images/pictos/arrow-puce-red.svg) no-repeat 0.8em center;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block;
    overflow: hidden;
    font-weight: normal;
    margin: 0.5em 0;
}

a.hype-btn {
    transition: background-color 0.2s;
    text-shadow: 0 0 12px #e75480, 0 0 12px #e75480, 0 0 12px #e75480;
    margin: 0.1em 0 0.4em 0;
    margin: 0;
    min-height: 4rem;
    color: #FFF;
    display: flex;
    background: #e75480 url(../images/fond-bouton.png) no-repeat calc(100% - 3em) center;
    background-size: auto 200%;
    padding: 1.5em;
    font-weight: 500;
    font-size: 85%;
    position: relative;
    text-align: left;
    border-radius: 0.3rem;
    flex-wrap: wrap;
}

a.hype-btn svg {
    position: absolute;
    height: 1.2em;
    width: 1.2em;
    margin-left: -1.8em;
}

a.hype-btn svg path {
    transition: fill 0.2s;
    transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
    fill: #e75480;
    fill: #FFF;
}

a.hype-btn:hover svg path {
    fill: #000;
    fill: #FFF;
}

a.hype-btn:hover {
    color: #FFF;
    background-color: #e75480;
}

a.hype-btn span.arrow,
a.hype-btn strong {
    display: block;
    width: 100%;
    margin: 0.1rem;
    line-height: 1.1em;
    padding-left: 1.5rem;
}

a.hype-btn span.arrow {
    margin-top: auto;
    font-weight: 500;
    position: relative;
    font-size: 95%;
}

a.hype-btn strong {
    margin-bottom: auto;
    font-size: 130%;
    font-weight: 600;
}

a.hype-btn span.arrow:before {
    content: "";
    height: 1.1em;
    width: 2em;
    position: absolute;
    left: 0;
    background: url(../images/pictos/arrow.svg) no-repeat 0 center;
    background-size: 1em;
}

#calendar-select.closed,
#calendar-select-up-selling.closed {
    display: none;
}

#calendar-select.hide,
#calendar-select-up-selling.hide {
    display: none;
}

#calendar-select ul,
#calendar-select-up-selling ul {
    list-style: none;
    margin: 1em -5px;
    display: flex;
}

#calendar-select ul li,
#calendar-select-up-selling ul li {
    width: calc(50%);
    /* float: left; */
    padding: 0 5px;
    background: none;
    box-sizing: border-box;
    margin-bottom: 0;
    font-size: 110%;
}

#calendar-select ul li a,
#calendar-select-up-selling ul li a {
    background: #ffffff url(../images/pictos/modalites/presentiel.svg) no-repeat center 1.2em;
    background-size: auto;
    line-height: 140%;
    background-size: 3.8em;
    color: #000;
    font-weight: 500;
    display: block;
    padding: 5.2em 0.2em 2em 0.2em;
    text-align: center;
    border-radius: 10px;
    box-shadow: 5px 5px 5px #0000000e;
}

#calendar-select ul li a.distance,
#calendar-select-up-selling ul li a.distance {
    background-image: url(../images/pictos/modalites/classe-a-distance.svg);
}

#calendar-select ul li a.inactif,
#calendar-select-up-selling ul li a.inactif {
    opacity: 0.3;
    cursor: default;
}

#result-financement {
    background: #FFF;
    padding: 1px;
    margin: 2em 0;
    border: 2px solid #E5E5E5;
    font-size: 85%;
    font-weight: 400;
}

#result-financement .wrap {
    margin: 1.5em 1.5em;
}

#result-financement hr {
    margin: 0.9em 0 1.5em 0;
}

#result-financement p.buttons {
    margin: 0;
    max-width: 1400px;
}

.table-diags {
    margin-top: -35px !important;
}

.table-diags table {
    width: 100%;
    border-collapse: collapse;
    border-bottom: 1px solid #E4E4E4;
    border-top: none;
    font-size: 80%;
    cursor: default;
    margin: 0 0 1em 0;
}

.table-diags table td {
    padding: 0.5em 0.8em;
    border: 1px solid #E4E4E4;
    border-width: 1px 0 0 0;
    background-color: rgba(0, 0, 0, 0.01);
    line-height: 125%;
    height: 2.4em;
}

.table-diags table th {
    padding: 0 0.8em;
    font-weight: 500;
    color: #999;
    font-size: 80%;
    height: 40px;
    vertical-align: bottom;
}

.table-diags table tr td:first-child {
    padding-right: 0;
    padding-left: 1.2em;
    width: 2.5em;
    border-left-width: 1px;
}

.table-diags table tr td:last-child {
    padding-right: 0.5em;
    border-right-width: 1px;
}

.table-diags table tr td strong {
    padding-left: 0.8em;
}

.table-diags table td input {
    width: 10.5em;
    box-sizing: border-box;
    padding: 0.5em;
    border: 1px solid #DDD;
    text-align: right;
}

.table-diags table .total,
.table-diags table tr.total td strong,
.table-diags table tr.total td strong {
    font-weight: 600;
}

.table-diags table .total td {
    border-top: 2px solid #333 !important;
}

.table-diags table td.legende {}

.table-diags table tr:nth-child(2n+1) td {
    background-color: #FFF;
    background-color: rgba(255, 255, 255, 0.75);
}

.table-diags table tr:hover td,
.table-diags table tr.focus td {
    border: 1px solid #555;
    border-width: 1px 0;
}

.table-diags table tr:hover td:first-child,
.table-diags table tr.focus td:first-child {
    border-left-width: 1px;
}

.table-diags table tr:hover td:last-child,
.table-diags table tr.focus td:last-child {
    border-right-width: 1px;
}

.table-diags table tr.focus {
    box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.3);
    font-weight: 400;
}

#result-financement table {
    font-size: 100%;
    margin: -0.3em 0 0 0;
    font-weight: 500;
}

#result-financement table td,
#result-financement table th {
    padding: 0;
    line-height: 160%;
}

#result-financement table th {
    font-size: 75%;
    color: #999;
    font-weight: 500;
}

#result-financement table td strong {
    padding-left: 1.5em;
    color: #e75480;
    font-weight: 600;
    font-size: 110%;
}

.filiereDraw iframe {
    box-sizing: border-box;
    height: 1200px;
    width: 100%;
    border: none;
}

#frameHype {
    background: #F8F8F8;
    height: 0;
    opacity: 0;
    margin: 1.5em 0;
    transition: opacity 0.6s;
}


a.mockup {
    display: block;
    max-width: 480px;
    margin: 0;
    height: 6em;
    overflow: hidden;
    line-height: 130%;
    padding: 1.5em 1.8em;
    font-size: 90%;
    background: #FFF;
    font-weight: 500;
    border-radius: 20px;
}

a.mockup span {
    display: table-cell;
    vertical-align: middle;
}

a.mockup span {
    width: 7.5em;
}

a.mockup span+span {
    width: calc(100% - 8em);
    padding-left: 1.2em;
}

a.mockup img {
    max-height: 6em;
    max-width: 7em;
    margin: 0 auto;
    display: block;
}

h5.h1,
h5.h2,
h5.h3,
h5.h4,
h5.dark {
    color: #000;
}

.subTitle {
    display: block;
    font-size: 80%;
    font-weight: 400;
    line-height: 120%;
    margin-top: 0.4em;
}

.buttons a,
.no-select,
#menu {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

a.underline

/*, #formations li a */
    {
    text-decoration: none !important;
    box-sizing: border-box;
    border-bottom: 1px dotted #4444;
    border-color: rgba(0, 0, 0, 0.5);
    padding-bottom: 2px;
}

a.underline:hover,
#formations li a:hover {
    text-decoration: none;
    border-bottom: none;
}

a.underline-hover {
    text-decoration: none;
}

a.underline-hover:hover {
    text-decoration: underline;
}


#avis-verifies {
    text-align: center;
    font-size: 145%;
    font-weight: 600;
    margin-bottom: -2.8em;
    position: relative;
    left: 0;
}

#avis-verifies a {
    color: #FFF;
    text-decoration: none;
}

#avis-verifies span {
    font-size: 105%;
    padding-left: 0.2em;
    font-family: "Star", Arial, Helvetica, sans-serif;
    font-weight: normal;
    color: #FC0;
}

#avis-verifies img {
    height: 1em;
    width: auto;
    margin-top: 0.2em;
}

.avis-verifies {
    font-size: 140%;
    font-weight: 600;
}

.avis-verifies a {
    color: #000;
    text-decoration: none;
}

.avis-verifies span {
    font-size: 105%;
    padding-left: 0.2em;
    color: #FC0;
    font-family: "Star", Arial, Helvetica, sans-serif;
    font-weight: normal;
}

.avis-verifies img {
    height: 1em;
    width: auto;
    margin-top: 0.2em;
}

p.encart {
    font-weight: 600;
    padding: 1em;
    border: 2px solid #000;
}

strong,
em strong {
    font-weight: 500;
}

.text li p,
li p {
    margin: 0;
}

.text .illustration {
    margin: 3em 0;
}

.text .illustration img {
    width: 100%;
    display: block;
    border-radius: 20px;
}

p.legend-picto span {
    display: inline-block;
    margin-left: 0.2em;
    font-size: 75%;
    line-height: 2.4em;
    width: 2.4em;
    height: 2.4em;
    text-align: center;
    border: 2px solid #000;
    color: #000;
    font-weight: 600;
    border-radius: 100%;
}

input::-webkit-input-placeholder {
    color: #BBB;
    opacity: 1;
}

input:-moz-placeholder {
    color: #BBB;
    opacity: 1;
}

input::-moz-placeholder {
    color: #BBB;
    opacity: 1;
}

input:-ms-input-placeholder {
    color: #BBB;
    opacity: 1;
}

input::-ms-input-placeholder {
    color: #BBB;
    opacity: 1;
}

#ghostLinks.open {
    opacity: 1;
    margin-top: 0;
    max-height: 400px;
}

#ghostLinks h3 {
    font-size: 18px;
    margin: 0 0 6px 0;
}

#ghostLinks {
    position: fixed;
    opacity: 0;
    margin-top: -20px;
    top: 112px;
    z-index: 20;
    padding: 16px 0 13px 0;
    background: #FFF;
    width: 100%;
    max-height: 0;
    transition: all 0.15s;
    overflow: hidden;
    box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);
}

#ghostLinks .center {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 12px;
    font-weight: 400;
    box-sizing: border-box;
}

#ghostLinks .center strong,
#ghostLinks .center a {
    display: inline-block;
    padding: 4px 5px 3px 5px;
    border-radius: 50px;
    border: 1px solid #333;
    white-space: nowrap;
    margin: 2px 4px 2px 0;
}

#ghostLinks .center a,
#ghostLinks .center a:hover {
    border-color: #e75480;
    color: #e75480;
}

#ghostLinks .center a.actif,
#ghostLinks .center a.actif:hover {
    border-color: #e75480;
    background-color: #e75480;
    color: #FFF;
}

.ariane+.marger {
    margin-top: 0;
}

.marger {
    margin: 120px 0;
}

.ariane {
    font-size: 12px;
    font-weight: 400;
    margin: -30px 0 50px 0;
    line-height: 150%;
    position: relative;
    z-index: 5;
}

.ariane strong {
    color: #999;
    color: rgba(0, 0, 0, 0.4);
    font-weight: 400;
}

.ariane span,
.ariane a,
.ariane strong {
    overflow: hidden;
    white-space: nowrap;
    max-width: 90%;
    display: inline-block;
    text-overflow: ellipsis;
}

.ariane span.no-wrap,
.ariane span span,
.ariane a span {
    display: inline;
    overflow: visible;
}

.center.ariane+.center.has-calendar,
.center.ariane+.center.has-menu {
    margin-top: -70px;
}

p.introActu {
    font-size: 72%;
    color: #999;
}

p.introActu span {
    white-space: nowrap;
}

p.introActu strong {
    font-weight: 600;
}

.columns.double,
.columns.triple {
    margin: 0 -50px;
}

.columns.double .col {
    float: left;
    width: 50%;
}

.columns.triple .col {
    float: left;
    width: 33.33%;
}

.columns.double .col .picture,
.columns.triple .col .picture {
    padding: 33% 0;
    background: rgba(0, 0, 0, 0.1) no-repeat center center;
    background-size: cover;
    margin: 0 auto 2.5em auto;
}

.columns.double .col .wrap,
.columns.triple .col .wrap {
    margin: 30px 50px;
}

.columns.double.small,
.columns.triple.small {
    margin: 0 -5px;
}

.columns.double.small .col,
.columns.triple.small .col {
    padding: 5px;
    box-sizing: border-box;
}

.columns.double .button,
.columns.triple .button {
    display: inline-block;
    margin: 0.5em 0 0 0;
    background: #C2C4C6 url("../images/pictos/arrow.svg") no-repeat 0.6em center;
    color: #FFF;
    font-size: 85%;
    font-weight: 500;
    padding: 0.35em 0.6em 0.3em 2em;
    border-radius: 2px;
    background-size: 1em;
}

.columns.double a:hover .button,
.columns.triple a:hover .button {
    background-color: #e75480;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a {
    color: #222;
}

* {
    outline: none;
}

.clear {
    clear: both;
}

.gradient {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0.7;
    background: #000;
    top: 0;
    left: 0;
    background: -webkit-linear-gradient(50deg, rgba(175, 0, 0, 0.7) 50%, rgba(0, 5, 120, 0.7) 100%);
    background: -moz-linear-gradient(50deg, rgba(175, 0, 0, 0.7) 50%, rgba(0, 5, 120, 0.7) 100%);
    background: linear-gradient(103deg, rgba(175, 0, 0, 0.7) 50%, rgba(0, 5, 120, 0.7) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ccff0000', endColorstr='#85000578', GradientType=1);
}

.gradient.light {
    opacity: 0.3;
}

a,
.red,
.red a,
.ariane {
    color: #e75480;
}

a {
    text-decoration: none;
    cursor: pointer;
}

.buttonOpenAssistance a:hover {
    color: #000;
}

a.dark,
#formations li a {
    color: #222;
}

h2 span.star {
    float: left;
    margin: -0.3em 0.15em 0 -0.08em;
    font-size: 130%;
    margin: -0.15em 0.15em 0 -0.08em \9;
    font-size: 120% \9;
    color: #e75480;
}

section.grey {
    background: #F8F8F8;
}

section.greyDark {
    background: #EDEDED;
}

section,
#menu,
header,
#menu .subMenu .wrap {
    padding: 1px 0;
    margin: 0;
}

#header.opaque .gradient {
    opacity: 0.9;
}

#menu .social {
    display: none;
}

#header .infos .badges {
    white-space: nowrap;
}

#header .infos .picto {
    font-weight: 600;
    cursor: help;
    height: 2.6em;
    margin: -0.4em 0;
    line-height: 2.7em;
    text-align: center;
    width: 2.6em;
    border: 2px solid #FFF;
    border-radius: 100%;
    font-size: 64%;
    display: inline-block;
}

#header .infos .picto+.picto {
    margin-left: 0.1em;
}

#header p.infos svg {
    height: 1.1em;
    transform: translateY(0.2em);
}

#header p.infos svg path {
    fill: #FFF;
}

h2,
h3,
h4,
h5 {
    font-weight: 700;
}

.text .content h1,
.text .content h2,
.text .content h3,
.text .content h4,
.text .content h5,
.text .content h1 strong,
.text .content h2 strong,
.text .content h3 strong,
.text .content h4 strong,
.text .content h5 strong {
    font-weight: 600;
    line-height: 130%;
}

.buttons.small {
    font-size: 80%;
}

.buttons.big {
    font-size: 120%;
}

.smallText {
    font-size: 90%;
}

.text h1,
.text .h1 {
    font-size: 190%;
}

.text h2,
.text .h2 {
    font-size: 175%;
}

.text h3,
.text .h3 {
    font-size: 140%;
}

.text h4,
.text .h4 {
    font-size: 115%;
}

.text h5,
.text .h5 {
    font-size: 105%;
}

.text {
    font-size: 100%;
    line-height: 160%;
    font-weight: 300;
}

.text sup {
    font-size: 80%;
    line-height: 0;
}

.text p,
.text ul,
.text ol {
    margin: 1em 0;
    line-height: 160%;
}

.text ol {
    margin-left: 1em;
    padding-left: 0;
}

.text ul,
ul.arrow,
#formations ul {
    padding: 0;
    list-style: none;
}

.text ul ul,
ul.arrow ul,
#formations ul ul {
    margin: 0 0 0 2em;
}

.text ul ul li,
ul.arrow ul li,
#formations ul ul li {
    background: url(../images/pictos/puce_2.svg) no-repeat 0.1em 0.35em;
    background-size: auto 0.85em;
    padding-left: 1.6em;
    opacity: 0.65;
}

.text ul li,
ul.arrow li,
#formations ul li {
    padding-left: 1.4em;
    margin: 0 0;
    background: url(../images/pictos/puce_1.svg) no-repeat 0.1em 0.35em;
    background-size: auto 0.7em;
}

ol.steps {
    margin: 1.2em 0;
    padding: 0;
    list-style: none;
}

.form-col-left.steps {
    padding-left: 2.2em;
}

ol.steps li {
    margin: 0.4em 0;
    padding-left: 2em;
    line-height: 130%;
}

ol.steps li .step,
.steps .step {
    position: absolute;
    margin: -0.12em -2em;
    width: 1.4em;
    height: 1.4em;
    line-height: 1.5em;
    color: #FFF;
    text-indent: -1px;
    text-align: center;
    background: #999;
    font-weight: 500;
}

.steps .step.ok {
    background: #0C0;
}

#formations .wrap {
    margin: 0 -50px;
}

#formations .columns {
    float: left;
    box-sizing: border-box;
    padding: 0 50px;
    width: 25%;
    border-right: 1px solid #DDD;
    font-size: 80%;
    font-weight: 400;
}

#formations .columns.secteurs-d-activite {
    border: none;
}

#formations .columns h2 {
    background: no-repeat 0 0;
    font-weight: 500;
    font-size: 140%;
    text-transform: uppercase;
}

#formations .columns h2 a {
    color: #e75480;
}

#header.slide-centre {
    background-position: 90% 90%;
    background-image: url(../images/visuel-centre.jpg);
}

#header.slide-actu {
    background-position: 90% 90%;
    background-image: url(../images/visuel-actu.jpg);
}

#header {
    position: relative;
    padding-top: 200px;
    padding-bottom: 100px;
    background: #999 url(../images/visuel-homepage.jpg) no-repeat center center;
    background-size: cover;
    color: #FFF;
}

#header.slide-filiere .center h1,
#header.slide-classique .center h1 {
    text-align: left;
    font-size: 237%;
    margin: 1.5em 0;
}

#header.slide-classique.flat .center h1 {
    margin-bottom: 2%;
}

#header.slide-filiere .center {
    margin-top: -6.5em;
    margin-bottom: -40px;
}

#header.slide-classique .center {
    margin-top: -5.6em;
    margin-bottom: -2.2em;
}

#header.slide-filiere .center .categories {
    margin: 0 -0.3em;
    font-size: 77.77%;
    font-weight: 500;
}

#header.slide-filiere .center .categories a,
#header.slide-filiere .center .categories h2 {
    color: #FFF;
    font-weight: 500;
    white-space: nowrap;
    border-radius: 50px;
    margin: 0.3em;
    box-sizing: border-box;
    overflow: hidden;
    text-decoration: none;
    display: inline-block;
    padding: 0.8em;
    float: left;
    text-overflow: ellipsis;
    max-width: 100%;
    background-color: rgb(255, 255, 255, 0.2);
}

#header.slide-filiere .center .categories a:hover {
    background-color: rgb(255, 255, 255, 0.1);
}

#header.slide-filiere .center .categories h2,
#header.slide-filiere .center .categories a.actif,
#header.slide-filiere .center .categories a.actif:hover {
    background: #FFF;
    color: #e75480;
    font-size: 100%;
    cursor: pointer;
}

#header a {
    color: #FFF;
}

#header .suggested a {
    color: #222;
}

#video {
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden;
    top: 0;
    left: 0;
}

#video video {
    position: absolute;
    right: 0;
    bottom: 0;
    min-width: 100.5%;
    min-height: 100.5%;
    width: auto;
    height: auto;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background: #000 url(../images/visuel-homepage.jpg) center center;
    background-size: cover;
}

#menu {
    position: fixed;
    z-index: 100;
    /* padding: 1px 60px;
    padding-top: 46px;
    padding-bottom: 25px; */
    padding: 20px 80px 15px 60px !important;
    box-sizing: border-box;
    line-height: 2em;
    top: 0;
    left: 0;
    width: 100%;
    transition: background-color 0.2s, top 0.2s;
    transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

#menu menu {
    margin: 0;
    float: right;
    padding-left: 0;
}

#poe_intro .table td {
    padding: 1em 0;
    border-color: #DDD;
    color: #666;
}

#poe_intro .table td.first {
    border-top: 1px solid #DDD;
}

#poe_intro .table td strong {
    color: #000;
}

.sourcing-poe .tableWrap {
    border-radius: 10px;
}

#sourcing-poe {
    background-color: white;
}

#sourcing-poe td {
    padding: 15px;
}

#sourcing-poe .embauche {
    background-color: #eef4fc;
}

#sourcing-poe .embauche p {
    color: #050C41;
    font-weight: 600;
}

#poe_intro .logos p {
    font-size: 85%;
    font-weight: 500;
    color: #666;
    margin: 0 0 0.2em 0;
}

#poe_intro .logos .col {
    float: left;
    width: 25%;
    padding: 0.2em;
    box-sizing: border-box;
}

#poe_intro .logos .logo {
    display: block;
    height: 3em;
    background: no-repeat center center url(../images/pdf-poe/logo-france-travail.png);
    background-size: contain;
    border: 0.5em solid #FFF;
    border-width: 0.6em 1em;
    box-shadow: 0 0 0 1px #DDD;
}

#poe_intro h3 {
    font-size: 100% !important;
    margin: 2em 0 0 0 !important;
}

.picture.contain {
    background-size: contain !important;
    background-position: 0 center !important;
}

#menu menu a.onglet,
#menu menu span.onglet {
    padding: 0;
    cursor: pointer;
    margin-left: 1.2em;
    font-weight: 600;
    transition: color 0.2s;
    transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
    position: relative;
    font-size: 80%;
    text-transform: uppercase;
}

#menu menu a.onglet .overMenu {
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    top: 0;
    padding: 1px 0;
    z-index: 2;
    background: rgba(0, 0, 0, 0);
    opacity: 0;
}

#menu menu a.slided .overMenu {
    padding: 3px 0;
}

#menu,
#menu a.onglet,
#menu a.trigger {
    color: #FFF;
}

#menu a.trigger:hover {
    border: none;
}

#menu .band {
    position: relative;
    z-index: 2;
    height: 42px;
}

#menu a.onglet,
#menu span.onglet,
#menu p {
    float: left;
    margin: 0;
}

/* NEW LOGO EDITS */
#menu .band p {
    line-height: 1.2em;
    margin-top: 15px;
    margin-left: 34px;
    font-size: 105%;
    transition: all 0.2s;
    transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
    font-weight: 600;
}

#menu #logo .video-logo {
    height: 125px;
    width: 220px;
    background-color: transparent;
    background-size: cover;
    background-repeat: no-repeat;
}

#menu #logo .old-logo {
    margin-top: 1.7rem;
    margin-left: 3.5rem;
    margin-right: .8rem;
    height: 75px;
    width: 75px;
    background-size: contain;
    background-image: url(../images/logo.svg);
}

#menu #logo .new-logo {
    margin-top: 1.9rem;
    margin-left: 2.5rem;
    margin-right: 1.8rem;
    height: 90px;
    width: 150px;
    background-size: contain;
    background-image: url(../images/pictos/M2I-Logo-sans-baseline-blanc.svg);
}

#menu.fixed #logo .video-logo,
#menu.slided #logo .video-logo {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
    height: 125px;
    width: 220px;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url(../images/tests/Changement-Logo-M2i.webp);
    background-color: transparent;
}

#menu.fixed #logo .fixed-logo,
#menu.slided #logo .fixed-logo {
    margin-top: 1.9rem;
    margin-left: 2.5rem;
    margin-right: 1.8rem;
    height: 90px;
    width: 150px;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(../images/pictos/M2I-Logo-sans-baseline.svg);
    background-color: transparent;
}


.demat_document,
.session_history {
    background: #FFF;
    padding: 1.4em;
    margin: 0.8em 0;
    position: relative;
    font-size: 70%;
    border: 0 solid #FFF;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.03);
}

.session_history {
    border-width: 2px;
    padding: 1px 4em 1px 1px;
    transition: border-color 0.2s;
}

.session_history .wrap {
    margin: 1.3em 1.6em;
}

.session_history h4 {
    margin: 0 !important;
}

.session_history h4+p {
    font-weight: 400;
    margin: 0 0 0.8em 0;
    color: #828486;
}

.session_history .main_docs a.moreLinks {
    display: none;
}

.session_history.open .main_docs a.moreLinks {
    display: inline-block;
}

.session_history.open .main_docs span {
    display: none;
}

.session_history .main_docs {
    line-height: 0;
    margin-bottom: 3px;
}

.session_history .main_docs a,
.session_history .main_docs span {
    display: inline-block;
    background: #FCFDFE no-repeat 0.5em center;
    background-size: 1.4em;
    border: 1px solid #E2E4E6;
    border-radius: 3px;
    padding: 0.35em 0.5em;
    margin: 3px 3px 0 0;
    font-weight: 400;
    overflow: hidden;
    line-height: 1.8em;
}

.session_history .main_docs span {
    color: #626466;
}

.session_history .main_docs a {
    color: #e75480;
    background-image: url(../images/pictos/acrobat.svg);
    position: relative;
    z-index: 2;
    padding-left: 2.4em;
}

.session_history .details {
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    transition: opacity 0.2s;
}

.session_history.open .details {
    margin-top: 2em;
    max-height: none;
    overflow: visible;
    opacity: 1;
}

.session_history sub {
    font-size: 75%;
    line-height: 0;
}

.session_history .details .tag {
    border-top: 2px solid #E2E4E6;
    cursor: default;
    margin: 1em -1.4em 1em calc(-1.8em + 2px);
    padding: 0 1.6em;
}

.session_history .details .tag span {
    display: inline-block;
    font-size: 95%;
    padding: 0.1em 0.4em;
    border-radius: 0 0 3px 3px;
    background: #FFF;
    border: 2px solid #E2E4E6;
    margin: -2px 3px 5px 0;
    color: #000578;
    font-weight: 500;
    display: inline-block;
}

.session_history .details .tag span em {
    font-style: normal;
    opacity: 0.25;
}

.session_history .details .tag svg path,
.session_history .details .tag svg polygon {
    fill: #000578;
}

.session_history .details .tag svg {
    height: 1.2em;
    width: 1.2em;
    float: left;
    margin: 0.2em 0.2em 0 0;
}

.session_history .details table {
    width: 100%;
    padding: 0 1em;
    border-collapse: collapse;
    font-weight: 400;
}

.session_history .details table td {
    border: 1px solid #EAEBEC;
    transition: background-color 0.2s;
    border-width: 1px 0;
    padding: 0.3em 0;
    vertical-align: top;
}

.session_history .details table th {
    vertical-align: bottom;
    font-weight: 500;
    color: #A2A4A6;
    font-size: 80%;
}

.session_history .details table th.tetiere_docs {
    width: 19em;
}

.session_history .details table p {
    margin: 0.4em 0;
    line-height: 1.1em;
    min-height: 1.1em;
}

.session_history .details table p a {
    display: inline-block;
    box-sizing: border-box;
    max-width: 100%;
    padding-left: 1.3em;
    background: no-repeat 0 0.05em url(../images/pictos/acrobat.svg);
    background-size: 1em;
    transition: filter 0.15s;
}

.session_history .details table p a:hover {
    filter: brightness(0) grayscale(1);
}

.session_history .details table p a.opener {
    background-image: url(../images/pictos/open.svg);
}

.session_history .details table tr:hover td {
    background-color: #F8F9FA;
}

.session_history .details .localisation {
    background: #F4F5F6;
    font-size: 95%;
    padding: 1em 1em 1em 4.2em;
    margin-top: 2em;
    border-radius: 6px;
    position: relative;
}

.session_history .details .localisation p {
    margin: 0;
    line-height: 120%;
    color: #333;
}

.session_history .details .localisation p strong {
    font-weight: 400;
    color: #000;
}

.session_history .details .localisation span.picto {
    width: 3.2em;
    border-right: 1px solid #E2E4E6;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    height: 100%;
    background: url(../images/pictos/location.svg) center center no-repeat;
    background-size: 1.6em;
}


body.previewBox {
    height: 100%;
    overflow: auto;
    position: absolute;
    top: 0;
    ;
    left: 0;
    width: 100%;
    padding: 0;
}

span.checkBox {
    font-size: 90%;
    position: relative;
    height: 0.8em;
    width: 0.8em;
    height: calc(1em - 2px);
    width: calc(1em - 2px);
    margin: 0 0.2em;
    padding: 0 !important;
    border: 1px solid #B2B4B6;
    float: left;
}

span.checkBox img {
    height: auto;
    width: 1.3em;
    margin: -0.2em;
    position: absolute;
    max-width: 150% !important;
}

body.exportStats {
    background: #E5E5E5;
    margin: 1.5em;
}

section#pdf_sheet {
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1);
    background: #FFF;
    padding: 0.01em;
    min-height: 280mm;
    width: 200mm;
    margin: 1.5em auto;
    font-size: 12pt;
    position: relative;
}

section#pdf_sheet .center {
    margin: 0;
    padding: 0;
}

section#pdf_sheet .center .content .wrap.is_export {
    margin: 12mm !important;
    padding-bottom: 10mm;
    position: relative;
}

section#pdf_sheet .wrap .col-stats {
    margin: 0 -0.75mm;
}

section#pdf_sheet h1 {
    font-weight: 500;
    padding-top: 0.4rem;
    margin: 2mm 0 0.5mm 0;
    color: #999;
    font-size: 100%;
}

section#pdf_sheet h2 {
    font-weight: 600;
    margin: 0 0 3mm 0;
    font-size: 120%;
}

section#pdf_sheet .wrap h4 {
    color: #999;
    font-weight: 500;
    margin: 0 0 2mm 0;
}

section#pdf_sheet .col-stats .stat {
    border: 1px solid #E0E2E4;
}

section#pdf_sheet .col-stats .stat .wrap {
    position: relative;
    margin: 4mm;
}

section#pdf_sheet #logo {
    margin: 0 1em 3mm 0;
    float: left;
    height: 14mm;
    width: 14mm;
}

section#pdf_sheet .chart-circle {
    width: 42mm;
}

section#pdf_sheet .col-stats .recap {
    font-size: 180%;
}

section#pdf_sheet .col-stats .col {
    max-width: 100mm;
    width: 49.9%;
    padding: 0.75mm;
}

section#pdf_sheet .col-stats .col.large {
    max-width: 200mm;
    width: 99.8%;
}

section#pdf_sheet .periode-report {
    background: none;
    font-size: 85%;
}

section#pdf_sheet .periode-report svg {
    height: 1.2em;
    width: 1.2em;
    margin-top: -0.25em;
    left: 0;
    position: absolute;
}

section#pdf_sheet .footer_stats {
    margin: 11mm 12mm;
    position: absolute;
    bottom: 0;
    left: 0;
    line-height: 100%;
    font-size: 9pt;
    font-weight: 400;
    color: #888;
}

section#pdf_sheet .col-stats .col {
    overflow: hidden;
}

section#pdf_sheet .col .adjust {
    min-height: 5mm !important;
    height: 5mm;
}

section#pdf_sheet .col .adjust-2 {
    min-height: 64mm !important;
    height: 64mm;
}

section#pdf_sheet .col-stats .stat .legendes {
    padding-top: 3mm;
    border-top-style: dashed;
    margin-top: 3mm;
}

.col-stats {
    margin: 0 -0.2em;
}

.col-stats .col {
    float: left;
    width: 33.33%;
    box-sizing: border-box;
    padding: 0.2em;
    font-size: 85%;
}

.col-stats .stat {
    padding: 1px;
    background: #FFF;
}

.col-stats .stat .wrap {
    margin: 2em;
    position: relative;
}

.col-stats .stat .wrap h4 {
    font-weight: 400;
    font-size: 100%;
    margin: -0.2em 0 1.5em 0;
    text-align: left;
}

.is_export .col-stats .stat .wrap h4 {
    text-align: center;
}

.col-stats .recap {
    position: absolute;
    left: 0;
    top: 50%;
    margin: -0.5em 0;
    height: 1em;
    line-height: 1em;
    font-weight: 600;
    font-size: 220%;
    width: 100%;
    text-align: center;
}

.col-stats .recap.with-btn {
    margin: -0.75em 0;
}

.col-stats .recap span {
    display: block;
    line-height: 1em;
    font-size: 35%;
    font-weight: 400;
}

.col-stats .recap sub {
    font-size: 35%;
    line-height: 0;
    font-weight: 400;
    position: absolute;
    bottom: 1em;
}

.col-stats .stat .legendes {
    padding-top: 1.5em;
    margin-top: 1.5em;
    border-top: 1px solid #E4E6E8;
}

.col-stats .stat .legendes p {
    margin: 0;
    text-align: left;
    white-space: nowrap;
    padding: 2px 0.2em 2px 12px;
    overflow: hidden;
    line-height: 1em;
    float: left;
    color: #545658;
    box-sizing: border-box;
    width: 50%;
    font-size: 75%;
    text-overflow: ellipsis;
    position: relative;
}

.col-stats .stat .legendes p span {
    position: absolute;
    left: 0;
    overflow: hidden;
    border: 1px solid rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    height: 9px;
    width: 9px;
    border-radius: 100%;
    text-align: center;
    top: 50%;
    margin: -5px 0;
}

.col-stats .stat .legendes p span strong {
    font-size: 200%;
    line-height: 40px;
    width: 40px;
    top: 50%;
    left: 50%;
    text-align: center;
    position: absolute;
    margin: -20px;
}

.col-stats canvas {
    height: 30em;
    position: relative;
    z-index: 3;
}

.col-stats input {
    display: none;
}

.col-stats .selector {
    position: absolute;
    right: 0;
    top: 0;
    margin: 0.8em 32px;
}

.periode-report {
    font-weight: 400;
    opacity: 0.6;
    padding-left: 1.6em;
    background: url(../images/pictos/calendar-2.svg) no-repeat 0 center;
    background-size: 1.2em;
    font-size: 90%;
}

.chart-circle {
    margin: 0;
    max-width: 260px;
    position: relative;
}

.al-c .chart-circle {
    margin: 0 auto;
}

.col-stats .large {
    width: 66.66%;
}

h3.hasMenuRight {
    float: left;
    margin: 0 !important;
}

.MenuRight {
    font-size: 80%;
    float: right;
}

.MenuRight select {
    max-width: 11em;
}

.MenuRight .calendar {
    padding-left: 1.6em;
    background: url(../images/pictos/calendar-2.svg) no-repeat 0 center;
    background-size: 1.2em;
}

.MenuRight a.export {
    display: block;
    color: #FFF;
    background: #e75480 url(../images/pictos/export.svg) no-repeat 0.5em center;
    font-weight: 400;
    border-radius: 3px;
    transition: background-color 0.2s;
    padding: 0.2em 0.4em 0.2em 2.2em;
    background-size: 1.5em;
}

.MenuRight a.export:hover {
    background-color: #000578;
}

.slide-toggle {
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -14px;
    flex: none;
    width: 38px;
    height: 20px;
    border-radius: 22px;
    background-color: #d7d2cb;
    cursor: pointer;
    transition: all 0.1s ease-in-out;
    z-index: 1;
}

.slide-toggle::before,
.slide-toggle::after {
    content: " ";
    display: block;
    position: absolute;
    top: 1px;
    border-radius: 18px;
    height: 18px;
    background-color: #FFF;
    transform: translate3d(0, 0, 0);
    transition: 0.2s cubic-bezier(0, 1.1, 1, 1.1);
}

.slide-toggle::before {
    z-index: -1;
    width: 36px;
    right: 1px;
    transform: scale(1);
}

.slide-toggle::after {
    z-index: 1;
    width: 18px;
    left: 1px;
    box-shadow: 0 1px 4px 0.5px rgba(0, 0, 0, 0.25);
}

input:checked+.slide-toggle {
    background-color: #e75480;
}

input:checked+.slide-toggle::before {
    transform: scale(0);
}

input:checked+.slide-toggle::after {
    transform: translate3d(18px, 0, 0);
}

.session_history:hover {
    border-color: #D2D4D6;
}

.session_history.open,
.session_history.open:hover {
    border-color: #000578;
}

.session_history.open .toggle.main {
    display: none;
}

.session_history .toggle.main {
    position: absolute;
    padding: 2px;
    margin: -2px;
    width: 100%;
    height: 100%;
    z-index: 1;
    left: 0;
    top: 0;
}

.session_history .closer.toggle {
    position: absolute;
    transition: background 0.1s;
    width: 4em;
    height: 100%;
    right: 0;
    top: 0;
    border-left: 1px solid #D2D4D6;
    padding: 2px;
    margin: -2px;
}

.session_history .closer.toggle span {
    width: 1em;
    height: 1em;
    line-height: 1em;
    left: 50%;
    top: 50%;
    margin: -0.5em;
    text-align: center;
    position: absolute;
    font-size: 250%;
    font-weight: 500;
    color: #000578;
    transition: color 0.2s, transform 0.3s;
}

.session_history.open .closer.toggle {
    background: #000578;
    border-left: none;
}

.session_history.open .closer.toggle span {
    transform: rotate(-45deg);
    color: #FFF;
}

.demat_document table {
    width: 100%;
    margin: 0;
    line-height: 125%;
}

.demat_document table td strong {
    font-size: 110%;
}

.demat_document.tetiere {
    padding-top: 0;
    padding-bottom: 0;
    color: #828486;
    margin: 1em 0 -0.5em 0;
    line-height: 100%;
    background: none;
    box-shadow: none;
}

.demat_document.tetiere th strong {
    font-weight: 500;
    font-size: 80%;
    color: #A2A4A6;
}

.demat_document table td {
    vertical-align: top;
}

.demat_document table th {
    vertical-align: bottom;
}

#menu svg path {
    fill: #FFF;
}

.demat_document .overlink {
    position: absolute;
    z-index: 1;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
}

.demat_document p.sessions {
    font-size: 85%;
    line-height: 125%;
    margin: 0.7em 0 0 0;
    padding-top: 0.6em;
    color: #929496;
    border-top: 1px dotted #D2D4D6;
}

.demat_document p.sessions a {
    color: #828486;
    display: inline-block;
    padding: 0.1em 0;
    font-weight: 400;
    position: relative;
    z-index: 2;
}

.overLoad {
    position: fixed;
    background: #FFF url(../images/loader.gif) no-repeat center center;
    opacity: 0.5;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 999999;
}

.demat_document p.sessions a:hover {
    text-decoration: underline;
}

.champ.recherche {
    padding-left: 2.8em;
    background: url(../images/pictos/search-dark.svg) #FFF no-repeat 0.9em center;
    background-size: 1.25em;
}

#menu menu .pipe {
    float: left;
    background: #FFF;
    height: 1.6em;
    margin: -0.1em 0 0.15em 18px;
    width: 1px;
    transition: background 0.2s;
    transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

.resetForm {
    position: absolute;
    font-size: 140%;
    font-weight: 400;
    text-align: center;
    border-radius: 50%;
    height: 1.2em;
    line-height: 1.2em;
    width: 1.2em;
    z-index: 3;
    text-decoration: none;
    background: #D2D4D6;
    transition: background 0.2s;
    color: #FFF;
    margin: 0.5em;
}

.resetForm:hover {
    background: #A2A4A6;
    color: #FFF;
}

#menu menu a:hover,
#menu menu a.actif,
menu span.onglet:hover,
#menu span.onglet.actif {
    border-bottom: 2px solid #FFF;
}

#menu .subMenu .column-right {
    padding: 0.8em 1.5em;
    background: #F1F2F3;
    position: absolute;
    right: 60px;
    top: 30px;
    width: 260px;
    font-weight: 400;
}

#menu .subMenu .column-right p {
    margin: 0.4em 0;
    padding: 0;
    line-height: 130%;
    display: block;
    float: none;
    font-size: 110%;
}

#menu .subMenu .column-right a {
    font-weight: 500;
    margin: 0;
    padding-left: 1.3rem;
    display: block;
    background: url(../images/pictos/arrow-colored.svg) no-repeat 0 0.3em;
    background-size: 0.9em;
    color: #444648;
}

#menu .subMenu .column-right h3 {
    margin: 0.8rem 0 0.5rem 0;
    padding: 0.5rem 0 0 0;
    border-top: 1px solid #0002;
    font-weight: 500;
    color: #161820;
    color: #e75480;
    line-height: 120%;
    display: block;
    float: none;
    font-size: 100%;
}

#menu .subMenu.open {
    padding-top: 110px;
    height: auto;
    opacity: 1;
    overflow: visible;
    transition: opacity 0.2s, padding-top 0.1s;
    transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

#menu .subMenu a {
    float: none;
    display: inline;
    padding: 0;
    margin: 0;
    transition: color 0.2s;
    transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
    font-weight: 400;
    color: #888;
}

#menu .subMenu a:hover {
    color: #200;
}

#menu .subMenu .columns {
    margin: 25px 400px 25px 60px;
    padding: 0 0 0 260px;
}

#menu .subMenu .columns+.columns {
    border-top: 1px solid #e75480;
    border-top-color: rgba(0, 0, 0, 0.1);
    padding-top: 25px;
}

#menu .subMenu .columns h3,
#menu .subMenu .columns h3 a {
    margin: 0;
    font-size: 110%;
    color: #000578;
    line-height: 90%;
    position: absolute;
    left: 30px;
    text-transform: uppercase;
    font-weight: 600;
}

#menu .subMenu .columns ul {
    margin: 0 0 30px 0;
    padding: 0;
    list-style: none;
    column-count: 4;
    column-count: 1 \9;
    clear: both;
}

#menu .subMenu .columns ul li {
    display: block;
    margin: 0;
    padding-right: 30px;
    box-sizing: border-box;
    break-after: right;
    line-height: 150%;
    float: left \9;
    width: 20% \9;
    page-break-inside: avoid;
}

#menu.show a.onglet.text {
    color: rgba(255, 255, 255, 0);
    z-index: 0;
}

#menu.show .band:before {
    position: absolute;
    background: rgba(0, 0, 0, 0);
    cursor: default;
    content: "";
    z-index: 2;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

#menu .subMenu {
    background: #FFF;
    position: absolute;
    left: 0;
    top: 0;
    padding-top: 0;
    height: 0;
    opacity: 0;
    width: 100%;
    z-index: 1;
    transition: opacity 0.2s;
    transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
    overflow: hidden;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
}

#menu .subMenu .wrap {
    color: #666;
    font-size: 77%;
    overflow: auto;
    max-height: 600px;
    max-height: calc(100vh - 130px);
    position: relative;
}

#menu .miniMenu {
    position: absolute;
    overflow: hidden;
    height: 0;
    padding: 0;
    z-index: 5;
    opacity: 0;
    transition: opacity 0.2s, margin 0.2s;
    left: 0;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.25);
    background: #FFF;
    box-sizing: border-box;
    width: auto;
    margin: 0 -1em;
    top: 100%;
    border-radius: 4px;
}

#menu .miniMenu a {
    border: none;
    color: #555;
    font-size: 110%;
    line-height: 110%;
    padding: 0.2em 0;
    display: block;
    font-weight: 400;
    text-align: left;
    white-space: nowrap;
    text-transform: none;
}

#menu .miniMenu a:hover {
    border: none;
    color: #000;
}

#menu .openMiniMenu.open .miniMenu {
    overflow: visible;
    margin-top: 1em;
    padding: 1.1em 1.4em;
    height: auto;
    opacity: 1;
}

#menu .openMiniMenu.open.onRight .miniMenu {
    transform: translateX(calc(-100% + 9em));
}

.miniMenu:before {
    position: absolute;
    bottom: 100%;
    height: 10px;
    width: 100%;
    left: 0;
    content: "";
}

#menu .openMiniMenu.open {
    border: none !important;
}

#menu .openMiniMenu .trigger {
    padding: 1em 0;
}

#menu .subMenu .closer {
    position: absolute;
    line-height: 150%;
    right: 60px;
    margin: 30px 0;
    padding-left: 24px;
}

#menu .subMenu .closer svg {
    position: absolute;
    top: 50%;
    width: 16px;
    height: 16px;
    margin: -8px 0;
    left: 0;
}

#menu .subMenu .closer svg path {
    transition: fill 0.2s;
    transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
    fill: #999;
}

#menu .subMenu .closer:hover svg path {
    fill: #200;
}

#menu menu a.picto,
#menu menu a.picto:hover {
    margin-top: -0.05em;
    border: none !important;
    z-index: 5;
    position: relative;
}

#menu menu a.picto svg {
    height: 24px;
    width: 24px;
    margin: 0;
    transition: fill 0.2s;
    transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
    fill: #FFF;
}

#menu menu a.picto.contact {
    margin-top: -0.2em;
}

#menu menu a.picto.contact svg {
    width: 30px;
    height: 30px;
}

#menu menu a.picto.menu {
    display: none;
}

#menu #logo svg {
    height: 76px;
    width: 76px;
    transition: fill 0.2s, height 0.2s, width 0.2s;
    transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

#menu #logo svg rect {
    fill: none;
    transition: opacity 0.3s;
    transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
    opacity: 0;
}

#menu #logo {
    margin-top: -25px;
    margin-bottom: -15px;
    margin-left: -55px;
    margin-right: 0;
    transition: all 0.2s;
    transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
    border: none;
    float: left;
    z-index: 5;
    position: relative;
}

.video-logo {
    height: 130px;
}

.is_verified {
    background: no-repeat center center url(../images/pictos/padlock.svg);
    background-size: contain;
    margin-left: -3rem;
    margin-top: -0.2rem;
    height: 1.5rem;
    width: 1.5rem;
    overflow: hidden;
    font-size: 0;
    text-indent: -500px;
    position: absolute;
}

@media screen and (min-width: 981px) {
    #menu.fixed {
        position: fixed;
    }

    #menu.fixed,
    #menu.fixed a.onglet,
    #menu.fixed a.trigger,
    #menu.slided,
    #menu.slided a.onglet,
    #menu.slided a.trigger {
        color: #999;
    }

    #menu.fixed .band p,
    #menu.slided .band p {
        color: #999;
        opacity: 1;
    }


    #menu.fixed,
    #menu.slided {
        background: #FFF;
        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    }

    #menu.slided {
        background: #FFF;
        z-index: 50;
    }

    #menu.slided .band {
        border-bottom: 3px solid #999;
        height: 90px;
    }

    #menu.fixed menu .pipe,
    #menu.slided menu .pipe {
        background: #888;
    }

    #menu menu a.slided,
    #menu menu a.slided {
        border-bottom: 8px solid #999 !important;
        padding-bottom: 11px;
    }

    #menu.fixed menu a.picto svg path,
    #menu.slided menu a.picto svg path {
        fill: #999;
    }

    #menu.fixed menu a.picto,
    #menu.slided menu a.picto {
        border: none;
    }

    #menu.fixed #logo svg .border,
    #menu.slided #logo svg .border {
        opacity: 0;
    }

    #menu.fixed #logo svg rect,
    #menu.slided #logo svg rect {
        fill: #e75480;
        opacity: 1;
    }


    #menu.fixed a.onglet:hover,
    #menu.slided a.onglet:hover,
    #menu.fixed span.onglet:hover,
    #menu.slided span.onglet:hover,
    #menu.slided a.onglet.actif,
    #menu.slided span.onglet.actif {
        border-bottom: 2px solid #888;
    }

}

#header p.infos {
    font-size: 100%;
    height: 30px;
    margin-top: -2.8em;
}

#header p.infos span {
    float: left;
    line-height: 30px;
}

#header p.infos span.pipe {
    font-size: 0;
    height: 30px;
    width: 1px;
    background: #FFF;
    margin: 0 20px;
}

#header p.infos .note {
    font-size: 85%;
}

#header p.infos .note span {
    float: left;
    font-family: "Star", Arial, Helvetica, sans-serif;
    color: #FC0;
    font-size: 150%;
    margin-top: -0.06em;
    margin-right: 0.2em;
}

#header-search a#closeSearchForm {
    position: absolute;
    width: 24px;
    height: 24px;
    margin: -12px 0;
    z-index: 20;
    border-radius: 100%;
    right: 8px;
    top: 50%;
    background: #BBB no-repeat center center url(../images/pictos/close.svg);
    transition: background-color 0.2s;
    transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
    background-size: 12px;
}

#header-search a#closeSearchForm:before {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0);
    content: "";
    top: 0;
    left: 0;
    margin: -10px -8px;
    padding: 10px 8px;
}

#header-search a#closeSearchForm:hover {
    background-color: #242424;
}

#header-search {
    position: absolute;
    z-index: 999;
    margin: -1.5em 0;
    padding: 1em 0;
    font-size: 85%;
    right: 150px;
    overflow: hidden;
    width: 0;
    opacity: 0;
    transition: opacity 0.1s, width 0.2s;
    transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

.show #header-search {
    overflow: visible;
    width: 500px;
    opacity: 1;
}

#header-search input {
    box-sizing: border-box;
    padding: 0 12px;
    position: relative;
    z-index: 10;
    height: 42px;
    line-height: 42px;
    border-radius: 2px;
    border: none;
    width: 100%;
    display: block;
    margin: 0;
    font-size: 100%;
    border: 1px solid #E5E5E5;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.12);
}

#header-search .suggested div {
    border: 1px solid #E5E5E5;
    border-width: 0 1px 1px 1px;
}

#header-search a {
    border: none !important;
    margin: 0;
}

#menu .band #header-search .suggested a {
    font-size: 100%;
}

a.back {
    padding-left: 1.5em;
    background: url(../images/pictos/arrow-back-black.svg) no-repeat 0 0.1em;
    background-size: 1em auto;
}

#header p.back {
    font-size: 110%;
    margin: 8em 0 0 0;
    position: relative;
    font-weight: 600;
}

#header p.back a {
    display: inline-block;
    padding-left: 1.6em;
    background: url(../images/pictos/arrow-back.svg) no-repeat 0 center;
    background-size: 1em auto;
}

#header h1 {
    font-size: 280%;
    line-height: 110%;
    margin: 0.5em 0;
    text-align: center;
    max-width: 960px;
    font-weight: 800;
}

#header h1 span.sub {
    font-size: 45%;
    font-weight: 600;
    display: block;
    line-height: 110%;
    margin: 0.5em 0;
}

#header .center {
    position: relative;
    z-index: 20;
}

#header.slide-long-title h1 {
    max-width: 1100px;
    font-size: 180% !important;
    font-weight: 600;
}

.no-wrap {
    white-space: nowrap;
}

section.grey+section.grey {
    box-shadow: 0 -1.5em 1.5em -1.5em rgba(0, 0, 0, 0.05);
    border-top: 1px solid rgba(0, 0, 0, 0.03);
}

.center {
    margin: 70px auto;
    padding: 0 60px;
    max-width: 1200px;
}

.center.large {
    max-width: 100%;
}

.center.small {
    max-width: 900px;
}

.text .videoBox {
    position: relative;
    padding: 28% 0;
    margin: 1.8em 0;
}

.text .videoBox iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
}

.content img {
    max-width: 100%;
    height: auto !important;
}

.text p.picture img {
    margin: 1em auto;
    border-radius: 20px;
}

.text .picture img {
    width: 100%;
    height: auto;
    border-radius: 20px;
}

.mini-portal {
    margin: 2em -0.6em;
}

.mini-portal p {
    float: left;
    width: 50%;
    margin: 0;
}

.mini-portal p a {
    margin: 0 0.6em;
    display: block;
    padding: 8em 2em 2em 2em;
    color: #000;
    text-align: center;
    text-decoration: none;
    font-size: 90%;
    line-height: 130%;
    background: #FFF no-repeat center 1.25em url(../images/picto_entreprise.png);
    background-size: 6.5em auto;
}

.mini-portal p a.particuliers {
    background-image: url(../images/picto_particuliers.png);
}

.mini-portal p a strong {
    display: block;
    font-size: 125%;
    margin-bottom: 0.3em;
    line-height: 130%;
    font-weight: 700;
}

#header .center.no-margin {
    margin-top: -4em;
    margin-bottom: -0.75em;
}

#header .center.no-margin h1 {
    font-size: 220%;
}

.classic-columns .col {
    float: left;
    box-sizing: border-box;
}

.classic-columns .col-33 {
    width: 33.33%;
}

.classic-columns .col-25 {
    width: 25%;
}

.classic-columns.univers {
    padding-left: 22%;
    position: relative;
}

.classic-columns.univers h2 {
    position: absolute;
    left: 0;
}

.classic-columns.univers h3 {
    font-weight: 500;
    font-size: 145%;
    padding-top: 3.3em;
    background: no-repeat 0 0;
    background-size: auto 2.6em;
    max-width: 200px;
}

.classic-columns.univers h3.modalite {
    background-image: url(../images/pictos/univers-modalite.svg);
}

.classic-columns.univers h3.connaissance {
    background-image: url(../images/pictos/univers-connaissance.svg);
}

.classic-columns.univers h3.certification {
    background-image: url(../images/pictos/univers-certification.svg);
}

.classic-columns.univers h3.productivite {
    background-image: url(../images/pictos/univers-productivite.svg);
}

.classic-columns.univers h3.longevite {
    background-image: url(../images/pictos/univers-longevite.svg);
}

.classic-columns.univers h3.meilleurs {
    background-image: url(../images/pictos/univers-meilleurs.svg);
}

.classic-columns.univers .col-33 {}

.textes .classic-columns.univers .col-33 p.adjust strong {
    white-space: nowrap;
    font-weight: normal;
}

/*.classic-columns.univers .col-33 p.adjust { max-width:240px;}*/
.classic-columns.univers p.buttons {
    font-size: 67%;
}

.classic-columns.univers p,
.classic-columns.univers h3 {
    margin-left: 15px !important;
    margin-right: 15px !important;
}

.text .classic-columns.univers.no-col h3 {
    font-size: 130%;
}

.classic-columns.univers.no-col {
    padding-left: 0;
    margin: 2em -13px;
}

#main-search {
    margin: 0 auto;
    max-width: 970px;
}

#main-search .input {
    padding-right: 85px;
    position: relative;
}

#main-search .input a.search {
    position: absolute;
    right: 0;
    top: 0;
    transition: background-color 0.2s;
    transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
    width: 70px;
    height: 70px;
    border-radius: 100%;
    text-indent: -300px;
    overflow: hidden;
    background: #e75480 url(../images/pictos/search.svg) no-repeat center center;
    background-size: 28px;
}

#main-search .input a.search:hover {
    background-color: #000578;
}

#main-search input {
    box-sizing: border-box;
    outline: none !important;
    padding: 0 30px;
    height: 70px;
    width: 100%;
    font-size: 100%;
    color: #FFF;
    border: 2px solid #FFF;
    border-radius: 35px;
    background: transparent no-repeat calc(100% - 20px) center;
    transition: color 0.2s, background 0.2s;
    transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

#main-search input.focus,
#main-search input:focus {
    background-color: #FFF;
    color: #000;
    border-radius: 5px;
}

#main-search input.focus.loading,
#main-search input.loading:focus {
    background-image: url(../images/loader-input.gif);
}

#main-search input::-webkit-input-placeholder {
    color: #FFF;
    opacity: 0.6;
}

#main-search input:-moz-placeholder {
    color: #FFF;
    opacity: 0.6;
}

#main-search input::-moz-placeholder {
    color: #FFF;
    opacity: 0.6;
}

#main-search input:-ms-input-placeholder {
    color: #FFF;
    opacity: 0.6;
}

#main-search input::-ms-input-placeholder {
    color: #FFF;
    opacity: 0.6;
}

#main-search p.exemples {
    font-size: 66.66%;
    margin: 1em 30px;
}

.suggested {
    position: absolute;
    width: 100%;
    box-sizing: border-box;
    height: 0;
    overflow: hidden;
    opacity: 0;
    transition: opacity 0.2s;
    transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
    z-index: 10;
}

#main-search .suggested {
    padding-right: 85px;
    margin-top: -5px;
}

.suggested div {
    background: #FFF;
    padding: 0;
    border-top: 1px solid #E2E2E2;
    border-radius: 0 0 2px 2px;
    overflow: hidden;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.12);
    color: #242424;
}

#main-search .suggested div {
    border-radius: 0 0 5px 5px;
}

.suggested div h3 {
    padding: 0 25px;
    margin: 25px 0 10px 0;
    font-size: 75%;
}

.suggested div a {
    display: block;
    padding: 10px 15px;
    line-height: 120%;
    color: #242424;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#main-search .suggested div a {
    padding: 18px 25px;
}

.suggested div a strong {
    font-weight: 600;
}

.suggested div a span {
    background: #FF0;
    background: rgba(255, 255, 0, 0.4);
    border-radius: 3px;
    padding: 0 2px;
    margin: 0 -2px;
}

.suggested div a:hover,
#header .suggested div a.focus {
    background: #f2f2f8;
}

.suggested div p.generate {
    line-height: 0 !important;
    float: none !important;
    font-size: 80% !important;
    opacity: 0.5 !important;
    margin: 0 !important;
    transform: translateY(-1.5em);
    padding: 0 15px !important;
    text-align: right !important;
}

.main-search input:focus+.suggested,
.main-search input.focus+.suggested {
    height: auto;
    opacity: 1;
    overflow: visible;
}

.pannels {
    font-size: 145%;
    padding: 0;
    border: 2px solid #F8F8F8;
    background: #F8F8F8;
    overflow: hidden;
}

.pannels ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.pannels ul li {
    float: left;
    width: 25%;
}

.pannels ul a {
    display: block;
    padding: 50px 60px;
    border: 3px solid #F8F8F8;
    background: #FFF;
    font-weight: 600;
    transition: transform 0.2s;
    transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
    position: relative;
    overflow: hidden;
}

.pannels ul a span {
    position: relative;
    z-index: 2;
}

.pannels ul a span span {
    display: block;
    font-weight: 300;
    font-family: Montserrat, Arial, Helvetica, sans-serif;
    margin-top: 0.8em;
}

.pannels ul a svg {
    height: 0.8em;
    width: auto;
}

.pannels ul a svg path {
    fill: #e75480;
}

.pannels.center {
    font-size: 100%;
    box-sizing: border-box;
    margin: 0 auto;
    background: #FFF;
    border-width: 0;
    overflow: visible;
}

.pannels.center ul a {
    padding: 40px 45px;
    border-width: 0 2px 0 0;
}

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

.ghost:before {
    content: "";
    transition: all 0.25s;
    transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
    position: absolute;
    background: #000578;
    background: -moz-linear-gradient(113deg, rgba(0, 5, 80, 0.9) 0%, rgba(0, 5, 80, 0.6) 100%);
    background: -webkit-linear-gradient(113deg, rgba(0, 5, 80, 0.9) 0%, rgba(0, 5, 80, 0.6) 100%);
    background: linear-gradient(113deg, rgba(0, 5, 80, 0.9) 0%, rgba(0, 5, 80, 0.6) 100%);
    width: 0;
    height: 100%;
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 0;
    padding: 5px;
    margin: -5px;
}

.ghost:hover:before {
    width: 100%;
    height: 120%;
    border-radius: 0;
    opacity: 0.2;
}

.center h1.al-c,
.center h2.al-c,
.center h3.al-c,
.center h4.al-c,
.center p.al-c {
    margin-left: auto;
    margin-right: auto;
    max-width: 800px;
}

.center p.al-c.filters-horizontal {
    max-width: none;
}

.center h2.al-c+.picture {
    margin-top: 2em;
}

.textes p {
    line-height: 160%;
    color: #606060;
}

.content p.tags {
    margin: 4em 0;
}

.textes p.tags {
    margin: -10px 0 1em 0;
}

.textes p.tags,
.text p.tags {
    font-size: 11px;
    font-weight: 500;
    min-height: 2.2em;
    overflow: hidden;
}

.textes p.tags a,
.text p.tags a {
    display: inline-block;
    line-height: 1.8em;
    padding: 0 0.6em;
    margin: 2px 0.3em 2px 0;
    color: #e75480;
    border: 1px solid #e75480;
    border-radius: 30px;
    white-space: nowrap;
    transition: border-color 0.2s, color 0.2s, background-color 0.2s;
    transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

p.tags a svg {
    float: left;
    height: 1.2em;
    width: 1.2em;
    margin: 0.2em 0.4em 0 0.06em;
}

p.tags a svg path {
    fill: #e75480;
    transition: fill 0.2s;
    transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

p.tags a:hover svg path {
    fill: #000578;
}

.textes p.tags a:hover,
.text p.tags a:hover {
    border-color: #000578;
    color: #000578;
}

p.tags a.actif,
p.tags a.actif:hover {
    border-color: #e75480;
    background-color: #e75480;
    color: #FFF;
}

p.tags a.actif svg path {
    fill: #FFF;
}

.articles {
    overflow: hidden;
}

#articles-home article:first-child {
    margin-top: 6em;
}

.articles article {
    padding-left: 54%;
    padding-left: calc(50% + 60px);
    min-height: 23em;
    position: relative;
    margin: 60px 0;
}

.articles article .illustration {
    position: absolute;
    left: 0;
    top: 0;
    margin-top: -40px;
    width: 46%;
    width: calc(50% - 60px);
    box-sizing: border-box;
}

.articles article .illustration img {
    display: block;
    max-width: 100%;
    height: auto;
    width: auto;
    max-height: 24em;
}

.articles article p.buttons {
    font-size: 66.66%;
}

.articles article h2,
.articles article h3,
.articles article h4 {
    font-weight: bold !important;
}

.articles article.block .illustration {
    background: #EEE no-repeat center center;
    background-size: cover;
    height: 23em;
    margin: 0;
    overflow: hidden;
}

.articles article.block .illustration .wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    align-content: center;
    flex-direction: column;
    color: #FFF;
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    overflow: auto;
    box-sizing: border-box;
    padding: 2em;
    transform: scale(1.1);
    background: #e75480;
    margin: 0;
    font-weight: 400;
    transition: opacity 0.5s, transform 0.5s;
    transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
    opacity: 0;
    animation-timing-function: ease-in;
}

.articles article.block .illustration:before {
    position: absolute;
    content: "";
    cursor: default;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 2;
}

.articles article.block .illustration .wrap.open {
    opacity: 1;
    z-index: 3;
    transform: scale(1);
}

.articles article.block .illustration .wrap * {
    margin-top: 0;
}

.articles article.block .illustration .wrap p {
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
}

.articles article.block {
    margin: 4em 0;
}

.text p.buttons+p.buttons {
    margin-top: 0;
}

.articles article.alterne {
    padding-right: 54%;
    padding-right: calc(50% + 60px);
    padding-left: 0;
}

.articles article.alterne .illustration {
    right: 0;
    left: auto;
}

p.buttons a,
div.buttons a {
    display: inline-block;
    border: 1px solid rgba(0, 0, 0, 0);
    box-sizing: border-box;
    color: #FFF;
    background: #e75480 no-repeat 0.95em 1.08em;
    line-height: 1.2em;
    position: relative;
    padding: 1.1em 1.1em;
    font-weight: 600;
    border-radius: 0.3em;
    transition: background-color 0.2s;
}

p.buttons.multiple a {
    margin: 0.3em 0.3em 0 0;
    margin: calc(0.2em + 1px) calc(0.2em + 1px) 0 0;
}

p.buttons.block a {
    display: block;
    margin: 0.5em auto;
    max-width: 750px;
}

p.buttons a.hover,
div.buttons a.hover {
    background-color: #000578;
}

p.buttons a.hover:hover,
div.buttons a.hover:hover {
    background-color: #030535;
}

p.buttons a.invert {
    color: #e75480;
    background-color: #F8F8F8;
    border: 1px solid rgba(0, 0, 0, 0.08);
}

p.buttons a.invert:hover {
    color: #e75480;
    background-color: #FFF;
}

p.buttons a.arrow.invert {
    background-image: url(../images/pictos/arrow-colored.svg);
}

p.buttons.documents a {
    color: #333;
    background-color: #F8F8F8;
    background-color: #fafafa;
    border: 1px solid rgba(0, 0, 0, 0.08);
    min-width: 11em;
    max-width: 40%;
    max-width: calc(50% - 20px);
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

p.buttons.documents a:hover {
    color: #000;
    background-color: #fafafa;
    border: 1px solid rgba(0, 0, 0, 0.28);
}

p.buttons.documents a.arrow {
    background-image: url(../images/pictos/arrow-colored.svg);
}

p.buttons a.linkedin {
    background: #0077b5 url(../images/pictos/linkedin.svg) no-repeat 0.7em 45%;
    position: relative;
    background-size: 1.9em;
    padding-left: 4.1em;
}

p.buttons a.linkedin:hover {
    background-color: #035b88;
}

p.buttons a.linkedin:before,
p.buttons a.linkedin:after {
    content: "";
    width: 1px;
    left: 3.3em;
    height: 100%;
    position: absolute;
    top: 0;
    background: rgba(0, 0, 0, 0.3);
}

p.buttons a.linkedin:after {
    margin-left: -1px;
    background: rgba(255, 255, 255, 0.25);
}

.block-sign {}

.block-sign a {}

a.sign {
    display: inline-block;
    border: 1px solid rgba(0, 0, 0, 0);
    border-radius: 0.3em;
    box-sizing: border-box;
    color: #FFF;
    white-space: nowrap;
    line-height: 1.2em;
    position: relative;
    padding: 1.1em 1.1em;
    font-weight: 600;
    transition: background-color 0.2s;
    transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
    background: #000578 url(../images/pictos/sign.svg) no-repeat 0.7em 45% !important;
    position: relative;
    background-size: 1.9em !important;
    padding-left: 4.1em !important;
    position: relative;
    pointer-events: fill;
    font-size: 90%;
}

a.sign:hover {
    background-color: #010446 !important;
}

a.sign:before,
a.sign:after {
    content: "";
    width: 1px;
    left: 3.3em;
    height: 100%;
    position: absolute;
    top: 0;
    background: rgba(0, 0, 0, 0.3);
}

a.sign:after {
    margin-left: -1px;
    background: rgba(255, 255, 255, 0.25);
}

p.long_cycle,
p .block-sign {
    position: relative;
    pointer-events: none;
    margin: 1rem 0 !important;
}

p.long_cycle a {
    display: inline-block;
    border: 1px solid rgba(0, 0, 0, 0);
    border-radius: 0.3em;
    box-sizing: border-box;
    color: #FFF;
    white-space: nowrap;
    line-height: 1.2em;
    position: relative;
    padding: 1.1em 1.1em;
    font-weight: 600;
    transition: background-color 0.2s;
    transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
    background: #000578 url(../images/pictos/cursus.svg) no-repeat 0.7em 45%;
    position: relative;
    background-size: 1.9em !important;
    padding-left: 4.1em !important;
    position: relative;
    pointer-events: fill;
    font-size: 90%;
}

p.long_cycle a:hover {
    background-color: #010446 !important;
}

p.long_cycle a:before,
p.long_cycle a:after {
    content: "";
    width: 1px;
    left: 3.3em;
    height: 100%;
    position: absolute;
    top: 0;
    background: rgba(0, 0, 0, 0.3);
}

p.long_cycle a:after {
    margin-left: -1px;
    background: rgba(255, 255, 255, 0.25);
}

p.long_cycle+p.block-sign {
    position: absolute;
    margin-top: -4.04em !important;
    margin-left: 11.3em !important;
}

p.buttons a.video {
    padding: 0.9em 1.5em 0.9em 4.5em;
    font-size: 90%;
    margin: 0.5em 0 1.5em 0;
    background-image: url(../images/pictos/play-white.svg);
    background-size: 3em;
    background-position: 0.75em center;
}

.grey p.buttons a.invert {
    color: #e75480;
    background-color: #FFF;
}

.buttons a.border {
    border: 2px solid #e75480;
    color: #e75480;
    background-color: transparent;
    transition: color 0.2s, border-color 0.2s;
    transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

.buttons a.border:hover {
    border-color: #000578;
    color: #000578;
    background-color: transparent;
}

p.buttons a.border.invert {
    border: 2px solid #000578;
    color: #000578;
}

p.buttons a.border.invert:hover {
    border-color: #010446;
    color: #010446;
}

p.buttons a.arrow,
p.buttons a.add {
    padding-left: 3.2em;
    background-image: url(../images/pictos/arrow.svg);
    background-size: 1.5em;
}

p.buttons a.add {
    background-image: url(../images/pictos/add.svg);
    background-position: 0.95em 0.9em;
    padding-left: 3em;
}

p.buttons a:hover,
div.buttons a:hover {
    background-color: #000578;
}

.grey .dash-actualites.opco strong {
    display: block;
    margin-bottom: 0.8em;
}

.grey .dash-actualites.opco img {
    height: 9em;
}

.dash-actualites {
    padding: 0;
    position: relative;
}

.dash-actualites h3 {
    font-size: 144%;
    margin: 0.5em 0 0.8em 0;
    max-width: 520px;
    line-height: 130%;
}

.dash-actualites.large h3 {
    max-width: 660px;
}

.dash-actualites h4 {
    margin: 0;
    color: #AAA;
    font-size: 95%;
    line-height: 120%;
    font-weight: 600;
}

.greyDark .dash-actualites.dossier {
    background: #EDEDED;
}

.dash-actualites.dossier {
    padding: 1px 0;
    background: #F8F8F8;
}

.dash-actualites.listing-form ul {
    border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.dash-actualites.listing-form li {
    font-weight: 400;
    background: none;
    padding: 0.5em 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.dash-actualites.listing-form h2 {
    padding-left: 1.4em;
    background: url(../images/pictos/fav-stroke.svg) no-repeat 0 0.12em;
    background-size: 1em;
}

.dash-actualites.listing-form h2.time {
    background-image: url(../images/pictos/time.svg);
}

.text p.small-text {
    font-size: 85%;
}

.dash-actualites.dossier article .wrap,
.dash-actualites.partenariats article .wrap {
    margin: 2em;
}

.dash-actualites.partenariats {
    margin: 1em -0.6em 2em -0.6em;
}

.dash-actualites.partenariats article {
    border-width: 0.6em 0.6em !important;
}

.dash-actualites.partenariats article.large {
    width: 100%;
}

.dash-actualites.partenariats article.large p {
    max-width: 600px;
}

.dash-actualites.partenariats p {
    margin: 1em auto;
    max-width: 450px;
}

.dash-actualites.partenariats p img {
    max-height: 8em;
    max-width: 100%;
}

.dash-actualites.partenariats article.large p img {
    max-height: 9em;
}

.dash-actualites.dossier article .picture {
    background-size: contain;
    background-color: #F8F8F8;
    background-color: rgba(0, 0, 0, 0.03);
    border: 20px solid transparent;
}

.dash-actualites.dossier.cover article .picture {
    background-size: cover;
    border: none;
}

.dash-actualites article.passif {
    opacity: 0.4;
}

.dash-actualites article p.arrow {
    margin: 1em 0 0 0;
}

.dash-actualites.jobs {
    font-size: 80%;
}

.dash-actualites.opco h3 {
    margin: 0;
    padding-right: 1em;
}

.dash-actualites.opco .logos {
    margin: 3em -0.5em -0.3em;
}

.dash-actualites.opco .logos a {
    position: relative;
    display: inline-block;
    overflow: hidden;
    text-align: center;
    width: 45%;
    width: calc(50% - 1.2em);
    padding: 0.6em 1em;
    box-sizing: border-box;
    box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.06);
    margin: 0 0.5em;
}

.dash-actualites.opco .logos a img {
    height: auto;
    width: auto;
    max-height: 6em;
    max-width: 100%;
    margin: 0 auto;
    display: block;
}

.dash-actualites.large article.double {
    width: 100%;
}

.dash-actualites.opco .double .logos a {
    width: 32%;
    width: calc(33% - 1em);
}

.dash-actualites.dossier.small article .wrap,
.dash-actualites.quizz article .wrap,
.dash-actualites.dossier.filiere article .wrap {
    margin: 1.5em;
}

.dash-actualites.dossier.filiere article .wrap {
    font-size: 85%;
}

.dash-actualites.dossier.filiere article .wrap p {
    background: url(../images/pictos/arrow-colored.svg) no-repeat 0 center;
    transition: all 0.2s;
    overflow: hidden;
    color: #e75480;
    color: rgba(255, 0, 0, 0);
    font-size: 110%;
    font-weight: 500;
    padding-left: 1.8em;
    background-size: 1.2em;
    text-indent: -500px;
    text-indent: calc(-0.5em);
    white-space: nowrap;
}

.dash-actualites.dossier.filiere.with-pdf article .wrap {
    padding-bottom: 3.1em;
    position: static !important;
}

.dash-actualites.dossier.filiere.with-pdf article .wrap p {
    color: #e75480;
    bottom: 3.6em;
    box-sizing: border-box;
    position: absolute;
    width: 100%;
    background-position: 2em center;
    overflow: hidden;
    text-overflow: ellipsis;
    opacity: 1;
    text-indent: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.06);
    padding: 1em 2em 1em 3.8em;
    margin: 0 -2em;
}

.dash-actualites.dossier.filiere.with-pdf article .wrap p+p {
    bottom: 0;
    background-image: url(../images/pictos/acrobat.svg);
}

.dash-actualites.dossier.filiere.with-pdf article .wrap p.disable {
    filter: grayscale(1);
    opacity: 0.5;
    border-top-color: rgba(0, 0, 0, 0.12);
    cursor: default;
}

.dash-actualites.dossier.filiere.with-pdf article .wrap p.solo {
    bottom: 3.6em;
}

.dash-actualites.dossier.filiere.with-pdf article .wrap p a {
    color: #e75480;
}

.dash-actualites.dossier.filiere article:hover .wrap p {
    text-indent: 0;
    color: #e75480;
}

.dash-actualites.dossier.filiere article {
    width: 33.33%;
}

.dash-actualites.dossier.filiere article .wrap {
    margin: 1em;
}

section.purple {
    background: #000578;
    color: #FFF;
    color: rgba(255, 255, 255, 0.95);
}

.purple .dash-actualites article {
    border-color: #000578;
    border-radius: 0.8rem;
}

.purple .dash-actualites {
    background-color: #000578;
}

.greyDark .dash-actualites article {
    border-color: #EDEDED;
}

.dash-actualites article {
    float: left;
    width: 33.33%;
    padding: 1px 0;
    position: relative;
    z-index: 3;
    overflow: hidden;
    border: 2px solid #F8F8F8;
    border-width: 0 4px;
    box-sizing: border-box;
    background: #FFF;
}

.dash-actualites article .wrap {
    margin: 2.5em;
    position: relative;
}

.dash-actualites.metier article {
    font-size: 75%;
    width: 25%;
}

.dash-actualites.dossier.small article {
    font-size: 75%;
    width: 20%;
}

.grey .dash-actualites article,
.dash-actualites.dossier article {
    border-width: 4px;
    font-size: 85%;
}

.grey .dash-actualites article .picture {
    margin: 1.5em 0;
}

.dash-actualites.quizz article .wrap,
.dash-actualites.small article .wrap,
.dash-actualites.metier article .wrap {
    margin: 2em;
}

.dash-actualites p.description {
    margin: 0;
    font-size: 130%;
    font-weight: 300;
}

.dash-actualites.dossier.small article .picture {
    height: 35px;
    padding: 26% 0;
    border: none;
    margin: 15px 0;
    background-size: cover;
}

.encart_formation.homepage {
    padding: 5px 1em 1px 1em;
    border: none !important;
    margin-bottom: 0.5em !important;
}

.encart_formation.homepage a.overAllLink {
    border: 1px solid #E2E4E6;
    padding: 1rem;
    margin: -1rem;
}

.encart_formation.homepage h4 {
    margin-top: 0.5em !important;
}

.encart_formation.homepage .chatroom {
    margin: -1rem;
    margin: calc(-1rem + 1px) -1rem;
}

a.overAllLink {
    position: absolute;
    content: "";
    z-index: 2;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 0.2em;
    margin: -0.2em;
    border-radius: 5px;
    cursor: pointer;
}

a.overLink:before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
}

article.purpleBtn a.overLink {
    color: #FFF;
}

article.purpleBtn {
    background: #000578;
    color: #FFF;
    border-radius: 0.7rem;
    overflow: hidden;
    transition: background-color 0.2s;
}

article.purpleBtn:hover {
    background: #030535;
    transition: background-color 0.4s;
}

.dash-actualites article .wrap a.overLink:before {
    position: absolute;
    content: "";
    z-index: 2;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 60px;
    margin: -60px;
    cursor: pointer;
}

.dash-actualites article .picture {
    height: 80px;
    background: no-repeat center center;
    background-size: cover;
    padding: 20% 0;
    margin: 40px 0;
}

.dash-actualites article p.tag {
    margin: 0;
    font-weight: 600;
    color: #e75480;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 85%;
}

.dash-actualites.large article {
    width: 50%;
}

.dash-actualites.small article {
    width: 25%;
}

.dash-actualites.small {
    padding-top: 1px;
}

section.padder {
    padding-top: 4%;
    padding-bottom: 4%;
}

.al-c {
    text-align: center;
}

.al-r {
    text-align: right;
}

.dash-actualites p.buttons {
    font-size: 90%;
    margin: 30px;
}

#worldmap h2 {
    position: relative;
    z-index: 5;
}

#worldmap h3 span {
    display: block;
}

#worldmap {
    overflow: hidden;
    height: 780px;
    background: #e9f6fe url(../images/carte-fond.png) no-repeat center center;
    position: relative;
}

#worldmapZoom {
    border: 3px solid #b0dde7;
    border-radius: 50%;
    top: 50%;
    left: 50%;
    width: 720px;
    height: 720px;
    margin: -323px;
    margin: -360px -280px;
    position: absolute;
    background: #b0dde7 url(../images/carte-zoom-france.png);
    background-size: cover;
    z-index: 2;
}


#worldmapZoom {
    border: 3px solid #b0dde7;
    border-radius: 50%;
    top: 50%;
    left: 50%;
    width: 620px;
    height: 620px;
    margin: -323px;
    margin: -360px -260px;
    position: absolute;
    background: #b0dde7 url(../images/carte-zoom-france.png);
    background-size: cover;
    z-index: 2;
}


#iberique {
    border: 3px solid #b0dde7;
    border-radius: 50%;
    top: 100%;
    right: 100%;
    width: 280px;
    height: 280px;
    margin: -323px;
    margin: -190px -226px;
    position: absolute;
    background: #b0dde7 url(../images/carte-zoom-iberique.png);
    background-size: cover;
    z-index: 2;
    box-shadow: 0 0 0 2px #e9f6fe;
}

#worldmapUnZoom {
    top: 50%;
    left: 50%;
    width: 1400px;
    height: 700px;
    margin: -350px -700px;
    position: absolute;
    z-index: 1;
}

h2.light,
h3.light,
h4.light,
h5.light {
    font-weight: 400 !important;
}

#worldmap a.point {
    position: absolute;
    font-size: 11px;
    transition: border-color 0.2s;
    transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
    width: 8px;
    height: 8px;
    margin: -6px;
    border: 2px solid #FFF;
    background: #e75480;
    border-radius: 100%;
}

#worldmap a.point strong {
    width: 200px;
    transition: color 0.2s;
    transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
    height: 0;
    line-height: 10px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -16px -100px;
    text-align: center;
    font-size: 10px;
    color: #000;
    font-weight: 400;
}

#worldmap a.point strong.bottom {
    margin: 7px -100px;
}

#worldmap a.point:hover {
    z-index: 2;
    border-color: #e75480;
}

#worldmap a.point:hover strong,
#worldmap a.hover strong {
    color: #e75480;
    display: block;
}

#worldmap a.point.disable,
#worldmap a.point.disable:hover {
    border-color: #FFF;
    cursor: default;
}

#worldmap a.point.disable strong,
#worldmap a.point.disable:hover strong {
    color: #000;
}

#contact {
    color: #FFF;
    padding: 2% 0;
    background: #e75480 url(../images/visuel-contact.jpg) no-repeat center center;
    background-size: cover;
    position: relative;
}

#contact .gradient {
    opacity: 0.85;
}

#contact .center {
    position: relative;
    z-index: 2;
}

#contact p.signika {
    font-size: 265%;
    padding-right: 42%;
    line-height: 120%;
    font-weight: 600;
}

#contact p.signika.long-text {
    font-size: 210%;
}

#contact p.buttons {
    position: absolute;
    right: 60px;
    bottom: 0;
}

.logos-carrousel {
    text-align: center;
}

.logos-carrousel .center {
    position: relative;
    padding: 0 130px;
    padding: 5px 100px 5px 100px;
    max-width: 3000px;
}

.logos-carrousel h3 {
    margin-bottom: 2em;
}

.logos-carrousel .logo {
    display: inline-block;
    margin: 0 25px;
}

.logos-carrousel .deuxlignes {
    display: inline-block;
    margin: 0 45px;
}

.logos-carrousel .logo img,
.logos-carrousel .deuxlignes img {
    width: auto;
    max-height: 96px;
    opacity: 0.7;
    height: 100%;
}

#main-search.sub-search {
    margin: 2em 0;
}

#main-search.sub-search input {
    background-color: #FFF;
    border-radius: 8px;
    border: 1px solid #EEE;
    color: #000;
}

#main-search.sub-search input::placeholder {
    color: #000;
}

.logos-carrousel.small {
    text-align: left;
}

.logos-carrousel.small .logo {
    display: inline-block;
    overflow: hidden;
    margin: 0 30px 0 0;
    padding: 0;
}

.logos-carrousel.small .logo img {
    max-height: 65px;
    opacity: 0.8;
}

.logos-carrousel.small .slick-list:before,
.logos-carrousel.small .slick-list:after {
    display: none;
}

.logos-carrousel.small .not-slide {
    padding: 0;
    margin: 0;
}

.slider button {
    position: absolute;
    z-index: 3;
    height: 80px;
    width: 60px;
    top: 50%;
    margin: -40px -90px;
    cursor: pointer;
    background: none no-repeat center center;
    border: none;
    border-radius: 30px;
    padding: 0;
    font-size: 0;
    opacity: 0.32;
    transition: opacity 0.2s;
    transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

.slider button:hover {
    opacity: 0.7;
}

.slider button.slick-prev {
    left: 0;
    background-image: url(../images/pictos/arrow-left.svg);
}

.slider button.slick-next {
    right: 0;
    background-image: url(../images/pictos/arrow-right.svg);
}

.slick-list:before,
.slick-list:after {
    position: absolute;
    top: 0;
    z-index: 3;
    height: 100%;
    width: 90px;
    content: "";
    background: linear-gradient(to right, rgba(255, 255, 255, 1) 1%, rgba(255, 255, 255, 0) 100%);
}

.slick-list:after {
    background: linear-gradient(to left, rgba(255, 255, 255, 1) 1%, rgba(255, 255, 255, 0) 100%);
}

section.greyDark .slick-list:before {
    background: linear-gradient(to right, #EDEDED 1%, rgba(255, 255, 255, 0) 100%);
}

.grey .slick-list:before {
    background: linear-gradient(to right, rgba(248, 248, 248, 1) 1%, rgba(255, 255, 255, 0) 100%);
}

section.greyDark .slick-list:after {
    background: linear-gradient(to left, #EDEDED 1%, rgba(255, 255, 255, 0) 100%);
}

.grey .slick-list:after {
    background: linear-gradient(to left, rgba(248, 248, 248, 1) 1%, rgba(255, 255, 255, 0) 100%);
}

.relative {
    position: relative;
}

.wrap {
    margin: 70px 0;
}

p.reset a {
    color: #000;
    line-height: 140%;
    display: inline-block;
    border-radius: 2px;
    padding: 0.75em 1em 0.75em 3em;
    background: url(../images/pictos/reset.svg) no-repeat 0.85em center #F4F4F4;
    background-size: 1.4em;
    transition: opacity 0.2s, background-color 0.2s;
    transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
    box-sizing: border-box;
}

p.reset a:hover {
    background-color: #EBEBEB;
}

.center.has-menu,
.has-menu,
.center.has-calendar,
.has-calendar {
    margin-top: 0;
    margin-bottom: 0;
}

.has-menu .sticky,
.has-calendar .sticky {
    position: relative;
    position: -webkit-sticky;
    position: sticky;
}

.center.text.small {
    max-width: 920px;
}

h1 .tag,
h2 .tag,
h3 .tag,
h4 .tag,
h5 .tag {
    display: block;
    color: #e75480;
    font-size: 55%;
    line-height: 120%;
    margin: 0.4em 0;
    font-weight: 500;
}

h1 .legende,
h2 .legende,
h3 .legende,
h4 .legende,
h5 .legende {
    padding-left: 1.6em;
    max-width: 860px;
    background: url(../images/pictos/arrow-black.svg) no-repeat 0.2em 0.25em;
    background-size: auto 0.66em;
    display: block;
    font-size: 75%;
    line-height: 130%;
    margin: 0.4em 0;
    font-weight: 400;
}

h1+p.buttons,
h2+p.buttons,
h3+p.buttons,
h4+p.buttons,
h5+p.buttons,
ul+p.buttons,
.text p+p.buttons {
    margin-top: 2.5em;
}

.text .legende strong {
    font-weight: 500;
}

.text .content h1,
.text .content h2,
.text .content h3,
.text .content h4,
.text .content h5 {
    margin: 1.4em 0 0.4em;
}

.text .content .al-c {
    margin-left: auto;
    margin-right: auto;
}

.slide-in {
    padding: 3% 0;
    position: relative;
    height: 23em;
    margin: 5em 0;
    overflow: hidden;
    font-size: 100%;
}

.slide-in .picture {
    background: rgba(0, 0, 0, 0.15);
    position: absolute;
    height: 100%;
    width: 52%;
    right: 48%;
    right: calc(50% - 70px);
    width: calc(50% + 70px);
    max-width: 1130px;
    top: 0;
    background-size: cover;
    border-radius: 20px;
}

.slide-in .center {
    position: relative;
    top: calc(50%);
    transform: translateY(-50%);
    margin-top: 0;
    margin-bottom: 0;
}

.slide-in .center .wrap {
    margin: 2.2em 2.4em;
}

.slide-in .center .content {
    background: #FFF;
    position: relative;
    z-index: 3;
    margin: 0;
    margin-right: -30px;
    margin-left: 40%;
    margin-left: calc(50% - 70px);
    padding: 1px 0;
    font-weight: 300;
    border-radius: 20px;
}

.slide-in.invert .center .content {
    margin-left: 0;
    margin-right: 40%;
    margin-right: calc(50% - 70px);
}

.slide-in.invert .picture {
    right: auto;
    left: calc(50% - 70px);
}

.slide-in.colored .center .content,
.slide-in.colored.invert .center .content,
.blue-background {
    background: #040855;
    background: -moz-linear-gradient(113deg, #000578 0%, #040855 70%);
    background: -webkit-linear-gradient(113deg, #000578 0%, #040855 70%);
    background: linear-gradient(113deg, #000578 0%, #040855 70%);
    color: #FFF;
}

.slide-in.colored .center .content p {
    font-size: 140%;
    font-weight: 600;
}

.slide-in.colored .center .wrap {
    min-height: 2.5em;
    display: flex;
    align-items: center;
    flex-direction: row;
}

.cta-reseaux {
    color: #e75480;
    font-weight: 400;
    display: inline-block;
    line-height: 1.2em;
}

.cta-reseaux svg {
    height: 1.2em;
    transform: translateY(-0.1em);
    width: 1.4em;
    fill: #e75480;
    vertical-align: middle;
}

.cta-reseaux:hover {
    color: #000;
}

.cta-reseaux:hover svg {
    fill: #000;
}

#podium {
    width: 100%;
    margin: 1.5em 0 2em 0;
}

#podium td {
    vertical-align: bottom;
    font-size: 115%;
    text-align: center;
}

#podium td p {
    font-weight: 400;
    margin: 1em auto;
    max-width: 260px;
    line-height: 120%;
}

#podium td.details {
    text-align: left;
    font-size: 75%;
    vertical-align: top;
}

#podium td.details ul {
    font-weight: 300;
    margin-top: 2px;
    background: #FFF;
    padding: 1.5em 2em;
    min-height: 4em;
    font-weight: 400;
    background: linear-gradient(180deg, #00057822 0.2em, #00057800 4.5em);
}

#podium td.details ul li {
    opacity: 0.8;
}

#podium td p strong {
    display: block;
    font-size: 160%;
    margin-top: 0.3em;
    line-height: 100%;
    color: #e75480;
    font-weight: 700;
}

#podium div {
    background: #040855;
    background: -moz-linear-gradient(113deg, #000578 0%, #040855 70%);
    background: -webkit-linear-gradient(113deg, #000578 0%, #040855 70%);
    background: linear-gradient(113deg, #000578 0%, #040855 70%);
    color: #FFF;
    font-size: 340%;
    font-weight: 600;
    padding: 0.5em 0;
    padding: calc(0.1em + 12%);
    margin-top: 2rem;
    text-align: center;
    line-height: 1em;
}

table.stats-bar {
    width: 100%;
    margin: 2em 0;
}

table.stats-bar td {
    text-align: right;
    padding: 0.6em 0;
    vertical-align: top;
    line-height: 1em;
    font-weight: 400;
}

table.stats-bar td.title {
    width: 33%;
}

table.stats-bar td.value {
    width: 4em;
    padding-left: 1em;
    color: #222;
}

table.stats-bar td.bar {
    padding: 0.4em 1.5em;
}

table.stats-bar .bar div {}

table.stats-bar .barNew {
    text-align: left;
    padding: 0.3em 0;
}

table.stats-bar .barNew div {
    position: relative;
    height: 1.6em;
    line-height: 1.6em;
    white-space: nowrap;
    text-indent: 0.4em;
    color: #e75480;
}

table.stats-bar .barNew div div {
    position: absolute;
    top: 0;
    left: 0;
    min-width: 0.2em;
    background: #e75480;
    overflow: hidden;
    color: #FFF;
    border-radius: 0.3em;
}

.text .content p+h1,
.text .content p+h2,
.text .content p+h3,
.text .content p+h4,
.text .content p+h5,
.text .content ul+h1,
.text .content ul+h2,
.text .content ul+h3,
.text .content ul+h4,
.text .content ul+h5,
.text .content ol+h1,
.text .content ol+h2,
.text .content ol+h3,
.text .content ol+h4,
.text .content ol+h5 {
    margin-top: 1.5em;
}

.has-calendar .content {
    width: 55%;
    width: calc(100% - 630px);
    box-sizing: border-box;
    padding-right: 40px;
    float: left;
}

#header.slide-formation h1 {
    /* padding-right: 48%;
    padding-right: calc(630px); */
}

.pannels.center ul {
    padding-right: 45%;
    padding-right: calc(630px);
}

div.has-calendar {
    padding: 0 60px;
}


#calendar_anchor {
    position: absolute;
    margin-top: -500px;
}

#calendar {
    width: 43%;
    width: calc(570px);
    float: right;
    padding: 1px;
    margin: 0;
    margin-top: -435px;
    z-index: 20;
    box-sizing: border-box;
    font-size: 85%;
}

#calendar div.block {
    padding: 1px;
    margin: 0px 0 30px 0;
    background: #FFF;
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.08);
    border-radius: 20px;
}

#calendar.sticky.parcours {
    margin: -412px 0 30px 0;
}

#calendar.sticky {
    margin: -175px 0 30px 0;
    /* top: 100px !important; */
}

#calendar.contact {
    /* top: -500px !important; */
}


#calendar #regions,
#calendar-up-selling #regions-up-selling {
    margin: 1em 2px;
    display: block;
    padding: 0;
    background: #EEE;
    position: relative;
}

#calendar #regions .col,
#calendar-up-selling #regions-up-selling .col {
    float: left !important;
    width: 16.66%;
    box-sizing: border-box;
}

#calendar #regions .col a,
#calendar-up-selling #regions-up-selling .col a {
    display: block;
    padding: 50% 0;
    position: relative !important;
    transition: background-color 0.2s, box-shadow 0.2s;
    transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

#calendar #regions .col a:hover,
#calendar #regions .col a.actif,
#calendar-up-selling #regions-up-selling .col a:hover,
#calendar-up-selling #regions-up-selling .col a.actif {
    background-color: #f5f5fa;
    box-shadow: 0 0 0 3px #f5f5fa;
}

#calendar #regions a svg,
#calendar-up-selling #regions-up-selling a svg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#calendar #regions a svg path,
#calendar-up-selling #regions-up-selling a svg path {
    fill: #DDD;
    fill: rgba(0, 0, 0, 0.2);
    transition: fill 0.2s;
    transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

#calendar #regions a svg path.current,
#calendar-up-selling #regions-up-selling a svg path.current {
    fill: #888;
}

#calendar #regions a:hover svg path.current,
#calendar-up-selling #regions-up-selling a:hover svg path.current {
    fill: #222;
}

#calendar #regions a.actif:hover svg path.current,
#calendar #regions a.actif svg path.current,
#calendar-up-selling #regions-up-selling a.actif:hover svg path.current,
#calendar-up-selling #regions-up-selling a.actif svg path.current {
    fill: #F22A2A;
}

.legende-block {
    font-style: italic;
    font-weight: 400;
    color: #888;
    font-size: 75%;
    margin-left: 0.4em;
    white-space: nowrap;
}

.legende-block:before {
    content: "•";
    margin-right: 0.4em;
}

table .small {
    font-size: 75%;
    display: block;
    line-height: 120%;
    font-weight: lighter;
}

table .block {
    display: block;
}

.ol {
    padding-left: 1em;
    text-indent: -1em;
}

.table {
    margin: 1em -0.5em 3em -0.5em;
    font-size: 85%;
    font-weight: 300;
}

.table .table {
    margin: 0;
    font-size: 100%;
}

.table table.small {
    font-size: 90%;
}

.table table {
    width: 100%;
    font-size: 100%;
    border-collapse: separate;
    border-spacing: 0.5em 0;
}

.table table strong {
    font-weight: 500;
}

.table table td,
.table table th {
    line-height: 140%;
    padding: 0.7em 0.2em;
    border-bottom: 1px solid #AAA;
}

.table table th {
    line-height: 120%;
    vertical-align: bottom;
}

.table table p {
    margin: 0;
    line-height: 150%;
}

.table table p+p {
    margin-top: 0.75em;
}

.table table th p {
    margin: 0;
}

.table table td {
    vertical-align: top;
}

.table table th {
    font-weight: 600;
    border-bottom: 2px solid #666;
}

p.legende {
    margin: 0.25em 0;
    font-size: 75%;
    color: rgba(0, 0, 0, 0.6);
}

.has-calendar p.legende {
    font-size: 100%;
    color: #222;
    font-style: italic;
}

p.legende+div.table {
    margin-top: 0;
}

div.table+p.legende {
    margin-top: -2.8em;
    margin-bottom: 3em;
    margin-left: 1em;
    text-indent: -1em;
}

#calendar-anchor {
    position: fixed;
    margin-top: 80px;
}

#calendar .blocks,
#calendar-up-selling .blocks {
    margin: 1em -5px;
}

#calendar .blocks div.col,
#calendar-up-selling .blocks div.col {
    float: left;
    width: 33.33%;
}

#calendar .blocks p,
#calendar-up-selling .blocks p {
    color: #6a6a6a !important;
    font-weight: 500;
    cursor: default;
    border: 1px solid #dddddd;
    border-radius: 10px;
    white-space: normal;
    padding: 1em 0.8em;
    font-size: 65%;
    line-height: 100%;
    margin: 3px;
}

#calendar .blocks p a,
#calendar-up-selling .blocks p a {
    color: #6a6a6a !important;
    padding: 0.2em 0.2em;
}

#calendar .blocks p strong,
#calendar-up-selling .blocks p strong {
    font-weight: 600;
    font-size: 140%;
    line-height: 120%;
    display: block;
    margin: 0.25em 0 -0.1em 0;
}

#calendar .dates p.entry .picto,
#calendar-up-selling .dates p.entry .picto {
    position: absolute;
    z-index: 5;
    background: no-repeat center center url(../images/pictos/session_confirmee.svg);
    background-size: contain;
    width: 1.5em;
    height: 1.5em;
    top: 50%;
    right: 14.6em;
    margin: -0.75em 0;
    overflow: hidden;
    text-indent: -500px;
    cursor: help;
    border-radius: 100%;
}

#calendar .dates p.entry.garantie .lieu,
#calendar-up-selling .dates p.entry.garantie .lieu {
    line-height: 1.4em;
    overflow: visible;
}

#calendar .dates p.entry.garantie .lieu span,
#calendar-up-selling .dates p.entry.garantie .lieu span {
    position: absolute;
    margin-top: 1.8em;
    color: #FFF;
    background: #0C0;
    padding: 0.2em 0.3em;
    font-size: 11px;
    font-weight: 500;
    line-height: 100%;
    border-radius: 3px;
}

#calendar .dates p.entry .picto.garantie,
#calendar-up-selling .dates p.entry .picto.garantie {
    background-image: url(../images/pictos/session_garantie.svg);
}

#calendar .dates,
#calendar-up-selling .dates {
    height: 0;
    overflow: hidden;
    opacity: 0;
    margin: 0;
    transition: opacity 0.6s;
    position: absolute;
}

#calendar .dates.open,
#calendar-up-selling .dates.open {
    margin: 1.8em 0 1em 0;
    cursor: default;
    height: auto;
    opacity: 1;
    overflow: visible;
    position: static;
}

#calendar .dates p.entry,
#calendar-up-selling .dates p.entry {
    border: 1px solid #E8E8E8;
    border-width: 1px 0;
    margin: 0;
    height: 2.5em;
    line-height: 2.5em;
    padding: 0.6em 8.5em 0.6em 0;
    margin: -1px -2px 0 -2px;
    position: relative;
    overflow: hidden;
    font-size: 90%;
    font-weight: 300;
}

#calendar .dates p.entry a,
#calendar-up-selling .dates p.entry a {
    font-size: 75%;
    font-weight: 600;
    padding-top: 0;
    padding-bottom: 0;
    line-height: 3.4em;
    height: 3.4em;
    top: 50%;
    margin: -1.7em 0;
    box-sizing: border-box;
    right: 3px;
    position: absolute;
}

#calendar .dates p.entry .col,
#calendar-up-selling .dates p.entry .col {
    float: left;
    font-weight: 300;
    width: 26%;
    padding: 0 3px;
    overflow: hidden;
    box-sizing: border-box;
    text-overflow: ellipsis;
    width: calc(6.2em);
    white-space: nowrap;
    position: relative;
}

#calendar .dates p.entry strong.col,
#calendar-up-selling .dates p.entry strong.col {
    font-weight: 500;
    width: 44%;
    padding: 0 0.5em;
    width: calc(100% - 15em);
}

#calendar .dates p.entry .col.prix,
#calendar-up-selling .dates p.entry .col.prix {
    float: right;
    text-align: right;
}

#calendar .dates p.entry .col.multi,
#calendar-up-selling .dates p.entry .col.multi {
    line-height: 1em;
    padding-top: 0.3em;
}

#calendar .dates p.entry .col.date,
#calendar-up-selling .dates p.entry .col.date {
    white-space: normal;
    overflow: visible;
    width: 30%;
    width: calc(7.2em);
}

#calendar.add-to-basket .dates p.entry,
#calendar-up-selling.add-to-basket .dates p.entry {
    padding-right: 3.5em;
}

#calendar.add-to-basket .dates p.entry a,
#calendar-up-selling.add-to-basket .dates p.entry a {
    width: 3.4em;
    padding: 0;
    background-image: url(../images/pictos/panier-add.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 2.5em;
    right: 0;
    font-size: 80%;
    border-radius: 5px;
    transition: all 0.3s;
}

#calendar.add-to-basket .dates p.entry a span,
#calendar-up-selling.add-to-basket .dates p.entry a span {
    position: absolute;
    right: 100%;
    top: 0;
    height: 100%;
    line-height: 3.4em;
    border-radius: 5px 0 0 5px;
    padding: 1px 0.8em 1px 1em;
    background: #e75480;
    background: transparent;
    color: #FFF;
    margin: -1px -0.8em;
    white-space: nowrap;
    pointer-events: none;
    opacity: 0;
    transition: all 0.3s;
}

#calendar.add-to-basket .dates p.entry a span strong,
#calendar-up-selling.add-to-basket .dates p.entry a span strong {
    font-size: 130%;
    font-weight: 500;
}

#calendar.add-to-basket .dates p.entry a:hover,
#calendar-up-selling.add-to-basket .dates p.entry a:hover {
    border-radius: 0 5px 5px 0;
}

#calendar.add-to-basket .dates p.entry a:hover span,
#calendar-up-selling.add-to-basket .dates p.entry a:hover span {
    pointer-events: fill;
    margin: -1px -1px;
    opacity: 1;
    background: #000578;
}

.overAllInside {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    min-height: 100%;
    display: flex;
    padding: 2rem;
    box-sizing: border-box;
    background-color: rgba(0, 0, 0, 0.6);
    border-radius: 0.5rem;
    z-index: 5000;
    opacity: 0;
    pointer-events: none;
    transition: all 0.25s;
}

.overAllInside.open {
    opacity: 1;
    pointer-events: fill;
}

.overAllInside form,
#form-basket-result {
    border-radius: 0.3rem;
    box-shadow: 0 0.2rem 1rem rgba(0, 0, 0, 0.08);
    margin: auto;
    background: #FFF;
    max-width: 740px;
    min-width: 30rem;
}

.overAllInside form h3,
.overAllInside #form-basket-result h3 {
    font-size: 100%;
    color: #242628;
    margin: 1rem auto !important;
    max-width: 15em;
    font-weight: 500;
}

.overAllInside .wrap {
    margin: 2rem;
}

.overAllInside hr.classic {
    border: none;
    border-top: 1px solid #E2E4E6;
    margin: 2rem -2rem;
}

.inputCount {
    display: flex;
    flex-direction: row;
    align-items: center;
    text-align: center;
}

.inputCount a {
    display: inline-block;
    border: 1px solid #D2D4D6;
    height: 2.5rem;
    line-height: 2.5rem;
    border-radius: 0.5rem 0 0 0.5rem;
    width: 2.5rem;
    background-color: #FCFDFE;
    margin: 0 0 0 auto;
    color: #747678;
    font-size: 130%;
    font-weight: 500;
    transition: all 0.25s;
}

.inputCount a:hover {
    background-color: #F3F4F6;
    color: #242628;
}

.inputCount input {
    width: 4.5rem;
    margin: 0 -1px;
    height: 2.5rem;
    position: relative;
    padding: 0;
    text-align: center;
    border: 1px solid #D2D4D6;
    font-family: Montserrat, Arial, Helvetica, sans-serif;
    font-weight: 500;
    font-size: 125%;
}

.inputCount input+a {
    margin: 0 auto 0 0;
    border-radius: 0 0.5rem 0.5rem 0;
}

input.checker {
    position: absolute;
    opacity: 0;
    cursor: default;
}

input.checker+label {
    display: block;
    position: relative;
    pointer-events: none;
    line-height: 1.4rem;
    padding: 0.75rem 0.75rem 0.75rem 5.2rem;
    border: 1px solid #E2E4E6;
    margin: 1.5rem -0.25rem;
    border-radius: 0.5rem;
    font-size: 90%;
}

input.checker+label:before {
    top: 50%;
    transition: all 0.25s;
    width: 2.2rem;
    position: absolute;
    height: 1.2rem;
    border-radius: 16px;
    margin-top: -0.6rem;
    background: rgba(0, 10, 20, 0.1);
    box-shadow: 0 0 0.3rem rgba(0, 0, 0, 0.12) inset;
    content: "";
    pointer-events: fill;
    cursor: pointer;
    left: 1rem;
}

input.checker+label:after {
    top: 50%;
    transition: all 0.25s;
    box-shadow: 0 0 0.1rem rgba(0, 0, 0, 0.08);
    width: 1rem;
    height: 1rem;
    margin: -0.5rem 0.1rem;
    position: absolute;
    background: #FFF;
    border-radius: 100%;
    content: "";
    pointer-events: fill;
    cursor: pointer;
    left: 1rem;
}

input.checker+label strong:before {
    top: 0;
    left: 4.2rem;
    width: 1px;
    height: 100%;
    background: #E2E4E6;
    content: "";
    position: absolute;
}

input.checker:checked+label:before {
    background-color: #e75480;
}

input.checker:checked+label:after {
    left: 2rem;
}

input.checker_small {
    position: absolute;
    opacity: 0;
    cursor: default;
}

input.checker_small+label {
    display: block;
    position: relative;
    pointer-events: none;
    line-height: 1.4rem;
    padding-left: 2.4rem;
    border-radius: 0.5rem;
    font-size: 90%;
    opacity: 0.6;
    transition: opacity 0.3s;
}

input.checker_small+label:before {
    top: 50%;
    transition: all 0.25s;
    width: 1.8rem;
    position: absolute;
    height: 1rem;
    border-radius: 16px;
    margin-top: -0.5rem;
    background: rgba(0, 10, 20, 0.1);
    box-shadow: 0 0 0.3rem rgba(0, 0, 0, 0.12) inset;
    content: "";
    pointer-events: fill;
    cursor: pointer;
    left: 0.3rem;
}

input.checker_small+label:after {
    top: 50%;
    transition: all 0.25s;
    box-shadow: 0 0 0.1rem rgba(0, 0, 0, 0.08);
    width: 0.8rem;
    height: 0.8rem;
    margin: -0.4rem 0.1rem;
    position: absolute;
    background: #FFF;
    border-radius: 100%;
    content: "";
    pointer-events: fill;
    cursor: pointer;
    left: 0.3rem;
}

input.checker_small:checked+label:before {
    background-color: #e75480;
}

input.checker_small:checked+label:after {
    left: 1.1rem;
}

input.checker_small:checked+label {
    opacity: 1;
}

#basket .alerte {
    margin-left: -0.8em !important;
}

#panier .inputCount {
    display: block;
    flex-direction: row;
    align-items: center;
    text-align: center;
}

#panier .inputCount a {
    display: inline-block;
    border: 1px solid #C4C6C8;
    height: 1rem;
    line-height: 1rem;
    border-radius: 0 0 0 0.3rem;
    background-color: #FCFDFE;
    margin: 0;
    color: #A2A4A6;
    font-size: 100%;
    font-weight: 500;
    transition: all 0.25s;
    position: absolute;
    width: 50%;
    top: 1.5rem;
    margin: 1px -1px;
}

#panier .inputCount a:hover {
    background-color: #F3F4F6;
    color: #242628;
}

#panier .inputCount input {
    width: 100%;
    border-radius: 0.3rem 0.3rem 0 0;
    margin: 0 -1px;
    height: 1.5rem;
    position: relative;
    z-index: 3;
    padding: 0;
    text-align: center;
    border: 1px solid #C4C6C8;
    font-family: Montserrat, Arial, Helvetica, sans-serif;
    font-weight: 500;
    font-size: 90%;
}

#panier .inputCount input+a {
    right: 0;
    left: auto;
    border-radius: 0 0 0.3rem 0;
}

#panier .trainnees {
    border: 1px solid #F80;
    overflow: hidden;
    position: relative;
    margin-top: 0.4rem;
    display: flex;
    color: #F80;
    font-weight: 400;
    padding: 2px;
    line-height: 1.5rem;
    font-size: 80%;
    border-radius: 0.3rem;
    display: inline-block;
    cursor: default;
}

#panier .trainnees a {
    color: #FFF;
    background-color: #F80;
    font-weight: 500;
    line-height: 1.5rem;
}

#panier .trainnees a:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 2rem;
    content: "";
}

#panier .trainnees span,
#panier .trainnees a {
    display: inline-block;
    border-radius: 0.2rem;
    padding: 0 0.3rem;
}

#panier .trainnees.ok {
    border: 1px solid #0B6;
    color: #0B6;
}

#panier .trainnees.ok a {
    background-color: #0B6;
}

#panier:before {
    opacity: 0;
    content: "";
    position: absolute;
}

#panier.loading:before {
    top: 0;
    left: 0;
    cursor: default;
    width: 100%;
    height: 100%;
    z-index: 100;
    border-radius: 0.6rem;
    background: #FFF8 url(../images/spinner-dark.svg) no-repeat calc(100% - 2.3rem) 2.3rem;
    background-size: 2.2em;
    opacity: 0.6;
    transition: opacity 0.2s;
}

#panier h2 {
    margin: -0.2rem 0 0.2rem 0;
}

#panier h2+p {
    margin: 0 0 2rem 0;
}

#panier .trainee {
    padding: 1rem 0;
    border: 1px solid #D6D8DA;
    border-width: 1px 0;
    margin: -1px 0.3rem 0 0;
    position: relative;
    font-size: 95%;
}

#panier .trainee p {
    margin: 0;
    color: #000578;
    font-weight: 400;
    font-size: 90%;
    font-style: italic;
}

#panier .item {
    padding: 1rem 0;
    border-top: 1px solid #D6D8DA;
    margin: -1px 0.3rem 0 0;
    position: relative;
    font-size: 95%;
}

#panier .item .price {
    position: absolute;
    right: 0;
    color: #000578;
    width: 7em;
    top: 1rem;
    line-height: 115%;
    padding: 0 0.8rem 0 0;
    font-weight: 600;
    white-space: nowrap;
    text-align: right;
}

#panier .item p {
    color: #727476;
    margin: 0 11.5em 0 0;
}

#panier .item .quantity {
    position: absolute;
    right: 6.5em;
    width: 3em;
    top: 0.8rem;
    line-height: 115%;
    padding: 0 0;
    font-weight: 600;
    white-space: nowrap;
}

#panier .item p span {
    font-size: 85%;
    color: #e75480;
    font-weight: 500;
    display: block;
    margin: 0;
    line-height: 115%;
}

#panier .item p strong {
    display: block;
    line-height: 110%;
    margin-bottom: 0.2rem;
    font-weight: 600;
    color: #242628;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0.1rem 0;
}

#panier .item a.trash {
    background: no-repeat center center url(../images/pictos/trash.svg);
    background-size: 1.3em;
    right: -1.9rem;
    margin: -1px;
    height: 2.8rem;
    width: 1.9rem;
    border: 1px solid #A6A8AA;
    border-radius: 0 0.2rem 0.4rem 0.4rem;
    position: absolute;
    top: 0;
    overflow: hidden;
    text-indent: -500px;
    transition: opacity 0.2s, border-color 0.2s;
    opacity: 0.5;
}

#panier .item a.trash:hover {
    opacity: 1;
    border-color: #D6D8DA;
}

#panier .item .certification {
    font-size: 90%;
    margin-top: 0.5rem;
    position: relative;
    padding-right: 8rem;
}

#panier .item .certification .price {
    top: 0.4rem;
    font-size: 90%;
    color: #222426;
    opacity: 0.3;
    transition: opacity 0.2s;
}

#panier .item .certification .check_certif:checked+label+.price {
    opacity: 1;
}

#panier .item .certification label {
    display: inline-block;
    max-width: 99%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding: 0.1rem 0.8rem 0.1rem 2.4rem;
    background: #F2F4F6;
    color: #000;
    border-radius: 0.4rem;
    cursor: pointer;
}

#panier .item .certification label strong {
    font-weight: 500;
}

.check_certif {
    position: absolute;
}

#panier .item p a {
    color: #111111;
}

#panier .item.total {
    border-color: #626466;
    border-width: 2px 0;
    border-style: solid;
    z-index: 2;
    font-size: 125%;
    font-weight: 700;
    padding: 1.4rem 0;
}

#panier .item.total .price {
    font-weight: 700;
    width: 9rem;
    padding-right: 0.8rem;
}

#panier .item.total .price span {
    display: block;
    font-size: 66%;
    font-weight: 500;
    margin-top: -0.25em;
    white-space: nowrap;
}

#popup #mini-popup {
    padding: 1px;
    display: none;
    box-shadow: 0 0 1.5rem rgba(0, 0, 0, 0.08);
    position: fixed;
    width: 95%;
    width: calc(100% - 4rem);
    max-width: 32rem;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 25;
    opacity: 1;
}

#popup #mini-popup .wrap {
    margin: 1.5rem;
}

#popup {
    position: fixed;
    overscroll-behavior: contain;
    box-sizing: border-box;
    display: flex;
    padding: 1rem 3rem;
    background: rgba(0, 0, 0, 0.7) no-repeat center center;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    z-index: 1100;
}

#popup article:not(fieldset article) {
    padding: 1px;
    box-shadow: 0 0 1.5rem rgba(0, 0, 0, 0.03);
    position: relative;
    max-width: 38rem;
    width: 100%;
    margin: auto;
    background: #FFF;
    border-radius: 0.4rem;
    opacity: 0;
}

#popup article.x-large {
    max-width: 60rem;
}

#popup article.large {
    max-width: 60rem;
}

#popup article.small {
    max-width: 30rem;
}

#popup article .wrap {
    margin: 2rem;
}

.form-flex {
    display: flex;
    margin: 0.6rem -0.25rem;
}

.form-flex .form-group {
    margin: 0 0.25rem;
    width: 48%;
    width: calc(50% - 0.5rem);
}

.form-flex+.form-group {
    margin: 0.6rem 0;
}

#content article a.closer,
#popup article a.closer {
    position: absolute;
    z-index: 5;
    transition: background-color 0.2s;
    background: #D0D2D4;
    color: #FFF;
    font-weight: 400;
    font-size: 200%;
    height: 1em;
    width: 1em;
    line-height: 1.05em;
    text-align: center;
    margin: 2.4rem 2rem;
    right: 0;
    top: 0;
    border-radius: 100%;
}

#content article a.closer:hover,
#popup article a.closer:hover {
    background-color: #929496;
}

/* body.blur { filter: blur(6px);} */
body.blur {
    overflow: hidden;
}

input[type=number] {
    -moz-appearance: textfield;
    appearance: textfield;

}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
}

/*#calendar p.entry .col.date { color:#999; color:rgba(0,0,0,0.4); }*/
#calendar h2,
#calendar-up-selling h2 {
    font-size: 160%;
    line-height: 125%;
}

#calendar h3,
#calendar-up-selling h3 {
    font-size: 130%;
    line-height: 125%;
    margin-bottom: 1.2em !important;
}

#calendar h3,
#calendar p,
#calendar-up-selling h3,
#calendar-up-selling p {
    margin: 0.5em 0;
}

.stores {
    color: #AAA;
    font-size: 100%;
}

.stores hr {
    margin: 35px 0 20px 0;
}

.stores a {
    opacity: 0.3;
    filter: grayscale(100%);
    transition: all 0.2s;
}

.stores a:hover {
    opacity: 1;
    filter: grayscale(0);
}

.stores a img {
    height: 2.5em;
}

#calendar form h3,
#calendar form h2,
#calendar-content h3,
#calendar-up-selling form h3,
#calendar-up-selling form h2,
#calendar-content-up-selling h3 {
    padding-right: 40px;
}

#calendar form .closer,
.overLay .closer,
#calendar-content .closer,
#calendar-up-selling form .closer,
#calendar-content-up-selling .closer {
    position: absolute;
    right: 0;
    color: #000;
    font-size: 180%;
    font-weight: 500;
    width: 1.2em;
    height: 1.2em;
    line-height: 1.2em;
    text-align: center;
    border-radius: 100%;
    margin: -0.2em;
    border: 1px solid #333;
}

#calendar .show-more-results+p.buttons.block,
#calendar-up-selling .show-more-results+p.buttons.block {
    margin-top: 0.2em;
}

#calendar .show-more-results.open+p.buttons.block,
#calendar-up-selling .show-more-results.open+p.buttons.block {
    margin-top: 1.2em;
}

#calendar p.buttons.block,
#calendar-up-selling p.buttons.block {
    margin: 1.2em 0;
}

#calendar p.buttons.block a,
#calendar-up-selling p.buttons.block a {
    padding: 1em 0;
    font-weight: 600;
    text-align: center;
    font-size: 110%;
    margin: 0 -2px;
}

#calendar h3,
#calendar h4,
#calendar-up-selling h3,
#calendar-up-selling h4 {
    font-weight: 600;
}

#calendar .wrap {
    position: relative;
    margin: 30px;
}

#calendar.loading .wrap:before,
#calendar-up-selling.loading .wrap:before {
    position: absolute;
    padding: 5px;
    margin: -5px;
    content: "";
    z-index: 5;
    opacity: 0.8;
    background: rgba(255, 255, 255, 0.8) url(../images/loader.gif) no-repeat center center;
    width: 100%;
    height: 100%;
}

.has-menu menu {
    float: left;
    margin: 0;
    width: 35%;
    width: calc(440px);
    padding: 0 50px 0 0;
    box-sizing: border-box;
}

.has-menu .content {
    float: right;
    margin: 0;
    width: 65%;
    width: calc(100% - 440px);
    box-sizing: border-box;
}

.has-menu.small-menu menu {
    width: 30%;
    width: calc(370px);
}

.has-menu.small-menu .content {
    width: 70%;
    width: calc(100% - 370px);
}

.has-menu .box-titles h3 {
    width: 30%;
    width: calc(350px);
}

.box-titles {
    margin: 3.5em 0;
}

.box-titles h3.title {
    position: absolute;
    margin-top: 0;
    font-weight: bold !important;
    box-sizing: border-box;
    left: 0;
}

section#map {
    padding: 5% 0;
    height: 300px;
    height: 40vh;
    background: #EEE;
    position: relative;
    z-index: 1;
}

.MARKER_CENTRE {
    background: url(../images/pictos/pin.svg) no-repeat center bottom;
}

.has-menu menu p.reset {
    font-size: 85%;
    margin-top: 5px;
}

.has-menu menu p.reset a {
    display: block;
}

.center.has-menu+.center {
    margin-top: -20px;
}

.regular {
    font-weight: normal !important;
}

.semi {
    font-weight: 600 !important;
}

.medium {
    font-weight: 500 !important;
}

h2+p.selector {
    margin-top: 1.5em;
}

p.selector {
    font-size: 85%;
    position: relative;
    margin: 0.5em 0;
    line-height: 1.8em;
}

p.selector label {
    width: 100%;
    position: relative;
    display: block;
    border-radius: 3px;
    background: #FFF;
    padding: 0.5em 0.8em 0.5em 2.4em;
    cursor: pointer;
}

p.selector label:before,
p.selector label:after {
    top: 0.7em !important;
    left: 0.7em !important;
}

p.selector label em {
    opacity: 0.55;
    font-weight: 400;
    font-style: normal;
    font-size: 70%;
}

p.selector.exists label {
    cursor: default;
    opacity: 0.4;
}

p.selector.exists label:after {
    display: none;
}

p.selector.exists label:before {
    background: url(../images/pictos/tick.svg) no-repeat center center;
    background-size: contain;
    border: none;
    border-radius: 0;
}

form p.selector.exists:before {
    position: absolute;
    right: -1rem;
    top: 50%;
    line-height: 1em;
    margin-top: -0.5em;
    content: "Déjà associé à un compte";
    color: #000578;
    font-weight: 500;
    font-size: 85%;
}

.filters-horizontal {
    background: #FFF;
    padding: 0.6em;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.09);
    margin: 1.2em 0;
}

.filters-horizontal a.input {
    margin: 0.6em 1em 0.4em 1em;
    font-weight: 400;
    padding: 0.1em 0;
    text-overflow: ellipsis;
    font-size: 95%;
    line-height: 2em;
    position: relative;
}

.filters-horizontal a.input {
    padding-left: 24px;
    display: inline-block;
    position: relative;
    color: #000;
    line-height: 100%;
}

.filters-horizontal a.input:before {
    content: "";
    position: absolute;
    left: 0;
    top: 2px;
    margin: 0;
    height: 14px;
    width: 14px;
    border: 1px solid #666;
    box-sizing: border-box;
    transition: border-color 0.2s;
    transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

.filters-horizontal a.radio:before {
    border-radius: 100%;
}

.filters-horizontal a.radio.checked:after {
    content: "";
    position: absolute;
    left: 0;
    top: 5px;
    margin: 0 3px;
    height: 8px;
    width: 8px;
    background: #333;
    box-sizing: border-box;
    border-radius: 100%;
}

.filters-horizontal a.check.checked:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    margin: -0.01em;
    height: 17px;
    width: 22px;
    background: url(../images/pictos/tick.svg) no-repeat 0 bottom;
}

.filters-horizontal select.champ {
    display: inline-block;
    width: 215px !important;
    margin: 0;
    padding-top: 0.4em;
    padding-bottom: 0.4em;
    margin: -0.2em 1em;
}

.has-menu menu.filters h3 {
    font-weight: 500;
    margin: 2em 0 0.5em 0;
    font-size: 110%;
}

.has-menu menu.filters h2 {
    font-weight: 500;
    margin: 2em 0 1.4em 0;
    font-size: 130%;
}

.has-menu menu.filters p.input {
    margin: 0.2em 0 0.2em -2px;
    font-weight: 400;
    padding: 0.1em 0 0.1em 2px;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 95%;
    line-height: 100%;
    position: relative;
}

.has-menu menu.filters p.input a {
    padding-left: 24px;
    display: inline-block;
    position: relative;
    line-height: 120%;
    color: #000;
}

.has-menu menu.filters p.input a:before {
    content: "";
    position: absolute;
    left: 0;
    top: 2px;
    margin: 0;
    height: 14px;
    width: 14px;
    border: 1px solid #666;
    box-sizing: border-box;
    transition: border-color 0.2s;
    transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

.has-menu menu.filters p.radio a:before {
    border-radius: 100%;
}

.has-menu menu.filters p.radio a.checked:after {
    content: "";
    position: absolute;
    left: 0;
    top: 5px;
    margin: 0 3px;
    height: 8px;
    width: 8px;
    background: #333;
    box-sizing: border-box;
    border-radius: 100%;
}

.has-menu menu.filters p.check a.checked:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    margin: -0.01em;
    height: 17px;
    width: 22px;
    background: url(../images/pictos/tick.svg) no-repeat 0 bottom;
}

.has-menu menu.filters p.checkBlock {
    margin: 0;
    font-size: 89%;
    font-weight: 600;
}

.has-menu menu.filters p.checkBlock a {
    display: block;
    color: #e75480;
    border: 2px solid #e75480;
    text-align: center;
    padding: 0.7em 0.6em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.has-menu menu.filters p.checkBlock a.disable {
    cursor: default;
    color: #FCC;
    border-color: #FCC;
}

.has-menu menu.filters p.checkBlock a.checked {
    color: #FFF;
    background-color: #e75480;
}

.has-menu menu.filters .col-block {
    margin: 0 -5px -5px -5px;
}

.has-menu menu.filters .col-block p.checkBlock {
    margin: 5px 0 0 0;
    padding: 5px;
    box-sizing: border-box;
    float: left;
    width: 50%;
}

.has-menu menu.filters h2+.col-block p.checkBlock {
    margin-top: 2px;
}

.has-menu menu.filters p.input a:hover:before {
    border-color: #111;
}

h2+.col article.formation {
    margin-top: 2em;
}

.text .text {
    font-size: 100%;
}

.grey article.formation {
    background-color: #FFF;
}

.grey article.formation:after {
    background: rgba(0, 0, 0, 0.01);
}

article.formation {
    background: #eeeef8;
    padding: 1.5em;
    margin: 10px;
    position: relative;
    font-weight: 500;
    border-radius: 10px;
}

article.formation.listing {
    padding: 1em;
    margin: 0.5em 0;
    min-height: 3em;
    border-radius: 0.3rem;
}

article.formation.listing.is_essentiel {
    background: #000578;
    color: #FFF;
    background: #050C41;
    font-weight: 300;
    background: -moz-linear-gradient(50deg, rgba(185, 20, 20, 0.86) 50%, rgba(0, 5, 120, 0.7) 100%);
    background: -webkit-linear-gradient(50deg, rgba(185, 20, 20, 0.86) 50%, rgba(0, 5, 120, 0.7) 100%);
    background: linear-gradient(103deg, rgba(185, 20, 20, 0.86) 50%, rgba(0, 5, 120, 0.7) 100%);
}

.partenaire {
    display: block;
    font-size: 72% !important;
    min-width: 125px;
    display: flex;
    align-items: center;
    gap: 5px;
}

.partenaire img {
    /* margin-top: 0.5rem; */
    max-width: 100px;
    height: 20px !important;
}

.div-badges-partenaires {
    float: left;
    display: flex;
    flex-direction: column;
    margin-right: 1rem;
}

.div-badges-partenaires p.badges {
    display: block;
    overflow: visible;
}

article.formation.listing.is_essentiel a,
article.formation.listing.is_essentiel .note,
article.formation.listing.is_essentiel .price strong {
    color: #FFF;
}

article.formation.listing.is_essentiel .badges span {
    border-color: #FFF;
}

#_BULLE svg {
    display: none;
}

.grey article.formation.listing .add_fav {
    background: #FEFEFE;
    border-color: #EEE;
}

article.formation.listing:hover .add_fav {
    opacity: 1;
    z-index: 6;
    width: 2.2em;
}

article.formation.listing .add_fav {
    position: absolute;
    border-radius: 0.3rem 0 0 0.3rem;
    opacity: 0;
    transition: opacity 0.3s, background-color 0.2s, border-color 0.2s, width 0.15s;
    overflow: hidden;
    width: 0;
    height: 100%;
    background: #F2F2F2;
    padding-right: 2px;
    margin-right: -2px;
    right: 100%;
    top: 0;
    border-right: 1px solid #E2E2E2;
}

article.formation.listing .add_fav.actif {
    opacity: 1;
    background: #e75480;
    border-color: #e75480;
    width: 2.2em;
}

article.formation.listing .add_fav.actif path,
article.formation.listing.is_essentiel .add_fav path {
    fill: #FFF;
}

article.formation.listing.is_essentiel .add_fav {
    background: #000578;
    background: rgba(120, 0, 80, 1);
    border-right: 1px solid rgba(255, 255, 255, 0.4);
}

article.formation.listing .add_fav path {
    transition: fill 0.2s;
}

article.formation.listing .add_fav span {
    font-size: 0;
}

article.formation.listing .add_fav svg {
    height: 1em;
    width: 1em;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -0.5em;
}

article.formation.listing .price {
    position: absolute;
    bottom: 1.7em;
    text-align: right;
    line-height: 150%;
    right: 2.4em;
    font-size: 60%;
    color: #AAA;
    color: rgba(0, 0, 0, 0.6);
}

article.formation.listing .price strong {
    display: block;
    font-size: 140%;
    color: #000;
}

article.formation:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    height: 100%;
    width: 0;
    opacity: 0.6;
    background: rgba(0, 0, 0, 0.025);
    transition: width 0.2s, opacity 0.2s;
    transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

article.formation:hover:after {
    width: 100%;
    opacity: 1;
}

article.formation.listing h3 {
    font-size: 110%;
}

/* article.formation h3 , .text .content article.formation h3 { font-weight:500; font-size:110%; line-height:115%; margin:0; padding:0.1em 0; overflow:hidden; text-overflow:ellipsis;}
article.formation h3 a { color:#000;}
article.formation h3 a:before { content:""; position:absolute; left:0; top:0; width:100%; height:100%; cursor:pointer; z-index:2;}
article.formation h3 sup { line-height:0; font-size:60%; background:#e75480; padding: 2px 4px; color: #FFF; white-space:nowrap; border-radius: 0.2rem; margin-right: 1px;;} */




article.formation.listing h3 {
    /*white-space:nowrap;*/
}

article.formation p {
    font-size: 67%;
    margin: 0.1em 0;
    padding: 0.1em 0;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: normal;
}

article.formation p.note {
    font-size: 90%;
    overflow: visible;
    color: #e75480;
    color: #222;
    line-height: 100%;
    font-weight: 600;
    margin: 0.2em 0 0 0;
}

article.formation p.note.disable {
    opacity: 0.25;
}

article.formation p.note span,
.note .star {
    font-weight: normal;
    cursor: default;
    position: relative;
    font-size: 130%;
    color: #FC0;
    font-family: "Star", Arial, Helvetica, sans-serif;
    float: left;
    padding-right: 0.4em;
    margin: -0.05em 0 0 -0.01em;
    font-size: 120% \9;
}

article.formation p.note span a,
.note .star a {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    padding-right: 5em;
}

article.formation .col {
    font-size: 90%;
    overflow: visible;
    float: left;
    box-sizing: border-box;
    padding-right: 10px;
    min-height: 10px;
    width: 50%;
}

article.formation hr {
    margin: 0.9em 0;
    border: none;
    border-top: 1px solid #DDD;
}

article.formation.listing .col.date {
    width: 25%;
    width: calc(120px);
    line-height: 120%;
    font-size: 80%;
    color: rgba(0, 0, 0, 0.6);
}

article.formation.listing .col.large.xl {
    width: 75%;
    width: calc(100% - 120px);
}

article.formation.listing .col.large {
    width: 60%;
    width: calc(100% - 340px);
}

article.formation.listing .col.duree {
    width: 10%;
    width: calc(90px);
    font-weight: 500;
}

article.formation.listing .col.badges {
    width: 15%;
    width: calc(135px);
}

article.formation .col.badges,
article.formation.block .col.badges {
    font-size: 74%;
}

article.formation.listing .col.modalite {
    width: 15%;
    font-size: 67%;
    padding-right: 0;
    width: calc(105px);
    font-weight: 500;
    text-align: right;
}

article.formation.block .adjust {
    margin-bottom: 25px;
}

article.formation.block .col {
    display: table;
    padding: 0;
    font-size: 80%;
}

article.formation.block .col div {
    min-height: 40px;
    line-height: 110%;
    vertical-align: middle;
    display: table-cell;
}

article.formation.block .col div div {
    min-height: none;
    display: block;
    width: 90px;
}

.badges span {
    float: left;
    font-size: 90%;
    border: 2px solid #000;
    height: 2.6em;
    width: 2.6em;
    line-height: 2.7em;
    text-align: center;
    font-weight: 600;
    border-radius: 100%;
    margin: -0.5em 0.2em 0.4em 0;
}

.columns-essentiels {
    margin: 0 -10px 3em -10px;
}

.columns-essentiels .col {
    float: left;
    width: 33.33%;
}

.columns-essentiels.small {
    margin: 1.5em -0.3em 2em -0.3em !important;
}

.columns-essentiels.small .col {
    width: 25%;
    display: block !important;
}

.columns-essentiels.small .col h3 {
    font-size: 85%;
}

.columns-essentiels.portail .col h3 {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.columns-essentiels.small .col article {
    margin: 0.3em;
    padding: 24% 0;
}

article.formation-essentiel {
    background: #FFF no-repeat center center url(../uploads/actualites-1.jpg);
    background-size: cover;
    margin: 10px;
    height: 5em;
    padding: 32% 0;
    position: relative;
    overflow: hidden;
    color: #FFF;
}

article.formation-essentiel.filiere {
    background: #666;
}

article.formation-essentiel.filiere .picture {
    transition: margin 0.2s, padding 0.2s;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../images/metier/bureautique.jpg) no-repeat center center;
    background-size: cover;
}

article.formation-essentiel.filiere:hover .picture {
    padding: 1em;
    margin: -1em;
}

article.formation-essentiel.filiere .wrap {
    height: 100%;
    font-weight: 600;
    text-align: center;
    display: flex;
    align-items: center;
    flex-direction: row;
}

article.formation-essentiel.intro a,
article.formation-essentiel.filiere a {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 3;
}

article.formation-essentiel.intro {
    background: none;
    box-shadow: none;
}

article.formation-essentiel.intro .wrap,
article.formation-essentiel.intro:hover .wrap {
    position: absolute;
    min-height: 3em;
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: url(../images/logo-offre-eligible-cpf-big.png?v=3) no-repeat center center;
    background-size: contain;
}

article.formation-essentiel.intro:before,
article.formation-essentiel.intro:after {
    border: 3px solid #000;
    transition: border-width 0.15s;
    width: 36%;
    height: 100%;
    box-sizing: border-box;
    position: absolute;
    top: 0;
    z-index: 2;
    content: "";
}

article.formation-essentiel.intro:before {
    left: 0;
    border-width: 6px 0 6px 6px;
    border-radius: 1em 0 0 1em;
    border-color: #0c4391;
}

article.formation-essentiel.intro:after {
    right: 0;
    border-width: 6px 6px 6px 0;
    border-radius: 0 1em 1em 0;
    border-color: #e20a17;
}

article.formation-essentiel.intro:hover:before {
    border-width: 10px 0 10px 10px;
}

article.formation-essentiel.intro:hover:after {
    border-width: 10px 10px 10px 0;
}

article.formation-essentiel .wrap {
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    padding: 1.5em;
    margin: 0;
    background: rgba(0, 0, 0, 0.5);
    box-sizing: border-box;
    min-height: 2em;
    transition: min-height 0.25s, background-color 0.25s;
    transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

article.formation-essentiel p.garantie {
    font-weight: 600;
    color: #0C0;
}

article.formation-essentiel:hover .wrap {
    min-height: 100%;
    background: rgba(0, 0, 0, 0.75);
}

article.formation-essentiel h3 {
    color: #FFF;
    font-weight: 500;
    font-size: 100%;
    line-height: 120%;
    margin: 0;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

article.formation-essentiel a {
    color: #FFF;
}

article.formation-essentiel h3 a:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
    z-index: 5;
}

article.formation-essentiel .details {
    position: absolute;
    opacity: 0;
}

article.formation-essentiel:hover h3 {
    min-height: 0 !important;
}

article.formation-essentiel:hover .adjust-2,
article.formation-essentiel:hover .adjust {
    min-height: 0 !important;
}

article.formation-essentiel:hover .details {
    opacity: 1;
    transition: opacity 0.2s;
}

article.formation-essentiel p {
    font-weight: 400;
    font-size: 75%;
    margin: 0.75em 0;
    padding: 0.1em 1em 0.1em 0;
    max-width: 300px;
    overflow: hidden;
    text-overflow: ellipsis;
}

article.formation-essentiel p.note {
    font-size: 90%;
    overflow: visible;
    line-height: 100%;
    font-weight: 600;
    margin: 0.5em 0 0 0;
}

article.formation-essentiel p.note span {
    font-weight: normal;
    font-size: 130%;
    float: left;
    color: #FC0;
    font-family: "Star", Arial, Helvetica, sans-serif;
    padding-right: 0.4em;
    margin: -0.05em 0 0 -0.01em;
    font-size: 120% \9;
}

article.formation-essentiel:hover p.note {
    margin-bottom: 0.5em;
}

article.formation-essentiel p.read-more {
    position: absolute;
    bottom: -10em;
    opacity: 0;
    margin: 0;
    font-size: 85%;
}

article.formation-essentiel p.read-more a {
    font-size: 80%;
    line-height: 130%;
}

article.formation-essentiel:hover .read-more {
    bottom: 1.5em;
    opacity: 1;
    transition: bottom 0.2s, opacity 0.2s;
    transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

.read-more-block {
    background: #e75480 no-repeat 100% 40% url(../images/visuel-read-more-block.jpg);
    background-size: cover;
    color: #FFF;
    font-weight: 700;
    font-size: 100%;
    border-radius: 0.5rem;
    margin: 3em 0;
}

.read-more-block.large .wrap {
    padding-right: 20em;
}

.read-more-block p.buttons {
    font-size: 75%;
}

.read-more-block .wrap {
    margin: 0;
    padding: 1.8em 12.5em 1.8em 2.3em;
    position: relative;
    background: rgba(248, 49, 49, 0.9);
    border-radius: 0.5rem;
}

.read-more-block .wrap p {
    margin: 0;
    max-width: 900px;
}

.read-more-block .wrap p.buttons {
    position: absolute;
    right: 2.9em;
    bottom: 2.9em;
}

.read-more-block.al-c .wrap {
    padding: 1.8em 2.3em;
}

.read-more-block.al-c p {
    margin: 0 auto;
}

.read-more-block.quizz .wrap {
    background: -moz-linear-gradient(103deg, rgba(120, 0, 80, 0.7) 0%, rgba(0, 5, 120, 0.7) 60%);
    background: -webkit-linear-gradient(103deg, rgba(120, 0, 80, 0.7) 0%, rgba(0, 5, 120, 0.7) 60%);
    background: linear-gradient(103deg, rgba(120, 0, 80, 0.7) 0%, rgba(0, 5, 120, 0.7) 60%);
    text-align: left;
    padding-left: 6.5rem;
}

.read-more-block.quizz a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    text-align: left;
    display: block;
    text-indent: -5000px;
}

.read-more-block.quizz .wrap p {
    max-width: 38em;
    margin: 0;
    line-height: 140%;
}

.read-more-block.quizz .wrap p+p {
    margin-top: 0.5rem;
}

.read-more-block.quizz .wrap p em {
    opacity: 0.8;
    font-weight: 300;
}

.read-more-block.quizz {
    font-size: 100%;
}

.read-more-block.quizz .wrap:before {
    position: absolute;
    content: "";
    background: rgba(0, 0, 0, 0.3) url(../images/pictos/arrow.svg) no-repeat center center;
    background-size: 1.5rem;
    width: 4.5rem;
    height: 100%;
    border-radius: 0.5rem 0 0 0.5rem;
    top: 0;
    left: 0;
}

a.show-more-results {
    color: #e75480;
    position: relative;
    padding-right: 1.2em;
    font-size: 90%;
    font-weight: 400;
}

a.show-more-results em {
    font-style: normal;
}

a.show-more-results.actif span {
    transform: translateY(-0.05em) rotate(180deg);
}

a.show-more-results span {
    position: absolute;
    right: 0;
    top: 50%;
    line-height: 1em;
    height: 1em;
    margin: -0.5em 0;
}

a.show-more-results span strong {
    transform: scale(1.4, 0.75);
    display: block;
}

div.show-more-results {
    height: 0;
    overflow: hidden;
    opacity: 0;
    transition: opacity 0.3s;
    transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

div.show-more-results.open {
    height: auto;
    overflow: visible;
    opacity: 1;
}

h2.no-margin {
    margin: 0;
}

div.big {
    font-size: 125%;
}

div.big+p {
    margin-top: 0.5em;
}

.orderResults {
    float: right;
    white-space: nowrap;
    margin-top: -3.4em;
    font-size: 100%;
}

.orderResults th,
.orderResults td {
    height: 2em;
}

.orderResults th {
    font-size: 67%;
    font-weight: normal;
    padding-right: 0.4em;
}

.orderResults select {
    font-size: 90%;
    padding: 0 0.4em;
    height: 1.8em;
}

a.anchor {
    position: absolute;
    margin-top: -150px;
}

/*  NOUVEAU UX UI */
#footer {
    padding-top: 2rem !important;
    background: #000;
    color: #FFF;
    color: rgba(255, 255, 255, 0.8);
    font-size: 66%;
}

section#footer {
    padding-top: 2rem !important;
}

#footer .separator-disc {
    display: flex;
    align-content: center;
    justify-content: center;
    font-size: 1.5rem;
    color: #BBB;
    margin-right: 0.8rem;
    margin-left: 0rem;
    margin-bottom: 5px;
}

#footer .group-logos div.location div.country,
#footer .separator-disc {
    padding-top: 5px;
}

/* END NOUVEAU UX UI */

#footer h3,
#footer p {
    margin-top: 0;
}

#footer h3,
#footer strong {
    color: #FFF;
    font-size: 120%;
}

#footer .center {
    max-width: none;
}

#footer a {
    color: #FFF;
    color: rgba(255, 255, 255, 0.8);
    text-decoration: none;
}

#footer a:hover {
    color: #FFF;
}

#footer ul {
    margin: 1em 0;
    padding: 0;
    list-style: none;
}

#footer ul li {
    margin: 0.3em 0;
}

#footer .col,
#footer .col-left {
    box-sizing: border-box;
    padding-right: 20px;
    float: left;
}

.col-right {
    float: right;
    width: 23%;
    box-sizing: border-box;
    padding-left: 40px;
}

#footer .col-left {
    width: 23%;
    background: url(../images/pictos/group/M2I-Logo-blanc.svg) no-repeat 0 0;
    background-size: auto 60px;
    padding-top: 90px;
    margin-top: -20px;
    padding-right: 60px;
}

#footer .group-logos {
    background-color: #f1eef8;
    min-height: 140px;
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    padding-bottom: 30px;
}

#footer .group-logos div.skolae-logo {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    padding: 0 20px 0 60px;
    margin: 30px 0;

}

#footer .group-logos div.divider {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    margin: 37px 10px;
    width: 2px;
    border-right: 1px solid #ceccd3;
}

#footer .group-logos div.skolae-logo img {
    height: 45px;
}

#footer .group-logos div.brands,
#footer .group-logos div.location {
    padding-top: 40px !important;
    display: flex;
    flex-direction: column;
    gap: 5px;
    justify-content: start;
    align-content: center;
    padding: 0px 20px;
}

#footer .group-logos div.brands h5,
#footer .group-logos div.location h5 {
    margin: 0;
    padding: 0;
    color: #222222;
}

#footer .group-logos div.location h5 {
    margin-top: 0px;
}

#footer .group-logos div.brands div,
#footer .group-logos div.location div {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

#footer .group-logos div.brands div img,
#footer .group-logos div.location a.country img {
    height: 1.35rem;
    padding: 10px;
}

#footer .group-logos div.brands div a:first-child img {
    padding: 10px 10px 10px 0px;
}

#footer .group-logos div.brands div a:last-child img {
    padding: 10px 0px 10px 10px;
}

#footer .group-logos div.location a.country,
#footer .separator-disc {
    padding-top: 5px;
}

#footer .group-logos div.location a.country {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    color: #222222;
    justify-content: center;
    align-items: center;
    font-weight: 600;
    margin-right: 0.8rem;
}

#footer .col {
    width: 18%;
}

#footer .col-left p {
    max-width: 250px;
    line-height: 140%;
}

#footer p.tel {
    font-size: 140%;
    margin-top: -5px;
}

#footer hr {
    display: none;
}

.columns-formations {
    margin: 0 -10px 3em -10px;
}

.columns-formations .col-25 {
    width: 25%;
    float: left;
}

#footer p.social {
    margin: -5px 0 0 -5px;
}

#footer p.social a {
    float: left;
    width: 30px;
    height: 30px;
    background: no-repeat center center;
    overflow: hidden;
    text-indent: -200px;
    background-size: 24px;
}

#footer p.social a.facebook {
    background-image: url(../images/pictos/facebook.svg);
}

#footer p.social a.twitter {
    background-image: url(../images/pictos/twitter.svg);
}

#footer p.social a.linkedin {
    background-image: url(../images/pictos/linkedin.svg);
}

#footer p.social a.youtube {
    background-image: url(../images/pictos/youtube.svg);
}

#footer p.social a.viadeo {
    background-image: url(../images/pictos/viadeo.svg);
}

#footer p.logos {
    margin-top: 30px;
}

#footer p.logos img {
    height: 38px;
    margin: 0 0 10px 0;
    display: block;
}

p.social.red a {
    display: inline-block;
    width: 50px;
    height: 50px;
    border: 1px solid #e75480;
    border-radius: 100%;
    margin: 0 0.2rem;
    background: no-repeat center 48%;
    overflow: hidden;
    text-indent: -200px;
    background-size: 30px;
}

p.social.red a.facebook {
    background-image: url(../images/pictos/red/facebook.svg);
}

p.social.red a.twitter {
    background-image: url(../images/pictos/red/twitter.svg);
    margin-left: 4px;
}

p.social.red a.linkedin {
    background-image: url(../images/pictos/red/linkedin.svg);
}

p.social.red a.youtube {
    background-image: url(../images/pictos/red/youtube.svg);
}

p.social.red a.viadeo {
    background-image: url(../images/pictos/red/viadeo.svg);
}

p.social.black a {
    display: inline-block;
    width: 50px;
    height: 50px;
    border: 1px solid #e75480;
    border-radius: 100%;
    margin: 0 0.2rem;
    background: no-repeat center 48%;
    overflow: hidden;
    text-indent: -200px;
    background-size: 30px;
}

p.social.black a.facebook {
    background-image: url(../images/pictos/black/facebook.svg);
}

p.social.black a.twitter {
    background-image: url(../images/pictos/black/twitter.svg);
    margin-left: 4px;
}

p.social.black a.linkedin {
    background-image: url(../images/pictos/black/linkedin.svg);
}

p.social.black a.youtube {
    background-image: url(../images/pictos/black/youtube.svg);
}

p.social.black a.viadeo {
    background-image: url(../images/pictos/black/viadeo.svg);
}

#main-search h1 span.to-roll-text {
    position: absolute;
    width: 100%;
    margin-top: -0.2em;
    text-align: center;
    left: 0;
    line-height: 140%;
}

.roll-text {
    position: absolute;
    z-index: 1;
    opacity: 0;
    transition: opacity 0.8s, margin-bottom 0.8s;
    transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
    text-align: center;
    left: 0;
    width: 100%;
    margin-bottom: 15px;
    bottom: 0;
}

.roll-text.actif {
    z-index: 2;
    opacity: 1;
    margin-bottom: 0;
    transition: opacity 0.8s, margin-bottom 0.8s;
    transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

.aos {
    opacity: 1;
    transform: none;
    transition: transform 0.8s, opacity 0.8s;
    transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

.aos.fade-up {
    transform: translateY(5em);
    opacity: 0;
    transition: none;
    transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

.aos.fade-down {
    transform: translateY(-5em);
    opacity: 0;
    transition: none;
}

.aos.fade-left {
    transform: translateX(-6em);
    opacity: 0;
    transition: none;
}

.aos.fade-right {
    transform: translateX(6em);
    opacity: 0;
    transition: none;
}

section.pictures {
    position: relative;
    padding: 11% 0;
    height: 100px;
    background: #30001F no-repeat center center;
    background-size: cover;
    overflow: hidden;
}

section.pictures div {
    position: absolute;
    border: 0 solid #FFF;
    height: 100%;
    width: 50%;
    top: 0;
    box-sizing: border-box;
    background: rgba(0, 0, 0, 0.5) no-repeat center center;
    background-size: cover;
    overflow: hidden;
}

section.pictures div.pic-1 {
    left: 0;
    border-right-width: 0.8em;
}

section.pictures div.pic-2 {
    right: 0;
    border-left-width: 0.8em;
}

section.pictures+section#contact {
    margin-top: 1.6em;
}

.max-width .content {
    max-width: 980px;
    float: left;
}

.max-width .content p,
.max-width .content h1,
.max-width .content h2,
.max-width .content h3,
.max-width .content h4 {
    max-width: 860px;
}

.max-width .content p,
.max-width .content ul {
    max-width: 860px;
}

.text .form {
    font-size: 92%;
    margin: 1em 0;
}

.form p.buttons {
    font-size: 90%;
}

p.intro {
    line-height: 120%;
    font-weight: 400;
}

p.intro strong {
    font-weight: 600;
}

hr {
    border: none;
    margin: 3em 0;
    border-top: 1px solid #BBB;
    border-color: rgba(0, 0, 0, 0.1);
}


.form-group+p.checkBox,
#calendar .form-group+p.checkBox {
    margin-top: -0.4em !important;
}

p.checkBox,
#calendar p.checkbox {
    padding: 0.75em 0.75em 0.75em 2.8em;
    border: 1px solid rgba(0, 0, 0, 0.2);
    position: relative;
    line-height: 140%;
    margin: 1em 0 !important;
}

p.checkBox,
p.checkBox a {
    color: #222;
}

span.checkBox {
    position: relative;
    display: inline-block;
    padding-left: 1.5em;
}

span.checkBox input+label {
    left: 0;
    top: 0.25em;
}

.checkBox input {
    display: none;
}

.checkBox input,
.checkBox input+label {
    position: absolute;
}

.checkBox input+label {
    width: .9em;
    height: .9em;
    border: 1px solid rgba(0, 0, 0, 0.2);
    background: #FFF;
    cursor: default;
    transition: border-color 0.2s;
    transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
    top: .9em;
    left: 1em;
}

p.checkBox input+label:hover,
span.checkBox.activ input+label:hover {
    border-color: #333;
    border-color: rgba(0, 0, 0, 0.8);
}

.checkBox input:checked+label:before {
    width: 100%;
    height: 100%;
    padding: 0.1em;
    left: 0;
    bottom: -0.1em;
    position: absolute;
    content: "";
    background: url(../images/pictos/tick.svg) no-repeat center center;
}

.g-recaptcha {
    margin: 1em 0;
}

.green {
    color: #0C6;
}

.orange {
    color: #F60;
}

.form-group.error .form-input,
p.checkBox.error,
.form-group.file.error,
.champ.error,
.champ.error:hover,
.champ.error:focus {
    border-color: #e75480;
    background-color: rgba(255, 0, 0, 0.02);
}

.champ.error,
.champ.error:hover,
.champ.error:focus {
    color: #e75480;
}

.form-group.file {
    border: 1px solid #AAA;
    padding: 0.8em;
    background: #FFF;
}

.form-group.file p {
    margin: 0;
    pointer-events: none;
}

.form-group.file hr {
    margin: 0.7em 0 0.8em 0;
}

.form-group {
    position: relative;
    margin: 1em 0;
}

form .columns .form-group {
    margin: 1em 0 0 0;
}

.form-label {
    position: absolute;
    left: 0.9em;
    top: 1.1em;
    line-height: 90%;
    color: #999;
    z-index: 10;
    font-weight: 400;
    transition: top 0.1s, font-size 0.1s, color 0.1s, left 0.1s;
    transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
    cursor: text;
    pointer-events: none;
}

.focused .form-label,
.readonly .form-label {
    font-size: 66%;
    top: 0.8em;
    left: 1.5em;
    font-weight: 400;
    color: #AAA;
    pointer-events: none;
}

.form-input,
.champ {
    position: relative;
    padding: 1.3em .9em 0.6em .9em;
    width: 100%;
    outline: 0;
    border: 0;
    border: 1px solid #AAA;
    border-color: rgba(0, 0, 0, 0.2);
    transition: border-color .2s ease-out;
    transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
    font-size: 100%;
    line-height: 100%;
    box-sizing: border-box;
    pointer-events: fill;
}

.champ {
    padding: 1em .9em 0.9em .9em;
}

textarea.form-input {
    height: 8em;
    resize: none;
}

.form-input:focus,
.form-input:hover {
    border-color: #222;
    border-color: rgba(0, 0, 0, 0.8);
}

.readonly .form-input:focus,
.readonly .form-input:hover,
.readonly .form-input {
    border-color: #AAA;
    border-color: rgba(0, 0, 0, 0.1);
    background-color: rgba(255, 255, 255, 0.3);
    cursor: default;
    font-weight: 500;
    color: #888;
    color: rgba(0, 0, 0, 0.5);
}

.form-input.filled {}

.table table {
    height: auto !important;
    width: 100% !important;
}

.table table h2,
.table table h3,
.table table h4,
.table table h5 {
    font-size: 100%;
}

input.invisible {
    padding: 0;
    font-size: 0;
    position: absolute;
    border: none;
    margin: -500px;
}

.error_form {
    opacity: 0;
    margin: 1.5em 0 -0.75em 0;
    font-size: 90%;
    font-weight: 500;
    color: #e75480;
    line-height: 120%;
}

form .adjust-line {
    padding: 1px 0;
    margin: -1px 0;
}

.adjust-line .error_form {
    margin-top: 1em;
}

.error_form.ok {
    color: #0C0;
}

.error_form+.g-recaptcha {
    margin-top: -0.75em;
}

.g-recaptcha.error div {
    background: #E02;
    padding: 1px 0 0 1px;
    box-shadow: -1px -1px 0 2px #F8F8F8 inset;
    border-radius: 0;
    overflow: hidden;
}

.g-recaptcha.error div div {
    background: none;
    padding: 0;
    box-shadow: none;
}

.g-recaptcha.error div iframe {
    margin: 0;
    opacity: 0.98;
}

select.champ,
select.form-input {
    display: block;
    box-size: border-box;
    padding: 0.7em 2.3em 0.6em 0.5em;
    width: 100%;
    -webkit-appearance: none;
    border: 1px solid #AAA;
    border-color: rgba(0, 0, 0, 0.2);
    transition: border-color;
    transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
    transition: border-color .2s ease-out;
    transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
    background: transparent no-repeat 98% center url(../images/pictos/arrow-drop.svg);
    background-size: 1.2em auto;
    background-position: calc(100% - 0.6em) center;
}

section.grey select.champ {
    background-color: #FFF;
}

select.champ.block {
    padding-top: .9em;
    padding-bottom: .9em;
    margin: 1em 0;
}

select.champ:hover,
select.champ:focus {
    border-color: #222;
    border-color: rgba(0, 0, 0, 0.8);
}

form.loading .buttons a.submitter,
form.loading .buttons a.submit {
    position: relative;
    opacity: 0.9;
}

form.loading .buttons a.submitter:before,
form.loading .buttons a.submit:before {
    background: #e75480 url(../images/loader-button.gif) no-repeat center center;
    border-radius: 0.3em;
    background-color: rgba(248, 49, 49, 0.8);
    opacity: 0.9;
    background-size: 2.2em auto;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: "";
    /* padding:1px; margin:-1px; */
}

form.loading {
    position: relative;
    opacity: 0.6;
}

form.loading:before {
    position: absolute;
    z-index: 100;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    content: "";
    opacity: 0.4;
}

#calendar form.loading:before {
    padding: 10px;
    margin: -10px;
}

.columns-list {
    margin: 1em -2em;
}

.columns-list ul {
    box-sizing: border-box;
    float: left;
    padding: 0 2em;
    width: 50%;
    margin: 0;
}

.columns-list ul li {
    max-width: 330px;
}

.col-links {
    margin: 1em -0.5em;
}

.col-links p {
    float: left;
    width: 50%;
    margin: 0;
}

.col-links p a {
    display: block;
    background: #FFF;
    padding: 1.2em 1.2em 1.2em 5.2em;
    margin: 0.5em;
    overflow: hidden;
    position: relative;
    color: #000;
    font-weight: 400;
}

.col-links p a img {
    position: absolute;
    width: 3em;
    height: auto;
    left: 1.2em;
    margin: 0;
}

.col-links.small p a {
    display: block;
    background: #FFF;
    padding: 1.2em 1.2em 1.2em 3.8em;
    margin: 0.5em;
    overflow: hidden;
    position: relative;
    color: #000;
    font-weight: 400;
}

.col-links.small p a img {
    position: absolute;
    width: 2em;
    height: auto;
    left: 1.2em;
    margin: -0.2em;
}

p.folio {
    text-align: center;
    margin: 2.5em 0;
}

p.folio a,
p.folio span {
    height: 1em;
    line-height: 1em;
    min-width: 1em;
    padding: 0.4em;
    border-radius: 3px;
    font-weight: 500;
    margin: 0.4em;
    display: inline-block;
    border: 1px solid #000;
    color: #000;
    text-decoration: none;
}

p.folio span {
    color: #AAA;
    border-color: #AAA;
    cursor: default;
}

.columnsBlockPicto.small p {
    width: 20%;
}

.columnsBlockPicto {
    font-size: 85%;
    margin: 2em -0.8em;
}

.columnsBlockPicto p {
    float: left;
    margin: 0;
    padding: 0.4em;
    box-sizing: border-box;
    width: 33.33%;
}

.columnsBlockPicto p a {
    display: block;
    background: #F8F8F8;
    padding: 3em 1em;
    color: #000;
    text-align: center;
    text-decoration: none;
}

.columnsBlockPicto p a strong {
    font-weight: 500;
    display: block;
    font-size: 100%;
    margin: 0 0 0.4em 0;
    padding-top: 4em;
    position: relative;
    background: no-repeat center 0;
    background-size: auto 3.2em;
}

.columnsBlockText {
    font-size: 85%;
    margin: 2em -0.8em;
    padding: 0;
}

.columnsBlockText .column {
    float: left;
    margin: 0;
    padding: 0.8em;
    box-sizing: border-box;
    width: 33.33%;
}

.columnsBlockText p {
    padding: 2em;
    margin: 0;
    color: #000;
    text-align: center;
    text-decoration: none;
    background: #FFF;
}

.columnsBlockText p strong {
    font-weight: 500;
    display: block;
    font-size: 115%;
    margin: 0 0 0.4em 0;
    position: relative;
    background: no-repeat center 0;
    background-size: auto 3.2em;
}

.columnsBlockText.grey p {
    background: #F8F8F8;
}

.columnsBlockText.small {
    font-size: 100%;
}

.columnsBlockText.small .column {
    float: left;
    margin: 0 !important;
    padding: 0.8em;
    box-sizing: border-box;
    width: 20%;
}

.columnsBlockText.small p {
    padding: 0;
}

.columnsBlockText.small p strong {
    font-weight: bold;
    margin: 0.4em 0 0.6em 0;
}

.columnsBlockText.small p img {
    height: 4.2em;
    transform: scale(0.9);
    width: auto;
}

.columnsBlockText.small p img.big {
    transform: none;
}

.columnsBlockLinks {
    margin: 2em -0.5em;
}

.columnsBlockLinks p {
    float: left;
    margin: 0;
    padding: 0.5em;
    box-sizing: border-box;
    width: 50%;
}

.columnsBlockLinks p a {
    display: block;
    position: relative;
    border: 1px solid #e75480;
    background: #FFF;
    padding: 0 0 0 3em;
    line-height: 3em;
    color: #000;
    text-align: left;
    font-weight: 500;
    text-decoration: none;
    transition: background-color 0.2s, color 0.2s;
    transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

.columnsBlockLinks p a svg {
    position: absolute;
    left: 1em;
    top: 50%;
    margin: -0.7em 0;
    width: 1.4em;
    height: 1.4em;
}

.columnsBlockLinks p a:hover {
    color: #e75480;
}

.columnsBlockLinks p a.actif,
.columnsBlockLinks p a.actif:hover {
    color: #FFF;
    background: #e75480;
}

.columnsBlockLinks p a svg path {
    fill: #e75480;
    transition: fill 0.2s;
    transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

.columnsBlockLinks p a.actif svg path {
    fill: #FFF;
}

.previewVideo {
    display: block;
    position: relative;
    padding: 28% 0;
    background: #000 url(../images/bg-video.jpg) no-repeat center center;
    background-size: cover;
    margin: 3em 0;
}

.previewVideo span {
    position: absolute;
    transition: transform 0.1s;
    transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
    transform: scale(0.9);
    width: 4.5em;
    height: 4.5em;
    margin: -2.25em;
    top: 50%;
    left: 50%;
    overflow: hidden;
    text-indent: -500px;
    border-radius: 100%;
    background: url(../images/pictos/play.svg) no-repeat center center;
    background-size: contain;
}

.previewVideo:hover span {
    transform: scale(1);
}

.previewVideo.cpf {
    background-image: url(../images/preview-video-cpf.png?v=3);
    padding: 24% 0;
}

#chiffres-cles {
    margin: 0 -0.5em;
    font-size: 95%;
}

#chiffres-cles div {
    float: left;
    width: 20%;
    padding: 0;
    box-sizing: border-box;
    position: relative;
}

#chiffres-cles div p {
    background: #FFF;
    padding: 1.2em;
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.08);
    margin: 0.6em;
}

#chiffres-cles div p strong {
    font-weight: 900;
    display: block;
    font-size: 190%;
    line-height: 100%;
    margin-bottom: 0.2em;
    color: #e75480;
}

#chiffres-cles.large {
    margin-top: 1.5em;
    margin-bottom: 2.5em;
    position: relative !important;
}

#chiffres-cles.large div {
    width: 33.33%;
}

#chiffres-cles.large div p {
    padding: 2.2em;
    box-shadow: none;
}

.reglementaire-chiffres-cles {
    padding-bottom: 80px;
}

#is_quizz .intro {
    background: #FFF;
    padding: 2em;
    font-weight: 300;
}

#is_quizz .intro .picture {
    display: block;
    text-align: center;
    margin-top: 1em;
}

#is_quizz .intro .picture img {
    width: auto;
    height: auto;
    max-width: 100%;
}

#is_quizz article {
    margin: 3em 0;
}

#is_quizz article.question h3 {
    font-weight: 300;
    font-size: 100%;
    position: relative;
    padding-left: 4.2em;
    margin: 0;
}

#is_quizz article.question h3 strong {
    font-size: 80%;
    margin: 0.15em 0 0 0;
    left: 0;
    position: absolute;
    color: #999;
}

#is_quizz article.resultat {
    background: #FFF;
    padding: 1.6em 1.8em;
    margin: 1em 0;
    border-radius: 10px;
}

#is_quizz article.resultat.question h3 {
    font-size: 100%;
    font-weight: 400;
    margin: 0 0 1.2em 0;
}

#is_quizz article.resultat.question h3 strong {
    font-weight: 600;
}

#is_quizz article.resultat p {
    font-size: 80%;
    margin: 0.5em 0 0 5.5em;
    height: auto !important;
}

#is_quizz article.resultat code {
    font-size: 80%;
    margin: 1.5em 0 1.5em 5.5em;
}

#is_quizz article.resultat span.checkBox,
.legend_quizz span.checkBox {
    width: auto;
    position: relative;
    border: none;
    padding-left: 1.6em !important;
    height: auto !important;
    float: none;
}

#is_quizz code {
    font-family: "Courier New", monospace;
    color: #888;
    opacity: 1;
    padding: 0.8em;
    margin: 1em 0;
    border: 1px solid #CCC;
    display: block;
    font-weight: 400;
}

#is_quizz p.choix-multiple {
    font-weight: 500;
    font-size: 70%;
    margin: 0;
}

#is_quizz article.open {
    filter: none;
    opacity: 1;
    transition: all 0.4s;
}

#is_quizz article.open:before {
    display: none;
}

#is_quizz article {
    filter: blur(6px);
    opacity: 0.5;
    transition: opacity 0.4s, filter 0.4s;
    position: relative;
    will-change: filter;
}

#is_quizz article:before {
    content: "";
    position: absolute;
    z-index: 5;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

#is_quizz article .reponses {
    margin: 1em -0.5em 0 -0.5em;
}

#is_quizz article .reponses .col {
    float: left;
    width: 33.33%;
}

#is_quizz article .reponses .col a {
    display: block;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1.5em 0.8em;
    line-height: 110%;
    text-align: center;
    font-weight: 400;
    color: #000;
    background: #FFF;
    margin: 0.5em;
    transition: color 0.2s, background-color 0.2s, box-shadow 0.2s;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.08);
}

#is_quizz article .reponses .col a.actif {
    color: #FFF;
    background: #e75480;
    box-shadow: none;
}

#is_quizz.finished article .reponses .col a {
    cursor: default;
}

#is_quizz.finished article .reponses .col a.actif {
    background: #AAA;
}

.auto-menu-content p {
    margin: 0.1em 0;
}

.auto-menu-content {
    font-size: 80%;
}

.auto-menu-content .t-h2 {
    font-weight: 500;
    font-size: 120%;
    margin: 1em 0 0 0;
    line-height: 130%;
}

.auto-menu-content .t-h3 {
    font-weight: 300;
    font-size: 100%;
    margin: 0.3em 0 0 0;
    line-height: 130%;
}

.auto-menu-content.regular .t-h3 {
    font-weight: 400;
}

.auto-menu-content.ellipsis .t-h3,
.auto-menu-content.ellipsis .t-h2 {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.auto-menu-content.regular .t-h2 {
    font-weight: 400;
    font-size: 110%;
    margin: 0.3em 0 0 0;
    line-height: 130%;
}

.double-col {
    margin: 1.2em -0.6em;
}

.double-col .col {
    float: left;
    font-size: 85%;
    padding: 0 1px;
    border: 1px solid #F8F8F8;
    border-width: 0 0.6em;
    box-sizing: border-box;
    width: 50%;
    background: #FFF;
}

.double-col .col .wrap {
    margin: 2em;
}

.double-col .col p img {
    height: auto;
    width: auto;
    max-width: 100%;
    max-height: 4em;
}

.choix-double {
    margin: 2em -0.6em;
}

.choix-double .col {
    padding: 0.6em;
    box-sizing: border-box;
    width: 50%;
    float: left;
}

.choix-double .col .ghost {
    position: relative;
    background: #FFF;
    overflow: hidden;
}

.choix-double .col .ghost div {
    position: relative;
    padding: 2em;
}

.choix-double .col .ghost a:before {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.choix-double h3,
.text .choix-double h3 {
    font-size: 100%;
    margin: -0.3em 0 -0.2em 0;
    font-size: 110%;
    font-weight: bold;
    padding: 4.8em 0 0 0.2em;
    background: no-repeat 0 0;
    background-size: 3.9em;
}

.choix-double h3 span {
    display: block;
}

.choix-double ul {
    font-size: 75%;
    margin: 2em 0 0 0;
    color: #888;
}

.choix-double p {
    margin: 1em 0 -0.5em 0;
}

.choix-account.choix-account h3 {
    background-position: center 0;
    text-align: center;
}

.choix-account.choix-account h3 span {
    display: inline;
}

.form-wrapper {
    margin: 2em auto;
}

.form-wrapper.small {
    max-width: 500px;
}

.form-wrapper .columns {
    margin: 0 -0.5em;
}

.form-wrapper .columns .col {
    float: left;
    width: 50%;
    padding: 0 0.5em;
    box-sizing: border-box;
}

form .columns {
    margin: 0 -0.5em;
}

form .form-group+.columns,
form .champ+.columns {
    margin-top: -1em;
}

form .columns .col {
    float: left;
    width: 50%;
    padding: 0 0.5em;
    box-sizing: border-box;
}

.form-wrapper p.buttons {
    margin-top: 2.5em;
}

#_BULLE {
    background: #e75480;
    color: #FFF;
    font-size: 80%;
    position: absolute;
    border-radius: 3px;
    z-index: 99999999;
    max-width: 450px;
    font-weight: 700;
    line-height: 130%;
    font-family: "Signika", Arial, Helvetica, sans-serif;
}

#_BULLE_ARROW {
    position: absolute;
    z-index: 9999999;
    background: url(../images/pictos/losange.svg) no-repeat;
    margin: 1px;
}

#_BULLE_ARROW.UP {
    height: 7px;
    width: 13px;
    background-position: 0 -6px;
    transform: scale(1.3, 2);
}

#_BULLE_ARROW.DOWN {
    height: 7px;
    width: 13px;
    background-position: 0 0;
    transform: scale(1.3, 2);
}

#_BULLE_ARROW.RIGHT {
    height: 13px;
    width: 7px;
    background-position: 0 0;
    transform: scale(2, 1.3);
}

#_BULLE_ARROW.LEFT {
    height: 13px;
    width: 7px;
    background-position: -6px 0;
    transform: scale(2, 1.3);
}

#_BULLE.UP {
    text-align: center;
    justify-content: center;
    box-shadow: 0 -2px 4px rgba(0, 0, 0, 0.12);
}

#_BULLE.DOWN {
    text-align: center;
    justify-content: center;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.12);
}

#_BULLE.RIGHT {
    box-shadow: 2px 0 4px rgba(0, 0, 0, 0.12);
}

#_BULLE.LEFT {
    box-shadow: -2px 0 4px rgba(0, 0, 0, 0.12);
}

#_BULLE.small {
    max-width: 300px;
    font-weight: 400;
    line-height: 14px;
    font-size: 11px;
}

.encart-tel {
    text-align: center;
    font-size: 100%;
    background: #FFF;
    padding: 2em 1em;
}

.encart-tel em {
    display: block;
    font-style: normal;
}

.encart-tel strong {
    display: block;
    font-weight: 800;
    padding-top: 5em;
    background: url(../images/pictos/contact-tel.svg) no-repeat center 0;
    background-size: 4em;
}

input.radio {
    display: none;
}

input.radio+label {
    position: relative;
    padding-left: 2.4em;
    margin-right: 1em;
    font-weight: 400;
}

input.radio+label:before {
    width: 18px;
    height: 18px;
    position: absolute;
    cursor: pointer;
    content: "";
    box-sizing: border-box;
    border: 1px solid rgba(0, 0, 0, 0.3);
    border-radius: 100%;
    background: #FFF;
    left: 0;
    top: 0;
}

input.radio+label:hover:before {
    border-color: rgba(0, 0, 0, 0.5);
}

input.radio:checked+label:after {
    width: 10px;
    height: 10px;
    background: #e75480;
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    border-radius: 100%;
    margin: 4px;
}

input.radio:checked+label:before {
    border-color: #e75480;
}

.to_toggle {
    overflow: hidden;
    height: 0;
    opacity: 0;
    transition: opacity 0.2s;
}

.to_toggle.open {
    overflow: visible;
    height: auto;
    opacity: 1;
}

form .columns .champ {
    margin: 1em 0 0 0;
}

#liste-centres {
    display: none;
}

.overLay {
    position: fixed;
    top: 0;
    left: 0;
    background: #000;
    background: rgba(0, 0, 0, 0.6);
    width: 100%;
    height: 100%;
    z-index: 500;
}

.overLay .popup {
    background: #FFF;
    max-width: 600px;
    width: 90%;
    width: calc(100% - 4em);
    line-height: 140%;
    position: absolute;
    top: 50%;
    left: 50%;
    padding: 1px;
    box-sizing: border-box;
    font-size: 100%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 4;
}

.overLay .popup {
    background: #FFF;
    max-width: 600px;
    width: 90%;
    width: calc(100% - 4em);
    line-height: 140%;
    position: absolute;
    top: 50%;
    left: 50%;
    padding: 1px;
    box-sizing: border-box;
    font-size: 100%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 4;
}


.overLay.overLayVideo {
    background: rgba(0, 0, 0, 0.8);
}

#overLayVideo {
    background: #000;
    width: 900px;
    height: 510px;
    margin: -255px -450px;
    position: fixed;
    top: 50%;
    left: 50%;
    padding: 1px;
    box-sizing: border-box;
    font-size: 100%;
    z-index: 501;
}

#overLayVideo.exportStats {
    background: #FFF;
    width: 600px;
    margin: -80px -300px;
    height: auto;
}

#overLayVideo.exportStats div {
    padding: 1.5em;
}

#overLayVideo iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#overLayVideo .closer {
    width: 40px;
    height: 40px;
    transition: background-color 0.2s;
    color: #FFF;
    text-decoration: none;
    line-height: 40px;
    text-align: center;
    font-size: 36px;
    margin: -20px;
    z-index: 2;
    background: rgba(0, 0, 0, 0.3);
    border-radius: 3px;
    position: absolute;
    right: 0;
    top: 0;
}

#overLayVideo .closer:hover {
    background-color: rgba(0, 0, 0, 0.8);
}

.overLay .popup.small {
    max-width: 340px;
    font-size: 90%;
}

.overLay .popup .wrap {
    margin: 1.6em 1.8em;
}

.overLay .popup .wrap .closer {
    right: 1.2em;
    font-size: 150%;
}

.overLay .popup .wrap h3 {
    margin: 1em 2.5em 1em 0;
    font-size: 125%;
}

#overLayVideo.m2iSignPopup {
    background: #FFF;
    width: 85%;
    max-width: 680px;
    transform: translate(-50%, -50%);
    width: calc(100% - 3em);
    margin: 0;
    padding: 1px;
    box-sizing: border-box;
    height: auto;
}

#overLayVideo.m2iSignPopup div.wrap {
    margin: 2em;
}

#overLayVideo.m2iSignPopup div.wrap .wrap {
    margin: 0;
}

#overLayVideo.m2iSignPopup h3 {
    font-weight: 600;
}

#overLayVideo #account_not_valid {
    background: #FFF;
    display: block;
    margin: 0;
}

#sharingBox p {
    margin: 5px 0;
}

#sharingBox p a {
    display: block;
    border: 1px solid #333;
    padding: 0.8em 0.6em 0.8em 3em;
    position: relative;
    border-radius: 4px;
    color: #000;
    transition: color 0.15s, border-color 0.15s;
}

#sharingBox p a svg {
    position: absolute;
    height: 1.4em;
    width: 1.4em;
    top: 50%;
    margin: -0.8em 0;
    left: 0.8em;
}

#sharingBox p a svg path {
    transition: fill 0.15s;
}

#sharingBox p a:hover {
    color: #e75480;
    border-color: #e75480;
}

#sharingBox p a:hover svg path {
    fill: #e75480;
}

#sharingBox div.sharer {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

#sharingBox {
    height: 0;
    overflow: hidden;
    opacity: 0;
    transition: opacity 0.2s;
}

.openShare #sharingBox {
    height: 100%;
    opacity: 1;
}

.ariane .sharer {
    float: right;
    margin-left: 1em;
    color: #000;
    opacity: 0.4;
    transition: opacity 0.15s;
    padding-left: 1.5em;
    background: url(../images/pictos/share.svg) no-repeat 0 center;
    background-size: 1.2em;
}

.ariane .sharer:hover {
    opacity: 0.8;
}

.logoOPCO {
    margin: 0 0 -1.5em 0;
    text-align: center;
}

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

.has-menu .logoOPCO {
    margin: 1em 0 0.5em 0;
    text-align: left;
}

.has-menu .logoOPCO img {
    max-width: 8.5em;
    max-height: 5em;
}

table,
td,
th {
    border: none;
}


.form-col-left {
    float: left;
    width: 55%;
    padding-right: 2.5em;
    box-sizing: border-box;
}

.form-col-right {
    float: right;
    width: 45%;
    box-sizing: border-box;
    padding-left: 2.5em;
}

a.encartSession,
p.encartSession {
    position: relative;
    display: block;
    font-weight: 400;
    font-size: 90%;
    background: #FFF url(../images/pictos/ide.svg) no-repeat 2.8em 2.8em;
    background-size: 3.8em;
    color: #000;
    padding: 2.6em 3em;
    margin: 1em 0 0 0;
    line-height: 150%;
}

a.encartSession strong {
    display: block;
    line-height: 120%;
    background: url(../images/pictos/arrow-colored.svg) no-repeat 0 0.2em;
    background-size: 1.5em;
    margin: 2em 0 0 0;
    font-weight: 600;
    font-size: 100%;
    border-radius: 3px;
    padding: 0.2em 1em 0.2em 2.2em;
    color: #e75480;
}

menu .avatar {
    position: relative;
    font-size: 95%;
    margin: -0.3em 0 0 0;
    padding: 0.15em 0 0 4em;
}

menu .avatar span.picture-profile {
    background: url(../images/pictos/particulier.svg) no-repeat center center;
    background-size: cover;
    width: 2.9em;
    height: 2.9em;
    position: absolute;
    left: 0;
}

menu .avatar.societes .picture-profile {
    background-image: url(../images/pictos/societe.svg);
}

menu span.avatar span.picture-profile {
    width: 100%;
    height: 100%;
}

menu .avatar strong {
    font-weight: 600;
    font-size: 125%;
    line-height: 120%;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 300px;
}

menu .avatar a {
    font-size: 85%;
}

menu .avatar select.champ {
    font-size: 110%;
    padding: 0.5em 2em 0.4em 0.2em !important;
    margin-bottom: -0.1em;
    margin-left: -0.1em;
    background-position: 98% center;
    font-weight: 600;
}

menu .avatar select.small.champ {
    font-size: 80%;
    font-weight: 500;
    margin: 0.3em 0 0.5em 0;
    background-color: transparent;
}

menu .avatar select.champ option {
    font-size: 80%;
}

.menu-account {
    padding-left: 4em;
    font-size: 95%;
    cursor: default;
}

.center menu .menu-account ul {
    margin-top: 1.2em;
}

.center menu .menu-account ul li {
    padding: 0;
    background: none;
}

.menu-account ul li.title strong {
    font-weight: 600;
}

.menu-account ul li.title.actif .alerte {
    display: none;
}

.menu-account ul li.title.actif a,
.menu-account ul li a.actif {
    color: #e75480;
}

.center menu .menu-account.particuliers ul li.home a,
.center menu .menu-account.particuliers ul li.home .actif {
    border-radius: 3px;
    line-height: 1em;
    padding: 0.6em 0.6em 0.6em 2em;
    margin-left: -2em;
    position: relative;
    display: block;
    color: #000;
    border: 2px solid #000;
    text-decoration: none;
    font-weight: 500;
}

.center menu .menu-account.particuliers ul li.home a svg,
.center menu .menu-account.particuliers ul li.home .actif svg {
    position: absolute;
    height: 1em;
    width: 1em;
    left: 0.6em;
    right: auto;
    margin: 0;
}

.encart_formation p a {
    position: relative;
    z-index: 3;
}

.encart_formation.inline.files .wrap {
    padding-left: 4.8em;
}

.encart_formation.inline.files img {
    position: absolute;
    top: 0;
    left: 0;
    width: 3.5em;
    height: auto;
}

.encart_formation.inline {
    overflow: visible;
}

.encart_formation.inline:before {
    padding: 2px !important;
    margin: -2px !important;
    height: 100% !important;
}

.encart_formation .chatroom {
    position: absolute;
    top: 0;
    right: 0;
    padding: 0 0.7em 0 2.3em;
    line-height: 2em;
    height: 2em;
    box-shadow: -2px 2px 3px rgba(0, 0, 0, 0.06);
    border-radius: 0 0 0 0.4em;
    background: #FFF no-repeat url(../images/pictos/chat.svg) 0.6em center;
    z-index: 50;
    background-size: 1.2em;
    color: #222;
    font-weight: 500;
}

.encart_formation.alerted {
    opacity: 1 !important;
}

.encart_formation.alerted .chatroom {
    font-size: 130%;
    background-color: #000578;
    background-image: url(../images/pictos/chat-white.svg);
    color: #FFF;
}

.encart_formation .chatroom span.alerte {
    margin-left: 0;
}

span.alerte {
    background: #E02;
    position: absolute;
    color: #FFF;
    font-weight: bold;
    font-family: Montserrat, Arial, Helvetica, sans-serif;
    font-size: 12px;
    height: 18px;
    line-height: 18px;
    margin-left: 0.15rem;
    text-align: center;
    min-width: 10px;
    padding: 0 4px;
    border-radius: 2em;
    animation: bounce 0.35s ease infinite alternate;
}

@keyframes bounce {
    from {
        transform: translateY(0);
    }

    to {
        transform: translateY(-0.5em);
    }
}

.center menu .menu-account.formateurs li,
.center menu .menu-account.societes li,
.center menu .menu-account.particuliers li {
    font-size: 85%;
    line-height: 145%;
    margin-left: 0.4em;
    font-weight: 400;
}

.center menu .menu-account.formateurs ul li.home a,
.center menu .menu-account.formateurs ul li.home .actif,
.center menu .menu-account.societes ul li.home a,
.center menu .menu-account.societes ul li.home .actif,
.center menu .menu-account.particuliers ul li.home a,
.center menu .menu-account.particuliers ul li.home .actif {
    border-radius: 3px;
    line-height: 1em;
    padding: 0.6em 0.6em 0.6em 2em;
    margin-left: -2em;
    position: relative;
    display: block;
    color: #000;
    border: 2px solid #000;
    text-decoration: none;
    font-weight: 500;
}

.center menu .menu-account.formateurs ul li.home a svg,
.center menu .menu-account.formateurs ul li.home .actif svg,
.center menu .menu-account.societes ul li.home a svg,
.center menu .menu-account.societes ul li.home .actif svg,
.center menu .menu-account.particuliers ul li.home a svg,
.center menu .menu-account.particuliers ul li.home .actif svg {
    position: absolute;
    height: 1em;
    width: 1em;
    left: 0.6em;
    right: auto;
    margin: 0;
}

.center menu .menu-account.formateurs ul li.home .actif,
.center menu .menu-account.societes ul li.home .actif,
.center menu .menu-account.particuliers ul li.home .actif {
    cursor: default;
}

.center menu .menu-account.formateurs ul li svg path,
.center menu .menu-account.societes ul li svg path,
.center menu .menu-account.particuliers ul li svg path {
    fill: #000;
}

.center menu .menu-account.formateurs ul li.home .actif svg path,
.center menu .menu-account.societes ul li.home .actif svg path,
.center menu .menu-account.particuliers ul li.home .actif svg path {
    fill: #FFF;
}

.center menu .menu-account.formateurs ul li.title,
.center menu .menu-account.formateurs ul li.home,
.center menu .menu-account.societes ul li.title,
.center menu .menu-account.societes ul li.home,
.center menu .menu-account.particuliers ul li.title,
.center menu .menu-account.particuliers ul li.home {
    font-size: 100%;
    margin-left: 0;
    line-height: 115%;
    padding-top: 1px;
    padding-bottom: 1px;
}

.center menu .menu-account.formateurs ul li.title svg,
.center menu .menu-account.societes ul li.title svg,
.center menu .menu-account.particuliers ul li.title svg {
    position: absolute;
    height: 1em;
    width: 1em;
    left: 0.6em;
    right: auto;
    margin: 0 0;
}

.center menu .menu-account.formateurs ul li.title.actif svg path,
.center menu .menu-account.societes ul li.title.actif svg path,
.center menu .menu-account.particuliers ul li.title.actif svg path {
    fill: #e75480;
}

.center menu .menu-account.formateurs ul li.mon_contact,
.center menu .menu-account.societes ul li.mon_contact,
.center menu .menu-account.particuliers ul li.mon_contact {
    font-weight: 300;
    position: relative;
    margin: 1.2em 0 0 0.6em;
    padding: 1.2em 0 0 3em;
    line-height: 130%;
    border-top: 1px solid #D4D6D8;
}

.center menu .menu-account.formateurs ul li.mon_contact strong,
.center menu .menu-account.societes ul li.mon_contact strong,
.center menu .menu-account.particuliers ul li.mon_contact strong {
    font-weight: 400;
}

.center menu .menu-account.formateurs ul li.mon_contact span.avatar,
.center menu .menu-account.societes ul li.mon_contact span.avatar,
.center menu .menu-account.particuliers ul li.mon_contact span.avatar {
    position: absolute;
    width: 2.5em;
    height: 2.5em;
    margin: 0 0;
    left: 0;
    padding: 0;
    background-size: cover;
}

.center menu .menu-account.formateurs ul li.mon_contact span.avatar span.picture-profile,
.center menu .menu-account.particuliers ul li.mon_contact span.avatar span.picture-profile {
    width: 100% !important;
    height: 100% !important;
    display: none;
}

.center menu .menu-account.formateurs ul li:first-child .actif,
.center menu .menu-account.societes ul li:first-child .actif,
.center menu .menu-account.particuliers ul li:first-child .actif {
    background-color: #e75480;
    border-color: #e75480;
    color: #FFF;
}

.center menu .menu-account.formateurs ul li,
.center menu .menu-account.societes ul li,
.center menu .menu-account.particuliers ul li {
    padding-left: 2em;
    position: relative;
}

p.tags.seek_year {
    font-size: 60%;
    margin: 0 0 1.5em 0;
}

p.tags.seek_year a {
    border-color: #828486;
    color: #828486;
    white-space: nowrap;
}

p.tags.seek_year a:hover {
    border-color: #424446;
    color: #424446;
}

p.tags.seek_year a.actif {
    border-color: #828486;
    background: #828486;
    color: #FFF;
}

p.tags.seek_year a.actif:hover {
    border-color: #424446;
    background: #424446;
    color: #FFF;
}

p.tags.seek_year a em {
    font-weight: 400;
    opacity: 0.9;
    font-style: normal;
}

.max_width p {
    max-width: 1000px;
}

.center menu .menu-account.societes ul li:first-child .actif {
    background-color: #e75480;
    border-color: #e75480;
    color: #FFF;
}

.center menu .menu-account ul li.title {
    margin-bottom: 0.1em;
    margin-top: 0.8em;
    cursor: default;
    font-weight: 500;
}

.center menu .menu-account.societes ul li {
    padding-left: 2em;
    position: relative;
}

.menu-account a svg {
    position: absolute;
    height: 1.2em;
    width: 1.2em;
    right: 100%;
    margin: -0.2em 0.2em;
}

.menu-account svg path {
    fill: #000;
}

#form-send-favs {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, 0.75);
    z-index: 9999;
    font-size: 90%;
}

#form-send-favs form {
    position: absolute;
    width: 600px;
    padding: 1px;
    background: #FFF;
    box-sizing: border-box;
    top: 50%;
    left: 50%;
    margin: -200px -300px;
}

#form-send-favs form textarea {
    font-weight: 300;
    height: 10em;
    resize: none;
}

#form-send-favs form .wrap {
    margin: 1.5em;
}

#call-me.centered {
    right: calc(50%);
    bottom: calc(50%);
    transform: translate(50%, 50%);
    box-shadow: 0 0 0 3000px rgba(0, 0, 0, 0.5);
}

#call-me {
    position: fixed;
    display: none;
    padding: 1px;
    z-index: 100;
    width: 90%;
    width: calc(100% - 2rem);
    max-width: 460px;
    right: 1rem;
    bottom: 1rem;
    box-sizing: border-box;
    font-size: 15px;
    background: #000578 no-repeat center;
    background-size: cover;
    color: #FFF;
    border-radius: 6px;
    box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.3);
}

#call-me .wrap {
    margin: 2em;
}

#call-me.close,
#call-me.close.centered {
    width: 3.8em;
    height: 3.8em;
    transform: none;
    border-radius: 4em;
    right: 1rem;
    bottom: 1rem;
    margin: 0;
    box-shadow: none;
    display: block;
    padding: 0;
    cursor: pointer;
    background-image: url(../images/pictos/phone-white.svg);
}

#call-me {
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    max-height: 600px;
    max-height: 80vh;
    max-height: calc(100vh - 2rem);
}

#call-me .title {
    font-size: 90%;
    color: #FFF;
    color: rgba(255, 255, 255, 0.8);
    font-weight: 400;
    margin: 0 0 1em -0.1em;
    padding: 0 0 0 5em;
    background: url(../images/pictos/phone-call.svg) no-repeat 0 0;
    background-size: 4em;
}

#call-me .title strong {
    display: block;
    font-size: 140%;
    line-height: 100%;
    margin: 0.5em 0;
    font-weight: 600;
    color: #FFF;
    padding-right: 20px;
}

#call-me .form-group select {
    padding-top: 1em;
    padding-bottom: 1em;
}

#call-me .form-group,
#call-me .form-group input,
#call-me .form-group select,
#call-me .form-group textarea {
    border: none !important;
    background-color: #FFF;
}

#call-me .form-group.error input,
#call-me .form-group.error select,
fieldset.error input {
    background-color: #FDD;
    background-color: rgba(255, 245, 245, 0.95);
    box-shadow: 0 0 0 1px #e75480, 0 0 0 1px #e75480 inset;
}

#call-me hr {
    border: none;
    height: 1px;
    border-radius: 3px;
    background: #FFF;
    margin: 1.5em -2em 2em -2em;
    opacity: 0.3;
}

#call-me .buttons a {
    color: #000578;
    display: block;
    text-align: center;
    font-size: 18px;
    font-weight: 600;
    padding: 1em 0;
    opacity: 0.9;
}

#call-me a.close {
    font-size: 28px;
    transition: opacity 0.2s;
    text-align: center;
    background: #000;
    background: rgba(0, 0, 0, 0.4);
    opacity: 0.7;
    border-radius: 0 4px 0 6px;
    height: 1.3em;
    width: 1.3em;
    line-height: 1.3em;
    position: absolute;
    text-decoration: none;
    color: #FFF;
    right: 0;
    top: 0;
    font-weight: 400;
}

#call-me a.close:hover {
    opacity: 1;
}

#call-me p.legende {
    color: #FFF;
    font-style: italic;
    opacity: 0.6;
    font-size: 85%;
    margin: 2em 0 0 0;
}

.sticker {
    font-size: 14px;
    margin: 0.5em 0;
    padding: 1px;
    background: #FFF;
}

.sticker h2 {
    font-size: 115%;
    margin: -1em;
    padding: 1em;
    cursor: pointer;
}

.sticker h2 em {
    font-size: 75%;
    font-weight: 300;
    color: #B2B4B6;
    margin-left: 1em;
    font-style: normal;
}

.sticker h2 span {
    font-size: 75%;
    margin-left: 1em;
}

.sticker.open h2 em {
    display: none;
}

.sticker p {
    margin: -1px 0;
    padding: 1.5em 0;
    border: 1px solid #E4E5E6;
    border-width: 1px 0;
    font-size: 90%;
    color: #333;
    font-weight: 400;
    line-height: 140%;
    position: relative;
}

.sticker p a.dark {
    color: #333;
}

.sticker p strong {
    font-size: 120%;
    font-weight: 600;
    display: block;
    margin-bottom: 0.4em;
    color: #000;
}

.sticker .content {
    display: none;
}

.sticker.open .content {
    display: block;
}

.sticker.open h2 {
    margin-bottom: 0;
}

.sticker .wrap {
    margin: 1.5em;
}

.sticker input {
    display: block;
    border: 1px solid rgba(0, 0, 0, 0.1);
    background: #FAFAFA;
    padding: 0.5em;
    box-sizing: border-box;
    width: 100%;
    margin-top: 0.15em;
}

.sticker .content em {
    position: absolute;
    background: #FFF;
    right: 0;
    top: 1.8em;
    color: #AAA;
    font-style: normal;
    padding: 0 0 0 0.5em;
    font-size: 90%;
}

#tool_noeval {
    background: #EEE;
    padding-right: 28em;
    margin: 2em;
}

#tool_noeval h1 {
    font-weight: 700;
}

#formateur_listing {
    position: absolute;
    width: 24em;
    right: 2em;
    top: 2em;
}

#formateur_listing ul {
    margin: 0;
    padding: 0;
    font-size: 85%;
}

#formateur_listing ul li {
    position: relative;
    line-height: 1em;
    white-space: nowrap;
    overflow: hidden;
    padding: 0.8em 7em 0.8em 0;
    margin: -1px 0 0 0;
    text-overflow: ellipsis;
    border: 1px solid #D2D4D6;
    border-width: 1px 0;
}

#formateur_listing ul li em {
    position: absolute;
    top: 0.85em;
    right: 0;
    font-style: normal;
    font-size: 11px;
    padding: 0.2em 0.5em;
    background: #727476;
    color: #FFF;
    border-radius: 1em;
    opacity: 0.5;
}

h1.picto,
h2.picto,
h3.picto,
h4.picto,
h5.picto {
    padding-left: 1.4em;
    background: no-repeat 0 0.05em;
    background-size: 1.2em;
}

.picto.programme {
    background-image: url(../images/pdf-poe/picto-competences.png);
}

.picto.plus {
    background-image: url(../images/pdf-poe/picto-plus.png);
}

.picto.public {
    background-image: url(../images/pdf-poe/picto-public.png);
}

.picto.prerequis {
    background-image: url(../images/pdf-poe/picto-prerequis.png);
}

.picto.objectifs {
    background-image: url(../images/pdf-poe/picto-objectifs.png);
}

.picto.certification {
    background-image: url(../images/pdf-poe/picto-certification.png);
}

.picto.modalites {
    background-image: url(../images/pdf-poe/picto-modalites.png);
}

.picto.tarif {
    background-image: url(../images/pdf-poe/picto-tarifs.png);
}

.picto.methodes {
    background-image: url(../images/pdf-poe/picto-methodes.png);
}

.picto.acquis {
    background-image: url(../images/pdf-poe/picto-acquis.png);
}

.inline-poe {
    margin: 0.5em 0 0 0;
}

.inline-poe a {
    padding: 1.2em;
    background: #F4F5F6;
    display: block;
    position: relative;
    overflow: hidden;
}

.grey .inline-poe a {
    background-color: #FFF;
}

.inline-poe a:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    height: 100%;
    width: 0;
    opacity: 0.6;
    background: rgba(0, 0, 0, 0.025);
    transition: width 0.2s, opacity 0.2s;
    transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

.grey .inline-poe a:after {
    background: #000578;
    opacity: 0;
    background: -moz-linear-gradient(113deg, rgba(0, 5, 80, 0.9) 0%, rgba(0, 5, 80, 0.6) 100%);
    background: -webkit-linear-gradient(113deg, rgba(0, 5, 80, 0.9) 0%, rgba(0, 5, 80, 0.6) 100%);
    background: linear-gradient(113deg, rgba(0, 5, 80, 0.9) 0%, rgba(0, 5, 80, 0.6) 100%);
}

.grey .inline-poe a:hover:after {
    opacity: 0.08;
}

.inline-poe a:hover:after {
    width: 100%;
    opacity: 1;
}

.inline-poe a .region {
    display: block;
    font-size: 70%;
    font-weight: 500;
    color: #e75480;
}

.inline-poe a strong,
.inline-poe a span {
    position: relative;
    z-index: 2;
}

.inline-poe a strong {
    color: #222;
    font-weight: 500;
    display: block;
    line-height: 110%;
    font-size: 100%;
    margin: 0.2em 0;
}

.inline-poe a .date {
    display: block;
    font-size: 70%;
    font-weight: 400;
    color: #666;
}

.inline-poe a .picture {
    display: block;
    padding: 24% 0;
    margin: 1em 0;
    height: 1.5em;
    background: #DDD no-repeat center center;
    background-size: cover;
}

.columns-inlines {
    margin: 0 -0.25em;
}

.columns-inlines .col {
    float: left;
    width: 33.33%;
    box-sizing: border-box;
    margin: 0;
    padding: 0 0.25em;
}

.slide {
    height: 0;
    overflow: hidden;
    opacity: 0;
    transition: opacity 0.2s;
    position: absolute;
}

.slide.actif {
    height: auto;
    overflow: visible;
    opacity: 1;
    position: relative;
}

.sliders .dots {
    height: 20px;
    margin-top: 0.2em;
}

.sliders .dots a {
    float: left;
    width: 14px;
    height: 14px;
    border-radius: 100%;
    background: #DDD;
    background: rgba(0, 0, 0, 0.1);
    text-decoration: none;
    font-size: 0;
    margin: 0 8px 8px 0;
}

.sliders .dots a.actif {
    background: #e75480;
}

.squares {
    margin: 1.5em -0.75em;
}

.squares .col {
    float: left;
    width: 50%;
    box-sizing: border-box;
    padding: 0.75em;
}

.squares .col a {
    display: block;
    position: relative;
    background: #888 no-repeat center center;
    background-size: cover;
    padding: 50% 0;
    color: #FFF;
    text-decoration: none;
    overflow: hidden;
    border-radius: 20px;
}

.squares .col a strong,
.squares .col a span {
    position: absolute;
    line-height: 130%;
    padding: 0 1.5em;
    width: 100%;
    left: 0;
    box-sizing: border-box;
    margin: 1.25rem 0;
    text-align: center;
}

.squares .col a span em {
    font-style: normal;
    border: 1px solid #FFF;
    border-radius: 0.25em;
    padding: 0.75em 1.5em;
    min-width: 3em;
}

.squares .col a strong {
    bottom: 50%;
    font-weight: bold;
    font-size: 160%;
    font-weight: 600;
}

.squares .col a span {
    top: 50%;
    font-size: 110%;
    font-weight: 400;
}

.squares .col a:before {
    position: absolute;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.7;
    content: "";
    top: 0;
    left: 0;
    transition: opacity 0.25s;
}

.squares .col a:hover:before {
    opacity: 0.35;
}

.flex-planning {
    display: flex;
    flex-wrap: wrap;
}

.flex-planning .col {
    width: 100%;
    max-width: 22rem;
    margin: 0.5rem 0;
}

.flex-planning .shared_file {
    max-width: 100%;
    padding-top: 1.3em;
    padding-bottom: 1.3em;
}

.flex-planning .col .h5 {
    margin: 0 0 1rem 0.5rem;
    font-size: 75%;
}

.detailStats {
    display: none;
    position: absolute;
    z-index: 9999 !important;
}

.overAllStats {
    position: fixed;
    background: rgba(0, 0, 0, 0.8);
    overflow: auto;
    display: flex;
    font-size: 85%;
    flex-grow: unset;
    align-content: center;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 9999;
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    box-sizing: border-box;
    padding: 1rem;
}

.overAllStats .center {
    margin: auto !important;
    max-width: 720px;
    width: 99%;
    padding: 1px;
    border-radius: 0.5em;
    background: #FFF;
}

.overAllStats .wrap {
    margin: 2em;
}

.overAllStats p.item {
    margin: 1em 0;
}

.overAllStats p.item strong {
    display: block;
    font-size: 85%;
    line-height: 110%;
    font-weight: 500;
    text-transform: uppercase;
    margin-bottom: 0.25em;
}

.overAllStats p.item+p.item {
    padding-top: 1em;
    border-top: 1px solid #EEE;
}

.overAllStats p.item .note {
    font-weight: 600;
}

.overAllStats p.item .note em {
    font-weight: 400;
    font-style: normal;
    color: #666;
    font-size: 80%;
}

.stat .details-btn {
    margin: 1.5em 0 0 0;
}

.details-btn {
    font-size: 80%;
    margin: 1.5em 0 0 0;
    height: 1.2em;
    position: relative;
}

.detailStats .details-btn {
    float: right;
    margin-top: 0.2em;
}

.details-btn a {
    transition: border-color 0.2s, color 0.2s;
    padding: 0.3em 0.5em;
    font-weight: 500;
    line-height: 100%;
    white-space: nowrap;
    margin-top: 0;
    border: 1px solid rgba(0, 0, 0, 0.1);
    background: #F5F5F5;
    border-radius: 30px;
    color: #666;
    z-index: 5;
}

.stat .details-btn a {
    position: absolute;
    right: 0;
}

.details-btn a:hover {
    border-color: rgba(0, 0, 0, 0.25);
    color: #222;
}

#pdf_sheet .no-sheet {
    display: none !important;
}

#pdf_sheet .stat .details-btn {
    position: static !important;
}

#pdf_sheet .stat .details-btn a {
    bottom: 0;
    margin: -1.1rem;
    border-radius: 4px 0 0 0;
}

h1.calendar {
    padding-right: 4em;
    position: relative;
    line-height: 1.5em;
    margin-bottom: 1.5em !important;
}

h1.calendar span {
    position: absolute;
    right: 0;
}

h1.calendar span a {
    float: left;
    height: 1.2em;
    line-height: 1.1em;
    width: 1.2em;
    border-radius: 0.1em;
    text-align: center;
    margin-left: 0.1em;
    background: #e75480;
    color: #FFF;
    text-decoration: none;
}

.calendar-line {
    display: flex;
    margin: 0 -0.6em !important;
    font-size: 80% !important;
    overflow: hidden;
}

.calendar-line span.day {
    width: 14.3%;
    text-align: left;
    display: block;
    box-sizing: border-box;
}

.calendar-line.title span.day {
    font-weight: 400;
    opacity: 0.6;
    padding: 0 0.8em;
}

.calendar-line.title {
    margin: 1em -0.6em 0.5em -0.6em !important;
}

.calendar-line span.day.entry {
    height: 6em;
    padding: 5.5% 0;
    position: relative;
    background: #FFF;
    box-shadow: 0 0 0 1px #F8F8F8 inset;
    color: #444;
}

.calendar-line span.day.entry.other_month {
background: #FAFAFA;
background: rgba(255, 255, 255, 0.5);
color: #AAA;
}

.calendar-line span.day.entry strong {
    position: absolute;
    left: 0.5em;
    padding: 0 0.3em;
    top: 0.6em;
}

.calendar-line span.day.entry.current strong {
    color: #000578;
    font-weight: 700;
    border-radius: 0.4em;
}

.calendar-line span.day.entry.ferie {
    position: relative;
    background: #F2F2F2;
    background: #F2F2F2 url(../images/stripes.png) no-repeat 0 0;
    background-size: cover;
    opacity: 1;
    backdrop-filter: blur(3px);
    z-index: 99 !important;
}

.calendar-line span.day.entry.ferie strong {
    opacity: 0.5;
}

.calendar-line span.day.entry.ferie a {
    display: none !important;
}

.detail_trainee th {
    font-size: 70%;
    font-weight: 500;
}

.calendar-line span.day.entry a {
    white-space: nowrap;
    font-size: 66%;
    padding: 0 0.5em;
    background: #828486;
    margin: 0;
    position: absolute;
    top: 4em;
    height: 2em;
    line-height: 1.9em;
    line-height: calc(2em - 2px);
    width: 100%;
    border: 1px solid #FFF;
    border-width: 1px 0;
    box-sizing: border-box;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 500;
    color: #FFF;
}

.calendar-line span.day.entry a.first {
    border-left: 2px solid rgba(255, 255, 255);
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
}

.calendar-line span.day.entry a.last {
    border-right: 2px solid rgba(255, 255, 255);
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
}

.calendar-line span.day.entry a.pos-2 {
    margin-top: 2em;
}

.calendar-line span.day.entry a.pos-3 {
    margin-top: 4em;
}

.calendar-line span.day.entry a.pos-4 {
    margin-top: 6em;
}

.calendar-line span.day.entry a.pos-5 {
    margin-top: 8em;
}

.calendar-line span.day.entry a.translucide,
.calendar-line span.day.entry.past a {
    color: #333;
    background: #DDD !important;
}

.calendar-line span.day.entry a.guaranted {
    background: #0C0 !important;
    color: #FFF;
}

.calendar-line span.day.entry a.optional {
    background: #FA0 !important;
    color: #FFF;
}

.calendar-line span.day.entry a.current,
.calendar-line span.day.entry a.current.guaranted,
.calendar-line span.day.entry a.current.optional {
    background: #000578 !important;
    color: #FFF;
}

.cal-legends {
    display: flex;
    flex-wrap: wrap;
    margin: 2em 0;
    font-size: 75%;
}

.cal-legends p {
    width: 50%;
    margin: 0.25em 0;
    max-width: 200px;
    min-width: 120px;
    min-width: 150px;
    line-height: 1em;
}

.cal-legends p span {
    float: left;
    height: 0.8em;
    width: 2em;
    margin: 0.1em 0.5em 0.1em 0;
    background: #828486;
    border-radius: 0.3em;
}

.picture-profile {
    position: relative;
}

table .picture-profile {
    padding: 50% 0;
    display: block;
    margin: 1em auto 0;
    background: no-repeat center center url(../images/pictos/particulier.svg);
    background-size: cover;
    min-width: 7em;
}

.picture-profile.exists,
.picture-profile.loading {
    border-radius: 100% !important;
    box-shadow: 0 0 0.25em rgba(0, 0, 0, 0.12) inset;
}

table .picture-profile.exists,
table .picture-profile.loading {
    box-shadow: 0 0 0.8em rgba(0, 0, 0, 0.12) inset;
}

table p.buttons .deleteAVatar {
    display: none;
}

table .picture-profile.exists+p.buttons .deleteAVatar {
    display: block;
}

table .picture-profile.exists.loading+p.buttons .deleteAVatar {
    display: none;
}

table .picture-profile.loading+p.buttons a {
    pointer-events: none;
    opacity: 0.6;
}

.picture-profile.loading:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0.8;
    background: rgba(255, 255, 255, 0.9) no-repeat center center url(../images/loader.gif);
    left: 0;
    top: 0;
    border-radius: 100%;
}

#formateur_bio {
    overflow: auto;
    min-height: 15em;
    border: 1px solid #CCC;
    background: #FFF;
    padding: 1px 1em;
    overflow-wrap: anywhere;
}

#formateur_bio:focus,
#formateur_bio:hover {
    border: 1px solid #666;
}

article.file strong {
    font-size: 120%;
    font-weight: 600;
}

article.file {
    padding: 1.2em 1.5em;
    border: 1px solid #F2F4F6;
    border-radius: 0.3em;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.08);
    margin: 0.5em 0;
    position: relative;
    line-height: 130%;
    font-size: 75%;
}

article.file .bar {
    height: 0.3em;
    background: #F2F4F6;
    border-radius: 0.2em;
    margin-top: 0.4em;
}

article.file .bar div {
    background: #e75480;
    height: 0.3em;
    border-radius: 0.2em;
    width: 39%;
}

article.file.error {
    color: #e75480;
    font-weight: 400;
}

.file_box .uploader {
    padding: 3rem;
    margin: 2rem 0;
    font-weight: 500;
    line-height: 120%;
    color: #808080;
    border: 4px dashed #D2D4D6;
    text-align: center;
    background: #FAFBFC;
    cursor: pointer;
}

.file_box .uploader span {
    display: block;
    margin-top: 0.4em;
    margin-bottom: -0.9em;
    font-size: 66%;
    font-weight: 400;
    color: #999;
}

#file_uploader {
    display: none;
}

.file_box p {
    font-size: 80%;
}

.file_box {
    background: #FFF;
    padding: 1px;
    box-shadow: 0 0 1.5em rgba(0, 0, 0, 0.04);
    border-radius: 0.3rem;
    margin: 3rem 0;
}

.block-formateur {
    position: relative;
    padding: 1.2rem 18rem 1.2rem 5rem;
    font-size: 70%;
    line-height: 100%;
    background: #F0F0F0;
    margin: 0.5rem 0;
    border-radius: 0.3rem;
    color: #333;
    font-weight: 400;
}

.block-formateur p {
    margin: 0;
}

.block-formateur p.buttons em {
    position: absolute;
    top: 1.3rem;
    right: 1.3rem;
    font-style: normal;
}

.block-formateur p.buttons a {
    margin: 0;
    padding: 0.2em 0.6em 0.1em 2.9em;
    font-weight: 500;
    line-height: 2rem;
    font-size: 110%;
    background-image: url(../images/pictos/contact.svg);
    background-size: 1.8em;
    background-position: 0.6em center;
}

.block-formateur p.buttons a.bio {
    background-image: url(../images/pictos/account-small.svg);
    background-size: 1.6em;
    background-position: 0.5em center;
    padding-left: 2.5em;
}

.block-formateur p.buttons a.disable {
    opacity: 0.2;
    filter: grayscale(1);
    pointer-events: none;
}

.block-formateur strong {
    display: block;
    font-size: 130%;
    color: #222;
    line-height: 100%;
    margin-bottom: 0.1rem;
}

.block-formateur+.localisation {
    margin-top: 0.5rem !important;
}

.block-formateur .avatar {
    left: 1.1rem;
    margin-top: 0.1em;
    position: absolute;
    height: 2.6rem;
    width: 2.6rem;
    background: rgba(0, 0, 0, 0.1) no-repeat center center url(../images/pictos/particulier.svg);
    background-size: cover;
    border-radius: 100%;
}

#trainer_bio p {
    margin: 0.8em 0;
    font-weight: 300;
}

#trainer_bio ul,
#trainer_bio ol {
    font-weight: 300;
}

#trainer_bio strong {
    font-size: 100%;
    display: inline;
}

#trainer_bio p,
#trainer_bio ul,
#trainer_bio h1,
#trainer_bio h2,
#trainer_bio h3,
#trainer_bio h4 {
    max-width: 940px;
}

#trainer_bio h1,
#trainer_bio h2,
#trainer_bio h3,
#trainer_bio h4,
#trainer_bio h5 {
    margin: 0.8em 0 0.5em 0;
}

#trainer_bio h1 {
    font-size: 160%;
}

#trainer_bio h2 {
    font-size: 140%;
}

#trainer_bio h3 {
    font-size: 120%;
}

#trainer_bio h4 {
    font-size: 110%;
}

#trainer_bio h5 {
    font-size: 110%;
}

#trainer_bio {
    font-size: 80%;
}

.block-formateur #trainer_bio {
    height: 0;
    opacity: 0;
    overflow: hidden;
    margin: 0;
    transition: opacity 0.25s, margin-top 0.25s, padding-top 0.25s;
    line-height: 150%;
    font-size: 120%;
    padding-right: 2rem;
}

.block-formateur #trainer_bio.open {
    height: auto;
    opacity: 1;
    border-top: 1px solid #DADBDC;
    margin-top: 1.6rem;
    padding-top: 0.6rem;
    margin-right: -16.5rem;
}

.file_box .wrap {
    margin: 2rem;
}

.file_box h5 {
    border-bottom: 1px solid #E5E5E5;
    padding: 1.5rem 2rem;
    text-align: center;
    margin: -2rem -2rem 1.5rem -2rem !important;
    color: #888;
    font-size: 120%;
    color: #000;
}

.file_box h5 span {
    display: block;
    font-size: 66%;
    font-weight: 400;
    color: #727476;
}

.file_box h5 span strong,
.file_box h5 span a {
    font-weight: 400 !important;
    color: #111 !important;
}

.file_box hr {
    margin: 1.5rem -2rem;
}

#chat_room {
    margin: 1.5rem -0.5rem;
    padding: 0 0.5rem;
    overflow: auto;
}

.file_box #chat_room {
    max-height: 400px;
    max-height: calc(15vh + 12rem);
}

#chat_room article .avatar {
    left: 0;
    margin-top: 0.1em;
    position: absolute;
    height: 2.2rem;
    width: 2.2rem;
    background: rgba(0, 0, 0, 0.1) no-repeat center center url(../images/pictos/particulier.svg);
    background-size: cover;
    border-radius: 100%;
}

#chat_room article {
    font-size: 75%;
    margin: 1.6em 0;
    position: relative;
}

#chat_room article.same {
    margin-top: -1.4em;
}

#chat_room article .bulle {
    display: inline-block;
    word-wrap: break-word;
    max-width: 600px;
    text-align: left;
    cursor: default;
    position: relative;
    padding: 0.8em;
    border-radius: 0.8rem;
    background: #F6F7F8;
    font-weight: 400;
    color: #111;
    margin: 0 7em 0 3rem;
    line-height: 120%;
}

#chat_room article .bulle em {
    background: #626468;
    transition: opacity 0.2s;
    color: #FFF;
    position: absolute;
    left: 100%;
    top: 0;
    margin: 1em 0.4em;
    font-size: 70%;
    font-style: normal;
    white-space: nowrap;
    padding: 0.5em;
    border-radius: 0.4em;
    line-height: 100%;
    pointer-events: none;
    opacity: 0;
}

#chat_room article .bulle:hover em {
    opacity: 1;
    transition-delay: 0.4s;
}

#chat_room article strong {
    display: block;
    margin: 0 0 0.2em 3.6rem;
    font-weight: 400;
    font-size: 90%;
    line-height: 120%;
    color: #222;
    opacity: 0.8;
}

#chat_room article.same strong,
#chat_room article.me strong {
    display: none;
}

#chat_room article.same .avatar,
#chat_room article.me .avatar {
    display: none;
}

#chat_room article.me .bulle {
    margin: 0 0 0 7em;
    color: #FFFE;
    background: #000578;
}

#chat_room article.me .bulle em {
    left: auto;
    right: 100%;
}

#chat_room article.only_smiley .bulle,
#chat_room article.me.only_smiley .bulle {
    background: none !important;
    padding: 0.6em 0;
}

#chat_room article.trainer .bulle {
    font-weight: 500;
    color: #000578;
}

#chat_room article.trainer strong {
    color: #000578;
}

#chat_room article.trainer strong:after {
    content: " (Formateur)";
    opacity: 0.5;
}

#chat_room article.me {
    text-align: right;
}

.post_chat {
    font-size: 80%;
}

.post_chat p.buttons {
    margin: 0.5em 0 0 0;
}

.post_chat .champ {
    resize: none;
    height: 5.2rem;
    box-sizing: border-box;
    border-radius: 0.3rem;
    background: #F6F7F8;
    border: none;
    padding-right: 4rem;
}

#form_chat {
    position: relative;
}

#form_chat .champ {
    margin: 0 !important;
}

#form_chat p.buttons {
    position: static;
    margin: 0 !important;
}

#form_chat p.buttons a {
    position: absolute;
    width: 2.4rem;
    height: 5.2rem;
    text-indent: -500px;
    right: 0;
    top: 0;
    background-position: center center;
    background-size: 1.1rem;
    padding: 0;
    margin: 0 !important;
    border-radius: 0 0.3rem 0.3rem 0;
    transition: all 0.2s;
}

#form_chat p.buttons a.disable {
    pointer-events: none;
    cursor: default !important;
    filter: grayscale(1);
    opacity: 0.2;
}

#overlayAvis.closing {
    opacity: 0;
}

p.feed.unread a,
p.feed.unread a .preview,
p.feed.unread a strong {
    color: #000578;
    font-weight: 500;
}

p.feed.unread a strong {
    font-weight: 700;
}

p.feed.unread a .preview {
    font-weight: 400;
}

p.feed {
    margin: 0.75rem 0;
}

p.feed a {
    display: block;
    border-radius: 0.3rem;
    background: #FFF;
    position: relative;
    padding: 1.4rem 1.4rem 1.4rem 4.5rem;
    color: #000;
    line-height: 110%;
    font-size: 80%;
    font-weight: 400;
    box-shadow: 0 0 1rem rgba(0, 0, 0, 0.06);
}

p.feed a strong {
    font-size: 120%;
    color: #000;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    padding: 0.1em 0;
}

p.feed a .preview {
    display: flex;
    white-space: nowrap;
    color: #222426;
    opacity: 0.9;
    line-height: 130%;
    font-weight: 300;
    font-style: italic;
}

p.feed a .preview span {
    opacity: 0.8;
}

p.feed a em {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-style: normal;
}

p.feed .avatar {
    left: 1.2rem;
    position: absolute;
    height: 2.4rem;
    width: 2.4rem;
    background: rgba(0, 0, 0, 0.1) no-repeat center center url(../images/pictos/particulier.svg);
    background-size: cover;
    border-radius: 100%;
}

p.feed .chatrooms {
    background: url(../images/pictos/chatrooms.svg) no-repeat center 70%;
    background-size: 2.2em;
    border-radius: 0;
}

.shared_files {
    display: flex;
    flex-wrap: wrap;
    margin: 0.25rem -0.25rem;
}

.shared_files .shared_file {
    background-size: 2.2em;
    padding: 1em 1.2em 1em 3.4em;
    background-position: 0.6em center;
}

.shared_files .shared_file strong {
    max-width: 18em;
    margin: 0;
}

#shared_files p {
    margin: 0.25rem auto;
}

#shared_files {
    overflow: auto;
    max-height: 400px;
    max-height: calc(12vh + 10rem);
    padding: 0 0.25rem;
    margin: 1rem -0.5rem;
    display: flex;
    flex-wrap: wrap;
}

.shared_file {
    position: relative;
    padding: 1px;
    max-width: calc(50% - 0.5rem);
    background: #FAFBFC no-repeat 0.8em center url(../images/packs/files/file.svg);
    background-size: 2.9em;
    line-height: 130%;
    padding: 1em;
    margin: 0.25rem;
    padding-left: 4.5em;
    padding-right: 3rem;
    box-sizing: border-box;
    border-radius: 6px;
    border: 1px solid rgba(0, 0, 0, 0.08);
    font-size: 66%;
    font-weight: 400;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    position: relative;
    z-index: 2;
}

.shared_file.large {
    max-width: 100%;
    font-size: 80%;
    margin: 1em 0;
}

.shared_file.pdf {
    background-image: url(../images/packs/files/pdf.svg);
}

.shared_file.jpg {
    background-image: url(../images/packs/files/jpg.svg);
}

.shared_file.csv {
    background-image: url(../images/packs/files/csv.svg);
}

.shared_file.json {
    background-image: url(../images/packs/files/json.svg);
}

.shared_file.png {
    background-image: url(../images/packs/files/png.svg);
}

.shared_file.gif {
    background-image: url(../images/packs/files/gif.svg);
}

.shared_file.svg {
    background-image: url(../images/packs/files/svg.svg);
}

.shared_file.doc {
    background-image: url(../images/packs/files/doc.svg);
}

.shared_file.xls {
    background-image: url(../images/packs/files/xls.svg);
}

.shared_file.rtf {
    background-image: url(../images/packs/files/rtf.svg);
}

.shared_file.txt {
    background-image: url(../images/packs/files/txt.svg);
}

.shared_file.zip {
    background-image: url(../images/packs/files/zip.svg);
}

.shared_file.rar {
    background-image: url(../images/packs/files/rar.svg);
}

#smiley_list {
    position: absolute;
    margin-top: -.5rem;
    font-size: 130%;
    width: 80%;
    padding: 0;
    box-sizing: border-box;
    width: calc(100% - 7rem);
    max-width: 22em;
    line-height: 100%;
    z-index: 30;
    margin-left: 1.6rem;
    background: #FFF;
    box-shadow: 0 0 1.2em rgba(0, 0, 0, 0.08);
    opacity: 0;
    overflow: hidden;
    height: 0;
    transition: opacity 0.2s, margin 0.2s;
    pointer-events: none;
}

#toggleSimeyList.actif+#smiley_list {
    height: auto;
    opacity: 1;
    z-index: 10;
    overflow: hidden;
    padding: 0.8em;
    margin-top: -1.5rem;
    pointer-events: fill;
    margin-left: 2rem;
}

#smiley_list a {
    display: inline-block;
    height: 1.7em;
    text-align: center;
    line-height: 1.8em;
    width: 1.7em;
    border-radius: 0.2em;
    transition: background-color 0.2s;
}

#smiley_list a:hover {
    background: #F0F1F2;
}

#toggleSimeyList {
    float: left;
    margin-right: 0.6rem;
    z-index: 5;
    width: 1.6rem;
    height: 1.4rem;
    opacity: 0.3;
    transition: opacity 0.25s;
    background: url(../images/pictos/smiley.svg) no-repeat center center;
    background-size: contain;
    cursor: pointer;
    position: relative;
}

#toggleSimeyList:hover,
#toggleSimeyList.actif {
    opacity: 0.9;
}

#shared_files .shared_file {
    width: 40%;
    width: calc(50% - 0.5rem);
}

.shared_file a {
    color: #666;
}

.shared_file a strong {
    display: block;
    font-size: 120%;
    color: #222;
    line-height: 130%;
    margin-bottom: 0.1em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.shared_file a.delete-file {
    font-size: 220%;
    font-weight: 500;
    height: 100%;
    width: 2.5rem;
    position: absolute;
    z-index: 3;
    right: 0;
    top: 0;
    border-left: 1px solid rgba(0, 0, 0, 0.08);
    transition: background-color 0.2s;
}

.shared_file a.delete-file:hover {
    background: rgba(0, 0, 0, 0.06);
}

.shared_file a.delete-file span {
    color: #000;
    height: 2rem;
    text-align: center;
    width: 2rem;
    text-align: center;
    line-height: 2rem;
    margin: -1rem;
    text-align: center;
    position: absolute;
    z-index: 3;
    left: 50%;
    top: 50%;
}

@media screen and (min-width: 1160px) {
    #put-chiffres-cles h3 {
        display: none;
    }

    #put-chiffres-cles {
        position: absolute;
        height: 0;
        left: 0;
        width: 100%;
        z-index: 2;
    }

    #put-chiffres-cles .wrap {
        width: 100%;
        position: absolute;
        left: 0;
        bottom: 0;
        margin: -5.5em 0;
        pointer-events: none;
    }

    #put-chiffres-cles .wrap:before {
        content: "";
        position: absolute;
        bottom: 3em;
        width: 100%;
        left: 0;
        background: #E9F6FE;
        height: 2.5em;
    }



}



@media screen and (min-width: 1700px) {
    .center.large {
        max-width: 1530px;
        max-width: calc(100% - 400px);
    }

    .pannels.center ul {
        margin-left: -46px;
    }

    #calendar {
        width: 45%;
        width: calc(620px);
    }

    .has-calendar .content {
        width: calc(100% - 620px);
        padding-right: 80px;
    }

    #header.slide-formation h1 {
        padding-right: calc(650px);
    }

    .pannels.center ul {
        padding-right: calc(620px);
    }
}


@media screen and (min-width: 2400px) {
    .center.large {
        max-width: 1640px;
    }

    #ghostLinks .center.large {
        padding: 0;
    }

}


@media screen and (min-width: 980px) {
    .dash-actualites.add-more {
        padding-right: 92px;
    }

    .dash-actualites p.buttons {
        position: absolute;
        right: 0;
        top: 0;
        margin: 0;
        height: 100%;
        width: 90px;
        background: transparent linear-gradient(6deg, #e75480 0%, #C72020 100%) 0% 0% no-repeat padding-box;
        font-size: 0;
    }

    .dash-actualites p.buttons a {
        background-size: 42px;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: transparent;
        background-position: center center;
    }

    .dash-actualites p.buttons a:hover {
        background-color: #000578;
    }
}

@media screen and (min-width: 981px) {
    #menu.fixed {
        position: fixed;
    }

    #menu.fixed,
    #menu.fixed a.onglet,
    #menu.fixed a.trigger,
    #menu.slided,
    #menu.slided a.onglet,
    #menu.slided a.trigger {
        color: #999;
    }

    #menu.fixed .band p,
    #menu.slided .band p {
        color: #999;
        opacity: 1;
    }

    #menu.fixed,
    #menu.slided {
        background: #FFF;
        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    }

    #menu.slided {
        background: #FFF;
        z-index: 50;
    }

    #menu.slided .band {
        border-bottom: 3px solid #999;
        height: 90px;
    }

    #menu.fixed menu .pipe,
    #menu.slided menu .pipe {
        background: #888;
    }

    #menu menu a.slided {
        border-bottom: 8px solid #999 !important;
        padding-bottom: 11px;
    }

    #menu.fixed menu a.picto svg path,
    #menu.slided menu a.picto svg path {
        fill: #999;
    }

    #menu.fixed menu a.picto,
    #menu.slided menu a.picto {
        border: none;
    }

    #menu.fixed #logo svg .border,
    #menu.slided #logo svg .border {
        opacity: 0;
    }

    #menu.fixed #logo svg rect,
    #menu.slided #logo svg rect {
        fill: #e75480;
        opacity: 1;
    }

    #menu.fixed a.onglet:hover,
    #menu.slided a.onglet:hover,
    #menu.fixed span.onglet:hover,
    #menu.slided span.onglet:hover,
    #menu.slided a.onglet.actif,
    #menu.slided span.onglet.actif {
        border-bottom: 2px solid #888;
    }
}

@media screen and (min-width: 1700px) {
    .center.large {
        max-width: 1530px;
        max-width: calc(100% - 400px);
    }

    .pannels.center ul {
        margin-left: -46px;
        padding-right: calc(620px);
    }

    #calendar {
        width: 45%;
        width: calc(620px);
    }

    div.has-calendar {
        max-width: calc(100% - 400px);
    }

    .has-calendar .content {
        width: calc(100% - 620px);
        padding-right: 80px;
    }

    #header.slide-formation h1 {
        padding-right: calc(650px);
    }

    .pannels.center ul {
        padding-right: calc(620px);
    }
}

@media screen and (min-width: 2400px) {
    .center.large {
        max-width: 1640px;
    }

    #ghostLinks .center.large {
        padding: 0;
    }
}

@media screen and (max-width: 2200px) {
    #menu .subMenu .columns ul {
        column-count: 4;
        column-count: 1 \9;
    }

    #menu .subMenu .columns ul li {
        width: 25% \9;
    }

    #menu .subMenu .columns {
        padding: 0 0 0 220px;
    }
}

@media screen and (max-width: 2000px) {
    #menu .subMenu .columns ul {
        column-count: 3;
        column-count: 1 \9;
    }

    #menu .subMenu .columns ul li {
        width: 33.33% \9;
    }

    #menu .subMenu .columns {
        padding: 0 0 0 220px;
    }
}

@media screen and (max-width: 1700px) {
    div.has-calendar {
        padding: 0 30px 0 60px;
    }

}

@media screen and (max-width: 1540px) {
    #menu .band p {
        display: none;
    }
}

@media screen and (max-width: 1500px) {
    #menu .subMenu .columns ul {
        column-count: 2;
        column-count: 1 \9;
    }

    #menu .subMenu .columns ul li {
        width: 50% \9;
    }

    #footer .group-logos div.brands div a:first-child img {
        padding: 10px 10px 10px 10px;
}

    #footer .group-logos div.divider {
        margin: 37px 10px 10px 10px;
    }
}

@media screen and (max-width: 1540px) {
    #menu .band p {
        display: none;
    }
}

@media screen and (max-width: 1380px) {
    .left-pannel-formateur {
        width: 60%;
    }

    .right-pannel-formateur {
        width: 40%;
    }

    .columns-essentiels .col {
        width: 50%;
    }

    article.formation-essentiel {
        padding: 35% 0;
        height: 6em;
    }

    .columns-essentiels .col:nth-child(3) {
        display: none;
    }

    .columns-essentiels.portail .col:nth-child(3) {
        display: block;
    }

    .columns-formations .col-25 {
        width: 50%;
    }

    .has-menu menu {
        width: calc(380px);
    }

    .has-menu .content {
        width: calc(100% - 380px);
    }

    .has-menu.small-menu menu {
        width: calc(340px);
    }

    .has-menu.small-menu .content {
        width: calc(100% - 340px);
    }

    .col-stats .col {
        width: 50%;
    }

    .col-stats .large {
        width: 100%;
    }

    .col-stats .col .chart-circle {
        max-width: 200px;
    }

    .col-stats .clear {
        clear: none;
    }

    .col-stats .large.adjust,
    .col-stats .large.adjust-2 {
        min-height: 0 !important;
    }

}

.columns-checked {
    width: 50%;
}

@media screen and (max-width: 1280px) {
    .columns-checked {
        width: 100%;
    }

    body {
        font-size: 17px;
    }

    #calendar .dates p.entry {
        padding-right: 54px;
    }

    #calendar .dates p.entry a {
        font-size: 0;
        width: 40px;
        height: 40px;
        top: 50%;
        margin: -20px 0;
        background-position: center center;
        background-size: 20px;
    }

    #calendar.add-to-basket .dates p.entry a {
        width: 3.5em;
        height: 3.5em;
        margin: -1.75em 0;
    }

    .pannels ul {
        font-size: 90%;
    }

    #calendar {
        width: 35%;
        width: calc(480px);
        font-size: 80%;
    }

    #calendar .wrap {
        margin: 20px;
    }

    .has-calendar .content {
        width: 65%;
        width: calc(100% - 500px);
        padding-right: 30px;
    }

    #header.slide-formation h1 {
        /* padding-right: 36%;
        padding-right: calc(520px); */
    }

    .pannels.center ul {
        padding-right: 36%;
        padding-right: calc(540px);
    }

    .columns.double {
        margin: 0 -30px;
    }

    .columns.double .col .wrap {
        margin: 30px;
    }

    .columns.double,
    .columns.triple {
        margin: 0 -30px;
    }

    .columns.double .col .wrap,
    .columns.triple .col .wrap {
        margin: 30px;
    }

    #shared_files .shared_file {
        width: 100% !important;
        max-width: 100%;
    }
}

@media screen and (max-width: 1840px) {
    #calendar.sticky.parcours {
        margin: -428px 0 30px 0;
    }

}

@media screen and (max-width: 1824px) {
    #calendar.sticky.parcours {
        margin: -447px 0 30px 0;
    }

}

@media screen and (max-width: 1699px) {
    #calendar.sticky.parcours {
        margin: -412px 0 30px 0;
    }
}

@media screen and (max-width: 1140px) {
    .columns.triple .col {
        width: 50%;
    }

    #menu .band a {
        font-size: 80%;
    }

    .pannels ul li {
        width: 50%;
    }

    .pannels ul a {
        padding: 30px 40px;
    }

    .pannels-formation .pannels ul a {
        padding: 30px 30px;
    }

    .pannels-formation .pannels ul li {
        width: 25%;
    }

    .pannels-formation .center {
        margin: 0 10px;
        padding: 0;
        overflow: hidden;
    }

    .pannels-formation .center ul {
        margin-right: -40px;
    }

    #header .center {
        padding-left: 0;
        padding-right: 0;
    }

    .center,
    #menu,
    header,
    #menu .subMenu .wrap {
        padding-left: 40px;
        padding-right: 40px;
    }

    #menu .subMenu .columns h3 {
        left: 40px;
    }

    #menu .subMenu .closer,
    #contact p.buttons {
        right: 40px;
    }

    .center,
    .wrap {
        margin: 40px auto;
    }

    #contact {
        padding: 1px 0;
        font-size: 80%;
    }

    #contact p.signika {
        font-size: 230%;
        padding-right: 300px;
    }

    #header-search {
        margin: -1.2em 0;
        right: 90px;
    }

    #footer .col-right {
        float: left;
        width: 66.66%;
        padding-left: 0;
        clear: right;
        margin-bottom: 30px;
    }

    #footer .col-left {
        width: 33.33%;
        padding-right: 40px;
        margin-bottom: 30px;
    }

    #footer .col {
        width: 33.33%;
        padding-right: 10px;
    }

    #footer p.tel {
        font-size: 140%;
    }

    #footer hr {
        clear: both;
        border: none;
        border-top: 1px solid rgba(255, 255, 255, 0.1);
        display: block;
        margin: 50px 0;
    }

    article.formation.listing .price {
        /* bottom: 8em; */
    }

    article.formation.listing div.col.large,
    article.formation.listing div.col.large.xl {
        width: 100%;
        border-bottom: 1px solid rgba(0, 0, 0, 0.05);
        margin-bottom: 1em;
        padding-bottom: 1em;
    }

    article.formation.listing p .badges {
        float: right;
        top: auto;
        width: auto;
        padding: 0;
        margin: 0;
        width: 35%;
    }

    article.formation.listing p .badges span {
        margin: 0 0 0 3px;
        font-size: 80%;
        float: right;
    }

    article.formation.listing p.col.duree,
    article.formation.listing p.col.modalite {
        font-size: 80%;
        width: 25%;
    }

    article.formation.listing p.col.date {
        width: 100%;
    }

    article.formation.listing p.col.modalite {
        width: 52%;
    }

    article.formation.listing p.col.modalite span {
        display: inline;
    }


    .table {
        margin-right: -25px;
        position: relative;
        overflow: hidden;
    }

    .table table {
        padding-right: 25px;
    }


    .table:before {
        content: "";
        position: absolute;
        right: -0;
        top: 0;
        height: 100%;
        width: 12px;
        box-shadow: 0 0 25px 18px #FFF;
        background: #FFF;
        z-index: 5;
    }

    .grey .table:before {
        box-shadow: 0 0 25px 18px #F8F8F8;
        background: #F8F8F8;
    }

    .content p.tags {
        margin: 3em 0;
    }

    .session_history .details table th.tetiere_docs {
        width: 40%;
        width: calc(50% - 8em);
    }
}

@media screen and (max-width: 1108px) {
    div.has-calendar {
        padding: 0 5px 0 60px;
        /* margin-top: 250px; */
    }

    #calendar.sticky.parcours {
        margin: -175px 0 30px 0;
    }

}

.stickyButton {
    display: none;
}

#getCalendar {
    display: none;
    margin: 3em 0 0 0;
    height: 1em;
}

#getCalendar a {
    color: #e75480;
    background: #FFF url(../images/pictos/calendar.svg) no-repeat 0.9em center;
    padding-left: 3.4em;
    background-size: 1.6em;
    line-height: 1em;
    border-radius: 3rem !important;
}

a.anchor.compense {
    margin-top: -16.5rem;
}

.loader-dual {
    padding-left: 36px;
    background: no-repeat 0 -2px url(../images/loader-dual.gif);
}

.hidden-header-menu {
    display: none !important;
}

@media screen and (max-height: 1000px) {
    #menu .subMenu .columns ul {
        margin: -10px 0;
        min-height: 40px;
    }

    #menu .subMenu .columns ul li {
        padding-right: 10px;
        line-height: 125%;
        font-size: 90%;
        /*  white-space: nowrap; text-overflow: ellipsis; overflow: hidden; */
    }
}

.pannels-formation {
    position: sticky;
    top: 110px;
    z-index: 6;
    background: #FFF;
    box-shadow: 0 1px 0.6em rgba(0, 0, 0, 0.05);
}

@media screen and (max-width: 1120px) {
    .slide-formation-partenaire {
        width: 100%;
    }

    .slide-formation-partenaire {
        margin: 0 0 5rem 0 !important;
    }

    .slide-formation-header h1 {
        margin-bottom: 1rem !important;
    }

}

@media screen and (max-width: 1055px) {

    .hidden-header-menu {
        display: block !important;
    }

    .table-profile .columns .col {
        width: 100% !important;
    }

    a.anchor.compense {
        margin-top: -7rem;
    }

    .rse-block.has-logo .wrap {
        padding-left: 0;
        position: relative;
    }

    .rse-block.has-logo .wrap img {
        position: static;
        width: 12em;
        height: auto;
        left: auto;
        top: auto;
        display: block;
        margin: 2em auto;
        transform: none;
    }

    .squares .col {
        width: 100%;
    }

    .squares .col a {
        padding: 28% 0;
    }

    .squares .col a strong {
        margin-bottom: 0;
    }

    .squares .col a span {
        margin-top: 2rem;
    }

    .classic-columns .col-25 {
        width: 50%;
    }

    #ghostLinks {
        display: none;
    }

    .pannels-formation {
        top: 4em;
    }

    section.pannels-formation .center.pannels {
        padding: 0;
        margin: 0;
        max-width: 100%;
        font-size: 90%;
    }

    section.pannels-formation .pannels ul li {
        width: 50%;
    }

    section.pannels-formation .pannels ul li a {
        border: 1px solid #F8F8F8;
        position: relative;
        padding: 1em 0 1em 3em;
        line-height: 110%;
        font-weight: 600;
    }

    section.pannels-formation .pannels ul li a span {
        position: static;
        height: auto;
        margin: 0;
    }

    section.pannels-formation .pannels ul li a svg {
        position: absolute;
        top: 1.2em;
        left: 1.1em;
    }

    .columns-inlines .col {
        width: 100%;
    }

    #call-me.close,
    #call-me.close.centered {
        bottom: 4.8rem;
        right: 1rem;
        width: 3.2em;
        height: 3.2em;
    }

    #axeptio_overlay .eRcgOf {
        bottom: 4rem !important;
    }

    #getCalendar {
        display: block;
    }

    .ariane {
        margin: 1em 0;
    }

    .center.ariane+.center.has-calendar,
    .center.ariane+.center.has-menu {
        margin-top: 0;
    }

    .center.has-menu {
        margin-top: 0 !important;
    }

    .stickyButton {
        display: block;
        padding: 1.5em 0;
        background: #FFF;
        margin: 0 0 0 0;
    }

    .stickyButton a {
        display: inline-block;
        padding: 0.7em 0.6em 0.7em 2.5em;
        border: 1px solid #BBB;
        color: #888;
        border-radius: 3px;
        background: url(../images/pictos/filters.svg) no-repeat 0.6em center;
        background-size: 1.5em;
    }

    .center.ariane+.center.has-calendar,
    .center.ariane+.center.has-menu {
        margin-top: 0;
    }

    .has-menu menu.sticky,
    .has-menu.small-menu menu.sticky {
        float: none;
        margin: 30px 0 3em 0;
        position: static;
        width: auto;
    }

    .openSub {
        overflow: hidden;
    }

    .openSub .has-menu menu.sticky.keepInMobile {
        position: fixed !important;
        z-index: 101;
    }

    .has-menu menu.sticky.keepInMobile {
        z-index: 50;
        height: 3em !important;
        position: sticky !important;
        top: 0 !important;
        width: auto !important;
        float: none;
        box-sizing: content-box;
        margin: 0 0 0 0;
        padding: 0;
    }

    .has-menu menu.sticky.keepInMobile .wrap {
        display: none;
        overflow: auto;
        -webkit-overflow-scrolling: touch;
        font-size: 100%;
        background: #FFF;
        position: fixed;
        box-sizing: border-box;
        z-index: 110;
        margin: 0;
        width: 100%;
        height: 100%;
        height: calc(100% - 4em);
        border-bottom: 1px solid #EEE;
        padding: 1px 4em 1px 2em;
        top: 0;
        left: 0;
    }

    .has-menu menu.sticky.keepInMobile .wrap:before {
        content: "";
        display: block;
        margin: 2em 0;
    }

    .has-menu menu.sticky.keepInMobile .wrap:after {
        content: "";
        display: block;
        margin: 2em 0;
    }

    .openSub .has-menu menu.sticky.keepInMobile .wrap {
        display: block;
    }

    .openSub .stickyButton a {
        text-indent: -5000px;
        white-space: nowrap;
        position: fixed;
        height: 2em;
        width: 2em;
        padding: 0;
        color: #000;
        border-radius: 100%;
        text-align: center;
        background: #FFF;
        line-height: 24px;
        border: 1px solid #000;
        z-index: 210;
        top: 2.4em;
        right: 1.2em;
    }

    .openSub .stickyButton a:before {
        font-size: 28px;
        content: "×";
        position: absolute;
        width: 2em;
        line-height: 2em;
        height: 2em;
        text-align: center;
        left: 50%;
        top: 50%;
        margin: -1em;
        text-indent: 0;
    }

    .ariane+.has-menu menu.sticky.keepInMobile {
        margin-top: -40px;
    }

    .has-menu .content,
    .has-menu.small-menu .content {
        float: none;
        width: auto;
    }

    .box-titles {
        margin: 0;
    }

    .box-titles h3.title {
        position: static;
        margin: 1.5em 0 0.5em 0;
    }

    .slide-in {
        padding: 40% 0 0 0;
        position: relative;
        height: auto;
        margin: 30px 0;
        overflow: hidden;
        font-size: 100%;
    }

    h2.al-c {
        padding-left: 20px;
        padding-right: 20px;
    }

    .slide-in .picture,
    .slide-in.invert .picture {
        height: 8em;
        padding: 20% 0;
        width: 52%;
        right: 0;
        left: 0;
        width: 100%;
        max-width: 1130px;
        top: 0;
        background-size: cover;
        transform: none;
    }

    .slide-in .center,
    .slide-in.invert .center {
        position: relative;
        top: 0;
        transform: none;
        margin-top: 0;
        margin-bottom: 0;
    }

    .slide-in .center .wrap,
    .slide-in.invert .center .wrap {
        margin: 1.6em 1.4em;
    }

    .slide-in .center .content,
    .slide-in.invert .center .content {
        background: #FFF;
        position: relative;
        z-index: 3;
        margin: 0;
        padding: 1px 0;
        font-weight: 300;
    }

    .has-calendar #calendar {
        margin: 60px 60px;
        width: calc(100% - 60px);
    }

    p {
        max-width: 600px;
    }

    .articles article.alterne {
        padding-right: 0;
        padding-left: 0;
    }

    .articles article+article {
        border-top: 1px solid #EEE;
        margin-top: 40px;
        padding-top: 10px;
    }

    .articles article {
        padding-left: 0;
        padding-right: 0;
        min-height: 0;
        position: relative;
        margin: 80px 0 30px 0;
    }

    .articles article .illustration {
        position: static;
        left: 0;
        top: auto;
        width: 100%;
        margin: 40px 0 30px 0 !important;
        box-sizing: border-box;
    }

    #chiffres-cles div {
        width: 33.33%;
    }

    .articles article .illustration img {
        width: 100%;
        max-width: 450px;
    }

    .center,
    #menu,
    header,
    #menu .subMenu .wrap {
        padding-left: 30px;
        padding-right: 30px;
    }

    #menu .subMenu .columns h3 {
        left: 30px;
    }

    #menu .subMenu .closer,
    #contact p.buttons {
        right: 30px;
    }

    .center,
    .center.large,
    .wrap {
        margin: 40px auto;
        max-width: 680px;
    }

    .dash-actualites article,
    .dash-actualites.large article,
    .dash-actualites.small article {
        float: none;
        width: auto;
        border: 1px solid #F8F8F8;
        border-width: 0 0 3px 0;
    }

    .classic-columns.univers {
        padding-left: 0;
        position: relative;
    }

    .classic-columns.univers h2 {
        position: static;
        left: 0;
    }

    #contact {
        font-size: 90%;
    }

    .slick-list:before,
    .slick-list:after {
        width: 50px;
    }

    .logos-carrousel .center {
        padding: 0 100px;
    }

    .logos-carrousel .logo {
        margin: 0 30px;
    }

    .logos-carrousel .logo img {
        width: auto;
        max-height: 74px;
    }

    menu .overMenu {
        display: none;
    }

    .columns-formations .col-25 {
        width: 100%;
        float: none;
    }

    .columns-formations .col-25 .adjust {
        min-height: 0 !important;
    }

    .has-calendar .content {
        width: 100%;
        padding-right: 0;
        float: none;
    }

    #header.slide-formation h1 {
        padding-right: 0;
    }

    .pannels.center ul {
        padding-right: 0;
    }

    #calendar {
        width: auto;
        float: none;
        padding: 0;
        margin: 30px 0;
        font-size: 85%;
        position: static;
        border-bottom: 3px solid #F8F8F8;
    }

    .columns.double {
        margin: 0;
    }

    .columns.double .col {
        float: none;
        width: auto;
    }

    .columns.double .col .wrap {
        margin: 50px 0;
    }

    .columns.double .col+.col {
        padding-top: 10px;
        border-top: 1px solid #E5E5E5;
    }

    .dash-actualites.metier article {
        width: 50%;
        box-sizing: border-box;
        float: left;
    }

    .dash-actualites.dossier.small article,
    .dash-actualites.dossier article,
    .dash-actualites.small article {
        width: 100%;
        border: none;
        float: none;
        margin: 10px 0;
    }

    .dash-actualites.filiere {
        margin: 0 -5px;
    }

    .dash-actualites.filiere article {
        width: 50% !important;
        float: left;
    }

    #worldmap {
        background: #e9f6fe;
        height: auto;
    }

    #worldmapZoom {
        display: none;
    }

    #worldmap a.point {
        display: none;
    }

    #liste-centres {
        position: relative;
        z-index: 5;
        margin: 2em -0.6em;
        display: block;
    }

    #liste-centres h3 {
        margin-left: 0.45em;
    }

    #liste-centres p {
        margin-left: 0.45em;
        font-size: 110%;
    }

    #liste-centres p.centre {
        font-size: 80%;
        width: 50%;
        float: left;
        margin: 0;
        padding: 3px;
        box-sizing: border-box;
    }

    #liste-centres p.centre a {
        display: block;
        margin: 0.6em;
        background: #FFF;
        padding: 1.2em;
        color: #888;
        box-shadow: 0 0 20px rgba(0, 0, 0, 0.08);
    }

    #liste-centres p.centre a strong,
    #liste-centres p.centre a span {
        padding: 0.1em 0;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    #liste-centres p.centre a strong {
        display: block;
        color: #000;
        font-size: 130%;
        margin: 0;
    }

    #liste-centres p.centre a strong+span {
        margin: 0.1em 0 0.8em 0;
    }

    #liste-centres p.centre a span {
        display: block;
        margin: 0;
    }

    #liste-centres p.centre a span img {
        height: 1em;
    }

    .no-mobile {
        display: none !important;
    }

    #menu {
        padding-top: 8em;
    }

    #menu menu {
        position: fixed;
        box-sizing: border-box;
        left: 0;
        top: 0;
        width: 100%;
        padding: 0;
        float: none;
        height: 4em;
        z-index: 100;
    }

    #menu menu .shadow {
        background: #FFF;
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.08);
        z-index: 100;
        width: 100%;
    }

    #menu .onglet.openMiniMenu {
        position: static !important;
        float: none !important;
    }

    #menu menu a.picto,
    #menu menu a.picto:hover {
        border: none;
        background: #FFF;
        border-right: 1px solid #E2E2E2 !important;
        width: 25%;
        box-sizing: border-box;
        margin: 0 !important;
        height: 100%;
        z-index: 10;
        position: absolute;
        top: 0;
        padding: 0;
        text-align: center;
    }

    #menu menu a.picto svg,
    #menu menu a.picto:hover svg {
        margin: 0;
        transition: none;
        fill: #666;
        width: 1.8em;
        height: 1.8em;
        position: absolute;
        left: 50%;
        top: 50%;
        margin: -0.9em;
    }

    #menu menu a.picto svg path {
        fill: #888;
    }

    #menu menu a.picto.contact svg,
    #menu menu a.picto.contact:hover svg {
        left: 50%;
        margin: -1.1em !important;
        width: 2.2em !important;
        height: 2.4em !important;
    }

    #menu menu a.picto.menu {
        display: block;
        right: 0;
        border-right: none !important;
    }

    #menu menu a.picto.contact {
        left: 50%;
    }

    #menu menu a.picto.search {
        left: 0;
    }

    #menu menu a.picto.account {
        left: 25%;
    }

    #menu menu a.picto.menu svg path {
        transition: all 0.2s;
    }

    .openMenu #menu menu a.picto.menu svg path:first-child {
        transform-origin: 0 0;
        transform: translate(1.6em, -0.4em) rotate(45deg) scale(1.1, 1);
    }

    .openMenu #menu menu a.picto.menu svg path:last-child {
        transform-origin: 0 100%;
        transform: translate(1.6em, 0.6em) rotate(-45deg) scale(1.1, 1);
    }

    #header-search {
        position: fixed;
        font-size: 100%;
        margin: 0;
        height: 0;
        top: 4em;
        left: 0;
        box-sizing: border-box;
        padding: 0;
        background: rgba(0, 0, 0, 0.5);
        width: 100%;
        z-index: 2;
        transition: opacity 0.2s !important;
    }

    .show #header-search {
        height: 100%;
        width: 100%;
        border: 30px solid transparent;
        font-size: 95%;
    }

    .show #header-search #closeSearchForm {
        display: none !important;
    }

    #menu,
    #menu.fixed {
        position: absolute !important;
        z-index: 90;
    }

    #menu .band {
        position: static;
        padding-top: 70px;
    }

    #menu .band p {
        display: block;
        position: absolute;
        line-height: 140%;
        left: 0;
        font-weight: 600;
        max-width: 73%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        box-sizing: border-box;
        float: none;
        padding-left: 12em;
        font-size: 110%;
    }

    #header {
        padding-top: 250px;
    }

    #header h1 {
        font-size: 250%;
    }

    .home #main-search {
        margin: 0 0 120px 0;
    }

    #main-search .input {
        padding: 0;
    }

    #main-search .input .toSuggest {
        background-image: url(../images/pictos/search.svg);
        background-size: 1.8em
    }

    #main-search .input a.search {
        display: none;
    }

    #main-search .suggested {
        padding-right: 0;
        margin-top: -5px;
    }

    #main-search .exemples {
        display: none;
    }


    .openMenu #axeptio_overlay {
        display: none;
    }

    #menu .menu_overlay {
        position: fixed;
        height: 0;
        overflow: hidden;
        z-index: 50;
        transition: opacity 0.3s, transform 0.1s;
        transform: scale(0.9);
        transform-origin: bottom center;
    }

    .openMenu #menu .menu_overlay {
        background: #FFF;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        display: block;
        float: none;
        font-size: 100%;
        transform: scale(1);
        opacity: 1;
    }

    #menu .menu_overlay .wrapper {
        position: absolute;
        bottom: 4.5em;
        bottom: 0;
        width: 100%;
        box-sizing: border-box;
        padding: 30px;
        overflow: auto;
        -webkit-overflow-scrolling: touch;
        max-height: calc(100% - 4rem);
    }

    #menu .menu_overlay a.onglet,
    #menu .menu_overlay span.onglet {
        display: block;
        font-size: 210%;
        color: #666 !important;
        font-weight: bold;
        float: none;
        opacity: 1;
        border: none;
        padding: 0;
        line-height: 110%;
        margin: 0.4em 0;
    }

    #menu .social {
        display: block;
        margin: 26px 0 0 -6px;
    }

    #menu .social a,
    #menu .social a:hover {
        float: left;
        width: 42px;
        height: 42px;
        border: none;
        margin: 0;
        background: no-repeat center center;
        overflow: hidden;
        text-indent: -200px;
        background-size: 32px;
        opacity: 0.5;
    }

    #menu .social a.facebook {
        background-image: url(../images/pictos/grey/facebook.svg);
    }

    #menu .social a.twitter {
        background-image: url(../images/pictos/grey/twitter.svg);
        margin-left: 4px;
    }

    #menu .social a.linkedin {
        background-image: url(../images/pictos/grey/linkedin.svg);
    }

    #menu .social a.youtube {
        background-image: url(../images/pictos/grey/youtube.svg);
    }

    #menu .social a.viadeo {
        background-image: url(../images/pictos/grey/viadeo.svg);
    }

    .columnsBlockLinks {
        margin: 0;
    }

    .columnsBlockLinks p {
        float: none;
        width: auto;
        margin: 0.6em 0;
        max-width: 100%;
        padding: 0;
    }

    .columnsBlockLinks p a {
        margin: 0;
    }

    .columnsBlockLinks+.clear+.illustration {
        position: relative;
        min-height: 420px;
    }

    #contact p.signika {
        padding-right: 0;
    }

    #contact p.buttons {
        position: static;
        right: auto;
    }

    #formations .columns {
        width: auto;
        float: none;
        border: none;
        padding: 0;
    }

    #formations .columns ul {
        font-size: 110%;
    }

    #formations .wrap {
        margin: 0;
    }

    #header .categories {
        padding: 0 0 0 0 !important;
        margin: -2em 0 0 0 !important;
        position: relative !important;
    }

    #header .categories h2 {
        font-size: 85% !important;
    }

    #header .categories a {
        font-size: 85% !important;
    }

    a.anchor {
        position: absolute;
        margin-top: -5px;
    }

    .hNbWQA {
        bottom: 3.5rem !important;
    }

    #menu .openMiniMenu .trigger,
    #menu .openMiniMenu .trigger.hovered {
        padding: 0.1em 0;
        display: block;
        color: #888;
        font-size: 100%;
        margin: 0;
    }

    #menu .openMiniMenu.open .miniMenu,
    .miniMenu {
        display: block !important;
        position: static !important;
        float: none !important;
        opacity: 1 !important;
        height: auto !important;
        overflow: visible;
        box-shadow: none !important;
        font-size: 80%;
        padding: 0.1em 0 !important;
        margin: 0 !important;
    }

    #menu .miniMenu a {
        text-align: left;
        padding: 0.1em 0 !important;
        font-weight: 500;
        text-overflow: ellipsis;
        overflow: hidden;
        max-width: 800px;
        color: #666;
    }

    #menu a.trigger {
        color: #666 !important;
    }

    #menu a.trigger.inactiv {
        color: #999 !important;
    }

    .divParcoursFiliere {
        display: none !important;
    }

    #calendar.sticky.parcours {
        margin: 0px 0 30px 0;
    }

    #calendar.sticky {
        margin: 0px 0 30px 0;
        top: 10px !important;
    }

    #calendar.sticky.parcours.contact {
        top: -50px !important;
    }
}

@media (max-width: 1024px) {

    #cywyc-chat-mobile-btn,
    #cywyc-chat-wrapper,
    #cywyc-chat-floater {
        display: none !important;
    }

    #cywyc-chat-whatsapp-btn {
        display: block !important;
        right: 10px !important;
    }
}

@media screen and (max-height: 1000px) {
    #menu .subMenu .columns ul {
        margin: -10px 0;
        min-height: 40px;
    }

    #menu .subMenu .columns ul li {
        padding-right: 10px;
        line-height: 125%;
        font-size: 90%;
    }

}

@media screen and (max-width: 910px) {

    #footer .group-logos div.divider {
        margin: 37px 10px 0px 10px;
    }

    #footer .group-logos div.location div {
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
    }

    #footer .group-logos {
        flex-wrap: wrap;
        flex-direction: row;
    }

    #footer .group-logos div.skolae-logo {
        flex-direction: column;
        justify-content: center;
        align-content: center;
        width: 100%;
    }

    #footer .group-logos div.divider {
        display: none;
    }

    #footer .group-logos div.brands,
    #footer .group-logos div.location {
        width: calc(50% - 50px);
    }

    #footer .group-logos div.brands h5,
    #footer .group-logos div.location h5 {
        text-align: center;
    }

    #footer .group-logos div.brands div,
    #footer .group-logos div.location div {
        align-content: center;
        justify-content: center;
    }
}

@media screen and (max-width: 900px) {
    .form-col-left {
        float: none;
        width: auto;
        padding-right: 0;
        box-sizing: border-box;
    }

    .form-col-right {
        float: none;
        width: auto;
        box-sizing: border-box;
        padding-left: 0;
    }

    .form-col-left p.selector label {
        width: auto;
    }

    .qsn-actualites {
        flex-direction: column;
    }
}

@media screen and (max-width: 800px) {

    #footer .group-logos div.brands div,
    #footer .group-logos div.location div {
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        align-content: center;
        justify-content: center;
    }
}

@media screen and (max-width: 720px) {

    .has-calendar #calendar {
        width: calc(100% - 10px);
    }

    .overAllInside form {
        min-width: 88%;
    }

    .choix-double.to-adjust.choix-account .col {
        width: 100%;
    }

    .choix-double.to-adjust.choix-account .col h3 span {
        display: inline;
    }

    .choix-double.to-adjust.choix-account .col h3 {
        background-size: 4rem;
        font-size: 110%;
    }

    .choix-double.to-adjust.choix-account .col ul {
        margin-top: -0.5rem;
        margin-left: 3rem;
    }

    .choix-double.to-adjust.choix-account .col p {
        margin: 0.8rem 0 -0.4rem 3rem;
    }

    #podium td {
        font-size: 90%;
    }

    table.stats-bar td {
        font-size: 90%;
    }

    #podium td.details {
        font-size: 66%;
    }

    #podium td.details ul {
        padding: 0.8em;
    }

    .left-pannel-formateur {
        width: 100%;
    }

    .right-pannel-formateur {
        width: 100%;
    }

    .left-pannel-formateur+.right-pannel-formateur {
        margin: 2em 0 0;
    }

    .right-pannel-formateur+.left-pannel-formateur {
        margin: 2em 0 0;
    }

    .encart_cpf {
        font-size: 90%;
    }

    .encart_cpf .wrap {
        padding-right: 0;
    }

    .encart_cpf .previewVideo {
        width: 38%;
        height: 0.5em;
        padding: 12% 0;
        float: right;
        position: relative;
        margin: 0 0 1em 1em;
    }

    #calendar .dates p.entry.garantie .lieu span {
        margin-top: 1.8em;
        font-size: 9px;
    }

    #menu .subMenu .columns ul {
        column-count: 1;
    }

    #menu .subMenu .columns ul li {
        width: 100%;
    }

    #form_ebook {
        margin: 2em 0;
        padding-left: 0;
    }

    #form_ebook h3 {
        text-align: center;
    }

    #form_ebook img.picture {
        display: block;
        position: static;
        margin: 1em auto 2em auto;
        width: 100%;
        max-width: 300px;
    }

    #cywyc-chat-mobile-btn {
        bottom: 80px !important;
    }

    .col-stats .col,
    .col-stats .large {
        width: 100%;
    }

    .col-stats .col .chart-circle {
        max-width: 200px;
    }

    .col-stats .adjust,
    .col-stats .adjust-2 {
        min-height: 0 !important;
    }

    td.no-small,
    th.no-small {
        font-size: 0 !important;
    }

    .columns.triple .col {
        width: 100%;
    }

    #result-financement p.buttons a {
        float: none !important;
        display: block;
        text-align: center;
        margin: 5px 0;
        background-image: none !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .overLay .popup.small {
        max-width: 340px;
        font-size: 90%;
    }

    a.hype-btn {
        display: none;
    }

    .ariane {
        position: relative;
        padding-bottom: 1.8em;
        overflow: visible;
    }

    .ariane a,
    .ariane span,
    .ariane strong {
        overflow: visible;
        max-width: 1200px;
    }

    .ariane div.wrapper {
        white-space: nowrap;
        overflow: auto;
        padding-bottom: 0.5em;
        -webkit-overflow-scrolling: touch;
    }

    .ariane .sharer {
        position: absolute;
        bottom: 0;
        margin: 0;
        left: 0;
        float: none;
    }

    #calendar {
        width: auto;
        float: none;
        padding: 0;
        margin: 30px -25px 50px -25px !important;
        font-size: 85%;
        position: static;
        border-bottom: 3px solid #F8F8F8;
    }

    #calendar .block {
        margin: 0 !important;
        padding: 1px;
        box-shadow: none !important;
    }

    #header.slide-filiere .center h1,
    #header.slide-classique .center h1 {
        font-size: 250%;
    }
    
    body {
        font-size: 16px;
    }

    .center,
    #menu,
    header,
    #menu .subMenu .wrap {
        padding-left: 25px;
        padding-right: 25px;
    }

    #calendar .wrap {
        margin: 40px 25px 40px 35px;
    }

    #calendar {
        width: auto;
        float: none;
        padding: 1px 0;
        margin: 50px -25px -20px -35px;
        font-size: 85%;
    }

    #calendar .block {
        margin: 0;
        box-shadow: none;
    }

    #chiffres-cles div {
        width: 50%;
    }

    #chiffres-cles.large div {
        width: 100%;
    }

    .reglementaire-chiffres-cles {
        padding-bottom: 0px
    }

    .classic-columns.univers .col-33 p.adjust,
    .classic-columns.univers h3 {
        max-width: 540px;
    }

    .classic-columns .col-33 {
        float: none;
        width: auto;
    }

    .classic-columns.univers .col-33 {
        padding: 0;
    }

    .classic-columns.univers h2 {
        display: none;
    }

    .classic-columns.univers h3 {
        padding-top: 70px;
        background: no-repeat 0 0;
        background-size: auto 60px;
    }

    .classic-columns.univers .col-33+.col-33 {
        margin-top: 2.8em;
        padding: 0.9em 0 0 0;
        border-top: 1px solid #EAEAEA;
    }

    .adjust {
        min-height: 0 !important;
    }

    #contact {
        font-size: 100%;
    }

    #contact p.signika {
        padding-right: 0;
    }

    #contact p.buttons {
        right: auto;
        position: static;
    }

    .logos-carrousel .center {
        padding: 0 70px;
    }

    .logos-carrousel .logo {
        margin: 0 15px;
    }

    .logos-carrousel .logo img {
        width: auto;
        max-height: 56px;
    }

    .slider button {
        height: 60px;
        width: 40px;
        margin: -30px -45px;
        background-size: 36px;
    }

    .slick-list:before,
    .slick-list:after {
        width: 30px;
    }

    #footer {
        font-size: 86%;
    }

    #footer .col-left p {
        max-width: 100%;
        margin: 1em 0;
    }

    #footer .col-right,
    #footer .col-left,
    #footer .col {
        float: none;
        width: auto;
        padding: 0;
        clear: right;
        margin-bottom: 30px;
        text-align: center;
    }

    #footer .col-left {
        padding-top: 90px;
        margin-top: -10px;
        background-position: center 0;
    }

    #footer hr {
        display: none;
    }

    #footer p.social {
        margin: 0 auto;
        max-width: 220px;
    }

    #footer p.social a.twitter {
        margin: 0;
    }

    #footer p.social a {
        width: 25%;
        height: 36px;
        background-size: 30px;
        margin: 0;
        padding: 0;
    }

    #footer p.logos img {
        float: none;
        margin: 30px auto;
    }

    #footer p.tel {
        margin-top: 0;
    }

    #footer .col h3,
    #footer .col-right {
        border-top: 3px solid rgba(255, 255, 255, 0.1);
    }

    #footer .col-right {
        padding-top: 1.8em;
    }

    #footer .col h3 {
        margin: 0;
        padding: 1em 0;
    }

    #footer li {
        margin: 0;
    }

    #footer li a {
        display: block;
        padding: 0.75em 0;
        border-top: 1px solid rgba(255, 255, 255, 0.1);
    }

    .columnsBlockText .column,
    .columnsBlockPicto p,
    .columnsBlockPicto.small p {
        width: 100%;
    }

    #header p.infos {
        font-size: 95%;
        height: 20px;
    }

    #header p.infos span {
        float: left;
        line-height: 20px;
    }

    #header p.infos span.pipe {
        font-size: 0;
        height: 20px;
        width: 1px;
        background: #FFF;
        margin: 0 8px;
    }

    .columns-list {
        margin: 0 -1em;
    }

    .columns-list ul {
        padding: 0 1em;
    }

    p.choix_modal span {
        width: 50%;
    }

    #menu .open .miniMenu {
        position: static;
    }

    .columns-essentiels.small .col {
        width: 50%;
    }

    .columns-essentiels.small .col h3 {
        font-size: 90%;
    }

    .columns-essentiels.small .col article {
        padding: 20% 0;
    }

    .double-col .col {
        width: 100%;
        float: none;
        margin: 1em 0;
        padding: 1px;
    }
}

@media screen and (max-width: 660px) {
    article.formation.listing p.col.modalite {
        margin-left: 0;
        width: 50%;
    }
}

@media screen and (max-height: 599px) {
    .suggested {
        display: none !important;
    }
}

@media screen and (max-width: 550px) {
    article.formation.listing p.col.modalite {
        margin-left: 0;
        width: 45%;
    }
}

@media screen and (max-width: 520px) {
    .classic-columns .col-25 {
        width: 100%;
    }

    .encart_formation .progress {
        width: 100%;
        margin-right: 0;
    }

    .columns-list {
        margin: 0;
    }

    .columns-list ul {
        float: none;
        width: auto;
        margin: 0;
        padding: 0;
    }

    #header.slide-filiere .center h1,
    #header.slide-classique .center h1 {
        font-size: 230%;
    }

    body {
        font-size: 14px;
    }

    article.formation-essentiel {
        padding: 25% 0;
        height: 5em;
    }

    .columns-essentiels.small .col {
        width: 100%;
        float: none;
    }

    .columns-essentiels.small .col h3 {
        font-size: 100%;
    }

    .columns-essentiels.small .col article {
        padding: 18% 0;
        margin: 0.6em 0.3em;
    }

    .columns-essentiels .col {
        width: 100%;
        float: none;
    }

    .columns-essentiels .col:nth-child(3) {
        display: block;
    }

    #chiffres-cles div,
    #chiffres-cles.large div {
        width: 100%;
    }
}

@media screen and (max-width: 440px) {
    article.formation.listing p.col.modalite {
        margin-left: 0;
        width: 40%;
    }
}


#cywyc-chat-whatsapp-btn {
    display: none !important;
}


#sessionChecked {
    border-radius: 5px;
    padding: 5px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    font-family: Montserrat, Arial, Helvetica, sans-serif;
    font-weight: 400;
    font-size: 18px;
    color: #222;
}

p.inscriptionLoginEmail {
    margin-bottom: 0;
}

div.messageResult {
    background-color: #FFF;
    padding: 1.6em 1.8em;
    border-radius: 10px;
}

div.messageResultBad {
    background-color: #FFF4F4;
    padding: 1.6em 1.8em;
}

button#sessionChecked {
    background-color: #000578;
    color: white;
    cursor: pointer;
    padding-left: 15px;
    padding-right: 15px;
}

button#sessionChecked img {
    height: 1em;
    vertical-align: sub;
    margin-right: 10px;
}

ul.popupList li {
    margin-bottom: 10px;
}

/* Update User icon */
a.account.picto .hello-name {
    display: inline-block;
    align-self: stretch;
    margin-left: 0.5rem;
    font-size: 0.8rem;
    line-height: 1.25 !important;
    inline-size: min-content;
    font-weight: 500;
    text-transform: capitalize;
}

span.indicator-green,
span.indicator-red {
    left: 18px;
    top: 20px;
    padding: 0.3rem !important;
    border-radius: 50% !important;
    position: absolute !important;
}

fieldset.upselling {
    margin-bottom: 1.5rem;
    margin-inline: 0;
    padding-block: 0;
    border-radius: 0.5rem;
}

fieldset.upselling.border-red {
    border-color: #ff8a8a;
}

fieldset.upselling legend {
    font-weight: 500;
    padding-left: 1em;
    padding-right: 1em;
}

fieldset.upselling.border-red legend {
    background: #FFF no-repeat right center url("../images/hype-gif.gif");
    background-size: contain;
    padding: 0.7em 3.4em 0.7em 1em;
    color: red;
}

#popup article #calendar-up-selling .wrap {
    margin: 2em 0 0.75em;
}

fieldset.upselling article.formation.listing .add_fav {
    opacity: 1;
    z-index: 6;
    width: 2.2em;
}

fieldset.upselling article.formation.listing:hover .add_fav {
    background-color: #e75480;
}

fieldset.upselling .add_fav {
    display: none;
}


a.teams {
    display: inline-block;
    border: 1px solid rgb(0 0 0 / 0%);
    border-radius: 0.3em;
    box-sizing: border-box;
    color: #FFF;
    white-space: nowrap;
    line-height: 1.2em;
    padding: 1.1em;
    font-weight: 600;
    transition: background-color 0.2s;
    transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
    background: #5d5bd4 url('data:image/svg+xml, <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="white" class="bi bi-microsoft-teams" viewBox="0 0 16 16"><path d="M9.186 4.797a2.42 2.42 0 1 0-2.86-2.448h1.178c.929 0 1.682.753 1.682 1.682zm-4.295 7.738h2.613c.929 0 1.682-.753 1.682-1.682V5.58h2.783a.7.7 0 0 1 .682.716v4.294a4.197 4.197 0 0 1-4.093 4.293c-1.618-.04-3-.99-3.667-2.35Zm10.737-9.372a1.674 1.674 0 1 1-3.349 0 1.674 1.674 0 0 1 3.349 0m-2.238 9.488-.12-.002a5.2 5.2 0 0 0 .381-2.07V6.306a1.7 1.7 0 0 0-.15-.725h1.792c.39 0 .707.317.707.707v3.765a2.6 2.6 0 0 1-2.598 2.598z"/><path d="M.682 3.349h6.822c.377 0 .682.305.682.682v6.822a.68.68 0 0 1-.682.682H.682A.68.68 0 0 1 0 10.853V4.03c0-.377.305-.682.682-.682Zm5.206 2.596v-.72h-3.59v.72h1.357V9.66h.87V5.945z"/></svg>') no-repeat 0.7em 45% !important;
    position: relative;
    background-size: 1.9em !important;
    padding-left: 4.1em !important;
    pointer-events: fill;
    font-size: 90%;
}

a.teams:hover,
a.logo-teams:hover {
    background-color: #464fba !important;
}

a.teams::before,
a.teams::after {
    content: "";
    width: 1px;
    left: 3.3em;
    height: 100%;
    position: absolute;
    top: 0;
    background: rgb(0 0 0 / 30%);
}

a.teams::after {
    margin-left: -1px;
    background: rgb(255 255 255 / 25%);
}

a.logo-teams {
    margin: 0;
    padding: 0.2em 0.6em 0.1em 2.9em;
    font-weight: 500;
    line-height: 2rem;
    background-color: #5d5bd4;
    background-repeat: no-repeat;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="white" class="bi bi-microsoft-teams" viewBox="0 0 16 16"><path d="M9.186 4.797a2.42 2.42 0 1 0-2.86-2.448h1.178c.929 0 1.682.753 1.682 1.682zm-4.295 7.738h2.613c.929 0 1.682-.753 1.682-1.682V5.58h2.783a.7.7 0 0 1 .682.716v4.294a4.197 4.197 0 0 1-4.093 4.293c-1.618-.04-3-.99-3.667-2.35Zm10.737-9.372a1.674 1.674 0 1 1-3.349 0 1.674 1.674 0 0 1 3.349 0m-2.238 9.488-.12-.002a5.2 5.2 0 0 0 .381-2.07V6.306a1.7 1.7 0 0 0-.15-.725h1.792c.39 0 .707.317.707.707v3.765a2.6 2.6 0 0 1-2.598 2.598z"/><path d="M.682 3.349h6.822c.377 0 .682.305.682.682v6.822a.68.68 0 0 1-.682.682H.682A.68.68 0 0 1 0 10.853V4.03c0-.377.305-.682.682-.682Zm5.206 2.596v-.72h-3.59v.72h1.357V9.66h.87V5.945z"/></svg>');
    background-size: 1.8em;
    background-position: 0.6em center;
    display: inline-block;
    border: 1px solid rgb(0 0 0 / 0%);
    box-sizing: border-box;
    color: #FFF;
    border-radius: 0.3em;
    transition: background-color 0.2s;
}

.banniere-left {
    width: 90%;
}

.banniere-application {
    width: 100%;
    height: 150px;
    background-image: linear-gradient(103deg, rgb(120 0 80 / 70%) 0%, rgb(0 5 120 / 70%) 60%), url("../images/banniere-application/visuel-read-more-block.jpg");
    background-repeat: no-repeat, no-repeat;
    background-position: center, right;
    background-size: cover, cover;
    border-top-left-radius: 0.75rem;
    border-bottom-left-radius: 0.75rem;
}

.liens-application {
    display: flex;
    align-items: center;
    height: 150px;
    background-color: #FFF;
    padding-left: 0.8rem;
    padding-right: 0.8rem;
    border-top-right-radius: 0.75rem;
    border-bottom-right-radius: 0.75rem;
    box-shadow: 0 0.125rem 0.25rem rgb(0 0 0 / 7.5%);
    position: relative;
}

.banniere-application.large {
    height: 200px;
}

.liens-application.large {
    height: 200px;
}

.image-banniere {
    width: 80% !important;
}

.image-banniere img {
    height: 180px !important;
    margin-top: -1rem;
    margin-left: 2rem;
}

.banniere-application.large .image-banniere img {
    height: 240px !important;
}

.text-banniere {
    flex-shrink: 1 !important;
    display: flex;
    align-items: center;
    padding-bottom: 1rem;
    text-align: center;
}

.banniere-application p.buttons.small {
    display: none;
}

.banniere-application p.buttons.small a:hover {
    background-color: #de2d2d;
}

.radio-red {
    accent-color: #e75480;
}

.pannels-formation.programmes-soft-skills .pannels ul>li {
    width: 33.33%;
}

.pannels-formation.programmes-soft-skills .pannels ul>li>a {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0.5rem;
}

.pannels-formation.programmes-soft-skills .pannels ul>li>a:not(:last-child) {
    border-right: 1px solid #0000000d;
}

.pannels-formation.programmes-soft-skills .pannels ul>li>a>span>img {
    height: 3em;
    width: 3em;
}

.wrapper-programmes-soft-skills {
    max-width: 1000px;
    margin: 2rem auto 0;
    display: flex;
    flex-direction: column;
    gap: 2.5rem;
}

.wrapper-programmes-soft-skills h3 {
    margin-top: 0.5rem !important;
}

.programmes-soft-skills-timeline {
    margin-left: 0;
    margin-top: 4rem;
    font-size: 16px;
}

.programmes-soft-skills-timeline>li {
    position: relative;
    display: flex;
    gap: 1.25rem;
}

.programmes-soft-skills-timeline>li:last-child .programmes-soft-skills-timeline__content::before,
.programmes-soft-skills-timeline>li:first-child .programmes-soft-skills-timeline__content::before {
    opacity: 0.25;
    background: repeating-linear-gradient(to bottom, transparent 0 10px, #6a6969 6px 18px) 80%/2px 90% no-repeat;
}

.programmes-soft-skills-timeline__content {
    flex: 1;
    position: relative;
    order: 1;
    padding-left: 1.5rem;
    padding-bottom: 3rem;
}

.programmes-soft-skills-timeline__content::before {
    content: "";
    position: absolute;
    right: 100%;
    top: 14px;
    height: 100%;
    width: 2px;
    background: repeating-linear-gradient(to bottom, transparent 0 0, #6e6e6e 0 2px) no-repeat 80%;
    opacity: 0.25;
}

.programmes-soft-skills-timeline__content::after {
    content: "";
    position: absolute;
    left: calc(0px - 6px);
    top: 14px;
    width: 3px;
    height: 3px;
    background-color: #FFF;
    z-index: 1;
    border: 4px solid #000;
    border-radius: 50%;
}

.programmes-soft-skills-timeline__title {
    margin-bottom: 0.5rem;
    font-size: 32px;
    font-weight: bold;
}

.programmes-soft-skills-timeline__title>span {
    margin: 0 0.75rem;
    display: inline-block;
    align-self: stretch;
    width: 1px;
    min-height: 1em;
    background-color: currentcolor;
    opacity: 0.25;
}

.programmes-soft-skills-timeline__title small {
    font-size: 18px;
    font-style: italic;
}

.programmes-soft-skills-timeline__title small strong {
    font-size: 18px;
    font-style: italic;
    font-weight: 600;
}

.programmes-soft-skills-timeline__desc {
    padding: 1rem 0.75rem 0 1rem;
    background: #FFF 0 0 no-repeat padding-box;
    border: 1px solid #0000001a;
}

.programmes-soft-skills-timeline__icon {
    text-align: end;
    flex: 0 0 70px;
    min-width: 0;
    overflow-wrap: break-word;
    padding-bottom: 1rem;
    margin-top: -22px;
}

.programmes-soft-skills-timeline__icon span {
    border-radius: 50%;
}

.programmes-soft-skills-timeline h1,
.programmes-soft-skills-timeline h2,
.programmes-soft-skills-timeline h3,
.programmes-soft-skills-timeline h4,
.programmes-soft-skills-timeline h5 {
    margin-top: 0 !important;
}

.programmes-soft-skills-timeline__desc ul li::marker {
    color: red;
}

.programmes-soft-skills-timeline__desc ul.list-type-dot {
    padding: 0 1rem;
}

.programmes-soft-skills-timeline__desc ul.list-type-dot li {
    background-image: none;
    font-size: 16px;
}

.programmes-soft-skills-timeline__desc ul.list-type-dot li::before {
    content: "•";
    color: red;
    display: inline-block;
    width: 1em;
    margin-left: -1em;
    font-size: 1.5rem;
}


@media screen and (width <=1584px) {
    span.indicator-green {
        left: 10%;
        top: 42%;
    }
}

@media screen and (1540px <=width <=1625px) {
    a.account.picto .hello-name {
        display: none;
    }
}

@media screen and (width <=1400px) {
    a.account.picto .hello-name {
        display: none;
    }

    span.indicator-green,
    span.indicator-red {
        left: 65%;
    }
}


@media screen and (width <=1000px) {

    span.indicator-green,
    span.indicator-red {
        left: 52%;
        top: 56%;
    }
}


@media screen and (width <=664px) {
    fieldset.upselling.border-red legend {
        background: none;
        padding: 0.7em 1em;
    }
}


@media screen and (width <=1200px) {
    .liens-application {
        display: none;
    }

    .banniere-left {
        width: 100%;
    }

    .banniere-application {
        border-top-right-radius: 0.75rem;
        border-bottom-right-radius: 0.75rem;
    }

    .banniere-application.large .image-banniere img {
        margin-left: 2rem;
    }

    .banniere-application p.buttons.small {
        display: block;
    }
}


@media screen and (width <=768px) {
    .image-banniere {
        display: none;
    }
}


@media screen and (width <=576px) {
    .text-banniere {
        padding-top: 2rem;
    }
}


@media screen and (width <=768px) {
    .programmes-soft-skills-timeline__icon {
        display: none;
    }

    .programmes-soft-skills-timeline__content::before,
    .programmes-soft-skills-timeline__content::after {
        display: none;
    }

    .programmes-soft-skills-timeline__content {
        padding-left: 0;
    }
}

.stretched-link::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    content: "";
}

.visually-hidden,
.visually-hidden-focusable:not(:focus):not(:focus-within) {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important
}

.text-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}


#call-me.centered.close {
    display: none !important;
}

#call-me .centered {
    display: block !important;
}

/* //////////////////////NEW TAGS POUR TOP VENTES ET NOUVEAU FORMAT///////////////////// */
article.formation h3 a {
    color: #000;
    margin-right: 8px;
}

article.formation h3 a:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
    z-index: 2;
}

article.formation h3,
.text .content article.formation h3 {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    font-weight: 500;
    font-size: 110%;
    line-height: 115%;
    margin: 0;
    padding: 0.1em 0;
    overflow: visible;
    text-overflow: ellipsis;
    row-gap: 6px;
}

article.formation h3 sup {
    width: fit-content;
    min-height: 1em;
    line-height: 0;
    font-size: 60%;
    color: #FFF;
    white-space: nowrap;
    border-radius: 0.2rem;
    margin-right: 5px;
    align-content: center;
    padding: 2px 4px;
}

sup.topVentes {
    background: #e75480;
    /* border: 1px solid white; */
}

sup.nouveau {
    background-color: #ff0056 !important;
    /* border: 1px solid white; */
}

sup.nouveauFormat {
    background-color: #010446 !important;
    /* border: 1px solid white; */
    z-index: 3;
    cursor: pointer;
}

div.suffixSup {
    min-height: 1em;
    display: flex;
}

h1 .suffixSup {
    row-gap: 8px;
    align-items: center;
    font-size: 1.3rem;
    /* justify-self: center; */
    margin-left: 0;
    margin-top: 1rem;
    position: relative;
}

h1 .suffixSup sup {
    width: fit-content;
    min-height: 1em;
    line-height: 0;
    font-size: 70%;
    font-weight: 500;
    color: #FFF;
    white-space: nowrap;
    border-radius: 1rem;
    margin-right: 8px;
    align-content: center;
    padding: 7px 12px;
    margin-bottom: 1rem;
}

div.to-adjust article.formation h3 {
    flex-direction: column;
    row-gap: 8px;
    align-items: flex-start;
}

div.to-adjust div.suffixSup {
    flex-direction: column;
    row-gap: 8px;
    align-items: flex-start;
}

#calendar .dates p.entry.garantie .lieu span,
#calendar-up-selling .dates p.entry.garantie .lieu span {
    position: relative;
    margin-top: 1.8em;
    color: #FFF;
    background: #0C0;
    font-size: 11px;
    font-weight: 500;
    line-height: 100%;
    border-radius: 3px;
}

#calendar .dates p.entry,
#calendar-up-selling .dates p.entry {
    height: auto !important;
}

plonk.divNewGarantie {
    display: flex;
    /* margin-top: 4px; */
    overflow-wrap: normal;
    /* line-height: 1.4em !important; */
}

.divNewGarantie .spanNewFormat {
    background-color: #010446 !important;
    margin-right: 4px;
}

plonk span {
    position: relative;
    color: #FFF;
    font-size: 11px;
    font-weight: 500;
    line-height: 100%;
    border-radius: 3px;
    margin-top: 4px !important;
    width: 6rem;
    justify-content: center;
    padding: 2px 6px !important;
}

#calendar .dates p.entry.newGarantie,
#calendar-up-selling .dates p.entry.newGarantie {
    /* line-height: 1.4em; */
}


@media screen and (max-width: 1395px) {

    article.formation h3 a {
        color: #000;
        display: block;
    }

}

@media screen and (max-width: 666px) {

    article.formation h3 a {
        color: #000;
        display: block;
    }


}

@media screen and (max-width: 500px) {
    plonk.divNewGarantie {
        flex-direction: column;
        row-gap: 4px;
    }
}

@media screen and (max-width: 368px) {

    article.formation h3,
    .text .content article.formation h3 {
        flex-direction: column;
        row-gap: 8px;
        align-items: flex-start;
    }

    div.suffixSup {
        flex-direction: column;
        row-gap: 8px;
        align-items: flex-start;
    }
}

.blueBulle {
    background-color: #010446 !important;
}

.blueArrowBulle {
    background: url(../images/pictos/losangeblue.svg) no-repeat !important;
}

.blueArrowBulle.UP {
    height: 7px !important;
    width: 13px !important;
    background-position: 0 -6px !important;
    transform: scale(1.3, 2) !important;
}

.blueArrowBulle.DOWN {
    height: 7px !important;
    width: 13px !important;
    background-position: 0 0 !important;
    transform: scale(1.3, 2) !important;
}

.blueArrowBulle.RIGHT {
    height: 13px !important;
    width: 7px !important;
    background-position: 0 0 !important;
    transform: scale(2, 1.3) !important;
}

.blueArrowBulle.LEFT {
    height: 13px !important;
    width: 7px !important;
    background-position: -6px 0 !important;
    transform: scale(2, 1.3) !important;
}


/* //////////////////////FIN NEW TAGS POUR TOP VENTES ET NOUVEAU FORMAT///////////////////// */

/***               debut new login              ***/

.adminChopSignLink svg {
    position: unset !important;
}

.account-links {
    margin-top: 8rem;
    margin-bottom: 7rem;
    display: flex;
    justify-content: space-around;

    a {
        width: 250px;
        height: 350px;
        text-align: left;
        display: flow;
        margin-bottom: 20px;
        border-radius: 20px;
        box-shadow: 0px 10px 35px rgba(0, 0, 0, 0.3);

        div {
            width: 100%;
            display: inline-block;
            align-self: flex-end;

            div {
                position: absolute;
                width: 40px;
                height: 40px;
                background-color: #FFFFFF;
                border-radius: 100%;
                margin-top: 9em;
                margin-left: 1.5em;
                display: flex;
                justify-content: center;

                svg {
                    margin: auto;
                }
            }
        }

        h3 {
            margin: 1em 1em !important;
            font-size: 22px !important;

            span {
                font-weight: normal;
            }
        }
    }
}

.link-trainee {
    background-image: url("../images/liens-mon-compte/particuliers.svg");

    h3 {
        color: #ffffff;
    }

}

.link-trainer {
    background-image: url("../images/liens-mon-compte/formateurs.svg");

    h3 {
        color: #ffffff;
    }
}

.link-company {
    background-image: url("../images/liens-mon-compte/societes.svg");
    color: #050C41;

    div div {
        background-color: #F62F36 !important;
    }
}

.button-link-company {
    fill: white;
}

.vertical-line {
    width: 0px;
    height: 300px;
    border: rgba(0, 0, 0, 0.15) 2px solid;
    margin-top: auto;
    margin-bottom: auto;
}

@media only screen and (max-width: 850px) {
    .account-links {
        margin-top: 4rem;
        flex-wrap: wrap;
    }

    .vertical-line {
        width: 80%;
        height: 0px;
        margin-bottom: 20px;
    }
}

@media only screen and (max-width: 550px) {
    .vertical-line {
        width: 200px;
        height: 0px;
    }

    .button-link {
        margin-top: 12em !important;
    }
}

.association-link {
    border: 2px solid #000578;
    border-radius: 3px;
    padding-top: 8px !important;
    padding-bottom: 8px !important;

    a {
        color: #000578;

        svg {
            margin-top: 2px !important;

            path {
                fill: #000578 !important;
            }
        }
    }
}

@media only screen and (min-width: 400px) {
    .login-buttons {
        display: flex;
        justify-content: space-between;

        .small {
            margin-top: auto;
            margin-bottom: auto;
        }
    }
}


@media screen and (max-width: 550px) {

    #header.slide-filiere .center h1,
    #header.slide-classique .center h1 {
        font-size: 200% !important;
    }
}

@media screen and (max-width: 420px) {

    #header.slide-filiere .center h1,
    #header.slide-classique .center h1 {
        font-size: 170% !important;
    }
}

@media screen and (max-width: 330px) {

    #header.slide-filiere .center h1,
    #header.slide-classique .center h1 {
        font-size: 150% !important;
    }
}

.button-choose-session,
.button-contact {
    margin-top: 50px;
    margin-bottom: 30px;
}

.button-contact a {
    background-color: #030758;
    padding: 20px 20px;
    border-radius: 10px;
    color: #FFF;
    font-weight: 500;
}

.button-contact a:hover {
    background-color: rgb(5, 7, 39);
}

.button-choose-session a {
    background-color: #FFF;
    padding: 20px 20px;
    border-radius: 10px;
    border: 3px solid #030758;
    color: #000;
    font-weight: 500;
}

.button-choose-session a:hover {
    background-color: rgb(206, 206, 206);
}