@CHARSET "UTF-8";
@font-face {
    font-family: 'light';
    src: url("https://www.praxis.alsace/wp-content/themes/praxis/assets/fonts/Barlow-Light.eot");
    src: url("https://www.praxis.alsace/wp-content/themes/praxis/assets/fonts/Barlow-Light.woff") format("woff"), url("https://www.praxis.alsace/wp-content/themes/praxis/assets/fonts/Barlow-Light.ttf") format("truetype"), url("https://www.praxis.alsace/wp-content/themes/praxis/assets/fonts/Barlow-Light.svg") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'regular';
    src: url("https://www.praxis.alsace/wp-content/themes/praxis/assets/fonts/Barlow-Regular.eot");
    src: url("https://www.praxis.alsace/wp-content/themes/praxis/assets/fonts/Barlow-Regular.woff") format("woff"), url("https://www.praxis.alsace/wp-content/themes/praxis/assets/fonts/Barlow-Regular.ttf") format("truetype"), url("https://www.praxis.alsace/wp-content/themes/praxis/assets/fonts/Barlow-Regular.svg") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'black';
    src: url("https://www.praxis.alsace/wp-content/themes/praxis/assets/fonts/Barlow-Black.eot");
    src: url("https://www.praxis.alsace/wp-content/themes/praxis/assets/fonts/Barlow-Black.woff") format("woff"), url("https://www.praxis.alsace/wp-content/themes/praxis/assets/fonts/Barlow-Black.ttf") format("truetype"), url("https://www.praxis.alsace/wp-content/themes/praxis/assets/fonts/Barlow-Black.svg") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'bold';
    src: url("https://www.praxis.alsace/wp-content/themes/praxis/assets/fonts/Barlow-Bold.eot");
    src: url("https://www.praxis.alsace/wp-content/themes/praxis/assets/fonts/Barlow-Bold.woff") format("woff"), url("https://www.praxis.alsace/wp-content/themes/praxis/assets/fonts/Barlow-Bold.ttf") format("truetype"), url("https://www.praxis.alsace/wp-content/themes/praxis/assets/fonts/Barlow-Bold.svg") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'extrabold';
    src: url("https://www.praxis.alsace/wp-content/themes/praxis/assets/fonts/Barlow-ExtraBold.eot");
    src: url("https://www.praxis.alsace/wp-content/themes/praxis/assets/fonts/Barlow-ExtraBold.woff") format("woff"), url("https://www.praxis.alsace/wp-content/themes/praxis/assets/fonts/Barlow-ExtraBold.ttf") format("truetype"), url("https://www.praxis.alsace/wp-content/themes/praxis/assets/fonts/Barlow-ExtraBold.svg") format("svg");
    font-weight: normal;
    font-style: normal;
}

* {
    box-sizing: inherit;
    padding: 0;
    margin: 0;
}

body {
    font-family: 'regular', sans-serif;
    font-size: 1.35rem;
    color: #083b4c;
    background: #fff;
    letter-spacing: .01rem;
    line-height: 1.7;
    font-weight: inherit;
    -moz-osx-font-smoothing: grayscale;
    overflow-x: hidden;
}

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
input,
textarea,
p,
blockquote,
th,
td {
    padding: 0;
    margin: 0;
}

h1,
h2,
h3 {
    font-family: 'extrabold', sans-serif;
    font-weight: inherit;
}

h1 {
    font-size: 4.5rem;
    letter-spacing: .4rem;
    margin-bottom: 3rem;
    text-transform: uppercase;
    line-height: 1.1;
}

h2,
.actualite--bloc h3,
.bloc-rounded h3 {
    font-size: 2rem;
    letter-spacing: .1rem;
    line-height: 1.3;
    margin-bottom: 1rem;
}

.wrapper--no-cover h2 {
    margin-bottom: 3rem;
}

h3 {
    font-size: 1.5rem;
    margin-bottom: 3rem;
}

a {
    color: #2c2a43;
    outline: none;
    webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
    -o-transition: all .3s;
    -ms-transition: all .3s;
    text-decoration: none;
}

a:hover {
    color: #083b4c;
}

.underline- a,
.st-accordion ul li ul li a {
    text-decoration: none;
    background-image: linear-gradient(#083b4c, #083b4c);
    background-position: bottom left;
    background-repeat: no-repeat;
    background-size: 0% 2px;
    webkit-transition: all .4s;
    -moz-transition: all .4s;
    transition: all .4s;
    -o-transition: all .4s;
    -ms-transition: all .4s;
    padding: .3rem 0;
}

.underline- a:hover,
.st-accordion ul li ul li a:hover {
    background-size: 100% 2px;
}

a:focus,
a:active {
    outline: none;
}

a:link,
a:visited,
a:hover,
a:active,
a:focus,
button {
    outline: 0;
}

:focus,
:hover {}

p {
    margin-bottom: 3rem;
}

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

li {
    list-style-type: none;
}

sup {
    font-size: 70%;
    line-height: 0;
    position: relative;
    margin-left: .2rem;
}

ol {
    margin-left: 4rem;
    margin-bottom: 3rem;
}

ol li {
    margin-bottom: 1.5rem;
    list-style-type: none;
}

ol li:before {
    background: #edeae3!important;
}

ol li:last-child {
    margin-bottom: 0;
}

.btn--wrapper {
    position: relative;
    margin-top: 4rem;
}

.btn {
    display: inline-block;
    padding: 1rem 4.5rem 1rem 1rem;
    cursor: pointer;
}

button {
    font-family: 'black', sans-serif;
    color: #083b4c;
    font-size: .95rem;
    letter-spacing: .13rem;
    text-transform: uppercase;
    position: relative;
    display: block;
    border: 0;
    background: 0;
    webkit-transition: all .2s;
    -moz-transition: all .2s;
    transition: all .2s;
    -o-transition: all .2s;
    -ms-transition: all .2s;
}

button span:after {}

.btn:hover {
    margin-left: 1rem;
}

.btn:hover button {
    color: #2c2a43;
}

.btn:hover button:after {
    margin-left: 1.5rem;
    transform: scale(0);
}

.btn:hover span:after {
    margin-left: 3rem;
    background: #2c2a43;
}

.jaune button:after {
    border: 2px solid #fff;
}

.jaune .btn:hover button {
    color: #fff;
}

.jaune .btn:hover span:after {
    background: #fff;
}

.bleu button:after {
    border: 2px solid #2c2a43;
}

.bleu button span::after {
    background: #fff;
}

.bleu .btn:hover button {
    color: #2c2a43;
}

.bleu .btn:hover span:after {
    background: #2c2a43;
}

.bleu.variant,
.bleu button {
    color: #fff;
}

.small {
    text-transform: uppercase;
    font-family: 'extrabold', sans-serif;
    font-size: .8rem;
    letter-spacing: .15rem;
}

.blanc {
    background: #fff;
}

.beige {
    background: #edeae3;
}

.jaune {
    background-color: #2c2a43!important;
}

.bleu {
    background-color: #083b4c;
}

.baseline {
    webkit-transition: all .2s;
    -moz-transition: all .2s;
    transition: all .2s;
    -o-transition: all .2s;
    -ms-transition: all .2s;
}

.center {
    text-align: center;
}

.right {
    text-align: right;
}

.sticky {
    position: -webkit-sticky;
    position: sticky;
    top: 6rem;
}

.hidden {
    overflow: hidden;
    pointer-events: none;
}

.zindex {
    position: relative;
    z-index: 1;
}

.grecaptcha-badge {
    display: none;
}


/* GENERAL */

.mobile {
    display: none;
}

.flex {
    display: flex;
    justify-content: space-between;
    align-items: start;
}

.grid {
    display: grid;
}

.col-1-2 {
    grid-template-columns: 1fr 2fr;
}

.col-1-4 {
    grid-template-columns: 1fr 4fr;
}

.col-2 {
    grid-template-columns: 1fr 1fr;
}

.col-2-1 {
    grid-template-columns: 2fr 1fr;
}

.col-3 {
    grid-template-columns: 1fr 1fr 1fr;
}

.col-3-2 {
    grid-template-columns: 3fr 2fr;
}

.col-3-4 {
    grid-template-columns: 3fr 4fr;
    grid-gap: 3rem;
    z-index: 1;
    position: relative;
}

.col-4 {
    grid-template-columns: 1fr 1fr 1fr 1fr;
}

.col-4-1 {
    grid-template-columns: 4fr 1fr;
}

.col-4-3 {
    grid-template-columns: 4fr 3fr;
}


/* MENU*/

.logo {
    position: fixed;
    top: 20px;
    margin-left: 68px;
    z-index: 9;
}

.logo--menu {
    position: absolute;
    top: 20px;
    margin-left: 168px;
    left: 0;
}

.logo svg,
.logo--menu svg {
    width: 150px;
}

.logo1 {
    fill: #083b4c;
    transition: fill .3s ease;
}

.logo2 {
    fill: #fff;
    transition: fill .3s ease;
}

.logo3 {
    fill: #2c2a43;
    transition: fill .3s ease;
}

.logo4 {
    fill: #f7f6f2;
    transition: fill .3s ease;
}

.logo5 {
    fill: #2c2a43;
    transition: fill .3s ease;
}

.logo6 {
    fill: #083b4c;
    transition: fill .3s ease;
}

.logo--menu .baseline {
    display: none;
}

.menu--secondary {
    width: 100%;
    height: 100px;
    position: absolute;
    top: 0;
    z-index: 1;
}

.menu--secondary-links {
    text-align: right;
}

.menu--secondary-links a {
    color: #083b4c;
}

.menu--secondary-links a:hover {
    color: #2c2a43;
}

.menu--secondary-links ul,
.menu--secondary-links li {
    position: relative;
    height: 100%;
}

.menu--secondary-links li a:after {
    display: inline-block;
    height: 100%;
    content: ""!important;
    vertical-align: middle;
}

.menu--secondary-links li {
    display: inline-block;
    margin-right: 10%;
}

.sidebar {
    height: calc(100vh - 100px);
    margin-top: 100px;
    width: 100px;
    position: fixed;
    z-index: 20;
    right: 0;
}

#menu {
    display: none;
}

.menu--icon {
    transition: all 0.17s;
    position: relative;
    cursor: pointer;
}

.menu_part {
    width: 19px;
    height: 3px;
    position: absolute;
    background: #fff;
    right: 0;
    margin: auto;
    left: 0;
    transition: all 0.17s cubic-bezier(0.5, 0, 0.1, 0.8);
    width: 19%;
    top: calc(50% - ((8px)) + -2px);
}

.menu_part:nth-of-type(1) {
    top: calc(50% - ((8px)) + -16px);
    right: 20%;
    width: 20%;
}

.menu_part:nth-of-type(2) {
    top: calc(50% - ((8px)) + -5px);
    width: 30%;
    left: 10%;
}

.menu_part:nth-of-type(3) {
    top: calc(50% - ((8px)) + 6px);
    width: 40%;
}

.menu--icon:hover .menu_part:nth-of-type(1) {
    width: 40%;
    right: 0%;
}

.menu--icon:hover .menu_part:nth-of-type(2) {
    width: 40%;
    left: 0%;
}

.menu-rot {
    transform: scale(1) rotate(0deg);
}

.menu-part-1 {
    transform: rotate(45deg)!important;
    width: 40% !important;
    right: 0%!important;
    top: calc(50% - (11px))!important;
}

.menu-part-2 {
    left: -10px !important;
    opacity: 0!important;
}

.menu-part-3 {
    transform: rotate(-45deg)!important;
    width: 40% !important;
    top: calc(50% - (11px))!important;
}

.menu--icon:before {
    position: absolute;
    display: block;
    content: 'Menu';
    color: #fff;
    bottom: 1.3rem;
    width: 100%;
    text-align: center;
    text-transform: uppercase;
    font-family: 'extrabold', sans-serif;
    font-size: .85rem;
    letter-spacing: .1rem;
}

.follow {
    position: fixed;
    bottom: 57px;
    writing-mode: vertical-lr;
    display: inline-block;
    transform: rotate(180deg) !important;
    right: 40px;
    z-index: 21;
}

.follow li {
    display: inline-block;
    margin-bottom: 2rem;
}

.follow li:last-child a {
    color: #083b4c;
    backface-visibility: hidden;
}

.follow li:last-child a:hover {
    color: #2c2a43;
}

.follow svg {
    width: 35px;
    fill: #083b4c;
    position: absolute;
    left: 0;
    margin-left: -5px;
    bottom: 0;
    margin-bottom: -15px;
    transition: .3s;
    backface-visibility: hidden;
}

.follow li:last-child a:hover svg {
    fill: #2c2a43;
    transform: scale(1.4);
    backface-visibility: hidden;
}

.follow--mobile {
    display: none;
    position: absolute;
    writing-mode: vertical-lr;
    top: calc(90px + 5vw);
    right: 31px;
}

.follow--mobile:hover a {
    opacity: 0.2;
}

.follow--mobile a:hover {
    opacity: 1;
    margin-left: 0;
}

.follow--mobile li {
    display: inline-block;
    margin-bottom: 3vw;
}


/* MENU -- OPEN */

.menu .menu__logo {
    position: absolute;
    height: 9rem;
    top: 0;
    left: 0;
    background: transparent;
}

.action {
    background: none;
    border: 0;
    color: #fff;
    cursor: pointer;
    padding: 0;
}

.action--menu {
    pointer-events: auto;
    position: absolute;
    width: 100px;
    height: 100px;
    top: 0;
    right: 0;
    z-index: 20;
}

.menu--open .action--menu {
    pointer-events: none;
}

.action--close {
    position: absolute;
    width: 100px;
    height: 100px;
    top: 0;
    left: 0;
    z-index: 20;
    opacity: 0;
    transition: 3s;
}

.menu {
    width: 100%;
    height: 100vh;
    overflow: hidden;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10;
    display: grid;
    grid-template-columns: 100%;
    pointer-events: none;
}

.menu--open {
    pointer-events: auto;
}

.menu__item {
    width: 100%;
    position: relative;
    overflow: hidden;
}

.menu__item-inner {
    overflow: hidden;
    transform: translate3d(100%, 0, 0);
    height: 100vh;
    width: calc(100% - 450px);
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0 100px 0 350px;
}

.menu__item--bg .menu__item-inner {
    background: #f7f6f2;
    background-image: url(../images/menu-bg.png);
}

.mainmenu__link {
    overflow: visible;
    position: relative;
    display: block;
    opacity: 0;
}

.mainmenu.grid {
    grid-gap: 3rem;
}

.mainmenu__link ul:hover a {
    opacity: 0.2;
}

.mainmenu__link ul a:hover {
    opacity: 1;
    margin-left: .5rem;
}

.menu {
    font-size: 1.2rem;
    line-height: 1.7;
}

.test {
    color: #000!important;
    margin-top: 40px;
}

.menu a {
    color: #083b4c;
    font-family: 'Montserrat', sans-serif;
    font-weight: bold;
    font-size: 24px;
    letter-spacing: 0;
    line-height: 3;
}

.menu h3 {
    text-transform: uppercase;
    color: #2c2a43;
    margin-bottom: .5rem;
    font-size: 1.4rem;
    letter-spacing: .1rem;
}

.pagination {
    width: 100%;
    margin-top: 4rem;
}

.pagination .page-numbers {
    padding: 13px 20px;
    border: 2px solid #edeae3;
    background: #fff;
    margin: 0px 5px;
    display: inline-block;
}

.pagination .page-numbers:hover {
    border: 2px solid #2c2a43;
    background: #2c2a43;
}

.pagination .current {
    border: 2px solid #2c2a43;
    background: #2c2a43;
    color: #fff;
}

.pagination h2 {
    display: none;
}

.pagination a {
    font-weight: 500;
    background: #fff;
}

.pagination a:hover {
    color: #fff;
}


/* ACCUEIL */

.variant h2 {
    font-size: 2.7rem;
    letter-spacing: .3rem;
    margin-bottom: 2rem;
    text-transform: uppercase;
}

.variant h3 {
    font-size: 2.5rem;
    letter-spacing: .1rem;
    margin-bottom: 1.5rem;
    font-family: 'light', sans-serif;
}


/* ACCUEIL -- SLIDER */

.slideshow {
    position: relative;
    width: 100%;
    background: #fff;
    margin: 3.5rem 0 0 0;
    padding: 0 0 3.5rem 0;
    pointer-events: none;
}

.slideshow .navigation {
    position: absolute;
    pointer-events: auto;
    right: 100px;
    bottom: 40px;
    z-index: 2;
}

.slideshow p {
    margin-bottom: 5rem;
}

.slideshow .btn--wrapper {
    margin-top: 0rem;
    pointer-events: none;
    opacity: 0;
    position: absolute;
    right: 50%;
    bottom: 10rem;
}

.slide {
    width: 100%;
    height: 50vh;
    top: 0;
    position: absolute;
    align-items: center;
    justify-items: center;
}

.slide div:nth-child(1) {
    z-index: 2;
    padding-right: 2rem;
    margin-top: 100px;
}

.slide--current {
    position: relative;
}

.slideshow svg {
    position: absolute;
    bottom: 0;
    width: 100%;
    z-index: 1;
    margin-bottom: -1px;
    height: auto;
}

.slide__img-wrap {
    width: 100%;
    height: 100vh;
    max-height: 100%;
    margin-top: -1rem;
    overflow: hidden;
    position: relative;
    opacity: 0;
    outline: 3px solid transparent;
}

.slide__img {
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-size: cover;
    background-position: 68% 50%!important;
    position: absolute;
    backface-visibility: hidden;
    pointer-events: none;
}

.slide__img:before {
    position: absolute;
    content: '';
    background: rgba(8, 59, 76, .3);
    height: 100%;
    width: 100%;
}

.slide__img-reveal {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: #fff;
    transform: translate3d(-100%, 0, 0);
    pointer-events: none;
}

.slide__number-total {
    display: inline-block;
    position: absolute;
    right: 5rem;
    transform: rotate(90deg);
    right: -22px;
    height: 100px;
    bottom: 0rem;
}

.slide__number-total:before {
    content: '';
    background: #083b4c;
    width: 35px;
    height: 2px;
    position: absolute;
    right: 34px;
    top: 12px;
}

.slide__number {
    display: inline-block;
    position: absolute;
    opacity: 0;
    right: 5rem;
    transform: rotate(90deg);
    right: -22px;
    height: 100px;
    bottom: 5rem;
}

.slide__title {
    margin: 0;
    color: #2c2a43;
    position: relative;
    margin-bottom: 1.25rem;
    opacity: 0;
}

.slide__txt {
    position: relative;
    opacity: 0;
}

.slide--current .slide__img-wrap,
.slide--current .slide__number,
.slide--current .slide__title,
.slide--current .slide__txt,
.slide--current .btn--wrapper {
    opacity: 1;
}

.slide--current .btn--wrapper {
    pointer-events: auto;
}

.slideshow {
    padding: 0;
    margin: 0;
}

.slide {
    height: 100vh;
}

.slide__img-wrap {
    width: 100%;
}


/* ACCUEIL -- CHIFFRES */

.logo--bg {
    margin-left: 5%;
}

.logo--bg-cnt {
    margin-left: 60%;
}

.logo--bg svg {
    width: 30%;
    position: absolute;
    z-index: -1;
    fill: #edeae3;
}

.logo--bg-cnt svg {
    width: 70%;
    position: absolute;
    z-index: -1;
    fill: #edeae3;
}

.col-3-4 div:nth-child(2) {
    margin-top: 100px;
}

.chiffres--cnt {
    height: 300px;
    border: 3px solid #2c2a43;
    position: relative;
    margin-left: -3px;
}

.chiffres--wrapper {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
}

.chiffres span {
    font-family: 'black', sans-serif;
    font-size: 3.6rem;
    letter-spacing: .1rem;
    display: block;
    margin-bottom: -.5rem;
}

.chiffres--cnt:nth-child(2),
.chiffres--cnt:nth-child(4) {
    margin-top: 100px;
}

.chiffres--cnt:nth-child(3) {
    margin-top: 200px;
}

.fullwidth {
    width: 100%;
    height: 750px;
    overflow: hidden;
}

.fullwidth--cover {
    height: 100%;
    width: 100%;
    position: relative;
    opacity: .6;
    background: no-repeat center fixed;
    -webkit-background-size: cover!important;
    background-size: cover!important;
    webkit-transition: all 1s;
    -moz-transition: all 1s;
    transition: all 1s;
    -o-transition: all 1s;
    -ms-transition: all 1s;
}

.fullwidth:hover .fullwidth--cover {
    transform: scale(1.2);
    opacity: .3;
}

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

.slick-list:focus {
    outline: none;
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.slick-track:before,
.slick-track:after {
    display: table;
    content: '';
}

.slick-track:after {
    clear: both;
}

.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    display: none;
    float: left;
    min-height: 1px;
}

[dir='rtl'] .slick-slide {
    float: right;
}

.slick-slide img {
    display: block;
}

.slick-slide.slick-loading img {
    display: none;
}

.slick-slide.dragging img {
    pointer-events: none;
}

.slick-initialized .slick-slide {
    display: block;
}

.slick-loading .slick-slide {
    visibility: hidden;
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}


/* ACCUEIL -- FORMATIONS */

.formation-bloc--intro {
    padding: 0 100px 0 100px;
    width: calc(50% - 250px);
}

.formations {
    display: grid;
    position: relative;
    transform: translateY(-100px);
    margin-bottom: 100px;
}

.formation {
    pointer-events: none;
    grid-area: 1 / 1 / 5 / 4;
    display: grid;
    grid-template-columns: 50% 50%;
    grid-template-areas: "... slide-content slide-content" "slide-image slide-content slide-content" "... ... more";
}

.formation__img {
    transform: translateY(150px) translateX(-50px);
    height: 550px;
    grid-area: slide-image;
    overflow: hidden;
    z-index: 1;
    margin-left: -50px;
}

.formation__content {
    padding: 150px 100px 100px 100px;
    margin-left: -50px;
    grid-area: slide-content;
}

.formation__title {
    color: #fff;
    margin: 0;
    position: relative;
    z-index: 1;
    line-height: 1.2;
}

.formation__description {
    overflow: hidden;
    position: relative;
    padding: 0 0 100px 0;
    z-index: 1;
}

.formation__description-inner {
    display: block;
}

.formation__img-inner {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: 50% 50%;
}

.formation__more {
    position: absolute;
    z-index: 1;
    bottom: 103px;
    margin-left: -17px;
}

.formations__index {
    position: absolute;
    margin-left: 50%;
    padding: 70px 0 0 50px;
    display: block;
    z-index: 1;
}

.formations__index-current {
    position: absolute;
    color: #fff;
    display: inline-block;
}

.formations__index-total {
    position: relative;
    color: #fff;
    margin: 0 0 0 5rem;
    display: inline-block;
}

.formations__index-total::after {
    content: '';
    position: absolute;
    width: 35px;
    height: 2px;
    top: calc(50% - 1.5px);
    right: calc(100% + 1rem);
    background: #fff;
}

.formations__index-inner {
    display: block;
}

.formations__nav {
    display: block;
    right: 100px;
    bottom: 80px;
    position: absolute;
    z-index: 5;
}

.formations__nav-item {
    border: 2px solid #fff;
    border-radius: 50%;
    width: 3rem;
    height: 3rem;
}

.formations__nav-item:hover {
    border-color: var(--color-nav-hover);
}

.formations__nav-item .icon {
    width: 100%;
    height: 100%;
}

.formation--current {
    pointer-events: auto;
}

.facts,
.formation__expander {
    display: none;
}

.formations--factsopen .button-contentclose,
.formation--current .formation__facts-item--clickable,
.formations--factsopen .formation__gallery-item {
    pointer-events: auto;
}

.js .formation:not(.formation--current) {
    pointer-events: none;
}

.js .formation:not(.formation--current) .formation__title,
.js .formation:not(.formation--current) .formation__description,
.js .formation:not(.formation--current) .formation__img-inner,
.js .formation:not(.formation--current) .formation__more-inner,
.js .formation:not(.formation--current) .formation__more-text,
.js .formation:not(.formation--current) .formation__more-link,
.js .formation:not(.formation--current) .formation__facts-item {
    opacity: 0;
}


/* ACCUEIL -- ACTUALITES */

.actualites--home-left {
    width: 35%;
    vertical-align: top;
}

.actualites--home {
    width: 60%;
}

.actualite--bloc {
    margin-right: 5rem;
    transform: translateX(-8rem);
}

.actualite--bloc,
.actualite--bloc a {
    color: #fff;
}

.actualite--bloc-cat {
    text-align: right;
}

.actualite--bloc-cat span {
    width: auto;
    padding: 1rem 1.5rem;
    display: inline-block;
}

.actualite--bloc-wrapper {
    width: 100%;
    height: 400px;
    position: relative;
    overflow: hidden;
    display: block;
}

.actualite--bloc-date {
    font-size: 1.2rem;
}

.actualite--bloc-cover {
    width: 100%;
    height: 100%;
    opacity: .7;
    background: no-repeat center;
    -webkit-background-size: cover;
    background-size: cover;
    webkit-transition: all 1s;
    -moz-transition: all 1s;
    transition: all 1s;
    -o-transition: all 1s;
    -ms-transition: all 1s;
}

.actualite--bloc-wrapper-cnt {
    width: 100%;
    height: 100%;
    position: absolute;
    display: none;
    padding: 6rem 3rem 3rem 3rem;
    z-index: 1;
    animation: animateright 1.5s;
}

.sommaire--child .actualite--bloc-wrapper-cnt {
    display: block;
    animation: none;
    width: calc(100% - 6rem);
    height: calc(100% - 9rem);
}

.slick-active .actualite--bloc-wrapper-cnt {
    display: block;
}

@keyframes animateright {
    from {
        right: -4rem;
        opacity: 0
    }
    to {
        right: 0;
        opacity: 1
    }
    ;
}

.actualite--bloc-wrapper-cnt .btn--wrapper {
    position: absolute;
    bottom: 3rem;
    right: 3rem;
}

.actualite--bloc-wrapper:hover .actualite--bloc-cover {
    transform: scale(1.2);
    opacity: .3;
}

.actualite--bloc-wrapper:hover .btn {
    margin-left: 1rem;
}

.actualite--bloc-wrapper:hover .btn button {
    color: #2c2a43;
}

.actualite--bloc-wrapper:hover .btn button:after {
    margin-left: 1.5rem;
    transform: scale(0);
}

.actualite--bloc-wrapper:hover .btn span:after {
    margin-left: 3rem;
    background: #2c2a43;
}

.separator--home {
    background: #fff;
    margin: -200px 100px 0 100px;
    height: 150px;
}


/* CONTENT */

.container {}

.container--page {}

section {
    position: relative;
}

.wrapper {
    padding: 100px;
}

.wrapper--no-cover {
    padding: 300px 200px 0 200px;
}

.wrapper--big {
    padding: 200px 100px 100px 100px;
}

.wrapper--side-l {
    padding: 0 100px;
}

.wrapper--side-b {
    padding: 0 200px;
}

.wrapper--side-lb {
    padding: 0 100px 100px 0;
}

.wrapper--side-left {
    padding: 0 0 100px 200px;
}

.wrapper--side-right {
    padding: 100px 100px 200px 0;
}

.wrapper--center {
    position: absolute;
    z-index: 1;
    text-align: center;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.wrapper--sidebar-page {
    padding: 60px 0 0 0;
    grid-gap: 5vw;
}

.wrapper--top {
    padding-top: 100px;
}

.wrapper--bot {
    padding-bottom: 200px;
}


/* PAGES */

.content--wrapper-page-thumb strong,
.wrapper--no-cover strong {
    font-family: 'bold';
    font-weight: initial;
    position: relative;
}

.content--cover-wrapper {
    position: relative;
}

.content--cover-page {
    width: 100%;
    height: calc(100vh - 100px);
    background: no-repeat;
    opacity: .6;
    -webkit-background-size: cover!important;
    background-size: cover!important;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.content--wrapper-page-thumb {
    padding: 100px 100px 200px 200px;
    margin-top: -100px;
}

.breadcrumb {
    margin-bottom: 2rem;
    color: #edeae3;
}

.breadcrumb li {
    display: inline-block;
    margin-right: 2rem;
}

.breadcrumb li:after {
    margin-top: .5rem;
    content: '';
    position: absolute;
    background: #edeae3;
    width: 6px;
    height: 6px;
    margin-left: 1em;
    position: absolute;
    border-radius: 50%;
}

.breadcrumb li:last-child::after {
    content: none;
}

.container--page h1,
.wrapper--no-cover h1 {
    color: #2c2a43;
}

.content--sidebar {
    font-size: 1rem;
    padding-top: 60px;
    line-height: 1.8;
    position: relative;
}

.content--sidebar h3 {
    font-size: 1.6rem;
    color: #2c2a43 !important;
    margin-bottom: 0;
    margin: 1.5rem 0 0 3rem;
}

.content--sidebar span {
    display: block;
}

.content--sidebar-form {
    padding: 2rem 0 2rem 3rem;
    border-bottom: 2px solid #edeae3;
}

.content--sidebar-form-last {
    padding: 2rem 0 2rem 3rem;
}

.sticky a::before {
    margin-top: .8rem;
    content: '';
    position: absolute;
    background: #edeae3;
    width: 6px;
    height: 6px;
    margin-left: -1em;
    position: absolute;
    border-radius: 50%;
}

.content--sidebar-member {
    margin-bottom: 1.5rem;
}

.content--sidebar-member:last-child {
    margin-bottom: 0;
}

.content--sidebar-member-thumb {
    width: 100px;
    height: 100px;
    padding: 0!important;
    margin-bottom: .5rem;
    border-radius: 50%;
    -webkit-background-size: cover!important;
    background-size: cover!important;
}

.content--sidebar .btn--wrapper span {
    display: initial!important;
}

.content--sidebar .btn--wrapper {
    margin-top: 1rem;
}

.coordonnees ul {
    margin-top: 2rem;
}

.introduction {
    font-size: 2rem;
    line-height: 1.4;
}

article img {
    width: 100%;
    height: auto;
}

.wrapper--sidebar-page .content--sidebar {
    padding-top: 0px;
}

.wrapper--sidebar-page .content--sidebar h3 {
    margin: 0;
}

.wrapper--sidebar-page .content--sidebar-member-thumb {
    margin-top: 2rem;
}

.single- .content--sidebar-form,
.single- .content--sidebar-form-last {
    padding: 2rem 0 2rem 0rem;
}


/* PAGE -- SOMMAIRE */

.sommaire,
.sommaire--child {
    grid-gap: 4rem;
    margin-top: 80px;
}

.sommaire--child-thumb-inner {
    overflow: hidden;
    height: 400px;
    width: 100%;
}

.sommaire--child-thumb {
    height: 100%;
    width: 100%;
    -webkit-background-size: cover!important;
    background-size: cover!important;
    webkit-transition: all 1s;
    -moz-transition: all 1s;
    transition: all 1s;
    -o-transition: all 1s;
    -ms-transition: all 1s;
}

.sommaire--child div:hover .sommaire--child-thumb {
    transform: scale(1.2);
}

.sommaire--child div:hover .btn {
    margin-left: 1rem;
}

.sommaire--child div:hover .btn button {
    color: #2c2a43;
}

.sommaire--child div:hover .btn button:after {
    margin-left: 1.5rem;
    transform: scale(0);
}

.sommaire--child div:hover .btn span:after {
    margin-left: 3rem;
    background: #2c2a43;
}

.sommaire--child:hover .sommaire--child-bloc {
    opacity: .3;
}

.sommaire--child div:hover .sommaire--child-bloc {
    opacity: 1;
}

.sommaire--child-inner {
    padding: 4rem;
    position: relative;
}

.sommaire--child-inner .btn--wrapper {
    position: relative;
}

.sommaire--child div .sommaire--child-inner {
    border: 3px solid #edeae3;
    height: inherit;
    webkit-transition: all .6s;
    -moz-transition: all .6s;
    transition: all .6s;
    -o-transition: all .6s;
    -ms-transition: all .6s;
}

.sommaire--child-reveal:hover .sommaire--child-inner {
    border: 3px solid #2c2a43;
}

.sommaire--child-inner h2 {
    color: #083b4c;
}

.sommaire--child-inner p {
    font-size: 1.2rem;
    color: #a6a6a6;
}


/* PAGE SOMMAIRE ACTUALITES */

a.btn-filter {
    display: inline-block;
    font-size: inherit;
    text-transform: initial;
    font-family: inherit;
    letter-spacing: inherit;
    cursor: pointer;
    padding: 0;
    margin-right: 1.5rem;
}

a.btn-filter {
    color: #083b4c;
}

a.btn-filter:active,
a.btn-filter:hover {
    color: #083b4c;
}

a.btn-filter.is-checked {
    color: #2c2a43;
    background-image: none!important;
}

.sommaire--child .actualite--bloc {
    margin-right: 0;
    transform: none;
    width: calc(50% - 4rem);
    padding: 2rem;
    transitionDuration: .8s;
}

.actualite--bloc-wrapper-cnt {
    width: 100%;
    height: 100%;
}

.sommaire-actu {
    margin-right: -2rem;
    margin-left: -2rem;
}


/* PAGE EQUIPE */

.bloc-rounded img,
.bloc-rounded--inner img {
    width: 100%;
    border-radius: 50%;
    display: block;
    height: auto;
}

.bloc-rounded h2 {
    font-size: 1.5rem;
    margin-top: 1.5rem;
    margin-bottom: .2rem;
}

.bloc-rounded--inner {
    position: relative;
}

.bloc-rounded--inner h3 {
    position: absolute;
    width: 90%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    margin-bottom: 0;
}

.bloc-rounded {
    text-align: center;
    font-size: 1.2rem;
    position: relative;
    line-height: 1.4;
}

.border-a img {
    border: 3px solid #2c2a43;
}

.border-b img {
    border: 3px solid #edeae3;
}

.border-c img {
    border: 3px solid #083b4c;
}

.bloc-rounded-overlay {
    position: relative;
    border-radius: 50%;
    overflow: hidden;
}

.bloc-rounded-overlay:before {
    position: absolute;
    content: '';
    display: block;
    background: #083b4c;
    height: 100%;
    width: 100%;
    opacity: .8;
    webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
    -o-transition: all .3s;
    -ms-transition: all .3s;
}

.bloc-rounded:hover .bloc-rounded-overlay:before {
    opacity: 0;
}


/* PAGE ASSOCIATION */

.cd-h-timeline {
    padding-top: 70px;
    opacity: 0;
    transition: opacity 0.2s;
}

.cd-h-timeline--loaded {
    opacity: 1;
}

.cd-h-timeline__container {
    position: relative;
    height: 100px;
    max-width: 100%;
}

.cd-h-timeline__dates {
    position: relative;
    height: 100%;
    margin: 0 56px;
    overflow: hidden;
}

.cd-h-timeline__dates::after,
.js .cd-h-timeline__dates::before {
    content: '';
    position: absolute;
    z-index: 2;
    top: 0;
    height: 100%;
    width: 20px;
}

.cd-h-timeline__dates::before {
    left: 0;
    background: linear-gradient(to right, #fff, 1);
}

.cd-h-timeline__dates::after {
    right: 0;
    background: linear-gradient(to left, #fff, 1);
}

.cd-h-timeline__line {
    position: absolute;
    z-index: 1;
    left: 0;
    top: 49px;
    height: 3px;
    background-color: #edeae3;
    transition: transform 0.4s;
}

.cd-h-timeline__filling-line {
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: #2c2a43;
    transform: scaleX(0);
    transform-origin: left center;
    transition: transform 0.3s;
}

.cd-h-timeline__date {
    position: absolute;
    bottom: 0;
    z-index: 2;
    text-align: center;
    padding-bottom: 1.8rem;
    color: #26336C;
    user-select: none;
    text-decoration: none;
}

.cd-h-timeline__date::after {
    content: '';
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -11px;
    height: 20px;
    width: 20px;
    border-radius: 50%;
    border: 3px solid #edeae3;
    background-color: #fff;
    transition: background-color .3s, border-color .3s;
}

.cd-h-timeline__date:hover::after {
    background-color: #2c2a43;
    border-color: #2c2a43;
}

.cd-h-timeline__date--selected {
    pointer-events: none;
    color: #2c2a43;
}

.cd-h-timeline__date--selected::after {
    background-color: #2c2a43;
    border-color: #2c2a43;
}

.cd-h-timeline__date--older-event::after {
    border-color: #2c2a43;
}

.cd-h-timeline__navigation {
    position: absolute;
    z-index: 1;
    top: 50%;
    transform: translateY(-50%);
    height: 50px;
    width: 50px;
    border: 3px solid #edeae3;
    border-radius: 50%;
    transition: border-color 0.3s;
}

.cd-h-timeline__navigation svg {
    fill: #2c2a43;
}

.cd-h-timeline__navigation:hover {
    border-color: #2c2a43;
}

.cd-h-timeline__navigation--prev {
    left: 0;
    transform: translateY(-50%);
}

.cd-h-timeline__navigation--next {
    right: 0;
}

.cd-h-timeline__navigation--inactive {
    cursor: default;
}

.cd-h-timeline__navigation--inactive svg {
    fill: #fff;
}

.cd-h-timeline__navigation--inactive:hover {
    border-color: #e9ecf2;
}

.cd-h-timeline__events {
    position: relative;
    width: 100%;
    transition: height 0.4s;
}

.cd-h-timeline__event {
    position: absolute;
    z-index: 1;
    width: 100%;
    left: 0;
    top: 0;
    transform: translateX(-100%);
    opacity: 0;
    animation-duration: 0.4s;
    animation-timing-function: ease-in-out;
}

.cd-h-timeline__event--selected {
    position: relative;
    z-index: 2;
    opacity: 1;
    transform: translateX(0);
}

.cd-h-timeline__event--enter-right,
.js .cd-h-timeline__event--leave-right {
    animation-name: cd-enter-right;
}

.cd-h-timeline__event--enter-left,
.js .cd-h-timeline__event--leave-left {
    animation-name: cd-enter-left;
}

.cd-h-timeline__event--leave-right,
.js .cd-h-timeline__event--leave-left {
    animation-direction: reverse;
}

.cd-h-timeline__event-content {
    width: 100%;
}

.cd-h-timeline__event-description.subtitle {
    margin-top: 100px;
    margin: 0 4rem;
    margin: 80px 4rem 0 4rem;
}

.cd-h-timeline__event-title {
    font-size: 10vw!important;
    line-height: 1;
    color: #2c2a43;
    font-family: 'light', sans-serif;
}

@keyframes cd-enter-right {
    0% {
        opacity: 0;
        transform: translateX(100%);
    }
    100% {
        opacity: 1;
        transform: translateX(0%);
    }
}

@keyframes cd-enter-left {
    0% {
        opacity: 0;
        transform: translateX(-100%);
    }
    100% {
        opacity: 1;
        transform: translateX(0%);
    }
}

html:not(.js) .cd-h-timeline__dates,
html:not(.js) .cd-h-timeline__navigation {
    display: none;
}

.conseil-administration.grid {
    grid-gap: 2rem;
}

.conseil-administration div,
.offres-demploi a {
    border-bottom: 2px solid #edeae3;
    padding-bottom: 2rem;
    color: #c3c0b9;
    transition: .3s;
    position: relative;
}

.offres-demploi a:first-child {
    margin-top: 0;
}

.offres-demploi a {
    margin-top: 2rem;
    color: #083b4c!important;
    display: block;
}

.conseil-administration div:after,
a.offre--wrapper:after {
    content: '';
    background: #083b4c;
    position: absolute;
    height: 2px;
    left: 0;
    bottom: -2px;
    width: 0;
}

.conseil-administration div:hover {
    border-bottom: 2px solid #edeae3;
    padding-bottom: 2rem;
    color: #083b4c;
}

.conseil-administration div:hover::after,
a.offre--wrapper:hover::after {
    width: 100%;
    transition: .3s;
}

.conseil-administration span,
a.offre--wrapper span {
    font-size: 1rem;
    display: block;
    color: #2c2a43 !important;
}

.offre--wrapper div:nth-child(2) {
    text-align: right;
}


/* CONTAINER */

.navigation {
    margin-top: 4rem;
}

.navigation:hover,
.navigation--pages:hover {
    cursor: pointer;
}

.navigation--pages {
    position: absolute;
    z-index: 1;
    width: 100%;
    text-align: center;
    padding: 0!important;
    margin-top: -16rem;
    border-bottom: 0!important;
}

.navigation span,
.navigation--pages span {
    display: inline-block;
}

.nav--next,
.nav--prev {
    z-index: 20;
    display: inline-block;
    margin: .5rem;
    overflow: hidden;
    webkit-transition: all .2s;
    -moz-transition: all .2s;
    transition: all .2s;
    -o-transition: all .2s;
    -ms-transition: all .2s;
}

.nav--next a,
.nav--prev a {
    display: block;
    width: 60px;
    height: 60px;
    position: relative;
}

.navigation--w .nav--next {
    border: 2px solid #fff;
    border-radius: 50%;
}

.navigation--y .nav--next {
    border: 2px solid #2c2a43;
    border-radius: 50%;
}

.navigation--w .nav--prev,
.navigation--y .nav--prev {
    border: 2px solid transparent;
    border-radius: 50%;
}

.nav--prev a:before,
.nav--next a:before {
    top: 50%;
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 1;
    webkit-transition: all .2s;
    -moz-transition: all .2s;
    transition: all .2s;
    -o-transition: all .2s;
    -ms-transition: all .2s;
}

.nav--prev a:after {
    opacity: 0;
    right: -50%;
    top: 50%;
    transform: translate(0%, -50%);
    position: absolute;
    webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
    -o-transition: all .3s;
    -ms-transition: all .3s;
}

.nav--next a:after {
    opacity: 0;
    left: -50%;
    top: 50%;
    transform: translate(0%, -50%);
    position: absolute;
    webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
    -o-transition: all .3s;
    -ms-transition: all .3s;
}

.navigation--w .nav--prev a:before {
    content: url('https://www.praxis.alsace/wp-content/themes/praxis/assets/img/layout/left-arrow-w.svg');
}

.navigation--w .nav--next a:before {
    content: url('https://www.praxis.alsace/wp-content/themes/praxis/assets/img/layout/right-arrow-w.svg');
}

.navigation--w .nav--prev a:after {
    content: url('https://www.praxis.alsace/wp-content/themes/praxis/assets/img/layout/left-arrow-w.svg');
}

.navigation--w .nav--next a:after {
    content: url('https://www.praxis.alsace/wp-content/themes/praxis/assets/img/layout/right-arrow-w.svg');
}

.navigation--y .nav--prev a:before {
    content: url('https://www.praxis.alsace/wp-content/themes/praxis/assets/img/layout/left-arrow-y.svg');
}

.navigation--y .nav--next a:before {
    content: url('https://www.praxis.alsace/wp-content/themes/praxis/assets/img/layout/right-arrow-y.svg');
}

.navigation--y .nav--prev a:after {
    content: url('https://www.praxis.alsace/wp-content/themes/praxis/assets/img/layout/left-arrow-y.svg');
}

.navigation--y .nav--next a:after {
    content: url('https://www.praxis.alsace/wp-content/themes/praxis/assets/img/layout/right-arrow-y.svg');
}

.nav--prev:hover a:before {
    transform: translate(-250%, -50%);
    opacity: 0;
}

.nav--next:hover a:before {
    transform: translate(250%, -50%);
    opacity: 0;
}

.nav--prev:hover a:after {
    right: 0%;
    transform: translate(-60%, -50%);
    opacity: 1;
}

.nav--next:hover a:after {
    left: 0%;
    transform: translate(60%, -50%);
    opacity: 1;
}

.st-accordion {
    width: 100%;
    margin-top: 5rem;
}

.st-accordion h2 {
    line-height: 1.4;
    position: absolute;
    transform: translateY(-50%);
    top: 50%;
    width: 85%;
}

.st-accordion ul li {
    border: 3px solid #edeae3;
    margin-bottom: 3rem;
    overflow: hidden;
}

.st-accordion ul li:last-child {
    margin-bottom: 0;
}

.st-accordion ul li:hover,
.st-accordion ul li.st-open {
    border: 3px solid #2c2a43;
}

.st-accordion ul li > a {
    height: 130px;
    color: #083b4c;
    padding: 0 3rem;
    display: block;
    position: relative;
    outline: none;
    -webkit-transition: color 0.2s ease-in-out;
    -moz-transition: color 0.2s ease-in-out;
    -o-transition: color 0.2s ease-in-out;
    -ms-transition: color 0.2s ease-in-out;
    transition: color 0.2s ease-in-out;
}

.st-accordion ul li > a {
    background-image: none;
    padding: auto;
}

.st-accordion ul li .st-content a:after {
    content: ''!important;
}

.st-content h3 {
    margin-bottom: 1rem;
}

.st-accordion ul li > a span {
    background: transparent url('https://www.praxis.alsace/wp-content/themes/praxis/assets/img/layout/accordion-more.png') no-repeat center center;
    text-indent: -9000px;
    width: 50px;
    height: 50px;
    position: absolute;
    top: 50%;
    right: 1rem;
    margin-top: -1.5rem;
    opacity: 0;
    border: 2px solid #2c2a43;
    border-radius: 50%;
    -ms-transition: all .3s;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.st-accordion ul li > a:hover span {
    opacity: 1;
    right: 3rem;
}

.st-accordion ul li.st-open > a {
    color: #083b4c;
}

.st-accordion ul li.st-open > a span {
    background: transparent url('https://www.praxis.alsace/wp-content/themes/praxis/assets/img/layout/accordion-less.png') no-repeat center center;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    transform: rotate(180deg);
    right: 3rem;
    opacity: 1;
}

.st-content {
    padding: 0 5rem 5rem 5rem;
    line-height: 1.7;
}

.st-accordion ul li ul {
    margin-left: 3rem;
    margin-bottom: 2rem;
}

.st-accordion ul li ul li ul {
    margin-left: 3rem;
    margin-top: 1rem;
    margin-bottom: 0rem;
}

.st-content p,
.st-accordion ul li ul li {
    font-size: 1.2rem;
    margin-bottom: 2rem;
}

.st-content p:last-child,
.st-accordion ul li ul li:last-child {
    margin-bottom: 0;
}

.st-content strong {
    font-family: 'bold';
    color: #2c2a43;
    background: none;
}

.st-content table sup {
    display: block;
    margin-top: .5rem;
}

.wrapper--no-cover article ul li p,
.content--article ul li p,
.content--coll ul li p,
.single ul li p {
    margin-bottom: 2rem;
}

.wrapper--no-cover article ul,
.content--article ul,
.content--coll ul,
.single ul {
    margin-left: 4rem;
    margin-bottom: 3rem;
}

.wrapper--no-cover article ul li:first-child,
.content--article ul li:first-child,
.content--coll ul li:first-child,
.single ul li:first-child {
    padding: 0 0 3rem 0;
}

.wrapper--no-cover article ul li,
.content--article ul li,
.content--coll ul li,
.single ul li {
    border-bottom: 2px solid #edeae3!important;
    padding: 3rem 0;
}

.wrapper--no-cover article ul li:before,
.content--article ul li:before,
.content--coll ul li:before,
.single ul li:before,
ol li:before {
    margin-top: 1rem;
    content: '';
    background: #2c2a43;
    width: 11px;
    height: 11px;
    margin-left: -2rem;
    position: absolute;
    border-radius: 50%;
}

.wrapper--no-cover article ul li h3,
.content--article ul li h3,
.content--coll ul li h3,
.single ul li h3 {
    margin-bottom: 1rem;
}

.wrapper--no-cover article ul li:last-child,
.content--article ul li:last-child,
.content--coll ul li:last-child,
.single ul li:last-child {
    border-bottom: 0!important;
    padding-bottom: 0;
}

.wrapper--no-cover article ul li ul,
.content--article ul li ul,
.content--coll ul li ul,
.single ul li ul {
    margin-left: 4rem;
    margin-bottom: 0;
}

.wrapper--no-cover article ul li ul li:before,
.content--article ul li ul li:before,
.content--coll ul li ul li:before,
.single ul li ul li:before {
    margin-top: 1rem;
    content: '';
    background: #083b4c;
    width: 8px;
    height: 8px;
    margin-left: -1em;
    position: absolute;
    border-radius: 50%;
}

.wrapper--no-cover article ul li ul li,
.content--article ul li ul li,
.content--coll ul li ul li,
.single ul li ul li {
    border-bottom: 0!important;
    padding: 0 0 1rem 0!important;
}

.wrapper--no-cover article ul li ul li:first-child,
.content--article ul li ul li:first-child,
.content--coll ul li ul li:first-child,
.single ul li ul li:first-child {
    border-bottom: 0!important;
    padding: 1rem 0!important;
}

.wrapper--no-cover article ul li ul li:last-child,
.content--article ul li ul li:last-child,
.content--coll ul li ul li:last-child,
.single ul li ul li:last-child {
    padding-bottom: 0rem;
}

.wrapper--no-cover article img.alignright.size-full,
.wrapper--no-cover article img.alignleft.size-full,
.content--wrapper-page-thumb article img.alignright.size-full,
.content--wrapper-page-thumb article img.alignleft.size-full {
    width: 30vw;
    height: auto;
    margin-top: .8rem;
}

.wrapper--no-cover article img.alignleft.size-full,
.content--wrapper-page-thumb article img.alignleft.size-full {
    float: left;
    margin-left: -200px;
    padding: 0 3rem 3rem 0;
}

.wrapper--no-cover article img.alignright.size-full,
.content--wrapper-page-thumb article img.alignright.size-full {
    float: right;
    margin-right: -200px;
    padding: 0 0 3rem 3rem;
}

.wrapper--no-cover article .small,
.st-content span.small,
.content--col span.small {
    text-transform: initial;
    font-family: inherit;
    letter-spacing: 0;
    margin-top: .5rem;
    margin-left: .5rem;
}

.wrapper--full-bg {
    margin: 100px -200px;
    padding: 100px 200px;
}

.wrapper--full-bg .grid {
    grid-gap: 4rem;
    margin-top: 100px;
}

.wrapper--full-bg .grid.col-2 div {
    position: relative;
}

.wrapper--full-bg .grid.col-2 div h3,
.wrapper--full-bg .grid.col-2 div p {
    z-index: 2;
    position: relative;
}

.wrapper--full-bg .grid.col-2 div:before {
    position: absolute;
    top: -4rem;
    left: -2rem;
    font-size: 7rem;
    z-index: 1;
    font-family: 'light', sans-serif;
    color: #fff;
}

.wrapper--full-bg .grid.col-2 div:nth-child(1):before {
    content: '01.';
}

.wrapper--full-bg .grid.col-2 div:nth-child(2):before {
    content: '02.';
}

.wrapper--full-bg .grid.col-2 div:nth-child(3):before {
    content: '03.';
}

.wrapper--full-bg .grid.col-2 div:nth-child(4):before {
    content: '04.';
}

.wrapper--full-bg .grid.col-2 div:nth-child(5):before {
    content: '05.';
}

.wrapper--full-bg .grid.col-2 div:nth-child(6):before {
    content: '06.';
}

.wrapper--full-bg .grid.col-2 div:nth-child(7):before {
    content: '07.';
}

.wrapper--full-bg .grid.col-2 div:nth-child(8):before {
    content: '08.';
}

.st-accordion ul li ul li,
.st-accordion ul li ul li:hover {
    border: 0;
}

.st-accordion ul li ul li {
    border-bottom: 2px solid #edeae3!important;
    padding-bottom: 2rem;
}

.st-accordion ul li ul li:last-child {
    border-bottom: 0!important;
    padding-bottom: 0;
}

.st-accordion ul li ul li:before {
    margin-top: .8rem;
    content: '';
    position: absolute;
    background: #2c2a43;
    width: 8px;
    height: 8px;
    margin-left: -1em;
    position: absolute;
    border-radius: 50%;
}

.st-accordion ul li ul li h3 {
    font-size: 1.2rem;
    margin-bottom: 0;
}

.st-accordion ul li ul li a {
    height: auto;
    display: inline;
    color: #2c2a43;
}

.st-accordion ul li ul li a:hover {
    color: #083b4c!important;
}

.st-content table {
    font-size: 1.1rem;
    border-collapse: collapse;
    margin-bottom: 2rem;
    width: 100%;
}

.st-content table td {
    border-bottom: 2px solid #edeae3;
    padding: 1.5rem 0;
    vertical-align: top;
}

.st-content table td:nth-child(1),
.st-content table td:nth-child(3) {
    font-family: 'bold';
    letter-spacing: .04rem;
}

.st-content table td:nth-child(1) {
    color: #2c2a43;
    width: 10%;
}

.st-content table td:nth-child(2) {
    padding: 1.5rem 1rem;
}

.st-content table td:nth-child(3) {
    text-align: right;
    width: 15%;
}

.st-content table tr:last-child td {
    border-bottom: 0;
}


/* FOOTER */

footer {
    margin-top: 200px;
}

.footer--top {
    width: calc(100% - 500px);
}

.footer--top.col-4-3 {
    grid-gap: 200px;
}

.footer--top {
    background: url('https://www.praxis.alsace/wp-content/themes/praxis/assets/img/layout/bg--footer.png') no-repeat right top;
    background-size: 49%;
}

.footer--top.wrapper {
    padding: 100px 100px 200px 200px;
}

.footer--top h3 {
    color: #fff;
}

.footer--top p span {
    display: block;
}

.footer--top .input {
    width: 100%;
}

.footer--top input {
    width: calc(100% - (4rem + 6px));
}

.footer--top div:last-child .btn--wrapper {
    margin-top: 5rem;
}

.footer--down {
    position: relative;
    z-index: 1;
    margin-top: -100px;
}

.footer--down .grid {
    grid-gap: 3rem;
}

.footer--down .grid:last-child {
    margin-top: 3rem;
}

.footer--down a,
.footer--down h3 {
    color: #fff;
}

.footer--down ul:hover a {
    opacity: .3;
}

.footer--down ul a:hover {
    opacity: 1;
    margin-left: .5rem;
}

.footer--down h3 {
    margin-bottom: .5rem;
}

.footer--down ul {
    line-height: 1.7;
}

.footer--down li {
    font-size: 1rem;
}

.footer--copyright {
    padding: 35px 100px;
    color: #949494;
    font-size: .9rem;
}

.footer--copyright li a {
    color: #949494;
}

.footer--copyright li a:hover {
    color: #083b4c;
}

.footer--copyright li {
    list-style-type: none;
    display: inline-block;
    margin-right: 2rem;
}

.footer--copyright li:last-child {
    margin-right: 0;
}

.footer--copyright div:nth-child(2) {
    text-align: right;
}

.marsrouge svg {
    width: 110px;
}


/* CONTACT */

.content--form p {
    padding-bottom: 3rem;
    margin-bottom: 0;
}

.content--form h2 {
    margin-bottom: 2rem;
}

input {
    margin-top: 0rem!important;
    z-index: 1;
}

input,
textarea,
.select-selected {
    border-radius: 0;
    font-family: inherit;
    color: #083b4c;
    background: transparent;
    font-size: inherit;
    padding: 2rem;
    outline: none;
    border: 3px solid #083b4c;
    width: calc(100% - (4rem + 6px));
    position: relative;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    transition: all .4s;
}

textarea {
    resize: none;
    height: 13rem;
}

.input {
    position: relative;
    width: calc(100% - 4rem);
    overflow: hidden;
}

.input:after {
    position: absolute;
    content: '';
    background: #083b4c;
    width: 0;
    left: 0;
    height: 100%;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    transition: all .4s;
}

.input:hover::after {
    width: 100%;
}

.wpcf7-form input[type="radio"] {
    display: none;
}

.wpcf7-radio label {
    top: 0rem!important;
    margin-left: 0rem;
    margin-right: 2rem;
}

span.wpcf7-list-item {
    margin: 0 0 0 0em!important;
}

.wpcf7-form input[type="radio"] + .wpcf7-list-item-label::before {
    background: none;
    border: 2px solid #2c2a43;
    border-radius: 50%;
    margin-top: -3px;
    margin-right: 14px;
    display: inline-block;
    vertical-align: middle;
    content: '';
    width: 14px;
    height: 14px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.wpcf7-form input[type="radio"]:checked + .wpcf7-list-item-label::before {
    background: #2c2a43;
    border-color: #2c2a43;
}

.custom-select {
    position: relative;
    margin: auto;
}

.custom-select select {
    display: none;
}

.select-selected {
    cursor: pointer;
    user-select: none;
    margin-bottom: 3rem;
}

.select-selected:hover:after {
    border-color: #fff transparent transparent transparent;
}

.select-selected:after {
    position: absolute;
    content: "";
    top: 47%;
    right: 2rem;
    width: 0;
    height: 0;
    border: .5rem solid transparent;
    border-color: #2c2a43 transparent transparent transparent;
    transform: translate(-50%);
    transition: transform .3s ease;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    transition: all .4s;
}

.select-selected.select-arrow-active:after {
    border-color: transparent transparent #fff transparent;
    top: 40%;
}

.select-selected.select-arrow-active {
    color: #fff!important;
    background: #083b4c!important;
}

.select-items div:nth-child(1) {
    display: none;
}

.select-items div,
.select-selected {
    cursor: pointer;
    user-select: none;
}

.select-items {
    position: absolute;
    background: #0097a4;
    width: 100%;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 99;
}

.select-hide {
    display: none;
}

.select-items div {
    color: #fff;
    text-align: center;
    padding: 1.5rem;
    width: calc(100% - 3rem);
    background: #2c2a43;
    border-bottom: 1px solid #c59401;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    transition: all .2s;
}

.select-items div:hover .select-selected {
    background-color: #c59401 !important;
}

.select-items div:hover,
.same-as-selected {
    background: #c59401 !important;
    color: #fff!important;
}

input[type="submit"] {
    width: auto;
    color: #00a9b8;
    font-family: 'black', sans-serif;
    cursor: pointer;
    text-transform: uppercase;
    padding: 2rem 2.5rem;
    position: relative;
    border: 9px solid #00a9b8;
    background: none;
    letter-spacing: .05rem;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    transition: all .2s;
    z-index: 1;
}

input[type="submit"]:hover {
    color: #ced400;
    border: 9px solid #ced400;
}

span.wpcf7-not-valid-tip {
    color: #2c2a43!important;
    text-transform: uppercase!important;
    margin-top: .5rem!important;
    font-family: 'extrabold', sans-serif!important;
    font-size: .8rem!important;
    letter-spacing: .15rem!important;
}

.wpcf7-validates-as-required .wpcf7-not-valid {
    border: 2px solid #ced400!important;
}

span.wpcf7-not-valid-tip:before {
    content: '▲'!important;
    margin-right: 1rem;
}

div.wpcf7-validation-errors,
div.wpcf7-acceptance-missing {
    margin: 4rem 0 0 0!important;
    border: 0!important;
    background: #2c2a43!important;
    padding: 2rem!important;
    font-size: inherit!important;
}


/* NEWSLETTER */

.mc4wp-response {
    margin-top: 2rem!important;
    color: #fff!important;
    text-transform: uppercase!important;
    font-family: 'extrabold', sans-serif!important;
    font-size: .9rem!important;
    letter-spacing: .1rem!important;
}


/* RESPONSIVE */

@media screen and (max-width:1850px) {
    .bloc-rounded h2 {
        font-size: 1.3rem;
        letter-spacing: .05rem;
    }
    .bloc-rounded h3 {
        font-size: 1.5rem;
    }
}

@media screen and (max-width:1500px) {
    /* Fonts */
    body {
        font-size: 1.25rem;
    }
    .actualite--bloc-date {
        font-size: 1.15rem;
    }
    h1 {
        font-size: 3rem;
    }
    .variant h2 {
        font-size: 2.5rem;
    }
    .variant h3 {
        font-size: 2.2rem;
    }
    h2,
    .actualite--bloc h3 {
        font-size: 1.8rem;
    }
    .menu {
        font-size: 1.1rem;
        line-height: 1.6;
    }
    .menu h3 {
        font-size: 1.2rem;
    }
    .introduction {
        font-size: 1.8rem;
    }
    .st-accordion ul li ul li h3 {
        font-size: 1.1rem;
    }
    .bloc-rounded,
    .st-content p,
    .st-accordion ul li ul li,
    .sommaire--child-inner p,
    .st-content table {
        font-size: 1.1rem;
    }
    /* Width + height */
    .menu--secondary {
        width: 94%;
    }
    .menu--secondary-links li {
        margin-right: 7%;
    }
    .fullwidth {
        height: 600px;
    }
    .chiffres--cnt {
        height: 250px;
    }
    .actualites--home {
        padding-left: 5rem;
    }
    .actualite--bloc {
        transform: translateX(0rem);
    }
    .actualites--home-left {
        width: 40%;
    }
    .col-4 {
        grid-template-columns: 1fr 1fr 1fr;
    }
    .chiffres.col-4 {
        grid-template-columns: 1fr 1fr 1fr 1fr;
    }
    /* Padding */
    .sommaire,
    .sommaire--child {
        grid-gap: 5rem;
    }
    .slideshow .btn--wrapper {
        bottom: 5rem;
    }
    .footer--top.col-4-3 {
        grid-gap: 100px;
    }
    .footer--top {
        background-size: auto;
    }
    .wrapper--no-cover article ul li ul li::before,
    .content--article ul li ul li::before,
    .content--coll ul li ul li::before,
    .single ul li ul li::before {
        margin-top: .9rem;
    }
}

@media screen and (max-width:2500px) {
    /* 100px = 5vw & 200px = 10vw */
    /* MENU */
    .mainmenu.mobile {
        display: block;
    }
    .mainmenu.mobile .mainmenu__link li {
        display: inline-block;
        margin-right: 5vw;
    }
    .mainmenu.mobile .mainmenu__link li:last-child {
        margin-right: 0;
    }
    .mainmenu.mobile .mainmenu__link li a:hover {
        margin-left: 0;
    }
    .mainmenu {
        display: none;
    }
    .menu h3 {
        font-size: 2rem;
        font-family: 'black', sans-serif;
    }
    .mainmenu:hover a {
        opacity: 0.2;
    }
    .mainmenu a:hover {
        opacity: 1;
        margin-left: .5rem;
    }
    .menu--secondary {
        width: 100%;
    }
    .menu--secondary.col-2 {
        grid-template-columns: 1fr;
    }
    .menu--secondary-links li {
        margin-right: 5vw;
    }
    .menu--secondary-links li:last-child {
        margin-right: 10vw;
    }
    .menu--secondary {
        right: 0;
    }
    .menu__item-inner {
        height: calc(100vh - 5vw);
        width: calc(100% - 20vw);
        justify-content: space-evenly;
        padding: 0 5vw 5vw 15vw;
    }
    /* FONTS */
    button {
        font-size: .8rem;
    }
    button::after {
        top: -1.2rem;
    }
    button span::after {
        top: .25rem;
    }
    /* HEIGHT - WIDTH */
    .logo {
        margin-left: 59px;
    }
    .logo--menu {
        margin-left: 159px;
    }
    .logo svg,
    .logo--menu svg {
        width: 130px;
    }
    .fullwidth {
        height: 500px;
    }
    .sommaire--child-thumb-inner {
        height: 300px;
    }
    .content--cover-page {
        height: calc(100vh - 5vw);
    }
    /* PADDING - PADDING ALL BLOCK : 4rem */
    .wrapper {
        padding: 5vw;
    }
    .wrapper--big {
        padding: 10vw 5vw 5vw 5vw;
    }
    .wrapper--side-l {
        padding: 0 5vw;
    }
    .wrapper--side-lb {
        padding: 0 5vw 5vw 0;
    }
    .wrapper--side-left {
        padding: 0 0 5vw 10vw;
    }
    .wrapper--no-cover {
        padding: 20vw 5vw 0 5vw;
    }
    .content--wrapper-page-thumb {
        padding: 5vw 5vw 10vw 5vw;
        margin-top: -5vw;
    }
    .container--page {
        padding-right: 0;
    }
    .wrapper--top {
        padding-top: 5vw;
    }
    .wrapper--bot {
        padding-bottom: 10vw;
    }
    .wrapper--no-cover article img.alignright.size-full,
    .wrapper--no-cover article img.alignleft.size-full,
    .content--wrapper-page-thumb article img.alignleft.size-full,
    .content--wrapper-page-thumb article img.alignright.size-full {
        width: 40vw;
        height: auto;
        margin-top: .8rem;
    }
    .wrapper--no-cover article img.alignleft.size-full,
    .content--wrapper-page-thumb article img.alignleft.size-full {
        margin-left: -5vw;
    }
    .wrapper--no-cover article img.alignright.size-full,
    .content--wrapper-page-thumb article img.alignright.size-full {
        margin-right: -5vw;
    }
    .wrapper--full-bg {
        margin: 5vw -5vw;
        padding: 5vw;
    }
    .wrapper--full-bg .grid {
        margin-top: 5vw;
    }
    .slide__number-total,
    .slide__number {
        height: 5vw;
    }
    .slideshow .navigation {
        right: 5vw;
    }
    .slideshow .btn--wrapper {
        bottom: 5vw;
    }
    .separator--home {
        background: #fff;
        margin: -13vw 0 0 5vw;
        height: 100px;
    }
    .wrapper--side-left {
        padding: 5vw 0 5vw 10vw;
    }
    .actualite--bloc {
        margin-right: 0rem;
    }
    .navigation--pages {
        margin-top: -15vw;
    }
    .st-content {
        padding: 0 4rem 4rem 4rem;
        line-height: 1.6;
    }
    .wrapper--sidebar-page {
        padding: 2vw 0 0 0;
    }
    footer {
        margin-top: 10vw;
    }
    footer .wrapper--side-l {
        padding: 0;
    }
    .sommaire,
    .sommaire--child,
    .footer--top.col-4-3,
    .footer--down .grid {
        grid-gap: 5vw;
    }
    .footer--top.wrapper {
        padding: 5vw;
    }
    .footer--top {
        width: auto;
    }
    .footer--down {
        margin-top: 0;
    }
    .footer--copyright {
        padding: 35px 5vw;
    }
    .formations {
        margin-bottom: 5vw;
    }
    .formation__img {
        transform: translateY(10vw) translateX(0px);
        height: 500px;
        margin-left: 0px;
    }
    .formation-bloc--intro {
        padding: 0 5vw 0 5vw;
        width: calc(50% - 10vw);
    }
    .formation__content {
        padding: 10vw 5vw 5vw 5vw;
        margin-left: 0px;
        margin-right: -5vw;
    }
    .formations__nav {
        right: 0;
        bottom: 50px;
    }
    .formation__more {
        bottom: 74px;
    }
    .formations__index {
        padding: 4vw 0 0 60px;
    }
}

@media screen and (max-width:1100px) {
    /* FONTS */
    body {
        font-size: 1.15rem;
    }
    .slide h1 {
        font-size: 2.5rem;
    }
    h2,
    .actualite--bloc h3,
    .bloc-rounded h3 {
        font-size: 1.6rem;
    }
    h3 {
        font-size: 1.3rem;
    }
    .slideshow p {
        margin-bottom: 0rem;
    }
    .wrapper--no-cover article ul,
    .content--article ul,
    .content--coll ul,
    .single ul,
    ol {
        margin-left: 3rem;
    }
    .wrapper--no-cover article ul li::before,
    .content--article ul li::before,
    .content--coll ul li::before,
    .single ul li::before,
    ol li:before {
        margin-top: .8rem;
    }
    .introduction {
        font-size: 1.5rem;
    }
    .variant h2 {
        font-size: 2rem;
    }
    .variant h3 {
        font-size: 1.8rem;
    }
    .chiffres span {
        font-size: 3rem;
        margin-bottom: -1rem;
    }
    .chiffres--cnt {
        height: 200px;
    }
    .footer--down li {
        font-size: .9rem;
    }
    .footer--copyright {
        font-size: .8rem;
    }
    .wrapper--full-bg .grid {
        grid-gap: 3rem;
    }
    /* HEIGHT - WIDTH */
    .fullwidth {
        height: 400px;
    }
    /* PADDING */
    .wrapper--side-l {
        padding: 0 0 0 5vw;
    }
    .slide__number-total,
    .slide__number {
        display: none;
    }
    .wrapper--big .col-3-4 {
        grid-template-columns: 1fr;
        grid-gap: 5vw;
    }
    .col-3-4 div:nth-child(2) {
        margin-top: 5vw;
        margin-left: 10vw;
    }
    .sommaire,
    .sommaire--child {
        margin-top: 5vw;
    }
    /* OTHERS */
    .logo {
        margin-left: 26px;
    }
    .logo--menu {
        margin-left: 126px;
    }
    .menu--secondary-links li:last-child {
        margin-right: 5vw;
    }
    .flex {
        display: inherit;
    }
    .actualites--home-left {
        width: calc(100% - 5vw);
        padding-right: 5vw;
    }
    .actualites--home {
        width: 100%;
        padding-left: 0;
        margin-left: -5vw;
        margin-top: -5vw;
    }
    .actualite--bloc {
        margin-bottom: 10vw;
    }
    .wrapper--no-cover article ul li ul li::before,
    .content--article ul li ul li::before,
    .content--coll ul li ul li::before,
    .single ul li ul li::before {
        margin-top: .8rem;
    }
    .cd-h-timeline {
        padding-top: 40px;
    }
    .cd-h-timeline__event-content.col-1-2 {
        grid-template-columns: 1fr 3fr;
    }
    /* FORMATIONS */
    .formation-bloc--intro {
        padding: 0 5vw 5vw 5vw;
        width: 50%;
    }
    .formation-bloc--intro {
        padding: 0 5vw 5vw 5vw;
        width: 50%;
    }
    .formations {
        transform: translateY(0px);
    }
    .formation {
        grid-template-columns: 100%;
        grid-template-rows: 50% 50%;
        grid-template-areas: "slide-image" "slide-content";
        padding-bottom: 10vw;
    }
    .formation__img {
        transform: translateY(0px) translateX(0);
        height: 400px;
        margin-right: 10vw;
        z-index: -1;
    }
    .formation__content {
        padding: 5vw;
        height: auto;
        margin-left: 5vw;
        margin-right: 0;
        margin-top: -5vw;
    }
    .formations__nav {
        right: 5vw;
        bottom: 15vw;
    }
    .formations__index {
        margin-left: auto;
        right: 15vw;
        padding: 5vw 0 0 0;
    }
    .formation__more {
        bottom: 15vw;
        margin-bottom: 20px;
        left: 10vw;
    }
}

@media screen and (max-width:1024px) {
    .content--cover-page {
        height: calc(70vh - 5vw);
    }
    .navigation--w .nav--prev a:after,
    .navigation--y .nav--prev a::after {
        content: none;
        transition: 0;
    }
    .navigation--w .nav--next a:after,
    .navigation--y .nav--next a::after {
        content: none;
        transition: 0;
    }
    .nav--prev:hover a:before,
    .nav--next:hover a:before,
    a:before,
    .nav--next:hover a:before,
    a:before,
    .nav--prev:hover a:before {
        transform: translate(-50%, -50%);
        opacity: 1!important;
    }
    .separator--home {
        display: none;
    }
    .content--wrapper-page-thumb,
    .actualites--home {
        transform: none !important;
    }
    /* FONTS */
    h1 {
        font-size: 2.7rem;
    }
    .slide h1 {
        font-size: 2.2rem;
    }
    .small {
        font-size: .7rem;
    }
    .breadcrumb.small {
        font-size: .6rem;
    }
    .content--sidebar {
        font-size: .9rem;
        line-height: 1.7;
    }
    .sticky a::before {
        margin-top: .6rem;
    }
    .breadcrumb li::after {
        margin-top: .4rem;
    }
    .content--sidebar {
        margin-bottom: 5vw;
    }
    .sommaire--child .actualite--bloc {
        width: 100%;
        padding: 0;
    }
    .sommaire-actu {
        margin-right: 0;
        margin-left: 0;
    }
    .sommaire--child .actualite--bloc,
    .sommaire--child .actualite--actu {
        margin-bottom: 5vw;
    }
    .bloc-rounded,
    .st-content p,
    .st-accordion ul li ul li,
    .sommaire--child-inner p,
    .st-content table {
        font-size: 1rem;
    }
    .st-accordion {
        margin-top: 3rem;
    }
    .wrapper--no-cover .col-1-4 {
        grid-template-columns: 1fr;
    }
    .wrapper--sidebar-page .content--form {
        padding-left: 0;
    }
    .content--sidebar-form {
        padding: 2rem 0 2rem 2rem;
    }
    .content--sidebar-form-last {
        padding: 2rem 0 2rem 2rem;
    }
    .content--sidebar-form-last li:first-child {
        margin-top: 1rem;
    }
    /* MENU + SIDEBAR */
    .logo,
    .logo--menu {
        margin-left: 20px;
    }
    .logo6 {
        fill: #fff;
    }
    .logo4,
    .logo5 {
        fill: transparent;
    }
    .menu--icon::before {
        bottom: 1rem;
        font-size: .75rem;
    }
    .menu__item--bg .menu__item-inner {
        background: #2c2a43;
    }
    .menu__item-inner {
        justify-content: center;
    }
    .menu__item-inner {
        height: 100vh;
    }
    .menu__item-inner {
        padding: 0 5vw 0vw 5vw;
    }
    .menu h3 {
        font-size: 3vw;
    }
    .menu a {
        color: #edeae3;
    }
    .follow--mobile {
        display: block;
    }
    .follow--mobile a {
        color: #fff;
    }
    .content--sidebar h3 {
        font-size: 1.3rem;
        margin: 0 0 0 2rem;
    }
    .action--menu,
    .action--close {
        width: 90px;
        height: 90px;
        left: auto;
        right: 0;
    }
    .container {
        width: 100%;
        margin-left: 0;
    }
    .sidebar,
    .follow {
        display: none;
    }
    .follow--mobile {
        display: block;
    }
    .menu--secondary {
        display: none;
    }
    .menu__item-inner {
        width: calc(100% - 10vw);
        padding: 0 5vw 5vw 5vw;
    }
    .st-accordion h2 {
        line-height: 1.4;
        position: absolute;
        transform: translateY(-50%);
        top: 50%;
        width: 75%;
    }
    /* PADDING */
    .sommaire--child-inner {
        padding: 3rem;
    }
    .sommaire--child-inner p {
        font-size: .9rem;
    }
    .content--wrapper-page-thumb {
        margin-top: 0vw;
    }
    .navigation--pages {
        margin-top: -20vw;
    }
    .st-content {
        padding: 0 3rem 3rem 3rem;
    }
    .st-accordion ul li ul {
        margin-left: 2rem;
    }
    .st-accordion ul li ul li::before {
        margin-top: .6rem;
        margin-left: -1.5em;
    }
    /* HEIGHT + WIDTH */
    .actualite--bloc-wrapper {
        height: 300px;
    }
    .navigation {
        margin-top: 3rem;
        margin-bottom: 4rem;
    }
    .bloc-rounded-overlay::before {
        opacity: 0;
    }
}

@media screen and (max-width:820px) {
    /* FONTS */
    body {
        font-size: 1.05rem;
    }
    .actualite--bloc-date {
        font-size: 1rem;
    }
    h1 {
        font-size: 2.4rem;
    }
    h2,
    .actualite--bloc h3,
    .bloc-rounded h3,
    .bloc-rounded h2 {
        font-size: 1.3rem;
    }
    .bloc-rounded h2 {
        margin-bottom: 0;
    }
    h3 {
        font-size: 1.1rem;
    }
    .chiffres span {
        font-size: 2.5rem;
    }
    .chiffres--cnt {
        height: 150px;
        transform: none !important;
    }
    .menu {
        font-size: 1rem;
    }
    .wrapper--no-cover article ul li ul,
    .content--article ul li ul,
    .content--coll ul li ul,
    .single ul li ul {
        margin-left: 3rem;
    }
    .wrapper--no-cover article ul li::before,
    .content--article ul li::before,
    .content--coll ul li::before,
    .single ul li::before {
        margin-top: .7rem;
    }
    .wrapper--no-cover article ul li::before,
    .content--article ul li::before,
    .content--coll ul li::before,
    .single ul li::before,
    ol li:before {
        width: 9px;
        height: 9px;
        margin-left: -1.5rem;
    }
    .wrapper--no-cover article ul,
    .content--article ul,
    .content--coll ul,
    .single ul,
    ol {
        margin-left: 2rem;
        margin-bottom: 2rem;
    }
    .wrapper--no-cover article ul li ul li::before,
    .content--article ul li ul li::before,
    .content--coll ul li ul li::before,
    .single ul li ul li::before {
        margin-top: .7rem;
    }
    .wrapper--no-cover {
        padding: 180px 5vw 0 5vw;
    }
}

.btn {
    position: relative;
    color: #fff;
    border-radius: 30px;
    text-transform: uppercase;
    transform: scale(1.1, 1.1);
    transition: all 0.3s ease-out 0s;
    padding: 10px 16px;
}

.btn:hover {
    transform: scale(1, 1);
    color: #fff;
}

.btn i {
    margin-right: 15px;
    color: #323048;
}

.btn:before {
    content: "";
    position: absolute;
    bottom: -8px;
    left: 0px;
    width: 100%;
    height: 10px;
    filter: blur(20px);
    border-radius: 30px;
    display: inline-block;
    z-index: -1;
    transition: all 0.3s ease-out 0s;
}

.btn:hover:before {
    bottom: 0;
    filter: blur(10px);
}

.btn.blue {
    background-image: linear-gradient(to top, #D8D9DB 0%, #fff 80%, #FDFDFD 100%);
    border-radius: 30px;
    color: #323048;
    font-family: 'Montserrat', sans-serif;
    font-weight: bold;
    font-size: 14px;
    padding: 10px 16px;
}

.btn.blue:before {
    background: linear-gradient(to right, #7474bf, #348ac7);
}

.btn.green {
    background: linear-gradient(to left, #414d0b, #727a17);
}

.btn.green:before {
    background: linear-gradient(to right, #414d0b, #727a17);
}

.btn.orange {
    background: linear-gradient(to left, #fe8c00, #f83600);
}

.btn.orange:before {
    background: linear-gradient(to right, #fe8c00, #f83600);
}

.btn.purple {
    background: linear-gradient(to left, #c04848, #480048);
}

.btn.purple:before {
    background: linear-gradient(to right, #c04848, #480048);
}

@media only screen and (max-width: 767px) {
    .btn {
        margin-bottom: 15px;
    }
}


/*--------------------------------------------------------------
scroll above 750
--------------------------------------------------------------*/

@media (min-width:750px) {
    /* width */
    ::-webkit-scrollbar {
        width: 10px;
    }
    /* Track */
    ::-webkit-scrollbar-track {
        box-shadow: inset 0 0 5px grey;
        border-radius: 10px;
    }
    /* Handle */
    ::-webkit-scrollbar-thumb {
        background: red;
        border-radius: 10px;
        background: #2c2a43;
    }
    /* Handle on hover */
    ::-webkit-scrollbar-thumb:hover {
        background: #ccc;
    }
}

@supports (-moz-appearance:none) {
    :root {
        scrollbar-color: #2c2a43 #ccd1d1 !important;
        scrollbar-width: thin !important;
    }
}

@media (max-width: 767px) and (min-width: 300px) {
    .download-broucher {
        text-align: center!important;
        margin-top: 23px;
        margin-left: -29px;
    }
    .pricingTable .price-value {
        color: #fff;
        height: 40px;
        text-shadow: rgb(0, 0, 0) 1px 1px;
        width: 87px;
        background: linear-gradient(to right, #ebeeee, #2c2a43);
        padding: 18px 6px;
        border-radius: 50%;
        box-shadow: 0 5px 15px rgb(0 0 0 / 91%);
        position: absolute;
        right: 15px;
        top: -40px;
    }
    .pricingTable .price-value .amount {
        font-size: 26px;
        font-weight: 500;
        line-height: 48px;
        display: inline-block;
    }
    .popup-cr {
        transition: none!important;
        /* Animation */
    }
    #footer .title {
        margin: 0!important;
        padding: 0!important;
        width: auto;
    }
    .popup-cr:hover {
        transform: none!important;
        /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
    }
    .demo {
        padding: 0 38px 0 12px;
    }
    .alg-cr {
        width: 100%!important;
    }
    #boxes #dialog {
        top: 29%!important;
        left: 10px!important;
    }
    .foot-br {
        margin-top: 14px!important;
        text-align: center!important;
        margin-left: -40px!important;
    }
    .btn.blue {
        background-image: linear-gradient(to top, #D8D9DB 0%, #fff 80%, #FDFDFD 100%);
        border-radius: 30px;
        color: #323048;
        font-family: 'Montserrat', sans-serif;
        font-weight: bold;
        font-size: 11px!important;
        padding: 7px 6px!important;
    }
    #boxes .window {
        position: absolute;
        left: 0;
        top: 0;
        width: 291px!important;
        height: 850px;
    }
    .mob-popup {
        width: 291px;
        height: auto;
    }
    #boxes #dialog {
        width: 500px;
        height: auto;
        padding: 10px 10px 10px 10px;
        background-color: transparent;
        /* font-size: 15pt; */
        box-shadow: none;
        outline-offset: 0px;
    }
    #mask {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%!important;
    }
    .close img {
        margin-right: -16px!important;
        margin-top: -31px!important;
    }
}

.download-broucher {
    text-align: right;
    margin-top: 23px;
}