/*
 Theme Name:     Divi Child
 Theme URI:      https://www.elegantthemes.com/gallery/divi/
 Description:    Divi Child Theme
 Author:         Elegant Themes
 Author URI:     https://www.elegantthemes.com
 Template:       Divi
 Version:        1.0.0
*/
 
 
/* =Theme customization starts here
------------------------------------------------------- */

@import url('/wp-content/themes/divi-child/sqwared.css');

@import url('https://fonts.googleapis.com/css2?family=Barlow+Semi+Condensed:ital,wght@0,400;0,500;0,600;1,600&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@700&display=swap');

h1 {
    font-family: 'Barlow Semi Condensed', sans-serif;
    font-size: 50px;
    line-height: 55px;
    letter-spacing: 0.5px;
    color: #006173;
    font-weight: 400;
    text-transform: uppercase;
}

h2 {
    font-family: 'Barlow Semi Condensed', sans-serif;
    font-size: 35px !important;
    line-height: 40px;
    letter-spacing: 0.35px;
    color: #006173;
    font-weight: 400;
    text-transform: uppercase;
}

h3 {
    font-size: 20px;
    font-family: 'Barlow Semi Condensed';
    line-height: 24px;
    color: #006173;
}

h4 {
    font-family: 'Barlow Semi Condensed', sans-serif;
    font-size: 20px;
    line-height: 24px;
    letter-spacing: 6px;
    color: #7c7c7c;
    font-weight: 400;
    text-transform: uppercase;
}

p, .et_pb_text ul {
    font-family: 'Barlow Semi Condensed', sans-serif;
    font-size: 16px;
    line-height: 24px;
    color: #7c7c7c;
    font-weight: 400;
}

b {
    font-weight: 600;
}


.et_pb_text ul li {
    padding-bottom: 5px;
}

.texte-sous-titre p {
    font-size: 22px;
    line-height: 34px;
}

@media screen and (max-width:767px) {
    h1 {
        font-size: 30px;
        line-height: 35px;
    }

    h2 {
        font-size: 26px !important;
        line-height: 33px;
    }
    .texte-sous-titre p {
        font-size: 20px;
        line-height: 27px;
    }
}

/*
========================
========================
BOUTON
========================
========================
*/


.bouton-manuel {
    display: inline-block;
    width: 350px;
    padding: 13px 25px;
    text-align: center;
    letter-spacing: 2px;
    margin-top: 30px;
    transition: 1s;
    text-transform: uppercase;
}

@media screen and (max-width: 767px) {
    .bouton-manuel {
        width: 100%;
    }
}

.bouton-manuel:hover {
    letter-spacing: 3px;
    transition: 1s;
}

.bouton-manuel p {
    font-size: 19px;
    font-weight: 600;
    font-family: 'Barlow Semi Condensed'
}

.bouton-manuel.vert-plein {
    background-color: #D29F1C;
    border-radius: 50px;
    border: 2px solid #D29F1C;
    font-family: "Barlow Semi Condensed";
}

.bouton-manuel.vert-plein::after {
    content: none;
} 

.bouton-manuel.vert-plein p {
    color:#ffffff !important;
}

.bouton-manuel.vert-vide {
    border-radius: 50px;
    border: 2px solid #D29F1C;
}

.bouton-manuel.vert-vide p {
    color: #D29F1C;
}

.pum-theme-1360 .pum-content + .pum-close, .pum-theme-content-only .pum-content + .pum-close {
    right: 0% !important;
    top: -5% !important;
    color: #fff !important;
}

/*
========================
========================
FULLSCREEN SLIDER
========================
========================
*/


header .et_builder_inner_content {
    background-color: #f7f7f7;
    z-index: 0;
}

.et_fullscreen_slider .et_pb_slides,
.et_fullscreen_slider .et_pb_slide,
.et_fullscreen_slider .et_pb_container {
    min-height: 100vh !important;
    height: 100vh !important;
}


.et_pb_slide_description {
    padding: 16% 16% 16% 0%;
}

.et_pb_bg_layout_dark .et_pb_slide_description {
    text-shadow: none;
}

.et_fullscreen_slider h2 {
    font-size: 62px !important;
    line-height: 70px;
}

.et_fullscreen_slider h2 .vert {
    color:#D29F1C;
} 

.et_fullscreen_slider p {
    font-size: 25px;
}

.et_fullscreen_slider .bouton-manuel {
    display: inline-block;
    width: 300px;
    padding: 10px 20px;
    text-align: center;
    font-size: 19px;
    letter-spacing: 3px;
    font-weight: 600;
    margin-top: 30px;
    transition: 1s;
}

.et_fullscreen_slider .bouton-manuel:hover {
    letter-spacing: 4px;
    transition: 1s;
}

.et_fullscreen_slider .bouton-manuel a {
    color:#ffffff !important;
}

.et_fullscreen_slider .bouton-manuel.vert-plein {
    background-color: #D29F1C;
    border-radius: 50px;
    border: 2px solid #D29F1C;
    margin-right: 20px;
}

.et_fullscreen_slider .bouton-manuel.blanc-vide {
    border-radius: 50px;
    border: 2px solid #ffffff;
}


.et_fullscreen_slider p {
    color: #ffffff;
}

.et_fullscreen_slider .et-pb-controllers a {
    width: 15px;
    height: 15px;
}


.et_fullscreen_slider .et-pb-controllers {
    position: relative;
    bottom: 100px;
    left: 0;
    width: 1050px;
    text-align: left;
    z-index: 10;
    margin: auto;
}

/*RESPONSIVE SLIDER*/

@media screen and (max-width:1190px) {
    .et_fullscreen_slider h2 {
        text-align: center;
    }
    .et_fullscreen_slider .et_pb_slide_content p {
        text-align: center;
    }
    
    .et_fullscreen_slider .et_pb_slide_content .bouton-manuel {
        display: none;
    }
    .et_fullscreen_slider .et-pb-controllers {
        width: 115px;
    }
    
    .et_fullscreen_slider .et_pb_slide_description {
        text-align: center !important;
        padding-right: 0px;
    }
}

@media screen and (max-width:767px) {
    .et_fullscreen_slider h2 {
        font-size:32px !important;
        line-height: 35px;
    }
    .et_fullscreen_slider .et_pb_slide_content p {
        font-size: 16px;
        line-height: 22px !important;
    }
}



/*
========================
========================
ÉLÉMENTS DIVERS ACCUEIL
========================
========================
*/


#liste-missions h4 {
  font-size: 30px;
  line-height: 65px;
  letter-spacing: 0;
  color: #D29F1C;
}

#liste-missions ul li {
    font-family: 'Barlow Semi Condensed', sans-serif;
    font-size: 22px;
    line-height: 26px;
    color: #7c7c7c;
    font-weight: 400;
    text-transform: uppercase;
    background-image: url('/wp-content/uploads/2024/02/puces-fleche-orange.svg');
    background-repeat: no-repeat;
    background-position: 0 1px;
    padding-left: 40px;
    letter-spacing: 0.014em;
    transition: 0.3s;
}

#liste-missions ul li:hover {
    background-position : 2% 1px; 
    transition: 0.3s;
}

#liste-missions ul li a:hover {
    color: #D29F1C;
    transition: 0.5s;
}

.et_pb_scroll_top.et-pb-icon {
    background: #D29F1C;
    right: 50px;
    font-size: 28px;
    padding: 12px;
    border-radius: 50px;
    bottom: 50px;
}

.btn-securite::after {
    content: url('/wp-content/uploads/2022/03/fleche.svg');
    position: absolute;
    right: 40px;
    top: 38px;
    transition: 0.3s;
}

.btn-securite:hover::after {
    right: 30px;
    transition: 0.3s;
}

@media screen and (max-width:767px) {
    .btn-securite::after {
        right: 20px;
        top: 28px;
    }
}

/*
========================
========================
RÉFÉRENCES ACCUEIL
========================
========================
*/

#reference-accueil .et_pb_column {
    background-color: #ffffff;
}

#reference-accueil img.puce-verte {
    margin-top: 50px;
    position: relative;
    bottom: 30px;
    transition: 0.3s;
}


#reference-accueil .et_pb_text_inner:hover img.puce-verte {
    transform : translateX(15px);
    transition: 0.3s;
}

#reference-accueil .et_pb_text_inner {
    padding: 10px 35px 0;
}

/*
========================
========================
SLIDER LOGO
========================
========================
*/

.wpls-logo-showcase .slick-arrow svg {
  fill: transparent;
}

.slider-logo .wpls-logo-showcase .slick-arrow.slick-next {
    background: rgba(0, 0, 0, 0) url('https://www.arkopolis.pro/wp-content/uploads/2024/02/fleche_slider_orange.svg') center center no-repeat !important;
}
.slider-logo .wpls-logo-showcase .slick-arrow.slick-prev {
    background: rgba(0, 0, 0, 0) url('https://www.arkopolis.pro/wp-content/uploads/2024/02/fleche_slider_orange_left.svg') center center no-repeat !important;
}

.slider-logo .wpls-logo-showcase .slick-dots {
    display: none !important;
}


.wpls-logo-showcase .wpls-logo-cnt.slick-slide {
  margin: 0 50px;
}


/*
========================
========================
BANDEAU CONTACT
========================
========================
*/

#bandeau-contact .texte p {
    font-size: 24px;
    color: #ffffff;
}

#bandeau-contact .bouton-manuel.vert-plein {
    font-size: 19px;
    font-weight: 600;
    font-family: 'Barlow Semi Condensed';
    color: #fff;
}


@media screen and (max-width:980px) {
    #bandeau-contact .texte p {
        text-align: center;
    }
}


/*
========================
========================
DIVERS PAGE MISSIONS
========================
========================
*/

.filariane p {
    letter-spacing: 5px;
    text-transform: uppercase;
}

.filariane {
    margin-bottom: 0 !important;
}

@media screen and (max-width:767px) {
    .filariane {
        display: none;
    }
}


/*
========================
========================
DIAPO PAGE MISSIONS
========================
========================
*/

#diapo-mission .et_pb_slide, #diapo-mission .et_pb_slide_description {
    padding: 0;
}

#diapo-mission .et_pb_slide_description {
    position: absolute;
    bottom: 0px;
    width: 100%;
}


#diapo-mission .et_pb_slides .et_pb_container {
    height:400px;
}


#diapo-mission .et_pb_slider_with_text_overlay .et_pb_text_overlay_wrapper {
    padding: 10px 30px;
    border-radius: 0px;
}


#diapo-mission .et_pb_slide_content p {
    font-weight: 600;
    font-style: italic;
}

a.lien-mission {
    color: #D29F1C;
    text-transform: uppercase;
    letter-spacing: 2px;
}


/*
========================
========================
RÉFÉRENCES MISSIONS
========================
========================
*/

#reference-mission h2 {
    font-size: 30px !important;
    line-height: 33px;
}

#reference-mission h3 {
    color: #D29F1C;
    padding-bottom: 5px;
    line-height: 26px;
}

#reference-mission .et_pb_main_blurb_image {
    margin-bottom: 15px;
}

#reference-mission {
    margin-bottom: 40px;
}


/*
========================
========================
TIMELINE PAGE MISSIONS DESKTOP
========================
========================
*/

#tl-desktop .wpostahs-slider {
    height: 700px;
}

#tl-desktop .wpostahs-slider-design-2 .wpostahs-slider-nav .slick-list.draggable::before {
    background: transparent;
    border-top: 2px dotted #7c7c7c;
    width: 100%;
    top: 39%;
}

#tl-desktop .wpostahs-slider-design-2 .wpostahs-slider-nav-title .wpostahs-title {
    position: relative;
    top: -45px;
    left: 0px;
    color: #fff;
    font-family: "Barlow Semi Condensed";
    font-size: 20px;
    font-weight: 600;
    transition: all 0.5s ease-in-out;
}

#tl-desktop .wpostahs-slider-design-2 .wpostahs-slider-nav-title .wpostahs-title:hover {
    font-size: 25px;
    transition: all 0.5s ease-in-out;
}

#tl-desktop .wpostahs-slider-design-2 .wpostahs-slider-nav .wpostahs-slider-nav-title .wpostahs-main-title button {
    border: 6px solid #f7f7f7;
    background: #D29F1C;
    height: 50px;
    width: 50px;
}

#tl-desktop .wpostahs-slider-design-2 .wpostahs-slider-nav .wpostahs-slider-nav-title:hover .wpostahs-main-title button {
    border: 6px solid #f7f7f7;
    background: #D29F1C;
}

#tl-desktop .wpostahs-slick-slider .slick-next, .wpostahs-slick-slider .slick-next:hover {
    background: rgba(0, 0, 0, 0) url('/wp-content/uploads/2020/06/puces-fleche-grise-right.svg') center center no-repeat !important;
    border: none !important;
    cursor: pointer;
}

#tl-desktop .wpostahs-slick-slider .slick-prev, .wpostahs-slick-slider .slick-prev:hover {
    background: rgba(0, 0, 0, 0) url('/wp-content/uploads/2020/06/puces-fleche-grise-left.svg') center center no-repeat !important;
    border: none !important;
    cursor: pointer;
}

#tl-desktop .wpostahs-slider-design-2 .wpostahs-centent {
    max-width: 100%;
    margin: 0 auto;
    padding: auto;
}


#tl-desktop .wpostahs-slider-design-2 .wpostahs-centent .one_third {
    width: 30%;
    padding: 55px 40px;
    background: #fff;
    margin-right: 5%;
}

#tl-desktop .wpostahs-slider-design-2 .wpostahs-centent .one_third .et_pb_widget {
    width: 100%;
    text-align: left;
}

#tl-desktop .wpostahs-slider-design-2 .wpostahs-centent .one_third .et_pb_widget p {
    text-align: left;
}

#tl-desktop .wpostahs-slider-design-2 .wpostahs-centent .one_third .et_pb_widget h4 {
    line-height: 24px;
    letter-spacing: 0px;
    color: #006173;
    font-weight: 500;
}

#tl-desktop .wpostahs-slider-design-2 .wpostahs-centent .one_third:last-child {
    margin-right: 0px;
}

#tl-desktop .wpostahs-slider-design-2 .wpostahs-centent .one_third .pic {
    width: 25px;
    height: 25px;
    background-color: #fff;
    position: absolute;
    top: -12px;
    right: 130px;
    transform: rotate(45deg);
}

#tl-desktop .wpostahs-slider-design-2 .wpostahs-centent .one_third:first-child .pic {
    right: 70px;
   }

#tl-desktop .wpostahs-slider-design-2 .wpostahs-centent .one_third:last-child .pic {
    right: 190px;
   }


#tl-desktop .wpostahs-centent-title, .wpostahs-slick-slider .slick-dots {
    display: none !important;
}

#tl-desktop .wpostahs-slider-design-2 .wpostahs-slider-nav {
    max-width: 100%;
    margin: 0px auto;
    padding: 0 90px;
}

#tl-desktop .wpostahs-slider-design-2 .wpostahs-slider-nav .slick-list {
    width: 100%;
    padding: 0 0;
}

#tl-desktop .wpostahs-slider-for {
    padding: 0 20px;
}
 
#tl-desktop .wpostahs-slider-for .slick-list{
    padding-top: 20px;
}

.wpostahs-slick-slider span.slick-arrow svg {
    display: none;
}

/*
========================
========================
TIMELINE PAGE MISSIONS MOBILE
========================
========================
*/

#tl-mobile .wpostahs-slider {
    height: 600px;
}

#tl-mobile .wpostahs-slider-design-2 .wpostahs-slider-nav .slick-list.draggable::before {
    background: transparent;
    border-top: 2px dotted #7c7c7c;
    width: 80%;
    top: 39%;
}

#tl-mobile .wpostahs-slider-design-2 .wpostahs-slider-nav-title .wpostahs-title {
    position: relative;
    top: -45px;
    left: 0px;
    color: #fff;
    font-family: "Barlow Semi Condensed";
    font-size: 20px;
    font-weight: 600;
    transition: all 0.5s ease-in-out;
}

#tl-mobile .wpostahs-slider-design-2 .wpostahs-slider-nav-title .wpostahs-title:hover {
    font-size: 25px;
    transition: all 0.5s ease-in-out;
}

#tl-mobile .wpostahs-slider-design-2 .wpostahs-slider-nav .wpostahs-slider-nav-title .wpostahs-main-title button {
    border: 6px solid #f7f7f7;
    background: #D29F1C;
    height: 50px;
    width: 50px;
}

#tl-mobile.fond-blanc .wpostahs-slider-design-2 .wpostahs-slider-nav .wpostahs-slider-nav-title .wpostahs-main-title button {
    border: 6px solid #ffffff;
}

#tl-mobile .wpostahs-slider-design-2 .wpostahs-slider-nav .wpostahs-slider-nav-title:hover .wpostahs-main-title button {
    border: 6px solid #f7f7f7;
    background: #D29F1C;
}

 #tl-mobile.fond-blanc .wpostahs-slider-design-2 .wpostahs-slider-nav .wpostahs-slider-nav-title:hover .wpostahs-main-title button {
    border: 6px solid #ffffff;
}

#tl-mobile .wpostahs-slick-slider .slick-next, .wpostahs-slick-slider .slick-next:hover {
    background: rgba(0, 0, 0, 0) url('/wp-content/uploads/2020/06/puces-fleche-grise-right.svg') center center no-repeat !important;
    border: none !important;
    cursor: pointer;
}

#tl-mobile .wpostahs-slick-slider .slick-prev, .wpostahs-slick-slider .slick-prev:hover {
    background: rgba(0, 0, 0, 0) url('/wp-content/uploads/2020/06/puces-fleche-grise-left.svg') center center no-repeat !important;
    border: none !important;
    cursor: pointer;
}


#tl-mobile .wpostahs-centent-title, .wpostahs-slick-slider .slick-dots {
    display: none !important;
}

 #tl-mobile .wpostahs-slider-design-2 .wpostahs-centent {
        padding: 0;
    }


@media screen and (min-width:1170px) {
    #th-ipad {
        display: none;
    }
}


@media screen and (min-width: 981px) and (max-width: 1169px){
#th-ipad .pic {
        left: -30%;
        margin: 0;
}
    .wpostahs-slider {
        height: 500px;
    }
    
}

@media screen and (max-width:1169px) {
    .wpostahs-slider-design-2 .wpostahs-centent .one_third {
        display: none;
    }
    
    #th-ipad, #th-ipad .et_pb_widget {
        width: 100%;
    }
    
    #th-ipad .et_pb_widget {
        padding: 55px 40px;
        background: #fff;
    }
    
    #th-ipad .et_pb_widget h4 {
        line-height: 24px;
        letter-spacing: 0px;
        color: #006173;
        font-weight: 500;
    }
    #th-ipad .pic {
        width: 25px;
        height: 25px;
        background-color: #fff;
        position: relative;
        top: 14px;
        margin: auto;
        transform: rotate(45deg);
}
    
      #tl-mobile.fond-blanc #th-ipad .et_pb_widget {
        background: #f7f7f7;
    }
    
    #tl-mobile.fond-blanc #th-ipad .pic {
        background-color: #f7f7f7;
    }
}

@media screen and (min-width: 767px) and (max-width: 980px){
    #tl-mobile .wpostahs-slider-design-2 .wpostahs-slider-nav-title .wpostahs-title {
        top: -53px;
    }

}

/*
========================
========================
PAGE DE RECHERCHE
========================
========================
*/

/* RECHERCHE PAR CRITÈRES */

#recherche-criteres {
    background-color: #D29F1C;
    padding: 55px 50px 80px 50px;
}

#recherche-criteres h2 {
    color: #ffffff;
    margin-bottom: 20px;
}

#recherche-criteres .critere-1, #recherche-criteres .critere-2 {
    width: 49%;
    display: inline-block;
}


#recherche-criteres select {
    width: 90%;
    border: none;
    padding: 15px;
    font-family: 'Barlow Semi Condensed';
    font-size: 17px;
}

#recherche-criteres .critere-1 select, #recherche-criteres .critere-2 select  {
  -webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	/* 
		On est sûr de ne plus voir
		la flèche native 
	*/
	height: auto;
	border: 0; 
	margin: 0;
	border-radius: 0;
	overflow: hidden;
	text-overflow: ellipsis;
    color: #7c7c7c;
  }
  
  #recherche-criteres .critere-1::after, #recherche-criteres .critere-2::after {
    content:url('/wp-content/uploads/2020/06/fleche-down.svg');
    right:30px;
    position: relative;
  }

/* RECHERCHE PAR DOMAINES */

#recherche-domaine .et_pb_blurb_content {
    background-color: #ffffff;
    padding: 40px;
}

#recherche-domaine .et_pb_main_blurb_image {
    width: 50px;
}

#recherche-domaine h4 {
    color: #006173;
    letter-spacing: 0px;
    font-weight: 500;
}

#recherche-domaine .et_pb_blurb_description img {
    position: absolute;
    right: 40px;
    top: 55px;
    transition: 0.3s;
}

#recherche-domaine .et_pb_blurb_content:hover .et_pb_blurb_description img {
    transform : translateX(15px);
    transition: 0.3s;
}



/* RECHERCHE RESPONSIVE */

@media screen and (max-width:980px) {
    #recherche-criteres .critere-1, #recherche-criteres .critere-2 {
    width: 100%;
    margin-bottom: 15px;
    display: block;
}
    #recherche-criteres {
    padding: 55px 0px 80px 25px;
}
}

@media screen and (max-width:767px) {
    #recherche-domaine .et_pb_blurb_description img {
        display: none;
    }
    #recherche-domaine .et_pb_blurb_content {
        padding: 30px 20px 20px;
    }
}

/*
========================
========================
RECHERCHE RÉSULTATS
========================
========================
*/


#recherche-resultats .fleche-img {
    background: #006173 url('/wp-content/uploads/2024/02/fleche_bloc_orange.svg') no-repeat center;
}

#recherche-resultats h4 {
    font-size: 35px;
    font-weight: 400;
    line-height: 40px;
    letter-spacing: 0px;
    padding-bottom: 5px;
}

#recherche-resultats .et_pb_main_blurb_image {
    margin-bottom: 20px;
}

#recherche-resultats .et_pb_blurb_content {
    margin-bottom: 60px;
}





/*
========================
========================
RÉFÉRENCE
========================
========================
*/

#reference-legende p {
    font-size:11px;
    text-transform: uppercase;
    text-align: right;
    margin-top: 0px;
}

#reference-legende {
    position: relative;
    top: -17px;
}

#reference-single h2 {
    margin-top: 20px;
}

/*#reference-single p {
    margin-bottom: 20px;
}*/

#reference-single h5 {
    font-family: 'Barlow Semi Condensed';
    color: #006173;
    text-transform: uppercase;
    line-height: 35px;
    font-size: 30px;
    font-weight: 400;
}

#reference-single #liste-ref-domaines h5 {
    color: #D29F1C;
}

#reference-single .sidebar .et_pb_text {
    margin-bottom: 50px;
}

#reference-single .logo-mo {
    border: 1px solid #f1f1f1;
    padding: 20px;
    text-align: center;
}

#reference-single .logo-mo img {
    width: 180px;
}


#reference-single #liste-ref-domaines ul li {
    font-size: 17px;
    line-height: 24px;
    color: #7c7c7c;
    font-weight: 600;
    text-transform: uppercase;
    background-image: url('/wp-content/uploads/2020/06/fleche-verte.svg');
    background-repeat: no-repeat;
    background-position: 3px 9px;
    padding-left: 30px;
    letter-spacing: 0.014em;
    transition: 0.3s;
    list-style: none;
}

#reference-single #liste-ref-domaines ul li:hover {
    background-position : 10px 9px; 
    transition: 0.5s;
}

#reference-single #liste-ref-domaines ul li a:hover {
    color: #D29F1C;
    transition: 0.5s;
}

#reference-single #liste-ref-domaines ul {
    padding-left: 0px;
}


/*
========================
========================
BRÈVES
========================
========================
*/

.post-meta .published {
    color: #7c7c7c;
}

#breves .post-meta .author, #breves .post-meta a, #breves .et_pb_blog_grid .et_quote_content  {
    display: none;
}

#breves .et_pb_blog_grid .et_pb_post {   
    padding: 45px;
    border:none;
}

#breves .et_pb_blog_grid h2 {
    font-size: 18px !important;
    color: #D29F1C;
    font-weight: 500;
    padding-bottom: 5px;
    line-height: 22px;
    padding-top: 15px;
}

#liste-breves h2 {
        font-size: 18px !important;
}

#breves .et_pb_blog_grid h2 a, #breves.principale h2 a,#breves.breves h2 a,#liste-breves h2 a {
    cursor: default;
    pointer-events: none;
    text-decoration: none;
}

@media screen and (max-width:980px) {
    #breves .column.size-1of2,  #liste-breves .column.size-1of2 {
        width: 100% !important;
    }
    #breves .column.size-1of2 .et_pb_post, #liste-breves .column.size-1of2 .et_pb_post {
        margin-bottom: 30px;
    }
}

@media screen and (max-width:767px) {
    #breves .et_pb_blog_grid .et_pb_post {
    padding: 25px;
}
}

/*PAGE ENTIÈRE*/


#breves.breves h2, #breves.articles h2, #article.articles h2, #article.principal h2{
    padding-bottom: 0px;
    line-height: 30px;
}

#breves.articles h2 {
    font-size: 23px !important;
}

#breves.articles a.more-link img, #article.principal a.more-link img, #article.articles a.more-link img {
    vertical-align: inherit;
}

#breves.articles a.more-link, #article.principal a.more-link, #article.articles a.more-link {
    padding-top: 15px;
}

#breves.articles a.entry-featured-image-url, #article.principal a.entry-featured-image-url, #article.articles a.entry-featured-image-url {
    margin-bottom: 10px;
}

#article.articles .et_pb_post {
    padding: 0px;
}

#article.articles h2, #breves.articles h2 {
    line-height: 30px !important;
}

#article.articles .et_pb_post .et_pb_image_container {
    padding: 19px;
    margin-bottom: 0;
}

#article.articles .et_pb_post .entry-featured-image-url {
    margin-bottom: -5px;
}

#article.principal .et_pb_post .entry-featured-image-url {
    margin-bottom: 20px;
}

#article.articles .post-content-inner {
    padding-bottom: 15px;
}


/*
========================
========================
ARTICLES
========================
========================
*/


#article .et_pb_title_container h1 {
    font-size: 35px;
    padding-top: 20px;
    padding-bottom: 0;
}

#contenu p:first-child {
    font-size: 22px;
    line-height: 34px;
    padding-bottom: 20px;
}

#contenu li {
    font-family: 'Barlow Semi Condensed', sans-serif;
    font-size: 16px;
    line-height: 24px;
    color: #7c7c7c;
    font-weight: 400;
    margin-left: 15px;
}


#contenu p {
    padding-bottom: 0px;
}

#contenu li + p {
    margin-top: 15px;
}

#liste-article .et_pb_post {
    margin-bottom: 10px;
}

#liste-article .post {
    padding-bottom: 0px;
}

#liste-article .et_pb_post .entry-title {
    padding-bottom: 0px;
    display: inline list-item;
    list-style: url('/wp-content/uploads/2020/06/fleche-verte.svg');
}

#liste-article .et_pb_post .post-meta {
    display: inline-block;
}

#liste-breves .et_pb_blog_grid .et_pb_post {   
    padding: 45px;
    margin-bottom: 20px;
}


/*
========================
========================
TIMELINE VERTICALE
========================
========================
*/

.colonne-texte.droite {
    border-left: 2px dotted #7c7c7c;
}

.colonne-texte.gauche {
    border-right: 2px dotted #7c7c7c;
}

.colonne-titre .numero {
    background-color: #D29F1C;
    width: 50px;
    text-align: center;
    color: #fff;
    font-family: "Barlow Semi Condensed";
    font-size: 20px;
    font-weight: 700;
    border-radius: 50px;
    height: 50px;
    padding-top: 7px;
    position: absolute;
    border: 5px solid #fff;
}

.colonne-titre.droite .numero {
      left: -104px;
}

.colonne-titre.gauche .numero {
      right: -106px;
}

.colonne-titre .et_pb_text_inner {
    width: 100%;
}

.colonne-texte .et_pb_widget {
    background-color: #f7f7f7;
    padding: 45px;
    width: 89% !important;
}

.colonne-texte.droite .et_pb_widget {
    margin: 60px 0px 60px 60px !important;
}


.colonne-texte.gauche .et_pb_widget {
    margin: 60px 60px 60px 0px !important;
}


.colonne-texte.droite {
    float: right;
}


.colonne-texte .et_pb_widget h4 {
    display: none;
}


/*
========================
========================
DOMAINES D'ÉTUDE
========================
========================
*/

.fleche-img {
    background: #D29F1C url('/wp-content/uploads/2024/02/fleche_bloc_orange.svg') no-repeat center;
    width: 42px;
    height: 42px;
    position: absolute;
    right: 0;
    top: 0px;
}

#domaines .et_pb_main_blurb_image {
    margin-bottom: 15px;
}

#domaines h4 {
    font-family: 'Barlow Semi Condensed',Helvetica,Arial,Lucida,sans-serif;
    font-weight: 500;
    text-transform: uppercase;
    font-size: 20px;
    color: #006173 !important;
    letter-spacing: 0px;
    line-height: 24px;
    padding-bottom: 0;
}

@media screen and (max-width:980px) {
    #domaines .et_pb_blurb_content {
        padding-bottom: 30px;
        margin: 0;
        min-width: 100%;
    }
}

/*
========================
========================
FOOTER
========================
========================
*/


#footer-widgets .footer-widget li a, #footer-widgets .footer-widget p {
    color: #ffffff80 !important;
    font-family: "Barlow Semi Condensed";
    font-size: 16px;
    font-weight: 400;
}

#footer-widgets .footer-widget li {
    padding-left: 0px;
}

#footer-widgets .footer-widget:nth-of-type(1) li a {
    font-size: 20px !important;
    text-transform: uppercase;
}

.footer-widget li::before {
    display: none;
}

#main-footer .footer-widget h4 {
    color: #ffffff80 !important;
    letter-spacing: 0.2px;
}

#footer-bottom #footer-info .lesapp_socket {
    font-family: "Montserrat";
    font-weight: 700;
}

#footer-bottom #footer-info {
  font-family: "Barlow Semi Condensed";
    font-size: 11px;
}

#footer-widgets ul.sub-menu {
    display: none;
}

@media screen and (max-width:980px) {
    #footer-widgets .footer-widget, #footer-widgets .footer-widget .fwidget {
        width: 100% !important;
    }
    
    #footer-widgets {
        text-align: left;

    }
    
    #footer-widgets .footer-widget:nth-child(2), #footer-widgets .footer-widget:nth-child(3) {
        display: none;
    }
    
    #footer-widgets {
        padding: 20% 0 10%;
    }
}

/*
========================
========================
MENU
========================
========================
*/


.menu-item-has-children > a:first-child::after {
    display: none;
}

.menu-item-has-children > a:first-child {
    padding-right: 0px !important;
}

.nav li ul.sub-menu {
    border-top: none;
    top: 35px;
    width: 280px;
    border-radius: 4px;
}

li .sub-menu li a {
    width: 240px !important;
    font-size: 16px !important;
    line-height: 20px;
}

.nav ul.sub-menu li a:hover {
    background-color: transparent;
    opacity: 1;
}

li.current-menu-item > a, li.current-menu-parent > a {
    color:#006173 !important;
}

#main-header.et-fixed-header {
    box-shadow: none !important;
    border: none;
}

#main-header {
    border: 1px solid #F7F7F7;
    box-shadow: none !important;
}

/*
========================
========================
RESPONSIVE MENU
========================
========================
*/

#rmp-container-1431 li.current-menu-item > a, #rmp-container-1431 li.current-menu-parent > a {
    color: #ffffff !important;
}


#rmp-container-1431 li.rmp-menu-item a {
    padding-right: 5% !important;
    text-transform: uppercase;
}



#rmp-container-1431 #rmp-menu-wrap-1431 {
    margin:auto;
}

.rmp-menu-subarrow {
    display:none;
}

.page-id-58 #rmp_menu_trigger-1431 .rmp-trigger-box .responsive-menu-pro-inner, .page-id-58 #rmp_menu_trigger-1431 .rmp-trigger-box .responsive-menu-pro-inner::before, .page-id-58 #rmp_menu_trigger-1431 .rmp-trigger-box .responsive-menu-pro-inner::after {
    background-color: #ffffff;
}

.responsive-menu-pro-inner::before {
    border-radius: 0px !important;
}

@media screen and (max-width:1190px) {
    #main-header {
        height: 100px;
        z-index: 0;
    }
    .et_header_style_left .logo_container {
        height: 100px;
    }
    
    .et_pb_svg_logo #logo {
    min-height: 50% !important;
}
    
    #rmp-container-1431 {
    display: flow-root!important;
}
}


/*
========================
========================
FORMULAIRE CONTACT
========================
========================
*/

#adresses h3 {
    padding-bottom:5px;
}

#adresses h3:last-child {
    margin-top:5px;
}

#formulaire-contact form {
    font-family: "Barlow Semi Condensed";
}

.wpforms-form input {
    height: 55px !important;
    font-size: 16px !important;
}


 #formulaire-contact button {
    width: 350px;
    padding: 13px 25px;
    text-align: center;
    letter-spacing: 2px;
    margin-top: 30px;
    transition: 1s;
    text-transform: uppercase;
    background-color: #D29F1C;
    border-radius: 50px;
    border: 2px solid #D29F1C;
    color: #ffffff !important;
    font-size: 19px;
    font-weight: 600;
    font-family: 'Barlow Semi Condensed';
}

#formulaire-contact button:hover {
    letter-spacing: 3px;
    transition: 1s;
}

@media screen and (max-width:767px) {
     #formulaire-contact button {
        width: 250px;
    }
    
    div.wpforms-container-full .wpforms-form .wpforms-one-half{
        width: 100%;
        margin: 10px 0 0;
    }
}



/*
========================
========================
COOKIE NOTICE
========================
========================
*/


#cookie-notice .cookie-notice-container {
    display: block;
    font-family: 'Barlow Semi Condensed';
    font-size: 16px;
    font-weight: 500;
}

#cookie-notice .cn-button-custom.arkopolis {
    margin: 0 0 0 10px;
    border: none;
    color: #fff;
    background-color: #006173;
    font-family: 'Barlow Semi Condensed';
    font-weight: 600;
    letter-spacing: 1px;
    border-radius: 50px;
    padding: 6px 30px;
}