/*

 Theme Name:   Divi Child

 Theme URI:    http://example.com/twenty-fifteen-child/

 Description:  Divi Child super theme

 Author:       John Doe

 Author URI:   http://example.com

 Template:     Divi

 Version:      1.0.0

 License:      GNU General Public License v2 or later

 License URI:  http://www.gnu.org/licenses/gpl-2.0.html

 Tags:         Responsive

 Text Domain:  divi-child

*/


#top-menu li li{
    padding: 0;
    width: 100%;
}

#top-menu li li a{
    width: 100%;
}

.et-social-instagram a.icon:before{
    content: "\e09d";
}

.et_header_style_left .logo_container{
    top: -10px;
}

p{
    text-align: justify;
}

.mobile_menu_bar:before, .mobile_menu_bar:after, #top-menu li.current-menu-ancestor>a, #top-menu li.current-menu-item>a{
    color: #174192;
}

.et_pb_post_slider_image_top .et_pb_slide_image{
    margin-top:20px!important;
    margin-bottom: 40px!important;
    width: calc(100% - 80px);
}

.archivesNews{
    background-blend-mode:overlay;
    background-image:url(/wp-content/uploads/2023/04/news.jpg)!important;
    padding-top: 230px!important;
    padding-bottom: 240px!important;
    background-color: rgba(0,0,0,0.3)!important;
}

.archivesNews h1{
    text-transform: uppercase;
    font-size: 40px!important;

}

.news .et_pb_column_2_5 .et_pb_post_slider_image_top .et_pb_slide_image{
    width: calc(100% - 40px)!important;
    margin-left:20px!important;
    margin-bottom: 20px!important;
    margin-top:10px!important;
}

.news .et_pb_slider .et_pb_button_wrapper{
    position: absolute;
    bottom: 0;
    right: 0;
}

.news .et_pb_slider .et_pb_button_wrapper a{
    padding: 0 5px!important;
}

.news .et_pb_column_2_5{
    margin-bottom: -15px;
}




.traitJaune:before, .traitBleu:before{
    content: "";
    width: 70%;
    float: left;
    display: inline-block;
    background-color: #fbba00;
    height: 10px;
    top: 5px;
    position: relative;
    z-index: 9;
}

.traitJaune:after, .traitBleu:after{
    content: "";
    width: 50%;
    float: right;
    display: inline-block;
    background-color: #fbba00;
    height: 10px;
    top: -5px;
    position: relative;
    z-index: 9;
}

.traitBleu:before, .traitBleu:after{
    background-color: #174192;
}

.ourWork:before{
    content: "";
    width: 50%;
    float: right;
    display: inline-block;
    background-color: #174192;
    height: 5px;
    margin-top: -5px;
}

.ourWork button.et_pb_button, .ourWork button.et_pb_button:hover{
    padding: 0 5px!important;
}

.ourWork .et_clickable button{
    opacity: 0;
    visibility: hidden;
}


.ourWork .et_clickable:hover button{
    opacity: 1;
    visibility: visible;
}

.ourWork .et_clickable h3{
    display: inline-block;
    padding: 5px 10px;
    margin-bottom: 15px;
}

.ourWork .et_clickable:hover h3{
    color: #fff!important;
    background-color: #000;
}

.titreDroiteMilieu:after, .titreTraitGauche .titre:after, .titreTraitDroite .titre:after{
    content: "";
    width: 50%;
    float: right;
    display: inline-block;
    background-color: #174192;
    height: 5px;
    margin-top: -15px;
}

.titreTraitGauche .titre:after{
    float: left;
}

.titreDroiteMilieu:after{
    width: 75%;
    margin-right: -25%;
}

.home .et_pb_post_slider{
    overflow: visible;
}

.et-pb-arrow-prev, .et-pb-arrow-next, .home .et_pb_post_slider:hover .et-pb-arrow-prev, .home .et_pb_post_slider:hover .et-pb-arrow-next{
    opacity: 1;
    background-color: #fff;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    box-shadow: 2px 2px 2px 1px rgba(0,0,0,0.2);
}

.et-pb-arrow-next, .home .et_pb_post_slider:hover .et-pb-arrow-next {
    right: -25px;
}

.et-pb-arrow-prev, .home .et_pb_post_slider:hover .et-pb-arrow-prev{
    left: -25px;
}

.archive #left-area{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.archive .et_pb_post{
    border-bottom: 1px solid #e2e2e2;
    padding-bottom: 25px;
    width: 29.3%;
    margin:2%;
}

.archive .et_pb_post:first-of-type, .archive .pagination{
    width: 100%;
}

.wp-block-latest-posts__list li:before{
    content: "Ξ ";
    font-weight: bold;
    color: #174192;
}

.wp-block-latest-posts__list li{
    border-bottom: 1px solid #e2e2e2;
    padding:10px 0;
}

#block-16 p, .wp-block-archives-dropdown label{
    background:#174192;
    padding:0 15px;
    font-size: 18px;
    color: #fff;
    display: inline-block;
    margin-bottom: 20px;
    text-transform: uppercase;
}

/*** Take out the divider line between content and sidebar ***/
#main-content .container:before {background: none;}
  
/*** Hide Sidebar ***/
#sidebar {display:none;}
  
/*** Expand the content area to fullwidth ***/
@media (min-width: 981px){
#left-area {
    width: 100%;
    padding: 23px 0px 0px !important;
    float: none !important;
}
}

/*Team*/


.wpm_6310_team_style_1_designation, .wpm_6310_team_style_1_title{
    background-color:rgba(0, 0, 0, 0.4)!important;
    text-align: left;
}

.wpm_6310_team_style_1_title{
    bottom: 36px!important;
}

/*Videos*/

.et_pb_portfolio_grid_items {
    font-size: 14px;
    line-height: 1.3em;
}

.et_pb_portfolio_item p{
    margin-top:10px;
}
/* THREE COLUMN PORTFOLIO GRID LAYOUT */

@media only screen and ( min-width: 768px ) {

.three-column-grid .et_pb_grid_item {
width: 32% !important;
margin: 0 2% 35px 0 !important;
}
 
.three-column-grid .et_pb_grid_item:nth-child(3n) {
margin-right: 0 !important;
}

.three-column-grid .et_pb_grid_item:nth-child(3n+1) {
clear: left;
}

.three-column-grid .et_pb_grid_item:nth-child(4n+1) {
clear: unset !important;
}

}



/*FOOTER*/
.headerWidget{
    border-bottom: 2px solid #174192;
    margin-bottom: 20px;
    font-weight: bold;
    font-size: 18px;
}

#main-footer{
    border-top: 5px solid #bcbcbc;
    margin-top: 100px;
}

#footer-bottom .container{
    text-align: center;
}

#footer-info{
    width: 100%;
    text-align: center;
}

.et_pb_gutters3 .footer-widget{
    margin-bottom:0;
}

#main-footer #block-4, #main-footer #block-12{
    float: right;
}

#main-footer #block-11, #main-footer #block-12, #main-footer #block-13{
    clear: both;
}

#main-footer #block-13{
    width: 100%;
}

#main-footer #block-13 p{
    text-align: center;
}

#block-9{
    margin-bottom: 25px;
}

@media screen and (max-width:980px){
    .news .et_pb_button_module_wrapper{
        margin-bottom: 25px!important;
    }

    .ourWork .et_pb_row{
        width: 90%;
    }

    footer p{
        text-align-last: center;
    }

    .archive .et_pb_post{
        width: 46%;
    }
}

@media screen and (max-width:640px){

    .archive .et_pb_post{
        width: 100%;
    }
}