@charset "UTF-8";
html, body {
    font-size: 18px;
}

select, input, textarea, button, .texte, a, img {
    font-size: 1rem;
    line-height: 1.33rem;
}

p {
    font-size: inherit;
    line-height: inherit;
}

.cta .titre {
    font-size: 48px;
    line-height: 1em;
    text-transform: uppercase;
}

p:first-child {
    margin-top: 0;
}

p:last-child {
    margin-bottom: 0;
}

p:not(:last-child), ul:not(:last-child), ol:not(:last-child), img:not(:last-child) {
    margin-bottom: 0.6em;
}

html, select, input, textarea, button {
    outline: none;
}

select, input, textarea {
    border-radius: 0;
    box-sizing: border-box;
}

body, html {
    margin: 0;
    padding: 0;
    width: 100%;
    min-height: 100vh;
}

body {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    overflow-x: hidden;
}

iframe, img {
    border: 0;
}

.flex {
    display: flex;
}

.flex-wrap {
    display: flex;
    flex-wrap: wrap;
}

.wrap .flex-wrap, .wrap .flex {
    margin: 0 -10px;
    width: calc(100% + 20px);
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: inherit;
    opacity: 0.99;
    text-transform: uppercase;
}

::-moz-placeholder { /* Firefox 19+ */
    color: inherit;
    opacity: 0.99;
    text-transform: uppercase;
}

:-ms-input-placeholder { /* IE 10+ */
    color: inherit;
    opacity: 0.99;
    text-transform: uppercase;
}

:-moz-placeholder { /* Firefox 18- */
    color: inherit;
    opacity: 0.99;
    text-transform: uppercase;
}

label {
    cursor: pointer;
    font-size: 14px;
}

form label {
    font-size: 16px;
    text-transform: uppercase;
    margin: 10px 0px 5px 10px;
    display: inline-block;
}



.radio {
    width: 16px;
    height: 16px;
    border-width: 1px;
    border-style: solid;
    border-radius: 50%;
    padding: 2px;
    box-sizing: border-box;
    display: inline-block;
    background: white;
    position: relative;
    border-color: currentColor;
    margin-right: 4px;
}

.radio input[type="radio"] {
    position: absolute;
    appearance: none;
    -webkit-appearance: none;
    display: inline-block;
    width: 100%;
    height: 100%;
    z-index: 10;
    margin: 0;
    top: 0;
    left: 0;
}

.radio input[type="radio"] + span {
    background: black;
    opacity: 0;
    width: 100%;
    height: 100%;
    display: block;
    transition: opacity 0.4s ease;
    border-radius: 50%;
}

.radio input[type="radio"]:checked + span {
    opacity: 1;
}

button,
a, .bouton {
    cursor: pointer;
    text-decoration: none;
    transition: color 0.4s ease;
}

h1, h2, h3, h4, h5, h6 {
    margin: 0;
    font-size: inherit;
    line-height: inherit;
}

/*h1 {font-size:3.815em;}
h2 {font-size:3.052em;}
h3 {font-size:2.441em;}
h4 {font-size:1.953em;}
h5 {font-size:1.563em;}
h6 {font-size:1.25em;}*/
h1:not(:last-child), h2:not(:last-child), h3:not(:last-child), h4:not(:last-child), h5:not(:last-child), h6:not(:last-child) {
    margin-bottom: 0.6em;
}

.aucun-resultat {
    font-size: 20px;
    text-align: center;
    text-transform: uppercase;
    box-sizing: border-box;
}

.txt-blanc {
    color: white;
}

.navigation {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 80px;
    box-sizing: border-box; /*box-shadow: 0 0 5px 0 rgba(0,0,0,0.4);*/
    z-index: 1000;
    -webkit-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    transition: all 0.4s ease;
    background-color: #010505;
    color: white;
}

.navigation .wrap {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    height: 100%;
    position: relative;
    padding: 0 10px;
}

.navigation .titre-site {
    font-size: 30px;
    font-weight: 700;
    flex-grow: 1;
}

.navigation nav {
    margin-right: 30px;
}

.navigation nav a {
    font-weight: bold;
    display: inline-block;
    position: relative;
    transition: opacity 0.4s ease;
    font-size: 18px;
    line-height: 1em;
    text-transform: uppercase;
}

.navigation a {
    font-size: inherit;
    color: inherit;
}
@media screen and (min-width:961px) {
    header .navigation a:hover{
        font-size: inherit;
    }
}
header .navigation a:hover {
    color: inherit;
}

.navigation a.menu-lg {
    display: block;
}

.navigation nav li {
    margin-right: clamp(0px, 34px, 50px);
}
.navigation nav li:last-of-type{
    margin-right: 0;
}
@media screen and (min-width:961px) {
    .navigation nav a:hover, .navigation .quick-nav a:not(.cur-lg):hover{
        opacity: 1;
    }
}
.navigation nav a.actif {
    opacity: 0.6;
}

.navigation .quick-nav a:not(.cur-lg) {
    transition: opacity 0.4s ease;
}
@media screen and (min-width:961px) {
    .navigation nav a:before {
        content: "";
        width: 0;
        height: 1px;
        position: absolute;
        bottom: 0;
        left: 0;
        transition: width 0.4s ease;
        background-color: currentColor;
    }
}
.navigation nav a:hover:before, .navigation nav a.actif:before {
    width: 100%;
}
.groupe-action > .action.more {
    display: none;
}

.navigation .titre-site img {
    height: 70px;
    -webkit-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    transition: all 0.4s ease;
    filter: drop-shadow(1px 1px 1px rgba(255, 255, 255, 0.5)) drop-shadow(-1px 1px 1px rgba(255, 255, 255, 0.5)) drop-shadow(1px -1px 1px rgba(255, 255, 255, 0.5)) drop-shadow(-1px -1px 1px rgba(255, 255, 255, 0.5));
}

/*header.scroll .navigation{height: 60px;}
header.scroll .navigation .titre-site{font-size: 20px;}
header.scroll .navigation .titre-site img{height: 36px;}*/

.navigation .liste-lg {
    background: black;
    padding: 5px 18px;
    position: absolute;
    border: 1px solid white;
    right: 0;
    top: 100%;
    transform: scaleY(0);
    transform-origin: center top;
    transition: transform 0.4s ease;
}

.navigation .profil {
    display: inline-block;
    width: 20px;
    height: 20px;
    background-size: 20px;
    background-repeat: no-repeat;
    background-image: url(/images/compte.svg);
    background-position: center center;
    cursor: pointer;
    position: relative;
    padding: 5px 0px;
}

.navigation .profil .sous-menu {
    position: absolute;
    top: 100%;
    right: 0;
    white-space: nowrap;
    text-transform: uppercase;
    padding: 16px;
    text-align: right;
    font-size: 12px;
    font-weight: 300;
    transition: transform 0.4s ease;
    transform: scaleY(0);
    transform-origin: top;
}

.navigation .profil .sous-menu a {
    display: block;
}

.jquery-modal.blocker {
    z-index: 10000;
}
.section.intranet .desabonnement .titre , #popup-desabonnement h3{
    text-transform: uppercase;
    color: #2A92AB;
    font-weight: 600;
}
.section.intranet .desabonnement .titre {
    width: 50%;
    margin: 0px;
    font-size: 48px;
}
.section.intranet .desabonnement .message {
    margin-left: 0;
    margin-top: 0;
    width: 52%;
}
.section.intranet .desabonnement .container1 {
    display : flex;
}
.section.intranet .desabonnement .container2 {
    /* text-align: right; */
    margin-top: 50px;
}
.section.intranet .desabonnement .bouton {
    padding: 15px 25px;
}
#popup-desabonnement h3{
    font-size: 36px;
    line-height:1em;
}
#popup-desabonnement .texte {

}
#popup-desabonnement {
    max-width: 600px;
    width : auto;
    padding: 45px 40px;
    -webkit-border-radius : 0;
    border-radius : 0;
}
#popup-desabonnement .texte-container .boutons-desabo{
    display: flex;
    margin-top: 35px;
}
#popup-desabonnement .texte-container .boutons-desabo .bouton{
    padding: 20px 10px;
}
#popup-desabonnement .texte-container .boutons-desabo a{
    width : 75%;
    max-width : 200px;
    margin: auto;
    font-size: 16px;
    font-weight: 300;
}
#popup-desabonnement .texte-container .boutons-desabo .se-desabonner1{
    background-color: #2A92AB;
    color: white;
    margin-right: 5px;
}
#popup-desabonnement .texte-container .boutons-desabo .se-desabonner2{
    color: #2A92AB;
    margin-left: 5px;
}

.section.intranet.enos-popup-container {
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, 0.5);
    backdrop-filter: blur(2px);
    z-index: 10000;
    position: fixed;
    top: 0px;
    left: 0px;
    bottom: 0px;
    height: 100vh;
    right: 0px;
}

.enos-popup-container .enos-popup {
    border: 2px solid #2a92ab;
    padding: 8px;
    background: white;
    max-width: 600px;
    width: 100%;
}

.enos-popup-container .enos-btn-container {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    margin-top: 20px;
}

.section.intranet.enos-popup-container .enos-btn-container .btn-cancel {
    border-color: #d3d3d3;
    background: #d3d3d3;
    color: black;
}


@media (min-width: 960px) {
    .navigation .profil:hover .sous-menu {
        transform: scaleY(1);
    }
    .navigation .choix-langue:hover .liste-lg {
        transform: scaleY(1);
    }
    .std .titre {
        width: 75%;
    }
}


.navigation .quick-nav {
    display: inline-flex;
    align-items: center;
}

.navigation .quick-nav > :not(:last-child) {
    margin-right: 10px;
}

.navigation .choix-langue {
    position: relative;
    font-weight: bold;
    font-size: 18px;
    text-transform: uppercase;
}



.navigation .cur-lg {
    padding-right: 20px;
    background-image: url(/images/triangle.svg);
    background-size: 16px;
    background-repeat: no-repeat;
    background-position: center right;
}

.navigation a.menu-lg:not(:last-child) {
    margin-bottom: 5px;
}

header {
    position: absolute;
}

header .entete {
    min-height: 50vh;
    box-sizing: border-box;
    padding: 100px 0;
    width: 100%;
    position: relative;
    -webkit-mask-image: -webkit-gradient(top, #ffffff 0%, #ffffff 100%);
    mask-image: linear-gradient(top, #ffffff 0%, #ffffff 100%);
}

/*NOTE: Personnalisation de l'entête */

.navigation .menu, .section.intranet .menu {
    display: none;
    background: black;
    height: 80px;
    width: 80px;
    position: relative;
    cursor: pointer;
    box-shadow: 0 0 10px -2px rgba(0, 0, 0, 0.5);
}

.navigation .menu:before, .section.intranet .menu:before, .navigation .menu:after, .section.intranet .menu:after, .navigation .menu span, .section.intranet .menu span {
    display: inline-block;
    content: "";
    position: absolute;
    left: 25px;
    right: 25px;
    height: 6px;
    background: white;
}

.navigation .menu:before, .section.intranet .menu:before {
    top: 26px;
}

.navigation .menu:after, .section.intranet .menu:after {
    bottom: 26px;
}

.navigation .menu span, .section.intranet .menu span {
    top: 0;
    bottom: 0;
    margin: auto;
}

.section.intranet .menu {
    position:fixed;
    top:0px;
    left:0px;
    z-index: 2000;
}

/*.navigation nav {
    overflow-y: auto;
    overscroll-behavior: contain;
    padding:20px;
    min-height:100px;
    max-height:100vh;
    position:absolute;
    top:0;
    left:80px;
    transition: transform 0.4s ease, box-shadow 0.4s ease;
    transform:translateY(-100%);
    z-index:1;
    min-width:340px;
    box-sizing:border-box;
}

.navigation .menu.ouvert+nav {
    transform:translateY(0px);
    box-shadow: 0 0 10px -2px rgba(0, 0, 0, 0.5);
}*/

.navigation nav ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
    display: flex;
}

.navigation nav ul li {
    line-height: inherit;
}

.navigation nav .formulaire-recherche input {
    padding-right: 50px;
}

.navigation nav .formulaire-recherche, .recherche-container, .select-container {
    position: relative;
}

.navigation nav .formulaire-recherche:after, .recherche-container:after, .select-container:after {
    content: "";
    -webkit-mask-image: url(../images/loupe.svg);
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center center;
    -webkit-mask-size: contain;
    mask: url(../images/loupe.svg);
    mask-size: contain;
    mask-position: center center;
    mask-repeat: no-repeat;
    width: 20px;
    height: 20px;
    margin: auto;
    top: 0;
    bottom: 0;
    right: 20px;
    position: absolute;
    display: block;
    pointer-events: none;
}

/* FIN */

body.accueil header .entete {
    height: 100vh;
}

header .entete .entete-slider {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    height: 100%;
}

header .entete .entete-slider .slick-list, header .entete .entete-slider .slick-track {
    height: 100%;
}

header .entete .entete-slide {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
}

header .entete .slick-slide > div {
    height: 100%;
}

header .entete .entete-slide-content {
    background-size: cover;
    background-position: center center;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

header .entete .entete-slide-content video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

#old-browser-dialog p {
    text-align: center;
    font-size: 18px;
    background-color: #FAF1AA;
    padding: 5px;
    position: relative;
    top: 100px;
}

#old-browser-dialog a {
    cursor: pointer;
    color: #0000ff;
    text-decoration: underline;
}

.admin-preview {
    border-width: 2px;
    border-style: dashed;
    border-color: rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    position: relative;
}

.admin-preview:after {
    content: "";
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    background-image: linear-gradient(-45deg, #AEAEAD 0%, #AEAEAD 25%, white 25%, white 50%, #AEAEAD 50%, #AEAEAD 75%, white 75%, white 100%);
    background-image: -webkit-linear-gradient(-45deg, #AEAEAD 0%, #AEAEAD 25%, white 25%, white 50%, #AEAEAD 50%, #AEAEAD 75%, white 75%, white 100%);
    background-size: 20px 20px;
    z-index: 10;
    opacity: 0.3;
    pointer-events: none;
}

.wrap {
    max-width: 1280px;
    width: 100%;
    margin: auto;
    box-sizing: border-box;
}

.wrap.small {
    max-width: 1024px;
}

img, video {
    max-width: 100%;
    vertical-align: top;
}

.txt-left {
    text-align: left;
}

.txt-center {
    text-align: center
}

.txt-right {
    text-align: right
}

button, .bouton {
    -webkit-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    transition: all 0.4s ease;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    display: inline-block;
    border-width: 1px;
    border-style: solid;
    width: 100%;
    box-sizing: border-box;
    border-radius: 0;
    background: transparent;
    color: inherit;
    text-align: center;
    font-size: 1rem;
    text-transform: uppercase;
    padding: 15px 10px;
    line-height: 1em;
    vertical-align: top;
    border-color: inherit;
    position: relative;
}

button.inverse, .bouton.inverse {
    color: black;
    background: white;
}

button:hover, .bouton:hover {
    color: #0062A6;
}

.txt-blanc button:hover, .txt-blanc .bouton:hover {
    box-shadow: -4px -4px 0 0 currentColor;
}

button.inverse:hover, .bouton.inverse:hover {
    color: white;
    background: black;
}

select,
textarea,
input[type="text"],
input[type="password"],
input[type="number"],
input[type="date"],
input[type="time"],
input[type="search"],
input[type="url"],
input[type="email"],
input[type="tel"] {
    appearance: none;
    -webkit-appearance: none;
    width: 100%;
    outline: none;
    padding: 6px 6px;
    font-size: 16px;
    line-height: 1em;
    border: 0;
    color:inherit;
    border-bottom: 1px solid black;
    border-color:currentColor;
    transition: box-shadow 0.3s, border 0.3s;
    box-sizing: border-box;
    background-color: transparent;
}

input[name="token"] {
    display: none;
}

textarea {
    border: 1px solid #707070;
    height: 120px;
    resize: vertical;
    vertical-align: top;
}

select {
    height: 38px;
    width: 100%; /*border: 1px solid #707070;*/
    transition: box-shadow 0.3s ease 0s, border 0.3s ease 0s;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url(/images/select.svg);
    background-position: center right 10px;
    background-repeat: no-repeat;
    cursor: pointer;
    background-size: auto 86%;
    padding-right: 38px;
}

select.invalid,
textarea.invalid,
input[type="text"].invalid,
input[type="password"].invalid,
input[type="number"].invalid,
input[type="date"].invalid,
input[type="time"].invalid,
input[type="search"].invalid,
input[type="url"].invalid,
input[type="email"].invalid,
input[type="tel"].invalid {
    border-color: red;
}

select:focus,
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="number"]:focus,
input[type="date"]:focus,
input[type="time"]:focus,
input[type="search"]:focus,
input[type="url"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus {
    border-bottom: solid 1px #888;
    /*box-shadow: 1px 1px 1px 1px #969696;*/
    /*background-color: white;*/
}

.bg_primaire select:focus,
.bg_primaire textarea:focus,
.bg_primaire input[type="text"]:focus,
.bg_primaire input[type="password"]:focus,
.bg_primaire input[type="number"]:focus,
.bg_primaire input[type="date"]:focus,
.bg_primaire input[type="time"]:focus,
.bg_primaire input[type="search"]:focus,
.bg_primaire input[type="url"]:focus,
.bg_primaire input[type="email"]:focus,
.bg_primaire input[type="tel"]:focus {
    border-bottom: solid 1px #72c1d4;
    /*box-shadow: 1px 1px 1px 1px #969696;*/
    /*background-color: white;*/
}

/*footer {box-sizing:border-box;padding:10px;box-shadow: 0 0 5px 0 rgba(0,0,0,0.4);}
footer > .wrap {display:flex;justify-content:space-between;align-items:flex-end;}
footer a {transition:opacity 0.4s ease;}
footer a:hover {opacity:0.6;}
footer .reseaux-sociaux a {display:inline-block;width:30px;height:30px;}
footer .reseaux-sociaux a:not(:last-child) {margin-right:10px;}
footer .reseaux-sociaux a svg, footer .reseaux-sociaux a img {width: 100%;height: 100%;object-fit: contain;}*/
.titre-page h1 {
    font-size: 36px;
    position: relative;
    z-index: 1;
}

.contenu > .section {
    position: relative;
    background-size: cover;
    background-position: center;
    /* overflow-x: hidden; */
}

.section .wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: start;
    z-index: 200;
    position: relative;
}

.section .wrap .paragraphe0,
.section .wrap .paragraphe1 {
    width: calc(100% - 20px);
    margin: 10px;
    box-sizing: border-box;
}

.section .wrap .paragraphe0.vid,
.section .wrap .paragraphe1.vid {
    width: calc(100% - (58px));
    margin: 0;
}

.section .wrap .paragraphe2 {
    width: calc(50% - 20px);
    box-sizing: border-box;
    margin: 10px;
}

.section .wrap .paragraphe3 {
    width: calc((100% / 3) - 20px);
    box-sizing: border-box;
    margin: 10px;
}

.section .wrap .paragraphe4 {
    width: calc(25% - 20px);
    box-sizing: border-box;
    margin: 10px;
}

.section .wrap .paragraphe5 {
    width: calc(20% - 20px);
    box-sizing: border-box;
    margin: 10px;
}

.section .wrap.h-aucun {
    padding-left: 10px;
    padding-right: 10px;
}

.section .wrap.h-aucun .paragraphe0,
.section .wrap.h-aucun .paragraphe1 {
    width: 100%;
    margin: 0;
    box-sizing: border-box;
}

.section .wrap.h-aucun .paragraphe2 {
    width: 50%;
    box-sizing: border-box;
    margin: 0;
}

.section .wrap.h-aucun .paragraphe3 {
    width: calc(100% / 3);
    box-sizing: border-box;
    margin: 0;
}

.section .wrap.h-aucun .paragraphe4 {
    width: 25%;
    box-sizing: border-box;
    margin: 0;
}

.section .wrap.h-aucun .paragraphe5 {
    width: 20%;
    box-sizing: border-box;
    margin: 0;
}

.padding_1 {
    padding: 0;
}

.padding_2 {
    padding: 20px 0;
}

.padding_3 {
    padding: 40px 0;
}

.padding_4 {
    padding: 80px 0;
}

.margin_1 {
    margin: 0 auto;
}

.margin_2 {
    margin: 20px auto;
}

.margin_3 {
    margin: 40px auto;
}

.margin_4 {
    margin: 80px auto;
}

.d-full {
    width: calc(100% - 20px);
}

.d1-2 {
    width: calc(50% - 20px);
}

.d1-3 {
    width: calc((100% / 3) - 20px);
}

.d1-4 {
    width: calc(25% - 20px);
}

.d2-3 {
    width: calc((100% / 3 * 2) - 20px);
}

.d3-4 {
    width: calc(75% - 20px);
}

.d1-5 {
    width: calc(20% - 20px);
}

.d2-5 {
    width: calc(40% - 20px);
}

.d3-5 {
    width: calc(60% - 20px);
}

.d4-5 {
    width: calc(80% - 20px);
}

.d1-6 {
    width: calc((100% / 6) - 20px);
}

.d5-6 {
    width: calc((100% / 6 * 5) - 20px);
}

.d-full, .d1-2, .d1-3, .d1-4, .d2-3, .d3-4, .d1-5, .d2-5, .d3-5, .d4-5, .d1-6, .d5-6, .d-auto,
.t1-2, .t1-3, .t1-4, .t2-3, .t3-4, .t1-5, .t2-5, .t3-5, .t4-5, .t1-6, .t5-6,
.m1-2, .m1-3, .m1-4, .m2-3, .m3-4, .m1-5, .m2-5, .m3-5, .m4-5, .m1-6, .m5-6 {
    box-sizing: border-box;
    margin: 10px;
}

.wrap.h-aucun .d-auto {
    margin:0;
}

.wrap.h-aucun .d-full {
    width: 100%;
    margin: 0
}

.wrap.h-aucun .d1-2 {
    width: 50%;
    margin: 0
}

.wrap.h-aucun .d1-3 {
    width: calc(100% / 3);
    margin: 0
}

.wrap.h-aucun .d1-4 {
    width: 25%;
    margin: 0
}

.wrap.h-aucun .d2-3 {
    width: calc(100% / 3 * 2);
    margin: 0
}

.wrap.h-aucun .d3-4 {
    width: 75%;
    margin: 0
}

.wrap.h-aucun .d1-5 {
    width: 20%;
    margin: 0
}

.wrap.h-aucun .d2-5 {
    width: 40%;
    margin: 0
}

.wrap.h-aucun .d3-5 {
    width: 60%;
    margin: 0
}

.wrap.h-aucun .d4-5 {
    width: 80%;
    margin: 0
}

.wrap.h-aucun .d1-6 {
    width: calc(100% / 6);
    margin: 0
}

.wrap.h-aucun .d5-6 {
    width: calc(100% / 6 * 5);
    margin: 0
}

.section .wrap.v-start, .v-start {
    align-items: flex-start;
}

.section .wrap.v-end, .v-end {
    align-items: flex-end;
}

.section .wrap.v-stretch, .v-stretch {
    align-items: stretch;
}

.section .wrap.v-center, .v-center {
    align-items: center;
}

.section .wrap.h-start, .h-start {
    justify-content: flex-start;
}

.section .wrap.h-end, .h-end {
    justify-content: flex-end;
}

.section .wrap.h-space-between, .h-space-between {
    justify-content: space-between;
}

.section .wrap.h-center, .h-center {
    justify-content: center;
}

.graph .circle-outside {
    background-color: #CDCDCD;
}

.graph .circle-inside:before {
    background-color: white;
}

.pagination {
    margin: 20px 0;
}

.pagination > span, .pagination > a {
    font-size: 20px;
    height: 40px;
    display: inline-block;
    box-sizing: border-box;
    border-bottom: 5px solid black;
    padding: 0 10px;
    transition: all 0.4s ease;
    cursor: pointer;
}

.pagination > span:hover, .pagination > a:hover, .pagination .actif {
    border-bottom-width: 15px;
}

.cache {
    display: none;
}

.joindre-fichier > label {
    display: flex;
}

form {
    position: relative;
}

.reponse-ajax {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    pointer-events: none;
}

.message-ajax {
    color:black;
    position: absolute;
    top: 50%;
    left: 50%;
    padding: 40px;
    background: white;
    z-index: 300;
    justify-content: center;
    align-items: center;
    font-size: 40px;
    line-height: 1em;
    font-weight: bold;
    text-transform: uppercase;
    border: 2px solid #2a92ab;
    margin: auto;
    width: auto;
    height: auto;
    transform: translate(-50%, -50%);
    display:none;
    min-width: 60%;
}

.connexion .message-ajax {
    font-size: 18px;
    padding: 20px;
}

.message-ajax.erreur {
    border-color: #940000;
}

#map {
    height: 50vh;
}

/****************************** YOUTUBE ******************************/

.youtube {
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
    overflow: hidden;
    cursor: pointer;
    position: relative;
}

.youtube .thumbnail {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
}

.youtube .blurry {
    -webkit-filter: blur(5px);
    -moz-filter: blur(5px);
    -o-filter: blur(5px);
    -ms-filter: blur(5px);
    filter: blur(5px);
    top: -5px;
    left: -5px;
    bottom: -5px;
    right: -5px;
}

.youtube:after {
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    background-image: url(/images/youtube_icon.png);
    background-size: 128px;
    background-repeat: no-repeat;
    background-position: center center;
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.6);
    z-index: 5;
}

.youtube iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10;
}

/****************************** GRAPHIQUES ******************************/
.graph .pourc .valeur:after {
    content: "%";
}

.graph .frac .valeur:after {
    content: "/" attr(data-fraction);
}

.graph .centered {
    width: 100%;
    text-align: center;
}

.graph .centered .circle-outside, .graph .centered .texte {
    width: 30%;
    margin: auto;
}

.graph .double {
    width: 25%;
    box-sizing: border-box;
}

.graph .double:nth-of-type(even) {
    margin-right: 20%;
}

.graph .double:nth-of-type(odd) {
    margin-left: 20%;
}

.graph .triple {
    width: 26%;
}

.graph .quadruple {
    width: 21%;
}

.graph .quintuple {
    width: 18%;
}

.graph .circle-outside {
    width: 100%;
    margin: auto;
    border-radius: 50%;
    background: #cdcdcd;
}

.graph .circle-inside {
    border-radius: 50%;
    width: 100%;
    padding-bottom: 100%;
    height: 0;
    position: relative;
}

.graph .circle-inside:before {
    position: absolute;
    content: "";
    top: 20px;
    left: 20px;
    bottom: 20px;
    right: 20px;
    border-radius: 50%;
    background: white;
}

.graph .valeur {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 48px;
    font-weight: bold;
}

.graph .titre,
.graph .sous-titre {
    width: 100%;
    margin-bottom: 20px;
}

.graph .sous-titre {
    font-size: 30px;
}

.graph .titre ~ .triple,
.graph .sous-titre ~ .triple,
.graph .titre ~ .centered,
.graph .sous-titre ~ .centered,
.graph .titre ~ .quadruple,
.graph .sous-titre ~ .quadruple,
.graph .titre ~ .quintuple,
.graph .sous-titre ~ .quintuple,
.graph .titre ~ .double,
.graph .sous-titre ~ .double {
    margin-top: 30px;
}

.graph .texte {
    padding-top: 15px;
    font-size: 30px;
    text-align: center;
}

.demi-wrap .graph,
.tier .graph,
.quadruple .graph {
    padding: 60px 20px;
    box-sizing: border-box;
}

.demi-wrap .graph .paragraphe,
.tier .graph .paragraphe,
.quadruple .graph .paragraphe {
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.demi-wrap .graph .centered:not(:last-of-type),
.tier .graph .centered:not(:last-of-type),
.quadruple .graph .centered:not(:last-of-type) {
    margin-bottom: 30px;
}

.demi-wrap .graph .centered .circle-outside,
.tier .graph .centered .circle-outside,
.quadruple .graph .centered .circle-outside,
.demi-wrap .graph .centered .texte,
.tier .graph .centered .texte,
.quadruple .graph .centered .texte {
    width: 60%;
}

.quadruple .graph .valeur {
    font-size: 36px;
}

.quadruple .graph .texte {
    font-size: 24px;
}

.wrap .graph {
    padding-left: 20px;
    padding-right: 20px;
}

/***************************** Slider **************************/
.slider-bouton {
    display: none
}

.diaporama-slider {
    position: relative;
    height: 456px;
    text-align: center;
    overflow: hidden;
}

.slider-nextimg,
.slider-previmg,
.slider-img {
    background: url(/images/slider.jpg) center no-repeat;
    background-size: cover;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 1;
    background-color: #fff;
}

.slider-previmg,
.slider-nextimg {
    z-index: 2;
}

.diaporama-slider-fade .slider-nextimg {
    left: 0;
    right: 0;
    z-index: 0;
}

.slider-previmg.reset,
.slider-nextimg.reset {
    -webkit-transition: all 0.6s ease;
    -ms-transition: all 0.6s ease;
    transition: all 0.6s ease;
}

.slider-previmg {
    left: -100%;
    right: 100%;
}

.slider-nextimg {
    left: 100%;
    right: -100%;
}

.slider-previmg.show,
.slider-nextimg.show {
    left: 0;
    right: 0;
    -webkit-transition: all 1.4s ease;
    -ms-transition: all 1.4s ease;
    transition: all 1.4s ease;
}

.slider-shadow {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 3;
    background: rgba(0, 0, 0, 0.45);
}

.slider-titre {
    text-transform: uppercase;
    color: #fff;
    font-size: 36px;
    font-family: 'Roboto Slab', sans-serif;
    font-weight: bold;
    margin-bottom: 20px;
    display: none
}

.slider-texte {
    color: #fff;
    font-size: 24px;
    font-family: 'Roboto Slab', sans-serif;
    font-weight: bold;
    margin-bottom: 20px;
    display: none
}

.slider-puces {
    position: absolute;
    bottom: 38px;
    left: 0;
    right: 0;
    z-index: 4;
    display: none;
}

.slider-puces a {
    display: inline-block;
    border: 2px solid #fff;
    margin: 0 7px;
    -webkit-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.slider-puces a:hover,
.slider-puces a.actif {
    background: #fff;
}

.slider-contenu {
    position: absolute;
    bottom: 148px;
    left: 40px;
    right: 40px;
    z-index: 5;
}

.slider-puces.slider-puces-round a {
    font-size: 0;
    border-radius: 50%;
    padding: 5px;
}

.slider-puces.slider-puces-round-num a {
    font-size: 8px;
    border-radius: 50%;
    height: 10px;
    width: 10px;
    line-height: 10px;
}

.slider-puces.slider-puces-square a {
    font-size: 0;
    line-height: 1em;
    padding: 5px;
}

.slider-puces.slider-puces-square-num a {
    font-size: 0.64em;
    height: 1.25em;
    width: 1.25em;
    line-height: 1.25em;
    text-align: center;
}

.slider-puces.vert-top-left {
    position: absolute;
    left: 20px;
    top: 8px;
    bottom: auto;
    right: auto;
}

.slider-puces.vert-top-right {
    position: absolute;
    right: 20px;
    top: 8px;
    bottom: auto;
    left: auto;
}

.slider-puces.vert-bottom-left {
    position: absolute;
    left: 20px;
    top: auto;
    bottom: 8px;
    right: auto;
}

.slider-puces.vert-bottom-right {
    position: absolute;
    right: 20px;
    top: auto;
    bottom: 8px;
    left: auto;
}

.slider-puces.vert-bottom-right a,
.slider-puces.vert-bottom-left a,
.slider-puces.vert-top-right a,
.slider-puces.vert-top-left a {
    margin: 7px 0;
    display: block;
}

.slider-puces.vert-left-flex {
    position: absolute;
    left: 20px;
    top: 8px;
    bottom: 8px;
    right: auto;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
}

.slider-puces.vert-right-flex {
    position: absolute;
    left: auto;
    top: 8px;
    bottom: 8px;
    right: 20px;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
}

.slider-puces.hor-bottom-flex {
    position: absolute;
    left: 8px;
    top: auto;
    bottom: 38px;
    right: 8px;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
}

.slider-puces.hor-top-flex {
    position: absolute;
    left: 8px;
    top: 38px;
    bottom: auto;
    right: 8px;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
}

.slider-puces.hor-top-left {
    position: absolute;
    left: 8px;
    top: 38px;
    bottom: auto;
    right: auto;
}

.slider-puces.hor-top-center {
    position: absolute;
    left: 8px;
    top: 38px;
    bottom: auto;
    right: 8px;
}

.slider-puces.hor-top-right {
    position: absolute;
    left: auto;
    top: 38px;
    bottom: auto;
    right: 8px;
}


.miniature-images {
    width: 20%;
}

.image-fenetre {
    width: 25%;
    margin-top: 1%;
}

.section .wrap.background {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-size: cover;
    background-position: center;
    max-width: 1640px;
    width: calc(100% - 20px);
    height: calc(100% - 20px);
}

.section .wrap .section-images-fenetre {
    justify-content: flex-start;
}

/***************************** Formulaires **************************/
.formulaire-auto-conteneur {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: start;
    margin-bottom: 20px;
}

.formulaire-auto-conteneur > :not(:last-child) {
    margin-bottom: 40px;
}

.formulaire-auto-largeur1 {
    width: 100%;
}

.formulaire-auto-largeur2 {
    width: calc(50% - 10px);
}

.formulaire-auto-largeur3 {
    width: calc(33.3% - 10px);
}

.formulaire-auto-largeur4 {
    width: calc(25% - 10px);
}

.formulaire-auto-largeur5 {
    width: calc(20% - 10px);
}

.formulaire-auto-conteneur table td:not(:first-child) {
    text-align: center
}

.formulaire-auto-conteneur table,
.formulaire-auto-conteneur select,
.formulaire-auto-conteneur textarea,
.formulaire-auto-conteneur input[type=email],
.formulaire-auto-conteneur input[type=number],
.formulaire-auto-conteneur input[type=text] {
    width: 100%;
}

.formulaire-auto-conteneur input[type=radio] + .formulaire-auto-etoile path {
    -webkit-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.formulaire-auto-conteneur .question-options-conteneur-etoile input[type=radio] {
    display: none;
}

.formulaire-auto-conteneur label {
    display: inline-block;
}

.formulaire-auto-conteneur label > input,
.formulaire-auto-conteneur label > span {
    vertical-align: middle;
}

.formulaire-auto-conteneur input[type=checkbox], .formulaire-auto-conteneur input[type=radio] {
    width: 20px;
    height: 20px;
    box-sizing: border-box;
    -webkit-appearance: none;
    border: 2px solid;
    border-radius: 4px;
    margin: 0 10px 0 0;
    cursor: pointer;
    position: relative;
}

.formulaire-auto-conteneur input[type=radio] {
    border-radius: 50%;
}

.formulaire-auto-conteneur input[type=checkbox]:after, .formulaire-auto-conteneur input[type=radio]:after {
    content: "";
    opacity: 0;
    position: absolute;
    transition: 0.4s ease;
    color: #FFF;
}

.formulaire-auto-conteneur input[type=checkbox]:after {
    border-radius: 4px;
    width: 20px;
    height: 20px;
    top: -2px;
    left: -2px;
    content: '\2713';
    text-align: center;
    font-weight: bold;
}

.formulaire-auto-conteneur input[type=radio]:after {
    border-radius: 50%;
    top: 4px;
    left: 4px;
    bottom: 4px;
    right: 4px;
}

.formulaire-auto-conteneur input[type=checkbox]:checked:after,
.formulaire-auto-conteneur input[type=radio]:checked:after,
.formulaire-auto-conteneur input[type=checkbox]:hover:after,
.formulaire-auto-conteneur input[type=radio]:hover:after {
    opacity: 1;
}

.formulaire-auto-conteneur .question-options-conteneur label {
    margin-bottom: 10px;
}

.formulaire-auto-conteneur > div {
    transition: all 0.4s ease;
}

.formulaire-auto-conteneur > .invalid {
    border: 1px solid red;
    box-shadow: 0 0 4px 0 rgba(255, 0, 0, 0.6);
    box-sizing: border-box;
    padding: 5px;
    margin: 10px 0;
}

.formulaire-auto-conteneur > .invalid > div:first-child {
    color: red;
    font-weight: bold;
}

.formulaire-auto-conteneur > .invalid input[type=checkbox] {
    border-color: red;
}

.formulaire-auto-conteneur > .invalid input[type=checkbox]:after {
    background-color: red;
}

.formulaire-auto-conteneur .titre-question {
    font-size: 18px;
    font-weight: bold;
    border-left: 10px solid;
    padding-left: 10px;
    margin-bottom: 10px;
}

.form .titre-formulaire {
    font-size: 20px;
    margin-bottom: 20px;
}

/****************** Produits *******************/
#produits-resultats-recherche {
    display: flex;
    justify-content: start;
    flex-wrap: wrap;
}

.produit-resultat-image-cont,
#produits-resultats-recherche .produit-resultat {
    width: calc(33.3% - 10px);
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.4);
    border: 2px solid black;
    position: relative;
    box-sizing: border-box;
    margin: 5px;
}

.produit-resultat .produit-resultat-image {
    transition: all 0.4s ease;
    position: relative;
    overflow: hidden;
}

.produit-resultat .produit-resultat-image a.image-produit {
    width: 100%;
    height: 0;
    padding-bottom: 75%;
    display: block;
    position: relative;
    overflow: hidden;
    transition: filter 0.4s ease;
    vertical-align: top;
}

.produit-resultat .produit-resultat-image:after {
    opacity: 0;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    box-shadow: inset 0 0 10px 0 rgba(0, 0, 0, 0.4);
    transition: all 0.4s ease;
    pointer-events: none;
}

.produit-resultat .produit-resultat-image img {
    vertical-align: top;
}

.produit-resultat-image-cont:hover .produit-resultat-image {
    box-shadow: inset 0 0 20px 10px rgba(0, 0, 0, 0.4);
}

.produit-resultat-image-cont:hover .produit-resultat-image:not(.fullscreen) .liste-images a.image-produit {
    filter: brightness(0.6);
}

.produit-resultat .produit-resultat-image img {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.produit-resultat:hover .produit-resultat-image:after {
    opacity: 1;
}

.produit-resultat .produit-resultat-image .actions-rapide {
    position: absolute;
    top: -40px;
    right: 0;
    padding: 10px;
    z-index: 10;
    transition: all 0.4s ease;
    display: flex;
}

.produit-resultat .actions-rapide a {
    display: block;
    width: 24px;
    height: 24px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    transition: all 0.4s ease;
    vertical-align: top;
    cursor: pointer;
}

.produit-resultat .d2-3 .actions-rapide {
    display: flex;
}

.produit-resultat .d2-3 .actions-rapide a.ajouter-panier,
.produit-resultat .d2-3 .actions-rapide a.enlever-panier {
    filter: invert(1)
}

.produit-resultat .produit-resultat-image.fullscreen .actions-rapide a {
    width: 40px;
    height: 40px;
}

.produit-resultat .produit-resultat-image.fullscreen .actions-rapide .ajouter-souhait {
    background-size: 36px 36px;
}

#produits-resultats-recherche .produit-resultat-image:hover .actions-rapide,
.produit-resultat-image-cont:hover .produit-resultat-image .actions-rapide,
.produit-resultat .produit-resultat-image.fullscreen .actions-rapide {
    top: 0;
}

.produit-resultat .actions-rapide a:not(:last-child) {
    margin-right: 10px;
}

.produit-resultat .actions-rapide .ajouter-panier {
    background-image: url("/images/icons/add-to-cart.svg");
    position: relative;
}

.produit-resultat .actions-rapide .ajouter-souhait {
    background-image: url("/images/icons/add-to-wishlist.svg");
    background-size: 20px 20px;
}

.produit-resultat .actions-rapide .ajouter-souhait.dedans, .produit-resultat .actions-rapide .ajouter-souhait:hover {
    background-image: url("/images/icons/in-wishlist.svg");
}

.produit-resultat .actions-rapide .ajouter-panier.dedans, .produit-resultat .actions-rapide .ajouter-panier:hover {
    background-image: url("/images/icons/in-cart.svg");
}

.produit-resultat .actions-rapide .voir-fiche {
    background-image: url("/images/icons/view.svg");
}

.produit-resultat .actions-rapide .voir-fiche:hover {
    background-image: url("/images/icons/view-hover.svg");
}

.produit-resultat .actions-rapide .enlever-panier {
    background-image: url("/images/icons/remove-from-cart.svg");
    display: none;
}

.produit-resultat .actions-rapide .enlever-panier:hover {
    background-image: url("/images/icons/remove-from-cart-hover.svg");
}

.produit-resultat .produit-resultat-details, .panier-image .nom-produit {
    padding: 10px;
    position: absolute;
    bottom: 0;
    color: #FFF;
    width: 100%;
    box-sizing: border-box;
    background: rgba(0, 0, 0, 0.6);
}

.produit-resultat .produit-resultat-details .bouton {
    margin-top: 20px;
}

.produit-resultat-details a:hover {
    color: #FFF;
}

.page-produit .produit-detail {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
    align-items: start;
}

.page-produit .titre-page {
    margin-bottom: 40px;
}

.page-produit .titre-page:before {
    right: unset;
    left: 0;
}

.slick-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: #FFF;
    cursor: pointer;
    background-size: 10px 10px;
    background-repeat: no-repeat;
    background-position: center center;
    z-index: 10;
    transition: all 0.4s ease;
}

.slick-arrow.slick-prevArrow {
    left: -5px;
    background-image: url("/images/icons/left-arrow.svg");
    border-radius: 0 50% 50% 0;
}

.slick-arrow.slick-nextArrow {
    right: -5px;
    background-image: url("/images/icons/right-arrow.svg");
    border-radius: 50% 0 0 50%;
}

.produit-resultat-image:not(.fullscreen) .liste-images:hover .slick-arrow {
    background-color: rgba(255, 255, 255, 0.4);
}

.liste-images:hover .slick-arrow.slick-prevArrow, .produit-resultat-image.fullscreen .liste-images .slick-arrow.slick-prevArrow {
    left: 10px;
    border-radius: 50%;
}

.liste-images:hover .slick-arrow.slick-nextArrow, .produit-resultat-image.fullscreen .liste-images .slick-arrow.slick-nextArrow {
    right: 10px;
    border-radius: 50%;
}

.liste-images a.image-produit:focus {
    outline: unset;
}

.produit-resultat-image.fullscreen .liste-images a.image-produit {
    width: 100vw;
    height: 100vh;
    padding: 0
}

.produit-resultat-image.fullscreen .liste-images a.image-produit img {
    width: 100vw;
    height: 100vh;
    object-fit: contain;
}

.conteneur-produits {
    width: 100%;
}

.produit-resultat .actions-rapide .ajouter-panier .qte-panier {
    font-size: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: -6px;
    right: -6px;
    background: white;
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.4);
    border-radius: 50%;
    width: 16px;
    height: 16px;
    color: #000;
    opacity: 0;
    transition: opacity 0.4s ease;
}

.produit-resultat .actions-rapide .ajouter-panier.dedans .qte-panier {
    opacity: 1;
}

.produit-resultat-prix .prix-ancien .montant {
    text-decoration: line-through;
    font-size: 10px;
}

/************************* Panier *************************/
.panier .etapes, .intranet .etapes {
    display: flex;
    width: 100%;
    justify-content: space-between;
    font-weight: bold;
    font-size: 20px;
    margin-bottom: 20px;
    position:relative;
}

.intranet .avertissement {
    font-weight:bold;
}

.panier .etapes > div, .intranet .etapes > div {
    flex: 0;
    flex-grow: 1;
}

.panier .etapes > div, .intranet .etapes > div {
    border-bottom:5px solid #cecdcd;
    color:#9f9d9d;
    font-size:16px;
}

.panier .etapes .actif, .intranet .etapes .actif {
    border-bottom: 11px solid #000;
}

.panier-table {
    display: table;
    width: 100%;
    box-sizing: border-box;
    margin-top: 20px;
}

.panier-table .entete, .panier-table .panier-item, .panier-table .panier-totaux {
    display: table-row;
}

.panier .entete.mobile {display:none;}

.panier #confirmation .message {font-size:24px; text-align:center;line-height: 35px;}
.panier #confirmation #img-confirmation {margin:50px auto 30px; display: block;}
.panier #confirmation {width:100%;text-align: center;}

/*.panier-table .entete > div, .panier-table .panier-item > div {
    border-bottom: 1px solid #000;
}*/

.panier .bouton {
    padding-left: 60px;
    padding-right: 60px;
    margin-top:20px;
}

.panier-table .entete > div, .panier-table .panier-item > div, .panier-table .panier-totaux > div {
    display: table-cell;
    vertical-align: middle;
    padding: 10px;
}

.panier-table .panier-totaux > div {
    padding: 5px;
}

.panier-table .panier-totaux.stotal > div {
    padding-top: 10px;
}

.panier-table .entete > .panier-colone-prix, .panier-table .panier-item > .panier-colone-prix {
    text-align: right;
    padding-right:0px;
}

.panier .panier-colone-spacing {
    width: 30%;
    padding-right: 10px;
    padding-left: 20px;
}

.panier .panier-colone-prix {
    width: 85px;
}

.panier .panier-taxes div {font-size:24px;text-align:right;margin-bottom: 5px;}
.panier .panier-taxes div:last-child {margin-bottom:30px;}
.panier .panier-taxes, .panier .code-promo {display: flex;align-items: flex-end;flex-direction: column;width: 100%;margin-top:10px;}
.panier .panier-total {font-size:36px;width:100%;text-align:right;}
.bouton.confirmer-changement.disabled {
    z-index: -1;
    background-color:darkgray;
    color:lightgray;
}
.panier .spacer {
    width:100%;
    height:2px;
    background-color:currentColor;
}
#conteneur-case {
    width: 65%;
    align-items: flex-start;
}
#conteneur-case input{
    width: 40px;
    height: 40px;
    bottom: 12px;
    position: relative;
    display: none;
}
#conteneur-case p{
    margin: 0;
    margin-left: 10px;
}
#conteneur-totaux {
    width: 35%;
    margin-top: 20px;
    font-weight: 500;
}
#conteneur-totaux-case, #conteneur-case{
    display: flex;
}
#conteneur-case label > input + span {
    border: 1px solid #2A92AB;
    display: inline-block;
    height: 20px;
    width: 20px;
    position: relative;
}
#conteneur-case label > input + span::after {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    content: '';
    display: inline-block;
    -webkit-mask-image: url(/images/crochet.svg);
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center center;
    -webkit-mask-size: contain;mask: url(/images/crochet.svg);
    mask-size: contain;
    mask-position: center center;
    mask-repeat: no-repeat;
    background-color: #2A92AB;
    height: 85%;
    width: 85%;
    opacity: 0;
}
#conteneur-case label > input:checked + span::after {
    opacity: 1;
}
#conteneur-case.mobile-only {
    display: none;
}

.panier-totaux.code-promo {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: flex-end;
}

.table-totaux {
    display: table;
    border-collapse: collapse;
}

.table-totaux > div {
    display: table-row;
}

.table-totaux > div > div {
    display: table-cell;
}

.table-totaux > div > div:last-child {
    text-align: right;
    padding-left: 20px;
}

.table-totaux .total {
    border-top: 1px solid black;
}

.old-price {
    text-decoration: line-through;
}

#btn-ajouter-code-promo {
    margin-top: 5%;
}

.panier-image img {
    vertical-align: top;
}

.panier-image a {
    display: inline-block;
    position: relative;
    border: 2px solid #000;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.4);
    max-width: 300px;
}

.panier-image .nom-produit {
    font-size: 22px;
    font-weight: bold;
    transition: color 0.4s ease;
}

.panier-image a:hover .nom-produit {
    color: white;
}

.panier-vide {
    text-align: center;
    font-size: 24px;
    font-weight: bold;
    padding: 20px;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.4);
    margin-top: 20px;
    margin-bottom: 20px;
}

.boite-conteneur {
    width: 100%;
}

.panier-lien {
    width: 200px;
}

#panier-btn-connexion {
    margin-top: 3%;
}

/**************************FAQ**************************/

.table-faq {
    width: 100%;
}

.titre-categorie {
    padding: 10px;
}

.faq-question-conteneur {
    cursor: pointer
}

.faq-reponse-conteneur {
    display: none;
}

.faq-module {
    padding: 10px;
}

.faq-module:not(:last-child) {
    border-bottom: 1px solid #0003;
}

.faq-question {
    font-weight: bold;
}

/**********************Nous joindre***********************/

#nous-joindre-formulaire form {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

#nous-joindre-formulaire label {
    color: black;
    text-transform: uppercase;
    font-weight: normal;
    margin-left: 6px;
    font-size: 16px;
    margin-bottom: 10px;
}

#nous-joindre-formulaire .joindre-fichier label {
    margin-left: 0;
    margin-bottom: 0;
}

#nous-joindre-formulaire form .champs {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
}

#nous-joindre-formulaire form .message {
    width: 100%;
}

#nous-joindre-formulaire form .message textarea {
    height: 100px;
}

#nous-joindre-formulaire form .champs > * {
    margin-bottom: 20px;
}

#nous-joindre-formulaire form button, #nous-joindre-formulaire form > .recaptcha {
    margin-top: 20px;
}

#nous-joindre-formulaire form .btn-container {
    flex-grow: 1;
}

.ouvertures .texte {
    display: block;
    margin-right: 5px;
    width: 140px;
}

.ouvertures > p > span {
    display: block;
}

.ligne-horaire {
    display: flex;
    justify-content: space-between;
}

/*************************NOUVELLES*************************/

.input-recherche {
    width: 55% !important;
}

.filtre-annee {
    width: 40% !important;
}

.featured-article {
    border: 1px solid #82757529;
    padding: 10px;
    width: 70%;
    justify-content: center;
}

.btn_gestion {
    padding: 5px;
    border: 1px solid #82757529;
    margin-top: 5px;
    border-radius: 4px;
    width: 100%;
}

.article {
    border: 1px solid #82757529;
    padding: 10px;
    width: 30%;
    margin-top: 2%;
}

.article.vide {
    all: unset;
}

.wrap.section-nouvelles {
    display: block;
}


/***** CANDIDATURE *****/

#label-cv {
    padding: 5px;
    border-radius: 5px;
}

.section-ouverture {
    padding: 20px;
}

.divArchives input:checked + a {
    color: inherit
}

.wrap.background {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -1;
    max-width: none;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center top;
}

/*NOTE: ENTÊTE SLIDER */
.entete-image {
    display: flex;
    align-items: center;
    position: relative;
}

.page-accueil .entete-image {
    min-height: 84vh;
    padding-top: 100px;
    padding-bottom: 60px;
    box-sizing: border-box;
}

.entete-slider-container {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 50vh;
    min-height: 400px;
    clip: auto;
    -webkit-mask-image: -webkit-linear-gradient(top, #ffffff 0%, #ffffff 100%);
    mask-image: linear-gradient(top, #ffffff 0%, #ffffff 100%);
}

.entete-slider-container .slick-list {
    position: fixed;
    top: 0;
    height: 100vh;
    left: 0;
    right: 0;
    background: url(/images/header.jpg) center center no-repeat;
    background-size: cover;
    z-index: -1;
    background-attachment: scroll;
    clip: auto;
    -webkit-mask-image: -webkit-linear-gradient(top, #ffffff 0%, #ffffff 100%);
    mask-image: linear-gradient(top, #ffffff 0%, #ffffff 100%);
}

.entete-slider-slide {
    position: relative;
    width: 100%;
    height: 100%;
}

.entete-slider-container .slick-slide {
    display: flex !important;
    align-items: stretch;
}

.slick-slide > div {
    width: 100%;
    height: 100%;
}

.page-accueil .entete-slider-container {
    height: 100vh;
}

.entete-slider {
    position: absolute;
    top: 0;
    height: 100%;
    left: 0;
    right: 0;
    background: url(/images/header.jpg) center center no-repeat;
    background-size: cover;
    z-index: -1;
    background-attachment: scroll;
    clip: auto;
    -webkit-mask-image: -webkit-linear-gradient(top, #ffffff 0%, #ffffff 100%);
    mask-image: linear-gradient(top, #ffffff 0%, #ffffff 100%);
}

.entete-slider video {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    object-fit: cover;
}

.msie .entete-slider video {
    position: absolute;
}

.entete-slider-container .slick-list, .entete-slider-container .slick-list .slick-track {
    height: 100%;
}

.entete-slider-container .slick-list .slick-track {
    position: fixed;
    display: flex;
}

.entete-slider-container .slick-list .slick-track .entete-slider {
    width: 100%;
    left: auto;
    right: auto;
}

.entete-slider-container .slick-list .slick-track .entete-slider video {
    width: 100%;
    left: auto;
    right: auto;
}

/*NOTE: catégorie réalisation */
.categorie-realisation-container, .categorie-realisation-container {
    width: 100%;
    height: 100%;
    margin: 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background-color: black;
    transition: opacity 0.4s ease;
}

.categorie-realisation-container:hover {
    opacity: 0.8;
}

.equipe-container {
    display: flex;
    flex-direction: column;
    background: black;
    justify-content: flex-end;
}

.equipe-container .image-categorie {
    flex-grow: 1;
}

.categorie-realisation-container .infos, .equipe-container .infos {
    box-sizing: border-box;
    color: white;
    padding: 45px 20% 20%;
    background: black;
}

.categorie-realisation-container .infos .titre {
    font-size: 30px;
    font-weight: normal;
    line-height: 1em;
    margin: 0;
    text-transform: uppercase;
}

.equipe-container .infos .titre {
    margin: 0;
    line-height: 1em;
    font-size: 20px;
}

.categorie-realisation-container .infos .texte, .equipe-container .infos .texte {
    font-size: 18px;
    line-height: 1.2em;
    margin: 0;
}

.equipe-container .infos .texte {
    font-size: 20px;
    font-weight: lighter;
}

.categorie-realisation-container .infos > :not(:last-child), .equipe-container .infos > :not(:last-child) {
    margin-bottom: 10px;
}

.categorie-realisation-container > div, .equipe-container > div {
    display: flex;
    justify-content: flex-end;
    flex-direction: column;
    background: black;
}

.categorie-realisation-container .image-categorie, .equipe-container .image-categorie {
    background-size: cover;
    background-position: center center;
    width: 100%;
}

/*NOTEFIN: Catégorie Réalisation */
/*NOTE: Intranet*/
.stat {
    display: flex;
    align-items: center;
}

.stat-lineaire .stat, .upload .stat {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.stat .ligne {
    flex-grow: 1;
    height: 10px;
    background-color: #bdbcbc;
    margin-right: 10px;
    border-radius: 5px;
    overflow:hidden;
}

.stat .pourcent {
    width: 40px;
}

.stat .value {
    width: 50px;
    text-align: right;
    font-size: 14px;
    font-weight: 700;
}

.stat .progression {
    padding: 5px;
    width: 0px;
    height: 0px;
    background-color: #03961b;
    border-radius: 5px;
    box-sizing: border-box;
    transition:background-color 0.2s linear;
}

.section.intranet .soustitre {
    font-size: 20px;
    line-height: 1em;
    font-weight: 900;
    text-transform: uppercase;
}

.section.intranet {
    display: grid;
    grid-template-columns: 1fr minmax(700px,1280px) 1fr;
}

.section.intranet .titre {font-weight:800;font-size:30px;text-transform:uppercase;margin-bottom:50px;}
.section.intranet .dashboard-intranet.accueil {
    margin-bottom:120px;
}

.section.intranet .bouton {
    width:auto;
    font-size: 0.8rem;
}

.section.intranet .mon-forfait > :not(:last-child) {
    margin-bottom: 40px;
}

.section.intranet .mon-forfait .gerer-mon-forfait > :not(:last-child) {
    margin-bottom: 10px;
}

.section.intranet .mon-forfait .inclusions-forfait > :not(:last-child), .mon-forfait .infos-forfait > :not(:last-child) {
    margin-bottom: 20px;
}

.section.intranet .bouton.ajouter:after {content: "";display: inline-block;-webkit-mask-image: url(/images/add.svg);-webkit-mask-repeat: no-repeat;-webkit-mask-position: center center;-webkit-mask-size: contain;mask: url(/images/add.svg);mask-size: contain;mask-position: center center;mask-repeat: no-repeat;background-color: currentColor;height: 1em;width: 1em;margin-left: 10px;vertical-align: top;}

.section.intranet .bouton.ajouter, .section.intranet .bouton.retourL {
    padding-left: 30px;
    padding-right: 30px;
}

.disabled{
    background-color: #58585a!important;
    border-color: #58585a!important;
    cursor: default;
}

.disabled:hover{
    box-shadow: none;
}

.nav-intranet {
    display: inline-flex;
    flex-direction: column;
    padding: 50px 15px;
    position: sticky;
    top: 80px;
}

.nav-intranet-container {
    align-self: start;
    display: inline-block;
    position: relative;
    justify-self: start;
    align-self: stretch;
}

.nav-intranet a {
    color: inherit;
    text-transform: uppercase;
}

.nav-intranet .icone {
    display: inline-block;
    line-height: 1.2em;
    font-size: 18px;
    width: 190px;
}

.nav-intranet > :not(:last-child) {
    margin-bottom: 40px;
}

.nav-intranet .icone:before {
    content: "";
    width: 1.2em;
    height: 1.2em;
    margin-right: 10px;
    display: inline-block;
    vertical-align: top;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center center;
    -webkit-mask-size: contain;
    mask-size: contain;
    mask-position: center center;
    mask-repeat: no-repeat;
    background: currentColor;
}

.ligne-intranet a {color:black;}

.ligne-intranet .icone, .ligne-intranet .action {
    width: 1.4em;
    height: 1.4em;
    display: inline-block;
    background: currentColor;
    flex-shrink:0;
}


.ligne-intranet .action {
    transition:opacity 0.4s ease;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center center;
    -webkit-mask-size: contain;
    mask-size: contain;
    mask-position: center center;
    mask-repeat: no-repeat;
}

.ligne-intranet .creation {
    width:260px;
    font-weight:500;
}

.ligne-intranet .role {
    width:200px;
    font-weight:500;
}

.ligne-intranet .action:hover {
    opacity:0.6;
    color:inherit;
}

.ligne-intranet .action.edit {
    -webkit-mask-image: url(/images/edit.svg);
    mask: url(/images/edit.svg);
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center center;
    -webkit-mask-size: contain;
    mask-size: contain;
    mask-position: center center;
    mask-repeat: no-repeat;
}

.ligne-intranet .action.play {
    -webkit-mask-image: url(/images/play.svg);
    mask: url(/images/play.svg);
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center center;
    -webkit-mask-size: contain;
    mask-size: contain;
    mask-position: center center;
    mask-repeat: no-repeat;
}

.ligne-intranet .action.delete {
    -webkit-mask-image: url(/images/delete.svg);
    mask: url(/images/delete.svg);
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center center;
    -webkit-mask-size: contain;
    mask-size: contain;
    mask-position: center center;
    mask-repeat: no-repeat;
}

.ligne-intranet .action.move {
    -webkit-mask-image: url(/images/move.svg);
    mask: url(/images/move.svg);
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center center;
    -webkit-mask-size: contain;
    mask-size: contain;
    mask-position: center center;
    mask-repeat: no-repeat;
}

.icone.projet:before {
    -webkit-mask-image: url(/images/play.svg);
    mask: url(/images/play.svg);
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center center;
    -webkit-mask-size: contain;
    mask-size: contain;
    mask-position: center center;
    mask-repeat: no-repeat;
}

.icone.dashboard:before {
    -webkit-mask-image: url(/images/dashboard.svg);
    mask: url(/images/dashboard.svg);
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center center;
    -webkit-mask-size: 24px;
    mask-size: 24px;
    mask-position: center center;
    mask-repeat: no-repeat;
}

.icone.compte:before, .ligne-intranet .icone.compte {
    -webkit-mask-image: url(/images/compte.svg);
    mask: url(/images/compte.svg);
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center center;
    -webkit-mask-size: contain;
    mask-size: contain;
    mask-position: center center;
    mask-repeat: no-repeat;
}

.icone.transaction:before {
    -webkit-mask-image: url(/images/transactions.svg);
    mask: url(/images/transactions.svg);
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center center;
    -webkit-mask-size: contain;
    mask-size: contain;
    mask-position: center center;
    mask-repeat: no-repeat;
}

.icone.utilisateur:before {
    -webkit-mask-image: url(/images/utilisateurs.svg);
    mask: url(/images/utilisateurs.svg);
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center center;
    -webkit-mask-size: contain;
    mask-size: contain;
    mask-position: center center;
    mask-repeat: no-repeat;;
}

.dashboard-intranet {padding: 60px 0 80px 0;box-sizing:border-box;}

.dashboard-intranet .liste-stats >  :not(:last-child) {
    margin-bottom:60px;
}

.ligne-intranet {
    background-color: #D3D3D3;
    padding: 10px 10px 10px 30px;
    display: flex;
    align-items: center;
    height: 70px;
    box-sizing: border-box;
    font-size: 14px;
    transition:background-color 0.4s ease;
}

.liste-intranet .ligne-intranet:not(:last-child) {
    margin-bottom:20px;
}

.ligne-intranet .description {
    flex-grow: 1;
}

.ligne-intranet span {
    font-weight: 500;
}

.voir-facture {
    width: 40px;
    height: 40px;
}

.ligne-intranet > :not(:last-child) {
    margin-right: 10px;
}

.voir-facture .pdf {
    width: 100%;
    height: 100%;
    vertical-align: top;
    background-image: url(/images/pdf.svg);
    background-size: contain;
    background-position: center center;
    transition: opacity 0.4s ease;
    display: block;
    background-repeat: no-repeat;
}

.voir-facture .pdf:hover {
    opacity: 0.6;
}

form .ligne-intranet {
    padding-right:0;
    background:unset;
    padding-top:0;
    padding-bottom:0;
}

form .ligne-intranet > :not(.icone):not(.bouton):not(:last-child), .sousligne > :not(.icone):not(.bouton):not(:last-child):not(.action) {
    margin-right: 60px;
}

.mon-compte .nom-forfait {
    font-size: 22px;
    font-weight: bold;
}

.section.intranet .mon-compte .bouton.no-change {
        background-color: #58585a;
        border-color: #58585a;
}

.section.intranet ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    text-transform: initial;
}

.section.intranet ::-moz-placeholder { /* Firefox 19+ */
    text-transform: initial;
}

.section.intranet :-ms-input-placeholder { /* IE 10+ */
    text-transform: initial;
}

.section.intranet :-moz-placeholder { /* Firefox 18- */
    text-transform: initial;
}

.ligne-intranet .sousligne {
    display: flex;
    align-items: center;
}

.ligne-intranet .sousligne > :not(:last-child) {
    margin-right: 10px;
}

.ligne-intranet .fichier.transfert .upload {
    width:360px;
    display:flex;
    align-items: center;
    pointer-events:none;
}

.ligne-intranet .fichier.transfert .upload > :not(:last-child) {
    margin-right:10px;
}

.upload .stat {
    flex-grow: 1;
}

.section.intranet .sousligne .bouton {
    padding: 6px 10px;
    font-size: 14px;
    font-weight:bold;
}

.section.intranet .input-fichier {
    /* width: 320px; */
    display:flex;
    align-items:center;
}

.section.intranet .input-fichier > :not(:last-child) {
    margin-right:10px;
}

.section.intranet .input-fichier input[type="file"] {
    display:none;
}

.section.intranet .input-fichier .fake-input {
    background:white;
    padding: 6px;
    border:1px solid black;
    color:black;
    flex-grow: 1;
    font-size: 14px;
    line-height: 14px;
    flex-shrink: 1;
    text-overflow: ellipsis;
    overflow: hidden;
}

.sousligne input, .infos-projet input {
    background: white;
    padding: 4px;
    line-height: 1em;
    font-size: 14px;
    height: 28px;
    border: 1px solid black;
    font-weight: bold;
}

.section.intranet .sousligne .bouton.parcourir {
    background: unset;
    color: black;
    border-color: black;
}

.ligne-intranet-container {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.ligne-intranet-container .ligne-intranet {
    width: 100%;
}

.ligne-intranet-container .icone.retour + .ligne-intranet {
    width: calc(100% - 70px);
}

.ligne-intranet-container .icone.retour {
    mask: url(/images/retour.svg);
    -webkit-mask-image: url(/images/retour.svg);
    display: inline-block;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center center;
    -webkit-mask-size: 30px;
    mask-size: 30px;
    mask-position: center center;
    mask-repeat: no-repeat;
    flex-shrink: 0;

    width: 70px;
    height: 60px;
}

.liste-intranet .ligne-intranet-container > .ligne-intranet:not(:last-child) {
    margin-bottom:10px;
}

.ligne-intranet-container:not(:last-child) {
    margin-bottom:20px;
}

.section.intranet .sousligne .soustitre {
    font-weight: 500;
    text-transform: initial;
    font-size: 14px;
}

.ligne-intranet .icone.image {
    width: 40px;
    height: 40px;
    mask: url(/images/image.svg);
    -webkit-mask-image: url(/images/image.svg);
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center center;
    -webkit-mask-size: contain;
    mask-size: contain;
    mask-position: center center;
    mask-repeat: no-repeat;
}

.ligne-intranet .icone.video {
    width: 40px;
    height: 40px;
    mask: url(/images/video.svg);
    -webkit-mask-image: url(/images/video.svg);
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center center;
    -webkit-mask-size: contain;
    mask-size: contain;
    mask-position: center center;
    mask-repeat: no-repeat;
}

.ligne-intranet .icone.pdf {
    width: 40px;
    height: 40px;
    mask: url(/images/icon-pdf.svg);
    -webkit-mask-image: url(/images/icon-pdf.svg);
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center center;
    -webkit-mask-size: contain;
    mask-size: contain;
    mask-position: center center;
    mask-repeat: no-repeat;
}

.ligne-intranet .icone.audio {
    width: 40px;
    height: 40px;
    mask: url(/images/audio.svg);
    -webkit-mask-image: url(/images/audio.svg);
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center center;
    -webkit-mask-size: contain;
    mask-size: contain;
    mask-position: center center;
    mask-repeat: no-repeat;
}

.intranet .projets.modification input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    font-weight: normal;
}

.intranet .projets.modification input::-moz-placeholder { /* Firefox 19+ */
    font-weight: normal;
}

.intranet .projets.modification input:-ms-input-placeholder { /* IE 10+ */
    font-weight: normal;
}

.intranet .projets.modification input:-moz-placeholder { /* Firefox 18- */
    font-weight: normal;
}

.intranet .projets.modification .action.play:not([href]) {
    opacity: 0;
}

.ligne-intranet .checkbox-container {
    background: white;
    display: inline-block;
    width: 20px;
    height: 20px;
    border: 1px solid black;
    position:relative;
}

.ligne-intranet .checkbox-container input {
    display:none;
}

.ligne-intranet .checkbox-container input + span {
    display:block;
    position:absolute;
    width:18px;
    height:18px;
    top:1px;
    left:1px;
    transition:opacity 0.4s ease;
    opacity:0;
    -webkit-mask-image: url(../images/crochet.svg);
    mask: url(../images/crochet.svg);
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center center;
    -webkit-mask-size: contain;
    mask-size: contain;
    mask-position: center center;
    mask-repeat: no-repeat;
}

.ligne-intranet .checkbox-container input:checked + span {
    opacity:1;
}

.section-intranet .forfaits-liste .bouton {
    width: 100%;
}

.section.intranet .forfaits-liste .bouton {
    width: 100%;
}

.section.intranet .forfaits-liste .choix-tarif .bouton {
    background: transparent;
    border-color:white;
}

.changement-impossible {
    text-align: center;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 32px;
}

.groupe-actions {
    display: flex;
    flex-direction: row;
}

.groupe-actions > :not(:last-child) {
    margin-right: 10px;
}


/*NOTEFIN: Intranet*/

.popup-container {
    background:rgba(0,0,0,0.6);
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    display:flex;
    justify-content:center;
    align-items:center;
    z-index: 1000;
}

.popup-container .popup {
    background:white;
    border:1px solid black;
    padding:40px 20px 20px 20px;
    position:relative;
    max-width:100%;
}

.popup-container .popup .close {
    background:black;
    width:20px;
    height:20px;
    position:absolute;
    top:5px;
    right:5px;
    transition:opacity 0.4s ease;
    -webkit-mask-image: url(../images/close.svg);
    mask: url(../images/close.svg);
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center center;
    -webkit-mask-size: contain;
    mask-size: contain;
    mask-position: center center;
    mask-repeat: no-repeat;
    cursor:pointer;
}

.popup-container .popup .close:hover {
    opacity:0.6;
}

.catr {
    display: flex;
    flex-direction: column;
    background: black;
    justify-content: stretch;
}

/*NOTE: liste réalisations */
.liste-realisation-single {
    display: flex;
    flex-direction: column;
    color: black;
    margin-bottom: 20px;
}

.liste-realisation-single:hover {
    color: black;
}

.liste-realisation-single .infos {
    border: 2px solid black;
    padding: 12% 20% 20%;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background: white;
}

.liste-realisation-single .infos .ligne-1 {
    font-weight: normal;
    margin-bottom: 30px;
}

.liste-realisation-single .infos .ligne-1 > :not(:last-child) {
    margin-bottom: 20px;
}

.liste-realisation-single .titre {
    font-size: 22px;
    margin: 0;
    text-transform: uppercase;
    font-weight: normal;
}

.liste-realisation-single .texte {
    font-size: 14px;
    margin: 0;
}

.liste-realisation-single .bouton {
    font-size: 14px;
    padding: 11px 4px;
}

.choix-categorie .bouton {
    width: auto;
    font-size: 14px;
    font-weight: bold;
    padding: 8px 20px;
    background: white;
    color: black;
    line-height: 18px;
}

.choix-categorie {
    margin-bottom: 40px;
    padding: 0 10px;
}

.choix-categorie .bouton:not(:last-child) {
    margin-right: 10px;
}

.choix-categorie .bouton.actif {
    background: black;
    color: white;
}

/*NOTE: Fiche */
.fiche .titre {
    font-size: 30px;
    line-height: 1em;
    margin-bottom: 20px;
    text-transform: uppercase;
}

.fiche .texte {
    line-height: 1.2em;
    font-size: 18px;
    margin-bottom: 30px;
}

.fiche .texte > :first-child {
    margin-top: 0;
}

.fiche .texte > :last-child {
    margin-bottom: 0;
}

.fiche .texte > :not(:last-child) {
    margin-bottom: 30px;
}

.fiche .texte p {
    line-height: 1.2em;
}

.fiche .image-petite > img {
    width: 100%;
}

.fiche .image-large .single-image > img {
    width: 100%;
}

.fiche .bouton {
    width: auto;
    font-size: 18px;
    padding-left: 30px;
    padding-right: 30px;
}

/*NOTE: Slider */
.slideshow-large {
    overflow: hidden;
    margin-bottom: 20px;
}

.slideshow-large img {
    margin-bottom: 0;
}

.slideshow-large > img {
    width: 100%;
}

.slideshow-large > img:not(:first-child) {
    display: none;
}

.slideshow-vignettes {
    display: flex;
    overflow: hidden;
    position: relative;
}

.slideshow-vignettes img {
    margin-bottom: 0;
}

.slideshow-vignettes > img {
    width: calc((100% - 80px) / 5);
    margin-right: 20px;
    transform: translateX(calc(-50% - 10px));
}

.slideshow-vignettes .slick-slide {
    box-sizing: border-box;
    padding: 0 10px;
    cursor: pointer;
}

.slideshow-vignettes:before, .slideshow-vignettes:after {
    position: absolute;
    top: 0;
    bottom: 0;
    background: rgba(255, 255, 255, 0.5);
    width: 10%;
    content: "";
    display: block;
    z-index: 10;
}

.slideshow-vignettes:before {
    left: 0;
}

.slideshow-vignettes:after {
    right: 0;
}

/*NOTE: section extra fiche */
.bg_grey {
    background: #E9EAEC;
}

.liens-section .bouton, .liste-alliage-single .bouton {
    width: auto;
    padding-left: 20px;
    padding-right: 20px;
}

.liens-section .bouton.inverse {
    background: transparent;
}

.liens-section .bouton.inverse:hover {
    background: black;
}

.liste-alliage-single .image {
    display: flex;
    align-items: stretch;
}

.liens-section .liste-alliage-single {
    padding: 0 10px;
}

.liste-alliage-single .image img {
    object-fit: cover;
}

.liste-alliage-single p {
    font-size: 18px;
    line-height: 1.4em;
}

.liens-section .liste-alliage-single:not(:last-child) {
    margin-bottom: 20px
}

.liens-section .entete-liens .titre {
    text-transform: uppercase;
    font-size: 48px;
}

.liens-section .entete-liens {
    margin-bottom: 40px;
}

/*NOTE : liste d'alliage */
.liste-alliage-single .image {
    width: calc(100% / 3);
}

.liste-alliage-single .infos {
    width: calc(100% / 3 * 2);
    padding: 40px;
    box-sizing: border-box;
    border: 2px solid black;
    background: white;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}

.liste-alliage-single .infos :not(:last-child) {
    margin-bottom: 20px;
}

.liste-alliage-single .infos .titre {
    text-transform: uppercase;
    font-weight: normal;
    font-size: 30px;
    line-height: 1em;
}

.liste-alliage-single .infos .texte {
    line-height: 1.2em;
    font-size: 18px;
}

.liste-ajax .liste-alliage-single:not(:last-child) {
    margin-bottom: 20px;
}

.liste-alliage-single :first-child {
    margin-top: 0;
}

.liste-alliage-single :last-child {
    margin-bottom: 0;
}

/*NOTE: slideshow realisations*/
.slideshow-realisations .slick-track {
    display: flex;
}

.slideshow-realisations .slick-slide {
    height: inherit !important;
    padding: 0 10px;
}

.slideshow-realisations .slick-track .liste-realisation-single {
    height: 100%;
    display: flex !important;
    margin: 0;
}

.slideshow-realisations .slick-slide > div {
    height: 100%;
}

.slideshow-realisations .liste-realisation-single .infos {
    flex-grow: 1;
}

.slideshow-realisations:before, .slideshow-realisations:after {
    position: absolute;
    top: 0;
    bottom: 0;
    background: rgba(233, 234, 236, 0.5);
    width: 9%;
    content: "";
    display: block;
    z-index: 10;
}

.slideshow-realisations:before {
    left: 0;
}

.slideshow-realisations:after {
    right: 0;
}

/*NOTE: Blogue*/
.filtres {
    margin-bottom: 70px;
}

.filtres select, .filtres input[type="text"] {
    width: 100%;
    color: #58585a;
    line-height: 16px;
    padding: 10px 30px 10px 10px;
    font-size: 16px;
    -webkit-appearance: none;
    appearance: none;
    box-sizing: border-box;
    height: 37px;
    font-weight: normal;
}

.filtres select option {
    color: #58585a;
}

.filtres .select-container:after, .filtres .recherche-container:after {
    background: #58585a;
    right: 0;
}

.filtres .select-container {
    width: calc(50% - 5px);
}

.filtres .select-container:after {
    mask: url('/images/triangle.svg');
    -webkit-mask-image: url('/images/triangle.svg');
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
}

.filtres .section-gauche {
    display: flex;
    justify-content: space-between;
}

.filtres input[type="text"] {
    width: 100%;
}

.filtres input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #58585a;
    font-weight: normal;
}

.filtres input::-moz-placeholder { /* Firefox 19+ */
    color: #58585a;
    font-weight: normal;
}

.filtres input:-ms-input-placeholder { /* IE 10+ */
    color: #58585a;
    font-weight: normal;
}

.filtres input:-moz-placeholder { /* Firefox 18- */
    color: #58585a;
    font-weight: normal;
}

.blog-article {
    display: flex;
    flex-direction: column;
    margin-top: 10px;
    margin-bottom: 10px;
    color: black;
}

.blog-article .infos {
    padding: 20px 20px 40px;
    border: 1px solid black;
    flex-grow: 1;
}

.blog-article .titre {
    font-weight: normal;
    font-size: 22px;
    line-height: 1em;
    text-transform: uppercase;
}

.blog-article .date {
    font-weight: normal;
    line-height: 1em;
    font-size: 14px;
    color: #6d6b6b;
}

.blog-article .infos :not(:last-child) {
    margin-bottom: 10px;
}

.blog-article .texte {
    line-height: 1.2em;
    font-size: 14px;
}

.liste-blogue .afficher-plus {
    margin-top: 40px;
    font-size: 14px;
    line-height: 14px;
    padding: 11px 10px;
}

.fiche-blogue .date {
    font-size: 14px;
    font-weight: normal;
    margin-bottom: 20px;
    color: #6d6b6b;
}

.fiche-blogue {
    flex-direction: row-reverse;
}

#nous-joindre-formulaire input, #nous-joindre-formulaire textarea {
    color: black;
}

/* Formulaire candidature */
#nous-joindre-formulaire ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: black;
    text-transform: uppercase;
    font-weight: normal;
}

#nous-joindre-formulaire ::-moz-placeholder { /* Firefox 19+ */
    color: black;
    text-transform: uppercase;
    font-weight: normal;
}

#nous-joindre-formulaire :-ms-input-placeholder { /* IE 10+ */
    color: black;
    text-transform: uppercase;
    font-weight: normal;
}

#nous-joindre-formulaire :-moz-placeholder { /* Firefox 18- */
    color: black;
    text-transform: uppercase;
    font-weight: normal;
}

#nous-joindre-formulaire .bouton {
    font-size: 18px;
    padding: 10px 30px;
    width: auto;
    line-height: 1em;
}

.titre-message {
    color: black;
    text-transform: uppercase;
    font-weight: normal;
}

.equipe-container .infos {
    padding: 30px 16%;
}

.equipe-container .social .icone {
    width: 20px;
    height: 20px;
    display: inline-block;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    transition: opacity 0.4s ease;
}

.equipe-container .social .icone:not(:last-child) {
    margin-right: 10px;
}

.equipe-container .social .icone:hover {
    opacity: 0.8;
}

.icone.courriel {
    background-image: url(/images/mail.svg);
}

.icone.telephone {
    background-image: url(/images/phone.svg);
}

.icone.linkedin {
    background-image: url(/images/linkedin.svg);
}

.map-container {
    position: relative;
    overflow: hidden;
}

.map-container #map {
    position: absolute;
    top: 46px;
    left: 0;
    right: 0;
    bottom: 0;
    height: calc(100% - 46px);
}

.bureaux.wrap {
    position: relative;
    pointer-events: none;
}

.zoneBureau {
    width: 100%;
}

.liste-bureaux {
    width: 100%;
    display: flex;
    margin-bottom: 10px;
    pointer-events: all;
}

.liste-bureaux .choix-bureau {
    background: black;
    color: white;
    padding: 4px 13px;
    text-transform: uppercase;
    font-weight: 900;
    font-size: 24px;
    cursor: pointer;
    border: 1px solid black;
    transition: background-color 0.4s ease, color 0.4s ease;
}

.liste-bureaux .choix-bureau:not(:last-child) {
    margin-right: 10px;
}

.liste-bureaux .choix-bureau:hover {
    background: white;
    color: black;
}

.infos-bureaux {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding-bottom: 20vh;
    max-width: calc(50% - 60px);
}

.infos-bureaux .bureau {
    background: black;
    color: white;
    font-size: 18px;
    padding: 80px;
    display: none;
    pointer-events: all;
}

.infos-bureaux .bureau:first-child {
    display: block;
}

.infos-bureaux a {
    color: white;
    display: block;
}

.infos-bureaux .courriel {
    text-decoration: underline;
}

.infos-bureaux a:hover {
    color: white;
}

.infos-bureaux .bureau p {
    margin: 0;
}

.infos-bureaux .bureau > :not(:last-child) {
    margin-bottom: 30px;
}

.infos-bureaux .bureau a, .infos-bureaux .bureau div, .infos-bureaux .bureau .titre, .infos-bureaux .bureau p {
    line-height: 1em;
    font-size: 24px;
}

.infos-bureaux .bureau .adresse {
    font-weight: normal;
}

.navigation .separateur {
    height: 1px;
    background: black;
}

.titre-page {
    position: relative;
    z-index: 10;
    padding: 0 10px;
    max-width: 600px;
}

.titre-page h1 {
    font-size: 92px;
    text-transform: uppercase;
    margin-bottom: 0;
    font-weight: 800;
    line-height: 1em;
}

.page-accueil .titre-page h1 {
    font-size: 92px;
    line-height: 0.87em;
}

.titre-page .soustitre {
    text-transform: uppercase;
    font-size: 34px;
    font-weight: 300;
    line-height: 1em;
    display: inline-block;
}

.titre-page {
    display: inline-flex;
    flex-direction: column;
}

/*NOTE: CTA GENERAL*/
.cta {
    display: flex;
    align-items: stretch;
    flex-direction: column;
}

.cta .btn-call-conteneur {
    order: 2;
}

.cta .btn-call-conteneur:not(:only-child) {
    margin-top: 25px;
    margin-bottom: 0;
}

/*NOTEFIN: CTA GENERAL*/
/*NOTE: STD GENERAL*/
.std {
    display: flex;
    flex-direction: column-reverse;
}

.std .titre {
    color: #0085DC;
    font-size: 48px;
    line-height: 0.833em;
    /* text-transform: uppercase; */
}

.std .titre:not(:last-child) {
    margin-bottom: 40px;
}

.std .texte {
    font-size: 36px;
    line-height: 1.33em;
}

.std .bouton {
    width: auto;
    font-weight: 700;
    border-style: none;
    padding: 16px 32px;
    min-width: 260px;
}

.std .btn-call-conteneur:not(:first-child) {
    margin-top: 60px;
}

.std .image-container {
    text-align: center;
}

.std .image-container:not(:last-child) {
    margin-top: 40px;
}

/*NOTEFIN: STD GENERAL */
/*NOTE: FORFAITS GENERAL */
.forfaits-liste {
    display: grid;
    grid-template-columns: 1fr 75%;
    grid-column-gap: 20px;
}

.forfaits-liste .categories {
    grid-row-end: span 2;
}

.forfaits-liste .titre {
    font-size: 48px;
    line-height: 1em;
}

.forfaits-liste .titre-container {
    align-self: center;
}

.forfaits-liste .entetes, .forfaits-liste .options-forfait {
    display: grid;
    grid-auto-columns: 1fr;
}

.forfaits-liste .entetes > div {
    font-size: 22px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    grid-row-start: 1;
    text-align:center;
    padding-top: 30px;
    padding-bottom: 30px;
}


.forfaits-liste .options-forfait > div {
    grid-row-start: 1;
}

.forfaits-liste .options-forfait > div, .forfaits-liste .options {
    /* grid-auto-rows: minmax(60px, min-content); */
    display: flex;
    flex-direction: column;
}

.forfaits-liste .options {
    align-items: flex-start;
    justify-content: start;
    grid-column-start: 1;
}

.forfaits .option {
    align-self: center;
    justify-self: center;
}

.forfaits-liste .option {
    position: relative;
}

.forfaits-liste .options-forfait .option:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 1px;
    background: white;
    opacity: 0.5;
}

/*.forfaits-liste .column-forfait:first-child .option:after {
    left: 20px;
}

.forfaits-liste .column-forfait:last-child .option:after {
    right: 20px;
}*/
.forfaits-liste .column-forfait.first .option:after {left: 20px;}
.forfaits-liste .column-forfait.last .option:after {right: 20px;}

.forfaits-liste .option {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 60px;
}

.forfaits-liste .option.checked:before {
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    -webkit-mask-image: url(../images/crochet.svg);
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center center;
    -webkit-mask-size: contain;
    mask: url(../images/crochet.svg);
    mask-size: contain;
    mask-position: center center;
    mask-repeat: no-repeat;
    background-color: currentColor;
}

.forfaits-liste .choix-tarif {
    padding: 20px;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.forfaits-liste .categories .bouton {
    border-width: 0;
}

.forfaits-liste .categories .bouton:not(:last-child) {
    margin-bottom: 10px;
}

.forfaits-liste label {
    display: inline-flex;
    align-items: center;
    line-height: 1em;
}

.ligne-choix {
    display: grid;
    grid-column-gap: 5px;
    grid-template-columns: auto 1fr;
    font-weight: 300;
}

.ligne-choix .rabais, .panier-colone-item .rabais {
    grid-row-end: span 2;
    display: flex;
    font-size: 14px;
    font-weight: 600;
    background: rgba(255, 255, 255, 0.6);
    align-items: center;
    justify-content: center;
    padding: 5px;
    color: #232221;
    justify-self: end;
    margin-top : 15px;

}

.ligne-choix .precision, panier-colone-item .precision {
    font-size: 12px;
    font-weight: 300;
    align-self: start;
    justify-self: end;
    line-height: 1em;
    grid-row-start: 2;
}

.forfaits-liste .liste-choix > :not(:last-child) {
    margin-bottom: 20px;
}

.forfaits-liste .choix-tarif > :not(:last-child) {
    margin-bottom: 20px;
}

.panier-colone-item > div {
    display:inline-flex;
    align-items:center;
    margin-left:20px;
}

.panier-colone-item > div > :not(:last-child) {
    margin-right:10px;
}
.entete .panier-colone-item , .entete .panier-colone-prix{
    color: #2A92AB;
    font-weight: 600;
}
.panier-colone-prix {
    font-weight: 500;
}
.panier-colone-items > * {vertical-align:middle;}

.panier-colone-item .precision {font-size:13px;}

.panier-colone-item span{
    font-size: 36px;
    vertical-align: middle;
}

/*NOTEFIN: FORFAITS GENERAL */

.paragraphe.img img {
    width: 100%;
}

.entete-image:after {
    display: block;
    position: absolute;
    height: 80px;
    bottom: 100%;
}

/*.entete-image:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 180px;
    transform: translateY(50%);
    background-image: url(/images/bandeau.png);
    background-size: auto 100%;
    background-repeat: repeat-x;
    background-position: top center;
    z-index: 100;
}*/

.section.equipe, #nous-joindre-formulaire > .wrap {
    margin: 0 -10px;
    width: calc(100% + 20px);
}

.liens-section > .wrap {
    padding: 0 10px;
}

footer {
    background-color: black !important;
    color: white;
    box-sizing: border-box;
    border-radius: 0 20px 0 0;
    margin-top: 50px;
    /* max-width: 57%; */
    /* Sorry if it breaks something: standardization above all! */
    max-width: calc(100% / 5 * 3 - 30px);
}

footer > .wrap {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    flex-direction: row;
    box-sizing: border-box;
    padding: 100px 0
}

footer a {
    color: #fff;
    transition: opacity 0.4s ease;
}

footer a:hover {
    opacity: 0.6;
}

footer h2 {
    font-size: 24px;
    text-transform: uppercase;
}
footer .a-propos{
    padding: 0 70px 0 100px ;
    width: 55% ;
}
footer .a-propos, footer p {
    font-size: 1rem;
    line-height: 1.8rem;
    display: flex;
    flex-direction: column;
}
footer .a-propos p{
    margin: 16px 0;
}

footer .svgTchin {
    width: auto;
    margin-left: 10px;
}

footer .facebook {
    width: 32px;
    height: 32px;
    background-image: url(/images/facebook.svg);
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    display: inline-block;
}

footer u {
    margin-right: 50px;
}

footer a:hover {
    color: inherit;
}

footer .realisation-par {
    display: flex;
    align-items: center;
}

footer .tous-droits-reserves {
    display: flex;
    justify-content: flex-end;
    align-items: normal;
    font-size: 14px;
    flex-direction: column;
}

footer .wrap{
    padding: 44px 0 24px;
    align-items: center;
}

.btn-categorie {
    display: none;
}

.titre-page .ctas {
    display: flex;
    justify-content: space-between;
    margin-top: 20px;
}

.titre-page .ctas .bouton {
    min-width: calc(50% - 10px);
    width: auto;
    flex-shrink: 0;
    font-weight: 700;
    border-style: none;
    padding: 16px;
}

form .bouton {
    width: auto;
    padding-left: 30px;
    padding-right: 30px;
}

.connexion form .bouton {
    width:100%;
    background-color:inherit;
}

.connexion form {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 45px 35px;
}

.connexion form .titre {
    text-transform: uppercase;
    font-size: 24px;
    line-height: 1em;
    font-weight: 700;
}

.formulaire-boutons {
    margin-top: 20px;
}

.formulaire-boutons > :not(:last-child) {
    margin-right: 10px;
}

.page-accueil .titre-page h1 {
    line-height: 1em;
    margin: 0;
}

.titre-page h2 {
    font-size: 62px;
    margin: 0;
}

.paragraphe.contenu-bg {
    padding: 110px;
}

a.mot-de-passe-oublie {
    color: inherit;
    text-align: center;
    font-size: 14px;
    position: absolute;
    bottom: 25px;
    left: 0;
    right: 0;
    text-decoration: underline;
}

.creation-reussie {
    font-size: 30px;
    font-weight: 800;
    margin-bottom:10px;
}

a.bouton.voir-presentation {
    font-size: 16px;
    font-weight: 500;
}

.formulaire-surmesure .d1-2{
    width: calc(33% - 20px);
    margin : 10px;
}

.formulaire-surmesure ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: inherit;
    opacity: 0.99;
    text-transform: none;
}

.formulaire-surmesure ::-moz-placeholder { /* Firefox 19+ */
    color: inherit;
    opacity: 0.99;
    text-transform: none;
}

.formulaire-surmesure :-ms-input-placeholder { /* IE 10+ */
    color: inherit;
    opacity: 0.99;
    text-transform: none;
}

.formulaire-surmesure :-moz-placeholder { /* Firefox 18- */
    color: inherit;
    opacity: 0.99;
    text-transform: none;
}

.dashboard-intranet.transactions .desabonnement {position:relative;}
.dashboard-intranet.transactions .desabonnement .message-ajax {font-size:24px;padding:20px;}
.forfaits-liste .entetes .votre-forfait {
    flex-direction: column;
    margin-top: -16px;
}
.forfaits-liste .entetes .sous-titre{
    font-size: 16px;
    font-weight: 300;
    /* margin-bottom: -7px; */
}
.forfaits-liste .gratuit .sous-titre{
    margin-bottom: 7px;
    margin-top : -7px;
}
/* .forfaits-liste .entetes div.gratuit {

    padding-top: 40px;
    padding-bottom: 20px;

} */
.forfaits-liste .gratuit {
    flex-direction: column;
}
.dashboard-intranet.projets.modification .conteneur-titre-projet {flex-direction: column;width: initial;margin: 0 10px;}



.dashboard-intranet.projets.modification .d-full.infos-projet .nom-projet {
    margin-bottom: 40px;
}

a.bouton.forfait-sur-mesure {
    width: 75%;
    margin-top: 20px;
}

/*REFONTE*/
body{
    background: linear-gradient(0deg, #041017 30%, #102d3b 50%) ;
}

.page-accueil{
    background: transparent linear-gradient(0deg, #041017 20%, #0E374F00 100%) 0% 0% no-repeat padding-box;
}
.entete-image div, .entete-image svg {
    margin-top: 160px;
}
.page-accueil .realite-application .texte, .page-accueil .section-domaine .texte, footer{
    font-family: 'Lexend', sans-serif;
}
.entete-image svg {
    max-width: 335px;
    height: auto;
    padding-right: 200px;
    padding-bottom: 120px;
    padding-left: 40px;
}
.entete-image {
    margin: 50px 50px 0 50px;
    background: linear-gradient(0deg, rgba(0,98,166,1) 0%, rgba(14,55,79,1) 90%);
    justify-content: space-around;
    border-radius: 20px;
    width: calc(min(100%, 1820px) - 20px);
    margin-left: auto;
    margin-right: auto;
}
.entete-image .titre-accueil {
    color: #F4AF2D;
    font-size: 56px;
    font-weight: 500;
    margin-bottom: 0;
}
.entete-image .titre-accueil, .entete-image .sous-titre-accueil, .entete-image .sous-sous-titre-accueil {
    margin-left: 49.5px !important;
}

.entete-image .sous-titre-accueil {
    color: white;
    font-size: 46px;
    font-weight: 500;
    margin: 0;
    margin-bottom: 30px;
}

.entete-image .sous-sous-titre-accueil {
    color: #E0E0E0;
    font-size: 22px;
    margin: 0;
}
.page-accueil .realite-augmentee, .page-accueil .application-mobile {
    padding: 30px 50px 80px 50px;
    border-radius: 20px;
}
.page-accueil .realite-augmentee {
    background: white;
}

.realite-augmentee .titre, .application-mobile .titre {
    line-height: 76px;
    font-size: 38px;
    text-transform: none;
    font-weight: 400;
}
.realite-augmentee .titre{
    color: #0085DC;
}

.realite-augmentee .texte {
    color: black;
}

.page-accueil .application-mobile {
    background: black;
}

.application-mobile .titre {
    color: #F4AF2D!important;
}

.application-mobile .texte {
    color: white;
}
.android_if , .iphone_if{
    display: none;
}
.dl-phone {
    margin-top: 40px;
    gap: 24px;
    display: flex;
}
.realite-application div:first-child:not(.realite-augmentee){
    max-width: min(1660px, calc(100vw - 100px));
}
.texte-domaine .texte {
    display: flex;
    justify-content: center;
    margin: 150px 0 100px;
}

.texte-domaine .texte p:first-child {
    font-size: 46px;
    color: white;
    line-height: 76px;
    position: relative;
    left: -80px;
}

.texte-domaine .texte p:last-child {
    font-size: 66px;
    color: #44B8F3;
    line-height: 76px;
    position: absolute;
    right: 460px;
}

.domaine-commercial, .domaine-culturel, .domaine-education {
    flex-direction: column;
}
.domaine-culturel .image-container, .domaine-commercial .image-container, .domaine-education .image-container{
    position: relative;
}
.domaine-culturel .image-container.ouvertXcl:before{
    transform: scaleX(1);
}
.domaine-culturel .image-container.ouvertYcl:after{
    transform: scaleX(1);
}
.domaine-commercial .image-container.ouvertXco:before{
    transform: scaleX(1);
}
.domaine-commercial .image-container.ouvertYco:after{
    transform: scaleX(1);
}
.domaine-education .image-container.ouvertXe:before{
    transform: scaleY(1);
}
.domaine-education .image-container.ouvertYe:after{
    transform: scaleY(1);
}
.domaine-culturel .image-container:before{
    background-color: #0085DC;
    content: " ";
    width: 75%;
    height: 34px;
    z-index: 10;
    display: block;
    border-bottom-left-radius: 19px;
    position: absolute;
    top: 0;
    right: 0;
    transform: scaleX(0);
    transition: transform 0.4s ease;
    transform-origin: top right;
}
.domaine-culturel .image-container:after{
    background-color: #44B8F3;
    content: " ";
    width: 25%;
    height: 34px;
    z-index: 10;
    display: block;
    border-bottom-left-radius: 19px;
    position: absolute;
    top: 0;
    right: 0;
    transform: scaleX(0);
    transition: transform 0.4s ease;
    transform-origin: top right;
}
.domaine-commercial .image-container:before{
    background-color: #44B8F3;
    content: " ";
    width: 75%;
    height: 34px;
    z-index: 10;
    display: block;
    border-top-right-radius: 19px;
    position: absolute;
    bottom: 0px;
    left: 0;
    transform: scaleX(0);
    transition: transform 0.4s ease;
    transform-origin: bottom left;
}
.domaine-commercial .image-container:after{
    background-color: #0062A6;
    content: " ";
    width: 25%;
    height: 34px;
    z-index: 10;
    display: block;
    border-top-right-radius: 19px;
    position: absolute;
    bottom: 0;
    left: 0;
    transform: scaleX(0);
    transition: transform 0.4s ease;
    transform-origin: bottom left;
}
.domaine-education .image-container:before{
    background-color: #0085DC;
    content: " ";
    width: 34px;
    height: 75%;
    z-index: 10;
    display: block;
    border-top-left-radius: 19px;
    position: absolute;
    bottom: 0;
    right: 0;
    transform: scaleY(0);
    transition: transform 0.4s ease;
    transform-origin: bottom;
}
.domaine-education .image-container:after{
    background-color: #0062A6;
    content: " ";
    width: 34px;
    height: 25%;
    z-index: 10;
    display: block;
    border-top-left-radius: 19px;
    position: absolute;
    bottom: 0;
    right: 0;
    transform: scaleY(0);
    transition: transform 0.4s ease;
    transform-origin: bottom;
}

.domaine-commercial img, .domaine-culturel img, .domaine-education img{
    max-width: calc(359px - 20px);
}
.domaine-commercial .titre,  .domaine-culturel .titre, .domaine-education .titre{
    font-size: 24px;
    color: white;
    margin-top: 52px;
    width: auto;
    font-weight: 400;
    text-transform: none;
    line-height: 19.2px;
}
.domaine-commercial .texte, .domaine-culturel .texte, .domaine-education .texte {
    color: white;
    font-size: 20px;
}
.domaine-commercial .bouton, .domaine-culturel .bouton, .domaine-education .bouton {
    background-color: transparent !important;
    font-size: 22px;
    font-weight: 400;
    padding: 0;
    width: -webkit-fill-available;
    text-transform: none;
    background-image: url(/images/arrowhead2.svg);
    background-size: 24px;
    background-repeat: no-repeat;
    background-position: right;
    display: initial;
    padding-right: 36px;
}
.domaine-commercial .bouton:hover, .domaine-culturel .bouton:hover, .domaine-education .bouton:hover{
    box-shadow: initial;
    color: #0085DC;
}
.page-accueil .btn-call-conteneur{
    text-align: center;
}
.section-domaine div:nth-of-type(2):not(.domaine-culturel):not(.contenu):not(.btn-call-conteneur) {
    margin: 0px 120px;
    max-width: initial;
    width: auto;
    gap: 80px;
    margin-bottom: 240px;
}
.section-domaine .domaine-commercial, .section-domaine .domaine-culturel, .section-domaine .domaine-education{
    width: calc(359px - 20px);
}

footer .tous-droits-reserves u{
    margin-bottom: 12px;
}
/*REFONTE A PROPOS*/
.a-propos-section {
    padding: 116px 0px 107px 0px;
}
.a-propos-title .titre {
    color: #0085DC;
    font-size: 38px;
    font-weight: 600;
    margin-bottom: 30px !important;
    text-transform: inherit;
}
.a-propos-page .a-propos-genese .titre, .a-propos-page .a-propos-debuter .titre, .a-propos-page .a-propos-pourqui .titre{
    font-size: 32px;
    font-weight: 400;
    text-transform: initial;
}

.a-propos-page .a-propos-gense {
    margin-bottom: 32px;
}
.a-propos-page .a-propos-section .a-propos-debuter {
    margin-top: 20px;
    padding-right: 140px;
}
.a-propos-page .a-propos-section .a-propos-pourqui {
    margin-top: 60px;
}

.a-propos-page .a-propos-section .d1-2.a-propos-pourqui, .a-propos-page .a-propos-section .d1-2.a-propos-genese {
    width: calc(50% - 190px);
}
.a-propos-page .a-propos-section .d1-2.a-propos-debuter, .a-propos-page .a-propos-section .d1-2.a-propos-image {
    width: calc(52% - 20px);
}
.a-propos-page .a-propos-section .a-propos-image img {
    border-radius: 20px 0 0 20px;
}
.a-propos-page .a-propos-section .a-propos-image{
    margin-top: -20px;
}
.std.a-propos-pourqui .btn-call-conteneur:not(:first-child) {
    margin-top: 30px;
}
.std.a-propos-pourqui .bouton, .std.a-propos-democratiser .bouton {
    border-radius: 9px;
    background: #0085DC 0% 0% no-repeat padding-box;
    border: solid 1px #0085dc;
    color: #ffffff;
    text-transform: initial;
    font-weight: 400;
    min-width: 160px;
    font-size: 16px;
    padding: 27px 20px;
}
.std.a-propos-pourqui .bouton:hover{
    background-color: #0062A6;
    border: 1px solid #0062A6;
    color: #fff;
    transition: all 0.5s ease;
    box-shadow: none;
}
.std.a-propos-democratiser .bouton:hover{
    background-color: #0E374F ;
    border: 1px solid #0E374F ;
    color: #fff;
    transition: all 0.5s ease;
    box-shadow: none;
}
.a-propos-page .a-propos-section .a-propos-democratiser {
    background: #0062A6;
    padding: 80px 400px;
    color: white;
    border-radius: 20px;
    margin-top: 80px;
}
.a-propos-page .a-propos-section .a-propos-democratiser .titre {
    width: initial;
}
.a-propos-page .a-propos-section .a-propos-democratiser .titre {
    font-weight: 400;
    font-size: 32px;
    color: white;
}

.a-propos-page .a-propos-section .a-propos-democratiser .texte {
    font-weight: 200;
    font-size: 20px;
    text-align: center;
}
.a-propos-democratiser .btn-call-conteneur {
    text-align: center;
}
.a-propos-section div:last-child:not(.texte):not(.img):not(.img div):not(.contenu):not(.btn-call-conteneur):not(.a-propos-debuter):not(.a-propos-pourqui){
    padding-left: 68px;
    padding-right: 78px;
}
.a-propos-page .texte {
    font-family: 'Lexend', sans-serif;
}
/* .page-a-propos:before {
    content: "";
    height: 10px;
} */

.form-nous-joindre form input, .form-nous-joindre form textarea{
    border: 1px solid #000000;
    border-radius: 8px;
}
.form-nous-joindre form input:focus, .form-nous-joindre form textarea:focus {
    border: 1px solid #0085DC;
    border-radius: 8px;
    opacity: 1;
}
.page-nous-joindre .section .contenu:only-child .titre, .page-contact-us .section .contenu:only-child .titre{
    color: #0085DC;
    font-size: 38px;
    font-weight: 600;
    text-transform: inherit;
    line-height: 42px;
}
body section.nous-joindre{
    box-sizing: border-box;
    margin: auto;
    width: calc(100% - 40px);
    max-width: 1640px;
    padding: 100px 82px;
}
.form-nous-joindre form .bouton{
    background: #0085DC 0% 0% no-repeat padding-box;
    text-transform: initial;
    border-radius: 10px;
}
.form-nous-joindre form .bouton:hover{
    background-color: #ffffff;
    border: 1px solid #0085DC;
    color: #0085DC;
    transition: all 0.5s ease;
    box-shadow: 0px 0px 0px 0px white;
}
.page-nous-joindre .texte, .page-contact-us .texte{
    font-family: 'Lexend', sans-serif;
}
footer .a-propos u a:hover{
    opacity: 1;
}
button.hamburger {
    height: 60px;
    width: 60px;
    margin-right: 20px;
    margin-top: 14px;
    display: none;
}
button.hamburger.is-active:hover {
    opacity: 1;
}

button.hamburger:hover {
    opacity: 1;
}
.scroll-block{
    overflow: hidden;
}

.dl-phone img{
    max-width: 100%;
    vertical-align: top;
    width: calc(200px - 20px);
    max-height: 53px;
}
/*j*/
.hiddenInput{
    display: none !important;
}

.ligne-intranet.plus .sousligne.modifier {
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
}

.ligne-intranet.plus .description {width: calc(100% - 70px);}

.divUpload {
    width: calc(100% - 70px);
    margin-top: 12px;
}

.ligne-intranet.plus {
    height: auto;
}

.model {
    justify-content: flex-start;
}

.divUpload select {
    margin-bottom: 20px;
}
.ligne-intranet .icone.url{
    mask: url(/images/icons/icon-web.svg);
    -webkit-mask-image: url(/images/icons/icon-web.svg);
    width: 40px;
    height: 40px;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center center;
    -webkit-mask-size: contain;
    mask-size: contain;
    mask-position: center center;
    mask-repeat: no-repeat;
}
.ligne-intranet .icone.model{
    mask: url(/images/icons/icon-model.svg);
    -webkit-mask-image: url(/images/icons/icon-model.svg);
    width: 40px;
    height: 40px;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center center;
    -webkit-mask-size: contain;
    mask-size: contain;
    mask-position: center center;
    mask-repeat: no-repeat;
}
.ligne-intranet .icone.media{
    mask: url(/images/icons/icon-media.svg);
    -webkit-mask-image: url(/images/icons/icon-media.svg);
    width: 40px;
    height: 40px;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center center;
    -webkit-mask-size: contain;
    mask-size: contain;
    mask-position: center center;
    mask-repeat: no-repeat;
}
.ligne-intranet.plus a.bouton.enregistrer.target {
    margin-top: 16px;
}
.modelMat, .modelObj, .input-fichier.media{
    max-width: calc(50% - 5%);
}

label.url, label.media, div.input-fichier.model{
    mask: initial !important;
}
/*####################################################*/

@media screen and (max-width:1450px) {
    .forfaits-liste .categories {
        grid-row-end: span 1;
        grid-row-start: 1;
        grid-column-start: 2;
        grid-column-end: 2;
        margin-bottom: 10px;
        display: grid;
        grid-template-columns: repeat( auto-fit, minmax(150px, 1fr) );
        grid-column-gap: 10px;
        grid-auto-flow: column;
    }

    .forfaits-liste {
        grid-template-columns: 1fr minmax(515px, 76%);
    }

    a.bouton.forfait-sur-mesure {
        width: 76%;
    }

    .forfaits-liste .categories .bouton:not(:last-child) {margin-bottom: 0px;}

    .section.intranet .forfaits-liste .categories .bouton {
    }

    .forfaits-liste .titre-container {
        grid-column-start: 1;
    }

    .forfaits-liste .entetes, .forfaits-liste .options-forfait {
        grid-column-start: 2;
    }




}

@media screen and (min-width: 801px) {
    /*NOTE: CTA*/
    .cta {
        justify-content: space-between;
        align-items: center;
    }

    .cta.paragraphe0, .cta.paragraphe1 {
        display: grid;
        grid-template-columns: 1fr 3fr;
        grid-row-gap: 20px;
        grid-column-gap: 40px;
    }

    .cta.paragraphe0 .titre, .cta.paragraphe1 .titre {
        margin-bottom: 0;
    }

    .cta.paragraphe0 .titre.next-element-bouton, .cta.paragraphe1 .titre.next-element-bouton {
        align-self: end;
    }

    .cta .titre + .btn-call-conteneur {
        align-self: start;
    }

    .cta.paragraphe0 .titre.no-text, .cta.paragraphe1 .titre.no-text, .cta.paragraphe0 .titre.no-text + .btn-call-conteneur, .cta.paragraphe1 .titre.no-text + .btn-call-conteneur {
        justify-self: center;
        grid-column-end: span 2;
    }

    .cta .btn-call-conteneur:first-child {
        grid-column-end: span 2;
    }

    .cta .btn-call-conteneur:first-child + .texte {
        grid-row-start: 1;
        grid-column-start: 1;
        grid-column-end: span 2;
        grid-row-end: span 1;
    }

    .cta .btn-call-conteneur:only-child {
        grid-row-start: 1;
    }

    .cta.paragraphe0 .btn-call-conteneur:not(:only-child), .cta.paragraphe1 .btn-call-conteneur:not(:only-child) {
        margin-top: 0;
        margin-bottom: 0;
    }

    .cta:not(.paragraphe0):not(.paragraphe1) .btn-call-conteneur {
        width: 100%;
    }

    .cta.paragraphe0 .titre + .btn-call-conteneur {
        align-self: start;
    }

    .cta .titre:only-child,
    .cta .texte:only-child {
        width: 100%;
        grid-column-end: span 2;
    }

    .cta .btn-call-conteneur {
        grid-row-start: 2;
    }

    .cta .btn-call-conteneur + .texte {
        grid-row-end: span 2;
    }

    .cta:not(.paragraphe1):not(.paragraphe0) {
        flex-direction: column;
        justify-content: center;
    }

    .cta:not(.paragraphe0):not(.paragraphe1) .titre, .cta:not(.paragraphe0):not(.paragraphe1) .texte {
        width: 100%;
    }

    .cta:not(.paragraphe0):not(.paragraphe1) > :not(:last-child) {
        margin-bottom: 25px;
    }

    /*NOTEFIN: CTA*/
    /*NOTE: STD*/
    .std.paragraphe0, .std.paragraphe1 {
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
    }

    .std.paragraphe0 .contenu:only-child, .std.paragraphe1 .contenu:only-child {
        width:100%;
    }

    .std.paragraphe0 .image-container, .std.paragraphe1 .image-container {
        margin-top: 0;
    }

    .std.paragraphe0 .image-container.droite, .std.paragraphe1 .image-container.droite {
        order: 2;
    }

    .std.paragraphe0 .image-container.petit:not(:last-child),
    .std.paragraphe1 .image-container.petit:not(:last-child),
    .std.d2-3 .image-container.petit:not(:last-child),
    .std.d3-4 .image-container.petit:not(:last-child),
    .std.d5-6 .image-container.petit:not(:last-child) {
        width: calc(25% - 10px);
    }

    .std.paragraphe0 .image-container.moyen:not(:last-child),
    .std.paragraphe1 .image-container.moyen:not(:last-child),
    .std.d2-3 .image-container.moyen:not(:last-child),
    .std.d3-4 .image-container.moyen:not(:last-child),
    .std.d5-6 .image-container.moyen:not(:last-child) {
        width: calc((100% / 3) - 10px);
    }

    .std.paragraphe0 .image-container.grand:not(:last-child),
    .std.paragraphe1 .image-container.grand:not(:last-child),
    .std.d2-3 .image-container.grand:not(:last-child),
    .std.d3-4 .image-container.grand:not(:last-child),
    .std.d5-6 .image-container.grand:not(:last-child) {
        width: calc(50% - 10px);
    }

    .std.paragraphe0 .image-container.petit + .contenu,
    .std.paragraphe1 .image-container.petit + .contenu,
    .std.d2-3 .image-container.petit + .contenu,
    .std.d3-4 .image-container.petit + .contenu,
    .std.d5-6 .image-container.petit + .contenu {
        width: calc(75% - 30px);
    }

    .std.paragraphe0 .image-container.moyen + .contenu,
    .std.paragraphe1 .image-container.moyen + .contenu,
    .std.d2-3 .image-container.moyen + .contenu,
    .std.d3-4 .image-container.moyen + .contenu,
    .std.d5-6 .image-container.moyen + .contenu {
        width: calc((100% / 3 * 2) - 30px);
    }

    .std.paragraphe0 .image-container.grand + .contenu,
    .std.paragraphe1 .image-container.grand + .contenu,
    .std.d2-3 .image-container.grand + .contenu,
    .std.d3-4 .image-container.grand + .contenu,
    .std.d5-6 .image-container.grand + .contenu {
        width: calc(50% - 30px);
    }

    .std .contenu:only-child .titre {
        font-size: 30px;
    }

    .std .contenu:only-child .texte {
        font-size: 18px;
    }
    .choix-tarif .radio input[type=radio] {
        display: none;
    }
    /*NOTEFIN: STD*/
}

@media screen and (min-width:961px) {

    .groupe-action {display:flex;flex-shrink:0;}
    .groupe-action > :not(:last-child) {margin-right:5px;}
}

@media screen and (min-width:480px) {
    .ligne-intranet .description {
        flex-grow: 1;
        flex-shrink: 1;
        overflow: hidden;
    }

    .dashboard-intranet.projets.modification .d-full.liste-intranet .titre-image:first-child {
        flex-grow: 0;
        flex-shrink: 1;
        width: auto;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .ligne-intranet .sousligne .description {
        display: flex;
    }

    .dashboard-intranet.projets.modification .d-full.liste-intranet .titre-image:not(:first-child) {
        width: 20px;
        display:inline-block;
        text-align: center;
        flex-shrink: 0;
    }

    .ligne-intranet .sousligne .description > span:not(:first-child) {
        flex-shrink:0;
    }
}

@media screen and (min-width:1311px){
    /* .page-accueil  */header:not(.scroll) .navigation > .wrap{
        /* width: auto;
        margin: auto 50px; */
        width: calc(100% - 100px);
        margin: auto;
    }

    .page-accueil .entete-image{
        margin-left: 50px;
        margin-right: 50px;
        width: auto;
    }
}

/* @media screen and (min-width:2500px) {
    .entete-image{
        width: auto;
        margin-left: 50px;
        margin-right: 50px;
    }
} */


form[data-action="ajouter-utilisateur"] .add-user-line {
    display: inline-block;
    width: 40px;
    height: 40px;
    background: #0085dc;
    border-radius: 50%;
    position:relative;
}

form[data-action="ajouter-utilisateur"] .add-user-line:before, form[data-action="ajouter-utilisateur"] .delete-user:before {
    content:"";
    position:absolute;
    margin:auto;
    top:0;
    bottom:0;
    left:0;
    right:0;
    width:24px;
    height:24px;
    background-image:url(/images/add.svg);
    filter:invert(1);
    background-size:contain;
    background-repeat:no-repeat;
    background-position:center center;
}

form[data-action="ajouter-utilisateur"] .zone-titre-add-user {
    display: flex;
    column-gap: 10px;
    justify-content: space-between;
}

form[data-action="ajouter-utilisateur"] .btn-ajout-user {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
}

form[data-action="ajouter-utilisateur"] .delete-user {
    display: inline-block;
    width: 40px;
    height: 40px;
    background: #aa2222;
    border-radius: 50%;
    position:relative;
    transform:rotate(45deg);
}

form[data-action="ajouter-utilisateur"] .message-ajax {
    font-size: 20px;
    padding: 20px;
}

.message-ajax .separateur-erreurs-popup {
    height: 2px;
    margin-top: 20px;
    margin-bottom: 10px;
    background: #aa2222;
}

.ligne-intranet.erreur {
    position: relative;
}

.ligne-intranet.erreur:before {
    content: "!";
    display: flex;
    font-weight: bold;
    width: 20px;
    height: 20px;
    left: 0px;
    top: 0px;
    bottom: 0px;
    margin: auto;
    align-items: center;
    justify-content: center;
    position: absolute;
    border-radius: 50%;
    color: white;
    background: #aa2222;
}

.plint-compte.spage-utilisateurs .container-file input[type="file"] {
    position: relative;
    z-index: -1;
    opacity: 0;
    pointer-events: none;
}

.plint-compte.spage-utilisateurs .container-file > * {
    grid-row-start: 1;
}

.plint-compte.spage-utilisateurs .container-file > input {
    grid-column-start: 1;
    align-self: end;
}

.plint-compte.spage-utilisateurs .container-file label {
    margin: 0px;
}

.plint-compte.spage-utilisateurs .container-file {
    position: relative;
    display: grid;
    grid-template-columns: minmax(120px, 1fr) min-content;
    margin-bottom: 20px;
    margin-top:20px;
    column-gap: 12px;
}

.plint-compte.spage-utilisateurs .section.intranet .popup-container .bouton {
    padding: 10px 20px;
}

.plint-compte.spage-utilisateurs .popup-container .zone-bouton {
    text-align: right;
}

.plint-compte.spage-utilisateurs .popup-container .zone-bouton .bouton {
    padding: 20px;
}

.plint-compte.spage-utilisateurs .popup-container .popup {
    max-width: min(600px, 100%);
}

.plint-compte.spage-utilisateurs .popup-container .message-ajax {
    position: fixed;
    max-height: calc(100vh - 100px);
    overflow: auto;
    max-width: calc(min(460px, 100vw - 40px));
    min-width: 140px;
    font-size: 16px;
    padding: 20px;
}

.plint-compte.spage-utilisateurs .popup-container .zone-bouton > :not(:last-child) {
    margin-right:10px;
}


.__container-types-lignes > :not(:last-child) {
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid black;
}

.__container-types-lignes > :not(:last-child) {
    padding-bottom: 10px;
    margin-bottom: 20px;
    border-bottom: 1px solid black;
}

.__mobile-title {
    display: none;
}

.__titre-lignes {
    margin-bottom: 5px;
}

.__single-line-valid {display: grid;grid-template-columns: repeat(2, minmax(0,1fr)) 80px;gap:6px;border-bottom:1px solid #cfcfcf;font-size:14px;padding-top:2px;padding-bottom:2px;align-items:center;}

.__single-line-valid > :last-child {
    width:min-content;
    justify-self: end;
}

.__single-line-valid .checkbox-container {
    width:min-content;
    height: min-content;
    line-height: 0px;
}

.__single-line-valid.__header {
    font-weight:bold;
    font-size:14px;
    padding-top:0px;
    padding-bottom:0px;
    margin-top:10px;
}

.__single-line-valid.__header > :last-child {
    display:flex;
    justify-content:space-between;
    width:100%;
    align-items: center;
}

.__single-line-valid .checkbox-container span {
    display: none;
}

.__container-types-lignes {
    margin-bottom: 20px;
}

@keyframes show-loading {
    from {opacity:0;}
    to {opacity:1;}
}

body.saving {
    position: relative;
}

body.saving:after {
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    z-index: 100000;
    background-image: url(/images/chargement.svg);
    /* background-size: 40px; */
    background-position: center center;
    background-repeat: no-repeat;
    background-color: rgba(0, 0, 0, 0.5);
    backdrop-filter: blur(1px);
    animation-name: show-loading;
    animation-duration: 0.2s;
    animation-delay: 0.2s;
    opacity: 0;
    animation-fill-mode: forwards;
    animation-timing-function: ease-in-out;
    right: 0px;
    bottom: 0px;
    position: fixed;
}

.__lignes-impossible > span, .__lignes-invalides > span, .__lignes-valides > span {
    font-size:14px;
    display: block;
    position: relative;
    font-weight:bold;
}

.__lignes-impossible > span:before, .__lignes-invalides > span:before, .__lignes-valides > span:before {
    content: "- ";
}

.plint-compte.spage-utilisateurs .popup-container .contenu-popup form {
    overflow: auto;
    display: flex;
    flex-direction: column;
    flex-shrink: 1;
    flex-grow: 1;
    max-height: calc(100vh - 100px);
}

.plint-compte.spage-utilisateurs .popup-container .zone-bouton {
    position: sticky;
    bottom: 0px;
    background: white;
    margin-bottom: 0px;
    padding-top: 10px;
    margin-top: -10px;
}

@media screen and (max-width:600px) {
    .__mobile-title {
        display: block;
        font-weight: bold;
        font-size: 14px;
    }

    .__single-line-valid {
        grid-template-columns: minmax(0, 1fr) 80px;
    }

    .__single-line-valid:not(.__header) > :last-child {
        grid-row-start: 1;
        grid-row-end: span 2;
        grid-column-start: 2;
    }

    .__single-line-valid > :not(:last-child) {
        grid-column-start: 1;
    }

    .__single-line-valid.__header > :not(:last-child) {
        display: none;
    }

    .__single-line-valid.__header {
        grid-template-columns: minmax(0, 1fr);
    }

    .__single-line-valid.__header > :last-child {
        justify-content: flex-end;
        gap: 10px;
    }

    .__single-line-valid {
        line-height: 1.5em;
    }

    .__single-line-valid:not(.__header) > :first-child {}
}