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

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

body {
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    color: #262626;
}

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

strong {
    font-weight: 700;
}

em {
    font-style: italic;
}

main {
    clear: both;
}

.frontpage .region-slider,
.frontpage .region-content {
    overflow: hidden;
}

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

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

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

.not-frontpage .layout-container {
    padding-top: 148px;
}

.slider-content a:not(.default-btn),
.layout-content a:not(.default-btn) {
    color: #0047BA;
}

.default-btn,
.form-submit {
    border: none;
    min-width: 290px;
    text-align: center;
    padding: 10px 40px;
    font-size: 18px;
    line-height: 24px;
    font-weight: 700;
    text-decoration: none;
    display: inline-block;
    border-radius: 30px;
    text-transform: uppercase;
    transition: all 200ms ease-in-out;
}

.default-btn.blue,
.form-submit {
    color: #fff;
    background: #0047BA;
}

.default-btn.blue:hover,
.form-submit:hover {
    background: #1ECAD3;
}

.default-btn.blue-border {
    border: solid 2px #0047BA;
    color: #0047BA;
    padding: 6px 40px;
    min-width: 260px;
}

.default-btn.blue-border:hover {
    background: #0047BA;
    color: #fff;
}

.default-btn.white {
    border: solid 2px #fff;
    color: #0047BA;
    padding: 6px 40px;
    min-width: 260px;
    background: #fff;
}

.default-btn.white:hover {
    background: transparent;
    color: #fff;
}

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

header {
    position: fixed;
    z-index: 100;
    left: 0;
    right: 0;
    top: 0;
}

header .region-header {
    height: 148px;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    padding: 20px 70px 0 0;
    background: url('../images/svg/background-header.svg') no-repeat right center;
    background-size: auto 100%;
}

header .block-superfish {
    width: auto;
}

#block-atelierdestransitions-theme-logoheader {
    position: absolute;
    top: 10px;
    left: 23px;
    opacity: 1;
    transition: all 300ms ease-in-out;
}

.frontpage header:not(.sticky-desktop) #block-atelierdestransitions-theme-logoheader {
    opacity: 0;
}

/*Navigation secondaire*/
#block-menusecondaire {
    position: relative;
    display: flex;
    margin-bottom: 22px;
}

#block-menusecondaire a {
    text-decoration: none;
    font-size: 16px;
    border: solid 2px #0047BA;
    color: #0047BA;
    padding: 0 35px;
    height: 30px;
    line-height: 26px;
    text-transform: uppercase;
    font-weight: 700;
    margin-left: 20px;
    border-radius: 15px;
}

#block-menusecondaire a.light:hover {
    background: #0047BA;
    color: #fff;
}

#block-menusecondaire a.dark:hover {
    background: #fff;
    color: #0047BA;
}

#block-menusecondaire a.phone {
    padding: 0 25px;
}

#block-menusecondaire a.phone img {
    margin-right: 5px;
}

#block-menusecondaire a.dark {
    background: #0047BA;
    color: #fff;
}

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

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

#superfish-main li#main-menu-link-content111d7a5e-c1f2-4d38-bd86-4308e10b32ff,
#superfish-main li#main-menu-link-content7c2eb656-7ec3-4c1b-892b-bc2d76bf3f0b {
    display: none;
}

#superfish-main > li > a {
    color: #0047BA;
    padding: 0 0 0 20px;
    font-size: 18px;
    line-height: 24px;
    text-align: right;
    text-decoration: none;
    font-family: 'Open Sans', sans-serif;
}

#superfish-main > li:not(:first-of-type) {
    margin-left: 50px
}

#superfish-main > li > a .strong-menu {
    font-size: 20px;
    line-height: 27px;
    text-transform: uppercase;
    font-weight: 700;
}

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

#superfish-main > li > a.is-active {
    color: #0047BA;
}

ul.sf-menu .sf-sub-indicator {
    right: -18px;
    font-size: 12px;
    top: 38px;
}

#superfish-main > li ul {
    top: 52px;
    padding: 25px 0;
    background: #fff;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .16);
}

#superfish-main > li ul a {
    display: inline-block;
    text-decoration: none;
    font-size: 16px;
    color: #0047BA;
    padding: 0 30px;
    line-height: 30px;
    margin-bottom: 10px;
    text-transform: uppercase;
    font-weight: 700;
}

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

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

/*///////////////////////////////////////*/
/* ///// BREADCRUMBS ////////////////// */
/*/////////////////////////////////////*/
.block-system-breadcrumb-block {
    width: calc(100% - 50px);
    max-width: 1640px;
    margin: 0 auto;
}

.block-system-breadcrumb-block li,
.block-system-breadcrumb-block li a {
    font-size: 10px;
    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: 6px;
    background: url('../images/svg/arrow-breadcrumbs.svg') no-repeat center;
}

/*///////////////////////////////////////*/
/* ///// CUSTOM PAGE HEADER /////////// */
/*/////////////////////////////////////*/
.page-node-type-formation,
.page-node-type-contenu {
    position: relative;
}

.page-node-type-formation:before,
.page-node-type-contenu:before {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 148px;
    z-index: 4;
    background: #0047BA;
}

.node--type-formation.padding-top,
.node--type-contenu.padding-top {
    padding-top: 246px;
}

.custom-page-header .block-system-breadcrumb-block {
    width: calc(100% - 950px);
    max-width: none;
    position: relative;
    z-index: 100;
    margin: 0;
}

.custom-page-header .block-system-breadcrumb-block li,
.custom-page-header .block-system-breadcrumb-block li a {
    font-size: 10px;
    color: #fff;
}

.custom-page-header .block-system-breadcrumb-block li:before {
    background: url(../images/svg/arrow-breadcrumbs-white.svg) no-repeat center;
}

.custom-page-header {
    position: relative;
    z-index: 4;
    background: #0047BA;
    margin-top: 73px;
}

.custom-page-header.sticky-custom-header {
    position: fixed;
    z-index: 5;
    top: 0;
    left: 0;
    right: 0;
    transform: translateY(-180px);
}

.custom-page-header .container-large,
.custom-page-header .container-medium {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 173px;
    padding: 15px 0 25px;
}

.custom-page-header .contenu-header .titre-format {
    display: inline-block;
    height: 27px;
    line-height: 27px;
    font-size: 16px;
    padding: 0 22px;
    color: #fff;
    border: solid 1px #fff;
    border-radius: 20px;
    margin-bottom: 5px;
    text-transform: uppercase;
}

.custom-page-header .contenu-header h1 {
    font-size: 32px;
    line-height: 34px;
    font-weight: 700;
    color: #fff;
}

.custom-page-header .titre-sticky {
    display: none;
}

.custom-page-header.sticky-custom-header .container-large,
.custom-page-header.sticky-custom-header .container-medium {
    display: none;
}

.custom-page-header.sticky-custom-header.open .titre-sticky {
    height: 75px;
    display: flex;
    align-items: center;
}

.custom-page-header.sticky-custom-header.open .titre-sticky .block-titre {
    width: calc(100% - 50px);
    max-width: 1640px;
    margin: 0 auto;
}

.custom-page-header.custom-page-header-medium.sticky-custom-header.open .titre-sticky .block-titre {
    max-width: 1364px;
}

.custom-page-header.sticky-custom-header.open .titre-sticky .block-titre .titre {
    font-size: 20px;
    line-height: 26px;
    font-weight: 700;
    color: #fff;
    width: calc(100% - 1000px);
}

.custom-page-header.sticky-custom-header.open {
    transition: all 350ms ease-in-out;
    transform: translateY(0);
}

/*///////////////////////////////////////*/
/* // PAGE RECHERCHE FORMATIONS /////// */
/*/////////////////////////////////////*/
.recherche-formations-container {
    width: calc(100% - 50px);
    max-width: 1640px;
    margin: 80px auto;
}

.recherche-formations-container form {
    display: flex;
    justify-content: space-between;
    margin-bottom: 100px;
}

.recherche-formations-container .intro-recherche {
    width: calc(50% - 40px);
}

.recherche-formations-container .liste-champs {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: calc(50% - 40px);
}

.recherche-formations-container .liste-champs .titre-formulaire {
    width: 100%;
    font-size: 20px;
    line-height: 30px;
    color: #1ECAD3;
    font-weight: 700;
    margin-bottom: 5px;
    text-transform: uppercase;
}

.recherche-formations-container .form-item {
    margin: 0;
    display: flex;
    flex-direction: column;
    width: calc(50% - 15px);
}

.recherche-formations-container .form-item label {
    font-size: 16px;
    line-height: 24px;
    color: #0047BA;
    font-weight: 700;
    margin-bottom: 5px;
    text-transform: uppercase;
}

.recherche-formations-container .form-item select {
    width: 100%;
    height: 47px;
    line-height: 47px;
    border: solid 1px #0047BA;
    padding: 0 40px 0 20px;
    border-radius: 25px;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: #fff url('../images/svg/arrow-select.svg') no-repeat right 25px center;
    cursor: pointer;
}

.recherche-formations-container .form-actions {
    width: 0;
    height: 0;
    padding: 0;
    margin: 0;
    overflow: hidden;
}

.recherche-formations-container .liste-formations {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.bloc-formation {
    position: relative;
    width: 50%;
    padding-bottom: 70px;
    margin-bottom: 70px;
}

.bloc-formation:nth-child(odd) {
    padding-right: 90px;
}

.bloc-formation:nth-child(even) {
    padding-left: 90px;
}

.bloc-formation:nth-child(odd):after {
    content: '';
    position: absolute;
    right: -100px;
    bottom: -100px;
    width: 200px;
    height: 200px;
    background: url('../images/svg/separateur-formations.svg') no-repeat center;
    background-size: cover;
}

.bloc-formation .inner {
    display: flex;
    align-items: center;
    width: calc(100% - 25px);
    max-width: 723px;
}

.bloc-formation .photo {
    width: 100%;
    max-width: 220px;
    margin-right: 35px;
    border-radius: 25px;
    overflow: hidden;
    display: flex;
}

.bloc-formation .contenu {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
}

/*///////////////////////////////////////*/
/* ///// NODE FORMATION /////////////// */
/*/////////////////////////////////////*/
.node--type-formation .bloc-top {
    display: flex;
    align-items: center;
    position: relative;
    min-height: 456px;
    margin-top: 32px;
    z-index: 2;
}

.node--type-formation .bloc-top .photo-formation {
    position: absolute;
    top: 0;
    right: 0;
    overflow: hidden;
    border-radius: 50px 0 0 50px;
}

.node--type-formation .content .inner {
    padding-bottom: 50px;
    width: calc(100% - 820px);
}

/*Infos princiaples*/
.node--type-formation .infos-principales {
    padding-bottom: 10px;
    border-bottom: solid 2px #0047BA;
    margin-bottom: 65px;
}

.node--type-formation .infos-principales .ligne {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}

.node--type-formation .infos-principales .bloc {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

.node--type-formation .infos-principales .bloc.labels {
    display: flex;
    align-items: center;
}

.node--type-formation .infos-principales .bloc.labels .label {
    display: flex;
}

.node--type-formation .infos-principales .bloc.labels .label:not(:last-of-type) {
    margin-right: 15px;
}

.node--type-formation .infos-principales .bloc.labels .label img {
    max-width: 120px;
    max-height: 70px;
}

.node--type-formation .infos-principales .bloc .default-btn {
    display: flex;
    align-items: center;
    min-width: 245px;
    padding: 8px 15px;
    font-size: 16px;
}

.node--type-formation .infos-principales .bloc .picto {
    margin-right: 10px;
}

.node--type-formation .infos-principales .bloc .intitule {
    font-size: 14px;
    line-height: 19px;
    color: #0047BA;
    text-transform: uppercase;
}

.node--type-formation .infos-principales .bloc .valeur {
    font-size: 18px;
    line-height: 19px;
    font-weight: 700;
    color: #0047BA;
    text-transform: uppercase;
}

.node--type-formation .infos-principales .bloc.formateur .photo {
    display: flex;
    margin-right: 10px;
    width: 100%;
    max-width: 62px;
    border-radius: 50%;
    overflow: hidden;
}

.node--type-formation .introduction {
    margin-bottom: 65px;
}

/*Objectifs et public*/
.node--type-formation .objectifs-public {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    width: calc(100% - 50px);
    max-width: 1640px;
    margin: 50px auto 60px;
}

.node--type-formation .objectifs-public .block {
    width: calc(50% - 22px);
}

.node--type-formation .objectifs-public .block.full-width {
    width: 100%
}

.node--type-formation .block-tarifs {
    margin-bottom: 70px;
}

.node--type-formation .block-tarifs .titre-block,
.node--type-formation .infos-complementaires .titre-block,
.node--type-formation .objectifs-public .titre-block,
.node--type-formation .bloc-bg-blue .container-large .block .titre-block {
    display: flex;
    align-items: center;
    margin-bottom: 25px;
    font-size: 26px;
    line-height: 34px;
    font-weight: 700;
    color: #0047BA;
    text-transform: uppercase;
}

.node--type-formation .bloc-bg-blue .container-large .block .titre-block {
    color: #fff;
}

.node--type-formation .block-tarifs .titre-block img,
.node--type-formation .infos-complementaires .titre-block img,
.node--type-formation .objectifs-public .titre-block img,
.node--type-formation .bloc-bg-blue .container-large .block .titre-block img {
    margin-right: 10px;
}

.node--type-formation .block-tarifs .texte p,
.node--type-formation .objectifs-public .texte p,
.node--type-formation .bloc-bg-blue p,
.content .intro-formteur p {
    font-size: 15px;
    line-height: 24px;
}

.node--type-formation .block-tarifs ul,
.node--type-formation .infos-complementaires ul,
.node--type-formation .objectifs-public .texte ul,
.node--type-formation .bloc-bg-blue ul,
.content .intro-formteur ul {
    margin-bottom: 15px;
}

.node--type-formation .block-tarifs ul li,
.node--type-formation .infos-complementaires ul li,
.node--type-formation .objectifs-public .texte ul li,
.node--type-formation .bloc-bg-blue ul li,
.content .intro-formteur ul li {
    padding-left: 40px;
    font-size: 15px;
    line-height: 24px;
    background: url('../images/svg/li-check-blue.svg') no-repeat left 15px top 7px;
}

/*Moyens, Contenu, Suivi*/
.node--type-formation .bloc-bg-blue {
    z-index: 1;
    position: relative;
    background: #0047BA;
    margin-top: 250px;
    margin-bottom: 235px;
}

.node--type-formation .bloc-bg-blue:before {
    content: '';
    position: absolute;
    height: 235px;
    width: 100%;
    left: 0;
    top: -235px;
    background: url('../images/svg/triangle-top-blue.svg') no-repeat top center;
    background-size: cover;
}

.node--type-formation .bloc-bg-blue:after {
    content: '';
    position: absolute;
    height: 235px;
    width: 100%;
    left: 0;
    bottom: -235px;
    background: url('../images/svg/triangle-bottom-blue.svg') no-repeat bottom center;
    background-size: cover;
}

.node--type-formation .bloc-bg-blue .container-large {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
}

.node--type-formation .bloc-bg-blue .container-large .block {
    width: calc(50% - 32px);
}

.node--type-formation .bloc-bg-blue p,
.content .intro-formateur p,
.content .desc-formateur p {
    color: #fff;
}

.node--type-formation .bloc-bg-blue ul li,
.content .intro-formateur ul li,
.content .desc-formateur ul li {
    color: #fff;
    margin-bottom: 10px;
    background: url('../images/svg/li-check-white.svg') no-repeat left 15px top 7px;
}

/*Infos complémentaires*/
.node--type-formation .infos-complementaires {
    padding: 75px 0 100px;
}

.node--type-formation .infos-complementaires ul {
    column-count: 2;
}

.node--type-formation .infos-complementaires ul li {
    margin-bottom: 10px;
}

/*Block formateur*/
.node--type-formation .block-formateur {
    background: #0047BA;
    padding: 80px 0 230px;
}

.node--type-formation .block-formateur .container-large {
    display: flex;
    align-items: flex-start;
}

.node--type-formation .block-formateur .container-large .photo-formateur {
    width: 100%;
    max-width: 343px;
    margin-right: 110px;
    display: flex;
    border-radius: 50%;
    overflow: hidden;
}

.node--type-formation .block-formateur .content {
    width: 100%;
    padding-top: 30px;
}

.node--type-formation .block-formateur .content .titre {
    font-size: 18px;
    line-height: 30px;
    color: #fff;
    text-transform: uppercase;
}

.node--type-formation .block-formateur .content .nom {
    font-size: 26px;
    line-height: 30px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 25px;
    text-transform: uppercase;
}

.node--type-formation a.toggle-desc-formateur {
    position: relative;
    z-index: 2;
    box-sizing: border-box;
    border: solid 2px #fff;
    color: #fff;
    padding: 0 30px;
    height: 36px;
    border-radius: 20px;
    font-size: 16px;
    line-height: 32px;
    font-weight: 700;
    background: #0047BA;
    text-transform: uppercase;
    text-decoration: none;
    text-align: center;
    display: inline-block;
    margin-top: 20px;
}

/*Block inscription formation*/
.node--type-formation .block-inscription {
    position: relative;
    background: #1ECAD3;
    margin-bottom: 235px;
}

.node--type-formation .block-inscription:before {
    content: '';
    position: absolute;
    height: 235px;
    width: 100%;
    left: 0;
    top: -235px;
    background: url('../images/svg/triangle-top-green.svg') no-repeat top center;
    background-size: cover;
}

.node--type-formation .block-inscription:after {
    content: '';
    position: absolute;
    height: 235px;
    width: 100%;
    left: 0;
    bottom: -235px;
    background: url('../images/svg/triangle-bottom-green.svg') no-repeat bottom center;
    background-size: cover;
}

.node--type-formation .block-inscription .container-medium {
    display: flex;
    align-items: center;
}

.node--type-formation .block-inscription .container-medium .visuel {
    width: 100%;
    max-width: 235px;
    margin-right: 130px;
    display: flex;
}

.node--type-formation .block-inscription .container-medium .content {
    width: 100%;
}

.node--type-formation .block-inscription .container-medium .content .titre {
    font-size: 36px;
    line-height: 49px;
    font-weight: 700;
    color: #0047BA;
    margin-bottom: 15px;
    text-transform: uppercase;
}

.node--type-formation .block-inscription .container-medium .content p {
    margin-bottom: 0;
}

.node--type-formation .block-inscription .container-medium .content .default-btn {
    margin-top: 30px;
}

.node--type-formation .block-inscription .container-medium .content .default-btn:hover {
    background: #fff;
    color: #0047BA;
}

/*Block liens bottom*/
.node--type-formation #block-accueilliens {
    padding-top: 0;
}

/*///////////////////////////////////////*/
/* ///// SLIDER ACCUEIL /////////////// */
/*/////////////////////////////////////*/
#mise-en-avant {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    padding-left: 5%;
    min-height: 1050px;
    background: url('../images/svg/bg-mea.svg') no-repeat bottom center;
    background-size: 100% auto;
}

#mise-en-avant .container-contenu {
    width: 100%;
    max-width: 812px;
    margin-right: 50px;
    padding-top: 73px;
    padding-bottom: 245px;
}

#mise-en-avant .container-contenu .logo {
    position: relative;
    width: 535px;
    height: 376px;
    margin-bottom: 70px;
}

@-webkit-keyframes rotating-right /* Safari and Chrome */
{
    from {
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes rotating-right {
    from {
        -ms-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -ms-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.rotating-right {
    -webkit-animation: rotating-right 60s linear infinite;
    -moz-animation: rotating-right 60s linear infinite;
    -ms-animation: rotating-right 60s linear infinite;
    -o-animation: rotating-right 60s linear infinite;
    animation: rotating-right 60s linear infinite;
}

@-webkit-keyframes rotating-left /* Safari and Chrome */
{
    from {
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(-360deg);
        -o-transform: rotate(-360deg);
        transform: rotate(-360deg);
    }
}

@keyframes rotating-left {
    from {
        -ms-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -ms-transform: rotate(-360deg);
        -moz-transform: rotate(-360deg);
        -webkit-transform: rotate(-360deg);
        -o-transform: rotate(-360deg);
        transform: rotate(-360deg);
    }
}

.rotating-left {
    -webkit-animation: rotating-left 30s linear infinite;
    -moz-animation: rotating-left 30s linear infinite;
    -ms-animation: rotating-left 30s linear infinite;
    -o-animation: rotating-left 30s linear infinite;
    animation: rotating-left 30s linear infinite;
}

#mise-en-avant .container-contenu .logo .cercle-large {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 376px;
    height: 376px;
    transform: translate(-50%, -50%);
}

#mise-en-avant .container-contenu .logo .cercle-small {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 168px;
    height: 168px;
    transform: translate(calc(-50% + 63px), -50%);
}

#mise-en-avant .container-contenu .logo .gradient-ellipse {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 80%;
    background: linear-gradient(to right, #fff, transparent);
}

#mise-en-avant .container-contenu .logo .logo-texte {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 535px;
    height: 121px;
    transform: translate(-50%, -50%);
}

#mise-en-avant .container-contenu .contenu .titre {
    font-size: 30px;
    line-height: 40px;
    color: #1ECAD3;
    font-weight: 700;
    text-transform: uppercase;
}

#mise-en-avant .container-contenu .contenu .sous-titre {
    font-size: 36px;
    line-height: 40px;
    color: #0047BA;
    font-weight: 700;
    margin-bottom: 15px;
    text-transform: uppercase;
}

#mise-en-avant .container-contenu .contenu .default-btn {
    margin-top: 30px;
}

#mise-en-avant #slider-accueil {
    position: relative;
    width: 100%;
    max-width: 814px;
    padding-bottom: 85px;
}

#mise-en-avant #slider-accueil .swiper-slide {
    border-radius: 50px 0 0 50px;
    display: flex;
    overflow: hidden;
}

#mise-en-avant #slider-accueil .swiper-pagination {
    display: flex;
    justify-content: flex-end;
    width: 100%;
    position: absolute;
    bottom: 34px;
    right: 40px;
    ;
}

#mise-en-avant #slider-accueil .swiper-pagination .swiper-pagination-bullet {
    width: 19px;
    height: 19px;
    background: #1ECAD3;
    margin-left: 22px;
    opacity: 0.6;
}

#mise-en-avant #slider-accueil .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    opacity: 1;
}

/*///////////////////////////////////////*/
/* ///// FRISE ACCUEIL //////////////// */
/*/////////////////////////////////////*/
#block-friseaccueil {
    padding: 160px 0 150px;
}


/*///////////////////////////////////////*/
/* ///// HEADER BLOCK ///////////////// */
/*/////////////////////////////////////*/
.header-block {
    width: calc(100% - 50px);
    max-width: 1052px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.header-block .titre {
    font-size: 22px;
    line-height: 34px;
    color: #1ECAD3;
    text-transform: uppercase;
}

.header-block .sous-titre {
    font-size: 32px;
    line-height: 34px;
    color: #0047BA;
    font-weight: 700;
    margin-bottom: 22px;
    text-transform: uppercase;
}

.header-block .intro-block {
    width: 100%;
    max-width: 1000px;
    margin-bottom: 0;
}

/*//////////////////*/
/*      FRISE      */
/*////////////////*/
#slider-frise-accueil {
    position: relative;
    padding-left: 150px;
}

#slider-frise-accueil .swiper-slide {
    display: flex;
    align-items: flex-end;
    width: auto;
    margin-right: 10px;
    cursor: pointer;
    padding: 10px 0;
}

#slider-frise-accueil .swiper-slide .inner {
    height: 368px;
    display: flex;
    align-items: center;
    width: 534px;
}

#slider-frise-accueil .swiper-button-prev {
    top: 50%;
    width: 60px;
    height: 120px;
    left: 0;
    transform: translateY(-50%);
    background: url('../images/svg/frise/arrow-frise-prev.svg') no-repeat center left;
    background-size: contain;
}

#slider-frise-accueil .swiper-button-next {
    top: 50%;
    width: 60px;
    height: 120px;
    right: 0;
    transform: translateY(-50%);
    background: url('../images/svg/frise/arrow-frise-next.svg') no-repeat center right;
    background-size: contain;
}

/*First slide*/
#slider-frise-accueil .swiper-slide .legende {
    bottom: 7px;
    left: 0;
    width: 115px;
    height: 33px;
    transform: translateY(3px);
    background: url('../images/svg/frise/legende-frise.svg') no-repeat left center;
}

/* Content */
#slider-frise-accueil .swiper-slide .inner .visuel {
    position: relative;
    margin-right: 15px;
    width: 100%;
    max-width: 179px;
    min-height: 270px;
    display: flex;
    z-index: 2;
    align-items: flex-end;
    transform: translateY(-30px);
}

#slider-frise-accueil .swiper-slide .inner .content {
    width: 100%;
    transform: translateY(20px);
}

#slider-frise-accueil .swiper-slide .inner .format,
.bloc-formation .inner .format {
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    color: #fff;
    display: inline-block;
    height: 17px;
    line-height: 17px;
    padding: 0 15px;
    border-radius: 10px;
    text-align: center;
    margin-bottom: 5px;
}

#slider-frise-accueil .swiper-slide .inner .titre,
.bloc-formation .inner .titre {
    font-size: 28px;
    font-weight: 700;
    text-transform: uppercase;
    color: #0047BA;
    display: inline-block;
    line-height: 30px;
    margin-bottom: 12px;
    text-decoration: none;
}

#slider-frise-accueil .swiper-slide .inner .readmore,
.bloc-formation .inner .readmore,
.view-actualites .view-content .views-row .contenu .readmore {
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    color: #1ECAD3;
    display: inline-block;
    line-height: 22px;
    text-decoration: none;
    padding-right: 24px;
    background: url('../images/svg/arrow-green-redmore.svg') no-repeat right center;
}

.view-actualites .view-content .views-row .contenu .readmore {
    margin-top: 25px;
}

/*Trait gris*/
#slider-frise-accueil .swiper-slide .inner .visuel:after {
    content: '';
    width: 18px;
    height: 199px;
    position: absolute;
    left: calc(50% - 9px);
    z-index: -1;
}

#slider-frise-accueil .swiper-slide[data-direction-trait="haut"] .inner .visuel:after {
    top: -15px;
    background: url('../images/svg/frise-trait-gris-haut.svg') no-repeat center;
    background-size: contain;
}

#slider-frise-accueil .swiper-slide[data-pos-traces="haut_bas"][data-direction-trait="haut"] .inner .visuel:after {
    top: -22px;
}

#slider-frise-accueil .swiper-slide[data-direction-trait="bas"] .inner .visuel:after {
    bottom: -75px;
    background: url('../images/svg/frise-trait-gris-bas.svg') no-repeat center;
    background-size: contain;
}

#slider-frise-accueil .swiper-slide[data-pos-traces="haut_bas"][data-direction-trait="bas"] .inner .visuel:after {
    bottom: -97px;
}

/* Translates content */
/*#slider-frise-accueil .swiper-slide[data-pos-traces="bas"] .inner .visuel {
    transform: translateY(-5px);
}

#slider-frise-accueil .swiper-slide[data-pos-traces="haut_bas"] .inner .visuel {
    transform: translateY(-38px);
}

#slider-frise-accueil .swiper-slide[data-pos-traces="haut_bas"] .inner .content {
    transform: translateY(25px);
}

#slider-frise-accueil .swiper-slide[data-pos-traces="haut"] .inner .visuel {
    transform: translateY(-28px);
}

#slider-frise-accueil .swiper-slide[data-pos-traces="haut"] .inner .content {
    transform: translateY(25px);
}*/

/*Backgrounds*/
#slider-frise-accueil {
    margin-top: 60px;
}

#slider-frise-accueil .swiper-slide[data-pos-traces="bas"] .inner {
    background: url('../images/svg/frise/ligne-double.svg') no-repeat left bottom;
}

#slider-frise-accueil .swiper-slide[data-pos-traces="haut"] .inner {
    background: url('../images/svg/frise/ligne-double.svg') no-repeat left top;
}

#slider-frise-accueil .swiper-slide[data-pos-traces="haut_bas"] .inner {
    background: url('../images/svg/frise/haut_bas.svg') no-repeat left top;
}

/*Transitions*/
#slider-frise-accueil .swiper-slide .visuel-transition {
    min-width: 372px;
    height: 368px;
}

#slider-frise-accueil .swiper-slide[data-trans-traces="bas_vers_haut"] .visuel-transition {
    background: url('../images/svg/frise/bas_vers_haut.svg') no-repeat left top;
}

#slider-frise-accueil .swiper-slide[data-trans-traces="haut_vers_bas"] .visuel-transition {
    background: url('../images/svg/frise/haut_vers_bas.svg') no-repeat left top;
}

#slider-frise-accueil .swiper-slide[data-trans-traces="haut_vers_haut_bas"] .visuel-transition {
    background: url('../images/svg/frise/haut_vers_haut_bas.svg') no-repeat left top;
}

#slider-frise-accueil .swiper-slide[data-trans-traces="haut_bas_vers_bas"] .visuel-transition {
    background: url('../images/svg/frise/haut_bas_vers_bas.svg') no-repeat left top;
    margin-left: 10px;
}

#slider-frise-accueil .swiper-slide[data-trans-traces="bas_vers_bas"] .visuel-transition {
    background: url('../images/svg/frise/tout_droit.svg') no-repeat left bottom;
    margin-left: 10px;
    min-width: 150px;
}

#slider-frise-accueil .swiper-slide[data-trans-traces="haut_vers_haut"] .visuel-transition {
    background: url('../images/svg/frise/tout_droit.svg') no-repeat left top;
    margin-left: 10px;
    min-width: 150px;
}
#slider-frise-accueil .swiper-slide[data-trans-traces="bas_vers_haut_bas"] .visuel-transition {
    background: url('../images/svg/frise/bas_vers_haut_bas.svg') no-repeat left top;
    margin-left: 10px;
}
#slider-frise-accueil .swiper-slide[data-trans-traces="haut_bas_vers_haut"] .visuel-transition {
    background: url('../images/svg/frise/haut_bas_vers_haut.svg') no-repeat left top;
}
#slider-frise-accueil .swiper-slide[data-trans-traces="haut_bas_vers_haut_bas"] .visuel-transition {
    min-width: 161px;
    background: url(../images/svg/frise/haut_bas_vers_haut_bas.svg) no-repeat left 10px top;
}



/*///////////////////////////////////////*/
/* ///// ACCUEIL CHIFFRES CLES //////// */
/*/////////////////////////////////////*/
#block-accueilchiffrescles {
    padding: 25px 90px;
    min-height: 275px;
    box-sizing: border-box;
    background: #0047BA;
    display: flex;
    align-items: center;
    justify-content: space-around;
}

#block-accueilchiffrescles .block-chiffre {
    display: flex;
    align-items: center;
    max-width: 23%;
}

#block-accueilchiffrescles .block-chiffre .chiffre {
    color: #fff;
    font-size: 75px;
    font-weight: 700;
    display: flex;
    align-items: center;
    margin-right: 10px;
}

#block-accueilchiffrescles .block-chiffre .intitule {
    color: #30E3EC;
    font-size: 22px;
    line-height: 30px;
    font-weight: 700;
    text-transform: uppercase;
}

/*///////////////////////////////////////*/
/* ///// ACCUEIL LIENS //////////////// */
/*/////////////////////////////////////*/
#block-accueilliens {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    padding: 80px 0;
    width: calc(100% - 50px);
    max-width: 1640px;
    margin: 0 auto;
}

#block-accueilliens .block-lien {
    width: 100%;
    max-width: 342px;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    margin-bottom: 25px;
}

#block-accueilliens .block-lien .titre {
    font-size: 18px;
    line-height: 30px;
    color: #0047BA;
    margin: 2px 0 12px;
}

#block-accueilliens .block-lien .titre span {
    font-size: 26px;
    font-weight: 700;
    text-transform: uppercase;
}

#block-accueilliens .block-lien p {
    margin-bottom: 0;
}

#block-accueilliens .block-lien .default-btn {
    margin-top: 30px;
}

/*///////////////////////////////////////*/
/* //// ACCUEIL REJOINDRE L'AVENTURE/// */
/*/////////////////////////////////////*/
#block-accueilrejoindreaventure {
    width: 100%;
    margin-top: 135px;
    background: #1ECAD3 url('../images/svg/triangle-bas-droit-blanc.svg') no-repeat left bottom;
}

#block-accueilrejoindreaventure .block-container {
    position: relative;
    width: calc(100% - 50px);
    max-width: 1350px;
    margin: 0 auto;
    padding-left: 380px;
}

#block-accueilrejoindreaventure .block-container .visuel {
    position: absolute;
    left: 0;
    top: -63px;
}

#block-accueilrejoindreaventure .block-container .contenu {
    min-height: 375px;
    padding: 25px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}

#block-accueilrejoindreaventure .block-container .contenu .titre {
    font-size: 36px;
    line-height: 49px;
    color: #0047BA;
    font-weight: 700;
    margin-bottom: 18px;
    text-transform: uppercase;
}

#block-accueilrejoindreaventure .block-container .contenu p {
    margin: 0;
}

#block-accueilrejoindreaventure .block-container .contenu .default-btn {
    margin-top: 35px;
}

/*///////////////////////////////////////*/
/* ///// ACCUEIL PRESENTATION ///////// */
/*/////////////////////////////////////*/
#block-accueilpresentation {
    padding: 105px 0 85px;
    background: #0047BA url('../images/svg/triangle-bas-droitvert.svg') no-repeat left bottom;
}

#block-accueilpresentation .block-container {
    display: flex;
    align-items: center;
    width: 100%;
    position: relative;
    min-height: 744px;
}

#block-accueilpresentation .block-container .photo-presention {
    position: absolute;
    display: flex;
    right: 0;
    top: 50%;
    border-radius: 50px 0 0 50px;
    transform: translateY(-50%);
    overflow: hidden;
}

#block-accueilpresentation .block-container .content {
    width: calc(100% - 50px);
    max-width: 1640px;
    margin: 0 auto;
    padding-right: 720px;
}

#block-accueilpresentation .block-container .content .titre {
    font-size: 22px;
    line-height: 38px;
    color: #1ECAD3;
    margin-bottom: 18px;
    text-transform: uppercase;
}

#block-accueilpresentation .block-container .content .titre span {
    font-size: 36px;
    line-height: 38px;
    font-weight: 700;
    color: #fff;
}

#block-accueilpresentation .block-container .content p {
    color: #fff;
    margin-bottom: 0;
}

#block-accueilpresentation .block-container .content .logos-partenaires {
    width: 100%;
    background: #fff;
    min-height: 125px;
    padding: 15px;
    margin: 30px 0;
    border-radius: 20px;
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-around;
}

#block-accueilpresentation .block-container .content .default-btn {
    margin-top: 32px;
}

/*///////////////////////////////////////*/
/* ///// ACCUEIL POINTS FORTS ///////// */
/*/////////////////////////////////////*/
#block-accueilpointsforts {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    width: calc(100% - 50px);
    max-width: 1400px;
    margin: 135px auto 0;
}

#block-accueilpointsforts .point-fort {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    width: 31%;
    max-width: 300px;
    margin-bottom: 30px;
}

#block-accueilpointsforts .point-fort .titre {
    font-size: 30px;
    line-height: 41px;
    font-weight: 700;
    color: #0047BA;
    margin-bottom: 20px;
    text-transform: uppercase;
}

#block-accueilpointsforts .point-fort p {
    margin: 0;
}

#block-accueilpointsforts .point-fort .bullets {
    display: flex;
    justify-content: center;
    margin-top: 32px;
}

#block-accueilpointsforts .point-fort .bullets span {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #1ECAD3;
    margin: 0 4px;
}

#block-accueilpointsforts .point-fort .bullets span.active {
    background: #0047BA;
}

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

.contact-form {
    width: calc(100% - 50px);
    max-width: 1364px;
    margin: 40px auto 0;
}

.contact-form .message-send {
    padding: 10px 30px;
    border: solid 1px green;
    background: rgba(0, 128, 0, .05);
    margin-bottom: 20px;
    text-align: center;
    color: green;
}

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

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

.contact-form form .field--type-list-string.field--name-field-objet-contact {
    width: 65.5%;
}

.contact-form form .field--type-entity-reference {
    width: 80%;
}

.contact-form form .field--type-integer {
    width: 17%;
}

.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 legend,
.contact-form form label:not(.option) {
    display: inline-block;
    font-size: 16px;
    line-height: 24px;
    color: #0047BA;
    font-weight: 700;
    margin-bottom: 5px;
    text-transform: uppercase;
}

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

.contact-form form input[type="text"],
.contact-form form input[type="email"],
.contact-form form input[type="number"],
.contact-form form select {
    width: 100%;
    height: 47px;
    line-height: 47px;
    border: solid 1px #0047BA;
    padding: 0 20px;
    border-radius: 25px;
}

.contact-form form select {
    padding: 0 40px 0 20px;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: #fff url(../images/svg/arrow-select.svg) no-repeat right 25px center;
    cursor: pointer;
}

.contact-form form .field--name-field-donnees-personnelles {
    margin: 30px 0;
}

.contact-form form .field--name-field-donnees-personnelles label {
    display: inline-block;
    padding-left: 30px;
    margin-top: -20px;
    font-size: 14px;
    line-height: 24px;
}

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

.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: #0047BA;
    border: 1px solid #0047BA;
    cursor: pointer;
    margin-left: -2px;
}

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

input[type=radio]:checked:before {
    background: #0047BA;
    outline: solid 2px #fff;
    outline-offset: -3px;
}

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

/*///////////////////////////////////////*/
/* ///// LISTE ACTUALITES ///////////// */
/*/////////////////////////////////////*/
.view-actualites {
    width: calc(100% - 50px);
    max-width: 1640px;
    margin: 70px auto;
}

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

.view-actualites .view-content .views-row {
    width: 31%;
    max-width: 485px;
    margin: 15px 5px;
    text-decoration: none;
    border: solid 1px #0047BA;
    border-radius: 25px;
    overflow: hidden;
}

.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 25px 60px;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.view-actualites .view-content .views-row .contenu .date {
    font-size: 12px;
    line-height: 20px;
    font-weight: 700;
    color: #fff;
    z-index: 3;
    position: relative;
    padding: 0 30px;
    border-radius: 30px;
    margin-top: 22px;
    margin-bottom: 25px;
    background: #0047BA;
    letter-spacing: 1px;
}

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

.view-actualites .view-content .views-row .contenu .resume {
    font-size: 16px;
    line-height: 30px;
    color: #242424;
}

.view-actualites .view-content .views-row .contenu .lire-la-suite {
    font-size: 16px;
    color: #F39517;
    margin-top: 20px;
    text-decoration: underline;
}

.view-actualites.view-display-id-accueil .h2 {
    font-size: 32px;
    line-height: 42px;
    font-weight: 700;
    color: #393939;
    margin-bottom: 60px;
    text-align: center;
    letter-spacing: 2px;
    font-family: 'Poppins', sans-serif;
}

.view-actualites.view-display-id-accueil .flex-center {
    margin-top: 70px;
}

/*///////////////////////////////////////*/
/* ///// PAGE ACTUALITE /////////////// */
/*/////////////////////////////////////*/
.node--type-actualite {
    margin-top: 73px;
}

.node--type-actualite .share-block {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    margin-bottom: 40px;
}

.node--type-actualite .share-block .share-title {
    font-size: 20px;
    line-height: 24px;
    font-weight: 700;
    color: #0047BA;
    text-align: center;
    margin-bottom: 8px;
}

.node--type-actualite .node__content {
    width: calc(100% - 50px);
    max-width: 1364px;
    margin: 0 auto;
}

.node--type-actualite .image {
    min-height: 70px;
}

.node--type-actualite .date {
    font-size: 14px;
    line-height: 25px;
    color: #fff;
    z-index: 5;
    position: relative;
    padding: 0 30px;
    border-radius: 30px;
    margin-top: -16px;
    margin-bottom: 35px;
    background: #0047BA;
    letter-spacing: 1px;
    border: solid 1px #fff;
}

.node--type-actualite .paragraphes {
    margin-bottom: 50px;
}

.node--type-actualite h1 {
    font-size: 32px;
    line-height: 36px;
    font-weight: 700;
    color: #0047BA;
    text-align: center;
    margin-bottom: 45px;
}

.node--type-actualite .texte {
    margin-bottom: 40px;
}

.node--type-actualite .breadcrumbs-actualite {
    display: flex;
    align-items: center;
    padding: 5px 0;
    background: #0047BA;
    min-height: 45px;
}

.node--type-actualite .breadcrumb {
    position: relative;
    max-width: 600px;
    z-index: 100;
}

.node--type-actualite .breadcrumb ol li,
.node--type-actualite .breadcrumb ol li a {
    color: #fff;
}

.node--type-actualite .block-system-breadcrumb-block {
    max-width: 1364px;
}

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

.node--type-contenu {

}

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

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

footer {
    clear: both;
    color: #fff;
    background: #0047BA;
}

.not-frontpage footer {
    margin-top: 120px;
}

/*Menu footer*/
footer #block-contenufooter {
    width: calc(100% - 50px);
    max-width: 1640px;
    margin: 0 auto;
    padding: 70px 0 45px;
}

footer #block-contenufooter .logo {
    text-align: center;
}

/*Menus*/
footer #block-contenufooter a {
    color: #fff;
    text-decoration: none;
}

footer #block-contenufooter .menus {
    display: flex;
    justify-content: space-between;
    margin: 50px 0;
}

footer #block-contenufooter .menus .menu {
    display: flex;
    flex-direction: column;
    width: 31%;
    max-width: 450px;
}

footer #block-contenufooter .menus .menu .titre-menu {
    font-size: 18px;
    line-height: 24px;
    padding-bottom: 15px;
    margin-bottom: 15px;
    background: url('../images/svg/bg-dotted-menu-footer.svg') no-repeat left bottom;
    background-size: 100% auto;
}

footer #block-contenufooter .menus .menu .titre-menu span {
    font-size: 20px;
    line-height: 27px;
    font-weight: 700;
    text-transform: uppercase;
}

footer #block-contenufooter .menus .menu .lien-menu {
    font-size: 16px;
    line-height: 40px;
}

footer #block-contenufooter .menus .menu .lien-menu:hover {
    text-decoration: underline;
}

/*Menu bottom*/
footer #block-contenufooter .block-menu-bottom {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}

footer #block-contenufooter .block-menu-bottom .localisation {
    width: 100%;
    max-width: 475px;
}

footer #block-contenufooter .block-menu-bottom .localisation img {
    margin-bottom: -3px;
    margin-right: 2px;
}

footer #block-contenufooter .block-menu-bottom .menu-bottom {
    width: calc(100% - 650px);
    display: flex;
    align-items: center;
    justify-content: space-between;
}

footer #block-contenufooter .block-menu-bottom .menu-bottom a {
    font-size: 16px;
    line-height: 22px;
    font-weight: 700;
    text-transform: uppercase;
}

footer #block-contenufooter .block-menu-bottom .menu-bottom a.phone {
    display: flex;
    align-items: center;
    border: solid 2px #fff;
    padding: 0 25px;
    height: 32px;
    border-radius: 15px;
}

footer #block-contenufooter .block-menu-bottom .menu-bottom a.phone img {
    margin-right: 5px;
}

/*Copyright*/
footer .gl-copy {
    padding: 17px 25px;
    text-align: center;
    font-size: 14px;
    line-height: 20px;
    width: 100%;
    margin: 0 auto;
    box-sizing: border-box;
    border-top: 1px solid rgba(255, 255, 255, .15);
}

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

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

footer .gl-copy a:hover {
    text-decoration: underline;
}

/*///////////////////////////////////////*/
/* ///// 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% - 50px);
    max-width: 1364px;
    margin: 60px auto;
    clear: both;
}

/*PARA NOTRE EQUIPE*/
#para-notre-quipe {
    width: 100%;
    max-width: 100%;
    background: #0047BA url('../images/svg/bg-block-equipe.svg') no-repeat right bottom;
    color: #fff;
    padding: 85px 0 200px;
}

#para-notre-quipe .bloc-formateur {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

#para-notre-quipe .bloc-formateur:not(:last-of-type) {
    margin-bottom: 120px;
}

#para-notre-quipe .bloc-formateur:nth-child(even) {
    flex-direction: row-reverse;
}

#para-notre-quipe .bloc-formateur .photo {
    width: 100%;
    max-width: 205px;
    display: flex;
    border-radius: 50%;
    overflow: hidden;
}

#para-notre-quipe .bloc-formateur .contenu {
    width: calc(100% - 270px);
    padding-top: 10px;
}

#para-notre-quipe .bloc-formateur .contenu .fonction {
    font-size: 18px;
    line-height: 30px;
    text-transform: uppercase;
}

#para-notre-quipe .bloc-formateur .contenu .nom {
    margin-bottom: 25px;
    font-size: 26px;
    line-height: 30px;
    font-weight: 700;
    text-transform: uppercase;
}

#para-notre-quipe .bloc-formateur .contenu p {
    color: #fff;
}

#para-notre-quipe .bloc-formateur .contenu .intro-formateur p:last-of-type,
#para-notre-quipe .bloc-formateur .contenu .description p:last-of-type {
    margin-bottom: 0;
}

#para-notre-quipe .bloc-formateur .block-toggle-btn {
    position: relative;
    width: 100%;
    display: flex;
    margin-top: 40px;
    justify-content: center;
}

#para-notre-quipe .bloc-formateur .block-toggle-btn:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 15px;
    height: 2px;
    background: #fff;
}

#para-notre-quipe .bloc-formateur .block-toggle-btn a {
    position: relative;
    z-index: 2;
    width: 90%;
    max-width: 212px;
    box-sizing: border-box;
    border: solid 2px #fff;
    color: #fff;
    padding: 0 30px;
    height: 32px;
    border-radius: 15px;
    font-size: 16px;
    line-height: 28px;
    font-weight: 700;
    background: #0047BA;
    text-transform: uppercase;
    text-decoration: none;
    text-align: center;
}

#para-notre-quipe .bloc-formateur .block-toggle-btn a:hover {
    color: #0047BA;
    background: #fff;
}

/*TABLE*/
.paragraphes  table {
    margin: 20px 0 30px;
    width: 100%!important;
}
.paragraphes table tr th {
    font-size: 16px;
    line-height: 24px;
    font-weight: 700;
    color: #0047BA;
    margin-bottom: 20px;
    text-transform: uppercase;
    border-left: 1px solid #C5C5C5;
    border-right: 1px solid #C5C5C5;
    border-bottom: 1px solid #C5C5C5;
    border-top: 0px solid #C5C5C5;
    padding: 10px;
    width: 14%;
    text-align: center!important;
}
.paragraphes table tr th:first-child {
    font-size: 16px;
    line-height: 24px;
    font-weight: 700;
    color: #0047BA;
    margin-bottom: 20px;
    text-transform: uppercase;
    text-align: left;
    border-left: 1px solid #C5C5C5;
    border-right: 1px solid #C5C5C5;
    border-bottom: 1px solid #C5C5C5;
    border-top: 1px solid #C5C5C5;
    padding: 10px;
    width: auto;
    text-align: left!important;
}

/*Controle de l'en-tête*/
.paragraphes table tr:first-child th {
    font-size: 18px;
    line-height: 30px;
    font-weight: 700;
    color: #0047BA;
    margin-bottom: 20px;
    font-family: 'Roboto', sans-serif;
    text-transform: uppercase;
    text-align: left;
    border-left: 1px solid #C5C5C5;
    border-right: 1px solid #C5C5C5;
    border-bottom: 1px solid #C5C5C5;
    border-top: 1px solid #C5C5C5;
    padding: 10px;
    width: auto;
    vertical-align: middle;
}
.paragraphes table tr td {
    padding: 15px 10px 15px 10px;
    border-left: 1px solid #C5C5C5;
    border-right: 1px solid #C5C5C5;
    border-bottom: 0px solid #C5C5C5;
    border-top: 0px solid #C5C5C5;
    text-align: center;
    vertical-align: middle;
}
.paragraphes table tr td:first-child {
    padding: 15px 10px 15px 10px;
    border-left: 1px solid #C5C5C5;
    border-right: 1px solid #C5C5C5;
    border-bottom: 1px solid #C5C5C5;
    border-top: 0px solid #C5C5C5;
    text-align: left;
}
/*TABLE FIN*/

.paragraphes .para-item.para-item-paragraphe .para-photo-img img {
    border-radius: 25px;
}
.node--type-contenu .intro a,
.paragraphes .para-item a {
    color: #0047BA;
}
.node--type-contenu .intro {
    width: calc(100% - 50px);
    max-width: 1364px;
    margin: 70px auto 50px;
    clear: both;
}
/*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% - 50px);
    max-width: 1364px;
    margin: 0 auto;
}

.paragraphes h2,
.paragraphes h3,
.paragraphes h4 {
    font-size: 26px;
    line-height: 34px;
    font-weight: 700;
    margin-bottom: 20px;
    text-transform: uppercase;
}
.paragraphes .para-item:not(.para-item-bloc-contenu) h2,
.paragraphes .para-item:not(.para-item-bloc-contenu) h3,
.paragraphes .para-item:not(.para-item-bloc-contenu) h4 {
    color: #0047BA;
}
.paragraphes .para-item.para-item-bloc-contenu h2 {
    margin-bottom: 60px;
    text-align: center;
}
.paragraphes h3 {
    font-size: 22px;
    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 span,
.paragraphes li span,
.intro p span {
    display: inline-block;
}
.paragraphes p a:not(.default-btn),
.paragraphes li a:not(.default-btn),
.intro p a:not(.default-btn) {
    color: #0047BA;
}
.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;
}
.para-item-photo-contenu img {
    border-radius: 25px;
}
.para-item-photo-contenu .para-photo {
    margin: 0 50px 30px 0;
}
.para-item-photo-contenu .para-photos .para-photo img,
.para-item-photo-contenu .para-photos .para-photo img {
    height: 195px;
    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;
}
.layout-content table tr td {
    padding: 10px;
    border: 1px solid #C5C5C5;
}
.layout-content table {
    margin-bottom: 30px;
}
.layout-content ul {
    margin-bottom: 15px;
}
.layout-content ul li {
    padding-left: 40px;
    font-size: 15px;
    line-height: 24px;
    background: url(../images/svg/li-check-blue.svg) no-repeat left 15px top 11px;
}
.layout-content ol {
    list-style: auto;
    margin: 15px 0;
    padding-left: 40px;
}
.layout-content ol li {
    font-size: 15px;
    line-height: 24px;
}
/*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*/
.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;
}