:root {
    --vert: #003d06;
    --rouge: #891539;
    --orange: #db7c26;
    --bleu: #08415c;
    --bleu: #08415c;/* to replace */
    --rougeDEL: #539;/* to replace */

    --rougelight: #9F2D51;
    --orangelight: #EE9B4F;
    --bleulight: #6470A3;
    --bleulight: #6470A3;/* to replace */
    --rougeDELlight: #B97389;/* to replace */
}

body {
    font-weight: 400;
    line-height: 1.3;
}

#main-content .container:before {
    display: none !important;
}

#left-area {
    width: 100%;
    padding-right: 0 !important;
}

a {
    color: var(--vert);
}
/*titres*/
h1 {
    font-size: 40px;
    font-weight: 800;
    line-height: 1.12;
    letter-spacing: 2px;
}

@media (max-width: 600px) {
    h1 {
        font-size: 26px;
    }
}
h1 > span {
    color: var(--vert);
}

h2 {
    font-family: Prompt, sans-serif;
    font-size: 26px !important;
    font-weight: 700;
}

footer h2{
    font-size: 22px !important;
}

h2 > span {
    color: var(--vert);
}

h3 {
    font-family: 'Work Sans', sans-serif;
    font-weight: 600 !important;
    font-size: 16px !important;
}

h4 {
    font-size: 16px;
    font-weight: 500;
    font-family: 'Work Sans', sans-serif;
}
/*fin titres*/

/*header*/
.header-texte p {
    font-size: 18px;
}

.header-texte {
    max-width: 680px;
    margin: auto;
}
/*fin header*/

/*boutons*/
.after-border-bleu a::after,
.after-border-bleu::after {
    border-color: var(--bleu) !important;
}

.after-border-rouge a::after,
.after-border-rouge::after {
    border-color: var(--rouge) !important;
}

body #page-container .et_pb_button:after {
    display: inline-block;
    width: 32px;
    height: 33px;
    border-radius: 25px;
    border: 2px solid white;
    border-right: 0 !important;
    position: absolute;
    margin-left: 4px !important;
    content: "\4c" !important;
    text-align: center;
    color: white !important;
    line-height: 2 !important;
    background-color: var(--rouge);
    background-size: contain;
    margin-top: -4px;
    opacity: 1 !important;
    transition: all 0.2s;
    font-size: 16px !important;
}

body #page-container .et_pb_button:hover:after {
    content: "\24" !important;
    margin-left: 10px !important;
    background-color: var(--rougelight);
    line-height: 2.2 !important;
}

a.et_pb_button {
    border-radius: 15px 0 0 15px;
    background-color: var(--rouge);
    font-weight: 700;
    line-height: 1.8 !important;
}

.btn-orange, .btn-orange::after {
    background-color: var(--orange) !important;
}

.et_pb_button:hover {
    background-color: var(--rouge) !important;
    border-radius: 15px 0 0 15px !important;
}

body #page-container .et_pb_button.btn-rose:after {
    background-color: var(--rougeDEL);
}

a.et_pb_button.btn-rose {
    background-color: var(--rougeDEL);
}

.et_pb_button.btn-rose:hover {
    background-color: var(--rougeDEL) !important;
}

body #page-container .et_pb_button.btn-rose:hover:after {
    background-color: var(--rougeDELlight);
}

body #page-container .et_pb_button.btn-orange:after {
    background-color: var(--orange);
}

a.et_pb_button.btn-orange {
    background-color: var(--orange);
}

.et_pb_button.btn-orange:hover {
    background-color: var(--orange) !important;
}

body #page-container .et_pb_button.btn-orange:hover:after {
    background-color: var(--orangelight);
}

body #page-container .et_pb_button.btn-rouge:after {
    background-color: var(--rouge);
}

a.et_pb_button.btn-rouge {
    background-color: var(--rouge);
}

.et_pb_button.btn-rouge:hover {
    background-color: var(--rouge) !important;
}

body #page-container .et_pb_button.btn-rouge:hover:after {
    background-color: var(--rougelight);
}

body #page-container .et_pb_button.btn-cyan:after {
    background-color: var(--bleu);
}

a.et_pb_button.btn-cyan {
    background-color: var(--bleu);
}

.et_pb_button.btn-cyan:hover {
    background-color: var(--bleu) !important;
}

body #page-container .et_pb_button.btn-cyan:hover:after {
    background-color: var(--bleulight);
}

body #page-container .et_pb_section .et_pb_button.et_pb_bg_layout_light {
    padding-right: 1em !important;
}
/*fin boutons*/

/*menu*/
#et-top-navigation {
    font-weight: 400;
}

#top-menu li a {
    padding: 0 !important;
}

#top-menu li {
    padding-top: 35px;
    padding-bottom: 35px;
    transition: all 0.2s;
}

.et-fixed-header #top-menu li {
    padding-top: 25px;
    padding-bottom: 25px;
}

#top-menu li.menu-candidater > a, .et-fixed-header #top-menu li.menu-candidater > a {
    padding: 7px 5px !important;
    background-color: var(--orange);
    color: white !important;
    border-radius: 5px;
    width: 160px;
    display: flex;
    justify-content: center;
}

#top-menu li.menu-etudiant > a, .et-fixed-header #top-menu li.menu-etudiant > a {
    padding: 7px 5px !important;
    background-color: var(--rouge);
    color: white !important;
    border-radius: 5px;
    width: 160px;
    display: flex;
    justify-content: center;
}

.et_mobile_menu li.menu-candidater a {
    background-color: var(--orange);
    color: white;
    font-weight: 700;
}

.et_mobile_menu li.menu-etudiant a {
    background-color: var(--rouge);
    color: white;
}

.et_mobile_menu {
    border-top: 1px solid #214cb8;
    border-radius: 0 0 20px 20px;
}

#top-menu-nav>ul>li>a:hover {
    opacity: 0.6;
}

@media (min-width: 1321px) {
    .et_header_style_left #et-top-navigation, .et_header_style_split #et-top-navigation {
        padding: 0 !important;
    }
}

@media ( max-width: 1320px ) {
    .et_header_style_left #logo {
        max-width: 50%;
    }

    #top-menu-nav, #top-menu {
        display: none;
    }

    #et_mobile_nav_menu {
        display: block;
    }
}

@media (min-width: 981px) and (max-width: 1320px) {
    .et_header_style_left #et-top-navigation .mobile_menu_bar {
        padding-bottom: 25px;
    }

    .et_header_style_left .et-fixed-header #et-top-navigation, .et_header_style_split .et-fixed-header #et-top-navigation {
        padding: 25px 0 0 0;
    }
}

@media (max-width: 980px) {
    .et_fixed_nav #main-header {
        position: fixed;
    }
}

img#logo {
    max-height: initial !important;
    max-width: initial !important;
}
/*fin menu*/


/*footer*/
div#footer-bottom .container.clearfix {
    display: flex;
    justify-content: center;
}

div#footer-widgets {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-column-gap: 30px;
}

div#footer-widgets > .footer-widget:last-child {
    grid-column: 1/4;
    justify-content: center;
    display: flex;
    margin-bottom: 30px;
    margin-top: 65px;
}

div#footer-widgets > .footer-widget:last-child .footer-mid{
    text-align: center;
}

div#footer-widgets > .footer-widget {
    width: 100% !important;
    display: flex;
    flex-direction: column;
    margin: 0;
}

#footer-widgets .footer-widget .fwidget {
    margin: 0;
}

p.footer-contact-p > *:last-child {
    font-weight: 700;
}

p.footer-contact-p {
    line-height: 1.3em;
    margin-bottom: 15px;
}

ul.footer-liste li{
    padding: 0 !important;
}

#footer-widgets .footer-widget ul.footer-liste li:before {
    display: none;
}

ul.wp-block-social-links li:before {
    display: none;
}

ul.wp-block-social-links li {
    padding: 0 !important;
    margin: 0 !important;
    height: 48px;
    width: 48px;
    background-color: initial !important;
}

ul.wp-block-social-links li a{
    height: 48px;
    width: 48px;
}
ul.wp-block-social-links {
    display: flex;
    justify-content: space-between;
    margin-top: 30px;
}

ul.wp-block-social-links li svg {
    display: none;
}

ul.wp-block-social-links .wp-block-social-link:hover {
    transform: initial ;
}

ul.wp-block-social-links li.wp-social-link-facebook {
    background: url("/wp-content/uploads/2023/01/icone-facebook.png") no-repeat;
}

ul.wp-block-social-links li.wp-social-link-instagram {
    background: url("/wp-content/uploads/2023/01/icone-instagram.png") no-repeat;
}

ul.wp-block-social-links li.wp-social-link-linkedin {
    background: url("/wp-content/uploads/2023/01/icone-linkedin.png") no-repeat;
}

ul.wp-block-social-links li.wp-social-link-twitter {
    background: url("/wp-content/uploads/2023/01/icone-twitter.png") no-repeat;
}

ul.wp-block-social-links li.wp-social-link-youtube {
    background: url("/wp-content/uploads/2023/01/icone-youtube.png") no-repeat;
}

div#footer-widgets > .footer-widget a:hover, p.footer a:hover{
    text-decoration: underline;
}

p.footer-contact-p::before {
    content: "";
    width: 16px;
    height: 16px;
    position: relative;
    display: block;
    background: url("/wp-content/uploads/2023/01/mail-before.png") no-repeat;
    background-size: contain;
}

p.footer-contact-p {
    display: grid;
    grid-template-columns: 16px 1fr;
    column-gap: 10px;
}

p.footer-contact-p strong, p.footer-contact-p a {
    grid-column: 2/3;
}

p.footer-adresse {
    padding-left: 40px;
}

p.footer-adresse::before {
    content: "";
    width: 28px;
    height: 28px;
    position: absolute;
    display: block;
    background: url("/wp-content/uploads/2023/01/icone-telephone.png") no-repeat;
    background-size: contain;
    margin-left: -40px;
}

p.footer-adresse.adresse::before {
    background: url("/wp-content/uploads/2023/01/icone-localisation.png") no-repeat;
}

@media (max-width: 980px ) {
    div#footer-widgets {
        grid-template-columns: 1fr;
    }

    div#footer-widgets  h2 {
        text-align: center;
    }

    div#footer-widgets > .footer-widget:last-child {
        grid-column: initial;
        display: flex;
        justify-content: center;
        flex-direction: column;
        align-items: center;
    }

    div#footer-widgets > .footer-widget {
        align-items: center;
    }

    p.footer-contact-p {
        text-align: center;
    }

    #footer-widgets .footer-widget li {
        text-align: center;
    }

    div#footer-widgets > .footer-widget:last-child {
        margin-top: 30px !important;
    }

    .container {
        width: 90%;
    }

    .et_pb_row {
        width: 90%;
    }

    p.footer-contact-p {
        grid-template-columns: 1fr;
        justify-items: center;
    }

    p.footer-contact-p strong, p.footer-contact-p a {
        grid-column: 1/2;
    }

    p.footer-contact-p::before {
        margin-bottom: 5px;
        margin-top: 5px;
    }
}

.connect {
    display: none;
}

.logged-in .connect-no {
    display: none;
}

.logged-in .connect {
    display: list-item;
}
/*footer before*/

.formation-connect {
    display: none !important;
}

.logged-in .formation-connect-no {
    display: none !important;
}
.logged-in .formation-connect {
    display: inline-block !important;
}

/*bloc 3*/
.bloc-rouge-formation {
    background-color: var(--rouge);
    border-radius: 20px;
    color: white;
    padding: 35px 40px;
}

.bloc-rouge-formation .et_pb_button:after {
    border: 2px solid var(--rouge) !important;
}

.bloc-rouge-formation > div:first-child > div > p:first-child {
    font-weight: 600;
}

.fleches-texte > div p {
    display: grid;
    grid-template-columns: 20px 1fr;
    column-gap: 10px;
}

.fleches-texte > div p::before {
    content: "";
    width: 20px;
    height: 20px;
    background: url("/wp-content/themes/Divi-child/assets/img/fleche-orange.png") no-repeat;
    background-size: contain;
    position: relative;
    display: block;
}

@media (max-width: 400px) {
    .btn-condition {
        font-size: 12px !important;
    }

    body #page-container .et_pb_button.btn-condition:after {
        width: 24px;
        height: 25px;
    }
}

/*bloc 7 */
body #page-container .btn-fond-2:after {
    border: 2px solid #EEF5FB;
}

/*bloc 8*/
.questions {
    color: white;
}

.questions h2 {
    color: white;
}

/*fin footer before*/

/*bloc forum conecté*/
.questions-forum {
    background-position-x: 200px !important;
}

.questions-forum h2 {
    color: white;
}

.questions-forum p {
    font-size: 18px;
    color: white;
    font-weight: 500}

body #page-container .questions-forum .et_pb_button:after {
    border: 2px solid var(--bleu);
    margin-left: 30px !important;
}

body #page-container .questions-forum .et_pb_button:hover:after {
    margin-left: 35px !important;
}



body #page-container .et_pb_section.questions-forum  .et_pb_button {
    padding-left: 40px !important;
    padding-right: 40px !important;
}
/*fin bloc forum connecté*/
/*Compte*/

/*Configuration wp-members*/

/*formulaires*/
div#wpmem_login fieldset, div#wpmem_reg fieldset {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 100%;
    background-color: var(--bleu);
    padding: 40px !important;
    padding-top: 90px !important;
    border-radius: 20px;
    color: white;
    max-width: 1280px;
    margin: auto;
    margin-bottom: 40px;
    margin-top: 40px;
    font-family: 'Work Sans', sans-serif;
}

div#wpmem_login fieldset > legend, #wpmem_reg fieldset > legend {
    font-family: Prompt, sans-serif;
    font-size: 26px !important;
    font-weight: 700;
    position: relative !important;
    top: 70px;
    text-align: center;
    margin-bottom: 20px;
}

#wpmem_login .div_text, #wpmem_reg .div_checkbox, #wpmem_reg .div_date, #wpmem_reg .div_file, #wpmem_reg .div_image, #wpmem_reg .div_multicheckbox, #wpmem_reg .div_multiselect, #wpmem_reg .div_number, #wpmem_reg .div_radio, #wpmem_reg .div_select, #wpmem_reg .div_text, #wpmem_reg .div_textarea, #wpmem_reg .div_url {
    width: 100%;
    margin-bottom: 20px;
}

#wpmem_login input[type=password], #wpmem_login input[type=text], #wpmem_reg input[type=date], #wpmem_reg input[type=email], #wpmem_reg input[type=number], #wpmem_reg input[type=password], #wpmem_reg input[type=text], #wpmem_reg input[type=url], #wpmem_reg textarea {
    font-weight: 700;
    color: black;
    background-color: white;
    border-radius: 5px;
    padding: 15px 20px !important;
}

#wpmem_login input::placeholder,  #wpmem_reg input::placeholder {
    font-weight: 700;
    color: black;
}

#wpmem_reg label {
    display: none;
}

div#wpmem_reg fieldset {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 5%;
}

#wpmem_reg fieldset > div.div_text:nth-child(3) {
    display: none;
}

#wpmem_reg label.text[for="user_email"] + .div_text, #wpmem_reg label.text[for="password"] + .div_text {
    grid-column: span 2;
}

#wpmem_reg label.text[for="password"] + .div_text + .div_text {
    grid-column: span 2;
    display: grid;
    align-items: center;
    grid-template-columns: 30px 1fr;
}

#wpmem_reg label.text[for="password"] + .div_text + .div_text input#tos {
    margin-right: 10px;
}

#wpmem_reg label.text[for="password"] + .div_text + .div_text a {
    cursor: default;
    pointer-events: none;
    text-decoration: none;
    color: #011633;
    font-weight: 700;
    display: contents;
}

#wpmem_login .button_div label, #wpmem_reg .button_div label {
    font-weight: 700;
}

#wpmem_reg .button_div {
    grid-column: span 2;
}

#wpmem_login .button_div, #wpmem_reg .button_div {
    display: flex;
    width: 100%;
    justify-content: flex-end;
    align-items: center;
}

#wpmem_reg .req-text {
    grid-column-end: span 2;
    margin: 0;
    display: none;
}

#wpmem_login .button_div label, #wpmem_reg .button_div label {
    margin: 0;
}

#wpmem_login .button_div .buttons, #wpmem_reg .button_div .buttons {
    background-color: var(--orange);
    border-radius: 15px;
    color: white;
    font-weight: 700;
    transition: all .2s;
    border: 0;
    cursor: pointer;
}

#wpmem_login .button_div .buttons, #wpmem_reg .button_div .buttons {
    margin-right: 23px;
}

#wpmem_login .link-text {
    width: 100%;
    text-align: center;
}

#wpmem_reg label.text[for="password"] + .div_text + .div_text > a{
    color: white;
    pointer-events: none;
    cursor: default;
}

#wpmem_reg label.text[for="password"] + .div_text + .div_text .req {
    display: none;
}

div#wpmem_login span.link-text-forgot {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin-top: 10px;
}

@media (max-width: 530px) {

    div#wpmem_login fieldset, div#wpmem_reg fieldset {
        padding-left: 30px !important;
        padding-right: 30px !important;
    }

    div#wpmem_reg fieldset {
        grid-template-columns: 1fr;
        column-gap: 0;
    }

    #wpmem_login .div_text, #wpmem_reg .div_checkbox, #wpmem_reg .div_date, #wpmem_reg .div_file, #wpmem_reg .div_image, #wpmem_reg .div_multicheckbox, #wpmem_reg .div_multiselect, #wpmem_reg .div_number, #wpmem_reg .div_radio, #wpmem_reg .div_select, #wpmem_reg .div_text, #wpmem_reg .div_textarea, #wpmem_reg .div_url {
        grid-column: 1 !important;
    }

    #wpmem_login .button_div, #wpmem_reg .button_div {
        justify-content: center;
        flex-wrap: wrap;
    }
}

@media (max-width: 350px) {
    div#wpmem_login fieldset, div#wpmem_reg fieldset {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
}

#wpmem_msg, .wpmem_msg{
    width: 100%;
    background-color: transparent;
    border: 0;
    margin-bottom: 30px;
}

#wpmem_login span.link-text-username {
    display: none;
}

.logout-members {
    display: none;
}

div#wpmem_restricted_msg {
    display: flex;
    justify-content: center;
    margin-top: 30px;
    margin-bottom: 30px;
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    padding-left: 30px;
    padding-right: 30px;
}
/*fin formlaires*/

/*page connexion */
.page-connexion {
    display: flex;
    margin-top: 50px;
    background-color: var(--bleu);
    border-radius: 20px;
    justify-content: center;
}

.connexion-2 {
    display: flex;
    flex-direction: column;
    margin-top: 20px;
    padding-top: 50px;
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 70px;
    margin-left: 40px;
    border-radius: 20px;
    background-color: var(--bleu);
    color: white;
}

p.pas-de-compte {
    font-family: Prompt, sans-serif;
    font-size: 26px !important;
    font-weight: 700;
    position: relative !important;
    text-align: left;
    padding-bottom: 0px;
    margin-bottom: 30px;
    line-height: 1;
}

a.btn-cree-compte {
    background-color: var(--orange);
    border-radius: 15px;
    padding: 8px 1em!important;
    color: white;
    font-weight: 700;
    transition: all .2s;
}

body #page-container .btn-cree-compte {
    padding: 0.3em 1em!important;
    display: inline-block;
    line-height: 1.8 !important;
    border-radius: 15px 0 0 15px !important;
}

body #page-container .btn-cree-compte:after {
    border-color: var(--bleu);
}

.texte-cree-compte {
    margin-bottom: 30px;
}

.connexion-page div#wpmem_login fieldset {
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 30px !important;
    padding-right: 30px !important;
}

.connexion-page div#wpmem_login fieldset > legend {
    text-align: left;
}

.connexion-page span.link-text-register {
    display: none;
}

@media (max-width: 1230px) {
    .connexion-page div#wpmem_login fieldset > legend {
        text-align: center;
    }

    .connexion-page div#wpmem_login fieldset {
        padding-bottom: 30px !important;
    }

    .page-connexion {
        flex-direction: column;
        background-color: transparent;
    }

    .connexion-2 {
        margin-left: 0;
    }

    .texte-cree-compte {
        align-items: center;
        display: flex;
        flex-direction: column;
    }

    .connexion-2 > p {
        text-align: center;
    }
}

div#wpmem_login span.link-text-forgot a {
    color: white;
    font-weight: 700;
}

div#wpmem_login span.link-text-forgot a:hover {
    text-decoration: underline;
}

.connexion-link {
    display: flex;
    justify-content: flex-end;
    margin-top: 50px;
}

.connexion-link a {
    margin-left: 5px;
}

@media (max-width: 600px ) {
    .connexion-link {
        flex-direction: column;
        align-items: center;
    }
}
/*fin page connexion*/

/*deconnexion menu*/
#top-menu>li:last-child a::after {
    display: none;
}

#top-menu>li:last-child ul.sub-menu {
    margin-top: 20px;
    background-color: white;
    border-radius: 15px;
    padding: 0;
    border: 0;
    width: max-content;
}

#top-menu>li:last-child ul.sub-menu li a {
    width: 160px;
    text-align: center;
    color: black;
    padding: 20px !important;
    border-radius: 15px;
}


#top-menu>li:last-child ul.sub-menu li {
    padding: 0;
}

#top-menu>li:last-child ul.sub-menu li a:hover {
    text-decoration: underline;
    background-color: white;
    opacity: 1;
}

.et_mobile_menu li.menu-etudiant a + ul {
    padding: 0 !important;
}

.et_mobile_menu li.menu-etudiant a + ul li {
    padding: 0;
}
/*fin deconnexion menu*/


/*memoires et promotions*/
.cours-pdf {
    margin-bottom: 0px !important;
}

.cours-pdf > .et_pb_text_inner{
    font-weight: 500;
    display: flex;
    flex-wrap: wrap;
}

.cours-pdf > .et_pb_text_inner p {
    margin-right: 30px;
}

.cours-pdf > .et_pb_text_inner::before {
    content: "";
    width: 20px;
    height: 20px;
    margin-right: 10px;
    background: url(/wp-content/uploads/2023/01/check-orange.png) no-repeat;
}

.cours-pdf + div a.btn-cyan {
    text-decoration: underline;
}

.cours-pdf p:not(.has-background):last-of-type {
    padding-bottom: 1em;
}
/*fin memoires et promotions*/

/* Header menu */
#top-menu .menu-item-has-children>a:first-child:after, #et-secondary-nav .menu-item-has-children>a:first-child:after{
    position:  relative !important;
    top: 2px !important;
}

.nav li ul {
    margin-top: 10px;
}

.et-fixed-header #top-menu .sub-menu li{
    padding: 0px;
    text-align: -webkit-center;
}

#main-header .nav li .sub-menu a{
    color: #ffffff !important;
}

.et_mobile_menu .menu-item-has-children>a {
    font-weight: 400 !important;
    background-color : transparent !important;
}
/*fin header menu*/