div.widget_double-image-text{display: block; }
div.widget_double-image-text div.so-widget-double-image-text{display: block; height: 100%;}

@media (max-width: 1100px) and (min-width: 700px){
    div.container_double_image_texte div.container_images { height: 300px !important; }
}

@media (max-width: 700px) and (min-width: 0px){
    div.container_double_image_texte div.container_images { height: 200px !important; }
}

@media (min-width: 0){
    div.container_double_image_texte { display: flex; align-items: center; flex-direction: column; }
    
    /* IMAGES */
    div.container_double_image_texte div.container_images { width: 100%; display: flex; align-items: center; max-height: 200px; height: 200px; margin-bottom: 15px; }
    div.container_double_image_texte div.container_images div.contaniner_image_1 { margin-right: 10px; position: relative; }
    div.container_double_image_texte div.container_images div.contaniner_image_2 { margin-left: 10px; position: relative; }
    div.container_double_image_texte div.container_images div.contaniner_image_1 { height: 100%; }
    div.container_double_image_texte div.container_images div.contaniner_image_2 { height: 100%; }
    div.container_double_image_texte div.container_images div.img { width: 100%; height: 100%; background-position: center; background-size: cover; background-repeat: no-repeat; }
    div.container_double_image_texte div.container_images div.img.ajuster_img { width: 100%; height: 100%; background-position: center; background-size: contain; background-repeat: no-repeat; background-color: white !important; }

    /* TITRE */
    div.container_double_image_texte div.container_texte {}
    div.container_double_image_texte div.container_texte div.container_titre { font-family: 'Campton', sans-serif; margin-bottom: 20px; padding-bottom: 20px; position: relative; text-transform: uppercase; }
    div.container_double_image_texte div.container_texte div.container_titre:after { display: block; content: ''; height: 4px; width: 25px; position: absolute; left: 0; bottom: 0; background-color: #d8021e; }
    div.container_double_image_texte div.container_texte div.container_titre > * { margin: 0; font-weight: 400; font-size: 26px; line-height: 30px; }

    /* TEXTE */
    div.container_double_image_texte div.container_texte { font-family: 'Montserrat', sans-serif; width: 100%; }
    div.container_double_image_texte.droite div.container_texte { padding-right: 0; }
    div.container_double_image_texte.gauche div.container_texte { padding-left: 0; }
    div.container_double_image_texte div.container_texte div.texte {  }
    div.container_double_image_texte div.container_texte div.texte > * { margin: 0; font-weight: 300; line-height: 30px; }
    div.container_double_image_texte div.container_texte div.texte strong {  font-weight: 500; }
	div.container_double_image_texte.column_text div.container_texte div.texte { column-count: 2; column-gap: 50px; }
	div.container_double_image_texte.column_three_text div.container_texte div.texte { column-count: 3; column-gap: 25px; }

    /* ZOOM */
    div.container_double_image_texte div.container_images div.zoom { cursor: pointer; }
    div.container_double_image_texte div.container_images div.agrandir_svg { height: 25px; width: 25px; max-height: 25px; max-width: 25px; position: absolute; display: none; align-items: center; justify-content: center; background-color: rgba(0,0,0,.35); border-radius: 100%; }
    div.container_double_image_texte div.container_images div.agrandir_svg { bottom: 15px; right: 15px; }
    div.container_double_image_texte div.container_images div.agrandir_svg svg { height: 10px; width: 10px; fill: white; }

    /* POP UP */
    div.fond_popup_image{display: none; position: fixed; height: 100vh; width: 100vw; background-color: rgba(255,255,255,.75);z-index: 10100; text-align: center; top: 0; left: 0}

    div.popup_image{opacity: 1; position: fixed; top: 50%; left: 50%; transform : translate(-50%, -50%); z-index: 10200; background-color: #fff; border-radius: 10px; -webkit-box-shadow: 5px 5px 15px 0px rgba(0,0,0,0.5); -moz-box-shadow: 5px 5px 15px 0px rgba(0,0,0,0.5);box-shadow: 5px 5px 15px 0px rgba(0,0,0,0.5); overflow: hidden; display: none; width: 85%; height: auto; aspect-ratio: 16 / 9;  }
    div.popup_image.active{display: block;}
    div.popup_image div.container-prevPopup{display: none; overflow: hidden; z-index: 3000; cursor: pointer; position: absolute; width: 105px; height: 164px; top: 50%; left: 0; transform: translateY(-50%); background-image: url('../assets/images/modal_arrows.png'); background-position: 0 328px;}
    div.popup_image div.container-prevPopup div.prevPopup{opacity: 0; width: 105px; height: 164px; position: relative; left: -23px; background-image: url('../assets/images/modal_arrows.png'); background-position: 0 164px;}

    div.popup_image div.containerPopup{padding: 0; height: 100%;}
    div.popup_image div.containerPopup div.container_exit { position: fixed; top: -9px; left: 50%; transform: translate(-50%) scale(.75); height: 70px; width: 130px; z-index: 1; cursor: pointer; } 
    div.popup_image div.containerPopup div.container_exit div.exit {width: 100%; height: 100%; background-image: url(../assets/images/modal_arrows.png); background-size: 100% auto; background-position: 100% 587px; }
    div.popup_image div.containerPopup div.container_exit:focus{outline: 0;}
    div.popup_image div.containerPopup div.contenuPopup{position: relative; height: 100%; max-height: initial; margin-top: 0 !important; padding: 0 !important; }
    div.popup_image div.containerPopup div.contenuPopup div.div_1{position: relative; height: 100%; margin: 0;}
    div.popup_image div.containerPopup div.contenuPopup div.div_1 div.div_2 {padding: 0; height: 100%; padding: 30px 30px 30px 30px;}
    div.popup_image div.containerPopup div.contenuPopup div.div_1 div.div_2 { text-align: center; }
    div.popup_image div.containerPopup div.contenuPopup div.div_1 div.div_2 div.img { height: 100%; background-repeat: no-repeat; background-size: contain; background-position: center; width: 100%; }

}

@media (min-width: 700px){
    div.container_double_image_texte { display: flex; align-items: center; flex-direction: column; }
    
    div.container_double_image_texte div.container_texte { width: 100%; }
    div.container_double_image_texte.droite div.container_texte { padding-right: 0; }
    div.container_double_image_texte.gauche div.container_texte { padding-left: 0; }

    div.container_double_image_texte div.container_images { width: 100%; display: flex; align-items: center; max-height: 300px; height: 300px; margin-bottom: 20px; }
    div.container_double_image_texte div.container_images div.contaniner_image_1 { margin-right: 15px; }
    div.container_double_image_texte div.container_images div.contaniner_image_2 { margin-left: 15px; }
}

@media (min-width: 1100px){
    div.container_double_image_texte.droite { display: flex; align-items: center; flex-direction: row-reverse; }
    div.container_double_image_texte.gauche { display: flex; align-items: center; flex-direction: row; }
    
    div.container_double_image_texte div.container_texte { width: 40%; }
    div.container_double_image_texte.droite div.container_texte { padding-right: 100px; }
    div.container_double_image_texte.gauche div.container_texte { padding-left: 100px; }

    div.container_double_image_texte div.container_images { width: 60%; display: flex; align-items: center; max-height: initial; }
    div.container_double_image_texte div.container_images div.contaniner_image_1 { margin-right: 25px; }
    div.container_double_image_texte div.container_images div.contaniner_image_2 { margin-left: 25px; }

    /* POP UP */
    div.popup_image div.containerPopup div.container_exit { position: fixed; top: 0; left: 50%; transform: translate(-50%); height: 70px; width: 130px; z-index: 1; cursor: pointer; } 
}