:root {
    --color_blue: #3463b5;
    --color_white: #ffffff;
    --color_red: #dd181e;
    --color_dark_red: #9d2722;
    --color_pastel_red: #d36566;
    --color_pastel_blue: #7087ba;
    --color_dark_blue: #244780;
    --color_btn_blue: #3e8bd8;
    --color_gray: #f0f3f8;
    --color_dark_gray: #dadbde;
    --color_light_blue: #e2eaf7;
    --gradient_blue: linear-gradient(295deg, var(--color_blue) 65%, var(--color_dark_blue) 34%);
    --gradient_actify: linear-gradient(238deg, var(--color_pastel_red) 103%, var(--color_dark_blue) 33%);
}


/* / Change autocomplete styles in WebKit / input:-webkit-autofill, */

input:-webkit-autofill:hover,
input:-webkit-autofill,
textarea:-webkit-autofill,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
    /* border: unset !important; */
    -webkit-text-fill-color: #fff !important;
    transition: background-color 5000s ease-in-out 0s !important;
    background-color: transparent !important;
    caret-color: #fff !important;
}

@font-face {
    font-family: DMSans-regular;
    src: url(../fonts/DMSans-Regular.ttf);
    font-display: fallback;
}

@font-face {
    font-family: DMSans-medium;
    src: url(../fonts/DMSans-Medium.ttf);
    font-display: fallback;
}

@font-face {
    font-family: DMSans-bold;
    src: url(../fonts/DMSans-Bold.ttf);
    font-display: fallback;
}

@font-face {
    font-family: Roboto-light;
    src: url(../fonts/Roboto-Light.ttf);
    font-display: fallback;
}

@font-face {
    font-family: Roboto-regular;
    src: url(../fonts/Roboto-Regular.ttf);
    font-display: fallback;
}

@font-face {
    font-family: Roboto-medium;
    src: url(../fonts/Roboto-Medium.ttf);
    font-display: fallback;
}

@font-face {
    font-family: Roboto-bold;
    src: url(../fonts/Roboto-Bold.ttf);
    font-display: fallback;
}

* {
    padding: 0;
    margin: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    outline: none;
}

a {
    text-decoration: none;
    color: #244781;
}

.single .container a {
    color: #244780;
    text-decoration: underline;
}

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

ul {
    list-style: none;
}

body,
html {
    width: 100%;
    height: 100%;
    font-family: "Inter", sans-serif;
}

section {
    display: flex;
    flex-direction: column;
}

.agent-single-prim .middle .the-info .the-contact ul li:first-of-type body.page-template-ecoute {
    background-color: #f0f3f8;
}

.scroll-to-bottom {
    position: absolute;
    z-index: 2;
    bottom: 60px;
    left: 50px;
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-size: 14px;
    letter-spacing: -0.02em;
    color: #fff;
    display: flex;
    gap: 30px;
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}

.scroll-to-bottom svg path {
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}

body.dark-style .scroll-to-bottom {
    color: #244780;
}

body.dark-style .scroll-to-bottom svg path {
    stroke: #244780;
}


/* Start Form Reclamtions   */

.page-id-7079 .wpcf7 {
    max-width: 692px;
    width: 100%;
    margin: 0 auto;
}

.form-reclamation {
    background-image: url("../css/images/bg-reclam.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
    display: flex;
    justify-content: center;
    max-width: 1064px;
    width: 100%;
    margin: 0 auto;
    padding: 100px 0 60px 0;
    box-shadow: 0px 50px 40px #00091926;
}

.page-id-7079 .wpcf7 form {
    /* padding: 106px 194px 63px 194px;
  background: linear-gradient(rgba(62, 139, 216, 0.51) 0%, #244780 100%);
  box-shadow: 0px 40px 50px rgb(36 0 0 / 16%); */
}

.page-id-7079 .wpcf7 form h3 {
    font-family: "DM Sans";
    font-weight: bold;
    font-size: 40px;
    line-height: 50px;
    text-align: left;
    color: #fff;
}

.page-id-7079 .wpcf7 form label {
    font-family: Roboto;
    font-weight: 500;
    font-size: 14px;
    line-height: 38px;
    text-align: left;
    color: #fff;
}

.page-id-7079 .wpcf7 form .row-civilite {
    display: flex;
    margin-top: 60px;
    margin-bottom: 60px;
}

.page-id-7079 .wpcf7 form input {
    border: 0;
    background: none;
    color: white;
    border-bottom: 1px solid rgb(225, 225, 225, 0.5);
    padding-bottom: 20px;
    margin-bottom: 40px;
}

.page-id-7079 .wpcf7 form input::placeholder,
.page-id-7079 .wpcf7 form textarea::placeholder {
    font-family: Roboto;
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
    text-align: left;
    color: #fff;
}

.page-id-7079 .wpcf7 form .wpcf7-list-item:first-child {
    margin: 0 0 0 1.5em;
}

.page-id-7079 .wpcf7 form .wpcf7-list-item:last-child {
    margin: 0 0 0 3em;
}

.page-id-7079 .wpcf7 form .row-form {
    display: flex;
    align-items: center;
    gap: 16px;
}

.page-id-7079 .wpcf7 form input[type="text"],
.page-id-7079 .wpcf7 form input[type="email"],
.page-id-7079 .wpcf7 form input[type="tel"] {
    width: 338px;
    height: 34px;
    font-family: Roboto;
    font-weight: 500;
    font-size: 14px;
    line-height: 38px;
    text-align: left;
    color: #fff;
}


/* .page-id-7079 .wpcf7 form input[type="text"]#reclamtiontype-Select {
} */

.page-id-7079 .wpcf7 form textarea {
    border: 0;
    background: none;
    color: white;
    border-bottom: 1px solid rgb(225, 225, 225, 0.7);
    padding-bottom: 20px;
    margin-bottom: 40px;
    width: 100%;
    height: 128px;
    resize: none;
}

.page-id-7079 .wpcf7 form input#fonction-entreprise {
    width: 100%;
}

.page-id-7079 .wpcf7 form input#fichierAjoute,
.page-id-7079 .wpcf7 form input#fichierAjouteParticulier {
    display: none;
}

.page-id-7079 .wpcf7 form .select2-container {
    width: 338px !important;
}

.page-id-7079 .wpcf7 form .labelToInput {
    border-bottom: 1px solid rgb(225, 225, 225, 0.7);
    padding-bottom: 10px;
    max-width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.page-id-7079 .wpcf7 form .imagefile img {
    width: 16px;
    height: 16px;
}

.page-id-7079 .wpcf7 form [type="submit"] {
    width: 149px;
    height: 50px;
    border: none;
    border-radius: 4px 4px 20px 4px;
    background: #3463b5;
    font-family: Roboto;
    font-weight: normal;
    font-size: 14px;
    text-align: center;
    color: #fff;
    cursor: pointer;
    padding-bottom: 0;
    margin-bottom: 0;
}

.page-id-7079 .wpcf7 form .row-form-submit {
    display: flex;
    justify-content: space-between;
    margin-top: 50px;
    width: 100%;
    align-items: center;
}

.page-id-7079 .wpcf7 form .selectRow p:nth-child(2) {
    display: none;
}

.page-id-7079 .wpcf7 form .selectRow .custom-select {
    border: 0;
    background: none;
    color: white;
    margin-bottom: 40px;
    width: 338px;
    height: 36px;
    position: relative;
}

.page-id-7079 .wpcf7 form .selectRow .custom-select label {
    line-height: unset;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    border-bottom: 1px solid rgb(225, 225, 225, 0.7);
    padding-bottom: 20px;
    cursor: pointer;
}

.page-id-7079 .wpcf7 form .selectRow .custom-select label.selectione {
    border-bottom: 1px solid white !important;
}

.page-id-7079 .wpcf7 form .selectRow .custom-select label img {
    width: 15px;
    height: 9px;
}

.page-id-7079 .wpcf7 form .selectRow .custom-select span {
    font-family: Roboto;
    font-weight: 500;
    font-size: 14px;
    color: #fff;
}

.page-id-7079 .wpcf7 form .selectRow .custom-select ul li {
    margin-bottom: 15px;
    cursor: pointer;
    color: #244780;
    transition: all 0.5s ease-out;
    font-size: 14px;
}

.page-id-7079 .wpcf7 form .selectRow .custom-select ul li:hover {
    font-weight: bold;
}

.page-id-7079 .wpcf7 form .selectRow .custom-select ul {
    position: absolute;
    top: 100%;
    width: 100%;
    background: white;
    padding: 20px 0 20px 20px;
    opacity: 0;
    visibility: hidden;
    /* transform: translateY(-5px); */
    transition: all 0.5s ease-in-out;
    border-radius: 0 0 10px 10px;
}

.page-id-7079 .wpcf7 form .selectRow .custom-select label.show~ul {
    opacity: 1;
    visibility: visible;
    /* transform: translateY(0); */
}

.page-id-7079 .wpcf7 form .row-form-submit input {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

.page-id-7079 .wpcf7 form .row-form-submit .wpcf7-list-item:last-child,
.page-id-7079 .wpcf7 form .row-form-submit .wpcf7-list-item:first-child {
    margin: 0;
}

.page-id-7079 .wpcf7 form .row-form-submit .wpcf7-spinner {
    display: none;
}

.page-id-7079 .wpcf7 form .row-civilite span.wpcf7-list-item-label {
    position: relative;
}

.page-id-7079 .wpcf7 form .row-civilite input {
    display: none;
}

.page-id-7079 .wpcf7 form .row-civilite input[type="radio"]:checked+span.wpcf7-list-item-label::before {
    visibility: visible;
    opacity: 1;
}

.page-id-7079 .wpcf7 form .row-civilite span.wpcf7-list-item-label::before {
    content: "";
    position: absolute;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: white;
    left: -17px;
    bottom: 3px;
    z-index: 2;
    visibility: hidden;
    opacity: 0;
    transition: 0.5s ease-in-out;
}

.page-id-7079 .wpcf7 form .row-civilite span.wpcf7-list-item-label::after {
    content: "";
    position: absolute;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.29);
    left: -20px;
    bottom: 0;
}

.page-id-7079 .wpcf7 form .row-civilite label:first-child {
    margin-right: 10px;
}

.page-id-7079 .wpcf7 form .imagefile label {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid rgb(225, 225, 225, 0.7);
    padding-bottom: 10px;
    cursor: pointer;
}

.page-id-7079 .wpcf7 form .typereclamationsDIV label {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid rgb(225, 225, 225, 0.7);
    padding-bottom: 10px;
}

.page-id-7079 .wpcf7 form .row-form-submit .labelConditions {
    font-family: Roboto;
    font-weight: 500;
    font-size: 12px;
    line-height: 19px;
    text-align: left;
    color: #fff;
    opacity: 0.46;
    margin-left: 10px;
    cursor: pointer;
}

.page-id-7079 .wpcf7 form .row-form-submit span.wpcf7-list-item-label {
    position: relative;
}

.page-id-7079 .wpcf7 form .row-form-submit input[type="radio"] {
    display: none;
}

.page-id-7079 .wpcf7 form .row-form-submit input[type="radio"]:checked+span.wpcf7-list-item-label::before {
    visibility: visible;
    opacity: 1;
}

.page-id-7079 .wpcf7 form .row-form-submit span.wpcf7-list-item-label::before {
    content: "";
    position: absolute;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: white;
    left: -17px;
    bottom: 0;
    z-index: 2;
    visibility: hidden;
    opacity: 0;
    transition: 0.5s ease-in-out;
    margin-right: 10px;
}

.page-id-7079 .wpcf7 form .row-form-submit span.wpcf7-list-item-label::after {
    content: "";
    position: absolute;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.29);
    left: -20px;
    bottom: -3px;
    margin-right: 10px;
}

.page-id-7079 .wpcf7 form .row-form-submit p:first-child {
    padding-left: 20px;
}

.page-id-7079 .wpcf7 form .select2-container--default .select2-selection--single .select2-selection__rendered {
    border-bottom: 1px solid rgb(225, 225, 225, 0.7);
    font-family: Roboto;
    font-weight: 500;
    font-size: 14px;
    line-height: 38px;
    text-align: left;
    color: #fff;
    padding-bottom: 5px;
}

.page-id-7079 .wpcf7 form .select2-container--default .select2-selection--single {
    background: none;
    border: 0;
}

.page-id-7079 .wpcf7 form .select2-container--default .select2-selection--single .select2-selection__arrow b {
    border: solid rgb(225, 225, 225, 0.7);
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 3px;
    transform: rotate(45deg);
}

.page-id-8017 .boutons-switchers,
.page-id-13299 .boutons-switchers{
    display: flex;
    justify-content: center;
    gap: 16px;
    font-family: "DM Sans";
    font-weight: bold;
    font-size: 18px;
    line-height: 26px;
    text-align: left;
    color: #244780;
}

.page-id-8017 .boutons-switchers .switcher,
.page-id-13299 .boutons-switchers .switcher{
    border-top-left-radius: 15px 15px;
    border-top-right-radius: 15px 15px;
    width: 474px;
    height: 115px;
    background-image: url("../css/images/inactiveBTN.png");
    padding: 50px;
    cursor: pointer;
}

.form-reclamation .form.active {
    display: block;
}

.form-reclamation .form iframe {
    width: 800px;

    border: 0;
}

.form-reclamation .form iframe#form-entreprise {
/*     height: 1000px; */
	height : 1360px;
}

.form-reclamation .form iframe#form-particulier {
/*     height: 842px; */
	  height: 1045px;
}

.form-reclamation .form {
    transition: all 0.5s ease-in-out;
}

.form-reclamation .form:not(.active) {
    display: none;
}

.page-id-7079 .switcher.active {
    background: linear-gradient(#244780 0%, #3e8bd8 100%);
    color: #fff;
    /* mix-blend-mode: multiply; */
    background-image: none;
    background-image: url("../css/images/activeBtn.png") !important;
}

.page-id-7079 .wpcf7 form .wpcf7-response-output {
    position: initial !important;
    color: #fff;
    font-family: Roboto;
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
    text-align: left;
}

.page-id-7079 .select2-container--default .select2-results__option--selected,
.page-id-7079 .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable,
.page-id-7079 .select2-container--default .select2-results__option--selected {
    background-color: white !important;
    font-family: "DM Sans";
    font-weight: bold;
    font-size: 14px;
    color: #244780;
}

.page-id-7079 .select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: transparent !important;
}

.page-id-7079 .select2-results__option .select2-results__option--selectable .select2-results__option--highlighted {
    background-color: transparent !important;
}

.page-id-7079 .select2-container--open .select2-dropdown {
    /* margin-top: 16px; */
    border-bottom-left-radius: 15px 15px;
    border-bottom-right-radius: 15px 15px;
}

.page-id-7079 .select2-results__option {
    border-top: 1px solid white;
}


/* End Form Reclamtions   */


/*--------------------------------------New Form Reclamtions Strat------------------------------------------*/

#reclamtiontype-Select {
    display: none;
}

.form-reclamation {
    font-family: Roboto;
}

.row-civilite span {
    margin: 22px;
    font-weight: 500;
    font-size: 14px;
    line-height: 38px;
    text-align: left;
    color: #fff;
}

.form-reclamation form .alignradios {
    cursor: pointer;
}

.form-reclamation .container {
    max-width: 840px;
    width: 100%;
}

.form-reclamation form label {
    font-family: Roboto;
    font-weight: 500;
    font-size: 14px;
    line-height: 38px;
    text-align: left;
    color: #fff;
}

.form-reclamation form .row-civilite {
    display: flex;
    margin-top: 60px;
    margin-bottom: 60px;
}

.form-reclamation form input:focus {
    opacity: 1;
}

.form-reclamation form input {
    border: 0;
    background: none;
    color: white;
    border-bottom: 1px solid rgb(225, 225, 225, 0.5);
    padding-bottom: 15px;
    margin-bottom: 40px;
    font-family: Roboto;
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
    text-align: left;
    color: #fff;
    max-width: 318px;
    width: 100%;
}

.form-reclamation form textarea::placeholder {
    font-family: Roboto;
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
    text-align: left;
    color: #fff;
    opacity: .7;
}

.form-reclamation form textarea:focus::placeholder {
    opacity: 1;
}

.form-reclamation form input::-webkit-input-placeholder {
    font-family: Roboto;
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
    text-align: left;
    color: #fff;
    opacity: .7;
}

.form-reclamation form input:focus::-webkit-input-placeholder {
    opacity: 1;
}


/* Firefox < 19 */

.form-reclamation form input:-moz-placeholder {
    font-family: Roboto;
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
    text-align: left;
    color: #fff;
    opacity: .7;
}

.form-reclamation form input:focus:-moz-placeholder {
    opacity: 1;
}


/* Firefox > 19 */

.form-reclamation form input::-moz-placeholder {
    font-family: Roboto;
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
    text-align: left;
    color: #fff;
    opacity: .7;
}

.form-reclamation form input:focus::-moz-placeholder {
    opacity: 1;
}


/* Internet Explorer 10 */

forminput:-ms-input-placeholder {
    font-family: Roboto;
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
    text-align: left;
    color: #fff;
    opacity: .7;
}

.form-reclamation form input:focus:-ms-input-placeholder {
    opacity: 1;
}

.form-reclamation form .row-form {
    display: flex;
    align-items: center;
    gap: 16px;
}

.form-reclamation form input,
    {
    width: 338px;
    height: 34px;
    font-family: Roboto;
    font-weight: 500;
    font-size: 14px;
    line-height: 38px;
    text-align: left;
    color: #fff;
}


/*  form input[type="text"]#reclamtiontype-Select {
} */

form textarea {
    border: 0;
    background: none;
    color: white;
    border-bottom: 1px solid rgb(225, 225, 225, 0.7);
    padding-bottom: 20px;
    margin-bottom: 32px;
    width: 100%;
    font-family: Roboto;
    font-weight: 500;
    resize: none;
    font-size: 14px;
}

.form-reclamation form input#fonction-entreprise {
    width: 100%;
}

.form-reclamation form input[type='file'] {
    display: none;
}

.form-reclamation form .select2-container {
    width: 318px !important;
}

.form-reclamation form .labelToInput {
    border-bottom: 1px solid rgb(225, 225, 225, 0.7);
    padding-bottom: 10px;
    max-width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.form-reclamation form .imagefile img {
    width: 16px;
    height: 16px;
}

.form-reclamation form [type="submit"] {
    width: 149px;
    height: 50px;
    border: none;
    border-radius: 4px 4px 20px 4px;
    background: #3463b5;
    font-family: Roboto;
    font-weight: normal;
    font-size: 14px;
    text-align: center;
    color: #fff;
    cursor: pointer;
    padding-bottom: 0;
    margin-bottom: 0;
}

.form-reclamation form .row-form-submit {
    display: flex;
    justify-content: space-between;
    margin-top: 50px;
    width: 100%;
    align-items: center;
}

.form-reclamation form .selectRow p:nth-child(2) {
    display: none;
}

.form-reclamation form .selectRow .custom-select {
    border: 0;
    background: none;
    color: white;
    margin-bottom: 40px;
    width: 100%;
    height: 28px;
    position: relative;
}

form .selectRow .custom-select label {
    line-height: unset;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    border-bottom: 1px solid rgb(225, 225, 225, 0.6);
    padding-bottom: 17px;
    cursor: pointer;
    margin-top: -1.5px;
}

form .selectRow .custom-select label.selectione {
    border-bottom: 1px solid white !important;
}

form .selectRow .custom-select label img {
    width: 10;
    height: 5.7;
    opacity: .7;
    position: absolute;
    right: 15px;
    top: 6px;
}

form .selectRow .custom-select span {
    font-family: Roboto;
    font-weight: 500;
    font-size: 14px;
    color: #fff;
}

form .selectRow .custom-select ul li {
    margin-bottom: 15px;
    cursor: pointer;
    transition: all 0.5s ease-out;
    font-size: 14px;
    list-style-type: none;
    font-family: Roboto;
    font-weight: 500;
    line-height: 19px;
    text-align: left;
    color: #244780;
    margin-left: 10px;
    cursor: pointer;
    height: max-content;
}

form .selectRow .custom-select ul li:hover {
    font-weight: bold;
}

form .selectRow .custom-select ul {
    position: absolute;
    top: 100%;
    width: 94.5%;
    background: white;
    padding: 20px 0 20px 20px;
    opacity: 0;
    visibility: hidden;
    /* transform: translateY(-5px); */
    transition: all 0.5s ease-in-out;
    border-radius: 0 0 10px 10px;
    margin-top: -2px;
}

form .selectRow .custom-select label.show~ul {
    opacity: 1;
    visibility: visible;
    /* transform: translateY(0); */
}

form .row-form-submit input {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

form .row-form-submit .wpcf7-spinner {
    display: none;
}

form .row-civilite {
    display: flex;
    align-items: center;
}

form .row-civilite span.wpcf7-list-item-label label {
    position: relative;
}

form .row-civilite input {
    display: none;
}

form .row-civilite input[type="radio"]:checked+span.wpcf7-list-item-label label::before {
    visibility: visible;
    opacity: 1;
}

form .row-civilite span.wpcf7-list-item-label label::before {
    content: "";
    position: absolute;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: white;
    left: -17px;
    bottom: 3px;
    z-index: 2;
    visibility: hidden;
    opacity: 0;
    transition: 0.5s ease-in-out;
}

form .row-civilite span.wpcf7-list-item-label label::after {
    content: "";
    position: absolute;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.29);
    left: -20px;
    bottom: 0;
}

form .row-civilite label:first-child {
    margin-right: 25px;
}

form .imagefile label {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid rgb(225, 225, 225, 0.7);
    padding-bottom: 10px;
    cursor: pointer;
    opacity: .7;
}

form .typereclamationsDIV label {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid rgb(225, 225, 225, 0.7);
    padding-bottom: 10px;
}

form .row-form-submit.radiooo {
    display: block;
}

form .row-form-submit .wpcf7-radio {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

form .row-form-submit .labelConditions {
    font-family: Roboto;
    font-weight: 500;
    font-size: 12px;
    line-height: 19px;
    text-align: left;
    color: #fff;
    margin-left: 10px;
    cursor: pointer;
    height: max-content;
}

form .row-form-submit .labelConditions span {
    opacity: 0.46;
    padding-left: 10px;
}

form .row-form-submit span.wpcf7-list-item-label {
    position: relative;
}

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

form .row-form-submit .labelConditions {
    position: relative;
}


/*   
  .wpcf7
  form
  .row-form-submit
  input[type="radio"]:checked
  + span.wpcf7-list-item-label
  label::before {
  visibility: visible;
  opacity: 1;
} */

#radioCondition[type="radio"]:checked+.labelConditions::before {
    visibility: visible;
    opacity: 1;
}

.form-reclamation h3 {
    font-family: "DM Sans";
    font-weight: bold;
    font-size: 40px;
    line-height: 50px;
    text-align: left;
    color: #fff;
}

.form-reclamation form .row-form-submit .labelConditions::before {
    content: "";
    position: absolute;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: white;
    left: -17px;
    bottom: 0;
    z-index: 2;
    visibility: hidden;
    opacity: 0;
    transition: 0.5s ease-in-out;
    margin-right: 10px;
    top: 4px;
}

.form-reclamation form .row-form-submit .labelConditions::after {
    content: "";
    position: absolute;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.29);
    left: -20px;
    bottom: -3px;
    top: 1px;
    margin-right: 10px;
}

.form-reclamation form .row-form-submit p:first-child {
    padding-left: 20px;
}

.form-reclamation form .select2-container--default .select2-selection--single .select2-selection__rendered {
    border-bottom: 1px solid rgb(225, 225, 225, 0.7);
    font-family: Roboto;
    font-weight: 500;
    font-size: 14px;
    text-align: left;
    color: #fff;
    margin-top: -4px;
    height: 35.5px;
    padding-bottom: 6px;
}

.form-reclamation form .select2-container--default .select2-selection--single {
    background: none;
    border: 0;
}

.form-reclamation .select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-width: 0;
}

.form-reclamation .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-width: 0;
}

[aria-expanded="true"] .select2-selection__arrow::after {
    -webkit-transform: scaleY(-1) translateY(-50%);
    transition: scaleY(-1) translateY(-50%);
}

.select2-selection__arrow::after {
    content: "";
    position: absolute;
    background-image: url(./css/images/arrow.png);
    right: 18px;
    top: 9px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    width: 10px;
    height: 5.7px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    -webkit-transform-origin: top;
    transform-origin: top;
}

.form-reclamation .form.active {
    display: block;
}

.form-reclamation .form {
    transition: all 0.5s ease-in-out;
}

.form-reclamation .form:not(.active) {
    display: none;
}

.switcher.active {
    background: linear-gradient(#244780 0%, #3e8bd8 100%);
    color: #fff;
    /* mix-blend-mode: multiply; */
    background-image: none;
    background-image: url("../css/images/activeBtn.png") !important;
}

form .wpcf7-response-output {
    position: initial !important;
    color: #fff;
    font-family: Roboto;
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
    text-align: left;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: transparent !important;
}

.select2-results__option .select2-results__option--selectable .select2-results__option--highlighted {
    background-color: transparent !important;
}


/*.select2-container--open .select2-dropdown {
    margin-top: 16px;
    border-bottom-left-radius: 15px 15px;
    border-bottom-right-radius: 15px 15px;
}*/

.select2-results__option {
    border-top: 1px solid white;
}

.form-reclamation .select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #fff;
    opacity: .7;
}

.select2-dropdown {
    border: 1px solid #c5dcf3 !important;
    border-radius: 0 0 10px 10px !important;
    top: 12px;
}

.form-reclamation .select2-results__option {
    border-top: 0;
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: transparent;
    color: #244780;
    font-weight: 700;
    font-family: Roboto;
}

.select2-results__option {
    color: #244780;
    font-weight: 400;
    font-family: Roboto;
    font-size: 14px;
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    color: #244780 !important;
}

.select2-results__option {
    padding: 8px 25px !important;
}

.select2-container--default .select2-results>.select2-results__options {
    padding: 8px 0 !important;
}

.select2-container--default .select2-results>.select2-results__options::-webkit-scrollbar {
    width: 5px;
}

.select2-container--default .select2-results>.select2-results__options::-webkit-scrollbar-track {
    background-color: #2447814d;
}

.select2-container--default .select2-results>.select2-results__options::-webkit-scrollbar-thumb {
    background-color: #244781;
}

.select2-container--default .select2-results>.select2-results__options {
    scrollbar-color: #244781 #2447814d;
    scrollbar-width: thin;
}


/*--------------------------------------New Form Reclamtions End--------------------------------------------*/


/* Start Scroll Select 2 */

.select2-container--default .select2-results>.select2-results__options::-webkit-scrollbar {
    width: 5px;
}

.select2-container--default .select2-results>.select2-results__options::-webkit-scrollbar-track {
    background-color: #2447814d;
}

.select2-container--default .select2-results>.select2-results__options::-webkit-scrollbar-thumb {
    background-color: #244781;
}

.select2-container--default .select2-results>.select2-results__options {
    scrollbar-color: #244781 #2447814d;
    scrollbar-width: thin;
}


/* End Scroll Seclect 2 */


/* Quiz Contact Form 7 */

.quiz_white {
    width: 100%;
    margin-bottom: 52px;
}

.quiz_white input[name="honeypot-856"] {
    display: none !important;
}

.quiz_white input[name="quiz-9"] {
    width: calc(100% - 100px);
    background-color: transparent;
}

.quiz_white label {
    display: flex;
    align-items: center;
    margin-bottom: 0;
}

.quiz_white label span {
    width: 100px;
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
    color: #244780;
}


/* And Quiz Contact Form 7 */

.wow {
    visibility: hidden;
}

.container {
    max-width: 1200px;
    padding: 0 20px;
    margin: 0 auto;
    width: 100%;
}

.breadcrumbs {
    z-index: 4;
}

.breadcrumbs .container-breadcrumbs {
    width: 100%;
    max-width: 1280px;
    padding-left: 20px;
    padding-right: 20px;
    margin: auto;
}

.breadcrumbs ul {
    display: flex;
    column-gap: 14px;
}

.breadcrumbs ul li {
    position: relative;
}

.breadcrumbs ul li:after {
    content: "|";
    position: absolute;
    color: rgba(255, 255, 255, 0.5);
    right: -10px;
    top: 1px;
}

.breadcrumbs ul li:last-child a {
    pointer-events: none;
}

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

.breadcrumbs a {
    color: rgba(255, 255, 255, 0.5);
    font-size: 14px;
    font-family: "DM Sans", sans-serif;
}

body.dark-style .breadcrumbs ul li:after {
    color: rgba(36, 71, 128, 0.5);
}

body.dark-style .breadcrumbs a {
    color: rgba(36, 71, 128, 0.5);
}

.btn-light-red {
    border-radius: 4px 4px 20px 4px;
    -webkit-border-radius: 4px 4px 20px 4px;
    -moz-border-radius: 4px 4px 20px 4px;
    background-color: #dd181e;
    color: #fff;
    font-size: 14px;
    font-family: "Roboto", sans-serif;
    text-align: center;
    display: block;
}

.btn-blue {
    border-radius: 4px 4px 20px 4px;
    -webkit-border-radius: 4px 4px 20px 4px;
    -moz-border-radius: 4px 4px 20px 4px;
    background-color: #244780;
    color: #fff;
    font-size: 14px;
    font-family: "Roboto", sans-serif;
    text-align: center;
    display: block;
}


/* Start Header */

header {
    width: 100%;
    position: absolute;
    top: 0;
}

header .logo {
    width: 300px;
    z-index: 21;
    position: absolute;
    top: 40px;
    left: 50px;
}

header .logo a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

header .logo a svg {
    width: 100%;
    height: auto;
}

header .logo a svg path {
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    fill: #fff;
}

header .logo a svg.logo-mobile {
    display: none;
}

header .burger-menu {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    cursor: pointer;
    position: absolute;
    right: 65px;
    top: 40px;
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
    background-color: rgba(255, 255, 255, 0.08);
    display: none;
    z-index: 30;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

header .burger-menu .bar {
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    padding: 1px;
    width: 20px;
    display: block;
    background-color: #fff;
}

header .burger-menu .bar:nth-of-type(2) {
    margin: 4px 0;
}

header .burger-menu.burger-menu--closed {
    -webkit-transition-delay: 0.3s;
    transition-delay: 0.3s;
}

header .burger-menu.burger-menu--closed .bar:nth-of-type(2) {
    -webkit-transition-property: margin, height;
    transition-property: margin, height;
    -webkit-transition-delay: 0.3s, 0.3s, 0s;
    transition-delay: 0.3s, 0.3s, 0s;
}

header .burger-menu.burger-menu--opened {
    padding-top: 2px;
}

header .burger-menu.burger-menu--opened .bar:nth-of-type(1) {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition-delay: 0.3s;
    transition-delay: 0.3s;
    padding: 1px;
}

header .burger-menu.burger-menu--opened .bar:nth-of-type(2) {
    opacity: 0;
    height: 0;
    margin: -2px 0;
}

header .burger-menu.burger-menu--opened .bar:nth-of-type(3) {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transition-delay: 0.3s;
    transition-delay: 0.3s;
}

header .menu {
    width: 100%;
}

header .menu nav {
    max-width: 905px;
    margin: 0 0 0 auto;
    width: 100%;
    padding: 20px 50px 0 0;
    position: relative;
    z-index: 20;
}

header .menu .top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-bottom: 1px solid #ffffff33;
    position: relative;
    height: 55px;
}

header .menu .middle {
    padding-top: 15px;
}

header .menu .middle ul {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    gap: 50px;
    justify-content: flex-end;
}

header .menu .bottom {
    margin-top: 75px;
    display: none;
}

header .menu .bottom div ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 20px;
}

header .menu .bottom div.bottom-contact {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 20px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

header .menu .bottom div.bottom-contact .icon-social-media-mobile li {
    width: 44px;
    height: 44px;
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
    background-color: rgba(255, 255, 255, 0.08);
    border-radius: 50%;
}

header .menu .bottom div.bottom-contact .icon-social-media-mobile li a {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

header .menu .bottom div.bottom-contact .icon-social-media-mobile li a svg path {
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    fill: #fff;
}

header .menu .bottom div.bottom-copyright {
    margin-top: 50px;
    opacity: 0.3;
}

header .menu .bottom div.bottom-copyright ul {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

header .menu ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

header .menu ul li {
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-size: 14px;
    letter-spacing: 0.08em;
    color: #fff;
}

header .menu ul li a {
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-size: 14px;
    letter-spacing: 0.08em;
    color: #fff;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

header .menu ul li.dropdown {
    margin-right: 20px;
    cursor: pointer;
    height: 55px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

header .menu ul li.dropdown:hover .dropdown-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

header .menu ul li.dropdown:hover span::after {
    content: "";
}

header .menu ul li.dropdown:hover span svg {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

header .menu ul li.dropdown span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 20px;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    margin-top: -10px;
    height: 100%;
    line-height: 55px;
    position: relative;
}

header .menu ul li.dropdown span::after {
    content: none;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: -3px;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 15px solid #fff;
    width: 0;
    height: 0;
    -webkit-animation: fade 0.3s ease-in-out;
    animation: fade 0.3s ease-in-out;
}

header .menu ul li.dropdown span svg {
    width: 10px;
    height: auto;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

header .menu ul li.dropdown span svg path {
    stroke: #fff;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

header .menu ul.external-link li {
    height: 44px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    border-radius: 4px;
}

header .menu ul.external-link li a {
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0.08em;
}

header .menu ul.external-link li.btn-gradient {
    border-radius: 25px;
    width: 118px;
    background: -webkit-gradient(linear, left top, right top, from(#244781), to(#d36566));
    background: linear-gradient(90deg, #244781 0%, #d36566 100%);
    font-weight: 700;
    margin-right: 10px;
}

header .menu ul.external-link li.btn-gradient a {
    font-weight: 700;
    color: #fff;
}

header .menu ul.external-link li.btn-prim {
    width: 172px;
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
    background-color: rgba(255, 255, 255, 0.08);
}

header .menu ul.dropdown-menu {
    display: none;
    position: absolute;
    left: 0;
    bottom: -67px;
    padding-top: 5px;
    width: 855px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 4px;
    border-top: 2px solid #fff;
    -webkit-animation: fade 0.3s ease-in-out;
    animation: fade 0.3s ease-in-out;
}

header .menu ul.dropdown-menu li {
    background-color: #fff;
    height: 62px;
    border-radius: 0px 0px 4px 4px;
    width: 100%;
    color: #244780;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 5px;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

header .menu ul.dropdown-menu li a {
    width: 100%;
    color: #244780;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

header .menu ul.dropdown-menu li a::after {
    content: "";
    position: absolute;
    inset: 0;
    width: 0;
    height: 100%;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='201' height='52' viewBox='0 0 201 52'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Crect id='Rectangle_1215' data-name='Rectangle 1215' width='201' height='52' rx='4' transform='translate(536.556 189.3)' fill='%237087ba' opacity='0.1'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='Groupe_de_masques_50' data-name='Groupe de masques 50' transform='translate(-536.557 -189.3)' opacity='0.1' clip-path='url(%23clip-path)'%3E%3Cg id='Groupe_11353' data-name='Groupe 11353' transform='translate(497.87 182.412)'%3E%3Cg id='J' transform='translate(257.793 0.001)'%3E%3Cg id='Groupe_11348' data-name='Groupe 11348' transform='translate(0 0)'%3E%3Crect id='Rectangle_1200' data-name='Rectangle 1200' width='32.863' height='64.411' transform='translate(0 64.776) rotate(-90)' fill='%23244780'/%3E%3Cpath id='Rectangle_1201' data-name='Rectangle 1201' d='M32.206,0h.657a0,0,0,0,1,0,0V64.411a0,0,0,0,1,0,0h-.657A32.206,32.206,0,0,1,0,32.206v0A32.206,32.206,0,0,1,32.206,0Z' transform='translate(0 64.776) rotate(-90)' fill='%233363b5'/%3E%3Crect id='Rectangle_1202' data-name='Rectangle 1202' width='31.548' height='64.411' transform='translate(0 31.913) rotate(-90)' fill='%237087ba'/%3E%3Crect id='Rectangle_1203' data-name='Rectangle 1203' width='32.223' height='12.734' transform='translate(51.745 32.223) rotate(-90)' fill='%23244780'/%3E%3C/g%3E%3C/g%3E%3Cg id='M' transform='translate(193.345)'%3E%3Cg id='Groupe_11349' data-name='Groupe 11349' transform='translate(0 0)'%3E%3Crect id='Rectangle_1204' data-name='Rectangle 1204' width='32.863' height='64.411' transform='translate(0.004 0.366)' fill='%237087ba'/%3E%3Crect id='Rectangle_1205' data-name='Rectangle 1205' width='31.548' height='64.411' transform='translate(32.867 0.366)' fill='%23244780'/%3E%3Cpath id='Tracé_11070' data-name='Tracé 11070' d='M316.865,481.475H252.417l32.224,64.447Z' transform='translate(-252.417 -481.475)' fill='%233363b5'/%3E%3C/g%3E%3C/g%3E%3Cg id='N' transform='translate(128.934)'%3E%3Cg id='Groupe_11350' data-name='Groupe 11350' transform='translate(0 0)'%3E%3Crect id='Rectangle_1206' data-name='Rectangle 1206' width='32.863' height='64.411' transform='translate(15.774 0.366)' fill='%23708dc0'/%3E%3Cpath id='Tracé_11071' data-name='Tracé 11071' d='M482.338,210.414H450.114V145.967Z' transform='translate(-434.042 -145.967)' fill='%233463b5'/%3E%3Crect id='Rectangle_1207' data-name='Rectangle 1207' width='15.774' height='64.411' transform='translate(48.637 0.366)' fill='%233463b5'/%3E%3Crect id='Rectangle_1208' data-name='Rectangle 1208' width='15.774' height='64.411' transform='translate(0 0.366)' fill='%23244781'/%3E%3C/g%3E%3C/g%3E%3Cg id='A' transform='translate(64.447)'%3E%3Cg id='Groupe_11351' data-name='Groupe 11351' transform='translate(0 0)'%3E%3Crect id='Rectangle_1209' data-name='Rectangle 1209' width='31.548' height='64.411' transform='translate(0.076 0.366)' fill='%23708dc0'/%3E%3Crect id='Rectangle_1210' data-name='Rectangle 1210' width='32.863' height='64.411' transform='translate(31.624 0.366)' fill='%23244781'/%3E%3Cpath id='Tracé_11072' data-name='Tracé 11072' d='M317.233,381.865H252.786l32.224-64.447Z' transform='translate(-252.786 -317.418)' fill='%233463b5'/%3E%3C/g%3E%3C/g%3E%3Cg id='C' transform='translate(0)'%3E%3Cg id='Groupe_11352' data-name='Groupe 11352'%3E%3Crect id='Rectangle_1211' data-name='Rectangle 1211' width='32.302' height='64.446' fill='%23234781'/%3E%3Cpath id='Rectangle_1212' data-name='Rectangle 1212' d='M32.223,0H32.3a0,0,0,0,1,0,0V64.446a0,0,0,0,1,0,0h-.079A32.223,32.223,0,0,1,0,32.223v0A32.223,32.223,0,0,1,32.223,0Z' fill='%23708dc0'/%3E%3Crect id='Rectangle_1213' data-name='Rectangle 1213' width='16.151' height='64.446' transform='translate(32.198)' fill='%233363b5'/%3E%3Crect id='Rectangle_1214' data-name='Rectangle 1214' width='16.151' height='64.446' transform='translate(48.296)' fill='%23708dc0'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    background-size: cover;
    background-repeat: no-repeat;
}

header .menu ul.dropdown-menu li:hover {
    font-weight: 700;
}

header .menu ul.dropdown-menu li:hover a {
    font-weight: 700;
}

header .menu ul.dropdown-menu li:hover a::after {
    width: 100%;
}


/* Start Search */

#icon-search,
#icon-close {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 50px;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
    background-color: rgba(255, 255, 255, 0.08);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

#icon-search {
    z-index: 11;
}

#icon-close {
    z-index: 20;
}

#icon-search svg path {
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    stroke: #fff;
}

#icon-close svg path {
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    fill: #fff;
}

.search-container {
    position: fixed;
    top: 0;
    z-index: 16;
    width: 100%;
    height: 0px;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: #244780;
}

.search-container .search-wrapper {
    width: 100%;
    opacity: 0;
}

.search-container .form-group {
    max-width: calc(100% - 40px);
    width: 965px;
    height: 50px;
    margin: 0 auto;
}

.search-container .form-group input {
    padding: 0 20px;
    width: 100%;
    height: 100%;
    border: none;
    background-color: transparent;
    border-bottom: 1px solid #ffffff33;
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
    color: #fff;
}

.search-container .form-group input::-webkit-input-placeholder {
    color: #fff;
}

.search-container .form-group input::-moz-placeholder {
    color: #fff;
}

.search-container .form-group input:-ms-input-placeholder {
    color: #fff;
}

.search-container .form-group input:-moz-placeholder {
    color: #fff;
}


/* Start Social Media */

.icon-social-media {
    position: absolute;
    right: 50px;
    bottom: 60px;
    z-index: 15;
}

.icon-social-media ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 8px;
}

.icon-social-media ul li {
    width: 44px;
    height: 44px;
    border: 1px solid #fff;
    border-radius: 50%;
}

.icon-social-media ul li a {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.icon-social-media ul li a svg path {
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    fill: #fff;
}


/* Header Dark Style */

body.dark-style header .logo a svg path {
    fill: #244780;
}

body.dark-style header .burger-menu {
    background-color: rgba(36, 71, 128, 0.08);
}

body.dark-style header .burger-menu .bar {
    background-color: #244780;
}

body.dark-style header .menu .top {
    border-bottom: 1px solid #24478033;
}

body.dark-style header .menu .bottom div.bottom-contact .icon-social-media-mobile li {
    background-color: rgba(36, 71, 128, 0.08);
}

body.dark-style header .menu .bottom div.bottom-contact .icon-social-media-mobile li a svg path {
    fill: #244780;
}

body.dark-style header .menu ul li {
    color: #244780;
}

body.dark-style header .menu ul li a {
    color: #244780;
}

body.dark-style header .menu ul li.dropdown span svg path {
    stroke: #244780;
}

body.dark-style header .menu ul.external-link li.btn-prim {
    background-color: rgba(36, 71, 128, 0.08);
}

body.dark-style #icon-search,
body.dark-style #icon-close {
    background-color: rgba(36, 71, 128, 0.08);
}

body.dark-style #icon-search svg path {
    stroke: #244780;
}

body.dark-style #icon-close svg path {
    fill: #244780;
}

body.dark-style .search-container {
    background: #e0e6ef;
}

body.dark-style .search-container .form-group input {
    border-bottom: 1px solid #24478033;
    color: #244780;
}

body.dark-style .search-container .form-group input::-webkit-input-placeholder {
    color: #244780;
}

body.dark-style .search-container .form-group input::-moz-placeholder {
    color: #244780;
}

body.dark-style .search-container .form-group input:-ms-input-placeholder {
    color: #244780;
}

body.dark-style .search-container .form-group input:-moz-placeholder {
    color: #244780;
}

body.home .icon-social-media ul li {
    border: 1px solid #fff !important;
    background: transparent !important;
}

body.home .icon-social-media ul li a svg path {
    fill: #fff !important;
}

body.dark-style .icon-social-media ul li {
    border: 1px solid #244780 !important;
    background: transparent !important;
}

body.dark-style .icon-social-media ul li a svg path {
    fill: #244780 !important;
}


/*End Header */

body.showOverf {
    overflow: hidden;
}

.blocs-guide {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 15px;
    grid-row-gap: 15px;
}

.blocs-guide .item {
    position: relative;
    padding: 73px 32px 37px 42px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    position: relative;
    height: 352px;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.blocs-guide .item .content {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
}

.blocs-guide .item h4 {
    max-width: 236px;
    font-family: "DM Sans", sans-serif;
    font-weight: bold;
    font-size: 20px;
    line-height: 30px;
    color: #fff;
    position: relative;
    z-index: 2;
    padding-right: 20px;
}

.blocs-guide .item .item-info {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    z-index: 2;
    margin-left: 18px;
    max-width: calc(100% - 254px);
}

.blocs-guide .item .item-info p {
    font-weight: 400;
    font-size: 14px;
    letter-spacing: -0.03em;
    line-height: 24px;
    color: #fff;
    opacity: 0.7;
    margin-bottom: 25px;
}

.blocs-guide .item .item-info p a {
    color: #fff;
}

.blocs-guide .item .item-info .read-more {
    font-weight: 400;
    font-size: 14px;
    letter-spacing: 0.08em;
    color: #fff;
    display: flex;
    align-items: center;
    margin-top: 30px;
    position: absolute;
    bottom: 30px;
}

.blocs-guide .item .item-info .read-more svg {
    margin-left: 16px;
}

.blocs-guide .item.red-circle {
    background-color: #ab1418;
}

.blocs-guide .item.red-circle:after {
    content: "";
    background-color: #dd181e;
    height: 352px;
    width: 352px;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 50% 50 0 0%;
    -webkit-border-radius: 50% 50% 0 0;
    -moz-border-radius: 50% 50% 0 0;
}

.blocs-guide .item.red-triangle {
    background-color: #ab1418;
}

.blocs-guide .item.red-triangle:after {
    content: "";
    display: inline-block;
    height: 0;
    width: 0;
    border-top: 352px solid #dd181e;
    border-right: 176px solid transparent;
    position: absolute;
    left: 0;
    top: 0;
}

.blocs-guide .item.blue-circle {
    background-color: #244780;
}

.blocs-guide .item.blue-circle:after {
    content: "";
    background-color: #3463b5;
    height: 352px;
    width: 352px;
    position: absolute;
    right: 0;
    top: 0;
    border-radius: 0 0 50% 50%;
    -webkit-border-radius: 0 0 50% 50%;
    -moz-border-radius: 0 0 50% 50%;
}

.blocs-guide .item.blue-triangle {
    background-color: #3363b5;
}

.blocs-guide .item.blue-triangle:after {
    content: "";
    display: inline-block;
    height: 0;
    width: 0;
    border-bottom: 352px solid #244780;
    border-left: 176px solid transparent;
    position: absolute;
    right: 0;
    top: 0;
}

.breadcrumbs {
    padding-bottom: 65px;
    position: relative;
    z-index: 2;
}

.breadcrumbs .container-breadcrumbs {
    width: 100%;
    max-width: 1280px;
    padding-left: 20px;
    padding-right: 20px;
    margin: auto;
}

.breadcrumbs ul {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    column-gap: 14px;
}

.breadcrumbs ul li {
    position: relative;
}

.breadcrumbs ul li:after {
    content: "|";
    position: absolute;
    color: rgba(36, 71, 128, 0.5);
    right: -9px;
    top: 5px;
    font-size: 10px;
    font-weight: 600;
}

.breadcrumbs ul li:last-child a {
    pointer-events: none;
    font-weight: 600;
}

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

.breadcrumbs a {
    color: rgba(36, 71, 128, 0.5);
    font-size: 14px;
    font-family: "DM Sans", sans-serif;
    font-weight: 400;
}

.breadcrumbs.breadcrumbs-white a {
    color: rgba(255, 255, 255, 0.5);
}

.breadcrumbs.breadcrumbs-white li:after {
    color: rgba(255, 255, 255, 0.5);
}

.annuaire-equipe-items {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    position: relative;
}

.annuaire-equipe-items .item {
    flex: 0 0 23.96%;
    margin: 6px;
    height: 371px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    z-index: 1;
    overflow: hidden;
}

.annuaire-equipe-items .item:hover .mask {
    background-color: transparent;
}

.annuaire-equipe-items .item:hover .infos {
    bottom: 0;
}

.annuaire-equipe-items .mask {
    position: absolute;
    background-color: rgba(36, 71, 126, 0.3);
    height: 100%;
    width: 100%;
    top: 0;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

.annuaire-equipe-items .infos {
    height: 161px;
    position: absolute;
    background: url(images/card-profil.svg);
    color: #fff;
    bottom: -200px;
    padding: 20px;
    width: 100%;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

.annuaire-equipe-items h5 {
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    font-weight: 300;
    position: relative;
    z-index: 1;
}

.annuaire-equipe-items h4 {
    font-family: "DM Sans", sans-serif;
    font-weight: 700;
    font-size: 18px;
    line-height: 26px;
    padding-top: 3px;
    letter-spacing: 0.5px;
    position: relative;
    z-index: 1;
}

.annuaire-equipe-items span {
    font-family: "DM Sans", sans-serif;
    font-size: 16px;
    line-height: 16px;
    position: relative;
    z-index: 1;
    text-transform: capitalize;
}

.annuaire-equipe-items .voir-profil {
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    font-weight: 300;
    letter-spacing: 1.3px;
    padding-top: 25px;
    position: absolute;
    bottom: 20px;
    z-index: 1;
}

.annuaire-equipe-items .voir-profil:after {
    content: "";
    position: absolute;
    width: 18px;
    height: 18px;
    background-image: url(images/arrow-white.svg);
    left: 108px;
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: #244781 !important;
}

.select2-results__option {
    font-size: 14px;
    font-family: "Roboto", sans-serif;
    padding: 12px 10px;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.select2-results__option:first-child {
    border-top: 0;
}

.select2-container--open .select2-dropdown {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border: 1px solid rgba(62, 139, 216, 0.3);
    border-top: 0;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #244780 !important;
}

.filtre-ajmj-avance {
    background-color: #fff;
    max-width: 964px;
    height: 100px;
    margin: 30px auto 0 auto;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    border: 1px solid rgba(62, 139, 216, 0.3);
    -webkit-box-shadow: -3px 41px 50px 1px rgba(112, 112, 112, 0.38);
    box-shadow: -3px 41px 50px 1px rgba(112, 112, 112, 0.38);
    position: relative;
    z-index: 9;
}

.filtre-ajmj-avance ::-webkit-input-placeholder {
    color: rgba(0, 0, 0, 0.2);
    font-weight: 500;
    font-family: "DM Sans", sans-serif;
    font-size: 14px;
    line-height: 24px;
}

.filtre-ajmj-avance ::-moz-placeholder {
    color: rgba(0, 0, 0, 0.2);
    font-weight: 500;
    font-family: "DM Sans", sans-serif;
    font-size: 14px;
    line-height: 24px;
}

.filtre-ajmj-avance :-ms-input-placeholder {
    color: rgba(0, 0, 0, 0.2);
    font-weight: 500;
    font-family: "DM Sans", sans-serif;
    font-size: 14px;
    line-height: 24px;
}

.filtre-ajmj-avance :-moz-placeholder {
    color: rgba(0, 0, 0, 0.2);
    font-weight: 500;
    font-family: "DM Sans", sans-serif;
    font-size: 14px;
    line-height: 24px;
}

.filtre-ajmj-avance .search {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
}

.filtre-ajmj-avance .search>span {
    font-size: 12px;
    color: rgba(0, 0, 0, 0.4);
    font-family: "Roboto", sans-serif;
    position: absolute;
    top: 16px;
}

.filtre-ajmj-avance form {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 95%;
}

.filtre-ajmj-avance form>svg {
    position: relative !important;
    top: 3px !important;
    top: initial !important;
    right: initial !important;
}

.filtre-ajmj-avance input {
    border: 0;
    color: rgba(36, 70, 128, 0.5);
    font-family: "DM Sans", sans-serif;
    font-size: 14px;
    line-height: 24px;
    width: 100%;
    padding-right: 18px;
    color: rgba(0, 0, 0, 0.2);
    font-weight: 500;
    font-family: "DM Sans", sans-serif;
    font-size: 14px;
    line-height: 24px;
    margin-left: 15px;
    width: 50%;
}

.filtre-ajmj-avance input::-webkit-input-placeholder,
.annuaire-section .top input::-webkit-input-placeholder {
    color: rgba(0, 0, 0, 0.5);
}

.filtre-ajmj-avance input::-moz-placeholder,
.annuaire-section .top input::-webkit-input-placeholder {
    color: rgba(0, 0, 0, 0.5);
}

.filtre-ajmj-avance input:-ms-input-placeholder,
.annuaire-section .top input::-webkit-input-placeholder {
    color: rgba(0, 0, 0, 0.5);
}

.filtre-ajmj-avance input:-moz-placeholder,
.annuaire-section .top input::-webkit-input-placeholder {
    color: rgba(0, 0, 0, 0.5);
}

.filtre-ajmj-avance button {
    border-radius: 0 4px 4px 0;
    -webkit-border-radius: 0 4px 4px 0;
    -moz-border-radius: 0 4px 4px 0;
    background-color: #244781;
    border: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100px;
    height: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.filtre-ajmj-avance button:after {
    content: "";
    background: url(images/icon-search-white.svg);
    position: absolute;
    width: 20px;
    height: 22px;
}

.filtre-ajmj-avance .inner-filtre {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-right: 50px;
    padding-left: 24px;
    width: 100%;
    align-items: center;
    justify-content: center;
}

.filtre-ajmj-avance .inner-filtre .filtre-departement {
    width: 321px;
    margin-right: 50px;
    position: relative;
}

.filtre-ajmj-avance .inner-filtre .filtre-departement:before {
    content: "";
    height: 51px;
    position: absolute;
    width: 1px;
    background-color: rgba(62, 139, 216, 0.3);
    left: -74px;
    top: -13px;
}

.filtre-ajmj-avance .inner-filtre .filtre-departement .select2-container--default .select2-selection--single {
    font-size: 14px;
    font-family: "Roboto", sans-serif;
    color: rgba(0, 0, 0, 0.4);
    border: 0;
}

.filtre-ajmj-avance .inner-filtre .filtre-departement .select2-container {
    width: 100% !important;
}

.filtre-ajmj-avance .inner-filtre .select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: rgba(0, 0, 0, 0.4);
    font-size: 14px;
    font-family: "Roboto", sans-serif;
}

.filtre-ajmj-avance .inner-filtre .select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: 0;
    border-width: 0;
}

.filtre-ajmj-avance .inner-filtre .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: auto;
    top: 44%;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    transform: translateY(-50%);
}

.filtre-ajmj-avance .inner-filtre .select2-container--default .select2-selection--single .select2-selection__arrow:after {
    content: "";
    background: url(images/arrow-select.svg);
    width: 10px;
    height: 5.7px;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    position: absolute;
    right: 20px;
}

.filtre-ajmj-avance .inner-filtre .select2-container--open .select2-selection__arrow:after {
    transform: scaleY(-1) !important;
}

.filtre-ajmj-avance .recherche-avance {
    z-index: 1;
    display: none;
    background-color: #fff;
    position: absolute;
    width: 962px;
    left: 0;
    top: 98px;
    padding-top: 42px;
    padding-bottom: 30px;
    z-index: 9;
}

.filtre-ajmj-avance .recherche-avance .top-rech {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    max-width: 88%;
    margin: auto;
    align-items: center;
}

.filtre-ajmj-avance .recherche-avance .top-rech .fermer-rech-avance {
    cursor: pointer;
    margin-left: auto;
    color: #244780;
    font-weight: 500;
    font-family: "Roboto", sans-serif;
    padding-right: 40px;
    position: relative;
}

.filtre-ajmj-avance .recherche-avance .top-rech .fermer-rech-avance:after {
    content: "";
    width: 12.74px;
    height: 12.74px;
    background: url(images/close-search.svg);
    position: absolute;
    top: 3px;
    right: 0;
}

.filtre-ajmj-avance .recherche-avance .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 47px;
    padding-left: 14px;
    color: rgba(0, 0, 0, 0.4);
}

.filtre-ajmj-avance .recherche-avance .inner-recherche-avance {
    max-width: 88%;
    margin: auto;
    padding-top: 20px;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    position: relative;
    left: 19px;
}

.filtre-ajmj-avance .recherche-avance .inner-recherche-avance .select2-container {
    width: 405px !important;
}

.filtre-ajmj-avance .recherche-avance h6 {
    padding-left: 18px;
    color: #244781;
    font-size: 28px;
    font-weight: 500;
    font-family: "DM Sans", sans-serif;
}

.filtre-ajmj-avance .recherche-avance .dropdown-filtre {
    margin-bottom: 18px;
    flex: 50%;
}

.filtre-ajmj-avance .recherche-avance .select2-container--default .select2-selection--single {
    border: 1px solid rgba(62, 139, 216, 0.3);
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    height: 50px;
    font-size: 14px;
    font-family: "Roboto", sans-serif;
    color: rgba(0, 0, 0, 0.4);
}

.filtre-ajmj-avance .recherche-avance .recherche-action {
    max-width: 88%;
    margin: auto;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
}

.filtre-ajmj-avance .recherche-avance .recherche-action .effacer {
    padding-left: 20px;
    cursor: pointer;
    font-size: 14px;
    color: rgba(36, 71, 128, 0.5);
    font-family: "Roboto", sans-serif;
}

.filtre-ajmj-avance .recherche-avance .recherche-action .rechercher {
    cursor: pointer;
    width: 180px;
    height: 50px;
    line-height: 50px;
    margin-left: auto;
}

.filtre-ajmj-avance .filtre-departement {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-left: auto;
    column-gap: 30px;
}

.filtre-ajmj-avance .filtre-departement .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: rgba(0, 0, 0, 0.4);
}

.more-filtre-rech-avance {
    cursor: pointer;
    color: #3e8bd8;
    font-size: 14px;
    font-family: "Roboto", sans-serif;
    left: 120px;
    position: relative;
    top: 38px;
    display: inline;
    z-index: 1;
}

footer {
    padding-top: 95px;
    background-color: #fff;
}

footer .footer-container {
    width: 1215px;
    max-width: 100%;
    padding: 0 20px;
    margin: 0 auto;
}

footer .footer-content {
    gap: 107px;
    display: flex;
    flex-direction: column;
    padding-bottom: 70px;
}

footer .footer-content .item:first-child {
    width: 180px;
}

footer .footer-content .item:nth-child(2) {
    width: 145px;
}

footer .footer-content .item:nth-child(3) {
    width: 203px;
}

footer .footer-content .item:last-child {
    width: 337px;
}

footer .footer-menu {
    display: flex;
    justify-content: space-between;
}

footer .footer-menu .item h4 {
    font-family: "DM Sans", sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 30px;
    color: #dd181e;
    margin-bottom: 40px;
    /*85px*/
}

footer .footer-menu .item ul li {
    margin-bottom: 35px;
}

footer .footer-menu .item ul li:last-child {
    margin-bottom: 0;
}

footer .footer-menu .item ul li a {
    font-family: "Roboto", sans-serif;
    font-weight: 700;
    font-size: 16px;
    line-height: 26px;
    letter-spacing: 0.08em;
    color: #244781;
}

footer .footer-info {
    display: flex;
    justify-content: space-between;
    border-top: 1px solid #244781;
    padding-top: 50px;
}

footer .footer-info .item .titreFooter {
    position: absolute;
    top: 0;
    width: 458px;
    font-weight: bold;
    font-size: 16px;
    letter-spacing: 0.08em;
    line-height: 24px;
    color: #244781;
}

footer .footer-info .item {
    position: relative;
}

footer .footer-info .item:nth-child(3),
footer .footer-info .item:nth-child(4) {
    padding-top: 70px;
}

footer .footer-info .item:last-child ul:first-of-type {
    margin-bottom: 26px;
}

footer .footer-info .item:not(:first-child) {
    display: flex;
    flex-direction: column;
    /*     justify-content: space-between; */
}

footer .footer-info .item .link-page {
    width: 172px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    background-color: #e8ecf2;
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-size: 12px;
    letter-spacing: 0.08em;
    color: #244781;
}

footer .footer-info .item .link-page.btn-gradient {
    width: 118px;
    border-radius: 25px;
    padding: 15px 35px;
    border-color: transparent;
    background: #244781;
    background: linear-gradient(90deg, #244781 0%, #d36566 100%);
    color: white;
    font-weight: 700;
    margin-bottom: 18px;
}

footer .footer-info .item ul li {
    margin-bottom: 8px;
}

footer .footer-info .item ul li:last-child {
    margin-bottom: 0;
}

footer .footer-info .item ul li a {
    font-family: "Roboto", sans-serif;
    font-weight: 300;
    font-size: 14px;
    line-height: 30px;
    color: #244781;
}

footer .footer-info .item ul.social-media {
    display: flex;
    align-items: flex-end;
    gap: 20px;
    margin-top: 26px;
}

footer .footer-info .item ul.social-media li {
    width: 44px;
    height: 44px;
    background-color: #e8ecf2;
    border-radius: 50%;
    margin: 0;
}

footer .footer-info .item ul.social-media li a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}

footer .footer-info .item ul.contact-numbers li {
    margin-bottom: 25px;
}

footer .footer-info .item ul.contact-numbers li:last-child {
    margin-bottom: 0;
}

footer .footer-info .item ul.contact-numbers li a {
    font-weight: 700;
    font-size: 16px;
    line-height: 16px;
    color: #244781;
}

footer .footer-copyright {
    display: flex;
    justify-content: space-between;
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 30px;
    color: #bdc7d9;
    position: relative;
}

footer .footer-copyright::after {
    content: "";
    position: absolute;
    width: calc(100% - 300px);
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    right: 0;
    margin: 0 auto;
    height: 1px;
    background-color: #d4dcec;
}

footer .footer-copyright a,
footer .footer-copyright span {
    color: #bdc7d9;
    width: 130px;
}

.notre-metier-prim {
    width: 100%;
    background-color: #f7f9fb;
    display: flex;
    flex-direction: column;
    padding-top: 160px;
    min-height: 100vh;
}

.notre-metier-prim .container .content {
    margin-top: 76px;
    padding-bottom: 130px;
    max-width: 980px;
    margin: 0 auto;
}

.notre-metier-prim .container .content .content-title {
    font-family: "DM Sans";
    font-weight: bold;
    font-size: 55px;
    line-height: 65px;
    text-align: left;
    color: #244780;
    margin-bottom: 20px;
}

.notre-metier-prim .container .content .content-text {
    position: relative;
}

.notre-metier-prim .container .content .content-text::after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 168px 338px 0;
    border-color: transparent #ffffff transparent transparent;
    bottom: -70px;
    right: -50px;
}

.notre-metier-prim .container .content .content-text p {
    font-family: "Roboto";
    font-weight: normal;
    font-size: 16px;
    letter-spacing: -0.02em;
    line-height: 24px;
    text-align: left;
    color: #244781;
    margin-bottom: 20px;
    max-width: 820px;
    z-index: 14;
    position: relative;
}

.notre-metier-prim .breadcrumbs {
    z-index: 4;
    padding-bottom: 75px;
}

.notre-metier-prim .breadcrumbs a {
    color: #244780;
    opacity: 0.5;
    font-size: 14px;
    font-family: "DM Sans", sans-serif;
}

.notre-metier-second {
    width: 100%;
    background-color: #3363b5;
    padding-top: 115px;
    padding-bottom: 90px;
    position: relative;
    overflow: hidden;
}

.notre-metier-second::after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 812px 409px;
    border-color: transparent transparent #024578 transparent;
    position: absolute;
    bottom: 0;
    right: 0;
}

.notre-metier-second .container {
    position: relative;
    z-index: 2;
}

.notre-metier-second .container .content {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-row-gap: 35px;
    grid-column-gap: 90px;
    max-width: 980px;
    margin: 0 auto;
}

.notre-metier-second .container .content .item {
    display: flex;
    flex-direction: column;
    row-gap: 25px;
}

.notre-metier-second .container .content .item h3 {
    font-family: "DM Sans";
    font-weight: bold;
    font-size: 55px;
    line-height: 60px;
    text-align: left;
    color: #3e8bd8;
}

.notre-metier-second .container .content .item .the-number {
    font-family: "DM Sans";
    font-weight: 500;
    font-size: 55px;
    line-height: 60px;
    text-align: left;
    color: #fff;
}

.notre-metier-second .container .content .item .the-impact {
    font-family: Roboto;
    font-weight: normal;
    font-size: 18px;
    letter-spacing: -0.02em;
    line-height: 28px;
    text-align: left;
    color: #fff;
    max-width: 260px;
}

.notre-metier-second .container .content .item:first-of-type {
    grid-column-start: 1;
    grid-column-end: 3;
}

.notre-metier-second .container .content .item:nth-of-type(6) {
    grid-column-start: 2;
}

.notre-metier-second .container .content .item:first-of-type,
.notre-metier-second .container .content .item:nth-of-type(2) {
    margin-bottom: 50px;
}

.nos-actus-histo {
    position: relative;
    width: 100%;
    padding-top: 120px;
}

.nos-actus-histo::after {
    content: "";
    width: 571px;
    height: 765px;
    border-radius: 285.5px 285.5px 2.28px 2.28px;
    background: linear-gradient(#f0f3f8 0%, #fff 100%);
    position: absolute;
    top: 0;
    left: 50px;
    transform: rotate(180deg);
    z-index: 0;
}

.nos-actus-histo .container {
    position: relative;
    z-index: 2;
}

.nos-actus-histo .container .content {
    max-width: 980px;
    margin: 0 auto;
}

.nos-actus-histo .container .content .top {
    display: flex;
    justify-content: space-between;
}

.nos-actus-histo .container .content .top .top-histo-title {
    font-family: "DM Sans";
    font-weight: bold;
    font-size: 40px;
    line-height: 50px;
    text-align: left;
    color: #244780;
}

.nos-actus-histo .container .content .top .histo-cta {
    font-family: Roboto;
    font-weight: normal;
    font-size: 14px;
    text-align: center;
    color: #fff;
    width: 180px;
    background: #ab1418;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px 4px 20px 4px;
}

.nos-actus-histo .container .content .middle {
    padding-top: 46px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    justify-content: space-between;
    column-gap: 65px;
}

.nos-actus-histo .container .content .middle .other-actu-box {
    padding-top: 37px;
    padding-bottom: 20px;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    position: relative;
}

.nos-actus-histo .container .content .middle .other-actu-box::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 1px;
    width: 100%;
    background-color: #e2e7f1;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

.nos-actus-histo .container .content .middle .other-actu-box::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    height: 1px;
    width: 100%;
    background-color: #dd181e;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    opacity: 0;
    visibility: hidden;
}

.nos-actus-histo .container .content .middle .other-actu-box:hover::after {
    background-color: #dd181e;
}

.nos-actus-histo .container .content .middle .other-actu-box:hover::before {
    opacity: 1;
    visibility: visible;
}

.nos-actus-histo .container .content .middle .other-actu-box:hover .date-cate .the-date {
    color: #dd181e;
}

.nos-actus-histo .container .content .middle .other-actu-box:hover .date-cate .the-cat {
    background-color: #dd181e;
}

.nos-actus-histo .container .content .middle .other-actu-box:hover .read-cta span,
.nos-actus-histo .container .content .middle .other-actu-box:hover .read-cta svg {
    visibility: visible;
    opacity: 1;
}

.nos-actus-histo .container .content .middle .other-actu-box .date-cate {
    display: flex;
    justify-content: space-between;
}

.nos-actus-histo .container .content .middle .other-actu-box .date-cate .the-date {
    font-family: Roboto;
    font-weight: normal;
    font-size: 14px;
    line-height: 24px;
    text-align: left;
    color: #7087ba;
    opacity: 1;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

.nos-actus-histo .container .content .middle .other-actu-box .date-cate .the-cat {
    font-family: Roboto;
    font-weight: normal;
    font-size: 10px;
    line-height: 50px;
    text-align: center;
    color: #f0f3f8;
    width: 104px;
    height: 20px;
    display: flex;
    background-color: #7087ba;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

.nos-actus-histo .container .content .middle .other-actu-box h5 {
    font-family: "DM Sans";
    font-weight: bold;
    font-size: 18px;
    line-height: 28px;
    text-align: left;
    color: #244781;
    margin-top: 21px;
    margin-bottom: 55px;
}

.nos-actus-histo .container .content .middle .other-actu-box .read-cta {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    max-width: 110px;
}

.nos-actus-histo .container .content .middle .other-actu-box .read-cta span {
    font-family: Roboto;
    font-weight: normal;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 0.08em;
    text-align: left;
    color: #dd181e;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

.nos-actus-histo .container .content .middle .other-actu-box .read-cta svg {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

.nos-actus-histo .container .bottom {
    position: relative;
    box-shadow: 0px 33px 99px rgba(52, 99, 181, 0.5);
    padding-bottom: 50px;
}

.nos-actus-histo .container .bottom img.pattern {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    pointer-events: none;
}

.nos-actus-histo .container .bottom .engagement-content {
    margin-top: 100px;
    width: 100%;
    padding-top: 72px;
    position: relative;
    z-index: 5;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.nos-actus-histo .container .bottom .engagement-content h4 {
    font-family: "DM Sans";
    font-weight: 500;
    font-size: 32px;
    line-height: 42px;
    text-align: center;
    color: #fff;
    max-width: 728px;
    margin: 31px 0;
}

.event-single-prim {
    width: 100%;
    position: relative;
    background: url(../images/event-sback.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    flex-direction: column;
    padding-top: 160px;
}

.event-single-prim .container .content {
    position: relative;
    padding-bottom: 50px;
    max-width: 980px;
    margin: 0 auto;
}

.event-single-prim .container .content .event-article {
    position: relative;
}

.event-single-prim .container .content .event-article svg {
    position: absolute;
    left: -140px;
    top: 10px;
}

.event-single-prim .container .content .event-article .event-categ {
    font-family: Roboto;
    font-weight: bold;
    font-size: 20px;
    line-height: 30px;
    text-align: left;
    color: #3e8bd8;
}

.event-single-prim .container .content .event-article .event-title {
    font-family: "DM Sans";
    font-weight: bold;
    font-size: 55px;
    line-height: 60px;
    text-align: left;
    color: #fff;
    margin-bottom: 32px;
    margin-top: 38px;
    max-width: 793px;
}

.event-single-prim .container .content .event-article .event-date {
    font-family: Roboto;
    font-weight: 500;
    font-size: 26px;
    line-height: 30px;
    text-align: left;
    color: #fff;
    display: block;
    margin-bottom: 60px;
}

.event-single-prim .container .content .event-article a,
.event-single-prim .container .content .event-article p {
    font-family: Roboto;
    font-weight: normal;
    font-size: 18px;
    letter-spacing: -0.02em;
    line-height: 30px;
    text-align: left;
    color: #fff;
    margin-bottom: 44px;
    max-width: 474px;
}

.event-single-prim .container .content .event-article .event-cta {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 288px;
    height: 70px;
    width: 288px;
    border-radius: 4px 4px 20px 4px;
    background: #ab1418;
}

.event-single-prim .container .content .event-article .event-cta span {
    font-family: Roboto;
    font-weight: normal;
    font-size: 14px;
    text-align: center;
    color: #fff;
}

.event-single-prim .container .content .info-pratiques {
    width: 376px;
    height: 470.92px;
    position: absolute;
    right: 0;
    bottom: -212px;
    padding-left: 30px;
    padding-top: 37px;
    padding-right: 15px;
    z-index: 4;
    box-shadow: 0px 30px 80px rgba(5, 19, 43, 0.2);
}

.event-single-prim .container .content .info-pratiques::after {
    content: "";
    background: url(../images/info-pratique-back02.svg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: -1;
}

.event-single-prim .container .content .info-pratiques h4 {
    font-family: Roboto;
    font-weight: 300;
    font-size: 24px;
    letter-spacing: -0.02em;
    line-height: 24px;
    text-align: left;
    color: #fff;
    margin-bottom: 36px;
}

.event-single-prim .container .content .info-pratiques .sub-info {
    font-family: Roboto;
    font-weight: bold;
    font-size: 16px;
    letter-spacing: -0.02em;
    line-height: 24px;
    text-align: left;
    color: #fff;
    margin-bottom: 8px;
    display: block;
}

.event-single-prim .container .content .info-pratiques .info-date {
    margin-bottom: 16px;
}

.event-single-prim .container .content .info-pratiques .info-date p {
    font-family: Roboto;
    font-weight: normal;
    font-size: 16px;
    letter-spacing: -0.02em;
    line-height: 24px;
    text-align: left;
    color: #fff;
}

.event-single-prim .container .content .info-pratiques .info-place {
    margin-bottom: 20px;
}

.event-single-prim .container .content .info-pratiques .info-place a {
    font-family: Roboto;
    font-weight: normal;
    font-size: 16px;
    letter-spacing: -0.02em;
    line-height: 24px;
    text-align: left;
    color: #fff;
    max-width: 303px;
}

.event-single-prim .container .content .info-pratiques .info-tarifs {
    margin-bottom: 16px;
}

.event-single-prim .container .content .info-pratiques .info-tarifs ul {
    list-style: none;
}

.event-single-prim .container .content .info-pratiques .info-tarifs ul li {
    font-family: Roboto;
    font-weight: normal;
    font-size: 16px;
    letter-spacing: -0.02em;
    line-height: 24px;
    text-align: left;
    color: #fff;
}

.event-single-prim .container .content .info-pratiques .info-cta-participate {
    width: 274px;
    height: 70px;
    border-radius: 4px 4px 20px 4px;
    background: #ab1418;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.event-single-prim .container .content .info-pratiques .info-cta-participate span {
    font-family: Roboto;
    font-weight: normal;
    font-size: 14px;
    text-align: center;
    color: #fff;
    display: block;
}

.event-single-prim .breadcrumbs {
    z-index: 4;
    padding-bottom: 70px;
}

.event-single-second {
    width: 100%;
    position: relative;
    background: #fafbfd;
}

.event-single-second .container .content {
    position: relative;
    padding-bottom: 120px;
    max-width: 980px;
    margin: 0 auto;
}

.event-single-second .container .content .top {
    padding-top: 180px;
}

.event-single-second .container .content .top h3 {
    font-family: "DM Sans";
    font-weight: bold;
    font-size: 40px;
    line-height: 50px;
    text-align: left;
    color: #dd181e;
    padding-bottom: 57px;
}

.event-single-second .container .content .top .atelier-progs {
    display: flex;
    flex-direction: column;
}

.event-single-second .container .content .top .atelier-progs .hiddenStyle {
    position: absolute;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
}

.event-single-second .container .content .top .atelier-progs .atelier-prog {
    display: flex;
    border-top: 1px solid #d9dfeb;
    padding-top: 35px;
    padding-bottom: 40px;
}

.event-single-second .container .content .top .atelier-progs .atelier-prog.showingFade {
    animation: showIng 0.5s ease 0s 1 normal forwards;
    transform-origin: center;
}

.event-single-second .container .content .top .atelier-progs .atelier-prog .atelier-name span {
    font-family: Roboto;
    font-weight: normal;
    font-size: 14px;
    line-height: 34px;
    text-align: left;
    color: #dd181e;
    display: flex;
    width: 82px;
}

.event-single-second .container .content .top .atelier-progs .atelier-prog .atelier-title span {
    font-family: "DM Sans";
    font-weight: bold;
    font-size: 20px;
    line-height: 30px;
    text-align: left;
    color: #244780;
    display: flex;
    width: 376px;
}

.event-single-second .container .content .top .atelier-progs .atelier-prog .atelier-interv {
    display: flex;
}

.event-single-second .container .content .top .atelier-progs .atelier-prog .atelier-interv span {
    font-family: Roboto;
    font-weight: normal;
    font-size: 14px;
    line-height: 24px;
    text-align: left;
    color: #dd181e;
    display: flex;
    margin: 0 16px;
}

.event-single-second .container .content .top .atelier-progs .atelier-prog .atelier-interv .interv-nm {
    max-width: 280px;
}

.event-single-second .container .content .top .atelier-progs .atelier-prog .atelier-interv .interv-nm ul {
    list-style: none;
}

.event-single-second .container .content .top .atelier-progs .atelier-prog .atelier-interv .interv-nm ul li {
    padding-bottom: 10px;
}

.event-single-second .container .content .top .atelier-progs .atelier-prog .atelier-interv .interv-nm ul li:last-child {
    padding-bottom: 0;
}

.event-single-second .container .content .top .atelier-progs .atelier-prog .atelier-interv .interv-nm ul li span.interv-name {
    font-family: "DM Sans";
    font-weight: bold;
    font-size: 14px;
    line-height: 26px;
    text-align: left;
    color: #244780;
}

.event-single-second .container .content .top .atelier-progs .atelier-prog .atelier-interv .interv-nm ul li span.interv-status {
    font-family: "DM Sans";
    font-weight: normal;
    font-size: 12px;
    line-height: 24px;
    text-align: left;
    color: #244780;
}

.event-single-second .container .content .top .atelier-progs .btn-load {
    width: 216px;
    height: 50px;
    border-radius: 4px 4px 20px 4px;
    background: #dd181e;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    border: none;
    outline: none;
    align-self: center;
    margin-top: 50px;
    cursor: pointer;
}

.event-single-second .container .content .top .atelier-progs .btn-load:focus,
.event-single-second .container .content .top .atelier-progs .btn-load:focus-within {
    border: none;
    outline: none;
}

@keyframes showIng {
    0% {
        transform: scale(0);
        opacity: 0;
    }

    100% {
        transform: scale(1);
        opacity: 1;
    }
}

@-webkit-keyframes fade {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes fade {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.article-dedie-section {
    background: linear-gradient(29deg, #f0f3f8 0%, #fff 100%);
    display: flex;
    flex-direction: column;
    padding-top: 160px;
    padding-bottom: 60px;
    position: relative;
    overflow: hidden;
}

.article-dedie-section .breadcrumbs {
    z-index: 4;
    padding: 0 20px;
}

.article-dedie-section::before {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    width: 0;
    height: 0;
    border-style: solid;
    z-index: 4;
    border-width: 0 0 820px 410px;
    border-color: transparent transparent #f7f9fb transparent;
    pointer-events: none;
}

.article-dedie-section .container {
    position: relative;
    margin-top: 56px;
}

.article-dedie-section .container .first-section-background-container {
    position: absolute;
    right: 0;
    top: -32px;
    z-index: 1;
}

.article-dedie-section .container .first-section-background-container::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    background: linear-gradient(0deg, rgba(255, 255, 255, 0.6) 0%, rgba(255, 255, 255, 0.6) 77%, rgba(255, 255, 255, 0) 100%);
    width: 100%;
    height: 300px;
}

.article-dedie-section .container .section-content {
    position: relative;
    max-width: 964px;
    margin: 0 auto;
    z-index: 2;
}

.article-dedie-section .container .section-content .top {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.article-dedie-section .container .section-content .top .left {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.article-dedie-section .container .section-content .top .left h2 {
    font-family: "Roboto", sans-serif;
    font-weight: 700;
    font-size: 20px;
    line-height: 30px;
    text-align: left;
    color: #dd181e;
}

.article-dedie-section .container .section-content .top .left h1 {
    font-family: "DM Sans";
    font-weight: bold;
    font-size: 40px;
    line-height: 50px;
    text-align: left;
    color: #244780;
    margin-top: 35px;
}

.article-dedie-section .container .section-content .top .left .info {
    margin-top: 42px;
    display: flex;
    align-items: center;
    gap: 40px;
}

.article-dedie-section .container .section-content .top .left .info .info-date span {
    font-family: "Roboto", sans-serif;
    font-weight: 300;
    font-size: 14px;
    line-height: 24px;
    text-align: left;
    color: #244780;
}

.article-dedie-section .container .section-content .top .left .info .info-date span:first-child {
    font-weight: 500;
    margin-right: 6px;
}

.article-dedie-section .container .section-content .top .left .info .info-author .info-auth-lk {
    font-family: "Roboto", sans-serif;
    font-weight: 300;
    font-size: 14px;
    line-height: 24px;
    text-align: left;
    color: #244780;
    text-decoration: none;
}

.article-dedie-section .container .section-content .top .left .info .info-author span {
    font-family: "Roboto", sans-serif;
    font-weight: 300;
    font-size: 14px;
    line-height: 24px;
    text-align: left;
    color: #244780;
}

.article-dedie-section .container .section-content .top .left .info .info-author span:first-child {
    font-weight: 500;
    margin-right: 6px;
}

.article-dedie-section .container .section-content .top .left .info .social-media {
    display: flex;
    align-items: center;
    gap: 23px;
}

.article-dedie-section .container .section-content .top .left .info .social-media a {
    background-color: rgba(36, 71, 128, 0.5);
    border-radius: 100%;
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.article-dedie-section .container .section-content .top .left .info .right {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: flex-end;
    margin-left: auto;
}

.article-dedie-section .container .section-content .top .left .info .right .page-switchs {
    display: flex;
}

.article-dedie-section .container .section-content .top .left .info .right .page-switchs a {
    display: flex;
    width: 50px;
    height: 50px;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    border: 1px solid #3463b5;
    background-color: transparent;
}

.article-dedie-section .container .section-content .top .left .info .right .page-switchs a:last-child {
    margin-left: 16px;
}

.article-dedie-section .container .section-content .top .left .info .right .page-switchs a:hover {
    background-color: #e9edf5;
    border: 1px solid #e9edf5;
}

.article-dedie-section .container .section-content .top .left .info .right #download-btn {
    background-color: #dd181e;
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-size: 14px;
    text-align: center;
    color: #fff;
    padding: 16px 21px;
    border-radius: 4px 4px 20px 4px;
    margin-top: 88px;
}

.article-dedie-section .container .section-content .content {
    margin: 39px 0 96px 0;
}

.article-dedie-section .container .section-content .content .chapo {
    margin-bottom: 49px;
}

.article-dedie-section .container .section-content .content .chapo p {
    font-family: "DM Sans", sans-serif;
    font-weight: 700;
    font-size: 20px;
    letter-spacing: -0.02em;
    line-height: 30px;
    text-align: left;
    color: #ab1418;
    margin-bottom: 49px;
}

.sgl-cat-flash-info .article-dedie-section .container .section-content .content p {
    margin-bottom: 20px;
}

.article-dedie-section .container .section-content .content p {
    margin-bottom: 37px;
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-size: 16px;
    letter-spacing: -0.02em;
    line-height: 24px;
    text-align: left;
    color: #244780;
    max-width: 964px;
}

.article-dedie-section .container .section-content .content p:last-child {
    margin: 0;
}

.article-dedie-section .container .section-content .content h4 {
    font-family: Roboto;
    font-weight: bold;
    font-size: 18px;
    letter-spacing: -0.02em;
    line-height: 24px;
    text-align: left;
    color: #244780;
    margin-bottom: 30px;
}

.article-dedie-section .container .section-content .content ul {
    max-width: 964px;
    margin-left: 32px;
}

.article-dedie-section .container .section-content .content ul li {
    margin-bottom: 20px;
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-size: 16px;
    letter-spacing: -0.02em;
    line-height: 24px;
    text-align: left;
    color: #244780;
    padding-left: 35px;
    position: relative;
}

.article-dedie-section .container .section-content .content ul li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 11px;
    width: 4px;
    height: 4px;
    background-color: #244780;
    border-radius: 100%;
}

.article-dedie-section .container .second-section-background-container {
    position: absolute;
    left: 0;
    bottom: 130px;
    z-index: 1;
}

.article-dedie-section .others-actu {
    padding: 0 20px;
    max-width: 964px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    justify-content: space-between;
    column-gap: 65px;
    position: relative;
    z-index: 4;
}

.article-dedie-section .others-actu .other-actu-box {
    padding-top: 24px;
    padding-bottom: 20px;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    position: relative;
    height: 245px;
}

.article-dedie-section .others-actu .other-actu-box::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 1px;
    width: 100%;
    background-color: #e2e7f1;
}

.article-dedie-section .others-actu .other-actu-box::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    height: 1px;
    width: 100%;
    background-color: #dd181e;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    opacity: 0;
    visibility: hidden;
}

.article-dedie-section .others-actu .other-actu-box:hover::after {
    background-color: #dd181e;
}

.article-dedie-section .others-actu .other-actu-box:hover::before {
    opacity: 1;
    visibility: visible;
}

.article-dedie-section .others-actu .other-actu-box:hover .date-cate .the-date {
    color: #dd181e;
}

.article-dedie-section .others-actu .other-actu-box:hover .date-cate .the-cat {
    background-color: #dd181e;
}

.article-dedie-section .others-actu .other-actu-box:hover .read-cta span,
.article-dedie-section .others-actu .other-actu-box:hover .read-cta svg {
    visibility: visible;
    opacity: 1;
}


/* Start Auther Actu For Ecoutes Posts  */

body.single-ecoute .others-actu .other-actu-box {
    height: auto;
}

body.single-ecoute .others-actu .other-actu-box .image {
    position: relative;
    margin-bottom: 25px;
}

body.single-ecoute .others-actu .other-actu-box .image::after {
    content: "";
    position: absolute;
    inset: 0;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(30%, #24478000), to(#244780));
    background: linear-gradient(180deg, #24478000 30%, #244780 100%);
}

body.single-ecoute .others-actu .other-actu-box .image img {
    max-width: 100%;
}

body.single-ecoute .others-actu .other-actu-box::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 1px;
    width: 100%;
    background-color: transparent;
}

body.single-ecoute .others-actu .other-actu-box:hover::after {
    background-color: transparent;
}

body.single-ecoute .others-actu .other-actu-box:hover .read-cta span {
    color: #dd181e;
}

body.single-ecoute .others-actu .other-actu-box:hover .read-cta svg path {
    stroke: #dd181e;
}

body.single-ecoute .others-actu .other-actu-box .read-cta span {
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 0.08em;
    color: #244781;
    -webkit-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
    visibility: visible;
    opacity: 1;
}

body.single-ecoute .others-actu .other-actu-box .read-cta svg path {
    stroke: #244781;
    -webkit-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
    visibility: visible;
    opacity: 1;
}

body.single-ecoute .others-actu {
    -webkit-column-gap: 15px;
    column-gap: 15px;
}


/* End Auther Actu For Ecoutes Posts  */

.article-dedie-section .others-actu .other-actu-box .date-cate {
    display: flex;
    justify-content: space-between;
}

.article-dedie-section .others-actu .other-actu-box .date-cate .the-date {
    font-family: Roboto;
    font-weight: normal;
    font-size: 14px;
    line-height: 24px;
    text-align: left;
    color: #7087ba;
    opacity: 1;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

.article-dedie-section .others-actu .other-actu-box .date-cate .the-cat {
    font-family: Roboto;
    font-weight: normal;
    font-size: 10px;
    line-height: 50px;
    text-align: center;
    color: #f0f3f8;
    width: 104px;
    height: 20px;
    display: flex;
    background-color: #7087ba;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

.article-dedie-section .others-actu .other-actu-box h5 {
    font-family: "DM Sans";
    font-weight: bold;
    font-size: 18px;
    line-height: 28px;
    text-align: left;
    color: #244781;
    margin-top: 21px;
    margin-bottom: 55px;
}

.article-dedie-section .others-actu .other-actu-box .read-cta {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    width: 110px;
    bottom: 18px;
    position: absolute;
}

.article-dedie-section .others-actu .other-actu-box .read-cta span {
    font-family: Roboto;
    font-weight: 700;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 0.08em;
    text-align: left;
    color: #dd181e;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

.article-dedie-section .others-actu .other-actu-box .read-cta svg {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

.agent-single-prim {
    width: 100%;
    position: relative;
    padding-bottom: 70px;
    background: #244780;
    flex-direction: column;
    padding-top: 160px;
}

.agent-single-prim::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    pointer-events: none;
    background: linear-gradient(313deg, rgba(36, 71, 128, 0.25) 0%, #1a2e50 100%);
    background: transparent linear-gradient(310deg, rgba(36, 71, 128, 0.25098) 0%, #1a2e50 100%) 0% 0% no-repeat padding-box;
}

.agent-single-prim .pattern-box {
    position: absolute;
    top: 0;
    right: 0;
    width: 535.16px;
    height: 800.5px;
    z-index: 1;
    overflow: hidden;
}

.agent-single-prim .pattern-box img.agent-pattern {
    width: 100%;
    z-index: 2;
}

.agent-single-prim .pattern-box::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #0000;
    opacity: 0.05;
}

.agent-single-prim .content {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    max-width: 965px;
    margin: 0 auto;
}

.agent-single-prim .content .top {
    position: relative;
    z-index: 1;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.agent-single-prim .content .top .agent-name h1 {
    font-family: "DM Sans";
    font-weight: bold;
    font-size: 55px;
    line-height: 60px;
    text-align: left;
    color: #fff;
}

.agent-single-prim .content .top .agent-name span {
    font-family: Roboto;
    font-weight: normal;
    font-size: 25px;
    line-height: 40px;
    text-align: left;
    color: #fff;
    display: block;
    margin-bottom: 30px;
    padding-top: 10px;
    text-transform: capitalize;
}

.agent-single-prim .content .top .cta-annuaire {
    font-family: Roboto;
    font-weight: normal;
    font-size: 14px;
    text-align: center;
    color: #fff;
    width: 180px;
    height: 50px;
    border-radius: 4px 4px 20px 4px;
    background: #3e8bd8;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none !important;
}

.agent-single-prim .content .bottom {
    margin-top: 180px;
    position: relative;
    z-index: 2;
    margin-bottom: -40px;
}

.agent-single-prim .content .bottom .pattern-one {
    position: absolute;
    left: -90px;
    top: -60px;
    width: 208px;
    height: 207px;
    background: #1d3c72;
    border-bottom-left-radius: 680px;
    border-bottom-right-radius: 680px;
    z-index: -1;
}

.agent-single-prim .content .bottom .pattern-two {
    position: absolute;
    right: -60px;
    top: -50px;
    z-index: -1;
}

.agent-single-prim .content .bottom .agent-content {
    column-count: 2;
    gap: 40px;
}

.agent-single-prim .content .bottom .agent-content p {
    font-family: Roboto;
    font-weight: normal;
    font-size: 16px;
    letter-spacing: -0.02em;
    line-height: 24px;
    text-align: left;
    color: #fff;
    margin-bottom: 16px;
    z-index: 2;
}

.agent-single-prim .content .bottom .agent-content li {
    font-family: Roboto;
    font-weight: normal;
    font-size: 16px;
    letter-spacing: -0.02em;
    line-height: 24px;
    text-align: left;
    color: #fff;
    margin-bottom: 16px;
}

.agent-single-prim .middle {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    gap: 86px;
    padding-top: 12px;
    position: relative;
    z-index: 1;
}

.agent-single-prim .middle:after {
    content: "";
    border-radius: 0 500px 500px 0;
    position: absolute;
    width: 1200px;
    height: 342px;
    bottom: -40px;
    left: 0;
    background: #fff;
    z-index: -1;
    width: calc(100% - ((100% - 964px) / 2));
}

.agent-single-prim .middle .the-picture {
    max-width: 335px;
    height: 450px;
    width: 100%;
    position: relative;
    -webkit-box-shadow: 0px 50px 40px #000c1f27;
    box-shadow: 0px 50px 40px #000c1f27;
}

.agent-single-prim .middle .the-picture img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 7;
}

.agent-single-prim .middle .the-picture::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: linear-gradient(rgba(36, 71, 128, 0.25) 0%, #1a2e50 100%);
    z-index: 0;
    opacity: 0.55;
}

.agent-single-prim .middle .the-info {
    /*     padding-top: 22px; */
    padding-left: 87px;
    position: relative;
    z-index: 1;
}

.agent-single-prim .middle .the-info .etudeLd {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    gap: 90px;
    margin-bottom: 40px;
}

.agent-single-prim .middle .the-info .etudeLd .agent-etude .etude-subname {
    text-transform: uppercase;
    font-family: Roboto;
    font-weight: bold;
    font-size: 18px;
    letter-spacing: 0.04em;
    line-height: initial;
    text-align: left;
    color: #3e8bd8;
}

.agent-single-prim .middle .the-info .etudeLd .agent-etude .etude-name {
    font-family: Roboto;
    font-weight: normal;
    font-size: 18px;
    letter-spacing: 0.04em;
    line-height: 30px;
    text-align: left;
    color: #fff;
    padding-bottom: 30px;
    padding-top: 5px;
}

.agent-single-prim .middle .the-info .etudeLd .agent-etude .etude-cta {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 150px;
}

.agent-single-prim .middle .the-info .etudeLd .agent-etude .etude-cta span {
    font-family: Roboto;
    font-weight: normal;
    font-size: 14px;
    letter-spacing: 0.08em;
    text-align: left;
    color: #fff;
    display: block;
}

.agent-single-prim .middle .the-info .etudeLd .cta-ld {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    align-self: flex-end;
}

.agent-single-prim .middle .the-info .etudeLd .cta-ld span {
    font-family: "DM Sans";
    font-weight: normal;
    font-size: 16px;
    line-height: 0;
    text-align: left;
    color: #fff;
    padding-left: 23px;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.agent-single-prim .middle .the-info .blue-text {
    font-family: Roboto;
    font-weight: normal;
    font-size: 16px;
    line-height: 28px;
    text-align: left;
    color: #244780;
    max-width: 300px;
}

.agent-single-prim .middle .the-info .the-address,
.agent-single-prim .middle .the-info .the-contact,
.agent-single-prim .middle .the-info .the-phone-o,
.agent-single-prim .middle .the-info .the-website {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    gap: 20px;
    align-items: baseline;
    margin-bottom: 16px;
}

.postid-3284 .agent-single-prim .middle:after {
    bottom: -10px;
}

.the-address {
    flex-wrap: wrap;
}

.the-address h2 {
    font-family: Roboto;
    font-weight: normal;
    font-size: 18px;
    letter-spacing: 0.04em;
    line-height: 60px;
    text-align: left;
    color: #ab1418;
    width: 100%;
}

.agent-single-prim .middle .the-info .the-website {
    align-items: center;
    margin-bottom: 0;
    margin-top: -25px;
}

.agent-single-prim .middle .the-info .the-website a,
.agent-single-prim .middle .the-info .the-website svg {
    margin-bottom: 23px;
    overflow-wrap: anywhere;
}

.agent-single-prim .middle .the-info .the-contact ul {
    list-style: none;
}

.agent-single-prim .middle .the-info .the-contact ul li {
    position: relative;
    margin-bottom: 26px;
}

.agent-single-prim .middle .the-info .the-contact ul li:first-of-type::after {
    content: "";
    position: absolute;
    width: 25px;
    height: 1px;
    background: #ab1418;
    left: 0;
    bottom: -14px;
    display: none;
}

.agent-single-prim .middle .the-info .the-phone-o.nomg {
    margin-bottom: 0;
}

.nos-actualites-prim {
    width: 100%;
    position: relative;
    display: flex;
    flex-direction: column;
    background: black;
    min-height: 800px;
}

.nos-actualites-prim::after {
    content: "";
    position: absolute;
    pointer-events: none;
    width: 100%;
    height: 100%;
    background: transparent linear-gradient(90deg, rgba(112, 141, 192, 0) 0%, #7087ba 100%) 0% 0% no-repeat padding-box;
    top: 0;
    left: 0;
    mix-blend-mode: multiply;
    display: none;
}

.nos-actualites-prim .breadcrumbs {
    padding-top: 160px;
    z-index: 4;
    position: absolute;
    left: 101px;
}

.nos-actualites-prim .slick-slider,
.nos-actualites-prim .slick-list,
.nos-actualites-prim .slick-track {
    height: 100%;
}

.nos-actualites-prim .synSlider.synSlider--single {
    height: 800px;
}

.nos-actualites-prim .synSlider.synSlider--single .synSlider__item {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.nos-actualites-prim .synSlider.synSlider--single .synSlider__item .item-content {
    max-width: 680px;
    left: 238px;
    display: flex;
    flex-direction: column;
    position: relative;
    margin-top: 245px;
}

.nos-actualites-prim .synSlider.synSlider--single .synSlider__item .item-content .sub-categ-actu span {
    font-family: Roboto;
    font-weight: bold;
    font-size: 20px;
    line-height: 30px;
    text-align: left;
    color: #f0f3f8;
}

.nos-actualites-prim .synSlider.synSlider--single .synSlider__item .item-content .date-actu {
    display: flex;
    gap: 5px;
}

.nos-actualites-prim .synSlider.synSlider--single .synSlider__item .item-content .date-actu span {
    display: flex;
}

.nos-actualites-prim .synSlider.synSlider--single .synSlider__item .item-content .date-actu span:first-of-type {
    font-family: Roboto;
    font-weight: 500;
    font-size: 14px;
    line-height: 60px;
    text-align: left;
    color: #fff;
}

.nos-actualites-prim .synSlider.synSlider--single .synSlider__item .item-content .date-actu span:last-of-type {
    font-family: Roboto;
    font-weight: 300;
    font-size: 14px;
    line-height: 60px;
    text-align: left;
    color: #fff;
}

.nos-actualites-prim .synSlider.synSlider--single .synSlider__item .item-content .title-actu {
    font-family: "DM Sans";
    font-weight: bold;
    font-size: 35px;
    line-height: 45px;
    text-align: left;
    color: #fff;
    margin-bottom: 35px;
    height: 140px;
    max-width: 620px;
}

.nos-actualites-prim .synSlider.synSlider--single .synSlider__item .item-content .nvOrRd {
    display: flex;
    gap: 40px;
}

.nos-actualites-prim .synSlider.synSlider--single .synSlider__item .item-content .nvOrRd .arrows {
    display: flex;
    gap: 16px;
}

.nos-actualites-prim .synSlider.synSlider--single .synSlider__item .item-content .nvOrRd .arrows button {
    outline: none;
    border: 1px solid #fff;
    background: transparent;
    height: 50px;
    width: 50px;
    border-radius: 50%;
    cursor: pointer;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

.nos-actualites-prim .synSlider.synSlider--single .synSlider__item .item-content .nvOrRd .arrows button svg g path {
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

.nos-actualites-prim .synSlider.synSlider--single .synSlider__item .item-content .nvOrRd .arrows button:focus {
    outline: none;
}

.nos-actualites-prim .synSlider.synSlider--single .synSlider__item .item-content .nvOrRd .arrows button:hover {
    background: #fff;
    border: none;
}

.nos-actualites-prim .synSlider.synSlider--single .synSlider__item .item-content .nvOrRd .arrows button:hover svg g path {
    stroke: #3463b5;
}

.nos-actualites-prim .synSlider.synSlider--single .synSlider__item .item-content .nvOrRd .read-moreAct {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 180px;
    height: 50px;
    border-radius: 4px 4px 20px 4px;
    background: #ab1418;
    position: relative;
}

.nos-actualites-prim .synSlider.synSlider--single .synSlider__item .item-content .nvOrRd .read-moreAct span {
    font-family: Roboto;
    font-weight: normal;
    font-size: 14px;
    text-align: center;
    color: #fff;
}

.nos-actualites-prim .synSlider.synSlider--nav {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    background: transparent;
    gap: 16px;
    max-width: calc(100% - 280px);
    width: 100%;
    height: 169px;
    z-index: 4;
    margin: 0 auto;
}

.nos-actualites-prim .synSlider.synSlider--nav .slick-track {
    display: flex;
    width: 100% !important;
    justify-content: space-between;
    gap: 16px;
}

.nos-actualites-prim .synSlider.synSlider--nav .slick-list {
    height: 169px;
    overflow: initial;
    width: 100%;
}

.nos-actualites-prim .synSlider.synSlider--nav .synSlider__item.nav {
    max-width: 378px !important;
    height: 169px;
    border-radius: 10px 10px 0px 0px;
    background: #f0f3f8;
    /*padding: 27px 50px 41px 30px;*/
    padding: 25px 30px;
    display: flex;
    gap: 12px;
    flex-direction: column;
    opacity: 0.5;
    cursor: pointer;
    transition: 0.2s ease-in-out;
}

.nos-actualites-prim .synSlider.synSlider--nav .synSlider__item.nav.is-active {
    opacity: 1;
}

.nos-actualites-prim .synSlider.synSlider--nav .synSlider__item.nav .date-actu .date-actu-dd {
    font-family: Roboto;
    font-weight: 300;
    font-size: 12px;
    line-height: 22px;
    text-align: left;
    color: #ab1418;
}

.nos-actualites-prim .synSlider.synSlider--nav .synSlider__item.nav .title-actu {
    width: 100%;
    font-family: "DM Sans";
    font-weight: bold;
    font-size: 16px;
    line-height: 26px;
    text-align: left;
    color: #244781;
}

.nos-actualites-prim .synSlider.synSlider--nav .synSlider__item.nav object {
    position: absolute;
    bottom: 25px;
    font-family: Roboto;
    font-weight: normal;
    font-size: 14px;
}

.page-template-actualites footer {
    padding-top: 0;
}

.nos-actualites-second {
    position: relative;
    width: 100%;
    background: #f0f3f8 0% 0% no-repeat padding-box;
    padding-top: 74px;
    padding-bottom: 100px;
}

.nos-actualites-second .container .content .actu-filtrage {
    width: 100%;
    height: 100px;
    background-color: #fff;
    border-radius: 4px;
    border: 1px solid rgba(62, 139, 216, 0.3);
    box-shadow: 0px 50px 40px rgba(0, 12, 31, 0.15);
    padding-top: 40px;
    padding-bottom: 40px;
    padding-left: 57px;
    padding-right: 56px;
    /* max-width: 1078px; */
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content: space-between;
    margin-bottom: 69px;
}

.nos-actualites-second .container .content .actu-filtrage .news-filters {
    display: flex;
    flex-direction: row;
}

.nos-actualites-second .container .content .actu-filtrage .news-filters ul {
    display: flex;
    list-style: none;
    column-gap: 30px;
}

.nos-actualites-second .container .content .actu-filtrage .news-filters ul li {
    font-family: Roboto;
    font-weight: normal;
    font-size: 14px;
    text-align: left;
    color: #244781;
    cursor: pointer;
}

.nos-actualites-second .container .content .actu-filtrage .news-filters ul li.active {
    color: #dd181e;
    pointer-events: none;
}

.nos-actualites-second .container .content .actu-filtrage .news-search {
    display: flex;
    position: relative;
    align-items: center;
    width: 112px;
}

.nos-actualites-second .container .content .actu-filtrage .news-search form {
    width: 100%;
}

.nos-actualites-second .container .content .actu-filtrage .news-search input#searchinput {
    border: none;
    outline: none;
    font-family: Roboto;
    font-weight: normal;
    font-size: 14px;
    text-align: left;
    color: #244781;
    opacity: 0.5;
    width: 100%;
    padding-right: 15px;
}

.nos-actualites-second .container .content .actu-filtrage .news-search input#searchinput:focus,
.nos-actualites-second .container .content .actu-filtrage .news-search input#searchinput:valid {
    opacity: 1;
}

.nos-actualites-second .container .content .actu-filtrage .news-search svg {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
}

.nos-actualites-second .container .content .middle {
    max-width: 964px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    justify-content: space-between;
    column-gap: 65px;
    margin: 0 auto;
    row-gap: 14px;
}

.nos-actualites-second .container .content .middle .other-actu-box {
    padding-top: 24px;
    padding-bottom: 20px;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    position: relative;
    height: 245px;
}

.nos-actualites-second .container .content .middle .other-actu-box::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 1px;
    width: 100%;
    background-color: #e2e7f1;
}

.nos-actualites-second .container .content .middle .other-actu-box::before {
    content: "";
    position: absolute;
    bottom: -1px;
    z-index: 4;
    left: 0;
    height: 1px;
    width: 100%;
    background-color: #dd181e;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    opacity: 0;
    visibility: hidden;
}

.nos-actualites-second .container .content .middle .other-actu-box:hover::after {
    background-color: #dd181e;
}

.nos-actualites-second .container .content .middle .other-actu-box:hover::before {
    opacity: 1;
    visibility: visible;
}

.nos-actualites-second .container .content .middle .other-actu-box:hover .date-cate .the-date {
    color: #dd181e;
}

.nos-actualites-second .container .content .middle .other-actu-box:hover .date-cate .the-cat {
    background-color: #dd181e;
}

.nos-actualites-second .container .content .middle .other-actu-box:hover .read-cta span,
.nos-actualites-second .container .content .middle .other-actu-box:hover .read-cta svg {
    visibility: visible;
    opacity: 1;
}

.nos-actualites-second .container .content .middle .other-actu-box .date-cate {
    display: flex;
    justify-content: space-between;
}

.nos-actualites-second .container .content .middle .other-actu-box .date-cate .the-date {
    font-family: Roboto;
    font-weight: normal;
    font-size: 14px;
    line-height: 24px;
    text-align: left;
    color: #7087ba;
    opacity: 1;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

.nos-actualites-second .container .content .middle .other-actu-box .date-cate .the-cat {
    font-family: Roboto;
    font-weight: normal;
    font-size: 10px;
    line-height: 50px;
    text-align: center;
    color: #f0f3f8;
    width: 104px;
    height: 20px;
    display: flex;
    background-color: #7087ba;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

.nos-actualites-second .container .content .middle .other-actu-box h5 {
    font-family: "DM Sans";
    font-weight: bold;
    font-size: 18px;
    line-height: 28px;
    text-align: left;
    color: #244781;
    margin-top: 16px;
    margin-bottom: 55px;
}

.nos-actualites-second .container .content .middle .other-actu-box .read-cta {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    width: 110px;
    position: absolute;
    bottom: 18px;
}

.nos-actualites-second .container .content .middle .other-actu-box .read-cta span {
    font-family: Roboto;
    font-weight: 700;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 0.08em;
    text-align: left;
    color: #dd181e;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

.nos-actualites-second .container .content .middle .other-actu-box .read-cta svg {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

.nos-actualites-second .container .content .middle .other-actu-box.hide {
    display: none !important;
}

.nos-actualites-second .container .content .pagination-blocs {
    padding-top: 65px;
    display: flex;
    max-width: 964px;
    margin: 0 auto;
}

.nos-actualites-second .container .content .pagination-blocs ul {
    margin-left: auto;
    display: flex;
    column-gap: 20px;
}

.nos-actualites-second .container .content .pagination-blocs li {
    font-size: 14px;
    font-weight: 300;
    color: #244780;
    text-align: center;
    line-height: 28px;
    cursor: pointer;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    width: 28px;
    height: 28px;
    font-family: "Roboto", sans-serif;
    font-weight: 300;
}

.nos-actualites-second .container .content .pagination-blocs li.active {
    color: #fff;
    position: relative;
    font-weight: 500;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    background-color: #7087ba;
}

.nos-actualites-second .container .content .pagination-blocs .page {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 50px;
    width: 50px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    background-color: #e4e9f2;
    border: 1px solid #e4e9f2;
    position: relative;
    top: -10px;
}

.nos-actualites-second .container .content .pagination-blocs .page:hover {
    background-color: transparent;
    border: 1px solid #3463b5;
}

.nos-actualites-second .container .content .pagination-blocs .page:after {
    content: "";
    width: 16px;
    height: 16px;
    position: absolute;
    background-image: url(images/arrow-input.svg);
    left: 0;
    right: 0;
    margin: auto;
    top: 16px;
}

.nos-actualites-second .container .content .pagination-blocs .prev:after {
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.nos-actualites-second .container .content .pagination-blocs .pages-number {
    color: rgba(36, 71, 128, 0.5);
    font-size: 14px;
    font-weight: 500;
}

.nos-actualites-second span#msg-newsletter {
    margin-top: 15px;
    font-weight: 500;
    font-size: 12px;
    color: #fff;
    display: flex;
    font-family: Roboto;
}

.espace-presse .bottom {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 1200px;
    max-width: calc(100% - 40px);
    z-index: 99;
}

.espace-presse .newsWrapper.show {
    display: flex;
}

.espace-presse .newsWrapper {
    width: 100%;
    height: 100vh;
    position: fixed;
    background: #2548814d;
    top: 0;
    left: 0;
    z-index: 5;
    display: none;
    animation: fade 0.6s linear;
}

.espace-presse .bottom .closing {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 44px;
    height: 44px;
    border: 1px solid #fff;
    border-radius: 50%;
    background: transparent;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 36px;
    z-index: 4;
    cursor: pointer;
}

#newsEsp {
    cursor: pointer;
}

.nos-actualites-second .container .bottom {
    position: relative;
    z-index: 4;
    box-shadow: 0px 33px 99px rgba(52, 99, 181, 0.5);
    margin: 0 auto;
}

.espace-presse .bottom img.pattern,
.nos-actualites-second .container .bottom img.pattern {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    pointer-events: none;
}

.espace-presse .bottom .news-content,
.nos-actualites-second .container .bottom .news-content {
    margin-top: 82px;
    width: 100%;
    padding: 64px 98px 88px 98px;
    position: relative;
    z-index: 5;
    display: flex;
    justify-content: space-between;
}

.espace-presse .bottom .news-content .left,
.nos-actualites-second .container .bottom .news-content .left {
    display: flex;
    flex-direction: column;
}

.espace-presse .bottom .news-content .left span,
.nos-actualites-second .container .bottom .news-content .left span {
    font-family: Roboto;
    font-weight: normal;
    font-size: 16px;
    line-height: 26px;
    text-align: left;
    color: #f0f3f8;
}

.espace-presse .bottom .news-content .left h4,
.nos-actualites-second .container .bottom .news-content .left h4 {
    font-family: "DM Sans";
    font-weight: 500;
    font-size: 32px;
    line-height: 42px;
    text-align: left;
    color: #fff;
    padding-top: 10px;
}

.espace-presse .bottom .news-content .right,
.nos-actualites-second .container .bottom .news-content .right {
    padding-top: 30px;
}

.espace-presse .bottom .news-content .right form,
.nos-actualites-second .container .bottom .news-content .right form {
    width: 442px;
}

.espace-presse .bottom .news-content .right form .nameBox,
.nos-actualites-second .container .bottom .news-content .right form .nameBox {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.espace-presse .bottom .news-content .right form .nameBox .inputBox,
.nos-actualites-second .container .bottom .news-content .right form .nameBox .inputBox {
    width: 46%;
}

.espace-presse .bottom .news-content .right form .nameBox .inputBox input,
.nos-actualites-second .container .bottom .news-content .right form .nameBox .inputBox input {
    width: 100%;
    padding: 13px 0;
    font-size: 14px;
    color: #fff;
    letter-spacing: 1px;
    margin-bottom: 20px;
    border: none;
    border-bottom: 1px solid #fff;
    outline: none;
    background: transparent;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
}

.espace-presse .bottom .news-content .right form .nameBox .inputBox input:focus~label,
.espace-presse .bottom .news-content .right form .nameBox .inputBox input:valid~label,
.nos-actualites-second .container .bottom .news-content .right form .nameBox .inputBox input:focus~label,
.nos-actualites-second .container .bottom .news-content .right form .nameBox .inputBox input:valid~label {
    top: -19px;
    left: 0;
    opacity: 0.4;
    font-size: 12px;
}

.espace-presse .bottom .news-content .right form .nameBox .inputBox:last-child,
.nos-actualites-second .container .bottom .news-content .right form .nameBox .inputBox:last-child {
    margin-left: auto;
}

.espace-presse .bottom .news-content .right form .inputBox,
.nos-actualites-second .container .bottom .news-content .right form .inputBox {
    position: relative;
    display: flex;
    justify-content: space-between;
}

.espace-presse .bottom .news-content .right form .inputBox .checkbox,
.nos-actualites-second .container .bottom .news-content .right form .inputBox .checkbox {
    display: flex;
    flex-direction: column;
    position: relative;
    cursor: pointer;
    width: 260px;
}

.espace-presse .bottom .news-content .right form .inputBox .checkbox .checkbox-label,
.nos-actualites-second .container .bottom .news-content .right form .inputBox .checkbox .checkbox-label {
    font-family: Roboto;
    font-weight: 500;
    font-size: 12px;
    line-height: 19px;
    text-align: left;
    color: #fff;
    /*opacity: 0.46;*/
    pointer-events: visible;
    cursor: pointer;
    padding: 0;
    padding-left: 30px;
    position: relative;
    text-indent: -4px;
}

.espace-presse .bottom .news-content .right form .inputBox .checkbox input[type="checkbox"],
.nos-actualites-second .container .bottom .news-content .right form .inputBox .checkbox input[type="checkbox"] {
    -webkit-appearance: none;
    position: inherit;
    border: none;
    padding-bottom: 0;
    outline: none;
}

.espace-presse .bottom .news-content .right form .inputBox .checkbox input[type="checkbox"]:after,
.nos-actualites-second .container .bottom .news-content .right form .inputBox .checkbox input[type="checkbox"]:after {
    content: "";
    position: absolute;
    left: -27px;
    top: -10px;
    border: none;
    border-radius: 50%;
    width: 14px;
    height: 14px;
    background: transparent;
    border: 1px solid #fff;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    opacity: 0.46;
}

.espace-presse .bottom .news-content .right form .inputBox .checkbox input[type="checkbox"]:checked::after,
.nos-actualites-second .container .bottom .news-content .right form .inputBox .checkbox input[type="checkbox"]:checked::after {
    background: #fff;
}

.espace-presse .bottom .news-content .right form .inputBox .checkbox .text-check,
.nos-actualites-second .container .bottom .news-content .right form .inputBox .checkbox .text-check {
    font-family: Roboto;
    font-weight: 500;
    font-size: 12px;
    line-height: 19px;
    text-align: left;
    color: #fff;
    /*opacity: 0.46;*/
}

.espace-presse .bottom .news-content .right form .inputBox input[type="email"],
.nos-actualites-second .container .bottom .news-content .right form .inputBox input[type="email"] {
    width: 100%;
    padding: 13px 0;
    font-size: 14px;
    color: #fff;
    letter-spacing: 1px;
    margin-bottom: 30px;
    border: none;
    border-bottom: 1px solid #fff;
    outline: none;
    background: transparent;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
}

.newsletter_msg_abonne {
    position: absolute;
    right: 100px;
    font-size: 12px;
    color: #fff;
}

.espace-presse .bottom .news-content .right form .inputBox input[type="email"]:focus~label,
.espace-presse .bottom .news-content .right form .inputBox input[type="email"]:valid~label,
.nos-actualites-second .container .bottom .news-content .right form .inputBox input[type="email"]:focus~label,
.nos-actualites-second .container .bottom .news-content .right form .inputBox input[type="email"]:valid~label {
    top: -19px;
    left: 0;
    opacity: 0.4;
    font-size: 12px;
}

.espace-presse .bottom form input::-webkit-input-placeholder,
.nos-actualites-second .container .bottom form input::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    font-size: 14px;
    color: #fff;
}

.espace-presse .bottom form input::-moz-placeholder,
.nos-actualites-second .container .bottom form input::-moz-placeholder {
    /* Firefox 19+ */
    font-size: 14px;
    color: #fff;
}

.espace-presse .bottom form input:-ms-input-placeholder,
.nos-actualites-second .container .bottom form input:-ms-input-placeholder {
    /* IE 10+ */
    font-size: 14px;
    color: #fff;
}

.espace-presse .bottom form input:-moz-placeholder,
.nos-actualites-second .container .bottom form input:-moz-placeholder {
    /* Firefox 18- */
    font-size: 14px;
    color: #fff;
}

.espace-presse .bottom .news-content .right form .newslett-cta,
.nos-actualites-second .container .bottom .news-content .right form .newslett-cta {
    font-family: Roboto;
    font-weight: normal;
    font-size: 14px;
    text-align: center;
    color: #fff;
    width: 149px;
    background: #dd181e;
    height: 50px;
    display: flex;
    align-items: center;
    cursor: pointer;
    justify-content: center;
    border-radius: 4px 4px 20px 4px;
}

.espace-presse .bottom .news-content .right form .newslett-cta:focus,
.espace-presse .bottom .news-content .right form .newslett-cta:valid,
.nos-actualites-second .container .bottom .news-content .right form .newslett-cta:focus,
.nos-actualites-second .container .bottom .news-content .right form .newslett-cta:valid {
    outline: none;
    border: none;
}

.nos-actualites-second::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 288px;
    bottom: 0;
    left: 0;
    background: #fff;
    z-index: 0;
}

.nos-missions-prim {
    width: 100%;
    background-color: #f7f9fb;
    display: flex;
    flex-direction: column;
    padding-top: 160px;
    display: flex;
    flex-direction: column;
    background: transparent linear-gradient(305deg, #3463b5 0%, #244780 100%) 0% 0% no-repeat padding-box;
    padding-bottom: 100px;
    position: relative;
    min-height: 100vh;
    justify-content: space-evenly;
}

.nos-missions-prim .container .missions-pattern {
    position: absolute;
    width: 440px;
    height: 330px;
    bottom: 0;
    right: 238px;
    background: url(../images/mission_pattern.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.nos-missions-prim .container .content {
    max-width: 980px;
    margin: 0 auto;
}

.nos-missions-prim .container .content .content-title {
    font-family: "DM Sans";
    font-weight: bold;
    font-size: 55px;
    line-height: 65px;
    text-align: left;
    color: #ffffff;
    margin-bottom: 27px;
    max-width: 900px;
    z-index: 1;
    position: relative;
}

.nos-missions-prim .container .content .content-text {
    position: relative;
    max-width: 800px;
}

.nos-missions-prim .container .content .content-text p {
    font-family: "Roboto";
    font-weight: normal;
    font-size: 16px;
    letter-spacing: -0.02em;
    line-height: 24px;
    text-align: left;
    color: #ffffff;
    margin-bottom: 20px;
    max-width: 866px;
    z-index: 14;
    position: relative;
}

.nos-missions-second {
    position: relative;
    width: 100%;
    background-color: #fff;
    padding-top: 82px;
}

.nos-missions-second .container .content {
    position: relative;
    z-index: 14;
}

.nos-missions-second .container .content .radius-pattern {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
}

.nos-missions-second .container .content .nos-missions-list {
    display: grid;
    grid-template-columns: repeat(5, 232px);
    grid-template-rows: repeat(3, 232px);
}

.nos-missions-second .container .content .nos-missions-list .item {
    height: 232px;
    background-color: #244780;
    position: relative;
    padding: 23px;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.nos-missions-second .container .content .nos-missions-list .item .demi-cercle {
    width: 116px;
    height: 100%;
    background-color: #7087ba;
    border-top-left-radius: 500px;
    border-bottom-left-radius: 500px;
    position: absolute;
    top: 0;
    left: 0;
}

.nos-missions-second .container .content .nos-missions-list .item .demi-cercle::after {
    content: "";
    background-color: #7087ba;
    position: absolute;
    right: -100%;
    top: 0;
    width: 58px;
    height: 100%;
}

.nos-missions-second .container .content .nos-missions-list .item .demi-cercle::before {
    content: "";
    background-color: #3463b5;
    position: absolute;
    right: -50%;
    top: 0;
    width: 58px;
    height: 100%;
}

.nos-missions-second .container .content .nos-missions-list .item svg {
    position: absolute;
    bottom: 20px;
    right: 20px;
    opacity: 0.2;
}

.nos-missions-second .container .content .nos-missions-list .item h3 {
    font-family: "DM Sans";
    font-weight: bold;
    font-size: 40px;
    line-height: 50px;
    text-align: left;
    color: #244780;
    position: relative;
}

.nos-missions-second .container .content .nos-missions-list .item h3::after {
    width: 100%;
    height: 1px;
    content: "";
    position: absolute;
    bottom: -17px;
    left: 0;
    background-color: #3e8bd8;
}

.nos-missions-second .container .content .nos-missions-list .item .number {
    font-family: "DM Sans";
    font-weight: 500;
    font-size: 18px;
    line-height: 18px;
    text-align: left;
    color: #244781;
    opacity: 0.2;
    display: flex;
    margin-bottom: 12px;
}

.nos-missions-second .container .content .nos-missions-list .item .item-text {
    font-family: "DM Sans";
    font-weight: 500;
    font-size: 18px;
    line-height: 28px;
    text-align: left;
    color: #244781;
}

.nos-missions-second .container .content .nos-missions-list .item:first-child {
    grid-column-start: 1;
    grid-column-end: 4;
    background: transparent;
    padding-top: 57px;
    padding-left: 98px;
}

.nos-missions-second .container .content .nos-missions-list .item:first-child::after {
    content: "";
    position: absolute;
    width: 125px;
    height: 100%;
    background-color: #fff;
    top: 0;
    right: 0;
}

.nos-missions-second .container .content .nos-missions-list .item.light_blue {
    background-color: #e4eaf5;
}

.nos-missions-second .container .content .nos-missions-list .item.white {
    background-color: #fff;
}

.nos-missions-second .container .content .nos-missions-list .item.gray {
    background-color: #f0f3f8;
}

.nos-missions-second .container .content .nos-missions-list .item.blue {
    background-color: #7087ba;
}

.nos-missions-second .container .content .nos-missions-list .item.blue .number {
    color: #fff;
    opacity: 0.2;
}

.nos-missions-second .container .content .nos-missions-list .item.blue .item-text {
    color: #fff;
}

.nos-missions-second .container .content .nos-missions-list .item.dark_blue svg {
    stroke: #fff;
    fill: #fff;
}

.nos-missions-second .container .content .nos-missions-list .item.dark_blue .number {
    color: #fff;
    opacity: 0.2;
}


/*.nos-missions-second .container .content .nos-missions-list .item.white svg {
    opacity: .2;
}*/

.nos-missions-second .container .content .nos-missions-list .item.dark_blue .item-text {
    color: #fff;
}

.nos-missions-second .container .content .nos-missions-list .item .barette {
    width: 58px;
    height: 232px;
    background-color: #3463b5;
    position: absolute;
    right: 0;
    top: 0;
}

.nos-missions-second .container .content .nos-missions-list .item.barette::after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 231px 0 0 116px;
    border-color: transparent transparent transparent #3463b5;
    left: 59px;
    top: 0;
}

.nos-missions-second .container .content .nos-missions-list .item.barette::before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 116px 231px 0;
    border-color: transparent #7087ba transparent transparent;
    left: 59px;
    top: 0;
}

.nos-missions-second .container .content .nos-missions-list .item.triangle::after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 116px 231px 0;
    border-color: transparent #7088ba transparent transparent;
    right: 0;
    top: 0;
}

.nos-missions-second .container .content .nos-missions-list .item.triangle::before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 231px 116px 0 0;
    border-color: #3463b5 transparent transparent transparent;
    left: 0;
    top: 0;
    width: 0;
}

.nos-missions-second .container .content .nos-procedures-list {
    display: grid;
    grid-template-columns: repeat(5, 232px);
    grid-template-rows: repeat(3, 232px);
    margin-top: 117px;
}

.nos-missions-second .container .content .nos-procedures-list .item {
    height: 232px;
    position: relative;
    padding: 23px;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.nos-missions-second .container .content .nos-procedures-list .item h3 {
    font-family: "DM Sans";
    font-weight: bold;
    font-size: 40px;
    line-height: 50px;
    text-align: left;
    color: #ab1418;
    position: relative;
}

.nos-missions-second .container .content .nos-procedures-list .item h3::after {
    width: 100%;
    height: 1px;
    content: "";
    position: absolute;
    bottom: -17px;
    left: 0;
    background-color: #dd181e;
}

.nos-missions-second .container .content .nos-procedures-list .item .number {
    font-family: "DM Sans";
    font-weight: 500;
    font-size: 18px;
    line-height: 18px;
    text-align: left;
    color: #dd181e;
    opacity: 0.26;
    display: flex;
    margin-bottom: 12px;
}

.nos-missions-second .container .content .nos-procedures-list .item svg {
    position: absolute;
    bottom: 20px;
    right: 20px;
    opacity: 0.2;
}

.nos-missions-second .container .content .nos-procedures-list .item .item-text {
    font-family: "DM Sans";
    font-weight: 500;
    font-size: 18px;
    line-height: 28px;
    text-align: left;
    color: #ab1418;
}

.nos-missions-second .container .content .nos-procedures-list .item:first-child {
    grid-column-start: 1;
    grid-column-end: 4;
    background: transparent;
    padding-top: 57px;
    padding-left: 98px;
}

.nos-missions-second .container .content .nos-procedures-list .item:first-child::after {
    content: "";
    position: absolute;
    width: 125px;
    height: 100%;
    background-color: #fff;
    top: 0;
    right: 0;
}

.nos-missions-second .container .content .nos-procedures-list .item.light_red {
    background-color: rgba(211, 101, 102, 0.2);
}

.nos-missions-second .container .content .nos-procedures-list .item.red {
    background-color: #d36566;
}

.nos-missions-second .container .content .nos-procedures-list .item.white {
    background-color: #fff;
}

.nos-missions-second .container .content .nos-procedures-list .item.dark_red {
    background-color: #ab1418;
    grid-column-start: 2;
}

.nos-missions-second .container .content .nos-procedures-list .item.extra_light_red {
    background-color: rgba(211, 101, 102, 0.06);
}

.nos-missions-second .container .content .nos-procedures-list .item.circle_dark {
    background-color: #d36566;
}

.nos-missions-second .container .content .nos-procedures-list .item.dark_triangle {
    background-color: #ab1418;
}

.nos-missions-second .container .content .nos-procedures-list .item.red .item-text,
.nos-missions-second .container .content .nos-procedures-list .item.dark_red .item-text {
    color: #fff;
}

.nos-missions-second .container .content .nos-procedures-list .item.red .number,
.nos-missions-second .container .content .nos-procedures-list .item.dark_red .number {
    opacity: 0.2;
    color: #fff;
}

.nos-missions-second .container .content .nos-procedures-list .item.red svg,
.nos-missions-second .container .content .nos-procedures-list .item.dark_red svg {
    fill: #fff;
    stroke: #fff;
}

.nos-missions-second .container .content .nos-procedures-list .item.circle_dark::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    height: 50%;
    width: 100%;
    background-color: #dd181e;
    border-bottom-left-radius: 500px;
    border-bottom-right-radius: 500px;
}

.nos-missions-second .container .content .nos-procedures-list .item.circle_dark::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 50%;
    width: 80%;
    background-color: #ab1418;
}

.nos-missions-second .container .content .nos-procedures-list .item.circle_red {
    order: 2;
    background-color: #ab1418;
}

.nos-missions-second .container .content .nos-procedures-list .item.circle_red::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    height: 50%;
    width: 100%;
    background-color: #d36566;
    border-bottom-left-radius: 500px;
    border-bottom-right-radius: 500px;
}

.nos-missions-second .container .content .nos-procedures-list .item.circle_red::before {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    height: 50%;
    width: 20%;
    background-color: #dd181e;
}

.nos-missions-second .container .content .nos-procedures-list .item.dark_triangle::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 231px 0 0 116px;
    border-color: transparent transparent transparent #dd181f;
}

.nos-missions-second .container .content .nos-procedures-list .item.dark_triangle::before {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 231px 116px;
    border-color: transparent transparent #d36567 transparent;
}

.single-mission {
    position: relative;
    padding-top: 160px;
    flex-direction: column;
}

.single-mission .container {
    position: relative;
}

.single-mission .container::after {
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='400.893' height='803.493' viewBox='0 0 400.893 803.493'%3E%3Cpath id='Rectangle_1060' data-name='Rectangle 1060' d='M400.893,0h0a0,0,0,0,1,0,0V803.493a0,0,0,0,1,0,0h0A400.893,400.893,0,0,1,0,402.6v-1.708A400.893,400.893,0,0,1,400.893,0Z' transform='translate(400.893 803.493) rotate(180)' fill='%23f0f3f8' opacity='0.477' style='mix-blend-mode: multiply;isolation: isolate'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: absolute;
    top: 45px;
    left: -80px;
    width: 401px;
    height: 805px;
    z-index: -1;
}

.single-mission .mission-content {
    margin: 0 auto 0 auto;
    max-width: 965px;
}

.single-mission .mission-header {
    display: flex;
    justify-content: space-between;
}

.single-mission .mission-header span {
    font-weight: 700;
    font-size: 20px;
    line-height: 30px;
    color: #dd181e;
}

.single-mission .mission-header .switchs {
    display: flex;
    gap: 15px;
}

.single-mission .mission-header .switchs .btn-switch {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: transparent;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: 1px solid #3463b5;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

.single-mission .mission-header .switchs .btn-switch:hover {
    border-color: #e9edf5;
    background-color: #e9edf5;
}

.single-mission .mission-body h1 {
    font-family: "DM Sans", sans-serif;
    font-weight: bold;
    font-size: 55px;
    line-height: 60px;
    text-align: left;
    color: #244780;
    max-width: 87%;
    margin-bottom: 62px;
    margin-top: 15px;
}

.single-mission .mission-body p {
    font-weight: 400;
    font-size: 16px;
    letter-spacing: -0.02em;
    line-height: 24px;
    color: #244781;
    margin-bottom: 25px;
}

.single-mission .mission-body h4 {
    font-family: Roboto;
    font-weight: bold;
    font-size: 16px;
    letter-spacing: -0.02em;
    line-height: 24px;
    text-align: left;
    color: #244780;
    margin-bottom: 30px;
}

.single-mission .mission-body li {
    margin-bottom: 37px;
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-size: 18px;
    letter-spacing: -0.02em;
    line-height: 24px;
    text-align: left;
    color: #244780;
    padding-left: 35px;
    position: relative;
}

.single-mission .mission-body li:before {
    content: "";
    position: absolute;
    left: 0;
    top: 11px;
    width: 4px;
    height: 4px;
    background-color: #244780;
    border-radius: 100%;
}

.single-mission .guide-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 65px;
    margin: 70px auto 65px auto;
    max-width: 965px;
}

.single-mission .guide-header h4 {
    font-family: "DM Sans", sans-serif;
    font-weight: bold;
    font-size: 40px;
    line-height: 50px;
    color: #244780;
}

.single-mission .guide-header a {
    width: 180px;
    height: 50px;
    background: #dd181e;
    border-radius: 4px 4px 20px 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 400;
    font-size: 14px;
    color: #fff;
}

.single-mission .guide-body {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 15px;
    grid-row-gap: 15px;
}

.single-mission .guide-body .item {
    padding: 73px 32px 37px 42px;
    min-height: 352px;
    background-color: #dd181e;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    position: relative;
}

.single-mission .guide-body .item:first-child::after {
    content: "";
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    background-color: #ab1418;
    z-index: 1;
    border-radius: 0 200px 200px 0;
}

.single-mission .guide-body .item:nth-child(2) {
    background-color: #3363b5;
}

.single-mission .guide-body .item:nth-child(2)::after {
    content: "";
    position: absolute;
    right: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 352px 177px;
    border-color: transparent transparent #024578 transparent;
}

.single-mission .guide-body .item h4 {
    font-family: "DM Sans", sans-serif;
    font-weight: bold;
    font-size: 20px;
    line-height: 30px;
    color: #fff;
    position: relative;
    z-index: 2;
}

.single-mission .guide-body .item .item-info {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: relative;
    z-index: 2;
}

.single-mission .guide-body .item .item-info p {
    font-weight: 400;
    font-size: 14px;
    letter-spacing: -0.02em;
    line-height: 24px;
    color: #fff;
    opacity: 0.7;
    margin-bottom: 25px;
}

.single-mission .guide-body .item .item-info .read-more {
    font-weight: 400;
    font-size: 14px;
    letter-spacing: 0.08em;
    color: #fff;
    display: flex;
    align-items: center;
    margin-top: 32px;
}

.single-mission .guide-body .item .item-info .read-more svg {
    margin-left: 16px;
}

.devenir-ajmj {
    flex-direction: column;
}

.devenir-ajmj-header {
    background: linear-gradient(to bottom, #3463b5 0%, #244781 100%);
    padding-bottom: 150px;
    padding-top: 160px;
}

.devenir-ajmj-header .be-ajmj-header {
    max-width: 965px;
    margin: 0 auto;
}

.devenir-ajmj-header h3 {
    font-family: "DM Sans", sans-serif;
    font-weight: 700;
    font-size: 55px;
    line-height: 60px;
    color: #fff;
    margin-bottom: 80px;
}

.devenir-ajmj-body {
    background: linear-gradient(to bottom, #f0f3f8 0%, #fff 100%);
}

.devenir-ajmj-body .be-ajmj-body {
    max-width: 100%;
    margin: 0 auto;
}

.devenir-ajmj-body .be-ajmj-body .tabs-contents {
    margin-top: -150px;
}

.devenir-ajmj-body .be-ajmj-body .tabs-contents .tabs {
    display: flex;
    list-style-type: none;
    gap: 16px;
    margin-bottom: 24px;
}

.devenir-ajmj-body .be-ajmj-body .tabs-contents .tab {
    display: flex;
    align-items: center;
    cursor: pointer;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    width: 50%;
    height: 150px;
    border-radius: 10px 10px 0 0;
    background: linear-gradient(rgba(240, 243, 248, 0.211765) 0%, rgba(255, 255, 255, 0.211765) 100%);
    font-family: "DM Sans", sans-serif;
    font-weight: bold;
    font-size: 18px;
    line-height: 26px;
    color: #fff;
    padding: 0 48px;
}

.devenir-ajmj-body .be-ajmj-body .tabs-contents .tab.active {
    background: linear-gradient(to bottom, #f0f3f8 0%, #eff2f8 100%);
    color: #244780;
}

.devenir-ajmj-body .be-ajmj-body .tabs-contents .tab.tab-mobile {
    width: 100%;
    display: none;
}

.devenir-ajmj-body .be-ajmj-body .tabs-contents .tab:hover {
    background-color: #ffffff;
    color: #244780;
}

.devenir-ajmj-body .be-ajmj-body .tabs-contents .tab-content .tab-items {
    padding-bottom: 77px;
    display: none;
}

.devenir-ajmj-body .be-ajmj-body .tabs-contents .tab-content .tab-items.active {
    display: block;
}

.devenir-ajmj-body .be-ajmj-body .tabs-contents .tab-content .tab-items .tab-item {
    background-color: #fff;
    padding: 27px 36px;
    display: flex;
    align-items: center;
    gap: 50px;
    margin-top: 19px;
    border-bottom-right-radius: 15px;
    width: 100%;
    box-shadow: 0px 50px 60px rgba(52, 99, 181, 0.15);
}

.devenir-ajmj-body .be-ajmj-body .tabs-contents .tab-content .tab-items .tab-item .number {
    font-family: "DM Sans", sans-serif;
    font-weight: 400;
    font-size: 25px;
    line-height: 35px;
    color: #244780;
    opacity: 0.37;
}

.devenir-ajmj-body .be-ajmj-body .tabs-contents .tab-content .tab-items .tab-item .content h4 {
    font-family: "DM Sans", sans-serif;
    font-weight: 700;
    font-size: 24px;
    line-height: 34px;
    color: #3e8bd8;
    margin-bottom: 8px;
}

.devenir-ajmj-body .be-ajmj-body .tabs-contents .tab-content .tab-items .tab-item .content p {
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    color: #244780;
}

.devenir-ajmj-body .faq-content {
    margin-bottom: 10px;
    padding-top: 70px;
}

.devenir-ajmj-body .faq-content h4 {
    font-family: "DM Sans", sans-serif;
    font-weight: 700;
    font-size: 45px;
    line-height: 60px;
    text-align: center;
    color: #244781;
    margin-bottom: 30px;
}

.devenir-ajmj-body .faq-content .accordion {
    display: flex;
    flex-direction: column;
}

.devenir-ajmj-body .faq-content .accordion .item {
    display: flex;
    flex-direction: column;
    border-bottom: 1px solid #d5e6f6;
    padding: 30px 0;
}

.devenir-ajmj-body .faq-content .accordion .item:first-child {
    border-top: 1px solid #d5e6f6;
}

.devenir-ajmj-body .faq-content .accordion .item.active {
    border-bottom: 2px solid #244781;
}

.devenir-ajmj-body .faq-content .accordion .item.active button .icon {
    transform: rotate(180deg);
}

.devenir-ajmj-body .faq-content .accordion .item.active .content {
    /*margin: 32px 50px 20px auto;*/
    margin: 32px 0 20px 0;
    max-height: initial !important;
}

.devenir-ajmj-body .faq-content .accordion .item .accordionBtn {
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    background-color: transparent;
    display: flex;
    width: 100%;
    border: none;
    cursor: pointer;
    justify-content: space-between;
    font-family: "DM Sans", sans-serif;
    font-weight: 500;
    font-size: 18px;
    line-height: 34px;
    color: #244781;
    text-align: left;
    align-items: center;
    gap: 37px;
}

.devenir-ajmj-body .faq-content .accordion .item .accordionBtn .icon {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

.devenir-ajmj-body .faq-content .accordion .item .content {
    max-width: 850px;
    /*660px*/
    max-height: 0;
    margin: 0 50px 0 auto;
    display: block;
    background-color: transparent;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    overflow: hidden;
}

.devenir-ajmj-body .faq-content .accordion .item .content ul li {
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    /*500*/
    font-size: 16px;
    line-height: 26px;
    text-align: left;
    color: #244780;
    margin-bottom: 10px;
}

.devenir-ajmj-body .faq-content .accordion .item .content p {
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    /*500*/
    font-size: 16px;
    line-height: 26px;
    text-align: left;
    color: #244780;
    margin-bottom: 22px;
}

.devenir-ajmj-body .faq-content .accordion .item .content p:first-child {
    opacity: 0.7;
    font-weight: 400;
}

.devenir-ajmj-body .faq-content .accordion .item .content strong {
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 16px;
    text-align: left;
    color: #244780;
    margin-bottom: 15px;
}

.devenir-ajmj-body .faq-content .accordion .item .content strong a {
    text-decoration: underline;
    color: #3e8bd8;
}

.devenir-ajmj-body .be-ajmj-body .exams-contenu {
    position: relative;
    padding-bottom: 103px;
}

.devenir-ajmj-body .be-ajmj-body .exams-contenu::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 0;
    height: 100%;
    width: 532px;
    max-width: 100%;
    background: transparent linear-gradient(357deg, #f8fafc 0%, #f0f3f8 100%) 0% 0% no-repeat padding-box;
    border-radius: 4px 4px 500px 500px;
    transform: translateX(-50%);
    z-index: 1;
}

.devenir-ajmj-body .be-ajmj-body .exams-contenu .test-content {
    position: relative;
    z-index: 2;
}

.devenir-ajmj-body .be-ajmj-body .exams-contenu .test-content h4 {
    padding-bottom: 55px;
    font-family: "DM Sans", sans-serif;
    font-weight: 700;
    font-size: 30px;
    line-height: 40px;
    text-align: center;
    color: #244780;
    max-width: 670px;
    margin: 0 auto;
    position: relative;
    z-index: 2;
}

.devenir-ajmj-body .be-ajmj-body .exams-contenu .test-content h4:after {
    content: "";
    width: 530px;
    height: 100%;
    position: absolute;
    top: -33px;
    left: 0;
    right: 0;
    margin: auto;
    height: 1109px;
    border-radius: 2.13px 2.13px 266px 266px;
    background: linear-gradient(180deg, #f0f3f8 60%, #fff 50%);
    z-index: -1;
    opacity: 0.6;
}

.devenir-ajmj-body .be-ajmj-body .exams-contenu .test-content.results-exam-content h4:after {
    display: none;
}

.devenir-ajmj-body .be-ajmj-body .exams-contenu .test-content .items {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    position: relative;
    z-index: 9;
}

.devenir-ajmj-body .be-ajmj-body .exams-contenu .test-content .items .item {
    color: #fff;
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-size: 14px;
    padding: 43px 36px 73px;
    position: relative;
    min-height: 291px;
}

.devenir-ajmj-body .be-ajmj-body .exams-contenu .test-content .items .item .date {
    line-height: 24px;
}

.devenir-ajmj-body .be-ajmj-body .exams-contenu .test-content .items .item>* {
    z-index: 2;
    position: relative;
}

.devenir-ajmj-body .be-ajmj-body .exams-contenu .test-content .items .item::after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: 176px;
    height: 100%;
    z-index: 1;
    background-size: cover;
    background-repeat: no-repeat;
    pointer-events: none;
    z-index: 1;
}

.devenir-ajmj-body .be-ajmj-body .exams-contenu .test-content .items .item.red-bloc {
    background-color: #ab1418;
}

.devenir-ajmj-body .be-ajmj-body .exams-contenu .test-content .items .item.red-bloc::after {
    background-position: bottom;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='143' height='291.4' viewBox='0 0 143 291.4'%3E%3Cpath id='Tracé_11109' data-name='Tracé 11109' d='M-3841.333,1564h143v291.4Z' transform='translate(3841.333 -1564)' fill='%23dd181e'/%3E%3C/svg%3E%0A");
}

.devenir-ajmj-body .be-ajmj-body .exams-contenu .test-content .items .item.bleu-bloc {
    background-color: #3463b5;
}

.devenir-ajmj-body .be-ajmj-body .exams-contenu .test-content .items .item.bleu-bloc::after {
    background-position: top;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='143' height='291.4' viewBox='0 0 143 291.4'%3E%3Cpath id='Tracé_11109' data-name='Tracé 11109' d='M0,291.4H143V0Z' fill='%233e8bd8'/%3E%3C/svg%3E%0A");
}

.devenir-ajmj-body .be-ajmj-body .exams-contenu .test-content .items .item span.label {
    letter-spacing: -0.02em;
    line-height: 24px;
    opacity: 0.7;
}

.devenir-ajmj-body .be-ajmj-body .exams-contenu .test-content.next-exam-content .items .item span.label {
    display: none;
}

.devenir-ajmj-body .be-ajmj-body .exams-contenu .test-content .items .item h5 {
    font-family: "DM Sans", sans-serif;
    font-weight: 700;
    font-size: 20px;
    line-height: 26px;
    margin: 36px 0 11px 0;
}

.devenir-ajmj-body .be-ajmj-body .exams-contenu .test-content.next-exam-content .items .item h5 {
    margin-top: 0;
    margin-bottom: 30px;
}

.devenir-ajmj-body .be-ajmj-body .exams-contenu .test-content .items .item span.date {
    font-family: "DM Sans", sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 16px;
}

.devenir-ajmj-body .be-ajmj-body .exams-contenu .test-content .items .item .link {
    position: absolute;
    bottom: 36px;
    display: flex;
    align-items: center;
}


/*.devenir-ajmj-body .be-ajmj-body .exams-contenu .test-content .items .item .link svg {
    display: none;
}*/

.devenir-ajmj-body .be-ajmj-body .exams-contenu .test-content .items .item .link span {
    letter-spacing: 0.08em;
    margin-right: 16px;
}

.devenir-ajmj-body .be-ajmj-body .exams-contenu .test-content.results-exam-content .items .item {
    background-color: #f0f3f8;
}

.devenir-ajmj-body .be-ajmj-body .exams-contenu .test-content.results-exam-content .items .item.left-bloc::after {
    background-position: bottom;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='143' height='291.4' viewBox='0 0 143 291.4'%3E%3Cpath id='Tracé_11109' data-name='Tracé 11109' d='M-3841.333,1564h143v291.4Z' transform='translate(3841.333 -1564)' fill='%23E4EAF5'/%3E%3C/svg%3E%0A");
}

.devenir-ajmj-body .be-ajmj-body .exams-contenu .test-content.results-exam-content .items .item.right-bloc::after {
    background-position: top;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='143' height='291.4' viewBox='0 0 143 291.4'%3E%3Cpath id='Tracé_11109' data-name='Tracé 11109' d='M0,291.4H143V0Z' fill='%23E4EAF5'/%3E%3C/svg%3E%0A");
}

.devenir-ajmj-body .be-ajmj-body .exams-contenu .test-content.results-exam-content .items .item span.label {
    color: #dd181e;
}

.devenir-ajmj-body .be-ajmj-body .exams-contenu .test-content.results-exam-content .items .item h5 {
    color: #244780;
}

.devenir-ajmj-body .be-ajmj-body .exams-contenu .test-content.results-exam-content .items .item .link span {
    color: #244780;
}

.single-etude-section {
    background: linear-gradient(to top, #f0f3f8 0%, #fff 100%);
    padding-bottom: 100px;
    padding-top: 160px;
    flex-direction: column;
}

.single-etude-section .single-etude-header {
    margin: 0 auto 87px auto;
    max-width: 965px;
}

.single-etude-section .se-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 14px;
    margin-bottom: 26px;
}

.single-etude-section .se-top h1 {
    font-family: "DM Sans", sans-serif;
    font-weight: bold;
    font-size: 40px;
    line-height: 50px;
    color: #244780;
    letter-spacing: -0.02em;
}

.single-etude-section .se-top a {
    width: 180px;
    height: 50px;
    background: #ab1418;
    border-radius: 4px 4px 20px 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 400;
    font-size: 14px;
    color: #fff;
    text-decoration: none !important;
}

.single-etude-section .se-bottom {
    display: flex;
    gap: 15px;
}

.single-etude-section .se-bottom h4 {
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    font-size: 16px;
    letter-spacing: 0.05em;
    line-height: 25px;
    color: #7087ba;
    margin-bottom: 35px;
}

.single-etude-section .se-bottom h4 a {
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    font-size: 16px;
    letter-spacing: 0.05em;
    line-height: 25px;
    color: #7087ba;
    text-decoration: none !important;
}

.single-etude-section .se-bottom ul li a {
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    font-size: 16px;
    letter-spacing: 0.05em;
    line-height: 24px;
    color: #7087ba;
    text-decoration: none !important;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

.single-etude-section .se-bottom ul li:hover a {
    color: #dd181e;
}

.single-etude-section .se-bottom .right ul {
    margin-bottom: 26px;
}

.single-etude-section .se-bottom .right ul li {
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-size: 16px;
    letter-spacing: -0.02em;
    line-height: 24px;
    color: #244780;
    position: relative;
    padding-left: 16px;
    margin-bottom: 6px;
}

.single-etude-section .se-bottom .right ul li::after {
    content: "";
    width: 4px;
    height: 4px;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 10px;
    background: #244780;
}

.single-etude-section .se-bottom p {
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-size: 16px;
    letter-spacing: -0.02em;
    line-height: 24px;
    color: #244780;
    margin-bottom: 25px;
}

.single-etude-section .se-bottom .left {
    width: 220px;
}

.single-etude-section .se-bottom .right {
    width: calc(100% - 235px);
}

.single-etude-section .se-bottom .right .info {
    padding-right: 95px;
}

.single-etude-section .equipe-dediee {
    position: relative;
    padding-bottom: 90px;
}

.single-etude-section .equipe-dediee::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 443px;
    height: 653px;
    border-radius: 0px 0px 222px 222px;
    background: #7087ba;
    opacity: 0.1;
    pointer-events: none;
    max-width: 100%;
}

.single-etude-section .equipe-dediee .equipe-dediee-header {
    max-width: 965px;
    margin: 0 auto;
}

.single-etude-section .equipe-dediee .equipe-dediee-header h3 {
    font-family: "DM Sans", sans-serif;
    font-weight: 700;
    font-size: 40px;
    line-height: 50px;
    color: #244780;
    padding: 40px 0 63px 0;
}

.single-etude-section .equipe-dediee .annuaire-equipe-items {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
}

.single-etude-section .equipe-dediee .annuaire-equipe-items .item {
    width: 278px;
    height: 371px;
    margin: 0;
    background-size: cover;
    background-position: center;
    position: relative;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

.single-etude-section .equipe-dediee .annuaire-equipe-items .mask {
    position: absolute;
    background-color: rgba(36, 71, 126, 0.3);
    height: 100%;
    width: 100%;
    top: 0;
}

.single-etude-section .equipe-dediee .annuaire-equipe-items .infos {
    height: 161px;
    position: absolute;
    background: url(images/card-profil.svg);
    color: #fff;
    padding: 20px;
    width: 100%;
    bottom: -200px;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

.annuaire-equipe-items .item:hover .infos {
    bottom: 0;
}

.single-etude-section .equipe-dediee .annuaire-equipe-items .item:hover .mask {
    background-color: transparent;
}

.single-etude-section .equipe-dediee .annuaire-equipe-items h5 {
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    font-weight: 300;
    position: relative;
    z-index: 1;
}

.single-etude-section .equipe-dediee .annuaire-equipe-items h4 {
    font-family: "DM Sans", sans-serif;
    font-weight: 700;
    font-size: 18px;
    line-height: 26px;
    padding-top: 3px;
    letter-spacing: 0.5px;
    position: relative;
    z-index: 1;
}

.single-etude-section .equipe-dediee .annuaire-equipe-items span {
    font-family: "DM Sans", sans-serif;
    font-size: 16px;
    line-height: 16px;
    position: relative;
    z-index: 1;
}

.single-etude-section .equipe-dediee .annuaire-equipe-items .voir-profil {
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    font-weight: 300;
    letter-spacing: 1.3px;
    padding-top: 25px;
    position: absolute;
    bottom: 24px;
    z-index: 1;
}

.single-etude-section .equipe-dediee .annuaire-equipe-items .voir-profil:after {
    content: "";
    position: absolute;
    width: 18px;
    height: 18px;
    background-image: url(images/arrow-white.svg);
    left: 108px;
}

.office-etude {
    /* background-color: #fff; */
    position: relative;
    z-index: 2;
    margin-top: 110px;
}

.etude-dediee {
    margin-top: -30px !important;
}

.office-etude h3 {
    font-family: "DM Sans", sans-serif;
    font-weight: bold;
    font-size: 20px;
    line-height: 30px;
    color: #244781;
    margin-bottom: 35px;
}

.office-etude .office-info {
    margin: -145px auto 0 auto;
    max-width: 965px;
    padding: 50px 15px 60px 50px;
    display: flex;
    border-radius: 4px;
    background: linear-gradient(to left, #f0f3f8 0%, #fff 100%);
    box-shadow: 0px 50px 60px rgba(35, 46, 70, 0.15);
    justify-content: space-between;
}

.etude-dediee .office-info {
    margin: 100px auto 0 auto;
}

body.single-ajmj .office-etude .office-info {
    margin: 0 auto;
}

body.single-ajmj .office-etude .office-info .office-logo {
    margin-top: 75px;
}

.office-etude .office-info .office-contact {
    width: calc(100% - 238px);
}

.office-etude .office-info .office-contact ul {
    display: flex;
    gap: 21px;
}

.office-etude .office-info .office-contact ul li {
    width: 33.33%;
}

.office-etude .office-info .office-contact ul li:first-child a {
    font-weight: 500;
    font-size: 14px;
    letter-spacing: 0.06em;
}

.office-etude .office-info .office-contact ul li:first-child a span {
    margin-left: 0;
}

.office-etude .office-info .office-contact ul li:nth-child(2) {
    width: 350px;
}

.office-etude .office-info .office-contact ul li a {
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 36px;
    color: #7087ba;
    text-decoration: none !important;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    display: flex;
    align-items: center;
    column-gap: 5px;
}

.office-etude .office-info .office-contact ul li a svg path {
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

.office-etude .office-info .office-contact ul li a span.tel {
    font-weight: 900;
    font-size: 14px;
}

.office-etude .office-info .office-contact ul:hover li a {
    color: #dd181e;
}

.office-etude .office-info .office-contact ul:hover li a svg path {
    fill: #dd181e;
}

.office-etude .office-info .office-logo {
    width: 238px;
}

.office-etude .office-info .office-logo a {
    display: flex;
}

.office-etude .office-info .office-logo a img {
    max-width: 100%;
}

.home-container {
    flex-direction: column;
}

.btn {
    width: 180px;
    height: 50px;
    font-size: 14px;
    font-family: "Roboto", sans-serif;
    font-weight: normal;
    -webkit-border-radius: 4px 4px 15px 4px;
    -moz-border-radius: 4px 4px 15px 4px;
    -ms-border-radius: 4px 4px 15px 4px;
    -o-border-radius: 4px 4px 15px 4px;
    border-radius: 4px 4px 15px 4px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: 0.5s ease-in-out;
}


/* Start Hovers */

.btn:hover {
    border-radius: 4px !important;
}


/* Hover Btn Red */

.btn.btn-red:hover,
.btn.btn-light-red:hover,
.btn.newslett-cta:hover,
.btn.page-link:hover,
.btn.wpcf7-submit:hover,
#newsEsp:hover,
.espace-presse .espace-presse-body .right .box .btn:hover {
    background: #ab1418 !important;
    border-color: #ab1418 !important;
    color: #fff !important;
}


/* Hover Btn Dark Red */

.btn.btn-darkred:hover,
.btn.read-moreAct:hover,
.btn.histo-cta:hover {
    background: #dd181e !important;
    border-color: #dd181e !important;
}


/* Hover Btn Blue */

.btn.rechercher:hover {
    background: #244781 !important;
    border-color: #244781 !important;
}


/* Hover Btn Dark Blue*/

.deontologie-body .deontologie-download .box .btn:hover {
    background: #3e8bd8 !important;
    border-color: #3e8bd8 !important;
}


/* Hover Btn Bleu To Grey*/

.deontologie-body .deontologie-download .box:nth-child(2) .btn:hover,
.btn.cta-annuaire:hover {
    background: #f0f3f8 !important;
    border-color: #f0f3f8 !important;
    color: #3e8bd8 !important;
}


/* Other Hovers */

.espace-presse .espace-presse-body .right .contact-presse .btn:hover {
    background-color: #3e8bd8 !important;
    color: #f0f3f8 !important;
    border-color: #3e8bd8 !important;
}


/* End Hovers */

.btn.btn-darkred {
    border-color: var(--color_dark_red);
    background: var(--color_dark_red);
    color: var(--color_white);
}

.btn.btn-red {
    border-color: var(--color_red);
    background: var(--color_red);
    color: white;
}

.btn-reclamation {
    padding: 0 20px;
    width: auto;
    margin-bottom: 50px;
    background: #ab1418;
    color: white;
}

.btn.btn-blue {
    border-color: var(--color_btn_blue);
    background: var(--color_btn_blue);
    color: white;
}

.btn.btn-light {
    border-color: #e8ecf2;
    background: #e8ecf2;
    color: #244781;
}

.btn.btn-gradient {
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    -ms-border-radius: 25px;
    -o-border-radius: 25px;
    border-radius: 25px;
    padding: 15px 35px;
    border-color: transparent;
    background: #244781;
    background: linear-gradient(90deg, #244781 0%, var(--color_pastel_red) 100%);
    color: white;
}

.btn.no-rd {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
}

.hero_container {
    position: relative;
}

.hero_container.content_page {
    padding-top: 180px;
}

.hero_container .dev-carousel {
    width: 100%;
    min-height: 100vh;
}

.hero_container .dev-carousel .item {
    padding: 280px 0 0;
    width: 100%;
    min-height: 1435px;
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
}


/*.hero_container .dev-carousel .item:first-child::after {
    background: url(images/star.png);
    position: absolute;
    width: 100%;
    height: 100%;
    content: "";
    top: 0;
    background-repeat: no-repeat;
    background-size: contain;
    z-index: -1;
}*/

.hero_container .dev-carousel .item .shape1,
.hero_container .dev-carousel .item .shape2 {
    position: absolute;
    right: 140px;
    z-index: -1;
}

.hero_container .dev-carousel .item .shape1 {
    bottom: 335px;
}

.hero_container .dev-carousel .item .shape2 {
    bottom: 535px;
}

.hero_container .dev-carousel .item .shape3 {
    position: absolute;
    right: 123px;
    top: 222px;
    z-index: -1;
}

.hero_container .dev-carousel .item .shape3 img {
    max-width: 580px;
}

.hero_container .dev-carousel .item .slide-title b {
    font-weight: bold;
}

.hero_container .dev-carousel .item .scroll_down {
    margin-left: 40px;
    color: #fff;
    display: block;
    position: absolute;
    top: 820px;
}

.hero_container .dev-carousel .item .actions .slick-controls {
    display: inline-block;
    vertical-align: middle;
    margin-right: 40px;
}

.hero_container .dev-carousel .item .actions .slick-controls button {
    display: inline-flex;
    height: 44px;
    width: 44px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    border: 1px solid white;
    color: white;
    font-size: 16px;
    background: none;
    cursor: pointer;
}

.hero_container .dev-carousel .item .actions .btn {
    height: 70px;
}

.hero_container .dev-carousel .item .actions .slick-controls button:hover {
    background: #fff;
}

.hero_container .dev-carousel .item .actions .slick-controls button:hover svg {
    fill: var(--color_dark_red);
}

.hero_container .dev-carousel .item .actions .slick-controls button+button {
    margin-left: 15px;
}

.hero_container .dev-carousel .item .slide-title-container {
    min-height: 177px;
    display: flex;
    align-items: flex-end;
    margin-bottom: 114px;
}

.hero_container .dev-carousel .item .slide-title-container .slide-title {
    font-family: "DM Sans", sans-serif;
    font-size: 55px;
    font-weight: normal;
    line-height: 1.09;
    color: #fff;
    max-width: 955px;
}

.hero_container .dev-carousel .item .hero-title {
    font-family: "Roboto", sans-serif;
    font-size: 20px;
    color: #fff;
}

.hero_container .dev-carousel .item .time {
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    color: #fff;
    font-weight: 500;
}

.hero_container .dev-carousel .item .time span {
    font-weight: 300;
}

.hero_container[data-gradient="gradient_blue"] {
    background-image: linear-gradient(295deg, var(--color_blue) 35%, var(--color_dark_blue) 70%);
}

.hero_container[data-gradient="gradient_gray"] {
    background-image: linear-gradient(45deg, #f0f3f8 0%, #f6f7fa 50%);
}

.hero_container[data-gradient="gradient_actify"] {
    background-image: linear-gradient(45deg, #244781 35%, #d36566 100%);
}

.hero_container .last-posts {
    position: absolute;
    bottom: 0;
    width: 100%;
}

.hero_container .last-posts .container {
    max-width: calc(100% - 280px);
    padding: 0;
    display: flex;
    justify-content: space-between;
}

.hero_container .last-posts .container .slide-title {
    font-size: 55px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.09;
    letter-spacing: normal;
    text-align: left;
    color: var(--color_white);
    display: inline-block;
    vertical-align: middle;
    margin: 0 0 40px 0;
}

.hero_container .last-posts .container a {
    width: 252px;
    height: 70px;
}

.hero_container .last-posts .posts_container {
    display: flex;
}

.hero_container .last-posts .dev-post-bloc {
    width: 50%;
    display: inline-block;
    padding: 45px 100px;
    background: var(--color_gray);
    border-radius: 180px 0 0 180px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 335px;
}

.hero_container .last-posts .dev-post-bloc .bloc-header {
    display: flex;
    justify-content: space-between;
    margin-bottom: 25px;
}

.hero_container .last-posts .dev-post-bloc .bloc-header .bloc-categ {
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 1.28px;
    color: var(--color_red);
}

.hero_container .last-posts .dev-post-bloc .bloc-header .bloc-date {
    font-family: "Roboto", sans-serif;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 1.44px;
    color: #244781;
}

.hero_container .last-posts .dev-post-bloc .bloc-content {
    margin-bottom: 25px;
}

.hero_container .last-posts .dev-post-bloc .bloc-content h4 {
    margin: 0;
    font-family: "DM Sans", sans-serif;
    font-size: 26px;
    font-weight: bold;
    line-height: 1.38;
    color: #244781;
}

.hero_container .last-posts .dev-post-bloc .bloc-action {
    display: flex;
    justify-content: flex-end;
}

.hero_container .last-posts .dev-post-bloc .bloc-action .read-more {
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 1.28px;
    color: var(--color_red);
}

.hero_container .last-posts .dev-post-bloc .bloc-action .read-more svg {
    vertical-align: middle;
}

.section-who-we-are {
    padding: 105px 0 180px;
    position: relative;
}

.section-who-we-are .container {
    max-width: 1250px;
    position: relative;
}

.section-who-we-are .container::after {
    content: "";
    position: absolute;
    top: 0;
    right: 205px;
    width: 118px;
    height: 582px;
    background-color: #244780;
    z-index: -1;
}

.section-who-we-are::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 1068px;
    max-width: calc(100% - 690px);
    background: var(--color_gray);
    border-radius: 0 0 500px 500px;
    z-index: -1;
}

.section-who-we-are .squares_container {
    max-width: 690px;
    margin: 0 0 0 auto;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 18px;
}

.section-who-we-are .squares_container .square {
    min-height: 336px;
    background-color: #ab1418;
    position: relative;
}

.section-who-we-are .squares_container .square:nth-child(2) {
    top: 150px;
    background-color: #3363b5;
}

.section-who-we-are .squares_container .square:nth-child(2)::after {
    border-width: 0 0 336px 168px;
    border-color: transparent transparent #244780 transparent;
}

.section-who-we-are .squares_container .square::after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    border-width: 0 168px 336px 0;
    border-color: transparent #dd181e transparent transparent;
    z-index: 1;
    border-style: solid;
}

.section-who-we-are .squares_container .square .dev-shap-bloc {
    height: 100%;
    position: relative;
    z-index: 2;
    padding: 33px 21px;
    color: #fff;
}

.section-who-we-are .squares_container .square .bloc-wrapper {
    display: flex;
    align-items: flex-end;
    height: 100%;
}

.section-who-we-are .squares_container .square .bloc-wrapper .card-content .card-percent {
    font-size: 55px;
    line-height: 60px;
    margin: 0;
    font-family: "DM Sans", sans-serif;
    font-weight: 500;
    margin-bottom: 25px;
}

.section-who-we-are .squares_container .square .bloc-wrapper .card-content .text-sm {
    font-family: "Roboto";
    font-weight: 400;
    font-size: 18px;
    letter-spacing: -0.02em;
    line-height: 28px;
    color: #fff;
}

.section-who-we-are .content {
    width: calc(100% - 354px);
    margin-top: -30px;
}

.section-who-we-are .content h3.section-subtitle {
    font-family: "Roboto", sans-serif;
    font-weight: bold;
    font-size: 20px;
    line-height: 30px;
    text-align: left;
    color: #9d2722;
    margin-bottom: 20px;
}

.section-who-we-are .content h4.section-title {
    font-family: "DM Sans", sans-serif;
    font-weight: bold;
    font-size: 55px;
    line-height: 60px;
    text-align: left;
    color: #244781;
    margin-bottom: 47px;
}

.section-who-we-are .content .row {
    padding-top: 40px;
    display: flex;
    gap: 30px;
    position: relative;
}

.section-who-we-are .content .row::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 690px;
    max-width: 100%;
    height: 1px;
    background-color: #9d2722;
    z-index: -1;
}

.section-who-we-are .content .row p {
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-size: 18px;
    letter-spacing: -0.02em;
    line-height: 24px;
    color: #244781;
    margin-bottom: 30px;
}

.section-who-we-are .content .row .btn {
    margin-top: 25px;
}

.section-who-we-are .content .row::after {
    content: "";
}

.section-who-we-are .content .row .left {
    width: 456px;
}

.section-who-we-are .content .row .right {
    width: 575px;
}

.section-missions {
    background-color: #f8f9fc;
}

.section-missions .container {
    max-width: 1390px;
}

.section-missions .grid_container {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
}

.section-missions .grid_container .item {
    position: relative;
    min-height: 338px;
    display: flex;
    align-items: center;
}

.section-missions .grid_container .item .btn {
    width: 180px;
    height: 70px;
    background: #dd181e;
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-size: 14px;
    text-align: center;
    color: #fff;
    padding: 0;
    align-items: center;
    justify-content: center;
    margin-top: 30px;
}

.section-missions .grid_container .item h4 {
    font-family: "Roboto", sans-serif;
    font-weight: 700;
    font-size: 45px;
    line-height: 59px;
    color: #dd181e;
}

.section-missions .grid_container .item a {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    width: 100%;
    height: 100%;
    padding: 40px;
    position: relative;
    z-index: 2;
}

.section-missions .grid_container .item svg {
    position: absolute;
    top: 30px;
    right: 20px;
}

.section-missions .grid_container .item:first-child {
    background-color: #f8f9fc;
}

.section-missions .grid_container .item:first-child .bloc-wrapper img {
    border-radius: 190px 190px 0 0;
}

.section-missions .grid_container .item:nth-child(2),
.section-missions .grid_container .item:nth-child(4),
.section-missions .grid_container .item:nth-child(10) {
    background-color: #3463b5;
}

.section-missions .grid_container .item:nth-child(6),
.section-missions .grid_container .item:nth-child(8) {
    background-color: #9d2722;
}

.section-missions .grid_container .item:nth-child(5) {
    grid-column-start: 1;
    grid-column-end: 3;
    padding: 0 40px;
}

.section-missions .grid_container .item:nth-child(3) svg,
.section-missions .grid_container .item:nth-child(7) svg,
.section-missions .grid_container .item:nth-child(9) svg {
    fill: #244781;
}

.section-missions .grid_container .item:nth-child(3) .bloc-wrapper .card-content .card-nbr,
.section-missions .grid_container .item:nth-child(7) .bloc-wrapper .card-content .card-nbr,
.section-missions .grid_container .item:nth-child(9) .bloc-wrapper .card-content .card-nbr {
    color: #244781;
}

.section-missions .grid_container .item:nth-child(3) .bloc-wrapper .card-content h6,
.section-missions .grid_container .item:nth-child(7) .bloc-wrapper .card-content h6,
.section-missions .grid_container .item:nth-child(9) .bloc-wrapper .card-content h6 {
    color: #244781;
}

.section-missions .grid_container .item:nth-child(3)::after,
.section-missions .grid_container .item:nth-child(7)::after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 168px 338px 0;
    border-color: transparent #ffffff transparent transparent;
    z-index: 1;
}

.section-missions .grid_container .item:nth-child(2)::after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 168px 338px 0;
    border-color: transparent #244780 transparent transparent;
    z-index: 1;
}

.section-missions .grid_container .item:last-child {
    background-color: #244781;
}

.section-missions .grid_container .item:last-child .bloc-wrapper img {
    border-radius: 0 0 190px 190px;
}

.section-missions .grid_container .item .bloc-wrapper {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.section-missions .grid_container .item .bloc-wrapper img {
    width: 100%;
    height: 100%;
}

.section-missions .grid_container .item .bloc-wrapper .card-content h6 {
    font-family: "DM Sans", sans-serif;
    font-weight: 500;
    font-size: 24px;
    line-height: 34px;
    color: #fff;
}

.section-missions .grid_container .item .bloc-wrapper .card-content .card-nbr {
    opacity: 0.2;
    margin-bottom: 10px;
    display: flex;
    font-family: "DM Sans", sans-serif;
    font-weight: 500;
    font-size: 24px;
    line-height: 34px;
    color: #fff;
}

.section-find-annuaire {
    padding: 130px 0 0 0;
    min-height: 900px;
}

.section-find-annuaire .container {
    max-width: 1390px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 765px;
    position: relative;
}

.section-find-annuaire .container::after {
    content: "";
    position: absolute;
    left: 115px;
    top: 0;
    width: 542px;
    height: 765px;
    border-radius: 0 0 500px 500px;
    background: linear-gradient(180deg, #244781 0%, #708dc0 100%);
    z-index: -1;
}

.section-find-annuaire .annuaire-content {
    padding: 0 135px 0 95px;
    width: 100%;
}

.section-find-annuaire .annuaire-content .fa-contenu {
    max-width: 905px;
    position: relative;
    padding: 60px 25px;
    background-color: #e8ecf2;
    border-radius: 4px;
    margin: 0 0 0 auto;
}

.section-find-annuaire .annuaire-content .fa-contenu svg {
    position: absolute;
    right: -35px;
    top: 25px;
}

.section-find-annuaire .annuaire-content .fa-contenu .intro-annuaire {
    max-width: 635px;
    margin: 0 auto;
}

.section-find-annuaire .annuaire-content .fa-contenu .label {
    font-family: "DM Sans", sans-serif;
    font-weight: 500;
    font-size: 24px;
    line-height: 34px;
    color: #9d2722;
}

.section-find-annuaire .annuaire-content .fa-contenu h4 {
    font-family: "DM Sans", sans-serif;
    font-weight: 400;
    font-size: 32px;
    line-height: 42px;
    color: #244781;
}

.section-find-annuaire .annuaire-content .fa-contenu h4 span {
    font-weight: 700;
}

.section-find-annuaire .filtre-ajmj-avance {
    width: 880px;
    left: -106px;
    max-width: 100%;
}

.section-find-annuaire .more-filtre-rech-avance {
    left: 24px;
    top: 28px;
}

.section-find-annuaire .filtre-ajmj-avance .recherche-avance {
    max-width: 880px;
    width: 100%;
}

.section-find-annuaire .filtre-ajmj-avance .recherche-avance .inner-recherche-avance {
    width: 92%;
}

.section-find-annuaire .filtre-ajmj-avance .recherche-avance .inner-recherche-avance .select2-container {
    width: 370px !important;
}

.section-faq {
    padding: 50px 0 35px 0;
}

.section-faq .container {
    max-width: 1390px;
}

.section-faq .faq-content {
    max-width: 930px;
    margin: 0 auto;
}

.section-faq .faq-content h4 {
    font-family: "DM Sans", sans-serif;
    font-weight: 700;
    font-size: 55px;
    line-height: 60px;
    text-align: center;
    color: #244781;
    max-width: 690px;
    margin: 0 auto 55px;
}

.section-faq .faq-content .tabs-contents .tabs {
    display: flex;
    list-style-type: none;
    margin-bottom: 65px;
}

.section-faq .faq-content .tabs-contents .tab {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    cursor: pointer;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    width: 50%;
    height: 45px;
    border-radius: 10px 10px 0 0;
    background: transparent;
    font-family: "DM Sans", sans-serif;
    font-weight: bold;
    font-size: 18px;
    line-height: 26px;
    color: #244780;
    padding: 0 48px;
    border-bottom: 2px solid #d3dae6;
}

.section-faq .faq-content .tabs-contents .tab.active {
    color: #dd181e;
    border-bottom-color: #dd181e;
}

.section-faq .faq-content .tabs-contents .tab.tab-mobile {
    width: 100%;
    margin-bottom: 65px;
    display: none;
}

.section-faq .faq-content .tabs-contents .tab:hover {
    color: #dd181e;
    border-bottom-color: #dd181e;
}

.section-faq .faq-content .tabs-contents .tab-content .tab-items {
    padding-bottom: 65px;
    display: none;
}

.section-faq .faq-content .tabs-contents .tab-content .tab-items.active {
    display: block;
}

.section-faq .faq-content .tabs-contents .tab-content .tab-items .tab-item {
    background-color: #fff;
    padding: 27px 36px;
    display: flex;
    align-items: center;
    gap: 50px;
    margin-top: 19px;
    border-bottom-right-radius: 15px;
    width: 100%;
    box-shadow: 0px 50px 60px rgba(52, 99, 181, 0.15);
}

.section-faq .faq-content .tabs-contents .tab-content .tab-items .tab-item .number {
    font-family: "DM Sans", sans-serif;
    font-weight: 400;
    font-size: 25px;
    line-height: 35px;
    color: #244780;
    opacity: 0.37;
}

.section-faq .faq-content .tabs-contents .tab-content .tab-items .tab-item .content h4 {
    font-family: "DM Sans", sans-serif;
    font-weight: 700;
    font-size: 24px;
    line-height: 34px;
    color: #3e8bd8;
    margin-bottom: 8px;
}

.section-faq .faq-content .tabs-contents .tab-content .tab-items .tab-item .content p {
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    color: #244780;
}

.section-faq .faq-content .accordion {
    display: flex;
    flex-direction: column;
}

.section-faq .faq-content .accordion .item {
    display: flex;
    flex-direction: column;
    border-bottom: 1px solid #d5e6f6;
    padding: 30px 0;
}

.section-faq .faq-content .accordion .item:first-child {
    border-top: 1px solid #d5e6f6;
}

.section-faq .faq-content .accordion .item.active {
    border-bottom: 2px solid #244781;
}

.section-faq .faq-content .accordion .item.active button .icon {
    transform: rotate(180deg);
}

.section-faq .faq-content .accordion .item.active .content {
    margin: 32px 50px 20px auto;
}

.section-faq .faq-content .accordion .item .accordionBtn {
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    background-color: transparent;
    display: flex;
    width: 100%;
    border: none;
    cursor: pointer;
    justify-content: space-between;
    font-family: "DM Sans", sans-serif;
    font-weight: 500;
    font-size: 20px;
    line-height: 34px;
    color: #244781;
    align-items: center;
    gap: 37px;
}

.section-faq .faq-content .accordion .item .accordionBtn .icon {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

.section-faq .faq-content .accordion .item .content {
    width: 505px;
    max-width: 100%;
    max-height: 0;
    margin: 0 50px 0 auto;
    display: block;
    background-color: transparent;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    overflow: hidden;
}

.section-faq .faq-content .accordion .item .content ul {
    margin-top: 22px;
}

.section-faq .faq-content .accordion .item .content ul li {
    margin-bottom: 20px;
}

.section-faq .faq-content .accordion .item .content ul li a {
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 28px;
    color: #244781;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

.section-faq .faq-content .accordion .item .content ul li:hover a {
    color: #dd181e;
}

.section-faq .faq-content .accordion .item .content p {
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    text-align: left;
    color: #244780;
    margin-bottom: 22px;
}

.section-faq .faq-content .accordion .item .content h5 {
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 16px;
    text-align: left;
    color: #244780;
    margin-bottom: 15px;
}

.section-faq .faq-content .accordion .item .content h5 a {
    text-decoration: underline;
    color: #3e8bd8;
}

.section-actify {
    background: linear-gradient(350deg, #244781 0%, #708dc0 100%);
    position: relative;
    padding: 117px 0;
}

.section-actify::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    height: 100%;
    width: 100%;
    background-position: 52% center;
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-image: url("../images/bg_actify.svg");
    mix-blend-mode: overlay;
    pointer-events: none;
}

.section-actify .container {
    max-width: 1250px;
    display: flex;
}

.section-actify .actify-description {
    width: 505px;
    margin-right: 85px;
}

.section-actify .actify-description .logo-actify {
    margin-bottom: 40px;
}

.section-actify .actify-description .desc-actify h4 {
    font-family: "DM Sans", sans-serif;
    font-weight: bold;
    font-size: 45px;
    line-height: 55px;
    text-align: left;
    color: #fff;
}

.section-actify .actify-description .desc-actify p {
    font-family: Roboto;
    font-weight: normal;
    font-size: 18px;
    line-height: 28px;
    text-align: left;
    color: #fff;
    margin-top: 60px;
    max-width: 420px;
}

.section-actify .actify-description .desc-actify .btn {
    width: 180px;
    height: 70px;
    background: #9d2722;
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-size: 14px;
    text-align: center;
    color: #fff;
    padding: 0;
    align-items: center;
    justify-content: center;
    margin-top: 60px;
}

.section-actify .items-actify {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    width: calc(100% - 590px);
}

.section-actify .items-actify .item-actif {
    border-radius: 20px;
    min-height: 215px;
    position: relative;
    z-index: 3;
    overflow: hidden;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

.section-actify .items-actify .item-actif:nth-child(3n+1) {
    background-color: #717fad;
}

.section-actify .items-actify .item-actif:nth-child(3n+2) {
    background-color: #dd9497;
}

.section-actify .items-actify .item-actif:nth-child(3n) {
    background-color: #000;
}

.section-actify .items-actify .item-actif:hover {
    border-radius: 20px 20px 200px 20px;
}

.section-actify .items-actify .item-actif::after,
.section-actify .items-actify .item-actif::before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 20px;
    top: 0;
    left: 0;
}


/*.section-actify .items-actify .item-actif:after {
    z-index: 1;
    background-color: #c37a7c;
    mix-blend-mode: color;
}

.section-actify .items-actify .item-actif::before {
    z-index: 2;
    background-color: #ebd2d6;
    opacity: 0.44;
}*/

.section-actify .items-actify .item-actif.item-actif-long {
    grid-row-start: 1;
    grid-row-end: 3;
    background-color: #f0f3f8;
}

.section-actify .items-actify .item-actif.item-actif-long::before,
.section-actify .items-actify .item-actif.item-actif-long::after {
    content: none;
}

.section-actify .items-actify .item-actif.item-actif-long:hover {
    border-radius: 20px;
}

.section-actify .items-actify .item-actif.item-actif-long .image-container {
    margin: 8px;
    width: calc(100% - 16px);
    border-radius: 20px;
    overflow: hidden;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: inset 0px 0px 16px #00000029;
    opacity: 1;
}

.section-actify .items-actify .item-actif.item-actif-long .image-container:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 20px;
    background: #000;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
    opacity: 0.5;
}

.section-actify .items-actify .item-actif.item-actif-long .image-container img {
    /*width: 210px;
    height: 95px;*/
    max-width: 100%;
}

.section-actify .items-actify .item-actif.item-actif-long span {
    color: #244781;
}

.section-actify .items-actify .item-actif.item-actif-long p {
    font-family: "Roboto", sans-serif;
    font-weight: 300;
    font-size: 18px;
    color: #244781;
}

.section-actify .items-actify .item-actif p {
    font-family: "Roboto", sans-serif;
    font-weight: 300;
    font-size: 18px;
    color: #ffffff;
}

.section-actify .items-actify .item-actif.item-actif-long h5 {
    color: #244781;
    font-family: "Roboto", sans-serif;
}

.section-actify .items-actify .item-actif.item-actif-dark::after {
    background-color: #262626;
}

.section-actify .items-actify .item-actif.item-actif-dark::before {
    background-color: #000;
}

.section-actify .items-actify .item-actif.item-actif-blue::after {
    background-color: #3e8bd8;
}

.section-actify .items-actify .item-actif.item-actif-blue::before {
    background-color: #977299;
}

.section-actify .items-actify .item-actif .image-container {
    width: 100%;
    height: 215px;
    position: absolute;
    z-index: 1;
    opacity: 0;
}

.section-actify .items-actify .item-actif .image-container img {
    width: 100%;
    height: 100%;
}

.section-actify .items-actify .item-actif .info-actif {
    height: 215px;
    position: relative;
    z-index: 5;
    padding: 43px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.section-actify .items-actify .item-actif span {
    display: flex;
    font-family: "Roboto", sans-serif;
    font-weight: 300;
    font-size: 16px;
    line-height: 21px;
    color: #fff;
}

.section-actify .items-actify .item-actif h5 {
    font-family: "DM Sans";
    font-weight: bold;
    font-size: 20px;
    text-align: left;
    color: #fff;
    margin-bottom: 16px;
}

body.dark-style .hero_container .dev-carousel .item .slide-title-container .slide-title,
body.dark-style .hero_container .last-posts .container .slide-title,
body.dark-style .hero_container .dev-carousel .item .scroll_down {
    color: #244780;
}

body.dark-style .hero_container .dev-carousel .item .actions .slick-controls button {
    border: 1px solid #244780;
    color: #244780;
}

body.dark-style .hero_container .dev-carousel .item .actions .slick-controls button:hover {
    background: #e2eaf7;
    border: 1px solid #e2eaf7;
}

body.dark-style .hero_container .dev-carousel .item .actions .slick-controls button svg {
    fill: #3463b5;
}

body.dark-style .hero_container .dev-carousel .item .actions .slick-controls button:hover svg {
    fill: #3463b5;
}

.annuaire-section .annuaire-equipe-items {
    padding-top: 100px;
    transition: 0.5s ease-in-out;
}

.annuaire-section .annuaire-equipe-items.padd_from_top {
    padding-top: 285px;
}

.annuaire-section .annuaire_wrapp {
    position: relative;
}

.annuaire-section .top {
    position: relative;
}

.annuaire-section {
    padding-top: 160px;
}

.annuaire-section .top h1 {
    font-size: 55px;
    font-weight: 700;
    font-family: "DM Sans", sans-serif;
    color: #244780;
    position: relative;
    z-index: 1;
    padding-left: 6px;
}

.annuaire-section .top:after {
    content: "";
    background: url(images/pattern-annuaire.png);
    width: 375.74px;
    height: 530.33px;
    position: absolute;
    position: absolute;
    top: -30px;
    left: 6px;
}

.annuaire-section .top .more-filtre {
    cursor: pointer;
    color: #3e8bd8;
    font-size: 14px;
    font-family: "Roboto", sans-serif;
    left: 120px;
    position: relative;
    top: 38px;
    display: inline;
    z-index: 1;
}

.annuaire-section .top .filtre {
    background-color: #fff;
    max-width: 964px;
    height: 100px;
    margin: 10px auto 0 auto;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    border: 1px solid rgba(62, 139, 216, 0.3);
    -webkit-box-shadow: -3px 41px 50px 1px rgba(112, 112, 112, 0.38);
    box-shadow: -3px 41px 50px 1px rgba(112, 112, 112, 0.38);
    position: relative;
    z-index: 9;
}

.annuaire-section .top .filtre ::-webkit-input-placeholder {
    color: rgba(0, 0, 0, 0.2);
    font-weight: 500;
    font-family: "DM Sans", sans-serif;
    font-size: 14px;
    line-height: 24px;
}

.annuaire-section .top .filtre ::-moz-placeholder {
    color: rgba(0, 0, 0, 0.2);
    font-weight: 500;
    font-family: "DM Sans", sans-serif;
    font-size: 14px;
    line-height: 24px;
}

.annuaire-section .top .filtre :-ms-input-placeholder {
    color: rgba(0, 0, 0, 0.2);
    font-weight: 500;
    font-family: "DM Sans", sans-serif;
    font-size: 14px;
    line-height: 24px;
}

.annuaire-section .top .filtre :-moz-placeholder {
    color: rgba(0, 0, 0, 0.2);
    font-weight: 500;
    font-family: "DM Sans", sans-serif;
    font-size: 14px;
    line-height: 24px;
}

.annuaire-section .top .filtre .search {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
}

.annuaire-section .top .filtre .search>span {
    font-size: 12px;
    color: rgba(0, 0, 0, 0.4);
    font-family: "Roboto", sans-serif;
    position: absolute;
    top: 16px;
}

.annuaire-section .top .filtre form {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 95%;
}

.annuaire-section .top .filtre form svg {
    position: relative;
    top: 3px;
}

.annuaire-section .top input {
    border: 0;
    color: rgba(36, 70, 128, 0.5);
    font-family: "DM Sans", sans-serif;
    font-size: 14px;
    line-height: 24px;
    width: 100%;
    padding-right: 18px;
    color: rgba(0, 0, 0, 0.2);
    font-weight: 500;
    font-family: "DM Sans", sans-serif;
    font-size: 14px;
    line-height: 24px;
    margin-left: 15px;
    width: 50%;
    transition: 0.5s ease-in-out;
}

.annuaire-section .top button {
    border-radius: 0 4px 4px 0;
    -webkit-border-radius: 0 4px 4px 0;
    -moz-border-radius: 0 4px 4px 0;
    background-color: #244781;
    border: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100px;
    height: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    /*pointer-events: none;*/
}

.annuaire-section .top button:after {
    content: "";
    background: url(images/icon-search-white.svg);
    position: absolute;
    width: 20px;
    height: 22px;
}

.annuaire-section .top .inner-filtre {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-right: 50px;
    padding-left: 24px;
    width: 100%;
    align-items: center;
    justify-content: center;
}

.annuaire-section .top .inner-filtre .filtre-departement {
    width: 321px;
    margin-right: 50px;
    position: relative;
}

.annuaire-section .top .inner-filtre .filtre-departement:before {
    content: "";
    height: 51px;
    position: absolute;
    width: 1px;
    background-color: rgba(62, 139, 216, 0.3);
    left: -74px;
    top: -13px;
}

.annuaire-section .top .inner-filtre .filtre-departement .select2-container--default .select2-selection--single {
    font-size: 14px;
    font-family: "Roboto", sans-serif;
    color: rgba(0, 0, 0, 0.4);
    border: 0;
}

.annuaire-section .top .inner-filtre .filtre-departement .select2-container {
    width: 100% !important;
}

.annuaire-section .top .inner-filtre .select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: rgba(0, 0, 0, 0.4);
    font-size: 14px;
    font-family: "Roboto", sans-serif;
}

.annuaire-section .top .inner-filtre .select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: 0;
    border-width: 0;
}

.annuaire-section .top .inner-filtre .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: auto;
    top: 44%;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    transform: translateY(-50%);
}

.annuaire-section .top .inner-filtre .select2-container--default .select2-selection--single .select2-selection__arrow:after {
    content: "";
    background: url(images/arrow-select.svg);
    width: 10px;
    height: 5.7px;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    position: absolute;
    right: 20px;
}

.annuaire-section .top .inner-filtre .select2-container--open .select2-selection__arrow:after {
    transform: scaleY(-1) !important;
}

.annuaire-section .top .filtre-departement {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-left: auto;
    column-gap: 30px;
}

.annuaire-section .recherche-avance {
    z-index: 1;
    display: none;
    background-color: #fff;
    position: absolute;
    width: 962px;
    left: 0;
    top: 98px;
    padding-top: 42px;
    padding-bottom: 30px;
    z-index: 9;
    max-width: 100%;
}

.annuaire-section .recherche-avance .top-rech {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    max-width: 88%;
    margin: auto;
    align-items: center;
}

.annuaire-section .recherche-avance .top-rech .fermer {
    cursor: pointer;
    margin-left: auto;
    color: #244780;
    font-weight: 500;
    font-family: "Roboto", sans-serif;
    padding-right: 40px;
    position: relative;
}

.annuaire-section .recherche-avance .top-rech .fermer:after {
    content: "";
    width: 12.74px;
    height: 12.74px;
    background: url(images/close-search.svg);
    position: absolute;
    top: 3px;
    right: 0;
}

.annuaire-section .recherche-avance .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 47px;
    padding-left: 14px;
}

.annuaire-section .recherche-avance .inner-recherche-avance {
    max-width: 88%;
    margin: auto;
    padding-top: 20px;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    position: relative;
    left: 19px;
}

.annuaire-section .recherche-avance .inner-recherche-avance .select2-container {
    width: 405px !important;
}

.annuaire-section .recherche-avance h6 {
    padding-left: 18px;
    color: #244781;
    font-size: 28px;
    font-weight: 500;
    font-family: "DM Sans", sans-serif;
}

.annuaire-section .recherche-avance .dropdown-filtre {
    margin-bottom: 18px;
    flex: 50%;
}

.annuaire-section .recherche-avance .select2-container--default .select2-selection--single {
    border: 1px solid rgba(62, 139, 216, 0.3);
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    height: 50px;
    font-size: 14px;
    font-family: "Roboto", sans-serif;
    color: rgba(0, 0, 0, 0.4);
}

.annuaire-section .recherche-avance .recherche-action {
    max-width: 88%;
    margin: auto;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
}

.annuaire-section .recherche-avance .recherche-action .effacer {
    padding-left: 20px;
    cursor: pointer;
    font-size: 14px;
    color: rgba(36, 71, 128, 0.5);
    font-family: "Roboto", sans-serif;
}

.annuaire-section .recherche-avance .recherche-action .rechercher {
    cursor: pointer;
    width: 180px;
    height: 50px;
    line-height: 50px;
    margin-left: auto;
}

.vos-droits-section {
    overflow: hidden;
    padding-top: 160px;
    min-height: 100vh;
    background: transparent linear-gradient(360deg, #f0f3f8 0%, #ffffff 100%) 0% 0% no-repeat padding-box;
}

.vos-droits-section .container {
    position: relative;
}

.vos-droits-section .container .section-background-container {
    position: absolute;
    right: 50px;
    top: 14px;
    z-index: 1;
}

.vos-droits-section .container .section-content {
    position: relative;
    max-width: 964px;
    margin: 0 auto;
    z-index: 2;
}

.vos-droits-section .container .section-content .top {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.vos-droits-section .container .section-content .top .left {
    display: flex;
    flex-direction: column;
    padding-right: 30px;
}

.vos-droits-section .container .section-content .top .left h1 {
    font-family: "DM Sans", sans-serif;
    font-weight: 700;
    font-size: 45px;
    line-height: 55px;
    text-align: left;
    color: #ab1418;
}

.vos-droits-section .container .section-content .top .right {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    align-self: flex-start;
}

.vos-droits-section .container .section-content .top .right .page-switchs {
    display: flex;
}

.vos-droits-section .container .section-content .top .right .page-switchs a {
    display: flex;
    width: 50px;
    height: 50px;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    background-color: #e9edf5;
    border: 1px solid #3463b5;
    background-color: transparent;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

.vos-droits-section .container .section-content .top .right .page-switchs a:last-child {
    margin-left: 16px;
}

.vos-droits-section .container .section-content .top .right .page-switchs a:hover {
    background-color: #e9edf5;
    border: 1px solid #e9edf5;
}

.vos-droits-section .container .section-content .content {
    margin: 47px 0 90px 0;
}

.vos-droits-section .container .section-content .content p {
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-size: 16px;
    letter-spacing: -0.02em;
    line-height: 24px;
    text-align: left;
    color: #244780;
    margin-bottom: 37px;
}

.vos-droits-section .container .section-content .content h4 {
    font-family: Roboto;
    font-weight: bold;
    font-size: 18px;
    letter-spacing: -0.02em;
    line-height: 24px;
    text-align: left;
    color: #244780;
    margin-bottom: 30px;
}

.vos-droits-section .container .section-content .content ul,
.vos-droits-section .container .section-content .content ol {
    max-width: 964px;
    margin-left: 32px;
}

.vos-droits-section .container .section-content .content ul li,
.vos-droits-section .container .section-content .content ol li {
    margin-bottom: 25px;
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-size: 16px;
    letter-spacing: -0.02em;
    line-height: 24px;
    text-align: left;
    color: #244780;
    padding-left: 35px;
    position: relative;
}

.vos-droits-section .container .section-content .content ul li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 11px;
    width: 4px;
    height: 4px;
    background-color: #244780;
    border-radius: 100%;
}

.vos-droits-section .container .section-content .content .cards-container {
    display: grid;
    grid-template-columns: auto auto;
    grid-row-gap: 80px;
    grid-column-gap: 12px;
}

.vos-droits-section .container .section-content .content .cards-container .card h3 {
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    font-size: 16px;
    letter-spacing: -0.02em;
    line-height: 24px;
    text-align: left;
    color: #ab1418;
    padding-bottom: 58px;
    position: relative;
    z-index: 2;
}

.vos-droits-section .container .section-content .content .cards-container .card h3::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 26px;
    width: 83px;
    height: 1px;
    background-color: #9d2722;
}

.vos-droits-section .container .section-content .content .cards-container .card p {
    font-family: "DM Sans", sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 26px;
    text-align: left;
    color: #244781;
    margin-bottom: 29px;
    position: relative;
    z-index: 2;
}

.vos-droits-section .container .section-content .content .cards-container .card p:last-child {
    margin: 0;
}

.vos-droits-section .container .section-content .content .cards-container .card {
    padding-right: 55px;
}

.droits-obligations-section {
    background: transparent linear-gradient(356deg, #f0f3f8 0%, #fff 100%) 0% 0% no-repeat padding-box;
    position: relative;
    display: flex;
    flex-direction: column;
    padding-top: 160px;
    padding-bottom: 57px;
}

.droits-obligations-section .top {
    max-width: 1078px;
    margin: auto;
}

.droits-obligations-section .top h1 {
    font-size: 55px;
    color: #244780;
    font-weight: 700;
    line-height: 60px;
    font-family: "DM Sans", sans-serif;
    text-align: center;
}

.droits-obligations-section .top .filter {
    background-color: #fff;
    max-width: 1078px;
    height: 100px;
    margin: 47px auto 0 auto;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    border: 1px solid rgba(62, 139, 216, 0.3);
    -webkit-box-shadow: 0px 50px 40px #000c1f27;
    box-shadow: 0px 50px 40px #000c1f27;
}

.droits-obligations-section .top .filter ::-webkit-input-placeholder {
    color: rgba(36, 70, 128, 0.5);
    font-family: "DM Sans", sans-serif;
    font-size: 14px;
    line-height: 24px;
}

.droits-obligations-section .top .filter ::-moz-placeholder {
    color: rgba(36, 70, 128, 0.5);
    font-family: "DM Sans", sans-serif;
    font-size: 14px;
    line-height: 24px;
}

.droits-obligations-section .top .filter :-ms-input-placeholder {
    color: rgba(36, 70, 128, 0.5);
    font-family: "DM Sans", sans-serif;
    font-size: 14px;
    line-height: 24px;
}

.droits-obligations-section .top .filter :-moz-placeholder {
    color: rgba(217, 72, 50, 0.5);
    font-family: "DM Sans", sans-serif;
    font-size: 14px;
    line-height: 24px;
}

.droits-obligations-section .top form {
    position: relative;
    width: 111px;
}

.droits-obligations-section .top input {
    border: 0;
    color: rgba(36, 70, 128, 0.5);
    font-family: "DM Sans", sans-serif;
    font-size: 14px;
    line-height: 24px;
    width: 100%;
    padding-right: 18px;
}

.droits-obligations-section .top button {
    background-color: transparent;
    border: 0;
    position: absolute;
    right: 0;
    top: 6px;
}

.droits-obligations-section .top button:after {
    content: "";
    background: url(images/arrow-input.svg);
    position: absolute;
    width: 16px;
    height: 16px;
    right: 0;
}

.droits-obligations-section .top .inner-filtre {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-right: 50px;
    padding-left: 50px;
    width: 100%;
    align-items: center;
    justify-content: center;
}

.droits-obligations-section .top .filter-item {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-left: auto;
    column-gap: 30px;
}

.droits-obligations-section .top .filter-item div {
    color: #244781;
    font-size: 14px;
    font-family: "Roboto", sans-serif;
    cursor: pointer;
}

.droits-obligations-section .top .filter-item div.active {
    color: #dd181e;
    pointer-events: none;
}

.droits-obligations-section .droits-obligations-items {
    padding-top: 55px;
}

.droits-obligations-section .droits-obligations-items .content-filtre {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}


/*.nos-actualites-second .do-item
.section-listening .middle .other-actu-box.do-item */

.droits-obligations-section .do-item {
    display: none;
}

.droits-obligations-section .show,
.nos-actualites-second .show,
.section-listening .middle .other-actu-box.show {
    display: block;
}

.gouvernance-section {
    flex-direction: column;
    padding-top: 160px;
}

.gouvernance-section .section-mot-president {
    position: relative;
}

.gouvernance-section .section-mot-president .inner {
    max-width: 980px;
    margin: auto;
}

.gouvernance-section .section-mot-president .inner .row {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-top: 45px;
}

.gouvernance-section .section-mot-president::before {
    position: absolute;
    bottom: -33px;
    left: 0;
    width: calc(100% - ((100% - 1160px) / 2));
    height: 602px;
    background: #f0f3f8 0% 0% no-repeat padding-box;
    z-index: -1;
    content: "";
    display: block;
}

.gouvernance-section .section-mot-president .col-content .shape {
    display: block;
    position: absolute;
    right: -8px;
    top: -68px;
}

.gouvernance-section .section-mot-president h3 {
    font-size: 55px;
    color: #244780;
    font-weight: 700;
    line-height: 60px;
}

.gouvernance-section .section-mot-president .col-image {
    width: 310px;
    margin-right: 50px;
}

.gouvernance-section .section-mot-president .col-content {
    width: 625px;
    position: relative;
}

.gouvernance-section .section-mot-president .avatar {
    position: relative;
    background: #244781;
}

.gouvernance-section .section-mot-president .avatar img {
    filter: grayscale(100%);
    width: 100%;
    height: auto;
    border-radius: 0 0 200px 200px;
}

.gouvernance-section .section-mot-president .avatar .avatar-shape {
    position: absolute;
    top: 110px;
    z-index: 1;
    right: -40px;
}

.gouvernance-section .section-mot-president .fonction {
    margin-top: 30px;
    padding: 0 0 40px 20px;
    border-left: 1px solid #9d2722;
    font-size: 14px;
    font-weight: 600;
}

.gouvernance-section .section-mot-president .fonction h1 {
    font-weight: 700;
    color: #244780;
    font-size: 14px;
    font-family: "Roboto", sans-serif;
}

.gouvernance-section .section-mot-president .fonction h1 a {
    color: #244780;
}

.gouvernance-section .section-mot-president .description {
    padding: 115px 0 54px 14px;
}

.gouvernance-section .section-mot-president .description h3 {
    font-family: "Roboto", sans-serif;
    font-size: 22px;
    font-weight: 300;
    margin-bottom: 30px;
    color: #244781;
    line-height: 32px;
    max-width: 78%;
}

.gouvernance-section .section-mot-president .description p {
    font-size: 16px;
    font-weight: 300;
    font-family: "Roboto", sans-serif;
    color: #244781;
    margin-bottom: 26px;
    line-height: 26px;
}

.gouvernance-section .section-mot-president .signature {
    position: relative;
    top: 35px;
}

.gouvernance-section .section-mot-president .signature h2 {
    color: #244781;
    font-size: 14px;
    font-weight: 500;
    font-family: "Roboto", sans-serif;
    padding-left: 20px;
}

.gouvernance-section .section-mot-president .signature h2 a {
    color: #244781;
}

.gouvernance-section .section-mot-president .signature::before {
    content: "";
    position: absolute;
    width: 11px;
    height: 11px;
    background: #244781;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -webkit-border-radius: 50%;
    top: 2px;
}

.gouvernance-section .equipe-administration .grid-title {
    max-width: 97.82%;
    margin: auto;
}

.gouvernance-section .equipe-administration .grid-title h2 {
    font-size: 40px;
    line-height: 50px;
    color: #244781;
    font-family: "DM Sans";
    font-weight: 700;
    position: relative;
    width: max-content;
}

.gouvernance-section .equipe-administration .grid-title h2:after {
    content: "";
    position: absolute;
    background-color: #9d2722;
    height: 1px;
    width: 100%;
    left: 0;
    bottom: -12px;
}

.gouvernance-section .equipe-administration .administration {
    background: transparent linear-gradient(170deg, #f0f3f8 0%, #fff 100%) 0% 0% no-repeat padding-box;
    margin-top: 78px;
    padding-top: 80px;
}

.gouvernance-section .equipe-administration .administration .subtitle,
.gouvernance-section .equipe-administration .charge-missions .subtitle {
    padding-top: 8px;
}

.gouvernance-section .equipe-administration .administration .items-administration {
    padding-top: 80px;
}

.gouvernance-section .equipe-administration .charge-missions {
    margin-top: 90px;
}

.gouvernance-section .equipe-administration .charge-missions .items-administration {
    padding-top: 80px;
}

.gouvernance-section .items-administration {
    padding-top: 141px;
    max-width: 97.82%;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin: auto;
}


/* Start Changed View*/

.gouvernance-section .items-administration.listed-admin {
    display: grid;
    grid-template-columns: repeat(4, 280px);
    grid-column-gap: 4px;
    grid-row-gap: 4px;
}

.gouvernance-section .items-administration.listed-admin .grid-item {
    margin: 0 !important;
    width: 280px !important;
}

.gouvernance-section .items-administration.listed-admin .grid-item:first-of-type {
    grid-column: 1 / 5;
}

.gouvernance-section .items-administration.listed-admin .grid-item:nth-of-type(n+5) {
    grid-row-start: 3;
}


/* End Changed View*/

.gouvernance-section .items-administration .grid-title {
    flex-basis: 49.4% !important;
}

.gouvernance-section .items-administration .grid-item {
    height: 278px;
    flex-basis: 278px;
    position: relative;
    margin: 2px;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

.gouvernance-section .items-administration .grid-item:hover {
    filter: initial !important;
}

.gouvernance-section .items-administration .grid-item.with-image {
    filter: grayscale(100%);
    background-size: cover;
    background-position: top;
    background-repeat: no-repeat;
    position: relative;
}

.gouvernance-section .items-administration .grid-item.with-image:after {
    content: "";
    position: absolute;
    inset: 0;
    background: #00000040;
}

.gouvernance-section .items-administration .grid-item.triangle:after {
    content: "";
    display: inline-block;
    height: 0;
    width: 0;
    border-left: 140px solid transparent;
    right: 0;
    top: 0;
    position: absolute;
}

.gouvernance-section .items-administration .grid-item.red-triangle {
    background-color: #9d2722;
}

.gouvernance-section .items-administration .grid-item.red-triangle:after {
    border-top: 278px solid #dd181e;
    content: "";
    display: inline-block;
    height: 0;
    width: 0;
    border-left: 140px solid transparent;
    right: 0;
    top: 0;
    position: absolute;
}

.gouvernance-section .items-administration .grid-item.blue-triangle {
    background-color: #244780;
}

.gouvernance-section .items-administration .grid-item.blue-triangle:after {
    border-top: 278px solid #7087ba;
    content: "";
    display: inline-block;
    height: 0;
    width: 0;
    border-left: 140px solid transparent;
    right: 0;
    top: 0;
    position: absolute;
}

.gouvernance-section .items-administration .grid-item.red-simple {
    background-color: #9d2722;
}

.gouvernance-section .items-administration .grid-item.red-circle {
    background-color: #dd181e;
}

.gouvernance-section .items-administration .grid-item.red-circle:after {
    content: "";
    height: 278px;
    width: 100%;
    position: absolute;
    top: 0;
    background-color: #d36566;
    -webkit-border-radius: 0 0 500px 500px;
    -moz-border-radius: 0 0 500px 500px;
    border-radius: 0 0 500px 500px;
    left: 0;
}

.gouvernance-section .items-administration .grid-item.blue-simple-dark {
    background-color: #244780;
}

.gouvernance-section .items-administration .grid-item.blue-simple-light {
    background-color: #3463b5;
}

.gouvernance-section .items-administration .grid-item.red-simple-light {
    background-color: #d36566;
}

.gouvernance-section .items-administration .grid-item.blue-simple-extra-light {
    background-color: #7087ba;
}

.gouvernance-section .items-administration .grid-item.red-simple-dark {
    background-color: #9d2722;
}

.gouvernance-section .items-administration .grid-item .grid-bloc {
    position: relative;
    z-index: 1;
    height: 100%;
}

.gouvernance-section .items-administration .grid-content {
    color: #fff;
    position: absolute;
    bottom: 20px;
    left: 20px;
}

.gouvernance-section .items-administration .grid-content .subtitle {
    font-size: 14px;
    font-weight: 500;
    font-family: "DM Sans";
}

.gouvernance-section .items-administration .grid-content h6 {
    font-size: 18px;
    font-weight: 700;
    font-family: "DM Sans";
    padding-top: 8px;
}

.gouvernance-section .items-administration .grid-content .metier {
    font-size: 16px;
    font-family: "DM Sans";
    font-weight: 300;
    padding-top: 8px;
}

.gouvernance-section .plus-dinfos {
    position: relative;
    margin-top: 78px;
    height: 415px;
    /*544px*/
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
}

.gouvernance-section .plus-dinfos:after {
    content: "";
    height: 100%;
    position: absolute;
    width: calc(100% - 50px);
    background-color: #f0f3f8;
    -moz-border-radius: 0 500px 500px 0;
    -webkit-border-radius: 0 500px 500px 0;
    border-radius: 0 500px 500px 0;
    left: 0;
    top: 0;
}

.gouvernance-section .plus-dinfos .inner {
    max-width: 690px;
    margin: 0 auto;
    position: relative;
    z-index: 1;
    text-align: center;
}

.gouvernance-section .plus-dinfos h6 {
    line-height: 50px;
    font-size: 40px;
    color: #244781;
    font-family: "DM Sans";
    text-align: center;
    font-weight: 700;
}

.gouvernance-section .plus-dinfos a {
    height: 70px;
    line-height: 70px;
    width: 180px;
    margin: 45px auto 0 auto;
}


/*-----------caisse de garantie start -------------*/

.caisse-garantie {
    flex-direction: column;
    padding-top: 160px;
    background-image: url(./images/caisse-de-garantie-bg.png);
    background-repeat: no-repeat;
    background-size: cover;
}

.caisse-garantie .container .content {
    max-width: 964px;
    margin: 0 auto;
    padding: 12px 0 182px;
}

.caisse-garantie .container .content h1 {
    font-family: "DM Sans";
    font-weight: bold;
    font-size: 55px;
    line-height: 60px;
    text-align: left;
    color: #fff;
    margin-bottom: 49px;
}

.caisse-garantie .container .content p {
    font-family: "DM Sans";
    font-weight: 500;
    font-size: 16px;
    letter-spacing: -0.02em;
    line-height: 24px;
    text-align: left;
    color: #fff;
    max-width: 768px;
}

.caisse-garantie-content {
    background-color: #f0f3f8;
    padding-bottom: 78px;
    display: flex;
}

.caisse-garantie-content .container .content h2 {
    margin-top: 71px;
    margin-bottom: 42px;
    font-size: 40px;
    line-height: 50px;
    color: #244781;
    font-family: "DM Sans";
    font-weight: 700;
    position: relative;
    width: max-content;
}

.caisse-garantie-content .container .content h2:after {
    content: "";
    position: absolute;
    background-color: #9d2722;
    height: 1px;
    width: 100%;
    left: 0;
    bottom: -12px;
}

.caisse-garantie-content .container .content .row {
    display: grid;
    grid-template-columns: repeat(4, 278px);
    column-gap: 16px;
    row-gap: 30px;
}

.caisse-garantie-content .container .content .row .row-card {
    width: 278px;
    height: 300px;
    background-color: #e4eaf5;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: 14px;
}

.caisse-garantie-content .container .content .row .row-card img {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 0;
}

.caisse-garantie-content .container .content .row .row-card:after {
    content: "";
    position: absolute;
    inset: 0;
    background: #00000040;
    width: 100%;
    height: 100%;
    z-index: 1;
    mix-blend-mode: multiply;
}

.caisse-garantie-content .container .content .row .row-card span:nth-child(2) {
    font-family: "DM Sans";
    font-weight: 500;
    font-size: 14px;
    line-height: 26px;
    text-align: left;
    color: #fff;
    position: relative;
    z-index: 2;
}

.caisse-garantie-content .container .content .row .row-card h3 {
    font-family: "DM Sans";
    font-weight: bold;
    font-size: 16px;
    line-height: 26px;
    text-align: left;
    color: #fff;
    position: relative;
    z-index: 2;
}

.caisse-garantie-content .container .content .row .row-card span:last-child {
    font-family: "DM Sans";
    font-weight: normal;
    font-size: 16px;
    line-height: 26px;
    text-align: left;
    color: #fff;
    position: relative;
    z-index: 2;
}


/*-----------caisse de garantie end ---------------*/

.guide-pratique-section {
    background: transparent linear-gradient(356deg, #f0f3f8 0%, #fff 100%) 0% 0% no-repeat padding-box;
    display: flex;
    flex-direction: column;
    position: relative;
    padding-top: 160px;
    padding-bottom: 40px;
}

.guide-pratique-section .top {
    max-width: 964px;
    margin: auto;
}

.guide-pratique-section .top h1 {
    font-size: 55px;
    color: #244780;
    font-weight: 700;
    line-height: 60px;
    font-family: "DM Sans", sans-serif;
}

.guide-pratique-section .top p {
    font-size: 16px;
    line-height: 26px;
    color: #244781;
    font-family: "DM Sans", sans-serif;
}

.guide-pratique-section .top .text {
    padding-top: 25px;
}

.guide-pratique-section .blocs-guide {
    padding-top: 70px;
}

body.page-template-annuaire .pagination-blocs {
    padding-left: 6px;
}

.pagination-blocs {
    padding-top: 65px;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
}

.pagination-blocs ul {
    margin-left: auto;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    column-gap: 20px;
}

.pagination-blocs li {
    font-size: 14px;
    font-weight: 300;
    color: #244780;
    text-align: center;
    line-height: 28px;
    cursor: pointer;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    width: 28px;
    height: 28px;
    font-family: "Roboto", sans-serif;
    font-weight: 300;
}

.pagination-blocs li.active {
    color: #fff;
    position: relative;
    font-weight: 500;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    background-color: #7087ba;
}

.pagination-blocs li a,
.pagination-blocs li span {
    display: flex;
    transition: 0.5s ease-in-out;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    background-color: transparent;
}

.pagination-blocs li a:hover,
.pagination-blocs li span:hover {
    background-color: #e4e9f2;
}

.pagination-blocs li.active a:hover,
.pagination-blocs li.active span:hover {
    background-color: transparent;
}

.pagination-blocs .page {
    height: 50px;
    width: 50px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    background-color: #e4e9f2;
    border: 1px solid #e4e9f2;
    position: relative;
    top: -10px;
}

.pagination-blocs .page:hover {
    background-color: transparent;
    border: 1px solid #3463b5;
}

.pagination-blocs .page:after {
    content: "";
    width: 16px;
    height: 16px;
    position: absolute;
    background-image: url(images/arrow-input.svg);
    left: 0;
    right: 0;
    margin: auto;
    top: 16px;
}

.pagination-blocs .prev:after {
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.pagination-blocs .pages-number {
    color: rgba(36, 71, 128, 0.5);
    font-size: 14px;
    font-weight: 500;
}

.pratique-dedie-section {
    background: transparent linear-gradient(360deg, #f0f3f8 0%, #ffffff 100%) 0% 0% no-repeat padding-box;
    display: flex;
    flex-direction: column;
    position: relative;
    padding-top: 160px;
    overflow: hidden;
}

.pratique-dedie-section .container {
    position: relative;
}

.pratique-dedie-section .container .first-section-background-container {
    position: absolute;
    right: 0;
    top: -32px;
    z-index: 1;
}

.pratique-dedie-section .container .first-section-background-container::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    background: linear-gradient(0deg, rgba(255, 255, 255, 0.6) 0%, rgba(255, 255, 255, 0.6) 77%, rgba(255, 255, 255, 0) 100%);
    width: 100%;
    height: 300px;
}

.pratique-dedie-section .container .section-content {
    position: relative;
    max-width: 964px;
    margin: 0 auto;
    z-index: 2;
}

.pratique-dedie-section .container .section-content .top {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.pratique-dedie-section .container .section-content .top .left {
    display: flex;
    flex-direction: column;
}

.pratique-dedie-section .container .section-content .top .left h2 {
    font-family: "Roboto", sans-serif;
    font-weight: 700;
    font-size: 20px;
    line-height: 30px;
    text-align: left;
    color: #244780;
}

.pratique-dedie-section .container .section-content .top .left h1 {
    font-family: "DM Sans", sans-serif;
    font-weight: 700;
    font-size: 45px;
    line-height: 65px;
    text-align: left;
    color: #ab1418;
    margin-top: 35px;
}

.pratique-dedie-section .container .section-content .top .left .info {
    margin-top: 28px;
    display: flex;
    align-items: center;
}

.pratique-dedie-section .container .section-content .top .left .info span {
    font-family: "Roboto", sans-serif;
    font-weight: 300;
    font-size: 14px;
    line-height: 24px;
    text-align: left;
    color: #244780;
}

.pratique-dedie-section .container .section-content .top .left .info span:first-child {
    font-weight: 500;
    margin-right: 6px;
}

.pratique-dedie-section .container .section-content .top .left .info .social-media {
    margin-left: 13px;
    display: flex;
    align-items: center;
}

.pratique-dedie-section .container .section-content .top .left .info .social-media a {
    margin-left: 23px;
    background-color: rgba(36, 71, 128, 0.5);
    border-radius: 100%;
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.pratique-dedie-section .container .section-content .top .right {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: flex-end;
}

.pratique-dedie-section .container .section-content .top .right .page-switchs {
    display: flex;
}

.pratique-dedie-section .container .section-content .top .right .page-switchs a {
    display: flex;
    width: 50px;
    height: 50px;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    border: 1px solid #3463b5;
    background-color: transparent;
}

.pratique-dedie-section .container .section-content .top .right .page-switchs a:last-child {
    margin-left: 16px;
}

.pratique-dedie-section .container .section-content .top .right .page-switchs a:hover {
    background-color: #e9edf5;
    border: 1px solid #e9edf5;
}

.pratique-dedie-section .container .section-content .top .right #download-btn {
    background-color: #dd181e;
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-size: 14px;
    text-align: center;
    color: #fff;
    padding: 16px 21px;
    border-radius: 4px 4px 20px 4px;
    margin-top: 88px;
    text-decoration: none;
}

.pratique-dedie-section .container .section-content .content {
    margin: 39px 0 96px 0;
}

.pratique-dedie-section .container .section-content .content .chapo {
    margin-bottom: 37px;
}

.pratique-dedie-section .container .section-content .content .chapo p {
    font-family: "DM Sans", sans-serif;
    font-weight: 700;
    font-size: 20px;
    letter-spacing: -0.02em;
    line-height: 30px;
    text-align: left;
    color: #ab1418;
    margin-bottom: 49px;
}

.pratique-dedie-section .container .section-content .content p {
    margin-bottom: 37px;
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-size: 16px;
    letter-spacing: -0.02em;
    line-height: 24px;
    text-align: left;
    color: #244780;
    max-width: 964px;
}

.pratique-dedie-section .container .section-content .content a {
    color: #244780;
}

.pratique-dedie-section .container .section-content .content h4 {
    font-weight: 700;
    color: #244780;
    font-size: 18px;
    margin-bottom: 32px;
}

.pratique-dedie-section .container .section-content .content ul,
.pratique-dedie-section .container .section-content .content ol {
    max-width: 964px;
    margin-left: 32px;
}

.pratique-dedie-section .container .section-content .content ul li,
.pratique-dedie-section .container .section-content .content ol li {
    margin-bottom: 25px;
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-size: 16px;
    letter-spacing: -0.02em;
    line-height: 24px;
    text-align: left;
    color: #244780;
    padding-left: 35px;
    position: relative;
}

.pratique-dedie-section .container .section-content .content ul li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 11px;
    width: 4px;
    height: 4px;
    background-color: #244780;
    border-radius: 100%;
}

.pratique-dedie-section .container .second-section-background-container {
    position: absolute;
    left: 0;
    bottom: 130px;
    z-index: 1;
}

.contact-section {
    padding-bottom: 213px;
    background-image: url(../css/images/contact-background.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 160px;
}

.contact-section .container {
    position: relative;
    z-index: 3;
}

.contact-section .container:after {
    content: "";
    position: absolute;
    height: 682px;
    width: 483.26px;
    background-size: cover;
    top: 15px;
    z-index: -1;
    left: 54px;
    border-radius: 250px 250px 0 0;
    -moz-border-radius: 250px 250px 0 0;
    -webkit-border-radius: 250px 250px 0 0;
    background: #ecf0f6;
}

.contact-section .container .inner-container {
    max-width: 866px;
    margin: 0 auto;
}

.contact-section .container .inner-container h3 {
    font-family: "DM Sans", sans-serif;
    font-weight: 700;
    font-size: 45px;
    line-height: 60px;
    text-align: left;
    color: #244780;
}

.contact-section .container .inner-container .contact-content {
    display: flex;
    justify-content: space-between;
}

.contact-section .container .inner-container .contact-content .left {
    display: flex;
    flex-direction: column;
}

.contact-section .container .inner-container .contact-content .left h1 {
    font-family: "Roboto", sans-serif;
    font-weight: 700;
    font-size: 14px;
    letter-spacing: -0.02em;
    line-height: 24px;
    text-align: left;
    color: #244780;
    max-width: 277px;
    margin-top: 46px;
    margin-bottom: 13px;
}

.contact-section .container .inner-container .contact-content .left span {
    padding-left: 18px;
    margin-bottom: 4px;
}

.contact-section .container .inner-container .contact-content .left span,
.contact-section .container .inner-container .contact-content .left a {
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-size: 14px;
    letter-spacing: -0.02em;
    line-height: 24px;
    text-align: left;
    color: #244780;
    max-width: 200px;
    position: relative;
    display: flex;
    flex-direction: column;
}

.contact-section .container .inner-container .contact-content .left span img,
.contact-section .container .inner-container .contact-content .left a img {
    position: absolute;
    left: 0;
    top: 7px;
}

.contact-section .container .inner-container .contact-content .right {
    max-width: 572px;
    margin-top: 32px;
}

.wpcf7 form .wpcf7-response-output {
    position: absolute;
    top: -45px;
    padding: 0 !important;
    border: 0 !important;
    font-size: 12px;
    left: -8px;
    color: #244780;
}

.contact-section .container .inner-container .contact-content .right form {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-end;
    position: relative;
}

.contact-section .container .inner-container .contact-content .right form input {
    border: none;
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
    text-align: left;
    color: #244780;
    border-bottom: 1px solid #3e8bd8;
    padding: 14px 0;
    outline: none;
}

.contact-section .container .inner-container .contact-content .right form ::placeholder {
    color: #244780;
    opacity: 1;
}

.contact-section .container .inner-container .contact-content .right form .first-contact-part {
    display: grid;
    grid-template-columns: auto auto;
    grid-column-gap: 16px;
    grid-row-gap: 32px;
    margin-bottom: 33px;
}

.contact-section .container .inner-container .contact-content .right form .first-contact-part input {
    width: 278px;
    background-color: transparent;
}

.contact-section .container .inner-container .contact-content .right form .second-contact-part {
    width: 100%;
    display: flex;
    flex-direction: column;
}

.contact-section .container .inner-container .contact-content .right form .second-contact-part input {
    width: 100%;
    margin-bottom: 32px;
    background-color: transparent;
}

.contact-section .container .inner-container .contact-content .right form .second-contact-part textarea {
    width: 100%;
    height: 90px;
    border: none;
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
    color: #244780;
    border-bottom: 1px solid #3e8bd8;
    outline: none;
    resize: none;
    margin-bottom: 33px;
    background-color: transparent;
}

.contact-section .container .inner-container .contact-content .right form .third-contact-part {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.contact-section .container .inner-container .contact-content .right form .third-contact-part .agreement {
    cursor: pointer;
    position: relative;
    max-width: 376px;
}

.contact-section .container .inner-container .contact-content .right form .third-contact-part .custom-radio-btn label {
    cursor: pointer;
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    font-size: 12px;
    line-height: 19px;
    text-align: left;
    color: #244780;
    opacity: 0.46;
    margin-left: 19px;
    text-indent: 0;
    display: block;
    position: relative;
}

.contact-section .container .inner-container .wpcf7-spinner {
    position: absolute;
    right: -55px;
    bottom: 25px;
}

.wpcf7-not-valid-tip {
    display: none !important;
}

.contact-section .container .inner-container .contact-content .right form .third-contact-part .custom-radio-btn input {
    -moz-appearance: none;
    appearance: none;
    border: none;
    margin: 0;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    background-color: rgba(36, 71, 128, 0.29);
    display: block;
    position: absolute;
    left: -36px;
    top: 5px;
    padding: 0;
    cursor: pointer;
}

.contact-section .container .inner-container .contact-content .right form .third-contact-part .custom-radio-btn input:checked:after {
    content: "";
    display: block;
    width: 5px;
    height: 2px;
    border: solid #244780;
    border-width: 0 0 2px 2px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    position: absolute;
    left: 4px;
    top: 4px;
}

.contact-section .container .inner-container .contact-content .right form .third-contact-part input[type="submit"] {
    height: 50px;
    width: 150px;
    border-radius: 4px 4px 20px 4px;
    -moz-border-radius: 4px 4px 20px 4px;
    -webkit-border-radius: 4px 4px 20px 4px;
    background: #dd181e;
    color: #fff;
    border: 0;
    cursor: pointer;
    font-size: 14px;
    text-align: center;
    font-family: "Roboto", sans-serif;
}

.error404 #page {
    height: 100%;
}

.page-not-found .container .content .right img {
    width: 698px;
    max-width: 100%;
}

.page-not-found {
    background: linear-gradient(#3463b5 0%, #244781 100%);
    min-height: 100vh;
}

.page-not-found .container {
    min-height: 100vh;
}

.page-not-found .container .content {
    max-width: 983px;
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
}

.page-not-found .container .content .left h1 {
    font-family: "DM Sans", sans-serif;
    font-weight: 700;
    font-size: 55px;
    line-height: 60px;
    text-align: left;
    color: #fff;
    margin-bottom: 6px;
}

.page-not-found .container .content .left h2 {
    font-family: "DM Sans", sans-serif;
    font-weight: 700;
    font-size: 20px;
    line-height: 30px;
    text-align: left;
    color: #fff;
    margin-bottom: 32px;
}

.page-not-found .container .content .left a {
    font-family: "Roboto", sans-serif;
    font-weight: normal;
    font-size: 14px;
    text-align: center;
    color: #fff;
    background-color: #9d2722;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 180px;
    height: 70px;
    border-radius: 4px 4px 20px 4px;
}

.page-not-found .container .content .right {
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    margin-left: 30px;
}

.page-not-found .container .content .right img {
    width: 698px;
}

.grid-section {
    background: linear-gradient(#f0f3f8 0%, #fff 100%);
    padding-bottom: 119px;
    padding-top: 160px;
}

.grid-section .container .content {
    display: grid;
    grid-template-columns: auto auto auto auto auto;
}

.grid-section .container .content a {
    width: 232px;
    height: 232px;
    padding: 57px 23px;
    font-family: "DM Sans", sans-serif;
    font-weight: 500;
    font-size: 18px;
    line-height: 28px;
    text-align: left;
    color: #fff;
    position: relative;
}

.grid-section .container .content a #arrow--right {
    position: absolute;
    top: 22px;
}

.grid-section .container .content .blue-text {
    color: #244781;
}

.grid-section .container .content .idk-color {
    color: #ab1418;
}

.donnees-personnelles-section {
    background: linear-gradient(29deg, #f0f3f8 0%, #fff 100%);
    display: flex;
    flex-direction: column;
    padding-top: 160px;
}

.donnees-personnelles-section .container {
    position: relative;
}

.donnees-personnelles-section .container .first-section-background-container {
    position: absolute;
    right: 0;
    top: -32px;
    z-index: 1;
}

.donnees-personnelles-section .container .first-section-background-container::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    background: linear-gradient(0deg, rgba(255, 255, 255, 0.6) 0%, rgba(255, 255, 255, 0.6) 77%, rgba(255, 255, 255, 0) 100%);
    width: 100%;
    height: 300px;
}

.donnees-personnelles-section .container .section-content {
    position: relative;
    max-width: 964px;
    margin: 0 auto;
    z-index: 2;
}

.donnees-personnelles-section .container .section-content .top {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.donnees-personnelles-section .container .section-content .top .left {
    display: flex;
    flex-direction: column;
}

.donnees-personnelles-section .container .section-content .top .left h1 {
    font-family: "DM Sans", sans-serif;
    font-weight: 700;
    font-size: 55px;
    line-height: 65px;
    text-align: left;
    color: #ab1418;
}

.donnees-personnelles-section .container .section-content .content {
    margin: 39px 0 96px 0;
}

.donnees-personnelles-section .container .section-content .content p:first-child {
    font-family: "DM Sans", sans-serif;
    font-weight: 700;
    font-size: 20px;
    letter-spacing: -0.02em;
    line-height: 30px;
    text-align: left;
    color: #ab1418;
    margin-bottom: 49px;
}

.donnees-personnelles-section .container .section-content .content p {
    margin-bottom: 20px;
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-size: 18px;
    letter-spacing: -0.02em;
    line-height: 24px;
    text-align: left;
    color: #244780;
    max-width: 964px;
}

.donnees-personnelles-section .container .section-content .content p:last-child {
    margin: 0;
}

.donnees-personnelles-section .container .section-content .content h4 {
    font-weight: 700;
    margin-bottom: 37px;
    font-family: "Roboto", sans-serif;
    font-size: 18px;
    letter-spacing: -0.02em;
    line-height: 24px;
    text-align: left;
    color: #244780;
    max-width: 964px;
}

.donnees-personnelles-section .container .section-content .content ul {
    max-width: 964px;
    margin-left: 32px;
}

.donnees-personnelles-section .container .section-content .content ul li {
    margin-bottom: 20px;
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-size: 18px;
    letter-spacing: -0.02em;
    line-height: 24px;
    text-align: left;
    color: #244780;
    padding-left: 35px;
    position: relative;
}

.donnees-personnelles-section .container .section-content .content ul li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 11px;
    width: 4px;
    height: 4px;
    background-color: #244780;
    border-radius: 100%;
}

.donnees-personnelles-section .container .second-section-background-container {
    position: absolute;
    left: 0;
    bottom: 130px;
    z-index: 1;
}


/*
** Start Espace Presse 
*/

.espace-presse {
    flex-direction: column;
    padding-top: 160px;
    padding-bottom: 75px;
    background: linear-gradient(120deg, #f0f3f8 0%, #ffffff 100%);
}

.espace-presse .espace-presse-content {
    padding-left: 98px;
}

.espace-presse .espace-presse-header h4 {
    font-family: "DM Sans", sans-serif;
    font-weight: bold;
    font-size: 55px;
    line-height: 60px;
    color: #244780;
    margin-bottom: 33px;
}

.espace-presse .espace-presse-body {
    display: flex;
}

.espace-presse .espace-presse-body .left {
    width: 606px;
    margin-right: 78px;
}

.espace-presse .espace-presse-body .left h3 {
    font-family: "DM Sans", sans-serif;
    font-weight: bold;
    font-size: 40px;
    line-height: 50px;
    color: #244780;
    letter-spacing: -0.02em;
    margin-top: 20px;
}

.espace-presse .espace-presse-body .left .middle {
    padding-top: 46px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    justify-content: space-between;
    column-gap: 50px;
    row-gap: 14px;
}

.espace-presse .espace-presse-body .left .middle .other-actu-box {
    padding-top: 37px;
    padding-bottom: 20px;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    position: relative;
    height: 245px;
}

.espace-presse .espace-presse-body .left .middle .other-actu-box::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 1px;
    width: 100%;
    background-color: #e2e7f1;
}

.espace-presse .espace-presse-body .left .middle .other-actu-box::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    height: 1px;
    width: 100%;
    background-color: #dd181e;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    opacity: 0;
    visibility: hidden;
}

.espace-presse .espace-presse-body .left .middle .other-actu-box:hover::after {
    background-color: #dd181e;
}

.espace-presse .espace-presse-body .left .middle .other-actu-box:hover::before {
    opacity: 1;
    visibility: visible;
}

.espace-presse .espace-presse-body .left .middle .other-actu-box:hover .date-cate .the-date {
    color: #dd181e;
}

.espace-presse .espace-presse-body .left .middle .other-actu-box:hover .date-cate .the-cat {
    background-color: #dd181e;
}

.espace-presse .espace-presse-body .left .middle .other-actu-box:hover .read-cta span,
.espace-presse .espace-presse-body .left .middle .other-actu-box:hover .read-cta svg {
    visibility: visible;
    opacity: 1;
}

.espace-presse .espace-presse-body .left .middle .other-actu-box .date-cate {
    display: flex;
    justify-content: space-between;
}

.espace-presse .espace-presse-body .left .middle .other-actu-box .date-cate .the-date {
    font-family: "Roboto", sans-serif;
    font-weight: normal;
    font-size: 14px;
    line-height: 24px;
    text-align: left;
    color: #7087ba;
    opacity: 1;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

.espace-presse .espace-presse-body .left .middle .other-actu-box .date-cate .the-cat {
    font-family: "Roboto", sans-serif;
    font-weight: normal;
    font-size: 10px;
    line-height: 50px;
    text-align: center;
    color: #f0f3f8;
    width: 125px;
    height: 20px;
    display: flex;
    background-color: #7087ba;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

.espace-presse .espace-presse-body .left .middle .other-actu-box h5 {
    font-family: "DM Sans", sans-serif;
    font-weight: bold;
    font-size: 18px;
    line-height: 28px;
    text-align: left;
    color: #244781;
    margin-top: 21px;
    margin-bottom: 55px;
}

.espace-presse .espace-presse-body .left .middle .other-actu-box .read-cta {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    width: 110px;
    position: absolute;
    bottom: 18px;
}

.espace-presse .espace-presse-body .left .middle .other-actu-box .read-cta span {
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 0.08em;
    text-align: left;
    color: #dd181e;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

.espace-presse .espace-presse-body .left .middle .other-actu-box .read-cta svg {
    visibility: hidden;
    opacity: 0;
}

.espace-presse .espace-presse-body .right {
    width: calc(100% - 684px);
}

.espace-presse .espace-presse-body .right .contact-presse {
    position: relative;
    padding: 30px 40px;
    overflow: hidden;
    margin-bottom: 30px;
    box-shadow: 0px 30px 80px rgba(5, 19, 43, 0.2);
}

.espace-presse .espace-presse-body .right .contact-presse::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    background: linear-gradient(0deg, #3463b5 65%, rgba(62, 139, 216, 0) 100%);
    width: 100%;
    height: 100%;
    z-index: 2;
}

.espace-presse .espace-presse-body .right .contact-presse h4 {
    font-family: "DM Sans", sans-serif;
    font-weight: 500;
    font-size: 20px;
    letter-spacing: -0.02em;
    line-height: 30px;
    color: #fff;
    margin-bottom: 13px;
    position: relative;
    z-index: 3;
}

.espace-presse .espace-presse-body .right .contact-presse h5 {
    font-family: "Roboto", sans-serif;
    font-weight: bold;
    font-size: 14px;
    letter-spacing: -0.02em;
    line-height: 24px;
    color: #fff;
    position: relative;
    z-index: 3;
    margin-bottom: 5px;
}

.espace-presse .espace-presse-body .right .contact-presse img {
    max-width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}

.espace-presse .espace-presse-body .right .contact-presse ul {
    position: relative;
    z-index: 3;
    margin-bottom: 35px;
}

.espace-presse .espace-presse-body .right .contact-presse ul li a {
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-size: 14px;
    letter-spacing: -0.02em;
    line-height: 24px;
    color: #fff;
    display: flex;
    align-items: center;
}

.espace-presse .espace-presse-body .right .contact-presse ul li a span {
    margin-left: 8px;
}

.espace-presse .espace-presse-body .right .contact-presse .btn {
    position: relative;
    z-index: 3;
    width: 228px;
    height: 58px;
    background-color: #f0f3f8;
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-size: 13px;
    text-align: center;
    color: #3e8bd8;
}

.espace-presse .espace-presse-body .right .box {
    position: relative;
    min-height: 288px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: linear-gradient(#dd181e 0%, #ab1418 100%);
    margin-bottom: 30px;
    padding: 0 38px;
}

.espace-presse .espace-presse-body .right .box::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    background: linear-gradient(#dd181e 60%, rgba(171, 20, 24, 0) 100%);
    width: 100%;
    height: 100%;
    z-index: 2;
}

.espace-presse .espace-presse-body .right .box img {
    max-width: 100%;
    position: absolute;
    z-index: 1;
}

.espace-presse .espace-presse-body .right .box.newsletter {
    background: #244780;
    box-shadow: 0px 33px 89px rgba(52, 99, 181, 0.5);
}

.espace-presse .espace-presse-body .right .box.newsletter img {
    top: 0;
}

.espace-presse .espace-presse-body .right .box.newsletter .btn {
    background-color: #dd181e;
    color: #ffffff;
}

.espace-presse .espace-presse-body .right .box.newsletter::after {
    background: linear-gradient(8deg, #244780 60%, #24478000 100%);
    height: 230px;
}

.espace-presse .espace-presse-body .right .box.observatoire img {
    bottom: 0;
}

.espace-presse .espace-presse-body .right .box:last-child {
    margin-bottom: 0;
}

.espace-presse .espace-presse-body .right .box span {
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    text-align: center;
    color: #f0f3f8;
    margin-bottom: 15px;
    display: flex;
    position: relative;
    z-index: 3;
}

.espace-presse .espace-presse-body .right .box p {
    font-family: "DM Sans", sans-serif;
    font-weight: 500;
    font-size: 24px;
    line-height: 34px;
    text-align: center;
    color: #fff;
    position: relative;
    z-index: 3;
}

.espace-presse .espace-presse-body .right .box .btn {
    width: 149px;
    height: 50px;
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-size: 14px;
    text-align: center;
    background-color: #f0f3f8;
    border-radius: 4px 4px 20px 4px;
    color: #244780;
    margin-top: 28px;
    position: relative;
    z-index: 3;
}

.article-dedie-section {
    background: linear-gradient(#fff 100%, #f0f3f8 0%);
    display: flex;
    flex-direction: column;
    padding-top: 160px;
    padding-bottom: 60px;
    position: relative;
}

.article-dedie-section .breadcrumbs {
    z-index: 4;
    padding: 0 20px;
}

.article-dedie-section::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    background: linear-gradient(29deg, #f0f3f8 0%, #fff 100%);
    height: 820px;
    width: 100%;
    pointer-events: none;
}

.article-dedie-section::before {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    width: 0;
    height: 0;
    border-style: solid;
    z-index: 4;
    border-width: 0 0 820px 410px;
    border-color: transparent transparent #f7f9fb transparent;
    pointer-events: none;
}

.article-dedie-section .container {
    position: relative;
    margin-top: 56px;
}

.article-dedie-section .container .first-section-background-container {
    position: absolute;
    right: 0;
    top: -32px;
    z-index: 1;
}

.article-dedie-section .container .first-section-background-container::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    background: linear-gradient(0deg, rgba(255, 255, 255, 0.6) 0%, rgba(255, 255, 255, 0.6) 77%, rgba(255, 255, 255, 0) 100%);
    width: 100%;
    height: 300px;
}

.article-dedie-section .container .section-content {
    position: relative;
    max-width: 964px;
    margin: 0 auto;
    z-index: 2;
}

.article-dedie-section .container .section-content .top {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.article-dedie-section .container .section-content .top .left {
    display: flex;
    flex-direction: column;
}

.article-dedie-section .container .section-content .top .left h2 {
    font-family: "Roboto", sans-serif;
    font-weight: 700;
    font-size: 20px;
    line-height: 30px;
    text-align: left;
    color: #dd181e;
}

.article-dedie-section .container .section-content .top .left h1 {
    font-family: "DM Sans";
    font-weight: bold;
    font-size: 40px;
    line-height: 50px;
    text-align: left;
    color: #244780;
    margin-top: 35px;
}

.article-dedie-section .container .section-content .top .left .info {
    margin-top: 42px;
    display: flex;
    align-items: center;
    gap: 40px;
}

.article-dedie-section .container .section-content .top .left .info .info-date span {
    font-family: "Roboto", sans-serif;
    font-weight: 300;
    font-size: 14px;
    line-height: 24px;
    text-align: left;
    color: #244780;
}

.article-dedie-section .container .section-content .top .left .info .info-date span:first-child {
    font-weight: 500;
    margin-right: 6px;
}

.article-dedie-section .container .section-content .top .left .info .info-author .info-auth-lk {
    font-family: "Roboto", sans-serif;
    font-weight: 300;
    font-size: 14px;
    line-height: 24px;
    text-align: left;
    color: #244780;
    text-decoration: none;
}

.article-dedie-section .container .section-content .top .left .info .info-author span {
    font-family: "Roboto", sans-serif;
    font-weight: 300;
    font-size: 14px;
    line-height: 24px;
    text-align: left;
    color: #244780;
}

.article-dedie-section .container .section-content .top .left .info .info-author span:first-child {
    font-weight: 500;
    margin-right: 6px;
}

.article-dedie-section .container .section-content .top .left .info .social-media {
    display: flex;
    align-items: center;
    gap: 23px;
}

.article-dedie-section .container .section-content .top .left .info .social-media a {
    background-color: rgba(36, 71, 128, 0.5);
    border-radius: 100%;
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.article-dedie-section .container .section-content .top .left .info .right {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: flex-end;
    margin-left: auto;
}

.article-dedie-section .container .section-content .top .left .info .right .page-switchs {
    display: flex;
}

.article-dedie-section .container .section-content .top .left .info .right .page-switchs a {
    display: flex;
    width: 50px;
    height: 50px;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    border: 1px solid #3463b5;
    background-color: transparent;
}

.article-dedie-section .container .section-content .top .left .info .right .page-switchs a:last-child {
    margin-left: 16px;
}

.article-dedie-section .container .section-content .top .left .info .right .page-switchs a:hover {
    background-color: #e9edf5;
    border: 1px solid #e9edf5;
}

.article-dedie-section .container .section-content .top .left .info .right #download-btn {
    background-color: #dd181e;
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-size: 14px;
    text-align: center;
    color: #fff;
    padding: 16px 21px;
    border-radius: 4px 4px 20px 4px;
    margin-top: 88px;
}

.article-dedie-section .container .section-content .content {
    margin: 39px 0 96px 0;
}

.article-dedie-section .container .section-content .content .description {
    font-family: "DM Sans", sans-serif;
    font-weight: 500;
    font-size: 20px;
    letter-spacing: -0.02em;
    line-height: 30px;
    text-align: left;
    color: #ab1418;
    margin-bottom: 49px;
}

.article-dedie-section .container .section-content .content p {
    margin-bottom: 37px;
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-size: 18px;
    letter-spacing: -0.02em;
    line-height: 24px;
    text-align: left;
    color: #244780;
    max-width: 964px;
}

.article-dedie-section .container .section-content .content p:last-child {
    margin: 0;
}

.article-dedie-section .container .section-content .content h4 {
    font-family: Roboto;
    font-weight: bold;
    font-size: 16px;
    letter-spacing: -0.02em;
    line-height: 24px;
    text-align: left;
    color: #244780;
    margin-bottom: 30px;
}

.article-dedie-section .container .section-content .content ul {
    max-width: 964px;
    margin-left: 32px;
}

.article-dedie-section .container .section-content .content ul li {
    margin-bottom: 20px;
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-size: 18px;
    letter-spacing: -0.02em;
    line-height: 24px;
    text-align: left;
    color: #244780;
    padding-left: 35px;
    position: relative;
}

.article-dedie-section .container .section-content .content ul li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 11px;
    width: 4px;
    height: 4px;
    background-color: #244780;
    border-radius: 100%;
}

.article-dedie-section .container .second-section-background-container {
    position: absolute;
    left: 0;
    bottom: 130px;
    z-index: 1;
}

.article-dedie-section .others-actu {
    padding: 0 20px;
    max-width: 964px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    justify-content: space-between;
    column-gap: 65px;
    position: relative;
    z-index: 4;
}

.article-dedie-section .others-actu .other-actu-box {
    padding-top: 37px;
    padding-bottom: 20px;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    position: relative;
}

.article-dedie-section .others-actu .other-actu-box::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 1px;
    width: 100%;
    background-color: #e2e7f1;
}

.article-dedie-section .others-actu .other-actu-box::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    height: 1px;
    width: 100%;
    background-color: #dd181e;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    opacity: 0;
    visibility: hidden;
}

.article-dedie-section .others-actu .other-actu-box:hover::after {
    background-color: #dd181e;
}

.article-dedie-section .others-actu .other-actu-box:hover::before {
    opacity: 1;
    visibility: visible;
}

.article-dedie-section .others-actu .other-actu-box:hover .date-cate .the-date {
    color: #dd181e;
}

.article-dedie-section .others-actu .other-actu-box:hover .date-cate .the-cat {
    background-color: #dd181e;
}

.article-dedie-section .others-actu .other-actu-box:hover .read-cta span,
.article-dedie-section .others-actu .other-actu-box:hover .read-cta svg {
    visibility: visible;
    opacity: 1;
}

.article-dedie-section .others-actu .other-actu-box .date-cate {
    display: flex;
    justify-content: space-between;
}

.article-dedie-section .others-actu .other-actu-box .date-cate .the-date {
    font-family: Roboto;
    font-weight: normal;
    font-size: 14px;
    line-height: 24px;
    text-align: left;
    color: #7087ba;
    opacity: 1;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

.article-dedie-section .others-actu .other-actu-box .date-cate .the-cat {
    font-family: Roboto;
    font-weight: normal;
    font-size: 10px;
    line-height: 50px;
    text-align: center;
    color: #f0f3f8;
    width: 125px;
    height: 20px;
    display: flex;
    background-color: #7087ba;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

.article-dedie-section .others-actu .other-actu-box h5 {
    font-family: "DM Sans";
    font-weight: bold;
    font-size: 18px;
    line-height: 28px;
    text-align: left;
    color: #244781;
    margin-top: 21px;
    margin-bottom: 55px;
}

.article-dedie-section .others-actu .other-actu-box .read-cta {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    max-width: 110px;
}

.article-dedie-section .others-actu .other-actu-box .read-cta span {
    font-family: Roboto;
    font-weight: normal;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 0.08em;
    text-align: left;
    color: #dd181e;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

.article-dedie-section .others-actu .other-actu-box .read-cta svg {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

.page-template-deontologie .icon-social-media {
    bottom: 80px;
}

.page-template-missions .icon-social-media ul li,
.page-template-deontologie .icon-social-media ul li {
    border: 1px solid #fff !important;
    background-color: transparent !important;
}

.page-template-missions .icon-social-media ul li a svg path,
.page-template-deontologie .icon-social-media ul li a svg path {
    fill: #fff !important;
}

.reclamations-hero {
    padding-top: 160px;
    /* height: 100vh;  */
}

.reclamations-hero .container {
    max-width: 1024px;
}

.reclamations-hero .breadcrumbs {
    padding-bottom: 76px;
}

.reclamations-hero .container .reclamations-content {
    margin-top: 76px;
    padding-bottom: 70px;
    max-width: 980px;
    margin: 0 auto;
    position: relative;
}

.reclamations-hero .container .reclamations-content::after {
    content: "";
    width: 348px;
    height: 519px;
    border-radius: 174px 174px 1.39px 1.39px;
    background: linear-gradient(#fff 0%, #f0f3f8 100%);
    position: absolute;
    top: -50px;
    left: -64px;
    transform: rotate(180deg);
    z-index: -1;
}

.reclamations-hero .container .reclamations-content .intro {
    margin-top: 43px;
    font-family: "DM Sans";
    font-weight: 500;
    font-size: 16px;
    letter-spacing: -0.02em;
    line-height: 24px;
    text-align: left;
    color: #244780;
}

.reclamations-hero .container .reclamations-content .intro p {
    margin-top: 15px;
}

.reclamations-hero .container .reclamations-content .intro p:first-child {
    margin-top: 0 !important;
}

.reclamations-hero .container .reclamations-content .reclamations-message {
	    display: flex;
    flex-direction: column;
    gap: 15px;
	    margin-top: 30px;
    background: #f6eae9;
    padding: 30px;
    border-radius: 5px;
}

.reclamations-hero .container .reclamations-content .reclamations-message .rec-text {
	display: flex;
	flex-direction: column;
	gap: 15px;
	font-size: 19px;
	line-height: 28px;
    text-align: left;
    color: #244780;
	color: #9d2722;
}



.reclamations-hero .container .reclamations-content h2 {
    font-family: "DM Sans";
    font-weight: bold;
    font-size: 55px;
    line-height: 60px;
    text-align: left;
    color: #244780;
    max-width: 640px;
}

.deontologie-hero {
    background: linear-gradient(305deg, #3463b5 0%, #244780 100%);
    padding-top: 160px;
    min-height: 100vh;
    display: flex;
    /*justify-content: end;*/
}

.deontologie-hero .deontologie-content {
    max-width: 980px;
    margin: 0 auto 0;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-bottom: 100px;
}

.deontologie-hero .deontologie-content svg {
    position: absolute;
    bottom: 0;
    right: 16px;
    z-index: 1;
}

.deontologie-hero .deontologie-content h1 {
    font-family: "DM Sans", sans-serif;
    font-weight: bold;
    font-size: 55px;
    line-height: 60px;
    color: #fff;
    margin-bottom: 27px;
    position: relative;
    z-index: 2;
}

.deontologie-hero .deontologie-content p {
    font-family: "DM Sans", sans-serif;
    font-weight: 500;
    font-size: 16px;
    letter-spacing: -0.02em;
    line-height: 24px;
    color: #fff;
    margin-bottom: 30px;
}

.deontologie-hero .deontologie-content p:last-child {
    margin-bottom: 18px;
}

.deontologie-hero .deontologie-content .intro {
    max-width: 770px;
    position: relative;
    z-index: 2;
}

.deontologie-body {
    position: relative;
    padding-top: 35px;
}

.deontologie-body .deontologie-accordion {
    max-width: 1060px;
    margin: 0 auto 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    padding-top: 20px;
    padding-bottom: 16px;
}

.deontologie-body .deontologie-accordion::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 618px;
    height: 850px;
    border-radius: 0px 0px 500px 500px;
    background: #7087ba;
    opacity: 0.1;
    pointer-events: none;
    z-index: -1;
}

.deontologie-body .deontologie-accordion .accordion {
    width: calc(100% - 100px);
    display: flex;
    flex-flow: nowrap column;
}

.deontologie-body .deontologie-accordion .accordion .item {
    display: flex;
    flex-direction: column;
}

.deontologie-body .deontologie-accordion .accordion .item .accordionBtn {
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    background-color: transparent;
    display: flex;
    width: 100%;
    border: none;
    cursor: pointer;
    font-family: "DM Sans", sans-serif;
    font-weight: 400;
    font-size: 24px;
    line-height: 38px;
    color: #244781;
    position: relative;
    padding: 25px 40px 25px 0;
    border-bottom: 1px solid #244781;
}

.deontologie-body .deontologie-accordion .accordion .item .accordionBtn .btn-title {
    padding-left: 50px;
}

.deontologie-body .deontologie-accordion .accordion .item .accordionBtn .number {
    font-size: 20px;
}

.deontologie-body .deontologie-accordion .accordion .item .accordionBtn .icon {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

.deontologie-body .deontologie-accordion .accordion .item .accordionBtn .icon::after,
.deontologie-body .deontologie-accordion .accordion .item .accordionBtn .icon::before {
    content: "";
    position: absolute;
    right: 10px;
    height: 2px;
    width: 15px;
    background-color: #244780;
    transform-origin: center;
    transition: 0.4s ease-in-out;
}

.deontologie-body .deontologie-accordion .accordion .item .accordionBtn .icon:before {
    transform: rotate(90deg);
}

.deontologie-body .deontologie-accordion .accordion .item .content {
    max-height: 0;
    display: block;
    background-color: transparent;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    overflow: hidden;
}

.deontologie-body .deontologie-accordion .accordion .item .content p {
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-size: 16px;
    letter-spacing: -0.02em;
    line-height: 26px;
    color: #244781;
    margin-bottom: 30px;
}

.deontologie-body .deontologie-accordion .accordion .item .content p:last-child {
    margin-bottom: 55px;
}

.deontologie-body .deontologie-accordion .accordion .item.active .accordionBtn {
    font-size: 34px;
    line-height: 44px;
    color: #9d2722;
}

.deontologie-body .deontologie-accordion .accordion .item.active .accordionBtn .icon::before,
.deontologie-body .deontologie-accordion .accordion .item.active .accordionBtn .icon::after {
    transform: rotate(360deg);
}

.deontologie-body .deontologie-accordion .accordion .item.active .content {
    padding-top: 25px;
}

.deontologie-body .deontologie-info {
    max-width: 850px;
    margin: 0 auto;
    padding: 42px 42px 0;
    position: relative;
    border: 1px solid #dd181e;
    box-shadow: 0px 50px 40px #00091926;
}

.deontologie-body .deontologie-info h5 {
    font-family: "DM Sans", sans-serif;
    font-weight: 700;
    font-size: 30px;
    letter-spacing: -0.02em;
    line-height: 28px;
    color: #ab1418;
    margin-bottom: 35px;
}

.deontologie-body .deontologie-info p {
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-size: 16px;
    letter-spacing: -0.02em;
    line-height: 24px;
    color: #244780;
    margin-bottom: 30px;
}

.deontologie-body .deontologie-info p:last-child {
    margin-bottom: 50px;
}

.deontologie-body .deontologie-info ul li {
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-size: 16px;
    letter-spacing: -0.02em;
    line-height: 24px;
    color: #244780;
    padding-left: 35px;
    position: relative;
    margin-bottom: 15px;
}

.deontologie-body .deontologie-info ul li:last-child {
    margin-bottom: 30px;
}

.deontologie-body .deontologie-info ul li::after {
    content: "";
    position: absolute;
    left: 0;
    top: 10px;
    width: 4px;
    height: 4px;
    background-color: #244780;
    border-radius: 50%;
}

.deontologie-body .deontologie-info.procedure-suivre {
    border: 1px solid #dd181e;
    box-shadow: 0px 50px 40px #00091926;
    display: none;
}

.deontologie-body .deontologie-info.procedure-suivre::after {
    content: "";
    width: 188px;
    height: 376px;
    border-bottom-right-radius: 188px;
    border-top-right-radius: 188px;
    background: #f0f3f8;
    position: absolute;
    top: -60px;
    left: -65px;
    z-index: -1;
}

.deontologie-body .deontologie-info.reclamations p:first-child {
    font-weight: 500;
    font-size: 18px;
}

.deontologie-body .deontologie-download {
    /*   padding-top: 50px; */
    position: relative;
    max-width: 768px;
    margin: 60px auto;
    margin-top: 112px;
}

.deontologie-body .deontologie-download::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 376px;
    height: 530px;
    border-radius: 4px 4px 500px 500px;
    background: linear-gradient(356deg, #f0f3f8 100%, #ffffff 100%);
    mix-blend-mode: multiply;
}

.deontologie-body .deontologie-download .download-content {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 16px;
    grid-row-gap: 16px;
}

.deontologie-body .deontologie-download .box {
    width: 100%;
    min-height: 388px;
    position: relative;
    background: linear-gradient(316deg, #ffffff 0%, #f0f3f8 100%);
    box-shadow: 0px 30px 80px #05132b34;
    padding: 70px 30px;
    overflow: hidden;
}

.deontologie-body .deontologie-download .box:nth-child(2)::after {
    background: linear-gradient(15deg, #244780 60%, #3e8bd800 100%);
}

.deontologie-body .deontologie-download .box:nth-child(2) .btn {
    background: #3e8bd8;
}

.deontologie-body .deontologie-download .box::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    background: linear-gradient(15deg, #3463b5 60%, #3e8bd800 100%);
}

.deontologie-body .deontologie-download .box img {
    max-width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

.deontologie-body .deontologie-download .box .logo {
    text-align: center;
}

.deontologie-body .deontologie-download .box .box-content {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 3;
    display: grid;
    grid-auto-rows: 1fr;
    align-items: flex-start;
    justify-content: center;
    gap: 30px;
}

.deontologie-body .deontologie-download .box h4 {
    font-family: "DM Sans", sans-serif;
    font-weight: 500;
    font-size: 24px;
    line-height: 34px;
    text-align: center;
    color: #fff;
}

.deontologie-body .deontologie-download .box .btn {
    width: 213px;
    height: 70px;
    background: #244780;
    color: #fff;
    margin: 0 auto;
}

.icon-social-media ul li {
    border: 1px solid #e8ecf2 !important;
    background-color: #e8ecf2 !important;
}

.icon-social-media ul li a svg path {
    fill: #244781 !important;
}


/* Start Style Page Ecoute */

.section-listening {
    padding-top: 160px;
    padding-bottom: 70px;
    background-image: url(../css/images/ecoutbg.png);
    background-position: top;
    background-repeat: no-repeat;
    background-size: contain;
}

.section-listening .top {
    max-width: 1078px;
    margin: 0 auto;
}

.section-listening .top h1 {
    font-size: 55px;
    color: #244780;
    font-weight: 700;
    line-height: 60px;
    font-family: "DM Sans", sans-serif;
    max-width: 640px;
}

.section-listening .top .filter {
    background-color: #fff;
    max-width: 1078px;
    height: 100px;
    margin: 47px auto 0 auto;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border: 1px solid rgba(62, 139, 216, 0.3);
    -webkit-box-shadow: 0px 50px 40px #000c1f27;
    box-shadow: 0px 50px 40px #000c1f27;
}

.section-listening .top .inner-filtre {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-right: 50px;
    padding-left: 50px;
    width: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.section-listening .top form {
    position: relative;
    width: 111px;
}

.section-listening .top input {
    border: 0;
    color: rgba(36, 70, 128, 0.5);
    font-family: "DM Sans", sans-serif;
    font-size: 14px;
    line-height: 24px;
    width: 100%;
    padding-right: 18px;
}

.section-listening .top button {
    background-color: transparent;
    border: 0;
    position: absolute;
    right: 0;
    top: 6px;
}

.section-listening .top button:after {
    content: "";
    background: url(images/arrow-input.svg);
    position: absolute;
    width: 16px;
    height: 16px;
    right: 0;
}

.section-listening .top .filter-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 30px;
    column-gap: 30px;
}

.section-listening .top .filter-item div {
    color: #244781;
    font-size: 14px;
    font-family: "Roboto", sans-serif;
    cursor: pointer;
}

.section-listening .top .filter-item div.active {
    color: #dd181e;
    pointer-events: none;
}

.section-listening .middle {
    padding-top: 55px;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr) [4];
    grid-template-columns: repeat(4, 1fr);
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-column-gap: 15px;
    column-gap: 15px;
    row-gap: 40px;
}

.section-listening .middle .other-actu-box {
    padding-bottom: 20px;
    -webkit-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
    position: relative;
    display: grid;
}

.section-listening .middle .other-actu-box::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 1px;
    width: 100%;
    background-color: transparent;
}

.section-listening .middle .other-actu-box::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    height: 1px;
    width: 100%;
    background-color: #e2e7f1;
    -webkit-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}

.section-listening .middle .other-actu-box:hover::after {
    background-color: transparent;
}

.section-listening .middle .other-actu-box:hover::before {
    background-color: #dd181e;
}

.section-listening .middle .other-actu-box:hover .date-cate .the-date {
    color: #dd181e;
}

.section-listening .middle .other-actu-box:hover .date-cate .the-cat {
    background-color: #dd181e;
}

.section-listening .middle .other-actu-box:hover .read-cta span {
    color: #dd181e;
}

.section-listening .middle .other-actu-box:hover .read-cta svg path {
    stroke: #dd181e;
}

.section-listening .middle .other-actu-box .image {
    position: relative;
    margin-bottom: 25px;
}

.section-listening .middle .other-actu-box .image::after {
    content: "";
    position: absolute;
    inset: 0;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(30%, #24478000), to(#244780));
    background: linear-gradient(180deg, #24478000 30%, #244780 100%);
}

.section-listening .middle .other-actu-box .image img {
    max-width: 100%;
}

.section-listening .middle .other-actu-box .date-cate {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.section-listening .middle .other-actu-box .date-cate .the-date {
    font-family: "Roboto", sans-serif;
    font-weight: normal;
    font-size: 14px;
    line-height: 24px;
    text-align: left;
    color: #7087ba;
    opacity: 1;
    -webkit-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}

.section-listening .middle .other-actu-box .date-cate .the-cat {
    font-family: "Roboto", sans-serif;
    font-weight: normal;
    font-size: 10px;
    text-align: center;
    color: #f0f3f8;
    padding: 0 10px;
    height: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background-color: #7087ba;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 10px;
    -webkit-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}

.section-listening .middle .other-actu-box h5 {
    font-family: "DM Sans", sans-serif;
    font-weight: bold;
    font-size: 18px;
    line-height: 28px;
    text-align: left;
    color: #244781;
    margin-top: 21px;
    margin-bottom: 20px;
}

.section-listening .middle .other-actu-box .read-cta {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    max-width: 110px;
}

.section-listening .middle .other-actu-box .read-cta span {
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 0.08em;
    color: #244781;
    -webkit-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}

.section-listening .middle .other-actu-box .read-cta svg path {
    stroke: #244781;
    -webkit-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}

.section-listening .pagination-blocs {
    padding-top: 65px;
    max-width: 965px;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.section-listening .pagination-blocs .pages-number {
    color: #244780b3;
    font-size: 14px;
    font-weight: 500;
}

.section-listening .pagination-blocs ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: 20px;
    column-gap: 20px;
}

.section-listening .pagination-blocs li {
    font-size: 14px;
    font-weight: 300;
    color: #244780;
    text-align: center;
    line-height: 28px;
    cursor: pointer;
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    width: 28px;
    height: 28px;
    font-family: "Roboto", sans-serif;
    font-weight: 300;
    top: 0;
}

.section-listening .pagination-blocs li.active {
    color: #fff;
    position: relative;
    font-weight: 500;
    border-radius: 50%;
    background-color: #7087ba;
}

.section-listening .pagination-blocs .page {
    height: 50px;
    width: 50px;
    border-radius: 4px;
    background-color: #e4e9f2;
    border: 1px solid #e4e9f2;
}

.section-listening .pagination-blocs .page:hover {
    background-color: transparent;
    border: 1px solid #3463b5;
}

.section-listening .pagination-blocs .page:after {
    content: "";
    width: 16px;
    height: 16px;
    position: absolute;
    background-image: url(images/arrow-input.svg);
    left: 0;
    right: 0;
    margin: auto;
    top: 16px;
}

.section-listening .pagination-blocs .page.prev:after {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}


/* Result Search Style */

.section_cards {
    background: #fff;
    padding: 160px 0 85px 0;
    flex-direction: column;
}

.cards {
    width: 970px;
    max-width: 100%;
    margin: 24px auto 0 auto;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 20px;
    grid-row-gap: 20px;
}

.card {
    font-family: "DM Sans", sans-serif;
    position: relative;
    padding: 35px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    z-index: 1;
    background-color: #f0f3f8;
    min-height: 236px;
    gap: 50px;
}

.card .card__text,
.card .card__link {
    position: relative;
    z-index: 3;
}

.card::after {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-image: url("./images/bg-card.svg");
    background-repeat: no-repeat;
    z-index: 1;
    background-size: cover;
    background-position: bottom;
}

.card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(206deg, #f0f3f8 25%, rgba(255, 255, 255, 0) 100%);
    z-index: 2;
}

.card .card__text {
    font-family: "DM Sans", sans-serif;
    font-weight: 500;
    font-size: 16px;
    letter-spacing: -0.02em;
    line-height: 24px;
    color: #244780;
}

.card__title {
    width: 970px;
    max-width: 100%;
    margin: 0 auto 50px auto;
    font-family: "DM Sans", sans-serif;
    font-size: 55px;
    line-height: 60px;
    font-weight: 700;
    color: #244780;
}

.card__title--red {
    color: #dd181e;
}

.card .card__link {
    transition: 0.5s;
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-size: 14px;
    letter-spacing: 0.08em;
    color: #dd181e;
}

.card .card__link--arrow {
    padding-left: 35px;
}

.card:hover .card__link {
    opacity: 0.75;
}

.bouncing-loader {
    display: flex;
    justify-content: center;
    position: absolute;
    top: 20px;
    left: 0;
    right: 0;
    margin: auto;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.bouncing-loader.position_top {
    top: 280px;
}

.bouncing-loader>div {
    width: 1rem;
    height: 1rem;
    margin: 3rem 0.2rem;
    background: #8385aa;
    border-radius: 50%;
    animation: bouncing-loader 0.6s infinite alternate;
}

.bouncing-loader>div:nth-child(2) {
    animation-delay: 0.2s;
}

.bouncing-loader>div:nth-child(3) {
    animation-delay: 0.4s;
}

@keyframes bouncing-loader {
    to {
        opacity: 0.1;
        transform: translate3d(0, -1rem, 0);
    }
}

.annuaire-section.effect_before_ajax .annuaire-equipe-items {
    opacity: 0;
}

.nos-actualites-second.effect_before_ajax .bouncing-loader,
.annuaire-section.effect_before_ajax .bouncing-loader {
    opacity: 1;
    visibility: visible;
}

.nos-actualites-second .container .content .bouncing-loader {
    top: 169px;
}

.no-posts {
    display: flex;
    flex-direction: column;
    margin-bottom: 40px;
    width: 100%;
    align-items: center;
}

.nos-actualites-second .container .content .no-posts {
    grid-column-start: 1;
    grid-column-end: 4;
}

.no-result {
    font-family: "DM Sans", sans-serif;
    font-weight: normal;
    font-size: 25px;
    line-height: 36px;
    color: #244781;
    margin-top: 45px;
    transition: 0.3s ease-in-out;
}

body:is(.page-template-etudes,
.page-template-annuaire) .items-filtered {
    display: flex;
    flex-wrap: wrap;
    padding-right: 50px;
    padding-left: 24px;
    align-items: center;
    justify-content: center;
    width: 964px;
    max-width: 100%;
    position: relative;
    z-index: 2;
    margin: 60px auto 0 auto;
}

body:is(.page-template-etudes,
.page-template-annuaire) .items-filtered ul {
    width: 100%;
    display: flex;
    gap: 16px;
}

body:is(.page-template-etudes,
.page-template-annuaire) .items-filtered ul li {
    padding: 13px;
    background-color: #fff;
    font-family: Roboto;
    font-weight: 400;
    font-size: 14px;
    letter-spacing: 0.01em;
    color: #244780;
    display: flex;
    align-items: center;
    gap: 16px;
}

body:is(.page-template-etudes,
.page-template-annuaire) .items-filtered ul li button.btn-filter-reset {
    background: transparent;
    border: none;
    cursor: pointer;
    display: inherit;
}


/* Style Page Observatoire */

.section-observatoire {
    padding-top: 160px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.section-observatoire .observatoire-content {
    max-width: 965px;
    margin: 0 auto;
}

.section-observatoire .observatoire-intro {
    font-family: "DM Sans", sans-serif;
    color: #244780;
}

.section-observatoire .observatoire-intro h3 {
    font-weight: 700;
    font-size: 55px;
    line-height: 60px;
    margin-bottom: 22px;
}

.section-observatoire .observatoire-intro p {
    font-weight: 500;
    font-size: 16px;
    letter-spacing: -0.02em;
    line-height: 24px;
    max-width: 670px;
    margin-bottom: 20px;
}

.section-observatoire .observatoire-intro p:last-child {
    margin-bottom: 50px;
}

.section-observatoire .observatoire-boxs {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr) [2];
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    margin-bottom: 75px;
}

.section-observatoire .observatoire-boxs .box {
    position: relative;
    min-height: 305px;
    color: #fff;
    font-weight: 500;
    font-family: "DM Sans", sans-serif;
    letter-spacing: -0.02em;
    padding: 45px 35px;
    overflow: hidden;
}

.section-observatoire .observatoire-boxs .box h4 {
    font-size: 24px;
    line-height: 34px;
    position: relative;
    z-index: 3;
    margin-bottom: 20px;
}

.section-observatoire .observatoire-boxs .box p {
    font-size: 16px;
    line-height: 26px;
    position: relative;
    z-index: 3;
}

.section-observatoire .observatoire-boxs .box .image {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

.section-observatoire .observatoire-boxs .box .image img {
    max-width: 100%;
}

.section-observatoire .observatoire-filter .pub-filtrage {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-bottom: 20px;
    border-bottom: 1px solid #3463b5;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 25px;
}

.section-observatoire .observatoire-filter .pub-title h4 {
    font-family: "DM Sans", sans-serif;
    font-weight: 700;
    font-size: 40px;
    line-height: 40px;
    color: #244781;
}

.section-observatoire .observatoire-filter .pub-tabs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 30px;
}

.section-observatoire .observatoire-filter .tab {
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 30px;
    color: #244781;
    -webkit-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
    cursor: pointer;
}

.section-observatoire .observatoire-filter .tab.tab-mobile {
    margin-top: 15px;
    padding-bottom: 10px;
    border-bottom: 1px solid #3463b5;
    display: none;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.section-observatoire .observatoire-filter .tab.tab-mobile svg {
    -webkit-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}

.section-observatoire .observatoire-filter .tab.tab-mobile svg path {
    -webkit-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}

.section-observatoire .observatoire-filter .tab.tab-mobile.active svg {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.section-observatoire .observatoire-filter .tab.tab-mobile.active svg path {
    fill: #dd181e;
}

.section-observatoire .observatoire-filter .tab.active {
    color: #dd181e;
}

.section-observatoire .observatoire-filter .tab-intro {
    max-width: 768px;
    margin: 50px auto 0 auto;
}

.section-observatoire .observatoire-filter .tab-intro p {
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-size: 16px;
    letter-spacing: -0.02em;
    line-height: 26px;
    color: #244780;
    margin-bottom: 30px;
}

.section-observatoire .observatoire-filter .tab-intro p:last-child {
    margin-bottom: 0;
}

.section-observatoire .observatoire-filter [data-tab-content] {
    display: none;
    -webkit-animation: fade 1s ease-in-out;
    animation: fade 1s ease-in-out;
}

.section-observatoire .observatoire-filter .active[data-tab-content] {
    display: block;
}

.section-observatoire .observatoire-filter .tab-items {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr) [2];
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    margin-top: 70px;
}

.section-observatoire .observatoire-filter .tab-items .tab-item {
    min-height: 292px;
    background-color: #f0f3f8;
    padding: 45px 35px;
    position: relative;
}

.section-observatoire .observatoire-filter .tab-items .tab-item.triangle-right::after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
    border-style: solid;
    border-width: 0 0 292px 168px;
    border-color: transparent transparent #e4eaf5 transparent;
    pointer-events: none;
    z-index: 1;
}

.section-observatoire .observatoire-filter .tab-items .tab-item.triangle-left::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    border-style: solid;
    border-width: 292px 168px 0 0;
    border-color: #e4eaf5 transparent transparent transparent;
    pointer-events: none;
    z-index: 1;
}

.section-observatoire .observatoire-filter .tab-items .tab-item.round-arch-left {
    background-color: #e4eaf5;
}

.section-observatoire .observatoire-filter .tab-items .tab-item.round-arch-left::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    width: 292px;
    height: 100%;
    background-color: #f0f3f8;
    pointer-events: none;
    z-index: 1;
    border-radius: 200px 200px 0 0;
}

.section-observatoire .observatoire-filter .tab-items .tab-item.round-arch-right {
    background-color: #e4eaf5;
}

.section-observatoire .observatoire-filter .tab-items .tab-item.round-arch-right::after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
    width: 292px;
    height: 100%;
    background-color: #f0f3f8;
    pointer-events: none;
    z-index: 1;
    border-radius: 0 0 200px 200px;
}

.section-observatoire .observatoire-filter .tab-items .tab-item span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #244780;
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    position: relative;
    z-index: 2;
}

.section-observatoire .observatoire-filter .tab-items .tab-item span.category {
    letter-spacing: -0.02em;
    color: #dd181e;
    opacity: 0.7;
    margin-bottom: 35px;
}

.section-observatoire .observatoire-filter .tab-items .tab-item span.date {
    font-family: "DM Sans", sans-serif;
    font-size: 16px;
    line-height: 26px;
}

.section-observatoire .observatoire-filter .tab-items .tab-item span.read-more {
    letter-spacing: 0.08em;
    position: absolute;
    bottom: 40px;
    gap: 16px;
}

.section-observatoire .observatoire-filter .tab-items .tab-item h4 {
    font-family: "DM Sans", sans-serif;
    font-weight: 700;
    font-size: 20px;
    line-height: 26px;
    color: #244780;
    margin-bottom: 35px;
    position: relative;
    z-index: 2;
}

.section-observatoire .observatoire-information {
    max-width: 768px;
    margin: 75px auto 0 auto;
    background-image: url("../css/images/obsInfo.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 50px 100px 28px;
    text-align: center;
    -webkit-box-shadow: 0px 30px 80px rgba(5, 19, 43, 0.2);
    box-shadow: 0px 30px 80px rgba(5, 19, 43, 0.2);
}

.section-observatoire .observatoire-information h4 {
    font-family: "DM Sans", sans-serif;
    font-weight: 500;
    font-size: 24px;
    letter-spacing: -0.02em;
    line-height: 34px;
    color: #fff;
    margin-bottom: 15px;
}

.section-observatoire .observatoire-information p {
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    color: #fff;
    padding-bottom: 22px;
}

.section-observatoire .observatoire-information p a {
    color: #fff;
    text-decoration: underline;
}

.section-observatoire .observatoire-information h5 {
    padding-top: 22px;
    font-family: "Roboto", sans-serif;
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    color: #fff;
    margin-bottom: 15px;
    position: relative;
}

.section-observatoire .observatoire-information h5::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    height: 1px;
    width: 45px;
    background-color: #fff;
}

.section-observatoire .observatoire-press-service {
    padding: 120px 0 100px 0;
    /*170px 0 150px 0*/
    position: relative;
    margin-top: -40px;
}

.section-observatoire .observatoire-press-service::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: calc(100% - 50px);
    height: 100%;
    background-color: #f0f3f8;
    z-index: -1;
    border-radius: 0 500px 500px 0;
}

.section-observatoire .observatoire-press-service .press-service-content {
    max-width: 768px;
    margin: 0 auto;
    text-align: center;
}

.section-observatoire .observatoire-press-service .press-service-content h6 {
    line-height: 50px;
    font-size: 40px;
    color: #244781;
    font-family: "DM Sans";
    text-align: center;
    font-weight: 700;
}

.section-observatoire .observatoire-press-service .press-service-content a {
    height: 70px;
    line-height: 70px;
    width: 180px;
    margin: 54px auto 0 auto;
}


/* Start New Style For Page Annuaire */

.annuaire-section .top .switch-pages {
    max-width: 964px;
    position: relative;
    z-index: 9;
    margin: 35px auto 0 auto;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
}

.annuaire-section .top .switch-pages a {
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    text-transform: uppercase;
    font-family: "Roboto", sans-serif;
    font-weight: normal;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 0.01em;
    color: #999;
    padding: 18px 0;
    border-radius: 4px;
    border: 1px solid #e9f1f9;
    transition: 0.5s ease-in-out;
}

.annuaire-section .top .switch-pages a:hover {
    color: #244780;
    border-color: #3e8bd8;
    font-weight: bold;
}

body.page-template-annuaire .annuaire-section .top .switch-pages a.link-ajmj {
    border-color: #3e8bd8;
    font-weight: bold;
    color: #fff;
    background: #244780;
}

body.page-template-etudes .annuaire-section .top .switch-pages a.link-etude {
    border-color: #3e8bd8;
    font-weight: bold;
    color: #fff;
    background: #244780;
}

.annuaire-section .annuaire-equipe-items {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 15px;
}

.annuaire-equipe-items .item {
    flex: initial;
    margin: 0;
    height: 387px;
}

.annuaire-equipe-items .photo-profile {
    height: 226px;
    position: relative;
}

.annuaire-equipe-items .photo-profile img {
    width: 100%;
    object-fit: cover;
    height: 226px;
}

.annuaire-equipe-items .infos {
    bottom: 0;
}

body.page-template-etudes .annuaire-equipe-items .status,
body.page-template-annuaire .annuaire-equipe-items .status {
    position: absolute;
    bottom: 41px;
    width: calc(100% - 40px);
}

.annuaire-equipe-items h4 {
    font-size: 14px;
    line-height: 22px;
}

.annuaire-equipe-items span {
    font-size: 14px;
    line-height: 14px;
}

.annuaire-equipe-items h5 {
    font-size: 12px;
    line-height: 17px;
}

#icon-search {
    z-index: 11;
    top: 160px;
    width: 158px;
    border-radius: 50px;
    height: 50px;
    padding: 0 25px;
    justify-content: space-around;
}

#icon-search span {
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    font-size: 12px;
    line-height: 22px;
    letter-spacing: 0.08em;
    text-align: center;
    color: #fff;
    transition: 0.5s ease-in-out;
}

body.dark-style #icon-search span {
    color: #244780;
}

.no-posts {
    grid-column-start: 1;
    grid-column-end: 6;
}

.annuaire-equipe-items .infos {
    background-position: right;
    background-size: cover;
}

body.page-template-etudes .annuaire-equipe-items .photo-profile {
    display: none;
}

body.page-template-etudes .annuaire-equipe-items .item {
    height: 160px;
}

body.page-template-etudes .annuaire-section .annuaire-equipe-items {
    grid-template-columns: repeat(4, 1fr);
}

.container-ajmj-small {
    max-width: 950px;
    margin: auto;
}

.container-devenir-ajmj {
    max-width: 1384px;
    padding: 0 20px;
    margin: 0 auto;
    width: 100%;
}

.container-inscription-exam {
    width: 100%;
    display: flex;
    flex-direction: column;
    margin-top: 104px;
    position: relative;
    z-index: 9;
    margin-bottom: 83px;
    box-shadow: 0px 50px 80px rgba(0, 24, 65, 0.2);
}

.content-inscription-exam {
    display: flex;
    flex-direction: column;
    padding: 68px;
    text-align: center;
    background-image: url(../images/bg-exam.jpg);
    background-size: cover;
}

.content-inscription-exam h3 {
    font-family: "DM Sans", sans-serif;
    font-weight: 500;
    font-size: 24px;
    letter-spacing: -0.02em;
    line-height: 34px;
    text-align: center;
    color: #fff;
}

.content-inscription-exam .btn-dossier {
    display: flex;
    align-items: center;
    margin: 30px auto;
}

.content-inscription-exam .btn-dossier svg {
    margin-left: 10px;
    position: relative;
    top: 1px;
}

.content-inscription-exam .btn-dossier a {
    font-family: "Roboto";
    font-weight: bold;
    font-size: 14px;
    color: #fff;
}

.content-inscription-exam .btn-download {
    display: flex;
    align-items: center;
    margin: auto;
    padding-bottom: 30px;
}

.content-inscription-exam .btn-download svg {
    margin-left: 10px;
    position: relative;
    top: 3px;
}

.content-inscription-exam .btn-download a {
    font-family: "Roboto";
    font-weight: bold;
    font-size: 14px;
    color: #fff;
    line-height: 25px;
    position: relative;
}

.content-inscription-exam .btn-download a:after {
    content: "";
    width: 44px;
    height: 1px;
    background: #fff;
    position: absolute;
    bottom: -33px;
    left: 0;
    right: 0;
    margin: auto;
}

.content-inscription-exam h4 {
    font-family: "Roboto";
    font-weight: normal;
    font-size: 14px;
    line-height: 24px;
    text-align: center;
    color: #fff;
    margin-top: 34px;
}

.content-inscription-exam span {
    display: flex;
    flex-direction: column;
    width: 460px;
    max-width: 100%;
    margin: auto;
    font-family: Roboto;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 24px;
    text-align: center;
    color: #fff;
    padding-top: 18px;
}

.content-inscription-exam h2 {
    font-family: Roboto;
    font-weight: bold;
    font-size: 14px;
    line-height: 24px;
    text-align: center;
    color: #fff;
    margin-top: 10px;
    text-transform: uppercase;
}

.container-prev-session {
    display: flex;
    flex-direction: column;
}

.container-prev-session .content-prev-session {
    display: flex;
    flex-direction: column;
    margin-top: 0;
}

.container-prev-session .content-prev-session h4 {
    font-family: "DM Sans", sans-serif;
    font-weight: 700;
    font-size: 30px;
    line-height: 40px;
    text-align: center;
    color: #244780;
    max-width: 670px;
    margin: 0 auto;
}

.container-prev-session .content-prev-session .items-prev-session {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 16px;
    margin-top: 37px;
    margin-bottom: 37px;
    position: relative;
}

.container-prev-session .content-prev-session .items-prev-session .item-prev {
    height: 291px;
    display: flex;
    flex-direction: column;
    padding: 40px 35px;
    background-image: url(../images/bg-item-prev.png);
    background-size: cover;
    position: relative;
}

.container-prev-session .content-prev-session .items-prev-session .item-prev:nth-child(2n) {
    background-image: url(../images/bg-item-prev-red.png);
}

.container-prev-session .content-prev-session .items-prev-session .item-prev span {
    font-family: Roboto;
    font-weight: normal;
    font-size: 14px;
    line-height: 24px;
    text-align: left;
    color: #fff;
    letter-spacing: 0.08em;
}

.container-prev-session .content-prev-session .items-prev-session .item-prev h3 {
    font-family: "DM Sans";
    font-weight: bold;
    font-size: 20px;
    line-height: 26px;
    text-align: left;
    color: #fff;
    margin-top: 35px;
}

.container-prev-session .items-prev-session .item-prev .btn-consulter {
    align-items: center;
    position: absolute;
    bottom: 40px;
    left: 35px;
}

.container-prev-session .items-prev-session .item-prev .btn-consulter svg {
    margin-left: 14px;
    position: relative;
    top: 3px;
}

.container-prev-session .btn-load-more {
    margin-bottom: 36px;
}

.container-prev-session .btn-load-more button {
    width: 180px;
    height: 50px;
    border-radius: 4px 4px 20px 4px;
    background: #3463b5;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: auto;
    border: none;
    outline: none;
    font-family: "Roboto";
    font-weight: normal;
    font-size: 14px;
    text-align: center;
    color: #fff;
    cursor: pointer;
}

.container-prev-session .btn-load-more button a {
    color: inherit;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.tabs-accordion {
    display: flex;
    list-style-type: none;
    margin-top: 45px;
}

.tabs-accordion li {
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    width: 50%;
    height: 60px;
    border-radius: 10px 10px 0 0;
    background: transparent;
    font-family: "DM Sans", sans-serif;
    font-weight: bold;
    font-size: 18px;
    line-height: 26px;
    color: #244780;
    padding: 0 48px;
    border-bottom: 2px solid #d3dae6;
    text-align: center;
}

.tabs-accordion li.active {
    color: #dd181e;
    border-bottom-color: #dd181e;
}

.accordion-devenir-ajmj {
    display: none;
    flex-direction: column;
}

.accordion-devenir-ajmj.active {
    display: flex;
}


/* Start Responsive */

@media only screen and (min-width: 1700px) {
    .agent-single-prim .white-box {
        width: 90%;
    }
}

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

    .section-actify .container,
    .section-who-we-are .container {
        max-width: 1390px;
    }

    .section-who-we-are::before {
        max-width: 100%;
    }
}

@media only screen and (min-width: 1440px) {
    .nos-actualites-prim .synSlider.synSlider--nav {
        max-width: 1200px;
    }
}

@media only screen and (max-width: 1440px) {
    .nos-actualites-prim .synSlider.synSlider--nav .synSlider__item.nav .title-actu {
        font-size: 14px;
        line-height: 24px;
    }

    .nos-missions-prim .container .missions-pattern {
        right: 90px;
    }

    .hero_container .dev-carousel .item {
        padding: 200px 0 0;
    }

    .section-actify .items-actify .item-actif .info-actif {
        padding: 25px;
    }

    .hero_container .dev-carousel .item .slide-title-container .slide-title {
        max-width: 855px;
    }

    .hero_container .dev-carousel .item .shape1 {
        transform: scale(0.69);
        right: 123px;
        bottom: 395px;
    }

    .hero_container .dev-carousel .item .shape2 {
        bottom: 591px;
        transform: scale(0.69);
    }

    .hero_container .dev-carousel .item .shape3 {
        right: 227px;
        top: 72px;
        transform: scale(0.9);
    }
}

@media only screen and (max-width: 1420px) {
    .section-find-annuaire .container::after {
        height: 630px;
    }

    .section-find-annuaire .container {
        min-height: 630px;
    }

    .section-find-annuaire {
        padding: 90px 0 0 0;
        min-height: 630px;
    }

    .notre-metier-prim .container .content {
        padding-bottom: 0;
    }

    .notre-metier-second {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .nos-actus-histo {
        padding-top: 50px;
    }

    .nos-actus-histo .container .bottom .engagement-content {
        margin-top: 35px;
    }
}

@media screen and (max-width: 1400px) {

    /*Start Header */
    header {
        overflow: hidden;
        min-height: 130px;
    }

    body.navbar-opened {
        overflow: hidden;
    }

    header .burger-menu {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    .icon-social-media {
        display: none;
    }

    header .menu .bottom {
        display: block;
    }

    #icon-search,
    #icon-close {
        top: 40px;
        -webkit-transform: initial;
        transform: initial;
        right: 125px;
    }

    header .menu {
        height: 100vh;
        background: linear-gradient(350deg, #3463b5 0%, #244780 100%);
        z-index: 20;
        position: absolute;
        right: 0;
        -webkit-transform: translate(100%, 0);
        transform: translate(100%, 0);
    }

    header .menu nav {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        max-width: 535px;
        width: 100%;
        padding: 40px 65px;
        height: 100vh;
        -webkit-backdrop-filter: blur(30px);
        backdrop-filter: blur(30px);
        background-color: rgba(255, 255, 255, 0.15);
        overflow: auto;
        -webkit-transform: translate(100%, 0);
        transform: translate(100%, 0);
    }

    header .menu .top {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        height: initial;
    }

    body.dark-style header .menu .top,
    header .menu .top {
        border-bottom: none;
    }

    header .menu .top ul {
        width: 100%;
    }

    header .menu ul {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    header .menu ul.external-link {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        padding-bottom: 63px;
    }

    header .menu ul li.dropdown {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        height: auto;
        margin-right: 0;
        border-bottom: 1px solid #3463b5;
    }

    header .menu ul li.dropdown:first-child {
        border-top: 1px solid #3463b5;
    }

    header .menu ul li.dropdown span {
        height: auto;
        line-height: initial;
        margin-top: 0;
        width: 100%;
        padding: 20px 10px 20px 0;
        color: #fff;
        margin-bottom: 5px;
    }

    header .menu ul li.dropdown span svg path {
        stroke: #fff;
    }

    header .menu ul.dropdown-menu {
        position: initial;
        border-top: none;
        padding-top: 0;
        padding-left: 35px;
    }

    header .menu ul li.dropdown:hover span::after {
        content: none;
    }

    header .menu ul.dropdown-menu li {
        background-color: transparent;
        height: initial;
        border-radius: 0;
        width: 100%;
        color: #fff;
        font-weight: 700;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        padding: 0;
        margin-bottom: 25px;
    }

    header .menu ul.dropdown-menu li a {
        color: #fff;
        font-weight: 700;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

    header .menu ul.dropdown-menu li a::after {
        content: none;
    }

    header .menu .middle {
        padding-top: 35px;
    }

    header .menu .middle ul {
        gap: 30px;
    }

    header .menu .middle ul li,
    header .menu .middle ul li a {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

    /* Header Dark Style */
    body.dark-style header .menu {
        background: #fff;
    }

    body.dark-style header .menu nav {
        background: #f0f3f8;
    }

    body.dark-style header .menu ul li.dropdown:first-child {
        border-top: 1px solid #3e8bd8;
    }

    body.dark-style header .menu ul li.dropdown {
        border-bottom: 1px solid #3e8bd8;
    }

    body.dark-style header .menu ul li.dropdown span {
        color: #3e8bd8;
    }

    body.dark-style header .menu ul li.dropdown span svg path {
        stroke: #3e8bd8;
    }

    /*End Header*/
    /*
  ** Espace Presse
  */
    .espace-presse .espace-presse-content {
        padding-left: 0;
        /*    max-width: 1007px;
        margin: 0 auto;
    */
    }

    .espace-presse .espace-presse-body .left {
        margin-right: 55px;
    }

    .espace-presse .espace-presse-body .right {
        width: calc(100% - 661px);
    }
}

@media only screen and (max-width: 1350px) {
    .section-actify .actify-description {
        margin-right: 40px;
    }

    .nos-actualites-prim .synSlider.synSlider--nav .synSlider__item.nav .title-actu {
        width: initial;
    }

    .slick-track:before,
    .slick-track:after {
        display: table;
        content: "";
        display: none !important;
    }

    .synSlider.synSlider--nav.slider-nav.slick-initialized.slick-slider {
        max-width: calc(100% - 100px);
    }

    .nos-actualites-prim .synSlider.synSlider--single .synSlider__item {
        padding-left: 50px;
    }

    .nos-actualites-prim .synSlider.synSlider--single .synSlider__item .item-content {
        left: initial;
    }

    .nos-actualites-prim .breadcrumbs {
        left: 50px;
    }

    .breadcrumbs .container-breadcrumbs {
        padding-left: 0;
    }
}

@media screen and (max-width: 1290px) {}

@media only screen and (max-width: 1200px) {

    /* Start Ecoute Style */
    .section-listening .middle {
        -ms-grid-columns: (1fr) [3];
        grid-template-columns: repeat(3, 1fr);
    }

    /* End Ecoute Style  */
    .grid-section {
        padding-bottom: 80px;
        padding-top: 150px;
    }

    .grid-section .container .content {
        grid-template-columns: repeat(4, 232px);
    }

    /* Start Single Etude */
    .single-etude .equipe-dediee .annuaire-equipe-items {
        max-width: 866px;
        margin: 0 auto;
    }

    .agent-single-prim .white-box {
        width: 1080px;
    }

    .espace-presse .bottom .news-content,
    .nos-actualites-second .container .bottom .news-content {
        padding: 64px 98px 88px 98px;
    }

    .nos-missions-second .container .content .nos-missions-list,
    .nos-missions-second .container .content .nos-procedures-list {
        grid-template-columns: repeat(4, 232px);
        justify-content: center;
    }

    .nos-missions-second .container .content .nos-procedures-list .item.dark_red {
        grid-column-start: initial;
    }

    .section-missions .grid_container .item:nth-child(5) {
        grid-column-start: 2;
        grid-column-end: 4;
        padding: 0 40px;
    }

    .section-missions .grid_container {
        grid-template-columns: repeat(3, 1fr);
    }

    .section-actify .items-actify {
        width: calc(100% - 470px);
    }

    .section-actify .actify-description {
        width: 470px;
        margin-right: 25px;
    }

    .section-actify .actify-description .desc-actify h4 {
        font-size: 40px;
        line-height: 50px;
    }

    .caisse-garantie-content .container .content .row {
        grid-template-columns: repeat(3, 278px);
        justify-content: center;
    }
}

@media only screen and (max-width: 1100px) {
    .blocs-guide .item {
        padding: 37px 32px 37px 42px;
    }

    .blocs-guide .item .item-info {
        margin-left: 0;
    }

    .section-who-we-are .container {
        display: flex;
        flex-direction: column;
        gap: 280px;
    }

    .agent-single-prim .container .content .bottom .pattern-one {
        left: -90px;
    }

    .agent-single-prim .container .content .bottom .pattern-two {
        right: 0;
    }

    .agent-single-prim .white-box {
        width: 95%;
    }

    .notre-metier-prim .container .content .content-text::after {
        bottom: -110px;
        right: 0;
    }

    .espace-presse .bottom .news-content,
    .nos-actualites-second .container .bottom .news-content {
        padding: 64px 38px 88px 38px;
    }

    .section-who-we-are .container {
        display: flex;
        flex-direction: column;
        gap: 280px;
    }

    .section-who-we-are .squares_container {
        margin: 0 auto;
    }

    .section-who-we-are .content {
        width: 100%;
    }

    .section-actify .container {
        flex-direction: column;
        gap: 50px;
    }

    .section-actify .actify-description,
    .section-actify .items-actify {
        width: 930px;
        margin: 0 auto;
        max-width: 100%;
    }

    .section-actify .actify-description .desc-actify h4 {
        width: 80%;
    }
}

@media screen and (max-width: 1195px) {
    .gouvernance-section .items-administration.listed-admin {
        grid-template-columns: repeat(3, 280px);
    }

    .gouvernance-section .items-administration.listed-admin .grid-item:first-of-type {
        grid-column: 1 / 4;
    }

    .gouvernance-section .items-administration.listed-admin .grid-item:nth-of-type(n+5) {
        grid-row-start: initial;
    }
}

@media screen and (max-width: 1160px) {
    .annuaire-section .annuaire-equipe-items {
        grid-template-columns: repeat(4, 1fr);
        max-width: 964px;
        margin: 0 auto;
    }

    body.page-template-etudes .annuaire-section .annuaire-equipe-items {
        max-width: initial;
    }
}

@media only screen and (max-width: 1024px) {
    .blocs-guide .item .item-info p {
        font-size: 16px;
        line-height: 26px;
    }

    .droits-obligations-section .droits-obligations-items .content-filtre,
    .blocs-guide .item .content {
        flex-direction: column;
        row-gap: 30px;
    }

    .blocs-guide .item .item-info {
        width: 90%;
        max-width: initial;
    }

    .agent-single-prim .middle:after {
        width: 97%;
    }

    .blocs-guide .item h4 {
        max-width: initial;
    }

    .vos-droits-section {
        min-height: initial;
    }

    header .logo {
        left: 20px;
    }

    header .burger-menu {
        right: 20px;
    }

    #icon-search,
    #icon-close {
        right: 80px;
    }

    .hero_container .dev-carousel .item .shape1,
    .hero_container .dev-carousel .item .shape2,
    .hero_container .dev-carousel .item .shape3 {
        position: absolute;
        right: 20px !important;
        bottom: 0 !important;
        z-index: -1;
        width: 80%;
    }

    .slick-slide img {
        max-width: 100%;
    }

    /* Start Deontologie */
    .deontologie-hero .deontologie-content h3 {
        font-size: 40px;
        line-height: 50px;
    }

    .deontologie-body .deontologie-download .box h4 {
        font-size: 20px;
        line-height: 30px;
    }

    .deontologie-body .deontologie-accordion .accordion .item .accordionBtn .btn-title {
        padding-left: 25px;
    }

    .gouvernance-section .items-administration .grid-title {
        flex-basis: 278px !important;
    }

    .gouvernance-section .equipe-administration .grid-title h2 {
        font-size: 32px;
        line-height: 42px;
        width: initial;
    }

    .gouvernance-section .section-mot-president::before {
        width: 100%;
    }

    /* Start Annuaires */
    .filtre-ajmj-avance .recherche-avance .top-rech {
        justify-content: space-between;
        padding-right: 30px;
    }

    .filtre-ajmj-avance .recherche-avance .top-rech,
    .filtre-ajmj-avance .recherche-avance .inner-recherche-avance,
    .filtre-ajmj-avance .recherche-avance {
        max-width: 100%;
    }

    .filtre-ajmj-avance .recherche-avance .top-rech .fermer-rech-avance {
        margin-left: 45px;
    }

    .filtre-ajmj-avance {
        height: 90px;
    }

    .section-find-annuaire .filtre-ajmj-avance {
        left: 0;
    }

    /*.annuaire-equipe-items .item {
        max-width: 278px;
        min-width: 280px;
    }*/
    .annuaire-equipe-items {
        align-items: center;
        justify-content: center;
    }

    /* Start Espace Presse */
    .espace-presse .espace-presse-body {
        flex-direction: column;
    }

    .espace-presse .espace-presse-body .right {
        width: 100%;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        justify-content: space-between;
        column-gap: 30px;
        row-gap: 30px;
        margin-bottom: 50px;
    }

    .espace-presse .espace-presse-body .right .contact-presse {
        grid-row-start: 1;
        grid-row-end: 3;
        margin-bottom: 0;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .espace-presse .espace-presse-body .right .box {
        margin-bottom: 0;
    }

    .espace-presse .espace-presse-body .left {
        width: 100%;
    }

    .espace-presse .espace-presse-header h4 {
        font-size: 45px;
        line-height: 50px;
    }

    .espace-presse .espace-presse-body .left h3 {
        font-size: 35px;
        line-height: 45px;
    }

    /* Start Footer */
    footer {
        padding-top: 50px;
    }

    footer .footer-menu,
    footer .footer-info {
        flex-wrap: wrap;
        gap: 50px;
    }

    footer .footer-menu .item,
    footer .footer-info .item {
        width: calc(50% - 25px) !important;
        position: relative;
    }

    footer .footer-menu .item h4 {
        margin-bottom: 30px;
    }

    footer .footer-menu .item ul li {
        margin-bottom: 25px;
    }

    footer .footer-info .item ul.social-media {
        margin-top: 30px;
    }

    footer .footer-content {
        gap: 40px;
        padding-bottom: 50px;
    }

    /* Stat Single Mission */
    .single-mission .guide-body {
        grid-template-columns: repeat(1, 573px);
        justify-content: center;
    }

    .single-mission .guides-content {
        margin-bottom: 50px;
    }

    .single-mission .mission-body h1 {
        font-size: 45px;
        line-height: 50px;
        max-width: 100%;
    }

    .agent-single-prim .pattern-box {
        /*         width: 65%; */
    }

    .nos-actualites-second .container .content .middle,
    .nos-actus-histo .container .content .middle {
        -webkit-column-gap: 50px;
        column-gap: 50px;
    }

    .synSlider.synSlider--nav.slider-nav.slick-initialized.slick-slider {
        max-width: calc(100% - 40px);
    }

    .nos-actualites-prim .synSlider.synSlider--single .synSlider__item {
        padding-left: 20px;
    }

    .nos-actualites-prim .synSlider.synSlider--single .synSlider__item .item-content {
        left: initial;
    }

    .nos-actualites-prim .breadcrumbs {
        left: 20px;
    }

    .nos-actualites-second .container .content .actu-filtrage {
        padding: 30px 25px;
        gap: 12px;
    }

    .nos-actualites-second .container .content .actu-filtrage .news-search {
        width: 150px;
    }

    .nos-actualites-prim .synSlider.synSlider--single .synSlider__item .item-content .nvOrRd {
        justify-content: space-between;
        width: 70%;
    }

    .nos-actualites-second .container .content .actu-filtrage .news-search form,
    .nos-actualites-second .container .content .actu-filtrage .news-search input#searching {
        width: 100%;
    }

    .nos-actualites-second .container .content .actu-filtrage .news-filters ul {
        column-gap: 22px;
    }

    .nos-actualites-prim .synSlider.synSlider--nav .synSlider__item.nav .title-actu {
        font-size: 14px;
        line-height: 22px;
    }

    .nos-actualites-prim .synSlider.synSlider--nav .synSlider__item.nav {
        padding: 15px;
    }

    .espace-presse .bottom .news-content .right form .inputBox,
    .nos-actualites-second .container .bottom .news-content .right form .inputBox {
        gap: 16px;
    }

    .nos-missions-second .container .content .nos-missions-list,
    .nos-missions-second .container .content .nos-procedures-list {
        grid-template-columns: repeat(3, 232px);
        justify-content: center;
    }

    .nos-missions-second .container .content .radius-pattern svg {
        width: 700px;
        max-width: 100%;
    }

    .nos-missions-second .container .content .radius-pattern {
        width: 100%;
        max-width: 100%;
    }

    .hero_container .last-posts {
        position: relative;
        bottom: initial;
        padding-top: 30px;
    }

    .hero_container .dev-carousel .item {
        min-height: 100vh;
    }

    .hero_container .dev-carousel .item .shape1 {
        bottom: 0;
    }

    .hero_container .last-posts .container {
        max-width: 1200px;
        padding: 0 20px;
        margin: 0 auto;
        width: 100%;
    }

    .hero_container .last-posts .posts_container {
        flex-direction: column;
    }

    .hero_container .last-posts .dev-post-bloc {
        width: 100%;
    }
}

@media only screen and (max-width: 992px) {

    /* Style New Annuaire */
    .annuaire-section .annuaire-equipe-items {
        grid-template-columns: repeat(3, 1fr);
        max-width: 744px;
    }

    body.page-template-etudes .annuaire-section .annuaire-equipe-items {
        grid-template-columns: repeat(3, 1fr);
    }

    /* Style New Annuaire */
    .annuaire-section .recherche-avance .inner-recherche-avance .select2-container {
        width: 100% !important;
    }

    .annuaire-section .recherche-avance .inner-recherche-avance {
        gap: 12px;
        padding-left: 10px;
        padding-right: 10px;
        margin-bottom: 12px;
        margin: initial;
    }

    /* Start Style Observatoire */
    .section-observatoire .observatoire-boxs,
    .section-observatoire .observatoire-filter .tab-items {
        -ms-grid-columns: 475px;
        grid-template-columns: 475px;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .section-observatoire .observatoire-boxs .box {
        overflow: initial;
    }

    .section-observatoire .observatoire-boxs .box .image img {
        max-width: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        height: 100%;
        width: 100%;
    }

    .section-observatoire .observatoire-boxs .box .image {
        height: 100%;
        width: 100%;
    }

    .section-observatoire .observatoire-press-service::after {
        width: calc(100% - 20px);
    }

    /* End style Observatoire */
    .grid-section .container .content {
        grid-template-columns: repeat(3, 232px);
        justify-content: center;
    }

    .grid-section .container .content .empty {
        display: none;
    }

    .contact-section .container .inner-container .contact-content .right {
        width: 100%;
        max-width: initial;
    }

    .contact-section .container .inner-container .contact-content .right form {
        align-items: self-start;
    }

    .contact-section .container:after {
        display: none;
    }

    .contact-section .container .inner-container h3 {
        font-size: 40px;
        line-height: 50px;
    }

    .contact-section .container .inner-container .contact-content .right form .first-contact-part,
    .contact-section .container .inner-container .contact-content .right form .first-contact-part input {
        width: 100%;
    }

    .contact-section .container .inner-container .contact-content {
        flex-direction: column;
    }

    .contact-section .container .inner-container .contact-content .left h1 {
        max-width: 100%;
    }

    /* Start Footer */
    footer .footer-menu,
    footer .footer-info {
        gap: 30px;
    }

    footer .footer-menu .item,
    footer .footer-info .item {
        width: calc(50% - 15px) !important;
    }

    /* Start Single Etude  */
    .single-etude .se-bottom {
        flex-direction: column-reverse;
    }

    .single-etude .se-bottom .right,
    .single-etude .se-bottom .left {
        width: 100%;
    }

    .single-etude .se-bottom ul {
        display: flex;
        flex-wrap: wrap;
        gap: 20px;
    }

    .single-etude .se-bottom ul li {
        width: calc(50% - 10px);
    }

    .single-etude .se-bottom .right .info {
        padding-right: 0;
    }

    .single-etude .se-top {
        flex-direction: column-reverse;
        align-items: flex-start;
        gap: 35px;
    }

    .office-etude .office-info {
        flex-direction: column-reverse;
    }

    .office-etude .office-info .office-logo {
        width: 100%;
        margin-left: 0;
        margin-bottom: 50px;
    }

    .office-etude .office-info .office-contact {
        width: 100%;
    }

    .single-etude .se-top h3,
    .single-etude .equipe-dediee .equipe-dediee-header h3 {
        font-size: 30px;
        line-height: 40px;
    }

    .office-etude .office-info .office-logo a {
        justify-content: center;
    }

    .agent-single-prim .white-box {
        display: none;
    }

    .agent-single-prim .container .content .middle::after {
        content: "";
        position: absolute;
        background: white;
        width: calc(100% + 40px);
        height: 100%;
        z-index: -1;
        top: 70px;
    }

    .agent-single-prim .container .content .middle {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 46px;
        justify-content: space-between;
        flex-direction: column;
        align-items: center;
        position: relative;
    }

    .agent-single-prim .container .content .middle .the-info .etudeLd .agent-etude .etude-name,
    .agent-single-prim .container .content .middle .the-info .etudeLd .agent-etude .etude-cta span,
    .agent-single-prim .container .content .middle .the-info .etudeLd .cta-ld span {
        color: #244780;
    }

    .agent-single-prim .container .content .middle .the-info .etudeLd .agent-etude .etude-cta svg g path {
        stroke: #244780;
    }

    .agent-single-prim .container .content .bottom .agent-content {
        -webkit-column-count: 2;
        column-count: initial;
    }

    .agent-single-prim .pattern-box {
        width: 100%;
    }

    .agent-single-prim .container .content .middle .the-info .etudeLd .agent-etude .etude-name {
        padding-bottom: 20px;
    }

    .agent-single-prim .container .content .middle .the-info .etudeLd {
        flex-direction: column;
        gap: 40px;
        margin-bottom: 40px;
    }

    .agent-single-prim .container .content .middle .the-info {
        padding-top: 0;
        width: 75%;
    }

    .agent-single-prim .container .content .middle .the-picture {
        max-width: 75%;
        position: relative;
        width: 100%;
    }

    .agent-single-prim .container .content .top .agent-name span {
        margin-bottom: 30px;
    }

    .agent-single-prim .pattern-box img.agent-pattern {
        height: 100%;
        object-fit: cover;
    }

    .agent-single-prim .container .content .middle .the-info .etudeLd .cta-ld {
        align-self: self-start;
    }

    .event-single-prim::after {
        content: "";
        position: absolute;
        width: 100%;
        height: 255px;
        background-color: #fafbfd;
        bottom: -1px;
        left: 0;
    }

    .event-single-prim .container .content {
        display: flex;
        flex-direction: column;
        gap: 50px;
    }

    .event-single-prim .container .content .info-pratiques {
        position: relative;
        bottom: 0;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
        width: 100%;
        height: 500px;
    }

    .event-single-second .container .content .top {
        padding-top: 80px;
    }

    .event-single-second .container .content .top .atelier-progs .atelier-prog .atelier-interv {
        justify-content: start;
        gap: 120px;
    }

    .event-single-second .container .content .top .atelier-progs .atelier-prog {
        flex-direction: column;
        gap: 15px;
    }

    .event-single-second .container .content .top .atelier-progs .atelier-prog .atelier-interv span {
        margin-left: 0;
    }

    .event-single-second .container .content .top .atelier-progs .atelier-prog .atelier-title span {
        width: 90%;
    }

    .event-single-prim .container .content .event-article svg {
        left: -100px;
    }

    .nos-actualites-prim .synSlider.synSlider--single .synSlider__item .item-content .title-actu {
        font-size: 30px;
        line-height: 40px;
    }

    .espace-presse .bottom .news-content .left h4,
    .nos-actualites-second .container .bottom .news-content .left h4 {
        font-size: 28px;
        line-height: 38px;
        margin-top: 8px;
    }

    .nos-actualites-second .container .content .actu-filtrage .news-search {
        width: 120px;
    }

    .section-actify .actify-description,
    .section-actify .items-actify {
        width: 100%;
        margin: 0 auto;
    }

    .section-find-annuaire .annuaire-content {
        padding: 0;
    }

    .section-find-annuaire .annuaire-content .fa-contenu {
        max-width: 100%;
        margin: 0 auto;
    }

    .section-find-annuaire .annuaire-content .fa-contenu svg {
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
    }

    .section-find-annuaire .annuaire-content .fa-contenu .intro-annuaire {
        max-width: 80%;
        margin: 0;
    }
}

@media only screen and (max-width: 950px) {
    .caisse-garantie-content .container .content .row {
        grid-template-columns: repeat(2, 278px);
    }

    .agent-single-prim .middle .the-info .etudeLd {
        width: 60%;
        gap: 40px;
    }

    .agent-single-prim .middle .the-info {
        padding-left: 20px;
    }

    .agent-single-prim .content {
        flex-direction: column;
        row-gap: 12px;
        max-width: 95%;
    }

    .agent-single-prim .middle .the-picture {
        align-self: center;
    }

    .page-not-found .container .content {
        flex-direction: column;
    }

    .page-not-found .container .content .right {
        margin: 0;
    }

    .page-not-found .container .content .left {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .agent-single-prim .middle:after {
        height: 300px;
    }

    .postid-3284 .agent-single-prim .middle:after {
        height: 320px;
    }
}

@media only screen and (max-width: 906px) {
    .gouvernance-section .items-administration.listed-admin {
        grid-template-columns: repeat(2, 280px);
    }

    .gouvernance-section .items-administration.listed-admin .grid-item:first-of-type {
        grid-column: 1 / 3;
    }

    /* Start Header */
    header .logo {
        width: 44px;
    }

    header .logo a svg.logo-desktop {
        display: none;
    }

    header .logo a svg.logo-mobile {
        display: block;
    }

    /* Start Single Etude */
    .single-etude .equipe-dediee .annuaire-equipe-items {
        max-width: 572px;
    }

    .office-etude .office-info .office-contact ul {
        flex-wrap: wrap;
        gap: 10px;
        margin-bottom: 25px;
        justify-content: space-between;
    }

    .office-etude .office-info .office-contact ul li:first-child {
        width: 135px;
    }

    .office-etude .office-info .office-contact ul li:last-child {
        width: 145px;
    }

    .office-etude .office-info .office-contact ul li:nth-child(2) {
        width: 205px;
    }

    .office-etude .office-info .office-contact ul li:first-child a {
        line-height: 24px;
    }

    .office-etude .office-info .office-contact ul li a {
        line-height: 26px;
    }

    .office-etude .office-info {
        padding: 50px 15px 60px 15px;
    }
}

@media only screen and (max-width: 800px) {
    .nos-actualites-second .container .content .actu-filtrage {
        padding: 25px;
        gap: 16px;
        height: auto;
    }

    .nos-missions-second .container .content .nos-missions-list,
    .nos-missions-second .container .content .nos-procedures-list {
        grid-template-columns: repeat(3, 1fr);
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}



@media only screen and (max-width: 790px) {
.form-reclamation .form iframe#form-entreprise {
    height: 1980px;
}
	
	.form-reclamation form .select2-container {
		
		width : 100% !important
		
	}
	
	.form-reclamation .form iframe#form-particulier {
           height: 1480px;
}
	
}

@media only screen and (max-width: 750px) {
    .tabs-accordion {
        flex-direction: column;
    }

    .tabs-accordion li {
        width: 100%;
        margin-bottom: 10px;
    }

    .container-prev-session .content-prev-session h4 {
        margin-top: 25px;
    }

    /*
    .gouvernance-section .items-administration .grid-item:first-child{
        height: 140px;
    }
    */
    /* Start New Annuaire */
    .annuaire-section .annuaire-equipe-items {
        grid-template-columns: repeat(2, 1fr);
        max-width: 455px;
    }

    body.page-template-etudes .annuaire-section .annuaire-equipe-items {
        grid-template-columns: repeat(2, 1fr);
    }

    /* Start New Annuaire  */
    .vos-droits-section .container .section-content .content .cards-container {
        grid-template-columns: auto;
    }

    .page-not-found .container .content .right img {
        width: 100%;
    }

    .grid-section .container .content {
        grid-template-columns: auto auto;
    }

    .page-id-7079 .wpcf7 {
        padding: 30px;
    }

    .page-id-8017 .boutons-switchers .switcher,
	.page-id-13299 .boutons-switchers .switcher{
        width: 90%;
        margin: 0 auto;
    }

    .page-id-8017 .boutons-switchers,
	.page-id-13299 .boutons-switchers{
        flex-direction: column;
    }

    .page-id-7079 .wpcf7 form .row-form {
        display: block;
    }

    .page-id-7079 .wpcf7 form input[type="text"],
    .page-id-7079 .wpcf7 form input[type="tel"],
    .page-id-7079 .wpcf7 form input[type="email"],
    .page-id-7079 .wpcf7 form .select2-container {
        width: 100% !important;
    }

    .page-id-7079 .wpcf7 form .row-form-submit {
        flex-direction: column;
        gap: 16px;
    }

    .page-id-7079 .wpcf7 form .row-form-submit {
        display: block;
    }

    .page-id-7079 .wpcf7 form [type="submit"] {
        margin-top: 20px;
    }

    .form-reclamation form {
        padding: 20px;
    }

    .form-reclamation form .row-form {
        display: block;
    }

    .form-reclamation form input,
    .form-reclamation form .select2-container {
        width: 100% !important;
    }

    .form-reclamation form .row-form-submit {
        flex-direction: column;
        gap: 16px;
    }

    .form-reclamation form .row-form-submit {
        display: block;
    }

    .form-reclamation form [type="submit"] {
        margin-top: 20px;
    }

    .form-reclamation form .selectRow .custom-select {
        width: 100%;
    }

    .form-reclamation form .row-form-submit .wpcf7-radio {
        display: block;
        text-indent: -10px;
        padding-left: 10px;
    }

    .form-reclamation form [type="submit"] {
        width: 150px !important;
    }

    .form-reclamation form .row-form-submit .labelConditions {
        display: block;
        padding-left: 10px;
    }
}

@media only screen and (max-width: 768px) {
    .caisse-garantie-content .container .content h2 {
        font-size: 30px;
        line-height: 40px;
    }

    .caisse-garantie .container .content h1 {
        font-size: 40px;
        line-height: 50px;
    }

    .container-prev-session .content-prev-session .items-prev-session {
        grid-template-columns: repeat(1, 470px) !important;
        justify-content: center;
    }

    .scroll-to-bottom {
        display: none;
    }

    /* Start Style Observation */
    .section-observatoire .observatoire-information {
        padding: 40px 20px 20px;
    }

    .section-observatoire .observatoire-intro h3 {
        font-size: 45px;
        line-height: 55px;
    }

    /* End Style Observation */
    body.single-ecoute .others-actu {
        grid-template-columns: repeat(2, 1fr);
    }

    /* Start Result Search  */
    .card__title {
        font-size: 40px;
        line-height: 50px;
    }

    .card {
        padding: 35px 15px;
    }

    .cards {
        grid-template-columns: 1fr;
        width: 457px;
        margin: 0 auto;
    }

    /* End Result Search   */
    /* Start Ecoute Style */
    .section-listening .top h1 {
        font-size: 45px;
        line-height: 55px;
    }

    .section-listening .middle {
        grid-template-columns: repeat(2, 1fr);
    }

    .section-listening .top .inner-filtre {
        padding-right: 20px;
        padding-left: 20px;
    }

    /* End Ecoute Style  */
    .deontologie-body {
        padding-top: 10px;
    }

    .single-etude-section .se-top h1 {
        font-size: 32px;
        line-height: 42px;
    }

    .nos-actus-histo .container .bottom .engagement-content {
        margin-top: 70px;
    }

    /* Start Deontologie */
    .deontologie-body .deontologie-accordion::after {
        width: 100%;
    }

    .deontologie-body {
        padding-top: 10px;
    }

    .deontologie-body .deontologie-accordion .accordion {
        width: calc(100% - 50px);
    }

    .deontologie-body .deontologie-accordion {
        margin: 0 auto 75px;
    }

    .deontologie-body .deontologie-info.procedure-suivre {
        padding: 42px 15px 0 15px;
    }

    .deontologie-body .deontologie-info {
        padding: 0 0 42px 0;
    }

    .deontologie-body .deontologie-download .download-content {
        grid-template-columns: 1fr;
        max-width: 355px;
        margin: 0 auto;
    }

    .deontologie-body .deontologie-download .box .box-content {
        grid-auto-rows: initial;
    }

    .deontologie-body .deontologie-download::after {
        content: none;
    }

    .deontologie-body .deontologie-accordion .accordion .item .accordionBtn {
        flex-direction: column;
        text-align: left;
        padding: 25px 40px 10px 0;
    }

    .deontologie-body .deontologie-accordion .accordion .item .content p:last-child {
        margin-bottom: 0;
    }

    .deontologie-body .deontologie-accordion .accordion .item .accordionBtn .number {
        font-size: 15px;
    }

    .deontologie-body .deontologie-accordion .accordion .item .accordionBtn .btn-title {
        padding-left: 0;
    }

    .deontologie-hero .deontologie-content p {
        font-size: 14px;
        margin-bottom: 25px;
    }

    .deontologie-body .deontologie-info.procedure-suivre::after {
        left: -20px;
    }

    .deontologie-body .deontologie-info p {
        font-size: 14px;
        line-height: 24px;
    }

    .deontologie-body .deontologie-info.reclamations p:first-child {
        font-size: 16px;
    }

    .vos-droits-section .container .section-content .content .cards-container .card h3 {
        padding-bottom: 30px;
    }

    .vos-droits-section .container .section-content .content .cards-container .card h3::after {
        bottom: 16px;
    }

    .vos-droits-section .container .section-content .content .cards-container .card {
        padding-right: 0;
    }

    .vos-droits-section .container .section-content .top .right {
        display: flex;
        justify-content: space-between;
        width: 100%;
    }

    .vos-droits-section .container .section-content .content {
        margin: 50px 0 40px 0;
    }

    .vos-droits-section .container .section-content .top .right .page-switchs {
        width: 100%;
        justify-content: space-between;
    }

    .vos-droits-section .container .section-content .top .left h1 {
        margin-top: 0;
    }

    .vos-droits-section .container .section-content .top {
        flex-direction: column-reverse;
        gap: 25px;
    }

    .vos-droits-section .container .section-content .content .cards-container {
        grid-template-columns: initial;
        grid-row-gap: 30px;
        grid-column-gap: 12px;
    }

    .grid-section .container .content a {
        width: 215px;
        height: 215px;
    }

    .grid-section .container .content {
        grid-template-columns: repeat(3, 215px);
    }

    .pagination-blocs {
        padding-top: 40px;
        padding-bottom: 20px;
        justify-content: space-between;
        align-items: center;
    }

    .guide-pratique-section .blocs-guide {
        padding-top: 40px;
    }

    .pratique-dedie-section .container .section-content .top {
        flex-direction: column;
        gap: 30px;
    }

    .pratique-dedie-section .container .section-content .top .right #download-btn {
        margin-top: 0;
    }

    .pratique-dedie-section .container .section-content .top .right,
    .pratique-dedie-section .container .section-content .top .left {
        width: 100%;
    }

    .pratique-dedie-section .container .section-content .top .right {
        flex-direction: row;
        justify-content: space-between;
    }

    .pratique-dedie-section .container .section-content .top .left h1 {
        margin-top: 20px;
    }

    .pratique-dedie-section .container .section-content .top .left h2 {
        font-size: 18px;
        line-height: 26px;
    }

    .pratique-dedie-section .container .section-content .content .description {
        font-size: 18px;
        line-height: 27px;
        margin-bottom: 20px;
    }

    .pratique-dedie-section .container .section-content .content h4 {
        font-size: 16px;
        margin-bottom: 20px;
    }

    .pratique-dedie-section .container .section-content .content ul li,
    .pratique-dedie-section .container .section-content .content p {
        margin-bottom: 20px;
        font-size: 16px;
        line-height: 22px;
        max-width: 100%;
    }

    .pratique-dedie-section .container .section-content .content ul li {
        padding-left: 20px;
    }

    .pratique-dedie-section .container .section-content .content ul {
        max-width: 100%;
        margin-left: 20px;
    }

    .gouvernance-section .equipe-administration .administration {
        margin-top: 50px;
        padding-top: 25px;
    }

    .gouvernance-section .equipe-administration .administration .items-administration {
        padding-top: 50px;
    }

    .gouvernance-section .equipe-administration .charge-missions {
        margin-top: 50px;
    }

    .gouvernance-section .equipe-administration .grid-title {
        max-width: 50%;
    }

    .gouvernance-section .section-mot-president .description h3 {
        max-width: 70%;
    }

    .gouvernance-section .section-mot-president .col-content .shape {
        right: 0;
        top: 0;
    }

    .gouvernance-section .section-mot-president::before {
        height: 50%;
    }

    .gouvernance-section .equipe-administration .grid-title h2:after {
        width: 100%;
    }

    .gouvernance-section .items-administration {
        padding-top: 0;
        max-width: 100%;
        justify-content: center;
    }

    .gouvernance-section .items-administration .grid-title {
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .gouvernance-section .section-mot-president .col-content {
        width: 100%;
    }

    .gouvernance-section .plus-dinfos h6 {
        line-height: 40px;
        font-size: 32px;
        text-align: left;
    }

    .gouvernance-section .plus-dinfos a {
        height: 50px;
        width: 180px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 45px auto 0 auto;
    }

    .gouvernance-section .plus-dinfos .inner {
        padding-left: 20px;
        padding-right: 40px;
    }

    .gouvernance-section .plus-dinfos {
        height: 400px;
    }

    .gouvernance-section .plus-dinfos:after {
        width: 98%;
        border-radius: 0 0px 150px 0;
        height: 400px;
        top: 50%;
        transform: translateY(-50%);
    }

    .gouvernance-section .section-mot-president .col-image {
        display: flex;
        flex-direction: column;
        align-self: center;
        margin-right: 0;
    }

    .gouvernance-section .section-mot-president .inner .row {
        flex-direction: column;
    }

    .blocs-guide .item .item-info {
        margin-left: 0;
        gap: 10px;
        max-width: 100%;
    }

    .blocs-guide .item .item-info .read-more {
        margin-top: 0;
    }

    .blocs-guide .item h4 {
        font-size: 18px;
        line-height: 28px;
        max-width: 100%;
        padding-right: 0;
    }

    .droits-obligations-section .top h1 {
        text-align: left;
    }

    .droits-obligations-section .top .inner-filtre {
        flex-direction: column;
        align-items: self-start;
        justify-content: center;
        align-content: space-around;
        gap: 16px;
        padding: 20px;
    }

    .droits-obligations-section .top .inner-filtre .search {
        display: flex;
        width: 80%;
    }

    .droits-obligations-section .top form {
        position: relative;
        width: 100%;
    }

    .droits-obligations-section .top .filter-item {
        margin-left: initial;
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 16px;
    }

    .droits-obligations-section .top .filter {
        height: auto;
    }

    .blocs-guide {
        grid-template-columns: repeat(1, 1fr);
    }

    footer {
        position: relative;
        z-index: 14;
    }

    .contact-section::before {
        content: "";
        position: absolute;
        bottom: 50%;
        right: 0;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 0 820px 410px;
        border-color: transparent transparent #ffffff transparent;
        transform: translateY(100%);
        pointer-events: none;
    }

    /* Start Espace Presse */
    .espace-presse .espace-presse-content {
        margin-top: 0;
    }

    .espace-presse .espace-presse-body .right .box p br {
        display: none;
    }

    .espace-presse .espace-presse-body .right .box p {
        font-size: 20px;
        line-height: 30px;
    }

    .espace-presse .espace-presse-body .right .box {
        padding: 0 25px;
    }

    .espace-presse .espace-presse-body .right .contact-presse {
        padding: 30px 25px;
    }

    .espace-presse .espace-presse-body .right {
        column-gap: 15px;
        row-gap: 15px;
    }

    .espace-presse .espace-presse-body .right .contact-presse .btn {
        width: 222px;
    }

    /*Error page*/
    .page-not-found .container .content .left h1 {
        font-size: 45px;
        line-height: 55px;
    }

    .page-not-found .container .content .left a {
        height: 50px;
    }

    .page-not-found .container .content .left h2 {
        margin-bottom: 0;
    }

    .page-not-found .container .content .left {
        display: flex;
        gap: 30px;
        align-items: center;
    }

    section.page-not-found {
        padding-top: 100px;
    }

    .page-not-found .container .content {
        flex-direction: column-reverse;
    }

    /* Start Devenir AJMJ */
    .devenir-ajmj-body .be-ajmj-body .exams-contenu .test-content .items {
        grid-template-columns: repeat(1, 470px);
        justify-content: center;
    }

    .devenir-ajmj-body .be-ajmj-body .exams-contenu::after {
        content: none;
    }

    .devenir-ajmj-body .be-ajmj-body .exams-contenu {
        padding-bottom: 0;
    }

    .devenir-ajmj-body .be-ajmj-body .tabs-contents {
        margin: 70px 0;
    }

    .devenir-ajmj-header {
        padding-bottom: 0;
    }

    .devenir-ajmj-body .be-ajmj-body .tabs-contents .tabs {
        display: none;
    }

    .devenir-ajmj-body .be-ajmj-body .tabs-contents .tab.tab-mobile {
        display: flex;
        margin-bottom: 20px;
    }

    .devenir-ajmj-header h3 {
        font-size: 45px;
        line-height: 50px;
    }

    .devenir-ajmj-body .tabs-contents .tab {
        background: #e4eaf5;
        color: #244780;
        border: 1px solid #3e8bd8;
        border-radius: 10px;
    }

    .devenir-ajmj-body .tabs-contents .tab.active {
        background-color: #244780;
        color: #ffffff;
        border: 1px solid #244780;
    }

    .devenir-ajmj-body .tabs-contents .tab-content .tab-items {
        padding-bottom: 20px;
    }

    .devenir-ajmj-body .tabs-contents .tab-content .tab-items .tab-item {
        margin-top: 0;
        margin-bottom: 20px;
    }

    .devenir-ajmj-body .faq-content h4 {
        font-size: 35px;
    }

    .devenir-ajmj-body .faq-content {
        margin-bottom: 50px;
    }

    /* Start Single Mission */
    .single-mission .guide-header h4 {
        font-size: 30px;
        line-height: 40px;
    }

    .agent-single-prim .container .content .top {
        flex-direction: column;
        padding-bottom: 50px;
    }

    .breadcrumbs {
        display: none;
    }

    .hero_container .last-posts .dev-post-bloc .bloc-content h4 {
        font-size: 22px;
        line-height: 32px;
    }

    .hero_container .last-posts .container .slide-title {
        font-size: 38px;
        line-height: 48px;
    }

    .section-actify .actify-description .desc-actify h4 {
        font-size: 32px;
        line-height: 42px;
    }

    .vos-droits-section .container .section-content .top .left h1 {
        font-size: 35px;
        line-height: 45px;
    }

    .guide-pratique-section .top h1,
    .pratique-dedie-section .container .section-content .top .left h1,
    .gouvernance-section .section-mot-president h3,
    .droits-obligations-section .top h1,
    .donnees-personnelles-section .container .section-content .top .left h1,
    .annuaire-section .top h1,
    .section-faq .faq-content h4,
    .section-who-we-are .content h4.section-title,
    .hero_container .last-posts .container .slide-title,
    .hero_container .dev-carousel .item .slide-title-container .slide-title,
    .nos-missions-prim .container .content .content-title,
    .event-single-prim .container .content .event-article .event-title,
    .agent-single-prim .container .content .top .agent-name h1,
    .notre-metier-prim .container .content .content-title,
    .notre-metier-second .container .content .item h3,
    .deontologie-hero .deontologie-content h1 {
        font-size: 45px;
        line-height: 55px;
    }

    .donnees-personnelles-section .container .section-content .content .description {
        font-size: 18px;
        line-height: 28px;
        margin-bottom: 30px;
    }

    .donnees-personnelles-section .container .section-content .content h4 {
        margin-bottom: 20px;
        font-size: 16px;
        line-height: 16px;
    }

    .donnees-personnelles-section .container .section-content .content p {
        margin-bottom: 20px;
        font-size: 16px;
    }

    .donnees-personnelles-section .container .section-content .content ul {
        margin-left: 20px;
        max-width: 100%;
    }

    .donnees-personnelles-section .container .section-content .content ul li {
        margin-bottom: 20px;
        font-size: 16px;
        line-height: 24px;
        padding-left: 20px;
    }

    .donnees-personnelles-section .container .second-section-background-container img {
        width: 100%;
    }

    .section-missions .grid_container .item h4 {
        font-size: 40px;
        line-height: 50px;
    }

    .event-single-prim .container .content .event-article .event-date,
    .agent-single-prim .container .content .top .agent-name span {
        font-size: 20px;
        line-height: 30px;
    }

    .event-single-prim .container .content .event-article .event-categ {
        font-size: 18px;
        line-height: 28px;
    }

    .event-single-second .container .content .top h3 {
        font-size: 36px;
        line-height: 46px;
    }

    .event-single-prim .container .content .event-article .event-date {
        margin-bottom: 30px;
    }

    .nos-actus-histo .container .content .top .top-histo-title {
        font-size: 35px;
        line-height: 45px;
    }

    .nos-actualites-second .container .content .middle,
    .nos-actus-histo .container .content .middle {
        grid-template-columns: 1fr;
    }

    .notre-metier-second .container .content {
        grid-template-columns: repeat(2, 1fr);
        grid-row-gap: 20px;
    }

    .notre-metier-second .container .content .item:nth-of-type(6) {
        -ms-grid-column: initial;
        grid-column-start: initial;
    }

    .notre-metier-second .container .content .item:nth-of-type(2) {
        margin-bottom: 0;
    }

    .notre-metier-second .container .content .item:first-of-type {
        margin-bottom: 20px;
    }

    .notre-metier-prim .container .content {
        padding-bottom: 50px;
    }

    .notre-metier-second .container .content .item .the-number {
        font-size: 45px;
        line-height: 55px;
    }

    .nos-actus-histo,
    .notre-metier-second {
        padding-top: 50px;
    }

    .nos-actus-histo .container .bottom .engagement-content h4 {
        padding: 0 20px;
        font-size: 26px;
        line-height: 36px;
    }

    .nos-actus-histo .container .bottom {
        padding-bottom: 40px;
    }

    .nos-actus-histo .container .bottom .engagement-content {
        margin-top: 50px;
        padding-top: 40px;
    }

    .nos-actus-histo .container .bottom .engagement-content .charte-cta {
        width: 200px;
        height: 50px;
    }

    .nos-actus-histo .container .content .top .histo-cta {
        width: 160px;
        height: 40px;
    }

    .notre-metier-second .container .content .item .the-impact {
        font-size: 16px;
        line-height: 25px;
    }

    .nos-actus-histo::after {
        width: 0;
    }

    .nos-actus-histo {
        background: linear-gradient(#f0f3f8 0%, #fff 100%);
    }

    .nos-actualites-second .container .content .middle .other-actu-box .read-cta svg,
    .nos-actualites-second .container .content .middle .other-actu-box .read-cta span,
    .nos-actus-histo .container .content .middle .other-actu-box .read-cta svg,
    .nos-actus-histo .container .content .middle .other-actu-box .read-cta span {
        visibility: visible;
        opacity: 1;
    }

    .espace-presse .bottom .news-content,
    .nos-actualites-second .container .bottom .news-content {
        flex-direction: column;
        gap: 24px;
    }

    .espace-presse .bottom .news-content .right form,
    .nos-actualites-second .container .bottom .news-content .right form {
        max-width: initial;
        width: 100%;
    }

    .espace-presse .bottom .news-content .right form .inputBox,
    .nos-actualites-second .container .bottom .news-content .right form .inputBox {
        width: 100% !important;
    }

    .espace-presse .bottom .news-content .right form .inputBox .checkbox,
    .nos-actualites-second .container .bottom .news-content .right form .inputBox .checkbox {
        width: 100%;
    }

    .espace-presse .bottom,
    .nos-actualites-second .container .bottom {
        padding-bottom: 0;
    }

    .nos-actualites-second .container .content .actu-filtrage .news-filters,
    .nos-actualites-second .container .content .actu-filtrage .news-filters ul {
        width: 100%;
    }

    .nos-actualites-second .container .content .actu-filtrage .news-filters ul {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        grid-row-gap: 22px;
        grid-column-gap: 8px;
    }

    .nos-actualites-prim .synSlider.synSlider--nav .synSlider__item.nav {
        max-width: 100% !important;
        width: 100% !important;
    }

    .nos-missions-second .container .content .nos-missions-list,
    .nos-missions-second .container .content .nos-procedures-list {
        grid-template-columns: repeat(2, 232px);
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .nos-missions-second .container .content .nos-missions-list .item,
    .nos-missions-second .container .content .nos-procedures-list .item {
        max-height: 232px;
    }

    .nos-missions-second .container .content .nos-procedures-list .item:first-child,
    .nos-missions-second .container .content .nos-missions-list .item:first-child {
        grid-column-start: 1;
        grid-column-end: 3;
        background: transparent linear-gradient(93deg, #f0f3f8 0%, #fff 100%) 0% 0% no-repeat padding-box;
    }

    .nos-missions-second .container .content .nos-procedures-list .item:first-child::after,
    .nos-missions-second .container .content .nos-missions-list .item:first-child::after {
        display: none;
    }

    .nos-missions-second .container .content .radius-pattern {
        display: none;
    }

    .section-who-we-are .content .row {
        flex-direction: column;
    }

    .section-who-we-are .content .row .left,
    .section-who-we-are .content .row .right {
        width: 100%;
    }

    .section-who-we-are .content .row .left p {
        width: 70%;
    }

    .section-missions .grid_container .item:nth-child(5) {
        grid-column-start: initial;
        grid-column-end: initial;
    }

    .section-missions .grid_container {
        grid-template-columns: repeat(2, 1fr);
    }

    .section-who-we-are {
        padding: 105px 0 100px;
    }

    .hero_container .dev-carousel .item {
        padding-top: 200px;
    }

    .hero_container .last-posts .container a {
        width: 250px;
        height: 50px;
    }

    .hero_container .last-posts .dev-post-bloc {
        width: 100%;
        padding-right: 30px;
        padding-left: 80px;
    }

    .article-dedie-section .others-actu {
        grid-template-columns: 1fr;
        width: 100%;
    }

    .article-dedie-section .container .section-content .top .left .info {
        flex-wrap: wrap;
        gap: 16px;
    }

    .article-dedie-section .container .section-content .top .left .info .info-date,
    .article-dedie-section .container .section-content .top .left .info .info-author {
        width: 100%;
        text-align: center;
    }

    .article-dedie-section .container .section-content .top .left h1 {
        font-size: 32px;
        line-height: 42px;
        margin-top: 25px;
    }

    .article-dedie-section .container .section-content .top .left h2 {
        font-size: 18px;
        line-height: 28px;
    }

    .article-dedie-section .container {
        position: relative;
        margin-top: 0;
    }

    .nos-actualites-prim .synSlider.synSlider--single .synSlider__item .item-content {
        margin-top: 160px;
    }

    .nos-actualites-prim {
        min-height: initial;
    }

    .nos-actualites-prim .synSlider.synSlider--single {
        height: 650px;
    }

    .article-dedie-section .container .section-content .content p,
    .vos-droits-section .container .section-content .content p {
        font-size: 16px;
        margin-bottom: 20px;
    }

    .article-dedie-section .container .section-content .content ul li,
    .vos-droits-section .container .section-content .content ul li,
    .article-dedie-section .container .section-content .content h4,
    .vos-droits-section .container .section-content .content h4 {
        margin-bottom: 20px;
        font-size: 16px;
    }

    .pagination-blocs .numbers {
        display: none;
    }

    .pagination-blocs ul:not(.numbers) {
        align-items: center;
        justify-content: center;
        margin: 35px auto;
    }

    body.page-template-annuaire .pagination-blocs {
        display: flex;
        flex-direction: column;
    }

    .reclamations-hero .container .reclamations-content h2 {
        font-size: 40px;
        line-height: 50px;
    }

    .page-id-7079 .wpcf7 form .row-form-submit span.wpcf7-list-item-label::before {
        top: -10px;
    }

    .page-id-7079 .wpcf7 form .row-form-submit span.wpcf7-list-item-label::after {
        top: -13px;
    }
}

@media only screen and (max-width: 650px) {

    /*.hero_container .dev-carousel .item .shape1 {
        float: right;
        top: -180px;
        right: -38px !important;
        position: relative;
    }*/
    .caisse-garantie .container .content h1 {
        font-size: 32px;
        line-height: 42px;
        margin-bottom: 30px;
    }

    .caisse-garantie .container .content {
        padding-bottom: 60px;
    }

    .caisse-garantie-content .container .content h2 {
        margin-top: 42px;
        font-size: 25px;
        line-height: 35px;
        width: auto;
    }

    .caisse-garantie-content .container .content h2:after {
        width: 100%;
    }

    .caisse-garantie-content .container .content .row {
        grid-template-columns: repeat(1, 278px);
    }

    .caisse-garantie-content {
        padding-bottom: 42px;
    }

    .annuaire-section .top .inner-filtre .filtre-departement:before {
        left: -10px;
    }

    .annuaire-section .recherche-avance h6 {
        font-size: 18px;
    }

    .annuaire-section .recherche-avance .top-rech .fermer {
        font-size: 14px;
        padding-right: 20px;
    }

    header .menu nav {
        padding: 130px 20px 40px 20px;
        max-width: 100%;
    }

    header .menu ul.external-link {
        flex-direction: column;
        gap: 20px;
        align-items: center;
    }

    .grid-section .container .content {
        grid-template-columns: repeat(2, 1fr);
    }

    .grid-section .container .content a {
        width: 100%;
    }

    .annuaire-section .top h1 {
        padding-left: 20px;
    }

    .agent-single-prim .container .content .middle .the-info,
    .agent-single-prim .container .content .middle .the-picture {
        max-width: 80%;
    }

    .nos-actualites-second .container .content .pagination-blocs {
        flex-direction: column;
        align-items: center;
        gap: 25px;
    }

    .nos-actualites-second .container .content .pagination-blocs ul {
        margin-left: 0;
    }

    .nos-actualites-prim .synSlider.synSlider--nav {
        display: none;
    }

    .section-find-annuaire .container::after {
        left: 20px;
        width: 90%;
    }

    .article-dedie-section .container .first-section-background-container {
        display: none;
    }

    .agent-single-prim .content .bottom .agent-content {
        column-count: 1;
    }
}

@media screen and (max-width: 620px) {

    /* Start */
    .section-who-we-are .squares_container .square {
        min-height: initial;
        overflow: hidden;
    }

    .section-who-we-are .squares_container .square::after,
    .section-missions .grid_container .item:nth-child(2)::after,
    .section-missions .grid_container .item:nth-child(3)::after,
    .section-missions .grid_container .item:nth-child(7)::after {
        border-width: 0 100px 209px 0;
    }

    .hero_container .dev-carousel .item .slide-title-container {
        margin-bottom: 50px;
    }

    .section-who-we-are .content .row .left p {
        width: 100%;
    }

    .section-who-we-are {
        padding: 50px 0 25px;
    }

    .section-missions .grid_container .item {
        min-height: initial;
        overflow: hidden;
    }

    .section-missions .grid_container .item .bloc-wrapper .card-content .card-nbr {
        margin-bottom: 25px;
    }

    .section-missions .grid_container .item:nth-child(5) {
        padding: 40px 0;
    }

    .filtre-ajmj-avance form {
        flex-direction: column;
        width: 100%;
    }

    .filtre-ajmj-avance input,
    .annuaire-section .top input {
        margin-left: 0 !important;
        padding-left: 0 !important;
        width: calc(100% - 15px) !important;
        border-bottom: 1px solid #244781;
        border-radius: 0;
        padding-bottom: 7px;
        margin-bottom: 0 !important;
    }

    .filtre-ajmj-avance .inner-filtre .filtre-departement,
    .annuaire-section .top .inner-filtre .filtre-departement {
        width: calc(100% - 15px) !important;
        margin-right: 0;
        margin-left: 0;
        margin-top: 7px;
    }

    .annuaire-section .top .inner-filtre .filtre-departement:before,
    .filtre-ajmj-avance .inner-filtre .filtre-departement:before {
        content: none;
    }

    .select2-container .select2-selection--single .select2-selection__rendered {
        padding-left: 0;
        padding-right: 0;
    }

    .filtre-ajmj-avance .inner-filtre .select2-container--default .select2-selection--single .select2-selection__arrow:after,
    .annuaire-section .top .inner-filtre .select2-container--default .select2-selection--single .select2-selection__arrow:after {
        right: 5px;
    }

    svg#search,
    .filtre-ajmj-avance .search>span,
    .annuaire-section .top .filtre .search>span {
        display: none !important;
    }

    .section-find-annuaire {
        padding: 70px 0;
    }

    .filtre-ajmj-avance button,
    .annuaire-section .top button {
        width: 50px;
    }

    .filtre-ajmj-avance .inner-filtre {
        padding-left: 15px;
    }

    .annuaire-section .top .inner-filtre {
        padding-right: 50px !important;
        padding-left: 15px;
    }

    .annuaire-section .top .filtre .search {
        flex-direction: column;
    }

    .annuaire-section .top .more-filtre {
        left: 24px;
    }

    .annuaire-section .top .filtre {
        height: 90px !important;
    }

    /* End */
    /* Start Style Observation */
    .section-observatoire .observatoire-information br {
        display: none;
    }

    .section-observatoire .observatoire-boxs,
    .section-observatoire .observatoire-filter .tab-items {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }

    .section-observatoire .observatoire-boxs .box,
    .section-observatoire .observatoire-filter .tab-items .tab-item {
        padding: 35px 15px;
    }

    .section-observatoire .observatoire-filter .pub-tabs {
        display: none;
    }

    .section-observatoire .observatoire-filter .pub-filtrage {
        border-bottom: none;
    }

    .section-observatoire .observatoire-filter .tab.tab-mobile {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    /* End Style Observation */
    body.single-ecoute .others-actu {
        -ms-grid-columns: 278px;
        grid-template-columns: 278px;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    /* Start Ecoute Style */
    .section-listening .top h1 {
        font-size: 35px;
        line-height: 45px;
    }

    .section-listening .middle {
        grid-template-columns: 278px;
        justify-content: center;
    }

    .section-listening .pagination-blocs ul {
        column-gap: 10px;
    }

    /* End Ecoute Style  */
    /* Start Deontologie */
    .deontologie-body .deontologie-accordion .accordion {
        width: 100%;
    }

    .deontologie-body .deontologie-accordion::after {
        content: none;
    }

    .deontologie-body .deontologie-accordion .accordion .item .accordionBtn {
        font-size: 20px;
        line-height: 30px;
    }

    .deontologie-body .deontologie-accordion .accordion .item.active .accordionBtn {
        font-size: 22px;
        line-height: 32px;
    }

    .deontologie-body .deontologie-download .box {
        padding: 70px 15px;
    }

    .deontologie-hero .deontologie-content h3 {
        font-size: 28px;
        line-height: 38px;
    }

    .deontologie-body .deontologie-info h5 {
        font-size: 20px;
        line-height: 30px;
    }

    /* Start Espace Presse */
    .espace-presse .espace-presse-body .right {
        grid-template-columns: 1fr;
    }

    .espace-presse .espace-presse-body .right .contact-presse {
        grid-row-start: initial;
        grid-row-end: initial;
    }

    .espace-presse .espace-presse-body .left .middle {
        grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    }

    .espace-presse .espace-presse-body .left .middle {
        row-gap: 15px;
    }

    .espace-presse .espace-presse-body .left h3 {
        font-size: 25px;
        line-height: 35px;
    }

    .espace-presse .espace-presse-header h4 {
        font-size: 35px;
        line-height: 45px;
    }

    .espace-presse .espace-presse-body .left .middle .other-actu-box .read-cta span,
    .espace-presse .espace-presse-body .left .middle .other-actu-box .read-cta svg {
        opacity: 1;
        visibility: visible;
    }

    /* Start Footer */
    footer .footer-menu .item,
    footer .footer-info .item {
        width: 100% !important;
    }

    footer .footer-content {
        gap: 50px;
    }

    footer .footer-info .item ul.contact-numbers {
        margin-top: 30px;
    }

    footer .footer-copyright {
        flex-direction: column;
        gap: 15px;
    }

    footer .footer-copyright::after {
        content: none;
    }

    footer .footer-content .item:last-child {
        padding-top: 0 !important;
    }

    /* Start Devenir AJMJ */
    .devenir-ajmj-body .be-ajmj-body .faq-content .accordion .item.active .content {
        margin: 32px 0 20px 0;
    }

    .devenir-ajmj-body .be-ajmj-body .exams-contenu .test-content h4,
    .container-prev-session .content-prev-session h4 {
        font-size: 24px;
        line-height: 34px;
    }

    .container-prev-session .content-prev-session h4 {
        margin-top: 25px;
    }

    .devenir-ajmj-body .be-ajmj-body .exams-contenu .test-content .items {
        grid-template-columns: repeat(1, 1fr);
    }

    .devenir-ajmj-body .be-ajmj-body .tabs-contents .tab-content .tab-items .tab-item {
        padding: 20px;
        gap: 20px;
        flex-direction: column;
        align-items: flex-start;
    }

    .devenir-ajmj-body .be-ajmj-body .tabs-contents .tab-content .tab-items .tab-item .content h4 {
        font-size: 18px;
        line-height: 28px;
        margin-bottom: 15px;
    }

    .devenir-ajmj-body .be-ajmj-body .faq-content h4 {
        font-size: 25px;
        line-height: 35px;
    }

    .devenir-ajmj-body .be-ajmj-body .exams-contenu .test-content h4 {
        font-size: 16px;
        line-height: 26px;
    }

    .devenir-ajmj-body .be-ajmj-body .exams-contenu .test-content .items .item h5 {
        font-size: 18px;
    }

    .devenir-ajmj-body .be-ajmj-body .exams-contenu .test-content .items .item {
        padding: 43px 20px 73px;
    }

    .devenir-ajmj-body .be-ajmj-body .faq-content .accordion .item .accordionBtn {
        gap: 20px;
        font-size: 16px;
        line-height: 26px;
    }

    .devenir-ajmj-body .be-ajmj-body .faq-content .accordion .item .content p,
    .devenir-ajmj-body .be-ajmj-body .faq-content .accordion .item .content h5 {
        font-size: 14px;
        line-height: 24px;
    }

    .devenir-ajmj-body .be-ajmj-body .tabs-contents .tab {
        padding: 0 20px;
        height: 90px;
    }

    .devenir-ajmj-header h3 {
        font-size: 32px;
        line-height: 42px;
    }

    /* Start Single Mission */
    .single-mission .guide-body {
        grid-template-columns: repeat(1, 1fr);
    }

    .single-mission .guide-header {
        flex-direction: column-reverse;
        gap: 25px;
        margin: 40px auto 40px auto;
    }

    .single-mission .guide-body .item {
        grid-template-columns: repeat(1, 1fr);
        overflow: hidden;
        padding: 73px 20px 37px 20px;
    }

    .single-mission .mission-body h1 {
        font-size: 30px;
        line-height: 40px;
        margin-bottom: 30px;
    }

    .single-mission .mission-body p {
        font-size: 14px;
        line-height: 22px;
        margin-bottom: 20px;
    }

    .single-mission .mission-header span {
        font-size: 18px;
        line-height: 28px;
    }

    .single-mission .guide-body .item:nth-child(2)::after {
        border-width: 0 0 421px 177px;
    }

    /* Start Single Etude */
    .single-etude .equipe-dediee .annuaire-equipe-items {
        max-width: 278px;
    }

    .office-etude .office-info .office-contact ul li a span.tel {
        margin-left: 0;
    }

    .single-etude .se-bottom ul li a {
        font-size: 14px;
    }

    .section-missions .grid_container {
        grid-template-columns: initial;
    }

    .section-who-we-are .squares_container {
        grid-template-columns: initial;
        gap: 30px;
    }

    .section-who-we-are .squares_container .square:nth-child(2) {
        top: initial;
    }

    .section-who-we-are .container::after {
        display: none;
    }

    .section-who-we-are .container {
        gap: 100px;
    }

    .section-actify {
        padding: 60px 0;
    }

    .section-faq .faq-content .tabs-contents .tab.active {
        padding: 0 20px;
    }

    .section-find-annuaire .annuaire-content .fa-contenu .label {
        font-size: 22px;
        line-height: 32px;
    }

    .section-find-annuaire .annuaire-content .fa-contenu h4 {
        font-size: 28px;
        line-height: 38px;
    }

    .hero_container .last-posts .container {
        flex-direction: column;
        margin-bottom: 20px;
    }

    .hero_container .last-posts .container a {
        align-self: end;
    }

    .hero_container .dev-carousel .item .actions {
        display: flex;
        justify-content: space-between;
    }

    @media screen and (max-width: 605px) {
        .gouvernance-section .items-administration.listed-admin {
            grid-template-columns: repeat(1, 280px);
        }

        .gouvernance-section .items-administration.listed-admin .grid-item:first-of-type {
            grid-column: initial;
        }
    }

    @media only screen and (max-width: 580px) {
        .contact-section .container .inner-container .contact-content .right form .third-contact-part {
            flex-direction: column;
            gap: 20px;
        }

        .contact-section .container .inner-container .contact-content .right form .third-contact-part button {
            display: flex;
            align-items: center;
            justify-content: center;
            align-self: end;
        }

        .contact-section .container .inner-container .contact-content .right form .second-contact-part textarea {
            margin-bottom: 30px;
        }

        .contact-section {
            padding-bottom: 80px;
        }

        .contact-section .container .inner-container .contact-content .right form .first-contact-part {
            grid-template-columns: initial;
            grid-column-gap: 16px;
            grid-row-gap: 12px;
            margin-bottom: 16px;
        }

        .annuaire-section .container .pagination-blocs {
            flex-direction: column;
            gap: 30px;
            justify-content: center;
            align-items: center;
        }

        .pagination-blocs ul {
            margin-left: initial;
            gap: 10px;
        }

        .pagination-blocs ul.numbers {
            display: none;
        }

        .section-faq .faq-content .accordion .item .accordionBtn {
            text-align: left;
        }

        .event-single-second .container .content .top .atelier-progs .atelier-prog .atelier-interv {
            gap: 50px;
        }

        .notre-metier-second .container .content {
            grid-template-columns: 1fr;
            grid-row-gap: 20px;
        }

        .notre-metier-second .container .content .item:first-of-type {
            -ms-grid-column: initial;
            grid-column-start: initial;
            grid-column-end: initial;
        }

        .notre-metier-second .container .content .item .the-impact {
            max-width: 75%;
        }

        .nos-actus-histo .container .content .top {
            flex-direction: column;
            gap: 20px;
        }

        .nos-actus-histo .container .content .top .histo-cta {
            align-self: flex-end;
        }

        .espace-presse .bottom .news-content .right form .nameBox,
        .nos-actualites-second .container .bottom .news-content .right form .nameBox {
            flex-direction: column;
            gap: 0;
        }

        .nos-actualites-prim .synSlider.synSlider--single .synSlider__item .item-content .title-actu,
        .nos-actualites-second .container .content .middle .other-actu-box h5 {
            max-width: 90%;
        }

        .section-actify .actify-description,
        .section-actify .items-actify {
            grid-template-columns: initial;
        }

        .section-find-annuaire .container::after {
            left: 0;
            width: 100%;
        }

        .section-find-annuaire .annuaire-content .fa-contenu {
            padding-top: 150px;
        }

        .section-find-annuaire .annuaire-content .fa-contenu .label {
            font-size: 20px;
            line-height: 30px;
        }

        .section-find-annuaire .annuaire-content .fa-contenu h4 {
            font-size: 24px;
            line-height: 34px;
        }

        .section-find-annuaire .annuaire-content .fa-contenu svg {
            right: 0;
            top: 0;
            transform: initial;
        }

        .section-find-annuaire .annuaire-content .fa-contenu .intro-annuaire {
            max-width: 100%;
            margin: 0;
        }

        .section-missions .grid_container .item .bloc-wrapper .card-content {
            font-size: 20px;
            line-height: 30px;
        }

        .section-actify .actify-description .desc-actify h4 {
            font-size: 30px;
            line-height: 35px;
        }

        .hero_container .last-posts .dev-post-bloc .bloc-content h4 {
            font-size: 18px;
            line-height: 28px;
        }

        .hero_container .last-posts .dev-post-bloc .bloc-header .bloc-date {
            font-size: 16px;
            line-height: 26px;
        }

        .hero_container .last-posts .dev-post-bloc .bloc-header .bloc-categ {
            font-size: 14px;
        }

        .hero_container .last-posts .dev-post-bloc {
            border-radius: 100px 0 0 100px;
            padding-left: 50px;
            min-height: initial;
        }

        .section-missions .grid_container .item:nth-child(5) {
            padding-left: 0;
            padding-right: 0;
        }

        .section-missions .grid_container .item a {
            padding: 20px;
        }

        .section-missions .grid_container .item .btn {
            height: 50px;
        }

        .section-find-annuaire .container {
            min-height: 550px;
        }

        .section-find-annuaire .container::after {
            height: 630px;
        }

        .section-find-annuaire {
            padding: 80px 0 80px 0;
            min-height: initial;
        }

        .section-faq {
            padding-top: 50px;
            padding-bottom: 20px;
        }

        .section-actify .actify-description .logo-actify {
            margin-bottom: 20px;
        }

        .section-actify .actify-description .desc-actify h4 {
            font-size: 28px;
            line-height: 38px;
            width: 100%;
        }

        .section-actify .actify-description .desc-actify p {
            margin-top: 20px;
        }

        .section-actify .actify-description .desc-actify .btn {
            height: 50px;
            margin-top: 20px;
        }

        .section-actify .items-actify .item-actif .info-actif {
            padding: 20px;
        }

        .section-faq .faq-content .tabs-contents .tabs {
            margin-bottom: 40px;
        }

        .section-faq .faq-content .tabs-contents .tabs .tab {
            padding: 0 5px;
            font-size: 14px;
        }

        .section-faq .faq-content h4 {
            font-size: 30px;
            line-height: 40px;
        }

        .nos-missions-second .container .content .nos-procedures-list .item:first-child,
        .nos-missions-second .container .content .nos-missions-list .item:first-child {
            padding-left: 20px;
            grid-column-start: initial;
            grid-column-end: initial;
        }

        .nos-missions-second .container .content .nos-procedures-list .item h3,
        .nos-missions-second .container .content .nos-missions-list .item h3 {
            font-size: 32px;
            line-height: 42px;
        }
    }

    @media only screen and (max-width: 500px) {

        /* Style New Annuaire */
        .annuaire-section .top .switch-pages {
            grid-template-columns: 1fr;
        }

        .annuaire-section .annuaire-equipe-items {
            grid-template-columns: 1fr;
            max-width: 220px;
        }

        body.page-template-etudes .annuaire-section .annuaire-equipe-items {
            grid-template-columns: 1fr;
        }

        /* Style New Annuaire  */
        .agent-single-prim .middle .the-info .the-website a {
            width: 80%;
        }

        .agent-single-prim .middle .the-info .etudeLd {
            flex-direction: column;
        }

        .agent-single-prim .middle .the-info .etudeLd .cta-ld {
            align-self: self-start;
        }

        /* Start Ecoute Style  */
        .section-listening .top h1 {
            font-size: 30px;
            line-height: 40px;
        }

        .section-listening .pagination-blocs {
            flex-direction: column;
            gap: 20px;
        }

        .section-listening .top .filter {
            padding: 15px 0;
            height: auto;
        }

        .section-listening .top .inner-filtre {
            flex-direction: column;
            gap: 25px;
            align-items: flex-start;
        }

        .section-listening .top .filter-item {
            flex-wrap: wrap;
            row-gap: 15px;
        }

        .section-listening .top .filter-item div {
            width: calc(50% - 15px);
        }

        /* End Ecoute Style */
        .event-single-prim .container .content .event-article .event-title {
            margin-bottom: 20px;
            margin-top: 20px;
        }

        .event-single-prim .container .content .event-article .event-date {
            margin-bottom: 20px;
        }

        .guide-pratique-section .pagination-blocs {
            flex-direction: column;
            gap: 20px;
        }

        .blocs-guide .item .content {
            flex-direction: column;
            gap: 30px;
        }

        .blocs-guide .item.blue-circle:after,
        .blocs-guide .item.red-circle:after {
            bottom: 0;
            top: initial;
        }

        .blocs-guide .item {
            overflow: hidden;
            min-height: 232px;
            padding: 25px;
            grid-template-columns: repeat(2, 1fr);
        }

        .droits-obligations-section .droits-obligations-items .content-filtre {
            flex-direction: column;
            gap: 30px;
        }

        section.page-not-found {
            padding-top: 160px;
        }

        .page-not-found .container .content {
            justify-content: start;
        }

        .page-not-found .container .content .left {
            flex-direction: column;
            width: 100%;
            align-items: self-start;
        }

        .page-not-found .container .content .left h1 {
            font-size: 40px;
            line-height: 50px;
        }

        .nos-missions-second .container .content .nos-procedures-list .item:first-child,
        .nos-missions-second .container .content .nos-missions-list .item:first-child {
            display: flex;
            align-items: center;
            justify-content: center;
            padding-top: 20px;
        }

        .nos-missions-second .container .content .nos-missions-list,
        .nos-missions-second .container .content .nos-procedures-list {
            grid-template-columns: 232px;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
        }

        .nos-missions-second .container .content .nos-missions-list .item {
            max-width: 232px;
        }

        .nos-missions-second .container .content .nos-procedures-list .item:nth-of-type(9) {
            display: none;
        }

        .espace-presse .bottom .news-content .right form .inputBox,
        .nos-actualites-second .container .bottom .news-content .right form .inputBox {
            flex-direction: column;
        }

        .espace-presse .bottom .news-content,
        .nos-actualites-second .container .bottom .news-content {
            padding: 50px 30px 50px 30px;
        }

        .espace-presse .bottom .news-content .right form .newslett-cta,
        .nos-actualites-second .container .bottom .news-content .right form .newslett-cta {
            align-self: center;
        }

        .nos-actualites-second .container .content .middle .other-actu-box h5 {
            max-width: 90%;
        }

        .nos-actualites-second .container .content .pagination-blocs ul {
            column-gap: 8px;
            align-items: center;
        }

        .nos-actualites-second .container .content .pagination-blocs ul .page {
            top: 0;
        }

        .article-dedie-section .container .section-content .top .left h1 {
            font-size: 28px;
            line-height: 38px;
            margin-top: 12px;
        }

        .article-dedie-section .container .section-content .top .left h2 {
            font-size: 16px;
            line-height: 26px;
        }

        .article-dedie-section .container .section-content .content .description {
            font-size: 18px;
            line-height: 26px;
            margin-bottom: 30px;
        }

        .article-dedie-section .container .section-content .content ul {
            margin-left: 16px;
        }

        .article-dedie-section .container .section-content .content ul li {
            padding-left: 20px;
        }

        .article-dedie-section .container .section-content .top .left .info .social-media {
            width: 100%;
            justify-content: center;
        }

        .article-dedie-section .container .section-content .top .left .info .right {
            margin-left: initial;
            align-items: center;
            width: 100%;
        }

        .filtre-ajmj-avance .recherche-avance h6 {
            font-size: 22px;
        }

        .filtre-ajmj-avance .recherche-avance .inner-recherche-avance .select2-container {
            width: 80% !important;
            max-width: 100%;
        }

        .filtre-ajmj-avance .recherche-avance .dropdown-filtre {
            flex: initial;
            width: 100%;
        }

        .annuaire-section .top:after {
            width: 100%;
            top: -30px;
            left: 0;
        }

        .nos-actualites-prim .synSlider.synSlider--single .synSlider__item .item-content .nvOrRd {
            flex-direction: column;
        }
    }

    @media only screen and (max-width: 498px) {
        .page-id-7079 .wpcf7 form .row-form-submit span.wpcf7-list-item-label::before {
            bottom: 39px;
        }

        .page-id-7079 .wpcf7 form .row-form-submit span.wpcf7-list-item-label::after {
            bottom: 39px;
        }

        .page-id-7079 .reclamations-hero {
            height: auto;
        }

        .page-id-7079 .reclamations-hero .container .reclamations-content {
            padding-bottom: 20px;
        }

        footer .footer-info .item .titreFooter {
            width: auto;
            max-width: 400px;
        }
    }

    @media only screen and (max-width: 450px) {

        /*Start*/
        .hero_container .dev-carousel .item {
            padding-top: 150px;
        }

        .hero_container .last-posts {
            padding-top: 50px;
        }

        .hero_container .dev-carousel,
        .hero_container .dev-carousel .item {
            min-height: auto;
        }

        .hero_container .dev-carousel .container {
            position: relative;
        }

        .hero_container .dev-carousel .item .shape3 img {
            max-width: 100%;
        }

        .hero_container .dev-carousel .item .slide-title-container {
            min-height: auto;
        }

        .hero_container .dev-carousel .item .shape1,
        .hero_container .dev-carousel .item .shape2,
        .hero_container .dev-carousel .item .shape3 {
            right: 0 !important;
            width: 50%;
        }

        .section-find-annuaire .annuaire-content .fa-contenu {
            padding-top: 30px;
        }

        .section-find-annuaire .annuaire-content .fa-contenu svg {
            display: none;
        }

        .section-find-annuaire .container {
            min-height: 450px;
        }

        .section-find-annuaire .container::after {
            height: 450px;
        }

        .section-find-annuaire {
            padding: 80px 0 0px 0;
        }

        .section-faq .faq-content .tabs-contents .tab-content .tab-items {
            padding-bottom: 30px;
        }

        .section-actify {
            padding: 40px 0;
        }

        .section-actify::before {
            content: none;
        }

        .select2-container--default .select2-search--dropdown .select2-search__field {
            font-size: 12px !important;
        }

        .filtre-ajmj-avance .recherche-avance .recherche-action .rechercher {
            width: 110px;
            height: 40px;
            line-height: 40px;
        }

        .section-actify .items-actify .item-actif .info-actif {
            height: 160px;
        }

        .section-actify .items-actify .item-actif.item-actif-long .title {
            margin-bottom: 15px;
        }

        .section-actify .items-actify .item-actif.item-actif-long .info-actif {
            height: auto;
        }

        .section-actify .items-actify .item-actif {
            min-height: auto;
        }

        .section-actify .items-actify .item-actif .image-container {
            height: 150px;
        }

        .section-actify .items-actify .item-actif .image-container img {
            object-fit: cover;
        }

        /*End*/
        .annuaire-section .top .inner-filtre .filtre-departement:before {
            left: 3px;
            height: 22px;
            top: 9px;
        }

        .annuaire-section .top .filtre {
            height: 120px;
        }

        .annuaire-section .top .inner-filtre .filtre-departement {
            width: 90%;
            padding-left: 4px;
        }

        .annuaire-section .top .filtre form svg {
            position: absolute;
            top: 30px;
            left: 20px;
        }

        .annuaire-section .top .filtre .search>span {
            top: 8px;
        }

        .annuaire-section .top .inner-filtre .select2-container--default .select2-selection--single .select2-selection__placeholder {
            padding-left: 20px;
        }

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

        .annuaire-section .top input {
            margin-left: 0;
            padding-left: 24px;
            width: 100%;
            margin-bottom: 12px;
            color: rgba(0, 0, 0, 0.6);
        }

        .annuaire-section .top .filtre form {
            flex-direction: column;
        }

        .agent-single-prim .middle:after {
            width: 100%;
            border-radius: initial;
        }

        .agent-single-prim .middle .the-info .etudeLd {
            margin-bottom: 100px;
        }

        /* Start Style Observation */
        .section-observatoire .observatoire-filter .pub-title h4 {
            font-size: 28px;
            line-height: 42px;
        }

        .section-observatoire .observatoire-intro h3,
        .section-observatoire .observatoire-press-service .press-service-content h6 {
            font-size: 32px;
            line-height: 42px;
        }

        /* End Style Observation */
        .grid-section .container .content {
            grid-template-columns: initial;
        }

        .pratique-dedie-section .container .section-content .top .left .info {
            flex-wrap: wrap;
            gap: 16px;
            margin-top: 20px;
        }

        .pratique-dedie-section .container .section-content .top {
            gap: 20px;
        }

        .pratique-dedie-section .container .section-content .top .left .info .social-media {
            width: 100%;
            margin-left: 0;
            gap: 16px;
        }

        .pratique-dedie-section .container .section-content .top .left .info .social-media a {
            margin-left: 0;
        }

        .pratique-dedie-section .container .second-section-background-container img.top-back {
            width: 100%;
        }

        .pratique-dedie-section .container .section-content .top .right #download-btn {
            display: flex;
            align-self: self-start;
        }

        .pratique-dedie-section .container .section-content .top .right {
            flex-direction: column;
            gap: 20px;
        }

        .pratique-dedie-section .container .section-content .top .right .page-switchs {
            width: 100%;
            justify-content: space-between;
        }

        .gouvernance-section .section-mot-president .description {
            padding: 80px 0 40px 0px;
        }

        .gouvernance-section .section-mot-president .avatar .avatar-shape {
            position: absolute;
            top: -35px;
            z-index: 1;
            right: 0;
        }

        .gouvernance-section .section-mot-president::before {
            height: 80%;
        }

        .gouvernance-section .plus-dinfos h6 {
            line-height: 35px;
            font-size: 26px;
            text-align: left;
        }

        .gouvernance-section .plus-dinfos a {
            margin-left: 0;
        }

        .gouvernance-section .plus-dinfos {
            margin-top: 40px;
        }

        .gouvernance-section .equipe-administration .grid-title {
            max-width: initial;
        }

        .droits-obligations-section .top .filter-item {
            grid-template-columns: repeat(2, 1fr);
        }

        .donnees-personnelles-section .container .section-content .top .left h1 {
            font-size: 32px;
            line-height: 42px;
            margin-top: 0;
        }

        .filtre-ajmj-avance .recherche-avance .inner-recherche-avance .select2-container {
            width: 100% !important;
            max-width: 90% !important;
        }

        /* Start Single Etude */
        .office-etude .office-info .office-contact ul {
            width: 215px;
            margin: 0 auto 25px;
        }

        .agent-single-prim .container .content .middle .the-info,
        .agent-single-prim .container .content .middle .the-picture {
            max-width: 100%;
            width: 100%;
        }

        .agent-single-prim .container .content .top .agent-name span {
            font-size: 16px;
            line-height: 26px;
        }

        .section-missions .grid_container .item h4 {
            font-size: 28px;
            line-height: 42px;
        }

        .vos-droits-section .container .section-content .top .left h1,
        .guide-pratique-section .top h1,
        .pratique-dedie-section .container .section-content .top .left h1,
        .gouvernance-section .section-mot-president h3,
        .droits-obligations-section .top h1,
        .annuaire-section .top h1,
        .section-who-we-are .content h4.section-title,
        .hero_container .last-posts .container .slide-title,
        .hero_container .dev-carousel .item .slide-title-container .slide-title,
        .nos-missions-prim .container .content .content-title,
        .event-single-prim .container .content .event-article .event-title,
        .agent-single-prim .container .content .top .agent-name h1,
        .notre-metier-prim .container .content .content-title,
        .notre-metier-second .container .content .item h3,
        .nos-actus-histo .container .content .top .top-histo-title,
        .deontologie-hero .deontologie-content h1 {
            font-size: 32px;
            line-height: 42px;
        }

        .pratique-dedie-section .container .section-content .top .left h2 {
            font-size: 16px;
            line-height: 16px;
        }

        .notre-metier-second .container .content .item .the-number {
            font-size: 35px;
            line-height: 42px;
        }

        .event-single-prim .container .content .event-article .event-date {
            font-size: 17px;
            line-height: 27px;
        }

        .event-single-prim .container .content .event-article p {
            font-size: 16px;
            line-height: 26px;
            margin-bottom: 20px;
        }

        .event-single-prim .container .content .info-pratiques .sub-info {
            font-size: 14px;
        }

        .event-single-prim .container .content .info-pratiques h4 {
            font-size: 22px;
            margin-bottom: 20px;
        }

        .event-single-prim .container .content .info-pratiques .info-place p {
            font-size: 14px;
        }

        .event-single-prim .container .content .info-pratiques .info-date p,
        .event-single-prim .container .content .info-pratiques .info-place a,
        .event-single-prim .container .content .info-pratiques .info-tarifs ul li {
            font-size: 14px;
        }

        .event-single-second .container .content .top .atelier-progs .atelier-prog .atelier-interv {
            gap: 15px;
            flex-direction: column;
        }

        .event-single-second .container .content .top .atelier-progs .atelier-prog .atelier-interv .interv-nm {
            max-width: initial;
            padding-left: 16px;
        }

        .event-single-second .container .content .top .atelier-progs .atelier-prog {
            padding-top: 20px;
            padding-bottom: 20px;
        }

        .event-single-prim .container .content .info-pratiques .info-cta-participate {
            width: 85%;
        }

        .event-single-prim .container .content .info-pratiques {
            padding-left: 20px;
            padding-right: 20px;
            padding-top: 30px;
        }

        .event-single-prim .container .content .info-pratiques .info-cta-participate,
        .event-single-prim .container .content .event-article .event-cta {
            width: 90%;
            height: 50px;
        }

        .event-single-second .container .content .top {
            padding-top: 30px;
        }

        .notre-metier-second .container .content .item {
            row-gap: 12px;
        }

        .espace-presse .bottom .news-content .left h4,
        .nos-actualites-second .container .bottom .news-content .left h4 {
            font-size: 25px;
            line-height: 35px;
            margin-top: 8px;
        }

        .espace-presse .bottom .news-content .right form .inputBox label,
        .espace-presse .bottom .news-content .right form .nameBox .inputBox label,
        .nos-actualites-second .container .bottom .news-content .right form .inputBox label,
        .nos-actualites-second .container .bottom .news-content .right form .nameBox .inputBox label {
            font-size: 13px;
        }

        .espace-presse .bottom .news-content .left span,
        .nos-actualites-second .container .bottom .news-content .left span {
            font-size: 14px;
            line-height: 24px;
        }

        .espace-presse .content .actu-filtrage .news-filters ul,
        .nos-actualites-second .container .content .actu-filtrage .news-filters ul {
            grid-template-columns: repeat(2, 1fr);
            grid-row-gap: 22px;
            grid-column-gap: 22px;
        }

        .nos-actualites-second {
            padding-top: 50px;
        }

        .espace-presse .content .actu-filtrage,
        .nos-actualites-second .container .content .actu-filtrage {
            gap: 26px;
        }

        .nos-actualites-second .container .content .middle .other-actu-box .date-cate .the-date,
        .nos-actualites-second .container .content .middle .other-actu-box .date-cate .the-date {
            font-size: 12px;
            line-height: 22px;
        }

        .nos-actualites-prim .synSlider.synSlider--single .synSlider__item .item-content .sub-categ-actu span {
            font-size: 18px;
            line-height: 28px;
        }

        .nos-actualites-prim .synSlider.synSlider--single .synSlider__item .item-content .title-actu {
            font-size: 26px;
            line-height: 36px;
        }

        .hero_container .dev-carousel .item .actions {
            display: flex;
            flex-direction: column;
            gap: 27px;
        }

        .hero_container .dev-carousel .item .actions .btn-darkred {
            align-self: flex-start;
        }

        .gouvernance-section .section-mot-president .col-image {
            width: 100%;
        }

        .gouvernance-section .items-administration .grid-item {
            flex-basis: 100%;
        }

        .gouvernance-section .items-administration .grid-title {
            flex-basis: 100% !important;
        }
    }

    @media only screen and (max-width: 375px) {
        .blocs-guide .item .item-info {
            width: 100%;
        }

        .blocs-guide .item .item-info p {
            font-size: 14px;
            line-height: 23px;
        }

        .annuaire-section .recherche-avance .recherche-action {
            flex-direction: column;
            row-gap: 16px;
        }

        .annuaire-section .recherche-avance .recherche-action .effacer {
            width: 100%;
            display: flex;
            align-items: end;
            justify-content: end;
        }

        .annuaire-section .recherche-avance .recherche-action .rechercher {
            margin-left: initial;
            display: flex;
            align-self: self-start;
        }

        .annuaire-section .top .inner-filtre {
            padding-right: 70px;
            width: 100%;
        }

        /*  .gouvernance-section .items-administration {
        padding-top: 40px;
    }*/
        /* Start Style Observation */
        .section-observatoire .observatoire-filter .pub-title h4 {
            font-size: 28px;
            line-height: 42px;
        }

        /* End Style Observation */
        .gouvernance-section .section-mot-president .description {
            padding: 115px 0 40px 0px;
        }

        .gouvernance-section .section-mot-president .col-content .shape {
            right: 50%;
            top: -50px;
            transform: translateX(50%) rotate(90deg);
        }

        /* Start Single mission */
        .single-mission .guide-header h4,
        .single-mission .mission-body h1 {
            font-size: 24px;
            line-height: 34px;
        }

        /* Start Single Etude */
        .single-etude .se-bottom ul li {
            width: 100%;
        }

        /* Start déontologie */
        .deontologie-body .deontologie-download .box h4 {
            font-size: 18px;
            line-height: 28px;
        }

        .deontologie-body .deontologie-download .box .btn {
            max-width: 100%;
        }

        .deontologie-body .deontologie-download {
            padding-top: 0;
        }

        .nos-missions-second .container .content .nos-procedures-list .item h3,
        .nos-missions-second .container .content .nos-missions-list .item h3 {
            font-size: 28px;
            line-height: 38px;
        }

        .nos-missions-prim .container .content .content-title {
            font-size: 26px;
            line-height: 36px;
        }

        .event-single-prim .container .content .event-article .event-title,
        .agent-single-prim .container .content .top .agent-name h1,
        .notre-metier-prim .container .content .content-title,
        .notre-metier-second .container .content .item h3,
        .nos-actus-histo .container .content .top .top-histo-title {
            font-size: 28px;
            line-height: 38px;
        }

        .notre-metier-second .container .content .item .the-number {
            font-size: 30px;
            line-height: 40px;
        }

        .notre-metier-second .container .content .item .the-impact {
            max-width: 80%;
        }

        .nos-actus-histo .container .bottom .engagement-content h4 {
            font-size: 22px;
            line-height: 32px;
        }

        .nos-actus-histo .container .bottom .engagement-content .charte-cta {
            width: 170px;
            height: 45px;
            font-size: 13px;
        }

        .nos-actus-histo .container .content .top .histo-cta {
            width: 140px;
            height: 35px;
            font-size: 12px;
        }

        .notre-metier-second .container .content .item .the-impact,
        .notre-metier-prim .container .content .content-text p {
            font-size: 14px;
            line-height: 21px;
        }

        .article-dedie-section .container .section-content .top .left h1 {
            font-size: 25px;
            line-height: 35px;
            margin-top: 12px;
        }
    }

    @media screen and (max-width: 300px) {
        .nos-missions-prim .container .content .content-title {
            font-size: 20px;
            line-height: 30px;
        }

        .container {
            padding: 0 10px;
        }
    }

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

        /* Overly When Dropdown Menu Opened */
        /*     body.menu-overly {
        overflow: hidden;
    } */
        body.menu-overly::after {
            content: "";
            position: absolute;
            inset: 0;
            background-color: #061122;
            z-index: 10;
            opacity: 0.3;
            width: 100%;
            height: 100vh;
        }

        /* Style Header temporary */
        /*    header .menu nav {
        max-width: 1020px;
        padding: 40px 50px 0 0;
    }

    header .menu ul li.dropdown.item-temporary:hover span::after {
        content: none;
    }*/
    }

    /* RGPD Reset Style Plugin */
    #moove_gdpr_cookie_info_bar.moove-gdpr-dark-scheme {
        background-color: #244780 !important;
        border-top: 1px solid #244780 !important;
    }

    button.mgbutton.moove-gdpr-infobar-reject-btn {
        background-color: #9d2722 !important;
    }

    background-color: #9d2722 !important;
}