/*
Theme Name: LIZIWEB - Theme enfant Divi
Description: Theme enfant du theme Divi. Vous pouvez desormais le personnaliser sans risquer de perdre vos modifications
Author: LIZIWEB
Author URI: https://liziweb.com
Template: Divi
Version: 1.0
*/

@import url('https://fonts.googleapis.com/css2?family=Crimson+Text:ital@0;1&family=Fira+Sans:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Fira+Sans+Condensed:wght@500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Crimson+Text:wght@600&display=swap');
/*
    font-family: 'Crimson Text', serif;
    font-family: 'Fira Sans', sans-serif;
    font-family: 'Fira Sans Condensed', sans-serif;
*/

/* ------------------------------------REGLES GENERALES--------------------------------------- */

div.et_pb_row{
	width:100%;
	padding: 0;
}

h2{
	font-size: 38px;
	color: #12395C;
}

h3{
	font-size: 32px;
	color: #0698D6;
}

body p, body a{
    font-family: 'Fira Sans', sans-serif;
}

#page-container{
    padding-top:111px !important;
}

/* tous les boutons */
.btn-stream{
    background-color: #0698D6;
    color: #fff;
    border:0 !important;
}

.btn-stream:hover{
    color: #0698D6;
    background-color: #DADADA !important;
    border:0 !important;
}

/* Fleche */
@media screen and (max-width:980px){
    .et_pb_button::after{
        font-size:24px;
    }
}

/* Top bar : EMERGENCY RESPONSE */
#top-header{
    background-color: transparent !important;
}
#top-header .container{
    padding:0 !important;
}

.emergency-call a{
	padding: 2px 0px 4px 5px !important;
	color:#C8102E !important;
    background-color:#bcbcbc;
}

.emergency-call a::after{
    background-color: #0698D6;
    margin-top: 5px !important;
    font-size: 20px !important;
    margin-left: 10px !important;
    position:relative !important;
    color: #fff !important;
	border-left: 6px solid white;
    padding: 2px 3px 2px 2px;
    top:3px !important;
}

.emergency-num{
    background-color:#0698D6;
}
#et-secondary-nav li li a {
	background-color:#0698D6;
}
.emergency-call .emergency-num a{
    color: #fff !important;
}

.emergency-call .sub-menu{
    padding: 0 !important;
    width: auto !important;
}

.emergency-call .sub-menu .emergency-num{
    padding: 5px 10px 0 10px !important;
}

/* REFERMER LES SOUS-MENU SUR MOBILE */
.et_pb_menu .et_mobile_menu .menu-item-has-children > a, #main-header .et_mobile_menu .menu-item-has-children > a,
.et_pb_menu .et_mobile_menu .menu-item-has-children > a > a, #main-header .et_mobile_menu .menu-item-has-children > a > a {
    background-color: transparent;
    position: relative;
}
.et_pb_menu .et_mobile_menu .menu-item-has-children > a.toggle-menu, #main-header .et_mobile_menu .menu-item-has-children > a.toggle-menu,
.et_pb_menu .et_mobile_menu .menu-item-has-children > a.toggle-menu > a.toggle-menu, #main-header .et_mobile_menu .menu-item-has-children > a.toggle-menu > a.toggle-menu {
    font-family: 'ETmodules' !important;
    font-size: 18px;
    padding: 10px 20px;
    z-index: 10;
    display: inline-block;
    position: absolute;
    right: 10px;
 }
.et_pb_menu .et_mobile_menu .menu-item-has-children.visible > a.toggle-menu, #main-header .et_mobile_menu .menu-item-has-children.visible > a.toggle-menu,
.et_pb_menu .et_mobile_menu .menu-item-has-children.visible > a.toggle-menu > a.toggle-menu, #main-header .et_mobile_menu .menu-item-has-children.visible > a.toggle-menu > a.toggle-menu{
     transform: rotate(180deg);
}
.et_pb_menu .et_mobile_menu ul.sub-menu, #main-header .et_mobile_menu ul.sub-menu{
    display: none !important;
    visibility: hidden !important;
    transition: all 1.5s ease-in-out;
}
.et_pb_menu .et_mobile_menu .visible > ul.sub-menu, #main-header .et_mobile_menu .visible > ul.sub-menu {
    display: block !important;
    visibility: visible !important;
}

/* -------- BOUTON QUI PERMET D'AFFICHER PLUS DE TEXTE OU DE LE CACHER --------- */
/*Style du module BOUTON*/
.bouton-ouverture{
    cursor: pointer;
    padding:0 7.1px;
    background-color: #0698D6;
    border:0;
    color: #fff;
    border-radius: 0;
}

.bouton-ouverture:hover{
    padding:0 7.1px !important;
    background-color: #0698D6 !important;
    border:0 !important;
}

.bouton-ouverture.et_pb_button::after{
    display: none;
}

/*Style du module TEXTE*/
@media screen and (max-width:980px){
    .texte-cache { 
        position: relative;
        max-height: 200px; /*Hauteur du texte visible avant le clic*/
        overflow: hidden; /*On cache tout ce qui dépasse des 100px*/
        -webkit-transition: max-height 1s ease;
        -o-transition: max-height 1s ease;
        transition: max-height 1s ease; /* Transition CSS entre l'ouverture et la fermeture*/
    }
        
    /*Style du module TEXTE lorsqu'il est ouvert*/
    .texte-cache.ouvert {
        max-height: 200vh; /* On lui définit une hauteur max de tout l'écran si nécessaire pour qu'il affiche tout son contenu*/
    }
        
    /*On stylise l'effet de flou lorsque le module TEXTE est fermé, donc il n'a pas la classe "ouvert"*/
    .texte-cache:not(.ouvert)::after {
        content: '';
        position: absolute;
        top: 100px;
        bottom: 0;
        left: 0;
        right: 0;
        background: -webkit-gradient(linear, left top, left bottom, from(rgba( 18, 57, 92 , 0)), to(rgba( 18, 57, 92 , 1)));
        background: -o-linear-gradient(rgba( 18, 57, 92 , 0), rgba( 18, 57, 92 , 1));
        background: linear-gradient(rgba( 18, 57, 92 , 0), rgba( 18, 57, 92 , 1)); /*Couleur de notre effet*/
    }

    /* Enlever marge sur page domaines activité */
    .do-overlay-container .et_pb_column_1 .et_pb_module{
        margin-bottom: 0;
    }
}

/* -------- BOUTON QUI PERMET D'AFFICHER PLUS DE TEXTE OU DE LE CACHER - V2 pour en mettre 2 sur la même page --------- */
/*Style du module BOUTON*/
.bouton-ouverture2{
    cursor: pointer;
    padding:0 7.1px;
    background-color: #0698D6;
    border:0;
    color: #fff;
    border-radius: 0;
}

.bouton-ouverture2:hover{
    padding:0 7.1px !important;
    background-color: #0698D6 !important;
    border:0 !important;
}

.bouton-ouverture2.et_pb_button::after{
    display: none;
}

/*Style du module TEXTE*/
@media screen and (max-width:980px){
    .texte-cache2 { 
        position: relative;
        max-height: 30px; /*Hauteur du texte visible avant le clic*/
        overflow: hidden; /*On cache tout ce qui dépasse des 100px*/
        -webkit-transition: max-height 1s ease;
        -o-transition: max-height 1s ease;
        transition: max-height 1s ease; /* Transition CSS entre l'ouverture et la fermeture*/
    }
        
    /*Style du module TEXTE lorsqu'il est ouvert*/
    .texte-cache2.ouvert {
        max-height: 200vh; /* On lui définit une hauteur max de tout l'écran si nécessaire pour qu'il affiche tout son contenu*/
    }
        
    /*On stylise l'effet de flou lorsque le module TEXTE est fermé, donc il n'a pas la classe "ouvert"*/
    .texte-cache2:not(.ouvert)::after {
        content: '';
        position: absolute;
        top: 0px;
        bottom: 0;
        left: 0;
        right: 0;
        background: -webkit-gradient(linear, left top, left bottom, from(rgba( 18, 57, 92 , 0)), to(rgba( 255, 255, 255 , 1)));
        background: -o-linear-gradient(rgba( 18, 57, 92 , 0), rgba( 255, 255, 255 , 1));
        background: linear-gradient(rgba( 18, 57, 92 , 0), rgba( 255, 255, 255 , 1)); /*Couleur de notre effet*/
    }

    /* Enlever marge sur page accueil */
    .texte-equipe .et_pb_module.texte-cache2{
        margin-bottom: 0 !important;
    }
}

/* -------- BOUTON QUI PERMET D'AFFICHER PLUS DE TEXTE OU DE LE CACHER - V3 pour la section Présentation de l'avocat --------- */
/*Style du module BOUTON*/
.btn-bio{
    cursor: pointer;
    background-color: #0698D6;
    border:0;
    color: #fff;
    border-radius: 0;
    padding: 10px 9px;
    display: none;
}

.btn-bio img{
    vertical-align: middle !important;
}

.btn-bio:hover{
    background-color: #0698D6 !important;
    border:0 !important;
}

/*Style du module TEXTE*/
@media screen and (max-width:980px){
    .btn-bio{
        display: inline;
    }

    .bio-cache{ 
        position: relative;
        max-height: 150px; /*Hauteur du texte visible avant le clic*/
        overflow: hidden; /*On cache tout ce qui dépasse des 100px*/
        -webkit-transition: max-height 1s ease;
        -o-transition: max-height 1s ease;
        transition: max-height 1s ease; /* Transition CSS entre l'ouverture et la fermeture*/
        margin-bottom: 6px;
    }
        
    /*Style du module TEXTE lorsqu'il est ouvert*/
    .bio-cache.ouvert {
        max-height: 200vh; /* On lui définit une hauteur max de tout l'écran si nécessaire pour qu'il affiche tout son contenu*/
    }
        
    /*On stylise l'effet de flou lorsque le module TEXTE est fermé, donc il n'a pas la classe "ouvert"*/
    .bio-cache:not(.ouvert)::after {
        content: '';
        position: absolute;
        top: 0px;
        bottom: 0;
        left: 0;
        right: 0;
        background: -webkit-gradient(linear, left top, left bottom, from(rgba( 18, 57, 92 , 0)), to(rgba( 239, 239, 239 , 1)));
        background: -o-linear-gradient(rgba( 18, 57, 92 , 0), rgba( 239, 239, 239 , 1));
        background: linear-gradient(rgba( 18, 57, 92 , 0), rgba( 239, 239, 239 , 1)); /*Couleur de notre effet*/
    }
}



/* --------------------------------------- HEADER --------------------------------------------------- */
/* supprimer le box shadow sous le menu*/
#main-header {
    box-shadow:none;
}


@media only screen and (min-width: 981px) {
    /*#logo {
        top: -10px!important;
        position: relative;
    }*/
    #logo {
        max-height: 100%!important;
        margin-top: 20px!important;
        /*padding-bottom: 20px!important;*/
    }
        
    .et_header_style_left #et-top-navigation nav>ul>li>a {
        padding-bottom: 0px!important;
        font-weight: normal;
        font-size: 16px;
        text-transform: uppercase;
    }
    .et_header_style_left #et-top-navigation {
        padding: 90px 0 10px 0!important;
    }
    .et_fullwidth_nav #main-header .container {
        width: 80%;
        margin-bottom: 20px;
        padding:0;
    }
    
    /* sous-menus*/
    #top-menu li li a {
        padding: 6px 12px;
        width: 280px;
        font-size: 14px;
        font-weight: normal;
        border-bottom: 1px solid #bebebe;
    }

    /* Style au survol */
    #top-menu ul li a:hover{
        background-color:#0698D6;
        color:#fff !important;
    }

    #top-menu-nav > ul > li > a:hover{
        opacity:1;
        color:#0698D6 !important;
    }

    .nav li.et-touch-hover>ul {
        opacity: 0.9;
        visibility: visible;
        width: 320px!important;
    }
    .nav li ul {
        position: absolute;
        padding: 0px 0;
        margin-top: 0px;
        width:320px!important;
    }

    #top-menu li {
        padding-right: 52px!important;
    }

    #top-menu li:nth-of-type(6), #top-menu li:nth-of-type(7){
        padding-right:10px !important;
    }

    #top-menu li.menu-item-object-custom img{
        height:15px;
    }

    #top-menu li.lang-item img{
        height:15px;
    }

    #et-top-navigation #et_search_icon::before{
        font-size:15px;
        color:#12395C;
    }

    /* Différente disposition de la loupe selon la langue */
    #et_top_search{
        margin: 0;
    }
    #et-top-navigation #et_search_icon::before{
        top:0;
        content:"";
        background-image:url("https://stream.law/wp-content/uploads/2021/02/search-icon-top.png");
        background-repeat: no-repeat;
        width:17px;
        height:17px;
        background-size: 17px;
    }

}

@media (max-width:980px){
    .et_mobile_menu li a {
        text-transform: uppercase;
    }
    .emergency-call .emergency-num a {
        color: #fff !important;
        background-color: #0698d6;
    }
}

/* Header : tentative de correction du bug qui scinde le header 2 deux */
body.et_fixed_nav.et_secondary_nav_enabled #main-header, body.et_non_fixed_nav.et_transparent_nav.et_secondary_nav_enabled #main-header{
    top:0 !important;
}


/* ---------------------------------------PAGE ACCUEIL--------------------------------------------------- */
/* SLIDER */
/* @media (min-width:500px){
.et_pb_video_box video {
    margin: -50px 0 -50px 0;  Mis en commentaire car vidéo trop rognée + mise en place d'un nouveau header
}
}*/

/* ----Section 1 : Présentation + Chiffres clés---- */
.section1 .et_pb_column{
	margin:0;
	width:50%;
}
/* Présentation */
.section1 .et_pb_divider{
	width: 30%;
	height: 10px;
	background-color:#0698D6;
	margin-left:70%;
}

.section1 h2{
    color: #fff;
    text-transform: uppercase;
    line-height:1.2em;
    font-family: 'Fira Sans', sans-serif;
}

.section1 h3{
    color: #0698D6;
    font-family: 'Crimson Text', serif;
}

 .section1 .text-sec1 h2, .section1 .text-sec1 h3{
	text-align:right;
}

.section1 .text-sec1 p{
    text-align:justify;
}

.section1 .et_pb_column_1{
	background-color: #12395C;
	box-sizing: border-box;
	padding: 80px 80px 80px 10%;
	color: #fff;
    margin-top:-80px;
    text-align: right; /* Bouton */
}

/* Chiffres clés */
.section1 .et_pb_column_2{
    background-color: #0698D6;
    background-image: linear-gradient(rgba(6, 152, 214 , 0.9), rgba( 6, 152, 214, 0.9)),
                  url("https://stream.law/wp-content/uploads/2020/10/a-vector.png");
    background-size:90%;
    background-position: 0px 0px, bottom -50px left -50px;
	box-sizing: border-box;
    padding: 100px 10% 100px 100px;
    display: flex;
}

.section1 .nombre{
	font-size: 84px;
	color: #fff;
	font-style: italic;
	margin: 15px 50px 15px 0;
    text-align:right;
    padding-bottom:0;
    font-family: 'Crimson Text', serif;
}

.section1 .textes p{
    height: 84px;
    margin: 15px 0;
    display:flex;
    align-items:center;
    font-size: 16px;
    line-height:18px;
    padding-bottom: 0 !important;
}

.section1 p{
	color: #fff;
	text-align: left;
}

.section1 .et_pb_column_2 p:nth-of-type(1), .section1 .et_pb_column_2 p:nth-of-type(2), .section1 .et_pb_column_2 p:nth-of-type(3), .section1 .et_pb_column_2 p:nth-of-type(4){
	border-bottom: 1px dotted black;
}


/* ----Section 2 : Création des domaines d'activités en overlay---- */
#domaines-activite .et_pb_column.et_pb_column_4 {
	width: 50%!important;
	aspect-ratio: 3 / 1;
}

#domaines-activite .et_pb_column{
	margin:0;
	width:16.666%!important;
}

#domaines-activite .et_pb_text_3 h2:before {
	content: '';
	position: absolute;
	right: 0;
	top: -30px;
	width: 240px;
	height: 13px;
	background-color: white;
}

#domaines-activite .et_pb_text_3 p {
	font-family: 'Crimson Text', serif;
}


et_pb_gutters3 .et_pb_column_1_6 {
    width: 16.667%;
}

.et-overlay-item{
	margin-bottom:0 !important;
}

.et-overlay-image{
    margin-bottom:0 !important;
}

.et-overlay-bg.et_pb_divider{
    position: absolute !important;
    width: 100%;
    height: 100%;
    opacity: 0.7;
    margin-bottom: 0 !important;
}
.et-overlay-bg.et_pb_divider::before{
    border-top: 0;
}

/* Fond opaque au survol sur ordinateur */
@media screen and (min-width:981px){
    .et-overlay-container .et_pb_column:hover .et-overlay-bg.et_pb_divider{
        opacity:1;
    }
}


.et-overlay-text{
    position: absolute !important;
    text-align: center;
    width: 60%;
    font-size: 20pt;
    padding: 20px 0;
    height: auto;
    min-height: 40%;
    border-top: 10px solid #fff;
    border-bottom: 10px solid #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.et-overlay-text p {
    font-family: 'Crimson Text', serif;
    font-size: 30px;
    line-height: 1em;
}

@media screen and (max-width: 1140px) and (min-width: 981px) {
	.et-overlay-text p {
		font-size: 21px;
	}
}
	
.et-fb-root-ancestor .et-overlay-item {
opacity: 1; /*shows hidden overlay items when using the visual Divi Builder*/
}
.et-overlay-item {
opacity: 0; /*hides overlay items by default*/
margin-bottom: 0px;
}
.et-overlay-item, .et-overlay-image, .et-overlay-bg.et_pb_divider {
transition: all 400ms !important; /*sets transition speed of all overlay items*/
}
.et-overlay-container .et_pb_column:hover .et-overlay-item{
opacity: 1; /*reveals hidden overlay items on hover*/
}


/* ----Section 3 : Equipe----*/
#accueil-equipe{
	width: 80%;
	margin: auto;
	padding-top : 5em;
}

#accueil-equipe h2, #accueil-equipe h3{
	text-align: center;
}

#accueil-equipe .texte-equipe p{
    text-align:justify;
}

#accueil-equipe .texte-equipe{
    margin-bottom:1em;
}

/* Création de la mise en page des titres de section avec les diviseurs */
.ligne-titre{
	margin-bottom: 50px !important;
}
.diviseur1{
    margin: 0px auto !important;
	width: 16%;
	height: 10px;
	background-color: #DADADA;
	position: relative;
}

.titre-section{
	margin: 20px 0 !important;
}

.titre-section h2, .titre-section h3{
	text-align: center;
}

.titre-section h3{
    font-family: 'Crimson Text', serif;
}

.diviseur2, .diviseur3, .diviseur4{
    margin: 0px auto !important;
    position: absolute;
    bottom:0px;
	height:10px;
}

.diviseur2{
    width: 5%;
    left:42%;
	background-color: #DADADA;
}

.diviseur3{
	width:4%;
    left: 50%;
    transform: translateX(-50%);
	background-color: #0698D6;
}

.diviseur4{
	width: 5%;
    right: 42%;
	background-color: #DADADA;
}

/* Slider avocats */
/* Taille des colonnes */
#slider-avocats .et_pb_column_1_4{
    width:20%;
    margin-right:5%;
    z-index:1;
}

#slider-avocats .et_pb_column_1_2{
    width:50%;
    margin-right:5%;
    z-index:2;
}

#slider-avocats .divi-carousel-item{
    margin-right:0 !important;
}

/* Taille des images */
#slider-avocats .divi-carousel-base-wrap ul.divi-carousel > li.divi-carousel-item article .car_pos_box.top{
    height:16.5vw !important;
}

#slider-avocats .divi-carousel-base-wrap ul.divi-carousel > li.divi-carousel-item article .car_pos_box.top img{
    height:16.5vw !important;
}

/* Contenu */
#slider-avocats .divi-carousel-base-wrap ul.divi-carousel > li.divi-carousel-item article .entry-title{
    text-align: center;
}

#slider-avocats .divi-carousel-base-wrap ul.divi-carousel > li.divi-carousel-item article .entry-title a{
    color:#0698D6;
}

#slider-avocats .divi-carousel-base-wrap ul.divi-carousel > li.divi-carousel-item article p{
    text-align: center;
    color:#000;
    font-size: 16px;
    line-height: 16px;
}

#slider-avocats .divi-carousel-base-wrap ul.divi-carousel > li.divi-carousel-item article{
    margin-bottom: 0;
}

/* Flèches */
#slider-avocats .divi-carousel-arrow{
    opacity:1;
}

#slider-avocats .divi-carousel-base-wrap .divi-carousel-arrow{
    width: 60px;
    height: 60px;
    top: 114px;
    padding: 10px;
}

#slider-avocats .dashicons, #slider-avocats .dashicons-before::before{
    width: 40px;
    height: 40px;
    font-size: 40px;
}

#slider-avocats .lSSlideWrapper.et-slider{
    overflow: visible;
}

#slider-avocats .divi-carousel-base-wrap .divi-carousel-arrow.right{
    right: -14%;
}

#slider-avocats .divi-carousel-base-wrap .divi-carousel-arrow.left{
    left: -14%;
}

#slider-avocats .divi-carousel-base-wrap.et_pb_module{
    margin-bottom:0;
}

#slider-avocats .dashicons, .dashicons-before:before {
    font-family: dashicons;
    display: inline-block;
    line-height: 1;
    font-weight: 400;
    font-style: normal;
    speak: never;
    text-decoration: inherit;
    text-transform: none;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    vertical-align: top;
    text-align: center;
    transition: color .1s ease-in;
}

#slider-avocats .dashicons-arrow-left-alt2:before {
    content: "\f341";
}

#slider-avocats .dashicons-arrow-right-alt2:before {
    content: "\f345";
}

/* Barres */
#slider-avocats .et_pb_column_1_4 .et_pb_module{
    top:124px;
}

#slider-avocats .et_pb_divider_22::before{
    margin-left: 10%;
}

#slider-avocats .et_pb_divider::before{
    width: 90%;
    height:0;
}

/* Petites animations slider */
/* Zoom au survol */
#slider-avocats .entry-featured-image-url img{
    transition: transform .5s ease;
}

#slider-avocats .entry-featured-image-url:hover img{
    transform: scale(1.2);
}

/* Fleches */
#slider-avocats .divi-carousel-base-wrap .divi-carousel-arrow:hover{
    background-color: #0698D6 !important;
}

#slider-avocats .divi-carousel-base-wrap .divi-carousel-arrow.left:hover{
    padding-left: 0;
}

#slider-avocats .divi-carousel-base-wrap .divi-carousel-arrow.right:hover{
    padding-right: 0;
}


@media screen and (max-width:1500px){
    #slider-avocats .divi-carousel-base-wrap .divi-carousel-arrow{
        top: 85px;
    }

    #slider-avocats .et_pb_column_1_4 .et_pb_module{
        top: 95px;
    }
}

@media screen and (max-width:1200px){
    #slider-avocats .divi-carousel-base-wrap .divi-carousel-arrow{
        top: 62.5px;
    }

    #slider-avocats .et_pb_column_1_4 .et_pb_module{
        top: 72.5px;
    }
}

@media screen and (max-width:980px){
    #slider-avocats .divi-carousel-base-wrap .divi-carousel-arrow.left{
        left:-25%;
    }

    #slider-avocats .divi-carousel-base-wrap .divi-carousel-arrow.right{
        right:-25%;
    }

    #slider-avocats .divi-carousel-base-wrap ul.divi-carousel > li.divi-carousel-item article p{
        font-size: 13px;
        line-height:14px;
    }

    #slider-avocats .divi-carousel-base-wrap ul.divi-carousel > li.divi-carousel-item article .entry-title{
        font-size: 15px;
        line-height:16px;
    }

    #slider-avocats .car_pos_box.top{
        margin-bottom: 0;
    }
}

@media screen and (max-width:760px){
    #slider-avocats .divi-carousel-base-wrap .divi-carousel-arrow{
        display:none;
    }

    #slider-avocats .divi-carousel-base-wrap ul.divi-carousel > li.divi-carousel-item article .car_pos_box.top{
        height:40% !important;
    }

    #slider-avocats .divi-carousel-base-wrap ul.divi-carousel > li.divi-carousel-item article .car_pos_box.top img{
        height:40% !important;
    }
}


/* Section 4 : Actualités */
#accueil-actu{
	width: 80%;
	margin: auto;
	padding: 2.5em 0 5em 0;
}

#accueil-actu .btn-stream{
    margin-bottom: 2.5em;
}

/* -------------------------------ACTUALITES------------------------------------*/
/* -------------------------------BLOG CUSTOM--------------------------------- */
/* Taille : Ordinateur / Tablette */
.blog-custom article{
	border:0 !important;
	padding:0 !important;
    width:100%;
    margin-bottom: 40px !important;
}

.page-id-651 .blog-custom .et_pb_salvattore_content > div, .page-id-654 .blog-custom .et_pb_salvattore_content > div {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 4.16vw;
}

.blog-custom .et_pb_salvattore_content {
	display: flex;
	align-items: flex-start;
}

.blog-custom .et_pb_image_container{
	margin: 10px 0 -10px 0 !important;
    width:100%;
}

.blog-custom .et_pb_image_container .entry-featured-image-url{
	margin-bottom:0 !important;
}

.blog-custom .et_pb_image_container .entry-featured-image-url img {
	width: 100%;
}

.blog-custom .entry-title{
    margin-bottom: 15px;
    margin-right: 10px;
    display:inline;
    font-weight: bold;
	font-size: 18px;
}

.blog-custom .info-post{
    background-color:#EFEFEF;
    padding: 20px;
}

.blog-custom .post-meta{
    display:inline;
    color: #8D8D8D;
}

.blog-custom article .post-tags, .blog-custom article .post-tags a{
    text-transform: uppercase;
    color: #000;
}

/* Affichage de la catégorie principale */
.blog-custom .post-cat a{
    text-transform: uppercase;
    font-weight: bold;
    color: #12395C;
    font-size: 10pt;
}

/* SUPPRESSION DES CATEGORIES SAUF DE LA PREMIERE (ordre alphabétique) */
.blog-custom .post-cat a:not(:first-of-type){
    display:none;
}

/* Customisation du trait à coté de la catégorie */
.blog-custom .post-cat{
    display: inline;
    padding-right:15px;
    max-width: 100%;
    flex-shrink: 0;
    line-height: 12pt;
}

.blog-custom .cat_plus_trait{
    display: flex;
    justify-content: end;
    align-items: center;
}

.blog-custom .blog-trait{
    display: inline-block;
    width:100%;
    height:10px;
    background-color:#DADADA;
    vertical-align: middle;
}

/* Au survol */
.blog-custom article .blog-trait, .blog-custom article .info-post{ 
    transition: all 400ms;
}

.blog-custom article:hover .blog-trait, .blog-custom article:hover .info-post{
    background-color: #0698D6 !important;
    color: #fff;
    transition: all 400ms;
}

.blog-custom article:hover .entry-title a, .blog-custom article:hover .post-meta a, .blog-custom article:hover .post-tags a, .blog-custom article:hover .post-tags, .blog-custom article:hover .post-meta{
    color: #fff !important;
}


/* ------- RESPONSIVE BLOG CUSTOM ------ Taille : Telephone ----------- */
@media screen and (max-width:768px){
    #accueil-actu{
        width: 100%;
        margin: auto;
        padding: 0 0 50px;
    }
	
	.page-id-651 .blog-custom .et_pb_salvattore_content > div, .blog-custom .et_pb_salvattore_content, .page-id-654 .blog-custom .et_pb_salvattore_content > div {
		display: block;
	}

    .blog-custom .et_pb_image_container{
        width:40%;
        height:auto;
        margin: 0 !important;
    }

    .blog-custom .et_pb_image_container .entry-featured-image-url{
        height:100%;
    }

    .blog-custom .et_pb_image_container img{
        width:100%;
        height:100% !important;
        object-fit: cover;
    }

    .blog-custom article{
        display: flex;
        flex-wrap: wrap;
    }

    .blog-custom .cat_plus_trait{
        width:95%;
        margin: 0 auto 10px;
    }
    
    .blog-custom .myBlogTags{
        display: none;
    }
    
    .blog-custom .entry-title{
        font-weight: normal;
        font-size: 13px;
        line-height:15px;
        margin:0;
        display: inline-block;
    }
    .blog-custom .post-cat a{
        font-size: 12px;
    }

    .blog-custom .info-post{
        width:60%;
        background-color: transparent;
    }
}

/* ------------------------------ RESPONSIVE PAGE D'ACCUEIL - MOBILE--------------------------- */
@media screen and (max-width:980px){
    /* --- Section1 .section1--- */
    .section1 .et_pb_column{
        width:100%;
    }

    .section1 .et_pb_column_1{
        padding: 5%;
        margin-top:0 !important;
    }

    .section1 .et_pb_column_2{
        padding:60px 60px 0 60px;
        justify-content: center;
        background-color: #0698D6;
        background-image: linear-gradient(rgba(6, 152, 214 , 0.9), rgba( 6, 152, 214, 0.9)),
                      url("https://stream.law/wp-content/uploads/2020/10/a-vector.png");
        background-size:100%;
        background-position: 0px 0px, bottom -100px right -100px;
    }

    /* Redimensionnement du texte de Chiffre Clés */
    .section1 .nombre{
        font-size: 54px;
    }

    .section1 .textes p{
        height:54px;
        border:0 !important;
        font-size: 13px;
        line-height:15px;
    }

    .et_pb_section{
        padding:0;
    }

    /* Mise en place du bouton qui affiche/cache le texte de la premiere section de la page d'accueil */
    .text-sec1.titre-decore{
        margin-bottom: 0;;
    }

    /* Taille des polices des titres */
    .section1 .et_pb_divider{
        width: 30%;
        height: 5px;
        background-color:#0698D6;
        margin-left:0;
    }
    .section1 h2, .titre-section h2{
        font-size:20px;
    }
    .section1 h3, .titre-section h3{
        font-size:18px;
    }
    .section1 .text-sec1 h2, .section1 .text-sec1 h3{
        text-align: left;
    }

    .section1 .text-sec1 p{
        font-size:13px;
        line-height:15px;
    }

    .ligne-titre .titre-section{
        margin:0 !important;
    }

    #accueil-equipe .ligne-titre {
        margin-bottom: 2em !important;
    }

    .btn-stream{
        font-size:14px;
    }


    /* --- Partie domaines d'activité #domaines-activite --- */
    #domaines-activite .img-activites img{
        height:50px;
        margin: 2em auto 2em;
    }

    #domaines-activite .img-activites .et_pb_column{
        width:100% !important;
    }

    #domaines-activite .et_pb_column{
        margin:0;
        width:33.33% !important;
    }

    .et-overlay-item {
        opacity: 1;
    }

    .et-overlay-text{
        border:0;
        position: relative !important;
        width: 100%;
        padding: 20px;
        height: auto;
        min-height: 14vw;
        display: flex;
        justify-content: left;
        align-items: start;
        top: 0;
        left: 0;
        transform: none;
    }
    .et-overlay-text p{
        font-family:'Fira Sans', sans-serif;
        font-size: 11px;
        line-height: 13px;
        font-weight: bold;
        text-align: left !important;
    }


    /* --- Partie équipe #accueil-equipe --- */
    #accueil-equipe{
        padding-top : 2em;
    }

    #accueil-equipe .texte-equipe{
        font-size:13px;
        line-height:15px;
    }


    /* --- Partie actualité #accueil-actu --- */
    .ligne-titre-mobile img{
        height:50px;
        margin-bottom: 2em;
    }

}

/* Agrandissement de la zone de texte des domaines d'activité à partir de 500px */
@media screen and (max-width:500px){
    #domaines-activite .et-overlay-text{
        min-height: 30vw !important;
    }
}


/* -------- RESPONSIVE Section1 - TABLETTE ------------------ ????? A rectifier */
@media screen and (min-width:981px) and (max-width:1024px){

    .section1 .et_pb_column_2{
        padding:60px 60px 0 60px;
        justify-content: center;
    }
    
    /* Redimensionnement du texte de Chiffre Clés */
    .section1 .nombre{
        font-size: 40pt;
    }

    .section1 .textes p{
        height:40pt;
        border:0 !important;
        font-size: 11pt;
        line-height:12pt;
    }

    .et_pb_section{
        padding:0;
    }
}


/* --------------------------------FOOTER----------------------------------- */
/* Switch le langage du footer */
html[lang="fr-FR"] .hide-en {
	display: none !important;
}

html[lang="en-GB"] .hide-fr {
	display: none !important;
}


#main-footer{
	display:none;
}

footer{
    background-color: #12395C;
    width: 100%;
    box-sizing: border-box;
    color: #fff;
}

.nav-footer a{
    text-decoration:none;
    color: #fff;
}
.nav-footer a:hover{
    color: rgb(172, 172, 172);
}

/* Zone des crédits */
#footer-bot{
    width: 100%;
    box-sizing: border-box;
    background-color: #0E2E4A;
    bottom: 0;
    left:0;
    text-align: center;
    padding: 10px;
    font-size: 9pt;
}

#footer-bot p {
    display: inline-block;
}

#footer-bot a{
    color: #fff;
    text-decoration: underline;
}

/* Drapeau polylang */
.nav-footer ul.polylang_langswitcher{
    display: inline;
    margin-right: 10px;
    padding:0;
}

.nav-footer ul.polylang_langswitcher li{
    display: inline;
}

.nav-footer ul.polylang_langswitcher li a img{
    width:22px !important;
    height:16px !important;
}

.menu-texte-footer {
  display: inline-flex;
  flex-wrap: nowrap;      /* reste sur une seule ligne */
  gap: 5rem;            /* espace entre les mots */
  white-space: nowrap;    /* sécurité */
  margin: 0 auto!important;
}

@media (max-width: 980px) {
  .menu-texte-footer {
    flex-direction: column;   /* éléments en colonne */
    gap: 1.5rem;              /* espace vertical */
    white-space: normal;      /* autorise le retour à la ligne */
    align-items: center;      /* centre les liens */
  }
}

/* Lien linkedin */
.footer-linkedin{
    margin-right: 10px;
}

/* Barre de recherche */
/*Hide the search button*/
.et_pb_search_0_tb_footer input.et_pb_searchsubmit, .et_pb_search_1_tb_footer input.et_pb_searchsubmit,
.widget_search input#searchsubmit{
    background: transparent;
    color: transparent;
    border: none;
    width: 22px;
    z-index: 2;
}
/*Add padding to the search input field*/
.et_pb_search_0_tb_footer input.et_pb_s, .et_pb_search_1_tb_footer input.et_pb_s,
.widget_search input#s {
    padding-right: 55px !important;
}
/*Add the icon*/
.et_pb_search_0_tb_footer .et_pb_searchform:before, .et_pb_search_1_tb_footer .et_pb_searchform:before,
.widget_search::before {
    content: '\55';
    position: static;
    font-family: 'ETModules';
    z-index: 1;
    font-size: 18px;
}

.et_pb_search_0_tb_footer, .et_pb_search_1_tb_footer{
    border:0;
    display: inline;
}

.et_pb_search_0_tb_footer form, .et_pb_search_1_tb_footer form{
    display: inline;
}

.et_pb_search_0_tb_footer input.et_pb_s, .et_pb_search_1_tb_footer input.et_pb_s{
    display: none;
}


@media screen and (max-width: 980px){
    /* Changement d'ordre du footer */
    #footer-principal{
        display: flex;
        flex-direction: column;
    }

    #coo-footer{
        order:1;
        text-align: center;
    }

    .logo-footer{
        order:2;
    }

    .nav-footer{
        order:3;
    }

    .elem-a, .coo-ville, .footer-tiret-1{
        display:none;
    }

    .logo-footer{
        width: 100%;
        text-align: center;
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .logo-footer img{
        width: 150px;
    }

    .nav-footer{
        text-align: center;
        box-sizing: border-box;
        margin: 0 auto 20px auto;
    }
    
    .nav-footer a{
        font-size: 12pt;
    }

	 .mob-paris{
        padding-top:20px;
    }
    /* nouvelle disposition des tirets décoratifs */
    .footer-tiret{
        width: 500px;
        height: 10px;
        background-color:#DADADA;
        overflow: visible;
    }

    .mob-div{
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .footer-bu{
        margin: 0 20px;
    }

    .footer-bu{
        padding-top:0.5em;
        padding-bottom:0.5em;
    }

    /* Taille images villes */
    .footer-bu img{
        max-width: max-content !important;
    }

    .footer-paris img{
        width: 43px;
    }

    .footer-lh img{
        width: 76px;
    }

    .footer-marseille img{
        width: 81px;
    }

    /* Barre inférieure du footer */
    #footer-bot{
        order: 4;
        padding-bottom: 70px;
    }

    #footer-bot p{
        display:block;
        line-height: 1.4em;
        padding-bottom: 0;
    }

    span.credits-sep{
        display: none;
    }

    nav.nav-footer a:nth-child(1), nav.nav-footer a:nth-child(2), nav.nav-footer a:nth-child(3), nav.nav-footer a:nth-child(4), nav.nav-footer a:nth-child(5){
        display: none;
    }

    nav.nav-footer ul.polylang_langswitcher li a{
        display: inline;
    }

    /* Modif footer */
    .nom-ville{
        display: inline;
    }
    .footer-tiret-3, .footer-tiret-4, .footer-tiret-5{
        display:none;
    }

    .footer-tiret-mob3, .footer-tiret-mob4, .footer-tiret-mob5{
        display:inline;
    }
    
}


/* Footer pour tablettes et ordinateurs */
@media screen and (min-width:981px){

    /* disparition des tirets mobiles */
    .footer-tiret-mob1, .footer-tiret-mob2, .footer-tiret-mob3, .footer-tiret-mob4, .footer-tiret-mob5{
        margin:0 !important;
        display:none;
    }

    .mob-div{
        display: inline;
    }

    .logo-footer{
        width:100%;
        text-align: center;
        padding: 50px 0;
    }
    
    .logo-footer img{
        width:200px;
    }
    
    .nav-footer{
        text-align: center;
        box-sizing: border-box;
        margin:auto;
    }
    
    .nav-footer a{
        font-size: 16px;
    }
    
    .nav-footer a:not(:last-of-type){
        margin-right: 50px;
    }
    
    #coo-footer{
        width: 100%;
        margin: 50px auto;
        text-align: center;
    }
    
    .footer-tiret, .footer-bu{
        display: inline-block;
    }
    
    .footer-tiret{
        margin: 0 10px;
        vertical-align: top;
        background-color: #DADADA;
    }
    
    .footer-bu{
        font-size: 14px;
        line-height: 18px;
        text-align: left;
        vertical-align: top;
    }

    /* Disposition et dimensionnement des tirets décoratifs */
    .nom-ville{
        display:flex;
        margin-bottom:15px;
    }
    .footer-tiret-1{
        width: 6vw;
        height: 15px;
        background-color: #0698D6;
    }
    
    .footer-tiret-2{
        width: 7vw;
        height: 15px;
    }
    
    .footer-tiret-3{
        width: 8vw;
        height: 15px;
    }
    
    .footer-tiret-4{
        width: 8vw;
        height: 15px;
    }
    
    .footer-tiret-5{
        width: 12vw;
        height: 15px;
    }

    .footer-tiret-3, .footer-tiret-4, .footer-tiret-5{
        margin-left:20px;
        margin-right:5px;
    }
    
    .footer-bu:first-of-type{
        margin-top:0;
    }

    /* Placement du logo A sous le premier trait */
    .elem-a img{
        width: 6vw;
        height: auto;
        margin-bottom: 30px;
    }
    
    .elem-a{
        display: inline-block;
        position: relative;
        top: 50px;
        left: 7vw;
        margin-left:-80px;
        vertical-align: top;
    }

    /* Redimensionnement images */
    /* Lien linkedin */
    .footer-linkedin img{
        width:19px;
    }

    p.credits{
        margin-left:3px;
    }

    .nom-ville a img{
        height:15px;
    }

}

/* Elargissement des elements à partir de 1200px */
@media screen and (min-width:1200px){
    .footer-tiret-1{
        width: 6vw;
    }
    
    .footer-tiret-2{
        width: 8vw;
    }
    
    .footer-tiret-3{
        width: 11vw;
    }
    
    .footer-tiret-4{
        width: 11vw;
    }
    
    .footer-tiret-5{
        width: 14vw;
    }
    
    .elem-a img{
        width: 6vw;
        margin-bottom: 30px;
    }

    .footer-bu{
        font-size: 16px;
        line-height: 20px;
    }
    
    .nav-footer a{
        font-size: 18px;
    }

    .nom-ville a img{
        height:18px;
    }
}

#section-footer{
	padding:0 !important;
}


/* ----------------------------------------------------PAGE AVOCAT------------------------------------------------------- */

/* Supression du titre */
#page-avocat h1.entry-title{
    display: none;
}

/* Redimension de la page*/
#page-avocat .container{
    width:100%;
}

#avo-top{
    width:100%;
    display:flex;
    margin-top:30px;
}

#avo-left{
    width:60%;
}

.avo-header{
    width:100%;
    background-color:#12395C;
    background-image: linear-gradient(rgba(18, 57, 92 ,0.9), rgba(18, 57, 92 ,0.9)),
                  url("https://stream.law/wp-content/uploads/2020/10/a-vector.png");
    background-repeat: no-repeat;
    background-size: 50%;
    background-position: 10%;
    padding: 10px 50px 70px 15%;
    min-height: 20%;
}
.avo-header .btn-retour img{
    vertical-align: middle;
}

.avo-header .btn-retour{
    font-size:10pt;
    margin-bottom: 20px;
}

.avo-header .nom h1{
    color: #fff;
    display: inline-block;
    font-size: 30pt;
    font-family: 'Crimson Text', serif;
}

.avo-header .titre-avocat, .avo-header .fonction{
    color: #0698D6;
    font-size: 16pt;
}

/* ONGLETS : Présentation / Education / Dossiers récents */
/* Nouveau style pour les onglets */

/* Transition / Animation */
.tabs-label .tab-active{
    -webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}

.tab{
    background: #EFEFEF;
    padding: 30px 50px 30px 15%;
    line-height: 1.7em;
    min-height: 200px;
    width: 100%;
}

.tabs-container{
    position:relative;
    top:-45px;
}

.tabs-label{
    padding-left:15%;
}

.tabs-label button{
    border:0;
    background-color: transparent;
    cursor: pointer;
    color: #DADADA;
    font-size: 17px;
    padding: 0 0 10px 0;
    margin-right:20px;
}

#education.tab p::before, #dossiers.tab p::before{
    font-family: 'ETModules';
    margin-right: 10px;
    margin-left: -30px;
    content : "\035";
    color: #0698D6;
    font-weight: bold;
    font-size: 20px;
}

.tab-active{
    border-bottom: 9px solid #0698D6 !important;
    color: #fff !important;
    font-weight:bold;
}


/* Partie droite : Photo + coordonnées */

#avo-right{
    width:40%;
    margin-top:10vh;
    background-color: #0698D6;
    height: 95%;
}

#avo-img{
    margin-top:-10vh;
    width: 22vw; /* Largeur et hauteur en fonction de la taille de l'écran pour avoir une image carrée */
    height:22vw;
    overflow:hidden;
}

#avo-img img{
    width:100%;
    height:100%;
    object-fit: cover;
}

#avo-img-ombre{
    width:22vw;
}

#avo-img-ombre img.ombre{
    opacity: 0.8;
    width: 98%;
}
/* PB : petit espace entre photo et ombre : passer en poition absolute ?*/

#avo-coo{
    color:#fff;
    padding: 30px;
    font-size: 16px;
}

#avo-coo > div{
    margin-bottom: 10px;
    display: flex;
}

#avo-coo div > div{
    min-width: 30px;
    text-align: center;
    margin-right: 10px;
}

#avo-coo a{
    color:#fff;
}

#avo-coo .linkedin a, #avo-coo .mail a{
    text-decoration: underline;
}

#avo-coo .mail p{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* Virgules entre chaque langue */
#avo-coo .langues p span:not(:first-of-type)::before{
    content:", ";
}

/* Attribution d'images en background pour les domaines d'activité */
#avo-bot{
    width:100%;
    margin-top:50px;
    display: flex;
}

#avo-activite{
    width:60%;
}

#avo-activite h2, #avo-articles h2{
    color:#0698D6;
    font-size:18px;
    text-transform: uppercase;
    font-weight: bold;
    padding-bottom:0;
 }

#avo-activite h2{
    margin-bottom: 1.5em;
    padding-left:15%;
}

#avo-articles article:hover .info-post a{
    color:#0698D6;
}

/* Articles de l'auteur mis en avant */
#avo-articles{
    width:40%;
}

#avo-articles h2{
    display: inline;
    margin-right: 20px;
}

#avo-articles ul{
    margin-top: 2em; /* Allignement avec les domaines d'activité */
}

#avo-articles article a{
    width: 33%;
    height: auto;
}

#avo-articles article{
    display: flex;
}

#avo-articles li + li{
    margin-top:40px;
}

#avo-articles article .info-post{
    padding: 0 20px 20px 20px;
    width: 66%;
}

#avo-articles article .info-post h3{
    font-size:18px;
}

#avo-articles a.lien-articles{
    color:#000000;
    text-decoration: underline;
    font-size: 14px;
}

#avo-articles h3{
    color:#12395C;
    font-weight: bold;
}

/* Taille image */
#avo-articles article img{
    height: 150px;
    object-fit: cover;
}

/* Zone dans laquelle on aura les images */
#avo-activite .activites{
    display:flex;
    flex-wrap:wrap;
    padding-left:15%;
    width:70%;
}
    

#avo-activite .activites .avo-activite-img{
    width:33.33%;
    height:auto;
    color: #000;
    display:flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}

#avo-activite .activites .avo-activite-img img{
    object-fit: cover;
    opacity: 0.5;
}

#avo-activite .activites .avo-activite-img p{
    width: 10% !important;
    font-weight:bold;
    position: absolute;
    line-height: 1.2em;
    opacity: 1;
    transition: opacity 1s;
}

.avo-activite-img:nth-of-type(1), .avo-activite-img:nth-of-type(6){
    background:#0698D6;
}

.avo-activite-img p{
    color: #fff;
}

.avo-activite-img:nth-of-type(3) p, .avo-activite-img:nth-of-type(5) p, .avo-activite-img:nth-of-type(7) p{
    color: #12395C;
}

.avo-activite-img:nth-of-type(2), .avo-activite-img:nth-of-type(4){
    background:#12395C;
    color: #fff;
}

.avo-activite-img:nth-of-type(3), .avo-activite-img:nth-of-type(5), .avo-activite-img:nth-of-type(7){
    background:#DADADA;
    color: #12395C;
}


/* ------------------ RESPONSIVE PAGE AVOCAT ---------------------------- */

@media screen and (min-width:980px){
    /* Pas de bouton vers les articles mais seulement un lien */
    .lien-articles-mobile{
        display: none;
    }
    /* On cache le head mobile sur version ordinateur */
    #avo-top-mobile{
        display:none;
    }
}

/* TELEPHONE */
/* marges verticales : 30px */
@media screen and (max-width:980px){
    /* Passage a 100% de la page */
    #page-avocat .container{
        width:100%;
    }

    #page-container{
        padding-top:80px;
    }

    /* Organisation de #avo-top */
    #avo-top-mobile{
        display: block;
        order:1;
    }

    #avo-top-mobile .avo-header{
        padding: 10px 50px 20px 50px;
        background-color: #12395C;
        background-image: url('https://stream.law/wp-content/uploads/2021/03/fond-avocat-mobile2.jpg');
        background-size: 100%;
        background-position: 0;
    }

    #avo-right{
        order:2;
    }
    #avo-left{
        order:3;
    }

    #avo-top{
        flex-direction:column;
    }

    #avo-left .avo-header{
        display:none;
    }

    #avo-left, #avo-right{
        width:100%;
        margin:0;
    }

    /* #avo-top-mobile */
    #avo-top-mobile .avo-header .nom h1{
        font-size: 35px;
    }
    
    #avo-top-mobile .avo-header .titre-avocat, #avo-top-mobile .avo-header .fonction{
        font-size: 18px;
        line-height: 20px;
    }

    /* #avo-right : photo + infos */
    #avo-right{
        display: flex;
    }

    #avo-img{
        margin-top:0;
        width: 40vw; /* Largeur et hauteur en fonction de la taille de l'écran pour avoir une image carrée */
        height: auto; /* Fonctionne si l'image est carrée, sinon mettre : height: 40vw; */
    }
    
    #avo-img img{
        width:100%;
        height:100%;
        object-fit: cover;
    }
    
    #avo-img-ombre{
       display:none;
    }

    #avo-coo{
        width:60%;
        font-size:13px;
        min-height: 40vw;
        line-height:13px;
        padding: 5%;
    }

    /* #avo-left : nouvelles tabs / onglets mobile */
    .tabs-container{
        top:0;
    }

    #avo-left .tabs-label{
        background-color:  #EFEFEF;
        font-size:13px;
        padding-left:20px;
        padding-top:10px;
    }

    .tabs-label button{
        color: #12395C;
        font-size:13px;
    }

    .tab{
        padding:0;
        line-height: 1.7em;
        font-size:13px;
        padding-top:10px;
        text-align: center;
    }

    .tab .bio-cache{
        padding: 10px 40px;
    }

    .tab p{
        text-align:left;
    }

    .tab-active{
        border-bottom: 5px solid #0698D6 !important;
        z-index: 2;
        color: #000 !important;
        font-weight: bold;
    }

    /* Organisation des domaines d'activité et des actu */
    #avo-bot{
        display:flex;
        flex-wrap: wrap;
        margin-top: 1.5em;
    }

    #avo-bot #avo-activite, #avo-bot #avo-articles{
        width:100%;
    }

    #avo-activite .activites{
        padding-left: 0;
        width: 100%;
    }
    #avo-bot #avo-articles{
        margin-left:0;
        margin-top:1.5em;
    }

    #avo-articles ul{
        margin-top:1.5em;
    }

    /* Titres */
    #avo-bot h2{
        font-size:14px;
        padding-left:5%;
        margin-bottom: 1.5em;
    }

    #avo-bot .info-post a, #avo-bot .info-post p{
        font-size:13px;
        font-weight: normal;
    }


    /* Nom des domaines d'activité sous les images */
    #avo-activite .activites .avo-activite-img{
        width:33.33%;
        height:auto;
        color: #000;
        display:flex;
        justify-content: normal;
        align-items: center;
        text-align: center;
        flex-direction: column;
    }
    
    #avo-activite .activites .avo-activite-img p{
        width: 100% !important;
        position: static;
        opacity: 1;
        font-size:11px;
        line-height: 11px;
        min-height: 50px;
        display: flex;
        align-items: center;
        justify-content: center;
        padding:10px;
    }

    /* Remplace le lien par un Bouton lien articles sur mobile */
    .lien-articles{
        display: none;
    }
    .lien-articles-mobile{
        display: flex;
        width:100%;
        margin-top: 30px;
    }

    .lien-articles-mobile .btn-stream{
        margin:auto;
        font-size:14px;
    }
    .lien-articles-mobile .btn-stream::after{
        font-size: 23px;
    }

    /* Taille image actu */
    #avo-articles article img {
        height: 20vw;
    }
}

/* ------------------------------------------------ PAGES DOMAINES D'ACTIVITE ----------------------------------------------------------- */

/* Section 1 : divisée en 2 parties */
/* Pt1 : Image + fond + h1 + citation */
/* Image en overlay */

.do-overlay-container .et_pb_column{
    width:50%;
    margin:0;
}

.do-overlay-item{
margin-bottom:0 !important;
}
.do-overlay-img{
    margin-bottom:0 !important;
    width: 100%;
    height: 100%;
}
.do-overlay-img .et_pb_image_wrap{
    height:100%;
}

.do-overlay-img img{
    width: 100%;
    height:100%;
    object-fit: cover;
}

.do-overlay-bg.et_pb_divider{
    position: absolute !important;
    top:0px;
    width: 100%;
    height: 100%;
    background-color: #0698D6;
    opacity: 0.7;
    margin-bottom: 0 !important;
}

.do-overlay-text{
    position: absolute !important;
    text-align: center;
    top:0;
    right:0;
    padding: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.do-overlay-text h1{
    font-size: 40pt;
    color: #fff;
    font-family: 'Crimson Text', serif;
}

.do-overlay-quote{
    position: absolute !important;
    text-align: right;
    width: 100%;
    bottom: 0;
    right:0;
    padding: 70px 50px 50px 50px;
    height: auto;
    display: flex;
    justify-content: end;
    align-items: center;
    background-color: transparent !important;
    color: #fff;
}

.do-overlay-quote::before{
    content: "\7b";
    background-color: transparent;
    border:0;
    font-size: 50pt;
    position:absolute;
    top:0;
    right:0;
    padding: 0 50px;
    margin:0;
}

.do-overlay-quote .et_pb_testimonial_content p{
    padding:0;
    font-family: 'Crimson Text', serif;
    font-size:33px;
}

.do-overlay-quote .et_pb_testimonial_author{
    font-family: 'Fira Sans', sans-serif;
    text-transform: uppercase;
    margin:0;
    font-size: 15px;
    font-weight: 400;
    width: 100%;
    display: flex;
    float:right;
    align-items: center;
    justify-content: flex-end;
}

.do-overlay-quote .et_pb_testimonial_author::before{
    content:"";
    display: block;
    background-color:#DADADA;
    width:35%;
    height: 10px;
    position: relative;
    min-width: 20px;
    max-width: 100px;
    margin-right: 10%;
}

.do-overlay-item {
margin-bottom: 0px;
}

/* Responsive des domaines d'activité */

@media screen and (max-width:768px){
    #domaines-activite .et_pb_column{
        margin:0;
        width:33.33% !important;
    }
}


/* Pt2 : Texte */
.do-overlay-container .et_pb_column_1{
    padding:50px 10% 50px 50px;
    background-color:#12395C;
    color: #fff;
    margin-top:100px;
}

/*.do-overlay-container .et_pb_column_1 p:first-of-type{
    font-family: 'Crimson Text', serif;
    font-size: 22px;
}*/


/* Section 2: Tabs + image */
/* Divi Vertical Tabs 5 */

.vertical-tabs5 {
    border: none;
}

.ligne-vertical-tabs5 .et_pb_column{
    width:50%;
    margin:0 !important;
}

/* Colonne de gauche devant celle de droite pour pouvoir cliquer sur les onglets */
.ligne-vertical-tabs5 .et_pb_column_2{
    z-index:50;
}

.vertical-tabs5 ul.et_pb_tabs_controls {
    position:absolute;
    left:100%;
    width: 50%;
    margin-left: 15px;
    background: transparent;
    padding: 0 0 0 1em;
    z-index: 100;
}

.vertical-tabs5 ul.et_pb_tabs_controls:after {
    content: none;
}

.vertical-tabs5 .et_pb_tabs_controls li {
    width: auto;
    background: #12395C;
    border: none;
    height: 66px !important;
    margin-bottom: 15px;
    font-weight:400;
    clear: left;
}

.vertical-tabs5 .et_pb_tabs_controls li:first-of-type {
    margin-top:50px;
}

.vertical-tabs5 .et_pb_tabs_controls li.et_pb_tab_active {
    background: #EFEFEF;
}

.vertical-tabs5 .et_pb_tabs_controls li.et_pb_tab_active:before {
    top: 0;
    left: -15px;
    content: ".";
    height:66px;
    position: absolute;
    margin-top: 0;
    background-color:#EFEFEF;
    width:15px;
    color:#EFEFEF;
}

.vertical-tabs5 .et_pb_tabs_controls li a {
    color: #EFEFEF;
}

.vertical-tabs5 .et_pb_tabs_controls li.et_pb_tab_active a {
    color: #ffffff!important;
}

.vertical-tabs5 .et_pb_tab {
    padding: 0;
}

.vertical-tabs5 .et_pb_tab_content {
    background-color: #EFEFEF;
    padding: 50px 50px 50px 20%;
    min-height: 700px;
}

.vertical-tabs5 .et_pb_tab_content ul{
    font-family: 'Fira Sans', sans-serif;
    padding:0;
}
.vertical-tabs5 .et_pb_tab_content p, .sous-domaine-mobile .et_pb_toggle_content p{
    padding-bottom:1em !important;
}

.vertical-tabs5 .et_pb_tab_content ul li {
    list-style-type: none;
    padding-bottom: 1em;
    margin-left: 20px;
}

.vertical-tabs5 .et_pb_tab_content ul li::before {
    font-family: 'ETModules';
    content: "\035";
    color: #0698D6;
    font-weight: bold;
    font-size: 20px;
    vertical-align: bottom;
    position: relative;
    left: -25px;
    width: 0;
    display: inline-block;
}

/* Partie de droite : background + image */
.ligne-vertical-tabs5 .et_pb_column_3{
    z-index:0;
    background-color: #0698D6;
}

.ligne-vertical-tabs5 .et_pb_column_3 img{
    opacity: 0.5;
    max-width:80%;
    left:10%;
}

/* Section 3 : ligne bouton + ligne actu */
#domaine-actu{
    width:80%;
    margin: auto;
    margin-top:2.5em;
}

#domaine-actu .ligne-btn .btn-stream{
    margin:2.5em auto;
    background-color: #12395C;
}

#domaine-actu .ligne-btn .btn-stream:hover{
    color: #fff;
    background-color: #0698D6 !important;
    border:0 !important;
}

/* Blog actu */
/* Taille : Ordinateur / Tablette */
.blog-classique article{
	border:0 !important;
	padding:0 !important;
    width:100%;
    background-color: transparent !important;
}

.blog-classique .et_pb_image_container{
	margin: 0 0 20px 0 !important;
    width:100%;
}

.blog-classique .et_pb_image_container .entry-featured-image-url{
	margin-bottom:0 !important;
}

.blog-classique .entry-title{
    margin-bottom: 15px;
    margin-right: 10px;
    display:inline;
    font-weight: bold;
}

/* SUPPRESSION DES CATEGORIES + tags */
.blog-classique .myBlogTags, .blog-classique .cat_plus_trait{
    display: none;
}

/* Ajout d'une 3e colonne */
.blog-classique .et_pb_salvattore_content[data-columns]::before {
	content: '3 .column.size-1of3' !important;
}

/* Actu au survol */
#domaine-actu .ligne-actu article:hover .entry-title a{
    color: #0698D6;
}

/* Partie gauche */
.ligne-actu .et_pb_divider{
    margin-bottom: 20px !important;
    width: 100%;
}
.do-titre-actu h2{
    font-size:30pt;
    white-space: nowrap;
}

.do-titre-actu h3{
    font-size:26pt;
    font-family: 'Crimson Text', serif;
}

.do-titre-actu a{
    text-decoration: underline;
    color: #12395C;
}


/*---------------------------------- Avocats catégories AVEC LE MIRACLE ---------------------------*/
#avocats_categorie .ligne-avocats-tries{
    width:80%;
    margin:auto;
    padding-top: 2.5em;
    padding-bottom: 2.5em;
}

.ligne-avocats-tries .et_pb_divider{
    margin-bottom: 20px !important;
    width: 100%;
}

#avocats_categorie .do-titre-actu h2, #avocats_categorie .do-titre-actu a{
    color:#fff;
}

.ligne-avocats-tries .wrapper {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 10px;
    grid-auto-rows: minmax(100px, auto);
}

.ligne-avocats-tries .case-avocat{
    display: flex;
}

.ligne-avocats-tries .img-avocat{
    width: 7vw;
    height: 7vw;
    object-fit: cover;
    overflow: hidden;
}

.ligne-avocats-tries .info-avocat{
    width:60%;
    padding:0 10px;
}

.ligne-avocats-tries .info-avocat p{
    color: #fff;
    padding-bottom:0;
    line-height: 1.2em;
    font-size:14px;
}

.ligne-avocats-tries .info-avocat a{
    font-weight: bold;
    color: #0698D6;
    font-size:16px;
}

.ligne-avocats-tries .info-avocat p:first-of-type{
    padding-bottom:10px;
}


/* Dernière section : Autres domaines d'activité : 8 colonnes et 7 domaines */

.huit-colonnes img{
    opacity: 0.2;
}

.huit-colonnes:nth-child(1){
    background-color:#0698D6;
    color: #fff;
    font-weight: bold;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size:18px;
    line-height: 20pt;
}

.huit-colonnes:nth-child(2), .huit-colonnes:nth-child(8), .huit-colonnes:nth-child(14){
    background-color:#0698D6;
}

.huit-colonnes:nth-child(4), .huit-colonnes:nth-child(10){
    background-color:#12395C;
}

.huit-colonnes:nth-child(6), .huit-colonnes:nth-child(12){
    background-color:#DADADA;
}

.huit-colonnes {
	width: 12.5%;
    margin: 0 !important;
	float: left;
}

/*  Le nom des domaines d'activité en overlay sur les différentes cases */
div.texte-ov{
    position: absolute;
    top: 0 !important;
    height: 100% !important;
    width: 12.5% !important;
    transform: none !important;
    display:flex;
    align-items: center;
    justify-content: center;
    text-align:center;
    color: #fff;
    opacity:1;
    transition: .5s opacity ease;
    font-weight:bold;
    line-height:1.3em;
}

.texte-ov:nth-child(3){
    left: 12.5%;
}

.texte-ov:nth-child(5){
    left: 25%;
}

.texte-ov:nth-child(7){
    left: 37.5%;
}

.texte-ov:nth-child(9){
    left: 50%;
}

.texte-ov:nth-child(11){
    left: 62.5%;
}

.texte-ov:nth-child(13){
    left: 75%;
}

.texte-ov:nth-child(15){
    left: 87.5%;
}


/* Disparition des sections qui ne seront visibles que sur mobile */
@media screen and (min-width:981px){
    .do-titre-actu-mobile, .ligne-btn-mobile, .autres-domaines-mobile{
        display:none;
    }

    /* 3 colonnes pour les articles */
    .blog-classique .column.size-1of3 {
	    width: 25%!important;
	    margin-right: 5%;
	}
    
    .blog-classique .column.size-1of3:first-of-type {
	    margin-left: 7.5%;
	}
}

/* --------------------------------------- PAGE DOMAINES ACTIVITE ----- Taille : Telephone ------------------------------------------------ */
/* Marges verticales : 2.5em */
@media screen and (max-width:980px){
    #domaine-actu{
        width: 100%;
        margin: auto;
        margin-top:0;
        padding: 0 0 2.5em;
    }
    
    /* Haut de page */
    .do-overlay-quote, .ligne-vertical-tabs5 .et_pb_column_3{
        display: none;
    }
    
    .do-overlay-text{
        width:100%;
        padding-top: 20px;
    }
    /* taille police */
    .do-overlay-text h1{
        font-size:35px;
    }

    .do-overlay-container .et_pb_column_1 p{
        font-size: 13px;
        line-height: 17px;
    }

    .do-overlay-container .et_pb_column_1 p:first-of-type{
        font-size: 15px;
        line-height: 17px;
    }

    /* Taille des colonnes haut */
    .do-overlay-container .et_pb_column{
        width:100%;
    }
    .do-overlay-container .et_pb_column_1{
        margin:0;
        padding:10%;
    }

    .ligne-vertical-tabs5 .et_pb_column{
        width:100%;
    }

    /* Redimension image */
    .do-overlay-img{
        height: 40vh;
    }

    .do-overlay-img .et_pb_image_wrap{
        width: 100%;
    }

    /* Partie actualités sur mobile */
    .et_pb_row.ligne-actu .et_pb_column{
        margin:0;
    }
   
    .do-titre-actu-mobile .et_pb_text_inner, .autres-domaines-mobile .et_pb_text_inner{
        padding: 0 5%;
        text-transform: uppercase;
        font-size: 16px;
        color:#0698D6;
        margin-bottom:2.5em;
    }

    .do-titre-actu-mobile .et_pb_text_inner h2, .autres-domaines-mobile h2{
        font-weight: bold;
        display: inline;
        font-size: 16px;
        color:#0698D6;
    }

    .do-titre-actu-mobile .et_pb_text_inner p{
        display: inline;
        margin-left: 5px;
    }

    /* Actualités */
    .blog-classique .column.size-1of3 {
        width: 100%!important;
    }
    
    /* Module Blog */
    .blog-classique .et_pb_image_container{
        width:40%;
        height:auto;
        margin: 0 !important;
    }

    .blog-classique .et_pb_image_container img{
        object-fit: cover;
        height: 30vw !important;
    }

    .blog-classique article{
        display: flex;
        flex-wrap: wrap;
    }
    
    .blog-classique .entry-title{
        font-weight: normal;
        font-size: 14px;
    }

    .blog-classique .info-post{
        width:60%;
        background-color: transparent;
        padding: 0 20px 20px 20px;
        line-height:16px;
    }

    .blog-classique .post-meta{
        margin-top: 10px;
    }
    
    /* Autres domaines images */
    .huit-colonnes{
        width: 33.33%;
    }
    .huit-colonnes:nth-child(1), .ligne-actu .et_pb_divider, .ligne-actu .do-titre-actu{
        display: none;
    }

    /* Autres domaines textes : Améliorer en mettant en display grid ? */
    div.texte-ov{
        width: 33.33% !important;
        height: 11.11% !important;
        opacity:1;
        position: absolute !important;
        background-color: #DADADA;
        margin-bottom: 0 !important;
        align-items: start;
        justify-content: start;
        text-align: left;
        padding: 10px 10px 0 10px;
    }
    div.texte-ov .et_pb_text_inner{
        max-height: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    
    div.texte-ov p{
        font-size: 11px;
        line-height:11px; 
    }

    /* Placement LIGNES */
    .texte-ov:nth-child(3), .texte-ov:nth-child(9), .texte-ov:nth-child(15){
        left: 0 !important;
    }
    .texte-ov:nth-child(5), .texte-ov:nth-child(11), .texte-ov:nth-child(17){
        left: 33.33% !important;
    }
    .texte-ov:nth-child(7), .texte-ov:nth-child(13), .texte-ov:nth-child(19){
        left: 66.66% !important;
    }

    /* Placement COLONNES */
    .texte-ov:nth-child(3), .texte-ov:nth-child(5), .texte-ov:nth-child(7){
        top: 25.33% !important;
    }
    .texte-ov:nth-child(9), .texte-ov:nth-child(11), .texte-ov:nth-child(13){
        top: 61.66% !important;
    }
    .texte-ov:nth-child(15), .texte-ov:nth-child(17), .texte-ov:nth-child(19){
        top: 99.99% !important;
    }

    /* Nouvelles couleurs de fond des images */
    .huit-colonnes:nth-child(2), .huit-colonnes:nth-child(12){
        background-color:#0698D6;
    }
    .huit-colonnes:nth-child(4), .huit-colonnes:nth-child(8){
        background-color:#12395C;
    }
    .huit-colonnes:nth-child(6), .huit-colonnes:nth-child(10), .huit-colonnes:nth-child(14){
        background-color:#DADADA;
    }

    /* Couleurs de fond du texte */
    .texte-ov:nth-child(3), .texte-ov:nth-child(13){
        background-color:#0698D6;
    }
    .texte-ov:nth-child(9), .texte-ov:nth-child(5){
        background-color:#12395C;
    }
    .texte-ov:nth-child(7), .texte-ov:nth-child(11), .texte-ov:nth-child(15){
        background-color: #DADADA;
        color: #12395C;
    }

    /* Marges sur les lignes d'images */
    .huit-colonnes:nth-child(8), .huit-colonnes:nth-child(10), .huit-colonnes:nth-child(12){
        padding-top: 11.11%;
    }
    .huit-colonnes:nth-child(14), .huit-colonnes:nth-child(16), .huit-colonnes:nth-child(18){
        padding-top: 11.11%;
    }
    
    .autres-domaines{
        padding-bottom: 10em;
    }
    
    /* Menu accordéon */
    .sous-domaine-mobile .et_pb_module{
        border:0;
        padding:0;
        margin:0 !important;
    }

    .sous-domaine-mobile .et_pb_module .et_pb_toggle_title{
        padding:5% 25% 5% 15%;
        background-color: #EFEFEF;
        color: #12395C;
        font-size: 17px;
        font-family: 'Fira Sans', sans-serif;
        text-transform: uppercase;
    } 
    
    .sous-domaine-mobile .et_pb_toggle_content.clearfix p, .sous-domaine-mobile .et_pb_toggle_content.clearfix ul{
        font-size: 13px;
        line-height: 17px;
    }

    .sous-domaine-mobile .et_pb_toggle_content.clearfix ul{
        font-family: 'Fira Sans', sans-serif;
    }
    
    .sous-domaine-mobile .et_pb_toggle_content.clearfix ul li {
        list-style-type: none;
    }
    
    .sous-domaine-mobile .et_pb_toggle_content.clearfix ul li::before {
        font-family: 'ETModules';
        margin-right: 5px;
        content: "\035";
        color: #0698D6;
        font-weight: bold;
        font-size: 20px;
        vertical-align: bottom;
    }
    
    .sous-domaine-mobile .et_pb_toggle_content.clearfix{
        padding:5%;
    }
    
    .sous-domaine-mobile .et_pb_toggle_title::before {
        font-size: 36px;
        right: 10% !important;
        color:#12395C;
        content: "\33";
        font-family: "Elegant Icons";
        transition: all .3s ease-in-out;
    }
    
    .sous-domaine-mobile .et_pb_toggle_open .et_pb_toggle_title::before {
        content: "\33";
        display: block !important;
        transform: rotate(180deg);
    }

    /* Avocats triés selon la catégorie */
    .ligne-avocats-tries .case-avocat{
        display:block;
    }

    .ligne-avocats-tries .case-avocat .img-avocat{
        width:100%;
        height:auto;
        max-width: 160px;
        margin: auto;
    }

    .ligne-avocats-tries .info-avocat{
        width:100%;
        text-align: center;
    }
    
}

@media screen and (max-width:760px){
    .ligne-avocats-tries .wrapper{
        grid-template-columns: repeat(2, 1fr);
    }
}






/* -----------------------------------------------------------PAGE CONTACT-------------------------------------------------------*/

/* Section 1 */
/* Alignement image contact */
.logo-page .et_pb_image .et_pb_image_wrap{
    width:100%;
    text-align: center;
}

.logo-page{
    margin-bottom: 2.5em;
	padding-top:30px!important;
}


/* Partie gauche : image +texte */
.ligne-form .et_pb_image .et_pb_image_wrap{
    width: 100%;
}

.ligne-form img{
    object-fit: cover;
    width: 95%;
}

/* Zone de texte */
.emergency{
    background-color:#0698D6;
    color: #fff;
    position:absolute;
    top: 5%;
    width: 100%;
    text-align: center;
    padding: 20px 20px 20px 30%;
    background-image: linear-gradient(rgba(6,152,214,0.9), rgba(6,152,214,0.9)),
                  url("https://stream.law/wp-content/uploads/2020/10/a-vector.png");
    background-size: 70%;
}

.emergency h2, .emergency-mobile h2{
    font-family: 'Crimson Text', serif;
    font-size:58pt;
    color: #fff;
    font-style: italic;
}

.emergency h2 span, .emergency-mobile h2 span{
    font-size:29pt;
    vertical-align:30%;
    text-decoration: underline dotted;
}

.emergency p{
    font-size: 20px;
    line-height: 40pt;
}

span.texte-emergency{
    font-family: 'Fira Sans Condensed', sans-serif;
    text-transform: uppercase;
    font-size: 16pt;
}

span.num{
    white-space: nowrap;
}

/* Zone emergency en mode mobile */
.emergency-mobile{
    background-color:#0698D6;
    color: #fff;
    width: 100%;
	/*height:100%!important;*/
    text-align: center;
    background-image: linear-gradient(rgba(6,152,214,0.9), rgba(6,152,214,0.9)),
                  url("https://stream.law/wp-content/uploads/2020/10/a-vector.png");
    /*background-size: 90%;*/
    margin: 2.5em 0 !important;
    padding-bottom: 10px;
}

/* Partie droite : formulaire */
.ligne-form{
    margin-bottom: 5em;
}

.ligne-form .et_pb_column_3{
    padding-right:10%;
}

.ligne-form .et_pb_column_3 .et_pb_text_inner{
    width:100%;
	text-align:justify;
}

#et_pb_contact_form_0 p[data-id='objet-contact']{
    width:50%;
}

span.et_pb_contact_field_options_title{
    display: none;
}

#et_pb_contact_form_0 .et_contact_bottom_container{
    float: left;
    margin-top: -5px;
    margin-left: 3%;
}

#et_pb_contact_form_0 .et_contact_bottom_container button{
    background-color: #0698D6;
    color: #fff;
    border:0;
    margin:0;
    font-family: 'Fira Sans', sans-serif;
}

#et_pb_contact_form_0 .et_contact_bottom_container button:hover{
    background-color: #12395C;
}

/* Section 2 : bureaux */
#section-bureaux{
    width: 80%;
    margin:auto;
    margin-bottom: 5em;
}

#section-bureaux .img-ville .et_pb_image_wrap:after {
    content:'';
    width:100%;
    background-color: #dadada;
    display: block;
    height: 15px;
}

#section-bureaux .et_pb_column_5 .img-ville .et_pb_image_wrap:after, #section-bureaux .et_pb_column_6 .img-ville .et_pb_image_wrap:after{
    margin-right: -15%;
}

#section-bureaux .img-ville .et_pb_image_wrap{
    display: flex;
    align-items: center;
}

#section-bureaux .img-ville img{
    margin-right: 10px;
    height:18px;
    width:auto;
}

#section-bureaux .img-ville{
    margin-bottom: 3%;
}

#section-bureaux .adresse-bureau{
    margin-bottom: 5%;
}

#section-bureaux .adresse-bureau p{
    padding-bottom: 0;
    line-height: 24px;
    font-size: 20px;
}
/* Couleurs des liens téléphoniques Pour safari */
#section-bureaux .adresse-bureau a, span.num a{ 
    color:#000000;
}

.emergency-mobile a, #avo-coo > div.tel a, #avo-coo > div.bureau a, .coo-ville a{
    color:#fff;
}
/* Lien itinéraire */
#section-bureaux .itineraire{
    display: none;
}

@media screen and (min-width:981px){
    .logo-page-mobile, .emergency-mobile{
        display:none;
    }
}
/* Taille : Telephone */
@media screen and (max-width:980px){
    #section-bureaux .itineraire{
        display: inline;
        text-decoration: underline;
        color:#0698D6 !important;
    }
    /* Suppression des images*/
    .ligne-form .et_pb_image .et_pb_image_wrap, #section-bureaux .img-googlemap{
        display: none;
    }
    
    /* LOGO */
    .logo-page{
        display:none;
    }
    .logo-page-mobile{
        margin-top:2.5em;
    }
    .logo-page-mobile .et_pb_column_1{
        display: flex;
        justify-content: center;
        align-items:center;
    }
    
    .logo-page-mobile .logo-ligne{
        width: 100%;
        display: inline-block;
        margin: 0;
        height: 20px;
    }
    
    .logo-page-mobile .et_pb_image{
        margin: 0 20px;
        width: 100%;
        text-align: center;
    }

    .logo-page-mobile .et_pb_image img{
        height: 20px;
        width: auto;
        max-width: initial;
    }

    /* Contenu à 80% de la page + redimensionnement */
    .ligne-form .et_pb_column_3 .et_pb_text_inner{
        width:100%;
    }
    #et_pb_contact_form_0 p[data-id='objet-contact']{
        width:100%;
    }
    
    #section-bureaux, .ligne-form{
        width: 90% !important;
        margin:auto;
    }
    .ligne-form .et_pb_column_3{
        padding:0;
    }

    .ligne-form .et_pb_column_2{
        display: none;
    }

    .ligne-form .et_pb_contact p input[type="checkbox"] + label{
        font-size: 13px;
    }

    /* taille police */
    .ligne-form p, #section-bureaux .adresse-bureau p{
        font-size: 15px;
        line-height: 17px;
    }

    #et_pb_contact_form_0 .et_contact_bottom_container button{
        font-size:15px;
    }
    
    /* Bloc 24 hour passe après le formulaire */
    .emergency{
        display: none;
    }

    #top-contact .emergency-mobile p{
        font-size: 17px;
        line-height: 25pt;
    }

    #top-contact .emergency-mobile span.texte-emergency{
        font-size: 14px;
    }

    /* Traits décoratifs redimensionnés */
    #section-bureaux .et_pb_column_5 .img-ville .et_pb_image_wrap:after, #section-bureaux .et_pb_column_6 .img-ville .et_pb_image_wrap:after{
        margin-right: 0;
    }
    
    /* Bouton formulaire*/
    #et_pb_contact_form_0 .et_contact_bottom_container{
        width:100%;
        margin:-5px 0;
    }

    #et_pb_contact_form_0 .et_contact_bottom_container button{
        margin:auto;
    }
}


/* ------------------------------------------------ PAGE LISTE DES AVOCATS ---------------------------------------------------------------- */
/* Cacher le nombre de résultats */
.facetwp-counter {
    display: none;
}

/* Disposition et apparence des filtres */
.ligne-filtres{
    z-index: 10;
}

.ligne-filtres .et_pb_column{
    margin-right: 0;
}

.ligne-filtres .et_pb_column_2, .ligne-filtres .et_pb_column_4{
    width:30%;
}

.ligne-filtres .et_pb_column_3{
    width:40%;
}

.ligne-filtres .filtres .et_pb_code_inner{
    display: flex;
}

.ligne-filtres .filtres div.facetwp-facet .fs-label-wrap{
    width: auto;
    background-color: #0698D6;
    color: #fff;
    height: 35px;
    border:0;
    display:flex;
    align-items: center;
}

/* Apparence des filtres */
.ligne-filtres .fs-label-wrap .fs-label {
    padding: 10px 40px 10px 20px !important;
    font-size: 14px;
}

/* Apparence flèche */
.ligne-filtres .fs-arrow{
    width: 30px !important;
    height: 30px !important;
    border-top:0 !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url("https://stream.law/wp-content/uploads/2020/11/dropdown-arrow.png");
    background-repeat: no-repeat;
    background-position: 100%;
}

/* Taille filtre Bureau */
.ligne-filtres .facetwp-facet-bureau, .ligne-filtres .facetwp-facet-bureau_en{
    width:20%;
    margin-left:5%;
    margin-right: 5%;
}

/* Taille filtre Titre */
.ligne-filtres .facetwp-facet-titre_avocat, .ligne-filtres .facetwp-facet-titre_avocat_en{
    width:18%;
    margin-right: 5%;
}

/* Taille filtre Domaine d'activité */
.ligne-filtres .facetwp-facet-domaine_activite, .ligne-filtres .facetwp-facet-domaine_activite_en{
    width:42%;
    margin-right: 5%;
}

.ligne-filtres .fs-wrap{
    width:100%;
}

/* Apparence des options */
.ligne-filtres .fs-dropdown{
    border:0;
}
.ligne-filtres .fs-dropdown .fs-options{
    font-size: 10pt;
    background-color: #0698D6;
    color: #fff;
}

.ligne-filtres .filtres .fs-wrap.multiple .fs-option.selected .fs-checkbox i{
    background-color: #0E2E4A;
    border:0;
}

.ligne-filtres .filtres .fs-wrap.multiple .fs-option .fs-checkbox i{
    border:0;
}

/* Suppression de la barre de recherche */
.ligne-filtres .fs-search {
    display: none;
}

/* Taille des options pour chaque filtre */
.ligne-filtres .facetwp-facet-domaine_activite .fs-dropdown, .ligne-filtres .facetwp-facet-domaine_activite_en .fs-dropdown{
    width: 380px;
}
/* Suppression de la barre de défilement */
.ligne-filtres .facetwp-facet-domaine_activite .fs-dropdown .fs-options, .ligne-filtres .facetwp-facet-domaine_activite_en .fs-dropdown .fs-options {
    overflow: visible;
}

/* APPARENCE PAGINATION */
.facetwp-facet-pagination .facetwp-page{
    padding: 10px 20px;
    color: #12395C;
}

.facetwp-facet-pagination .active{
    color: #fff;
    background-color: #0698D6;
    border-radius: 3px;
}

/* Alignement flèche */
.facetwp-facet-pagination .facetwp-page img{
    vertical-align: bottom;
}



#liste-avocats{
    z-index:1;
}

/* Au survol les images qui passent à l'arrière plan prennent une petite taille pour ne pas perturber l'affichage car elles sont en position absolute */
#liste-avocats .img-avocat-hover img, #liste-avocats .fwpl-result:hover .img-avocat img{
    width:100px;
}

/* Les images au premier plan prennent 100% de largeur*/
#liste-avocats .fwpl-result:hover .img-avocat-hover img, #liste-avocats .img-avocat img{
    width:20vw;
    height:20vw;
    overflow: hidden;
    object-fit: cover;
}

#liste-avocats .fwpl-result:hover .img-avocat, #liste-avocats .img-avocat-hover{
    visibility: hidden;
    opacity: 0;
   /* transition: visibility 0s, opacity 0.2s linear; */
    position: absolute;
    top:0;
}

#liste-avocats .fwpl-result:hover .img-avocat-hover, #liste-avocats .fwpl-result .img-avocat{
    position: relative;
    visibility: visible;
    opacity: 1;
    /*transition: visibility 0s, opacity 0.2s linear;*/
}

/* organisation des éléments sous la photo */
#liste-avocats .fwpl-result{
    text-align: center;
}

#liste-avocats .fwpl-row .nom-avocat{
    font-weight: bold;
    color: #0698D6;
    font-size: 18px;
    line-height:20px;
    padding: 0 10px;
}

#liste-avocats .fwpl-row.row-infos{
    color: #000;
    font-size:16px
}

#liste-avocats .fwpl-row.row-infos{
    padding: 10px;
}

#liste-avocats .fwpl-row.row-infos .titre-avocat, #liste-avocats .fwpl-row.row-infos .fonction-avocat{
    line-height: 16px;
}

/* Survol */
#liste-avocats .fwpl-row.row-photos{
    padding-top: 20px;
}

#liste-avocats .fwpl-result:hover{
    background-color: #0698D6;
}

#liste-avocats .fwpl-result:hover .fwpl-row.row-infos, #liste-avocats .fwpl-result:hover .fwpl-row .nom-avocat{
    color: #fff;
}

/* --------- RESPONSIVE AFFICHAGE AVOCATS - TELEPHONE -------------------- */
/* Filtres */
@media screen and (max-width: 1450px){
    .ligne-filtres .fs-label-wrap .fs-label {
        padding: 10px 20px 10px 10px !important;
    }

    .ligne-filtres .fs-arrow{
        width: 20px !important;
        height: 30px !important;
        background-size: 100%;
    }
}

@media screen and (max-width:980px){
    /* Filtres */
    .ligne-filtres .et_pb_column_2, .ligne-filtres .et_pb_column_4{
        display:none;
    }

    .ligne-filtres .et_pb_column_3{
        width: 100%;
    }

    /* 3 colonnes */
    .fwpl-layout{
        display: grid;
        grid-template-columns: 1fr 1fr 1fr !important;
    }
    
    #liste-avocats .fwpl-result:hover .img-avocat-hover img, #liste-avocats .img-avocat img{
        width:33.33vw;
        height:33.33vw;
        overflow: hidden;
        object-fit: cover;
    }

    /* Taille police */
    #liste-avocats .fwpl-row .nom-avocat{
        font-size: 13px;
        line-height:15px;
        padding: 0 5px;
    }
    
    #liste-avocats .fwpl-row.row-infos{
        font-size:12px
    }
    #liste-avocats .fwpl-row.row-infos .fwpl-item{
        height:auto;
        line-height:14px;
    }

    /* Affiche les filtres sélectionnés */
    .facetwp-selection-label{
        display:none;
    }

    .facetwp-selection-value{
        font-size:14px;
        background-image: url('https://stream.law/wp-content/uploads/2020/12/icon-close-filtre.png') !important;
        padding-left: 16px;
        padding-right:0 !important;
        background-position: left center !important;
    }

    .filtres .facetwp-facet {
        margin-bottom: 0.5em;
    }

    .ligne-filtres .et_pb_column{
        margin-bottom:0;
    }
    .ligne-filtres .et_pb_column .et_pb_module{
        margin-bottom:0;
    }
    
    .facetwp-selections ul{
        padding: 0 0 1em 5%;
    }
    
}

/* Filtres */
@media screen and (max-width: 400px){
    .ligne-filtres .fs-label-wrap .fs-label {
        padding: 5px;
        padding-right:15px;
    }

    .ligne-filtres .fs-arrow{
        right:0;
    }

    /* FR */
    .ligne-filtres.non-trie .facetwp-facet-type_article, .ligne-filtres.non-trie .facetwp-facet-auteur, .ligne-filtres.non-trie .facetwp-facet-categories{
        width: 22% !important;
        margin-right: 2% !important;
    }

    /* EN */
    .ligne-filtres.non-trie .facetwp-facet-type_article_en, .ligne-filtres.non-trie .facetwp-facet-auteur_en, .ligne-filtres.non-trie .facetwp-facet-categories_en{
        width: 22% !important;
        margin-right: 2% !important;
    }
}



/* ---------------------------------------- PAGE AFFICHAGE DES ARTICLES AVEC MODULE BLOG ----------------------------------------*/

/* LIGNE DE FILTRES */
/* Taille filtre Bureau */
.ligne-filtres .facetwp-facet-type_article, .ligne-filtres .facetwp-facet-type_article_en{
    width:20%;
    margin-left:4%;
    margin-right: 4%;
}

/* Taille filtre Titre */
.ligne-filtres .facetwp-facet-categories, .ligne-filtres .facetwp-facet-categories_en{
    width:20%;
    margin-right: 4%;
}

/* Taille filtre Domaine d'activité */
.ligne-filtres .facetwp-facet-auteur, .ligne-filtres .facetwp-facet-auteur_en{
    width:20%;
    margin-right: 4%;
}

/* Suppression de la catégorie 'A la une' dans la liste déroulante */
.fs-option[data-value="a-la-une"]{
    display:none;
}

.ligne-filtres .fwp-submit{
    width:20%;
    margin-right: 4%;
    height: 35px;
    border:0;
    font-size: 17px;
    background-color: #12395C;
    color: #fff;
}

.ligne-filtres .fwp-submit:hover{
    background-color: #2770B1;
}

/* Menu déroulant */
.facetwp-facet-auteur .fs-search, .facetwp-facet-auteur_en .fs-search{
    display: block;
}

.ligne-filtres .facetwp-facet-categories .fs-dropdown, .ligne-filtres .facetwp-facet-categories_en .fs-dropdown{
    width: 380px;
}
/* Suppression de la barre de défilement */
.ligne-filtres .facetwp-facet-categories .fs-dropdown .fs-options, .ligne-filtres .facetwp-facet-categories_en .fs-dropdown .fs-options {
    overflow: visible;
}

/* SECTION #liste-articles */
#liste-articles{
    width:80%;
    margin: auto;
    z-index:1;
}

/* ARTICLE A LA UNE */
#liste-articles .article-une .column{
    width:100%;
    margin:0;
}

#liste-articles .article-une .et_pb_image_container{
    width:30%;
    height:auto;
    margin: 0 !important;
}

#liste-articles .article-une .et_pb_image_container img{
    width:100%;
    height:100% !important;
    object-fit: cover;
}

#liste-articles .article-une .et_pb_image_container .entry-featured-image-url{
    height:100%;
}

#liste-articles .article-une article{
    display: flex;
    flex-wrap: wrap;
}

#liste-articles .article-une .cat_plus_trait{
    width:100%;
    margin-bottom: 10px;
}
#liste-articles .article-une .entry-title{
    font-size:35px;
}

#liste-articles .article-une .post-content p{
    font-size: 18px;
    line-height: 20px;
    margin-bottom: 10px;
}

#liste-articles .article-une .post-content{
    margin-top: 20px;
}
#liste-articles .article-une .info-post{
    width:70%;
}

#liste-articles .article-une article:hover .more-link{
    color: #fff;
    text-decoration: underline;
}


/* Taille des articles */
#liste-articles .blog-custom .et_pb_blog_grid .column{
    width:100%;
}

/* Mise en place de 2 colonnes pour afficher le module blog */
#liste-articles .deux-col .et_pb_salvattore_content[data-columns]::before {
	content: '2 .column.size-1of2' !important;
}
@media only screen and ( min-width: 981px ) {
	#liste-articles .deux-col .column.size-1of2 {
	    width: 46%!important;
	}
    #liste-articles .deux-col .column.size-1of2:first-of-type{
        margin-right: 8% !important;
	}
}

/* ARTICLES LES PLUS LUS */

/* Ajout du titre et de la barre décorative : on reprend les class et le css déjà créé pour les modules blog custom */

/* Customisation du trait à coté de la catégorie */
.popular-posts .post-cat{
    display: inline;
    padding-right:15px;
    flex-shrink: 0;
    text-transform: uppercase;
    font-weight: bold;
    color: #12395C;
    font-size: 10pt;
    max-width:100%;
    line-height:12pt;
}

.popular-posts .cat_plus_trait{
    display: flex;
    justify-content: end;
    align-items: center;
}

.popular-posts .blog-trait{
    display: inline-block;
    width:100%;
    height:10px;
    background-color:#DADADA;
    vertical-align: middle;
}

/* Personnalisation de la liste obtenue par Wordpress Popular Posts */
ul.wpp-list{
    padding:0;
    margin-top: 10px;
}

ul.wpp-list li{
    display:flex;
    padding:20px;
    background-color: #EFEFEF;
    margin-bottom:0;
}

ul.wpp-list li div a{
    color: #12395C;
    font-size:16px;
    line-height: 18px;
    display: inline-block;
    width: 100%;
}
ul.wpp-list li a img{
    width: 100%;
}

ul.wpp-list li p{
    color: #8D8D8D;
    font-size: 14px;
}

ul.wpp-list li + a{
    width:30%;
}

ul.wpp-list li div{
    width:70%;
    padding: 0px 7%;
}

/* Au survol */
.popular-posts li .blog-trait, .popular-posts li{ 
    transition: all 400ms;
}

.popular-posts li:hover .blog-trait, .popular-posts li:hover{
    background-color: #0698D6;
    color: #fff;
    transition: all 400ms;
}

ul.wpp-list li:hover a, ul.wpp-list li:hover p{
    color:#fff;
}

/* Bouton vers la 2e page */
#liste-articles .btn-afficher-tout{
    margin-bottom: 5em;
}

/* -------------- RESPONSIVE PAGE ACTUALITES - TABLETTE ------------------ */
@media only screen and ( max-width: 980px ) {
    .column.size-1of2{
        width:48%;
    }
    .column.size-1of2:first-of-type{
        margin-right:4%;
    }

    #liste-articles .et_pb_row_5 .et_pb_column{
        margin-bottom:0;
    }


}

@media only screen and (min-width:769px) and ( max-width: 980px ) {
    .blog-custom.deux-col .column.size-1of2{
        width:48% !important;
    }
    .blog-custom.deux-col .column.size-1of2:first-of-type{
        margin-right:4% !important;
    }
    /* Taille police version tablette */
    #liste-articles .article-une .entry-title{
        font-size:25px;
    }

    #liste-articles .article-une .post-content p{
        font-size: 16px;
        line-height: 18px;
    }
}

/* -------------- RESPONSIVE PAGE ACTUALITES - TELEPHONE ------------------ */
@media only screen and (max-width:768px){
    #liste-articles{
        width:100%;
    }

    #liste-articles .info-post .entry-title{
        max-height: 17vw;
        overflow: hidden;
    }

    #liste-articles .info-post{
        display:flex;
        flex-direction: column;
    }

    #liste-articles .info-post p{
        max-height: 5vw;
    }

    /* Article à la une */
    #liste-articles .article-une .info-post .entry-title{
        font-size:20px;
        line-height: 22px;
        max-height:100%;
    }

    #liste-articles .article-une .post-content p{
        font-size: 14px;
        line-height: 16px;
        display: none;
    }

    #liste-articles .article-une .cat_plus_trait{
        width:95%;
        margin: 0 auto 10px auto;
    }

    #liste-articles .article-une .info-post{
        width:60%;
    }

    #liste-articles .article-une .et_pb_image_container{
        width:40%;
    }

    #liste-articles .article-une .et_pb_image_container img{
        min-height: 250px !important;
    }
    /* Couleur différente des autres articles */
    #liste-articles .article-une .info-post{
        background-color:#EFEFEF;
    }

    #liste-articles .article-une:hover .info-post{
        background-color:#0698D6;
    }
    
}



/* ---------------------------- 2e page d'affichage des articles -------------------------------- */
/* Ajout d'une 3e colonne */
.trois-col .et_pb_salvattore_content[data-columns]::before {
	content: '3 .column.size-1of3' !important;
}
@media only screen and ( min-width: 981px ) {
	.trois-col .column.size-1of3 {
	    width: 30%!important;
	    
	}
    
    .trois-col .column.size-1of3:not(:last-of-type) {
        margin-right: 5% !important;
	}
}

/* APPARENCE PAGINATION */
.wp-pagenavi {
    text-align: center;
    border-top: 0;
    padding-top: 0;
    margin-bottom: 30px;
}

.wp-pagenavi span.pages{
    display: none;
}

div.blog-custom div.wp-pagenavi span.current, div.blog-custom div.wp-pagenavi a{
    padding: 10px 20px;
    display: inline-block;
    margin: 0 6px 0 0 !important;
    font-size: 17px !important;
    line-height: 1.7em !important;
}

div.wp-pagenavi a, div.wp-pagenavi a:hover{
    color:#12395C !important;
}

.wp-pagenavi span.current{
    color: #fff !important;
    background-color: #0698D6;
    border-radius: 3px;
    font-weight: bold !important;
}

/* Alignement flèche */
.wp-pagenavi img{
    vertical-align: bottom;
}


/* -------------------------------------------------- PAGE ARTICLES TRIES -------------------------------------------------- */
/* redimensionnement des filtres car pas de bouton "trier" */
/* Taille filtre Bureau */
.ligne-filtres.tri-auto .facetwp-facet-type_article, .ligne-filtres.tri-auto .facetwp-facet-type_article_en{
    width:26%;
    margin-left:5.5%;
    margin-right: 5.5%;
}

/* Taille filtre Titre */
.ligne-filtres.tri-auto .facetwp-facet-categories, .ligne-filtres.tri-auto .facetwp-facet-categories_en{
    width:26%;
    margin-right: 5.5%;
}

/* Taille filtre Domaine d'activité */
.ligne-filtres.tri-auto .facetwp-facet-auteur, .ligne-filtres.tri-auto .facetwp-facet-auteur_en{
    width:26%;
    margin-right: 5.5%;
}

/* Disposition en grille pour afficher les posts */
#articles-tries{
    width: 80%;
    margin: auto;
}

#articles-tries .facetwp-template{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    column-gap: 5%;
    row-gap:40px;
}


/* On récupère toute la customisation du blog-custom pour l'appliquer à cet affichage */
/* Taille : Ordinateur / Tablette */
#articles-tries .facetwp-template article{
	border:0 !important;
	padding:0 !important;
    width:100%;
}

#articles-tries .facetwp-template .et_pb_image_container{
	margin: 10px 0 0 0 !important;
    width:100%;
}

#articles-tries .facetwp-template .et_pb_image_container .entry-featured-image-url{
	margin-bottom:0 !important;
}

#articles-tries .facetwp-template .entry-title{
    margin-bottom: 15px;
    margin-right: 10px;
    display:inline;
    font-weight: bold;
    font-size: 18px;
}

#articles-tries .facetwp-template .et_pb_image_container img{
    object-fit: cover;
    height: 300px !important;
    width:100%;
}

#articles-tries .facetwp-template .info-post{
    background-color:#EFEFEF;
    padding: 20px;
}

#articles-tries .facetwp-template .post-meta{
    display:inline;
    color: #8D8D8D;
}

#articles-tries .facetwp-template article .post-tags, #articles-tries .facetwp-template article .post-tags a{
    text-transform: uppercase;
    color: #000;
}

/* Affichage de la catégorie principale */
#articles-tries .facetwp-template .post-cat a{
    text-transform: uppercase;
    font-weight: bold;
    color: #12395C;
    font-size: 12px;
}

/* Customisation du trait à coté de la catégorie */
#articles-tries .facetwp-template .post-cat{
    display: inline;
    padding-right:15px;
    flex-shrink: 0;
    max-width:100%;
    line-height:12pt;
}

#articles-tries .facetwp-template .cat_plus_trait{
    display: flex;
    justify-content: end;
    align-items: center;
}

#articles-tries .facetwp-template .blog-trait{
    display: inline-block;
    width:100%;
    height:10px;
    background-color:#DADADA;
    vertical-align: middle;
}

/* Au survol */
#articles-tries .facetwp-template article .blog-trait, #articles-tries .facetwp-template article .info-post{ 
    transition: all 400ms;
}

#articles-tries .facetwp-template article:hover .blog-trait, #articles-tries .facetwp-template article:hover .info-post{
    background-color: #0698D6;
    color: #fff;
    transition: all 400ms;
}

#articles-tries .facetwp-template article:hover .entry-title a, #articles-tries .facetwp-template article:hover .post-meta a, #articles-tries .facetwp-template article:hover .post-tags a, #articles-tries .facetwp-template article:hover .post-tags, #articles-tries .facetwp-template article:hover .post-meta{
    color: #fff !important;
}

/* ------------- RESPONSIVE PAGE ARTICLES TRIES - TABLETTE -------------- */
@media screen and (min-width:768px) and (max-width:980px){
    /* 2 colonnes en mode tablette */
    #articles-tries .facetwp-template{
        grid-template-columns: 1fr 1fr;
    }
}

/* ------------- RESPONSIVE PAGE ARTICLES TRIES - TELEPHONE -------------- */
@media screen and (max-width:768px){
    #articles-tries{
        width: 100%;
        margin: auto;
        padding: 0 0 50px;
    }

    /* 1 colonne en mode telephone */
    #articles-tries .facetwp-template{
        grid-template-columns: 1fr;
    }

    #articles-tries .facetwp-template .et_pb_image_container{
        width:40%;
        height:auto;
        margin: 0 !important;
    }

    #articles-tries .facetwp-template .et_pb_image_container img{
        width:100%;
        height:150px !important;
    }

    #articles-tries .facetwp-template article{
        display: flex;
        flex-wrap: wrap;
    }

    #articles-tries .facetwp-template .cat_plus_trait{
        width:95%;
        margin: 0 auto 10px auto;
    }
    
    #articles-tries .facetwp-template .myBlogTags{
        display: none;
    }
    
    #articles-tries .facetwp-template .entry-title{
        font-weight: normal;
    }

    #articles-tries .facetwp-template .info-post{
        width:60%;
        background-color: transparent;
        display: flex;
        flex-direction: column;
    }

    /* Taille titre */
    #articles-tries .facetwp-template .entry-title{
        max-height: 17vw;
        overflow: hidden;
        font-weight: normal;
        font-size: 13px;
        line-height: 15px;
        margin: 0;
        display: inline-block;
    }

    #articles-tries .facetwp-template .post-meta{
        font-size: 14px;
    }
}


/* ------------------------------------------------- PAGE ADN ----------------------------------------------------- */
/* Attribution des polices */


/* Dimensionnement entete */
#adn-entete .et_pb_column{
    margin:0;
}

#adn-entete, #adn-contenu{
    margin-bottom: 5%;
}

#adn-entete .et_pb_column_2, #adn-entete .et_pb_column_4{
    width:25%;
    height: 12.5vw;
    overflow: hidden;
}

#adn-entete .et_pb_column_3{
    width:50%;
    display:flex;
}

#adn-entete .et_pb_column_3 .et_pb_module{
    width:25%;
    height: 12.5vw;
    margin-bottom:0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'Crimson Text', serif !important;
    font-size: 28px;
    font-weight: bold;
    transition: all 400ms ease;
}
#adn-entete .et_pb_column_3 .et_pb_module p{
    font-family: 'Crimson Text', serif !important;
    font-size: 28px;
    font-weight: bold;
}

/* Menu */
#adn-entete .et_pb_column_3 .et_pb_module.et_pb_text_0{
    background-color: #0698D6;
    color:#fff;
}

#adn-entete .et_pb_column_3 .et_pb_module.et_pb_text_1{
    background-color:#12395C;
    color:#fff;
}

#adn-entete .et_pb_column_3 .et_pb_module.et_pb_text_2{
    background-color: #DADADA;
    color:#12395C;
    text-align:center;
}

#adn-entete .et_pb_column_3 .et_pb_module.et_pb_text_3{
    background-color: #0698D6;
    color:#fff;
}

/* Survol des cases */
#adn-entete .et_pb_column_3 .et_pb_module:hover{
    background-color: #EFEFEF;
    color:#0698D6;
}

#adn-entete .et_pb_column_3 .et_pb_text_2.et_pb_module:hover{
    background-color: #0698D6;
    color:#fff;
}

/* Image */
#adn-entete .img-menu, #adn-entete .img-menu .et_pb_image_wrap{
    height:100%;
}

#adn-entete .img-menu img{
    height:100%;
    object-fit: cover;
}


/* Taille du contenu */
#adn-contenu .et_pb_column:nth-of-type(even){
    padding: 3% 10% 3% 3%;
    width:50%;
}

#adn-contenu .et_pb_column:nth-of-type(odd){
    padding: 3% 3% 3% 10%;
    width:50%;
}


#adn-contenu .et_pb_column{
    padding: 3%;
    width:50%;
}

/* Suppression de la marge du milieu */
#adn-contenu .et_pb_row .et_pb_column:first-of-type{
    margin:0 !important;
}

/* Style des sections */
.decoration-titre{
	width: 30%;
	height: 10px;
    background-color:#0698D6;
    margin-bottom: 2% !important;
}

.decoration-titre.deco-left{
	margin-left: 70%;
}

/* Couleur de fond des sections */
#adn-contenu .et_pb_row .et_pb_column_5{
    background-color: #0698D6;
}

#adn-contenu .et_pb_row .et_pb_column_8{
    background-color: #12395C;
}

#adn-contenu .et_pb_row .et_pb_column_9{
    background-color: #DADADA;
}

#adn-contenu .et_pb_row .et_pb_column_12{
    background-color: #0698D6;
}

/* Attribution de la font family */
#adn-contenu .et_pb_row .et_pb_column_5 h2, #adn-contenu .et_pb_row .et_pb_column_8 h2, #adn-contenu .et_pb_row .et_pb_column_9 h2, #adn-contenu .et_pb_row .et_pb_column_12 h2{
    font-family: 'Crimson Text', serif;
    font-size: 57px;
}

#adn-contenu .texte-decore h2{
    font-family: 'Fira Sans', sans-serif;
    text-transform: uppercase;
}

#adn-contenu .texte-decore h3{
    font-family: 'Crimson Text', serif;
}

#adn-contenu p{
    text-align:justify;
}

@media screen and (min-width:981px){
    .adn-accordeon{
        display: none;
    }
}

@media screen and (max-width:1400px){
    #adn-entete .et_pb_column_3 .et_pb_module{
        font-size:20px;
    }
    #adn-entete .et_pb_column_3 .et_pb_module p{
        font-size:20px;
    }
}

/* ---------------------------------------- ADN VERSION MOBILE : MENU ACCORDEON ------------------------------------------- */
@media screen and (max-width:980px){
    /* Suppression de l'entete et du contenu version pc 
    #adn-contenu, #adn-entete{
        display:none;
    }*/
    .adn-accordeon .et_pb_module.et_pb_accordion_item{
        border:0;
        padding:0;
        margin:0 !important;
    }

    .logo-page-mobile, .adn-accordeon{
        margin-bottom: 2.5em !important;
    }
    
    .adn-accordeon .et_pb_module.et_pb_accordion_item .et_pb_toggle_title{
        padding:10% 15%;
        background-color: #0698D6;
        color: #fff;
        font-size: 23px;
        font-family: 'Crimson Text', serif;
    } 
    
    .adn-accordeon .et_pb_toggle_content.clearfix h2{
        font-family: 'Fira Sans', sans-serif;
        text-transform: uppercase;
        padding:5%;
        font-size: 20px;
    }
    .adn-accordeon .et_pb_toggle_content.clearfix h3{
        font-family: 'Crimson Text', serif;
        padding:0 5%;
        font-size: 18px;
    }
    .adn-accordeon .et_pb_toggle_content.clearfix p{
        padding:5%;
        font-size: 13px;
    }
    
    .adn-accordeon .et_pb_toggle_content.clearfix{
        padding:0;
    }
    
    .adn-accordeon .et_pb_toggle_title::before {
        font-size: 36px;
        right: 10% !important;
        color: #fff;
        content: "\33";
        font-family: "Elegant Icons";
        transition: all .3s ease-in-out;
    }
    
    .adn-accordeon .et_pb_toggle_open .et_pb_toggle_title::before {
        content: "\33";
        display: block !important;
        transform: rotate(180deg);
    }

    .adn-accordeon .et_pb_module.et_pb_accordion_item_1 .et_pb_toggle_title{
        background-color: #12395C;
    }

    .adn-accordeon .et_pb_module.et_pb_accordion_item_2 .et_pb_toggle_title{
        background-color: #DADADA;
        color: #12395C;
    }

    .adn-accordeon .et_pb_module.et_pb_accordion_item_2 .et_pb_toggle_title::before{
        color: #12395C;
    }

}



/* ------------------------------------------------------------ PAGE ARTICLE -------------------------------------------------------------- */
#article{
    width: 80%;
    margin:auto;
    margin-top:2em;
    font-family: "Fira Sans";
}

#article .article-type{  
    text-transform: uppercase;
    color: #000;
    margin-bottom:20px;
}

#article h1{
    font-size: 35px;
    font-weight: bold;
    color: #12395C;
}

#article .published, .post-meta{
    font-size:14px;
    color:#8D8D8D;
}

.article-contenu h2{
    color: #0698D6;
}

/* Ajout de la catégorie principale et de la barre décorative : on reprend les class et le css déjà créé pour les modules blog custom */
/* Customisation du trait à coté de la catégorie */
.article-categorie .post-cat{
    display: inline;
    padding-right:15px;
    flex-shrink: 0;
    text-transform: uppercase;
    font-weight: bold;
    color: #12395C;
    font-size: 10pt;
    max-width:100%;
    line-height:12pt;
}

.article-categorie .cat_plus_trait{
    display: flex;
    justify-content: end;
    align-items: center;
}

.article-categorie .blog-trait{
    display: inline-block;
    width:100%;
    height:10px;
    background-color:#DADADA;
    vertical-align: middle;
}

.article-categorie{
    margin-bottom: 10px !important;
    max-width: 100%;
}

#ligne-actu article:hover .entry-title a{
    color:#0698D6;
}

/* Image mise en avant */
.article-image{
    margin-bottom:0 !important;
}

/* Etiquettes */
.article-tags{
    background-color: #0698D6;
    background-image: linear-gradient(rgba(6,152,214,0.9), rgba(6,152,214,0.9)), url("https://stream.law/wp-content/uploads/2020/10/a-vector.png");
    background-size: 70%;
    background-position: 20%;
    padding:20px;
    margin:0 !important;
}

.article-tags ul{
    list-style: none;
    padding:0;
}

.article-tags ul li{
    background-color: #12395C;
    padding:10px;
    display: inline-block;
    border-radius: 3px;
    text-transform: uppercase;
}
.article-tags ul li a{
    color:#fff !important;
}

.article-tags .et_pb_code_inner{
    width: 50%;
}

.article-tags ul li:not(:last-of-type){
    margin: 0 10px 10px 0;
}

#article .et_pb_row_0_tb_body, #article .et_pb_row_2_tb_body, #article .et_pb_row_4_tb_body{
    margin-bottom:5em;
}

#article .et_pb_row_1_tb_body, #article .et_pb_row_3_tb_body{
    margin-bottom:2.5em;
}

/* Taille des colonnes pour rapprocher les barres décoratives du texte */
#article .et_pb_row_1_tb_body .et_pb_column_1_3, #article .et_pb_row_3_tb_body .et_pb_column_1_3{
    margin-right:0;
    width:max-content;
}

#article .et_pb_row_1_tb_body .et_pb_column_2_tb_body, #article .et_pb_row_1_tb_body .et_pb_column_4_tb_body, #article .et_pb_row_3_tb_body .et_pb_column_2_tb_body, #article .et_pb_row_3_tb_body .et_pb_column_4_tb_body{
    width:35%;
}

#article .et_pb_row_1_tb_body .et_pb_column_3_tb_body, #article .et_pb_row_3_tb_body .et_pb_column_8_tb_body{
    margin: 0 1.5%;
}

/* Auteur */
.article-auteur .img-auteur{
    width: 10vw;
    height: 10vw;
}

.article-auteur .img-auteur img{
    width: 100%;
    object-fit: cover;
    height: 10vw;
}

.article-auteur li{
    display:flex;
    background-color: #EFEFEF;
}

.article-auteur ul{
    padding:0;
}

.info-auteur{
    padding:0 20px;
    width:65%;
    display:flex;
    flex-direction: column;
    justify-content: center;
}

.info-auteur p{
    padding:0;
}

.info-auteur p:first-of-type{
    color: #000000;
    font-size: 13px;
}

.info-auteur .nom-auteur{
    color: #0698D6;
    font-weight: bold;
    font-size: 18px;
}

.info-auteur .fonction-auteur{
    font-size: 16px;
    line-height: 18px;
}

/* Partage de l'article */
#article .et_pb_divider_0_tb_body::before, #article .et_pb_divider_1_tb_body::before, #article .et_pb_divider_2_tb_body::before, #article .et_pb_divider_3_tb_body::before{
    margin-top: 10px;
}

#article .partage-label{
    margin-bottom:10px;
}

#article .et_pb_row_1_tb_body, #article .et_pb_row_3_tb_body{
    display:flex;
    justify-content: center;
}

/* Newsletter Sendinblue */
#article .sib_signup_box_inside_1{
    display:flex;
    flex-wrap: nowrap !important;
}
#article .newsletter-field{
    padding:0;
}

#article .newsletter-field{
    flex-basis:60%;
    margin-left:30%;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}
#article .newsletter-field input{
    height:55px;
    width:100%;
    padding:10px 15px;
    border:none;
    background-color:#EFEFEF;
    border-radius: 3px 0 0 3px;
}
#article .newsletter-btn{
    height: 55px;
}
#article .newsletter-btn input{
    background-color: #0698D6;
    padding: 14px 27px;
    border:0;
    border-radius: 0 3px 3px 0;
    transition: padding .2s;
}
#article .newsletter-btn input:hover{
    padding:14px 20px 14px 34px;
}


/* Séparation entre les 2 colonnes */
.ligne-partage .et_pb_column{
    width:50%;
}

.ligne-partage .et_pb_column_5_tb_body{
    padding-right:3%;
    border-right: 1px solid black;
    margin-right: 0 !important;
}

.ligne-partage .et_pb_column_6_tb_body{
    padding-left:3%;
}


/* Icones réseaux sociaux */
#sharing .sd-social-icon .sd-content ul li[class*="share-"] a{
    border-radius:3px;
    -webkit-border-radius: 3px;
    background-color: #EFEFEF;
    width: 55px;
    height: 55px;
    transition: background-color .2s, color .2s;
}

/* Rollover */
.sd-social-icon .sd-content ul li[class*="share-"]:hover a::before{
    color: #fff !important;
    filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(0deg) brightness(120%) contrast(200%);
}

.sd-social-icon .sd-content ul li[class*="share-"]:hover a.sd-button{
    background-color: #0698D6 !important;
    opacity:1;
}

/* Changement icones */
.sd-social-icon .sd-content ul li[class*="share-"] a::before{
    content: "" !important;
    background-size: 30px !important;
    width: 40px;
    height: 40px;
    background-repeat: no-repeat;
    background-position: center;
}

.sd-social-icon .sd-content ul li.share-linkedin a::before{
    background-image: url("https://stream.law/wp-content/uploads/2021/01/social-icon-linkedin.svg") !important;
}

.sd-social-icon .sd-content ul li.share-twitter a::before{
    background-image: url("https://stream.law/wp-content/uploads/2021/01/social-icon-twitter.svg") !important;
}

.sd-social-icon .sd-content ul li.share-facebook a::before{
    background-image: url("https://stream.law/wp-content/uploads/2021/01/social-icon-facebook.svg") !important;
    background-size: 18px !important;
}

.sd-social-icon .sd-content ul li.share-email a::before{
    background-image: url("https://stream.law/wp-content/uploads/2021/01/social-icon-mail.svg") !important;
}

/*Ligne actualités */
#ligne-actu .ligne-actu{
    width:100%;
    padding:2.5em 10%;
    background-color: #EFEFEF;
}

/* ---------------- REPSONSIVE PAGE ARTICLE - TELEPHONE ------------------------- */
@media screen and (max-width:980px){
    .article-auteur .img-auteur{
        width: 30vw;
        height: 30vw;
    }
    
    .article-auteur .img-auteur img{
        width: 100%;
        object-fit: cover;
        height: 30vw;
    }

    .article-auteur .info-auteur{
        width:70vw;
    }

    #article{
        margin:0;
        width:100%;
    }

    #article .article-type{
        margin-bottom: 5px;
    }

    #article .et_pb_post_title_0_tb_body{
        margin-bottom:0 !important;
    }

    .article-type, .et_pb_post_title_0_tb_body, .article-contenu{
        padding-left:5%;
        padding-right:5%;
    }

    #article .et_pb_row_0_tb_body{
        margin-bottom:2em;
    }

    /* Affichage de l'image et la catégorie en haut à droite */
    .article-categorie{
        width: 40%;
        margin-left:60%;
    }

    .article-image{
        width: 40vw;
        height:30vw;
        overflow: hidden;
        float:right;
        margin-left: 5%;
        margin-bottom: 5% !important;
    }

    /* Taille du texte */
    #article .article-type{
        font-size: 12px;
    }

    #article h1{
        font-size: 20px;
    }

    #article .article-contenu p{
        font-size:13px;
        line-height:15px;
    }

    .article-categorie .post-cat{
        font-size:12px;
    }

    .info-auteur p:first-of-type{
        font-size:11px;
    }

    .info-auteur .nom-auteur{
        font-size:14px;
    }

    .info-auteur .fonction-auteur{
        font-size:13px;
        line-height: 15px;
    }


    /* Ligne actu */
    #ligne-actu .ligne-actu{
        padding:0;
        background-color: #fff;
    }

    /* Inversion ordre auteur / tags */
    #article .et_pb_column_2_5{
        display: flex;
        flex-direction: column;
    }

    #article .article-tags{
        order:2;
        background-image: linear-gradient(rgba(6,152,214,0.9), rgba(6,152,214,0.9)), url("https://stream.law/wp-content/uploads/2020/10/a-vector.png");
        background-size: 50%;
        background-position: 75%;
    }

    #ligne-actu .et_pb_button_module_wrapper{
        margin-bottom: 2em;
    }

    /* Tags */
    .article-tags ul li{
        font-size:12px;
        padding:0 10px;
    }
    
    /* Partage de l'article */
    /* Icones réseaux sociaux */
    .sharing{
        width: 50%;
        float: left;
    }

    #article .sharing .sd-social-icon .sd-content ul li[class*="share-"] a{
        border-radius:3px;
        -webkit-border-radius: 3px;
        background-color: #EFEFEF;
        width: 40px;
        height: 40px;
        transition: background-color .2s, color .2s;
        text-align:center;
    }

    #article .label-sharing{
        margin-bottom:0;
        font-size: 14px;
        width: 50%;
        float: left;
        padding-left: 5%;
        padding-right: 5%;
        text-align: right;
        clear:both;
    }

    /* Redimensionnement des icones */
    .sd-social-icon .sd-content ul li[class*="share-"] a::before{
        background-size: 24px 22px !important;
        width: 28px;
        height: 28px;
        background-position: center;
    }

    .sd-social-icon .sd-content ul li{
        margin: 0 5px 0 0;
    }

    /* Newsletter Sendinblue */
    #article .et_pb_code_2_tb_body{
        clear:both;
    }
    #article .sib_signup_box_inside_2{
        padding: 0 5%;
        display:flex;
        flex-wrap: nowrap !important;
    }

    #article .newsletter-field{
        flex-basis: 88%;
        margin-left:0;
    }

    #article .newsletter-btn{
        flex-basis:12%;
        height:40px;
    }

    #article .newsletter-field input{
        height:40px;
    }
    
    #article .newsletter-btn input{
        padding: 10px 25px;
        height: 40px;
    }

    #article .newsletter-btn input:hover{
        padding:10px 20px 10px 30px;
    }

}

/* Texte de partage sur mobile */
@media screen and (max-width:480px){
    .sharing{
        width: 60%;
    }
    #article .label-sharing{
        width: 40%;
    }
}



/*------------- MENU TAILLE INTERMEDIAIRE ----------------------------*/
/* On baisse le padding pour ne pas superposer logo et menu */
@media screen and (max-width:1200px){
    #top-menu li{
    padding-right: 22px !important;
    }
}


/* --------------------- MENU VERSION MOBILE ----------------------------------------- */
/* Modification totale du header --> passage en static pour ne pas être superposé au menu déplié en mode mobile */
@media screen and (max-width:980px){
    /* Réapparition du menu hamburger sur mobile */
    #main-header #et-top-navigation{
        position: absolute;
        top:5%;
        right: 25px;
        padding: 0;
    }

    #main-header #et-top-navigation #et_top_search{
        display:none;
    }

    #main-header #et-top-navigation #mobile_menu > li:nth-of-type(6), #main-header #et-top-navigation #mobile_menu > li:nth-of-type(7), #main-header #et-top-navigation #mobile_menu > li:nth-of-type(8){
        display: none;
    }

    /*Style des liens du menu */
    #main-header #et-top-navigation #mobile_menu{
        padding: 0 5%;
    }

    #main-header #et-top-navigation #mobile_menu li a{
        padding: 6px 5%;
    }
    #main-header #et-top-navigation #mobile_menu li a:not(.toggle-menu){
        padding: 6px 40px 6px 10px;
    }
    #main-header #et-top-navigation #mobile_menu .sub-menu li a{
        font-weight: normal;
        font-family: 'Crimson Text', serif;
        font-size:16px;
        text-transform: none;
    }
    #main-header #et-top-navigation #mobile_menu .sub-menu li > .sub-menu li a{
        font-family: 'Fira Sans' !important;
        font-size:14px;
    }


    #main-header #et-top-navigation .et_mobile_menu{
        width: 80vw;
        right:0;
        left:auto;
    }

    #main-header{
        height: 12vh;
        position: static !important;
        top:0 !important;
    }

    .et_header_style_left .logo_container{
        position: static !important;
    }

    #page-container{
        padding-top:0 !important;
        margin-top:0 !important;
    }

    #main-header .container{
        height: 100%;
        position: static !important;
    }

    #main-header .container .logo_container{
        text-align: center;
        height:60px;
        margin-top: 2em;
    }

    #main-header .container img{
        height: 100%;
        max-height: max-content;
        max-width: max-content;
    }

    .et_pb_section_0{
        margin-top: 2em;
    }
}


/* Création du nouveau menu */
#menu-mobile{
    padding:0;
}

.row-menu-mobile{
    padding:0;
    display: flex;
    position:fixed;
    bottom: 0px;
    z-index: 99;
    height:60px;
}

#menu-mobile .et_pb_column{
    width:15%;
}

#menu-mobile .et_pb_column.et_pb_column_5_tb_footer{
    width:25%;
}
#menu-mobile .row-menu-mobile > .et_pb_column{
    z-index: 3;
}
@media screen and (max-width:479px){
    #menu-mobile .et_pb_column{
        width:15% !important;
    }
    
    #menu-mobile .et_pb_column.et_pb_column_5_tb_footer{
        width:25% !important;
    }
}

#menu-mobile .et_pb_column .et_pb_module{
    height:100%;
    display: flex;
    justify-content: center;
    align-items: center;
}


/* Barre de recherche --> en partant d'un module menu */
/* Suppression du menu */
#menu-mobile .search .et_mobile_nav_menu{
    display:none;
}

/* Position de la barre de recherche après avoir cliqué sur l'icone */
#menu-mobile .search .et_pb_menu__search-container--visible{
    padding-top: 0px;
    position: absolute;
    width: 90vw;
    left: -45vw;
    top: -50px;
    z-index: 99;
}

#menu-mobile .search form{
    background-color: #fff;
    border: 1px solid grey;
}

/* Suppression des animations inutiles */
#menu-mobile .search.et_pb_menu .et_pb_menu__wrap--hidden, #menu-mobile .search.et_pb_menu .et_pb_menu__wrap--visible, #menu-mobile .search.et_pb_menu .et_pb_menu__search-container--hidden, #menu-mobile .search.et_pb_menu .et_pb_menu__search-container--visible{
    animation:none !important;
}

#menu-mobile .search.et_pb_menu .et_pb_menu__wrap--hidden{
    opacity:1;
}


/* Emergency response */
/* On enlève le menu hamburger */
#menu-mobile .emergency-menu .et_mobile_nav_menu{
    display: none;
}
#menu-mobile .emergency-menu .et_pb_menu__menu{
    display: block;
}

#menu-mobile .emergency-menu .et-menu .menu-item-has-children > a:first-child::after{
    content:none;
}

#menu-mobile .emergency-menu .emergency-call a{
    background-color: transparent;
    font-weight: bold;
    font-size: 13px;
    text-align: center;
}

#menu-mobile .emergency-menu .sub-menu{
    right: 0;
    left: auto;
    bottom: 44px;
}
#menu-mobile .emergency-menu li li a{
    min-width:25vw;
    width:auto;
    white-space: nowrap;
}

#menu-mobile .emergency-menu #menu-emergency-call{
    margin:0;
    width:100%;
}

#menu-mobile .emergency-menu .emergency-call{
    margin:0;
    width:100%;
    padding:0 !important;
    justify-content: center;
}

#menu-mobile .emergency-menu .emergency-call .sub-menu .emergency-num{
    margin:0;
}

#menu-mobile .emergency-menu .et_pb_menu_inner_container, #menu-mobile .emergency-menu .et_pb_menu_inner_container .et_pb_menu__menu{
    width:100%;
}

#menu-mobile .emergency-menu .emergency-call > a{
    padding: 0 !important;
}

/* Icone Home */
#menu-mobile .et_pb_image .et_pb_image_wrap{
    height:100%;
    width:100%;
}

/* Langswitcher polylang */
#menu-mobile ul.polylang_langswitcher{
    display: inline;
    margin-right: 10px;
    padding:0;
}

#menu-mobile ul.polylang_langswitcher li{
    display: inline;
}

#menu-mobile ul.polylang_langswitcher li a img{
    width:22px !important;
    height:16px !important;
}

/* Menu déplié mobile */
#menu-mobile #mobile_menu1{
    position: absolute;
    width: 100vw;
    height:100vh;
    left:-15vw;
    background-color: #0698D6 !important;
    bottom: 46px;
    padding-top: 15vh;
}
#menu-mobile #mobile_menu1 .sub-menu li > .sub-menu{
    background-color: rgba(0, 0, 0, 0.2) !important;
}

#menu-mobile #mobile_menu1 .sub-menu, #mobile_menu1 .menu-item-has-children > a{
    background-color: transparent !important;
}

.menu-complet .et_pb_menu_inner_container{
    width:100%;
}

#menu-mobile #mobile_menu1 li a{
    font-weight: bold;
    font-size:20px;
    color:#fff;
    border-bottom: 0;
}

#menu-mobile #mobile_menu1 .sub-menu li a{
    font-family: 'Crimson Text', serif;
    font-size:15px;
    color:#fff;
    text-transform: none;
}

#mobile_menu1 .et_pb_menu_page_id-697, #mobile_menu1 .et_pb_menu_page_id-1808,
#mobile_menu1 .lang-item{
    display:none;
}

#menu-mobile #mobile_menu1 .sub-menu, #menu-mobile #mobile_menu1{
    text-align: center;
}

#menu-mobile #mobile_menu1 .sub-menu, #menu-mobile #mobile_menu1 .sub-menu li, #menu-mobile #mobile_menu1 .sub-menu li a{
    padding:0;
}

/* --------------- PAGE DE RECHERCHE ----------------------- */
.search .search-container{
    width:60%;
    margin:auto;
}

.search #ss-search-page-form{
    text-align: center;
    margin-top: 2.5em;
    margin-bottom: 2.5em;
}

.search #ss-search-page-form input#s{
    width:50%;
    height:40px;
    border-radius:3px;
    border:0;
    background-color: #efefef;
    padding: 10px 20px;
}

.search #ss-search-page-form input#searchsubmit{
    height:40px;
    border:0;
    background-color: #0698D6;
    color: #fff;
    border-radius:3px;
    padding: 0 20px;
    font-weight: bold;
}

.search header{
    text-align: center;
    text-transform: uppercase;
    margin-bottom:2.5em;
}
.search header p{
    padding-bottom:25px !important;
}

.search .search-post-title{
    font-weight:bold;
    font-size: 22px;
}

.search .search-post-type{
    display:block;
    font-weight:bold;
    text-transform: uppercase;
}

.search .search-post{
    margin-bottom: 2em;
}

@media screen and (max-width:980px){
    .search .search-container{
        width:80%;
        margin:auto;
    }

    .search #ss-search-page-form input#s{
        width:65%;
    }

    .search .search-post-type{
        font-size: 14px;
        line-height:14px;
    }
    .search .search-post-title{
        font-size: 18px;
        line-height:18px;
    }

    .search .search-post-excerpt{
        font-size: 12px;
        line-height: 14px;
    }

}

/* --------------- PAGE DES TAGS ----------------------- */
#page-tags{
    width:80%;
    margin:auto;
    padding-top:50px;
}

#page-tags h1.page-title{
    color:#0E2E4A;
    font-family: 'Fira Sans', sans-serif;
    padding-bottom: 30px;
    text-transform: uppercase;
}

#page-tags .grid-container{
    display:grid;
    grid-template-columns: repeat(3, 30%);
    column-gap: 5%;
}

#page-tags article .entry-title{
    font-size:18px;
}

#page-tags .blog-custom .et_pb_image_container .entry-featured-image-url{
    display: block;
    position: relative;
}

#page-tags .blog-custom .et_pb_image_container img {
    min-width: 100%;
    max-width: 100%;
    height: auto;
}

@media screen and (max-width:980px){
    #page-tags .grid-container{
        grid-template-columns: repeat(2, 47.5%);
        column-gap: 5%;
    }
}

@media screen and (max-width:768px){
    #page-tags{
        width: 100%;
        margin: auto;
    }

    /* 1 colonne en mode telephone */
    #page-tags .grid-container{
        grid-template-columns: 1fr;
    }

    #page-tags .grid-container .et_pb_image_container{
        width:40%;
        height:auto;
        margin: 0 !important;
    }

    #page-tags .grid-container .et_pb_image_container img{
        width:100%;
        height:150px !important;
    }

    #page-tags .grid-container article{
        display: flex;
        flex-wrap: wrap;
    }

    #page-tags .grid-container .cat_plus_trait{
        width:95%;
        margin: 0 auto 10px auto;
    }
    
    #page-tags .grid-container .myBlogTags{
        display: none;
    }
    
    #page-tags .grid-container .entry-title{
        font-weight: normal;
    }

    #page-tags .grid-container .info-post{
        width:60%;
        background-color: transparent;
        display: flex;
        flex-direction: column;
    }

    /* Taille titre */
    #page-tags .grid-container .entry-title{
        max-height: 17vw;
        overflow: hidden;
        font-weight: normal;
        font-size: 13px;
        line-height: 15px;
        margin: 0;
        display: inline-block;
    }

    #page-tags .grid-container .post-meta{
        font-size: 14px;
    }
}
/* -----------POLICES ET CLAUSES --------------*/

/* ---------- APPARENCE MODULE BLOOM CACHER CONTENU ----------*/
@media (min-width:980px){
.et_bloom_form_container.et_bloom_rounded_corners.et_bloom_rounded.et_bloom_form_text_dark.et_bloom_form_bottom.et_bloom_inline_3_fields {
    width: 80%!important;
    margin: auto!important;
}
.et_bloom_locked_container.et_bloom_optin_1, .et_bloom_locked_container.et_bloom_optin_2 {
    width: 80%;
    margin: auto;
}
img.et_bloom_hide_mobile.et_bloom_image_slideup.et_bloom_image {
    width: 15%!important;
}
.et_bloom .et_bloom_form_header.split img {
    float: left;
    max-width: 15%;
}
.et_bloom .et_bloom_optin_1 .et_bloom_form_container p, .et_bloom .et_bloom_optin_1 .et_bloom_form_container p span, .et_bloom .et_bloom_optin_1 .et_bloom_form_container p strong, .et_bloom .et_bloom_optin_1 .et_bloom_form_container form input, .et_bloom .et_bloom_optin_1 .et_bloom_form_container form button span {
    font-family: "Fira Sans",Helvetica,Arial,Lucida,sans-serif;
    font-size: 16px;
}
}

.entete-restriction-contenu {
	width:80%!important;
	margin:auto;
	padding:50px 0px 0px 0px;
}

.contenu-entete {
    width: 75%;
    display: inline-block;
	vertical-align: top;
}

.image-entete-restriction-contenu {
	width: 20%;
	padding-left:3%;
    display: inline-block;
}

@media (max-width:780px){
.image-entete-restriction-contenu {
    width: 100%;
    display: block;
}
.contenu-entete {
    width: 100%;
    display: inline-block;
    vertical-align: top;
    padding-bottom: 10px;
}	
}


/* sous menus principal vers polices et clauses*/
.polices-et-clauses a {
	color:#2396cf!important;
}
.polices-et-clauses li li a {
	color:#2396cf!important;
}

/* vignette page accueil telechargement polices*/



@media (min-width:1300px) {
.vignette-telechargement-polices {
    top: -101px!important;
    left: 65%;
    padding-right: 50px;
    position: relative!important;
    margin-top: -120px;
}
}
@media (max-width:980px){
.vignette-telechargement-polices {
	display:none;	
}
}

@media (min-width: 980px) and (max-width:1299px) {
.vignette-telechargement-polices {
    top: -101px!important;
    left: 65%;
    padding-right: 50px;
    position: relative!important;
    margin-top: -115px;
    max-width: 400px!important;
}
}
/*supprimé sur les autres pages*/
.not(.home).vignette-telechargement-polices {
  display:none;
}

/* tableau des polices assurances */

.et_pb_tabs_controls li.et_pb_tab_active a {
    background-color: #12395C;
    color: white!important;
}

/* ----- RGDP formulaire contact ----*/
@media(min-width:980px){
.et_pb_module.et_pb_text.et_pb_text_2.rgpd-contact-form.et_pb_text_align_left.et_pb_bg_layout_light {
    float: right;
    top: -70px;
    position: relative;
    width: 75%;
    font-size: 13px;
    line-height: 1.3em;
}
}



/* -------- NEW FOOTER 12_2024 avec LCI ----------*/


.img-clauses-assurance {
	top:-26px;
}


/* ---- versions mobiles ---- */
/* sup addresse bureaux*/
@media (max-width:980px){
.coordonnees-ville-footer {
	display:none;
}
}
@media (min-width:981px) and (max-width:1100px){
.coordonnees-ville-footer {
    font-size: 9px;
    line-height: 1.4em;
}
}

@media (min-width:1101px) and (max-width:1300px){
.coordonnees-ville-footer {
    font-size: 11px;
    line-height: 1.4em;
}
}

@media (min-width:1301px) and (max-width:1560px){
.coordonnees-ville-footer {
    font-size: 13px;
    line-height: 1.4em;
}
}

/* centrer logo ville*/
@media (max-width:980px){
.ville-footer-svg {
	text-align: center;
}
}

#footer-bot p {
    display: inline-block;
    color: white;
}


/* ------- PAGE BUREAUX ----*/
.bureau-adresses {
	max-width:80%!important;
	width:80%!important;
}

/* formulaire de contact Gravity form */

select#input_1_1, input#input_1_3, input#input_1_5, textarea#input_1_6, select#input_2_1, input#input_2_3, input#input_2_5, textarea#input_2_6 {
    background-color: #EEEEEE;
    color: black;
    border: none;
    border-radius: 0;
}

input#gform_submit_button_1, input#gform_submit_button_2 {
    background-color: #0698D6;
    font-weight: bold;
}

/* Desktop */
@media (min-width: 768px) {
div#field_1_1, div#field_2_1 {
    width: 50%!important;
}
		
  #gform_fields_1, #gform_fields_2 {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
  }

  #gform_fields_1 .nom-form-gravity,
  #gform_fields_1 .email-form-gravity, #gform_fields_2 .nom-form-gravity,
  #gform_fields_2 .email-form-gravity {
    width: calc(50% - 10px);
  }

  #gform_fields_1 .gfield--type-textarea,
  #gform_fields_1 .gfield--type-select,#gform_fields_2 .gfield--type-textarea,
  #gform_fields_2 .gfield--type-select {
    width: 100%;
  }

}