/*///////////////////////////////////////*/
/* ///// STYLE GLOBAL ///////////////// */
/*/////////////////////////////////////*/

/*** FONTS *************************************************************************************/


@font-face {
    font-family: 'montserrat';
    src: url('../font/montserrat-light.woff2') format('woff2'),
        url('../font/montserrat-light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'montserrat';
    src: url('../font/montserrat-regular.woff2') format('woff2'),
        url('../font/montserrat-regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'montserrat';
    src: url('../font/montserrat-semibold.woff2') format('woff2'),
        url('../font/montserrat-semibold.woff') format('woff');
    font-weight: 600;
    font-style: normal;

}

@font-face {
    font-family: 'montserrat';
    src: url('../font/montserrat-bold.woff2') format('woff2'),
        url('../font/montserrat-bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;

}

/*** DEFAULT *************************************/
body {
    font-family: "montserrat", Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #4d4d4d;
}

body p {
    color: #4d4d4d;
    line-height: 16px;
}

strong {
    font-weight: 700;
}

em {
    font-style: italic;
}

main {
    clear: both;
}

.wrapper {
    width: 95%;
    max-width: 1360px;
    margin: 0 auto;
}

.flex-center {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.layout-container.not-frontpage {
    width: 100%;
}

.default-btn,
.form-submit {
    border: none;
    display: inline-block;
    color: #c5e7ee;
    background-color: #104274;
    font-size: 13px;
    text-transform: uppercase;
    border: 1px solid #104274;
    padding: 10px 20px;
    border-radius: 6px;
    margin-top: 20px;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}

.default-btn:hover,
.form-submit:hover {
    color: #fcce55;
}

.form-submit {
    max-width: 200px;
}

.default-btn.primary-color {
    color: #fff;
    background: #393939;
}

.default-btn.primary-color:hover {
    color: #393939;
    background: #fff;
}

.default-btn.secondary-color,
.form-submit {
    color: #fff;
    background: #F39517;
}

.default-btn.secondary-color:hover,
.form-submit:hover {
    color: #fff;
    background: #393939;
}

a {
    text-decoration: none;
}

img {
    display: block;
    margin: 0 auto;
}

h2,
h3 {
    margin: 0;
    font-weight: 600;
}

.node--unpublished {
    background-color: #ffffff;
}

/*///////////////////////////////////////*/
/* ///// HEADER /////////////////////// */
/*/////////////////////////////////////*/

header {
    position: relative;
    background: #fff;
    z-index: 100;
}

header .region-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 40px;
    height: 216px;
}

header .block-superfish {
    width: auto;
}

/*Navigation principale*/
#superfish-main {
    display: flex;
}

#superfish-main li {
    /* display: inline-block; */
    float: none;
}

#superfish-main li a {
    text-decoration: none;
}

#superfish-main li a:hover,
#superfish-main li a.is-active:hover {
    color: #F39517;
}

#superfish-main li a.is-active {
    color: #393939;
}

#superfish-main li#main-standardfront-page a {
    text-indent: 1000px;
    overflow: hidden;
    max-width: 80px;
    background: url('../images/svg/homepage-link.svg') no-repeat center;
}

/*///////////////////////////////////////*/
/* ///// TITRE DE PAGE //////////////// */
/*/////////////////////////////////////*/
.block-page-title-block {
    width: 95%;
    max-width: 1360px;
    margin: 60px auto 10px;
}

.block-page-title-block h1 {
    font-size: 32px;
    line-height: 42px;
    font-weight: 700;
    color: #393939;
    letter-spacing: 2px;
}

/*///////////////////////////////////////*/
/* ///// BREADCRUMBS ////////////////// */
/*/////////////////////////////////////*/
.block-system-breadcrumb-block {
    width: 95%;
    max-width: 1360px;
    margin: 0 auto 50px;
}

.block-system-breadcrumb-block li,
.block-system-breadcrumb-block li a {
    font-size: 12px;
    line-height: 16px;
    color: #242424;
    text-decoration: none;
}

.block-system-breadcrumb-block li a:hover {
    text-decoration: underline;
}

.block-system-breadcrumb-block li:before {
    content: '';
    display: inline-block;
    width: 20px;
    height: 8px;
    background: url('../images/svg/arrow-breadcrumbs.svg') no-repeat center;
}

/*///////////////////////////////////////*/
/* ///// SLIDER ACCUEIL /////////////// */
/*/////////////////////////////////////*/
.view-slider-accueil {
    position: relative;
}

.view-slider-accueil .swiper-slide {
    min-height: 685px;
    display: flex;
    align-items: center;
}

.view-slider-accueil .swiper-slide .contenu {
    max-width: 40%;
}

.view-slider-accueil .swiper-slide .contenu .titre {
    font-size: 32px;
    line-height: 48px;
    font-weight: 700;
    margin-bottom: 30px;
}

.view-slider-accueil .swiper-slide .contenu .texte {
    margin-bottom: 35px;
}

.view-slider-accueil .swiper-button-prev {
    width: 25px;
    height: 45px;
    left: 5%;
    background: url('../images/svg/arrow-slider-prev.svg') no-repeat center;
}

.view-slider-accueil .swiper-button-next {
    width: 25px;
    height: 45px;
    right: 5%;
    background: url('../images/svg/arrow-slider-next.svg') no-repeat center;
}

/*///////////////////////////////////////*/
/* ///// PARTENAIRES ACCUEIL ////////// */
/*/////////////////////////////////////*/
.view-id-partenaires.view-display-id-accueil {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.view-id-partenaires.view-display-id-accueil .h2 {
    font-size: 32px;
    line-height: 42px;
    font-weight: 700;
    color: #393939;
    margin-bottom: 30px;
    text-align: center;
    letter-spacing: 2px;
}

.view-id-partenaires.view-display-id-accueil .seo-text {
    font-size: 16px;
    line-height: 30px;
    color: #242424;
    margin-bottom: 50px;
    max-width: 810px;
    text-align: center;
}

.view-id-partenaires.view-display-id-accueil .view-content {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-around;
}

.view-content {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

/*///////////////////////////////////////*/
/* ///// CONTACT FORM ///////////////// */
/*/////////////////////////////////////*/

.contact-form {
    width: 95%;
    max-width: 1360px;
    margin: 40px auto 0;
}

.contact-form form {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.contact-form form .field--type-list-string,
.contact-form form .field--type-string,
.contact-form form .field--type-email {
    width: 32%;
}

.contact-form form .field--type-list-string .form-radios {
    display: flex;
    flex-wrap: wrap;
}

.contact-form form .field--type-list-string .form-radios .form-type-radio:not(:last-of-type) {
    margin-right: 40px;
}

.contact-form form .form-item {
    margin-bottom: 0;
}

.contact-form form label {
    font-size: 16px;
    line-height: 30px;
    font-weight: 700;
    color: #242424;
}

.contact-form form .field--type-string-long {
    width: 100%;
}

.contact-form form input[type="text"],
.contact-form form input[type="email"],
.contact-form form select {
    color: #4B4B4D;
    width: 100%;
    font-size: 16px;
    height: 50px;
    line-height: 50px;
    padding: 0 15px;
    border-radius: 5px;
    border: solid 1px #C8C8C8;
}

.contact-form form textarea {
    color: #4B4B4D;
    width: 100%;
    font-size: 16px;
    line-height: 24px;
    padding: 15px;
    border-radius: 5px;
    border: solid 1px #C8C8C8;
}

.contact-form form .form-actions {
    width: 100%;
    display: flex;
    justify-content: center;
}

.g-recaptcha {
    width: 100%;
    display: flex;
    justify-content: center;
    margin-top: 20px;
}

/*CHECKBOX*/
input[type=checkbox]:checked,
input[type=checkbox]:disabled:checked,
input[type=radio]:checked,
input[type=radio]:disabled:checked {
    background-color: #F39517;
}

input[type=checkbox]:hover,
input[type=checkbox]:focus,
input[type=radio]:hover,
input[type=radio]:focus {
    border: 2px solid #C2C2C2;
}

input[type=checkbox],
input[type=radio] {
    margin: 0 10px 0 0;
}

input[type=checkbox]:before,
input[type=radio]:before {
    font-family: 'Font Awesome 5 Free';
    content: '';
    display: block;
    width: 22px;
    height: 22px;
    margin-top: -2px;
    font-weight: 700;
    border-radius: 0;
    padding-left: 0.5px;
    padding-top: 2px;
    text-align: center;
    background: #fff;
    font-size: 11px;
    color: #F39517;
    border: 3px solid #F39517;
    cursor: pointer;
    margin-left: -2px;
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -ms-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}

input[type=radio]:before {
    -webkit-border-radius: 100%;
    border-radius: 100%;
}

input[type=radio]:checked:before {
    color: #F39517;
    content: "\f111";
}

input[type=checkbox]:checked:before {
    content: "";
    background: #F39517;
    outline: solid 3px #fff;
    outline-offset: -6px;
}

/*///////////////////////////////////////*/
/* ///// LISTE ACTUALITES ///////////// */
/*/////////////////////////////////////*/
.block-views-blockactualites-accueil {
    padding: 55px 0;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url(../img/bg/bg_actu.jpg);
    text-align: center;
}

.block-views-blockactualites-accueil .view-actualites {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    display: -webkit-box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: distribute;
    -moz-justify-content: space-around;
    justify-content: space-around;

}

.view-actualites .view-content {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}

.view-actualites .view-content .views-row {
    width: 90%;
    max-width: 380px;
    position: relative;
    margin: 0 auto;
    padding: 26px 22px 22px 22px;
    border-radius: 6px;
    background-color: #fff;
    -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, .15);
    box-shadow: 0 3px 10px rgba(0, 0, 0, .15);
    text-align: center;
    display: -webkit-box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -moz-justify-content: space-between;
    justify-content: space-between;
}

.view-actualites .view-content .views-row:hover {
    box-shadow: 0 3px 20px rgba(0, 0, 0, .25);
}

.view-actualites .view-content .views-row .image {
    height: 178px;
}

.view-actualites .view-content .views-row .contenu {
    padding: 0;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.view-actualites .view-content .views-row .contenu .titre {
    font-size: 18px;
    line-height: 16px;
    font-weight: 700;
    color: #393939;
    margin-bottom: 20px;
}

.view-actualites .view-content .views-row .contenu .resume {
    font-size: 13px;
    line-height: 16px;
    margin-bottom: 76px;
}

.view-actualites .view-content .views-row .contenu .lire-la-suite {}

.view-actualites .view-content .views-row .contenu .lire-la-suite a {
    position: absolute;
    bottom: 24px;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    font-size: 13px;
    text-transform: uppercase;
    border: 1px solid #104274;
    padding: 10px 20px;
    border-radius: 6px;
    margin-top: 20px;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    color: #104274;
}

.view-actualites .view-content .views-row .contenu .lire-la-suite a:hover {
    background-color: #104274;
    color: #fcce55;
}


.view-actualites.view-display-id-accueil .h2 {
    position: relative;
    display: inline-block;
    margin-bottom: 30px;
    text-transform: uppercase;
    font-size: 22px;
    color: #104274;
    font-weight: 600;
}

.view-actualites.view-display-id-accueil .h2::before {
    content: "";
    position: absolute;
    left: -50px;
    top: -3px;
    width: 40px;
    height: 32px;
    background-image: url(../img/svg/picto-livre.svg);
    background-repeat: repeat;
}

.view-actualites.view-display-id-accueil .view-footer a {
    color: #c5e7ee;
    background-color: #104274;
}

.view-actualites.view-display-id-accueil .titre a {
    text-transform: uppercase;
    font-size: 16px;
    color: #c5e7ee;
    font-weight: 600;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}

.view-actualites.view-display-id-accueil .titre a:hover {
    color: #fcce55;
}


/*///////////////////////////////////////*/
/* ///// PAGE DE CONTENU ////////////// */
/*/////////////////////////////////////*/

.node--type-contenu {
    width: 95%;
    max-width: 1360px;
    margin: 0 auto;
}

/*///////////////////////////////////////*/
/* ///// MAP FOOTER /////////////////// */
/*/////////////////////////////////////*/
#blockMap {
    min-height: 570px;
    margin-top: 180px;
}

/*///////////////////////////////////////*/
/* ///// FOOTER /////////////////////// */
/*/////////////////////////////////////*/

footer {
    clear: both;
    color: #fff;
    background: #393939;
}

/*Menu footer*/
.menu--footer {
    padding: 60px 0;
}

.menu--footer .menu {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    background-color: red;
}

.menu--footer .menu li a {
    font-size: 16px;
    line-height: 25px;
    color: #fff;
    text-decoration: none;
    font-weight: 700;
    padding: 5px 25px;
    text-transform: uppercase;
}

/*Copyright*/
footer .gl-copy {
    padding: 20px 0;
    text-align: center;
    font-size: 14px;
    line-height: 20px;
    width: 100%;
    max-width: 705px;
    margin: 0 auto;
    border-top: 1px solid #fff;
}

footer .gl-copy img {
    margin-bottom: -5px;
}

footer .gl-copy a {
    color: #fff;
}

/*///////////////////////////////////////*/
/* ///// MASQUAGE ADMIN MENU ////////// */
/*/////////////////////////////////////*/

#toolbar-administration {
    display: none;
}

body.toolbar-tray-open.toolbar-vertical.toolbar-fixed {
    margin-left: 0;
}

body,
.adminimal-admin-toolbar.toolbar-fixed.toolbar-vertical {
    padding: 0 !important;
}

/*///////////////////////////////////////*/
/* // MISE EN PAGE PARAGRAPHES //////// */
/*/////////////////////////////////////*/
.paragraphes .para-item {
    margin-bottom: 30px;
}

.para-photo-img {
    display: flex;
    align-items: center;
    justify-content: center;
}

.para-photo-legende {
    margin: 5px 0 15px 0;
    text-align: center;
    font-size: 12px;
}

/*photo à droite*/
.pos-photo-3 .para-photos {
    float: right;
    max-width: 40%;
    margin: 20px 0 20px 2%;
}

/*photo à gauche*/
.pos-photo-4 .para-photos {
    float: left;
    max-width: 40%;
    margin: 20px 2% 20px 0;
}

/*photo en haut et en bas*/
.pos-photo-1 .para-photos,
.pos-photo-2 .para-photos {
    clear: both;
    width: 100%;
    margin: 20px 0;
}

.pos-photo-1 .para-photos:after,
.pos-photo-2 .para-photos:after {
    content: '';
    clear: both;
}

.pos-photo-1.nb-photos-1 .para-photos .para-photo,
.pos-photo-2.nb-photos-1 .para-photos .para-photo {
    max-width: 50%;
    margin: 0 auto;
}

.pos-photo-1.nb-photos-2 .para-photos .para-photo,
.pos-photo-2.nb-photos-2 .para-photos .para-photo {
    float: left;
    width: 47%;
    margin: 0 1.5%;
}

.pos-photo-1.nb-photos-3 .para-photos .para-photo,
.pos-photo-2.nb-photos-3 .para-photos .para-photo {
    float: left;
    width: 30%;
    margin: 0 1.5%;
}

.pos-photo-1.nb-photos-4 .para-photos .para-photo,
.pos-photo-2.nb-photos-4 .para-photos .para-photo,
.pos-photo-1.nb-photos-more .para-photos .para-photo,
.pos-photo-2.nb-photos-more .para-photos .para-photo {
    float: left;
    width: 22%;
    margin: 0 1.5%;
}

.pos-photo-1.nb-photos-more .para-photos .para-photo:nth-child(4n+1),
.pos-photo-2.nb-photos-more .para-photos .para-photo:nth-child(4n+1) {
    clear: both;
}

img[data-align="center"] {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

img[data-align="right"] {
    float: right;
}

img[data-align="left"] {
    float: left;
}

.paragraphes table tr td {
    padding: 10px;
    border: 1px solid #eee;
}

.paragraphes table {
    margin-bottom: 30px;
}

.paragraphes ul li {
    padding-left: 15px;
}

.paragraphes ul li:before {
    content: '• ';
    color: #333;
}

/*Début accordéon*/
.para-item-accordeon .elements {
    overflow: hidden;
    padding-top: 10px;
}

.para-item-accordeon .titre-elem {
    cursor: pointer;
    position: relative;
    border-bottom: solid 1px #d8d8d8;
    padding-bottom: 5px;
    margin-bottom: 10px;
    margin-top: 10px;
    font-size: 15px;
    font-weight: 700;
    color: #656565;
}

.para-item-accordeon .titre-elem:after {
    content: "\f067";
    font-family: "Font Awesome 5 Free";
    position: absolute;
    right: 0;
    color: #d8d8d8;
    font-weight: 700;
}

.para-item-accordeon .titre-elem.active:after {
    content: "\f068";
}

.para-item-accordeon .texte-elem {
    max-height: 0;
    padding-left: 10px;
    overflow: hidden;
    line-height: 24px;
    color: #656565;
    text-align: justify;
}

.para-item-accordeon .texte-elem.active {
    max-height: 2000px;
    overflow: visible;
    margin-bottom: 20px;
}

/*Fin accordéon*/


/*Documents*/
.node--type-contenu .documents a {
    display: block;
    width: 100%;
    text-decoration: none;
    padding-left: 55px;
    line-height: 40px;
    color: #707070;
    border-bottom: solid 1px #d8d8d8;
}

.node--type-contenu .documents a:last-of-type {
    border-bottom: none;
}

.node--type-contenu .documents a.type-xls {
    background: url('../images/svg/picto-xls.svg') no-repeat 17px center;
}

.node--type-contenu .documents a.type-doc {
    background: url('../images/svg/picto-doc.svg') no-repeat 17px center;
}

.node--type-contenu .documents a.type-ppt {
    background: url('../images/svg/picto-ppt.svg') no-repeat 17px center;
}

.node--type-contenu .documents a.type-pdf {
    background: url('../images/svg/picto-pdf.svg') no-repeat 17px center;
}

/* CKEDITOR D7 */
.rteindent1 {
    margin-left: 40px;
}

.rteindent2 {
    margin-left: 80px;
}

.rteindent3 {
    margin-left: 120px;
}

.rteindent4 {
    margin-left: 160px;
}

.rteleft {
    text-align: left;
}

.rteright {
    text-align: right;
}

.rtecenter {
    text-align: center;
}

.rtejustify {
    text-align: justify;
}

.ibimage_left {
    float: left;
}

.ibimage_right {
    float: right;
}

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

.text-align-right {
    text-align: right;
}

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

.text-align-justify {
    text-align: justify;
}


/* ARCOLIB DEFAULT */
button,
input,
optgroup,
select,
textarea {
    font-family: sans-serif;
    font-size: 100%;
    line-height: 1.15;
    margin: 0;
}

form label {
    margin-bottom: 10px;
}

label {
    display: block;
    font-weight: bold;
}

form input,
form textarea {
    padding: 10px;
    border: 1px solid #104274;
    border-radius: 4px;
}

form input {
    width: 100%;
    padding: 10px;
    border: 1px solid #104274;
    border-radius: 4px;
}

form input[type="checkbox"],
form input[type="radio"] {
    position: absolute;
    width: 1px;
    height: 1px;
    opacity: 0;
}

form input[type="checkbox"]+label,
form input[type="radio"]+label {
    cursor: pointer;
    line-height: 16px;
    position: relative;
    padding-left: 30px;

}

form input[type="checkbox"]+label::before,
form input[type="radio"]+label::before {
    content: "";
    top: -2px;
    left: 0;
    display: inline-block;
    height: 20px;
    width: 20px;
    background-color: #fff;
    border-radius: 50%;
    margin-right: 10px;
    border: 1px solid #6b757d;
    overflow: hidden;
    position: absolute;
}

form input[type="checkbox"]:checked+label::after,
form input[type="radio"]:checked+label::after {
    content: '';
    position: absolute;
    left: 2px;
    top: 0;
    height: 16px;
    width: 16px;
    background-color: #fcce55;
    border-radius: 50%;
    border: 1px solid #fff;
}

form .form-type-radio,
form .form-type-checkbox {
    position: relative;
    padding-left: 28px;
    margin-bottom: 8px;
}

.btn-link {
    position: relative;
    display: inline-block;
    margin: 0 auto 20px auto;
    padding: 15px 20px;
    border: 2px solid #fcce55;
    border-radius: 10px;
    font-weight: 700;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    color: #fcce55;
}

.btn-link:hover {
    color: #fff;
    border: 1px solid #4d4d4d;
    background-color: #4d4d4d;
}

.field--type-text-with-summary {
    margin-bottom: 25px;
}

.pager ul {
    /* display: block; */
    padding-bottom: 75px !important;
    /* clear: both; */
    /* text-align: center; */
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    margin: 0 0 0.75em 0;
}

.pager li {
    display: inline-block !important;
    /* display: inline-block !important; */
    width: 40px;
    height: 40px;
    padding: 10px !important;
    padding: 15px !important;
    border: 1px solid #104274;
    border-radius: 4px;
    background-image: none;
    display: inline;
    list-style-type: none;
    /* display: inline; */
    /* list-style-type: none; */
    padding: 0.5em;
    margin: 0 0 0.25em 1.5em;
}


.pager li.is-active {
    border: 1px solid #c5e7ee;
    background-color: #c5e7ee;
}


.pager__link {
    height: 38px;
    width: 38px;
    color: #104274;
    text-decoration: none;
    padding: 15px;
    border-radius: 4px;
    position: relative;
    bottom: 15px;
    right: 15px;
}

.pager__link.is-active {
    background-color: #c5e7ee;
    border: 1px solid #c5e7ee;
    width: 38px;
    height: 38px;
}


.pager li.is-active a {
    color: #fff;
}

.pager li a {
    color: #104274;
}

.li.menu {
    display: none;
}

/* MENU TOP */
.top-header {
    display: block;
    width: 100%;
    height: 31px;
    background-color: #fcce55;
    font-size: 12px;
}

.top-header ul.menu {
    border: none;
    list-style: none;
    text-align: left;
    margin-left: 45px;
    /* repositionnement numero de DRUPAL */
    padding: 0;
}

.top-header ul.menu li {
    padding-top: 0;
}

.top-header ul.menu li a.is-active {
    color: #104274;
}

.top-header li:first-child {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}

.top-header li:nth-child(2) {
    padding-left: 100px;
}

.top-header li:nth-child(3) {
    position: absolute;
    left: 15%;
    top: 0;
    padding-left: 80px;
}

.top-header li:nth-child(4) {
    position: absolute;
    left: 27%;
    top: 0;
    padding-left: 80px;
    z-index: 9999;
}

.top-header li:nth-child(4) a {
    background-image: url(../images/fisca-bleu-small-mobile.jpg);
    width: 40px;
    height: 31px;
    background-size: cover;
    text-indent: -9999px;
    background-position: center;
}

.fiscapass-mobile {
    display: none;
    background-image: url(../images/fisca-bleu-small-mobile.jpg);
}


.top-header li:last-child {
    position: absolute;
    right: 0;
    top: 0;
}

.top-header a {
    display: inline-block;
    padding: 0 14px;
    line-height: 31px;
    text-transform: uppercase;
    font-weight: 700;
    color: #104274;
    text-decoration: none;
}

.top-header li::before {
    content: "";
    display: inline-block;
    position: absolute;
    left: 12px;
    top: 4px;
    width: 17px;
    height: 17px;
}

.top-header li:first-child::before {
    width: 20px;
    height: 20px;
    background: url(../img/svg/picto-mail-blanc.svg);
    background-size: auto;
    background-size: cover;
}

.top-header li:first-child a {
    color: #fff;
    padding-left: 45px;
    background-color: #104274;
}

.top-header li:nth-child(2)::before {
    left: 130px;
    top: 6px;
    background: url(../img/svg/picto-tel.svg);
    background-size: auto;
    background-size: cover;
}

.top-header li:nth-child(3)::before {
    left: 68px;
    top: 6px;
    background: url(../img/svg/picto-adress.svg);
    background-size: auto;
    background-size: cover;
}

.top-header li:last-child::before {
    left: 18px;
    top: 7px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    background: url(../img/svg/picto-votre-espace.svg);
    background-size: auto;
    background-size: cover;
}

.top-header li:last-child a {
    padding-left: 45px;
    background-color: #c5e7ee;
}

.ctn-infos-header {
    display: none;
    z-index: 1000;
    background-color: #87c9d8;
    border: 1px solid #acdde7;
    border-radius: 4px;
    color: #104274;
    text-transform: uppercase;
    max-width: 400px;
    position: absolute;
    left: 19%;
    padding: 15px 0px;
    line-height: 1.4em;
}

.ctn-infos-header .adresse {
    padding: 3px 5px;
}

.ctn-infos-header .adresse span {
    font-weight: 600;
}

.ctn-infos-header .adresse span b {
    color: #fff;
}

.ctn-infos-header .adresse hr {
    border: 1px solid #fff;
}

/* HEADER */
.header-middle {
    height: 216px;
}

.header-middle {
    position: relative;
}

.wrap1200 {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
}

.wrap900 {
    width: 100%;
    max-width: 900px;
    margin: 0 auto;
}

header .block-logoheader {
    position: absolute;
    left: 50%;
    top: 50px;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
}

#block-logofiscapass {
    position: absolute;
    left: 75%;
    top: 1px;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    z-index: 9999;
}

#detail-logo-fiscapass {
    text-align: center;
    color: #104274;
    width: 154px;
    display: block;
    position: relative;
    bottom: 44px;
    left: 34px;
}


.region-header .menu {
    width: 330px;
}

.region-header .menu {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    height: auto;
    padding: 0;
}

.region-header li {
    display: flex;
    align-items: center;
    border-radius: 6px;
    list-style-type: none;
    list-style-image: none;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}

.region-header li:first-child {
    position: relative;
    width: 170px;
    border: 2px solid #fcce55;
    /* padding: 0 27px 0 42px; */
    padding-left: 30px;
    margin-bottom: 10px;
}

header .region-header li a {
    display: inline-block;
    padding: 0 14px;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 15px;
    text-decoration: none;
}

#block-documentsheader li {
    height: 69px;
    line-height: 16px;
}

#block-documentsadherer li::before,
#block-documentsadherer li::after,
#block-documentsheader li::before,
#block-documentsheader li::after {
    content: "";
    display: inline-block;
    position: absolute;
    left: 18px;
}

#block-documentsadherer li:first-of-type::before,
#block-documentsheader li:first-of-type::before {
    width: 28px;
    height: 30px;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
}

#block-documentsadherer li:first-of-type::before,
#block-documentsheader li:first-of-type::before {
    width: 28px;
    height: 34px;
    left: 8px;
    top: 30px;
    -webkit-transform: translate(0, -44%);
    transform: translate(0, -44%);
    background: url(../img/svg/docs-pratiques.svg);
    background-size: auto;
    background-size: cover;
}

#block-documentsheader a {
    color: #104274;
}

.region-header li:first-child a {
    color: #104274;
}

.region-header li:first-child:hover {
    background-color: #fcce55;
}

#block-documentsadherer .menu {
    justify-content: end;
    -webkit-justify-content: flex-end;
    align-items: flex-end;
    -webkit-align-items: flex-end;
}

#block-documentsadherer li:last-of-type {
    border: 2px solid #104274;
    line-height: 60px;
    background-color: #104274;
    width: auto;
    position: relative;
    padding: 0 0 0 18px;
}

#block-documentsadherer li:last-of-type::before {
    width: 25px;
    height: 25px;
    left: 4px;
    top: 24px;
    background: url(../img/svg/picto-adherer.svg);
    background-size: auto;
    background-size: cover;
}

.region-header li:last-child a {
    color: #fff;
}

#block-documentsadherer li:last-of-type:hover {
    background-color: transparent;
}

#block-documentsadherer li:last-of-type:hover a {
    color: #104274;
}

#block-formulairederecherche {
    position: absolute;
    bottom: 40px;
    left: -31px;
    width: 220px;
    height: 40px;
}

#block-formulairederecherche input.form-search {
    width: 100%;
    border: 0;
    font-weight: 700;
    height: auto;
    padding: 0 10px;
    padding-top: 2px;
    background-color: #edecec;
    border-radius: 8px;
    box-sizing: border-box;
    margin-left: 16px;
}

#block-formulairederecherche .form-actions {}

#block-formulairederecherche .form-actions {
    position: absolute;
    right: 45px;
    top: 80%;
    width: 30px;
    height: 24px;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
}

#block-formulairederecherche .form-actions input {
    width: auto;
    background-color: transparent;
    /* padding: 0; */
    border: none;
    text-transform: uppercase;
    font-size: 22px;
    color: #fff;
    background-image: url(../images/loupe_bleu.png);
    background-repeat: no-repeat;
    background-position: 50%;
    text-indent: -9999px;
    width: 34px;
    margin: 0 30px;
}

.block-superfishmain {
    display: block;
    position: relative;
    top: auto;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
}

#superfish-main {
    display: flex;
    justify-content: center;
}

#superfish-main>li {
    position: relative;
    padding: 8px 0 20px 0;
    font-weight: 400;
}

#superfish-main>li>a {
    position: relative;
    display: inline-block;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    font-size: 13px;
    font-weight: 400;
    padding: 0 16px;
    color: #4d4d4d;
    text-transform: uppercase;
}

#superfish-main>li>a::after {
    content: "";
    display: inline-block;
    position: absolute;
    right: 0;
    top: 0;
    width: 2px;
    height: 100%;
    background-color: #fcce55;
}

#superfish-main>li>a .sf-sub-indicator {
    display: none;
}

#superfish-main>li ul {
    box-shadow: none !important;
    padding: 10px 0;
    background-color: #fff;
}

#superfish-main>li ul li {
    padding: 10px 0 10px 10px;
}

#superfish-main>li ul li a {
    font-size: 13px;
    font-weight: 400;
    padding: 0 20px;
    color: #4d4d4d;
    text-transform: uppercase;
}

#superfish-main>li.active-trail::before {
    content: "";
    display: block;
    height: 6px;
    width: 75%;
    background-color: #fcce55;
    bottom: 6px;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    position: absolute;
    border-radius: 6px 6px 0 0;
}

.block-bannerhome {
    position: relative;
    height: auto;
    padding: 60px 0 150px;
}

.block-bannerhome .ctn-banniere {
    position: relative;
    width: 90%;
    max-width: 600px;
    margin: 0 auto;
    padding: 28px 28px 55px 28px;
    border-radius: 6px;
    background-color: rgba(255, 255, 255, .82);
    text-align: center;
}

.block-bannerhome .ctn-banniere .field-name-field-titre-h1 {
    text-transform: uppercase;
    font-size: 28px;
    color: #104274;
}

.block-bannerhome .ctn-banniere .field-name-field-corps {
    padding: 20px 0 0 0;
}

.block-bannerhome .ctn-banniere .btn-link-banniere {}

.block-bannerhome .ctn-banniere .btn-link-banniere a {
    display: inline-block;
    margin: 0 auto 20px auto;
    padding: 15px 20px;
    border: 2px solid #fcce55;
    border-radius: 10px;
    font-weight: 700;
    position: absolute;
    bottom: -45px;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    background-color: #c5e7ee;
    border: 2px solid #fff;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    cursor: pointer;
    color: #104274;
    text-transform: uppercase;
    text-decoration: none;
}

.block-bannerhome .ctn-banniere .btn-link-banniere :hover {
    background-color: #fff;
    border: 2px solid #fcce55;
}

.block-views-blockvue-professions-home-block-1 {
    position: relative;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    width: 90%;
    padding: 13px;
    border-radius: 10px;
    overflow: visible;
    background-color: rgba(255, 255, 255, .8);
    top: -76px;
}

.block-views-blockvue-professions-home-block-1 .view-content {
    display: -webkit-box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -moz-justify-content: space-between;
    justify-content: space-between;
}

.block-views-blockvue-professions-home-block-1 .views-row {
    position: relative;
    cursor: pointer;
    -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, .15);
    box-shadow: 0 3px 10px rgba(0, 0, 0, .15);
    border-radius: 10px;
    width: 31%;
    max-width: 340px;
}

.block-views-blockvue-professions-home-block-1 .views-row .views-field-title::after {
    content: "";
    position: absolute;
    bottom: 10px;
    width: 156px;
    height: 4px;
    background-color: #c5e7ee;
    border-radius: 2px;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}

.block-views-blockvue-professions-home-block-1 .views-row:hover .views-field-title {
    background-color: #fcce55;
    color: #104274;
}

.block-views-blockvue-professions-home-block-1 .views-row .views-field-title {
    display: -webkit-box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -moz-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -moz-align-items: center;
    align-items: center;
    position: relative;
    height: 76px;
    background-color: #104274;
    padding: 0 12px;
    border-radius: 10px 10px 0 0;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    padding: 0 35px;
}

.block-views-blockvue-professions-home-block-1 .views-row .views-field-title h3 {
    font-size: 15px;
    font-weight: 600;
}

.block-views-blockvue-professions-home-block-1 .views-row .views-field-body {
    padding: 20px 40px 90px 40px;
    font-weight: 300;
    text-align: center;
}

.block-views-blockvue-professions-home-block-1 .views-row .views-field-field-lien {
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    width: 150px;
    text-align: center;
}

.block-views-blockvue-professions-home-block-1 .views-row .views-field-field-lien a {
    position: relative;
    display: inline-block;
    margin: 0 auto 20px auto;
    padding: 15px 20px;
    border: 2px solid #fcce55;
    border-radius: 10px;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    z-index: 5;
    color: #fcce55;
    text-decoration: none;
}

.block-views-blockvue-professions-home-block-1 .views-row:hover .views-field-field-lien a {
    color: #fff;
    border: 2px solid #fff;
    background-color: #fcce55;
}

/* Paragraphes */
.path-frontpage .node--type-page>h2 {
    display: none;
}

.field--name-field-contenu-paragraph {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
}

.paragraph--type--double-colonne-home {
    display: -webkit-box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -moz-justify-content: space-between;
    justify-content: space-between;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    margin-bottom: 100px;
}

.paragraph--type--double-colonne-home .field--name-field-colonne-gauche {
    width: 40%;
    padding-right: 8%;
    max-width: 1200px;
    margin: 0 auto;
    margin-bottom: 0px;
}

.paragraph--type--double-colonne-home .field--name-field-colonne-droite {
    width: 60%;
    max-width: 1200px;
    margin: 0 auto;
    margin-bottom: 0px;
}

.paragraph--type--double-colonne-home .field--name-field-titre-pg-g-home,
.paragraph--type--double-colonne-home .field--name-field-titre-pg-d-home {
    font-weight: 600;
    padding: 0;
    display: inline;
}

.paragraph--type--double-colonne-home .title {
    text-transform: uppercase;
    font-size: 22px;
    color: #104274;
    margin-bottom: 25px;
}

.paragraph--type--double-colonne-home .title svg {
    margin-right: 0px;
}

.field--name-field-lien-p a {
    display: inline-block;
    border: 1px solid #c5e7ee;
    padding: 10px 16px;
    margin-top: 16px;
    text-transform: uppercase;
    font-size: 14px;
    color: #104274;
    border-radius: 10px;
    font-weight: 600;
}

.paragraph--type--double-colonne-home .field--name-field-colonne-droite .field--type-image {
    float: left;
    width: 200px;
}

.paragraph--type--double-colonne-home .field--name-field-colonne-droite .field--type-text-long {
    float: left;
    width: calc(100% - 200px);
    padding-left: 50px;
}

.paragraph--type--double-colonne-home .field--name-field-colonne-droite .field--name-field-lien-p {
    float: left;
    margin: 8px 0 0 50px;
}

/* BLOC SEO */
.texte_seo {
    position: relative;
}

.texte_seo::before {
    content: "";
    position: absolute;
    top: -75px;
    left: 0;
    height: 1px;
    width: 100%;
    background-color: #edecec;
}

.bloc-seo {
    margin: 75px auto 0 auto;
    font-size: 13px;
    text-align: center;
    padding: 0 12px;
}

.bloc-seo .title_svg {
    text-align: center;
    margin-bottom: 25px;
}

.bloc-seo svg {
    position: absolute;
    left: -35px;
    top: -9px;
    height: 42px;
    width: 22px;
}

.bloc-seo .title {
    position: relative;
    display: inline-block;
    text-transform: uppercase;
    font-size: 22px;
    color: #104274;
}

/* FOOTER */
footer {
    position: relative;
    background-color: #8ed0de;
}

footer::before {
    content: "";
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: calc(100% - 70px);
    background: url(../img/bg/bg_footer.png);
    background-position-x: 0%;
    background-position-y: 0%;
    background-repeat: repeat;
    background-size: auto;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: left bottom;
}

.region-footer {
    position: relative;
    display: -webkit-box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -moz-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    max-width: 1100px;
    margin: 75px auto 0 auto;
    padding: 42px 10px 260px;
}

.region-footer>nav {
    display: -webkit-box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -moz-justify-content: space-between;
    justify-content: space-between;
    width: 90%;
}

.region-footer .menu--menu-navigation-principale-foote {
    /* width: 80%; */
    padding-right: 100px;
}

.region-footer .menu--menu-nav-principale-droite {
    /* width: 50%; */
    padding-right: 100px;
}

.region-footer nav>ul.menu {
    width: 100%;
    display: -webkit-box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -moz-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.region-footer ul.menu li {
    margin-bottom: 10px;
}

.region-footer ul.menu li.menu-item--expanded {
    list-style-image: none;
    list-style: none;
}

.region-footer nav>ul.menu>li>a::before {
    content: "";
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 12px;
    background: url(../img/picto/picto-fleche-blanche.svg);
    background-size: auto;
    background-size: cover;
}

.region-footer nav>ul.menu>li>a {
    display: inline-block;
    position: relative;
    margin-bottom: 0px;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 700;
    padding-left: 25px;
    color: #104274;
}

.region-footer nav>ul.menu>li.menu-item--expanded>a {
    margin-bottom: 12px;
}

.region-footer ul.menu li ul {
    margin: 0;
}

.region-footer ul.menu li ul li {
    margin: 0;
}

.region-footer ul.menu li ul li a {
    display: inline-block;
    margin-bottom: 10px;
    font-weight: 400;
    color: #104274;
    position: relative;
    margin-bottom: 12px;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 400;
    padding-left: 25px;
}


.region-bottom-footer {
    position: relative;
    padding: 25px 0;
    border: 1px solid #a5d8e2;
    background-color: #81c2d3;
}

.region-bottom-footer ul.menu {
    display: -webkit-box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -moz-justify-content: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.region-bottom-footer ul.menu li a {
    position: relative;
    font-size: 12px;
    font-weight: 600;
    padding: 0 20px;
    color: #fff;
}

.region-bottom-footer ul.menu li a::after {
    content: "";
    display: inline-block;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    width: 1px;
    height: 10px;
    background-color: rgba(255, 255, 255, .3);
}

/* FORM LOIGN */
.block_login {
    display: none;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 500;
    background-color: transparent;
    width: auto;
    height: auto;
}

.block_login .btn_esp_pro {
    position: absolute;
    top: 7px;
    right: 7px;
    width: 40px;
    height: 40px;
    text-align: center;
    color: #303030;
    font-size: 27px;
    cursor: pointer;
}

.block_login form {
    position: static;
    -webkit-transform: none;
    transform: none;
    top: 50%;
    left: 50%;
    max-width: 375px;
    border-radius: 0 0 0 6px;
    border-top: none;
    padding: 45px 20px 20px 20px;
    background-color: #f1f1f1;
}

#extranet-choix {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

#extranet-choix li {
    position: relative;
    width: auto;
    padding: 0 0 0 32px;
    border: 0;
    line-height: normal;
    background-color: transparent;
}

.block_login input {
    margin-bottom: 12px;
    border: 2px solid #c5e7ee;
}

.block_login .submit {
    border: 2px solid #c5e7ee;
    background-color: #c5e7ee;
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    margin: 12px;
}

/* TITLE */
.banner-intern-top {
    padding: 60px 0 50px 0;
    text-align: center;
    position: relative;
}

.banner-intern-top .ctn-img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.banner-intern-top h1 {
    position: relative;
    display: block;
    text-align: center;
    margin: 45px 0 25px 0;
    position: relative;
    padding: 0 10px;
    text-transform: uppercase;
    font-size: 30px;
    color: #104274;
    font-weight: 700;
    z-index: 5;
}

.banner-intern-top .page_subtitle {
    position: relative;
    width: 90%;
    max-width: 800px;
    margin: 0 auto;
    z-index: 5;
}

/* CHIFFRES CLES */
.block-views-blockchiffre-cles-block-1 {
    width: 100%;
    max-width: 1060px;
    margin: 0 auto;
    padding: 0 12px;
}

.block-views-blockchiffre-cles-block-1 .view-content {
    display: -webkit-box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -moz-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 70px;
}

.block-views-blockchiffre-cles-block-1 .views-row {
    position: relative;
    width: 49%;
    max-width: 500px;
    margin-bottom: 40px;
}

.block-views-blockchiffre-cles-block-1 .ctn-infos {
    position: absolute;
    left: 30%;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    color: #fff;
    font-weight: 700;
    z-index: 5;
}

.block-views-blockchiffre-cles-block-1 .node-chiffre {
    height: 200px;
    background-repeat: no-repeat;
    background-size: contain;
}

.block-views-blockchiffre-cles-block-1 .views-row .node-chiffre.blue {
    background-color: #104274;
}

.block-views-blockchiffre-cles-block-1 .views-row .node-chiffre.ice {
    background-color: #c5e7ee;
}

.block-views-blockchiffre-cles-block-1 .views-row .node-chiffre.black {
    background-color: #303030;
}

.block-views-blockchiffre-cles-block-1 .views-row .node-chiffre.grey {
    background-color: #4d4d4d;
}

.block-views-blockchiffre-cles-block-1 .views-row .node-chiffre.orange {
    background-color: #ff9800;
}

.block-views-blockchiffre-cles-block-1 .views-row .node-chiffre.red {
    background-color: #e52c13;
}

.block-views-blockchiffre-cles-block-1 .views-row .node-chiffre.blue::before {
    background-color: #104274;
}

.block-views-blockchiffre-cles-block-1 .views-row .node-chiffre.ice::before {
    background-color: #c5e7ee;
}

.block-views-blockchiffre-cles-block-1 .views-row .node-chiffre.black::before {
    background-color: #303030;
}

.block-views-blockchiffre-cles-block-1 .views-row .node-chiffre.grey::before {
    background-color: #4d4d4d;
}

.block-views-blockchiffre-cles-block-1 .views-row .node-chiffre.orange::before {
    background-color: #ff9800;
}

.block-views-blockchiffre-cles-block-1 .node-chiffre.red::before {
    background-color: #e52c13;
}

.block-views-blockchiffre-cles-block-1 .node-chiffre::before {
    content: "";
    height: 100%;
    width: 60%;
    position: absolute;
    background-color: #104274;
    left: 23%;
    top: 0;
    -webkit-transform: skew(-20deg);
    transform: skew(-20deg);
}

.block-views-blockchiffre-cles-block-1 .chiffre_number,
.block-views-blockchiffre-cles-block-1 .chiffre_prix {
    display: -webkit-box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    -moz-align-items: baseline;
    align-items: baseline;
    text-transform: uppercase;
    font-size: 40px;
    color: #fff;
    line-height: 30px;
}

.block-views-blockchiffre-cles-block-1 .chiffre_title {
    text-transform: uppercase;
    font-size: 25px;
    color: #fff;
}

.block-views-blockchiffre-cles-block-1 .chiffre_tva {
    margin-left: 10px;
    font-size: 13px;
    font-weight: 400;
}


/* EQUIPE */
.block-views-blockequipe-block-1 {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
}

.block-views-blockequipe-block-1 .view-content {
    display: -webkit-box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -moz-justify-content: space-between;
    justify-content: space-between;
}

.block-views-blockequipe-block-1 .view-content .views-row {
    width: 201px;
    margin: 40px 0 30px 0;
    text-align: center;
}

.block-views-blockequipe-block-1 .view-content .views-row img {
    width: 100%;
    max-width: 120px;
    border-radius: 50%;
    margin-bottom: 20px;
}

.view-equipe .equipe_name {
    text-transform: uppercase;
    font-size: 14px;
    color: #104274;
    font-weight: 700;
}

.view-equipe .equipe_fonction {
    margin: 6px auto 8px auto;
    text-transform: uppercase;
    font-size: 12px;
    color: #c8c8c8;
    font-weight: 700;
}

.view-equipe .equipe_mail {
    display: block;
    padding-top: 8px;
    border-top: 1px solid #fcce55;
    font-size: 12px;
}

.view-equipe .equipe_phone {
    display: block;
    padding-top: 8px;
    font-size: 13px;
}

/* PARAGRAPHES */
.paragraph--type--titre-et-texte {
    margin-bottom: 40px;
    text-align: center;
    padding: 0 12px;
}

.paragraph--type--titre-et-texte .field--name-field-titre {
    margin-bottom: 16px;
    font-size: 20px;
    font-weight: 600;
}

.paragraph--type--double-colonne {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    display: -webkit-box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -moz-justify-content: space-between;
    justify-content: space-between;
}

.page-node-1685 .paragraph--type--double-colonne {
    position: relative;
    padding-bottom: 80px;
}

.paragraph--type--double-colonne>div {
    width: 50%;
    max-width: 550px;
    padding: 0 12px;
}

.paragraph--type--titre-et-contenu {
    margin-top: 60px;
}

.paragraph--type--titre-et-contenu .field--name-field-titre {
    margin-bottom: 20px;
    text-transform: uppercase;
    font-size: 22px;
    color: #104274;
    font-weight: 700;
}

.paragraph--type--titre-et-contenu .field--name-field-titre {
    font-size: 24px;
}

.paragraph--type--titre-et-contenu p {
    margin-bottom: 12px;
}

.paragraph--type--titre-et-contenu .field--name-field-pg-contenu {
    font-size: 13px;
}

.paragraph--type--titre-et-contenu h3 {
    margin: 8px 0 12px 0;
    font-size: 14px;
    color: #104274;
}

.paragraph--type--titre-et-contenu li {
    position: relative;
    margin: 0 0 12px 18px;
}

.paragraph--type--titre-et-contenu li::before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 12px;
    background: url(../img/picto/picto-fleche-bleue-clair.svg);
    background-size: auto;
    background-size: cover;
    position: absolute;
    top: 2px;
    left: -25px;
}

.page-node-1685 .paragraph--type--double-colonne {
    position: relative;
    padding-bottom: 80px;
}

.page-node-1685 .paragraph--type--double-colonne::before {
    content: "";
    display: inline-block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 550px;
    height: 180px;
    background: url(../img/bg/bg_db_col.png);
    background-position-x: 0%;
    background-position-y: 0%;
    background-repeat: repeat;
    background-size: auto;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: bottom;
}

.paragraph--type--adherer-bulletin {
    margin: 0 auto;
    text-align: center;
    display: -webkit-box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    width: 710px;
}

.paragraph--type--bloc-double-liens {
    margin: 0 auto 30px;
    text-align: center;
    display: -webkit-box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    max-width: 800px;
}

.paragraph--type--adherer-bulletin .gauche,
.paragraph--type--adherer-bulletin .droite,
.paragraph--type--bloc-double-liens .gauche,
.paragraph--type--bloc-double-liens .droite {
    width: 90%;
    margin: 0 auto;
    padding: 22px;
    border-radius: 4px;
}

.paragraph--type--adherer-bulletin .gauche,
.paragraph--type--bloc-double-liens .gauche {
    background-color: #c5e7ee;
    margin-bottom: 20px;
}

.paragraph--type--adherer-bulletin .gauche,
.paragraph--type--adherer-bulletin .droite,
.paragraph--type--bloc-double-liens .gauche,
.paragraph--type--bloc-double-liens .droite {
    width: 50%;
    margin: 0;
    padding: 32px 35px;
}

.paragraph--type--adherer-bulletin .gauche,
.paragraph--type--bloc-double-liens .gauche {
    border-radius: 4px 0 0 4px;
}

.paragraph--type--adherer-bulletin .pg_title::after,
.paragraph--type--bloc-double-liens .pg_title::after {
    content: "";
    display: inline-block;
    position: absolute;
    bottom: -12px;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    height: 4px;
    width: 150px;
    background-color: #fff;
}

.paragraph--type--adherer-bulletin .pg_title,
.paragraph--type--bloc-double-liens .pg_title {
    position: relative;
    margin-bottom: 38px;
    text-transform: uppercase;
    font-size: 28px;
    color: #fff;
    font-weight: 600;
}

.paragraph--type--adherer-bulletin .gauche .pg_title,
.paragraph--type--bloc-double-liens .gauche .pg_title {
    padding: 0 46px;
}

.paragraph--type--adherer-bulletin .pg_contenu,
.paragraph--type--bloc-double-liens .pg_contenu {
    color: #fff;
}

.paragraph--type--adherer-bulletin a,
.paragraph--type--bloc-double-liens a {
    display: inline-block;
    margin-top: 20px;
    border-radius: 6px;
    background-color: #fff;
    padding: 10px 20px;
    text-transform: uppercase;
    font-weight: 600;
    color: #fcce55;
}

.paragraph--type--adherer-bulletin a:hover,
.paragraph--type--bloc-double-liens a:hover {
    color: #104274;
}

.paragraph--type--adherer-bulletin .droite,
.paragraph--type--bloc-double-liens .droite {
    background-color: #fcce55;
    border-radius: 0 4px 4px 0;
}

#bulletins select {
    width: 100%;
    padding: 10px;
    border-radius: 4px;
    border: 0;
    color: #303030;
}

.view-documentation {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
}

.view-documentation form {
    width: 100%;
    /* max-width: 800px; */
    margin: 0 auto;
    padding: 20px 30px;
    background-color: #f1f1f1;
    border-top: 5px solid #fcce55;
    border-radius: 6px;
    padding: 0;
    border-top: none;
    border-radius: 0;
    background-color: transparent;
}

.views-exposed-form>.form--inline {
    margin: 55px 0 30px 0;
    display: -webkit-box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.views-exposed-form>.form--inline>.form-item {
    float: left;
    padding: .5em 1em 0 0;
}

.views-exposed-form select,
.views-exposed-form input {
    height: 40px;
    padding: 10px 26px 10px 14px;
    border: 1px solid #59acd8;
    border-radius: 6px;
    color: #4d4d4d;
    font-size: 13px;
}

.views-exposed-form .form-type-select,
.views-exposed-form .shs-widget-container {
    position: relative;
}

.views-exposed-form .form-item-filemime::after,
.views-exposed-form .shs-widget-container::after {
    content: "";
    display: inline-block;
    position: absolute;
    top: 50%;
    right: 6px;
    width: 20px;
    height: 12px;
    -webkit-transform: translateY(-50%) rotate(90deg);
    transform: translateY(-50%) rotate(90deg);
    background: url(../img/picto/picto-fleche-bleue.svg);
    background-size: auto;
    background-size: cover;
}

.views-exposed-form .form-item-filemime select,
.views-exposed-form .shs-widget-container select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: white;
}

.shs-field-container {
    margin-bottom: 0;
}

.views-exposed-form .form-actions input {
    display: none;
}

.view-documentation .views-row {
    position: relative;
    width: 90%;
    margin: 0 auto 20px auto;
    min-width: 200px;
    padding: 20px 12px 30px 12px;
    border-radius: 4px;
    -webkit-box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .15);
    text-align: left;
}

.view-documentation .views-field-title {
    position: relative;
    margin-bottom: 20px;
    display: -webkit-box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -moz-justify-content: space-between;
    justify-content: space-between;
}

.view-documentation .views-field-title::before {
    content: "";
    position: relative;
    display: inline-block;
    left: -5px;
    top: 0;
    height: 60px;
    width: 60px;
    margin-bottom: 25px;
    background-image: url(../img/picto/picto-fichier.svg);
    background-size: cover;
}

.view-documentation .xls .views-field-title::before,
.view-documentation .xlsx .views-field-title::before {
    display: block;
    background-image: url(../img/picto/picto-xls.svg);
}

.view-documentation .pdf .views-field-title::before {
    display: block;
    background-image: url(../img/picto/picto-pdf.svg);
}

.view-documentation .doc .views-field-title::before,
.view-documentation .docx .views-field-title::before,
.view-documentation .txt .views-field-title::before,
.view-documentation .odt .views-field-title::before {
    background-image: url(../img/picto/picto-doc.svg);
}

.view-documentation .ods .views-field-title::before {
    background-image: url(../img/picto/picto-ods.png);
    background-size: contain;
    background-repeat: no-repeat;
}

.view-documentation .views-field-title::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    height: 4px;
    width: 100%;
    border-radius: 2px;
    background-color: #104274;
}

.view-documentation .views-field-field-document-description {
    margin-bottom: 65px;
}

.view-documentation .xls .views-field-title::after,
.view-documentation .xlsx .views-field-title::after {
    background-color: #038137;
}

.view-documentation .pdf .views-field-title::after {
    background-color: #e52c13;
}

.view-documentation .views-field-title span {
    text-transform: uppercase;
    font-size: 12px;
    color: #104274;
    font-weight: 700;
    margin-bottom: 30px;
    text-align: left;
}

.view-documentation .views-field-title .field-content {
    width: calc(100% - 65px);
}

.view-documentation .views-field-filemime {
    display: block;
    position: absolute;
    right: 20px;
    bottom: 25px;
    width: 100px;
}

.view-documentation .views-field-filemime a {
    display: inline-block;
    position: relative;
    width: 100px;
    height: 40px;
}

.view-documentation .views-field-filemime a::before {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    width: 20px;
    height: 20px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.view-documentation .xls .views-field-filemime a::before,
.view-documentation .xlsx .views-field-filemime a::before {
    display: block;
    background-image: url(../img/picto/picto-telecharger-vert.svg);
}

.view-documentation .pdf .views-field-filemime a::before {
    display: block;
    background-image: url(../img/picto/picto-visualiser-rouge.svg);
}

.view-documentation .doc .views-field-filemime a::before,
.view-documentation .docx .views-field-filemime a::before,
.view-documentation .txt .views-field-filemime a::before,
.view-documentation .odt .views-field-filemime a::before {
    display: block;
    background-image: url(../img/picto/picto-telecharger-bleu.svg);
}

.view-documentation .ods .views-field-filemime a::before {
    display: block;
    background-image: url(../img/picto/picto-telecharger-bleu.svg);
}

.view-documentation .views-field-filemime a::after {
    width: 100%;
    margin-top: 25px;
    text-align: center;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 11px;
    color: #4d4d4d;
}

.view-documentation .xls .views-field-filemime a::after,
.view-documentation .xlsx .views-field-filemime a::after {
    content: "Télécharger";
    display: block;
}

.view-documentation .pdf .views-field-filemime a::after {
    content: "Visualiser";
    display: block;
}

.view-documentation .doc .views-field-filemime a::after,
.view-documentation .docx .views-field-filemime a::after,
.view-documentation .txt .views-field-filemime a::after,
.view-documentation .odt .views-field-filemime a::after {
    content: "Télécharger";
    display: block;
}

.view-documentation .ods .views-field-filemime a::after {
    content: "Télécharger";
    display: block;
}

.page-node-1690 .block-views-blockvue-actu-block-1,
.page-node-1714 .block-views-blockvue-faq-block-1 {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    margin-top: 0px;
    font-size: 12px;
    margin-top: 50px;
}

.block-views-blockvue-faq-block-1 form {
    width: 100%;
    max-width: 800px;
    margin: 0 auto;
    padding: 20px 30px;
    background-color: #f1f1f1;
    border-top: 5px solid #fcce55 !important;
    border-radius: 6px;
}

.page-node-1714 .paragraph--type--double-colonne-home {
    margin-bottom: 0;
}

.page-node-1690 .view-content,
.page-node-1714 .view-content {
    margin: 0 auto;
}

.page-node-1690 .views-row,
.page-node-1714 .views-row {
    box-shadow: 0 3px 10px rgba(0, 0, 0, .15);
    border-radius: 4px;
    margin: 0 auto 20px auto;
    width: 280px;
    margin-top: 30px;
}

.page-node-1690 .views-field,
.page-node-1714 .views-field {
    padding: 0 22px;
}

.page-node-1690 .views-field-field-miniature,
.page-node-1714 .views-field-field-miniature {
    padding: 0;
}

.page-node-1690 img,
.page-node-1714 img {
    width: 100%;
    border-radius: 4px 4px 0 0;
}

.page-node-1690 .views-field-title,
.page-node-1714 .views-field-title {
    display: block;
    margin-bottom: 18px;
}

.page-node-1690 .views-field-title a,
.page-node-1714 .views-field-title a {
    text-transform: uppercase;
    font-size: 12px;
    color: #104274;
    font-weight: 700;
}

.page-node-1714 .views-field-title a {
    font-size: 15px;
}

.page-node-1714 .views-field-title {
    margin-top: 10px;
}

.page-node-1714 .views-field-field-question .field-content {
    font-size: 13px;
}

.page-node-1714 .views-field-field-question .field-content span {
    text-decoration: underline;
    font-weight: 600;
}

.page-node-1690 .views-field-view-node,
.page-node-1714 .views-field-view-node {
    padding: 20px 22px 20px;
}

.page-node-1690 .views-field-view-node a,
.page-node-1714 .views-field-view-node a {
    margin: 10px 0 35px 0;
    text-transform: uppercase;
    text-decoration: underline;
}

.page-node-1714 .views-field-view-node .field-content a {
    text-decoration: none;
    font-size: 1.1em;
    font-weight: 800;
}

.page-node-1690 .views-field-view-node .field-content a,
.page-node-1714 .views-field-view-node .field-content a {
    color: #fcce55;
}

.page-node-1690 .gutter-sizer,
.page-node-1714 .gutter-sizer {
    width: 20px;
}

.grid-sizer,
.grid-item {
    width: 100%;
}

.page-node-1690 .views-field-field-date,
.page-node-1714 .views-field-field-date {
    display: block;
    margin: 20px 0 8px 0;
    text-transform: uppercase;
    font-size: 12px;
    color: #c8c8c8;
    font-weight: 700;
}

/* FAQ */
.node--type-faq {
    width: 100%;
    max-width: 800px;
    margin: 0 auto;
}

.node--type-faq .field--name-body {
    margin: 45px auto 12px auto;
    text-align: center;
    color: #104274;
    font-size: 24px;
    font-weight: 700;
}

.node--type-faq .field--name-body p {
    color: #104274;
}

.paragraph--type--double-colonne-faq {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    margin-top: 0px;
    display: -webkit-box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -moz-justify-content: space-between;
    justify-content: space-between;
}

.node--type-faq .paragraph--type--double-colonne-faq {
    margin-top: 45px;
}

.paragraph--type--double-colonne-faq>div {
    width: 100%;
    padding: 0 12px;
}

.node--type-faq .field--name-field-question-detail {
    margin: 0 0 20px;
    font-size: 17px;
}

.node--type-faq .field--name-field-question-detail p {
    line-height: 20px;
}

.node--type-faq .paragraph--type--double-colonne-faq .paragraph--type--titre-et-contenu {
    margin-top: 0;
}

.node--type-faq h4 {
    margin: 0 0 22px 0;
}

/* ACTUALITES */
.node--type-actualites {
    width: 100%;
    max-width: 800px;
    margin: 0 auto;
}

.node--type-actualites .field--name-body {
    margin: 45px auto 12px auto;
    text-align: center;
    color: #104274;
    font-size: 24px;
    font-weight: 700;
}

.node--type-actualites .field--name-body p {
    color: #104274;
    line-height: 26px;
}

.node--type-actualites .field--name-field-date {
    text-align: center;
    font-size: 12px;
    margin-bottom: 40px;
}

.node--type-actualites .paragraph--type--double-colonne {
    margin-top: 45px;
}

.node--type-actualites .paragraph--type--double-colonne .paragraph--type--titre-et-contenu {
    margin-top: 0;
}

.node--type-actualites .paragraph--type--titre-et-contenu .field--name-field-titre {
    font-size: 18px;
    color: #fcce55;
}

/* WEBFORM */
.block-webform form {
    width: 100%;
    max-width: 800px;
    margin: 0 auto;
    padding: 20px 30px;
    background-color: #f1f1f1;
    border-top: 5px solid #fcce55;
    border-radius: 6px;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    justify-content: space-between;
}

.js-form-item,
.form-item {
    width: 100%;
}

.js-form-item-nom,
.js-form-item-prenom,
.js-form-item-email,
.js-form-item-telephone {
    width: 45%;
}

.js-form-item-ville {
    width: 66%;
}

.js-formitem-code-postal {
    width: 30%;
}


.block-webform form .form-actions::after {
    content: "";
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 65px;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    width: 25px;
    height: 23px;
    background: url(../img/picto/picto-fleche-jaune.svg);
    background-size: auto;
    background-size: cover;
}

.block-webform form .form-actions {
    position: relative;
    display: block;
    width: 270px;
    margin: 42px auto 0 auto;
    text-align: center;
}

.block-webform form .form-actions input {
    width: auto;
    background-color: #104274;
    text-transform: uppercase;
    font-size: 20px;
    color: #fff;
    padding: 12px 50px 12px 70px;
    margin: 0;
    max-width: inherit;
}

.webform-confirmation {
    width: 100%;
    max-width: 1200px;
    margin: 40px auto 40px;
    text-align: center;
}

.block-webform form.webform-submission-bulletin-d-adhesion-form {
    padding: 0;
    border-top: none;
    border-radius: 0;
    background-color: transparent;
    padding-bottom: 100px;
}

.webform-submission-bulletin-d-adhesion-form details {
    width: 100%;
    margin-bottom: 30px;
    padding: 0;
    background-color: #f1f1f1;
    border: 0;
    border-radius: 6px;
}

.webform-submission-bulletin-d-adhesion-form summary {
    position: relative;
    display: block;
    width: 100%;
    max-width: 100%;
    padding: 10px 20px 10px 40px;
    background-color: #c5e7ee;
    border-radius: 6px 6px 0 0;
    text-transform: uppercase;
    font-size: 22px;
    color: #fff;
    font-weight: 700;
    line-height: 24px;
    box-sizing: border-box;
}

.webform-submission-bulletin-d-adhesion-form summary[aria-expanded="false"] {
    border-radius: 6px;
}

.webform-submission-bulletin-d-adhesion-form [data-webform-key="vous_etes"] summary {
    background-color: #104274;
}

.webform-submission-bulletin-d-adhesion-form .details-wrapper {
    padding: 20px 45px 5px 45px;
    border-top: 5px solid #fcce55;
    margin-top: 1px;
}

.webform-submission-bulletin-d-adhesion-form [data-webform-key="votre_identite"] .details-wrapper,
.webform-submission-bulletin-d-adhesion-form [data-webform-key="votre_activite"] .details-wrapper {
    display: -webkit-box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -moz-justify-content: space-between;
    justify-content: space-between;
}

.webform-submission-bulletin-d-adhesion-form .form-checkboxes,
.webform-submission-bulletin-d-adhesion-form .form-radios {
    display: -webkit-box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    flex-direction: row;
}

.webform-submission-bulletin-d-adhesion-form .form-radios>div {
    width: 25%;
}

[data-webform-key="vous_etes"] .form-radios {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    width: 100%;
}

[data-webform-key="vous_etes"] .form-radios>div {
    width: auto;
    margin-right: 20px
}

[data-webform-key="vous_etes"] .form-radios>div:last-child {
    margin-right: 0;
}

.div.details-wrapper {
    display: flex;
    flex-direction: row;
}

.webform-submission-bulletin-d-adhesion-form summary[aria-expanded="false"]::before {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

.webform-submission-bulletin-d-adhesion-form label,
.webform-submission-bulletin-d-adhesion-form legend {
    color: #5f5f5f;
    font-weight: 600;
    margin-bottom: 10px;
}

.webform-submission-bulletin-d-adhesion-form .radios--wrapper>legend {
    text-transform: uppercase;
    font-size: 15px;
    color: #5f5f5f;
    font-weight: 700;
}

.webform-submission-bulletin-d-adhesion-form .form-checkboxes label,
.webform-submission-bulletin-d-adhesion-form .form-radios label {
    margin-bottom: 30px;
    font-weight: 400;
}

.webform-submission-bulletin-d-adhesion-form .form-checkboxes>div label,
.webform-submission-bulletin-d-adhesion-form .form-radios>div label {
    display: inline-block;
    margin-bottom: 15px;
}

.webform-submission-bulletin-d-adhesion-form .js-form-item-nom,
.webform-submission-bulletin-d-adhesion-form .js-form-item-prenom,
.webform-submission-bulletin-d-adhesion-form .js-form-item-code-postal,
.webform-submission-bulletin-d-adhesion-form .js-form-item-ville,
.webform-submission-bulletin-d-adhesion-form .js-form-item-ville-pro,
.webform-submission-bulletin-d-adhesion-form .js-form-item-telephone-portable,
.webform-submission-bulletin-d-adhesion-form .js-form-item-telephone-personnel,
.webform-submission-bulletin-d-adhesion-form .js-form-item-telephone-professionnel,
.webform-submission-bulletin-d-adhesion-form .js-form-item-telecopie,
.webform-submission-bulletin-d-adhesion-form .js-form-item-code-ape__-naf,
.webform-submission-bulletin-d-adhesion-form .js-form-item-reference-obligation-fiscale-rof,
.webform-submission-bulletin-d-adhesion-form .js-formitem-nom,
.webform-submission-bulletin-d-adhesion-form .js-form-item-nom,
.webform-submission-bulletin-d-adhesion-form .js-form-item-nom,
.webform-submission-bulletin-d-adhesion-form .js-form-item-nom,
.webform-submission-bulletin-d-adhesion-form .js-form-item-nom,
.webform-submission-bulletin-d-adhesion-form .js-form-item-nom
 {
    width: 45%;
}

.webform-submission-bulletin-d-adhesion-form .js-form-item-code-postal-pro {
    width: 30%;
}

.webform-submission-bulletin-d-adhesion-form .js-formitem-ville-pro {
    width: 60%;
}

.webform-submission-bulletin-d-adhesion-form .webform-element-description {
    margin-top: 8px;
    font-size: 13px;
    color: #0d4275;
    line-height: 15px;
}

.webform-submission-bulletin-d-adhesion-form .wrapper-cas-echeant,
.webform-submission-bulletin-d-adhesion-form .form-item-adresse-professionnelle,
.webform-submission-bulletin-d-adhesion-form .form-item-n-siret,
.webform-submission-bulletin-d-adhesion-form .wrapper-cas-echeant,
.webform-submission-bulletin-d-adhesion-form .wrapper-cas-echeant,
.webform-submission-bulletin-d-adhesion-form .wrapper-cas-echeant,
.webform-submission-bulletin-d-adhesion-form .wrapper-cas-echeant,
.webform-submission-bulletin-d-adhesion-form .wrapper-cas-echeant {
    border-top: 2px solid #fff;
    padding-top: 30px;
}

.webform-submission-bulletin-d-adhesion-form [data-webform-key="regime_fiscal"] .form-radios>div {
    width: 50%;
}

.webform-submission-bulletin-d-adhesion-form [data-webform-key="votre_suivi_comptable"] .form-radios>div {
    width: 100%;
}

.webform-submission-bulletin-d-adhesion-form [data-webform-key="correspondance"] label a:not(.notBloc) {
    display: block;
    height: 9px;
}

.webform-submission-bulletin-d-adhesion-form .description a {
    font-size: 14px;
    text-decoration: underline;
    color: #104274;
}

.webform-submission-bulletin-d-adhesion-form .description a:hover {
    color: #104274;
}

.webform-submission-bulletin-d-adhesion-form .form-item-type-de-cotisation {
    display: none;
    color: none;
    text-align: none;
}

.form-type-textfield.js-form-item.form-item.js-form-type-textfield.form-type--textfield.js-form-item-type-de-cotisation.form-item--type-de-cotisation {
    display: none;
}

.webform-submission-bulletin-d-adhesion-form [data-webform-key="votre_cotisation"] .details-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
}

.webform-submission-bulletin-d-adhesion-form [data-webform-key="votre_cotisation"] .webform-warning {
    display: none;
    font-size: 12px;
    text-transform: none;
    color: #e52c13;
    padding-top: 10px;
}

.webform-submission-bulletin-d-adhesion-form [data-webform-key="votre_cotisation"] .webform-content,
.webform-submission-bulletin-d-adhesion-form [data-webform-key="votre_cotisation"] .content-price-precedent {
    display: none;
}

.webform-submission-bulletin-d-adhesion-form [data-webform-key="votre_cotisation"] .webform-content.active,
.webform-submission-bulletin-d-adhesion-form [data-webform-key="votre_cotisation"] .content-price-precedent.active,
.webform-submission-bulletin-d-adhesion-form [data-webform-key="votre_cotisation"] .content-price.active,
.webform-submission-bulletin-d-adhesion-form [data-webform-key="votre_cotisation"] .webform-warning.active {
    display: block;
}

.webform-submission-bulletin-d-adhesion-form [data-webform-key="votre_cotisation"] .form-item-jopte-pour-un-prelevement-automatique-de-ma-cotisation {
    border-top: 2px solid #fdfdfd;
    padding-top: 20px;
}

.webform-submission-bulletin-d-adhesion-form .error-message {
    width: 100%;
    padding: 20px;
    margin-bottom: 20px;
    border-color: #f5c6cb;
    border-radius: .25rem;
    background: #f8d7da;
    color: #721c24;
}

.webform-submission-bulletin-d-adhesion-form .webform-details-toggle-state-wrapper {
    display: none;
}

.webform-submission-bulletin-d-adhesion-form .form-item-premiere-adhesion__-a-compter-du label,
.webform-submission-bulletin-d-adhesion-form .form-item-en-cas-de-transfert__-a-compter-du label,
.webform-submission-bulletin-d-adhesion-form .form-item-et-jadhere-a-lagpla-de-rennes-a-compter-du label {
    text-transform: uppercase;
}

.webform-submission-bulletin-d-adhesion-form [data-webform-key="votre_adhesion"] .message_doubleCotisation,
.webform-submission-bulletin-d-adhesion-form [data-webform-key="votre_adhesion"] .message_doubleCotisation_confirm {
    font-size: 12px;
    text-transform: none;
    color: #e52c13;
    font-weight: 600;
    margin-top: 10px;
    margin-bottom: 10px;
}

.webform-submission-bulletin-d-adhesion-form .webform-message {
    display: block;
    font-size: 12px;
    text-transform: none;
    color: #e52c13;
    padding-top: 10px;
}

.webform-submission-bulletin-d-adhesion-form [data-webform-key="votre_adhesion"] .date-select-bloc {
    display: none;
    margin: 20px 0 40px;
    padding-left: 20px;
}

.webform-submission-bulletin-d-adhesion-form [data-webform-key="votre_adhesion"] .date-select-bloc.active {
    display: block;
}

.webform-submission-bulletin-d-adhesion-form [data-webform-key="votre_adhesion"] .date-select-bloc .radio-bloc {
    position: relative;
    padding-left: 28px;
}

.webform-submission-bulletin-d-adhesion-form [data-webform-key="votre_adhesion"] .date-select-bloc label::after {
    margin: 0;
    background-image: none;
}

.hide {
    display: none;
}

.webform-submission-bulletin-d-adhesion-form [data-webform-key="votre_adhesion"] input[type=date] {
    display: none;
}

/* COMMERCE */
.commerce-checkout-flow-multistep-default {
    width: 100%;
    max-width: 800px;
    margin: 0 auto;
    padding: 20px 30px;
    background-color: #f1f1f1;
    border-top: 5px solid #fcce55;
    border-radius: 6px;
}

.checkout-body-message {
    max-width: 800px;
    margin: 50px auto 25px;
    padding: 0 20px;
    font-weight: 600;
    text-align: center;
}

.commerce-checkout-flow-multistep-default .form-actions {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.commerce-checkout-flow-multistep-default .form-actions input {
    margin-bottom: 30px;
    background: #104274;
    color: #fdfdfd;
    font-weight: 600;
    max-width: 100%;
}

.commerce-checkout-flow-multistep-default .form-actions a {
    color: #0071B3;
    padding: 4px 6px;
}

.checkout-order-summary table,
.checkout-order-summary .order-total-line__subtotal {
    display: none;
}

.commerce-checkout-flow-multistep-default .order-total-line__total {
    display: flex;
    justify-content: center;
    font-size: 16px;
}

.page-node-1807 .region-content .field--name-body p {
    max-width: 800px;
    margin: 50px auto 0;
    padding: 0 20px;
    font-weight: 600;
}

.block-webform .webform-submission-paiement-en-ligne-add-form {
    padding: 0;
    border: 0;
    background-color: initial;
}

.webform-submission-paiement-en-ligne-add-form fieldset {
    width: 100%;
    padding: 0;
    border: 0;
    background-color: #f1f1f1;
}

.webform-submission-paiement-en-ligne-add-form fieldset legend {
    width: 100%;
    padding: 10px 20px;
    background-color: #104274;
    border-radius: 6px 6px 0 0;
}

.webform-submission-paiement-en-ligne-add-form fieldset legend span {
    text-transform: uppercase;
    font-size: 22px;
    color: #fdfdfd;
    font-weight: 700;
}

.webform-submission-paiement-en-ligne-add-form fieldset .fieldset-wrapper {
    padding: 20px 40px;
    border-top: 5px solid #fcce55;
    margin-top: 1px;
}

.webform-submission-paiement-en-ligne-add-form fieldset .fieldset-wrapper select {
    padding: 10px;
    border-radius: 4px;
    border: 1px solid #104274;
    background-color: #fdfdfd;
}


.arcolib-confirmation-adhesion-page {
    text-align: center;
    padding: 40px 0 0px 0;
}

.messages_webformadhesion {
    width: 90%;
    max-width: 850px;
    margin: 50px auto;
    padding: 20px;
    border: 0;
    background: 0 0;
    font-size: 15px;
    text-align: center;
    border: 2px solid #fcce55;
    border-radius: 6px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.messages_webformadhesion a {
    font-weight: 700;
    margin-top: 10px;
    color: #104274;
}

.messages_webformadhesion.red {
    color: red;
    font-weight: 600;
}

.checkout-complete {
    text-align: center;
}

.checkout-complete a {
    color: #104274;
}

/* Désactiver l'effet de survol sur les titres des sections du formulaire */
.webform-submission-bulletin-d-adhesion-form summary:hover,
.webform-submission-bulletin-d-adhesion-form legend:hover {
    background-color: #c5e7ee;
    color: white;
    cursor: default;
    text-decoration: none;
    cursor: pointer;
}

/* Désactiver l'effet de survol sur les liens dans les titres */
.webform-submission-bulletin-d-adhesion-form summary a:hover,
.webform-submission-bulletin-d-adhesion-form legend a:hover {
    color: white;
    text-decoration: none;
    background-color: #c5e7ee;
}


/* RECHERCHE */
.path-search .region-content .search-form {
    max-width: none;
    width: 100%;
    background: #104274;
    padding: 50px 0 40px;
    margin: 0 0 60px;
    border-top: 5px solid #fcce55;
    border-radius: 6px;
}

.path-search .region-content .search-form>div {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    max-width: 400px;
    margin: 0 auto;
    padding: 0 20px;
}

.path-search .region-content .search-form>a,
.path-search .region-content .search-form>details {
    display: none;
}

.path-search .region-content .search-form label {
    display: block;
    margin-bottom: 10px;
    color: #fff;
}

.path-search .region-content .search-form input {
    margin-top: 0;
    margin-bottom: 0;
}

.path-search .region-content .search-form input[type="submit"] {
    display: block;
    max-width: 250px;
    margin: 20px auto 0 40px;
    background: #fcce55;
    color: #104274;
    font-weight: 600;
    font-family: sans-serif;
    font-size: 100%;
    line-height: 1.15;
    text-transform: inherit;
}

.path-search .region-content h2 {
    max-width: 1000px;
    margin: 0 auto;
    padding: 0 20px;
    margin-bottom: 30px;
    font-size: 20px;
}

.path-search .region-content .item-list {
    max-width: 1000px;
    margin: 0 auto;
    padding: 0 20px 0 40px;
}

.path-search .region-content .search-results h3 {
    margin-bottom: 4px;
    color: #104274;
    font-size: 16px;
}

.path-search .region-content .search-results h3 a {
    color: #104274;
}

.path-search .region-content .search-results li {
    position: relative;
    margin: 0 0 10px;
    padding: 25px 0;
}

.path-search .region-content .search-results li::after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    height: 1px;
    width: 100%;
    background-color: #104274;
    opacity: .3;
}

.path-search .region-content .search-results .search-type {
    color: #fcce55;
    font-weight: 600;
}

.path-search .region-content .search-results .search-result__snippet {
    margin-top: 10px;
}

.path-search .region-content .search-results .search-snippet-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    max-width: 240px;
    margin-top: 7px;
    color: #104274;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 13px;
}

.path-search .region-content .search-results .search-snippet-link::before {
    content: "";
    display: block;
    background-image: url(../img/picto/picto-telecharger-bleu.svg);
    width: 15px;
    height: 15px;
    margin-right: 10px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}


form.user-login-form {
    width: 100%;
    max-width: 800px;
    margin: 0 auto;
    margin-top: 50px;
    padding: 20px 30px;
    background-color: #f1f1f1;
    border-top: 5px solid #fcce55;
    border-radius: 6px;
    padding: 20px 45px;
}

form.user-login-form .form-actions {
    position: relative;
    display: block;
    width: 270px;
    margin: 42px auto 0 auto;
    text-align: center;
}

form.user-login-form .form-actions::after {
    content: "";
    display: inline-block;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    width: 25px;
    background: url(../img/picto/picto-fleche-jaune.svg);
    background-size: auto;
    background-size: cover;
    left: 38px;
    height: 18px;
}

form.user-login-form .form-actions input {
    width: auto;
    background-color: #104274;
    text-transform: uppercase;
    font-size: 20px;
    color: #fff;
    padding: 12px 50px 12px 70px;
    max-width: 100%;
    margin: 0;
}


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

    .views-exposed-form>.form--inline {
        margin: 55px 0;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
    }

    .views-exposed-form>.form--inline>.form-item {
        width: auto;
        margin: 0 0 20px 0;
        padding: 0 5px 0 0;
    }

    .views-exposed-form .shs-widget-container {
        padding: 0 5px 0 0;
    }

    .view-documentation .view-content {
        display: -webkit-box;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: distribute;
        -moz-justify-content: space-around;
        justify-content: space-around;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .view-documentation .views-row {
        width: 23%;
        margin: 0 0 50px 0;
    }

    .block-views-blockvue-faq-block-1 form {
        padding: 20px 45px;
    }

    .paragraph--type--double-colonne-faq>div {
        width: 50%;
        max-width: 550px;
    }
}

/* Message status */
.messages {
    max-width: 80%;
    margin: 0 auto 30px;
}



.field--name-field-vimeo-video {
    display: none;
}



/* DOC prives : elu */



.view-documentation-prives {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
}

.view-documentation-prives form {
    width: 100%;
    max-width: 800px;
    margin: 0 auto;
    padding: 20px 30px;
    background-color: #f1f1f1;
    border-top: 5px solid #fcce55;
    border-radius: 6px;
    padding: 0;
    border-top: none;
    border-radius: 0;
    background-color: transparent;
}


.view-documentation-prives .views-row {
    position: relative;
    width: 90%;
    margin: 0 auto 20px auto;
    min-width: 200px;
    padding: 20px 12px 30px 12px;
    border-radius: 4px;
    -webkit-box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .15);
    text-align: left;
}


.view-documentation-prives .views-field-field-document-reserve {
    margin: 0 0 20px 60px;
    padding: 0 0 20px;
}


.view-documentation-prives .views-field-title,
.view-documentation-prives .views-field-field-document-reserve {
    position: relative;
    height: 40px;
    display: -webkit-box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -moz-justify-content: space-between;
    justify-content: space-between;
}

.view-documentation-prives .views-field-title::before {
    content: "";
    position: relative;
    display: inline-block;
    left: -5px;
    top: 0;
    height: 60px;
    width: 60px;
    margin-bottom: 25px;
    background-image: url(../img/picto/picto-fichier.svg);
    background-size: cover;
}

.view-documentation-prives .xls .views-field-title::before,
.view-documentation-prives .xlsx .views-field-title::before {
    display: block;
    background-image: url(../img/picto/picto-xls.svg);
}

.view-documentation-prives .pdf .views-field-title::before {
    display: block;
    background-image: url(../img/picto/picto-pdf.svg);
}

.view-documentation-prives .doc .views-field-title::before,
.view-documentation-prives .docx .views-field-title::before,
.view-documentation-prives .txt .views-field-title::before,
.view-documentation-prives .odt .views-field-title::before {
    background-image: url(../img/picto/picto-doc.svg);
}

.view-documentation-prives .ods .views-field-title::before {
    background-image: url(../img/picto/picto-ods.png);
    background-size: contain;
    background-repeat: no-repeat;
}

.view-documentation-prives .views-row::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    height: 4px;
    width: 100%;
    border-radius: 2px;
    background-color: #104274;
}

.view-documentation-prives .views-field-field-document-description {
    margin-bottom: 65px;
}

.view-documentation-prives .xls .views-field-title::after,
.view-documentation-prives .xlsx .views-field-title::after {
    background-color: #038137;
}

.view-documentation-prives .pdf .views-field-title::after {
    background-color: #e52c13;
}

.view-documentation-prives .views-field-title span {
    text-transform: uppercase;
    font-size: 12px;
    color: #104274;
    font-weight: 700;
    margin-bottom: 30px;
    text-align: left;
}

.view-documentation-prives .views-field-title span a {
    color: #104274;
}

.view-documentation-prives .views-field-title .field-content,
.view-documentation-prives .views-field-field-document-reserve {
    width: calc(100% - 65px);
}

.view-documentation-prives .views-field-filemime {
    display: block;
    position: absolute;
    right: 20px;
    bottom: 25px;
    width: 100px;
}

.view-documentation-prives .views-field-filemime a {
    display: inline-block;
    position: relative;
    width: 100px;
    height: 40px;
}

.view-documentation-prives .views-field-filemime a::before {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    width: 20px;
    height: 20px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.view-documentation-prives .xls .views-field-filemime a::before,
.view-documentation-prives .xlsx .views-field-filemime a::before {
    display: block;
    background-image: url(../img/picto/picto-telecharger-vert.svg);
}

.view-documentation-prives .pdf .views-field-filemime a::before {
    display: block;
    background-image: url(../img/picto/picto-visualiser-rouge.svg);
}

.view-documentation-prives .doc .views-field-filemime a::before,
.view-documentation-prives .docx .views-field-filemime a::before,
.view-documentation-prives .txt .views-field-filemime a::before,
.view-documentation-prives .odt .views-field-filemime a::before {
    display: block;
    background-image: url(../img/picto/picto-telecharger-bleu.svg);
}

.view-documentation-prives .ods .views-field-filemime a::before {
    display: block;
    background-image: url(../img/picto/picto-telecharger-bleu.svg);
}

.view-documentation-prives .views-field-filemime a::after {
    width: 100%;
    margin-top: 25px;
    text-align: center;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 11px;
    color: #4d4d4d;
}

.view-documentation-prives .xls .views-field-filemime a::after,
.view-documentation-prives .xlsx .views-field-filemime a::after {
    content: "Télécharger";
    display: block;
}

.view-documentation-prives .pdf .views-field-filemime a::after {
    content: "Visualiser";
    display: block;
}

.view-documentation-prives .doc .views-field-filemime a::after,
.view-documentation-prives .docx .views-field-filemime a::after,
.view-documentation-prives .txt .views-field-filemime a::after,
.view-documentation-prives .odt .views-field-filemime a::after {
    content: "Télécharger";
    display: block;
}

.view-documentation-prives .ods .views-field-filemime a::after {
    content: "Télécharger";
    display: block;
}


nav#block-menudocumentprives {
    position: relative;
}

a.deconnexion-elu {
    position: absolute !important;
    left: 14px;
    top: 30px;
}


/*

 Theme claro imorté

*/

.button:not(:focus) {
    box-shadow: none;
}

.item-list,
.menu-item {
    --item-list-spacing-l: var(--space-l);
    --item-list-spacing-m: var(--space-m);
}



:root {
    --size-summary-border-radius: calc(var(--details-border-size-radius) - var(--details-border-size));
    --summary-accordion-padding-vertical: calc(var(--space-l) + ((var(--space-m) - var(--space-l)) / 2));
    --summary-accordion-line-height: var(--space-l);
}

.claro-details {
    display: block;
    margin-block: var(--space-m);
    color: var(--color-text);
    border: var(--details-border-size) solid var(--details-border-color);
    border-radius: var(--details-border-size-radius);
    background-color: var(--color-white);
    box-shadow: var(--details-box-shadow);
}

td .claro-details {
    width: min-content;
    min-width: 100%;
}

.claro-details--accordion-item,
.claro-details--vertical-tabs-item {
    margin-block: 0;
    border-radius: 0;
    box-shadow: none;
}

.claro-details--accordion-item:first-of-type {
    border-top-left-radius: var(--details-border-size-radius);
    border-top-right-radius: var(--details-border-size-radius);
}

.claro-details--accordion-item:last-of-type {
    border-bottom-right-radius: var(--details-border-size-radius);
    border-bottom-left-radius: var(--details-border-size-radius);
}

/**
   * Details summary styles.
   */

.claro-details__summary {
    position: relative;
    box-sizing: border-box;
    padding-block: var(--space-m);
    padding-inline: var(--details-desktop-wrapper-padding-start) var(--space-m);
    list-style: none;
    cursor: pointer;
    transition: background-color var(--details-bg-color-transition-duration) ease-in-out;
    color: var(--color-gray-800);
    border-radius: var(--size-summary-border-radius);
    background-color: transparent;
    line-height: var(--space-m);
}

/* Modifiers */

.claro-details__summary--accordion,
.claro-details__summary--accordion-item,
.claro-details__summary--vertical-tabs-item {
    padding-block: var(--summary-accordion-padding-vertical);
    padding-inline: var(--details-desktop-wrapper-padding-start) var(--space-l);
    background: var(--color-white);
    line-height: var(--summary-accordion-line-height);
}

/**
   * Accordion list items must not have border radius except they are the first
   * or the last ones.
   */

.claro-details__summary--accordion-item {
    border-radius: 0;
}

.claro-details--accordion-item:first-child .claro-details__summary--accordion-item {
    border-top-left-radius: var(--details-border-size-radius);
    border-top-right-radius: var(--details-border-size-radius);
}

.claro-details--accordion-item:last-child .claro-details__summary--accordion-item {
    border-bottom-right-radius: var(--details-border-size-radius);
    border-bottom-left-radius: var(--details-border-size-radius);
}

/**
   * Details marker styles.
   */

/* Remove the marker on Chrome */

.claro-details__summary::-webkit-details-marker {
    display: none;
}

.claro-details__summary::before {
    position: absolute;
    inset-block-start: 50%;
    inset-inline-start: var(--space-s);
    display: inline-block;
    width: var(--space-m);
    height: var(--space-m);
    margin-block-start: calc(var(--space-m) / -2);
    content: "";
    transition: transform var(--details-transform-transition-duration) ease-in 0s;
    transform: rotate(90deg);
    text-align: center;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3e%3cpath d='M5.21 1.314L3.79 2.723l5.302 5.353-5.303 5.354 1.422 1.408 6.697-6.762z' fill='%23545560'/%3e%3c/svg%3e");
    background-size: contain;
}

[dir="rtl"] .claro-details__summary::before {
    transform: rotate(-270deg);
}

@media (prefers-reduced-motion: reduce) {
    .claro-details__summary::before {
        transition: none;
    }
}

@media (forced-colors: active) {
    .claro-details__summary::before {
        width: 0.5625rem;
        height: 0.5625rem;
        transition:
            transform var(--details-transform-transition-duration) ease-in 0s,
            margin var(--details-transform-transition-duration) ease-in 0s;
        transform: rotate(135deg);
        /* LTR */
        border-block-start: 0.125rem solid;
        border-inline-end: 0.125rem solid;
        background: none;
    }

    [dir="rtl"] .claro-details__summary::before {
        transform: rotate(-225deg);
    }
}

/**
   * Safari (at least version 12.1) cannot handle our details marker
   * transition properly.
   *
   * Every additional pointer triggered toggle event freezes the transition,
   * and the transition is continued and finished after the pointer leaves
   * the Detail elements' summary.
   *
   * Even that it is possible to provide a JavaScript workaround for it (by
   * adding/removing a helper class with JavaScript if the Details is
   * toggled), that hack will make RTL details worse than without the hack.
   *
   * This weird query was found in
   * https://stackoverflow.com/questions/16348489#25975282 (based on the
   * answer it works for Safari 10.1+)
   */

/* stylelint-disable-next-line unit-allowed-list */

@media not all and (min-resolution: 0.001dpcm) {
    @supports (-webkit-appearance: none) {
        .claro-details__summary::before {
            transition: none;
        }
    }
}

/**
   * Details summary focus.
   */

.claro-details__summary::after {
    position: absolute;
    inset: -1px;
    content: "";
    transition: opacity var(--details-box-shadow-transition-duration) ease-in-out;
    pointer-events: none;
    opacity: 0;
    border-radius: var(--details-border-size-radius);
    box-shadow: inset 0 0 0 var(--details-summary-focus-border-size) var(--details-summary-shadow-color);
}

.claro-details>.claro-details__summary--accordion-item::after,
.vertical-tabs__item>.claro-details__summary--vertical-tabs-item::after {
    border-radius: 0;
}

.claro-details:first-child>.claro-details__summary--accordion-item::after,
.vertical-tabs__item--first>.claro-details__summary--vertical-tabs-item::after {
    border-top-left-radius: var(--details-border-size-radius);
    border-top-right-radius: var(--details-border-size-radius);
}

.claro-details:last-child>.claro-details__summary--accordion-item::after,
.vertical-tabs__item--last>.claro-details__summary--vertical-tabs-item::after {
    border-bottom-right-radius: var(--details-border-size-radius);
    border-bottom-left-radius: var(--details-border-size-radius);
}

/**
   * Focus box of accordions and accordion items must not have bottom border
   * radius if their accordion is expanded.
   */

.claro-details[open]>.claro-details__summary--accordion::after,
.claro-details[open]>.claro-details__summary--accordion-item::after,
.vertical-tabs__item--last[open]>.claro-details__summary--vertical-tabs-item::after {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

/**
   * Details summary states.
   */

.claro-details__summary:focus {
    box-shadow: none;
}

[open] .claro-details__summary--accordion,
[open] .claro-details__summary--accordion-item,
[open] .claro-details__summary--vertical-tabs-item {
    color: var(--color-absolutezero);
}

.claro-details__summary:hover::before,
.claro-details__summary:hover:focus::before,
.claro-details[open]>.claro-details__summary:focus::before,
.claro-details[open]>.claro-details__summary--accordion::before,
.claro-details[open]>.claro-details__summary--accordion-item::before,
.claro-details[open]>.claro-details__summary--vertical-tabs-item::before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3e%3cpath d='M5.21 1.314L3.79 2.723l5.302 5.353-5.303 5.354 1.422 1.408 6.697-6.762z' fill='%230036B1'/%3e%3c/svg%3e");
}

.claro-details[open]>.claro-details__summary {
    border-radius: var(--size-summary-border-radius) var(--size-summary-border-radius) 0 0;
}

.claro-details[open]>.claro-details__summary::before {
    /* transform: rotate(-90deg); */
    /* for LTR and RTL */
}

@media (forced-colors: active) {

    .claro-details__summary:hover::before,
    .claro-details__summary:hover:focus::before,
    .claro-details[open]>.claro-details__summary:focus::before {
        background: none;
    }

    .claro-details[open]>.claro-details__summary::before,
    [dir="rtl"] .claro-details[open]>.claro-details__summary::before {
        margin-block-start: -0.125rem;
        margin-inline-end: 0.125rem;
        /* transform: rotate(-45deg); */
        /* for LTR and RTL */
        background: none;
    }
}

.claro-details[open]>.claro-details__summary--accordion,
.claro-details[open]>.claro-details__summary--accordion-item,
.claro-details[open]>.claro-details__summary--vertical-tabs-item {
    box-shadow: var(--details-box-shadow);
}

/* .claro-details__summary:hover {
    color: var(--color-absolutezero);
    background-color: var(--color-bgblue-hover);
  } */

/**
   * Focus styles.
   */

/**
   * Active has to be here for Firefox.
   */

[open]>.claro-details__summary--accordion:not(:focus, :active)::after,
[open]>.claro-details__summary--accordion-item:not(:focus, :active)::after,
[open]>.claro-details__summary--vertical-tabs-item:not(:focus, :active)::after {
    opacity: 1;
    border: var(--details-summary-focus-border-size) solid var(--color-absolutezero);
    border-width: 0 0 0 var(--details-summary-focus-border-size);
    /* LTR */
    box-shadow: none;
}

[dir="rtl"] :is([open] > .claro-details__summary--accordion:not(:focus, :active)::after),
[dir="rtl"] :is([open] > .claro-details__summary--accordion-item:not(:focus, :active)::after),
[dir="rtl"] :is([open] > .claro-details__summary--vertical-tabs-item:not(:focus, :active)::after) {
    border-width: 0 var(--details-summary-focus-border-size) 0 0;
}

.claro-details__summary:focus::after,
.claro-details__summary:active::after {
    opacity: 1;
}

/**
   * Safari workaround.
   */

/* stylelint-disable-next-line unit-allowed-list */

@media not all and (min-resolution: 0.001dpcm) {
    @supports (-webkit-appearance: none) {
        .claro-details__summary::after {
            transition: none;
        }
    }
}

/* .claro-details[open] > .claro-details__summary:focus {
    color: var(--color-absolutezero);
  } */

/**
   * Details wrapper and content.
   *
   * Accordion and accordion-item variants should have an extra background.
   * In that case, we render an additional wrapper 'claro-details__content' that
   * creates the visual margins around the content, and use the original
   * wrapper for setting the background color.
   *
   * If there is no border or padding defined, margins of parent-child elements
   * collapse to the highest value. We want to take benefit of this behavior,
   * because the elements inside the details content won't cause too big
   * vertical spacing.
   */

.claro-details__wrapper,
.claro-details__content {
    /* margin: var(--space-m); */
}

.claro-details__wrapper--accordion,
.claro-details__wrapper--accordion-item,
.claro-details__wrapper--vertical-tabs-item {
    margin: 0;
}

.claro-details__wrapper--accordion::before,
.claro-details__wrapper--accordion::after,
.claro-details__wrapper--accordion-item::before,
.claro-details__wrapper--accordion-item::after,
.claro-details__wrapper--vertical-tabs-item::before,
.claro-details__wrapper--vertical-tabs-item::after {
    display: table;
    clear: both;
    content: "";
}

.claro-details__wrapper--accordion,
.claro-details__wrapper--accordion-item,
.claro-details__wrapper--vertical-tabs-item {
    border-top: var(--details-border-size) solid var(--details-border-color);
    background-color: var(--color-gray-050-o-40);
}

/* @see Drupal.behaviors.verticalTabs */

@media screen and (min-width: 40.0625rem) {
    .claro-details__wrapper {
        /* margin: var(--space-l) var(--details-desktop-wrapper-padding-start); */
    }

    .claro-details__wrapper--accordion,
    .claro-details__wrapper--accordion-item,
    .claro-details__wrapper--vertical-tabs-item {
        margin: 0;
    }

    .js .claro-details__wrapper--vertical-tabs-item {
        margin: 0;
        border-top: 0;
        background-color: transparent;
    }
}

.claro-details__content--accordion,
.claro-details__content--accordion-item,
.claro-details__content--vertical-tabs-item {
    margin: var(--space-m) var(--space-m) var(--space-l);
}

@media screen and (min-width: 85em) {
    .vertical-tabs .claro-details__content--vertical-tabs-item {
        margin: var(--space-l);
    }
}

/* Description. */

.claro-details__description {
    margin-block-end: var(--space-m);
    color: var(--input-fg-color--description);
    font-size: var(--font-size-xs);
    /* ~13px */
    line-height: calc(17rem / 16);
    /* 17px */
}

.claro-details__description.is-disabled {
    color: var(--input--disabled-fg-color);
}

.claro-details__summary-summary {
    display: block;
    color: var(--color-gray-800);
    font-size: var(--font-size-s);
    font-weight: normal;
}

.required-mark::after {
    display: inline-block;
    width: 0.4375rem;
    height: 0.4375rem;
    margin-inline: 0.3em;
    content: "";
    vertical-align: super;
    background-image: url("data:image/svg+xml,%3csvg height='16' width='16' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='m0 7.562 1.114-3.438c2.565.906 4.43 1.688 5.59 2.35-.306-2.921-.467-4.93-.484-6.027h3.511c-.05 1.597-.234 3.6-.558 6.003 1.664-.838 3.566-1.613 5.714-2.325l1.113 3.437c-2.05.678-4.06 1.131-6.028 1.356.984.856 2.372 2.381 4.166 4.575l-2.906 2.059c-.935-1.274-2.041-3.009-3.316-5.206-1.194 2.275-2.244 4.013-3.147 5.206l-2.856-2.059c1.872-2.307 3.211-3.832 4.017-4.575-2.081-.402-4.058-.856-5.93-1.356' fill='%23e00'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-size: 0.4375rem 0.4375rem;
}


/*
 * DO NOT EDIT THIS FILE.
 * See the following change record for more information,
 * https://www.drupal.org/node/3084859
 * @preserve
 */
:root {
    /*
     * Color Palette.
     */
    --color-absolutezero: var(--color-blue-600);
    --color-white: #fff;
    --color-text: var(--color-gray);
    --color-text-light: var(--color-gray-500);
    --color-gray-050-o-40: rgba(243, 244, 249, 0.4);
    /* Secondary. */
    --color-gray-200-o-80: rgba(212, 212, 218, 0.8);
    --color-maximumred: var(--color-red-500);
    --color-sunglow: #ffd23f;
    --color-sunglow-shaded: #977405;
    --color-lightninggreen: #26a769;
    /* --color-focus: var(--color-lightninggreen); */
    /* Variations. */
    --color-absolutezero-hover: var(--color-blue-650);
    /* 5% darker than base. */
    --color-absolutezero-active: var(--color-blue-700);
    /* 10% darker than base. */
    --color-maximumred-hover: var(--color-red-550);
    /* 5% darker than base. */
    --color-maximumred-active: var(--color-red-600);
    /* 10% darker than base. */
    --color-bgblue-hover: var(--color-blue-020);
    /* 2% darker than base. */
    --color-bgblue-active: var(--color-blue-050);
    /* 5% darker than base. */
    --color-bgred-hover: var(--color-red-020);
    /* 5% darker than base. */
    --color-bgred-active: var(--color-red-050);
    /* 10% darker than base. */
    /* Gray variations. */
    --color-gray: #232429;
    --color-gray-900: #393a3f;
    --color-gray-800: #55565b;
    --color-gray-700: #75767b;
    --color-gray-600: #828388;
    --color-gray-500: #919297;
    --color-gray-400: #adaeb3;
    --color-gray-300: #c1c2c7;
    --color-gray-200: #d3d4d9;
    --color-gray-100: #dedfe4;
    --color-gray-050: #f3f4f9;
    --color-gray-025: #f9faff;
    /* Blue variations. */
    --color-blue: var(--color-blue-600);
    --color-blue-900: #000f33;
    --color-blue-800: #001f66;
    --color-blue-700: #002e9a;
    --color-blue-650: #0036b1;
    --color-blue-600: #003ecc;
    --color-blue-500: #004eff;
    --color-blue-400: #3371ff;
    --color-blue-300: #6694ff;
    --color-blue-200: #99b8ff;
    --color-blue-100: #ccdbff;
    --color-blue-070: #dbe6ff;
    --color-blue-050: #e5edff;
    --color-blue-020: #f5f8ff;
    /* Red variations. */
    --color-red: var(--color-red-500);
    --color-red-900: #2c0707;
    --color-red-800: #580e0e;
    --color-red-700: #841515;
    --color-red-600: #b01c1c;
    --color-red-550: #c61f1f;
    --color-red-500: #dc2323;
    --color-red-400: #e34f4f;
    --color-red-300: #ea7b7b;
    --color-red-200: #f1a7a7;
    --color-red-100: #f8d3d3;
    --color-red-070: #fae0e0;
    --color-red-050: #fce9e9;
    --color-red-020: #fdf5f5;
    /*
     * Base.
     */
    --color-fg: var(--color-text);
    --color-bg: var(--color-white);
    --color-link: var(--color-absolutezero);
    --color-link-hover: var(--color-absolutezero-hover);
    --color-link-active: var(--color-absolutezero-active);
    --color-divider: rgba(142, 146, 156, 0.5);
    /*
     * Typography.
     */
    --font-family: BlinkMacSystemFont, -apple-system, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
    --font-family-serif: "Times New Roman", times, serif;
    --line-height: 1.5;
    --line-height-heading: 1.3;
    --line-height-form-label: calc(18rem / 16);
    /* 18px */
    --font-size-base: 1rem;
    /* 1rem = 16px if font root is 100% ands browser defaults are used. */
    --font-size-xl: 2.25rem;
    /* ~36px */
    --font-size-h1: 2.027rem;
    /* ~32px */
    --font-size-h2: 1.802rem;
    /* ~29px */
    --font-size-h3: 1.602rem;
    /* ~26px */
    --font-size-h4: 1.424rem;
    /* ~23px */
    --font-size-h5: 1.266rem;
    /* ~20px */
    --font-size-h6: 1.125rem;
    /* 18px */
    --font-size-s: 0.889rem;
    /* ~14px */
    --font-size-xs: 0.79rem;
    /* ~13px */
    --font-size-xxs: 0.702rem;
    /* ~11px */
    --font-size-label: var(--font-size-s);
    --font-size-description: var(--font-size-xs);
    /**
     * Spaces.
     */
    --space-xl: 3rem;
    /* 3 * 16px = 48px */
    --space-l: 1.5rem;
    /* 1.5 * 16px = 24px */
    --space-m: 1rem;
    /* 1 * 16px = 16px */
    --space-s: 0.75rem;
    /* 0.75 * 16px = 12px */
    --space-xs: 0.5rem;
    /* 0.5 * 16px = 8px */
    /*
     * Common.
     */
    --speed-transition: 0.2s;
    --transition: all var(--speed-transition) ease-out;
    --base-border-radius: 2px;
    --focus-border-size: 0.1875rem;
    --focus-border-offset-size: 2px;
    --outline-size: 2px;
    --focus-outline: var(--outline-size) dotted transparent;
    --focus-box-shadow: 0 0 0 var(--focus-border-offset-size) var(--color-white), 0 0 0 calc(var(--focus-border-size) + var(--focus-border-offset-size)) var(--color-focus);
    /**
     * Shadows.
     */
    --shadow-z3: 0 0.875rem 1.875rem rgba(0, 0, 0, 0.1);
    /*
     * Inputs.
     */
    --input-fg-color: var(--color-fg);
    --input-bg-color: var(--color-bg);
    --input-fg-color--description: var(--color-gray-800);
    --input-fg-color--placeholder: var(--color-gray-700);
    --input-border-color: var(--color-gray-500);
    --input--hover-border-color: var(--color-text);
    --input--focus-border-color: var(--color-absolutezero);
    --input--error-color: var(--color-maximumred);
    --input--error-border-color: var(--color-maximumred);
    --input--disabled-color: rgba(84, 85, 96, 0.6);
    /* Davy's gray with 0.6 opacity. */
    --input--disabled-fg-color: var(--color-gray-800);
    --input--disabled-bg-color: #f2f2f3;
    /* Light gray with 0.3 opacity on white bg. */
    --input--disabled-border-color: #bababf;
    /* Old silver with 0.5 opacity on white bg. */
    --input--disabled-border-opacity: 0.5;
    --input-border-radius-size: 0.125rem;
    /* (1/8)em ~ 2px */
    --input-border-size: 1px;
    /* (1/16)em ~ 1px */
    --input--error-border-size: 2px;
    --input-padding-vertical: calc(var(--space-s) - var(--input-border-size));
    --input-padding-horizontal: calc(var(--space-m) - var(--input-border-size));
    --input-font-size: var(--font-size-base);
    --input-line-height: var(--space-l);
    --input-padding-vertical--small: calc(var(--space-xs) - (var(--input-border-size) * 2));
    --input-padding-horizontal--small: calc(var(--space-m) - var(--input-border-size));
    --input-font-size--small: var(--font-size-xs);
    --input-line-height--small: 1.3125rem;
    --input--extrasmall-padding-vertical: calc(0.15rem - var(--input-border-size));
    --input--extrasmall-padding-horizontal: calc(var(--space-xs) - var(--input-border-size));
    --input--extrasmall-font-size: var(--font-size-s);
    --input--extrasmall-line-height: calc(var(--space-m) + 0.2rem);
    /* Font size is too big to use 1rem for extrasmall line-height */
    --input--required-mark-size: 0.4375rem;
    /* 7px inside the form element label. */
    --input--label-spacing: 1.6875rem;
    /* 8px with the checkbox width of 19px */
    /*
     * Details.
     */
    --details-border-color: var(--color-gray-100);
    --details-summary-shadow-color: var(--color-focus);
    --details-summary-focus-border-size: var(--focus-border-size);
    --details-desktop-wrapper-padding-start: calc(var(--space-m) + var(--space-s) + var(--space-xs));
    --details-box-shadow: 0 2px 0.25rem rgba(0, 0, 0, 0.1);
    --details-border-size: 1px;
    --details-border-size-radius: 2px;
    --details-accordion-border-size-radius: var(--base-border-radius);
    --details-spread-box-shadow-radius: 2px;
    --details-bg-color-transition-duration: 0.12s;
    --details-box-shadow-transition-duration: 0.2s;
    --details-transform-transition-duration: 0.12s;
    --details-line-height: 1.295rem;
    /**
     * Buttons.
     */
    --button--focus-border-color: var(--color-blue-300);
    --button-border-radius-size: var(--base-border-radius);
    --button-fg-color: var(--color-text);
    --button-bg-color: var(--color-gray-200);
    --button--hover-bg-color: var(--color-gray-300);
    --button--active-bg-color: var(--color-gray-400);
    --button--disabled-bg-color: #ebebed;
    --button--disabled-fg-color: var(--color-gray-500);
    --button-fg-color--primary: var(--color-white);
    --button-bg-color--primary: var(--color-absolutezero);
    --button--hover-bg-color--primary: var(--color-absolutezero-hover);
    --button--active-bg-color--primary: var(--color-absolutezero-active);
    --button--focus-bg-color--primary: var(--button-bg-color--primary);
    --button--disabled-bg-color--primary: var(--color-gray-200);
    --button--disabled-fg-color--primary: var(--color-gray-600);
    --button-fg-color--danger: var(--color-white);
    --button-bg-color--danger: var(--color-maximumred);
    --button--hover-bg-color--danger: var(--color-maximumred-hover);
    --button--active-bg-color--danger: var(--color-maximumred-active);
    --dropbutton-widget-z-index: 100;
    /**
     * jQuery.UI dropdown.
     */
    --jui-dropdown-fg-color: var(--color-gray-800);
    --jui-dropdown-bg-color: var(--color-white);
    --jui-dropdown--active-fg-color: var(--color-white);
    --jui-dropdown--active-bg-color: var(--color-absolutezero);
    --jui-dropdown-border-color: rgba(216, 217, 224, 0.8);
    /* Light gray with 0.8 opacity. */
    --jui-dropdown-shadow-color: rgba(34, 35, 48, 0.1);
    /* Text color with 0.1 opacity. */
    /**
     * jQuery.UI dialog.
     */
    --jui-dialog-title-color: var(--color-white);
    --jui-dialog-title-bg-color: var(--color-text);
    --jui-dialog-title-font-size: var(--font-size-h4);
    --jui-dialog-close-button-size: calc(var(--space-m) * 2);
    --jui-dialog-close-button-border-radius: 50%;
    --jui-dialog-close-button-reserved-space: calc(var(--space-m) * 4);
    --jui-dialog-off-canvas-close-button-reserved-space: calc(var(--space-m) * 3);
    --jui-dialog-border-radius: 0.25rem;
    --jui-dialog-box-shadow: 0 0 var(--space-m) calc(var(--space-m) / -4) var(--color-text);
    --jui-dialog--focus-outline: 2px dotted transparent;
    --jui-dialog--focus-box-shadow: 0 0 0 0.1875rem var(--color-focus);
    --jui-dialog-z-index: 1260;
    --jui-dialog-off-canvas-z-index: 501;
    /**
     * Progress bar.
     */
    --progress-bar-border-size: 1px;
    --progress-bar-small-size: calc(var(--space-xs) - (2 * var(--progress-bar-border-size)));
    --progress-bar-small-size-radius: var(--space-xs);
    --progress-bar-spacing-size: var(--space-xs);
    --progress-bar-transition: width 0.5s ease-out;
    --progress-bar-label-color: var(--color-text);
    --progress-bar-description-color: var(--color-gray-800);
    --progress-bar-description-font-size: var(--font-size-xs);
    --progress-track-border-color: var(--color-gray-500);
    --progress-track-bg-color: var(--color-gray-200);
    /**
     * Tabledrag icon size.
     */
    --tabledrag-handle-icon-size: calc(17rem / 16);
    /* 17px */
    /**
     * Ajax progress.
     */
    --ajax-progress-margin-horizontal: var(--space-s);
    /**
     * Breadcrumb.
     */
    --breadcrumb-height: 1.25rem;
    /**
     * Layout.
     */
    --layout-region-edit-width: min(60rem, 100%);
    --layout-region-edit-extended-width: min(68rem, 100%);
    /**
     * Vertical Tabs.
     *
     * These are shared between the vertical tabs and media library.
     * @see ../components/vertical-tabs.pcss.css
     * @see ../theme/media-library.pcss.css
     */
    --vertical-tabs-margin-vertical: var(--space-s);
    --vertical-tabs-border-radius: var(--details-accordion-border-size-radius);
    --vertical-tabs-shadow: var(--details-box-shadow);
    --vertical-tabs-border-color: var(--details-border-color);
    --vertical-tabs-border-size: 1px;
    --vertical-tabs-border: var(--vertical-tabs-border-size) solid var(--vertical-tabs-border-color);
    --vertical-tabs-menu-item-shadow-extraspace: 0.5rem;
    --vertical-tabs-menu-item--top-margin: calc(var(--vertical-tabs-menu-item-shadow-extraspace) * -2);
    --vertical-tabs-menu-item--right-margin: calc(var(--vertical-tabs-border-size) * -1);
    --vertical-tabs-menu-item--bottom-margin: calc(var(--vertical-tabs-menu-item-shadow-extraspace) * -1);
    --vertical-tabs-menu-item--left-margin: calc(var(--vertical-tabs-menu-item-shadow-extraspace) * -1);
    --vertical-tabs-menu-separator-color: var(--color-gray-200);
    --vertical-tabs-menu-separator-size: 1px;
    --vertical-tabs-menu-width: 20em;
    --vertical-tabs-pane-width: calc(100% - var(--vertical-tabs-menu-width));
    --vertical-tabs-menu-link-focus-border-size: var(--details-summary-focus-border-size);
    --vertical-tabs-menu-link--active-border-size: 0.25rem;
    --vertical-tabs-menu-link--active-border-color: var(--color-absolutezero);
    --vertical-tabs-menu--z-index: 0;
}



/**
 * @file
 * Visual styles for menu.
 */

ul.menu {
    margin-left: 1em;
    /* LTR */
    padding: 0;
    list-style: none outside;
    text-align: left;
    /* LTR */
}

[dir="rtl"] ul.menu {
    margin-right: 1em;
    margin-left: 0;
    text-align: right;
}

.menu-item--expanded {
    list-style-type: circle;
    list-style-image: url(../../../../../misc/menu-expanded.png);
}

.menu-item--collapsed {
    list-style-type: disc;
    list-style-image: url(../../../../../misc/menu-collapsed.png);
    /* LTR */
}

[dir="rtl"] .menu-item--collapsed {
    list-style-image: url(../../../../../misc/menu-collapsed-rtl.png);
}

.menu-item {
    margin: 0;
    padding-top: 0.2em;
}

ul.menu a.is-active {
    color: #000;
}


:root {
    --size-summary-border-radius: calc(var(--details-border-size-radius) - var(--details-border-size));
    --summary-accordion-padding-vertical: calc(var(--space-l) + ((var(--space-m) - var(--space-l)) / 2));
    --summary-accordion-line-height: var(--space-l);
}

.claro-details {
    display: block;
    margin-block: var(--space-m);
    color: var(--color-text);
    border: var(--details-border-size) solid var(--details-border-color);
    border-radius: var(--details-border-size-radius);
    background-color: var(--color-white);
    box-shadow: var(--details-box-shadow);

    /*
     * The following width and min-width values ensure that the <details> element
     * does not shift widths when opening, in the event that a parent table
     * element constrains the width. This can happen when toggling the
     * "lazy-load" option within an image field.
     */
}

td .claro-details {
    width: min-content;
    min-width: 100%;
}

.claro-details--accordion-item,
.claro-details--vertical-tabs-item {
    margin-block: 0;
    border-radius: 0;
    box-shadow: none;
}

.claro-details--accordion-item:first-of-type {
    border-top-left-radius: var(--details-border-size-radius);
    border-top-right-radius: var(--details-border-size-radius);
}

.claro-details--accordion-item:last-of-type {
    border-bottom-right-radius: var(--details-border-size-radius);
    border-bottom-left-radius: var(--details-border-size-radius);
}

/**
   * Details summary styles.
   */

.claro-details__summary {
    position: relative;
    box-sizing: border-box;
    padding-block: var(--space-m);
    padding-inline: var(--details-desktop-wrapper-padding-start) var(--space-m);
    list-style: none;
    cursor: pointer;
    transition: background-color var(--details-bg-color-transition-duration) ease-in-out;
    color: var(--color-gray-800);
    border-radius: var(--size-summary-border-radius);
    background-color: transparent;
    line-height: var(--space-m);
}

/* Modifiers */

.claro-details__summary--accordion,
.claro-details__summary--accordion-item,
.claro-details__summary--vertical-tabs-item {
    padding-block: var(--summary-accordion-padding-vertical);
    padding-inline: var(--details-desktop-wrapper-padding-start) var(--space-l);
    background: var(--color-white);
    line-height: var(--summary-accordion-line-height);
}

/**
   * Accordion list items must not have border radius except they are the first
   * or the last ones.
   */

.claro-details__summary--accordion-item {
    border-radius: 0;
}

.claro-details--accordion-item:first-child .claro-details__summary--accordion-item {
    border-top-left-radius: var(--details-border-size-radius);
    border-top-right-radius: var(--details-border-size-radius);
}

.claro-details--accordion-item:last-child .claro-details__summary--accordion-item {
    border-bottom-right-radius: var(--details-border-size-radius);
    border-bottom-left-radius: var(--details-border-size-radius);
}

/**
   * Details marker styles.
   */

/* Remove the marker on Chrome */

.claro-details__summary::-webkit-details-marker {
    display: none;
}

.claro-details__summary::before {
    position: absolute;
    inset-block-start: 50%;
    inset-inline-start: var(--space-s);
    display: inline-block;
    width: var(--space-m);
    height: var(--space-m);
    margin-block-start: calc(var(--space-m) / -2);
    content: "";
    transition: transform var(--details-transform-transition-duration) ease-in 0s;
    transform: rotate(90deg);
    text-align: center;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3e%3cpath d='M5.21 1.314L3.79 2.723l5.302 5.353-5.303 5.354 1.422 1.408 6.697-6.762z' fill='%23545560'/%3e%3c/svg%3e");
    background-size: contain;
}

[dir="rtl"] .claro-details__summary::before {
    transform: rotate(-270deg);
}

@media (prefers-reduced-motion: reduce) {
    .claro-details__summary::before {
        transition: none;
    }
}

@media (forced-colors: active) {
    .claro-details__summary::before {
        width: 0.5625rem;
        height: 0.5625rem;
        transition:
            transform var(--details-transform-transition-duration) ease-in 0s,
            margin var(--details-transform-transition-duration) ease-in 0s;
        transform: rotate(135deg);
        /* LTR */
        border-block-start: 0.125rem solid;
        border-inline-end: 0.125rem solid;
        background: none;
    }

    [dir="rtl"] .claro-details__summary::before {
        transform: rotate(-225deg);
    }
}

/**
   * Safari (at least version 12.1) cannot handle our details marker
   * transition properly.
   *
   * Every additional pointer triggered toggle event freezes the transition,
   * and the transition is continued and finished after the pointer leaves
   * the Detail elements' summary.
   *
   * Even that it is possible to provide a JavaScript workaround for it (by
   * adding/removing a helper class with JavaScript if the Details is
   * toggled), that hack will make RTL details worse than without the hack.
   *
   * This weird query was found in
   * https://stackoverflow.com/questions/16348489#25975282 (based on the
   * answer it works for Safari 10.1+)
   */

/* stylelint-disable-next-line unit-allowed-list */

@media not all and (min-resolution: 0.001dpcm) {
    @supports (-webkit-appearance: none) {
        .claro-details__summary::before {
            transition: none;
        }
    }
}

/**
   * Details summary focus.
   */

.claro-details__summary::after {
    position: absolute;
    inset: -1px;
    content: "";
    transition: opacity var(--details-box-shadow-transition-duration) ease-in-out;
    pointer-events: none;
    opacity: 0;
    border-radius: var(--details-border-size-radius);
    box-shadow: inset 0 0 0 var(--details-summary-focus-border-size) var(--details-summary-shadow-color);
}

.claro-details>.claro-details__summary--accordion-item::after,
.vertical-tabs__item>.claro-details__summary--vertical-tabs-item::after {
    border-radius: 0;
}

.claro-details:first-child>.claro-details__summary--accordion-item::after,
.vertical-tabs__item--first>.claro-details__summary--vertical-tabs-item::after {
    border-top-left-radius: var(--details-border-size-radius);
    border-top-right-radius: var(--details-border-size-radius);
}

.claro-details:last-child>.claro-details__summary--accordion-item::after,
.vertical-tabs__item--last>.claro-details__summary--vertical-tabs-item::after {
    border-bottom-right-radius: var(--details-border-size-radius);
    border-bottom-left-radius: var(--details-border-size-radius);
}

/**
   * Focus box of accordions and accordion items must not have bottom border
   * radius if their accordion is expanded.
   */

.claro-details[open]>.claro-details__summary--accordion::after,
.claro-details[open]>.claro-details__summary--accordion-item::after,
.vertical-tabs__item--last[open]>.claro-details__summary--vertical-tabs-item::after {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

/**
   * Details summary states.
   */

.claro-details__summary:focus {
    box-shadow: none;
}

[open] .claro-details__summary--accordion,
[open] .claro-details__summary--accordion-item,
[open] .claro-details__summary--vertical-tabs-item {
    color: var(--color-absolutezero);
}

.claro-details__summary:hover::before,
.claro-details__summary:hover:focus::before,
.claro-details[open]>.claro-details__summary:focus::before,
.claro-details[open]>.claro-details__summary--accordion::before,
.claro-details[open]>.claro-details__summary--accordion-item::before,
.claro-details[open]>.claro-details__summary--vertical-tabs-item::before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3e%3cpath d='M5.21 1.314L3.79 2.723l5.302 5.353-5.303 5.354 1.422 1.408 6.697-6.762z' fill='%230036B1'/%3e%3c/svg%3e");
}

.claro-details[open]>.claro-details__summary {
    border-radius: var(--size-summary-border-radius) var(--size-summary-border-radius) 0 0;
}

.claro-details[open]>.claro-details__summary::before {
    transform: rotate(-90deg);
    /* for LTR and RTL */
}

@media (forced-colors: active) {

    .claro-details__summary:hover::before,
    .claro-details__summary:hover:focus::before,
    .claro-details[open]>.claro-details__summary:focus::before {
        background: none;
    }

    .claro-details[open]>.claro-details__summary::before,
    [dir="rtl"] .claro-details[open]>.claro-details__summary::before {
        margin-block-start: -0.125rem;
        margin-inline-end: 0.125rem;
        /* transform: rotate(-45deg); */
        /* for LTR and RTL */
        background: none;
    }
}

.claro-details[open]>.claro-details__summary--accordion,
.claro-details[open]>.claro-details__summary--accordion-item,
.claro-details[open]>.claro-details__summary--vertical-tabs-item {
    box-shadow: var(--details-box-shadow);
}

/* .claro-details__summary:hover {
    color: var(--color-absolutezero);
    background-color: var(--color-bgblue-hover);
  }
   */
/**
   * Focus styles.
   */

/**
   * Active has to be here for Firefox.
   */

[open]>.claro-details__summary--accordion:not(:focus, :active)::after,
[open]>.claro-details__summary--accordion-item:not(:focus, :active)::after,
[open]>.claro-details__summary--vertical-tabs-item:not(:focus, :active)::after {
    opacity: 1;
    border: var(--details-summary-focus-border-size) solid var(--color-absolutezero);
    border-width: 0 0 0 var(--details-summary-focus-border-size);
    /* LTR */
    box-shadow: none;
}

[dir="rtl"] :is([open] > .claro-details__summary--accordion:not(:focus, :active)::after),
[dir="rtl"] :is([open] > .claro-details__summary--accordion-item:not(:focus, :active)::after),
[dir="rtl"] :is([open] > .claro-details__summary--vertical-tabs-item:not(:focus, :active)::after) {
    border-width: 0 var(--details-summary-focus-border-size) 0 0;
}

.claro-details__summary:focus::after,
.claro-details__summary:active::after {
    opacity: 1;
}

/**
   * Safari workaround.
   */

/* stylelint-disable-next-line unit-allowed-list */

@media not all and (min-resolution: 0.001dpcm) {
    @supports (-webkit-appearance: none) {
        .claro-details__summary::after {
            transition: none;
        }
    }
}

/* .claro-details[open] > .claro-details__summary:focus {
    color: var(--color-absolutezero);
  } */

/**
   * Details wrapper and content.
   *
   * Accordion and accordion-item variants should have an extra background.
   * In that case, we render an additional wrapper 'claro-details__content' that
   * creates the visual margins around the content, and use the original
   * wrapper for setting the background color.
   *
   * If there is no border or padding defined, margins of parent-child elements
   * collapse to the highest value. We want to take benefit of this behavior,
   * because the elements inside the details content won't cause too big
   * vertical spacing.
   */

.claro-details__wrapper,
.claro-details__content {
    /* margin: var(--space-m); */
}

.claro-details__wrapper--accordion,
.claro-details__wrapper--accordion-item,
.claro-details__wrapper--vertical-tabs-item {
    margin: 0;
}

.claro-details__wrapper--accordion::before,
.claro-details__wrapper--accordion::after,
.claro-details__wrapper--accordion-item::before,
.claro-details__wrapper--accordion-item::after,
.claro-details__wrapper--vertical-tabs-item::before,
.claro-details__wrapper--vertical-tabs-item::after {
    display: table;
    clear: both;
    content: "";
}

.claro-details__wrapper--accordion,
.claro-details__wrapper--accordion-item,
.claro-details__wrapper--vertical-tabs-item {
    border-top: var(--details-border-size) solid var(--details-border-color);
    background-color: var(--color-gray-050-o-40);
}

/* @see Drupal.behaviors.verticalTabs */

@media screen and (min-width: 40.0625rem) {
    .claro-details__wrapper {
        /* margin: var(--space-l) var(--details-desktop-wrapper-padding-start); */
    }

    .claro-details__wrapper--accordion,
    .claro-details__wrapper--accordion-item,
    .claro-details__wrapper--vertical-tabs-item {
        margin: 0;
    }

    .js .claro-details__wrapper--vertical-tabs-item {
        margin: 0;
        border-top: 0;
        background-color: transparent;
    }
}

.claro-details__content--accordion,
.claro-details__content--accordion-item,
.claro-details__content--vertical-tabs-item {
    margin: var(--space-m) var(--space-m) var(--space-l);
}

@media screen and (min-width: 85em) {
    .vertical-tabs .claro-details__content--vertical-tabs-item {
        margin: var(--space-l);
    }
}

/* Description. */

.claro-details__description {
    margin-block-end: var(--space-m);
    color: var(--input-fg-color--description);
    font-size: var(--font-size-xs);
    /* ~13px */
    line-height: calc(17rem / 16);
    /* 17px */
}

.claro-details__description.is-disabled {
    color: var(--input--disabled-fg-color);
}

.claro-details__summary-summary {
    display: block;
    color: var(--color-gray-800);
    font-size: var(--font-size-s);
    font-weight: normal;
}

.required-mark::after {
    display: inline-block;
    width: 0.4375rem;
    height: 0.4375rem;
    margin-inline: 0.3em;
    content: "";
    vertical-align: super;
    background-image: url("data:image/svg+xml,%3csvg height='16' width='16' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='m0 7.562 1.114-3.438c2.565.906 4.43 1.688 5.59 2.35-.306-2.921-.467-4.93-.484-6.027h3.511c-.05 1.597-.234 3.6-.558 6.003 1.664-.838 3.566-1.613 5.714-2.325l1.113 3.437c-2.05.678-4.06 1.131-6.028 1.356.984.856 2.372 2.381 4.166 4.575l-2.906 2.059c-.935-1.274-2.041-3.009-3.316-5.206-1.194 2.275-2.244 4.013-3.147 5.206l-2.856-2.059c1.872-2.307 3.211-3.832 4.017-4.575-2.081-.402-4.058-.856-5.93-1.356' fill='%23e00'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-size: 0.4375rem 0.4375rem;
}


/*
 * DO NOT EDIT THIS FILE.
 * See the following change record for more information,
 * https://www.drupal.org/node/3084859
 * @preserve
 */

/**
 * Menus and lists.
 *
 * These classes are used in claro-toolbar-menu and any list items.
 */

.item-list,
.menu-item {
    --item-list-spacing-l: var(--space-l);
    --item-list-spacing-m: var(--space-m);
}

.item-list ul {
    margin-block: 0.25rem;
    margin-inline: var(--item-list-spacing-l) 0;
    list-style: disc;
}

/* .item-list ul li,
.menu-item {
  list-style: disc;
} */

.menu-item {
    margin: 0;
}

.item-list ul li.collapsed,
.menu-item--collapsed {
    list-style: disc;
}

.item-list ul li.expanded,
.menu-item--expanded {
    list-style: circle;
}

ul.links li,
ul.inline li {
    padding-inline-end: var(--item-list-spacing-m);
}

ul.inline li {
    display: inline;
}


/*
 * DO NOT EDIT THIS FILE.
 * See the following change record for more information,
 * https://www.drupal.org/node/3084859
 * @preserve
 */
/**
 * @file
 * Styles for Claro's Pagination.
 */
.pager {
    --pager-size: 2rem;
    /* --space-m × 2 */
    --pager-border-width: 0.125rem;
    /* 2px */
    --pager-fg-color: var(--color-gray-800);
    --pager-bg-color: var(--color-white);
    --pager-hover-bg-color: var(--color-bgblue-active);
    --pager-focus-bg-color: var(--color-focus);
    --pager-active-fg-color: var(--color-white);
    --pager-active-bg-color: var(--color-absolutezero);
    --pager-border-radius--action: var(--pager-border-width);

    margin-block: var(--space-m);
}

.pager__items {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content: center;
    margin: var(--space-m) 0;
    list-style: none;
    text-align: center;
    font-weight: bold;
}

.pager__item {
    display: inline-block;
    margin-inline: calc(var(--space-xs) / 2);
    vertical-align: top;
}

.pager__item--current {
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    min-inline-size: var(--pager-size);
    block-size: var(--pager-size);
    padding-inline: var(--space-xs);
    -webkit-text-decoration: none;
    text-decoration: none;
    color: var(--pager-fg-color);
    border-radius: var(--space-m);
    /* Pager size ÷ 2 */
    background: var(--pager-bg-color);
    /* Make sure that the text is visible on dark background. */
    line-height: 1;
}

.pager__item--first {
    --background-image: url("data:image/svg+xml,%3csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M2 2v12M14 2L8 8l6 6' stroke='%23545560' stroke-width='2'/%3e%3c/svg%3e");
}

.pager__item--previous {
    --background-image: url("data:image/svg+xml,%3csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M11 2L5 8l6 6' stroke='%23545560' stroke-width='2'/%3e%3c/svg%3e");
}

.pager__item--next {
    --background-image: url("data:image/svg+xml,%3csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M5 14l6-6-6-6' stroke='%23545560' stroke-width='2'/%3e%3c/svg%3e");
}

.pager__item--last {
    --background-image: url("data:image/svg+xml,%3csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M14 14V2M2 14l6-6-6-6' stroke='%23545560' stroke-width='2'/%3e%3c/svg%3e");
}

.pager__item--first .pager__item--previous .pager__item--next .pager__item--last {
    position: relative;
    display: inline-block;
    inline-size: 1rem;
    block-size: 1rem;
    content: "";
    background-image: var(--background-image);
    background-repeat: no-repeat;
    background-position: center;
}

@media (forced-colors: active) {
    .pager__item--first .pager__item--previous .pager__item--next .pager__item--last {
        background-color: linktext;
        background-image: none;
        mask-image: var(--background-image);
        mask-repeat: no-repeat;
        mask-position: center;
    }
}

[dir="rtl"] .pager__item--first,
[dir="rtl"] .pager__item--previous [dir="rtl"] .pager__item--next [dir="rtl"] .pager__item--last {
    transform: scaleX(-1);
}

.pager__item--mini {
    margin-inline: calc(var(--space-m) / 2);
}

.pager__link--mini {
    border-radius: 50%;
}

@media (forced-colors: active) {
    .pager__item a:hover {
        -webkit-text-decoration: underline;
        text-decoration: underline;
    }
}

.view-filters .views-exposed-form.views-exposed-form {
    display: flex;
    flex-direction: row;
    align-items: center;
    flex-wrap: wrap;
    margin-block: var(--space-l);
    padding: var(--space-xs) var(--space-l) var(--space-l) var(--space-l);
    border-radius: var(--details-border-size-radius);
    background-color: none;
    border: none;
    border-top: none;

}


.region-content .views-exposed-form.views-exposed-form {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    margin-block: var(--space-l);
    padding: var(--space-xs) var(--space-l) var(--space-l) var(--space-l);
    border: none;
    border-radius: var(--details-border-size-radius);
    /* background-color: #f1f1f1; */
    box-shadow: none;
}

.views-exposed-form.views-exposed-form .form-item {
    margin-right: 10px;
    min-width: 0;
}

@media screen and (max-width: 800px) {
    .views-exposed-form.views-exposed-form {
        flex-direction: column;
    }
}


.item-list ul li,
.menu-item {
    list-style: none;
}

@media screen and (min-width: 38em) {

    .toolbar-tray-open:not(.toolbar-vertical) .layout-container,
    body:not(.toolbar-tray-open) .layout-container {
        margin-right: 0;
        margin-left: 0;
    }
}

@media screen and (min-width: 60em) {
    .layout-container {
        margin-right: 0;
        margin-left: 0;
    }
}

.layout-container {
    margin-right: 0;
    margin-left: 0;
}


#main-standardfront-page {
    display: none;
}

.claro-details[open]>.claro-details__summary:focus {
    color: white;
}

.fieldset__label {
    text-transform: uppercase;
    font-size: 15px;
}

.fieldset__label:hover {
    color: #5F5F5F;
    cursor:default;
}

.form-item__label[for] {
    cursor: pointer;
    margin-bottom: 5px;
}