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

/*
font-family: 'Open Sans', sans-serif;
font-family: 'Poppins', sans-serif;
*/

body {
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    color: #000;
    background: #F6F6F6;
}

.card {
    background: #ffffff;
    border-radius: 10px;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, .16);
}

body p {
    line-height: 30px;
    margin-bottom: 15px;
    color: #000;
}

strong {
    font-weight: 700;
}

em {
    font-style: italic;
}

main {
    clear: both;
}

.layout-container {
    position: relative;
    min-height: 99vh;
    padding-bottom: 100px;
}

.layout-content {
    overflow: hidden;
}

.not-frontpage {
    padding-top: 90px;
}

.container-large {
    width: calc(100% - 60px);
    max-width: 1640px;
    margin: 0 auto;
}

.container-medium {
    width: calc(100% - 60px);
    max-width: 1364px;
    margin: 0 auto;
}

.container-small {
    width: calc(100% - 60px);
    max-width: 1200px;
    margin: 0 auto;
}

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

.default-btn,
.form-submit {
    text-align: center;
    padding: 11px 25px 9px;
    font-size: 16px;
    font-weight: 700;
    border: none;
    text-decoration: none;
    border-radius: 0;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font-family: "Poppins", sans-serif;
    text-transform: uppercase;
    transition: all 200ms ease-in-out;
}

.default-btn.primary,
.form-submit {
    color: #fff;
    background: #004164;
}

.default-btn.primary:hover,
.form-submit:hover {
    background: #2DCB6C;
}

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

header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    background: #fff;
    z-index: 1000;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, .16);
}

header .region-header {
    position: relative;
    height: 90px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding: 0 40px;
}

/*BLOCK LOGO*/
#block-ateliers-stpaul-theme-logoheader {
    display: flex;
    gap: 20px;
    position: absolute;
    top: 4px;
    left: 30px;
}

#block-ateliers-stpaul-theme-logoheader .ligne-une {
    font-size: 22px;
    font-weight: 900;
    color: #004164;
    margin: 18px 0 7px 0;
    text-transform: uppercase;
}

#block-ateliers-stpaul-theme-logoheader .ligne-deux {
    font-size: 18px;
    color: #004164;
}

/*BLOCK USER*/
#block-ateliers-stpaul-theme-infosutilisateur {
    text-align: right;
    font-family: 'Open Sans', sans-serif;
}

#block-ateliers-stpaul-theme-infosutilisateur .titre {
    color: #003645;
    margin-bottom: 7px;
}

#block-ateliers-stpaul-theme-infosutilisateur .titre .nom {
    font-weight: 700;
}

#block-ateliers-stpaul-theme-infosutilisateur a.logout {
    display: inline-block;
    color: #FF4F00;
}

/*///////////////////////////////////////*/
/* ///// ACCUEIL CONNEXION //////////// */
/*/////////////////////////////////////*/
.block-login-microsoft {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 5px 30px;
}

.block-login-microsoft h1 {
    font-size: 32px;
    font-weight: 900;
    color: #004164;
    margin: 40px 0;
    text-transform: uppercase;
    font-family: 'Roboto', sans-serif;
}

.block-login-microsoft .block-connexion {
    width: 100%;
    max-width: 570px;
    padding: 58px 40px;
    display: flex;
    align-items: center;
    flex-direction: column;
}

.block-login-microsoft h2 {
    font-size: 22px;
    font-weight: 900;
    color: #004164;
    margin-bottom: 20px;
    text-transform: uppercase;
    font-family: 'Roboto', sans-serif;
}

.block-login-microsoft .introduction {
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 28px;
}

.block-login-microsoft .btn-login-azure {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    max-width: 260px;
    height: 54px;
    margin-bottom: 28px;
    border: solid 1px #004164;
}

.block-login-microsoft .btn-login-azure img {
    max-width: 90%;
    max-height: 90%;
}

.block-login-microsoft .btn-login-azure:hover {
    box-shadow: 1px 3px 5px rgba(0, 0, 0, .2);
}

.block-login-microsoft .help-btn {
    font-size: 14px;
    color: #004164;
    text-decoration: none;
}

.block-login-microsoft .help-btn img {
    margin-left: 6px;
    margin-bottom: -2px;
}

.block-login-microsoft .help-btn span {
    text-decoration: underline;
}

/*///////////////////////////////////////*/
/* ////// BACK BUTTON ///////////////// */
/*/////////////////////////////////////*/
.back-btn {
    display: flex;
    justify-content: center;
    margin-bottom: 40px;
}

.back-btn a {
    text-align: center;
    padding: 8px 20px 6px;
    font-size: 14px;
    font-weight: 700;
    border: none;
    text-decoration: none;
    border-radius: 0;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font-family: "Roboto", sans-serif;
    text-transform: uppercase;
    background: #004164;
    color: #fff;
}

.back-btn a:hover {
    background: #00a1ed;
}

/*///////////////////////////////////////*/
/* /////// DETAILS ATELIER //////////// */
/*/////////////////////////////////////*/
.block-details-atelier {
    padding-bottom: 10px;
}

.block-details-atelier h1 {
    margin: 45px 0 10px;
    font-size: 32px;
    font-weight: 900;
    color: #004164;
    text-align: center;
    text-transform: uppercase;
}

.header-details-atelier {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 30px 40px;
    background: #EAF2F6;
}

.header-details-atelier .action-btn {
    margin-left: 30px;
}

.header-details-atelier .content {
    width: 100%;
}

.header-details-atelier .content .dates {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px 20px;
    padding-left: 28px;
    min-height: 22px;
    background: url('../images/svg/picto-calendar.svg') no-repeat left top;
}

.header-details-atelier .content .infos {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 20px;
    margin: 7px 0;
}

.header-details-atelier .content .infos .info {
    display: flex;
    align-items: center;
}

.header-details-atelier .content .infos .info .picto {
    min-width: 28px;
}

.header-details-atelier .content .infos .info .texte {
    width: 100%;
    min-width: fit-content;
}

.header-details-atelier .content .dates-inscriptions .debut-fin {
    font-weight: 700;
}

.header-details-atelier .content .organisateurs {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 10px;
    flex-direction: column;
    align-items: flex-start;
}

.header-details-atelier .content .tags {
    margin-top: 5px;
}

/*CONTENT*/
.content-details-atelier {
    padding: 30px 40px;
    line-height: 30px;
}

/*TABLE LISTE DES ELEVES*/
.content-details-atelier .block-table-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
    margin-top: 55px;
}

.content-details-atelier .block-table-title  h2 {
    font-size: 22px;
    font-weight: 900;
    color: #004164;
    text-align: center;
    text-transform: uppercase;
}

.content-details-atelier .table .table-header .line {
    display: flex;
    justify-content: space-between;
    font-size: 14px;
    font-weight: 700;
    color: #004164;
    border-radius: 5px;
    background: #CDE1EC;
    height: 30px;
    padding: 0 10px;
    align-items: center;
}

.content-details-atelier .table .line .nom {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    width: 25%;
    font-size: 14px;
    font-weight: 700;
    color: #004164;
}

.container-inscriptions-liste .content-details-atelier .table .line .nom {
    width: 20%;
}

.content-details-atelier .table .line .classe {
    width: 25%;
    font-size: 14px;
    color: #1E1E1E;
}

.container-inscriptions-liste .content-details-atelier .table .line .classe {
    width: 10%;
}

.content-details-atelier .table .line .statut {
    width: 25%;
}

.container-inscriptions-liste .content-details-atelier .table .line .statut {
    width: 45%;
}

.container-inscriptions-liste .content-details-atelier .table .line .statut .atelier {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    max-height: 30px;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.content-details-atelier .table .line .actions {
    display: flex;
    justify-content: flex-end;
    width: 25%;
}

.stpaul-inscriptions-liste .content-details-atelier .table .line .actions {
    flex-direction: column;
    align-items: flex-end;
    justify-content: center;
    gap: 4px;
}

.stpaul-inscriptions-liste .content-details-atelier .table .line .actions .actions-inscription {
    display: flex;
    gap: 5px;
}

.content-details-atelier .table .table-content .line {
    padding: 18px 10px 13px;
    border-bottom: solid 1px #E0E0E0;
    display: flex;
    justify-content: space-between;
    gap: 5px;
}

/*///////////////////////////////////////*/
/* /////////// FORM ATELIER /////////// */
/*/////////////////////////////////////*/
.block-creation-atelier h1 {
    margin: 45px 0 10px;
    font-size: 32px;
    font-weight: 900;
    color: #004164;
    text-align: center;
    text-transform: uppercase;
    font-family: "Roboto", sans-serif;
}

.bloc-form-atelier {
    margin-bottom: 80px;
    padding: 20px 40px 50px;
}

.bloc-form-atelier .form-actions {
    display: flex;
    justify-content: center;
    margin-top: 35px;
}

.bloc-form-atelier .form-item {
    margin-bottom: 0;
    margin-top: 30px;
}

.bloc-form-atelier .form-checkboxes {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 15px;
}

.bloc-form-atelier .form-item.form-item-champs-params-desistement-interdit-1 {
    margin-top: 7px;
}

.bloc-form-atelier .form-item#edit-champs-params-desistement-interdit--wrapper{
    margin-left: 20px;
}

.bloc-form-atelier #edit-description-format {
    display: none;
}

.bloc-form-atelier .container-inline {
    display: flex;
    align-items: flex-end;
    gap: 20px;
}

.bloc-form-atelier .container-inline .delete-btn {
    padding: 0;
    height: 40px;
    width: 100%;
    max-width: 45px;
    border: none;
    min-width: 0;
    margin: 0;
    border-radius: 0;
    background: #004164;
}

.bloc-form-atelier .container-inline .delete-btn:hover {
    background: #FF1A00;
}

.bloc-form-atelier .add-btn {
    padding: 0 20px;
    height: 32px;
    border: none;
    min-width: 0;
    margin: 0;
    margin-top: 10px;
    background: #004164;
    font-weight: 400;
}

.bloc-form-atelier .add-btn:hover {
    background: #2DCB6C;
}

.bloc-form-atelier .container-inline:first-of-type .delete-btn {
    display: none;
}

.bloc-form-atelier .champs-dates {
    margin-top: 0;
}

.bloc-form-atelier > .form-item,
.bloc-form-atelier .champs-dates .form-item,
.bloc-form-atelier .champs-org-cat > .form-item:not(.fieldgroup),
.bloc-form-atelier .champs-parametres > .form-item:not(.fieldgroup),
.bloc-form-atelier .champs-parametres-2 > .form-item:not(.fieldgroup) {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
}

.bloc-form-atelier .champs-org-cat > .form-item {
    width: calc(50% - 10px);
}

.bloc-form-atelier input.datepicker {
    cursor: pointer;
}

.bloc-form-atelier .text-format-wrapper {
    margin-top: 0;
}

.bloc-form-atelier .form-textarea-wrapper {
    margin-top: 7px;
    border: solid 1px #004164;
}

.bloc-form-atelier > .form-item label,
.bloc-form-atelier .champs-dates .form-item label,
.bloc-form-atelier .champs-classes .fieldset-legend,
.bloc-form-atelier .champs-niveaux .fieldset-legend,
.bloc-form-atelier .champs-org-cat > .form-item:not(.fieldgroup) label,
.bloc-form-atelier .champs-parametres > .form-item:not(.fieldgroup) label,
.bloc-form-atelier .champs-parametres-2 > .form-item:not(.fieldgroup) label {
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    color: #24292C;
    margin-bottom: 7px;
}

.bloc-form-atelier .form-type-checkbox {
    margin-top: 10px;
    min-width: 85px;
}

.bloc-form-atelier .form-type-checkbox label {
    font-size: 14px;
    color: #1E1E1E;
    cursor: pointer;
}

.bloc-form-atelier .form-type-textarea {
    width: 100%;
}

.bloc-form-atelier input[type="text"],
.bloc-form-atelier input[type="number"],
.bloc-form-atelier select {
    height: 40px;
    width: 100%;
    padding: 0 20px;
    border: solid 1px #004164;
}

.bloc-form-atelier select[name="champs_org_cat[co_organisateur][]"] option {
    opacity: 0;
}

.bloc-form-atelier .form-item-co-organisateur {
    max-width: 504px;
}

.bloc-form-atelier .separator {
    margin-top: 20px;
    border-top: solid 1px rgba(0, 0, 0, .2);
}

/*SELECT2*/
.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--multiple {
    display: flex;
    align-items: center;
    height: 40px;
    width: 100%;
    padding: 0 20px;
    border-radius: 0;
    border: solid 1px #004164;
}

.select2-container--default .select2-selection--multiple {
    height: auto;
    min-height: 40px;
}

.select2-container--default .select2-selection--multiple {
    padding: 0 10px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered,
.select2-container--default .select2-selection--multiple .select2-selection__rendered {
    padding-left: 0;
}

.select2-container--default .select2-selection--single .select2-selection__arrow,
.select2-container--default .select2-selection--multiple .select2-selection__arrow {
    top: 7px;
    right: 10px;
}

.select2-container .select2-selection--multiple .select2-selection__rendered {
    margin-bottom: 4px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #efefef;
}

.bloc-form-atelier .champs-org-cat,
.bloc-form-atelier .champs-parametres,
.bloc-form-atelier .champs-parametres-2 {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.bloc-form-atelier .form-item-champs-params-date-debut-inscription,
.bloc-form-atelier .form-item-champs-params-date-fin-inscription,
.bloc-form-atelier .form-item.form-item-champs-params-2-effectif-max,
.bloc-form-atelier .container-inline > .form-item:first-of-type {
    width: 100%;
    max-width: 237px;
}

.bloc-form-atelier .form-item-champs-params-date-debut-inscription input,
.bloc-form-atelier .form-item-champs-params-date-fin-inscription input,
.bloc-form-atelier .container-inline > .form-item:first-of-type input {
    background: url('../images/svg/picto-calendar.svg') no-repeat center right 20px;
}

.bloc-form-atelier .form-item-champs-params-duree,
.bloc-form-atelier .form-item-champs-params-effectif-max,
.bloc-form-atelier .form-item-champs-params-heure-debut-inscription,
.bloc-form-atelier .form-item-champs-params-heure-fin-inscription,
.bloc-form-atelier .form-item.form-item-champs-params-2-duree,
.bloc-form-atelier .container-inline > .form-item:last-of-type {
    max-width: 84px;
}

.bloc-form-atelier .form-item-champs-params-heure-debut-inscription label,
.bloc-form-atelier .form-item-champs-params-heure-fin-inscription label {
    opacity: 0;
}

/*///////////////////////////////////////*/
/* //// TABLEAU DE BORD /////////////// */
/*/////////////////////////////////////*/
.stpaul-dashboard {
    padding-bottom: 10px;
}

.stpaul-dashboard h1 {
    margin: 45px 0 10px;
    font-size: 32px;
    font-weight: 900;
    color: #004164;
    text-align: center;
    text-transform: uppercase;
}

.stpaul-dashboard .header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
}

.stpaul-dashboard .header .filtres,
.content-details-atelier .block-table-title .filtres {
    display: flex;
    align-items: center;
    gap: 10px;
}

.stpaul-dashboard .header .filtres input,
.stpaul-dashboard .header .filtres select,
.content-details-atelier .block-table-title .filtres input[type="text"],
.content-details-atelier .block-table-title .filtres select {
    height: 30px;
    padding: 0 10px;
    font-size: 14px;
    border-radius: 3px;
    border: solid 1px #004164;
}

.stpaul-dashboard .header .filtres input,
.content-details-atelier .block-table-title .filtres input[type="texte"] {
    min-width: 250px;
}

.content-details-atelier .block-table-title .filtres .export-btn,
.content-details-atelier .block-table-title .filtres input[type="submit"] {
    color: #fff;
    height: 30px;
    padding: 0 10px;
    font-size: 14px;
    font-weight: 700;
    border-radius: 3px;
    background: #004164;
    text-decoration: none;
    text-transform: uppercase;
}

.stpaul-inscriptions-liste .content-details-atelier .block-table-title .filtres .export-btn {
    margin: 1em 0;
}

.content-details-atelier .block-table-title .filtres select,
.content-details-atelier .block-table-title .filtres .export-btn {
    line-height: 32px;
}

.stpaul-dashboard .header h2 {
    font-size: 22px;
    font-weight: 900;
    color: #004164;
    text-align: center;
    text-transform: uppercase;
}

.stpaul-dashboard .header .add-btn {
    height: 42px;
    padding: 0 30px;
    display: flex;
    align-items: center;
    color: #fff;
    text-decoration: none;
    font-size: 16px;
    font-weight: 700;
    background: #2DCB6C;
    text-transform: uppercase;
}

.stpaul-dashboard .header .add-btn img {
    margin-right: 12px;
}

.stpaul-dashboard .header .add-btn span {
    margin-top: 3px;
}

.stpaul-dashboard .container-ateliers {
    padding: 43px 40px 50px;
}

/*TABLE*/
.stpaul-dashboard .table {
    margin-bottom: 50px;
}

.stpaul-dashboard .table .line {
    display: flex;
    justify-content: space-between;
    gap: 5px;
}

.stpaul-dashboard .table .line .titre {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    width: 25%;
    font-size: 14px;
    font-weight: 700;
    color: #004164;
}

.stpaul-dashboard .table .line .categorie {
    width: 15%;
    font-size: 14px;
    color: #1E1E1E;
}

.stpaul-dashboard .table .line .duree {
    width: 5%;
}

.stpaul-dashboard .table .line .date-heure {
    width: 14%;
}

.stpaul-dashboard .table .line .places {
    width: 5%;
}

.stpaul-dashboard .table .line .actions {
    width: 30%;
    text-align: right;
}

.stpaul-dashboard .table .table-header .line {
    font-size: 14px;
    font-weight: 700;
    color: #004164;
    border-radius: 5px;
    background: #CDE1EC;
    height: 30px;
    padding: 0 10px;
    align-items: center;
}

.stpaul-dashboard .table .table-content .line {
    padding: 18px 10px 13px;
    border-bottom: solid 1px #E0E0E0;
}

.stpaul-dashboard .table .table-content .line .duree {
    font-size: 14px;
    color: #1E1E1E;
}

.stpaul-dashboard .table .table-content .line .date-heure {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    font-size: 14px;
    color: #1E1E1E;
}

.stpaul-dashboard .table .table-content .line .date-heure .session:not(:last-of-type) {
    margin-bottom: 3px;
}

.stpaul-dashboard .table .table-content .line .places {
    color: #1E1E1E;
}

.stpaul-dashboard .table .table-content .line .places.complet {
    color: #FF1A00;
}

.stpaul-dashboard .table .table-content .line .places .inscrits {
    font-size: 14px;
    font-weight: 700;
}

.stpaul-dashboard .table .table-content .line .places .effectif-max {
    font-size: 12px;
}

.stpaul-dashboard .table .table-content .line .actions {
    display: flex;
    align-items: flex-start;
    justify-content: flex-end;
    gap: 10px;
}

.stpaul-dashboard .table .table-content .line .actions .action-btn,
.content-details-atelier .table .line .actions .action-btn {
    font-size: 13px;
    font-weight: 700;
    color: #1E1E1E;
    display: flex;
    align-items: center;
    height: 26px;
    padding: 0 12px;
    border-radius: 5px;
    text-decoration: none;
    border: solid 1px #E0E0E0;
}

.stpaul-dashboard .table .table-content .line .actions .action-btn span,
.content-details-atelier .table .line .actions .action-btn span {
    margin-left: 6px;
}

.stpaul-dashboard .table .table-content .line .actions .action-btn:hover,
.content-details-atelier .table .line .actions .action-btn:hover {
    background: #e6f1f8;
    border: solid 1px #e6f1f8;
}

.aucun-resultat {
    font-size: 14px;
    margin-top: 10px;
}

/*///////////////////////////////////////*/
/* ///////// TAGS ///////////////////// */
/*/////////////////////////////////////*/
.tag {
    display: inline-block;
    color: #fff;
    border-radius: 5px;
    font-weight: 700;
    padding: 0 10px;
    font-size: 11px;
    margin-top: 3px;
    height: 18px;
    line-height: 19px;
    letter-spacing: .5px;
}

.tag.green {
    background: #2DCB6C;
}

.tag.red {
    background: #FF1A00;
}

.tag.blue {
    background: #004164;
}

.tag.grey {
    background: #777777;
}

/*///////////////////////////////////////*/
/* ///////// DIALOG MODALS //////////// */
/*/////////////////////////////////////*/
.ui-widget-overlay {
    background: rgba(0, 65, 100, .85);
    opacity: 1;
}

.ui-dialog {
    border: none;
    border-radius: 10px;
    background: #ffffff;
}

.ui-dialog .ui-dialog-titlebar {
    border: none;
    background: transparent;
}

.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close {
    top: 30px;
    right: 30px;
    width: 20px;
    height: 20px;
    margin: 0;
    z-index: 5;
    background: url(../images/svg/close-modal.svg) no-repeat center;
    background-size: contain;
}

.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close span {
    display: none;
}

.ui-dialog .ui-dialog-content {
    padding: 50px 100px 90px;
    font-family: 'Roboto', sans-serif;
}

.ui-dialog .ui-dialog-content .inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.ui-dialog .ui-dialog-content .inner .titre {
    font-size: 22px;
    line-height: 26px;
    font-weight: 900;
    color: #004164;
    margin-bottom: 20px;
    text-transform: uppercase;
}

.ui-dialog .ui-dialog-content .inner .info {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 20px;
}

.ui-dialog .ui-dialog-content .inner .titre-atelier {
    font-size: 18px;
    line-height: 28px;
    font-weight: 700;
}

.ui-dialog .ui-dialog-content .inner .dates-atelier {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.ui-dialog .ui-dialog-content .inner .dates-atelier,
.ui-dialog .ui-dialog-content .inner .duree-atelier {
    font-size: 14px;
    line-height: 22px;
}

.ui-dialog .ui-dialog-content .inner .info-inscription {
    font-size: 14px;
    font-weight: 700;
    color: #FF1A00;
    margin-top: 24px;
}

.ui-dialog .ui-dialog-content .inner .btns {
    width: 100%;
    display: flex;
    justify-content: center;
    margin-top: 40px;
    gap: 45px;
}

.ui-dialog .ui-dialog-content .inner .btns a,
.header-details-atelier .action-btn {
    width: 100%;
    max-width: 220px;
    height: 42px;
    font-size: 16px;
    font-weight: 700;
    line-height: 42px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
}

.ui-dialog .ui-dialog-content .inner .btns a.cancel {
    color: #004164;
    background: rgba(0, 65, 100, .1);
}

.header-details-atelier .action-btn.disable {
    color: #fff;
    background: #B9B9B9;
    pointer-events: none;
}

.ui-dialog .ui-dialog-content .inner .btns a.cancel:hover {
    color: #fff;
    background: #004164;
}

.ui-dialog .ui-dialog-content .inner .btns a.success,
.header-details-atelier .action-btn.success {
    color: #fff;
    background: #2DCB6C;
}

.ui-dialog .ui-dialog-content .inner .btns a.success:hover,
.header-details-atelier .action-btn.success:hover {
    background: #38E57D;
}

.ui-dialog .ui-dialog-content .inner .btns a.danger,
.header-details-atelier .action-btn.danger {
    color: #fff;
    background: #FF1A00;
}

.ui-dialog .ui-dialog-content .inner .btns a.danger:hover,
.header-details-atelier .action-btn.danger:hover {
    background: #D12C19;
}

.header-details-atelier .action-btn.neutral {
    color: #fff;
    background: #004164;
}

.header-details-atelier .action-btn.neutral:hover {
    background: #00a1ed;
}

/*///////////////////////////////////////*/
/* ///// INFOS MESSAGES /////////////// */
/*/////////////////////////////////////*/
body .messages {
    width: calc(100% - 60px);
    max-width: 1200px;
    margin: 25px auto 0;
}

/*///////////////////////////////////////*/
/* ///// TITRE DE PAGE //////////////// */
/*/////////////////////////////////////*/
.block-page-title-block {
    width: calc(100% - 60px);
    max-width: 1640px;
    margin: 0 auto;
}

/*///////////////////////////////////////*/
/* ///// BREADCRUMBS ////////////////// */
/*/////////////////////////////////////*/
.block-system-breadcrumb-block {
    width: calc(100% - 60px);
    max-width: 1640px;
    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;
}

/*///////////////////////////////////////*/
/* ///// PAGE 404 ///////////////////// */
/*/////////////////////////////////////*/
#block-404 {
    width: calc(100% - 60px);
    max-width: 1088px;
    margin: 0 auto;
    padding: 120px 0;
}

#block-404 h1 {
    font-size: 40px;
    line-height: 40px;
    font-weight: 700;
    text-transform: uppercase;
    font-family: 'Poppins', sans-serif;
}

#block-404 .sous-titre {
    color: #333;
    font-size: 30px;
    line-height: 36px;
    margin-bottom: 40px;
    font-weight: 700;
    font-family: 'Poppins', sans-serif;
}


/*///////////////////////////////////////*/
/* ///// RADIOS CHECKBOXES //////////// */
/*/////////////////////////////////////*/

/*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: 20px;
    height: 20px;
    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: #004164;
    border: 1px solid #004164;
    cursor: pointer;
    margin-left: -2px;
}

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

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

input[type=checkbox]:checked:before {
    content: "";
    background: #004164 url('../images/svg/checkbox-checked.svg') no-repeat center;
}

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

.node--type-contenu {

}
/*///////////////////////////////////////*/
/* ///// FOOTER /////////////////////// */
/*/////////////////////////////////////*/

footer {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    clear: both;
}

/*Copyright*/
footer .gl-copy {
    padding: 20px 0;
    text-align: center;
    font-size: 12px;
    line-height: 16px;
    width: 100%;
    max-width: 705px;
    margin: 0 auto;
}

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

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

/*///////////////////////////////////////*/
/* ///// 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 {
    width: calc(100% - 60px);
    max-width: 1200px;
    margin: 50px auto;
    clear: both;
}
.intro {
    width: calc(100% - 60px);
    max-width: 1200px;
    margin: 50px auto;
    clear: both;
}
.intro a {
    color: #393939;
}
/*Swiper paragraphes*/
.paragraphes .swiper-paragraphe {
    width: 100%;
    margin: 25px auto;
    position: relative;
}
.paragraphes .swiper-paragraphe .swiper-button-prev {
    width: 40px;
    height: 45px;
    left: 1%;
    background: url(../images/svg/arrow-slider-prev-white.svg) no-repeat center;
}

.paragraphes .swiper-paragraphe .swiper-button-next {
    width: 40px;
    height: 45px;
    right: 1%;
    background: url(../images/svg/arrow-slider-next-white.svg) no-repeat center;
}

/*Paragraphe pleine largeur*/
.paragraphes .para-item.full-width {
    width: 100%;
    max-width: none;
    padding: 120px 0;
}
.paragraphes .para-item.full-width .container-para {
    width: calc(100% - 60px);
    max-width: 1640px;
    margin: 0 auto;
}

.paragraphes h2,
.paragraphes h3,
.paragraphes h4 {
    font-size: 24px;
    line-height: 30px;
    font-weight: 700;
    color: #393939;
    margin-bottom: 20px;
    font-family: 'Poppins', sans-serif;
}
.paragraphes h3 {
    font-size: 20px;
    line-height: 26px;
}
.paragraphes h4 {
    font-size: 18px;
    line-height: 22px;
}
.paragraphes p,
.paragraphes li,
.intro p{
    font-size: 15px;
    line-height: 34px;
    color: #393939;
}
.paragraphes p {
    margin-bottom: 15px;
}
.para-photo-legende {
    margin: 5px 0 15px 0;
    text-align: center;
    font-size: 12px;
}
/*photo à droite*/
.pos-photo-3 .container-para {
    display: flex;
    justify-content: space-between;
    flex-direction: row-reverse;
    align-items: center;
}
.pos-photo-3 .para-desc {
    margin-right: 5%;
}
/*photo à gauche*/
.pos-photo-4 .container-para {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.pos-photo-4 .para-photos {
    margin-right: 5%;
}
/*photo en haut et en bas*/
.para-item-photo-contenu .para-photos {
    display: flex;
    flex-wrap: wrap;
}
.pos-photo-1 .para-photos .para-photo,
.pos-photo-2 .para-photos .para-photo {
    margin: 10px;
}
.para-item-photo-contenu .para-photos .para-photo img,
.para-item-photo-contenu .para-photos .para-photo img {
    height: 200px;
    width: auto;
}
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;
}
.layout-content ul {
    padding-left: 27px;
    margin-bottom: 15px;
}
.layout-content ul li {
    font-size: 16px;
    line-height: 30px;
    list-style-type: none;
    position: relative;
    padding-left: 17px;
}
.layout-content ul li:before {
    content: '';
    position: absolute;
    left: 0;
    top: 12px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #000;
}

.layout-content .select2-container ul li:before {
    display: none;
}

/*Début accordéon*/
.para-item-accordeon .elements {
    overflow: hidden;
}
.para-item-accordeon .element {
    border-bottom: solid 1px #000;
}
.para-item-accordeon .titre-elem {
    cursor: pointer;
    position: relative;
    padding: 20px 30px 20px 0;
    font-size: 16px;
    line-height: 24px;
    font-weight: 700;
}
.para-item-accordeon .titre-elem:after {
    content: "";
    position: absolute;
    right: 0;
    top: 20px;
    ;
    width: 18px;
    height: 18px;
    background: url('../images/svg/accordeon-open.svg') no-repeat center;
}
.para-item-accordeon .titre-elem.active:after {
    background: url('../images/svg/accordeon-close.svg') no-repeat center;
}
.para-item-accordeon .texte-elem {
    max-height: 0;
    overflow: hidden;
    line-height: 24px;
    text-align: justify;
}
.para-item-accordeon .texte-elem.active {
    max-height: 2000px;
    overflow: visible;
    margin-bottom: 20px;
}
/*Fin accordéon*/


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

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

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

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

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

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