/* STYLES GERANT L'AFFICHAGE DES BLOCS DE CONTENU COMPOSANT L'INTERIEUR DES PAGES DES SITES EUROPARL : http://wwww.europarl.europa.eu */ /* Copyright : European Parliament */ /* Fichier contenant les elements de contenu affiche dans le corps de page de site Europarl (base sur le concept "Atomic Design") */ /* ===================================================================================================================================================================================================================== */ /* === ATOMICDESIGN ================== Affichage des marges pour le developpement ====================================================================================================================================== */ /* ===================================================================================================================================================================================================================== */ body.development-display #website-body [class*="ep-a_"]:after, body.development-display #website-body [class*="ep-m_"]:after, body.development-display #website-body [class*="ep-o_"]:after { opacity: 0.2; } /* ===================================================================================================================================================================================================================== */ /* === ATOMICDESIGN ================== [PARTICLE] ====================================================================================================================================================================== */ /* ===================================================================================================================================================================================================================== */ /* ========================================================================================================================================================================== */ /* == BLOCAGE DES CONCATENATIONS = [PARTICLE] =============================================================================================================================== */ /* ========================================================================================================================================================================== */ #website-body [class*="ep-p_"] [class*="ep-p_"], #website-body [class*="ep-p_"] [class*="ep-a_"], #website-body [class*="ep-p_"] [class*="ep-m_"], #website-body [class*="ep-p_"] [class*="ep-o_"] { display: none !important; } /* ========================================================================================================================================================================== */ /* == TEXT ======================= [PARTICLE] ========= ep-p_text =========================================================================================================== */ /* ========================================================================================================================================================================== */ /* Description : Particule a utiliser pour les contenus textuels avec lien optionnel */ /* PARTICLE "TEXT" : Structure generale */ #website-body .ep-p_text, #website-body .ep-p_text a, #website-body .ep-p_text .ep_name, #website-body .ep-p_text .ep_icon { position: static; display: inline-block; max-width: 100%; margin: 0; padding: 0; border: 0; outline: 0; font-size: 1em; vertical-align: middle; text-decoration: none; color: inherit; } /* PARTICLE "TEXT" : Alignement des elements */ #website-body .ep-p_text { display: -moz-inline-stack; letter-spacing: -0.3em; line-height: 1.2em; white-space: nowrap; } #website-body .ep-p_text .ep_name { letter-spacing: normal; white-space: normal; } /* PARTICLE "TEXT" : Blocage des textes longs non secables */ #website-body .ep-p_text .ep_name { overflow: hidden; max-width: 100%; text-overflow: ellipsis; } /* PARTICLE "TEXT" : Suppression de l'icone */ #website-body .ep-p_text .ep_icon { position: static; display: inline-block; overflow: hidden; width: 0; background-position: inherit; font-size: 1em; color: inherit; } #website-body .ep-p_text .ep_icon:before, #website-body .ep-p_text .ep_icon:after { position: static; display: none; overflow: hidden; margin: 0; padding: 0; background-image: url(../img/icons.svg); background-position: inherit; background-repeat: no-repeat; outline: 0; content: ""; font-size: 1em; vertical-align: middle; color: inherit; } /* PARTICLE "TEXT" : Gestion du curseur de la souris */ #website-body a .ep-p_text .ep_name, #website-body a .ep-p_text .ep_icon, #website-body a.ep-p_text .ep_name, #website-body a.ep-p_text .ep_icon, #website-body .ep-p_text a .ep_name, #website-body .ep-p_text a .ep_icon, #website-body .ep-p_text a.ep_name, #website-body .ep-p_text .ep_name a { cursor: pointer; } /* PARTICLE "TEXT" : Effet de survol */ #website-body a:link .ep-p_text .ep_name, #website-body a:visited .ep-p_text .ep_name, #website-body a.ep-p_text:link .ep_name, #website-body a.ep-p_text:visited .ep_name, #website-body .ep-p_text a:link .ep_name, #website-body .ep-p_text a:visited .ep_name, #website-body .ep-p_text a.ep_name:link, #website-body .ep-p_text a.ep_name:visited, #website-body .ep-p_text .ep_name a:link, #website-body .ep-p_text .ep_name a:visited { transform: translate(0, 0); -webkit-transform: translate(0, 0); transition: transform 0.2s ease-out 0s; -webkit-transition: -webkit-transform 0.2s ease-out 0s; color: inherit; } #website-body a:hover .ep-p_text .ep_name, #website-body a:focus .ep-p_text .ep_name, #website-body a:active .ep-p_text .ep_name, #website-body a.ep-p_text:hover .ep_name, #website-body a.ep-p_text:focus .ep_name, #website-body a.ep-p_text:active .ep_name, #website-body .ep-p_text a:hover .ep_name, #website-body .ep-p_text a:focus .ep_name, #website-body .ep-p_text a:active .ep_name, #website-body .ep-p_text a.ep_name:hover, #website-body .ep-p_text a.ep_name:focus, #website-body .ep-p_text a.ep_name:active, #website-body .ep-p_text .ep_name a:hover, #website-body .ep-p_text .ep_name a:focus, #website-body .ep-p_text .ep_name a:active { transform: translate(0, -3px); -webkit-transform: translate(0, -3px); color: #3c77bd; } /* ========================================================================================================================================================================== */ /* == IMAGE ====================== [PARTICLE] ========= ep-p_image ========================================================================================================== */ /* ========================================================================================================================================================================== */ /* Description : Particule a utiliser pour les images avec lien optionnel */ /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* PARTICLE "IMAGE" : Structure generale */ #website-body .ep-p_image, #website-body .ep-p_image a, #website-body .ep-p_image .ep_media, #website-body .ep-p_image img { position: static; display: block; margin: 0; padding: 0; font-size: 1em; text-decoration: none; vertical-align: middle; color: inherit; } @media print { #website-body .ep-p_image { page-break-inside: avoid; } } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* PARTICLE "IMAGE" : Gestion de l'image visible */ /* PARTICLE "IMAGE" : Adaptation du conteneur */ #website-body .ep-p_image .ep_image { position: relative; line-height: 0; } /* PARTICLE "IMAGE" : Format de la zone visible pour l'image */ #website-body .ep-p_image .ep_image img { position: relative; display: block; width: 100%; opacity: 0; } /* PARTICLE "IMAGE" : Conteneur de l'image a afficher */ #website-body .ep-p_image .ep_image>span { position: absolute; display: block; top: 0; bottom: 0; left: 0; right: 0; background-position: center; background-size: cover; background-repeat: no-repeat; } /* PARTICLE "IMAGE" : Conteneur de l'image a afficher */ #website-body .ep-p_image .ep_image>span.ep_icon { display: none; } /* PARTICLE "IMAGE" : Gestion des bordures */ #website-body .ep-p_image.ep-layout_border .ep_image { border: 1px solid #d1d3d4; } /* PARTICLE "IMAGE" : Gestion de la zone visible pour les photos de personne au format "portrait" */ #website-body .ep-p_image.ep-layout_portrait .ep_image img { width: 170px; max-width: 100%; } /* PARTICLE "IMAGE" : Gestion de la zone visible pour les photos de hauteur fixe */ #website-body .ep-p_image.ep-layout_fixedheight .ep_image { overflow: hidden; } #website-body .ep-p_image.ep-layout_fixedheight .ep_image img { width: 100%; height: 150px; } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* PARTICLE "IMAGE" : Effet de survol sur l'image */ #website-body a .ep-p_image .ep_image>span, #website-body a:link .ep-p_image .ep_image>span, #website-body a:visited .ep-p_image .ep_image>span, #website-body a.ep-p_image:link .ep_image>span, #website-body a.ep-p_image:visited .ep_image>span, #website-body .ep-p_image a:link .ep_image>span, #website-body .ep-p_image a:visited .ep_image>span { background-size: 100%; transition: background-size 0.2s ease-out 0s; -webkit-transition: background-size 0.2s ease-out 0s; } #website-body a:hover .ep-p_image .ep_image>span, #website-body a:focus .ep-p_image .ep_image>span, #website-body a:active .ep-p_image .ep_image>span, #website-body a.ep-p_image:hover .ep_image>span, #website-body a.ep-p_image:focus .ep_image>span, #website-body a.ep-p_image:active .ep_image>span, #website-body .ep-p_image a:hover .ep_image>span, #website-body .ep-p_image a:focus .ep_image>span, #website-body .ep-p_image a:active .ep_image>span { background-size: 105%; } #website-body a .ep-p_image.ep-layout_fixedheight .ep_image>span, #website-body a:link .ep-p_image.ep-layout_fixedheight .ep_image>span, #website-body a:visited .ep-p_image.ep-layout_fixedheight .ep_image>span, #website-body a.ep-p_image.ep-layout_fixedheight:link .ep_image>span, #website-body a.ep-p_image.ep-layout_fixedheight:visited .ep_image>span, #website-body .ep-p_image.ep-layout_fixedheight a:link .ep_image>span, #website-body .ep-p_image.ep-layout_fixedheight a:visited .ep_image>span { background-size: cover; transform: scale(1); -webkit-transform: scale(1); transition: transform 0.2s ease-out 0s; -webkit-transition: -webkit-transform 0.2s ease-out 0s; } #website-body a:hover .ep-p_image.ep-layout_fixedheight .ep_image>span, #website-body a:focus .ep-p_image.ep-layout_fixedheight .ep_image>span, #website-body a:active .ep-p_image.ep-layout_fixedheight .ep_image>span, #website-body a.ep-p_image.ep-layout_fixedheight:hover .ep_image>span, #website-body a.ep-p_image.ep-layout_fixedheight:focus .ep_image>span, #website-body a.ep-p_image.ep-layout_fixedheight:active .ep_image>span, #website-body .ep-p_image.ep-layout_fixedheight a:hover .ep_image>span, #website-body .ep-p_image.ep-layout_fixedheight a:focus .ep_image>span, #website-body .ep-p_image.ep-layout_fixedheight a:active .ep_image>span { transform: scale(1.05); -webkit-transform: scale(1.05); } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* PARTICLE "IMAGE" : Gestion du format de l'image a charger */ /* PARTICLE "IMAGE" : Ratio des miniatures des medias affiches au format list : Large : 1156px * 727px Medium : 568px * 357px Small : 300px * 189px */ /* PARTICLE "IMAGE" : Ratio des miniatures des top stories/priorities affiches au format list : Large : 1156px * 564px Medium : 568px * 277px Small : 274px * 134px */ /* PARTICLE "IMAGE" : Ratio des bannieres de produits : Large : 1600px * 800px Medium : 750px * 375px Small : 480px * 240px */ /* PARTICLE "IMAGE" : Ratio des photos de MEP : Taille unique : 170px * 215px */ /* PARTICLE "IMAGE" : Ratio des miniatures des images sur hauteur fixe (largeur "croppable") : Large : 1200px * 150px Medium : 750px * 150px Small : 480px * 150px */ @media screen and (min-width:1200px) { /* PARTICLE "IMAGE" : Formats d'image (miniature des medias) */ #website-body .ep_gridcolumn[data-view1200="6"]>.ep_gridcolumn-content .ep-p_image.ep-layout_thumb.ep-layout_media .ep_image>span.ep_large, #website-body .ep_gridcolumn[data-view1200="5"]>.ep_gridcolumn-content .ep-p_image.ep-layout_thumb.ep-layout_media .ep_image>span.ep_large, #website-body .ep_gridcolumn[data-view1200="4"]>.ep_gridcolumn-content .ep-p_image.ep-layout_thumb.ep-layout_media .ep_image>span.ep_large, #website-body .ep_gridcolumn[data-view1200="3"]>.ep_gridcolumn-content .ep-p_image.ep-layout_thumb.ep-layout_media .ep_image>span.ep_large, #website-body .ep_gridcolumn[data-view1200="2"]>.ep_gridcolumn-content .ep-p_image.ep-layout_thumb.ep-layout_media .ep_image>span.ep_large, #website-body .ep_gridcolumn[data-view1200="1"]>.ep_gridcolumn-content .ep-p_image.ep-layout_thumb.ep-layout_media .ep_image>span.ep_large, #website-body .ep_gridcolumn[data-view1200="12"]>.ep_gridcolumn-content .ep-p_image.ep-layout_thumb.ep-layout_media .ep_image>span.ep_medium, #website-body .ep_gridcolumn[data-view1200="11"]>.ep_gridcolumn-content .ep-p_image.ep-layout_thumb.ep-layout_media .ep_image>span.ep_medium, #website-body .ep_gridcolumn[data-view1200="10"]>.ep_gridcolumn-content .ep-p_image.ep-layout_thumb.ep-layout_media .ep_image>span.ep_medium, #website-body .ep_gridcolumn[data-view1200="9"]>.ep_gridcolumn-content .ep-p_image.ep-layout_thumb.ep-layout_media .ep_image>span.ep_medium, #website-body .ep_gridcolumn[data-view1200="8"]>.ep_gridcolumn-content .ep-p_image.ep-layout_thumb.ep-layout_media .ep_image>span.ep_medium, #website-body .ep_gridcolumn[data-view1200="7"]>.ep_gridcolumn-content .ep-p_image.ep-layout_thumb.ep-layout_media .ep_image>span.ep_medium, #website-body .ep_gridcolumn[data-view1200="3"]>.ep_gridcolumn-content .ep-p_image.ep-layout_thumb.ep-layout_media .ep_image>span.ep_medium, #website-body .ep_gridcolumn[data-view1200="2"]>.ep_gridcolumn-content .ep-p_image.ep-layout_thumb.ep-layout_media .ep_image>span.ep_medium, #website-body .ep_gridcolumn[data-view1200="1"]>.ep_gridcolumn-content .ep-p_image.ep-layout_thumb.ep-layout_media .ep_image>span.ep_medium, #website-body .ep_gridcolumn[data-view1200="12"]>.ep_gridcolumn-content .ep-p_image.ep-layout_thumb.ep-layout_media .ep_image>span.ep_small, #website-body .ep_gridcolumn[data-view1200="11"]>.ep_gridcolumn-content .ep-p_image.ep-layout_thumb.ep-layout_media .ep_image>span.ep_small, #website-body .ep_gridcolumn[data-view1200="10"]>.ep_gridcolumn-content .ep-p_image.ep-layout_thumb.ep-layout_media .ep_image>span.ep_small, #website-body .ep_gridcolumn[data-view1200="9"]>.ep_gridcolumn-content .ep-p_image.ep-layout_thumb.ep-layout_media .ep_image>span.ep_small, #website-body .ep_gridcolumn[data-view1200="8"]>.ep_gridcolumn-content .ep-p_image.ep-layout_thumb.ep-layout_media .ep_image>span.ep_small, #website-body .ep_gridcolumn[data-view1200="7"]>.ep_gridcolumn-content .ep-p_image.ep-layout_thumb.ep-layout_media .ep_image>span.ep_small, #website-body .ep_gridcolumn[data-view1200="6"]>.ep_gridcolumn-content .ep-p_image.ep-layout_thumb.ep-layout_media .ep_image>span.ep_small, #website-body .ep_gridcolumn[data-view1200="5"]>.ep_gridcolumn-content .ep-p_image.ep-layout_thumb.ep-layout_media .ep_image>span.ep_small, #website-body .ep_gridcolumn[data-view1200="4"]>.ep_gridcolumn-content .ep-p_image.ep-layout_thumb.ep-layout_media .ep_image>span.ep_small { background-image: none !important; } /* PARTICLE "IMAGE" : Formats d'image (miniature des top stories/priorities) */ #website-body .ep_gridcolumn[data-view1200="6"]>.ep_gridcolumn-content .ep-p_image.ep-layout_thumb.ep-layout_priority .ep_image>span.ep_large, #website-body .ep_gridcolumn[data-view1200="5"]>.ep_gridcolumn-content .ep-p_image.ep-layout_thumb.ep-layout_priority .ep_image>span.ep_large, #website-body .ep_gridcolumn[data-view1200="4"]>.ep_gridcolumn-content .ep-p_image.ep-layout_thumb.ep-layout_priority .ep_image>span.ep_large, #website-body .ep_gridcolumn[data-view1200="3"]>.ep_gridcolumn-content .ep-p_image.ep-layout_thumb.ep-layout_priority .ep_image>span.ep_large, #website-body .ep_gridcolumn[data-view1200="2"]>.ep_gridcolumn-content .ep-p_image.ep-layout_thumb.ep-layout_priority .ep_image>span.ep_large, #website-body .ep_gridcolumn[data-view1200="1"]>.ep_gridcolumn-content .ep-p_image.ep-layout_thumb.ep-layout_priority .ep_image>span.ep_large, #website-body .ep_gridcolumn[data-view1200="12"]>.ep_gridcolumn-content .ep-p_image.ep-layout_thumb.ep-layout_priority .ep_image>span.ep_medium, #website-body .ep_gridcolumn[data-view1200="11"]>.ep_gridcolumn-content .ep-p_image.ep-layout_thumb.ep-layout_priority .ep_image>span.ep_medium, #website-body .ep_gridcolumn[data-view1200="10"]>.ep_gridcolumn-content .ep-p_image.ep-layout_thumb.ep-layout_priority .ep_image>span.ep_medium, #website-body .ep_gridcolumn[data-view1200="9"]>.ep_gridcolumn-content .ep-p_image.ep-layout_thumb.ep-layout_priority .ep_image>span.ep_medium, #website-body .ep_gridcolumn[data-view1200="8"]>.ep_gridcolumn-content .ep-p_image.ep-layout_thumb.ep-layout_priority .ep_image>span.ep_medium, #website-body .ep_gridcolumn[data-view1200="3"]>.ep_gridcolumn-content .ep-p_image.ep-layout_thumb.ep-layout_priority .ep_image>span.ep_medium, #website-body .ep_gridcolumn[data-view1200="2"]>.ep_gridcolumn-content .ep-p_image.ep-layout_thumb.ep-layout_priority .ep_image>span.ep_medium, #website-body .ep_gridcolumn[data-view1200="1"]>.ep_gridcolumn-content .ep-p_image.ep-layout_thumb.ep-layout_priority .ep_image>span.ep_medium, #website-body .ep_gridcolumn[data-view1200="12"]>.ep_gridcolumn-content .ep-p_image.ep-layout_thumb.ep-layout_priority .ep_image>span.ep_small, #website-body .ep_gridcolumn[data-view1200="11"]>.ep_gridcolumn-content .ep-p_image.ep-layout_thumb.ep-layout_priority .ep_image>span.ep_small, #website-body .ep_gridcolumn[data-view1200="10"]>.ep_gridcolumn-content .ep-p_image.ep-layout_thumb.ep-layout_priority .ep_image>span.ep_small, #website-body .ep_gridcolumn[data-view1200="9"]>.ep_gridcolumn-content .ep-p_image.ep-layout_thumb.ep-layout_priority .ep_image>span.ep_small, #website-body .ep_gridcolumn[data-view1200="8"]>.ep_gridcolumn-content .ep-p_image.ep-layout_thumb.ep-layout_priority .ep_image>span.ep_small, #website-body .ep_gridcolumn[data-view1200="7"]>.ep_gridcolumn-content .ep-p_image.ep-layout_thumb.ep-layout_priority .ep_image>span.ep_small, #website-body .ep_gridcolumn[data-view1200="6"]>.ep_gridcolumn-content .ep-p_image.ep-layout_thumb.ep-layout_priority .ep_image>span.ep_small, #website-body .ep_gridcolumn[data-view1200="5"]>.ep_gridcolumn-content .ep-p_image.ep-layout_thumb.ep-layout_priority .ep_image>span.ep_small, #website-body .ep_gridcolumn[data-view1200="4"]>.ep_gridcolumn-content .ep-p_image.ep-layout_thumb.ep-layout_priority .ep_image>span.ep_small { background-image: none !important; } /* PARTICLE "IMAGE" : Formats d'image (video) */ #website-body .ep_gridcolumn[data-view1200="6"]>.ep_gridcolumn-content .ep-p_image.ep-layout_video .ep_image>span.ep_large, #website-body .ep_gridcolumn[data-view1200="5"]>.ep_gridcolumn-content .ep-p_image.ep-layout_video .ep_image>span.ep_large, #website-body .ep_gridcolumn[data-view1200="4"]>.ep_gridcolumn-content .ep-p_image.ep-layout_video .ep_image>span.ep_large, #website-body .ep_gridcolumn[data-view1200="3"]>.ep_gridcolumn-content .ep-p_image.ep-layout_video .ep_image>span.ep_large, #website-body .ep_gridcolumn[data-view1200="2"]>.ep_gridcolumn-content .ep-p_image.ep-layout_video .ep_image>span.ep_large, #website-body .ep_gridcolumn[data-view1200="1"]>.ep_gridcolumn-content .ep-p_image.ep-layout_video .ep_image>span.ep_large, #website-body .ep_gridcolumn[data-view1200="12"]>.ep_gridcolumn-content .ep-p_image.ep-layout_video .ep_image>span.ep_medium, #website-body .ep_gridcolumn[data-view1200="11"]>.ep_gridcolumn-content .ep-p_image.ep-layout_video .ep_image>span.ep_medium, #website-body .ep_gridcolumn[data-view1200="10"]>.ep_gridcolumn-content .ep-p_image.ep-layout_video .ep_image>span.ep_medium, #website-body .ep_gridcolumn[data-view1200="9"]>.ep_gridcolumn-content .ep-p_image.ep-layout_video .ep_image>span.ep_medium, #website-body .ep_gridcolumn[data-view1200="8"]>.ep_gridcolumn-content .ep-p_image.ep-layout_video .ep_image>span.ep_medium, #website-body .ep_gridcolumn[data-view1200="7"]>.ep_gridcolumn-content .ep-p_image.ep-layout_video .ep_image>span.ep_medium, #website-body .ep_gridcolumn[data-view1200="3"]>.ep_gridcolumn-content .ep-p_image.ep-layout_video .ep_image>span.ep_medium, #website-body .ep_gridcolumn[data-view1200="2"]>.ep_gridcolumn-content .ep-p_image.ep-layout_video .ep_image>span.ep_medium, #website-body .ep_gridcolumn[data-view1200="1"]>.ep_gridcolumn-content .ep-p_image.ep-layout_video .ep_image>span.ep_medium, #website-body .ep_gridcolumn[data-view1200="12"]>.ep_gridcolumn-content .ep-p_image.ep-layout_video .ep_image>span.ep_small, #website-body .ep_gridcolumn[data-view1200="11"]>.ep_gridcolumn-content .ep-p_image.ep-layout_video .ep_image>span.ep_small, #website-body .ep_gridcolumn[data-view1200="10"]>.ep_gridcolumn-content .ep-p_image.ep-layout_video .ep_image>span.ep_small, #website-body .ep_gridcolumn[data-view1200="9"]>.ep_gridcolumn-content .ep-p_image.ep-layout_video .ep_image>span.ep_small, #website-body .ep_gridcolumn[data-view1200="8"]>.ep_gridcolumn-content .ep-p_image.ep-layout_video .ep_image>span.ep_small, #website-body .ep_gridcolumn[data-view1200="7"]>.ep_gridcolumn-content .ep-p_image.ep-layout_video .ep_image>span.ep_small, #website-body .ep_gridcolumn[data-view1200="6"]>.ep_gridcolumn-content .ep-p_image.ep-layout_video .ep_image>span.ep_small, #website-body .ep_gridcolumn[data-view1200="5"]>.ep_gridcolumn-content .ep-p_image.ep-layout_video .ep_image>span.ep_small, #website-body .ep_gridcolumn[data-view1200="4"]>.ep_gridcolumn-content .ep-p_image.ep-layout_video .ep_image>span.ep_small { background-image: none !important; } /* PARTICLE "IMAGE" : Formats d'image (banniere) */ #website-body .ep_gridcolumn[data-view1200]>.ep_gridcolumn-content .ep-p_image.ep-layout_banner .ep_image>span.ep_medium, #website-body .ep_gridcolumn[data-view1200]>.ep_gridcolumn-content .ep-p_image.ep-layout_banner .ep_image>span.ep_small { background-image: none !important; } /* PARTICLE "IMAGE" : Formats d'image (hauteur fixe) */ #website-body .ep_gridcolumn[data-view1200="8"]>.ep_gridcolumn-content .ep-p_image.ep-layout_fixedheight .ep_image>span.ep_large, #website-body .ep_gridcolumn[data-view1200="7"]>.ep_gridcolumn-content .ep-p_image.ep-layout_fixedheight .ep_image>span.ep_large, #website-body .ep_gridcolumn[data-view1200="6"]>.ep_gridcolumn-content .ep-p_image.ep-layout_fixedheight .ep_image>span.ep_large, #website-body .ep_gridcolumn[data-view1200="5"]>.ep_gridcolumn-content .ep-p_image.ep-layout_fixedheight .ep_image>span.ep_large, #website-body .ep_gridcolumn[data-view1200="4"]>.ep_gridcolumn-content .ep-p_image.ep-layout_fixedheight .ep_image>span.ep_large, #website-body .ep_gridcolumn[data-view1200="3"]>.ep_gridcolumn-content .ep-p_image.ep-layout_fixedheight .ep_image>span.ep_large, #website-body .ep_gridcolumn[data-view1200="2"]>.ep_gridcolumn-content .ep-p_image.ep-layout_fixedheight .ep_image>span.ep_large, #website-body .ep_gridcolumn[data-view1200="1"]>.ep_gridcolumn-content .ep-p_image.ep-layout_fixedheight .ep_image>span.ep_large, #website-body .ep_gridcolumn[data-view1200="12"]>.ep_gridcolumn-content .ep-p_image.ep-layout_fixedheight .ep_image>span.ep_medium, #website-body .ep_gridcolumn[data-view1200="11"]>.ep_gridcolumn-content .ep-p_image.ep-layout_fixedheight .ep_image>span.ep_medium, #website-body .ep_gridcolumn[data-view1200="10"]>.ep_gridcolumn-content .ep-p_image.ep-layout_fixedheight .ep_image>span.ep_medium, #website-body .ep_gridcolumn[data-view1200="9"]>.ep_gridcolumn-content .ep-p_image.ep-layout_fixedheight .ep_image>span.ep_medium, #website-body .ep_gridcolumn[data-view1200="5"]>.ep_gridcolumn-content .ep-p_image.ep-layout_fixedheight .ep_image>span.ep_medium, #website-body .ep_gridcolumn[data-view1200="4"]>.ep_gridcolumn-content .ep-p_image.ep-layout_fixedheight .ep_image>span.ep_medium, #website-body .ep_gridcolumn[data-view1200="3"]>.ep_gridcolumn-content .ep-p_image.ep-layout_fixedheight .ep_image>span.ep_medium, #website-body .ep_gridcolumn[data-view1200="2"]>.ep_gridcolumn-content .ep-p_image.ep-layout_fixedheight .ep_image>span.ep_medium, #website-body .ep_gridcolumn[data-view1200="1"]>.ep_gridcolumn-content .ep-p_image.ep-layout_fixedheight .ep_image>span.ep_medium, #website-body .ep_gridcolumn[data-view1200="12"]>.ep_gridcolumn-content .ep-p_image.ep-layout_fixedheight .ep_image>span.ep_small, #website-body .ep_gridcolumn[data-view1200="11"]>.ep_gridcolumn-content .ep-p_image.ep-layout_fixedheight .ep_image>span.ep_small, #website-body .ep_gridcolumn[data-view1200="10"]>.ep_gridcolumn-content .ep-p_image.ep-layout_fixedheight .ep_image>span.ep_small, #website-body .ep_gridcolumn[data-view1200="9"]>.ep_gridcolumn-content .ep-p_image.ep-layout_fixedheight .ep_image>span.ep_small, #website-body .ep_gridcolumn[data-view1200="8"]>.ep_gridcolumn-content .ep-p_image.ep-layout_fixedheight .ep_image>span.ep_small, #website-body .ep_gridcolumn[data-view1200="7"]>.ep_gridcolumn-content .ep-p_image.ep-layout_fixedheight .ep_image>span.ep_small, #website-body .ep_gridcolumn[data-view1200="6"]>.ep_gridcolumn-content .ep-p_image.ep-layout_fixedheight .ep_image>span.ep_small { background-image: none !important; } } @media screen and (min-width:1020px) and (max-width:1199px) { /* PARTICLE "IMAGE" : Formats d'image (miniature des medias) */ #website-body .ep_gridcolumn[data-view1020="7"]>.ep_gridcolumn-content .ep-p_image.ep-layout_thumb.ep-layout_media .ep_image>span.ep_large, #website-body .ep_gridcolumn[data-view1020="6"]>.ep_gridcolumn-content .ep-p_image.ep-layout_thumb.ep-layout_media .ep_image>span.ep_large, #website-body .ep_gridcolumn[data-view1020="5"]>.ep_gridcolumn-content .ep-p_image.ep-layout_thumb.ep-layout_media .ep_image>span.ep_large, #website-body .ep_gridcolumn[data-view1020="4"]>.ep_gridcolumn-content .ep-p_image.ep-layout_thumb.ep-layout_media .ep_image>span.ep_large, #website-body .ep_gridcolumn[data-view1020="3"]>.ep_gridcolumn-content .ep-p_image.ep-layout_thumb.ep-layout_media .ep_image>span.ep_large, #website-body .ep_gridcolumn[data-view1020="2"]>.ep_gridcolumn-content .ep-p_image.ep-layout_thumb.ep-layout_media .ep_image>span.ep_large, #website-body .ep_gridcolumn[data-view1020="1"]>.ep_gridcolumn-content .ep-p_image.ep-layout_thumb.ep-layout_media .ep_image>span.ep_large, #website-body .ep_gridcolumn[data-view1020="12"]>.ep_gridcolumn-content .ep-p_image.ep-layout_thumb.ep-layout_media .ep_image>span.ep_medium, #website-body .ep_gridcolumn[data-view1020="11"]>.ep_gridcolumn-content .ep-p_image.ep-layout_thumb.ep-layout_media .ep_image>span.ep_medium, #website-body .ep_gridcolumn[data-view1020="10"]>.ep_gridcolumn-content .ep-p_image.ep-layout_thumb.ep-layout_media .ep_image>span.ep_medium, #website-body .ep_gridcolumn[data-view1020="9"]>.ep_gridcolumn-content .ep-p_image.ep-layout_thumb.ep-layout_media .ep_image>span.ep_medium, #website-body .ep_gridcolumn[data-view1020="8"]>.ep_gridcolumn-content .ep-p_image.ep-layout_thumb.ep-layout_media .ep_image>span.ep_medium, #website-body .ep_gridcolumn[data-view1020="4"]>.ep_gridcolumn-content .ep-p_image.ep-layout_thumb.ep-layout_media .ep_image>span.ep_medium, #website-body .ep_gridcolumn[data-view1020="3"]>.ep_gridcolumn-content .ep-p_image.ep-layout_thumb.ep-layout_media .ep_image>span.ep_medium, #website-body .ep_gridcolumn[data-view1020="2"]>.ep_gridcolumn-content .ep-p_image.ep-layout_thumb.ep-layout_media .ep_image>span.ep_medium, #website-body .ep_gridcolumn[data-view1020="1"]>.ep_gridcolumn-content .ep-p_image.ep-layout_thumb.ep-layout_media .ep_image>span.ep_medium, #website-body .ep_gridcolumn[data-view1020="12"]>.ep_gridcolumn-content .ep-p_image.ep-layout_thumb.ep-layout_media .ep_image>span.ep_small, #website-body .ep_gridcolumn[data-view1020="11"]>.ep_gridcolumn-content .ep-p_image.ep-layout_thumb.ep-layout_media .ep_image>span.ep_small, #website-body .ep_gridcolumn[data-view1020="10"]>.ep_gridcolumn-content .ep-p_image.ep-layout_thumb.ep-layout_media .ep_image>span.ep_small, #website-body .ep_gridcolumn[data-view1020="9"]>.ep_gridcolumn-content .ep-p_image.ep-layout_thumb.ep-layout_media .ep_image>span.ep_small, #website-body .ep_gridcolumn[data-view1020="8"]>.ep_gridcolumn-content .ep-p_image.ep-layout_thumb.ep-layout_media .ep_image>span.ep_small, #website-body .ep_gridcolumn[data-view1020="7"]>.ep_gridcolumn-content .ep-p_image.ep-layout_thumb.ep-layout_media .ep_image>span.ep_small, #website-body .ep_gridcolumn[data-view1020="6"]>.ep_gridcolumn-content .ep-p_image.ep-layout_thumb.ep-layout_media .ep_image>span.ep_small, #website-body .ep_gridcolumn[data-view1020="5"]>.ep_gridcolumn-content .ep-p_image.ep-layout_thumb.ep-layout_media .ep_image>span.ep_small { background-image: none !important; } /* PARTICLE "IMAGE" : Formats d'image (miniature des top stories/priorities) */ #website-body .ep_gridcolumn[data-view1020="4"]>.ep_gridcolumn-content .ep-p_image.ep-layout_thumb.ep-layout_priority .ep_image>span.ep_medium, #website-body .ep_gridcolumn[data-view1020="3"]>.ep_gridcolumn-content .ep-p_image.ep-layout_thumb.ep-layout_priority .ep_image>span.ep_medium, #website-body .ep_gridcolumn[data-view1020="2"]>.ep_gridcolumn-content .ep-p_image.ep-layout_thumb.ep-layout_priority .ep_image>span.ep_medium, #website-body .ep_gridcolumn[data-view1020="1"]>.ep_gridcolumn-content .ep-p_image.ep-layout_thumb.ep-layout_priority .ep_image>span.ep_medium, #website-body .ep_gridcolumn[data-view1020="12"]>.ep_gridcolumn-content .ep-p_image.ep-layout_thumb.ep-layout_priority .ep_image>span.ep_small, #website-body .ep_gridcolumn[data-view1020="11"]>.ep_gridcolumn-content .ep-p_image.ep-layout_thumb.ep-layout_priority .ep_image>span.ep_small, #website-body .ep_gridcolumn[data-view1020="10"]>.ep_gridcolumn-content .ep-p_image.ep-layout_thumb.ep-layout_priority .ep_image>span.ep_small, #website-body .ep_gridcolumn[data-view1020="9"]>.ep_gridcolumn-content .ep-p_image.ep-layout_thumb.ep-layout_priority .ep_image>span.ep_small, #website-body .ep_gridcolumn[data-view1020="8"]>.ep_gridcolumn-content .ep-p_image.ep-layout_thumb.ep-layout_priority .ep_image>span.ep_small, #website-body .ep_gridcolumn[data-view1020="7"]>.ep_gridcolumn-content .ep-p_image.ep-layout_thumb.ep-layout_priority .ep_image>span.ep_small, #website-body .ep_gridcolumn[data-view1020="6"]>.ep_gridcolumn-content .ep-p_image.ep-layout_thumb.ep-layout_priority .ep_image>span.ep_small, #website-body .ep_gridcolumn[data-view1020="5"]>.ep_gridcolumn-content .ep-p_image.ep-layout_thumb.ep-layout_priority .ep_image>span.ep_small { background-image: none !important; } /* PARTICLE "IMAGE" : Formats d'image (video) */ #website-body .ep_gridcolumn[data-view1020="7"]>.ep_gridcolumn-content .ep-p_image.ep-layout_video .ep_image>span.ep_large, #website-body .ep_gridcolumn[data-view1020="6"]>.ep_gridcolumn-content .ep-p_image.ep-layout_video .ep_image>span.ep_large, #website-body .ep_gridcolumn[data-view1020="5"]>.ep_gridcolumn-content .ep-p_image.ep-layout_video .ep_image>span.ep_large, #website-body .ep_gridcolumn[data-view1020="4"]>.ep_gridcolumn-content .ep-p_image.ep-layout_video .ep_image>span.ep_large, #website-body .ep_gridcolumn[data-view1020="3"]>.ep_gridcolumn-content .ep-p_image.ep-layout_video .ep_image>span.ep_large, #website-body .ep_gridcolumn[data-view1020="2"]>.ep_gridcolumn-content .ep-p_image.ep-layout_video .ep_image>span.ep_large, #website-body .ep_gridcolumn[data-view1020="1"]>.ep_gridcolumn-content .ep-p_image.ep-layout_video .ep_image>span.ep_large, #website-body .ep_gridcolumn[data-view1020="12"]>.ep_gridcolumn-content .ep-p_image.ep-layout_video .ep_image>span.ep_medium, #website-body .ep_gridcolumn[data-view1020="11"]>.ep_gridcolumn-content .ep-p_image.ep-layout_video .ep_image>span.ep_medium, #website-body .ep_gridcolumn[data-view1020="10"]>.ep_gridcolumn-content .ep-p_image.ep-layout_video .ep_image>span.ep_medium, #website-body .ep_gridcolumn[data-view1020="9"]>.ep_gridcolumn-content .ep-p_image.ep-layout_video .ep_image>span.ep_medium, #website-body .ep_gridcolumn[data-view1020="8"]>.ep_gridcolumn-content .ep-p_image.ep-layout_video .ep_image>span.ep_medium, #website-body .ep_gridcolumn[data-view1020="4"]>.ep_gridcolumn-content .ep-p_image.ep-layout_video .ep_image>span.ep_medium, #website-body .ep_gridcolumn[data-view1020="3"]>.ep_gridcolumn-content .ep-p_image.ep-layout_video .ep_image>span.ep_medium, #website-body .ep_gridcolumn[data-view1020="2"]>.ep_gridcolumn-content .ep-p_image.ep-layout_video .ep_image>span.ep_medium, #website-body .ep_gridcolumn[data-view1020="1"]>.ep_gridcolumn-content .ep-p_image.ep-layout_video .ep_image>span.ep_medium, #website-body .ep_gridcolumn[data-view1020="12"]>.ep_gridcolumn-content .ep-p_image.ep-layout_video .ep_image>span.ep_small, #website-body .ep_gridcolumn[data-view1020="11"]>.ep_gridcolumn-content .ep-p_image.ep-layout_video .ep_image>span.ep_small, #website-body .ep_gridcolumn[data-view1020="10"]>.ep_gridcolumn-content .ep-p_image.ep-layout_video .ep_image>span.ep_small, #website-body .ep_gridcolumn[data-view1020="9"]>.ep_gridcolumn-content .ep-p_image.ep-layout_video .ep_image>span.ep_small, #website-body .ep_gridcolumn[data-view1020="8"]>.ep_gridcolumn-content .ep-p_image.ep-layout_video .ep_image>span.ep_small, #website-body .ep_gridcolumn[data-view1020="7"]>.ep_gridcolumn-content .ep-p_image.ep-layout_video .ep_image>span.ep_small, #website-body .ep_gridcolumn[data-view1020="6"]>.ep_gridcolumn-content .ep-p_image.ep-layout_video .ep_image>span.ep_small, #website-body .ep_gridcolumn[data-view1020="5"]>.ep_gridcolumn-content .ep-p_image.ep-layout_video .ep_image>span.ep_small { background-image: none !important; } /* PARTICLE "IMAGE" : Formats d'image (banniere) */ #website-body .ep_gridcolumn[data-view1020]>.ep_gridcolumn-content .ep-p_image.ep-layout_banner .ep_image>span.ep_medium, #website-body .ep_gridcolumn[data-view1020]>.ep_gridcolumn-content .ep-p_image.ep-layout_banner .ep_image>span.ep_small { background-image: none !important; } /* PARTICLE "IMAGE" : Formats d'image (hauteur fixe) */ #website-body .ep_gridcolumn[data-view1020="9"]>.ep_gridcolumn-content .ep-p_image.ep-layout_fixedheight .ep_image>span.ep_large, #website-body .ep_gridcolumn[data-view1020="8"]>.ep_gridcolumn-content .ep-p_image.ep-layout_fixedheight .ep_image>span.ep_large, #website-body .ep_gridcolumn[data-view1020="7"]>.ep_gridcolumn-content .ep-p_image.ep-layout_fixedheight .ep_image>span.ep_large, #website-body .ep_gridcolumn[data-view1020="6"]>.ep_gridcolumn-content .ep-p_image.ep-layout_fixedheight .ep_image>span.ep_large, #website-body .ep_gridcolumn[data-view1020="5"]>.ep_gridcolumn-content .ep-p_image.ep-layout_fixedheight .ep_image>span.ep_large, #website-body .ep_gridcolumn[data-view1020="4"]>.ep_gridcolumn-content .ep-p_image.ep-layout_fixedheight .ep_image>span.ep_large, #website-body .ep_gridcolumn[data-view1020="3"]>.ep_gridcolumn-content .ep-p_image.ep-layout_fixedheight .ep_image>span.ep_large, #website-body .ep_gridcolumn[data-view1020="2"]>.ep_gridcolumn-content .ep-p_image.ep-layout_fixedheight .ep_image>span.ep_large, #website-body .ep_gridcolumn[data-view1020="1"]>.ep_gridcolumn-content .ep-p_image.ep-layout_fixedheight .ep_image>span.ep_large, #website-body .ep_gridcolumn[data-view1020="12"]>.ep_gridcolumn-content .ep-p_image.ep-layout_fixedheight .ep_image>span.ep_medium, #website-body .ep_gridcolumn[data-view1020="11"]>.ep_gridcolumn-content .ep-p_image.ep-layout_fixedheight .ep_image>span.ep_medium, #website-body .ep_gridcolumn[data-view1020="10"]>.ep_gridcolumn-content .ep-p_image.ep-layout_fixedheight .ep_image>span.ep_medium, #website-body .ep_gridcolumn[data-view1020="6"]>.ep_gridcolumn-content .ep-p_image.ep-layout_fixedheight .ep_image>span.ep_medium, #website-body .ep_gridcolumn[data-view1020="5"]>.ep_gridcolumn-content .ep-p_image.ep-layout_fixedheight .ep_image>span.ep_medium, #website-body .ep_gridcolumn[data-view1020="4"]>.ep_gridcolumn-content .ep-p_image.ep-layout_fixedheight .ep_image>span.ep_medium, #website-body .ep_gridcolumn[data-view1020="3"]>.ep_gridcolumn-content .ep-p_image.ep-layout_fixedheight .ep_image>span.ep_medium, #website-body .ep_gridcolumn[data-view1020="2"]>.ep_gridcolumn-content .ep-p_image.ep-layout_fixedheight .ep_image>span.ep_medium, #website-body .ep_gridcolumn[data-view1020="1"]>.ep_gridcolumn-content .ep-p_image.ep-layout_fixedheight .ep_image>span.ep_medium, #website-body .ep_gridcolumn[data-view1020="12"]>.ep_gridcolumn-content .ep-p_image.ep-layout_fixedheight .ep_image>span.ep_small, #website-body .ep_gridcolumn[data-view1020="11"]>.ep_gridcolumn-content .ep-p_image.ep-layout_fixedheight .ep_image>span.ep_small, #website-body .ep_gridcolumn[data-view1020="10"]>.ep_gridcolumn-content .ep-p_image.ep-layout_fixedheight .ep_image>span.ep_small, #website-body .ep_gridcolumn[data-view1020="9"]>.ep_gridcolumn-content .ep-p_image.ep-layout_fixedheight .ep_image>span.ep_small, #website-body .ep_gridcolumn[data-view1020="8"]>.ep_gridcolumn-content .ep-p_image.ep-layout_fixedheight .ep_image>span.ep_small, #website-body .ep_gridcolumn[data-view1020="7"]>.ep_gridcolumn-content .ep-p_image.ep-layout_fixedheight .ep_image>span.ep_small { background-image: none !important; } } @media screen and (min-width:750px) and (max-width:1019px), print { /* PARTICLE "IMAGE" : Formats d'image (miniature des medias) */ #website-body .ep_gridcolumn[data-view750="9"]>.ep_gridcolumn-content .ep-p_image.ep-layout_thumb.ep-layout_media .ep_image>span.ep_large, #website-body .ep_gridcolumn[data-view750="8"]>.ep_gridcolumn-content .ep-p_image.ep-layout_thumb.ep-layout_media .ep_image>span.ep_large, #website-body .ep_gridcolumn[data-view750="7"]>.ep_gridcolumn-content .ep-p_image.ep-layout_thumb.ep-layout_media .ep_image>span.ep_large, #website-body .ep_gridcolumn[data-view750="6"]>.ep_gridcolumn-content .ep-p_image.ep-layout_thumb.ep-layout_media .ep_image>span.ep_large, #website-body .ep_gridcolumn[data-view750="5"]>.ep_gridcolumn-content .ep-p_image.ep-layout_thumb.ep-layout_media .ep_image>span.ep_large, #website-body .ep_gridcolumn[data-view750="4"]>.ep_gridcolumn-content .ep-p_image.ep-layout_thumb.ep-layout_media .ep_image>span.ep_large, #website-body .ep_gridcolumn[data-view750="3"]>.ep_gridcolumn-content .ep-p_image.ep-layout_thumb.ep-layout_media .ep_image>span.ep_large, #website-body .ep_gridcolumn[data-view750="2"]>.ep_gridcolumn-content .ep-p_image.ep-layout_thumb.ep-layout_media .ep_image>span.ep_large, #website-body .ep_gridcolumn[data-view750="1"]>.ep_gridcolumn-content .ep-p_image.ep-layout_thumb.ep-layout_media .ep_image>span.ep_large, #website-body .ep_gridcolumn[data-view750="12"]>.ep_gridcolumn-content .ep-p_image.ep-layout_thumb.ep-layout_media .ep_image>span.ep_medium, #website-body .ep_gridcolumn[data-view750="11"]>.ep_gridcolumn-content .ep-p_image.ep-layout_thumb.ep-layout_media .ep_image>span.ep_medium, #website-body .ep_gridcolumn[data-view750="10"]>.ep_gridcolumn-content .ep-p_image.ep-layout_thumb.ep-layout_media .ep_image>span.ep_medium, #website-body .ep_gridcolumn[data-view750="5"]>.ep_gridcolumn-content .ep-p_image.ep-layout_thumb.ep-layout_media .ep_image>span.ep_medium, #website-body .ep_gridcolumn[data-view750="4"]>.ep_gridcolumn-content .ep-p_image.ep-layout_thumb.ep-layout_media .ep_image>span.ep_medium, #website-body .ep_gridcolumn[data-view750="3"]>.ep_gridcolumn-content .ep-p_image.ep-layout_thumb.ep-layout_media .ep_image>span.ep_medium, #website-body .ep_gridcolumn[data-view750="2"]>.ep_gridcolumn-content .ep-p_image.ep-layout_thumb.ep-layout_media .ep_image>span.ep_medium, #website-body .ep_gridcolumn[data-view750="1"]>.ep_gridcolumn-content .ep-p_image.ep-layout_thumb.ep-layout_media .ep_image>span.ep_medium, #website-body .ep_gridcolumn[data-view750="12"]>.ep_gridcolumn-content .ep-p_image.ep-layout_thumb.ep-layout_media .ep_image>span.ep_small, #website-body .ep_gridcolumn[data-view750="11"]>.ep_gridcolumn-content .ep-p_image.ep-layout_thumb.ep-layout_media .ep_image>span.ep_small, #website-body .ep_gridcolumn[data-view750="10"]>.ep_gridcolumn-content .ep-p_image.ep-layout_thumb.ep-layout_media .ep_image>span.ep_small, #website-body .ep_gridcolumn[data-view750="9"]>.ep_gridcolumn-content .ep-p_image.ep-layout_thumb.ep-layout_media .ep_image>span.ep_small, #website-body .ep_gridcolumn[data-view750="8"]>.ep_gridcolumn-content .ep-p_image.ep-layout_thumb.ep-layout_media .ep_image>span.ep_small, #website-body .ep_gridcolumn[data-view750="7"]>.ep_gridcolumn-content .ep-p_image.ep-layout_thumb.ep-layout_media .ep_image>span.ep_small, #website-body .ep_gridcolumn[data-view750="6"]>.ep_gridcolumn-content .ep-p_image.ep-layout_thumb.ep-layout_media .ep_image>span.ep_small { background-image: none !important; } /* PARTICLE "IMAGE" : Formats d'image (miniature des top stories/priorities) */ #website-body .ep_gridcolumn[data-view750="5"]>.ep_gridcolumn-content .ep-p_image.ep-layout_thumb.ep-layout_priority .ep_image>span.ep_medium, #website-body .ep_gridcolumn[data-view750="4"]>.ep_gridcolumn-content .ep-p_image.ep-layout_thumb.ep-layout_priority .ep_image>span.ep_medium, #website-body .ep_gridcolumn[data-view750="3"]>.ep_gridcolumn-content .ep-p_image.ep-layout_thumb.ep-layout_priority .ep_image>span.ep_medium, #website-body .ep_gridcolumn[data-view750="2"]>.ep_gridcolumn-content .ep-p_image.ep-layout_thumb.ep-layout_priority .ep_image>span.ep_medium, #website-body .ep_gridcolumn[data-view750="1"]>.ep_gridcolumn-content .ep-p_image.ep-layout_thumb.ep-layout_priority .ep_image>span.ep_medium, #website-body .ep_gridcolumn[data-view750="12"]>.ep_gridcolumn-content .ep-p_image.ep-layout_thumb.ep-layout_priority .ep_image>span.ep_small, #website-body .ep_gridcolumn[data-view750="11"]>.ep_gridcolumn-content .ep-p_image.ep-layout_thumb.ep-layout_priority .ep_image>span.ep_small, #website-body .ep_gridcolumn[data-view750="10"]>.ep_gridcolumn-content .ep-p_image.ep-layout_thumb.ep-layout_priority .ep_image>span.ep_small, #website-body .ep_gridcolumn[data-view750="9"]>.ep_gridcolumn-content .ep-p_image.ep-layout_thumb.ep-layout_priority .ep_image>span.ep_small, #website-body .ep_gridcolumn[data-view750="8"]>.ep_gridcolumn-content .ep-p_image.ep-layout_thumb.ep-layout_priority .ep_image>span.ep_small, #website-body .ep_gridcolumn[data-view750="7"]>.ep_gridcolumn-content .ep-p_image.ep-layout_thumb.ep-layout_priority .ep_image>span.ep_small, #website-body .ep_gridcolumn[data-view750="6"]>.ep_gridcolumn-content .ep-p_image.ep-layout_thumb.ep-layout_priority .ep_image>span.ep_small { background-image: none !important; } /* PARTICLE "IMAGE" : Formats d'image (video) */ #website-body .ep_gridcolumn[data-view750="9"]>.ep_gridcolumn-content .ep-p_image.ep-layout_video .ep_image>span.ep_large, #website-body .ep_gridcolumn[data-view750="8"]>.ep_gridcolumn-content .ep-p_image.ep-layout_video .ep_image>span.ep_large, #website-body .ep_gridcolumn[data-view750="7"]>.ep_gridcolumn-content .ep-p_image.ep-layout_video .ep_image>span.ep_large, #website-body .ep_gridcolumn[data-view750="6"]>.ep_gridcolumn-content .ep-p_image.ep-layout_video .ep_image>span.ep_large, #website-body .ep_gridcolumn[data-view750="5"]>.ep_gridcolumn-content .ep-p_image.ep-layout_video .ep_image>span.ep_large, #website-body .ep_gridcolumn[data-view750="4"]>.ep_gridcolumn-content .ep-p_image.ep-layout_video .ep_image>span.ep_large, #website-body .ep_gridcolumn[data-view750="3"]>.ep_gridcolumn-content .ep-p_image.ep-layout_video .ep_image>span.ep_large, #website-body .ep_gridcolumn[data-view750="2"]>.ep_gridcolumn-content .ep-p_image.ep-layout_video .ep_image>span.ep_large, #website-body .ep_gridcolumn[data-view750="1"]>.ep_gridcolumn-content .ep-p_image.ep-layout_video .ep_image>span.ep_large, #website-body .ep_gridcolumn[data-view750="12"]>.ep_gridcolumn-content .ep-p_image.ep-layout_video .ep_image>span.ep_medium, #website-body .ep_gridcolumn[data-view750="11"]>.ep_gridcolumn-content .ep-p_image.ep-layout_video .ep_image>span.ep_medium, #website-body .ep_gridcolumn[data-view750="10"]>.ep_gridcolumn-content .ep-p_image.ep-layout_video .ep_image>span.ep_medium, #website-body .ep_gridcolumn[data-view750="5"]>.ep_gridcolumn-content .ep-p_image.ep-layout_video .ep_image>span.ep_medium, #website-body .ep_gridcolumn[data-view750="4"]>.ep_gridcolumn-content .ep-p_image.ep-layout_video .ep_image>span.ep_medium, #website-body .ep_gridcolumn[data-view750="3"]>.ep_gridcolumn-content .ep-p_image.ep-layout_video .ep_image>span.ep_medium, #website-body .ep_gridcolumn[data-view750="2"]>.ep_gridcolumn-content .ep-p_image.ep-layout_video .ep_image>span.ep_medium, #website-body .ep_gridcolumn[data-view750="1"]>.ep_gridcolumn-content .ep-p_image.ep-layout_video .ep_image>span.ep_medium, #website-body .ep_gridcolumn[data-view750="12"]>.ep_gridcolumn-content .ep-p_image.ep-layout_video .ep_image>span.ep_small, #website-body .ep_gridcolumn[data-view750="11"]>.ep_gridcolumn-content .ep-p_image.ep-layout_video .ep_image>span.ep_small, #website-body .ep_gridcolumn[data-view750="10"]>.ep_gridcolumn-content .ep-p_image.ep-layout_video .ep_image>span.ep_small, #website-body .ep_gridcolumn[data-view750="9"]>.ep_gridcolumn-content .ep-p_image.ep-layout_video .ep_image>span.ep_small, #website-body .ep_gridcolumn[data-view750="8"]>.ep_gridcolumn-content .ep-p_image.ep-layout_video .ep_image>span.ep_small, #website-body .ep_gridcolumn[data-view750="7"]>.ep_gridcolumn-content .ep-p_image.ep-layout_video .ep_image>span.ep_small, #website-body .ep_gridcolumn[data-view750="6"]>.ep_gridcolumn-content .ep-p_image.ep-layout_video .ep_image>span.ep_small { background-image: none !important; } /* PARTICLE "IMAGE" : Formats d'image (banniere) */ #website-body .ep_gridcolumn[data-view750]>.ep_gridcolumn-content .ep-p_image.ep-layout_banner .ep_image>span.ep_medium, #website-body .ep_gridcolumn[data-view750]>.ep_gridcolumn-content .ep-p_image.ep-layout_banner .ep_image>span.ep_small { background-image: none !important; } /* PARTICLE "IMAGE" : Formats d'image (hauteur fixe) */ #website-body .ep_gridcolumn[data-view750]>.ep_gridcolumn-content .ep-p_image.ep-layout_fixedheight .ep_image>span.ep_large, #website-body .ep_gridcolumn[data-view750="8"]>.ep_gridcolumn-content .ep-p_image.ep-layout_fixedheight .ep_image>span.ep_medium, #website-body .ep_gridcolumn[data-view750="7"]>.ep_gridcolumn-content .ep-p_image.ep-layout_fixedheight .ep_image>span.ep_medium, #website-body .ep_gridcolumn[data-view750="6"]>.ep_gridcolumn-content .ep-p_image.ep-layout_fixedheight .ep_image>span.ep_medium, #website-body .ep_gridcolumn[data-view750="5"]>.ep_gridcolumn-content .ep-p_image.ep-layout_fixedheight .ep_image>span.ep_medium, #website-body .ep_gridcolumn[data-view750="4"]>.ep_gridcolumn-content .ep-p_image.ep-layout_fixedheight .ep_image>span.ep_medium, #website-body .ep_gridcolumn[data-view750="3"]>.ep_gridcolumn-content .ep-p_image.ep-layout_fixedheight .ep_image>span.ep_medium, #website-body .ep_gridcolumn[data-view750="2"]>.ep_gridcolumn-content .ep-p_image.ep-layout_fixedheight .ep_image>span.ep_medium, #website-body .ep_gridcolumn[data-view750="1"]>.ep_gridcolumn-content .ep-p_image.ep-layout_fixedheight .ep_image>span.ep_medium, #website-body .ep_gridcolumn[data-view750="12"]>.ep_gridcolumn-content .ep-p_image.ep-layout_fixedheight .ep_image>span.ep_small, #website-body .ep_gridcolumn[data-view750="11"]>.ep_gridcolumn-content .ep-p_image.ep-layout_fixedheight .ep_image>span.ep_small, #website-body .ep_gridcolumn[data-view750="10"]>.ep_gridcolumn-content .ep-p_image.ep-layout_fixedheight .ep_image>span.ep_small, #website-body .ep_gridcolumn[data-view750="9"]>.ep_gridcolumn-content .ep-p_image.ep-layout_fixedheight .ep_image>span.ep_small { background-image: none !important; } } @media screen and (min-width:640px) and (max-width:749px) { /* PARTICLE "IMAGE" : Formats d'image (miniature des medias) */ #website-body .ep_gridcolumn[data-view640="7"]>.ep_gridcolumn-content .ep-p_image.ep-layout_thumb.ep-layout_media .ep_image>span.ep_large, #website-body .ep_gridcolumn[data-view640="6"]>.ep_gridcolumn-content .ep-p_image.ep-layout_thumb.ep-layout_media .ep_image>span.ep_large, #website-body .ep_gridcolumn[data-view640="5"]>.ep_gridcolumn-content .ep-p_image.ep-layout_thumb.ep-layout_media .ep_image>span.ep_large, #website-body .ep_gridcolumn[data-view640="4"]>.ep_gridcolumn-content .ep-p_image.ep-layout_thumb.ep-layout_media .ep_image>span.ep_large, #website-body .ep_gridcolumn[data-view640="3"]>.ep_gridcolumn-content .ep-p_image.ep-layout_thumb.ep-layout_media .ep_image>span.ep_large, #website-body .ep_gridcolumn[data-view640="2"]>.ep_gridcolumn-content .ep-p_image.ep-layout_thumb.ep-layout_media .ep_image>span.ep_large, #website-body .ep_gridcolumn[data-view640="1"]>.ep_gridcolumn-content .ep-p_image.ep-layout_thumb.ep-layout_media .ep_image>span.ep_large, #website-body .ep_gridcolumn[data-view640="8"]>.ep_gridcolumn-content .ep-p_image.ep-layout_thumb.ep-layout_media .ep_image>span.ep_medium, #website-body .ep_gridcolumn[data-view640="4"]>.ep_gridcolumn-content .ep-p_image.ep-layout_thumb.ep-layout_media .ep_image>span.ep_medium, #website-body .ep_gridcolumn[data-view640="3"]>.ep_gridcolumn-content .ep-p_image.ep-layout_thumb.ep-layout_media .ep_image>span.ep_medium, #website-body .ep_gridcolumn[data-view640="2"]>.ep_gridcolumn-content .ep-p_image.ep-layout_thumb.ep-layout_media .ep_image>span.ep_medium, #website-body .ep_gridcolumn[data-view640="1"]>.ep_gridcolumn-content .ep-p_image.ep-layout_thumb.ep-layout_media .ep_image>span.ep_medium, #website-body .ep_gridcolumn[data-view640="8"]>.ep_gridcolumn-content .ep-p_image.ep-layout_thumb.ep-layout_media .ep_image>span.ep_small, #website-body .ep_gridcolumn[data-view640="7"]>.ep_gridcolumn-content .ep-p_image.ep-layout_thumb.ep-layout_media .ep_image>span.ep_small, #website-body .ep_gridcolumn[data-view640="6"]>.ep_gridcolumn-content .ep-p_image.ep-layout_thumb.ep-layout_media .ep_image>span.ep_small, #website-body .ep_gridcolumn[data-view640="5"]>.ep_gridcolumn-content .ep-p_image.ep-layout_thumb.ep-layout_media .ep_image>span.ep_small { background-image: none !important; } /* PARTICLE "IMAGE" : Formats d'image (miniature des top stories/priorities) */ #website-body .ep_gridcolumn[data-view640="4"]>.ep_gridcolumn-content .ep-p_image.ep-layout_thumb.ep-layout_priority .ep_image>span.ep_medium, #website-body .ep_gridcolumn[data-view640="3"]>.ep_gridcolumn-content .ep-p_image.ep-layout_thumb.ep-layout_priority .ep_image>span.ep_medium, #website-body .ep_gridcolumn[data-view640="2"]>.ep_gridcolumn-content .ep-p_image.ep-layout_thumb.ep-layout_priority .ep_image>span.ep_medium, #website-body .ep_gridcolumn[data-view640="1"]>.ep_gridcolumn-content .ep-p_image.ep-layout_thumb.ep-layout_priority .ep_image>span.ep_medium, #website-body .ep_gridcolumn[data-view640="8"]>.ep_gridcolumn-content .ep-p_image.ep-layout_thumb.ep-layout_priority .ep_image>span.ep_small, #website-body .ep_gridcolumn[data-view640="7"]>.ep_gridcolumn-content .ep-p_image.ep-layout_thumb.ep-layout_priority .ep_image>span.ep_small, #website-body .ep_gridcolumn[data-view640="6"]>.ep_gridcolumn-content .ep-p_image.ep-layout_thumb.ep-layout_priority .ep_image>span.ep_small, #website-body .ep_gridcolumn[data-view640="5"]>.ep_gridcolumn-content .ep-p_image.ep-layout_thumb.ep-layout_priority .ep_image>span.ep_small { background-image: none !important; } /* PARTICLE "IMAGE" : Formats d'image (video) */ #website-body .ep_gridcolumn[data-view640="7"]>.ep_gridcolumn-content .ep-p_image.ep-layout_video .ep_image>span.ep_large, #website-body .ep_gridcolumn[data-view640="6"]>.ep_gridcolumn-content .ep-p_image.ep-layout_video .ep_image>span.ep_large, #website-body .ep_gridcolumn[data-view640="5"]>.ep_gridcolumn-content .ep-p_image.ep-layout_video .ep_image>span.ep_large, #website-body .ep_gridcolumn[data-view640="4"]>.ep_gridcolumn-content .ep-p_image.ep-layout_video .ep_image>span.ep_large, #website-body .ep_gridcolumn[data-view640="3"]>.ep_gridcolumn-content .ep-p_image.ep-layout_video .ep_image>span.ep_large, #website-body .ep_gridcolumn[data-view640="2"]>.ep_gridcolumn-content .ep-p_image.ep-layout_video .ep_image>span.ep_large, #website-body .ep_gridcolumn[data-view640="1"]>.ep_gridcolumn-content .ep-p_image.ep-layout_video .ep_image>span.ep_large, #website-body .ep_gridcolumn[data-view640="8"]>.ep_gridcolumn-content .ep-p_image.ep-layout_video .ep_image>span.ep_medium, #website-body .ep_gridcolumn[data-view640="4"]>.ep_gridcolumn-content .ep-p_image.ep-layout_video .ep_image>span.ep_medium, #website-body .ep_gridcolumn[data-view640="3"]>.ep_gridcolumn-content .ep-p_image.ep-layout_video .ep_image>span.ep_medium, #website-body .ep_gridcolumn[data-view640="2"]>.ep_gridcolumn-content .ep-p_image.ep-layout_video .ep_image>span.ep_medium, #website-body .ep_gridcolumn[data-view640="1"]>.ep_gridcolumn-content .ep-p_image.ep-layout_video .ep_image>span.ep_medium, #website-body .ep_gridcolumn[data-view640="8"]>.ep_gridcolumn-content .ep-p_image.ep-layout_video .ep_image>span.ep_small, #website-body .ep_gridcolumn[data-view640="7"]>.ep_gridcolumn-content .ep-p_image.ep-layout_video .ep_image>span.ep_small, #website-body .ep_gridcolumn[data-view640="6"]>.ep_gridcolumn-content .ep-p_image.ep-layout_video .ep_image>span.ep_small, #website-body .ep_gridcolumn[data-view640="5"]>.ep_gridcolumn-content .ep-p_image.ep-layout_video .ep_image>span.ep_small { background-image: none !important; } /* PARTICLE "IMAGE" : Formats d'image (banniere) */ #website-body .ep_gridcolumn[data-view640]>.ep_gridcolumn-content .ep-p_image.ep-layout_banner .ep_image>span.ep_large, #website-body .ep_gridcolumn[data-view640]>.ep_gridcolumn-content .ep-p_image.ep-layout_banner .ep_image>span.ep_small { background-image: none !important; } /* PARTICLE "IMAGE" : Formats d'image (hauteur fixe) */ #website-body .ep_gridcolumn[data-view640]>.ep_gridcolumn-content .ep-p_image.ep-layout_fixedheight .ep_image>span.ep_large, #website-body .ep_gridcolumn[data-view640="6"]>.ep_gridcolumn-content .ep-p_image.ep-layout_fixedheight .ep_image>span.ep_medium, #website-body .ep_gridcolumn[data-view640="5"]>.ep_gridcolumn-content .ep-p_image.ep-layout_fixedheight .ep_image>span.ep_medium, #website-body .ep_gridcolumn[data-view640="4"]>.ep_gridcolumn-content .ep-p_image.ep-layout_fixedheight .ep_image>span.ep_medium, #website-body .ep_gridcolumn[data-view640="3"]>.ep_gridcolumn-content .ep-p_image.ep-layout_fixedheight .ep_image>span.ep_medium, #website-body .ep_gridcolumn[data-view640="2"]>.ep_gridcolumn-content .ep-p_image.ep-layout_fixedheight .ep_image>span.ep_medium, #website-body .ep_gridcolumn[data-view640="1"]>.ep_gridcolumn-content .ep-p_image.ep-layout_fixedheight .ep_image>span.ep_medium, #website-body .ep_gridcolumn[data-view640="8"]>.ep_gridcolumn-content .ep-p_image.ep-layout_fixedheight .ep_image>span.ep_small, #website-body .ep_gridcolumn[data-view640="7"]>.ep_gridcolumn-content .ep-p_image.ep-layout_fixedheight .ep_image>span.ep_small { background-image: none !important; } } @media screen and (min-width:480px) and (max-width:639px) { /* PARTICLE "IMAGE" : Formats d'image (miniature des medias) */ #website-body .ep_gridcolumn[data-view480="8"]>.ep_gridcolumn-content .ep-p_image.ep-layout_thumb.ep-layout_media .ep_image>span.ep_large, #website-body .ep_gridcolumn[data-view480="7"]>.ep_gridcolumn-content .ep-p_image.ep-layout_thumb.ep-layout_media .ep_image>span.ep_large, #website-body .ep_gridcolumn[data-view480="6"]>.ep_gridcolumn-content .ep-p_image.ep-layout_thumb.ep-layout_media .ep_image>span.ep_large, #website-body .ep_gridcolumn[data-view480="5"]>.ep_gridcolumn-content .ep-p_image.ep-layout_thumb.ep-layout_media .ep_image>span.ep_large, #website-body .ep_gridcolumn[data-view480="4"]>.ep_gridcolumn-content .ep-p_image.ep-layout_thumb.ep-layout_media .ep_image>span.ep_large, #website-body .ep_gridcolumn[data-view480="3"]>.ep_gridcolumn-content .ep-p_image.ep-layout_thumb.ep-layout_media .ep_image>span.ep_large, #website-body .ep_gridcolumn[data-view480="2"]>.ep_gridcolumn-content .ep-p_image.ep-layout_thumb.ep-layout_media .ep_image>span.ep_large, #website-body .ep_gridcolumn[data-view480="1"]>.ep_gridcolumn-content .ep-p_image.ep-layout_thumb.ep-layout_media .ep_image>span.ep_large, #website-body .ep_gridcolumn[data-view480="4"]>.ep_gridcolumn-content .ep-p_image.ep-layout_thumb.ep-layout_media .ep_image>span.ep_medium, #website-body .ep_gridcolumn[data-view480="3"]>.ep_gridcolumn-content .ep-p_image.ep-layout_thumb.ep-layout_media .ep_image>span.ep_medium, #website-body .ep_gridcolumn[data-view480="2"]>.ep_gridcolumn-content .ep-p_image.ep-layout_thumb.ep-layout_media .ep_image>span.ep_medium, #website-body .ep_gridcolumn[data-view480="1"]>.ep_gridcolumn-content .ep-p_image.ep-layout_thumb.ep-layout_media .ep_image>span.ep_medium, #website-body .ep_gridcolumn[data-view480="8"]>.ep_gridcolumn-content .ep-p_image.ep-layout_thumb.ep-layout_media .ep_image>span.ep_small, #website-body .ep_gridcolumn[data-view480="7"]>.ep_gridcolumn-content .ep-p_image.ep-layout_thumb.ep-layout_media .ep_image>span.ep_small, #website-body .ep_gridcolumn[data-view480="6"]>.ep_gridcolumn-content .ep-p_image.ep-layout_thumb.ep-layout_media .ep_image>span.ep_small, #website-body .ep_gridcolumn[data-view480="5"]>.ep_gridcolumn-content .ep-p_image.ep-layout_thumb.ep-layout_media .ep_image>span.ep_small { background-image: none !important; } /* PARTICLE "IMAGE" : Formats d'image (miniature des top stories/priorities) */ #website-body .ep_gridcolumn[data-view480="4"]>.ep_gridcolumn-content .ep-p_image.ep-layout_thumb.ep-layout_priority .ep_image>span.ep_medium, #website-body .ep_gridcolumn[data-view480="3"]>.ep_gridcolumn-content .ep-p_image.ep-layout_thumb.ep-layout_priority .ep_image>span.ep_medium, #website-body .ep_gridcolumn[data-view480="2"]>.ep_gridcolumn-content .ep-p_image.ep-layout_thumb.ep-layout_priority .ep_image>span.ep_medium, #website-body .ep_gridcolumn[data-view480="1"]>.ep_gridcolumn-content .ep-p_image.ep-layout_thumb.ep-layout_priority .ep_image>span.ep_medium, #website-body .ep_gridcolumn[data-view480="8"]>.ep_gridcolumn-content .ep-p_image.ep-layout_thumb.ep-layout_priority .ep_image>span.ep_small, #website-body .ep_gridcolumn[data-view480="7"]>.ep_gridcolumn-content .ep-p_image.ep-layout_thumb.ep-layout_priority .ep_image>span.ep_small, #website-body .ep_gridcolumn[data-view480="6"]>.ep_gridcolumn-content .ep-p_image.ep-layout_thumb.ep-layout_priority .ep_image>span.ep_small, #website-body .ep_gridcolumn[data-view480="5"]>.ep_gridcolumn-content .ep-p_image.ep-layout_thumb.ep-layout_priority .ep_image>span.ep_small { background-image: none !important; } /* PARTICLE "IMAGE" : Formats d'image (video) */ #website-body .ep_gridcolumn[data-view480="8"]>.ep_gridcolumn-content .ep-p_image.ep-layout_video .ep_image>span.ep_large, #website-body .ep_gridcolumn[data-view480="7"]>.ep_gridcolumn-content .ep-p_image.ep-layout_video .ep_image>span.ep_large, #website-body .ep_gridcolumn[data-view480="6"]>.ep_gridcolumn-content .ep-p_image.ep-layout_video .ep_image>span.ep_large, #website-body .ep_gridcolumn[data-view480="5"]>.ep_gridcolumn-content .ep-p_image.ep-layout_video .ep_image>span.ep_large, #website-body .ep_gridcolumn[data-view480="4"]>.ep_gridcolumn-content .ep-p_image.ep-layout_video .ep_image>span.ep_large, #website-body .ep_gridcolumn[data-view480="3"]>.ep_gridcolumn-content .ep-p_image.ep-layout_video .ep_image>span.ep_large, #website-body .ep_gridcolumn[data-view480="2"]>.ep_gridcolumn-content .ep-p_image.ep-layout_video .ep_image>span.ep_large, #website-body .ep_gridcolumn[data-view480="1"]>.ep_gridcolumn-content .ep-p_image.ep-layout_video .ep_image>span.ep_large, #website-body .ep_gridcolumn[data-view480="4"]>.ep_gridcolumn-content .ep-p_image.ep-layout_video .ep_image>span.ep_medium, #website-body .ep_gridcolumn[data-view480="3"]>.ep_gridcolumn-content .ep-p_image.ep-layout_video .ep_image>span.ep_medium, #website-body .ep_gridcolumn[data-view480="2"]>.ep_gridcolumn-content .ep-p_image.ep-layout_video .ep_image>span.ep_medium, #website-body .ep_gridcolumn[data-view480="1"]>.ep_gridcolumn-content .ep-p_image.ep-layout_video .ep_image>span.ep_medium, #website-body .ep_gridcolumn[data-view480="8"]>.ep_gridcolumn-content .ep-p_image.ep-layout_video .ep_image>span.ep_small, #website-body .ep_gridcolumn[data-view480="7"]>.ep_gridcolumn-content .ep-p_image.ep-layout_video .ep_image>span.ep_small, #website-body .ep_gridcolumn[data-view480="6"]>.ep_gridcolumn-content .ep-p_image.ep-layout_video .ep_image>span.ep_small, #website-body .ep_gridcolumn[data-view480="5"]>.ep_gridcolumn-content .ep-p_image.ep-layout_video .ep_image>span.ep_small { background-image: none !important; } /* PARTICLE "IMAGE" : Formats d'image (banniere) */ #website-body .ep_gridcolumn[data-view480]>.ep_gridcolumn-content .ep-p_image.ep-layout_banner .ep_image>span.ep_large, #website-body .ep_gridcolumn[data-view480]>.ep_gridcolumn-content .ep-p_image.ep-layout_banner .ep_image>span.ep_small { background-image: none !important; } /* PARTICLE "IMAGE" : Formats d'image (hauteur fixe) */ #website-body .ep_gridcolumn[data-view480]>.ep_gridcolumn-content .ep-p_image.ep-layout_fixedheight .ep_image>span.ep_large, #website-body .ep_gridcolumn[data-view480]>.ep_gridcolumn-content .ep-p_image.ep-layout_fixedheight .ep_image>span.ep_medium { background-image: none !important; } } @media screen and (max-width:479px) { /* PARTICLE "IMAGE" : Formats d'image (miniature des medias) */ #website-body .ep_gridcolumn[data-view320="4"]>.ep_gridcolumn-content .ep-p_image.ep-layout_thumb.ep-layout_media .ep_image>span.ep_large, #website-body .ep_gridcolumn[data-view320="3"]>.ep_gridcolumn-content .ep-p_image.ep-layout_thumb.ep-layout_media .ep_image>span.ep_large, #website-body .ep_gridcolumn[data-view320="2"]>.ep_gridcolumn-content .ep-p_image.ep-layout_thumb.ep-layout_media .ep_image>span.ep_large, #website-body .ep_gridcolumn[data-view320="1"]>.ep_gridcolumn-content .ep-p_image.ep-layout_thumb.ep-layout_media .ep_image>span.ep_large, #website-body .ep_gridcolumn[data-view320="4"]>.ep_gridcolumn-content .ep-p_image.ep-layout_thumb.ep-layout_media .ep_image>span.ep_medium, #website-body .ep_gridcolumn[data-view320="3"]>.ep_gridcolumn-content .ep-p_image.ep-layout_thumb.ep-layout_media .ep_image>span.ep_medium, #website-body .ep_gridcolumn[data-view320="2"]>.ep_gridcolumn-content .ep-p_image.ep-layout_thumb.ep-layout_media .ep_image>span.ep_medium, #website-body .ep_gridcolumn[data-view320="1"]>.ep_gridcolumn-content .ep-p_image.ep-layout_thumb.ep-layout_media .ep_image>span.ep_medium { background-image: none !important; } /* PARTICLE "IMAGE" : Formats d'image (miniature des top stories/priorities) */ #website-body .ep_gridcolumn[data-view320="4"]>.ep_gridcolumn-content .ep-p_image.ep-layout_thumb.ep-layout_priority .ep_image>span.ep_medium, #website-body .ep_gridcolumn[data-view320="3"]>.ep_gridcolumn-content .ep-p_image.ep-layout_thumb.ep-layout_priority .ep_image>span.ep_medium, #website-body .ep_gridcolumn[data-view320="2"]>.ep_gridcolumn-content .ep-p_image.ep-layout_thumb.ep-layout_priority .ep_image>span.ep_medium, #website-body .ep_gridcolumn[data-view320="1"]>.ep_gridcolumn-content .ep-p_image.ep-layout_thumb.ep-layout_priority .ep_image>span.ep_medium { background-image: none !important; } /* PARTICLE "IMAGE" : Formats d'image (video) */ #website-body .ep_gridcolumn[data-view320="4"]>.ep_gridcolumn-content .ep-p_image.ep-layout_video .ep_image>span.ep_large, #website-body .ep_gridcolumn[data-view320="3"]>.ep_gridcolumn-content .ep-p_image.ep-layout_video .ep_image>span.ep_large, #website-body .ep_gridcolumn[data-view320="2"]>.ep_gridcolumn-content .ep-p_image.ep-layout_video .ep_image>span.ep_large, #website-body .ep_gridcolumn[data-view320="1"]>.ep_gridcolumn-content .ep-p_image.ep-layout_video .ep_image>span.ep_large, #website-body .ep_gridcolumn[data-view320="4"]>.ep_gridcolumn-content .ep-p_image.ep-layout_video .ep_image>span.ep_medium, #website-body .ep_gridcolumn[data-view320="3"]>.ep_gridcolumn-content .ep-p_image.ep-layout_video .ep_image>span.ep_medium, #website-body .ep_gridcolumn[data-view320="2"]>.ep_gridcolumn-content .ep-p_image.ep-layout_video .ep_image>span.ep_medium, #website-body .ep_gridcolumn[data-view320="1"]>.ep_gridcolumn-content .ep-p_image.ep-layout_video .ep_image>span.ep_medium { background-image: none !important; } /* PARTICLE "IMAGE" : Formats d'image (banniere) */ #website-body .ep_gridcolumn[data-view320]>.ep_gridcolumn-content .ep-p_image.ep-layout_banner .ep_image>span.ep_large, #website-body .ep_gridcolumn[data-view320]>.ep_gridcolumn-content .ep-p_image.ep-layout_banner .ep_image>span.ep_medium { background-image: none !important; } /* PARTICLE "IMAGE" : Formats d'image (hauteur fixe) */ #website-body .ep_gridcolumn[data-view320]>.ep_gridcolumn-content .ep-p_image.ep-layout_fixedheight .ep_image>span.ep_large, #website-body .ep_gridcolumn[data-view320]>.ep_gridcolumn-content .ep-p_image.ep-layout_fixedheight .ep_image>span.ep_medium { background-image: none !important; } } /* ========================================================================================================================================================================== */ /* == TEXT FIELD ================= [PARTICLE] ========= ep-p_textfield ====================================================================================================== */ /* ========================================================================================================================================================================== */ /* Description : Particule a utiliser pour les champs textes de formulaire */ /* PARTICLE "TEXT FIELD" : Structure generale */ #website-body .ep-p_textfield, #website-body .ep-p_textfield>div, #website-body .ep-p_textfield input, #website-body .ep-p_textfield textarea { position: static; display: block; margin: 0; padding: 0; font-size: 1em; text-decoration: none; vertical-align: middle; color: inherit; } /* PARTICLE "TEXT FIELD" : Suppression du libelle */ #website-body .ep-p_textfield label { position: absolute; display: block; overflow: hidden; left: -1000px; width: 0; height: 0; text-indent: 20px; white-space: nowrap; } /* PARTICLE "TEXT FIELD" : Design du champ */ #website-body .ep-p_textfield input, #website-body .ep-p_textfield textarea { position: static; display: none; overflow: hidden; width: 100%; margin: 0; padding: 11px 10px; background-color: transparent; vertical-align: middle; box-sizing: border-box; -moz-box-sizing: border-box; background-color: #fff; border: 1px solid #d1d3d4; border-radius: 0; font-size: 1em; letter-spacing: normal; vertical-align: middle; text-transform: none; color: inherit; } #website-body .ep-p_textfield input[type="date"], #website-body .ep-p_textfield input[type="datetime"], #website-body .ep-p_textfield input[type="datetime-local"], #website-body .ep-p_textfield input[type="email"], #website-body .ep-p_textfield input[type="month"], #website-body .ep-p_textfield input[type="number"], #website-body .ep-p_textfield input[type="password"], #website-body .ep-p_textfield input[type="search"], #website-body .ep-p_textfield input[type="text"], #website-body .ep-p_textfield input[type="time"], #website-body .ep-p_textfield input[type="url"], #website-body .ep-p_textfield input[type="week"], #website-body .ep-p_textfield textarea { display: inline-block; } #website-body .ep-p_textfield input { height: 40px; } #website-body .ep-p_textfield textarea { min-height: 100px; } /* PARTICLE "TEXT FIELD" : Effet de survol */ #website-body .ep-p_textfield input:hover, #website-body .ep-p_textfield input:focus, #website-body .ep-p_textfield input:active, #website-body .ep-p_textfield textarea:hover, #website-body .ep-p_textfield textarea:focus, #website-body .ep-p_textfield textarea:active { background-color: #fafafa; border-color: #3c77bd; } #website-body .ep-p_textfield input:focus, #website-body .ep-p_textfield input:active, #website-body .ep-p_textfield textarea:focus, #website-body .ep-p_textfield textarea:active { color: #3c77bd; } /* PARTICLE "TEXT FIELD" : Effet de lecture seule */ #website-body .ep-p_textfield input[readonly], #website-body .ep-p_textfield.ep-layout_readonly input, #website-body .ep-p_textfield textarea[readonly], #website-body .ep-p_textfield.ep-layout_readonly textarea { background-color: #fff; border-color: #d1d3d4; cursor: default; } /* PARTICLE "TEXT FIELD" : Effet d'affichage pour les champs non accessibles */ #website-body .ep-p_textfield input[disabled], #website-body .ep-p_textfield.ep-layout_disabled input, #website-body .ep-p_textfield textarea[disabled], #website-body .ep-p_textfield.ep-layout_disabled textarea { background-color: #fafafa; border-color: #d1d3d4; cursor: not-allowed; } /* PARTICLE "TEXT FIELD" : Affichage du message d'erreur interne */ #website-body .ep-p_textfield.ep-layout_error input, #website-body .ep-p_textfield.ep-layout_error textarea { padding: 9px 8px; border-width: 2px; border-color: #f1582c; color: #d2380d; } #website-body .ep-p_textfield.ep-layout_error>div, #website-body .ep-p_textfield.ep-layout_error>div { border: 1px solid #f1582c; } #website-body .ep-p_textfield.ep-layout_error input:hover, #website-body .ep-p_textfield.ep-layout_error input:focus, #website-body .ep-p_textfield.ep-layout_error input:active, #website-body .ep-p_textfield.ep-layout_error textarea:hover, #website-body .ep-p_textfield.ep-layout_error textarea:focus, #website-body .ep-p_textfield.ep-layout_error textarea:active { background-color: #fde6e0; border-color: #fff; } /* PARTICLE "TEXT FIELD" : Affichage du message d'erreur externe */ #website-body .ep-p_textfield.ep-layout_messageerror input, #website-body .ep-p_textfield.ep-layout_messageerror textarea { border-width: 1px; border-color: #f1582c; color: #d2380d; } #website-body .ep-p_textfield.ep-layout_messageerror>div.ep_message { position: static; margin: -1px 0 0 0; padding: 0 5px 2px 5px; background-color: #f1582c; border-radius: 0 0 5px 5px; white-space: nowrap; text-align: left; color: #fff; } #website-body .ep-p_textfield.ep-layout_messageerror>div.ep_message:after { display: none !important; } #website-body .ep-p_textfield.ep-layout_messageerror>div.ep_message>div, #website-body .ep-p_textfield.ep-layout_messageerror>div.ep_message:before { position: static; display: inline-block; margin: 5px 0 0 0; padding: 0; font-size: 1.4em; vertical-align: top; text-align: left; color: inherit; } #website-body .ep-p_textfield.ep-layout_messageerror>div.ep_message:before { width: 20px; height: 17px; background-image: url(../img/icons.svg); background-repeat: no-repeat; background-position: -66px -233px; content: ""; } #website-body .ep-p_textfield.ep-layout_messageerror>div.ep_message>div { width: calc(100% - 25px); margin-bottom: 5px; margin-left: 5px; letter-spacing: normal; white-space: normal; } /* ========================================================================================================================================================================== */ /* == CASE FIELD ================= [PARTICLE] ========= ep-p_casefield ====================================================================================================== */ /* ========================================================================================================================================================================== */ /* Description : Particule a utiliser pour les listes de cases a cocher ou de bouton radio */ /* PARTICLE "CASE FIELD" : Structure generale */ #website-body .ep-p_casefield, #website-body .ep-p_casefield .ep_input, #website-body .ep-p_casefield>div, #website-body .ep-p_casefield input, #website-body .ep-p_casefield textarea { position: static; display: block; margin: 0; padding: 0; font-size: 1em; text-decoration: none; vertical-align: middle; color: inherit; } #website-body .ep-p_casefield { letter-spacing: -0.3em; white-space: normal; } #website-body .ep-p_casefield .ep_input { position: static; display: block; margin-top: 2px; white-space: nowrap; } /* PARTICLE "CASE FIELD" : Affichage du libelle */ #website-body .ep-p_casefield label, #website-body .ep-p_casefield label .ep_name, #website-body .ep-p_casefield label .ep_icon { position: static; display: inline-block; max-width: 100%; margin: 0; padding: 0; font-size: 1em; letter-spacing: -0.3em; white-space: nowrap; vertical-align: top; } #website-body .ep-p_casefield label { padding-left: 5px; } #website-body .ep-p_casefield label .ep_name, #website-body .ep-p_casefield label .ep_icon { vertical-align: middle; } #website-body .ep-p_casefield label .ep_name { overflow: hidden; max-width: 100%; margin: 0; padding: 0; transform: translate(0, 0); -webkit-transform: translate(0, 0); transition: transform 0.2s ease-out 0s; -webkit-transition: -webkit-transform 0.2s ease-out 0s; font-size: 1em; text-overflow: ellipsis; letter-spacing: normal; white-space: normal; vertical-align: middle; } #website-body .ep-p_casefield label .ep_icon { position: static; display: inline-block; overflow: hidden; width: 0; background-position: inherit; font-size: 1em; color: inherit; } #website-body .ep-p_casefield label .ep_icon:before, #website-body .ep-p_casefield label .ep_icon:after { position: static; display: none; overflow: hidden; margin: 0; padding: 0; background-image: url(../img/icons.svg); background-position: inherit; background-repeat: no-repeat; outline: 0; content: ""; font-size: 1em; vertical-align: middle; color: inherit; } /* PARTICLE "CASE FIELD" : Design du champ */ #website-body .ep-p_casefield input { display: none; } #website-body .ep-p_casefield input[type="radio"], #website-body .ep-p_casefield input[type="checkbox"] { position: static; display: inline-block; border-radius: 0; font-size: 1em; letter-spacing: normal; vertical-align: top; } #website-body .ep-p_casefield input[type="radio"] { -webkit-appearance: radio; } #website-body .ep-p_casefield input[type="checkbox"] { -webkit-appearance: checkbox; } /* PARTICLE "CASE FIELD" : Effet de survol */ #website-body .ep-p_casefield label:hover .ep_name, #website-body .ep-p_casefield label:focus .ep_name, #website-body .ep-p_casefield label:active .ep_name, #website-body .ep-p_casefield input:hover+label .ep_name, #website-body .ep-p_casefield input:focus+label .ep_name, #website-body .ep-p_casefield input:active+label .ep_name { transform: translate(5px, 0); -webkit-transform: translate(5px, 0); color: #3c77bd; } #website-body .ep-p_casefield input:focus, #website-body .ep-p_casefield input:active { color: #3c77bd; } #website-body .ep-p_casefield input:not([disabled]), #website-body .ep-p_casefield input:not([disabled])+label, #website-body .ep-p_casefield input:not([disabled])+label .ep_name { cursor: pointer; } #website-body .ep-p_casefield input[disabled]+label .ep_name, #website-body .ep-p_casefield input[disabled]:hover+label .ep_name, #website-body .ep-p_casefield input[disabled]:focus+label .ep_name, #website-body .ep-p_casefield input[disabled]:active+label .ep_name { transform: translate(0, 0); -webkit-transform: translate(0, 0); cursor: default; color: inherit; } /* ========================================================================================================================================================================== */ /* == SELECT ===================== [PARTICLE] ========= ep-p_select ========================================================================================================= */ /* ========================================================================================================================================================================== */ /* Description : Particule a utiliser pour les selecteurs (combobox) a convertir en JS */ /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* PARTICLE "SELECT" : Structure generale */ #website-body .ep-p_select, #website-body .ep-p_select .ep_select, #website-body .ep-p_select .ep_fakeselect, #website-body .ep-p_select select { position: static; display: block; margin: 0; padding: 0; font-size: 1em; text-decoration: none; vertical-align: middle; color: inherit; } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* PARTICLE "SELECT" : Selecteur original */ /* PARTICLE "SELECT" : Suppression du libelle */ #website-body .ep-p_select label { position: absolute; display: block; overflow: hidden; left: -1000px; width: 0; height: 0; text-indent: 20px; white-space: nowrap; } /* PARTICLE "SELECT" : Design du selecteur statique */ #website-body .ep-p_select .ep_select select { position: static; display: inline-block; overflow: hidden; width: 100%; margin: 0; padding: 11px 20px 11px 10px; background-color: transparent; vertical-align: middle; box-sizing: border-box; -moz-box-sizing: border-box; background-color: #fff; border: 1px solid #d1d3d4; border-radius: 0; cursor: pointer; font-size: 1em; letter-spacing: normal; vertical-align: middle; text-transform: none; color: inherit; } /* PARTICLE "SELECT" : Effet de survol */ #website-body .ep-p_select .ep_select:hover select, #website-body .ep-p_select .ep_select ≈:focus, #website-body .ep-p_select .ep_select select:active { background-color: #f6f6f6; border-color: #3c77bd; } #website-body .ep-p_select .ep_select select:focus, #website-body .ep-p_select .ep_select select:active { opacity: 1; color: #3c77bd; } /* PARTICLE "TEXT FIELD" : Effet de lecture seule */ #website-body .ep-p_select select[disabled], #website-body .ep-p_select.ep-layout_disabled select { background-color: #fafafa; border-color: #d1d3d4; } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* PARTICLE "SELECT" : Faux selecteur HTML (sans JS) */ /* PARTICLE "SELECT" : Suppression de la fausse structure apres convertion */ #website-body .ep-p_select.epjs_converted .ep_fakeselect { display: none !important; } /* PARTICLE "SELECT" : Traitement du visuel sans JS */ #website-body .ep-p_select .ep_fakeselect .ep_label, #website-body .ep-p_select .ep_fakeselect .ep_list, #website-body .ep-p_select .ep_fakeselect .ep_list ul { position: static; display: inline-block; overflow: visible; width: 100%; margin: 0; padding: 0; background-color: transparent; vertical-align: middle; box-sizing: border-box; -moz-box-sizing: border-box; border: none; border-radius: 0; cursor: pointer; font-size: 1em; letter-spacing: normal; vertical-align: middle; text-transform: none; text-align: left; cursor: default; color: inherit; vertical-align: top; white-space: nowrap; } #website-body .ep-p_select .ep_fakeselect .ep_list { background-color: transparent; border-width: 1px; border-style: solid; border-color: inherit; line-height: 1em; } #website-body .ep-p_select .ep_fakeselect .ep_list ul { background-color: transparent; border-width: 1px; border-style: solid; border-color: inherit; line-height: 1em; } #website-body .ep-p_select .ep_fakeselect .ep_label+.ep_list { margin-left: -100%; } /* PARTICLE "SELECT" : Element de la liste */ #website-body .ep-p_select .ep_fakeselect .ep_label>span, #website-body .ep-p_select .ep_fakeselect .ep_list .ep_option, #website-body .ep-p_select .ep_fakeselect .ep_list .ep_option>a, #website-body .ep-p_select .ep_fakeselect .ep_list .ep_option>span { position: static; display: block; overflow: hidden; margin: 0; padding: 0; font-size: 1em; white-space: nowrap; letter-spacing: -0.3em; text-overflow: ellipsis; text-decoration: none; text-align: left; color: inherit; } #website-body .ep-p_select .ep_fakeselect .ep_list .ep_option.ep_jsonly { display: none; } #website-body .ep-p_select .ep_fakeselect .ep_label>span, #website-body .ep-p_select .ep_fakeselect .ep_list .ep_option>a, #website-body .ep-p_select .ep_fakeselect .ep_list .ep_option>span { height: 40px; padding-left: 10px; padding-right: 20px; box-sizing: border-box; } #website-body .ep-p_select .ep_fakeselect .ep_label .ep_name, #website-body .ep-p_select .ep_fakeselect .ep_list .ep_option .ep_name, #website-body .ep-p_select .ep_fakeselect .ep_list .ep_option .ep_icon { position: static; display: inline-block; overflow: hidden; margin: 0; padding: 0; font-size: 1em; white-space: nowrap; } #website-body .ep-p_select .ep_fakeselect .ep_label .ep_name, #website-body .ep-p_select .ep_fakeselect .ep_list .ep_option .ep_name { width: 100%; padding: 11px 0; border-top: 1px solid #c7c9cb; letter-spacing: normal; } #website-body .ep-p_select .ep_fakeselect .ep_label .ep_name, #website-body .ep-p_select .ep_fakeselect .ep_list .ep_option:first-child .ep_name { border-top: none; } #website-body .ep-p_select .ep_fakeselect .ep_label .ep_icon, #website-body .ep-p_select .ep_fakeselect .ep_list .ep_option .ep_icon { display: none; } /* PARTICLE "SELECT" : Visuel du bloc receptionnant la liste */ #website-body .ep-p_select .ep_fakeselect { background-color: #fff; } #website-body .ep-p_select .ep_fakeselect .ep_list { margin-top: -1px; margin-bottom: -1px; background-position: -97px -50px; border-color: #d1d3d4; color: inherit; } #website-body .ep-p_select .ep_fakeselect .ep_list:hover { background-color: #f6f6f6; background-position: -97px -58px; border-color: #326aab; color: #326aab; } #website-body .ep-p_select .ep_fakeselect .ep_list:before { position: static; display: inline-block; width: 100%; height: calc(1em + 24px); vertical-align: middle; content: ""; } #website-body .ep-p_select .ep_fakeselect .ep_list:after { position: relative; display: inline-block; overflow: hidden; width: 11px; height: 8px; margin: 0; padding: 0; box-sizing: border-box; box-shadow: none; transform: translate(-25px, -2px); -webkit-transform: translate(-25px, -2px); background-color: transparent; background-image: url(../img/icons.svg); background-position: inherit; background-repeat: no-repeat; border: none; outline: none; cursor: pointer; text-indent: 80px; vertical-align: middle; content: " "; } /* PARTICLE "SELECT" : Affichage du premier champ */ #website-body .ep-p_select .ep_fakeselect .ep_label, #website-body .ep-p_select .ep_fakeselect .ep_list { position: relative; } #website-body .ep-p_select .ep_fakeselect .ep_list ul { position: absolute; top: -1px; left: -1px; width: calc(100% + 2px); margin-bottom: -1px; background-color: #fff; border-bottom-style: none; } #website-body .ep-p_select .ep_fakeselect .ep_list .ep_option { height: 0; } #website-body .ep-p_select .ep_fakeselect .ep_list .ep_option.ep_selected { height: auto; } #website-body .ep-p_select .ep_fakeselect .ep_list ul:before { position: absolute; display: block; z-index: 1; top: 0; left: 2px; right: 2px; width: auto; height: 2px; background-color: #fff; content: ""; } #website-body .ep-p_select .ep_fakeselect .ep_list ul:after { position: absolute; display: block; top: 0; bottom: 0; left: 0; right: 0; background-color: #fff; opacity: 0; cursor: default; content: ""; } /* PARTICLE "SELECT" : Gestion de l'ouverture/fermeture du selecteur */ #website-body .ep-p_select .ep_fakeselect .ep_list:hover, #website-body .ep-p_select .ep_fakeselect .ep_list:focus, #website-body .ep-p_select .ep_fakeselect .ep_list:active, #website-body .ep-p_select .ep_fakeselect .ep_list:focus:hover, #website-body .ep-p_select .ep_fakeselect .ep_list:active:hover { z-index: 2; background-color: #fff; color: inherit; } #website-body .ep-p_select .ep_fakeselect .ep_list:hover .ep_option+.ep_option, #website-body .ep-p_select .ep_fakeselect .ep_list:focus .ep_option+.ep_option, #website-body .ep-p_select .ep_fakeselect .ep_list:active .ep_option+.ep_option { height: auto; } #website-body .ep-p_select .ep_fakeselect .ep_list:hover ul, #website-body .ep-p_select .ep_fakeselect .ep_list:focus ul, #website-body .ep-p_select .ep_fakeselect .ep_list:active ul { border-bottom-style: solid; } #website-body .ep-p_select .ep_fakeselect .ep_list:hover ul:after, #website-body .ep-p_select .ep_fakeselect .ep_list:focus ul:after, #website-body .ep-p_select .ep_fakeselect .ep_list:active ul:after { display: none; } /* ========================================================================================================================================================================== */ /* == BUTTON ===================== [PARTICLE] ========= ep-p_button ========================================================================================================= */ /* ========================================================================================================================================================================== */ /* Description : Particule a utiliser pour les boutons d'execution de formulaire */ /* PARTICLE "BUTTON" : Structure generale */ #website-body .ep-p_button, #website-body .ep-p_button a, #website-body .ep-p_button button, #website-body .ep-p_button .ep_name, #website-body .ep-p_button .ep_icon { position: static; display: inline-block; margin: 0; padding: 0; border: 0; outline: 0; box-sizing: border-box; font-size: 1em; vertical-align: middle; text-decoration: none; color: inherit; } #website-body .ep-p_button button { background-color: transparent; font-size: inherit; } /* PARTICLE "BUTTON" : Gestion du fond de couleur */ #website-body .ep-p_button { text-align: center; letter-spacing: -0.3em; line-height: 1.2em; white-space: nowrap; } #website-body a .ep-p_button, #website-body .ep-p_button>a, #website-body .ep-p_button>button { overflow: hidden; background-color: transparent; border: 1px solid transparent; border-radius: 5px; padding: 11px 10px; } /* PARTICLE "BUTTON" : Libelle */ #website-body .ep-p_button .ep_name { position: static; display: inline-block; letter-spacing: normal; white-space: normal; } /* PARTICLE "BUTTON" : Suppression de l'icone */ #website-body .ep-p_button .ep_icon { position: static; display: inline-block; overflow: hidden; width: 0; background-position: inherit; font-size: 1em; color: inherit; } #website-body .ep-p_button .ep_icon:before, #website-body .ep-p_button .ep_icon:after { position: static; display: none; overflow: hidden; margin: 0; padding: 0; background-image: url(../img/icons.svg); background-position: inherit; background-repeat: no-repeat; outline: 0; content: ""; font-size: 1em; vertical-align: middle; color: inherit; } /* PARTICLE "BUTTON" : Gestion du curseur de la souris */ #website-body a .ep-p_button, #website-body a .ep-p_button .ep_name, #website-body a .ep-p_button .ep_icon, #website-body .ep-p_button a, #website-body .ep-p_button a .ep_name, #website-body .ep-p_button a .ep_icon, #website-body .ep-p_button button, #website-body .ep-p_button button .ep_name, #website-body .ep-p_button button .ep_icon { cursor: pointer; } /* PARTICLE "BUTTON" : Effet de survol */ #website-body a:link .ep-p_button, #website-body a:visited .ep-p_button, #website-body .ep-p_button a:link, #website-body .ep-p_button a:visited, #website-body .ep-p_button button { background: #fff; border-color: #d1d3d4; color: inherit; } #website-body a:hover .ep-p_button, #website-body a:focus .ep-p_button, #website-body a:active .ep-p_button, #website-body .ep-p_button a:hover, #website-body .ep-p_button a:focus, #website-body .ep-p_button a:active, #website-body .ep-p_button button:hover, #website-body .ep-p_button button:focus, #website-body .ep-p_button button:active { background: #3c77bd; border-color: #3c77bd; color: #fff; } /* ========================================================================================================================================================================== */ /* == MAP SVG ====================== [PARTICLE] ========= ep-p_map ========================================================================================================== */ /* ========================================================================================================================================================================== */ /* Description : Particule a utiliser pour les cartes definies en SVG */ /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* PARTICLE "MAP SVG" : Structure generale */ #website-body .ep-p_map, #website-body .ep-p_map img, #website-body .ep-p_map svg { position: static; display: block; margin: 0; padding: 0; font-size: 1em; text-decoration: none; vertical-align: middle; color: inherit; } #website-body .ep-p_map { letter-spacing: -0.3em; white-space: nowrap; } #website-body .ep-p_map img, #website-body .ep-p_map svg { width: 100%; height: auto; max-width: 100%; margin-left: auto; margin-right: auto; vertical-align: top; } #website-body .ep-p_map img { display: none; } @media screen\0 { /* Hack CSS pour permettre a IE de gerer le ratio du SVG */ #website-body .ep-p_map { position: relative; } #website-body .ep-p_map img { display: block; } #website-body .ep-p_map svg { position: absolute; top: 0; bottom: 0; } } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* PARTICLE "MAP SVG" : Couleur de la carte */ /* PARTICLE "MAP SVG" : Pays neutre (gris) */ #website-body .ep-p_map svg .svgmap_country { fill: #d1d3d4; stroke: #fff; cursor: default; } #website-body .ep-p_map svg .svgmap_capsule { fill: #fff; stroke: #d1d3d4; cursor: default; } #website-body .ep-p_map svg .svgmap_target { fill: #505154; stroke: none; cursor: default; } /* PARTICLE "MAP SVG" : Pays ne faisant pas partie de la carte (gris clair) */ #website-body .ep-p_map svg .svgmap_outside .svgmap_country { fill: #f3f4f4; stroke: none; } #website-body .ep-p_map svg .svgmap_outside .svgmap_capsule { stroke: #f3f4f4; } #website-body .ep-p_map svg .svgmap_outside .svgmap_target { fill: #d1d3d4; } /* PARTICLE "MAP SVG" : Pays actif/interactif (bleu) */ #website-body .ep-p_map svg .svgmap_active .svgmap_country { fill: #3c77bd; stroke: #fff; cursor: pointer; } #website-body .ep-p_map svg .svgmap_active .svgmap_capsule { stroke: #d1d3d4; cursor: pointer; } #website-body .ep-p_map svg .svgmap_active .svgmap_target { fill: #9be6ff; cursor: pointer; } #website-body .ep-p_map svg .svgmap_active:hover .svgmap_country, #website-body .ep-p_map svg .svgmap_active:focus .svgmap_country, #website-body .ep-p_map svg .svgmap_active:active .svgmap_country { fill: #fff; stroke: #d1d3d4; } #website-body .ep-p_map svg .svgmap_active:hover .svgmap_capsule, #website-body .ep-p_map svg .svgmap_active:focus .svgmap_capsule, #website-body .ep-p_map svg .svgmap_active:active .svgmap_capsule { stroke: #d1d3d4; } #website-body .ep-p_map svg .svgmap_active:hover .svgmap_target, #website-body .ep-p_map svg .svgmap_active:focus .svgmap_target, #website-body .ep-p_map svg .svgmap_active:active .svgmap_target { fill: #d1d3d4; } /* PARTICLE "MAP SVG" : Pays actif/interactif (bleu) */ #website-body .ep-p_map svg .svgmap_selected .svgmap_country { fill: #f58612; cursor: pointer; } #website-body .ep-p_map svg .svgmap_selected .svgmap_capsule { stroke: #d1d3d4; cursor: pointer; } #website-body .ep-p_map svg .svgmap_selected .svgmap_target { fill: #fff; cursor: pointer; } #website-body .ep-p_map svg .svgmap_selected:hover .svgmap_country, #website-body .ep-p_map svg .svgmap_selected:focus .svgmap_country, #website-body .ep-p_map svg .svgmap_selected:active .svgmap_country { fill: #fff; } #website-body .ep-p_map svg .svgmap_selected:hover .svgmap_capsule, #website-body .ep-p_map svg .svgmap_selected:focus .svgmap_capsule, #website-body .ep-p_map svg .svgmap_selected:active .svgmap_capsule { stroke: #f58612; } #website-body .ep-p_map svg .svgmap_selected:hover .svgmap_target, #website-body .ep-p_map svg .svgmap_selected:focus .svgmap_target, #website-body .ep-p_map svg .svgmap_selected:active .svgmap_target { fill: #fff; } /* ===================================================================================================================================================================================================================== */ /* === ATOMICDESIGN ================== [ATOM] ========================================================================================================================================================================== */ /* ===================================================================================================================================================================================================================== */ /* ========================================================================================================================================================================== */ /* == STRUCTURE GENERALE ========= [ATOM] =================================================================================================================================== */ /* ========================================================================================================================================================================== */ /* ATOM : Conteneur */ #website-body [class*="ep-a_"] { position: static; display: block; margin: 0; padding: 0; border: 0; outline: 0; font-size: 1em; text-decoration: none; vertical-align: middle; color: inherit; } /* ATOM : Blocage des concatenations */ #website-body [class*="ep-a_"] [class*="ep-a_"], #website-body [class*="ep-a_"] [class*="ep-m_"], #website-body [class*="ep-a_"] [class*="ep-o_"] { display: none !important; } /* ATOM : Interlignage avec les autres atomes (marge inferieure de 20px) */ #website-body [class*="ep-a_"]:after { position: static; display: block; overflow: hidden; width: 20px; height: 20px; background-color: #f00; opacity: 0; white-space: nowrap; content: ""; } /* ATOM : Suppression de contenu selon les breakpoints */ @media screen and (min-width:1200px) { #website-body [class*="ep-a_"][data-visibility1200="false"] { display: none !important; } #website-body [class*="ep-a_"][data-visibility1200="hidden"] { position: absolute !important; display: block !important; overflow: hidden !important; width: 0 !important; height: 0 !important; flex: 0 0 auto !important; opacity: 0 !important; } } @media screen and (min-width:1020px) and (max-width:1199px) { #website-body [class*="ep-a_"][data-visibility1020="false"] { display: none !important; } #website-body [class*="ep-a_"][data-visibility1020="hidden"] { position: absolute !important; display: block !important; overflow: hidden !important; width: 0 !important; height: 0 !important; flex: 0 0 auto !important; opacity: 0 !important; } } @media screen and (min-width:750px) and (max-width:1019px), print { #website-body [class*="ep-a_"][data-visibility750="false"] { display: none !important; } #website-body [class*="ep-a_"][data-visibility750="hidden"] { position: absolute !important; display: block !important; overflow: hidden !important; width: 0 !important; height: 0 !important; flex: 0 0 auto !important; opacity: 0 !important; } } @media screen and (min-width:640px) and (max-width:749px) { #website-body [class*="ep-a_"][data-visibility640="false"] { display: none !important; } #website-body [class*="ep-a_"][data-visibility640="hidden"] { position: absolute !important; display: block !important; overflow: hidden !important; width: 0 !important; height: 0 !important; flex: 0 0 auto !important; opacity: 0 !important; } } @media screen and (min-width:480px) and (max-width:639px) { #website-body [class*="ep-a_"][data-visibility480="false"] { display: none !important; } #website-body [class*="ep-a_"][data-visibility480="hidden"] { position: absolute !important; display: block !important; overflow: hidden !important; width: 0 !important; height: 0 !important; flex: 0 0 auto !important; opacity: 0 !important; } } @media screen and (max-width:479px) { #website-body [class*="ep-a_"][data-visibility320="false"] { display: none !important; } #website-body [class*="ep-a_"][data-visibility320="hidden"] { position: absolute !important; display: block !important; overflow: hidden !important; width: 0 !important; height: 0 !important; flex: 0 0 auto !important; opacity: 0 !important; } } /* ========================================================================================================================================================================== */ /* == HEADING ==================== [ATOM] ============= ep-a_heading ======================================================================================================== */ /* ========================================================================================================================================================================== */ /* Description : Atome a utiliser pour les titres de contenu */ /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* ATOM "HEADING" : Structure generale */ /* ATOM "HEADING" : Conteneur */ #website-body .ep-a_heading>a, #website-body .ep-a_heading .ep_tag, #website-body .ep-a_heading .ep_title, #website-body .ep-a_heading .ep_subtitle { position: static; display: block; margin: 0; padding: 0; font-size: 1em; line-height: 1em; letter-spacing: normal; white-space: normal; vertical-align: middle; color: inherit; } /* ATOM "HEADING" : Gestion du curseur de la souris */ #website-body .ep-a_heading .ep_name, #website-body .ep-a_heading .ep_icon { cursor: default; } #website-body .ep-a_heading.ep-layout_level1+.ep-a_heading.ep-layout_level1 .ep_subtitle:first-child, #website-body .ep-a_heading.ep-layout_level2+.ep-a_heading.ep-layout_level2 .ep_subtitle:first-child, #website-body .ep-a_heading.ep-layout_level2-large+.ep-a_heading.ep-layout_level2-large .ep_subtitle:first-child, #website-body .ep-a_heading.ep-layout_level3+.ep-a_heading.ep-layout_level3 .ep_subtitle:first-child { margin-top: -15px; } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* ATOM "HEADING" : Ajout du tag "pleniere" ou "commission" */ #website-body .ep-a_heading .ep-p_text.ep-layout_contenttype { display: inline-block; transform: translate(0, -1px); -webkit-transform: translate(0, -1px); border-color: #505154; font-size: 1em; color: #505154; } #website-body .ep-a_heading .ep-p_text.ep-layout_contenttype:after { position: static; display: inline-block; margin: 0 5px; padding: 0; font-size: 1em; letter-spacing: normal; vertical-align: middle; content: ""; color: inherit; } #website-body .ep-a_heading .ep-p_text.ep-layout_contenttype .ep_name { padding: 2px 4px 1px 4px; background-color: #fff; border-width: 1px; border-style: solid; border-color: inherit; transform: none; font-family: Helvetica, Arial, sans-serif; font-size: 0.9em; font-weight: normal; line-height: 0.9em; text-transform: uppercase; color: inherit; } body[lang="el"] #website-body .ep-a_heading .ep-p_text.ep-layout_contenttype .ep_name, body[lang="ga"] #website-body .ep-a_heading .ep-p_text.ep-layout_contenttype .ep_name { text-transform: none; } #website-body .ep-a_heading .ep_title .ep-p_text.ep-layout_contenttype, #website-body .ep-a_heading .ep_subtitle .ep-p_text.ep-layout_contenttype { border-color: #505154; color: #505154; } #website-body .ep-a_heading .ep_title .ep-p_text.ep-layout_contenttype.ep-layout_plenary, #website-body .ep-a_heading .ep_subtitle .ep-p_text.ep-layout_contenttype.ep-layout_plenary { border-color: #003399; color: #003399; } #website-body .ep-a_heading .ep_title .ep-p_text.ep-layout_contenttype.ep-layout_committee, #website-body .ep-a_heading .ep_subtitle .ep-p_text.ep-layout_contenttype.ep-layout_committee { border-color: #e53f1f; color: #e53f1f; } #website-body a .ep-a_heading .ep_title .ep-p_text.ep-layout_contenttype .ep_name, #website-body a.ep-a_heading .ep_title .ep-p_text.ep-layout_contenttype .ep_name, #website-body .ep-a_heading>a .ep_title .ep-p_text.ep-layout_contenttype .ep_name, #website-body .ep-a_heading a.ep_title .ep-p_text.ep-layout_contenttype .ep_name, #website-body .ep-a_heading .ep_title a.ep-p_text.ep-layout_contenttype .ep_name, #website-body .ep-a_heading .ep_title .ep-p_text.ep-layout_contenttype a .ep_name, #website-body a .ep-a_heading .ep_subtitle .ep-p_text.ep-layout_contenttype .ep_name, #website-body a.ep-a_heading .ep_subtitle .ep-p_text.ep-layout_contenttype .ep_name, #website-body .ep-a_heading>a .ep_subtitle .ep-p_text.ep-layout_contenttype .ep_name, #website-body .ep-a_heading a.ep_subtitle .ep-p_text.ep-layout_contenttype .ep_name, #website-body .ep-a_heading .ep_subtitle a.ep-p_text.ep-layout_contenttype .ep_name, #website-body .ep-a_heading .ep_subtitle .ep-p_text.ep-layout_contenttype a .ep_name { transform: none !important; -webkit-transform: none !important; } #website-body .ep-a_heading .ep_title .ep-p_text.ep-layout_contenttype a:link .ep_name, #website-body .ep-a_heading .ep_title .ep-p_text.ep-layout_contenttype a:visited .ep_name, #website-body .ep-a_heading .ep_subtitle .ep-p_text.ep-layout_contenttype a:link .ep_name, #website-body .ep-a_heading .ep_subtitle .ep-p_text.ep-layout_contenttype a:visited .ep_name { transform: none; background-color: transparent; border-color: inherit; color: inherit; } #website-body a:hover .ep-a_heading .ep_title .ep-p_text.ep-layout_contenttype .ep_name, #website-body a:focus .ep-a_heading .ep_title .ep-p_text.ep-layout_contenttype .ep_name, #website-body a:active .ep-a_heading .ep_title .ep-p_text.ep-layout_contenttype .ep_name, #website-body a.ep-a_heading:hover .ep_title .ep-p_text.ep-layout_contenttype .ep_name, #website-body a.ep-a_heading:focus .ep_title .ep-p_text.ep-layout_contenttype .ep_name, #website-body a.ep-a_heading:active .ep_title .ep-p_text.ep-layout_contenttype .ep_name, #website-body .ep-a_heading>a:hover .ep_title .ep-p_text.ep-layout_contenttype .ep_name, #website-body .ep-a_heading>a:focus .ep_title .ep-p_text.ep-layout_contenttype .ep_name, #website-body .ep-a_heading>a:active .ep_title .ep-p_text.ep-layout_contenttype .ep_name, #website-body .ep-a_heading a.ep_title:hover .ep-p_text.ep-layout_contenttype .ep_name, #website-body .ep-a_heading a.ep_title:focus .ep-p_text.ep-layout_contenttype .ep_name, #website-body .ep-a_heading a.ep_title:active .ep-p_text.ep-layout_contenttype .ep_name, #website-body .ep-a_heading .ep_title a.ep-p_text.ep-layout_contenttype:hover .ep_name, #website-body .ep-a_heading .ep_title a.ep-p_text.ep-layout_contenttype:focus .ep_name, #website-body .ep-a_heading .ep_title a.ep-p_text.ep-layout_contenttype:active .ep_name, #website-body .ep-a_heading .ep_title .ep-p_text.ep-layout_contenttype a:hover .ep_name, #website-body .ep-a_heading .ep_title .ep-p_text.ep-layout_contenttype a:focus .ep_name, #website-body .ep-a_heading .ep_title .ep-p_text.ep-layout_contenttype a:active .ep_name, #website-body a:hover .ep-a_heading .ep_subtitle .ep-p_text.ep-layout_contenttype .ep_name, #website-body a:focus .ep-a_heading .ep_subtitle .ep-p_text.ep-layout_contenttype .ep_name, #website-body a:active .ep-a_heading .ep_subtitle .ep-p_text.ep-layout_contenttype .ep_name, #website-body a.ep-a_heading:hover .ep_subtitle .ep-p_text.ep-layout_contenttype .ep_name, #website-body a.ep-a_heading:focus .ep_subtitle .ep-p_text.ep-layout_contenttype .ep_name, #website-body a.ep-a_heading:active .ep_subtitle .ep-p_text.ep-layout_contenttype .ep_name, #website-body .ep-a_heading>a:hover .ep_subtitle .ep-p_text.ep-layout_contenttype .ep_name, #website-body .ep-a_heading>a:focus .ep_subtitle .ep-p_text.ep-layout_contenttype .ep_name, #website-body .ep-a_heading>a:active .ep_subtitle .ep-p_text.ep-layout_contenttype .ep_name, #website-body .ep-a_heading a.ep_subtitle:hover .ep-p_text.ep-layout_contenttype .ep_name, #website-body .ep-a_heading a.ep_subtitle:focus .ep-p_text.ep-layout_contenttype .ep_name, #website-body .ep-a_heading a.ep_subtitle:active .ep-p_text.ep-layout_contenttype .ep_name, #website-body .ep-a_heading .ep_subtitle a.ep-p_text.ep-layout_contenttype:hover .ep_name, #website-body .ep-a_heading .ep_subtitle a.ep-p_text.ep-layout_contenttype:focus .ep_name, #website-body .ep-a_heading .ep_subtitle a.ep-p_text.ep-layout_contenttype:active .ep_name, #website-body .ep-a_heading .ep_subtitle .ep-p_text.ep-layout_contenttype a:hover .ep_name, #website-body .ep-a_heading .ep_subtitle .ep-p_text.ep-layout_contenttype a:focus .ep_name, #website-body .ep-a_heading .ep_subtitle .ep-p_text.ep-layout_contenttype a:active .ep_name { transform: none; background-color: #3c77bd; border-color: #3c77bd; color: #fff !important; } #website-body a .ep-a_heading .ep_title .ep-p_text.ep-layout_contenttype+.ep-p_text .ep_name, #website-body a.ep-a_heading .ep_title .ep-p_text.ep-layout_contenttype+.ep-p_text .ep_name, #website-body .ep-a_heading a.ep_title .ep-p_text.ep-layout_contenttype+.ep-p_text .ep_name, #website-body .ep-a_heading>a .ep_title .ep-p_text.ep-layout_contenttype+.ep-p_text .ep_name, #website-body a .ep-a_heading .ep_subtitle .ep-p_text.ep-layout_contenttype+.ep-p_text .ep_name, #website-body a.ep-a_heading .ep_subtitle .ep-p_text.ep-layout_contenttype+.ep-p_text .ep_name, #website-body .ep-a_heading>a .ep_subtitle .ep-p_text.ep-layout_contenttype+.ep-p_text .ep_name, #website-body .ep-a_heading a.ep_subtitle .ep-p_text.ep-layout_contenttype+.ep-p_text .ep_name { transform: none !important; -webkit-transform: none !important; } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* ATOM "HEADING" : Ajout d'une bordure de separation */ #website-body .ep-a_heading.ep-layout_underline>*:last-child:after { position: static; display: block; width: auto; height: 10px; border-bottom: 1px solid #d1d3d4; content: ""; } #website-body .ep-a_heading.ep-layout_underline>.ep_title:last-child { margin-bottom: 0; } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* ATOM "HEADING" : Blocage de l'effet de survol du sous-titre */ #website-body a:hover .ep-a_heading .ep_tag .ep-p_text .ep_name, #website-body a:focus .ep-a_heading .ep_tag .ep-p_text .ep_name, #website-body a:active .ep-a_heading .ep_tag .ep-p_text .ep_name, #website-body a.ep-a_heading:hover .ep_tag .ep-p_text .ep_name, #website-body a.ep-a_heading:focus .ep_tag .ep-p_text .ep_name, #website-body a.ep-a_heading:active .ep_tag .ep-p_text .ep_name, #website-body .ep-a_heading>a:hover .ep_tag .ep-p_text .ep_name, #website-body .ep-a_heading>a:focus .ep_tag .ep-p_text .ep_name, #website-body .ep-a_heading>a:active .ep_tag .ep-p_text .ep_name, #website-body a:hover .ep-a_heading .ep_title+.ep_subtitle .ep-p_text .ep_name, #website-body a:focus .ep-a_heading .ep_title+.ep_subtitle .ep-p_text .ep_name, #website-body a:active .ep-a_heading .ep_title+.ep_subtitle .ep-p_text .ep_name, #website-body a.ep-a_heading:hover .ep_title+.ep_subtitle .ep-p_text .ep_name, #website-body a.ep-a_heading:focus .ep_title+.ep_subtitle .ep-p_text .ep_name, #website-body a.ep-a_heading:active .ep_title+.ep_subtitle .ep-p_text .ep_name, #website-body .ep-a_heading>a:hover .ep_title+.ep_subtitle .ep-p_text .ep_name, #website-body .ep-a_heading>a:focus .ep_title+.ep_subtitle .ep-p_text .ep_name, #website-body .ep-a_heading>a:active .ep_title+.ep_subtitle .ep-p_text .ep_name, #website-body a:hover .ep-a_heading+.ep-a_heading .ep_subtitle:first-child .ep-p_text .ep_name, #website-body a:focus .ep-a_heading+.ep-a_heading .ep_subtitle:first-child .ep-p_text .ep_name, #website-body a:active .ep-a_heading+.ep-a_heading .ep_subtitle:first-child .ep-p_text .ep_name { transform: none; -webkit-transform: none; color: inherit; } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* ATOM "HEADING" : Bloc de titre (level 1) */ /* ATOM "HEADING" : Bloc de titre (level 1 > design) */ #website-body .ep-a_heading.ep-layout_level1 .ep_title, #website-body .ep-a_heading.ep-layout_level1 .ep_title .ep-p_text { color: #1e1e1f; } #website-body .ep-a_heading.ep-layout_level1 .ep_title .ep-p_text { font-family: Georgia, Garamond, serif, Palatino; vertical-align: bottom; } /* ATOM "HEADING" : Bloc de titre (level 1 > taille de police & interlignage du titre) */ @media screen and (min-width:1020px) { #website-body .ep-a_heading.ep-layout_level1 .ep_title { margin-top: -6px; margin-bottom: 0; } #website-body .ep-a_heading.ep-layout_level1 .ep_title .ep-p_text { font-size: 3.5em; } } @media screen and (max-width:1019px), print { #website-body .ep-a_heading.ep-layout_level1 .ep_title { margin-top: -4px; margin-bottom: -6px; } #website-body .ep-a_heading.ep-layout_level1 .ep_title .ep-p_text { font-size: 3em; } } @media screen and (max-width:479px) { #website-body .ep-a_heading.ep-layout_level1 .ep_title { margin-top: -4px; margin-bottom: -6px; } #website-body .ep-a_heading.ep-layout_level1 .ep_title .ep-p_text { font-size: 2.5em; } } /* ATOM "HEADING" : Bloc de titre (level 1 > design du tag) */ #website-body .ep-a_heading.ep-layout_level1 .ep_title .ep-p_text.ep-layout_contenttype { font-size: 1.2em; } #website-body .ep-a_heading.ep-layout_level1 .ep_title .ep-p_text.ep-layout_contenttype .ep_name { padding: 2px 4px; } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* ATOM "HEADING" : Bloc de titre (level 2) */ /* ATOM "HEADING" : Bloc de titre (level 2 > design) */ #website-body .ep-a_heading.ep-layout_level2 .ep_title, #website-body .ep-a_heading.ep-layout_level2-large .ep_title, #website-body .ep-a_heading.ep-layout_level2 .ep_title .ep-p_text, #website-body .ep-a_heading.ep-layout_level2-large .ep_title .ep-p_text { color: #1e1e1f; } #website-body .ep-a_heading.ep-layout_level2 .ep_title .ep-p_text, #website-body .ep-a_heading.ep-layout_level2-large .ep_title .ep-p_text { font-family: Georgia, Garamond, serif, Palatino; font-size: 2em; vertical-align: bottom; } /* ATOM "HEADING" : Bloc de titre (level 2 > interlignage) */ #website-body .ep-a_heading.ep-layout_level2 .ep_title, #website-body .ep-a_heading.ep-layout_level2-large .ep_title { margin-top: -4px; margin-bottom: -5px; } /* ATOM "HEADING" : Bloc de titre (level 2 > correction du design) */ @media screen and (min-width:750px), print { #website-body .ep-a_heading.ep-layout_level2-large .ep_title { margin-top: -8px; margin-bottom: -6px; } #website-body .ep-a_heading.ep-layout_level2-large .ep_title .ep-p_text { font-size: 2.5em; } } /* ATOM "HEADING" : Bloc de titre (level 2 > design du tag) */ #website-body .ep-a_heading.ep-layout_level2 .ep_title .ep-p_text.ep-layout_contenttype, #website-body .ep-a_heading.ep-layout_level2-large .ep_title .ep-p_text.ep-layout_contenttype { transform: translate(0, -3px); -webkit-transform: translate(0, -3px); font-size: 1.1em; } #website-body .ep-a_heading.ep-layout_level2 .ep_title .ep-p_text.ep-layout_contenttype .ep_name, #website-body .ep-a_heading.ep-layout_level2-large .ep_title .ep-p_text.ep-layout_contenttype .ep_name { padding: 2px 4px; } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* ATOM "HEADING" : Bloc de titre (level 3) */ /* ATOM "HEADING" : Bloc de titre (level 3 > design) */ #website-body .ep-a_heading.ep-layout_level3 .ep_title, #website-body .ep-a_heading.ep-layout_level3 .ep_title .ep-p_text { color: #1e1e1f; } #website-body .ep-a_heading.ep-layout_level3 .ep_title .ep-p_text { font-size: 1.4em; font-weight: bold; vertical-align: bottom; } /* ATOM "HEADING" : Bloc de titre (level 3 > interlignage) */ #website-body .ep-a_heading.ep-layout_level3 .ep_title { margin-top: -2px; margin-bottom: -4px; } /* ATOM "HEADING" : Bloc de titre (level 3 > design du tag) */ #website-body .ep-a_heading.ep-layout_level3 .ep_title .ep-p_text.ep-layout_contenttype { font-size: 1em; } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* ATOM "HEADING" : Bloc de sous-titre */ /* ATOM "HEADING" : Dimension des textes */ #website-body .ep-a_heading .ep_subtitle .ep-p_text { display: inline; font-size: 1.2em; vertical-align: bottom; color: #1e1e1f; } #website-body .ep-a_heading.ep-layout_level1 .ep_subtitle .ep-p_text, #website-body .ep-a_heading.ep-layout_level2 .ep_subtitle .ep-p_text, #website-body .ep-a_heading.ep-layout_level2-large .ep_subtitle .ep-p_text { font-weight: bold; } #website-body .ep-a_heading.ep-layout_level1 .ep_subtitle .ep-p_text { font-size: 1.4em; } #website-body .ep-a_heading.ep-layout_level1 .ep_subtitle .ep-p_text.ep-layout_category, #website-body .ep-a_heading.ep-layout_level1 .ep_subtitle .ep-p_text.ep-layout_date { display: inline-block; font-size: 1.2em; } /* ATOM "HEADING" : Interlignage */ #website-body .ep-a_heading .ep_subtitle { margin-bottom: -3px; letter-spacing: -0.3em; } #website-body .ep-a_heading .ep_subtitle .ep-p_text .ep_name { margin-top: 3px; } #website-body .ep-a_heading .ep_subtitle+.ep_subtitle { margin-top: 5px; } @media screen and (min-width:1020px) { #website-body .ep-a_heading.ep-layout_level1 .ep_subtitle { margin-top: 1px; } } @media screen and (max-width:1019px), print { #website-body .ep-a_heading.ep-layout_level1 .ep_subtitle { margin-top: 1px; } } #website-body .ep-a_heading.ep-layout_level2 .ep_subtitle, #website-body .ep-a_heading.ep-layout_level2-large .ep_subtitle { margin-top: 7px; } @media screen and (min-width:750px), print { #website-body .ep-a_heading.ep-layout_level2-large .ep_subtitle { margin-top: 5px; } } #website-body .ep-a_heading.ep-layout_level3 .ep_subtitle { margin-top: 4px; } #website-body .ep-a_heading .ep_subtitle:first-child { margin-top: -5px; } #website-body .ep-a_heading.ep-layout_level1 .ep_subtitle:first-child, #website-body .ep-a_heading.ep-layout_level2 .ep_subtitle:first-child, #website-body .ep-a_heading.ep-layout_level2-large .ep_subtitle:first-child, #website-body .ep-a_heading.ep-layout_level3 .ep_subtitle:first-child { margin-top: -1px; } #website-body .ep-a_heading.ep-layout_level2 .ep_subtitle+.ep_subtitle, #website-body .ep-a_heading.ep-layout_level2-large .ep_subtitle+.ep_subtitle { margin-top: 2px; } /* ATOM "HEADING" : Separateur entre les blocs de texte */ #website-body .ep-a_heading .ep_subtitle .ep-p_text:after { position: static; display: inline-block; margin: 0 5px; padding: 0; font-size: 1em; letter-spacing: normal; vertical-align: middle; content: ""; color: inherit; } #website-body .ep-a_heading .ep_subtitle .ep-p_text:before { position: static; margin: 0 5px 0 0; padding: 0; font-size: 1em; letter-spacing: normal; vertical-align: middle; color: inherit; } #website-body .ep-a_heading .ep_subtitle .ep-p_text.ep-layout_category+.ep-p_text.ep-layout_category:before { content: "/"; } #website-body .ep-a_heading .ep_subtitle .ep-p_text.ep-layout_category+.ep-p_text.ep-layout_date:before { content: " - "; } /* ATOM "HEADING" : Design "date" */ #website-body .ep-a_heading .ep_subtitle .ep-p_text.ep-layout_date { font-weight: normal; color: inherit; } /* ATOM "HEADING" : Design "categorie" */ #website-body .ep-a_heading .ep_subtitle .ep-p_text.ep-layout_category { font-weight: bold; color: inherit; } #website-body a .ep-a_heading .ep_subtitle .ep-p_text.ep-layout_category, #website-body a.ep-a_heading .ep_subtitle .ep-p_text.ep-layout_category, #website-body .ep-a_heading>a .ep_subtitle .ep-p_text.ep-layout_category, #website-body .ep-a_heading a.ep_subtitle .ep-p_text.ep-layout_category, #website-body .ep-a_heading .ep_subtitle a.ep-p_text.ep-layout_category, #website-body .ep-a_heading .ep_subtitle .ep-p_text.ep-layout_category a { color: #3c77bd; } /* ATOM "HEADING" : Design "type de contenu" */ #website-body .ep-a_heading .ep_subtitle .ep-p_text.ep-layout_contenttype, #website-body .ep-a_heading>a .ep_subtitle .ep-p_text.ep-layout_contenttype { font-size: 1em; } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* ATOM "HEADING" : Bloc de tag */ /* ATOM "HEADING" : Ajout du cadre du tag */ #website-body .ep-a_heading .ep_tag .ep-p_text { padding: 0; font-size: 1.1em; text-align: left; text-transform: uppercase; vertical-align: top; } body[lang="el"] #website-body .ep-a_heading .ep_tag .ep-p_text, body[lang="ga"] #website-body .ep-a_heading .ep_tag .ep-p_text { font-size: 1.2em; text-transform: none; } #website-body .ep-a_heading .ep_tag .ep-p_text .ep_icon { display: none; } #website-body .ep-a_heading .ep_tag .ep-p_text .ep_name { padding: 4px 9px 3px 9px; background-color: #3c77bd; border: 1px solid #3c77bd; color: #fff; } /* ATOM "HEADING" : Ajout de la marge sur le bloc titre */ #website-body .ep-a_heading .ep_tag+.ep_title { margin-top: 0.6em; } /* ATOM "HEADING" : Gestion de l'effet de survol */ #website-body a:link .ep-a_heading .ep_tag .ep-p_text, #website-body a:visited .ep-a_heading .ep_tag .ep-p_text, #website-body a.ep-a_heading:link .ep_tag .ep-p_text, #website-body a.ep-a_heading:visited .ep_tag .ep-p_text, #website-body .ep-a_heading>a:link .ep_tag .ep-p_text, #website-body .ep-a_heading>a:visited .ep_tag .ep-p_text, #website-body .ep-a_heading a.ep_tag:link .ep-p_text, #website-body .ep-a_heading a.ep_tag:visited .ep-p_text, #website-body .ep-a_heading .ep_tag a.ep-p_text:link #website-body .ep-a_heading .ep_tag a.ep-p_text:visited, #website-body .ep-a_heading .ep_tag .ep-p_text a:link #website-body .ep-a_heading .ep_tag .ep-p_text a:visited, #website-body a:hover .ep-a_heading .ep_tag .ep-p_text, #website-body a:focus .ep-a_heading .ep_tag .ep-p_text, #website-body a:active .ep-a_heading .ep_tag .ep-p_text, #website-body a.ep-a_heading:hover .ep_tag .ep-p_text, #website-body a.ep-a_heading:focus .ep_tag .ep-p_text, #website-body a.ep-a_heading:active .ep_tag .ep-p_text, #website-body .ep-a_heading>a:hover .ep_tag .ep-p_text, #website-body .ep-a_heading>a:focus .ep_tag .ep-p_text, #website-body .ep-a_heading>a:active .ep_tag .ep-p_text { background-color: #3c77bd; border-color: #3c77bd; color: #fff; } #website-body a:hover .ep-a_heading .ep_tag .ep-p_text, #website-body a:focus .ep-a_heading .ep_tag .ep-p_text, #website-body a:active .ep-a_heading .ep_tag .ep-p_text, #website-body a.ep-a_heading:hover .ep_tag .ep-p_text, #website-body a.ep-a_heading:focus .ep_tag .ep-p_text, #website-body a.ep-a_heading:active .ep_tag .ep-p_text, #website-body .ep-a_heading>a:hover .ep_tag .ep-p_text, #website-body .ep-a_heading>a:focus .ep_tag .ep-p_text, #website-body .ep-a_heading>a:active .ep_tag .ep-p_text, #website-body .ep-a_heading a.ep_tag:hover .ep-p_text, #website-body .ep-a_heading a.ep_tag:focus .ep-p_text, #website-body .ep-a_heading a.ep_tag:active .ep-p_text, #website-body .ep-a_heading .ep_tag a.ep-p_text:hover, #website-body .ep-a_heading .ep_tag a.ep-p_text:focus, #website-body .ep-a_heading .ep_tag a.ep-p_text:active, #website-body .ep-a_heading .ep_tag .ep-p_text a:hover, #website-body .ep-a_heading .ep_tag .ep-p_text a:focus, #website-body .ep-a_heading .ep_tag .ep-p_text a:active { background-color: #3c77bd; border-color: #3c77bd; color: #fff; } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* ATOM "HEADING" : Texte centre avec une ligne de separation */ /* ATOM "HEADING" : Ajout des lignes de part et d'autre du titre */ #website-body .ep-a_heading.ep-layout_separatedline { overflow: hidden; } #website-body .ep-a_heading.ep-layout_separatedline .ep_title { padding-left: 20px; padding-right: 20px; text-align: center; } #website-body .ep-a_heading.ep-layout_separatedline .ep_title .ep-p_text { position: relative; display: inline-block; overflow: visible; } #website-body .ep-a_heading.ep-layout_separatedline .ep_title .ep-p_text:before, #website-body .ep-a_heading.ep-layout_separatedline .ep_title .ep-p_text:after { position: absolute; display: block; top: 50%; width: 600px; height: 0; margin: 1px 0 0 0; border-top: 1px dotted #d1d3d4; content: ""; } #website-body .ep-a_heading.ep-layout_separatedline .ep_title .ep-p_text:before { right: calc(100% + 10px); } #website-body .ep-a_heading.ep-layout_separatedline .ep_title .ep-p_text:after { left: calc(100% + 10px); } /* ATOM "HEADING" : Modification de la ligne selon le niveau du titre */ #website-body .ep-a_heading.ep-layout_level1.ep-layout_separatedline .ep_title .ep-p_text:before, #website-body .ep-a_heading.ep-layout_level1.ep-layout_separatedline .ep_title .ep-p_text:after { margin-top: 3px; border-top-width: 2px; } @media screen and (min-width:750px), print { #website-body .ep-a_heading.ep-layout_level2-large.ep-layout_separatedline .ep_title .ep-p_text:before, #website-body .ep-a_heading.ep-layout_level2-large.ep-layout_separatedline .ep_title .ep-p_text:after { border-top-width: 2px; } } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* ATOM "HEADING" : Titre avec une icone personnalisee */ /* ATOM "HEADING" : Affichage de l'icone definie via "style" dans la page HTML */ #website-body .ep-a_heading.ep-layout_iconleft .ep_title .ep-p_text .ep_icon:before, #website-body .ep-a_heading.ep-layout_icontop .ep_title .ep-p_text .ep_icon:before { display: block; width: 50px; height: 40px; margin-top: 0; margin-right: 10px; background-image: inherit; background-position: inherit; } /* ATOM "HEADING" : Reorganisation de l'atome pour l'icone a gauche du texte */ #website-body .ep-a_heading.ep-layout_iconleft .ep_title .ep-p_text, #website-body .ep-a_heading.ep-layout_iconleft .ep_tag, #website-body .ep-a_heading.ep-layout_iconleft .ep_subtitle { padding-left: 60px; } #website-body .ep-a_heading.ep-layout_iconleft .ep_title .ep-p_text { direction: rtl; } #website-body .ep-a_heading.ep-layout_iconleft .ep_title .ep-p_text .ep_name { direction: ltr; vertical-align: top; } #website-body .ep-a_heading.ep-layout_iconleft .ep_title .ep-p_text .ep_icon { overflow: visible; width: 0; height: 40px; vertical-align: top; } #website-body .ep-a_heading.ep-layout_level1.ep-layout_iconleft .ep_title .ep-p_text .ep_icon:before { margin-top: 1px; } #website-body .ep-a_heading.ep-layout_level2.ep-layout_iconleft .ep_title .ep-p_text .ep_icon:before, #website-body .ep-a_heading.ep-layout_level2-large.ep-layout_iconleft .ep_title .ep-p_text .ep_icon:before { margin-top: -7px; } #website-body .ep-a_heading.ep-layout_level3.ep-layout_iconleft .ep_title .ep-p_text { padding-left: 50px; } #website-body .ep-a_heading.ep-layout_level3.ep-layout_iconleft .ep_title .ep-p_text .ep_icon { height: 32px; } #website-body .ep-a_heading.ep-layout_level3.ep-layout_iconleft .ep_title .ep-p_text .ep_icon:before { margin-top: -12px; margin-right: 2px; transform: scale(0.8); } /* ATOM "HEADING" : Reorganisation de l'atome pour l'icone au dessus du texte */ #website-body .ep-a_heading.ep-layout_icontop .ep_title .ep-p_text, #website-body .ep-a_heading.ep-layout_icontop .ep_title .ep-p_text>a { display: inline-flex; display: -webkit-inline-flex; flex-direction: column-reverse; -webkit-flex-direction: column-reverse; flex-wrap: wrap; -webkit-flex-wrap: wrap; } #website-body .ep-a_heading.ep-layout_icontop .ep_title .ep-p_text>a, #website-body .ep-a_heading.ep-layout_icontop .ep_title .ep-p_text .ep_name, #website-body .ep-a_heading.ep-layout_icontop .ep_title .ep-p_text .ep_icon { flex: 1 1 auto; -webkit-flex: 1 1 auto; } #website-body .ep-a_heading.ep-layout_icontop .ep_title .ep-p_text .ep_icon { overflow: visible; width: 50px; height: 0; margin-left: auto; margin-right: auto; } #website-body .ep-a_heading.ep-layout_icontop .ep_title .ep-p_text .ep_name { margin-top: 40px; direction: ltr; } #website-body .ep-a_heading.ep-layout_level1.ep-layout_icontop .ep_title .ep-p_text .ep_icon { margin-bottom: 2px; } #website-body .ep-a_heading.ep-layout_level2.ep-layout_icontop .ep_title .ep-p_text .ep_icon, #website-body .ep-a_heading.ep-layout_level2-large.ep-layout_icontop .ep_title .ep-p_text .ep_icon { margin-bottom: 5px; } #website-body .ep-a_heading.ep-layout_level3.ep-layout_icontop .ep_title .ep-p_text .ep_icon { margin-bottom: 0; } #website-body .ep-a_heading.ep-layout_level3.ep-layout_icontop .ep_title .ep-p_text .ep_icon:before { transform: scale(0.8); -webkit-transform: scale(0.8); } /* ========================================================================================================================================================================== */ /* == TEXT ======================= [ATOM] ============= ep-a_text =========================================================================================================== */ /* ========================================================================================================================================================================== */ /* Description : Atome a utiliser pour l'affichage de texte de contenu (paragraphe, liste, tableau etc.) */ /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* ATOM "TEXT" : Structure generale */ /* ATOM "TEXT" : Structure generale */ #website-body .ep-a_text p, #website-body .ep-a_text ol, #website-body .ep-a_text ul, #website-body .ep-a_text li, #website-body .ep-a_text dl, #website-body .ep-a_text dt, #website-body .ep-a_text dd, #website-body .ep-a_text table { position: static; margin: 0 0 -6px 0; padding: 0; font-size: 1em; vertical-align: middle; color: inherit; } #website-body .ep-a_text p, #website-body .ep-a_text ul, #website-body .ep-a_text ul li, #website-body .ep-a_text dl, #website-body .ep-a_text dt, #website-body .ep-a_text dd { display: block; } /* ATOM "TEXT" : Tableaux */ #website-body .ep-a_text table { font-size: 1.2em; border-collapse: collapse; border: 1px solid #d1d3d4; } #website-body .ep-a_text table td, #website-body .ep-a_text table th { padding: 2px 5px; border: 1px dotted #d1d3d4; } #website-body .ep-a_text table th { background-color: #fafafa; border-style: solid; border-bottom-style: dotted; font-weight: bold; } /* ATOM "TEXT" : Taille de police */ @media screen and (min-width:750px), print { #website-body .ep-a_text>p, #website-body .ep-a_text>ol, #website-body .ep-a_text>ul, #website-body .ep-a_text>dl, #website-body .ep-a_text>table { font-size: 1.4em; } } @media screen and (max-width:749px) { #website-body .ep-a_text>p, #website-body .ep-a_text>ol, #website-body .ep-a_text>ul, #website-body .ep-a_text>dl, #website-body .ep-a_text>table { font-size: 1.6em; } #website-body .ep-a_text table td, #website-body .ep-a_text table th { padding: 7px 5px; } } /* ATOM "TEXT" : Interlignage */ #website-body .ep-a_text>p, #website-body .ep-a_text>ol, #website-body .ep-a_text>ul, #website-body .ep-a_text>dl, #website-body .ep-a_text>table { line-height: 1.5em; } #website-body .ep-a_text>p:first-child, #website-body .ep-a_text>ul:first-child, #website-body .ep-a_text>ol:first-child, #website-body .ep-a_text>dl:first-child, #website-body .ep-a_text>table:first-child { margin-top: -4px; } #website-body .ep-a_text *+p, #website-body .ep-a_text *+ul, #website-body .ep-a_text ul li+li, #website-body .ep-a_text *+ol, #website-body .ep-a_text ol li+li, #website-body .ep-a_text *+dl, #website-body .ep-a_text dl *+dt, #website-body .ep-a_text dl *+dd, #website-body .ep-a_text *+table { margin-top: 1em; } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* ATOM "TEXT" : Gestion des listes */ /* ATOM "TEXT" : Affichage des listes non ordonnees */ #website-body .ep-a_text ul li { padding-left: 20px; } #website-body .ep-a_text ul li:before { position: absolute; display: block; overflow: hidden; width: 4px; height: 4px; transform: translate(-20px, 8px); -webkit-transform: translate(-20px, 8px); background-color: #505154; border: 0; border-radius: 50%; content: " "; } /* ATOM "TEXT" : Affichage des listes ordonnees */ #website-body .ep-a_text ol { padding-left: 20px; } /* ATOM "TEXT" : Affichage des listes de descriptions */ #website-body .ep-a_text dl dt { font-weight: bold; color: #1e1e1f; } #website-body .ep-a_text dl dt+dd { margin-top: 5px; } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* ATOM "TEXT" : Correction de la particule "text" pour les liens */ #website-body .ep-a_text .ep-p_text { margin-top: 1px; vertical-align: top; } #website-body a .ep-a_text .ep-p_text, #website-body a.ep-a_text .ep-p_text, #website-body .ep-a_text>a .ep-p_text, #website-body .ep-a_text a.ep-p_text, #website-body .ep-a_text .ep-p_text a { color: #3c77bd; } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* ATOM "TEXT" : Design "Chapo" (paragraphe seulement) */ /* ATOM "TEXT" : Structure generale */ #website-body .ep-a_text.ep-layout_chapo>* { display: none; } #website-body .ep-a_text.ep-layout_chapo>p { display: block; font-weight: bold; } /* ========================================================================================================================================================================== */ /* == LIST OF LINKS ============== [ATOM] ============= ep-a_links ========================================================================================================== */ /* ========================================================================================================================================================================== */ /* Description : Atome a utiliser pour l'integration d'une liste de liens (texte + icone) */ /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* ATOM "LIST OF LINKS" : Structure generale */ /* ATOM "LIST OF LINKS" : Structure generale */ #website-body .ep-a_links .ep_title, #website-body .ep-a_links .ep_list { position: static; display: block; margin: 0 0 -6px 0; padding: 0; border: 0; outline: 0; font-size: 1em; vertical-align: middle; color: inherit; } /* ATOM "LIST OF LINKS" : Correction de l'interlignage si l'atome est au debut de la molecule */ #website-body .ep-a_links:first-child .ep_list:first-child { margin-top: -17px; } /* ATOM "LIST OF LINKS" : Taille des polices */ #website-body .ep-a_links .ep_title .ep-p_text, #website-body .ep-a_links .ep_list .ep-p_text { font-size: 1.4em; line-height: 1.4em; color: #1e1e1f; } /* ATOM "LIST OF LINKS" : Interlignage */ #website-body .ep-a_links .ep_title { padding-bottom: 20px; } #website-body .ep-a_links .ep_title .ep-p_text { margin-top: -5px; } #website-body .ep-a_links .ep_list>* { padding-top: 17px; padding-bottom: 15px; } #website-body .ep-a_links .ep_list { margin-bottom: -20px; } #website-body .ep-a_links .ep_list:first-child { margin-top: -20px; } /* ATOM "LIST OF LINKS" : Separateur de liens */ #website-body .ep-a_links .ep_list>* { border-top: 1px dotted #d1d3d4; } #website-body .ep-a_links .ep_list>*:first-child { border-top-style: none; } #website-body .ep-a_links .ep_title+.ep_list>*:first-child { border-top-style: solid; } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* ATOM "LIST OF LINKS" : Gestion du titre */ /* ATOM "LIST OF LINKS" : Affichage du format du lien */ #website-body .ep-a_links .ep_title .ep-p_text .ep_name { font-weight: bold; } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* ATOM "LIST OF LINKS" : Gestion du texte des liens */ /* ATOM "LIST OF LINKS" : Affichage du format du lien */ #website-body .ep-a_links .ep-p_text .ep_name .ep_format { white-space: nowrap; color: #505154; } /* ATOM "LIST OF LINKS" : Couleur des liens */ #website-body .ep-a_links a:link .ep-p_text .ep_name, #website-body .ep-a_links a:visited .ep-p_text .ep_name, #website-body .ep-a_links a.ep-p_text:link .ep_name, #website-body .ep-a_links a.ep-p_text:visited .ep_name, #website-body .ep-a_links .ep-p_text a:link .ep_name, #website-body .ep-a_links .ep-p_text a:visited .ep_name, #website-body .ep-a_links .ep-p_text .ep_name a:link, #website-body .ep-a_links .ep-p_text .ep_name a:visited { color: #3c77bd; } /* ATOM "LIST OF LINKS" : Separateur de liens */ #website-body .ep-a_links .ep-p_text { overflow: visible; } #website-body .ep-a_links .ep-p_text .ep_name a { vertical-align: top; } #website-body .ep-a_links .ep-p_text .ep_name a+.ep_hidden+a { position: static; display: inline-block; margin-left: 15px; } #website-body .ep-a_links .ep-p_text .ep_name a+.ep_hidden+a:before { position: static; display: inline-block; width: 1px; height: 11px; margin: -4px 0 0 0; background-color: #505154; content: ""; vertical-align: middle; white-space: nowrap; } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* ATOM "LIST OF LINKS" : Gestion de l'icone des liens */ /* ATOM "LIST OF LINKS" : Positionnement de l'icone */ #website-body .ep-a_links .ep_list .ep-p_text.ep-layout_page, #website-body .ep-a_links .ep_list .ep-p_text.ep-layout_pdf, #website-body .ep-a_links .ep_list .ep-p_text.ep-layout_document, #website-body .ep-a_links .ep_list .ep-p_text.ep-layout_page>a, #website-body .ep-a_links .ep_list .ep-p_text.ep-layout_pdf>a, #website-body .ep-a_links .ep_list .ep-p_text.ep-layout_document>a { display: inline-flex; display: -webkit-inline-flex; flex-direction: row; -webkit-flex-direction: row; white-space: normal; } #website-body .ep-a_links .ep_list .ep-p_text.ep-layout_page .ep_name, #website-body .ep-a_links .ep_list .ep-p_text.ep-layout_pdf .ep_name, #website-body .ep-a_links .ep_list .ep-p_text.ep-layout_document .ep_name { display: inline; order: 2; -webkit-order: 2; } #website-body .ep-a_links .ep_list .ep-p_text.ep-layout_page .ep_icon, #website-body .ep-a_links .ep_list .ep-p_text.ep-layout_pdf .ep_icon, #website-body .ep-a_links .ep_list .ep-p_text.ep-layout_document .ep_icon { order: 1; -webkit-order: 1; } #website-body .ep-a_links .ep_list .ep-p_text.ep-layout_page .ep_icon, #website-body .ep-a_links .ep_list .ep-p_text.ep-layout_pdf .ep_icon, #website-body .ep-a_links .ep_list .ep-p_text.ep-layout_document .ep_icon { display: inline-block; overflow: visible; width: 0; height: 1em; margin-right: 5px; } #website-body .ep-a_links .ep_list .ep-p_text.ep-layout_page .ep_icon:before, #website-body .ep-a_links .ep_list .ep-p_text.ep-layout_pdf .ep_icon:before, #website-body .ep-a_links .ep_list .ep-p_text.ep-layout_document .ep_icon:before { display: block; width: 10px; height: 10px; } /* ATOM "LIST OF LINKS" : Affichage de l'icone ">" pour les liens vers des pages internet */ #website-body .ep-a_links .ep_list .ep-p_text.ep-layout_page { padding-left: 10px; } #website-body .ep-a_links .ep_list .ep-p_text.ep-layout_page .ep_icon:before { width: 11px; height: 8px; transform: translate(-10px, 5px) rotate(-90deg); -webkit-transform: translate(-10px, 5px) rotate(-90deg); background-position: -97px -58px; } /* ATOM "LIST OF LINKS" : Affichage de l'icone de format pour les liens vers des fichiers */ #website-body .ep-a_links .ep_list .ep-p_text.ep-layout_pdf, #website-body .ep-a_links .ep_list .ep-p_text.ep-layout_document { padding-left: 20px; } #website-body .ep-a_links .ep_list .ep-p_text.ep-layout_pdf .ep_icon:before, #website-body .ep-a_links .ep_list .ep-p_text.ep-layout_document .ep_icon:before { width: 20px; height: 15px; transform: translate(-20px, 1px); -webkit-transform: translate(-20px, 1px); } #website-body .ep-a_links .ep_list .ep-p_text.ep-layout_pdf .ep_icon:before { background-color: #f00; background-position: -45px -110px; } #website-body .ep-a_links .ep_list .ep-p_text.ep-layout_document .ep_icon:before { background-color: #505154; background-position: -45px -125px; } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* ATOM "LIST OF LINKS" : Effet de survol des liens */ /* ATOM "LIST OF LINKS" : Changement d'orientation de l'animation pour les liens uniques par ligne */ #website-body .ep-a_links a:hover .ep-p_text .ep_name, #website-body .ep-a_links a:focus .ep-p_text .ep_name, #website-body .ep-a_links a:active .ep-p_text .ep_name, #website-body .ep-a_links a.ep-p_text:hover .ep_name, #website-body .ep-a_links a.ep-p_text:focus .ep_name, #website-body .ep-a_links a.ep-p_text:active .ep_name, #website-body .ep-a_links .ep-p_text a:hover .ep_name, #website-body .ep-a_links .ep-p_text a:focus .ep_name, #website-body .ep-a_links .ep-p_text a:active .ep_name { transform: translate(5px, 0); -webkit-transform: translate(5px, 0); } /* ATOM "LIST OF LINKS" : Changement de couleur et d'effet visuel pour les liens multiples par ligne */ #website-body .ep-a_links .ep-p_text .ep_name a:link, #website-body .ep-a_links .ep-p_text .ep_name a:visited { transform: translate(0, 0); -webkit-transform: translate(0, 0); } #website-body .ep-a_links .ep-p_text .ep_name a:hover, #website-body .ep-a_links .ep-p_text .ep_name a:focus, #website-body .ep-a_links .ep-p_text .ep_name a:active { transform: translate(0, -3px); -webkit-transform: translate(0, -3px); color: #3c77bd; } #website-body .ep-a_links .ep-p_text .ep_name a:link, #website-body .ep-a_links .ep-p_text .ep_name a:visited, #website-body .ep-a_links .ep-p_text .ep_name a+.ep_hidden+a:before { transition: transform 0.2s ease-out 0s; -webkit-transition: -webkit-transform 0.2s ease-out 0s; } /* ATOM "LIST OF LINKS" : Blocage du deplacement du trait de separation entre liens multiples */ #website-body .ep-a_links .ep-p_text .ep_name a+.ep_hidden+a:link:before, #website-body .ep-a_links .ep-p_text .ep_name a+.ep_hidden+a:visited:before { transform: translate(-7px, 1px); -webkit-transform: translate(-7px, 1px); } #website-body .ep-a_links .ep-p_text .ep_name a+.ep_hidden+a:hover:before, #website-body .ep-a_links .ep-p_text .ep_name a+.ep_hidden+a:focus:before, #website-body .ep-a_links .ep-p_text .ep_name a+.ep_hidden+a:active:before { transform: translate(-7px, 3px); -webkit-transform: translate(-7px, 3px); } /* ========================================================================================================================================================================== */ /* == MEDIAS ===================== [ATOM] ============= ep-a_media ========================================================================================================== */ /* ========================================================================================================================================================================== */ /* Description : Atome a utiliser pour l'integration de multimedia (video, image) et des elements accessoires (icone, tag, legende etc.) */ /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* ATOM "MEDIAS" : Structure generale */ /* ATOM "MEDIAS" : Structure generale */ #website-body .ep-a_media a, #website-body .ep-a_media figure, #website-body .ep-a_media .ep_media, #website-body .ep-a_media .ep_text { position: static; display: block; margin: 0; padding: 0; border: 0; outline: 0; font-size: 1em; text-decoration: none; vertical-align: middle; color: inherit; } /* ATOM "MEDIAS" : Correction de l'interlignage */ #website-body .ep-a_media { margin-top: -1px; letter-spacing: -0.3em; white-space: nowrap; } /* ATOM "MEDIAS" : Alignement du bloc media */ #website-body .ep-a_media .ep_media .ep-p_image, #website-body .ep-a_media .ep_media .ep-p_text { display: inline-block; width: 100%; vertical-align: top; } #website-body .ep-a_media .ep_media *+.ep-p_image { margin-left: -100%; } #website-body .ep-a_media .ep_media *+.ep-p_text { margin-bottom: 1px; margin-left: calc(-100% - 1px); } #website-body .ep-a_media .ep-p_text a { display: inline-block; } /* ATOM "MEDIAS" : Ajout d'une bordure optionnelle sur l'image */ #website-body .ep-a_media .ep_media.ep-layout_border .ep-p_image .ep_image { margin-top: 1px; background-color: #fff; border: 1px solid #d1d3d4; } /* ATOM "MEDIAS" : Ajout d'une bordure optionnelle sur l'image */ #website-body .ep-a_media .ep_media.ep-layout_embed { display: none; } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* ATOM "MEDIAS" : Information de l'image */ /* ATOM "MEDIAS" : Positionnement des textes par rapport a l'image */ #website-body .ep-a_media .ep_media .ep-p_text.ep-layout_tag, #website-body .ep-a_media .ep_media .ep-p_text.ep-layout_video, #website-body .ep-a_media .ep_media .ep-p_text.ep-layout_infographic { position: relative; box-sizing: border-box; cursor: default; } /* ATOM "MEDIAS" : Design du tag */ #website-body .ep-a_media .ep_media .ep-p_text.ep-layout_tag { padding: 10px; font-size: 1.1em; text-align: left; text-transform: uppercase; vertical-align: top; } body[lang="el"] #website-body .ep-a_media .ep_media .ep-p_text.ep-layout_tag, body[lang="ga"] #website-body .ep-a_media .ep_media .ep-p_text.ep-layout_tag { font-size: 1.2em; text-transform: none; } #website-body .ep-a_media .ep_media .ep-p_text.ep-layout_tag .ep_icon { display: none; } #website-body .ep-a_media .ep_media .ep-p_text.ep-layout_tag .ep_name { padding: 5px 10px 4px 10px; background-color: #3c77bd; color: #fff; } /* ATOM "MEDIAS" : Design du bloc "duree de video" et "nombre de versions linguistiques" */ #website-body .ep-a_media .ep_media .ep-p_text.ep-layout_video, #website-body .ep-a_media .ep_media .ep-p_text.ep-layout_infographic { font-size: 1.1em; text-align: right; line-height: 0; vertical-align: bottom; direction: rtl; color: #fff; } #website-body .ep-a_media .ep_media .ep-p_text.ep-layout_video .ep_name, #website-body .ep-a_media .ep_media .ep-p_text.ep-layout_infographic .ep_name { margin: 0; padding: 0 10px; background-color: #000; direction: ltr; line-height: 1em; color: inherit; } #website-body .ep-a_media .ep_media .ep-p_text.ep-layout_video .ep_name:before, #website-body .ep-a_media .ep_media .ep-p_text.ep-layout_infographic .ep_name:before { position: static; display: inline-block; overflow: hidden; width: 0; content: ""; vertical-align: middle; } #website-body .ep-a_media .ep_media .ep-p_text.ep-layout_video .ep_icon, #website-body .ep-a_media .ep_media .ep-p_text.ep-layout_infographic .ep_icon { position: relative; display: inline-block; overflow: visible; width: auto; background-color: #000; line-height: 1em; } #website-body .ep-a_media .ep_media .ep-p_text.ep-layout_video .ep_icon:before, #website-body .ep-a_media .ep_media .ep-p_text.ep-layout_video .ep_icon:after, #website-body .ep-a_media .ep_media .ep-p_text.ep-layout_infographic .ep_icon:before, #website-body .ep-a_media .ep_media .ep-p_text.ep-layout_infographic .ep_icon:after { display: inline-block; } #website-body .ep-a_media .ep_media .ep-p_text.ep-layout_video .ep_icon:after, #website-body .ep-a_media .ep_media .ep-p_text.ep-layout_infographic .ep_icon:after { width: 5px; background-image: none; } #website-body .ep-a_media .ep_media .ep-p_text.ep-layout_video .ep_icon:before { width: 9px; height: 8px; margin-left: 5px; margin-right: -3px; background-position: -100px -87px; } #website-body .ep-a_media .ep_media .ep-p_text.ep-layout_infographic .ep_icon:before { width: 20px; height: 14px; margin-top: -2px; margin-left: 5px; margin-right: -3px; background-position: -87px -174px; } #website-body .ep-a_media .ep_media .ep-p_text.ep-layout_video .ep_name:before, #website-body .ep-a_media .ep_media .ep-p_text.ep-layout_video .ep_icon:after, #website-body .ep-a_media .ep_media .ep-p_text.ep-layout_infographic .ep_name:before, #website-body .ep-a_media .ep_media .ep-p_text.ep-layout_infographic .ep_icon:after { height: 30px; } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* ATOM "MEDIAS" : Legendes */ /* ATOM "MEDIAS" : Interlignage */ #website-body .ep-a_media .ep_text { margin-bottom: -2px; white-space: normal; } #website-body .ep-a_media .ep_media+.ep_text .ep-p_text { margin-top: 5px; } /* ATOM "MEDIAS" : Affichage du texte */ #website-body .ep-a_media .ep_text { text-align: center; } #website-body .ep-a_media .ep_text .ep-p_text { font-size: 1.2em; } #website-body .ep-a_media .ep_text .ep-p_text.ep-layout_copyright { color: #757575; } /* ATOM "MEDIAS" : Marge entre les textes */ #website-body .ep-a_media .ep_text .ep-p_text { margin-left: 3px; margin-right: 3px; } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* ATOM "MEDIAS" : Lien internet */ /* ATOM "MEDIAS" : Suppression de l'effet de couleur sur les titres */ #website-body a:hover .ep-a_media .ep_text .ep-p_text .ep_name, #website-body a:focus .ep-a_media .ep_text .ep-p_text .ep_name, #website-body a:active .ep-a_media .ep_text .ep-p_text .ep_name, #website-body a.ep-a_media:hover .ep_text .ep-p_text .ep_name, #website-body a.ep-a_media:focus .ep_text .ep-p_text .ep_name, #website-body a.ep-a_media:active .ep_text .ep-p_text .ep_name, #website-body .ep-a_media a:hover .ep_text .ep-p_text .ep_name, #website-body .ep-a_media a:focus .ep_text .ep-p_text .ep_name, #website-body .ep-a_media a:active .ep_text .ep-p_text .ep_name, #website-body .ep-a_media a.ep_text:hover .ep-p_text .ep_name, #website-body .ep-a_media a.ep_text:focus .ep-p_text .ep_name, #website-body .ep-a_media a.ep_text:active .ep-p_text .ep_name { transform: none; -webkit-transform: none; color: inherit; } /* ATOM "MEDIAS" : Suppression de l'effet de mouvement sur les textes de l'image */ #website-body a:hover .ep-a_media .ep_media .ep-p_text .ep_name, #website-body a:focus .ep-a_media .ep_media .ep-p_text .ep_name, #website-body a:active .ep-a_media .ep_media .ep-p_text .ep_name, #website-body a.ep-a_media:hover .ep_media .ep-p_text .ep_name, #website-body a.ep-a_media:focus .ep_media .ep-p_text .ep_name, #website-body a.ep-a_media:active .ep_media .ep-p_text .ep_name, #website-body .ep-a_media a:hover .ep_media .ep-p_text .ep_name, #website-body .ep-a_media a:focus .ep_media .ep-p_text .ep_name, #website-body .ep-a_media a:active .ep_media .ep-p_text .ep_name, #website-body .ep-a_media a.ep_media:hover .ep-p_text .ep_name, #website-body .ep-a_media a.ep_media:focus .ep-p_text .ep_name, #website-body .ep-a_media a.ep_media:active .ep-p_text .ep_name { transform: none; -webkit-transform: none; color: inherit; } /* ATOM "MEDIAS" : Effet de survol sur les tags */ #website-body a:hover .ep-a_media .ep_media .ep-p_text.ep-layout_tag .ep_name, #website-body a:focus .ep-a_media .ep_media .ep-p_text.ep-layout_tag .ep_name, #website-body a:active .ep-a_media .ep_media .ep-p_text.ep-layout_tag .ep_name, #website-body a.ep-a_media:hover .ep_media .ep-p_text.ep-layout_tag .ep_name, #website-body a.ep-a_media:focus .ep_media .ep-p_text.ep-layout_tag .ep_name, #website-body a.ep-a_media:active .ep_media .ep-p_text.ep-layout_tag .ep_name, #website-body .ep-a_media a:hover .ep_media .ep-p_text.ep-layout_tag .ep_name, #website-body .ep-a_media a:focus .ep_media .ep-p_text.ep-layout_tag .ep_name, #website-body .ep-a_media a:active .ep_media .ep-p_text.ep-layout_tag .ep_name, #website-body .ep-a_media a.ep_media:hover .ep-p_text.ep-layout_tag .ep_name, #website-body .ep-a_media a.ep_media:focus .ep-p_text.ep-layout_tag .ep_name, #website-body .ep-a_media a.ep_media:active .ep-p_text.ep-layout_tag .ep_name { background-color: #fff; color: #3c77bd; } /* ATOM "MEDIAS" : Desactivation de l'effet de survol sur l'image si le lien ne concerne pas que la balise "image" */ #website-body a:hover .ep-a_media .ep_media .ep-p_image .ep_image>span, #website-body a:focus .ep-a_media .ep_media .ep-p_image .ep_image>span, #website-body a:active .ep-a_media .ep_media .ep-p_image .ep_image>span, #website-body a.ep-a_media.ep-layout_video:hover .ep_media .ep-p_image .ep_image>span, #website-body a.ep-a_media.ep-layout_video:focus .ep_media .ep-p_image .ep_image>span, #website-body a.ep-a_media.ep-layout_video:active .ep_media .ep-p_image .ep_image>span, #website-body a.ep-a_media.ep-layout_infographic:hover .ep_media .ep-p_image .ep_image>span, #website-body a.ep-a_media.ep-layout_infographic:focus .ep_media .ep-p_image .ep_image>span, #website-body a.ep-a_media.ep-layout_infographic:active .ep_media .ep-p_image .ep_image>span, #website-body .ep-a_media.ep-layout_video a:hover .ep_media .ep-p_image .ep_image>span, #website-body .ep-a_media.ep-layout_video a:focus .ep_media .ep-p_image .ep_image>span, #website-body .ep-a_media.ep-layout_video a:active .ep_media .ep-p_image .ep_image>span, #website-body .ep-a_media.ep-layout_infographic a:hover .ep_media .ep-p_image .ep_image>span, #website-body .ep-a_media.ep-layout_infographic a:focus .ep_media .ep-p_image .ep_image>span, #website-body .ep-a_media.ep-layout_infographic a:active .ep_media .ep-p_image .ep_image>span, #website-body .ep-a_media.ep-layout_video a.ep_media:hover .ep-p_image .ep_image>span, #website-body .ep-a_media.ep-layout_video a.ep_media:focus .ep-p_image .ep_image>span, #website-body .ep-a_media.ep-layout_video a.ep_media:active .ep-p_image .ep_image>span, #website-body .ep-a_media.ep-layout_infographic a.ep_media:hover .ep-p_image .ep_image>span, #website-body .ep-a_media.ep-layout_infographic a.ep_media:focus .ep-p_image .ep_image>span, #website-body .ep-a_media.ep-layout_infographic a.ep_media:active .ep-p_image .ep_image>span { background-size: 100%; } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* ATOM "MEDIAS" : Bouton d'action sur l'image */ /* ATOM "MEDIAS" : Bouton d'action */ #website-body .ep-a_media .ep_media .ep-p_text.ep-layout_button { position: relative; display: inline-block; z-index: 1; width: 100%; height: 0; margin: 0; padding: 0 10px; box-sizing: border-box; transform: translate(0, -62px); -webkit-transform: translate(0, -62px); text-align: right; vertical-align: bottom; } #website-body .ep-a_media .ep_media .ep-p_text.ep-layout_button .ep_name { position: absolute; overflow: hidden; width: 0; height: 0; } #website-body .ep-a_media .ep_media .ep-p_text.ep-layout_button+.ep-p_image { margin-left: -100%; } #website-body a .ep-a_media .ep_media .ep-p_text.ep-layout_button+.ep-p_image .ep_image>span, #website-body a.ep-a_media .ep_media .ep-p_text.ep-layout_button+.ep-p_image .ep_image>span, #website-body .ep-a_media a.ep_media .ep-p_text.ep-layout_button+.ep-p_image .ep_image>span, #website-body .ep-a_media .ep_media a .ep-p_text.ep-layout_button+.ep-p_image .ep_image>span { background-size: 100%; } /* ATOM "MEDIAS" : Icone du bouton */ #website-body .ep-a_media .ep_media .ep-p_text.ep-layout_button .ep_icon { position: relative; display: inline-block; width: 52px; height: 52px; background-color: rgba(0, 0, 0, 0.45); border: 2px solid #fff; border-radius: 5px; } #website-body .ep-a_media .ep_media .ep-p_text.ep-layout_button .ep_icon:before { position: absolute; display: block; top: 9px; left: 9px; width: 34px; height: 34px; background-color: #000; background-image: none; } #website-body .ep-a_media .ep_media .ep-p_text.ep-layout_button .ep_icon:after { position: absolute; display: block; } /* ATOM "MEDIAS" : Effet de survol */ #website-body a:link .ep-a_media .ep_media .ep-p_text.ep-layout_button .ep_icon, #website-body a:visited .ep-a_media .ep_media .ep-p_text.ep-layout_button .ep_icon, #website-body a.ep-a_media:link .ep_media .ep-p_text.ep-layout_button .ep_icon, #website-body a.ep-a_media:visited .ep_media .ep-p_text.ep-layout_button .ep_icon, #website-body .ep-a_media a:link .ep_media .ep-p_text.ep-layout_button .ep_icon, #website-body .ep-a_media a:visited .ep_media .ep-p_text.ep-layout_button .ep_icon, #website-body .ep-a_media a.ep_media:link .ep-p_text.ep-layout_button .ep_icon, #website-body .ep-a_media a.ep_media:visited .ep-p_text.ep-layout_button .ep_icon, #website-body .ep-a_media .ep_media a.ep-p_text.ep-layout_button:link .ep_icon, #website-body .ep-a_media .ep_media a.ep-p_text.ep-layout_button:visited .ep_icon, #website-body .ep-a_media .ep_media .ep-p_text.ep-layout_button a:link .ep_icon, #website-body .ep-a_media .ep_media .ep-p_text.ep-layout_button a:visited .ep_icon { background-color: rgba(0, 0, 0, 0.45); } #website-body a:hover .ep-a_media .ep_media .ep-p_text.ep-layout_button .ep_icon, #website-body a:focus .ep-a_media .ep_media .ep-p_text.ep-layout_button .ep_icon, #website-body a:active .ep-a_media .ep_media .ep-p_text.ep-layout_button .ep_icon, #website-body a.ep-a_media:hover .ep_media .ep-p_text.ep-layout_button .ep_icon, #website-body a.ep-a_media:focus .ep_media .ep-p_text.ep-layout_button .ep_icon, #website-body a.ep-a_media:active .ep_media .ep-p_text.ep-layout_button .ep_icon, #website-body .ep-a_media a:hover .ep_media .ep-p_text.ep-layout_button .ep_icon, #website-body .ep-a_media a:focus .ep_media .ep-p_text.ep-layout_button .ep_icon, #website-body .ep-a_media a:active .ep_media .ep-p_text.ep-layout_button .ep_icon, #website-body .ep-a_media a.ep_media:hover .ep-p_text.ep-layout_button .ep_icon, #website-body .ep-a_media a.ep_media:focus .ep-p_text.ep-layout_button .ep_icon, #website-body .ep-a_media a.ep_media:active .ep-p_text.ep-layout_button .ep_icon, #website-body .ep-a_media .ep_media a.ep-p_text.ep-layout_button:hover .ep_icon, #website-body .ep-a_media .ep_media a.ep-p_text.ep-layout_button:focus .ep_icon, #website-body .ep-a_media .ep_media a.ep-p_text.ep-layout_button:active .ep_icon, #website-body .ep-a_media .ep_media .ep-p_text.ep-layout_button a:hover .ep_icon, #website-body .ep-a_media .ep_media .ep-p_text.ep-layout_button a:focus .ep_icon, #website-body .ep-a_media .ep_media .ep-p_text.ep-layout_button a:active .ep_icon { background-color: rgba(60, 119, 189, 0.45); } #website-body a:link .ep-a_media .ep_media .ep-p_text.ep-layout_button .ep_icon:before, #website-body a:visited .ep-a_media .ep_media .ep-p_text.ep-layout_button .ep_icon:before, #website-body a.ep-a_media:link .ep_media .ep-p_text.ep-layout_button .ep_icon:before, #website-body a.ep-a_media:visited .ep_media .ep-p_text.ep-layout_button .ep_icon:before, #website-body .ep-a_media a:link .ep_media .ep-p_text.ep-layout_button .ep_icon:before, #website-body .ep-a_media a:visited .ep_media .ep-p_text.ep-layout_button .ep_icon:before, #website-body .ep-a_media a.ep_media:link .ep-p_text.ep-layout_button .ep_icon:before, #website-body .ep-a_media a.ep_media:visited .ep-p_text.ep-layout_button .ep_icon:before, #website-body .ep-a_media .ep_media a.ep-p_text.ep-layout_button:link .ep_icon:before, #website-body .ep-a_media .ep_media a.ep-p_text.ep-layout_button:visited .ep_icon:before, #website-body .ep-a_media .ep_media .ep-p_text.ep-layout_button a:link .ep_icon:before, #website-body .ep-a_media .ep_media .ep-p_text.ep-layout_button a:visited .ep_icon:before { background-color: #000; } #website-body a:hover .ep-a_media .ep_media .ep-p_text.ep-layout_button .ep_icon:before, #website-body a:focus .ep-a_media .ep_media .ep-p_text.ep-layout_button .ep_icon:before, #website-body a:active .ep-a_media .ep_media .ep-p_text.ep-layout_button .ep_icon:before, #website-body a.ep-a_media:hover .ep_media .ep-p_text.ep-layout_button .ep_icon:before, #website-body a.ep-a_media:focus .ep_media .ep-p_text.ep-layout_button .ep_icon:before, #website-body a.ep-a_media:active .ep_media .ep-p_text.ep-layout_button .ep_icon:before, #website-body .ep-a_media a:hover .ep_media .ep-p_text.ep-layout_button .ep_icon:before, #website-body .ep-a_media a:focus .ep_media .ep-p_text.ep-layout_button .ep_icon:before, #website-body .ep-a_media a:active .ep_media .ep-p_text.ep-layout_button .ep_icon:before, #website-body .ep-a_media a.ep_media:hover .ep-p_text.ep-layout_button .ep_icon:before, #website-body .ep-a_media a.ep_media:focus .ep-p_text.ep-layout_button .ep_icon:before, #website-body .ep-a_media a.ep_media:active .ep-p_text.ep-layout_button .ep_icon:before, #website-body .ep-a_media .ep_media a.ep-p_text.ep-layout_button:hover .ep_icon:before, #website-body .ep-a_media .ep_media a.ep-p_text.ep-layout_button:focus .ep_icon:before, #website-body .ep-a_media .ep_media a.ep-p_text.ep-layout_button:active .ep_icon:before, #website-body .ep-a_media .ep_media .ep-p_text.ep-layout_button a:hover .ep_icon:before, #website-body .ep-a_media .ep_media .ep-p_text.ep-layout_button a:focus .ep_icon:before, #website-body .ep-a_media .ep_media .ep-p_text.ep-layout_button a:active .ep_icon:before { background-color: #3c77bd !important; } /* ATOM "MEDIAS" : Typage de l'icone a utiliser */ #website-body .ep-a_media .ep_media .ep-p_text.ep-layout_button.ep-layout_expand .ep_icon:after { top: 13px; left: 13px; width: 26px; height: 26px; background-position: 0 -207px; } #website-body .ep-a_media [aria-expanded="true"] .ep_media .ep-p_text.ep-layout_button.ep-layout_expand { height: auto; padding-top: 10px; padding-bottom: 10px; transform: none; -webkit-transform: none; background-color: #000; text-align: center; } #website-body .ep-a_media [aria-expanded="true"] .ep_media .ep-p_text.ep-layout_button.ep-layout_expand+.ep-p_image { padding-bottom: 72px; } #website-body .ep-a_media [aria-expanded="true"] .ep_media .ep-p_text.ep-layout_button.ep-layout_expand .ep_icon:before { background-color: #fff; } #website-body .ep-a_media [aria-expanded="true"] .ep_media .ep-p_text.ep-layout_button.ep-layout_expand .ep_icon:after { background-position: -26px -207px; } #website-body a:link .ep-a_media [aria-expanded="true"] .ep_media .ep-p_text.ep-layout_button.ep-layout_expand .ep_icon:before, #website-body a:visited .ep-a_media [aria-expanded="true"] .ep_media .ep-p_text.ep-layout_button.ep-layout_expand .ep_icon:before, #website-body a.ep-a_media:link [aria-expanded="true"] .ep_media .ep-p_text.ep-layout_button.ep-layout_expand .ep_icon:before, #website-body a.ep-a_media:visited [aria-expanded="true"] .ep_media .ep-p_text.ep-layout_button.ep-layout_expand .ep_icon:before, #website-body .ep-a_media [aria-expanded="true"] a:link .ep_media .ep-p_text.ep-layout_button.ep-layout_expand .ep_icon:before, #website-body .ep-a_media [aria-expanded="true"] a:visited .ep_media .ep-p_text.ep-layout_button.ep-layout_expand .ep_icon:before, #website-body .ep-a_media [aria-expanded="true"] a.ep_media:link .ep-p_text.ep-layout_button.ep-layout_expand .ep_icon:before, #website-body .ep-a_media [aria-expanded="true"] a.ep_media:visited .ep-p_text.ep-layout_button.ep-layout_expand .ep_icon:before, #website-body .ep-a_media [aria-expanded="true"] .ep_media a.ep-p_text.ep-layout_button.ep-layout_expand:link .ep_icon:before, #website-body .ep-a_media [aria-expanded="true"] .ep_media a.ep-p_text.ep-layout_button.ep-layout_expand:visited .ep_icon:before, #website-body .ep-a_media [aria-expanded="true"] .ep_media .ep-p_text.ep-layout_button.ep-layout_expand a:link .ep_icon:before, #website-body .ep-a_media [aria-expanded="true"] .ep_media .ep-p_text.ep-layout_button.ep-layout_expand a:visited .ep_icon:before { background-color: #fff; } #website-body a:link .ep-a_media [aria-expanded="true"] .ep_media .ep-p_text.ep-layout_button.ep-layout_expand .ep_icon:after, #website-body a:visited .ep-a_media [aria-expanded="true"] .ep_media .ep-p_text.ep-layout_button.ep-layout_expand .ep_icon:after, #website-body a.ep-a_media:link [aria-expanded="true"] .ep_media .ep-p_text.ep-layout_button.ep-layout_expand .ep_icon:after, #website-body a.ep-a_media:visited [aria-expanded="true"] .ep_media .ep-p_text.ep-layout_button.ep-layout_expand .ep_icon:after, #website-body .ep-a_media [aria-expanded="true"] a:link .ep_media .ep-p_text.ep-layout_button.ep-layout_expand .ep_icon:after, #website-body .ep-a_media [aria-expanded="true"] a:visited .ep_media .ep-p_text.ep-layout_button.ep-layout_expand .ep_icon:after, #website-body .ep-a_media [aria-expanded="true"] a.ep_media:link .ep-p_text.ep-layout_button.ep-layout_expand .ep_icon:after, #website-body .ep-a_media [aria-expanded="true"] a.ep_media:visited .ep-p_text.ep-layout_button.ep-layout_expand .ep_icon:after, #website-body .ep-a_media [aria-expanded="true"] .ep_media a.ep-p_text.ep-layout_button.ep-layout_expand:link .ep_icon:after, #website-body .ep-a_media [aria-expanded="true"] .ep_media a.ep-p_text.ep-layout_button.ep-layout_expand:visited .ep_icon:after, #website-body .ep-a_media [aria-expanded="true"] .ep_media .ep-p_text.ep-layout_button.ep-layout_expand a:link .ep_icon:after, #website-body .ep-a_media [aria-expanded="true"] .ep_media .ep-p_text.ep-layout_button.ep-layout_expand a:visited .ep_icon:after { background-position: -26px -181px; } #website-body a:hover .ep-a_media [aria-expanded="true"] .ep_media .ep-p_text.ep-layout_button.ep-layout_expand .ep_icon:after, #website-body a:focus .ep-a_media [aria-expanded="true"] .ep_media .ep-p_text.ep-layout_button.ep-layout_expand .ep_icon:after, #website-body a:active .ep-a_media [aria-expanded="true"] .ep_media .ep-p_text.ep-layout_button.ep-layout_expand .ep_icon:after, #website-body a.ep-a_media:hover [aria-expanded="true"] .ep_media .ep-p_text.ep-layout_button.ep-layout_expand .ep_icon:after, #website-body a.ep-a_media:focus [aria-expanded="true"] .ep_media .ep-p_text.ep-layout_button.ep-layout_expand .ep_icon:after, #website-body a.ep-a_media:active [aria-expanded="true"] .ep_media .ep-p_text.ep-layout_button.ep-layout_expand .ep_icon:after, #website-body .ep-a_media [aria-expanded="true"] a:hover .ep_media .ep-p_text.ep-layout_button.ep-layout_expand .ep_icon:after, #website-body .ep-a_media [aria-expanded="true"] a:focus .ep_media .ep-p_text.ep-layout_button.ep-layout_expand .ep_icon:after, #website-body .ep-a_media [aria-expanded="true"] a:active .ep_media .ep-p_text.ep-layout_button.ep-layout_expand .ep_icon:after, #website-body .ep-a_media [aria-expanded="true"] a.ep_media:hover .ep-p_text.ep-layout_button.ep-layout_expand .ep_icon:after, #website-body .ep-a_media [aria-expanded="true"] a.ep_media:focus .ep-p_text.ep-layout_button.ep-layout_expand .ep_icon:after, #website-body .ep-a_media [aria-expanded="true"] a.ep_media:active .ep-p_text.ep-layout_button.ep-layout_expand .ep_icon:after, #website-body .ep-a_media [aria-expanded="true"] .ep_media a.ep-p_text.ep-layout_button.ep-layout_expand:hover .ep_icon:after, #website-body .ep-a_media [aria-expanded="true"] .ep_media a.ep-p_text.ep-layout_button.ep-layout_expand:focus .ep_icon:after, #website-body .ep-a_media [aria-expanded="true"] .ep_media a.ep-p_text.ep-layout_button.ep-layout_expand:active .ep_icon:after, #website-body .ep-a_media [aria-expanded="true"] .ep_media .ep-p_text.ep-layout_button.ep-layout_expand a:hover .ep_icon:after, #website-body .ep-a_media [aria-expanded="true"] .ep_media .ep-p_text.ep-layout_button.ep-layout_expand a:focus .ep_icon:after, #website-body .ep-a_media [aria-expanded="true"] .ep_media .ep-p_text.ep-layout_button.ep-layout_expand a:active .ep_icon:after { background-position: -26px -207px; } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* ATOM "MEDIAS" : Gestion des formats videos et infographie */ /* ATOM "MEDIAS" : Affichage du titre sur l'image */ #website-body .ep-a_media.ep-layout_video .ep_media, #website-body .ep-a_media.ep-layout_infographic .ep_media { position: relative; } #website-body .ep-a_media.ep-layout_video .ep_media .ep-p_image, #website-body .ep-a_media.ep-layout_infographic .ep_media .ep-p_image { margin-left: 0; line-height: 0; } #website-body .ep-a_media.ep-layout_video .ep_media .ep-p_image .ep_image, #website-body .ep-a_media.ep-layout_infographic .ep_media .ep-p_image .ep_image { border: 1px solid #d1d3d4; } #website-body .ep-a_media.ep-layout_video .ep_media .ep-p_text.ep-layout_title, #website-body .ep-a_media.ep-layout_infographic .ep_media .ep-p_text.ep-layout_title { position: absolute; z-index: 1; overflow: hidden; width: auto; margin: 1px 0 0 1px; padding-top: 10px; padding-bottom: 10px; background-color: rgba(0, 0, 0, 0.8); text-align: left; } #website-body .ep-a_media.ep-layout_video .ep_media .ep-p_text.ep-layout_title:after, #website-body .ep-a_media.ep-layout_infographic .ep_media .ep-p_text.ep-layout_title:after { position: static; display: inline-block; overflow: hidden; width: 0; height: 38px; margin: 0; vertical-align: middle; content: ""; } /* ATOM "MEDIAS" : Design du titre */ #website-body .ep-a_media.ep-layout_video .ep_media .ep-p_text.ep-layout_title .ep_name, #website-body .ep-a_media.ep-layout_infographic .ep_media .ep-p_text.ep-layout_title .ep_name { display: inline-block; padding: 0 20px 0 58px; box-sizing: border-box; font-family: Georgia, Garamond, serif, Palatino; font-size: 2em; white-space: normal; line-height: 1.2em; vertical-align: middle; color: #fff; } #website-body .ep-a_media.ep-layout_video .ep_media .ep-p_text.ep-layout_title .ep_icon, #website-body .ep-a_media.ep-layout_infographic .ep_media .ep-p_text.ep-layout_title .ep_icon { position: absolute; top: 10px; left: 10px; width: 34px; height: 34px; margin: 0; border: 2px solid #fff; border-radius: 50%; vertical-align: middle; text-align: left; } #website-body .ep-a_media.ep-layout_video .ep_media .ep-p_text.ep-layout_title .ep_icon:before, #website-body .ep-a_media.ep-layout_infographic .ep_media .ep-p_text.ep-layout_title .ep_icon:before { display: inline-block; width: 21px; height: 20px; margin: 7px 0 0 7px; background-position: -87px -134px; } #website-body .ep-a_media.ep-layout_video .ep_media .ep-p_text.ep-layout_title .ep_icon:before { background-position: -87px -134px; } #website-body .ep-a_media.ep-layout_infographic .ep_media .ep-p_text.ep-layout_title .ep_icon:before { background-position: -87px -154px; } /* ATOM "MEDIAS" : Ajout de l'effet de survol sur le titre */ #website-body a:link .ep-a_media.ep-layout_video .ep_media .ep-p_text.ep-layout_title, #website-body a:visited .ep-a_media.ep-layout_video .ep_media .ep-p_text.ep-layout_title, #website-body a.ep-a_media.ep-layout_video:link .ep_media .ep-p_text.ep-layout_title, #website-body a.ep-a_media.ep-layout_video:visited .ep_media .ep-p_text.ep-layout_title, #website-body .ep-a_media.ep-layout_video a:link .ep_media .ep-p_text.ep-layout_title, #website-body .ep-a_media.ep-layout_video a:visited .ep_media .ep-p_text.ep-layout_title, #website-body .ep-a_media.ep-layout_video a.ep_media:link .ep-p_text.ep-layout_title, #website-body .ep-a_media.ep-layout_video a.ep_media:visited .ep-p_text.ep-layout_title, #website-body a:link .ep-a_media.ep-layout_infographic .ep_media .ep-p_text.ep-layout_title, #website-body a:visited .ep-a_media.ep-layout_infographic .ep_media .ep-p_text.ep-layout_title, #website-body a.ep-a_media.ep-layout_infographic:link .ep_media .ep-p_text.ep-layout_title, #website-body a.ep-a_media.ep-layout_infographic:visited .ep_media .ep-p_text.ep-layout_title, #website-body .ep-a_media.ep-layout_infographic a:link .ep_media .ep-p_text.ep-layout_title, #website-body .ep-a_media.ep-layout_infographic a:visited .ep_media .ep-p_text.ep-layout_title, #website-body .ep-a_media.ep-layout_infographic a.ep_media:link .ep-p_text.ep-layout_title, #website-body .ep-a_media.ep-layout_infographic a.ep_media:visited .ep-p_text.ep-layout_title { background-color: rgba(0, 0, 0, 0.8); color: #fff; } #website-body a:hover .ep-a_media.ep-layout_video .ep_media .ep-p_text.ep-layout_title, #website-body a:focus .ep-a_media.ep-layout_video .ep_media .ep-p_text.ep-layout_title, #website-body a:active .ep-a_media.ep-layout_video .ep_media .ep-p_text.ep-layout_title, #website-body a.ep-a_media.ep-layout_video:hover .ep_media .ep-p_text.ep-layout_title, #website-body a.ep-a_media.ep-layout_video:focus .ep_media .ep-p_text.ep-layout_title, #website-body a.ep-a_media.ep-layout_video:active .ep_media .ep-p_text.ep-layout_title, #website-body .ep-a_media.ep-layout_video a:hover .ep_media .ep-p_text.ep-layout_title, #website-body .ep-a_media.ep-layout_video a:focus .ep_media .ep-p_text.ep-layout_title, #website-body .ep-a_media.ep-layout_video a:active .ep_media .ep-p_text.ep-layout_title, #website-body .ep-a_media.ep-layout_video a.ep_media:hover .ep-p_text.ep-layout_title, #website-body .ep-a_media.ep-layout_video a.ep_media:focus .ep-p_text.ep-layout_title, #website-body .ep-a_media.ep-layout_video a.ep_media:active .ep-p_text.ep-layout_title, #website-body a:hover .ep-a_media.ep-layout_infographic .ep_media .ep-p_text.ep-layout_title, #website-body a:focus .ep-a_media.ep-layout_infographic .ep_media .ep-p_text.ep-layout_title, #website-body a:active .ep-a_media.ep-layout_infographic .ep_media .ep-p_text.ep-layout_title, #website-body a.ep-a_media.ep-layout_infographic:hover .ep_media .ep-p_text.ep-layout_title, #website-body a.ep-a_media.ep-layout_infographic:focus .ep_media .ep-p_text.ep-layout_title, #website-body a.ep-a_media.ep-layout_infographic:active .ep_media .ep-p_text.ep-layout_title, #website-body .ep-a_media.ep-layout_infographic a:hover .ep_media .ep-p_text.ep-layout_title, #website-body .ep-a_media.ep-layout_infographic a:focus .ep_media .ep-p_text.ep-layout_title, #website-body .ep-a_media.ep-layout_infographic a:active .ep_media .ep-p_text.ep-layout_title, #website-body .ep-a_media.ep-layout_infographic a.ep_media:hover .ep-p_text.ep-layout_title, #website-body .ep-a_media.ep-layout_infographic a.ep_media:focus .ep-p_text.ep-layout_title, #website-body .ep-a_media.ep-layout_infographic a.ep_media:active .ep-p_text.ep-layout_title { background-color: #3c77bd; color: #fff; } /* ATOM "MEDIAS" : Affichage du titre de la video */ @media screen and (min-width:1200px) { /* ATOM "MEDIAS" : Definition de la largeur du titre */ #website-body .ep_gridcolumn[data-view1200="12"]>.ep_gridcolumn-content .ep-a_media.ep-layout_video .ep_media .ep-p_text.ep-layout_title, #website-body .ep_gridcolumn[data-view1200="12"]>.ep_gridcolumn-content .ep-a_media.ep-layout_infographic .ep_media .ep-p_text.ep-layout_title { max-width: calc(100% / 3); } #website-body .ep_gridcolumn[data-view1200="11"]>.ep_gridcolumn-content .ep-a_media.ep-layout_video .ep_media .ep-p_text.ep-layout_title, #website-body .ep_gridcolumn[data-view1200="11"]>.ep_gridcolumn-content .ep-a_media.ep-layout_infographic .ep_media .ep-p_text.ep-layout_title { max-width: calc((100% / 11) * 4); } #website-body .ep_gridcolumn[data-view1200="10"]>.ep_gridcolumn-content .ep-a_media.ep-layout_video .ep_media .ep-p_text.ep-layout_title, #website-body .ep_gridcolumn[data-view1200="10"]>.ep_gridcolumn-content .ep-a_media.ep-layout_infographic .ep_media .ep-p_text.ep-layout_title { max-width: 40%; } #website-body .ep_gridcolumn[data-view1200="9"]>.ep_gridcolumn-content .ep-a_media.ep-layout_video .ep_media .ep-p_text.ep-layout_title, #website-body .ep_gridcolumn[data-view1200="9"]>.ep_gridcolumn-content .ep-a_media.ep-layout_infographic .ep_media .ep-p_text.ep-layout_title { max-width: calc((100% / 9) * 4); } #website-body .ep_gridcolumn[data-view1200="8"]>.ep_gridcolumn-content .ep-a_media.ep-layout_video .ep_media .ep-p_text.ep-layout_title, #website-body .ep_gridcolumn[data-view1200="8"]>.ep_gridcolumn-content .ep-a_media.ep-layout_infographic .ep_media .ep-p_text.ep-layout_title { max-width: 50%; } #website-body .ep_gridcolumn[data-view1200="7"]>.ep_gridcolumn-content .ep-a_media.ep-layout_video .ep_media .ep-p_text.ep-layout_title, #website-body .ep_gridcolumn[data-view1200="7"]>.ep_gridcolumn-content .ep-a_media.ep-layout_infographic .ep_media .ep-p_text.ep-layout_title { max-width: calc((100% / 7) * 4); } #website-body .ep_gridcolumn[data-view1200="6"]>.ep_gridcolumn-content .ep-a_media.ep-layout_video .ep_media .ep-p_text.ep-layout_title, #website-body .ep_gridcolumn[data-view1200="6"]>.ep_gridcolumn-content .ep-a_media.ep-layout_infographic .ep_media .ep-p_text.ep-layout_title { max-width: calc((100% / 3) * 2); } /* ATOM "MEDIAS" : Position du titre sous l'image */ #website-body .ep_gridcolumn[data-view1200="5"]>.ep_gridcolumn-content .ep-a_media.ep-layout_video .ep_media, #website-body .ep_gridcolumn[data-view1200="5"]>.ep_gridcolumn-content .ep-a_media.ep-layout_infographic .ep_media, #website-body .ep_gridcolumn[data-view1200="4"]>.ep_gridcolumn-content .ep-a_media.ep-layout_video .ep_media, #website-body .ep_gridcolumn[data-view1200="4"]>.ep_gridcolumn-content .ep-a_media.ep-layout_infographic .ep_media, #website-body .ep_gridcolumn[data-view1200="3"]>.ep_gridcolumn-content .ep-a_media.ep-layout_video .ep_media, #website-body .ep_gridcolumn[data-view1200="3"]>.ep_gridcolumn-content .ep-a_media.ep-layout_infographic .ep_media, #website-body .ep_gridcolumn[data-view1200="2"]>.ep_gridcolumn-content .ep-a_media.ep-layout_video .ep_media, #website-body .ep_gridcolumn[data-view1200="2"]>.ep_gridcolumn-content .ep-a_media.ep-layout_infographic .ep_media, #website-body .ep_gridcolumn[data-view1200="1"]>.ep_gridcolumn-content .ep-a_media.ep-layout_video .ep_media, #website-body .ep_gridcolumn[data-view1200="1"]>.ep_gridcolumn-content .ep-a_media.ep-layout_infographic .ep_media { display: inline-flex; display: -webkit-inline-flex; flex-direction: column; -webkit-flex-direction: column; background-color: #000; } #website-body .ep_gridcolumn[data-view1200="5"]>.ep_gridcolumn-content .ep-a_media.ep-layout_video [class*="ep-p_"], #website-body .ep_gridcolumn[data-view1200="5"]>.ep_gridcolumn-content .ep-a_media.ep-layout_infographic [class*="ep-p_"], #website-body .ep_gridcolumn[data-view1200="4"]>.ep_gridcolumn-content .ep-a_media.ep-layout_video [class*="ep-p_"], #website-body .ep_gridcolumn[data-view1200="4"]>.ep_gridcolumn-content .ep-a_media.ep-layout_infographic [class*="ep-p_"], #website-body .ep_gridcolumn[data-view1200="3"]>.ep_gridcolumn-content .ep-a_media.ep-layout_video [class*="ep-p_"], #website-body .ep_gridcolumn[data-view1200="3"]>.ep_gridcolumn-content .ep-a_media.ep-layout_infographic [class*="ep-p_"], #website-body .ep_gridcolumn[data-view1200="2"]>.ep_gridcolumn-content .ep-a_media.ep-layout_video [class*="ep-p_"], #website-body .ep_gridcolumn[data-view1200="2"]>.ep_gridcolumn-content .ep-a_media.ep-layout_infographic [class*="ep-p_"], #website-body .ep_gridcolumn[data-view1200="1"]>.ep_gridcolumn-content .ep-a_media.ep-layout_video [class*="ep-p_"], #website-body .ep_gridcolumn[data-view1200="1"]>.ep_gridcolumn-content .ep-a_media.ep-layout_infographic [class*="ep-p_"] { margin-left: 0; order: 1; -webkit-order: 1; } #website-body .ep_gridcolumn[data-view1200="5"]>.ep_gridcolumn-content .ep-a_media.ep-layout_video .ep_media .ep-p_text, #website-body .ep_gridcolumn[data-view1200="5"]>.ep_gridcolumn-content .ep-a_media.ep-layout_infographic .ep_media .ep-p_text, #website-body .ep_gridcolumn[data-view1200="4"]>.ep_gridcolumn-content .ep-a_media.ep-layout_video .ep_media .ep-p_text, #website-body .ep_gridcolumn[data-view1200="4"]>.ep_gridcolumn-content .ep-a_media.ep-layout_infographic .ep_media .ep-p_text, #website-body .ep_gridcolumn[data-view1200="3"]>.ep_gridcolumn-content .ep-a_media.ep-layout_video .ep_media .ep-p_text, #website-body .ep_gridcolumn[data-view1200="3"]>.ep_gridcolumn-content .ep-a_media.ep-layout_infographic .ep_media .ep-p_text, #website-body .ep_gridcolumn[data-view1200="2"]>.ep_gridcolumn-content .ep-a_media.ep-layout_video .ep_media .ep-p_text, #website-body .ep_gridcolumn[data-view1200="2"]>.ep_gridcolumn-content .ep-a_media.ep-layout_infographic .ep_media .ep-p_text, #website-body .ep_gridcolumn[data-view1200="1"]>.ep_gridcolumn-content .ep-a_media.ep-layout_video .ep_media .ep-p_text, #website-body .ep_gridcolumn[data-view1200="1"]>.ep_gridcolumn-content .ep-a_media.ep-layout_infographic .ep_media .ep-p_text { height: 0; } #website-body .ep_gridcolumn[data-view1200="5"]>.ep_gridcolumn-content .ep-a_media.ep-layout_video .ep_media .ep-p_text.ep-layout_title, #website-body .ep_gridcolumn[data-view1200="5"]>.ep_gridcolumn-content .ep-a_media.ep-layout_infographic .ep_media .ep-p_text.ep-layout_title, #website-body .ep_gridcolumn[data-view1200="4"]>.ep_gridcolumn-content .ep-a_media.ep-layout_video .ep_media .ep-p_text.ep-layout_title, #website-body .ep_gridcolumn[data-view1200="4"]>.ep_gridcolumn-content .ep-a_media.ep-layout_infographic .ep_media .ep-p_text.ep-layout_title, #website-body .ep_gridcolumn[data-view1200="3"]>.ep_gridcolumn-content .ep-a_media.ep-layout_video .ep_media .ep-p_text.ep-layout_title, #website-body .ep_gridcolumn[data-view1200="3"]>.ep_gridcolumn-content .ep-a_media.ep-layout_infographic .ep_media .ep-p_text.ep-layout_title, #website-body .ep_gridcolumn[data-view1200="2"]>.ep_gridcolumn-content .ep-a_media.ep-layout_video .ep_media .ep-p_text.ep-layout_title, #website-body .ep_gridcolumn[data-view1200="2"]>.ep_gridcolumn-content .ep-a_media.ep-layout_infographic .ep_media .ep-p_text.ep-layout_title, #website-body .ep_gridcolumn[data-view1200="1"]>.ep_gridcolumn-content .ep-a_media.ep-layout_video .ep_media .ep-p_text.ep-layout_title, #website-body .ep_gridcolumn[data-view1200="1"]>.ep_gridcolumn-content .ep-a_media.ep-layout_infographic .ep_media .ep-p_text.ep-layout_title { position: relative; width: 100%; max-width: 100%; height: auto; margin-top: -1px; border-bottom: 1px solid #d1d3d4; border-left: 1px solid #d1d3d4; border-right: 1px solid #d1d3d4; box-sizing: border-box; order: 2; -webkit-order: 2; } #website-body .ep_gridcolumn[data-view1200="5"]>.ep_gridcolumn-content .ep-a_media.ep-layout_video .ep_media .ep-p_text.ep-layout_title .ep_name, #website-body .ep_gridcolumn[data-view1200="5"]>.ep_gridcolumn-content .ep-a_media.ep-layout_infographic .ep_media .ep-p_text.ep-layout_title .ep_name, #website-body .ep_gridcolumn[data-view1200="4"]>.ep_gridcolumn-content .ep-a_media.ep-layout_video .ep_media .ep-p_text.ep-layout_title .ep_name, #website-body .ep_gridcolumn[data-view1200="4"]>.ep_gridcolumn-content .ep-a_media.ep-layout_infographic .ep_media .ep-p_text.ep-layout_title .ep_name, #website-body .ep_gridcolumn[data-view1200="3"]>.ep_gridcolumn-content .ep-a_media.ep-layout_video .ep_media .ep-p_text.ep-layout_title .ep_name, #website-body .ep_gridcolumn[data-view1200="3"]>.ep_gridcolumn-content .ep-a_media.ep-layout_infographic .ep_media .ep-p_text.ep-layout_title .ep_name, #website-body .ep_gridcolumn[data-view1200="2"]>.ep_gridcolumn-content .ep-a_media.ep-layout_video .ep_media .ep-p_text.ep-layout_title .ep_name, #website-body .ep_gridcolumn[data-view1200="2"]>.ep_gridcolumn-content .ep-a_media.ep-layout_infographic .ep_media .ep-p_text.ep-layout_title .ep_name, #website-body .ep_gridcolumn[data-view1200="1"]>.ep_gridcolumn-content .ep-a_media.ep-layout_video .ep_media .ep-p_text.ep-layout_title .ep_name, #website-body .ep_gridcolumn[data-view1200="1"]>.ep_gridcolumn-content .ep-a_media.ep-layout_infographic .ep_media .ep-p_text.ep-layout_title .ep_name { padding-right: 10px; } #website-body .ep_gridcolumn[data-view1200="5"]>.ep_gridcolumn-content .ep-a_media.ep-layout_video .ep-p_text.ep-layout_video>*, #website-body .ep_gridcolumn[data-view1200="5"]>.ep_gridcolumn-content .ep-a_media.ep-layout_infographic .ep-p_text.ep-layout_infographic>*, #website-body .ep_gridcolumn[data-view1200="4"]>.ep_gridcolumn-content .ep-a_media.ep-layout_video .ep-p_text.ep-layout_video>*, #website-body .ep_gridcolumn[data-view1200="4"]>.ep_gridcolumn-content .ep-a_media.ep-layout_infographic .ep-p_text.ep-layout_infographic>*, #website-body .ep_gridcolumn[data-view1200="3"]>.ep_gridcolumn-content .ep-a_media.ep-layout_video .ep-p_text.ep-layout_video>*, #website-body .ep_gridcolumn[data-view1200="3"]>.ep_gridcolumn-content .ep-a_media.ep-layout_infographic .ep-p_text.ep-layout_infographic>*, #website-body .ep_gridcolumn[data-view1200="2"]>.ep_gridcolumn-content .ep-a_media.ep-layout_video .ep-p_text.ep-layout_video>*, #website-body .ep_gridcolumn[data-view1200="2"]>.ep_gridcolumn-content .ep-a_media.ep-layout_infographic .ep-p_text.ep-layout_infographic>*, #website-body .ep_gridcolumn[data-view1200="1"]>.ep_gridcolumn-content .ep-a_media.ep-layout_video .ep-p_text.ep-layout_video>*, #website-body .ep_gridcolumn[data-view1200="1"]>.ep_gridcolumn-content .ep-a_media.ep-layout_infographic .ep-p_text.ep-layout_infographic>* { transform: translate(0, -100%) !important; -webkit-transform: translate(0, -100%) !important; } #website-body .ep_gridcolumn[data-view1200="5"]>.ep_gridcolumn-content .ep-a_media.ep-layout_video .ep-p_text.ep-layout_video>.ep_name, #website-body .ep_gridcolumn[data-view1200="5"]>.ep_gridcolumn-content .ep-a_media.ep-layout_infographic .ep-p_text.ep-layout_infographic>.ep_name, #website-body .ep_gridcolumn[data-view1200="4"]>.ep_gridcolumn-content .ep-a_media.ep-layout_video .ep-p_text.ep-layout_video>.ep_name, #website-body .ep_gridcolumn[data-view1200="4"]>.ep_gridcolumn-content .ep-a_media.ep-layout_infographic .ep-p_text.ep-layout_infographic>.ep_name, #website-body .ep_gridcolumn[data-view1200="3"]>.ep_gridcolumn-content .ep-a_media.ep-layout_video .ep-p_text.ep-layout_video>.ep_name, #website-body .ep_gridcolumn[data-view1200="3"]>.ep_gridcolumn-content .ep-a_media.ep-layout_infographic .ep-p_text.ep-layout_infographic>.ep_name, #website-body .ep_gridcolumn[data-view1200="2"]>.ep_gridcolumn-content .ep-a_media.ep-layout_video .ep-p_text.ep-layout_video>.ep_name, #website-body .ep_gridcolumn[data-view1200="2"]>.ep_gridcolumn-content .ep-a_media.ep-layout_infographic .ep-p_text.ep-layout_infographic>.ep_name, #website-body .ep_gridcolumn[data-view1200="1"]>.ep_gridcolumn-content .ep-a_media.ep-layout_video .ep-p_text.ep-layout_video>.ep_name, #website-body .ep_gridcolumn[data-view1200="1"]>.ep_gridcolumn-content .ep-a_media.ep-layout_infographic .ep-p_text.ep-layout_infographic>.ep_name { border-right: 1px solid #d1d3d4; } #website-body .ep_gridcolumn[data-view1200="5"]>.ep_gridcolumn-content .ep-a_media.ep-layout_video .ep_media .ep-p_text.ep-layout_title+.ep-p_image, #website-body .ep_gridcolumn[data-view1200="5"]>.ep_gridcolumn-content .ep-a_media.ep-layout_infographic .ep_media .ep-p_text.ep-layout_title+.ep-p_image, #website-body .ep_gridcolumn[data-view1200="4"]>.ep_gridcolumn-content .ep-a_media.ep-layout_video .ep_media .ep-p_text.ep-layout_title+.ep-p_image, #website-body .ep_gridcolumn[data-view1200="4"]>.ep_gridcolumn-content .ep-a_media.ep-layout_infographic .ep_media .ep-p_text.ep-layout_title+.ep-p_image, #website-body .ep_gridcolumn[data-view1200="3"]>.ep_gridcolumn-content .ep-a_media.ep-layout_video .ep_media .ep-p_text.ep-layout_title+.ep-p_image, #website-body .ep_gridcolumn[data-view1200="3"]>.ep_gridcolumn-content .ep-a_media.ep-layout_infographic .ep_media .ep-p_text.ep-layout_title+.ep-p_image, #website-body .ep_gridcolumn[data-view1200="2"]>.ep_gridcolumn-content .ep-a_media.ep-layout_video .ep_media .ep-p_text.ep-layout_title+.ep-p_image, #website-body .ep_gridcolumn[data-view1200="2"]>.ep_gridcolumn-content .ep-a_media.ep-layout_infographic .ep_media .ep-p_text.ep-layout_title+.ep-p_image, #website-body .ep_gridcolumn[data-view1200="1"]>.ep_gridcolumn-content .ep-a_media.ep-layout_video .ep_media .ep-p_text.ep-layout_title+.ep-p_image, #website-body .ep_gridcolumn[data-view1200="1"]>.ep_gridcolumn-content .ep-a_media.ep-layout_infographic .ep_media .ep-p_text.ep-layout_title+.ep-p_image { margin-left: 0; } #website-body .ep_gridcolumn[data-view1200="5"]>.ep_gridcolumn-content .ep-a_media.ep-layout_video .ep_media .ep-p_text.ep-layout_title+.ep-p_image .ep_image, #website-body .ep_gridcolumn[data-view1200="5"]>.ep_gridcolumn-content .ep-a_media.ep-layout_infographic .ep_media .ep-p_text.ep-layout_title+.ep-p_image .ep_image, #website-body .ep_gridcolumn[data-view1200="4"]>.ep_gridcolumn-content .ep-a_media.ep-layout_video .ep_media .ep-p_text.ep-layout_title+.ep-p_image .ep_image, #website-body .ep_gridcolumn[data-view1200="4"]>.ep_gridcolumn-content .ep-a_media.ep-layout_infographic .ep_media .ep-p_text.ep-layout_title+.ep-p_image .ep_image, #website-body .ep_gridcolumn[data-view1200="3"]>.ep_gridcolumn-content .ep-a_media.ep-layout_video .ep_media .ep-p_text.ep-layout_title+.ep-p_image .ep_image, #website-body .ep_gridcolumn[data-view1200="3"]>.ep_gridcolumn-content .ep-a_media.ep-layout_infographic .ep_media .ep-p_text.ep-layout_title+.ep-p_image .ep_image, #website-body .ep_gridcolumn[data-view1200="2"]>.ep_gridcolumn-content .ep-a_media.ep-layout_video .ep_media .ep-p_text.ep-layout_title+.ep-p_image .ep_image, #website-body .ep_gridcolumn[data-view1200="2"]>.ep_gridcolumn-content .ep-a_media.ep-layout_infographic .ep_media .ep-p_text.ep-layout_title+.ep-p_image .ep_image, #website-body .ep_gridcolumn[data-view1200="1"]>.ep_gridcolumn-content .ep-a_media.ep-layout_video .ep_media .ep-p_text.ep-layout_title+.ep-p_image .ep_image, #website-body .ep_gridcolumn[data-view1200="1"]>.ep_gridcolumn-content .ep-a_media.ep-layout_infographic .ep_media .ep-p_text.ep-layout_title+.ep-p_image .ep_image { border-bottom: none; } } @media screen and (min-width:1020px) and (max-width:1199px) { /* ATOM "MEDIAS" : Definition de la largeur du titre */ #website-body .ep_gridcolumn[data-view1020="12"]>.ep_gridcolumn-content .ep-a_media.ep-layout_video .ep_media .ep-p_text.ep-layout_title, #website-body .ep_gridcolumn[data-view1020="12"]>.ep_gridcolumn-content .ep-a_media.ep-layout_infographic .ep_media .ep-p_text.ep-layout_title { max-width: calc(100% / 3); } #website-body .ep_gridcolumn[data-view1020="11"]>.ep_gridcolumn-content .ep-a_media.ep-layout_video .ep_media .ep-p_text.ep-layout_title, #website-body .ep_gridcolumn[data-view1020="11"]>.ep_gridcolumn-content .ep-a_media.ep-layout_infographic .ep_media .ep-p_text.ep-layout_title { max-width: calc((100% / 11) * 4); } #website-body .ep_gridcolumn[data-view1020="10"]>.ep_gridcolumn-content .ep-a_media.ep-layout_video .ep_media .ep-p_text.ep-layout_title, #website-body .ep_gridcolumn[data-view1020="10"]>.ep_gridcolumn-content .ep-a_media.ep-layout_infographic .ep_media .ep-p_text.ep-layout_title { max-width: 40%; } #website-body .ep_gridcolumn[data-view1020="9"]>.ep_gridcolumn-content .ep-a_media.ep-layout_video .ep_media .ep-p_text.ep-layout_title, #website-body .ep_gridcolumn[data-view1020="9"]>.ep_gridcolumn-content .ep-a_media.ep-layout_infographic .ep_media .ep-p_text.ep-layout_title { max-width: calc((100% / 9) * 4); } #website-body .ep_gridcolumn[data-view1020="8"]>.ep_gridcolumn-content .ep-a_media.ep-layout_video .ep_media .ep-p_text.ep-layout_title, #website-body .ep_gridcolumn[data-view1020="8"]>.ep_gridcolumn-content .ep-a_media.ep-layout_infographic .ep_media .ep-p_text.ep-layout_title { max-width: 50%; } #website-body .ep_gridcolumn[data-view1020="7"]>.ep_gridcolumn-content .ep-a_media.ep-layout_video .ep_media .ep-p_text.ep-layout_title, #website-body .ep_gridcolumn[data-view1020="7"]>.ep_gridcolumn-content .ep-a_media.ep-layout_infographic .ep_media .ep-p_text.ep-layout_title { max-width: calc((100% / 7) * 4); } #website-body .ep_gridcolumn[data-view1020="6"]>.ep_gridcolumn-content .ep-a_media.ep-layout_video .ep_media .ep-p_text.ep-layout_title, #website-body .ep_gridcolumn[data-view1020="6"]>.ep_gridcolumn-content .ep-a_media.ep-layout_infographic .ep_media .ep-p_text.ep-layout_title { max-width: calc((100% / 3) * 2); } /* ATOM "MEDIAS" : Position du titre sous l'image */ #website-body .ep_gridcolumn[data-view1020="5"]>.ep_gridcolumn-content .ep-a_media.ep-layout_video .ep_media, #website-body .ep_gridcolumn[data-view1020="5"]>.ep_gridcolumn-content .ep-a_media.ep-layout_infographic .ep_media, #website-body .ep_gridcolumn[data-view1020="4"]>.ep_gridcolumn-content .ep-a_media.ep-layout_video .ep_media, #website-body .ep_gridcolumn[data-view1020="4"]>.ep_gridcolumn-content .ep-a_media.ep-layout_infographic .ep_media, #website-body .ep_gridcolumn[data-view1020="3"]>.ep_gridcolumn-content .ep-a_media.ep-layout_video .ep_media, #website-body .ep_gridcolumn[data-view1020="3"]>.ep_gridcolumn-content .ep-a_media.ep-layout_infographic .ep_media, #website-body .ep_gridcolumn[data-view1020="2"]>.ep_gridcolumn-content .ep-a_media.ep-layout_video .ep_media, #website-body .ep_gridcolumn[data-view1020="2"]>.ep_gridcolumn-content .ep-a_media.ep-layout_infographic .ep_media, #website-body .ep_gridcolumn[data-view1020="1"]>.ep_gridcolumn-content .ep-a_media.ep-layout_video .ep_media, #website-body .ep_gridcolumn[data-view1020="1"]>.ep_gridcolumn-content .ep-a_media.ep-layout_infographic .ep_media { display: inline-flex; display: -webkit-inline-flex; flex-direction: column; -webkit-flex-direction: column; background-color: #000; } #website-body .ep_gridcolumn[data-view1020="5"]>.ep_gridcolumn-content .ep-a_media.ep-layout_video [class*="ep-p_"], #website-body .ep_gridcolumn[data-view1020="5"]>.ep_gridcolumn-content .ep-a_media.ep-layout_infographic [class*="ep-p_"], #website-body .ep_gridcolumn[data-view1020="4"]>.ep_gridcolumn-content .ep-a_media.ep-layout_video [class*="ep-p_"], #website-body .ep_gridcolumn[data-view1020="4"]>.ep_gridcolumn-content .ep-a_media.ep-layout_infographic [class*="ep-p_"], #website-body .ep_gridcolumn[data-view1020="3"]>.ep_gridcolumn-content .ep-a_media.ep-layout_video [class*="ep-p_"], #website-body .ep_gridcolumn[data-view1020="3"]>.ep_gridcolumn-content .ep-a_media.ep-layout_infographic [class*="ep-p_"], #website-body .ep_gridcolumn[data-view1020="2"]>.ep_gridcolumn-content .ep-a_media.ep-layout_video [class*="ep-p_"], #website-body .ep_gridcolumn[data-view1020="2"]>.ep_gridcolumn-content .ep-a_media.ep-layout_infographic [class*="ep-p_"], #website-body .ep_gridcolumn[data-view1020="1"]>.ep_gridcolumn-content .ep-a_media.ep-layout_video [class*="ep-p_"], #website-body .ep_gridcolumn[data-view1020="1"]>.ep_gridcolumn-content .ep-a_media.ep-layout_infographic [class*="ep-p_"] { margin-left: 0; order: 1; -webkit-order: 1; } #website-body .ep_gridcolumn[data-view1020="5"]>.ep_gridcolumn-content .ep-a_media.ep-layout_video .ep_media .ep-p_text, #website-body .ep_gridcolumn[data-view1020="5"]>.ep_gridcolumn-content .ep-a_media.ep-layout_infographic .ep_media .ep-p_text, #website-body .ep_gridcolumn[data-view1020="4"]>.ep_gridcolumn-content .ep-a_media.ep-layout_video .ep_media .ep-p_text, #website-body .ep_gridcolumn[data-view1020="4"]>.ep_gridcolumn-content .ep-a_media.ep-layout_infographic .ep_media .ep-p_text, #website-body .ep_gridcolumn[data-view1020="3"]>.ep_gridcolumn-content .ep-a_media.ep-layout_video .ep_media .ep-p_text, #website-body .ep_gridcolumn[data-view1020="3"]>.ep_gridcolumn-content .ep-a_media.ep-layout_infographic .ep_media .ep-p_text, #website-body .ep_gridcolumn[data-view1020="2"]>.ep_gridcolumn-content .ep-a_media.ep-layout_video .ep_media .ep-p_text, #website-body .ep_gridcolumn[data-view1020="2"]>.ep_gridcolumn-content .ep-a_media.ep-layout_infographic .ep_media .ep-p_text, #website-body .ep_gridcolumn[data-view1020="1"]>.ep_gridcolumn-content .ep-a_media.ep-layout_video .ep_media .ep-p_text, #website-body .ep_gridcolumn[data-view1020="1"]>.ep_gridcolumn-content .ep-a_media.ep-layout_infographic .ep_media .ep-p_text { height: 0; } #website-body .ep_gridcolumn[data-view1020="5"]>.ep_gridcolumn-content .ep-a_media.ep-layout_video .ep_media .ep-p_text.ep-layout_title, #website-body .ep_gridcolumn[data-view1020="5"]>.ep_gridcolumn-content .ep-a_media.ep-layout_infographic .ep_media .ep-p_text.ep-layout_title, #website-body .ep_gridcolumn[data-view1020="4"]>.ep_gridcolumn-content .ep-a_media.ep-layout_video .ep_media .ep-p_text.ep-layout_title, #website-body .ep_gridcolumn[data-view1020="4"]>.ep_gridcolumn-content .ep-a_media.ep-layout_infographic .ep_media .ep-p_text.ep-layout_title, #website-body .ep_gridcolumn[data-view1020="3"]>.ep_gridcolumn-content .ep-a_media.ep-layout_video .ep_media .ep-p_text.ep-layout_title, #website-body .ep_gridcolumn[data-view1020="3"]>.ep_gridcolumn-content .ep-a_media.ep-layout_infographic .ep_media .ep-p_text.ep-layout_title, #website-body .ep_gridcolumn[data-view1020="2"]>.ep_gridcolumn-content .ep-a_media.ep-layout_video .ep_media .ep-p_text.ep-layout_title, #website-body .ep_gridcolumn[data-view1020="2"]>.ep_gridcolumn-content .ep-a_media.ep-layout_infographic .ep_media .ep-p_text.ep-layout_title, #website-body .ep_gridcolumn[data-view1020="1"]>.ep_gridcolumn-content .ep-a_media.ep-layout_video .ep_media .ep-p_text.ep-layout_title, #website-body .ep_gridcolumn[data-view1020="1"]>.ep_gridcolumn-content .ep-a_media.ep-layout_infographic .ep_media .ep-p_text.ep-layout_title { position: relative; width: 100%; max-width: 100%; height: auto; margin-top: -1px; border-bottom: 1px solid #d1d3d4; border-left: 1px solid #d1d3d4; border-right: 1px solid #d1d3d4; box-sizing: border-box; order: 2; -webkit-order: 2; } #website-body .ep_gridcolumn[data-view1020="5"]>.ep_gridcolumn-content .ep-a_media.ep-layout_video .ep_media .ep-p_text.ep-layout_title .ep_name, #website-body .ep_gridcolumn[data-view1020="5"]>.ep_gridcolumn-content .ep-a_media.ep-layout_infographic .ep_media .ep-p_text.ep-layout_title .ep_name, #website-body .ep_gridcolumn[data-view1020="4"]>.ep_gridcolumn-content .ep-a_media.ep-layout_video .ep_media .ep-p_text.ep-layout_title .ep_name, #website-body .ep_gridcolumn[data-view1020="4"]>.ep_gridcolumn-content .ep-a_media.ep-layout_infographic .ep_media .ep-p_text.ep-layout_title .ep_name, #website-body .ep_gridcolumn[data-view1020="3"]>.ep_gridcolumn-content .ep-a_media.ep-layout_video .ep_media .ep-p_text.ep-layout_title .ep_name, #website-body .ep_gridcolumn[data-view1020="3"]>.ep_gridcolumn-content .ep-a_media.ep-layout_infographic .ep_media .ep-p_text.ep-layout_title .ep_name, #website-body .ep_gridcolumn[data-view1020="2"]>.ep_gridcolumn-content .ep-a_media.ep-layout_video .ep_media .ep-p_text.ep-layout_title .ep_name, #website-body .ep_gridcolumn[data-view1020="2"]>.ep_gridcolumn-content .ep-a_media.ep-layout_infographic .ep_media .ep-p_text.ep-layout_title .ep_name, #website-body .ep_gridcolumn[data-view1020="1"]>.ep_gridcolumn-content .ep-a_media.ep-layout_video .ep_media .ep-p_text.ep-layout_title .ep_name, #website-body .ep_gridcolumn[data-view1020="1"]>.ep_gridcolumn-content .ep-a_media.ep-layout_infographic .ep_media .ep-p_text.ep-layout_title .ep_name { padding-right: 10px; } #website-body .ep_gridcolumn[data-view1020="5"]>.ep_gridcolumn-content .ep-a_media.ep-layout_video .ep-p_text.ep-layout_video>*, #website-body .ep_gridcolumn[data-view1020="5"]>.ep_gridcolumn-content .ep-a_media.ep-layout_infographic .ep-p_text.ep-layout_infographic>*, #website-body .ep_gridcolumn[data-view1020="4"]>.ep_gridcolumn-content .ep-a_media.ep-layout_video .ep-p_text.ep-layout_video>*, #website-body .ep_gridcolumn[data-view1020="4"]>.ep_gridcolumn-content .ep-a_media.ep-layout_infographic .ep-p_text.ep-layout_infographic>*, #website-body .ep_gridcolumn[data-view1020="3"]>.ep_gridcolumn-content .ep-a_media.ep-layout_video .ep-p_text.ep-layout_video>*, #website-body .ep_gridcolumn[data-view1020="3"]>.ep_gridcolumn-content .ep-a_media.ep-layout_infographic .ep-p_text.ep-layout_infographic>*, #website-body .ep_gridcolumn[data-view1020="2"]>.ep_gridcolumn-content .ep-a_media.ep-layout_video .ep-p_text.ep-layout_video>*, #website-body .ep_gridcolumn[data-view1020="2"]>.ep_gridcolumn-content .ep-a_media.ep-layout_infographic .ep-p_text.ep-layout_infographic>*, #website-body .ep_gridcolumn[data-view1020="1"]>.ep_gridcolumn-content .ep-a_media.ep-layout_video .ep-p_text.ep-layout_video>*, #website-body .ep_gridcolumn[data-view1020="1"]>.ep_gridcolumn-content .ep-a_media.ep-layout_infographic .ep-p_text.ep-layout_infographic>* { transform: translate(0, -100%) !important; -webkit-transform: translate(0, -100%) !important; } #website-body .ep_gridcolumn[data-view1020="5"]>.ep_gridcolumn-content .ep-a_media.ep-layout_video .ep-p_text.ep-layout_video>.ep_name, #website-body .ep_gridcolumn[data-view1020="5"]>.ep_gridcolumn-content .ep-a_media.ep-layout_infographic .ep-p_text.ep-layout_infographic>.ep_name, #website-body .ep_gridcolumn[data-view1020="4"]>.ep_gridcolumn-content .ep-a_media.ep-layout_video .ep-p_text.ep-layout_video>.ep_name, #website-body .ep_gridcolumn[data-view1020="4"]>.ep_gridcolumn-content .ep-a_media.ep-layout_infographic .ep-p_text.ep-layout_infographic>.ep_name, #website-body .ep_gridcolumn[data-view1020="3"]>.ep_gridcolumn-content .ep-a_media.ep-layout_video .ep-p_text.ep-layout_video>.ep_name, #website-body .ep_gridcolumn[data-view1020="3"]>.ep_gridcolumn-content .ep-a_media.ep-layout_infographic .ep-p_text.ep-layout_infographic>.ep_name, #website-body .ep_gridcolumn[data-view1020="2"]>.ep_gridcolumn-content .ep-a_media.ep-layout_video .ep-p_text.ep-layout_video>.ep_name, #website-body .ep_gridcolumn[data-view1020="2"]>.ep_gridcolumn-content .ep-a_media.ep-layout_infographic .ep-p_text.ep-layout_infographic>.ep_name, #website-body .ep_gridcolumn[data-view1020="1"]>.ep_gridcolumn-content .ep-a_media.ep-layout_video .ep-p_text.ep-layout_video>.ep_name, #website-body .ep_gridcolumn[data-view1020="1"]>.ep_gridcolumn-content .ep-a_media.ep-layout_infographic .ep-p_text.ep-layout_infographic>.ep_name { border-right: 1px solid #d1d3d4; } #website-body .ep_gridcolumn[data-view1020="5"]>.ep_gridcolumn-content .ep-a_media.ep-layout_video .ep_media .ep-p_text.ep-layout_title+.ep-p_image, #website-body .ep_gridcolumn[data-view1020="5"]>.ep_gridcolumn-content .ep-a_media.ep-layout_infographic .ep_media .ep-p_text.ep-layout_title+.ep-p_image, #website-body .ep_gridcolumn[data-view1020="4"]>.ep_gridcolumn-content .ep-a_media.ep-layout_video .ep_media .ep-p_text.ep-layout_title+.ep-p_image, #website-body .ep_gridcolumn[data-view1020="4"]>.ep_gridcolumn-content .ep-a_media.ep-layout_infographic .ep_media .ep-p_text.ep-layout_title+.ep-p_image, #website-body .ep_gridcolumn[data-view1020="3"]>.ep_gridcolumn-content .ep-a_media.ep-layout_video .ep_media .ep-p_text.ep-layout_title+.ep-p_image, #website-body .ep_gridcolumn[data-view1020="3"]>.ep_gridcolumn-content .ep-a_media.ep-layout_infographic .ep_media .ep-p_text.ep-layout_title+.ep-p_image, #website-body .ep_gridcolumn[data-view1020="2"]>.ep_gridcolumn-content .ep-a_media.ep-layout_video .ep_media .ep-p_text.ep-layout_title+.ep-p_image, #website-body .ep_gridcolumn[data-view1020="2"]>.ep_gridcolumn-content .ep-a_media.ep-layout_infographic .ep_media .ep-p_text.ep-layout_title+.ep-p_image, #website-body .ep_gridcolumn[data-view1020="1"]>.ep_gridcolumn-content .ep-a_media.ep-layout_video .ep_media .ep-p_text.ep-layout_title+.ep-p_image, #website-body .ep_gridcolumn[data-view1020="1"]>.ep_gridcolumn-content .ep-a_media.ep-layout_infographic .ep_media .ep-p_text.ep-layout_title+.ep-p_image { margin-left: 0; } #website-body .ep_gridcolumn[data-view1020="5"]>.ep_gridcolumn-content .ep-a_media.ep-layout_video .ep_media .ep-p_text.ep-layout_title+.ep-p_image .ep_image, #website-body .ep_gridcolumn[data-view1020="5"]>.ep_gridcolumn-content .ep-a_media.ep-layout_infographic .ep_media .ep-p_text.ep-layout_title+.ep-p_image .ep_image, #website-body .ep_gridcolumn[data-view1020="4"]>.ep_gridcolumn-content .ep-a_media.ep-layout_video .ep_media .ep-p_text.ep-layout_title+.ep-p_image .ep_image, #website-body .ep_gridcolumn[data-view1020="4"]>.ep_gridcolumn-content .ep-a_media.ep-layout_infographic .ep_media .ep-p_text.ep-layout_title+.ep-p_image .ep_image, #website-body .ep_gridcolumn[data-view1020="3"]>.ep_gridcolumn-content .ep-a_media.ep-layout_video .ep_media .ep-p_text.ep-layout_title+.ep-p_image .ep_image, #website-body .ep_gridcolumn[data-view1020="3"]>.ep_gridcolumn-content .ep-a_media.ep-layout_infographic .ep_media .ep-p_text.ep-layout_title+.ep-p_image .ep_image, #website-body .ep_gridcolumn[data-view1020="2"]>.ep_gridcolumn-content .ep-a_media.ep-layout_video .ep_media .ep-p_text.ep-layout_title+.ep-p_image .ep_image, #website-body .ep_gridcolumn[data-view1020="2"]>.ep_gridcolumn-content .ep-a_media.ep-layout_infographic .ep_media .ep-p_text.ep-layout_title+.ep-p_image .ep_image, #website-body .ep_gridcolumn[data-view1020="1"]>.ep_gridcolumn-content .ep-a_media.ep-layout_video .ep_media .ep-p_text.ep-layout_title+.ep-p_image .ep_image, #website-body .ep_gridcolumn[data-view1020="1"]>.ep_gridcolumn-content .ep-a_media.ep-layout_infographic .ep_media .ep-p_text.ep-layout_title+.ep-p_image .ep_image { border-bottom: none; } } @media screen and (min-width:750px) and (max-width:1019px), print { /* ATOM "MEDIAS" : Definition de la largeur du titre */ #website-body .ep_gridcolumn[data-view750="12"]>.ep_gridcolumn-content .ep-a_media.ep-layout_video .ep_media .ep-p_text.ep-layout_title, #website-body .ep_gridcolumn[data-view750="12"]>.ep_gridcolumn-content .ep-a_media.ep-layout_infographic .ep_media .ep-p_text.ep-layout_title { max-width: calc(100% / 3); } #website-body .ep_gridcolumn[data-view750="11"]>.ep_gridcolumn-content .ep-a_media.ep-layout_video .ep_media .ep-p_text.ep-layout_title, #website-body .ep_gridcolumn[data-view750="11"]>.ep_gridcolumn-content .ep-a_media.ep-layout_infographic .ep_media .ep-p_text.ep-layout_title { max-width: calc((100% / 11) * 4); } #website-body .ep_gridcolumn[data-view750="10"]>.ep_gridcolumn-content .ep-a_media.ep-layout_video .ep_media .ep-p_text.ep-layout_title, #website-body .ep_gridcolumn[data-view750="10"]>.ep_gridcolumn-content .ep-a_media.ep-layout_infographic .ep_media .ep-p_text.ep-layout_title { max-width: 40%; } #website-body .ep_gridcolumn[data-view750="9"]>.ep_gridcolumn-content .ep-a_media.ep-layout_video .ep_media .ep-p_text.ep-layout_title, #website-body .ep_gridcolumn[data-view750="9"]>.ep_gridcolumn-content .ep-a_media.ep-layout_infographic .ep_media .ep-p_text.ep-layout_title { max-width: calc((100% / 9) * 4); } #website-body .ep_gridcolumn[data-view750="8"]>.ep_gridcolumn-content .ep-a_media.ep-layout_video .ep_media .ep-p_text.ep-layout_title, #website-body .ep_gridcolumn[data-view750="8"]>.ep_gridcolumn-content .ep-a_media.ep-layout_infographic .ep_media .ep-p_text.ep-layout_title { max-width: 50%; } #website-body .ep_gridcolumn[data-view750="7"]>.ep_gridcolumn-content .ep-a_media.ep-layout_video .ep_media .ep-p_text.ep-layout_title, #website-body .ep_gridcolumn[data-view750="7"]>.ep_gridcolumn-content .ep-a_media.ep-layout_infographic .ep_media .ep-p_text.ep-layout_title { max-width: calc((100% / 7) * 4); } #website-body .ep_gridcolumn[data-view750="6"]>.ep_gridcolumn-content .ep-a_media.ep-layout_video .ep_media .ep-p_text.ep-layout_title, #website-body .ep_gridcolumn[data-view750="6"]>.ep_gridcolumn-content .ep-a_media.ep-layout_infographic .ep_media .ep-p_text.ep-layout_title { max-width: calc((100% / 3) * 2); } /* ATOM "MEDIAS" : Position du titre sous l'image */ #website-body .ep_gridcolumn[data-view750="5"]>.ep_gridcolumn-content .ep-a_media.ep-layout_video .ep_media, #website-body .ep_gridcolumn[data-view750="5"]>.ep_gridcolumn-content .ep-a_media.ep-layout_infographic .ep_media, #website-body .ep_gridcolumn[data-view750="4"]>.ep_gridcolumn-content .ep-a_media.ep-layout_video .ep_media, #website-body .ep_gridcolumn[data-view750="4"]>.ep_gridcolumn-content .ep-a_media.ep-layout_infographic .ep_media, #website-body .ep_gridcolumn[data-view750="3"]>.ep_gridcolumn-content .ep-a_media.ep-layout_video .ep_media, #website-body .ep_gridcolumn[data-view750="3"]>.ep_gridcolumn-content .ep-a_media.ep-layout_infographic .ep_media, #website-body .ep_gridcolumn[data-view750="2"]>.ep_gridcolumn-content .ep-a_media.ep-layout_video .ep_media, #website-body .ep_gridcolumn[data-view750="2"]>.ep_gridcolumn-content .ep-a_media.ep-layout_infographic .ep_media, #website-body .ep_gridcolumn[data-view750="1"]>.ep_gridcolumn-content .ep-a_media.ep-layout_video .ep_media, #website-body .ep_gridcolumn[data-view750="1"]>.ep_gridcolumn-content .ep-a_media.ep-layout_infographic .ep_media { display: inline-flex; display: -webkit-inline-flex; flex-direction: column; -webkit-flex-direction: column; background-color: #000; } #website-body .ep_gridcolumn[data-view750="5"]>.ep_gridcolumn-content .ep-a_media.ep-layout_video [class*="ep-p_"], #website-body .ep_gridcolumn[data-view750="5"]>.ep_gridcolumn-content .ep-a_media.ep-layout_infographic [class*="ep-p_"], #website-body .ep_gridcolumn[data-view750="4"]>.ep_gridcolumn-content .ep-a_media.ep-layout_video [class*="ep-p_"], #website-body .ep_gridcolumn[data-view750="4"]>.ep_gridcolumn-content .ep-a_media.ep-layout_infographic [class*="ep-p_"], #website-body .ep_gridcolumn[data-view750="3"]>.ep_gridcolumn-content .ep-a_media.ep-layout_video [class*="ep-p_"], #website-body .ep_gridcolumn[data-view750="3"]>.ep_gridcolumn-content .ep-a_media.ep-layout_infographic [class*="ep-p_"], #website-body .ep_gridcolumn[data-view750="2"]>.ep_gridcolumn-content .ep-a_media.ep-layout_video [class*="ep-p_"], #website-body .ep_gridcolumn[data-view750="2"]>.ep_gridcolumn-content .ep-a_media.ep-layout_infographic [class*="ep-p_"], #website-body .ep_gridcolumn[data-view750="1"]>.ep_gridcolumn-content .ep-a_media.ep-layout_video [class*="ep-p_"], #website-body .ep_gridcolumn[data-view750="1"]>.ep_gridcolumn-content .ep-a_media.ep-layout_infographic [class*="ep-p_"] { margin-left: 0; order: 1; -webkit-order: 1; } #website-body .ep_gridcolumn[data-view750="5"]>.ep_gridcolumn-content .ep-a_media.ep-layout_video .ep_media .ep-p_text, #website-body .ep_gridcolumn[data-view750="5"]>.ep_gridcolumn-content .ep-a_media.ep-layout_infographic .ep_media .ep-p_text, #website-body .ep_gridcolumn[data-view750="4"]>.ep_gridcolumn-content .ep-a_media.ep-layout_video .ep_media .ep-p_text, #website-body .ep_gridcolumn[data-view750="4"]>.ep_gridcolumn-content .ep-a_media.ep-layout_infographic .ep_media .ep-p_text, #website-body .ep_gridcolumn[data-view750="3"]>.ep_gridcolumn-content .ep-a_media.ep-layout_video .ep_media .ep-p_text, #website-body .ep_gridcolumn[data-view750="3"]>.ep_gridcolumn-content .ep-a_media.ep-layout_infographic .ep_media .ep-p_text, #website-body .ep_gridcolumn[data-view750="2"]>.ep_gridcolumn-content .ep-a_media.ep-layout_video .ep_media .ep-p_text, #website-body .ep_gridcolumn[data-view750="2"]>.ep_gridcolumn-content .ep-a_media.ep-layout_infographic .ep_media .ep-p_text, #website-body .ep_gridcolumn[data-view750="1"]>.ep_gridcolumn-content .ep-a_media.ep-layout_video .ep_media .ep-p_text, #website-body .ep_gridcolumn[data-view750="1"]>.ep_gridcolumn-content .ep-a_media.ep-layout_infographic .ep_media .ep-p_text { height: 0; } #website-body .ep_gridcolumn[data-view750="5"]>.ep_gridcolumn-content .ep-a_media.ep-layout_video .ep_media .ep-p_text.ep-layout_title, #website-body .ep_gridcolumn[data-view750="5"]>.ep_gridcolumn-content .ep-a_media.ep-layout_infographic .ep_media .ep-p_text.ep-layout_title, #website-body .ep_gridcolumn[data-view750="4"]>.ep_gridcolumn-content .ep-a_media.ep-layout_video .ep_media .ep-p_text.ep-layout_title, #website-body .ep_gridcolumn[data-view750="4"]>.ep_gridcolumn-content .ep-a_media.ep-layout_infographic .ep_media .ep-p_text.ep-layout_title, #website-body .ep_gridcolumn[data-view750="3"]>.ep_gridcolumn-content .ep-a_media.ep-layout_video .ep_media .ep-p_text.ep-layout_title, #website-body .ep_gridcolumn[data-view750="3"]>.ep_gridcolumn-content .ep-a_media.ep-layout_infographic .ep_media .ep-p_text.ep-layout_title, #website-body .ep_gridcolumn[data-view750="2"]>.ep_gridcolumn-content .ep-a_media.ep-layout_video .ep_media .ep-p_text.ep-layout_title, #website-body .ep_gridcolumn[data-view750="2"]>.ep_gridcolumn-content .ep-a_media.ep-layout_infographic .ep_media .ep-p_text.ep-layout_title, #website-body .ep_gridcolumn[data-view750="1"]>.ep_gridcolumn-content .ep-a_media.ep-layout_video .ep_media .ep-p_text.ep-layout_title, #website-body .ep_gridcolumn[data-view750="1"]>.ep_gridcolumn-content .ep-a_media.ep-layout_infographic .ep_media .ep-p_text.ep-layout_title { position: relative; width: 100%; max-width: 100%; height: auto; margin-top: -1px; border-bottom: 1px solid #d1d3d4; border-left: 1px solid #d1d3d4; border-right: 1px solid #d1d3d4; box-sizing: border-box; order: 2; -webkit-order: 2; } #website-body .ep_gridcolumn[data-view750="5"]>.ep_gridcolumn-content .ep-a_media.ep-layout_video .ep_media .ep-p_text.ep-layout_title .ep_name, #website-body .ep_gridcolumn[data-view750="5"]>.ep_gridcolumn-content .ep-a_media.ep-layout_infographic .ep_media .ep-p_text.ep-layout_title .ep_name, #website-body .ep_gridcolumn[data-view750="4"]>.ep_gridcolumn-content .ep-a_media.ep-layout_video .ep_media .ep-p_text.ep-layout_title .ep_name, #website-body .ep_gridcolumn[data-view750="4"]>.ep_gridcolumn-content .ep-a_media.ep-layout_infographic .ep_media .ep-p_text.ep-layout_title .ep_name, #website-body .ep_gridcolumn[data-view750="3"]>.ep_gridcolumn-content .ep-a_media.ep-layout_video .ep_media .ep-p_text.ep-layout_title .ep_name, #website-body .ep_gridcolumn[data-view750="3"]>.ep_gridcolumn-content .ep-a_media.ep-layout_infographic .ep_media .ep-p_text.ep-layout_title .ep_name, #website-body .ep_gridcolumn[data-view750="2"]>.ep_gridcolumn-content .ep-a_media.ep-layout_video .ep_media .ep-p_text.ep-layout_title .ep_name, #website-body .ep_gridcolumn[data-view750="2"]>.ep_gridcolumn-content .ep-a_media.ep-layout_infographic .ep_media .ep-p_text.ep-layout_title .ep_name, #website-body .ep_gridcolumn[data-view750="1"]>.ep_gridcolumn-content .ep-a_media.ep-layout_video .ep_media .ep-p_text.ep-layout_title .ep_name, #website-body .ep_gridcolumn[data-view750="1"]>.ep_gridcolumn-content .ep-a_media.ep-layout_infographic .ep_media .ep-p_text.ep-layout_title .ep_name { padding-right: 10px; } #website-body .ep_gridcolumn[data-view750="5"]>.ep_gridcolumn-content .ep-a_media.ep-layout_video .ep-p_text.ep-layout_video>*, #website-body .ep_gridcolumn[data-view750="5"]>.ep_gridcolumn-content .ep-a_media.ep-layout_infographic .ep-p_text.ep-layout_infographic>*, #website-body .ep_gridcolumn[data-view750="4"]>.ep_gridcolumn-content .ep-a_media.ep-layout_video .ep-p_text.ep-layout_video>*, #website-body .ep_gridcolumn[data-view750="4"]>.ep_gridcolumn-content .ep-a_media.ep-layout_infographic .ep-p_text.ep-layout_infographic>*, #website-body .ep_gridcolumn[data-view750="3"]>.ep_gridcolumn-content .ep-a_media.ep-layout_video .ep-p_text.ep-layout_video>*, #website-body .ep_gridcolumn[data-view750="3"]>.ep_gridcolumn-content .ep-a_media.ep-layout_infographic .ep-p_text.ep-layout_infographic>*, #website-body .ep_gridcolumn[data-view750="2"]>.ep_gridcolumn-content .ep-a_media.ep-layout_video .ep-p_text.ep-layout_video>*, #website-body .ep_gridcolumn[data-view750="2"]>.ep_gridcolumn-content .ep-a_media.ep-layout_infographic .ep-p_text.ep-layout_infographic>*, #website-body .ep_gridcolumn[data-view750="1"]>.ep_gridcolumn-content .ep-a_media.ep-layout_video .ep-p_text.ep-layout_video>*, #website-body .ep_gridcolumn[data-view750="1"]>.ep_gridcolumn-content .ep-a_media.ep-layout_infographic .ep-p_text.ep-layout_infographic>* { transform: translate(0, -100%) !important; -webkit-transform: translate(0, -100%) !important; } #website-body .ep_gridcolumn[data-view750="5"]>.ep_gridcolumn-content .ep-a_media.ep-layout_video .ep-p_text.ep-layout_video>.ep_name, #website-body .ep_gridcolumn[data-view750="5"]>.ep_gridcolumn-content .ep-a_media.ep-layout_infographic .ep-p_text.ep-layout_infographic>.ep_name, #website-body .ep_gridcolumn[data-view750="4"]>.ep_gridcolumn-content .ep-a_media.ep-layout_video .ep-p_text.ep-layout_video>.ep_name, #website-body .ep_gridcolumn[data-view750="4"]>.ep_gridcolumn-content .ep-a_media.ep-layout_infographic .ep-p_text.ep-layout_infographic>.ep_name, #website-body .ep_gridcolumn[data-view750="3"]>.ep_gridcolumn-content .ep-a_media.ep-layout_video .ep-p_text.ep-layout_video>.ep_name, #website-body .ep_gridcolumn[data-view750="3"]>.ep_gridcolumn-content .ep-a_media.ep-layout_infographic .ep-p_text.ep-layout_infographic>.ep_name, #website-body .ep_gridcolumn[data-view750="2"]>.ep_gridcolumn-content .ep-a_media.ep-layout_video .ep-p_text.ep-layout_video>.ep_name, #website-body .ep_gridcolumn[data-view750="2"]>.ep_gridcolumn-content .ep-a_media.ep-layout_infographic .ep-p_text.ep-layout_infographic>.ep_name, #website-body .ep_gridcolumn[data-view750="1"]>.ep_gridcolumn-content .ep-a_media.ep-layout_video .ep-p_text.ep-layout_video>.ep_name, #website-body .ep_gridcolumn[data-view750="1"]>.ep_gridcolumn-content .ep-a_media.ep-layout_infographic .ep-p_text.ep-layout_infographic>.ep_name { border-right: 1px solid #d1d3d4; } #website-body .ep_gridcolumn[data-view750="5"]>.ep_gridcolumn-content .ep-a_media.ep-layout_video .ep_media .ep-p_text.ep-layout_title+.ep-p_image, #website-body .ep_gridcolumn[data-view750="5"]>.ep_gridcolumn-content .ep-a_media.ep-layout_infographic .ep_media .ep-p_text.ep-layout_title+.ep-p_image, #website-body .ep_gridcolumn[data-view750="4"]>.ep_gridcolumn-content .ep-a_media.ep-layout_video .ep_media .ep-p_text.ep-layout_title+.ep-p_image, #website-body .ep_gridcolumn[data-view750="4"]>.ep_gridcolumn-content .ep-a_media.ep-layout_infographic .ep_media .ep-p_text.ep-layout_title+.ep-p_image, #website-body .ep_gridcolumn[data-view750="3"]>.ep_gridcolumn-content .ep-a_media.ep-layout_video .ep_media .ep-p_text.ep-layout_title+.ep-p_image, #website-body .ep_gridcolumn[data-view750="3"]>.ep_gridcolumn-content .ep-a_media.ep-layout_infographic .ep_media .ep-p_text.ep-layout_title+.ep-p_image, #website-body .ep_gridcolumn[data-view750="2"]>.ep_gridcolumn-content .ep-a_media.ep-layout_video .ep_media .ep-p_text.ep-layout_title+.ep-p_image, #website-body .ep_gridcolumn[data-view750="2"]>.ep_gridcolumn-content .ep-a_media.ep-layout_infographic .ep_media .ep-p_text.ep-layout_title+.ep-p_image, #website-body .ep_gridcolumn[data-view750="1"]>.ep_gridcolumn-content .ep-a_media.ep-layout_video .ep_media .ep-p_text.ep-layout_title+.ep-p_image, #website-body .ep_gridcolumn[data-view750="1"]>.ep_gridcolumn-content .ep-a_media.ep-layout_infographic .ep_media .ep-p_text.ep-layout_title+.ep-p_image { margin-left: 0; } #website-body .ep_gridcolumn[data-view750="5"]>.ep_gridcolumn-content .ep-a_media.ep-layout_video .ep_media .ep-p_text.ep-layout_title+.ep-p_image .ep_image, #website-body .ep_gridcolumn[data-view750="5"]>.ep_gridcolumn-content .ep-a_media.ep-layout_infographic .ep_media .ep-p_text.ep-layout_title+.ep-p_image .ep_image, #website-body .ep_gridcolumn[data-view750="4"]>.ep_gridcolumn-content .ep-a_media.ep-layout_video .ep_media .ep-p_text.ep-layout_title+.ep-p_image .ep_image, #website-body .ep_gridcolumn[data-view750="4"]>.ep_gridcolumn-content .ep-a_media.ep-layout_infographic .ep_media .ep-p_text.ep-layout_title+.ep-p_image .ep_image, #website-body .ep_gridcolumn[data-view750="3"]>.ep_gridcolumn-content .ep-a_media.ep-layout_video .ep_media .ep-p_text.ep-layout_title+.ep-p_image .ep_image, #website-body .ep_gridcolumn[data-view750="3"]>.ep_gridcolumn-content .ep-a_media.ep-layout_infographic .ep_media .ep-p_text.ep-layout_title+.ep-p_image .ep_image, #website-body .ep_gridcolumn[data-view750="2"]>.ep_gridcolumn-content .ep-a_media.ep-layout_video .ep_media .ep-p_text.ep-layout_title+.ep-p_image .ep_image, #website-body .ep_gridcolumn[data-view750="2"]>.ep_gridcolumn-content .ep-a_media.ep-layout_infographic .ep_media .ep-p_text.ep-layout_title+.ep-p_image .ep_image, #website-body .ep_gridcolumn[data-view750="1"]>.ep_gridcolumn-content .ep-a_media.ep-layout_video .ep_media .ep-p_text.ep-layout_title+.ep-p_image .ep_image, #website-body .ep_gridcolumn[data-view750="1"]>.ep_gridcolumn-content .ep-a_media.ep-layout_infographic .ep_media .ep-p_text.ep-layout_title+.ep-p_image .ep_image { border-bottom: none; } } @media screen and (min-width:640px) and (max-width:749px) { /* ATOM "MEDIAS" : Definition de la largeur du titre */ #website-body .ep_gridcolumn[data-view640="8"]>.ep_gridcolumn-content .ep-a_media.ep-layout_video .ep_media .ep-p_text.ep-layout_title, #website-body .ep_gridcolumn[data-view640="8"]>.ep_gridcolumn-content .ep-a_media.ep-layout_infographic .ep_media .ep-p_text.ep-layout_title { max-width: 50%; } #website-body .ep_gridcolumn[data-view640="7"]>.ep_gridcolumn-content .ep-a_media.ep-layout_video .ep_media .ep-p_text.ep-layout_title, #website-body .ep_gridcolumn[data-view640="7"]>.ep_gridcolumn-content .ep-a_media.ep-layout_infographic .ep_media .ep-p_text.ep-layout_title { max-width: calc((100% / 7) * 4); } #website-body .ep_gridcolumn[data-view640="6"]>.ep_gridcolumn-content .ep-a_media.ep-layout_video .ep_media .ep-p_text.ep-layout_title, #website-body .ep_gridcolumn[data-view640="6"]>.ep_gridcolumn-content .ep-a_media.ep-layout_infographic .ep_media .ep-p_text.ep-layout_title { max-width: calc((100% / 3) * 2); } /* ATOM "MEDIAS" : Position du titre sous l'image */ #website-body .ep_gridcolumn[data-view640="5"]>.ep_gridcolumn-content .ep-a_media.ep-layout_video .ep_media, #website-body .ep_gridcolumn[data-view640="5"]>.ep_gridcolumn-content .ep-a_media.ep-layout_infographic .ep_media, #website-body .ep_gridcolumn[data-view640="4"]>.ep_gridcolumn-content .ep-a_media.ep-layout_video .ep_media, #website-body .ep_gridcolumn[data-view640="4"]>.ep_gridcolumn-content .ep-a_media.ep-layout_infographic .ep_media, #website-body .ep_gridcolumn[data-view640="3"]>.ep_gridcolumn-content .ep-a_media.ep-layout_video .ep_media, #website-body .ep_gridcolumn[data-view640="3"]>.ep_gridcolumn-content .ep-a_media.ep-layout_infographic .ep_media, #website-body .ep_gridcolumn[data-view640="2"]>.ep_gridcolumn-content .ep-a_media.ep-layout_video .ep_media, #website-body .ep_gridcolumn[data-view640="2"]>.ep_gridcolumn-content .ep-a_media.ep-layout_infographic .ep_media, #website-body .ep_gridcolumn[data-view640="1"]>.ep_gridcolumn-content .ep-a_media.ep-layout_video .ep_media, #website-body .ep_gridcolumn[data-view640="1"]>.ep_gridcolumn-content .ep-a_media.ep-layout_infographic .ep_media { display: inline-flex; display: -webkit-inline-flex; flex-direction: column; -webkit-flex-direction: column; background-color: #000; } #website-body .ep_gridcolumn[data-view640="5"]>.ep_gridcolumn-content .ep-a_media.ep-layout_video [class*="ep-p_"], #website-body .ep_gridcolumn[data-view640="5"]>.ep_gridcolumn-content .ep-a_media.ep-layout_infographic [class*="ep-p_"], #website-body .ep_gridcolumn[data-view640="4"]>.ep_gridcolumn-content .ep-a_media.ep-layout_video [class*="ep-p_"], #website-body .ep_gridcolumn[data-view640="4"]>.ep_gridcolumn-content .ep-a_media.ep-layout_infographic [class*="ep-p_"], #website-body .ep_gridcolumn[data-view640="3"]>.ep_gridcolumn-content .ep-a_media.ep-layout_video [class*="ep-p_"], #website-body .ep_gridcolumn[data-view640="3"]>.ep_gridcolumn-content .ep-a_media.ep-layout_infographic [class*="ep-p_"], #website-body .ep_gridcolumn[data-view640="2"]>.ep_gridcolumn-content .ep-a_media.ep-layout_video [class*="ep-p_"], #website-body .ep_gridcolumn[data-view640="2"]>.ep_gridcolumn-content .ep-a_media.ep-layout_infographic [class*="ep-p_"], #website-body .ep_gridcolumn[data-view640="1"]>.ep_gridcolumn-content .ep-a_media.ep-layout_video [class*="ep-p_"], #website-body .ep_gridcolumn[data-view640="1"]>.ep_gridcolumn-content .ep-a_media.ep-layout_infographic [class*="ep-p_"] { margin-left: 0; order: 1; -webkit-order: 1; } #website-body .ep_gridcolumn[data-view640="5"]>.ep_gridcolumn-content .ep-a_media.ep-layout_video .ep_media .ep-p_text, #website-body .ep_gridcolumn[data-view640="5"]>.ep_gridcolumn-content .ep-a_media.ep-layout_infographic .ep_media .ep-p_text, #website-body .ep_gridcolumn[data-view640="4"]>.ep_gridcolumn-content .ep-a_media.ep-layout_video .ep_media .ep-p_text, #website-body .ep_gridcolumn[data-view640="4"]>.ep_gridcolumn-content .ep-a_media.ep-layout_infographic .ep_media .ep-p_text, #website-body .ep_gridcolumn[data-view640="3"]>.ep_gridcolumn-content .ep-a_media.ep-layout_video .ep_media .ep-p_text, #website-body .ep_gridcolumn[data-view640="3"]>.ep_gridcolumn-content .ep-a_media.ep-layout_infographic .ep_media .ep-p_text, #website-body .ep_gridcolumn[data-view640="2"]>.ep_gridcolumn-content .ep-a_media.ep-layout_video .ep_media .ep-p_text, #website-body .ep_gridcolumn[data-view640="2"]>.ep_gridcolumn-content .ep-a_media.ep-layout_infographic .ep_media .ep-p_text, #website-body .ep_gridcolumn[data-view640="1"]>.ep_gridcolumn-content .ep-a_media.ep-layout_video .ep_media .ep-p_text, #website-body .ep_gridcolumn[data-view640="1"]>.ep_gridcolumn-content .ep-a_media.ep-layout_infographic .ep_media .ep-p_text { height: 0; } #website-body .ep_gridcolumn[data-view640="5"]>.ep_gridcolumn-content .ep-a_media.ep-layout_video .ep_media .ep-p_text.ep-layout_title, #website-body .ep_gridcolumn[data-view640="5"]>.ep_gridcolumn-content .ep-a_media.ep-layout_infographic .ep_media .ep-p_text.ep-layout_title, #website-body .ep_gridcolumn[data-view640="4"]>.ep_gridcolumn-content .ep-a_media.ep-layout_video .ep_media .ep-p_text.ep-layout_title, #website-body .ep_gridcolumn[data-view640="4"]>.ep_gridcolumn-content .ep-a_media.ep-layout_infographic .ep_media .ep-p_text.ep-layout_title, #website-body .ep_gridcolumn[data-view640="3"]>.ep_gridcolumn-content .ep-a_media.ep-layout_video .ep_media .ep-p_text.ep-layout_title, #website-body .ep_gridcolumn[data-view640="3"]>.ep_gridcolumn-content .ep-a_media.ep-layout_infographic .ep_media .ep-p_text.ep-layout_title, #website-body .ep_gridcolumn[data-view640="2"]>.ep_gridcolumn-content .ep-a_media.ep-layout_video .ep_media .ep-p_text.ep-layout_title, #website-body .ep_gridcolumn[data-view640="2"]>.ep_gridcolumn-content .ep-a_media.ep-layout_infographic .ep_media .ep-p_text.ep-layout_title, #website-body .ep_gridcolumn[data-view640="1"]>.ep_gridcolumn-content .ep-a_media.ep-layout_video .ep_media .ep-p_text.ep-layout_title, #website-body .ep_gridcolumn[data-view640="1"]>.ep_gridcolumn-content .ep-a_media.ep-layout_infographic .ep_media .ep-p_text.ep-layout_title { position: relative; width: 100%; max-width: 100%; height: auto; margin-top: -1px; border-bottom: 1px solid #d1d3d4; border-left: 1px solid #d1d3d4; border-right: 1px solid #d1d3d4; box-sizing: border-box; order: 2; -webkit-order: 2; } #website-body .ep_gridcolumn[data-view640="5"]>.ep_gridcolumn-content .ep-a_media.ep-layout_video .ep_media .ep-p_text.ep-layout_title .ep_name, #website-body .ep_gridcolumn[data-view640="5"]>.ep_gridcolumn-content .ep-a_media.ep-layout_infographic .ep_media .ep-p_text.ep-layout_title .ep_name, #website-body .ep_gridcolumn[data-view640="4"]>.ep_gridcolumn-content .ep-a_media.ep-layout_video .ep_media .ep-p_text.ep-layout_title .ep_name, #website-body .ep_gridcolumn[data-view640="4"]>.ep_gridcolumn-content .ep-a_media.ep-layout_infographic .ep_media .ep-p_text.ep-layout_title .ep_name, #website-body .ep_gridcolumn[data-view640="3"]>.ep_gridcolumn-content .ep-a_media.ep-layout_video .ep_media .ep-p_text.ep-layout_title .ep_name, #website-body .ep_gridcolumn[data-view640="3"]>.ep_gridcolumn-content .ep-a_media.ep-layout_infographic .ep_media .ep-p_text.ep-layout_title .ep_name, #website-body .ep_gridcolumn[data-view640="2"]>.ep_gridcolumn-content .ep-a_media.ep-layout_video .ep_media .ep-p_text.ep-layout_title .ep_name, #website-body .ep_gridcolumn[data-view640="2"]>.ep_gridcolumn-content .ep-a_media.ep-layout_infographic .ep_media .ep-p_text.ep-layout_title .ep_name, #website-body .ep_gridcolumn[data-view640="1"]>.ep_gridcolumn-content .ep-a_media.ep-layout_video .ep_media .ep-p_text.ep-layout_title .ep_name, #website-body .ep_gridcolumn[data-view640="1"]>.ep_gridcolumn-content .ep-a_media.ep-layout_infographic .ep_media .ep-p_text.ep-layout_title .ep_name { padding-right: 10px; } #website-body .ep_gridcolumn[data-view640="5"]>.ep_gridcolumn-content .ep-a_media.ep-layout_video .ep-p_text.ep-layout_video>*, #website-body .ep_gridcolumn[data-view640="5"]>.ep_gridcolumn-content .ep-a_media.ep-layout_infographic .ep-p_text.ep-layout_infographic>*, #website-body .ep_gridcolumn[data-view640="4"]>.ep_gridcolumn-content .ep-a_media.ep-layout_video .ep-p_text.ep-layout_video>*, #website-body .ep_gridcolumn[data-view640="4"]>.ep_gridcolumn-content .ep-a_media.ep-layout_infographic .ep-p_text.ep-layout_infographic>*, #website-body .ep_gridcolumn[data-view640="3"]>.ep_gridcolumn-content .ep-a_media.ep-layout_video .ep-p_text.ep-layout_video>*, #website-body .ep_gridcolumn[data-view640="3"]>.ep_gridcolumn-content .ep-a_media.ep-layout_infographic .ep-p_text.ep-layout_infographic>*, #website-body .ep_gridcolumn[data-view640="2"]>.ep_gridcolumn-content .ep-a_media.ep-layout_video .ep-p_text.ep-layout_video>*, #website-body .ep_gridcolumn[data-view640="2"]>.ep_gridcolumn-content .ep-a_media.ep-layout_infographic .ep-p_text.ep-layout_infographic>*, #website-body .ep_gridcolumn[data-view640="1"]>.ep_gridcolumn-content .ep-a_media.ep-layout_video .ep-p_text.ep-layout_video>*, #website-body .ep_gridcolumn[data-view640="1"]>.ep_gridcolumn-content .ep-a_media.ep-layout_infographic .ep-p_text.ep-layout_infographic>* { transform: translate(0, -100%) !important; -webkit-transform: translate(0, -100%) !important; } #website-body .ep_gridcolumn[data-view640="5"]>.ep_gridcolumn-content .ep-a_media.ep-layout_video .ep-p_text.ep-layout_video>.ep_name, #website-body .ep_gridcolumn[data-view640="5"]>.ep_gridcolumn-content .ep-a_media.ep-layout_infographic .ep-p_text.ep-layout_infographic>.ep_name, #website-body .ep_gridcolumn[data-view640="4"]>.ep_gridcolumn-content .ep-a_media.ep-layout_video .ep-p_text.ep-layout_video>.ep_name, #website-body .ep_gridcolumn[data-view640="4"]>.ep_gridcolumn-content .ep-a_media.ep-layout_infographic .ep-p_text.ep-layout_infographic>.ep_name, #website-body .ep_gridcolumn[data-view640="3"]>.ep_gridcolumn-content .ep-a_media.ep-layout_video .ep-p_text.ep-layout_video>.ep_name, #website-body .ep_gridcolumn[data-view640="3"]>.ep_gridcolumn-content .ep-a_media.ep-layout_infographic .ep-p_text.ep-layout_infographic>.ep_name, #website-body .ep_gridcolumn[data-view640="2"]>.ep_gridcolumn-content .ep-a_media.ep-layout_video .ep-p_text.ep-layout_video>.ep_name, #website-body .ep_gridcolumn[data-view640="2"]>.ep_gridcolumn-content .ep-a_media.ep-layout_infographic .ep-p_text.ep-layout_infographic>.ep_name, #website-body .ep_gridcolumn[data-view640="1"]>.ep_gridcolumn-content .ep-a_media.ep-layout_video .ep-p_text.ep-layout_video>.ep_name, #website-body .ep_gridcolumn[data-view640="1"]>.ep_gridcolumn-content .ep-a_media.ep-layout_infographic .ep-p_text.ep-layout_infographic>.ep_name { border-right: 1px solid #d1d3d4; } #website-body .ep_gridcolumn[data-view640="5"]>.ep_gridcolumn-content .ep-a_media.ep-layout_video .ep_media .ep-p_text.ep-layout_title+.ep-p_image, #website-body .ep_gridcolumn[data-view640="5"]>.ep_gridcolumn-content .ep-a_media.ep-layout_infographic .ep_media .ep-p_text.ep-layout_title+.ep-p_image, #website-body .ep_gridcolumn[data-view640="4"]>.ep_gridcolumn-content .ep-a_media.ep-layout_video .ep_media .ep-p_text.ep-layout_title+.ep-p_image, #website-body .ep_gridcolumn[data-view640="4"]>.ep_gridcolumn-content .ep-a_media.ep-layout_infographic .ep_media .ep-p_text.ep-layout_title+.ep-p_image, #website-body .ep_gridcolumn[data-view640="3"]>.ep_gridcolumn-content .ep-a_media.ep-layout_video .ep_media .ep-p_text.ep-layout_title+.ep-p_image, #website-body .ep_gridcolumn[data-view640="3"]>.ep_gridcolumn-content .ep-a_media.ep-layout_infographic .ep_media .ep-p_text.ep-layout_title+.ep-p_image, #website-body .ep_gridcolumn[data-view640="2"]>.ep_gridcolumn-content .ep-a_media.ep-layout_video .ep_media .ep-p_text.ep-layout_title+.ep-p_image, #website-body .ep_gridcolumn[data-view640="2"]>.ep_gridcolumn-content .ep-a_media.ep-layout_infographic .ep_media .ep-p_text.ep-layout_title+.ep-p_image, #website-body .ep_gridcolumn[data-view640="1"]>.ep_gridcolumn-content .ep-a_media.ep-layout_video .ep_media .ep-p_text.ep-layout_title+.ep-p_image, #website-body .ep_gridcolumn[data-view640="1"]>.ep_gridcolumn-content .ep-a_media.ep-layout_infographic .ep_media .ep-p_text.ep-layout_title+.ep-p_image { margin-left: 0; } #website-body .ep_gridcolumn[data-view640="5"]>.ep_gridcolumn-content .ep-a_media.ep-layout_video .ep_media .ep-p_text.ep-layout_title+.ep-p_image .ep_image, #website-body .ep_gridcolumn[data-view640="5"]>.ep_gridcolumn-content .ep-a_media.ep-layout_infographic .ep_media .ep-p_text.ep-layout_title+.ep-p_image .ep_image, #website-body .ep_gridcolumn[data-view640="4"]>.ep_gridcolumn-content .ep-a_media.ep-layout_video .ep_media .ep-p_text.ep-layout_title+.ep-p_image .ep_image, #website-body .ep_gridcolumn[data-view640="4"]>.ep_gridcolumn-content .ep-a_media.ep-layout_infographic .ep_media .ep-p_text.ep-layout_title+.ep-p_image .ep_image, #website-body .ep_gridcolumn[data-view640="3"]>.ep_gridcolumn-content .ep-a_media.ep-layout_video .ep_media .ep-p_text.ep-layout_title+.ep-p_image .ep_image, #website-body .ep_gridcolumn[data-view640="3"]>.ep_gridcolumn-content .ep-a_media.ep-layout_infographic .ep_media .ep-p_text.ep-layout_title+.ep-p_image .ep_image, #website-body .ep_gridcolumn[data-view640="2"]>.ep_gridcolumn-content .ep-a_media.ep-layout_video .ep_media .ep-p_text.ep-layout_title+.ep-p_image .ep_image, #website-body .ep_gridcolumn[data-view640="2"]>.ep_gridcolumn-content .ep-a_media.ep-layout_infographic .ep_media .ep-p_text.ep-layout_title+.ep-p_image .ep_image, #website-body .ep_gridcolumn[data-view640="1"]>.ep_gridcolumn-content .ep-a_media.ep-layout_video .ep_media .ep-p_text.ep-layout_title+.ep-p_image .ep_image, #website-body .ep_gridcolumn[data-view640="1"]>.ep_gridcolumn-content .ep-a_media.ep-layout_infographic .ep_media .ep-p_text.ep-layout_title+.ep-p_image .ep_image { border-bottom: none; } } @media screen and (max-width:639px) { /* ATOM "MEDIAS" : Position du titre sous l'image */ #website-body .ep_gridcolumn[data-view480]>.ep_gridcolumn-content .ep-a_media.ep-layout_video .ep_media, #website-body .ep_gridcolumn[data-view480]>.ep_gridcolumn-content .ep-a_media.ep-layout_infographic .ep_media, #website-body .ep_gridcolumn[data-view320]>.ep_gridcolumn-content .ep-a_media.ep-layout_video .ep_media, #website-body .ep_gridcolumn[data-view320]>.ep_gridcolumn-content .ep-a_media.ep-layout_infographic .ep_media { display: inline-flex; display: -webkit-inline-flex; flex-direction: column; -webkit-flex-direction: column; background-color: #000; } #website-body .ep_gridcolumn[data-view480]>.ep_gridcolumn-content .ep-a_media.ep-layout_video [class*="ep-p_"], #website-body .ep_gridcolumn[data-view480]>.ep_gridcolumn-content .ep-a_media.ep-layout_infographic [class*="ep-p_"], #website-body .ep_gridcolumn[data-view320]>.ep_gridcolumn-content .ep-a_media.ep-layout_video [class*="ep-p_"], #website-body .ep_gridcolumn[data-view320]>.ep_gridcolumn-content .ep-a_media.ep-layout_infographic [class*="ep-p_"] { margin-left: 0; order: 1; -webkit-order: 1; } #website-body .ep_gridcolumn[data-view480]>.ep_gridcolumn-content .ep-a_media.ep-layout_video .ep_media .ep-p_text, #website-body .ep_gridcolumn[data-view480]>.ep_gridcolumn-content .ep-a_media.ep-layout_infographic .ep_media .ep-p_text, #website-body .ep_gridcolumn[data-view320]>.ep_gridcolumn-content .ep-a_media.ep-layout_video .ep_media .ep-p_text, #website-body .ep_gridcolumn[data-view320]>.ep_gridcolumn-content .ep-a_media.ep-layout_infographic .ep_media .ep-p_text { height: 0; } #website-body .ep_gridcolumn[data-view480]>.ep_gridcolumn-content .ep-a_media.ep-layout_video .ep_media .ep-p_text.ep-layout_title, #website-body .ep_gridcolumn[data-view480]>.ep_gridcolumn-content .ep-a_media.ep-layout_infographic .ep_media .ep-p_text.ep-layout_title, #website-body .ep_gridcolumn[data-view320]>.ep_gridcolumn-content .ep-a_media.ep-layout_video .ep_media .ep-p_text.ep-layout_title, #website-body .ep_gridcolumn[data-view320]>.ep_gridcolumn-content .ep-a_media.ep-layout_infographic .ep_media .ep-p_text.ep-layout_title { position: relative; width: 100%; max-width: 100%; height: auto; margin-top: -1px; border-bottom: 1px solid #d1d3d4; border-left: 1px solid #d1d3d4; border-right: 1px solid #d1d3d4; box-sizing: border-box; order: 2; -webkit-order: 2; } #website-body .ep_gridcolumn[data-view480]>.ep_gridcolumn-content .ep-a_media.ep-layout_video .ep_media .ep-p_text.ep-layout_title .ep_name, #website-body .ep_gridcolumn[data-view480]>.ep_gridcolumn-content .ep-a_media.ep-layout_infographic .ep_media .ep-p_text.ep-layout_title .ep_name, #website-body .ep_gridcolumn[data-view320]>.ep_gridcolumn-content .ep-a_media.ep-layout_video .ep_media .ep-p_text.ep-layout_title .ep_name, #website-body .ep_gridcolumn[data-view320]>.ep_gridcolumn-content .ep-a_media.ep-layout_infographic .ep_media .ep-p_text.ep-layout_title .ep_name { padding-right: 10px; } #website-body .ep_gridcolumn[data-view480]>.ep_gridcolumn-content .ep-a_media.ep-layout_video .ep-p_text.ep-layout_video>*, #website-body .ep_gridcolumn[data-view480]>.ep_gridcolumn-content .ep-a_media.ep-layout_infographic .ep-p_text.ep-layout_infographic>*, #website-body .ep_gridcolumn[data-view320]>.ep_gridcolumn-content .ep-a_media.ep-layout_video .ep-p_text.ep-layout_video>*, #website-body .ep_gridcolumn[data-view320]>.ep_gridcolumn-content .ep-a_media.ep-layout_infographic .ep-p_text.ep-layout_infographic>* { transform: translate(0, -100%) !important; -webkit-transform: translate(0, -100%) !important; } #website-body .ep_gridcolumn[data-view480]>.ep_gridcolumn-content .ep-a_media.ep-layout_video .ep-p_text.ep-layout_video>.ep_name, #website-body .ep_gridcolumn[data-view480]>.ep_gridcolumn-content .ep-a_media.ep-layout_infographic .ep-p_text.ep-layout_infographic>.ep_name, #website-body .ep_gridcolumn[data-view320]>.ep_gridcolumn-content .ep-a_media.ep-layout_video .ep-p_text.ep-layout_video>.ep_name, #website-body .ep_gridcolumn[data-view320]>.ep_gridcolumn-content .ep-a_media.ep-layout_infographic .ep-p_text.ep-layout_infographic>.ep_name { border-right: 1px solid #d1d3d4; } #website-body .ep_gridcolumn[data-view480]>.ep_gridcolumn-content .ep-a_media.ep-layout_video .ep_media .ep-p_text.ep-layout_title+.ep-p_image, #website-body .ep_gridcolumn[data-view480]>.ep_gridcolumn-content .ep-a_media.ep-layout_infographic .ep_media .ep-p_text.ep-layout_title+.ep-p_image, #website-body .ep_gridcolumn[data-view320]>.ep_gridcolumn-content .ep-a_media.ep-layout_video .ep_media .ep-p_text.ep-layout_title+.ep-p_image, #website-body .ep_gridcolumn[data-view320]>.ep_gridcolumn-content .ep-a_media.ep-layout_infographic .ep_media .ep-p_text.ep-layout_title+.ep-p_image { margin-left: 0; } #website-body .ep_gridcolumn[data-view480]>.ep_gridcolumn-content .ep-a_media.ep-layout_video .ep_media .ep-p_text.ep-layout_title+.ep-p_image .ep_image, #website-body .ep_gridcolumn[data-view480]>.ep_gridcolumn-content .ep-a_media.ep-layout_infographic .ep_media .ep-p_text.ep-layout_title+.ep-p_image .ep_image, #website-body .ep_gridcolumn[data-view320]>.ep_gridcolumn-content .ep-a_media.ep-layout_video .ep_media .ep-p_text.ep-layout_title+.ep-p_image .ep_image, #website-body .ep_gridcolumn[data-view320]>.ep_gridcolumn-content .ep-a_media.ep-layout_infographic .ep_media .ep-p_text.ep-layout_title+.ep-p_image .ep_image { border-bottom: none; } } /* ========================================================================================================================================================================== */ /* == SHARE ====================== [ATOM] ============= ep-a_share ========================================================================================================== */ /* ========================================================================================================================================================================== */ /* Description : Atome a utiliser pour l'affichage des liens de partage de page/produit */ /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* ATOM "SHARE" : Structure generale */ /* ATOM "SHARE" : Structure generale */ #website-body .ep-a_share { padding-top: 4px; border-top: 1px solid #1e1e1f; } #website-body .ep-a_share>div { display: flex; display: -webkit-flex; flex-direction: row; -webkit-flex-direction: row; flex-wrap: wrap; -webkit-flex-wrap: wrap; justify-content: space-between; -webkit-justify-content: space-between; } #website-body .ep-a_share .ep_share, #website-body .ep-a_share .ep_links { position: static; display: inline-block; margin: 0; padding: 0; border: 0; outline: 0; font-size: 1em; vertical-align: middle; color: inherit; } #website-body .ep-a_share .ep_share { order: 1; -webkit-order: 1; } #website-body .ep-a_share .ep_links { order: 3; -webkit-order: 3; } #website-body .ep-a_share .ep_share .ep_title, #website-body .ep-a_share .ep_share ul, #website-body .ep-a_share .ep_share li, #website-body .ep-a_share .ep_links div { display: inline-block; } /* ATOM "SHARE" : Alignement vertical des elements */ #website-body .ep-a_share .ep_share, #website-body .ep-a_share .ep_links { vertical-align: top; } /* ATOM "SHARE" : Gestion des marges entre les liens */ #website-body .ep-a_share .ep_share .ep_title, #website-body .ep-a_share .ep_share li { margin-top: 15px; margin-right: 10px; color: #1e1e1f; } #website-body .ep-a_share .ep_links div { margin-top: 15px; margin-left: 10px; } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* ATOM "SHARE" : Partage sur les reseaux sociaux */ /* ATOM "SHARE" : Texte d'introduction */ #website-body .ep-a_share .ep_share .ep_title { letter-spacing: -0.3em; white-space: nowrap; } #website-body .ep-a_share .ep_share .ep_title:before { position: static; display: inline-block; height: 25px; margin: 0; padding: 0; outline: 0; content: " "; font-size: 1em; vertical-align: middle; color: inherit; } #website-body .ep-a_share .ep_share .ep_title .ep-p_text { font-size: 1.4em; vertical-align: middle; } /* ATOM "SHARE" : Structure des liens */ #website-body .ep-a_share .ep_share li .ep-p_text { overflow: hidden; width: 25px; height: 25px; } /* ATOM "SHARE" : Suppression du libelle */ #website-body .ep-a_share .ep_share li .ep-p_text .ep_name { overflow: hidden; width: 0; height: 25px; } /* ATOM "SHARE" : Affichage de l'icone */ #website-body .ep-a_share .ep_share li .ep-p_text .ep_icon { overflow: hidden; width: 25px; height: 25px; box-sizing: border-box; border: 1px solid #1e1e1f; border-radius: 50%; text-align: center; } #website-body .ep-a_share .ep_share li .ep-p_text .ep_icon:before, #website-body .ep-a_share .ep_share li .ep-p_text .ep_icon:after { display: inline-block; } #website-body .ep-a_share .ep_share li .ep-p_text .ep_icon:before { width: 0; height: 25px; } #website-body .ep-a_share .ep_share li .ep-p_text .ep_icon:after { width: 21px; height: 20px; transform: scale(0.9); -webkit-transform: scale(0.9); background-color: transparent; } /* ATOM "SHARE" : Effet de survol */ #website-body .ep-a_share .ep_share li .ep-p_text a:link .ep_icon, #website-body .ep-a_share .ep_share li .ep-p_text a:visited .ep_icon { background-color: transparent; background-position: inherit; color: #1e1e1f; } #website-body .ep-a_share .ep_share li .ep-p_text a:hover .ep_icon, #website-body .ep-a_share .ep_share li .ep-p_text a:focus .ep_icon, #website-body .ep-a_share .ep_share li .ep-p_text a:active .ep_icon { background-color: #3c77bd; color: #fff; } #website-body .ep-a_share .ep_share li .ep-p_text.ep-layout_facebook .ep_icon:after, #website-body .ep-a_share .ep_share li .ep-p_text.ep-layout_facebook a:link .ep_icon:after, #website-body .ep-a_share .ep_share li .ep-p_text.ep-layout_facebook a:visited .ep_icon:after { background-position: -150px -42px; } #website-body .ep-a_share .ep_share li .ep-p_text.ep-layout_facebook a:hover .ep_icon:after, #website-body .ep-a_share .ep_share li .ep-p_text.ep-layout_facebook a:focus .ep_icon:after, #website-body .ep-a_share .ep_share li .ep-p_text.ep-layout_facebook a:active .ep_icon:after { background-position: -129px -42px; } #website-body .ep-a_share .ep_share li .ep-p_text.ep-layout_twitter .ep_icon:after, #website-body .ep-a_share .ep_share li .ep-p_text.ep-layout_twitter a:link .ep_icon:after, #website-body .ep-a_share .ep_share li .ep-p_text.ep-layout_twitter a:visited .ep_icon:after { background-position: -150px -142px; } #website-body .ep-a_share .ep_share li .ep-p_text.ep-layout_twitter a:hover .ep_icon:after, #website-body .ep-a_share .ep_share li .ep-p_text.ep-layout_twitter a:focus .ep_icon:after, #website-body .ep-a_share .ep_share li .ep-p_text.ep-layout_twitter a:active .ep_icon:after { background-position: -129px -142px; } #website-body .ep-a_share .ep_share li .ep-p_text.ep-layout_linkedin .ep_icon:after, #website-body .ep-a_share .ep_share li .ep-p_text.ep-layout_linkedin a:link .ep_icon:after, #website-body .ep-a_share .ep_share li .ep-p_text.ep-layout_linkedin a:visited .ep_icon:after { background-position: -150px -102px; } #website-body .ep-a_share .ep_share li .ep-p_text.ep-layout_linkedin a:hover .ep_icon:after, #website-body .ep-a_share .ep_share li .ep-p_text.ep-layout_linkedin a:focus .ep_icon:after, #website-body .ep-a_share .ep_share li .ep-p_text.ep-layout_linkedin a:active .ep_icon:after { background-position: -129px -102px; } #website-body .ep-a_share .ep_share li .ep-p_text.ep-layout_pinterest .ep_icon:after, #website-body .ep-a_share .ep_share li .ep-p_text.ep-layout_pinterest a:link .ep_icon:after, #website-body .ep-a_share .ep_share li .ep-p_text.ep-layout_pinterest a:visited .ep_icon:after { background-position: -150px -182px; } #website-body .ep-a_share .ep_share li .ep-p_text.ep-layout_pinterest a:hover .ep_icon:after, #website-body .ep-a_share .ep_share li .ep-p_text.ep-layout_pinterest a:focus .ep_icon:after, #website-body .ep-a_share .ep_share li .ep-p_text.ep-layout_pinterest a:active .ep_icon:after { background-position: -129px -182px; } #website-body .ep-a_share .ep_share li .ep-p_text.ep-layout_googleplus .ep_icon:after, #website-body .ep-a_share .ep_share li .ep-p_text.ep-layout_googleplus a:link .ep_icon:after, #website-body .ep-a_share .ep_share li .ep-p_text.ep-layout_googleplus a:visited .ep_icon:after { background-position: -150px -222px; } #website-body .ep-a_share .ep_share li .ep-p_text.ep-layout_googleplus a:hover .ep_icon:after, #website-body .ep-a_share .ep_share li .ep-p_text.ep-layout_googleplus a:focus .ep_icon:after, #website-body .ep-a_share .ep_share li .ep-p_text.ep-layout_googleplus a:active .ep_icon:after { background-position: -129px -222px; } #website-body .ep-a_share .ep_share li .ep-p_text.ep-layout_mail .ep_icon:after, #website-body .ep-a_share .ep_share li .ep-p_text.ep-layout_mail a:link .ep_icon:after, #website-body .ep-a_share .ep_share li .ep-p_text.ep-layout_mail a:visited .ep_icon:after { background-position: -150px -242px; } #website-body .ep-a_share .ep_share li .ep-p_text.ep-layout_mail a:hover .ep_icon:after, #website-body .ep-a_share .ep_share li .ep-p_text.ep-layout_mail a:focus .ep_icon:after, #website-body .ep-a_share .ep_share li .ep-p_text.ep-layout_mail a:active .ep_icon:after { background-position: -129px -242px; } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* ATOM "SHARE" : Bouton de liens vers les versions */ /* ATOM "SHARE" : Separateur */ #website-body .ep-a_share .ep_links .ep-p_text { white-space: nowrap; color: #1e1e1f; } #website-body .ep-a_share .ep_links .ep-p_text:before { position: static; display: inline-block; width: 0; height: 25px; margin: 0; background-color: transparent; content: ""; vertical-align: middle; white-space: nowrap; } #website-body .ep-a_share .ep_links .ep-p_text+.ep-p_text:before { width: 1px; margin-left: 0; margin-right: 10px; background-color: #1e1e1f; } /* ATOM "SHARE" : Bouton */ #website-body .ep-a_share .ep_links .ep-p_text { font-size: 1.4em; } #website-body .ep-a_share .ep_links .ep-p_text .ep_name span { font-weight: bold; } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* ATOM "SHARE" : Version reduite */ @media screen and (max-width:639px) { /* ATOM "SHARE" : Affichage sur deux lignes */ #website-body .ep-a_share { padding-top: 0; border-top: none; } #website-body .ep-a_share>div { flex-direction: column; -webkit-flex-direction: column; } #website-body .ep-a_share .ep_share, #website-body .ep-a_share .ep_links { display: block; text-align: center; } #website-body .ep-a_share .ep_share ul, #website-body .ep-a_share .ep_links { padding-top: 14px; } #website-body .ep-a_share .ep_share li, #website-body .ep-a_share .ep_links div { margin-left: 5px; margin-right: 5px; } /* ATOM "SHARE" : Deplacement du titre */ #website-body .ep-a_share .ep_share .ep_title { display: block; margin: -3px 0; } #website-body .ep-a_share .ep_share .ep_title .ep-p_text, #website-body .ep-a_share .ep_share .ep_title:before { display: inline-block; width: 100%; margin: 0; vertical-align: middle; } #website-body .ep-a_share .ep_share .ep_title .ep-p_text .ep_name { padding-left: 10px; padding-right: 10px; background-color: #fff; } #website-body .ep-a_share .ep_share .ep_title:before { height: 1px; margin-top: 3px; background-color: #1e1e1f; content: " "; } #website-body .ep-a_share .ep_share .ep_title .ep-p_text { margin-left: -100%; } /* ATOM "SHARE" : Alignement des liens */ #website-body .ep-a_share .ep_links .ep-p_text { display: block; } #website-body .ep-a_share .ep_links .ep-p_text { margin-top: 3px; margin-bottom: -3px; } #website-body .ep-a_share .ep_links .ep-p_text:before { display: none; } #website-body .ep-a_share .ep_links .ep-p_text+.ep-p_text { margin-top: 13px; } } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* ATOM "SHARE" : Mode d'affichage de la liste */ /* ATOM "SHARE" : Blocage des liens non sociaux */ #website-body .ep-a_share.ep-layout_socialnetwok .ep_links { display: none !important; } /* ATOM "SHARE" : Suppression visuelle du titre */ #website-body .ep-a_share.ep-layout_socialnetwok { padding-top: 0; border-top: none; } #website-body .ep-a_share.ep-layout_socialnetwok .ep_share .ep_title { position: absolute; display: block; overflow: hidden; width: 0; height: 0; margin: 0; padding: 0; text-indent: 20px; white-space: nowrap; } /* ATOM "SHARE" : Correction de la taille du bouton */ #website-body .ep-a_share.ep-layout_socialnetwok .ep_share li .ep-p_text, #website-body .ep-a_share.ep-layout_socialnetwok .ep_share li .ep-p_text .ep_name, #website-body .ep-a_share.ep-layout_socialnetwok .ep_share li .ep-p_text .ep_icon, #website-body .ep-a_share.ep-layout_socialnetwok .ep_share li .ep-p_text .ep_icon:before { height: 35px; } #website-body .ep-a_share.ep-layout_socialnetwok .ep_share li .ep-p_text, #website-body .ep-a_share.ep-layout_socialnetwok .ep_share li .ep-p_text .ep_icon { width: 35px; } #website-body .ep-a_share.ep-layout_socialnetwok .ep_share li .ep-p_text .ep_icon:after { transform: none; } /* ATOM "SHARE" : Correction de l'alignement du bouton */ #website-body .ep-a_share.ep-layout_socialnetwok>div, #website-body .ep-a_share.ep-layout_socialnetwok .ep_share, #website-body .ep-a_share.ep-layout_socialnetwok .ep_share ul { display: block; text-align: center; } #website-body .ep-a_share.ep-layout_socialnetwok .ep_share ul { margin-left: -10px; margin-right: -10px; padding-top: 0; line-height: 5em; } #website-body .ep-a_share.ep-layout_socialnetwok .ep_share li { margin-top: 0; margin-left: 10px; margin-right: 10px; } #website-body .ep-a_share.ep-layout_socialnetwok:after { margin-top: -15px; } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* ATOM "SHARE" : Affichage du formulaire d'envoi par mail */ /* ATOM "SHARE" : Icone "fleche" affichee sous le bouton */ #website-body .ep-a_share[data-converted][data-formopened] .ep_share .ep-p_text.ep-layout_mail:before { position: absolute; display: block; width: 20px; height: 20px; margin-top: 45px; margin-left: 2px; background-color: #f3f4f4; border: 1px solid #d1d3d4; border-bottom-color: #f3f4f4; border-right-color: #f3f4f4; transform: rotate(45deg); -webkit-transform: rotate(45deg); content: ""; } /* ATOM "SHARE" : Structure generale */ #website-body .ep-a_share>div form.ep_sendmail { position: static; display: none; width: 100%; margin: 30px 0 0 0; padding: 0; flex: 0 0 auto; -webkit-flex: 0 0 auto; flex-direction: row; -webkit-flex-direction: row; flex-wrap: wrap; -webkit-flex-wrap: wrap; order: 2; -webkit-order: 2; background-color: #f3f4f4; border: 1px solid #d1d3d4; font-size: 1em; color: inherit; } #website-body .ep-a_share[data-converted]>div form.ep_sendmail { display: flex; display: -webkit-flex; } #website-body .ep-a_share>div form.ep_sendmail>* { position: static; display: flex; display: -webkit-flex; width: 100%; margin: 0; padding: 0 20px; box-sizing: border-box; flex: 0 0 auto; -webkit-flex: 0 0 auto; flex-direction: row; -webkit-flex-direction: row; flex-wrap: wrap; -webkit-flex-wrap: wrap; background-color: #f3f4f4; font-size: 1em; line-height: 0; color: inherit; } #website-body .ep-a_share>div form.ep_sendmail>.ep_introduction { padding-top: 20px; } #website-body .ep-a_share>div form.ep_sendmail>.ep_action { flex-direction: column; -webkit-flex-direction: column; justify-content: space-between; justify-content: space-between; } #website-body .ep-a_share>div form.ep_sendmail>.ep_action>.ep_buttons { position: static; display: flex; display: -webkit-flex; width: 100%; margin: 0; padding: 0; box-sizing: border-box; flex: 0 0 auto; -webkit-flex: 0 0 auto; flex-direction: row; -webkit-flex-direction: row; flex-wrap: nowrap; -webkit-flex-wrap: nowrap; font-size: 1em; line-height: 0; color: inherit; } /* ATOM "SHARE" : Gestion des marges internes */ #website-body .ep-a_share>div form.ep_sendmail>* [class^="ep-p_"] { align-self: flex-start; -webkit-align-self: flex-start; } #website-body .ep-a_share>div form.ep_sendmail>* [class^="ep-p_"]:after { position: static; display: block; width: 100%; height: 20px; flex: 0 0 auto; -webkit-flex: 0 0 auto; background-color: #f0f; opacity: 0; content: ""; } #website-body .ep-a_share>div form.ep_sendmail>* .ep-p_text:after { margin-top: -3px; } #website-body .ep-a_share>div form.ep_sendmail>* [class^="ep-p_"], #website-body .ep-a_share>div form.ep_sendmail>* .ep-p_textfield>div { width: 100%; display: flex; display: -webkit-flex; box-sizing: border-box; flex: 0 0 auto; -webkit-flex: 0 0 auto; flex-direction: column; -webkit-flex-direction: column; flex-wrap: wrap; -webkit-flex-wrap: wrap; } #website-body .ep-a_share>div form.ep_sendmail>* .ep-p_text, #website-body .ep-a_share>div form.ep_sendmail>* .ep-p_button { flex-direction: row; -webkit-flex-direction: row; line-height: 0; } #website-body .ep-a_share>div form.ep_sendmail>* .ep-p_button>button { width: 100%; flex: 0 0 auto; -webkit-flex: 0 0 auto; } #website-body .ep-a_share>div form.ep_sendmail>.ep_action .ep-p_button { width: 50%; padding-left: 0; padding-right: 10px; } #website-body .ep-a_share>div form.ep_sendmail>.ep_action .ep-p_button+.ep-p_button { padding-left: 10px; padding-right: 0; } /* ATOM "SHARE" : Police d'ecriture */ #website-body .ep-a_share>div form.ep_sendmail>* .ep-p_text, #website-body .ep-a_share>div form.ep_sendmail>* .ep-p_button, #website-body .ep-a_share>div form.ep_sendmail>* .ep-p_textfield .ep_field { font-size: 1.4em; } #website-body .ep-a_share>div form.ep_sendmail>* .ep-p_text, #website-body .ep-a_share>div form.ep_sendmail>* .ep-p_button button, #website-body .ep-a_share>div form.ep_sendmail>* .ep-p_textfield .ep_field { line-height: normal; } #website-body .ep-a_share>div form.ep_sendmail>* .ep-p_text .ep_name { cursor: default; } #website-body .ep-a_share>div form.ep_sendmail>.ep_introduction .ep-p_text .ep_name { font-weight: bold; color: #1e1e1f; } #website-body .ep-a_share>div form.ep_sendmail>.ep_legend .ep-p_text .ep_name { color: #757575; } #website-body .ep-a_share>div form.ep_sendmail>.ep_information, #website-body .ep-a_share>div form.ep_sendmail>.ep_information .ep-p_text { text-align: right; } #website-body .ep-a_share>div form.ep_sendmail>.ep_information { justify-content: flex-end; -webkit-justify-content: flex-end; } #website-body .ep-a_share>div form.ep_sendmail>.ep_information .ep-p_text { display: inline-flex; display: -webkit-inline-flex; width: auto; } /* ATOM "SHARE" : Lien internet */ #website-body .ep-a_share>div form.ep_sendmail>.ep_information .ep-p_text a { display: inline-flex; display: -webkit-inline-flex; flex-direction: row-reverse; -webkit-flex-direction: row-reverse; cursor: pointer; } #website-body .ep-a_share>div form.ep_sendmail>.ep_information .ep-p_text .ep_name, #website-body .ep-a_share>div form.ep_sendmail>.ep_information .ep-p_text .ep_icon { cursor: pointer; } #website-body .ep-a_share>div form.ep_sendmail>.ep_information .ep-p_text .ep_icon { display: inline-block; overflow: visible; width: 0; height: 1em; margin-right: 5px; } #website-body .ep-a_share>div form.ep_sendmail>.ep_information .ep-p_text .ep_icon:before { display: inline-block; width: 11px; height: 8px; transform: translate(-10px, 0) rotate(-90deg); -webkit-transform: translate(-10px, 0) rotate(-90deg); background-position: -97px -58px; } #website-body .ep-a_share>div form.ep_sendmail>.ep_information .ep-p_text a .ep_name, #website-body .ep-a_share>div form.ep_sendmail>.ep_information .ep-p_text a:link .ep_name, #website-body .ep-a_share>div form.ep_sendmail>.ep_information .ep-p_text a:visited .ep_name { transform: translate(0, 0); -webkit-transform: translate(0, 0); color: #3c77bd; } #website-body .ep-a_share>div form.ep_sendmail>.ep_information .ep-p_text a:hover .ep_name, #website-body .ep-a_share>div form.ep_sendmail>.ep_information .ep-p_text a:focus .ep_name, #website-body .ep-a_share>div form.ep_sendmail>.ep_information .ep-p_text a:active .ep_name { transform: translate(5px, 0); -webkit-transform: translate(5px, 0); color: #3c77bd; } /* ATOM "SHARE" : Elements de formulaire */ #website-body .ep-a_share>div form.ep_sendmail>.ep_message [class^="ep-p_"], #website-body .ep-a_share>div form.ep_sendmail>.ep_message .ep-p_textfield>div, #website-body .ep-a_share>div form.ep_sendmail>.ep_message .ep-p_textfield>div textarea { flex: 1 1 auto; -webkit-flex: 1 1 auto; align-self: stretch; -webkit-align-self: stretch; align-items: stretch; -webkit-align-items: stretch; } #website-body .ep-a_share>div form.ep_sendmail>* .ep-p_button { font-size: 1.4em; line-height: normal; } #website-body .ep-a_share>div form.ep_sendmail>* .ep-p_capcha { align-self: stretch; -webkit-align-self: stretch; flex: 1 1 auto; -webkit-flex: 1 1 auto; text-align: center; } #website-body .ep-a_share>div form.ep_sendmail>* .ep-p_capcha>* { display: inline-block; text-align: left; } #website-body .ep-a_share>div form.ep_sendmail>* .ep-p_button button { text-align: center; } #website-body .ep-a_share>div form.ep_sendmail>* .ep-p_button button:hover, #website-body .ep-a_share>div form.ep_sendmail>* .ep-p_button button:focus, #website-body .ep-a_share>div form.ep_sendmail>* .ep-p_button button:active { background: #f3f4f4; border-color: #636366; color: #1e1e1f; } #website-body .ep-a_share>div form.ep_sendmail>* .ep-p_button button[type="submit"] { background-color: #66a91e; border-color: #66a91e; background: -webkit-linear-gradient(top, #83cb2c, #66a91e); background: -moz-linear-gradient(top, #83cb2c, #66a91e); background: -ms-linear-gradient(top, #83cb2c, #66a91e); background: linear-gradient(top, #83cb2c, #66a91e); font-weight: lighter; color: #fff; } #website-body .ep-a_share>div form.ep_sendmail>* .ep-p_button button[type="submit"]:hover, #website-body .ep-a_share>div form.ep_sendmail>* .ep-p_button button[type="submit"]:focus, #website-body .ep-a_share>div form.ep_sendmail>* .ep-p_button button[type="submit"]:active { background: #fff; border-color: #66a91e; font-weight: normal; color: #66a91e; } body[data-ismobile] #website-body .ep-a_share>div form.ep_sendmail>* .ep-p_button button[type="submit"] { font-weight: normal; } #website-body .ep-a_share>div form.ep_sendmail>* .ep-p_textfield.ep-layout_error>div input, #website-body .ep-a_share>div form.ep_sendmail>* .ep-p_textfield.ep-layout_error>div textarea { padding: 9px 8px; border: 3px solid #f1582c; color: #f1582c; } #website-body .ep-a_share>div form.ep_sendmail>* .ep-p_textfield.ep-layout_error>div input:hover, #website-body .ep-a_share>div form.ep_sendmail>* .ep-p_textfield.ep-layout_error>div input:focus, #website-body .ep-a_share>div form.ep_sendmail>* .ep-p_textfield.ep-layout_error>div input:active, #website-body .ep-a_share>div form.ep_sendmail>* .ep-p_textfield.ep-layout_error>div textarea:hover, #website-body .ep-a_share>div form.ep_sendmail>* .ep-p_textfield.ep-layout_error>div textarea:focus, #website-body .ep-a_share>div form.ep_sendmail>* .ep-p_textfield.ep-layout_error>div textarea:active { color: #3c77bd; } /* ATOM "SHARE" : Repositionnement du conteneur */ @media screen and (min-width:640px), print { #website-body .ep_gridcolumn>.ep_gridcolumn-content .ep-a_share>div form.ep_sendmail { order: 4; -webkit-order: 4; } } /* ATOM "SHARE" : Mode d'affichage selon le breakpoint */ @media screen and (min-width:1200px) { /* ATOM "SHARE" : Gestion des dimensions des conteneurs */ #website-body .ep_gridcolumn[data-view1200="12"]>.ep_gridcolumn-content .ep-a_share>div form.ep_sendmail>.ep_coordinates, #website-body .ep_gridcolumn[data-view1200="12"]>.ep_gridcolumn-content .ep-a_share>div form.ep_sendmail>.ep_action { width: calc(100% / 4); } #website-body .ep_gridcolumn[data-view1200="12"]>.ep_gridcolumn-content .ep-a_share>div form.ep_sendmail>.ep_message { width: 50%; } #website-body .ep_gridcolumn[data-view1200="11"]>.ep_gridcolumn-content .ep-a_share>div form.ep_sendmail>.ep_coordinates, #website-body .ep_gridcolumn[data-view1200="11"]>.ep_gridcolumn-content .ep-a_share>div form.ep_sendmail>.ep_action { width: calc((100% / 11) * 3); } #website-body .ep_gridcolumn[data-view1200="11"]>.ep_gridcolumn-content .ep-a_share>div form.ep_sendmail>.ep_message { width: calc((100% / 11) * 5); } #website-body .ep_gridcolumn[data-view1200="10"]>.ep_gridcolumn-content .ep-a_share>div form.ep_sendmail>.ep_coordinates, #website-body .ep_gridcolumn[data-view1200="10"]>.ep_gridcolumn-content .ep-a_share>div form.ep_sendmail>.ep_action { width: calc((100% / 11) * 3); } #website-body .ep_gridcolumn[data-view1200="10"]>.ep_gridcolumn-content .ep-a_share>div form.ep_sendmail>.ep_message { width: calc((100% / 11) * 4); } #website-body .ep_gridcolumn[data-view1200="12"]>.ep_gridcolumn-content .ep-a_share>div form.ep_sendmail>.ep_legend, #website-body .ep_gridcolumn[data-view1200="12"]>.ep_gridcolumn-content .ep-a_share>div form.ep_sendmail>.ep_information, #website-body .ep_gridcolumn[data-view1200="11"]>.ep_gridcolumn-content .ep-a_share>div form.ep_sendmail>.ep_legend, #website-body .ep_gridcolumn[data-view1200="11"]>.ep_gridcolumn-content .ep-a_share>div form.ep_sendmail>.ep_information, #website-body .ep_gridcolumn[data-view1200="10"]>.ep_gridcolumn-content .ep-a_share>div form.ep_sendmail>.ep_legend, #website-body .ep_gridcolumn[data-view1200="10"]>.ep_gridcolumn-content .ep-a_share>div form.ep_sendmail>.ep_information { width: 50%; } #website-body .ep_gridcolumn[data-view1200="12"]>.ep_gridcolumn-content .ep-a_share>div form.ep_sendmail>.ep_coordinates, #website-body .ep_gridcolumn[data-view1200="12"]>.ep_gridcolumn-content .ep-a_share>div form.ep_sendmail>.ep_legend, #website-body .ep_gridcolumn[data-view1200="11"]>.ep_gridcolumn-content .ep-a_share>div form.ep_sendmail>.ep_coordinates, #website-body .ep_gridcolumn[data-view1200="11"]>.ep_gridcolumn-content .ep-a_share>div form.ep_sendmail>.ep_legend, #website-body .ep_gridcolumn[data-view1200="10"]>.ep_gridcolumn-content .ep-a_share>div form.ep_sendmail>.ep_coordinates, #website-body .ep_gridcolumn[data-view1200="10"]>.ep_gridcolumn-content .ep-a_share>div form.ep_sendmail>.ep_legend { padding-left: 20px; } #website-body .ep_gridcolumn[data-view1200="12"]>.ep_gridcolumn-content .ep-a_share>div form.ep_sendmail>.ep_action, #website-body .ep_gridcolumn[data-view1200="12"]>.ep_gridcolumn-content .ep-a_share>div form.ep_sendmail>.ep_information, #website-body .ep_gridcolumn[data-view1200="11"]>.ep_gridcolumn-content .ep-a_share>div form.ep_sendmail>.ep_action, #website-body .ep_gridcolumn[data-view1200="11"]>.ep_gridcolumn-content .ep-a_share>div form.ep_sendmail>.ep_information, #website-body .ep_gridcolumn[data-view1200="10"]>.ep_gridcolumn-content .ep-a_share>div form.ep_sendmail>.ep_action, #website-body .ep_gridcolumn[data-view1200="10"]>.ep_gridcolumn-content .ep-a_share>div form.ep_sendmail>.ep_information { padding-right: 20px; } #website-body .ep_gridcolumn[data-view1200="12"]>.ep_gridcolumn-content .ep-a_share>div form.ep_sendmail>.ep_coordinates, #website-body .ep_gridcolumn[data-view1200="12"]>.ep_gridcolumn-content .ep-a_share>div form.ep_sendmail>.ep_message, #website-body .ep_gridcolumn[data-view1200="12"]>.ep_gridcolumn-content .ep-a_share>div form.ep_sendmail>.ep_legend, #website-body .ep_gridcolumn[data-view1200="11"]>.ep_gridcolumn-content .ep-a_share>div form.ep_sendmail>.ep_coordinates, #website-body .ep_gridcolumn[data-view1200="11"]>.ep_gridcolumn-content .ep-a_share>div form.ep_sendmail>.ep_message, #website-body .ep_gridcolumn[data-view1200="11"]>.ep_gridcolumn-content .ep-a_share>div form.ep_sendmail>.ep_legend, #website-body .ep_gridcolumn[data-view1200="10"]>.ep_gridcolumn-content .ep-a_share>div form.ep_sendmail>.ep_coordinates, #website-body .ep_gridcolumn[data-view1200="10"]>.ep_gridcolumn-content .ep-a_share>div form.ep_sendmail>.ep_message, #website-body .ep_gridcolumn[data-view1200="10"]>.ep_gridcolumn-content .ep-a_share>div form.ep_sendmail>.ep_legend { padding-right: 10px; } #website-body .ep_gridcolumn[data-view1200="12"]>.ep_gridcolumn-content .ep-a_share>div form.ep_sendmail>.ep_action, #website-body .ep_gridcolumn[data-view1200="12"]>.ep_gridcolumn-content .ep-a_share>div form.ep_sendmail>.ep_message, #website-body .ep_gridcolumn[data-view1200="12"]>.ep_gridcolumn-content .ep-a_share>div form.ep_sendmail>.ep_information, #website-body .ep_gridcolumn[data-view1200="11"]>.ep_gridcolumn-content .ep-a_share>div form.ep_sendmail>.ep_action, #website-body .ep_gridcolumn[data-view1200="11"]>.ep_gridcolumn-content .ep-a_share>div form.ep_sendmail>.ep_message, #website-body .ep_gridcolumn[data-view1200="11"]>.ep_gridcolumn-content .ep-a_share>div form.ep_sendmail>.ep_information, #website-body .ep_gridcolumn[data-view1200="10"]>.ep_gridcolumn-content .ep-a_share>div form.ep_sendmail>.ep_action, #website-body .ep_gridcolumn[data-view1200="10"]>.ep_gridcolumn-content .ep-a_share>div form.ep_sendmail>.ep_message, #website-body .ep_gridcolumn[data-view1200="10"]>.ep_gridcolumn-content .ep-a_share>div form.ep_sendmail>.ep_information { padding-left: 10px; } /* ATOM "SHARE" : Reorganisation du contenu */ #website-body .ep_gridcolumn[data-view1200="12"]>.ep_gridcolumn-content .ep-a_share>div form.ep_sendmail>.ep_introduction, #website-body .ep_gridcolumn[data-view1200="12"]>.ep_gridcolumn-content .ep-a_share>div form.ep_sendmail>.ep_coordinates, #website-body .ep_gridcolumn[data-view1200="12"]>.ep_gridcolumn-content .ep-a_share>div form.ep_sendmail>.ep_message, #website-body .ep_gridcolumn[data-view1200="12"]>.ep_gridcolumn-content .ep-a_share>div form.ep_sendmail>.ep_action, #website-body .ep_gridcolumn[data-view1200="11"]>.ep_gridcolumn-content .ep-a_share>div form.ep_sendmail>.ep_introduction, #website-body .ep_gridcolumn[data-view1200="11"]>.ep_gridcolumn-content .ep-a_share>div form.ep_sendmail>.ep_coordinates, #website-body .ep_gridcolumn[data-view1200="11"]>.ep_gridcolumn-content .ep-a_share>div form.ep_sendmail>.ep_message, #website-body .ep_gridcolumn[data-view1200="11"]>.ep_gridcolumn-content .ep-a_share>div form.ep_sendmail>.ep_action, #website-body .ep_gridcolumn[data-view1200="10"]>.ep_gridcolumn-content .ep-a_share>div form.ep_sendmail>.ep_introduction, #website-body .ep_gridcolumn[data-view1200="10"]>.ep_gridcolumn-content .ep-a_share>div form.ep_sendmail>.ep_coordinates, #website-body .ep_gridcolumn[data-view1200="10"]>.ep_gridcolumn-content .ep-a_share>div form.ep_sendmail>.ep_message, #website-body .ep_gridcolumn[data-view1200="10"]>.ep_gridcolumn-content .ep-a_share>div form.ep_sendmail>.ep_action { order: 1; -webkit-order: 1; } #website-body .ep_gridcolumn[data-view1200="12"]>.ep_gridcolumn-content .ep-a_share>div form.ep_sendmail>.ep_legend, #website-body .ep_gridcolumn[data-view1200="12"]>.ep_gridcolumn-content .ep-a_share>div form.ep_sendmail>.ep_information, #website-body .ep_gridcolumn[data-view1200="11"]>.ep_gridcolumn-content .ep-a_share>div form.ep_sendmail>.ep_legend, #website-body .ep_gridcolumn[data-view1200="11"]>.ep_gridcolumn-content .ep-a_share>div form.ep_sendmail>.ep_information, #website-body .ep_gridcolumn[data-view1200="10"]>.ep_gridcolumn-content .ep-a_share>div form.ep_sendmail>.ep_legend, #website-body .ep_gridcolumn[data-view1200="10"]>.ep_gridcolumn-content .ep-a_share>div form.ep_sendmail>.ep_information { order: 2; -webkit-order: 2; } } @media screen and (min-width:1020px) and (max-width:1199px) { /* ATOM "SHARE" : Gestion des dimensions des conteneurs */ #website-body .ep_gridcolumn[data-view1020="12"]>.ep_gridcolumn-content .ep-a_share>div form.ep_sendmail>.ep_coordinates, #website-body .ep_gridcolumn[data-view1020="12"]>.ep_gridcolumn-content .ep-a_share>div form.ep_sendmail>.ep_action { width: calc(100% / 3); } #website-body .ep_gridcolumn[data-view1020="12"]>.ep_gridcolumn-content .ep-a_share>div form.ep_sendmail>.ep_message { width: calc(100% / 4); } #website-body .ep_gridcolumn[data-view1020="11"]>.ep_gridcolumn-content .ep-a_share>div form.ep_sendmail>.ep_coordinates, #website-body .ep_gridcolumn[data-view1020="11"]>.ep_gridcolumn-content .ep-a_share>div form.ep_sendmail>.ep_action { width: calc((100% / 11) * 4); } #website-body .ep_gridcolumn[data-view1020="11"]>.ep_gridcolumn-content .ep-a_share>div form.ep_sendmail>.ep_message { width: calc((100% / 11) * 4); } #website-body .ep_gridcolumn[data-view1020="12"]>.ep_gridcolumn-content .ep-a_share>div form.ep_sendmail>.ep_legend, #website-body .ep_gridcolumn[data-view1020="12"]>.ep_gridcolumn-content .ep-a_share>div form.ep_sendmail>.ep_information, #website-body .ep_gridcolumn[data-view1020="11"]>.ep_gridcolumn-content .ep-a_share>div form.ep_sendmail>.ep_legend, #website-body .ep_gridcolumn[data-view1020="11"]>.ep_gridcolumn-content .ep-a_share>div form.ep_sendmail>.ep_information { width: 50%; } #website-body .ep_gridcolumn[data-view1020="12"]>.ep_gridcolumn-content .ep-a_share>div form.ep_sendmail>.ep_coordinates, #website-body .ep_gridcolumn[data-view1020="12"]>.ep_gridcolumn-content .ep-a_share>div form.ep_sendmail>.ep_legend, #website-body .ep_gridcolumn[data-view1020="11"]>.ep_gridcolumn-content .ep-a_share>div form.ep_sendmail>.ep_coordinates, #website-body .ep_gridcolumn[data-view1020="11"]>.ep_gridcolumn-content .ep-a_share>div form.ep_sendmail>.ep_legend { padding-left: 20px; } #website-body .ep_gridcolumn[data-view1020="12"]>.ep_gridcolumn-content .ep-a_share>div form.ep_sendmail>.ep_action, #website-body .ep_gridcolumn[data-view1020="12"]>.ep_gridcolumn-content .ep-a_share>div form.ep_sendmail>.ep_information, #website-body .ep_gridcolumn[data-view1020="11"]>.ep_gridcolumn-content .ep-a_share>div form.ep_sendmail>.ep_action, #website-body .ep_gridcolumn[data-view1020="11"]>.ep_gridcolumn-content .ep-a_share>div form.ep_sendmail>.ep_information { padding-right: 20px; } #website-body .ep_gridcolumn[data-view1020="12"]>.ep_gridcolumn-content .ep-a_share>div form.ep_sendmail>.ep_coordinates, #website-body .ep_gridcolumn[data-view1020="12"]>.ep_gridcolumn-content .ep-a_share>div form.ep_sendmail>.ep_message, #website-body .ep_gridcolumn[data-view1020="12"]>.ep_gridcolumn-content .ep-a_share>div form.ep_sendmail>.ep_legend, #website-body .ep_gridcolumn[data-view1020="11"]>.ep_gridcolumn-content .ep-a_share>div form.ep_sendmail>.ep_coordinates, #website-body .ep_gridcolumn[data-view1020="11"]>.ep_gridcolumn-content .ep-a_share>div form.ep_sendmail>.ep_message, #website-body .ep_gridcolumn[data-view1020="11"]>.ep_gridcolumn-content .ep-a_share>div form.ep_sendmail>.ep_legend { padding-right: 10px; } #website-body .ep_gridcolumn[data-view1020="12"]>.ep_gridcolumn-content .ep-a_share>div form.ep_sendmail>.ep_action, #website-body .ep_gridcolumn[data-view1020="12"]>.ep_gridcolumn-content .ep-a_share>div form.ep_sendmail>.ep_message, #website-body .ep_gridcolumn[data-view1020="12"]>.ep_gridcolumn-content .ep-a_share>div form.ep_sendmail>.ep_information, #website-body .ep_gridcolumn[data-view1020="11"]>.ep_gridcolumn-content .ep-a_share>div form.ep_sendmail>.ep_action, #website-body .ep_gridcolumn[data-view1020="11"]>.ep_gridcolumn-content .ep-a_share>div form.ep_sendmail>.ep_message, #website-body .ep_gridcolumn[data-view1020="11"]>.ep_gridcolumn-content .ep-a_share>div form.ep_sendmail>.ep_information { padding-left: 10px; } /* ATOM "SHARE" : Reorganisation du contenu */ #website-body .ep_gridcolumn[data-view1020="12"]>.ep_gridcolumn-content .ep-a_share>div form.ep_sendmail>.ep_introduction, #website-body .ep_gridcolumn[data-view1020="12"]>.ep_gridcolumn-content .ep-a_share>div form.ep_sendmail>.ep_coordinates, #website-body .ep_gridcolumn[data-view1020="12"]>.ep_gridcolumn-content .ep-a_share>div form.ep_sendmail>.ep_message, #website-body .ep_gridcolumn[data-view1020="12"]>.ep_gridcolumn-content .ep-a_share>div form.ep_sendmail>.ep_action, #website-body .ep_gridcolumn[data-view1020="11"]>.ep_gridcolumn-content .ep-a_share>div form.ep_sendmail>.ep_introduction, #website-body .ep_gridcolumn[data-view1020="11"]>.ep_gridcolumn-content .ep-a_share>div form.ep_sendmail>.ep_coordinates, #website-body .ep_gridcolumn[data-view1020="11"]>.ep_gridcolumn-content .ep-a_share>div form.ep_sendmail>.ep_message, #website-body .ep_gridcolumn[data-view1020="11"]>.ep_gridcolumn-content .ep-a_share>div form.ep_sendmail>.ep_action, #website-body .ep_gridcolumn[data-view1020="10"]>.ep_gridcolumn-content .ep-a_share>div form.ep_sendmail>.ep_introduction { order: 1; -webkit-order: 1; } #website-body .ep_gridcolumn[data-view1020="12"]>.ep_gridcolumn-content .ep-a_share>div form.ep_sendmail>.ep_legend, #website-body .ep_gridcolumn[data-view1020="12"]>.ep_gridcolumn-content .ep-a_share>div form.ep_sendmail>.ep_information, #website-body .ep_gridcolumn[data-view1020="11"]>.ep_gridcolumn-content .ep-a_share>div form.ep_sendmail>.ep_legend, #website-body .ep_gridcolumn[data-view1020="11"]>.ep_gridcolumn-content .ep-a_share>div form.ep_sendmail>.ep_information { order: 2; -webkit-order: 2; } } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* ATOM "SHARE" : Blocage de la version imprimable */ @media print { #website-body .ep-a_share { display: none !important; } } /* ========================================================================================================================================================================== */ /* == LOAD MORE ================== [ATOM] ============= ep-a_loadmore ======================================================================================================= */ /* ========================================================================================================================================================================== */ /* Description : Atome a utiliser pour l'affichage du bouton permettant le chargement progressif des elements */ /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* ATOM "LOAD MORE" : Structure generale */ /* ATOM "LOAD MORE" : Structure generale */ #website-body .ep-a_loadmore { letter-spacing: -0.3em; white-space: nowrap; } #website-body .ep-a_loadmore:before, #website-body .ep-a_loadmore .ep_button { position: static; display: inline-block; width: 100%; margin: 0; padding: 0; cursor: default; text-align: center; vertical-align: middle; } /* ATOM "LOAD MORE" : Ligne de soulignement */ #website-body .ep-a_loadmore:before { overflow: hidden; height: 0; padding-top: 2px; margin-right: -100%; border-bottom: 2px dotted #d1d3d4; content: ""; } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* ATOM "LOAD MORE" : Bouton d'acces */ #website-body .ep-a_loadmore .ep_button .ep-p_text { display: inline-block; max-width: 100%; padding: 14px 30px 13px 30px; box-sizing: border-box; background-color: #fff; border: 1px solid #d1d3d4; border-radius: 5px; } #website-body .ep-a_loadmore .ep_button .ep-p_text .ep_name { overflow: hidden; max-width: 100%; font-size: 1.4em; line-height: normal; text-overflow: ellipsis; white-space: nowrap; } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* ATOM "LOAD MORE" : Effet de survol */ /* ATOM "LOAD MORE" : Blocage de l'effet de survol par defaut */ #website-body a .ep-a_loadmore .ep_button .ep-p_text .ep_name, #website-body a.ep-a_loadmore .ep_button .ep-p_text .ep_name, #website-body .ep-a_loadmore .ep_button a.ep-p_text .ep_name, #website-body button.ep-a_loadmore .ep_button .ep-p_text .ep_name, #website-body .ep-a_loadmore .ep_button button.ep-p_text .ep_name { transform: none; color: inherit; } #website-body button.ep-a_loadmore, #website-body button.ep-a_loadmore .ep_button, #website-body button.ep-a_loadmore .ep_button .ep-p_text, #website-body button.ep-a_loadmore .ep_button .ep-p_text .ep_name, #website-body .ep-a_loadmore .ep_button button.ep-p_text, #website-body .ep-a_loadmore .ep_button button.ep-p_text .ep_name { cursor: pointer; } /* ATOM "LOAD MORE" : Ajout de l'effet de survol */ #website-body a:hover .ep-a_loadmore .ep_button .ep-p_text, #website-body a:focus .ep-a_loadmore .ep_button .ep-p_text, #website-body a:active .ep-a_loadmore .ep_button .ep-p_text, #website-body a.ep-a_loadmore:hover .ep_button .ep-p_text, #website-body a.ep-a_loadmore:focus .ep_button .ep-p_text, #website-body a.ep-a_loadmore:active .ep_button .ep-p_text, #website-body .ep-a_loadmore .ep_button a.ep-p_text:hover, #website-body .ep-a_loadmore .ep_button a.ep-p_text:focus, #website-body .ep-a_loadmore .ep_button a.ep-p_text:active, #website-body button.ep-a_loadmore:hover .ep_button .ep-p_text, #website-body button.ep-a_loadmore:focus .ep_button .ep-p_text, #website-body button.ep-a_loadmore:active .ep_button .ep-p_text, #website-body .ep-a_loadmore .ep_button button.ep-p_text:hover, #website-body .ep-a_loadmore .ep_button button.ep-p_text:focus, #website-body .ep-a_loadmore .ep_button button.ep-p_text:active { background-color: #f3f4f4; border-color: #636366; color: #1e1e1f; } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* ATOM "LOAD MORE" : Couleur du bouton */ /* ATOM "LOAD MORE" : Couleur du bouton "call to action" */ #website-body .ep-a_loadmore.ep-layout_calltoaction .ep_button .ep-p_text { background-color: #3c77bd; background: -webkit-linear-gradient(top, #3c77bd, #3c77bd); background: -moz-linear-gradient(top, #3c77bd, #3c77bd); background: -ms-linear-gradient(top, #3c77bd, #3c77bd); background: linear-gradient(top, #3c77bd, #3c77bd); border-color: transparent; color: #fff; } #website-body a:hover .ep-a_loadmore.ep-layout_calltoaction .ep_button .ep-p_text, #website-body a:focus .ep-a_loadmore.ep-layout_calltoaction .ep_button .ep-p_text, #website-body a:active .ep-a_loadmore.ep-layout_calltoaction .ep_button .ep-p_text, #website-body a.ep-a_loadmore.ep-layout_calltoaction:hover .ep_button .ep-p_text, #website-body a.ep-a_loadmore.ep-layout_calltoaction:focus .ep_button .ep-p_text, #website-body a.ep-a_loadmore.ep-layout_calltoaction:active .ep_button .ep-p_text, #website-body .ep-a_loadmore.ep-layout_calltoaction .ep_button a.ep-p_text:hover, #website-body .ep-a_loadmore.ep-layout_calltoaction .ep_button a.ep-p_text:focus, #website-body .ep-a_loadmore.ep-layout_calltoaction .ep_button a.ep-p_text:active, #website-body button.ep-a_loadmore.ep-layout_calltoaction:hover .ep_button .ep-p_text, #website-body button.ep-a_loadmore.ep-layout_calltoaction:focus .ep_button .ep-p_text, #website-body button.ep-a_loadmore.ep-layout_calltoaction:active .ep_button .ep-p_text, #website-body .ep-a_loadmore.ep-layout_calltoaction .ep_button button.ep-p_text:hover, #website-body .ep-a_loadmore.ep-layout_calltoaction .ep_button button.ep-p_text:focus, #website-body .ep-a_loadmore.ep-layout_calltoaction .ep_button button.ep-p_text:active { background: #fff; border-color: #d1d3d4; color: #3c77bd; } /* ATOM "LOAD MORE" : Couleur du bouton "validation" */ #website-body .ep-a_loadmore.ep-layout_validation .ep_button .ep-p_text { background-color: #66a91e; border-color: #66a91e; background: -webkit-linear-gradient(top, #83cb2c, #66a91e); background: -moz-linear-gradient(top, #83cb2c, #66a91e); background: -ms-linear-gradient(top, #83cb2c, #66a91e); background: linear-gradient(top, #83cb2c, #66a91e); color: #fff; } #website-body a:hover .ep-a_loadmore.ep-layout_validation .ep_button .ep-p_text, #website-body a:focus .ep-a_loadmore.ep-layout_validation .ep_button .ep-p_text, #website-body a:active .ep-a_loadmore.ep-layout_validation .ep_button .ep-p_text, #website-body a.ep-a_loadmore.ep-layout_validation:hover .ep_button .ep-p_text, #website-body a.ep-a_loadmore.ep-layout_validation:focus .ep_button .ep-p_text, #website-body a.ep-a_loadmore.ep-layout_validation:active .ep_button .ep-p_text, #website-body .ep-a_loadmore.ep-layout_validation .ep_button a.ep-p_text:hover, #website-body .ep-a_loadmore.ep-layout_validation .ep_button a.ep-p_text:focus, #website-body .ep-a_loadmore.ep-layout_validation .ep_button a.ep-p_text:active, #website-body button.ep-a_loadmore.ep-layout_validation:hover .ep_button .ep-p_text, #website-body button.ep-a_loadmore.ep-layout_validation:focus .ep_button .ep-p_text, #website-body button.ep-a_loadmore.ep-layout_validation:active .ep_button .ep-p_text, #website-body .ep-a_loadmore.ep-layout_validation .ep_button button.ep-p_text:hover, #website-body .ep-a_loadmore.ep-layout_validation .ep_button button.ep-p_text:focus, #website-body .ep-a_loadmore.ep-layout_validation .ep_button button.ep-p_text:active { background: #fff; border-color: #d1d3d4; color: #3c77bd; } /* ========================================================================================================================================================================== */ /* == QUOTATION ================== [ATOM] ============= ep-a_quotation ====================================================================================================== */ /* ========================================================================================================================================================================== */ /* Description : Atome a utiliser pour l'affichage d'une citation et ses elements (auteur, liens de partage) */ /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* ATOM "QUOTATION" : Structure generale */ /* ATOM "QUOTATION" : Bordures de separation */ #website-body .ep-a_quotation>div { position: static; display: block; margin: 0; padding: 0; border-top: 2px dotted #d1d3d4; border-bottom: 2px dotted #d1d3d4; } /* ATOM "QUOTATION" : Structure generale */ #website-body .ep-a_quotation .ep_quotes, #website-body .ep-a_quotation .ep_share { position: static; display: block; margin: 0; padding: 30px 0; } #website-body .ep-a_quotation .ep_quotes+.ep_share { margin-top: -32px; padding-top: 20px; } @media print { #website-body .ep-a_quotation { page-break-inside: avoid; } } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* ATOM "QUOTATION" : Bloc de citation */ /* ATOM "QUOTATION" : Structure generale */ #website-body .ep-a_quotation .ep_quotes a, #website-body .ep-a_quotation .ep_quotes a:link, #website-body .ep-a_quotation .ep_quotes a:visited, #website-body .ep-a_quotation .ep_quotes a:hover, #website-body .ep-a_quotation .ep_quotes a:focus, #website-body .ep-a_quotation .ep_quotes a:focus, #website-body .ep-a_quotation .ep_quotes .ep_text, #website-body .ep-a_quotation .ep_quotes .ep_text p, #website-body .ep-a_quotation .ep_quotes .ep_author { position: static; display: block; margin: 0; padding: 0; border: none; outline: none; text-decoration: none; color: inherit; } #website-body .ep-a_quotation .ep_quotes a { text-align: center; } #website-body .ep-a_quotation .ep_quotes .ep_text { white-space: nowrap; } /* ATOM "QUOTATION" : Citation (format de texte) */ #website-body .ep-a_quotation .ep_quotes .ep_text p { display: inline-block; width: 100%; margin: -4px 0; padding: 0 60px; box-sizing: border-box; font-family: Georgia, Garamond, serif, Palatino; font-size: 2.5em; font-style: italic; text-align: center; line-height: 1.4em; white-space: normal; vertical-align: middle; color: #1e1e1f; } #website-body .ep-a_quotation .ep_quotes .ep_text p .ep-p_text { transform: translate(0, -3px); -webkit-transform: translate(0, -3px); line-height: normal; vertical-align: baseline; } #website-body .ep-a_quotation .ep_quotes .ep_text p a.ep-p_text, #website-body .ep-a_quotation .ep_quotes .ep_text p .ep-p_text a { display: inline-block; color: #3c77bd; } /* ATOM "QUOTATION" : Citation (icone) */ #website-body .ep-a_quotation .ep_quotes .ep_text:before, #website-body .ep-a_quotation .ep_quotes .ep_text:after { position: static; display: inline-block; overflow: hidden; width: 45px; height: 35px; background-image: url(../img/icons.svg); background-position: 0 -110px; background-repeat: no-repeat; text-indent: 80px; white-space: nowrap; vertical-align: middle; } #website-body .ep-a_quotation .ep_quotes .ep_text:before { margin-right: -45px; } #website-body .ep-a_quotation .ep_quotes .ep_text:after { margin-left: -51px; transform: rotate(180deg); -webkit-transform: rotate(180deg); } /* ATOM "QUOTATION" : Auteur */ #website-body .ep-a_quotation .ep_quotes .ep_info { margin: 15px 0 -1px 0; padding: 0 60px; text-align: center; } #website-body .ep-a_quotation .ep_quotes .ep_info>div, #website-body .ep-a_quotation .ep_quotes .ep_info>span { position: static; display: inline-block; margin: 0; padding: 0; font-size: 1.4em; vertical-align: bottom; } #website-body .ep-a_quotation .ep_quotes .ep_info>span a, #website-body .ep-a_quotation .ep_quotes .ep_info>span span, #website-body .ep-a_quotation .ep_quotes .ep_info>span .ep-p_text, #website-body .ep-a_quotation .ep_quotes .ep_info>span time { position: static; display: inline-block; margin: 0; padding: 0; font-size: 1em; vertical-align: middle; } #website-body .ep-a_quotation .ep_quotes .ep_info .ep_icon, #website-body .ep-a_quotation .ep_quotes .ep_info .ep_icon { display: none; } #website-body .ep-a_quotation .ep_quotes .ep_info>span a.ep-p_text, #website-body .ep-a_quotation .ep_quotes .ep_info>span .ep-p_text a { color: #3c77bd; } #website-body .ep-a_quotation .ep_quotes .ep_info>span.ep_separator { margin-left: -2px; } /* ATOM "QUOTATION" : Information additionnelle */ #website-body .ep-a_quotation .ep_quotes .ep_more { margin: 15px 0 -1px 0; padding: 0 60px; text-align: center; } #website-body .ep-a_quotation .ep_quotes .ep_more>div, #website-body .ep-a_quotation .ep_quotes .ep_more>p, #website-body .ep-a_quotation .ep_quotes .ep_more>span, #website-body .ep-a_quotation .ep_quotes .ep_more .ep-p_text { position: static; display: inline-block; margin: 0; padding: 0; font-size: 1.2em; vertical-align: middle; } #website-body .ep-a_quotation .ep_quotes .ep_more a.ep-p_text, #website-body .ep-a_quotation .ep_quotes .ep_more .ep-p_text a { color: #3c77bd; } /* ATOM "QUOTATION" : Effet de survol sur l'integralite du composant */ #website-body .ep-a_quotation .ep_quotes a:link .ep_text:before, #website-body .ep-a_quotation .ep_quotes a:link .ep_text:after, #website-body .ep-a_quotation .ep_quotes a:visited .ep_text:before, #website-body .ep-a_quotation .ep_quotes a:visited .ep_text:after { background-position: 0 -110px; } #website-body .ep-a_quotation .ep_quotes a:hover .ep_text:before, #website-body .ep-a_quotation .ep_quotes a:hover .ep_text:after, #website-body .ep-a_quotation .ep_quotes a:focus .ep_text:before, #website-body .ep-a_quotation .ep_quotes a:focus .ep_text:after, #website-body .ep-a_quotation .ep_quotes a:active .ep_text:before, #website-body .ep-a_quotation .ep_quotes a:active .ep_text:after { background-position: 0 -145px; } #website-body .ep-a_quotation .ep_quotes a:link .ep_info .ep-p_text .ep_name, #website-body .ep-a_quotation .ep_quotes a:visited .ep_info .ep-p_text .ep_name, #website-body .ep-a_quotation .ep_quotes a:hover .ep_info .ep-p_text .ep_name, #website-body .ep-a_quotation .ep_quotes a:focus .ep_info .ep-p_text .ep_name, #website-body .ep-a_quotation .ep_quotes a:active .ep_info .ep-p_text .ep_name { transform: none; color: inherit; } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* ATOM "QUOTATION" : Boite de partage */ /* ATOM "QUOTATION" : Suppression visuelle du titre */ #website-body .ep-a_quotation .ep_share .ep-p_text.ep-layout_title { position: absolute; display: block; overflow: hidden; width: 0; height: 0; text-indent: 10px; white-space: nowrap; } /* ATOM "QUOTATION" : Conteneur */ #website-body .ep-a_quotation .ep_share { margin-bottom: -2px; padding-bottom: 0; letter-spacing: -0.3em; white-space: nowrap; } #website-body .ep-a_quotation .ep_share:before, #website-body .ep-a_quotation .ep_share:after, #website-body .ep-a_quotation .ep_share ul { position: static; display: inline-block; width: 100%; margin: 0; padding: 0; text-align: center; letter-spacing: -0.3em; white-space: nowrap; vertical-align: middle; } #website-body .ep-a_quotation .ep_share:before { height: 0; margin-right: -100%; border-top: 2px dotted #d1d3d4; content: ""; } #website-body .ep-a_quotation .ep_share:after { height: 2px; margin-left: -100%; background-color: #fff; content: ""; vertical-align: bottom; } #website-body .ep-a_quotation .ep_share ul { transform: translate(0, 0); } /* ATOM "QUOTATION" : Structure des liens */ #website-body .ep-a_quotation .ep_share li { position: static; display: inline-block; padding: 0 10px; background-color: #fff; } #website-body .ep-a_quotation .ep_share li:first-child { padding-right: 5px; } #website-body .ep-a_quotation .ep_share li+li { padding-left: 5px; } #website-body .ep-a_quotation .ep_share li .ep-p_text { overflow: hidden; width: 25px; height: 25px; } /* ATOM "QUOTATION" : Suppression du libelle */ #website-body .ep-a_quotation .ep_share li .ep-p_text .ep_name { overflow: hidden; width: 0; height: 25px; } /* ATOM "QUOTATION" : Affichage de l'icone */ #website-body .ep-a_quotation .ep_share li .ep-p_text .ep_icon { overflow: hidden; width: 25px; height: 25px; box-sizing: border-box; transition: transform 0.1s ease-out 0s; -webkit-transition: -webkit-transform 0.1s ease-out 0s; border: 1px solid transparent; border-radius: 50%; text-align: center; } #website-body .ep-a_quotation .ep_share li .ep-p_text .ep_icon:before, #website-body .ep-a_quotation .ep_share li .ep-p_text .ep_icon:after { display: inline-block; } #website-body .ep-a_quotation .ep_share li .ep-p_text .ep_icon:before { width: 21px; height: 20px; transform: scale(0.9); -webkit-transform: scale(0.9); } #website-body .ep-a_quotation .ep_share li .ep-p_text .ep_icon:after { width: 0; height: 25px; } #website-body .ep-a_quotation .ep_share li .ep-p_text.ep-layout_facebook .ep_icon:before { background-position: -150px -42px; } #website-body .ep-a_quotation .ep_share li .ep-p_text.ep-layout_twitter .ep_icon:before { background-position: -150px -142px; } /* ATOM "QUOTATION" : Effet de survol */ #website-body .ep-a_quotation .ep_share li .ep-p_text a:link .ep_icon, #website-body .ep-a_quotation .ep_share li .ep-p_text a:visited .ep_icon { transform: scale(0.9); -webkit-transform: scale(0.9); color: #1e1e1f; } #website-body .ep-a_quotation .ep_share li .ep-p_text a:hover .ep_icon, #website-body .ep-a_quotation .ep_share li .ep-p_text a:focus .ep_icon, #website-body .ep-a_quotation .ep_share li .ep-p_text a:active .ep_icon { transform: scale(1.5); -webkit-transform: scale(1.5); color: #3c77bd; } /* ATOM "QUOTATION" : Blocage de la version imprimable */ @media print { #website-body .ep-a_quotation .ep_share { display: none !important; } } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* ATOM "QUOTATION" : Affichage du layout en mode "Twitter" */ /* ATOM "QUOTATION" : Suppression des liens de partage et du texte additionnel */ #website-body .ep-a_quotation.ep-layout_twitter .ep_share, #website-body .ep-a_quotation.ep-layout_twitter .ep_more { display: none; } /* ATOM "QUOTATION" : Icone Twitter */ #website-body .ep-a_quotation.ep-layout_twitter { padding-top: 0; text-align: center; } #website-body .ep-a_quotation.ep-layout_twitter:before, #website-body .ep-a_quotation.ep-layout_twitter>div:before, #website-body .ep-a_quotation.ep-layout_twitter .ep_quotes:before { position: static; display: inline-block; overflow: hidden; width: 40px; height: 40px; opacity: 1; text-indent: 80px; content: ""; white-space: nowrap; vertical-align: middle; } #website-body .ep-a_quotation.ep-layout_twitter:before { width: 120px; margin-bottom: -20px; background-color: #fff; } #website-body .ep-a_quotation.ep-layout_twitter>div:before { margin-top: -20px; background-color: #fff; border: 1px solid #1e1e1f; border-radius: 50%; } #website-body .ep-a_quotation.ep-layout_twitter .ep_quotes:before { width: 21px; height: 20px; margin-top: -75px; transform: scale(1.5); -webkit-transform: scale(1.5); background-image: url(../img/icons.svg); background-position: -150px -142px; background-repeat: no-repeat; } #website-body .ep-a_quotation.ep-layout_twitter .ep_quotes { padding-top: 10px; } /* ATOM "QUOTATION" : Citation (suppression des icones "guillemet") */ #website-body .ep-a_quotation.ep-layout_twitter .ep_quotes .ep_text:before, #website-body .ep-a_quotation.ep-layout_twitter .ep_quotes .ep_text:after { display: none; } #website-body .ep-a_quotation.ep-layout_twitter .ep_quotes .ep_info, #website-body .ep-a_quotation.ep-layout_twitter .ep_quotes .ep_text p { padding-left: 0; padding-right: 0; } /* ATOM "QUOTATION" : Auteur (alignement des conteneurs) */ #website-body .ep-a_quotation.ep-layout_twitter .ep_quotes .ep_info { margin-bottom: -30px; } #website-body .ep-a_quotation.ep-layout_twitter .ep_quotes .ep_info>span { display: block; font-size: 1em; } #website-body .ep-a_quotation.ep-layout_twitter .ep_quotes .ep_info>span.ep_time { margin-top: 7px; margin-bottom: 7px; font-size: 1.4em; text-align: right; } /* ATOM "QUOTATION" : Auteur (suppression du separateur visuel) */ #website-body .ep-a_quotation.ep-layout_twitter .ep_quotes .ep_info>span.ep_separator { position: absolute; display: block; overflow: hidden; width: 0; height: 0; } /* ATOM "QUOTATION" : Auteur (ajout du symbole @) */ #website-body .ep-a_quotation.ep-layout_twitter .ep_quotes .ep_info>span.ep_author { font-family: Georgia, Garamond, serif, Palatino; font-size: 2em; } #website-body .ep-a_quotation.ep-layout_twitter .ep_quotes .ep_info>span.ep_author .ep-p_text .ep_name { font-family: inherit; } #website-body .ep-a_quotation.ep-layout_twitter .ep_quotes .ep_info>span.ep_author .ep-p_text .ep_name:before { content: "@"; } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* ATOM "QUOTATION" : Affichage du layout en mode "Number" */ /* ATOM "QUOTATION" : Suppression des icones de citation */ #website-body .ep-a_quotation.ep-layout_number .ep_quotes .ep_text:before, #website-body .ep-a_quotation.ep-layout_number .ep_quotes .ep_text:after { display: none; } /* ATOM "QUOTATION" : Correction de l'affichage du texte */ #website-body .ep-a_quotation.ep-layout_number .ep_quotes .ep_text p { padding: 0; font-family: Georgia, Garamond, serif, Palatino; font-size: 1em; font-style: normal; text-align: center; line-height: normal; white-space: normal; vertical-align: middle; color: #1e1e1f; } #website-body .ep-a_quotation.ep-layout_number .ep_quotes .ep_text p strong, #website-body .ep-a_quotation.ep-layout_number .ep_quotes .ep_text p span { display: inline-block; width: 100%; margin: 0; padding: 0; box-sizing: border-box; font-family: inherit; font-size: 2em; font-weight: normal; line-height: 1.2em; text-align: center; white-space: normal; vertical-align: middle; color: inherit; } #website-body .ep-a_quotation.ep-layout_number .ep_quotes .ep_text p strong { font-size: 3.5em; line-height: 1.1em; font-style: italic; color: #1e1e1f; } /* ATOM "QUOTATION" : Effet de survol sur l'integralite du composant */ #website-body .ep-a_quotation.ep-layout_number .ep_quotes a .ep_text p strong, #website-body .ep-a_quotation.ep-layout_number .ep_quotes a:link .ep_text p strong, #website-body .ep-a_quotation.ep-layout_number .ep_quotes a:visited .ep_text p strong, #website-body .ep-a_quotation.ep-layout_number .ep_quotes a:hover .ep_text p strong, #website-body .ep-a_quotation.ep-layout_number .ep_quotes a:focus .ep_text p strong, #website-body .ep-a_quotation.ep-layout_number .ep_quotes a:active .ep_text p strong { transition: transform 0.2s ease-out 0s; -webkit-transition: -webkit-transform 0.2s ease-out 0s; color: #3c77bd; } #website-body .ep-a_quotation.ep-layout_number .ep_quotes a:link .ep_text p strong, #website-body .ep-a_quotation.ep-layout_number .ep_quotes a:visited .ep_text p strong { transform: translate(0, 0); -webkit-transform: translate(0, 0); } #website-body .ep-a_quotation.ep-layout_number .ep_quotes a:hover .ep_text p strong, #website-body .ep-a_quotation.ep-layout_number .ep_quotes a:focus .ep_text p strong, #website-body .ep-a_quotation.ep-layout_number .ep_quotes a:active .ep_text p strong { transform: translate(0, -3px); -webkit-transform: translate(0, -3px); } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* ATOM "QUOTATION" : Affichage du layout en mode multi citation */ #website-body .ep-a_quotation .ep_quotes+.ep_quotes { padding-top: 0; } #website-body .ep-a_quotation .ep_quotes+.ep_quotes+.ep_share { display: none; } #website-body .ep-a_quotation.ep-layout_twitter .ep_quotes+.ep_quotes { padding-top: 30px; } #website-body .ep-a_quotation.ep-layout_twitter .ep_quotes+.ep_quotes:before { display: none; } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* ATOM "QUOTATION" : Affichage en petite resolution */ @media screen and (max-width:639px) { /* ATOM "QUOTATION" (GENERAL) : Correction de la police d'ecriture */ #website-body .ep-a_quotation .ep_quotes .ep_text p { font-size: 2em; } /* ATOM "QUOTATION" (GENERAL) : Ajout du fond de couleur */ #website-body .ep-a_quotation>div { margin-left: -10px; margin-right: -10px; background-color: #f1f2f2; border-top: none; border-bottom: none; } #website-body .ep-a_quotation>div { padding-top: 30px; padding-bottom: 30px; } #website-body .ep-a_quotation .ep_quotes { margin-left: 10px; margin-right: 10px; border-top: 2px dotted #d1d3d4; border-bottom: 2px dotted #d1d3d4; } #website-body .ep-a_quotation .ep_quotes+.ep_share { margin-left: 10px; margin-right: 10px; background-color: inherit; } #website-body .ep-a_quotation .ep_quotes+.ep_share, #website-body .ep-a_quotation .ep_quotes+.ep_share:after, #website-body .ep-a_quotation .ep_quotes+.ep_share li { background-color: #f1f2f2; } /* ATOM "QUOTATION" (GENERAL) : Ajout de l'ombre portee */ #website-body .ep-a_quotation>div { box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2); } /* ATOM "QUOTATION" (GENERAL) : Gestion des marges entre les atomes */ #website-body .ep-a_quotation:before, #website-body .ep-a_quotation:after { position: static; display: block; width: 20px; background-color: #f0f; opacity: 0; content: ""; } #website-body .ep-a_quotation:not(.ep-layout_twitter):before { height: 10px; } #website-body .ep-a_quotation:after { height: 30px; } #website-body .ep-a_quotation+.ep-a_quotation:not(.ep-layout_twitter):before { height: 0; } /* ATOM "QUOTATION" (TWITTER) : Correction de la largeur du bloc */ #website-body .ep-a_quotation.ep-layout_twitter>div { margin-left: -10px; margin-right: -10px; padding-top: 0; padding-bottom: 0; border-top: none; border-bottom: none; } #website-body .ep-a_quotation.ep-layout_twitter .ep_quotes { border-top: none; border-bottom: none; } #website-body .ep-a_quotation.ep-layout_twitter .ep_quotes .ep_info>span.ep_time { margin-bottom: 27px; } /* ATOM "QUOTATION" (TWITTER) : Ajout du fond colore */ #website-body .ep-a_quotation.ep-layout_twitter:before, #website-body .ep-a_quotation.ep-layout_twitter>div { background-color: #f1f2f2; } /* ATOM "QUOTATION" (TWITTER) : Correction du logo twitter */ #website-body .ep-a_quotation.ep-layout_twitter:before { width: 60px; height: 60px; margin-bottom: -30px; border-radius: 50%; } #website-body .ep-a_quotation.ep-layout_twitter>div:before { background-color: #fff; } /* ATOM "QUOTATION" (TWITTER) : Correction du logo twitter */ #website-body .ep-a_quotation.ep-layout_twitter .ep_quotes .ep_info, #website-body .ep-a_quotation.ep-layout_twitter .ep_quotes .ep_text p { padding-left: 20px; padding-right: 20px; } /* ATOM "QUOTATION" (MULTI CITATION) : Correction de l'interlignage */ #website-body .ep-a_quotation .ep_quotes+.ep_quotes { margin-top: -2px; padding-top: 30px; background-color: #f1f2f2; } #website-body .ep-a_quotation.ep-layout_twitter .ep_quotes+.ep_quotes { padding-top: 27px; border-top: 2px dotted #d1d3d4; } } /* ========================================================================================================================================================================== */ /* == LIST OF TAGS =============== [ATOM] ============= ep-a_tags =========================================================================================================== */ /* ========================================================================================================================================================================== */ /* Description : Atome a utiliser pour l'affichage des liens "tag" */ /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* ATOM "LIST OF TAGS" : Structure generale */ /* ATOM "LIST OF TAGS" : Structure generale */ #website-body .ep-a_tags { max-width: 100%; } #website-body .ep-a_tags ul, #website-body .ep-a_tags li, #website-body .ep-a_tags div { display: inline-block; max-width: 100%; } #website-body .ep-a_tags div { overflow: hidden; } #website-body .ep-a_tags ul { width: calc(100% + 8px); margin-top: -15px; margin-left: -8px; } #website-body .ep-a_tags li { max-width: 100%; margin-top: 15px; margin-left: 8px; } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* ATOM "LIST OF TAGS" : Capsule */ /* ATOM "LIST OF TAGS" : Texte d'introduction */ #website-body .ep-a_tags .ep_title { margin-top: -3px; letter-spacing: -0.3em; white-space: nowrap; color: #1e1e1f; } #website-body .ep-a_tags .ep_title .ep-p_text { font-size: 1.4em; font-weight: bold; vertical-align: middle; } #website-body .ep-a_tags .ep_title:not(.ep_hidden)+ul { margin-top: -5px; } /* ATOM "LIST OF TAGS" : Design du lien */ #website-body .ep-a_tags li .ep-p_text { font-size: 1.4em; direction: rtl; border-radius: 5px; letter-spacing: -0.3em; cursor: default; white-space: nowrap; } #website-body .ep-a_tags li .ep-p_text .ep_name { overflow: hidden; max-width: 100%; padding: 7px 10px 6px 27px; box-sizing: border-box; background-color: #fff; border: 1px solid #d1d3d4; border-radius: 5px; transform: none; direction: ltr; white-space: nowrap; vertical-align: middle; cursor: inherit; color: inherit; } #website-body .ep-a_tags li .ep-p_text a .ep_name { background-color: transparent; } #website-body .ep-a_tags li .ep-p_text .ep_name:before { position: static; display: inline-block; overflow: hidden; width: 0; height: 20px; vertical-align: middle; content: ""; } /* ATOM "LIST OF TAGS" : Affichage de l'icone */ #website-body .ep-a_tags li .ep-p_text .ep_icon { position: relative; display: inline-block; width: 17px; margin-right: -17px; transform: translate(11px, 0); -webkit-transform: translate(11px, 0); background-position: inherit; cursor: inherit; } #website-body .ep-a_tags li .ep-p_text .ep_icon:before, #website-body .ep-a_tags li .ep-p_text .ep_icon:after { display: inline-block; } #website-body .ep-a_tags li .ep-p_text .ep_icon:after { width: 0; height: 25px; } #website-body .ep-a_tags li .ep-p_text .ep_icon:before { width: 12px; height: 12px; } /* ATOM "LIST OF TAGS" : Effet de survol */ #website-body .ep-a_tags li .ep-p_text, #website-body .ep-a_tags li .ep-p_text a, #website-body .ep-a_tags li .ep-p_text a:link, #website-body .ep-a_tags li .ep-p_text a:visited { background-position: -65px -110px; } #website-body .ep-a_tags li .ep-p_text a, #website-body .ep-a_tags li .ep-p_text a:link, #website-body .ep-a_tags li .ep-p_text a:visited { background-color: #fff; color: #3c77bd; cursor: pointer; } #website-body .ep-a_tags li .ep-p_text a:hover, #website-body .ep-a_tags li .ep-p_text a:focus, #website-body .ep-a_tags li .ep-p_text a:active { background-color: #3c77bd; background-position: -65px -122px; color: #fff; } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* ATOM "LIST OF TAGS" : Affichage des tags selectionnes dans un formulaire */ /* ATOM "LIST OF TAGS" : Choix d'affichage du libelle ou du bouton de suppression */ #website-body .ep-a_tags.ep-layout_criteria li:not(.ep-layout_readonly) .ep-p_text { position: absolute; display: block; overflow: hidden; width: 0; height: 0; text-indent: 50px; } #website-body .ep-a_tags.ep-layout_criteria li.ep-layout_readonly .ep-p_button { display: none; } #website-body .ep-a_tags.ep-layout_criteria li.ep-layout_readonly .ep-p_text .ep_name { padding-left: 10px; } #website-body .ep-a_tags.ep-layout_criteria li.ep-layout_readonly .ep-p_text .ep_icon { display: none; } /* ATOM "LIST OF TAGS" : Activation du bouton de suppression */ #website-body .ep-a_tags.ep-layout_criteria li .ep-p_button { max-width: 100%; } #website-body .ep-a_tags.ep-layout_criteria li .ep-p_button a, #website-body .ep-a_tags.ep-layout_criteria li .ep-p_button button { max-width: 100%; padding: 4px 10px; font-size: 1.4em; direction: rtl; border-radius: 5px; letter-spacing: -0.3em; text-align: left; white-space: nowrap; } #website-body .ep-a_tags.ep-layout_criteria li .ep-p_button .ep_name { overflow: hidden; max-width: calc(100% - 17px); box-sizing: border-box; text-overflow: ellipsis; direction: ltr; white-space: nowrap; } #website-body .ep-a_tags.ep-layout_criteria li .ep-p_button .ep_icon { position: relative; display: inline-block; width: 17px; background-position: inherit; transform: translate(-2px, 0); -webkit-transform: translate(-2px, 0); cursor: inherit; } #website-body .ep-a_tags.ep-layout_criteria li .ep-p_button .ep_icon:before, #website-body .ep-a_tags.ep-layout_criteria li .ep-p_button .ep_icon:after { display: inline-block; } #website-body .ep-a_tags.ep-layout_criteria li .ep-p_button .ep_icon:after { width: 0; height: 25px; } #website-body .ep-a_tags.ep-layout_criteria li .ep-p_button .ep_icon:before { width: 12px; height: 12px; } #website-body .ep-a_tags.ep-layout_criteria li .ep-p_button a, #website-body .ep-a_tags.ep-layout_criteria li .ep-p_button a:link, #website-body .ep-a_tags.ep-layout_criteria li .ep-p_button a:visited, #website-body .ep-a_tags.ep-layout_criteria li .ep-p_button button { background-position: -90px -224px; } #website-body .ep-a_tags.ep-layout_criteria li .ep-p_button a:hover, #website-body .ep-a_tags.ep-layout_criteria li .ep-p_button a:focus, #website-body .ep-a_tags.ep-layout_criteria li .ep-p_button a:active, #website-body .ep-a_tags.ep-layout_criteria li .ep-p_button button:hover, #website-body .ep-a_tags.ep-layout_criteria li .ep-p_button button:focus, #website-body .ep-a_tags.ep-layout_criteria li .ep-p_button button:active { background-position: -90px -212px; } /* ========================================================================================================================================================================== */ /* == REFERENCE ================== [ATOM] ============= ep-a_reference ====================================================================================================== */ /* ========================================================================================================================================================================== */ /* Description : Atome a utiliser pour l'affichage des annotations de bas de page (reference/mise a jour) */ /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* ATOM "REFERENCE" : Structure generale */ /* ATOM "REFERENCE" : Structure generale */ #website-body .ep-a_reference .ep_reference, #website-body .ep-a_reference .ep_date { margin-top: 0.7em; margin-bottom: -0.35em; font-size: 1.2em; letter-spacing: normal; white-space: normal; color: inherit; } #website-body .ep-a_reference .ep_reference:first-child, #website-body .ep-a_reference .ep_date:first-child { margin-top: -0.2em; } #website-body .ep-a_reference .ep_reference .ep-p_text, #website-body .ep-a_reference .ep_date .ep-p_text { display: inline; font-size: inherit; color: inherit; } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* ATOM "REFERENCE" : Partage sur les reseaux sociaux */ /* ATOM "REFERENCE" : Texte d'introduction */ #website-body .ep-a_reference .ep_title { margin-top: -3px; letter-spacing: -0.3em; white-space: nowrap; color: #1e1e1f; } #website-body .ep-a_reference .ep_title .ep-p_text { font-size: 1.4em; font-weight: bold; vertical-align: middle; } #website-body .ep-a_reference .ep_title+ul { margin-top: -9px; } /* ATOM "REFERENCE" : Design du lien */ #website-body .ep-a_reference li .ep-p_text { font-size: 1.4em; } #website-body .ep-a_reference li .ep-p_text a { padding: 4px 10px; background-color: #fff; border: 1px solid #d1d3d4; border-radius: 5px; direction: rtl; letter-spacing: -0.3em; white-space: nowrap; } #website-body .ep-a_reference li .ep-p_text a .ep_name { transform: none; direction: ltr; white-space: normal; color: inherit; } /* ATOM "REFERENCE" : Affichage de l'icone */ #website-body .ep-a_reference li .ep-p_text .ep_icon { display: inline-block; width: 17px; background-position: inherit; } #website-body .ep-a_reference li .ep-p_text .ep_icon:before, #website-body .ep-a_reference li .ep-p_text .ep_icon:after { display: inline-block; } #website-body .ep-a_reference li .ep-p_text .ep_icon:after { width: 0; height: 25px; } #website-body .ep-a_reference li .ep-p_text .ep_icon:before { width: 12px; height: 12px; } /* ========================================================================================================================================================================== */ /* == BUTTON ===================== [ATOM] ============= ep-a_button ========================================================================================================= */ /* ========================================================================================================================================================================== */ /* Description : Atome a utiliser pour l'affichage des boutons textuels d'action des formulaires */ /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* ATOM "BUTTON" : Structure generale */ /* ATOM "BUTTON" : Structure generale */ #website-body .ep-a_button .ep-p_button .ep_name { border-color: transparent; font-size: 1.4em; text-align: center; } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* ATOM "BUTTON" : Affichage du bouton sur l'entierete de la largeur de la colonne parent */ #website-body .ep-a_button.ep-layout_fullsize .ep-p_button, #website-body .ep-a_button.ep-layout_fullsize .ep-p_button button, #website-body .ep-a_button.ep-layout_fullsize .ep-p_button a { width: 100%; } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* ATOM "BUTTON" : Affichage du bouton sur differentes tailles */ /* ATOM "FIELD TEXT" : Affichage du bouton sur 60px de haut */ #website-body .ep-a_button.ep-layout_level2 .ep-p_button button { height: 60px; } #website-body .ep-a_button.ep-layout_level2 .ep-p_button .ep_name { font-size: 2em; } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* ATOM "BUTTON" : Couleur des boutons */ /* ATOM "BUTTON" : Neutre (blanc) */ #website-body a:link .ep-a_button .ep-p_button, #website-body a:visited .ep-a_button .ep-p_button, #website-body .ep-a_button a:link .ep-p_button, #website-body .ep-a_button a:visited .ep-p_button, #website-body .ep-a_button .ep-p_button a, #website-body .ep-a_button .ep-p_button a:link, #website-body .ep-a_button .ep-p_button a:visited, #website-body .ep-a_button .ep-p_button button { background: #fff; border-color: #d1d3d4; color: #505154; } #website-body a:hover .ep-a_button .ep-p_button, #website-body a:focus .ep-a_button .ep-p_button, #website-body a:active .ep-a_button .ep-p_button, #website-body .ep-a_button a:hover .ep-p_button, #website-body .ep-a_button a:focus .ep-p_button, #website-body .ep-a_button a:active .ep-p_button, #website-body .ep-a_button .ep-p_button a:hover, #website-body .ep-a_button .ep-p_button a:focus, #website-body .ep-a_button .ep-p_button a:active, #website-body .ep-a_button .ep-p_button button:hover, #website-body .ep-a_button .ep-p_button button:focus, #website-body .ep-a_button .ep-p_button button:active { background-color: #f3f4f4; border-color: #636366; color: #1e1e1f; } /* ATOM "BUTTON" : "Call to action" (bleu) */ #website-body a:link .ep-a_button.ep-layout_calltoaction .ep-p_button, #website-body a:visited .ep-a_button.ep-layout_calltoaction .ep-p_button, #website-body .ep-a_button.ep-layout_calltoaction a:link .ep-p_button, #website-body .ep-a_button.ep-layout_calltoaction a:visited .ep-p_button, #website-body .ep-a_button.ep-layout_calltoaction .ep-p_button a, #website-body .ep-a_button.ep-layout_calltoaction .ep-p_button a:link, #website-body .ep-a_button.ep-layout_calltoaction .ep-p_button a:visited, #website-body .ep-a_button.ep-layout_calltoaction .ep-p_button button { background-color: #3c77bd; background: -webkit-linear-gradient(top, #3c77bd, #3c77bd); background: -moz-linear-gradient(top, #3c77bd, #3c77bd); background: -ms-linear-gradient(top, #3c77bd, #3c77bd); background: linear-gradient(top, #3c77bd, #3c77bd); border-color: transparent; color: #fff; } #website-body a:hover .ep-a_button.ep-layout_calltoaction .ep-p_button, #website-body a:focus .ep-a_button.ep-layout_calltoaction .ep-p_button, #website-body a:active .ep-a_button.ep-layout_calltoaction .ep-p_button, #website-body .ep-a_button.ep-layout_calltoaction a:hover .ep-p_button, #website-body .ep-a_button.ep-layout_calltoaction a:focus .ep-p_button, #website-body .ep-a_button.ep-layout_calltoaction a:active .ep-p_button, #website-body .ep-a_button.ep-layout_calltoaction .ep-p_button a:hover, #website-body .ep-a_button.ep-layout_calltoaction .ep-p_button a:focus, #website-body .ep-a_button.ep-layout_calltoaction .ep-p_button a:active, #website-body .ep-a_button.ep-layout_calltoaction .ep-p_button button:hover, #website-body .ep-a_button.ep-layout_calltoaction .ep-p_button button:focus, #website-body .ep-a_button.ep-layout_calltoaction .ep-p_button button:active { background: #fff; border-color: #d1d3d4; color: #3c77bd; } /* ATOM "BUTTON" : "Validation" (vert) */ #website-body a:link .ep-a_button.ep-layout_validation .ep-p_button, #website-body a:visited .ep-a_button.ep-layout_validation .ep-p_button, #website-body .ep-a_button.ep-layout_validation a:link .ep-p_button, #website-body .ep-a_button.ep-layout_validation a:visited .ep-p_button, #website-body .ep-a_button.ep-layout_validation .ep-p_button a:link, #website-body .ep-a_button.ep-layout_validation .ep-p_button a:visited, #website-body .ep-a_button.ep-layout_validation .ep-p_button button { background-color: #66a91e; border-color: #66a91e; background: -webkit-linear-gradient(top, #83cb2c, #66a91e); background: -moz-linear-gradient(top, #83cb2c, #66a91e); background: -ms-linear-gradient(top, #83cb2c, #66a91e); background: linear-gradient(top, #83cb2c, #66a91e); color: #fff; } #website-body a:hover .ep-a_button.ep-layout_validation .ep-p_button, #website-body a:focus .ep-a_button.ep-layout_validation .ep-p_button, #website-body a:active .ep-a_button.ep-layout_validation .ep-p_button, #website-body .ep-a_button.ep-layout_validation a:hover .ep-p_button, #website-body .ep-a_button.ep-layout_validation a:focus .ep-p_button, #website-body .ep-a_button.ep-layout_validation a:active .ep-p_button, #website-body .ep-a_button.ep-layout_validation .ep-p_button a:hover, #website-body .ep-a_button.ep-layout_validation .ep-p_button a:focus, #website-body .ep-a_button.ep-layout_validation .ep-p_button a:active, #website-body .ep-a_button.ep-layout_validation .ep-p_button button:hover, #website-body .ep-a_button.ep-layout_validation .ep-p_button button:focus, #website-body .ep-a_button.ep-layout_validation .ep-p_button button:active { background: #fff; border-color: #66a91e; color: #66a91e; } /* ATOM "BUTTON" : Gestion de la police (sur desktop seulement) */ body:not([data-ismobile]) #website-body a:link .ep-a_button.ep-layout_calltoaction .ep-p_button .ep_name, body:not([data-ismobile]) #website-body a:visited .ep-a_button.ep-layout_calltoaction .ep-p_button .ep_name, body:not([data-ismobile]) #website-body .ep-a_button.ep-layout_calltoaction a:link .ep-p_button .ep_name, body:not([data-ismobile]) #website-body .ep-a_button.ep-layout_calltoaction a:visited .ep-p_button .ep_name, body:not([data-ismobile]) #website-body .ep-a_button.ep-layout_calltoaction .ep-p_button a .ep_name, body:not([data-ismobile]) #website-body .ep-a_button.ep-layout_calltoaction .ep-p_button a:link .ep_name, body:not([data-ismobile]) #website-body .ep-a_button.ep-layout_calltoaction .ep-p_button a:visited .ep_name, body:not([data-ismobile]) #website-body .ep-a_button.ep-layout_calltoaction .ep-p_button button .ep_name, body:not([data-ismobile]) #website-body a:link .ep-a_button.ep-layout_validation .ep-p_button .ep_name, body:not([data-ismobile]) #website-body a:visited .ep-a_button.ep-layout_validation .ep-p_button .ep_name, body:not([data-ismobile]) #website-body .ep-a_button.ep-layout_validation a:link .ep-p_button .ep_name, body:not([data-ismobile]) #website-body .ep-a_button.ep-layout_validation a:visited .ep-p_button .ep_name, body:not([data-ismobile]) #website-body .ep-a_button.ep-layout_validation .ep-p_button a .ep_name, body:not([data-ismobile]) #website-body .ep-a_button.ep-layout_validation .ep-p_button a:link .ep_name, body:not([data-ismobile]) #website-body .ep-a_button.ep-layout_validation .ep-p_button a:visited .ep_name, body:not([data-ismobile]) #website-body .ep-a_button.ep-layout_validation .ep-p_button button .ep_name { font-weight: lighter; } body:not([data-ismobile]) #website-body a:hover .ep-a_button.ep-layout_calltoaction .ep-p_button .ep_name, body:not([data-ismobile]) #website-body a:focus .ep-a_button.ep-layout_calltoaction .ep-p_button .ep_name, body:not([data-ismobile]) #website-body a:active .ep-a_button.ep-layout_calltoaction .ep-p_button .ep_name, body:not([data-ismobile]) #website-body .ep-a_button.ep-layout_calltoaction a:hover .ep-p_button .ep_name, body:not([data-ismobile]) #website-body .ep-a_button.ep-layout_calltoaction a:focus .ep-p_button .ep_name, body:not([data-ismobile]) #website-body .ep-a_button.ep-layout_calltoaction a:active .ep-p_button .ep_name, body:not([data-ismobile]) #website-body .ep-a_button.ep-layout_calltoaction .ep-p_button a:hover .ep_name, body:not([data-ismobile]) #website-body .ep-a_button.ep-layout_calltoaction .ep-p_button a:focus .ep_name, body:not([data-ismobile]) #website-body .ep-a_button.ep-layout_calltoaction .ep-p_button a:active .ep_name, body:not([data-ismobile]) #website-body .ep-a_button.ep-layout_calltoaction .ep-p_button button:hover .ep_name, body:not([data-ismobile]) #website-body .ep-a_button.ep-layout_calltoaction .ep-p_button button:focus .ep_name, body:not([data-ismobile]) #website-body .ep-a_button.ep-layout_calltoaction .ep-p_button button:active .ep_name, body:not([data-ismobile]) #website-body a:hover .ep-a_button.ep-layout_validation .ep-p_button .ep_name, body:not([data-ismobile]) #website-body a:focus .ep-a_button.ep-layout_validation .ep-p_button .ep_name, body:not([data-ismobile]) #website-body a:active .ep-a_button.ep-layout_validation .ep-p_button .ep_name, body:not([data-ismobile]) #website-body .ep-a_button.ep-layout_validation a:hover .ep-p_button .ep_name, body:not([data-ismobile]) #website-body .ep-a_button.ep-layout_validation a:focus .ep-p_button .ep_name, body:not([data-ismobile]) #website-body .ep-a_button.ep-layout_validation a:active .ep-p_button .ep_name, body:not([data-ismobile]) #website-body .ep-a_button.ep-layout_validation .ep-p_button a:hover .ep_name, body:not([data-ismobile]) #website-body .ep-a_button.ep-layout_validation .ep-p_button a:focus .ep_name, body:not([data-ismobile]) #website-body .ep-a_button.ep-layout_validation .ep-p_button a:active .ep_name, body:not([data-ismobile]) #website-body .ep-a_button.ep-layout_validation .ep-p_button button:hover .ep_name, body:not([data-ismobile]) #website-body .ep-a_button.ep-layout_validation .ep-p_button button:focus .ep_name, body:not([data-ismobile]) #website-body .ep-a_button.ep-layout_validation .ep-p_button button:active .ep_name { font-weight: normal; } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* ATOM "BUTTON" : Bouton affiche sous forme de lien */ #website-body .ep-a_button.ep-layout_link { text-align: right; } #website-body a:link .ep-a_button.ep-layout_link .ep-p_button, #website-body a:visited .ep-a_button.ep-layout_link .ep-p_button, #website-body .ep-a_button.ep-layout_link a:link .ep-p_button, #website-body .ep-a_button.ep-layout_link a:visited .ep-p_button, #website-body .ep-a_button.ep-layout_link .ep-p_button a, #website-body .ep-a_button.ep-layout_link .ep-p_button a:link, #website-body .ep-a_button.ep-layout_link .ep-p_button a:visited, #website-body .ep-a_button.ep-layout_link .ep-p_button button { padding: 0; background: none; border: 0; line-height: normal; color: #3c77bd; } #website-body .ep-a_button.ep-layout_link .ep-p_button button { margin-top: -3px; padding-top: 3px; } #website-body .ep-a_button.ep-layout_link .ep-p_button a .ep_name, #website-body .ep-a_button.ep-layout_link .ep-p_button button .ep_name { padding-left: 10px; padding-right: 10px; } #website-body a:hover .ep-a_button.ep-layout_link .ep-p_button, #website-body a:focus .ep-a_button.ep-layout_link .ep-p_button, #website-body a:active .ep-a_button.ep-layout_link .ep-p_button, #website-body .ep-a_button.ep-layout_link a:hover .ep-p_button, #website-body .ep-a_button.ep-layout_link a:focus .ep-p_button, #website-body .ep-a_button.ep-layout_link a:active .ep-p_button, #website-body .ep-a_button.ep-layout_link .ep-p_button a:hover, #website-body .ep-a_button.ep-layout_link .ep-p_button a:focus, #website-body .ep-a_button.ep-layout_link .ep-p_button a:active, #website-body .ep-a_button.ep-layout_link .ep-p_button button:hover, #website-body .ep-a_button.ep-layout_link .ep-p_button button:focus, #website-body .ep-a_button.ep-layout_link .ep-p_button button:active { background: none; } #website-body a:link .ep-a_button.ep-layout_link .ep-p_button .ep_name, #website-body a:visited .ep-a_button.ep-layout_link .ep-p_button .ep_name, #website-body .ep-a_button.ep-layout_link a:link .ep-p_button .ep_name, #website-body .ep-a_button.ep-layout_link a:visited .ep-p_button .ep_name, #website-body .ep-a_button.ep-layout_link .ep-p_button a .ep_name, #website-body .ep-a_button.ep-layout_link .ep-p_button a:link .ep_name, #website-body .ep-a_button.ep-layout_link .ep-p_button a:visited .ep_name, #website-body .ep-a_button.ep-layout_link .ep-p_button button .ep_name { transform: translate(0, 0); -webkit-transform: translate(0, 0); transition: transform 0.2s ease-out 0s; -webkit-transition: -webkit-transform 0.2s ease-out 0s; font-weight: normal; text-decoration: underline; } #website-body a:hover .ep-a_button.ep-layout_link .ep-p_button .ep_name, #website-body a:focus .ep-a_button.ep-layout_link .ep-p_button .ep_name, #website-body a:active .ep-a_button.ep-layout_link .ep-p_button .ep_name, #website-body .ep-a_button.ep-layout_link a:hover .ep-p_button .ep_name, #website-body .ep-a_button.ep-layout_link a:focus .ep-p_button .ep_name, #website-body .ep-a_button.ep-layout_link a:active .ep-p_button .ep_name, #website-body .ep-a_button.ep-layout_link .ep-p_button a:hover .ep_name, #website-body .ep-a_button.ep-layout_link .ep-p_button a:focus .ep_name, #website-body .ep-a_button.ep-layout_link .ep-p_button a:active .ep_name, #website-body .ep-a_button.ep-layout_link .ep-p_button button:hover .ep_name, #website-body .ep-a_button.ep-layout_link .ep-p_button button:focus .ep_name, #website-body .ep-a_button.ep-layout_link .ep-p_button button:active .ep_name { transform: translate(0, -3px); -webkit-transform: translate(0, -3px); font-weight: normal; text-decoration: underline; } /* ========================================================================================================================================================================== */ /* == FIELD TEXT ================= [ATOM] ============= ep-a_field ========================================================================================================== */ /* ========================================================================================================================================================================== */ /* Description : Atome a utiliser pour l'affichage des champs texte des formulaires */ /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* ATOM "FIELD TEXT" : Structure generale */ /* ATOM "FIELD TEXT" : Alignement des composants*/ #website-body .ep-a_field { white-space: nowrap; letter-spacing: -0.3em; } #website-body .ep-a_field .ep-p_textfield, #website-body .ep-a_field .ep-p_button, #website-body .ep-a_field .ep-p_select { display: inline-block; vertical-align: top; } /* ATOM "FIELD TEXT" : Correction de l'affichage des champs */ #website-body .ep-a_field:not(.ep-layout_small) .ep-p_textfield, #website-body .ep-a_field:not(.ep-layout_small) .ep-p_select { width: 100%; } #website-body .ep-a_field.ep-layout_small .ep-p_textfield, #website-body .ep-a_field.ep-layout_small .ep-p_select { min-width: 300px; max-width: 100%; } /* ATOM "FIELD TEXT" : Correction de l'affichage des champs */ #website-body .ep-a_field .ep-p_textfield .ep_field, #website-body .ep-a_field .ep-p_select .ep_field { font-size: 1.4em; line-height: normal; } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* ATOM "FIELD TEXT" : Gestion des erreurs avec message visible */ /* ATOM "FIELD TEXT" : Correction visuelle en cas de message d'erreur */ #website-body .ep-a_field.ep-layout_error .ep-p_textfield.ep-layout_error>div { border: none; } #website-body .ep-a_field.ep-layout_error .ep-p_textfield.ep-layout_error input, #website-body .ep-a_field.ep-layout_error .ep-p_textfield.ep-layout_error textarea { padding: 11px 10px; border-width: 1px; } #website-body .ep-a_field.ep-layout_error .ep-p_textfield.ep-layout_error input:hover, #website-body .ep-a_field.ep-layout_error .ep-p_textfield.ep-layout_error input:focus, #website-body .ep-a_field.ep-layout_error .ep-p_textfield.ep-layout_error input:active, #website-body .ep-a_field.ep-layout_error .ep-p_textfield.ep-layout_error textarea:hover, #website-body .ep-a_field.ep-layout_error .ep-p_textfield.ep-layout_error textarea:focus, #website-body .ep-a_field.ep-layout_error .ep-p_textfield.ep-layout_error textarea:active { background-color: #fafafa; border-color: #3c77bd; } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* ATOM "FIELD TEXT" : Correction de l'affichage des cases a cocher */ #website-body .ep-a_field .ep-p_casefield .ep_input { margin-bottom: -3px; } #website-body .ep-a_field .ep-p_casefield .ep_input+.ep_input { margin-top: 10px; } #website-body .ep-a_field .ep-p_casefield .ep_input input { transform: translate(0, 2px); -webkit-transform: translate(0, 2px); } #website-body .ep-a_field .ep-p_casefield .ep_input label { font-size: 1.4em; line-height: normal; } #website-body .ep-a_field .ep-p_casefield .ep_input input+label { padding-left: 10px; } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* ATOM "FIELD TEXT" : Correction de l'affichage des selecteurs JS */ /* ATOM "FIELD TEXT" : Dimension du selecteur JS */ body[data-jsactive] #website-body .ep-a_field .ep-p_select .ep_select.epjs_converted .epjs_select .epjs_button { padding-top: 11px; padding-bottom: 11px; padding-right: 25px; } body[data-jsactive] #website-body .ep-a_field .ep-p_select .ep_select.epjs_converted .epjs_select .epjs_button, body[data-jsactive] #website-body .ep-a_field .ep-p_select .ep_select.epjs_converted .epjs_dropdown { min-width: 100% !important; max-width: 100%; } body[data-jsactive] #website-body .ep-a_field.ep-layout_committee .ep-p_select .ep_select.epjs_converted .epjs_dropdown .epjs_list { min-width: 100%; } body[data-jsactive] #website-body .ep-a_field .ep-p_select .ep_select.epjs_converted .epjs_select .epjs_button .epjs_name { width: calc(100% - 5px) !important; font-size: 1.4em; } /* ATOM "FIELD TEXT" : Ajout d'un espace pour les boutons d'action */ body[data-jsactive] #website-body .ep-a_field.ep-layout_action .ep-p_select .ep_select.epjs_converted { width: calc(100% - 40px); } body[data-jsactive] #website-body .ep-a_field.ep-layout_action .ep-p_select:after { position: static; display: block; width: 41px; height: 40px; margin-top: -40px; margin-left: calc(100% - 41px); background-color: #fff; box-sizing: border-box; border: 1px solid #d1d3d4; content: ""; } body[data-jsactive] #website-body .ep-a_field.ep-layout_committee .ep-p_select .ep_select.epjs_converted .epjs_dropdown .epjs_list ol .epjs_item .epjs_option .epjs_name span.epjs_additionaltext { min-width: 3em; padding: 1px 2px 0 2px; font-size: 0.9em; transform: translate(0, -1px); -webkit-transform: translate(0, -1px); background-color: #fff; border: 1px solid #e53f1f; text-transform: uppercase; text-align: center; color: #e53f1f; } body[data-jsactive] #website-body .ep-a_field.ep-layout_committee .ep-p_select .ep_select.epjs_converted .epjs_dropdown .epjs_list ol .epjs_item .epjs_option .epjs_name span.epjs_text { transform: translate(0, 0); -webkit-transform: translate(0, 0); transition: transform 0.1s ease-out 0s; -wbekit-transition: -webkit-transform 0.1s ease-out 0s; } body[data-jsactive] #website-body .ep-a_field.ep-layout_committee .ep-p_select .ep_select.epjs_converted .epjs_dropdown .epjs_list ol .epjs_item .epjs_option:hover .epjs_name, body[data-jsactive] #website-body .ep-a_field.ep-layout_committee .ep-p_select .ep_select.epjs_converted .epjs_dropdown .epjs_list ol .epjs_item .epjs_option:focus .epjs_name, body[data-jsactive] #website-body .ep-a_field.ep-layout_committee .ep-p_select .ep_select.epjs_converted .epjs_dropdown .epjs_list ol .epjs_item .epjs_option:active .epjs_name, body[data-jsactive] #website-body .ep-a_field.ep-layout_committee .ep-p_select .ep_select.epjs_converted .epjs_dropdown .epjs_list ol .epjs_item .epjs_option[data-focus] .epjs_name { transform: translate(0, 0); -webkit-transform: translate(0, 0); } body[data-jsactive] #website-body .ep-a_field.ep-layout_committee .ep-p_select .ep_select.epjs_converted .epjs_dropdown .epjs_list ol .epjs_item .epjs_option:hover .epjs_name .epjs_text, body[data-jsactive] #website-body .ep-a_field.ep-layout_committee .ep-p_select .ep_select.epjs_converted .epjs_dropdown .epjs_list ol .epjs_item .epjs_option:focus .epjs_name .epjs_text, body[data-jsactive] #website-body .ep-a_field.ep-layout_committee .ep-p_select .ep_select.epjs_converted .epjs_dropdown .epjs_list ol .epjs_item .epjs_option:active .epjs_name .epjs_text, body[data-jsactive] #website-body .ep-a_field.ep-layout_committee .ep-p_select .ep_select.epjs_converted .epjs_dropdown .epjs_list ol .epjs_item .epjs_option[data-focus] .epjs_name .epjs_text { transform: translate(5px, 0); -webkit-transform: translate(5px, 0); } body[data-jsactive] #website-body .ep-a_field.ep-layout_committee .ep-p_select .ep_select.epjs_converted .epjs_dropdown .epjs_list ol .epjs_item .epjs_option:hover .epjs_name .epjs_additionaltext, body[data-jsactive] #website-body .ep-a_field.ep-layout_committee .ep-p_select .ep_select.epjs_converted .epjs_dropdown .epjs_list ol .epjs_item .epjs_option:focus .epjs_name .epjs_additionaltext, body[data-jsactive] #website-body .ep-a_field.ep-layout_committee .ep-p_select .ep_select.epjs_converted .epjs_dropdown .epjs_list ol .epjs_item .epjs_option:active .epjs_name .epjs_additionaltext, body[data-jsactive] #website-body .ep-a_field.ep-layout_committee .ep-p_select .ep_select.epjs_converted .epjs_dropdown .epjs_list ol .epjs_item .epjs_option[data-focus] .epjs_name .epjs_additionaltext { background-color: #3c77bd; border-color: #3c77bd; color: #fff; } /* ATOM "FIELD TEXT" : Adaptation du visuel des faux selecteur (sans JS) */ #website-body .ep-a_field .ep-p_select .ep_fakeselect .ep_list:before { height: 40px; } #website-body .ep-a_field .ep-p_select .ep_fakeselect .ep_label, #website-body .ep-a_field .ep-p_select .ep_fakeselect .ep_list ul { font-size: 1.4em; } #website-body .ep-a_field .ep-p_select .ep_fakeselect .ep_list ul .ep_option .ep_name { padding-top: 10px; padding-bottom: 10px; } #website-body .ep-a_field .ep-p_select .ep_fakeselect .ep_list ul .ep_option>a .ep_name { transition: transform 0.1s ease-out 0s; -wbekit-transition: -webkit-transform 0.1s ease-out 0s; } #website-body .ep-a_field .ep-p_select .ep_fakeselect .ep_list ul .ep_option>a:link .ep_name, #website-body .ep-a_field .ep-p_select .ep_fakeselect .ep_list ul .ep_option>a:visited .ep_name { transform: translate(0, 0); -webkit-transform: translate(0, 0); } #website-body .ep-a_field .ep-p_select .ep_fakeselect .ep_list ul .ep_option>a:hover .ep_name, #website-body .ep-a_field .ep-p_select .ep_fakeselect .ep_list ul .ep_option>a:focus .ep_name, #website-body .ep-a_field .ep-p_select .ep_fakeselect .ep_list ul .ep_option>a:active .ep_name { transform: translate(5px, 0); -webkit-transform: translate(5px, 0); } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* ATOM "FIELD TEXT" : Affichage du champ au format "calendrier" */ /* ATOM "FIELD FORM" : Ajout du calendrier sur le champ texte (icone information non active) */ #website-body .ep-a_field.ep-layout_calendar .ep-p_textfield>div { position: relative; } #website-body .ep-a_field.ep-layout_calendar .ep-p_textfield>div input.ep_field { width: 100%; padding-right: 40px; vertical-align: middle; } #website-body .ep-a_field.ep-layout_calendar .ep-p_textfield>div:after, /* ATOM "FIELD FORM" : Ajout du calendrier sur le selecteur converti */ body[data-jsactive] #website #website-body .ep-a_field.ep-layout_calendar .ep-p_select .ep_select.epjs_converted .epjs_select .epjs_button .epjs_icon:before { position: static; display: inline-block; width: 22px; height: 24px; transform: translate(-30px, 0); -webkit-transform: translate(-30px, 0); background-image: url(../img/icons.svg); background-position: 0 -233px; background-repeat: no-repeat; vertical-align: middle; content: ""; } body[data-jsactive] #website #website-body .ep-a_field.ep-layout_calendar .ep-p_select .ep_select.epjs_converted .epjs_select .epjs_button { padding-right: 35px; } body[data-jsactive] #website #website-body .ep-a_field.ep-layout_calendar .ep-p_select .ep_select.epjs_converted .epjs_select .epjs_button .epjs_icon:before { transform: translate(5px, -8px); } #website-body .ep-a_field.ep-layout_calendar .ep-p_textfield>div:after { position: absolute; top: 50%; margin-top: -12px; } /* ATOM "FIELD FORM" : Blocage du calendrier lors de l'utilisation d'un champ texte et d'un bouton d'action */ #website-body .ep-a_field.ep-layout_calendar.ep-layout_execute .ep-p_textfield>div, #website-body .ep-a_field.ep-layout_calendar.ep-layout_action .ep-p_textfield>div { position: static; } #website-body .ep-a_field.ep-layout_calendar.ep-layout_execute .ep-p_textfield>div input.ep_field, #website-body .ep-a_field.ep-layout_calendar.ep-layout_action .ep-p_textfield>div input.ep_field { padding-right: 45px; } #website-body .ep-a_field.ep-layout_calendar.ep-layout_execute .ep-p_textfield>div:after, #website-body .ep-a_field.ep-layout_calendar.ep-layout_action .ep-p_textfield>div:after { display: none; } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* ATOM "FIELD FORM" : Affichage du composant "datepicker" dans un champ texte */ /* ATOM "FIELD TEXT" : Blocage du visuel du bouton "calendrier" apres convertion via JS */ #website-body .ep-a_field.ep-layout_calendar[data-datepicker]:hover .ep-p_textfield>div input { background-color: #fafafa; background-position: 0 -233px; border-color: #3c77bd; } #website-body .ep-a_field.ep-layout_calendar[data-datepicker] .ep-p_button button, #website-body .ep-a_field.ep-layout_calendar[data-datepicker] .ep-p_button button:hover { background-color: transparent; background-position: -22px -233px; border-color: transparent; } #website-body .ep-a_field.ep-layout_calendar[data-datepicker]:hover .ep-p_button button, #website-body .ep-a_field.ep-layout_calendar[data-datepicker]:hover .ep-p_button button:hover { background-position: 0 -233px; } #website-body .ep-a_field.ep-layout_calendar[data-datepicker] .ep-p_button button:focus, #website-body .ep-a_field.ep-layout_calendar[data-datepicker] .ep-p_button button:active, #website-body .ep-a_field.ep-layout_calendar[data-datepicker] .ep-p_button button:hover:focus, #website-body .ep-a_field.ep-layout_calendar[data-datepicker] .ep-p_button button:hover:active { background: #3c77bd; background-position: -44px -233px; border-color: #3c77bd; opacity: 1; } /* ATOM "FIELD FORM" : Blocage de l'effet de survol du champ lorsque le calendrier est ouvert */ #website-body .ep-a_field.ep-layout_calendar[data-datepicker][data-datepickerview="true"] .ep-p_textfield>div input, #website-body .ep-a_field.ep-layout_calendar[data-datepicker][data-datepickerview="true"] .ep-p_textfield>div input:hover, #website-body .ep-a_field.ep-layout_calendar[data-datepicker][data-datepickerview="true"] .ep-p_textfield>div input:focus, #website-body .ep-a_field.ep-layout_calendar[data-datepicker][data-datepickerview="true"] .ep-p_textfield>div input:active, #website-body .ep-a_field.ep-layout_calendar[data-datepicker][data-datepickerview="true"]:hover .ep-p_textfield>div input { background-color: #fff; border-color: #3c77bd; } /* ATOM "FIELD FORM" : Modification du design du bouton de fermeture */ #website-body .ep-a_field.ep-layout_calendar .epjs_datepicker>div.epjs_close .epjs_button { border-left-color: transparent; cursor: pointer; } #website-body .ep-a_field.ep-layout_calendar .epjs_datepicker:before { position: relative; display: block; z-index: 6; width: 100%; height: 0; margin: -2px 0 0 0; padding: 0; opacity: 0; flex: 0 0 100%; -webkit-flex: 0 0 100%; transform: translate(0, 1px); -webkit-transform: translate(0, 1px); border-top: 1px solid #fff; content: ""; } #website-body .ep-a_field.ep-layout_calendar .epjs_datepicker[aria-hidden="false"]:before { opacity: 1; } /* ATOM "FIELD FORM" : Adaptation du calendrier selon les breakpoints */ @media screen and (min-width:1200px) { /* ATOM "FIELD FORM" : Ajout de la marge au calendrier en mode "popup de taille fixe" */ #website-body .ep-a_field.ep-layout_calendar .epjs_datepicker[aria-hidden="false"][data-layout1200="popup"][data-direction1200]:before { height: 21px; box-sizing: border-box; border-bottom: 2px solid #fff; border-left: 1px solid #3c77bd; border-right: 1px solid #3c77bd; } #website-body .ep-a_field.ep-layout_calendar .epjs_datepicker[aria-hidden="false"][data-layout1200="popup"][data-direction1200]>div.epjs_close .epjs_button { transform: translate(0, -59px); -webkit-transform: translate(0, -59px); } } @media screen and (min-width:1020px) and (max-width:1199px) { /* ATOM "FIELD FORM" : Ajout de la marge au calendrier en mode "popup de taille fixe" */ #website-body .ep-a_field.ep-layout_calendar .epjs_datepicker[aria-hidden="false"][data-layout1020="popup"][data-direction1020]:before { height: 21px; box-sizing: border-box; border-bottom: 2px solid #fff; border-left: 1px solid #3c77bd; border-right: 1px solid #3c77bd; } #website-body .ep-a_field.ep-layout_calendar .epjs_datepicker[aria-hidden="false"][data-layout1020="popup"][data-direction1020]>div.epjs_close .epjs_button { transform: translate(0, -59px); -webkit-transform: translate(0, -59px); } } @media screen and (min-width:750px) and (max-width:1019px), print { /* ATOM "FIELD FORM" : Ajout de la marge au calendrier en mode "popup de taille fixe" */ #website-body .ep-a_field.ep-layout_calendar .epjs_datepicker[aria-hidden="false"][data-layout750="popup"][data-direction750]:before { height: 21px; box-sizing: border-box; border-bottom: 2px solid #fff; border-left: 1px solid #3c77bd; border-right: 1px solid #3c77bd; } #website-body .ep-a_field.ep-layout_calendar .epjs_datepicker[aria-hidden="false"][data-layout750="popup"][data-direction750]>div.epjs_close .epjs_button { transform: translate(0, -59px); -webkit-transform: translate(0, -59px); } } @media screen and (min-width:640px) and (max-width:749px) { /* ATOM "FIELD FORM" : Ajout de la marge au calendrier en mode "popup de taille fixe" */ #website-body .ep-a_field.ep-layout_calendar .epjs_datepicker[aria-hidden="false"][data-layout640="popup"][data-direction640]:before { height: 21px; box-sizing: border-box; border-bottom: 2px solid #fff; border-left: 1px solid #3c77bd; border-right: 1px solid #3c77bd; } #website-body .ep-a_field.ep-layout_calendar .epjs_datepicker[aria-hidden="false"][data-layout640="popup"][data-direction640]>div.epjs_close .epjs_button { transform: translate(0, -59px); -webkit-transform: translate(0, -59px); } } @media screen and (min-width:480px) and (max-width:639px) { /* ATOM "FIELD FORM" : Ajout de la marge au calendrier en mode "popup de taille fixe" */ #website-body .ep-a_field.ep-layout_calendar .epjs_datepicker[aria-hidden="false"][data-layout480="popup"][data-direction480]:before { height: 21px; box-sizing: border-box; border-bottom: 2px solid #fff; border-left: 1px solid #3c77bd; border-right: 1px solid #3c77bd; } #website-body .ep-a_field.ep-layout_calendar .epjs_datepicker[aria-hidden="false"][data-layout480="popup"][data-direction480]>div.epjs_close .epjs_button { transform: translate(0, -59px); -webkit-transform: translate(0, -59px); } /* ATOM "FIELD FORM" : Correction des marges de l'entete */ #website-body .ep_gridcolumn[data-view480="3"]>.ep_gridcolumn-content .ep-a_field.ep-layout_calendar .epjs_datepicker:not([data-direction480]) .epjs_popup .epjs_navigation .epjs_current .epjs_label .epjs_name, #website-body .ep_gridcolumn[data-view480="3"]>.ep_gridcolumn-content .ep-a_field.ep-layout_calendar .epjs_datepicker[data-direction480="top"] .epjs_popup .epjs_navigation .epjs_current .epjs_label .epjs_name, #website-body .ep_gridcolumn[data-view480="3"]>.ep_gridcolumn-content .ep-a_field.ep-layout_calendar .epjs_datepicker[data-direction480="bottom"] .epjs_popup .epjs_navigation .epjs_current .epjs_label .epjs_name, #website-body .ep_gridcolumn[data-view480="2"]>.ep_gridcolumn-content .ep-a_field.ep-layout_calendar .epjs_datepicker:not([data-direction480]) .epjs_popup .epjs_navigation .epjs_current .epjs_label .epjs_name, #website-body .ep_gridcolumn[data-view480="2"]>.ep_gridcolumn-content .ep-a_field.ep-layout_calendar .epjs_datepicker[data-direction480="top"] .epjs_popup .epjs_navigation .epjs_current .epjs_label .epjs_name, #website-body .ep_gridcolumn[data-view480="2"]>.ep_gridcolumn-content .ep-a_field.ep-layout_calendar .epjs_datepicker[data-direction480="bottom"] .epjs_popup .epjs_navigation .epjs_current .epjs_label .epjs_name { padding-left: 5px; } #website-body .ep_gridcolumn[data-view480="3"]>.ep_gridcolumn-content .ep-a_field.ep-layout_calendar .epjs_datepicker:not([data-direction480]) .epjs_popup .epjs_navigation .epjs_previous, #website-body .ep_gridcolumn[data-view480="3"]>.ep_gridcolumn-content .ep-a_field.ep-layout_calendar .epjs_datepicker[data-direction480="top"] .epjs_popup .epjs_navigation .epjs_previous, #website-body .ep_gridcolumn[data-view480="3"]>.ep_gridcolumn-content .ep-a_field.ep-layout_calendar .epjs_datepicker[data-direction480="bottom"] .epjs_popup .epjs_navigation .epjs_previous, #website-body .ep_gridcolumn[data-view480="3"]>.ep_gridcolumn-content .ep-a_field.ep-layout_calendar .epjs_datepicker:not([data-direction480]) .epjs_popup .epjs_navigation .epjs_current, #website-body .ep_gridcolumn[data-view480="3"]>.ep_gridcolumn-content .ep-a_field.ep-layout_calendar .epjs_datepicker[data-direction480="top"] .epjs_popup .epjs_navigation .epjs_current, #website-body .ep_gridcolumn[data-view480="3"]>.ep_gridcolumn-content .ep-a_field.ep-layout_calendar .epjs_datepicker[data-direction480="bottom"] .epjs_popup .epjs_navigation .epjs_current, #website-body .ep_gridcolumn[data-view480="2"]>.ep_gridcolumn-content .ep-a_field.ep-layout_calendar .epjs_datepicker:not([data-direction480]) .epjs_popup .epjs_navigation .epjs_previous, #website-body .ep_gridcolumn[data-view480="2"]>.ep_gridcolumn-content .ep-a_field.ep-layout_calendar .epjs_datepicker[data-direction480="top"] .epjs_popup .epjs_navigation .epjs_previous, #website-body .ep_gridcolumn[data-view480="2"]>.ep_gridcolumn-content .ep-a_field.ep-layout_calendar .epjs_datepicker[data-direction480="bottom"] .epjs_popup .epjs_navigation .epjs_previous, #website-body .ep_gridcolumn[data-view480="2"]>.ep_gridcolumn-content .ep-a_field.ep-layout_calendar .epjs_datepicker:not([data-direction480]) .epjs_popup .epjs_navigation .epjs_current, #website-body .ep_gridcolumn[data-view480="2"]>.ep_gridcolumn-content .ep-a_field.ep-layout_calendar .epjs_datepicker[data-direction480="top"] .epjs_popup .epjs_navigation .epjs_current, #website-body .ep_gridcolumn[data-view480="2"]>.ep_gridcolumn-content .ep-a_field.ep-layout_calendar .epjs_datepicker[data-direction480="bottom"] .epjs_popup .epjs_navigation .epjs_current { margin-right: 5px; } #website-body .ep_gridcolumn[data-view480="3"]>.ep_gridcolumn-content .ep-a_field.ep-layout_calendar .epjs_datepicker:not([data-direction480]) .epjs_popup .epjs_navigation .epjs_next, #website-body .ep_gridcolumn[data-view480="3"]>.ep_gridcolumn-content .ep-a_field.ep-layout_calendar .epjs_datepicker[data-direction480="top"] .epjs_popup .epjs_navigation .epjs_next, #website-body .ep_gridcolumn[data-view480="3"]>.ep_gridcolumn-content .ep-a_field.ep-layout_calendar .epjs_datepicker[data-direction480="bottom"] .epjs_popup .epjs_navigation .epjs_next, #website-body .ep_gridcolumn[data-view480="3"]>.ep_gridcolumn-content .ep-a_field.ep-layout_calendar .epjs_datepicker:not([data-direction480]) .epjs_popup .epjs_navigation .epjs_current, #website-body .ep_gridcolumn[data-view480="3"]>.ep_gridcolumn-content .ep-a_field.ep-layout_calendar .epjs_datepicker[data-direction480="top"] .epjs_popup .epjs_navigation .epjs_current, #website-body .ep_gridcolumn[data-view480="3"]>.ep_gridcolumn-content .ep-a_field.ep-layout_calendar .epjs_datepicker[data-direction480="bottom"] .epjs_popup .epjs_navigation .epjs_current, #website-body .ep_gridcolumn[data-view480="2"]>.ep_gridcolumn-content .ep-a_field.ep-layout_calendar .epjs_datepicker:not([data-direction480]) .epjs_popup .epjs_navigation .epjs_next, #website-body .ep_gridcolumn[data-view480="2"]>.ep_gridcolumn-content .ep-a_field.ep-layout_calendar .epjs_datepicker[data-direction480="top"] .epjs_popup .epjs_navigation .epjs_next, #website-body .ep_gridcolumn[data-view480="2"]>.ep_gridcolumn-content .ep-a_field.ep-layout_calendar .epjs_datepicker[data-direction480="bottom"] .epjs_popup .epjs_navigation .epjs_next, #website-body .ep_gridcolumn[data-view480="2"]>.ep_gridcolumn-content .ep-a_field.ep-layout_calendar .epjs_datepicker:not([data-direction480]) .epjs_popup .epjs_navigation .epjs_current #website-body .ep_gridcolumn[data-view480="2"]>.ep_gridcolumn-content .ep-a_field.ep-layout_calendar .epjs_datepicker[data-direction480="top"] .epjs_popup .epjs_navigation .epjs_current #website-body .ep_gridcolumn[data-view480="2"]>.ep_gridcolumn-content .ep-a_field.ep-layout_calendar .epjs_datepicker[data-direction480="bottom"] .epjs_popup .epjs_navigation .epjs_current { margin-left: 5px; } /* ATOM "FIELD FORM" : Correction de la taille des icones d'evenements */ #website-body .ep_gridcolumn[data-view480="4"]>.ep_gridcolumn-content .ep-a_field.ep-layout_calendar .epjs_datepicker:not([data-direction480]) .epjs_popup .epjs_grid table td>.epjs_events span, #website-body .ep_gridcolumn[data-view480="4"]>.ep_gridcolumn-content .ep-a_field.ep-layout_calendar .epjs_datepicker[data-direction480="top"] .epjs_popup .epjs_grid table td>.epjs_events span, #website-body .ep_gridcolumn[data-view480="4"]>.ep_gridcolumn-content .ep-a_field.ep-layout_calendar .epjs_datepicker[data-direction480="bottom"] .epjs_popup .epjs_grid table td>.epjs_events span, #website-body .ep_gridcolumn[data-view480="3"]>.ep_gridcolumn-content .ep-a_field.ep-layout_calendar .epjs_datepicker:not([data-direction480]) .epjs_popup .epjs_grid table td>.epjs_events span, #website-body .ep_gridcolumn[data-view480="3"]>.ep_gridcolumn-content .ep-a_field.ep-layout_calendar .epjs_datepicker[data-direction480="top"] .epjs_popup .epjs_grid table td>.epjs_events span, #website-body .ep_gridcolumn[data-view480="3"]>.ep_gridcolumn-content .ep-a_field.ep-layout_calendar .epjs_datepicker[data-direction480="bottom"] .epjs_popup .epjs_grid table td>.epjs_events span, #website-body .ep_gridcolumn[data-view480="2"]>.ep_gridcolumn-content .ep-a_field.ep-layout_calendar .epjs_datepicker:not([data-direction480]) .epjs_popup .epjs_grid table td>.epjs_events span, #website-body .ep_gridcolumn[data-view480="2"]>.ep_gridcolumn-content .ep-a_field.ep-layout_calendar .epjs_datepicker[data-direction480="top"] .epjs_popup .epjs_grid table td>.epjs_events span, #website-body .ep_gridcolumn[data-view480="2"]>.ep_gridcolumn-content .ep-a_field.ep-layout_calendar .epjs_datepicker[data-direction480="bottom"] .epjs_popup .epjs_grid table td>.epjs_events span { width: 5px; height: 5px; } /* ATOM "FIELD FORM" : Reduction des marges internes des cellules */ #website-body .ep_gridcolumn[data-view480="3"]>.ep_gridcolumn-content .ep-a_field.ep-layout_calendar .epjs_datepicker:not([data-direction480]) .epjs_popup .epjs_grid table th>.epjs_name, #website-body .ep_gridcolumn[data-view480="3"]>.ep_gridcolumn-content .ep-a_field.ep-layout_calendar .epjs_datepicker[data-direction480="top"] .epjs_popup .epjs_grid table th>.epjs_name, #website-body .ep_gridcolumn[data-view480="3"]>.ep_gridcolumn-content .ep-a_field.ep-layout_calendar .epjs_datepicker[data-direction480="bottom"] .epjs_popup .epjs_grid table th>.epjs_name, #website-body .ep_gridcolumn[data-view480="2"]>.ep_gridcolumn-content .ep-a_field.ep-layout_calendar .epjs_datepicker:not([data-direction480]) .epjs_popup .epjs_grid table th>.epjs_name, #website-body .ep_gridcolumn[data-view480="2"]>.ep_gridcolumn-content .ep-a_field.ep-layout_calendar .epjs_datepicker[data-direction480="top"] .epjs_popup .epjs_grid table th>.epjs_name, #website-body .ep_gridcolumn[data-view480="2"]>.ep_gridcolumn-content .ep-a_field.ep-layout_calendar .epjs_datepicker[data-direction480="bottom"] .epjs_popup .epjs_grid table th>.epjs_name, #website-body .ep_gridcolumn[data-view480="3"]>.ep_gridcolumn-content .ep-a_field.ep-layout_calendar .epjs_datepicker:not([data-direction480]) .epjs_popup .epjs_grid table td>.epjs_number, #website-body .ep_gridcolumn[data-view480="3"]>.ep_gridcolumn-content .ep-a_field.ep-layout_calendar .epjs_datepicker[data-direction480="top"] .epjs_popup .epjs_grid table td>.epjs_number, #website-body .ep_gridcolumn[data-view480="3"]>.ep_gridcolumn-content .ep-a_field.ep-layout_calendar .epjs_datepicker[data-direction480="bottom"] .epjs_popup .epjs_grid table td>.epjs_number, #website-body .ep_gridcolumn[data-view480="2"]>.ep_gridcolumn-content .ep-a_field.ep-layout_calendar .epjs_datepicker:not([data-direction480]) .epjs_popup .epjs_grid table td>.epjs_number, #website-body .ep_gridcolumn[data-view480="2"]>.ep_gridcolumn-content .ep-a_field.ep-layout_calendar .epjs_datepicker[data-direction480="top"] .epjs_popup .epjs_grid table td>.epjs_number, #website-body .ep_gridcolumn[data-view480="2"]>.ep_gridcolumn-content .ep-a_field.ep-layout_calendar .epjs_datepicker[data-direction480="bottom"] .epjs_popup .epjs_grid table td>.epjs_number { font-size: 1.4em; } #website-body .ep_gridcolumn[data-view480="3"]>.ep_gridcolumn-content .ep-a_field.ep-layout_calendar .epjs_datepicker:not([data-direction480]) .epjs_popup .epjs_grid table td>.epjs_number, #website-body .ep_gridcolumn[data-view480="3"]>.ep_gridcolumn-content .ep-a_field.ep-layout_calendar .epjs_datepicker[data-direction480="top"] .epjs_popup .epjs_grid table td>.epjs_number, #website-body .ep_gridcolumn[data-view480="3"]>.ep_gridcolumn-content .ep-a_field.ep-layout_calendar .epjs_datepicker[data-direction480="bottom"] .epjs_popup .epjs_grid table td>.epjs_number, #website-body .ep_gridcolumn[data-view480="2"]>.ep_gridcolumn-content .ep-a_field.ep-layout_calendar .epjs_datepicker:not([data-direction480]) .epjs_popup .epjs_grid table td>.epjs_number, #website-body .ep_gridcolumn[data-view480="2"]>.ep_gridcolumn-content .ep-a_field.ep-layout_calendar .epjs_datepicker[data-direction480="top"] .epjs_popup .epjs_grid table td>.epjs_number, #website-body .ep_gridcolumn[data-view480="2"]>.ep_gridcolumn-content .ep-a_field.ep-layout_calendar .epjs_datepicker[data-direction480="bottom"] .epjs_popup .epjs_grid table td>.epjs_number { padding: 2px 5px 5px 5px; } } @media screen and (max-width:479px) { /* ATOM "FIELD FORM" : Ajout de la marge au calendrier en mode "popup de taille fixe" */ #website-body .ep-a_field.ep-layout_calendar .epjs_datepicker[aria-hidden="false"][data-layout320="popup"][data-direction320]:before { height: 21px; box-sizing: border-box; border-bottom: 2px solid #fff; border-left: 1px solid #3c77bd; border-right: 1px solid #3c77bd; } #website-body .ep-a_field.ep-layout_calendar .epjs_datepicker[aria-hidden="false"][data-layout320="popup"][data-direction320]>div.epjs_close .epjs_button { transform: translate(0, -59px); -webkit-transform: translate(0, -59px); } /* ATOM "FIELD FORM" : Correction des marges de l'entete */ #website-body .ep-a_field.ep-layout_calendar .epjs_datepicker:not([data-direction320]) .epjs_popup .epjs_navigation .epjs_current .epjs_label .epjs_name { padding-left: 5px; } #website-body .ep-a_field.ep-layout_calendar .epjs_datepicker:not([data-direction320]) .epjs_popup .epjs_navigation .epjs_previous, #website-body .ep-a_field.ep-layout_calendar .epjs_datepicker:not([data-direction320]) .epjs_popup .epjs_navigation .epjs_current { margin-right: 5px; } #website-body .ep-a_field.ep-layout_calendar .epjs_datepicker:not([data-direction320]) .epjs_popup .epjs_navigation .epjs_next, #website-body .ep-a_field.ep-layout_calendar .epjs_datepicker:not([data-direction320]) .epjs_popup .epjs_navigation .epjs_current { margin-left: 5px; } /* ATOM "FIELD FORM" : Correction de la taille des icones d'evenements */ #website-body .ep-a_field.ep-layout_calendar .epjs_datepicker:not([data-direction320]) .epjs_popup .epjs_grid table td>.epjs_events span, #website-body .ep-a_field.ep-layout_calendar .epjs_datepicker:not([data-direction320]) .epjs_popup .epjs_grid table td>.epjs_events span { width: 5px; height: 5px; } /* ATOM "FIELD FORM" : Reduction des marges internes des cellules */ #website-body .ep-a_field.ep-layout_calendar .epjs_datepicker:not([data-direction320]) .epjs_popup .epjs_grid table th>.epjs_name, #website-body .ep-a_field.ep-layout_calendar .epjs_datepicker:not([data-direction320]) .epjs_popup .epjs_grid table td>.epjs_number { font-size: 1.4em; } #website-body .ep-a_field.ep-layout_calendar .epjs_datepicker:not([data-direction320]) .epjs_popup .epjs_grid table td>.epjs_number { padding: 2px 5px 5px 5px; } } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* ATOM "FIELD TEXT" : Affichage du bouton au format "icone" */ /* ATOM "FIELD TEXT" : Gestion de l'acces aux boutons associes */ #website-body .ep-a_field .ep-p_button { display: none; } #website-body .ep-a_field.ep-layout_execute .ep-p_textfield input.ep_field, #website-body .ep-a_field.ep-layout_execute .ep-p_select select.ep_field, #website-body .ep-a_field.ep-layout_action .ep-p_textfield input.ep_field, #website-body .ep-a_field.ep-layout_action .ep-p_select select.ep_field { padding-right: 45px; } #website-body .ep-a_field.ep-layout_execute .ep-p_button, #website-body .ep-a_field.ep-layout_action .ep-p_button { position: relative; display: inline-block; margin-left: -40px; vertical-align: middle; } /* ATOM "FIELD TEXT" : Positionnement du bouton */ #website-body .ep-a_field .ep-p_button, #website-body .ep-a_field .ep-p_button a, #website-body .ep-a_field .ep-p_button button { width: 40px; height: 40px; margin: 0; padding: 0; background-color: transparent; border-color: transparent; border-radius: 0; } #website-body .ep-a_field .ep-p_button .ep_name { overflow: hidden; width: 0 !important; height: 40px; vertical-align: middle; } /* ATOM "FIELD TEXT" : Ajout de l'icone */ #website-body .ep-a_field .ep-p_button .ep_icon { overflow: visible; width: 40px; height: 40px; text-align: center; background-position: inherit; vertical-align: middle; } #website-body .ep-a_field .ep-p_button .ep_icon:before { display: inline-block; width: 0; height: 40px; } #website-body .ep-a_field .ep-p_button .ep_icon:after { display: inline-block; width: 11px; height: 8px; margin-left: -2px; transform: rotate(-90deg); -webkit-transform: rotate(-90deg); background-position: inherit; } /* ATOM "FIELD TEXT" : Effet de survol */ #website-body .ep-a_field .ep-p_button a:link, #website-body .ep-a_field .ep-p_button a:visited, #website-body .ep-a_field .ep-p_button button { background: #3c77bd; border-color: #3c77bd; background-position: -97px -42px; color: inherit; } #website-body .ep-a_field .ep-p_button a:hover, #website-body .ep-a_field .ep-p_button a:focus, #website-body .ep-a_field .ep-p_button a:active, #website-body .ep-a_field .ep-p_button button:hover, #website-body .ep-a_field .ep-p_button button:focus, #website-body .ep-a_field .ep-p_button button:active { background-color: transparent; border-color: transparent; border-left-color: #d1d3d4; background-position: -97px -58px; color: #fff; } #website-body .ep-a_field .ep-p_button button[disabled], #website-body .ep-a_field .ep-p_button button[disabled]:hover, #website-body .ep-a_field .ep-p_button button[disabled]:focus, #website-body .ep-a_field .ep-p_button button[disabled]:active { background-color: #d1d3d4; border-color: #d1d3d4; background-position: -97px -66px; color: inherit; } #website-body .ep-a_field .ep-p_button button[disabled], #website-body .ep-a_field .ep-p_button button[disabled]>* { cursor: not-allowed; } #website-body .ep-a_field.ep-layout_execute .ep-p_select+.ep-p_button a:hover, #website-body .ep-a_field.ep-layout_execute .ep-p_select+.ep-p_button a:focus, #website-body .ep-a_field.ep-layout_execute .ep-p_select+.ep-p_button a:active, #website-body .ep-a_field.ep-layout_execute .ep-p_select+.ep-p_button button:hover, #website-body .ep-a_field.ep-layout_execute .ep-p_select+.ep-p_button button:focus, #website-body .ep-a_field.ep-layout_execute .ep-p_select+.ep-p_button button:active, #website-body .ep-a_field.ep-layout_action .ep-p_select+.ep-p_button a:hover, #website-body .ep-a_field.ep-layout_action .ep-p_select+.ep-p_button a:focus, #website-body .ep-a_field.ep-layout_action .ep-p_select+.ep-p_button a:active, #website-body .ep-a_field.ep-layout_action .ep-p_select+.ep-p_button button:hover, #website-body .ep-a_field.ep-layout_action .ep-p_select+.ep-p_button button:focus, #website-body .ep-a_field.ep-layout_action .ep-p_select+.ep-p_button button:active { border-left: none; } /* ATOM "FIELD TEXT" : Correction visuelle en cas d'erreur */ #website-body .ep-a_field .ep-p_textfield.ep-layout_messageerror+.ep-p_button button { border-top-color: #f1582c; border-bottom-color: #f1582c; border-right-color: #f1582c; } #website-body .ep-a_field .ep-p_textfield.ep-layout_error+.ep-p_button { border-top: 3px solid transparent; border-bottom: 3px solid transparent; border-right: 3px solid transparent; } #website-body .ep-a_field .ep-p_textfield.ep-layout_error+.ep-p_button, #website-body .ep-a_field .ep-p_textfield.ep-layout_error+.ep-p_button a, #website-body .ep-a_field .ep-p_textfield.ep-layout_error+.ep-p_button button, #website-body .ep-a_field .ep-p_textfield.ep-layout_error+.ep-p_button .ep_icon { width: 37px; } #website-body .ep-a_field .ep-p_textfield.ep-layout_error+.ep-p_button a, #website-body .ep-a_field .ep-p_textfield.ep-layout_error+.ep-p_button button, #website-body .ep-a_field .ep-p_textfield.ep-layout_error+.ep-p_button .ep_icon, #website-body .ep-a_field .ep-p_textfield.ep-layout_error+.ep-p_button .ep_icon:before { height: 34px; } #website-body .ep-a_field .ep-p_textfield.ep-layout_error+.ep-p_button a .ep_icon, #website-body .ep-a_field .ep-p_textfield.ep-layout_error+.ep-p_button button .ep_icon { transform: translate(0, -3px); } #website-body .ep-a_field .ep-p_textfield.ep-layout_error+.ep-p_button .ep_icon:after { margin-left: 1px; } /* ATOM "FIELD TEXT" : Definition de l'icone du bouton */ #website-body .ep-a_field.ep-layout_search .ep-p_button a, #website-body .ep-a_field.ep-layout_search .ep-p_button a:link, #website-body .ep-a_field.ep-layout_search .ep-p_button a:visited, #website-body .ep-a_field.ep-layout_search .ep-p_button button { background-position: -103px 0; } #website-body .ep-a_field.ep-layout_search .ep-p_button a:hover, #website-body .ep-a_field.ep-layout_search .ep-p_button a:focus, #website-body .ep-a_field.ep-layout_search .ep-p_button a:active, #website-body .ep-a_field.ep-layout_search .ep-p_button button:hover, #website-body .ep-a_field.ep-layout_search .ep-p_button button:focus, #website-body .ep-a_field.ep-layout_search .ep-p_button button:active { background-position: -82px 0; } #website-body .ep-a_field.ep-layout_search .ep-p_button button[disabled], #website-body .ep-a_field.ep-layout_search .ep-p_button button[disabled]:hover, #website-body .ep-a_field.ep-layout_search .ep-p_button button[disabled]:focus, #website-body .ep-a_field.ep-layout_search .ep-p_button button[disabled]:active { background-position: -145px 0; } #website-body .ep-a_field.ep-layout_search .ep-p_button a .ep_icon:after, #website-body .ep-a_field.ep-layout_search .ep-p_button button .ep_icon:after { width: 21px; height: 21px; transform: none; -webkit-transform: none; } #website-body .ep-a_field.ep-layout_calendar .ep-p_button a, #website-body .ep-a_field.ep-layout_calendar .ep-p_button a:link, #website-body .ep-a_field.ep-layout_calendar .ep-p_button a:visited, #website-body .ep-a_field.ep-layout_calendar .ep-p_button button { background-position: -44px -233px; } #website-body .ep-a_field.ep-layout_calendar .ep-p_button a:hover, #website-body .ep-a_field.ep-layout_calendar .ep-p_button a:focus, #website-body .ep-a_field.ep-layout_calendar .ep-p_button a:active, #website-body .ep-a_field.ep-layout_calendar .ep-p_button button:hover, #website-body .ep-a_field.ep-layout_calendar .ep-p_button button:focus, #website-body .ep-a_field.ep-layout_calendar .ep-p_button button:active { background-position: 0 -233px; } #website-body .ep-a_field.ep-layout_calendar .ep-p_button button[disabled], #website-body .ep-a_field.ep-layout_calendar .ep-p_button button[disabled]:hover, #website-body .ep-a_field.ep-layout_calendar .ep-p_button button[disabled]:focus, #website-body .ep-a_field.ep-layout_calendar .ep-p_button button[disabled]:active { background-position: -22px -233px; } #website-body .ep-a_field.ep-layout_calendar .ep-p_button a .ep_icon:after, #website-body .ep-a_field.ep-layout_calendar .ep-p_button button .ep_icon:after { width: 22px; height: 22px; margin-top: -1px; transform: translate(-1px, -2px); -webkit-transform: translate(-1px, -2px); } /* ATOM "FIELD TEXT" : Affichage du bouton apres des cases a cocher */ #website-body .ep-a_field .ep-p_casefield+.ep-p_button { display: block; width: auto; margin-top: 20px; margin-left: 0; text-align: left; } #website-body .ep-a_field .ep-p_casefield+.ep-p_button button { width: auto; height: auto; padding: 5px 10px; background-color: #3c77bd; background: -webkit-linear-gradient(top, #3c77bd, #3c77bd); background: -moz-linear-gradient(top, #3c77bd, #3c77bd); background: -ms-linear-gradient(top, #3c77bd, #3c77bd); background: linear-gradient(top, #3c77bd, #3c77bd); border-color: transparent; border-radius: 5px; color: #fff; } #website-body .ep-a_field .ep-p_casefield+.ep-p_button button:hover, #website-body .ep-a_field .ep-p_casefield+.ep-p_button button:focus, #website-body .ep-a_field .ep-p_casefield+.ep-p_button button:active { background: #fff; border-color: #d1d3d4; color: #3c77bd; } #website-body .ep-a_field .ep-p_casefield+.ep-p_button button .ep_name { overflow: hidden; width: auto !important; height: auto; border-color: transparent; font-size: 1.4em; text-align: center; } #website-body .ep-a_field .ep-p_casefield+.ep-p_button button .ep_icon { display: none; } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* ATOM "FIELD TEXT" : Affichage du champ sur differentes tailles */ /* ATOM "FIELD TEXT" : Affichage du champ sur 70px de haut */ #website-body .ep-a_field.ep-layout_level1 .ep-p_textfield .ep_field, #website-body .ep-a_field.ep-layout_level1 .ep-p_select .ep_field, body[data-jsactive] #website-body .ep-a_field.ep-layout_level1 .ep-p_select .ep_select.epjs_converted .epjs_select .epjs_button .epjs_name { font-family: Georgia, Garamond, serif, Palatino; color: #1e1e1f; } @media screen and (min-width:1020px) { #website-body .ep-a_field.ep-layout_level1 .ep-p_textfield .ep_field, #website-body .ep-a_field.ep-layout_level1 .ep-p_select .ep_field, body[data-jsactive] #website-body .ep-a_field.ep-layout_level1 .ep-p_select .ep_select.epjs_converted .epjs_select .epjs_button .epjs_name { height: auto; padding-top: 14px; padding-bottom: 14px; font-size: 3.5em; } body[data-jsactive] #website-body .ep-a_field.ep-layout_level1 .ep-p_select .ep_select.epjs_converted .epjs_select .epjs_button { padding-top: 0; padding-bottom: 0; } } @media screen and (min-width:480px) and (max-width:1019px), print { #website-body .ep-a_field.ep-layout_level1 .ep-p_textfield .ep_field, #website-body .ep-a_field.ep-layout_level1 .ep-p_select .ep_field, body[data-jsactive] #website-body .ep-a_field.ep-layout_level1 .ep-p_select .ep_select.epjs_converted .epjs_select .epjs_button .epjs_name { height: auto; padding-top: 16px; padding-bottom: 17px; font-size: 3em; } body[data-jsactive] #website-body .ep-a_field.ep-layout_level1 .ep-p_select .ep_select.epjs_converted .epjs_select .epjs_button { padding-top: 0; padding-bottom: 0; } } @media screen and (min-width:480px), print { #website-body .ep-a_field.ep-layout_level1.ep-layout_execute .ep-p_textfield input.ep_field, #website-body .ep-a_field.ep-layout_level1.ep-layout_execute .ep-p_select select.ep_field, #website-body .ep-a_field.ep-layout_level1.ep-layout_action .ep-p_textfield input.ep_field, #website-body .ep-a_field.ep-layout_level1.ep-layout_action .ep-p_select select.ep_field { padding-right: 70px; } #website-body .ep-a_field.ep-layout_level1 .ep-p_button { margin-top: 5px; margin-left: -65px; } #website-body .ep-a_field.ep-layout_level1 .ep-p_button button, #website-body .ep-a_field.ep-layout_level1 .ep-p_button .ep_name { width: 60px; height: 60px; } #website-body .ep-a_field.ep-layout_level1 .ep-p_button .ep_icon { transform: translate(0, -2px) scale(2); -webkit-transform: translate(0, -2px) scale(2); } #website-body .ep-a_field.ep-layout_level1.ep-layout_search .ep-p_button .ep_icon { transform: scale(1.3); -webkit-transform: scale(1.3); } body[data-jsactive] #website-body .ep-a_field.ep-layout_level1.ep-layout_execute .ep-p_select .ep_select.epjs_converted, body[data-jsactive] #website-body .ep-a_field.ep-layout_level1.ep-layout_action .ep-p_select .ep_select.epjs_converted { width: calc(100% - 70px); } body[data-jsactive] #website-body .ep-a_field.ep-layout_level1.ep-layout_execute .ep-p_select:after, body[data-jsactive] #website-body .ep-a_field.ep-layout_level1.ep-layout_action .ep-p_select:after { width: 70px; height: 70px; margin-top: -70px; margin-left: calc(100% - 71px); background-color: #fff; } } @media screen and (max-width:479px) { #website-body .ep-a_field.ep-layout_level1 .ep-p_textfield .ep_field, #website-body .ep-a_field.ep-layout_level1 .ep-p_select .ep_field, body[data-jsactive] #website-body .ep-a_field.ep-layout_level1 .ep-p_select .ep_select.epjs_converted .epjs_select .epjs_button .epjs_name { height: auto; padding-top: 13px; padding-bottom: 13px; font-size: 2em; } body[data-jsactive] #website-body .ep-a_field.ep-layout_level1 .ep-p_select .ep_select.epjs_converted .epjs_select .epjs_button { padding-top: 0; padding-bottom: 0; } #website-body .ep-a_field.ep-layout_level1.ep-layout_execute .ep-p_textfield input.ep_field, #website-body .ep-a_field.ep-layout_level1.ep-layout_execute .ep-p_select select.ep_field, #website-body .ep-a_field.ep-layout_level1.ep-layout_action .ep-p_textfield input.ep_field, #website-body .ep-a_field.ep-layout_level1.ep-layout_action .ep-p_select select.ep_field { padding-right: 50px; } #website-body .ep-a_field.ep-layout_level1 .ep-p_button { margin-top: 5px; margin-left: -45px; } body[data-jsactive] #website-body .ep-a_field.ep-layout_level1.ep-layout_execute .ep-p_select .ep_select.epjs_converted, body[data-jsactive] #website-body .ep-a_field.ep-layout_level1.ep-layout_action .ep-p_select .ep_select.epjs_converted { width: calc(100% - 50px); } body[data-jsactive] #website-body .ep-a_field.ep-layout_level1.ep-layout_execute .ep-p_select:after, body[data-jsactive] #website-body .ep-a_field.ep-layout_level1.ep-layout_action .ep-p_select:after { width: 50px; height: 50px; margin-top: -50px; margin-left: calc(100% - 51px); background-color: #fff; } } #website-body .ep-a_field.ep-layout_level1.ep-layout_execute .ep-p_button a:hover, #website-body .ep-a_field.ep-layout_level1.ep-layout_execute .ep-p_button a:focus, #website-body .ep-a_field.ep-layout_level1.ep-layout_execute .ep-p_button a:active, #website-body .ep-a_field.ep-layout_level1.ep-layout_execute .ep-p_button button:hover, #website-body .ep-a_field.ep-layout_level1.ep-layout_execute .ep-p_button button:focus, #website-body .ep-a_field.ep-layout_level1.ep-layout_execute .ep-p_button button:active #website-body .ep-a_field.ep-layout_level1.ep-layout_action .ep-p_button a:hover, #website-body .ep-a_field.ep-layout_level1.ep-layout_action .ep-p_button a:focus, #website-body .ep-a_field.ep-layout_level1.ep-layout_action .ep-p_button a:active, #website-body .ep-a_field.ep-layout_level1.ep-layout_action .ep-p_button button:hover, #website-body .ep-a_field.ep-layout_level1.ep-layout_action .ep-p_button button:focus, #website-body .ep-a_field.ep-layout_level1.ep-layout_action .ep-p_button button:active { border-left-color: transparent; } /* ATOM "FIELD TEXT" : Affichage du champ sur 60px de haut */ #website-body .ep-a_field.ep-layout_level2 .ep-p_textfield .ep_field, #website-body .ep-a_field.ep-layout_level2 .ep-p_select .ep_field { height: auto; padding-top: 17px; padding-bottom: 18px; font-size: 2em; } body[data-jsactive] #website-body .ep-a_field.ep-layout_level2.ep-layout_execute .ep-p_select .ep_select.epjs_converted, body[data-jsactive] #website-body .ep-a_field.ep-layout_level2.ep-layout_action .ep-p_select .ep_select.epjs_converted { width: calc(100% - 60px); } body[data-jsactive] #website-body .ep-a_field.ep-layout_level2.ep-layout_execute .ep-p_select:after, body[data-jsactive] #website-body .ep-a_field.ep-layout_level2.ep-layout_action .ep-p_select:after { width: 60px; height: 60px; margin-top: -60px; margin-left: calc(100% - 61px); background-color: #fff; } body[data-jsactive] #website-body .ep-a_field.ep-layout_level2 .ep-p_select .ep_select.epjs_converted .epjs_select .epjs_button .epjs_name { height: auto; padding-top: 7px; padding-bottom: 6px; font-size: 2em; } #website-body .ep-a_field.ep-layout_level2 .ep-p_button { margin-top: 0; margin-left: -60px; border-left-color: transparent; } #website-body .ep-a_field.ep-layout_level2 .ep-p_button, #website-body .ep-a_field.ep-layout_level2 .ep-p_button button, #website-body .ep-a_field.ep-layout_level2 .ep-p_button .ep_name { width: 60px; height: 60px; } #website-body .ep-a_field.ep-layout_level2 .ep-p_button .ep_icon { transform: translate(0, -2px) scale(2); -webkit-transform: translate(0, -2px) scale(2); } #website-body .ep-a_field.ep-layout_level2.ep-layout_search .ep-p_button .ep_icon { transform: scale(1.3); -webkit-transform: scale(1.3); } #website-body .ep-a_field.ep-layout_level2 .ep-p_select .ep_fakeselect .ep_list:before { height: 60px; } #website-body .ep-a_field.ep-layout_level2 .ep-p_select .ep_fakeselect .ep_label { font-size: 2em; } #website-body .ep-a_field.ep-layout_level2 .ep-p_select .ep_fakeselect .ep_label>span { height: 60px; padding-top: 7px; padding-bottom: 8px; } #website-body .ep-a_field.ep-layout_level2 .ep-p_select .ep_fakeselect ul { font-size: 1em; } #website-body .ep-a_field.ep-layout_level2 .ep-p_select .ep_fakeselect ul .ep_option.ep_selected { font-size: 2em; } #website-body .ep-p_select .ep_fakeselect .ep_list .ep_option.ep_selected>a, #website-body .ep-p_select .ep_fakeselect .ep_list .ep_option.ep_selected>span { height: 60px; } #website-body .ep-p_select .ep_fakeselect .ep_list .ep_option.ep_selected>a .ep_name, #website-body .ep-p_select .ep_fakeselect .ep_list .ep_option.ep_selected>span .ep_name { padding-top: 24px; height: 60px; box-sizing: border-box; } #website-body .ep-a_field.ep-layout_level2 .ep-p_select .ep_fakeselect ul .ep_option.ep_selected { font-size: 2em; } #website-body .ep-p_select .ep_fakeselect .ep_list .ep_option.ep_selected>a, #website-body .ep-p_select .ep_fakeselect .ep_list .ep_option.ep_selected>span { height: 60px; } #website-body .ep-p_select .ep_fakeselect .ep_list .ep_option.ep_selected>a .ep_name, #website-body .ep-p_select .ep_fakeselect .ep_list .ep_option.ep_selected>span .ep_name { padding-top: 24px; height: 60px; box-sizing: border-box; } #website-body .ep-a_field.ep-layout_level2 .ep-p_select .ep_fakeselect ul:hover { font-size: 1.4em; } #website-body .ep-a_field.ep-layout_level2 .ep-p_select .ep_fakeselect .ep_list:hover .ep_option.ep_selected { font-size: 1em; } #website-body .ep-a_field.ep-layout_level2 .ep-p_select .ep_fakeselect .ep_list:hover .ep_option.ep_selected>a, #website-body .ep-a_field.ep-layout_level2 .ep-p_select .ep_fakeselect .ep_list:hover .ep_option.ep_selected>span { height: auto; } #website-body .ep-a_field.ep-layout_level2 .ep-p_select .ep_fakeselect .ep_list:hover .ep_option.ep_selected>a .ep_name, #website-body .ep-a_field.ep-layout_level2 .ep-p_select .ep_fakeselect .ep_list:hover .ep_option.ep_selected>span .ep_name { padding-top: 10px; height: auto; box-sizing: content-box; } @media screen and (max-width:479px) { #website-body .ep-a_field.ep-layout_level2 .ep-p_textfield .ep_field, #website-body .ep-a_field.ep-layout_level2 .ep-p_select .ep_field { padding-top: 9px; padding-bottom: 8px; font-size: 1.8em; } body[data-jsactive] #website-body .ep-a_field.ep-layout_level2 .ep-p_select .ep_select.epjs_converted .epjs_select .epjs_button { padding-top: 2px; padding-bottom: 0; } body[data-jsactive] #website-body .ep-a_field.ep-layout_level2.ep-layout_execute .ep-p_select .ep_select.epjs_converted, body[data-jsactive] #website-body .ep-a_field.ep-layout_level2.ep-layout_action .ep-p_select .ep_select.epjs_converted { width: calc(100% - 40px); } body[data-jsactive] #website-body .ep-a_field.ep-layout_level2.ep-layout_execute .ep-p_select:after, body[data-jsactive] #website-body .ep-a_field.ep-layout_level2.ep-layout_action .ep-p_select:after { width: 40px; height: 40px; margin-top: -40px; margin-left: calc(100% - 41px); } #website-body .ep-a_field.ep-layout_level2 .ep-p_button, #website-body .ep-a_field.ep-layout_level2 .ep-p_button button, #website-body .ep-a_field.ep-layout_level2 .ep-p_button .ep_name { width: 40px; height: 40px; } #website-body .ep-a_field.ep-layout_level2 .ep-p_button { margin-left: -40px; } #website-body .ep-a_field.ep-layout_level2 .ep-p_button .ep_icon, #website-body .ep-a_field.ep-layout_level2.ep-layout_search .ep-p_button .ep_icon { transform: none; -webkit-transform: none; } } /* ATOM "FIELD TEXT" : Affichage du champ sur 40px de haut sur 1.6em */ @media screen and (min-width:480px) { #website-body .ep-a_field.ep-layout_level3 .ep-p_textfield .ep_field, #website-body .ep-a_field.ep-layout_level3 .ep-p_select .ep_field { height: auto; padding-top: 11px; padding-bottom: 9px; font-size: 1.6em; } body[data-jsactive] #website-body .ep-a_field.ep-layout_level3 .ep-p_select .ep_select.epjs_converted .epjs_select .epjs_button .epjs_name { height: auto; margin-top: 0; margin-bottom: -2px; padding-top: 0; padding-bottom: 0; font-size: 1.6em; } #website-body .ep-a_field.ep-layout_level3 .ep-p_select .ep_fakeselect .ep_label, #website-body .ep-a_field.ep-layout_level3 .ep-p_select .ep_fakeselect .ep_list ul { font-size: 1.6em; } } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* ATOM "FIELD TEXT" : Affichage du champ "textarea" sur plusieurs lignes */ /* ATOM "FIELD TEXT" : Alignement des composants*/ #website-body .ep-a_field.ep-layout_fullsize, #website-body .ep-a_field.ep-layout_fullsize .ep-p_textfield, #website-body .ep-a_field.ep-layout_fullsize .ep-p_textfield div, #website-body .ep-a_field.ep-layout_fullsize .ep-p_textfield input, #website-body .ep-a_field.ep-layout_fullsize .ep-p_textfield select, #website-body .ep-a_field.ep-layout_fullsize .ep-p_textfield textarea { display: flex; display: -webkit-flex; width: 100%; height: 100%; box-sizing: border-box; flex: 1 1 auto; -webkit-flex: 1 1 auto; flex-direction: column; -webkit-flex-direction: column; flex-wrap: wrap; -webkit-flex-wrap: wrap; align-self: stretch; -webkit-align-self: stretch; } #website-body .ep-a_field.ep-layout_fullsize:after { flex: 0 0 auto; -webkit-flex: 0 0 auto; } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* ATOM "FIELD TEXT" : Suppression du bouton d'action si le formulaire est converti */ /* ATOM "FIELD TEXT" : Suppression du bouton d'action apres validation JS */ body[data-jsactive] #website-body form[data-autoexecute="true"].ep-a_field.ep-layout_execute .ep-p_select+.ep-p_button, body[data-jsactive] #website-body form[data-autoexecute="true"] .ep-a_field.ep-layout_execute .ep-p_select+.ep-p_button { display: none !important; } /* ========================================================================================================================================================================== */ /* == DAY SELECTION ============== [ATOM] ============= ep-a_dayselect ====================================================================================================== */ /* ========================================================================================================================================================================== */ /* Description : Atome a utiliser pour l'affichage des cases a cocher sous forme d'un bouton par jour (> 7 boutons) */ /* MOLECULE "DAY SELECTION" : Gestion de la case a cocher */ #website-body .ep-a_dayselect .ep-p_casefield, #website-body .ep-a_dayselect .ep_list { display: flex; display: -webkit-flex; max-width: 460px; margin-left: auto; margin-right: auto; flex-direction: row; -webkit-flex-direction: row; flex-wrap: nowrap; -webkit-flex-wrap: nowrap; justify-content: space-between; -webkit-justify-content: space-between; } #website-body .ep-a_dayselect .ep-p_casefield .ep_input, #website-body .ep-a_dayselect .ep_list .ep_input { display: inline-block; width: 35px; text-align: center; } #website-body .ep-a_dayselect .ep-p_casefield, #website-body .ep-a_dayselect .ep_list { margin-bottom: -3px; } /* MOLECULE "DAY SELECTION" : Positionnement des cases a cocher */ #website-body .ep-a_dayselect .ep-p_casefield .ep_input, #website-body .ep-a_dayselect .ep_list .ep_input { display: inline-block; width: 35px; flex: 0 0 auto; -webkit-flex: 0 0 auto; text-align: center; } #website-body .ep-a_dayselect .ep-p_casefield .ep_input input { position: relative; display: block; z-index: 1; margin: 0 auto -10px auto; transform: translate(0, 30px); -webkit-transform: translate(0, 30px); padding: 0; text-align: center; } #website-body .ep-a_dayselect .ep-p_casefield .ep_input label, #website-body .ep-a_dayselect .ep_list .ep_input .ep-p_text { display: block; margin: 0; padding: 0; cursor: pointer; text-align: center; } #website-body .ep-a_dayselect .ep-p_casefield .ep_input label .ep_icon, #website-body .ep-a_dayselect .ep_list .ep_input .ep-p_text .ep_icon { display: none; } /* MOLECULE "DAY SELECTION" : Affichage visuel du jour */ #website-body .ep-a_dayselect .ep-p_casefield .ep_input label .ep_name, #website-body .ep-a_dayselect .ep_list .ep_input .ep-p_text .ep_name { overflow: visible; display: flex; display: -webkit-flex; flex-direction: column; -webkit-flex-direction: column; flex-wrap: wrap; -webkit-flex-wrap: wrap; transform: translate(0, 0); -webkit-transform: translate(0, 0); } #website-body .ep-a_dayselect .ep-p_casefield .ep_input label .ep_name abbr, #website-body .ep-a_dayselect .ep-p_casefield .ep_input label .ep_name time, #website-body .ep-a_dayselect .ep_list .ep_input .ep-p_text .ep_name abbr, #website-body .ep-a_dayselect .ep_list .ep_input .ep-p_text .ep_name time { position: static; display: block; cursor: inherit; } #website-body .ep-a_dayselect .ep-p_casefield .ep_input label .ep_name abbr, #website-body .ep-a_dayselect .ep_list .ep_input .ep-p_text .ep_name abbr { flex: 0 0 auto; -webkit-flex: 0 0 auto; order: 2; -webkit-order: 2; transition: transform 0.2s ease-out 0s; -webkit-transition: -webkit-transform 0.2s ease-out 0s; font-size: 1.2em; } #website-body .ep-a_dayselect .ep-p_casefield .ep_input label .ep_name time, #website-body .ep-a_dayselect .ep_list .ep_input .ep-p_text .ep_name time { position: static; width: 35px; height: 35px; margin-left: auto; margin-right: auto; margin-bottom: 10px; box-sizing: border-box; background-color: #fff; border: 1px solid #d1d3d4; flex: 0 0 35px; -webkit-flex: 0 0 35px; order: 1; -webkit-order: 1; border-radius: 50%; font-size: 1.6em; font-weight: lighter; line-height: 35px; } /* MOLECULE "DAY SELECTION" : Effet de survol */ #website-body .ep-a_dayselect .ep-p_casefield label:hover .ep_name abbr, #website-body .ep-a_dayselect .ep-p_casefield label:focus .ep_name abbr, #website-body .ep-a_dayselect .ep-p_casefield label:active .ep_name abbr, #website-body .ep-a_dayselect .ep-p_casefield input:hover+label .ep_name abbr, #website-body .ep-a_dayselect .ep-p_casefield input:focus+label .ep_name abbr, #website-body .ep-a_dayselect .ep-p_casefield input:active+label .ep_name abbr, #website-body .ep-a_dayselect .ep_list a.ep-p_text:hover .ep_name abbr, #website-body .ep-a_dayselect .ep_list a.ep-p_text:focus .ep_name abbr, #website-body .ep-a_dayselect .ep_list a.ep-p_text:active .ep_name abbr { transform: translate(0, -3px); -webkit-transform: translate(0, -3px); } #website-body .ep-a_dayselect .ep-p_casefield label:hover .ep_name time, #website-body .ep-a_dayselect .ep-p_casefield label:focus .ep_name time, #website-body .ep-a_dayselect .ep-p_casefield label:active .ep_name time, #website-body .ep-a_dayselect .ep-p_casefield input:hover+label .ep_name time, #website-body .ep-a_dayselect .ep-p_casefield input:focus+label .ep_name time, #website-body .ep-a_dayselect .ep-p_casefield input:active+label .ep_name time, #website-body .ep-a_dayselect .ep_list a.ep-p_text:hover .ep_name time, #website-body .ep-a_dayselect .ep_list a.ep-p_text:focus .ep_name time, #website-body .ep-a_dayselect .ep_list a.ep-p_text:active .ep_name time { background-color: #d1d3d4; color: #1e1e1f; } /* MOLECULE "DAY SELECTION" : Desactivation d'un jour */ #website-body .ep-a_dayselect .ep-p_casefield .ep_input input[disabled]+label, #website-body .ep-a_dayselect .ep_list .ep_input span.ep-p_text { cursor: default; } #website-body .ep-a_dayselect .ep-p_casefield .ep_input input[disabled]+label .ep_name abbr, #website-body .ep-a_dayselect .ep_list .ep_input span.ep-p_text .ep_name abbr { transform: translate(0, 0); -webkit-transform: translate(0, 0); } #website-body .ep-a_dayselect .ep-p_casefield .ep_input input[disabled]+label .ep_name time, #website-body .ep-a_dayselect .ep_list .ep_input span.ep-p_text .ep_name time { background-color: #fff; border-style: dashed; color: #505154; } @-moz-document url-prefix() { #website-body .ep-a_dayselect .ep-p_casefield .ep_input input[disabled]+label .ep_name time, #website-body .ep-a_dayselect .ep_list .ep_input span.ep-p_text .ep_name time { background-color: #f5f5f5; border-color: #f5f5f5; color: #6d6e72; } } /* MOLECULE "DAY SELECTION" : Selection d'un jour */ #website-body .ep-a_dayselect .ep-p_casefield .ep_input.ep_checked input+label .ep_name time, #website-body .ep-a_dayselect .ep_list .ep_input.ep_checked input[disabled]+label .ep_name time, #website-body .ep-a_dayselect .ep_list .ep_input.ep_checked a.ep-p_text .ep_name time, #website-body .ep-a_dayselect .ep_list .ep_input.ep_checked span.ep-p_text .ep_name time { background-color: #3c77bd; color: #fff; } /* MOLECULE "DAY SELECTION" : Suppression des cases a cocher (via JavaScript) */ #website-body .ep-a_dayselect[data-converted] .ep-p_casefield .ep_input input { opacity: 0; } /* ========================================================================================================================================================================== */ /* == SWITCH FIELD =============== [ATOM] ============= ep-a_switch ========================================================================================================= */ /* ========================================================================================================================================================================== */ /* Description : Atome a utiliser pour l'affichage des cases a cocher sous forme d'interupteur */ /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* ATOM "SWITCH FIELD" : Affichage des cases a cocher sous forme de "switch" /* ATOM "SWITCH FIELD" : Alignement des composants */ #website-body .ep-a_switch .ep-p_casefield { letter-spacing: -0.3em; white-space: nowrap; } #website-body .ep-a_switch .ep-p_casefield .ep_input { position: relative; display: inline-block; overflow: hidden; width: 50%; margin: 0; padding: 0; border: 1px solid #d1d3d4; box-sizing: border-box; white-space: nowrap; } #website-body .ep-a_switch .ep-p_casefield .ep_input+.ep_input { margin-left: -1px; } #website-body .ep-a_switch .ep-p_casefield .ep_input:first-child { border-radius: 5px 0 0 5px; } #website-body .ep-a_switch .ep-p_casefield .ep_input:last-child { border-radius: 0 5px 5px 0; } #website-body .ep-a_switch .ep-p_casefield .ep_input input.ep_field, #website-body .ep-a_switch .ep-p_casefield .ep_input label { vertical-align: middle; } /* ATOM "SWITCH FIELD" : Libelle */ #website-body .ep-a_switch .ep-p_casefield .ep_input label { width: 100%; padding-left: 10px; padding-right: 10px; box-sizing: border-box; background-color: #fff; text-align: center; color: #3c77bd; } #website-body .ep-a_switch .ep-p_casefield .ep_input label:before { position: static; display: inline-block; overflow: hidden; width: 0; height: 40px; vertical-align: middle; content: ""; } #website-body .ep-a_switch .ep-p_casefield .ep_input label .ep_name { position: static; display: inline-block; font-size: 1.2em; transform: none; -webkit-transform: none; color: inherit; } /* ATOM "SWITCH FIELD" : Position de la case a cocher */ #website-body .ep-a_switch .ep-p_casefield .ep_input input { position: absolute; width: 10px; height: 10px; left: 50%; margin-top: 30px; transform: translate(0, -2px); -webkit-transform: translate(0, -2px); } /* ATOM "SWITCH FIELD" : Suppression de la case a cocher apres validation JavaScript */ #website-body [class*="ep-m_"][data-converted] .ep-a_switch .ep-p_casefield .ep_input input, #website-body form[data-converted].ep-a_switch .ep-p_casefield .ep_input input, #website-body form[data-converted] .ep-a_switch .ep-p_casefield .ep_input input, #website-body .ep-a_switch[data-converted] .ep-p_casefield .ep_input input { opacity: 0; } /* ATOM "SWITCH FIELD" : Effet de survol */ #website-body .ep-a_switch .ep-p_casefield .ep_input.ep_checked input+label { background-color: #3c77bd; color: #fff; } /* ATOM "SWITCH FIELD" : Effet de survol */ #website-body .ep-a_switch .ep-p_casefield .ep_input label:hover, #website-body .ep-a_switch .ep-p_casefield .ep_input label:focus, #website-body .ep-a_switch .ep-p_casefield .ep_input label:active, #website-body .ep-a_switch .ep-p_casefield .ep_input input:hover+label, #website-body .ep-a_switch .ep-p_casefield .ep_input input:focus+label, #website-body .ep-a_switch .ep-p_casefield .ep_input input:active+label, #website-body .ep-a_switch .ep-p_casefield .ep_input.ep_checked label:hover, #website-body .ep-a_switch .ep-p_casefield .ep_input.ep_checked label:focus, #website-body .ep-a_switch .ep-p_casefield .ep_input.ep_checked label:active, #website-body .ep-a_switch .ep-p_casefield .ep_input.ep_checked input:hover+label, #website-body .ep-a_switch .ep-p_casefield .ep_input.ep_checked input:focus+label, #website-body .ep-a_switch .ep-p_casefield .ep_input.ep_checked input:active+label { background-color: #f1f2f2; color: #000; } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* ATOM "SWITCH FIELD" : Affichage du bouton d'execution apres des cases a cocher */ /* ATOM "SWITCH FIELD" : Design du bouton */ #website-body .ep-a_switch .ep-p_casefield+.ep-p_button { display: block; width: auto; margin-top: 5px; margin-left: 0; text-align: right; } #website-body .ep-a_switch .ep-p_casefield+.ep-p_button button { width: auto; height: auto; padding: 5px 10px; background-color: #3c77bd; background: -webkit-linear-gradient(top, #3c77bd, #3c77bd); background: -moz-linear-gradient(top, #3c77bd, #3c77bd); background: -ms-linear-gradient(top, #3c77bd, #3c77bd); background: linear-gradient(top, #3c77bd, #3c77bd); border-color: transparent; border-radius: 5px; color: #fff; } #website-body .ep-a_switch .ep-p_casefield+.ep-p_button button:hover, #website-body .ep-a_switch .ep-p_casefield+.ep-p_button button:focus, #website-body .ep-a_switch .ep-p_casefield+.ep-p_button button:active { background: #fff; border-color: #d1d3d4; color: #3c77bd; } #website-body .ep-a_switch .ep-p_casefield+.ep-p_button button .ep_name { overflow: hidden; width: auto !important; height: auto; border-color: transparent; font-size: 1.2em; text-align: center; } #website-body .ep-a_switch .ep-p_casefield+.ep-p_button button .ep_icon { display: none; } /* ATOM "SWITCH FIELD" : Suppression du bouton d'action apres validation JS */ body[data-jsactive] #website-body form[data-autoexecute="true"].ep-a_switch.ep-layout_execute .ep-p_button, body[data-jsactive] #website-body form[data-autoexecute="true"] .ep-a_switch.ep-layout_execute .ep-p_button { display: none !important; } /* ========================================================================================================================================================================== */ /* == LIST OF CONTACTS =========== [ATOM] ============= ep-a_contacts ======================================================================================================= */ /* ========================================================================================================================================================================== */ /* Description : Atome a utiliser pour l'affichage d'une liste de fiches contact */ /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* ATOM "LIST OF CONTACTS" : Structure generale */ /* ATOM "LIST OF CONTACTS" : Structure generale */ #website-body .ep-a_contacts .ep_title, #website-body .ep-a_contacts ul { position: static; display: block; margin: 0; padding: 0; } #website-body .ep-a_contacts>ul { display: block; display: flex; display: -webkit-flex; margin-top: -20px; margin-left: -10px; margin-right: -10px; flex-direction: row; -webkit-flex-direction: row; flex-wrap: wrap; -webkit-flex-wrap: wrap; letter-spacing: -0.3em; white-space: normal; } #website-body .ep-a_contacts .ep_item { position: static; display: inline-block; display: flex; display: -webkit-flex; width: 50%; padding: 20px 10px 0 10px; flex-direction: row; -webkit-flex-direction: row; flex-wrap: wrap; -webkit-flex-wrap: wrap; flex: 0 0 auto; -webkit-flex: 0 0 auto; box-sizing: border-box; vertical-align: top; } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* ATOM "LIST OF CONTACTS" : Titre du composant */ #website-body .ep-a_contacts .ep_title { margin-top: -3px; letter-spacing: -0.3em; white-space: nowrap; color: #1e1e1f; } #website-body .ep-a_contacts .ep_title .ep-p_text { font-size: 1.4em; font-weight: bold; vertical-align: middle; } #website-body .ep-a_contacts .ep_title+ul { margin-top: -13px; padding-top: 5px; } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* ATOM "LIST OF CONTACTS" : Fiche contact */ /* ATOM "LIST OF CONTACTS" : Fiche contact (conteneur) */ #website-body .ep-a_contacts .ep_card { position: static; display: block; max-width: 100%; padding: 20px 20px 5px 20px; box-sizing: border-box; flex: 1 1 auto; -webkit-flex: 1 1 auto; background-color: #fff; border: 1px solid #d1d3d4; border-radius: 5px; letter-spacing: normal; } #website-body .ep-a_contacts .ep_card>.ep_name, #website-body .ep-a_contacts .ep_card>.ep_information, #website-body .ep-a_contacts .ep_card>.ep_data { position: static; display: block; margin: 0; padding: 0; cursor: default; } #website-body .ep-a_contacts .ep_card>.ep_name+.ep_data { padding-top: 5px; } #website-body .ep-a_contacts .ep_card>.ep_information+.ep_name { padding-top: 5px; } #website-body .ep-a_contacts .ep_card>.ep_information+.ep_data { padding-top: 20px; } #website-body .ep-a_contacts .ep_card>.ep_name+.ep_information, #website-body .ep-a_contacts .ep_card>.ep_information+.ep_information { margin-top: -3px; } /* ATOM "LIST OF CONTACTS" : Fiche contact (nom du contact) */ #website-body .ep-a_contacts .ep_card>.ep_name { margin-top: -5px; } #website-body .ep-a_contacts .ep_card>.ep_name .ep-p_text { display: block; font-family: Georgia, Garamond, serif, Palatino; font-size: 2em; font-style: italic; color: #1e1e1f; } #website-body .ep-a_contacts .ep_card>.ep_name .ep-p_text .ep_name { padding-right: 0.2em; } #website-body .ep-a_contacts .ep_card>.ep_name.ep-layout_small { margin-top: 5px; } #website-body .ep-a_contacts .ep_item:first-child .ep_card>.ep_name.ep-layout_small { margin-top: 0; } #website-body .ep-a_contacts .ep_card>.ep_name.ep-layout_small .ep-p_text { font-family: inherit; font-size: 1.4em; font-style: normal; font-weight: bold; color: inherit; } #website-body .ep-a_contacts .ep_card>.ep_name:after { position: static; display: block; width: 20px; height: 15px; margin-top: -5px; background-color: purple; opacity: 0; content: ""; } /* ATOM "LIST OF CONTACTS" : Fiche contact (information complementaire) */ #website-body .ep-a_contacts .ep_card>.ep_information .ep-p_text { display: block; font-size: 1.4em; font-weight: bold; color: #000; } #website-body .ep-a_contacts .ep_card>.ep_information:after { position: static; display: block; width: 20px; height: 0; margin-top: -3px; background-color: purple; opacity: 0; content: ""; } /* ATOM "LIST OF CONTACTS" : Fiche contact (liste des donnees) */ #website-body .ep-a_contacts .ep_card>.ep_data:after { position: static; display: block; width: 20px; height: 15px; margin-top: -16px; background-color: purple; opacity: 0; content: ""; } #website-body .ep-a_contacts .ep_card>.ep_data li { position: static; display: block; max-width: 100%; margin-top: -5px; } #website-body .ep-a_contacts .ep_card>.ep_data li:after { position: static; display: block; width: 20px; height: 16px; margin-top: -5px; background-color: purple; opacity: 0; content: ""; } #website-body .ep-a_contacts .ep_card>.ep_data>.ep-p_text { position: absolute; width: 0; height: 0; } #website-body .ep-a_contacts .ep_card>.ep_data li .ep-p_text { max-width: 100%; padding-left: 25px; box-sizing: border-box; direction: rtl; color: #505154; } #website-body .ep-a_contacts .ep_card>.ep_data li .ep-p_text .ep_name { font-size: 1.4em; line-height: 1.4em; direction: ltr; white-space: nowrap; } #website-body .ep-a_contacts .ep_card>.ep_data li .ep-p_text .ep_icon { overflow: visible; width: 0; } /* ATOM "LIST OF CONTACTS" : Fiche contact (donnees textuelles) */ #website-body .ep-a_contacts .ep_card>.ep_data li .ep-p_text .ep_name .ep_areacode { margin-right: 2px; color: #757575; } #website-body .ep-a_contacts .ep_card>.ep_data li .ep-p_text .ep_name .ep_location { position: relative; z-index: 1; font-size: 0.8em; color: #757575; } #website-body .ep-a_contacts .ep_card>.ep_data li .ep-p_text.ep-layout_title { padding-top: 5px; padding-left: 0; } #website-body .ep-a_contacts .ep_card>.ep_data li .ep-p_text.ep-layout_title .ep_name { position: static; display: block; font-size: 1.2em; font-weight: bold; line-height: 1.2em; } #website-body .ep-a_contacts .ep_card>.ep_data li .ep-p_text.ep-layout_title .ep_icon { display: none; } #website-body .ep-a_contacts .ep_card>.ep_data li .ep-p_text.ep-layout_title+.ep-p_text { margin-top: 5px; } /* ATOM "LIST OF CONTACTS" : Fiche contact (design par type de donnees) */ #website-body .ep-a_contacts .ep_card>.ep_data li.ep_phone .ep-p_text .ep_icon:before { display: inline-block; width: 18px; height: 17px; background-position: -45px -156px; transform: translate(-7px, -4px); -webkit-transform: translate(-7px, -4px); } #website-body .ep-a_contacts .ep_card>.ep_data li.ep_portable .ep-p_text .ep_icon:before { display: inline-block; width: 13px; height: 20px; background-position: -63px -140px; transform: translate(-8px, -4px); -webkit-transform: translate(-8px, -4px); } #website-body .ep-a_contacts .ep_card>.ep_data li.ep_fax .ep-p_text .ep_icon:before { display: inline-block; width: 20px; height: 19px; background-position: -63px -160px; transform: translate(-4px, -4px); -webkit-transform: translate(-4px, -4px); } #website-body .ep-a_contacts .ep_card>.ep_data li.ep_twitter .ep-p_text .ep_icon:before { display: inline-block; width: 18px; height: 16px; background-position: -45px -140px; transform: translate(-7px, 0); -webkit-transform: translate(-7px, 0); } #website-body .ep-a_contacts .ep_card>.ep_data li.ep_mail .ep-p_text .ep_icon:before { display: inline-block; width: 17px; height: 12px; background-position: -90px -188px; transform: translate(-6px, -1px); -webkit-transform: translate(-6px, -1px); } #website-body .ep-a_contacts .ep_card>.ep_data li.ep_website .ep-p_text { padding-left: 25px; } #website-body .ep-a_contacts .ep_card>.ep_data li.ep_website .ep-p_text .ep_icon:before { display: inline-block; width: 11px; height: 8px; transform: translate(-10px, -1px) rotate(-90deg) scale(1.1); -webkit-transform: translate(-10px, -1px) rotate(-90deg) scale(1.1); background-position: -97px -50px; } #website-body .ep-a_contacts .ep_card>.ep_data li.ep_pdf .ep-p_text .ep_icon:before { display: inline-block; width: 20px; height: 15px; background-color: #f00; background-position: -45px -110px; transform: translate(-5px, 0); -webkit-transform: translate(-5px, 0); } #website-body .ep-a_contacts .ep_card>.ep_data li.ep_address .ep-p_text { padding-left: 0; } #website-body .ep-a_contacts .ep_card>.ep_data li.ep_address .ep_text { position: static; display: block; font-size: 1.4em; line-height: 1.4em; direction: ltr; white-space: normal; } #website-body .ep-a_contacts .ep_card>.ep_data li.ep_address .ep_text+.ep_text { margin-top: 7px; } /* ATOM "LIST OF CONTACTS" : Fiche contact (affichage des liens) */ #website-body .ep-a_contacts .ep_card>.ep_data li.ep_phone a.ep-p_text .ep_name, #website-body .ep-a_contacts .ep_card>.ep_data li.ep_portable a.ep-p_text .ep_name { transition: none; -webkit-transition: none; transform: none; -webkit-transform: none; } #website-body .ep-a_contacts .ep_card>.ep_data li.ep_phone a.ep-p_text .ep_name .ep_location, #website-body .ep-a_contacts .ep_card>.ep_data li.ep_portable a.ep-p_text .ep_name .ep_location { cursor: default; } body[data-ismobile] #website-body .ep-a_contacts .ep_card>.ep_data li.ep_phone a.ep-p_text:link .ep_name, body[data-ismobile] #website-body .ep-a_contacts .ep_card>.ep_data li.ep_phone a.ep-p_text:visited .ep_name, body[data-ismobile] #website-body .ep-a_contacts .ep_card>.ep_data li.ep_portable a.ep-p_text:link .ep_name, body[data-ismobile] #website-body .ep-a_contacts .ep_card>.ep_data li.ep_portable a.ep-p_text:visited .ep_name, #website-body .ep-a_contacts .ep_card>.ep_data li.ep_twitter a.ep-p_text:link .ep_name, #website-body .ep-a_contacts .ep_card>.ep_data li.ep_twitter a.ep-p_text:visited .ep_name, #website-body .ep-a_contacts .ep_card>.ep_data li.ep_mail a.ep-p_text:link .ep_name, #website-body .ep-a_contacts .ep_card>.ep_data li.ep_mail a.ep-p_text:visited .ep_name, #website-body .ep-a_contacts .ep_card>.ep_data li.ep_website a.ep-p_text:link .ep_name, #website-body .ep-a_contacts .ep_card>.ep_data li.ep_website a.ep-p_text:visited .ep_name, #website-body .ep-a_contacts .ep_card>.ep_data li.ep_pdf a.ep-p_text:link .ep_name, #website-body .ep-a_contacts .ep_card>.ep_data li.ep_pdf a.ep-p_text:visited .ep_name { transform: translate(0, 0); -webkit-transform: translate(0, 0); transition: transform 0.2s ease-out 0s; -webkit-transition: -webkit-transform 0.2s ease-out 0s; color: #3c77bd; } body[data-ismobile] #website-body .ep-a_contacts .ep_card>.ep_data li.ep_phone a.ep-p_text .ep_name .ep_location, body[data-ismobile] #website-body .ep-a_contacts .ep_card>.ep_data li.ep_portable a.ep-p_text .ep_name .ep_location { cursor: pointer; } body #website-body .ep-a_contacts .ep_card>.ep_data li.ep_phone a.ep-p_text:hover .ep_name, body #website-body .ep-a_contacts .ep_card>.ep_data li.ep_portable a.ep-p_text:hover .ep_name { transform: none; -webkit-transform: none; cursor: default; color: inherit; } body #website-body .ep-a_contacts .ep_card>.ep_data li.ep_phone, body #website-body .ep-a_contacts .ep_card>.ep_data li.ep_portable { position: relative; } body #website-body .ep-a_contacts .ep_card>.ep_data li.ep_phone:before, body #website-body .ep-a_contacts .ep_card>.ep_data li.ep_portable:before { position: absolute; display: block; z-index: 1; top: 0; bottom: 0; left: 0; right: 0; background-color: red; opacity: 0; content: ""; } body[data-ismobile] #website-body .ep-a_contacts .ep_card>.ep_data li.ep_phone a.ep-p_text:hover .ep_name, #website-body .ep-a_contacts .ep_card>.ep_data li.ep_phone a.ep-p_text:focus .ep_name, #website-body .ep-a_contacts .ep_card>.ep_data li.ep_phone a.ep-p_text:active .ep_name, body[data-ismobile] #website-body .ep-a_contacts .ep_card>.ep_data li.ep_portable a.ep-p_text:hover .ep_name, #website-body .ep-a_contacts .ep_card>.ep_data li.ep_portable a.ep-p_text:focus .ep_name, #website-body .ep-a_contacts .ep_card>.ep_data li.ep_portable a.ep-p_text:active .ep_name, #website-body .ep-a_contacts .ep_card>.ep_data li.ep_twitter a.ep-p_text:hover .ep_name, #website-body .ep-a_contacts .ep_card>.ep_data li.ep_twitter a.ep-p_text:focus .ep_name, #website-body .ep-a_contacts .ep_card>.ep_data li.ep_twitter a.ep-p_text:active .ep_name, #website-body .ep-a_contacts .ep_card>.ep_data li.ep_mail a.ep-p_text:hover .ep_name, #website-body .ep-a_contacts .ep_card>.ep_data li.ep_mail a.ep-p_text:focus .ep_name, #website-body .ep-a_contacts .ep_card>.ep_data li.ep_mail a.ep-p_text:active .ep_name, #website-body .ep-a_contacts .ep_card>.ep_data li.ep_website a.ep-p_text:hover .ep_name, #website-body .ep-a_contacts .ep_card>.ep_data li.ep_website a.ep-p_text:focus .ep_name, #website-body .ep-a_contacts .ep_card>.ep_data li.ep_website a.ep-p_text:active .ep_name, #website-body .ep-a_contacts .ep_card>.ep_data li.ep_pdf a.ep-p_text:hover .ep_name, #website-body .ep-a_contacts .ep_card>.ep_data li.ep_pdf a.ep-p_text:focus .ep_name, #website-body .ep-a_contacts .ep_card>.ep_data li.ep_pdf a.ep-p_text:active .ep_name { transform: translate(5px, 0); -webkit-transform: translate(5px, 0); color: #3c77bd; } body[data-ismobile] #website-body .ep-a_contacts .ep_card>.ep_data li.ep_phone:before, body[data-ismobile] #website-body .ep-a_contacts .ep_card>.ep_data li.ep_portable:before { display: none; } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* ATOM "LIST OF CONTACTS" : Affichage des fiches selon la dimension disponible */ @media screen and (min-width:1200px) { /* ATOM "LIST OF CONTACTS" : Affichage sur 3 colonnes */ #website-body .ep_gridcolumn[data-view1200="12"]>.ep_gridcolumn-content .ep-a_contacts:not(.ep-layout_facelist) .ep_item, #website-body .ep_gridcolumn[data-view1200="11"]>.ep_gridcolumn-content .ep-a_contacts:not(.ep-layout_facelist) .ep_item, #website-body .ep_gridcolumn[data-view1200="10"]>.ep_gridcolumn-content .ep-a_contacts:not(.ep-layout_facelist) .ep_item, #website-body .ep_gridcolumn[data-view1200="9"]>.ep_gridcolumn-content .ep-a_contacts:not(.ep-layout_facelist) .ep_item { width: calc(100% / 3); } /* ATOM "LIST OF CONTACTS" : Affichage au format restreint */ #website-body .ep_gridcolumn[data-view1200="5"]>.ep_gridcolumn-content .ep-a_contacts:not(.ep-layout_facelist):after, #website-body .ep_gridcolumn[data-view1200="4"]>.ep_gridcolumn-content .ep-a_contacts:not(.ep-layout_facelist):after, #website-body .ep_gridcolumn[data-view1200="3"]>.ep_gridcolumn-content .ep-a_contacts:not(.ep-layout_facelist):after, #website-body .ep_gridcolumn[data-view1200="2"]>.ep_gridcolumn-content .ep-a_contacts:not(.ep-layout_facelist):after, #website-body .ep_gridcolumn[data-view1200="1"]>.ep_gridcolumn-content .ep-a_contacts:not(.ep-layout_facelist):after { height: 0; } #website-body .ep_gridcolumn[data-view1200="5"]>.ep_gridcolumn-content .ep-a_contacts:not(.ep-layout_facelist) ul:first-child, #website-body .ep_gridcolumn[data-view1200="4"]>.ep_gridcolumn-content .ep-a_contacts:not(.ep-layout_facelist) ul:first-child, #website-body .ep_gridcolumn[data-view1200="3"]>.ep_gridcolumn-content .ep-a_contacts:not(.ep-layout_facelist) ul:first-child, #website-body .ep_gridcolumn[data-view1200="2"]>.ep_gridcolumn-content .ep-a_contacts:not(.ep-layout_facelist) ul:first-child, #website-body .ep_gridcolumn[data-view1200="1"]>.ep_gridcolumn-content .ep-a_contacts:not(.ep-layout_facelist) ul:first-child { margin-top: -12px; } #website-body .ep_gridcolumn[data-view1200="5"]>.ep_gridcolumn-content .ep-a_contacts:not(.ep-layout_facelist) .ep_title+ul, #website-body .ep_gridcolumn[data-view1200="4"]>.ep_gridcolumn-content .ep-a_contacts:not(.ep-layout_facelist) .ep_title+ul, #website-body .ep_gridcolumn[data-view1200="3"]>.ep_gridcolumn-content .ep-a_contacts:not(.ep-layout_facelist) .ep_title+ul, #website-body .ep_gridcolumn[data-view1200="2"]>.ep_gridcolumn-content .ep-a_contacts:not(.ep-layout_facelist) .ep_title+ul, #website-body .ep_gridcolumn[data-view1200="1"]>.ep_gridcolumn-content .ep-a_contacts:not(.ep-layout_facelist) .ep_title+ul { margin-top: -5px; } #website-body .ep_gridcolumn[data-view1200="5"]>.ep_gridcolumn-content .ep-a_contacts:not(.ep-layout_facelist) .ep_item, #website-body .ep_gridcolumn[data-view1200="4"]>.ep_gridcolumn-content .ep-a_contacts:not(.ep-layout_facelist) .ep_item, #website-body .ep_gridcolumn[data-view1200="3"]>.ep_gridcolumn-content .ep-a_contacts:not(.ep-layout_facelist) .ep_item, #website-body .ep_gridcolumn[data-view1200="2"]>.ep_gridcolumn-content .ep-a_contacts:not(.ep-layout_facelist) .ep_item, #website-body .ep_gridcolumn[data-view1200="1"]>.ep_gridcolumn-content .ep-a_contacts:not(.ep-layout_facelist) .ep_item { width: 100%; padding-top: 0; padding-bottom: 0; } #website-body .ep_gridcolumn[data-view1200="5"]>.ep_gridcolumn-content .ep-a_contacts:not(.ep-layout_facelist) .ep_item .ep_card, #website-body .ep_gridcolumn[data-view1200="4"]>.ep_gridcolumn-content .ep-a_contacts:not(.ep-layout_facelist) .ep_item .ep_card, #website-body .ep_gridcolumn[data-view1200="3"]>.ep_gridcolumn-content .ep-a_contacts:not(.ep-layout_facelist) .ep_item .ep_card, #website-body .ep_gridcolumn[data-view1200="2"]>.ep_gridcolumn-content .ep-a_contacts:not(.ep-layout_facelist) .ep_item .ep_card, #website-body .ep_gridcolumn[data-view1200="1"]>.ep_gridcolumn-content .ep-a_contacts:not(.ep-layout_facelist) .ep_item .ep_card { padding-bottom: 5px; padding-left: 0; padding-right: 0; background-color: transparent; border: none; } #website-body .ep_gridcolumn[data-view1200="5"]>.ep_gridcolumn-content .ep-a_contacts:not(.ep-layout_facelist) .ep_item+.ep_item .ep_card:before, #website-body .ep_gridcolumn[data-view1200="4"]>.ep_gridcolumn-content .ep-a_contacts:not(.ep-layout_facelist) .ep_item+.ep_item .ep_card:before, #website-body .ep_gridcolumn[data-view1200="3"]>.ep_gridcolumn-content .ep-a_contacts:not(.ep-layout_facelist) .ep_item+.ep_item .ep_card:before, #website-body .ep_gridcolumn[data-view1200="2"]>.ep_gridcolumn-content .ep-a_contacts:not(.ep-layout_facelist) .ep_item+.ep_item .ep_card:before, #website-body .ep_gridcolumn[data-view1200="1"]>.ep_gridcolumn-content .ep-a_contacts:not(.ep-layout_facelist) .ep_item+.ep_item .ep_card:before { position: static; display: block; width: 100px; margin: 0; padding: 0; border-top: 1px solid #d1d3d4; transform: translate(0, -10px); -webkit-transform: translate(0, -10px); content: ""; } } @media screen and (min-width:1020px) and (max-width:1199px) { /* ATOM "LIST OF CONTACTS" : Affichage sur 3 colonnes */ #website-body .ep_gridcolumn[data-view1020="12"]>.ep_gridcolumn-content .ep-a_contacts:not(.ep-layout_facelist) .ep_item, #website-body .ep_gridcolumn[data-view1020="11"]>.ep_gridcolumn-content .ep-a_contacts:not(.ep-layout_facelist) .ep_item, #website-body .ep_gridcolumn[data-view1020="10"]>.ep_gridcolumn-content .ep-a_contacts:not(.ep-layout_facelist) .ep_item { width: calc(100% / 3); } /* ATOM "LIST OF CONTACTS" : Affichage au format restreint */ #website-body .ep_gridcolumn[data-view1020="6"]>.ep_gridcolumn-content .ep-a_contacts:not(.ep-layout_facelist):after, #website-body .ep_gridcolumn[data-view1020="5"]>.ep_gridcolumn-content .ep-a_contacts:not(.ep-layout_facelist):after, #website-body .ep_gridcolumn[data-view1020="4"]>.ep_gridcolumn-content .ep-a_contacts:not(.ep-layout_facelist):after, #website-body .ep_gridcolumn[data-view1020="3"]>.ep_gridcolumn-content .ep-a_contacts:not(.ep-layout_facelist):after, #website-body .ep_gridcolumn[data-view1020="2"]>.ep_gridcolumn-content .ep-a_contacts:not(.ep-layout_facelist):after, #website-body .ep_gridcolumn[data-view1020="1"]>.ep_gridcolumn-content .ep-a_contacts:not(.ep-layout_facelist):after { height: 0; } #website-body .ep_gridcolumn[data-view1020="6"]>.ep_gridcolumn-content .ep-a_contacts:not(.ep-layout_facelist) ul:first-child, #website-body .ep_gridcolumn[data-view1020="5"]>.ep_gridcolumn-content .ep-a_contacts:not(.ep-layout_facelist) ul:first-child, #website-body .ep_gridcolumn[data-view1020="4"]>.ep_gridcolumn-content .ep-a_contacts:not(.ep-layout_facelist) ul:first-child, #website-body .ep_gridcolumn[data-view1020="3"]>.ep_gridcolumn-content .ep-a_contacts:not(.ep-layout_facelist) ul:first-child, #website-body .ep_gridcolumn[data-view1020="2"]>.ep_gridcolumn-content .ep-a_contacts:not(.ep-layout_facelist) ul:first-child, #website-body .ep_gridcolumn[data-view1020="1"]>.ep_gridcolumn-content .ep-a_contacts:not(.ep-layout_facelist) ul:first-child { margin-top: -12px; } #website-body .ep_gridcolumn[data-view1020="6"]>.ep_gridcolumn-content .ep-a_contacts:not(.ep-layout_facelist) .ep_title+ul, #website-body .ep_gridcolumn[data-view1020="5"]>.ep_gridcolumn-content .ep-a_contacts:not(.ep-layout_facelist) .ep_title+ul, #website-body .ep_gridcolumn[data-view1020="4"]>.ep_gridcolumn-content .ep-a_contacts:not(.ep-layout_facelist) .ep_title+ul, #website-body .ep_gridcolumn[data-view1020="3"]>.ep_gridcolumn-content .ep-a_contacts:not(.ep-layout_facelist) .ep_title+ul, #website-body .ep_gridcolumn[data-view1020="2"]>.ep_gridcolumn-content .ep-a_contacts:not(.ep-layout_facelist) .ep_title+ul, #website-body .ep_gridcolumn[data-view1020="1"]>.ep_gridcolumn-content .ep-a_contacts:not(.ep-layout_facelist) .ep_title+ul { margin-top: -5px; } #website-body .ep_gridcolumn[data-view1020="6"]>.ep_gridcolumn-content .ep-a_contacts:not(.ep-layout_facelist) .ep_item, #website-body .ep_gridcolumn[data-view1020="5"]>.ep_gridcolumn-content .ep-a_contacts:not(.ep-layout_facelist) .ep_item, #website-body .ep_gridcolumn[data-view1020="4"]>.ep_gridcolumn-content .ep-a_contacts:not(.ep-layout_facelist) .ep_item, #website-body .ep_gridcolumn[data-view1020="3"]>.ep_gridcolumn-content .ep-a_contacts:not(.ep-layout_facelist) .ep_item, #website-body .ep_gridcolumn[data-view1020="2"]>.ep_gridcolumn-content .ep-a_contacts:not(.ep-layout_facelist) .ep_item, #website-body .ep_gridcolumn[data-view1020="1"]>.ep_gridcolumn-content .ep-a_contacts:not(.ep-layout_facelist) .ep_item { width: 100%; padding-top: 0; padding-bottom: 0; } #website-body .ep_gridcolumn[data-view1020="6"]>.ep_gridcolumn-content .ep-a_contacts:not(.ep-layout_facelist) .ep_item .ep_card, #website-body .ep_gridcolumn[data-view1020="5"]>.ep_gridcolumn-content .ep-a_contacts:not(.ep-layout_facelist) .ep_item .ep_card, #website-body .ep_gridcolumn[data-view1020="4"]>.ep_gridcolumn-content .ep-a_contacts:not(.ep-layout_facelist) .ep_item .ep_card, #website-body .ep_gridcolumn[data-view1020="3"]>.ep_gridcolumn-content .ep-a_contacts:not(.ep-layout_facelist) .ep_item .ep_card, #website-body .ep_gridcolumn[data-view1020="2"]>.ep_gridcolumn-content .ep-a_contacts:not(.ep-layout_facelist) .ep_item .ep_card, #website-body .ep_gridcolumn[data-view1020="1"]>.ep_gridcolumn-content .ep-a_contacts:not(.ep-layout_facelist) .ep_item .ep_card { padding-bottom: 5px; padding-left: 0; padding-right: 0; background-color: transparent; border: none; } #website-body .ep_gridcolumn[data-view1020="6"]>.ep_gridcolumn-content .ep-a_contacts:not(.ep-layout_facelist) .ep_item+.ep_item .ep_card:before, #website-body .ep_gridcolumn[data-view1020="5"]>.ep_gridcolumn-content .ep-a_contacts:not(.ep-layout_facelist) .ep_item+.ep_item .ep_card:before, #website-body .ep_gridcolumn[data-view1020="4"]>.ep_gridcolumn-content .ep-a_contacts:not(.ep-layout_facelist) .ep_item+.ep_item .ep_card:before, #website-body .ep_gridcolumn[data-view1020="3"]>.ep_gridcolumn-content .ep-a_contacts:not(.ep-layout_facelist) .ep_item+.ep_item .ep_card:before, #website-body .ep_gridcolumn[data-view1020="2"]>.ep_gridcolumn-content .ep-a_contacts:not(.ep-layout_facelist) .ep_item+.ep_item .ep_card:before, #website-body .ep_gridcolumn[data-view1020="1"]>.ep_gridcolumn-content .ep-a_contacts:not(.ep-layout_facelist) .ep_item+.ep_item .ep_card:before { position: static; display: block; width: 100px; margin: 0; padding: 0; border-top: 1px solid #d1d3d4; transform: translate(0, -10px); -webkit-transform: translate(0, -10px); content: ""; } } @media screen and (min-width:750px) and (max-width:1019px), print { #website-body .ep_gridcolumn[data-view750="8"]>.ep_gridcolumn-content .ep-a_contacts:not(.ep-layout_facelist):after, #website-body .ep_gridcolumn[data-view750="7"]>.ep_gridcolumn-content .ep-a_contacts:not(.ep-layout_facelist):after, #website-body .ep_gridcolumn[data-view750="6"]>.ep_gridcolumn-content .ep-a_contacts:not(.ep-layout_facelist):after, #website-body .ep_gridcolumn[data-view750="5"]>.ep_gridcolumn-content .ep-a_contacts:not(.ep-layout_facelist):after, #website-body .ep_gridcolumn[data-view750="4"]>.ep_gridcolumn-content .ep-a_contacts:not(.ep-layout_facelist):after, #website-body .ep_gridcolumn[data-view750="3"]>.ep_gridcolumn-content .ep-a_contacts:not(.ep-layout_facelist):after, #website-body .ep_gridcolumn[data-view750="2"]>.ep_gridcolumn-content .ep-a_contacts:not(.ep-layout_facelist):after, #website-body .ep_gridcolumn[data-view750="1"]>.ep_gridcolumn-content .ep-a_contacts:not(.ep-layout_facelist):after { height: 0; } #website-body .ep_gridcolumn[data-view750="8"]>.ep_gridcolumn-content .ep-a_contacts:not(.ep-layout_facelist) ul:first-child, #website-body .ep_gridcolumn[data-view750="7"]>.ep_gridcolumn-content .ep-a_contacts:not(.ep-layout_facelist) ul:first-child, #website-body .ep_gridcolumn[data-view750="6"]>.ep_gridcolumn-content .ep-a_contacts:not(.ep-layout_facelist) ul:first-child, #website-body .ep_gridcolumn[data-view750="5"]>.ep_gridcolumn-content .ep-a_contacts:not(.ep-layout_facelist) ul:first-child, #website-body .ep_gridcolumn[data-view750="4"]>.ep_gridcolumn-content .ep-a_contacts:not(.ep-layout_facelist) ul:first-child, #website-body .ep_gridcolumn[data-view750="3"]>.ep_gridcolumn-content .ep-a_contacts:not(.ep-layout_facelist) ul:first-child, #website-body .ep_gridcolumn[data-view750="2"]>.ep_gridcolumn-content .ep-a_contacts:not(.ep-layout_facelist) ul:first-child, #website-body .ep_gridcolumn[data-view750="1"]>.ep_gridcolumn-content .ep-a_contacts:not(.ep-layout_facelist) ul:first-child { margin-top: -12px; } #website-body .ep_gridcolumn[data-view750="8"]>.ep_gridcolumn-content .ep-a_contacts:not(.ep-layout_facelist) .ep_title+ul, #website-body .ep_gridcolumn[data-view750="7"]>.ep_gridcolumn-content .ep-a_contacts:not(.ep-layout_facelist) .ep_title+ul, #website-body .ep_gridcolumn[data-view750="6"]>.ep_gridcolumn-content .ep-a_contacts:not(.ep-layout_facelist) .ep_title+ul, #website-body .ep_gridcolumn[data-view750="5"]>.ep_gridcolumn-content .ep-a_contacts:not(.ep-layout_facelist) .ep_title+ul, #website-body .ep_gridcolumn[data-view750="4"]>.ep_gridcolumn-content .ep-a_contacts:not(.ep-layout_facelist) .ep_title+ul, #website-body .ep_gridcolumn[data-view750="3"]>.ep_gridcolumn-content .ep-a_contacts:not(.ep-layout_facelist) .ep_title+ul, #website-body .ep_gridcolumn[data-view750="2"]>.ep_gridcolumn-content .ep-a_contacts:not(.ep-layout_facelist) .ep_title+ul, #website-body .ep_gridcolumn[data-view750="1"]>.ep_gridcolumn-content .ep-a_contacts:not(.ep-layout_facelist) .ep_title+ul { margin-top: -5px; } #website-body .ep_gridcolumn[data-view750="8"]>.ep_gridcolumn-content .ep-a_contacts:not(.ep-layout_facelist) .ep_item, #website-body .ep_gridcolumn[data-view750="7"]>.ep_gridcolumn-content .ep-a_contacts:not(.ep-layout_facelist) .ep_item, #website-body .ep_gridcolumn[data-view750="6"]>.ep_gridcolumn-content .ep-a_contacts:not(.ep-layout_facelist) .ep_item, #website-body .ep_gridcolumn[data-view750="5"]>.ep_gridcolumn-content .ep-a_contacts:not(.ep-layout_facelist) .ep_item, #website-body .ep_gridcolumn[data-view750="4"]>.ep_gridcolumn-content .ep-a_contacts:not(.ep-layout_facelist) .ep_item, #website-body .ep_gridcolumn[data-view750="3"]>.ep_gridcolumn-content .ep-a_contacts:not(.ep-layout_facelist) .ep_item, #website-body .ep_gridcolumn[data-view750="2"]>.ep_gridcolumn-content .ep-a_contacts:not(.ep-layout_facelist) .ep_item, #website-body .ep_gridcolumn[data-view750="1"]>.ep_gridcolumn-content .ep-a_contacts:not(.ep-layout_facelist) .ep_item { width: 100%; padding-top: 0; padding-bottom: 0; } #website-body .ep_gridcolumn[data-view750="8"]>.ep_gridcolumn-content .ep-a_contacts:not(.ep-layout_facelist) .ep_item .ep_card, #website-body .ep_gridcolumn[data-view750="7"]>.ep_gridcolumn-content .ep-a_contacts:not(.ep-layout_facelist) .ep_item .ep_card, #website-body .ep_gridcolumn[data-view750="6"]>.ep_gridcolumn-content .ep-a_contacts:not(.ep-layout_facelist) .ep_item .ep_card, #website-body .ep_gridcolumn[data-view750="5"]>.ep_gridcolumn-content .ep-a_contacts:not(.ep-layout_facelist) .ep_item .ep_card, #website-body .ep_gridcolumn[data-view750="4"]>.ep_gridcolumn-content .ep-a_contacts:not(.ep-layout_facelist) .ep_item .ep_card, #website-body .ep_gridcolumn[data-view750="3"]>.ep_gridcolumn-content .ep-a_contacts:not(.ep-layout_facelist) .ep_item .ep_card, #website-body .ep_gridcolumn[data-view750="2"]>.ep_gridcolumn-content .ep-a_contacts:not(.ep-layout_facelist) .ep_item .ep_card, #website-body .ep_gridcolumn[data-view750="1"]>.ep_gridcolumn-content .ep-a_contacts:not(.ep-layout_facelist) .ep_item .ep_card { padding-bottom: 5px; padding-left: 0; padding-right: 0; background-color: transparent; border: none; } #website-body .ep_gridcolumn[data-view750="8"]>.ep_gridcolumn-content .ep-a_contacts:not(.ep-layout_facelist) .ep_item+.ep_item .ep_card:before, #website-body .ep_gridcolumn[data-view750="7"]>.ep_gridcolumn-content .ep-a_contacts:not(.ep-layout_facelist) .ep_item+.ep_item .ep_card:before, #website-body .ep_gridcolumn[data-view750="6"]>.ep_gridcolumn-content .ep-a_contacts:not(.ep-layout_facelist) .ep_item+.ep_item .ep_card:before, #website-body .ep_gridcolumn[data-view750="5"]>.ep_gridcolumn-content .ep-a_contacts:not(.ep-layout_facelist) .ep_item+.ep_item .ep_card:before, #website-body .ep_gridcolumn[data-view750="4"]>.ep_gridcolumn-content .ep-a_contacts:not(.ep-layout_facelist) .ep_item+.ep_item .ep_card:before, #website-body .ep_gridcolumn[data-view750="3"]>.ep_gridcolumn-content .ep-a_contacts:not(.ep-layout_facelist) .ep_item+.ep_item .ep_card:before, #website-body .ep_gridcolumn[data-view750="2"]>.ep_gridcolumn-content .ep-a_contacts:not(.ep-layout_facelist) .ep_item+.ep_item .ep_card:before, #website-body .ep_gridcolumn[data-view750="1"]>.ep_gridcolumn-content .ep-a_contacts:not(.ep-layout_facelist) .ep_item+.ep_item .ep_card:before { position: static; display: block; width: 100px; margin: 0; padding: 0; border-top: 1px solid #d1d3d4; transform: translate(0, -10px); -webkit-transform: translate(0, -10px); content: ""; } } @media screen and (min-width:640px) and (max-width:749px) { #website-body .ep_gridcolumn[data-view640="6"]>.ep_gridcolumn-content .ep-a_contacts:not(.ep-layout_facelist):after, #website-body .ep_gridcolumn[data-view640="5"]>.ep_gridcolumn-content .ep-a_contacts:not(.ep-layout_facelist):after, #website-body .ep_gridcolumn[data-view640="4"]>.ep_gridcolumn-content .ep-a_contacts:not(.ep-layout_facelist):after, #website-body .ep_gridcolumn[data-view640="3"]>.ep_gridcolumn-content .ep-a_contacts:not(.ep-layout_facelist):after, #website-body .ep_gridcolumn[data-view640="2"]>.ep_gridcolumn-content .ep-a_contacts:not(.ep-layout_facelist):after, #website-body .ep_gridcolumn[data-view640="1"]>.ep_gridcolumn-content .ep-a_contacts:not(.ep-layout_facelist):after { height: 0; } #website-body .ep_gridcolumn[data-view640="6"]>.ep_gridcolumn-content .ep-a_contacts:not(.ep-layout_facelist) ul:first-child, #website-body .ep_gridcolumn[data-view640="5"]>.ep_gridcolumn-content .ep-a_contacts:not(.ep-layout_facelist) ul:first-child, #website-body .ep_gridcolumn[data-view640="4"]>.ep_gridcolumn-content .ep-a_contacts:not(.ep-layout_facelist) ul:first-child, #website-body .ep_gridcolumn[data-view640="3"]>.ep_gridcolumn-content .ep-a_contacts:not(.ep-layout_facelist) ul:first-child, #website-body .ep_gridcolumn[data-view640="2"]>.ep_gridcolumn-content .ep-a_contacts:not(.ep-layout_facelist) ul:first-child, #website-body .ep_gridcolumn[data-view640="1"]>.ep_gridcolumn-content .ep-a_contacts:not(.ep-layout_facelist) ul:first-child { margin-top: -12px; } #website-body .ep_gridcolumn[data-view640="6"]>.ep_gridcolumn-content .ep-a_contacts:not(.ep-layout_facelist) .ep_title+ul, #website-body .ep_gridcolumn[data-view640="5"]>.ep_gridcolumn-content .ep-a_contacts:not(.ep-layout_facelist) .ep_title+ul, #website-body .ep_gridcolumn[data-view640="4"]>.ep_gridcolumn-content .ep-a_contacts:not(.ep-layout_facelist) .ep_title+ul, #website-body .ep_gridcolumn[data-view640="3"]>.ep_gridcolumn-content .ep-a_contacts:not(.ep-layout_facelist) .ep_title+ul, #website-body .ep_gridcolumn[data-view640="2"]>.ep_gridcolumn-content .ep-a_contacts:not(.ep-layout_facelist) .ep_title+ul, #website-body .ep_gridcolumn[data-view640="1"]>.ep_gridcolumn-content .ep-a_contacts:not(.ep-layout_facelist) .ep_title+ul { margin-top: -5px; } #website-body .ep_gridcolumn[data-view640="6"]>.ep_gridcolumn-content .ep-a_contacts:not(.ep-layout_facelist) .ep_item, #website-body .ep_gridcolumn[data-view640="5"]>.ep_gridcolumn-content .ep-a_contacts:not(.ep-layout_facelist) .ep_item, #website-body .ep_gridcolumn[data-view640="4"]>.ep_gridcolumn-content .ep-a_contacts:not(.ep-layout_facelist) .ep_item, #website-body .ep_gridcolumn[data-view640="3"]>.ep_gridcolumn-content .ep-a_contacts:not(.ep-layout_facelist) .ep_item, #website-body .ep_gridcolumn[data-view640="2"]>.ep_gridcolumn-content .ep-a_contacts:not(.ep-layout_facelist) .ep_item, #website-body .ep_gridcolumn[data-view640="1"]>.ep_gridcolumn-content .ep-a_contacts:not(.ep-layout_facelist) .ep_item { width: 100%; padding-top: 0; padding-bottom: 0; } #website-body .ep_gridcolumn[data-view640="6"]>.ep_gridcolumn-content .ep-a_contacts:not(.ep-layout_facelist) .ep_item .ep_card, #website-body .ep_gridcolumn[data-view640="5"]>.ep_gridcolumn-content .ep-a_contacts:not(.ep-layout_facelist) .ep_item .ep_card, #website-body .ep_gridcolumn[data-view640="4"]>.ep_gridcolumn-content .ep-a_contacts:not(.ep-layout_facelist) .ep_item .ep_card, #website-body .ep_gridcolumn[data-view640="3"]>.ep_gridcolumn-content .ep-a_contacts:not(.ep-layout_facelist) .ep_item .ep_card, #website-body .ep_gridcolumn[data-view640="2"]>.ep_gridcolumn-content .ep-a_contacts:not(.ep-layout_facelist) .ep_item .ep_card, #website-body .ep_gridcolumn[data-view640="1"]>.ep_gridcolumn-content .ep-a_contacts:not(.ep-layout_facelist) .ep_item .ep_card { padding-bottom: 5px; padding-left: 0; padding-right: 0; background-color: transparent; border: none; } #website-body .ep_gridcolumn[data-view640="6"]>.ep_gridcolumn-content .ep-a_contacts:not(.ep-layout_facelist) .ep_item+.ep_item .ep_card:before, #website-body .ep_gridcolumn[data-view640="5"]>.ep_gridcolumn-content .ep-a_contacts:not(.ep-layout_facelist) .ep_item+.ep_item .ep_card:before, #website-body .ep_gridcolumn[data-view640="4"]>.ep_gridcolumn-content .ep-a_contacts:not(.ep-layout_facelist) .ep_item+.ep_item .ep_card:before, #website-body .ep_gridcolumn[data-view640="3"]>.ep_gridcolumn-content .ep-a_contacts:not(.ep-layout_facelist) .ep_item+.ep_item .ep_card:before, #website-body .ep_gridcolumn[data-view640="2"]>.ep_gridcolumn-content .ep-a_contacts:not(.ep-layout_facelist) .ep_item+.ep_item .ep_card:before, #website-body .ep_gridcolumn[data-view640="1"]>.ep_gridcolumn-content .ep-a_contacts:not(.ep-layout_facelist) .ep_item+.ep_item .ep_card:before { position: static; display: block; width: 100px; margin: 0; padding: 0; border-top: 1px solid #d1d3d4; transform: translate(0, -10px); -webkit-transform: translate(0, -10px); content: ""; } } @media screen and (min-width:480px) and (max-width:639px) { #website-body .ep_gridcolumn[data-view480="8"]>.ep_gridcolumn-content .ep-a_contacts:not(.ep-layout_facelist):after, #website-body .ep_gridcolumn[data-view480="7"]>.ep_gridcolumn-content .ep-a_contacts:not(.ep-layout_facelist):after, #website-body .ep_gridcolumn[data-view480="6"]>.ep_gridcolumn-content .ep-a_contacts:not(.ep-layout_facelist):after, #website-body .ep_gridcolumn[data-view480="5"]>.ep_gridcolumn-content .ep-a_contacts:not(.ep-layout_facelist):after, #website-body .ep_gridcolumn[data-view480="4"]>.ep_gridcolumn-content .ep-a_contacts:not(.ep-layout_facelist):after, #website-body .ep_gridcolumn[data-view480="3"]>.ep_gridcolumn-content .ep-a_contacts:not(.ep-layout_facelist):after, #website-body .ep_gridcolumn[data-view480="2"]>.ep_gridcolumn-content .ep-a_contacts:not(.ep-layout_facelist):after, #website-body .ep_gridcolumn[data-view480="1"]>.ep_gridcolumn-content .ep-a_contacts:not(.ep-layout_facelist):after { height: 0; } #website-body .ep_gridcolumn[data-view480="8"]>.ep_gridcolumn-content .ep-a_contacts:not(.ep-layout_facelist) ul:first-child, #website-body .ep_gridcolumn[data-view480="7"]>.ep_gridcolumn-content .ep-a_contacts:not(.ep-layout_facelist) ul:first-child, #website-body .ep_gridcolumn[data-view480="6"]>.ep_gridcolumn-content .ep-a_contacts:not(.ep-layout_facelist) ul:first-child, #website-body .ep_gridcolumn[data-view480="5"]>.ep_gridcolumn-content .ep-a_contacts:not(.ep-layout_facelist) ul:first-child, #website-body .ep_gridcolumn[data-view480="4"]>.ep_gridcolumn-content .ep-a_contacts:not(.ep-layout_facelist) ul:first-child, #website-body .ep_gridcolumn[data-view480="3"]>.ep_gridcolumn-content .ep-a_contacts:not(.ep-layout_facelist) ul:first-child, #website-body .ep_gridcolumn[data-view480="2"]>.ep_gridcolumn-content .ep-a_contacts:not(.ep-layout_facelist) ul:first-child, #website-body .ep_gridcolumn[data-view480="1"]>.ep_gridcolumn-content .ep-a_contacts:not(.ep-layout_facelist) ul:first-child { margin-top: -12px; } #website-body .ep_gridcolumn[data-view480="8"]>.ep_gridcolumn-content .ep-a_contacts:not(.ep-layout_facelist) .ep_title+ul, #website-body .ep_gridcolumn[data-view480="7"]>.ep_gridcolumn-content .ep-a_contacts:not(.ep-layout_facelist) .ep_title+ul, #website-body .ep_gridcolumn[data-view480="6"]>.ep_gridcolumn-content .ep-a_contacts:not(.ep-layout_facelist) .ep_title+ul, #website-body .ep_gridcolumn[data-view480="5"]>.ep_gridcolumn-content .ep-a_contacts:not(.ep-layout_facelist) .ep_title+ul, #website-body .ep_gridcolumn[data-view480="4"]>.ep_gridcolumn-content .ep-a_contacts:not(.ep-layout_facelist) .ep_title+ul, #website-body .ep_gridcolumn[data-view480="3"]>.ep_gridcolumn-content .ep-a_contacts:not(.ep-layout_facelist) .ep_title+ul, #website-body .ep_gridcolumn[data-view480="2"]>.ep_gridcolumn-content .ep-a_contacts:not(.ep-layout_facelist) .ep_title+ul, #website-body .ep_gridcolumn[data-view480="1"]>.ep_gridcolumn-content .ep-a_contacts:not(.ep-layout_facelist) .ep_title+ul { margin-top: -5px; } #website-body .ep_gridcolumn[data-view480="8"]>.ep_gridcolumn-content .ep-a_contacts:not(.ep-layout_facelist) .ep_item, #website-body .ep_gridcolumn[data-view480="7"]>.ep_gridcolumn-content .ep-a_contacts:not(.ep-layout_facelist) .ep_item, #website-body .ep_gridcolumn[data-view480="6"]>.ep_gridcolumn-content .ep-a_contacts:not(.ep-layout_facelist) .ep_item, #website-body .ep_gridcolumn[data-view480="5"]>.ep_gridcolumn-content .ep-a_contacts:not(.ep-layout_facelist) .ep_item, #website-body .ep_gridcolumn[data-view480="4"]>.ep_gridcolumn-content .ep-a_contacts:not(.ep-layout_facelist) .ep_item, #website-body .ep_gridcolumn[data-view480="3"]>.ep_gridcolumn-content .ep-a_contacts:not(.ep-layout_facelist) .ep_item, #website-body .ep_gridcolumn[data-view480="2"]>.ep_gridcolumn-content .ep-a_contacts:not(.ep-layout_facelist) .ep_item, #website-body .ep_gridcolumn[data-view480="1"]>.ep_gridcolumn-content .ep-a_contacts:not(.ep-layout_facelist) .ep_item { width: 100%; padding-top: 0; padding-bottom: 0; } #website-body .ep_gridcolumn[data-view480="8"]>.ep_gridcolumn-content .ep-a_contacts:not(.ep-layout_facelist) .ep_item .ep_card, #website-body .ep_gridcolumn[data-view480="7"]>.ep_gridcolumn-content .ep-a_contacts:not(.ep-layout_facelist) .ep_item .ep_card, #website-body .ep_gridcolumn[data-view480="6"]>.ep_gridcolumn-content .ep-a_contacts:not(.ep-layout_facelist) .ep_item .ep_card, #website-body .ep_gridcolumn[data-view480="5"]>.ep_gridcolumn-content .ep-a_contacts:not(.ep-layout_facelist) .ep_item .ep_card, #website-body .ep_gridcolumn[data-view480="4"]>.ep_gridcolumn-content .ep-a_contacts:not(.ep-layout_facelist) .ep_item .ep_card, #website-body .ep_gridcolumn[data-view480="3"]>.ep_gridcolumn-content .ep-a_contacts:not(.ep-layout_facelist) .ep_item .ep_card, #website-body .ep_gridcolumn[data-view480="2"]>.ep_gridcolumn-content .ep-a_contacts:not(.ep-layout_facelist) .ep_item .ep_card, #website-body .ep_gridcolumn[data-view480="1"]>.ep_gridcolumn-content .ep-a_contacts:not(.ep-layout_facelist) .ep_item .ep_card { padding-bottom: 5px; padding-left: 0; padding-right: 0; background-color: transparent; border: none; } #website-body .ep_gridcolumn[data-view480="8"]>.ep_gridcolumn-content .ep-a_contacts:not(.ep-layout_facelist) .ep_item+.ep_item .ep_card:before, #website-body .ep_gridcolumn[data-view480="7"]>.ep_gridcolumn-content .ep-a_contacts:not(.ep-layout_facelist) .ep_item+.ep_item .ep_card:before, #website-body .ep_gridcolumn[data-view480="6"]>.ep_gridcolumn-content .ep-a_contacts:not(.ep-layout_facelist) .ep_item+.ep_item .ep_card:before, #website-body .ep_gridcolumn[data-view480="5"]>.ep_gridcolumn-content .ep-a_contacts:not(.ep-layout_facelist) .ep_item+.ep_item .ep_card:before, #website-body .ep_gridcolumn[data-view480="4"]>.ep_gridcolumn-content .ep-a_contacts:not(.ep-layout_facelist) .ep_item+.ep_item .ep_card:before, #website-body .ep_gridcolumn[data-view480="3"]>.ep_gridcolumn-content .ep-a_contacts:not(.ep-layout_facelist) .ep_item+.ep_item .ep_card:before, #website-body .ep_gridcolumn[data-view480="2"]>.ep_gridcolumn-content .ep-a_contacts:not(.ep-layout_facelist) .ep_item+.ep_item .ep_card:before, #website-body .ep_gridcolumn[data-view480="1"]>.ep_gridcolumn-content .ep-a_contacts:not(.ep-layout_facelist) .ep_item+.ep_item .ep_card:before { position: static; display: block; width: 100px; margin: 0; padding: 0; border-top: 1px solid #d1d3d4; transform: translate(0, -10px); -webkit-transform: translate(0, -10px); content: ""; } } @media screen and (max-width:479px) { #website-body .ep_gridcolumn[data-view320="4"]>.ep_gridcolumn-content .ep-a_contacts:not(.ep-layout_facelist):after, #website-body .ep_gridcolumn[data-view320="3"]>.ep_gridcolumn-content .ep-a_contacts:not(.ep-layout_facelist):after, #website-body .ep_gridcolumn[data-view320="2"]>.ep_gridcolumn-content .ep-a_contacts:not(.ep-layout_facelist):after, #website-body .ep_gridcolumn[data-view320="1"]>.ep_gridcolumn-content .ep-a_contacts:not(.ep-layout_facelist):after { height: 0; } #website-body .ep_gridcolumn[data-view320="4"]>.ep_gridcolumn-content .ep-a_contacts:not(.ep-layout_facelist) ul:first-child, #website-body .ep_gridcolumn[data-view320="3"]>.ep_gridcolumn-content .ep-a_contacts:not(.ep-layout_facelist) ul:first-child, #website-body .ep_gridcolumn[data-view320="2"]>.ep_gridcolumn-content .ep-a_contacts:not(.ep-layout_facelist) ul:first-child, #website-body .ep_gridcolumn[data-view320="1"]>.ep_gridcolumn-content .ep-a_contacts:not(.ep-layout_facelist) ul:first-child { margin-top: -12px; } #website-body .ep_gridcolumn[data-view320="4"]>.ep_gridcolumn-content .ep-a_contacts:not(.ep-layout_facelist) .ep_title+ul, #website-body .ep_gridcolumn[data-view320="3"]>.ep_gridcolumn-content .ep-a_contacts:not(.ep-layout_facelist) .ep_title+ul, #website-body .ep_gridcolumn[data-view320="2"]>.ep_gridcolumn-content .ep-a_contacts:not(.ep-layout_facelist) .ep_title+ul, #website-body .ep_gridcolumn[data-view320="1"]>.ep_gridcolumn-content .ep-a_contacts:not(.ep-layout_facelist) .ep_title+ul { margin-top: -5px; } #website-body .ep_gridcolumn[data-view320="4"]>.ep_gridcolumn-content .ep-a_contacts:not(.ep-layout_facelist) .ep_item, #website-body .ep_gridcolumn[data-view320="3"]>.ep_gridcolumn-content .ep-a_contacts:not(.ep-layout_facelist) .ep_item, #website-body .ep_gridcolumn[data-view320="2"]>.ep_gridcolumn-content .ep-a_contacts:not(.ep-layout_facelist) .ep_item, #website-body .ep_gridcolumn[data-view320="1"]>.ep_gridcolumn-content .ep-a_contacts:not(.ep-layout_facelist) .ep_item { width: 100%; padding-top: 0; padding-bottom: 0; } #website-body .ep_gridcolumn[data-view320="4"]>.ep_gridcolumn-content .ep-a_contacts:not(.ep-layout_facelist) .ep_item .ep_card, #website-body .ep_gridcolumn[data-view320="3"]>.ep_gridcolumn-content .ep-a_contacts:not(.ep-layout_facelist) .ep_item .ep_card, #website-body .ep_gridcolumn[data-view320="2"]>.ep_gridcolumn-content .ep-a_contacts:not(.ep-layout_facelist) .ep_item .ep_card, #website-body .ep_gridcolumn[data-view320="1"]>.ep_gridcolumn-content .ep-a_contacts:not(.ep-layout_facelist) .ep_item .ep_card { padding-bottom: 5px; padding-left: 0; padding-right: 0; background-color: transparent; border: none; } #website-body .ep_gridcolumn[data-view320="4"]>.ep_gridcolumn-content .ep-a_contacts:not(.ep-layout_facelist) .ep_item+.ep_item .ep_card:before, #website-body .ep_gridcolumn[data-view320="3"]>.ep_gridcolumn-content .ep-a_contacts:not(.ep-layout_facelist) .ep_item+.ep_item .ep_card:before, #website-body .ep_gridcolumn[data-view320="2"]>.ep_gridcolumn-content .ep-a_contacts:not(.ep-layout_facelist) .ep_item+.ep_item .ep_card:before, #website-body .ep_gridcolumn[data-view320="1"]>.ep_gridcolumn-content .ep-a_contacts:not(.ep-layout_facelist) .ep_item+.ep_item .ep_card:before { position: static; display: block; width: 100px; margin: 0; padding: 0; border-top: 1px solid #d1d3d4; transform: translate(0, -10px); -webkit-transform: translate(0, -10px); content: ""; } } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* ATOM "LIST OF CONTACTS" : Affichage des contacts avec image */ /* ATOM "LIST OF CONTACTS" : Suppression des images en mode normal */ #website-body .ep-a_contacts .ep_card .ep_picture { display: none; } /* ATOM "LIST OF CONTACTS" : Mise a jour du design des elements de la liste */ #website-body .ep-a_contacts.ep-layout_facelist .ep_title:after { position: static; display: block; width: auto; height: 20px; margin: -3px 0 0 0; border-bottom: 1px solid #1e1e1f; content: ""; } #website-body .ep-a_contacts.ep-layout_facelist .ep_item { width: calc(100% - 20px); margin: 20px 10px 0 10px; padding-left: 100px; flex-direction: row-reverse; -webkit-flex-direction: row-reverse; flex-wrap: nowrap; -webkit-flex-wrap: nowrap; align-items: flex-start; -webkit-align-items: flex-start; } #website-body .ep-a_contacts.ep-layout_facelist .ep_card { background: none; border: 0; } /* ATOM "LIST OF CONTACTS" : Gestion de la photo a droite du conteneur */ #website-body .ep-a_contacts.ep-layout_facelist .ep_item .ep_card, #website-body .ep-a_contacts.ep-layout_facelist .ep_item .ep_picture { display: inline-block; flex: 0 0 auto; } #website-body .ep-a_contacts.ep-layout_facelist .ep_item .ep_card { max-width: 100%; padding: 0; flex: 1 0 auto; -webkit-flex: 1 0 auto; } #website-body .ep-a_contacts.ep-layout_facelist .ep_item .ep_card:before { display: none !important; } #website-body .ep-a_contacts.ep-layout_facelist .ep_item .ep_card>.ep_name .ep-p_text { font-size: 1.8em; } #website-body .ep-a_contacts.ep-layout_facelist .ep_item .ep_picture { position: static; width: 0; flex: 0 0 auto; -webkit-flex: 0 0 auto; transform: translate(-100px, 0); -webkit-transform: translate(-100px, 0); } #website-body .ep-a_contacts.ep-layout_facelist .ep_item .ep_picture:after { position: static; display: block; width: 20px; height: 20px; content: ""; } #website-body .ep-a_contacts.ep-layout_facelist .ep_item .ep_picture .ep-p_image { width: 80px; } #website-body .ep-a_contacts.ep-layout_facelist .ep_item+.ep_item { margin-top: 0; padding-top: 20px !important; border-top: 1px dotted #d1d3d4; } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* ATOM "LIST OF CONTACTS" : Affichage des fiches avec photo selon la dimension disponible */ @media screen and (min-width:1200px) { /* ATOM "LIST OF CONTACTS" : Affichage sur 2 colonnes */ #website-body .ep_gridcolumn[data-view1200="12"]>.ep_gridcolumn-content .ep-a_contacts.ep-layout_facelist .ep_title+ul { margin-top: 5px; } #website-body .ep_gridcolumn[data-view1200="12"]>.ep_gridcolumn-content .ep-a_contacts.ep-layout_facelist>ul { margin-left: -10px; margin-right: -10px; } #website-body .ep_gridcolumn[data-view1200="12"]>.ep_gridcolumn-content .ep-a_contacts.ep-layout_facelist .ep_item { width: 50%; margin-top: 0; margin-left: 0; margin-right: 0; padding-top: 10px !important; padding-left: 110px; padding-right: 10px; } #website-body .ep_gridcolumn[data-view1200="12"]>.ep_gridcolumn-content .ep-a_contacts.ep-layout_facelist .ep_item+.ep_item { border-top: none; } } @media screen and (min-width:1020px) and (max-width:1199px) { /* ATOM "LIST OF CONTACTS" : Affichage sur 2 colonnes */ #website-body .ep_gridcolumn[data-view1020="12"]>.ep_gridcolumn-content .ep-a_contacts.ep-layout_facelist .ep_title+ul { margin-top: 5px; } #website-body .ep_gridcolumn[data-view1020="12"]>.ep_gridcolumn-content .ep-a_contacts.ep-layout_facelist>ul { margin-left: -10px; margin-right: -10px; } #website-body .ep_gridcolumn[data-view1020="12"]>.ep_gridcolumn-content .ep-a_contacts.ep-layout_facelist .ep_item { width: 50%; margin-top: 0; margin-left: 0; margin-right: 0; padding-top: 10px !important; padding-left: 110px; padding-right: 10px; } #website-body .ep_gridcolumn[data-view1020="12"]>.ep_gridcolumn-content .ep-a_contacts.ep-layout_facelist .ep_item+.ep_item { border-top: none; } } @media screen and (min-width:750px) and (max-width:1019px), print { /* ATOM "LIST OF CONTACTS" : Affichage sur 2 colonnes */ #website-body .ep_gridcolumn[data-view750="12"]>.ep_gridcolumn-content .ep-a_contacts.ep-layout_facelist .ep_title+ul { margin-top: 5px; } #website-body .ep_gridcolumn[data-view750="12"]>.ep_gridcolumn-content .ep-a_contacts.ep-layout_facelist>ul { margin-left: -10px; margin-right: -10px; } #website-body .ep_gridcolumn[data-view750="12"]>.ep_gridcolumn-content .ep-a_contacts.ep-layout_facelist .ep_item { width: 50%; margin-top: 0; margin-left: 0; margin-right: 0; padding-top: 10px !important; padding-left: 110px; padding-right: 10px; } #website-body .ep_gridcolumn[data-view750="12"]>.ep_gridcolumn-content .ep-a_contacts.ep-layout_facelist .ep_item+.ep_item { border-top: none; } } /* ========================================================================================================================================================================== */ /* == FACTS ====================== [ATOM] ============= ep-a_facts ========================================================================================================== */ /* ========================================================================================================================================================================== */ /* Description : Atome a utiliser pour l'affichage d'une liste de "faits" */ /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* ATOM "FACTS" : Structure generale */ /* ATOM "FACTS" : Bordures de separation */ #website-body .ep-a_facts>div { position: static; display: block; margin: 0; padding: 0; border-top: 2px dotted #d1d3d4; border-bottom: 2px dotted #d1d3d4; } /* ATOM "FACTS" : Structure generale */ #website-body .ep-a_facts .ep_title, #website-body .ep-a_facts .ep_list { position: static; display: block; margin: 0; padding: 30px 0 0 0; } #website-body .ep-a_facts .ep_list { padding-bottom: 5px; } #website-body .ep-a_facts .ep_title+.ep_list { margin-top: -4px; padding-top: 0; } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* ATOM "FACTS" : Titre */ /* ATOM "FACTS" : Element de la liste */ #website-body .ep-a_facts .ep_title .ep-p_text { position: static; display: block; margin: -7px 0 0 0; padding: 0; border: none; outline: none; font-family: Georgia, Garamond, serif, Palatino; font-size: 2.5em; font-style: italic; text-decoration: none; white-space: nowrap; color: #1e1e1f; } #website-body .ep-a_facts .ep_title:after { position: static; display: block; width: 20px; height: 30px; margin: -6px 0 0 0; background-color: purple; opacity: 0; content: ""; } @media screen and (max-width:639px) { #website-body .ep-a_facts .ep_title .ep-p_text { font-size: 2.5em; } } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* ATOM "FACTS" : Element de la liste */ /* ATOM "FACTS" : Element de la liste */ #website-body .ep-a_facts .ep_list li { position: static; display: block; margin: -3px 0 0 0; padding: 0 0 0 10px; border: none; outline: none; text-decoration: none; letter-spacing: -0.3em; white-space: nowrap; color: inherit; } #website-body .ep-a_facts .ep_list li:after { position: static; display: block; width: 20px; height: 25px; margin: -3px 0 0 0; background-color: purple; opacity: 0; content: ""; } #website-body .ep-a_facts .ep_list li>div, #website-body .ep-a_facts .ep_list li:before { position: static; display: inline-block; max-width: 100%; margin: 0 0 0 -2px; padding: 0; box-sizing: border-box; border: none; outline: none; text-decoration: none; vertical-align: top; color: inherit; } #website-body .ep-a_facts .ep_list li:before { margin-top: 0.9em; width: 3px; height: 3px; background-color: #505154; border-radius: 50%; transform: translate(-8px, 0); -webkit-transform: translate(-8px, 0); content: ""; } #website-body .ep-a_facts .ep_list li .ep-p_text { font-size: 1.4em; } /* ========================================================================================================================================================================== */ /* == AGENDA EVENT =============== [ATOM] ============= ep-a_agendaevent ==================================================================================================== */ /* ========================================================================================================================================================================== */ /* Description : Atome a utiliser pour l'affichage d'un evenement d'agenda dans une liste */ /* ATOM "AGENDA EVENT" : Suppression de l'espace apres la molecule */ #website-body .ep-a_agendaevent:after { display: none; } /* ATOM "AGENDA EVENT" : Structure generale */ #website-body .ep-a_agendaevent .ep_date, #website-body .ep-a_agendaevent .ep_title, #website-body .ep-a_agendaevent .ep_location { position: static; display: block; } /* ATOM "AGENDA EVENT" : Definition des styles d'ecriture */ #website-body .ep-a_agendaevent .ep_date .ep-p_text { font-family: Georgia, Garamond, serif, Palatino; font-size: 2em; color: #1e1e1f; } #website-body .ep-a_agendaevent .ep_title .ep-p_text { font-size: 1.6em; color: #1e1e1f; } #website-body .ep-a_agendaevent .ep_location .ep-p_text { font-size: 1.4em; } /* ATOM "AGENDA EVENT" : Ajout de l'interlignage entre chaque element */ #website-body .ep-a_agendaevent .ep_date:after, #website-body .ep-a_agendaevent .ep_title:after, #website-body .ep-a_agendaevent .ep_location:after { position: static; display: block; width: 20px; height: 20px; margin: -5px 0 0 0; background-color: #f00; opacity: 0; content: ""; } #website-body .ep-a_agendaevent .ep_date { margin-top: -9px; } #website-body .ep-a_agendaevent .ep_title { margin-top: -3px; } #website-body .ep-a_agendaevent .ep_location { margin-top: -3px; } #website-body .ep-a_agendaevent .ep_location:after { margin-top: -4px; } #website-body .ep-a_agendaevent .ep_title+.ep_location { margin-top: -15px; } /* ========================================================================================================================================================================== */ /* == LIST OF KEYS =============== [ATOM] ============= ep-a_keylist ======================================================================================================== */ /* ========================================================================================================================================================================== */ /* Description : Atome a utiliser pour l'integration d'une liste de liens (texte + icone) */ /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* ATOM "LIST OF KEYS" : Structure generale */ /* ATOM "LIST OF KEYS" : Structure generale */ #website-body .ep-a_keylist .ep_title, #website-body .ep-a_keylist .ep_list { position: static; display: block; margin: 0; padding: 0; border: 0; outline: 0; font-size: 1em; vertical-align: middle; color: inherit; } #website-body .ep-a_keylist .ep_list { margin-top: -20px; } #website-body .ep-a_keylist:after { height: 0; } /* ATOM "LIST OF KEYS" : Taille des polices */ #website-body .ep-a_keylist .ep_title .ep-p_text, #website-body .ep-a_keylist .ep_list .ep-p_text { font-size: 1.4em; line-height: 1.4em; } /* ATOM "LIST OF KEYS" : Alignement des donnees */ #website-body .ep-a_keylist .ep_list>*>* { position: static; display: flex; display: -webkit-flex; margin: 0; padding: 16px 0 15px 0; flex-direction: row; -webkit-flex-direction: row; flex-wrap: wrap; -webkit-flex-wrap: wrap; } #website-body .ep-a_keylist .ep_list>*>* .ep_keyword, #website-body .ep-a_keylist .ep_list>*>* .ep_values { position: static; display: inline-block; margin: 0; padding: 0; } #website-body .ep-a_keylist .ep_list>*>* .ep_keyword, #website-body .ep-a_keylist .ep_list>*>* .ep_values { flex: 1 1 auto; -webkit-flex: 1 1 auto; } #website-body .ep-a_keylist .ep_list>*>* .ep_values { text-align: right; } /* ATOM "LIST OF KEYS" : Soulignage des donnees */ #website-body .ep-a_keylist .ep_list>*>*:before { position: static; display: block; width: 100%; height: 0; transform: translate(0, -16px); -webkit-transform: translate(0, -16px); flex: 0 0 auto; -webkit-flex: 0 0 auto; border-top: 1px dotted #d1d3d4; content: ""; } #website-body .ep-a_keylist .ep_list>*:first-child>*:before { border-top-color: transparent; } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* ATOM "LIST OF KEYS" : Gestion du titre */ /* ATOM "LIST OF KEYS" : Affichage du format du titre */ #website-body .ep-a_keylist .ep_title .ep-p_text .ep_name { font-weight: bold; color: #1e1e1f; } /* ATOM "LIST OF KEYS" : Ligne de separation */ #website-body .ep-a_keylist .ep_title+.ep_list { margin-top: 15px; border-top: 1px solid #d1d3d4; } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* ATOM "LIST OF KEYS" : Effet de survol */ /* ATOM "LIST OF KEYS" : Affichage du format du titre */ #website-body .ep-a_keylist .ep_list>*>a { color: inherit; } #website-body .ep-a_keylist .ep_list>*>a .ep-p_text { color: #3c77bd; } #website-body .ep-a_keylist .ep_list>*>a .ep_keyword .ep-p_text .ep_name, #website-body .ep-a_keylist .ep_list>*>a:link .ep_keyword .ep-p_text .ep_name, #website-body .ep-a_keylist .ep_list>*>a:visited .ep_keyword .ep-p_text .ep_name, #website-body .ep-a_keylist .ep_list>*>a .ep_values .ep-p_text .ep_name, #website-body .ep-a_keylist .ep_list>*>a:link .ep_values .ep-p_text .ep_name, #website-body .ep-a_keylist .ep_list>*>a:visited .ep_values .ep-p_text .ep_name, #website-body .ep-a_keylist .ep_list>*>a:hover .ep_values .ep-p_text .ep_name, #website-body .ep-a_keylist .ep_list>*>a:focus .ep_values .ep-p_text .ep_name, #website-body .ep-a_keylist .ep_list>*>a:active .ep_values .ep-p_text .ep_name { transform: translate(0, 0); -webkit-transform: translate(0, 0); color: inherit; } #website-body .ep-a_keylist .ep_list>*>a .ep_values .ep-p_text, #website-body .ep-a_keylist .ep_list>*>a:link .ep_values .ep-p_text, #website-body .ep-a_keylist .ep_list>*>a:visited .ep_values .ep-p_text, #website-body .ep-a_keylist .ep_list>*>a:hover .ep_values .ep-p_text, #website-body .ep-a_keylist .ep_list>*>a:focus .ep_values .ep-p_text, #website-body .ep-a_keylist .ep_list>*>a:active .ep_values .ep-p_text { color: inherit; } #website-body .ep-a_keylist .ep_list>*>a:hover .ep_keyword .ep-p_text .ep_name, #website-body .ep-a_keylist .ep_list>*>a:focus .ep_keyword .ep-p_text .ep_name, #website-body .ep-a_keylist .ep_list>*>a:active .ep_keyword .ep-p_text .ep_name { transform: translate(5px, 0); -webkit-transform: translate(5px, 0); } /* ===================================================================================================================================================================================================================== */ /* === ATOMICDESIGN ================== [MOLECULE] ====================================================================================================================================================================== */ /* ===================================================================================================================================================================================================================== */ /* /!\ Les molecules sont toujours poses sur les balises "colonne" de la grille (ep_gridcolumn) */ /* ========================================================================================================================================================================== */ /* == STRUCTURE GENERALE ========= [MOLECULE] =============================================================================================================================== */ /* ========================================================================================================================================================================== */ /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* MOLECULE : Definition du conteneur */ #website-body .ep_gridcolumn[class*="ep-m_"] { font-size: 1em; text-decoration: none; color: inherit; } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* MOLECULE : Suppression de contenu selon les breakpoints */ @media screen and (min-width:1200px) { #website-body [class*="ep-m_"][data-visibility1200="false"] { display: none !important; } #website-body [class*="ep-m_"][data-visibility1200="hidden"] { position: absolute !important; overflow: hidden !important; display: block !important; width: 0 !important; height: 0 !important; flex: 0 0 auto !important; opacity: 0 !important; } } @media screen and (min-width:1020px) and (max-width:1199px) { #website-body [class*="ep-m_"][data-visibility1020="false"] { display: none !important; } #website-body [class*="ep-m_"][data-visibility1020="hidden"] { position: absolute !important; overflow: hidden !important; display: block !important; width: 0 !important; height: 0 !important; flex: 0 0 auto !important; opacity: 0 !important; } } @media screen and (min-width:750px) and (max-width:1019px), print { #website-body [class*="ep-m_"][data-visibility750="false"] { display: none !important; } #website-body [class*="ep-m_"][data-visibility750="hidden"] { position: absolute !important; overflow: hidden !important; display: block !important; width: 0 !important; height: 0 !important; flex: 0 0 auto !important; opacity: 0 !important; } } @media screen and (min-width:640px) and (max-width:749px) { #website-body [class*="ep-m_"][data-visibility640="false"] { display: none !important; } #website-body [class*="ep-m_"][data-visibility640="hidden"] { position: absolute !important; overflow: hidden !important; display: block !important; width: 0 !important; height: 0 !important; flex: 0 0 auto !important; opacity: 0 !important; } } @media screen and (min-width:480px) and (max-width:639px) { #website-body [class*="ep-m_"][data-visibility480="false"] { display: none !important; } #website-body [class*="ep-m_"][data-visibility480="hidden"] { position: absolute !important; overflow: hidden !important; display: block !important; width: 0 !important; height: 0 !important; flex: 0 0 auto !important; opacity: 0 !important; } } @media screen and (max-width:479px) { #website-body [class*="ep-m_"][data-visibility320="false"] { display: none !important; } #website-body [class*="ep-m_"][data-visibility320="hidden"] { position: absolute !important; overflow: hidden !important; display: block !important; width: 0 !important; height: 0 !important; flex: 0 0 auto !important; opacity: 0 !important; } } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* MOLECULE : Blocage des concatenations */ #website-body .ep_gridcolumn[class*="ep-m_"] [class*="ep-m_"], #website-body .ep_gridcolumn[class*="ep-m_"] [class*="ep-o_"] { display: none !important; } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* MOLECULE : Interlignage internes entre les derniers atomes et la molecule (marge inferieure de 10px) */ /* MOLECULE : Interlignage avec les autres molecules (marge inferieure de 10px) */ #website-body .ep_gridcolumn[class*="ep-m_"]:after { position: static; display: block; overflow: hidden; width: 20px; height: 10px; flex: 0 0 auto; -webkit-flex: 0 0 auto; background-color: #0f0; opacity: 0; white-space: nowrap; content: ""; } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* MOLECULE : Blocage du clic dans les gouttieres de la colonne (marge de 10px a gauche et a droite) */ /* MOLECULE : Blocage des zones laterales interactives lors de l'utilisation de molecules comme un lien */ #website-body .ep_gridcolumn[class*="ep-m_"]>.ep_gridrow { position: relative; } #website-body .ep_gridcolumn[class*="ep-m_"]>.ep_gridrow:before, #website-body .ep_gridcolumn[class*="ep-m_"]>.ep_gridrow:after, #website-body .ep_gridcolumn[class*="ep-m_"]>.ep_gridcolumn-content:before, #website-body .ep_gridcolumn[class*="ep-m_"]>.ep_gridcolumn-content:after { position: absolute; display: block; overflow: hidden; z-index: 1; top: 0; bottom: 0; width: 10px; height: auto; margin: 0; padding: 0; flex: 0 0 10px; background-color: #fff; opacity: 0; content: ""; } #website-body .ep_gridcolumn[class*="ep-m_"]>.ep_gridcolumn-content:before, #website-body .ep_gridcolumn[class*="ep-m_"]>.ep_gridcolumn-content:after { display: none; } #website-body .ep_gridcolumn[class*="ep-m_"]>.ep_gridrow:before, #website-body .ep_gridcolumn[class*="ep-m_"]>.ep_gridcolumn-content:before { left: 0; } #website-body .ep_gridcolumn[class*="ep-m_"]>.ep_gridrow:after, #website-body .ep_gridcolumn[class*="ep-m_"]>.ep_gridcolumn-content:after { right: 0; } #website-body .ep_gridcolumn[class*="ep-m_"]>a.ep_gridcolumn-content { margin-left: 10px; margin-right: 10px; padding-left: 0 !important; padding-right: 0 !important; } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* MOLECULE : Bordure autours de la molecule */ @media screen and (min-width:1200px) { #website-body .ep_gridcolumn[class*="ep-m_"][data-layout1200$="border"]>.ep_gridcolumn-content, #website-body .ep_gridcolumn[class*="ep-m_"][data-layout1200$="border"]>.ep_gridrow { background-color: #fff; } #website-body .ep_gridcolumn[class*="ep-m_"][data-layout1200$="border"].ep-layout_greycolor>.ep_gridcolumn-content, #website-body .ep_gridcolumn[class*="ep-m_"][data-layout1200$="border"].ep-layout_greycolor>.ep_gridrow { background-color: #f3f4f4; } #website-body .ep_gridcolumn[class*="ep-m_"][data-layout1200$="border"].ep-layout_greygradient>.ep_gridcolumn-content, #website-body .ep_gridcolumn[class*="ep-m_"][data-layout1200$="border"].ep-layout_greygradient>.ep_gridrow { background-color: #f3f4f4; background: -webkit-linear-gradient(left, #f3f4f4, #e4e5e6); background: -moz-linear-gradient(left, #f3f4f4, #e4e5e6); background: -ms-linear-gradient(left, #f3f4f4, #e4e5e6); background: linear-gradient(left, #f3f4f4, #e4e5e6); } /* MOLECULE : Ajout du cadre */ #website-body .ep_gridcolumn[class*="ep-m_"][data-layout1200$="border"]>.ep_gridcolumn-content { margin-left: 10px; margin-right: 10px; padding-top: 0 !important; padding-left: 0 !important; padding-right: 0 !important; border-left: 1px solid #d1d3d4; border-right: 1px solid #d1d3d4; } #website-body .ep_gridcolumn[class*="ep-m_"][data-layout1200$="border"]>.ep_gridcolumn-content [class*="ep-a_"]:first-child { border-top: 1px solid #d1d3d4; } #website-body .ep_gridcolumn[class*="ep-m_"][data-layout1200$="border"]>.ep_gridcolumn-content { border-bottom: 1px solid #d1d3d4; } #website-body .ep_gridcolumn[class*="ep-m_"][data-layout1200$="border"]>.ep_gridrow { border-top: 1px solid #d1d3d4; border-bottom: 1px solid #d1d3d4; } #website-body .ep_gridcolumn[class*="ep-m_"][data-layout1200$="border"]>.ep_gridrow:before { border-right: 1px solid #d1d3d4; } #website-body .ep_gridcolumn[class*="ep-m_"][data-layout1200$="border"]>.ep_gridrow:after { border-left: 1px solid #d1d3d4; } #website-body .ep_gridcolumn[class*="ep-m_"][data-layout1200$="border"]>.ep_gridrow:before, #website-body .ep_gridcolumn[class*="ep-m_"][data-layout1200$="border"]>.ep_gridrow:after { top: -1px; bottom: -1px; background-color: #fff; opacity: 1; } /* MOLECULE : Correction de la marge entre molecules */ #website-body .ep_gridcolumn[class*="ep-m_"][data-layout1200$="border"]:after { height: 30px; margin-top: 0; } #website-body .ep_gridcolumn[class*="ep-m_"][data-layout1200$="border"]>.ep_gridrow .ep_gridcolumn.ep-layout_image [class*="ep-a_"]:last-child:after { height: 0; margin-top: 0; } /* MOLECULE : Gestion des marges autours du texte */ #website-body .ep_gridcolumn[class*="ep-m_"][data-layout1200$="border"] [class*="ep-a_"], #website-body .ep_gridcolumn[class*="ep-m_"][data-layout1200$="border"].ep-layout_greycolor [class*="ep-a_"], #website-body .ep_gridcolumn[class*="ep-m_"][data-layout1200$="border"].ep-layout_greygradient [class*="ep-a_"], #website-body .ep_gridcolumn[class*="ep-m_"][data-layout1200$="border"].ep-layout_black [class*="ep-a_"] { padding-left: 20px; padding-right: 20px; } #website-body .ep_gridcolumn[class*="ep-m_"][data-layout1200$="border"]>.ep_gridcolumn-content [class*="ep-a_"]:first-child, #website-body .ep_gridcolumn[class*="ep-m_"][data-layout1200$="border"]>.ep_gridrow .ep_gridcolumn [class*="ep-a_"]:first-child { padding-top: 20px; } #website-body .ep_gridcolumn[class*="ep-m_"][data-layout1200$="border"]>.ep_gridrow .ep_gridcolumn [class*="ep-a_media"]:first-child { padding-top: 0; } /* MOLECULE : Gestion des marges autours des images */ #website-body .ep_gridcolumn[class*="ep-m_"][data-layout1200$="border"] .ep-a_media, #website-body .ep_gridcolumn[class*="ep-m_"][data-layout1200$="border"].ep-layout_greycolor .ep-a_media, #website-body .ep_gridcolumn[class*="ep-m_"][data-layout1200$="border"].ep-layout_greygradient .ep-a_media, #website-body .ep_gridcolumn[class*="ep-m_"][data-layout1200$="border"].ep-layout_black .ep-a_media { padding-top: 0 !important; padding-left: 0; padding-right: 0; } #website-body .ep_gridcolumn[class*="ep-m_"][data-layout1200$="border"]>.ep_gridcolumn-content .ep-a_media>figure { position: relative; margin-left: -1px; margin-right: -1px; } #website-body .ep_gridcolumn[class*="ep-m_"][data-layout1200$="border"]>.ep_gridcolumn-content .ep-a_media>figure:before, #website-body .ep_gridcolumn[class*="ep-m_"][data-layout1200$="border"]>.ep_gridcolumn-content .ep-a_media>figure:after { position: absolute; display: block; z-index: 1; overflow: hidden; top: 0; bottom: 0; width: 1px; height: auto; background-color: #d1d3d4; content: ""; } #website-body .ep_gridcolumn[class*="ep-m_"][data-layout1200$="border"]>.ep_gridcolumn-content .ep-a_media>figure:before { left: 0; } #website-body .ep_gridcolumn[class*="ep-m_"][data-layout1200$="border"]>.ep_gridcolumn-content .ep-a_media>figure:after { right: 0; } #website-body .ep_gridcolumn[class*="ep-m_"][data-layout1200$="border"]>.ep_gridrow .ep_gridcolumn-content .ep-a_media:first-child { margin-top: 0; } /* MOLECULE : Gestion de l'affichage du bouton "load more" */ #website-body .ep_gridcolumn[class*="ep-m_"][data-layout1200$="border"]>.ep_gridcolumn-content .ep-a_loadmore:last-child { margin-bottom: -1px; margin-left: -1px; margin-right: -1px; padding-left: 0; padding-right: 0; background-color: #fff; border-bottom: 1px solid #fff; border-left: none; border-right: none; } #website-body .ep_gridcolumn[class*="ep-m_"][data-layout1200$="border"]>.ep_gridcolumn-content .ep-a_loadmore:last-child:before { width: 100%; height: calc((1.4em + 32px) /2); padding-top: 0; box-sizing: border-box; background-color: #fff; border-bottom: 1px solid #d1d3d4; border-left: 1px solid #d1d3d4; border-right: 1px solid #d1d3d4; vertical-align: top; } #website-body .ep_gridcolumn[class*="ep-m_"][data-layout1200$="border"]>.ep_gridcolumn-content .ep-a_loadmore:last-child:after { display: none; } /* MOLECULE : Correction de l'affichage du bouton "load more" (pour les fonds colores) */ #website-body .ep_gridcolumn[class*="ep-m_"][data-layout1200$="border"].ep-layout_greycolor>.ep_gridcolumn-content .ep-a_loadmore:last-child:before { background-color: #f3f4f4; } #website-body .ep_gridcolumn[class*="ep-m_"][data-layout1200$="border"].ep-layout_greygradient>.ep_gridcolumn-content .ep-a_loadmore:last-child:before { background-color: #f3f4f4; background: -webkit-linear-gradient(left, #f3f4f4, #e4e5e6); background: -moz-linear-gradient(left, #f3f4f4, #e4e5e6); background: -ms-linear-gradient(left, #f3f4f4, #e4e5e6); background: linear-gradient(left, #f3f4f4, #e4e5e6); } } @media screen and (min-width:1020px) and (max-width:1199px) { #website-body .ep_gridcolumn[class*="ep-m_"][data-layout1020$="border"]>.ep_gridcolumn-content, #website-body .ep_gridcolumn[class*="ep-m_"][data-layout1020$="border"]>.ep_gridrow { background-color: #fff; } #website-body .ep_gridcolumn[class*="ep-m_"][data-layout1020$="border"].ep-layout_greycolor>.ep_gridcolumn-content, #website-body .ep_gridcolumn[class*="ep-m_"][data-layout1020$="border"].ep-layout_greycolor>.ep_gridrow { background-color: #f3f4f4; } #website-body .ep_gridcolumn[class*="ep-m_"][data-layout1020$="border"].ep-layout_greygradient>.ep_gridcolumn-content, #website-body .ep_gridcolumn[class*="ep-m_"][data-layout1020$="border"].ep-layout_greygradient>.ep_gridrow { background-color: #f3f4f4; background: -webkit-linear-gradient(left, #f3f4f4, #e4e5e6); background: -moz-linear-gradient(left, #f3f4f4, #e4e5e6); background: -ms-linear-gradient(left, #f3f4f4, #e4e5e6); background: linear-gradient(left, #f3f4f4, #e4e5e6); } /* MOLECULE : Ajout du cadre */ #website-body .ep_gridcolumn[class*="ep-m_"][data-layout1020$="border"]>.ep_gridcolumn-content { margin-left: 10px; margin-right: 10px; padding-top: 0 !important; padding-left: 0 !important; padding-right: 0 !important; border-left: 1px solid #d1d3d4; border-right: 1px solid #d1d3d4; } #website-body .ep_gridcolumn[class*="ep-m_"][data-layout1020$="border"]>.ep_gridcolumn-content [class*="ep-a_"]:first-child { border-top: 1px solid #d1d3d4; } #website-body .ep_gridcolumn[class*="ep-m_"][data-layout1020$="border"]>.ep_gridcolumn-content { border-bottom: 1px solid #d1d3d4; } #website-body .ep_gridcolumn[class*="ep-m_"][data-layout1020$="border"]>.ep_gridrow { border-top: 1px solid #d1d3d4; border-bottom: 1px solid #d1d3d4; } #website-body .ep_gridcolumn[class*="ep-m_"][data-layout1020$="border"]>.ep_gridrow:before { border-right: 1px solid #d1d3d4; } #website-body .ep_gridcolumn[class*="ep-m_"][data-layout1020$="border"]>.ep_gridrow:after { border-left: 1px solid #d1d3d4; } #website-body .ep_gridcolumn[class*="ep-m_"][data-layout1020$="border"]>.ep_gridrow:before, #website-body .ep_gridcolumn[class*="ep-m_"][data-layout1020$="border"]>.ep_gridrow:after { top: -1px; bottom: -1px; background-color: #fff; opacity: 1; } /* MOLECULE : Correction de la marge entre molecules */ #website-body .ep_gridcolumn[class*="ep-m_"][data-layout1020$="border"]:after { height: 30px; margin-top: 0; } #website-body .ep_gridcolumn[class*="ep-m_"][data-layout1020$="border"]>.ep_gridrow .ep_gridcolumn.ep-layout_image [class*="ep-a_"]:last-child:after { height: 0; margin-top: 0; } /* MOLECULE : Gestion des marges autours du texte */ #website-body .ep_gridcolumn[class*="ep-m_"][data-layout1020$="border"] [class*="ep-a_"], #website-body .ep_gridcolumn[class*="ep-m_"][data-layout1020$="border"].ep-layout_greycolor [class*="ep-a_"], #website-body .ep_gridcolumn[class*="ep-m_"][data-layout1020$="border"].ep-layout_greygradient [class*="ep-a_"], #website-body .ep_gridcolumn[class*="ep-m_"][data-layout1020$="border"].ep-layout_black [class*="ep-a_"] { padding-left: 20px; padding-right: 20px; } #website-body .ep_gridcolumn[class*="ep-m_"][data-layout1020$="border"]>.ep_gridcolumn-content [class*="ep-a_"]:first-child, #website-body .ep_gridcolumn[class*="ep-m_"][data-layout1020$="border"]>.ep_gridrow .ep_gridcolumn.ep-layout_text [class*="ep-a_"]:first-child { padding-top: 20px; } /* MOLECULE : Gestion des marges autours des images */ #website-body .ep_gridcolumn[class*="ep-m_"][data-layout1020$="border"] .ep-a_media, #website-body .ep_gridcolumn[class*="ep-m_"][data-layout1020$="border"].ep-layout_greycolor .ep-a_media, #website-body .ep_gridcolumn[class*="ep-m_"][data-layout1020$="border"].ep-layout_greygradient .ep-a_media, #website-body .ep_gridcolumn[class*="ep-m_"][data-layout1020$="border"].ep-layout_black .ep-a_media { padding-top: 0 !important; padding-left: 0; padding-right: 0; } #website-body .ep_gridcolumn[class*="ep-m_"][data-layout1020$="border"]>.ep_gridcolumn-content .ep-a_media>figure { position: relative; margin-left: -1px; margin-right: -1px; } #website-body .ep_gridcolumn[class*="ep-m_"][data-layout1020$="border"]>.ep_gridcolumn-content .ep-a_media>figure:before, #website-body .ep_gridcolumn[class*="ep-m_"][data-layout1020$="border"]>.ep_gridcolumn-content .ep-a_media>figure:after { position: absolute; display: block; z-index: 1; overflow: hidden; top: 0; bottom: 0; width: 1px; height: auto; background-color: #d1d3d4; content: ""; } #website-body .ep_gridcolumn[class*="ep-m_"][data-layout1020$="border"]>.ep_gridcolumn-content .ep-a_media>figure:before { left: 0; } #website-body .ep_gridcolumn[class*="ep-m_"][data-layout1020$="border"]>.ep_gridcolumn-content .ep-a_media>figure:after { right: 0; } #website-body .ep_gridcolumn[class*="ep-m_"][data-layout1020$="border"]>.ep_gridrow .ep_gridcolumn-content .ep-a_media:first-child { margin-top: 0; } /* MOLECULE : Gestion de l'affichage du bouton "load more" */ #website-body .ep_gridcolumn[class*="ep-m_"][data-layout1020$="border"]>.ep_gridcolumn-content .ep-a_loadmore:last-child { margin-bottom: -1px; margin-left: -1px; margin-right: -1px; padding-left: 0; padding-right: 0; background-color: #fff; border-bottom: 1px solid #fff; border-left: none; border-right: none; } #website-body .ep_gridcolumn[class*="ep-m_"][data-layout1020$="border"]>.ep_gridcolumn-content .ep-a_loadmore:last-child:before { width: 100%; height: calc((1.4em + 32px) /2); padding-top: 0; box-sizing: border-box; background-color: #fff; border-bottom: 1px solid #d1d3d4; border-left: 1px solid #d1d3d4; border-right: 1px solid #d1d3d4; vertical-align: top; } #website-body .ep_gridcolumn[class*="ep-m_"][data-layout1020$="border"]>.ep_gridcolumn-content .ep-a_loadmore:last-child:after { display: none; } /* MOLECULE : Correction de l'affichage du bouton "load more" (pour les fonds colores) */ #website-body .ep_gridcolumn[class*="ep-m_"][data-layout1020$="border"].ep-layout_greycolor>.ep_gridcolumn-content .ep-a_loadmore:last-child:before { background-color: #f3f4f4; } #website-body .ep_gridcolumn[class*="ep-m_"][data-layout1020$="border"].ep-layout_greygradient>.ep_gridcolumn-content .ep-a_loadmore:last-child:before { background-color: #f3f4f4; background: -webkit-linear-gradient(left, #f3f4f4, #e4e5e6); background: -moz-linear-gradient(left, #f3f4f4, #e4e5e6); background: -ms-linear-gradient(left, #f3f4f4, #e4e5e6); background: linear-gradient(left, #f3f4f4, #e4e5e6); } } @media screen and (min-width:750px) and (max-width:1019px), print { #website-body .ep_gridcolumn[class*="ep-m_"][data-layout750$="border"]>.ep_gridcolumn-content, #website-body .ep_gridcolumn[class*="ep-m_"][data-layout750$="border"]>.ep_gridrow { background-color: #fff; } #website-body .ep_gridcolumn[class*="ep-m_"][data-layout750$="border"].ep-layout_greycolor>.ep_gridcolumn-content, #website-body .ep_gridcolumn[class*="ep-m_"][data-layout750$="border"].ep-layout_greycolor>.ep_gridrow { background-color: #f3f4f4; } #website-body .ep_gridcolumn[class*="ep-m_"][data-layout750$="border"].ep-layout_greygradient>.ep_gridcolumn-content, #website-body .ep_gridcolumn[class*="ep-m_"][data-layout750$="border"].ep-layout_greygradient>.ep_gridrow { background-color: #f3f4f4; background: -webkit-linear-gradient(left, #f3f4f4, #e4e5e6); background: -moz-linear-gradient(left, #f3f4f4, #e4e5e6); background: -ms-linear-gradient(left, #f3f4f4, #e4e5e6); background: linear-gradient(left, #f3f4f4, #e4e5e6); } /* MOLECULE : Ajout du cadre */ #website-body .ep_gridcolumn[class*="ep-m_"][data-layout750$="border"]>.ep_gridcolumn-content { margin-left: 10px; margin-right: 10px; padding-top: 0 !important; padding-left: 0 !important; padding-right: 0 !important; border-left: 1px solid #d1d3d4; border-right: 1px solid #d1d3d4; } #website-body .ep_gridcolumn[class*="ep-m_"][data-layout750$="border"]>.ep_gridcolumn-content [class*="ep-a_"]:first-child { border-top: 1px solid #d1d3d4; } #website-body .ep_gridcolumn[class*="ep-m_"][data-layout750$="border"]>.ep_gridcolumn-content { border-bottom: 1px solid #d1d3d4; } #website-body .ep_gridcolumn[class*="ep-m_"][data-layout750$="border"]>.ep_gridrow { border-top: 1px solid #d1d3d4; border-bottom: 1px solid #d1d3d4; } #website-body .ep_gridcolumn[class*="ep-m_"][data-layout750$="border"]>.ep_gridrow:before { border-right: 1px solid #d1d3d4; } #website-body .ep_gridcolumn[class*="ep-m_"][data-layout750$="border"]>.ep_gridrow:after { border-left: 1px solid #d1d3d4; } #website-body .ep_gridcolumn[class*="ep-m_"][data-layout750$="border"]>.ep_gridrow:before, #website-body .ep_gridcolumn[class*="ep-m_"][data-layout750$="border"]>.ep_gridrow:after { top: -1px; bottom: -1px; background-color: #fff; opacity: 1; } /* MOLECULE : Correction de la marge entre molecules */ #website-body .ep_gridcolumn[class*="ep-m_"][data-layout750$="border"]:after { height: 30px; margin-top: 0; } #website-body .ep_gridcolumn[class*="ep-m_"][data-layout750$="border"]>.ep_gridrow .ep_gridcolumn.ep-layout_image [class*="ep-a_"]:last-child:after { height: 0; margin-top: 0; } /* MOLECULE : Gestion des marges autours du texte */ #website-body .ep_gridcolumn[class*="ep-m_"][data-layout750$="border"] [class*="ep-a_"], #website-body .ep_gridcolumn[class*="ep-m_"][data-layout750$="border"].ep-layout_greycolor [class*="ep-a_"], #website-body .ep_gridcolumn[class*="ep-m_"][data-layout750$="border"].ep-layout_greygradient [class*="ep-a_"], #website-body .ep_gridcolumn[class*="ep-m_"][data-layout750$="border"].ep-layout_black [class*="ep-a_"] { padding-left: 20px; padding-right: 20px; } #website-body .ep_gridcolumn[class*="ep-m_"][data-layout750$="border"]>.ep_gridcolumn-content [class*="ep-a_"]:first-child, #website-body .ep_gridcolumn[class*="ep-m_"][data-layout750$="border"]>.ep_gridrow .ep_gridcolumn.ep-layout_text [class*="ep-a_"]:first-child { padding-top: 20px; } /* MOLECULE : Gestion des marges autours des images */ #website-body .ep_gridcolumn[class*="ep-m_"][data-layout750$="border"] .ep-a_media, #website-body .ep_gridcolumn[class*="ep-m_"][data-layout750$="border"].ep-layout_greycolor .ep-a_media, #website-body .ep_gridcolumn[class*="ep-m_"][data-layout750$="border"].ep-layout_greygradient .ep-a_media, #website-body .ep_gridcolumn[class*="ep-m_"][data-layout750$="border"].ep-layout_black .ep-a_media { padding-top: 0 !important; padding-left: 0; padding-right: 0; } #website-body .ep_gridcolumn[class*="ep-m_"][data-layout750$="border"]>.ep_gridcolumn-content .ep-a_media>figure { position: relative; margin-left: -1px; margin-right: -1px; } #website-body .ep_gridcolumn[class*="ep-m_"][data-layout750$="border"]>.ep_gridcolumn-content .ep-a_media>figure:before, #website-body .ep_gridcolumn[class*="ep-m_"][data-layout750$="border"]>.ep_gridcolumn-content .ep-a_media>figure:after { position: absolute; display: block; z-index: 1; overflow: hidden; top: 0; bottom: 0; width: 1px; height: auto; background-color: #d1d3d4; content: ""; } #website-body .ep_gridcolumn[class*="ep-m_"][data-layout750$="border"]>.ep_gridcolumn-content .ep-a_media>figure:before { left: 0; } #website-body .ep_gridcolumn[class*="ep-m_"][data-layout750$="border"]>.ep_gridcolumn-content .ep-a_media>figure:after { right: 0; } #website-body .ep_gridcolumn[class*="ep-m_"][data-layout750$="border"]>.ep_gridrow .ep_gridcolumn-content .ep-a_media:first-child { margin-top: 0; } /* MOLECULE : Gestion de l'affichage du bouton "load more" */ #website-body .ep_gridcolumn[class*="ep-m_"][data-layout750$="border"]>.ep_gridcolumn-content .ep-a_loadmore:last-child { margin-bottom: -1px; margin-left: -1px; margin-right: -1px; padding-left: 0; padding-right: 0; background-color: #fff; border-bottom: 1px solid #fff; border-left: none; border-right: none; } #website-body .ep_gridcolumn[class*="ep-m_"][data-layout750$="border"]>.ep_gridcolumn-content .ep-a_loadmore:last-child:before { width: 100%; height: calc((1.4em + 32px) /2); padding-top: 0; box-sizing: border-box; background-color: #fff; border-bottom: 1px solid #d1d3d4; border-left: 1px solid #d1d3d4; border-right: 1px solid #d1d3d4; vertical-align: top; } #website-body .ep_gridcolumn[class*="ep-m_"][data-layout750$="border"]>.ep_gridcolumn-content .ep-a_loadmore:last-child:after { display: none; } /* MOLECULE : Correction de l'affichage du bouton "load more" (pour les fonds colores) */ #website-body .ep_gridcolumn[class*="ep-m_"][data-layout750$="border"].ep-layout_greycolor>.ep_gridcolumn-content .ep-a_loadmore:last-child:before { background-color: #f3f4f4; } #website-body .ep_gridcolumn[class*="ep-m_"][data-layout750$="border"].ep-layout_greygradient>.ep_gridcolumn-content .ep-a_loadmore:last-child:before { background-color: #f3f4f4; background: -webkit-linear-gradient(left, #f3f4f4, #e4e5e6); background: -moz-linear-gradient(left, #f3f4f4, #e4e5e6); background: -ms-linear-gradient(left, #f3f4f4, #e4e5e6); background: linear-gradient(left, #f3f4f4, #e4e5e6); } } @media screen and (min-width:640px) and (max-width:749px) { #website-body .ep_gridcolumn[class*="ep-m_"][data-layout640$="border"]>.ep_gridcolumn-content, #website-body .ep_gridcolumn[class*="ep-m_"][data-layout640$="border"]>.ep_gridrow { background-color: #fff; } #website-body .ep_gridcolumn[class*="ep-m_"][data-layout640$="border"].ep-layout_greycolor>.ep_gridcolumn-content, #website-body .ep_gridcolumn[class*="ep-m_"][data-layout640$="border"].ep-layout_greycolor>.ep_gridrow { background-color: #f3f4f4; } #website-body .ep_gridcolumn[class*="ep-m_"][data-layout640$="border"].ep-layout_greygradient>.ep_gridcolumn-content, #website-body .ep_gridcolumn[class*="ep-m_"][data-layout640$="border"].ep-layout_greygradient>.ep_gridrow { background-color: #f3f4f4; background: -webkit-linear-gradient(left, #f3f4f4, #e4e5e6); background: -moz-linear-gradient(left, #f3f4f4, #e4e5e6); background: -ms-linear-gradient(left, #f3f4f4, #e4e5e6); background: linear-gradient(left, #f3f4f4, #e4e5e6); } /* MOLECULE : Ajout du cadre */ #website-body .ep_gridcolumn[class*="ep-m_"][data-layout640$="border"]>.ep_gridcolumn-content { margin-left: 10px; margin-right: 10px; padding-top: 0 !important; padding-left: 0 !important; padding-right: 0 !important; border-left: 1px solid #d1d3d4; border-right: 1px solid #d1d3d4; } #website-body .ep_gridcolumn[class*="ep-m_"][data-layout640$="border"]>.ep_gridcolumn-content [class*="ep-a_"]:first-child { border-top: 1px solid #d1d3d4; } #website-body .ep_gridcolumn[class*="ep-m_"][data-layout640$="border"]>.ep_gridcolumn-content { border-bottom: 1px solid #d1d3d4; } #website-body .ep_gridcolumn[class*="ep-m_"][data-layout640$="border"]>.ep_gridrow { border-top: 1px solid #d1d3d4; border-bottom: 1px solid #d1d3d4; } #website-body .ep_gridcolumn[class*="ep-m_"][data-layout640$="border"]>.ep_gridrow:before { border-right: 1px solid #d1d3d4; } #website-body .ep_gridcolumn[class*="ep-m_"][data-layout640$="border"]>.ep_gridrow:after { border-left: 1px solid #d1d3d4; } #website-body .ep_gridcolumn[class*="ep-m_"][data-layout640$="border"]>.ep_gridrow:before, #website-body .ep_gridcolumn[class*="ep-m_"][data-layout640$="border"]>.ep_gridrow:after { top: -1px; bottom: -1px; background-color: #fff; opacity: 1; } /* MOLECULE : Correction de la marge entre molecules */ #website-body .ep_gridcolumn[class*="ep-m_"][data-layout640$="border"]:after { height: 30px; margin-top: 0; } #website-body .ep_gridcolumn[class*="ep-m_"][data-layout640$="border"]>.ep_gridrow .ep_gridcolumn.ep-layout_image [class*="ep-a_"]:last-child:after { height: 0; margin-top: 0; } /* MOLECULE : Gestion des marges autours du texte */ #website-body .ep_gridcolumn[class*="ep-m_"][data-layout640$="border"] [class*="ep-a_"], #website-body .ep_gridcolumn[class*="ep-m_"][data-layout640$="border"].ep-layout_greycolor [class*="ep-a_"], #website-body .ep_gridcolumn[class*="ep-m_"][data-layout640$="border"].ep-layout_greygradient [class*="ep-a_"], #website-body .ep_gridcolumn[class*="ep-m_"][data-layout640$="border"].ep-layout_black [class*="ep-a_"] { padding-left: 20px; padding-right: 20px; } #website-body .ep_gridcolumn[class*="ep-m_"][data-layout640$="border"]>.ep_gridcolumn-content [class*="ep-a_"]:first-child, #website-body .ep_gridcolumn[class*="ep-m_"][data-layout640$="border"]>.ep_gridrow .ep_gridcolumn.ep-layout_text [class*="ep-a_"]:first-child { padding-top: 20px; } /* MOLECULE : Gestion des marges autours des images */ #website-body .ep_gridcolumn[class*="ep-m_"][data-layout640$="border"] .ep-a_media, #website-body .ep_gridcolumn[class*="ep-m_"][data-layout640$="border"].ep-layout_greycolor .ep-a_media, #website-body .ep_gridcolumn[class*="ep-m_"][data-layout640$="border"].ep-layout_greygradient .ep-a_media, #website-body .ep_gridcolumn[class*="ep-m_"][data-layout640$="border"].ep-layout_black .ep-a_media { padding-top: 0 !important; padding-left: 0; padding-right: 0; } #website-body .ep_gridcolumn[class*="ep-m_"][data-layout640$="border"]>.ep_gridcolumn-content .ep-a_media>figure { position: relative; margin-left: -1px; margin-right: -1px; } #website-body .ep_gridcolumn[class*="ep-m_"][data-layout640$="border"]>.ep_gridcolumn-content .ep-a_media>figure:before, #website-body .ep_gridcolumn[class*="ep-m_"][data-layout640$="border"]>.ep_gridcolumn-content .ep-a_media>figure:after { position: absolute; display: block; z-index: 1; overflow: hidden; top: 0; bottom: 0; width: 1px; height: auto; background-color: #d1d3d4; content: ""; } #website-body .ep_gridcolumn[class*="ep-m_"][data-layout640$="border"]>.ep_gridcolumn-content .ep-a_media>figure:before { left: 0; } #website-body .ep_gridcolumn[class*="ep-m_"][data-layout640$="border"]>.ep_gridcolumn-content .ep-a_media>figure:after { right: 0; } #website-body .ep_gridcolumn[class*="ep-m_"][data-layout640$="border"]>.ep_gridrow .ep_gridcolumn-content .ep-a_media:first-child { margin-top: 0; } /* MOLECULE : Gestion de l'affichage du bouton "load more" */ #website-body .ep_gridcolumn[class*="ep-m_"][data-layout640$="border"]>.ep_gridcolumn-content .ep-a_loadmore:last-child { margin-bottom: -1px; margin-left: -1px; margin-right: -1px; padding-left: 0; padding-right: 0; background-color: #fff; border-bottom: 1px solid #fff; border-left: none; border-right: none; } #website-body .ep_gridcolumn[class*="ep-m_"][data-layout640$="border"]>.ep_gridcolumn-content .ep-a_loadmore:last-child:before { width: 100%; height: calc((1.4em + 32px) /2); padding-top: 0; box-sizing: border-box; background-color: #fff; border-bottom: 1px solid #d1d3d4; border-left: 1px solid #d1d3d4; border-right: 1px solid #d1d3d4; vertical-align: top; } #website-body .ep_gridcolumn[class*="ep-m_"][data-layout640$="border"]>.ep_gridcolumn-content .ep-a_loadmore:last-child:after { display: none; } /* MOLECULE : Correction de l'affichage du bouton "load more" (pour les fonds colores) */ #website-body .ep_gridcolumn[class*="ep-m_"][data-layout640$="border"].ep-layout_greycolor>.ep_gridcolumn-content .ep-a_loadmore:last-child:before { background-color: #f3f4f4; } #website-body .ep_gridcolumn[class*="ep-m_"][data-layout640$="border"].ep-layout_greygradient>.ep_gridcolumn-content .ep-a_loadmore:last-child:before { background-color: #f3f4f4; background: -webkit-linear-gradient(left, #f3f4f4, #e4e5e6); background: -moz-linear-gradient(left, #f3f4f4, #e4e5e6); background: -ms-linear-gradient(left, #f3f4f4, #e4e5e6); background: linear-gradient(left, #f3f4f4, #e4e5e6); } } @media screen and (min-width:480px) and (max-width:639px) { #website-body .ep_gridcolumn[class*="ep-m_"][data-layout480$="border"]>.ep_gridcolumn-content, #website-body .ep_gridcolumn[class*="ep-m_"][data-layout480$="border"]>.ep_gridrow { background-color: #fff; } #website-body .ep_gridcolumn[class*="ep-m_"][data-layout480$="border"].ep-layout_greycolor>.ep_gridcolumn-content, #website-body .ep_gridcolumn[class*="ep-m_"][data-layout480$="border"].ep-layout_greycolor>.ep_gridrow { background-color: #f3f4f4; } #website-body .ep_gridcolumn[class*="ep-m_"][data-layout480$="border"].ep-layout_greygradient>.ep_gridcolumn-content, #website-body .ep_gridcolumn[class*="ep-m_"][data-layout480$="border"].ep-layout_greygradient>.ep_gridrow { background-color: #f3f4f4; background: -webkit-linear-gradient(left, #f3f4f4, #e4e5e6); background: -moz-linear-gradient(left, #f3f4f4, #e4e5e6); background: -ms-linear-gradient(left, #f3f4f4, #e4e5e6); background: linear-gradient(left, #f3f4f4, #e4e5e6); } /* MOLECULE : Ajout du cadre */ #website-body .ep_gridcolumn[class*="ep-m_"][data-layout480$="border"]>.ep_gridcolumn-content { margin-left: 10px; margin-right: 10px; padding-top: 0 !important; padding-left: 0 !important; padding-right: 0 !important; border-left: 1px solid #d1d3d4; border-right: 1px solid #d1d3d4; } #website-body .ep_gridcolumn[class*="ep-m_"][data-layout480$="border"]>.ep_gridcolumn-content [class*="ep-a_"]:first-child { border-top: 1px solid #d1d3d4; } #website-body .ep_gridcolumn[class*="ep-m_"][data-layout480$="border"]>.ep_gridcolumn-content { border-bottom: 1px solid #d1d3d4; } #website-body .ep_gridcolumn[class*="ep-m_"][data-layout480$="border"]>.ep_gridrow { border-top: 1px solid #d1d3d4; border-bottom: 1px solid #d1d3d4; } #website-body .ep_gridcolumn[class*="ep-m_"][data-layout480$="border"]>.ep_gridrow:before { border-right: 1px solid #d1d3d4; } #website-body .ep_gridcolumn[class*="ep-m_"][data-layout480$="border"]>.ep_gridrow:after { border-left: 1px solid #d1d3d4; } #website-body .ep_gridcolumn[class*="ep-m_"][data-layout480$="border"]>.ep_gridrow:before, #website-body .ep_gridcolumn[class*="ep-m_"][data-layout480$="border"]>.ep_gridrow:after { top: -1px; bottom: -1px; background-color: #fff; opacity: 1; } /* MOLECULE : Correction de la marge entre molecules */ #website-body .ep_gridcolumn[class*="ep-m_"][data-layout480$="border"]:after { height: 30px; margin-top: 0; } #website-body .ep_gridcolumn[class*="ep-m_"][data-layout480$="border"]>.ep_gridrow .ep_gridcolumn.ep-layout_image [class*="ep-a_"]:last-child:after { height: 0; margin-top: 0; } /* MOLECULE : Gestion des marges autours du texte */ #website-body .ep_gridcolumn[class*="ep-m_"][data-layout480$="border"] [class*="ep-a_"], #website-body .ep_gridcolumn[class*="ep-m_"][data-layout480$="border"].ep-layout_greycolor [class*="ep-a_"], #website-body .ep_gridcolumn[class*="ep-m_"][data-layout480$="border"].ep-layout_greygradient [class*="ep-a_"], #website-body .ep_gridcolumn[class*="ep-m_"][data-layout480$="border"].ep-layout_black [class*="ep-a_"] { padding-left: 20px; padding-right: 20px; } #website-body .ep_gridcolumn[class*="ep-m_"][data-layout480$="border"]>.ep_gridcolumn-content [class*="ep-a_"]:first-child, #website-body .ep_gridcolumn[class*="ep-m_"][data-layout480$="border"]>.ep_gridrow .ep_gridcolumn.ep-layout_text [class*="ep-a_"]:first-child { padding-top: 20px; } /* MOLECULE : Gestion des marges autours des images */ #website-body .ep_gridcolumn[class*="ep-m_"][data-layout480$="border"] .ep-a_media, #website-body .ep_gridcolumn[class*="ep-m_"][data-layout480$="border"].ep-layout_greycolor .ep-a_media, #website-body .ep_gridcolumn[class*="ep-m_"][data-layout480$="border"].ep-layout_greygradient .ep-a_media, #website-body .ep_gridcolumn[class*="ep-m_"][data-layout480$="border"].ep-layout_black .ep-a_media { padding-top: 0 !important; padding-left: 0; padding-right: 0; } #website-body .ep_gridcolumn[class*="ep-m_"][data-layout480$="border"]>.ep_gridcolumn-content .ep-a_media>figure { position: relative; margin-left: -1px; margin-right: -1px; } #website-body .ep_gridcolumn[class*="ep-m_"][data-layout480$="border"]>.ep_gridcolumn-content .ep-a_media>figure:before, #website-body .ep_gridcolumn[class*="ep-m_"][data-layout480$="border"]>.ep_gridcolumn-content .ep-a_media>figure:after { position: absolute; display: block; z-index: 1; overflow: hidden; top: 0; bottom: 0; width: 1px; height: auto; background-color: #d1d3d4; content: ""; } #website-body .ep_gridcolumn[class*="ep-m_"][data-layout480$="border"]>.ep_gridcolumn-content .ep-a_media>figure:before { left: 0; } #website-body .ep_gridcolumn[class*="ep-m_"][data-layout480$="border"]>.ep_gridcolumn-content .ep-a_media>figure:after { right: 0; } #website-body .ep_gridcolumn[class*="ep-m_"][data-layout480$="border"]>.ep_gridrow .ep_gridcolumn-content .ep-a_media:first-child { margin-top: 0; } /* MOLECULE : Gestion de l'affichage du bouton "load more" */ #website-body .ep_gridcolumn[class*="ep-m_"][data-layout480$="border"]>.ep_gridcolumn-content .ep-a_loadmore:last-child { margin-bottom: -1px; margin-left: -1px; margin-right: -1px; padding-left: 0; padding-right: 0; background-color: #fff; border-bottom: 1px solid #fff; border-left: none; border-right: none; } #website-body .ep_gridcolumn[class*="ep-m_"][data-layout480$="border"]>.ep_gridcolumn-content .ep-a_loadmore:last-child:before { width: 100%; height: calc((1.4em + 32px) /2); padding-top: 0; box-sizing: border-box; background-color: #fff; border-bottom: 1px solid #d1d3d4; border-left: 1px solid #d1d3d4; border-right: 1px solid #d1d3d4; vertical-align: top; } #website-body .ep_gridcolumn[class*="ep-m_"][data-layout480$="border"]>.ep_gridcolumn-content .ep-a_loadmore:last-child:after { display: none; } /* MOLECULE : Correction de l'affichage du bouton "load more" (pour les fonds colores) */ #website-body .ep_gridcolumn[class*="ep-m_"][data-layout480$="border"].ep-layout_greycolor>.ep_gridcolumn-content .ep-a_loadmore:last-child:before { background-color: #f3f4f4; } #website-body .ep_gridcolumn[class*="ep-m_"][data-layout480$="border"].ep-layout_greygradient>.ep_gridcolumn-content .ep-a_loadmore:last-child:before { background-color: #f3f4f4; background: -webkit-linear-gradient(left, #f3f4f4, #e4e5e6); background: -moz-linear-gradient(left, #f3f4f4, #e4e5e6); background: -ms-linear-gradient(left, #f3f4f4, #e4e5e6); background: linear-gradient(left, #f3f4f4, #e4e5e6); } } @media screen and (max-width:479px) { #website-body .ep_gridcolumn[class*="ep-m_"][data-layout320$="border"]>.ep_gridcolumn-content, #website-body .ep_gridcolumn[class*="ep-m_"][data-layout320$="border"]>.ep_gridrow { background-color: #fff; } #website-body .ep_gridcolumn[class*="ep-m_"][data-layout320$="border"].ep-layout_greycolor>.ep_gridcolumn-content, #website-body .ep_gridcolumn[class*="ep-m_"][data-layout320$="border"].ep-layout_greycolor>.ep_gridrow { background-color: #f3f4f4; } #website-body .ep_gridcolumn[class*="ep-m_"][data-layout320$="border"].ep-layout_greygradient>.ep_gridcolumn-content, #website-body .ep_gridcolumn[class*="ep-m_"][data-layout320$="border"].ep-layout_greygradient>.ep_gridrow { background-color: #f3f4f4; background: -webkit-linear-gradient(left, #f3f4f4, #e4e5e6); background: -moz-linear-gradient(left, #f3f4f4, #e4e5e6); background: -ms-linear-gradient(left, #f3f4f4, #e4e5e6); background: linear-gradient(left, #f3f4f4, #e4e5e6); } /* MOLECULE : Ajout du cadre */ #website-body .ep_gridcolumn[class*="ep-m_"][data-layout320$="border"]>.ep_gridcolumn-content { margin-left: 10px; margin-right: 10px; padding-top: 0 !important; padding-left: 0 !important; padding-right: 0 !important; border-left: 1px solid #d1d3d4; border-right: 1px solid #d1d3d4; } #website-body .ep_gridcolumn[class*="ep-m_"][data-layout320$="border"]>.ep_gridcolumn-content [class*="ep-a_"]:first-child { border-top: 1px solid #d1d3d4; } #website-body .ep_gridcolumn[class*="ep-m_"][data-layout320$="border"]>.ep_gridcolumn-content { border-bottom: 1px solid #d1d3d4; } #website-body .ep_gridcolumn[class*="ep-m_"][data-layout320$="border"]>.ep_gridrow { border-top: 1px solid #d1d3d4; border-bottom: 1px solid #d1d3d4; } #website-body .ep_gridcolumn[class*="ep-m_"][data-layout320$="border"]>.ep_gridrow:before { border-right: 1px solid #d1d3d4; } #website-body .ep_gridcolumn[class*="ep-m_"][data-layout320$="border"]>.ep_gridrow:after { border-left: 1px solid #d1d3d4; } #website-body .ep_gridcolumn[class*="ep-m_"][data-layout320$="border"]>.ep_gridrow:before, #website-body .ep_gridcolumn[class*="ep-m_"][data-layout320$="border"]>.ep_gridrow:after { top: -1px; bottom: -1px; background-color: #fff; opacity: 1; } /* MOLECULE : Correction de la marge entre molecules */ #website-body .ep_gridcolumn[class*="ep-m_"][data-layout320$="border"]:after { height: 30px; margin-top: 0; } #website-body .ep_gridcolumn[class*="ep-m_"][data-layout320$="border"]>.ep_gridrow .ep_gridcolumn.ep-layout_image [class*="ep-a_"]:last-child:after { height: 0; margin-top: 0; } /* MOLECULE : Gestion des marges autours du texte */ #website-body .ep_gridcolumn[class*="ep-m_"][data-layout320$="border"] [class*="ep-a_"], #website-body .ep_gridcolumn[class*="ep-m_"][data-layout320$="border"].ep-layout_greycolor [class*="ep-a_"], #website-body .ep_gridcolumn[class*="ep-m_"][data-layout320$="border"].ep-layout_greygradient [class*="ep-a_"], #website-body .ep_gridcolumn[class*="ep-m_"][data-layout320$="border"].ep-layout_black [class*="ep-a_"] { padding-left: 20px; padding-right: 20px; } #website-body .ep_gridcolumn[class*="ep-m_"][data-layout320$="border"]>.ep_gridcolumn-content [class*="ep-a_"]:first-child, #website-body .ep_gridcolumn[class*="ep-m_"][data-layout320$="border"]>.ep_gridrow .ep_gridcolumn.ep-layout_text [class*="ep-a_"]:first-child { padding-top: 20px; } /* MOLECULE : Gestion des marges autours des images */ #website-body .ep_gridcolumn[class*="ep-m_"][data-layout320$="border"] .ep-a_media, #website-body .ep_gridcolumn[class*="ep-m_"][data-layout320$="border"].ep-layout_greycolor .ep-a_media, #website-body .ep_gridcolumn[class*="ep-m_"][data-layout320$="border"].ep-layout_greygradient .ep-a_media, #website-body .ep_gridcolumn[class*="ep-m_"][data-layout320$="border"].ep-layout_black .ep-a_media { padding-top: 0 !important; padding-left: 0; padding-right: 0; } #website-body .ep_gridcolumn[class*="ep-m_"][data-layout320$="border"]>.ep_gridcolumn-content .ep-a_media>figure { position: relative; margin-left: -1px; margin-right: -1px; } #website-body .ep_gridcolumn[class*="ep-m_"][data-layout320$="border"]>.ep_gridcolumn-content .ep-a_media>figure:before, #website-body .ep_gridcolumn[class*="ep-m_"][data-layout320$="border"]>.ep_gridcolumn-content .ep-a_media>figure:after { position: absolute; display: block; z-index: 1; overflow: hidden; top: 0; bottom: 0; width: 1px; height: auto; background-color: #d1d3d4; content: ""; } #website-body .ep_gridcolumn[class*="ep-m_"][data-layout320$="border"]>.ep_gridcolumn-content .ep-a_media>figure:before { left: 0; } #website-body .ep_gridcolumn[class*="ep-m_"][data-layout320$="border"]>.ep_gridcolumn-content .ep-a_media>figure:after { right: 0; } #website-body .ep_gridcolumn[class*="ep-m_"][data-layout320$="border"]>.ep_gridrow .ep_gridcolumn-content .ep-a_media:first-child { margin-top: 0; } /* MOLECULE : Gestion de l'affichage du bouton "load more" */ #website-body .ep_gridcolumn[class*="ep-m_"][data-layout320$="border"]>.ep_gridcolumn-content .ep-a_loadmore:last-child { margin-bottom: -1px; margin-left: -1px; margin-right: -1px; padding-left: 0; padding-right: 0; background-color: #fff; border-bottom: 1px solid #fff; border-left: none; border-right: none; } #website-body .ep_gridcolumn[class*="ep-m_"][data-layout320$="border"]>.ep_gridcolumn-content .ep-a_loadmore:last-child:before { width: 100%; height: calc((1.4em + 32px) /2); padding-top: 0; box-sizing: border-box; background-color: #fff; border-bottom: 1px solid #d1d3d4; border-left: 1px solid #d1d3d4; border-right: 1px solid #d1d3d4; vertical-align: top; } #website-body .ep_gridcolumn[class*="ep-m_"][data-layout320$="border"]>.ep_gridcolumn-content .ep-a_loadmore:last-child:after { display: none; } /* MOLECULE : Correction de l'affichage du bouton "load more" (pour les fonds colores) */ #website-body .ep_gridcolumn[class*="ep-m_"][data-layout320$="border"].ep-layout_greycolor>.ep_gridcolumn-content .ep-a_loadmore:last-child:before { background-color: #f3f4f4; } #website-body .ep_gridcolumn[class*="ep-m_"][data-layout320$="border"].ep-layout_greygradient>.ep_gridcolumn-content .ep-a_loadmore:last-child:before { background-color: #f3f4f4; background: -webkit-linear-gradient(left, #f3f4f4, #e4e5e6); background: -moz-linear-gradient(left, #f3f4f4, #e4e5e6); background: -ms-linear-gradient(left, #f3f4f4, #e4e5e6); background: linear-gradient(left, #f3f4f4, #e4e5e6); } } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* MOLECULE : Affichage de la molecule sur fond colore */ /* MOLECULE : Coloration du fond */ #website-body .ep_gridcolumn[class*="ep-m_"].ep-layout_greycolor>.ep_gridcolumn-content { margin-left: 10px; margin-right: 10px; padding-left: 0 !important; padding-right: 0 !important; } #website-body .ep_gridcolumn[class*="ep-m_"].ep-layout_greycolor>.ep_gridcolumn-content, #website-body .ep_gridcolumn[class*="ep-m_"].ep-layout_greycolor>.ep_gridrow { background-color: #f3f4f4; } #website-body .ep_gridcolumn[class*="ep-m_"].ep-layout_greygradient>.ep_gridcolumn-content, #website-body .ep_gridcolumn[class*="ep-m_"].ep-layout_greygradient>.ep_gridrow { background-color: #f3f4f4; background: -webkit-linear-gradient(left, #f3f4f4, #e4e5e6); background: -moz-linear-gradient(left, #f3f4f4, #e4e5e6); background: -ms-linear-gradient(left, #f3f4f4, #e4e5e6); background: linear-gradient(left, #f3f4f4, #e4e5e6); } #website-body .ep_gridcolumn[class*="ep-m_"].ep-layout_greycolor>.ep_gridcolumn-content:before, #website-body .ep_gridcolumn[class*="ep-m_"].ep-layout_greycolor>.ep_gridcolumn-content:after, #website-body .ep_gridcolumn[class*="ep-m_"].ep-layout_greygradient>.ep_gridcolumn-content:before, #website-body .ep_gridcolumn[class*="ep-m_"].ep-layout_greygradient>.ep_gridcolumn-content:after, #website-body .ep_gridcolumn[class*="ep-m_"].ep-layout_greycolor>.ep_gridrow:before, #website-body .ep_gridcolumn[class*="ep-m_"].ep-layout_greycolor>.ep_gridrow:after, #website-body .ep_gridcolumn[class*="ep-m_"].ep-layout_greygradient>.ep_gridrow:before, #website-body .ep_gridcolumn[class*="ep-m_"].ep-layout_greygradient>.ep_gridrow:after { opacity: 1; } /* MOLECULE : Correction de la marge entre molecules */ #website-body .ep_gridcolumn[class*="ep-m_"].ep-layout_greycolor:after, #website-body .ep_gridcolumn[class*="ep-m_"].ep-layout_greygradient:after { height: 30px; margin-top: 0; background-color: #fff; opacity: 0; } /* MOLECULE : Gestion des marges autours du texte */ #website-body .ep_gridcolumn[class*="ep-m_"].ep-layout_greycolor [class*="ep-a_"], #website-body .ep_gridcolumn[class*="ep-m_"].ep-layout_greygradient [class*="ep-a_"] { padding-left: 10px; padding-right: 10px; box-sizing: border-box; } #website-body .ep_gridcolumn[class*="ep-m_"].ep-layout_greycolor [class*="ep-a_"]:first-child, #website-body .ep_gridcolumn[class*="ep-m_"].ep-layout_greygradient [class*="ep-a_"]:first-child { padding-top: 10px; } #website-body .ep_gridcolumn[class*="ep-m_"].ep-layout_greycolor [class*="ep-a_media"], #website-body .ep_gridcolumn[class*="ep-m_"].ep-layout_greygradient [class*="ep-a_media"], #website-body .ep_gridcolumn[class*="ep-m_"].ep-layout_greycolor [class*="ep-a_loadmore"], #website-body .ep_gridcolumn[class*="ep-m_"].ep-layout_greygradient [class*="ep-a_loadmore"] { padding-left: 0; padding-right: 0; } #website-body .ep_gridcolumn[class*="ep-m_"].ep-layout_greycolor [class*="ep-a_media"]:first-child, #website-body .ep_gridcolumn[class*="ep-m_"].ep-layout_greygradient [class*="ep-a_media"]:first-child, #website-body .ep_gridcolumn[class*="ep-m_"].ep-layout_greycolor [class*="ep-a_loadmore"]:first-child, #website-body .ep_gridcolumn[class*="ep-m_"].ep-layout_greygradient [class*="ep-a_loadmore"]:first-child { padding-top: 0; } /* MOLECULE : Gestion des marges autours des images */ #website-body .ep_gridcolumn[class*="ep-m_"].ep-layout_greycolor>.ep_gridcolumn-content .ep-a_media>figure .ep_media, #website-body .ep_gridcolumn[class*="ep-m_"].ep-layout_greygradient>.ep_gridcolumn-content .ep-a_media>figure .ep_media { position: relative; } #website-body .ep_gridcolumn[class*="ep-m_"].ep-layout_greycolor>.ep_gridcolumn-content .ep-a_media>figure .ep_media:before, #website-body .ep_gridcolumn[class*="ep-m_"].ep-layout_greygradient>.ep_gridcolumn-content .ep-a_media>figure .ep_media:before, #website-body .ep_gridcolumn[class*="ep-m_"].ep-layout_greycolor>.ep_gridcolumn-content .ep-a_media>figure .ep_media:after, #website-body .ep_gridcolumn[class*="ep-m_"].ep-layout_greygradient>.ep_gridcolumn-content .ep-a_media>figure .ep_media:after { position: absolute; display: block; z-index: 1; overflow: hidden; top: 0; bottom: 0; width: 1px; height: auto; background-color: #f3f4f4; content: ""; } #website-body .ep_gridcolumn[class*="ep-m_"].ep-layout_greycolor>.ep_gridcolumn-content .ep-a_media>figure .ep_media:before, #website-body .ep_gridcolumn[class*="ep-m_"].ep-layout_greygradient>.ep_gridcolumn-content .ep-a_media>figure .ep_media:before { left: 0; } #website-body .ep_gridcolumn[class*="ep-m_"].ep-layout_greycolor>.ep_gridcolumn-content .ep-a_media>figure .ep_media:after, #website-body .ep_gridcolumn[class*="ep-m_"].ep-layout_greygradien>.ep_gridcolumn-content .ep-a_media>figure .ep_media:after { right: 0; } #website-body .ep_gridcolumn[class*="ep-m_"].ep-layout_greycolor>.ep_gridrow .ep_gridcolumn-content .ep-a_media:first-child, #website-body .ep_gridcolumn[class*="ep-m_"].ep-layout_greygradient>.ep_gridrow .ep_gridcolumn-content .ep-a_media:first-child { margin-top: 0; } #website-body .ep_gridcolumn.ep-m_billboard.ep-layout_greycolor>.ep_gridcolumn-content>.ep_list .ep_item .ep-a_media>figure .ep_media.ep-layout_border:before, #website-body .ep_gridcolumn.ep-m_billboard.ep-layout_greycolor>.ep_gridcolumn-content>.ep_list .ep_item .ep-a_media>figure .ep_media.ep-layout_border:after, #website-body .ep_gridcolumn.ep-m_billboard.ep-layout_greygradient>.ep_gridcolumn-content>.ep_list .ep_item .ep-a_media>figure .ep_media.ep-layout_border:before, #website-body .ep_gridcolumn.ep-m_billboard.ep-layout_greygradient>.ep_gridcolumn-content>.ep_list .ep_item .ep-a_media>figure .ep_media.ep-layout_border:after { display: none; } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* MOLECULE : Affichage de l'image en premier dans la molecule (produit avec video par exemple) */ /* MOLECULE : Activation du flex dans le conteneur de contenu */ #website-body .ep_gridcolumn[class*="ep-m_"].ep-layout_imagefirst>.ep_gridcolumn-content { display: flex; display: -webkit-flex; flex-direction: column; -webkit-flex-direction: column; } /* MOLECULE : Assignation de la valeur par defaut aux contenus */ #website-body .ep_gridcolumn[class*="ep-m_"].ep-layout_imagefirst .ep_gridrow .ep_gridcolumn, #website-body .ep_gridcolumn[class*="ep-m_"].ep-layout_imagefirst>.ep_gridcolumn-content [class*="ep-a_"] { order: 2; -webkit-order: 2; } /* MOLECULE : Correction de la position des conteneurs d'images */ #website-body .ep_gridcolumn[class*="ep-m_"].ep-layout_imagefirst .ep_gridrow .ep_gridcolumn.ep-layout_image, #website-body .ep_gridcolumn[class*="ep-m_"].ep-layout_imagefirst>.ep_gridcolumn-content [class*="ep-a_"].ep-a_media { order: 1; -webkit-order: 1; flex: 0 0 auto; } @media screen and (min-width:1200px) { /* MOLECULE : Activation du flex dans le conteneur de contenu */ #website-body .ep_gridcolumn[class*="ep-m_"][data-imagefirst1200="true"]>.ep_gridcolumn-content { display: flex; display: -webkit-flex; flex-direction: column; -webkit-flex-direction: column; } /* MOLECULE : Assignation de la valeur par defaut aux contenus */ #website-body .ep_gridcolumn[class*="ep-m_"][data-imagefirst1200="true"] .ep_gridrow .ep_gridcolumn, #website-body .ep_gridcolumn[class*="ep-m_"][data-imagefirst1200="true"]>.ep_gridcolumn-content [class*="ep-a_"] { order: 2; -webkit-order: 2; } /* MOLECULE : Correction de la position des conteneurs d'images */ #website-body .ep_gridcolumn[class*="ep-m_"][data-imagefirst1200="true"] .ep_gridrow .ep_gridcolumn.ep-layout_image, #website-body .ep_gridcolumn[class*="ep-m_"][data-imagefirst1200="true"]>.ep_gridcolumn-content [class*="ep-a_"].ep-a_media { order: 1; -webkit-order: 1; flex: 0 0 auto; } } @media screen and (min-width:1020px) and (max-width:1199px) { /* MOLECULE : Activation du flex dans le conteneur de contenu */ #website-body .ep_gridcolumn[class*="ep-m_"][data-imagefirst1020="true"]>.ep_gridcolumn-content { display: flex; display: -webkit-flex; flex-direction: column; -webkit-flex-direction: column; } /* MOLECULE : Assignation de la valeur par defaut aux contenus */ #website-body .ep_gridcolumn[class*="ep-m_"][data-imagefirst1020="true"] .ep_gridrow .ep_gridcolumn, #website-body .ep_gridcolumn[class*="ep-m_"][data-imagefirst1020="true"]>.ep_gridcolumn-content [class*="ep-a_"] { order: 2; -webkit-order: 2; } /* MOLECULE : Correction de la position des conteneurs d'images */ #website-body .ep_gridcolumn[class*="ep-m_"][data-imagefirst1020="true"] .ep_gridrow .ep_gridcolumn.ep-layout_image, #website-body .ep_gridcolumn[class*="ep-m_"][data-imagefirst1020="true"]>.ep_gridcolumn-content [class*="ep-a_"].ep-a_media { order: 1; -webkit-order: 1; flex: 0 0 auto; } } @media screen and (min-width:750px) and (max-width:1019px), print { /* MOLECULE : Activation du flex dans le conteneur de contenu */ #website-body .ep_gridcolumn[class*="ep-m_"][data-imagefirst750="true"]>.ep_gridcolumn-content { display: flex; display: -webkit-flex; flex-direction: column; -webkit-flex-direction: column; } /* MOLECULE : Assignation de la valeur par defaut aux contenus */ #website-body .ep_gridcolumn[class*="ep-m_"][data-imagefirst750="true"] .ep_gridrow .ep_gridcolumn, #website-body .ep_gridcolumn[class*="ep-m_"][data-imagefirst750="true"]>.ep_gridcolumn-content [class*="ep-a_"] { order: 2; -webkit-order: 2; } /* MOLECULE : Correction de la position des conteneurs d'images */ #website-body .ep_gridcolumn[class*="ep-m_"][data-imagefirst750="true"] .ep_gridrow .ep_gridcolumn.ep-layout_image, #website-body .ep_gridcolumn[class*="ep-m_"][data-imagefirst750="true"]>.ep_gridcolumn-content [class*="ep-a_"].ep-a_media { order: 1; -webkit-order: 1; flex: 0 0 auto; } } @media screen and (min-width:640px) and (max-width:749px) { /* MOLECULE : Activation du flex dans le conteneur de contenu */ #website-body .ep_gridcolumn[class*="ep-m_"][data-imagefirst640="true"]>.ep_gridcolumn-content { display: flex; display: -webkit-flex; flex-direction: column; -webkit-flex-direction: column; } /* MOLECULE : Assignation de la valeur par defaut aux contenus */ #website-body .ep_gridcolumn[class*="ep-m_"][data-imagefirst640="true"] .ep_gridrow .ep_gridcolumn, #website-body .ep_gridcolumn[class*="ep-m_"][data-imagefirst640="true"]>.ep_gridcolumn-content [class*="ep-a_"] { order: 2; -webkit-order: 2; } /* MOLECULE : Correction de la position des conteneurs d'images */ #website-body .ep_gridcolumn[class*="ep-m_"][data-imagefirst640="true"] .ep_gridrow .ep_gridcolumn.ep-layout_image, #website-body .ep_gridcolumn[class*="ep-m_"][data-imagefirst640="true"]>.ep_gridcolumn-content [class*="ep-a_"].ep-a_media { order: 1; -webkit-order: 1; flex: 0 0 auto; } } @media screen and (min-width:480px) and (max-width:639px) { /* MOLECULE : Activation du flex dans le conteneur de contenu */ #website-body .ep_gridcolumn[class*="ep-m_"][data-imagefirst480="true"]>.ep_gridcolumn-content { display: flex; display: -webkit-flex; flex-direction: column; -webkit-flex-direction: column; } /* MOLECULE : Assignation de la valeur par defaut aux contenus */ #website-body .ep_gridcolumn[class*="ep-m_"][data-imagefirst480="true"] .ep_gridrow .ep_gridcolumn, #website-body .ep_gridcolumn[class*="ep-m_"][data-imagefirst480="true"]>.ep_gridcolumn-content [class*="ep-a_"] { order: 2; -webkit-order: 2; } /* MOLECULE : Correction de la position des conteneurs d'images */ #website-body .ep_gridcolumn[class*="ep-m_"][data-imagefirst480="true"] .ep_gridrow .ep_gridcolumn.ep-layout_image, #website-body .ep_gridcolumn[class*="ep-m_"][data-imagefirst480="true"]>.ep_gridcolumn-content [class*="ep-a_"].ep-a_media { order: 1; -webkit-order: 1; flex: 0 0 auto; } } @media screen and (max-width:479px) { /* MOLECULE : Activation du flex dans le conteneur de contenu */ #website-body .ep_gridcolumn[class*="ep-m_"][data-imagefirst1020="true"]>.ep_gridcolumn-content { display: flex; display: -webkit-flex; flex-direction: column; -webkit-flex-direction: column; } /* MOLECULE : Assignation de la valeur par defaut aux contenus */ #website-body .ep_gridcolumn[class*="ep-m_"][data-imagefirst320="true"] .ep_gridrow .ep_gridcolumn, #website-body .ep_gridcolumn[class*="ep-m_"][data-imagefirst320="true"]>.ep_gridcolumn-content [class*="ep-a_"] { order: 2; -webkit-order: 2; } /* MOLECULE : Correction de la position des conteneurs d'images */ #website-body .ep_gridcolumn[class*="ep-m_"][data-imagefirst320="true"] .ep_gridrow .ep_gridcolumn.ep-layout_image, #website-body .ep_gridcolumn[class*="ep-m_"][data-imagefirst320="true"]>.ep_gridcolumn-content [class*="ep-a_"].ep-a_media { order: 1; -webkit-order: 1; flex: 0 0 auto; } } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* MOLECULE : Alignement centre des elements de la molecule */ @media screen and (min-width:1200px) { #website-body .ep_gridcolumn[class*="ep-m_"][data-layout1200^="center"]>.ep_gridcolumn-content [class*="ep-a_"] { text-align: center; } } @media screen and (min-width:1020px) and (max-width:1199px) { #website-body .ep_gridcolumn[class*="ep-m_"][data-layout1020^="center"]>.ep_gridcolumn-content [class*="ep-a_"] { text-align: center; } } @media screen and (min-width:750px) and (max-width:1019px), print { #website-body .ep_gridcolumn[class*="ep-m_"][data-layout750^="center"]>.ep_gridcolumn-content [class*="ep-a_"] { text-align: center; } } @media screen and (min-width:640px) and (max-width:749px) { #website-body .ep_gridcolumn[class*="ep-m_"][data-layout640^="center"]>.ep_gridcolumn-content [class*="ep-a_"] { text-align: center; } } @media screen and (min-width:480px) and (max-width:639px) { #website-body .ep_gridcolumn[class*="ep-m_"][data-layout480^="center"]>.ep_gridcolumn-content [class*="ep-a_"] { text-align: center; } } @media screen and (max-width:479px) { #website-body .ep_gridcolumn[class*="ep-m_"][data-layout320^="center"]>.ep_gridcolumn-content [class*="ep-a_"] { text-align: center; } } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* MOLECULE : Affichage d'une ligne de separation soulignant la molecule */ #website-body .ep_gridcolumn[class*="ep-m_"].ep-layout_underline:after { position: static; display: block; width: auto; height: 30px; margin: 10px 10px 0 10px; background-color: transparent; border-top: 1px solid #1e1e1f; opacity: 1; content: ""; } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* MOLECULE : Affichage d'une molecule entierement cliquable (necessite la presente d'un lien dans une particule "texte") */ /* MOLECULE : Ajout d'une surface de clic sur toute la molecule */ #website-body [class*="ep-m_"].ep-layout_linkmode { position: relative; } #website-body [class*="ep-m_"].ep-layout_linkmode a.ep-a_heading .ep_title .ep-p_text:before, #website-body [class*="ep-m_"].ep-layout_linkmode .ep-a_heading a .ep_title .ep-p_text:before, #website-body [class*="ep-m_"].ep-layout_linkmode .ep-a_heading a.ep_title .ep-p_text:before, #website-body [class*="ep-m_"].ep-layout_linkmode .ep-a_heading .ep_title a .ep-p_text:before, #website-body [class*="ep-m_"].ep-layout_linkmode .ep-a_heading .ep_title a.ep-p_text:before, #website-body [class*="ep-m_"].ep-layout_linkmode .ep-a_heading .ep_title .ep-p_text a:before { position: absolute; display: block; z-index: 1; top: 0; bottom: 20px; left: 10px; right: 10px; background-color: #3c77bd; opacity: 0; cursor: pointer; content: ""; } /* MOLECULE : Correction de la couleur du libelle "category" contenu dans les atomes "heading" */ #website-body [class*="ep-m_"].ep-layout_linkmode .ep-a_heading .ep-p_text.ep-layout_category { color: #3c77bd; } /* MOLECULE : Correction de la hauteur de la zone interactive si la molecule a une couleur de fond */ #website-body [class*="ep-m_"].ep-layout_linkmode.ep-layout_greycolor a.ep-a_heading .ep_title .ep-p_text:before, #website-body [class*="ep-m_"].ep-layout_linkmode.ep-layout_greycolor .ep-a_heading a .ep_title .ep-p_text:before, #website-body [class*="ep-m_"].ep-layout_linkmode.ep-layout_greycolor .ep-a_heading a.ep_title .ep-p_text:before, #website-body [class*="ep-m_"].ep-layout_linkmode.ep-layout_greycolor .ep-a_heading .ep_title a .ep-p_text:before, #website-body [class*="ep-m_"].ep-layout_linkmode.ep-layout_greycolor .ep-a_heading .ep_title a.ep-p_text:before, #website-body [class*="ep-m_"].ep-layout_linkmode.ep-layout_greycolor .ep-a_heading .ep_title .ep-p_text a:before #website-body [class*="ep-m_"].ep-layout_linkmode.ep-layout_greygradient a.ep-a_heading .ep_title .ep-p_text:before, #website-body [class*="ep-m_"].ep-layout_linkmode.ep-layout_greygradient .ep-a_heading a .ep_title .ep-p_text:before, #website-body [class*="ep-m_"].ep-layout_linkmode.ep-layout_greygradient .ep-a_heading a.ep_title .ep-p_text:before, #website-body [class*="ep-m_"].ep-layout_linkmode.ep-layout_greygradient .ep-a_heading .ep_title a .ep-p_text:before, #website-body [class*="ep-m_"].ep-layout_linkmode.ep-layout_greygradient .ep-a_heading .ep_title a.ep-p_text:before, #website-body [class*="ep-m_"].ep-layout_linkmode.ep-layout_greygradient .ep-a_heading .ep_title .ep-p_text a:before { bottom: 30px; } /* MOLECULE : Correction de la hauteur de la zone interactive si la molecule a un format "bordure" */ @media screen and (min-width:1200px) { #website-body [class*="ep-m_"][data-layout1200$="border"].ep-layout_linkmode a.ep-a_heading .ep_title .ep-p_text:before, #website-body [class*="ep-m_"][data-layout1200$="border"].ep-layout_linkmode .ep-a_heading a .ep_title .ep-p_text:before, #website-body [class*="ep-m_"][data-layout1200$="border"].ep-layout_linkmode .ep-a_heading a.ep_title .ep-p_text:before, #website-body [class*="ep-m_"][data-layout1200$="border"].ep-layout_linkmode .ep-a_heading .ep_title a .ep-p_text:before, #website-body [class*="ep-m_"][data-layout1200$="border"].ep-layout_linkmode .ep-a_heading .ep_title a.ep-p_text:before, #website-body [class*="ep-m_"][data-layout1200$="border"].ep-layout_linkmode .ep-a_heading .ep_title .ep-p_text a:before { bottom: 0; } } @media screen and (min-width:1020px) and (max-width:1199px) { #website-body [class*="ep-m_"][data-layout1020$="border"].ep-layout_linkmode a.ep-a_heading .ep_title .ep-p_text:before, #website-body [class*="ep-m_"][data-layout1020$="border"].ep-layout_linkmode .ep-a_heading a .ep_title .ep-p_text:before, #website-body [class*="ep-m_"][data-layout1020$="border"].ep-layout_linkmode .ep-a_heading a.ep_title .ep-p_text:before, #website-body [class*="ep-m_"][data-layout1020$="border"].ep-layout_linkmode .ep-a_heading .ep_title a .ep-p_text:before, #website-body [class*="ep-m_"][data-layout1020$="border"].ep-layout_linkmode .ep-a_heading .ep_title a.ep-p_text:before, #website-body [class*="ep-m_"][data-layout1020$="border"].ep-layout_linkmode .ep-a_heading .ep_title .ep-p_text a:before { bottom: 0; } } @media screen and (min-width:750px) and (max-width:1019px), print { #website-body [class*="ep-m_"][data-layout750$="border"].ep-layout_linkmode a.ep-a_heading .ep_title .ep-p_text:before, #website-body [class*="ep-m_"][data-layout750$="border"].ep-layout_linkmode .ep-a_heading a .ep_title .ep-p_text:before, #website-body [class*="ep-m_"][data-layout750$="border"].ep-layout_linkmode .ep-a_heading a.ep_title .ep-p_text:before, #website-body [class*="ep-m_"][data-layout750$="border"].ep-layout_linkmode .ep-a_heading .ep_title a .ep-p_text:before, #website-body [class*="ep-m_"][data-layout750$="border"].ep-layout_linkmode .ep-a_heading .ep_title a.ep-p_text:before, #website-body [class*="ep-m_"][data-layout750$="border"].ep-layout_linkmode .ep-a_heading .ep_title .ep-p_text a:before { bottom: 0; } } @media screen and (min-width:640px) and (max-width:749px) { #website-body [class*="ep-m_"][data-layout640$="border"].ep-layout_linkmode a.ep-a_heading .ep_title .ep-p_text:before, #website-body [class*="ep-m_"][data-layout640$="border"].ep-layout_linkmode .ep-a_heading a .ep_title .ep-p_text:before, #website-body [class*="ep-m_"][data-layout640$="border"].ep-layout_linkmode .ep-a_heading a.ep_title .ep-p_text:before, #website-body [class*="ep-m_"][data-layout640$="border"].ep-layout_linkmode .ep-a_heading .ep_title a .ep-p_text:before, #website-body [class*="ep-m_"][data-layout640$="border"].ep-layout_linkmode .ep-a_heading .ep_title a.ep-p_text:before, #website-body [class*="ep-m_"][data-layout640$="border"].ep-layout_linkmode .ep-a_heading .ep_title .ep-p_text a:before { bottom: 0; } } @media screen and (min-width:480px) and (max-width:639px) { #website-body [class*="ep-m_"][data-layout480$="border"].ep-layout_linkmode a.ep-a_heading .ep_title .ep-p_text:before, #website-body [class*="ep-m_"][data-layout480$="border"].ep-layout_linkmode .ep-a_heading a .ep_title .ep-p_text:before, #website-body [class*="ep-m_"][data-layout480$="border"].ep-layout_linkmode .ep-a_heading a.ep_title .ep-p_text:before, #website-body [class*="ep-m_"][data-layout480$="border"].ep-layout_linkmode .ep-a_heading .ep_title a .ep-p_text:before, #website-body [class*="ep-m_"][data-layout480$="border"].ep-layout_linkmode .ep-a_heading .ep_title a.ep-p_text:before, #website-body [class*="ep-m_"][data-layout480$="border"].ep-layout_linkmode .ep-a_heading .ep_title .ep-p_text a:before { bottom: 0; } } @media screen and (max-width:479px) { #website-body [class*="ep-m_"][data-layout320$="border"].ep-layout_linkmode a.ep-a_heading .ep_title .ep-p_text:before, #website-body [class*="ep-m_"][data-layout320$="border"].ep-layout_linkmode .ep-a_heading a .ep_title .ep-p_text:before, #website-body [class*="ep-m_"][data-layout320$="border"].ep-layout_linkmode .ep-a_heading a.ep_title .ep-p_text:before, #website-body [class*="ep-m_"][data-layout320$="border"].ep-layout_linkmode .ep-a_heading .ep_title a .ep-p_text:before, #website-body [class*="ep-m_"][data-layout320$="border"].ep-layout_linkmode .ep-a_heading .ep_title a.ep-p_text:before, #website-body [class*="ep-m_"][data-layout320$="border"].ep-layout_linkmode .ep-a_heading .ep_title .ep-p_text a:before { bottom: 0; } } /* ========================================================================================================================================================================== */ /* == HEADER ===================== [MOLECULE] ========= ep-m_header ========================================================================================================= */ /* ========================================================================================================================================================================== */ /* Description : Molecule a utiliser pour la gestion des atomes dans l'entete de l'organisme */ /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* MOLECULE "HEADER" : Affichage au format "titre de liste" */ /* MOLECULE "HEADER" : Blocage des atomes indesirables */ #website-body .ep-m_header.ep-layout_listtitle [class*="ep-a_"] { display: none; } #website-body .ep-m_header.ep-layout_listtitle [class*="ep-a_heading"] { display: block; } /* MOLECULE "HEADER" : Correction du design pour l'affichage en "titre de liste" */ #website-body .ep-m_header.ep-layout_listtitle .ep-a_heading { color: #1e1e1f; } #website-body .ep-m_header.ep-layout_listtitle .ep-a_heading .ep_title .ep-p_text { font-family: Helvetica, Arial, sans-serif; font-size: 1.6em; color: inherit; } #website-body .ep-m_header.ep-layout_listtitle .ep-a_heading .ep_title .ep-p_text .ep_name { font-size: 1em; font-weight: bold; color: inherit; } #website-body .ep-m_header.ep-layout_listtitle .ep-a_heading:after { margin-top: -4px; } /* MOLECULE "HEADER" : Ajout de la ligne de separation (bordure non disponible sur fond colore) */ #website-body .ep-m_header.ep-layout_listtitle:after { width: auto; height: 20px; margin-left: 10px; margin-right: 10px; opacity: 1; background-color: transparent; border-top: 1px solid #d1d3d4; } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* MOLECULE "HEADER" : Affichage au format "tag" */ /* MOLECULE "HEADER" : Blocage des atomes indesirables */ #website-body .ep-m_header.ep-layout_tagtitle [class*="ep-a_"] { display: none; } #website-body .ep-m_header.ep-layout_tagtitle [class*="ep-a_heading"] { display: inline-block; } /* MOLECULE "HEADER" : Ajout du fond de couleur pour le masquage des bordures de separation */ #website-body .ep-m_header.ep-layout_tagtitle:before { position: static; display: block; width: auto; margin: -1px 10px 0 10px; height: 1px; opacity: 1; background-color: #fff; content: ""; } /* MOLECULE "HEADER" : Ajout de la ligne de separation */ #website-body .ep-m_header.ep-layout_tagtitle { display: block !important; text-align: center; letter-spacing: -0.3em; white-space: nowrap; } #website-body .ep-m_header.ep-layout_tagtitle>.ep_gridcolumn-content, #website-body .ep-m_header.ep-layout_tagtitle:after { position: static; display: inline-block; width: 100%; vertical-align: middle; } #website-body .ep-m_header.ep-layout_tagtitle>.ep_gridcolumn-content { position: relative; z-index: 1; box-sizing: border-box; } #website-body .ep-m_header.ep-layout_tagtitle:after { width: calc(100% - 20px); height: 30px; margin-left: calc(10px - 100%); opacity: 1 !important; background-color: transparent; border-top: 1px solid #d1d3d4; content: ""; } #website-body .ep-m_header.ep-layout_tagtitle .ep-a_heading:after { height: 30px; } /* MOLECULE "HEADER" : Design du titre sur fond bleu */ #website-body .ep-m_header.ep-layout_tagtitle .ep-a_heading { vertical-align: middle; color: #fff; } #website-body .ep-m_header.ep-layout_tagtitle .ep-a_heading .ep-p_text { text-transform: uppercase; color: inherit; } body[lang="el"] #website-body .ep-m_header.ep-layout_tagtitle .ep-a_heading .ep-p_text, body[lang="ga"] #website-body .ep-m_header.ep-layout_tagtitle .ep-a_heading .ep-p_text { text-transform: none; } #website-body .ep-m_header.ep-layout_tagtitle .ep-a_heading .ep_title, #website-body .ep-m_header.ep-layout_tagtitle .ep-a_heading .ep_subtitle { padding: 4px 8px; background-color: #3c77bd; border: 1px solid #3c77bd; color: inherit; } #website-body .ep-m_header.ep-layout_tagtitle .ep-a_heading .ep_title .ep-p_text { font-size: 1.2em; } #website-body .ep-m_header.ep-layout_tagtitle .ep-a_heading .ep_subtitle .ep-p_text { font-size: 1.1em; } #website-body .ep-m_header.ep-layout_tagtitle .ep-a_heading .ep_title+.ep_subtitle { padding-top: 0; } #website-body .ep-m_header.ep-layout_tagtitle .ep-a_heading .ep-p_text .ep_icon { display: none; width: 17px; background-position: inherit; } #website-body .ep-m_header.ep-layout_tagtitle .ep-a_heading .ep-p_text .ep_name, #website-body .ep-m_header.ep-layout_tagtitle a.ep-a_heading .ep-p_text .ep_name, #website-body .ep-m_header.ep-layout_tagtitle .ep-a_heading a .ep-p_text .ep_name, #website-body .ep-m_header.ep-layout_tagtitle .ep-a_heading a.ep-p_text .ep_name, #website-body .ep-m_header.ep-layout_tagtitle .ep-a_heading .ep-p_text a .ep_name { transform: none; -webkit-transform: none; font-size: 1em; direction: ltr; white-space: normal; color: inherit; } /* MOLECULE "HEADER" : Blocage de l'effet de survol du texte */ #website-body .ep-m_header.ep-layout_tagtitle .ep-a_heading .ep_title .ep-p_text .ep_name, #website-body .ep-m_header.ep-layout_tagtitle a.ep-a_heading .ep_title .ep-p_text .ep_name, #website-body .ep-m_header.ep-layout_tagtitle .ep-a_heading a .ep_title .ep-p_text .ep_name, #website-body .ep-m_header.ep-layout_tagtitle .ep-a_heading a.ep_title .ep-p_text .ep_name, #website-body .ep-m_header.ep-layout_tagtitle a.ep-a_heading:hover .ep_title .ep-p_text .ep_name, #website-body .ep-m_header.ep-layout_tagtitle a.ep-a_heading:focus .ep_title .ep-p_text .ep_name, #website-body .ep-m_header.ep-layout_tagtitle a.ep-a_heading:active .ep_title .ep-p_text .ep_name, #website-body .ep-m_header.ep-layout_tagtitle .ep-a_heading a:hover .ep_title .ep-p_text .ep_name, #website-body .ep-m_header.ep-layout_tagtitle .ep-a_heading a:focus .ep_title .ep-p_text .ep_name, #website-body .ep-m_header.ep-layout_tagtitle .ep-a_heading a:active .ep_title .ep-p_text .ep_name, #website-body .ep-m_header.ep-layout_tagtitle .ep-a_heading a.ep_title:hover .ep-p_text .ep_name, #website-body .ep-m_header.ep-layout_tagtitle .ep-a_heading a.ep_title:focus .ep-p_text .ep_name, #website-body .ep-m_header.ep-layout_tagtitle .ep-a_heading a.ep_title:active .ep-p_text .ep_name { transform: none; color: inherit; } /* MOLECULE "HEADER" : Effet de survol */ #website-body .ep-m_header.ep-layout_tagtitle .ep-a_heading .ep_title, #website-body .ep-m_header.ep-layout_tagtitle a.ep-a_heading:link .ep_title, #website-body .ep-m_header.ep-layout_tagtitle a.ep-a_heading:visited .ep_title, #website-body .ep-m_header.ep-layout_tagtitle .ep-a_heading a:link .ep_title, #website-body .ep-m_header.ep-layout_tagtitle .ep-a_heading a:visited .ep_title, #website-body .ep-m_header.ep-layout_tagtitle .ep-a_heading a.ep_title:link, #website-body .ep-m_header.ep-layout_tagtitle .ep-a_heading a.ep_title:visited { background-color: #3c77bd; border-color: #3c77bd; color: #fff; } #website-body .ep-m_header.ep-layout_tagtitle a.ep-a_heading:hover .ep_title, #website-body .ep-m_header.ep-layout_tagtitle a.ep-a_heading:focus .ep_title, #website-body .ep-m_header.ep-layout_tagtitle a.ep-a_heading:active .ep_title, #website-body .ep-m_header.ep-layout_tagtitle .ep-a_heading a:hover .ep_title, #website-body .ep-m_header.ep-layout_tagtitle .ep-a_heading a:focus .ep_title, #website-body .ep-m_header.ep-layout_tagtitle .ep-a_heading a:active .ep_title, #website-body .ep-m_header.ep-layout_tagtitle .ep-a_heading a.ep_title:hover, #website-body .ep-m_header.ep-layout_tagtitle .ep-a_heading a.ep_title:focus, #website-body .ep-m_header.ep-layout_tagtitle .ep-a_heading a.ep_title:active { background-color: #fff; border-color: #d1d3d4; color: #3c77bd; } /* ========================================================================================================================================================================== */ /* == FOOTER ===================== [MOLECULE] ========= ep-m_footer ========================================================================================================= */ /* ========================================================================================================================================================================== */ /* Description : Molecule a utiliser pour la gestion des atomes dans le pied de l'organisme */ /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* MOLECULE "FOOTER" : Alignement des colonnes dans la molecules */ /* MOLECULE "FOOTER" : Alignement vertical vers le bas */ #website-body .ep-m_footer>.ep_gridrow .ep_gridrow-content { align-items: flex-end; -webkit-align-items: flex-end; } #website-body .ep-m_footer>.ep_gridrow>.ep_gridrow-content .ep-a_links:after { display: block; } #website-body .ep-m_footer>.ep_gridrow>.ep_gridrow-content .ep-a_links li { border: none; } #website-body .ep-m_footer>.ep_gridrow>.ep_gridrow-content .ep-a_links li+li { padding-top: 0; } /* MOLECULE "FOOTER" : Alignement des secondes colonnes a droite */ @media screen and (min-width:1200px) { #website-body .ep-m_footer[data-layout1200^="spacebetween"]>.ep_gridrow>.ep_gridrow-content>.ep_gridcolumn:nth-child(even) { justify-content: flex-end; -webkit-justify-content: flex-end; } #website-body .ep-m_footer[data-layout1200^="spacebetween"]>.ep_gridrow>.ep_gridrow-content>.ep_gridcolumn:nth-child(even)>.ep_gridcolumn-content [class*="ep-a_"], #website-body .ep-m_footer[data-layout1200^="spacebetween"]>.ep_gridrow>.ep_gridrow-content>.ep_gridcolumn:nth-child(even)>.ep_gridcolumn-content [class*="ep-a_links"] .ep-p_text, #website-body .ep-m_footer[data-layout1200^="spacebetween"]>.ep_gridrow>.ep_gridrow-content>.ep_gridcolumn:nth-child(even)>.ep_gridcolumn-content [class*="ep-a_links"] .ep-p_text a { justify-content: flex-end; -webkit-justify-content: flex-end; text-align: right; } /* Deplacement des icones a droite */ #website-body .ep-m_footer[data-layout1200^="spacebetween"]>.ep_gridrow>.ep_gridrow-content>.ep_gridcolumn:nth-child(even) [class*="ep-a_links"] .ep-p_text .ep_icon { margin-left: 5px; margin-right: 0; order: 2; -webkit-order: 2; } #website-body .ep-m_footer[data-layout1200^="spacebetween"]>.ep_gridrow>.ep_gridrow-content>.ep_gridcolumn:nth-child(even) [class*="ep-a_links"] .ep-p_text .ep_icon:before { transform: none; -webkit-transform: none; } #website-body .ep-m_footer[data-layout1200^="spacebetween"]>.ep_gridrow>.ep_gridrow-content>.ep_gridcolumn:nth-child(even) [class*="ep-a_links"] .ep-p_text.ep-layout_page { padding-left: 0; padding-right: 10px; } #website-body .ep-m_footer[data-layout1200^="spacebetween"]>.ep_gridrow>.ep_gridrow-content>.ep_gridcolumn:nth-child(even) [class*="ep-a_links"] .ep-p_text.ep-layout_pdf, #website-body .ep-m_footer[data-layout1200^="spacebetween"]>.ep_gridrow>.ep_gridrow-content>.ep_gridcolumn:nth-child(even) [class*="ep-a_links"] .ep-p_text.ep-layout_document { padding-left: 0; padding-right: 20px; } #website-body .ep-m_footer[data-layout1200^="spacebetween"]>.ep_gridrow>.ep_gridrow-content>.ep_gridcolumn:nth-child(even) [class*="ep-a_links"] a:hover .ep-p_text .ep_name, #website-body .ep-m_footer[data-layout1200^="spacebetween"]>.ep_gridrow>.ep_gridrow-content>.ep_gridcolumn:nth-child(even) [class*="ep-a_links"] a:focus .ep-p_text .ep_name, #website-body .ep-m_footer[data-layout1200^="spacebetween"]>.ep_gridrow>.ep_gridrow-content>.ep_gridcolumn:nth-child(even) [class*="ep-a_links"] a:active .ep-p_text .ep_name, #website-body .ep-m_footer[data-layout1200^="spacebetween"]>.ep_gridrow>.ep_gridrow-content>.ep_gridcolumn:nth-child(even) [class*="ep-a_links"] a.ep-p_text:hover .ep_name, #website-body .ep-m_footer[data-layout1200^="spacebetween"]>.ep_gridrow>.ep_gridrow-content>.ep_gridcolumn:nth-child(even) [class*="ep-a_links"] a.ep-p_text:focus .ep_name, #website-body .ep-m_footer[data-layout1200^="spacebetween"]>.ep_gridrow>.ep_gridrow-content>.ep_gridcolumn:nth-child(even) [class*="ep-a_links"] a.ep-p_text:active .ep_name, #website-body .ep-m_footer[data-layout1200^="spacebetween"]>.ep_gridrow>.ep_gridrow-content>.ep_gridcolumn:nth-child(even) [class*="ep-a_links"] .ep-p_text a:hover .ep_name, #website-body .ep-m_footer[data-layout1200^="spacebetween"]>.ep_gridrow>.ep_gridrow-content>.ep_gridcolumn:nth-child(even) [class*="ep-a_links"] .ep-p_text a:focus .ep_name, #website-body .ep-m_footer[data-layout1200^="spacebetween"]>.ep_gridrow>.ep_gridrow-content>.ep_gridcolumn:nth-child(even) [class*="ep-a_links"] .ep-p_text a:active .ep_name { transform: translate(-5px, 0); -webkit-transform: translate(-5px, 0); } } @media screen and (min-width:1020px) and (max-width:1199px) { #website-body .ep-m_footer[data-layout1020^="spacebetween"]>.ep_gridrow>.ep_gridrow-content>.ep_gridcolumn:nth-child(even) { justify-content: flex-end; -webkit-justify-content: flex-end; } #website-body .ep-m_footer[data-layout1020^="spacebetween"]>.ep_gridrow>.ep_gridrow-content>.ep_gridcolumn:nth-child(even)>.ep_gridcolumn-content [class*="ep-a_"], #website-body .ep-m_footer[data-layout1020^="spacebetween"]>.ep_gridrow>.ep_gridrow-content>.ep_gridcolumn:nth-child(even)>.ep_gridcolumn-content [class*="ep-a_links"] .ep-p_text, #website-body .ep-m_footer[data-layout1020^="spacebetween"]>.ep_gridrow>.ep_gridrow-content>.ep_gridcolumn:nth-child(even)>.ep_gridcolumn-content [class*="ep-a_links"] .ep-p_text a { justify-content: flex-end; -webkit-justify-content: flex-end; text-align: right; } #website-body .ep-m_footer[data-layout1020^="spacebetween"]>.ep_gridrow>.ep_gridrow-content>.ep_gridcolumn:nth-child(even) [class*="ep-a_links"] .ep-p_text .ep_icon { margin-left: 5px; margin-right: 0; order: 2; -webkit-order: 2; } #website-body .ep-m_footer[data-layout1020^="spacebetween"]>.ep_gridrow>.ep_gridrow-content>.ep_gridcolumn:nth-child(even) [class*="ep-a_links"] .ep-p_text .ep_icon:before { transform: none; -webkit-transform: none; } #website-body .ep-m_footer[data-layout1020^="spacebetween"]>.ep_gridrow>.ep_gridrow-content>.ep_gridcolumn:nth-child(even) [class*="ep-a_links"] .ep-p_text.ep-layout_page { padding-left: 0; padding-right: 10px; } #website-body .ep-m_footer[data-layout1020^="spacebetween"]>.ep_gridrow>.ep_gridrow-content>.ep_gridcolumn:nth-child(even) [class*="ep-a_links"] .ep-p_text.ep-layout_pdf, #website-body .ep-m_footer[data-layout1020^="spacebetween"]>.ep_gridrow>.ep_gridrow-content>.ep_gridcolumn:nth-child(even) [class*="ep-a_links"] .ep-p_text.ep-layout_document { padding-left: 0; padding-right: 20px; } #website-body .ep-m_footer[data-layout1020^="spacebetween"]>.ep_gridrow>.ep_gridrow-content>.ep_gridcolumn:nth-child(even) [class*="ep-a_links"] a:hover .ep-p_text .ep_name, #website-body .ep-m_footer[data-layout1020^="spacebetween"]>.ep_gridrow>.ep_gridrow-content>.ep_gridcolumn:nth-child(even) [class*="ep-a_links"] a:focus .ep-p_text .ep_name, #website-body .ep-m_footer[data-layout1020^="spacebetween"]>.ep_gridrow>.ep_gridrow-content>.ep_gridcolumn:nth-child(even) [class*="ep-a_links"] a:active .ep-p_text .ep_name, #website-body .ep-m_footer[data-layout1020^="spacebetween"]>.ep_gridrow>.ep_gridrow-content>.ep_gridcolumn:nth-child(even) [class*="ep-a_links"] a.ep-p_text:hover .ep_name, #website-body .ep-m_footer[data-layout1020^="spacebetween"]>.ep_gridrow>.ep_gridrow-content>.ep_gridcolumn:nth-child(even) [class*="ep-a_links"] a.ep-p_text:focus .ep_name, #website-body .ep-m_footer[data-layout1020^="spacebetween"]>.ep_gridrow>.ep_gridrow-content>.ep_gridcolumn:nth-child(even) [class*="ep-a_links"] a.ep-p_text:active .ep_name, #website-body .ep-m_footer[data-layout1020^="spacebetween"]>.ep_gridrow>.ep_gridrow-content>.ep_gridcolumn:nth-child(even) [class*="ep-a_links"] .ep-p_text a:hover .ep_name, #website-body .ep-m_footer[data-layout1020^="spacebetween"]>.ep_gridrow>.ep_gridrow-content>.ep_gridcolumn:nth-child(even) [class*="ep-a_links"] .ep-p_text a:focus .ep_name, #website-body .ep-m_footer[data-layout1020^="spacebetween"]>.ep_gridrow>.ep_gridrow-content>.ep_gridcolumn:nth-child(even) [class*="ep-a_links"] .ep-p_text a:active .ep_name { transform: translate(-5px, 0); -webkit-transform: translate(-5px, 0); } } @media screen and (min-width:750px) and (max-width:1019px), print { #website-body .ep-m_footer[data-layout750^="spacebetween"]>.ep_gridrow>.ep_gridrow-content>.ep_gridcolumn:nth-child(even) { justify-content: flex-end; -webkit-justify-content: flex-end; } #website-body .ep-m_footer[data-layout750^="spacebetween"]>.ep_gridrow>.ep_gridrow-content>.ep_gridcolumn:nth-child(even)>.ep_gridcolumn-content [class*="ep-a_"], #website-body .ep-m_footer[data-layout750^="spacebetween"]>.ep_gridrow>.ep_gridrow-content>.ep_gridcolumn:nth-child(even)>.ep_gridcolumn-content [class*="ep-a_links"] .ep-p_text, #website-body .ep-m_footer[data-layout750^="spacebetween"]>.ep_gridrow>.ep_gridrow-content>.ep_gridcolumn:nth-child(even)>.ep_gridcolumn-content [class*="ep-a_links"] .ep-p_text a { justify-content: flex-end; -webkit-justify-content: flex-end; text-align: right; } #website-body .ep-m_footer[data-layout750^="spacebetween"]>.ep_gridrow>.ep_gridrow-content>.ep_gridcolumn:nth-child(even) [class*="ep-a_links"] .ep-p_text .ep_icon { margin-left: 5px; margin-right: 0; order: 2; -webkit-order: 2; } #website-body .ep-m_footer[data-layout750^="spacebetween"]>.ep_gridrow>.ep_gridrow-content>.ep_gridcolumn:nth-child(even) [class*="ep-a_links"] .ep-p_text .ep_icon:before { transform: none; -webkit-transform: none; } #website-body .ep-m_footer[data-layout750^="spacebetween"]>.ep_gridrow>.ep_gridrow-content>.ep_gridcolumn:nth-child(even) [class*="ep-a_links"] .ep-p_text.ep-layout_page { padding-left: 0; padding-right: 10px; } #website-body .ep-m_footer[data-layout750^="spacebetween"]>.ep_gridrow>.ep_gridrow-content>.ep_gridcolumn:nth-child(even) [class*="ep-a_links"] .ep-p_text.ep-layout_pdf, #website-body .ep-m_footer[data-layout750^="spacebetween"]>.ep_gridrow>.ep_gridrow-content>.ep_gridcolumn:nth-child(even) [class*="ep-a_links"] .ep-p_text.ep-layout_document { padding-left: 0; padding-right: 20px; } #website-body .ep-m_footer[data-layout750^="spacebetween"]>.ep_gridrow>.ep_gridrow-content>.ep_gridcolumn:nth-child(even) [class*="ep-a_links"] a:hover .ep-p_text .ep_name, #website-body .ep-m_footer[data-layout750^="spacebetween"]>.ep_gridrow>.ep_gridrow-content>.ep_gridcolumn:nth-child(even) [class*="ep-a_links"] a:focus .ep-p_text .ep_name, #website-body .ep-m_footer[data-layout750^="spacebetween"]>.ep_gridrow>.ep_gridrow-content>.ep_gridcolumn:nth-child(even) [class*="ep-a_links"] a:active .ep-p_text .ep_name, #website-body .ep-m_footer[data-layout750^="spacebetween"]>.ep_gridrow>.ep_gridrow-content>.ep_gridcolumn:nth-child(even) [class*="ep-a_links"] a.ep-p_text:hover .ep_name, #website-body .ep-m_footer[data-layout750^="spacebetween"]>.ep_gridrow>.ep_gridrow-content>.ep_gridcolumn:nth-child(even) [class*="ep-a_links"] a.ep-p_text:focus .ep_name, #website-body .ep-m_footer[data-layout750^="spacebetween"]>.ep_gridrow>.ep_gridrow-content>.ep_gridcolumn:nth-child(even) [class*="ep-a_links"] a.ep-p_text:active .ep_name, #website-body .ep-m_footer[data-layout750^="spacebetween"]>.ep_gridrow>.ep_gridrow-content>.ep_gridcolumn:nth-child(even) [class*="ep-a_links"] .ep-p_text a:hover .ep_name, #website-body .ep-m_footer[data-layout750^="spacebetween"]>.ep_gridrow>.ep_gridrow-content>.ep_gridcolumn:nth-child(even) [class*="ep-a_links"] .ep-p_text a:focus .ep_name, #website-body .ep-m_footer[data-layout750^="spacebetween"]>.ep_gridrow>.ep_gridrow-content>.ep_gridcolumn:nth-child(even) [class*="ep-a_links"] .ep-p_text a:active .ep_name { transform: translate(-5px, 0); -webkit-transform: translate(-5px, 0); } } @media screen and (min-width:640px) and (max-width:749px) { #website-body .ep-m_footer[data-layout640^="spacebetween"]>.ep_gridrow>.ep_gridrow-content>.ep_gridcolumn:nth-child(even) { justify-content: flex-end; -webkit-justify-content: flex-end; } #website-body .ep-m_footer[data-layout640^="spacebetween"]>.ep_gridrow>.ep_gridrow-content>.ep_gridcolumn:nth-child(even)>.ep_gridcolumn-content [class*="ep-a_"], #website-body .ep-m_footer[data-layout640^="spacebetween"]>.ep_gridrow>.ep_gridrow-content>.ep_gridcolumn:nth-child(even)>.ep_gridcolumn-content [class*="ep-a_links"] .ep-p_text, #website-body .ep-m_footer[data-layout640^="spacebetween"]>.ep_gridrow>.ep_gridrow-content>.ep_gridcolumn:nth-child(even)>.ep_gridcolumn-content [class*="ep-a_links"] .ep-p_text a { justify-content: flex-end; -webkit-justify-content: flex-end; text-align: right; } #website-body .ep-m_footer[data-layout640^="spacebetween"]>.ep_gridrow>.ep_gridrow-content>.ep_gridcolumn:nth-child(even) [class*="ep-a_links"] .ep-p_text .ep_icon { margin-left: 5px; margin-right: 0; order: 2; -webkit-order: 2; } #website-body .ep-m_footer[data-layout640^="spacebetween"]>.ep_gridrow>.ep_gridrow-content>.ep_gridcolumn:nth-child(even) [class*="ep-a_links"] .ep-p_text .ep_icon:before { transform: none; -webkit-transform: none; } #website-body .ep-m_footer[data-layout640^="spacebetween"]>.ep_gridrow>.ep_gridrow-content>.ep_gridcolumn:nth-child(even) [class*="ep-a_links"] .ep-p_text.ep-layout_page { padding-left: 0; padding-right: 10px; } #website-body .ep-m_footer[data-layout640^="spacebetween"]>.ep_gridrow>.ep_gridrow-content>.ep_gridcolumn:nth-child(even) [class*="ep-a_links"] .ep-p_text.ep-layout_pdf, #website-body .ep-m_footer[data-layout640^="spacebetween"]>.ep_gridrow>.ep_gridrow-content>.ep_gridcolumn:nth-child(even) [class*="ep-a_links"] .ep-p_text.ep-layout_document { padding-left: 0; padding-right: 20px; } #website-body .ep-m_footer[data-layout640^="spacebetween"]>.ep_gridrow>.ep_gridrow-content>.ep_gridcolumn:nth-child(even) [class*="ep-a_links"] a:hover .ep-p_text .ep_name, #website-body .ep-m_footer[data-layout640^="spacebetween"]>.ep_gridrow>.ep_gridrow-content>.ep_gridcolumn:nth-child(even) [class*="ep-a_links"] a:focus .ep-p_text .ep_name, #website-body .ep-m_footer[data-layout640^="spacebetween"]>.ep_gridrow>.ep_gridrow-content>.ep_gridcolumn:nth-child(even) [class*="ep-a_links"] a:active .ep-p_text .ep_name, #website-body .ep-m_footer[data-layout640^="spacebetween"]>.ep_gridrow>.ep_gridrow-content>.ep_gridcolumn:nth-child(even) [class*="ep-a_links"] a.ep-p_text:hover .ep_name, #website-body .ep-m_footer[data-layout640^="spacebetween"]>.ep_gridrow>.ep_gridrow-content>.ep_gridcolumn:nth-child(even) [class*="ep-a_links"] a.ep-p_text:focus .ep_name, #website-body .ep-m_footer[data-layout640^="spacebetween"]>.ep_gridrow>.ep_gridrow-content>.ep_gridcolumn:nth-child(even) [class*="ep-a_links"] a.ep-p_text:active .ep_name, #website-body .ep-m_footer[data-layout640^="spacebetween"]>.ep_gridrow>.ep_gridrow-content>.ep_gridcolumn:nth-child(even) [class*="ep-a_links"] .ep-p_text a:hover .ep_name, #website-body .ep-m_footer[data-layout640^="spacebetween"]>.ep_gridrow>.ep_gridrow-content>.ep_gridcolumn:nth-child(even) [class*="ep-a_links"] .ep-p_text a:focus .ep_name, #website-body .ep-m_footer[data-layout640^="spacebetween"]>.ep_gridrow>.ep_gridrow-content>.ep_gridcolumn:nth-child(even) [class*="ep-a_links"] .ep-p_text a:active .ep_name { transform: translate(-5px, 0); -webkit-transform: translate(-5px, 0); } } @media screen and (min-width:480px) and (max-width:639px) { #website-body .ep-m_footer[data-layout480^="spacebetween"]>.ep_gridrow>.ep_gridrow-content>.ep_gridcolumn:nth-child(even) { justify-content: flex-end; -webkit-justify-content: flex-end; } #website-body .ep-m_footer[data-layout480^="spacebetween"]>.ep_gridrow>.ep_gridrow-content>.ep_gridcolumn:nth-child(even)>.ep_gridcolumn-content [class*="ep-a_"], #website-body .ep-m_footer[data-layout480^="spacebetween"]>.ep_gridrow>.ep_gridrow-content>.ep_gridcolumn:nth-child(even)>.ep_gridcolumn-content [class*="ep-a_links"] .ep-p_text, #website-body .ep-m_footer[data-layout480^="spacebetween"]>.ep_gridrow>.ep_gridrow-content>.ep_gridcolumn:nth-child(even)>.ep_gridcolumn-content [class*="ep-a_links"] .ep-p_text a { justify-content: flex-end; -webkit-justify-content: flex-end; text-align: right; } #website-body .ep-m_footer[data-layout480^="spacebetween"]>.ep_gridrow>.ep_gridrow-content>.ep_gridcolumn:nth-child(even) [class*="ep-a_links"] .ep-p_text .ep_icon { margin-left: 5px; margin-right: 0; order: 2; -webkit-order: 2; } #website-body .ep-m_footer[data-layout480^="spacebetween"]>.ep_gridrow>.ep_gridrow-content>.ep_gridcolumn:nth-child(even) [class*="ep-a_links"] .ep-p_text .ep_icon:before { transform: none; -webkit-transform: none; } #website-body .ep-m_footer[data-layout480^="spacebetween"]>.ep_gridrow>.ep_gridrow-content>.ep_gridcolumn:nth-child(even) [class*="ep-a_links"] .ep-p_text.ep-layout_page { padding-left: 0; padding-right: 10px; } #website-body .ep-m_footer[data-layout480^="spacebetween"]>.ep_gridrow>.ep_gridrow-content>.ep_gridcolumn:nth-child(even) [class*="ep-a_links"] .ep-p_text.ep-layout_pdf, #website-body .ep-m_footer[data-layout480^="spacebetween"]>.ep_gridrow>.ep_gridrow-content>.ep_gridcolumn:nth-child(even) [class*="ep-a_links"] .ep-p_text.ep-layout_document { padding-left: 0; padding-right: 20px; } #website-body .ep-m_footer[data-layout480^="spacebetween"]>.ep_gridrow>.ep_gridrow-content>.ep_gridcolumn:nth-child(even) [class*="ep-a_links"] a:hover .ep-p_text .ep_name, #website-body .ep-m_footer[data-layout480^="spacebetween"]>.ep_gridrow>.ep_gridrow-content>.ep_gridcolumn:nth-child(even) [class*="ep-a_links"] a:focus .ep-p_text .ep_name, #website-body .ep-m_footer[data-layout480^="spacebetween"]>.ep_gridrow>.ep_gridrow-content>.ep_gridcolumn:nth-child(even) [class*="ep-a_links"] a:active .ep-p_text .ep_name, #website-body .ep-m_footer[data-layout480^="spacebetween"]>.ep_gridrow>.ep_gridrow-content>.ep_gridcolumn:nth-child(even) [class*="ep-a_links"] a.ep-p_text:hover .ep_name, #website-body .ep-m_footer[data-layout480^="spacebetween"]>.ep_gridrow>.ep_gridrow-content>.ep_gridcolumn:nth-child(even) [class*="ep-a_links"] a.ep-p_text:focus .ep_name, #website-body .ep-m_footer[data-layout480^="spacebetween"]>.ep_gridrow>.ep_gridrow-content>.ep_gridcolumn:nth-child(even) [class*="ep-a_links"] a.ep-p_text:active .ep_name, #website-body .ep-m_footer[data-layout480^="spacebetween"]>.ep_gridrow>.ep_gridrow-content>.ep_gridcolumn:nth-child(even) [class*="ep-a_links"] .ep-p_text a:hover .ep_name, #website-body .ep-m_footer[data-layout480^="spacebetween"]>.ep_gridrow>.ep_gridrow-content>.ep_gridcolumn:nth-child(even) [class*="ep-a_links"] .ep-p_text a:focus .ep_name, #website-body .ep-m_footer[data-layout480^="spacebetween"]>.ep_gridrow>.ep_gridrow-content>.ep_gridcolumn:nth-child(even) [class*="ep-a_links"] .ep-p_text a:active .ep_name { transform: translate(-5px, 0); -webkit-transform: translate(-5px, 0); } } @media screen and (max-width:479px) { #website-body .ep-m_footer[data-layout320^="spacebetween"]>.ep_gridrow>.ep_gridrow-content>.ep_gridcolumn:nth-child(even) { justify-content: flex-end; -webkit-justify-content: flex-end; } #website-body .ep-m_footer[data-layout320^="spacebetween"]>.ep_gridrow>.ep_gridrow-content>.ep_gridcolumn:nth-child(even)>.ep_gridcolumn-content [class*="ep-a_"], #website-body .ep-m_footer[data-layout320^="spacebetween"]>.ep_gridrow>.ep_gridrow-content>.ep_gridcolumn:nth-child(even)>.ep_gridcolumn-content [class*="ep-a_links"] .ep-p_text, #website-body .ep-m_footer[data-layout320^="spacebetween"]>.ep_gridrow>.ep_gridrow-content>.ep_gridcolumn:nth-child(even)>.ep_gridcolumn-content [class*="ep-a_links"] .ep-p_text a { justify-content: flex-end; -webkit-justify-content: flex-end; text-align: right; } #website-body .ep-m_footer[data-layout320^="spacebetween"]>.ep_gridrow>.ep_gridrow-content>.ep_gridcolumn:nth-child(even) [class*="ep-a_links"] .ep-p_text .ep_icon { margin-left: 5px; margin-right: 0; order: 2; -webkit-order: 2; } #website-body .ep-m_footer[data-layout320^="spacebetween"]>.ep_gridrow>.ep_gridrow-content>.ep_gridcolumn:nth-child(even) [class*="ep-a_links"] .ep-p_text .ep_icon:before { transform: none; -webkit-transform: none; } #website-body .ep-m_footer[data-layout320^="spacebetween"]>.ep_gridrow>.ep_gridrow-content>.ep_gridcolumn:nth-child(even) [class*="ep-a_links"] .ep-p_text.ep-layout_page { padding-left: 0; padding-right: 10px; } #website-body .ep-m_footer[data-layout320^="spacebetween"]>.ep_gridrow>.ep_gridrow-content>.ep_gridcolumn:nth-child(even) [class*="ep-a_links"] .ep-p_text.ep-layout_pdf, #website-body .ep-m_footer[data-layout320^="spacebetween"]>.ep_gridrow>.ep_gridrow-content>.ep_gridcolumn:nth-child(even) [class*="ep-a_links"] .ep-p_text.ep-layout_document { padding-left: 0; padding-right: 20px; } #website-body .ep-m_footer[data-layout320^="spacebetween"]>.ep_gridrow>.ep_gridrow-content>.ep_gridcolumn:nth-child(even) [class*="ep-a_links"] a:hover .ep-p_text .ep_name, #website-body .ep-m_footer[data-layout320^="spacebetween"]>.ep_gridrow>.ep_gridrow-content>.ep_gridcolumn:nth-child(even) [class*="ep-a_links"] a:focus .ep-p_text .ep_name, #website-body .ep-m_footer[data-layout320^="spacebetween"]>.ep_gridrow>.ep_gridrow-content>.ep_gridcolumn:nth-child(even) [class*="ep-a_links"] a:active .ep-p_text .ep_name, #website-body .ep-m_footer[data-layout320^="spacebetween"]>.ep_gridrow>.ep_gridrow-content>.ep_gridcolumn:nth-child(even) [class*="ep-a_links"] a.ep-p_text:hover .ep_name, #website-body .ep-m_footer[data-layout320^="spacebetween"]>.ep_gridrow>.ep_gridrow-content>.ep_gridcolumn:nth-child(even) [class*="ep-a_links"] a.ep-p_text:focus .ep_name, #website-body .ep-m_footer[data-layout320^="spacebetween"]>.ep_gridrow>.ep_gridrow-content>.ep_gridcolumn:nth-child(even) [class*="ep-a_links"] a.ep-p_text:active .ep_name, #website-body .ep-m_footer[data-layout320^="spacebetween"]>.ep_gridrow>.ep_gridrow-content>.ep_gridcolumn:nth-child(even) [class*="ep-a_links"] .ep-p_text a:hover .ep_name, #website-body .ep-m_footer[data-layout320^="spacebetween"]>.ep_gridrow>.ep_gridrow-content>.ep_gridcolumn:nth-child(even) [class*="ep-a_links"] .ep-p_text a:focus .ep_name, #website-body .ep-m_footer[data-layout320^="spacebetween"]>.ep_gridrow>.ep_gridrow-content>.ep_gridcolumn:nth-child(even) [class*="ep-a_links"] .ep-p_text a:active .ep_name { transform: translate(-5px, 0); -webkit-transform: translate(-5px, 0); } } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* MOLECULE "FOOTER" : Affichage d'une ligne de separation soulignant la molecule */ #website-body .ep-m_footer.ep-layout_underline:after { position: static; display: block !important; width: auto; height: 20px; margin: 10px 10px 0 10px; background-color: transparent; border-top: 1px solid #1e1e1f; opacity: 1 !important; content: ""; } /* ========================================================================================================================================================================== */ /* == PRODUCT ==================== [MOLECULE] ========= ep-m_product ======================================================================================================== */ /* ========================================================================================================================================================================== */ /* Description : Molecule a utiliser pour la presentation de produits (article, video, etc.) */ /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* MOLECULE "PRODUCT" : Effet de survol */ /* MOLECULE "PRODUCT" : Suppression de l'effet de survol de l'image */ #website-body .ep_gridcolumn.ep-m_product a.ep_gridrow-content:hover .ep-a_media .ep_media .ep-p_image .ep_image>span, #website-body .ep_gridcolumn.ep-m_product a.ep_gridrow-content:active .ep-a_media .ep_media .ep-p_image .ep_image>span, #website-body .ep_gridcolumn.ep-m_product a.ep_gridrow-content:focus .ep-a_media .ep_media .ep-p_image .ep_image>span, #website-body .ep_gridcolumn.ep-m_product>a.ep_gridcolumn-content:hover .ep-a_media .ep_media .ep-p_image .ep_image>span, #website-body .ep_gridcolumn.ep-m_product>a.ep_gridcolumn-content:focus .ep-a_media .ep_media .ep-p_image .ep_image>span, #website-body .ep_gridcolumn.ep-m_product>a.ep_gridcolumn-content:active .ep-a_media .ep_media .ep-p_image .ep_image>span { background-size: 100%; } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* MOLECULE "PRODUCT" : Gestion du tag present dans le titre ou dans l'image de la molecule */ /* MOLECULE "PRODUCT" : Suppression du tag dans le titre lorsqu'il est precede d'une image */ #website-body .ep_gridcolumn.ep-m_product .ep_gridcolumn-content .ep-a_media+.ep-a_heading .ep_tag { display: none; } #website-body .ep_gridcolumn.ep-m_product .ep_gridcolumn-content .ep-a_media+.ep-a_heading .ep_tag+.ep_title { margin-top: -4px; } /* MOLECULE "PRODUCT" : Suppression du tag dans le titre lorsqu'il est present dans la colonne "texte" d'une molecule */ #website-body .ep_gridcolumn.ep-m_product .ep-layout_image+.ep-layout_text .ep_gridcolumn-content .ep-a_heading .ep_tag { display: none; } #website-body .ep_gridcolumn.ep-m_product .ep-layout_image+.ep-layout_text .ep_gridcolumn-content .ep-a_heading .ep_tag+.ep_title { margin-top: -4px; } #website-body .ep_gridcolumn.ep-m_product.ep-layout_imagefirst .ep-layout_text .ep_gridcolumn-content .ep-a_heading .ep_tag+.ep_title { margin-top: -4px; } #website-body .ep_gridcolumn.ep-m_product.ep-layout_imagefirst .ep-layout_text .ep_gridcolumn-content .ep-a_heading .ep_tag { display: none; } /* MOLECULE "PRODUCT" : Effet de survol du tag present dans l'image via une molecule en mode "link" */ #website-body .ep_gridcolumn.ep-m_product.ep-layout_linkmode>.ep_gridcolumn-content:hover .ep-a_media .ep_media .ep-p_text.ep-layout_tag .ep_name, #website-body .ep_gridcolumn.ep-m_product.ep-layout_linkmode .ep_gridrow-content:hover .ep-a_media .ep_media .ep-p_text.ep-layout_tag .ep_name { background-color: #fff; color: #3c77bd; } /* MOLECULE "PRODUCT" : Affichage du tag dans le titre lorsqu'il est precede d'une image non visible */ @media screen and (min-width:1200px) { #website-body .ep_gridcolumn.ep-m_product .ep_gridcolumn-content .ep-a_media[data-visibility1200="false"]+.ep-a_heading .ep_tag, #website-body .ep_gridcolumn.ep-m_product .ep-layout_image[data-view1200="0"]+.ep-layout_text .ep_gridcolumn-content .ep-a_heading .ep_tag { display: block; } #website-body .ep_gridcolumn.ep-m_product .ep_gridcolumn-content .ep-a_media[data-visibility1200="false"]+.ep-a_heading .ep_tag+.ep_title, #website-body .ep_gridcolumn.ep-m_product .ep-layout_image[data-view1200="0"]+.ep-layout_text .ep_gridcolumn-content .ep-a_heading .ep_tag+.ep_title { margin-top: 0.6em; } #website-body .ep_gridcolumn.ep-m_product[data-imagefirst1200="true"] .ep-layout_text .ep_gridcolumn-content .ep-a_heading .ep_tag+.ep_title { margin-top: -4px; } #website-body .ep_gridcolumn.ep-m_product[data-imagefirst1200="true"] .ep-layout_text .ep_gridcolumn-content .ep-a_heading .ep_tag { display: none; } } @media screen and (min-width:1020px) and (max-width:1199px) { #website-body .ep_gridcolumn.ep-m_product .ep_gridcolumn-content .ep-a_media[data-visibility1020="false"]+.ep-a_heading .ep_tag, #website-body .ep_gridcolumn.ep-m_product .ep-layout_image[data-view1020="0"]+.ep-layout_text .ep_gridcolumn-content .ep-a_heading .ep_tag { display: block; } #website-body .ep_gridcolumn.ep-m_product .ep_gridcolumn-content .ep-a_media[data-visibility1020="false"]+.ep-a_heading .ep_tag+.ep_title, #website-body .ep_gridcolumn.ep-m_product .ep-layout_image[data-view1020="0"]+.ep-layout_text .ep_gridcolumn-content .ep-a_heading .ep_tag+.ep_title { margin-top: 0.6em; } #website-body .ep_gridcolumn.ep-m_product[data-imagefirst1020="true"] .ep-layout_text .ep_gridcolumn-content .ep-a_heading .ep_tag+.ep_title { margin-top: -4px; } #website-body .ep_gridcolumn.ep-m_product[data-imagefirst1020="true"] .ep-layout_text .ep_gridcolumn-content .ep-a_heading .ep_tag { display: none; } } @media screen and (min-width:750px) and (max-width:1019px), print { #website-body .ep_gridcolumn.ep-m_product .ep_gridcolumn-content .ep-a_media[data-visibility750="false"]+.ep-a_heading .ep_tag, #website-body .ep_gridcolumn.ep-m_product .ep-layout_image[data-view750="0"]+.ep-layout_text .ep_gridcolumn-content .ep-a_heading .ep_tag { display: block; } #website-body .ep_gridcolumn.ep-m_product .ep_gridcolumn-content .ep-a_media[data-visibility750="false"]+.ep-a_heading .ep_tag+.ep_title, #website-body .ep_gridcolumn.ep-m_product .ep-layout_image[data-view750="0"]+.ep-layout_text .ep_gridcolumn-content .ep-a_heading .ep_tag+.ep_title { margin-top: 0.5em; } #website-body .ep_gridcolumn.ep-m_product[data-imagefirst750="true"] .ep-layout_text .ep_gridcolumn-content .ep-a_heading .ep_tag+.ep_title { margin-top: -4px; } #website-body .ep_gridcolumn.ep-m_product[data-imagefirst750="true"] .ep-layout_text .ep_gridcolumn-content .ep-a_heading .ep_tag { display: none; } } @media screen and (min-width:640px) and (max-width:749px) { #website-body .ep_gridcolumn.ep-m_product .ep_gridcolumn-content .ep-a_media[data-visibility640="false"]+.ep-a_heading .ep_tag, #website-body .ep_gridcolumn.ep-m_product .ep-layout_image[data-view640="0"]+.ep-layout_text .ep_gridcolumn-content .ep-a_heading .ep_tag { display: block; } #website-body .ep_gridcolumn.ep-m_product .ep_gridcolumn-content .ep-a_media[data-visibility640="false"]+.ep-a_heading .ep_tag+.ep_title, #website-body .ep_gridcolumn.ep-m_product .ep-layout_image[data-view640="0"]+.ep-layout_text .ep_gridcolumn-content .ep-a_heading .ep_tag+.ep_title { margin-top: 0.6em; } #website-body .ep_gridcolumn.ep-m_product[data-imagefirst640="true"] .ep-layout_text .ep_gridcolumn-content .ep-a_heading .ep_tag+.ep_title { margin-top: -4px; } #website-body .ep_gridcolumn.ep-m_product[data-imagefirst640="true"] .ep-layout_text .ep_gridcolumn-content .ep-a_heading .ep_tag { display: none; } } @media screen and (min-width:480px) and (max-width:639px) { #website-body .ep_gridcolumn.ep-m_product .ep_gridcolumn-content .ep-a_media[data-visibility480="false"]+.ep-a_heading .ep_tag, #website-body .ep_gridcolumn.ep-m_product .ep-layout_image[data-view480="0"]+.ep-layout_text .ep_gridcolumn-content .ep-a_heading .ep_tag { display: block; } #website-body .ep_gridcolumn.ep-m_product .ep_gridcolumn-content .ep-a_media[data-visibility480="false"]+.ep-a_heading .ep_tag+.ep_title, #website-body .ep_gridcolumn.ep-m_product .ep-layout_image[data-view480="0"]+.ep-layout_text .ep_gridcolumn-content .ep-a_heading .ep_tag+.ep_title { margin-top: 0.6em; } #website-body .ep_gridcolumn.ep-m_product[data-imagefirst480="true"] .ep-layout_text .ep_gridcolumn-content .ep-a_heading .ep_tag+.ep_title { margin-top: -4px; } #website-body .ep_gridcolumn.ep-m_product[data-imagefirst480="true"] .ep-layout_text .ep_gridcolumn-content .ep-a_heading .ep_tag { display: none; } } @media screen and (max-width:479px) { #website-body .ep_gridcolumn.ep-m_product .ep_gridcolumn-content .ep-a_media[data-visibility320="false"]+.ep-a_heading .ep_tag, #website-body .ep_gridcolumn.ep-m_product .ep-layout_image[data-view320="0"]+.ep-layout_text .ep_gridcolumn-content .ep-a_heading .ep_tag { display: block; } #website-body .ep_gridcolumn.ep-m_product .ep_gridcolumn-content .ep-a_media[data-visibility320="false"]+.ep-a_heading .ep_tag+.ep_title, #website-body .ep_gridcolumn.ep-m_product .ep-layout_image[data-view320="0"]+.ep-layout_text .ep_gridcolumn-content .ep-a_heading .ep_tag+.ep_title { margin-top: 0.6em; } #website-body .ep_gridcolumn.ep-m_product[data-imagefirst320="true"] .ep-layout_text .ep_gridcolumn-content .ep-a_heading .ep_tag+.ep_title { margin-top: -4px; } #website-body .ep_gridcolumn.ep-m_product[data-imagefirst320="true"] .ep-layout_text .ep_gridcolumn-content .ep-a_heading .ep_tag { display: none; } } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* MOLECULE "PRODUCT" : Affichage de la molecule au format "liste" (sur deux colonnes) */ @media screen and (min-width:1200px) { /* MOLECULE "PRODUCT" : Changement d'orientation du lien du titre en mode "liste" */ #website-body .ep_gridcolumn.ep-m_product[data-layout1200^="list"] a.ep_gridrow-content .ep-a_heading, #website-body .ep_gridcolumn.ep-m_product[data-layout1200^="list"].ep-layout_linkmode .ep_gridrow-content .ep-a_heading .ep_tag, #website-body .ep_gridcolumn.ep-m_product[data-layout1200^="list"].ep-layout_linkmode .ep_gridrow-content .ep-a_heading .ep_subtitle, #website-body .ep_gridcolumn.ep-m_product[data-layout1200^="list"].ep-layout_linkmode .ep_gridrow-content .ep-a_heading .ep_title .ep-p_text .ep_name, #website-body .ep_gridcolumn.ep-m_product[data-layout1200^="list"].ep-layout_linkmode .ep_gridrow-content .ep-a_heading .ep_title .ep-p_text .ep_icon { transition: transform 0.2s ease-out 0s; -webkit-transition: -webkit-transform 0.2s ease-out 0s; } #website-body .ep_gridcolumn.ep-m_product[data-layout1200^="list"] a.ep_gridrow-content .ep-a_heading .ep_title .ep_name, #website-body .ep_gridcolumn.ep-m_product[data-layout1200^="list"].ep-layout_linkmode .ep_gridrow-content .ep-a_heading .ep_title .ep_name { transform: none; -webkit-transform: none; } #website-body .ep_gridcolumn.ep-m_product[data-layout1200^="list"] a.ep_gridrow-content:hover .ep-a_heading, #website-body .ep_gridcolumn.ep-m_product[data-layout1200^="list"] a.ep_gridrow-content:focus .ep-a_heading, #website-body .ep_gridcolumn.ep-m_product[data-layout1200^="list"] a.ep_gridrow-content:active .ep-a_heading, #website-body .ep_gridcolumn.ep-m_product[data-layout1200^="list"].ep-layout_linkmode .ep_gridrow-content:hover .ep-a_heading .ep_tag, #website-body .ep_gridcolumn.ep-m_product[data-layout1200^="list"].ep-layout_linkmode .ep_gridrow-content:hover .ep-a_heading .ep_subtitle, #website-body .ep_gridcolumn.ep-m_product[data-layout1200^="list"].ep-layout_linkmode .ep_gridrow-content:hover .ep-a_heading .ep_title .ep-p_text .ep_name, #website-body .ep_gridcolumn.ep-m_product[data-layout1200^="list"].ep-layout_linkmode .ep_gridrow-content:hover .ep-a_heading .ep_title .ep-p_text .ep_icon, #website-body .ep_gridcolumn.ep-m_product[data-layout1200^="list"].ep-layout_linkmode .ep_gridrow-content .ep-a_heading .ep_title a.ep-p_text:focus .ep_name, #website-body .ep_gridcolumn.ep-m_product[data-layout1200^="list"].ep-layout_linkmode .ep_gridrow-content .ep-a_heading .ep_title a.ep-p_text:active .ep_name, #website-body .ep_gridcolumn.ep-m_product[data-layout1200^="list"].ep-layout_linkmode .ep_gridrow-content .ep-a_heading .ep_title a.ep-p_text:focus .ep_icon, #website-body .ep_gridcolumn.ep-m_product[data-layout1200^="list"].ep-layout_linkmode .ep_gridrow-content .ep-a_heading .ep_title a.ep-p_text:active .ep_icon, #website-body .ep_gridcolumn.ep-m_product[data-layout1200^="list"].ep-layout_linkmode .ep_gridrow-content .ep-a_heading .ep_title .ep-p_text a:focus .ep_name, #website-body .ep_gridcolumn.ep-m_product[data-layout1200^="list"].ep-layout_linkmode .ep_gridrow-content .ep-a_heading .ep_title .ep-p_text a:active .ep_name, #website-body .ep_gridcolumn.ep-m_product[data-layout1200^="list"].ep-layout_linkmode .ep_gridrow-content .ep-a_heading .ep_title .ep-p_text a:focus .ep_icon, #website-body .ep_gridcolumn.ep-m_product[data-layout1200^="list"].ep-layout_linkmode .ep_gridrow-content .ep-a_heading .ep_title .ep-p_text a:active .ep_icon { transform: translate(5px, 0); -webkit-transform: translate(5px, 0); } /* MOLECULE "PRODUCT" : Modification de l'affichage du tag */ #website-body .ep_gridcolumn.ep-m_product[data-layout1200^="list"] .ep_gridrow-content .ep-layout_text .ep-a_heading .ep_tag { display: inline-block; } #website-body .ep_gridcolumn.ep-m_product[data-layout1200^="list"] .ep_gridrow-content .ep-layout_text .ep-a_heading .ep_tag+.ep_title { margin-top: 0.6em; } #website-body .ep_gridcolumn.ep-m_product[data-layout1200^="list"] .ep_gridrow-content .ep-layout_image .ep-a_media .ep-p_text.ep-layout_tag { display: none; } /* MOLECULE "PRODUCT" : Blocage de la zone cliquable sous les deux colonnes */ #website-body .ep_gridcolumn.ep-m_product[data-layout1200^="list"]:after { width: auto; height: 30px; margin-top: -20px; } } @media screen and (min-width:1020px) and (max-width:1199px) { /* MOLECULE "PRODUCT" : Changement d'orientation du lien du titre en mode "liste" */ #website-body .ep_gridcolumn.ep-m_product[data-layout1020^="list"] a.ep_gridrow-content .ep-a_heading, #website-body .ep_gridcolumn.ep-m_product[data-layout1020^="list"].ep-layout_linkmode .ep_gridrow-content .ep-a_heading .ep_tag, #website-body .ep_gridcolumn.ep-m_product[data-layout1020^="list"].ep-layout_linkmode .ep_gridrow-content .ep-a_heading .ep_subtitle, #website-body .ep_gridcolumn.ep-m_product[data-layout1020^="list"].ep-layout_linkmode .ep_gridrow-content .ep-a_heading .ep_title .ep-p_text .ep_name, #website-body .ep_gridcolumn.ep-m_product[data-layout1020^="list"].ep-layout_linkmode .ep_gridrow-content .ep-a_heading .ep_title .ep-p_text .ep_icon { transition: transform 0.2s ease-out 0s; -webkit-transition: -webkit-transform 0.2s ease-out 0s; } #website-body .ep_gridcolumn.ep-m_product[data-layout1020^="list"] a.ep_gridrow-content .ep-a_heading .ep_title .ep_name, #website-body .ep_gridcolumn.ep-m_product[data-layout1020^="list"].ep-layout_linkmode .ep_gridrow-content .ep-a_heading .ep_title .ep_name { transform: none; -webkit-transform: none; } #website-body .ep_gridcolumn.ep-m_product[data-layout1020^="list"] a.ep_gridrow-content:hover .ep-a_heading, #website-body .ep_gridcolumn.ep-m_product[data-layout1020^="list"] a.ep_gridrow-content:focus .ep-a_heading, #website-body .ep_gridcolumn.ep-m_product[data-layout1020^="list"] a.ep_gridrow-content:active .ep-a_heading, #website-body .ep_gridcolumn.ep-m_product[data-layout1020^="list"].ep-layout_linkmode .ep_gridrow-content:hover .ep-a_heading .ep_tag, #website-body .ep_gridcolumn.ep-m_product[data-layout1020^="list"].ep-layout_linkmode .ep_gridrow-content:hover .ep-a_heading .ep_subtitle, #website-body .ep_gridcolumn.ep-m_product[data-layout1020^="list"].ep-layout_linkmode .ep_gridrow-content:hover .ep-a_heading .ep_title .ep-p_text .ep_name, #website-body .ep_gridcolumn.ep-m_product[data-layout1020^="list"].ep-layout_linkmode .ep_gridrow-content:hover .ep-a_heading .ep_title .ep-p_text .ep_icon, #website-body .ep_gridcolumn.ep-m_product[data-layout1020^="list"].ep-layout_linkmode .ep_gridrow-content .ep-a_heading .ep_title a.ep-p_text:focus .ep_name, #website-body .ep_gridcolumn.ep-m_product[data-layout1020^="list"].ep-layout_linkmode .ep_gridrow-content .ep-a_heading .ep_title a.ep-p_text:active .ep_name, #website-body .ep_gridcolumn.ep-m_product[data-layout1020^="list"].ep-layout_linkmode .ep_gridrow-content .ep-a_heading .ep_title a.ep-p_text:focus .ep_icon, #website-body .ep_gridcolumn.ep-m_product[data-layout1020^="list"].ep-layout_linkmode .ep_gridrow-content .ep-a_heading .ep_title a.ep-p_text:active .ep_icon, #website-body .ep_gridcolumn.ep-m_product[data-layout1020^="list"].ep-layout_linkmode .ep_gridrow-content .ep-a_heading .ep_title .ep-p_text a:focus .ep_name, #website-body .ep_gridcolumn.ep-m_product[data-layout1020^="list"].ep-layout_linkmode .ep_gridrow-content .ep-a_heading .ep_title .ep-p_text a:active .ep_name, #website-body .ep_gridcolumn.ep-m_product[data-layout1020^="list"].ep-layout_linkmode .ep_gridrow-content .ep-a_heading .ep_title .ep-p_text a:focus .ep_icon, #website-body .ep_gridcolumn.ep-m_product[data-layout1020^="list"].ep-layout_linkmode .ep_gridrow-content .ep-a_heading .ep_title .ep-p_text a:active .ep_icon { transform: translate(5px, 0); -webkit-transform: translate(5px, 0); } /* MOLECULE "PRODUCT" : Modification de l'affichage du tag */ #website-body .ep_gridcolumn.ep-m_product[data-layout1020^="list"] .ep_gridrow-content .ep-layout_text .ep-a_heading .ep_tag { display: inline-block; } #website-body .ep_gridcolumn.ep-m_product[data-layout1020^="list"] .ep_gridrow-content .ep-layout_text .ep-a_heading .ep_tag+.ep_title { margin-top: 0.6em; } #website-body .ep_gridcolumn.ep-m_product[data-layout1020^="list"] .ep_gridrow-content .ep-layout_image .ep-a_media .ep-p_text.ep-layout_tag { display: none; } /* MOLECULE "PRODUCT" : Blocage de la zone cliquable sous les deux colonnes */ #website-body .ep_gridcolumn.ep-m_product[data-layout1020^="list"]:after { width: auto; margin-top: -20px; height: 30px; } } @media screen and (min-width:750px) and (max-width:1019px), print { /* MOLECULE "PRODUCT" : Changement d'orientation du lien du titre en mode "liste" */ #website-body .ep_gridcolumn.ep-m_product[data-layout750^="list"] a.ep_gridrow-content .ep-a_heading, #website-body .ep_gridcolumn.ep-m_product[data-layout750^="list"].ep-layout_linkmode .ep_gridrow-content .ep-a_heading .ep_tag, #website-body .ep_gridcolumn.ep-m_product[data-layout750^="list"].ep-layout_linkmode .ep_gridrow-content .ep-a_heading .ep_subtitle, #website-body .ep_gridcolumn.ep-m_product[data-layout750^="list"].ep-layout_linkmode .ep_gridrow-content .ep-a_heading .ep_title .ep-p_text .ep_name, #website-body .ep_gridcolumn.ep-m_product[data-layout750^="list"].ep-layout_linkmode .ep_gridrow-content .ep-a_heading .ep_title .ep-p_text .ep_icon { transition: transform 0.2s ease-out 0s; -webkit-transition: -webkit-transform 0.2s ease-out 0s; } #website-body .ep_gridcolumn.ep-m_product[data-layout750^="list"] a.ep_gridrow-content .ep-a_heading .ep_title .ep_name, #website-body .ep_gridcolumn.ep-m_product[data-layout750^="list"].ep-layout_linkmode .ep_gridrow-content .ep-a_heading .ep_title .ep_name { transform: none; -webkit-transform: none; } #website-body .ep_gridcolumn.ep-m_product[data-layout750^="list"] a.ep_gridrow-content:hover .ep-a_heading, #website-body .ep_gridcolumn.ep-m_product[data-layout750^="list"] a.ep_gridrow-content:focus .ep-a_heading, #website-body .ep_gridcolumn.ep-m_product[data-layout750^="list"] a.ep_gridrow-content:active .ep-a_heading, #website-body .ep_gridcolumn.ep-m_product[data-layout750^="list"].ep-layout_linkmode .ep_gridrow-content:hover .ep-a_heading .ep_tag, #website-body .ep_gridcolumn.ep-m_product[data-layout750^="list"].ep-layout_linkmode .ep_gridrow-content:hover .ep-a_heading .ep_subtitle, #website-body .ep_gridcolumn.ep-m_product[data-layout750^="list"].ep-layout_linkmode .ep_gridrow-content:hover .ep-a_heading .ep_title .ep-p_text .ep_name, #website-body .ep_gridcolumn.ep-m_product[data-layout750^="list"].ep-layout_linkmode .ep_gridrow-content:hover .ep-a_heading .ep_title .ep-p_text .ep_icon, #website-body .ep_gridcolumn.ep-m_product[data-layout750^="list"].ep-layout_linkmode .ep_gridrow-content .ep-a_heading .ep_title a.ep-p_text:focus .ep_name, #website-body .ep_gridcolumn.ep-m_product[data-layout750^="list"].ep-layout_linkmode .ep_gridrow-content .ep-a_heading .ep_title a.ep-p_text:active .ep_name, #website-body .ep_gridcolumn.ep-m_product[data-layout750^="list"].ep-layout_linkmode .ep_gridrow-content .ep-a_heading .ep_title a.ep-p_text:focus .ep_icon, #website-body .ep_gridcolumn.ep-m_product[data-layout750^="list"].ep-layout_linkmode .ep_gridrow-content .ep-a_heading .ep_title a.ep-p_text:active .ep_icon, #website-body .ep_gridcolumn.ep-m_product[data-layout750^="list"].ep-layout_linkmode .ep_gridrow-content .ep-a_heading .ep_title .ep-p_text a:focus .ep_name, #website-body .ep_gridcolumn.ep-m_product[data-layout750^="list"].ep-layout_linkmode .ep_gridrow-content .ep-a_heading .ep_title .ep-p_text a:active .ep_name, #website-body .ep_gridcolumn.ep-m_product[data-layout750^="list"].ep-layout_linkmode .ep_gridrow-content .ep-a_heading .ep_title .ep-p_text a:focus .ep_icon, #website-body .ep_gridcolumn.ep-m_product[data-layout750^="list"].ep-layout_linkmode .ep_gridrow-content .ep-a_heading .ep_title .ep-p_text a:active .ep_icon { transform: translate(5px, 0); -webkit-transform: translate(5px, 0); } /* MOLECULE "PRODUCT" : Modification de l'affichage du tag */ #website-body .ep_gridcolumn.ep-m_product[data-layout750^="list"] .ep_gridrow-content .ep-layout_text .ep-a_heading .ep_tag { display: inline-block; } #website-body .ep_gridcolumn.ep-m_product[data-layout750^="list"] .ep_gridrow-content .ep-layout_text .ep-a_heading .ep_tag+.ep_title { margin-top: 0.6em; } #website-body .ep_gridcolumn.ep-m_product[data-layout750^="list"] .ep_gridrow-content .ep-layout_image .ep-a_media .ep-p_text.ep-layout_tag { display: none; } /* MOLECULE "PRODUCT" : Blocage de la zone cliquable sous les deux colonnes */ #website-body .ep_gridcolumn.ep-m_product[data-layout750^="list"]:after { width: auto; margin-top: -20px; height: 30px; } } @media screen and (min-width:640px) and (max-width:749px) { /* MOLECULE "PRODUCT" : Changement d'orientation du lien du titre en mode "liste" */ #website-body .ep_gridcolumn.ep-m_product[data-layout640^="list"] a.ep_gridrow-content .ep-a_heading, #website-body .ep_gridcolumn.ep-m_product[data-layout640^="list"].ep-layout_linkmode .ep_gridrow-content .ep-a_heading .ep_tag, #website-body .ep_gridcolumn.ep-m_product[data-layout640^="list"].ep-layout_linkmode .ep_gridrow-content .ep-a_heading .ep_subtitle, #website-body .ep_gridcolumn.ep-m_product[data-layout640^="list"].ep-layout_linkmode .ep_gridrow-content .ep-a_heading .ep_title .ep-p_text .ep_name, #website-body .ep_gridcolumn.ep-m_product[data-layout640^="list"].ep-layout_linkmode .ep_gridrow-content .ep-a_heading .ep_title .ep-p_text .ep_icon { transition: transform 0.2s ease-out 0s; -webkit-transition: -webkit-transform 0.2s ease-out 0s; } #website-body .ep_gridcolumn.ep-m_product[data-layout640^="list"] a.ep_gridrow-content .ep-a_heading .ep_title .ep_name, #website-body .ep_gridcolumn.ep-m_product[data-layout640^="list"].ep-layout_linkmode .ep_gridrow-content .ep-a_heading .ep_title .ep_name { transform: none; -webkit-transform: none; } #website-body .ep_gridcolumn.ep-m_product[data-layout640^="list"] a.ep_gridrow-content:hover .ep-a_heading, #website-body .ep_gridcolumn.ep-m_product[data-layout640^="list"] a.ep_gridrow-content:focus .ep-a_heading, #website-body .ep_gridcolumn.ep-m_product[data-layout640^="list"] a.ep_gridrow-content:active .ep-a_heading, #website-body .ep_gridcolumn.ep-m_product[data-layout640^="list"].ep-layout_linkmode .ep_gridrow-content:hover .ep-a_heading .ep_tag, #website-body .ep_gridcolumn.ep-m_product[data-layout640^="list"].ep-layout_linkmode .ep_gridrow-content:hover .ep-a_heading .ep_subtitle, #website-body .ep_gridcolumn.ep-m_product[data-layout640^="list"].ep-layout_linkmode .ep_gridrow-content:hover .ep-a_heading .ep_title .ep-p_text .ep_name, #website-body .ep_gridcolumn.ep-m_product[data-layout640^="list"].ep-layout_linkmode .ep_gridrow-content:hover .ep-a_heading .ep_title .ep-p_text .ep_icon, #website-body .ep_gridcolumn.ep-m_product[data-layout640^="list"].ep-layout_linkmode .ep_gridrow-content .ep-a_heading .ep_title a.ep-p_text:focus .ep_name, #website-body .ep_gridcolumn.ep-m_product[data-layout640^="list"].ep-layout_linkmode .ep_gridrow-content .ep-a_heading .ep_title a.ep-p_text:active .ep_name, #website-body .ep_gridcolumn.ep-m_product[data-layout640^="list"].ep-layout_linkmode .ep_gridrow-content .ep-a_heading .ep_title a.ep-p_text:focus .ep_icon, #website-body .ep_gridcolumn.ep-m_product[data-layout640^="list"].ep-layout_linkmode .ep_gridrow-content .ep-a_heading .ep_title a.ep-p_text:active .ep_icon, #website-body .ep_gridcolumn.ep-m_product[data-layout640^="list"].ep-layout_linkmode .ep_gridrow-content .ep-a_heading .ep_title .ep-p_text a:focus .ep_name, #website-body .ep_gridcolumn.ep-m_product[data-layout640^="list"].ep-layout_linkmode .ep_gridrow-content .ep-a_heading .ep_title .ep-p_text a:active .ep_name, #website-body .ep_gridcolumn.ep-m_product[data-layout640^="list"].ep-layout_linkmode .ep_gridrow-content .ep-a_heading .ep_title .ep-p_text a:focus .ep_icon, #website-body .ep_gridcolumn.ep-m_product[data-layout640^="list"].ep-layout_linkmode .ep_gridrow-content .ep-a_heading .ep_title .ep-p_text a:active .ep_icon { transform: translate(5px, 0); -webkit-transform: translate(5px, 0); } /* MOLECULE "PRODUCT" : Modification de l'affichage du tag */ #website-body .ep_gridcolumn.ep-m_product[data-layout640^="list"] .ep_gridrow-content .ep-layout_text .ep-a_heading .ep_tag { display: inline-block; } #website-body .ep_gridcolumn.ep-m_product[data-layout640^="list"] .ep_gridrow-content .ep-layout_text .ep-a_heading .ep_tag+.ep_title { margin-top: 0.6em; } #website-body .ep_gridcolumn.ep-m_product[data-layout640^="list"] .ep_gridrow-content .ep-layout_image .ep-a_media .ep-p_text.ep-layout_tag { display: none; } /* MOLECULE "PRODUCT" : Blocage de la zone cliquable sous les deux colonnes */ #website-body .ep_gridcolumn.ep-m_product[data-layout640^="list"]:after { width: auto; margin-top: -20px; height: 30px; } } @media screen and (min-width:480px) and (max-width:639px) { /* MOLECULE "PRODUCT" : Changement d'orientation du lien du titre en mode "liste" */ #website-body .ep_gridcolumn.ep-m_product[data-layout480^="list"] a.ep_gridrow-content .ep-a_heading, #website-body .ep_gridcolumn.ep-m_product[data-layout480^="list"].ep-layout_linkmode .ep_gridrow-content .ep-a_heading .ep_tag, #website-body .ep_gridcolumn.ep-m_product[data-layout480^="list"].ep-layout_linkmode .ep_gridrow-content .ep-a_heading .ep_subtitle, #website-body .ep_gridcolumn.ep-m_product[data-layout480^="list"].ep-layout_linkmode .ep_gridrow-content .ep-a_heading .ep_title .ep-p_text .ep_name, #website-body .ep_gridcolumn.ep-m_product[data-layout480^="list"].ep-layout_linkmode .ep_gridrow-content .ep-a_heading .ep_title .ep-p_text .ep_icon { transition: transform 0.2s ease-out 0s; -webkit-transition: -webkit-transform 0.2s ease-out 0s; } #website-body .ep_gridcolumn.ep-m_product[data-layout480^="list"] a.ep_gridrow-content .ep-a_heading .ep_title .ep_name, #website-body .ep_gridcolumn.ep-m_product[data-layout480^="list"].ep-layout_linkmode .ep_gridrow-content .ep-a_heading .ep_title .ep_name { transform: none; -webkit-transform: none; } #website-body .ep_gridcolumn.ep-m_product[data-layout480^="list"] a.ep_gridrow-content:hover .ep-a_heading, #website-body .ep_gridcolumn.ep-m_product[data-layout480^="list"] a.ep_gridrow-content:focus .ep-a_heading, #website-body .ep_gridcolumn.ep-m_product[data-layout480^="list"] a.ep_gridrow-content:active .ep-a_heading, #website-body .ep_gridcolumn.ep-m_product[data-layout480^="list"].ep-layout_linkmode .ep_gridrow-content:hover .ep-a_heading .ep_tag, #website-body .ep_gridcolumn.ep-m_product[data-layout480^="list"].ep-layout_linkmode .ep_gridrow-content:hover .ep-a_heading .ep_subtitle, #website-body .ep_gridcolumn.ep-m_product[data-layout480^="list"].ep-layout_linkmode .ep_gridrow-content:hover .ep-a_heading .ep_title .ep-p_text .ep_name, #website-body .ep_gridcolumn.ep-m_product[data-layout480^="list"].ep-layout_linkmode .ep_gridrow-content:hover .ep-a_heading .ep_title .ep-p_text .ep_icon, #website-body .ep_gridcolumn.ep-m_product[data-layout480^="list"].ep-layout_linkmode .ep_gridrow-content .ep-a_heading .ep_title a.ep-p_text:focus .ep_name, #website-body .ep_gridcolumn.ep-m_product[data-layout480^="list"].ep-layout_linkmode .ep_gridrow-content .ep-a_heading .ep_title a.ep-p_text:active .ep_name, #website-body .ep_gridcolumn.ep-m_product[data-layout480^="list"].ep-layout_linkmode .ep_gridrow-content .ep-a_heading .ep_title a.ep-p_text:focus .ep_icon, #website-body .ep_gridcolumn.ep-m_product[data-layout480^="list"].ep-layout_linkmode .ep_gridrow-content .ep-a_heading .ep_title a.ep-p_text:active .ep_icon, #website-body .ep_gridcolumn.ep-m_product[data-layout480^="list"].ep-layout_linkmode .ep_gridrow-content .ep-a_heading .ep_title .ep-p_text a:focus .ep_name, #website-body .ep_gridcolumn.ep-m_product[data-layout480^="list"].ep-layout_linkmode .ep_gridrow-content .ep-a_heading .ep_title .ep-p_text a:active .ep_name, #website-body .ep_gridcolumn.ep-m_product[data-layout480^="list"].ep-layout_linkmode .ep_gridrow-content .ep-a_heading .ep_title .ep-p_text a:focus .ep_icon, #website-body .ep_gridcolumn.ep-m_product[data-layout480^="list"].ep-layout_linkmode .ep_gridrow-content .ep-a_heading .ep_title .ep-p_text a:active .ep_icon { transform: translate(5px, 0); -webkit-transform: translate(5px, 0); } /* MOLECULE "PRODUCT" : Modification de l'affichage du tag */ #website-body .ep_gridcolumn.ep-m_product[data-layout480^="list"] .ep_gridrow-content .ep-layout_text .ep-a_heading .ep_tag { display: inline-block; } #website-body .ep_gridcolumn.ep-m_product[data-layout480^="list"] .ep_gridrow-content .ep-layout_text .ep-a_heading .ep_tag+.ep_title { margin-top: 0.6em; } #website-body .ep_gridcolumn.ep-m_product[data-layout480^="list"] .ep_gridrow-content .ep-layout_image .ep-a_media .ep-p_text.ep-layout_tag { display: none; } /* MOLECULE "PRODUCT" : Blocage de la zone cliquable sous les deux colonnes */ #website-body .ep_gridcolumn.ep-m_product[data-layout480^="list"]:after { width: auto; margin-top: -20px; height: 30px; } } @media screen and (max-width:479px) { /* MOLECULE "PRODUCT" : Changement d'orientation du lien du titre en mode "liste" */ #website-body .ep_gridcolumn.ep-m_product[data-layout320^="list"] a.ep_gridrow-content .ep-a_heading, #website-body .ep_gridcolumn.ep-m_product[data-layout320^="list"].ep-layout_linkmode .ep_gridrow-content .ep-a_heading .ep_tag, #website-body .ep_gridcolumn.ep-m_product[data-layout320^="list"].ep-layout_linkmode .ep_gridrow-content .ep-a_heading .ep_subtitle, #website-body .ep_gridcolumn.ep-m_product[data-layout320^="list"].ep-layout_linkmode .ep_gridrow-content .ep-a_heading .ep_title .ep-p_text .ep_name, #website-body .ep_gridcolumn.ep-m_product[data-layout320^="list"].ep-layout_linkmode .ep_gridrow-content .ep-a_heading .ep_title .ep-p_text .ep_icon { transition: transform 0.2s ease-out 0s; -webkit-transition: -webkit-transform 0.2s ease-out 0s; } #website-body .ep_gridcolumn.ep-m_product[data-layout320^="list"] a.ep_gridrow-content .ep-a_heading .ep_title .ep_name, #website-body .ep_gridcolumn.ep-m_product[data-layout320^="list"].ep-layout_linkmode .ep_gridrow-content .ep-a_heading .ep_title .ep_name { transform: none; -webkit-transform: none; } #website-body .ep_gridcolumn.ep-m_product[data-layout320^="list"] a.ep_gridrow-content:hover .ep-a_heading, #website-body .ep_gridcolumn.ep-m_product[data-layout320^="list"] a.ep_gridrow-content:focus .ep-a_heading, #website-body .ep_gridcolumn.ep-m_product[data-layout320^="list"] a.ep_gridrow-content:active .ep-a_heading, #website-body .ep_gridcolumn.ep-m_product[data-layout320^="list"].ep-layout_linkmode .ep_gridrow-content:hover .ep-a_heading .ep_tag, #website-body .ep_gridcolumn.ep-m_product[data-layout320^="list"].ep-layout_linkmode .ep_gridrow-content:hover .ep-a_heading .ep_subtitle, #website-body .ep_gridcolumn.ep-m_product[data-layout320^="list"].ep-layout_linkmode .ep_gridrow-content:hover .ep-a_heading .ep_title .ep-p_text .ep_name, #website-body .ep_gridcolumn.ep-m_product[data-layout320^="list"].ep-layout_linkmode .ep_gridrow-content:hover .ep-a_heading .ep_title .ep-p_text .ep_icon, #website-body .ep_gridcolumn.ep-m_product[data-layout320^="list"].ep-layout_linkmode .ep_gridrow-content .ep-a_heading .ep_title a.ep-p_text:focus .ep_name, #website-body .ep_gridcolumn.ep-m_product[data-layout320^="list"].ep-layout_linkmode .ep_gridrow-content .ep-a_heading .ep_title a.ep-p_text:active .ep_name, #website-body .ep_gridcolumn.ep-m_product[data-layout320^="list"].ep-layout_linkmode .ep_gridrow-content .ep-a_heading .ep_title a.ep-p_text:focus .ep_icon, #website-body .ep_gridcolumn.ep-m_product[data-layout320^="list"].ep-layout_linkmode .ep_gridrow-content .ep-a_heading .ep_title a.ep-p_text:active .ep_icon, #website-body .ep_gridcolumn.ep-m_product[data-layout320^="list"].ep-layout_linkmode .ep_gridrow-content .ep-a_heading .ep_title .ep-p_text a:focus .ep_name, #website-body .ep_gridcolumn.ep-m_product[data-layout320^="list"].ep-layout_linkmode .ep_gridrow-content .ep-a_heading .ep_title .ep-p_text a:active .ep_name, #website-body .ep_gridcolumn.ep-m_product[data-layout320^="list"].ep-layout_linkmode .ep_gridrow-content .ep-a_heading .ep_title .ep-p_text a:focus .ep_icon, #website-body .ep_gridcolumn.ep-m_product[data-layout320^="list"].ep-layout_linkmode .ep_gridrow-content .ep-a_heading .ep_title .ep-p_text a:active .ep_icon { transform: translate(5px, 0); -webkit-transform: translate(5px, 0); } /* MOLECULE "PRODUCT" : Modification de l'affichage du tag */ #website-body .ep_gridcolumn.ep-m_product[data-layout320^="list"] .ep_gridrow-content .ep-layout_text .ep-a_heading .ep_tag { display: inline-block; } #website-body .ep_gridcolumn.ep-m_product[data-layout320^="list"] .ep_gridrow-content .ep-layout_text .ep-a_heading .ep_tag+.ep_title { margin-top: 0.6em; } #website-body .ep_gridcolumn.ep-m_product[data-layout320^="list"] .ep_gridrow-content .ep-layout_image .ep-a_media .ep-p_text.ep-layout_tag { display: none; } /* MOLECULE "PRODUCT" : Blocage de la zone cliquable sous les deux colonnes */ #website-body .ep_gridcolumn.ep-m_product[data-layout320^="list"]:after { width: auto; margin-top: -20px; height: 30px; } } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* MOLECULE "PRODUCT" : Affichage de la molecule au format "liste" (sur deux colonnes) avec un fond noir */ @media screen and (min-width:1200px) { /* MOLECULE "PRODUCT" : Etirement de la photo dans la colonne "image" */ #website-body .ep_gridcolumn.ep-m_product[data-layout1200^="list"].ep-layout_black>.ep_gridrow-content { position: relative; } #website-body .ep_gridcolumn.ep-m_product[data-layout1200^="list"].ep-layout_black>.ep_gridrow .ep_gridcolumn.ep-layout_image .ep-a_media .ep-p_image .ep_image { position: static; } #website-body .ep_gridcolumn.ep-m_product[data-layout1200^="list"].ep-layout_black>.ep_gridrow .ep_gridcolumn.ep-layout_image .ep-a_media .ep-p_image .ep_image>span { bottom: 20px; left: 10px; right: 10px; background-position: left center; background-repeat: repeat-x; background-size: auto 101%; } /* MOLECULE "PRODUCT" : Ajout du fond colore a la colonne "texte" */ #website-body .ep_gridcolumn.ep-m_product[data-layout1200^="list"].ep-layout_black>.ep_gridrow .ep_gridcolumn.ep-layout_text { position: relative; } #website-body .ep_gridcolumn.ep-m_product[data-layout1200^="list"].ep-layout_black>.ep_gridrow .ep_gridcolumn.ep-layout_text .ep_gridcolumn-content:before { position: absolute; display: block; top: 0; bottom: 20px; left: -10px; right: 10px; background-color: rgba(0, 0, 0, 0.8); content: ""; } #website-body .ep_gridcolumn.ep-m_product[data-layout1200^="list"].ep-layout_black>.ep_gridrow .ep_gridcolumn.ep-layout_text [class*="ep-a_"] { position: relative; } /* MOLECULE "PRODUCT" : Correction de l'affichage pour les molecules en mode "link" */ #website-body .ep_gridcolumn.ep-m_product[data-layout1200^="list"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text [class*="ep-a_heading"] { position: static; } #website-body .ep_gridcolumn.ep-m_product[data-layout1200^="list"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text [class*="ep-a_heading"] .ep_tag, #website-body .ep_gridcolumn.ep-m_product[data-layout1200^="list"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text [class*="ep-a_heading"] .ep_subtitle, #website-body .ep_gridcolumn.ep-m_product[data-layout1200^="list"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text [class*="ep-a_heading"] .ep_title .ep_name, #website-body .ep_gridcolumn.ep-m_product[data-layout1200^="list"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text [class*="ep-a_heading"] .ep_title .ep_icon { position: relative; } #website-body .ep_gridcolumn.ep-m_product[data-layout1200^="list"][data-view1200="12"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view1200="11"] .ep-a_heading .ep_title .ep-p_text:before, #website-body .ep_gridcolumn.ep-m_product[data-layout1200^="list"][data-view1200="12"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view1200="11"] .ep-a_heading .ep_title .ep-p_text a:before { left: calc((100% + 10px) - ((100% / 11) * 12)); } #website-body .ep_gridcolumn.ep-m_product[data-layout1200^="list"][data-view1200="12"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view1200="10"] .ep-a_heading .ep_title .ep-p_text:before, #website-body .ep_gridcolumn.ep-m_product[data-layout1200^="list"][data-view1200="12"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view1200="10"] .ep-a_heading .ep_title .ep-p_text a:before { left: calc((100% + 10px) - (10% * 12)); } #website-body .ep_gridcolumn.ep-m_product[data-layout1200^="list"][data-view1200="12"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view1200="9"] .ep-a_heading .ep_title .ep-p_text:before, #website-body .ep_gridcolumn.ep-m_product[data-layout1200^="list"][data-view1200="12"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view1200="9"] .ep-a_heading .ep_title .ep-p_text a:before { left: calc((100% + 10px) - ((100% / 9) * 12)); } #website-body .ep_gridcolumn.ep-m_product[data-layout1200^="list"][data-view1200="12"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view1200="8"] .ep-a_heading .ep_title .ep-p_text:before, #website-body .ep_gridcolumn.ep-m_product[data-layout1200^="list"][data-view1200="12"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view1200="8"] .ep-a_heading .ep_title .ep-p_text a:before { left: calc((100% + 10px) - ((100% / 8) * 12)); } #website-body .ep_gridcolumn.ep-m_product[data-layout1200^="list"][data-view1200="12"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view1200="7"] .ep-a_heading .ep_title .ep-p_text:before, #website-body .ep_gridcolumn.ep-m_product[data-layout1200^="list"][data-view1200="12"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view1200="7"] .ep-a_heading .ep_title .ep-p_text a:before { left: calc((100% + 10px) - ((100% / 7) * 12)); } #website-body .ep_gridcolumn.ep-m_product[data-layout1200^="list"][data-view1200="12"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view1200="6"] .ep-a_heading .ep_title .ep-p_text:before, #website-body .ep_gridcolumn.ep-m_product[data-layout1200^="list"][data-view1200="12"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view1200="6"] .ep-a_heading .ep_title .ep-p_text a:before { left: calc((100% + 10px) - ((100% / 6) * 12)); } #website-body .ep_gridcolumn.ep-m_product[data-layout1200^="list"][data-view1200="12"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view1200="5"] .ep-a_heading .ep_title .ep-p_text:before, #website-body .ep_gridcolumn.ep-m_product[data-layout1200^="list"][data-view1200="12"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view1200="5"] .ep-a_heading .ep_title .ep-p_text a:before { left: calc((100% + 10px) - (20% * 12)); } #website-body .ep_gridcolumn.ep-m_product[data-layout1200^="list"][data-view1200="12"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view1200="4"] .ep-a_heading .ep_title .ep-p_text:before, #website-body .ep_gridcolumn.ep-m_product[data-layout1200^="list"][data-view1200="12"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view1200="4"] .ep-a_heading .ep_title .ep-p_text a:before { left: calc((100% + 10px) - (25% * 12)); } #website-body .ep_gridcolumn.ep-m_product[data-layout1200^="list"][data-view1200="12"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view1200="3"] .ep-a_heading .ep_title .ep-p_text:before, #website-body .ep_gridcolumn.ep-m_product[data-layout1200^="list"][data-view1200="12"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view1200="3"] .ep-a_heading .ep_title .ep-p_text a:before { left: calc((100% + 10px) - ((100% / 3) * 12)); } #website-body .ep_gridcolumn.ep-m_product[data-layout1200^="list"][data-view1200="12"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view1200="2"] .ep-a_heading .ep_title .ep-p_text:before, #website-body .ep_gridcolumn.ep-m_product[data-layout1200^="list"][data-view1200="12"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view1200="2"] .ep-a_heading .ep_title .ep-p_text a:before { left: calc((100% + 10px) - (50% * 12)); } #website-body .ep_gridcolumn.ep-m_product[data-layout1200^="list"][data-view1200="12"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view1200="1"] .ep-a_heading .ep_title .ep-p_text:before, #website-body .ep_gridcolumn.ep-m_product[data-layout1200^="list"][data-view1200="12"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view1200="1"] .ep-a_heading .ep_title .ep-p_text a:before { left: calc((100% + 10px) - (10% * 12)); } #website-body .ep_gridcolumn.ep-m_product[data-layout1200^="list"][data-view1200="11"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view1200="10"] .ep-a_heading .ep_title .ep-p_text:before, #website-body .ep_gridcolumn.ep-m_product[data-layout1200^="list"][data-view1200="11"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view1200="10"] .ep-a_heading .ep_title .ep-p_text a:before { left: calc((100% + 10px) - (10% * 11)); } #website-body .ep_gridcolumn.ep-m_product[data-layout1200^="list"][data-view1200="11"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view1200="9"] .ep-a_heading .ep_title .ep-p_text:before, #website-body .ep_gridcolumn.ep-m_product[data-layout1200^="list"][data-view1200="11"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view1200="9"] .ep-a_heading .ep_title .ep-p_text a:before { left: calc((100% + 10px) - ((100% / 9) * 11)); } #website-body .ep_gridcolumn.ep-m_product[data-layout1200^="list"][data-view1200="11"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view1200="8"] .ep-a_heading .ep_title .ep-p_text:before, #website-body .ep_gridcolumn.ep-m_product[data-layout1200^="list"][data-view1200="11"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view1200="8"] .ep-a_heading .ep_title .ep-p_text a:before { left: calc((100% + 10px) - ((100% / 8) * 11)); } #website-body .ep_gridcolumn.ep-m_product[data-layout1200^="list"][data-view1200="11"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view1200="7"] .ep-a_heading .ep_title .ep-p_text:before, #website-body .ep_gridcolumn.ep-m_product[data-layout1200^="list"][data-view1200="11"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view1200="7"] .ep-a_heading .ep_title .ep-p_text a:before { left: calc((100% + 10px) - ((100% / 7) * 11)); } #website-body .ep_gridcolumn.ep-m_product[data-layout1200^="list"][data-view1200="11"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view1200="6"] .ep-a_heading .ep_title .ep-p_text:before, #website-body .ep_gridcolumn.ep-m_product[data-layout1200^="list"][data-view1200="11"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view1200="6"] .ep-a_heading .ep_title .ep-p_text a:before { left: calc((100% + 10px) - ((100% / 6) * 11)); } #website-body .ep_gridcolumn.ep-m_product[data-layout1200^="list"][data-view1200="11"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view1200="5"] .ep-a_heading .ep_title .ep-p_text:before, #website-body .ep_gridcolumn.ep-m_product[data-layout1200^="list"][data-view1200="11"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view1200="5"] .ep-a_heading .ep_title .ep-p_text a:before { left: calc((100% + 10px) - (20% * 11)); } #website-body .ep_gridcolumn.ep-m_product[data-layout1200^="list"][data-view1200="11"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view1200="4"] .ep-a_heading .ep_title .ep-p_text:before, #website-body .ep_gridcolumn.ep-m_product[data-layout1200^="list"][data-view1200="11"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view1200="4"] .ep-a_heading .ep_title .ep-p_text a:before { left: calc((100% + 10px) - (25% * 11)); } #website-body .ep_gridcolumn.ep-m_product[data-layout1200^="list"][data-view1200="11"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view1200="3"] .ep-a_heading .ep_title .ep-p_text:before, #website-body .ep_gridcolumn.ep-m_product[data-layout1200^="list"][data-view1200="11"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view1200="3"] .ep-a_heading .ep_title .ep-p_text a:before { left: calc((100% + 10px) - ((100% / 3) * 11)); } #website-body .ep_gridcolumn.ep-m_product[data-layout1200^="list"][data-view1200="11"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view1200="2"] .ep-a_heading .ep_title .ep-p_text:before, #website-body .ep_gridcolumn.ep-m_product[data-layout1200^="list"][data-view1200="11"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view1200="2"] .ep-a_heading .ep_title .ep-p_text a:before { left: calc((100% + 10px) - (50% * 11)); } #website-body .ep_gridcolumn.ep-m_product[data-layout1200^="list"][data-view1200="11"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view1200="1"] .ep-a_heading .ep_title .ep-p_text:before, #website-body .ep_gridcolumn.ep-m_product[data-layout1200^="list"][data-view1200="11"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view1200="1"] .ep-a_heading .ep_title .ep-p_text a:before { left: calc((100% + 10px) - (10% * 11)); } #website-body .ep_gridcolumn.ep-m_product[data-layout1200^="list"][data-view1200="10"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view1200="9"] .ep-a_heading .ep_title .ep-p_text:before, #website-body .ep_gridcolumn.ep-m_product[data-layout1200^="list"][data-view1200="10"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view1200="9"] .ep-a_heading .ep_title .ep-p_text a:before { left: calc((100% + 10px) - ((100% / 9) * 10)); } #website-body .ep_gridcolumn.ep-m_product[data-layout1200^="list"][data-view1200="10"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view1200="8"] .ep-a_heading .ep_title .ep-p_text:before, #website-body .ep_gridcolumn.ep-m_product[data-layout1200^="list"][data-view1200="10"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view1200="8"] .ep-a_heading .ep_title .ep-p_text a:before { left: calc((100% + 10px) - ((100% / 8) * 10)); } #website-body .ep_gridcolumn.ep-m_product[data-layout1200^="list"][data-view1200="10"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view1200="7"] .ep-a_heading .ep_title .ep-p_text:before, #website-body .ep_gridcolumn.ep-m_product[data-layout1200^="list"][data-view1200="10"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view1200="7"] .ep-a_heading .ep_title .ep-p_text a:before { left: calc((100% + 10px) - ((100% / 7) * 10)); } #website-body .ep_gridcolumn.ep-m_product[data-layout1200^="list"][data-view1200="10"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view1200="6"] .ep-a_heading .ep_title .ep-p_text:before, #website-body .ep_gridcolumn.ep-m_product[data-layout1200^="list"][data-view1200="10"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view1200="6"] .ep-a_heading .ep_title .ep-p_text a:before { left: calc((100% + 10px) - ((100% / 6) * 10)); } #website-body .ep_gridcolumn.ep-m_product[data-layout1200^="list"][data-view1200="10"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view1200="5"] .ep-a_heading .ep_title .ep-p_text:before, #website-body .ep_gridcolumn.ep-m_product[data-layout1200^="list"][data-view1200="10"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view1200="5"] .ep-a_heading .ep_title .ep-p_text a:before { left: calc((100% + 10px) - (20% * 10)); } #website-body .ep_gridcolumn.ep-m_product[data-layout1200^="list"][data-view1200="10"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view1200="4"] .ep-a_heading .ep_title .ep-p_text:before, #website-body .ep_gridcolumn.ep-m_product[data-layout1200^="list"][data-view1200="10"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view1200="4"] .ep-a_heading .ep_title .ep-p_text a:before { left: calc((100% + 10px) - (25% * 10)); } #website-body .ep_gridcolumn.ep-m_product[data-layout1200^="list"][data-view1200="10"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view1200="3"] .ep-a_heading .ep_title .ep-p_text:before, #website-body .ep_gridcolumn.ep-m_product[data-layout1200^="list"][data-view1200="10"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view1200="3"] .ep-a_heading .ep_title .ep-p_text a:before { left: calc((100% + 10px) - ((100% / 3) * 10)); } #website-body .ep_gridcolumn.ep-m_product[data-layout1200^="list"][data-view1200="10"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view1200="2"] .ep-a_heading .ep_title .ep-p_text:before, #website-body .ep_gridcolumn.ep-m_product[data-layout1200^="list"][data-view1200="10"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view1200="2"] .ep-a_heading .ep_title .ep-p_text a:before { left: calc((100% + 10px) - (50% * 10)); } #website-body .ep_gridcolumn.ep-m_product[data-layout1200^="list"][data-view1200="10"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view1200="1"] .ep-a_heading .ep_title .ep-p_text:before, #website-body .ep_gridcolumn.ep-m_product[data-layout1200^="list"][data-view1200="10"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view1200="1"] .ep-a_heading .ep_title .ep-p_text a:before { left: calc((100% + 10px) - (10% * 10)); } #website-body .ep_gridcolumn.ep-m_product[data-layout1200^="list"][data-view1200="9"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view1200="8"] .ep-a_heading .ep_title .ep-p_text:before, #website-body .ep_gridcolumn.ep-m_product[data-layout1200^="list"][data-view1200="9"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view1200="8"] .ep-a_heading .ep_title .ep-p_text a:before { left: calc((100% + 10px) - ((100% / 8) * 9)); } #website-body .ep_gridcolumn.ep-m_product[data-layout1200^="list"][data-view1200="9"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view1200="7"] .ep-a_heading .ep_title .ep-p_text:before, #website-body .ep_gridcolumn.ep-m_product[data-layout1200^="list"][data-view1200="9"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view1200="7"] .ep-a_heading .ep_title .ep-p_text a:before { left: calc((100% + 10px) - ((100% / 7) * 9)); } #website-body .ep_gridcolumn.ep-m_product[data-layout1200^="list"][data-view1200="9"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view1200="6"] .ep-a_heading .ep_title .ep-p_text:before, #website-body .ep_gridcolumn.ep-m_product[data-layout1200^="list"][data-view1200="9"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view1200="6"] .ep-a_heading .ep_title .ep-p_text a:before { left: calc((100% + 10px) - ((100% / 6) * 9)); } #website-body .ep_gridcolumn.ep-m_product[data-layout1200^="list"][data-view1200="9"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view1200="5"] .ep-a_heading .ep_title .ep-p_text:before, #website-body .ep_gridcolumn.ep-m_product[data-layout1200^="list"][data-view1200="9"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view1200="5"] .ep-a_heading .ep_title .ep-p_text a:before { left: calc((100% + 10px) - (20% * 9)); } #website-body .ep_gridcolumn.ep-m_product[data-layout1200^="list"][data-view1200="9"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view1200="4"] .ep-a_heading .ep_title .ep-p_text:before, #website-body .ep_gridcolumn.ep-m_product[data-layout1200^="list"][data-view1200="9"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view1200="4"] .ep-a_heading .ep_title .ep-p_text a:before { left: calc((100% + 10px) - (25% * 9)); } #website-body .ep_gridcolumn.ep-m_product[data-layout1200^="list"][data-view1200="9"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view1200="3"] .ep-a_heading .ep_title .ep-p_text:before, #website-body .ep_gridcolumn.ep-m_product[data-layout1200^="list"][data-view1200="9"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view1200="3"] .ep-a_heading .ep_title .ep-p_text a:before { left: calc((100% + 10px) - ((100% / 3) * 9)); } #website-body .ep_gridcolumn.ep-m_product[data-layout1200^="list"][data-view1200="9"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view1200="2"] .ep-a_heading .ep_title .ep-p_text:before, #website-body .ep_gridcolumn.ep-m_product[data-layout1200^="list"][data-view1200="9"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view1200="2"] .ep-a_heading .ep_title .ep-p_text a:before { left: calc((100% + 10px) - (50% * 9)); } #website-body .ep_gridcolumn.ep-m_product[data-layout1200^="list"][data-view1200="9"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view1200="1"] .ep-a_heading .ep_title .ep-p_text:before, #website-body .ep_gridcolumn.ep-m_product[data-layout1200^="list"][data-view1200="9"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view1200="1"] .ep-a_heading .ep_title .ep-p_text a:before { left: calc((100% + 10px) - (10% * 9)); } #website-body .ep_gridcolumn.ep-m_product[data-layout1200^="list"][data-view1200="8"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view1200="7"] .ep-a_heading .ep_title .ep-p_text:before, #website-body .ep_gridcolumn.ep-m_product[data-layout1200^="list"][data-view1200="8"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view1200="7"] .ep-a_heading .ep_title .ep-p_text a:before { left: calc((100% + 10px) - ((100% / 7) * 8)); } #website-body .ep_gridcolumn.ep-m_product[data-layout1200^="list"][data-view1200="8"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view1200="6"] .ep-a_heading .ep_title .ep-p_text:before, #website-body .ep_gridcolumn.ep-m_product[data-layout1200^="list"][data-view1200="8"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view1200="6"] .ep-a_heading .ep_title .ep-p_text a:before { left: calc((100% + 10px) - ((100% / 6) * 8)); } #website-body .ep_gridcolumn.ep-m_product[data-layout1200^="list"][data-view1200="8"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view1200="5"] .ep-a_heading .ep_title .ep-p_text:before, #website-body .ep_gridcolumn.ep-m_product[data-layout1200^="list"][data-view1200="8"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view1200="5"] .ep-a_heading .ep_title .ep-p_text a:before { left: calc((100% + 10px) - (20% * 8)); } #website-body .ep_gridcolumn.ep-m_product[data-layout1200^="list"][data-view1200="8"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view1200="4"] .ep-a_heading .ep_title .ep-p_text:before, #website-body .ep_gridcolumn.ep-m_product[data-layout1200^="list"][data-view1200="8"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view1200="4"] .ep-a_heading .ep_title .ep-p_text a:before { left: calc((100% + 10px) - (25% * 8)); } #website-body .ep_gridcolumn.ep-m_product[data-layout1200^="list"][data-view1200="8"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view1200="3"] .ep-a_heading .ep_title .ep-p_text:before, #website-body .ep_gridcolumn.ep-m_product[data-layout1200^="list"][data-view1200="8"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view1200="3"] .ep-a_heading .ep_title .ep-p_text a:before { left: calc((100% + 10px) - ((100% / 3) * 8)); } #website-body .ep_gridcolumn.ep-m_product[data-layout1200^="list"][data-view1200="8"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view1200="2"] .ep-a_heading .ep_title .ep-p_text:before, #website-body .ep_gridcolumn.ep-m_product[data-layout1200^="list"][data-view1200="8"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view1200="2"] .ep-a_heading .ep_title .ep-p_text a:before { left: calc((100% + 10px) - (50% * 8)); } #website-body .ep_gridcolumn.ep-m_product[data-layout1200^="list"][data-view1200="8"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view1200="1"] .ep-a_heading .ep_title .ep-p_text:before, #website-body .ep_gridcolumn.ep-m_product[data-layout1200^="list"][data-view1200="8"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view1200="1"] .ep-a_heading .ep_title .ep-p_text a:before { left: calc((100% + 10px) - (10% * 8)); } #website-body .ep_gridcolumn.ep-m_product[data-layout1200^="list"][data-view1200="7"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view1200="6"] .ep-a_heading .ep_title .ep-p_text:before, #website-body .ep_gridcolumn.ep-m_product[data-layout1200^="list"][data-view1200="7"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view1200="6"] .ep-a_heading .ep_title .ep-p_text a:before { left: calc((100% + 10px) - ((100% / 6) * 7)); } #website-body .ep_gridcolumn.ep-m_product[data-layout1200^="list"][data-view1200="7"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view1200="5"] .ep-a_heading .ep_title .ep-p_text:before, #website-body .ep_gridcolumn.ep-m_product[data-layout1200^="list"][data-view1200="7"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view1200="5"] .ep-a_heading .ep_title .ep-p_text a:before { left: calc((100% + 10px) - (20% * 7)); } #website-body .ep_gridcolumn.ep-m_product[data-layout1200^="list"][data-view1200="7"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view1200="4"] .ep-a_heading .ep_title .ep-p_text:before, #website-body .ep_gridcolumn.ep-m_product[data-layout1200^="list"][data-view1200="7"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view1200="4"] .ep-a_heading .ep_title .ep-p_text a:before { left: calc((100% + 10px) - (25% * 7)); } #website-body .ep_gridcolumn.ep-m_product[data-layout1200^="list"][data-view1200="7"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view1200="3"] .ep-a_heading .ep_title .ep-p_text:before, #website-body .ep_gridcolumn.ep-m_product[data-layout1200^="list"][data-view1200="7"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view1200="3"] .ep-a_heading .ep_title .ep-p_text a:before { left: calc((100% + 10px) - ((100% / 3) * 7)); } #website-body .ep_gridcolumn.ep-m_product[data-layout1200^="list"][data-view1200="7"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view1200="2"] .ep-a_heading .ep_title .ep-p_text:before, #website-body .ep_gridcolumn.ep-m_product[data-layout1200^="list"][data-view1200="7"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view1200="2"] .ep-a_heading .ep_title .ep-p_text a:before { left: calc((100% + 10px) - (50% * 7)); } #website-body .ep_gridcolumn.ep-m_product[data-layout1200^="list"][data-view1200="7"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view1200="1"] .ep-a_heading .ep_title .ep-p_text:before, #website-body .ep_gridcolumn.ep-m_product[data-layout1200^="list"][data-view1200="7"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view1200="1"] .ep-a_heading .ep_title .ep-p_text a:before { left: calc((100% + 10px) - (10% * 7)); } #website-body .ep_gridcolumn.ep-m_product[data-layout1200^="list"][data-view1200="6"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view1200="5"] .ep-a_heading .ep_title .ep-p_text:before, #website-body .ep_gridcolumn.ep-m_product[data-layout1200^="list"][data-view1200="6"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view1200="5"] .ep-a_heading .ep_title .ep-p_text a:before { left: calc((100% + 10px) - (20% * 6)); } #website-body .ep_gridcolumn.ep-m_product[data-layout1200^="list"][data-view1200="6"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view1200="4"] .ep-a_heading .ep_title .ep-p_text:before, #website-body .ep_gridcolumn.ep-m_product[data-layout1200^="list"][data-view1200="6"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view1200="4"] .ep-a_heading .ep_title .ep-p_text a:before { left: calc((100% + 10px) - (25% * 6)); } #website-body .ep_gridcolumn.ep-m_product[data-layout1200^="list"][data-view1200="6"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view1200="3"] .ep-a_heading .ep_title .ep-p_text:before, #website-body .ep_gridcolumn.ep-m_product[data-layout1200^="list"][data-view1200="6"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view1200="3"] .ep-a_heading .ep_title .ep-p_text a:before { left: calc((100% + 10px) - ((100% / 3) * 6)); } #website-body .ep_gridcolumn.ep-m_product[data-layout1200^="list"][data-view1200="6"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view1200="2"] .ep-a_heading .ep_title .ep-p_text:before, #website-body .ep_gridcolumn.ep-m_product[data-layout1200^="list"][data-view1200="6"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view1200="2"] .ep-a_heading .ep_title .ep-p_text a:before { left: calc((100% + 10px) - (50% * 6)); } #website-body .ep_gridcolumn.ep-m_product[data-layout1200^="list"][data-view1200="6"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view1200="1"] .ep-a_heading .ep_title .ep-p_text:before, #website-body .ep_gridcolumn.ep-m_product[data-layout1200^="list"][data-view1200="6"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view1200="1"] .ep-a_heading .ep_title .ep-p_text a:before { left: calc((100% + 10px) - (10% * 6)); } #website-body .ep_gridcolumn.ep-m_product[data-layout1200^="list"][data-view1200="5"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view1200="4"] .ep-a_heading .ep_title .ep-p_text:before, #website-body .ep_gridcolumn.ep-m_product[data-layout1200^="list"][data-view1200="5"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view1200="4"] .ep-a_heading .ep_title .ep-p_text a:before { left: calc((100% + 10px) - (25% * 5)); } #website-body .ep_gridcolumn.ep-m_product[data-layout1200^="list"][data-view1200="5"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view1200="3"] .ep-a_heading .ep_title .ep-p_text:before, #website-body .ep_gridcolumn.ep-m_product[data-layout1200^="list"][data-view1200="5"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view1200="3"] .ep-a_heading .ep_title .ep-p_text a:before { left: calc((100% + 10px) - ((100% / 3) * 5)); } #website-body .ep_gridcolumn.ep-m_product[data-layout1200^="list"][data-view1200="5"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view1200="2"] .ep-a_heading .ep_title .ep-p_text:before, #website-body .ep_gridcolumn.ep-m_product[data-layout1200^="list"][data-view1200="5"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view1200="2"] .ep-a_heading .ep_title .ep-p_text a:before { left: calc((100% + 10px) - (50% * 5)); } #website-body .ep_gridcolumn.ep-m_product[data-layout1200^="list"][data-view1200="5"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view1200="1"] .ep-a_heading .ep_title .ep-p_text:before, #website-body .ep_gridcolumn.ep-m_product[data-layout1200^="list"][data-view1200="5"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view1200="1"] .ep-a_heading .ep_title .ep-p_text a:before { left: calc((100% + 10px) - (10% * 5)); } #website-body .ep_gridcolumn.ep-m_product[data-layout1200^="list"][data-view1200="4"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view1200="3"] .ep-a_heading .ep_title .ep-p_text:before, #website-body .ep_gridcolumn.ep-m_product[data-layout1200^="list"][data-view1200="4"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view1200="3"] .ep-a_heading .ep_title .ep-p_text a:before { left: calc((100% + 10px) - ((100% / 3) * 4)); } #website-body .ep_gridcolumn.ep-m_product[data-layout1200^="list"][data-view1200="4"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view1200="2"] .ep-a_heading .ep_title .ep-p_text:before, #website-body .ep_gridcolumn.ep-m_product[data-layout1200^="list"][data-view1200="4"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view1200="2"] .ep-a_heading .ep_title .ep-p_text a:before { left: calc((100% + 10px) - (50% * 4)); } #website-body .ep_gridcolumn.ep-m_product[data-layout1200^="list"][data-view1200="4"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view1200="1"] .ep-a_heading .ep_title .ep-p_text:before, #website-body .ep_gridcolumn.ep-m_product[data-layout1200^="list"][data-view1200="4"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view1200="1"] .ep-a_heading .ep_title .ep-p_text a:before { left: calc((100% + 10px) - (10% * 4)); } #website-body .ep_gridcolumn.ep-m_product[data-layout1200^="list"][data-view1200="3"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view1200="2"] .ep-a_heading .ep_title .ep-p_text:before, #website-body .ep_gridcolumn.ep-m_product[data-layout1200^="list"][data-view1200="3"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view1200="2"] .ep-a_heading .ep_title .ep-p_text a:before { left: calc((100% + 10px) - (50% * 3)); } #website-body .ep_gridcolumn.ep-m_product[data-layout1200^="list"][data-view1200="3"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view1200="1"] .ep-a_heading .ep_title .ep-p_text:before, #website-body .ep_gridcolumn.ep-m_product[data-layout1200^="list"][data-view1200="3"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view1200="1"] .ep-a_heading .ep_title .ep-p_text a:before { left: calc((100% + 10px) - (10% * 3)); } #website-body .ep_gridcolumn.ep-m_product[data-layout1200^="list"][data-view1200="3"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view1200="2"] .ep-a_heading .ep_title .ep-p_text:before, #website-body .ep_gridcolumn.ep-m_product[data-layout1200^="list"][data-view1200="3"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view1200="2"] .ep-a_heading .ep_title .ep-p_text a:before { left: calc((100% + 10px) - (50% * 2)); } #website-body .ep_gridcolumn.ep-m_product[data-layout1200^="list"][data-view1200="2"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view1200="1"] .ep-a_heading .ep_title .ep-p_text:before, #website-body .ep_gridcolumn.ep-m_product[data-layout1200^="list"][data-view1200="2"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view1200="1"] .ep-a_heading .ep_title .ep-p_text a:before { left: calc((100% + 10px) - (10% * 2)); } /* MOLECULE "PRODUCT" : Ajout des marges internes */ #website-body .ep_gridcolumn.ep-m_product[data-layout1200^="list"].ep-layout_black>.ep_gridrow .ep_gridcolumn.ep-layout_text .ep_gridcolumn-content { padding-top: 20px; padding-bottom: 20px; padding-right: 30px; } /* MOLECULE "PRODUCT" : Changement de couleur des textes */ #website-body .ep_gridcolumn.ep-m_product[data-layout1200^="list"].ep-layout_black>.ep_gridrow .ep_gridcolumn.ep-layout_text .ep-p_text, #website-body .ep_gridcolumn.ep-m_product[data-layout1200^="list"].ep-layout_black>.ep_gridrow .ep_gridcolumn.ep-layout_text .ep-p_text .ep_name, #website-body .ep_gridcolumn.ep-m_product[data-layout1200^="list"].ep-layout_black>.ep_gridrow .ep_gridcolumn.ep-layout_text .ep-a_text { color: #fff; } /* MOLECULE "PRODUCT" : Suppression de l'animation de deplacement du sous-titre */ #website-body .ep_gridcolumn.ep-m_product[data-layout1200^="list"].ep-layout_black>.ep_gridrow .ep_gridcolumn.ep-layout_text .ep-a_heading+.ep-a_heading, #website-body .ep_gridcolumn.ep-m_product[data-layout1200^="list"].ep-layout_black>.ep_gridrow .ep_gridcolumn.ep-layout_text .ep-a_heading+.ep-a_heading .ep_subtitle, #website-body .ep_gridcolumn.ep-m_product[data-layout1200^="list"].ep-layout_black>.ep_gridrow .ep_gridcolumn.ep-layout_text .ep-a_heading+.ep-a_heading .ep_subtitle .ep-p_text .ep_name { transform: translate(0, 0); -webkit-transform: translate(0, 0); } /* MOLECULE "PRODUCT" : Changement de l'ordre des atomes du titre */ #website-body .ep_gridcolumn.ep-m_product[data-layout1200^="list"].ep-layout_black>.ep_gridrow .ep_gridcolumn.ep-layout_text .ep_gridcolumn-content { display: flex; display: -webkit-flex; flex: 1; -webkit-flex: 1; flex-direction: column; -webkit-flex-direction: column; } #website-body .ep_gridcolumn.ep-m_product[data-layout1200^="list"].ep-layout_black>.ep_gridrow .ep_gridcolumn.ep-layout_text [class*="ep-a_"] { flex: 1 1 auto; -webkit-flex: 1 1 auto; order: 1; -webkit-order: 1; } #website-body .ep_gridcolumn.ep-m_product[data-layout1200^="list"].ep-layout_black>.ep_gridrow .ep_gridcolumn.ep-layout_text .ep-a_heading:first-child+.ep-a_heading { order: 2; -webkit-order: 2; } #website-body .ep_gridcolumn.ep-m_product[data-layout1200^="list"].ep-layout_black>.ep_gridrow .ep_gridcolumn.ep-layout_text .ep-a_heading:first-child, #website-body .ep_gridcolumn.ep-m_product[data-layout1200^="list"].ep-layout_black>.ep_gridrow .ep_gridcolumn.ep-layout_text .ep-a_heading:first-child+.ep-a_heading { flex: 0 0 auto; -webkit-flex: 0 0 auto; } #website-body .ep_gridcolumn.ep-m_product[data-layout1200^="list"].ep-layout_black>.ep_gridrow .ep_gridcolumn.ep-layout_text .ep-a_heading:first-child+.ep-a_heading>.ep_subtitle:first-child { margin-top: 1px !important; } } @media screen and (min-width:1020px) and (max-width:1199px) { /* MOLECULE "PRODUCT" : Etirement de la photo dans la colonne "image" */ #website-body .ep_gridcolumn.ep-m_product[data-layout1020^="list"].ep-layout_black>.ep_gridrow-content { position: relative; } #website-body .ep_gridcolumn.ep-m_product[data-layout1020^="list"].ep-layout_black>.ep_gridrow .ep_gridcolumn.ep-layout_image .ep-a_media .ep-p_image .ep_image { position: static; } #website-body .ep_gridcolumn.ep-m_product[data-layout1020^="list"].ep-layout_black>.ep_gridrow .ep_gridcolumn.ep-layout_image .ep-a_media .ep-p_image .ep_image>span { bottom: 20px; left: 10px; right: 10px; background-position: left center; background-repeat: repeat-x; background-size: auto 101%; } /* MOLECULE "PRODUCT" : Ajout du fond colore a la colonne "texte" */ #website-body .ep_gridcolumn.ep-m_product[data-layout1020^="list"].ep-layout_black>.ep_gridrow .ep_gridcolumn.ep-layout_text { position: relative; } #website-body .ep_gridcolumn.ep-m_product[data-layout1020^="list"].ep-layout_black>.ep_gridrow .ep_gridcolumn.ep-layout_text .ep_gridcolumn-content:before { position: absolute; display: block; top: 0; bottom: 20px; left: -10px; right: 10px; background-color: rgba(0, 0, 0, 0.8); content: ""; } #website-body .ep_gridcolumn.ep-m_product[data-layout1020^="list"].ep-layout_black>.ep_gridrow .ep_gridcolumn.ep-layout_text [class*="ep-a_"] { position: relative; } /* MOLECULE "PRODUCT" : Correction de l'affichage pour les molecules en mode "link" */ #website-body .ep_gridcolumn.ep-m_product[data-layout1020^="list"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text [class*="ep-a_heading"] { position: static; } #website-body .ep_gridcolumn.ep-m_product[data-layout1020^="list"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text [class*="ep-a_heading"] .ep_tag, #website-body .ep_gridcolumn.ep-m_product[data-layout1020^="list"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text [class*="ep-a_heading"] .ep_subtitle, #website-body .ep_gridcolumn.ep-m_product[data-layout1020^="list"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text [class*="ep-a_heading"] .ep_title .ep_name, #website-body .ep_gridcolumn.ep-m_product[data-layout1020^="list"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text [class*="ep-a_heading"] .ep_title .ep_icon { position: relative; } #website-body .ep_gridcolumn.ep-m_product[data-layout1020^="list"][data-view1020="12"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view1020="11"] .ep-a_heading .ep_title .ep-p_text:before, #website-body .ep_gridcolumn.ep-m_product[data-layout1020^="list"][data-view1020="12"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view1020="11"] .ep-a_heading .ep_title .ep-p_text a:before { left: calc((100% + 10px) - ((100% / 11) * 12)); } #website-body .ep_gridcolumn.ep-m_product[data-layout1020^="list"][data-view1020="12"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view1020="10"] .ep-a_heading .ep_title .ep-p_text:before, #website-body .ep_gridcolumn.ep-m_product[data-layout1020^="list"][data-view1020="12"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view1020="10"] .ep-a_heading .ep_title .ep-p_text a:before { left: calc((100% + 10px) - (10% * 12)); } #website-body .ep_gridcolumn.ep-m_product[data-layout1020^="list"][data-view1020="12"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view1020="9"] .ep-a_heading .ep_title .ep-p_text:before, #website-body .ep_gridcolumn.ep-m_product[data-layout1020^="list"][data-view1020="12"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view1020="9"] .ep-a_heading .ep_title .ep-p_text a:before { left: calc((100% + 10px) - ((100% / 9) * 12)); } #website-body .ep_gridcolumn.ep-m_product[data-layout1020^="list"][data-view1020="12"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view1020="8"] .ep-a_heading .ep_title .ep-p_text:before, #website-body .ep_gridcolumn.ep-m_product[data-layout1020^="list"][data-view1020="12"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view1020="8"] .ep-a_heading .ep_title .ep-p_text a:before { left: calc((100% + 10px) - ((100% / 8) * 12)); } #website-body .ep_gridcolumn.ep-m_product[data-layout1020^="list"][data-view1020="12"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view1020="7"] .ep-a_heading .ep_title .ep-p_text:before, #website-body .ep_gridcolumn.ep-m_product[data-layout1020^="list"][data-view1020="12"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view1020="7"] .ep-a_heading .ep_title .ep-p_text a:before { left: calc((100% + 10px) - ((100% / 7) * 12)); } #website-body .ep_gridcolumn.ep-m_product[data-layout1020^="list"][data-view1020="12"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view1020="6"] .ep-a_heading .ep_title .ep-p_text:before, #website-body .ep_gridcolumn.ep-m_product[data-layout1020^="list"][data-view1020="12"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view1020="6"] .ep-a_heading .ep_title .ep-p_text a:before { left: calc((100% + 10px) - ((100% / 6) * 12)); } #website-body .ep_gridcolumn.ep-m_product[data-layout1020^="list"][data-view1020="12"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view1020="5"] .ep-a_heading .ep_title .ep-p_text:before, #website-body .ep_gridcolumn.ep-m_product[data-layout1020^="list"][data-view1020="12"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view1020="5"] .ep-a_heading .ep_title .ep-p_text a:before { left: calc((100% + 10px) - (20% * 12)); } #website-body .ep_gridcolumn.ep-m_product[data-layout1020^="list"][data-view1020="12"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view1020="4"] .ep-a_heading .ep_title .ep-p_text:before, #website-body .ep_gridcolumn.ep-m_product[data-layout1020^="list"][data-view1020="12"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view1020="4"] .ep-a_heading .ep_title .ep-p_text a:before { left: calc((100% + 10px) - (25% * 12)); } #website-body .ep_gridcolumn.ep-m_product[data-layout1020^="list"][data-view1020="12"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view1020="3"] .ep-a_heading .ep_title .ep-p_text:before, #website-body .ep_gridcolumn.ep-m_product[data-layout1020^="list"][data-view1020="12"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view1020="3"] .ep-a_heading .ep_title .ep-p_text a:before { left: calc((100% + 10px) - ((100% / 3) * 12)); } #website-body .ep_gridcolumn.ep-m_product[data-layout1020^="list"][data-view1020="12"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view1020="2"] .ep-a_heading .ep_title .ep-p_text:before, #website-body .ep_gridcolumn.ep-m_product[data-layout1020^="list"][data-view1020="12"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view1020="2"] .ep-a_heading .ep_title .ep-p_text a:before { left: calc((100% + 10px) - (50% * 12)); } #website-body .ep_gridcolumn.ep-m_product[data-layout1020^="list"][data-view1020="12"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view1020="1"] .ep-a_heading .ep_title .ep-p_text:before, #website-body .ep_gridcolumn.ep-m_product[data-layout1020^="list"][data-view1020="12"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view1020="1"] .ep-a_heading .ep_title .ep-p_text a:before { left: calc((100% + 10px) - (10% * 12)); } #website-body .ep_gridcolumn.ep-m_product[data-layout1020^="list"][data-view1020="11"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view1020="10"] .ep-a_heading .ep_title .ep-p_text:before, #website-body .ep_gridcolumn.ep-m_product[data-layout1020^="list"][data-view1020="11"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view1020="10"] .ep-a_heading .ep_title .ep-p_text a:before { left: calc((100% + 10px) - (10% * 11)); } #website-body .ep_gridcolumn.ep-m_product[data-layout1020^="list"][data-view1020="11"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view1020="9"] .ep-a_heading .ep_title .ep-p_text:before, #website-body .ep_gridcolumn.ep-m_product[data-layout1020^="list"][data-view1020="11"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view1020="9"] .ep-a_heading .ep_title .ep-p_text a:before { left: calc((100% + 10px) - ((100% / 9) * 11)); } #website-body .ep_gridcolumn.ep-m_product[data-layout1020^="list"][data-view1020="11"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view1020="8"] .ep-a_heading .ep_title .ep-p_text:before, #website-body .ep_gridcolumn.ep-m_product[data-layout1020^="list"][data-view1020="11"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view1020="8"] .ep-a_heading .ep_title .ep-p_text a:before { left: calc((100% + 10px) - ((100% / 8) * 11)); } #website-body .ep_gridcolumn.ep-m_product[data-layout1020^="list"][data-view1020="11"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view1020="7"] .ep-a_heading .ep_title .ep-p_text:before, #website-body .ep_gridcolumn.ep-m_product[data-layout1020^="list"][data-view1020="11"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view1020="7"] .ep-a_heading .ep_title .ep-p_text a:before { left: calc((100% + 10px) - ((100% / 7) * 11)); } #website-body .ep_gridcolumn.ep-m_product[data-layout1020^="list"][data-view1020="11"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view1020="6"] .ep-a_heading .ep_title .ep-p_text:before, #website-body .ep_gridcolumn.ep-m_product[data-layout1020^="list"][data-view1020="11"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view1020="6"] .ep-a_heading .ep_title .ep-p_text a:before { left: calc((100% + 10px) - ((100% / 6) * 11)); } #website-body .ep_gridcolumn.ep-m_product[data-layout1020^="list"][data-view1020="11"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view1020="5"] .ep-a_heading .ep_title .ep-p_text:before, #website-body .ep_gridcolumn.ep-m_product[data-layout1020^="list"][data-view1020="11"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view1020="5"] .ep-a_heading .ep_title .ep-p_text a:before { left: calc((100% + 10px) - (20% * 11)); } #website-body .ep_gridcolumn.ep-m_product[data-layout1020^="list"][data-view1020="11"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view1020="4"] .ep-a_heading .ep_title .ep-p_text:before, #website-body .ep_gridcolumn.ep-m_product[data-layout1020^="list"][data-view1020="11"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view1020="4"] .ep-a_heading .ep_title .ep-p_text a:before { left: calc((100% + 10px) - (25% * 11)); } #website-body .ep_gridcolumn.ep-m_product[data-layout1020^="list"][data-view1020="11"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view1020="3"] .ep-a_heading .ep_title .ep-p_text:before, #website-body .ep_gridcolumn.ep-m_product[data-layout1020^="list"][data-view1020="11"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view1020="3"] .ep-a_heading .ep_title .ep-p_text a:before { left: calc((100% + 10px) - ((100% / 3) * 11)); } #website-body .ep_gridcolumn.ep-m_product[data-layout1020^="list"][data-view1020="11"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view1020="2"] .ep-a_heading .ep_title .ep-p_text:before, #website-body .ep_gridcolumn.ep-m_product[data-layout1020^="list"][data-view1020="11"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view1020="2"] .ep-a_heading .ep_title .ep-p_text a:before { left: calc((100% + 10px) - (50% * 11)); } #website-body .ep_gridcolumn.ep-m_product[data-layout1020^="list"][data-view1020="11"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view1020="1"] .ep-a_heading .ep_title .ep-p_text:before, #website-body .ep_gridcolumn.ep-m_product[data-layout1020^="list"][data-view1020="11"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view1020="1"] .ep-a_heading .ep_title .ep-p_text a:before { left: calc((100% + 10px) - (10% * 11)); } #website-body .ep_gridcolumn.ep-m_product[data-layout1020^="list"][data-view1020="10"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view1020="9"] .ep-a_heading .ep_title .ep-p_text:before, #website-body .ep_gridcolumn.ep-m_product[data-layout1020^="list"][data-view1020="10"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view1020="9"] .ep-a_heading .ep_title .ep-p_text a:before { left: calc((100% + 10px) - ((100% / 9) * 10)); } #website-body .ep_gridcolumn.ep-m_product[data-layout1020^="list"][data-view1020="10"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view1020="8"] .ep-a_heading .ep_title .ep-p_text:before, #website-body .ep_gridcolumn.ep-m_product[data-layout1020^="list"][data-view1020="10"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view1020="8"] .ep-a_heading .ep_title .ep-p_text a:before { left: calc((100% + 10px) - ((100% / 8) * 10)); } #website-body .ep_gridcolumn.ep-m_product[data-layout1020^="list"][data-view1020="10"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view1020="7"] .ep-a_heading .ep_title .ep-p_text:before, #website-body .ep_gridcolumn.ep-m_product[data-layout1020^="list"][data-view1020="10"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view1020="7"] .ep-a_heading .ep_title .ep-p_text a:before { left: calc((100% + 10px) - ((100% / 7) * 10)); } #website-body .ep_gridcolumn.ep-m_product[data-layout1020^="list"][data-view1020="10"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view1020="6"] .ep-a_heading .ep_title .ep-p_text:before, #website-body .ep_gridcolumn.ep-m_product[data-layout1020^="list"][data-view1020="10"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view1020="6"] .ep-a_heading .ep_title .ep-p_text a:before { left: calc((100% + 10px) - ((100% / 6) * 10)); } #website-body .ep_gridcolumn.ep-m_product[data-layout1020^="list"][data-view1020="10"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view1020="5"] .ep-a_heading .ep_title .ep-p_text:before, #website-body .ep_gridcolumn.ep-m_product[data-layout1020^="list"][data-view1020="10"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view1020="5"] .ep-a_heading .ep_title .ep-p_text a:before { left: calc((100% + 10px) - (20% * 10)); } #website-body .ep_gridcolumn.ep-m_product[data-layout1020^="list"][data-view1020="10"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view1020="4"] .ep-a_heading .ep_title .ep-p_text:before, #website-body .ep_gridcolumn.ep-m_product[data-layout1020^="list"][data-view1020="10"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view1020="4"] .ep-a_heading .ep_title .ep-p_text a:before { left: calc((100% + 10px) - (25% * 10)); } #website-body .ep_gridcolumn.ep-m_product[data-layout1020^="list"][data-view1020="10"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view1020="3"] .ep-a_heading .ep_title .ep-p_text:before, #website-body .ep_gridcolumn.ep-m_product[data-layout1020^="list"][data-view1020="10"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view1020="3"] .ep-a_heading .ep_title .ep-p_text a:before { left: calc((100% + 10px) - ((100% / 3) * 10)); } #website-body .ep_gridcolumn.ep-m_product[data-layout1020^="list"][data-view1020="10"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view1020="2"] .ep-a_heading .ep_title .ep-p_text:before, #website-body .ep_gridcolumn.ep-m_product[data-layout1020^="list"][data-view1020="10"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view1020="2"] .ep-a_heading .ep_title .ep-p_text a:before { left: calc((100% + 10px) - (50% * 10)); } #website-body .ep_gridcolumn.ep-m_product[data-layout1020^="list"][data-view1020="10"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view1020="1"] .ep-a_heading .ep_title .ep-p_text:before, #website-body .ep_gridcolumn.ep-m_product[data-layout1020^="list"][data-view1020="10"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view1020="1"] .ep-a_heading .ep_title .ep-p_text a:before { left: calc((100% + 10px) - (10% * 10)); } #website-body .ep_gridcolumn.ep-m_product[data-layout1020^="list"][data-view1020="9"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view1020="8"] .ep-a_heading .ep_title .ep-p_text:before, #website-body .ep_gridcolumn.ep-m_product[data-layout1020^="list"][data-view1020="9"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view1020="8"] .ep-a_heading .ep_title .ep-p_text a:before { left: calc((100% + 10px) - ((100% / 8) * 9)); } #website-body .ep_gridcolumn.ep-m_product[data-layout1020^="list"][data-view1020="9"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view1020="7"] .ep-a_heading .ep_title .ep-p_text:before, #website-body .ep_gridcolumn.ep-m_product[data-layout1020^="list"][data-view1020="9"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view1020="7"] .ep-a_heading .ep_title .ep-p_text a:before { left: calc((100% + 10px) - ((100% / 7) * 9)); } #website-body .ep_gridcolumn.ep-m_product[data-layout1020^="list"][data-view1020="9"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view1020="6"] .ep-a_heading .ep_title .ep-p_text:before, #website-body .ep_gridcolumn.ep-m_product[data-layout1020^="list"][data-view1020="9"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view1020="6"] .ep-a_heading .ep_title .ep-p_text a:before { left: calc((100% + 10px) - ((100% / 6) * 9)); } #website-body .ep_gridcolumn.ep-m_product[data-layout1020^="list"][data-view1020="9"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view1020="5"] .ep-a_heading .ep_title .ep-p_text:before, #website-body .ep_gridcolumn.ep-m_product[data-layout1020^="list"][data-view1020="9"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view1020="5"] .ep-a_heading .ep_title .ep-p_text a:before { left: calc((100% + 10px) - (20% * 9)); } #website-body .ep_gridcolumn.ep-m_product[data-layout1020^="list"][data-view1020="9"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view1020="4"] .ep-a_heading .ep_title .ep-p_text:before, #website-body .ep_gridcolumn.ep-m_product[data-layout1020^="list"][data-view1020="9"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view1020="4"] .ep-a_heading .ep_title .ep-p_text a:before { left: calc((100% + 10px) - (25% * 9)); } #website-body .ep_gridcolumn.ep-m_product[data-layout1020^="list"][data-view1020="9"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view1020="3"] .ep-a_heading .ep_title .ep-p_text:before, #website-body .ep_gridcolumn.ep-m_product[data-layout1020^="list"][data-view1020="9"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view1020="3"] .ep-a_heading .ep_title .ep-p_text a:before { left: calc((100% + 10px) - ((100% / 3) * 9)); } #website-body .ep_gridcolumn.ep-m_product[data-layout1020^="list"][data-view1020="9"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view1020="2"] .ep-a_heading .ep_title .ep-p_text:before, #website-body .ep_gridcolumn.ep-m_product[data-layout1020^="list"][data-view1020="9"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view1020="2"] .ep-a_heading .ep_title .ep-p_text a:before { left: calc((100% + 10px) - (50% * 9)); } #website-body .ep_gridcolumn.ep-m_product[data-layout1020^="list"][data-view1020="9"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view1020="1"] .ep-a_heading .ep_title .ep-p_text:before, #website-body .ep_gridcolumn.ep-m_product[data-layout1020^="list"][data-view1020="9"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view1020="1"] .ep-a_heading .ep_title .ep-p_text a:before { left: calc((100% + 10px) - (10% * 9)); } #website-body .ep_gridcolumn.ep-m_product[data-layout1020^="list"][data-view1020="8"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view1020="7"] .ep-a_heading .ep_title .ep-p_text:before, #website-body .ep_gridcolumn.ep-m_product[data-layout1020^="list"][data-view1020="8"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view1020="7"] .ep-a_heading .ep_title .ep-p_text a:before { left: calc((100% + 10px) - ((100% / 7) * 8)); } #website-body .ep_gridcolumn.ep-m_product[data-layout1020^="list"][data-view1020="8"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view1020="6"] .ep-a_heading .ep_title .ep-p_text:before, #website-body .ep_gridcolumn.ep-m_product[data-layout1020^="list"][data-view1020="8"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view1020="6"] .ep-a_heading .ep_title .ep-p_text a:before { left: calc((100% + 10px) - ((100% / 6) * 8)); } #website-body .ep_gridcolumn.ep-m_product[data-layout1020^="list"][data-view1020="8"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view1020="5"] .ep-a_heading .ep_title .ep-p_text:before, #website-body .ep_gridcolumn.ep-m_product[data-layout1020^="list"][data-view1020="8"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view1020="5"] .ep-a_heading .ep_title .ep-p_text a:before { left: calc((100% + 10px) - (20% * 8)); } #website-body .ep_gridcolumn.ep-m_product[data-layout1020^="list"][data-view1020="8"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view1020="4"] .ep-a_heading .ep_title .ep-p_text:before, #website-body .ep_gridcolumn.ep-m_product[data-layout1020^="list"][data-view1020="8"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view1020="4"] .ep-a_heading .ep_title .ep-p_text a:before { left: calc((100% + 10px) - (25% * 8)); } #website-body .ep_gridcolumn.ep-m_product[data-layout1020^="list"][data-view1020="8"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view1020="3"] .ep-a_heading .ep_title .ep-p_text:before, #website-body .ep_gridcolumn.ep-m_product[data-layout1020^="list"][data-view1020="8"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view1020="3"] .ep-a_heading .ep_title .ep-p_text a:before { left: calc((100% + 10px) - ((100% / 3) * 8)); } #website-body .ep_gridcolumn.ep-m_product[data-layout1020^="list"][data-view1020="8"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view1020="2"] .ep-a_heading .ep_title .ep-p_text:before, #website-body .ep_gridcolumn.ep-m_product[data-layout1020^="list"][data-view1020="8"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view1020="2"] .ep-a_heading .ep_title .ep-p_text a:before { left: calc((100% + 10px) - (50% * 8)); } #website-body .ep_gridcolumn.ep-m_product[data-layout1020^="list"][data-view1020="8"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view1020="1"] .ep-a_heading .ep_title .ep-p_text:before, #website-body .ep_gridcolumn.ep-m_product[data-layout1020^="list"][data-view1020="8"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view1020="1"] .ep-a_heading .ep_title .ep-p_text a:before { left: calc((100% + 10px) - (10% * 8)); } #website-body .ep_gridcolumn.ep-m_product[data-layout1020^="list"][data-view1020="7"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view1020="6"] .ep-a_heading .ep_title .ep-p_text:before, #website-body .ep_gridcolumn.ep-m_product[data-layout1020^="list"][data-view1020="7"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view1020="6"] .ep-a_heading .ep_title .ep-p_text a:before { left: calc((100% + 10px) - ((100% / 6) * 7)); } #website-body .ep_gridcolumn.ep-m_product[data-layout1020^="list"][data-view1020="7"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view1020="5"] .ep-a_heading .ep_title .ep-p_text:before, #website-body .ep_gridcolumn.ep-m_product[data-layout1020^="list"][data-view1020="7"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view1020="5"] .ep-a_heading .ep_title .ep-p_text a:before { left: calc((100% + 10px) - (20% * 7)); } #website-body .ep_gridcolumn.ep-m_product[data-layout1020^="list"][data-view1020="7"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view1020="4"] .ep-a_heading .ep_title .ep-p_text:before, #website-body .ep_gridcolumn.ep-m_product[data-layout1020^="list"][data-view1020="7"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view1020="4"] .ep-a_heading .ep_title .ep-p_text a:before { left: calc((100% + 10px) - (25% * 7)); } #website-body .ep_gridcolumn.ep-m_product[data-layout1020^="list"][data-view1020="7"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view1020="3"] .ep-a_heading .ep_title .ep-p_text:before, #website-body .ep_gridcolumn.ep-m_product[data-layout1020^="list"][data-view1020="7"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view1020="3"] .ep-a_heading .ep_title .ep-p_text a:before { left: calc((100% + 10px) - ((100% / 3) * 7)); } #website-body .ep_gridcolumn.ep-m_product[data-layout1020^="list"][data-view1020="7"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view1020="2"] .ep-a_heading .ep_title .ep-p_text:before, #website-body .ep_gridcolumn.ep-m_product[data-layout1020^="list"][data-view1020="7"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view1020="2"] .ep-a_heading .ep_title .ep-p_text a:before { left: calc((100% + 10px) - (50% * 7)); } #website-body .ep_gridcolumn.ep-m_product[data-layout1020^="list"][data-view1020="7"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view1020="1"] .ep-a_heading .ep_title .ep-p_text:before, #website-body .ep_gridcolumn.ep-m_product[data-layout1020^="list"][data-view1020="7"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view1020="1"] .ep-a_heading .ep_title .ep-p_text a:before { left: calc((100% + 10px) - (10% * 7)); } #website-body .ep_gridcolumn.ep-m_product[data-layout1020^="list"][data-view1020="6"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view1020="5"] .ep-a_heading .ep_title .ep-p_text:before, #website-body .ep_gridcolumn.ep-m_product[data-layout1020^="list"][data-view1020="6"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view1020="5"] .ep-a_heading .ep_title .ep-p_text a:before { left: calc((100% + 10px) - (20% * 6)); } #website-body .ep_gridcolumn.ep-m_product[data-layout1020^="list"][data-view1020="6"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view1020="4"] .ep-a_heading .ep_title .ep-p_text:before, #website-body .ep_gridcolumn.ep-m_product[data-layout1020^="list"][data-view1020="6"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view1020="4"] .ep-a_heading .ep_title .ep-p_text a:before { left: calc((100% + 10px) - (25% * 6)); } #website-body .ep_gridcolumn.ep-m_product[data-layout1020^="list"][data-view1020="6"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view1020="3"] .ep-a_heading .ep_title .ep-p_text:before, #website-body .ep_gridcolumn.ep-m_product[data-layout1020^="list"][data-view1020="6"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view1020="3"] .ep-a_heading .ep_title .ep-p_text a:before { left: calc((100% + 10px) - ((100% / 3) * 6)); } #website-body .ep_gridcolumn.ep-m_product[data-layout1020^="list"][data-view1020="6"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view1020="2"] .ep-a_heading .ep_title .ep-p_text:before, #website-body .ep_gridcolumn.ep-m_product[data-layout1020^="list"][data-view1020="6"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view1020="2"] .ep-a_heading .ep_title .ep-p_text a:before { left: calc((100% + 10px) - (50% * 6)); } #website-body .ep_gridcolumn.ep-m_product[data-layout1020^="list"][data-view1020="6"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view1020="1"] .ep-a_heading .ep_title .ep-p_text:before, #website-body .ep_gridcolumn.ep-m_product[data-layout1020^="list"][data-view1020="6"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view1020="1"] .ep-a_heading .ep_title .ep-p_text a:before { left: calc((100% + 10px) - (10% * 6)); } #website-body .ep_gridcolumn.ep-m_product[data-layout1020^="list"][data-view1020="5"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view1020="4"] .ep-a_heading .ep_title .ep-p_text:before, #website-body .ep_gridcolumn.ep-m_product[data-layout1020^="list"][data-view1020="5"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view1020="4"] .ep-a_heading .ep_title .ep-p_text a:before { left: calc((100% + 10px) - (25% * 5)); } #website-body .ep_gridcolumn.ep-m_product[data-layout1020^="list"][data-view1020="5"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view1020="3"] .ep-a_heading .ep_title .ep-p_text:before, #website-body .ep_gridcolumn.ep-m_product[data-layout1020^="list"][data-view1020="5"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view1020="3"] .ep-a_heading .ep_title .ep-p_text a:before { left: calc((100% + 10px) - ((100% / 3) * 5)); } #website-body .ep_gridcolumn.ep-m_product[data-layout1020^="list"][data-view1020="5"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view1020="2"] .ep-a_heading .ep_title .ep-p_text:before, #website-body .ep_gridcolumn.ep-m_product[data-layout1020^="list"][data-view1020="5"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view1020="2"] .ep-a_heading .ep_title .ep-p_text a:before { left: calc((100% + 10px) - (50% * 5)); } #website-body .ep_gridcolumn.ep-m_product[data-layout1020^="list"][data-view1020="5"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view1020="1"] .ep-a_heading .ep_title .ep-p_text:before, #website-body .ep_gridcolumn.ep-m_product[data-layout1020^="list"][data-view1020="5"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view1020="1"] .ep-a_heading .ep_title .ep-p_text a:before { left: calc((100% + 10px) - (10% * 5)); } #website-body .ep_gridcolumn.ep-m_product[data-layout1020^="list"][data-view1020="4"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view1020="3"] .ep-a_heading .ep_title .ep-p_text:before, #website-body .ep_gridcolumn.ep-m_product[data-layout1020^="list"][data-view1020="4"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view1020="3"] .ep-a_heading .ep_title .ep-p_text a:before { left: calc((100% + 10px) - ((100% / 3) * 4)); } #website-body .ep_gridcolumn.ep-m_product[data-layout1020^="list"][data-view1020="4"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view1020="2"] .ep-a_heading .ep_title .ep-p_text:before, #website-body .ep_gridcolumn.ep-m_product[data-layout1020^="list"][data-view1020="4"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view1020="2"] .ep-a_heading .ep_title .ep-p_text a:before { left: calc((100% + 10px) - (50% * 4)); } #website-body .ep_gridcolumn.ep-m_product[data-layout1020^="list"][data-view1020="4"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view1020="1"] .ep-a_heading .ep_title .ep-p_text:before, #website-body .ep_gridcolumn.ep-m_product[data-layout1020^="list"][data-view1020="4"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view1020="1"] .ep-a_heading .ep_title .ep-p_text a:before { left: calc((100% + 10px) - (10% * 4)); } #website-body .ep_gridcolumn.ep-m_product[data-layout1020^="list"][data-view1020="3"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view1020="2"] .ep-a_heading .ep_title .ep-p_text:before, #website-body .ep_gridcolumn.ep-m_product[data-layout1020^="list"][data-view1020="3"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view1020="2"] .ep-a_heading .ep_title .ep-p_text a:before { left: calc((100% + 10px) - (50% * 3)); } #website-body .ep_gridcolumn.ep-m_product[data-layout1020^="list"][data-view1020="3"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view1020="1"] .ep-a_heading .ep_title .ep-p_text:before, #website-body .ep_gridcolumn.ep-m_product[data-layout1020^="list"][data-view1020="3"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view1020="1"] .ep-a_heading .ep_title .ep-p_text a:before { left: calc((100% + 10px) - (10% * 3)); } #website-body .ep_gridcolumn.ep-m_product[data-layout1020^="list"][data-view1020="3"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view1020="2"] .ep-a_heading .ep_title .ep-p_text:before, #website-body .ep_gridcolumn.ep-m_product[data-layout1020^="list"][data-view1020="3"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view1020="2"] .ep-a_heading .ep_title .ep-p_text a:before { left: calc((100% + 10px) - (50% * 2)); } #website-body .ep_gridcolumn.ep-m_product[data-layout1020^="list"][data-view1020="2"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view1020="1"] .ep-a_heading .ep_title .ep-p_text:before, #website-body .ep_gridcolumn.ep-m_product[data-layout1020^="list"][data-view1020="2"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view1020="1"] .ep-a_heading .ep_title .ep-p_text a:before { left: calc((100% + 10px) - (10% * 2)); } /* MOLECULE "PRODUCT" : Ajout des marges internes */ #website-body .ep_gridcolumn.ep-m_product[data-layout1020^="list"].ep-layout_black>.ep_gridrow .ep_gridcolumn.ep-layout_text .ep_gridcolumn-content { padding-top: 20px; padding-bottom: 20px; padding-right: 30px; } /* MOLECULE "PRODUCT" : Changement de couleur des textes */ #website-body .ep_gridcolumn.ep-m_product[data-layout1020^="list"].ep-layout_black>.ep_gridrow .ep_gridcolumn.ep-layout_text .ep-p_text, #website-body .ep_gridcolumn.ep-m_product[data-layout1020^="list"].ep-layout_black>.ep_gridrow .ep_gridcolumn.ep-layout_text .ep-p_text .ep_name, #website-body .ep_gridcolumn.ep-m_product[data-layout1020^="list"].ep-layout_black>.ep_gridrow .ep_gridcolumn.ep-layout_text .ep-a_text { color: #fff; } /* MOLECULE "PRODUCT" : Suppression de l'animation de deplacement du sous-titre */ #website-body .ep_gridcolumn.ep-m_product[data-layout1020^="list"].ep-layout_black>.ep_gridrow .ep_gridcolumn.ep-layout_text .ep-a_heading+.ep-a_heading, #website-body .ep_gridcolumn.ep-m_product[data-layout1020^="list"].ep-layout_black>.ep_gridrow .ep_gridcolumn.ep-layout_text .ep-a_heading+.ep-a_heading .ep_subtitle, #website-body .ep_gridcolumn.ep-m_product[data-layout1020^="list"].ep-layout_black>.ep_gridrow .ep_gridcolumn.ep-layout_text .ep-a_heading+.ep-a_heading .ep_subtitle .ep-p_text .ep_name { transform: translate(0, 0); -webkit-transform: translate(0, 0); } /* MOLECULE "PRODUCT" : Changement de l'ordre des atomes du titre */ #website-body .ep_gridcolumn.ep-m_product[data-layout1020^="list"].ep-layout_black>.ep_gridrow .ep_gridcolumn.ep-layout_text .ep_gridcolumn-content { display: flex; display: -webkit-flex; flex: 1 1 auto; -webkit-flex: 1 1 auto; flex-direction: column; -webkit-flex-direction: column; } #website-body .ep_gridcolumn.ep-m_product[data-layout1020^="list"].ep-layout_black>.ep_gridrow .ep_gridcolumn.ep-layout_text [class*="ep-a_"] { flex: 1 1 auto; -webkit-flex: 1 1 auto; order: 1; } #website-body .ep_gridcolumn.ep-m_product[data-layout1020^="list"].ep-layout_black>.ep_gridrow .ep_gridcolumn.ep-layout_text .ep-a_heading:first-child+.ep-a_heading { order: 2; } #website-body .ep_gridcolumn.ep-m_product[data-layout1020^="list"].ep-layout_black>.ep_gridrow .ep_gridcolumn.ep-layout_text .ep-a_heading:first-child, #website-body .ep_gridcolumn.ep-m_product[data-layout1020^="list"].ep-layout_black>.ep_gridrow .ep_gridcolumn.ep-layout_text .ep-a_heading:first-child+.ep-a_heading { flex: 0 0 auto; -webkit-flex: 0 0 auto; } #website-body .ep_gridcolumn.ep-m_product[data-layout1020^="list"].ep-layout_black>.ep_gridrow .ep_gridcolumn.ep-layout_text .ep-a_heading:first-child+.ep-a_heading>.ep_subtitle:first-child { margin-top: 1px !important; } } @media screen and (min-width:750px) and (max-width:1019px), print { /* MOLECULE "PRODUCT" : Etirement de la photo dans la colonne "image" */ #website-body .ep_gridcolumn.ep-m_product[data-layout750^="list"].ep-layout_black>.ep_gridrow-content { position: relative; } #website-body .ep_gridcolumn.ep-m_product[data-layout750^="list"].ep-layout_black>.ep_gridrow .ep_gridcolumn.ep-layout_image .ep-a_media .ep-p_image .ep_image { position: static; } #website-body .ep_gridcolumn.ep-m_product[data-layout750^="list"].ep-layout_black>.ep_gridrow .ep_gridcolumn.ep-layout_image .ep-a_media .ep-p_image .ep_image>span { bottom: 20px; left: 10px; right: 10px; background-position: left center; background-repeat: repeat-x; background-size: auto 101%; } /* MOLECULE "PRODUCT" : Ajout du fond colore a la colonne "texte" */ #website-body .ep_gridcolumn.ep-m_product[data-layout750^="list"].ep-layout_black>.ep_gridrow .ep_gridcolumn.ep-layout_text { position: relative; } #website-body .ep_gridcolumn.ep-m_product[data-layout750^="list"].ep-layout_black>.ep_gridrow .ep_gridcolumn.ep-layout_text .ep_gridcolumn-content:before { position: absolute; display: block; top: 0; bottom: 20px; left: -10px; right: 10px; background-color: rgba(0, 0, 0, 0.8); content: ""; } #website-body .ep_gridcolumn.ep-m_product[data-layout750^="list"].ep-layout_black>.ep_gridrow .ep_gridcolumn.ep-layout_text [class*="ep-a_"] { position: relative; } /* MOLECULE "PRODUCT" : Correction de l'affichage pour les molecules en mode "link" */ #website-body .ep_gridcolumn.ep-m_product[data-layout750^="list"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text [class*="ep-a_heading"] { position: static; } #website-body .ep_gridcolumn.ep-m_product[data-layout750^="list"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text [class*="ep-a_heading"] .ep_tag, #website-body .ep_gridcolumn.ep-m_product[data-layout750^="list"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text [class*="ep-a_heading"] .ep_subtitle, #website-body .ep_gridcolumn.ep-m_product[data-layout750^="list"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text [class*="ep-a_heading"] .ep_title .ep_name, #website-body .ep_gridcolumn.ep-m_product[data-layout750^="list"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text [class*="ep-a_heading"] .ep_title .ep_icon { position: relative; } #website-body .ep_gridcolumn.ep-m_product[data-layout750^="list"][data-view750="12"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view750="11"] .ep-a_heading .ep_title .ep-p_text:before, #website-body .ep_gridcolumn.ep-m_product[data-layout750^="list"][data-view750="12"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view750="11"] .ep-a_heading .ep_title .ep-p_text a:before { left: calc((100% + 10px) - ((100% / 11) * 12)); } #website-body .ep_gridcolumn.ep-m_product[data-layout750^="list"][data-view750="12"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view750="10"] .ep-a_heading .ep_title .ep-p_text:before, #website-body .ep_gridcolumn.ep-m_product[data-layout750^="list"][data-view750="12"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view750="10"] .ep-a_heading .ep_title .ep-p_text a:before { left: calc((100% + 10px) - (10% * 12)); } #website-body .ep_gridcolumn.ep-m_product[data-layout750^="list"][data-view750="12"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view750="9"] .ep-a_heading .ep_title .ep-p_text:before, #website-body .ep_gridcolumn.ep-m_product[data-layout750^="list"][data-view750="12"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view750="9"] .ep-a_heading .ep_title .ep-p_text a:before { left: calc((100% + 10px) - ((100% / 9) * 12)); } #website-body .ep_gridcolumn.ep-m_product[data-layout750^="list"][data-view750="12"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view750="8"] .ep-a_heading .ep_title .ep-p_text:before, #website-body .ep_gridcolumn.ep-m_product[data-layout750^="list"][data-view750="12"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view750="8"] .ep-a_heading .ep_title .ep-p_text a:before { left: calc((100% + 10px) - ((100% / 8) * 12)); } #website-body .ep_gridcolumn.ep-m_product[data-layout750^="list"][data-view750="12"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view750="7"] .ep-a_heading .ep_title .ep-p_text:before, #website-body .ep_gridcolumn.ep-m_product[data-layout750^="list"][data-view750="12"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view750="7"] .ep-a_heading .ep_title .ep-p_text a:before { left: calc((100% + 10px) - ((100% / 7) * 12)); } #website-body .ep_gridcolumn.ep-m_product[data-layout750^="list"][data-view750="12"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view750="6"] .ep-a_heading .ep_title .ep-p_text:before, #website-body .ep_gridcolumn.ep-m_product[data-layout750^="list"][data-view750="12"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view750="6"] .ep-a_heading .ep_title .ep-p_text a:before { left: calc((100% + 10px) - ((100% / 6) * 12)); } #website-body .ep_gridcolumn.ep-m_product[data-layout750^="list"][data-view750="12"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view750="5"] .ep-a_heading .ep_title .ep-p_text:before, #website-body .ep_gridcolumn.ep-m_product[data-layout750^="list"][data-view750="12"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view750="5"] .ep-a_heading .ep_title .ep-p_text a:before { left: calc((100% + 10px) - (20% * 12)); } #website-body .ep_gridcolumn.ep-m_product[data-layout750^="list"][data-view750="12"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view750="4"] .ep-a_heading .ep_title .ep-p_text:before, #website-body .ep_gridcolumn.ep-m_product[data-layout750^="list"][data-view750="12"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view750="4"] .ep-a_heading .ep_title .ep-p_text a:before { left: calc((100% + 10px) - (25% * 12)); } #website-body .ep_gridcolumn.ep-m_product[data-layout750^="list"][data-view750="12"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view750="3"] .ep-a_heading .ep_title .ep-p_text:before, #website-body .ep_gridcolumn.ep-m_product[data-layout750^="list"][data-view750="12"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view750="3"] .ep-a_heading .ep_title .ep-p_text a:before { left: calc((100% + 10px) - ((100% / 3) * 12)); } #website-body .ep_gridcolumn.ep-m_product[data-layout750^="list"][data-view750="12"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view750="2"] .ep-a_heading .ep_title .ep-p_text:before, #website-body .ep_gridcolumn.ep-m_product[data-layout750^="list"][data-view750="12"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view750="2"] .ep-a_heading .ep_title .ep-p_text a:before { left: calc((100% + 10px) - (50% * 12)); } #website-body .ep_gridcolumn.ep-m_product[data-layout750^="list"][data-view750="12"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view750="1"] .ep-a_heading .ep_title .ep-p_text:before, #website-body .ep_gridcolumn.ep-m_product[data-layout750^="list"][data-view750="12"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view750="1"] .ep-a_heading .ep_title .ep-p_text a:before { left: calc((100% + 10px) - (10% * 12)); } #website-body .ep_gridcolumn.ep-m_product[data-layout750^="list"][data-view750="11"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view750="10"] .ep-a_heading .ep_title .ep-p_text:before, #website-body .ep_gridcolumn.ep-m_product[data-layout750^="list"][data-view750="11"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view750="10"] .ep-a_heading .ep_title .ep-p_text a:before { left: calc((100% + 10px) - (10% * 11)); } #website-body .ep_gridcolumn.ep-m_product[data-layout750^="list"][data-view750="11"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view750="9"] .ep-a_heading .ep_title .ep-p_text:before, #website-body .ep_gridcolumn.ep-m_product[data-layout750^="list"][data-view750="11"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view750="9"] .ep-a_heading .ep_title .ep-p_text a:before { left: calc((100% + 10px) - ((100% / 9) * 11)); } #website-body .ep_gridcolumn.ep-m_product[data-layout750^="list"][data-view750="11"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view750="8"] .ep-a_heading .ep_title .ep-p_text:before, #website-body .ep_gridcolumn.ep-m_product[data-layout750^="list"][data-view750="11"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view750="8"] .ep-a_heading .ep_title .ep-p_text a:before { left: calc((100% + 10px) - ((100% / 8) * 11)); } #website-body .ep_gridcolumn.ep-m_product[data-layout750^="list"][data-view750="11"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view750="7"] .ep-a_heading .ep_title .ep-p_text:before, #website-body .ep_gridcolumn.ep-m_product[data-layout750^="list"][data-view750="11"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view750="7"] .ep-a_heading .ep_title .ep-p_text a:before { left: calc((100% + 10px) - ((100% / 7) * 11)); } #website-body .ep_gridcolumn.ep-m_product[data-layout750^="list"][data-view750="11"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view750="6"] .ep-a_heading .ep_title .ep-p_text:before, #website-body .ep_gridcolumn.ep-m_product[data-layout750^="list"][data-view750="11"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view750="6"] .ep-a_heading .ep_title .ep-p_text a:before { left: calc((100% + 10px) - ((100% / 6) * 11)); } #website-body .ep_gridcolumn.ep-m_product[data-layout750^="list"][data-view750="11"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view750="5"] .ep-a_heading .ep_title .ep-p_text:before, #website-body .ep_gridcolumn.ep-m_product[data-layout750^="list"][data-view750="11"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view750="5"] .ep-a_heading .ep_title .ep-p_text a:before { left: calc((100% + 10px) - (20% * 11)); } #website-body .ep_gridcolumn.ep-m_product[data-layout750^="list"][data-view750="11"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view750="4"] .ep-a_heading .ep_title .ep-p_text:before, #website-body .ep_gridcolumn.ep-m_product[data-layout750^="list"][data-view750="11"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view750="4"] .ep-a_heading .ep_title .ep-p_text a:before { left: calc((100% + 10px) - (25% * 11)); } #website-body .ep_gridcolumn.ep-m_product[data-layout750^="list"][data-view750="11"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view750="3"] .ep-a_heading .ep_title .ep-p_text:before, #website-body .ep_gridcolumn.ep-m_product[data-layout750^="list"][data-view750="11"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view750="3"] .ep-a_heading .ep_title .ep-p_text a:before { left: calc((100% + 10px) - ((100% / 3) * 11)); } #website-body .ep_gridcolumn.ep-m_product[data-layout750^="list"][data-view750="11"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view750="2"] .ep-a_heading .ep_title .ep-p_text:before, #website-body .ep_gridcolumn.ep-m_product[data-layout750^="list"][data-view750="11"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view750="2"] .ep-a_heading .ep_title .ep-p_text a:before { left: calc((100% + 10px) - (50% * 11)); } #website-body .ep_gridcolumn.ep-m_product[data-layout750^="list"][data-view750="11"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view750="1"] .ep-a_heading .ep_title .ep-p_text:before, #website-body .ep_gridcolumn.ep-m_product[data-layout750^="list"][data-view750="11"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view750="1"] .ep-a_heading .ep_title .ep-p_text a:before { left: calc((100% + 10px) - (10% * 11)); } #website-body .ep_gridcolumn.ep-m_product[data-layout750^="list"][data-view750="10"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view750="9"] .ep-a_heading .ep_title .ep-p_text:before, #website-body .ep_gridcolumn.ep-m_product[data-layout750^="list"][data-view750="10"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view750="9"] .ep-a_heading .ep_title .ep-p_text a:before { left: calc((100% + 10px) - ((100% / 9) * 10)); } #website-body .ep_gridcolumn.ep-m_product[data-layout750^="list"][data-view750="10"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view750="8"] .ep-a_heading .ep_title .ep-p_text:before, #website-body .ep_gridcolumn.ep-m_product[data-layout750^="list"][data-view750="10"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view750="8"] .ep-a_heading .ep_title .ep-p_text a:before { left: calc((100% + 10px) - ((100% / 8) * 10)); } #website-body .ep_gridcolumn.ep-m_product[data-layout750^="list"][data-view750="10"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view750="7"] .ep-a_heading .ep_title .ep-p_text:before, #website-body .ep_gridcolumn.ep-m_product[data-layout750^="list"][data-view750="10"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view750="7"] .ep-a_heading .ep_title .ep-p_text a:before { left: calc((100% + 10px) - ((100% / 7) * 10)); } #website-body .ep_gridcolumn.ep-m_product[data-layout750^="list"][data-view750="10"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view750="6"] .ep-a_heading .ep_title .ep-p_text:before, #website-body .ep_gridcolumn.ep-m_product[data-layout750^="list"][data-view750="10"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view750="6"] .ep-a_heading .ep_title .ep-p_text a:before { left: calc((100% + 10px) - ((100% / 6) * 10)); } #website-body .ep_gridcolumn.ep-m_product[data-layout750^="list"][data-view750="10"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view750="5"] .ep-a_heading .ep_title .ep-p_text:before, #website-body .ep_gridcolumn.ep-m_product[data-layout750^="list"][data-view750="10"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view750="5"] .ep-a_heading .ep_title .ep-p_text a:before { left: calc((100% + 10px) - (20% * 10)); } #website-body .ep_gridcolumn.ep-m_product[data-layout750^="list"][data-view750="10"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view750="4"] .ep-a_heading .ep_title .ep-p_text:before, #website-body .ep_gridcolumn.ep-m_product[data-layout750^="list"][data-view750="10"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view750="4"] .ep-a_heading .ep_title .ep-p_text a:before { left: calc((100% + 10px) - (25% * 10)); } #website-body .ep_gridcolumn.ep-m_product[data-layout750^="list"][data-view750="10"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view750="3"] .ep-a_heading .ep_title .ep-p_text:before, #website-body .ep_gridcolumn.ep-m_product[data-layout750^="list"][data-view750="10"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view750="3"] .ep-a_heading .ep_title .ep-p_text a:before { left: calc((100% + 10px) - ((100% / 3) * 10)); } #website-body .ep_gridcolumn.ep-m_product[data-layout750^="list"][data-view750="10"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view750="2"] .ep-a_heading .ep_title .ep-p_text:before, #website-body .ep_gridcolumn.ep-m_product[data-layout750^="list"][data-view750="10"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view750="2"] .ep-a_heading .ep_title .ep-p_text a:before { left: calc((100% + 10px) - (50% * 10)); } #website-body .ep_gridcolumn.ep-m_product[data-layout750^="list"][data-view750="10"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view750="1"] .ep-a_heading .ep_title .ep-p_text:before, #website-body .ep_gridcolumn.ep-m_product[data-layout750^="list"][data-view750="10"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view750="1"] .ep-a_heading .ep_title .ep-p_text a:before { left: calc((100% + 10px) - (10% * 10)); } #website-body .ep_gridcolumn.ep-m_product[data-layout750^="list"][data-view750="9"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view750="8"] .ep-a_heading .ep_title .ep-p_text:before, #website-body .ep_gridcolumn.ep-m_product[data-layout750^="list"][data-view750="9"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view750="8"] .ep-a_heading .ep_title .ep-p_text a:before { left: calc((100% + 10px) - ((100% / 8) * 9)); } #website-body .ep_gridcolumn.ep-m_product[data-layout750^="list"][data-view750="9"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view750="7"] .ep-a_heading .ep_title .ep-p_text:before, #website-body .ep_gridcolumn.ep-m_product[data-layout750^="list"][data-view750="9"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view750="7"] .ep-a_heading .ep_title .ep-p_text a:before { left: calc((100% + 10px) - ((100% / 7) * 9)); } #website-body .ep_gridcolumn.ep-m_product[data-layout750^="list"][data-view750="9"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view750="6"] .ep-a_heading .ep_title .ep-p_text:before, #website-body .ep_gridcolumn.ep-m_product[data-layout750^="list"][data-view750="9"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view750="6"] .ep-a_heading .ep_title .ep-p_text a:before { left: calc((100% + 10px) - ((100% / 6) * 9)); } #website-body .ep_gridcolumn.ep-m_product[data-layout750^="list"][data-view750="9"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view750="5"] .ep-a_heading .ep_title .ep-p_text:before, #website-body .ep_gridcolumn.ep-m_product[data-layout750^="list"][data-view750="9"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view750="5"] .ep-a_heading .ep_title .ep-p_text a:before { left: calc((100% + 10px) - (20% * 9)); } #website-body .ep_gridcolumn.ep-m_product[data-layout750^="list"][data-view750="9"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view750="4"] .ep-a_heading .ep_title .ep-p_text:before, #website-body .ep_gridcolumn.ep-m_product[data-layout750^="list"][data-view750="9"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view750="4"] .ep-a_heading .ep_title .ep-p_text a:before { left: calc((100% + 10px) - (25% * 9)); } #website-body .ep_gridcolumn.ep-m_product[data-layout750^="list"][data-view750="9"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view750="3"] .ep-a_heading .ep_title .ep-p_text:before, #website-body .ep_gridcolumn.ep-m_product[data-layout750^="list"][data-view750="9"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view750="3"] .ep-a_heading .ep_title .ep-p_text a:before { left: calc((100% + 10px) - ((100% / 3) * 9)); } #website-body .ep_gridcolumn.ep-m_product[data-layout750^="list"][data-view750="9"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view750="2"] .ep-a_heading .ep_title .ep-p_text:before, #website-body .ep_gridcolumn.ep-m_product[data-layout750^="list"][data-view750="9"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view750="2"] .ep-a_heading .ep_title .ep-p_text a:before { left: calc((100% + 10px) - (50% * 9)); } #website-body .ep_gridcolumn.ep-m_product[data-layout750^="list"][data-view750="9"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view750="1"] .ep-a_heading .ep_title .ep-p_text:before, #website-body .ep_gridcolumn.ep-m_product[data-layout750^="list"][data-view750="9"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view750="1"] .ep-a_heading .ep_title .ep-p_text a:before { left: calc((100% + 10px) - (10% * 9)); } #website-body .ep_gridcolumn.ep-m_product[data-layout750^="list"][data-view750="8"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view750="7"] .ep-a_heading .ep_title .ep-p_text:before, #website-body .ep_gridcolumn.ep-m_product[data-layout750^="list"][data-view750="8"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view750="7"] .ep-a_heading .ep_title .ep-p_text a:before { left: calc((100% + 10px) - ((100% / 7) * 8)); } #website-body .ep_gridcolumn.ep-m_product[data-layout750^="list"][data-view750="8"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view750="6"] .ep-a_heading .ep_title .ep-p_text:before, #website-body .ep_gridcolumn.ep-m_product[data-layout750^="list"][data-view750="8"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view750="6"] .ep-a_heading .ep_title .ep-p_text a:before { left: calc((100% + 10px) - ((100% / 6) * 8)); } #website-body .ep_gridcolumn.ep-m_product[data-layout750^="list"][data-view750="8"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view750="5"] .ep-a_heading .ep_title .ep-p_text:before, #website-body .ep_gridcolumn.ep-m_product[data-layout750^="list"][data-view750="8"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view750="5"] .ep-a_heading .ep_title .ep-p_text a:before { left: calc((100% + 10px) - (20% * 8)); } #website-body .ep_gridcolumn.ep-m_product[data-layout750^="list"][data-view750="8"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view750="4"] .ep-a_heading .ep_title .ep-p_text:before, #website-body .ep_gridcolumn.ep-m_product[data-layout750^="list"][data-view750="8"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view750="4"] .ep-a_heading .ep_title .ep-p_text a:before { left: calc((100% + 10px) - (25% * 8)); } #website-body .ep_gridcolumn.ep-m_product[data-layout750^="list"][data-view750="8"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view750="3"] .ep-a_heading .ep_title .ep-p_text:before, #website-body .ep_gridcolumn.ep-m_product[data-layout750^="list"][data-view750="8"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view750="3"] .ep-a_heading .ep_title .ep-p_text a:before { left: calc((100% + 10px) - ((100% / 3) * 8)); } #website-body .ep_gridcolumn.ep-m_product[data-layout750^="list"][data-view750="8"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view750="2"] .ep-a_heading .ep_title .ep-p_text:before, #website-body .ep_gridcolumn.ep-m_product[data-layout750^="list"][data-view750="8"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view750="2"] .ep-a_heading .ep_title .ep-p_text a:before { left: calc((100% + 10px) - (50% * 8)); } #website-body .ep_gridcolumn.ep-m_product[data-layout750^="list"][data-view750="8"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view750="1"] .ep-a_heading .ep_title .ep-p_text:before, #website-body .ep_gridcolumn.ep-m_product[data-layout750^="list"][data-view750="8"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view750="1"] .ep-a_heading .ep_title .ep-p_text a:before { left: calc((100% + 10px) - (10% * 8)); } #website-body .ep_gridcolumn.ep-m_product[data-layout750^="list"][data-view750="7"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view750="6"] .ep-a_heading .ep_title .ep-p_text:before, #website-body .ep_gridcolumn.ep-m_product[data-layout750^="list"][data-view750="7"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view750="6"] .ep-a_heading .ep_title .ep-p_text a:before { left: calc((100% + 10px) - ((100% / 6) * 7)); } #website-body .ep_gridcolumn.ep-m_product[data-layout750^="list"][data-view750="7"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view750="5"] .ep-a_heading .ep_title .ep-p_text:before, #website-body .ep_gridcolumn.ep-m_product[data-layout750^="list"][data-view750="7"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view750="5"] .ep-a_heading .ep_title .ep-p_text a:before { left: calc((100% + 10px) - (20% * 7)); } #website-body .ep_gridcolumn.ep-m_product[data-layout750^="list"][data-view750="7"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view750="4"] .ep-a_heading .ep_title .ep-p_text:before, #website-body .ep_gridcolumn.ep-m_product[data-layout750^="list"][data-view750="7"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view750="4"] .ep-a_heading .ep_title .ep-p_text a:before { left: calc((100% + 10px) - (25% * 7)); } #website-body .ep_gridcolumn.ep-m_product[data-layout750^="list"][data-view750="7"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view750="3"] .ep-a_heading .ep_title .ep-p_text:before, #website-body .ep_gridcolumn.ep-m_product[data-layout750^="list"][data-view750="7"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view750="3"] .ep-a_heading .ep_title .ep-p_text a:before { left: calc((100% + 10px) - ((100% / 3) * 7)); } #website-body .ep_gridcolumn.ep-m_product[data-layout750^="list"][data-view750="7"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view750="2"] .ep-a_heading .ep_title .ep-p_text:before, #website-body .ep_gridcolumn.ep-m_product[data-layout750^="list"][data-view750="7"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view750="2"] .ep-a_heading .ep_title .ep-p_text a:before { left: calc((100% + 10px) - (50% * 7)); } #website-body .ep_gridcolumn.ep-m_product[data-layout750^="list"][data-view750="7"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view750="1"] .ep-a_heading .ep_title .ep-p_text:before, #website-body .ep_gridcolumn.ep-m_product[data-layout750^="list"][data-view750="7"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view750="1"] .ep-a_heading .ep_title .ep-p_text a:before { left: calc((100% + 10px) - (10% * 7)); } #website-body .ep_gridcolumn.ep-m_product[data-layout750^="list"][data-view750="6"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view750="5"] .ep-a_heading .ep_title .ep-p_text:before, #website-body .ep_gridcolumn.ep-m_product[data-layout750^="list"][data-view750="6"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view750="5"] .ep-a_heading .ep_title .ep-p_text a:before { left: calc((100% + 10px) - (20% * 6)); } #website-body .ep_gridcolumn.ep-m_product[data-layout750^="list"][data-view750="6"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view750="4"] .ep-a_heading .ep_title .ep-p_text:before, #website-body .ep_gridcolumn.ep-m_product[data-layout750^="list"][data-view750="6"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view750="4"] .ep-a_heading .ep_title .ep-p_text a:before { left: calc((100% + 10px) - (25% * 6)); } #website-body .ep_gridcolumn.ep-m_product[data-layout750^="list"][data-view750="6"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view750="3"] .ep-a_heading .ep_title .ep-p_text:before, #website-body .ep_gridcolumn.ep-m_product[data-layout750^="list"][data-view750="6"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view750="3"] .ep-a_heading .ep_title .ep-p_text a:before { left: calc((100% + 10px) - ((100% / 3) * 6)); } #website-body .ep_gridcolumn.ep-m_product[data-layout750^="list"][data-view750="6"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view750="2"] .ep-a_heading .ep_title .ep-p_text:before, #website-body .ep_gridcolumn.ep-m_product[data-layout750^="list"][data-view750="6"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view750="2"] .ep-a_heading .ep_title .ep-p_text a:before { left: calc((100% + 10px) - (50% * 6)); } #website-body .ep_gridcolumn.ep-m_product[data-layout750^="list"][data-view750="6"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view750="1"] .ep-a_heading .ep_title .ep-p_text:before, #website-body .ep_gridcolumn.ep-m_product[data-layout750^="list"][data-view750="6"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view750="1"] .ep-a_heading .ep_title .ep-p_text a:before { left: calc((100% + 10px) - (10% * 6)); } #website-body .ep_gridcolumn.ep-m_product[data-layout750^="list"][data-view750="5"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view750="4"] .ep-a_heading .ep_title .ep-p_text:before, #website-body .ep_gridcolumn.ep-m_product[data-layout750^="list"][data-view750="5"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view750="4"] .ep-a_heading .ep_title .ep-p_text a:before { left: calc((100% + 10px) - (25% * 5)); } #website-body .ep_gridcolumn.ep-m_product[data-layout750^="list"][data-view750="5"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view750="3"] .ep-a_heading .ep_title .ep-p_text:before, #website-body .ep_gridcolumn.ep-m_product[data-layout750^="list"][data-view750="5"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view750="3"] .ep-a_heading .ep_title .ep-p_text a:before { left: calc((100% + 10px) - ((100% / 3) * 5)); } #website-body .ep_gridcolumn.ep-m_product[data-layout750^="list"][data-view750="5"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view750="2"] .ep-a_heading .ep_title .ep-p_text:before, #website-body .ep_gridcolumn.ep-m_product[data-layout750^="list"][data-view750="5"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view750="2"] .ep-a_heading .ep_title .ep-p_text a:before { left: calc((100% + 10px) - (50% * 5)); } #website-body .ep_gridcolumn.ep-m_product[data-layout750^="list"][data-view750="5"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view750="1"] .ep-a_heading .ep_title .ep-p_text:before, #website-body .ep_gridcolumn.ep-m_product[data-layout750^="list"][data-view750="5"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view750="1"] .ep-a_heading .ep_title .ep-p_text a:before { left: calc((100% + 10px) - (10% * 5)); } #website-body .ep_gridcolumn.ep-m_product[data-layout750^="list"][data-view750="4"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view750="3"] .ep-a_heading .ep_title .ep-p_text:before, #website-body .ep_gridcolumn.ep-m_product[data-layout750^="list"][data-view750="4"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view750="3"] .ep-a_heading .ep_title .ep-p_text a:before { left: calc((100% + 10px) - ((100% / 3) * 4)); } #website-body .ep_gridcolumn.ep-m_product[data-layout750^="list"][data-view750="4"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view750="2"] .ep-a_heading .ep_title .ep-p_text:before, #website-body .ep_gridcolumn.ep-m_product[data-layout750^="list"][data-view750="4"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view750="2"] .ep-a_heading .ep_title .ep-p_text a:before { left: calc((100% + 10px) - (50% * 4)); } #website-body .ep_gridcolumn.ep-m_product[data-layout750^="list"][data-view750="4"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view750="1"] .ep-a_heading .ep_title .ep-p_text:before, #website-body .ep_gridcolumn.ep-m_product[data-layout750^="list"][data-view750="4"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view750="1"] .ep-a_heading .ep_title .ep-p_text a:before { left: calc((100% + 10px) - (10% * 4)); } #website-body .ep_gridcolumn.ep-m_product[data-layout750^="list"][data-view750="3"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view750="2"] .ep-a_heading .ep_title .ep-p_text:before, #website-body .ep_gridcolumn.ep-m_product[data-layout750^="list"][data-view750="3"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view750="2"] .ep-a_heading .ep_title .ep-p_text a:before { left: calc((100% + 10px) - (50% * 3)); } #website-body .ep_gridcolumn.ep-m_product[data-layout750^="list"][data-view750="3"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view750="1"] .ep-a_heading .ep_title .ep-p_text:before, #website-body .ep_gridcolumn.ep-m_product[data-layout750^="list"][data-view750="3"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view750="1"] .ep-a_heading .ep_title .ep-p_text a:before { left: calc((100% + 10px) - (10% * 3)); } #website-body .ep_gridcolumn.ep-m_product[data-layout750^="list"][data-view750="3"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view750="2"] .ep-a_heading .ep_title .ep-p_text:before, #website-body .ep_gridcolumn.ep-m_product[data-layout750^="list"][data-view750="3"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view750="2"] .ep-a_heading .ep_title .ep-p_text a:before { left: calc((100% + 10px) - (50% * 2)); } #website-body .ep_gridcolumn.ep-m_product[data-layout750^="list"][data-view750="2"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view750="1"] .ep-a_heading .ep_title .ep-p_text:before, #website-body .ep_gridcolumn.ep-m_product[data-layout750^="list"][data-view750="2"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view750="1"] .ep-a_heading .ep_title .ep-p_text a:before { left: calc((100% + 10px) - (10% * 2)); } /* MOLECULE "PRODUCT" : Ajout des marges internes */ #website-body .ep_gridcolumn.ep-m_product[data-layout750^="list"].ep-layout_black>.ep_gridrow .ep_gridcolumn.ep-layout_text .ep_gridcolumn-content { padding-top: 20px; padding-bottom: 20px; padding-right: 30px; } /* MOLECULE "PRODUCT" : Changement de couleur des textes */ #website-body .ep_gridcolumn.ep-m_product[data-layout750^="list"].ep-layout_black>.ep_gridrow .ep_gridcolumn.ep-layout_text .ep-p_text, #website-body .ep_gridcolumn.ep-m_product[data-layout750^="list"].ep-layout_black>.ep_gridrow .ep_gridcolumn.ep-layout_text .ep-p_text .ep_name, #website-body .ep_gridcolumn.ep-m_product[data-layout750^="list"].ep-layout_black>.ep_gridrow .ep_gridcolumn.ep-layout_text .ep-a_text { color: #fff; } /* MOLECULE "PRODUCT" : Suppression de l'animation de deplacement du sous-titre */ #website-body .ep_gridcolumn.ep-m_product[data-layout750^="list"].ep-layout_black>.ep_gridrow .ep_gridcolumn.ep-layout_text .ep-a_heading+.ep-a_heading, #website-body .ep_gridcolumn.ep-m_product[data-layout750^="list"].ep-layout_black>.ep_gridrow .ep_gridcolumn.ep-layout_text .ep-a_heading+.ep-a_heading .ep_subtitle, #website-body .ep_gridcolumn.ep-m_product[data-layout750^="list"].ep-layout_black>.ep_gridrow .ep_gridcolumn.ep-layout_text .ep-a_heading+.ep-a_heading .ep_subtitle .ep-p_text .ep_name { transform: translate(0, 0); -webkit-transform: translate(0, 0); } /* MOLECULE "PRODUCT" : Changement de l'ordre des atomes du titre */ #website-body .ep_gridcolumn.ep-m_product[data-layout750^="list"].ep-layout_black>.ep_gridrow .ep_gridcolumn.ep-layout_text .ep_gridcolumn-content { display: flex; display: -webkit-flex; flex: 1 1 auto; -webkit-flex: 1 1 auto; flex-direction: column; -webkit-flex-direction: column; } #website-body .ep_gridcolumn.ep-m_product[data-layout750^="list"].ep-layout_black>.ep_gridrow .ep_gridcolumn.ep-layout_text [class*="ep-a_"] { flex: 1 1 auto; -webkit-flex: 1 1 auto; order: 1; } #website-body .ep_gridcolumn.ep-m_product[data-layout750^="list"].ep-layout_black>.ep_gridrow .ep_gridcolumn.ep-layout_text .ep-a_heading:first-child+.ep-a_heading { order: 2; } #website-body .ep_gridcolumn.ep-m_product[data-layout750^="list"].ep-layout_black>.ep_gridrow .ep_gridcolumn.ep-layout_text .ep-a_heading:first-child, #website-body .ep_gridcolumn.ep-m_product[data-layout750^="list"].ep-layout_black>.ep_gridrow .ep_gridcolumn.ep-layout_text .ep-a_heading:first-child+.ep-a_heading { flex: 0 0 auto; -webkit-flex: 0 0 auto; } #website-body .ep_gridcolumn.ep-m_product[data-layout750^="list"].ep-layout_black>.ep_gridrow .ep_gridcolumn.ep-layout_text .ep-a_heading:first-child+.ep-a_heading>.ep_subtitle:first-child { margin-top: 1px !important; } } @media screen and (min-width:640px) and (max-width:749px) { /* MOLECULE "PRODUCT" : Etirement de la photo dans la colonne "image" */ #website-body .ep_gridcolumn.ep-m_product[data-layout640^="list"].ep-layout_black>.ep_gridrow-content { position: relative; } #website-body .ep_gridcolumn.ep-m_product[data-layout640^="list"].ep-layout_black>.ep_gridrow .ep_gridcolumn.ep-layout_image .ep-a_media .ep-p_image .ep_image { position: static; } #website-body .ep_gridcolumn.ep-m_product[data-layout640^="list"].ep-layout_black>.ep_gridrow .ep_gridcolumn.ep-layout_image .ep-a_media .ep-p_image .ep_image>span { bottom: 20px; left: 10px; right: 10px; background-position: left center; background-repeat: repeat-x; background-size: auto 101%; } /* MOLECULE "PRODUCT" : Ajout du fond colore a la colonne "texte" */ #website-body .ep_gridcolumn.ep-m_product[data-layout640^="list"].ep-layout_black>.ep_gridrow .ep_gridcolumn.ep-layout_text { position: relative; } #website-body .ep_gridcolumn.ep-m_product[data-layout640^="list"].ep-layout_black>.ep_gridrow .ep_gridcolumn.ep-layout_text .ep_gridcolumn-content:before { position: absolute; display: block; top: 0; bottom: 20px; left: -10px; right: 10px; background-color: rgba(0, 0, 0, 0.8); content: ""; } #website-body .ep_gridcolumn.ep-m_product[data-layout640^="list"].ep-layout_black>.ep_gridrow .ep_gridcolumn.ep-layout_text [class*="ep-a_"] { position: relative; } /* MOLECULE "PRODUCT" : Correction de l'affichage pour les molecules en mode "link" */ #website-body .ep_gridcolumn.ep-m_product[data-layout640^="list"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text [class*="ep-a_heading"] { position: static; } #website-body .ep_gridcolumn.ep-m_product[data-layout640^="list"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text [class*="ep-a_heading"] .ep_tag, #website-body .ep_gridcolumn.ep-m_product[data-layout640^="list"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text [class*="ep-a_heading"] .ep_subtitle, #website-body .ep_gridcolumn.ep-m_product[data-layout640^="list"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text [class*="ep-a_heading"] .ep_title .ep_name, #website-body .ep_gridcolumn.ep-m_product[data-layout640^="list"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text [class*="ep-a_heading"] .ep_title .ep_icon { position: relative; } #website-body .ep_gridcolumn.ep-m_product[data-layout640^="list"][data-view640="8"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view640="7"] .ep-a_heading .ep_title .ep-p_text:before, #website-body .ep_gridcolumn.ep-m_product[data-layout640^="list"][data-view640="8"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view640="7"] .ep-a_heading .ep_title .ep-p_text a:before { left: calc((100% + 10px) - ((100% / 7) * 8)); } #website-body .ep_gridcolumn.ep-m_product[data-layout640^="list"][data-view640="8"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view640="6"] .ep-a_heading .ep_title .ep-p_text:before, #website-body .ep_gridcolumn.ep-m_product[data-layout640^="list"][data-view640="8"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view640="6"] .ep-a_heading .ep_title .ep-p_text a:before { left: calc((100% + 10px) - ((100% / 6) * 8)); } #website-body .ep_gridcolumn.ep-m_product[data-layout640^="list"][data-view640="8"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view640="5"] .ep-a_heading .ep_title .ep-p_text:before, #website-body .ep_gridcolumn.ep-m_product[data-layout640^="list"][data-view640="8"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view640="5"] .ep-a_heading .ep_title .ep-p_text a:before { left: calc((100% + 10px) - (20% * 8)); } #website-body .ep_gridcolumn.ep-m_product[data-layout640^="list"][data-view640="8"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view640="4"] .ep-a_heading .ep_title .ep-p_text:before, #website-body .ep_gridcolumn.ep-m_product[data-layout640^="list"][data-view640="8"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view640="4"] .ep-a_heading .ep_title .ep-p_text a:before { left: calc((100% + 10px) - (25% * 8)); } #website-body .ep_gridcolumn.ep-m_product[data-layout640^="list"][data-view640="8"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view640="3"] .ep-a_heading .ep_title .ep-p_text:before, #website-body .ep_gridcolumn.ep-m_product[data-layout640^="list"][data-view640="8"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view640="3"] .ep-a_heading .ep_title .ep-p_text a:before { left: calc((100% + 10px) - ((100% / 3) * 8)); } #website-body .ep_gridcolumn.ep-m_product[data-layout640^="list"][data-view640="8"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view640="2"] .ep-a_heading .ep_title .ep-p_text:before, #website-body .ep_gridcolumn.ep-m_product[data-layout640^="list"][data-view640="8"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view640="2"] .ep-a_heading .ep_title .ep-p_text a:before { left: calc((100% + 10px) - (50% * 8)); } #website-body .ep_gridcolumn.ep-m_product[data-layout640^="list"][data-view640="8"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view640="1"] .ep-a_heading .ep_title .ep-p_text:before, #website-body .ep_gridcolumn.ep-m_product[data-layout640^="list"][data-view640="8"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view640="1"] .ep-a_heading .ep_title .ep-p_text a:before { left: calc((100% + 10px) - (10% * 8)); } #website-body .ep_gridcolumn.ep-m_product[data-layout640^="list"][data-view640="7"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view640="6"] .ep-a_heading .ep_title .ep-p_text:before, #website-body .ep_gridcolumn.ep-m_product[data-layout640^="list"][data-view640="7"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view640="6"] .ep-a_heading .ep_title .ep-p_text a:before { left: calc((100% + 10px) - ((100% / 6) * 7)); } #website-body .ep_gridcolumn.ep-m_product[data-layout640^="list"][data-view640="7"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view640="5"] .ep-a_heading .ep_title .ep-p_text:before, #website-body .ep_gridcolumn.ep-m_product[data-layout640^="list"][data-view640="7"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view640="5"] .ep-a_heading .ep_title .ep-p_text a:before { left: calc((100% + 10px) - (20% * 7)); } #website-body .ep_gridcolumn.ep-m_product[data-layout640^="list"][data-view640="7"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view640="4"] .ep-a_heading .ep_title .ep-p_text:before, #website-body .ep_gridcolumn.ep-m_product[data-layout640^="list"][data-view640="7"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view640="4"] .ep-a_heading .ep_title .ep-p_text a:before { left: calc((100% + 10px) - (25% * 7)); } #website-body .ep_gridcolumn.ep-m_product[data-layout640^="list"][data-view640="7"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view640="3"] .ep-a_heading .ep_title .ep-p_text:before, #website-body .ep_gridcolumn.ep-m_product[data-layout640^="list"][data-view640="7"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view640="3"] .ep-a_heading .ep_title .ep-p_text a:before { left: calc((100% + 10px) - ((100% / 3) * 7)); } #website-body .ep_gridcolumn.ep-m_product[data-layout640^="list"][data-view640="7"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view640="2"] .ep-a_heading .ep_title .ep-p_text:before, #website-body .ep_gridcolumn.ep-m_product[data-layout640^="list"][data-view640="7"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view640="2"] .ep-a_heading .ep_title .ep-p_text a:before { left: calc((100% + 10px) - (50% * 7)); } #website-body .ep_gridcolumn.ep-m_product[data-layout640^="list"][data-view640="7"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view640="1"] .ep-a_heading .ep_title .ep-p_text:before, #website-body .ep_gridcolumn.ep-m_product[data-layout640^="list"][data-view640="7"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view640="1"] .ep-a_heading .ep_title .ep-p_text a:before { left: calc((100% + 10px) - (10% * 7)); } #website-body .ep_gridcolumn.ep-m_product[data-layout640^="list"][data-view640="6"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view640="5"] .ep-a_heading .ep_title .ep-p_text:before, #website-body .ep_gridcolumn.ep-m_product[data-layout640^="list"][data-view640="6"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view640="5"] .ep-a_heading .ep_title .ep-p_text a:before { left: calc((100% + 10px) - (20% * 6)); } #website-body .ep_gridcolumn.ep-m_product[data-layout640^="list"][data-view640="6"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view640="4"] .ep-a_heading .ep_title .ep-p_text:before, #website-body .ep_gridcolumn.ep-m_product[data-layout640^="list"][data-view640="6"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view640="4"] .ep-a_heading .ep_title .ep-p_text a:before { left: calc((100% + 10px) - (25% * 6)); } #website-body .ep_gridcolumn.ep-m_product[data-layout640^="list"][data-view640="6"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view640="3"] .ep-a_heading .ep_title .ep-p_text:before, #website-body .ep_gridcolumn.ep-m_product[data-layout640^="list"][data-view640="6"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view640="3"] .ep-a_heading .ep_title .ep-p_text a:before { left: calc((100% + 10px) - ((100% / 3) * 6)); } #website-body .ep_gridcolumn.ep-m_product[data-layout640^="list"][data-view640="6"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view640="2"] .ep-a_heading .ep_title .ep-p_text:before, #website-body .ep_gridcolumn.ep-m_product[data-layout640^="list"][data-view640="6"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view640="2"] .ep-a_heading .ep_title .ep-p_text a:before { left: calc((100% + 10px) - (50% * 6)); } #website-body .ep_gridcolumn.ep-m_product[data-layout640^="list"][data-view640="6"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view640="1"] .ep-a_heading .ep_title .ep-p_text:before, #website-body .ep_gridcolumn.ep-m_product[data-layout640^="list"][data-view640="6"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view640="1"] .ep-a_heading .ep_title .ep-p_text a:before { left: calc((100% + 10px) - (10% * 6)); } #website-body .ep_gridcolumn.ep-m_product[data-layout640^="list"][data-view640="5"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view640="4"] .ep-a_heading .ep_title .ep-p_text:before, #website-body .ep_gridcolumn.ep-m_product[data-layout640^="list"][data-view640="5"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view640="4"] .ep-a_heading .ep_title .ep-p_text a:before { left: calc((100% + 10px) - (25% * 5)); } #website-body .ep_gridcolumn.ep-m_product[data-layout640^="list"][data-view640="5"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view640="3"] .ep-a_heading .ep_title .ep-p_text:before, #website-body .ep_gridcolumn.ep-m_product[data-layout640^="list"][data-view640="5"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view640="3"] .ep-a_heading .ep_title .ep-p_text a:before { left: calc((100% + 10px) - ((100% / 3) * 5)); } #website-body .ep_gridcolumn.ep-m_product[data-layout640^="list"][data-view640="5"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view640="2"] .ep-a_heading .ep_title .ep-p_text:before, #website-body .ep_gridcolumn.ep-m_product[data-layout640^="list"][data-view640="5"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view640="2"] .ep-a_heading .ep_title .ep-p_text a:before { left: calc((100% + 10px) - (50% * 5)); } #website-body .ep_gridcolumn.ep-m_product[data-layout640^="list"][data-view640="5"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view640="1"] .ep-a_heading .ep_title .ep-p_text:before, #website-body .ep_gridcolumn.ep-m_product[data-layout640^="list"][data-view640="5"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view640="1"] .ep-a_heading .ep_title .ep-p_text a:before { left: calc((100% + 10px) - (10% * 5)); } #website-body .ep_gridcolumn.ep-m_product[data-layout640^="list"][data-view640="4"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view640="3"] .ep-a_heading .ep_title .ep-p_text:before, #website-body .ep_gridcolumn.ep-m_product[data-layout640^="list"][data-view640="4"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view640="3"] .ep-a_heading .ep_title .ep-p_text a:before { left: calc((100% + 10px) - ((100% / 3) * 4)); } #website-body .ep_gridcolumn.ep-m_product[data-layout640^="list"][data-view640="4"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view640="2"] .ep-a_heading .ep_title .ep-p_text:before, #website-body .ep_gridcolumn.ep-m_product[data-layout640^="list"][data-view640="4"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view640="2"] .ep-a_heading .ep_title .ep-p_text a:before { left: calc((100% + 10px) - (50% * 4)); } #website-body .ep_gridcolumn.ep-m_product[data-layout640^="list"][data-view640="4"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view640="1"] .ep-a_heading .ep_title .ep-p_text:before, #website-body .ep_gridcolumn.ep-m_product[data-layout640^="list"][data-view640="4"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view640="1"] .ep-a_heading .ep_title .ep-p_text a:before { left: calc((100% + 10px) - (10% * 4)); } #website-body .ep_gridcolumn.ep-m_product[data-layout640^="list"][data-view640="3"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view640="2"] .ep-a_heading .ep_title .ep-p_text:before, #website-body .ep_gridcolumn.ep-m_product[data-layout640^="list"][data-view640="3"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view640="2"] .ep-a_heading .ep_title .ep-p_text a:before { left: calc((100% + 10px) - (50% * 3)); } #website-body .ep_gridcolumn.ep-m_product[data-layout640^="list"][data-view640="3"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view640="1"] .ep-a_heading .ep_title .ep-p_text:before, #website-body .ep_gridcolumn.ep-m_product[data-layout640^="list"][data-view640="3"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view640="1"] .ep-a_heading .ep_title .ep-p_text a:before { left: calc((100% + 10px) - (10% * 3)); } #website-body .ep_gridcolumn.ep-m_product[data-layout640^="list"][data-view640="3"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view640="2"] .ep-a_heading .ep_title .ep-p_text:before, #website-body .ep_gridcolumn.ep-m_product[data-layout640^="list"][data-view640="3"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view640="2"] .ep-a_heading .ep_title .ep-p_text a:before { left: calc((100% + 10px) - (50% * 2)); } #website-body .ep_gridcolumn.ep-m_product[data-layout640^="list"][data-view640="2"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view640="1"] .ep-a_heading .ep_title .ep-p_text:before, #website-body .ep_gridcolumn.ep-m_product[data-layout640^="list"][data-view640="2"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view640="1"] .ep-a_heading .ep_title .ep-p_text a:before { left: calc((100% + 10px) - (10% * 2)); } /* MOLECULE "PRODUCT" : Ajout des marges internes */ #website-body .ep_gridcolumn.ep-m_product[data-layout640^="list"].ep-layout_black>.ep_gridrow .ep_gridcolumn.ep-layout_text .ep_gridcolumn-content { padding-top: 20px; padding-bottom: 20px; padding-right: 30px; } /* MOLECULE "PRODUCT" : Changement de couleur des textes */ #website-body .ep_gridcolumn.ep-m_product[data-layout640^="list"].ep-layout_black>.ep_gridrow .ep_gridcolumn.ep-layout_text .ep-p_text, #website-body .ep_gridcolumn.ep-m_product[data-layout640^="list"].ep-layout_black>.ep_gridrow .ep_gridcolumn.ep-layout_text .ep-p_text .ep_name, #website-body .ep_gridcolumn.ep-m_product[data-layout640^="list"].ep-layout_black>.ep_gridrow .ep_gridcolumn.ep-layout_text .ep-a_text { color: #fff; } /* MOLECULE "PRODUCT" : Suppression de l'animation de deplacement du sous-titre */ #website-body .ep_gridcolumn.ep-m_product[data-layout640^="list"].ep-layout_black>.ep_gridrow .ep_gridcolumn.ep-layout_text .ep-a_heading+.ep-a_heading, #website-body .ep_gridcolumn.ep-m_product[data-layout640^="list"].ep-layout_black>.ep_gridrow .ep_gridcolumn.ep-layout_text .ep-a_heading+.ep-a_heading .ep_subtitle, #website-body .ep_gridcolumn.ep-m_product[data-layout640^="list"].ep-layout_black>.ep_gridrow .ep_gridcolumn.ep-layout_text .ep-a_heading+.ep-a_heading .ep_subtitle .ep-p_text .ep_name { transform: translate(0, 0); -webkit-transform: translate(0, 0); } /* MOLECULE "PRODUCT" : Changement de l'ordre des atomes du titre */ #website-body .ep_gridcolumn.ep-m_product[data-layout640^="list"].ep-layout_black>.ep_gridrow .ep_gridcolumn.ep-layout_text .ep_gridcolumn-content { display: flex; display: -webkit-flex; flex: 1 1 auto; -webkit-flex: 1 1 auto; flex-direction: column; -webkit-flex-direction: column; } #website-body .ep_gridcolumn.ep-m_product[data-layout640^="list"].ep-layout_black>.ep_gridrow .ep_gridcolumn.ep-layout_text [class*="ep-a_"] { flex: 1 1 auto; -webkit-flex: 1 1 auto; order: 1; } #website-body .ep_gridcolumn.ep-m_product[data-layout640^="list"].ep-layout_black>.ep_gridrow .ep_gridcolumn.ep-layout_text .ep-a_heading:first-child+.ep-a_heading { order: 2; } #website-body .ep_gridcolumn.ep-m_product[data-layout640^="list"].ep-layout_black>.ep_gridrow .ep_gridcolumn.ep-layout_text .ep-a_heading:first-child, #website-body .ep_gridcolumn.ep-m_product[data-layout640^="list"].ep-layout_black>.ep_gridrow .ep_gridcolumn.ep-layout_text .ep-a_heading:first-child+.ep-a_heading { flex: 0 0 auto; -webkit-flex: 0 0 auto; } #website-body .ep_gridcolumn.ep-m_product[data-layout640^="list"].ep-layout_black>.ep_gridrow .ep_gridcolumn.ep-layout_text .ep-a_heading:first-child+.ep-a_heading>.ep_subtitle:first-child { margin-top: 1px !important; } } @media screen and (min-width:480px) and (max-width:639px) { /* MOLECULE "PRODUCT" : Etirement de la photo dans la colonne "image" */ #website-body .ep_gridcolumn.ep-m_product[data-layout480^="list"].ep-layout_black>.ep_gridrow-content { position: relative; } #website-body .ep_gridcolumn.ep-m_product[data-layout480^="list"].ep-layout_black>.ep_gridrow .ep_gridcolumn.ep-layout_image .ep-a_media .ep-p_image .ep_image { position: static; } #website-body .ep_gridcolumn.ep-m_product[data-layout480^="list"].ep-layout_black>.ep_gridrow .ep_gridcolumn.ep-layout_image .ep-a_media .ep-p_image .ep_image>span { bottom: 20px; left: 10px; right: 10px; background-position: left center; background-repeat: repeat-x; background-size: auto 101%; } /* MOLECULE "PRODUCT" : Ajout du fond colore a la colonne "texte" */ #website-body .ep_gridcolumn.ep-m_product[data-layout480^="list"].ep-layout_black>.ep_gridrow .ep_gridcolumn.ep-layout_text { position: relative; } #website-body .ep_gridcolumn.ep-m_product[data-layout480^="list"].ep-layout_black>.ep_gridrow .ep_gridcolumn.ep-layout_text .ep_gridcolumn-content:before { position: absolute; display: block; top: 0; bottom: 20px; left: -10px; right: 10px; background-color: rgba(0, 0, 0, 0.8); content: ""; } #website-body .ep_gridcolumn.ep-m_product[data-layout480^="list"].ep-layout_black>.ep_gridrow .ep_gridcolumn.ep-layout_text [class*="ep-a_"] { position: relative; } /* MOLECULE "PRODUCT" : Correction de l'affichage pour les molecules en mode "link" */ #website-body .ep_gridcolumn.ep-m_product[data-layout480^="list"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text [class*="ep-a_heading"] { position: static; } #website-body .ep_gridcolumn.ep-m_product[data-layout480^="list"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text [class*="ep-a_heading"] .ep_tag, #website-body .ep_gridcolumn.ep-m_product[data-layout480^="list"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text [class*="ep-a_heading"] .ep_subtitle, #website-body .ep_gridcolumn.ep-m_product[data-layout480^="list"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text [class*="ep-a_heading"] .ep_title .ep_name, #website-body .ep_gridcolumn.ep-m_product[data-layout480^="list"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text [class*="ep-a_heading"] .ep_title .ep_icon { position: relative; } #website-body .ep_gridcolumn.ep-m_product[data-layout480^="list"][data-view480="8"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view480="7"] .ep-a_heading .ep_title .ep-p_text:before, #website-body .ep_gridcolumn.ep-m_product[data-layout480^="list"][data-view480="8"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view480="7"] .ep-a_heading .ep_title .ep-p_text a:before { left: calc((100% + 10px) - ((100% / 7) * 8)); } #website-body .ep_gridcolumn.ep-m_product[data-layout480^="list"][data-view480="8"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view480="6"] .ep-a_heading .ep_title .ep-p_text:before, #website-body .ep_gridcolumn.ep-m_product[data-layout480^="list"][data-view480="8"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view480="6"] .ep-a_heading .ep_title .ep-p_text a:before { left: calc((100% + 10px) - ((100% / 6) * 8)); } #website-body .ep_gridcolumn.ep-m_product[data-layout480^="list"][data-view480="8"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view480="5"] .ep-a_heading .ep_title .ep-p_text:before, #website-body .ep_gridcolumn.ep-m_product[data-layout480^="list"][data-view480="8"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view480="5"] .ep-a_heading .ep_title .ep-p_text a:before { left: calc((100% + 10px) - (20% * 8)); } #website-body .ep_gridcolumn.ep-m_product[data-layout480^="list"][data-view480="8"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view480="4"] .ep-a_heading .ep_title .ep-p_text:before, #website-body .ep_gridcolumn.ep-m_product[data-layout480^="list"][data-view480="8"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view480="4"] .ep-a_heading .ep_title .ep-p_text a:before { left: calc((100% + 10px) - (25% * 8)); } #website-body .ep_gridcolumn.ep-m_product[data-layout480^="list"][data-view480="8"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view480="3"] .ep-a_heading .ep_title .ep-p_text:before, #website-body .ep_gridcolumn.ep-m_product[data-layout480^="list"][data-view480="8"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view480="3"] .ep-a_heading .ep_title .ep-p_text a:before { left: calc((100% + 10px) - ((100% / 3) * 8)); } #website-body .ep_gridcolumn.ep-m_product[data-layout480^="list"][data-view480="8"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view480="2"] .ep-a_heading .ep_title .ep-p_text:before, #website-body .ep_gridcolumn.ep-m_product[data-layout480^="list"][data-view480="8"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view480="2"] .ep-a_heading .ep_title .ep-p_text a:before { left: calc((100% + 10px) - (50% * 8)); } #website-body .ep_gridcolumn.ep-m_product[data-layout480^="list"][data-view480="8"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view480="1"] .ep-a_heading .ep_title .ep-p_text:before, #website-body .ep_gridcolumn.ep-m_product[data-layout480^="list"][data-view480="8"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view480="1"] .ep-a_heading .ep_title .ep-p_text a:before { left: calc((100% + 10px) - (10% * 8)); } #website-body .ep_gridcolumn.ep-m_product[data-layout480^="list"][data-view480="7"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view480="6"] .ep-a_heading .ep_title .ep-p_text:before, #website-body .ep_gridcolumn.ep-m_product[data-layout480^="list"][data-view480="7"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view480="6"] .ep-a_heading .ep_title .ep-p_text a:before { left: calc((100% + 10px) - ((100% / 6) * 7)); } #website-body .ep_gridcolumn.ep-m_product[data-layout480^="list"][data-view480="7"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view480="5"] .ep-a_heading .ep_title .ep-p_text:before, #website-body .ep_gridcolumn.ep-m_product[data-layout480^="list"][data-view480="7"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view480="5"] .ep-a_heading .ep_title .ep-p_text a:before { left: calc((100% + 10px) - (20% * 7)); } #website-body .ep_gridcolumn.ep-m_product[data-layout480^="list"][data-view480="7"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view480="4"] .ep-a_heading .ep_title .ep-p_text:before, #website-body .ep_gridcolumn.ep-m_product[data-layout480^="list"][data-view480="7"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view480="4"] .ep-a_heading .ep_title .ep-p_text a:before { left: calc((100% + 10px) - (25% * 7)); } #website-body .ep_gridcolumn.ep-m_product[data-layout480^="list"][data-view480="7"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view480="3"] .ep-a_heading .ep_title .ep-p_text:before, #website-body .ep_gridcolumn.ep-m_product[data-layout480^="list"][data-view480="7"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view480="3"] .ep-a_heading .ep_title .ep-p_text a:before { left: calc((100% + 10px) - ((100% / 3) * 7)); } #website-body .ep_gridcolumn.ep-m_product[data-layout480^="list"][data-view480="7"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view480="2"] .ep-a_heading .ep_title .ep-p_text:before, #website-body .ep_gridcolumn.ep-m_product[data-layout480^="list"][data-view480="7"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view480="2"] .ep-a_heading .ep_title .ep-p_text a:before { left: calc((100% + 10px) - (50% * 7)); } #website-body .ep_gridcolumn.ep-m_product[data-layout480^="list"][data-view480="7"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view480="1"] .ep-a_heading .ep_title .ep-p_text:before, #website-body .ep_gridcolumn.ep-m_product[data-layout480^="list"][data-view480="7"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view480="1"] .ep-a_heading .ep_title .ep-p_text a:before { left: calc((100% + 10px) - (10% * 7)); } #website-body .ep_gridcolumn.ep-m_product[data-layout480^="list"][data-view480="6"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view480="5"] .ep-a_heading .ep_title .ep-p_text:before, #website-body .ep_gridcolumn.ep-m_product[data-layout480^="list"][data-view480="6"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view480="5"] .ep-a_heading .ep_title .ep-p_text a:before { left: calc((100% + 10px) - (20% * 6)); } #website-body .ep_gridcolumn.ep-m_product[data-layout480^="list"][data-view480="6"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view480="4"] .ep-a_heading .ep_title .ep-p_text:before, #website-body .ep_gridcolumn.ep-m_product[data-layout480^="list"][data-view480="6"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view480="4"] .ep-a_heading .ep_title .ep-p_text a:before { left: calc((100% + 10px) - (25% * 6)); } #website-body .ep_gridcolumn.ep-m_product[data-layout480^="list"][data-view480="6"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view480="3"] .ep-a_heading .ep_title .ep-p_text:before, #website-body .ep_gridcolumn.ep-m_product[data-layout480^="list"][data-view480="6"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view480="3"] .ep-a_heading .ep_title .ep-p_text a:before { left: calc((100% + 10px) - ((100% / 3) * 6)); } #website-body .ep_gridcolumn.ep-m_product[data-layout480^="list"][data-view480="6"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view480="2"] .ep-a_heading .ep_title .ep-p_text:before, #website-body .ep_gridcolumn.ep-m_product[data-layout480^="list"][data-view480="6"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view480="2"] .ep-a_heading .ep_title .ep-p_text a:before { left: calc((100% + 10px) - (50% * 6)); } #website-body .ep_gridcolumn.ep-m_product[data-layout480^="list"][data-view480="6"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view480="1"] .ep-a_heading .ep_title .ep-p_text:before, #website-body .ep_gridcolumn.ep-m_product[data-layout480^="list"][data-view480="6"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view480="1"] .ep-a_heading .ep_title .ep-p_text a:before { left: calc((100% + 10px) - (10% * 6)); } #website-body .ep_gridcolumn.ep-m_product[data-layout480^="list"][data-view480="5"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view480="4"] .ep-a_heading .ep_title .ep-p_text:before, #website-body .ep_gridcolumn.ep-m_product[data-layout480^="list"][data-view480="5"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view480="4"] .ep-a_heading .ep_title .ep-p_text a:before { left: calc((100% + 10px) - (25% * 5)); } #website-body .ep_gridcolumn.ep-m_product[data-layout480^="list"][data-view480="5"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view480="3"] .ep-a_heading .ep_title .ep-p_text:before, #website-body .ep_gridcolumn.ep-m_product[data-layout480^="list"][data-view480="5"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view480="3"] .ep-a_heading .ep_title .ep-p_text a:before { left: calc((100% + 10px) - ((100% / 3) * 5)); } #website-body .ep_gridcolumn.ep-m_product[data-layout480^="list"][data-view480="5"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view480="2"] .ep-a_heading .ep_title .ep-p_text:before, #website-body .ep_gridcolumn.ep-m_product[data-layout480^="list"][data-view480="5"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view480="2"] .ep-a_heading .ep_title .ep-p_text a:before { left: calc((100% + 10px) - (50% * 5)); } #website-body .ep_gridcolumn.ep-m_product[data-layout480^="list"][data-view480="5"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view480="1"] .ep-a_heading .ep_title .ep-p_text:before, #website-body .ep_gridcolumn.ep-m_product[data-layout480^="list"][data-view480="5"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view480="1"] .ep-a_heading .ep_title .ep-p_text a:before { left: calc((100% + 10px) - (10% * 5)); } #website-body .ep_gridcolumn.ep-m_product[data-layout480^="list"][data-view480="4"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view480="3"] .ep-a_heading .ep_title .ep-p_text:before, #website-body .ep_gridcolumn.ep-m_product[data-layout480^="list"][data-view480="4"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view480="3"] .ep-a_heading .ep_title .ep-p_text a:before { left: calc((100% + 10px) - ((100% / 3) * 4)); } #website-body .ep_gridcolumn.ep-m_product[data-layout480^="list"][data-view480="4"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view480="2"] .ep-a_heading .ep_title .ep-p_text:before, #website-body .ep_gridcolumn.ep-m_product[data-layout480^="list"][data-view480="4"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view480="2"] .ep-a_heading .ep_title .ep-p_text a:before { left: calc((100% + 10px) - (50% * 4)); } #website-body .ep_gridcolumn.ep-m_product[data-layout480^="list"][data-view480="4"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view480="1"] .ep-a_heading .ep_title .ep-p_text:before, #website-body .ep_gridcolumn.ep-m_product[data-layout480^="list"][data-view480="4"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view480="1"] .ep-a_heading .ep_title .ep-p_text a:before { left: calc((100% + 10px) - (10% * 4)); } #website-body .ep_gridcolumn.ep-m_product[data-layout480^="list"][data-view480="3"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view480="2"] .ep-a_heading .ep_title .ep-p_text:before, #website-body .ep_gridcolumn.ep-m_product[data-layout480^="list"][data-view480="3"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view480="2"] .ep-a_heading .ep_title .ep-p_text a:before { left: calc((100% + 10px) - (50% * 3)); } #website-body .ep_gridcolumn.ep-m_product[data-layout480^="list"][data-view480="3"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view480="1"] .ep-a_heading .ep_title .ep-p_text:before, #website-body .ep_gridcolumn.ep-m_product[data-layout480^="list"][data-view480="3"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view480="1"] .ep-a_heading .ep_title .ep-p_text a:before { left: calc((100% + 10px) - (10% * 3)); } #website-body .ep_gridcolumn.ep-m_product[data-layout480^="list"][data-view480="3"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view480="2"] .ep-a_heading .ep_title .ep-p_text:before, #website-body .ep_gridcolumn.ep-m_product[data-layout480^="list"][data-view480="3"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view480="2"] .ep-a_heading .ep_title .ep-p_text a:before { left: calc((100% + 10px) - (50% * 2)); } #website-body .ep_gridcolumn.ep-m_product[data-layout480^="list"][data-view480="2"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view480="1"] .ep-a_heading .ep_title .ep-p_text:before, #website-body .ep_gridcolumn.ep-m_product[data-layout480^="list"][data-view480="2"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view480="1"] .ep-a_heading .ep_title .ep-p_text a:before { left: calc((100% + 10px) - (10% * 2)); } /* MOLECULE "PRODUCT" : Ajout des marges internes */ #website-body .ep_gridcolumn.ep-m_product[data-layout480^="list"].ep-layout_black>.ep_gridrow .ep_gridcolumn.ep-layout_text .ep_gridcolumn-content { padding-top: 20px; padding-bottom: 20px; padding-right: 30px; } /* MOLECULE "PRODUCT" : Changement de couleur des textes */ #website-body .ep_gridcolumn.ep-m_product[data-layout480^="list"].ep-layout_black>.ep_gridrow .ep_gridcolumn.ep-layout_text .ep-p_text, #website-body .ep_gridcolumn.ep-m_product[data-layout480^="list"].ep-layout_black>.ep_gridrow .ep_gridcolumn.ep-layout_text .ep-p_text .ep_name, #website-body .ep_gridcolumn.ep-m_product[data-layout480^="list"].ep-layout_black>.ep_gridrow .ep_gridcolumn.ep-layout_text .ep-a_text { color: #fff; } /* MOLECULE "PRODUCT" : Suppression de l'animation de deplacement du sous-titre */ #website-body .ep_gridcolumn.ep-m_product[data-layout480^="list"].ep-layout_black>.ep_gridrow .ep_gridcolumn.ep-layout_text .ep-a_heading+.ep-a_heading, #website-body .ep_gridcolumn.ep-m_product[data-layout480^="list"].ep-layout_black>.ep_gridrow .ep_gridcolumn.ep-layout_text .ep-a_heading+.ep-a_heading .ep_subtitle, #website-body .ep_gridcolumn.ep-m_product[data-layout480^="list"].ep-layout_black>.ep_gridrow .ep_gridcolumn.ep-layout_text .ep-a_heading+.ep-a_heading .ep_subtitle .ep-p_text .ep_name { transform: translate(0, 0); -webkit-transform: translate(0, 0); } /* MOLECULE "PRODUCT" : Changement de l'ordre des atomes du titre */ #website-body .ep_gridcolumn.ep-m_product[data-layout480^="list"].ep-layout_black>.ep_gridrow .ep_gridcolumn.ep-layout_text .ep_gridcolumn-content { display: flex; display: -webkit-flex; flex: 1 1 auto; -webkit-flex: 1 1 auto; flex-direction: column; -webkit-flex-direction: column; } #website-body .ep_gridcolumn.ep-m_product[data-layout480^="list"].ep-layout_black>.ep_gridrow .ep_gridcolumn.ep-layout_text [class*="ep-a_"] { flex: 1 1 auto; -webkit-flex: 1 1 auto; order: 1; } #website-body .ep_gridcolumn.ep-m_product[data-layout480^="list"].ep-layout_black>.ep_gridrow .ep_gridcolumn.ep-layout_text .ep-a_heading:first-child+.ep-a_heading { order: 2; } #website-body .ep_gridcolumn.ep-m_product[data-layout480^="list"].ep-layout_black>.ep_gridrow .ep_gridcolumn.ep-layout_text .ep-a_heading:first-child, #website-body .ep_gridcolumn.ep-m_product[data-layout480^="list"].ep-layout_black>.ep_gridrow .ep_gridcolumn.ep-layout_text .ep-a_heading:first-child+.ep-a_heading { flex: 0 0 auto; -webkit-flex: 0 0 auto; } #website-body .ep_gridcolumn.ep-m_product[data-layout480^="list"].ep-layout_black>.ep_gridrow .ep_gridcolumn.ep-layout_text .ep-a_heading:first-child+.ep-a_heading>.ep_subtitle:first-child { margin-top: 1px !important; } } @media screen and (max-width:479px) { /* MOLECULE "PRODUCT" : Etirement de la photo dans la colonne "image" */ #website-body .ep_gridcolumn.ep-m_product[data-layout320^="list"].ep-layout_black>.ep_gridrow-content { position: relative; } #website-body .ep_gridcolumn.ep-m_product[data-layout320^="list"].ep-layout_black>.ep_gridrow .ep_gridcolumn.ep-layout_image .ep-a_media .ep-p_image .ep_image { position: static; } #website-body .ep_gridcolumn.ep-m_product[data-layout320^="list"].ep-layout_black>.ep_gridrow .ep_gridcolumn.ep-layout_image .ep-a_media .ep-p_image .ep_image>span { bottom: 20px; left: 10px; right: 10px; background-position: left center; background-repeat: repeat-x; background-size: auto 101%; } /* MOLECULE "PRODUCT" : Ajout du fond colore a la colonne "texte" */ #website-body .ep_gridcolumn.ep-m_product[data-layout320^="list"].ep-layout_black>.ep_gridrow .ep_gridcolumn.ep-layout_text { position: relative; } #website-body .ep_gridcolumn.ep-m_product[data-layout320^="list"].ep-layout_black>.ep_gridrow .ep_gridcolumn.ep-layout_text .ep_gridcolumn-content:before { position: absolute; display: block; top: 0; bottom: 20px; left: -10px; right: 10px; background-color: rgba(0, 0, 0, 0.8); content: ""; } #website-body .ep_gridcolumn.ep-m_product[data-layout320^="list"].ep-layout_black>.ep_gridrow .ep_gridcolumn.ep-layout_text [class*="ep-a_"] { position: relative; } /* MOLECULE "PRODUCT" : Correction de l'affichage pour les molecules en mode "link" */ #website-body .ep_gridcolumn.ep-m_product[data-layout320^="list"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text [class*="ep-a_heading"] { position: static; } #website-body .ep_gridcolumn.ep-m_product[data-layout320^="list"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text [class*="ep-a_heading"] .ep_tag, #website-body .ep_gridcolumn.ep-m_product[data-layout320^="list"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text [class*="ep-a_heading"] .ep_subtitle, #website-body .ep_gridcolumn.ep-m_product[data-layout320^="list"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text [class*="ep-a_heading"] .ep_title .ep_name, #website-body .ep_gridcolumn.ep-m_product[data-layout320^="list"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text [class*="ep-a_heading"] .ep_title .ep_icon { position: relative; } #website-body .ep_gridcolumn.ep-m_product[data-layout320^="list"][data-view320="4"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view320="3"] .ep-a_heading .ep_title .ep-p_text:before, #website-body .ep_gridcolumn.ep-m_product[data-layout320^="list"][data-view320="4"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view320="3"] .ep-a_heading .ep_title .ep-p_text a:before { left: calc((100% + 10px) - ((100% / 3) * 4)); } #website-body .ep_gridcolumn.ep-m_product[data-layout320^="list"][data-view320="4"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view320="2"] .ep-a_heading .ep_title .ep-p_text:before, #website-body .ep_gridcolumn.ep-m_product[data-layout320^="list"][data-view320="4"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view320="2"] .ep-a_heading .ep_title .ep-p_text a:before { left: calc((100% + 10px) - (50% * 4)); } #website-body .ep_gridcolumn.ep-m_product[data-layout320^="list"][data-view320="4"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view320="1"] .ep-a_heading .ep_title .ep-p_text:before, #website-body .ep_gridcolumn.ep-m_product[data-layout320^="list"][data-view320="4"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view320="1"] .ep-a_heading .ep_title .ep-p_text a:before { left: calc((100% + 10px) - (10% * 4)); } #website-body .ep_gridcolumn.ep-m_product[data-layout320^="list"][data-view320="3"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view320="2"] .ep-a_heading .ep_title .ep-p_text:before, #website-body .ep_gridcolumn.ep-m_product[data-layout320^="list"][data-view320="3"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view320="2"] .ep-a_heading .ep_title .ep-p_text a:before { left: calc((100% + 10px) - (50% * 3)); } #website-body .ep_gridcolumn.ep-m_product[data-layout320^="list"][data-view320="3"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view320="1"] .ep-a_heading .ep_title .ep-p_text:before, #website-body .ep_gridcolumn.ep-m_product[data-layout320^="list"][data-view320="3"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view320="1"] .ep-a_heading .ep_title .ep-p_text a:before { left: calc((100% + 10px) - (10% * 3)); } #website-body .ep_gridcolumn.ep-m_product[data-layout320^="list"][data-view320="3"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view320="2"] .ep-a_heading .ep_title .ep-p_text:before, #website-body .ep_gridcolumn.ep-m_product[data-layout320^="list"][data-view320="3"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view320="2"] .ep-a_heading .ep_title .ep-p_text a:before { left: calc((100% + 10px) - (50% * 2)); } #website-body .ep_gridcolumn.ep-m_product[data-layout320^="list"][data-view320="2"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view320="1"] .ep-a_heading .ep_title .ep-p_text:before, #website-body .ep_gridcolumn.ep-m_product[data-layout320^="list"][data-view320="2"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text[data-view320="1"] .ep-a_heading .ep_title .ep-p_text a:before { left: calc((100% + 10px) - (10% * 2)); } /* MOLECULE "PRODUCT" : Ajout des marges internes */ #website-body .ep_gridcolumn.ep-m_product[data-layout320^="list"].ep-layout_black>.ep_gridrow .ep_gridcolumn.ep-layout_text .ep_gridcolumn-content { padding-top: 20px; padding-bottom: 20px; padding-right: 30px; } /* MOLECULE "PRODUCT" : Changement de couleur des textes */ #website-body .ep_gridcolumn.ep-m_product[data-layout320^="list"].ep-layout_black>.ep_gridrow .ep_gridcolumn.ep-layout_text .ep-p_text, #website-body .ep_gridcolumn.ep-m_product[data-layout320^="list"].ep-layout_black>.ep_gridrow .ep_gridcolumn.ep-layout_text .ep-p_text .ep_name, #website-body .ep_gridcolumn.ep-m_product[data-layout320^="list"].ep-layout_black>.ep_gridrow .ep_gridcolumn.ep-layout_text .ep-a_text { color: #fff; } /* MOLECULE "PRODUCT" : Suppression de l'animation de deplacement du sous-titre */ #website-body .ep_gridcolumn.ep-m_product[data-layout320^="list"].ep-layout_black>.ep_gridrow .ep_gridcolumn.ep-layout_text .ep-a_heading+.ep-a_heading, #website-body .ep_gridcolumn.ep-m_product[data-layout320^="list"].ep-layout_black>.ep_gridrow .ep_gridcolumn.ep-layout_text .ep-a_heading+.ep-a_heading .ep_subtitle .ep-p_text .ep_name { transform: translate(0, 0); -webkit-transform: translate(0, 0); } /* MOLECULE "PRODUCT" : Changement de l'ordre des atomes du titre */ #website-body .ep_gridcolumn.ep-m_product[data-layout320^="list"].ep-layout_black>.ep_gridrow .ep_gridcolumn.ep-layout_text .ep_gridcolumn-content { display: flex; display: -webkit-flex; flex: 1 1 auto; -webkit-flex: 1 1 auto; flex-direction: column; -webkit-flex-direction: column; } #website-body .ep_gridcolumn.ep-m_product[data-layout320^="list"].ep-layout_black>.ep_gridrow .ep_gridcolumn.ep-layout_text [class*="ep-a_"] { flex: 1 1 auto; -webkit-flex: 1 1 auto; order: 1; } #website-body .ep_gridcolumn.ep-m_product[data-layout320^="list"].ep-layout_black>.ep_gridrow .ep_gridcolumn.ep-layout_text .ep-a_heading:first-child+.ep-a_heading { order: 2; } #website-body .ep_gridcolumn.ep-m_product[data-layout320^="list"].ep-layout_black>.ep_gridrow .ep_gridcolumn.ep-layout_text .ep-a_heading:first-child, #website-body .ep_gridcolumn.ep-m_product[data-layout320^="list"].ep-layout_black>.ep_gridrow .ep_gridcolumn.ep-layout_text .ep-a_heading:first-child+.ep-a_heading { flex: 0 0 auto; -webkit-flex: 0 0 auto; } #website-body .ep_gridcolumn.ep-m_product[data-layout320^="list"].ep-layout_black>.ep_gridrow .ep_gridcolumn.ep-layout_text .ep-a_heading:first-child+.ep-a_heading>.ep_subtitle:first-child { margin-top: 1px !important; } } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* MOLECULE "PRODUCT" : Affichage de la molecule au format "liste" (sur deux colonnes) avec une bordure */ /* MOLECULE "PRODUCT" : Correction de l'affichage en mode "liste" */ @media screen and (min-width:1200px) { /* MOLECULE "PRODUCT" : Correction des marges laterales autours du texte */ #website-body .ep_gridcolumn.ep-m_product[data-layout1200="list-border"] .ep_gridrow-content>.ep_gridcolumn+.ep_gridcolumn .ep-a_heading:first-child, #website-body .ep_gridcolumn.ep-m_product[data-layout1200="list-border"] .ep_gridrow-content>.ep_gridcolumn+.ep_gridcolumn .ep-a_text:first-child, #website-body .ep_gridcolumn.ep-m_product[data-layout1200="list-border"] .ep_gridrow-content>.ep_gridcolumn+.ep_gridcolumn .ep-a_links:first-child, #website-body .ep_gridcolumn.ep-m_product[data-layout1200="list-border"] .ep_gridrow-content>.ep_gridcolumn+.ep_gridcolumn .ep-a_share:first-child, #website-body .ep_gridcolumn.ep-m_product[data-layout1200="list-border"] .ep_gridrow-content>.ep_gridcolumn+.ep_gridcolumn .ep-a_loadmore:first-child, #website-body .ep_gridcolumn.ep-m_product[data-layout1200="list-border"] .ep_gridrow-content>.ep_gridcolumn+.ep_gridcolumn .ep-a_tags:first-child { padding-top: 20px; } #website-body .ep_gridcolumn.ep-m_product[data-layout1200="list-border"] .ep_gridrow-content>.ep_gridcolumn+.ep_gridcolumn .ep-a_heading, #website-body .ep_gridcolumn.ep-m_product[data-layout1200="list-border"] .ep_gridrow-content>.ep_gridcolumn+.ep_gridcolumn .ep-a_text, #website-body .ep_gridcolumn.ep-m_product[data-layout1200="list-border"] .ep_gridrow-content>.ep_gridcolumn+.ep_gridcolumn .ep-a_links, #website-body .ep_gridcolumn.ep-m_product[data-layout1200="list-border"] .ep_gridrow-content>.ep_gridcolumn+.ep_gridcolumn .ep-a_share, #website-body .ep_gridcolumn.ep-m_product[data-layout1200="list-border"] .ep_gridrow-content>.ep_gridcolumn+.ep_gridcolumn .ep-a_tags { padding-left: 0; } /* MOLECULE "PRODUCT" : Suppression de la marge inferieure de la derniere image du conteneur */ #website-body .ep_gridcolumn.ep-m_product[data-layout1200="list-border"] .ep-a_media:last-child:after { display: none; } /* MOLECULE "PRODUCT" : Correction de la marge entre molecules */ #website-body .ep_gridcolumn.ep-m_product[data-layout1200="list-border"]:after { margin-top: 0; } } @media screen and (min-width:1020px) and (max-width:1199px) { /* MOLECULE "PRODUCT" : Correction des marges laterales autours du texte */ #website-body .ep_gridcolumn.ep-m_product[data-layout1020="list-border"] .ep_gridrow-content>.ep_gridcolumn+.ep_gridcolumn .ep-a_heading:first-child, #website-body .ep_gridcolumn.ep-m_product[data-layout1020="list-border"] .ep_gridrow-content>.ep_gridcolumn+.ep_gridcolumn .ep-a_text:first-child, #website-body .ep_gridcolumn.ep-m_product[data-layout1020="list-border"] .ep_gridrow-content>.ep_gridcolumn+.ep_gridcolumn .ep-a_links:first-child, #website-body .ep_gridcolumn.ep-m_product[data-layout1020="list-border"] .ep_gridrow-content>.ep_gridcolumn+.ep_gridcolumn .ep-a_share:first-child, #website-body .ep_gridcolumn.ep-m_product[data-layout1020="list-border"] .ep_gridrow-content>.ep_gridcolumn+.ep_gridcolumn .ep-a_loadmore:first-child, #website-body .ep_gridcolumn.ep-m_product[data-layout1020="list-border"] .ep_gridrow-content>.ep_gridcolumn+.ep_gridcolumn .ep-a_tags:first-child { padding-top: 20px; } #website-body .ep_gridcolumn.ep-m_product[data-layout1020="list-border"] .ep_gridrow-content>.ep_gridcolumn+.ep_gridcolumn .ep-a_heading, #website-body .ep_gridcolumn.ep-m_product[data-layout1020="list-border"] .ep_gridrow-content>.ep_gridcolumn+.ep_gridcolumn .ep-a_text, #website-body .ep_gridcolumn.ep-m_product[data-layout1020="list-border"] .ep_gridrow-content>.ep_gridcolumn+.ep_gridcolumn .ep-a_links, #website-body .ep_gridcolumn.ep-m_product[data-layout1020="list-border"] .ep_gridrow-content>.ep_gridcolumn+.ep_gridcolumn .ep-a_share, #website-body .ep_gridcolumn.ep-m_product[data-layout1020="list-border"] .ep_gridrow-content>.ep_gridcolumn+.ep_gridcolumn .ep-a_tags { padding-left: 0; } /* MOLECULE "PRODUCT" : Suppression de la marge inferieure de la derniere image du conteneur */ #website-body .ep_gridcolumn.ep-m_product[data-layout1020="list-border"] .ep-a_media:last-child:after { display: none; } /* MOLECULE "PRODUCT" : Correction de la marge entre molecules */ #website-body .ep_gridcolumn.ep-m_product[data-layout1020="list-border"]:after { margin-top: 0; } } @media screen and (min-width:750px) and (max-width:1019px), print { /* MOLECULE "PRODUCT" : Correction des marges laterales autours du texte */ #website-body .ep_gridcolumn.ep-m_product[data-layout750="list-border"] .ep_gridrow-content>.ep_gridcolumn+.ep_gridcolumn .ep-a_heading:first-child, #website-body .ep_gridcolumn.ep-m_product[data-layout750="list-border"] .ep_gridrow-content>.ep_gridcolumn+.ep_gridcolumn .ep-a_text:first-child, #website-body .ep_gridcolumn.ep-m_product[data-layout750="list-border"] .ep_gridrow-content>.ep_gridcolumn+.ep_gridcolumn .ep-a_links:first-child, #website-body .ep_gridcolumn.ep-m_product[data-layout750="list-border"] .ep_gridrow-content>.ep_gridcolumn+.ep_gridcolumn .ep-a_share:first-child, #website-body .ep_gridcolumn.ep-m_product[data-layout750="list-border"] .ep_gridrow-content>.ep_gridcolumn+.ep_gridcolumn .ep-a_loadmore:first-child, #website-body .ep_gridcolumn.ep-m_product[data-layout750="list-border"] .ep_gridrow-content>.ep_gridcolumn+.ep_gridcolumn .ep-a_tags:first-child { padding-top: 20px; } #website-body .ep_gridcolumn.ep-m_product[data-layout750="list-border"] .ep_gridrow-content>.ep_gridcolumn+.ep_gridcolumn .ep-a_heading, #website-body .ep_gridcolumn.ep-m_product[data-layout750="list-border"] .ep_gridrow-content>.ep_gridcolumn+.ep_gridcolumn .ep-a_text, #website-body .ep_gridcolumn.ep-m_product[data-layout750="list-border"] .ep_gridrow-content>.ep_gridcolumn+.ep_gridcolumn .ep-a_links, #website-body .ep_gridcolumn.ep-m_product[data-layout750="list-border"] .ep_gridrow-content>.ep_gridcolumn+.ep_gridcolumn .ep-a_share, #website-body .ep_gridcolumn.ep-m_product[data-layout750="list-border"] .ep_gridrow-content>.ep_gridcolumn+.ep_gridcolumn .ep-a_tags { padding-left: 0; } /* MOLECULE "PRODUCT" : Suppression de la marge inferieure de la derniere image du conteneur */ #website-body .ep_gridcolumn.ep-m_product[data-layout750="list-border"] .ep-a_media:last-child:after { display: none; } /* MOLECULE "PRODUCT" : Correction de la marge entre molecules */ #website-body .ep_gridcolumn.ep-m_product[data-layout750="list-border"]:after { margin-top: 0; } } @media screen and (min-width:640px) and (max-width:749px) { /* MOLECULE "PRODUCT" : Correction des marges laterales autours du texte */ #website-body .ep_gridcolumn.ep-m_product[data-layout640="list-border"] .ep_gridrow-content>.ep_gridcolumn+.ep_gridcolumn .ep-a_heading:first-child, #website-body .ep_gridcolumn.ep-m_product[data-layout640="list-border"] .ep_gridrow-content>.ep_gridcolumn+.ep_gridcolumn .ep-a_text:first-child, #website-body .ep_gridcolumn.ep-m_product[data-layout640="list-border"] .ep_gridrow-content>.ep_gridcolumn+.ep_gridcolumn .ep-a_links:first-child, #website-body .ep_gridcolumn.ep-m_product[data-layout640="list-border"] .ep_gridrow-content>.ep_gridcolumn+.ep_gridcolumn .ep-a_share:first-child, #website-body .ep_gridcolumn.ep-m_product[data-layout640="list-border"] .ep_gridrow-content>.ep_gridcolumn+.ep_gridcolumn .ep-a_loadmore:first-child, #website-body .ep_gridcolumn.ep-m_product[data-layout640="list-border"] .ep_gridrow-content>.ep_gridcolumn+.ep_gridcolumn .ep-a_tags:first-child { padding-top: 20px; } #website-body .ep_gridcolumn.ep-m_product[data-layout640="list-border"] .ep_gridrow-content>.ep_gridcolumn+.ep_gridcolumn .ep-a_heading, #website-body .ep_gridcolumn.ep-m_product[data-layout640="list-border"] .ep_gridrow-content>.ep_gridcolumn+.ep_gridcolumn .ep-a_text, #website-body .ep_gridcolumn.ep-m_product[data-layout640="list-border"] .ep_gridrow-content>.ep_gridcolumn+.ep_gridcolumn .ep-a_links, #website-body .ep_gridcolumn.ep-m_product[data-layout640="list-border"] .ep_gridrow-content>.ep_gridcolumn+.ep_gridcolumn .ep-a_share, #website-body .ep_gridcolumn.ep-m_product[data-layout640="list-border"] .ep_gridrow-content>.ep_gridcolumn+.ep_gridcolumn .ep-a_tags { padding-left: 0; } /* MOLECULE "PRODUCT" : Suppression de la marge inferieure de la derniere image du conteneur */ #website-body .ep_gridcolumn.ep-m_product[data-layout640="list-border"] .ep-a_media:last-child:after { display: none; } /* MOLECULE "PRODUCT" : Correction de la marge entre molecules */ #website-body .ep_gridcolumn.ep-m_product[data-layout640="list-border"]:after { margin-top: 0; } } @media screen and (min-width:480px) and (max-width:639px) { /* MOLECULE "PRODUCT" : Correction des marges laterales autours du texte */ #website-body .ep_gridcolumn.ep-m_product[data-layout480="list-border"] .ep_gridrow-content>.ep_gridcolumn+.ep_gridcolumn .ep-a_heading:first-child, #website-body .ep_gridcolumn.ep-m_product[data-layout480="list-border"] .ep_gridrow-content>.ep_gridcolumn+.ep_gridcolumn .ep-a_text:first-child, #website-body .ep_gridcolumn.ep-m_product[data-layout480="list-border"] .ep_gridrow-content>.ep_gridcolumn+.ep_gridcolumn .ep-a_links:first-child, #website-body .ep_gridcolumn.ep-m_product[data-layout480="list-border"] .ep_gridrow-content>.ep_gridcolumn+.ep_gridcolumn .ep-a_share:first-child, #website-body .ep_gridcolumn.ep-m_product[data-layout480="list-border"] .ep_gridrow-content>.ep_gridcolumn+.ep_gridcolumn .ep-a_loadmore:first-child, #website-body .ep_gridcolumn.ep-m_product[data-layout480="list-border"] .ep_gridrow-content>.ep_gridcolumn+.ep_gridcolumn .ep-a_tags:first-child { padding-top: 20px; } #website-body .ep_gridcolumn.ep-m_product[data-layout480="list-border"] .ep_gridrow-content>.ep_gridcolumn+.ep_gridcolumn .ep-a_heading, #website-body .ep_gridcolumn.ep-m_product[data-layout480="list-border"] .ep_gridrow-content>.ep_gridcolumn+.ep_gridcolumn .ep-a_text, #website-body .ep_gridcolumn.ep-m_product[data-layout480="list-border"] .ep_gridrow-content>.ep_gridcolumn+.ep_gridcolumn .ep-a_links, #website-body .ep_gridcolumn.ep-m_product[data-layout480="list-border"] .ep_gridrow-content>.ep_gridcolumn+.ep_gridcolumn .ep-a_share, #website-body .ep_gridcolumn.ep-m_product[data-layout480="list-border"] .ep_gridrow-content>.ep_gridcolumn+.ep_gridcolumn .ep-a_tags { padding-left: 0; } /* MOLECULE "PRODUCT" : Suppression de la marge inferieure de la derniere image du conteneur */ #website-body .ep_gridcolumn.ep-m_product[data-layout480="list-border"] .ep-a_media:last-child:after { display: none; } /* MOLECULE "PRODUCT" : Correction de la marge entre molecules */ #website-body .ep_gridcolumn.ep-m_product[data-layout480="list-border"]:after { margin-top: 0; } } @media screen and (max-width:479px) { /* MOLECULE "PRODUCT" : Correction des marges laterales autours du texte */ #website-body .ep_gridcolumn.ep-m_product[data-layout320="list-border"] .ep_gridrow-content>.ep_gridcolumn+.ep_gridcolumn .ep-a_heading:first-child, #website-body .ep_gridcolumn.ep-m_product[data-layout320="list-border"] .ep_gridrow-content>.ep_gridcolumn+.ep_gridcolumn .ep-a_text:first-child, #website-body .ep_gridcolumn.ep-m_product[data-layout320="list-border"] .ep_gridrow-content>.ep_gridcolumn+.ep_gridcolumn .ep-a_links:first-child, #website-body .ep_gridcolumn.ep-m_product[data-layout320="list-border"] .ep_gridrow-content>.ep_gridcolumn+.ep_gridcolumn .ep-a_share:first-child, #website-body .ep_gridcolumn.ep-m_product[data-layout320="list-border"] .ep_gridrow-content>.ep_gridcolumn+.ep_gridcolumn .ep-a_loadmore:first-child, #website-body .ep_gridcolumn.ep-m_product[data-layout320="list-border"] .ep_gridrow-content>.ep_gridcolumn+.ep_gridcolumn .ep-a_tags:first-child { padding-top: 20px; } #website-body .ep_gridcolumn.ep-m_product[data-layout320="list-border"] .ep_gridrow-content>.ep_gridcolumn+.ep_gridcolumn .ep-a_heading, #website-body .ep_gridcolumn.ep-m_product[data-layout320="list-border"] .ep_gridrow-content>.ep_gridcolumn+.ep_gridcolumn .ep-a_text, #website-body .ep_gridcolumn.ep-m_product[data-layout320="list-border"] .ep_gridrow-content>.ep_gridcolumn+.ep_gridcolumn .ep-a_links, #website-body .ep_gridcolumn.ep-m_product[data-layout320="list-border"] .ep_gridrow-content>.ep_gridcolumn+.ep_gridcolumn .ep-a_share, #website-body .ep_gridcolumn.ep-m_product[data-layout320="list-border"] .ep_gridrow-content>.ep_gridcolumn+.ep_gridcolumn .ep-a_tags { padding-left: 0; } /* MOLECULE "PRODUCT" : Suppression de la marge inferieure de la derniere image du conteneur */ #website-body .ep_gridcolumn.ep-m_product[data-layout320="list-border"] .ep-a_media:last-child:after { display: none; } /* MOLECULE "PRODUCT" : Correction de la marge entre molecules */ #website-body .ep_gridcolumn.ep-m_product[data-layout320="list-border"]:after { margin-top: 0; } } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* MOLECULE "PRODUCT" : Affichage de la molecule au format "liste" (sur deux colonnes) avec un fond colore */ /* MOLECULE "PRODUCT" : Correction de l'affichage en mode "liste" */ @media screen and (min-width:1200px) { /* MOLECULE "PRODUCT" : Correction des marges laterales autours du texte */ #website-body .ep_gridcolumn.ep-m_product[data-layout1200^="list"].ep-layout_greycolor .ep_gridrow-content>.ep_gridcolumn+.ep_gridcolumn [class*="ep-a_"]:first-child, #website-body .ep_gridcolumn.ep-m_product[data-layout1200^="list"].ep-layout_greygradient .ep_gridrow-content>.ep_gridcolumn+.ep_gridcolumn [class*="ep-a_"]:first-child { padding-top: 20px; } #website-body .ep_gridcolumn.ep-m_product[data-layout1200^="list"].ep-layout_greycolor .ep_gridrow-content>.ep_gridcolumn+.ep_gridcolumn [class*="ep-a_media"]:first-child, #website-body .ep_gridcolumn.ep-m_product[data-layout1200^="list"].ep-layout_greygradient .ep_gridrow-content>.ep_gridcolumn+.ep_gridcolumn [class*="ep-a_media"]:first-child, #website-body .ep_gridcolumn.ep-m_product[data-layout1200^="list"].ep-layout_greycolor .ep_gridrow-content>.ep_gridcolumn+.ep_gridcolumn [class*="ep-a_links"]:first-child, #website-body .ep_gridcolumn.ep-m_product[data-layout1200^="list"].ep-layout_greygradient .ep_gridrow-content>.ep_gridcolumn+.ep_gridcolumn [class*="ep-a_links"]:first-child { padding-top: 0; } #website-body .ep_gridcolumn.ep-m_product[data-layout1200^="list"].ep-layout_greycolor .ep_gridrow-content>.ep_gridcolumn+.ep_gridcolumn [class*="ep-a_"], #website-body .ep_gridcolumn.ep-m_product[data-layout1200^="list"].ep-layout_greygradient .ep_gridrow-content>.ep_gridcolumn+.ep_gridcolumn [class*="ep-a_"] { padding-left: 0; } /* MOLECULE "PRODUCT" : Suppression de la marge inferieure de la derniere image du conteneur */ #website-body .ep_gridcolumn.ep-m_product[data-layout1200^="list"].ep-layout_greycolor .ep-a_media:last-child:after, #website-body .ep_gridcolumn.ep-m_product[data-layout1200^="list"].ep-layout_greygradient .ep-a_media:last-child:after { display: none; } /* MOLECULE "PRODUCT" : Correction de la marge entre molecules */ #website-body .ep_gridcolumn.ep-m_product[data-layout1200^="list"].ep-layout_greycolor:after, #website-body .ep_gridcolumn.ep-m_product[data-layout1200^="list"].ep-layout_greygradient:after { margin-top: 0; } } @media screen and (min-width:1020px) and (max-width:1199px) { /* MOLECULE "PRODUCT" : Correction des marges laterales autours du texte */ #website-body .ep_gridcolumn.ep-m_product[data-layout1020^="list"].ep-layout_greycolor .ep_gridrow-content>.ep_gridcolumn+.ep_gridcolumn [class*="ep-a_"]:first-child, #website-body .ep_gridcolumn.ep-m_product[data-layout1020^="list"].ep-layout_greygradient .ep_gridrow-content>.ep_gridcolumn+.ep_gridcolumn [class*="ep-a_"]:first-child { padding-top: 20px; } #website-body .ep_gridcolumn.ep-m_product[data-layout1020^="list"].ep-layout_greycolor .ep_gridrow-content>.ep_gridcolumn+.ep_gridcolumn [class*="ep-a_media"]:first-child, #website-body .ep_gridcolumn.ep-m_product[data-layout1020^="list"].ep-layout_greygradient .ep_gridrow-content>.ep_gridcolumn+.ep_gridcolumn [class*="ep-a_media"]:first-child, #website-body .ep_gridcolumn.ep-m_product[data-layout1020^="list"].ep-layout_greycolor .ep_gridrow-content>.ep_gridcolumn+.ep_gridcolumn [class*="ep-a_links"]:first-child, #website-body .ep_gridcolumn.ep-m_product[data-layout1020^="list"].ep-layout_greygradient .ep_gridrow-content>.ep_gridcolumn+.ep_gridcolumn [class*="ep-a_links"]:first-child { padding-top: 0; } #website-body .ep_gridcolumn.ep-m_product[data-layout1020^="list"].ep-layout_greycolor .ep_gridrow-content>.ep_gridcolumn+.ep_gridcolumn [class*="ep-a_"], #website-body .ep_gridcolumn.ep-m_product[data-layout1020^="list"].ep-layout_greygradient .ep_gridrow-content>.ep_gridcolumn+.ep_gridcolumn [class*="ep-a_"] { padding-left: 0; } /* MOLECULE "PRODUCT" : Suppression de la marge inferieure de la derniere image du conteneur */ #website-body .ep_gridcolumn.ep-m_product[data-layout1020^="list"].ep-layout_greycolor .ep-a_media:last-child:after, #website-body .ep_gridcolumn.ep-m_product[data-layout1020^="list"].ep-layout_greygradient .ep-a_media:last-child:after { display: none; } /* MOLECULE "PRODUCT" : Correction de la marge entre molecules */ #website-body .ep_gridcolumn.ep-m_product[data-layout1020^="list"].ep-layout_greycolor:after, #website-body .ep_gridcolumn.ep-m_product[data-layout1020^="list"].ep-layout_greygradient:after { margin-top: 0; } } @media screen and (min-width:750px) and (max-width:1019px), print { /* MOLECULE "PRODUCT" : Correction des marges laterales autours du texte */ #website-body .ep_gridcolumn.ep-m_product[data-layout750^="list"].ep-layout_greycolor .ep_gridrow-content>.ep_gridcolumn+.ep_gridcolumn [class*="ep-a_"]:first-child, #website-body .ep_gridcolumn.ep-m_product[data-layout750^="list"].ep-layout_greygradient .ep_gridrow-content>.ep_gridcolumn+.ep_gridcolumn [class*="ep-a_"]:first-child { padding-top: 20px; } #website-body .ep_gridcolumn.ep-m_product[data-layout750^="list"].ep-layout_greycolor .ep_gridrow-content>.ep_gridcolumn+.ep_gridcolumn [class*="ep-a_media"]:first-child, #website-body .ep_gridcolumn.ep-m_product[data-layout750^="list"].ep-layout_greygradient .ep_gridrow-content>.ep_gridcolumn+.ep_gridcolumn [class*="ep-a_media"]:first-child, #website-body .ep_gridcolumn.ep-m_product[data-layout750^="list"].ep-layout_greycolor .ep_gridrow-content>.ep_gridcolumn+.ep_gridcolumn [class*="ep-a_links"]:first-child, #website-body .ep_gridcolumn.ep-m_product[data-layout750^="list"].ep-layout_greygradient .ep_gridrow-content>.ep_gridcolumn+.ep_gridcolumn [class*="ep-a_links"]:first-child { padding-top: 0; } #website-body .ep_gridcolumn.ep-m_product[data-layout750^="list"].ep-layout_greycolor .ep_gridrow-content>.ep_gridcolumn+.ep_gridcolumn [class*="ep-a_"], #website-body .ep_gridcolumn.ep-m_product[data-layout750^="list"].ep-layout_greygradient .ep_gridrow-content>.ep_gridcolumn+.ep_gridcolumn [class*="ep-a_"] { padding-left: 0; } /* MOLECULE "PRODUCT" : Suppression de la marge inferieure de la derniere image du conteneur */ #website-body .ep_gridcolumn.ep-m_product[data-layout750^="list"].ep-layout_greycolor .ep-a_media:last-child:after, #website-body .ep_gridcolumn.ep-m_product[data-layout750^="list"].ep-layout_greygradient .ep-a_media:last-child:after { display: none; } /* MOLECULE "PRODUCT" : Correction de la marge entre molecules */ #website-body .ep_gridcolumn.ep-m_product[data-layout750^="list"].ep-layout_greycolor:after, #website-body .ep_gridcolumn.ep-m_product[data-layout750^="list"].ep-layout_greygradient:after { margin-top: 0; } } @media screen and (min-width:640px) and (max-width:749px) { /* MOLECULE "PRODUCT" : Correction des marges laterales autours du texte */ #website-body .ep_gridcolumn.ep-m_product[data-layout640^="list"].ep-layout_greycolor .ep_gridrow-content>.ep_gridcolumn+.ep_gridcolumn [class*="ep-a_"]:first-child, #website-body .ep_gridcolumn.ep-m_product[data-layout640^="list"].ep-layout_greygradient .ep_gridrow-content>.ep_gridcolumn+.ep_gridcolumn [class*="ep-a_"]:first-child { padding-top: 20px; } #website-body .ep_gridcolumn.ep-m_product[data-layout640^="list"].ep-layout_greycolor .ep_gridrow-content>.ep_gridcolumn+.ep_gridcolumn [class*="ep-a_media"]:first-child, #website-body .ep_gridcolumn.ep-m_product[data-layout640^="list"].ep-layout_greygradient .ep_gridrow-content>.ep_gridcolumn+.ep_gridcolumn [class*="ep-a_media"]:first-child, #website-body .ep_gridcolumn.ep-m_product[data-layout640^="list"].ep-layout_greycolor .ep_gridrow-content>.ep_gridcolumn+.ep_gridcolumn [class*="ep-a_links"]:first-child, #website-body .ep_gridcolumn.ep-m_product[data-layout640^="list"].ep-layout_greygradient .ep_gridrow-content>.ep_gridcolumn+.ep_gridcolumn [class*="ep-a_links"]:first-child { padding-top: 0; } #website-body .ep_gridcolumn.ep-m_product[data-layout640^="list"].ep-layout_greycolor .ep_gridrow-content>.ep_gridcolumn+.ep_gridcolumn [class*="ep-a_"], #website-body .ep_gridcolumn.ep-m_product[data-layout640^="list"].ep-layout_greygradient .ep_gridrow-content>.ep_gridcolumn+.ep_gridcolumn [class*="ep-a_"] { padding-left: 0; } /* MOLECULE "PRODUCT" : Suppression de la marge inferieure de la derniere image du conteneur */ #website-body .ep_gridcolumn.ep-m_product[data-layout640^="list"].ep-layout_greycolor .ep-a_media:last-child:after, #website-body .ep_gridcolumn.ep-m_product[data-layout640^="list"].ep-layout_greygradient .ep-a_media:last-child:after { display: none; } /* MOLECULE "PRODUCT" : Correction de la marge entre molecules */ #website-body .ep_gridcolumn.ep-m_product[data-layout640^="list"].ep-layout_greycolor:after, #website-body .ep_gridcolumn.ep-m_product[data-layout640^="list"].ep-layout_greygradient:after { margin-top: 0; } } @media screen and (min-width:480px) and (max-width:639px) { /* MOLECULE "PRODUCT" : Correction des marges laterales autours du texte */ #website-body .ep_gridcolumn.ep-m_product[data-layout480^="list"].ep-layout_greycolor .ep_gridrow-content>.ep_gridcolumn+.ep_gridcolumn [class*="ep-a_"]:first-child, #website-body .ep_gridcolumn.ep-m_product[data-layout480^="list"].ep-layout_greygradient .ep_gridrow-content>.ep_gridcolumn+.ep_gridcolumn [class*="ep-a_"]:first-child { padding-top: 20px; } #website-body .ep_gridcolumn.ep-m_product[data-layout480^="list"].ep-layout_greycolor .ep_gridrow-content>.ep_gridcolumn+.ep_gridcolumn [class*="ep-a_media"]:first-child, #website-body .ep_gridcolumn.ep-m_product[data-layout480^="list"].ep-layout_greygradient .ep_gridrow-content>.ep_gridcolumn+.ep_gridcolumn [class*="ep-a_media"]:first-child, #website-body .ep_gridcolumn.ep-m_product[data-layout480^="list"].ep-layout_greycolor .ep_gridrow-content>.ep_gridcolumn+.ep_gridcolumn [class*="ep-a_links"]:first-child, #website-body .ep_gridcolumn.ep-m_product[data-layout480^="list"].ep-layout_greygradient .ep_gridrow-content>.ep_gridcolumn+.ep_gridcolumn [class*="ep-a_links"]:first-child { padding-top: 0; } #website-body .ep_gridcolumn.ep-m_product[data-layout480^="list"].ep-layout_greycolor .ep_gridrow-content>.ep_gridcolumn+.ep_gridcolumn [class*="ep-a_"], #website-body .ep_gridcolumn.ep-m_product[data-layout480^="list"].ep-layout_greygradient .ep_gridrow-content>.ep_gridcolumn+.ep_gridcolumn [class*="ep-a_"] { padding-left: 0; } /* MOLECULE "PRODUCT" : Suppression de la marge inferieure de la derniere image du conteneur */ #website-body .ep_gridcolumn.ep-m_product[data-layout480^="list"].ep-layout_greycolor .ep-a_media:last-child:after, #website-body .ep_gridcolumn.ep-m_product[data-layout480^="list"].ep-layout_greygradient .ep-a_media:last-child:after { display: none; } /* MOLECULE "PRODUCT" : Correction de la marge entre molecules */ #website-body .ep_gridcolumn.ep-m_product[data-layout480^="list"].ep-layout_greycolor:after, #website-body .ep_gridcolumn.ep-m_product[data-layout480^="list"].ep-layout_greygradient:after { margin-top: 0; } } @media screen and (max-width:479px) { /* MOLECULE "PRODUCT" : Correction des marges laterales autours du texte */ #website-body .ep_gridcolumn.ep-m_product[data-layout320^="list"].ep-layout_greycolor .ep_gridrow-content>.ep_gridcolumn+.ep_gridcolumn [class*="ep-a_"]:first-child, #website-body .ep_gridcolumn.ep-m_product[data-layout320^="list"].ep-layout_greygradient .ep_gridrow-content>.ep_gridcolumn+.ep_gridcolumn [class*="ep-a_"]:first-child { padding-top: 20px; } #website-body .ep_gridcolumn.ep-m_product[data-layout320^="list"].ep-layout_greycolor .ep_gridrow-content>.ep_gridcolumn+.ep_gridcolumn [class*="ep-a_media"]:first-child, #website-body .ep_gridcolumn.ep-m_product[data-layout320^="list"].ep-layout_greygradient .ep_gridrow-content>.ep_gridcolumn+.ep_gridcolumn [class*="ep-a_media"]:first-child, #website-body .ep_gridcolumn.ep-m_product[data-layout320^="list"].ep-layout_greycolor .ep_gridrow-content>.ep_gridcolumn+.ep_gridcolumn [class*="ep-a_links"]:first-child, #website-body .ep_gridcolumn.ep-m_product[data-layout320^="list"].ep-layout_greygradient .ep_gridrow-content>.ep_gridcolumn+.ep_gridcolumn [class*="ep-a_links"]:first-child { padding-top: 0; } #website-body .ep_gridcolumn.ep-m_product[data-layout320^="list"].ep-layout_greycolor .ep_gridrow-content>.ep_gridcolumn+.ep_gridcolumn [class*="ep-a_"], #website-body .ep_gridcolumn.ep-m_product[data-layout320^="list"].ep-layout_greygradient .ep_gridrow-content>.ep_gridcolumn+.ep_gridcolumn [class*="ep-a_"] { padding-left: 0; } /* MOLECULE "PRODUCT" : Suppression de la marge inferieure de la derniere image du conteneur */ #website-body .ep_gridcolumn.ep-m_product[data-layout320^="list"].ep-layout_greycolor .ep-a_media:last-child:after, #website-body .ep_gridcolumn.ep-m_product[data-layout320^="list"].ep-layout_greygradient .ep-a_media:last-child:after { display: none; } /* MOLECULE "PRODUCT" : Correction de la marge entre molecules */ #website-body .ep_gridcolumn.ep-m_product[data-layout320^="list"].ep-layout_greycolor:after, #website-body .ep_gridcolumn.ep-m_product[data-layout320^="list"].ep-layout_greygradient:after { margin-top: 0; } } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* MOLECULE "PRODUCT" : Affichage de la molecule au format "overlay" (deux colonnes superposees) avec un fond noir */ @media screen and (min-width:1200px) { /* MOLECULE "PRODUCT" : Superposition des colonnes */ #website-body .ep_gridcolumn.ep-m_product[data-layout1200="overlay"].ep-layout_black>.ep_gridrow .ep_gridrow-content { display: block; letter-spacing: -0.3em; white-space: nowrap; } #website-body .ep_gridcolumn.ep-m_product[data-layout1200="overlay"].ep-layout_black>.ep_gridrow .ep_gridcolumn.ep-layout_image, #website-body .ep_gridcolumn.ep-m_product[data-layout1200="overlay"].ep-layout_black>.ep_gridrow .ep_gridcolumn.ep-layout_text { display: inline-block; width: 100%; flex: 0 0 100%; vertical-align: bottom; letter-spacing: normal; white-space: normal; } #website-body .ep_gridcolumn.ep-m_product[data-layout1200="overlay"].ep-layout_black>.ep_gridrow .ep_gridcolumn.ep-layout_text { position: relative; margin-bottom: 19px; margin-left: -100%; } /* MOLECULE "PRODUCT" : Ajout du fond colore a la colonne "texte" */ #website-body .ep_gridcolumn.ep-m_product[data-layout1200="overlay"].ep-layout_black>.ep_gridrow .ep_gridcolumn.ep-layout_text .ep_gridcolumn-content { margin-left: 10px; margin-right: 10px; background-color: rgba(0, 0, 0, 0.8); } /* MOLECULE "PRODUCT" : Gestion des marges internes */ #website-body .ep_gridcolumn.ep-m_product[data-layout1200="overlay"].ep-layout_black>.ep_gridrow .ep_gridcolumn.ep-layout_text .ep_gridcolumn-content { padding-top: 20px; padding-left: 20px; padding-right: 20px; } /* MOLECULE "PRODUCT" : Changement de couleur des textes */ #website-body .ep_gridcolumn.ep-m_product[data-layout1200="overlay"].ep-layout_black>.ep_gridrow .ep_gridcolumn.ep-layout_text .ep-p_text, #website-body .ep_gridcolumn.ep-m_product[data-layout1200="overlay"].ep-layout_black>.ep_gridrow .ep_gridcolumn.ep-layout_text .ep-p_text .ep_name, #website-body .ep_gridcolumn.ep-m_product[data-layout1200="overlay"].ep-layout_black>.ep_gridrow .ep_gridcolumn.ep-layout_text .ep-a_text { color: #fff; } /* MOLECULE "PRODUCT" : Correction de l'affichage pour les molecules en mode "link" */ #website-body .ep_gridcolumn.ep-m_product[data-layout1200="overlay"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridrow-content { position: relative; overflow: hidden; } #website-body .ep_gridcolumn.ep-m_product[data-layout1200="overlay"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_image .ep-a_media .ep-p_image .ep_image, #website-body .ep_gridcolumn.ep-m_product[data-layout1200="overlay"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text { position: static; } #website-body .ep_gridcolumn.ep-m_product[data-layout1200="overlay"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_image .ep-a_media .ep-p_image .ep_image>span { bottom: 20px; left: 10px; right: 10px; } #website-body .ep_gridcolumn.ep-m_product[data-layout1200="overlay"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text:before { position: absolute; display: block; left: 10px; right: 10px; height: 100%; background-color: rgba(0, 0, 0, 0.8); content: ""; } #website-body .ep_gridcolumn.ep-m_product[data-layout1200="overlay"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text:after { position: absolute; display: block; bottom: 0; left: 10px; right: 10px; width: auto; height: 20px; background-color: #fff; opacity: 1; content: ""; } #website-body .ep_gridcolumn.ep-m_product[data-layout1200="overlay"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text [class*="ep-a_"]:not(.ep-a_heading), #website-body .ep_gridcolumn.ep-m_product[data-layout1200="overlay"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text [class*="ep-a_heading"]+.ep-a_heading { position: relative; } } @media screen and (min-width:1020px) and (max-width:1199px) { /* MOLECULE "PRODUCT" : Superposition des colonnes */ #website-body .ep_gridcolumn.ep-m_product[data-layout1020="overlay"].ep-layout_black>.ep_gridrow .ep_gridrow-content { display: block; letter-spacing: -0.3em; white-space: nowrap; } #website-body .ep_gridcolumn.ep-m_product[data-layout1020="overlay"].ep-layout_black>.ep_gridrow .ep_gridcolumn.ep-layout_image, #website-body .ep_gridcolumn.ep-m_product[data-layout1020="overlay"].ep-layout_black>.ep_gridrow .ep_gridcolumn.ep-layout_text { display: inline-block; width: 100%; flex: 0 0 100%; vertical-align: bottom; letter-spacing: normal; white-space: normal; } #website-body .ep_gridcolumn.ep-m_product[data-layout1020="overlay"].ep-layout_black>.ep_gridrow .ep_gridcolumn.ep-layout_text { position: relative; margin-bottom: 19px; margin-left: -100%; } /* MOLECULE "PRODUCT" : Ajout du fond colore a la colonne "texte" */ #website-body .ep_gridcolumn.ep-m_product[data-layout1020="overlay"].ep-layout_black>.ep_gridrow .ep_gridcolumn.ep-layout_text .ep_gridcolumn-content { margin-left: 10px; margin-right: 10px; background-color: rgba(0, 0, 0, 0.8); } /* MOLECULE "PRODUCT" : Gestion des marges internes */ #website-body .ep_gridcolumn.ep-m_product[data-layout1020="overlay"].ep-layout_black>.ep_gridrow .ep_gridcolumn.ep-layout_text .ep_gridcolumn-content { padding-top: 20px; padding-left: 20px; padding-right: 20px; } /* MOLECULE "PRODUCT" : Changement de couleur des textes */ #website-body .ep_gridcolumn.ep-m_product[data-layout1020="overlay"].ep-layout_black>.ep_gridrow .ep_gridcolumn.ep-layout_text .ep-p_text, #website-body .ep_gridcolumn.ep-m_product[data-layout1020="overlay"].ep-layout_black>.ep_gridrow .ep_gridcolumn.ep-layout_text .ep-p_text .ep_name, #website-body .ep_gridcolumn.ep-m_product[data-layout1020="overlay"].ep-layout_black>.ep_gridrow .ep_gridcolumn.ep-layout_text .ep-a_text { color: #fff; } /* MOLECULE "PRODUCT" : Correction de l'affichage pour les molecules en mode "link" */ #website-body .ep_gridcolumn.ep-m_product[data-layout1020="overlay"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridrow-content { position: relative; overflow: hidden; } #website-body .ep_gridcolumn.ep-m_product[data-layout1020="overlay"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_image .ep-a_media .ep-p_image .ep_image, #website-body .ep_gridcolumn.ep-m_product[data-layout1020="overlay"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text { position: static; } #website-body .ep_gridcolumn.ep-m_product[data-layout1020="overlay"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_image .ep-a_media .ep-p_image .ep_image>span { bottom: 20px; left: 10px; right: 10px; } #website-body .ep_gridcolumn.ep-m_product[data-layout1020="overlay"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text:before { position: absolute; display: block; left: 10px; right: 10px; height: 100%; background-color: rgba(0, 0, 0, 0.8); content: ""; } #website-body .ep_gridcolumn.ep-m_product[data-layout1020="overlay"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text:after { position: absolute; display: block; bottom: 0; left: 10px; right: 10px; width: auto; height: 20px; background-color: #fff; opacity: 1; content: ""; } #website-body .ep_gridcolumn.ep-m_product[data-layout1020="overlay"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text [class*="ep-a_"]:not(.ep-a_heading), #website-body .ep_gridcolumn.ep-m_product[data-layout1020="overlay"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text [class*="ep-a_heading"]+.ep-a_heading { position: relative; } } @media screen and (min-width:750px) and (max-width:1019px), print { /* MOLECULE "PRODUCT" : Superposition des colonnes */ #website-body .ep_gridcolumn.ep-m_product[data-layout750="overlay"].ep-layout_black>.ep_gridrow .ep_gridrow-content { display: block; letter-spacing: -0.3em; white-space: nowrap; } #website-body .ep_gridcolumn.ep-m_product[data-layout750="overlay"].ep-layout_black>.ep_gridrow .ep_gridcolumn.ep-layout_image, #website-body .ep_gridcolumn.ep-m_product[data-layout750="overlay"].ep-layout_black>.ep_gridrow .ep_gridcolumn.ep-layout_text { display: inline-block; width: 100%; flex: 0 0 100%; vertical-align: bottom; letter-spacing: normal; white-space: normal; } #website-body .ep_gridcolumn.ep-m_product[data-layout750="overlay"].ep-layout_black>.ep_gridrow .ep_gridcolumn.ep-layout_text { position: relative; margin-bottom: 19px; margin-left: -100%; } /* MOLECULE "PRODUCT" : Ajout du fond colore a la colonne "texte" */ #website-body .ep_gridcolumn.ep-m_product[data-layout750="overlay"].ep-layout_black>.ep_gridrow .ep_gridcolumn.ep-layout_text .ep_gridcolumn-content { margin-left: 10px; margin-right: 10px; background-color: rgba(0, 0, 0, 0.8); } /* MOLECULE "PRODUCT" : Gestion des marges internes */ #website-body .ep_gridcolumn.ep-m_product[data-layout750="overlay"].ep-layout_black>.ep_gridrow .ep_gridcolumn.ep-layout_text .ep_gridcolumn-content { padding-top: 20px; padding-left: 20px; padding-right: 20px; } /* MOLECULE "PRODUCT" : Changement de couleur des textes */ #website-body .ep_gridcolumn.ep-m_product[data-layout750="overlay"].ep-layout_black>.ep_gridrow .ep_gridcolumn.ep-layout_text .ep-p_text, #website-body .ep_gridcolumn.ep-m_product[data-layout750="overlay"].ep-layout_black>.ep_gridrow .ep_gridcolumn.ep-layout_text .ep-p_text .ep_name, #website-body .ep_gridcolumn.ep-m_product[data-layout750="overlay"].ep-layout_black>.ep_gridrow .ep_gridcolumn.ep-layout_text .ep-a_text { color: #fff; } /* MOLECULE "PRODUCT" : Correction de l'affichage pour les molecules en mode "link" */ #website-body .ep_gridcolumn.ep-m_product[data-layout750="overlay"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridrow-content { position: relative; overflow: hidden; } #website-body .ep_gridcolumn.ep-m_product[data-layout750="overlay"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_image .ep-a_media .ep-p_image .ep_image, #website-body .ep_gridcolumn.ep-m_product[data-layout750="overlay"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text { position: static; } #website-body .ep_gridcolumn.ep-m_product[data-layout750="overlay"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_image .ep-a_media .ep-p_image .ep_image>span { bottom: 20px; left: 10px; right: 10px; } #website-body .ep_gridcolumn.ep-m_product[data-layout750="overlay"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text:before { position: absolute; display: block; left: 10px; right: 10px; height: 100%; background-color: rgba(0, 0, 0, 0.8); content: ""; } #website-body .ep_gridcolumn.ep-m_product[data-layout750="overlay"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text:after { position: absolute; display: block; bottom: 0; left: 10px; right: 10px; width: auto; height: 20px; background-color: #fff; opacity: 1; content: ""; } #website-body .ep_gridcolumn.ep-m_product[data-layout750="overlay"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text [class*="ep-a_"]:not(.ep-a_heading), #website-body .ep_gridcolumn.ep-m_product[data-layout750="overlay"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text [class*="ep-a_heading"]+.ep-a_heading { position: relative; } } @media screen and (min-width:640px) and (max-width:749px) { /* MOLECULE "PRODUCT" : Superposition des colonnes */ #website-body .ep_gridcolumn.ep-m_product[data-layout640="overlay"].ep-layout_black>.ep_gridrow .ep_gridrow-content { display: block; letter-spacing: -0.3em; white-space: nowrap; } #website-body .ep_gridcolumn.ep-m_product[data-layout640="overlay"].ep-layout_black>.ep_gridrow .ep_gridcolumn.ep-layout_image, #website-body .ep_gridcolumn.ep-m_product[data-layout640="overlay"].ep-layout_black>.ep_gridrow .ep_gridcolumn.ep-layout_text { display: inline-block; width: 100%; flex: 0 0 100%; vertical-align: bottom; letter-spacing: normal; white-space: normal; } #website-body .ep_gridcolumn.ep-m_product[data-layout640="overlay"].ep-layout_black>.ep_gridrow .ep_gridcolumn.ep-layout_text { position: relative; margin-bottom: 19px; margin-left: -100%; } /* MOLECULE "PRODUCT" : Ajout du fond colore a la colonne "texte" */ #website-body .ep_gridcolumn.ep-m_product[data-layout640="overlay"].ep-layout_black>.ep_gridrow .ep_gridcolumn.ep-layout_text .ep_gridcolumn-content { margin-left: 10px; margin-right: 10px; background-color: rgba(0, 0, 0, 0.8); } /* MOLECULE "PRODUCT" : Gestion des marges internes */ #website-body .ep_gridcolumn.ep-m_product[data-layout640="overlay"].ep-layout_black>.ep_gridrow .ep_gridcolumn.ep-layout_text .ep_gridcolumn-content { padding-top: 20px; padding-left: 20px; padding-right: 20px; } /* MOLECULE "PRODUCT" : Changement de couleur des textes */ #website-body .ep_gridcolumn.ep-m_product[data-layout640="overlay"].ep-layout_black>.ep_gridrow .ep_gridcolumn.ep-layout_text .ep-p_text, #website-body .ep_gridcolumn.ep-m_product[data-layout640="overlay"].ep-layout_black>.ep_gridrow .ep_gridcolumn.ep-layout_text .ep-p_text .ep_name, #website-body .ep_gridcolumn.ep-m_product[data-layout640="overlay"].ep-layout_black>.ep_gridrow .ep_gridcolumn.ep-layout_text .ep-a_text { color: #fff; } /* MOLECULE "PRODUCT" : Correction de l'affichage pour les molecules en mode "link" */ #website-body .ep_gridcolumn.ep-m_product[data-layout640="overlay"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridrow-content { position: relative; overflow: hidden; } #website-body .ep_gridcolumn.ep-m_product[data-layout640="overlay"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_image .ep-a_media .ep-p_image .ep_image, #website-body .ep_gridcolumn.ep-m_product[data-layout640="overlay"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text { position: static; } #website-body .ep_gridcolumn.ep-m_product[data-layout640="overlay"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_image .ep-a_media .ep-p_image .ep_image>span { bottom: 20px; left: 10px; right: 10px; } #website-body .ep_gridcolumn.ep-m_product[data-layout640="overlay"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text:before { position: absolute; display: block; left: 10px; right: 10px; height: 100%; background-color: rgba(0, 0, 0, 0.8); content: ""; } #website-body .ep_gridcolumn.ep-m_product[data-layout640="overlay"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text:after { position: absolute; display: block; bottom: 0; left: 10px; right: 10px; width: auto; height: 20px; background-color: #fff; opacity: 1; content: ""; } #website-body .ep_gridcolumn.ep-m_product[data-layout640="overlay"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text [class*="ep-a_"]:not(.ep-a_heading), #website-body .ep_gridcolumn.ep-m_product[data-layout640="overlay"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text [class*="ep-a_heading"]+.ep-a_heading { position: relative; } } @media screen and (min-width:480px) and (max-width:639px) { /* MOLECULE "PRODUCT" : Superposition des colonnes */ #website-body .ep_gridcolumn.ep-m_product[data-layout480="overlay"].ep-layout_black>.ep_gridrow .ep_gridrow-content { display: block; letter-spacing: -0.3em; white-space: nowrap; } #website-body .ep_gridcolumn.ep-m_product[data-layout480="overlay"].ep-layout_black>.ep_gridrow .ep_gridcolumn.ep-layout_image, #website-body .ep_gridcolumn.ep-m_product[data-layout480="overlay"].ep-layout_black>.ep_gridrow .ep_gridcolumn.ep-layout_text { display: inline-block; width: 100%; flex: 0 0 100%; vertical-align: bottom; letter-spacing: normal; white-space: normal; } #website-body .ep_gridcolumn.ep-m_product[data-layout480="overlay"].ep-layout_black>.ep_gridrow .ep_gridcolumn.ep-layout_text { position: relative; margin-bottom: 19px; margin-left: -100%; } /* MOLECULE "PRODUCT" : Ajout du fond colore a la colonne "texte" */ #website-body .ep_gridcolumn.ep-m_product[data-layout480="overlay"].ep-layout_black>.ep_gridrow .ep_gridcolumn.ep-layout_text .ep_gridcolumn-content { margin-left: 10px; margin-right: 10px; background-color: rgba(0, 0, 0, 0.8); } /* MOLECULE "PRODUCT" : Gestion des marges internes */ #website-body .ep_gridcolumn.ep-m_product[data-layout480="overlay"].ep-layout_black>.ep_gridrow .ep_gridcolumn.ep-layout_text .ep_gridcolumn-content { padding-top: 20px; padding-left: 20px; padding-right: 20px; } /* MOLECULE "PRODUCT" : Changement de couleur des textes */ #website-body .ep_gridcolumn.ep-m_product[data-layout480="overlay"].ep-layout_black>.ep_gridrow .ep_gridcolumn.ep-layout_text .ep-p_text, #website-body .ep_gridcolumn.ep-m_product[data-layout480="overlay"].ep-layout_black>.ep_gridrow .ep_gridcolumn.ep-layout_text .ep-p_text .ep_name, #website-body .ep_gridcolumn.ep-m_product[data-layout480="overlay"].ep-layout_black>.ep_gridrow .ep_gridcolumn.ep-layout_text .ep-a_text { color: #fff; } /* MOLECULE "PRODUCT" : Correction de l'affichage pour les molecules en mode "link" */ #website-body .ep_gridcolumn.ep-m_product[data-layout480="overlay"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridrow-content { position: relative; overflow: hidden; } #website-body .ep_gridcolumn.ep-m_product[data-layout480="overlay"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_image .ep-a_media .ep-p_image .ep_image, #website-body .ep_gridcolumn.ep-m_product[data-layout480="overlay"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text { position: static; } #website-body .ep_gridcolumn.ep-m_product[data-layout480="overlay"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_image .ep-a_media .ep-p_image .ep_image>span { bottom: 20px; left: 10px; right: 10px; } #website-body .ep_gridcolumn.ep-m_product[data-layout480="overlay"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text:before { position: absolute; display: block; left: 10px; right: 10px; height: 100%; background-color: rgba(0, 0, 0, 0.8); content: ""; } #website-body .ep_gridcolumn.ep-m_product[data-layout480="overlay"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text:after { position: absolute; display: block; bottom: 0; left: 10px; right: 10px; width: auto; height: 20px; background-color: #fff; opacity: 1; content: ""; } #website-body .ep_gridcolumn.ep-m_product[data-layout480="overlay"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text [class*="ep-a_"]:not(.ep-a_heading), #website-body .ep_gridcolumn.ep-m_product[data-layout480="overlay"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text [class*="ep-a_heading"]+.ep-a_heading { position: relative; } } @media screen and (max-width:479px) { /* MOLECULE "PRODUCT" : Superposition des colonnes */ #website-body .ep_gridcolumn.ep-m_product[data-layout320="overlay"].ep-layout_black>.ep_gridrow .ep_gridrow-content { display: block; letter-spacing: -0.3em; white-space: nowrap; } #website-body .ep_gridcolumn.ep-m_product[data-layout320="overlay"].ep-layout_black>.ep_gridrow .ep_gridcolumn.ep-layout_image, #website-body .ep_gridcolumn.ep-m_product[data-layout320="overlay"].ep-layout_black>.ep_gridrow .ep_gridcolumn.ep-layout_text { display: inline-block; width: 100%; flex: 0 0 100%; vertical-align: bottom; letter-spacing: normal; white-space: normal; } #website-body .ep_gridcolumn.ep-m_product[data-layout320="overlay"].ep-layout_black>.ep_gridrow .ep_gridcolumn.ep-layout_text { position: relative; margin-bottom: 19px; margin-left: -100%; } /* MOLECULE "PRODUCT" : Ajout du fond colore a la colonne "texte" */ #website-body .ep_gridcolumn.ep-m_product[data-layout320="overlay"].ep-layout_black>.ep_gridrow .ep_gridcolumn.ep-layout_text .ep_gridcolumn-content { margin-left: 10px; margin-right: 10px; background-color: rgba(0, 0, 0, 0.8); } /* MOLECULE "PRODUCT" : Gestion des marges internes */ #website-body .ep_gridcolumn.ep-m_product[data-layout320="overlay"].ep-layout_black>.ep_gridrow .ep_gridcolumn.ep-layout_text .ep_gridcolumn-content { padding-top: 20px; padding-left: 20px; padding-right: 20px; } /* MOLECULE "PRODUCT" : Changement de couleur des textes */ #website-body .ep_gridcolumn.ep-m_product[data-layout320="overlay"].ep-layout_black>.ep_gridrow .ep_gridcolumn.ep-layout_text .ep-p_text, #website-body .ep_gridcolumn.ep-m_product[data-layout320="overlay"].ep-layout_black>.ep_gridrow .ep_gridcolumn.ep-layout_text .ep-p_text .ep_name, #website-body .ep_gridcolumn.ep-m_product[data-layout320="overlay"].ep-layout_black>.ep_gridrow .ep_gridcolumn.ep-layout_text .ep-a_text { color: #fff; } /* MOLECULE "PRODUCT" : Correction de l'affichage pour les molecules en mode "link" */ #website-body .ep_gridcolumn.ep-m_product[data-layout320="overlay"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridrow-content { position: relative; overflow: hidden; } #website-body .ep_gridcolumn.ep-m_product[data-layout320="overlay"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_image .ep-a_media .ep-p_image .ep_image, #website-body .ep_gridcolumn.ep-m_product[data-layout320="overlay"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text { position: static; } #website-body .ep_gridcolumn.ep-m_product[data-layout320="overlay"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_image .ep-a_media .ep-p_image .ep_image>span { bottom: 20px; left: 10px; right: 10px; } #website-body .ep_gridcolumn.ep-m_product[data-layout320="overlay"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text:before { position: absolute; display: block; left: 10px; right: 10px; height: 100%; background-color: rgba(0, 0, 0, 0.8); content: ""; } #website-body .ep_gridcolumn.ep-m_product[data-layout320="overlay"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text:after { position: absolute; display: block; bottom: 0; left: 10px; right: 10px; width: auto; height: 20px; background-color: #fff; opacity: 1; content: ""; } #website-body .ep_gridcolumn.ep-m_product[data-layout320="overlay"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text [class*="ep-a_"]:not(.ep-a_heading), #website-body .ep_gridcolumn.ep-m_product[data-layout320="overlay"].ep-layout_black.ep-layout_linkmode>.ep_gridrow .ep_gridcolumn.ep-layout_text [class*="ep-a_heading"]+.ep-a_heading { position: relative; } } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* MOLECULE "PRODUCT" : Affichage de la molecule avec une ligne de separation inferieure */ @media screen and (min-width:1200px) { #website-body .ep_gridcolumn.ep-m_product[data-layout1200^="separation"]:after { width: auto; height: 20px; margin-left: 10px; margin-right: 10px; background-color: #fff; border-top: 1px dotted #d1d3d4; opacity: 1; } } @media screen and (min-width:1020px) and (max-width:1199px) { #website-body .ep_gridcolumn.ep-m_product[data-layout1020^="separation"]:after { width: auto; height: 20px; margin-left: 10px; margin-right: 10px; background-color: #fff; border-top: 1px dotted #d1d3d4; opacity: 1; } } @media screen and (min-width:750px) and (max-width:1019px), print { #website-body .ep_gridcolumn.ep-m_product[data-layout750^="separation"]:after { width: auto; height: 20px; margin-left: 10px; margin-right: 10px; background-color: #fff; border-top: 1px dotted #d1d3d4; opacity: 1; } } @media screen and (min-width:640px) and (max-width:749px) { #website-body .ep_gridcolumn.ep-m_product[data-layout640^="separation"]:after { width: auto; height: 20px; margin-left: 10px; margin-right: 10px; background-color: #fff; border-top: 1px dotted #d1d3d4; opacity: 1; } } @media screen and (min-width:480px) and (max-width:639px) { #website-body .ep_gridcolumn.ep-m_product[data-layout480^="separation"]:after { width: auto; height: 20px; margin-left: 10px; margin-right: 10px; background-color: #fff; border-top: 1px dotted #d1d3d4; opacity: 1; } } @media screen and (max-width:479px) { #website-body .ep_gridcolumn.ep-m_product[data-layout320^="separation"]:after { width: auto; height: 20px; margin-left: 10px; margin-right: 10px; background-color: #fff; border-top: 1px dotted #d1d3d4; opacity: 1; } } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* MOLECULE "PRODUCT" : Affichage de la molecule sous forme de lien unique */ /* MOLECULE "PRODUCT" : Suppression du titre dans le lien */ #website-body .ep_gridcolumn.ep-m_product .ep-a_links.ep-layout_titlehidden .ep-p_text .ep_name span.ep_linktitle, #website-body .ep_gridcolumn.ep-m_product .ep-a_loadmore.ep-layout_titlehidden .ep-p_text .ep_name span.ep_linktitle, #website-body .ep_gridcolumn.ep-m_product .ep-a_button.ep-layout_titlehidden .ep-p_button .ep_name span.ep_linktitle { position: absolute; display: block; overflow: hidden; width: 0; height: 0; } /* MOLECULE "PRODUCT" : Affichage des liens sous forme de titre */ @media screen and (min-width:1020px) { /* MOLECULE "PRODUCT" : Suppression du libelle */ #website-body .ep_gridcolumn.ep-m_product[data-layout1200$="link"] .ep-a_heading~.ep-a_links .ep-p_text .ep_name span.ep_linklabel, #website-body .ep_gridcolumn.ep-m_product[data-layout1200$="link"] .ep-a_heading~.ep-a_loadmore .ep-p_text .ep_name span.ep_linklabel, #website-body .ep_gridcolumn.ep-m_product[data-layout1200$="link"] .ep-a_heading~.ep-a_button .ep-p_button .ep_name span.ep_linklabel { position: absolute; display: block; overflow: hidden; width: 0; height: 0; } /* MOLECULE "PRODUCT" : Affichage du titre */ #website-body .ep_gridcolumn.ep-m_product[data-layout1200$="link"] .ep-a_heading~.ep-a_links .ep-p_text .ep_name span.ep_linktitle, #website-body .ep_gridcolumn.ep-m_product[data-layout1200$="link"] .ep-a_heading~.ep-a_loadmore .ep-p_text .ep_name span.ep_linktitle, #website-body .ep_gridcolumn.ep-m_product[data-layout1200$="link"] .ep-a_heading~.ep-a_button .ep-p_button .ep_name span.ep_linktitle { position: static; display: inline-block; overflow: visible; width: auto; height: auto; } /* MOLECULE "PRODUCT" : Correction des styles pour permettre l'affichage du titre */ #website-body .ep_gridcolumn.ep-m_product[data-layout1200$="link"] .ep-a_heading~.ep-a_links .ep-p_text, #website-body .ep_gridcolumn.ep-m_product[data-layout1200$="link"] .ep-a_heading~.ep-a_loadmore .ep-p_text, #website-body .ep_gridcolumn.ep-m_product[data-layout1200$="link"] .ep-a_heading~.ep-a_button .ep-p_button, #website-body .ep_gridcolumn.ep-m_product[data-layout1200$="link"] .ep-a_heading~.ep-a_links .ep-p_text a, #website-body .ep_gridcolumn.ep-m_product[data-layout1200$="link"] .ep-a_heading~.ep-a_button .ep-p_button a { display: inline-block; padding: 0; background: none; border: 0; font-size: 1em; line-height: normal; } #website-body .ep_gridcolumn.ep-m_product[data-layout1200$="link"] .ep-a_heading~.ep-a_links .ep-p_text .ep_name, #website-body .ep_gridcolumn.ep-m_product[data-layout1200$="link"] .ep-a_heading~.ep-a_loadmore .ep-p_text .ep_name, #website-body .ep_gridcolumn.ep-m_product[data-layout1200$="link"] .ep-a_heading~.ep-a_button .ep-p_button .ep_name { display: inline-block; font-weight: normal; color: #505154; } #website-body .ep_gridcolumn.ep-m_product[data-layout1200$="link"] .ep-a_heading~.ep-a_links .ep-p_text .ep_icon, #website-body .ep_gridcolumn.ep-m_product[data-layout1200$="link"] .ep-a_heading~.ep-a_loadmore .ep-p_text .ep_icon, #website-body .ep_gridcolumn.ep-m_product[data-layout1200$="link"] .ep-a_heading~.ep-a_button .ep-p_button .ep_icon, #website-body .ep_gridcolumn.ep-m_product[data-layout1200$="link"] .ep-a_heading~.ep-a_loadmore:before { display: none; } /* MOLECULE "PRODUCT" : Definition du style d'affichage selon le type de lien */ #website-body .ep_gridcolumn.ep-m_product[data-layout1200$="link"] .ep-a_heading.ep-layout_level1~.ep-a_links .ep-p_text .ep_name, #website-body .ep_gridcolumn.ep-m_product[data-layout1200$="link"] .ep-a_heading.ep-layout_level1~.ep-a_loadmore .ep-p_text .ep_name, #website-body .ep_gridcolumn.ep-m_product[data-layout1200$="link"] .ep-a_heading.ep-layout_level1~.ep-a_button .ep-p_button .ep_name, #website-body .ep_gridcolumn.ep-m_product[data-layout1200$="link"] .ep-a_heading.ep-layout_level2-large~.ep-a_links .ep-p_text .ep_name, #website-body .ep_gridcolumn.ep-m_product[data-layout1200$="link"] .ep-a_heading.ep-layout_level2-large~.ep-a_loadmore .ep-p_text .ep_name, #website-body .ep_gridcolumn.ep-m_product[data-layout1200$="link"] .ep-a_heading.ep-layout_level2-large~.ep-a_button .ep-p_button .ep_name, #website-body .ep_gridcolumn.ep-m_product[data-layout1200$="link"] .ep-a_heading.ep-layout_level2~.ep-a_links .ep-p_text .ep_name, #website-body .ep_gridcolumn.ep-m_product[data-layout1200$="link"] .ep-a_heading.ep-layout_level2~.ep-a_loadmore .ep-p_text .ep_name, #website-body .ep_gridcolumn.ep-m_product[data-layout1200$="link"] .ep-a_heading.ep-layout_level2~.ep-a_button .ep-p_button .ep_name { font-family: Georgia, Garamond, serif, Palatino; } #website-body .ep_gridcolumn.ep-m_product[data-layout1200$="link"] .ep-a_heading.ep-layout_level1~.ep-a_links .ep-p_text .ep_name, #website-body .ep_gridcolumn.ep-m_product[data-layout1200$="link"] .ep-a_heading.ep-layout_level1~.ep-a_loadmore .ep-p_text .ep_name, #website-body .ep_gridcolumn.ep-m_product[data-layout1200$="link"] .ep-a_heading.ep-layout_level1~.ep-a_button .ep-p_button .ep_name { font-size: 3.5em; } #website-body .ep_gridcolumn.ep-m_product[data-layout1200$="link"] .ep-a_heading.ep-layout_level2-large~.ep-a_links .ep-p_text .ep_name, #website-body .ep_gridcolumn.ep-m_product[data-layout1200$="link"] .ep-a_heading.ep-layout_level2-large~.ep-a_loadmore .ep-p_text .ep_name, #website-body .ep_gridcolumn.ep-m_product[data-layout1200$="link"] .ep-a_heading.ep-layout_level2-large~.ep-a_button .ep-p_button .ep_name { font-size: 2.5em; } #website-body .ep_gridcolumn.ep-m_product[data-layout1200$="link"] .ep-a_heading.ep-layout_level2~.ep-a_links .ep-p_text .ep_name, #website-body .ep_gridcolumn.ep-m_product[data-layout1200$="link"] .ep-a_heading.ep-layout_level2~.ep-a_loadmore .ep-p_text .ep_name, #website-body .ep_gridcolumn.ep-m_product[data-layout1200$="link"] .ep-a_heading.ep-layout_level2~.ep-a_button .ep-p_button .ep_name { font-size: 2em; } #website-body .ep_gridcolumn.ep-m_product[data-layout1200$="link"] .ep-a_heading.ep-layout_level3~.ep-a_links .ep-p_text .ep_name, #website-body .ep_gridcolumn.ep-m_product[data-layout1200$="link"] .ep-a_heading.ep-layout_level3~.ep-a_loadmore .ep-p_text .ep_name, #website-body .ep_gridcolumn.ep-m_product[data-layout1200$="link"] .ep-a_heading.ep-layout_level3~.ep-a_button .ep-p_button .ep_name { font-size: 1.4em; } /* MOLECULE "PRODUCT" : Effet de survol */ #website-body .ep_gridcolumn.ep-m_product[data-layout1200$="link"] .ep-a_heading~.ep-a_links .ep-p_text .ep_name, #website-body .ep_gridcolumn.ep-m_product[data-layout1200$="link"] .ep-a_heading~.ep-a_links .ep-p_text a:link .ep_name, #website-body .ep_gridcolumn.ep-m_product[data-layout1200$="link"] .ep-a_heading~.ep-a_links .ep-p_text a:visited .ep_name, #website-body .ep_gridcolumn.ep-m_product[data-layout1200$="link"] .ep-a_heading~.ep-a_loadmore .ep-p_text .ep_name, #website-body .ep_gridcolumn.ep-m_product[data-layout1200$="link"] .ep-a_heading~.ep-a_loadmore .ep-p_text a:link .ep_name, #website-body .ep_gridcolumn.ep-m_product[data-layout1200$="link"] .ep-a_heading~.ep-a_loadmore .ep-p_text a:visited .ep_name, #website-body .ep_gridcolumn.ep-m_product[data-layout1200$="link"] .ep-a_heading~.ep-a_button .ep-p_button .ep_name, #website-body .ep_gridcolumn.ep-m_product[data-layout1200$="link"] .ep-a_heading~.ep-a_button .ep-p_button a:link .ep_name, #website-body .ep_gridcolumn.ep-m_product[data-layout1200$="link"] .ep-a_heading~.ep-a_button .ep-p_button a:visited .ep_name { transform: translate(0, 0); transform: translate(0, 0); transition: transform 0.2s ease-out 0s; -webkit-transition: -webkit-transform 0.2s ease-out 0s; color: #1e1e1f; } #website-body .ep_gridcolumn.ep-m_product[data-layout1200$="link"] .ep-a_heading~.ep-a_links .ep-p_text a:hover .ep_name, #website-body .ep_gridcolumn.ep-m_product[data-layout1200$="link"] .ep-a_heading~.ep-a_links .ep-p_text a:focus .ep_name, #website-body .ep_gridcolumn.ep-m_product[data-layout1200$="link"] .ep-a_heading~.ep-a_links .ep-p_text a:active .ep_name, #website-body .ep_gridcolumn.ep-m_product[data-layout1200$="link"] .ep-a_heading~.ep-a_loadmore .ep-p_text a:hover .ep_name, #website-body .ep_gridcolumn.ep-m_product[data-layout1200$="link"] .ep-a_heading~.ep-a_loadmore .ep-p_text a:focus .ep_name, #website-body .ep_gridcolumn.ep-m_product[data-layout1200$="link"] .ep-a_heading~.ep-a_loadmore .ep-p_text a:active .ep_name, #website-body .ep_gridcolumn.ep-m_product[data-layout1200$="link"] .ep-a_heading~.ep-a_button .ep-p_button a:hover .ep_name, #website-body .ep_gridcolumn.ep-m_product[data-layout1200$="link"] .ep-a_heading~.ep-a_button .ep-p_button a:focus .ep_name, #website-body .ep_gridcolumn.ep-m_product[data-layout1200$="link"] .ep-a_heading~.ep-a_button .ep-p_button a:active .ep_name { transform: translate(0, -3px); -webkit-transform: translate(0, -3px); color: #3c77bd; } } @media screen and (min-width:1020px) and (max-width:1199px) { /* MOLECULE "PRODUCT" : Suppression du libelle */ #website-body .ep_gridcolumn.ep-m_product[data-layout1020$="link"] .ep-a_heading~.ep-a_links .ep-p_text .ep_name span.ep_linklabel, #website-body .ep_gridcolumn.ep-m_product[data-layout1020$="link"] .ep-a_heading~.ep-a_loadmore .ep-p_text .ep_name span.ep_linklabel, #website-body .ep_gridcolumn.ep-m_product[data-layout1020$="link"] .ep-a_heading~.ep-a_button .ep-p_button .ep_name span.ep_linklabel { position: absolute; display: block; overflow: hidden; width: 0; height: 0; } /* MOLECULE "PRODUCT" : Affichage du titre */ #website-body .ep_gridcolumn.ep-m_product[data-layout1020$="link"] .ep-a_heading~.ep-a_links .ep-p_text .ep_name span.ep_linktitle, #website-body .ep_gridcolumn.ep-m_product[data-layout1020$="link"] .ep-a_heading~.ep-a_loadmore .ep-p_text .ep_name span.ep_linktitle, #website-body .ep_gridcolumn.ep-m_product[data-layout1020$="link"] .ep-a_heading~.ep-a_button .ep-p_button .ep_name span.ep_linktitle { position: static; display: inline-block; overflow: visible; width: auto; height: auto; } /* MOLECULE "PRODUCT" : Correction des styles pour permettre l'affichage du titre */ #website-body .ep_gridcolumn.ep-m_product[data-layout1020$="link"] .ep-a_heading~.ep-a_links .ep-p_text, #website-body .ep_gridcolumn.ep-m_product[data-layout1020$="link"] .ep-a_heading~.ep-a_loadmore .ep-p_text, #website-body .ep_gridcolumn.ep-m_product[data-layout1020$="link"] .ep-a_heading~.ep-a_button .ep-p_button, #website-body .ep_gridcolumn.ep-m_product[data-layout1020$="link"] .ep-a_heading~.ep-a_links .ep-p_text a, #website-body .ep_gridcolumn.ep-m_product[data-layout1020$="link"] .ep-a_heading~.ep-a_button .ep-p_button a { display: inline-block; padding: 0; background: none; border: 0; font-size: 1em; line-height: normal; } #website-body .ep_gridcolumn.ep-m_product[data-layout1020$="link"] .ep-a_heading~.ep-a_links .ep-p_text .ep_name, #website-body .ep_gridcolumn.ep-m_product[data-layout1020$="link"] .ep-a_heading~.ep-a_loadmore .ep-p_text .ep_name, #website-body .ep_gridcolumn.ep-m_product[data-layout1020$="link"] .ep-a_heading~.ep-a_button .ep-p_button .ep_name { display: inline-block; font-weight: normal; color: #505154; } #website-body .ep_gridcolumn.ep-m_product[data-layout1020$="link"] .ep-a_heading~.ep-a_links .ep-p_text .ep_icon, #website-body .ep_gridcolumn.ep-m_product[data-layout1020$="link"] .ep-a_heading~.ep-a_loadmore .ep-p_text .ep_icon, #website-body .ep_gridcolumn.ep-m_product[data-layout1020$="link"] .ep-a_heading~.ep-a_button .ep-p_button .ep_icon, #website-body .ep_gridcolumn.ep-m_product[data-layout1020$="link"] .ep-a_heading~.ep-a_loadmore:before { display: none; } /* MOLECULE "PRODUCT" : Definition du style d'affichage selon le type de lien */ #website-body .ep_gridcolumn.ep-m_product[data-layout1020$="link"] .ep-a_heading.ep-layout_level1~.ep-a_links .ep-p_text .ep_name, #website-body .ep_gridcolumn.ep-m_product[data-layout1020$="link"] .ep-a_heading.ep-layout_level1~.ep-a_loadmore .ep-p_text .ep_name, #website-body .ep_gridcolumn.ep-m_product[data-layout1020$="link"] .ep-a_heading.ep-layout_level1~.ep-a_button .ep-p_button .ep_name, #website-body .ep_gridcolumn.ep-m_product[data-layout1020$="link"] .ep-a_heading.ep-layout_level2-large~.ep-a_links .ep-p_text .ep_name, #website-body .ep_gridcolumn.ep-m_product[data-layout1020$="link"] .ep-a_heading.ep-layout_level2-large~.ep-a_loadmore .ep-p_text .ep_name, #website-body .ep_gridcolumn.ep-m_product[data-layout1020$="link"] .ep-a_heading.ep-layout_level2-large~.ep-a_button .ep-p_button .ep_name, #website-body .ep_gridcolumn.ep-m_product[data-layout1020$="link"] .ep-a_heading.ep-layout_level2~.ep-a_links .ep-p_text .ep_name, #website-body .ep_gridcolumn.ep-m_product[data-layout1020$="link"] .ep-a_heading.ep-layout_level2~.ep-a_loadmore .ep-p_text .ep_name, #website-body .ep_gridcolumn.ep-m_product[data-layout1020$="link"] .ep-a_heading.ep-layout_level2~.ep-a_button .ep-p_button .ep_name { font-family: Georgia, Garamond, serif, Palatino; } #website-body .ep_gridcolumn.ep-m_product[data-layout1020$="link"] .ep-a_heading.ep-layout_level1~.ep-a_links .ep-p_text .ep_name, #website-body .ep_gridcolumn.ep-m_product[data-layout1020$="link"] .ep-a_heading.ep-layout_level1~.ep-a_loadmore .ep-p_text .ep_name, #website-body .ep_gridcolumn.ep-m_product[data-layout1020$="link"] .ep-a_heading.ep-layout_level1~.ep-a_button .ep-p_button .ep_name { font-size: 3.5em; } #website-body .ep_gridcolumn.ep-m_product[data-layout1020$="link"] .ep-a_heading.ep-layout_level2-large~.ep-a_links .ep-p_text .ep_name, #website-body .ep_gridcolumn.ep-m_product[data-layout1020$="link"] .ep-a_heading.ep-layout_level2-large~.ep-a_loadmore .ep-p_text .ep_name, #website-body .ep_gridcolumn.ep-m_product[data-layout1020$="link"] .ep-a_heading.ep-layout_level2-large~.ep-a_button .ep-p_button .ep_name { font-size: 2.5em; } #website-body .ep_gridcolumn.ep-m_product[data-layout1020$="link"] .ep-a_heading.ep-layout_level2~.ep-a_links .ep-p_text .ep_name, #website-body .ep_gridcolumn.ep-m_product[data-layout1020$="link"] .ep-a_heading.ep-layout_level2~.ep-a_loadmore .ep-p_text .ep_name, #website-body .ep_gridcolumn.ep-m_product[data-layout1020$="link"] .ep-a_heading.ep-layout_level2~.ep-a_button .ep-p_button .ep_name { font-size: 2em; } #website-body .ep_gridcolumn.ep-m_product[data-layout1020$="link"] .ep-a_heading.ep-layout_level3~.ep-a_links .ep-p_text .ep_name, #website-body .ep_gridcolumn.ep-m_product[data-layout1020$="link"] .ep-a_heading.ep-layout_level3~.ep-a_loadmore .ep-p_text .ep_name, #website-body .ep_gridcolumn.ep-m_product[data-layout1020$="link"] .ep-a_heading.ep-layout_level3~.ep-a_button .ep-p_button .ep_name { font-size: 1.4em; } /* MOLECULE "PRODUCT" : Effet de survol */ #website-body .ep_gridcolumn.ep-m_product[data-layout1020$="link"] .ep-a_heading~.ep-a_links .ep-p_text .ep_name, #website-body .ep_gridcolumn.ep-m_product[data-layout1020$="link"] .ep-a_heading~.ep-a_links .ep-p_text a:link .ep_name, #website-body .ep_gridcolumn.ep-m_product[data-layout1020$="link"] .ep-a_heading~.ep-a_links .ep-p_text a:visited .ep_name, #website-body .ep_gridcolumn.ep-m_product[data-layout1020$="link"] .ep-a_heading~.ep-a_loadmore .ep-p_text .ep_name, #website-body .ep_gridcolumn.ep-m_product[data-layout1020$="link"] .ep-a_heading~.ep-a_loadmore .ep-p_text a:link .ep_name, #website-body .ep_gridcolumn.ep-m_product[data-layout1020$="link"] .ep-a_heading~.ep-a_loadmore .ep-p_text a:visited .ep_name, #website-body .ep_gridcolumn.ep-m_product[data-layout1020$="link"] .ep-a_heading~.ep-a_button .ep-p_button .ep_name, #website-body .ep_gridcolumn.ep-m_product[data-layout1020$="link"] .ep-a_heading~.ep-a_button .ep-p_button a:link .ep_name, #website-body .ep_gridcolumn.ep-m_product[data-layout1020$="link"] .ep-a_heading~.ep-a_button .ep-p_button a:visited .ep_name { transform: translate(0, 0); transform: translate(0, 0); transition: transform 0.2s ease-out 0s; -webkit-transition: -webkit-transform 0.2s ease-out 0s; color: #1e1e1f; } #website-body .ep_gridcolumn.ep-m_product[data-layout1020$="link"] .ep-a_heading~.ep-a_links .ep-p_text a:hover .ep_name, #website-body .ep_gridcolumn.ep-m_product[data-layout1020$="link"] .ep-a_heading~.ep-a_links .ep-p_text a:focus .ep_name, #website-body .ep_gridcolumn.ep-m_product[data-layout1020$="link"] .ep-a_heading~.ep-a_links .ep-p_text a:active .ep_name, #website-body .ep_gridcolumn.ep-m_product[data-layout1020$="link"] .ep-a_heading~.ep-a_loadmore .ep-p_text a:hover .ep_name, #website-body .ep_gridcolumn.ep-m_product[data-layout1020$="link"] .ep-a_heading~.ep-a_loadmore .ep-p_text a:focus .ep_name, #website-body .ep_gridcolumn.ep-m_product[data-layout1020$="link"] .ep-a_heading~.ep-a_loadmore .ep-p_text a:active .ep_name, #website-body .ep_gridcolumn.ep-m_product[data-layout1020$="link"] .ep-a_heading~.ep-a_button .ep-p_button a:hover .ep_name, #website-body .ep_gridcolumn.ep-m_product[data-layout1020$="link"] .ep-a_heading~.ep-a_button .ep-p_button a:focus .ep_name, #website-body .ep_gridcolumn.ep-m_product[data-layout1020$="link"] .ep-a_heading~.ep-a_button .ep-p_button a:active .ep_name { transform: translate(0, -3px); -webkit-transform: translate(0, -3px); color: #3c77bd; } } @media screen and (min-width:750px) and (max-width:1019px), print { /* MOLECULE "PRODUCT" : Suppression du libelle */ #website-body .ep_gridcolumn.ep-m_product[data-layout750$="link"] .ep-a_heading~.ep-a_links .ep-p_text .ep_name span.ep_linklabel, #website-body .ep_gridcolumn.ep-m_product[data-layout750$="link"] .ep-a_heading~.ep-a_loadmore .ep-p_text .ep_name span.ep_linklabel, #website-body .ep_gridcolumn.ep-m_product[data-layout750$="link"] .ep-a_heading~.ep-a_button .ep-p_button .ep_name span.ep_linklabel { position: absolute; display: block; overflow: hidden; width: 0; height: 0; } /* MOLECULE "PRODUCT" : Affichage du titre */ #website-body .ep_gridcolumn.ep-m_product[data-layout750$="link"] .ep-a_heading~.ep-a_links .ep-p_text .ep_name span.ep_linktitle, #website-body .ep_gridcolumn.ep-m_product[data-layout750$="link"] .ep-a_heading~.ep-a_loadmore .ep-p_text .ep_name span.ep_linktitle, #website-body .ep_gridcolumn.ep-m_product[data-layout750$="link"] .ep-a_heading~.ep-a_button .ep-p_button .ep_name span.ep_linktitle { position: static; display: inline-block; overflow: visible; width: auto; height: auto; } /* MOLECULE "PRODUCT" : Correction des styles pour permettre l'affichage du titre */ #website-body .ep_gridcolumn.ep-m_product[data-layout750$="link"] .ep-a_heading~.ep-a_links .ep-p_text, #website-body .ep_gridcolumn.ep-m_product[data-layout750$="link"] .ep-a_heading~.ep-a_loadmore .ep-p_text, #website-body .ep_gridcolumn.ep-m_product[data-layout750$="link"] .ep-a_heading~.ep-a_button .ep-p_button, #website-body .ep_gridcolumn.ep-m_product[data-layout750$="link"] .ep-a_heading~.ep-a_links .ep-p_text a, #website-body .ep_gridcolumn.ep-m_product[data-layout750$="link"] .ep-a_heading~.ep-a_button .ep-p_button a { display: inline-block; padding: 0; background: none; border: 0; font-size: 1em; line-height: normal; } #website-body .ep_gridcolumn.ep-m_product[data-layout750$="link"] .ep-a_heading~.ep-a_links .ep-p_text .ep_name, #website-body .ep_gridcolumn.ep-m_product[data-layout750$="link"] .ep-a_heading~.ep-a_loadmore .ep-p_text .ep_name, #website-body .ep_gridcolumn.ep-m_product[data-layout750$="link"] .ep-a_heading~.ep-a_button .ep-p_button .ep_name { display: inline-block; font-weight: normal; color: #505154; } #website-body .ep_gridcolumn.ep-m_product[data-layout750$="link"] .ep-a_heading~.ep-a_links .ep-p_text .ep_icon, #website-body .ep_gridcolumn.ep-m_product[data-layout750$="link"] .ep-a_heading~.ep-a_loadmore .ep-p_text .ep_icon, #website-body .ep_gridcolumn.ep-m_product[data-layout750$="link"] .ep-a_heading~.ep-a_button .ep-p_button .ep_icon, #website-body .ep_gridcolumn.ep-m_product[data-layout750$="link"] .ep-a_heading~.ep-a_loadmore:before { display: none; } /* MOLECULE "PRODUCT" : Definition du style d'affichage selon le type de lien */ #website-body .ep_gridcolumn.ep-m_product[data-layout750$="link"] .ep-a_heading.ep-layout_level1~.ep-a_links .ep-p_text .ep_name, #website-body .ep_gridcolumn.ep-m_product[data-layout750$="link"] .ep-a_heading.ep-layout_level1~.ep-a_loadmore .ep-p_text .ep_name, #website-body .ep_gridcolumn.ep-m_product[data-layout750$="link"] .ep-a_heading.ep-layout_level1~.ep-a_button .ep-p_button .ep_name, #website-body .ep_gridcolumn.ep-m_product[data-layout750$="link"] .ep-a_heading.ep-layout_level2-large~.ep-a_links .ep-p_text .ep_name, #website-body .ep_gridcolumn.ep-m_product[data-layout750$="link"] .ep-a_heading.ep-layout_level2-large~.ep-a_loadmore .ep-p_text .ep_name, #website-body .ep_gridcolumn.ep-m_product[data-layout750$="link"] .ep-a_heading.ep-layout_level2-large~.ep-a_button .ep-p_button .ep_name, #website-body .ep_gridcolumn.ep-m_product[data-layout750$="link"] .ep-a_heading.ep-layout_level2~.ep-a_links .ep-p_text .ep_name, #website-body .ep_gridcolumn.ep-m_product[data-layout750$="link"] .ep-a_heading.ep-layout_level2~.ep-a_loadmore .ep-p_text .ep_name, #website-body .ep_gridcolumn.ep-m_product[data-layout750$="link"] .ep-a_heading.ep-layout_level2~.ep-a_button .ep-p_button .ep_name { font-family: Georgia, Garamond, serif, Palatino; } #website-body .ep_gridcolumn.ep-m_product[data-layout750$="link"] .ep-a_heading.ep-layout_level1~.ep-a_links .ep-p_text .ep_name, #website-body .ep_gridcolumn.ep-m_product[data-layout750$="link"] .ep-a_heading.ep-layout_level1~.ep-a_loadmore .ep-p_text .ep_name, #website-body .ep_gridcolumn.ep-m_product[data-layout750$="link"] .ep-a_heading.ep-layout_level1~.ep-a_button .ep-p_button .ep_name { font-size: 3em; } #website-body .ep_gridcolumn.ep-m_product[data-layout750$="link"] .ep-a_heading.ep-layout_level2-large~.ep-a_links .ep-p_text .ep_name, #website-body .ep_gridcolumn.ep-m_product[data-layout750$="link"] .ep-a_heading.ep-layout_level2-large~.ep-a_loadmore .ep-p_text .ep_name, #website-body .ep_gridcolumn.ep-m_product[data-layout750$="link"] .ep-a_heading.ep-layout_level2-large~.ep-a_button .ep-p_button .ep_name { font-size: 2.5em; } #website-body .ep_gridcolumn.ep-m_product[data-layout750$="link"] .ep-a_heading.ep-layout_level2~.ep-a_links .ep-p_text .ep_name, #website-body .ep_gridcolumn.ep-m_product[data-layout750$="link"] .ep-a_heading.ep-layout_level2~.ep-a_loadmore .ep-p_text .ep_name, #website-body .ep_gridcolumn.ep-m_product[data-layout750$="link"] .ep-a_heading.ep-layout_level2~.ep-a_button .ep-p_button .ep_name { font-size: 2em; } #website-body .ep_gridcolumn.ep-m_product[data-layout750$="link"] .ep-a_heading.ep-layout_level3~.ep-a_links .ep-p_text .ep_name, #website-body .ep_gridcolumn.ep-m_product[data-layout750$="link"] .ep-a_heading.ep-layout_level3~.ep-a_loadmore .ep-p_text .ep_name, #website-body .ep_gridcolumn.ep-m_product[data-layout750$="link"] .ep-a_heading.ep-layout_level3~.ep-a_button .ep-p_button .ep_name { font-size: 1.4em; } /* MOLECULE "PRODUCT" : Effet de survol */ #website-body .ep_gridcolumn.ep-m_product[data-layout750$="link"] .ep-a_heading~.ep-a_links .ep-p_text .ep_name, #website-body .ep_gridcolumn.ep-m_product[data-layout750$="link"] .ep-a_heading~.ep-a_links .ep-p_text a:link .ep_name, #website-body .ep_gridcolumn.ep-m_product[data-layout750$="link"] .ep-a_heading~.ep-a_links .ep-p_text a:visited .ep_name, #website-body .ep_gridcolumn.ep-m_product[data-layout750$="link"] .ep-a_heading~.ep-a_loadmore .ep-p_text .ep_name, #website-body .ep_gridcolumn.ep-m_product[data-layout750$="link"] .ep-a_heading~.ep-a_loadmore .ep-p_text a:link .ep_name, #website-body .ep_gridcolumn.ep-m_product[data-layout750$="link"] .ep-a_heading~.ep-a_loadmore .ep-p_text a:visited .ep_name, #website-body .ep_gridcolumn.ep-m_product[data-layout750$="link"] .ep-a_heading~.ep-a_button .ep-p_button .ep_name, #website-body .ep_gridcolumn.ep-m_product[data-layout750$="link"] .ep-a_heading~.ep-a_button .ep-p_button a:link .ep_name, #website-body .ep_gridcolumn.ep-m_product[data-layout750$="link"] .ep-a_heading~.ep-a_button .ep-p_button a:visited .ep_name { transform: translate(0, 0); transform: translate(0, 0); transition: transform 0.2s ease-out 0s; -webkit-transition: -webkit-transform 0.2s ease-out 0s; color: #1e1e1f; } #website-body .ep_gridcolumn.ep-m_product[data-layout750$="link"] .ep-a_heading~.ep-a_links .ep-p_text a:hover .ep_name, #website-body .ep_gridcolumn.ep-m_product[data-layout750$="link"] .ep-a_heading~.ep-a_links .ep-p_text a:focus .ep_name, #website-body .ep_gridcolumn.ep-m_product[data-layout750$="link"] .ep-a_heading~.ep-a_links .ep-p_text a:active .ep_name, #website-body .ep_gridcolumn.ep-m_product[data-layout750$="link"] .ep-a_heading~.ep-a_loadmore .ep-p_text a:hover .ep_name, #website-body .ep_gridcolumn.ep-m_product[data-layout750$="link"] .ep-a_heading~.ep-a_loadmore .ep-p_text a:focus .ep_name, #website-body .ep_gridcolumn.ep-m_product[data-layout750$="link"] .ep-a_heading~.ep-a_loadmore .ep-p_text a:active .ep_name, #website-body .ep_gridcolumn.ep-m_product[data-layout750$="link"] .ep-a_heading~.ep-a_button .ep-p_button a:hover .ep_name, #website-body .ep_gridcolumn.ep-m_product[data-layout750$="link"] .ep-a_heading~.ep-a_button .ep-p_button a:focus .ep_name, #website-body .ep_gridcolumn.ep-m_product[data-layout750$="link"] .ep-a_heading~.ep-a_button .ep-p_button a:active .ep_name { transform: translate(0, -3px); -webkit-transform: translate(0, -3px); color: #3c77bd; } } @media screen and (min-width:640px) and (max-width:749px) { /* MOLECULE "PRODUCT" : Suppression du libelle */ #website-body .ep_gridcolumn.ep-m_product[data-layout640$="link"] .ep-a_heading~.ep-a_links .ep-p_text .ep_name span.ep_linklabel, #website-body .ep_gridcolumn.ep-m_product[data-layout640$="link"] .ep-a_heading~.ep-a_loadmore .ep-p_text .ep_name span.ep_linklabel, #website-body .ep_gridcolumn.ep-m_product[data-layout640$="link"] .ep-a_heading~.ep-a_button .ep-p_button .ep_name span.ep_linklabel { position: absolute; display: block; overflow: hidden; width: 0; height: 0; } /* MOLECULE "PRODUCT" : Affichage du titre */ #website-body .ep_gridcolumn.ep-m_product[data-layout640$="link"] .ep-a_heading~.ep-a_links .ep-p_text .ep_name span.ep_linktitle, #website-body .ep_gridcolumn.ep-m_product[data-layout640$="link"] .ep-a_heading~.ep-a_loadmore .ep-p_text .ep_name span.ep_linktitle, #website-body .ep_gridcolumn.ep-m_product[data-layout640$="link"] .ep-a_heading~.ep-a_button .ep-p_button .ep_name span.ep_linktitle { position: static; display: inline-block; overflow: visible; width: auto; height: auto; } /* MOLECULE "PRODUCT" : Correction des styles pour permettre l'affichage du titre */ #website-body .ep_gridcolumn.ep-m_product[data-layout640$="link"] .ep-a_heading~.ep-a_links .ep-p_text, #website-body .ep_gridcolumn.ep-m_product[data-layout640$="link"] .ep-a_heading~.ep-a_loadmore .ep-p_text, #website-body .ep_gridcolumn.ep-m_product[data-layout640$="link"] .ep-a_heading~.ep-a_button .ep-p_button, #website-body .ep_gridcolumn.ep-m_product[data-layout640$="link"] .ep-a_heading~.ep-a_links .ep-p_text a, #website-body .ep_gridcolumn.ep-m_product[data-layout640$="link"] .ep-a_heading~.ep-a_button .ep-p_button a { display: inline-block; padding: 0; background: none; border: 0; font-size: 1em; line-height: normal; } #website-body .ep_gridcolumn.ep-m_product[data-layout640$="link"] .ep-a_heading~.ep-a_links .ep-p_text .ep_name, #website-body .ep_gridcolumn.ep-m_product[data-layout640$="link"] .ep-a_heading~.ep-a_loadmore .ep-p_text .ep_name, #website-body .ep_gridcolumn.ep-m_product[data-layout640$="link"] .ep-a_heading~.ep-a_button .ep-p_button .ep_name { display: inline-block; font-weight: normal; color: #505154; } #website-body .ep_gridcolumn.ep-m_product[data-layout640$="link"] .ep-a_heading~.ep-a_links .ep-p_text .ep_icon, #website-body .ep_gridcolumn.ep-m_product[data-layout640$="link"] .ep-a_heading~.ep-a_loadmore .ep-p_text .ep_icon, #website-body .ep_gridcolumn.ep-m_product[data-layout640$="link"] .ep-a_heading~.ep-a_button .ep-p_button .ep_icon, #website-body .ep_gridcolumn.ep-m_product[data-layout640$="link"] .ep-a_heading~.ep-a_loadmore:before { display: none; } /* MOLECULE "PRODUCT" : Definition du style d'affichage selon le type de lien */ #website-body .ep_gridcolumn.ep-m_product[data-layout640$="link"] .ep-a_heading.ep-layout_level1~.ep-a_links .ep-p_text .ep_name, #website-body .ep_gridcolumn.ep-m_product[data-layout640$="link"] .ep-a_heading.ep-layout_level1~.ep-a_loadmore .ep-p_text .ep_name, #website-body .ep_gridcolumn.ep-m_product[data-layout640$="link"] .ep-a_heading.ep-layout_level1~.ep-a_button .ep-p_button .ep_name, #website-body .ep_gridcolumn.ep-m_product[data-layout640$="link"] .ep-a_heading.ep-layout_level2-large~.ep-a_links .ep-p_text .ep_name, #website-body .ep_gridcolumn.ep-m_product[data-layout640$="link"] .ep-a_heading.ep-layout_level2-large~.ep-a_loadmore .ep-p_text .ep_name, #website-body .ep_gridcolumn.ep-m_product[data-layout640$="link"] .ep-a_heading.ep-layout_level2-large~.ep-a_button .ep-p_button .ep_name, #website-body .ep_gridcolumn.ep-m_product[data-layout640$="link"] .ep-a_heading.ep-layout_level2~.ep-a_links .ep-p_text .ep_name, #website-body .ep_gridcolumn.ep-m_product[data-layout640$="link"] .ep-a_heading.ep-layout_level2~.ep-a_loadmore .ep-p_text .ep_name, #website-body .ep_gridcolumn.ep-m_product[data-layout640$="link"] .ep-a_heading.ep-layout_level2~.ep-a_button .ep-p_button .ep_name { font-family: Georgia, Garamond, serif, Palatino; } #website-body .ep_gridcolumn.ep-m_product[data-layout640$="link"] .ep-a_heading.ep-layout_level1~.ep-a_links .ep-p_text .ep_name, #website-body .ep_gridcolumn.ep-m_product[data-layout640$="link"] .ep-a_heading.ep-layout_level1~.ep-a_loadmore .ep-p_text .ep_name, #website-body .ep_gridcolumn.ep-m_product[data-layout640$="link"] .ep-a_heading.ep-layout_level1~.ep-a_button .ep-p_button .ep_name { font-size: 3em; } #website-body .ep_gridcolumn.ep-m_product[data-layout640$="link"] .ep-a_heading.ep-layout_level2-large~.ep-a_links .ep-p_text .ep_name, #website-body .ep_gridcolumn.ep-m_product[data-layout640$="link"] .ep-a_heading.ep-layout_level2-large~.ep-a_loadmore .ep-p_text .ep_name, #website-body .ep_gridcolumn.ep-m_product[data-layout640$="link"] .ep-a_heading.ep-layout_level2-large~.ep-a_button .ep-p_button .ep_name, #website-body .ep_gridcolumn.ep-m_product[data-layout640$="link"] .ep-a_heading.ep-layout_level2~.ep-a_links .ep-p_text .ep_name, #website-body .ep_gridcolumn.ep-m_product[data-layout640$="link"] .ep-a_heading.ep-layout_level2~.ep-a_loadmore .ep-p_text .ep_name, #website-body .ep_gridcolumn.ep-m_product[data-layout640$="link"] .ep-a_heading.ep-layout_level2~.ep-a_button .ep-p_button .ep_name { font-size: 2em; } #website-body .ep_gridcolumn.ep-m_product[data-layout640$="link"] .ep-a_heading.ep-layout_level3~.ep-a_links .ep-p_text .ep_name, #website-body .ep_gridcolumn.ep-m_product[data-layout640$="link"] .ep-a_heading.ep-layout_level3~.ep-a_loadmore .ep-p_text .ep_name, #website-body .ep_gridcolumn.ep-m_product[data-layout640$="link"] .ep-a_heading.ep-layout_level3~.ep-a_button .ep-p_button .ep_name { font-size: 1.4em; } /* MOLECULE "PRODUCT" : Effet de survol */ #website-body .ep_gridcolumn.ep-m_product[data-layout640$="link"] .ep-a_heading~.ep-a_links .ep-p_text .ep_name, #website-body .ep_gridcolumn.ep-m_product[data-layout640$="link"] .ep-a_heading~.ep-a_links .ep-p_text a:link .ep_name, #website-body .ep_gridcolumn.ep-m_product[data-layout640$="link"] .ep-a_heading~.ep-a_links .ep-p_text a:visited .ep_name, #website-body .ep_gridcolumn.ep-m_product[data-layout640$="link"] .ep-a_heading~.ep-a_loadmore .ep-p_text .ep_name, #website-body .ep_gridcolumn.ep-m_product[data-layout640$="link"] .ep-a_heading~.ep-a_loadmore .ep-p_text a:link .ep_name, #website-body .ep_gridcolumn.ep-m_product[data-layout640$="link"] .ep-a_heading~.ep-a_loadmore .ep-p_text a:visited .ep_name, #website-body .ep_gridcolumn.ep-m_product[data-layout640$="link"] .ep-a_heading~.ep-a_button .ep-p_button .ep_name, #website-body .ep_gridcolumn.ep-m_product[data-layout640$="link"] .ep-a_heading~.ep-a_button .ep-p_button a:link .ep_name, #website-body .ep_gridcolumn.ep-m_product[data-layout640$="link"] .ep-a_heading~.ep-a_button .ep-p_button a:visited .ep_name { transform: translate(0, 0); transform: translate(0, 0); transition: transform 0.2s ease-out 0s; -webkit-transition: -webkit-transform 0.2s ease-out 0s; color: #1e1e1f; } #website-body .ep_gridcolumn.ep-m_product[data-layout640$="link"] .ep-a_heading~.ep-a_links .ep-p_text a:hover .ep_name, #website-body .ep_gridcolumn.ep-m_product[data-layout640$="link"] .ep-a_heading~.ep-a_links .ep-p_text a:focus .ep_name, #website-body .ep_gridcolumn.ep-m_product[data-layout640$="link"] .ep-a_heading~.ep-a_links .ep-p_text a:active .ep_name, #website-body .ep_gridcolumn.ep-m_product[data-layout640$="link"] .ep-a_heading~.ep-a_loadmore .ep-p_text a:hover .ep_name, #website-body .ep_gridcolumn.ep-m_product[data-layout640$="link"] .ep-a_heading~.ep-a_loadmore .ep-p_text a:focus .ep_name, #website-body .ep_gridcolumn.ep-m_product[data-layout640$="link"] .ep-a_heading~.ep-a_loadmore .ep-p_text a:active .ep_name, #website-body .ep_gridcolumn.ep-m_product[data-layout640$="link"] .ep-a_heading~.ep-a_button .ep-p_button a:hover .ep_name, #website-body .ep_gridcolumn.ep-m_product[data-layout640$="link"] .ep-a_heading~.ep-a_button .ep-p_button a:focus .ep_name, #website-body .ep_gridcolumn.ep-m_product[data-layout640$="link"] .ep-a_heading~.ep-a_button .ep-p_button a:active .ep_name { transform: translate(0, -3px); -webkit-transform: translate(0, -3px); color: #3c77bd; } } @media screen and (min-width:480px) and (max-width:639px) { /* MOLECULE "PRODUCT" : Suppression du libelle */ #website-body .ep_gridcolumn.ep-m_product[data-layout480$="link"] .ep-a_heading~.ep-a_links .ep-p_text .ep_name span.ep_linklabel, #website-body .ep_gridcolumn.ep-m_product[data-layout480$="link"] .ep-a_heading~.ep-a_loadmore .ep-p_text .ep_name span.ep_linklabel, #website-body .ep_gridcolumn.ep-m_product[data-layout480$="link"] .ep-a_heading~.ep-a_button .ep-p_button .ep_name span.ep_linklabel { position: absolute; display: block; overflow: hidden; width: 0; height: 0; } /* MOLECULE "PRODUCT" : Affichage du titre */ #website-body .ep_gridcolumn.ep-m_product[data-layout480$="link"] .ep-a_heading~.ep-a_links .ep-p_text .ep_name span.ep_linktitle, #website-body .ep_gridcolumn.ep-m_product[data-layout480$="link"] .ep-a_heading~.ep-a_loadmore .ep-p_text .ep_name span.ep_linktitle, #website-body .ep_gridcolumn.ep-m_product[data-layout480$="link"] .ep-a_heading~.ep-a_button .ep-p_button .ep_name span.ep_linktitle { position: static; display: inline-block; overflow: visible; width: auto; height: auto; } /* MOLECULE "PRODUCT" : Correction des styles pour permettre l'affichage du titre */ #website-body .ep_gridcolumn.ep-m_product[data-layout480$="link"] .ep-a_heading~.ep-a_links .ep-p_text, #website-body .ep_gridcolumn.ep-m_product[data-layout480$="link"] .ep-a_heading~.ep-a_loadmore .ep-p_text, #website-body .ep_gridcolumn.ep-m_product[data-layout480$="link"] .ep-a_heading~.ep-a_button .ep-p_button, #website-body .ep_gridcolumn.ep-m_product[data-layout480$="link"] .ep-a_heading~.ep-a_links .ep-p_text a, #website-body .ep_gridcolumn.ep-m_product[data-layout480$="link"] .ep-a_heading~.ep-a_button .ep-p_button a { display: inline-block; padding: 0; background: none; border: 0; font-size: 1em; line-height: normal; } #website-body .ep_gridcolumn.ep-m_product[data-layout480$="link"] .ep-a_heading~.ep-a_links .ep-p_text .ep_name, #website-body .ep_gridcolumn.ep-m_product[data-layout480$="link"] .ep-a_heading~.ep-a_loadmore .ep-p_text .ep_name, #website-body .ep_gridcolumn.ep-m_product[data-layout480$="link"] .ep-a_heading~.ep-a_button .ep-p_button .ep_name { display: inline-block; font-weight: normal; color: #505154; } #website-body .ep_gridcolumn.ep-m_product[data-layout480$="link"] .ep-a_heading~.ep-a_links .ep-p_text .ep_icon, #website-body .ep_gridcolumn.ep-m_product[data-layout480$="link"] .ep-a_heading~.ep-a_loadmore .ep-p_text .ep_icon, #website-body .ep_gridcolumn.ep-m_product[data-layout480$="link"] .ep-a_heading~.ep-a_button .ep-p_button .ep_icon, #website-body .ep_gridcolumn.ep-m_product[data-layout480$="link"] .ep-a_heading~.ep-a_loadmore:before { display: none; } /* MOLECULE "PRODUCT" : Definition du style d'affichage selon le type de lien */ #website-body .ep_gridcolumn.ep-m_product[data-layout480$="link"] .ep-a_heading.ep-layout_level1~.ep-a_links .ep-p_text .ep_name, #website-body .ep_gridcolumn.ep-m_product[data-layout480$="link"] .ep-a_heading.ep-layout_level1~.ep-a_loadmore .ep-p_text .ep_name, #website-body .ep_gridcolumn.ep-m_product[data-layout480$="link"] .ep-a_heading.ep-layout_level1~.ep-a_button .ep-p_button .ep_name, #website-body .ep_gridcolumn.ep-m_product[data-layout480$="link"] .ep-a_heading.ep-layout_level2-large~.ep-a_links .ep-p_text .ep_name, #website-body .ep_gridcolumn.ep-m_product[data-layout480$="link"] .ep-a_heading.ep-layout_level2-large~.ep-a_loadmore .ep-p_text .ep_name, #website-body .ep_gridcolumn.ep-m_product[data-layout480$="link"] .ep-a_heading.ep-layout_level2-large~.ep-a_button .ep-p_button .ep_name, #website-body .ep_gridcolumn.ep-m_product[data-layout480$="link"] .ep-a_heading.ep-layout_level2~.ep-a_links .ep-p_text .ep_name, #website-body .ep_gridcolumn.ep-m_product[data-layout480$="link"] .ep-a_heading.ep-layout_level2~.ep-a_loadmore .ep-p_text .ep_name, #website-body .ep_gridcolumn.ep-m_product[data-layout480$="link"] .ep-a_heading.ep-layout_level2~.ep-a_button .ep-p_button .ep_name { font-family: Georgia, Garamond, serif, Palatino; } #website-body .ep_gridcolumn.ep-m_product[data-layout480$="link"] .ep-a_heading.ep-layout_level1~.ep-a_links .ep-p_text .ep_name, #website-body .ep_gridcolumn.ep-m_product[data-layout480$="link"] .ep-a_heading.ep-layout_level1~.ep-a_loadmore .ep-p_text .ep_name, #website-body .ep_gridcolumn.ep-m_product[data-layout480$="link"] .ep-a_heading.ep-layout_level1~.ep-a_button .ep-p_button .ep_name { font-size: 3em; } #website-body .ep_gridcolumn.ep-m_product[data-layout480$="link"] .ep-a_heading.ep-layout_level2-large~.ep-a_links .ep-p_text .ep_name, #website-body .ep_gridcolumn.ep-m_product[data-layout480$="link"] .ep-a_heading.ep-layout_level2-large~.ep-a_loadmore .ep-p_text .ep_name, #website-body .ep_gridcolumn.ep-m_product[data-layout480$="link"] .ep-a_heading.ep-layout_level2-large~.ep-a_button .ep-p_button .ep_name, #website-body .ep_gridcolumn.ep-m_product[data-layout480$="link"] .ep-a_heading.ep-layout_level2~.ep-a_links .ep-p_text .ep_name, #website-body .ep_gridcolumn.ep-m_product[data-layout480$="link"] .ep-a_heading.ep-layout_level2~.ep-a_loadmore .ep-p_text .ep_name, #website-body .ep_gridcolumn.ep-m_product[data-layout480$="link"] .ep-a_heading.ep-layout_level2~.ep-a_button .ep-p_button .ep_name { font-size: 2em; } #website-body .ep_gridcolumn.ep-m_product[data-layout480$="link"] .ep-a_heading.ep-layout_level3~.ep-a_links .ep-p_text .ep_name, #website-body .ep_gridcolumn.ep-m_product[data-layout480$="link"] .ep-a_heading.ep-layout_level3~.ep-a_loadmore .ep-p_text .ep_name, #website-body .ep_gridcolumn.ep-m_product[data-layout480$="link"] .ep-a_heading.ep-layout_level3~.ep-a_button .ep-p_button .ep_name { font-size: 1.4em; } /* MOLECULE "PRODUCT" : Effet de survol */ #website-body .ep_gridcolumn.ep-m_product[data-layout480$="link"] .ep-a_heading~.ep-a_links .ep-p_text .ep_name, #website-body .ep_gridcolumn.ep-m_product[data-layout480$="link"] .ep-a_heading~.ep-a_links .ep-p_text a:link .ep_name, #website-body .ep_gridcolumn.ep-m_product[data-layout480$="link"] .ep-a_heading~.ep-a_links .ep-p_text a:visited .ep_name, #website-body .ep_gridcolumn.ep-m_product[data-layout480$="link"] .ep-a_heading~.ep-a_loadmore .ep-p_text .ep_name, #website-body .ep_gridcolumn.ep-m_product[data-layout480$="link"] .ep-a_heading~.ep-a_loadmore .ep-p_text a:link .ep_name, #website-body .ep_gridcolumn.ep-m_product[data-layout480$="link"] .ep-a_heading~.ep-a_loadmore .ep-p_text a:visited .ep_name, #website-body .ep_gridcolumn.ep-m_product[data-layout480$="link"] .ep-a_heading~.ep-a_button .ep-p_button .ep_name, #website-body .ep_gridcolumn.ep-m_product[data-layout480$="link"] .ep-a_heading~.ep-a_button .ep-p_button a:link .ep_name, #website-body .ep_gridcolumn.ep-m_product[data-layout480$="link"] .ep-a_heading~.ep-a_button .ep-p_button a:visited .ep_name { transform: translate(0, 0); transform: translate(0, 0); transition: transform 0.2s ease-out 0s; -webkit-transition: -webkit-transform 0.2s ease-out 0s; color: #1e1e1f; } #website-body .ep_gridcolumn.ep-m_product[data-layout480$="link"] .ep-a_heading~.ep-a_links .ep-p_text a:hover .ep_name, #website-body .ep_gridcolumn.ep-m_product[data-layout480$="link"] .ep-a_heading~.ep-a_links .ep-p_text a:focus .ep_name, #website-body .ep_gridcolumn.ep-m_product[data-layout480$="link"] .ep-a_heading~.ep-a_links .ep-p_text a:active .ep_name, #website-body .ep_gridcolumn.ep-m_product[data-layout480$="link"] .ep-a_heading~.ep-a_loadmore .ep-p_text a:hover .ep_name, #website-body .ep_gridcolumn.ep-m_product[data-layout480$="link"] .ep-a_heading~.ep-a_loadmore .ep-p_text a:focus .ep_name, #website-body .ep_gridcolumn.ep-m_product[data-layout480$="link"] .ep-a_heading~.ep-a_loadmore .ep-p_text a:active .ep_name, #website-body .ep_gridcolumn.ep-m_product[data-layout480$="link"] .ep-a_heading~.ep-a_button .ep-p_button a:hover .ep_name, #website-body .ep_gridcolumn.ep-m_product[data-layout480$="link"] .ep-a_heading~.ep-a_button .ep-p_button a:focus .ep_name, #website-body .ep_gridcolumn.ep-m_product[data-layout480$="link"] .ep-a_heading~.ep-a_button .ep-p_button a:active .ep_name { transform: translate(0, -3px); -webkit-transform: translate(0, -3px); color: #3c77bd; } } @media screen and (max-width:479px) { /* MOLECULE "PRODUCT" : Suppression du libelle */ #website-body .ep_gridcolumn.ep-m_product[data-layout320$="link"] .ep-a_heading~.ep-a_links .ep-p_text .ep_name span.ep_linklabel, #website-body .ep_gridcolumn.ep-m_product[data-layout320$="link"] .ep-a_heading~.ep-a_loadmore .ep-p_text .ep_name span.ep_linklabel, #website-body .ep_gridcolumn.ep-m_product[data-layout320$="link"] .ep-a_heading~.ep-a_button .ep-p_button .ep_name span.ep_linklabel { position: absolute; display: block; overflow: hidden; width: 0; height: 0; } /* MOLECULE "PRODUCT" : Affichage du titre */ #website-body .ep_gridcolumn.ep-m_product[data-layout320$="link"] .ep-a_heading~.ep-a_links .ep-p_text .ep_name span.ep_linktitle, #website-body .ep_gridcolumn.ep-m_product[data-layout320$="link"] .ep-a_heading~.ep-a_loadmore .ep-p_text .ep_name span.ep_linktitle, #website-body .ep_gridcolumn.ep-m_product[data-layout320$="link"] .ep-a_heading~.ep-a_button .ep-p_button .ep_name span.ep_linktitle { position: static; display: inline-block; overflow: visible; width: auto; height: auto; } /* MOLECULE "PRODUCT" : Correction des styles pour permettre l'affichage du titre */ #website-body .ep_gridcolumn.ep-m_product[data-layout320$="link"] .ep-a_heading~.ep-a_links .ep-p_text, #website-body .ep_gridcolumn.ep-m_product[data-layout320$="link"] .ep-a_heading~.ep-a_loadmore .ep-p_text, #website-body .ep_gridcolumn.ep-m_product[data-layout320$="link"] .ep-a_heading~.ep-a_button .ep-p_button, #website-body .ep_gridcolumn.ep-m_product[data-layout320$="link"] .ep-a_heading~.ep-a_links .ep-p_text a, #website-body .ep_gridcolumn.ep-m_product[data-layout320$="link"] .ep-a_heading~.ep-a_button .ep-p_button a { display: inline-block; padding: 0; background: none; border: 0; font-size: 1em; line-height: normal; } #website-body .ep_gridcolumn.ep-m_product[data-layout320$="link"] .ep-a_heading~.ep-a_links .ep-p_text .ep_name, #website-body .ep_gridcolumn.ep-m_product[data-layout320$="link"] .ep-a_heading~.ep-a_loadmore .ep-p_text .ep_name, #website-body .ep_gridcolumn.ep-m_product[data-layout320$="link"] .ep-a_heading~.ep-a_button .ep-p_button .ep_name { display: inline-block; font-weight: normal; color: #505154; } #website-body .ep_gridcolumn.ep-m_product[data-layout320$="link"] .ep-a_heading~.ep-a_links .ep-p_text .ep_icon, #website-body .ep_gridcolumn.ep-m_product[data-layout320$="link"] .ep-a_heading~.ep-a_loadmore .ep-p_text .ep_icon, #website-body .ep_gridcolumn.ep-m_product[data-layout320$="link"] .ep-a_heading~.ep-a_button .ep-p_button .ep_icon, #website-body .ep_gridcolumn.ep-m_product[data-layout320$="link"] .ep-a_heading~.ep-a_loadmore:before { display: none; } /* MOLECULE "PRODUCT" : Definition du style d'affichage selon le type de lien */ #website-body .ep_gridcolumn.ep-m_product[data-layout320$="link"] .ep-a_heading.ep-layout_level1~.ep-a_links .ep-p_text .ep_name, #website-body .ep_gridcolumn.ep-m_product[data-layout320$="link"] .ep-a_heading.ep-layout_level1~.ep-a_loadmore .ep-p_text .ep_name, #website-body .ep_gridcolumn.ep-m_product[data-layout320$="link"] .ep-a_heading.ep-layout_level1~.ep-a_button .ep-p_button .ep_name, #website-body .ep_gridcolumn.ep-m_product[data-layout320$="link"] .ep-a_heading.ep-layout_level2-large~.ep-a_links .ep-p_text .ep_name, #website-body .ep_gridcolumn.ep-m_product[data-layout320$="link"] .ep-a_heading.ep-layout_level2-large~.ep-a_loadmore .ep-p_text .ep_name, #website-body .ep_gridcolumn.ep-m_product[data-layout320$="link"] .ep-a_heading.ep-layout_level2-large~.ep-a_button .ep-p_button .ep_name, #website-body .ep_gridcolumn.ep-m_product[data-layout320$="link"] .ep-a_heading.ep-layout_level2~.ep-a_links .ep-p_text .ep_name, #website-body .ep_gridcolumn.ep-m_product[data-layout320$="link"] .ep-a_heading.ep-layout_level2~.ep-a_loadmore .ep-p_text .ep_name, #website-body .ep_gridcolumn.ep-m_product[data-layout320$="link"] .ep-a_heading.ep-layout_level2~.ep-a_button .ep-p_button .ep_name { font-family: Georgia, Garamond, serif, Palatino; } #website-body .ep_gridcolumn.ep-m_product[data-layout320$="link"] .ep-a_heading.ep-layout_level1~.ep-a_links .ep-p_text .ep_name, #website-body .ep_gridcolumn.ep-m_product[data-layout320$="link"] .ep-a_heading.ep-layout_level1~.ep-a_loadmore .ep-p_text .ep_name, #website-body .ep_gridcolumn.ep-m_product[data-layout320$="link"] .ep-a_heading.ep-layout_level1~.ep-a_button .ep-p_button .ep_name { font-size: 2.5em; } #website-body .ep_gridcolumn.ep-m_product[data-layout320$="link"] .ep-a_heading.ep-layout_level2-large~.ep-a_links .ep-p_text .ep_name, #website-body .ep_gridcolumn.ep-m_product[data-layout320$="link"] .ep-a_heading.ep-layout_level2-large~.ep-a_loadmore .ep-p_text .ep_name, #website-body .ep_gridcolumn.ep-m_product[data-layout320$="link"] .ep-a_heading.ep-layout_level2-large~.ep-a_button .ep-p_button .ep_name, #website-body .ep_gridcolumn.ep-m_product[data-layout320$="link"] .ep-a_heading.ep-layout_level2~.ep-a_links .ep-p_text .ep_name, #website-body .ep_gridcolumn.ep-m_product[data-layout320$="link"] .ep-a_heading.ep-layout_level2~.ep-a_loadmore .ep-p_text .ep_name, #website-body .ep_gridcolumn.ep-m_product[data-layout320$="link"] .ep-a_heading.ep-layout_level2~.ep-a_button .ep-p_button .ep_name { font-size: 2em; } #website-body .ep_gridcolumn.ep-m_product[data-layout320$="link"] .ep-a_heading.ep-layout_level3~.ep-a_links .ep-p_text .ep_name, #website-body .ep_gridcolumn.ep-m_product[data-layout320$="link"] .ep-a_heading.ep-layout_level3~.ep-a_loadmore .ep-p_text .ep_name, #website-body .ep_gridcolumn.ep-m_product[data-layout320$="link"] .ep-a_heading.ep-layout_level3~.ep-a_button .ep-p_button .ep_name { font-size: 1.4em; } /* MOLECULE "PRODUCT" : Effet de survol */ #website-body .ep_gridcolumn.ep-m_product[data-layout320$="link"] .ep-a_heading~.ep-a_links .ep-p_text .ep_name, #website-body .ep_gridcolumn.ep-m_product[data-layout320$="link"] .ep-a_heading~.ep-a_links .ep-p_text a:link .ep_name, #website-body .ep_gridcolumn.ep-m_product[data-layout320$="link"] .ep-a_heading~.ep-a_links .ep-p_text a:visited .ep_name, #website-body .ep_gridcolumn.ep-m_product[data-layout320$="link"] .ep-a_heading~.ep-a_loadmore .ep-p_text .ep_name, #website-body .ep_gridcolumn.ep-m_product[data-layout320$="link"] .ep-a_heading~.ep-a_loadmore .ep-p_text a:link .ep_name, #website-body .ep_gridcolumn.ep-m_product[data-layout320$="link"] .ep-a_heading~.ep-a_loadmore .ep-p_text a:visited .ep_name, #website-body .ep_gridcolumn.ep-m_product[data-layout320$="link"] .ep-a_heading~.ep-a_button .ep-p_button .ep_name, #website-body .ep_gridcolumn.ep-m_product[data-layout320$="link"] .ep-a_heading~.ep-a_button .ep-p_button a:link .ep_name, #website-body .ep_gridcolumn.ep-m_product[data-layout320$="link"] .ep-a_heading~.ep-a_button .ep-p_button a:visited .ep_name { transform: translate(0, 0); transform: translate(0, 0); transition: transform 0.2s ease-out 0s; -webkit-transition: -webkit-transform 0.2s ease-out 0s; color: #1e1e1f; } #website-body .ep_gridcolumn.ep-m_product[data-layout320$="link"] .ep-a_heading~.ep-a_links .ep-p_text a:hover .ep_name, #website-body .ep_gridcolumn.ep-m_product[data-layout320$="link"] .ep-a_heading~.ep-a_links .ep-p_text a:focus .ep_name, #website-body .ep_gridcolumn.ep-m_product[data-layout320$="link"] .ep-a_heading~.ep-a_links .ep-p_text a:active .ep_name, #website-body .ep_gridcolumn.ep-m_product[data-layout320$="link"] .ep-a_heading~.ep-a_loadmore .ep-p_text a:hover .ep_name, #website-body .ep_gridcolumn.ep-m_product[data-layout320$="link"] .ep-a_heading~.ep-a_loadmore .ep-p_text a:focus .ep_name, #website-body .ep_gridcolumn.ep-m_product[data-layout320$="link"] .ep-a_heading~.ep-a_loadmore .ep-p_text a:active .ep_name, #website-body .ep_gridcolumn.ep-m_product[data-layout320$="link"] .ep-a_heading~.ep-a_button .ep-p_button a:hover .ep_name, #website-body .ep_gridcolumn.ep-m_product[data-layout320$="link"] .ep-a_heading~.ep-a_button .ep-p_button a:focus .ep_name, #website-body .ep_gridcolumn.ep-m_product[data-layout320$="link"] .ep-a_heading~.ep-a_button .ep-p_button a:active .ep_name { transform: translate(0, -3px); -webkit-transform: translate(0, -3px); color: #3c77bd; } } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* MOLECULE "PRODUCT" : Affichage de molecule en mode "Accordeon" */ /* MOLECULE "PRODUCT" : Indicateur pour permettre au JS l'activation ou non de la fonctionnalite */ #website-body .ep_gridcolumn.ep-layout_accordion:before { position: absolute; display: block; overflow: hidden; width: 0; height: 0; margin: 0; opacity: 0; content: ""; } /* MOLECULE "PRODUCT" : Activation de la fonctionnalite selon le breakpoint */ @media screen and (min-width:1200px) { #website-body .ep_gridcolumn.ep-layout_accordion[data-converted][data-accordion1200="true"]:before { width: 10px; } /* MOLECULE "PRODUCT" : Gestion des bordures autours de la colonne "conteneur" */ #website-body .ep_gridcolumn.ep-layout_accordion[data-converted][data-accordion1200="true"] .ep_gridcolumn.ep-m_product:after { width: auto; height: 30px; margin-left: 10px; margin-right: 10px; background-color: #fff; opacity: 1 !important; } #website-body .ep_gridcolumn.ep-layout_accordion[data-converted][data-accordion1200="true"] .ep_gridcolumn.ep-m_product[data-accordion]>.ep_gridcolumn-content { margin-left: 10px; margin-right: 10px; padding-top: 20px; border: 1px solid #d1d3d4; } #website-body .ep_gridcolumn.ep-layout_accordion[data-converted][data-accordion1200="true"] .ep_gridcolumn~.ep_gridcolumn.ep-m_product[data-accordion]>.ep_gridcolumn-content { margin-top: -31px; } #website-body .ep_gridcolumn.ep-layout_accordion[data-converted][data-accordion1200="true"] .ep_gridcolumn.ep-m_product[data-accordion]>.ep_gridcolumn-content { padding-top: 0; border-left: 1px solid #d1d3d4; border-right: 1px solid #d1d3d4; } /* MOLECULE "PRODUCT" : Titre d'ouverture/fermeture (correction) */ #website-body .ep_gridcolumn.ep-layout_accordion[data-converted][data-accordion1200="true"] .ep_gridcolumn.ep-m_product[data-accordion] .ep-layout_accordiontitle { margin: 0; padding: 0; } #website-body .ep_gridcolumn.ep-layout_accordion[data-converted][data-accordion1200="true"] .ep_gridcolumn.ep-m_product[data-accordion] .ep-layout_accordiontitle .ep-p_text { margin: 0; padding: 20px 25px 20px 0; box-sizing: border-box; background-position: inherit; cursor: pointer; color: inherit; } #website-body .ep_gridcolumn.ep-layout_accordion[data-converted][data-accordion1200="true"] .ep_gridcolumn.ep-m_product[data-accordion] .ep-layout_accordiontitle .ep-p_text, #website-body .ep_gridcolumn.ep-layout_accordion[data-converted][data-accordion1200="true"] .ep_gridcolumn.ep-m_product[data-accordion] .ep-layout_accordiontitle .ep-p_text .ep_name { width: 100%; } #website-body .ep_gridcolumn.ep-layout_accordion[data-converted][data-accordion1200="true"] .ep_gridcolumn.ep-m_product[data-accordion] .ep-layout_accordiontitle .ep-p_text .ep_icon { display: inline-block; width: 20px; height: 20px; background-color: #fff; background-position: inherit; border: 1px solid #3c77bd; border-radius: 50%; text-align: center; } #website-body .ep_gridcolumn.ep-layout_accordion[data-converted][data-accordion1200="true"] .ep_gridcolumn.ep-m_product[data-accordion] .ep-layout_accordiontitle .ep-p_text .ep_icon:before { display: inline-block; width: 0; height: 19px; } #website-body .ep_gridcolumn.ep-layout_accordion[data-converted][data-accordion1200="true"] .ep_gridcolumn.ep-m_product[data-accordion] .ep-layout_accordiontitle .ep-p_text .ep_icon:after { display: inline-block; width: 9px; height: 9px; margin-left: -1px; background-position: inherit; } /* MOLECULE "PRODUCT" : Titre d'ouverture/fermeture (icone d'etat) */ #website-body .ep_gridcolumn.ep-layout_accordion[data-converted][data-accordion1200="true"] .ep_gridcolumn.ep-m_product[data-accordion] .ep-layout_accordiontitle[aria-selected="true"] { background-position: -91px -96px; } #website-body .ep_gridcolumn.ep-layout_accordion[data-converted][data-accordion1200="true"] .ep_gridcolumn.ep-m_product[data-accordion] .ep-layout_accordiontitle[aria-selected="false"] { background-position: -82px -96px; } /* MOLECULE "PRODUCT" : Titre d'ouverture/fermeture (effet de survol) */ #website-body .ep_gridcolumn.ep-layout_accordion[data-converted][data-accordion1200="true"] .ep_gridcolumn.ep-m_product[data-accordion] .ep-layout_accordiontitle .ep-p_text .ep_name { transform: translate(0, 0); -webkit-transform: translate(0, 0); transition: transform 0.2s ease-out 0s; -webkit-transition: -webkit-transform 0.2s ease-out 0s; color: #1e1e1f; } #website-body .ep_gridcolumn.ep-layout_accordion[data-converted][data-accordion1200="true"] .ep_gridcolumn.ep-m_product[data-accordion] .ep-layout_accordiontitle:hover .ep-p_text .ep_name, #website-body .ep_gridcolumn.ep-layout_accordion[data-converted][data-accordion1200="true"] .ep_gridcolumn.ep-m_product[data-accordion] .ep-layout_accordiontitle:focus .ep-p_text .ep_name, #website-body .ep_gridcolumn.ep-layout_accordion[data-converted][data-accordion1200="true"] .ep_gridcolumn.ep-m_product[data-accordion] .ep-layout_accordiontitle:active .ep-p_text .ep_name { transform: translate(5px, 0); -webkit-transform: translate(5px, 0); color: #3c77bd; } /* MOLECULE "PRODUCT" : Convertion du contenu animer de la molecule */ #website-body .ep_gridcolumn.ep-layout_accordion[data-converted][data-accordion1200="true"] .ep_gridcolumn.ep-m_product[data-accordion] [role="tablist"] { overflow: hidden; height: auto; transition: height 0.2s ease-out 0s; -webkit-transition: height 0.2s ease-out 0s; } #website-body .ep_gridcolumn.ep-layout_accordion[data-converted][data-accordion1200="true"] .ep_gridcolumn.ep-m_product[data-accordion][data-noanim] [role="tablist"] { transition: none; -webkit-transition: none; } #website-body .ep_gridcolumn.ep-layout_accordion[data-converted][data-accordion1200="true"] .ep_gridcolumn.ep-m_product[data-accordion][data-expanded="false"]>.ep_gridcolumn-content { background-color: #f3f4f4; } #website-body .ep_gridcolumn.ep-layout_accordion[data-converted][data-accordion1200="true"] .ep_gridcolumn.ep-m_product[data-accordion][data-expanded="false"] .ep-layout_accordioncontent:not([class*=".ep-a_"]) { margin-bottom: -20px; } #website-body .ep_gridcolumn.ep-layout_accordion[data-converted][data-accordion1200="true"] .ep_gridcolumn.ep-m_product[data-accordion][data-expanded="false"]:not([data-noanim]) .ep-layout_accordioncontent:not([class*=".ep-a_"])>* { display: none; } } @media screen and (min-width:1020px) and (max-width:1199px) { #website-body .ep_gridcolumn.ep-layout_accordion[data-converted][data-accordion1020="true"]:before { width: 10px; } /* MOLECULE "PRODUCT" : Gestion des bordures autours de la colonne "conteneur" */ #website-body .ep_gridcolumn.ep-layout_accordion[data-converted][data-accordion1020="true"] .ep_gridcolumn.ep-m_product:after { width: auto; height: 30px; margin-left: 10px; margin-right: 10px; background-color: #fff; opacity: 1 !important; } #website-body .ep_gridcolumn.ep-layout_accordion[data-converted][data-accordion1020="true"] .ep_gridcolumn.ep-m_product[data-accordion]>.ep_gridcolumn-content { margin-left: 10px; margin-right: 10px; padding-top: 20px; border: 1px solid #d1d3d4; } #website-body .ep_gridcolumn.ep-layout_accordion[data-converted][data-accordion1020="true"] .ep_gridcolumn~.ep_gridcolumn.ep-m_product[data-accordion]>.ep_gridcolumn-content { margin-top: -31px; } #website-body .ep_gridcolumn.ep-layout_accordion[data-converted][data-accordion1020="true"] .ep_gridcolumn.ep-m_product[data-accordion]>.ep_gridcolumn-content { padding-top: 0; border-left: 1px solid #d1d3d4; border-right: 1px solid #d1d3d4; } /* MOLECULE "PRODUCT" : Titre d'ouverture/fermeture (correction) */ #website-body .ep_gridcolumn.ep-layout_accordion[data-converted][data-accordion1020="true"] .ep_gridcolumn.ep-m_product[data-accordion] .ep-layout_accordiontitle { margin: 0; padding: 0; } #website-body .ep_gridcolumn.ep-layout_accordion[data-converted][data-accordion1020="true"] .ep_gridcolumn.ep-m_product[data-accordion] .ep-layout_accordiontitle .ep-p_text { margin: 0; padding: 20px 25px 20px 0; box-sizing: border-box; background-position: inherit; cursor: pointer; color: inherit; } #website-body .ep_gridcolumn.ep-layout_accordion[data-converted][data-accordion1020="true"] .ep_gridcolumn.ep-m_product[data-accordion] .ep-layout_accordiontitle .ep-p_text, #website-body .ep_gridcolumn.ep-layout_accordion[data-converted][data-accordion1020="true"] .ep_gridcolumn.ep-m_product[data-accordion] .ep-layout_accordiontitle .ep-p_text .ep_name { width: 100%; } #website-body .ep_gridcolumn.ep-layout_accordion[data-converted][data-accordion1020="true"] .ep_gridcolumn.ep-m_product[data-accordion] .ep-layout_accordiontitle .ep-p_text .ep_icon { display: inline-block; width: 20px; height: 20px; background-color: #fff; background-position: inherit; border: 1px solid #3c77bd; border-radius: 50%; text-align: center; } #website-body .ep_gridcolumn.ep-layout_accordion[data-converted][data-accordion1020="true"] .ep_gridcolumn.ep-m_product[data-accordion] .ep-layout_accordiontitle .ep-p_text .ep_icon:before { display: inline-block; width: 0; height: 19px; } #website-body .ep_gridcolumn.ep-layout_accordion[data-converted][data-accordion1020="true"] .ep_gridcolumn.ep-m_product[data-accordion] .ep-layout_accordiontitle .ep-p_text .ep_icon:after { display: inline-block; width: 9px; height: 9px; margin-left: -1px; background-position: inherit; } /* MOLECULE "PRODUCT" : Titre d'ouverture/fermeture (icone d'etat) */ #website-body .ep_gridcolumn.ep-layout_accordion[data-converted][data-accordion1020="true"] .ep_gridcolumn.ep-m_product[data-accordion] .ep-layout_accordiontitle[aria-selected="true"] { background-position: -91px -96px; } #website-body .ep_gridcolumn.ep-layout_accordion[data-converted][data-accordion1020="true"] .ep_gridcolumn.ep-m_product[data-accordion] .ep-layout_accordiontitle[aria-selected="false"] { background-position: -82px -96px; } /* MOLECULE "PRODUCT" : Titre d'ouverture/fermeture (effet de survol) */ #website-body .ep_gridcolumn.ep-layout_accordion[data-converted][data-accordion1020="true"] .ep_gridcolumn.ep-m_product[data-accordion] .ep-layout_accordiontitle .ep-p_text .ep_name { transform: translate(0, 0); -webkit-transform: translate(0, 0); transition: transform 0.2s ease-out 0s; -webkit-transition: -webkit-transform 0.2s ease-out 0s; color: #1e1e1f; } #website-body .ep_gridcolumn.ep-layout_accordion[data-converted][data-accordion1020="true"] .ep_gridcolumn.ep-m_product[data-accordion] .ep-layout_accordiontitle:hover .ep-p_text .ep_name, #website-body .ep_gridcolumn.ep-layout_accordion[data-converted][data-accordion1020="true"] .ep_gridcolumn.ep-m_product[data-accordion] .ep-layout_accordiontitle:focus .ep-p_text .ep_name, #website-body .ep_gridcolumn.ep-layout_accordion[data-converted][data-accordion1020="true"] .ep_gridcolumn.ep-m_product[data-accordion] .ep-layout_accordiontitle:active .ep-p_text .ep_name { transform: translate(5px, 0); -webkit-transform: translate(5px, 0); color: #3c77bd; } /* MOLECULE "PRODUCT" : Convertion du contenu animer de la molecule */ #website-body .ep_gridcolumn.ep-layout_accordion[data-converted][data-accordion1020="true"] .ep_gridcolumn.ep-m_product[data-accordion] [role="tablist"] { overflow: hidden; height: auto; transition: height 0.2s ease-out 0s; -webkit-transition: height 0.2s ease-out 0s; } #website-body .ep_gridcolumn.ep-layout_accordion[data-converted][data-accordion1020="true"] .ep_gridcolumn.ep-m_product[data-accordion][data-noanim] [role="tablist"] { transition: none; -webkit-transition: none; } #website-body .ep_gridcolumn.ep-layout_accordion[data-converted][data-accordion1020="true"] .ep_gridcolumn.ep-m_product[data-accordion][data-expanded="false"]>.ep_gridcolumn-content { background-color: #f3f4f4; } #website-body .ep_gridcolumn.ep-layout_accordion[data-converted][data-accordion1020="true"] .ep_gridcolumn.ep-m_product[data-accordion][data-expanded="false"] .ep-layout_accordioncontent:not([class*=".ep-a_"]) { margin-bottom: -20px; } #website-body .ep_gridcolumn.ep-layout_accordion[data-converted][data-accordion1020="true"] .ep_gridcolumn.ep-m_product[data-accordion][data-expanded="false"]:not([data-noanim]) .ep-layout_accordioncontent:not([class*=".ep-a_"])>* { display: none; } } @media screen and (min-width:750px) and (max-width:1019px), print { #website-body .ep_gridcolumn.ep-layout_accordion[data-converted][data-accordion750="true"]:before { width: 10px; } /* MOLECULE "PRODUCT" : Gestion des bordures autours de la colonne "conteneur" */ #website-body .ep_gridcolumn.ep-layout_accordion[data-converted][data-accordion750="true"] .ep_gridcolumn.ep-m_product:after { width: auto; height: 30px; margin-left: 10px; margin-right: 10px; background-color: #fff; opacity: 1 !important; } #website-body .ep_gridcolumn.ep-layout_accordion[data-converted][data-accordion750="true"] .ep_gridcolumn.ep-m_product[data-accordion]>.ep_gridcolumn-content { margin-left: 10px; margin-right: 10px; padding-top: 20px; border: 1px solid #d1d3d4; } #website-body .ep_gridcolumn.ep-layout_accordion[data-converted][data-accordion750="true"] .ep_gridcolumn~.ep_gridcolumn.ep-m_product[data-accordion]>.ep_gridcolumn-content { margin-top: -31px; } #website-body .ep_gridcolumn.ep-layout_accordion[data-converted][data-accordion750="true"] .ep_gridcolumn.ep-m_product[data-accordion]>.ep_gridcolumn-content { padding-top: 0; border-left: 1px solid #d1d3d4; border-right: 1px solid #d1d3d4; } /* MOLECULE "PRODUCT" : Titre d'ouverture/fermeture (correction) */ #website-body .ep_gridcolumn.ep-layout_accordion[data-converted][data-accordion750="true"] .ep_gridcolumn.ep-m_product[data-accordion] .ep-layout_accordiontitle { margin: 0; padding: 0; } #website-body .ep_gridcolumn.ep-layout_accordion[data-converted][data-accordion750="true"] .ep_gridcolumn.ep-m_product[data-accordion] .ep-layout_accordiontitle .ep-p_text { margin: 0; padding: 20px 25px 20px 0; box-sizing: border-box; background-position: inherit; cursor: pointer; color: inherit; } #website-body .ep_gridcolumn.ep-layout_accordion[data-converted][data-accordion750="true"] .ep_gridcolumn.ep-m_product[data-accordion] .ep-layout_accordiontitle .ep-p_text, #website-body .ep_gridcolumn.ep-layout_accordion[data-converted][data-accordion750="true"] .ep_gridcolumn.ep-m_product[data-accordion] .ep-layout_accordiontitle .ep-p_text .ep_name { width: 100%; } #website-body .ep_gridcolumn.ep-layout_accordion[data-converted][data-accordion750="true"] .ep_gridcolumn.ep-m_product[data-accordion] .ep-layout_accordiontitle .ep-p_text .ep_icon { display: inline-block; width: 20px; height: 20px; background-color: #fff; background-position: inherit; border: 1px solid #3c77bd; border-radius: 50%; text-align: center; } #website-body .ep_gridcolumn.ep-layout_accordion[data-converted][data-accordion750="true"] .ep_gridcolumn.ep-m_product[data-accordion] .ep-layout_accordiontitle .ep-p_text .ep_icon:before { display: inline-block; width: 0; height: 19px; } #website-body .ep_gridcolumn.ep-layout_accordion[data-converted][data-accordion750="true"] .ep_gridcolumn.ep-m_product[data-accordion] .ep-layout_accordiontitle .ep-p_text .ep_icon:after { display: inline-block; width: 9px; height: 9px; margin-left: -1px; background-position: inherit; } /* MOLECULE "PRODUCT" : Titre d'ouverture/fermeture (icone d'etat) */ #website-body .ep_gridcolumn.ep-layout_accordion[data-converted][data-accordion750="true"] .ep_gridcolumn.ep-m_product[data-accordion] .ep-layout_accordiontitle[aria-selected="true"] { background-position: -91px -96px; } #website-body .ep_gridcolumn.ep-layout_accordion[data-converted][data-accordion750="true"] .ep_gridcolumn.ep-m_product[data-accordion] .ep-layout_accordiontitle[aria-selected="false"] { background-position: -82px -96px; } /* MOLECULE "PRODUCT" : Titre d'ouverture/fermeture (effet de survol) */ #website-body .ep_gridcolumn.ep-layout_accordion[data-converted][data-accordion750="true"] .ep_gridcolumn.ep-m_product[data-accordion] .ep-layout_accordiontitle .ep-p_text .ep_name { transform: translate(0, 0); -webkit-transform: translate(0, 0); transition: transform 0.2s ease-out 0s; -webkit-transition: -webkit-transform 0.2s ease-out 0s; color: #1e1e1f; } #website-body .ep_gridcolumn.ep-layout_accordion[data-converted][data-accordion750="true"] .ep_gridcolumn.ep-m_product[data-accordion] .ep-layout_accordiontitle:hover .ep-p_text .ep_name, #website-body .ep_gridcolumn.ep-layout_accordion[data-converted][data-accordion750="true"] .ep_gridcolumn.ep-m_product[data-accordion] .ep-layout_accordiontitle:focus .ep-p_text .ep_name, #website-body .ep_gridcolumn.ep-layout_accordion[data-converted][data-accordion750="true"] .ep_gridcolumn.ep-m_product[data-accordion] .ep-layout_accordiontitle:active .ep-p_text .ep_name { transform: translate(5px, 0); -webkit-transform: translate(5px, 0); color: #3c77bd; } /* MOLECULE "PRODUCT" : Convertion du contenu animer de la molecule */ #website-body .ep_gridcolumn.ep-layout_accordion[data-converted][data-accordion750="true"] .ep_gridcolumn.ep-m_product[data-accordion] [role="tablist"] { overflow: hidden; height: auto; transition: height 0.2s ease-out 0s; -webkit-transition: height 0.2s ease-out 0s; } #website-body .ep_gridcolumn.ep-layout_accordion[data-converted][data-accordion750="true"] .ep_gridcolumn.ep-m_product[data-accordion][data-noanim] [role="tablist"] { transition: none; -webkit-transition: none; } #website-body .ep_gridcolumn.ep-layout_accordion[data-converted][data-accordion750="true"] .ep_gridcolumn.ep-m_product[data-accordion][data-expanded="false"]>.ep_gridcolumn-content { background-color: #f3f4f4; } #website-body .ep_gridcolumn.ep-layout_accordion[data-converted][data-accordion750="true"] .ep_gridcolumn.ep-m_product[data-accordion][data-expanded="false"] .ep-layout_accordioncontent:not([class*=".ep-a_"]) { margin-bottom: -20px; } #website-body .ep_gridcolumn.ep-layout_accordion[data-converted][data-accordion750="true"] .ep_gridcolumn.ep-m_product[data-accordion][data-expanded="false"]:not([data-noanim]) .ep-layout_accordioncontent:not([class*=".ep-a_"])>* { display: none; } } @media screen and (min-width:640px) and (max-width:749px) { #website-body .ep_gridcolumn.ep-layout_accordion[data-converted][data-accordion640="true"]:before { width: 10px; } /* MOLECULE "PRODUCT" : Gestion des bordures autours de la colonne "conteneur" */ #website-body .ep_gridcolumn.ep-layout_accordion[data-converted][data-accordion640="true"] .ep_gridcolumn.ep-m_product:after { width: auto; height: 30px; margin-left: 10px; margin-right: 10px; background-color: #fff; opacity: 1 !important; } #website-body .ep_gridcolumn.ep-layout_accordion[data-converted][data-accordion640="true"] .ep_gridcolumn.ep-m_product[data-accordion]>.ep_gridcolumn-content { margin-left: 10px; margin-right: 10px; padding-top: 20px; border: 1px solid #d1d3d4; } #website-body .ep_gridcolumn.ep-layout_accordion[data-converted][data-accordion640="true"] .ep_gridcolumn~.ep_gridcolumn.ep-m_product[data-accordion]>.ep_gridcolumn-content { margin-top: -31px; } #website-body .ep_gridcolumn.ep-layout_accordion[data-converted][data-accordion640="true"] .ep_gridcolumn.ep-m_product[data-accordion]>.ep_gridcolumn-content { padding-top: 0; border-left: 1px solid #d1d3d4; border-right: 1px solid #d1d3d4; } /* MOLECULE "PRODUCT" : Titre d'ouverture/fermeture (correction) */ #website-body .ep_gridcolumn.ep-layout_accordion[data-converted][data-accordion640="true"] .ep_gridcolumn.ep-m_product[data-accordion] .ep-layout_accordiontitle { margin: 0; padding: 0; } #website-body .ep_gridcolumn.ep-layout_accordion[data-converted][data-accordion640="true"] .ep_gridcolumn.ep-m_product[data-accordion] .ep-layout_accordiontitle .ep-p_text { margin: 0; padding: 20px 25px 20px 0; box-sizing: border-box; background-position: inherit; cursor: pointer; color: inherit; } #website-body .ep_gridcolumn.ep-layout_accordion[data-converted][data-accordion640="true"] .ep_gridcolumn.ep-m_product[data-accordion] .ep-layout_accordiontitle .ep-p_text, #website-body .ep_gridcolumn.ep-layout_accordion[data-converted][data-accordion640="true"] .ep_gridcolumn.ep-m_product[data-accordion] .ep-layout_accordiontitle .ep-p_text .ep_name { width: 100%; } #website-body .ep_gridcolumn.ep-layout_accordion[data-converted][data-accordion640="true"] .ep_gridcolumn.ep-m_product[data-accordion] .ep-layout_accordiontitle .ep-p_text .ep_icon { display: inline-block; width: 20px; height: 20px; background-color: #fff; background-position: inherit; border: 1px solid #3c77bd; border-radius: 50%; text-align: center; } #website-body .ep_gridcolumn.ep-layout_accordion[data-converted][data-accordion640="true"] .ep_gridcolumn.ep-m_product[data-accordion] .ep-layout_accordiontitle .ep-p_text .ep_icon:before { display: inline-block; width: 0; height: 19px; } #website-body .ep_gridcolumn.ep-layout_accordion[data-converted][data-accordion640="true"] .ep_gridcolumn.ep-m_product[data-accordion] .ep-layout_accordiontitle .ep-p_text .ep_icon:after { display: inline-block; width: 9px; height: 9px; margin-left: -1px; background-position: inherit; } /* MOLECULE "PRODUCT" : Titre d'ouverture/fermeture (icone d'etat) */ #website-body .ep_gridcolumn.ep-layout_accordion[data-converted][data-accordion640="true"] .ep_gridcolumn.ep-m_product[data-accordion] .ep-layout_accordiontitle[aria-selected="true"] { background-position: -91px -96px; } #website-body .ep_gridcolumn.ep-layout_accordion[data-converted][data-accordion640="true"] .ep_gridcolumn.ep-m_product[data-accordion] .ep-layout_accordiontitle[aria-selected="false"] { background-position: -82px -96px; } /* MOLECULE "PRODUCT" : Titre d'ouverture/fermeture (effet de survol) */ #website-body .ep_gridcolumn.ep-layout_accordion[data-converted][data-accordion640="true"] .ep_gridcolumn.ep-m_product[data-accordion] .ep-layout_accordiontitle .ep-p_text .ep_name { transform: translate(0, 0); -webkit-transform: translate(0, 0); transition: transform 0.2s ease-out 0s; -webkit-transition: -webkit-transform 0.2s ease-out 0s; color: #1e1e1f; } #website-body .ep_gridcolumn.ep-layout_accordion[data-converted][data-accordion640="true"] .ep_gridcolumn.ep-m_product[data-accordion] .ep-layout_accordiontitle:hover .ep-p_text .ep_name, #website-body .ep_gridcolumn.ep-layout_accordion[data-converted][data-accordion640="true"] .ep_gridcolumn.ep-m_product[data-accordion] .ep-layout_accordiontitle:focus .ep-p_text .ep_name, #website-body .ep_gridcolumn.ep-layout_accordion[data-converted][data-accordion640="true"] .ep_gridcolumn.ep-m_product[data-accordion] .ep-layout_accordiontitle:active .ep-p_text .ep_name { transform: translate(5px, 0); -webkit-transform: translate(5px, 0); color: #3c77bd; } /* MOLECULE "PRODUCT" : Convertion du contenu animer de la molecule */ #website-body .ep_gridcolumn.ep-layout_accordion[data-converted][data-accordion640="true"] .ep_gridcolumn.ep-m_product[data-accordion] [role="tablist"] { overflow: hidden; height: auto; transition: height 0.2s ease-out 0s; -webkit-transition: height 0.2s ease-out 0s; } #website-body .ep_gridcolumn.ep-layout_accordion[data-converted][data-accordion640="true"] .ep_gridcolumn.ep-m_product[data-accordion][data-noanim] [role="tablist"] { transition: none; -webkit-transition: none; } #website-body .ep_gridcolumn.ep-layout_accordion[data-converted][data-accordion640="true"] .ep_gridcolumn.ep-m_product[data-accordion][data-expanded="false"]>.ep_gridcolumn-content { background-color: #f3f4f4; } #website-body .ep_gridcolumn.ep-layout_accordion[data-converted][data-accordion640="true"] .ep_gridcolumn.ep-m_product[data-accordion][data-expanded="false"] .ep-layout_accordioncontent:not([class*=".ep-a_"]) { margin-bottom: -20px; } #website-body .ep_gridcolumn.ep-layout_accordion[data-converted][data-accordion640="true"] .ep_gridcolumn.ep-m_product[data-accordion][data-expanded="false"]:not([data-noanim]) .ep-layout_accordioncontent:not([class*=".ep-a_"])>* { display: none; } } @media screen and (min-width:480px) and (max-width:639px) { #website-body .ep_gridcolumn.ep-layout_accordion[data-converted][data-accordion480="true"]:before { width: 10px; } /* MOLECULE "PRODUCT" : Gestion des bordures autours de la colonne "conteneur" */ #website-body .ep_gridcolumn.ep-layout_accordion[data-converted][data-accordion480="true"] .ep_gridcolumn.ep-m_product:after { width: auto; height: 30px; margin-left: 10px; margin-right: 10px; background-color: #fff; opacity: 1 !important; } #website-body .ep_gridcolumn.ep-layout_accordion[data-converted][data-accordion480="true"] .ep_gridcolumn.ep-m_product[data-accordion]>.ep_gridcolumn-content { margin-left: 10px; margin-right: 10px; padding-top: 20px; border: 1px solid #d1d3d4; } #website-body .ep_gridcolumn.ep-layout_accordion[data-converted][data-accordion480="true"] .ep_gridcolumn~.ep_gridcolumn.ep-m_product[data-accordion]>.ep_gridcolumn-content { margin-top: -31px; } #website-body .ep_gridcolumn.ep-layout_accordion[data-converted][data-accordion480="true"] .ep_gridcolumn.ep-m_product[data-accordion]>.ep_gridcolumn-content { padding-top: 0; border-left: 1px solid #d1d3d4; border-right: 1px solid #d1d3d4; } /* MOLECULE "PRODUCT" : Titre d'ouverture/fermeture (correction) */ #website-body .ep_gridcolumn.ep-layout_accordion[data-converted][data-accordion480="true"] .ep_gridcolumn.ep-m_product[data-accordion] .ep-layout_accordiontitle { margin: 0; padding: 0; } #website-body .ep_gridcolumn.ep-layout_accordion[data-converted][data-accordion480="true"] .ep_gridcolumn.ep-m_product[data-accordion] .ep-layout_accordiontitle .ep-p_text { margin: 0; padding: 20px 25px 20px 0; box-sizing: border-box; background-position: inherit; cursor: pointer; color: inherit; } #website-body .ep_gridcolumn.ep-layout_accordion[data-converted][data-accordion480="true"] .ep_gridcolumn.ep-m_product[data-accordion] .ep-layout_accordiontitle .ep-p_text, #website-body .ep_gridcolumn.ep-layout_accordion[data-converted][data-accordion480="true"] .ep_gridcolumn.ep-m_product[data-accordion] .ep-layout_accordiontitle .ep-p_text .ep_name { width: 100%; } #website-body .ep_gridcolumn.ep-layout_accordion[data-converted][data-accordion480="true"] .ep_gridcolumn.ep-m_product[data-accordion] .ep-layout_accordiontitle .ep-p_text .ep_icon { display: inline-block; width: 20px; height: 20px; background-color: #fff; background-position: inherit; border: 1px solid #3c77bd; border-radius: 50%; text-align: center; } #website-body .ep_gridcolumn.ep-layout_accordion[data-converted][data-accordion480="true"] .ep_gridcolumn.ep-m_product[data-accordion] .ep-layout_accordiontitle .ep-p_text .ep_icon:before { display: inline-block; width: 0; height: 19px; } #website-body .ep_gridcolumn.ep-layout_accordion[data-converted][data-accordion480="true"] .ep_gridcolumn.ep-m_product[data-accordion] .ep-layout_accordiontitle .ep-p_text .ep_icon:after { display: inline-block; width: 9px; height: 9px; margin-left: -1px; background-position: inherit; } /* MOLECULE "PRODUCT" : Titre d'ouverture/fermeture (icone d'etat) */ #website-body .ep_gridcolumn.ep-layout_accordion[data-converted][data-accordion480="true"] .ep_gridcolumn.ep-m_product[data-accordion] .ep-layout_accordiontitle[aria-selected="true"] { background-position: -91px -96px; } #website-body .ep_gridcolumn.ep-layout_accordion[data-converted][data-accordion480="true"] .ep_gridcolumn.ep-m_product[data-accordion] .ep-layout_accordiontitle[aria-selected="false"] { background-position: -82px -96px; } /* MOLECULE "PRODUCT" : Titre d'ouverture/fermeture (effet de survol) */ #website-body .ep_gridcolumn.ep-layout_accordion[data-converted][data-accordion480="true"] .ep_gridcolumn.ep-m_product[data-accordion] .ep-layout_accordiontitle .ep-p_text .ep_name { transform: translate(0, 0); -webkit-transform: translate(0, 0); transition: transform 0.2s ease-out 0s; -webkit-transition: -webkit-transform 0.2s ease-out 0s; color: #1e1e1f; } #website-body .ep_gridcolumn.ep-layout_accordion[data-converted][data-accordion480="true"] .ep_gridcolumn.ep-m_product[data-accordion] .ep-layout_accordiontitle:hover .ep-p_text .ep_name, #website-body .ep_gridcolumn.ep-layout_accordion[data-converted][data-accordion480="true"] .ep_gridcolumn.ep-m_product[data-accordion] .ep-layout_accordiontitle:focus .ep-p_text .ep_name, #website-body .ep_gridcolumn.ep-layout_accordion[data-converted][data-accordion480="true"] .ep_gridcolumn.ep-m_product[data-accordion] .ep-layout_accordiontitle:active .ep-p_text .ep_name { transform: translate(5px, 0); -webkit-transform: translate(5px, 0); color: #3c77bd; } /* MOLECULE "PRODUCT" : Convertion du contenu animer de la molecule */ #website-body .ep_gridcolumn.ep-layout_accordion[data-converted][data-accordion480="true"] .ep_gridcolumn.ep-m_product[data-accordion] [role="tablist"] { overflow: hidden; height: auto; transition: height 0.2s ease-out 0s; -webkit-transition: height 0.2s ease-out 0s; } #website-body .ep_gridcolumn.ep-layout_accordion[data-converted][data-accordion480="true"] .ep_gridcolumn.ep-m_product[data-accordion][data-noanim] [role="tablist"] { transition: none; -webkit-transition: none; } #website-body .ep_gridcolumn.ep-layout_accordion[data-converted][data-accordion480="true"] .ep_gridcolumn.ep-m_product[data-accordion][data-expanded="false"]>.ep_gridcolumn-content { background-color: #f3f4f4; } #website-body .ep_gridcolumn.ep-layout_accordion[data-converted][data-accordion480="true"] .ep_gridcolumn.ep-m_product[data-accordion][data-expanded="false"] .ep-layout_accordioncontent:not([class*=".ep-a_"]) { margin-bottom: -20px; } #website-body .ep_gridcolumn.ep-layout_accordion[data-converted][data-accordion480="true"] .ep_gridcolumn.ep-m_product[data-accordion][data-expanded="false"]:not([data-noanim]) .ep-layout_accordioncontent:not([class*=".ep-a_"])>* { display: none; } } @media screen and (max-width:479px) { #website-body .ep_gridcolumn.ep-layout_accordion[data-converted][data-accordion320="true"]:before { width: 10px; } /* MOLECULE "PRODUCT" : Gestion des bordures autours de la colonne "conteneur" */ #website-body .ep_gridcolumn.ep-layout_accordion[data-converted][data-accordion320="true"] .ep_gridcolumn.ep-m_product:after { width: auto; height: 30px; margin-left: 10px; margin-right: 10px; background-color: #fff; opacity: 1 !important; } #website-body .ep_gridcolumn.ep-layout_accordion[data-converted][data-accordion320="true"] .ep_gridcolumn.ep-m_product[data-accordion]>.ep_gridcolumn-content { margin-left: 10px; margin-right: 10px; padding-top: 20px; border: 1px solid #d1d3d4; } #website-body .ep_gridcolumn.ep-layout_accordion[data-converted][data-accordion320="true"] .ep_gridcolumn~.ep_gridcolumn.ep-m_product[data-accordion]>.ep_gridcolumn-content { margin-top: -31px; } #website-body .ep_gridcolumn.ep-layout_accordion[data-converted][data-accordion320="true"] .ep_gridcolumn.ep-m_product[data-accordion]>.ep_gridcolumn-content { padding-top: 0; border-left: 1px solid #d1d3d4; border-right: 1px solid #d1d3d4; } /* MOLECULE "PRODUCT" : Titre d'ouverture/fermeture (correction) */ #website-body .ep_gridcolumn.ep-layout_accordion[data-converted][data-accordion320="true"] .ep_gridcolumn.ep-m_product[data-accordion] .ep-layout_accordiontitle { margin: 0; padding: 0; } #website-body .ep_gridcolumn.ep-layout_accordion[data-converted][data-accordion320="true"] .ep_gridcolumn.ep-m_product[data-accordion] .ep-layout_accordiontitle .ep-p_text { margin: 0; padding: 20px 25px 20px 0; box-sizing: border-box; background-position: inherit; cursor: pointer; color: inherit; } #website-body .ep_gridcolumn.ep-layout_accordion[data-converted][data-accordion320="true"] .ep_gridcolumn.ep-m_product[data-accordion] .ep-layout_accordiontitle .ep-p_text, #website-body .ep_gridcolumn.ep-layout_accordion[data-converted][data-accordion320="true"] .ep_gridcolumn.ep-m_product[data-accordion] .ep-layout_accordiontitle .ep-p_text .ep_name { width: 100%; } #website-body .ep_gridcolumn.ep-layout_accordion[data-converted][data-accordion320="true"] .ep_gridcolumn.ep-m_product[data-accordion] .ep-layout_accordiontitle .ep-p_text .ep_icon { display: inline-block; width: 20px; height: 20px; background-color: #fff; background-position: inherit; border: 1px solid #3c77bd; border-radius: 50%; text-align: center; } #website-body .ep_gridcolumn.ep-layout_accordion[data-converted][data-accordion320="true"] .ep_gridcolumn.ep-m_product[data-accordion] .ep-layout_accordiontitle .ep-p_text .ep_icon:before { display: inline-block; width: 0; height: 19px; } #website-body .ep_gridcolumn.ep-layout_accordion[data-converted][data-accordion320="true"] .ep_gridcolumn.ep-m_product[data-accordion] .ep-layout_accordiontitle .ep-p_text .ep_icon:after { display: inline-block; width: 9px; height: 9px; margin-left: -1px; background-position: inherit; } /* MOLECULE "PRODUCT" : Titre d'ouverture/fermeture (icone d'etat) */ #website-body .ep_gridcolumn.ep-layout_accordion[data-converted][data-accordion320="true"] .ep_gridcolumn.ep-m_product[data-accordion] .ep-layout_accordiontitle[aria-selected="true"] { background-position: -91px -96px; } #website-body .ep_gridcolumn.ep-layout_accordion[data-converted][data-accordion320="true"] .ep_gridcolumn.ep-m_product[data-accordion] .ep-layout_accordiontitle[aria-selected="false"] { background-position: -82px -96px; } /* MOLECULE "PRODUCT" : Titre d'ouverture/fermeture (effet de survol) */ #website-body .ep_gridcolumn.ep-layout_accordion[data-converted][data-accordion320="true"] .ep_gridcolumn.ep-m_product[data-accordion] .ep-layout_accordiontitle .ep-p_text .ep_name { transform: translate(0, 0); -webkit-transform: translate(0, 0); transition: transform 0.2s ease-out 0s; -webkit-transition: -webkit-transform 0.2s ease-out 0s; color: #1e1e1f; } #website-body .ep_gridcolumn.ep-layout_accordion[data-converted][data-accordion320="true"] .ep_gridcolumn.ep-m_product[data-accordion] .ep-layout_accordiontitle:hover .ep-p_text .ep_name, #website-body .ep_gridcolumn.ep-layout_accordion[data-converted][data-accordion320="true"] .ep_gridcolumn.ep-m_product[data-accordion] .ep-layout_accordiontitle:focus .ep-p_text .ep_name, #website-body .ep_gridcolumn.ep-layout_accordion[data-converted][data-accordion320="true"] .ep_gridcolumn.ep-m_product[data-accordion] .ep-layout_accordiontitle:active .ep-p_text .ep_name { transform: translate(5px, 0); -webkit-transform: translate(5px, 0); color: #3c77bd; } /* MOLECULE "PRODUCT" : Convertion du contenu animer de la molecule */ #website-body .ep_gridcolumn.ep-layout_accordion[data-converted][data-accordion320="true"] .ep_gridcolumn.ep-m_product[data-accordion] [role="tablist"] { overflow: hidden; height: auto; transition: height 0.2s ease-out 0s; -webkit-transition: height 0.2s ease-out 0s; } #website-body .ep_gridcolumn.ep-layout_accordion[data-converted][data-accordion320="true"] .ep_gridcolumn.ep-m_product[data-accordion][data-noanim] [role="tablist"] { transition: none; -webkit-transition: none; } #website-body .ep_gridcolumn.ep-layout_accordion[data-converted][data-accordion320="true"] .ep_gridcolumn.ep-m_product[data-accordion][data-expanded="false"]>.ep_gridcolumn-content { background-color: #f3f4f4; } #website-body .ep_gridcolumn.ep-layout_accordion[data-converted][data-accordion320="true"] .ep_gridcolumn.ep-m_product[data-accordion][data-expanded="false"] .ep-layout_accordioncontent:not([class*=".ep-a_"]) { margin-bottom: -20px; } #website-body .ep_gridcolumn.ep-layout_accordion[data-converted][data-accordion320="true"] .ep_gridcolumn.ep-m_product[data-accordion][data-expanded="false"]:not([data-noanim]) .ep-layout_accordioncontent:not([class*=".ep-a_"])>* { display: none; } } /* ========================================================================================================================================================================== */ /* == FORM ======================= [MOLECULE] ========= ep-m_form =========================================================================================================== */ /* ========================================================================================================================================================================== */ /* Description : Molecule a utiliser pour la gestion des elements de formulaire (input, select, etc.) */ /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* MOLECULE "FORM" : Etirement des composants internes */ #website-body .ep_gridcolumn.ep-m_form .ep_gridcolumn-content { display: flex; display: -webkit-flex; width: 100%; flex: 0 0 auto; -webkit-flex: 0 0 auto; flex-direction: column; -webkit-flex-direction: column; flex-wrap: wrap; -webkit-flex-wrap: wrap; align-self: stretch; -webkit-align-self: stretch; } #website-body .ep_gridcolumn.ep-m_form .ep_gridcolumn-content>* { flex: 0 0 auto; -webkit-flex: 0 0 auto; } #website-body .ep_gridcolumn.ep-m_form .ep_gridcolumn-content .ep-a_field .ep-p_select .ep_select.epjs_converted .epjs_select .epjs_button, #website-body .ep_gridcolumn.ep-m_form .ep_gridcolumn-content .ep-a_field .ep-p_select .ep_select.epjs_converted .epjs_select .epjs_dropdown { width: 100% !important; } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* MOLECULE "FORM" : Gestion des marges */ /* MOLECULE "FORM" : Correction des marges entre les boutons "lien" d'ouverture/fermeture et le contenu */ #website-body .ep_gridcolumn.ep-m_form .ep_gridrow+.ep_gridrow .ep_gridcolumn:first-child .ep-a_button.ep-layout_link { margin-top: -10px; } #website-body .ep_gridcolumn.ep-m_form .ep-a_button.ep-layout_link:after { height: 10px; } /* MOLECULE "FORM" : Correction des marges entre le libelle et le champ texte associe */ #website-body .ep_gridcolumn.ep-m_form .ep-a_heading.ep-layout_level3+.ep-a_field { margin-top: -10px; } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* MOLECULE "FORM" : Affichage des champs de la molecule sur une meme ligne */ @media screen and (min-width:1200px) { #website-body .ep_gridcolumn.ep-m_form[data-layout1200*="inline"] .ep-a_field .ep-p_casefield { margin-top: -10px; text-align: center; } #website-body .ep_gridcolumn.ep-m_form[data-layout1200*="inline"] .ep-a_field .ep-p_casefield .ep_input { display: inline-block; margin-top: 10px; margin-left: 10px; margin-right: 10px; vertical-align: middle; } } @media screen and (min-width:1020px) and (max-width:1199px) { #website-body .ep_gridcolumn.ep-m_form[data-layout1020*="inline"] .ep-a_field .ep-p_casefield { margin-top: -10px; text-align: center; } #website-body .ep_gridcolumn.ep-m_form[data-layout1020*="inline"] .ep-a_field .ep-p_casefield .ep_input { display: inline-block; margin-top: 10px; margin-left: 10px; margin-right: 10px; vertical-align: middle; } } @media screen and (min-width:750px) and (max-width:1019px), print { #website-body .ep_gridcolumn.ep-m_form[data-layout750*="inline"] .ep-a_field .ep-p_casefield { margin-top: -10px; text-align: center; } #website-body .ep_gridcolumn.ep-m_form[data-layout750*="inline"] .ep-a_field .ep-p_casefield .ep_input { display: inline-block; margin-top: 10px; margin-left: 10px; margin-right: 10px; vertical-align: middle; } } @media screen and (min-width:640px) and (max-width:749px) { #website-body .ep_gridcolumn.ep-m_form[data-layout640*="inline"] .ep-a_field .ep-p_casefield { margin-top: -10px; text-align: center; } #website-body .ep_gridcolumn.ep-m_form[data-layout640*="inline"] .ep-a_field .ep-p_casefield .ep_input { display: inline-block; margin-top: 10px; margin-left: 10px; margin-right: 10px; vertical-align: middle; } } @media screen and (min-width:480px) and (max-width:639px) { #website-body .ep_gridcolumn.ep-m_form[data-layout480*="inline"] .ep-a_field .ep-p_casefield { margin-top: -10px; text-align: center; } #website-body .ep_gridcolumn.ep-m_form[data-layout480*="inline"] .ep-a_field .ep-p_casefield .ep_input { display: inline-block; margin-top: 10px; margin-left: 10px; margin-right: 10px; vertical-align: middle; } } @media screen and (max-width:479px) { #website-body .ep_gridcolumn.ep-m_form[data-layout320*="inline"] .ep-a_field .ep-p_casefield { margin-top: -10px; text-align: center; } #website-body .ep_gridcolumn.ep-m_form[data-layout320*="inline"] .ep-a_field .ep-p_casefield .ep_input { display: inline-block; margin-top: 10px; margin-left: 10px; margin-right: 10px; vertical-align: middle; } } /* ========================================================================================================================================================================== */ /* == NOTIFICATION =============== [MOLECULE] ========= ep-m_notification =================================================================================================== */ /* ========================================================================================================================================================================== */ /* Description : Molecule a utiliser pour le lien d'acces au systeme de notification du Parlement (gere par une agence externe) */ /* MOLECULE "NOTIFICATION" : Correction de la marge entre molecules */ #website-body .ep_gridcolumn[class*="ep-m_notification"]:after { height: 30px } /* MOLECULE "NOTIFICATION" : Correction du visuel de la molecule */ #website-body .ep_gridcolumn[class*="ep-m_notification"]>.ep_gridcolumn-content { margin-left: 10px; margin-right: 10px; padding-top: 20px; border-radius: 5px; } #website-body .ep_gridcolumn[class*="ep-m_notification"]>.ep_gridcolumn-content:before, #website-body .ep_gridcolumn[class*="ep-m_notification"]>.ep_gridcolumn-content:after { display: none !important; } /* MOLECULE "NOTIFICATION" : Ajout de la couleur de fond */ #website-body .ep_gridcolumn.ep-m_notification>.ep_gridcolumn-content { background-color: #f3f4f4; border: 1px solid #d1d3d4; } /* MOLECULE "NOTIFICATION" : Deplacement des elements selon la hauteur de la boite */ #website-body .ep_gridcolumn.ep-m_notification>.ep_gridcolumn-content { display: flex; display: -webkit-flex; flex-direction: column; -webkit-flex-direction: column; } #website-body .ep_gridcolumn.ep-m_notification>.ep_gridcolumn-content .ep-a_heading { flex: 1 1 auto; -webkit-flex: 1 1 auto; } #website-body .ep_gridcolumn.ep-m_notification>.ep_gridcolumn-content .ep-a_button { flex: 0 0 auto; -webkit-flex: 0 0 auto; } /* MOLECULE "NOTIFICATION" : Alignement centre des composants */ #website-body .ep_gridcolumn.ep-m_notification .ep-a_heading, #website-body .ep_gridcolumn.ep-m_notification .ep-a_button { display: block; text-align: center; } /* MOLECULE "NOTIFICATION" : Correction de la police de l'atome de titre */ #website-body .ep_gridcolumn.ep-m_notification .ep-a_heading .ep_title .ep-p_text { font-size: 2.5em; font-style: italic; } /* MOLECULE "NOTIFICATION" : Ajout de l'icone sous le titre */ #website-body .ep_gridcolumn.ep-m_notification .ep-a_heading .ep_title .ep-p_text .ep_name, #website-body .ep_gridcolumn.ep-m_notification .ep-a_heading .ep_title .ep-p_text .ep_icon { display: block; } #website-body .ep_gridcolumn.ep-m_notification .ep-a_heading .ep_title .ep-p_text .ep_icon { width: auto; height: 55px; } #website-body .ep_gridcolumn.ep-m_notification .ep-a_heading .ep_title .ep-p_text .ep_icon:before { display: inline-block; width: 21px; height: 22px; background-position: -77px -114px; transform: scale(3.2) translate(0, 8px); -webkit-transform: scale(3.2) translate(0, 8px); } /* MOLECULE "NOTIFICATION" : Ajout de l'icone sous le titre */ @media screen and (max-width:1019px) { #website-body .ep_gridcolumn.ep-m_notification .ep-a_heading .ep_title .ep-p_text { font-size: 2.5em; } #website-body .ep_gridcolumn.ep-m_notification .ep-a_heading .ep_title .ep-p_text .ep_icon { display: none; } } /* MOLECULE "NOTIFICATION" : Suppression du composant */ @media print { #website-body .ep_gridcolumn.ep-m_notification { opacity: 0 !important; } #website-body .ep_gridcolumn.ep-m_notification>* { display: none !important; } } /* ========================================================================================================================================================================== */ /* == VIDEO ====================== [MOLECULE] ========= ep-m_video ========================================================================================================== */ /* ========================================================================================================================================================================== */ /* Description : Molecule a utiliser pour l'affichage d'une video jouable dans la page */ /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* VIDEO : Affichage de la video embed */ /* VIDEO : Affichage de la video embed superposee a l'image */ #website-body .ep_gridcolumn.ep-m_video .ep-a_media .ep_media.ep-layout_embed, #website-body .ep_gridcolumn.ep-m_video .ep-a_media .ep_media.ep-layout_embed>.ep_video, #website-body .ep_gridcolumn.ep-m_video .ep-a_media .ep_media.ep-layout_embed>.ep_video iframe, #website-body .ep_gridcolumn.ep-m_video .ep-a_media .ep_media.ep-layout_embed>.ep_video object, #website-body .ep_gridcolumn.ep-m_video .ep-a_media .ep_media.ep-layout_embed>.ep_video video { position: absolute; display: block; top: 0; bottom: 0; left: 0; right: 0; width: auto; height: auto; margin: 0; padding: 0; border: 0; outline: 0; } #website-body .ep_gridcolumn.ep-m_video .ep-a_media .ep_media.ep-layout_embed>.ep_video iframe, #website-body .ep_gridcolumn.ep-m_video .ep-a_media .ep_media.ep-layout_embed>.ep_video object, #website-body .ep_gridcolumn.ep-m_video .ep-a_media .ep_media.ep-layout_embed>.ep_video video { width: 100% !important; height: 100% !important; } #website-body .ep_gridcolumn.ep-m_video .ep-a_media .ep_media.ep-layout_embed { display: none; z-index: 1; } /* VIDEO : Activation de la video embed */ #website-body .ep_gridcolumn.ep-m_video[data-converted] .ep-a_media .ep_media.ep-layout_embed { display: block; } #website-body .ep_gridcolumn.ep-m_video .ep-a_media>* { display: flex; display: -webkit-flex; width: 200%; flex-direction: row; -webkit-flex-direction: row; flex-wrap: wrap; -webkit-flex-wrap: wrap; } #website-body .ep_gridcolumn.ep-m_video .ep-a_media .ep_media.ep-layout_image, #website-body .ep_gridcolumn.ep-m_video .ep-a_media .ep_media.ep-layout_embed { display: inline-block; overflow: hidden; width: 50%; flex: 0 0 50%; } #website-body .ep_gridcolumn.ep-m_video .ep-a_media .ep_media.ep-layout_embed { margin: 0; padding: 0; border: 0; outline: 0; transform: translate(-100%, 0); -webkit-transform: translate(-100%, 0); } #website-body .ep_gridcolumn.ep-m_video .ep-a_media .ep_text { display: block; width: 100%; padding-right: 50%; box-sizing: border-box; flex: 0 0 100%; -webkit-flex: 0 0 100%; } @media screen and (-ms-high-contrast: none) { #website-body .ep_gridcolumn.ep-m_video .ep-a_media .ep_text { width: 50%; flex: 0 0 50%; -webkit-flex: 0 0 50%; } } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* VIDEO : Affichage de la molecule sur deux colonnes avec panneau lateral sur fond noir */ /* VIDEO : Suppression de la bordure sur l'image */ #website-body .ep_gridcolumn.ep-m_video.ep-layout_black>.ep_gridrow .ep-a_media .ep_media.ep-layout_image .ep-p_image .ep_image { border: 0; } /* VIDEO : Ajout du fond noir et de la couleur du texte */ #website-body .ep_gridcolumn.ep-m_video.ep-layout_black>.ep_gridrow { background-color: #1e1e1f; color: #fff; } #website-body .ep_gridcolumn.ep-m_video.ep-layout_black>.ep_gridrow [class*="ep-a_"], #website-body .ep_gridcolumn.ep-m_video.ep-layout_black>.ep_gridrow .ep-a_heading .ep-p_text, #website-body .ep_gridcolumn.ep-m_video.ep-layout_black>.ep_gridrow .ep-a_links .ep-p_text .ep_name { color: #fff; } /* VIDEO : Alignement des composants au sein de la molecule */ #website-body .ep_gridcolumn.ep-m_video.ep-layout_black>.ep_gridrow .ep_gridcolumn.ep-layout_text [class*="ep-a_"] { padding-left: 10px; padding-right: 10px; } #website-body .ep_gridcolumn.ep-m_video.ep-layout_black>.ep_gridrow .ep_gridcolumn.ep-layout_text [class*="ep-a_media"] { padding-left: 0; padding-right: 0; } /* VIDEO : Affichage des bordures masquant les marges laterales */ #website-body .ep_gridcolumn.ep-m_video.ep-layout_black>.ep_gridrow:before, #website-body .ep_gridcolumn.ep-m_video.ep-layout_black>.ep_gridrow:after { opacity: 1; } /* VIDEO : Ajout d'une marge sous la molecule */ #website-body .ep_gridcolumn.ep-m_video.ep-layout_black:after { height: 30px; } /* VIDEO : Correction de la superposition de la video sur l'image */ #website-body .ep_gridcolumn.ep-m_video.ep-layout_black>.ep_gridrow .ep-a_media>* { position: relative; display: block; } #website-body .ep_gridcolumn.ep-m_video.ep-layout_black>.ep_gridrow .ep-a_media>*, #website-body .ep_gridcolumn.ep-m_video.ep-layout_black>.ep_gridrow .ep-a_media .ep_media.ep-layout_image, #website-body .ep_gridcolumn.ep-m_video.ep-layout_black>.ep_gridrow .ep-a_media .ep_media.ep-layout_embed { width: auto; } #website-body .ep_gridcolumn.ep-m_video.ep-layout_black>.ep_gridrow .ep-a_media .ep_media.ep-layout_embed { position: absolute; transform: none; -webkit-transform: none; } /* VIDEO : Affichage de la molecule sur deux colonnes */ @media screen and (min-width:1200px) { /* VIDEO : Alignement des composants au sein de la molecule */ #website-body .ep_gridcolumn.ep-m_video[data-layout1200^="list"].ep-layout_black>.ep_gridrow .ep_gridcolumn.ep-layout_text [class*="ep-a_"] { padding-left: 0; padding-right: 20px; } #website-body .ep_gridcolumn.ep-m_video[data-layout1200^="list"].ep-layout_black>.ep_gridrow [class*="ep-a_"]:first-child { padding-top: 20px; } #website-body .ep_gridcolumn.ep-m_video[data-layout1200^="list"].ep-layout_black>.ep_gridrow [class*="ep-a_media"]:first-child, #website-body .ep_gridcolumn.ep-m_video[data-layout1200^="list"].ep-layout_black>.ep_gridrow [class*="ep-a_links"]:first-child { margin-top: 0; padding-top: 0; } #website-body .ep_gridcolumn.ep-m_video[data-layout1200^="list"].ep-layout_black>.ep_gridrow [class*="ep-a_media"]:last-child:after { display: none; } } @media screen and (min-width:1020px) and (max-width:1199px) { /* VIDEO : Alignement des composants au sein de la molecule */ #website-body .ep_gridcolumn.ep-m_video[data-layout1020^="list"].ep-layout_black>.ep_gridrow .ep_gridcolumn.ep-layout_text [class*="ep-a_"] { padding-left: 0; padding-right: 20px; } #website-body .ep_gridcolumn.ep-m_video[data-layout1020^="list"].ep-layout_black>.ep_gridrow [class*="ep-a_"]:first-child { padding-top: 20px; } #website-body .ep_gridcolumn.ep-m_video[data-layout1020^="list"].ep-layout_black>.ep_gridrow [class*="ep-a_media"]:first-child, #website-body .ep_gridcolumn.ep-m_video[data-layout1020^="list"].ep-layout_black>.ep_gridrow [class*="ep-a_links"]:first-child { margin-top: 0; padding-top: 0; } #website-body .ep_gridcolumn.ep-m_video[data-layout1020^="list"].ep-layout_black>.ep_gridrow [class*="ep-a_media"]:last-child:after { display: none; } } @media screen and (min-width:750px) and (max-width:1019px), print { /* VIDEO : Alignement des composants au sein de la molecule */ #website-body .ep_gridcolumn.ep-m_video[data-layout750^="list"].ep-layout_black>.ep_gridrow .ep_gridcolumn.ep-layout_text [class*="ep-a_"] { padding-left: 0; padding-right: 20px; } #website-body .ep_gridcolumn.ep-m_video[data-layout750^="list"].ep-layout_black>.ep_gridrow [class*="ep-a_"]:first-child { padding-top: 20px; } #website-body .ep_gridcolumn.ep-m_video[data-layout750^="list"].ep-layout_black>.ep_gridrow [class*="ep-a_media"]:first-child, #website-body .ep_gridcolumn.ep-m_video[data-layout750^="list"].ep-layout_black>.ep_gridrow [class*="ep-a_links"]:first-child { margin-top: 0; padding-top: 0; } #website-body .ep_gridcolumn.ep-m_video[data-layout750^="list"].ep-layout_black>.ep_gridrow [class*="ep-a_media"]:last-child:after { display: none; } } @media screen and (min-width:640px) and (max-width:749px) { /* VIDEO : Alignement des composants au sein de la molecule */ #website-body .ep_gridcolumn.ep-m_video[data-layout640^="list"].ep-layout_black>.ep_gridrow .ep_gridcolumn.ep-layout_text [class*="ep-a_"] { padding-left: 0; padding-right: 20px; } #website-body .ep_gridcolumn.ep-m_video[data-layout640^="list"].ep-layout_black>.ep_gridrow [class*="ep-a_"]:first-child { padding-top: 20px; } #website-body .ep_gridcolumn.ep-m_video[data-layout640^="list"].ep-layout_black>.ep_gridrow [class*="ep-a_media"]:first-child, #website-body .ep_gridcolumn.ep-m_video[data-layout640^="list"].ep-layout_black>.ep_gridrow [class*="ep-a_links"]:first-child { margin-top: 0; padding-top: 0; } #website-body .ep_gridcolumn.ep-m_video[data-layout640^="list"].ep-layout_black>.ep_gridrow [class*="ep-a_media"]:last-child:after { display: none; } } @media screen and (min-width:480px) and (max-width:639px) { /* VIDEO : Alignement des composants au sein de la molecule */ #website-body .ep_gridcolumn.ep-m_video[data-layout480^="list"].ep-layout_black>.ep_gridrow .ep_gridcolumn.ep-layout_text [class*="ep-a_"] { padding-left: 0; padding-right: 20px; } #website-body .ep_gridcolumn.ep-m_video[data-layout480^="list"].ep-layout_black>.ep_gridrow [class*="ep-a_"]:first-child { padding-top: 20px; } #website-body .ep_gridcolumn.ep-m_video[data-layout480^="list"].ep-layout_black>.ep_gridrow [class*="ep-a_media"]:first-child, #website-body .ep_gridcolumn.ep-m_video[data-layout480^="list"].ep-layout_black>.ep_gridrow [class*="ep-a_links"]:first-child { margin-top: 0; padding-top: 0; } #website-body .ep_gridcolumn.ep-m_video[data-layout480^="list"].ep-layout_black>.ep_gridrow [class*="ep-a_media"]:last-child:after { display: none; } } @media screen and (max-width:639px) { /* VIDEO : Alignement des composants au sein de la molecule */ #website-body .ep_gridcolumn.ep-m_video[data-layout320^="list"].ep-layout_black>.ep_gridrow .ep_gridcolumn.ep-layout_text [class*="ep-a_"] { padding-left: 0; padding-right: 20px; } #website-body .ep_gridcolumn.ep-m_video[data-layout320^="list"].ep-layout_black>.ep_gridrow [class*="ep-a_"]:first-child { padding-top: 20px; } #website-body .ep_gridcolumn.ep-m_video[data-layout320^="list"].ep-layout_black>.ep_gridrow [class*="ep-a_media"]:first-child, #website-body .ep_gridcolumn.ep-m_video[data-layout320^="list"].ep-layout_black>.ep_gridrow [class*="ep-a_links"]:first-child { margin-top: 0; padding-top: 0; } #website-body .ep_gridcolumn.ep-m_video[data-layout320^="list"].ep-layout_black>.ep_gridrow [class*="ep-a_media"]:last-child:after { display: none; } } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* VIDEO : Version print */ @media print { #website-body .ep_gridcolumn.ep-m_video .ep-a_media>* { page-break-inside: avoid; } } /* ========================================================================================================================================================================== */ /* == BILLBOARD ================== [MOLECULE] ========= ep-m_billboard ====================================================================================================== */ /* ========================================================================================================================================================================== */ /* Description : Molecule a utiliser pour l'affichage d'une liste d'elements comprenant une photo, nom et texte de contenu */ /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* MOLECULE "BILLBOARD" : Couleur de fond et bordure */ /* MOLECULE "BILLBOARD" : Gestion des marges */ #website-body .ep_gridcolumn.ep-m_billboard:after { height: 30px; } #website-body .ep_gridcolumn.ep-m_billboard>.ep_gridcolumn-content>.ep_list { position: static; display: block; overflow: hidden; margin: 0; padding: 0; font-size: 1em; white-space: normal; } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* MOLECULE "BILLBOARD" : Liste d'elements */ /* MOLECULE "BILLBOARD" : Liste d'elements */ #website-body .ep_gridcolumn.ep-m_billboard>.ep_gridcolumn-content>.ep_list { margin: 0 -10px 0 -10px; padding: 0; font-size: 1em; white-space: normal; } #website-body .ep_gridcolumn.ep-m_billboard>.ep_gridcolumn-content>.ep_header+.ep_list { margin-top: -10px; padding-top: 0; } /* MOLECULE "BILLBOARD" : Ligne de separation des lignes de contenu */ #website-body .ep_gridcolumn.ep-m_billboard>.ep_gridcolumn-content>.ep_list .ep_item:before, #website-body .ep_gridcolumn.ep-m_billboard>.ep_gridcolumn-content>.ep_list .ep_item:after { position: static; display: block; overflow: hidden; height: 0; margin: 0 10px; background-color: #fff; border-top: 2px dotted #d1d3d4; content: ""; } #website-body .ep_gridcolumn.ep-m_billboard>.ep_gridcolumn-content>.ep_list .ep_item:before { transform: translate(0, -30px); -webkit-transform: translate(0, -30px); } #website-body .ep_gridcolumn.ep-m_billboard>.ep_gridcolumn-content>.ep_list .ep_item:after { transform: translate(0, 10px); -webkit-transform: translate(0, 10px); } #website-body .ep_gridcolumn.ep-m_billboard>.ep_gridcolumn-content>.ep_list .ep_item+.ep_item { margin-top: -2px; } /* MOLECULE "BILLBOARD" : Element de la liste */ #website-body .ep_gridcolumn.ep-m_billboard>.ep_gridcolumn-content>.ep_list .ep_item { position: static; display: block; margin: 0; padding: 30px 0 10px 0; font-size: 1em; white-space: normal; } #website-body .ep_gridcolumn.ep-m_billboard>.ep_gridcolumn-content>.ep_list .ep_item>div { position: static; display: block; display: flex; display: -webkit-flex; margin: 0; flex-direction: row-reverse; -webkit-flex-direction: row-reverse; flex-wrap: nowrap; -webkit-flex-wrap: nowrap; letter-spacing: -0.3em; white-space: nowrap; } #website-body .ep_gridcolumn.ep-m_billboard>.ep_gridcolumn-content>.ep_list .ep_item>div .ep_picture, #website-body .ep_gridcolumn.ep-m_billboard>.ep_gridcolumn-content>.ep_list .ep_item>div .ep_monitor { position: static; display: inline-block; margin: 0; padding: 0 10px; box-sizing: border-box; } #website-body .ep_gridcolumn.ep-m_billboard>.ep_gridcolumn-content>.ep_list .ep_item>div .ep_content { padding-left: 10px; padding-right: 10px; box-sizing: border-box; flex: 1 1 50%; -webkit-flex: 1 1 50%; letter-spacing: normal; white-space: normal; } #website-body .ep_gridcolumn.ep-m_billboard>.ep_gridcolumn-content>.ep_list .ep_item>div .ep_picture { flex: 0 0 auto; -webkit-flex: 0 0 auto; } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* MOLECULE "BILLBOARD" : Elements libres de contenu */ /* MOLECULE "BILLBOARD" : Blocage de l'ajout d'element autre qu'image dans la colonne consacree */ #website-body .ep_gridcolumn.ep-m_billboard>.ep_gridcolumn-content>.ep_list .ep_item>div .ep_picture [class*="ep-a_"] { display: none; } #website-body .ep_gridcolumn.ep-m_billboard>.ep_gridcolumn-content>.ep_list .ep_item>div .ep_picture [class*="ep-a_media"] { display: block; } #website-body .ep_gridcolumn.ep-m_billboard>.ep_gridcolumn-content>.ep_list .ep_item>div .ep_picture [class*="ep-a_media"] .ep-p_image .ep_image { display: inline-block; width: auto; max-width: 100%; } /* MOLECULE "BILLBOARD" : Correction de l'affichage des elements de contenu (heading) */ #website-body .ep_gridcolumn.ep-m_billboard>.ep_gridcolumn-content>.ep_list .ep_item>div .ep_content .ep-a_heading>.ep_subtitle { margin-top: 6px } #website-body .ep_gridcolumn.ep-m_billboard>.ep_gridcolumn-content>.ep_list .ep_item>div .ep_content .ep-a_heading>.ep_subtitle .ep-p_text:not(.ep-layout_contenttype) { font-weight: normal; color: inherit; } /* MOLECULE "BILLBOARD" : Correction de l'affichage des elements de contenu (quotes) */ #website-body .ep_gridcolumn.ep-m_billboard>.ep_gridcolumn-content>.ep_list .ep_item>div .ep_content .ep-a_quotation>div { padding-top: 0; padding-bottom: 0; background-color: transparent; border: none; box-shadow: none; } #website-body .ep_gridcolumn.ep-m_billboard>.ep_gridcolumn-content>.ep_list .ep_item>div .ep_content .ep-a_quotation>div .ep_quotes { padding: 0; border: none; } #website-body .ep_gridcolumn.ep-m_billboard>.ep_gridcolumn-content>.ep_list .ep_item>div .ep_content .ep-a_quotation:before, #website-body .ep_gridcolumn.ep-m_billboard>.ep_gridcolumn-content>.ep_list .ep_item>div .ep_content .ep-a_quotation>div .ep_quotes .ep_text:before, #website-body .ep_gridcolumn.ep-m_billboard>.ep_gridcolumn-content>.ep_list .ep_item>div .ep_content .ep-a_quotation>div .ep_quotes .ep_text:after { display: none; } #website-body .ep_gridcolumn.ep-m_billboard>.ep_gridcolumn-content>.ep_list .ep_item>div .ep_content .ep-a_quotation { text-align: left; } #website-body .ep_gridcolumn.ep-m_billboard>.ep_gridcolumn-content>.ep_list .ep_item>div .ep_content .ep-a_quotation * { text-align: inherit; } #website-body .ep_gridcolumn.ep-m_billboard>.ep_gridcolumn-content>.ep_list .ep_item>div .ep_content .ep-a_quotation>div .ep_quotes .ep_text p { padding: 0; font-size: 2em; } #website-body .ep_gridcolumn.ep-m_billboard>.ep_gridcolumn-content>.ep_list .ep_item>div .ep_content .ep-a_quotation>div .ep_quotes .ep_info { margin-top: 5px; margin-bottom: -3px; padding: 0; font-size: 1em; } #website-body .ep_gridcolumn.ep-m_billboard>.ep_gridcolumn-content>.ep_list .ep_item>div .ep_content .ep-a_quotation>div .ep_quotes .ep_info>span { font-size: 1.2em; } /* MOLECULE "BILLBOARD" : Correction de l'affichage des elements de contenu (links) */ #website-body .ep_gridcolumn.ep-m_billboard>.ep_gridcolumn-content>.ep_list .ep_item>div .ep_content .ep-a_links .ep_list { margin-top: -10px; margin-bottom: -10px; } #website-body .ep_gridcolumn.ep-m_billboard>.ep_gridcolumn-content>.ep_list .ep_item>div .ep_content .ep-a_links .ep_list>* { padding-top: 2px; padding-bottom: 5px; border-top-style: none; } #website-body .ep_gridcolumn.ep-m_billboard>.ep_gridcolumn-content>.ep_list .ep_item>div .ep_content .ep-a_links .ep_title+.ep_list>*:first-child { margin-top: -12px; padding-top: 10px; border-top-style: dotted; } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* MOLECULE "BILLBOARD" : Gestion du widget sur fond colore */ /* MOLECULE "BILLBOARD" : Ajout de la couleur sur les lignes de separation */ #website-body .ep_gridcolumn.ep-m_billboard.ep-layout_greycolor>.ep_gridcolumn-content>.ep_list .ep_item:before, #website-body .ep_gridcolumn.ep-m_billboard.ep-layout_greycolor>.ep_gridcolumn-content>.ep_list .ep_item:after { margin-left: 21px; margin-right: 21px; background-color: #f3f4f4; } #website-body .ep_gridcolumn.ep-m_billboard.ep-layout_greygradient>.ep_gridcolumn-content>.ep_list .ep_item:before, #website-body .ep_gridcolumn.ep-m_billboard.ep-layout_greygradient>.ep_gridcolumn-content>.ep_list .ep_item:after { background-color: #f3f4f4; background: -webkit-linear-gradient(left, #f3f4f4, #e4e5e6); background: -moz-linear-gradient(left, #f3f4f4, #e4e5e6); background: -ms-linear-gradient(left, #f3f4f4, #e4e5e6); background: linear-gradient(left, #f3f4f4, #e4e5e6); } /* MOLECULE "BILLBOARD" : Affichage des bords blancs autours de la molecule */ #website-body .ep_gridcolumn.ep-m_billboard.ep-layout_greycolor, #website-body .ep_gridcolumn.ep-m_billboard.ep-layout_greygradient { position: relative; } #website-body .ep_gridcolumn.ep-m_billboard.ep-layout_greycolor>.ep_gridcolumn-content:before, #website-body .ep_gridcolumn.ep-m_billboard.ep-layout_greycolor>.ep_gridcolumn-content:after, #website-body .ep_gridcolumn.ep-m_billboard.ep-layout_greygradient>.ep_gridcolumn-content:before, #website-body .ep_gridcolumn.ep-m_billboard.ep-layout_greygradient>.ep_gridcolumn-content:after { display: block; } /* MOLECULE "BILLBOARD" : Correction des marges internes */ #website-body .ep_gridcolumn.ep-m_billboard.ep-layout_greycolor>.ep_gridcolumn-content>.ep_list .ep_item>div .ep_picture, #website-body .ep_gridcolumn.ep-m_billboard.ep-layout_greygradient>.ep_gridcolumn-content>.ep_list .ep_item>div .ep_picture { padding-left: 20px; margin-right: -10px; } #website-body .ep_gridcolumn.ep-m_billboard.ep-layout_greycolor>.ep_gridcolumn-content>.ep_list .ep_item>div .ep_content, #website-body .ep_gridcolumn.ep-m_billboard.ep-layout_greygradient>.ep_gridcolumn-content>.ep_list .ep_item>div .ep_content { padding-left: 20px; padding-right: 20px; } #website-body .ep_gridcolumn.ep-m_billboard.ep-layout_greycolor>.ep_gridcolumn-content>.ep_list .ep_item>div .ep_content [class*="ep-a_"], #website-body .ep_gridcolumn.ep-m_billboard.ep-layout_greygradient>.ep_gridcolumn-content>.ep_list .ep_item>div .ep_content [class*="ep-a_"] { padding-top: 0; } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* MOLECULE "BILLBOARD" : Definition du visuel selon la largeur du widget */ @media screen and (min-width:1200px) { /* MOLECULE "BILLBOARD" : Definition de la largeur de la colonne "image" */ #website-body .ep_gridcolumn.ep-m_billboard[data-view1200="12"]>.ep_gridcolumn-content>.ep_list .ep_item>div .ep_picture { width: calc(100% / 6); } #website-body .ep_gridcolumn.ep-m_billboard[data-view1200="11"]>.ep_gridcolumn-content>.ep_list .ep_item>div .ep_picture { width: calc((100% / 11) * 2); } #website-body .ep_gridcolumn.ep-m_billboard[data-view1200="10"]>.ep_gridcolumn-content>.ep_list .ep_item>div .ep_picture { width: 20%; } #website-body .ep_gridcolumn.ep-m_billboard[data-view1200="9"]>.ep_gridcolumn-content>.ep_list .ep_item>div .ep_picture { width: calc((100% / 9) * 2); } #website-body .ep_gridcolumn.ep-m_billboard[data-view1200="8"]>.ep_gridcolumn-content>.ep_list .ep_item>div .ep_picture { width: 25%; } #website-body .ep_gridcolumn.ep-m_billboard[data-view1200="7"]>.ep_gridcolumn-content>.ep_list .ep_item>div .ep_picture { width: calc((100% / 7) * 2); } #website-body .ep_gridcolumn.ep-m_billboard[data-view1200="6"]>.ep_gridcolumn-content>.ep_list .ep_item>div .ep_picture { width: calc(100% / 3); } /* MOLECULE "BILLBOARD" : Affichage de l'image au dessus du contenu */ #website-body .ep_gridcolumn.ep-m_billboard[data-view1200="5"]>.ep_gridcolumn-content>.ep_list .ep_item>div, #website-body .ep_gridcolumn.ep-m_billboard[data-view1200="4"]>.ep_gridcolumn-content>.ep_list .ep_item>div, #website-body .ep_gridcolumn.ep-m_billboard[data-view1200="3"]>.ep_gridcolumn-content>.ep_list .ep_item>div, #website-body .ep_gridcolumn.ep-m_billboard[data-view1200="2"]>.ep_gridcolumn-content>.ep_list .ep_item>div, #website-body .ep_gridcolumn.ep-m_billboard[data-view1200="1"]>.ep_gridcolumn-content>.ep_list .ep_item>div { flex-direction: column-reverse; -webkit-flex-direction: column-reverse; flex-wrap: wrap; -webkit-flex-wrap: wrap; white-space: normal; } #website-body .ep_gridcolumn.ep-m_billboard[data-view1200="5"]>.ep_gridcolumn-content>.ep_list .ep_item>div .ep_picture, #website-body .ep_gridcolumn.ep-m_billboard[data-view1200="5"]>.ep_gridcolumn-content>.ep_list .ep_item>div .ep_content, #website-body .ep_gridcolumn.ep-m_billboard[data-view1200="4"]>.ep_gridcolumn-content>.ep_list .ep_item>div .ep_picture, #website-body .ep_gridcolumn.ep-m_billboard[data-view1200="4"]>.ep_gridcolumn-content>.ep_list .ep_item>div .ep_content, #website-body .ep_gridcolumn.ep-m_billboard[data-view1200="3"]>.ep_gridcolumn-content>.ep_list .ep_item>div .ep_picture, #website-body .ep_gridcolumn.ep-m_billboard[data-view1200="3"]>.ep_gridcolumn-content>.ep_list .ep_item>div .ep_content, #website-body .ep_gridcolumn.ep-m_billboard[data-view1200="2"]>.ep_gridcolumn-content>.ep_list .ep_item>div .ep_picture, #website-body .ep_gridcolumn.ep-m_billboard[data-view1200="2"]>.ep_gridcolumn-content>.ep_list .ep_item>div .ep_content, #website-body .ep_gridcolumn.ep-m_billboard[data-view1200="1"]>.ep_gridcolumn-content>.ep_list .ep_item>div .ep_picture, #website-body .ep_gridcolumn.ep-m_billboard[data-view1200="1"]>.ep_gridcolumn-content>.ep_list .ep_item>div .ep_content { display: block; width: 100%; flex: 0 0 100%; -webkit-flex: 0 0 100%; } #website-body .ep_gridcolumn.ep-m_billboard[data-view1200="5"]>.ep_gridcolumn-content>.ep_list .ep_item>div .ep_picture, #website-body .ep_gridcolumn.ep-m_billboard[data-view1200="4"]>.ep_gridcolumn-content>.ep_list .ep_item>div .ep_picture, #website-body .ep_gridcolumn.ep-m_billboard[data-view1200="3"]>.ep_gridcolumn-content>.ep_list .ep_item>div .ep_picture, #website-body .ep_gridcolumn.ep-m_billboard[data-view1200="2"]>.ep_gridcolumn-content>.ep_list .ep_item>div .ep_picture, #website-body .ep_gridcolumn.ep-m_billboard[data-view1200="1"]>.ep_gridcolumn-content>.ep_list .ep_item>div .ep_picture { margin-bottom: -5px; } #website-body .ep_gridcolumn.ep-m_billboard[data-view1200="5"]>.ep_gridcolumn-content>.ep_list .ep_item>div [class*="ep-a_"], #website-body .ep_gridcolumn.ep-m_billboard[data-view1200="4"]>.ep_gridcolumn-content>.ep_list .ep_item>div [class*="ep-a_"], #website-body .ep_gridcolumn.ep-m_billboard[data-view1200="3"]>.ep_gridcolumn-content>.ep_list .ep_item>div [class*="ep-a_"], #website-body .ep_gridcolumn.ep-m_billboard[data-view1200="2"]>.ep_gridcolumn-content>.ep_list .ep_item>div [class*="ep-a_"], #website-body .ep_gridcolumn.ep-m_billboard[data-view1200="1"]>.ep_gridcolumn-content>.ep_list .ep_item>div [class*="ep-a_"] { margin-left: auto; margin-right: auto; text-align: center; } #website-body .ep_gridcolumn.ep-m_billboard[data-view1200="5"]>.ep_gridcolumn-content>.ep_list .ep_item>div [class*="ep-a_"] *, #website-body .ep_gridcolumn.ep-m_billboard[data-view1200="4"]>.ep_gridcolumn-content>.ep_list .ep_item>div [class*="ep-a_"] *, #website-body .ep_gridcolumn.ep-m_billboard[data-view1200="3"]>.ep_gridcolumn-content>.ep_list .ep_item>div [class*="ep-a_"] *, #website-body .ep_gridcolumn.ep-m_billboard[data-view1200="2"]>.ep_gridcolumn-content>.ep_list .ep_item>div [class*="ep-a_"] *, #website-body .ep_gridcolumn.ep-m_billboard[data-view1200="1"]>.ep_gridcolumn-content>.ep_list .ep_item>div [class*="ep-a_"] * { text-align: inherit; justify-content: center; } #website-body .ep_gridcolumn.ep-m_billboard[data-view1200="5"]>.ep_gridcolumn-content>.ep_list .ep_item>div .ep_picture .ep-a_media { max-width: calc((100% / 5) * 2); } #website-body .ep_gridcolumn.ep-m_billboard[data-view1200="4"]>.ep_gridcolumn-content>.ep_list .ep_item>div .ep_picture .ep-a_media { max-width: 50%; } #website-body .ep_gridcolumn.ep-m_billboard[data-view1200="3"]>.ep_gridcolumn-content>.ep_list .ep_item>div .ep_picture .ep-a_media { max-width: calc((100% / 3) * 2); } #website-body .ep_gridcolumn.ep-m_billboard[data-view1200="2"]>.ep_gridcolumn-content>.ep_list .ep_item>div .ep_picture .ep-a_media, #website-body .ep_gridcolumn.ep-m_billboard[data-view1200="1"]>.ep_gridcolumn-content>.ep_list .ep_item>div .ep_picture .ep-a_media { max-width: 80px; } } @media screen and (min-width:1020px) and (max-width:1199px) { /* MOLECULE "BILLBOARD" : Definition de la largeur de la colonne "image" */ #website-body .ep_gridcolumn.ep-m_billboard[data-view1020="12"]>.ep_gridcolumn-content>.ep_list .ep_item>div .ep_picture { width: calc(100% / 6); } #website-body .ep_gridcolumn.ep-m_billboard[data-view1020="11"]>.ep_gridcolumn-content>.ep_list .ep_item>div .ep_picture { width: calc((100% / 11) * 2); } #website-body .ep_gridcolumn.ep-m_billboard[data-view1020="10"]>.ep_gridcolumn-content>.ep_list .ep_item>div .ep_picture { width: 20%; } #website-body .ep_gridcolumn.ep-m_billboard[data-view1020="9"]>.ep_gridcolumn-content>.ep_list .ep_item>div .ep_picture { width: calc((100% / 9) * 2); } #website-body .ep_gridcolumn.ep-m_billboard[data-view1020="8"]>.ep_gridcolumn-content>.ep_list .ep_item>div .ep_picture { width: 25%; } /* MOLECULE "BILLBOARD" : Affichage de l'image au dessus du contenu */ #website-body .ep_gridcolumn.ep-m_billboard[data-view1020="7"]>.ep_gridcolumn-content>.ep_list .ep_item>div, #website-body .ep_gridcolumn.ep-m_billboard[data-view1020="6"]>.ep_gridcolumn-content>.ep_list .ep_item>div, #website-body .ep_gridcolumn.ep-m_billboard[data-view1020="5"]>.ep_gridcolumn-content>.ep_list .ep_item>div, #website-body .ep_gridcolumn.ep-m_billboard[data-view1020="4"]>.ep_gridcolumn-content>.ep_list .ep_item>div, #website-body .ep_gridcolumn.ep-m_billboard[data-view1020="3"]>.ep_gridcolumn-content>.ep_list .ep_item>div, #website-body .ep_gridcolumn.ep-m_billboard[data-view1020="2"]>.ep_gridcolumn-content>.ep_list .ep_item>div, #website-body .ep_gridcolumn.ep-m_billboard[data-view1020="1"]>.ep_gridcolumn-content>.ep_list .ep_item>div { flex-direction: column-reverse; -webkit-flex-direction: column-reverse; flex-wrap: wrap; -webkit-flex-wrap: wrap; white-space: normal; } #website-body .ep_gridcolumn.ep-m_billboard[data-view1020="7"]>.ep_gridcolumn-content>.ep_list .ep_item>div .ep_picture, #website-body .ep_gridcolumn.ep-m_billboard[data-view1020="7"]>.ep_gridcolumn-content>.ep_list .ep_item>div .ep_content, #website-body .ep_gridcolumn.ep-m_billboard[data-view1020="6"]>.ep_gridcolumn-content>.ep_list .ep_item>div .ep_picture, #website-body .ep_gridcolumn.ep-m_billboard[data-view1020="6"]>.ep_gridcolumn-content>.ep_list .ep_item>div .ep_content, #website-body .ep_gridcolumn.ep-m_billboard[data-view1020="5"]>.ep_gridcolumn-content>.ep_list .ep_item>div .ep_picture, #website-body .ep_gridcolumn.ep-m_billboard[data-view1020="5"]>.ep_gridcolumn-content>.ep_list .ep_item>div .ep_content, #website-body .ep_gridcolumn.ep-m_billboard[data-view1020="4"]>.ep_gridcolumn-content>.ep_list .ep_item>div .ep_picture, #website-body .ep_gridcolumn.ep-m_billboard[data-view1020="4"]>.ep_gridcolumn-content>.ep_list .ep_item>div .ep_content, #website-body .ep_gridcolumn.ep-m_billboard[data-view1020="3"]>.ep_gridcolumn-content>.ep_list .ep_item>div .ep_picture, #website-body .ep_gridcolumn.ep-m_billboard[data-view1020="3"]>.ep_gridcolumn-content>.ep_list .ep_item>div .ep_content, #website-body .ep_gridcolumn.ep-m_billboard[data-view1020="2"]>.ep_gridcolumn-content>.ep_list .ep_item>div .ep_picture, #website-body .ep_gridcolumn.ep-m_billboard[data-view1020="2"]>.ep_gridcolumn-content>.ep_list .ep_item>div .ep_content, #website-body .ep_gridcolumn.ep-m_billboard[data-view1020="1"]>.ep_gridcolumn-content>.ep_list .ep_item>div .ep_picture, #website-body .ep_gridcolumn.ep-m_billboard[data-view1020="1"]>.ep_gridcolumn-content>.ep_list .ep_item>div .ep_content { display: block; width: 100%; flex: 0 0 100%; -webkit-flex: 0 0 100%; } #website-body .ep_gridcolumn.ep-m_billboard[data-view1020="7"]>.ep_gridcolumn-content>.ep_list .ep_item>div .ep_picture, #website-body .ep_gridcolumn.ep-m_billboard[data-view1020="6"]>.ep_gridcolumn-content>.ep_list .ep_item>div .ep_picture, #website-body .ep_gridcolumn.ep-m_billboard[data-view1020="5"]>.ep_gridcolumn-content>.ep_list .ep_item>div .ep_picture, #website-body .ep_gridcolumn.ep-m_billboard[data-view1020="4"]>.ep_gridcolumn-content>.ep_list .ep_item>div .ep_picture, #website-body .ep_gridcolumn.ep-m_billboard[data-view1020="3"]>.ep_gridcolumn-content>.ep_list .ep_item>div .ep_picture, #website-body .ep_gridcolumn.ep-m_billboard[data-view1020="2"]>.ep_gridcolumn-content>.ep_list .ep_item>div .ep_picture, #website-body .ep_gridcolumn.ep-m_billboard[data-view1020="1"]>.ep_gridcolumn-content>.ep_list .ep_item>div .ep_picture { margin-bottom: -5px; } #website-body .ep_gridcolumn.ep-m_billboard[data-view1020="7"]>.ep_gridcolumn-content>.ep_list .ep_item>div [class*="ep-a_"], #website-body .ep_gridcolumn.ep-m_billboard[data-view1020="6"]>.ep_gridcolumn-content>.ep_list .ep_item>div [class*="ep-a_"], #website-body .ep_gridcolumn.ep-m_billboard[data-view1020="5"]>.ep_gridcolumn-content>.ep_list .ep_item>div [class*="ep-a_"], #website-body .ep_gridcolumn.ep-m_billboard[data-view1020="4"]>.ep_gridcolumn-content>.ep_list .ep_item>div [class*="ep-a_"], #website-body .ep_gridcolumn.ep-m_billboard[data-view1020="3"]>.ep_gridcolumn-content>.ep_list .ep_item>div [class*="ep-a_"], #website-body .ep_gridcolumn.ep-m_billboard[data-view1020="2"]>.ep_gridcolumn-content>.ep_list .ep_item>div [class*="ep-a_"], #website-body .ep_gridcolumn.ep-m_billboard[data-view1020="1"]>.ep_gridcolumn-content>.ep_list .ep_item>div [class*="ep-a_"] { margin-left: auto; margin-right: auto; text-align: center; } #website-body .ep_gridcolumn.ep-m_billboard[data-view1020="7"]>.ep_gridcolumn-content>.ep_list .ep_item>div [class*="ep-a_"] *, #website-body .ep_gridcolumn.ep-m_billboard[data-view1020="6"]>.ep_gridcolumn-content>.ep_list .ep_item>div [class*="ep-a_"] *, #website-body .ep_gridcolumn.ep-m_billboard[data-view1020="5"]>.ep_gridcolumn-content>.ep_list .ep_item>div [class*="ep-a_"] *, #website-body .ep_gridcolumn.ep-m_billboard[data-view1020="4"]>.ep_gridcolumn-content>.ep_list .ep_item>div [class*="ep-a_"] *, #website-body .ep_gridcolumn.ep-m_billboard[data-view1020="3"]>.ep_gridcolumn-content>.ep_list .ep_item>div [class*="ep-a_"] *, #website-body .ep_gridcolumn.ep-m_billboard[data-view1020="2"]>.ep_gridcolumn-content>.ep_list .ep_item>div [class*="ep-a_"] *, #website-body .ep_gridcolumn.ep-m_billboard[data-view1020="1"]>.ep_gridcolumn-content>.ep_list .ep_item>div [class*="ep-a_"] * { text-align: inherit; justify-content: center; } #website-body .ep_gridcolumn.ep-m_billboard[data-view1020="7"]>.ep_gridcolumn-content>.ep_list .ep_item>div .ep_picture .ep-a_media { max-width: calc((100% / 7) * 2); } #website-body .ep_gridcolumn.ep-m_billboard[data-view1020="6"]>.ep_gridcolumn-content>.ep_list .ep_item>div .ep_picture .ep-a_media { max-width: calc(100% / 3); } #website-body .ep_gridcolumn.ep-m_billboard[data-view1020="5"]>.ep_gridcolumn-content>.ep_list .ep_item>div .ep_picture .ep-a_media { max-width: calc((100% / 5) * 2); } #website-body .ep_gridcolumn.ep-m_billboard[data-view1020="4"]>.ep_gridcolumn-content>.ep_list .ep_item>div .ep_picture .ep-a_media { max-width: 50%; } #website-body .ep_gridcolumn.ep-m_billboard[data-view1020="3"]>.ep_gridcolumn-content>.ep_list .ep_item>div .ep_picture .ep-a_media { max-width: calc((100% / 3) * 2); } #website-body .ep_gridcolumn.ep-m_billboard[data-view1020="2"]>.ep_gridcolumn-content>.ep_list .ep_item>div .ep_picture .ep-a_media, #website-body .ep_gridcolumn.ep-m_billboard[data-view1020="1"]>.ep_gridcolumn-content>.ep_list .ep_item>div .ep_picture .ep-a_media { max-width: 80px; } } @media screen and (min-width:750px) and (max-width:1019px), print { /* MOLECULE "BILLBOARD" : Definition de la largeur de la colonne "image" */ #website-body .ep_gridcolumn.ep-m_billboard[data-view750="12"]>.ep_gridcolumn-content>.ep_list .ep_item>div .ep_picture { width: calc(100% / 6); } #website-body .ep_gridcolumn.ep-m_billboard[data-view750="11"]>.ep_gridcolumn-content>.ep_list .ep_item>div .ep_picture { width: calc((100% / 11) * 2); } #website-body .ep_gridcolumn.ep-m_billboard[data-view750="10"]>.ep_gridcolumn-content>.ep_list .ep_item>div .ep_picture { width: 20%; } #website-body .ep_gridcolumn.ep-m_billboard[data-view750="9"]>.ep_gridcolumn-content>.ep_list .ep_item>div .ep_picture { width: calc((100% / 9) * 2); } /* MOLECULE "BILLBOARD" : Affichage de l'image au dessus du contenu */ #website-body .ep_gridcolumn.ep-m_billboard[data-view750="8"]>.ep_gridcolumn-content>.ep_list .ep_item>div, #website-body .ep_gridcolumn.ep-m_billboard[data-view750="7"]>.ep_gridcolumn-content>.ep_list .ep_item>div, #website-body .ep_gridcolumn.ep-m_billboard[data-view750="6"]>.ep_gridcolumn-content>.ep_list .ep_item>div, #website-body .ep_gridcolumn.ep-m_billboard[data-view750="5"]>.ep_gridcolumn-content>.ep_list .ep_item>div, #website-body .ep_gridcolumn.ep-m_billboard[data-view750="4"]>.ep_gridcolumn-content>.ep_list .ep_item>div, #website-body .ep_gridcolumn.ep-m_billboard[data-view750="3"]>.ep_gridcolumn-content>.ep_list .ep_item>div, #website-body .ep_gridcolumn.ep-m_billboard[data-view750="2"]>.ep_gridcolumn-content>.ep_list .ep_item>div, #website-body .ep_gridcolumn.ep-m_billboard[data-view750="1"]>.ep_gridcolumn-content>.ep_list .ep_item>div { flex-direction: column-reverse; -webkit-flex-direction: column-reverse; flex-wrap: wrap; -webkit-flex-wrap: wrap; white-space: normal; } #website-body .ep_gridcolumn.ep-m_billboard[data-view750="8"]>.ep_gridcolumn-content>.ep_list .ep_item>div .ep_picture, #website-body .ep_gridcolumn.ep-m_billboard[data-view750="8"]>.ep_gridcolumn-content>.ep_list .ep_item>div .ep_content, #website-body .ep_gridcolumn.ep-m_billboard[data-view750="7"]>.ep_gridcolumn-content>.ep_list .ep_item>div .ep_picture, #website-body .ep_gridcolumn.ep-m_billboard[data-view750="7"]>.ep_gridcolumn-content>.ep_list .ep_item>div .ep_content, #website-body .ep_gridcolumn.ep-m_billboard[data-view750="6"]>.ep_gridcolumn-content>.ep_list .ep_item>div .ep_picture, #website-body .ep_gridcolumn.ep-m_billboard[data-view750="6"]>.ep_gridcolumn-content>.ep_list .ep_item>div .ep_content, #website-body .ep_gridcolumn.ep-m_billboard[data-view750="5"]>.ep_gridcolumn-content>.ep_list .ep_item>div .ep_picture, #website-body .ep_gridcolumn.ep-m_billboard[data-view750="5"]>.ep_gridcolumn-content>.ep_list .ep_item>div .ep_content, #website-body .ep_gridcolumn.ep-m_billboard[data-view750="4"]>.ep_gridcolumn-content>.ep_list .ep_item>div .ep_picture, #website-body .ep_gridcolumn.ep-m_billboard[data-view750="4"]>.ep_gridcolumn-content>.ep_list .ep_item>div .ep_content, #website-body .ep_gridcolumn.ep-m_billboard[data-view750="3"]>.ep_gridcolumn-content>.ep_list .ep_item>div .ep_picture, #website-body .ep_gridcolumn.ep-m_billboard[data-view750="3"]>.ep_gridcolumn-content>.ep_list .ep_item>div .ep_content, #website-body .ep_gridcolumn.ep-m_billboard[data-view750="2"]>.ep_gridcolumn-content>.ep_list .ep_item>div .ep_picture, #website-body .ep_gridcolumn.ep-m_billboard[data-view750="2"]>.ep_gridcolumn-content>.ep_list .ep_item>div .ep_content, #website-body .ep_gridcolumn.ep-m_billboard[data-view750="1"]>.ep_gridcolumn-content>.ep_list .ep_item>div .ep_picture, #website-body .ep_gridcolumn.ep-m_billboard[data-view750="1"]>.ep_gridcolumn-content>.ep_list .ep_item>div .ep_content { display: block; width: 100%; flex: 0 0 100%; -webkit-flex: 0 0 100%; } #website-body .ep_gridcolumn.ep-m_billboard[data-view750="8"]>.ep_gridcolumn-content>.ep_list .ep_item>div .ep_picture, #website-body .ep_gridcolumn.ep-m_billboard[data-view750="7"]>.ep_gridcolumn-content>.ep_list .ep_item>div .ep_picture, #website-body .ep_gridcolumn.ep-m_billboard[data-view750="6"]>.ep_gridcolumn-content>.ep_list .ep_item>div .ep_picture, #website-body .ep_gridcolumn.ep-m_billboard[data-view750="5"]>.ep_gridcolumn-content>.ep_list .ep_item>div .ep_picture, #website-body .ep_gridcolumn.ep-m_billboard[data-view750="4"]>.ep_gridcolumn-content>.ep_list .ep_item>div .ep_picture, #website-body .ep_gridcolumn.ep-m_billboard[data-view750="3"]>.ep_gridcolumn-content>.ep_list .ep_item>div .ep_picture, #website-body .ep_gridcolumn.ep-m_billboard[data-view750="2"]>.ep_gridcolumn-content>.ep_list .ep_item>div .ep_picture, #website-body .ep_gridcolumn.ep-m_billboard[data-view750="1"]>.ep_gridcolumn-content>.ep_list .ep_item>div .ep_picture { margin-bottom: -5px; } #website-body .ep_gridcolumn.ep-m_billboard[data-view750="8"]>.ep_gridcolumn-content>.ep_list .ep_item>div [class*="ep-a_"], #website-body .ep_gridcolumn.ep-m_billboard[data-view750="7"]>.ep_gridcolumn-content>.ep_list .ep_item>div [class*="ep-a_"], #website-body .ep_gridcolumn.ep-m_billboard[data-view750="6"]>.ep_gridcolumn-content>.ep_list .ep_item>div [class*="ep-a_"], #website-body .ep_gridcolumn.ep-m_billboard[data-view750="7"]>.ep_gridcolumn-content>.ep_list .ep_item>div [class*="ep-a_"], #website-body .ep_gridcolumn.ep-m_billboard[data-view750="6"]>.ep_gridcolumn-content>.ep_list .ep_item>div [class*="ep-a_"], #website-body .ep_gridcolumn.ep-m_billboard[data-view750="5"]>.ep_gridcolumn-content>.ep_list .ep_item>div [class*="ep-a_"], #website-body .ep_gridcolumn.ep-m_billboard[data-view750="4"]>.ep_gridcolumn-content>.ep_list .ep_item>div [class*="ep-a_"], #website-body .ep_gridcolumn.ep-m_billboard[data-view750="3"]>.ep_gridcolumn-content>.ep_list .ep_item>div [class*="ep-a_"], #website-body .ep_gridcolumn.ep-m_billboard[data-view750="2"]>.ep_gridcolumn-content>.ep_list .ep_item>div [class*="ep-a_"], #website-body .ep_gridcolumn.ep-m_billboard[data-view750="1"]>.ep_gridcolumn-content>.ep_list .ep_item>div [class*="ep-a_"] { margin-left: auto; margin-right: auto; text-align: center; } #website-body .ep_gridcolumn.ep-m_billboard[data-view750="8"]>.ep_gridcolumn-content>.ep_list .ep_item>div [class*="ep-a_"] *, #website-body .ep_gridcolumn.ep-m_billboard[data-view750="7"]>.ep_gridcolumn-content>.ep_list .ep_item>div [class*="ep-a_"] *, #website-body .ep_gridcolumn.ep-m_billboard[data-view750="6"]>.ep_gridcolumn-content>.ep_list .ep_item>div [class*="ep-a_"] *, #website-body .ep_gridcolumn.ep-m_billboard[data-view750="5"]>.ep_gridcolumn-content>.ep_list .ep_item>div [class*="ep-a_"] *, #website-body .ep_gridcolumn.ep-m_billboard[data-view750="4"]>.ep_gridcolumn-content>.ep_list .ep_item>div [class*="ep-a_"] *, #website-body .ep_gridcolumn.ep-m_billboard[data-view750="3"]>.ep_gridcolumn-content>.ep_list .ep_item>div [class*="ep-a_"] *, #website-body .ep_gridcolumn.ep-m_billboard[data-view750="2"]>.ep_gridcolumn-content>.ep_list .ep_item>div [class*="ep-a_"] *, #website-body .ep_gridcolumn.ep-m_billboard[data-view750="1"]>.ep_gridcolumn-content>.ep_list .ep_item>div [class*="ep-a_"] * { text-align: inherit; justify-content: center; } #website-body .ep_gridcolumn.ep-m_billboard[data-view750="8"]>.ep_gridcolumn-content>.ep_list .ep_item>div .ep_picture .ep-a_media { max-width: 25%; } #website-body .ep_gridcolumn.ep-m_billboard[data-view750="7"]>.ep_gridcolumn-content>.ep_list .ep_item>div .ep_picture .ep-a_media { max-width: calc((100% / 7) * 2); } #website-body .ep_gridcolumn.ep-m_billboard[data-view750="6"]>.ep_gridcolumn-content>.ep_list .ep_item>div .ep_picture .ep-a_media { max-width: calc(100% / 3); } #website-body .ep_gridcolumn.ep-m_billboard[data-view750="5"]>.ep_gridcolumn-content>.ep_list .ep_item>div .ep_picture .ep-a_media { max-width: calc((100% / 5) * 2); } #website-body .ep_gridcolumn.ep-m_billboard[data-view750="4"]>.ep_gridcolumn-content>.ep_list .ep_item>div .ep_picture .ep-a_media { max-width: 50%; } #website-body .ep_gridcolumn.ep-m_billboard[data-view750="3"]>.ep_gridcolumn-content>.ep_list .ep_item>div .ep_picture .ep-a_media { max-width: calc((100% / 3) * 2); } #website-body .ep_gridcolumn.ep-m_billboard[data-view750="2"]>.ep_gridcolumn-content>.ep_list .ep_item>div .ep_picture .ep-a_media, #website-body .ep_gridcolumn.ep-m_billboard[data-view750="1"]>.ep_gridcolumn-content>.ep_list .ep_item>div .ep_picture .ep-a_media { max-width: 80px; } } @media screen and (min-width:640px) and (max-width:749px) { /* MOLECULE "BILLBOARD" : Definition de la largeur de la colonne "image" */ #website-body .ep_gridcolumn.ep-m_billboard[data-view640="8"]>.ep_gridcolumn-content>.ep_list .ep_item>div .ep_picture { width: 25%; } #website-body .ep_gridcolumn.ep-m_billboard[data-view640="7"]>.ep_gridcolumn-content>.ep_list .ep_item>div .ep_picture { width: calc((100% / 7) * 2); } #website-body .ep_gridcolumn.ep-m_billboard[data-view640="6"]>.ep_gridcolumn-content>.ep_list .ep_item>div .ep_picture { width: calc(100% / 3); } /* MOLECULE "BILLBOARD" : Affichage de l'image au dessus du contenu */ #website-body .ep_gridcolumn.ep-m_billboard[data-view640="5"]>.ep_gridcolumn-content>.ep_list .ep_item>div, #website-body .ep_gridcolumn.ep-m_billboard[data-view640="4"]>.ep_gridcolumn-content>.ep_list .ep_item>div, #website-body .ep_gridcolumn.ep-m_billboard[data-view640="3"]>.ep_gridcolumn-content>.ep_list .ep_item>div, #website-body .ep_gridcolumn.ep-m_billboard[data-view640="2"]>.ep_gridcolumn-content>.ep_list .ep_item>div, #website-body .ep_gridcolumn.ep-m_billboard[data-view640="1"]>.ep_gridcolumn-content>.ep_list .ep_item>div { flex-direction: column-reverse; -webkit-flex-direction: column-reverse; flex-wrap: wrap; -webkit-flex-wrap: wrap; white-space: normal; } #website-body .ep_gridcolumn.ep-m_billboard[data-view640="5"]>.ep_gridcolumn-content>.ep_list .ep_item>div .ep_picture, #website-body .ep_gridcolumn.ep-m_billboard[data-view640="5"]>.ep_gridcolumn-content>.ep_list .ep_item>div .ep_content, #website-body .ep_gridcolumn.ep-m_billboard[data-view640="4"]>.ep_gridcolumn-content>.ep_list .ep_item>div .ep_picture, #website-body .ep_gridcolumn.ep-m_billboard[data-view640="4"]>.ep_gridcolumn-content>.ep_list .ep_item>div .ep_content, #website-body .ep_gridcolumn.ep-m_billboard[data-view640="3"]>.ep_gridcolumn-content>.ep_list .ep_item>div .ep_picture, #website-body .ep_gridcolumn.ep-m_billboard[data-view640="3"]>.ep_gridcolumn-content>.ep_list .ep_item>div .ep_content, #website-body .ep_gridcolumn.ep-m_billboard[data-view640="2"]>.ep_gridcolumn-content>.ep_list .ep_item>div .ep_picture, #website-body .ep_gridcolumn.ep-m_billboard[data-view640="2"]>.ep_gridcolumn-content>.ep_list .ep_item>div .ep_content, #website-body .ep_gridcolumn.ep-m_billboard[data-view640="1"]>.ep_gridcolumn-content>.ep_list .ep_item>div .ep_picture, #website-body .ep_gridcolumn.ep-m_billboard[data-view640="1"]>.ep_gridcolumn-content>.ep_list .ep_item>div .ep_content { display: block; width: 100%; flex: 0 0 100%; -webkit-flex: 0 0 100%; } #website-body .ep_gridcolumn.ep-m_billboard[data-view640="5"]>.ep_gridcolumn-content>.ep_list .ep_item>div .ep_picture, #website-body .ep_gridcolumn.ep-m_billboard[data-view640="4"]>.ep_gridcolumn-content>.ep_list .ep_item>div .ep_picture, #website-body .ep_gridcolumn.ep-m_billboard[data-view640="3"]>.ep_gridcolumn-content>.ep_list .ep_item>div .ep_picture, #website-body .ep_gridcolumn.ep-m_billboard[data-view640="2"]>.ep_gridcolumn-content>.ep_list .ep_item>div .ep_picture, #website-body .ep_gridcolumn.ep-m_billboard[data-view640="1"]>.ep_gridcolumn-content>.ep_list .ep_item>div .ep_picture { margin-bottom: -5px; } #website-body .ep_gridcolumn.ep-m_billboard[data-view640="5"]>.ep_gridcolumn-content>.ep_list .ep_item>div [class*="ep-a_"], #website-body .ep_gridcolumn.ep-m_billboard[data-view640="4"]>.ep_gridcolumn-content>.ep_list .ep_item>div [class*="ep-a_"], #website-body .ep_gridcolumn.ep-m_billboard[data-view640="3"]>.ep_gridcolumn-content>.ep_list .ep_item>div [class*="ep-a_"], #website-body .ep_gridcolumn.ep-m_billboard[data-view640="2"]>.ep_gridcolumn-content>.ep_list .ep_item>div [class*="ep-a_"], #website-body .ep_gridcolumn.ep-m_billboard[data-view640="1"]>.ep_gridcolumn-content>.ep_list .ep_item>div [class*="ep-a_"] { margin-left: auto; margin-right: auto; text-align: center; } #website-body .ep_gridcolumn.ep-m_billboard[data-view640="5"]>.ep_gridcolumn-content>.ep_list .ep_item>div [class*="ep-a_"] *, #website-body .ep_gridcolumn.ep-m_billboard[data-view640="4"]>.ep_gridcolumn-content>.ep_list .ep_item>div [class*="ep-a_"] *, #website-body .ep_gridcolumn.ep-m_billboard[data-view640="3"]>.ep_gridcolumn-content>.ep_list .ep_item>div [class*="ep-a_"] *, #website-body .ep_gridcolumn.ep-m_billboard[data-view640="2"]>.ep_gridcolumn-content>.ep_list .ep_item>div [class*="ep-a_"] *, #website-body .ep_gridcolumn.ep-m_billboard[data-view640="1"]>.ep_gridcolumn-content>.ep_list .ep_item>div [class*="ep-a_"] * { text-align: inherit; justify-content: center; } #website-body .ep_gridcolumn.ep-m_billboard[data-view640="5"]>.ep_gridcolumn-content>.ep_list .ep_item>div .ep_picture .ep-a_media { max-width: calc((100% / 5) * 2); } #website-body .ep_gridcolumn.ep-m_billboard[data-view640="4"]>.ep_gridcolumn-content>.ep_list .ep_item>div .ep_picture .ep-a_media { max-width: 50%; } #website-body .ep_gridcolumn.ep-m_billboard[data-view640="3"]>.ep_gridcolumn-content>.ep_list .ep_item>div .ep_picture .ep-a_media { max-width: calc((100% / 3) * 2); } #website-body .ep_gridcolumn.ep-m_billboard[data-view640="2"]>.ep_gridcolumn-content>.ep_list .ep_item>div .ep_picture .ep-a_media, #website-body .ep_gridcolumn.ep-m_billboard[data-view640="1"]>.ep_gridcolumn-content>.ep_list .ep_item>div .ep_picture .ep-a_media { max-width: 80px; } } @media screen and (min-width:480px) and (max-width:639px) { /* MOLECULE "BILLBOARD" : Definition de la largeur de la colonne "image" */ #website-body .ep_gridcolumn.ep-m_billboard[data-view480="8"]>.ep_gridcolumn-content>.ep_list .ep_item>div .ep_picture { width: 25%; } #website-body .ep_gridcolumn.ep-m_billboard[data-view480="7"]>.ep_gridcolumn-content>.ep_list .ep_item>div .ep_picture { width: calc((100% / 7) * 2); } #website-body .ep_gridcolumn.ep-m_billboard[data-view480="6"]>.ep_gridcolumn-content>.ep_list .ep_item>div .ep_picture { width: calc(100% / 3); } /* MOLECULE "BILLBOARD" : Affichage de l'image au dessus du contenu */ #website-body .ep_gridcolumn.ep-m_billboard[data-view480="5"]>.ep_gridcolumn-content>.ep_list .ep_item>div, #website-body .ep_gridcolumn.ep-m_billboard[data-view480="4"]>.ep_gridcolumn-content>.ep_list .ep_item>div, #website-body .ep_gridcolumn.ep-m_billboard[data-view480="3"]>.ep_gridcolumn-content>.ep_list .ep_item>div, #website-body .ep_gridcolumn.ep-m_billboard[data-view480="2"]>.ep_gridcolumn-content>.ep_list .ep_item>div, #website-body .ep_gridcolumn.ep-m_billboard[data-view480="1"]>.ep_gridcolumn-content>.ep_list .ep_item>div { flex-direction: column-reverse; -webkit-flex-direction: column-reverse; flex-wrap: wrap; -webkit-flex-wrap: wrap; white-space: normal; } #website-body .ep_gridcolumn.ep-m_billboard[data-view480="5"]>.ep_gridcolumn-content>.ep_list .ep_item>div .ep_picture, #website-body .ep_gridcolumn.ep-m_billboard[data-view480="5"]>.ep_gridcolumn-content>.ep_list .ep_item>div .ep_content, #website-body .ep_gridcolumn.ep-m_billboard[data-view480="4"]>.ep_gridcolumn-content>.ep_list .ep_item>div .ep_picture, #website-body .ep_gridcolumn.ep-m_billboard[data-view480="4"]>.ep_gridcolumn-content>.ep_list .ep_item>div .ep_content, #website-body .ep_gridcolumn.ep-m_billboard[data-view480="3"]>.ep_gridcolumn-content>.ep_list .ep_item>div .ep_picture, #website-body .ep_gridcolumn.ep-m_billboard[data-view480="3"]>.ep_gridcolumn-content>.ep_list .ep_item>div .ep_content, #website-body .ep_gridcolumn.ep-m_billboard[data-view480="2"]>.ep_gridcolumn-content>.ep_list .ep_item>div .ep_picture, #website-body .ep_gridcolumn.ep-m_billboard[data-view480="2"]>.ep_gridcolumn-content>.ep_list .ep_item>div .ep_content, #website-body .ep_gridcolumn.ep-m_billboard[data-view480="1"]>.ep_gridcolumn-content>.ep_list .ep_item>div .ep_picture, #website-body .ep_gridcolumn.ep-m_billboard[data-view480="1"]>.ep_gridcolumn-content>.ep_list .ep_item>div .ep_content { display: block; width: 100%; flex: 0 0 100%; -webkit-flex: 0 0 100%; } #website-body .ep_gridcolumn.ep-m_billboard[data-view480="5"]>.ep_gridcolumn-content>.ep_list .ep_item>div .ep_picture, #website-body .ep_gridcolumn.ep-m_billboard[data-view480="4"]>.ep_gridcolumn-content>.ep_list .ep_item>div .ep_picture, #website-body .ep_gridcolumn.ep-m_billboard[data-view480="3"]>.ep_gridcolumn-content>.ep_list .ep_item>div .ep_picture, #website-body .ep_gridcolumn.ep-m_billboard[data-view480="2"]>.ep_gridcolumn-content>.ep_list .ep_item>div .ep_picture, #website-body .ep_gridcolumn.ep-m_billboard[data-view480="1"]>.ep_gridcolumn-content>.ep_list .ep_item>div .ep_picture { margin-bottom: -5px; } #website-body .ep_gridcolumn.ep-m_billboard[data-view480="5"]>.ep_gridcolumn-content>.ep_list .ep_item>div [class*="ep-a_"], #website-body .ep_gridcolumn.ep-m_billboard[data-view480="4"]>.ep_gridcolumn-content>.ep_list .ep_item>div [class*="ep-a_"], #website-body .ep_gridcolumn.ep-m_billboard[data-view480="3"]>.ep_gridcolumn-content>.ep_list .ep_item>div [class*="ep-a_"], #website-body .ep_gridcolumn.ep-m_billboard[data-view480="2"]>.ep_gridcolumn-content>.ep_list .ep_item>div [class*="ep-a_"], #website-body .ep_gridcolumn.ep-m_billboard[data-view480="1"]>.ep_gridcolumn-content>.ep_list .ep_item>div [class*="ep-a_"] { margin-left: auto; margin-right: auto; text-align: center; } #website-body .ep_gridcolumn.ep-m_billboard[data-view480="5"]>.ep_gridcolumn-content>.ep_list .ep_item>div [class*="ep-a_"] *, #website-body .ep_gridcolumn.ep-m_billboard[data-view480="4"]>.ep_gridcolumn-content>.ep_list .ep_item>div [class*="ep-a_"] *, #website-body .ep_gridcolumn.ep-m_billboard[data-view480="3"]>.ep_gridcolumn-content>.ep_list .ep_item>div [class*="ep-a_"] *, #website-body .ep_gridcolumn.ep-m_billboard[data-view480="2"]>.ep_gridcolumn-content>.ep_list .ep_item>div [class*="ep-a_"] *, #website-body .ep_gridcolumn.ep-m_billboard[data-view480="1"]>.ep_gridcolumn-content>.ep_list .ep_item>div [class*="ep-a_"] * { text-align: inherit; justify-content: center; } #website-body .ep_gridcolumn.ep-m_billboard[data-view480="5"]>.ep_gridcolumn-content>.ep_list .ep_item>div .ep_picture .ep-a_media { max-width: calc((100% / 5) * 2); } #website-body .ep_gridcolumn.ep-m_billboard[data-view480="4"]>.ep_gridcolumn-content>.ep_list .ep_item>div .ep_picture .ep-a_media { max-width: 50%; } #website-body .ep_gridcolumn.ep-m_billboard[data-view480="3"]>.ep_gridcolumn-content>.ep_list .ep_item>div .ep_picture .ep-a_media { max-width: calc((100% / 3) * 2); } #website-body .ep_gridcolumn.ep-m_billboard[data-view480="2"]>.ep_gridcolumn-content>.ep_list .ep_item>div .ep_picture .ep-a_media, #website-body .ep_gridcolumn.ep-m_billboard[data-view480="1"]>.ep_gridcolumn-content>.ep_list .ep_item>div .ep_picture .ep-a_media { max-width: 80px; } } @media screen and (max-width:479px) { /* MOLECULE "BILLBOARD" : Affichage de l'image au dessus du contenu */ #website-body .ep_gridcolumn.ep-m_billboard[data-view320]>.ep_gridcolumn-content>.ep_list .ep_item>div { flex-direction: column-reverse; -webkit-flex-direction: column-reverse; flex-wrap: wrap; -webkit-flex-wrap: wrap; white-space: normal; } #website-body .ep_gridcolumn.ep-m_billboard[data-view320]>.ep_gridcolumn-content>.ep_list .ep_item>div .ep_picture, #website-body .ep_gridcolumn.ep-m_billboard[data-view320]>.ep_gridcolumn-content>.ep_list .ep_item>div .ep_content { display: block; width: 100%; flex: 0 0 100%; -webkit-flex: 0 0 100%; } #website-body .ep_gridcolumn.ep-m_billboard[data-view320]>.ep_gridcolumn-content>.ep_list .ep_item>div .ep_picture { margin-bottom: -5px; } #website-body .ep_gridcolumn.ep-m_billboard[data-view320]>.ep_gridcolumn-content>.ep_list .ep_item>div [class*="ep-a_"] { margin-left: auto; margin-right: auto; text-align: center; } #website-body .ep_gridcolumn.ep-m_billboard[data-view320]>.ep_gridcolumn-content>.ep_list .ep_item>div [class*="ep-a_"] * { text-align: inherit; justify-content: center; } #website-body .ep_gridcolumn.ep-m_billboard[data-view320="4"]>.ep_gridcolumn-content>.ep_list .ep_item>div .ep_picture .ep-a_media { max-width: 50%; } #website-body .ep_gridcolumn.ep-m_billboard[data-view320="3"]>.ep_gridcolumn-content>.ep_list .ep_item>div .ep_picture .ep-a_media { max-width: calc((100% / 3) * 2); } #website-body .ep_gridcolumn.ep-m_billboard[data-view320="2"]>.ep_gridcolumn-content>.ep_list .ep_item>div .ep_picture .ep-a_media, #website-body .ep_gridcolumn.ep-m_billboard[data-view320="1"]>.ep_gridcolumn-content>.ep_list .ep_item>div .ep_picture .ep-a_media { max-width: 80px; } } /* ========================================================================================================================================================================== */ /* == CATALOGUE ================== [MOLECULE] ========= ep-m_catalogue ====================================================================================================== */ /* ========================================================================================================================================================================== */ /* Description : Molecule a utiliser pour l'affichage d'une liste d'elements sous format "vignette" (photo, nom, details) */ /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* MOLECULE "CATALOGUE" : Structure generale */ /* MOLECULE "CATALOGUE" : Couleur de fond et bordure */ #website-body .ep_gridcolumn.ep-m_catalogue>.ep_gridcolumn-content { margin-left: 10px; margin-right: 10px; padding-top: 0; padding-bottom: 10px; padding-left: 0 !important; padding-right: 0 !important; flex: 1 1 auto !important; -webkit-flex: 1 1 auto !important; background-color: #fff; border: 1px solid #d1d3d4; } #website-body .ep_gridcolumn.ep-m_catalogue>.ep_gridcolumn-content:before, #website-body .ep_gridcolumn.ep-m_catalogue>.ep_gridcolumn-content:after { opacity: 1; } /* MOLECULE "CATALOGUE" : Gestion des marges */ #website-body .ep_gridcolumn.ep-m_catalogue:after { height: 30px; } #website-body .ep_gridcolumn.ep-m_catalogue>.ep_gridcolumn-content>.ep_header { margin-top: -8px; } #website-body .ep_gridcolumn.ep-m_catalogue>.ep_gridcolumn-content>.ep_header, #website-body .ep_gridcolumn.ep-m_catalogue>.ep_gridcolumn-content>.ep_list, #website-body .ep_gridcolumn.ep-m_catalogue>.ep_gridcolumn-content>.ep_footer { position: static; display: block; margin: 0; padding: 0; font-size: 1em; white-space: normal; } #website-body .ep_gridcolumn.ep-m_catalogue>.ep_gridcolumn-content>.ep_header, #website-body .ep_gridcolumn.ep-m_catalogue>.ep_gridcolumn-content>.ep_footer { overflow: hidden; margin-left: 30px; margin-right: 30px; } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* MOLECULE "CATALOGUE" : Entete de la molecule */ /* MOLECULE "CATALOGUE" : Entete de la molecule (Bordure) */ #website-body .ep_gridcolumn.ep-m_catalogue>.ep_gridcolumn-content>.ep_header { padding-top: 30px; } #website-body .ep_gridcolumn.ep-m_catalogue>.ep_gridcolumn-content>.ep_header .ep-a_heading { margin-top: -8px; padding-top: 0; } #website-body .ep_gridcolumn.ep-m_catalogue>.ep_gridcolumn-content>.ep_header .ep-a_heading>.ep_title { white-space: nowrap; } #website-body .ep_gridcolumn.ep-m_catalogue>.ep_gridcolumn-content>.ep_header .ep-a_heading>.ep_title .ep-p_text, #website-body .ep_gridcolumn.ep-m_catalogue>.ep_gridcolumn-content>.ep_header .ep-a_heading>.ep_title:before { position: relative; display: inline-block; width: 100%; text-align: center; vertical-align: middle; white-space: normal; } #website-body .ep_gridcolumn.ep-m_catalogue>.ep_gridcolumn-content>.ep_header .ep-a_heading>.ep_title:before, #website-body .ep_gridcolumn.ep-m_catalogue>.ep_gridcolumn-content>.ep_header .ep-a_heading>.ep_title:after { overflow: hidden; height: 0; margin-right: -100%; border-bottom: 2px dotted #d1d3d4; transform: translate(0, 0.3em); -webkit-transform: translate(0, 0.3em); content: ""; } #website-body .ep_gridcolumn.ep-m_catalogue>.ep_gridcolumn-content>.ep_header .ep-a_heading>.ep_title:after { display: none; margin: 10px 0; transform: none; -webkit-transform: none; } #website-body .ep_gridcolumn.ep-m_catalogue>.ep_gridcolumn-content>.ep_header .ep-a_heading>.ep_title .ep-p_text .ep_name { padding-left: 20px; padding-right: 20px; background-color: #fff; } /* MOLECULE "CATALOGUE" : Entete de la molecule (Affichage du texte) */ #website-body .ep_gridcolumn.ep-m_catalogue>.ep_gridcolumn-content>.ep_header .ep-a_heading { color: #1e1e1f; } #website-body .ep_gridcolumn.ep-m_catalogue>.ep_gridcolumn-content>.ep_header .ep-a_heading>.ep_title .ep-p_text { font-family: Georgia, Garamond, serif, Palatino; font-size: 2.5em; font-style: italic; text-align: center; color: inherit; } #website-body .ep_gridcolumn.ep-m_catalogue>.ep_gridcolumn-content>.ep_header .ep-a_heading>.ep_subtitle { text-align: center; color: inherit; } #website-body .ep_gridcolumn.ep-m_catalogue>.ep_gridcolumn-content>.ep_header .ep-a_heading>.ep_subtitle .ep-p_text { font-size: 1.4em; } /* MOLECULE "CATALOGUE" : Suppression de l'intertitre */ #website-body .ep_gridcolumn.ep-m_catalogue>.ep_gridcolumn-content>.ep_list~.ep_header { padding-top: 0; padding-bottom: 0; } #website-body .ep_gridcolumn.ep-m_catalogue>.ep_gridcolumn-content>.ep_list~.ep_header.ep_hidden { position: static; display: block; overflow: hidden; width: auto; height: 33px; margin: 0 20px -5px 20px; padding: 0; box-sizing: border-box; border-top: 2px dotted #d1d3d4; } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* MOLECULE "CATALOGUE" : Pied de molecule */ /* MOLECULE "CATALOGUE" : Pied de molecule */ #website-body .ep_gridcolumn.ep-m_catalogue>.ep_gridcolumn-content>.ep_footer { border-top: 2px dotted #d1d3d4; padding-top: 20px; } /* MOLECULE "CATALOGUE" : Pied de molecule (correction des marges si le bloc est une liste) */ #website-body .ep_gridcolumn.ep-m_catalogue>.ep_gridcolumn-content>ul.ep_footer, #website-body .ep_gridcolumn.ep-m_catalogue>.ep_gridcolumn-content>ol.ep_footer { position: static; display: block; list-style: none; } #website-body .ep_gridcolumn.ep-m_catalogue>.ep_gridcolumn-content>ul.ep_footer>li, #website-body .ep_gridcolumn.ep-m_catalogue>.ep_gridcolumn-content>ol.ep_footer>li { position: static; display: block; margin: 0; padding: 0; list-style: none; } #website-body .ep_gridcolumn.ep-m_catalogue>.ep_gridcolumn-content>ul.ep_footer>li+li, #website-body .ep_gridcolumn.ep-m_catalogue>.ep_gridcolumn-content>ol.ep_footer>li+li { position: static; display: block; margin: 0; padding: 0; list-style: none; } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* MOLECULE "CATALOGUE" : Liste d'elements */ /* MOLECULE "CATALOGUE" : Liste d'elements */ #website-body .ep_gridcolumn.ep-m_catalogue>.ep_gridcolumn-content>.ep_list { position: relative; display: flex; display: -webkit-flex; margin: 0 -1px; padding: 10px 31px 0 31px; flex-direction: row; -webkit-flex-direction: row; flex-wrap: wrap; -webkit-flex-wrap: wrap; font-size: 1em; white-space: normal; } /* MOLECULE "CATALOGUE" : Suppression de la ligne de separation verticale de la premiere colonne */ #website-body .ep_gridcolumn.ep-m_catalogue>.ep_gridcolumn-content>.ep_list:before, #website-body .ep_gridcolumn.ep-m_catalogue>.ep_gridcolumn-content>.ep_list:after { position: absolute; display: block; z-index: 1; overflow: hidden; top: 0; bottom: 0; width: 32px; height: auto; margin: 0; flex: 1 1 auto; -webkit-flex: 1 1 auto; order: 1; -webkit-order: 1; background-color: #fff; content: ""; } #website-body .ep_gridcolumn.ep-m_catalogue>.ep_gridcolumn-content>.ep_list:before { left: 1px; } #website-body .ep_gridcolumn.ep-m_catalogue>.ep_gridcolumn-content>.ep_list:after { right: 1px; } /* MOLECULE "CATALOGUE" : Ligne de separation des lignes de contenu */ #website-body .ep_gridcolumn.ep-m_catalogue>.ep_gridcolumn-content>.ep_list .ep_item:before { position: absolute; display: none; overflow: hidden; left: 30px; right: 30px; width: auto; height: 0; text-indent: 200%; order: 1; -webkit-order: 1; transform: translate(0, -20px); -webkit-transform: translate(0, -20px); border-top: 1px dotted #d1d3d4; content: ""; } #website-body .ep_gridcolumn.ep-m_catalogue>.ep_gridcolumn-content>.ep_list .ep_item:first-child:before { border-top-color: transparent; } /* MOLECULE "CATALOGUE" : Element de liste */ #website-body .ep_gridcolumn.ep-m_catalogue>.ep_gridcolumn-content>.ep_list .ep_item { position: static; display: inline-block; display: flex; display: -webkit-flex; margin: -1px 0 0 0; padding: 20px 10px 0 10px; flex: 0 0 auto; -webkit-flex: 0 0 auto; flex-direction: column; -webkit-flex-direction: column; order: 2; -webkit-order: 2; box-sizing: border-box; text-align: center; } #website-body .ep_gridcolumn.ep-m_catalogue>.ep_gridcolumn-content>.ep_list .ep_item>div { position: relative; display: block; display: flex; display: -webkit-flex; width: 100%; margin: 0; padding: 0; box-sizing: border-box; flex: 1 1 auto; -webkit-flex: 1 1 auto; flex-direction: column; -webkit-flex-direction: column; order: 2; -webkit-order: 2; text-align: center; } #website-body .ep_gridcolumn.ep-m_catalogue>.ep_gridcolumn-content>.ep_list .ep_item>div:before, #website-body .ep_gridcolumn.ep-m_catalogue>.ep_gridcolumn-content>.ep_list .ep_item>div:after { position: absolute; display: block; overflow: hidden; top: 0; bottom: 20px; width: 1px; height: auto; text-indent: 200%; background-color: #fff; border-left: 1px dotted #d1d3d4; text-align: center; content: ""; } #website-body .ep_gridcolumn.ep-m_catalogue>.ep_gridcolumn-content>.ep_list .ep_item>div:before { left: 0; transform: translate(-11px, 0); -webkit-transform: translate(-11px, 0); } #website-body .ep_gridcolumn.ep-m_catalogue>.ep_gridcolumn-content>.ep_list .ep_item>div:after { right: 0; transform: translate(11px, 0); -webkit-transform: translate(11px, 0); } /* MOLECULE "CATALOGUE" : Element de liste (bloc de donnees) */ #website-body .ep_gridcolumn.ep-m_catalogue>.ep_gridcolumn-content>.ep_list .ep_item>div>.ep_footer { position: relative; display: block; border: none; outline: none; flex: 0 0 auto; -webkit-flex: 0 0 auto; text-align: inherit; text-decoration: none; color: inherit; } /* MOLECULE "CATALOGUE" : Element de liste (bloc de donnees) */ #website-body .ep_gridcolumn.ep-m_catalogue>.ep_gridcolumn-content>.ep_list .ep_item>div>.ep_content { position: relative; display: block; display: flex; display: -webkit-flex; padding: 0; border: none; outline: none; flex-direction: column; -webkit-flex-direction: column; flex: 1 1 auto; -webkit-flex: 1 1 auto; box-sizing: border-box; text-align: inherit; text-decoration: none; color: inherit; } /* MOLECULE "CATALOGUE" : Element de liste (bloc de donnees > affichage de l'image en premier) */ #website-body .ep_gridcolumn.ep-m_catalogue>.ep_gridcolumn-content>.ep_list .ep_item>div>.ep_content [class*="ep-a_"] { order: 2; -webkit-order: 2; } #website-body .ep_gridcolumn.ep-m_catalogue>.ep_gridcolumn-content>.ep_list .ep_item>div>.ep_content [class*="ep-a_media"] { order: 1; -webkit-order: 1; } /* MOLECULE "CATALOGUE" : Element de liste (bloc de donnees > nom) */ #website-body .ep_gridcolumn.ep-m_catalogue>.ep_gridcolumn-content>.ep_list .ep_item>div>.ep_content .ep-a_heading:not([class*="ep-layout_level"]) .ep_title .ep-p_text { font-size: 1.4em; font-weight: bold; color: #1e1e1f; } #website-body .ep_gridcolumn.ep-m_catalogue>.ep_gridcolumn-content>.ep_list .ep_item>div>.ep_content .ep-a_heading:not([class*="ep-layout_level"]) .ep_subtitle .ep-p_text { display: block; margin-top: 5px; } #website-body .ep_gridcolumn.ep-m_catalogue>.ep_gridcolumn-content>.ep_list .ep_item>div>.ep_content .ep-a_heading:not([class*="ep-layout_level"]) .ep_subtitle .ep-p_text.ep-layout_date { font-size: 1.2em; } #website-body .ep_gridcolumn.ep-m_catalogue>.ep_gridcolumn-content>.ep_list .ep_item>div>.ep_content .ep-a_heading:not([class*="ep-layout_level"]) .ep_subtitle .ep-p_text.ep-layout_name+.ep-p_text.ep-layout_name { margin-top: 0; } #website-body .ep_gridcolumn.ep-m_catalogue>.ep_gridcolumn-content>.ep_list .ep_item>div>.ep_content .ep-a_heading:not([class*="ep-layout_level"]) .ep_subtitle .ep-p_text.ep-layout_name+.ep-p_text.ep-layout_date { margin-top: 15px; } /* MOLECULE "CATALOGUE" : Element de liste (bloc de donnees > image) */ #website-body .ep_gridcolumn.ep-m_catalogue>.ep_gridcolumn-content>.ep_list .ep_item>div>.ep_content .ep-a_media:after { height: 15px; } #website-body .ep_gridcolumn.ep-m_catalogue>.ep_gridcolumn-content>.ep_list .ep_item>div>.ep_content .ep-a_media .ep-p_image { text-align: center; line-height: 0; } #website-body .ep_gridcolumn.ep-m_catalogue>.ep_gridcolumn-content>.ep_list .ep_item>div>.ep_content .ep-a_media .ep-p_image .ep_image { display: inline-block; } #website-body .ep_gridcolumn.ep-m_catalogue>.ep_gridcolumn-content>.ep_list .ep_item>div>.ep_content .ep-a_media .ep-p_image .ep_image img { width: 80px; } /* MOLECULE "CATALOGUE" : Element de liste (bloc de donnees > contact) */ #website-body .ep_gridcolumn.ep-m_catalogue>.ep_gridcolumn-content>.ep_list .ep_item>div>.ep_content .ep-a_contacts .ep_card { padding: 0; border: none; } /* MOLECULE "CATALOGUE" : Element de liste (bloc de donnees > bouton) */ #website-body .ep_gridcolumn.ep-m_catalogue>.ep_gridcolumn-content>.ep_list .ep_item>div>.ep_footer .ep-a_button .ep-p_button, #website-body .ep_gridcolumn.ep-m_catalogue>.ep_gridcolumn-content>.ep_list .ep_item>div>.ep_footer .ep-a_button .ep-p_button button, #website-body .ep_gridcolumn.ep-m_catalogue>.ep_gridcolumn-content>.ep_list .ep_item>div>.ep_footer .ep-a_button .ep-p_button a { width: 100%; } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* MOLECULE "CATALOGUE" : Definition du visuel selon la largeur du widget */ @media screen and (min-width:1200px) { /* MOLECULE "CATALOGUE" : Definition du nombre d'elements par ligne */ #website-body .ep_gridcolumn.ep-m_catalogue[data-view1200="12"]>.ep_gridcolumn-content>.ep_list .ep_item, #website-body .ep_gridcolumn.ep-m_catalogue[data-view1200="11"]>.ep_gridcolumn-content>.ep_list .ep_item, #website-body .ep_gridcolumn.ep-m_catalogue[data-view1200="10"]>.ep_gridcolumn-content>.ep_list .ep_item, #website-body .ep_gridcolumn.ep-m_catalogue[data-view1200="9"]>.ep_gridcolumn-content>.ep_list .ep_item { width: 20%; } #website-body .ep_gridcolumn.ep-m_catalogue[data-view1200="12"]>.ep_gridcolumn-content>.ep_list .ep_item:nth-child(5n+1):before, #website-body .ep_gridcolumn.ep-m_catalogue[data-view1200="11"]>.ep_gridcolumn-content>.ep_list .ep_item:nth-child(5n+1):before, #website-body .ep_gridcolumn.ep-m_catalogue[data-view1200="10"]>.ep_gridcolumn-content>.ep_list .ep_item:nth-child(5n+1):before, #website-body .ep_gridcolumn.ep-m_catalogue[data-view1200="9"]>.ep_gridcolumn-content>.ep_list .ep_item:nth-child(5n+1):before { display: block; } #website-body .ep_gridcolumn.ep-m_catalogue[data-view1200="8"]>.ep_gridcolumn-content>.ep_list .ep_item, #website-body .ep_gridcolumn.ep-m_catalogue[data-view1200="7"]>.ep_gridcolumn-content>.ep_list .ep_item { width: 25%; } #website-body .ep_gridcolumn.ep-m_catalogue[data-view1200="8"]>.ep_gridcolumn-content>.ep_list .ep_item:nth-child(4n+1):before, #website-body .ep_gridcolumn.ep-m_catalogue[data-view1200="7"]>.ep_gridcolumn-content>.ep_list .ep_item:nth-child(4n+1):before { display: block; } #website-body .ep_gridcolumn.ep-m_catalogue[data-view1200="6"]>.ep_gridcolumn-content>.ep_list .ep_item, #website-body .ep_gridcolumn.ep-m_catalogue[data-view1200="5"]>.ep_gridcolumn-content>.ep_list .ep_item { width: calc(100% / 3); } #website-body .ep_gridcolumn.ep-m_catalogue[data-view1200="6"]>.ep_gridcolumn-content>.ep_list .ep_item:nth-child(3n+1):before, #website-body .ep_gridcolumn.ep-m_catalogue[data-view1200="5"]>.ep_gridcolumn-content>.ep_list .ep_item:nth-child(3n+1):before { display: block; } #website-body .ep_gridcolumn.ep-m_catalogue[data-view1200="4"]>.ep_gridcolumn-content>.ep_list .ep_item { width: 50%; } #website-body .ep_gridcolumn.ep-m_catalogue[data-view1200="4"]>.ep_gridcolumn-content>.ep_list .ep_item:nth-child(1n+0):before { display: block; } #website-body .ep_gridcolumn.ep-m_catalogue[data-view1200="2"], #website-body .ep_gridcolumn.ep-m_catalogue[data-view1200="1"] { display: none !important; } /* MOLECULE "CATALOGUE" : Mise a jour de l'affichage pour le visuel "un element par ligne" */ #website-body .ep_gridcolumn.ep-m_catalogue[data-view1200="3"]>.ep_gridcolumn-content>.ep_header .ep-a_heading>.ep_title .ep-p_text .ep_name { padding-left: 0; padding-right: 0; } #website-body .ep_gridcolumn.ep-m_catalogue[data-view1200="3"]>.ep_gridcolumn-content>.ep_header .ep-a_heading>.ep_title:after { display: block; } #website-body .ep_gridcolumn.ep-m_catalogue[data-view1200="3"]>.ep_gridcolumn-content>.ep_list { padding-bottom: 20px; padding-left: 10px; padding-right: 10px; } #website-body .ep_gridcolumn.ep-m_catalogue[data-view1200="3"]>.ep_gridcolumn-content>.ep_header, #website-body .ep_gridcolumn.ep-m_catalogue[data-view1200="3"]>.ep_gridcolumn-content>.ep_footer { margin-left: 20px; margin-right: 20px; } #website-body .ep_gridcolumn.ep-m_catalogue[data-view1200="3"]>.ep_gridcolumn-content>.ep_list .ep_item { width: 100%; } #website-body .ep_gridcolumn.ep-m_catalogue[data-view1200="3"]>.ep_gridcolumn-content>.ep_header .ep-a_heading>.ep_title:before, #website-body .ep_gridcolumn.ep-m_catalogue[data-view1200="3"]>.ep_gridcolumn-content>.ep_list:before, #website-body .ep_gridcolumn.ep-m_catalogue[data-view1200="3"]>.ep_gridcolumn-content>.ep_list:after, #website-body .ep_gridcolumn.ep-m_catalogue[data-view1200="3"]>.ep_gridcolumn-content>.ep_list .ep_item:before, #website-body .ep_gridcolumn.ep-m_catalogue[data-view1200="3"]>.ep_gridcolumn-content>.ep_list .ep_item>div:before, #website-body .ep_gridcolumn.ep-m_catalogue[data-view1200="3"]>.ep_gridcolumn-content>.ep_list .ep_item>div:after { display: none; } #website-body .ep_gridcolumn.ep-m_catalogue[data-view1200="3"]>.ep_gridcolumn-content>.ep_list .ep_item>div { display: block; min-height: 83px; padding-left: 80px; text-align: left; } #website-body .ep_gridcolumn.ep-m_catalogue[data-view1200="3"]>.ep_gridcolumn-content>.ep_list .ep_item .ep_content, #website-body .ep_gridcolumn.ep-m_catalogue[data-view1200="3"]>.ep_gridcolumn-content>.ep_list .ep_item .ep_footer { position: static; } #website-body .ep_gridcolumn.ep-m_catalogue[data-view1200="3"]>.ep_gridcolumn-content>.ep_list .ep_item .ep_footer { margin-top: 5px; } #website-body .ep_gridcolumn.ep-m_catalogue[data-view1200="3"]>.ep_gridcolumn-content>.ep_list .ep_item .ep_content .ep-a_heading .ep_subtitle .ep-p_text { margin-top: 2px; } #website-body .ep_gridcolumn.ep-m_catalogue[data-view1200="3"]>.ep_gridcolumn-content>.ep_list .ep_item .ep_content .ep-a_media { position: absolute; top: 1px; left: 0; } #website-body .ep_gridcolumn.ep-m_catalogue[data-view1200="3"]>.ep_gridcolumn-content>.ep_list .ep_item .ep_content .ep-a_media .ep-p_image .ep_image img { width: 64px; } #website-body .ep_gridcolumn.ep-m_catalogue[data-view1200="3"]>.ep_gridcolumn-content>.ep_list .ep_item .ep-a_heading:after, #website-body .ep_gridcolumn.ep-m_catalogue[data-view1200="3"]>.ep_gridcolumn-content>.ep_list .ep_item .ep-a_media:after { display: none; } #website-body .ep_gridcolumn.ep-m_catalogue[data-view1200="3"]>.ep_gridcolumn-content>.ep_list .ep_item a.ep_content:hover .ep-a_heading .ep_title .ep_name, #website-body .ep_gridcolumn.ep-m_catalogue[data-view1200="3"]>.ep_gridcolumn-content>.ep_list .ep_item a.ep_content:focus .ep-a_heading .ep_title .ep_name, #website-body .ep_gridcolumn.ep-m_catalogue[data-view1200="3"]>.ep_gridcolumn-content>.ep_list .ep_item a.ep_content:active .ep-a_heading .ep_title .ep_name { transform: translate(5px, 0); -webkit-transform: translate(5px, 0); } } @media screen and (min-width:1200px) and (-ms-high-contrast: none) { #website-body .ep_gridcolumn.ep-m_catalogue[data-view1200="6"]>.ep_gridcolumn-content>.ep_list .ep_item, #website-body .ep_gridcolumn.ep-m_catalogue[data-view1200="5"]>.ep_gridcolumn-content>.ep_list .ep_item { width: calc((100% / 3) - 0.01px); } } @media screen and (min-width:1020px) and (max-width:1199px) { /* MOLECULE "CATALOGUE" : Definition du nombre d'elements par ligne */ #website-body .ep_gridcolumn.ep-m_catalogue[data-view1020="12"]>.ep_gridcolumn-content>.ep_list .ep_item, #website-body .ep_gridcolumn.ep-m_catalogue[data-view1020="11"]>.ep_gridcolumn-content>.ep_list .ep_item { width: 20%; } #website-body .ep_gridcolumn.ep-m_catalogue[data-view1020="12"]>.ep_gridcolumn-content>.ep_list .ep_item:nth-child(5n+1):before, #website-body .ep_gridcolumn.ep-m_catalogue[data-view1020="11"]>.ep_gridcolumn-content>.ep_list .ep_item:nth-child(5n+1):before { display: block; } #website-body .ep_gridcolumn.ep-m_catalogue[data-view1020="10"]>.ep_gridcolumn-content>.ep_list .ep_item, #website-body .ep_gridcolumn.ep-m_catalogue[data-view1020="9"]>.ep_gridcolumn-content>.ep_list .ep_item { width: 25%; } #website-body .ep_gridcolumn.ep-m_catalogue[data-view1020="10"]>.ep_gridcolumn-content>.ep_list .ep_item:nth-child(4n+1):before, #website-body .ep_gridcolumn.ep-m_catalogue[data-view1020="9"]>.ep_gridcolumn-content>.ep_list .ep_item:nth-child(4n+1):before { display: block; } #website-body .ep_gridcolumn.ep-m_catalogue[data-view1020="8"]>.ep_gridcolumn-content>.ep_list .ep_item, #website-body .ep_gridcolumn.ep-m_catalogue[data-view1020="7"]>.ep_gridcolumn-content>.ep_list .ep_item, #website-body .ep_gridcolumn.ep-m_catalogue[data-view1020="6"]>.ep_gridcolumn-content>.ep_list .ep_item { width: calc(100% / 3); } #website-body .ep_gridcolumn.ep-m_catalogue[data-view1020="8"]>.ep_gridcolumn-content>.ep_list .ep_item:nth-child(3n+1):before, #website-body .ep_gridcolumn.ep-m_catalogue[data-view1020="7"]>.ep_gridcolumn-content>.ep_list .ep_item:nth-child(3n+1):before, #website-body .ep_gridcolumn.ep-m_catalogue[data-view1020="6"]>.ep_gridcolumn-content>.ep_list .ep_item:nth-child(3n+1):before { display: block; } #website-body .ep_gridcolumn.ep-m_catalogue[data-view1020="5"]>.ep_gridcolumn-content>.ep_list .ep_item, #website-body .ep_gridcolumn.ep-m_catalogue[data-view1020="4"]>.ep_gridcolumn-content>.ep_list .ep_item { width: 50%; } #website-body .ep_gridcolumn.ep-m_catalogue[data-view1020="5"]>.ep_gridcolumn-content>.ep_list .ep_item:nth-child(1n+0):before, #website-body .ep_gridcolumn.ep-m_catalogue[data-view1020="4"]>.ep_gridcolumn-content>.ep_list .ep_item:nth-child(1n+0):before { display: block; } #website-body .ep_gridcolumn.ep-m_catalogue[data-view1020="2"], #website-body .ep_gridcolumn.ep-m_catalogue[data-view1020="1"] { display: none !important; } /* MOLECULE "CATALOGUE" : Correction des marges internes */ #website-body .ep_gridcolumn.ep-m_catalogue[data-view1020="8"]>.ep_gridcolumn-content>.ep_list { margin-left: calc((100% - 140px) / 8); margin-right: calc((100% - 140px) / 8); padding-left: 10px; padding-right: 10px; } #website-body .ep_gridcolumn.ep-m_catalogue[data-view1020="8"]>.ep_gridcolumn-content>.ep_list:before, #website-body .ep_gridcolumn.ep-m_catalogue[data-view1020="8"]>.ep_gridcolumn-content>.ep_list:after { width: 21px; } #website-body .ep_gridcolumn.ep-m_catalogue[data-view1020="6"]>.ep_gridcolumn-content>.ep_header, #website-body .ep_gridcolumn.ep-m_catalogue[data-view1020="6"]>.ep_gridcolumn-content>.ep_footer, #website-body .ep_gridcolumn.ep-m_catalogue[data-view1020="4"]>.ep_gridcolumn-content>.ep_header, #website-body .ep_gridcolumn.ep-m_catalogue[data-view1020="4"]>.ep_gridcolumn-content>.ep_footer { margin-left: 10px; margin-right: 10px; } #website-body .ep_gridcolumn.ep-m_catalogue[data-view1020="6"]>.ep_gridcolumn-content>.ep_list, #website-body .ep_gridcolumn.ep-m_catalogue[data-view1020="4"]>.ep_gridcolumn-content>.ep_list { padding-left: 2px; padding-right: 2px; } #website-body .ep_gridcolumn.ep-m_catalogue[data-view1020="6"]>.ep_gridcolumn-content>.ep_list:before, #website-body .ep_gridcolumn.ep-m_catalogue[data-view1020="6"]>.ep_gridcolumn-content>.ep_list:after, #website-body .ep_gridcolumn.ep-m_catalogue[data-view1020="4"]>.ep_gridcolumn-content>.ep_list:before, #website-body .ep_gridcolumn.ep-m_catalogue[data-view1020="4"]>.ep_gridcolumn-content>.ep_list:after { width: 3px; } /* MOLECULE "CATALOGUE" : Mise a jour de l'affichage pour le visuel "un element par ligne" */ #website-body .ep_gridcolumn.ep-m_catalogue[data-view1020="3"]>.ep_gridcolumn-content>.ep_header .ep-a_heading>.ep_title .ep-p_text .ep_name { padding-left: 0; padding-right: 0; } #website-body .ep_gridcolumn.ep-m_catalogue[data-view1020="3"]>.ep_gridcolumn-content>.ep_header .ep-a_heading>.ep_title:after { display: block; } #website-body .ep_gridcolumn.ep-m_catalogue[data-view1020="3"]>.ep_gridcolumn-content>.ep_list { padding-bottom: 20px; padding-left: 10px; padding-right: 10px; } #website-body .ep_gridcolumn.ep-m_catalogue[data-view1020="3"]>.ep_gridcolumn-content>.ep_header, #website-body .ep_gridcolumn.ep-m_catalogue[data-view1020="3"]>.ep_gridcolumn-content>.ep_footer { margin-left: 20px; margin-right: 20px; } #website-body .ep_gridcolumn.ep-m_catalogue[data-view1020="3"]>.ep_gridcolumn-content>.ep_list .ep_item { width: 100%; } #website-body .ep_gridcolumn.ep-m_catalogue[data-view1020="3"]>.ep_gridcolumn-content>.ep_header .ep-a_heading>.ep_title:before, #website-body .ep_gridcolumn.ep-m_catalogue[data-view1020="3"]>.ep_gridcolumn-content>.ep_list:before, #website-body .ep_gridcolumn.ep-m_catalogue[data-view1020="3"]>.ep_gridcolumn-content>.ep_list:after, #website-body .ep_gridcolumn.ep-m_catalogue[data-view1020="3"]>.ep_gridcolumn-content>.ep_list .ep_item:before, #website-body .ep_gridcolumn.ep-m_catalogue[data-view1020="3"]>.ep_gridcolumn-content>.ep_list .ep_item>div:before, #website-body .ep_gridcolumn.ep-m_catalogue[data-view1020="3"]>.ep_gridcolumn-content>.ep_list .ep_item>div:after { display: none; } #website-body .ep_gridcolumn.ep-m_catalogue[data-view1020="3"]>.ep_gridcolumn-content>.ep_list .ep_item>div { display: block; min-height: 83px; padding-left: 80px; text-align: left; } #website-body .ep_gridcolumn.ep-m_catalogue[data-view1020="3"]>.ep_gridcolumn-content>.ep_list .ep_item .ep_content, #website-body .ep_gridcolumn.ep-m_catalogue[data-view1020="3"]>.ep_gridcolumn-content>.ep_list .ep_item .ep_footer { position: static; } #website-body .ep_gridcolumn.ep-m_catalogue[data-view1020="3"]>.ep_gridcolumn-content>.ep_list .ep_item .ep_footer { margin-top: 5px; } #website-body .ep_gridcolumn.ep-m_catalogue[data-view1020="3"]>.ep_gridcolumn-content>.ep_list .ep_item .ep_content .ep-a_heading .ep_subtitle .ep-p_text { margin-top: 2px; } #website-body .ep_gridcolumn.ep-m_catalogue[data-view1020="3"]>.ep_gridcolumn-content>.ep_list .ep_item .ep_content .ep-a_media { position: absolute; top: 1px; left: 0; } #website-body .ep_gridcolumn.ep-m_catalogue[data-view1020="3"]>.ep_gridcolumn-content>.ep_list .ep_item .ep_content .ep-a_media .ep-p_image .ep_image img { width: 60px; } #website-body .ep_gridcolumn.ep-m_catalogue[data-view1020="3"]>.ep_gridcolumn-content>.ep_list .ep_item .ep-a_heading:after, #website-body .ep_gridcolumn.ep-m_catalogue[data-view1020="3"]>.ep_gridcolumn-content>.ep_list .ep_item .ep-a_media:after { display: none; } /* MOLECULE "CATALOGUE" : Correction de l'affichage pour la gestion des noms de deputes longs */ #website-body .ep_gridcolumn.ep-m_catalogue[data-view1020="3"]>.ep_gridcolumn-content>.ep_list { padding-left: 3px; padding-right: 3px; } #website-body .ep_gridcolumn.ep-m_catalogue[data-view1020="3"]>.ep_gridcolumn-content>.ep_list .ep_item>div { padding-left: 73px; } #website-body .ep_gridcolumn.ep-m_catalogue[data-view1020="3"]>.ep_gridcolumn-content>.ep_list .ep_item .ep_content .ep-a_media .ep-p_image .ep_image img { width: 60px; } #website-body .ep_gridcolumn.ep-m_catalogue[data-view1020="6"]>.ep_gridcolumn-content>.ep_list .ep_item .ep_content .ep-a_heading .ep-p_text, #website-body .ep_gridcolumn.ep-m_catalogue[data-view1020="5"]>.ep_gridcolumn-content>.ep_list .ep_item .ep_content .ep-a_heading .ep-p_text, #website-body .ep_gridcolumn.ep-m_catalogue[data-view1020="4"]>.ep_gridcolumn-content>.ep_list .ep_item .ep_content .ep-a_heading .ep-p_text, #website-body .ep_gridcolumn.ep-m_catalogue[data-view1020="3"]>.ep_gridcolumn-content>.ep_list .ep_item .ep_content .ep-a_heading .ep-p_text { font-size: 1.2em; } #website-body .ep_gridcolumn.ep-m_catalogue[data-view1020="6"]>.ep_gridcolumn-content>.ep_list .ep_item a.ep_content:hover .ep-a_heading .ep_title .ep_name, #website-body .ep_gridcolumn.ep-m_catalogue[data-view1020="6"]>.ep_gridcolumn-content>.ep_list .ep_item a.ep_content:focus .ep-a_heading .ep_title .ep_name, #website-body .ep_gridcolumn.ep-m_catalogue[data-view1020="6"]>.ep_gridcolumn-content>.ep_list .ep_item a.ep_content:active .ep-a_heading .ep_title .ep_name, #website-body .ep_gridcolumn.ep-m_catalogue[data-view1020="5"]>.ep_gridcolumn-content>.ep_list .ep_item a.ep_content:hover .ep-a_heading .ep_title .ep_name, #website-body .ep_gridcolumn.ep-m_catalogue[data-view1020="5"]>.ep_gridcolumn-content>.ep_list .ep_item a.ep_content:focus .ep-a_heading .ep_title .ep_name, #website-body .ep_gridcolumn.ep-m_catalogue[data-view1020="5"]>.ep_gridcolumn-content>.ep_list .ep_item a.ep_content:active .ep-a_heading .ep_title .ep_name, #website-body .ep_gridcolumn.ep-m_catalogue[data-view1020="4"]>.ep_gridcolumn-content>.ep_list .ep_item a.ep_content:hover .ep-a_heading .ep_title .ep_name, #website-body .ep_gridcolumn.ep-m_catalogue[data-view1020="4"]>.ep_gridcolumn-content>.ep_list .ep_item a.ep_content:focus .ep-a_heading .ep_title .ep_name, #website-body .ep_gridcolumn.ep-m_catalogue[data-view1020="4"]>.ep_gridcolumn-content>.ep_list .ep_item a.ep_content:active .ep-a_heading .ep_title .ep_name, #website-body .ep_gridcolumn.ep-m_catalogue[data-view1020="3"]>.ep_gridcolumn-content>.ep_list .ep_item a.ep_content:hover .ep-a_heading .ep_title .ep_name, #website-body .ep_gridcolumn.ep-m_catalogue[data-view1020="3"]>.ep_gridcolumn-content>.ep_list .ep_item a.ep_content:focus .ep-a_heading .ep_title .ep_name, #website-body .ep_gridcolumn.ep-m_catalogue[data-view1020="3"]>.ep_gridcolumn-content>.ep_list .ep_item a.ep_content:active .ep-a_heading .ep_title .ep_name { transform: translate(5px, 0); -webkit-transform: translate(5px, 0); } } @media screen and (min-width:750px) and (max-width:1019px), print { /* MOLECULE "CATALOGUE" : Definition du nombre d'elements par ligne */ #website-body .ep_gridcolumn.ep-m_catalogue[data-view750="12"]>.ep_gridcolumn-content>.ep_list .ep_item { width: 25%; } #website-body .ep_gridcolumn.ep-m_catalogue[data-view750="12"]>.ep_gridcolumn-content>.ep_list .ep_item:nth-child(4n+1):before { display: block; } #website-body .ep_gridcolumn.ep-m_catalogue[data-view750="11"]>.ep_gridcolumn-content>.ep_list .ep_item, #website-body .ep_gridcolumn.ep-m_catalogue[data-view750="10"]>.ep_gridcolumn-content>.ep_list .ep_item { width: calc(100% / 3); } #website-body .ep_gridcolumn.ep-m_catalogue[data-view750="11"]>.ep_gridcolumn-content>.ep_list .ep_item:nth-child(3n+1):before, #website-body .ep_gridcolumn.ep-m_catalogue[data-view750="10"]>.ep_gridcolumn-content>.ep_list .ep_item:nth-child(3n+1):before { display: block; } #website-body .ep_gridcolumn.ep-m_catalogue[data-view750="9"]>.ep_gridcolumn-content>.ep_list .ep_item, #website-body .ep_gridcolumn.ep-m_catalogue[data-view750="8"]>.ep_gridcolumn-content>.ep_list .ep_item, #website-body .ep_gridcolumn.ep-m_catalogue[data-view750="7"]>.ep_gridcolumn-content>.ep_list .ep_item, #website-body .ep_gridcolumn.ep-m_catalogue[data-view750="6"]>.ep_gridcolumn-content>.ep_list .ep_item { width: 50%; } #website-body .ep_gridcolumn.ep-m_catalogue[data-view750="9"]>.ep_gridcolumn-content>.ep_list .ep_item:nth-child(2n+1):before, #website-body .ep_gridcolumn.ep-m_catalogue[data-view750="8"]>.ep_gridcolumn-content>.ep_list .ep_item:nth-child(2n+1):before, #website-body .ep_gridcolumn.ep-m_catalogue[data-view750="7"]>.ep_gridcolumn-content>.ep_list .ep_item:nth-child(2n+1):before, #website-body .ep_gridcolumn.ep-m_catalogue[data-view750="6"]>.ep_gridcolumn-content>.ep_list .ep_item:nth-child(2n+1):before { display: block; } #website-body .ep_gridcolumn.ep-m_catalogue[data-view750="3"], #website-body .ep_gridcolumn.ep-m_catalogue[data-view750="2"], #website-body .ep_gridcolumn.ep-m_catalogue[data-view750="1"] { display: none !important; } /* MOLECULE "CATALOGUE" : Mise a jour de l'affichage pour le visuel "un element par ligne" */ #website-body .ep_gridcolumn.ep-m_catalogue[data-view750="5"]>.ep_gridcolumn-content>.ep_header .ep-a_heading>.ep_title .ep-p_text .ep_name, #website-body .ep_gridcolumn.ep-m_catalogue[data-view750="4"]>.ep_gridcolumn-content>.ep_header .ep-a_heading>.ep_title .ep-p_text .ep_name { padding-left: 0; padding-right: 0; } #website-body .ep_gridcolumn.ep-m_catalogue[data-view750="5"]>.ep_gridcolumn-content>.ep_header .ep-a_heading>.ep_title:after, #website-body .ep_gridcolumn.ep-m_catalogue[data-view750="4"]>.ep_gridcolumn-content>.ep_header .ep-a_heading>.ep_title:after { display: block; } #website-body .ep_gridcolumn.ep-m_catalogue[data-view750="5"]>.ep_gridcolumn-content>.ep_list, #website-body .ep_gridcolumn.ep-m_catalogue[data-view750="4"]>.ep_gridcolumn-content>.ep_list { padding-bottom: 20px; padding-left: 10px; padding-right: 10px; } #website-body .ep_gridcolumn.ep-m_catalogue[data-view750="5"]>.ep_gridcolumn-content>.ep_header, #website-body .ep_gridcolumn.ep-m_catalogue[data-view750="5"]>.ep_gridcolumn-content>.ep_footer, #website-body .ep_gridcolumn.ep-m_catalogue[data-view750="4"]>.ep_gridcolumn-content>.ep_header, #website-body .ep_gridcolumn.ep-m_catalogue[data-view750="4"]>.ep_gridcolumn-content>.ep_footer { margin-left: 20px; margin-right: 20px; } #website-body .ep_gridcolumn.ep-m_catalogue[data-view750="5"]>.ep_gridcolumn-content>.ep_list .ep_item, #website-body .ep_gridcolumn.ep-m_catalogue[data-view750="4"]>.ep_gridcolumn-content>.ep_list .ep_item { width: 100%; } #website-body .ep_gridcolumn.ep-m_catalogue[data-view750="5"]>.ep_gridcolumn-content>.ep_header .ep-a_heading>.ep_title:before, #website-body .ep_gridcolumn.ep-m_catalogue[data-view750="5"]>.ep_gridcolumn-content>.ep_list:before, #website-body .ep_gridcolumn.ep-m_catalogue[data-view750="5"]>.ep_gridcolumn-content>.ep_list:after, #website-body .ep_gridcolumn.ep-m_catalogue[data-view750="5"]>.ep_gridcolumn-content>.ep_list .ep_item:before, #website-body .ep_gridcolumn.ep-m_catalogue[data-view750="5"]>.ep_gridcolumn-content>.ep_list .ep_item>div:before, #website-body .ep_gridcolumn.ep-m_catalogue[data-view750="5"]>.ep_gridcolumn-content>.ep_list .ep_item>div:after, #website-body .ep_gridcolumn.ep-m_catalogue[data-view750="4"]>.ep_gridcolumn-content>.ep_header .ep-a_heading>.ep_title:before, #website-body .ep_gridcolumn.ep-m_catalogue[data-view750="4"]>.ep_gridcolumn-content>.ep_list:before, #website-body .ep_gridcolumn.ep-m_catalogue[data-view750="4"]>.ep_gridcolumn-content>.ep_list:after, #website-body .ep_gridcolumn.ep-m_catalogue[data-view750="4"]>.ep_gridcolumn-content>.ep_list .ep_item:before, #website-body .ep_gridcolumn.ep-m_catalogue[data-view750="4"]>.ep_gridcolumn-content>.ep_list .ep_item>div:before, #website-body .ep_gridcolumn.ep-m_catalogue[data-view750="4"]>.ep_gridcolumn-content>.ep_list .ep_item>div:after { display: none; } #website-body .ep_gridcolumn.ep-m_catalogue[data-view750="5"]>.ep_gridcolumn-content>.ep_list .ep_item>div, #website-body .ep_gridcolumn.ep-m_catalogue[data-view750="4"]>.ep_gridcolumn-content>.ep_list .ep_item>div { display: block; min-height: 83px; padding-left: 80px; text-align: left; } #website-body .ep_gridcolumn.ep-m_catalogue[data-view750="5"]>.ep_gridcolumn-content>.ep_list .ep_item .ep_content, #website-body .ep_gridcolumn.ep-m_catalogue[data-view750="5"]>.ep_gridcolumn-content>.ep_list .ep_item .ep_footer, #website-body .ep_gridcolumn.ep-m_catalogue[data-view750="4"]>.ep_gridcolumn-content>.ep_list .ep_item .ep_content, #website-body .ep_gridcolumn.ep-m_catalogue[data-view750="4"]>.ep_gridcolumn-content>.ep_list .ep_item .ep_footer { position: static; } #website-body .ep_gridcolumn.ep-m_catalogue[data-view750="5"]>.ep_gridcolumn-content>.ep_list .ep_item .ep_footer, #website-body .ep_gridcolumn.ep-m_catalogue[data-view750="4"]>.ep_gridcolumn-content>.ep_list .ep_item .ep_footer { margin-top: 5px; } #website-body .ep_gridcolumn.ep-m_catalogue[data-view750="5"]>.ep_gridcolumn-content>.ep_list .ep_item .ep_content .ep-a_heading .ep_subtitle .ep-p_text, #website-body .ep_gridcolumn.ep-m_catalogue[data-view750="4"]>.ep_gridcolumn-content>.ep_list .ep_item .ep_content .ep-a_heading .ep_subtitle .ep-p_text { margin-top: 2px; } #website-body .ep_gridcolumn.ep-m_catalogue[data-view750="5"]>.ep_gridcolumn-content>.ep_list .ep_item .ep_content .ep-a_media, #website-body .ep_gridcolumn.ep-m_catalogue[data-view750="4"]>.ep_gridcolumn-content>.ep_list .ep_item .ep_content .ep-a_media { position: absolute; top: 1px; left: 0; } #website-body .ep_gridcolumn.ep-m_catalogue[data-view750="5"]>.ep_gridcolumn-content>.ep_list .ep_item .ep_content .ep-a_media .ep-p_image .ep_image img, #website-body .ep_gridcolumn.ep-m_catalogue[data-view750="4"]>.ep_gridcolumn-content>.ep_list .ep_item .ep_content .ep-a_media .ep-p_image .ep_image img { width: 64px; } #website-body .ep_gridcolumn.ep-m_catalogue[data-view750="5"]>.ep_gridcolumn-content>.ep_list .ep_item .ep-a_heading:after, #website-body .ep_gridcolumn.ep-m_catalogue[data-view750="5"]>.ep_gridcolumn-content>.ep_list .ep_item .ep-a_media:after, #website-body .ep_gridcolumn.ep-m_catalogue[data-view750="4"]>.ep_gridcolumn-content>.ep_list .ep_item .ep-a_heading:after, #website-body .ep_gridcolumn.ep-m_catalogue[data-view750="4"]>.ep_gridcolumn-content>.ep_list .ep_item .ep-a_media:after { display: none; } #website-body .ep_gridcolumn.ep-m_catalogue[data-view750="5"]>.ep_gridcolumn-content>.ep_list .ep_item a.ep_content:hover .ep-a_heading .ep_title .ep_name, #website-body .ep_gridcolumn.ep-m_catalogue[data-view750="5"]>.ep_gridcolumn-content>.ep_list .ep_item a.ep_content:focus .ep-a_heading .ep_title .ep_name, #website-body .ep_gridcolumn.ep-m_catalogue[data-view750="5"]>.ep_gridcolumn-content>.ep_list .ep_item a.ep_content:active .ep-a_heading .ep_title .ep_name, #website-body .ep_gridcolumn.ep-m_catalogue[data-view750="4"]>.ep_gridcolumn-content>.ep_list .ep_item a.ep_content:hover .ep-a_heading .ep_title .ep_name, #website-body .ep_gridcolumn.ep-m_catalogue[data-view750="4"]>.ep_gridcolumn-content>.ep_list .ep_item a.ep_content:focus .ep-a_heading .ep_title .ep_name, #website-body .ep_gridcolumn.ep-m_catalogue[data-view750="4"]>.ep_gridcolumn-content>.ep_list .ep_item a.ep_content:active .ep-a_heading .ep_title .ep_name { transform: translate(5px, 0); -webkit-transform: translate(5px, 0); } /* MOLECULE "CATALOGUE" : Correction de l'affichage pour la gestion des noms de deputes longs */ #website-body .ep_gridcolumn.ep-m_catalogue[data-view750="6"]>.ep_gridcolumn-content>.ep_list { padding-left: 5px; padding-right: 5px; } #website-body .ep_gridcolumn.ep-m_catalogue[data-view750="6"]>.ep_gridcolumn-content>.ep_list:before, #website-body .ep_gridcolumn.ep-m_catalogue[data-view750="6"]>.ep_gridcolumn-content>.ep_list:after { width: 6px; } #website-body .ep_gridcolumn.ep-m_catalogue[data-view750="4"]>.ep_gridcolumn-content>.ep_list { padding-left: 3px; padding-right: 3px; } #website-body .ep_gridcolumn.ep-m_catalogue[data-view750="4"]>.ep_gridcolumn-content>.ep_list .ep_item>div { padding-left: 73px; } #website-body .ep_gridcolumn.ep-m_catalogue[data-view750="4"]>.ep_gridcolumn-content>.ep_list .ep_item .ep_content .ep-a_media .ep-p_image .ep_image img { width: 60px; } #website-body .ep_gridcolumn.ep-m_catalogue[data-view750="4"]>.ep_gridcolumn-content>.ep_list .ep_mep .ep-a_heading .ep_title .ep-p_text, #website-body .ep_gridcolumn.ep-m_catalogue[data-view750="4"]>.ep_gridcolumn-content>.ep_list .ep_mep .ep-a_heading .ep_subtitle .ep-p_text { font-size: 1.2em; } } @media screen and (min-width:640px) and (max-width:749px) { /* MOLECULE "CATALOGUE" : Definition du nombre d'elements par ligne */ #website-body .ep_gridcolumn.ep-m_catalogue[data-view640="8"]>.ep_gridcolumn-content>.ep_list .ep_item { width: calc(100% / 3); } #website-body .ep_gridcolumn.ep-m_catalogue[data-view640="8"]>.ep_gridcolumn-content>.ep_list .ep_item:nth-child(3n+1):before { display: block; } #website-body .ep_gridcolumn.ep-m_catalogue[data-view640="7"]>.ep_gridcolumn-content>.ep_list .ep_item, #website-body .ep_gridcolumn.ep-m_catalogue[data-view640="6"]>.ep_gridcolumn-content>.ep_list .ep_item { width: 50%; } #website-body .ep_gridcolumn.ep-m_catalogue[data-view640="7"]>.ep_gridcolumn-content>.ep_list .ep_item:nth-child(2n+1):before, #website-body .ep_gridcolumn.ep-m_catalogue[data-view640="6"]>.ep_gridcolumn-content>.ep_list .ep_item:nth-child(2n+1):before { display: block; } #website-body .ep_gridcolumn.ep-m_catalogue[data-view640="3"], #website-body .ep_gridcolumn.ep-m_catalogue[data-view640="2"], #website-body .ep_gridcolumn.ep-m_catalogue[data-view640="1"] { display: none !important; } /* MOLECULE "CATALOGUE" : Mise a jour de l'affichage pour le visuel "un element par ligne" */ #website-body .ep_gridcolumn.ep-m_catalogue[data-view640="5"]>.ep_gridcolumn-content>.ep_header .ep-a_heading>.ep_title .ep-p_text .ep_name, #website-body .ep_gridcolumn.ep-m_catalogue[data-view640="4"]>.ep_gridcolumn-content>.ep_header .ep-a_heading>.ep_title .ep-p_text .ep_name { padding-left: 0; padding-right: 0; } #website-body .ep_gridcolumn.ep-m_catalogue[data-view640="5"]>.ep_gridcolumn-content>.ep_header .ep-a_heading>.ep_title:after, #website-body .ep_gridcolumn.ep-m_catalogue[data-view640="4"]>.ep_gridcolumn-content>.ep_header .ep-a_heading>.ep_title:after { display: block; } #website-body .ep_gridcolumn.ep-m_catalogue[data-view640="5"]>.ep_gridcolumn-content>.ep_list, #website-body .ep_gridcolumn.ep-m_catalogue[data-view640="4"]>.ep_gridcolumn-content>.ep_list { padding-bottom: 20px; padding-left: 10px; padding-right: 10px; } #website-body .ep_gridcolumn.ep-m_catalogue[data-view640="5"]>.ep_gridcolumn-content>.ep_header, #website-body .ep_gridcolumn.ep-m_catalogue[data-view640="5"]>.ep_gridcolumn-content>.ep_footer, #website-body .ep_gridcolumn.ep-m_catalogue[data-view640="4"]>.ep_gridcolumn-content>.ep_header, #website-body .ep_gridcolumn.ep-m_catalogue[data-view640="4"]>.ep_gridcolumn-content>.ep_footer { margin-left: 20px; margin-right: 20px; } #website-body .ep_gridcolumn.ep-m_catalogue[data-view640="5"]>.ep_gridcolumn-content>.ep_list .ep_item, #website-body .ep_gridcolumn.ep-m_catalogue[data-view640="4"]>.ep_gridcolumn-content>.ep_list .ep_item { width: 100%; } #website-body .ep_gridcolumn.ep-m_catalogue[data-view640="5"]>.ep_gridcolumn-content>.ep_header .ep-a_heading>.ep_title:before, #website-body .ep_gridcolumn.ep-m_catalogue[data-view640="5"]>.ep_gridcolumn-content>.ep_list:before, #website-body .ep_gridcolumn.ep-m_catalogue[data-view640="5"]>.ep_gridcolumn-content>.ep_list:after, #website-body .ep_gridcolumn.ep-m_catalogue[data-view640="5"]>.ep_gridcolumn-content>.ep_list .ep_item:before, #website-body .ep_gridcolumn.ep-m_catalogue[data-view640="5"]>.ep_gridcolumn-content>.ep_list .ep_item>div:before, #website-body .ep_gridcolumn.ep-m_catalogue[data-view640="5"]>.ep_gridcolumn-content>.ep_list .ep_item>div:after, #website-body .ep_gridcolumn.ep-m_catalogue[data-view640="4"]>.ep_gridcolumn-content>.ep_header .ep-a_heading>.ep_title:before, #website-body .ep_gridcolumn.ep-m_catalogue[data-view640="4"]>.ep_gridcolumn-content>.ep_list:before, #website-body .ep_gridcolumn.ep-m_catalogue[data-view640="4"]>.ep_gridcolumn-content>.ep_list:after, #website-body .ep_gridcolumn.ep-m_catalogue[data-view640="4"]>.ep_gridcolumn-content>.ep_list .ep_item:before, #website-body .ep_gridcolumn.ep-m_catalogue[data-view640="4"]>.ep_gridcolumn-content>.ep_list .ep_item>div:before, #website-body .ep_gridcolumn.ep-m_catalogue[data-view640="4"]>.ep_gridcolumn-content>.ep_list .ep_item>div:after { display: none; } #website-body .ep_gridcolumn.ep-m_catalogue[data-view640="5"]>.ep_gridcolumn-content>.ep_list .ep_item>div, #website-body .ep_gridcolumn.ep-m_catalogue[data-view640="4"]>.ep_gridcolumn-content>.ep_list .ep_item>div { display: block; min-height: 83px; padding-left: 80px; text-align: left; } #website-body .ep_gridcolumn.ep-m_catalogue[data-view640="5"]>.ep_gridcolumn-content>.ep_list .ep_item .ep_content, #website-body .ep_gridcolumn.ep-m_catalogue[data-view640="5"]>.ep_gridcolumn-content>.ep_list .ep_item .ep_footer, #website-body .ep_gridcolumn.ep-m_catalogue[data-view640="4"]>.ep_gridcolumn-content>.ep_list .ep_item .ep_content, #website-body .ep_gridcolumn.ep-m_catalogue[data-view640="4"]>.ep_gridcolumn-content>.ep_list .ep_item .ep_footer { position: static; } #website-body .ep_gridcolumn.ep-m_catalogue[data-view640="5"]>.ep_gridcolumn-content>.ep_list .ep_item .ep_footer, #website-body .ep_gridcolumn.ep-m_catalogue[data-view640="4"]>.ep_gridcolumn-content>.ep_list .ep_item .ep_footer { margin-top: 5px; } #website-body .ep_gridcolumn.ep-m_catalogue[data-view640="5"]>.ep_gridcolumn-content>.ep_list .ep_item .ep_content .ep-a_heading .ep_subtitle .ep-p_text, #website-body .ep_gridcolumn.ep-m_catalogue[data-view640="4"]>.ep_gridcolumn-content>.ep_list .ep_item .ep_content .ep-a_heading .ep_subtitle .ep-p_text { margin-top: 2px; } #website-body .ep_gridcolumn.ep-m_catalogue[data-view640="5"]>.ep_gridcolumn-content>.ep_list .ep_item .ep_content .ep-a_media, #website-body .ep_gridcolumn.ep-m_catalogue[data-view640="4"]>.ep_gridcolumn-content>.ep_list .ep_item .ep_content .ep-a_media { position: absolute; top: 1px; left: 0; } #website-body .ep_gridcolumn.ep-m_catalogue[data-view640="5"]>.ep_gridcolumn-content>.ep_list .ep_item .ep_content .ep-a_media .ep-p_image .ep_image img, #website-body .ep_gridcolumn.ep-m_catalogue[data-view640="4"]>.ep_gridcolumn-content>.ep_list .ep_item .ep_content .ep-a_media .ep-p_image .ep_image img { width: 64px; } #website-body .ep_gridcolumn.ep-m_catalogue[data-view640="5"]>.ep_gridcolumn-content>.ep_list .ep_item .ep-a_heading:after, #website-body .ep_gridcolumn.ep-m_catalogue[data-view640="5"]>.ep_gridcolumn-content>.ep_list .ep_item .ep-a_media:after, #website-body .ep_gridcolumn.ep-m_catalogue[data-view640="4"]>.ep_gridcolumn-content>.ep_list .ep_item .ep-a_heading:after, #website-body .ep_gridcolumn.ep-m_catalogue[data-view640="4"]>.ep_gridcolumn-content>.ep_list .ep_item .ep-a_media:after { display: none; } #website-body .ep_gridcolumn.ep-m_catalogue[data-view640="5"]>.ep_gridcolumn-content>.ep_list .ep_item a.ep_content:hover .ep-a_heading .ep_title .ep_name, #website-body .ep_gridcolumn.ep-m_catalogue[data-view640="5"]>.ep_gridcolumn-content>.ep_list .ep_item a.ep_content:focus .ep-a_heading .ep_title .ep_name, #website-body .ep_gridcolumn.ep-m_catalogue[data-view640="5"]>.ep_gridcolumn-content>.ep_list .ep_item a.ep_content:active .ep-a_heading .ep_title .ep_name, #website-body .ep_gridcolumn.ep-m_catalogue[data-view640="4"]>.ep_gridcolumn-content>.ep_list .ep_item a.ep_content:hover .ep-a_heading .ep_title .ep_name, #website-body .ep_gridcolumn.ep-m_catalogue[data-view640="4"]>.ep_gridcolumn-content>.ep_list .ep_item a.ep_content:focus .ep-a_heading .ep_title .ep_name, #website-body .ep_gridcolumn.ep-m_catalogue[data-view640="4"]>.ep_gridcolumn-content>.ep_list .ep_item a.ep_content:active .ep-a_heading .ep_title .ep_name { transform: translate(5px, 0); -webkit-transform: translate(5px, 0); } /* MOLECULE "CATALOGUE" : Correction de l'affichage pour la gestion des noms de deputes longs */ #website-body .ep_gridcolumn.ep-m_catalogue[data-view640="6"]>.ep_gridcolumn-content>.ep_list { padding-left: 5px; padding-right: 5px; } #website-body .ep_gridcolumn.ep-m_catalogue[data-view640="6"]>.ep_gridcolumn-content>.ep_list:before, #website-body .ep_gridcolumn.ep-m_catalogue[data-view640="6"]>.ep_gridcolumn-content>.ep_list:after { width: 6px; } #website-body .ep_gridcolumn.ep-m_catalogue[data-view640="4"]>.ep_gridcolumn-content>.ep_list .ep_mep .ep-a_heading .ep_title .ep-p_text, #website-body .ep_gridcolumn.ep-m_catalogue[data-view640="4"]>.ep_gridcolumn-content>.ep_list .ep_mep .ep-a_heading .ep_subtitle .ep-p_text { font-size: 1.2em; } } @media screen and (min-width:480px) and (max-width:639px) { /* MOLECULE "CATALOGUE" : Definition du nombre d'elements par ligne */ #website-body .ep_gridcolumn.ep-m_catalogue[data-view480="8"]>.ep_gridcolumn-content>.ep_list .ep_item { width: calc(100% / 3); } #website-body .ep_gridcolumn.ep-m_catalogue[data-view480="8"]>.ep_gridcolumn-content>.ep_list .ep_item:nth-child(3n+1):before { display: block; } #website-body .ep_gridcolumn.ep-m_catalogue[data-view480="7"]>.ep_gridcolumn-content>.ep_list .ep_item, #website-body .ep_gridcolumn.ep-m_catalogue[data-view480="6"]>.ep_gridcolumn-content>.ep_list .ep_item { width: 50%; } #website-body .ep_gridcolumn.ep-m_catalogue[data-view480="7"]>.ep_gridcolumn-content>.ep_list .ep_item:nth-child(2n+1):before, #website-body .ep_gridcolumn.ep-m_catalogue[data-view480="6"]>.ep_gridcolumn-content>.ep_list .ep_item:nth-child(2n+1):before { display: block; } #website-body .ep_gridcolumn.ep-m_catalogue[data-view480="3"], #website-body .ep_gridcolumn.ep-m_catalogue[data-view480="2"], #website-body .ep_gridcolumn.ep-m_catalogue[data-view480="1"] { display: none !important; } /* MOLECULE "CATALOGUE" : Mise a jour de l'affichage pour le visuel "un element par ligne" */ #website-body .ep_gridcolumn.ep-m_catalogue[data-view480="5"]>.ep_gridcolumn-content>.ep_header .ep-a_heading>.ep_title .ep-p_text .ep_name, #website-body .ep_gridcolumn.ep-m_catalogue[data-view480="4"]>.ep_gridcolumn-content>.ep_header .ep-a_heading>.ep_title .ep-p_text .ep_name { padding-left: 0; padding-right: 0; } #website-body .ep_gridcolumn.ep-m_catalogue[data-view480="5"]>.ep_gridcolumn-content>.ep_header .ep-a_heading>.ep_title:after, #website-body .ep_gridcolumn.ep-m_catalogue[data-view480="4"]>.ep_gridcolumn-content>.ep_header .ep-a_heading>.ep_title:after { display: block; } #website-body .ep_gridcolumn.ep-m_catalogue[data-view480="5"]>.ep_gridcolumn-content>.ep_list, #website-body .ep_gridcolumn.ep-m_catalogue[data-view480="4"]>.ep_gridcolumn-content>.ep_list { padding-bottom: 20px; padding-left: 10px; padding-right: 10px; } #website-body .ep_gridcolumn.ep-m_catalogue[data-view480="5"]>.ep_gridcolumn-content>.ep_header, #website-body .ep_gridcolumn.ep-m_catalogue[data-view480="5"]>.ep_gridcolumn-content>.ep_footer, #website-body .ep_gridcolumn.ep-m_catalogue[data-view480="4"]>.ep_gridcolumn-content>.ep_header, #website-body .ep_gridcolumn.ep-m_catalogue[data-view480="4"]>.ep_gridcolumn-content>.ep_footer { margin-left: 20px; margin-right: 20px; } #website-body .ep_gridcolumn.ep-m_catalogue[data-view480="5"]>.ep_gridcolumn-content>.ep_list .ep_item, #website-body .ep_gridcolumn.ep-m_catalogue[data-view480="4"]>.ep_gridcolumn-content>.ep_list .ep_item { width: 100%; } #website-body .ep_gridcolumn.ep-m_catalogue[data-view480="5"]>.ep_gridcolumn-content>.ep_header .ep-a_heading>.ep_title:before, #website-body .ep_gridcolumn.ep-m_catalogue[data-view480="5"]>.ep_gridcolumn-content>.ep_list:before, #website-body .ep_gridcolumn.ep-m_catalogue[data-view480="5"]>.ep_gridcolumn-content>.ep_list:after, #website-body .ep_gridcolumn.ep-m_catalogue[data-view480="5"]>.ep_gridcolumn-content>.ep_list .ep_item:before, #website-body .ep_gridcolumn.ep-m_catalogue[data-view480="5"]>.ep_gridcolumn-content>.ep_list .ep_item>div:before, #website-body .ep_gridcolumn.ep-m_catalogue[data-view480="5"]>.ep_gridcolumn-content>.ep_list .ep_item>div:after, #website-body .ep_gridcolumn.ep-m_catalogue[data-view480="4"]>.ep_gridcolumn-content>.ep_header .ep-a_heading>.ep_title:before, #website-body .ep_gridcolumn.ep-m_catalogue[data-view480="4"]>.ep_gridcolumn-content>.ep_list:before, #website-body .ep_gridcolumn.ep-m_catalogue[data-view480="4"]>.ep_gridcolumn-content>.ep_list:after, #website-body .ep_gridcolumn.ep-m_catalogue[data-view480="4"]>.ep_gridcolumn-content>.ep_list .ep_item:before, #website-body .ep_gridcolumn.ep-m_catalogue[data-view480="4"]>.ep_gridcolumn-content>.ep_list .ep_item>div:before, #website-body .ep_gridcolumn.ep-m_catalogue[data-view480="4"]>.ep_gridcolumn-content>.ep_list .ep_item>div:after { display: none; } #website-body .ep_gridcolumn.ep-m_catalogue[data-view480="5"]>.ep_gridcolumn-content>.ep_list .ep_item>div, #website-body .ep_gridcolumn.ep-m_catalogue[data-view480="4"]>.ep_gridcolumn-content>.ep_list .ep_item>div { display: block; min-height: 83px; padding-left: 80px; text-align: left; } #website-body .ep_gridcolumn.ep-m_catalogue[data-view480="5"]>.ep_gridcolumn-content>.ep_list .ep_item .ep_content, #website-body .ep_gridcolumn.ep-m_catalogue[data-view480="5"]>.ep_gridcolumn-content>.ep_list .ep_item .ep_footer, #website-body .ep_gridcolumn.ep-m_catalogue[data-view480="4"]>.ep_gridcolumn-content>.ep_list .ep_item .ep_content, #website-body .ep_gridcolumn.ep-m_catalogue[data-view480="4"]>.ep_gridcolumn-content>.ep_list .ep_item .ep_footer { position: static; } #website-body .ep_gridcolumn.ep-m_catalogue[data-view480="5"]>.ep_gridcolumn-content>.ep_list .ep_item .ep_footer, #website-body .ep_gridcolumn.ep-m_catalogue[data-view480="4"]>.ep_gridcolumn-content>.ep_list .ep_item .ep_footer { margin-top: 5px; } #website-body .ep_gridcolumn.ep-m_catalogue[data-view480="5"]>.ep_gridcolumn-content>.ep_list .ep_item .ep_content .ep-a_heading .ep_subtitle .ep-p_text, #website-body .ep_gridcolumn.ep-m_catalogue[data-view480="4"]>.ep_gridcolumn-content>.ep_list .ep_item .ep_content .ep-a_heading .ep_subtitle .ep-p_text { margin-top: 2px; } #website-body .ep_gridcolumn.ep-m_catalogue[data-view480="5"]>.ep_gridcolumn-content>.ep_list .ep_item .ep_content .ep-a_media, #website-body .ep_gridcolumn.ep-m_catalogue[data-view480="4"]>.ep_gridcolumn-content>.ep_list .ep_item .ep_content .ep-a_media { position: absolute; top: 1px; left: 0; } #website-body .ep_gridcolumn.ep-m_catalogue[data-view480="5"]>.ep_gridcolumn-content>.ep_list .ep_item .ep_content .ep-a_media .ep-p_image .ep_image img, #website-body .ep_gridcolumn.ep-m_catalogue[data-view480="4"]>.ep_gridcolumn-content>.ep_list .ep_item .ep_content .ep-a_media .ep-p_image .ep_image img { width: 64px; } #website-body .ep_gridcolumn.ep-m_catalogue[data-view480="5"]>.ep_gridcolumn-content>.ep_list .ep_item .ep-a_heading:after, #website-body .ep_gridcolumn.ep-m_catalogue[data-view480="5"]>.ep_gridcolumn-content>.ep_list .ep_item .ep-a_media:after, #website-body .ep_gridcolumn.ep-m_catalogue[data-view480="4"]>.ep_gridcolumn-content>.ep_list .ep_item .ep-a_heading:after, #website-body .ep_gridcolumn.ep-m_catalogue[data-view480="4"]>.ep_gridcolumn-content>.ep_list .ep_item .ep-a_media:after { display: none; } #website-body .ep_gridcolumn.ep-m_catalogue[data-view480="5"]>.ep_gridcolumn-content>.ep_list .ep_item a.ep_content:hover .ep-a_heading .ep_title .ep_name, #website-body .ep_gridcolumn.ep-m_catalogue[data-view480="5"]>.ep_gridcolumn-content>.ep_list .ep_item a.ep_content:focus .ep-a_heading .ep_title .ep_name, #website-body .ep_gridcolumn.ep-m_catalogue[data-view480="5"]>.ep_gridcolumn-content>.ep_list .ep_item a.ep_content:active .ep-a_heading .ep_title .ep_name, #website-body .ep_gridcolumn.ep-m_catalogue[data-view480="4"]>.ep_gridcolumn-content>.ep_list .ep_item a.ep_content:hover .ep-a_heading .ep_title .ep_name, #website-body .ep_gridcolumn.ep-m_catalogue[data-view480="4"]>.ep_gridcolumn-content>.ep_list .ep_item a.ep_content:focus .ep-a_heading .ep_title .ep_name, #website-body .ep_gridcolumn.ep-m_catalogue[data-view480="4"]>.ep_gridcolumn-content>.ep_list .ep_item a.ep_content:active .ep-a_heading .ep_title .ep_name { transform: translate(5px, 0); -webkit-transform: translate(5px, 0); } /* MOLECULE "CATALOGUE" : Correction de l'affichage pour la gestion des noms de deputes longs */ #website-body .ep_gridcolumn.ep-m_catalogue>.ep_gridcolumn-content>.ep_list { padding-left: 5px; padding-right: 5px; } #website-body .ep_gridcolumn.ep-m_catalogue>.ep_gridcolumn-content>.ep_list:before, #website-body .ep_gridcolumn.ep-m_catalogue>.ep_gridcolumn-content>.ep_list:after { width: 6px; } #website-body .ep_gridcolumn.ep-m_catalogue>.ep_gridcolumn-content>.ep_list .ep_item .ep_content .ep-a_heading .ep_title .ep-p_text, #website-body .ep_gridcolumn.ep-m_catalogue>.ep_gridcolumn-content>.ep_list .ep_item .ep_content .ep-a_heading .ep_subtitle .ep-p_text { font-size: 1.2em; } } @media screen and (max-width:479px) { /* MOLECULE "CATALOGUE" : Definition du nombre d'elements par ligne */ #website-body .ep_gridcolumn.ep-m_catalogue[data-view320="4"]>.ep_gridcolumn-content>.ep_list .ep_item { width: 50%; } #website-body .ep_gridcolumn.ep-m_catalogue[data-view320="4"]>.ep_gridcolumn-content>.ep_list .ep_item:nth-child(2n+1):before { display: block; } #website-body .ep_gridcolumn.ep-m_catalogue[data-view320="2"], #website-body .ep_gridcolumn.ep-m_catalogue[data-view320="1"] { display: none !important; } /* MOLECULE "CATALOGUE" : Redimensionnement de l'image */ #website-body .ep_gridcolumn.ep-m_catalogue[data-view320="3"]>.ep_gridcolumn-content>.ep_list .ep_item>div>.ep_content .ep-a_media .ep-p_image .ep_image img { width: 45px; } /* MOLECULE "CATALOGUE" : Mise a jour de l'affichage pour le visuel "un element par ligne" */ #website-body .ep_gridcolumn.ep-m_catalogue[data-view320="3"]>.ep_gridcolumn-content>.ep_header .ep-a_heading>.ep_title .ep-p_text .ep_name { padding-left: 0; padding-right: 0; } #website-body .ep_gridcolumn.ep-m_catalogue[data-view320="3"]>.ep_gridcolumn-content>.ep_header .ep-a_heading>.ep_title:after { display: block; } #website-body .ep_gridcolumn.ep-m_catalogue[data-view320="3"]>.ep_gridcolumn-content>.ep_list { padding-bottom: 20px; padding-left: 10px; padding-right: 10px; } #website-body .ep_gridcolumn.ep-m_catalogue[data-view320="3"]>.ep_gridcolumn-content>.ep_header, #website-body .ep_gridcolumn.ep-m_catalogue[data-view320="3"]>.ep_gridcolumn-content>.ep_footer { margin-left: 20px; margin-right: 20px; } #website-body .ep_gridcolumn.ep-m_catalogue[data-view320="3"]>.ep_gridcolumn-content>.ep_list .ep_item { width: 100%; } #website-body .ep_gridcolumn.ep-m_catalogue[data-view320="3"]>.ep_gridcolumn-content>.ep_header .ep-a_heading>.ep_title:before, #website-body .ep_gridcolumn.ep-m_catalogue[data-view320="3"]>.ep_gridcolumn-content>.ep_list:before, #website-body .ep_gridcolumn.ep-m_catalogue[data-view320="3"]>.ep_gridcolumn-content>.ep_list:after, #website-body .ep_gridcolumn.ep-m_catalogue[data-view320="3"]>.ep_gridcolumn-content>.ep_list .ep_item:before, #website-body .ep_gridcolumn.ep-m_catalogue[data-view320="3"]>.ep_gridcolumn-content>.ep_list .ep_item>div:before, #website-body .ep_gridcolumn.ep-m_catalogue[data-view320="3"]>.ep_gridcolumn-content>.ep_list .ep_item>div:after { display: none; } #website-body .ep_gridcolumn.ep-m_catalogue[data-view320="3"]>.ep_gridcolumn-content>.ep_list .ep_item>div { display: block; min-height: 60px; padding-left: 65px; text-align: left; } #website-body .ep_gridcolumn.ep-m_catalogue[data-view320="3"]>.ep_gridcolumn-content>.ep_list .ep_item .ep_content, #website-body .ep_gridcolumn.ep-m_catalogue[data-view320="3"]>.ep_gridcolumn-content>.ep_list .ep_item .ep_footer { position: static; } #website-body .ep_gridcolumn.ep-m_catalogue[data-view320="3"]>.ep_gridcolumn-content>.ep_list .ep_item .ep_footer { margin-top: 5px; } #website-body .ep_gridcolumn.ep-m_catalogue[data-view320="3"]>.ep_gridcolumn-content>.ep_list .ep_item .ep_content .ep-a_heading .ep_subtitle .ep-p_text { margin-top: 2px; } #website-body .ep_gridcolumn.ep-m_catalogue[data-view320="3"]>.ep_gridcolumn-content>.ep_list .ep_item .ep_content .ep-a_media { position: absolute; top: 1px; left: 0; } #website-body .ep_gridcolumn.ep-m_catalogue[data-view320="3"]>.ep_gridcolumn-content>.ep_list .ep_item .ep-a_heading:after, #website-body .ep_gridcolumn.ep-m_catalogue[data-view320="3"]>.ep_gridcolumn-content>.ep_list .ep_item .ep-a_media:after { display: none; } #website-body .ep_gridcolumn.ep-m_catalogue[data-view320="3"]>.ep_gridcolumn-content>.ep_list .ep_item a.ep_content:hover .ep-a_heading .ep_title .ep_name, #website-body .ep_gridcolumn.ep-m_catalogue[data-view320="3"]>.ep_gridcolumn-content>.ep_list .ep_item a.ep_content:focus .ep-a_heading .ep_title .ep_name, #website-body .ep_gridcolumn.ep-m_catalogue[data-view320="3"]>.ep_gridcolumn-content>.ep_list .ep_item a.ep_content:active .ep-a_heading .ep_title .ep_name { transform: translate(5px, 0); -webkit-transform: translate(5px, 0); } /* MOLECULE "CATALOGUE" : Correction de l'affichage pour la gestion des noms de deputes longs */ #website-body .ep_gridcolumn.ep-m_catalogue>.ep_gridcolumn-content>.ep_list { padding-left: 5px; padding-right: 5px; } #website-body .ep_gridcolumn.ep-m_catalogue>.ep_gridcolumn-content>.ep_list:before, #website-body .ep_gridcolumn.ep-m_catalogue>.ep_gridcolumn-content>.ep_list:after { width: 6px; } #website-body .ep_gridcolumn.ep-m_catalogue>.ep_gridcolumn-content>.ep_list .ep_item .ep_content .ep-a_heading .ep_title .ep-p_text, #website-body .ep_gridcolumn.ep-m_catalogue>.ep_gridcolumn-content>.ep_list .ep_item .ep_content .ep-a_heading .ep_subtitle .ep-p_text { font-size: 1.2em; } } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* MOLECULE "CATALOGUE" : Gestion du fond gris et de l'absence de bordures */ /* MOLECULE "CATALOGUE" : Affichage du fond de couleur */ #website-body .ep_gridcolumn.ep-m_catalogue.ep-layout_greycolor>.ep_gridcolumn-content, #website-body .ep_gridcolumn.ep-m_catalogue.ep-layout_greycolor>.ep_gridcolumn-content>.ep_header .ep-a_heading>.ep_title .ep-p_text .ep_name, #website-body .ep_gridcolumn.ep-m_catalogue.ep-layout_greycolor>.ep_gridcolumn-content>.ep_list:before, #website-body .ep_gridcolumn.ep-m_catalogue.ep-layout_greycolor>.ep_gridcolumn-content>.ep_list:after, #website-body .ep_gridcolumn.ep-m_catalogue.ep-layout_greycolor>.ep_gridcolumn-content>.ep_list .ep_item>div:before, #website-body .ep_gridcolumn.ep-m_catalogue.ep-layout_greycolor>.ep_gridcolumn-content>.ep_list .ep_item>div:after, /* MOLECULE "CATALOGUE" : Blocage du degrade de gris ne pouvant etre supporte par la molecule */ #website-body .ep_gridcolumn.ep-m_catalogue.ep-layout_greygradient>.ep_gridcolumn-content, #website-body .ep_gridcolumn.ep-m_catalogue.ep-layout_greygradient>.ep_gridcolumn-content>.ep_header .ep-a_heading>.ep_title .ep-p_text .ep_name, #website-body .ep_gridcolumn.ep-m_catalogue.ep-layout_greygradient>.ep_gridcolumn-content>.ep_list:before, #website-body .ep_gridcolumn.ep-m_catalogue.ep-layout_greygradient>.ep_gridcolumn-content>.ep_list:after, #website-body .ep_gridcolumn.ep-m_catalogue.ep-layout_greygradient>.ep_gridcolumn-content>.ep_list .ep_item>div:before, #website-body .ep_gridcolumn.ep-m_catalogue.ep-layout_greygradient>.ep_gridcolumn-content>.ep_list .ep_item>div:after { background: none; background-color: #f3f4f4; } #website-body .ep_gridcolumn.ep-m_catalogue.ep-layout_greycolor>.ep_gridcolumn-content>.ep_header .ep-a_heading>.ep_title .ep-p_text .ep_name, #website-body .ep_gridcolumn.ep-m_catalogue.ep-layout_greygradient>.ep_gridcolumn-content>.ep_header .ep-a_heading>.ep_title .ep-p_text .ep_name { position: relative; } /* MOLECULE "CATALOGUE" : Suppression des bordures et des marges lorsque c'est demande ou si le widget est affiche dans un organisme sur fond gris */ #website-body .ep_gridrow.ep-layout_greycolor .ep_gridcolumn.ep-m_catalogue.ep-layout_greycolor>.ep_gridcolumn-content, #website-body .ep_gridrow.ep-layout_greycolor .ep_gridcolumn.ep-m_catalogue.ep-layout_greygradient>.ep_gridcolumn-content, #website-body .ep_gridrow .ep_gridcolumn.ep-m_catalogue.ep-layout_list>.ep_gridcolumn-content { border: none; } #website-body .ep_gridrow.ep-layout_greycolor .ep_gridcolumn.ep-m_catalogue.ep-layout_greycolor>.ep_gridcolumn-content>.ep_header, #website-body .ep_gridrow.ep-layout_greycolor .ep_gridcolumn.ep-m_catalogue.ep-layout_greygradient>.ep_gridcolumn-content>.ep_header, #website-body .ep_gridrow .ep_gridcolumn.ep-m_catalogue.ep-layout_list>.ep_gridcolumn-content>.ep_header, #website-body .ep_gridrow.ep-layout_greycolor .ep_gridcolumn.ep-m_catalogue.ep-layout_greycolor>.ep_gridcolumn-content>.ep_footer, #website-body .ep_gridrow.ep-layout_greycolor .ep_gridcolumn.ep-m_catalogue.ep-layout_greygradient>.ep_gridcolumn-content>.ep_footer, #website-body .ep_gridrow .ep_gridcolumn.ep-m_catalogue.ep-layout_list>.ep_gridcolumn-content>.ep_footer { margin-left: 0; margin-right: 0; } #website-body .ep_gridrow.ep-layout_greycolor .ep_gridcolumn.ep-m_catalogue.ep-layout_greycolor>.ep_gridcolumn-content>.ep_list~.ep_header, #website-body .ep_gridrow.ep-layout_greycolor .ep_gridcolumn.ep-m_catalogue.ep-layout_greygradient>.ep_gridcolumn-content>.ep_list~.ep_header, #website-body .ep_gridrow .ep_gridcolumn.ep-m_catalogue.ep-layout_list>.ep_gridcolumn-content>.ep_list~.ep_header { margin-left: 20px; margin-right: 20px; } #website-body .ep_gridrow.ep-layout_greycolor .ep_gridcolumn.ep-m_catalogue.ep-layout_greycolor>.ep_gridcolumn-content>.ep_list, #website-body .ep_gridrow.ep-layout_greycolor .ep_gridcolumn.ep-m_catalogue.ep-layout_greygradient>.ep_gridcolumn-content>.ep_list, #website-body .ep_gridrow .ep_gridcolumn.ep-m_catalogue.ep-layout_list>.ep_gridcolumn-content>.ep_list, #website-body .ep_gridrow.ep-layout_greycolor .ep_gridcolumn.ep-m_catalogue.ep-layout_greycolor>.ep_gridcolumn-content>.ep_footer, #website-body .ep_gridrow.ep-layout_greycolor .ep_gridcolumn.ep-m_catalogue.ep-layout_greygradient>.ep_gridcolumn-content>.ep_footer, #website-body .ep_gridrow .ep_gridcolumn.ep-m_catalogue.ep-layout_list>.ep_gridcolumn-content>.ep_footer { padding-left: 0; padding-right: 0; } #website-body .ep_gridrow.ep-layout_greycolor .ep_gridcolumn.ep-m_catalogue.ep-layout_greycolor>.ep_gridcolumn-content>.ep_list:before, #website-body .ep_gridrow.ep-layout_greycolor .ep_gridcolumn.ep-m_catalogue.ep-layout_greycolor>.ep_gridcolumn-content>.ep_list:after, #website-body .ep_gridrow.ep-layout_greycolor .ep_gridcolumn.ep-m_catalogue.ep-layout_greygradient>.ep_gridcolumn-content>.ep_list:before, #website-body .ep_gridrow.ep-layout_greycolor .ep_gridcolumn.ep-m_catalogue.ep-layout_greygradient>.ep_gridcolumn-content>.ep_list:after, #website-body .ep_gridrow .ep_gridcolumn.ep-m_catalogue.ep-layout_list>.ep_gridcolumn-content>.ep_list:before, #website-body .ep_gridrow .ep_gridcolumn.ep-m_catalogue.ep-layout_list>.ep_gridcolumn-content>.ep_list:after { width: 2px; } #website-body .ep_gridrow.ep-layout_greycolor .ep_gridcolumn.ep-m_catalogue.ep-layout_greycolor>.ep_gridcolumn-content>.ep_list:before, #website-body .ep_gridrow.ep-layout_greycolor .ep_gridcolumn.ep-m_catalogue.ep-layout_greygradient>.ep_gridcolumn-content>.ep_list:before, #website-body .ep_gridrow .ep_gridcolumn.ep-m_catalogue.ep-layout_list>.ep_gridcolumn-content>.ep_list:before { left: -2px; } #website-body .ep_gridrow.ep-layout_greycolor .ep_gridcolumn.ep-m_catalogue.ep-layout_greycolor>.ep_gridcolumn-content>.ep_list:after, #website-body .ep_gridrow.ep-layout_greycolor .ep_gridcolumn.ep-m_catalogue.ep-layout_greygradient>.ep_gridcolumn-content>.ep_list:after, #website-body .ep_gridrow .ep_gridcolumn.ep-m_catalogue.ep-layout_list>.ep_gridcolumn-content>.ep_list:after { right: 0; } #website-body .ep_gridrow.ep-layout_greycolor .ep_gridcolumn.ep-m_catalogue.ep-layout_greycolor>.ep_gridcolumn-content>.ep_header .ep-a_heading, #website-body .ep_gridrow.ep-layout_greycolor .ep_gridcolumn.ep-m_catalogue.ep-layout_greygradient>.ep_gridcolumn-content>.ep_header .ep-a_heading, #website-body .ep_gridrow .ep_gridcolumn.ep-m_catalogue.ep-layout_list>.ep_gridcolumn-content>.ep_header .ep-a_heading { padding-top: 0; } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* MOLECULE "CATALOGUE" : Adaptation du widget selon le template "liste" */ /* MOLECULE "CATALOGUE" : Alignement a gauche du contenu */ #website-body .ep_gridcolumn.ep-m_catalogue.ep-layout_list>.ep_gridcolumn-content>.ep_list .ep_item>div>.ep_content, #website-body .ep_gridcolumn.ep-m_catalogue.ep-layout_list>.ep_gridcolumn-content>.ep_list .ep_item>div>.ep_footer>.ep-a_links { text-align: left; } /* MOLECULE "CATALOGUE" : Correction des marges et suppression des bordures */ #website-body .ep_gridcolumn.ep-m_catalogue.ep-layout_list>.ep_gridcolumn-content>.ep_list .ep_item:before { display: none !important; } #website-body .ep_gridcolumn.ep-m_catalogue.ep-layout_list>.ep_gridcolumn-content { margin-left: -10px; margin-right: -10px; padding-bottom: 0; } #website-body .ep_gridcolumn.ep-m_catalogue.ep-layout_list>.ep_gridcolumn-content>.ep_list { padding-top: 0; } #website-body .ep_gridcolumn.ep-m_catalogue.ep-layout_list>.ep_gridcolumn-content>.ep_list .ep_item { padding-top: 0; padding-left: 20px; padding-right: 20px; } #website-body .ep_gridcolumn.ep-m_catalogue.ep-layout_list>.ep_gridcolumn-content>.ep_list .ep_item [class*="ep-a_"]:last-child:after { height: 30px; } #website-body .ep_gridcolumn.ep-m_catalogue.ep-layout_list:after, #website-body .ep_gridcolumn.ep-m_catalogue.ep-layout_list>.ep_gridcolumn-content>.ep_list .ep_item .ep-a_contacts .ep_card .ep_data li:last-child:after { height: 0; } #website-body .ep_gridcolumn.ep-m_catalogue.ep-layout_list>.ep_gridcolumn-content>.ep_list .ep_item .ep-a_contacts .ep_card .ep_data:after { display: none; } #website-body .ep_gridcolumn.ep-m_catalogue.ep-layout_list>.ep_gridcolumn-content>.ep_list .ep_item>div:before, #website-body .ep_gridcolumn.ep-m_catalogue.ep-layout_list>.ep_gridcolumn-content>.ep_list .ep_item>div:after { display: none; } #website-body .ep_gridcolumn.ep-m_catalogue.ep-layout_list>.ep_gridcolumn-content>.ep_list .ep_item>div [class*="ep-a_heading"] { margin-top: -2px; } /* MOLECULE "CATALOGUE" : Adaptation des blocs de titres */ #website-body .ep_gridcolumn.ep-m_catalogue.ep-layout_list>.ep_gridcolumn-content>.ep_header { padding-top: 0; } #website-body .ep_gridcolumn.ep-m_catalogue.ep-layout_list>.ep_gridcolumn-content>.ep_header.ep_hidden>* { overflow: hidden; width: 0; height: 0; opacity: 0; } /* MOLECULE "CATALOGUE" : Mise a jour du nombre d'elements selon les breapoints */ @media screen and (min-width:1200px) { /* MOLECULE "CATALOGUE" : Definition du nombre d'elements par ligne */ #website-body .ep_gridcolumn.ep-m_catalogue[data-view1200="12"].ep-layout_list>.ep_gridcolumn-content>.ep_list .ep_item, #website-body .ep_gridcolumn.ep-m_catalogue[data-view1200="11"].ep-layout_list>.ep_gridcolumn-content>.ep_list .ep_item, #website-body .ep_gridcolumn.ep-m_catalogue[data-view1200="10"].ep-layout_list>.ep_gridcolumn-content>.ep_list .ep_item, #website-body .ep_gridcolumn.ep-m_catalogue[data-view1200="9"].ep-layout_list>.ep_gridcolumn-content>.ep_list .ep_item { width: 25%; } #website-body .ep_gridcolumn.ep-m_catalogue[data-view1200="8"].ep-layout_list>.ep_gridcolumn-content>.ep_list .ep_item, #website-body .ep_gridcolumn.ep-m_catalogue[data-view1200="7"].ep-layout_list>.ep_gridcolumn-content>.ep_list .ep_item { width: calc(100% / 3); } #website-body .ep_gridcolumn.ep-m_catalogue[data-view1200="6"].ep-layout_list>.ep_gridcolumn-content>.ep_list .ep_item, #website-body .ep_gridcolumn.ep-m_catalogue[data-view1200="5"].ep-layout_list>.ep_gridcolumn-content>.ep_list .ep_item { width: 50%; } /* MOLECULE "CATALOGUE" : Mise a jour de l'affichage pour le visuel "un element par ligne" */ #website-body .ep_gridcolumn.ep-m_catalogue[data-view1200="4"].ep-layout_list>.ep_gridcolumn-content>.ep_header .ep-a_heading>.ep_title .ep-p_text .ep_name, #website-body .ep_gridcolumn.ep-m_catalogue[data-view1200="3"].ep-layout_list>.ep_gridcolumn-content>.ep_header .ep-a_heading>.ep_title .ep-p_text .ep_name { padding-left: 0; padding-right: 0; } #website-body .ep_gridcolumn.ep-m_catalogue[data-view1200="4"].ep-layout_list>.ep_gridcolumn-content>.ep_header .ep-a_heading>.ep_title:after, #website-body .ep_gridcolumn.ep-m_catalogue[data-view1200="3"].ep-layout_list>.ep_gridcolumn-content>.ep_header .ep-a_heading>.ep_title:after { display: block; } #website-body .ep_gridcolumn.ep-m_catalogue[data-view1200="4"].ep-layout_list>.ep_gridcolumn-content, #website-body .ep_gridcolumn.ep-m_catalogue[data-view1200="3"].ep-layout_list>.ep_gridcolumn-content { padding-top: 20px; } #website-body .ep_gridcolumn.ep-m_catalogue[data-view1200="4"].ep-layout_list>.ep_gridcolumn-content>.ep_list, #website-body .ep_gridcolumn.ep-m_catalogue[data-view1200="3"].ep-layout_list>.ep_gridcolumn-content>.ep_list { padding-bottom: 0; padding-left: 0; padding-right: 0; } #website-body .ep_gridcolumn.ep-m_catalogue[data-view1200="4"].ep-layout_list>.ep_gridcolumn-content>.ep_header, #website-body .ep_gridcolumn.ep-m_catalogue[data-view1200="4"].ep-layout_list>.ep_gridcolumn-content>.ep_footer, #website-body .ep_gridcolumn.ep-m_catalogue[data-view1200="3"].ep-layout_list>.ep_gridcolumn-content>.ep_header, #website-body .ep_gridcolumn.ep-m_catalogue[data-view1200="3"].ep-layout_list>.ep_gridcolumn-content>.ep_footer { margin-left: 20px; margin-right: 20px; } #website-body .ep_gridcolumn.ep-m_catalogue[data-view1200="4"].ep-layout_list>.ep_gridcolumn-content>.ep_list .ep_item, #website-body .ep_gridcolumn.ep-m_catalogue[data-view1200="3"].ep-layout_list>.ep_gridcolumn-content>.ep_list .ep_item { width: 100%; } #website-body .ep_gridcolumn.ep-m_catalogue[data-view1200="4"].ep-layout_list>.ep_gridcolumn-content>.ep_header .ep-a_heading>.ep_title:before, #website-body .ep_gridcolumn.ep-m_catalogue[data-view1200="4"].ep-layout_list>.ep_gridcolumn-content>.ep_list:before, #website-body .ep_gridcolumn.ep-m_catalogue[data-view1200="4"].ep-layout_list>.ep_gridcolumn-content>.ep_list:after, #website-body .ep_gridcolumn.ep-m_catalogue[data-view1200="4"].ep-layout_list>.ep_gridcolumn-content>.ep_list .ep_item:before, #website-body .ep_gridcolumn.ep-m_catalogue[data-view1200="4"].ep-layout_list>.ep_gridcolumn-content>.ep_list .ep_item>div:before, #website-body .ep_gridcolumn.ep-m_catalogue[data-view1200="4"].ep-layout_list>.ep_gridcolumn-content>.ep_list .ep_item>div:after, #website-body .ep_gridcolumn.ep-m_catalogue[data-view1200="3"].ep-layout_list>.ep_gridcolumn-content>.ep_header .ep-a_heading>.ep_title:before, #website-body .ep_gridcolumn.ep-m_catalogue[data-view1200="3"].ep-layout_list>.ep_gridcolumn-content>.ep_list:before, #website-body .ep_gridcolumn.ep-m_catalogue[data-view1200="3"].ep-layout_list>.ep_gridcolumn-content>.ep_list:after, #website-body .ep_gridcolumn.ep-m_catalogue[data-view1200="3"].ep-layout_list>.ep_gridcolumn-content>.ep_list .ep_item:before, #website-body .ep_gridcolumn.ep-m_catalogue[data-view1200="3"].ep-layout_list>.ep_gridcolumn-content>.ep_list .ep_item>div:before, #website-body .ep_gridcolumn.ep-m_catalogue[data-view1200="3"].ep-layout_list>.ep_gridcolumn-content>.ep_list .ep_item>div:after { display: none; } #website-body .ep_gridcolumn.ep-m_catalogue[data-view1200="4"].ep-layout_list>.ep_gridcolumn-content>.ep_list .ep_item>div, #website-body .ep_gridcolumn.ep-m_catalogue[data-view1200="3"].ep-layout_list>.ep_gridcolumn-content>.ep_list .ep_item>div { display: block; min-height: 83px; padding-left: 80px; text-align: left; } #website-body .ep_gridcolumn.ep-m_catalogue[data-view1200="4"].ep-layout_list>.ep_gridcolumn-content>.ep_list .ep_item .ep_content, #website-body .ep_gridcolumn.ep-m_catalogue[data-view1200="4"].ep-layout_list>.ep_gridcolumn-content>.ep_list .ep_item .ep_footer, #website-body .ep_gridcolumn.ep-m_catalogue[data-view1200="3"].ep-layout_list>.ep_gridcolumn-content>.ep_list .ep_item .ep_content, #website-body .ep_gridcolumn.ep-m_catalogue[data-view1200="3"].ep-layout_list>.ep_gridcolumn-content>.ep_list .ep_item .ep_footer { position: static; } #website-body .ep_gridcolumn.ep-m_catalogue[data-view1200="4"].ep-layout_list>.ep_gridcolumn-content>.ep_list .ep_item .ep_footer, #website-body .ep_gridcolumn.ep-m_catalogue[data-view1200="3"].ep-layout_list>.ep_gridcolumn-content>.ep_list .ep_item .ep_footer { margin-top: 5px; } #website-body .ep_gridcolumn.ep-m_catalogue[data-view1200="4"].ep-layout_list>.ep_gridcolumn-content>.ep_list .ep_item .ep_content .ep-a_heading .ep_subtitle .ep-p_text, #website-body .ep_gridcolumn.ep-m_catalogue[data-view1200="3"].ep-layout_list>.ep_gridcolumn-content>.ep_list .ep_item .ep_content .ep-a_heading .ep_subtitle .ep-p_text { margin-top: 2px; } #website-body .ep_gridcolumn.ep-m_catalogue[data-view1200="4"].ep-layout_list>.ep_gridcolumn-content>.ep_list .ep_item .ep_content .ep-a_media, #website-body .ep_gridcolumn.ep-m_catalogue[data-view1200="3"].ep-layout_list>.ep_gridcolumn-content>.ep_list .ep_item .ep_content .ep-a_media { position: absolute; top: 1px; left: 0; } #website-body .ep_gridcolumn.ep-m_catalogue[data-view1200="4"].ep-layout_list>.ep_gridcolumn-content>.ep_list .ep_item .ep_content .ep-a_media .ep-p_image .ep_image img, #website-body .ep_gridcolumn.ep-m_catalogue[data-view1200="3"].ep-layout_list>.ep_gridcolumn-content>.ep_list .ep_item .ep_content .ep-a_media .ep-p_image .ep_image img { width: 64px; } #website-body .ep_gridcolumn.ep-m_catalogue[data-view1200="4"].ep-layout_list>.ep_gridcolumn-content>.ep_list .ep_item .ep-a_heading:after, #website-body .ep_gridcolumn.ep-m_catalogue[data-view1200="4"].ep-layout_list>.ep_gridcolumn-content>.ep_list .ep_item .ep-a_media:after, #website-body .ep_gridcolumn.ep-m_catalogue[data-view1200="3"].ep-layout_list>.ep_gridcolumn-content>.ep_list .ep_item .ep-a_heading:after, #website-body .ep_gridcolumn.ep-m_catalogue[data-view1200="3"].ep-layout_list>.ep_gridcolumn-content>.ep_list .ep_item .ep-a_media:after { display: none; } #website-body .ep_gridcolumn.ep-m_catalogue[data-view1200="4"].ep-layout_list>.ep_gridcolumn-content>.ep_list .ep_item a.ep_content:hover .ep-a_heading .ep_title .ep_name, #website-body .ep_gridcolumn.ep-m_catalogue[data-view1200="4"].ep-layout_list>.ep_gridcolumn-content>.ep_list .ep_item a.ep_content:focus .ep-a_heading .ep_title .ep_name, #website-body .ep_gridcolumn.ep-m_catalogue[data-view1200="4"].ep-layout_list>.ep_gridcolumn-content>.ep_list .ep_item a.ep_content:active .ep-a_heading .ep_title .ep_name, #website-body .ep_gridcolumn.ep-m_catalogue[data-view1200="3"].ep-layout_list>.ep_gridcolumn-content>.ep_list .ep_item a.ep_content:hover .ep-a_heading .ep_title .ep_name, #website-body .ep_gridcolumn.ep-m_catalogue[data-view1200="3"].ep-layout_list>.ep_gridcolumn-content>.ep_list .ep_item a.ep_content:focus .ep-a_heading .ep_title .ep_name, #website-body .ep_gridcolumn.ep-m_catalogue[data-view1200="3"].ep-layout_list>.ep_gridcolumn-content>.ep_list .ep_item a.ep_content:active .ep-a_heading .ep_title .ep_name { transform: translate(5px, 0); -webkit-transform: translate(5px, 0); } #website-body .ep_gridcolumn.ep-m_catalogue[data-view1200="5"].ep-layout_list>.ep_gridcolumn-content>.ep_list~.ep_header, #website-body .ep_gridcolumn.ep-m_catalogue[data-view1200="4"].ep-layout_list>.ep_gridcolumn-content>.ep_list~.ep_header { height: 40px; } #website-body .ep_gridcolumn.ep-m_catalogue[data-view1200="5"].ep-layout_list>.ep_gridcolumn-content>.ep_list .ep_item [class*="ep-a_"]:last-child:after, #website-body .ep_gridcolumn.ep-m_catalogue[data-view1200="4"].ep-layout_list>.ep_gridcolumn-content>.ep_list .ep_item [class*="ep-a_"]:last-child:after { height: 40px; } /* MOLECULE "CATALOGUE" : Mise a jour de l'affichage pour le visuel "un element par ligne" (ajout de la ligne de separation) */ #website-body .ep_gridcolumn.ep-m_catalogue[data-view1200="4"].ep-layout_list>.ep_gridcolumn-content>.ep_list:before, #website-body .ep_gridcolumn.ep-m_catalogue[data-view1200="4"].ep-layout_list>.ep_gridcolumn-content>.ep_list:before, #website-body .ep_gridcolumn.ep-m_catalogue[data-view1200="3"].ep-layout_list>.ep_gridcolumn-content>.ep_list:before { position: absolute; display: block; left: auto; width: 100px; height: 2px; margin: 0 0 0 20px; padding: 0; background-color: #fff; transform: translate(0, -11px); -webkit-transform: translate(0, -11px); flex: 0 0 1px; -webkit-flex: 0 0 1px; content: ""; } #website-body .ep_gridcolumn.ep-m_catalogue[data-view1200="4"].ep-layout_list>.ep_gridcolumn-content>.ep_list .ep_item:before, #website-body .ep_gridcolumn.ep-m_catalogue[data-view1200="4"].ep-layout_list>.ep_gridcolumn-content>.ep_list .ep_item:before, #website-body .ep_gridcolumn.ep-m_catalogue[data-view1200="3"].ep-layout_list>.ep_gridcolumn-content>.ep_list .ep_item:before { position: static; display: block !important; width: 100px; height: 0; margin: 0; padding: 0; border-top: 1px solid #d1d3d4; transform: translate(0, -10px); -webkit-transform: translate(0, -10px); flex: 0 0 1px; -webkit-flex: 0 0 1px; content: ""; } #website-body [class*="ep-o_"].ep-layout_greycolor .ep_gridcolumn.ep-m_catalogue[data-view1200="4"].ep-layout_list>.ep_gridcolumn-content>.ep_list:before, #website-body [class*="ep-o_"].ep-layout_greycolor .ep_gridcolumn.ep-m_catalogue[data-view1200="4"].ep-layout_list>.ep_gridcolumn-content>.ep_list:before, #website-body [class*="ep-o_"].ep-layout_greycolor .ep_gridcolumn.ep-m_catalogue[data-view1200="3"].ep-layout_list>.ep_gridcolumn-content>.ep_list:before, #website-body [class*="ep-o_"].ep-layout_greygradient .ep_gridcolumn.ep-m_catalogue[data-view1200="4"].ep-layout_list>.ep_gridcolumn-content>.ep_list:before, #website-body [class*="ep-o_"].ep-layout_greygradient .ep_gridcolumn.ep-m_catalogue[data-view1200="4"].ep-layout_list>.ep_gridcolumn-content>.ep_list:before, #website-body [class*="ep-o_"].ep-layout_greygradient .ep_gridcolumn.ep-m_catalogue[data-view1200="3"].ep-layout_list>.ep_gridcolumn-content>.ep_list:before { background-color: #f3f4f4; } } @media screen and (min-width:1020px) and (max-width:1199px) { /* MOLECULE "CATALOGUE" : Definition du nombre d'elements par ligne */ #website-body .ep_gridcolumn.ep-m_catalogue[data-view1020="12"].ep-layout_list>.ep_gridcolumn-content>.ep_list .ep_item, #website-body .ep_gridcolumn.ep-m_catalogue[data-view1020="11"].ep-layout_list>.ep_gridcolumn-content>.ep_list .ep_item, #website-body .ep_gridcolumn.ep-m_catalogue[data-view1020="10"].ep-layout_list>.ep_gridcolumn-content>.ep_list .ep_item, #website-body .ep_gridcolumn.ep-m_catalogue[data-view1020="9"].ep-layout_list>.ep_gridcolumn-content>.ep_list .ep_item { width: 25%; } #website-body .ep_gridcolumn.ep-m_catalogue[data-view1020="12"].ep-layout_list>.ep_gridcolumn-content>.ep_list .ep_item:nth-child(4n+1):before, #website-body .ep_gridcolumn.ep-m_catalogue[data-view1020="11"].ep-layout_list>.ep_gridcolumn-content>.ep_list .ep_item:nth-child(4n+1):before, #website-body .ep_gridcolumn.ep-m_catalogue[data-view1020="10"].ep-layout_list>.ep_gridcolumn-content>.ep_list .ep_item:nth-child(4n+1):before, #website-body .ep_gridcolumn.ep-m_catalogue[data-view1020="9"].ep-layout_list>.ep_gridcolumn-content>.ep_list .ep_item:nth-child(4n+1):before { display: block; } #website-body .ep_gridcolumn.ep-m_catalogue[data-view1020="8"].ep-layout_list>.ep_gridcolumn-content>.ep_list, #website-body .ep_gridcolumn.ep-m_catalogue[data-view1020="7"].ep-layout_list>.ep_gridcolumn-content>.ep_list { margin-left: 0; margin-right: 0; } #website-body .ep_gridcolumn.ep-m_catalogue[data-view1020="8"].ep-layout_list>.ep_gridcolumn-content>.ep_list .ep_item, #website-body .ep_gridcolumn.ep-m_catalogue[data-view1020="7"].ep-layout_list>.ep_gridcolumn-content>.ep_list .ep_item { width: calc(100% / 3); } #website-body .ep_gridcolumn.ep-m_catalogue[data-view1020="8"].ep-layout_list>.ep_gridcolumn-content>.ep_list .ep_item:nth-child(3n+1):before, #website-body .ep_gridcolumn.ep-m_catalogue[data-view1020="7"].ep-layout_list>.ep_gridcolumn-content>.ep_list .ep_item:nth-child(3n+1):before { display: block; } #website-body .ep_gridcolumn.ep-m_catalogue[data-view1020="6"].ep-layout_list>.ep_gridcolumn-content>.ep_list .ep_item, #website-body .ep_gridcolumn.ep-m_catalogue[data-view1020="5"].ep-layout_list>.ep_gridcolumn-content>.ep_list .ep_item { width: 50%; } #website-body .ep_gridcolumn.ep-m_catalogue[data-view1020="6"].ep-layout_list>.ep_gridcolumn-content>.ep_list .ep_item:nth-child(1n+1):before, #website-body .ep_gridcolumn.ep-m_catalogue[data-view1020="5"].ep-layout_list>.ep_gridcolumn-content>.ep_list .ep_item:nth-child(1n+1):before { display: block; } /* MOLECULE "CATALOGUE" : Mise a jour de l'affichage pour le visuel "un element par ligne" */ #website-body .ep_gridcolumn.ep-m_catalogue[data-view1020="4"].ep-layout_list>.ep_gridcolumn-content>.ep_header .ep-a_heading>.ep_title .ep-p_text .ep_name, #website-body .ep_gridcolumn.ep-m_catalogue[data-view1020="3"].ep-layout_list>.ep_gridcolumn-content>.ep_header .ep-a_heading>.ep_title .ep-p_text .ep_name { padding-left: 0; padding-right: 0; } #website-body .ep_gridcolumn.ep-m_catalogue[data-view1020="4"].ep-layout_list>.ep_gridcolumn-content>.ep_header .ep-a_heading>.ep_title:after, #website-body .ep_gridcolumn.ep-m_catalogue[data-view1020="3"].ep-layout_list>.ep_gridcolumn-content>.ep_header .ep-a_heading>.ep_title:after { display: block; } #website-body .ep_gridcolumn.ep-m_catalogue[data-view1020="4"].ep-layout_list>.ep_gridcolumn-content, #website-body .ep_gridcolumn.ep-m_catalogue[data-view1020="3"].ep-layout_list>.ep_gridcolumn-content { padding-top: 20px; } #website-body .ep_gridcolumn.ep-m_catalogue[data-view1020="4"].ep-layout_list>.ep_gridcolumn-content>.ep_list, #website-body .ep_gridcolumn.ep-m_catalogue[data-view1020="3"].ep-layout_list>.ep_gridcolumn-content>.ep_list { padding-bottom: 0; padding-left: 0; padding-right: 0; } #website-body .ep_gridcolumn.ep-m_catalogue[data-view1020="4"].ep-layout_list>.ep_gridcolumn-content>.ep_header, #website-body .ep_gridcolumn.ep-m_catalogue[data-view1020="4"].ep-layout_list>.ep_gridcolumn-content>.ep_footer, #website-body .ep_gridcolumn.ep-m_catalogue[data-view1020="3"].ep-layout_list>.ep_gridcolumn-content>.ep_header, #website-body .ep_gridcolumn.ep-m_catalogue[data-view1020="3"].ep-layout_list>.ep_gridcolumn-content>.ep_footer { margin-left: 20px; margin-right: 20px; } #website-body .ep_gridcolumn.ep-m_catalogue[data-view1020="4"].ep-layout_list>.ep_gridcolumn-content>.ep_list .ep_item, #website-body .ep_gridcolumn.ep-m_catalogue[data-view1020="3"].ep-layout_list>.ep_gridcolumn-content>.ep_list .ep_item { width: 100%; } #website-body .ep_gridcolumn.ep-m_catalogue[data-view1020="4"].ep-layout_list>.ep_gridcolumn-content>.ep_header .ep-a_heading>.ep_title:before, #website-body .ep_gridcolumn.ep-m_catalogue[data-view1020="4"].ep-layout_list>.ep_gridcolumn-content>.ep_list:before, #website-body .ep_gridcolumn.ep-m_catalogue[data-view1020="4"].ep-layout_list>.ep_gridcolumn-content>.ep_list:after, #website-body .ep_gridcolumn.ep-m_catalogue[data-view1020="4"].ep-layout_list>.ep_gridcolumn-content>.ep_list .ep_item:before, #website-body .ep_gridcolumn.ep-m_catalogue[data-view1020="4"].ep-layout_list>.ep_gridcolumn-content>.ep_list .ep_item>div:before, #website-body .ep_gridcolumn.ep-m_catalogue[data-view1020="4"].ep-layout_list>.ep_gridcolumn-content>.ep_list .ep_item>div:after, #website-body .ep_gridcolumn.ep-m_catalogue[data-view1020="3"].ep-layout_list>.ep_gridcolumn-content>.ep_header .ep-a_heading>.ep_title:before, #website-body .ep_gridcolumn.ep-m_catalogue[data-view1020="3"].ep-layout_list>.ep_gridcolumn-content>.ep_list:before, #website-body .ep_gridcolumn.ep-m_catalogue[data-view1020="3"].ep-layout_list>.ep_gridcolumn-content>.ep_list:after, #website-body .ep_gridcolumn.ep-m_catalogue[data-view1020="3"].ep-layout_list>.ep_gridcolumn-content>.ep_list .ep_item:before, #website-body .ep_gridcolumn.ep-m_catalogue[data-view1020="3"].ep-layout_list>.ep_gridcolumn-content>.ep_list .ep_item>div:before, #website-body .ep_gridcolumn.ep-m_catalogue[data-view1020="3"].ep-layout_list>.ep_gridcolumn-content>.ep_list .ep_item>div:after { display: none; } #website-body .ep_gridcolumn.ep-m_catalogue[data-view1020="4"].ep-layout_list>.ep_gridcolumn-content>.ep_list .ep_item>div, #website-body .ep_gridcolumn.ep-m_catalogue[data-view1020="3"].ep-layout_list>.ep_gridcolumn-content>.ep_list .ep_item>div { display: block; min-height: 83px; padding-left: 80px; text-align: left; } #website-body .ep_gridcolumn.ep-m_catalogue[data-view1020="4"].ep-layout_list>.ep_gridcolumn-content>.ep_list .ep_item .ep_content, #website-body .ep_gridcolumn.ep-m_catalogue[data-view1020="4"].ep-layout_list>.ep_gridcolumn-content>.ep_list .ep_item .ep_footer, #website-body .ep_gridcolumn.ep-m_catalogue[data-view1020="3"].ep-layout_list>.ep_gridcolumn-content>.ep_list .ep_item .ep_content, #website-body .ep_gridcolumn.ep-m_catalogue[data-view1020="3"].ep-layout_list>.ep_gridcolumn-content>.ep_list .ep_item .ep_footer { position: static; } #website-body .ep_gridcolumn.ep-m_catalogue[data-view1020="4"].ep-layout_list>.ep_gridcolumn-content>.ep_list .ep_item .ep_footer, #website-body .ep_gridcolumn.ep-m_catalogue[data-view1020="3"].ep-layout_list>.ep_gridcolumn-content>.ep_list .ep_item .ep_footer { margin-top: 5px; } #website-body .ep_gridcolumn.ep-m_catalogue[data-view1020="4"].ep-layout_list>.ep_gridcolumn-content>.ep_list .ep_item .ep_content .ep-a_heading .ep_subtitle .ep-p_text, #website-body .ep_gridcolumn.ep-m_catalogue[data-view1020="3"].ep-layout_list>.ep_gridcolumn-content>.ep_list .ep_item .ep_content .ep-a_heading .ep_subtitle .ep-p_text { margin-top: 2px; } #website-body .ep_gridcolumn.ep-m_catalogue[data-view1020="4"].ep-layout_list>.ep_gridcolumn-content>.ep_list .ep_item .ep_content .ep-a_media, #website-body .ep_gridcolumn.ep-m_catalogue[data-view1020="3"].ep-layout_list>.ep_gridcolumn-content>.ep_list .ep_item .ep_content .ep-a_media { position: absolute; top: 1px; left: 0; } #website-body .ep_gridcolumn.ep-m_catalogue[data-view1020="4"].ep-layout_list>.ep_gridcolumn-content>.ep_list .ep_item .ep_content .ep-a_media .ep-p_image .ep_image img, #website-body .ep_gridcolumn.ep-m_catalogue[data-view1020="3"].ep-layout_list>.ep_gridcolumn-content>.ep_list .ep_item .ep_content .ep-a_media .ep-p_image .ep_image img { width: 64px; } #website-body .ep_gridcolumn.ep-m_catalogue[data-view1020="4"].ep-layout_list>.ep_gridcolumn-content>.ep_list .ep_item .ep-a_heading:after, #website-body .ep_gridcolumn.ep-m_catalogue[data-view1020="4"].ep-layout_list>.ep_gridcolumn-content>.ep_list .ep_item .ep-a_media:after, #website-body .ep_gridcolumn.ep-m_catalogue[data-view1020="3"].ep-layout_list>.ep_gridcolumn-content>.ep_list .ep_item .ep-a_heading:after, #website-body .ep_gridcolumn.ep-m_catalogue[data-view1020="3"].ep-layout_list>.ep_gridcolumn-content>.ep_list .ep_item .ep-a_media:after { display: none; } #website-body .ep_gridcolumn.ep-m_catalogue[data-view1020="4"].ep-layout_list>.ep_gridcolumn-content>.ep_list .ep_item a.ep_content:hover .ep-a_heading .ep_title .ep_name, #website-body .ep_gridcolumn.ep-m_catalogue[data-view1020="4"].ep-layout_list>.ep_gridcolumn-content>.ep_list .ep_item a.ep_content:focus .ep-a_heading .ep_title .ep_name, #website-body .ep_gridcolumn.ep-m_catalogue[data-view1020="4"].ep-layout_list>.ep_gridcolumn-content>.ep_list .ep_item a.ep_content:active .ep-a_heading .ep_title .ep_name, #website-body .ep_gridcolumn.ep-m_catalogue[data-view1020="3"].ep-layout_list>.ep_gridcolumn-content>.ep_list .ep_item a.ep_content:hover .ep-a_heading .ep_title .ep_name, #website-body .ep_gridcolumn.ep-m_catalogue[data-view1020="3"].ep-layout_list>.ep_gridcolumn-content>.ep_list .ep_item a.ep_content:focus .ep-a_heading .ep_title .ep_name, #website-body .ep_gridcolumn.ep-m_catalogue[data-view1020="3"].ep-layout_list>.ep_gridcolumn-content>.ep_list .ep_item a.ep_content:active .ep-a_heading .ep_title .ep_name { transform: translate(5px, 0); -webkit-transform: translate(5px, 0); } #website-body .ep_gridcolumn.ep-m_catalogue[data-view1020="4"].ep-layout_list>.ep_gridcolumn-content>.ep_list~.ep_header, #website-body .ep_gridcolumn.ep-m_catalogue[data-view1020="3"].ep-layout_list>.ep_gridcolumn-content>.ep_list~.ep_header { height: 40px; } #website-body .ep_gridcolumn.ep-m_catalogue[data-view1020="4"].ep-layout_list>.ep_gridcolumn-content>.ep_list .ep_item [class*="ep-a_"]:last-child:after, #website-body .ep_gridcolumn.ep-m_catalogue[data-view1020="3"].ep-layout_list>.ep_gridcolumn-content>.ep_list .ep_item [class*="ep-a_"]:last-child:after { height: 40px; } /* MOLECULE "CATALOGUE" : Mise a jour de l'affichage pour le visuel "un element par ligne" (ajout de la ligne de separation) */ #website-body .ep_gridcolumn.ep-m_catalogue[data-view1020="5"].ep-layout_list>.ep_gridcolumn-content>.ep_list:before, #website-body .ep_gridcolumn.ep-m_catalogue[data-view1020="4"].ep-layout_list>.ep_gridcolumn-content>.ep_list:before, #website-body .ep_gridcolumn.ep-m_catalogue[data-view1020="4"].ep-layout_list>.ep_gridcolumn-content>.ep_list:before, #website-body .ep_gridcolumn.ep-m_catalogue[data-view1020="3"].ep-layout_list>.ep_gridcolumn-content>.ep_list:before { position: absolute; display: block; left: auto; width: 100px; height: 2px; margin: 0 0 0 20px; padding: 0; background-color: #fff; transform: translate(0, -11px); -webkit-transform: translate(0, -11px); flex: 0 0 1px; -webkit-flex: 0 0 1px; content: ""; } #website-body .ep_gridcolumn.ep-m_catalogue[data-view1020="5"].ep-layout_list>.ep_gridcolumn-content>.ep_list .ep_item:before, #website-body .ep_gridcolumn.ep-m_catalogue[data-view1020="4"].ep-layout_list>.ep_gridcolumn-content>.ep_list .ep_item:before, #website-body .ep_gridcolumn.ep-m_catalogue[data-view1020="4"].ep-layout_list>.ep_gridcolumn-content>.ep_list .ep_item:before, #website-body .ep_gridcolumn.ep-m_catalogue[data-view1020="3"].ep-layout_list>.ep_gridcolumn-content>.ep_list .ep_item:before { position: static; display: block !important; width: 100px; height: 0; margin: 0; padding: 0; border-top: 1px solid #d1d3d4; transform: translate(0, -10px); -webkit-transform: translate(0, -10px); flex: 0 0 1px; -webkit-flex: 0 0 1px; content: ""; } #website-body [class*="ep-o_"].ep-layout_greycolor .ep_gridcolumn.ep-m_catalogue[data-view1020="5"].ep-layout_list>.ep_gridcolumn-content>.ep_list:before, #website-body [class*="ep-o_"].ep-layout_greycolor .ep_gridcolumn.ep-m_catalogue[data-view1020="4"].ep-layout_list>.ep_gridcolumn-content>.ep_list:before, #website-body [class*="ep-o_"].ep-layout_greycolor .ep_gridcolumn.ep-m_catalogue[data-view1020="4"].ep-layout_list>.ep_gridcolumn-content>.ep_list:before, #website-body [class*="ep-o_"].ep-layout_greycolor .ep_gridcolumn.ep-m_catalogue[data-view1020="3"].ep-layout_list>.ep_gridcolumn-content>.ep_list:before, #website-body [class*="ep-o_"].ep-layout_greygradient .ep_gridcolumn.ep-m_catalogue[data-view1020="5"].ep-layout_list>.ep_gridcolumn-content>.ep_list:before, #website-body [class*="ep-o_"].ep-layout_greygradient .ep_gridcolumn.ep-m_catalogue[data-view1020="4"].ep-layout_list>.ep_gridcolumn-content>.ep_list:before, #website-body [class*="ep-o_"].ep-layout_greygradient .ep_gridcolumn.ep-m_catalogue[data-view1020="4"].ep-layout_list>.ep_gridcolumn-content>.ep_list:before, #website-body [class*="ep-o_"].ep-layout_greygradient .ep_gridcolumn.ep-m_catalogue[data-view1020="3"].ep-layout_list>.ep_gridcolumn-content>.ep_list:before { background-color: #f3f4f4; } } @media screen and (min-width:750px) and (max-width:1019px) { /* MOLECULE "CATALOGUE" : Definition du nombre d'elements par ligne */ #website-body .ep_gridcolumn.ep-m_catalogue[data-view750="10"].ep-layout_list>.ep_gridcolumn-content>.ep_list .ep_item, #website-body .ep_gridcolumn.ep-m_catalogue[data-view750="9"].ep-layout_list>.ep_gridcolumn-content>.ep_list .ep_item, #website-body .ep_gridcolumn.ep-m_catalogue[data-view750="8"].ep-layout_list>.ep_gridcolumn-content>.ep_list .ep_item, #website-body .ep_gridcolumn.ep-m_catalogue[data-view750="7"].ep-layout_list>.ep_gridcolumn-content>.ep_list .ep_item, #website-body .ep_gridcolumn.ep-m_catalogue[data-view750="6"].ep-layout_list>.ep_gridcolumn-content>.ep_list .ep_item { width: 50%; } #website-body .ep_gridcolumn.ep-m_catalogue[data-view750="10"].ep-layout_list>.ep_gridcolumn-content>.ep_list .ep_item:nth-child(2n+1):before, #website-body .ep_gridcolumn.ep-m_catalogue[data-view750="9"].ep-layout_list>.ep_gridcolumn-content>.ep_list .ep_item:nth-child(2n+1):before, #website-body .ep_gridcolumn.ep-m_catalogue[data-view750="8"].ep-layout_list>.ep_gridcolumn-content>.ep_list .ep_item:nth-child(2n+1):before, #website-body .ep_gridcolumn.ep-m_catalogue[data-view750="7"].ep-layout_list>.ep_gridcolumn-content>.ep_list .ep_item:nth-child(2n+1):before, #website-body .ep_gridcolumn.ep-m_catalogue[data-view750="6"].ep-layout_list>.ep_gridcolumn-content>.ep_list .ep_item:nth-child(2n+1):before { display: block; } /* MOLECULE "CATALOGUE" : Mise a jour de l'affichage pour le visuel "un element par ligne" */ #website-body .ep_gridcolumn.ep-m_catalogue[data-view750="5"].ep-layout_list>.ep_gridcolumn-content>.ep_header .ep-a_heading>.ep_title .ep-p_text .ep_name, #website-body .ep_gridcolumn.ep-m_catalogue[data-view750="4"].ep-layout_list>.ep_gridcolumn-content>.ep_header .ep-a_heading>.ep_title .ep-p_text .ep_name { padding-left: 0; padding-right: 0; } #website-body .ep_gridcolumn.ep-m_catalogue[data-view750="5"].ep-layout_list>.ep_gridcolumn-content>.ep_header .ep-a_heading>.ep_title:after, #website-body .ep_gridcolumn.ep-m_catalogue[data-view750="4"].ep-layout_list>.ep_gridcolumn-content>.ep_header .ep-a_heading>.ep_title:after { display: block; } #website-body .ep_gridcolumn.ep-m_catalogue[data-view750="5"].ep-layout_list>.ep_gridcolumn-content, #website-body .ep_gridcolumn.ep-m_catalogue[data-view750="4"].ep-layout_list>.ep_gridcolumn-content { padding-top: 20px; } #website-body .ep_gridcolumn.ep-m_catalogue[data-view750="5"].ep-layout_list>.ep_gridcolumn-content>.ep_list, #website-body .ep_gridcolumn.ep-m_catalogue[data-view750="4"].ep-layout_list>.ep_gridcolumn-content>.ep_list { padding-bottom: 0; padding-left: 0; padding-right: 0; } #website-body .ep_gridcolumn.ep-m_catalogue[data-view750="5"].ep-layout_list>.ep_gridcolumn-content>.ep_header, #website-body .ep_gridcolumn.ep-m_catalogue[data-view750="5"].ep-layout_list>.ep_gridcolumn-content>.ep_footer, #website-body .ep_gridcolumn.ep-m_catalogue[data-view750="4"].ep-layout_list>.ep_gridcolumn-content>.ep_header, #website-body .ep_gridcolumn.ep-m_catalogue[data-view750="4"].ep-layout_list>.ep_gridcolumn-content>.ep_footer { margin-left: 20px; margin-right: 20px; } #website-body .ep_gridcolumn.ep-m_catalogue[data-view750="5"].ep-layout_list>.ep_gridcolumn-content>.ep_list .ep_item, #website-body .ep_gridcolumn.ep-m_catalogue[data-view750="4"].ep-layout_list>.ep_gridcolumn-content>.ep_list .ep_item, #website-body .ep_gridcolumn.ep-m_catalogue[data-view750="4"].ep-layout_list>.ep_gridcolumn-content>.ep_list .ep_item { width: 100%; } #website-body .ep_gridcolumn.ep-m_catalogue[data-view750="5"].ep-layout_list>.ep_gridcolumn-content>.ep_header .ep-a_heading>.ep_title:before, #website-body .ep_gridcolumn.ep-m_catalogue[data-view750="5"].ep-layout_list>.ep_gridcolumn-content>.ep_list:before, #website-body .ep_gridcolumn.ep-m_catalogue[data-view750="5"].ep-layout_list>.ep_gridcolumn-content>.ep_list:after, #website-body .ep_gridcolumn.ep-m_catalogue[data-view750="5"].ep-layout_list>.ep_gridcolumn-content>.ep_list .ep_item>div:before, #website-body .ep_gridcolumn.ep-m_catalogue[data-view750="5"].ep-layout_list>.ep_gridcolumn-content>.ep_list .ep_item>div:after, #website-body .ep_gridcolumn.ep-m_catalogue[data-view750="4"].ep-layout_list>.ep_gridcolumn-content>.ep_header .ep-a_heading>.ep_title:before, #website-body .ep_gridcolumn.ep-m_catalogue[data-view750="4"].ep-layout_list>.ep_gridcolumn-content>.ep_list:before, #website-body .ep_gridcolumn.ep-m_catalogue[data-view750="4"].ep-layout_list>.ep_gridcolumn-content>.ep_list:after, #website-body .ep_gridcolumn.ep-m_catalogue[data-view750="4"].ep-layout_list>.ep_gridcolumn-content>.ep_list .ep_item>div:before, #website-body .ep_gridcolumn.ep-m_catalogue[data-view750="4"].ep-layout_list>.ep_gridcolumn-content>.ep_list .ep_item>div:after { display: none; } #website-body .ep_gridcolumn.ep-m_catalogue[data-view750="5"].ep-layout_list>.ep_gridcolumn-content>.ep_list .ep_item>div, #website-body .ep_gridcolumn.ep-m_catalogue[data-view750="4"].ep-layout_list>.ep_gridcolumn-content>.ep_list .ep_item>div { display: block; min-height: 83px; padding-left: 0; text-align: left; } #website-body .ep_gridcolumn.ep-m_catalogue[data-view750="5"].ep-layout_list>.ep_gridcolumn-content>.ep_list .ep_item .ep_content, #website-body .ep_gridcolumn.ep-m_catalogue[data-view750="5"].ep-layout_list>.ep_gridcolumn-content>.ep_list .ep_item .ep_footer, #website-body .ep_gridcolumn.ep-m_catalogue[data-view750="4"].ep-layout_list>.ep_gridcolumn-content>.ep_list .ep_item .ep_content, #website-body .ep_gridcolumn.ep-m_catalogue[data-view750="4"].ep-layout_list>.ep_gridcolumn-content>.ep_list .ep_item .ep_footer { position: static; } #website-body .ep_gridcolumn.ep-m_catalogue[data-view750="5"].ep-layout_list>.ep_gridcolumn-content>.ep_list .ep_item .ep_footer, #website-body .ep_gridcolumn.ep-m_catalogue[data-view750="4"].ep-layout_list>.ep_gridcolumn-content>.ep_list .ep_item .ep_footer { margin-top: 5px; } #website-body .ep_gridcolumn.ep-m_catalogue[data-view750="5"].ep-layout_list>.ep_gridcolumn-content>.ep_list .ep_item .ep_content .ep-a_heading .ep_subtitle .ep-p_text, #website-body .ep_gridcolumn.ep-m_catalogue[data-view750="4"].ep-layout_list>.ep_gridcolumn-content>.ep_list .ep_item .ep_content .ep-a_heading .ep_subtitle .ep-p_text { margin-top: 2px; } #website-body .ep_gridcolumn.ep-m_catalogue[data-view750="5"].ep-layout_list>.ep_gridcolumn-content>.ep_list .ep_item .ep-a_heading:after, #website-body .ep_gridcolumn.ep-m_catalogue[data-view750="5"].ep-layout_list>.ep_gridcolumn-content>.ep_list .ep_item .ep-a_media:after, #website-body .ep_gridcolumn.ep-m_catalogue[data-view750="4"].ep-layout_list>.ep_gridcolumn-content>.ep_list .ep_item .ep-a_heading:after, #website-body .ep_gridcolumn.ep-m_catalogue[data-view750="4"].ep-layout_list>.ep_gridcolumn-content>.ep_list .ep_item .ep-a_media:after { display: block; } #website-body .ep_gridcolumn.ep-m_catalogue[data-view750="5"].ep-layout_list>.ep_gridcolumn-content>.ep_list .ep_item a.ep_content:hover .ep-a_heading .ep_title .ep_name, #website-body .ep_gridcolumn.ep-m_catalogue[data-view750="5"].ep-layout_list>.ep_gridcolumn-content>.ep_list .ep_item a.ep_content:focus .ep-a_heading .ep_title .ep_name, #website-body .ep_gridcolumn.ep-m_catalogue[data-view750="5"].ep-layout_list>.ep_gridcolumn-content>.ep_list .ep_item a.ep_content:active .ep-a_heading .ep_title .ep_name, #website-body .ep_gridcolumn.ep-m_catalogue[data-view750="4"].ep-layout_list>.ep_gridcolumn-content>.ep_list .ep_item a.ep_content:hover .ep-a_heading .ep_title .ep_name, #website-body .ep_gridcolumn.ep-m_catalogue[data-view750="4"].ep-layout_list>.ep_gridcolumn-content>.ep_list .ep_item a.ep_content:focus .ep-a_heading .ep_title .ep_name, #website-body .ep_gridcolumn.ep-m_catalogue[data-view750="4"].ep-layout_list>.ep_gridcolumn-content>.ep_list .ep_item a.ep_content:active .ep-a_heading .ep_title .ep_name { transform: translate(5px, 0); -webkit-transform: translate(5px, 0); } #website-body .ep_gridcolumn.ep-m_catalogue[data-view750="5"].ep-layout_list>.ep_gridcolumn-content>.ep_list~.ep_header, #website-body .ep_gridcolumn.ep-m_catalogue[data-view750="4"].ep-layout_list>.ep_gridcolumn-content>.ep_list~.ep_header { height: 40px; } #website-body .ep_gridcolumn.ep-m_catalogue[data-view750="5"].ep-layout_list>.ep_gridcolumn-content>.ep_list .ep_item [class*="ep-a_"]:last-child:after, #website-body .ep_gridcolumn.ep-m_catalogue[data-view750="4"].ep-layout_list>.ep_gridcolumn-content>.ep_list .ep_item [class*="ep-a_"]:last-child:after { height: 40px; } /* MOLECULE "CATALOGUE" : Mise a jour de l'affichage pour le visuel "un element par ligne" (ajout de la ligne de separation) */ #website-body .ep_gridcolumn.ep-m_catalogue[data-view750="5"].ep-layout_list>.ep_gridcolumn-content>.ep_list:before, #website-body .ep_gridcolumn.ep-m_catalogue[data-view750="4"].ep-layout_list>.ep_gridcolumn-content>.ep_list:before, #website-body .ep_gridcolumn.ep-m_catalogue[data-view750="4"].ep-layout_list>.ep_gridcolumn-content>.ep_list:before { position: absolute; display: block; left: auto; width: 100px; height: 2px; margin: 0 0 0 20px; padding: 0; background-color: #fff; transform: translate(0, -11px); -webkit-transform: translate(0, -11px); flex: 0 0 1px; -webkit-flex: 0 0 1px; content: ""; } #website-body .ep_gridcolumn.ep-m_catalogue[data-view750="5"].ep-layout_list>.ep_gridcolumn-content>.ep_list .ep_item:before, #website-body .ep_gridcolumn.ep-m_catalogue[data-view750="4"].ep-layout_list>.ep_gridcolumn-content>.ep_list .ep_item:before, #website-body .ep_gridcolumn.ep-m_catalogue[data-view750="4"].ep-layout_list>.ep_gridcolumn-content>.ep_list .ep_item:before { position: static; display: block !important; width: 100px; height: 0; margin: 0; padding: 0; border-top: 1px solid #d1d3d4; transform: translate(0, -10px); -webkit-transform: translate(0, -10px); flex: 0 0 1px; -webkit-flex: 0 0 1px; content: ""; } #website-body [class*="ep-o_"].ep-layout_greycolor .ep_gridcolumn.ep-m_catalogue[data-view750="5"].ep-layout_list>.ep_gridcolumn-content>.ep_list:before, #website-body [class*="ep-o_"].ep-layout_greycolor .ep_gridcolumn.ep-m_catalogue[data-view750="4"].ep-layout_list>.ep_gridcolumn-content>.ep_list:before, #website-body [class*="ep-o_"].ep-layout_greygradient .ep_gridcolumn.ep-m_catalogue[data-view750="5"].ep-layout_list>.ep_gridcolumn-content>.ep_list:before, #website-body [class*="ep-o_"].ep-layout_greygradient .ep_gridcolumn.ep-m_catalogue[data-view750="4"].ep-layout_list>.ep_gridcolumn-content>.ep_list:before { background-color: #f3f4f4; } } @media screen and (min-width:640px) and (max-width:749px) { /* MOLECULE "CATALOGUE" : Definition du nombre d'elements par ligne */ #website-body .ep_gridcolumn.ep-m_catalogue[data-view640="8"].ep-layout_list>.ep_gridcolumn-content>.ep_list .ep_item, #website-body .ep_gridcolumn.ep-m_catalogue[data-view640="7"].ep-layout_list>.ep_gridcolumn-content>.ep_list .ep_item, #website-body .ep_gridcolumn.ep-m_catalogue[data-view640="6"].ep-layout_list>.ep_gridcolumn-content>.ep_list .ep_item { width: 50%; } #website-body .ep_gridcolumn.ep-m_catalogue[data-view640="8"].ep-layout_list>.ep_gridcolumn-content>.ep_list .ep_item:nth-child(2n+1):before, #website-body .ep_gridcolumn.ep-m_catalogue[data-view640="7"].ep-layout_list>.ep_gridcolumn-content>.ep_list .ep_item:nth-child(2n+1):before, #website-body .ep_gridcolumn.ep-m_catalogue[data-view640="6"].ep-layout_list>.ep_gridcolumn-content>.ep_list .ep_item:nth-child(2n+1):before { display: block; } /* MOLECULE "CATALOGUE" : Mise a jour de l'affichage pour le visuel "un element par ligne" */ #website-body .ep_gridcolumn.ep-m_catalogue[data-view640="5"].ep-layout_list>.ep_gridcolumn-content>.ep_header .ep-a_heading>.ep_title .ep-p_text .ep_name, #website-body .ep_gridcolumn.ep-m_catalogue[data-view640="4"].ep-layout_list>.ep_gridcolumn-content>.ep_header .ep-a_heading>.ep_title .ep-p_text .ep_name { padding-left: 0; padding-right: 0; } #website-body .ep_gridcolumn.ep-m_catalogue[data-view640="5"].ep-layout_list>.ep_gridcolumn-content>.ep_header .ep-a_heading>.ep_title:after, #website-body .ep_gridcolumn.ep-m_catalogue[data-view640="4"].ep-layout_list>.ep_gridcolumn-content>.ep_header .ep-a_heading>.ep_title:after { display: block; } #website-body .ep_gridcolumn.ep-m_catalogue[data-view640="5"].ep-layout_list>.ep_gridcolumn-content, #website-body .ep_gridcolumn.ep-m_catalogue[data-view640="4"].ep-layout_list>.ep_gridcolumn-content { padding-top: 20px; } #website-body .ep_gridcolumn.ep-m_catalogue[data-view640="5"].ep-layout_list>.ep_gridcolumn-content>.ep_list, #website-body .ep_gridcolumn.ep-m_catalogue[data-view640="4"].ep-layout_list>.ep_gridcolumn-content>.ep_list { padding-bottom: 0; padding-left: 0; padding-right: 0; } #website-body .ep_gridcolumn.ep-m_catalogue[data-view640="5"].ep-layout_list>.ep_gridcolumn-content>.ep_header, #website-body .ep_gridcolumn.ep-m_catalogue[data-view640="5"].ep-layout_list>.ep_gridcolumn-content>.ep_footer, #website-body .ep_gridcolumn.ep-m_catalogue[data-view640="4"].ep-layout_list>.ep_gridcolumn-content>.ep_header, #website-body .ep_gridcolumn.ep-m_catalogue[data-view640="4"].ep-layout_list>.ep_gridcolumn-content>.ep_footer { margin-left: 20px; margin-right: 20px; } #website-body .ep_gridcolumn.ep-m_catalogue[data-view640="5"].ep-layout_list>.ep_gridcolumn-content>.ep_list .ep_item, #website-body .ep_gridcolumn.ep-m_catalogue[data-view640="4"].ep-layout_list>.ep_gridcolumn-content>.ep_list .ep_item, #website-body .ep_gridcolumn.ep-m_catalogue[data-view640="4"].ep-layout_list>.ep_gridcolumn-content>.ep_list .ep_item { width: 100%; } #website-body .ep_gridcolumn.ep-m_catalogue[data-view640="5"].ep-layout_list>.ep_gridcolumn-content>.ep_header .ep-a_heading>.ep_title:before, #website-body .ep_gridcolumn.ep-m_catalogue[data-view640="5"].ep-layout_list>.ep_gridcolumn-content>.ep_list:before, #website-body .ep_gridcolumn.ep-m_catalogue[data-view640="5"].ep-layout_list>.ep_gridcolumn-content>.ep_list:after, #website-body .ep_gridcolumn.ep-m_catalogue[data-view640="5"].ep-layout_list>.ep_gridcolumn-content>.ep_list .ep_item>div:before, #website-body .ep_gridcolumn.ep-m_catalogue[data-view640="5"].ep-layout_list>.ep_gridcolumn-content>.ep_list .ep_item>div:after, #website-body .ep_gridcolumn.ep-m_catalogue[data-view640="4"].ep-layout_list>.ep_gridcolumn-content>.ep_header .ep-a_heading>.ep_title:before, #website-body .ep_gridcolumn.ep-m_catalogue[data-view640="4"].ep-layout_list>.ep_gridcolumn-content>.ep_list:before, #website-body .ep_gridcolumn.ep-m_catalogue[data-view640="4"].ep-layout_list>.ep_gridcolumn-content>.ep_list:after, #website-body .ep_gridcolumn.ep-m_catalogue[data-view640="4"].ep-layout_list>.ep_gridcolumn-content>.ep_list .ep_item>div:before, #website-body .ep_gridcolumn.ep-m_catalogue[data-view640="4"].ep-layout_list>.ep_gridcolumn-content>.ep_list .ep_item>div:after { display: none; } #website-body .ep_gridcolumn.ep-m_catalogue[data-view640="5"].ep-layout_list>.ep_gridcolumn-content>.ep_list .ep_item>div, #website-body .ep_gridcolumn.ep-m_catalogue[data-view640="4"].ep-layout_list>.ep_gridcolumn-content>.ep_list .ep_item>div { display: block; min-height: 83px; padding-left: 0; text-align: left; } #website-body .ep_gridcolumn.ep-m_catalogue[data-view640="5"].ep-layout_list>.ep_gridcolumn-content>.ep_list .ep_item .ep_content, #website-body .ep_gridcolumn.ep-m_catalogue[data-view640="5"].ep-layout_list>.ep_gridcolumn-content>.ep_list .ep_item .ep_footer, #website-body .ep_gridcolumn.ep-m_catalogue[data-view640="4"].ep-layout_list>.ep_gridcolumn-content>.ep_list .ep_item .ep_content, #website-body .ep_gridcolumn.ep-m_catalogue[data-view640="4"].ep-layout_list>.ep_gridcolumn-content>.ep_list .ep_item .ep_footer { position: static; } #website-body .ep_gridcolumn.ep-m_catalogue[data-view640="5"].ep-layout_list>.ep_gridcolumn-content>.ep_list .ep_item .ep_footer, #website-body .ep_gridcolumn.ep-m_catalogue[data-view640="4"].ep-layout_list>.ep_gridcolumn-content>.ep_list .ep_item .ep_footer { margin-top: 5px; } #website-body .ep_gridcolumn.ep-m_catalogue[data-view640="5"].ep-layout_list>.ep_gridcolumn-content>.ep_list .ep_item .ep_content .ep-a_heading .ep_subtitle .ep-p_text, #website-body .ep_gridcolumn.ep-m_catalogue[data-view640="4"].ep-layout_list>.ep_gridcolumn-content>.ep_list .ep_item .ep_content .ep-a_heading .ep_subtitle .ep-p_text { margin-top: 2px; } #website-body .ep_gridcolumn.ep-m_catalogue[data-view640="5"].ep-layout_list>.ep_gridcolumn-content>.ep_list .ep_item .ep-a_heading:after, #website-body .ep_gridcolumn.ep-m_catalogue[data-view640="5"].ep-layout_list>.ep_gridcolumn-content>.ep_list .ep_item .ep-a_media:after, #website-body .ep_gridcolumn.ep-m_catalogue[data-view640="4"].ep-layout_list>.ep_gridcolumn-content>.ep_list .ep_item .ep-a_heading:after, #website-body .ep_gridcolumn.ep-m_catalogue[data-view640="4"].ep-layout_list>.ep_gridcolumn-content>.ep_list .ep_item .ep-a_media:after { display: block; } #website-body .ep_gridcolumn.ep-m_catalogue[data-view640="5"].ep-layout_list>.ep_gridcolumn-content>.ep_list .ep_item a.ep_content:hover .ep-a_heading .ep_title .ep_name, #website-body .ep_gridcolumn.ep-m_catalogue[data-view640="5"].ep-layout_list>.ep_gridcolumn-content>.ep_list .ep_item a.ep_content:focus .ep-a_heading .ep_title .ep_name, #website-body .ep_gridcolumn.ep-m_catalogue[data-view640="5"].ep-layout_list>.ep_gridcolumn-content>.ep_list .ep_item a.ep_content:active .ep-a_heading .ep_title .ep_name, #website-body .ep_gridcolumn.ep-m_catalogue[data-view640="4"].ep-layout_list>.ep_gridcolumn-content>.ep_list .ep_item a.ep_content:hover .ep-a_heading .ep_title .ep_name, #website-body .ep_gridcolumn.ep-m_catalogue[data-view640="4"].ep-layout_list>.ep_gridcolumn-content>.ep_list .ep_item a.ep_content:focus .ep-a_heading .ep_title .ep_name, #website-body .ep_gridcolumn.ep-m_catalogue[data-view640="4"].ep-layout_list>.ep_gridcolumn-content>.ep_list .ep_item a.ep_content:active .ep-a_heading .ep_title .ep_name { transform: translate(5px, 0); -webkit-transform: translate(5px, 0); } #website-body .ep_gridcolumn.ep-m_catalogue[data-view640="5"].ep-layout_list>.ep_gridcolumn-content>.ep_list~.ep_header, #website-body .ep_gridcolumn.ep-m_catalogue[data-view640="4"].ep-layout_list>.ep_gridcolumn-content>.ep_list~.ep_header { height: 40px; } #website-body .ep_gridcolumn.ep-m_catalogue[data-view640="5"].ep-layout_list>.ep_gridcolumn-content>.ep_list .ep_item [class*="ep-a_"]:last-child:after, #website-body .ep_gridcolumn.ep-m_catalogue[data-view640="4"].ep-layout_list>.ep_gridcolumn-content>.ep_list .ep_item [class*="ep-a_"]:last-child:after { height: 40px; } /* MOLECULE "CATALOGUE" : Mise a jour de l'affichage pour le visuel "un element par ligne" (ajout de la ligne de separation) */ #website-body .ep_gridcolumn.ep-m_catalogue[data-view640="5"].ep-layout_list>.ep_gridcolumn-content>.ep_list:before, #website-body .ep_gridcolumn.ep-m_catalogue[data-view640="4"].ep-layout_list>.ep_gridcolumn-content>.ep_list:before, #website-body .ep_gridcolumn.ep-m_catalogue[data-view640="4"].ep-layout_list>.ep_gridcolumn-content>.ep_list:before { position: absolute; display: block; left: auto; width: 100px; height: 2px; margin: 0 0 0 20px; padding: 0; background-color: #fff; transform: translate(0, -11px); -webkit-transform: translate(0, -11px); flex: 0 0 1px; -webkit-flex: 0 0 1px; content: ""; } #website-body .ep_gridcolumn.ep-m_catalogue[data-view640="5"].ep-layout_list>.ep_gridcolumn-content>.ep_list .ep_item:before, #website-body .ep_gridcolumn.ep-m_catalogue[data-view640="4"].ep-layout_list>.ep_gridcolumn-content>.ep_list .ep_item:before, #website-body .ep_gridcolumn.ep-m_catalogue[data-view640="4"].ep-layout_list>.ep_gridcolumn-content>.ep_list .ep_item:before { position: static; display: block !important; width: 100px; height: 0; margin: 0; padding: 0; border-top: 1px solid #d1d3d4; transform: translate(0, -10px); -webkit-transform: translate(0, -10px); flex: 0 0 1px; -webkit-flex: 0 0 1px; content: ""; } #website-body [class*="ep-o_"].ep-layout_greycolor .ep_gridcolumn.ep-m_catalogue[data-view640="5"].ep-layout_list>.ep_gridcolumn-content>.ep_list:before, #website-body [class*="ep-o_"].ep-layout_greycolor .ep_gridcolumn.ep-m_catalogue[data-view640="4"].ep-layout_list>.ep_gridcolumn-content>.ep_list:before, #website-body [class*="ep-o_"].ep-layout_greygradient .ep_gridcolumn.ep-m_catalogue[data-view640="5"].ep-layout_list>.ep_gridcolumn-content>.ep_list:before, #website-body [class*="ep-o_"].ep-layout_greygradient .ep_gridcolumn.ep-m_catalogue[data-view640="4"].ep-layout_list>.ep_gridcolumn-content>.ep_list:before { background-color: #f3f4f4; } } @media screen and (min-width:480px) and (max-width:639px) { /* MOLECULE "CATALOGUE" : Correction du design des titres */ #website-body .ep_gridcolumn.ep-m_catalogue.ep-layout_list>.ep_gridcolumn-content>.ep_list .ep_item .ep_content .ep-a_heading.ep-layout_level2-large .ep_title .ep-p_text, #website-body .ep_gridcolumn.ep-m_catalogue.ep-layout_list>.ep_gridcolumn-content>.ep_list .ep_item .ep_content .ep-a_heading.ep-layout_level2 .ep_title .ep-p_text { font-size: 2em; } /* MOLECULE "CATALOGUE" : Definition du nombre d'elements par ligne */ #website-body .ep_gridcolumn.ep-m_catalogue[data-view480="8"].ep-layout_list>.ep_gridcolumn-content>.ep_list .ep_item { width: 50%; } #website-body .ep_gridcolumn.ep-m_catalogue[data-view480="8"].ep-layout_list>.ep_gridcolumn-content>.ep_list .ep_item:nth-child(2n+1):before { display: block; } /* MOLECULE "CATALOGUE" : Mise a jour de l'affichage pour le visuel "un element par ligne" */ #website-body .ep_gridcolumn.ep-m_catalogue[data-view480="7"].ep-layout_list>.ep_gridcolumn-content>.ep_header .ep-a_heading>.ep_title .ep-p_text .ep_name, #website-body .ep_gridcolumn.ep-m_catalogue[data-view480="6"].ep-layout_list>.ep_gridcolumn-content>.ep_header .ep-a_heading>.ep_title .ep-p_text .ep_name, #website-body .ep_gridcolumn.ep-m_catalogue[data-view480="5"].ep-layout_list>.ep_gridcolumn-content>.ep_header .ep-a_heading>.ep_title .ep-p_text .ep_name, #website-body .ep_gridcolumn.ep-m_catalogue[data-view480="4"].ep-layout_list>.ep_gridcolumn-content>.ep_header .ep-a_heading>.ep_title .ep-p_text .ep_name { padding-left: 0; padding-right: 0; } #website-body .ep_gridcolumn.ep-m_catalogue[data-view480="7"].ep-layout_list>.ep_gridcolumn-content>.ep_header .ep-a_heading>.ep_title:after, #website-body .ep_gridcolumn.ep-m_catalogue[data-view480="6"].ep-layout_list>.ep_gridcolumn-content>.ep_header .ep-a_heading>.ep_title:after, #website-body .ep_gridcolumn.ep-m_catalogue[data-view480="5"].ep-layout_list>.ep_gridcolumn-content>.ep_header .ep-a_heading>.ep_title:after, #website-body .ep_gridcolumn.ep-m_catalogue[data-view480="4"].ep-layout_list>.ep_gridcolumn-content>.ep_header .ep-a_heading>.ep_title:after { display: block; } #website-body .ep_gridcolumn.ep-m_catalogue[data-view480="7"].ep-layout_list>.ep_gridcolumn-content, #website-body .ep_gridcolumn.ep-m_catalogue[data-view480="6"].ep-layout_list>.ep_gridcolumn-content, #website-body .ep_gridcolumn.ep-m_catalogue[data-view480="5"].ep-layout_list>.ep_gridcolumn-content, #website-body .ep_gridcolumn.ep-m_catalogue[data-view480="4"].ep-layout_list>.ep_gridcolumn-content { padding-top: 20px; } #website-body .ep_gridcolumn.ep-m_catalogue[data-view480="7"].ep-layout_list>.ep_gridcolumn-content>.ep_list, #website-body .ep_gridcolumn.ep-m_catalogue[data-view480="6"].ep-layout_list>.ep_gridcolumn-content>.ep_list, #website-body .ep_gridcolumn.ep-m_catalogue[data-view480="5"].ep-layout_list>.ep_gridcolumn-content>.ep_list, #website-body .ep_gridcolumn.ep-m_catalogue[data-view480="4"].ep-layout_list>.ep_gridcolumn-content>.ep_list { padding-bottom: 0; padding-left: 0; padding-right: 0; } #website-body .ep_gridcolumn.ep-m_catalogue[data-view480="7"].ep-layout_list>.ep_gridcolumn-content>.ep_header, #website-body .ep_gridcolumn.ep-m_catalogue[data-view480="7"].ep-layout_list>.ep_gridcolumn-content>.ep_footer, #website-body .ep_gridcolumn.ep-m_catalogue[data-view480="6"].ep-layout_list>.ep_gridcolumn-content>.ep_header, #website-body .ep_gridcolumn.ep-m_catalogue[data-view480="6"].ep-layout_list>.ep_gridcolumn-content>.ep_footer, #website-body .ep_gridcolumn.ep-m_catalogue[data-view480="5"].ep-layout_list>.ep_gridcolumn-content>.ep_header, #website-body .ep_gridcolumn.ep-m_catalogue[data-view480="5"].ep-layout_list>.ep_gridcolumn-content>.ep_footer, #website-body .ep_gridcolumn.ep-m_catalogue[data-view480="4"].ep-layout_list>.ep_gridcolumn-content>.ep_header, #website-body .ep_gridcolumn.ep-m_catalogue[data-view480="4"].ep-layout_list>.ep_gridcolumn-content>.ep_footer { margin-left: 20px; margin-right: 20px; } #website-body .ep_gridcolumn.ep-m_catalogue[data-view480="7"].ep-layout_list>.ep_gridcolumn-content>.ep_list .ep_item, #website-body .ep_gridcolumn.ep-m_catalogue[data-view480="6"].ep-layout_list>.ep_gridcolumn-content>.ep_list .ep_item, #website-body .ep_gridcolumn.ep-m_catalogue[data-view480="5"].ep-layout_list>.ep_gridcolumn-content>.ep_list .ep_item, #website-body .ep_gridcolumn.ep-m_catalogue[data-view480="4"].ep-layout_list>.ep_gridcolumn-content>.ep_list .ep_item, #website-body .ep_gridcolumn.ep-m_catalogue[data-view480="4"].ep-layout_list>.ep_gridcolumn-content>.ep_list .ep_item { width: 100%; } #website-body .ep_gridcolumn.ep-m_catalogue[data-view480="7"].ep-layout_list>.ep_gridcolumn-content>.ep_header .ep-a_heading>.ep_title:before, #website-body .ep_gridcolumn.ep-m_catalogue[data-view480="7"].ep-layout_list>.ep_gridcolumn-content>.ep_list:before, #website-body .ep_gridcolumn.ep-m_catalogue[data-view480="7"].ep-layout_list>.ep_gridcolumn-content>.ep_list:after, #website-body .ep_gridcolumn.ep-m_catalogue[data-view480="7"].ep-layout_list>.ep_gridcolumn-content>.ep_list .ep_item>div:before, #website-body .ep_gridcolumn.ep-m_catalogue[data-view480="7"].ep-layout_list>.ep_gridcolumn-content>.ep_list .ep_item>div:after, #website-body .ep_gridcolumn.ep-m_catalogue[data-view480="6"].ep-layout_list>.ep_gridcolumn-content>.ep_header .ep-a_heading>.ep_title:before, #website-body .ep_gridcolumn.ep-m_catalogue[data-view480="6"].ep-layout_list>.ep_gridcolumn-content>.ep_list:before, #website-body .ep_gridcolumn.ep-m_catalogue[data-view480="6"].ep-layout_list>.ep_gridcolumn-content>.ep_list:after, #website-body .ep_gridcolumn.ep-m_catalogue[data-view480="6"].ep-layout_list>.ep_gridcolumn-content>.ep_list .ep_item>div:before, #website-body .ep_gridcolumn.ep-m_catalogue[data-view480="6"].ep-layout_list>.ep_gridcolumn-content>.ep_list .ep_item>div:after, #website-body .ep_gridcolumn.ep-m_catalogue[data-view480="5"].ep-layout_list>.ep_gridcolumn-content>.ep_header .ep-a_heading>.ep_title:before, #website-body .ep_gridcolumn.ep-m_catalogue[data-view480="5"].ep-layout_list>.ep_gridcolumn-content>.ep_list:before, #website-body .ep_gridcolumn.ep-m_catalogue[data-view480="5"].ep-layout_list>.ep_gridcolumn-content>.ep_list:after, #website-body .ep_gridcolumn.ep-m_catalogue[data-view480="5"].ep-layout_list>.ep_gridcolumn-content>.ep_list .ep_item>div:before, #website-body .ep_gridcolumn.ep-m_catalogue[data-view480="5"].ep-layout_list>.ep_gridcolumn-content>.ep_list .ep_item>div:after, #website-body .ep_gridcolumn.ep-m_catalogue[data-view480="4"].ep-layout_list>.ep_gridcolumn-content>.ep_header .ep-a_heading>.ep_title:before, #website-body .ep_gridcolumn.ep-m_catalogue[data-view480="4"].ep-layout_list>.ep_gridcolumn-content>.ep_list:before, #website-body .ep_gridcolumn.ep-m_catalogue[data-view480="4"].ep-layout_list>.ep_gridcolumn-content>.ep_list:after, #website-body .ep_gridcolumn.ep-m_catalogue[data-view480="4"].ep-layout_list>.ep_gridcolumn-content>.ep_list .ep_item>div:before, #website-body .ep_gridcolumn.ep-m_catalogue[data-view480="4"].ep-layout_list>.ep_gridcolumn-content>.ep_list .ep_item>div:after { display: none; } #website-body .ep_gridcolumn.ep-m_catalogue[data-view480="7"].ep-layout_list>.ep_gridcolumn-content>.ep_list .ep_item>div, #website-body .ep_gridcolumn.ep-m_catalogue[data-view480="6"].ep-layout_list>.ep_gridcolumn-content>.ep_list .ep_item>div, #website-body .ep_gridcolumn.ep-m_catalogue[data-view480="5"].ep-layout_list>.ep_gridcolumn-content>.ep_list .ep_item>div, #website-body .ep_gridcolumn.ep-m_catalogue[data-view480="4"].ep-layout_list>.ep_gridcolumn-content>.ep_list .ep_item>div { display: block; min-height: 83px; padding-left: 0; text-align: left; } #website-body .ep_gridcolumn.ep-m_catalogue[data-view480="7"].ep-layout_list>.ep_gridcolumn-content>.ep_list .ep_item .ep_content, #website-body .ep_gridcolumn.ep-m_catalogue[data-view480="7"].ep-layout_list>.ep_gridcolumn-content>.ep_list .ep_item .ep_footer, #website-body .ep_gridcolumn.ep-m_catalogue[data-view480="6"].ep-layout_list>.ep_gridcolumn-content>.ep_list .ep_item .ep_content, #website-body .ep_gridcolumn.ep-m_catalogue[data-view480="6"].ep-layout_list>.ep_gridcolumn-content>.ep_list .ep_item .ep_footer, #website-body .ep_gridcolumn.ep-m_catalogue[data-view480="5"].ep-layout_list>.ep_gridcolumn-content>.ep_list .ep_item .ep_content, #website-body .ep_gridcolumn.ep-m_catalogue[data-view480="5"].ep-layout_list>.ep_gridcolumn-content>.ep_list .ep_item .ep_footer, #website-body .ep_gridcolumn.ep-m_catalogue[data-view480="4"].ep-layout_list>.ep_gridcolumn-content>.ep_list .ep_item .ep_content, #website-body .ep_gridcolumn.ep-m_catalogue[data-view480="4"].ep-layout_list>.ep_gridcolumn-content>.ep_list .ep_item .ep_footer { position: static; } #website-body .ep_gridcolumn.ep-m_catalogue[data-view480="7"].ep-layout_list>.ep_gridcolumn-content>.ep_list .ep_item .ep_footer, #website-body .ep_gridcolumn.ep-m_catalogue[data-view480="6"].ep-layout_list>.ep_gridcolumn-content>.ep_list .ep_item .ep_footer, #website-body .ep_gridcolumn.ep-m_catalogue[data-view480="5"].ep-layout_list>.ep_gridcolumn-content>.ep_list .ep_item .ep_footer, #website-body .ep_gridcolumn.ep-m_catalogue[data-view480="4"].ep-layout_list>.ep_gridcolumn-content>.ep_list .ep_item .ep_footer { margin-top: 5px; } #website-body .ep_gridcolumn.ep-m_catalogue[data-view480="7"].ep-layout_list>.ep_gridcolumn-content>.ep_list .ep_item .ep_content .ep-a_heading .ep_subtitle .ep-p_text, #website-body .ep_gridcolumn.ep-m_catalogue[data-view480="6"].ep-layout_list>.ep_gridcolumn-content>.ep_list .ep_item .ep_content .ep-a_heading .ep_subtitle .ep-p_text, #website-body .ep_gridcolumn.ep-m_catalogue[data-view480="5"].ep-layout_list>.ep_gridcolumn-content>.ep_list .ep_item .ep_content .ep-a_heading .ep_subtitle .ep-p_text, #website-body .ep_gridcolumn.ep-m_catalogue[data-view480="4"].ep-layout_list>.ep_gridcolumn-content>.ep_list .ep_item .ep_content .ep-a_heading .ep_subtitle .ep-p_text { margin-top: 2px; } #website-body .ep_gridcolumn.ep-m_catalogue[data-view480="7"].ep-layout_list>.ep_gridcolumn-content>.ep_list .ep_item .ep-a_heading:after, #website-body .ep_gridcolumn.ep-m_catalogue[data-view480="7"].ep-layout_list>.ep_gridcolumn-content>.ep_list .ep_item .ep-a_media:after, #website-body .ep_gridcolumn.ep-m_catalogue[data-view480="6"].ep-layout_list>.ep_gridcolumn-content>.ep_list .ep_item .ep-a_heading:after, #website-body .ep_gridcolumn.ep-m_catalogue[data-view480="6"].ep-layout_list>.ep_gridcolumn-content>.ep_list .ep_item .ep-a_media:after, #website-body .ep_gridcolumn.ep-m_catalogue[data-view480="5"].ep-layout_list>.ep_gridcolumn-content>.ep_list .ep_item .ep-a_heading:after, #website-body .ep_gridcolumn.ep-m_catalogue[data-view480="5"].ep-layout_list>.ep_gridcolumn-content>.ep_list .ep_item .ep-a_media:after, #website-body .ep_gridcolumn.ep-m_catalogue[data-view480="4"].ep-layout_list>.ep_gridcolumn-content>.ep_list .ep_item .ep-a_heading:after, #website-body .ep_gridcolumn.ep-m_catalogue[data-view480="4"].ep-layout_list>.ep_gridcolumn-content>.ep_list .ep_item .ep-a_media:after { display: block; } #website-body .ep_gridcolumn.ep-m_catalogue[data-view480="7"].ep-layout_list>.ep_gridcolumn-content>.ep_list .ep_item a.ep_content:hover .ep-a_heading .ep_title .ep_name, #website-body .ep_gridcolumn.ep-m_catalogue[data-view480="7"].ep-layout_list>.ep_gridcolumn-content>.ep_list .ep_item a.ep_content:focus .ep-a_heading .ep_title .ep_name, #website-body .ep_gridcolumn.ep-m_catalogue[data-view480="7"].ep-layout_list>.ep_gridcolumn-content>.ep_list .ep_item a.ep_content:active .ep-a_heading .ep_title .ep_name, #website-body .ep_gridcolumn.ep-m_catalogue[data-view480="6"].ep-layout_list>.ep_gridcolumn-content>.ep_list .ep_item a.ep_content:hover .ep-a_heading .ep_title .ep_name, #website-body .ep_gridcolumn.ep-m_catalogue[data-view480="6"].ep-layout_list>.ep_gridcolumn-content>.ep_list .ep_item a.ep_content:focus .ep-a_heading .ep_title .ep_name, #website-body .ep_gridcolumn.ep-m_catalogue[data-view480="6"].ep-layout_list>.ep_gridcolumn-content>.ep_list .ep_item a.ep_content:active .ep-a_heading .ep_title .ep_name, #website-body .ep_gridcolumn.ep-m_catalogue[data-view480="5"].ep-layout_list>.ep_gridcolumn-content>.ep_list .ep_item a.ep_content:hover .ep-a_heading .ep_title .ep_name, #website-body .ep_gridcolumn.ep-m_catalogue[data-view480="5"].ep-layout_list>.ep_gridcolumn-content>.ep_list .ep_item a.ep_content:focus .ep-a_heading .ep_title .ep_name, #website-body .ep_gridcolumn.ep-m_catalogue[data-view480="5"].ep-layout_list>.ep_gridcolumn-content>.ep_list .ep_item a.ep_content:active .ep-a_heading .ep_title .ep_name, #website-body .ep_gridcolumn.ep-m_catalogue[data-view480="4"].ep-layout_list>.ep_gridcolumn-content>.ep_list .ep_item a.ep_content:hover .ep-a_heading .ep_title .ep_name, #website-body .ep_gridcolumn.ep-m_catalogue[data-view480="4"].ep-layout_list>.ep_gridcolumn-content>.ep_list .ep_item a.ep_content:focus .ep-a_heading .ep_title .ep_name, #website-body .ep_gridcolumn.ep-m_catalogue[data-view480="4"].ep-layout_list>.ep_gridcolumn-content>.ep_list .ep_item a.ep_content:active .ep-a_heading .ep_title .ep_name { transform: translate(5px, 0); -webkit-transform: translate(5px, 0); } #website-body .ep_gridcolumn.ep-m_catalogue[data-view480="7"].ep-layout_list>.ep_gridcolumn-content>.ep_list~.ep_header, #website-body .ep_gridcolumn.ep-m_catalogue[data-view480="6"].ep-layout_list>.ep_gridcolumn-content>.ep_list~.ep_header, #website-body .ep_gridcolumn.ep-m_catalogue[data-view480="5"].ep-layout_list>.ep_gridcolumn-content>.ep_list~.ep_header, #website-body .ep_gridcolumn.ep-m_catalogue[data-view480="4"].ep-layout_list>.ep_gridcolumn-content>.ep_list~.ep_header { margin-top: -10px; } #website-body .ep_gridcolumn.ep-m_catalogue[data-view480="7"].ep-layout_list>.ep_gridcolumn-content>.ep_list .ep_item [class*="ep-a_"]:last-child:after, #website-body .ep_gridcolumn.ep-m_catalogue[data-view480="6"].ep-layout_list>.ep_gridcolumn-content>.ep_list .ep_item [class*="ep-a_"]:last-child:after, #website-body .ep_gridcolumn.ep-m_catalogue[data-view480="5"].ep-layout_list>.ep_gridcolumn-content>.ep_list .ep_item [class*="ep-a_"]:last-child:after, #website-body .ep_gridcolumn.ep-m_catalogue[data-view480="4"].ep-layout_list>.ep_gridcolumn-content>.ep_list .ep_item [class*="ep-a_"]:last-child:after { height: 40px; } /* MOLECULE "CATALOGUE" : Mise a jour de l'affichage pour le visuel "un element par ligne" (ajout de la ligne de separation) */ #website-body .ep_gridcolumn.ep-m_catalogue[data-view480="7"].ep-layout_list>.ep_gridcolumn-content>.ep_list:before, #website-body .ep_gridcolumn.ep-m_catalogue[data-view480="6"].ep-layout_list>.ep_gridcolumn-content>.ep_list:before, #website-body .ep_gridcolumn.ep-m_catalogue[data-view480="5"].ep-layout_list>.ep_gridcolumn-content>.ep_list:before, #website-body .ep_gridcolumn.ep-m_catalogue[data-view480="4"].ep-layout_list>.ep_gridcolumn-content>.ep_list:before, #website-body .ep_gridcolumn.ep-m_catalogue[data-view480="4"].ep-layout_list>.ep_gridcolumn-content>.ep_list:before { position: absolute; display: block; left: auto; width: 100px; height: 2px; margin: 0 0 0 20px; padding: 0; background-color: #fff; transform: translate(0, -11px); -webkit-transform: translate(0, -11px); flex: 0 0 1px; -webkit-flex: 0 0 1px; content: ""; } #website-body .ep_gridcolumn.ep-m_catalogue[data-view480="7"].ep-layout_list>.ep_gridcolumn-content>.ep_list .ep_item:before, #website-body .ep_gridcolumn.ep-m_catalogue[data-view480="6"].ep-layout_list>.ep_gridcolumn-content>.ep_list .ep_item:before, #website-body .ep_gridcolumn.ep-m_catalogue[data-view480="5"].ep-layout_list>.ep_gridcolumn-content>.ep_list .ep_item:before, #website-body .ep_gridcolumn.ep-m_catalogue[data-view480="4"].ep-layout_list>.ep_gridcolumn-content>.ep_list .ep_item:before, #website-body .ep_gridcolumn.ep-m_catalogue[data-view480="4"].ep-layout_list>.ep_gridcolumn-content>.ep_list .ep_item:before { position: static; display: block !important; width: 100px; height: 0; margin: 0; padding: 0; border-top: 1px solid #d1d3d4; transform: translate(0, -10px); -webkit-transform: translate(0, -10px); flex: 0 0 1px; -webkit-flex: 0 0 1px; content: ""; } #website-body [class*="ep-o_"].ep-layout_greycolor .ep_gridcolumn.ep-m_catalogue[data-view480="7"].ep-layout_list>.ep_gridcolumn-content>.ep_list:before, #website-body [class*="ep-o_"].ep-layout_greygradient .ep_gridcolumn.ep-m_catalogue[data-view480="7"].ep-layout_list>.ep_gridcolumn-content>.ep_list:before, #website-body [class*="ep-o_"].ep-layout_greycolor .ep_gridcolumn.ep-m_catalogue[data-view480="6"].ep-layout_list>.ep_gridcolumn-content>.ep_list:before, #website-body [class*="ep-o_"].ep-layout_greygradient .ep_gridcolumn.ep-m_catalogue[data-view480="6"].ep-layout_list>.ep_gridcolumn-content>.ep_list:before, #website-body [class*="ep-o_"].ep-layout_greycolor .ep_gridcolumn.ep-m_catalogue[data-view480="5"].ep-layout_list>.ep_gridcolumn-content>.ep_list:before, #website-body [class*="ep-o_"].ep-layout_greygradient .ep_gridcolumn.ep-m_catalogue[data-view480="5"].ep-layout_list>.ep_gridcolumn-content>.ep_list:before, #website-body [class*="ep-o_"].ep-layout_greycolor .ep_gridcolumn.ep-m_catalogue[data-view480="4"].ep-layout_list>.ep_gridcolumn-content>.ep_list:before, #website-body [class*="ep-o_"].ep-layout_greygradient .ep_gridcolumn.ep-m_catalogue[data-view480="4"].ep-layout_list>.ep_gridcolumn-content>.ep_list:before { background-color: #f3f4f4; } } @media screen and (max-width:479px) { /* MOLECULE "CATALOGUE" : Correction du design des titres */ #website-body .ep_gridcolumn.ep-m_catalogue.ep-layout_list>.ep_gridcolumn-content>.ep_list .ep_item .ep_content .ep-a_heading.ep-layout_level2-large .ep_title .ep-p_text, #website-body .ep_gridcolumn.ep-m_catalogue.ep-layout_list>.ep_gridcolumn-content>.ep_list .ep_item .ep_content .ep-a_heading.ep-layout_level2 .ep_title .ep-p_text { font-size: 2em; } /* MOLECULE "CATALOGUE" : Mise a jour de l'affichage pour le visuel "un element par ligne" */ #website-body .ep_gridcolumn.ep-m_catalogue.ep-layout_list>.ep_gridcolumn-content>.ep_header .ep-a_heading>.ep_title .ep-p_text .ep_name { padding-left: 0; padding-right: 0; } #website-body .ep_gridcolumn.ep-m_catalogue.ep-layout_list>.ep_gridcolumn-content>.ep_header .ep-a_heading>.ep_title:after { display: block; } #website-body .ep_gridcolumn.ep-m_catalogue.ep-layout_list>.ep_gridcolumn-content { padding-top: 0; } #website-body .ep_gridcolumn.ep-m_catalogue.ep-layout_list>.ep_gridcolumn-content>.ep_list { padding-bottom: 0; padding-left: 0; padding-right: 0; } #website-body .ep_gridcolumn.ep-m_catalogue.ep-layout_list>.ep_gridcolumn-content>.ep_header, #website-body .ep_gridcolumn.ep-m_catalogue.ep-layout_list>.ep_gridcolumn-content>.ep_footer { margin-left: 20px; margin-right: 20px; } #website-body .ep_gridcolumn.ep-m_catalogue.ep-layout_list>.ep_gridcolumn-content>.ep_list .ep_item { width: 100%; } #website-body .ep_gridcolumn.ep-m_catalogue.ep-layout_list>.ep_gridcolumn-content>.ep_header .ep-a_heading>.ep_title:before, #website-body .ep_gridcolumn.ep-m_catalogue.ep-layout_list>.ep_gridcolumn-content>.ep_list:before, #website-body .ep_gridcolumn.ep-m_catalogue.ep-layout_list>.ep_gridcolumn-content>.ep_list:after, #website-body .ep_gridcolumn.ep-m_catalogue.ep-layout_list>.ep_gridcolumn-content>.ep_list .ep_item>div:before, #website-body .ep_gridcolumn.ep-m_catalogue.ep-layout_list>.ep_gridcolumn-content>.ep_list .ep_item>div:after { display: none; } #website-body .ep_gridcolumn.ep-m_catalogue.ep-layout_list>.ep_gridcolumn-content>.ep_list .ep_item>div { display: block; min-height: 83px; padding-left: 0; text-align: left; } #website-body .ep_gridcolumn.ep-m_catalogue.ep-layout_list>.ep_gridcolumn-content>.ep_list .ep_item .ep_content, #website-body .ep_gridcolumn.ep-m_catalogue.ep-layout_list>.ep_gridcolumn-content>.ep_list .ep_item .ep_footer { position: static; } #website-body .ep_gridcolumn.ep-m_catalogue.ep-layout_list>.ep_gridcolumn-content>.ep_list .ep_item .ep_footer { margin-top: 5px; } #website-body .ep_gridcolumn.ep-m_catalogue.ep-layout_list>.ep_gridcolumn-content>.ep_list .ep_item .ep_content .ep-a_heading .ep_subtitle .ep-p_text { margin-top: 2px; } #website-body .ep_gridcolumn.ep-m_catalogue.ep-layout_list>.ep_gridcolumn-content>.ep_list .ep_item .ep-a_heading:after, #website-body .ep_gridcolumn.ep-m_catalogue.ep-layout_list>.ep_gridcolumn-content>.ep_list .ep_item .ep-a_media:after { display: block; } #website-body .ep_gridcolumn.ep-m_catalogue.ep-layout_list>.ep_gridcolumn-content>.ep_list .ep_item a.ep_content:hover .ep-a_heading .ep_title .ep_name, #website-body .ep_gridcolumn.ep-m_catalogue.ep-layout_list>.ep_gridcolumn-content>.ep_list .ep_item a.ep_content:focus .ep-a_heading .ep_title .ep_name, #website-body .ep_gridcolumn.ep-m_catalogue.ep-layout_list>.ep_gridcolumn-content>.ep_list .ep_item a.ep_content:active .ep-a_heading .ep_title .ep_name { transform: translate(5px, 0); -webkit-transform: translate(5px, 0); } #website-body .ep_gridcolumn.ep-m_catalogue.ep-layout_list>.ep_gridcolumn-content>.ep_list~.ep_header { margin-top: -10px; } #website-body .ep_gridcolumn.ep-m_catalogue.ep-layout_list>.ep_gridcolumn-content>.ep_list .ep_item [class*="ep-a_"]:last-child:after { height: 40px; } /* MOLECULE "CATALOGUE" : Mise a jour de l'affichage pour le visuel "un element par ligne" (ajout de la ligne de separation) */ #website-body .ep_gridcolumn.ep-m_catalogue.ep-layout_list>.ep_gridcolumn-content>.ep_list:before { position: absolute; display: block; left: auto !important; width: 100px !important; height: 2px; margin: 0 0 0 20px; padding: 0; background-color: #fff; transform: translate(0, -21px); -webkit-transform: translate(0, -21px); flex: 0 0 1px; -webkit-flex: 0 0 1px; content: ""; } #website-body .ep_gridcolumn.ep-m_catalogue.ep-layout_list>.ep_gridcolumn-content>.ep_list .ep_item:before { position: static; display: block !important; width: 100px; height: 0; margin: 0; padding: 0; border-top: 1px solid #d1d3d4; transform: translate(0, -20px); -webkit-transform: translate(0, -20px); flex: 0 0 1px; -webkit-flex: 0 0 1px; content: ""; } #website-body [class*="ep-o_"].ep-layout_greycolor .ep_gridcolumn.ep-m_catalogue.ep-layout_list>.ep_gridcolumn-content>.ep_list:before, #website-body [class*="ep-o_"].ep-layout_greygradient .ep_gridcolumn.ep-m_catalogue.ep-layout_list>.ep_gridcolumn-content>.ep_list:before { background-color: #f3f4f4; } } /* ========================================================================================================================================================================== */ /* == SLIDESHOW ================== [MOLECULE] ========= ep-m_slideshow ====================================================================================================== */ /* ========================================================================================================================================================================== */ /* Description : Molecule a utiliser pour l'affichage d'un diaporama d'image (plusieur modes d'affichage disponibles) */ /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* MOLECULE "SLIDESHOW" : Structure generale */ /* MOLECULE "SLIDESHOW" : Couleur de fond et bordure */ #website-body .ep_gridcolumn.ep-m_slideshow>.ep_gridcolumn-content { margin-left: 10px; margin-right: 10px; padding-top: 1px; padding-bottom: 0; padding-left: 0 !important; padding-right: 0 !important; flex: 0 0 auto !important; -webkit-flex: 0 0 auto !important; background-color: #000; border: 1px solid #000; } #website-body .ep_gridcolumn.ep-m_slideshow:after { height: 30px; } /* MOLECULE "SLIDESHOW" : Correction des marges */ #website-body .ep_gridcolumn.ep-m_slideshow>.ep_gridcolumn-content .ep-a_media:after { display: none; } /* MOLECULE "SLIDESHOW" : Initialisation des elements */ #website-body .ep_gridcolumn.ep-m_slideshow>.ep_gridcolumn-content .ep_monitor, #website-body .ep_gridcolumn.ep-m_slideshow>.ep_gridcolumn-content .ep_item, #website-body .ep_gridcolumn.ep-m_slideshow>.ep_gridcolumn-content .ep_dimension, #website-body .ep_gridcolumn.ep-m_slideshow>.ep_gridcolumn-content .ep_content, #website-body .ep_gridcolumn.ep-m_slideshow>.ep_gridcolumn-content .ep_picture, #website-body .ep_gridcolumn.ep-m_slideshow>.ep_gridcolumn-content .ep_controls { position: static; display: block; width: auto; margin: 0; padding: 0; font-size: 1em; color: #fff; } /* MOLECULE "SLIDESHOW" : Affichage des informations via un bouton d'action */ #website-body .ep_gridcolumn.ep-m_slideshow:not(.ep-layout_mozaic)>.ep_gridcolumn-content .ep-a_media { position: relative; } #website-body .ep_gridcolumn.ep-m_slideshow:not(.ep-layout_mozaic)>.ep_gridcolumn-content .ep-a_media .ep_text { position: absolute; bottom: -1px; left: 0; width: auto; max-width: 100%; min-height: 40px; margin: 0 0 0 40px; padding: 0; background-color: rgba(0, 0, 0, 0.7); text-align: left; } #website-body .ep_gridcolumn.ep-m_slideshow:not(.ep-layout_mozaic)>.ep_gridcolumn-content .ep-a_media figure[aria-expanded="false"] .ep_text { max-width: calc(100% - 115px); } #website-body .ep_gridcolumn.ep-m_slideshow:not(.ep-layout_mozaic)>.ep_gridcolumn-content .ep-a_media figure[aria-expanded="true"] .ep_text { bottom: 75px; } #website-body .ep_gridcolumn.ep-m_slideshow:not(.ep-layout_mozaic)>.ep_gridcolumn-content .ep-a_media .ep_text:before { position: absolute; display: block; bottom: 0; left: -40px; width: 40px; height: 40px; background-color: #000; cursor: pointer; content: ""; } #website-body .ep_gridcolumn.ep-m_slideshow:not(.ep-layout_mozaic)>.ep_gridcolumn-content .ep-a_media .ep_text:after { position: absolute; display: block; bottom: 10px; left: -40px; width: 9px; height: 21px; margin: 0 0 0 14px; background-image: url(../img/icons.svg); background-position: -76px -139px; background-repeat: no-repeat; cursor: pointer; content: ""; } #website-body .ep_gridcolumn.ep-m_slideshow:not(.ep-layout_mozaic)>.ep_gridcolumn-content .ep-a_media .ep_text .ep-p_text { display: block; overflow: hidden; width: 0; margin: 5px 0; box-sizing: border-box; font-size: 1.4em; color: #fff; } #website-body .ep_gridcolumn.ep-m_slideshow:not(.ep-layout_mozaic)>.ep_gridcolumn-content .ep-a_media .ep_text:hover:before, #website-body .ep_gridcolumn.ep-m_slideshow:not(.ep-layout_mozaic)>.ep_gridcolumn-content .ep-a_media .ep_text:focus:before, #website-body .ep_gridcolumn.ep-m_slideshow:not(.ep-layout_mozaic)>.ep_gridcolumn-content .ep-a_media .ep_text:active:before { background-color: #3c77bd; } #website-body .ep_gridcolumn.ep-m_slideshow:not(.ep-layout_mozaic)>.ep_gridcolumn-content .ep-a_media .ep_text:focus .ep-p_text, #website-body .ep_gridcolumn.ep-m_slideshow:not(.ep-layout_mozaic)>.ep_gridcolumn-content .ep-a_media .ep_text[aria-expanded="true"] .ep-p_text { width: auto; padding: 0 10px; } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* MOLECULE "SLIDESHOW" : Pied du composant */ /* MOLECULE "SLIDESHOW" : Load more */ #website-body .ep_gridcolumn.ep-m_slideshow>.ep_gridcolumn-content .ep_footer .ep-a_loadmore:before { border-color: transparent; } #website-body .ep_gridcolumn.ep-m_slideshow>.ep_gridcolumn-content .ep_footer .ep-a_loadmore:after { width: auto; margin: -22px -1px -1px -1px; background-color: #fff; opacity: 1; } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* MOLECULE "SLIDESHOW" : Panneau de controle */ /* MOLECULE "SLIDESHOW" : Structure */ #website-body .ep_gridcolumn.ep-m_slideshow>.ep_gridcolumn-content .ep_controls { letter-spacing: -0.3em; white-space: nowrap; } #website-body .ep_gridcolumn.ep-m_slideshow>.ep_gridcolumn-content .ep_controls .ep_counter, #website-body .ep_gridcolumn.ep-m_slideshow>.ep_gridcolumn-content .ep_controls .ep_menu, #website-body .ep_gridcolumn.ep-m_slideshow>.ep_gridcolumn-content .ep_controls:before { position: static; display: inline-block; vertical-align: middle; } #website-body .ep_gridcolumn.ep-m_slideshow>.ep_gridcolumn-content .ep_controls:before { width: 0; height: 65px; content: ""; } #website-body .ep_gridcolumn.ep-m_slideshow>.ep_gridcolumn-content .ep_controls .ep_counter { width: 0; transform: translate(30px, 0); -webkit-transform: translate(30px, 0); } /* MOLECULE "SLIDESHOW" : Compteur */ #website-body .ep_gridcolumn.ep-m_slideshow>.ep_gridcolumn-content .ep_controls .ep_counter .ep-p_text { max-width: 2000px; font-size: 1.4em; } #website-body .ep_gridcolumn.ep-m_slideshow>.ep_gridcolumn-content .ep_controls .ep_counter .ep-p_text .ep_name { max-width: 2000px; white-space: nowrap; } /* MOLECULE "SLIDESHOW" : Menu (structure) */ #website-body .ep_gridcolumn.ep-m_slideshow>.ep_gridcolumn-content .ep_controls .ep_menu { width: 100%; text-align: center; } #website-body .ep_gridcolumn.ep-m_slideshow>.ep_gridcolumn-content .ep_controls .ep_menu ul { position: static; display: block; display: flex; display: -webkit-flex; width: 185px; margin: 0 auto; padding: 0; flex-direction: row; -webkit-flex-direction: row; justify-content: space-between; -webkit-justify-content: space-between; } #website-body .ep_gridcolumn.ep-m_slideshow>.ep_gridcolumn-content .ep_controls .ep_menu ul li { position: static; display: inline-block; overflow: hidden; margin: 0; vertical-align: middle; } #website-body .ep_gridcolumn.ep-m_slideshow>.ep_gridcolumn-content .ep_controls .ep_menu ul li .ep-p_text.ep-layout_button { vertical-align: middle; } #website-body .ep_gridcolumn.ep-m_slideshow>.ep_gridcolumn-content .ep_controls .ep_menu ul li .ep-p_text.ep-layout_button .ep_name { position: absolute; display: block; width: 0; height: 0; vertical-align: middle; } /* MOLECULE "SLIDESHOW" : Menu (icones) */ #website-body .ep_gridcolumn.ep-m_slideshow>.ep_gridcolumn-content .ep_controls .ep_menu ul li .ep-p_text.ep-layout_button .ep_icon { position: static; display: inline-block; overflow: hidden; width: 35px; height: 35px; box-sizing: border-box; background-color: #000; border: 2px solid #fff; border-radius: 5px; vertical-align: middle; } #website-body .ep_gridcolumn.ep-m_slideshow>.ep_gridcolumn-content .ep_controls .ep_menu ul li .ep-p_text.ep-layout_button .ep_icon:before { display: inline-block; width: 0; height: 31px; } #website-body .ep_gridcolumn.ep-m_slideshow>.ep_gridcolumn-content .ep_controls .ep_menu ul li .ep-p_text.ep-layout_button .ep_icon:after { display: inline-block; } /* MOLECULE "SLIDESHOW" : Menu (effet de survol) */ #website-body .ep_gridcolumn.ep-m_slideshow>.ep_gridcolumn-content .ep_controls .ep_menu ul li a.ep-p_text.ep-layout_button:link .ep_icon, #website-body .ep_gridcolumn.ep-m_slideshow>.ep_gridcolumn-content .ep_controls .ep_menu ul li a.ep-p_text.ep-layout_button:visited .ep_icon { background-color: #000; } #website-body .ep_gridcolumn.ep-m_slideshow>.ep_gridcolumn-content .ep_controls .ep_menu ul li a.ep-p_text.ep-layout_button:hover .ep_icon, #website-body .ep_gridcolumn.ep-m_slideshow>.ep_gridcolumn-content .ep_controls .ep_menu ul li a.ep-p_text.ep-layout_button:focus .ep_icon, #website-body .ep_gridcolumn.ep-m_slideshow>.ep_gridcolumn-content .ep_controls .ep_menu ul li a.ep-p_text.ep-layout_button:active .ep_icon { background-color: #3c77bd; } /* MOLECULE "SLIDESHOW" : Menu (type d'icone) */ #website-body .ep_gridcolumn.ep-m_slideshow>.ep_gridcolumn-content .ep_controls .ep_menu ul li.ep_previous .ep-p_text.ep-layout_button .ep_icon:after, #website-body .ep_gridcolumn.ep-m_slideshow>.ep_gridcolumn-content .ep_controls .ep_menu ul li.ep_next .ep-p_text.ep-layout_button .ep_icon:after { width: 11px; height: 8px; background-position: -97px -42px; } #website-body .ep_gridcolumn.ep-m_slideshow>.ep_gridcolumn-content .ep_controls .ep_menu ul li.ep_previous .ep-p_text.ep-layout_button .ep_icon:after { transform: scale(1.8) rotate(180deg); -webkit-transform: scale(1.8) rotate(180deg); } #website-body .ep_gridcolumn.ep-m_slideshow>.ep_gridcolumn-content .ep_controls .ep_menu ul li.ep_next .ep-p_text.ep-layout_button .ep_icon:after { transform: scale(1.8) translate(0, 1px); -webkit-transform: scale(1.8) translate(0, 1px); } #website-body .ep_gridcolumn.ep-m_slideshow>.ep_gridcolumn-content .ep_controls .ep_menu ul li.ep_list .ep-p_text.ep-layout_button .ep_icon:after, #website-body .ep_gridcolumn.ep-m_slideshow>.ep_gridcolumn-content .ep_controls .ep_menu ul li.ep_mozaic .ep-p_text.ep-layout_button .ep_icon:after { width: 19px; height: 19px; } #website-body .ep_gridcolumn.ep-m_slideshow>.ep_gridcolumn-content .ep_controls .ep_menu ul li.ep_list .ep-p_text.ep-layout_button .ep_icon:after { background-position: -52px -207px; } #website-body .ep_gridcolumn.ep-m_slideshow>.ep_gridcolumn-content .ep_controls .ep_menu ul li.ep_mozaic .ep-p_text.ep-layout_button .ep_icon:after { background-position: -71px -207px; } /* MOLECULE "SLIDESHOW" : Menu (icone de navigation non accessible) */ #website-body .ep_gridcolumn.ep-m_slideshow>.ep_gridcolumn-content .ep_controls .ep_menu ul li.ep_next:first-child:before, #website-body .ep_gridcolumn.ep-m_slideshow>.ep_gridcolumn-content .ep_controls .ep_menu ul li.ep_next:first-child:after, #website-body .ep_gridcolumn.ep-m_slideshow>.ep_gridcolumn-content .ep_controls .ep_menu ul li.ep_previous[aria-hidden="true"] li.ep_next:first-child:after, #website-body .ep_gridcolumn.ep-m_slideshow>.ep_gridcolumn-content .ep_controls .ep_menu ul li.ep_previous+li.ep_mode:before, #website-body .ep_gridcolumn.ep-m_slideshow>.ep_gridcolumn-content .ep_controls .ep_menu ul li.ep_previous+li.ep_mode:after, #website-body .ep_gridcolumn.ep-m_slideshow>.ep_gridcolumn-content .ep_controls .ep_menu ul li.ep_mode:first-child:before, #website-body .ep_gridcolumn.ep-m_slideshow>.ep_gridcolumn-content .ep_controls .ep_menu ul li.ep_mode:first-child:after, #website-body .ep_gridcolumn.ep-m_slideshow>.ep_gridcolumn-content .ep_controls .ep_menu ul li.ep_mode:first-child+li.ep_mode:before, #website-body .ep_gridcolumn.ep-m_slideshow>.ep_gridcolumn-content .ep_controls .ep_menu ul li.ep_mode:first-child+li.ep_mode:after { position: static; display: inline-block; overflow: hidden; box-sizing: border-box; opacity: 0.4; vertical-align: middle; content: ""; } #website-body .ep_gridcolumn.ep-m_slideshow>.ep_gridcolumn-content .ep_controls .ep_menu ul li.ep_next:first-child:before, #website-body .ep_gridcolumn.ep-m_slideshow>.ep_gridcolumn-content .ep_controls .ep_menu ul li.ep_previous+li.ep_mode:before, #website-body .ep_gridcolumn.ep-m_slideshow>.ep_gridcolumn-content .ep_controls .ep_menu ul li.ep_mode:first-child:before, #website-body .ep_gridcolumn.ep-m_slideshow>.ep_gridcolumn-content .ep_controls .ep_menu ul li.ep_mode:first-child+li.ep_mode:before { width: 35px; height: 35px; margin-right: 15px; background-color: #000; border: 2px solid #fff; border-radius: 5px; } #website-body .ep_gridcolumn.ep-m_slideshow>.ep_gridcolumn-content .ep_controls .ep_menu ul li.ep_next:first-child:after, #website-body .ep_gridcolumn.ep-m_slideshow>.ep_gridcolumn-content .ep_controls .ep_menu ul li.ep_previous+li.ep_mode:after, #website-body .ep_gridcolumn.ep-m_slideshow>.ep_gridcolumn-content .ep_controls .ep_menu ul li.ep_mode:first-child:after, #website-body .ep_gridcolumn.ep-m_slideshow>.ep_gridcolumn-content .ep_controls .ep_menu ul li.ep_mode:first-child+li.ep_mode:after { position: absolute; width: 11px; height: 8px; background-image: url(../img/icons.svg); background-position: -97px -42px; background-repeat: no-repeat; } #website-body .ep_gridcolumn.ep-m_slideshow>.ep_gridcolumn-content .ep_controls .ep_menu ul li.ep_next:first-child:after, #website-body .ep_gridcolumn.ep-m_slideshow>.ep_gridcolumn-content .ep_controls .ep_menu ul li.ep_mode:first-child:after { margin-top: 13px; margin-left: -73px; transform: scale(1.8) rotate(180deg); -webkit-transform: scale(1.8) rotate(180deg); } #website-body .ep_gridcolumn.ep-m_slideshow>.ep_gridcolumn-content .ep_controls .ep_menu ul li.ep_previous+li.ep_mode:after, #website-body .ep_gridcolumn.ep-m_slideshow>.ep_gridcolumn-content .ep_controls .ep_menu ul li.ep_mode:first-child+li.ep_mode:after { margin-top: 13px; margin-left: -73px; transform: scale(1.8) translate(0, 1px); -webkit-transform: scale(1.8) translate(0, 1px); } #website-body .ep_gridcolumn.ep-m_slideshow>.ep_gridcolumn-content .ep_controls .ep_menu ul li.ep_mode:first-child:before, #website-body .ep_gridcolumn.ep-m_slideshow>.ep_gridcolumn-content .ep_controls .ep_menu ul li.ep_mode:first-child:after, #website-body .ep_gridcolumn.ep-m_slideshow>.ep_gridcolumn-content .ep_controls .ep_menu ul li.ep_mode:first-child:before, #website-body .ep_gridcolumn.ep-m_slideshow>.ep_gridcolumn-content .ep_controls .ep_menu ul li.ep_mode:first-child:after, #website-body .ep_gridcolumn.ep-m_slideshow>.ep_gridcolumn-content .ep_controls .ep_menu ul li.ep_mode:first-child+li.ep_mode:before, #website-body .ep_gridcolumn.ep-m_slideshow>.ep_gridcolumn-content .ep_controls .ep_menu ul li.ep_mode:first-child+li.ep_mode:after, #website-body .ep_gridcolumn.ep-m_slideshow>.ep_gridcolumn-content .ep_controls .ep_menu ul li.ep_mode:first-child+li.ep_mode:before, #website-body .ep_gridcolumn.ep-m_slideshow>.ep_gridcolumn-content .ep_controls .ep_menu ul li.ep_mode:first-child+li.ep_mode:after { display: none; } /* MOLECULE "SLIDESHOW" : Menu (icone selectionnee) */ #website-body .ep_gridcolumn.ep-m_slideshow>.ep_gridcolumn-content .ep_controls .ep_menu ul li .ep-p_text.ep-layout_button[aria-selected="true"] .ep_icon, #website-body .ep_gridcolumn.ep-m_slideshow>.ep_gridcolumn-content .ep_controls .ep_menu ul li a.ep-p_text.ep-layout_button[aria-selected="true"]:link .ep_icon, #website-body .ep_gridcolumn.ep-m_slideshow>.ep_gridcolumn-content .ep_controls .ep_menu ul li a.ep-p_text.ep-layout_button[aria-selected="true"]:visited .ep_icon { background-color: #fff; } #website-body .ep_gridcolumn.ep-m_slideshow>.ep_gridcolumn-content .ep_controls .ep_menu ul li a.ep-p_text.ep-layout_button[aria-selected="true"]:hover .ep_icon, #website-body .ep_gridcolumn.ep-m_slideshow>.ep_gridcolumn-content .ep_controls .ep_menu ul li a.ep-p_text.ep-layout_button[aria-selected="true"]:focus .ep_icon, #website-body .ep_gridcolumn.ep-m_slideshow>.ep_gridcolumn-content .ep_controls .ep_menu ul li a.ep-p_text.ep-layout_button[aria-selected="true"]:active .ep_icon { background-color: #3c77bd; } #website-body .ep_gridcolumn.ep-m_slideshow>.ep_gridcolumn-content .ep_controls .ep_menu ul li.ep_list .ep-p_text.ep-layout_button[aria-selected="true"] .ep_icon:after, #website-body .ep_gridcolumn.ep-m_slideshow>.ep_gridcolumn-content .ep_controls .ep_menu ul li.ep_list a.ep-p_text.ep-layout_button[aria-selected="true"]:link .ep_icon:after, #website-body .ep_gridcolumn.ep-m_slideshow>.ep_gridcolumn-content .ep_controls .ep_menu ul li.ep_list a.ep-p_text.ep-layout_button[aria-selected="true"]:visited .ep_icon:after { background-position: -52px -188px; } #website-body .ep_gridcolumn.ep-m_slideshow>.ep_gridcolumn-content .ep_controls .ep_menu ul li.ep_mozaic a.ep-p_text.ep-layout_button[aria-selected="true"] .ep_icon:after, #website-body .ep_gridcolumn.ep-m_slideshow>.ep_gridcolumn-content .ep_controls .ep_menu ul li.ep_mozaic a.ep-p_text.ep-layout_button[aria-selected="true"]:link .ep_icon:after, #website-body .ep_gridcolumn.ep-m_slideshow>.ep_gridcolumn-content .ep_controls .ep_menu ul li.ep_mozaic a.ep-p_text.ep-layout_button[aria-selected="true"]:visited .ep_icon:after { background-position: -71px -188px; } #website-body .ep_gridcolumn.ep-m_slideshow>.ep_gridcolumn-content .ep_controls .ep_menu ul li.ep_list .ep-p_text.ep-layout_button[aria-selected="true"]:hover .ep_icon:after, #website-body .ep_gridcolumn.ep-m_slideshow>.ep_gridcolumn-content .ep_controls .ep_menu ul li.ep_list a.ep-p_text.ep-layout_button[aria-selected="true"]:focus .ep_icon:after, #website-body .ep_gridcolumn.ep-m_slideshow>.ep_gridcolumn-content .ep_controls .ep_menu ul li.ep_list a.ep-p_text.ep-layout_button[aria-selected="true"]:active .ep_icon:after { background-position: -52px -207px; } #website-body .ep_gridcolumn.ep-m_slideshow>.ep_gridcolumn-content .ep_controls .ep_menu ul li.ep_mozaic a.ep-p_text.ep-layout_button[aria-selected="true"]:hover .ep_icon:after, #website-body .ep_gridcolumn.ep-m_slideshow>.ep_gridcolumn-content .ep_controls .ep_menu ul li.ep_mozaic a.ep-p_text.ep-layout_button[aria-selected="true"]:focus .ep_icon:after, #website-body .ep_gridcolumn.ep-m_slideshow>.ep_gridcolumn-content .ep_controls .ep_menu ul li.ep_mozaic a.ep-p_text.ep-layout_button[aria-selected="true"]:active .ep_icon:after { background-position: -71px -207px; } /* MOLECULE "SLIDESHOW" : Menu (orientation des fleches selon le mode) */ #website-body .ep_gridcolumn.ep-m_slideshow.ep-layout_picture>.ep_gridcolumn-content .ep_controls .ep_menu ul li.ep_previous .ep_icon, #website-body .ep_gridcolumn.ep-m_slideshow.ep-layout_picture>.ep_gridcolumn-content .ep_controls .ep_menu ul li.ep_next .ep_icon, #website-body .ep_gridcolumn.ep-m_slideshow.ep-layout_mozaic>.ep_gridcolumn-content .ep_controls .ep_menu ul li.ep_previous .ep_icon, #website-body .ep_gridcolumn.ep-m_slideshow.ep-layout_mozaic>.ep_gridcolumn-content .ep_controls .ep_menu ul li.ep_next .ep_icon { transform: rotate(-90deg); -webkit-transform: rotate(-90deg); } #website-body .ep_gridcolumn.ep-m_slideshow.ep-layout_picture>.ep_gridcolumn-content .ep_controls .ep_menu ul li.ep_next:first-child:after, #website-body .ep_gridcolumn.ep-m_slideshow.ep-layout_mozaic>.ep_gridcolumn-content .ep_controls .ep_menu ul li.ep_next:first-child:after, #website-body .ep_gridcolumn.ep-m_slideshow.ep-layout_picture>.ep_gridcolumn-content .ep_controls .ep_menu ul li.ep_mode:first-child:after, #website-body .ep_gridcolumn.ep-m_slideshow.ep-layout_mozaic>.ep_gridcolumn-content .ep_controls .ep_menu ul li.ep_mode:first-child:after { transform: scale(1.8) rotate(90deg) translate(0, 1px); -webkit-transform: scale(1.8) rotate(90deg) translate(0, 1px); } #website-body .ep_gridcolumn.ep-m_slideshow.ep-layout_picture>.ep_gridcolumn-content .ep_controls .ep_menu ul li.ep_previous+li.ep_mode:after, #website-body .ep_gridcolumn.ep-m_slideshow.ep-layout_mozaic>.ep_gridcolumn-content .ep_controls .ep_menu ul li.ep_previous+li.ep_mode:after, #website-body .ep_gridcolumn.ep-m_slideshow.ep-layout_picture>.ep_gridcolumn-content .ep_controls .ep_menu ul li.ep_mode:first-child+li.ep_mode:after, #website-body .ep_gridcolumn.ep-m_slideshow.ep-layout_mozaic>.ep_gridcolumn-content .ep_controls .ep_menu ul li.ep_mode:first-child+li.ep_mode:after { transform: scale(1.8) rotate(-90deg); -webkit-transform: scale(1.8) rotate(-90deg); } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* MOLECULE "SLIDESHOW" : Affichage en mosaique */ /* MOLECULE "SLIDESHOW" : Adaptation du panneau de controle (redimensionnement du menu a 2 boutons) */ #website-body .ep_gridcolumn.ep-m_slideshow.ep-layout_mozaic:not([data-converted])>.ep_gridcolumn-content .ep_controls .ep_menu { display: none; } #website-body .ep_gridcolumn.ep-m_slideshow.ep-layout_mozaic[data-converted]>.ep_gridcolumn-content .ep_controls .ep_menu ul li.ep_mode:first-child:before, #website-body .ep_gridcolumn.ep-m_slideshow.ep-layout_mozaic[data-converted]>.ep_gridcolumn-content .ep_controls .ep_menu ul li.ep_mode:first-child:before, #website-body .ep_gridcolumn.ep-m_slideshow.ep-layout_mozaic[data-converted]>.ep_gridcolumn-content .ep_controls .ep_menu ul li.ep_mode:first-child+li.ep_mode:before, #website-body .ep_gridcolumn.ep-m_slideshow.ep-layout_mozaic[data-converted]>.ep_gridcolumn-content .ep_controls .ep_menu ul li.ep_mode:first-child+li.ep_mode:before, #website-body .ep_gridcolumn.ep-m_slideshow.ep-layout_mozaic[data-converted]>.ep_gridcolumn-content .ep_controls .ep_menu ul li.ep_mode:first-child:after, #website-body .ep_gridcolumn.ep-m_slideshow.ep-layout_mozaic[data-converted]>.ep_gridcolumn-content .ep_controls .ep_menu ul li.ep_mode:first-child:after, #website-body .ep_gridcolumn.ep-m_slideshow.ep-layout_mozaic[data-converted]>.ep_gridcolumn-content .ep_controls .ep_menu ul li.ep_mode:first-child+li.ep_mode:after, #website-body .ep_gridcolumn.ep-m_slideshow.ep-layout_mozaic[data-converted]>.ep_gridcolumn-content .ep_controls .ep_menu ul li.ep_mode:first-child+li.ep_mode:after { display: inline-block; } #website-body .ep_gridcolumn.ep-m_slideshow.ep-layout_mozaic[data-converted]>.ep_gridcolumn-content .ep_controls .ep_menu ul li.ep_mode, #website-body .ep_gridcolumn.ep-m_slideshow.ep-layout_mozaic[data-converted]>.ep_gridcolumn-content .ep_controls .ep_menu ul li.ep_mode, #website-body .ep_gridcolumn.ep-m_slideshow.ep-layout_mozaic[data-converted]>.ep_gridcolumn-content .ep_controls .ep_menu ul li.ep_mode, #website-body .ep_gridcolumn.ep-m_slideshow.ep-layout_mozaic[data-converted]>.ep_gridcolumn-content .ep_controls .ep_menu ul li.ep_mode { overflow: visible; } #website-body .ep_gridcolumn.ep-m_slideshow.ep-layout_mozaic[data-converted]>.ep_gridcolumn-content .ep_controls .ep_menu ul li.ep_mode:first-child .ep-p_text, #website-body .ep_gridcolumn.ep-m_slideshow.ep-layout_mozaic[data-converted]>.ep_gridcolumn-content .ep_controls .ep_menu ul li.ep_mode:first-child .ep-p_text, #website-body .ep_gridcolumn.ep-m_slideshow.ep-layout_mozaic[data-converted]>.ep_gridcolumn-content .ep_controls .ep_menu ul li.ep_mode:first-child .ep-p_text, #website-body .ep_gridcolumn.ep-m_slideshow.ep-layout_mozaic[data-converted]>.ep_gridcolumn-content .ep_controls .ep_menu ul li.ep_mode:first-child .ep-p_text { transform: translate(50px, 0); -webkit-transform: translate(50px, 0); } #website-body .ep_gridcolumn.ep-m_slideshow.ep-layout_mozaic[data-converted]>.ep_gridcolumn-content .ep_controls .ep_menu ul li.ep_mode:first-child+li.ep_mode:before, #website-body .ep_gridcolumn.ep-m_slideshow.ep-layout_mozaic[data-converted]>.ep_gridcolumn-content .ep_controls .ep_menu ul li.ep_mode:first-child+li.ep_mode:before, #website-body .ep_gridcolumn.ep-m_slideshow.ep-layout_mozaic[data-converted]>.ep_gridcolumn-content .ep_controls .ep_menu ul li.ep_mode:first-child+li.ep_mode:before, #website-body .ep_gridcolumn.ep-m_slideshow.ep-layout_mozaic[data-converted]>.ep_gridcolumn-content .ep_controls .ep_menu ul li.ep_mode:first-child+li.ep_mode:before { transform: translate(-50px, 0); -webkit-transform: translate(-50px, 0); } #website-body .ep_gridcolumn.ep-m_slideshow.ep-layout_mozaic[data-converted]>.ep_gridcolumn-content .ep_controls .ep_menu ul li.ep_mode:first-child+li.ep_mode:after, #website-body .ep_gridcolumn.ep-m_slideshow.ep-layout_mozaic[data-converted]>.ep_gridcolumn-content .ep_controls .ep_menu ul li.ep_mode:first-child+li.ep_mode:after, #website-body .ep_gridcolumn.ep-m_slideshow.ep-layout_mozaic[data-converted]>.ep_gridcolumn-content .ep_controls .ep_menu ul li.ep_mode:first-child+li.ep_mode:after, #website-body .ep_gridcolumn.ep-m_slideshow.ep-layout_mozaic[data-converted]>.ep_gridcolumn-content .ep_controls .ep_menu ul li.ep_mode:first-child+li.ep_mode:after { transform: scale(1.8) rotate(-90deg) translate(0, -28px); -webkit-transform: scale(1.8) rotate(-90deg) translate(0, -28px); } /* MOLECULE "SLIDESHOW" : Affichage de la mosaique */ #website-body .ep_gridcolumn.ep-m_slideshow.ep-layout_mozaic>.ep_gridcolumn-content .ep_monitor { position: relative; overflow: hidden; } #website-body .ep_gridcolumn.ep-m_slideshow.ep-layout_mozaic>.ep_gridcolumn-content .ep_dimension { display: inline-block; width: 100%; height: auto; } #website-body .ep_gridcolumn.ep-m_slideshow.ep-layout_mozaic>.ep_gridcolumn-content .ep_content { position: absolute; display: block; display: flex; display: -webkit-flex; overflow-x: hidden; overflow-y: auto; top: 0; bottom: 0; left: 0; right: 0; max-width: 100%; padding: 0 8px; box-sizing: border-box; flex-direction: column; -webkit-flex-direction: column; justify-content: center; align-items: center; -webkit-justify-content: center; -webkit-align-items: center; text-align: center; } #website-body .ep_gridcolumn.ep-m_slideshow.ep-layout_mozaic>.ep_gridcolumn-content .ep_content>ol, #website-body .ep_gridcolumn.ep-m_slideshow.ep-layout_mozaic>.ep_gridcolumn-content .ep_content>ul, #website-body .ep_gridcolumn.ep-m_slideshow.ep-layout_mozaic>.ep_gridcolumn-content .ep_content>div { position: static; display: inline-block; max-width: 624px; max-height: 100%; margin: 0; padding: 8px 0; box-sizing: border-box; flex: 0 1 100px; -webkit-flex: 0 1 100px; letter-spacing: -0.3em; white-space: normal; text-align: left; } #website-body .ep_gridcolumn.ep-m_slideshow.ep-layout_mozaic>.ep_gridcolumn-content .ep_content .ep_item { display: inline-block; width: 104px; height: 104px; padding: 2px; box-sizing: border-box; } #website-body .ep_gridcolumn.ep-m_slideshow.ep-layout_mozaic>.ep_gridcolumn-content .ep_content .ep_item .ep-a_media { margin: 0; } #website-body .ep_gridcolumn.ep-m_slideshow.ep-layout_mozaic>.ep_gridcolumn-content .ep_content .ep_item .ep-p_image .ep_image img { max-width: 100px; } #website-body .ep_gridcolumn.ep-m_slideshow.ep-layout_mozaic>.ep_gridcolumn-content .ep_content .ep_item .ep-p_image .ep_image .ep_square { background-position: center; } #website-body .ep_gridcolumn.ep-m_slideshow.ep-layout_mozaic>.ep_gridcolumn-content .ep_content .ep_item .ep-p_image .ep_image .ep_icon { display: block; top: -4px; bottom: -4px; left: -4px; right: -4px; border: 4px solid transparent; } #website-body .ep_gridcolumn.ep-m_slideshow.ep-layout_mozaic>.ep_gridcolumn-content .ep_content .ep_item a.ep_media .ep-p_image .ep_image span, #website-body .ep_gridcolumn.ep-m_slideshow.ep-layout_mozaic>.ep_gridcolumn-content .ep_content .ep_item a.ep_media:link .ep-p_image .ep_image span, #website-body .ep_gridcolumn.ep-m_slideshow.ep-layout_mozaic>.ep_gridcolumn-content .ep_content .ep_item a.ep_media:visited .ep-p_image .ep_image span { background-size: 160%; border-color: transparent; } #website-body .ep_gridcolumn.ep-m_slideshow.ep-layout_mozaic>.ep_gridcolumn-content .ep_content .ep_item a.ep_media:hover .ep-p_image .ep_image span, #website-body .ep_gridcolumn.ep-m_slideshow.ep-layout_mozaic>.ep_gridcolumn-content .ep_content .ep_item a.ep_media:focus .ep-p_image .ep_image span, #website-body .ep_gridcolumn.ep-m_slideshow.ep-layout_mozaic>.ep_gridcolumn-content .ep_content .ep_item a.ep_media:active .ep-p_image .ep_image span { background-size: 190%; border-color: #3c77bd; } /* MOLECULE "SLIDESHOW" : Correction des marges si le JavaScript est actif */ body[data-jsactive] #website-body .ep_gridcolumn.ep-m_slideshow.ep-layout_mozaic[data-converted]>.ep_gridcolumn-content .ep_content { overflow: hidden; padding: 2px; } body[data-jsactive] #website-body .ep_gridcolumn.ep-m_slideshow.ep-layout_mozaic[data-converted]>.ep_gridcolumn-content .ep_content>ol, body[data-jsactive] #website-body .ep_gridcolumn.ep-m_slideshow.ep-layout_mozaic[data-converted]>.ep_gridcolumn-content .ep_content>ul, body[data-jsactive] #website-body .ep_gridcolumn.ep-m_slideshow.ep-layout_mozaic[data-converted]>.ep_gridcolumn-content .ep_content>div { padding-top: 0; padding-bottom: 0; } /* MOLECULE "SLIDESHOW" : Etirement de la liste selon l'espace */ @media screen and (min-width:1200px) { /* MOLECULE "SLIDESHOW" : Affichage sur 7 colonnes */ #website-body .ep_gridcolumn.ep-m_slideshow.ep-layout_mozaic[data-view1200="12"]>.ep_gridcolumn-content .ep_content>ol, #website-body .ep_gridcolumn.ep-m_slideshow.ep-layout_mozaic[data-view1200="12"]>.ep_gridcolumn-content .ep_content>ul, #website-body .ep_gridcolumn.ep-m_slideshow.ep-layout_mozaic[data-view1200="12"]>.ep_gridcolumn-content .ep_content>div, #website-body .ep_gridcolumn.ep-m_slideshow.ep-layout_mozaic[data-view1200="11"]>.ep_gridcolumn-content .ep_content>ol, #website-body .ep_gridcolumn.ep-m_slideshow.ep-layout_mozaic[data-view1200="11"]>.ep_gridcolumn-content .ep_content>ul, #website-body .ep_gridcolumn.ep-m_slideshow.ep-layout_mozaic[data-view1200="11"]>.ep_gridcolumn-content .ep_content>div, #website-body .ep_gridcolumn.ep-m_slideshow.ep-layout_mozaic[data-view1200="10"]>.ep_gridcolumn-content .ep_content>ol, #website-body .ep_gridcolumn.ep-m_slideshow.ep-layout_mozaic[data-view1200="10"]>.ep_gridcolumn-content .ep_content>ul, #website-body .ep_gridcolumn.ep-m_slideshow.ep-layout_mozaic[data-view1200="10"]>.ep_gridcolumn-content .ep_content>div { max-width: 728px; } /* MOLECULE "SLIDESHOW" : Affichage sur 6 colonnes */ #website-body .ep_gridcolumn.ep-m_slideshow.ep-layout_mozaic[data-view1200="9"]>.ep_gridcolumn-content .ep_content>ol, #website-body .ep_gridcolumn.ep-m_slideshow.ep-layout_mozaic[data-view1200="9"]>.ep_gridcolumn-content .ep_content>ul, #website-body .ep_gridcolumn.ep-m_slideshow.ep-layout_mozaic[data-view1200="9"]>.ep_gridcolumn-content .ep_content>div, #website-body .ep_gridcolumn.ep-m_slideshow.ep-layout_mozaic[data-view1200="8"]>.ep_gridcolumn-content .ep_content>ol, #website-body .ep_gridcolumn.ep-m_slideshow.ep-layout_mozaic[data-view1200="8"]>.ep_gridcolumn-content .ep_content>ul, #website-body .ep_gridcolumn.ep-m_slideshow.ep-layout_mozaic[data-view1200="8"]>.ep_gridcolumn-content .ep_content>div { max-width: 624px; } /* MOLECULE "SLIDESHOW" : Affichage sur 5 colonnes */ #website-body .ep_gridcolumn.ep-m_slideshow.ep-layout_mozaic[data-view1200="7"]>.ep_gridcolumn-content .ep_content>ol, #website-body .ep_gridcolumn.ep-m_slideshow.ep-layout_mozaic[data-view1200="7"]>.ep_gridcolumn-content .ep_content>ul, #website-body .ep_gridcolumn.ep-m_slideshow.ep-layout_mozaic[data-view1200="7"]>.ep_gridcolumn-content .ep_content>div, #website-body .ep_gridcolumn.ep-m_slideshow.ep-layout_mozaic[data-view1200="6"]>.ep_gridcolumn-content .ep_content>ol, #website-body .ep_gridcolumn.ep-m_slideshow.ep-layout_mozaic[data-view1200="6"]>.ep_gridcolumn-content .ep_content>ul, #website-body .ep_gridcolumn.ep-m_slideshow.ep-layout_mozaic[data-view1200="6"]>.ep_gridcolumn-content .ep_content>div { max-width: 520px; } /* MOLECULE "SLIDESHOW" : Affichage sur 4 colonnes */ #website-body .ep_gridcolumn.ep-m_slideshow.ep-layout_mozaic[data-view1200="5"]>.ep_gridcolumn-content .ep_content>ol, #website-body .ep_gridcolumn.ep-m_slideshow.ep-layout_mozaic[data-view1200="5"]>.ep_gridcolumn-content .ep_content>ul, #website-body .ep_gridcolumn.ep-m_slideshow.ep-layout_mozaic[data-view1200="5"]>.ep_gridcolumn-content .ep_content>div { max-width: 416px; } /* MOLECULE "SLIDESHOW" : Affichage sur 3 colonnes */ #website-body .ep_gridcolumn.ep-m_slideshow.ep-layout_mozaic[data-view1200="4"]>.ep_gridcolumn-content .ep_content>ol, #website-body .ep_gridcolumn.ep-m_slideshow.ep-layout_mozaic[data-view1200="4"]>.ep_gridcolumn-content .ep_content>ul, #website-body .ep_gridcolumn.ep-m_slideshow.ep-layout_mozaic[data-view1200="4"]>.ep_gridcolumn-content .ep_content>div { max-width: 312px; } /* MOLECULE "SLIDESHOW" : Suppression de la molecule pour manque de place */ #website-body .ep_gridcolumn.ep-m_slideshow.ep-layout_mozaic[data-view1200="3"], #website-body .ep_gridcolumn.ep-m_slideshow.ep-layout_mozaic[data-view1200="2"], #website-body .ep_gridcolumn.ep-m_slideshow.ep-layout_mozaic[data-view1200="1"] { display: none !important; } } @media screen and (min-width:1020px) and (max-width:1199px) { /* MOLECULE "SLIDESHOW" : Affichage sur 7 colonnes */ #website-body .ep_gridcolumn.ep-m_slideshow.ep-layout_mozaic[data-view1020="12"]>.ep_gridcolumn-content .ep_content>ol, #website-body .ep_gridcolumn.ep-m_slideshow.ep-layout_mozaic[data-view1020="12"]>.ep_gridcolumn-content .ep_content>ul, #website-body .ep_gridcolumn.ep-m_slideshow.ep-layout_mozaic[data-view1020="12"]>.ep_gridcolumn-content .ep_content>div, #website-body .ep_gridcolumn.ep-m_slideshow.ep-layout_mozaic[data-view1020="11"]>.ep_gridcolumn-content .ep_content>ol, #website-body .ep_gridcolumn.ep-m_slideshow.ep-layout_mozaic[data-view1020="11"]>.ep_gridcolumn-content .ep_content>ul, #website-body .ep_gridcolumn.ep-m_slideshow.ep-layout_mozaic[data-view1020="11"]>.ep_gridcolumn-content .ep_content>div { max-width: 728px; } /* MOLECULE "SLIDESHOW" : Affichage sur 6 colonnes */ #website-body .ep_gridcolumn.ep-m_slideshow.ep-layout_mozaic[data-view1020="10"]>.ep_gridcolumn-content .ep_content>ol, #website-body .ep_gridcolumn.ep-m_slideshow.ep-layout_mozaic[data-view1020="10"]>.ep_gridcolumn-content .ep_content>ul, #website-body .ep_gridcolumn.ep-m_slideshow.ep-layout_mozaic[data-view1020="10"]>.ep_gridcolumn-content .ep_content>div #website-body .ep_gridcolumn.ep-m_slideshow.ep-layout_mozaic[data-view1020="9"]>.ep_gridcolumn-content .ep_content>ol, #website-body .ep_gridcolumn.ep-m_slideshow.ep-layout_mozaic[data-view1020="9"]>.ep_gridcolumn-content .ep_content>ul, #website-body .ep_gridcolumn.ep-m_slideshow.ep-layout_mozaic[data-view1020="9"]>.ep_gridcolumn-content .ep_content>div { max-width: 624px; } /* MOLECULE "SLIDESHOW" : Affichage sur 5 colonnes */ #website-body .ep_gridcolumn.ep-m_slideshow.ep-layout_mozaic[data-view1020="8"]>.ep_gridcolumn-content .ep_content>ol, #website-body .ep_gridcolumn.ep-m_slideshow.ep-layout_mozaic[data-view1020="8"]>.ep_gridcolumn-content .ep_content>ul, #website-body .ep_gridcolumn.ep-m_slideshow.ep-layout_mozaic[data-view1020="8"]>.ep_gridcolumn-content .ep_content>div, #website-body .ep_gridcolumn.ep-m_slideshow.ep-layout_mozaic[data-view1020="7"]>.ep_gridcolumn-content .ep_content>ol, #website-body .ep_gridcolumn.ep-m_slideshow.ep-layout_mozaic[data-view1020="7"]>.ep_gridcolumn-content .ep_content>ul, #website-body .ep_gridcolumn.ep-m_slideshow.ep-layout_mozaic[data-view1020="7"]>.ep_gridcolumn-content .ep_content>div { max-width: 520px; } /* MOLECULE "SLIDESHOW" : Affichage sur 4 colonnes */ #website-body .ep_gridcolumn.ep-m_slideshow.ep-layout_mozaic[data-view1020="6"]>.ep_gridcolumn-content .ep_content>ol, #website-body .ep_gridcolumn.ep-m_slideshow.ep-layout_mozaic[data-view1020="6"]>.ep_gridcolumn-content .ep_content>ul, #website-body .ep_gridcolumn.ep-m_slideshow.ep-layout_mozaic[data-view1020="6"]>.ep_gridcolumn-content .ep_content>div { max-width: 416px; } /* MOLECULE "SLIDESHOW" : Affichage sur 3 colonnes */ #website-body .ep_gridcolumn.ep-m_slideshow.ep-layout_mozaic[data-view1020="5"]>.ep_gridcolumn-content .ep_content>ol, #website-body .ep_gridcolumn.ep-m_slideshow.ep-layout_mozaic[data-view1020="5"]>.ep_gridcolumn-content .ep_content>ul, #website-body .ep_gridcolumn.ep-m_slideshow.ep-layout_mozaic[data-view1020="5"]>.ep_gridcolumn-content .ep_content>div, #website-body .ep_gridcolumn.ep-m_slideshow.ep-layout_mozaic[data-view1020="4"]>.ep_gridcolumn-content .ep_content>ol, #website-body .ep_gridcolumn.ep-m_slideshow.ep-layout_mozaic[data-view1020="4"]>.ep_gridcolumn-content .ep_content>ul, #website-body .ep_gridcolumn.ep-m_slideshow.ep-layout_mozaic[data-view1020="4"]>.ep_gridcolumn-content .ep_content>div { max-width: 312px; } /* MOLECULE "SLIDESHOW" : Suppression de la molecule pour manque de place */ #website-body .ep_gridcolumn.ep-m_slideshow.ep-layout_mozaic[data-view1020="5"], #website-body .ep_gridcolumn.ep-m_slideshow.ep-layout_mozaic[data-view1020="4"], #website-body .ep_gridcolumn.ep-m_slideshow.ep-layout_mozaic[data-view1020="3"], #website-body .ep_gridcolumn.ep-m_slideshow.ep-layout_mozaic[data-view1020="2"], #website-body .ep_gridcolumn.ep-m_slideshow.ep-layout_mozaic[data-view1020="1"] { display: none !important; } } @media screen and (min-width:750px) and (max-width:1019px), print { /* MOLECULE "SLIDESHOW" : Affichage sur 6 colonnes */ #website-body .ep_gridcolumn.ep-m_slideshow.ep-layout_mozaic[data-view750="12"]>.ep_gridcolumn-content .ep_content>ol, #website-body .ep_gridcolumn.ep-m_slideshow.ep-layout_mozaic[data-view750="12"]>.ep_gridcolumn-content .ep_content>ul, #website-body .ep_gridcolumn.ep-m_slideshow.ep-layout_mozaic[data-view750="12"]>.ep_gridcolumn-content .ep_content>div { max-width: 624px; } /* MOLECULE "SLIDESHOW" : Affichage sur 5 colonnes */ #website-body .ep_gridcolumn.ep-m_slideshow.ep-layout_mozaic[data-view750="11"]>.ep_gridcolumn-content .ep_content>ol, #website-body .ep_gridcolumn.ep-m_slideshow.ep-layout_mozaic[data-view750="11"]>.ep_gridcolumn-content .ep_content>ul, #website-body .ep_gridcolumn.ep-m_slideshow.ep-layout_mozaic[data-view750="11"]>.ep_gridcolumn-content .ep_content>div, #website-body .ep_gridcolumn.ep-m_slideshow.ep-layout_mozaic[data-view750="10"]>.ep_gridcolumn-content .ep_content>ol, #website-body .ep_gridcolumn.ep-m_slideshow.ep-layout_mozaic[data-view750="10"]>.ep_gridcolumn-content .ep_content>ul, #website-body .ep_gridcolumn.ep-m_slideshow.ep-layout_mozaic[data-view750="10"]>.ep_gridcolumn-content .ep_content>div { max-width: 520px; } /* MOLECULE "SLIDESHOW" : Affichage sur 4 colonnes */ #website-body .ep_gridcolumn.ep-m_slideshow.ep-layout_mozaic[data-view750="9"]>.ep_gridcolumn-content .ep_content>ol, #website-body .ep_gridcolumn.ep-m_slideshow.ep-layout_mozaic[data-view750="9"]>.ep_gridcolumn-content .ep_content>ul, #website-body .ep_gridcolumn.ep-m_slideshow.ep-layout_mozaic[data-view750="9"]>.ep_gridcolumn-content .ep_content>div, #website-body .ep_gridcolumn.ep-m_slideshow.ep-layout_mozaic[data-view750="8"]>.ep_gridcolumn-content .ep_content>ol, #website-body .ep_gridcolumn.ep-m_slideshow.ep-layout_mozaic[data-view750="8"]>.ep_gridcolumn-content .ep_content>ul, #website-body .ep_gridcolumn.ep-m_slideshow.ep-layout_mozaic[data-view750="8"]>.ep_gridcolumn-content .ep_content>div { max-width: 416px; } /* MOLECULE "SLIDESHOW" : Affichage sur 3 colonnes */ #website-body .ep_gridcolumn.ep-m_slideshow.ep-layout_mozaic[data-view750="7"]>.ep_gridcolumn-content .ep_content>ol, #website-body .ep_gridcolumn.ep-m_slideshow.ep-layout_mozaic[data-view750="7"]>.ep_gridcolumn-content .ep_content>ul, #website-body .ep_gridcolumn.ep-m_slideshow.ep-layout_mozaic[data-view750="7"]>.ep_gridcolumn-content .ep_content>div, #website-body .ep_gridcolumn.ep-m_slideshow.ep-layout_mozaic[data-view750="6"]>.ep_gridcolumn-content .ep_content>ol, #website-body .ep_gridcolumn.ep-m_slideshow.ep-layout_mozaic[data-view750="6"]>.ep_gridcolumn-content .ep_content>ul, #website-body .ep_gridcolumn.ep-m_slideshow.ep-layout_mozaic[data-view750="6"]>.ep_gridcolumn-content .ep_content>div { max-width: 312px; } /* MOLECULE "SLIDESHOW" : Suppression de la molecule pour manque de place */ #website-body .ep_gridcolumn.ep-m_slideshow.ep-layout_mozaic[data-view750="5"], #website-body .ep_gridcolumn.ep-m_slideshow.ep-layout_mozaic[data-view750="4"], #website-body .ep_gridcolumn.ep-m_slideshow.ep-layout_mozaic[data-view750="3"], #website-body .ep_gridcolumn.ep-m_slideshow.ep-layout_mozaic[data-view750="2"], #website-body .ep_gridcolumn.ep-m_slideshow.ep-layout_mozaic[data-view750="1"] { display: none !important; } } @media screen and (min-width:640px) and (max-width:749px) { /* MOLECULE "SLIDESHOW" : Affichage sur 5 colonnes */ #website-body .ep_gridcolumn.ep-m_slideshow.ep-layout_mozaic[data-view640="8"]>.ep_gridcolumn-content .ep_content>ol, #website-body .ep_gridcolumn.ep-m_slideshow.ep-layout_mozaic[data-view640="8"]>.ep_gridcolumn-content .ep_content>ul, #website-body .ep_gridcolumn.ep-m_slideshow.ep-layout_mozaic[data-view640="8"]>.ep_gridcolumn-content .ep_content>div { max-width: 520px; } /* MOLECULE "SLIDESHOW" : Affichage sur 4 colonnes */ #website-body .ep_gridcolumn.ep-m_slideshow.ep-layout_mozaic[data-view640="7"]>.ep_gridcolumn-content .ep_content>ol, #website-body .ep_gridcolumn.ep-m_slideshow.ep-layout_mozaic[data-view640="7"]>.ep_gridcolumn-content .ep_content>ul, #website-body .ep_gridcolumn.ep-m_slideshow.ep-layout_mozaic[data-view640="7"]>.ep_gridcolumn-content .ep_content>div { max-width: 416px; } /* MOLECULE "SLIDESHOW" : Affichage sur 3 colonnes */ #website-body .ep_gridcolumn.ep-m_slideshow.ep-layout_mozaic[data-view640="6"]>.ep_gridcolumn-content .ep_content>ol, #website-body .ep_gridcolumn.ep-m_slideshow.ep-layout_mozaic[data-view640="6"]>.ep_gridcolumn-content .ep_content>ul, #website-body .ep_gridcolumn.ep-m_slideshow.ep-layout_mozaic[data-view640="6"]>.ep_gridcolumn-content .ep_content>div, #website-body .ep_gridcolumn.ep-m_slideshow.ep-layout_mozaic[data-view640="5"]>.ep_gridcolumn-content .ep_content>ol, #website-body .ep_gridcolumn.ep-m_slideshow.ep-layout_mozaic[data-view640="5"]>.ep_gridcolumn-content .ep_content>ul, #website-body .ep_gridcolumn.ep-m_slideshow.ep-layout_mozaic[data-view640="5"]>.ep_gridcolumn-content .ep_content>div { max-width: 312px; } /* MOLECULE "SLIDESHOW" : Suppression de la molecule pour manque de place */ #website-body .ep_gridcolumn.ep-m_slideshow.ep-layout_mozaic[data-view640="4"], #website-body .ep_gridcolumn.ep-m_slideshow.ep-layout_mozaic[data-view640="3"], #website-body .ep_gridcolumn.ep-m_slideshow.ep-layout_mozaic[data-view640="2"], #website-body .ep_gridcolumn.ep-m_slideshow.ep-layout_mozaic[data-view640="1"] { display: none !important; } } @media screen and (min-width:480px) and (max-width:639px) { /* MOLECULE "SLIDESHOW" : Affichage sur 4 colonnes */ #website-body .ep_gridcolumn.ep-m_slideshow.ep-layout_mozaic[data-view480="8"]>.ep_gridcolumn-content .ep_content>ol, #website-body .ep_gridcolumn.ep-m_slideshow.ep-layout_mozaic[data-view480="8"]>.ep_gridcolumn-content .ep_content>ul, #website-body .ep_gridcolumn.ep-m_slideshow.ep-layout_mozaic[data-view480="8"]>.ep_gridcolumn-content .ep_content>div { max-width: 416px; } /* MOLECULE "SLIDESHOW" : Affichage sur 3 colonnes */ #website-body .ep_gridcolumn.ep-m_slideshow.ep-layout_mozaic[data-view480="7"]>.ep_gridcolumn-content .ep_content>ol, #website-body .ep_gridcolumn.ep-m_slideshow.ep-layout_mozaic[data-view480="7"]>.ep_gridcolumn-content .ep_content>ul, #website-body .ep_gridcolumn.ep-m_slideshow.ep-layout_mozaic[data-view480="7"]>.ep_gridcolumn-content .ep_content>div, #website-body .ep_gridcolumn.ep-m_slideshow.ep-layout_mozaic[data-view480="6"]>.ep_gridcolumn-content .ep_content>ol, #website-body .ep_gridcolumn.ep-m_slideshow.ep-layout_mozaic[data-view480="6"]>.ep_gridcolumn-content .ep_content>ul, #website-body .ep_gridcolumn.ep-m_slideshow.ep-layout_mozaic[data-view480="6"]>.ep_gridcolumn-content .ep_content>div { max-width: 312px; } /* MOLECULE "SLIDESHOW" : Suppression de la molecule pour manque de place */ #website-body .ep_gridcolumn.ep-m_slideshow.ep-layout_mozaic[data-view480="5"], #website-body .ep_gridcolumn.ep-m_slideshow.ep-layout_mozaic[data-view480="4"], #website-body .ep_gridcolumn.ep-m_slideshow.ep-layout_mozaic[data-view480="3"], #website-body .ep_gridcolumn.ep-m_slideshow.ep-layout_mozaic[data-view480="2"], #website-body .ep_gridcolumn.ep-m_slideshow.ep-layout_mozaic[data-view480="1"] { display: none !important; } } @media screen and (max-width:479px) { /* MOLECULE "SLIDESHOW" : Affichage sur 3 colonnes */ #website-body .ep_gridcolumn.ep-m_slideshow.ep-layout_mozaic[data-view320="4"]>.ep_gridcolumn-content .ep_content>ol, #website-body .ep_gridcolumn.ep-m_slideshow.ep-layout_mozaic[data-view320="4"]>.ep_gridcolumn-content .ep_content>ul, #website-body .ep_gridcolumn.ep-m_slideshow.ep-layout_mozaic[data-view320="4"]>.ep_gridcolumn-content .ep_content>div { max-width: 312px; } /* MOLECULE "SLIDESHOW" : Suppression de la molecule pour manque de place */ #website-body .ep_gridcolumn.ep-m_slideshow.ep-layout_mozaic[data-view320="3"], #website-body .ep_gridcolumn.ep-m_slideshow.ep-layout_mozaic[data-view320="2"], #website-body .ep_gridcolumn.ep-m_slideshow.ep-layout_mozaic[data-view320="1"] { display: none !important; } } /* ========================================================================================================================================================================== */ /* == EP NEWSHUB ================= [MOLECULE] ========= ep-m_newshub ======================================================================================================== */ /* ========================================================================================================================================================================== */ /* Description : Molecule a utiliser pour l'affichage des derniers messages issus du Newshub */ /* MOLECULE "EP NEWSHUB" : Correction de la marge entre molecules */ #website-body .ep_gridcolumn[class*="ep-m_newshub"]:after { height: 30px } /* MOLECULE "EP NEWSHUB" : Definition des conteneurs */ #website-body .ep_gridcolumn.ep-m_newshub>.ep_gridcolumn-content>.ep_header, #website-body .ep_gridcolumn.ep-m_newshub>.ep_gridcolumn-content>.ep_list, #website-body .ep_gridcolumn.ep-m_newshub>.ep_gridcolumn-content>.ep_footer, #website-body .ep_gridcolumn.ep-m_newshub>.ep_gridcolumn-content .ep_item, #website-body .ep_gridcolumn.ep-m_newshub>.ep_gridcolumn-content .ep_item figure, #website-body .ep_gridcolumn.ep-m_newshub>.ep_gridcolumn-content .ep_item footer, #website-body .ep_gridcolumn.ep-m_newshub>.ep_gridcolumn-content .ep_item .ep_quotes, #website-body .ep_gridcolumn.ep-m_newshub>.ep_gridcolumn-content .ep_item .ep_information { position: static; display: block; margin: 0; padding: 0; border: 0; font-size: 1em; } /* MOLECULE "EP NEWSHUB" : Definition de l'entete */ #website-body .ep_gridcolumn.ep-m_newshub>.ep_gridcolumn-content .ep_header { background-color: #0a56a4; border: 1px solid #d1d3d4; border-bottom: 0; } #website-body .ep_gridcolumn.ep-m_newshub>.ep_gridcolumn-content .ep_header .ep-a_heading { padding: 15px 40px !important; border-bottom: 5px solid #ffda27; } #website-body .ep_gridcolumn.ep-m_newshub>.ep_gridcolumn-content .ep_header .ep-a_heading:after { position: static; display: block; width: auto; height: 70px; background-color: transparent; background-image: url(../img/epnewshub.svg); background-position: center; background-size: contain; background-repeat: no-repeat; opacity: 1 !important; } #website-body .ep_gridcolumn.ep-m_newshub>.ep_gridcolumn-content .ep_header .ep-a_heading .ep_title, #website-body .ep_gridcolumn.ep-m_newshub>.ep_gridcolumn-content .ep_header .ep-a_heading .ep_subtitle { position: absolute; display: block; overflow: hidden; width: 0; height: 0; } /* MOLECULE "EP NEWSHUB" : Elements de contenu (couleur de fond) */ #website-body .ep_gridcolumn.ep-m_newshub>.ep_gridcolumn-content>.ep_list { padding-bottom: 20px; background-color: #f1f2f2; border: 1px solid #d1d3d4; border-top: 0; } #website-body .ep_gridcolumn.ep-m_newshub>.ep_gridcolumn-content>.ep_footer { margin-top: -21px; padding: 20px 20px 0 20px; background-color: #f1f2f2; border: 1px solid #d1d3d4; border-top: 0; text-align: center; } /* MOLECULE "EP NEWSHUB" : Elements de contenu (ordre d'affichage) */ #website-body .ep_gridcolumn.ep-m_newshub>.ep_gridcolumn-content .ep_item figure { display: flex; display: -webkit-flex; padding: 15px 20px 0 20px; flex-direction: column; -webkit-flex-direction: column; flex-wrap: wrap; -webkit-flex-wrap: wrap; } #website-body .ep_gridcolumn.ep-m_newshub>.ep_gridcolumn-content .ep_item .ep_quotes { order: 2; -webkit-order: 2; } #website-body .ep_gridcolumn.ep-m_newshub>.ep_gridcolumn-content .ep_item .ep_information { display: flex; display: -webkit-flex; flex-direction: row; -webkit-flex-direction: row; flex-wrap: wrap; -webkit-flex-wrap: wrap; order: 1; -webkit-order: 1; letter-spacing: -0.3em; white-space: nowrap; direction: ltr; } #website-body .ep_gridcolumn.ep-m_newshub>.ep_gridcolumn-content .ep_item [class*="ep-a_"]:after { display: none; } /* MOLECULE "EP NEWSHUB" : Elements de contenu (fond blanc) */ #website-body .ep_gridcolumn.ep-m_newshub>.ep_gridcolumn-content .ep_item .ep_quotes { padding: 15px 10px 20px 10px; background-color: #fff; border: 1px solid #d1d3d4; border-top: 0; border-radius: 0 0 5px 5px; } #website-body .ep_gridcolumn.ep-m_newshub>.ep_gridcolumn-content .ep_item .ep_information .ep-a_heading:first-child { padding: 15px 10px 0 10px; background-color: #fff; border: 1px solid #d1d3d4; border-bottom: 0; border-radius: 5px 5px 0 0; } /* MOLECULE "EP NEWSHUB" : Elements de contenu (nom de l'auteur et groupe politique) */ #website-body .ep_gridcolumn.ep-m_newshub>.ep_gridcolumn-content .ep_item .ep_information .ep-a_heading { display: inline-block; width: 100%; box-sizing: border-box; flex: 1 1 100%; -webkit-flex: 1 1 100%; order: 3; -webkit-order: 3; direction: ltr; vertical-align: top; } #website-body .ep_gridcolumn.ep-m_newshub>.ep_gridcolumn-content .ep_item .ep_information .ep-a_heading .ep_title, #website-body .ep_gridcolumn.ep-m_newshub>.ep_gridcolumn-content .ep_item .ep_information .ep-a_heading .ep_subtitle { padding-left: 85px; } #website-body .ep_gridcolumn.ep-m_newshub>.ep_gridcolumn-content .ep_item .ep_information .ep-a_heading .ep_title .ep-p_text { font-size: 2em; color: #0a56a4; } #website-body .ep_gridcolumn.ep-m_newshub>.ep_gridcolumn-content .ep_item .ep_information .ep-a_heading .ep_subtitle .ep-p_text.ep-layout_group { font-size: 1.2em; color: #505154; } /* MOLECULE "EP NEWSHUB" : Elements de contenu (date et source) */ #website-body .ep_gridcolumn.ep-m_newshub>.ep_gridcolumn-content .ep_item .ep_information .ep-a_heading+.ep-a_heading { margin-right: -10px; padding-bottom: 10px; order: 1; -webkit-order: 1; text-align: right; } #website-body .ep_gridcolumn.ep-m_newshub>.ep_gridcolumn-content .ep_item .ep_information .ep-a_heading .ep_subtitle .ep-p_text.ep-layout_date, #website-body .ep_gridcolumn.ep-m_newshub>.ep_gridcolumn-content .ep_item .ep_information .ep-a_heading .ep_subtitle .ep-p_text.ep-layout_source { font-size: 1.2em; color: #505154; } #website-body .ep_gridcolumn.ep-m_newshub>.ep_gridcolumn-content .ep_item .ep_information .ep-a_heading .ep_subtitle .ep-p_text.ep-layout_date+.ep-p_text.ep-layout_source:before { position: absolute; display: inline-block; width: 0; height: 30px; margin-top: -2px; border-left: 1px solid #d1d3d4; content: ""; } #website-body .ep_gridcolumn.ep-m_newshub>.ep_gridcolumn-content .ep_item .ep_information .ep-a_heading .ep_subtitle .ep-p_text.ep-layout_source .ep_name { position: absolute; display: block; width: 0; height: 0; } #website-body .ep_gridcolumn.ep-m_newshub>.ep_gridcolumn-content .ep_item .ep_information .ep-a_heading .ep_subtitle .ep-p_text.ep-layout_source .ep_icon { width: 26px; } #website-body .ep_gridcolumn.ep-m_newshub>.ep_gridcolumn-content .ep_item .ep_information .ep-a_heading .ep_subtitle .ep-p_text.ep-layout_source .ep_icon:after { display: inline-block; width: 21px; height: 20px; transform: scale(0.9); -webkit-transform: scale(0.9); background-color: transparent; } #website-body .ep_gridcolumn.ep-m_newshub>.ep_gridcolumn-content .ep_item .ep_information .ep-a_heading .ep_subtitle .ep-p_text.ep-layout_source.ep-layout_website .ep_icon:after { background-position: -171px -22px; } #website-body .ep_gridcolumn.ep-m_newshub>.ep_gridcolumn-content .ep_item .ep_information .ep-a_heading .ep_subtitle .ep-p_text.ep-layout_source.ep-layout_facebook .ep_icon:after { background-position: -171px -42px; } #website-body .ep_gridcolumn.ep-m_newshub>.ep_gridcolumn-content .ep_item .ep_information .ep-a_heading .ep_subtitle .ep-p_text.ep-layout_source.ep-layout_twitter .ep_icon:after { background-position: -171px -142px; } #website-body .ep_gridcolumn.ep-m_newshub>.ep_gridcolumn-content .ep_item .ep_information .ep-a_heading .ep_subtitle .ep-p_text.ep-layout_source.ep-layout_linkedin .ep_icon:after { background-position: -171px -102px; } #website-body .ep_gridcolumn.ep-m_newshub>.ep_gridcolumn-content .ep_item .ep_information .ep-a_heading .ep_subtitle .ep-p_text.ep-layout_source.ep-layout_flickr .ep_icon:after { background-position: -171px -82px; } #website-body .ep_gridcolumn.ep-m_newshub>.ep_gridcolumn-content .ep_item .ep_information .ep-a_heading .ep_subtitle .ep-p_text.ep-layout_source.ep-layout_instagram .ep_icon:after { background-position: -171px -162px; } #website-body .ep_gridcolumn.ep-m_newshub>.ep_gridcolumn-content .ep_item .ep_information .ep-a_heading .ep_subtitle .ep-p_text.ep-layout_source.ep-layout_pinterest .ep_icon:after { background-position: -171px -182px; } #website-body .ep_gridcolumn.ep-m_newshub>.ep_gridcolumn-content .ep_item .ep_information .ep-a_heading .ep_subtitle .ep-p_text.ep-layout_source.ep-layout_youtube .ep_icon:after { background-position: -171px -122px; } #website-body .ep_gridcolumn.ep-m_newshub>.ep_gridcolumn-content .ep_item .ep_information .ep-a_heading .ep_subtitle .ep-p_text.ep-layout_source.ep-layout_reddit .ep_icon:after { background-position: -171px -62px; } #website-body .ep_gridcolumn.ep-m_newshub>.ep_gridcolumn-content .ep_item .ep_information .ep-a_heading .ep_subtitle .ep-p_text.ep-layout_source.ep-layout_snapchat .ep_icon:after { background-position: -171px -202px; } #website-body .ep_gridcolumn.ep-m_newshub>.ep_gridcolumn-content .ep_item .ep_information .ep-a_heading .ep_subtitle .ep-p_text.ep-layout_source.ep-layout_googleplus .ep_icon:after { background-position: -171px -222px; } #website-body .ep_gridcolumn.ep-m_newshub>.ep_gridcolumn-content .ep_item .ep_information .ep-a_heading .ep_subtitle .ep-p_text.ep-layout_source.ep-layout_vimeo .ep_icon:after { background-position: -171px -262px; } /* MOLECULE "EP NEWSHUB" : Elements de contenu (image) */ #website-body .ep_gridcolumn.ep-m_newshub>.ep_gridcolumn-content .ep_item .ep_information .ep-a_media { display: inline-block; overflow: visible; width: 100%; height: 54px; margin: 0 0 -54px 0; flex: 0 0 auto; -webkit-flex: 0 0 auto; order: 2; -webkit-order: 2; direction: ltr; text-align: left; vertical-align: top; } #website-body .ep_gridcolumn.ep-m_newshub>.ep_gridcolumn-content .ep_item .ep_information .ep-a_media figure, #website-body .ep_gridcolumn.ep-m_newshub>.ep_gridcolumn-content .ep_item .ep_information .ep-a_media figure .ep_media, #website-body .ep_gridcolumn.ep-m_newshub>.ep_gridcolumn-content .ep_item .ep_information .ep-a_media figure .ep_media .ep-p_image, #website-body .ep_gridcolumn.ep-m_newshub>.ep_gridcolumn-content .ep_item .ep_information .ep-a_media figure .ep_media .ep-p_image .ep_image, #website-body .ep_gridcolumn.ep-m_newshub>.ep_gridcolumn-content .ep_item .ep_information .ep-a_media figure .ep_media .ep-p_image .ep_image img { display: block; padding: 0; } #website-body .ep_gridcolumn.ep-m_newshub>.ep_gridcolumn-content .ep_item .ep_information .ep-a_media figure .ep_media, #website-body .ep_gridcolumn.ep-m_newshub>.ep_gridcolumn-content .ep_item .ep_information .ep-a_media figure .ep_media .ep-p_image .ep_image img { width: 75px; height: 75px; } #website-body .ep_gridcolumn.ep-m_newshub>.ep_gridcolumn-content .ep_item .ep_information .ep-a_media figure .ep_media { position: relative; z-index: 0; overflow: hidden; top: -21px; left: 10px; background-color: #fff; border: 1px solid #d1d3d4; border-radius: 50%; } /* ========================================================================================================================================================================== */ /* == AGENDA ===================== [MOLECULE] ========= ep-m_agenda ========================================================================================================= */ /* ========================================================================================================================================================================== */ /* Description : Molecule a utiliser pour l'affichage des derniers evenements de l'agenda parlementaire */ /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* MOLECULE "AGENDA" : Structure de la molecule */ /* MOLECULE "AGENDA" : Correction de la marge entre molecules */ #website-body .ep_gridcolumn[class*="ep-m_agenda"]:after { height: 30px } /* MOLECULE "AGENDA" : Definition des conteneurs */ #website-body .ep_gridcolumn.ep-m_agenda>.ep_gridcolumn-content>.ep_header, #website-body .ep_gridcolumn.ep-m_agenda>.ep_gridcolumn-content>.ep_filter, #website-body .ep_gridcolumn.ep-m_agenda>.ep_gridcolumn-content>.ep_list, #website-body .ep_gridcolumn.ep-m_agenda>.ep_gridcolumn-content>.ep_footer, #website-body .ep_gridcolumn.ep-m_agenda>.ep_gridcolumn-content .ep_item { position: static; display: block; margin: 0; padding: 0; border: 0; font-size: 1em; } #website-body .ep_gridcolumn.ep-m_agenda>.ep_gridcolumn-content .ep_header, #website-body .ep_gridcolumn.ep-m_agenda>.ep_gridcolumn-content .ep_filter, #website-body .ep_gridcolumn.ep-m_agenda>.ep_gridcolumn-content .ep_list, #website-body .ep_gridcolumn.ep-m_agenda>.ep_gridcolumn-content .ep_footer { margin-top: -1px; padding-top: 20px; padding-left: 20px; padding-right: 20px; background-color: #fff; border: 1px solid #d1d3d4; } #website-body .ep_gridcolumn.ep-m_agenda>.ep_gridcolumn-content .ep_header+.ep_filter { margin-top: -30px; border-top: 0; } #website-body .ep_gridcolumn.ep-m_agenda>.ep_gridcolumn-content *+.ep_footer { margin-top: -1px; } /* MOLECULE "AGENDA" : Definition de l'entete */ #website-body .ep_gridcolumn.ep-m_agenda>.ep_gridcolumn-content .ep_header { background-color: #fff; border: 1px solid #d1d3d4; } /* MOLECULE "AGENDA" : Definition du pied */ #website-body .ep_gridcolumn.ep-m_agenda>.ep_gridcolumn-content>.ep_footer { text-align: center; } #website-body .ep_gridcolumn.ep-m_agenda>.ep_gridcolumn-content>.ep_footer .ep-a_loadmore { margin-top: -44px; margin-left: -10px; margin-right: -10px; } /* MOLECULE "AGENDA" : Elements de contenu (conteneur) */ #website-body .ep_gridcolumn.ep-m_agenda>.ep_gridcolumn-content>.ep_list { padding-top: 0; padding-left: 0; padding-right: 0; } #website-body .ep_gridcolumn.ep-m_agenda>.ep_gridcolumn-content>.ep_list ol, #website-body .ep_gridcolumn.ep-m_agenda>.ep_gridcolumn-content>.ep_list ul, #website-body .ep_gridcolumn.ep-m_agenda>.ep_gridcolumn-content>.ep_list li, #website-body .ep_gridcolumn.ep-m_agenda>.ep_gridcolumn-content .ep_item { position: static; display: block; margin: 0; background-color: #fff; list-style: none; } #website-body .ep_gridcolumn.ep-m_agenda>.ep_gridcolumn-content>.ep_list ol, #website-body .ep_gridcolumn.ep-m_agenda>.ep_gridcolumn-content>.ep_list ul { overflow-x: hidden; overflow-y: auto; max-height: 450px; padding-top: 0; padding-left: 20px; padding-right: 20px; } #website-body .ep_gridcolumn.ep-m_agenda>.ep_gridcolumn-content .ep_item:before { position: static; display: block; overflow: hidden; width: auto; height: 20px; margin-top: -1px; border-top: 1px dotted #d1d3d4; content: ""; } /* MOLECULE "AGENDA" : Elements de contenu (information textuelle) */ #website-body .ep_gridcolumn.ep-m_agenda>.ep_gridcolumn-content .ep_item .ep_date, #website-body .ep_gridcolumn.ep-m_agenda>.ep_gridcolumn-content .ep_item .ep_title, #website-body .ep_gridcolumn.ep-m_agenda>.ep_gridcolumn-content .ep_item .ep_location { position: static; display: block; } #website-body .ep_gridcolumn.ep-m_agenda>.ep_gridcolumn-content .ep_item .ep_date .ep-p_text { font-family: Georgia, Garamond, serif, Palatino; font-size: 2em; color: #1e1e1f; } #website-body .ep_gridcolumn.ep-m_agenda>.ep_gridcolumn-content .ep_item .ep_type .ep-p_text { font-size: 1.2em; } #website-body .ep_gridcolumn.ep-m_agenda>.ep_gridcolumn-content .ep_item .ep_title .ep-p_text { font-size: 1.6em; color: #1e1e1f; } #website-body .ep_gridcolumn.ep-m_agenda>.ep_gridcolumn-content .ep_item .ep_location .ep-p_text { font-size: 1.4em; } #website-body .ep_gridcolumn.ep-m_agenda>.ep_gridcolumn-content .ep_item .ep_date:after, #website-body .ep_gridcolumn.ep-m_agenda>.ep_gridcolumn-content .ep_item .ep_type:after, #website-body .ep_gridcolumn.ep-m_agenda>.ep_gridcolumn-content .ep_item .ep_title:after, #website-body .ep_gridcolumn.ep-m_agenda>.ep_gridcolumn-content .ep_item .ep_location:after { position: static; display: block; width: 20px; height: 20px; margin: -5px 0 0 0; background-color: #f00; opacity: 0; content: ""; } #website-body .ep_gridcolumn.ep-m_agenda>.ep_gridcolumn-content .ep_item .ep_date { margin-top: -9px; } #website-body .ep_gridcolumn.ep-m_agenda>.ep_gridcolumn-content .ep_item .ep_type { margin-top: -9px; margin-bottom: -9px; } #website-body .ep_gridcolumn.ep-m_agenda>.ep_gridcolumn-content .ep_item .ep_date+.ep_type { margin-top: -15px; } #website-body .ep_gridcolumn.ep-m_agenda>.ep_gridcolumn-content .ep_item .ep_title { margin-top: -3px; } #website-body .ep_gridcolumn.ep-m_agenda>.ep_gridcolumn-content .ep_item .ep_location { margin-top: -3px; } #website-body .ep_gridcolumn.ep-m_agenda>.ep_gridcolumn-content .ep_item .ep_location:after { margin-top: -4px; } #website-body .ep_gridcolumn.ep-m_agenda>.ep_gridcolumn-content .ep_item .ep_title+.ep_location { margin-top: -15px; } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* MOLECULE "AGENDA" : Adaptation suite aux scripts JavaScript */ /* MOLECULE "AGENDA" : Filtre (suppression du filtre par evenement sans JS) */ #website-body .ep_gridcolumn.ep-m_agenda:not([data-converted])>.ep_gridcolumn-content .ep_filter .ep_type, /* MOLECULE "AGENDA" : Filtre (suppression du bouton de validation avec JS) */ #website-body .ep_gridcolumn.ep-m_agenda[data-converted]>.ep_gridcolumn-content .ep_filter .ep_submit { display: none; } /* MOLECULE "AGENDA" : Footer (suppression du bouton de chargement sans JS) */ #website-body .ep_gridcolumn.ep-m_agenda:not([data-converted])>.ep_gridcolumn-content>.ep_footer .ep-a_loadmore { margin-top: -44px; margin-left: -10px; margin-right: -10px; } /* MOLECULE "AGENDA" : Gestion des filtres par evenements */ #website-body .ep_gridcolumn.ep-m_agenda[data-filter="conference-of-president"]>.ep_gridcolumn-content .ep_list .ep_item[class*="ep-layout_event_"]:not(.ep-layout_event_conference-of-president), #website-body .ep_gridcolumn.ep-m_agenda[data-filter="conference-of-president"]>.ep_gridcolumn-content .ep_list .ep_item[class*="ep-layout_event_"] .ep_type, #website-body .ep_gridcolumn.ep-m_agenda[data-filter="concilliation-committee"]>.ep_gridcolumn-content .ep_list .ep_item[class*="ep-layout_event_"]:not(.ep-layout_event_concilliation-committee), #website-body .ep_gridcolumn.ep-m_agenda[data-filter="concilliation-committee"]>.ep_gridcolumn-content .ep_list .ep_item[class*="ep-layout_event_"] .ep_type, #website-body .ep_gridcolumn.ep-m_agenda[data-filter="committee-meetings"]>.ep_gridcolumn-content .ep_list .ep_item[class*="ep-layout_event_"]:not(.ep-layout_event_committee-meetings), #website-body .ep_gridcolumn.ep-m_agenda[data-filter="committee-meetings"]>.ep_gridcolumn-content .ep_list .ep_item[class*="ep-layout_event_"] .ep_type, #website-body .ep_gridcolumn.ep-m_agenda[data-filter="committees"]>.ep_gridcolumn-content .ep_list .ep_item[class*="ep-layout_event_"]:not(.ep-layout_event_committees), #website-body .ep_gridcolumn.ep-m_agenda[data-filter="committees"]>.ep_gridcolumn-content .ep_list .ep_item[class*="ep-layout_event_"] .ep_type, #website-body .ep_gridcolumn.ep-m_agenda[data-filter="delegations"]>.ep_gridcolumn-content .ep_list .ep_item[class*="ep-layout_event_"]:not(.ep-layout_event_delegations), #website-body .ep_gridcolumn.ep-m_agenda[data-filter="delegations"]>.ep_gridcolumn-content .ep_list .ep_item[class*="ep-layout_event_"] .ep_type, #website-body .ep_gridcolumn.ep-m_agenda[data-filter="official-visits"]>.ep_gridcolumn-content .ep_list .ep_item[class*="ep-layout_event_"]:not(.ep-layout_event_official-visits), #website-body .ep_gridcolumn.ep-m_agenda[data-filter="official-visits"]>.ep_gridcolumn-content .ep_list .ep_item[class*="ep-layout_event_"] .ep_type, #website-body .ep_gridcolumn.ep-m_agenda[data-filter="other-events"]>.ep_gridcolumn-content .ep_list .ep_item[class*="ep-layout_event_"]:not(.ep-layout_event_other-events), #website-body .ep_gridcolumn.ep-m_agenda[data-filter="other-events"]>.ep_gridcolumn-content .ep_list .ep_item[class*="ep-layout_event_"] .ep_type, #website-body .ep_gridcolumn.ep-m_agenda[data-filter="plenary-session"]>.ep_gridcolumn-content .ep_list .ep_item[class*="ep-layout_event_"]:not(.ep-layout_event_plenary-session), #website-body .ep_gridcolumn.ep-m_agenda[data-filter="plenary-session"]>.ep_gridcolumn-content .ep_list .ep_item[class*="ep-layout_event_"] .ep_type, #website-body .ep_gridcolumn.ep-m_agenda[data-filter="president-diary"]>.ep_gridcolumn-content .ep_list .ep_item[class*="ep-layout_event_"]:not(.ep-layout_event_president-diary), #website-body .ep_gridcolumn.ep-m_agenda[data-filter="president-diary"]>.ep_gridcolumn-content .ep_list .ep_item[class*="ep-layout_event_"] .ep_type, #website-body .ep_gridcolumn.ep-m_agenda[data-filter="press-conferences"]>.ep_gridcolumn-content .ep_list .ep_item[class*="ep-layout_event_"]:not(.ep-layout_event_press-conferences), #website-body .ep_gridcolumn.ep-m_agenda[data-filter="press-conferences"]>.ep_gridcolumn-content .ep_list .ep_item[class*="ep-layout_event_"] .ep_type, #website-body .ep_gridcolumn.ep-m_agenda[data-filter="public-hearings"]>.ep_gridcolumn-content .ep_list .ep_item[class*="ep-layout_event_"]:not(.ep-layout_event_public-hearings), #website-body .ep_gridcolumn.ep-m_agenda[data-filter="public-hearings"]>.ep_gridcolumn-content .ep_list .ep_item[class*="ep-layout_event_"] .ep_type, #website-body .ep_gridcolumn.ep-m_agenda[data-filter="special-events"]>.ep_gridcolumn-content .ep_list .ep_item[class*="ep-layout_event_"]:not(.ep-layout_event_special-events), #website-body .ep_gridcolumn.ep-m_agenda[data-filter="special-events"]>.ep_gridcolumn-content .ep_list .ep_item[class*="ep-layout_event_"] .ep_type { display: none; } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* MOLECULE "AGENDA" : Adaptation selon les breakpoints */ @media screen and (min-width:1200px) { /* MOLECULE "AGENDA" : Gestion des grandes tailles (fond et bordure) */ #website-body .ep_gridcolumn.ep-m_agenda[data-view1200="12"]>.ep_gridcolumn-content>.ep_header, #website-body .ep_gridcolumn.ep-m_agenda[data-view1200="12"]>.ep_gridcolumn-content>.ep_filter, #website-body .ep_gridcolumn.ep-m_agenda[data-view1200="12"]>.ep_gridcolumn-content>.ep_list, #website-body .ep_gridcolumn.ep-m_agenda[data-view1200="12"]>.ep_gridcolumn-content>.ep_footer, #website-body .ep_gridcolumn.ep-m_agenda[data-view1200="11"]>.ep_gridcolumn-content>.ep_header, #website-body .ep_gridcolumn.ep-m_agenda[data-view1200="11"]>.ep_gridcolumn-content>.ep_filter, #website-body .ep_gridcolumn.ep-m_agenda[data-view1200="11"]>.ep_gridcolumn-content>.ep_list, #website-body .ep_gridcolumn.ep-m_agenda[data-view1200="11"]>.ep_gridcolumn-content>.ep_footer, #website-body .ep_gridcolumn.ep-m_agenda[data-view1200="10"]>.ep_gridcolumn-content>.ep_header, #website-body .ep_gridcolumn.ep-m_agenda[data-view1200="10"]>.ep_gridcolumn-content>.ep_filter, #website-body .ep_gridcolumn.ep-m_agenda[data-view1200="10"]>.ep_gridcolumn-content>.ep_list, #website-body .ep_gridcolumn.ep-m_agenda[data-view1200="10"]>.ep_gridcolumn-content>.ep_footer, #website-body .ep_gridcolumn.ep-m_agenda[data-view1200="9"]>.ep_gridcolumn-content>.ep_header, #website-body .ep_gridcolumn.ep-m_agenda[data-view1200="9"]>.ep_gridcolumn-content>.ep_filter, #website-body .ep_gridcolumn.ep-m_agenda[data-view1200="9"]>.ep_gridcolumn-content>.ep_list, #website-body .ep_gridcolumn.ep-m_agenda[data-view1200="9"]>.ep_gridcolumn-content>.ep_footer, #website-body .ep_gridcolumn.ep-m_agenda[data-view1200="8"]>.ep_gridcolumn-content>.ep_header, #website-body .ep_gridcolumn.ep-m_agenda[data-view1200="8"]>.ep_gridcolumn-content>.ep_filter, #website-body .ep_gridcolumn.ep-m_agenda[data-view1200="8"]>.ep_gridcolumn-content>.ep_list, #website-body .ep_gridcolumn.ep-m_agenda[data-view1200="8"]>.ep_gridcolumn-content>.ep_footer, #website-body .ep_gridcolumn.ep-m_agenda[data-view1200="7"]>.ep_gridcolumn-content>.ep_header, #website-body .ep_gridcolumn.ep-m_agenda[data-view1200="7"]>.ep_gridcolumn-content>.ep_filter, #website-body .ep_gridcolumn.ep-m_agenda[data-view1200="7"]>.ep_gridcolumn-content>.ep_list, #website-body .ep_gridcolumn.ep-m_agenda[data-view1200="7"]>.ep_gridcolumn-content>.ep_footer { background-color: #f1f2f2; } #website-body .ep_gridcolumn.ep-m_agenda[data-view1200="12"]>.ep_gridcolumn-content>.ep_list ol, #website-body .ep_gridcolumn.ep-m_agenda[data-view1200="12"]>.ep_gridcolumn-content>.ep_list ul, #website-body .ep_gridcolumn.ep-m_agenda[data-view1200="11"]>.ep_gridcolumn-content>.ep_list ol, #website-body .ep_gridcolumn.ep-m_agenda[data-view1200="11"]>.ep_gridcolumn-content>.ep_list ul, #website-body .ep_gridcolumn.ep-m_agenda[data-view1200="10"]>.ep_gridcolumn-content>.ep_list ol, #website-body .ep_gridcolumn.ep-m_agenda[data-view1200="10"]>.ep_gridcolumn-content>.ep_list ul, #website-body .ep_gridcolumn.ep-m_agenda[data-view1200="9"]>.ep_gridcolumn-content>.ep_list ol, #website-body .ep_gridcolumn.ep-m_agenda[data-view1200="9"]>.ep_gridcolumn-content>.ep_list ul, #website-body .ep_gridcolumn.ep-m_agenda[data-view1200="8"]>.ep_gridcolumn-content>.ep_list ol, #website-body .ep_gridcolumn.ep-m_agenda[data-view1200="8"]>.ep_gridcolumn-content>.ep_list ul, #website-body .ep_gridcolumn.ep-m_agenda[data-view1200="7"]>.ep_gridcolumn-content>.ep_list ol, #website-body .ep_gridcolumn.ep-m_agenda[data-view1200="7"]>.ep_gridcolumn-content>.ep_list ul { margin-left: 20px; margin-right: 20px; padding-top: 20px; border-top: 1px solid #d1d3d4; border-bottom: 1px solid #d1d3d4; } /* MOLECULE "AGENDA" : Gestion des grandes tailles (modification du filtre) */ #website-body .ep_gridcolumn.ep-m_agenda[data-view1200="12"]>.ep_gridcolumn-content>.ep_filter, #website-body .ep_gridcolumn.ep-m_agenda[data-view1200="11"]>.ep_gridcolumn-content>.ep_filter, #website-body .ep_gridcolumn.ep-m_agenda[data-view1200="10"]>.ep_gridcolumn-content>.ep_filter, #website-body .ep_gridcolumn.ep-m_agenda[data-view1200="9"]>.ep_gridcolumn-content>.ep_filter, #website-body .ep_gridcolumn.ep-m_agenda[data-view1200="8"]>.ep_gridcolumn-content>.ep_filter, #website-body .ep_gridcolumn.ep-m_agenda[data-view1200="7"]>.ep_gridcolumn-content>.ep_filter { display: flex; display: -webkit-flex; flex-direction: row; -webkit-flex-direction: row; flex-wrap: wrap; -webkit-flex-wrap: wrap; } #website-body .ep_gridcolumn.ep-m_agenda[data-view1200="12"]>.ep_gridcolumn-content>.ep_filter .ep_title, #website-body .ep_gridcolumn.ep-m_agenda[data-view1200="11"]>.ep_gridcolumn-content>.ep_filter .ep_title, #website-body .ep_gridcolumn.ep-m_agenda[data-view1200="10"]>.ep_gridcolumn-content>.ep_filter .ep_title, #website-body .ep_gridcolumn.ep-m_agenda[data-view1200="9"]>.ep_gridcolumn-content>.ep_filter .ep_title, #website-body .ep_gridcolumn.ep-m_agenda[data-view1200="8"]>.ep_gridcolumn-content>.ep_filter .ep_title, #website-body .ep_gridcolumn.ep-m_agenda[data-view1200="7"]>.ep_gridcolumn-content>.ep_filter .ep_title { flex: 1 1 50%; -webkit-flex: 1 1 50%; order: 1; -webkit-order: 1; } #website-body .ep_gridcolumn.ep-m_agenda[data-view1200="12"]>.ep_gridcolumn-content>.ep_filter .ep_type, #website-body .ep_gridcolumn.ep-m_agenda[data-view1200="11"]>.ep_gridcolumn-content>.ep_filter .ep_type, #website-body .ep_gridcolumn.ep-m_agenda[data-view1200="10"]>.ep_gridcolumn-content>.ep_filter .ep_type, #website-body .ep_gridcolumn.ep-m_agenda[data-view1200="9"]>.ep_gridcolumn-content>.ep_filter .ep_type, #website-body .ep_gridcolumn.ep-m_agenda[data-view1200="8"]>.ep_gridcolumn-content>.ep_filter .ep_type, #website-body .ep_gridcolumn.ep-m_agenda[data-view1200="7"]>.ep_gridcolumn-content>.ep_filter .ep_type { margin-top: calc(-10px - 1.2em); margin-bottom: -20px; flex: 0 0 auto; -webkit-flex: 0 0 auto; order: 2; -webkit-order: 2; } #website-body .ep_gridcolumn.ep-m_agenda[data-view1200="12"]>.ep_gridcolumn-content>.ep_filter .ep_type { width: calc(100% / 4); } #website-body .ep_gridcolumn.ep-m_agenda[data-view1200="11"]>.ep_gridcolumn-content>.ep_filter .ep_type { width: calc((100% / 11) * 3); } #website-body .ep_gridcolumn.ep-m_agenda[data-view1200="10"]>.ep_gridcolumn-content>.ep_filter .ep_type { width: calc((100% / 11) * 3); } #website-body .ep_gridcolumn.ep-m_agenda[data-view1200="9"]>.ep_gridcolumn-content>.ep_filter .ep_type { width: calc(100% / 3); } #website-body .ep_gridcolumn.ep-m_agenda[data-view1200="8"]>.ep_gridcolumn-content>.ep_filter .ep_type { width: calc((100% / 8) * 3); } #website-body .ep_gridcolumn.ep-m_agenda[data-view1200="7"]>.ep_gridcolumn-content>.ep_filter .ep_type { width: calc((100% / 7) * 3); } #website-body .ep_gridcolumn.ep-m_agenda[data-view1200="12"]>.ep_gridcolumn-content>.ep_filter .ep_submit, #website-body .ep_gridcolumn.ep-m_agenda[data-view1200="11"]>.ep_gridcolumn-content>.ep_filter .ep_submit, #website-body .ep_gridcolumn.ep-m_agenda[data-view1200="10"]>.ep_gridcolumn-content>.ep_filter .ep_submit, #website-body .ep_gridcolumn.ep-m_agenda[data-view1200="9"]>.ep_gridcolumn-content>.ep_filter .ep_submit, #website-body .ep_gridcolumn.ep-m_agenda[data-view1200="8"]>.ep_gridcolumn-content>.ep_filter .ep_submit, #website-body .ep_gridcolumn.ep-m_agenda[data-view1200="7"]>.ep_gridcolumn-content>.ep_filter .ep_submit { width: 100%; margin-top: -10px; margin-bottom: -20px; flex: 0 0 auto; -webkit-flex: 0 0 auto; order: 3; -webkit-order: 3; text-align: right; } #website-body .ep_gridcolumn.ep-m_agenda[data-view1200="12"]>.ep_gridcolumn-content>.ep_filter .ep_date, #website-body .ep_gridcolumn.ep-m_agenda[data-view1200="11"]>.ep_gridcolumn-content>.ep_filter .ep_date, #website-body .ep_gridcolumn.ep-m_agenda[data-view1200="10"]>.ep_gridcolumn-content>.ep_filter .ep_date, #website-body .ep_gridcolumn.ep-m_agenda[data-view1200="9"]>.ep_gridcolumn-content>.ep_filter .ep_date, #website-body .ep_gridcolumn.ep-m_agenda[data-view1200="8"]>.ep_gridcolumn-content>.ep_filter .ep_date, #website-body .ep_gridcolumn.ep-m_agenda[data-view1200="7"]>.ep_gridcolumn-content>.ep_filter .ep_date { width: 100%; padding-bottom: 5px; flex: 0 0 auto; -webkit-flex: 0 0 auto; order: 4; -webkit-order: 4; } #website-body .ep_gridcolumn.ep-m_agenda[data-view1200="12"]>.ep_gridcolumn-content>.ep_filter .ep-a_dayselect .ep-p_casefield .ep_input.ep_checked label:after, #website-body .ep_gridcolumn.ep-m_agenda[data-view1200="12"]>.ep_gridcolumn-content>.ep_filter .ep-a_dayselect .ep_list .ep_input.ep_checked .ep-p_text:after, #website-body .ep_gridcolumn.ep-m_agenda[data-view1200="11"]>.ep_gridcolumn-content>.ep_filter .ep-a_dayselect .ep-p_casefield .ep_input.ep_checked label:after, #website-body .ep_gridcolumn.ep-m_agenda[data-view1200="11"]>.ep_gridcolumn-content>.ep_filter .ep-a_dayselect .ep_list .ep_input.ep_checked .ep-p_text:after, #website-body .ep_gridcolumn.ep-m_agenda[data-view1200="10"]>.ep_gridcolumn-content>.ep_filter .ep-a_dayselect .ep-p_casefield .ep_input.ep_checked label:after, #website-body .ep_gridcolumn.ep-m_agenda[data-view1200="10"]>.ep_gridcolumn-content>.ep_filter .ep-a_dayselect .ep_list .ep_input.ep_checked .ep-p_text:after, #website-body .ep_gridcolumn.ep-m_agenda[data-view1200="9"]>.ep_gridcolumn-content>.ep_filter .ep-a_dayselect .ep-p_casefield .ep_input.ep_checked label:after, #website-body .ep_gridcolumn.ep-m_agenda[data-view1200="9"]>.ep_gridcolumn-content>.ep_filter .ep-a_dayselect .ep_list .ep_input.ep_checked .ep-p_text:after, #website-body .ep_gridcolumn.ep-m_agenda[data-view1200="8"]>.ep_gridcolumn-content>.ep_filter .ep-a_dayselect .ep-p_casefield .ep_input.ep_checked label:after, #website-body .ep_gridcolumn.ep-m_agenda[data-view1200="8"]>.ep_gridcolumn-content>.ep_filter .ep-a_dayselect .ep_list .ep_input.ep_checked .ep-p_text:after, #website-body .ep_gridcolumn.ep-m_agenda[data-view1200="7"]>.ep_gridcolumn-content>.ep_filter .ep-a_dayselect .ep-p_casefield .ep_input.ep_checked label:after, #website-body .ep_gridcolumn.ep-m_agenda[data-view1200="7"]>.ep_gridcolumn-content>.ep_filter .ep-a_dayselect .ep_list .ep_input.ep_checked .ep-p_text:after { position: absolute; display: block; width: 1px; height: 19px; background-color: #d1d3d4; transform: translate(17px, 4px); content: ""; } #website-body .ep_gridcolumn.ep-m_agenda[data-view1200="12"]>.ep_gridcolumn-content>.ep_filter+.ep_list, #website-body .ep_gridcolumn.ep-m_agenda[data-view1200="12"]>.ep_gridcolumn-content>.ep_list+.ep_footer, #website-body .ep_gridcolumn.ep-m_agenda[data-view1200="11"]>.ep_gridcolumn-content>.ep_filter+.ep_list, #website-body .ep_gridcolumn.ep-m_agenda[data-view1200="11"]>.ep_gridcolumn-content>.ep_list+.ep_footer, #website-body .ep_gridcolumn.ep-m_agenda[data-view1200="10"]>.ep_gridcolumn-content>.ep_filter+.ep_list, #website-body .ep_gridcolumn.ep-m_agenda[data-view1200="10"]>.ep_gridcolumn-content>.ep_list+.ep_footer, #website-body .ep_gridcolumn.ep-m_agenda[data-view1200="9"]>.ep_gridcolumn-content>.ep_filter+.ep_list, #website-body .ep_gridcolumn.ep-m_agenda[data-view1200="9"]>.ep_gridcolumn-content>.ep_list+.ep_footer, #website-body .ep_gridcolumn.ep-m_agenda[data-view1200="8"]>.ep_gridcolumn-content>.ep_filter+.ep_list, #website-body .ep_gridcolumn.ep-m_agenda[data-view1200="8"]>.ep_gridcolumn-content>.ep_list+.ep_footer, #website-body .ep_gridcolumn.ep-m_agenda[data-view1200="7"]>.ep_gridcolumn-content>.ep_filter+.ep_list, #website-body .ep_gridcolumn.ep-m_agenda[data-view1200="7"]>.ep_gridcolumn-content>.ep_list+.ep_footer { border-top: none; } #website-body .ep_gridcolumn.ep-m_agenda[data-view1200="12"]>.ep_gridcolumn-content>.ep_footer .ep-a_button .ep-p_button>*, #website-body .ep_gridcolumn.ep-m_agenda[data-view1200="11"]>.ep_gridcolumn-content>.ep_footer .ep-a_button .ep-p_button>*, #website-body .ep_gridcolumn.ep-m_agenda[data-view1200="10"]>.ep_gridcolumn-content>.ep_footer .ep-a_button .ep-p_button>*, #website-body .ep_gridcolumn.ep-m_agenda[data-view1200="9"]>.ep_gridcolumn-content>.ep_footer .ep-a_button .ep-p_button>*, #website-body .ep_gridcolumn.ep-m_agenda[data-view1200="8"]>.ep_gridcolumn-content>.ep_footer .ep-a_button .ep-p_button>*, #website-body .ep_gridcolumn.ep-m_agenda[data-view1200="7"]>.ep_gridcolumn-content>.ep_footer .ep-a_button .ep-p_button>* { width: auto; } } @media screen and (min-width:1020px) and (max-width:1199px) { /* MOLECULE "AGENDA" : Gestion des grandes tailles (fond et bordure) */ #website-body .ep_gridcolumn.ep-m_agenda[data-view1020="12"]>.ep_gridcolumn-content>.ep_header, #website-body .ep_gridcolumn.ep-m_agenda[data-view1020="12"]>.ep_gridcolumn-content>.ep_filter, #website-body .ep_gridcolumn.ep-m_agenda[data-view1020="12"]>.ep_gridcolumn-content>.ep_list, #website-body .ep_gridcolumn.ep-m_agenda[data-view1020="12"]>.ep_gridcolumn-content>.ep_footer, #website-body .ep_gridcolumn.ep-m_agenda[data-view1020="11"]>.ep_gridcolumn-content>.ep_header, #website-body .ep_gridcolumn.ep-m_agenda[data-view1020="11"]>.ep_gridcolumn-content>.ep_filter, #website-body .ep_gridcolumn.ep-m_agenda[data-view1020="11"]>.ep_gridcolumn-content>.ep_list, #website-body .ep_gridcolumn.ep-m_agenda[data-view1020="11"]>.ep_gridcolumn-content>.ep_footer, #website-body .ep_gridcolumn.ep-m_agenda[data-view1020="10"]>.ep_gridcolumn-content>.ep_header, #website-body .ep_gridcolumn.ep-m_agenda[data-view1020="10"]>.ep_gridcolumn-content>.ep_filter, #website-body .ep_gridcolumn.ep-m_agenda[data-view1020="10"]>.ep_gridcolumn-content>.ep_list, #website-body .ep_gridcolumn.ep-m_agenda[data-view1020="10"]>.ep_gridcolumn-content>.ep_footer, #website-body .ep_gridcolumn.ep-m_agenda[data-view1020="9"]>.ep_gridcolumn-content>.ep_header, #website-body .ep_gridcolumn.ep-m_agenda[data-view1020="9"]>.ep_gridcolumn-content>.ep_filter, #website-body .ep_gridcolumn.ep-m_agenda[data-view1020="9"]>.ep_gridcolumn-content>.ep_list, #website-body .ep_gridcolumn.ep-m_agenda[data-view1020="9"]>.ep_gridcolumn-content>.ep_footer, #website-body .ep_gridcolumn.ep-m_agenda[data-view1020="8"]>.ep_gridcolumn-content>.ep_header, #website-body .ep_gridcolumn.ep-m_agenda[data-view1020="8"]>.ep_gridcolumn-content>.ep_filter, #website-body .ep_gridcolumn.ep-m_agenda[data-view1020="8"]>.ep_gridcolumn-content>.ep_list, #website-body .ep_gridcolumn.ep-m_agenda[data-view1020="8"]>.ep_gridcolumn-content>.ep_footer, #website-body .ep_gridcolumn.ep-m_agenda[data-view1020="7"]>.ep_gridcolumn-content>.ep_header, #website-body .ep_gridcolumn.ep-m_agenda[data-view1020="7"]>.ep_gridcolumn-content>.ep_filter, #website-body .ep_gridcolumn.ep-m_agenda[data-view1020="7"]>.ep_gridcolumn-content>.ep_list, #website-body .ep_gridcolumn.ep-m_agenda[data-view1020="7"]>.ep_gridcolumn-content>.ep_footer { background-color: #f1f2f2; } #website-body .ep_gridcolumn.ep-m_agenda[data-view1020="12"]>.ep_gridcolumn-content>.ep_list ol, #website-body .ep_gridcolumn.ep-m_agenda[data-view1020="12"]>.ep_gridcolumn-content>.ep_list ul, #website-body .ep_gridcolumn.ep-m_agenda[data-view1020="11"]>.ep_gridcolumn-content>.ep_list ol, #website-body .ep_gridcolumn.ep-m_agenda[data-view1020="11"]>.ep_gridcolumn-content>.ep_list ul, #website-body .ep_gridcolumn.ep-m_agenda[data-view1020="10"]>.ep_gridcolumn-content>.ep_list ol, #website-body .ep_gridcolumn.ep-m_agenda[data-view1020="10"]>.ep_gridcolumn-content>.ep_list ul, #website-body .ep_gridcolumn.ep-m_agenda[data-view1020="9"]>.ep_gridcolumn-content>.ep_list ol, #website-body .ep_gridcolumn.ep-m_agenda[data-view1020="9"]>.ep_gridcolumn-content>.ep_list ul, #website-body .ep_gridcolumn.ep-m_agenda[data-view1020="8"]>.ep_gridcolumn-content>.ep_list ol, #website-body .ep_gridcolumn.ep-m_agenda[data-view1020="8"]>.ep_gridcolumn-content>.ep_list ul, #website-body .ep_gridcolumn.ep-m_agenda[data-view1020="7"]>.ep_gridcolumn-content>.ep_list ol, #website-body .ep_gridcolumn.ep-m_agenda[data-view1020="7"]>.ep_gridcolumn-content>.ep_list ul { margin-left: 20px; margin-right: 20px; padding-top: 20px; border-top: 1px solid #d1d3d4; border-bottom: 1px solid #d1d3d4; } /* MOLECULE "AGENDA" : Gestion des grandes tailles (modification du filtre) */ #website-body .ep_gridcolumn.ep-m_agenda[data-view1020="12"]>.ep_gridcolumn-content>.ep_filter, #website-body .ep_gridcolumn.ep-m_agenda[data-view1020="11"]>.ep_gridcolumn-content>.ep_filter, #website-body .ep_gridcolumn.ep-m_agenda[data-view1020="10"]>.ep_gridcolumn-content>.ep_filter, #website-body .ep_gridcolumn.ep-m_agenda[data-view1020="9"]>.ep_gridcolumn-content>.ep_filter, #website-body .ep_gridcolumn.ep-m_agenda[data-view1020="8"]>.ep_gridcolumn-content>.ep_filter, #website-body .ep_gridcolumn.ep-m_agenda[data-view1020="7"]>.ep_gridcolumn-content>.ep_filter { display: flex; display: -webkit-flex; flex-direction: row; -webkit-flex-direction: row; flex-wrap: wrap; -webkit-flex-wrap: wrap; } #website-body .ep_gridcolumn.ep-m_agenda[data-view1020="12"]>.ep_gridcolumn-content>.ep_filter .ep_title, #website-body .ep_gridcolumn.ep-m_agenda[data-view1020="11"]>.ep_gridcolumn-content>.ep_filter .ep_title, #website-body .ep_gridcolumn.ep-m_agenda[data-view1020="10"]>.ep_gridcolumn-content>.ep_filter .ep_title, #website-body .ep_gridcolumn.ep-m_agenda[data-view1020="9"]>.ep_gridcolumn-content>.ep_filter .ep_title, #website-body .ep_gridcolumn.ep-m_agenda[data-view1020="8"]>.ep_gridcolumn-content>.ep_filter .ep_title, #website-body .ep_gridcolumn.ep-m_agenda[data-view1020="7"]>.ep_gridcolumn-content>.ep_filter .ep_title { flex: 1 1 50%; -webkit-flex: 1 1 50%; order: 1; -webkit-order: 1; } #website-body .ep_gridcolumn.ep-m_agenda[data-view1020="12"]>.ep_gridcolumn-content>.ep_filter .ep_type, #website-body .ep_gridcolumn.ep-m_agenda[data-view1020="11"]>.ep_gridcolumn-content>.ep_filter .ep_type, #website-body .ep_gridcolumn.ep-m_agenda[data-view1020="10"]>.ep_gridcolumn-content>.ep_filter .ep_type, #website-body .ep_gridcolumn.ep-m_agenda[data-view1020="9"]>.ep_gridcolumn-content>.ep_filter .ep_type, #website-body .ep_gridcolumn.ep-m_agenda[data-view1020="8"]>.ep_gridcolumn-content>.ep_filter .ep_type, #website-body .ep_gridcolumn.ep-m_agenda[data-view1020="7"]>.ep_gridcolumn-content>.ep_filter .ep_type { margin-top: calc(-10px - 1.2em); margin-bottom: -20px; flex: 0 0 auto; -webkit-flex: 0 0 auto; order: 2; -webkit-order: 2; } #website-body .ep_gridcolumn.ep-m_agenda[data-view1020="12"]>.ep_gridcolumn-content>.ep_filter .ep_type { width: calc(100% / 4); } #website-body .ep_gridcolumn.ep-m_agenda[data-view1020="11"]>.ep_gridcolumn-content>.ep_filter .ep_type { width: calc((100% / 11) * 3); } #website-body .ep_gridcolumn.ep-m_agenda[data-view1020="10"]>.ep_gridcolumn-content>.ep_filter .ep_type { width: calc((100% / 11) * 3); } #website-body .ep_gridcolumn.ep-m_agenda[data-view1020="9"]>.ep_gridcolumn-content>.ep_filter .ep_type { width: calc(100% / 3); } #website-body .ep_gridcolumn.ep-m_agenda[data-view1020="8"]>.ep_gridcolumn-content>.ep_filter .ep_type { width: calc((100% / 8) * 3); } #website-body .ep_gridcolumn.ep-m_agenda[data-view1020="7"]>.ep_gridcolumn-content>.ep_filter .ep_type { width: calc((100% / 7) * 3); } #website-body .ep_gridcolumn.ep-m_agenda[data-view1020="12"]>.ep_gridcolumn-content>.ep_filter .ep_submit, #website-body .ep_gridcolumn.ep-m_agenda[data-view1020="11"]>.ep_gridcolumn-content>.ep_filter .ep_submit, #website-body .ep_gridcolumn.ep-m_agenda[data-view1020="10"]>.ep_gridcolumn-content>.ep_filter .ep_submit, #website-body .ep_gridcolumn.ep-m_agenda[data-view1020="9"]>.ep_gridcolumn-content>.ep_filter .ep_submit, #website-body .ep_gridcolumn.ep-m_agenda[data-view1020="8"]>.ep_gridcolumn-content>.ep_filter .ep_submit, #website-body .ep_gridcolumn.ep-m_agenda[data-view1020="7"]>.ep_gridcolumn-content>.ep_filter .ep_submit { width: 100%; margin-top: -10px; margin-bottom: -20px; flex: 0 0 auto; -webkit-flex: 0 0 auto; order: 3; -webkit-order: 3; text-align: right; } #website-body .ep_gridcolumn.ep-m_agenda[data-view1020="12"]>.ep_gridcolumn-content>.ep_filter .ep_date, #website-body .ep_gridcolumn.ep-m_agenda[data-view1020="11"]>.ep_gridcolumn-content>.ep_filter .ep_date, #website-body .ep_gridcolumn.ep-m_agenda[data-view1020="10"]>.ep_gridcolumn-content>.ep_filter .ep_date, #website-body .ep_gridcolumn.ep-m_agenda[data-view1020="9"]>.ep_gridcolumn-content>.ep_filter .ep_date, #website-body .ep_gridcolumn.ep-m_agenda[data-view1020="8"]>.ep_gridcolumn-content>.ep_filter .ep_date, #website-body .ep_gridcolumn.ep-m_agenda[data-view1020="7"]>.ep_gridcolumn-content>.ep_filter .ep_date { width: 100%; padding-bottom: 5px; flex: 0 0 auto; -webkit-flex: 0 0 auto; order: 4; -webkit-order: 4; } #website-body .ep_gridcolumn.ep-m_agenda[data-view1020="12"]>.ep_gridcolumn-content>.ep_filter .ep-a_dayselect .ep-p_casefield .ep_input.ep_checked label:after, #website-body .ep_gridcolumn.ep-m_agenda[data-view1020="12"]>.ep_gridcolumn-content>.ep_filter .ep-a_dayselect .ep_list .ep_input.ep_checked .ep-p_text:after, #website-body .ep_gridcolumn.ep-m_agenda[data-view1020="11"]>.ep_gridcolumn-content>.ep_filter .ep-a_dayselect .ep-p_casefield .ep_input.ep_checked label:after, #website-body .ep_gridcolumn.ep-m_agenda[data-view1020="11"]>.ep_gridcolumn-content>.ep_filter .ep-a_dayselect .ep_list .ep_input.ep_checked .ep-p_text:after, #website-body .ep_gridcolumn.ep-m_agenda[data-view1020="10"]>.ep_gridcolumn-content>.ep_filter .ep-a_dayselect .ep-p_casefield .ep_input.ep_checked label:after, #website-body .ep_gridcolumn.ep-m_agenda[data-view1020="10"]>.ep_gridcolumn-content>.ep_filter .ep-a_dayselect .ep_list .ep_input.ep_checked .ep-p_text:after, #website-body .ep_gridcolumn.ep-m_agenda[data-view1020="9"]>.ep_gridcolumn-content>.ep_filter .ep-a_dayselect .ep-p_casefield .ep_input.ep_checked label:after, #website-body .ep_gridcolumn.ep-m_agenda[data-view1020="9"]>.ep_gridcolumn-content>.ep_filter .ep-a_dayselect .ep_list .ep_input.ep_checked .ep-p_text:after, #website-body .ep_gridcolumn.ep-m_agenda[data-view1020="8"]>.ep_gridcolumn-content>.ep_filter .ep-a_dayselect .ep-p_casefield .ep_input.ep_checked label:after, #website-body .ep_gridcolumn.ep-m_agenda[data-view1020="8"]>.ep_gridcolumn-content>.ep_filter .ep-a_dayselect .ep_list .ep_input.ep_checked .ep-p_text:after, #website-body .ep_gridcolumn.ep-m_agenda[data-view1020="7"]>.ep_gridcolumn-content>.ep_filter .ep-a_dayselect .ep-p_casefield .ep_input.ep_checked label:after, #website-body .ep_gridcolumn.ep-m_agenda[data-view1020="7"]>.ep_gridcolumn-content>.ep_filter .ep-a_dayselect .ep_list .ep_input.ep_checked .ep-p_text:after { position: absolute; display: block; width: 1px; height: 19px; background-color: #d1d3d4; transform: translate(17px, 4px); content: ""; } #website-body .ep_gridcolumn.ep-m_agenda[data-view1020="12"]>.ep_gridcolumn-content>.ep_filter+.ep_list, #website-body .ep_gridcolumn.ep-m_agenda[data-view1020="12"]>.ep_gridcolumn-content>.ep_list+.ep_footer, #website-body .ep_gridcolumn.ep-m_agenda[data-view1020="11"]>.ep_gridcolumn-content>.ep_filter+.ep_list, #website-body .ep_gridcolumn.ep-m_agenda[data-view1020="11"]>.ep_gridcolumn-content>.ep_list+.ep_footer, #website-body .ep_gridcolumn.ep-m_agenda[data-view1020="10"]>.ep_gridcolumn-content>.ep_filter+.ep_list, #website-body .ep_gridcolumn.ep-m_agenda[data-view1020="10"]>.ep_gridcolumn-content>.ep_list+.ep_footer, #website-body .ep_gridcolumn.ep-m_agenda[data-view1020="9"]>.ep_gridcolumn-content>.ep_filter+.ep_list, #website-body .ep_gridcolumn.ep-m_agenda[data-view1020="9"]>.ep_gridcolumn-content>.ep_list+.ep_footer, #website-body .ep_gridcolumn.ep-m_agenda[data-view1020="8"]>.ep_gridcolumn-content>.ep_filter+.ep_list, #website-body .ep_gridcolumn.ep-m_agenda[data-view1020="8"]>.ep_gridcolumn-content>.ep_list+.ep_footer, #website-body .ep_gridcolumn.ep-m_agenda[data-view1020="7"]>.ep_gridcolumn-content>.ep_filter+.ep_list, #website-body .ep_gridcolumn.ep-m_agenda[data-view1020="7"]>.ep_gridcolumn-content>.ep_list+.ep_footer { border-top: none; } #website-body .ep_gridcolumn.ep-m_agenda[data-view1020="12"]>.ep_gridcolumn-content>.ep_footer .ep-a_button .ep-p_button>*, #website-body .ep_gridcolumn.ep-m_agenda[data-view1020="11"]>.ep_gridcolumn-content>.ep_footer .ep-a_button .ep-p_button>*, #website-body .ep_gridcolumn.ep-m_agenda[data-view1020="10"]>.ep_gridcolumn-content>.ep_footer .ep-a_button .ep-p_button>*, #website-body .ep_gridcolumn.ep-m_agenda[data-view1020="9"]>.ep_gridcolumn-content>.ep_footer .ep-a_button .ep-p_button>*, #website-body .ep_gridcolumn.ep-m_agenda[data-view1020="8"]>.ep_gridcolumn-content>.ep_footer .ep-a_button .ep-p_button>*, #website-body .ep_gridcolumn.ep-m_agenda[data-view1020="7"]>.ep_gridcolumn-content>.ep_footer .ep-a_button .ep-p_button>* { width: auto; } } @media screen and (min-width:750px) and (max-width:1019px), print { /* MOLECULE "AGENDA" : Gestion des grandes tailles (fond et bordure) */ #website-body .ep_gridcolumn.ep-m_agenda[data-view750="12"]>.ep_gridcolumn-content>.ep_header, #website-body .ep_gridcolumn.ep-m_agenda[data-view750="12"]>.ep_gridcolumn-content>.ep_filter, #website-body .ep_gridcolumn.ep-m_agenda[data-view750="12"]>.ep_gridcolumn-content>.ep_list, #website-body .ep_gridcolumn.ep-m_agenda[data-view750="12"]>.ep_gridcolumn-content>.ep_footer, #website-body .ep_gridcolumn.ep-m_agenda[data-view750="11"]>.ep_gridcolumn-content>.ep_header, #website-body .ep_gridcolumn.ep-m_agenda[data-view750="11"]>.ep_gridcolumn-content>.ep_filter, #website-body .ep_gridcolumn.ep-m_agenda[data-view750="11"]>.ep_gridcolumn-content>.ep_list, #website-body .ep_gridcolumn.ep-m_agenda[data-view750="11"]>.ep_gridcolumn-content>.ep_footer, #website-body .ep_gridcolumn.ep-m_agenda[data-view750="10"]>.ep_gridcolumn-content>.ep_header, #website-body .ep_gridcolumn.ep-m_agenda[data-view750="10"]>.ep_gridcolumn-content>.ep_filter, #website-body .ep_gridcolumn.ep-m_agenda[data-view750="10"]>.ep_gridcolumn-content>.ep_list, #website-body .ep_gridcolumn.ep-m_agenda[data-view750="10"]>.ep_gridcolumn-content>.ep_footer, #website-body .ep_gridcolumn.ep-m_agenda[data-view750="9"]>.ep_gridcolumn-content>.ep_header, #website-body .ep_gridcolumn.ep-m_agenda[data-view750="9"]>.ep_gridcolumn-content>.ep_filter, #website-body .ep_gridcolumn.ep-m_agenda[data-view750="9"]>.ep_gridcolumn-content>.ep_list, #website-body .ep_gridcolumn.ep-m_agenda[data-view750="9"]>.ep_gridcolumn-content>.ep_footer, #website-body .ep_gridcolumn.ep-m_agenda[data-view750="8"]>.ep_gridcolumn-content>.ep_header, #website-body .ep_gridcolumn.ep-m_agenda[data-view750="8"]>.ep_gridcolumn-content>.ep_filter, #website-body .ep_gridcolumn.ep-m_agenda[data-view750="8"]>.ep_gridcolumn-content>.ep_list, #website-body .ep_gridcolumn.ep-m_agenda[data-view750="8"]>.ep_gridcolumn-content>.ep_footer, #website-body .ep_gridcolumn.ep-m_agenda[data-view750="7"]>.ep_gridcolumn-content>.ep_header, #website-body .ep_gridcolumn.ep-m_agenda[data-view750="7"]>.ep_gridcolumn-content>.ep_filter, #website-body .ep_gridcolumn.ep-m_agenda[data-view750="7"]>.ep_gridcolumn-content>.ep_list, #website-body .ep_gridcolumn.ep-m_agenda[data-view750="7"]>.ep_gridcolumn-content>.ep_footer { background-color: #f1f2f2; } #website-body .ep_gridcolumn.ep-m_agenda[data-view750="12"]>.ep_gridcolumn-content>.ep_list ol, #website-body .ep_gridcolumn.ep-m_agenda[data-view750="12"]>.ep_gridcolumn-content>.ep_list ul, #website-body .ep_gridcolumn.ep-m_agenda[data-view750="11"]>.ep_gridcolumn-content>.ep_list ol, #website-body .ep_gridcolumn.ep-m_agenda[data-view750="11"]>.ep_gridcolumn-content>.ep_list ul, #website-body .ep_gridcolumn.ep-m_agenda[data-view750="10"]>.ep_gridcolumn-content>.ep_list ol, #website-body .ep_gridcolumn.ep-m_agenda[data-view750="10"]>.ep_gridcolumn-content>.ep_list ul, #website-body .ep_gridcolumn.ep-m_agenda[data-view750="9"]>.ep_gridcolumn-content>.ep_list ol, #website-body .ep_gridcolumn.ep-m_agenda[data-view750="9"]>.ep_gridcolumn-content>.ep_list ul, #website-body .ep_gridcolumn.ep-m_agenda[data-view750="8"]>.ep_gridcolumn-content>.ep_list ol, #website-body .ep_gridcolumn.ep-m_agenda[data-view750="8"]>.ep_gridcolumn-content>.ep_list ul, #website-body .ep_gridcolumn.ep-m_agenda[data-view750="7"]>.ep_gridcolumn-content>.ep_list ol, #website-body .ep_gridcolumn.ep-m_agenda[data-view750="7"]>.ep_gridcolumn-content>.ep_list ul { margin-left: 20px; margin-right: 20px; padding-top: 20px; border-top: 1px solid #d1d3d4; border-bottom: 1px solid #d1d3d4; } /* MOLECULE "AGENDA" : Gestion des grandes tailles (modification du filtre) */ #website-body .ep_gridcolumn.ep-m_agenda[data-view750="12"]>.ep_gridcolumn-content>.ep_filter, #website-body .ep_gridcolumn.ep-m_agenda[data-view750="11"]>.ep_gridcolumn-content>.ep_filter, #website-body .ep_gridcolumn.ep-m_agenda[data-view750="10"]>.ep_gridcolumn-content>.ep_filter, #website-body .ep_gridcolumn.ep-m_agenda[data-view750="9"]>.ep_gridcolumn-content>.ep_filter, #website-body .ep_gridcolumn.ep-m_agenda[data-view750="8"]>.ep_gridcolumn-content>.ep_filter, #website-body .ep_gridcolumn.ep-m_agenda[data-view750="7"]>.ep_gridcolumn-content>.ep_filter { display: flex; display: -webkit-flex; flex-direction: row; -webkit-flex-direction: row; flex-wrap: wrap; -webkit-flex-wrap: wrap; } #website-body .ep_gridcolumn.ep-m_agenda[data-view750="12"]>.ep_gridcolumn-content>.ep_filter .ep_title, #website-body .ep_gridcolumn.ep-m_agenda[data-view750="11"]>.ep_gridcolumn-content>.ep_filter .ep_title, #website-body .ep_gridcolumn.ep-m_agenda[data-view750="10"]>.ep_gridcolumn-content>.ep_filter .ep_title, #website-body .ep_gridcolumn.ep-m_agenda[data-view750="9"]>.ep_gridcolumn-content>.ep_filter .ep_title, #website-body .ep_gridcolumn.ep-m_agenda[data-view750="8"]>.ep_gridcolumn-content>.ep_filter .ep_title, #website-body .ep_gridcolumn.ep-m_agenda[data-view750="7"]>.ep_gridcolumn-content>.ep_filter .ep_title { flex: 1 1 50%; -webkit-flex: 1 1 50%; order: 1; -webkit-order: 1; } #website-body .ep_gridcolumn.ep-m_agenda[data-view750="12"]>.ep_gridcolumn-content>.ep_filter .ep_type, #website-body .ep_gridcolumn.ep-m_agenda[data-view750="11"]>.ep_gridcolumn-content>.ep_filter .ep_type, #website-body .ep_gridcolumn.ep-m_agenda[data-view750="10"]>.ep_gridcolumn-content>.ep_filter .ep_type, #website-body .ep_gridcolumn.ep-m_agenda[data-view750="9"]>.ep_gridcolumn-content>.ep_filter .ep_type, #website-body .ep_gridcolumn.ep-m_agenda[data-view750="8"]>.ep_gridcolumn-content>.ep_filter .ep_type, #website-body .ep_gridcolumn.ep-m_agenda[data-view750="7"]>.ep_gridcolumn-content>.ep_filter .ep_type { margin-top: calc(-10px - 1.2em); margin-bottom: -20px; flex: 0 0 auto; -webkit-flex: 0 0 auto; order: 2; -webkit-order: 2; } #website-body .ep_gridcolumn.ep-m_agenda[data-view750="12"]>.ep_gridcolumn-content>.ep_filter .ep_type { width: calc(100% / 4); } #website-body .ep_gridcolumn.ep-m_agenda[data-view750="11"]>.ep_gridcolumn-content>.ep_filter .ep_type { width: calc((100% / 11) * 3); } #website-body .ep_gridcolumn.ep-m_agenda[data-view750="10"]>.ep_gridcolumn-content>.ep_filter .ep_type { width: calc((100% / 11) * 3); } #website-body .ep_gridcolumn.ep-m_agenda[data-view750="9"]>.ep_gridcolumn-content>.ep_filter .ep_type { width: calc(100% / 3); } #website-body .ep_gridcolumn.ep-m_agenda[data-view750="8"]>.ep_gridcolumn-content>.ep_filter .ep_type { width: calc((100% / 8) * 3); } #website-body .ep_gridcolumn.ep-m_agenda[data-view750="7"]>.ep_gridcolumn-content>.ep_filter .ep_type { width: calc((100% / 7) * 3); } #website-body .ep_gridcolumn.ep-m_agenda[data-view750="12"]>.ep_gridcolumn-content>.ep_filter .ep_submit, #website-body .ep_gridcolumn.ep-m_agenda[data-view750="11"]>.ep_gridcolumn-content>.ep_filter .ep_submit, #website-body .ep_gridcolumn.ep-m_agenda[data-view750="10"]>.ep_gridcolumn-content>.ep_filter .ep_submit, #website-body .ep_gridcolumn.ep-m_agenda[data-view750="9"]>.ep_gridcolumn-content>.ep_filter .ep_submit, #website-body .ep_gridcolumn.ep-m_agenda[data-view750="8"]>.ep_gridcolumn-content>.ep_filter .ep_submit, #website-body .ep_gridcolumn.ep-m_agenda[data-view750="7"]>.ep_gridcolumn-content>.ep_filter .ep_submit { width: 100%; margin-top: -10px; margin-bottom: -20px; flex: 0 0 auto; -webkit-flex: 0 0 auto; order: 3; -webkit-order: 3; text-align: right; } #website-body .ep_gridcolumn.ep-m_agenda[data-view750="12"]>.ep_gridcolumn-content>.ep_filter .ep_date, #website-body .ep_gridcolumn.ep-m_agenda[data-view750="11"]>.ep_gridcolumn-content>.ep_filter .ep_date, #website-body .ep_gridcolumn.ep-m_agenda[data-view750="10"]>.ep_gridcolumn-content>.ep_filter .ep_date, #website-body .ep_gridcolumn.ep-m_agenda[data-view750="9"]>.ep_gridcolumn-content>.ep_filter .ep_date, #website-body .ep_gridcolumn.ep-m_agenda[data-view750="8"]>.ep_gridcolumn-content>.ep_filter .ep_date, #website-body .ep_gridcolumn.ep-m_agenda[data-view750="7"]>.ep_gridcolumn-content>.ep_filter .ep_date { width: 100%; padding-bottom: 5px; flex: 0 0 auto; -webkit-flex: 0 0 auto; order: 4; -webkit-order: 4; } #website-body .ep_gridcolumn.ep-m_agenda[data-view750="12"]>.ep_gridcolumn-content>.ep_filter .ep-a_dayselect .ep-p_casefield .ep_input.ep_checked label:after, #website-body .ep_gridcolumn.ep-m_agenda[data-view750="12"]>.ep_gridcolumn-content>.ep_filter .ep-a_dayselect .ep_list .ep_input.ep_checked .ep-p_text:after, #website-body .ep_gridcolumn.ep-m_agenda[data-view750="11"]>.ep_gridcolumn-content>.ep_filter .ep-a_dayselect .ep-p_casefield .ep_input.ep_checked label:after, #website-body .ep_gridcolumn.ep-m_agenda[data-view750="11"]>.ep_gridcolumn-content>.ep_filter .ep-a_dayselect .ep_list .ep_input.ep_checked .ep-p_text:after, #website-body .ep_gridcolumn.ep-m_agenda[data-view750="10"]>.ep_gridcolumn-content>.ep_filter .ep-a_dayselect .ep-p_casefield .ep_input.ep_checked label:after, #website-body .ep_gridcolumn.ep-m_agenda[data-view750="10"]>.ep_gridcolumn-content>.ep_filter .ep-a_dayselect .ep_list .ep_input.ep_checked .ep-p_text:after, #website-body .ep_gridcolumn.ep-m_agenda[data-view750="9"]>.ep_gridcolumn-content>.ep_filter .ep-a_dayselect .ep-p_casefield .ep_input.ep_checked label:after, #website-body .ep_gridcolumn.ep-m_agenda[data-view750="9"]>.ep_gridcolumn-content>.ep_filter .ep-a_dayselect .ep_list .ep_input.ep_checked .ep-p_text:after, #website-body .ep_gridcolumn.ep-m_agenda[data-view750="8"]>.ep_gridcolumn-content>.ep_filter .ep-a_dayselect .ep-p_casefield .ep_input.ep_checked label:after, #website-body .ep_gridcolumn.ep-m_agenda[data-view750="8"]>.ep_gridcolumn-content>.ep_filter .ep-a_dayselect .ep_list .ep_input.ep_checked .ep-p_text:after, #website-body .ep_gridcolumn.ep-m_agenda[data-view750="7"]>.ep_gridcolumn-content>.ep_filter .ep-a_dayselect .ep-p_casefield .ep_input.ep_checked label:after, #website-body .ep_gridcolumn.ep-m_agenda[data-view750="7"]>.ep_gridcolumn-content>.ep_filter .ep-a_dayselect .ep_list .ep_input.ep_checked .ep-p_text:after { position: absolute; display: block; width: 1px; height: 19px; background-color: #d1d3d4; transform: translate(17px, 4px); content: ""; } #website-body .ep_gridcolumn.ep-m_agenda[data-view750="12"]>.ep_gridcolumn-content>.ep_filter+.ep_list, #website-body .ep_gridcolumn.ep-m_agenda[data-view750="12"]>.ep_gridcolumn-content>.ep_list+.ep_footer, #website-body .ep_gridcolumn.ep-m_agenda[data-view750="11"]>.ep_gridcolumn-content>.ep_filter+.ep_list, #website-body .ep_gridcolumn.ep-m_agenda[data-view750="11"]>.ep_gridcolumn-content>.ep_list+.ep_footer, #website-body .ep_gridcolumn.ep-m_agenda[data-view750="10"]>.ep_gridcolumn-content>.ep_filter+.ep_list, #website-body .ep_gridcolumn.ep-m_agenda[data-view750="10"]>.ep_gridcolumn-content>.ep_list+.ep_footer, #website-body .ep_gridcolumn.ep-m_agenda[data-view750="9"]>.ep_gridcolumn-content>.ep_filter+.ep_list, #website-body .ep_gridcolumn.ep-m_agenda[data-view750="9"]>.ep_gridcolumn-content>.ep_list+.ep_footer, #website-body .ep_gridcolumn.ep-m_agenda[data-view750="8"]>.ep_gridcolumn-content>.ep_filter+.ep_list, #website-body .ep_gridcolumn.ep-m_agenda[data-view750="8"]>.ep_gridcolumn-content>.ep_list+.ep_footer, #website-body .ep_gridcolumn.ep-m_agenda[data-view750="7"]>.ep_gridcolumn-content>.ep_filter+.ep_list, #website-body .ep_gridcolumn.ep-m_agenda[data-view750="7"]>.ep_gridcolumn-content>.ep_list+.ep_footer { border-top: none; } #website-body .ep_gridcolumn.ep-m_agenda[data-view750="12"]>.ep_gridcolumn-content>.ep_footer .ep-a_button .ep-p_button>*, #website-body .ep_gridcolumn.ep-m_agenda[data-view750="11"]>.ep_gridcolumn-content>.ep_footer .ep-a_button .ep-p_button>*, #website-body .ep_gridcolumn.ep-m_agenda[data-view750="10"]>.ep_gridcolumn-content>.ep_footer .ep-a_button .ep-p_button>*, #website-body .ep_gridcolumn.ep-m_agenda[data-view750="9"]>.ep_gridcolumn-content>.ep_footer .ep-a_button .ep-p_button>*, #website-body .ep_gridcolumn.ep-m_agenda[data-view750="8"]>.ep_gridcolumn-content>.ep_footer .ep-a_button .ep-p_button>*, #website-body .ep_gridcolumn.ep-m_agenda[data-view750="7"]>.ep_gridcolumn-content>.ep_footer .ep-a_button .ep-p_button>* { width: auto; } } @media screen and (min-width:640px) and (max-width:749px) { /* MOLECULE "AGENDA" : Gestion des grandes tailles (fond et bordure) */ #website-body .ep_gridcolumn.ep-m_agenda[data-view640="8"]>.ep_gridcolumn-content>.ep_header, #website-body .ep_gridcolumn.ep-m_agenda[data-view640="8"]>.ep_gridcolumn-content>.ep_filter, #website-body .ep_gridcolumn.ep-m_agenda[data-view640="8"]>.ep_gridcolumn-content>.ep_list, #website-body .ep_gridcolumn.ep-m_agenda[data-view640="8"]>.ep_gridcolumn-content>.ep_footer, #website-body .ep_gridcolumn.ep-m_agenda[data-view640="7"]>.ep_gridcolumn-content>.ep_header, #website-body .ep_gridcolumn.ep-m_agenda[data-view640="7"]>.ep_gridcolumn-content>.ep_filter, #website-body .ep_gridcolumn.ep-m_agenda[data-view640="7"]>.ep_gridcolumn-content>.ep_list, #website-body .ep_gridcolumn.ep-m_agenda[data-view640="7"]>.ep_gridcolumn-content>.ep_footer { background-color: #f1f2f2; } #website-body .ep_gridcolumn.ep-m_agenda[data-view640="8"]>.ep_gridcolumn-content>.ep_list ol, #website-body .ep_gridcolumn.ep-m_agenda[data-view640="8"]>.ep_gridcolumn-content>.ep_list ul, #website-body .ep_gridcolumn.ep-m_agenda[data-view640="7"]>.ep_gridcolumn-content>.ep_list ol, #website-body .ep_gridcolumn.ep-m_agenda[data-view640="7"]>.ep_gridcolumn-content>.ep_list ul { margin-left: 20px; margin-right: 20px; padding-top: 20px; border-top: 1px solid #d1d3d4; border-bottom: 1px solid #d1d3d4; } /* MOLECULE "AGENDA" : Gestion des grandes tailles (modification du filtre) */ #website-body .ep_gridcolumn.ep-m_agenda[data-view640="8"]>.ep_gridcolumn-content>.ep_filter, #website-body .ep_gridcolumn.ep-m_agenda[data-view640="7"]>.ep_gridcolumn-content>.ep_filter { display: flex; display: -webkit-flex; flex-direction: row; -webkit-flex-direction: row; flex-wrap: wrap; -webkit-flex-wrap: wrap; } #website-body .ep_gridcolumn.ep-m_agenda[data-view640="8"]>.ep_gridcolumn-content>.ep_filter .ep_title, #website-body .ep_gridcolumn.ep-m_agenda[data-view640="7"]>.ep_gridcolumn-content>.ep_filter .ep_title { flex: 1 1 50%; -webkit-flex: 1 1 50%; order: 1; -webkit-order: 1; } #website-body .ep_gridcolumn.ep-m_agenda[data-view640="8"]>.ep_gridcolumn-content>.ep_filter .ep_type, #website-body .ep_gridcolumn.ep-m_agenda[data-view640="7"]>.ep_gridcolumn-content>.ep_filter .ep_type { margin-top: calc(-10px - 1.2em); margin-bottom: -20px; flex: 0 0 auto; -webkit-flex: 0 0 auto; order: 2; -webkit-order: 2; } #website-body .ep_gridcolumn.ep-m_agenda[data-view640="8"]>.ep_gridcolumn-content>.ep_filter .ep_type { width: calc((100% / 8) * 3); } #website-body .ep_gridcolumn.ep-m_agenda[data-view640="7"]>.ep_gridcolumn-content>.ep_filter .ep_type { width: calc((100% / 7) * 3); } #website-body .ep_gridcolumn.ep-m_agenda[data-view640="8"]>.ep_gridcolumn-content>.ep_filter .ep_submit, #website-body .ep_gridcolumn.ep-m_agenda[data-view640="7"]>.ep_gridcolumn-content>.ep_filter .ep_submit { width: 100%; margin-top: -10px; margin-bottom: -20px; flex: 0 0 auto; -webkit-flex: 0 0 auto; order: 3; -webkit-order: 3; text-align: right; } #website-body .ep_gridcolumn.ep-m_agenda[data-view640="8"]>.ep_gridcolumn-content>.ep_filter .ep_date, #website-body .ep_gridcolumn.ep-m_agenda[data-view640="7"]>.ep_gridcolumn-content>.ep_filter .ep_date { width: 100%; padding-bottom: 5px; flex: 0 0 auto; -webkit-flex: 0 0 auto; order: 4; -webkit-order: 4; } #website-body .ep_gridcolumn.ep-m_agenda[data-view640="8"]>.ep_gridcolumn-content>.ep_filter .ep-a_dayselect .ep-p_casefield .ep_input.ep_checked label:after, #website-body .ep_gridcolumn.ep-m_agenda[data-view640="8"]>.ep_gridcolumn-content>.ep_filter .ep-a_dayselect .ep_list .ep_input.ep_checked .ep-p_text:after, #website-body .ep_gridcolumn.ep-m_agenda[data-view640="7"]>.ep_gridcolumn-content>.ep_filter .ep-a_dayselect .ep-p_casefield .ep_input.ep_checked label:after, #website-body .ep_gridcolumn.ep-m_agenda[data-view640="7"]>.ep_gridcolumn-content>.ep_filter .ep-a_dayselect .ep_list .ep_input.ep_checked .ep-p_text:after { position: absolute; display: block; width: 1px; height: 19px; background-color: #d1d3d4; transform: translate(17px, 4px); content: ""; } #website-body .ep_gridcolumn.ep-m_agenda[data-view640="8"]>.ep_gridcolumn-content>.ep_filter+.ep_list, #website-body .ep_gridcolumn.ep-m_agenda[data-view640="8"]>.ep_gridcolumn-content>.ep_list+.ep_footer, #website-body .ep_gridcolumn.ep-m_agenda[data-view640="7"]>.ep_gridcolumn-content>.ep_filter+.ep_list, #website-body .ep_gridcolumn.ep-m_agenda[data-view640="7"]>.ep_gridcolumn-content>.ep_list+.ep_footer { border-top: none; } #website-body .ep_gridcolumn.ep-m_agenda[data-view640="8"]>.ep_gridcolumn-content>.ep_footer .ep-a_button .ep-p_button>*, #website-body .ep_gridcolumn.ep-m_agenda[data-view640="7"]>.ep_gridcolumn-content>.ep_footer .ep-a_button .ep-p_button>* { width: auto; } } @media screen and (max-width:639px) { /* MOLECULE "AGENDA" : Gestion des tailles reduites */ #website-body .ep_gridcolumn.ep-m_agenda>.ep_gridcolumn-content>.ep_header, #website-body .ep_gridcolumn.ep-m_agenda>.ep_gridcolumn-content>.ep_filter, #website-body .ep_gridcolumn.ep-m_agenda>.ep_gridcolumn-content>.ep_list, #website-body .ep_gridcolumn.ep-m_agenda>.ep_gridcolumn-content>.ep_footer { background-color: #f1f2f2; } #website-body .ep_gridcolumn.ep-m_agenda>.ep_gridcolumn-content>.ep_list { padding-top: 0; } #website-body .ep_gridcolumn.ep-m_agenda>.ep_gridcolumn-content>.ep_list ol, #website-body .ep_gridcolumn.ep-m_agenda>.ep_gridcolumn-content>.ep_list ul { margin-left: 10px; margin-right: 10px; padding-top: 20px; } #website-body .ep_gridcolumn.ep-m_agenda>.ep_gridcolumn-content>.ep_list+.ep_footer { border-top: none; } #website-body .ep_gridcolumn.ep-m_agenda[data-converted]>.ep_gridcolumn-content .ep_list ol, #website-body .ep_gridcolumn.ep-m_agenda[data-converted]>.ep_gridcolumn-content .ep_list ul { padding-bottom: 25px; } } /* ===================================================================================================================================================================================================================== */ /* === ATOMICDESIGN ================== [ORGANISM] ====================================================================================================================================================================== */ /* ===================================================================================================================================================================================================================== */ /* /!\ Les composants sont toujours poses sur les balises "ligne" de la grille (ep_gridrow) */ /* ========================================================================================================================================================================= */ /* == STRUCTURE GENERALE ========= [ORGANISM] ============================================================================================================================== */ /* ========================================================================================================================================================================= */ /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* ORGANISM : Blocage des concatenations */ #website-body .ep_gridrow[class*="ep-o_"] [class*="ep-o_"] { display: none !important; } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* ORGANISM : Suppression de contenu selon les breakpoints */ @media screen and (min-width:1200px) { #website-body [class*="ep-o_"][data-visibility1200="false"] { display: none !important; } #website-body [class*="ep-o_"][data-visibility1200="hidden"] { position: absolute !important; overflow: hidden !important; display: block !important; width: 0 !important; height: 0 !important; flex: 0 0 auto !important; opacity: 0 !important; } } @media screen and (min-width:1020px) and (max-width:1199px) { #website-body [class*="ep-o_"][data-visibility1020="false"] { display: none !important; } #website-body [class*="ep-o_"][data-visibility1020="hidden"] { position: absolute !important; overflow: hidden !important; display: block !important; width: 0 !important; height: 0 !important; flex: 0 0 auto !important; opacity: 0 !important; } } @media screen and (min-width:750px) and (max-width:1019px), print { #website-body [class*="ep-o_"][data-visibility750="false"] { display: none !important; } #website-body [class*="ep-o_"][data-visibility750="hidden"] { position: absolute !important; overflow: hidden !important; display: block !important; width: 0 !important; height: 0 !important; flex: 0 0 auto !important; opacity: 0 !important; } } @media screen and (min-width:640px) and (max-width:749px) { #website-body [class*="ep-o_"][data-visibility640="false"] { display: none !important; } #website-body [class*="ep-o_"][data-visibility640="hidden"] { position: absolute !important; overflow: hidden !important; display: block !important; width: 0 !important; height: 0 !important; flex: 0 0 auto !important; opacity: 0 !important; } } @media screen and (min-width:480px) and (max-width:639px) { #website-body [class*="ep-o_"][data-visibility480="false"] { display: none !important; } #website-body [class*="ep-o_"][data-visibility480="hidden"] { position: absolute !important; overflow: hidden !important; display: block !important; width: 0 !important; height: 0 !important; flex: 0 0 auto !important; opacity: 0 !important; } } @media screen and (max-width:479px) { #website-body [class*="ep-o_"][data-visibility320="false"] { display: none !important; } #website-body [class*="ep-o_"][data-visibility320="hidden"] { position: absolute !important; overflow: hidden !important; display: block !important; width: 0 !important; height: 0 !important; flex: 0 0 auto !important; opacity: 0 !important; } } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* ORGANISM : Interlignage internes entre les dernieres molecules et l'organisme (marge inferieure de 10px) */ #website-body .ep_gridrow[class*="ep-o_"]:after, #website-body .ep_gridrow[class*="ep-o_"]>.ep_gridrow-content:after { position: static; display: block; overflow: hidden; width: 100%; flex: 0 0 100%; -webkit-flex: 0 0 100%; background-color: #ff0; opacity: 0; white-space: nowrap; content: ""; } #website-body .ep_gridrow[class*="ep-o_"]>.ep_gridrow-content:after { height: 10px; } #website-body .ep_gridrow[class*="ep-o_"]:after { display: none; background-color: #fff; } /* ORGANISM : Correction de la marge entre molecules */ #website-body .ep_gridrow[class*="ep-o_"] .ep_gridcolumn.ep-m_product.ep-layout_greycolor:after, #website-body .ep_gridrow[class*="ep-o_"] .ep_gridcolumn.ep-m_product.ep-layout_greygradient:after, #website-body .ep_gridrow[class*="ep-o_"] .ep_gridcolumn.ep-m_product.ep-layout_black:after, #website-body .ep_gridrow[class*="ep-o_"] .ep_gridcolumn.ep-m_product.ep-layout_border:after { height: 30px; } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* ORGANISM : Affichage de l'organisme sur fond colore */ /* ORGANISM : Coloration du fond */ #website-body .ep_gridrow[class*="ep-o_"].ep-layout_greycolor { background-color: #f1f2f2; } #website-body .ep_gridrow[class*="ep-o_"].ep-layout_greygradient { background-color: #f3f4f4; background: -webkit-linear-gradient(left, #f3f4f4, #e4e5e6); background: -moz-linear-gradient(left, #f3f4f4, #e4e5e6); background: -ms-linear-gradient(left, #f3f4f4, #e4e5e6); background: linear-gradient(left, #f3f4f4, #e4e5e6); } #website-body .ep_gridrow[class*="ep-o_"].ep-layout_greygradient .ep_gridcolumn.ep-m_video.ep-layout_black>.ep_gridrow:before, #website-body .ep_gridrow[class*="ep-o_"].ep-layout_greygradient .ep_gridcolumn.ep-m_video.ep-layout_black>.ep_gridrow:after { background-color: #f1f2f2; } #website-body .ep_gridrow[class*="ep-o_"].ep-layout_greygradient .ep_gridcolumn.ep-m_video.ep-layout_black>.ep_gridrow:before #website-body .ep_gridrow[class*="ep-o_"].ep-layout_greygradient .ep_gridcolumn.ep-m_video.ep-layout_black>.ep_gridrow:after { background-color: #f3f4f4; } #website-body .ep_gridrow[class*="ep-o_"].ep-layout_greygradient .ep_gridcolumn.ep-m_video.ep-layout_black>.ep_gridrow:after { background-color: #e4e5e6; } /* ORGANISM : Correction de la molecule d'entete en cas de fond de couleur */ #website-body .ep_gridrow[class*="ep-o_"].ep-layout_greycolor .ep-m_header:after, #website-body .ep_gridrow[class*="ep-o_"].ep-layout_greygradient .ep-m_header:after { height: 10px; margin-left: inherit; margin-right: inherit; border-top: none; } #website-body .ep_gridrow[class*="ep-o_"].ep-layout_greycolor .ep-m_header.ep-layout_listtitle .ep-a_heading:after, #website-body .ep_gridrow[class*="ep-o_"].ep-layout_greygradient .ep-m_header.ep-layout_listtitle .ep-a_heading:after { margin-top: 0; } /* ORGANISM : Correction de la couleur de fond pour les grilles de premier niveau lors de la perte de la scrollbarre de la page */ #website-body .ep_gridrow[class*="ep-o_"].ep-layout_greycolor .ep-m_header.ep-layout_listtitle>.ep_gridcolumn-content, #website-body .ep_gridrow[class*="ep-o_"].ep-layout_greygradient .ep-m_header.ep-layout_listtitle>.ep_gridcolumn-content { border-bottom: none; } #website-body .ep_gridrow[class*="ep-o_"].ep-layout_greycolor .ep-m_header .ep-a_heading, #website-body .ep_gridrow[class*="ep-o_"].ep-layout_greygradient .ep-m_header .ep-a_heading { display: inline-block; } #website-body .ep_gridrow[class*="ep-o_"].ep-layout_greycolor .ep-m_header .ep-a_heading>.ep_title, #website-body .ep_gridrow[class*="ep-o_"].ep-layout_greygradient .ep-m_header .ep-a_heading>.ep_title, #website-body .ep_gridrow[class*="ep-o_"].ep-layout_greycolor .ep-m_header .ep-a_heading>.ep_subtitle, #website-body .ep_gridrow[class*="ep-o_"].ep-layout_greygradient .ep-m_header .ep-a_heading>.ep_subtitle { margin-bottom: 0; padding: 10px; background-color: #1e1e1f; color: #fff; } #website-body .ep_gridrow[class*="ep-o_"].ep-layout_greycolor .ep-m_header .ep-a_heading>.ep_title, #website-body .ep_gridrow[class*="ep-o_"].ep-layout_greygradient .ep-m_header .ep-a_heading>.ep_title { margin-top: 0; } #website-body .ep_gridrow[class*="ep-o_"].ep-layout_greycolor .ep-m_header .ep-a_heading>.ep_title+.ep_subtitle, #website-body .ep_gridrow[class*="ep-o_"].ep-layout_greygradient .ep-m_header .ep-a_heading>.ep_title+.ep_subtitle { padding-top: 0; } /* ORGANISM : Correction des marges entre organismes */ #website-body .ep_gridrow[class*="ep-o_"].ep-layout_greycolor:after, #website-body .ep_gridrow[class*="ep-o_"].ep-layout_greygradient:after { display: block; height: 40px; opacity: 1; } #website-body .ep_gridrow[class*="ep-o_"].ep-layout_greycolor:before, #website-body .ep_gridrow[class*="ep-o_"].ep-layout_greygradient:before { position: static; display: block; opacity: 0; width: 20px; height: 30px; background-color: #fff; content: ""; } #website-body .ep_gridrow[class*="ep-o_"].ep-layout_greycolor>.ep_gridrow-content .ep-m_header:first-child, #website-body .ep_gridrow[class*="ep-o_"].ep-layout_greygradient>.ep_gridrow-content .ep-m_header:first-child { margin-top: -30px; } @media screen and (min-width:1020px) and (max-width:1199px) { #website-body>.ep_gridrow[class*="ep-o_"].ep-layout_greycolor:after, #website-body>.ep_gridrow[class*="ep-o_"].ep-layout_greygradient:after { width: calc(100% + 60px); margin-left: -30px; } } @media screen and (min-width:750px) and (max-width:1019px), print { #website-body>.ep_gridrow[class*="ep-o_"].ep-layout_greycolor:after, #website-body>.ep_gridrow[class*="ep-o_"].ep-layout_greygradient:after { width: calc(100% + 30px); margin-left: -15px; } } @media screen and (min-width:640px) and (max-width:749px) { #website-body>.ep_gridrow[class*="ep-o_"].ep-layout_greycolor:after, #website-body>.ep_gridrow[class*="ep-o_"].ep-layout_greygradient:after { width: calc(100% + 32px); margin-left: -16px; } } /* ORGANISM : Suppression des marges de la molecule "footer" afin de la poser sur le bord de l'organisme */ #website-body .ep_gridrow[class*="ep-o_"].ep-layout_greycolor .ep_gridcolumn.ep-m_footer:after, #website-body .ep_gridrow[class*="ep-o_"].ep-layout_greygradient .ep_gridcolumn.ep-m_footer:after { display: none; } /* ORGANISM : Correction des effets de molecules a bordure */ @media screen and (min-width:1200px) { #website-body .ep_gridrow[class*="ep-o_"].ep-layout_greycolor .ep_gridcolumn[class*="ep-m_"][data-layout1200$="border"]>.ep_gridrow:before, #website-body .ep_gridrow[class*="ep-o_"].ep-layout_greycolor .ep_gridcolumn[class*="ep-m_"][data-layout1200$="border"]>.ep_gridrow:after { background-color: #f1f2f2; } #website-body .ep_gridrow[class*="ep-o_"].ep-layout_greygradient .ep_gridcolumn[class*="ep-m_"][data-layout1200$="border"]>.ep_gridrow:before, #website-body .ep_gridrow[class*="ep-o_"].ep-layout_greygradient .ep_gridcolumn[class*="ep-m_"][data-layout1200$="border"]>.ep_gridrow:after { background-color: #f3f4f4; background: -webkit-linear-gradient(left, #f3f4f4, #e4e5e6); background: -moz-linear-gradient(left, #f3f4f4, #e4e5e6); background: -ms-linear-gradient(left, #f3f4f4, #e4e5e6); background: linear-gradient(left, #f3f4f4, #e4e5e6); } } @media screen and (min-width:1020px) and (max-width:1199px) { #website-body .ep_gridrow[class*="ep-o_"].ep-layout_greycolor .ep_gridcolumn[class*="ep-m_"][data-layout1020$="border"]>.ep_gridrow:before, #website-body .ep_gridrow[class*="ep-o_"].ep-layout_greycolor .ep_gridcolumn[class*="ep-m_"][data-layout1020$="border"]>.ep_gridrow:after { background-color: #f1f2f2; } #website-body .ep_gridrow[class*="ep-o_"].ep-layout_greygradient .ep_gridcolumn[class*="ep-m_"][data-layout1020$="border"]>.ep_gridrow:before, #website-body .ep_gridrow[class*="ep-o_"].ep-layout_greygradient .ep_gridcolumn[class*="ep-m_"][data-layout1020$="border"]>.ep_gridrow:after { background-color: #f3f4f4; background: -webkit-linear-gradient(left, #f3f4f4, #e4e5e6); background: -moz-linear-gradient(left, #f3f4f4, #e4e5e6); background: -ms-linear-gradient(left, #f3f4f4, #e4e5e6); background: linear-gradient(left, #f3f4f4, #e4e5e6); } } @media screen and (min-width:750px) and (max-width:1019px), print { #website-body .ep_gridrow[class*="ep-o_"].ep-layout_greycolor .ep_gridcolumn[class*="ep-m_"][data-layout750$="border"]>.ep_gridrow:before, #website-body .ep_gridrow[class*="ep-o_"].ep-layout_greycolor .ep_gridcolumn[class*="ep-m_"][data-layout750$="border"]>.ep_gridrow:after { background-color: #f1f2f2; } #website-body .ep_gridrow[class*="ep-o_"].ep-layout_greygradient .ep_gridcolumn[class*="ep-m_"][data-layout750$="border"]>.ep_gridrow:before, #website-body .ep_gridrow[class*="ep-o_"].ep-layout_greygradient .ep_gridcolumn[class*="ep-m_"][data-layout750$="border"]>.ep_gridrow:after { background-color: #f3f4f4; background: -webkit-linear-gradient(left, #f3f4f4, #e4e5e6); background: -moz-linear-gradient(left, #f3f4f4, #e4e5e6); background: -ms-linear-gradient(left, #f3f4f4, #e4e5e6); background: linear-gradient(left, #f3f4f4, #e4e5e6); } } @media screen and (min-width:640px) and (max-width:749px) { #website-body .ep_gridrow[class*="ep-o_"].ep-layout_greycolor .ep_gridcolumn[class*="ep-m_"][data-layout640$="border"]>.ep_gridrow:before, #website-body .ep_gridrow[class*="ep-o_"].ep-layout_greycolor .ep_gridcolumn[class*="ep-m_"][data-layout640$="border"]>.ep_gridrow:after { background-color: #f1f2f2; } #website-body .ep_gridrow[class*="ep-o_"].ep-layout_greygradient .ep_gridcolumn[class*="ep-m_"][data-layout640$="border"]>.ep_gridrow:before, #website-body .ep_gridrow[class*="ep-o_"].ep-layout_greygradient .ep_gridcolumn[class*="ep-m_"][data-layout640$="border"]>.ep_gridrow:after { background-color: #f3f4f4; background: -webkit-linear-gradient(left, #f3f4f4, #e4e5e6); background: -moz-linear-gradient(left, #f3f4f4, #e4e5e6); background: -ms-linear-gradient(left, #f3f4f4, #e4e5e6); background: linear-gradient(left, #f3f4f4, #e4e5e6); } } @media screen and (min-width:480px) and (max-width:639px) { #website-body .ep_gridrow[class*="ep-o_"].ep-layout_greycolor .ep_gridcolumn[class*="ep-m_"][data-layout480$="border"]>.ep_gridrow:before, #website-body .ep_gridrow[class*="ep-o_"].ep-layout_greycolor .ep_gridcolumn[class*="ep-m_"][data-layout480$="border"]>.ep_gridrow:after { background-color: #f1f2f2; } #website-body .ep_gridrow[class*="ep-o_"].ep-layout_greygradient .ep_gridcolumn[class*="ep-m_"][data-layout480$="border"]>.ep_gridrow:before, #website-body .ep_gridrow[class*="ep-o_"].ep-layout_greygradient .ep_gridcolumn[class*="ep-m_"][data-layout480$="border"]>.ep_gridrow:after { background-color: #f3f4f4; background: -webkit-linear-gradient(left, #f3f4f4, #e4e5e6); background: -moz-linear-gradient(left, #f3f4f4, #e4e5e6); background: -ms-linear-gradient(left, #f3f4f4, #e4e5e6); background: linear-gradient(left, #f3f4f4, #e4e5e6); } } @media screen and (max-width:639px) { #website-body .ep_gridrow[class*="ep-o_"].ep-layout_greycolor .ep_gridcolumn[class*="ep-m_"][data-layout320$="border"]>.ep_gridrow:before, #website-body .ep_gridrow[class*="ep-o_"].ep-layout_greycolor .ep_gridcolumn[class*="ep-m_"][data-layout320$="border"]>.ep_gridrow:after { background-color: #f1f2f2; } #website-body .ep_gridrow[class*="ep-o_"].ep-layout_greygradient .ep_gridcolumn[class*="ep-m_"][data-layout320$="border"]>.ep_gridrow:before, #website-body .ep_gridrow[class*="ep-o_"].ep-layout_greygradient .ep_gridcolumn[class*="ep-m_"][data-layout320$="border"]>.ep_gridrow:after { background-color: #f3f4f4; background: -webkit-linear-gradient(left, #f3f4f4, #e4e5e6); background: -moz-linear-gradient(left, #f3f4f4, #e4e5e6); background: -ms-linear-gradient(left, #f3f4f4, #e4e5e6); background: linear-gradient(left, #f3f4f4, #e4e5e6); } } /* ORGANISM : Correction de la couleur de fond de la molecule video sur fond noir */ @media screen and (min-width:1200px) { #website-body .ep_gridrow[class*="ep-o_"].ep-layout_greycolor .ep_gridcolumn.ep-m_video[data-layout1200^="list"]>.ep_gridrow:before, #website-body .ep_gridrow[class*="ep-o_"].ep-layout_greycolor .ep_gridcolumn.ep-m_video[data-layout1200^="list"]>.ep_gridrow:after { background-color: #f1f2f2; } #website-body .ep_gridrow[class*="ep-o_"].ep-layout_greygradient .ep_gridcolumn.ep-m_video[data-layout1200^="list"]>.ep_gridrow:before, #website-body .ep_gridrow[class*="ep-o_"].ep-layout_greygradient .ep_gridcolumn.ep-m_video[data-layout1200^="list"]>.ep_gridrow:after { background-color: #f3f4f4; background: -webkit-linear-gradient(left, #f3f4f4, #e4e5e6); background: -moz-linear-gradient(left, #f3f4f4, #e4e5e6); background: -ms-linear-gradient(left, #f3f4f4, #e4e5e6); background: linear-gradient(left, #f3f4f4, #e4e5e6); } } @media screen and (min-width:1020px) and (max-width:1199px) { #website-body .ep_gridrow[class*="ep-o_"].ep-layout_greycolor .ep_gridcolumn.ep-m_video[data-layout1020^="list"]>.ep_gridrow:before, #website-body .ep_gridrow[class*="ep-o_"].ep-layout_greycolor .ep_gridcolumn.ep-m_video[data-layout1020^="list"]>.ep_gridrow:after { background-color: #f1f2f2; } #website-body .ep_gridrow[class*="ep-o_"].ep-layout_greygradient .ep_gridcolumn.ep-m_video[data-layout1020^="list"]>.ep_gridrow:before, #website-body .ep_gridrow[class*="ep-o_"].ep-layout_greygradient .ep_gridcolumn.ep-m_video[data-layout1020^="list"]>.ep_gridrow:after { background-color: #f3f4f4; background: -webkit-linear-gradient(left, #f3f4f4, #e4e5e6); background: -moz-linear-gradient(left, #f3f4f4, #e4e5e6); background: -ms-linear-gradient(left, #f3f4f4, #e4e5e6); background: linear-gradient(left, #f3f4f4, #e4e5e6); } } @media screen and (min-width:750px) and (max-width:1019px), print { #website-body .ep_gridrow[class*="ep-o_"].ep-layout_greycolor .ep_gridcolumn.ep-m_video[data-layout750^="list"]>.ep_gridrow:before, #website-body .ep_gridrow[class*="ep-o_"].ep-layout_greycolor .ep_gridcolumn.ep-m_video[data-layout750^="list"]>.ep_gridrow:after { background-color: #f1f2f2; } #website-body .ep_gridrow[class*="ep-o_"].ep-layout_greygradient .ep_gridcolumn.ep-m_video[data-layout750^="list"]>.ep_gridrow:before, #website-body .ep_gridrow[class*="ep-o_"].ep-layout_greygradient .ep_gridcolumn.ep-m_video[data-layout750^="list"]>.ep_gridrow:after { background-color: #f3f4f4; background: -webkit-linear-gradient(left, #f3f4f4, #e4e5e6); background: -moz-linear-gradient(left, #f3f4f4, #e4e5e6); background: -ms-linear-gradient(left, #f3f4f4, #e4e5e6); background: linear-gradient(left, #f3f4f4, #e4e5e6); } } @media screen and (min-width:640px) and (max-width:749px) { #website-body .ep_gridrow[class*="ep-o_"].ep-layout_greycolor .ep_gridcolumn.ep-m_video[data-layout640^="list"]>.ep_gridrow:before, #website-body .ep_gridrow[class*="ep-o_"].ep-layout_greycolor .ep_gridcolumn.ep-m_video[data-layout640^="list"]>.ep_gridrow:after { background-color: #f1f2f2; } #website-body .ep_gridrow[class*="ep-o_"].ep-layout_greygradient .ep_gridcolumn.ep-m_video[data-layout640^="list"]>.ep_gridrow:before, #website-body .ep_gridrow[class*="ep-o_"].ep-layout_greygradient .ep_gridcolumn.ep-m_video[data-layout640^="list"]>.ep_gridrow:after { background-color: #f3f4f4; background: -webkit-linear-gradient(left, #f3f4f4, #e4e5e6); background: -moz-linear-gradient(left, #f3f4f4, #e4e5e6); background: -ms-linear-gradient(left, #f3f4f4, #e4e5e6); background: linear-gradient(left, #f3f4f4, #e4e5e6); } } @media screen and (min-width:480px) and (max-width:639px) { #website-body .ep_gridrow[class*="ep-o_"].ep-layout_greycolor .ep_gridcolumn.ep-m_video[data-layout480^="list"]>.ep_gridrow:before, #website-body .ep_gridrow[class*="ep-o_"].ep-layout_greycolor .ep_gridcolumn.ep-m_video[data-layout480^="list"]>.ep_gridrow:after { background-color: #f1f2f2; } #website-body .ep_gridrow[class*="ep-o_"].ep-layout_greygradient .ep_gridcolumn.ep-m_video[data-layout480^="list"]>.ep_gridrow:before, #website-body .ep_gridrow[class*="ep-o_"].ep-layout_greygradient .ep_gridcolumn.ep-m_video[data-layout480^="list"]>.ep_gridrow:after { background-color: #f3f4f4; background: -webkit-linear-gradient(left, #f3f4f4, #e4e5e6); background: -moz-linear-gradient(left, #f3f4f4, #e4e5e6); background: -ms-linear-gradient(left, #f3f4f4, #e4e5e6); background: linear-gradient(left, #f3f4f4, #e4e5e6); } } @media screen and (max-width:639px) { #website-body .ep_gridrow[class*="ep-o_"].ep-layout_greycolor .ep_gridcolumn.ep-m_video[data-layout320^="list"]>.ep_gridrow:before, #website-body .ep_gridrow[class*="ep-o_"].ep-layout_greycolor .ep_gridcolumn.ep-m_video[data-layout320^="list"]>.ep_gridrow:after { background-color: #f1f2f2; } #website-body .ep_gridrow[class*="ep-o_"].ep-layout_greygradient .ep_gridcolumn[class*="ep-m_"][data-layout320$="border"]>.ep_gridrow:before, #website-body .ep_gridrow[class*="ep-o_"].ep-layout_greygradient .ep_gridcolumn[class*="ep-m_"][data-layout320$="border"]>.ep_gridrow:after { background-color: #f3f4f4; background: -webkit-linear-gradient(left, #f3f4f4, #e4e5e6); background: -moz-linear-gradient(left, #f3f4f4, #e4e5e6); background: -ms-linear-gradient(left, #f3f4f4, #e4e5e6); background: linear-gradient(left, #f3f4f4, #e4e5e6); } } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* ORGANISM : Affichage des bordures de separation au debut et a la fin de l'organisme (sur fond gris uniquement) */ /* ORGANISM : Ajout de bordures superieures et inferieures uniquement */ #website-body .ep_gridrow[class*="ep-o_"].ep-layout_greycolor.ep-layout_border, #website-body .ep_gridrow[class*="ep-o_"].ep-layout_greycolor.ep-layout_border:after, #website-body .ep_gridrow[class*="ep-o_"].ep-layout_greygradient.ep-layout_border, #website-body .ep_gridrow[class*="ep-o_"].ep-layout_greygradient.ep-layout_border:after { border-top: 1px solid #d1d3d4; } /* ORGANISM : Suppression de l'espace pour les molecules "header" */ #website-body .ep_gridrow[class*="ep-o_"].ep-layout_greycolor.ep-layout_border>.ep_gridrow-content>.ep_gridcolumn.ep-m_header.ep-layout_listtitle:first-child, #website-body .ep_gridrow[class*="ep-o_"].ep-layout_greygradient.ep-layout_border>.ep_gridrow-content>.ep_gridcolumn.ep-m_header.ep-layout_listtitle:first-child { margin-top: -31px; } /* ORGANISM : Correction des marges de la molecule "load more" sur fond colore */ #website-body .ep_gridrow[class*="ep-o_"].ep-layout_greycolor .ep_gridcolumn.ep-m_footer .ep-a_loadmore, #website-body .ep_gridrow[class*="ep-o_"].ep-layout_greygradient .ep_gridcolumn.ep-m_footer .ep-a_loadmore { position: relative; margin-bottom: -11px; } #website-body .ep_gridrow[class*="ep-o_"].ep-layout_greycolor .ep_gridcolumn.ep-m_footer .ep-a_loadmore .ep_button, #website-body .ep_gridrow[class*="ep-o_"].ep-layout_greygradient .ep_gridcolumn.ep-m_footer .ep-a_loadmore .ep_button { position: relative; z-index: 1; } #website-body .ep_gridrow[class*="ep-o_"].ep-layout_greycolor .ep_gridcolumn.ep-m_footer .ep-a_loadmore:before, #website-body .ep_gridrow[class*="ep-o_"].ep-layout_greygradient .ep_gridcolumn.ep-m_footer .ep-a_loadmore:before { display: none; } #website-body .ep_gridrow[class*="ep-o_"].ep-layout_greycolor .ep_gridcolumn.ep-m_footer .ep-a_loadmore:after, #website-body .ep_gridrow[class*="ep-o_"].ep-layout_greygradient .ep_gridcolumn.ep-m_footer .ep-a_loadmore:after { position: absolute; display: block; left: -10px; right: -10px; width: auto; height: calc((1.4em + 32px) /2); margin-top: calc((-1.4em - 32px) /2); padding-top: 0; background-color: #fff; opacity: 1; border-top: 1px solid #d1d3d4; content: ""; } @media screen and (min-width:1200px) { #website-body .ep_gridrow[class*="ep-o_"].ep-layout_greycolor .ep_gridcolumn[data-view1200="12"].ep-m_footer .ep-a_loadmore, #website-body .ep_gridrow[class*="ep-o_"].ep-layout_greygradient .ep_gridcolumn[data-view1200="12"].ep-m_footer .ep-a_loadmore { position: static; } #website-body .ep_gridrow[class*="ep-o_"].ep-layout_greycolor .ep_gridcolumn[data-view1200="12"].ep-m_footer .ep-a_loadmore:after, #website-body .ep_gridrow[class*="ep-o_"].ep-layout_greygradient .ep_gridcolumn[data-view1200="12"].ep-m_footer .ep-a_loadmore:after { left: 0; right: 0; } } @media screen and (min-width:1020px) and (max-width:1199px) { #website-body .ep_gridrow[class*="ep-o_"].ep-layout_greycolor .ep_gridcolumn[data-view1020="12"].ep-m_footer .ep-a_loadmore:after, #website-body .ep_gridrow[class*="ep-o_"].ep-layout_greygradient .ep_gridcolumn[data-view1020="12"].ep-m_footer .ep-a_loadmore:after { left: -50px; right: -50px; } } @media screen and (min-width:750px) and (max-width:1019px), print { #website-body .ep_gridrow[class*="ep-o_"].ep-layout_greycolor .ep_gridcolumn[data-view750="12"].ep-m_footer .ep-a_loadmore:after, #website-body .ep_gridrow[class*="ep-o_"].ep-layout_greygradient .ep_gridcolumn[data-view750="12"].ep-m_footer .ep-a_loadmore:after { left: -25px; right: -25px; } } @media screen and (min-width:640px) and (max-width:749px) { #website-body .ep_gridrow[class*="ep-o_"].ep-layout_greycolor .ep_gridcolumn[data-view640="8"].ep-m_footer .ep-a_loadmore:after, #website-body .ep_gridrow[class*="ep-o_"].ep-layout_greygradient .ep_gridcolumn[data-view640="8"].ep-m_footer .ep-a_loadmore:after { left: -26px; right: -26px; } } @media screen and (min-width:480px) and (max-width:639px) { #website-body .ep_gridrow[class*="ep-o_"].ep-layout_greycolor .ep_gridcolumn[data-view480="8"].ep-m_footer .ep-a_loadmore:after, #website-body .ep_gridrow[class*="ep-o_"].ep-layout_greygradient .ep_gridcolumn[data-view480="8"].ep-m_footer .ep-a_loadmore:after { left: -10px; right: -10px; } } @media screen and (max-width:479px) { #website-body .ep_gridrow[class*="ep-o_"].ep-layout_greycolor .ep_gridcolumn[data-view320="4"].ep-m_footer .ep-a_loadmore:after, #website-body .ep_gridrow[class*="ep-o_"].ep-layout_greygradient .ep_gridcolumn[data-view320="4"].ep-m_footer .ep-a_loadmore:after { left: -10px; right: -10px; } } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* ORGANISM : Reorganisation de contenu (insertion d'une molecule d'un organisme au sein d'une serie de molecule | 3 reorganisations maximum autorisees) */ /* ORGANISM : Definition de l'ordre standart pour les molecules */ #website-body .ep_gridrow[class*="ep-o_"].ep-layout_reorder>.ep_gridrow-content>.ep_gridcolumn { order: 1; -webkit-order: 1; } #website-body .ep_gridrow[class*="ep-o_"].ep-layout_reorder>.ep_gridrow-content:after { order: 10; -webkit-order: 10; } /* ORGANISM : Identification de la molecule a deplacer */ #website-body .ep_gridrow[class*="ep-o_"].ep-layout_reorder>.ep_gridrow-content>.ep_gridcolumn.ep-layout_reorder-1 { order: 2 !important; -webkit-order: 2 !important; } #website-body .ep_gridrow[class*="ep-o_"].ep-layout_reorder>.ep_gridrow-content>.ep_gridcolumn.ep-layout_reorder-2 { order: 4 !important; -webkit-order: 4 !important; } #website-body .ep_gridrow[class*="ep-o_"].ep-layout_reorder>.ep_gridrow-content>.ep_gridcolumn.ep-layout_reorder-3 { order: 6 !important; -webkit-order: 6 !important; } /* ORGANISM : Correction de l'ordre des molecules devant suivre le ou les blocs a deplacer */ @media screen and (min-width:1200px) { #website-body .ep_gridrow[class*="ep-o_"].ep-layout_reorder>.ep_gridrow-content>.ep_gridcolumn[data-reorder1200="insert-1"]~.ep_gridcolumn { order: 3; -webkit-order: 3; } #website-body .ep_gridrow[class*="ep-o_"].ep-layout_reorder>.ep_gridrow-content>.ep_gridcolumn[data-reorder1200="insert-2"]~.ep_gridcolumn { order: 5; -webkit-order: 5; } #website-body .ep_gridrow[class*="ep-o_"].ep-layout_reorder>.ep_gridrow-content>.ep_gridcolumn[data-reorder1200="insert-3"]~.ep_gridcolumn { order: 7; -webkit-order: 7; } } @media screen and (min-width:1020px) and (max-width:1199px) { #website-body .ep_gridrow[class*="ep-o_"].ep-layout_reorder>.ep_gridrow-content>.ep_gridcolumn[data-reorder1020="insert-1"]~.ep_gridcolumn { order: 3; -webkit-order: 3; } #website-body .ep_gridrow[class*="ep-o_"].ep-layout_reorder>.ep_gridrow-content>.ep_gridcolumn[data-reorder1020="insert-2"]~.ep_gridcolumn { order: 5; -webkit-order: 5; } #website-body .ep_gridrow[class*="ep-o_"].ep-layout_reorder>.ep_gridrow-content>.ep_gridcolumn[data-reorder1020="insert-3"]~.ep_gridcolumn { order: 7; -webkit-order: 7; } } @media screen and (min-width:750px) and (max-width:1019px), print { #website-body .ep_gridrow[class*="ep-o_"].ep-layout_reorder>.ep_gridrow-content>.ep_gridcolumn[data-reorder750="insert-1"]~.ep_gridcolumn { order: 3; -webkit-order: 3; } #website-body .ep_gridrow[class*="ep-o_"].ep-layout_reorder>.ep_gridrow-content>.ep_gridcolumn[data-reorder750="insert-2"]~.ep_gridcolumn { order: 5; -webkit-order: 5; } #website-body .ep_gridrow[class*="ep-o_"].ep-layout_reorder>.ep_gridrow-content>.ep_gridcolumn[data-reorder750="insert-3"]~.ep_gridcolumn { order: 7; -webkit-order: 7; } } @media screen and (min-width:640px) and (max-width:749px) { #website-body .ep_gridrow[class*="ep-o_"].ep-layout_reorder>.ep_gridrow-content>.ep_gridcolumn[data-reorder640="insert-1"]~.ep_gridcolumn { order: 3; -webkit-order: 3; } #website-body .ep_gridrow[class*="ep-o_"].ep-layout_reorder>.ep_gridrow-content>.ep_gridcolumn[data-reorder640="insert-2"]~.ep_gridcolumn { order: 5; -webkit-order: 5; } #website-body .ep_gridrow[class*="ep-o_"].ep-layout_reorder>.ep_gridrow-content>.ep_gridcolumn[data-reorder640="insert-3"]~.ep_gridcolumn { order: 7; -webkit-order: 7; } } @media screen and (min-width:480px) and (max-width:639px) { #website-body .ep_gridrow[class*="ep-o_"].ep-layout_reorder>.ep_gridrow-content>.ep_gridcolumn[data-reorder480="insert-1"]~.ep_gridcolumn { order: 3; -webkit-order: 3; } #website-body .ep_gridrow[class*="ep-o_"].ep-layout_reorder>.ep_gridrow-content>.ep_gridcolumn[data-reorder480="insert-2"]~.ep_gridcolumn { order: 5; -webkit-order: 5; } #website-body .ep_gridrow[class*="ep-o_"].ep-layout_reorder>.ep_gridrow-content>.ep_gridcolumn[data-reorder480="insert-3"]~.ep_gridcolumn { order: 7; -webkit-order: 7; } } @media screen and (max-width:479px) { #website-body .ep_gridrow[class*="ep-o_"].ep-layout_reorder>.ep_gridrow-content>.ep_gridcolumn[data-reorder320="insert-1"]~.ep_gridcolumn { order: 3; -webkit-order: 3; } #website-body .ep_gridrow[class*="ep-o_"].ep-layout_reorder>.ep_gridrow-content>.ep_gridcolumn[data-reorder320="insert-2"]~.ep_gridcolumn { order: 5; -webkit-order: 5; } #website-body .ep_gridrow[class*="ep-o_"].ep-layout_reorder>.ep_gridrow-content>.ep_gridcolumn[data-reorder320="insert-3"]~.ep_gridcolumn { order: 7; -webkit-order: 7; } } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* ORGANISM : Limitation de la hauteur du contenu (ajout d'un degrade a la fin de la molecule specifiee) */ /* ORGANISM : Limitation de la hauteur du contenu (desactivation du bouton si la fonctionnalite n'est pas active) */ #website-body .ep_gridrow[class*="ep-o_"]>.ep_gridrow-content>[class*="ep-m_"][data-limitedheight1200], #website-body .ep_gridrow[class*="ep-o_"]>.ep_gridrow-content>[class*="ep-m_"][data-limitedheight1020], #website-body .ep_gridrow[class*="ep-o_"]>.ep_gridrow-content>[class*="ep-m_"][data-limitedheight750], #website-body .ep_gridrow[class*="ep-o_"]>.ep_gridrow-content>[class*="ep-m_"][data-limitedheight640], #website-body .ep_gridrow[class*="ep-o_"]>.ep_gridrow-content>[class*="ep-m_"][data-limitedheight480], #website-body .ep_gridrow[class*="ep-o_"]>.ep_gridrow-content>[class*="ep-m_"][data-limitedheight320] { display: none !important; } /* ORGANISM : Limitation de la hauteur du contenu (activation de la fonctionnalite selon le breakpoint) */ @media screen and (min-width:1200px) { #website-body .ep_gridrow[class*="ep-o_"][data-limitedheight1200][data-converted]:after { position: static; display: block !important; margin-top: -200px; width: auto !important; height: 200px; background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 1), rgba(255, 255, 255, 1)); background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 1), rgba(255, 255, 255, 1)); background: -ms-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 1), rgba(255, 255, 255, 1)); background: linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 1), rgba(255, 255, 255, 1)); opacity: 1 !important; content: ""; } #website-body .ep_gridrow[class*="ep-o_"][data-limitedheight1200][data-converted]>.ep_gridrow-content>[class*="ep-m_"][data-limitedheight1200] { position: relative; display: block !important; z-index: 1; } #website-body .ep_gridrow[class*="ep-o_"][data-limitedheight1200][data-converted]>.ep_gridrow-content>[class*="ep-m_"][data-limitedheight1200] .ep-a_loadmore:before { opacity: 0; } #website-body .ep_gridrow[class*="ep-o_"][data-limitedheight1200][data-converted]>.ep_gridrow-content>[class*="ep-m_"][data-limitedheight1200]~[class*="ep-m_"] { display: none; } } @media screen and (min-width:1020px) and (max-width:1199px) { #website-body .ep_gridrow[class*="ep-o_"][data-limitedheight1020][data-converted]:after { position: static; display: block !important; margin-top: -200px; width: auto !important; height: 200px; background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 1), rgba(255, 255, 255, 1)); background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 1), rgba(255, 255, 255, 1)); background: -ms-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 1), rgba(255, 255, 255, 1)); background: linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 1), rgba(255, 255, 255, 1)); opacity: 1 !important; content: ""; } #website-body .ep_gridrow[class*="ep-o_"][data-limitedheight1020][data-converted]>.ep_gridrow-content>[class*="ep-m_"][data-limitedheight1020] { position: relative; display: block !important; z-index: 1; } #website-body .ep_gridrow[class*="ep-o_"][data-limitedheight1020][data-converted]>.ep_gridrow-content>[class*="ep-m_"][data-limitedheight1020] .ep-a_loadmore:before { opacity: 0; } #website-body .ep_gridrow[class*="ep-o_"][data-limitedheight1020][data-converted]>.ep_gridrow-content>[class*="ep-m_"][data-limitedheight1020]~[class*="ep-m_"] { display: none; } } @media screen and (min-width:750px) and (max-width:1119px), print { #website-body .ep_gridrow[class*="ep-o_"][data-limitedheight750][data-converted]:after { position: static; display: block !important; margin-top: -200px; width: auto !important; height: 200px; background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 1), rgba(255, 255, 255, 1)); background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 1), rgba(255, 255, 255, 1)); background: -ms-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 1), rgba(255, 255, 255, 1)); background: linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 1), rgba(255, 255, 255, 1)); opacity: 1 !important; content: ""; } #website-body .ep_gridrow[class*="ep-o_"][data-limitedheight750][data-converted]>.ep_gridrow-content>[class*="ep-m_"][data-limitedheight750] { position: relative; display: block !important; z-index: 1; } #website-body .ep_gridrow[class*="ep-o_"][data-limitedheight750][data-converted]>.ep_gridrow-content>[class*="ep-m_"][data-limitedheight750] .ep-a_loadmore:before { opacity: 0; } #website-body .ep_gridrow[class*="ep-o_"][data-limitedheight750][data-converted]>.ep_gridrow-content>[class*="ep-m_"][data-limitedheight750]~[class*="ep-m_"] { display: none; } } @media screen and (min-width:640px) and (max-width:749px) { #website-body .ep_gridrow[class*="ep-o_"][data-limitedheight640][data-converted]:after { position: static; display: block !important; margin-top: -200px; width: auto !important; height: 200px; background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 1), rgba(255, 255, 255, 1)); background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 1), rgba(255, 255, 255, 1)); background: -ms-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 1), rgba(255, 255, 255, 1)); background: linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 1), rgba(255, 255, 255, 1)); opacity: 1 !important; content: ""; } #website-body .ep_gridrow[class*="ep-o_"][data-limitedheight640][data-converted]>.ep_gridrow-content>[class*="ep-m_"][data-limitedheight640] { position: relative; display: block !important; z-index: 1; } #website-body .ep_gridrow[class*="ep-o_"][data-limitedheight640][data-converted]>.ep_gridrow-content>[class*="ep-m_"][data-limitedheight640] .ep-a_loadmore:before { opacity: 0; } #website-body .ep_gridrow[class*="ep-o_"][data-limitedheight640][data-converted]>.ep_gridrow-content>[class*="ep-m_"][data-limitedheight640]~[class*="ep-m_"] { display: none; } } @media screen and (min-width:480px) and (max-width:639px) { #website-body .ep_gridrow[class*="ep-o_"][data-limitedheight480][data-converted]:after { position: static; display: block !important; margin-top: -200px; width: auto !important; height: 200px; background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 1), rgba(255, 255, 255, 1)); background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 1), rgba(255, 255, 255, 1)); background: -ms-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 1), rgba(255, 255, 255, 1)); background: linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 1), rgba(255, 255, 255, 1)); opacity: 1 !important; content: ""; } #website-body .ep_gridrow[class*="ep-o_"][data-limitedheight480][data-converted]>.ep_gridrow-content>[class*="ep-m_"][data-limitedheight480] { position: relative; display: block !important; z-index: 1; } #website-body .ep_gridrow[class*="ep-o_"][data-limitedheight480][data-converted]>.ep_gridrow-content>[class*="ep-m_"][data-limitedheight480] .ep-a_loadmore:before { opacity: 0; } #website-body .ep_gridrow[class*="ep-o_"][data-limitedheight480][data-converted]>.ep_gridrow-content>[class*="ep-m_"][data-limitedheight480]~[class*="ep-m_"] { display: none; } } @media screen and (max-width:479px) { #website-body .ep_gridrow[class*="ep-o_"][data-limitedheight320][data-converted]:after { position: static; display: block !important; margin-top: -200px; width: auto !important; height: 200px; background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 1), rgba(255, 255, 255, 1)); background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 1), rgba(255, 255, 255, 1)); background: -ms-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 1), rgba(255, 255, 255, 1)); background: linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 1), rgba(255, 255, 255, 1)); opacity: 1 !important; content: ""; } #website-body .ep_gridrow[class*="ep-o_"][data-limitedheight320][data-converted]>.ep_gridrow-content>[class*="ep-m_"][data-limitedheight320] { position: relative; display: block !important; z-index: 1; } #website-body .ep_gridrow[class*="ep-o_"][data-limitedheight320][data-converted]>.ep_gridrow-content>[class*="ep-m_"][data-limitedheight320] .ep-a_loadmore:before { opacity: 0; } #website-body .ep_gridrow[class*="ep-o_"][data-limitedheight320][data-converted]>.ep_gridrow-content>[class*="ep-m_"][data-limitedheight320]~[class*="ep-m_"] { display: none; } } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* ORGANISM : Ajout d'une ligne de separation a la fin de l'organisme */ @media screen and (min-width:1200px) { #website-body .ep_gridrow[class*="ep-o_"][data-layout1200*="underline"]>.ep_gridrow-content:after { display: block; width: calc(100% - 20px); height: 40px; margin-top: 10px; margin-left: 10px; margin-right: 10px; flex: 0 0 auto; -webkit-flex: 0 0 auto; background-color: transparent; border-top: 1px solid #d1d3d4; opacity: 1; } } @media screen and (min-width:1020px) and (max-width:1199px) { #website-body .ep_gridrow[class*="ep-o_"][data-layout1020*="underline"]>.ep_gridrow-content:after { display: block; width: calc(100% - 20px); height: 40px; margin-top: 10px; margin-left: 10px; margin-right: 10px; flex: 0 0 auto; -webkit-flex: 0 0 auto; background-color: transparent; border-top: 1px solid #d1d3d4; opacity: 1; } } @media screen and (min-width:750px) and (max-width:1019px), print { #website-body .ep_gridrow[class*="ep-o_"][data-layout750*="underline"]>.ep_gridrow-content:after { display: block; width: calc(100% - 20px); height: 40px; margin-top: 10px; margin-left: 10px; margin-right: 10px; flex: 0 0 auto; -webkit-flex: 0 0 auto; background-color: transparent; border-top: 1px solid #d1d3d4; opacity: 1; } } @media screen and (min-width:640px) and (max-width:749px) { #website-body .ep_gridrow[class*="ep-o_"][data-layout640*="underline"]>.ep_gridrow-content:after { display: block; width: calc(100% - 20px); height: 40px; margin-top: 10px; margin-left: 10px; margin-right: 10px; flex: 0 0 auto; -webkit-flex: 0 0 auto; background-color: transparent; border-top: 1px solid #d1d3d4; opacity: 1; } } @media screen and (min-width:480px) and (max-width:639px) { #website-body .ep_gridrow[class*="ep-o_"][data-layout480*="underline"]>.ep_gridrow-content:after { display: block; width: calc(100% - 20px); height: 40px; margin-top: 10px; margin-left: 10px; margin-right: 10px; flex: 0 0 auto; -webkit-flex: 0 0 auto; background-color: transparent; border-top: 1px solid #d1d3d4; opacity: 1; } } @media screen and (max-width:479px) { #website-body .ep_gridrow[class*="ep-o_"][data-layout320*="underline"]>.ep_gridrow-content:after { display: block; width: calc(100% - 20px); height: 40px; margin-top: 10px; margin-left: 10px; margin-right: 10px; flex: 0 0 auto; -webkit-flex: 0 0 auto; background-color: transparent; border-top: 1px solid #d1d3d4; opacity: 1; } } /* ========================================================================================================================================================================= */ /* == HEADER ===================== [ORGANISM] ========= ep-o_headerpage ==================================================================================================== */ /* ========================================================================================================================================================================= */ /* Description : Organisme a utiliser pour l'affichage des premieres molecules introduisant la page */ /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* ORGANISM "HEADER" : Correction des marges entre molecules */ /* ORGANISM "HEADER" : Correction des marges entre molecules */ #website-body .ep_gridrow.ep-o_headerpage:after, #website-body .ep_gridrow.ep-o_headerpage.ep-layout_greycolor:after, #website-body .ep_gridrow.ep-o_headerpage.ep-layout_greygradient:after, #website-body .ep_gridrow.ep-o_headerpage>.ep_gridrow-content:after, #website-body .ep_gridrow.ep-o_headerpage.ep-layout_greycolor>.ep_gridrow-content:after, #website-body .ep_gridrow.ep-o_headerpage.ep-layout_greygradient>.ep_gridrow-content:after { height: 0; flex: 1 1 100%; -webkit-flex: 1 1 100%; } /* ========================================================================================================================================================================= */ /* == FOOTER ===================== [ORGANISM] ========= ep-o_footerpage ==================================================================================================== */ /* ========================================================================================================================================================================= */ /* Description : Organisme a utiliser pour l'affichage des dernieres molecules precedant le pied de page */ /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* ORGANISM "FOOTER" : Correction des marges entre molecules */ /* ORGANISM "FOOTER" : Correction des marges entre molecules */ #website-body .ep_gridrow.ep-o_footerpage>.ep_gridrow-content:before { position: static; display: block; width: 20px; height: 40px; flex: 1 1 100%; -webkit-flex: 1 1 100%; background-color: #55f; opacity: 0; content: ""; } /* ========================================================================================================================================================================= */ /* == LIST OF PRODUCTS =========== [ORGANISM] ========= ep-o_productlist =================================================================================================== */ /* ========================================================================================================================================================================= */ /* Description : Organisme a utiliser pour l'affichage de molecules "product" en liste horizontale ou verticale */ /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* ORGANISM "LIST OF PRODUCTS" : Correction des marges entre molecules */ /* ORGANISM "LIST OF PRODUCTS" : Correction des marges entre molecules */ #website-body .ep_gridrow.ep-o_productlist>.ep_gridrow-content:after { height: 10px; } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* ORGANISM "LIST OF PRODUCTS" : Suppression de la ligne de soulignage pour le dernier produit de la liste */ #website-body .ep_gridrow.ep-o_productlist>.ep_gridrow-content .ep_gridcolumn.ep-m_product.ep-layout_underline:last-child:after { height: 10px; margin: 0; border: 0; opacity: 0; } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* ORGANISM "LIST OF PRODUCTS" : Correction de l'interlignage entre les titres des produits et leur images */ /* MOLECULE "PRODUCT" : Correction des marges entre molecules */ #website-body .ep_gridrow.ep-o_productlist .ep_gridcolumn.ep-m_product .ep-a_media+.ep-a_heading.ep-layout_level1, #website-body .ep_gridrow.ep-o_productlist .ep_gridcolumn.ep-m_product.ep-layout_imagefirst .ep-a_heading.ep-layout_level1:first-child { margin-top: -10px; } #website-body .ep_gridrow.ep-o_productlist .ep_gridcolumn.ep-m_product .ep-a_media+.ep-a_heading.ep-layout_level2, #website-body .ep_gridrow.ep-o_productlist .ep_gridcolumn.ep-m_product.ep-layout_imagefirst .ep-a_heading.ep-layout_level2:first-child { margin-top: -10px; } #website-body .ep_gridrow.ep-o_productlist .ep_gridcolumn.ep-m_product .ep-a_media+.ep-a_heading.ep-layout_level2-large, #website-body .ep_gridrow.ep-o_productlist .ep_gridcolumn.ep-m_product.ep-layout_imagefirst .ep-a_heading.ep-layout_level2-large:first-child { margin-top: -13px; } #website-body .ep_gridrow.ep-o_productlist .ep_gridcolumn.ep-m_product .ep-a_media+.ep-a_heading.ep-layout_level3, #website-body .ep_gridrow.ep-o_productlist .ep_gridcolumn.ep-m_product.ep-layout_imagefirst .ep-a_heading.ep-layout_level3:first-child { margin-top: -8px; } #website-body .ep_gridrow.ep-o_productlist .ep_gridcolumn.ep-m_product>.ep_gridrow .ep-layout_text .ep-a_heading.ep-layout_level1:first-child, #website-body .ep_gridrow.ep-o_productlist .ep_gridcolumn.ep-m_product>.ep_gridrow .ep-layout_text .ep-a_heading.ep-layout_level2:first-child, #website-body .ep_gridrow.ep-o_productlist .ep_gridcolumn.ep-m_product>.ep_gridrow .ep-layout_text .ep-a_heading.ep-layout_level2-large:first-child, #website-body .ep_gridrow.ep-o_productlist .ep_gridcolumn.ep-m_product>.ep_gridrow .ep-layout_text .ep-a_heading.ep-layout_level3:first-child { margin-top: 0; } @media screen and (min-width:1200px) { #website-body .ep_gridrow.ep-o_productlist .ep_gridcolumn.ep-m_product .ep-a_media[data-visibility1200="false"]+.ep-a_heading.ep-layout_level1, #website-body .ep_gridrow.ep-o_productlist .ep_gridcolumn.ep-m_product .ep-a_media[data-visibility1200="false"]+.ep-a_heading.ep-layout_level2, #website-body .ep_gridrow.ep-o_productlist .ep_gridcolumn.ep-m_product .ep-a_media[data-visibility1200="false"]+.ep-a_heading.ep-layout_level2-large, #website-body .ep_gridrow.ep-o_productlist .ep_gridcolumn.ep-m_product .ep-a_media[data-visibility1200="false"]+.ep-a_heading.ep-layout_level3 { margin-top: 0; } } @media screen and (min-width:1020px) and (max-width:1199px) { #website-body .ep_gridrow.ep-o_productlist .ep_gridcolumn.ep-m_product .ep-a_media[data-visibility1020="false"]+.ep-a_heading.ep-layout_level1, #website-body .ep_gridrow.ep-o_productlist .ep_gridcolumn.ep-m_product .ep-a_media[data-visibility1020="false"]+.ep-a_heading.ep-layout_level2, #website-body .ep_gridrow.ep-o_productlist .ep_gridcolumn.ep-m_product .ep-a_media[data-visibility1020="false"]+.ep-a_heading.ep-layout_level2-large, #website-body .ep_gridrow.ep-o_productlist .ep_gridcolumn.ep-m_product .ep-a_media[data-visibility1020="false"]+.ep-a_heading.ep-layout_level3 { margin-top: 0; } } @media screen and (min-width:750px) and (max-width:1019px), print { #website-body .ep_gridrow.ep-o_productlist .ep_gridcolumn.ep-m_product .ep-a_media[data-visibility750="false"]+.ep-a_heading.ep-layout_level1, #website-body .ep_gridrow.ep-o_productlist .ep_gridcolumn.ep-m_product .ep-a_media[data-visibility750="false"]+.ep-a_heading.ep-layout_level2, #website-body .ep_gridrow.ep-o_productlist .ep_gridcolumn.ep-m_product .ep-a_media[data-visibility750="false"]+.ep-a_heading.ep-layout_level2-large, #website-body .ep_gridrow.ep-o_productlist .ep_gridcolumn.ep-m_product .ep-a_media[data-visibility750="false"]+.ep-a_heading.ep-layout_level3 { margin-top: 0; } } @media screen and (min-width:640px) and (max-width:749px) { #website-body .ep_gridrow.ep-o_productlist .ep_gridcolumn.ep-m_product .ep-a_media[data-visibility640="false"]+.ep-a_heading.ep-layout_level1, #website-body .ep_gridrow.ep-o_productlist .ep_gridcolumn.ep-m_product .ep-a_media[data-visibility640="false"]+.ep-a_heading.ep-layout_level2, #website-body .ep_gridrow.ep-o_productlist .ep_gridcolumn.ep-m_product .ep-a_media[data-visibility640="false"]+.ep-a_heading.ep-layout_level2-large, #website-body .ep_gridrow.ep-o_productlist .ep_gridcolumn.ep-m_product .ep-a_media[data-visibility640="false"]+.ep-a_heading.ep-layout_level3 { margin-top: 0; } } @media screen and (min-width:480px) and (max-width:639px) { #website-body .ep_gridrow.ep-o_productlist .ep_gridcolumn.ep-m_product .ep-a_media[data-visibility480="false"]+.ep-a_heading.ep-layout_level1, #website-body .ep_gridrow.ep-o_productlist .ep_gridcolumn.ep-m_product .ep-a_media[data-visibility480="false"]+.ep-a_heading.ep-layout_level2, #website-body .ep_gridrow.ep-o_productlist .ep_gridcolumn.ep-m_product .ep-a_media[data-visibility480="false"]+.ep-a_heading.ep-layout_level2-large, #website-body .ep_gridrow.ep-o_productlist .ep_gridcolumn.ep-m_product .ep-a_media[data-visibility480="false"]+.ep-a_heading.ep-layout_level3 { margin-top: 0; } } @media screen and (max-width:479px) { #website-body .ep_gridrow.ep-o_productlist .ep_gridcolumn.ep-m_product .ep-a_media[data-visibility320="false"]+.ep-a_heading.ep-layout_level1, #website-body .ep_gridrow.ep-o_productlist .ep_gridcolumn.ep-m_product .ep-a_media[data-visibility320="false"]+.ep-a_heading.ep-layout_level2, #website-body .ep_gridrow.ep-o_productlist .ep_gridcolumn.ep-m_product .ep-a_media[data-visibility320="false"]+.ep-a_heading.ep-layout_level2-large, #website-body .ep_gridrow.ep-o_productlist .ep_gridcolumn.ep-m_product .ep-a_media[data-visibility320="false"]+.ep-a_heading.ep-layout_level3 { margin-top: 0; } } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* ORGANISM "LIST OF PRODUCTS" : Affichage d'une ligne de separation entre les molecules "produits" */ @media screen and (min-width:1200px) { /* ORGANISM "LIST OF PRODUCTS" : Ajout de la bordure superieure aux molecules */ #website-body .ep_gridrow.ep-o_productlist[data-layout1200^="separation"]>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"]>.ep_gridcolumn-content:before, #website-body .ep_gridrow.ep-o_productlist[data-layout1200^="separation"]>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"]>.ep_gridcolumn-content:after, #website-body .ep_gridrow.ep-o_productlist[data-layout1200^="separation"]>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"]>.ep_gridrow>.ep_gridrow-content:before { position: static; display: block; width: auto; height: 0; height: 0; margin: 0; padding: 20px 0 0 0; flex: 0; -webkit-flex: 0; transform: none; -webkit-transform: none; background-color: transparent; border-top: 1px dotted #d1d3d4; opacity: 1; content: ""; } #website-body .ep_gridrow.ep-o_productlist[data-layout1200^="separation"]>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"]>.ep_gridrow>.ep_gridrow-content:before { width: calc(100% - 20px); height: 0; flex: 0 0 auto; -webkit-flex: 0 0 auto; transform: translate(10px, 0); } #website-body .ep_gridrow.ep-o_productlist[data-layout1200^="separation"]>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"]>.ep_gridcolumn-content:after { display: none; } /* ORGANISM "LIST OF PRODUCTS" : Suppression de la ligne de separation pour la premiere ligne d'elements de la liste */ #website-body .ep_gridrow.ep-o_productlist[data-layout1200^="separation"]>.ep_gridrow-content:before { position: relative; display: block; z-index: 1; width: 100%; height: 3px; margin: -3px 0 0 0; transform: translate(0, -20px); -webkit-transform: translate(0, -20px); flex: 1 1 auto; -webkit-flex: 1 1 auto; background-color: #fff; content: ""; } #website-body .ep_gridrow.ep-o_productlist[data-layout1200^="separation"]>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"] { margin-top: -21px; margin-bottom: 20px; } #website-body .ep_gridrow.ep-o_productlist[data-layout1200^="separation"]>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_header"] { position: relative; margin-top: 0; margin-bottom: 21px; background-color: #fff; } #website-body .ep_gridrow.ep-o_productlist[data-layout1200^="separation"]>.ep_gridrow-content>.ep_gridcolumn+.ep_gridcolumn[class*="ep-m_footer"] { margin-top: 0; margin-bottom: 0; } #website-body .ep_gridrow.ep-o_productlist[data-layout1200^="separation"]>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_header"]>.ep_gridcolumn-content:before, #website-body .ep_gridrow.ep-o_productlist[data-layout1200^="separation"]>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_header"]>.ep_gridrow>.ep_gridrow-content:before { border-color: transparent; } /* ORGANISM "LIST OF PRODUCTS" : Correction de l'interlignage entre organisme avec separation */ #website-body .ep_gridrow.ep-o_productlist[data-layout1200^="separation"]+.ep_gridrow.ep-o_productlist[data-layout1200^="separation"] { margin-top: -20px; } #website-body .ep_gridrow.ep-o_productlist[data-layout1200^="separation"].ep-layout_greycolor>.ep_gridrow-content:before, #website-body .ep_gridrow.ep-o_productlist[data-layout1200^="separation"].ep-layout_greygradient>.ep_gridcolumn-content:before { display: none; } #website-body .ep_gridrow.ep-o_productlist[data-layout1200^="separation"].ep-layout_greycolor>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_header"] { position: relative; margin-top: -10px; margin-bottom: -10px; background-color: #f1f2f2; } #website-body .ep_gridrow.ep-o_productlist[data-layout1200^="separation"].ep-layout_greygradient>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_header"] { position: relative; margin-top: -10px; margin-bottom: -10px; background-color: #f3f4f4; background: -webkit-linear-gradient(left, #f3f4f4, #e4e5e6); background: -moz-linear-gradient(left, #f3f4f4, #e4e5e6); background: -ms-linear-gradient(left, #f3f4f4, #e4e5e6); background: linear-gradient(left, #f3f4f4, #e4e5e6); } /* ORGANISM "LIST OF PRODUCTS" : Correction de l'interlignage entre molecules */ #website-body .ep_gridrow.ep-o_productlist[data-layout1200^="separation"]>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"]:after { display: none; } #website-body .ep_gridrow.ep-o_productlist[data-layout1200^="separation"]>.ep_gridrow-content:after, #website-body .ep_gridrow.ep-o_productlist[data-layout1200^="separation"] .ep_gridcolumn[class*="ep-m_"]:after { height: 20px; } /* ORGANISM "LIST OF PRODUCTS" : Correction de l'interlignage entre la bordure et le contenu des blocs sur fond colore et/ou avec bordure */ #website-body .ep_gridrow.ep-o_productlist[data-layout1200^="separation"]>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"][data-layout1200^="list"][data-layout1200$="border"]>.ep_gridrow>.ep_gridrow-content:before { display: none; } #website-body .ep_gridrow.ep-o_productlist[data-layout1200^="separation"]>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"][data-layout1200$="border"], #website-body .ep_gridrow.ep-o_productlist[data-layout1200^="separation"]>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"].ep-layout_greycolor, #website-body .ep_gridrow.ep-o_productlist[data-layout1200^="separation"]>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"].ep-layout_greygradient { padding-top: 20px; padding-bottom: 20px; } #website-body .ep_gridrow.ep-o_productlist[data-layout1200^="separation"]>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"][data-layout1200$="border"]>.ep_gridcolumn-content:before, #website-body .ep_gridrow.ep-o_productlist[data-layout1200^="separation"]>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"].ep-layout_greycolor>.ep_gridcolumn-content:before, #website-body .ep_gridrow.ep-o_productlist[data-layout1200^="separation"]>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"].ep-layout_greygradient>.ep_gridcolumn-content:before { padding-top: 0; transform: translate(0, -20px); -webkit-transform: translate(0, -20px); } #website-body .ep_gridrow.ep-o_productlist[data-layout1200^="separation"]>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"].ep-layout_greycolor>.ep_gridcolumn-content:before, #website-body .ep_gridrow.ep-o_productlist[data-layout1200^="separation"]>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"].ep-layout_greygradient>.ep_gridcolumn-content:before { transform: translate(0, -40px); -webkit-transform: translate(0, -40px); } #website-body .ep_gridrow.ep-o_productlist[data-layout1200^="separation"]>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"].ep-layout_greycolor>.ep_gridcolumn-content .ep-a_media:first-child, #website-body .ep_gridrow.ep-o_productlist[data-layout1200^="separation"]>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"].ep-layout_greygradient>.ep_gridcolumn-content .ep-a_media:first-child { margin-top: -21px; } #website-body .ep_gridrow.ep-o_productlist[data-layout1200^="separation"]>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"].ep-layout_greycolor>.ep_gridcolumn-content, #website-body .ep_gridrow.ep-o_productlist[data-layout1200^="separation"]>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"].ep-layout_greygradient>.ep_gridcolumn-content { padding-top: 20px !important; } #website-body .ep_gridrow.ep-o_productlist[data-layout1200^="separation"]>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"].ep-layout_greycolor>.ep_gridcolumn-content:before { background-color: #f1f2f2; } #website-body .ep_gridrow.ep-o_productlist[data-layout1200^="separation"]>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"].ep-layout_greygradient>.ep_gridcolumn-content:before { background-color: #f3f4f4; background: -webkit-linear-gradient(left, #f3f4f4, #e4e5e6); background: -moz-linear-gradient(left, #f3f4f4, #e4e5e6); background: -ms-linear-gradient(left, #f3f4f4, #e4e5e6); background: linear-gradient(left, #f3f4f4, #e4e5e6); } #website-body .ep_gridrow.ep-o_productlist[data-layout1200^="separation"]>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"].ep-layout_greycolor:last-child:after, #website-body .ep_gridrow.ep-o_productlist[data-layout1200^="separation"]>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"].ep-layout_greygradient:last-child:after, #website-body .ep_gridrow.ep-o_productlist[data-layout1200^="separation"]>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"][data-layout1200="border"]:last-child:after { height: 20px; } #website-body .ep_gridrow.ep-o_productlist[data-layout1200^="separation"]>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"].ep-layout_greycolor [class*="ep-a_"]:first-child, #website-body .ep_gridrow.ep-o_productlist[data-layout1200^="separation"]>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"].ep-layout_greygradient [class*="ep-a_"]:first-child { padding-top: 0; } /* ORGANISM "LIST OF PRODUCTS" : Correction de l'affichage des molecules de notification */ #website-body .ep_gridrow.ep-o_productlist[data-layout1200^="separation"]>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_notification"]:after { display: inline-block; height: 20px; } /* ORGANISM "LIST OF PRODUCTS" : Correction de l'affichage des molecules d'entete et de pied */ #website-body .ep_gridrow.ep-o_productlist[data-layout1200^="separation"]>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_header"]:after, #website-body .ep_gridrow.ep-o_productlist[data-layout1200^="separation"]>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_header"]>.ep_gridcolumn-content:before, #website-body .ep_gridrow.ep-o_productlist[data-layout1200^="separation"]>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_footer"]:after, #website-body .ep_gridrow.ep-o_productlist[data-layout1200^="separation"]>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_footer"]>.ep_gridcolumn-content:before { display: none; } #website-body .ep_gridrow.ep-o_productlist[data-layout1200^="separation"]>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_header"]>.ep_gridcolumn-content { margin-bottom: -1px; margin-left: 10px; margin-right: 10px; padding-left: 0; padding-right: 0; border-bottom: 1px solid #d1d3d4; } #website-body .ep_gridrow.ep-o_productlist[data-layout1200^="separation"].ep-layout_greycolor>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_header"]>.ep_gridcolumn-content, #website-body .ep_gridrow.ep-o_productlist[data-layout1200^="separation"].ep-layout_greygradient>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_header"]>.ep_gridcolumn-content { margin-bottom: -10px; border-bottom: none; } /* ORGANISM "LIST OF PRODUCTS" : Correction de l'affichage des molecules de citation */ #website-body .ep_gridrow.ep-o_productlist[data-layout1200^="separation"]>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_quotes"]:after, #website-body .ep_gridrow.ep-o_productlist[data-layout1200^="separation"]>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_quotes"]>.ep_gridcolumn-content:before { display: none; } /* ORGANISM "LIST OF PRODUCTS" : Correction de l'affichage des molecules repostionnee */ #website-body .ep_gridrow.ep-o_productlist[data-layout1200^="separation"].ep-layout_reorder>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"][data-reorder750="insert-1"]+.ep_gridcolumn[class*="ep-m_"]>.ep_gridcolumn-content:before, #website-body .ep_gridrow.ep-o_productlist[data-layout1200^="separation"].ep-layout_reorder>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"][data-reorder750="insert-2"]+.ep_gridcolumn[class*="ep-m_"]>.ep_gridcolumn-content:before { display: none; } /* ORGANISM "LIST OF PRODUCTS" : Augmentation des marges de separation */ #website-body .ep_gridrow.ep-o_productlist[data-layout1200^="separation-large"]>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"]:after { display: block; height: 20px; } #website-body .ep_gridrow.ep-o_productlist[data-layout1200^="separation-large"]>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"]>.ep_gridcolumn-content:before { height: 20px; } } @media screen and (min-width:1020px) and (max-width:1199px) { /* ORGANISM "LIST OF PRODUCTS" : Ajout de la bordure superieure aux molecules */ #website-body .ep_gridrow.ep-o_productlist[data-layout1020^="separation"]>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"]>.ep_gridcolumn-content:before, #website-body .ep_gridrow.ep-o_productlist[data-layout1020^="separation"]>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"]>.ep_gridcolumn-content:after, #website-body .ep_gridrow.ep-o_productlist[data-layout1020^="separation"]>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"]>.ep_gridrow>.ep_gridrow-content:before { position: static; display: block; width: auto; height: 0; height: 0; margin: 0; padding: 20px 0 0 0; flex: 0; -webkit-flex: 0; transform: none; -webkit-transform: none; background-color: transparent; border-top: 1px dotted #d1d3d4; opacity: 1; content: ""; } #website-body .ep_gridrow.ep-o_productlist[data-layout1020^="separation"]>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"]>.ep_gridrow>.ep_gridrow-content:before { width: calc(100% - 20px); height: 0; flex: 0 0 auto; -webkit-flex: 0 0 auto; transform: translate(10px, 0); } #website-body .ep_gridrow.ep-o_productlist[data-layout1020^="separation"]>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"]>.ep_gridcolumn-content:after { display: none; } /* ORGANISM "LIST OF PRODUCTS" : Suppression de la ligne de separation pour la premiere ligne d'elements de la liste */ #website-body .ep_gridrow.ep-o_productlist[data-layout1020^="separation"]>.ep_gridrow-content:before { position: relative; display: block; z-index: 1; width: 100%; height: 3px; margin: -3px 0 0 0; transform: translate(0, -20px); -webkit-transform: translate(0, -20px); flex: 1 1 auto; -webkit-flex: 1 1 auto; background-color: #fff; content: ""; } #website-body .ep_gridrow.ep-o_productlist[data-layout1020^="separation"]>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"] { margin-top: -21px; margin-bottom: 20px; } #website-body .ep_gridrow.ep-o_productlist[data-layout1020^="separation"]>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_header"] { position: relative; margin-top: 0; margin-bottom: 21px; background-color: #fff; } #website-body .ep_gridrow.ep-o_productlist[data-layout1020^="separation"]>.ep_gridrow-content>.ep_gridcolumn+.ep_gridcolumn[class*="ep-m_footer"] { margin-top: 0; margin-bottom: 0; } #website-body .ep_gridrow.ep-o_productlist[data-layout1020^="separation"]>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_header"]>.ep_gridcolumn-content:before, #website-body .ep_gridrow.ep-o_productlist[data-layout1020^="separation"]>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_header"]>.ep_gridrow>.ep_gridrow-content:before { border-color: transparent; } /* ORGANISM "LIST OF PRODUCTS" : Correction de l'interlignage entre organisme avec separation */ #website-body .ep_gridrow.ep-o_productlist[data-layout1020^="separation"]+.ep_gridrow.ep-o_productlist[data-layout1020^="separation"] { margin-top: -20px; } #website-body .ep_gridrow.ep-o_productlist[data-layout1020^="separation"].ep-layout_greycolor>.ep_gridrow-content:before, #website-body .ep_gridrow.ep-o_productlist[data-layout1020^="separation"].ep-layout_greygradient>.ep_gridcolumn-content:before { display: none; } #website-body .ep_gridrow.ep-o_productlist[data-layout1020^="separation"].ep-layout_greycolor>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_header"] { position: relative; margin-top: -10px; margin-bottom: -10px; background-color: #f1f2f2; } #website-body .ep_gridrow.ep-o_productlist[data-layout1020^="separation"].ep-layout_greygradient>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_header"] { position: relative; margin-top: -10px; margin-bottom: -10px; background-color: #f3f4f4; background: -webkit-linear-gradient(left, #f3f4f4, #e4e5e6); background: -moz-linear-gradient(left, #f3f4f4, #e4e5e6); background: -ms-linear-gradient(left, #f3f4f4, #e4e5e6); background: linear-gradient(left, #f3f4f4, #e4e5e6); } /* ORGANISM "LIST OF PRODUCTS" : Correction de l'interlignage entre molecules */ #website-body .ep_gridrow.ep-o_productlist[data-layout1020^="separation"]>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"]:after { display: none; } #website-body .ep_gridrow.ep-o_productlist[data-layout1020^="separation"]>.ep_gridrow-content:after, #website-body .ep_gridrow.ep-o_productlist[data-layout1020^="separation"] .ep_gridcolumn[class*="ep-m_"]:after { height: 20px; } /* ORGANISM "LIST OF PRODUCTS" : Correction de l'interlignage entre la bordure et le contenu des blocs sur fond colore et/ou avec bordure */ #website-body .ep_gridrow.ep-o_productlist[data-layout1020^="separation"]>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"][data-layout1020^="list"][data-layout1020$="border"]>.ep_gridrow>.ep_gridrow-content:before { display: none; } #website-body .ep_gridrow.ep-o_productlist[data-layout1020^="separation"]>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"][data-layout1020$="border"], #website-body .ep_gridrow.ep-o_productlist[data-layout1020^="separation"]>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"].ep-layout_greycolor, #website-body .ep_gridrow.ep-o_productlist[data-layout1020^="separation"]>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"].ep-layout_greygradient { padding-top: 20px; padding-bottom: 20px; } #website-body .ep_gridrow.ep-o_productlist[data-layout1020^="separation"]>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"][data-layout1020$="border"]>.ep_gridcolumn-content:before, #website-body .ep_gridrow.ep-o_productlist[data-layout1020^="separation"]>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"].ep-layout_greycolor>.ep_gridcolumn-content:before, #website-body .ep_gridrow.ep-o_productlist[data-layout1020^="separation"]>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"].ep-layout_greygradient>.ep_gridcolumn-content:before { padding-top: 0; transform: translate(0, -20px); -webkit-transform: translate(0, -20px); } #website-body .ep_gridrow.ep-o_productlist[data-layout1020^="separation"]>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"].ep-layout_greycolor>.ep_gridcolumn-content:before, #website-body .ep_gridrow.ep-o_productlist[data-layout1020^="separation"]>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"].ep-layout_greygradient>.ep_gridcolumn-content:before { transform: translate(0, -40px); -webkit-transform: translate(0, -40px); } #website-body .ep_gridrow.ep-o_productlist[data-layout1020^="separation"]>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"].ep-layout_greycolor>.ep_gridcolumn-content .ep-a_media:first-child, #website-body .ep_gridrow.ep-o_productlist[data-layout1020^="separation"]>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"].ep-layout_greygradient>.ep_gridcolumn-content .ep-a_media:first-child { margin-top: -21px; } #website-body .ep_gridrow.ep-o_productlist[data-layout1020^="separation"]>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"].ep-layout_greycolor>.ep_gridcolumn-content, #website-body .ep_gridrow.ep-o_productlist[data-layout1020^="separation"]>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"].ep-layout_greygradient>.ep_gridcolumn-content { padding-top: 20px !important; } #website-body .ep_gridrow.ep-o_productlist[data-layout1020^="separation"]>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"].ep-layout_greycolor>.ep_gridcolumn-content:before { background-color: #f1f2f2; } #website-body .ep_gridrow.ep-o_productlist[data-layout1020^="separation"]>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"].ep-layout_greygradient>.ep_gridcolumn-content:before { background-color: #f3f4f4; background: -webkit-linear-gradient(left, #f3f4f4, #e4e5e6); background: -moz-linear-gradient(left, #f3f4f4, #e4e5e6); background: -ms-linear-gradient(left, #f3f4f4, #e4e5e6); background: linear-gradient(left, #f3f4f4, #e4e5e6); } #website-body .ep_gridrow.ep-o_productlist[data-layout1020^="separation"]>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"].ep-layout_greycolor:last-child:after, #website-body .ep_gridrow.ep-o_productlist[data-layout1020^="separation"]>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"].ep-layout_greygradient:last-child:after, #website-body .ep_gridrow.ep-o_productlist[data-layout1020^="separation"]>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"][data-layout1020="border"]:last-child:after { height: 20px; } #website-body .ep_gridrow.ep-o_productlist[data-layout1020^="separation"]>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"].ep-layout_greycolor [class*="ep-a_"]:first-child, #website-body .ep_gridrow.ep-o_productlist[data-layout1020^="separation"]>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"].ep-layout_greygradient [class*="ep-a_"]:first-child { padding-top: 0; } /* ORGANISM "LIST OF PRODUCTS" : Correction de l'affichage des molecules de notification */ #website-body .ep_gridrow.ep-o_productlist[data-layout1020^="separation"]>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_notification"]:after { display: inline-block; height: 20px; } /* ORGANISM "LIST OF PRODUCTS" : Correction de l'affichage des molecules d'entete et de pied */ #website-body .ep_gridrow.ep-o_productlist[data-layout1020^="separation"]>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_header"]:after, #website-body .ep_gridrow.ep-o_productlist[data-layout1020^="separation"]>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_header"]>.ep_gridcolumn-content:before, #website-body .ep_gridrow.ep-o_productlist[data-layout1020^="separation"]>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_footer"]:after, #website-body .ep_gridrow.ep-o_productlist[data-layout1020^="separation"]>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_footer"]>.ep_gridcolumn-content:before { display: none; } #website-body .ep_gridrow.ep-o_productlist[data-layout1020^="separation"]>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_header"]>.ep_gridcolumn-content { margin-bottom: -1px; margin-left: 10px; margin-right: 10px; padding-left: 0; padding-right: 0; border-bottom: 1px solid #d1d3d4; } #website-body .ep_gridrow.ep-o_productlist[data-layout1020^="separation"].ep-layout_greycolor>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_header"]>.ep_gridcolumn-content, #website-body .ep_gridrow.ep-o_productlist[data-layout1020^="separation"].ep-layout_greygradient>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_header"]>.ep_gridcolumn-content { margin-bottom: -10px; border-bottom: none; } /* ORGANISM "LIST OF PRODUCTS" : Correction de l'affichage des molecules de citation */ #website-body .ep_gridrow.ep-o_productlist[data-layout1020^="separation"]>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_quotes"]:after, #website-body .ep_gridrow.ep-o_productlist[data-layout1020^="separation"]>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_quotes"]>.ep_gridcolumn-content:before { display: none; } /* ORGANISM "LIST OF PRODUCTS" : Correction de l'affichage des molecules repostionnee */ #website-body .ep_gridrow.ep-o_productlist[data-layout1020^="separation"].ep-layout_reorder>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"][data-reorder750="insert-1"]+.ep_gridcolumn[class*="ep-m_"]>.ep_gridcolumn-content:before, #website-body .ep_gridrow.ep-o_productlist[data-layout1020^="separation"].ep-layout_reorder>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"][data-reorder750="insert-2"]+.ep_gridcolumn[class*="ep-m_"]>.ep_gridcolumn-content:before { display: none; } /* ORGANISM "LIST OF PRODUCTS" : Augmentation des marges de separation */ #website-body .ep_gridrow.ep-o_productlist[data-layout1020^="separation-large"]>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"]:after { display: block; height: 20px; } #website-body .ep_gridrow.ep-o_productlist[data-layout1020^="separation-large"]>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"]>.ep_gridcolumn-content:before { height: 20px; } } @media screen and (min-width:750px) and (max-width:1019px), print { /* ORGANISM "LIST OF PRODUCTS" : Ajout de la bordure superieure aux molecules */ #website-body .ep_gridrow.ep-o_productlist[data-layout750^="separation"]>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"]>.ep_gridcolumn-content:before, #website-body .ep_gridrow.ep-o_productlist[data-layout750^="separation"]>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"]>.ep_gridcolumn-content:after, #website-body .ep_gridrow.ep-o_productlist[data-layout750^="separation"]>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"]>.ep_gridrow>.ep_gridrow-content:before { position: static; display: block; width: auto; height: 0; height: 0; margin: 0; padding: 20px 0 0 0; flex: 0; -webkit-flex: 0; transform: none; -webkit-transform: none; background-color: transparent; border-top: 1px dotted #d1d3d4; opacity: 1; content: ""; } #website-body .ep_gridrow.ep-o_productlist[data-layout750^="separation"]>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"]>.ep_gridrow>.ep_gridrow-content:before { width: calc(100% - 20px); height: 0; flex: 0 0 auto; -webkit-flex: 0 0 auto; transform: translate(10px, 0); } #website-body .ep_gridrow.ep-o_productlist[data-layout750^="separation"]>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"]>.ep_gridcolumn-content:after { display: none; } /* ORGANISM "LIST OF PRODUCTS" : Suppression de la ligne de separation pour la premiere ligne d'elements de la liste */ #website-body .ep_gridrow.ep-o_productlist[data-layout750^="separation"]>.ep_gridrow-content:before { position: relative; display: block; z-index: 1; width: 100%; height: 3px; margin: -3px 0 0 0; transform: translate(0, -20px); -webkit-transform: translate(0, -20px); flex: 1 1 auto; -webkit-flex: 1 1 auto; background-color: #fff; content: ""; } #website-body .ep_gridrow.ep-o_productlist[data-layout750^="separation"]>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"] { margin-top: -21px; margin-bottom: 20px; } #website-body .ep_gridrow.ep-o_productlist[data-layout750^="separation"]>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_header"] { position: relative; margin-top: 0; margin-bottom: 21px; background-color: #fff; } #website-body .ep_gridrow.ep-o_productlist[data-layout750^="separation"]>.ep_gridrow-content>.ep_gridcolumn+.ep_gridcolumn[class*="ep-m_footer"] { margin-top: 0; margin-bottom: 0; } #website-body .ep_gridrow.ep-o_productlist[data-layout750^="separation"]>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_header"]>.ep_gridcolumn-content:before, #website-body .ep_gridrow.ep-o_productlist[data-layout750^="separation"]>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_header"]>.ep_gridrow>.ep_gridrow-content:before { border-color: transparent; } /* ORGANISM "LIST OF PRODUCTS" : Correction de l'interlignage entre organisme avec separation */ #website-body .ep_gridrow.ep-o_productlist[data-layout750^="separation"]+.ep_gridrow.ep-o_productlist[data-layout750^="separation"] { margin-top: -20px; } #website-body .ep_gridrow.ep-o_productlist[data-layout750^="separation"].ep-layout_greycolor>.ep_gridrow-content:before, #website-body .ep_gridrow.ep-o_productlist[data-layout750^="separation"].ep-layout_greygradient>.ep_gridcolumn-content:before { display: none; } #website-body .ep_gridrow.ep-o_productlist[data-layout750^="separation"].ep-layout_greycolor>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_header"] { position: relative; margin-top: -10px; margin-bottom: -10px; background-color: #f1f2f2; } #website-body .ep_gridrow.ep-o_productlist[data-layout750^="separation"].ep-layout_greygradient>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_header"] { position: relative; margin-top: -10px; margin-bottom: -10px; background-color: #f3f4f4; background: -webkit-linear-gradient(left, #f3f4f4, #e4e5e6); background: -moz-linear-gradient(left, #f3f4f4, #e4e5e6); background: -ms-linear-gradient(left, #f3f4f4, #e4e5e6); background: linear-gradient(left, #f3f4f4, #e4e5e6); } /* ORGANISM "LIST OF PRODUCTS" : Correction de l'interlignage entre molecules */ #website-body .ep_gridrow.ep-o_productlist[data-layout750^="separation"]>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"]:after { display: none; } #website-body .ep_gridrow.ep-o_productlist[data-layout750^="separation"]>.ep_gridrow-content:after, #website-body .ep_gridrow.ep-o_productlist[data-layout750^="separation"] .ep_gridcolumn[class*="ep-m_"]:after { height: 20px; } /* ORGANISM "LIST OF PRODUCTS" : Correction de l'interlignage entre la bordure et le contenu des blocs sur fond colore et/ou avec bordure */ #website-body .ep_gridrow.ep-o_productlist[data-layout750^="separation"]>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"][data-layout750^="list"][data-layout750$="border"]>.ep_gridrow>.ep_gridrow-content:before { display: none; } #website-body .ep_gridrow.ep-o_productlist[data-layout750^="separation"]>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"][data-layout750$="border"], #website-body .ep_gridrow.ep-o_productlist[data-layout750^="separation"]>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"].ep-layout_greycolor, #website-body .ep_gridrow.ep-o_productlist[data-layout750^="separation"]>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"].ep-layout_greygradient { padding-top: 20px; padding-bottom: 20px; } #website-body .ep_gridrow.ep-o_productlist[data-layout750^="separation"]>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"][data-layout750$="border"]>.ep_gridcolumn-content:before, #website-body .ep_gridrow.ep-o_productlist[data-layout750^="separation"]>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"].ep-layout_greycolor>.ep_gridcolumn-content:before, #website-body .ep_gridrow.ep-o_productlist[data-layout750^="separation"]>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"].ep-layout_greygradient>.ep_gridcolumn-content:before { padding-top: 0; transform: translate(0, -20px); -webkit-transform: translate(0, -20px); } #website-body .ep_gridrow.ep-o_productlist[data-layout750^="separation"]>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"].ep-layout_greycolor>.ep_gridcolumn-content:before, #website-body .ep_gridrow.ep-o_productlist[data-layout750^="separation"]>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"].ep-layout_greygradient>.ep_gridcolumn-content:before { transform: translate(0, -40px); -webkit-transform: translate(0, -40px); } #website-body .ep_gridrow.ep-o_productlist[data-layout750^="separation"]>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"].ep-layout_greycolor>.ep_gridcolumn-content .ep-a_media:first-child, #website-body .ep_gridrow.ep-o_productlist[data-layout750^="separation"]>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"].ep-layout_greygradient>.ep_gridcolumn-content .ep-a_media:first-child { margin-top: -21px; } #website-body .ep_gridrow.ep-o_productlist[data-layout750^="separation"]>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"].ep-layout_greycolor>.ep_gridcolumn-content, #website-body .ep_gridrow.ep-o_productlist[data-layout750^="separation"]>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"].ep-layout_greygradient>.ep_gridcolumn-content { padding-top: 20px !important; } #website-body .ep_gridrow.ep-o_productlist[data-layout750^="separation"]>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"].ep-layout_greycolor>.ep_gridcolumn-content:before { background-color: #f1f2f2; } #website-body .ep_gridrow.ep-o_productlist[data-layout750^="separation"]>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"].ep-layout_greygradient>.ep_gridcolumn-content:before { background-color: #f3f4f4; background: -webkit-linear-gradient(left, #f3f4f4, #e4e5e6); background: -moz-linear-gradient(left, #f3f4f4, #e4e5e6); background: -ms-linear-gradient(left, #f3f4f4, #e4e5e6); background: linear-gradient(left, #f3f4f4, #e4e5e6); } #website-body .ep_gridrow.ep-o_productlist[data-layout750^="separation"]>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"].ep-layout_greycolor:last-child:after, #website-body .ep_gridrow.ep-o_productlist[data-layout750^="separation"]>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"].ep-layout_greygradient:last-child:after, #website-body .ep_gridrow.ep-o_productlist[data-layout750^="separation"]>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"][data-layout750="border"]:last-child:after { height: 20px; } /* ORGANISM "LIST OF PRODUCTS" : Correction de l'affichage des molecules de notification */ #website-body .ep_gridrow.ep-o_productlist[data-layout750^="separation"]>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_notification"]:after { display: inline-block; height: 20px; } /* ORGANISM "LIST OF PRODUCTS" : Correction de l'affichage des molecules d'entete et de pied */ #website-body .ep_gridrow.ep-o_productlist[data-layout750^="separation"]>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_header"]:after, #website-body .ep_gridrow.ep-o_productlist[data-layout750^="separation"]>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_header"]>.ep_gridcolumn-content:before, #website-body .ep_gridrow.ep-o_productlist[data-layout750^="separation"]>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_footer"]:after, #website-body .ep_gridrow.ep-o_productlist[data-layout750^="separation"]>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_footer"]>.ep_gridcolumn-content:before { display: none; } #website-body .ep_gridrow.ep-o_productlist[data-layout750^="separation"]>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_header"]>.ep_gridcolumn-content { margin-bottom: -1px; margin-left: 10px; margin-right: 10px; padding-left: 0; padding-right: 0; border-bottom: 1px solid #d1d3d4; } #website-body .ep_gridrow.ep-o_productlist[data-layout750^="separation"].ep-layout_greycolor>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_header"]>.ep_gridcolumn-content, #website-body .ep_gridrow.ep-o_productlist[data-layout750^="separation"].ep-layout_greygradient>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_header"]>.ep_gridcolumn-content { margin-bottom: -10px; border-bottom: none; } /* ORGANISM "LIST OF PRODUCTS" : Correction de l'affichage des molecules de citation */ #website-body .ep_gridrow.ep-o_productlist[data-layout750^="separation"]>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_quotes"]:after, #website-body .ep_gridrow.ep-o_productlist[data-layout750^="separation"]>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_quotes"]>.ep_gridcolumn-content:before { display: none; } /* ORGANISM "LIST OF PRODUCTS" : Correction de l'affichage des molecules repostionnee */ #website-body .ep_gridrow.ep-o_productlist[data-layout750^="separation"].ep-layout_reorder>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"][data-reorder750="insert-1"]+.ep_gridcolumn[class*="ep-m_"]>.ep_gridcolumn-content:before, #website-body .ep_gridrow.ep-o_productlist[data-layout750^="separation"].ep-layout_reorder>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"][data-reorder750="insert-2"]+.ep_gridcolumn[class*="ep-m_"]>.ep_gridcolumn-content:before { display: none; } /* ORGANISM "LIST OF PRODUCTS" : Augmentation des marges de separation */ #website-body .ep_gridrow.ep-o_productlist[data-layout750^="separation-large"]>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"]:after { display: block; height: 20px; } #website-body .ep_gridrow.ep-o_productlist[data-layout750^="separation-large"]>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"]>.ep_gridcolumn-content:before { height: 20px; } } @media screen and (min-width:640px) and (max-width:749px) { /* ORGANISM "LIST OF PRODUCTS" : Ajout de la bordure superieure aux molecules */ #website-body .ep_gridrow.ep-o_productlist[data-layout640^="separation"]>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"]>.ep_gridcolumn-content:before, #website-body .ep_gridrow.ep-o_productlist[data-layout640^="separation"]>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"]>.ep_gridcolumn-content:after, #website-body .ep_gridrow.ep-o_productlist[data-layout640^="separation"]>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"]>.ep_gridrow>.ep_gridrow-content:before { position: static; display: block; width: auto; height: 0; height: 0; margin: 0; padding: 20px 0 0 0; flex: 0; -webkit-flex: 0; transform: none; -webkit-transform: none; background-color: transparent; border-top: 1px dotted #d1d3d4; opacity: 1; content: ""; } #website-body .ep_gridrow.ep-o_productlist[data-layout640^="separation"]>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"]>.ep_gridrow>.ep_gridrow-content:before { width: calc(100% - 20px); height: 0; flex: 0 0 auto; -webkit-flex: 0 0 auto; transform: translate(10px, 0); } #website-body .ep_gridrow.ep-o_productlist[data-layout640^="separation"]>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"]>.ep_gridcolumn-content:after { display: none; } /* ORGANISM "LIST OF PRODUCTS" : Suppression de la ligne de separation pour la premiere ligne d'elements de la liste */ #website-body .ep_gridrow.ep-o_productlist[data-layout640^="separation"]>.ep_gridrow-content:before { position: relative; display: block; z-index: 1; width: 100%; height: 3px; margin: -3px 0 0 0; transform: translate(0, -20px); -webkit-transform: translate(0, -20px); flex: 1 1 auto; -webkit-flex: 1 1 auto; background-color: #fff; content: ""; } #website-body .ep_gridrow.ep-o_productlist[data-layout640^="separation"]>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"] { margin-top: -21px; margin-bottom: 20px; } #website-body .ep_gridrow.ep-o_productlist[data-layout640^="separation"]>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_header"] { position: relative; margin-top: 0; margin-bottom: 21px; background-color: #fff; } #website-body .ep_gridrow.ep-o_productlist[data-layout640^="separation"]>.ep_gridrow-content>.ep_gridcolumn+.ep_gridcolumn[class*="ep-m_footer"] { margin-top: 0; margin-bottom: 0; } #website-body .ep_gridrow.ep-o_productlist[data-layout640^="separation"]>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_header"]>.ep_gridcolumn-content:before, #website-body .ep_gridrow.ep-o_productlist[data-layout640^="separation"]>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_header"]>.ep_gridrow>.ep_gridrow-content:before { border-color: transparent; } /* ORGANISM "LIST OF PRODUCTS" : Correction de l'interlignage entre organisme avec separation */ #website-body .ep_gridrow.ep-o_productlist[data-layout640^="separation"]+.ep_gridrow.ep-o_productlist[data-layout640^="separation"] { margin-top: -20px; } #website-body .ep_gridrow.ep-o_productlist[data-layout640^="separation"].ep-layout_greycolor>.ep_gridrow-content:before, #website-body .ep_gridrow.ep-o_productlist[data-layout640^="separation"].ep-layout_greygradient>.ep_gridcolumn-content:before { display: none; } #website-body .ep_gridrow.ep-o_productlist[data-layout640^="separation"].ep-layout_greycolor>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_header"] { position: relative; margin-top: -10px; margin-bottom: -10px; background-color: #f1f2f2; } #website-body .ep_gridrow.ep-o_productlist[data-layout640^="separation"].ep-layout_greygradient>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_header"] { position: relative; margin-top: -10px; margin-bottom: -10px; background-color: #f3f4f4; background: -webkit-linear-gradient(left, #f3f4f4, #e4e5e6); background: -moz-linear-gradient(left, #f3f4f4, #e4e5e6); background: -ms-linear-gradient(left, #f3f4f4, #e4e5e6); background: linear-gradient(left, #f3f4f4, #e4e5e6); } /* ORGANISM "LIST OF PRODUCTS" : Correction de l'interlignage entre molecules */ #website-body .ep_gridrow.ep-o_productlist[data-layout640^="separation"]>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"]:after { display: none; } #website-body .ep_gridrow.ep-o_productlist[data-layout640^="separation"]>.ep_gridrow-content:after, #website-body .ep_gridrow.ep-o_productlist[data-layout640^="separation"] .ep_gridcolumn[class*="ep-m_"]:after { height: 20px; } /* ORGANISM "LIST OF PRODUCTS" : Correction de l'interlignage entre la bordure et le contenu des blocs sur fond colore et/ou avec bordure */ #website-body .ep_gridrow.ep-o_productlist[data-layout640^="separation"]>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"][data-layout640^="list"][data-layout640$="border"]>.ep_gridrow>.ep_gridrow-content:before { display: none; } #website-body .ep_gridrow.ep-o_productlist[data-layout640^="separation"]>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"][data-layout640$="border"], #website-body .ep_gridrow.ep-o_productlist[data-layout640^="separation"]>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"].ep-layout_greycolor, #website-body .ep_gridrow.ep-o_productlist[data-layout640^="separation"]>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"].ep-layout_greygradient { padding-top: 20px; padding-bottom: 20px; } #website-body .ep_gridrow.ep-o_productlist[data-layout640^="separation"]>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"][data-layout640$="border"]>.ep_gridcolumn-content:before, #website-body .ep_gridrow.ep-o_productlist[data-layout640^="separation"]>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"].ep-layout_greycolor>.ep_gridcolumn-content:before, #website-body .ep_gridrow.ep-o_productlist[data-layout640^="separation"]>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"].ep-layout_greygradient>.ep_gridcolumn-content:before { padding-top: 0; transform: translate(0, -20px); -webkit-transform: translate(0, -20px); } #website-body .ep_gridrow.ep-o_productlist[data-layout640^="separation"]>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"].ep-layout_greycolor>.ep_gridcolumn-content:before, #website-body .ep_gridrow.ep-o_productlist[data-layout640^="separation"]>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"].ep-layout_greygradient>.ep_gridcolumn-content:before { transform: translate(0, -40px); -webkit-transform: translate(0, -40px); } #website-body .ep_gridrow.ep-o_productlist[data-layout640^="separation"]>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"].ep-layout_greycolor>.ep_gridcolumn-content .ep-a_media:first-child, #website-body .ep_gridrow.ep-o_productlist[data-layout640^="separation"]>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"].ep-layout_greygradient>.ep_gridcolumn-content .ep-a_media:first-child { margin-top: -21px; } #website-body .ep_gridrow.ep-o_productlist[data-layout640^="separation"]>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"].ep-layout_greycolor>.ep_gridcolumn-content, #website-body .ep_gridrow.ep-o_productlist[data-layout640^="separation"]>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"].ep-layout_greygradient>.ep_gridcolumn-content { padding-top: 20px !important; } #website-body .ep_gridrow.ep-o_productlist[data-layout640^="separation"]>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"].ep-layout_greycolor>.ep_gridcolumn-content:before { background-color: #f1f2f2; } #website-body .ep_gridrow.ep-o_productlist[data-layout640^="separation"]>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"].ep-layout_greygradient>.ep_gridcolumn-content:before { background-color: #f3f4f4; background: -webkit-linear-gradient(left, #f3f4f4, #e4e5e6); background: -moz-linear-gradient(left, #f3f4f4, #e4e5e6); background: -ms-linear-gradient(left, #f3f4f4, #e4e5e6); background: linear-gradient(left, #f3f4f4, #e4e5e6); } #website-body .ep_gridrow.ep-o_productlist[data-layout640^="separation"]>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"].ep-layout_greycolor:last-child:after, #website-body .ep_gridrow.ep-o_productlist[data-layout640^="separation"]>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"].ep-layout_greygradient:last-child:after, #website-body .ep_gridrow.ep-o_productlist[data-layout640^="separation"]>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"][data-layout640="border"]:last-child:after { height: 20px; } /* ORGANISM "LIST OF PRODUCTS" : Correction de l'affichage des molecules de notification */ #website-body .ep_gridrow.ep-o_productlist[data-layout640^="separation"]>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_notification"]:after { display: inline-block; height: 20px; } /* ORGANISM "LIST OF PRODUCTS" : Correction de l'affichage des molecules d'entete et de pied */ #website-body .ep_gridrow.ep-o_productlist[data-layout640^="separation"]>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_header"]:after, #website-body .ep_gridrow.ep-o_productlist[data-layout640^="separation"]>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_header"]>.ep_gridcolumn-content:before, #website-body .ep_gridrow.ep-o_productlist[data-layout640^="separation"]>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_footer"]:after, #website-body .ep_gridrow.ep-o_productlist[data-layout640^="separation"]>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_footer"]>.ep_gridcolumn-content:before { display: none; } #website-body .ep_gridrow.ep-o_productlist[data-layout640^="separation"]>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_header"]>.ep_gridcolumn-content { margin-bottom: -1px; margin-left: 10px; margin-right: 10px; padding-left: 0; padding-right: 0; border-bottom: 1px solid #d1d3d4; } #website-body .ep_gridrow.ep-o_productlist[data-layout640^="separation"].ep-layout_greycolor>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_header"]>.ep_gridcolumn-content, #website-body .ep_gridrow.ep-o_productlist[data-layout640^="separation"].ep-layout_greygradient>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_header"]>.ep_gridcolumn-content { margin-bottom: -10px; border-bottom: none; } /* ORGANISM "LIST OF PRODUCTS" : Correction de l'affichage des molecules de citation */ #website-body .ep_gridrow.ep-o_productlist[data-layout640^="separation"]>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_quotes"]:after, #website-body .ep_gridrow.ep-o_productlist[data-layout640^="separation"]>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_quotes"]>.ep_gridcolumn-content:before { display: none; } /* ORGANISM "LIST OF PRODUCTS" : Correction de l'affichage des molecules repostionnee */ #website-body .ep_gridrow.ep-o_productlist[data-layout640^="separation"].ep-layout_reorder>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"][data-reorder750="insert-1"]+.ep_gridcolumn[class*="ep-m_"]>.ep_gridcolumn-content:before, #website-body .ep_gridrow.ep-o_productlist[data-layout640^="separation"].ep-layout_reorder>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"][data-reorder750="insert-2"]+.ep_gridcolumn[class*="ep-m_"]>.ep_gridcolumn-content:before { display: none; } /* ORGANISM "LIST OF PRODUCTS" : Augmentation des marges de separation */ #website-body .ep_gridrow.ep-o_productlist[data-layout640^="separation-large"]>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"]:after { display: block; height: 20px; } #website-body .ep_gridrow.ep-o_productlist[data-layout640^="separation-large"]>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"]>.ep_gridcolumn-content:before { height: 20px; } } @media screen and (min-width:480px) and (max-width:639px) { /* ORGANISM "LIST OF PRODUCTS" : Ajout de la bordure superieure aux molecules */ #website-body .ep_gridrow.ep-o_productlist[data-layout480^="separation"]>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"]>.ep_gridcolumn-content:before, #website-body .ep_gridrow.ep-o_productlist[data-layout480^="separation"]>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"]>.ep_gridcolumn-content:after, #website-body .ep_gridrow.ep-o_productlist[data-layout480^="separation"]>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"]>.ep_gridrow>.ep_gridrow-content:before { position: static; display: block; width: auto; height: 0; height: 0; margin: 0; padding: 20px 0 0 0; flex: 0; -webkit-flex: 0; transform: none; -webkit-transform: none; background-color: transparent; border-top: 1px dotted #d1d3d4; opacity: 1; content: ""; } #website-body .ep_gridrow.ep-o_productlist[data-layout480^="separation"]>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"]>.ep_gridrow>.ep_gridrow-content:before { width: calc(100% - 20px); height: 0; flex: 0 0 auto; -webkit-flex: 0 0 auto; transform: translate(10px, 0); } #website-body .ep_gridrow.ep-o_productlist[data-layout480^="separation"]>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"]>.ep_gridcolumn-content:after { display: none; } /* ORGANISM "LIST OF PRODUCTS" : Suppression de la ligne de separation pour la premiere ligne d'elements de la liste */ #website-body .ep_gridrow.ep-o_productlist[data-layout480^="separation"]>.ep_gridrow-content:before { position: relative; display: block; z-index: 1; width: 100%; height: 3px; margin: -3px 0 0 0; transform: translate(0, -20px); -webkit-transform: translate(0, -20px); flex: 1 1 auto; -webkit-flex: 1 1 auto; background-color: #fff; content: ""; } #website-body .ep_gridrow.ep-o_productlist[data-layout480^="separation"]>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"] { margin-top: -21px; margin-bottom: 20px; } #website-body .ep_gridrow.ep-o_productlist[data-layout480^="separation"]>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_header"] { position: relative; margin-top: 0; margin-bottom: 21px; background-color: #fff; } #website-body .ep_gridrow.ep-o_productlist[data-layout480^="separation"]>.ep_gridrow-content>.ep_gridcolumn+.ep_gridcolumn[class*="ep-m_footer"] { margin-top: 0; margin-bottom: 0; } #website-body .ep_gridrow.ep-o_productlist[data-layout480^="separation"]>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_header"]>.ep_gridcolumn-content:before, #website-body .ep_gridrow.ep-o_productlist[data-layout480^="separation"]>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_header"]>.ep_gridrow>.ep_gridrow-content:before { border-color: transparent; } /* ORGANISM "LIST OF PRODUCTS" : Correction de l'interlignage entre organisme avec separation */ #website-body .ep_gridrow.ep-o_productlist[data-layout480^="separation"]+.ep_gridrow.ep-o_productlist[data-layout480^="separation"] { margin-top: -20px; } #website-body .ep_gridrow.ep-o_productlist[data-layout480^="separation"].ep-layout_greycolor>.ep_gridrow-content:before, #website-body .ep_gridrow.ep-o_productlist[data-layout480^="separation"].ep-layout_greygradient>.ep_gridcolumn-content:before { display: none; } #website-body .ep_gridrow.ep-o_productlist[data-layout480^="separation"].ep-layout_greycolor>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_header"] { position: relative; margin-top: -10px; margin-bottom: -10px; background-color: #f1f2f2; } #website-body .ep_gridrow.ep-o_productlist[data-layout480^="separation"].ep-layout_greygradient>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_header"] { position: relative; margin-top: -10px; margin-bottom: -10px; background-color: #f3f4f4; background: -webkit-linear-gradient(left, #f3f4f4, #e4e5e6); background: -moz-linear-gradient(left, #f3f4f4, #e4e5e6); background: -ms-linear-gradient(left, #f3f4f4, #e4e5e6); background: linear-gradient(left, #f3f4f4, #e4e5e6); } /* ORGANISM "LIST OF PRODUCTS" : Correction de l'interlignage entre molecules */ #website-body .ep_gridrow.ep-o_productlist[data-layout480^="separation"]>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"]:after { display: none; } #website-body .ep_gridrow.ep-o_productlist[data-layout480^="separation"]>.ep_gridrow-content:after, #website-body .ep_gridrow.ep-o_productlist[data-layout480^="separation"] .ep_gridcolumn[class*="ep-m_"]:after { height: 20px; } /* ORGANISM "LIST OF PRODUCTS" : Correction de l'interlignage entre la bordure et le contenu des blocs sur fond colore et/ou avec bordure */ #website-body .ep_gridrow.ep-o_productlist[data-layout480^="separation"]>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"][data-layout480^="list"][data-layout480$="border"]>.ep_gridrow>.ep_gridrow-content:before { display: none; } #website-body .ep_gridrow.ep-o_productlist[data-layout480^="separation"]>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"][data-layout480$="border"], #website-body .ep_gridrow.ep-o_productlist[data-layout480^="separation"]>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"].ep-layout_greycolor, #website-body .ep_gridrow.ep-o_productlist[data-layout480^="separation"]>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"].ep-layout_greygradient { padding-top: 20px; padding-bottom: 20px; } #website-body .ep_gridrow.ep-o_productlist[data-layout480^="separation"]>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"][data-layout480$="border"]>.ep_gridcolumn-content:before, #website-body .ep_gridrow.ep-o_productlist[data-layout480^="separation"]>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"].ep-layout_greycolor>.ep_gridcolumn-content:before, #website-body .ep_gridrow.ep-o_productlist[data-layout480^="separation"]>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"].ep-layout_greygradient>.ep_gridcolumn-content:before { padding-top: 0; transform: translate(0, -20px); -webkit-transform: translate(0, -20px); } #website-body .ep_gridrow.ep-o_productlist[data-layout480^="separation"]>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"].ep-layout_greycolor>.ep_gridcolumn-content:before, #website-body .ep_gridrow.ep-o_productlist[data-layout480^="separation"]>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"].ep-layout_greygradient>.ep_gridcolumn-content:before { transform: translate(0, -40px); -webkit-transform: translate(0, -40px); } #website-body .ep_gridrow.ep-o_productlist[data-layout480^="separation"]>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"].ep-layout_greycolor>.ep_gridcolumn-content .ep-a_media:first-child, #website-body .ep_gridrow.ep-o_productlist[data-layout480^="separation"]>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"].ep-layout_greygradient>.ep_gridcolumn-content .ep-a_media:first-child { margin-top: -21px; } #website-body .ep_gridrow.ep-o_productlist[data-layout480^="separation"]>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"].ep-layout_greycolor>.ep_gridcolumn-content, #website-body .ep_gridrow.ep-o_productlist[data-layout480^="separation"]>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"].ep-layout_greygradient>.ep_gridcolumn-content { padding-top: 20px !important; } #website-body .ep_gridrow.ep-o_productlist[data-layout480^="separation"]>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"].ep-layout_greycolor>.ep_gridcolumn-content:before { background-color: #f1f2f2; } #website-body .ep_gridrow.ep-o_productlist[data-layout480^="separation"]>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"].ep-layout_greygradient>.ep_gridcolumn-content:before { background-color: #f3f4f4; background: -webkit-linear-gradient(left, #f3f4f4, #e4e5e6); background: -moz-linear-gradient(left, #f3f4f4, #e4e5e6); background: -ms-linear-gradient(left, #f3f4f4, #e4e5e6); background: linear-gradient(left, #f3f4f4, #e4e5e6); } #website-body .ep_gridrow.ep-o_productlist[data-layout480^="separation"]>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"].ep-layout_greycolor:last-child:after, #website-body .ep_gridrow.ep-o_productlist[data-layout480^="separation"]>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"].ep-layout_greygradient:last-child:after, #website-body .ep_gridrow.ep-o_productlist[data-layout480^="separation"]>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"][data-layout480="border"]:last-child:after { height: 20px; } /* ORGANISM "LIST OF PRODUCTS" : Correction de l'affichage des molecules de notification */ #website-body .ep_gridrow.ep-o_productlist[data-layout480^="separation"]>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_notification"]:after { display: inline-block; height: 20px; } /* ORGANISM "LIST OF PRODUCTS" : Correction de l'affichage des molecules d'entete et de pied */ #website-body .ep_gridrow.ep-o_productlist[data-layout480^="separation"]>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_header"]:after, #website-body .ep_gridrow.ep-o_productlist[data-layout480^="separation"]>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_header"]>.ep_gridcolumn-content:before, #website-body .ep_gridrow.ep-o_productlist[data-layout480^="separation"]>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_footer"]:after, #website-body .ep_gridrow.ep-o_productlist[data-layout480^="separation"]>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_footer"]>.ep_gridcolumn-content:before { display: none; } #website-body .ep_gridrow.ep-o_productlist[data-layout480^="separation"]>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_header"]>.ep_gridcolumn-content { margin-bottom: -1px; margin-left: 10px; margin-right: 10px; padding-left: 0; padding-right: 0; border-bottom: 1px solid #d1d3d4; } #website-body .ep_gridrow.ep-o_productlist[data-layout480^="separation"].ep-layout_greycolor>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_header"]>.ep_gridcolumn-content, #website-body .ep_gridrow.ep-o_productlist[data-layout480^="separation"].ep-layout_greygradient>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_header"]>.ep_gridcolumn-content { margin-bottom: -10px; border-bottom: none; } /* ORGANISM "LIST OF PRODUCTS" : Correction de l'affichage des molecules de citation */ #website-body .ep_gridrow.ep-o_productlist[data-layout480^="separation"]>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_quotes"]:after, #website-body .ep_gridrow.ep-o_productlist[data-layout480^="separation"]>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_quotes"]>.ep_gridcolumn-content:before { display: none; } /* ORGANISM "LIST OF PRODUCTS" : Correction de l'affichage des molecules repostionnee */ #website-body .ep_gridrow.ep-o_productlist[data-layout480^="separation"].ep-layout_reorder>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"][data-reorder750="insert-1"]+.ep_gridcolumn[class*="ep-m_"]>.ep_gridcolumn-content:before, #website-body .ep_gridrow.ep-o_productlist[data-layout480^="separation"].ep-layout_reorder>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"][data-reorder750="insert-2"]+.ep_gridcolumn[class*="ep-m_"]>.ep_gridcolumn-content:before { display: none; } /* ORGANISM "LIST OF PRODUCTS" : Augmentation des marges de separation */ #website-body .ep_gridrow.ep-o_productlist[data-layout480^="separation-large"]>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"]:after { display: block; height: 20px; } #website-body .ep_gridrow.ep-o_productlist[data-layout480^="separation-large"]>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"]>.ep_gridcolumn-content:before { height: 20px; } } @media screen and (max-width:479px) { /* ORGANISM "LIST OF PRODUCTS" : Ajout de la bordure superieure aux molecules */ #website-body .ep_gridrow.ep-o_productlist[data-layout320^="separation"]>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"]>.ep_gridcolumn-content:before, #website-body .ep_gridrow.ep-o_productlist[data-layout320^="separation"]>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"]>.ep_gridcolumn-content:after, #website-body .ep_gridrow.ep-o_productlist[data-layout320^="separation"]>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"]>.ep_gridrow>.ep_gridrow-content:before { position: static; display: block; width: auto; height: 0; height: 0; margin: 0; padding: 20px 0 0 0; flex: 0; -webkit-flex: 0; transform: none; -webkit-transform: none; background-color: transparent; border-top: 1px dotted #d1d3d4; opacity: 1; content: ""; } #website-body .ep_gridrow.ep-o_productlist[data-layout320^="separation"]>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"]>.ep_gridrow>.ep_gridrow-content:before { width: calc(100% - 20px); height: 0; flex: 0 0 auto; -webkit-flex: 0 0 auto; transform: translate(10px, 0); } #website-body .ep_gridrow.ep-o_productlist[data-layout320^="separation"]>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"]>.ep_gridcolumn-content:after { display: none; } /* ORGANISM "LIST OF PRODUCTS" : Suppression de la ligne de separation pour la premiere ligne d'elements de la liste */ #website-body .ep_gridrow.ep-o_productlist[data-layout320^="separation"]>.ep_gridrow-content:before { position: relative; display: block; z-index: 1; width: 100%; height: 3px; margin: -3px 0 0 0; transform: translate(0, -20px); -webkit-transform: translate(0, -20px); flex: 1 1 auto; -webkit-flex: 1 1 auto; background-color: #fff; content: ""; } #website-body .ep_gridrow.ep-o_productlist[data-layout320^="separation"]>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"] { margin-top: -21px; margin-bottom: 20px; } #website-body .ep_gridrow.ep-o_productlist[data-layout320^="separation"]>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_header"] { position: relative; margin-top: 0; margin-bottom: 21px; background-color: #fff; } #website-body .ep_gridrow.ep-o_productlist[data-layout320^="separation"]>.ep_gridrow-content>.ep_gridcolumn+.ep_gridcolumn[class*="ep-m_footer"] { margin-top: 0; margin-bottom: 0; } #website-body .ep_gridrow.ep-o_productlist[data-layout320^="separation"]>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_header"]>.ep_gridcolumn-content:before, #website-body .ep_gridrow.ep-o_productlist[data-layout320^="separation"]>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_header"]>.ep_gridrow>.ep_gridrow-content:before { border-color: transparent; } /* ORGANISM "LIST OF PRODUCTS" : Correction de l'interlignage entre organisme avec separation */ #website-body .ep_gridrow.ep-o_productlist[data-layout320^="separation"]+.ep_gridrow.ep-o_productlist[data-layout320^="separation"] { margin-top: -20px; } #website-body .ep_gridrow.ep-o_productlist[data-layout320^="separation"].ep-layout_greycolor>.ep_gridrow-content:before, #website-body .ep_gridrow.ep-o_productlist[data-layout320^="separation"].ep-layout_greygradient>.ep_gridcolumn-content:before { display: none; } #website-body .ep_gridrow.ep-o_productlist[data-layout320^="separation"].ep-layout_greycolor>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_header"] { position: relative; margin-top: -10px; margin-bottom: -10px; background-color: #f1f2f2; } #website-body .ep_gridrow.ep-o_productlist[data-layout320^="separation"].ep-layout_greygradient>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_header"] { position: relative; margin-top: -10px; margin-bottom: -10px; background-color: #f3f4f4; background: -webkit-linear-gradient(left, #f3f4f4, #e4e5e6); background: -moz-linear-gradient(left, #f3f4f4, #e4e5e6); background: -ms-linear-gradient(left, #f3f4f4, #e4e5e6); background: linear-gradient(left, #f3f4f4, #e4e5e6); } /* ORGANISM "LIST OF PRODUCTS" : Correction de l'interlignage entre molecules */ #website-body .ep_gridrow.ep-o_productlist[data-layout320^="separation"]>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"]:after { display: none; } #website-body .ep_gridrow.ep-o_productlist[data-layout320^="separation"]>.ep_gridrow-content:after, #website-body .ep_gridrow.ep-o_productlist[data-layout320^="separation"] .ep_gridcolumn[class*="ep-m_"]:after { height: 20px; } /* ORGANISM "LIST OF PRODUCTS" : Correction de l'interlignage entre la bordure et le contenu des blocs sur fond colore et/ou avec bordure */ #website-body .ep_gridrow.ep-o_productlist[data-layout320^="separation"]>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"][data-layout320^="list"][data-layout320$="border"]>.ep_gridrow>.ep_gridrow-content:before { display: none; } #website-body .ep_gridrow.ep-o_productlist[data-layout320^="separation"]>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"][data-layout320$="border"], #website-body .ep_gridrow.ep-o_productlist[data-layout320^="separation"]>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"].ep-layout_greycolor, #website-body .ep_gridrow.ep-o_productlist[data-layout320^="separation"]>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"].ep-layout_greygradient { padding-top: 20px; padding-bottom: 20px; } #website-body .ep_gridrow.ep-o_productlist[data-layout320^="separation"]>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"][data-layout320$="border"]>.ep_gridcolumn-content:before, #website-body .ep_gridrow.ep-o_productlist[data-layout320^="separation"]>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"].ep-layout_greycolor>.ep_gridcolumn-content:before, #website-body .ep_gridrow.ep-o_productlist[data-layout320^="separation"]>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"].ep-layout_greygradient>.ep_gridcolumn-content:before { padding-top: 0; transform: translate(0, -20px); -webkit-transform: translate(0, -20px); } #website-body .ep_gridrow.ep-o_productlist[data-layout320^="separation"]>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"].ep-layout_greycolor>.ep_gridcolumn-content:before, #website-body .ep_gridrow.ep-o_productlist[data-layout320^="separation"]>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"].ep-layout_greygradient>.ep_gridcolumn-content:before { transform: translate(0, -40px); -webkit-transform: translate(0, -40px); } #website-body .ep_gridrow.ep-o_productlist[data-layout320^="separation"]>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"].ep-layout_greycolor>.ep_gridcolumn-content .ep-a_media:first-child, #website-body .ep_gridrow.ep-o_productlist[data-layout320^="separation"]>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"].ep-layout_greygradient>.ep_gridcolumn-content .ep-a_media:first-child { margin-top: -21px; } #website-body .ep_gridrow.ep-o_productlist[data-layout320^="separation"]>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"].ep-layout_greycolor>.ep_gridcolumn-content, #website-body .ep_gridrow.ep-o_productlist[data-layout320^="separation"]>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"].ep-layout_greygradient>.ep_gridcolumn-content { padding-top: 20px !important; } #website-body .ep_gridrow.ep-o_productlist[data-layout320^="separation"]>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"].ep-layout_greycolor>.ep_gridcolumn-content:before { background-color: #f1f2f2; } #website-body .ep_gridrow.ep-o_productlist[data-layout320^="separation"]>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"].ep-layout_greygradient>.ep_gridcolumn-content:before { background-color: #f3f4f4; background: -webkit-linear-gradient(left, #f3f4f4, #e4e5e6); background: -moz-linear-gradient(left, #f3f4f4, #e4e5e6); background: -ms-linear-gradient(left, #f3f4f4, #e4e5e6); background: linear-gradient(left, #f3f4f4, #e4e5e6); } #website-body .ep_gridrow.ep-o_productlist[data-layout320^="separation"]>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"].ep-layout_greycolor:last-child:after, #website-body .ep_gridrow.ep-o_productlist[data-layout320^="separation"]>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"].ep-layout_greygradient:last-child:after, #website-body .ep_gridrow.ep-o_productlist[data-layout320^="separation"]>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"][data-layout320="border"]:last-child:after { height: 20px; } /* ORGANISM "LIST OF PRODUCTS" : Correction de l'affichage des molecules de notification */ #website-body .ep_gridrow.ep-o_productlist[data-layout320^="separation"]>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_notification"]:after { display: inline-block; height: 20px; } /* ORGANISM "LIST OF PRODUCTS" : Correction de l'affichage des molecules d'entete et de pied */ #website-body .ep_gridrow.ep-o_productlist[data-layout320^="separation"]>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_header"]:after, #website-body .ep_gridrow.ep-o_productlist[data-layout320^="separation"]>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_header"]>.ep_gridcolumn-content:before, #website-body .ep_gridrow.ep-o_productlist[data-layout320^="separation"]>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_footer"]:after, #website-body .ep_gridrow.ep-o_productlist[data-layout320^="separation"]>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_footer"]>.ep_gridcolumn-content:before { display: none; } #website-body .ep_gridrow.ep-o_productlist[data-layout320^="separation"]>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_header"]>.ep_gridcolumn-content { margin-bottom: -1px; margin-left: 10px; margin-right: 10px; padding-left: 0; padding-right: 0; border-bottom: 1px solid #d1d3d4; } #website-body .ep_gridrow.ep-o_productlist[data-layout320^="separation"].ep-layout_greycolor>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_header"]>.ep_gridcolumn-content, #website-body .ep_gridrow.ep-o_productlist[data-layout320^="separation"].ep-layout_greygradient>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_header"]>.ep_gridcolumn-content { margin-bottom: -10px; border-bottom: none; } /* ORGANISM "LIST OF PRODUCTS" : Correction de l'affichage des molecules de citation */ #website-body .ep_gridrow.ep-o_productlist[data-layout320^="separation"]>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_quotes"]:after, #website-body .ep_gridrow.ep-o_productlist[data-layout320^="separation"]>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_quotes"]>.ep_gridcolumn-content:before { display: none; } /* ORGANISM "LIST OF PRODUCTS" : Correction de l'affichage des molecules repostionnee */ #website-body .ep_gridrow.ep-o_productlist[data-layout320^="separation"].ep-layout_reorder>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"][data-reorder750="insert-1"]+.ep_gridcolumn[class*="ep-m_"]>.ep_gridcolumn-content:before, #website-body .ep_gridrow.ep-o_productlist[data-layout320^="separation"].ep-layout_reorder>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"][data-reorder750="insert-2"]+.ep_gridcolumn[class*="ep-m_"]>.ep_gridcolumn-content:before { display: none; } /* ORGANISM "LIST OF PRODUCTS" : Augmentation des marges de separation */ #website-body .ep_gridrow.ep-o_productlist[data-layout320^="separation-large"]>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"]:after { display: block; height: 20px; } #website-body .ep_gridrow.ep-o_productlist[data-layout320^="separation-large"]>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"]>.ep_gridcolumn-content:before { height: 20px; } } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* ORGANISM "LIST OF PRODUCTS" : Affichage des produits en ligne sans prendre en compte la grille de colonnage */ @media screen and (min-width:1200px) { /* ORGANISM "LIST OF PRODUCTS" : Alignement des molecules sur une meme ligne */ #website-body .ep_gridrow.ep-o_productlist[data-layout1200="inline"] .ep_gridrow-content { display: block; } #website-body .ep_gridrow.ep-o_productlist[data-layout1200="inline"] .ep_gridrow-content .ep_gridcolumn { display: block; width: auto !important; } #website-body .ep_gridrow.ep-o_productlist[data-layout1200="inline"]>.ep_gridrow-content .ep_gridcolumn.ep-m_header>.ep_gridcolumn-content { padding-left: 0 !important; padding-right: 0 !important; } #website-body .ep_gridrow.ep-o_productlist[data-layout1200="inline"]>.ep_gridrow-content .ep_gridcolumn.ep-m_footer>.ep_gridcolumn-content { padding-left: 10px !important; padding-right: 10px !important; } #website-body .ep_gridrow.ep-o_productlist[data-layout1200="inline"] .ep_gridrow-content .ep_gridcolumn.ep-m_product { display: inline-block; } #website-body .ep_gridrow.ep-o_productlist[data-layout1200="inline"] .ep_gridrow-content .ep_gridcolumn.ep-m_product:after { display: none; } /* ORGANISM "LIST OF PRODUCTS" : Nettoyage de la molecule "product" de ses atomes */ #website-body .ep_gridrow.ep-o_productlist[data-layout1200="inline"] .ep_gridrow-content .ep_gridcolumn.ep-m_product .ep-a_text, #website-body .ep_gridrow.ep-o_productlist[data-layout1200="inline"] .ep_gridrow-content .ep_gridcolumn.ep-m_product .ep-a_links, #website-body .ep_gridrow.ep-o_productlist[data-layout1200="inline"] .ep_gridrow-content .ep_gridcolumn.ep-m_product .ep-a_media, #website-body .ep_gridrow.ep-o_productlist[data-layout1200="inline"] .ep_gridrow-content .ep_gridcolumn.ep-m_product .ep-a_share, #website-body .ep_gridrow.ep-o_productlist[data-layout1200="inline"] .ep_gridrow-content .ep_gridcolumn.ep-m_product .ep-a_loadmore, #website-body .ep_gridrow.ep-o_productlist[data-layout1200="inline"] .ep_gridrow-content .ep_gridcolumn.ep-m_product .ep-a_quotation, #website-body .ep_gridrow.ep-o_productlist[data-layout1200="inline"] .ep_gridrow-content .ep_gridcolumn.ep-m_product .ep-a_tags, #website-body .ep_gridrow.ep-o_productlist[data-layout1200="inline"] .ep_gridrow-content .ep_gridcolumn.ep-m_product .ep-a_reference, #website-body .ep_gridrow.ep-o_productlist[data-layout1200="inline"] .ep_gridrow-content .ep_gridcolumn.ep-m_product .ep-a_button, #website-body .ep_gridrow.ep-o_productlist[data-layout1200="inline"] .ep_gridrow-content .ep_gridcolumn.ep-m_product .ep-a_field { display: none !important; } #website-body .ep_gridrow.ep-o_productlist[data-layout1200="inline"] .ep_gridrow-content .ep_gridcolumn.ep-m_product .ep-a_heading { display: inline-block; } #website-body .ep_gridrow.ep-o_productlist[data-layout1200="inline"] .ep_gridrow-content .ep_gridcolumn.ep-m_product .ep-a_heading>.ep_title .ep-p_text { font-family: Helvetica, Arial, sans-serif; font-size: 1.4em; font-weight: normal; } #website-body .ep_gridrow.ep-o_productlist[data-layout1200="inline"] .ep_gridrow-content .ep_gridcolumn.ep-m_product .ep-a_heading>.ep_tag, #website-body .ep_gridrow.ep-o_productlist[data-layout1200="inline"] .ep_gridrow-content .ep_gridcolumn.ep-m_product .ep-a_heading>.ep_subtitle { display: none; } #website-body .ep_gridrow.ep-o_productlist[data-layout1200="inline"] .ep_gridrow-content .ep_gridcolumn.ep-m_product .ep-a_heading>.ep_tag+.ep_title { margin-top: 0; } /* ORGANISM "LIST OF PRODUCTS" : Ajout des bordures de separation avec les autres organismes */ #website-body .ep_gridrow.ep-o_productlist[data-layout1200="inline"] .ep_gridrow-content { display: block; margin-bottom: -2px; text-align: center; } #website-body .ep_gridro.ep-o_productlist[data-layout1200="inline"], #website-body .ep_gridrow.ep-o_productlist[data-layout1200="inline"]:after { border-top: 1px solid #d1d3d4; } #website-body .ep_gridrow.ep-o_productlist[data-layout1200="inline"]:after { position: static; display: block; width: auto; max-width: 1156px; height: 40px; margin: 0 auto; padding: 0; opacity: 1; content: ""; } /* ORGANISM "LIST OF PRODUCTS" : Correction de la position de l'atome "load more" */ #website-body .ep_gridrow.ep-o_productlist[data-layout1200="inline"] .ep_gridcolumn.ep-m_footer .ep-a_loadmore { position: relative; margin-bottom: -21px; } #website-body .ep_gridrow.ep-o_productlist[data-layout1200="inline"] .ep_gridcolumn.ep-m_footer .ep-a_loadmore .ep_button { position: relative; z-index: 1; } #website-body .ep_gridrow.ep-o_productlist[data-layout1200="inline"] .ep_gridcolumn.ep-m_footer .ep-a_loadmore:before { display: block; height: 10px; border-bottom: none; } #website-body .ep_gridrow.ep-o_productlist[data-layout1200="inline"] .ep_gridcolumn.ep-m_footer .ep-a_loadmore:after { position: absolute; display: block; left: -10px; right: -10px; width: auto; height: calc((1.4em + 32px) /2); margin-top: calc((-1.4em - 32px) /2); padding-top: 0; background-color: #fff; opacity: 1; border-top: 1px solid #d1d3d4; content: ""; } #website-body .ep_gridrow.ep-o_productlist[data-layout1200="inline"] .ep_gridcolumn[data-view1200="12"].ep-m_footer .ep-a_loadmore:after, #website-body .ep_gridrow.ep-o_productlist[data-layout1200="inline"] .ep_gridcolumn[data-view1200="12"].ep-m_footer .ep-a_loadmore:after { left: 0; right: 0; } /* ORGANISM "LIST OF PRODUCTS" : Correction de la position de la molecule "header" */ #website-body .ep_gridrow.ep-o_productlist[data-layout1200="inline"] .ep_gridcolumn.ep-m_header.ep-layout_tagtitle { text-align: left; } #website-body .ep_gridrow.ep-o_productlist[data-layout1200="inline"] .ep_gridcolumn.ep-m_header.ep-layout_tagtitle .ep_gridcolumn-content { text-align: center; } #website-body .ep_gridrow.ep-o_productlist[data-layout1200="inline"] .ep_gridcolumn.ep-m_header.ep-layout_tagtitle:before { position: absolute; display: block; left: -10px; right: -10px; } /* ORGANISM "LIST OF PRODUCTS" : Correction des marges pour l'affichage fullscreen */ #website-body .ep_gridrow.ep-o_productlist[data-layout1200="inline"]>.ep_gridrow-content { width: auto; } } @media screen and (min-width:1020px) and (max-width:1199px) { /* ORGANISM "LIST OF PRODUCTS" : Alignement des molecules sur une meme ligne */ #website-body .ep_gridrow.ep-o_productlist[data-layout1020="inline"] .ep_gridrow-content { display: block; } #website-body .ep_gridrow.ep-o_productlist[data-layout1020="inline"] .ep_gridrow-content .ep_gridcolumn { display: block; width: auto !important; } #website-body .ep_gridrow.ep-o_productlist[data-layout1020="inline"]>.ep_gridrow-content .ep_gridcolumn.ep-m_header>.ep_gridcolumn-content { padding-left: 0 !important; padding-right: 0 !important; } #website-body .ep_gridrow.ep-o_productlist[data-layout1020="inline"]>.ep_gridrow-content .ep_gridcolumn.ep-m_footer>.ep_gridcolumn-content { padding-left: 10px !important; padding-right: 10px !important; } #website-body .ep_gridrow.ep-o_productlist[data-layout1020="inline"] .ep_gridrow-content .ep_gridcolumn.ep-m_product { display: inline-block; } #website-body .ep_gridrow.ep-o_productlist[data-layout1020="inline"] .ep_gridrow-content .ep_gridcolumn.ep-m_product:after { display: none; } /* ORGANISM "LIST OF PRODUCTS" : Nettoyage de la molecule "product" de ses atomes */ #website-body .ep_gridrow.ep-o_productlist[data-layout1020="inline"] .ep_gridrow-content .ep_gridcolumn.ep-m_product .ep-a_text, #website-body .ep_gridrow.ep-o_productlist[data-layout1020="inline"] .ep_gridrow-content .ep_gridcolumn.ep-m_product .ep-a_links, #website-body .ep_gridrow.ep-o_productlist[data-layout1020="inline"] .ep_gridrow-content .ep_gridcolumn.ep-m_product .ep-a_media, #website-body .ep_gridrow.ep-o_productlist[data-layout1020="inline"] .ep_gridrow-content .ep_gridcolumn.ep-m_product .ep-a_share, #website-body .ep_gridrow.ep-o_productlist[data-layout1020="inline"] .ep_gridrow-content .ep_gridcolumn.ep-m_product .ep-a_loadmore, #website-body .ep_gridrow.ep-o_productlist[data-layout1020="inline"] .ep_gridrow-content .ep_gridcolumn.ep-m_product .ep-a_quotation, #website-body .ep_gridrow.ep-o_productlist[data-layout1020="inline"] .ep_gridrow-content .ep_gridcolumn.ep-m_product .ep-a_tags, #website-body .ep_gridrow.ep-o_productlist[data-layout1020="inline"] .ep_gridrow-content .ep_gridcolumn.ep-m_product .ep-a_reference, #website-body .ep_gridrow.ep-o_productlist[data-layout1020="inline"] .ep_gridrow-content .ep_gridcolumn.ep-m_product .ep-a_button, #website-body .ep_gridrow.ep-o_productlist[data-layout1020="inline"] .ep_gridrow-content .ep_gridcolumn.ep-m_product .ep-a_field { display: none !important; } #website-body .ep_gridrow.ep-o_productlist[data-layout1020="inline"] .ep_gridrow-content .ep_gridcolumn.ep-m_product .ep-a_heading { display: inline-block; } #website-body .ep_gridrow.ep-o_productlist[data-layout1020="inline"] .ep_gridrow-content .ep_gridcolumn.ep-m_product .ep-a_heading>.ep_title .ep-p_text { font-family: Helvetica, Arial, sans-serif; font-size: 1.4em; font-weight: normal; } #website-body .ep_gridrow.ep-o_productlist[data-layout1020="inline"] .ep_gridrow-content .ep_gridcolumn.ep-m_product .ep-a_heading>.ep_tag, #website-body .ep_gridrow.ep-o_productlist[data-layout1020="inline"] .ep_gridrow-content .ep_gridcolumn.ep-m_product .ep-a_heading>.ep_subtitle { display: none; } #website-body .ep_gridrow.ep-o_productlist[data-layout1020="inline"] .ep_gridrow-content .ep_gridcolumn.ep-m_product .ep-a_heading>.ep_tag+.ep_title { margin-top: 0; } /* ORGANISM "LIST OF PRODUCTS" : Ajout des bordures de separation avec les autres organismes */ #website-body .ep_gridrow.ep-o_productlist[data-layout1020="inline"] .ep_gridrow-content { display: block; margin-bottom: -2px; text-align: center; } #website-body .ep_gridrow.ep-o_productlist[data-layout1020="inline"], #website-body .ep_gridrow.ep-o_productlist[data-layout1020="inline"]:after { border-top: 1px solid #d1d3d4; } #website-body .ep_gridrow.ep-o_productlist[data-layout1020="inline"]:after { position: static; display: block; width: auto; height: 40px; margin: 0 10px; padding: 0; opacity: 1; content: ""; } /* ORGANISM "LIST OF PRODUCTS" : Correction de la position de l'atome "load more" */ #website-body .ep_gridrow.ep-o_productlist[data-layout1020="inline"] .ep_gridcolumn.ep-m_footer .ep-a_loadmore { position: relative; margin-bottom: -21px; } #website-body .ep_gridrow.ep-o_productlist[data-layout1020="inline"] .ep_gridcolumn.ep-m_footer .ep-a_loadmore .ep_button { position: relative; z-index: 1; } #website-body .ep_gridrow.ep-o_productlist[data-layout1020="inline"] .ep_gridcolumn.ep-m_footer .ep-a_loadmore:before { display: block; height: 10px; border-bottom: none; } #website-body .ep_gridrow.ep-o_productlist[data-layout1020="inline"] .ep_gridcolumn.ep-m_footer .ep-a_loadmore:after { position: absolute; display: block; left: -10px; right: -10px; width: auto; height: calc((1.4em + 32px) /2); margin-top: calc((-1.4em - 32px) /2); padding-top: 0; background-color: #fff; opacity: 1; border-top: 1px solid #d1d3d4; content: ""; } #website-body .ep_gridrow.ep-o_productlist[data-layout1020="inline"] .ep_gridcolumn[data-view1020="12"].ep-m_footer .ep-a_loadmore, #website-body .ep_gridrow.ep-o_productlist[data-layout1020="inline"] .ep_gridcolumn[data-view1020="12"].ep-m_footer .ep-a_loadmore { position: static; } #website-body .ep_gridrow.ep-o_productlist[data-layout1020="inline"] .ep_gridcolumn[data-view1020="12"].ep-m_footer .ep-a_loadmore:after, #website-body .ep_gridrow.ep-o_productlist[data-layout1020="inline"] .ep_gridcolumn[data-view1020="12"].ep-m_footer .ep-a_loadmore:after { left: 40px; right: 40px; } /* ORGANISM "LIST OF PRODUCTS" : Correction de la position de la molecule "header" */ #website-body .ep_gridrow.ep-o_productlist[data-layout1020="inline"] .ep_gridcolumn.ep-m_header.ep-layout_tagtitle { text-align: left; } #website-body .ep_gridrow.ep-o_productlist[data-layout1020="inline"] .ep_gridcolumn.ep-m_header.ep-layout_tagtitle .ep_gridcolumn-content { text-align: center; } #website-body .ep_gridrow.ep-o_productlist[data-layout1020="inline"] .ep_gridcolumn.ep-m_header.ep-layout_tagtitle .ep_gridcolumn-content { padding-left: 0; padding-right: 0; } #website-body .ep_gridrow.ep-o_productlist[data-layout1020="inline"] .ep_gridcolumn.ep-m_header.ep-layout_tagtitle:before { position: absolute; display: block; left: -10px; right: -10px; } } @media screen and (min-width:750px) and (max-width:1019px), print { /* ORGANISM "LIST OF PRODUCTS" : Alignement des molecules sur une meme ligne */ #website-body .ep_gridrow.ep-o_productlist[data-layout750="inline"] .ep_gridrow-content { display: block; } #website-body .ep_gridrow.ep-o_productlist[data-layout750="inline"] .ep_gridrow-content .ep_gridcolumn { display: block; width: auto !important; } #website-body .ep_gridrow.ep-o_productlist[data-layout750="inline"]>.ep_gridrow-content .ep_gridcolumn.ep-m_header>.ep_gridcolumn-content { padding-left: 0 !important; padding-right: 0 !important; } #website-body .ep_gridrow.ep-o_productlist[data-layout750="inline"]>.ep_gridrow-content .ep_gridcolumn.ep-m_footer>.ep_gridcolumn-content { padding-left: 10px !important; padding-right: 10px !important; } #website-body .ep_gridrow.ep-o_productlist[data-layout750="inline"] .ep_gridrow-content .ep_gridcolumn.ep-m_product { display: inline-block; } #website-body .ep_gridrow.ep-o_productlist[data-layout750="inline"] .ep_gridrow-content .ep_gridcolumn.ep-m_product:after { display: none; } /* ORGANISM "LIST OF PRODUCTS" : Nettoyage de la molecule "product" de ses atomes */ #website-body .ep_gridrow.ep-o_productlist[data-layout750="inline"] .ep_gridrow-content .ep_gridcolumn.ep-m_product .ep-a_text, #website-body .ep_gridrow.ep-o_productlist[data-layout750="inline"] .ep_gridrow-content .ep_gridcolumn.ep-m_product .ep-a_links, #website-body .ep_gridrow.ep-o_productlist[data-layout750="inline"] .ep_gridrow-content .ep_gridcolumn.ep-m_product .ep-a_media, #website-body .ep_gridrow.ep-o_productlist[data-layout750="inline"] .ep_gridrow-content .ep_gridcolumn.ep-m_product .ep-a_share, #website-body .ep_gridrow.ep-o_productlist[data-layout750="inline"] .ep_gridrow-content .ep_gridcolumn.ep-m_product .ep-a_loadmore, #website-body .ep_gridrow.ep-o_productlist[data-layout750="inline"] .ep_gridrow-content .ep_gridcolumn.ep-m_product .ep-a_quotation, #website-body .ep_gridrow.ep-o_productlist[data-layout750="inline"] .ep_gridrow-content .ep_gridcolumn.ep-m_product .ep-a_tags, #website-body .ep_gridrow.ep-o_productlist[data-layout750="inline"] .ep_gridrow-content .ep_gridcolumn.ep-m_product .ep-a_reference, #website-body .ep_gridrow.ep-o_productlist[data-layout750="inline"] .ep_gridrow-content .ep_gridcolumn.ep-m_product .ep-a_button, #website-body .ep_gridrow.ep-o_productlist[data-layout750="inline"] .ep_gridrow-content .ep_gridcolumn.ep-m_product .ep-a_field { display: none !important; } #website-body .ep_gridrow.ep-o_productlist[data-layout750="inline"] .ep_gridrow-content .ep_gridcolumn.ep-m_product .ep-a_heading { display: inline-block; } #website-body .ep_gridrow.ep-o_productlist[data-layout750="inline"] .ep_gridrow-content .ep_gridcolumn.ep-m_product .ep-a_heading>.ep_title .ep-p_text { font-family: Helvetica, Arial, sans-serif; font-size: 1.4em; font-weight: normal; } #website-body .ep_gridrow.ep-o_productlist[data-layout750="inline"] .ep_gridrow-content .ep_gridcolumn.ep-m_product .ep-a_heading>.ep_tag, #website-body .ep_gridrow.ep-o_productlist[data-layout750="inline"] .ep_gridrow-content .ep_gridcolumn.ep-m_product .ep-a_heading>.ep_subtitle { display: none; } #website-body .ep_gridrow.ep-o_productlist[data-layout750="inline"] .ep_gridrow-content .ep_gridcolumn.ep-m_product .ep-a_heading>.ep_tag+.ep_title { margin-top: 0; } /* ORGANISM "LIST OF PRODUCTS" : Ajout des bordures de separation avec les autres organismes */ #website-body .ep_gridrow.ep-o_productlist[data-layout750="inline"] .ep_gridrow-content { display: block; margin-bottom: -2px; text-align: center; } #website-body .ep_gridrow.ep-o_productlist[data-layout750="inline"], #website-body .ep_gridrow.ep-o_productlist[data-layout750="inline"]:after { border-top: 1px solid #d1d3d4; } #website-body .ep_gridrow.ep-o_productlist[data-layout750="inline"]:after { position: static; display: block; width: auto; height: 40px; margin: 0 10px; padding: 0; opacity: 1; content: ""; } /* ORGANISM "LIST OF PRODUCTS" : Correction de la position de l'atome "load more" */ #website-body .ep_gridrow.ep-o_productlist[data-layout750="inline"] .ep_gridcolumn.ep-m_footer .ep-a_loadmore { position: relative; margin-bottom: -21px; } #website-body .ep_gridrow.ep-o_productlist[data-layout750="inline"] .ep_gridcolumn.ep-m_footer .ep-a_loadmore .ep_button { position: relative; z-index: 1; } #website-body .ep_gridrow.ep-o_productlist[data-layout750="inline"] .ep_gridcolumn.ep-m_footer .ep-a_loadmore:before { display: block; height: 10px; border-bottom: none; } #website-body .ep_gridrow.ep-o_productlist[data-layout750="inline"] .ep_gridcolumn.ep-m_footer .ep-a_loadmore:after { position: absolute; display: block; left: -10px; right: -10px; width: auto; height: calc((1.4em + 32px) /2); margin-top: calc((-1.4em - 32px) /2); padding-top: 0; background-color: #fff; opacity: 1; border-top: 1px solid #d1d3d4; content: ""; } #website-body .ep_gridrow.ep-o_productlist[data-layout750="inline"] .ep_gridcolumn[data-view750="12"].ep-m_footer .ep-a_loadmore, #website-body .ep_gridrow.ep-o_productlist[data-layout750="inline"] .ep_gridcolumn[data-view750="12"].ep-m_footer .ep-a_loadmore { position: static; } #website-body .ep_gridrow.ep-o_productlist[data-layout750="inline"] .ep_gridcolumn[data-view750="12"].ep-m_footer .ep-a_loadmore:after, #website-body .ep_gridrow.ep-o_productlist[data-layout750="inline"] .ep_gridcolumn[data-view750="12"].ep-m_footer .ep-a_loadmore:after { left: 25px; right: 25px; } /* ORGANISM "LIST OF PRODUCTS" : Correction de la position de la molecule "header" */ #website-body .ep_gridrow.ep-o_productlist[data-layout750="inline"] .ep_gridcolumn.ep-m_header.ep-layout_tagtitle { text-align: left; } #website-body .ep_gridrow.ep-o_productlist[data-layout750="inline"] .ep_gridcolumn.ep-m_header.ep-layout_tagtitle .ep_gridcolumn-content { text-align: center; } #website-body .ep_gridrow.ep-o_productlist[data-layout750="inline"] .ep_gridcolumn.ep-m_header.ep-layout_tagtitle .ep_gridcolumn-content { padding-left: 0; padding-right: 0; } #website-body .ep_gridrow.ep-o_productlist[data-layout750="inline"] .ep_gridcolumn.ep-m_header.ep-layout_tagtitle:before { position: absolute; display: block; left: -10px; right: -10px; } } @media screen and (min-width:640px) and (max-width:749px) { /* ORGANISM "LIST OF PRODUCTS" : Alignement des molecules sur une meme ligne */ #website-body .ep_gridrow.ep-o_productlist[data-layout640="inline"] .ep_gridrow-content { display: block; } #website-body .ep_gridrow.ep-o_productlist[data-layout640="inline"] .ep_gridrow-content .ep_gridcolumn { display: block; width: auto !important; } #website-body .ep_gridrow.ep-o_productlist[data-layout640="inline"]>.ep_gridrow-content .ep_gridcolumn.ep-m_header>.ep_gridcolumn-content { padding-left: 0 !important; padding-right: 0 !important; } #website-body .ep_gridrow.ep-o_productlist[data-layout640="inline"]>.ep_gridrow-content .ep_gridcolumn.ep-m_footer>.ep_gridcolumn-content { padding-left: 10px !important; padding-right: 10px !important; } #website-body .ep_gridrow.ep-o_productlist[data-layout640="inline"] .ep_gridrow-content .ep_gridcolumn.ep-m_product { display: inline-block; } #website-body .ep_gridrow.ep-o_productlist[data-layout640="inline"] .ep_gridrow-content .ep_gridcolumn.ep-m_product:after { display: none; } /* ORGANISM "LIST OF PRODUCTS" : Nettoyage de la molecule "product" de ses atomes */ #website-body .ep_gridrow.ep-o_productlist[data-layout640="inline"] .ep_gridrow-content .ep_gridcolumn.ep-m_product .ep-a_text, #website-body .ep_gridrow.ep-o_productlist[data-layout640="inline"] .ep_gridrow-content .ep_gridcolumn.ep-m_product .ep-a_links, #website-body .ep_gridrow.ep-o_productlist[data-layout640="inline"] .ep_gridrow-content .ep_gridcolumn.ep-m_product .ep-a_media, #website-body .ep_gridrow.ep-o_productlist[data-layout640="inline"] .ep_gridrow-content .ep_gridcolumn.ep-m_product .ep-a_share, #website-body .ep_gridrow.ep-o_productlist[data-layout640="inline"] .ep_gridrow-content .ep_gridcolumn.ep-m_product .ep-a_loadmore, #website-body .ep_gridrow.ep-o_productlist[data-layout640="inline"] .ep_gridrow-content .ep_gridcolumn.ep-m_product .ep-a_quotation, #website-body .ep_gridrow.ep-o_productlist[data-layout640="inline"] .ep_gridrow-content .ep_gridcolumn.ep-m_product .ep-a_tags, #website-body .ep_gridrow.ep-o_productlist[data-layout640="inline"] .ep_gridrow-content .ep_gridcolumn.ep-m_product .ep-a_reference, #website-body .ep_gridrow.ep-o_productlist[data-layout640="inline"] .ep_gridrow-content .ep_gridcolumn.ep-m_product .ep-a_button, #website-body .ep_gridrow.ep-o_productlist[data-layout640="inline"] .ep_gridrow-content .ep_gridcolumn.ep-m_product .ep-a_field { display: none !important; } #website-body .ep_gridrow.ep-o_productlist[data-layout640="inline"] .ep_gridrow-content .ep_gridcolumn.ep-m_product .ep-a_heading { display: inline-block; } #website-body .ep_gridrow.ep-o_productlist[data-layout640="inline"] .ep_gridrow-content .ep_gridcolumn.ep-m_product .ep-a_heading>.ep_title .ep-p_text { font-family: Helvetica, Arial, sans-serif; font-size: 1.4em; font-weight: normal; } #website-body .ep_gridrow.ep-o_productlist[data-layout640="inline"] .ep_gridrow-content .ep_gridcolumn.ep-m_product .ep-a_heading>.ep_tag, #website-body .ep_gridrow.ep-o_productlist[data-layout640="inline"] .ep_gridrow-content .ep_gridcolumn.ep-m_product .ep-a_heading>.ep_subtitle { display: none; } #website-body .ep_gridrow.ep-o_productlist[data-layout640="inline"] .ep_gridrow-content .ep_gridcolumn.ep-m_product .ep-a_heading>.ep_tag+.ep_title { margin-top: 0; } /* ORGANISM "LIST OF PRODUCTS" : Ajout des bordures de separation avec les autres organismes */ #website-body .ep_gridrow.ep-o_productlist[data-layout640="inline"] .ep_gridrow-content { display: block; margin-bottom: -2px; text-align: center; } #website-body .ep_gridrow.ep-o_productlist[data-layout640="inline"], #website-body .ep_gridrow.ep-o_productlist[data-layout640="inline"]:after { border-top: 1px solid #d1d3d4; } #website-body .ep_gridrow.ep-o_productlist[data-layout640="inline"]:after { position: static; display: block; width: auto; height: 40px; margin: 0 10px; padding: 0; opacity: 1; content: ""; } /* ORGANISM "LIST OF PRODUCTS" : Correction de la position de l'atome "load more" */ #website-body .ep_gridrow.ep-o_productlist[data-layout640="inline"] .ep_gridcolumn.ep-m_footer .ep-a_loadmore { position: relative; margin-bottom: -21px; } #website-body .ep_gridrow.ep-o_productlist[data-layout640="inline"] .ep_gridcolumn.ep-m_footer .ep-a_loadmore .ep_button { position: relative; z-index: 1; } #website-body .ep_gridrow.ep-o_productlist[data-layout640="inline"] .ep_gridcolumn.ep-m_footer .ep-a_loadmore:before { display: block; height: 10px; border-bottom: none; } #website-body .ep_gridrow.ep-o_productlist[data-layout640="inline"] .ep_gridcolumn.ep-m_footer .ep-a_loadmore:after { position: absolute; display: block; left: -10px; right: -10px; width: auto; height: calc((1.4em + 32px) /2); margin-top: calc((-1.4em - 32px) /2); padding-top: 0; background-color: #fff; opacity: 1; border-top: 1px solid #d1d3d4; content: ""; } #website-body .ep_gridrow.ep-o_productlist[data-layout640="inline"] .ep_gridcolumn[data-view640="8"].ep-m_footer .ep-a_loadmore, #website-body .ep_gridrow.ep-o_productlist[data-layout640="inline"] .ep_gridcolumn[data-view640="8"].ep-m_footer .ep-a_loadmore { position: static; } #website-body .ep_gridrow.ep-o_productlist[data-layout640="inline"] .ep_gridcolumn[data-view640="8"].ep-m_footer .ep-a_loadmore:after, #website-body .ep_gridrow.ep-o_productlist[data-layout640="inline"] .ep_gridcolumn[data-view640="8"].ep-m_footer .ep-a_loadmore:after { left: 25px; right: 25px; } /* ORGANISM "LIST OF PRODUCTS" : Correction de la position de la molecule "header" */ #website-body .ep_gridrow.ep-o_productlist[data-layout640="inline"] .ep_gridcolumn.ep-m_header.ep-layout_tagtitle { text-align: left; } #website-body .ep_gridrow.ep-o_productlist[data-layout640="inline"] .ep_gridcolumn.ep-m_header.ep-layout_tagtitle .ep_gridcolumn-content { text-align: center; } #website-body .ep_gridrow.ep-o_productlist[data-layout640="inline"] .ep_gridcolumn.ep-m_header.ep-layout_tagtitle .ep_gridcolumn-content { padding-left: 0; padding-right: 0; } #website-body .ep_gridrow.ep-o_productlist[data-layout640="inline"] .ep_gridcolumn.ep-m_header.ep-layout_tagtitle:before { position: absolute; display: block; left: -10px; right: -10px; } } @media screen and (min-width:480px) and (max-width:639px) { /* ORGANISM "LIST OF PRODUCTS" : Alignement des molecules sur une meme ligne */ #website-body .ep_gridrow.ep-o_productlist[data-layout480="inline"] .ep_gridrow-content { display: block; } #website-body .ep_gridrow.ep-o_productlist[data-layout480="inline"] .ep_gridrow-content .ep_gridcolumn { display: block; width: auto !important; } #website-body .ep_gridrow.ep-o_productlist[data-layout480="inline"]>.ep_gridrow-content .ep_gridcolumn.ep-m_header>.ep_gridcolumn-content { padding-left: 0 !important; padding-right: 0 !important; } #website-body .ep_gridrow.ep-o_productlist[data-layout480="inline"]>.ep_gridrow-content .ep_gridcolumn.ep-m_footer>.ep_gridcolumn-content { padding-left: 10px !important; padding-right: 10px !important; } #website-body .ep_gridrow.ep-o_productlist[data-layout480="inline"] .ep_gridrow-content .ep_gridcolumn.ep-m_product { display: inline-block; } #website-body .ep_gridrow.ep-o_productlist[data-layout480="inline"] .ep_gridrow-content .ep_gridcolumn.ep-m_product:after { display: none; } /* ORGANISM "LIST OF PRODUCTS" : Nettoyage de la molecule "product" de ses atomes */ #website-body .ep_gridrow.ep-o_productlist[data-layout480="inline"] .ep_gridrow-content .ep_gridcolumn.ep-m_product .ep-a_text, #website-body .ep_gridrow.ep-o_productlist[data-layout480="inline"] .ep_gridrow-content .ep_gridcolumn.ep-m_product .ep-a_links, #website-body .ep_gridrow.ep-o_productlist[data-layout480="inline"] .ep_gridrow-content .ep_gridcolumn.ep-m_product .ep-a_media, #website-body .ep_gridrow.ep-o_productlist[data-layout480="inline"] .ep_gridrow-content .ep_gridcolumn.ep-m_product .ep-a_share, #website-body .ep_gridrow.ep-o_productlist[data-layout480="inline"] .ep_gridrow-content .ep_gridcolumn.ep-m_product .ep-a_loadmore, #website-body .ep_gridrow.ep-o_productlist[data-layout480="inline"] .ep_gridrow-content .ep_gridcolumn.ep-m_product .ep-a_quotation, #website-body .ep_gridrow.ep-o_productlist[data-layout480="inline"] .ep_gridrow-content .ep_gridcolumn.ep-m_product .ep-a_tags, #website-body .ep_gridrow.ep-o_productlist[data-layout480="inline"] .ep_gridrow-content .ep_gridcolumn.ep-m_product .ep-a_reference, #website-body .ep_gridrow.ep-o_productlist[data-layout480="inline"] .ep_gridrow-content .ep_gridcolumn.ep-m_product .ep-a_button, #website-body .ep_gridrow.ep-o_productlist[data-layout480="inline"] .ep_gridrow-content .ep_gridcolumn.ep-m_product .ep-a_field { display: none !important; } #website-body .ep_gridrow.ep-o_productlist[data-layout480="inline"] .ep_gridrow-content .ep_gridcolumn.ep-m_product .ep-a_heading { display: inline-block; } #website-body .ep_gridrow.ep-o_productlist[data-layout480="inline"] .ep_gridrow-content .ep_gridcolumn.ep-m_product .ep-a_heading>.ep_title .ep-p_text { font-family: Helvetica, Arial, sans-serif; font-size: 1.4em; font-weight: normal; } #website-body .ep_gridrow.ep-o_productlist[data-layout480="inline"] .ep_gridrow-content .ep_gridcolumn.ep-m_product .ep-a_heading>.ep_tag, #website-body .ep_gridrow.ep-o_productlist[data-layout480="inline"] .ep_gridrow-content .ep_gridcolumn.ep-m_product .ep-a_heading>.ep_subtitle { display: none; } #website-body .ep_gridrow.ep-o_productlist[data-layout480="inline"] .ep_gridrow-content .ep_gridcolumn.ep-m_product .ep-a_heading>.ep_tag+.ep_title { margin-top: 0; } /* ORGANISM "LIST OF PRODUCTS" : Ajout des bordures de separation avec les autres organismes */ #website-body .ep_gridrow.ep-o_productlist[data-layout480="inline"] .ep_gridrow-content { display: block; margin-bottom: -2px; text-align: center; } #website-body .ep_gridrow.ep-o_productlist[data-layout480="inline"], #website-body .ep_gridrow.ep-o_productlist[data-layout480="inline"]:after { border-top: 1px solid #d1d3d4; } #website-body .ep_gridrow.ep-o_productlist[data-layout480="inline"]:after { position: static; display: block; width: auto; height: 40px; margin: 0 10px; padding: 0; opacity: 1; content: ""; } /* ORGANISM "LIST OF PRODUCTS" : Correction de la position de l'atome "load more" */ #website-body .ep_gridrow.ep-o_productlist[data-layout480="inline"] .ep_gridcolumn.ep-m_footer .ep-a_loadmore { position: relative; margin-bottom: -21px; } #website-body .ep_gridrow.ep-o_productlist[data-layout480="inline"] .ep_gridcolumn.ep-m_footer .ep-a_loadmore .ep_button { position: relative; z-index: 1; } #website-body .ep_gridrow.ep-o_productlist[data-layout480="inline"] .ep_gridcolumn.ep-m_footer .ep-a_loadmore:before { display: block; height: 10px; border-bottom: none; } #website-body .ep_gridrow.ep-o_productlist[data-layout480="inline"] .ep_gridcolumn.ep-m_footer .ep-a_loadmore:after { position: absolute; display: block; left: -10px; right: -10px; width: auto; height: calc((1.4em + 32px) /2); margin-top: calc((-1.4em - 32px) /2); padding-top: 0; background-color: #fff; opacity: 1; border-top: 1px solid #d1d3d4; content: ""; } #website-body .ep_gridrow.ep-o_productlist[data-layout480="inline"] .ep_gridcolumn[data-view480="8"].ep-m_footer .ep-a_loadmore, #website-body .ep_gridrow.ep-o_productlist[data-layout480="inline"] .ep_gridcolumn[data-view480="8"].ep-m_footer .ep-a_loadmore { position: static; } #website-body .ep_gridrow.ep-o_productlist[data-layout480="inline"] .ep_gridcolumn[data-view480="8"].ep-m_footer .ep-a_loadmore:after, #website-body .ep_gridrow.ep-o_productlist[data-layout480="inline"] .ep_gridcolumn[data-view480="8"].ep-m_footer .ep-a_loadmore:after { left: 10px; right: 10px; } /* ORGANISM "LIST OF PRODUCTS" : Correction de la position de la molecule "header" */ #website-body .ep_gridrow.ep-o_productlist[data-layout480="inline"] .ep_gridcolumn.ep-m_header.ep-layout_tagtitle { text-align: left; } #website-body .ep_gridrow.ep-o_productlist[data-layout480="inline"] .ep_gridcolumn.ep-m_header.ep-layout_tagtitle .ep_gridcolumn-content { text-align: center; } #website-body .ep_gridrow.ep-o_productlist[data-layout480="inline"] .ep_gridcolumn.ep-m_header.ep-layout_tagtitle .ep_gridcolumn-content { padding-left: 0; padding-right: 0; } #website-body .ep_gridrow.ep-o_productlist[data-layout480="inline"] .ep_gridcolumn.ep-m_header.ep-layout_tagtitle:before { position: absolute; display: block; left: -10px; right: -10px; } } @media screen and (max-width:479px) { /* ORGANISM "LIST OF PRODUCTS" : Alignement des molecules sur une meme ligne */ #website-body .ep_gridrow.ep-o_productlist[data-layout320="inline"] .ep_gridrow-content { display: block; } #website-body .ep_gridrow.ep-o_productlist[data-layout320="inline"] .ep_gridrow-content .ep_gridcolumn { display: block; width: auto !important; } #website-body .ep_gridrow.ep-o_productlist[data-layout320="inline"]>.ep_gridrow-content .ep_gridcolumn.ep-m_header>.ep_gridcolumn-content { padding-left: 0 !important; padding-right: 0 !important; } #website-body .ep_gridrow.ep-o_productlist[data-layout320="inline"]>.ep_gridrow-content .ep_gridcolumn.ep-m_footer>.ep_gridcolumn-content { padding-left: 10px !important; padding-right: 10px !important; } #website-body .ep_gridrow.ep-o_productlist[data-layout320="inline"] .ep_gridrow-content .ep_gridcolumn.ep-m_product { display: inline-block; } #website-body .ep_gridrow.ep-o_productlist[data-layout320="inline"] .ep_gridrow-content .ep_gridcolumn.ep-m_product:after { display: none; } /* ORGANISM "LIST OF PRODUCTS" : Nettoyage de la molecule "product" de ses atomes */ #website-body .ep_gridrow.ep-o_productlist[data-layout320="inline"] .ep_gridrow-content .ep_gridcolumn.ep-m_product .ep-a_text, #website-body .ep_gridrow.ep-o_productlist[data-layout320="inline"] .ep_gridrow-content .ep_gridcolumn.ep-m_product .ep-a_links, #website-body .ep_gridrow.ep-o_productlist[data-layout320="inline"] .ep_gridrow-content .ep_gridcolumn.ep-m_product .ep-a_media, #website-body .ep_gridrow.ep-o_productlist[data-layout320="inline"] .ep_gridrow-content .ep_gridcolumn.ep-m_product .ep-a_share, #website-body .ep_gridrow.ep-o_productlist[data-layout320="inline"] .ep_gridrow-content .ep_gridcolumn.ep-m_product .ep-a_loadmore, #website-body .ep_gridrow.ep-o_productlist[data-layout320="inline"] .ep_gridrow-content .ep_gridcolumn.ep-m_product .ep-a_quotation, #website-body .ep_gridrow.ep-o_productlist[data-layout320="inline"] .ep_gridrow-content .ep_gridcolumn.ep-m_product .ep-a_tags, #website-body .ep_gridrow.ep-o_productlist[data-layout320="inline"] .ep_gridrow-content .ep_gridcolumn.ep-m_product .ep-a_reference, #website-body .ep_gridrow.ep-o_productlist[data-layout320="inline"] .ep_gridrow-content .ep_gridcolumn.ep-m_product .ep-a_button, #website-body .ep_gridrow.ep-o_productlist[data-layout320="inline"] .ep_gridrow-content .ep_gridcolumn.ep-m_product .ep-a_field { display: none !important; } #website-body .ep_gridrow.ep-o_productlist[data-layout320="inline"] .ep_gridrow-content .ep_gridcolumn.ep-m_product .ep-a_heading { display: inline-block; } #website-body .ep_gridrow.ep-o_productlist[data-layout320="inline"] .ep_gridrow-content .ep_gridcolumn.ep-m_product .ep-a_heading>.ep_title .ep-p_text { font-family: Helvetica, Arial, sans-serif; font-size: 1.4em; font-weight: normal; } #website-body .ep_gridrow.ep-o_productlist[data-layout320="inline"] .ep_gridrow-content .ep_gridcolumn.ep-m_product .ep-a_heading>.ep_tag, #website-body .ep_gridrow.ep-o_productlist[data-layout320="inline"] .ep_gridrow-content .ep_gridcolumn.ep-m_product .ep-a_heading>.ep_subtitle { display: none; } #website-body .ep_gridrow.ep-o_productlist[data-layout320="inline"] .ep_gridrow-content .ep_gridcolumn.ep-m_product .ep-a_heading>.ep_tag+.ep_title { margin-top: 0; } /* ORGANISM "LIST OF PRODUCTS" : Ajout des bordures de separation avec les autres organismes */ #website-body .ep_gridrow.ep-o_productlist[data-layout320="inline"] .ep_gridrow-content { display: block; margin-bottom: -2px; text-align: center; } #website-body .ep_gridrow.ep-o_productlist[data-layout320="inline"], #website-body .ep_gridrow.ep-o_productlist[data-layout320="inline"]:after { border-top: 1px solid #d1d3d4; } #website-body .ep_gridrow.ep-o_productlist[data-layout320="inline"]:after { position: static; display: block; width: auto; height: 40px; margin: 0 10px; padding: 0; opacity: 1; content: ""; } /* ORGANISM "LIST OF PRODUCTS" : Correction de la position de l'atome "load more" */ #website-body .ep_gridrow.ep-o_productlist[data-layout320="inline"] .ep_gridcolumn.ep-m_footer .ep-a_loadmore { position: relative; margin-bottom: -21px; } #website-body .ep_gridrow.ep-o_productlist[data-layout320="inline"] .ep_gridcolumn.ep-m_footer .ep-a_loadmore .ep_button { position: relative; z-index: 1; } #website-body .ep_gridrow.ep-o_productlist[data-layout320="inline"] .ep_gridcolumn.ep-m_footer .ep-a_loadmore:before { display: block; height: 10px; border-bottom: none; } #website-body .ep_gridrow.ep-o_productlist[data-layout320="inline"] .ep_gridcolumn.ep-m_footer .ep-a_loadmore:after { position: absolute; display: block; left: -10px; right: -10px; width: auto; height: calc((1.4em + 32px) /2); margin-top: calc((-1.4em - 32px) /2); padding-top: 0; background-color: #fff; opacity: 1; border-top: 1px solid #d1d3d4; content: ""; } #website-body .ep_gridrow.ep-o_productlist[data-layout320="inline"] .ep_gridcolumn[data-view320="4"].ep-m_footer .ep-a_loadmore, #website-body .ep_gridrow.ep-o_productlist[data-layout320="inline"] .ep_gridcolumn[data-view320="4"].ep-m_footer .ep-a_loadmore { position: static; } #website-body .ep_gridrow.ep-o_productlist[data-layout320="inline"] .ep_gridcolumn[data-view320="4"].ep-m_footer .ep-a_loadmore:after, #website-body .ep_gridrow.ep-o_productlist[data-layout320="inline"] .ep_gridcolumn[data-view320="4"].ep-m_footer .ep-a_loadmore:after { left: 10px; right: 10px; } /* ORGANISM "LIST OF PRODUCTS" : Correction de la position de la molecule "header" */ #website-body .ep_gridrow.ep-o_productlist[data-layout320="inline"] .ep_gridcolumn.ep-m_header.ep-layout_tagtitle { text-align: left; } #website-body .ep_gridrow.ep-o_productlist[data-layout320="inline"] .ep_gridcolumn.ep-m_header.ep-layout_tagtitle .ep_gridcolumn-content { text-align: center; } #website-body .ep_gridrow.ep-o_productlist[data-layout320="inline"] .ep_gridcolumn.ep-m_header.ep-layout_tagtitle .ep_gridcolumn-content { padding-left: 0; padding-right: 0; } #website-body .ep_gridrow.ep-o_productlist[data-layout320="inline"] .ep_gridcolumn.ep-m_header.ep-layout_tagtitle:before { position: absolute; display: block; left: -10px; right: -10px; } } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* ORGANISM "LIST OF PRODUCTS" : Affichage de la liste sous forme de resultat de recherche */ /* ORGANISM "LIST OF PRODUCTS" : Ajout d'une ligne de separation entre les produits et l'entete */ #website-body .ep_gridrow.ep-o_productlist.ep-layout_searchresult .ep-m_header { background: #fff; } #website-body .ep_gridrow.ep-o_productlist.ep-layout_searchresult .ep-m_header:first-child:after { position: relative; display: block !important; width: auto; height: 20px; margin-left: 10px; margin-right: 10px; background-color: inherit; border-top: 1px solid #1e1e1f; opacity: 1 !important; } /* ORGANISM "LIST OF PRODUCTS" : Correction de l'interlignage */ @media screen and (min-width:1200px) { #website-body .ep_gridrow.ep-o_productlist.ep-layout_searchresult[data-layout1200^="separation"] .ep-m_header:first-child { margin-bottom: -1px; } } @media screen and (min-width:1020px) and (max-width:1199px) { #website-body .ep_gridrow.ep-o_productlist.ep-layout_searchresult[data-layout1020^="separation"] .ep-m_header:first-child { margin-bottom: -1px; } } @media screen and (min-width:750px) and (max-width:1019px), print { #website-body .ep_gridrow.ep-o_productlist.ep-layout_searchresult[data-layout750^="separation"] .ep-m_header:first-child { margin-bottom: -1px; } } @media screen and (min-width:640px) and (max-width:749px) { #website-body .ep_gridrow.ep-o_productlist.ep-layout_searchresult[data-layout640^="separation"] .ep-m_header:first-child { margin-bottom: -1px; } } @media screen and (min-width:480px) and (max-width:639px) { #website-body .ep_gridrow.ep-o_productlist.ep-layout_searchresult[data-layout480^="separation"] .ep-m_header:first-child { margin-bottom: -1px; } } @media screen and (max-width:479px) { #website-body .ep_gridrow.ep-o_productlist.ep-layout_searchresult[data-layout320^="separation"] .ep-m_header:first-child { margin-bottom: -1px; } } /* ORGANISM "LIST OF PRODUCTS" : Correction du visuel de l'entete */ #website-body .ep_gridrow.ep-o_productlist.ep-layout_searchresult .ep-m_header .ep-a_heading .ep_subtitle, #website-body .ep_gridrow.ep-o_productlist.ep-layout_searchresult .ep-m_header .ep-a_heading .ep_subtitle .ep-p_text { font-weight: normal; color: inherit; } /* ORGANISM "LIST OF PRODUCTS" : Correction du visuel de l'entete */ #website-body .ep_gridrow.ep-o_productlist.ep-layout_searchresult.ep-layout_greycolor .ep-m_header { background: inherit; } #website-body .ep_gridrow.ep-o_productlist.ep-layout_searchresult.ep-layout_greycolor .ep-m_header:first-child { margin-top: -10px; } #website-body .ep_gridrow.ep-o_productlist.ep-layout_searchresult.ep-layout_greycolor .ep-m_header:first-child .ep-a_heading .ep_title, #website-body .ep_gridrow.ep-o_productlist.ep-layout_searchresult.ep-layout_greycolor .ep-m_header:first-child .ep-a_heading .ep_subtitle { padding: 0; background-color: transparent; } @media screen and (min-width:1020px) { #website-body .ep_gridrow.ep-o_productlist.ep-layout_searchresult.ep-layout_greycolor .ep-m_header .ep-a_heading.ep-layout_level1>.ep_title { margin-top: -6px; margin-bottom: 0; } #website-body .ep_gridrow.ep-o_productlist.ep-layout_searchresult.ep-layout_greycolor .ep-m_header .ep-a_heading.ep-layout_level1>.ep_subtitle { margin-top: 1px; } } @media screen and (max-width:1019px), print { #website-body .ep_gridrow.ep-o_productlist.ep-layout_searchresult.ep-layout_greycolor .ep-m_header .ep-a_heading.ep-layout_level1>.ep_title { margin-top: -4px; margin-bottom: -6px; } #website-body .ep_gridrow.ep-o_productlist.ep-layout_searchresult.ep-layout_greycolor .ep-m_header .ep-a_heading.ep-layout_level1>.ep_subtitle { margin-top: 1px; } } @media screen and (max-width:479px) { #website-body .ep_gridrow.ep-o_productlist.ep-layout_searchresult.ep-layout_greycolor .ep-m_header .ep-a_heading.ep-layout_level1>.ep_title { margin-top: -4px; margin-bottom: -6px; } } #website-body .ep_gridrow.ep-o_productlist.ep-layout_searchresult.ep-layout_greycolor .ep-m_header .ep-a_heading.ep-layout_level2>.ep_title, #website-body .ep_gridrow.ep-o_productlist.ep-layout_searchresult.ep-layout_greycolor .ep-m_header .ep-a_heading.ep-layout_level2-large>.ep_title { margin-top: -4px; margin-bottom: -5px; } #website-body .ep_gridrow.ep-o_productlist.ep-layout_searchresult.ep-layout_greycolor .ep-m_header .ep-a_heading.ep-layout_level2>.ep_subtitle, #website-body .ep_gridrow.ep-o_productlist.ep-layout_searchresult.ep-layout_greycolor .ep-m_header .ep-a_heading.ep-layout_level2-large>.ep_subtitle { margin-top: 7px; } @media screen and (min-width:750px), print { #website-body .ep_gridrow.ep-o_productlist.ep-layout_searchresult.ep-layout_greycolor .ep-m_header .ep-a_heading.ep-layout_level2-large>.ep_title { margin-top: -8px; margin-bottom: -6px; } #website-body .ep_gridrow.ep-o_productlist.ep-layout_searchresult.ep-layout_greycolor .ep-m_header .ep-a_heading.ep-layout_level2-large>.ep_title { margin-top: -8px; margin-bottom: -6px; } #website-body .ep_gridrow.ep-o_productlist.ep-layout_searchresult.ep-layout_greycolor .ep-m_header .ep-a_heading.ep-layout_level2-large>.ep_subtitle { margin-top: 5px; } } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* ORGANISM "LIST OF PRODUCTS" : Affichage d'une liste de video avec l'insertion d'un player */ /* ORGANISM "LIST OF PRODUCTS" : Insertion de la video ouverte selon le nombre de video par ligne */ @media screen and (min-width:1200px) { #website-body .ep_gridrow.ep-o_productlist.ep-layout_videoinsert[data-videobyline1200][data-videodisplay]>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_header"], #website-body .ep_gridrow.ep-o_productlist.ep-layout_videoinsert[data-videobyline1200][data-videodisplay]>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"] { order: 1; -webkit-order: 1; } #website-body .ep_gridrow.ep-o_productlist.ep-layout_videoinsert[data-videobyline1200][data-videodisplay]>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_video"] { order: 2 !important; -webkit-order: 2 !important; } #website-body .ep_gridrow.ep-o_productlist.ep-layout_videoinsert[data-videobyline1200="4"][data-videodisplay]:not(.ep-layout_videoheader)>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"][aria-selected]:nth-child(4n+1)+.ep_gridcolumn[class*="ep-m_"]+.ep_gridcolumn[class*="ep-m_"]+.ep_gridcolumn[class*="ep-m_"]~.ep_gridcolumn[class*="ep-m_"], #website-body .ep_gridrow.ep-o_productlist.ep-layout_videoinsert[data-videobyline1200="4"][data-videodisplay]:not(.ep-layout_videoheader)>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"][aria-selected]:nth-child(4n+2)+.ep_gridcolumn[class*="ep-m_"]+.ep_gridcolumn[class*="ep-m_"]~.ep_gridcolumn[class*="ep-m_"], #website-body .ep_gridrow.ep-o_productlist.ep-layout_videoinsert[data-videobyline1200="4"][data-videodisplay]:not(.ep-layout_videoheader)>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"][aria-selected]:nth-child(4n+3)+.ep_gridcolumn[class*="ep-m_"]~.ep_gridcolumn[class*="ep-m_"], #website-body .ep_gridrow.ep-o_productlist.ep-layout_videoinsert[data-videobyline1200="4"][data-videodisplay]:not(.ep-layout_videoheader)>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"][aria-selected]:nth-child(4n+4)~.ep_gridcolumn[class*="ep-m_"], #website-body .ep_gridrow.ep-o_productlist.ep-layout_videoinsert[data-videobyline1200="4"][data-videodisplay].ep-layout_videoheader>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"][aria-selected]:nth-child(4n+2)+.ep_gridcolumn[class*="ep-m_"]+.ep_gridcolumn[class*="ep-m_"]+.ep_gridcolumn[class*="ep-m_"]~.ep_gridcolumn[class*="ep-m_"], #website-body .ep_gridrow.ep-o_productlist.ep-layout_videoinsert[data-videobyline1200="4"][data-videodisplay].ep-layout_videoheader>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"][aria-selected]:nth-child(4n+3)+.ep_gridcolumn[class*="ep-m_"]+.ep_gridcolumn[class*="ep-m_"]~.ep_gridcolumn[class*="ep-m_"], #website-body .ep_gridrow.ep-o_productlist.ep-layout_videoinsert[data-videobyline1200="4"][data-videodisplay].ep-layout_videoheader>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"][aria-selected]:nth-child(4n+4)+.ep_gridcolumn[class*="ep-m_"]~.ep_gridcolumn[class*="ep-m_"], #website-body .ep_gridrow.ep-o_productlist.ep-layout_videoinsert[data-videobyline1200="4"][data-videodisplay].ep-layout_videoheader>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"][aria-selected]:nth-child(4n+5)~.ep_gridcolumn[class*="ep-m_"] { order: 3; -webkit-order: 3; } #website-body .ep_gridrow.ep-o_productlist.ep-layout_videoinsert[data-videobyline1200="3"][data-videodisplay]:not(.ep-layout_videoheader)>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"][aria-selected]:nth-child(3n+1)+.ep_gridcolumn[class*="ep-m_"]+.ep_gridcolumn[class*="ep-m_"]~.ep_gridcolumn[class*="ep-m_"], #website-body .ep_gridrow.ep-o_productlist.ep-layout_videoinsert[data-videobyline1200="3"][data-videodisplay]:not(.ep-layout_videoheader)>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"][aria-selected]:nth-child(3n+2)+.ep_gridcolumn[class*="ep-m_"]~.ep_gridcolumn[class*="ep-m_"], #website-body .ep_gridrow.ep-o_productlist.ep-layout_videoinsert[data-videobyline1200="3"][data-videodisplay]:not(.ep-layout_videoheader)>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"][aria-selected]:nth-child(3n+3)~.ep_gridcolumn[class*="ep-m_"], #website-body .ep_gridrow.ep-o_productlist.ep-layout_videoinsert[data-videobyline1200="3"][data-videodisplay].ep-layout_videoheader>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"][aria-selected]:nth-child(3n+2)+.ep_gridcolumn[class*="ep-m_"]+.ep_gridcolumn[class*="ep-m_"]~.ep_gridcolumn[class*="ep-m_"], #website-body .ep_gridrow.ep-o_productlist.ep-layout_videoinsert[data-videobyline1200="3"][data-videodisplay].ep-layout_videoheader>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"][aria-selected]:nth-child(3n+3)+.ep_gridcolumn[class*="ep-m_"]~.ep_gridcolumn[class*="ep-m_"], #website-body .ep_gridrow.ep-o_productlist.ep-layout_videoinsert[data-videobyline1200="3"][data-videodisplay].ep-layout_videoheader>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"][aria-selected]:nth-child(3n+4)~.ep_gridcolumn[class*="ep-m_"] { order: 3; -webkit-order: 3; } #website-body .ep_gridrow.ep-o_productlist.ep-layout_videoinsert[data-videobyline1200="2"][data-videodisplay]:not(.ep-layout_videoheader)>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"][aria-selected]:nth-child(2n+1)+.ep_gridcolumn[class*="ep-m_"]~.ep_gridcolumn[class*="ep-m_"], #website-body .ep_gridrow.ep-o_productlist.ep-layout_videoinsert[data-videobyline1200="2"][data-videodisplay]:not(.ep-layout_videoheader)>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"][aria-selected]:nth-child(2n+2)~.ep_gridcolumn[class*="ep-m_"], #website-body .ep_gridrow.ep-o_productlist.ep-layout_videoinsert[data-videobyline1200="2"][data-videodisplay].ep-layout_videoheader>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"][aria-selected]:nth-child(2n+2)+.ep_gridcolumn[class*="ep-m_"]~.ep_gridcolumn[class*="ep-m_"], #website-body .ep_gridrow.ep-o_productlist.ep-layout_videoinsert[data-videobyline1200="2"][data-videodisplay].ep-layout_videoheader>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"][aria-selected]:nth-child(2n+3)~.ep_gridcolumn[class*="ep-m_"] { order: 3; -webkit-order: 3; } } @media screen and (min-width:1020px) and (max-width:1199px) { #website-body .ep_gridrow.ep-o_productlist.ep-layout_videoinsert[data-videobyline1020][data-videodisplay]>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_header"], #website-body .ep_gridrow.ep-o_productlist.ep-layout_videoinsert[data-videobyline1020][data-videodisplay]>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"] { order: 1; -webkit-order: 1; } #website-body .ep_gridrow.ep-o_productlist.ep-layout_videoinsert[data-videobyline1020][data-videodisplay]>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_video"] { order: 2 !important; -webkit-order: 2 !important; } #website-body .ep_gridrow.ep-o_productlist.ep-layout_videoinsert[data-videobyline1020="4"][data-videodisplay]:not(.ep-layout_videoheader)>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"][aria-selected]:nth-child(4n+1)+.ep_gridcolumn[class*="ep-m_"]+.ep_gridcolumn[class*="ep-m_"]+.ep_gridcolumn[class*="ep-m_"]~.ep_gridcolumn[class*="ep-m_"], #website-body .ep_gridrow.ep-o_productlist.ep-layout_videoinsert[data-videobyline1020="4"][data-videodisplay]:not(.ep-layout_videoheader)>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"][aria-selected]:nth-child(4n+2)+.ep_gridcolumn[class*="ep-m_"]+.ep_gridcolumn[class*="ep-m_"]~.ep_gridcolumn[class*="ep-m_"], #website-body .ep_gridrow.ep-o_productlist.ep-layout_videoinsert[data-videobyline1020="4"][data-videodisplay]:not(.ep-layout_videoheader)>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"][aria-selected]:nth-child(4n+3)+.ep_gridcolumn[class*="ep-m_"]~.ep_gridcolumn[class*="ep-m_"], #website-body .ep_gridrow.ep-o_productlist.ep-layout_videoinsert[data-videobyline1020="4"][data-videodisplay]:not(.ep-layout_videoheader)>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"][aria-selected]:nth-child(4n+4)~.ep_gridcolumn[class*="ep-m_"], #website-body .ep_gridrow.ep-o_productlist.ep-layout_videoinsert[data-videobyline1020="4"][data-videodisplay].ep-layout_videoheader>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"][aria-selected]:nth-child(4n+2)+.ep_gridcolumn[class*="ep-m_"]+.ep_gridcolumn[class*="ep-m_"]+.ep_gridcolumn[class*="ep-m_"]~.ep_gridcolumn[class*="ep-m_"], #website-body .ep_gridrow.ep-o_productlist.ep-layout_videoinsert[data-videobyline1020="4"][data-videodisplay].ep-layout_videoheader>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"][aria-selected]:nth-child(4n+3)+.ep_gridcolumn[class*="ep-m_"]+.ep_gridcolumn[class*="ep-m_"]~.ep_gridcolumn[class*="ep-m_"], #website-body .ep_gridrow.ep-o_productlist.ep-layout_videoinsert[data-videobyline1020="4"][data-videodisplay].ep-layout_videoheader>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"][aria-selected]:nth-child(4n+4)+.ep_gridcolumn[class*="ep-m_"]~.ep_gridcolumn[class*="ep-m_"], #website-body .ep_gridrow.ep-o_productlist.ep-layout_videoinsert[data-videobyline1020="4"][data-videodisplay].ep-layout_videoheader>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"][aria-selected]:nth-child(4n+5)~.ep_gridcolumn[class*="ep-m_"] { order: 3; -webkit-order: 3; } #website-body .ep_gridrow.ep-o_productlist.ep-layout_videoinsert[data-videobyline1020="3"][data-videodisplay]:not(.ep-layout_videoheader)>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"][aria-selected]:nth-child(3n+1)+.ep_gridcolumn[class*="ep-m_"]+.ep_gridcolumn[class*="ep-m_"]~.ep_gridcolumn[class*="ep-m_"], #website-body .ep_gridrow.ep-o_productlist.ep-layout_videoinsert[data-videobyline1020="3"][data-videodisplay]:not(.ep-layout_videoheader)>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"][aria-selected]:nth-child(3n+2)+.ep_gridcolumn[class*="ep-m_"]~.ep_gridcolumn[class*="ep-m_"], #website-body .ep_gridrow.ep-o_productlist.ep-layout_videoinsert[data-videobyline1020="3"][data-videodisplay]:not(.ep-layout_videoheader)>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"][aria-selected]:nth-child(3n+3)~.ep_gridcolumn[class*="ep-m_"], #website-body .ep_gridrow.ep-o_productlist.ep-layout_videoinsert[data-videobyline1020="3"][data-videodisplay].ep-layout_videoheader>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"][aria-selected]:nth-child(3n+2)+.ep_gridcolumn[class*="ep-m_"]+.ep_gridcolumn[class*="ep-m_"]~.ep_gridcolumn[class*="ep-m_"], #website-body .ep_gridrow.ep-o_productlist.ep-layout_videoinsert[data-videobyline1020="3"][data-videodisplay].ep-layout_videoheader>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"][aria-selected]:nth-child(3n+3)+.ep_gridcolumn[class*="ep-m_"]~.ep_gridcolumn[class*="ep-m_"], #website-body .ep_gridrow.ep-o_productlist.ep-layout_videoinsert[data-videobyline1020="3"][data-videodisplay].ep-layout_videoheader>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"][aria-selected]:nth-child(3n+4)~.ep_gridcolumn[class*="ep-m_"] { order: 3; -webkit-order: 3; } #website-body .ep_gridrow.ep-o_productlist.ep-layout_videoinsert[data-videobyline1020="2"][data-videodisplay]:not(.ep-layout_videoheader)>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"][aria-selected]:nth-child(2n+1)+.ep_gridcolumn[class*="ep-m_"]~.ep_gridcolumn[class*="ep-m_"], #website-body .ep_gridrow.ep-o_productlist.ep-layout_videoinsert[data-videobyline1020="2"][data-videodisplay]:not(.ep-layout_videoheader)>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"][aria-selected]:nth-child(2n+2)~.ep_gridcolumn[class*="ep-m_"], #website-body .ep_gridrow.ep-o_productlist.ep-layout_videoinsert[data-videobyline1020="2"][data-videodisplay].ep-layout_videoheader>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"][aria-selected]:nth-child(2n+2)+.ep_gridcolumn[class*="ep-m_"]~.ep_gridcolumn[class*="ep-m_"], #website-body .ep_gridrow.ep-o_productlist.ep-layout_videoinsert[data-videobyline1020="2"][data-videodisplay].ep-layout_videoheader>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"][aria-selected]:nth-child(2n+3)~.ep_gridcolumn[class*="ep-m_"] { order: 3; -webkit-order: 3; } } @media screen and (min-width:750px) and (max-width:1019px) { #website-body .ep_gridrow.ep-o_productlist.ep-layout_videoinsert[data-videobyline750][data-videodisplay]>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_header"], #website-body .ep_gridrow.ep-o_productlist.ep-layout_videoinsert[data-videobyline750][data-videodisplay]>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"] { order: 1; -webkit-order: 1; } #website-body .ep_gridrow.ep-o_productlist.ep-layout_videoinsert[data-videobyline750][data-videodisplay]>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_video"] { order: 2 !important; -webkit-order: 2 !important; } #website-body .ep_gridrow.ep-o_productlist.ep-layout_videoinsert[data-videobyline750="4"][data-videodisplay]:not(.ep-layout_videoheader)>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"][aria-selected]:nth-child(4n+1)+.ep_gridcolumn[class*="ep-m_"]+.ep_gridcolumn[class*="ep-m_"]+.ep_gridcolumn[class*="ep-m_"]~.ep_gridcolumn[class*="ep-m_"], #website-body .ep_gridrow.ep-o_productlist.ep-layout_videoinsert[data-videobyline750="4"][data-videodisplay]:not(.ep-layout_videoheader)>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"][aria-selected]:nth-child(4n+2)+.ep_gridcolumn[class*="ep-m_"]+.ep_gridcolumn[class*="ep-m_"]~.ep_gridcolumn[class*="ep-m_"], #website-body .ep_gridrow.ep-o_productlist.ep-layout_videoinsert[data-videobyline750="4"][data-videodisplay]:not(.ep-layout_videoheader)>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"][aria-selected]:nth-child(4n+3)+.ep_gridcolumn[class*="ep-m_"]~.ep_gridcolumn[class*="ep-m_"], #website-body .ep_gridrow.ep-o_productlist.ep-layout_videoinsert[data-videobyline750="4"][data-videodisplay]:not(.ep-layout_videoheader)>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"][aria-selected]:nth-child(4n+4)~.ep_gridcolumn[class*="ep-m_"], #website-body .ep_gridrow.ep-o_productlist.ep-layout_videoinsert[data-videobyline750="4"][data-videodisplay].ep-layout_videoheader>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"][aria-selected]:nth-child(4n+2)+.ep_gridcolumn[class*="ep-m_"]+.ep_gridcolumn[class*="ep-m_"]+.ep_gridcolumn[class*="ep-m_"]~.ep_gridcolumn[class*="ep-m_"], #website-body .ep_gridrow.ep-o_productlist.ep-layout_videoinsert[data-videobyline750="4"][data-videodisplay].ep-layout_videoheader>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"][aria-selected]:nth-child(4n+3)+.ep_gridcolumn[class*="ep-m_"]+.ep_gridcolumn[class*="ep-m_"]~.ep_gridcolumn[class*="ep-m_"], #website-body .ep_gridrow.ep-o_productlist.ep-layout_videoinsert[data-videobyline750="4"][data-videodisplay].ep-layout_videoheader>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"][aria-selected]:nth-child(4n+4)+.ep_gridcolumn[class*="ep-m_"]~.ep_gridcolumn[class*="ep-m_"], #website-body .ep_gridrow.ep-o_productlist.ep-layout_videoinsert[data-videobyline750="4"][data-videodisplay].ep-layout_videoheader>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"][aria-selected]:nth-child(4n+5)~.ep_gridcolumn[class*="ep-m_"] { order: 3; -webkit-order: 3; } #website-body .ep_gridrow.ep-o_productlist.ep-layout_videoinsert[data-videobyline750="3"][data-videodisplay]:not(.ep-layout_videoheader)>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"][aria-selected]:nth-child(3n+1)+.ep_gridcolumn[class*="ep-m_"]+.ep_gridcolumn[class*="ep-m_"]~.ep_gridcolumn[class*="ep-m_"], #website-body .ep_gridrow.ep-o_productlist.ep-layout_videoinsert[data-videobyline750="3"][data-videodisplay]:not(.ep-layout_videoheader)>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"][aria-selected]:nth-child(3n+2)+.ep_gridcolumn[class*="ep-m_"]~.ep_gridcolumn[class*="ep-m_"], #website-body .ep_gridrow.ep-o_productlist.ep-layout_videoinsert[data-videobyline750="3"][data-videodisplay]:not(.ep-layout_videoheader)>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"][aria-selected]:nth-child(3n+3)~.ep_gridcolumn[class*="ep-m_"], #website-body .ep_gridrow.ep-o_productlist.ep-layout_videoinsert[data-videobyline750="3"][data-videodisplay].ep-layout_videoheader>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"][aria-selected]:nth-child(3n+2)+.ep_gridcolumn[class*="ep-m_"]+.ep_gridcolumn[class*="ep-m_"]~.ep_gridcolumn[class*="ep-m_"], #website-body .ep_gridrow.ep-o_productlist.ep-layout_videoinsert[data-videobyline750="3"][data-videodisplay].ep-layout_videoheader>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"][aria-selected]:nth-child(3n+3)+.ep_gridcolumn[class*="ep-m_"]~.ep_gridcolumn[class*="ep-m_"], #website-body .ep_gridrow.ep-o_productlist.ep-layout_videoinsert[data-videobyline750="3"][data-videodisplay].ep-layout_videoheader>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"][aria-selected]:nth-child(3n+4)~.ep_gridcolumn[class*="ep-m_"] { order: 3; -webkit-order: 3; } #website-body .ep_gridrow.ep-o_productlist.ep-layout_videoinsert[data-videobyline750="2"][data-videodisplay]:not(.ep-layout_videoheader)>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"][aria-selected]:nth-child(2n+1)+.ep_gridcolumn[class*="ep-m_"]~.ep_gridcolumn[class*="ep-m_"], #website-body .ep_gridrow.ep-o_productlist.ep-layout_videoinsert[data-videobyline750="2"][data-videodisplay]:not(.ep-layout_videoheader)>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"][aria-selected]:nth-child(2n+2)~.ep_gridcolumn[class*="ep-m_"], #website-body .ep_gridrow.ep-o_productlist.ep-layout_videoinsert[data-videobyline750="2"][data-videodisplay].ep-layout_videoheader>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"][aria-selected]:nth-child(2n+2)+.ep_gridcolumn[class*="ep-m_"]~.ep_gridcolumn[class*="ep-m_"], #website-body .ep_gridrow.ep-o_productlist.ep-layout_videoinsert[data-videobyline750="2"][data-videodisplay].ep-layout_videoheader>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"][aria-selected]:nth-child(2n+3)~.ep_gridcolumn[class*="ep-m_"] { order: 3; -webkit-order: 3; } } @media screen and (min-width:640px) and (max-width:749px) { #website-body .ep_gridrow.ep-o_productlist.ep-layout_videoinsert[data-videobyline640][data-videodisplay]>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_header"], #website-body .ep_gridrow.ep-o_productlist.ep-layout_videoinsert[data-videobyline640][data-videodisplay]>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"] { order: 1; -webkit-order: 1; } #website-body .ep_gridrow.ep-o_productlist.ep-layout_videoinsert[data-videobyline640][data-videodisplay]>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_video"] { order: 2 !important; -webkit-order: 2 !important; } #website-body .ep_gridrow.ep-o_productlist.ep-layout_videoinsert[data-videobyline640="4"][data-videodisplay]:not(.ep-layout_videoheader)>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"][aria-selected]:nth-child(4n+1)+.ep_gridcolumn[class*="ep-m_"]+.ep_gridcolumn[class*="ep-m_"]+.ep_gridcolumn[class*="ep-m_"]~.ep_gridcolumn[class*="ep-m_"], #website-body .ep_gridrow.ep-o_productlist.ep-layout_videoinsert[data-videobyline640="4"][data-videodisplay]:not(.ep-layout_videoheader)>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"][aria-selected]:nth-child(4n+2)+.ep_gridcolumn[class*="ep-m_"]+.ep_gridcolumn[class*="ep-m_"]~.ep_gridcolumn[class*="ep-m_"], #website-body .ep_gridrow.ep-o_productlist.ep-layout_videoinsert[data-videobyline640="4"][data-videodisplay]:not(.ep-layout_videoheader)>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"][aria-selected]:nth-child(4n+3)+.ep_gridcolumn[class*="ep-m_"]~.ep_gridcolumn[class*="ep-m_"], #website-body .ep_gridrow.ep-o_productlist.ep-layout_videoinsert[data-videobyline640="4"][data-videodisplay]:not(.ep-layout_videoheader)>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"][aria-selected]:nth-child(4n+4)~.ep_gridcolumn[class*="ep-m_"], #website-body .ep_gridrow.ep-o_productlist.ep-layout_videoinsert[data-videobyline640="4"][data-videodisplay].ep-layout_videoheader>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"][aria-selected]:nth-child(4n+2)+.ep_gridcolumn[class*="ep-m_"]+.ep_gridcolumn[class*="ep-m_"]+.ep_gridcolumn[class*="ep-m_"]~.ep_gridcolumn[class*="ep-m_"], #website-body .ep_gridrow.ep-o_productlist.ep-layout_videoinsert[data-videobyline640="4"][data-videodisplay].ep-layout_videoheader>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"][aria-selected]:nth-child(4n+3)+.ep_gridcolumn[class*="ep-m_"]+.ep_gridcolumn[class*="ep-m_"]~.ep_gridcolumn[class*="ep-m_"], #website-body .ep_gridrow.ep-o_productlist.ep-layout_videoinsert[data-videobyline640="4"][data-videodisplay].ep-layout_videoheader>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"][aria-selected]:nth-child(4n+4)+.ep_gridcolumn[class*="ep-m_"]~.ep_gridcolumn[class*="ep-m_"], #website-body .ep_gridrow.ep-o_productlist.ep-layout_videoinsert[data-videobyline640="4"][data-videodisplay].ep-layout_videoheader>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"][aria-selected]:nth-child(4n+5)~.ep_gridcolumn[class*="ep-m_"] { order: 3; -webkit-order: 3; } #website-body .ep_gridrow.ep-o_productlist.ep-layout_videoinsert[data-videobyline640="3"][data-videodisplay]:not(.ep-layout_videoheader)>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"][aria-selected]:nth-child(3n+1)+.ep_gridcolumn[class*="ep-m_"]+.ep_gridcolumn[class*="ep-m_"]~.ep_gridcolumn[class*="ep-m_"], #website-body .ep_gridrow.ep-o_productlist.ep-layout_videoinsert[data-videobyline640="3"][data-videodisplay]:not(.ep-layout_videoheader)>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"][aria-selected]:nth-child(3n+2)+.ep_gridcolumn[class*="ep-m_"]~.ep_gridcolumn[class*="ep-m_"], #website-body .ep_gridrow.ep-o_productlist.ep-layout_videoinsert[data-videobyline640="3"][data-videodisplay]:not(.ep-layout_videoheader)>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"][aria-selected]:nth-child(3n+3)~.ep_gridcolumn[class*="ep-m_"], #website-body .ep_gridrow.ep-o_productlist.ep-layout_videoinsert[data-videobyline640="3"][data-videodisplay].ep-layout_videoheader>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"][aria-selected]:nth-child(3n+2)+.ep_gridcolumn[class*="ep-m_"]+.ep_gridcolumn[class*="ep-m_"]~.ep_gridcolumn[class*="ep-m_"], #website-body .ep_gridrow.ep-o_productlist.ep-layout_videoinsert[data-videobyline640="3"][data-videodisplay].ep-layout_videoheader>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"][aria-selected]:nth-child(3n+3)+.ep_gridcolumn[class*="ep-m_"]~.ep_gridcolumn[class*="ep-m_"], #website-body .ep_gridrow.ep-o_productlist.ep-layout_videoinsert[data-videobyline640="3"][data-videodisplay].ep-layout_videoheader>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"][aria-selected]:nth-child(3n+4)~.ep_gridcolumn[class*="ep-m_"] { order: 3; -webkit-order: 3; } #website-body .ep_gridrow.ep-o_productlist.ep-layout_videoinsert[data-videobyline640="2"][data-videodisplay]:not(.ep-layout_videoheader)>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"][aria-selected]:nth-child(2n+1)+.ep_gridcolumn[class*="ep-m_"]~.ep_gridcolumn[class*="ep-m_"], #website-body .ep_gridrow.ep-o_productlist.ep-layout_videoinsert[data-videobyline640="2"][data-videodisplay]:not(.ep-layout_videoheader)>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"][aria-selected]:nth-child(2n+2)~.ep_gridcolumn[class*="ep-m_"], #website-body .ep_gridrow.ep-o_productlist.ep-layout_videoinsert[data-videobyline640="2"][data-videodisplay].ep-layout_videoheader>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"][aria-selected]:nth-child(2n+2)+.ep_gridcolumn[class*="ep-m_"]~.ep_gridcolumn[class*="ep-m_"], #website-body .ep_gridrow.ep-o_productlist.ep-layout_videoinsert[data-videobyline640="2"][data-videodisplay].ep-layout_videoheader>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"][aria-selected]:nth-child(2n+3)~.ep_gridcolumn[class*="ep-m_"] { order: 3; -webkit-order: 3; } } @media screen and (min-width:480px) and (max-width:639px) { #website-body .ep_gridrow.ep-o_productlist.ep-layout_videoinsert[data-videobyline480][data-videodisplay]>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_header"], #website-body .ep_gridrow.ep-o_productlist.ep-layout_videoinsert[data-videobyline480][data-videodisplay]>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"] { order: 1; -webkit-order: 1; } #website-body .ep_gridrow.ep-o_productlist.ep-layout_videoinsert[data-videobyline480][data-videodisplay]>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_video"] { order: 2 !important; -webkit-order: 2 !important; } #website-body .ep_gridrow.ep-o_productlist.ep-layout_videoinsert[data-videobyline480="4"][data-videodisplay]:not(.ep-layout_videoheader)>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"][aria-selected]:nth-child(4n+1)+.ep_gridcolumn[class*="ep-m_"]+.ep_gridcolumn[class*="ep-m_"]+.ep_gridcolumn[class*="ep-m_"]~.ep_gridcolumn[class*="ep-m_"], #website-body .ep_gridrow.ep-o_productlist.ep-layout_videoinsert[data-videobyline480="4"][data-videodisplay]:not(.ep-layout_videoheader)>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"][aria-selected]:nth-child(4n+2)+.ep_gridcolumn[class*="ep-m_"]+.ep_gridcolumn[class*="ep-m_"]~.ep_gridcolumn[class*="ep-m_"], #website-body .ep_gridrow.ep-o_productlist.ep-layout_videoinsert[data-videobyline480="4"][data-videodisplay]:not(.ep-layout_videoheader)>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"][aria-selected]:nth-child(4n+3)+.ep_gridcolumn[class*="ep-m_"]~.ep_gridcolumn[class*="ep-m_"], #website-body .ep_gridrow.ep-o_productlist.ep-layout_videoinsert[data-videobyline480="4"][data-videodisplay]:not(.ep-layout_videoheader)>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"][aria-selected]:nth-child(4n+4)~.ep_gridcolumn[class*="ep-m_"], #website-body .ep_gridrow.ep-o_productlist.ep-layout_videoinsert[data-videobyline480="4"][data-videodisplay].ep-layout_videoheader>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"][aria-selected]:nth-child(4n+2)+.ep_gridcolumn[class*="ep-m_"]+.ep_gridcolumn[class*="ep-m_"]+.ep_gridcolumn[class*="ep-m_"]~.ep_gridcolumn[class*="ep-m_"], #website-body .ep_gridrow.ep-o_productlist.ep-layout_videoinsert[data-videobyline480="4"][data-videodisplay].ep-layout_videoheader>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"][aria-selected]:nth-child(4n+3)+.ep_gridcolumn[class*="ep-m_"]+.ep_gridcolumn[class*="ep-m_"]~.ep_gridcolumn[class*="ep-m_"], #website-body .ep_gridrow.ep-o_productlist.ep-layout_videoinsert[data-videobyline480="4"][data-videodisplay].ep-layout_videoheader>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"][aria-selected]:nth-child(4n+4)+.ep_gridcolumn[class*="ep-m_"]~.ep_gridcolumn[class*="ep-m_"], #website-body .ep_gridrow.ep-o_productlist.ep-layout_videoinsert[data-videobyline480="4"][data-videodisplay].ep-layout_videoheader>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"][aria-selected]:nth-child(4n+5)~.ep_gridcolumn[class*="ep-m_"] { order: 3; -webkit-order: 3; } #website-body .ep_gridrow.ep-o_productlist.ep-layout_videoinsert[data-videobyline480="3"][data-videodisplay]:not(.ep-layout_videoheader)>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"][aria-selected]:nth-child(3n+1)+.ep_gridcolumn[class*="ep-m_"]+.ep_gridcolumn[class*="ep-m_"]~.ep_gridcolumn[class*="ep-m_"], #website-body .ep_gridrow.ep-o_productlist.ep-layout_videoinsert[data-videobyline480="3"][data-videodisplay]:not(.ep-layout_videoheader)>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"][aria-selected]:nth-child(3n+2)+.ep_gridcolumn[class*="ep-m_"]~.ep_gridcolumn[class*="ep-m_"], #website-body .ep_gridrow.ep-o_productlist.ep-layout_videoinsert[data-videobyline480="3"][data-videodisplay]:not(.ep-layout_videoheader)>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"][aria-selected]:nth-child(3n+3)~.ep_gridcolumn[class*="ep-m_"], #website-body .ep_gridrow.ep-o_productlist.ep-layout_videoinsert[data-videobyline480="3"][data-videodisplay].ep-layout_videoheader>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"][aria-selected]:nth-child(3n+2)+.ep_gridcolumn[class*="ep-m_"]+.ep_gridcolumn[class*="ep-m_"]~.ep_gridcolumn[class*="ep-m_"], #website-body .ep_gridrow.ep-o_productlist.ep-layout_videoinsert[data-videobyline480="3"][data-videodisplay].ep-layout_videoheader>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"][aria-selected]:nth-child(3n+3)+.ep_gridcolumn[class*="ep-m_"]~.ep_gridcolumn[class*="ep-m_"], #website-body .ep_gridrow.ep-o_productlist.ep-layout_videoinsert[data-videobyline480="3"][data-videodisplay].ep-layout_videoheader>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"][aria-selected]:nth-child(3n+4)~.ep_gridcolumn[class*="ep-m_"] { order: 3; -webkit-order: 3; } #website-body .ep_gridrow.ep-o_productlist.ep-layout_videoinsert[data-videobyline480="2"][data-videodisplay]:not(.ep-layout_videoheader)>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"][aria-selected]:nth-child(2n+1)+.ep_gridcolumn[class*="ep-m_"]~.ep_gridcolumn[class*="ep-m_"], #website-body .ep_gridrow.ep-o_productlist.ep-layout_videoinsert[data-videobyline480="2"][data-videodisplay]:not(.ep-layout_videoheader)>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"][aria-selected]:nth-child(2n+2)~.ep_gridcolumn[class*="ep-m_"], #website-body .ep_gridrow.ep-o_productlist.ep-layout_videoinsert[data-videobyline480="2"][data-videodisplay].ep-layout_videoheader>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"][aria-selected]:nth-child(2n+2)+.ep_gridcolumn[class*="ep-m_"]~.ep_gridcolumn[class*="ep-m_"], #website-body .ep_gridrow.ep-o_productlist.ep-layout_videoinsert[data-videobyline480="2"][data-videodisplay].ep-layout_videoheader>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"][aria-selected]:nth-child(2n+3)~.ep_gridcolumn[class*="ep-m_"] { order: 3; -webkit-order: 3; } } @media screen and (max-width:479px) { #website-body .ep_gridrow.ep-o_productlist.ep-layout_videoinsert[data-videobyline320][data-videodisplay]>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_header"], #website-body .ep_gridrow.ep-o_productlist.ep-layout_videoinsert[data-videobyline320][data-videodisplay]>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"] { order: 1; -webkit-order: 1; } #website-body .ep_gridrow.ep-o_productlist.ep-layout_videoinsert[data-videobyline320][data-videodisplay]>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_video"] { order: 2 !important; -webkit-order: 2 !important; } #website-body .ep_gridrow.ep-o_productlist.ep-layout_videoinsert[data-videobyline320="4"][data-videodisplay]:not(.ep-layout_videoheader)>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"][aria-selected]:nth-child(4n+1)+.ep_gridcolumn[class*="ep-m_"]+.ep_gridcolumn[class*="ep-m_"]+.ep_gridcolumn[class*="ep-m_"]~.ep_gridcolumn[class*="ep-m_"], #website-body .ep_gridrow.ep-o_productlist.ep-layout_videoinsert[data-videobyline320="4"][data-videodisplay]:not(.ep-layout_videoheader)>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"][aria-selected]:nth-child(4n+2)+.ep_gridcolumn[class*="ep-m_"]+.ep_gridcolumn[class*="ep-m_"]~.ep_gridcolumn[class*="ep-m_"], #website-body .ep_gridrow.ep-o_productlist.ep-layout_videoinsert[data-videobyline320="4"][data-videodisplay]:not(.ep-layout_videoheader)>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"][aria-selected]:nth-child(4n+3)+.ep_gridcolumn[class*="ep-m_"]~.ep_gridcolumn[class*="ep-m_"], #website-body .ep_gridrow.ep-o_productlist.ep-layout_videoinsert[data-videobyline320="4"][data-videodisplay]:not(.ep-layout_videoheader)>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"][aria-selected]:nth-child(4n+4)~.ep_gridcolumn[class*="ep-m_"], #website-body .ep_gridrow.ep-o_productlist.ep-layout_videoinsert[data-videobyline320="4"][data-videodisplay].ep-layout_videoheader>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"][aria-selected]:nth-child(4n+2)+.ep_gridcolumn[class*="ep-m_"]+.ep_gridcolumn[class*="ep-m_"]+.ep_gridcolumn[class*="ep-m_"]~.ep_gridcolumn[class*="ep-m_"], #website-body .ep_gridrow.ep-o_productlist.ep-layout_videoinsert[data-videobyline320="4"][data-videodisplay].ep-layout_videoheader>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"][aria-selected]:nth-child(4n+3)+.ep_gridcolumn[class*="ep-m_"]+.ep_gridcolumn[class*="ep-m_"]~.ep_gridcolumn[class*="ep-m_"], #website-body .ep_gridrow.ep-o_productlist.ep-layout_videoinsert[data-videobyline320="4"][data-videodisplay].ep-layout_videoheader>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"][aria-selected]:nth-child(4n+4)+.ep_gridcolumn[class*="ep-m_"]~.ep_gridcolumn[class*="ep-m_"], #website-body .ep_gridrow.ep-o_productlist.ep-layout_videoinsert[data-videobyline320="4"][data-videodisplay].ep-layout_videoheader>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"][aria-selected]:nth-child(4n+5)~.ep_gridcolumn[class*="ep-m_"] { order: 3; -webkit-order: 3; } #website-body .ep_gridrow.ep-o_productlist.ep-layout_videoinsert[data-videobyline320="3"][data-videodisplay]:not(.ep-layout_videoheader)>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"][aria-selected]:nth-child(3n+1)+.ep_gridcolumn[class*="ep-m_"]+.ep_gridcolumn[class*="ep-m_"]~.ep_gridcolumn[class*="ep-m_"], #website-body .ep_gridrow.ep-o_productlist.ep-layout_videoinsert[data-videobyline320="3"][data-videodisplay]:not(.ep-layout_videoheader)>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"][aria-selected]:nth-child(3n+2)+.ep_gridcolumn[class*="ep-m_"]~.ep_gridcolumn[class*="ep-m_"], #website-body .ep_gridrow.ep-o_productlist.ep-layout_videoinsert[data-videobyline320="3"][data-videodisplay]:not(.ep-layout_videoheader)>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"][aria-selected]:nth-child(3n+3)~.ep_gridcolumn[class*="ep-m_"], #website-body .ep_gridrow.ep-o_productlist.ep-layout_videoinsert[data-videobyline320="3"][data-videodisplay].ep-layout_videoheader>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"][aria-selected]:nth-child(3n+2)+.ep_gridcolumn[class*="ep-m_"]+.ep_gridcolumn[class*="ep-m_"]~.ep_gridcolumn[class*="ep-m_"], #website-body .ep_gridrow.ep-o_productlist.ep-layout_videoinsert[data-videobyline320="3"][data-videodisplay].ep-layout_videoheader>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"][aria-selected]:nth-child(3n+3)+.ep_gridcolumn[class*="ep-m_"]~.ep_gridcolumn[class*="ep-m_"], #website-body .ep_gridrow.ep-o_productlist.ep-layout_videoinsert[data-videobyline320="3"][data-videodisplay].ep-layout_videoheader>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"][aria-selected]:nth-child(3n+4)~.ep_gridcolumn[class*="ep-m_"] { order: 3; -webkit-order: 3; } #website-body .ep_gridrow.ep-o_productlist.ep-layout_videoinsert[data-videobyline320="2"][data-videodisplay]:not(.ep-layout_videoheader)>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"][aria-selected]:nth-child(2n+1)+.ep_gridcolumn[class*="ep-m_"]~.ep_gridcolumn[class*="ep-m_"], #website-body .ep_gridrow.ep-o_productlist.ep-layout_videoinsert[data-videobyline320="2"][data-videodisplay]:not(.ep-layout_videoheader)>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"][aria-selected]:nth-child(2n+2)~.ep_gridcolumn[class*="ep-m_"], #website-body .ep_gridrow.ep-o_productlist.ep-layout_videoinsert[data-videobyline320="2"][data-videodisplay].ep-layout_videoheader>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"][aria-selected]:nth-child(2n+2)+.ep_gridcolumn[class*="ep-m_"]~.ep_gridcolumn[class*="ep-m_"], #website-body .ep_gridrow.ep-o_productlist.ep-layout_videoinsert[data-videobyline320="2"][data-videodisplay].ep-layout_videoheader>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"][aria-selected]:nth-child(2n+3)~.ep_gridcolumn[class*="ep-m_"] { order: 3; -webkit-order: 3; } } /* ORGANISM "LIST OF PRODUCTS" : Selection de la video */ @media screen { #website-body .ep_gridrow.ep-o_productlist.ep-layout_videoinsert[data-videodisplay]>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_video"]:before { position: static; display: block; margin: 0 10px; border-top: 1px dotted #1e1e1f; padding-top: 20px; content: ""; } #website-body .ep_gridrow.ep-o_productlist.ep-layout_videoinsert[data-videodisplay]>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"][aria-selected]:after { width: 11px; height: 8px; margin-top: 2px; margin-left: auto; margin-right: auto; background-color: transparent; background-image: url(../img/icons.svg); background-position: -97px -50px; background-repeat: no-repeat; opacity: 1 !important; transform: scale(2) translate(0, 2px); -webkit-transform: scale(2) translate(0, 2px); } #website-body .ep_gridrow.ep-o_productlist.ep-layout_videoinsert[data-videodisplay]>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"][aria-selected] { position: relative; } #website-body .ep_gridrow.ep-o_productlist.ep-layout_videoinsert[data-videodisplay]>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"][aria-selected]:before { position: absolute; display: block; bottom: -1px; left: 50%; width: 30px; height: 1px; margin-left: -16px; background-color: #fff; content: ""; } #website-body .ep_gridrow.ep-o_productlist.ep-layout_videoinsert[data-videodisplay]>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"][aria-selected]:before { background-color: #f1f2f2; } #website-body .ep_gridrow.ep-o_productlist.ep-layout_videoinsert[data-videodisplay]>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"][aria-selected]:before { background-color: #f3f4f4; } } /* ORGANISM "LIST OF PRODUCTS" : Suppression du player video */ @media print { #website-body .ep_gridrow.ep-o_productlist.ep-layout_videoinsert[data-videodisplay]>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_video"] { display: none !important; } } /* ========================================================================================================================================================================= */ /* == PRODUCT ==================== [ORGANISM] ========= ep-o_product ======================================================================================================= */ /* ========================================================================================================================================================================= */ /* Description : Organisme a utiliser pour l'affichage des molecules dans le corps d'une page produit (pas de styles specifiques) */ /* ========================================================================================================================================================================= */ /* == PRODUCT BANNER ============= [ORGANISM] ========= ep-o_productbanner ================================================================================================= */ /* ========================================================================================================================================================================= */ /* Description : Organisme a utiliser pour l'affichage de la banniere "image" d'un produit ayant la largeur de la page */ /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* ORGANISM "PRODUCT BANNER" : Affichage du bloc "texte" centre sur le bloc "image" */ @media screen and (min-width:640px), print { /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* ORGANISM "PRODUCT BANNER" : Superposition des colonnes */ /* ORGANISM "PRODUCT BANNER" : Blocage des colonnes indesirables */ #website-body .ep_gridrow.ep-o_productbanner>.ep_gridrow-content>.ep_gridcolumn { display: none; } /* ORGANISM "PRODUCT BANNER" : Alignement des deux colonnes */ #website-body .ep_gridrow.ep-o_productbanner>.ep_gridrow-content:after { height: 20px; } #website-body .ep_gridrow.ep-o_productbanner>.ep_gridrow-content { max-width: 20000px; align-items: flex-end; -webkit-align-items: flex-end; letter-spacing: -0.3em; white-space: nowrap; } #website-body .ep_gridrow.ep-o_productbanner>.ep_gridrow-content>.ep_gridcolumn.ep-layout_image, #website-body .ep_gridrow.ep-o_productbanner>.ep_gridrow-content>.ep_gridcolumn.ep-layout_text { position: relative; display: inline-block; vertical-align: bottom; } #website-body .ep_gridrow.ep-o_productbanner>.ep_gridrow-content>.ep_gridcolumn+.ep_gridcolumn { margin-left: -100%; } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* ORGANISM "PRODUCT BANNER" : Traitement de l'image de banniere */ /* ORGANISM "PRODUCT BANNER" : Suppression des marges pour un affichage "full screen" */ #website-body .ep_gridrow.ep-o_productbanner { padding-left: 0; padding-right: 0; } #website-body .ep_gridrow.ep-o_productbanner>.ep_gridrow-content>.ep_gridcolumn.ep-layout_image { overflow: hidden; } #website-body .ep_gridrow.ep-o_productbanner>.ep_gridrow-content>.ep_gridcolumn.ep-layout_image .ep_gridrow-content { display: block; max-width: 20000px; padding-left: 0; padding-right: 0; letter-spacing: -0.3em; white-space: nowrap; } /* ORGANISM "PRODUCT BANNER" : Affichage de l'image sur la surface disponible */ #website-body .ep_gridrow.ep-o_productbanner>.ep_gridrow-content>.ep_gridcolumn.ep-layout_image .ep-a_media figure .ep-p_image .ep_image img { min-width: 100%; min-height: 100%; } #website-body .ep_gridrow.ep-o_productbanner>.ep_gridrow-content>.ep_gridcolumn.ep-layout_image .ep-a_media figure .ep-p_image .ep_image { position: static; } /* ORGANISM "PRODUCT BANNER" : Affichage parallaxe de l'image */ #website-body .ep_gridrow.ep-o_productbanner>.ep_gridrow-content>.ep_gridcolumn.ep-layout_image .ep-a_media figure .ep-p_image .ep_image span { background-position: center bottom; } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* ORGANISM "PRODUCT BANNER" : Traitement de l'entete */ /* ORGANISM "PRODUCT BANNER" : Blocage des marges inferieures */ #website-body .ep_gridrow.ep-o_productbanner>.ep_gridrow-content>.ep_gridcolumn.ep-layout_text .ep_gridcolumn[class*="ep-m_"]:after, #website-body .ep_gridrow.ep-o_productbanner>.ep_gridrow-content>.ep_gridcolumn.ep-layout_text .ep_gridcolumn[class*="ep-m_"] [class*="ep-a_"]:last-child:after { height: 0; } /* ORGANISM "PRODUCT BANNER" : Affichage du bloc de texte sur fond blanc */ #website-body .ep_gridrow.ep-o_productbanner>.ep_gridrow-content>.ep_gridcolumn.ep-layout_text { z-index: 1; text-align: center; } #website-body .ep_gridrow.ep-o_productbanner>.ep_gridrow-content>.ep_gridcolumn.ep-layout_text .ep_gridrow-content { text-align: left; } #website-body .ep_gridrow.ep-o_productbanner>.ep_gridrow-content>.ep_gridcolumn.ep-layout_text .ep_gridcolumn[class*="ep-m_"]>.ep_gridcolumn-content { padding-left: 20px; padding-right: 20px; background-color: #fff; } #website-body .ep_gridrow.ep-o_productbanner>.ep_gridrow-content>.ep_gridcolumn.ep-layout_text>.ep_gridrow>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"]>.ep_gridcolumn-content, #website-body .ep_gridrow.ep-o_productbanner>.ep_gridrow-content>.ep_gridcolumn.ep-layout_text>.ep_gridrow>.ep_gridrow-content>.ep_gridcolumn>.ep_gridrow>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"]:first-child>.ep_gridcolumn-content { padding-top: 20px; } @media screen and (min-width:1200px) { #website-body .ep_gridrow.ep-o_productbanner>.ep_gridrow-content>.ep_gridcolumn.ep-layout_text .ep_gridcolumn[class*="ep-m_"]>.ep_gridcolumn-content, #website-body .ep_gridrow.ep-o_productbanner>.ep_gridrow-content>.ep_gridcolumn.ep-layout_image .ep-a_media figure .ep-p_image .ep_image { margin-left: -10px; margin-right: -10px; } } } /* ORGANISM "PRODUCT BANNER" : Blocage de la hauteur de la banniere selon les breakpoints */ @media screen and (min-width:1200px) { #website-body .ep_gridrow.ep-o_productbanner>.ep_gridrow-content>.ep_gridcolumn.ep-layout_image { height: 495px; } } @media screen and (min-width:1020px) and (max-width:1199px) { #website-body .ep_gridrow.ep-o_productbanner>.ep_gridrow-content>.ep_gridcolumn.ep-layout_image { height: 495px; } } @media screen and (min-width:750px) and (max-width:1019px), print { #website-body .ep_gridrow.ep-o_productbanner>.ep_gridrow-content>.ep_gridcolumn.ep-layout_image { height: 375px; } } @media screen and (min-width:640px) and (max-width:749px) { #website-body .ep_gridrow.ep-o_productbanner>.ep_gridrow-content>.ep_gridcolumn.ep-layout_image { height: 375px; } } /* ORGANISM "PRODUCT BANNER" : Affichage du bloc "texte" sous l'image */ @media screen and (max-width:639px) { /* ORGANISM "PRODUCT BANNER" : Correction de la marge entre le bloc titre et image */ #website-body .ep_gridrow.ep-o_productbanner>.ep_gridrow-content>.ep_gridcolumn.ep-layout_image+.ep_gridcolumn.ep-layout_text { margin-top: -10px; } /* ORGANISM "PRODUCT BANNER" : Suppression des marges pour un affichage "full screen" */ #website-body .ep_gridrow.ep-o_productbanner>.ep_gridrow-content>.ep_gridcolumn.ep-layout_image .ep_gridcolumn[class*="ep-m_"]>.ep_gridcolumn-content { padding-left: 0; padding-right: 0; } } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* ORGANISM "PRODUCT BANNER" : Affichage sur fond noir */ @media screen and (min-width:1020px) { /* ORGANISM "PRODUCT BANNER" : Etirement de la colonne texte sur la hauteur de la photo */ #website-body .ep_gridrow.ep-o_productbanner.ep-layout_black>.ep_gridrow-content { align-items: stretch; -webkit-align-items: stretch; } #website-body .ep_gridrow.ep-o_productbanner.ep-layout_black>.ep_gridrow-content>.ep_gridcolumn.ep-layout_image, #website-body .ep_gridrow.ep-o_productbanner.ep-layout_black>.ep_gridrow-content>.ep_gridcolumn.ep-layout_text { position: relative; display: flex; display: -webkit-flex; vertical-align: top; } #website-body .ep_gridrow.ep-o_productbanner.ep-layout_black>.ep_gridrow-content>.ep_gridcolumn.ep-layout_text .ep_gridrow { flex: 1 1 auto; -webkit-flex: 1 1 auto; } /* ORGANISM "PRODUCT BANNER" : Correction de l'interlignage */ #website-body .ep_gridrow.ep-o_productbanner.ep-layout_black>.ep_gridrow-content>.ep_gridcolumn.ep-layout_text .ep_gridcolumn[class*="ep-m_"] [class*="ep-a_"]:after { height: 20px; } #website-body .ep_gridrow.ep-o_productbanner.ep-layout_black>.ep_gridrow-content>.ep_gridcolumn.ep-layout_text>.ep_gridrow>.ep_gridrow-content>.ep_gridcolumn>.ep_gridrow>.ep_gridrow-content { flex-direction: column; -webkit-flex-direction: column; flex-wrap: nowrap; -webkit-flex-wrap: nowrap; } #website-body .ep_gridrow.ep-o_productbanner.ep-layout_black>.ep_gridrow-content>.ep_gridcolumn.ep-layout_text>.ep_gridrow>.ep_gridrow-content>.ep_gridcolumn>.ep_gridrow>.ep_gridrow-content>.ep_gridcolumn { flex: 0 0 auto; -webkit-flex: 0 0 auto; } #website-body .ep_gridrow.ep-o_productbanner.ep-layout_black>.ep_gridrow-content>.ep_gridcolumn.ep-layout_text>.ep_gridrow>.ep_gridrow-content>.ep_gridcolumn>.ep_gridrow>.ep_gridrow-content>.ep_gridcolumn:last-child { flex: 1 1 100%; -webkit-flex: 1 1 100%; } /* ORGANISM "PRODUCT BANNER" : Ajout de la couleur de fond */ #website-body .ep_gridrow.ep-o_productbanner.ep-layout_black>.ep_gridrow-content>.ep_gridcolumn.ep-layout_text .ep_gridcolumn[class*="ep-m_"]>.ep_gridcolumn-content { margin-left: 10px; margin-right: 10px; background-color: rgba(0, 0, 0, 0.7); color: #fff; } #website-body .ep_gridrow.ep-o_productbanner.ep-layout_black>.ep_gridrow-content>.ep_gridcolumn.ep-layout_text .ep_gridcolumn[class*="ep-m_"]>.ep_gridcolumn-content .ep-p_text, #website-body .ep_gridrow.ep-o_productbanner.ep-layout_black>.ep_gridrow-content>.ep_gridcolumn.ep-layout_text .ep_gridcolumn[class*="ep-m_"]>.ep_gridcolumn-content .ep-p_text .ep_name, #website-body .ep_gridrow.ep-o_productbanner.ep-layout_black>.ep_gridrow-content>.ep_gridcolumn.ep-layout_text .ep_gridcolumn[class*="ep-m_"]>.ep_gridcolumn-content .ep-a_text { color: #fff; } #website-body .ep_gridrow.ep-o_productbanner.ep-layout_black>.ep_gridrow-content>.ep_gridcolumn.ep-layout_text .ep_gridcolumn[class*="ep-m_"]>.ep_gridcolumn-content .ep-a_heading .ep_subtitle .ep-p_text { font-weight: normal; } #website-body .ep_gridrow.ep-o_productbanner.ep-layout_black>.ep_gridrow-content>.ep_gridcolumn.ep-layout_text .ep_gridcolumn[class*="ep-m_"]>.ep_gridcolumn-content .ep-a_text { font-weight: lighter; } #website-body .ep_gridrow.ep-o_productbanner.ep-layout_black>.ep_gridrow-content>.ep_gridcolumn.ep-layout_text .ep_gridcolumn[class*="ep-m_"]>.ep_gridcolumn-content .ep-a_field { color: #505154; } /* ORGANISM "PRODUCT BANNER" : Changement de l'ordre des atomes du titre (uniquement dans le cas ou il n'y a qu'une seule molecule dans la colonne) */ #website-body .ep_gridrow.ep-o_productbanner.ep-layout_black>.ep_gridrow-content>.ep_gridcolumn.ep-layout_text>.ep_gridrow>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"]>.ep_gridcolumn-content { display: flex; display: -webkit-flex; flex: 1; -webkit-flex: 1; flex-direction: column; -webkit-flex-direction: column; } #website-body .ep_gridrow.ep-o_productbanner.ep-layout_black>.ep_gridrow-content>.ep_gridcolumn.ep-layout_text>.ep_gridrow>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"]>.ep_gridcolumn-content [class*="ep-a_"] { flex: 0 0 auto; -webkit-flex: 0 0 auto; order: 1; -webkit-order: 1; } #website-body .ep_gridrow.ep-o_productbanner.ep-layout_black>.ep_gridrow-content>.ep_gridcolumn.ep-layout_text>.ep_gridrow>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"]>.ep_gridcolumn-content .ep-a_heading:first-child+.ep-a_heading { display: flex; display: -webkit-flex; order: 2; -webkit-order: 2; flex-direction: row; -webkit-flex-direction: row; align-items: flex-end; -webkit-align-items: flex-end; } #website-body .ep_gridrow.ep-o_productbanner.ep-layout_black>.ep_gridrow-content>.ep_gridcolumn.ep-layout_text>.ep_gridrow>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"]>.ep_gridcolumn-content .ep-a_heading:first-child+.ep-a_heading .ep_subtitle { margin-top: 0; } #website-body .ep_gridrow.ep-o_productbanner.ep-layout_black>.ep_gridrow-content>.ep_gridcolumn.ep-layout_text>.ep_gridrow>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"]>.ep_gridcolumn-content .ep-a_heading:first-child+.ep-a_heading .ep_subtitle, #website-body .ep_gridrow.ep-o_productbanner.ep-layout_black>.ep_gridrow-content>.ep_gridcolumn.ep-layout_text>.ep_gridrow>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"]>.ep_gridcolumn-content .ep-a_heading:first-child+.ep-a_heading:after { width: 100%; margin-bottom: 0; flex: 0 0 auto; } #website-body .ep_gridrow.ep-o_productbanner.ep-layout_black>.ep_gridrow-content>.ep_gridcolumn.ep-layout_text>.ep_gridrow>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"]>.ep_gridcolumn-content .ep-a_heading:first-child+.ep-a_heading .ep_subtitle:after { position: static; display: block; width: 20px; height: 20px; margin-top: -3px; background-color: #f00; opacity: 0; content: ""; } #website-body .ep_gridrow.ep-o_productbanner.ep-layout_black>.ep_gridrow-content>.ep_gridcolumn.ep-layout_text>.ep_gridrow>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"]>.ep_gridcolumn-content .ep-a_heading:first-child+.ep-a_heading:after { height: 0; } #website-body .ep_gridrow.ep-o_productbanner.ep-layout_black>.ep_gridrow-content>.ep_gridcolumn.ep-layout_text>.ep_gridrow>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_"]:last-child>.ep_gridcolumn-content [class*="ep-a_"]:last-child { flex: 1 1 auto; -webkit-flex: 1 1 auto; } } @media screen and (max-width:1019px), print { /* ORGANISM "PRODUCT BANNER" : Affichage de la colonne texte sous la photo */ #website-body .ep_gridrow.ep-o_productbanner.ep-layout_black>.ep_gridrow-content { flex-direction: column; -webkit-flex-direction: column; } #website-body .ep_gridrow.ep-o_productbanner.ep-layout_black>.ep_gridrow-content>.ep_gridcolumn.ep-layout_image, #website-body .ep_gridrow.ep-o_productbanner.ep-layout_black>.ep_gridrow-content>.ep_gridcolumn.ep-layout_text { width: 100%; flex: 1 1 auto; -webkit-flex: 1 1 auto; } #website-body .ep_gridrow.ep-o_productbanner.ep-layout_black>.ep_gridrow-content:after, #website-body .ep_gridrow.ep-o_productbanner.ep-layout_black>.ep_gridrow-content>.ep_gridcolumn.ep-layout_image [class*="ep-a_"]:after { display: none; } #website-body .ep_gridrow.ep-o_productbanner.ep-layout_black>.ep_gridrow-content>.ep_gridcolumn.ep-layout_image .ep_gridcolumn[class*="ep-m_"]>.ep_gridcolumn-content { padding-top: 10px; } #website-body .ep_gridrow.ep-o_productbanner.ep-layout_black>.ep_gridrow-content>.ep_gridcolumn.ep-layout_text .ep_gridcolumn[class*="ep-m_"]>.ep_gridcolumn-content { padding-top: 10px; } #website-body .ep_gridrow.ep-o_productbanner.ep-layout_black>.ep_gridrow-content>.ep_gridcolumn.ep-layout_text .ep_gridcolumn[class*="ep-m_"]:after, #website-body .ep_gridrow.ep-o_productbanner.ep-layout_black>.ep_gridrow-content>.ep_gridcolumn.ep-layout_text .ep_gridcolumn[class*="ep-m_"] [class*="ep-a_"]:after { height: 20px; } #website-body .ep_gridrow.ep-o_productbanner.ep-layout_black>.ep_gridrow-content>.ep_gridcolumn.ep-layout_text .ep_gridcolumn[class*="ep-m_"]+.ep_gridcolumn[class*="ep-m_"] { margin-top: -20px; } #website-body .ep_gridrow.ep-o_productbanner.ep-layout_black>.ep_gridrow-content>.ep_gridcolumn.ep-layout_text .ep_gridcolumn[class*="ep-m_"] .ep-a_links .ep_list { margin-bottom: 0; } /* ORGANISM "PRODUCT BANNER" : Changement de l'ordre des atomes du titre */ #website-body .ep_gridrow.ep-o_productbanner.ep-layout_black>.ep_gridrow-content>.ep_gridcolumn.ep-layout_text .ep_gridcolumn[class*="ep-m_"]>.ep_gridcolumn-content { display: flex; display: -webkit-flex; flex: 1 1 auto; -webkit-flex: 1 1 auto; flex-direction: column; -webkit-flex-direction: column; } #website-body .ep_gridrow.ep-o_productbanner.ep-layout_black>.ep_gridrow-content>.ep_gridcolumn.ep-layout_text .ep_gridcolumn[class*="ep-m_"]>.ep_gridcolumn-content [class*="ep-a_"] { flex: 0 0 auto; -webkit-flex: 0 0 auto; order: 1; -webkit-order: 1; } #website-body .ep_gridrow.ep-o_productbanner.ep-layout_black>.ep_gridrow-content>.ep_gridcolumn.ep-layout_text .ep_gridcolumn[class*="ep-m_"]>.ep_gridcolumn-content .ep-a_heading:first-child+.ep-a_heading { margin-top: 0; order: 2; -webkit-order: 2; } #website-body .ep_gridrow.ep-o_productbanner.ep-layout_black>.ep_gridrow-content>.ep_gridcolumn.ep-layout_text .ep_gridcolumn[class*="ep-m_"]>.ep_gridcolumn-content .ep-a_heading:first-child+.ep-a_heading .ep_subtitle { margin-top: 0; } /* ORGANISM "PRODUCT BANNER" : Correction de la couleur de fond */ #website-body .ep_gridrow.ep-o_productbanner.ep-layout_black>.ep_gridrow-content>.ep_gridcolumn.ep-layout_text .ep_gridcolumn[class*="ep-m_"]>.ep_gridcolumn-content { margin-left: 0; margin-right: 0; background-color: #000; color: #fff; } #website-body .ep_gridrow.ep-o_productbanner.ep-layout_black>.ep_gridrow-content>.ep_gridcolumn.ep-layout_text .ep_gridcolumn[class*="ep-m_"]>.ep_gridcolumn-content .ep-p_text, #website-body .ep_gridrow.ep-o_productbanner.ep-layout_black>.ep_gridrow-content>.ep_gridcolumn.ep-layout_text .ep_gridcolumn[class*="ep-m_"]>.ep_gridcolumn-content .ep-p_text .ep_name, #website-body .ep_gridrow.ep-o_productbanner.ep-layout_black>.ep_gridrow-content>.ep_gridcolumn.ep-layout_text .ep_gridcolumn[class*="ep-m_"]>.ep_gridcolumn-content .ep-a_text { color: #fff; } #website-body .ep_gridrow.ep-o_productbanner.ep-layout_black>.ep_gridrow-content>.ep_gridcolumn.ep-layout_text .ep_gridcolumn[class*="ep-m_"]>.ep_gridcolumn-content .ep-a_field { color: #505154; } } /* ========================================================================================================================================================================= */ /* == "CALL TO ACTION" BANNER ==== [ORGANISM] ========= ep-o_calltoactionbanner ============================================================================================ */ /* ========================================================================================================================================================================= */ /* Description : Organisme a utiliser pour l'affichage de boites de contenu cliquable sur une image de fond ayant la largeur de la page */ /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* ORGANISM "'CALL TO ACTION' BANNER" : Affichage du bloc "texte" centre sur le bloc "image" */ /* ORGANISM "'CALL TO ACTION' BANNER" : Blocage des colonnes indesirables */ #website-body .ep_gridrow.ep-o_calltoactionbanner>.ep_gridrow-content>.ep_gridcolumn { display: none; } /* ORGANISM "'CALL TO ACTION' BANNER" : Alignement des deux colonnes */ #website-body .ep_gridrow.ep-o_calltoactionbanner:after, #website-body .ep_gridrow.ep-o_calltoactionbanner.ep-layout_greycolor:after, #website-body .ep_gridrow.ep-o_calltoactionbanner.ep-layout_greygradient:after, #website-body .ep_gridrow.ep-o_calltoactionbanner.ep-layout_black:after { display: block; height: 10px; } #website-body .ep_gridrow.ep-o_calltoactionbanner:after { height: 40px; } #website-body .ep_gridrow.ep-o_calltoactionbanner~.ep-o_footerpage { margin-top: -40px; } #website-body .ep_gridrow.ep-o_calltoactionbanner>.ep_gridrow-content:after { height: 20px; } #website-body .ep_gridrow.ep-o_calltoactionbanner>.ep_gridrow-content { position: relative; max-width: 20000px; align-items: center; -webkit-align-items: center; letter-spacing: -0.3em; white-space: nowrap; } #website-body .ep_gridrow.ep-o_calltoactionbanner>.ep_gridrow-content>.ep_gridcolumn.ep-layout_image, #website-body .ep_gridrow.ep-o_calltoactionbanner>.ep_gridrow-content>.ep_gridcolumn.ep-layout_text { display: inline-block; vertical-align: middle; } #website-body .ep_gridrow.ep-o_calltoactionbanner>.ep_gridrow-content>.ep_gridcolumn+.ep_gridcolumn { margin-left: -100%; } /* ORGANISM "'CALL TO ACTION' BANNER" : Suppression des marges lors de l'ajout d'un fond colore */ #website-body .ep_gridrow.ep-o_calltoactionbanner.ep-layout_greycolor:before, #website-body .ep_gridrow.ep-o_calltoactionbanner.ep-layout_greygradient:before, #website-body .ep_gridrow.ep-o_calltoactionbanner.ep-layout_black:before { display: none; } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* ORGANISM "'CALL TO ACTION' BANNER" : Traitement de l'image de banniere */ /* ORGANISM "'CALL TO ACTION' BANNER" : Suppression des marges pour un affichage "full screen" */ #website-body .ep_gridrow.ep-o_calltoactionbanner { padding-left: 0; padding-right: 0; } #website-body .ep_gridrow.ep-o_calltoactionbanner>.ep_gridrow-content>.ep_gridcolumn.ep-layout_image { overflow: hidden; } #website-body .ep_gridrow.ep-o_calltoactionbanner>.ep_gridrow-content>.ep_gridcolumn.ep-layout_image .ep_gridrow-content { position: static; display: block; max-width: 20000px; padding: 0; letter-spacing: -0.3em; white-space: nowrap; } /* ORGANISM "'CALL TO ACTION' BANNER" : Affichage de l'image sur la surface disponible */ #website-body .ep_gridrow.ep-o_calltoactionbanner>.ep_gridrow-content>.ep_gridcolumn.ep-layout_image .ep-a_media figure .ep-p_image .ep_image img { display: none; } #website-body .ep_gridrow.ep-o_calltoactionbanner>.ep_gridrow-content>.ep_gridcolumn.ep-layout_image .ep-a_media figure .ep-p_image .ep_image { position: static; } #website-body .ep_gridrow.ep-o_calltoactionbanner>.ep_gridrow-content>.ep_gridcolumn.ep-layout_image .ep-a_media figure .ep-p_image .ep_image span { background-size: cover; background-position: center bottom; } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* ORGANISM "'CALL TO ACTION' BANNER" : Traitement de l'entete */ /* ORGANISM "'CALL TO ACTION' BANNER" : Affichage du contenu par dessus l'image */ #website-body .ep_gridrow.ep-o_calltoactionbanner>.ep_gridrow-content>.ep_gridcolumn.ep-layout_text { position: relative; z-index: 1; padding-top: 100px; padding-bottom: 40px; } /* ORGANISM "'CALL TO ACTION' BANNER" : Ajout du fond colore sur chaque molecule */ #website-body .ep_gridrow.ep-o_calltoactionbanner>.ep_gridrow-content>.ep_gridcolumn.ep-layout_text .ep_gridcolumn[class*="ep-m_"]>.ep_gridcolumn-content { background-color: transparent; } #website-body .ep_gridrow.ep-o_calltoactionbanner>.ep_gridrow-content>.ep_gridcolumn.ep-layout_text .ep_gridcolumn[class*="ep-m_"].ep-layout_greycolor>.ep_gridcolumn-content { background-color: #f1f2f2; } @media screen and (min-width:1200px) { #website-body .ep_gridrow.ep-o_calltoactionbanner>.ep_gridrow-content>.ep_gridcolumn.ep-layout_text .ep_gridcolumn[data-layout1200*="border"]>.ep_gridcolumn-content { background-color: #fff; } } @media screen and (min-width:1020px) and (max-width:1199px) { #website-body .ep_gridrow.ep-o_calltoactionbanner>.ep_gridrow-content>.ep_gridcolumn.ep-layout_text .ep_gridcolumn[data-layout1020*="border"]>.ep_gridcolumn-content { background-color: #fff; } } @media screen and (min-width:750px) and (max-width:1019px), print { #website-body .ep_gridrow.ep-o_calltoactionbanner>.ep_gridrow-content>.ep_gridcolumn.ep-layout_text .ep_gridcolumn[data-layout750*="border"]>.ep_gridcolumn-content { background-color: #fff; } } @media screen and (min-width:640px) and (max-width:749px) { #website-body .ep_gridrow.ep-o_calltoactionbanner>.ep_gridrow-content>.ep_gridcolumn.ep-layout_text .ep_gridcolumn[data-layout640*="border"]>.ep_gridcolumn-content { background-color: #fff; } } @media screen and (min-width:480px) and (max-width:639px) { #website-body .ep_gridrow.ep-o_calltoactionbanner>.ep_gridrow-content>.ep_gridcolumn.ep-layout_text .ep_gridcolumn[data-layout480*="border"]>.ep_gridcolumn-content { background-color: #fff; } } @media screen and (max-width:479px) { #website-body .ep_gridrow.ep-o_calltoactionbanner>.ep_gridrow-content>.ep_gridcolumn.ep-layout_text .ep_gridcolumn[data-layout320*="border"]>.ep_gridcolumn-content { background-color: #fff; } } #website-body .ep_gridrow.ep-o_calltoactionbanner>.ep_gridrow-content>.ep_gridcolumn.ep-layout_text .ep_gridcolumn[class*="ep-m_"].ep-layout_greygradient>.ep_gridcolumn-content { background-color: #f3f4f4; background: -webkit-linear-gradient(left, #f3f4f4, #e4e5e6); background: -moz-linear-gradient(left, #f3f4f4, #e4e5e6); background: -ms-linear-gradient(left, #f3f4f4, #e4e5e6); background: linear-gradient(left, #f3f4f4, #e4e5e6); } #website-body .ep_gridrow.ep-o_calltoactionbanner>.ep_gridrow-content>.ep_gridcolumn.ep-layout_text .ep_gridcolumn[class*="ep-m_"].ep-layout_black>.ep_gridcolumn-content { background-color: rgba(0, 0, 0, 0.7); color: #fff; } #website-body .ep_gridrow.ep-o_calltoactionbanner>.ep_gridrow-content>.ep_gridcolumn.ep-layout_text .ep_gridcolumn[class*="ep-m_"].ep-layout_black>.ep_gridcolumn-content .ep-p_text, #website-body .ep_gridrow.ep-o_calltoactionbanner>.ep_gridrow-content>.ep_gridcolumn.ep-layout_text .ep_gridcolumn[class*="ep-m_"].ep-layout_black>.ep_gridcolumn-content .ep-p_text .ep_name, #website-body .ep_gridrow.ep-o_calltoactionbanner>.ep_gridrow-content>.ep_gridcolumn.ep-layout_text .ep_gridcolumn[class*="ep-m_"].ep-layout_black>.ep_gridcolumn-content .ep-a_text { color: #fff; } #website-body .ep_gridrow.ep-o_calltoactionbanner>.ep_gridrow-content>.ep_gridcolumn.ep-layout_text .ep_gridcolumn[class*="ep-m_"].ep-layout_black>.ep_gridcolumn-content .ep-a_field { color: #505154; } /* ORGANISM "'CALL TO ACTION' BANNER" : Ajout des marges */ #website-body .ep_gridrow.ep-o_calltoactionbanner>.ep_gridrow-content>.ep_gridcolumn.ep-layout_text .ep_gridcolumn[class*="ep-m_"]:after { height: 30px; } #website-body .ep_gridrow.ep-o_calltoactionbanner>.ep_gridrow-content>.ep_gridcolumn.ep-layout_text .ep_gridcolumn[class*="ep-m_"]>.ep_gridcolumn-content { padding-top: 20px; margin-left: 10px; margin-right: 10px; padding-left: 10px; padding-right: 10px; } /* ORGANISM "'CALL TO ACTION' BANNER" : Affichage des atomes en fin de molecule alignes entre eux */ #website-body .ep_gridrow.ep-o_calltoactionbanner>.ep_gridrow-content>.ep_gridcolumn.ep-layout_text .ep_gridcolumn[class*="ep-m_"]>.ep_gridcolumn-content { display: flex; display: -webkit-flex; flex-direction: column; -webkit-flex-direction: column; justify-content: flex-end; -webkit-justify-content: flex-end; } #website-body .ep_gridrow.ep-o_calltoactionbanner>.ep_gridrow-content>.ep_gridcolumn.ep-layout_text .ep_gridcolumn[class*="ep-m_"]>.ep_gridcolumn-content [class*="ep-a_"] { flex: 0 0 auto; -webkit-flex: 0 0 auto; } #website-body .ep_gridrow.ep-o_calltoactionbanner>.ep_gridrow-content>.ep_gridcolumn.ep-layout_text .ep_gridcolumn[class*="ep-m_"]>.ep_gridcolumn-content [class*="ep-a_"]:last-child { flex: 1 1 auto; -webkit-flex: 1 1 auto; } #website-body .ep_gridrow.ep-o_calltoactionbanner>.ep_gridrow-content>.ep_gridcolumn.ep-layout_text .ep_gridcolumn[class*="ep-m_"]>.ep_gridcolumn-content [class*="ep-a_button"]:last-child, #website-body .ep_gridrow.ep-o_calltoactionbanner>.ep_gridrow-content>.ep_gridcolumn.ep-layout_text .ep_gridcolumn[class*="ep-m_"]>.ep_gridcolumn-content [class*="ep-a_loadmore"]:last-child { display: flex; display: -webkit-flex; flex-direction: column; -webkit-flex-direction: column; justify-content: flex-end; -webkit-justify-content: flex-end; } /* ORGANISM "'CALL TO ACTION' BANNER" : Correction d */ #website-body .ep_gridrow.ep-o_calltoactionbanner>.ep_gridrow-content>.ep_gridcolumn.ep-layout_text .ep_gridcolumn[class*="ep-m_"]>.ep_gridcolumn-content [class*="ep-a_media"] { margin-left: 20px; margin-right: 20px; } #website-body .ep_gridrow.ep-o_calltoactionbanner>.ep_gridrow-content>.ep_gridcolumn.ep-layout_text .ep_gridcolumn[class*="ep-m_"]>.ep_gridcolumn-content [class*="ep-a_media"]>figure:before, #website-body .ep_gridrow.ep-o_calltoactionbanner>.ep_gridrow-content>.ep_gridcolumn.ep-layout_text .ep_gridcolumn[class*="ep-m_"]>.ep_gridcolumn-content [class*="ep-a_media"]>figure:after { display: none; } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* ORGANISM "'CALL TO ACTION' BANNER" : Affichage des molecules de l'entete dans une seule colonne */ @media screen and (min-width:1200px) { /* ORGANISM "'CALL TO ACTION' BANNER" : Deplacement du fond de couleur */ #website-body .ep_gridrow.ep-o_calltoactionbanner[data-layout1200="collapse"]>.ep_gridrow-content>.ep_gridcolumn.ep-layout_text .ep_gridcolumn[class*="ep-m_"]>.ep_gridcolumn-content { background: none; color: inherit; } #website-body .ep_gridrow.ep-o_calltoactionbanner[data-layout1200="collapse"]>.ep_gridrow-content>.ep_gridcolumn.ep-layout_text .ep_gridcolumn[class*="ep-m_"].ep-layout_black>.ep_gridcolumn-content .ep-p_text, #website-body .ep_gridrow.ep-o_calltoactionbanner[data-layout1200="collapse"]>.ep_gridrow-content>.ep_gridcolumn.ep-layout_text .ep_gridcolumn[class*="ep-m_"].ep-layout_black>.ep_gridcolumn-content .ep-p_text .ep_name, #website-body .ep_gridrow.ep-o_calltoactionbanner[data-layout1200="collapse"]>.ep_gridrow-content>.ep_gridcolumn.ep-layout_text .ep_gridcolumn[class*="ep-m_"].ep-layout_black>.ep_gridcolumn-content .ep-a_text { color: inherit; } #website-body .ep_gridrow.ep-o_calltoactionbanner[data-layout1200="collapse"]>.ep_gridrow-content>.ep_gridcolumn.ep-layout_text .ep-layout_content { padding-top: 5px; padding-bottom: 5px; background-color: #fff; } #website-body .ep_gridrow.ep-o_calltoactionbanner[data-layout1200="collapse"].ep-layout_greycolor>.ep_gridrow-content>.ep_gridcolumn.ep-layout_text .ep-layout_content { background-color: #f1f2f2; } #website-body .ep_gridrow.ep-o_calltoactionbanner[data-layout1200="collapse"].ep-layout_greygradient>.ep_gridrow-content>.ep_gridcolumn.ep-layout_text .ep-layout_content { background-color: #f3f4f4; background: -webkit-linear-gradient(left, #f3f4f4, #e4e5e6); background: -moz-linear-gradient(left, #f3f4f4, #e4e5e6); background: -ms-linear-gradient(left, #f3f4f4, #e4e5e6); background: linear-gradient(left, #f3f4f4, #e4e5e6); } #website-body .ep_gridrow.ep-o_calltoactionbanner[data-layout1200="collapse"].ep-layout_black>.ep_gridrow-content>.ep_gridcolumn.ep-layout_text .ep-layout_content { background-color: rgba(0, 0, 0, 0.7); color: #fff; } #website-body .ep_gridrow.ep-o_calltoactionbanner[data-layout1200="collapse"].ep-layout_black>.ep_gridrow-content>.ep_gridcolumn.ep-layout_text .ep_gridcolumn[class*="ep-m_"]>.ep_gridcolumn-content .ep-p_text, #website-body .ep_gridrow.ep-o_calltoactionbanner[data-layout1200="collapse"].ep-layout_black>.ep_gridrow-content>.ep_gridcolumn.ep-layout_text .ep_gridcolumn[class*="ep-m_"]>.ep_gridcolumn-content .ep-p_text .ep_name, #website-body .ep_gridrow.ep-o_calltoactionbanner[data-layout1200="collapse"].ep-layout_black>.ep_gridrow-content>.ep_gridcolumn.ep-layout_text .ep_gridcolumn[class*="ep-m_"]>.ep_gridcolumn-content .ep-a_text { color: #fff; } #website-body .ep_gridrow.ep-o_calltoactionbanner[data-layout1200="collapse"].ep-layout_black>.ep_gridrow-content>.ep_gridcolumn.ep-layout_text .ep_gridcolumn[class*="ep-m_"]>.ep_gridcolumn-content .ep-a_field { color: #505154; } /* ORGANISM "'CALL TO ACTION' BANNER" : Correction des marges */ #website-body .ep_gridrow.ep-o_calltoactionbanner[data-layout1200="collapse"]>.ep_gridrow-content>.ep_gridcolumn.ep-layout_text .ep_gridcolumn[class*="ep-m_"]:after { height: 0; } /* ORGANISM "'CALL TO ACTION' BANNER" : Ajout de la ligne de separation entre les molecules */ #website-body .ep_gridrow.ep-o_calltoactionbanner[data-layout1200="collapse"]>.ep_gridrow-content>.ep_gridcolumn.ep-layout_text .ep_gridcolumn[class*="ep-m_"]+.ep_gridcolumn[class*="ep-m_"]:before { position: static; display: block; overflow: hidden; width: auto; height: 0; margin: -1px 20px 0 20px; border-bottom: 1px dotted #d1d3d4; content: ""; } #website-body .ep_gridrow.ep-o_calltoactionbanner[data-layout1200="collapse"]>.ep_gridrow-content>.ep_gridcolumn.ep-layout_text .ep_gridcolumn[class*="ep-m_"]+.ep_gridcolumn[class*="ep-m_"][data-layout1200*="border"] { width: calc(100% - 20px); margin-left: 10px; margin-right: 10px; } #website-body .ep_gridrow.ep-o_calltoactionbanner[data-layout1200="collapse"]>.ep_gridrow-content>.ep_gridcolumn.ep-layout_text .ep_gridcolumn[class*="ep-m_"]+.ep_gridcolumn[class*="ep-m_"][data-layout1200*="border"]>.ep_gridcolumn-content { background-color: #fff; } #website-body .ep_gridrow.ep-o_calltoactionbanner[data-layout1200="collapse"]>.ep_gridrow-content>.ep_gridcolumn.ep-layout_text .ep_gridcolumn[class*="ep-m_"]+.ep_gridcolumn[class*="ep-m_"][data-layout1200*="border"]:before { display: none; } #website-body .ep_gridrow.ep-o_calltoactionbanner[data-layout1200="collapse"].ep-layout_black>.ep_gridrow-content>.ep_gridcolumn.ep-layout_text .ep_gridcolumn[class*="ep-m_"][data-layout1200$="link"] .ep-a_links .ep-p_text .ep_name, #website-body .ep_gridrow.ep-o_calltoactionbanner[data-layout1200="collapse"].ep-layout_black>.ep_gridrow-content>.ep_gridcolumn.ep-layout_text .ep_gridcolumn[class*="ep-m_"][data-layout1200$="link"] .ep-a_loadmore .ep-p_text .ep_name, #website-body .ep_gridrow.ep-o_calltoactionbanner[data-layout1200="collapse"].ep-layout_black>.ep_gridrow-content>.ep_gridcolumn.ep-layout_text .ep_gridcolumn[class*="ep-m_"][data-layout1200$="link"] .ep-a_button .ep-p_button .ep_name { color: #fff !important; } } @media screen and (min-width:1020px) and (max-width:1199px) { /* ORGANISM "'CALL TO ACTION' BANNER" : Deplacement du fond de couleur */ #website-body .ep_gridrow.ep-o_calltoactionbanner[data-layout1020="collapse"]>.ep_gridrow-content>.ep_gridcolumn.ep-layout_text .ep_gridcolumn[class*="ep-m_"]>.ep_gridcolumn-content { background: none; color: inherit; } #website-body .ep_gridrow.ep-o_calltoactionbanner[data-layout1020="collapse"]>.ep_gridrow-content>.ep_gridcolumn.ep-layout_text .ep_gridcolumn[class*="ep-m_"].ep-layout_black>.ep_gridcolumn-content .ep-p_text, #website-body .ep_gridrow.ep-o_calltoactionbanner[data-layout1020="collapse"]>.ep_gridrow-content>.ep_gridcolumn.ep-layout_text .ep_gridcolumn[class*="ep-m_"].ep-layout_black>.ep_gridcolumn-content .ep-p_text .ep_name, #website-body .ep_gridrow.ep-o_calltoactionbanner[data-layout1020="collapse"]>.ep_gridrow-content>.ep_gridcolumn.ep-layout_text .ep_gridcolumn[class*="ep-m_"].ep-layout_black>.ep_gridcolumn-content .ep-a_text { color: inherit; } #website-body .ep_gridrow.ep-o_calltoactionbanner[data-layout1020="collapse"]>.ep_gridrow-content>.ep_gridcolumn.ep-layout_text[data-view1020="12"] .ep-layout_content { width: calc(100% - 60px); margin-left: 30px; margin-right: 30px; } #website-body .ep_gridrow.ep-o_calltoactionbanner[data-layout1020="collapse"]>.ep_gridrow-content>.ep_gridcolumn.ep-layout_text .ep-layout_content { padding-top: 5px; padding-bottom: 5px; background-color: #fff; } #website-body .ep_gridrow.ep-o_calltoactionbanner[data-layout1020="collapse"].ep-layout_greycolor>.ep_gridrow-content>.ep_gridcolumn.ep-layout_text .ep-layout_content { background-color: #f1f2f2; } #website-body .ep_gridrow.ep-o_calltoactionbanner[data-layout1020="collapse"].ep-layout_greygradient>.ep_gridrow-content>.ep_gridcolumn.ep-layout_text .ep-layout_content { background-color: #f3f4f4; background: -webkit-linear-gradient(left, #f3f4f4, #e4e5e6); background: -moz-linear-gradient(left, #f3f4f4, #e4e5e6); background: -ms-linear-gradient(left, #f3f4f4, #e4e5e6); background: linear-gradient(left, #f3f4f4, #e4e5e6); } #website-body .ep_gridrow.ep-o_calltoactionbanner[data-layout1020="collapse"].ep-layout_black>.ep_gridrow-content>.ep_gridcolumn.ep-layout_text .ep-layout_content { background-color: rgba(0, 0, 0, 0.7); color: #fff; } #website-body .ep_gridrow.ep-o_calltoactionbanner[data-layout1020="collapse"].ep-layout_black>.ep_gridrow-content>.ep_gridcolumn.ep-layout_text .ep_gridcolumn[class*="ep-m_"]>.ep_gridcolumn-content .ep-p_text, #website-body .ep_gridrow.ep-o_calltoactionbanner[data-layout1020="collapse"].ep-layout_black>.ep_gridrow-content>.ep_gridcolumn.ep-layout_text .ep_gridcolumn[class*="ep-m_"]>.ep_gridcolumn-content .ep-p_text .ep_name, #website-body .ep_gridrow.ep-o_calltoactionbanner[data-layout1020="collapse"].ep-layout_black>.ep_gridrow-content>.ep_gridcolumn.ep-layout_text .ep_gridcolumn[class*="ep-m_"]>.ep_gridcolumn-content .ep-a_text { color: #fff; } #website-body .ep_gridrow.ep-o_calltoactionbanner[data-layout1020="collapse"].ep-layout_black>.ep_gridrow-content>.ep_gridcolumn.ep-layout_text .ep_gridcolumn[class*="ep-m_"]>.ep_gridcolumn-content .ep-a_field { color: #505154; } /* ORGANISM "'CALL TO ACTION' BANNER" : Correction des marges */ #website-body .ep_gridrow.ep-o_calltoactionbanner[data-layout1020="collapse"]>.ep_gridrow-content>.ep_gridcolumn.ep-layout_text .ep_gridcolumn[class*="ep-m_"]:after { height: 0; } /* ORGANISM "'CALL TO ACTION' BANNER" : Ajout de la ligne de separation entre les molecules */ #website-body .ep_gridrow.ep-o_calltoactionbanner[data-layout1020="collapse"]>.ep_gridrow-content>.ep_gridcolumn.ep-layout_text .ep_gridcolumn[class*="ep-m_"]+.ep_gridcolumn[class*="ep-m_"]:before { position: static; display: block; overflow: hidden; width: auto; height: 0; margin: 0 20px; border-bottom: 1px dotted #d1d3d4; content: ""; } #website-body .ep_gridrow.ep-o_calltoactionbanner[data-layout1020="collapse"]>.ep_gridrow-content>.ep_gridcolumn.ep-layout_text .ep_gridcolumn[class*="ep-m_"]+.ep_gridcolumn[class*="ep-m_"][data-layout1020*="border"] { width: calc(100% - 20px); margin-left: 10px; margin-right: 10px; } #website-body .ep_gridrow.ep-o_calltoactionbanner[data-layout1020="collapse"]>.ep_gridrow-content>.ep_gridcolumn.ep-layout_text .ep_gridcolumn[class*="ep-m_"]+.ep_gridcolumn[class*="ep-m_"][data-layout1020*="border"]>.ep_gridcolumn-content { background-color: #fff; } #website-body .ep_gridrow.ep-o_calltoactionbanner[data-layout1020="collapse"]>.ep_gridrow-content>.ep_gridcolumn.ep-layout_text .ep_gridcolumn[class*="ep-m_"]+.ep_gridcolumn[class*="ep-m_"][data-layout1020*="border"]:before { display: none; } /* ORGANISM "'CALL TO ACTION' BANNER" : Affichage des molecules sur forme de lien */ #website-body .ep_gridrow.ep-o_calltoactionbanner[data-layout1020="collapse"].ep-layout_black>.ep_gridrow-content>.ep_gridcolumn.ep-layout_text .ep_gridcolumn[class*="ep-m_"][data-layout1020$="link"] .ep-a_links .ep-p_text .ep_name, #website-body .ep_gridrow.ep-o_calltoactionbanner[data-layout1020="collapse"].ep-layout_black>.ep_gridrow-content>.ep_gridcolumn.ep-layout_text .ep_gridcolumn[class*="ep-m_"][data-layout1020$="link"] .ep-a_loadmore .ep-p_text .ep_name, #website-body .ep_gridrow.ep-o_calltoactionbanner[data-layout1020="collapse"].ep-layout_black>.ep_gridrow-content>.ep_gridcolumn.ep-layout_text .ep_gridcolumn[class*="ep-m_"][data-layout1020$="link"] .ep-a_button .ep-p_button .ep_name { color: #fff !important; } } @media screen and (min-width:750px) and (max-width:1019px), print { /* ORGANISM "'CALL TO ACTION' BANNER" : Deplacement du fond de couleur */ #website-body .ep_gridrow.ep-o_calltoactionbanner[data-layout750="collapse"]>.ep_gridrow-content>.ep_gridcolumn.ep-layout_text .ep_gridcolumn[class*="ep-m_"]>.ep_gridcolumn-content { background: none; color: inherit; } #website-body .ep_gridrow.ep-o_calltoactionbanner[data-layout750="collapse"]>.ep_gridrow-content>.ep_gridcolumn.ep-layout_text .ep_gridcolumn[class*="ep-m_"].ep-layout_black>.ep_gridcolumn-content .ep-p_text, #website-body .ep_gridrow.ep-o_calltoactionbanner[data-layout750="collapse"]>.ep_gridrow-content>.ep_gridcolumn.ep-layout_text .ep_gridcolumn[class*="ep-m_"].ep-layout_black>.ep_gridcolumn-content .ep-p_text .ep_name, #website-body .ep_gridrow.ep-o_calltoactionbanner[data-layout750="collapse"]>.ep_gridrow-content>.ep_gridcolumn.ep-layout_text .ep_gridcolumn[class*="ep-m_"].ep-layout_black>.ep_gridcolumn-content .ep-a_text { color: inherit; } #website-body .ep_gridrow.ep-o_calltoactionbanner[data-layout750="collapse"]>.ep_gridrow-content>.ep_gridcolumn.ep-layout_text .ep-layout_content { padding-top: 5px; padding-bottom: 5px; background-color: #fff; } #website-body .ep_gridrow.ep-o_calltoactionbanner[data-layout750="collapse"]>.ep_gridrow-content>.ep_gridcolumn.ep-layout_text[data-view750="12"] .ep-layout_content { width: calc(100% - 60px); margin-left: 30px; margin-right: 30px; } #website-body .ep_gridrow.ep-o_calltoactionbanner[data-layout750="collapse"].ep-layout_greycolor>.ep_gridrow-content>.ep_gridcolumn.ep-layout_text .ep-layout_content { background-color: #f1f2f2; } #website-body .ep_gridrow.ep-o_calltoactionbanner[data-layout750="collapse"].ep-layout_greygradient>.ep_gridrow-content>.ep_gridcolumn.ep-layout_text .ep-layout_content { background-color: #f3f4f4; background: -webkit-linear-gradient(left, #f3f4f4, #e4e5e6); background: -moz-linear-gradient(left, #f3f4f4, #e4e5e6); background: -ms-linear-gradient(left, #f3f4f4, #e4e5e6); background: linear-gradient(left, #f3f4f4, #e4e5e6); } #website-body .ep_gridrow.ep-o_calltoactionbanner[data-layout750="collapse"].ep-layout_black>.ep_gridrow-content>.ep_gridcolumn.ep-layout_text .ep-layout_content { background-color: rgba(0, 0, 0, 0.7); color: #fff; } #website-body .ep_gridrow.ep-o_calltoactionbanner[data-layout750="collapse"].ep-layout_black>.ep_gridrow-content>.ep_gridcolumn.ep-layout_text .ep_gridcolumn[class*="ep-m_"]>.ep_gridcolumn-content .ep-p_text, #website-body .ep_gridrow.ep-o_calltoactionbanner[data-layout750="collapse"].ep-layout_black>.ep_gridrow-content>.ep_gridcolumn.ep-layout_text .ep_gridcolumn[class*="ep-m_"]>.ep_gridcolumn-content .ep-p_text .ep_name, #website-body .ep_gridrow.ep-o_calltoactionbanner[data-layout750="collapse"].ep-layout_black>.ep_gridrow-content>.ep_gridcolumn.ep-layout_text .ep_gridcolumn[class*="ep-m_"]>.ep_gridcolumn-content .ep-a_text { color: #fff; } #website-body .ep_gridrow.ep-o_calltoactionbanner[data-layout750="collapse"].ep-layout_black>.ep_gridrow-content>.ep_gridcolumn.ep-layout_text .ep_gridcolumn[class*="ep-m_"]>.ep_gridcolumn-content .ep-a_field { color: #505154; } /* ORGANISM "'CALL TO ACTION' BANNER" : Correction des marges */ #website-body .ep_gridrow.ep-o_calltoactionbanner[data-layout750="collapse"]>.ep_gridrow-content>.ep_gridcolumn.ep-layout_text .ep_gridcolumn[class*="ep-m_"]:after { height: 0; } /* ORGANISM "'CALL TO ACTION' BANNER" : Ajout de la ligne de separation entre les molecules */ #website-body .ep_gridrow.ep-o_calltoactionbanner[data-layout750="collapse"]>.ep_gridrow-content>.ep_gridcolumn.ep-layout_text .ep_gridcolumn[class*="ep-m_"]+.ep_gridcolumn[class*="ep-m_"]:before { position: static; display: block; overflow: hidden; width: auto; height: 0; margin: 0 20px; border-bottom: 1px dotted #d1d3d4; content: ""; } #website-body .ep_gridrow.ep-o_calltoactionbanner[data-layout750="collapse"]>.ep_gridrow-content>.ep_gridcolumn.ep-layout_text .ep_gridcolumn[class*="ep-m_"]+.ep_gridcolumn[class*="ep-m_"][data-layout750*="border"] { width: calc(100% - 20px); margin-left: 10px; margin-right: 10px; } #website-body .ep_gridrow.ep-o_calltoactionbanner[data-layout750="collapse"]>.ep_gridrow-content>.ep_gridcolumn.ep-layout_text .ep_gridcolumn[class*="ep-m_"]+.ep_gridcolumn[class*="ep-m_"][data-layout750*="border"]>.ep_gridcolumn-content { background-color: #fff; } #website-body .ep_gridrow.ep-o_calltoactionbanner[data-layout750="collapse"]>.ep_gridrow-content>.ep_gridcolumn.ep-layout_text .ep_gridcolumn[class*="ep-m_"]+.ep_gridcolumn[class*="ep-m_"][data-layout750*="border"]:before { display: none; } /* ORGANISM "'CALL TO ACTION' BANNER" : Affichage des molecules sur forme de lien */ #website-body .ep_gridrow.ep-o_calltoactionbanner[data-layout750="collapse"].ep-layout_black>.ep_gridrow-content>.ep_gridcolumn.ep-layout_text .ep_gridcolumn[class*="ep-m_"][data-layout750$="link"] .ep-a_links .ep-p_text .ep_name, #website-body .ep_gridrow.ep-o_calltoactionbanner[data-layout750="collapse"].ep-layout_black>.ep_gridrow-content>.ep_gridcolumn.ep-layout_text .ep_gridcolumn[class*="ep-m_"][data-layout750$="link"] .ep-a_loadmore .ep-p_text .ep_name, #website-body .ep_gridrow.ep-o_calltoactionbanner[data-layout750="collapse"].ep-layout_black>.ep_gridrow-content>.ep_gridcolumn.ep-layout_text .ep_gridcolumn[class*="ep-m_"][data-layout750$="link"] .ep-a_button .ep-p_button .ep_name { color: #fff !important; } } @media screen and (min-width:640px) and (max-width:749px) { /* ORGANISM "'CALL TO ACTION' BANNER" : Deplacement du fond de couleur */ #website-body .ep_gridrow.ep-o_calltoactionbanner[data-layout640="collapse"]>.ep_gridrow-content>.ep_gridcolumn.ep-layout_text .ep_gridcolumn[class*="ep-m_"]>.ep_gridcolumn-content { background: none; color: inherit; } #website-body .ep_gridrow.ep-o_calltoactionbanner[data-layout640="collapse"]>.ep_gridrow-content>.ep_gridcolumn.ep-layout_text .ep_gridcolumn[class*="ep-m_"].ep-layout_black>.ep_gridcolumn-content .ep-p_text, #website-body .ep_gridrow.ep-o_calltoactionbanner[data-layout640="collapse"]>.ep_gridrow-content>.ep_gridcolumn.ep-layout_text .ep_gridcolumn[class*="ep-m_"].ep-layout_black>.ep_gridcolumn-content .ep-p_text .ep_name, #website-body .ep_gridrow.ep-o_calltoactionbanner[data-layout640="collapse"]>.ep_gridrow-content>.ep_gridcolumn.ep-layout_text .ep_gridcolumn[class*="ep-m_"].ep-layout_black>.ep_gridcolumn-content .ep-a_text { color: inherit; } #website-body .ep_gridrow.ep-o_calltoactionbanner[data-layout620="collapse"]>.ep_gridrow-content>.ep_gridcolumn.ep-layout_text[data-view620="8"] .ep-layout_content { width: calc(100% - 60px); margin-left: 30px; margin-right: 30px; } #website-body .ep_gridrow.ep-o_calltoactionbanner[data-layout640="collapse"]>.ep_gridrow-content>.ep_gridcolumn.ep-layout_text .ep-layout_content { padding-top: 5px; padding-bottom: 5px; background-color: #fff; } #website-body .ep_gridrow.ep-o_calltoactionbanner[data-layout640="collapse"].ep-layout_greycolor>.ep_gridrow-content>.ep_gridcolumn.ep-layout_text .ep-layout_content { background-color: #f1f2f2; } #website-body .ep_gridrow.ep-o_calltoactionbanner[data-layout640="collapse"].ep-layout_greygradient>.ep_gridrow-content>.ep_gridcolumn.ep-layout_text .ep-layout_content { background-color: #f3f4f4; background: -webkit-linear-gradient(left, #f3f4f4, #e4e5e6); background: -moz-linear-gradient(left, #f3f4f4, #e4e5e6); background: -ms-linear-gradient(left, #f3f4f4, #e4e5e6); background: linear-gradient(left, #f3f4f4, #e4e5e6); } #website-body .ep_gridrow.ep-o_calltoactionbanner[data-layout640="collapse"].ep-layout_black>.ep_gridrow-content>.ep_gridcolumn.ep-layout_text .ep-layout_content { background-color: rgba(0, 0, 0, 0.7); color: #fff; } #website-body .ep_gridrow.ep-o_calltoactionbanner[data-layout640="collapse"].ep-layout_black>.ep_gridrow-content>.ep_gridcolumn.ep-layout_text .ep_gridcolumn[class*="ep-m_"]>.ep_gridcolumn-content .ep-p_text, #website-body .ep_gridrow.ep-o_calltoactionbanner[data-layout640="collapse"].ep-layout_black>.ep_gridrow-content>.ep_gridcolumn.ep-layout_text .ep_gridcolumn[class*="ep-m_"]>.ep_gridcolumn-content .ep-p_text .ep_name, #website-body .ep_gridrow.ep-o_calltoactionbanner[data-layout640="collapse"].ep-layout_black>.ep_gridrow-content>.ep_gridcolumn.ep-layout_text .ep_gridcolumn[class*="ep-m_"]>.ep_gridcolumn-content .ep-a_text { color: #fff; } #website-body .ep_gridrow.ep-o_calltoactionbanner[data-layout640="collapse"].ep-layout_black>.ep_gridrow-content>.ep_gridcolumn.ep-layout_text .ep_gridcolumn[class*="ep-m_"]>.ep_gridcolumn-content .ep-a_field { color: #505154; } /* ORGANISM "'CALL TO ACTION' BANNER" : Correction des marges */ #website-body .ep_gridrow.ep-o_calltoactionbanner[data-layout640="collapse"]>.ep_gridrow-content>.ep_gridcolumn.ep-layout_text .ep_gridcolumn[class*="ep-m_"]:after { height: 0; } /* ORGANISM "'CALL TO ACTION' BANNER" : Ajout de la ligne de separation entre les molecules */ #website-body .ep_gridrow.ep-o_calltoactionbanner[data-layout640="collapse"]>.ep_gridrow-content>.ep_gridcolumn.ep-layout_text .ep_gridcolumn[class*="ep-m_"]+.ep_gridcolumn[class*="ep-m_"]:before { position: static; display: block; overflow: hidden; width: auto; height: 0; margin: 0 20px; border-bottom: 1px dotted #d1d3d4; content: ""; } #website-body .ep_gridrow.ep-o_calltoactionbanner[data-layout640="collapse"]>.ep_gridrow-content>.ep_gridcolumn.ep-layout_text .ep_gridcolumn[class*="ep-m_"]+.ep_gridcolumn[class*="ep-m_"][data-layout640*="border"] { width: calc(100% - 20px); margin-left: 10px; margin-right: 10px; } #website-body .ep_gridrow.ep-o_calltoactionbanner[data-layout640="collapse"]>.ep_gridrow-content>.ep_gridcolumn.ep-layout_text .ep_gridcolumn[class*="ep-m_"]+.ep_gridcolumn[class*="ep-m_"][data-layout640*="border"]>.ep_gridcolumn-content { background-color: #fff; } #website-body .ep_gridrow.ep-o_calltoactionbanner[data-layout640="collapse"]>.ep_gridrow-content>.ep_gridcolumn.ep-layout_text .ep_gridcolumn[class*="ep-m_"]+.ep_gridcolumn[class*="ep-m_"][data-layout640*="border"]:before { display: none; } /* ORGANISM "'CALL TO ACTION' BANNER" : Affichage des molecules sur forme de lien */ #website-body .ep_gridrow.ep-o_calltoactionbanner[data-layout640="collapse"].ep-layout_black>.ep_gridrow-content>.ep_gridcolumn.ep-layout_text .ep_gridcolumn[class*="ep-m_"][data-layout640$="link"] .ep-a_links .ep-p_text .ep_name, #website-body .ep_gridrow.ep-o_calltoactionbanner[data-layout640="collapse"].ep-layout_black>.ep_gridrow-content>.ep_gridcolumn.ep-layout_text .ep_gridcolumn[class*="ep-m_"][data-layout640$="link"] .ep-a_loadmore .ep-p_text .ep_name, #website-body .ep_gridrow.ep-o_calltoactionbanner[data-layout640="collapse"].ep-layout_black>.ep_gridrow-content>.ep_gridcolumn.ep-layout_text .ep_gridcolumn[class*="ep-m_"][data-layout640$="link"] .ep-a_button .ep-p_button .ep_name { color: #fff !important; } } @media screen and (min-width:480px) and (max-width:639px) { /* ORGANISM "'CALL TO ACTION' BANNER" : Deplacement du fond de couleur */ #website-body .ep_gridrow.ep-o_calltoactionbanner[data-layout480="collapse"]>.ep_gridrow-content>.ep_gridcolumn.ep-layout_text .ep_gridcolumn[class*="ep-m_"]>.ep_gridcolumn-content { background: none; color: inherit; } #website-body .ep_gridrow.ep-o_calltoactionbanner[data-layout480="collapse"]>.ep_gridrow-content>.ep_gridcolumn.ep-layout_text .ep_gridcolumn[class*="ep-m_"].ep-layout_black>.ep_gridcolumn-content .ep-p_text, #website-body .ep_gridrow.ep-o_calltoactionbanner[data-layout480="collapse"]>.ep_gridrow-content>.ep_gridcolumn.ep-layout_text .ep_gridcolumn[class*="ep-m_"].ep-layout_black>.ep_gridcolumn-content .ep-p_text .ep_name, #website-body .ep_gridrow.ep-o_calltoactionbanner[data-layout480="collapse"]>.ep_gridrow-content>.ep_gridcolumn.ep-layout_text .ep_gridcolumn[class*="ep-m_"].ep-layout_black>.ep_gridcolumn-content .ep-a_text { color: inherit; } #website-body .ep_gridrow.ep-o_calltoactionbanner[data-layout480="collapse"]>.ep_gridrow-content>.ep_gridcolumn.ep-layout_text[data-view480="8"] .ep-layout_content { width: calc(100% - 60px); margin-left: 30px; margin-right: 30px; } #website-body .ep_gridrow.ep-o_calltoactionbanner[data-layout480="collapse"]>.ep_gridrow-content>.ep_gridcolumn.ep-layout_text .ep-layout_content { padding-top: 5px; padding-bottom: 5px; background-color: #fff; } #website-body .ep_gridrow.ep-o_calltoactionbanner[data-layout480="collapse"].ep-layout_greycolor>.ep_gridrow-content>.ep_gridcolumn.ep-layout_text .ep-layout_content { background-color: #f1f2f2; } #website-body .ep_gridrow.ep-o_calltoactionbanner[data-layout480="collapse"].ep-layout_greygradient>.ep_gridrow-content>.ep_gridcolumn.ep-layout_text .ep-layout_content { background-color: #f3f4f4; background: -webkit-linear-gradient(left, #f3f4f4, #e4e5e6); background: -moz-linear-gradient(left, #f3f4f4, #e4e5e6); background: -ms-linear-gradient(left, #f3f4f4, #e4e5e6); background: linear-gradient(left, #f3f4f4, #e4e5e6); } #website-body .ep_gridrow.ep-o_calltoactionbanner[data-layout480="collapse"].ep-layout_black>.ep_gridrow-content>.ep_gridcolumn.ep-layout_text .ep-layout_content { background-color: rgba(0, 0, 0, 0.7); color: #fff; } #website-body .ep_gridrow.ep-o_calltoactionbanner[data-layout480="collapse"].ep-layout_black>.ep_gridrow-content>.ep_gridcolumn.ep-layout_text .ep_gridcolumn[class*="ep-m_"]>.ep_gridcolumn-content .ep-p_text, #website-body .ep_gridrow.ep-o_calltoactionbanner[data-layout480="collapse"].ep-layout_black>.ep_gridrow-content>.ep_gridcolumn.ep-layout_text .ep_gridcolumn[class*="ep-m_"]>.ep_gridcolumn-content .ep-p_text .ep_name, #website-body .ep_gridrow.ep-o_calltoactionbanner[data-layout480="collapse"].ep-layout_black>.ep_gridrow-content>.ep_gridcolumn.ep-layout_text .ep_gridcolumn[class*="ep-m_"]>.ep_gridcolumn-content .ep-a_text { color: #fff; } #website-body .ep_gridrow.ep-o_calltoactionbanner[data-layout480="collapse"].ep-layout_black>.ep_gridrow-content>.ep_gridcolumn.ep-layout_text .ep_gridcolumn[class*="ep-m_"]>.ep_gridcolumn-content .ep-a_field { color: #505154; } /* ORGANISM "'CALL TO ACTION' BANNER" : Correction des marges */ #website-body .ep_gridrow.ep-o_calltoactionbanner[data-layout480="collapse"]>.ep_gridrow-content>.ep_gridcolumn.ep-layout_text .ep_gridcolumn[class*="ep-m_"]:after { height: 0; } /* ORGANISM "'CALL TO ACTION' BANNER" : Ajout de la ligne de separation entre les molecules */ #website-body .ep_gridrow.ep-o_calltoactionbanner[data-layout480="collapse"]>.ep_gridrow-content>.ep_gridcolumn.ep-layout_text .ep_gridcolumn[class*="ep-m_"]+.ep_gridcolumn[class*="ep-m_"]:before { position: static; display: block; overflow: hidden; width: auto; height: 0; margin: 0 20px; border-bottom: 1px dotted #d1d3d4; content: ""; } #website-body .ep_gridrow.ep-o_calltoactionbanner[data-layout480="collapse"]>.ep_gridrow-content>.ep_gridcolumn.ep-layout_text .ep_gridcolumn[class*="ep-m_"]+.ep_gridcolumn[class*="ep-m_"][data-layout480*="border"] { width: calc(100% - 20px); margin-left: 10px; margin-right: 10px; } #website-body .ep_gridrow.ep-o_calltoactionbanner[data-layout480="collapse"]>.ep_gridrow-content>.ep_gridcolumn.ep-layout_text .ep_gridcolumn[class*="ep-m_"]+.ep_gridcolumn[class*="ep-m_"][data-layout480*="border"]>.ep_gridcolumn-content { background-color: #fff; } #website-body .ep_gridrow.ep-o_calltoactionbanner[data-layout480="collapse"]>.ep_gridrow-content>.ep_gridcolumn.ep-layout_text .ep_gridcolumn[class*="ep-m_"]+.ep_gridcolumn[class*="ep-m_"][data-layout480*="border"]:before { display: none; } /* ORGANISM "'CALL TO ACTION' BANNER" : Affichage des molecules sur forme de lien */ #website-body .ep_gridrow.ep-o_calltoactionbanner[data-layout480="collapse"].ep-layout_black>.ep_gridrow-content>.ep_gridcolumn.ep-layout_text .ep_gridcolumn[class*="ep-m_"][data-layout480$="link"] .ep-a_links .ep-p_text .ep_name, #website-body .ep_gridrow.ep-o_calltoactionbanner[data-layout480="collapse"].ep-layout_black>.ep_gridrow-content>.ep_gridcolumn.ep-layout_text .ep_gridcolumn[class*="ep-m_"][data-layout480$="link"] .ep-a_loadmore .ep-p_text .ep_name, #website-body .ep_gridrow.ep-o_calltoactionbanner[data-layout480="collapse"].ep-layout_black>.ep_gridrow-content>.ep_gridcolumn.ep-layout_text .ep_gridcolumn[class*="ep-m_"][data-layout480$="link"] .ep-a_button .ep-p_button .ep_name { color: #fff !important; } } @media screen and (max-width:479px) { /* ORGANISM "'CALL TO ACTION' BANNER" : Deplacement du fond de couleur */ #website-body .ep_gridrow.ep-o_calltoactionbanner[data-layout320="collapse"]>.ep_gridrow-content>.ep_gridcolumn.ep-layout_text .ep_gridcolumn[class*="ep-m_"]>.ep_gridcolumn-content { background: none; color: inherit; } #website-body .ep_gridrow.ep-o_calltoactionbanner[data-layout320="collapse"]>.ep_gridrow-content>.ep_gridcolumn.ep-layout_text .ep_gridcolumn[class*="ep-m_"].ep-layout_black>.ep_gridcolumn-content .ep-p_text, #website-body .ep_gridrow.ep-o_calltoactionbanner[data-layout320="collapse"]>.ep_gridrow-content>.ep_gridcolumn.ep-layout_text .ep_gridcolumn[class*="ep-m_"].ep-layout_black>.ep_gridcolumn-content .ep-p_text .ep_name, #website-body .ep_gridrow.ep-o_calltoactionbanner[data-layout320="collapse"]>.ep_gridrow-content>.ep_gridcolumn.ep-layout_text .ep_gridcolumn[class*="ep-m_"].ep-layout_black>.ep_gridcolumn-content .ep-a_text { color: inherit; } #website-body .ep_gridrow.ep-o_calltoactionbanner[data-layout320="collapse"]>.ep_gridrow-content>.ep_gridcolumn.ep-layout_text[data-view320="4"] .ep-layout_content { width: calc(100% - 60px); margin-left: 30px; margin-right: 30px; } #website-body .ep_gridrow.ep-o_calltoactionbanner[data-layout320="collapse"]>.ep_gridrow-content>.ep_gridcolumn.ep-layout_text .ep-layout_content { padding-top: 5px; padding-bottom: 5px; background-color: #fff; } #website-body .ep_gridrow.ep-o_calltoactionbanner[data-layout320="collapse"].ep-layout_greycolor>.ep_gridrow-content>.ep_gridcolumn.ep-layout_text .ep-layout_content { background-color: #f1f2f2; } #website-body .ep_gridrow.ep-o_calltoactionbanner[data-layout320="collapse"].ep-layout_greygradient>.ep_gridrow-content>.ep_gridcolumn.ep-layout_text .ep-layout_content { background-color: #f3f4f4; background: -webkit-linear-gradient(left, #f3f4f4, #e4e5e6); background: -moz-linear-gradient(left, #f3f4f4, #e4e5e6); background: -ms-linear-gradient(left, #f3f4f4, #e4e5e6); background: linear-gradient(left, #f3f4f4, #e4e5e6); } #website-body .ep_gridrow.ep-o_calltoactionbanner[data-layout320="collapse"].ep-layout_black>.ep_gridrow-content>.ep_gridcolumn.ep-layout_text .ep-layout_content { background-color: rgba(0, 0, 0, 0.7); color: #fff; } #website-body .ep_gridrow.ep-o_calltoactionbanner[data-layout320="collapse"].ep-layout_black>.ep_gridrow-content>.ep_gridcolumn.ep-layout_text .ep_gridcolumn[class*="ep-m_"]>.ep_gridcolumn-content .ep-p_text, #website-body .ep_gridrow.ep-o_calltoactionbanner[data-layout320="collapse"].ep-layout_black>.ep_gridrow-content>.ep_gridcolumn.ep-layout_text .ep_gridcolumn[class*="ep-m_"]>.ep_gridcolumn-content .ep-p_text .ep_name, #website-body .ep_gridrow.ep-o_calltoactionbanner[data-layout320="collapse"].ep-layout_black>.ep_gridrow-content>.ep_gridcolumn.ep-layout_text .ep_gridcolumn[class*="ep-m_"]>.ep_gridcolumn-content .ep-a_text { color: #fff; } #website-body .ep_gridrow.ep-o_calltoactionbanner[data-layout320="collapse"].ep-layout_black>.ep_gridrow-content>.ep_gridcolumn.ep-layout_text .ep_gridcolumn[class*="ep-m_"]>.ep_gridcolumn-content .ep-a_field { color: #505154; } /* ORGANISM "'CALL TO ACTION' BANNER" : Correction des marges */ #website-body .ep_gridrow.ep-o_calltoactionbanner[data-layout320="collapse"]>.ep_gridrow-content>.ep_gridcolumn.ep-layout_text .ep_gridcolumn[class*="ep-m_"]:after { height: 0; } /* ORGANISM "'CALL TO ACTION' BANNER" : Ajout de la ligne de separation entre les molecules */ #website-body .ep_gridrow.ep-o_calltoactionbanner[data-layout320="collapse"]>.ep_gridrow-content>.ep_gridcolumn.ep-layout_text .ep_gridcolumn[class*="ep-m_"]+.ep_gridcolumn[class*="ep-m_"]:before { position: static; display: block; overflow: hidden; width: auto; height: 0; margin: 0 20px; border-bottom: 1px dotted #d1d3d4; content: ""; } #website-body .ep_gridrow.ep-o_calltoactionbanner[data-layout320="collapse"]>.ep_gridrow-content>.ep_gridcolumn.ep-layout_text .ep_gridcolumn[class*="ep-m_"]+.ep_gridcolumn[class*="ep-m_"][data-layout320*="border"] { width: calc(100% - 20px); margin-left: 10px; margin-right: 10px; } #website-body .ep_gridrow.ep-o_calltoactionbanner[data-layout320="collapse"]>.ep_gridrow-content>.ep_gridcolumn.ep-layout_text .ep_gridcolumn[class*="ep-m_"]+.ep_gridcolumn[class*="ep-m_"][data-layout320*="border"]>.ep_gridcolumn-content { background-color: #fff; } #website-body .ep_gridrow.ep-o_calltoactionbanner[data-layout320="collapse"]>.ep_gridrow-content>.ep_gridcolumn.ep-layout_text .ep_gridcolumn[class*="ep-m_"]+.ep_gridcolumn[class*="ep-m_"][data-layout320*="border"]:before { display: none; } /* ORGANISM "'CALL TO ACTION' BANNER" : Affichage des molecules sur forme de lien */ #website-body .ep_gridrow.ep-o_calltoactionbanner[data-layout320="collapse"].ep-layout_black>.ep_gridrow-content>.ep_gridcolumn.ep-layout_text .ep_gridcolumn[class*="ep-m_"][data-layout320$="link"] .ep-a_links .ep-p_text .ep_name, #website-body .ep_gridrow.ep-o_calltoactionbanner[data-layout320="collapse"].ep-layout_black>.ep_gridrow-content>.ep_gridcolumn.ep-layout_text .ep_gridcolumn[class*="ep-m_"][data-layout320$="link"] .ep-a_loadmore .ep-p_text .ep_name, #website-body .ep_gridrow.ep-o_calltoactionbanner[data-layout320="collapse"].ep-layout_black>.ep_gridrow-content>.ep_gridcolumn.ep-layout_text .ep_gridcolumn[class*="ep-m_"][data-layout320$="link"] .ep-a_button .ep-p_button .ep_name { color: #fff !important; } } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* ORGANISM "'CALL TO ACTION' BANNER" : Affichage de la banniere sur 2 images de fond */ /* ORGANISM "'CALL TO ACTION' BANNER" : Alignement des colonnes */ #website-body .ep_gridrow.ep-o_calltoactionbanner.ep-layout_2images>.ep_gridrow-content { position: static; align-items: stretch; -webkit-align-items: stretch; } #website-body .ep_gridrow.ep-o_calltoactionbanner.ep-layout_2images>.ep_gridrow-content>.ep_gridcolumn.ep-layout_image, #website-body .ep_gridrow.ep-o_calltoactionbanner.ep-layout_2images>.ep_gridrow-content>.ep_gridcolumn.ep-layout_image>.ep_gridrow>.ep_gridrow-content, #website-body .ep_gridrow.ep-o_calltoactionbanner.ep-layout_2images>.ep_gridrow-content>.ep_gridcolumn.ep-layout_text, #website-body .ep_gridrow.ep-o_calltoactionbanner.ep-layout_2images>.ep_gridrow-content>.ep_gridcolumn.ep-layout_text>.ep_gridrow>.ep_gridrow-content { display: inline-flex; align-selft: stretch; } #website-body .ep_gridrow.ep-o_calltoactionbanner.ep-layout_2images>.ep_gridrow-content>.ep_gridcolumn.ep-layout_image>.ep_gridrow, #website-body .ep_gridrow.ep-o_calltoactionbanner.ep-layout_2images>.ep_gridrow-content>.ep_gridcolumn.ep-layout_image>.ep_gridrow>.ep_gridrow-content, #website-body .ep_gridrow.ep-o_calltoactionbanner.ep-layout_2images>.ep_gridrow-content>.ep_gridcolumn.ep-layout_text>.ep_gridrow, #website-body .ep_gridrow.ep-o_calltoactionbanner.ep-layout_2images>.ep_gridrow-content>.ep_gridcolumn.ep-layout_text>.ep_gridrow>.ep_gridrow-content, #website-body .ep_gridrow.ep-o_calltoactionbanner.ep-layout_2images>.ep_gridrow-content>.ep_gridcolumn.ep-layout_text .ep_gridcolumn.ep-layout_content>.ep_gridrow, #website-body .ep_gridrow.ep-o_calltoactionbanner.ep-layout_2images>.ep_gridrow-content>.ep_gridcolumn.ep-layout_text .ep_gridcolumn.ep-layout_content>.ep_gridrow>.ep_gridrow-content { flex: 1 1 auto; } @media screen and (min-width:1200px) { #website-body .ep_gridrow.ep-o_calltoactionbanner.ep-layout_2images>.ep_gridrow-content>.ep_gridcolumn.ep-layout_image .ep_gridcolumn[data-view1200="12"] { width: 1176px; } #website-body .ep_gridrow.ep-o_calltoactionbanner.ep-layout_2images>.ep_gridrow-content>.ep_gridcolumn.ep-layout_image .ep_gridcolumn[data-view1200="11"] { width: 1078px; } #website-body .ep_gridrow.ep-o_calltoactionbanner.ep-layout_2images>.ep_gridrow-content>.ep_gridcolumn.ep-layout_image .ep_gridcolumn[data-view1200="10"] { width: 980px; } #website-body .ep_gridrow.ep-o_calltoactionbanner.ep-layout_2images>.ep_gridrow-content>.ep_gridcolumn.ep-layout_image .ep_gridcolumn[data-view1200="9"] { width: 882px; } #website-body .ep_gridrow.ep-o_calltoactionbanner.ep-layout_2images>.ep_gridrow-content>.ep_gridcolumn.ep-layout_image .ep_gridcolumn[data-view1200="8"] { width: 784px; } #website-body .ep_gridrow.ep-o_calltoactionbanner.ep-layout_2images>.ep_gridrow-content>.ep_gridcolumn.ep-layout_image .ep_gridcolumn[data-view1200="7"] { width: 686px; } #website-body .ep_gridrow.ep-o_calltoactionbanner.ep-layout_2images>.ep_gridrow-content>.ep_gridcolumn.ep-layout_image .ep_gridcolumn[data-view1200="6"] { width: 588px; } #website-body .ep_gridrow.ep-o_calltoactionbanner.ep-layout_2images>.ep_gridrow-content>.ep_gridcolumn.ep-layout_image .ep_gridcolumn[data-view1200="5"] { width: 490px; } #website-body .ep_gridrow.ep-o_calltoactionbanner.ep-layout_2images>.ep_gridrow-content>.ep_gridcolumn.ep-layout_image .ep_gridcolumn[data-view1200="4"] { width: 392px; } #website-body .ep_gridrow.ep-o_calltoactionbanner.ep-layout_2images>.ep_gridrow-content>.ep_gridcolumn.ep-layout_image .ep_gridcolumn[data-view1200="3"] { width: 294px; } #website-body .ep_gridrow.ep-o_calltoactionbanner.ep-layout_2images>.ep_gridrow-content>.ep_gridcolumn.ep-layout_image .ep_gridcolumn[data-view1200="2"] { width: 196px; } #website-body .ep_gridrow.ep-o_calltoactionbanner.ep-layout_2images>.ep_gridrow-content>.ep_gridcolumn.ep-layout_image .ep_gridcolumn[data-view1200="1"] { width: 98px; } #website-body .ep_gridrow.ep-o_calltoactionbanner.ep-layout_2images>.ep_gridrow-content>.ep_gridcolumn.ep-layout_image .ep_gridcolumn { flex: 0 0 auto; } #website-body .ep_gridrow.ep-o_calltoactionbanner.ep-layout_2images>.ep_gridrow-content>.ep_gridcolumn.ep-layout_image .ep_gridcolumn:first-child, #website-body .ep_gridrow.ep-o_calltoactionbanner.ep-layout_2images>.ep_gridrow-content>.ep_gridcolumn.ep-layout_image .ep_gridcolumn:last-child { flex: 1 1 auto; } } /* ORGANISM "'CALL TO ACTION' BANNER" : Affichage de deux images pour la banniere */ #website-body .ep_gridrow.ep-o_calltoactionbanner.ep-layout_2images>.ep_gridrow-content>.ep_gridcolumn.ep-layout_image>.ep_gridrow>.ep_gridrow-content { background-color: #fff; } #website-body .ep_gridrow.ep-o_calltoactionbanner.ep-layout_2images>.ep_gridrow-content>.ep_gridcolumn.ep-layout_image .ep_gridcolumn { position: relative; min-height: 495px; } #website-body .ep_gridrow.ep-o_calltoactionbanner.ep-layout_2images>.ep_gridrow-content>.ep_gridcolumn.ep-layout_image .ep_gridcolumn .ep-a_media figure .ep-p_image .ep_image span { background-position: left bottom; background-size: auto 100%; } #website-body .ep_gridrow.ep-o_calltoactionbanner.ep-layout_2images>.ep_gridrow-content>.ep_gridcolumn.ep-layout_image .ep_gridcolumn:first-child .ep-a_media figure .ep-p_image .ep_image span { background-position: right bottom; background-size: auto 100%; } /* ORGANISM "'CALL TO ACTION' BANNER" : Zone de contenu (blocage de l'affichage a 1 seul composant avec un pied de conteneur ["footer"] optionnel) */ #website-body .ep_gridrow.ep-o_calltoactionbanner.ep-layout_2images>.ep_gridrow-content>.ep_gridcolumn.ep-layout_text .ep_gridcolumn.ep-layout_content>.ep_gridrow>.ep_gridrow-content { flex-direction: column; -webkit-flex-direction: column; } #website-body .ep_gridrow.ep-o_calltoactionbanner.ep-layout_2images>.ep_gridrow-content>.ep_gridcolumn.ep-layout_text .ep_gridcolumn.ep-layout_content>.ep_gridrow>.ep_gridrow-content>.ep_gridcolumn { display: none; } #website-body .ep_gridrow.ep-o_calltoactionbanner.ep-layout_2images>.ep_gridrow-content>.ep_gridcolumn.ep-layout_text .ep_gridcolumn.ep-layout_content>.ep_gridrow>.ep_gridrow-content>.ep_gridcolumn:first-child, #website-body .ep_gridrow.ep-o_calltoactionbanner.ep-layout_2images>.ep_gridrow-content>.ep_gridcolumn.ep-layout_text .ep_gridcolumn.ep-layout_content>.ep_gridrow>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_footer"]:last-child { display: flex; display: -webkit-flex; } /* ORGANISM "'CALL TO ACTION' BANNER" : Zone de contenu (gestion des marges) */ #website-body .ep_gridrow.ep-o_calltoactionbanner.ep-layout_2images>.ep_gridrow-content>.ep_gridcolumn.ep-layout_text { padding-top: 40px; } #website-body .ep_gridrow.ep-o_calltoactionbanner.ep-layout_2images>.ep_gridrow-content>.ep_gridcolumn.ep-layout_text .ep_gridcolumn[class*="ep-m_"]>.ep_gridcolumn-content { justify-content: flex-start; -webkit-justify-content: flex-start; } #website-body .ep_gridrow.ep-o_calltoactionbanner.ep-layout_2images>.ep_gridrow-content>.ep_gridcolumn.ep-layout_text .ep_gridcolumn[class*="ep-m_"]>.ep_gridcolumn-content [class*="ep-a_button"]:last-child, #website-body .ep_gridrow.ep-o_calltoactionbanner.ep-layout_2images>.ep_gridrow-content>.ep_gridcolumn.ep-layout_text .ep_gridcolumn[class*="ep-m_"]>.ep_gridcolumn-content [class*="ep-a_loadmore"]:last-child { flex: 0 0 auto; -webkit-flex: 0 0 auto; } #website-body .ep_gridrow.ep-o_calltoactionbanner.ep-layout_2images>.ep_gridrow-content>.ep_gridcolumn.ep-layout_text .ep_gridcolumn.ep-layout_content>.ep_gridrow>.ep_gridrow-content>.ep_gridcolumn .ep_gridcolumn[class*="ep-m_"]+.ep_gridcolumn[class*="ep-m_"] .ep_gridcolumn-content { padding-top: 0; } #website-body .ep_gridrow.ep-o_calltoactionbanner.ep-layout_2images>.ep_gridrow-content>.ep_gridcolumn.ep-layout_text .ep_gridcolumn.ep-layout_content>.ep_gridrow>.ep_gridrow-content>.ep_gridcolumn .ep_gridcolumn[class*="ep-m_"]:after { height: 10px; } /* ORGANISM "'CALL TO ACTION' BANNER" : Zone de contenu (affichage de la molecule "footer" en bas de l'organisme) */ #website-body .ep_gridrow.ep-o_calltoactionbanner.ep-layout_2images>.ep_gridrow-content>.ep_gridcolumn.ep-layout_text .ep_gridcolumn.ep-layout_content>.ep_gridrow>.ep_gridrow-content>.ep_gridcolumn { flex: 1 1 auto; -webkit-flex: 1 1 auto; } #website-body .ep_gridrow.ep-o_calltoactionbanner.ep-layout_2images>.ep_gridrow-content>.ep_gridcolumn.ep-layout_text .ep_gridcolumn.ep-layout_content>.ep_gridrow>.ep_gridrow-content>.ep_gridcolumn:after { height: 40px; } #website-body .ep_gridrow.ep-o_calltoactionbanner.ep-layout_2images>.ep_gridrow-content>.ep_gridcolumn.ep-layout_text .ep_gridcolumn.ep-layout_content>.ep_gridrow>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_footer"] { flex: 0 0 auto; -webkit-flex: 0 0 auto; } #website-body .ep_gridrow.ep-o_calltoactionbanner.ep-layout_2images>.ep_gridrow-content>.ep_gridcolumn.ep-layout_text .ep_gridcolumn.ep-layout_content>.ep_gridrow>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_footer"]:last-child { margin-bottom: -40px; } #website-body .ep_gridrow.ep-o_calltoactionbanner.ep-layout_2images>.ep_gridrow-content>.ep_gridcolumn.ep-layout_text .ep_gridcolumn.ep-layout_content>.ep_gridrow>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_footer"]:last-child:after, #website-body .ep_gridrow.ep-o_calltoactionbanner.ep-layout_2images>.ep_gridrow-content>.ep_gridcolumn.ep-layout_text .ep_gridcolumn.ep-layout_content>.ep_gridrow>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_footer"]:last-child [class*="ep-a_"]:last-child:after { height: 0; } /* ORGANISM "'CALL TO ACTION' BANNER" : Zone de contenu (molecule "footer" sur fond blanc) */ #website-body .ep_gridrow.ep-o_calltoactionbanner.ep-layout_2images>.ep_gridrow-content>.ep_gridcolumn.ep-layout_text .ep_gridcolumn.ep-layout_content>.ep_gridrow>.ep_gridrow-content>.ep_gridcolumn[class*="ep-m_footer"]:last-child>.ep_gridcolumn-content { margin-left: 0; margin-right: 0; padding-left: 20px; padding-right: 20px; background-color: #fff; } /* ========================================================================================================================================================================= */ /* == NAVIGATION BANNER ========== [ORGANISM] ========= ep-o_navigationbanner ============================================================================================== */ /* ========================================================================================================================================================================= */ /* Description : Organisme a utiliser pour l'affichage de la banniere "image" d'un produit ayant la largeur de la page */ /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* ORGANISM "NAVIGATION BANNER" : Superposition des colonnes */ /* ORGANISM "NAVIGATION BANNER" : Gestion de la marge du composant */ #website-body .ep_gridrow[class*="ep-o_navigationbanner"]:after { display: block; height: 40px; } /* ORGANISM "NAVIGATION BANNER" : Blocage des colonnes indesirables */ #website-body .ep_gridrow.ep-o_navigationbanner>.ep_gridrow-content>.ep_gridcolumn { display: none; } /* ORGANISM "NAVIGATION BANNER" : Alignement des deux colonnes */ #website-body .ep_gridrow.ep-o_navigationbanner>.ep_gridrow-content:after { height: 0; } #website-body .ep_gridrow.ep-o_navigationbanner>.ep_gridrow-content { position: relative; max-width: 20000px; flex-direction: row; -webkit-flex-direction: row; align-items: flex-start; -webkit-align-items: flex-start; flex-wrap: wrap; -webkit-flex-wrap: wrap; letter-spacing: -0.3em; } #website-body .ep_gridrow.ep-o_navigationbanner>.ep_gridrow-content>.ep_gridcolumn.ep-layout_image, #website-body .ep_gridrow.ep-o_navigationbanner>.ep_gridrow-content>.ep_gridcolumn.ep-layout_map, #website-body .ep_gridrow.ep-o_navigationbanner>.ep_gridrow-content>.ep_gridcolumn.ep-layout_header, #website-body .ep_gridrow.ep-o_navigationbanner>.ep_gridrow-content>.ep_gridcolumn.ep-layout_content, #website-body .ep_gridrow.ep-o_navigationbanner>.ep_gridrow-content>.ep_gridcolumn.ep-layout_footer { display: inline-block; vertical-align: bottom; } #website-body .ep_gridrow.ep-o_navigationbanner>.ep_gridrow-content>.ep_gridcolumn.ep-layout_image, #website-body .ep_gridrow.ep-o_navigationbanner>.ep_gridrow-content>.ep_gridcolumn.ep-layout_map, #website-body .ep_gridrow.ep-o_navigationbanner>.ep_gridrow-content>.ep_gridcolumn.ep-layout_content { overflow: visible; flex: 0 0 50%; -webkit-flex: 0 0 50%; } #website-body .ep_gridrow.ep-o_navigationbanner>.ep_gridrow-content>.ep_gridcolumn.ep-layout_header, #website-body .ep_gridrow.ep-o_navigationbanner>.ep_gridrow-content>.ep_gridcolumn.ep-layout_footer { flex: 0 0 100%; -webkit-flex: 0 0 100%; } #website-body .ep_gridrow.ep-o_navigationbanner>.ep_gridrow-content>.ep_gridcolumn.ep-layout_image>*, #website-body .ep_gridrow.ep-o_navigationbanner>.ep_gridrow-content>.ep_gridcolumn.ep-layout_map>*, #website-body .ep_gridrow.ep-o_navigationbanner>.ep_gridrow-content>.ep_gridcolumn.ep-layout_content>* { width: 200%; } #website-body .ep_gridrow.ep-o_navigationbanner>.ep_gridrow-content>.ep_gridcolumn.ep-layout_image>*, #website-body .ep_gridrow.ep-o_navigationbanner>.ep_gridrow-content>.ep_gridcolumn.ep-layout_map>* { overflow: hidden; } #website-body .ep_gridrow.ep-o_navigationbanner>.ep_gridrow-content>.ep_gridcolumn.ep-layout_image+.ep_gridcolumn.ep-layout_content, #website-body .ep_gridrow.ep-o_navigationbanner>.ep_gridrow-content>.ep_gridcolumn.ep-layout_map+.ep_gridcolumn.ep-layout_content { margin-left: -50%; } @media screen and (min-width:1020px) and (max-width:1199px) { #website-body .ep_gridrow.ep-o_navigationbanner>.ep_gridrow-content>.ep_gridcolumn.ep-layout_header>.ep_gridrow>.ep_gridrow-content, #website-body .ep_gridrow.ep-o_navigationbanner>.ep_gridrow-content>.ep_gridcolumn.ep-layout_content>.ep_gridrow>.ep_gridrow-content, #website-body .ep_gridrow.ep-o_navigationbanner>.ep_gridrow-content>.ep_gridcolumn.ep-layout_footer>.ep_gridrow>.ep_gridrow-content { width: calc(100% - 60px); } } @media screen and (min-width:750px) and (max-width:1019px) { #website-body .ep_gridrow.ep-o_navigationbanner>.ep_gridrow-content>.ep_gridcolumn.ep-layout_header>.ep_gridrow>.ep_gridrow-content, #website-body .ep_gridrow.ep-o_navigationbanner>.ep_gridrow-content>.ep_gridcolumn.ep-layout_content>.ep_gridrow>.ep_gridrow-content, #website-body .ep_gridrow.ep-o_navigationbanner>.ep_gridrow-content>.ep_gridcolumn.ep-layout_footer>.ep_gridrow>.ep_gridrow-content { width: calc(100% - 30px); } } @media screen and (min-width:640px) and (max-width:749px) { #website-body .ep_gridrow.ep-o_navigationbanner>.ep_gridrow-content>.ep_gridcolumn.ep-layout_header>.ep_gridrow>.ep_gridrow-content, #website-body .ep_gridrow.ep-o_navigationbanner>.ep_gridrow-content>.ep_gridcolumn.ep-layout_content>.ep_gridrow>.ep_gridrow-content, #website-body .ep_gridrow.ep-o_navigationbanner>.ep_gridrow-content>.ep_gridcolumn.ep-layout_footer>.ep_gridrow>.ep_gridrow-content { width: calc(100% - 32px); } } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* ORGANISM "NAVIGATION BANNER" : Traitement de l'image de banniere */ /* ORGANISM "NAVIGATION BANNER" : Suppression des marges pour un affichage "full screen" */ #website-body .ep_gridrow.ep-o_navigationbanner { padding-left: 0; padding-right: 0; } #website-body .ep_gridrow.ep-o_navigationbanner>.ep_gridrow-content>.ep_gridcolumn.ep-layout_image .ep_gridrow-content { display: block; max-width: 20000px; padding-left: 0; padding-right: 0; letter-spacing: -0.3em; white-space: nowrap; } /* ORGANISM "NAVIGATION BANNER" : Affichage de l'image sur la surface disponible */ #website-body .ep_gridrow.ep-o_navigationbanner>.ep_gridrow-content>.ep_gridcolumn.ep-layout_image .ep-a_media figure .ep-p_image .ep_image img { min-width: 100%; height: 0; } #website-body .ep_gridrow.ep-o_navigationbanner>.ep_gridrow-content>.ep_gridcolumn.ep-layout_image .ep-a_media figure .ep-p_image .ep_image { position: static; } #website-body .ep_gridrow.ep-o_navigationbanner>.ep_gridrow-content>.ep_gridcolumn.ep-layout_image .ep-a_media figure .ep-p_image .ep_image span { background-position: center bottom; } /* ORGANISM "NAVIGATION BANNER" : Affichage des contenus au dessus de l'image */ #website-body .ep_gridrow.ep-o_navigationbanner>.ep_gridrow-content>.ep_gridcolumn.ep-layout_header, #website-body .ep_gridrow.ep-o_navigationbanner>.ep_gridrow-content>.ep_gridcolumn.ep-layout_content, #website-body .ep_gridrow.ep-o_navigationbanner>.ep_gridrow-content>.ep_gridcolumn.ep-layout_footer { position: relative; } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* ORGANISM "NAVIGATION BANNER" : Traitement des blocs textes */ /* ORGANISM "NAVIGATION BANNER" : Blocage des marges verticales */ #website-body .ep_gridrow.ep-o_navigationbanner>.ep_gridrow-content>.ep_gridcolumn.ep-layout_content, #website-body .ep_gridrow.ep-o_navigationbanner>.ep_gridrow-content>.ep_gridcolumn.ep-layout_footer { padding-top: 40px; } #website-body .ep_gridrow.ep-o_navigationbanner>.ep_gridrow-content>.ep_gridcolumn.ep-layout_content+.ep_gridcolumn.ep-layout_footer { padding-top: 20px; } #website-body .ep_gridrow.ep-o_navigationbanner>.ep_gridrow-content>.ep_gridcolumn.ep-layout_content .ep_gridcolumn[class*="ep-m_"]:last-child:after, #website-body .ep_gridrow.ep-o_navigationbanner>.ep_gridrow-content>.ep_gridcolumn.ep-layout_footer .ep_gridcolumn[class*="ep-m_"]:last-child:after { height: 0; } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* ORGANISM "NAVIGATION BANNER" : Fond de couleur */ /* ORGANISM "NAVIGATION BANNER" : Fond de couleur noire */ #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_black>.ep_gridrow-content { background-color: #000; } /* ORGANISM "NAVIGATION BANNER" : Fond de couleur grise */ #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_greycolor:before, #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_greygradient:before { display: none; } #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_greycolor>.ep_gridrow-content { background-color: #f1f2f2; } #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_greygradient>.ep_gridrow-content { background-color: #f3f4f4; background: -webkit-linear-gradient(left, #f3f4f4, #e4e5e6); background: -moz-linear-gradient(left, #f3f4f4, #e4e5e6); background: -ms-linear-gradient(left, #f3f4f4, #e4e5e6); background: linear-gradient(left, #f3f4f4, #e4e5e6); } /* ORGANISM "NAVIGATION BANNER" : Fond de couleur bleue */ #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_blue>.ep_gridrow-content { background-color: #213a5b; background: -webkit-linear-gradient(bottom, #213a5b, #345d8f); background: -moz-linear-gradient(bottom, #213a5b, #345d8f); background: -ms-linear-gradient(bottom, #213a5b, #345d8f); background: linear-gradient(bottom, #213a5b, #345d8f); } /* ORGANISM "NAVIGATION BANNER" : Gestion de l'entete des zones sur fonds gris */ #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_greycolor>.ep_gridrow-content .ep-m_header:first-child, #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_greygradient>.ep_gridrow-content .ep-m_header:first-child { margin-top: 0; } #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_greycolor .ep-m_header .ep-a_heading>.ep_title, #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_greygradient .ep-m_header .ep-a_heading>.ep_title, #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_greycolor .ep-m_header .ep-a_heading>.ep_subtitle, #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_greygradient .ep-m_header .ep-a_heading>.ep_subtitle { padding: 0; background-color: transparent; } #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_greycolor .ep-m_header .ep-a_heading.ep-layout_level1>.ep_title, #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_greygradient .ep-m_header .ep-a_heading.ep-layout_level1>.ep_title { margin-top: -6px; } #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_greycolor .ep-m_header .ep-a_heading.ep-layout_level2>.ep_title, #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_greycolor .ep-m_header .ep-a_heading.ep-layout_level2-large>.ep_title, #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_greygradient .ep-m_header .ep-a_heading.ep-layout_level2>.ep_title, #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_greygradient .ep-m_header .ep-a_heading.ep-layout_level2-large>.ep_title { margin-top: -4px; margin-bottom: -5px; } #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_greycolor .ep-m_header .ep-a_heading.ep-layout_level3>.ep_title, #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_greygradient .ep-m_header .ep-a_heading.ep-layout_level3>.ep_title { margin-top: -2px; margin-bottom: -4px; } /* ORGANISM "NAVIGATION BANNER" : Gestion des couleurs de textes sur fonds sombres (passage du texte en blanc) */ #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_black>.ep_gridrow-content>.ep_gridcolumn.ep-layout_header, #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_black>.ep_gridrow-content>.ep_gridcolumn.ep-layout_content, #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_black>.ep_gridrow-content>.ep_gridcolumn.ep-layout_map, #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_black>.ep_gridrow-content>.ep_gridcolumn.ep-layout_footer, #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_blue>.ep_gridrow-content>.ep_gridcolumn.ep-layout_header, #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_blue>.ep_gridrow-content>.ep_gridcolumn.ep-layout_content, #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_blue>.ep_gridrow-content>.ep_gridcolumn.ep-layout_map, #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_blue>.ep_gridrow-content>.ep_gridcolumn.ep-layout_footer { color: #fff; } #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_black>.ep_gridrow-content>.ep_gridcolumn.ep-layout_header .ep_gridcolumn[class*="ep-m_"] .ep-a_heading .ep_title, #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_black>.ep_gridrow-content>.ep_gridcolumn.ep-layout_header .ep_gridcolumn[class*="ep-m_"] .ep-a_heading .ep_title .ep-p_text, #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_black>.ep_gridrow-content>.ep_gridcolumn.ep-layout_header .ep_gridcolumn[class*="ep-m_"] .ep-a_heading .ep_subtitle .ep-p_text, #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_black>.ep_gridrow-content>.ep_gridcolumn.ep-layout_content .ep_gridcolumn[class*="ep-m_"] .ep-a_heading .ep_title, #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_black>.ep_gridrow-content>.ep_gridcolumn.ep-layout_content .ep_gridcolumn[class*="ep-m_"] .ep-a_heading .ep_title .ep-p_text, #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_black>.ep_gridrow-content>.ep_gridcolumn.ep-layout_content .ep_gridcolumn[class*="ep-m_"] .ep-a_heading .ep_subtitle .ep-p_text, #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_black>.ep_gridrow-content>.ep_gridcolumn.ep-layout_map .ep_gridcolumn[class*="ep-m_"] .ep-a_heading .ep_title, #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_black>.ep_gridrow-content>.ep_gridcolumn.ep-layout_map .ep_gridcolumn[class*="ep-m_"] .ep-a_heading .ep_title .ep-p_text, #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_black>.ep_gridrow-content>.ep_gridcolumn.ep-layout_map .ep_gridcolumn[class*="ep-m_"] .ep-a_heading .ep_subtitle .ep-p_text, #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_black>.ep_gridrow-content>.ep_gridcolumn.ep-layout_footer .ep_gridcolumn[class*="ep-m_"] .ep-a_heading .ep_title, #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_black>.ep_gridrow-content>.ep_gridcolumn.ep-layout_footer .ep_gridcolumn[class*="ep-m_"] .ep-a_heading .ep_title .ep-p_text, #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_black>.ep_gridrow-content>.ep_gridcolumn.ep-layout_footer .ep_gridcolumn[class*="ep-m_"] .ep-a_heading .ep_subtitle .ep-p_text, #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_blue>.ep_gridrow-content>.ep_gridcolumn.ep-layout_header .ep_gridcolumn[class*="ep-m_"] .ep-a_heading .ep_title, #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_blue>.ep_gridrow-content>.ep_gridcolumn.ep-layout_header .ep_gridcolumn[class*="ep-m_"] .ep-a_heading .ep_title .ep-p_text, #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_blue>.ep_gridrow-content>.ep_gridcolumn.ep-layout_header .ep_gridcolumn[class*="ep-m_"] .ep-a_heading .ep_subtitle .ep-p_text, #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_blue>.ep_gridrow-content>.ep_gridcolumn.ep-layout_content .ep_gridcolumn[class*="ep-m_"] .ep-a_heading .ep_title, #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_blue>.ep_gridrow-content>.ep_gridcolumn.ep-layout_content .ep_gridcolumn[class*="ep-m_"] .ep-a_heading .ep_title .ep-p_text, #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_blue>.ep_gridrow-content>.ep_gridcolumn.ep-layout_content .ep_gridcolumn[class*="ep-m_"] .ep-a_heading .ep_subtitle .ep-p_text, #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_blue>.ep_gridrow-content>.ep_gridcolumn.ep-layout_map .ep_gridcolumn[class*="ep-m_"] .ep-a_heading .ep_title, #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_blue>.ep_gridrow-content>.ep_gridcolumn.ep-layout_map .ep_gridcolumn[class*="ep-m_"] .ep-a_heading .ep_title .ep-p_text, #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_blue>.ep_gridrow-content>.ep_gridcolumn.ep-layout_map .ep_gridcolumn[class*="ep-m_"] .ep-a_heading .ep_subtitle .ep-p_text, #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_blue>.ep_gridrow-content>.ep_gridcolumn.ep-layout_footer .ep_gridcolumn[class*="ep-m_"] .ep-a_heading .ep_title, #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_blue>.ep_gridrow-content>.ep_gridcolumn.ep-layout_footer .ep_gridcolumn[class*="ep-m_"] .ep-a_heading .ep_title .ep-p_text, #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_blue>.ep_gridrow-content>.ep_gridcolumn.ep-layout_footer .ep_gridcolumn[class*="ep-m_"] .ep-a_heading .ep_subtitle .ep-p_text { color: inherit; } #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_black>.ep_gridrow-content>.ep_gridcolumn.ep-layout_header .ep_gridcolumn[class*="ep-m_"] .ep-a_field, #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_black>.ep_gridrow-content>.ep_gridcolumn.ep-layout_content .ep_gridcolumn[class*="ep-m_"] .ep-a_field, #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_black>.ep_gridrow-content>.ep_gridcolumn.ep-layout_map .ep_gridcolumn[class*="ep-m_"] .ep-a_field, #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_black>.ep_gridrow-content>.ep_gridcolumn.ep-layout_footer .ep_gridcolumn[class*="ep-m_"] .ep-a_field, #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_black>.ep_gridrow-content>.ep_gridcolumn.ep-layout_header .ep_gridcolumn[class*="ep-m_"] .ep-a_loadmore, #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_black>.ep_gridrow-content>.ep_gridcolumn.ep-layout_content .ep_gridcolumn[class*="ep-m_"] .ep-a_loadmore, #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_black>.ep_gridrow-content>.ep_gridcolumn.ep-layout_map .ep_gridcolumn[class*="ep-m_"] .ep-a_loadmore, #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_black>.ep_gridrow-content>.ep_gridcolumn.ep-layout_footer .ep_gridcolumn[class*="ep-m_"] .ep-a_loadmore, #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_blue>.ep_gridrow-content>.ep_gridcolumn.ep-layout_header .ep_gridcolumn[class*="ep-m_"] .ep-a_field, #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_blue>.ep_gridrow-content>.ep_gridcolumn.ep-layout_content .ep_gridcolumn[class*="ep-m_"] .ep-a_field, #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_blue>.ep_gridrow-content>.ep_gridcolumn.ep-layout_map .ep_gridcolumn[class*="ep-m_"] .ep-a_field, #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_blue>.ep_gridrow-content>.ep_gridcolumn.ep-layout_footer .ep_gridcolumn[class*="ep-m_"] .ep-a_field, #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_blue>.ep_gridrow-content>.ep_gridcolumn.ep-layout_header .ep_gridcolumn[class*="ep-m_"] .ep-a_loadmore, #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_blue>.ep_gridrow-content>.ep_gridcolumn.ep-layout_content .ep_gridcolumn[class*="ep-m_"] .ep-a_loadmore, #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_blue>.ep_gridrow-content>.ep_gridcolumn.ep-layout_map .ep_gridcolumn[class*="ep-m_"] .ep-a_loadmore, #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_blue>.ep_gridrow-content>.ep_gridcolumn.ep-layout_footer .ep_gridcolumn[class*="ep-m_"] .ep-a_loadmore { color: #505154; } #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_black>.ep_gridrow-content>.ep_gridcolumn.ep-layout_header .ep_gridcolumn[class*="ep-m_"] .ep-a_share .ep_share li .ep-p_text a:link .ep_icon, #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_black>.ep_gridrow-content>.ep_gridcolumn.ep-layout_header .ep_gridcolumn[class*="ep-m_"] .ep-a_share .ep_share li .ep-p_text a:visited .ep_icon, #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_black>.ep_gridrow-content>.ep_gridcolumn.ep-layout_content .ep_gridcolumn[class*="ep-m_"] .ep-a_share .ep_share li .ep-p_text a:link .ep_icon, #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_black>.ep_gridrow-content>.ep_gridcolumn.ep-layout_content .ep_gridcolumn[class*="ep-m_"] .ep-a_share .ep_share li .ep-p_text a:visited .ep_icon, #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_black>.ep_gridrow-content>.ep_gridcolumn.ep-layout_map .ep_gridcolumn[class*="ep-m_"] .ep-a_share .ep_share li .ep-p_text a:link .ep_icon, #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_black>.ep_gridrow-content>.ep_gridcolumn.ep-layout_map .ep_gridcolumn[class*="ep-m_"] .ep-a_share .ep_share li .ep-p_text a:visited .ep_icon, #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_black>.ep_gridrow-content>.ep_gridcolumn.ep-layout_footer .ep_gridcolumn[class*="ep-m_"] .ep-a_share .ep_share li .ep-p_text a:link .ep_icon, #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_black>.ep_gridrow-content>.ep_gridcolumn.ep-layout_footer .ep_gridcolumn[class*="ep-m_"] .ep-a_share .ep_share li .ep-p_text a:visited .ep_icon, #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_blue>.ep_gridrow-content>.ep_gridcolumn.ep-layout_header .ep_gridcolumn[class*="ep-m_"] .ep-a_share .ep_share li .ep-p_text a:link .ep_icon, #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_blue>.ep_gridrow-content>.ep_gridcolumn.ep-layout_header .ep_gridcolumn[class*="ep-m_"] .ep-a_share .ep_share li .ep-p_text a:visited .ep_icon, #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_blue>.ep_gridrow-content>.ep_gridcolumn.ep-layout_content .ep_gridcolumn[class*="ep-m_"] .ep-a_share .ep_share li .ep-p_text a:link .ep_icon, #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_blue>.ep_gridrow-content>.ep_gridcolumn.ep-layout_content .ep_gridcolumn[class*="ep-m_"] .ep-a_share .ep_share li .ep-p_text a:visited .ep_icon, #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_blue>.ep_gridrow-content>.ep_gridcolumn.ep-layout_map .ep_gridcolumn[class*="ep-m_"] .ep-a_share .ep_share li .ep-p_text a:link .ep_icon, #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_blue>.ep_gridrow-content>.ep_gridcolumn.ep-layout_map .ep_gridcolumn[class*="ep-m_"] .ep-a_share .ep_share li .ep-p_text a:visited .ep_icon, #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_blue>.ep_gridrow-content>.ep_gridcolumn.ep-layout_footer .ep_gridcolumn[class*="ep-m_"] .ep-a_share .ep_share li .ep-p_text a:link .ep_icon, #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_blue>.ep_gridrow-content>.ep_gridcolumn.ep-layout_footer .ep_gridcolumn[class*="ep-m_"] .ep-a_share .ep_share li .ep-p_text a:visited .ep_icon { background-color: #fff; } #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_black>.ep_gridrow-content>.ep_gridcolumn.ep-layout_header .ep_gridcolumn[class*="ep-m_"] .ep-a_share .ep_share li .ep-p_text a:hover .ep_icon, #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_black>.ep_gridrow-content>.ep_gridcolumn.ep-layout_header .ep_gridcolumn[class*="ep-m_"] .ep-a_share .ep_share li .ep-p_text a:focus .ep_icon, #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_black>.ep_gridrow-content>.ep_gridcolumn.ep-layout_header .ep_gridcolumn[class*="ep-m_"] .ep-a_share .ep_share li .ep-p_text a:active .ep_icon, #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_black>.ep_gridrow-content>.ep_gridcolumn.ep-layout_content .ep_gridcolumn[class*="ep-m_"] .ep-a_share .ep_share li .ep-p_text a:hover .ep_icon, #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_black>.ep_gridrow-content>.ep_gridcolumn.ep-layout_content .ep_gridcolumn[class*="ep-m_"] .ep-a_share .ep_share li .ep-p_text a:focus .ep_icon, #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_black>.ep_gridrow-content>.ep_gridcolumn.ep-layout_content .ep_gridcolumn[class*="ep-m_"] .ep-a_share .ep_share li .ep-p_text a:active .ep_icon, #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_black>.ep_gridrow-content>.ep_gridcolumn.ep-layout_map .ep_gridcolumn[class*="ep-m_"] .ep-a_share .ep_share li .ep-p_text a:hover .ep_icon, #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_black>.ep_gridrow-content>.ep_gridcolumn.ep-layout_map .ep_gridcolumn[class*="ep-m_"] .ep-a_share .ep_share li .ep-p_text a:focus .ep_icon, #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_black>.ep_gridrow-content>.ep_gridcolumn.ep-layout_map .ep_gridcolumn[class*="ep-m_"] .ep-a_share .ep_share li .ep-p_text a:active .ep_icon, #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_black>.ep_gridrow-content>.ep_gridcolumn.ep-layout_footer .ep_gridcolumn[class*="ep-m_"] .ep-a_share .ep_share li .ep-p_text a:hover .ep_icon, #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_black>.ep_gridrow-content>.ep_gridcolumn.ep-layout_footer .ep_gridcolumn[class*="ep-m_"] .ep-a_share .ep_share li .ep-p_text a:focus .ep_icon, #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_black>.ep_gridrow-content>.ep_gridcolumn.ep-layout_footer .ep_gridcolumn[class*="ep-m_"] .ep-a_share .ep_share li .ep-p_text a:active .ep_icon, #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_blue>.ep_gridrow-content>.ep_gridcolumn.ep-layout_header .ep_gridcolumn[class*="ep-m_"] .ep-a_share .ep_share li .ep-p_text a:hover .ep_icon, #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_blue>.ep_gridrow-content>.ep_gridcolumn.ep-layout_header .ep_gridcolumn[class*="ep-m_"] .ep-a_share .ep_share li .ep-p_text a:focus .ep_icon, #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_blue>.ep_gridrow-content>.ep_gridcolumn.ep-layout_header .ep_gridcolumn[class*="ep-m_"] .ep-a_share .ep_share li .ep-p_text a:active .ep_icon, #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_blue>.ep_gridrow-content>.ep_gridcolumn.ep-layout_content .ep_gridcolumn[class*="ep-m_"] .ep-a_share .ep_share li .ep-p_text a:hover .ep_icon, #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_blue>.ep_gridrow-content>.ep_gridcolumn.ep-layout_content .ep_gridcolumn[class*="ep-m_"] .ep-a_share .ep_share li .ep-p_text a:focus .ep_icon, #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_blue>.ep_gridrow-content>.ep_gridcolumn.ep-layout_content .ep_gridcolumn[class*="ep-m_"] .ep-a_share .ep_share li .ep-p_text a:active .ep_icon, #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_blue>.ep_gridrow-content>.ep_gridcolumn.ep-layout_map .ep_gridcolumn[class*="ep-m_"] .ep-a_share .ep_share li .ep-p_text a:hover .ep_icon, #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_blue>.ep_gridrow-content>.ep_gridcolumn.ep-layout_map .ep_gridcolumn[class*="ep-m_"] .ep-a_share .ep_share li .ep-p_text a:focus .ep_icon, #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_blue>.ep_gridrow-content>.ep_gridcolumn.ep-layout_map .ep_gridcolumn[class*="ep-m_"] .ep-a_share .ep_share li .ep-p_text a:active .ep_icon, #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_blue>.ep_gridrow-content>.ep_gridcolumn.ep-layout_footer .ep_gridcolumn[class*="ep-m_"] .ep-a_share .ep_share li .ep-p_text a:hover .ep_icon, #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_blue>.ep_gridrow-content>.ep_gridcolumn.ep-layout_footer .ep_gridcolumn[class*="ep-m_"] .ep-a_share .ep_share li .ep-p_text a:focus .ep_icon, #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_blue>.ep_gridrow-content>.ep_gridcolumn.ep-layout_footer .ep_gridcolumn[class*="ep-m_"] .ep-a_share .ep_share li .ep-p_text a:active .ep_icon { background-color: #3c77bd; } /* ORGANISM "NAVIGATION BANNER" : Gestion des couleurs de textes sur fonds sombres (reinitialisation du texte) */ #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_black>.ep_gridrow-content>.ep_gridcolumn.ep-layout_header .ep_gridcolumn[class*="ep-m_"].ep-layout_greycolor, #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_black>.ep_gridrow-content>.ep_gridcolumn.ep-layout_content .ep_gridcolumn[class*="ep-m_"].ep-layout_greycolor, #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_black>.ep_gridrow-content>.ep_gridcolumn.ep-layout_map .ep_gridcolumn[class*="ep-m_"].ep-layout_greycolor, #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_black>.ep_gridrow-content>.ep_gridcolumn.ep-layout_footer .ep_gridcolumn[class*="ep-m_"].ep-layout_greycolor, #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_black>.ep_gridrow-content>.ep_gridcolumn.ep-layout_header .ep_gridcolumn[class*="ep-m_"].ep-layout_greygradient, #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_black>.ep_gridrow-content>.ep_gridcolumn.ep-layout_content .ep_gridcolumn[class*="ep-m_"].ep-layout_greygradient, #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_black>.ep_gridrow-content>.ep_gridcolumn.ep-layout_map .ep_gridcolumn[class*="ep-m_"].ep-layout_greygradient, #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_black>.ep_gridrow-content>.ep_gridcolumn.ep-layout_footer .ep_gridcolumn[class*="ep-m_"].ep-layout_greygradient, #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_blue>.ep_gridrow-content>.ep_gridcolumn.ep-layout_header .ep_gridcolumn[class*="ep-m_"].ep-layout_greycolor, #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_blue>.ep_gridrow-content>.ep_gridcolumn.ep-layout_content .ep_gridcolumn[class*="ep-m_"].ep-layout_greycolor, #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_blue>.ep_gridrow-content>.ep_gridcolumn.ep-layout_map .ep_gridcolumn[class*="ep-m_"].ep-layout_greycolor, #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_blue>.ep_gridrow-content>.ep_gridcolumn.ep-layout_footer .ep_gridcolumn[class*="ep-m_"].ep-layout_greycolor, #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_blue>.ep_gridrow-content>.ep_gridcolumn.ep-layout_header .ep_gridcolumn[class*="ep-m_"].ep-layout_greygradient, #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_blue>.ep_gridrow-content>.ep_gridcolumn.ep-layout_content .ep_gridcolumn[class*="ep-m_"].ep-layout_greygradient, #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_blue>.ep_gridrow-content>.ep_gridcolumn.ep-layout_map .ep_gridcolumn[class*="ep-m_"].ep-layout_greygradient, #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_blue>.ep_gridrow-content>.ep_gridcolumn.ep-layout_footer .ep_gridcolumn[class*="ep-m_"].ep-layout_greygradient { color: #505154; } #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_black>.ep_gridrow-content>.ep_gridcolumn.ep-layout_header .ep_gridcolumn[class*="ep-m_"].ep-layout_greycolor .ep-a_heading .ep_title, #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_black>.ep_gridrow-content>.ep_gridcolumn.ep-layout_content .ep_gridcolumn[class*="ep-m_"].ep-layout_greycolor .ep-a_heading .ep_title, #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_black>.ep_gridrow-content>.ep_gridcolumn.ep-layout_map .ep_gridcolumn[class*="ep-m_"].ep-layout_greycolor .ep-a_heading .ep_title, #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_black>.ep_gridrow-content>.ep_gridcolumn.ep-layout_footer .ep_gridcolumn[class*="ep-m_"].ep-layout_greycolor .ep-a_heading .ep_title, #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_black>.ep_gridrow-content>.ep_gridcolumn.ep-layout_header .ep_gridcolumn[class*="ep-m_"].ep-layout_greygradient .ep-a_heading .ep_title, #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_black>.ep_gridrow-content>.ep_gridcolumn.ep-layout_content .ep_gridcolumn[class*="ep-m_"].ep-layout_greygradient .ep-a_heading .ep_title, #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_black>.ep_gridrow-content>.ep_gridcolumn.ep-layout_map .ep_gridcolumn[class*="ep-m_"].ep-layout_greygradient .ep-a_heading .ep_title, #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_black>.ep_gridrow-content>.ep_gridcolumn.ep-layout_footer .ep_gridcolumn[class*="ep-m_"].ep-layout_greygradient .ep-a_heading .ep_title, #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_blue>.ep_gridrow-content>.ep_gridcolumn.ep-layout_header .ep_gridcolumn[class*="ep-m_"].ep-layout_greycolor .ep-a_heading .ep_title, #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_blue>.ep_gridrow-content>.ep_gridcolumn.ep-layout_content .ep_gridcolumn[class*="ep-m_"].ep-layout_greycolor .ep-a_heading .ep_title, #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_blue>.ep_gridrow-content>.ep_gridcolumn.ep-layout_map .ep_gridcolumn[class*="ep-m_"].ep-layout_greycolor .ep-a_heading .ep_title, #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_blue>.ep_gridrow-content>.ep_gridcolumn.ep-layout_footer .ep_gridcolumn[class*="ep-m_"].ep-layout_greycolor .ep-a_heading .ep_title, #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_blue>.ep_gridrow-content>.ep_gridcolumn.ep-layout_header .ep_gridcolumn[class*="ep-m_"].ep-layout_greygradient .ep-a_heading .ep_title, #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_blue>.ep_gridrow-content>.ep_gridcolumn.ep-layout_content .ep_gridcolumn[class*="ep-m_"].ep-layout_greygradient .ep-a_heading .ep_title, #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_blue>.ep_gridrow-content>.ep_gridcolumn.ep-layout_map .ep_gridcolumn[class*="ep-m_"].ep-layout_greygradient .ep-a_heading .ep_title, #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_blue>.ep_gridrow-content>.ep_gridcolumn.ep-layout_footer .ep_gridcolumn[class*="ep-m_"].ep-layout_greygradient .ep-a_heading .ep_title { color: inherit; } @media screen and (min-width:1200px) { #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_black>.ep_gridrow-content>.ep_gridcolumn.ep-layout_header .ep_gridcolumn[class*="ep-m_"][data-layout1200$="border"] {} } /* ORGANISM "NAVIGATION BANNER" : Gestion des couleurs de la carte SVG sur fonds gris */ #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_greycolor>.ep_gridrow-content>.ep_gridcolumn.ep-layout_map .ep-a_media.ep-layout_map .ep-p_map svg .svgmap_country, #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_greygradient>.ep_gridrow-content>.ep_gridcolumn.ep-layout_map .ep-a_media.ep-layout_map .ep-p_map svg .svgmap_country { fill: #e4e5e6; stroke: #d1d3d4; } #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_greycolor>.ep_gridrow-content>.ep_gridcolumn.ep-layout_map .ep-a_media.ep-layout_map .ep-p_map svg .svgmap_capsule, #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_greygradient>.ep_gridrow-content>.ep_gridcolumn.ep-layout_map .ep-a_media.ep-layout_map .ep-p_map svg .svgmap_capsule { fill: rgba(255, 255, 255, 0); stroke: #d1d3d4; } #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_greycolor>.ep_gridrow-content>.ep_gridcolumn.ep-layout_map .ep-a_media.ep-layout_map .ep-p_map svg .svgmap_target, #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_greygradient>.ep_gridrow-content>.ep_gridcolumn.ep-layout_map .ep-a_media.ep-layout_map .ep-p_map svg .svgmap_target { fill: #345d8f; stroke: #213a5b; } #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_greycolor>.ep_gridrow-content>.ep_gridcolumn.ep-layout_map .ep-a_media.ep-layout_map .ep-p_map svg .svgmap_outside .svgmap_country, #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_greygradient>.ep_gridrow-content>.ep_gridcolumn.ep-layout_map .ep-a_media.ep-layout_map .ep-p_map svg .svgmap_outside .svgmap_country { fill: #d1d3d4; stroke: #d1d3d4; } #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_greycolor>.ep_gridrow-content>.ep_gridcolumn.ep-layout_map .ep-a_media.ep-layout_map .ep-p_map svg .svgmap_outside .svgmap_capsule, #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_greygradient>.ep_gridrow-content>.ep_gridcolumn.ep-layout_map .ep-a_media.ep-layout_map .ep-p_map svg .svgmap_outside .svgmap_capsule { fill: rgba(255, 255, 255, 0); stroke: #d1d3d4; } #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_greycolor>.ep_gridrow-content>.ep_gridcolumn.ep-layout_map .ep-a_media.ep-layout_map .ep-p_map svg .svgmap_outside .svgmap_target, #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_greygradient>.ep_gridrow-content>.ep_gridcolumn.ep-layout_map .ep-a_media.ep-layout_map .ep-p_map svg .svgmap_outside .svgmap_target { fill: rgba(33, 58, 91, 0.6); stroke: none; } #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_greycolor>.ep_gridrow-content>.ep_gridcolumn.ep-layout_map .ep-a_media.ep-layout_map .ep-p_map svg .svgmap_active .svgmap_country, #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_greygradient>.ep_gridrow-content>.ep_gridcolumn.ep-layout_map .ep-a_media.ep-layout_map .ep-p_map svg .svgmap_active .svgmap_country { fill: #3c77bd; stroke: #dadad9; } #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_greycolor>.ep_gridrow-content>.ep_gridcolumn.ep-layout_map .ep-a_media.ep-layout_map .ep-p_map svg .svgmap_active .svgmap_capsule, #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_greygradient>.ep_gridrow-content>.ep_gridcolumn.ep-layout_map .ep-a_media.ep-layout_map .ep-p_map svg .svgmap_active .svgmap_capsule { fill: rgba(255, 255, 255, 0); stroke: #d1d3d4; } #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_greycolor>.ep_gridrow-content>.ep_gridcolumn.ep-layout_map .ep-a_media.ep-layout_map .ep-p_map svg .svgmap_active .svgmap_target, #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_greygradient>.ep_gridrow-content>.ep_gridcolumn.ep-layout_map .ep-a_media.ep-layout_map .ep-p_map svg .svgmap_active .svgmap_target { fill: #26A7D3; stroke: none; } #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_greycolor>.ep_gridrow-content>.ep_gridcolumn.ep-layout_map .ep-a_media.ep-layout_map .ep-p_map svg .svgmap_active:hover .svgmap_country, #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_greycolor>.ep_gridrow-content>.ep_gridcolumn.ep-layout_map .ep-a_media.ep-layout_map .ep-p_map svg .svgmap_active:focus .svgmap_country, #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_greycolor>.ep_gridrow-content>.ep_gridcolumn.ep-layout_map .ep-a_media.ep-layout_map .ep-p_map svg .svgmap_active:active .svgmap_country, #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_greygradient>.ep_gridrow-content>.ep_gridcolumn.ep-layout_map .ep-a_media.ep-layout_map .ep-p_map svg .svgmap_active:hover .svgmap_country, #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_greygradient>.ep_gridrow-content>.ep_gridcolumn.ep-layout_map .ep-a_media.ep-layout_map .ep-p_map svg .svgmap_active:focus .svgmap_country, #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_greygradient>.ep_gridrow-content>.ep_gridcolumn.ep-layout_map .ep-a_media.ep-layout_map .ep-p_map svg .svgmap_active:active .svgmap_country { fill: #fff; stroke: #d1d3d4; } #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_greycolor>.ep_gridrow-content>.ep_gridcolumn.ep-layout_map .ep-a_media.ep-layout_map .ep-p_map svg .svgmap_active:hover .svgmap_capsule, #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_greycolor>.ep_gridrow-content>.ep_gridcolumn.ep-layout_map .ep-a_media.ep-layout_map .ep-p_map svg .svgmap_active:focus .svgmap_capsule, #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_greycolor>.ep_gridrow-content>.ep_gridcolumn.ep-layout_map .ep-a_media.ep-layout_map .ep-p_map svg .svgmap_active:active .svgmap_capsule, #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_greygradient>.ep_gridrow-content>.ep_gridcolumn.ep-layout_map .ep-a_media.ep-layout_map .ep-p_map svg .svgmap_active:hover .svgmap_capsule, #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_greygradient>.ep_gridrow-content>.ep_gridcolumn.ep-layout_map .ep-a_media.ep-layout_map .ep-p_map svg .svgmap_active:focus .svgmap_capsule, #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_greygradient>.ep_gridrow-content>.ep_gridcolumn.ep-layout_map .ep-a_media.ep-layout_map .ep-p_map svg .svgmap_active:active .svgmap_capsule { stroke: #d1d3d4; } #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_greycolor>.ep_gridrow-content>.ep_gridcolumn.ep-layout_map .ep-a_media.ep-layout_map .ep-p_map svg .svgmap_active:hover .svgmap_target, #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_greycolor>.ep_gridrow-content>.ep_gridcolumn.ep-layout_map .ep-a_media.ep-layout_map .ep-p_map svg .svgmap_active:focus .svgmap_target, #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_greycolor>.ep_gridrow-content>.ep_gridcolumn.ep-layout_map .ep-a_media.ep-layout_map .ep-p_map svg .svgmap_active:active .svgmap_target, #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_greygradient>.ep_gridrow-content>.ep_gridcolumn.ep-layout_map .ep-a_media.ep-layout_map .ep-p_map svg .svgmap_active:hover .svgmap_target, #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_greygradient>.ep_gridrow-content>.ep_gridcolumn.ep-layout_map .ep-a_media.ep-layout_map .ep-p_map svg .svgmap_active:focus .svgmap_target, #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_greygradient>.ep_gridrow-content>.ep_gridcolumn.ep-layout_map .ep-a_media.ep-layout_map .ep-p_map svg .svgmap_active:active .svgmap_target { fill: #fff; } #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_greycolor>.ep_gridrow-content>.ep_gridcolumn.ep-layout_map .ep-a_media.ep-layout_map .ep-p_map svg .svgmap_selected .svgmap_country, #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_greygradient>.ep_gridrow-content>.ep_gridcolumn.ep-layout_map .ep-a_media.ep-layout_map .ep-p_map svg .svgmap_selected .svgmap_country { fill: #f58612; stroke: #f58612; } #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_greycolor>.ep_gridrow-content>.ep_gridcolumn.ep-layout_map .ep-a_media.ep-layout_map .ep-p_map svg .svgmap_selected .svgmap_capsule, #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_greygradient>.ep_gridrow-content>.ep_gridcolumn.ep-layout_map .ep-a_media.ep-layout_map .ep-p_map svg .svgmap_selected .svgmap_capsule { fill: rgba(255, 255, 255, 0); stroke: #f58612; } #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_greycolor>.ep_gridrow-content>.ep_gridcolumn.ep-layout_map .ep-a_media.ep-layout_map .ep-p_map svg .svgmap_selected .svgmap_target, #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_greygradient>.ep_gridrow-content>.ep_gridcolumn.ep-layout_map .ep-a_media.ep-layout_map .ep-p_map svg .svgmap_selected .svgmap_target { fill: #fff; stroke: none; } #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_greycolor>.ep_gridrow-content>.ep_gridcolumn.ep-layout_map .ep-a_media.ep-layout_map .ep-p_map svg .svgmap_selected:hover .svgmap_country, #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_greycolor>.ep_gridrow-content>.ep_gridcolumn.ep-layout_map .ep-a_media.ep-layout_map .ep-p_map svg .svgmap_selected:focus .svgmap_country, #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_greycolor>.ep_gridrow-content>.ep_gridcolumn.ep-layout_map .ep-a_media.ep-layout_map .ep-p_map svg .svgmap_selected:active .svgmap_country, #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_greygradient>.ep_gridrow-content>.ep_gridcolumn.ep-layout_map .ep-a_media.ep-layout_map .ep-p_map svg .svgmap_selected:hover .svgmap_country, #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_greygradient>.ep_gridrow-content>.ep_gridcolumn.ep-layout_map .ep-a_media.ep-layout_map .ep-p_map svg .svgmap_selected:focus .svgmap_country, #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_greygradient>.ep_gridrow-content>.ep_gridcolumn.ep-layout_map .ep-a_media.ep-layout_map .ep-p_map svg .svgmap_selected:active .svgmap_country { fill: #fff; stroke: #f58612; } #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_greycolor>.ep_gridrow-content>.ep_gridcolumn.ep-layout_map .ep-a_media.ep-layout_map .ep-p_map svg .svgmap_selected:hover .svgmap_capsule, #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_greycolor>.ep_gridrow-content>.ep_gridcolumn.ep-layout_map .ep-a_media.ep-layout_map .ep-p_map svg .svgmap_selected:focus .svgmap_capsule, #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_greycolor>.ep_gridrow-content>.ep_gridcolumn.ep-layout_map .ep-a_media.ep-layout_map .ep-p_map svg .svgmap_selected:active .svgmap_capsule, #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_greygradient>.ep_gridrow-content>.ep_gridcolumn.ep-layout_map .ep-a_media.ep-layout_map .ep-p_map svg .svgmap_selected:hover .svgmap_capsule, #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_greygradient>.ep_gridrow-content>.ep_gridcolumn.ep-layout_map .ep-a_media.ep-layout_map .ep-p_map svg .svgmap_selected:focus .svgmap_capsule, #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_greygradient>.ep_gridrow-content>.ep_gridcolumn.ep-layout_map .ep-a_media.ep-layout_map .ep-p_map svg .svgmap_selected:active .svgmap_capsule { stroke: #f58612; } #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_greycolor>.ep_gridrow-content>.ep_gridcolumn.ep-layout_map .ep-a_media.ep-layout_map .ep-p_map svg .svgmap_selected:hover .svgmap_target, #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_greycolor>.ep_gridrow-content>.ep_gridcolumn.ep-layout_map .ep-a_media.ep-layout_map .ep-p_map svg .svgmap_selected:focus .svgmap_target, #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_greycolor>.ep_gridrow-content>.ep_gridcolumn.ep-layout_map .ep-a_media.ep-layout_map .ep-p_map svg .svgmap_selected:active .svgmap_target, #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_greygradient>.ep_gridrow-content>.ep_gridcolumn.ep-layout_map .ep-a_media.ep-layout_map .ep-p_map svg .svgmap_selected:hover .svgmap_target, #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_greygradient>.ep_gridrow-content>.ep_gridcolumn.ep-layout_map .ep-a_media.ep-layout_map .ep-p_map svg .svgmap_selected:focus .svgmap_target, #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_greygradient>.ep_gridrow-content>.ep_gridcolumn.ep-layout_map .ep-a_media.ep-layout_map .ep-p_map svg .svgmap_selected:active .svgmap_target { fill: #26A7D3; stroke: #26A7D3; } /* ORGANISM "NAVIGATION BANNER" : Gestion des couleurs de la carte SVG sur fonds sombres */ #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_black>.ep_gridrow-content>.ep_gridcolumn.ep-layout_map .ep-a_media.ep-layout_map .ep-p_map svg .svgmap_country, #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_blue>.ep_gridrow-content>.ep_gridcolumn.ep-layout_map .ep-a_media.ep-layout_map .ep-p_map svg .svgmap_country { fill: #f3f4f4; stroke: #d1d3d4; } #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_black>.ep_gridrow-content>.ep_gridcolumn.ep-layout_map .ep-a_media.ep-layout_map .ep-p_map svg .svgmap_capsule, #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_blue>.ep_gridrow-content>.ep_gridcolumn.ep-layout_map .ep-a_media.ep-layout_map .ep-p_map svg .svgmap_capsule { fill: rgba(255, 255, 255, 0); stroke: #d1d3d4; } #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_black>.ep_gridrow-content>.ep_gridcolumn.ep-layout_map .ep-a_media.ep-layout_map .ep-p_map svg .svgmap_target, #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_blue>.ep_gridrow-content>.ep_gridcolumn.ep-layout_map .ep-a_media.ep-layout_map .ep-p_map svg .svgmap_target { fill: #345d8f; stroke: #213a5b; } #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_black>.ep_gridrow-content>.ep_gridcolumn.ep-layout_map .ep-a_media.ep-layout_map .ep-p_map svg .svgmap_outside .svgmap_country, #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_blue>.ep_gridrow-content>.ep_gridcolumn.ep-layout_map .ep-a_media.ep-layout_map .ep-p_map svg .svgmap_outside .svgmap_country { fill: #d1d3d4; stroke: #d1d3d4; } #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_black>.ep_gridrow-content>.ep_gridcolumn.ep-layout_map .ep-a_media.ep-layout_map .ep-p_map svg .svgmap_outside .svgmap_capsule, #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_blue>.ep_gridrow-content>.ep_gridcolumn.ep-layout_map .ep-a_media.ep-layout_map .ep-p_map svg .svgmap_outside .svgmap_capsule { fill: rgba(255, 255, 255, 0); stroke: #d1d3d4; } #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_black>.ep_gridrow-content>.ep_gridcolumn.ep-layout_map .ep-a_media.ep-layout_map .ep-p_map svg .svgmap_outside .svgmap_target, #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_blue>.ep_gridrow-content>.ep_gridcolumn.ep-layout_map .ep-a_media.ep-layout_map .ep-p_map svg .svgmap_outside .svgmap_target { fill: rgba(33, 58, 91, 0.6); stroke: none; } #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_black>.ep_gridrow-content>.ep_gridcolumn.ep-layout_map .ep-a_media.ep-layout_map .ep-p_map svg .svgmap_active .svgmap_country, #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_blue>.ep_gridrow-content>.ep_gridcolumn.ep-layout_map .ep-a_media.ep-layout_map .ep-p_map svg .svgmap_active .svgmap_country { fill: #fff; stroke: #dadad9; } #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_black>.ep_gridrow-content>.ep_gridcolumn.ep-layout_map .ep-a_media.ep-layout_map .ep-p_map svg .svgmap_active .svgmap_capsule, #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_blue>.ep_gridrow-content>.ep_gridcolumn.ep-layout_map .ep-a_media.ep-layout_map .ep-p_map svg .svgmap_active .svgmap_capsule { fill: rgba(255, 255, 255, 0); stroke: #fff; } #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_black>.ep_gridrow-content>.ep_gridcolumn.ep-layout_map .ep-a_media.ep-layout_map .ep-p_map svg .svgmap_active .svgmap_target, #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_blue>.ep_gridrow-content>.ep_gridcolumn.ep-layout_map .ep-a_media.ep-layout_map .ep-p_map svg .svgmap_active .svgmap_target { fill: #26A7D3; stroke: none; } #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_black>.ep_gridrow-content>.ep_gridcolumn.ep-layout_map .ep-a_media.ep-layout_map .ep-p_map svg .svgmap_active:hover .svgmap_country, #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_black>.ep_gridrow-content>.ep_gridcolumn.ep-layout_map .ep-a_media.ep-layout_map .ep-p_map svg .svgmap_active:focus .svgmap_country, #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_black>.ep_gridrow-content>.ep_gridcolumn.ep-layout_map .ep-a_media.ep-layout_map .ep-p_map svg .svgmap_active:active .svgmap_country, #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_blue>.ep_gridrow-content>.ep_gridcolumn.ep-layout_map .ep-a_media.ep-layout_map .ep-p_map svg .svgmap_active:hover .svgmap_country, #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_blue>.ep_gridrow-content>.ep_gridcolumn.ep-layout_map .ep-a_media.ep-layout_map .ep-p_map svg .svgmap_active:focus .svgmap_country, #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_blue>.ep_gridrow-content>.ep_gridcolumn.ep-layout_map .ep-a_media.ep-layout_map .ep-p_map svg .svgmap_active:active .svgmap_country { fill: #326aab; stroke: #fff; } #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_black>.ep_gridrow-content>.ep_gridcolumn.ep-layout_map .ep-a_media.ep-layout_map .ep-p_map svg .svgmap_active:hover .svgmap_capsule, #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_black>.ep_gridrow-content>.ep_gridcolumn.ep-layout_map .ep-a_media.ep-layout_map .ep-p_map svg .svgmap_active:focus .svgmap_capsule, #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_black>.ep_gridrow-content>.ep_gridcolumn.ep-layout_map .ep-a_media.ep-layout_map .ep-p_map svg .svgmap_active:active .svgmap_capsule, #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_blue>.ep_gridrow-content>.ep_gridcolumn.ep-layout_map .ep-a_media.ep-layout_map .ep-p_map svg .svgmap_active:hover .svgmap_capsule, #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_blue>.ep_gridrow-content>.ep_gridcolumn.ep-layout_map .ep-a_media.ep-layout_map .ep-p_map svg .svgmap_active:focus .svgmap_capsule, #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_blue>.ep_gridrow-content>.ep_gridcolumn.ep-layout_map .ep-a_media.ep-layout_map .ep-p_map svg .svgmap_active:active .svgmap_capsule { stroke: #fff; } #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_black>.ep_gridrow-content>.ep_gridcolumn.ep-layout_map .ep-a_media.ep-layout_map .ep-p_map svg .svgmap_active:hover .svgmap_target, #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_black>.ep_gridrow-content>.ep_gridcolumn.ep-layout_map .ep-a_media.ep-layout_map .ep-p_map svg .svgmap_active:focus .svgmap_target, #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_black>.ep_gridrow-content>.ep_gridcolumn.ep-layout_map .ep-a_media.ep-layout_map .ep-p_map svg .svgmap_active:active .svgmap_target, #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_blue>.ep_gridrow-content>.ep_gridcolumn.ep-layout_map .ep-a_media.ep-layout_map .ep-p_map svg .svgmap_active:hover .svgmap_target, #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_blue>.ep_gridrow-content>.ep_gridcolumn.ep-layout_map .ep-a_media.ep-layout_map .ep-p_map svg .svgmap_active:focus .svgmap_target, #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_blue>.ep_gridrow-content>.ep_gridcolumn.ep-layout_map .ep-a_media.ep-layout_map .ep-p_map svg .svgmap_active:active .svgmap_target { fill: #fff; } #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_black>.ep_gridrow-content>.ep_gridcolumn.ep-layout_map .ep-a_media.ep-layout_map .ep-p_map svg .svgmap_selected .svgmap_country, #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_blue>.ep_gridrow-content>.ep_gridcolumn.ep-layout_map .ep-a_media.ep-layout_map .ep-p_map svg .svgmap_selected .svgmap_country { fill: #f58612; stroke: #f58612; } #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_black>.ep_gridrow-content>.ep_gridcolumn.ep-layout_map .ep-a_media.ep-layout_map .ep-p_map svg .svgmap_selected .svgmap_capsule, #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_blue>.ep_gridrow-content>.ep_gridcolumn.ep-layout_map .ep-a_media.ep-layout_map .ep-p_map svg .svgmap_selected .svgmap_capsule { fill: rgba(255, 255, 255, 0); stroke: #fff; } #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_black>.ep_gridrow-content>.ep_gridcolumn.ep-layout_map .ep-a_media.ep-layout_map .ep-p_map svg .svgmap_selected .svgmap_target, #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_blue>.ep_gridrow-content>.ep_gridcolumn.ep-layout_map .ep-a_media.ep-layout_map .ep-p_map svg .svgmap_selected .svgmap_target { fill: #fff; stroke: none; } #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_black>.ep_gridrow-content>.ep_gridcolumn.ep-layout_map .ep-a_media.ep-layout_map .ep-p_map svg .svgmap_selected:hover .svgmap_country, #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_black>.ep_gridrow-content>.ep_gridcolumn.ep-layout_map .ep-a_media.ep-layout_map .ep-p_map svg .svgmap_selected:focus .svgmap_country, #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_black>.ep_gridrow-content>.ep_gridcolumn.ep-layout_map .ep-a_media.ep-layout_map .ep-p_map svg .svgmap_selected:active .svgmap_country, #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_blue>.ep_gridrow-content>.ep_gridcolumn.ep-layout_map .ep-a_media.ep-layout_map .ep-p_map svg .svgmap_selected:hover .svgmap_country, #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_blue>.ep_gridrow-content>.ep_gridcolumn.ep-layout_map .ep-a_media.ep-layout_map .ep-p_map svg .svgmap_selected:focus .svgmap_country, #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_blue>.ep_gridrow-content>.ep_gridcolumn.ep-layout_map .ep-a_media.ep-layout_map .ep-p_map svg .svgmap_selected:active .svgmap_country { fill: #326aab; stroke: #f58612; } #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_black>.ep_gridrow-content>.ep_gridcolumn.ep-layout_map .ep-a_media.ep-layout_map .ep-p_map svg .svgmap_selected:hover .svgmap_capsule, #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_black>.ep_gridrow-content>.ep_gridcolumn.ep-layout_map .ep-a_media.ep-layout_map .ep-p_map svg .svgmap_selected:focus .svgmap_capsule, #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_black>.ep_gridrow-content>.ep_gridcolumn.ep-layout_map .ep-a_media.ep-layout_map .ep-p_map svg .svgmap_selected:active .svgmap_capsule, #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_blue>.ep_gridrow-content>.ep_gridcolumn.ep-layout_map .ep-a_media.ep-layout_map .ep-p_map svg .svgmap_selected:hover .svgmap_capsule, #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_blue>.ep_gridrow-content>.ep_gridcolumn.ep-layout_map .ep-a_media.ep-layout_map .ep-p_map svg .svgmap_selected:focus .svgmap_capsule, #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_blue>.ep_gridrow-content>.ep_gridcolumn.ep-layout_map .ep-a_media.ep-layout_map .ep-p_map svg .svgmap_selected:active .svgmap_capsule { stroke: #fff; } #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_black>.ep_gridrow-content>.ep_gridcolumn.ep-layout_map .ep-a_media.ep-layout_map .ep-p_map svg .svgmap_selected:hover .svgmap_target, #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_black>.ep_gridrow-content>.ep_gridcolumn.ep-layout_map .ep-a_media.ep-layout_map .ep-p_map svg .svgmap_selected:focus .svgmap_target, #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_black>.ep_gridrow-content>.ep_gridcolumn.ep-layout_map .ep-a_media.ep-layout_map .ep-p_map svg .svgmap_selected:active .svgmap_target, #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_blue>.ep_gridrow-content>.ep_gridcolumn.ep-layout_map .ep-a_media.ep-layout_map .ep-p_map svg .svgmap_selected:hover .svgmap_target, #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_blue>.ep_gridrow-content>.ep_gridcolumn.ep-layout_map .ep-a_media.ep-layout_map .ep-p_map svg .svgmap_selected:focus .svgmap_target, #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_blue>.ep_gridrow-content>.ep_gridcolumn.ep-layout_map .ep-a_media.ep-layout_map .ep-p_map svg .svgmap_selected:active .svgmap_target { fill: #fff; } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* ORGANISM "NAVIGATION BANNER" : Gestion du lien/bouton/champ texte pose sur le rebord de l'image */ #website-body .ep_gridrow.ep-o_navigationbanner>.ep_gridrow-content>.ep_gridcolumn.ep-layout_footer .ep_gridcolumn[class*="ep-m_"]:last-child .ep-a_field:last-child>*, #website-body .ep_gridrow.ep-o_navigationbanner>.ep_gridrow-content>.ep_gridcolumn.ep-layout_footer .ep_gridcolumn[class*="ep-m_"]:last-child .ep-a_button:not(.ep-layout_link):last-child>*, #website-body .ep_gridrow.ep-o_navigationbanner>.ep_gridrow-content>.ep_gridcolumn.ep-layout_footer .ep_gridcolumn[class*="ep-m_"]:last-child .ep-a_loadmore:last-child>*, #website-body .ep_gridrow.ep-o_navigationbanner>.ep_gridrow-content>.ep_gridcolumn.ep-layout_footer .ep_gridcolumn[class*="ep-m_"]:last-child .ep-a_share:last-child>* { position: relative; } #website-body .ep_gridrow.ep-o_navigationbanner>.ep_gridrow-content>.ep_gridcolumn.ep-layout_footer .ep_gridcolumn[class*="ep-m_"]:last-child .ep-a_field:last-child:after, #website-body .ep_gridrow.ep-o_navigationbanner>.ep_gridrow-content>.ep_gridcolumn.ep-layout_footer .ep_gridcolumn[class*="ep-m_"]:last-child .ep-a_button:not(.ep-layout_link):last-child:after, #website-body .ep_gridrow.ep-o_navigationbanner>.ep_gridrow-content>.ep_gridcolumn.ep-layout_footer .ep_gridcolumn[class*="ep-m_"]:last-child .ep-a_loadmore:last-child:after, #website-body .ep_gridrow.ep-o_navigationbanner>.ep_gridrow-content>.ep_gridcolumn.ep-layout_footer .ep_gridcolumn[class*="ep-m_"]:last-child .ep-a_share.ep-layout_socialnetwok:last-child:after { display: none; } #website-body .ep_gridrow.ep-o_navigationbanner>.ep_gridrow-content>.ep_gridcolumn.ep-layout_footer .ep_gridcolumn[class*="ep-m_"]:last-child .ep-a_field:last-child:before, #website-body .ep_gridrow.ep-o_navigationbanner>.ep_gridrow-content>.ep_gridcolumn.ep-layout_footer .ep_gridcolumn[class*="ep-m_"]:last-child .ep-a_button:not(.ep-layout_link):last-child:before, #website-body .ep_gridrow.ep-o_navigationbanner>.ep_gridrow-content>.ep_gridcolumn.ep-layout_footer .ep_gridcolumn[class*="ep-m_"]:last-child .ep-a_loadmore:last-child:before, #website-body .ep_gridrow.ep-o_navigationbanner>.ep_gridrow-content>.ep_gridcolumn.ep-layout_footer .ep_gridcolumn[class*="ep-m_"]:last-child .ep-a_share.ep-layout_socialnetwok:last-child:before { position: absolute; display: block; bottom: 0; left: 0; right: 0; width: auto; height: 20px; background-color: #fff; content: ""; } #website-body .ep_gridrow.ep-o_navigationbanner>.ep_gridrow-content>.ep_gridcolumn.ep-layout_footer .ep_gridcolumn[class*="ep-m_"]:last-child .ep-a_loadmore:last-child:before { border-top: 2px dotted #d1d3d4; border-bottom: none; } #website-body .ep_gridrow.ep-o_navigationbanner>.ep_gridrow-content>.ep_gridcolumn.ep-layout_footer .ep_gridcolumn[class*="ep-m_"]:last-child .ep-a_share.ep-layout_socialnetwok:last-child:before { height: 25px; } #website-body .ep_gridrow.ep-o_navigationbanner>.ep_gridrow-content>.ep_gridcolumn.ep-layout_footer .ep_gridcolumn[class*="ep-m_"]:last-child .ep-a_field.ep-layout_level2:last-child:before, #website-body .ep_gridrow.ep-o_navigationbanner>.ep_gridrow-content>.ep_gridcolumn.ep-layout_footer .ep_gridcolumn[class*="ep-m_"]:last-child .ep-a_button:not(.ep_layout-link).ep-layout_level2:last-child:before, #website-body .ep_gridrow.ep-o_navigationbanner>.ep_gridrow-content>.ep_gridcolumn.ep-layout_footer .ep_gridcolumn[class*="ep-m_"]:last-child .ep-a_loadmore.ep-layout_level2:last-child:before { height: 30px; } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* ORGANISM "NAVIGATION BANNER" : Gestion du pied de composant sur fond de couleur */ /* ORGANISM "NAVIGATION BANNER" : Bordure sur fond gris (couleur sous le composant) */ #website-body .ep_gridrow.ep-o_navigationbanner>.ep_gridrow-content>.ep_gridcolumn.ep-layout_footer .ep_gridcolumn[class*="ep-m_"]:last-child.ep-layout_greycolor .ep-a_field:last-child>*, #website-body .ep_gridrow.ep-o_navigationbanner>.ep_gridrow-content>.ep_gridcolumn.ep-layout_footer .ep_gridcolumn[class*="ep-m_"]:last-child.ep-layout_greycolor .ep-a_button:not(.ep-layout_link):last-child>*, #website-body .ep_gridrow.ep-o_navigationbanner>.ep_gridrow-content>.ep_gridcolumn.ep-layout_footer .ep_gridcolumn[class*="ep-m_"]:last-child.ep-layout_greycolor .ep-a_share.ep-layout_socialnetwok:last-child>*, #website-body .ep_gridrow.ep-o_navigationbanner>.ep_gridrow-content>.ep_gridcolumn.ep-layout_footer .ep_gridcolumn[class*="ep-m_"]:last-child.ep-layout_greycolor .ep-a_loadmore:last-child { background-color: #f1f2f2; } #website-body .ep_gridrow.ep-o_navigationbanner>.ep_gridrow-content>.ep_gridcolumn.ep-layout_footer .ep_gridcolumn[class*="ep-m_"]:last-child.ep-layout_greygradient .ep-a_field:last-child>*, #website-body .ep_gridrow.ep-o_navigationbanner>.ep_gridrow-content>.ep_gridcolumn.ep-layout_footer .ep_gridcolumn[class*="ep-m_"]:last-child.ep-layout_greygradient .ep-a_button:not(.ep-layout_link):last-child>*, #website-body .ep_gridrow.ep-o_navigationbanner>.ep_gridrow-content>.ep_gridcolumn.ep-layout_footer .ep_gridcolumn[class*="ep-m_"]:last-child.ep-layout_greygradient .ep-a_share.ep-layout_socialnetwok:last-child>*, #website-body .ep_gridrow.ep-o_navigationbanner>.ep_gridrow-content>.ep_gridcolumn.ep-layout_footer .ep_gridcolumn[class*="ep-m_"]:last-child.ep-layout_greygradient .ep-a_loadmore:last-child { background-color: #f3f4f4; background: -webkit-linear-gradient(left, #f3f4f4, #e4e5e6); background: -moz-linear-gradient(left, #f3f4f4, #e4e5e6); background: -ms-linear-gradient(left, #f3f4f4, #e4e5e6); background: linear-gradient(left, #f3f4f4, #e4e5e6); } /* ORGANISM "NAVIGATION BANNER" : Bordure sur fond gris (correction de la hauteur de la couleur) */ #website-body .ep_gridrow.ep-o_navigationbanner>.ep_gridrow-content>.ep_gridcolumn.ep-layout_footer .ep_gridcolumn[class*="ep-m_"]:last-child.ep-layout_greycolor .ep-a_field:last-child:before, #website-body .ep_gridrow.ep-o_navigationbanner>.ep_gridrow-content>.ep_gridcolumn.ep-layout_footer .ep_gridcolumn[class*="ep-m_"]:last-child.ep-layout_greygradient .ep-a_field:last-child:before, #website-body .ep_gridrow.ep-o_navigationbanner>.ep_gridrow-content>.ep_gridcolumn.ep-layout_footer .ep_gridcolumn[class*="ep-m_"]:last-child.ep-layout_greycolor .ep-a_button:not(.ep-layout_link):last-child:before, #website-body .ep_gridrow.ep-o_navigationbanner>.ep_gridrow-content>.ep_gridcolumn.ep-layout_footer .ep_gridcolumn[class*="ep-m_"]:last-child.ep-layout_greygradient .ep-a_button:not(.ep-layout_link):last-child:before, #website-body .ep_gridrow.ep-o_navigationbanner>.ep_gridrow-content>.ep_gridcolumn.ep-layout_footer .ep_gridcolumn[class*="ep-m_"]:last-child.ep-layout_greycolor .ep-a_share.ep-layout_socialnetwok:last-child:before, #website-body .ep_gridrow.ep-o_navigationbanner>.ep_gridrow-content>.ep_gridcolumn.ep-layout_footer .ep_gridcolumn[class*="ep-m_"]:last-child.ep-layout_greygradient .ep-a_share.ep-layout_socialnetwok:last-child:before { height: 30px; margin-top: -30px; } /* ORGANISM "NAVIGATION BANNER" : Bordure sur fond gris (correction des marges) */ #website-body .ep_gridrow.ep-o_navigationbanner>.ep_gridrow-content>.ep_gridcolumn.ep-layout_footer .ep_gridcolumn[class*="ep-m_"]:last-child.ep-layout_greycolor .ep-a_field:last-child, #website-body .ep_gridrow.ep-o_navigationbanner>.ep_gridrow-content>.ep_gridcolumn.ep-layout_footer .ep_gridcolumn[class*="ep-m_"]:last-child.ep-layout_greygradient .ep-a_field:last-child, #website-body .ep_gridrow.ep-o_navigationbanner>.ep_gridrow-content>.ep_gridcolumn.ep-layout_footer .ep_gridcolumn[class*="ep-m_"]:last-child.ep-layout_greycolor .ep-a_button:not(.ep-layout_link):last-child, #website-body .ep_gridrow.ep-o_navigationbanner>.ep_gridrow-content>.ep_gridcolumn.ep-layout_footer .ep_gridcolumn[class*="ep-m_"]:last-child.ep-layout_greygradient .ep-a_button:not(.ep-layout_link):last-child, #website-body .ep_gridrow.ep-o_navigationbanner>.ep_gridrow-content>.ep_gridcolumn.ep-layout_footer .ep_gridcolumn[class*="ep-m_"]:last-child.ep-layout_greycolor .ep-a_share.ep-layout_socialnetwok:last-child, #website-body .ep_gridrow.ep-o_navigationbanner>.ep_gridrow-content>.ep_gridcolumn.ep-layout_footer .ep_gridcolumn[class*="ep-m_"]:last-child.ep-layout_greygradient .ep-a_share.ep-layout_socialnetwok:last-child { padding-left: 0; padding-right: 0; } #website-body .ep_gridrow.ep-o_navigationbanner>.ep_gridrow-content>.ep_gridcolumn.ep-layout_footer .ep_gridcolumn[class*="ep-m_"]:last-child.ep-layout_greycolor .ep-a_field:last-child>*, #website-body .ep_gridrow.ep-o_navigationbanner>.ep_gridrow-content>.ep_gridcolumn.ep-layout_footer .ep_gridcolumn[class*="ep-m_"]:last-child.ep-layout_greygradient .ep-a_field:last-child>*, #website-body .ep_gridrow.ep-o_navigationbanner>.ep_gridrow-content>.ep_gridcolumn.ep-layout_footer .ep_gridcolumn[class*="ep-m_"]:last-child.ep-layout_greycolor .ep-a_button:not(.ep-layout_link):last-child>*, #website-body .ep_gridrow.ep-o_navigationbanner>.ep_gridrow-content>.ep_gridcolumn.ep-layout_footer .ep_gridcolumn[class*="ep-m_"]:last-child.ep-layout_greygradient .ep-a_button:not(.ep-layout_link):last-child>*, #website-body .ep_gridrow.ep-o_navigationbanner>.ep_gridrow-content>.ep_gridcolumn.ep-layout_footer .ep_gridcolumn[class*="ep-m_"]:last-child.ep-layout_greycolor .ep-a_share.ep-layout_socialnetwok:last-child>*, #website-body .ep_gridrow.ep-o_navigationbanner>.ep_gridrow-content>.ep_gridcolumn.ep-layout_footer .ep_gridcolumn[class*="ep-m_"]:last-child.ep-layout_greygradient .ep-a_share.ep-layout_socialnetwok:last-child>* { padding-bottom: 10px; padding-left: 10px; padding-right: 10px; } #website-body .ep_gridrow.ep-o_navigationbanner>.ep_gridrow-content>.ep_gridcolumn.ep-layout_footer .ep_gridcolumn[class*="ep-m_"].ep-layout_greycolor .ep-a_loadmore, #website-body .ep_gridrow.ep-o_navigationbanner>.ep_gridrow-content>.ep_gridcolumn.ep-layout_footer .ep_gridcolumn[class*="ep-m_"].ep-layout_greygradient .ep-a_loadmore { margin-left: 0; margin-right: 0; padding-left: 10px; padding-right: 10px; } /* ORGANISM "NAVIGATION BANNER" : Bordure sur fond gris (couleur des textes) */ #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_black>.ep_gridrow-content>.ep_gridcolumn.ep-layout_content .ep_gridcolumn[class*="ep-m_"].ep-layout_greycolor, #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_black>.ep_gridrow-content>.ep_gridcolumn.ep-layout_content .ep_gridcolumn[class*="ep-m_"].ep-layout_greygradient, #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_black>.ep_gridrow-content>.ep_gridcolumn.ep-layout_footer .ep_gridcolumn[class*="ep-m_"].ep-layout_greycolor, #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_black>.ep_gridrow-content>.ep_gridcolumn.ep-layout_footer .ep_gridcolumn[class*="ep-m_"].ep-layout_greygradient, #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_blue>.ep_gridrow-content>.ep_gridcolumn.ep-layout_content .ep_gridcolumn[class*="ep-m_"].ep-layout_greycolor, #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_blue>.ep_gridrow-content>.ep_gridcolumn.ep-layout_content .ep_gridcolumn[class*="ep-m_"].ep-layout_greygradient, #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_blue>.ep_gridrow-content>.ep_gridcolumn.ep-layout_footer .ep_gridcolumn[class*="ep-m_"].ep-layout_greycolor, #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_blue>.ep_gridrow-content>.ep_gridcolumn.ep-layout_footer .ep_gridcolumn[class*="ep-m_"].ep-layout_greygradient { color: #505154; } #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_black>.ep_gridrow-content>.ep_gridcolumn.ep-layout_content .ep_gridcolumn[class*="ep-m_"].ep-layout_greycolor .ep-a_heading .ep_title, #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_black>.ep_gridrow-content>.ep_gridcolumn.ep-layout_content .ep_gridcolumn[class*="ep-m_"].ep-layout_greycolor .ep-a_heading .ep_title .ep-p_text, #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_black>.ep_gridrow-content>.ep_gridcolumn.ep-layout_content .ep_gridcolumn[class*="ep-m_"].ep-layout_greygradient .ep-a_heading .ep_title, #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_black>.ep_gridrow-content>.ep_gridcolumn.ep-layout_content .ep_gridcolumn[class*="ep-m_"].ep-layout_greygradient .ep-a_heading .ep_title .ep-p_text, #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_black>.ep_gridrow-content>.ep_gridcolumn.ep-layout_footer .ep_gridcolumn[class*="ep-m_"].ep-layout_greycolor .ep-a_heading .ep_title, #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_black>.ep_gridrow-content>.ep_gridcolumn.ep-layout_footer .ep_gridcolumn[class*="ep-m_"].ep-layout_greycolor .ep-a_heading .ep_title .ep-p_text, #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_black>.ep_gridrow-content>.ep_gridcolumn.ep-layout_footer .ep_gridcolumn[class*="ep-m_"].ep-layout_greygradient .ep-a_heading .ep_title, #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_black>.ep_gridrow-content>.ep_gridcolumn.ep-layout_footer .ep_gridcolumn[class*="ep-m_"].ep-layout_greygradient .ep-a_heading .ep_title .ep-p_text, #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_blue>.ep_gridrow-content>.ep_gridcolumn.ep-layout_content .ep_gridcolumn[class*="ep-m_"].ep-layout_greycolor .ep-a_heading .ep_title, #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_blue>.ep_gridrow-content>.ep_gridcolumn.ep-layout_content .ep_gridcolumn[class*="ep-m_"].ep-layout_greycolor .ep-a_heading .ep_title .ep-p_text, #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_blue>.ep_gridrow-content>.ep_gridcolumn.ep-layout_content .ep_gridcolumn[class*="ep-m_"].ep-layout_greygradient .ep-a_heading .ep_title, #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_blue>.ep_gridrow-content>.ep_gridcolumn.ep-layout_content .ep_gridcolumn[class*="ep-m_"].ep-layout_greygradient .ep-a_heading .ep_title .ep-p_text, #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_blue>.ep_gridrow-content>.ep_gridcolumn.ep-layout_footer .ep_gridcolumn[class*="ep-m_"].ep-layout_greycolor .ep-a_heading .ep_title, #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_blue>.ep_gridrow-content>.ep_gridcolumn.ep-layout_footer .ep_gridcolumn[class*="ep-m_"].ep-layout_greycolor .ep-a_heading .ep_title .ep-p_text, #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_blue>.ep_gridrow-content>.ep_gridcolumn.ep-layout_footer .ep_gridcolumn[class*="ep-m_"].ep-layout_greygradient .ep-a_heading .ep_title, #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_blue>.ep_gridrow-content>.ep_gridcolumn.ep-layout_footer .ep_gridcolumn[class*="ep-m_"].ep-layout_greygradient .ep-a_heading .ep_title .ep-p_text { color: #1e1e1f; } #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_black>.ep_gridrow-content>.ep_gridcolumn.ep-layout_content .ep_gridcolumn[class*="ep-m_"].ep-layout_greycolor .ep-a_heading .ep_subtitle .ep-p_text, #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_black>.ep_gridrow-content>.ep_gridcolumn.ep-layout_content .ep_gridcolumn[class*="ep-m_"].ep-layout_greygradient .ep-a_heading .ep_subtitle .ep-p_text, #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_black>.ep_gridrow-content>.ep_gridcolumn.ep-layout_footer .ep_gridcolumn[class*="ep-m_"].ep-layout_greycolor .ep-a_heading .ep_subtitle .ep-p_text, #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_black>.ep_gridrow-content>.ep_gridcolumn.ep-layout_footer .ep_gridcolumn[class*="ep-m_"].ep-layout_greygradient .ep-a_heading .ep_subtitle .ep-p_text #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_blue>.ep_gridrow-content>.ep_gridcolumn.ep-layout_content .ep_gridcolumn[class*="ep-m_"].ep-layout_greycolor .ep-a_heading .ep_subtitle .ep-p_text, #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_blue>.ep_gridrow-content>.ep_gridcolumn.ep-layout_content .ep_gridcolumn[class*="ep-m_"].ep-layout_greygradient .ep-a_heading .ep_subtitle .ep-p_text, #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_blue>.ep_gridrow-content>.ep_gridcolumn.ep-layout_footer .ep_gridcolumn[class*="ep-m_"].ep-layout_greycolor .ep-a_heading .ep_subtitle .ep-p_text, #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_blue>.ep_gridrow-content>.ep_gridcolumn.ep-layout_footer .ep_gridcolumn[class*="ep-m_"].ep-layout_greygradient .ep-a_heading .ep_subtitle .ep-p_text { color: #505154; } /* ORGANISM "NAVIGATION BANNER" : Bordure sur fond blanc */ @media screen and (min-width:1200px) { #website-body .ep_gridrow.ep-o_navigationbanner>.ep_gridrow-content>.ep_gridcolumn.ep-layout_content .ep_gridcolumn[class*="ep-m_"][data-layout1200$="border"]>.ep_gridrow { width: calc(100% - 20px); margin-left: 10px; margin-right: 10px; } #website-body .ep_gridrow.ep-o_navigationbanner>.ep_gridrow-content>.ep_gridcolumn.ep-layout_content .ep_gridcolumn[class*="ep-m_"][data-layout1200$="border"]>.ep_gridrow:before, #website-body .ep_gridrow.ep-o_navigationbanner>.ep_gridrow-content>.ep_gridcolumn.ep-layout_content .ep_gridcolumn[class*="ep-m_"][data-layout1200$="border"]>.ep_gridrow:after { background-color: transparent; } #website-body .ep_gridrow.ep-o_navigationbanner>.ep_gridrow-content>.ep_gridcolumn.ep-layout_content .ep_gridcolumn[class*="ep-m_"][data-layout1200$="border"]>.ep_gridrow:before { margin-left: -10px; } #website-body .ep_gridrow.ep-o_navigationbanner>.ep_gridrow-content>.ep_gridcolumn.ep-layout_content .ep_gridcolumn[class*="ep-m_"][data-layout1200$="border"]>.ep_gridrow:after { margin-right: -10px; } #website-body .ep_gridrow.ep-o_navigationbanner>.ep_gridrow-content>.ep_gridcolumn.ep-layout_content .ep_gridcolumn[class*="ep-m_"][data-layout1200$="border"]>.ep_gridrow>.ep_gridrow-content { width: calc(100% + 20px); margin-left: -10px; } #website-body .ep_gridrow.ep-o_navigationbanner>.ep_gridrow-content>.ep_gridcolumn.ep-layout_footer .ep_gridcolumn[class*="ep-m_"][data-layout1200$="border"]>.ep_gridcolumn-content { margin-left: 0; margin-right: 0; border: none; } #website-body .ep_gridrow.ep-o_navigationbanner>.ep_gridrow-content>.ep_gridcolumn.ep-layout_footer .ep_gridcolumn[class*="ep-m_"][data-layout1200$="border"]>.ep_gridcolumn-content [class*="ep-a_"]:first-child { border-top: none; } #website-body .ep_gridrow.ep-o_navigationbanner>.ep_gridrow-content>.ep_gridcolumn.ep-layout_footer .ep_gridcolumn[class*="ep-m_"][data-layout1200$="border"] [class*="ep-a_"], #website-body .ep_gridrow.ep-o_navigationbanner>.ep_gridrow-content>.ep_gridcolumn.ep-layout_footer .ep_gridcolumn[class*="ep-m_"][data-layout1200$="border"].ep-layout_greycolor [class*="ep-a_"], #website-body .ep_gridrow.ep-o_navigationbanner>.ep_gridrow-content>.ep_gridcolumn.ep-layout_footer .ep_gridcolumn[class*="ep-m_"][data-layout1200$="border"].ep-layout_greygradient [class*="ep-a_"], #website-body .ep_gridrow.ep-o_navigationbanner>.ep_gridrow-content>.ep_gridcolumn.ep-layout_footer .ep_gridcolumn[class*="ep-m_"][data-layout1200$="border"].ep-layout_black [class*="ep-a_"] { padding-left: 10px; padding-right: 10px; } #website-body .ep_gridrow.ep-o_navigationbanner>.ep_gridrow-content>.ep_gridcolumn.ep-layout_footer .ep_gridcolumn[class*="ep-m_"][data-layout1200$="border"] [class*="ep-a_"]:first-child, #website-body .ep_gridrow.ep-o_navigationbanner>.ep_gridrow-content>.ep_gridcolumn.ep-layout_footer .ep_gridcolumn[class*="ep-m_"][data-layout1200$="border"].ep-layout_greycolor [class*="ep-a_"]:first-child, #website-body .ep_gridrow.ep-o_navigationbanner>.ep_gridrow-content>.ep_gridcolumn.ep-layout_footer .ep_gridcolumn[class*="ep-m_"][data-layout1200$="border"].ep-layout_greygradient [class*="ep-a_"]:first-child, #website-body .ep_gridrow.ep-o_navigationbanner>.ep_gridrow-content>.ep_gridcolumn.ep-layout_footer .ep_gridcolumn[class*="ep-m_"][data-layout1200$="border"].ep-layout_black [class*="ep-a_"]:first-child { padding-top: 10px; } #website-body .ep_gridrow.ep-o_navigationbanner>.ep_gridrow-content>.ep_gridcolumn.ep-layout_footer .ep_gridcolumn[class*="ep-m_"][data-layout1200$="border"]:last-child .ep-a_loadmore:last-child, #website-body .ep_gridrow.ep-o_navigationbanner>.ep_gridrow-content>.ep_gridcolumn.ep-layout_footer .ep_gridcolumn[class*="ep-m_"][data-layout1200$="border"]:last-child .ep-a_loadmore:last-child { margin-left: 0; margin-right: 0; } #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_black>.ep_gridrow-content>.ep_gridcolumn.ep-layout_content .ep_gridcolumn[class*="ep-m_"][data-layout1200$="border"], #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_black>.ep_gridrow-content>.ep_gridcolumn.ep-layout_footer .ep_gridcolumn[class*="ep-m_"][data-layout1200$="border"] { color: #505154; } #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_black>.ep_gridrow-content>.ep_gridcolumn.ep-layout_content .ep_gridcolumn[class*="ep-m_"][data-layout1200$="border"] .ep-a_heading .ep_title, #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_black>.ep_gridrow-content>.ep_gridcolumn.ep-layout_content .ep_gridcolumn[class*="ep-m_"][data-layout1200$="border"] .ep-a_heading .ep_title .ep-p_text, #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_black>.ep_gridrow-content>.ep_gridcolumn.ep-layout_footer .ep_gridcolumn[class*="ep-m_"][data-layout1200$="border"] .ep-a_heading .ep_title, #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_black>.ep_gridrow-content>.ep_gridcolumn.ep-layout_footer .ep_gridcolumn[class*="ep-m_"][data-layout1200$="border"] .ep-a_heading .ep_title .ep-p_text { color: #1e1e1f; } #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_black>.ep_gridrow-content>.ep_gridcolumn.ep-layout_content .ep_gridcolumn[class*="ep-m_"][data-layout1200$="border"] .ep-a_heading .ep_subtitle .ep-p_text, #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_black>.ep_gridrow-content>.ep_gridcolumn.ep-layout_content .ep_gridcolumn[class*="ep-m_"][data-layout1200$="border"] .ep-a_heading .ep_subtitle .ep-p_text, #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_black>.ep_gridrow-content>.ep_gridcolumn.ep-layout_footer .ep_gridcolumn[class*="ep-m_"][data-layout1200$="border"] .ep-a_heading .ep_subtitle .ep-p_text, #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_black>.ep_gridrow-content>.ep_gridcolumn.ep-layout_footer .ep_gridcolumn[class*="ep-m_"][data-layout1200$="border"] .ep-a_heading .ep_subtitle .ep-p_text { color: #505154; } } @media screen and (min-width:1020px) and (max-width:1199px) { #website-body .ep_gridrow.ep-o_navigationbanner>.ep_gridrow-content>.ep_gridcolumn.ep-layout_content .ep_gridcolumn[class*="ep-m_"][data-layout1020$="border"]>.ep_gridrow { width: calc(100% - 20px); margin-left: 10px; margin-right: 10px; } #website-body .ep_gridrow.ep-o_navigationbanner>.ep_gridrow-content>.ep_gridcolumn.ep-layout_content .ep_gridcolumn[class*="ep-m_"][data-layout1020$="border"]>.ep_gridrow:before, #website-body .ep_gridrow.ep-o_navigationbanner>.ep_gridrow-content>.ep_gridcolumn.ep-layout_content .ep_gridcolumn[class*="ep-m_"][data-layout1020$="border"]>.ep_gridrow:after { background-color: transparent; } #website-body .ep_gridrow.ep-o_navigationbanner>.ep_gridrow-content>.ep_gridcolumn.ep-layout_content .ep_gridcolumn[class*="ep-m_"][data-layout1020$="border"]>.ep_gridrow:before { margin-left: -10px; } #website-body .ep_gridrow.ep-o_navigationbanner>.ep_gridrow-content>.ep_gridcolumn.ep-layout_content .ep_gridcolumn[class*="ep-m_"][data-layout1020$="border"]>.ep_gridrow:after { margin-right: -10px; } #website-body .ep_gridrow.ep-o_navigationbanner>.ep_gridrow-content>.ep_gridcolumn.ep-layout_content .ep_gridcolumn[class*="ep-m_"][data-layout1020$="border"]>.ep_gridrow>.ep_gridrow-content { width: calc(100% + 20px); margin-left: -10px; } #website-body .ep_gridrow.ep-o_navigationbanner>.ep_gridrow-content>.ep_gridcolumn.ep-layout_footer .ep_gridcolumn[class*="ep-m_"][data-layout1020$="border"]>.ep_gridcolumn-content { margin-left: 0; margin-right: 0; border: none; } #website-body .ep_gridrow.ep-o_navigationbanner>.ep_gridrow-content>.ep_gridcolumn.ep-layout_footer .ep_gridcolumn[class*="ep-m_"][data-layout1020$="border"]>.ep_gridcolumn-content [class*="ep-a_"]:first-child { border-top: none; } #website-body .ep_gridrow.ep-o_navigationbanner>.ep_gridrow-content>.ep_gridcolumn.ep-layout_footer .ep_gridcolumn[class*="ep-m_"][data-layout1020$="border"] [class*="ep-a_"], #website-body .ep_gridrow.ep-o_navigationbanner>.ep_gridrow-content>.ep_gridcolumn.ep-layout_footer .ep_gridcolumn[class*="ep-m_"][data-layout1020$="border"].ep-layout_greycolor [class*="ep-a_"], #website-body .ep_gridrow.ep-o_navigationbanner>.ep_gridrow-content>.ep_gridcolumn.ep-layout_footer .ep_gridcolumn[class*="ep-m_"][data-layout1020$="border"].ep-layout_greygradient [class*="ep-a_"], #website-body .ep_gridrow.ep-o_navigationbanner>.ep_gridrow-content>.ep_gridcolumn.ep-layout_footer .ep_gridcolumn[class*="ep-m_"][data-layout1020$="border"].ep-layout_black [class*="ep-a_"] { padding-left: 10px; padding-right: 10px; } #website-body .ep_gridrow.ep-o_navigationbanner>.ep_gridrow-content>.ep_gridcolumn.ep-layout_footer .ep_gridcolumn[class*="ep-m_"][data-layout1020$="border"] [class*="ep-a_"]:first-child, #website-body .ep_gridrow.ep-o_navigationbanner>.ep_gridrow-content>.ep_gridcolumn.ep-layout_footer .ep_gridcolumn[class*="ep-m_"][data-layout1020$="border"].ep-layout_greycolor [class*="ep-a_"]:first-child, #website-body .ep_gridrow.ep-o_navigationbanner>.ep_gridrow-content>.ep_gridcolumn.ep-layout_footer .ep_gridcolumn[class*="ep-m_"][data-layout1020$="border"].ep-layout_greygradient [class*="ep-a_"]:first-child, #website-body .ep_gridrow.ep-o_navigationbanner>.ep_gridrow-content>.ep_gridcolumn.ep-layout_footer .ep_gridcolumn[class*="ep-m_"][data-layout1020$="border"].ep-layout_black [class*="ep-a_"]:first-child { padding-top: 10px; } #website-body .ep_gridrow.ep-o_navigationbanner>.ep_gridrow-content>.ep_gridcolumn.ep-layout_footer .ep_gridcolumn[class*="ep-m_"][data-layout1020$="border"]:last-child .ep-a_loadmore:last-child, #website-body .ep_gridrow.ep-o_navigationbanner>.ep_gridrow-content>.ep_gridcolumn.ep-layout_footer .ep_gridcolumn[class*="ep-m_"][data-layout1020$="border"]:last-child .ep-a_loadmore:last-child { margin-left: 0; margin-right: 0; } #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_black>.ep_gridrow-content>.ep_gridcolumn.ep-layout_content .ep_gridcolumn[class*="ep-m_"][data-layout1020$="border"] #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_black>.ep_gridrow-content>.ep_gridcolumn.ep-layout_footer .ep_gridcolumn[class*="ep-m_"][data-layout1020$="border"] { color: #505154; } #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_black>.ep_gridrow-content>.ep_gridcolumn.ep-layout_content .ep_gridcolumn[class*="ep-m_"][data-layout1020$="border"] .ep-a_heading .ep_title, #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_black>.ep_gridrow-content>.ep_gridcolumn.ep-layout_content .ep_gridcolumn[class*="ep-m_"][data-layout1020$="border"] .ep-a_heading .ep_title .ep-p_text, #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_black>.ep_gridrow-content>.ep_gridcolumn.ep-layout_footer .ep_gridcolumn[class*="ep-m_"][data-layout1020$="border"] .ep-a_heading .ep_title, #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_black>.ep_gridrow-content>.ep_gridcolumn.ep-layout_footer .ep_gridcolumn[class*="ep-m_"][data-layout1020$="border"] .ep-a_heading .ep_title .ep-p_text { color: #1e1e1f; } #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_black>.ep_gridrow-content>.ep_gridcolumn.ep-layout_content .ep_gridcolumn[class*="ep-m_"][data-layout1020$="border"] .ep-a_heading .ep_subtitle .ep-p_text, #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_black>.ep_gridrow-content>.ep_gridcolumn.ep-layout_content .ep_gridcolumn[class*="ep-m_"][data-layout1020$="border"] .ep-a_heading .ep_subtitle .ep-p_text, #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_black>.ep_gridrow-content>.ep_gridcolumn.ep-layout_footer .ep_gridcolumn[class*="ep-m_"][data-layout1020$="border"] .ep-a_heading .ep_subtitle .ep-p_text, #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_black>.ep_gridrow-content>.ep_gridcolumn.ep-layout_footer .ep_gridcolumn[class*="ep-m_"][data-layout1020$="border"] .ep-a_heading .ep_subtitle .ep-p_text { color: #505154; } } @media screen and (min-width:750px) and (max-width:1019px) { #website-body .ep_gridrow.ep-o_navigationbanner>.ep_gridrow-content>.ep_gridcolumn.ep-layout_content .ep_gridcolumn[class*="ep-m_"][data-layout750$="border"]>.ep_gridrow { width: calc(100% - 20px); margin-left: 10px; margin-right: 10px; } #website-body .ep_gridrow.ep-o_navigationbanner>.ep_gridrow-content>.ep_gridcolumn.ep-layout_content .ep_gridcolumn[class*="ep-m_"][data-layout750$="border"]>.ep_gridrow:before, #website-body .ep_gridrow.ep-o_navigationbanner>.ep_gridrow-content>.ep_gridcolumn.ep-layout_content .ep_gridcolumn[class*="ep-m_"][data-layout750$="border"]>.ep_gridrow:after { background-color: transparent; } #website-body .ep_gridrow.ep-o_navigationbanner>.ep_gridrow-content>.ep_gridcolumn.ep-layout_content .ep_gridcolumn[class*="ep-m_"][data-layout750$="border"]>.ep_gridrow:before { margin-left: -10px; } #website-body .ep_gridrow.ep-o_navigationbanner>.ep_gridrow-content>.ep_gridcolumn.ep-layout_content .ep_gridcolumn[class*="ep-m_"][data-layout750$="border"]>.ep_gridrow:after { margin-right: -10px; } #website-body .ep_gridrow.ep-o_navigationbanner>.ep_gridrow-content>.ep_gridcolumn.ep-layout_content .ep_gridcolumn[class*="ep-m_"][data-layout750$="border"]>.ep_gridrow>.ep_gridrow-content { width: calc(100% + 20px); margin-left: -10px; } #website-body .ep_gridrow.ep-o_navigationbanner>.ep_gridrow-content>.ep_gridcolumn.ep-layout_footer .ep_gridcolumn[class*="ep-m_"][data-layout750$="border"]>.ep_gridcolumn-content { margin-left: 0; margin-right: 0; border: none; } #website-body .ep_gridrow.ep-o_navigationbanner>.ep_gridrow-content>.ep_gridcolumn.ep-layout_footer .ep_gridcolumn[class*="ep-m_"][data-layout750$="border"]>.ep_gridcolumn-content [class*="ep-a_"]:first-child { border-top: none; } #website-body .ep_gridrow.ep-o_navigationbanner>.ep_gridrow-content>.ep_gridcolumn.ep-layout_footer .ep_gridcolumn[class*="ep-m_"][data-layout750$="border"] [class*="ep-a_"], #website-body .ep_gridrow.ep-o_navigationbanner>.ep_gridrow-content>.ep_gridcolumn.ep-layout_footer .ep_gridcolumn[class*="ep-m_"][data-layout750$="border"].ep-layout_greycolor [class*="ep-a_"], #website-body .ep_gridrow.ep-o_navigationbanner>.ep_gridrow-content>.ep_gridcolumn.ep-layout_footer .ep_gridcolumn[class*="ep-m_"][data-layout750$="border"].ep-layout_greygradient [class*="ep-a_"], #website-body .ep_gridrow.ep-o_navigationbanner>.ep_gridrow-content>.ep_gridcolumn.ep-layout_footer .ep_gridcolumn[class*="ep-m_"][data-layout750$="border"].ep-layout_black [class*="ep-a_"] { padding-left: 10px; padding-right: 10px; } #website-body .ep_gridrow.ep-o_navigationbanner>.ep_gridrow-content>.ep_gridcolumn.ep-layout_footer .ep_gridcolumn[class*="ep-m_"][data-layout750$="border"] [class*="ep-a_"]:first-child, #website-body .ep_gridrow.ep-o_navigationbanner>.ep_gridrow-content>.ep_gridcolumn.ep-layout_footer .ep_gridcolumn[class*="ep-m_"][data-layout750$="border"].ep-layout_greycolor [class*="ep-a_"]:first-child, #website-body .ep_gridrow.ep-o_navigationbanner>.ep_gridrow-content>.ep_gridcolumn.ep-layout_footer .ep_gridcolumn[class*="ep-m_"][data-layout750$="border"].ep-layout_greygradient [class*="ep-a_"]:first-child, #website-body .ep_gridrow.ep-o_navigationbanner>.ep_gridrow-content>.ep_gridcolumn.ep-layout_footer .ep_gridcolumn[class*="ep-m_"][data-layout750$="border"].ep-layout_black [class*="ep-a_"]:first-child { padding-top: 10px; } #website-body .ep_gridrow.ep-o_navigationbanner>.ep_gridrow-content>.ep_gridcolumn.ep-layout_footer .ep_gridcolumn[class*="ep-m_"][data-layout750$="border"]:last-child .ep-a_loadmore:last-child, #website-body .ep_gridrow.ep-o_navigationbanner>.ep_gridrow-content>.ep_gridcolumn.ep-layout_footer .ep_gridcolumn[class*="ep-m_"][data-layout750$="border"]:last-child .ep-a_loadmore:last-child { margin-left: 0; margin-right: 0; } #website-body .ep_gridrow.ep-o_navigationbanner>.ep_gridrow-content>.ep_gridcolumn.ep-layout_content .ep_gridcolumn[class*="ep-m_"][data-layout750$="border"], #website-body .ep_gridrow.ep-o_navigationbanner>.ep_gridrow-content>.ep_gridcolumn.ep-layout_footer .ep_gridcolumn[class*="ep-m_"][data-layout750$="border"] { color: #505154; } #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_black>.ep_gridrow-content>.ep_gridcolumn.ep-layout_content .ep_gridcolumn[class*="ep-m_"][data-layout750$="border"] .ep-a_heading .ep_title, #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_black>.ep_gridrow-content>.ep_gridcolumn.ep-layout_content .ep_gridcolumn[class*="ep-m_"][data-layout750$="border"] .ep-a_heading .ep_title .ep-p_text, #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_black>.ep_gridrow-content>.ep_gridcolumn.ep-layout_footer .ep_gridcolumn[class*="ep-m_"][data-layout750$="border"] .ep-a_heading .ep_title, #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_black>.ep_gridrow-content>.ep_gridcolumn.ep-layout_footer .ep_gridcolumn[class*="ep-m_"][data-layout750$="border"] .ep-a_heading .ep_title .ep-p_text { color: #1e1e1f; } #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_black>.ep_gridrow-content>.ep_gridcolumn.ep-layout_content .ep_gridcolumn[class*="ep-m_"][data-layout750$="border"] .ep-a_heading .ep_subtitle .ep-p_text, #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_black>.ep_gridrow-content>.ep_gridcolumn.ep-layout_content .ep_gridcolumn[class*="ep-m_"][data-layout750$="border"] .ep-a_heading .ep_subtitle .ep-p_text, #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_black>.ep_gridrow-content>.ep_gridcolumn.ep-layout_footer .ep_gridcolumn[class*="ep-m_"][data-layout750$="border"] .ep-a_heading .ep_subtitle .ep-p_text, #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_black>.ep_gridrow-content>.ep_gridcolumn.ep-layout_footer .ep_gridcolumn[class*="ep-m_"][data-layout750$="border"] .ep-a_heading .ep_subtitle .ep-p_text { color: #505154; } } @media screen and (min-width:640px) and (max-width:749px) { #website-body .ep_gridrow.ep-o_navigationbanner>.ep_gridrow-content>.ep_gridcolumn.ep-layout_content .ep_gridcolumn[class*="ep-m_"][data-layout640$="border"]>.ep_gridrow { width: calc(100% - 20px); margin-left: 10px; margin-right: 10px; } #website-body .ep_gridrow.ep-o_navigationbanner>.ep_gridrow-content>.ep_gridcolumn.ep-layout_content .ep_gridcolumn[class*="ep-m_"][data-layout640$="border"]>.ep_gridrow:before, #website-body .ep_gridrow.ep-o_navigationbanner>.ep_gridrow-content>.ep_gridcolumn.ep-layout_content .ep_gridcolumn[class*="ep-m_"][data-layout640$="border"]>.ep_gridrow:after { background-color: transparent; } #website-body .ep_gridrow.ep-o_navigationbanner>.ep_gridrow-content>.ep_gridcolumn.ep-layout_content .ep_gridcolumn[class*="ep-m_"][data-layout640$="border"]>.ep_gridrow:before { margin-left: -10px; } #website-body .ep_gridrow.ep-o_navigationbanner>.ep_gridrow-content>.ep_gridcolumn.ep-layout_content .ep_gridcolumn[class*="ep-m_"][data-layout640$="border"]>.ep_gridrow:after { margin-right: -10px; } #website-body .ep_gridrow.ep-o_navigationbanner>.ep_gridrow-content>.ep_gridcolumn.ep-layout_content .ep_gridcolumn[class*="ep-m_"][data-layout640$="border"]>.ep_gridrow>.ep_gridrow-content { width: calc(100% + 20px); margin-left: -10px; } #website-body .ep_gridrow.ep-o_navigationbanner>.ep_gridrow-content>.ep_gridcolumn.ep-layout_footer .ep_gridcolumn[class*="ep-m_"][data-layout640$="border"]>.ep_gridcolumn-content { margin-left: 0; margin-right: 0; border: none; } #website-body .ep_gridrow.ep-o_navigationbanner>.ep_gridrow-content>.ep_gridcolumn.ep-layout_footer .ep_gridcolumn[class*="ep-m_"][data-layout640$="border"]>.ep_gridcolumn-content [class*="ep-a_"]:first-child { border-top: none; } #website-body .ep_gridrow.ep-o_navigationbanner>.ep_gridrow-content>.ep_gridcolumn.ep-layout_footer .ep_gridcolumn[class*="ep-m_"][data-layout640$="border"] [class*="ep-a_"], #website-body .ep_gridrow.ep-o_navigationbanner>.ep_gridrow-content>.ep_gridcolumn.ep-layout_footer .ep_gridcolumn[class*="ep-m_"][data-layout640$="border"].ep-layout_greycolor [class*="ep-a_"], #website-body .ep_gridrow.ep-o_navigationbanner>.ep_gridrow-content>.ep_gridcolumn.ep-layout_footer .ep_gridcolumn[class*="ep-m_"][data-layout640$="border"].ep-layout_greygradient [class*="ep-a_"], #website-body .ep_gridrow.ep-o_navigationbanner>.ep_gridrow-content>.ep_gridcolumn.ep-layout_footer .ep_gridcolumn[class*="ep-m_"][data-layout640$="border"].ep-layout_black [class*="ep-a_"] { padding-left: 10px; padding-right: 10px; } #website-body .ep_gridrow.ep-o_navigationbanner>.ep_gridrow-content>.ep_gridcolumn.ep-layout_footer .ep_gridcolumn[class*="ep-m_"][data-layout640$="border"] [class*="ep-a_"]:first-child, #website-body .ep_gridrow.ep-o_navigationbanner>.ep_gridrow-content>.ep_gridcolumn.ep-layout_footer .ep_gridcolumn[class*="ep-m_"][data-layout640$="border"].ep-layout_greycolor [class*="ep-a_"]:first-child, #website-body .ep_gridrow.ep-o_navigationbanner>.ep_gridrow-content>.ep_gridcolumn.ep-layout_footer .ep_gridcolumn[class*="ep-m_"][data-layout640$="border"].ep-layout_greygradient [class*="ep-a_"]:first-child, #website-body .ep_gridrow.ep-o_navigationbanner>.ep_gridrow-content>.ep_gridcolumn.ep-layout_footer .ep_gridcolumn[class*="ep-m_"][data-layout640$="border"].ep-layout_black [class*="ep-a_"]:first-child { padding-top: 10px; } #website-body .ep_gridrow.ep-o_navigationbanner>.ep_gridrow-content>.ep_gridcolumn.ep-layout_footer .ep_gridcolumn[class*="ep-m_"][data-layout640$="border"]:last-child .ep-a_loadmore:last-child, #website-body .ep_gridrow.ep-o_navigationbanner>.ep_gridrow-content>.ep_gridcolumn.ep-layout_footer .ep_gridcolumn[class*="ep-m_"][data-layout640$="border"]:last-child .ep-a_loadmore:last-child { margin-left: 0; margin-right: 0; } #website-body .ep_gridrow.ep-o_navigationbanner>.ep_gridrow-content>.ep_gridcolumn.ep-layout_content .ep_gridcolumn[class*="ep-m_"][data-layout640$="border"], #website-body .ep_gridrow.ep-o_navigationbanner>.ep_gridrow-content>.ep_gridcolumn.ep-layout_footer .ep_gridcolumn[class*="ep-m_"][data-layout640$="border"] { color: #505154; } #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_black>.ep_gridrow-content>.ep_gridcolumn.ep-layout_content .ep_gridcolumn[class*="ep-m_"][data-layout640$="border"] .ep-a_heading .ep_title, #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_black>.ep_gridrow-content>.ep_gridcolumn.ep-layout_content .ep_gridcolumn[class*="ep-m_"][data-layout640$="border"] .ep-a_heading .ep_title .ep-p_text, #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_black>.ep_gridrow-content>.ep_gridcolumn.ep-layout_footer .ep_gridcolumn[class*="ep-m_"][data-layout640$="border"] .ep-a_heading .ep_title, #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_black>.ep_gridrow-content>.ep_gridcolumn.ep-layout_footer .ep_gridcolumn[class*="ep-m_"][data-layout640$="border"] .ep-a_heading .ep_title .ep-p_text { color: #1e1e1f; } #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_black>.ep_gridrow-content>.ep_gridcolumn.ep-layout_content .ep_gridcolumn[class*="ep-m_"][data-layout640$="border"] .ep-a_heading .ep_subtitle .ep-p_text, #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_black>.ep_gridrow-content>.ep_gridcolumn.ep-layout_content .ep_gridcolumn[class*="ep-m_"][data-layout640$="border"] .ep-a_heading .ep_subtitle .ep-p_text, #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_black>.ep_gridrow-content>.ep_gridcolumn.ep-layout_footer .ep_gridcolumn[class*="ep-m_"][data-layout640$="border"] .ep-a_heading .ep_subtitle .ep-p_text, #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_black>.ep_gridrow-content>.ep_gridcolumn.ep-layout_footer .ep_gridcolumn[class*="ep-m_"][data-layout640$="border"] .ep-a_heading .ep_subtitle .ep-p_text { color: #505154; } } @media screen and (min-width:480px) and (max-width:639px) { #website-body .ep_gridrow.ep-o_navigationbanner>.ep_gridrow-content>.ep_gridcolumn.ep-layout_footer .ep_gridcolumn[class*="ep-m_"][data-layout480$="border"]>.ep_gridcolumn-content { margin-left: 0; margin-right: 0; border: none; } #website-body .ep_gridrow.ep-o_navigationbanner>.ep_gridrow-content>.ep_gridcolumn.ep-layout_footer .ep_gridcolumn[class*="ep-m_"][data-layout480$="border"]>.ep_gridcolumn-content [class*="ep-a_"]:first-child { border-top: none; } #website-body .ep_gridrow.ep-o_navigationbanner>.ep_gridrow-content>.ep_gridcolumn.ep-layout_footer .ep_gridcolumn[class*="ep-m_"][data-layout480$="border"] [class*="ep-a_"], #website-body .ep_gridrow.ep-o_navigationbanner>.ep_gridrow-content>.ep_gridcolumn.ep-layout_footer .ep_gridcolumn[class*="ep-m_"][data-layout480$="border"].ep-layout_greycolor [class*="ep-a_"], #website-body .ep_gridrow.ep-o_navigationbanner>.ep_gridrow-content>.ep_gridcolumn.ep-layout_footer .ep_gridcolumn[class*="ep-m_"][data-layout480$="border"].ep-layout_greygradient [class*="ep-a_"], #website-body .ep_gridrow.ep-o_navigationbanner>.ep_gridrow-content>.ep_gridcolumn.ep-layout_footer .ep_gridcolumn[class*="ep-m_"][data-layout480$="border"].ep-layout_black [class*="ep-a_"] { padding-left: 10px; padding-right: 10px; } #website-body .ep_gridrow.ep-o_navigationbanner>.ep_gridrow-content>.ep_gridcolumn.ep-layout_footer .ep_gridcolumn[class*="ep-m_"][data-layout480$="border"] [class*="ep-a_"]:first-child, #website-body .ep_gridrow.ep-o_navigationbanner>.ep_gridrow-content>.ep_gridcolumn.ep-layout_footer .ep_gridcolumn[class*="ep-m_"][data-layout480$="border"].ep-layout_greycolor [class*="ep-a_"]:first-child, #website-body .ep_gridrow.ep-o_navigationbanner>.ep_gridrow-content>.ep_gridcolumn.ep-layout_footer .ep_gridcolumn[class*="ep-m_"][data-layout480$="border"].ep-layout_greygradient [class*="ep-a_"]:first-child, #website-body .ep_gridrow.ep-o_navigationbanner>.ep_gridrow-content>.ep_gridcolumn.ep-layout_footer .ep_gridcolumn[class*="ep-m_"][data-layout480$="border"].ep-layout_black [class*="ep-a_"]:first-child { padding-top: 10px; } #website-body .ep_gridrow.ep-o_navigationbanner>.ep_gridrow-content>.ep_gridcolumn.ep-layout_footer .ep_gridcolumn[class*="ep-m_"][data-layout480$="border"]:last-child .ep-a_loadmore:last-child, #website-body .ep_gridrow.ep-o_navigationbanner>.ep_gridrow-content>.ep_gridcolumn.ep-layout_footer .ep_gridcolumn[class*="ep-m_"][data-layout480$="border"]:last-child .ep-a_loadmore:last-child { margin-left: 0; margin-right: 0; } #website-body .ep_gridrow.ep-o_navigationbanner>.ep_gridrow-content>.ep_gridcolumn.ep-layout_footer .ep_gridcolumn[class*="ep-m_"][data-layout480$="border"] { color: #505154; } #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_black>.ep_gridrow-content>.ep_gridcolumn.ep-layout_footer .ep_gridcolumn[class*="ep-m_"][data-layout480$="border"] .ep-a_heading .ep_title, #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_black>.ep_gridrow-content>.ep_gridcolumn.ep-layout_footer .ep_gridcolumn[class*="ep-m_"][data-layout480$="border"] .ep-a_heading .ep_title .ep-p_text { color: #1e1e1f; } #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_black>.ep_gridrow-content>.ep_gridcolumn.ep-layout_footer .ep_gridcolumn[class*="ep-m_"][data-layout480$="border"] .ep-a_heading .ep_subtitle .ep-p_text, #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_black>.ep_gridrow-content>.ep_gridcolumn.ep-layout_footer .ep_gridcolumn[class*="ep-m_"][data-layout480$="border"] .ep-a_heading .ep_subtitle .ep-p_text { color: #505154; } } @media screen and (max-width:479px) { #website-body .ep_gridrow.ep-o_navigationbanner>.ep_gridrow-content>.ep_gridcolumn.ep-layout_content .ep_gridcolumn[class*="ep-m_"][data-layout320$="border"]>.ep_gridrow { width: calc(100% - 20px); margin-left: 10px; margin-right: 10px; } #website-body .ep_gridrow.ep-o_navigationbanner>.ep_gridrow-content>.ep_gridcolumn.ep-layout_content .ep_gridcolumn[class*="ep-m_"][data-layout320$="border"]>.ep_gridrow:before, #website-body .ep_gridrow.ep-o_navigationbanner>.ep_gridrow-content>.ep_gridcolumn.ep-layout_content .ep_gridcolumn[class*="ep-m_"][data-layout320$="border"]>.ep_gridrow:after { background-color: transparent; } #website-body .ep_gridrow.ep-o_navigationbanner>.ep_gridrow-content>.ep_gridcolumn.ep-layout_content .ep_gridcolumn[class*="ep-m_"][data-layout320$="border"]>.ep_gridrow:before { margin-left: -10px; } #website-body .ep_gridrow.ep-o_navigationbanner>.ep_gridrow-content>.ep_gridcolumn.ep-layout_content .ep_gridcolumn[class*="ep-m_"][data-layout320$="border"]>.ep_gridrow:after { margin-right: -10px; } #website-body .ep_gridrow.ep-o_navigationbanner>.ep_gridrow-content>.ep_gridcolumn.ep-layout_content .ep_gridcolumn[class*="ep-m_"][data-layout320$="border"]>.ep_gridrow>.ep_gridrow-content { width: calc(100% + 20px); margin-left: -10px; } #website-body .ep_gridrow.ep-o_navigationbanner>.ep_gridrow-content>.ep_gridcolumn.ep-layout_footer .ep_gridcolumn[class*="ep-m_"][data-layout320$="border"]>.ep_gridcolumn-content { margin-left: 0; margin-right: 0; border: none; } #website-body .ep_gridrow.ep-o_navigationbanner>.ep_gridrow-content>.ep_gridcolumn.ep-layout_footer .ep_gridcolumn[class*="ep-m_"][data-layout320$="border"]>.ep_gridcolumn-content [class*="ep-a_"]:first-child { border-top: none; } #website-body .ep_gridrow.ep-o_navigationbanner>.ep_gridrow-content>.ep_gridcolumn.ep-layout_footer .ep_gridcolumn[class*="ep-m_"][data-layout320$="border"] [class*="ep-a_"], #website-body .ep_gridrow.ep-o_navigationbanner>.ep_gridrow-content>.ep_gridcolumn.ep-layout_footer .ep_gridcolumn[class*="ep-m_"][data-layout320$="border"].ep-layout_greycolor [class*="ep-a_"], #website-body .ep_gridrow.ep-o_navigationbanner>.ep_gridrow-content>.ep_gridcolumn.ep-layout_footer .ep_gridcolumn[class*="ep-m_"][data-layout320$="border"].ep-layout_greygradient [class*="ep-a_"], #website-body .ep_gridrow.ep-o_navigationbanner>.ep_gridrow-content>.ep_gridcolumn.ep-layout_footer .ep_gridcolumn[class*="ep-m_"][data-layout320$="border"].ep-layout_black [class*="ep-a_"] { padding-left: 10px; padding-right: 10px; } #website-body .ep_gridrow.ep-o_navigationbanner>.ep_gridrow-content>.ep_gridcolumn.ep-layout_footer .ep_gridcolumn[class*="ep-m_"][data-layout320$="border"] [class*="ep-a_"]:first-child, #website-body .ep_gridrow.ep-o_navigationbanner>.ep_gridrow-content>.ep_gridcolumn.ep-layout_footer .ep_gridcolumn[class*="ep-m_"][data-layout320$="border"].ep-layout_greycolor [class*="ep-a_"]:first-child, #website-body .ep_gridrow.ep-o_navigationbanner>.ep_gridrow-content>.ep_gridcolumn.ep-layout_footer .ep_gridcolumn[class*="ep-m_"][data-layout320$="border"].ep-layout_greygradient [class*="ep-a_"]:first-child, #website-body .ep_gridrow.ep-o_navigationbanner>.ep_gridrow-content>.ep_gridcolumn.ep-layout_footer .ep_gridcolumn[class*="ep-m_"][data-layout320$="border"].ep-layout_black [class*="ep-a_"]:first-child { padding-top: 10px; } #website-body .ep_gridrow.ep-o_navigationbanner>.ep_gridrow-content>.ep_gridcolumn.ep-layout_footer .ep_gridcolumn[class*="ep-m_"][data-layout320$="border"]:last-child .ep-a_loadmore:last-child, #website-body .ep_gridrow.ep-o_navigationbanner>.ep_gridrow-content>.ep_gridcolumn.ep-layout_footer .ep_gridcolumn[class*="ep-m_"][data-layout320$="border"]:last-child .ep-a_loadmore:last-child { margin-left: 0; margin-right: 0; } #website-body .ep_gridrow.ep-o_navigationbanner>.ep_gridrow-content>.ep_gridcolumn.ep-layout_footer .ep_gridcolumn[class*="ep-m_"][data-layout320$="border"] { color: #505154; } #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_black>.ep_gridrow-content>.ep_gridcolumn.ep-layout_footer .ep_gridcolumn[class*="ep-m_"][data-layout320$="border"] .ep-a_heading .ep_title, #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_black>.ep_gridrow-content>.ep_gridcolumn.ep-layout_footer .ep_gridcolumn[class*="ep-m_"][data-layout320$="border"] .ep-a_heading .ep_title .ep-p_text { color: #1e1e1f; } #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_black>.ep_gridrow-content>.ep_gridcolumn.ep-layout_footer .ep_gridcolumn[class*="ep-m_"][data-layout320$="border"] .ep-a_heading .ep_subtitle .ep-p_text, #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_black>.ep_gridrow-content>.ep_gridcolumn.ep-layout_footer .ep_gridcolumn[class*="ep-m_"][data-layout320$="border"] .ep-a_heading .ep_subtitle .ep-p_text { color: #505154; } } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* ORGANISM "NAVIGATION BANNER" : Affichage de la carte */ @media screen and (min-width:640px) { /* ORGANISM "NAVIGATION BANNER" : Alignement du titre de la carte */ #website-body .ep_gridrow.ep-o_navigationbanner>.ep_gridrow-content .ep_gridcolumn.ep-layout_map .ep-m_header:first-child { transform: translate(0, 80px); -webkit-transform: translate(0, 80px); } } @media screen and (max-width:639px), print { /* ORGANISM "NAVIGATION BANNER" : Suppression de la carte (arrangement des elements principaux) */ #website-body .ep_gridrow.ep-o_navigationbanner>.ep_gridrow-content>.ep_gridcolumn.ep-layout_map .ep-m_header { width: auto; transform: none; -webkit-transform: none; } #website-body .ep_gridrow.ep-o_navigationbanner>.ep_gridrow-content>.ep_gridcolumn.ep-layout_map { width: auto; flex: 0 0 100%; -webkit-flex: 0 0 100%; } #website-body .ep_gridrow.ep-o_navigationbanner>.ep_gridrow-content>.ep_gridcolumn.ep-layout_map .ep-a_media.ep-layout_map { display: none; } #website-body .ep_gridrow.ep-o_navigationbanner>.ep_gridrow-content>.ep_gridcolumn.ep-layout_map~.ep_gridcolumn.ep-layout_content, #website-body .ep_gridrow.ep-o_navigationbanner>.ep_gridrow-content>.ep_gridcolumn.ep-layout_map~.ep_gridcolumn.ep-layout_footer { margin-top: -20px; padding-top: 0; } /* ORGANISM "NAVIGATION BANNER" : Suppression de la carte (fond de couleur) */ #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_greycolor>.ep_gridrow-content>.ep_gridcolumn.ep-layout_map, #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_greygradient>.ep_gridrow-content>.ep_gridcolumn.ep-layout_map, #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_black>.ep_gridrow-content>.ep_gridcolumn.ep-layout_map, #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_blue>.ep_gridrow-content>.ep_gridcolumn.ep-layout_map, #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_greycolor>.ep_gridrow-content>.ep_gridcolumn.ep-layout_map~.ep_gridcolumn.ep-layout_content, #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_greygradient>.ep_gridrow-content>.ep_gridcolumn.ep-layout_map~.ep_gridcolumn.ep-layout_content, #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_black>.ep_gridrow-content>.ep_gridcolumn.ep-layout_map~.ep_gridcolumn.ep-layout_content, #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_blue>.ep_gridrow-content>.ep_gridcolumn.ep-layout_map~.ep_gridcolumn.ep-layout_content, #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_greycolor>.ep_gridrow-content>.ep_gridcolumn.ep-layout_map~.ep_gridcolumn.ep-layout_footer, #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_greygradient>.ep_gridrow-content>.ep_gridcolumn.ep-layout_map~.ep_gridcolumn.ep-layout_footer, #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_black>.ep_gridrow-content>.ep_gridcolumn.ep-layout_map~.ep_gridcolumn.ep-layout_footer, #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_blue>.ep_gridrow-content>.ep_gridcolumn.ep-layout_map~.ep_gridcolumn.ep-layout_footer { background-color: #fff; } /* ORGANISM "NAVIGATION BANNER" : Suppression de la carte (couleur du texte) */ #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_greycolor>.ep_gridrow-content>.ep_gridcolumn.ep-layout_map .ep_gridcolumn[class*="ep-m_"], #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_greycolor>.ep_gridrow-content>.ep_gridcolumn.ep-layout_map~.ep_gridcolumn.ep-layout_content .ep_gridcolumn[class*="ep-m_"], #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_greycolor>.ep_gridrow-content>.ep_gridcolumn.ep-layout_map~.ep_gridcolumn.ep-layout_footer .ep_gridcolumn[class*="ep-m_"], #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_greygradient>.ep_gridrow-content>.ep_gridcolumn.ep-layout_map .ep_gridcolumn[class*="ep-m_"], #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_greygradient>.ep_gridrow-content>.ep_gridcolumn.ep-layout_map~.ep_gridcolumn.ep-layout_content .ep_gridcolumn[class*="ep-m_"], #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_greygradient>.ep_gridrow-content>.ep_gridcolumn.ep-layout_map~.ep_gridcolumn.ep-layout_footer .ep_gridcolumn[class*="ep-m_"], #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_black>.ep_gridrow-content>.ep_gridcolumn.ep-layout_map .ep_gridcolumn[class*="ep-m_"], #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_black>.ep_gridrow-content>.ep_gridcolumn.ep-layout_map~.ep_gridcolumn.ep-layout_content .ep_gridcolumn[class*="ep-m_"], #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_black>.ep_gridrow-content>.ep_gridcolumn.ep-layout_map~.ep_gridcolumn.ep-layout_footer .ep_gridcolumn[class*="ep-m_"], #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_blue>.ep_gridrow-content>.ep_gridcolumn.ep-layout_map .ep_gridcolumn[class*="ep-m_"], #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_blue>.ep_gridrow-content>.ep_gridcolumn.ep-layout_map~.ep_gridcolumn.ep-layout_content .ep_gridcolumn[class*="ep-m_"], #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_blue>.ep_gridrow-content>.ep_gridcolumn.ep-layout_map~.ep_gridcolumn.ep-layout_footer .ep_gridcolumn[class*="ep-m_"] { color: #505154; } #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_greycolor>.ep_gridrow-content>.ep_gridcolumn.ep-layout_map .ep_gridcolumn[class*="ep-m_"] .ep-a_heading .ep_title, #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_greycolor>.ep_gridrow-content>.ep_gridcolumn.ep-layout_map .ep_gridcolumn[class*="ep-m_"] .ep-a_heading .ep_title .ep-p_text, #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_greycolor>.ep_gridrow-content>.ep_gridcolumn.ep-layout_map~.ep_gridcolumn.ep-layout_content .ep_gridcolumn[class*="ep-m_"] .ep-a_heading .ep_title, #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_greycolor>.ep_gridrow-content>.ep_gridcolumn.ep-layout_map~.ep_gridcolumn.ep-layout_content .ep_gridcolumn[class*="ep-m_"] .ep-a_heading .ep_title .ep-p_text, #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_greycolor>.ep_gridrow-content>.ep_gridcolumn.ep-layout_map~.ep_gridcolumn.ep-layout_footer .ep_gridcolumn[class*="ep-m_"] .ep-a_heading .ep_title, #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_greycolor>.ep_gridrow-content>.ep_gridcolumn.ep-layout_map~.ep_gridcolumn.ep-layout_footer .ep_gridcolumn[class*="ep-m_"] .ep-a_heading .ep_title .ep-p_text, #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_greygradient>.ep_gridrow-content>.ep_gridcolumn.ep-layout_map .ep_gridcolumn[class*="ep-m_"] .ep-a_heading .ep_title, #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_greygradient>.ep_gridrow-content>.ep_gridcolumn.ep-layout_map .ep_gridcolumn[class*="ep-m_"] .ep-a_heading .ep_title .ep-p_text, #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_greygradient>.ep_gridrow-content>.ep_gridcolumn.ep-layout_map~.ep_gridcolumn.ep-layout_content .ep_gridcolumn[class*="ep-m_"] .ep-a_heading .ep_title, #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_greygradient>.ep_gridrow-content>.ep_gridcolumn.ep-layout_map~.ep_gridcolumn.ep-layout_content .ep_gridcolumn[class*="ep-m_"] .ep-a_heading .ep_title .ep-p_text, #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_greygradient>.ep_gridrow-content>.ep_gridcolumn.ep-layout_map~.ep_gridcolumn.ep-layout_footer .ep_gridcolumn[class*="ep-m_"] .ep-a_heading .ep_title, #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_greygradient>.ep_gridrow-content>.ep_gridcolumn.ep-layout_map~.ep_gridcolumn.ep-layout_footer .ep_gridcolumn[class*="ep-m_"] .ep-a_heading .ep_title .ep-p_text, #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_black>.ep_gridrow-content>.ep_gridcolumn.ep-layout_map .ep_gridcolumn[class*="ep-m_"] .ep-a_heading .ep_title, #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_black>.ep_gridrow-content>.ep_gridcolumn.ep-layout_map .ep_gridcolumn[class*="ep-m_"] .ep-a_heading .ep_title .ep-p_text, #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_black>.ep_gridrow-content>.ep_gridcolumn.ep-layout_map~.ep_gridcolumn.ep-layout_content .ep_gridcolumn[class*="ep-m_"] .ep-a_heading .ep_title, #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_black>.ep_gridrow-content>.ep_gridcolumn.ep-layout_map~.ep_gridcolumn.ep-layout_content .ep_gridcolumn[class*="ep-m_"] .ep-a_heading .ep_title .ep-p_text, #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_black>.ep_gridrow-content>.ep_gridcolumn.ep-layout_map~.ep_gridcolumn.ep-layout_footer .ep_gridcolumn[class*="ep-m_"] .ep-a_heading .ep_title, #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_black>.ep_gridrow-content>.ep_gridcolumn.ep-layout_map~.ep_gridcolumn.ep-layout_footer .ep_gridcolumn[class*="ep-m_"] .ep-a_heading .ep_title .ep-p_text, #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_blue>.ep_gridrow-content>.ep_gridcolumn.ep-layout_map .ep_gridcolumn[class*="ep-m_"] .ep-a_heading .ep_title, #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_blue>.ep_gridrow-content>.ep_gridcolumn.ep-layout_map .ep_gridcolumn[class*="ep-m_"] .ep-a_heading .ep_title .ep-p_text, #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_blue>.ep_gridrow-content>.ep_gridcolumn.ep-layout_map~.ep_gridcolumn.ep-layout_content .ep_gridcolumn[class*="ep-m_"] .ep-a_heading .ep_title, #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_blue>.ep_gridrow-content>.ep_gridcolumn.ep-layout_map~.ep_gridcolumn.ep-layout_content .ep_gridcolumn[class*="ep-m_"] .ep-a_heading .ep_title .ep-p_text, #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_blue>.ep_gridrow-content>.ep_gridcolumn.ep-layout_map~.ep_gridcolumn.ep-layout_footer .ep_gridcolumn[class*="ep-m_"] .ep-a_heading .ep_title, #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_blue>.ep_gridrow-content>.ep_gridcolumn.ep-layout_map~.ep_gridcolumn.ep-layout_footer .ep_gridcolumn[class*="ep-m_"] .ep-a_heading .ep_title .ep-p_text { color: #1e1e1f; } #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_greycolor>.ep_gridrow-content>.ep_gridcolumn.ep-layout_map .ep_gridcolumn[class*="ep-m_"] .ep-a_heading .ep_subtitle .ep-p_text, #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_greycolor>.ep_gridrow-content>.ep_gridcolumn.ep-layout_map~.ep_gridcolumn.ep-layout_content .ep_gridcolumn[class*="ep-m_"] .ep-a_heading .ep_subtitle .ep-p_text, #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_greycolor>.ep_gridrow-content>.ep_gridcolumn.ep-layout_map~.ep_gridcolumn.ep-layout_footer .ep_gridcolumn[class*="ep-m_"] .ep-a_heading .ep_subtitle .ep-p_text, #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_greygradient>.ep_gridrow-content>.ep_gridcolumn.ep-layout_map .ep_gridcolumn[class*="ep-m_"] .ep-a_heading .ep_subtitle .ep-p_text, #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_greygradient>.ep_gridrow-content>.ep_gridcolumn.ep-layout_map~.ep_gridcolumn.ep-layout_content .ep_gridcolumn[class*="ep-m_"] .ep-a_heading .ep_subtitle .ep-p_text, #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_greygradient>.ep_gridrow-content>.ep_gridcolumn.ep-layout_map~.ep_gridcolumn.ep-layout_footer .ep_gridcolumn[class*="ep-m_"] .ep-a_heading .ep_subtitle .ep-p_text, #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_black>.ep_gridrow-content>.ep_gridcolumn.ep-layout_map .ep_gridcolumn[class*="ep-m_"] .ep-a_heading .ep_subtitle .ep-p_text, #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_black>.ep_gridrow-content>.ep_gridcolumn.ep-layout_map~.ep_gridcolumn.ep-layout_content .ep_gridcolumn[class*="ep-m_"] .ep-a_heading .ep_subtitle .ep-p_text, #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_black>.ep_gridrow-content>.ep_gridcolumn.ep-layout_map~.ep_gridcolumn.ep-layout_footer .ep_gridcolumn[class*="ep-m_"] .ep-a_heading .ep_subtitle .ep-p_text, #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_blue>.ep_gridrow-content>.ep_gridcolumn.ep-layout_map .ep_gridcolumn[class*="ep-m_"] .ep-a_heading .ep_subtitle .ep-p_text, #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_blue>.ep_gridrow-content>.ep_gridcolumn.ep-layout_map~.ep_gridcolumn.ep-layout_content .ep_gridcolumn[class*="ep-m_"] .ep-a_heading .ep_subtitle .ep-p_text, #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_blue>.ep_gridrow-content>.ep_gridcolumn.ep-layout_map~.ep_gridcolumn.ep-layout_footer .ep_gridcolumn[class*="ep-m_"] .ep-a_heading .ep_subtitle .ep-p_text { color: #505154; } /* ORGANISM "NAVIGATION BANNER" : Suppression de la carte (bordure eventuelle) */ #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_greycolor>.ep_gridrow-content>.ep_gridcolumn.ep-layout_map .ep_gridcolumn[class*="ep-m_"], #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_greycolor>.ep_gridrow-content>.ep_gridcolumn.ep-layout_map~.ep_gridcolumn.ep-layout_content .ep_gridcolumn[class*="ep-m_"], #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_greycolor>.ep_gridrow-content>.ep_gridcolumn.ep-layout_map~.ep_gridcolumn.ep-layout_footer .ep_gridcolumn[class*="ep-m_"], #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_greygradient>.ep_gridrow-content>.ep_gridcolumn.ep-layout_map .ep_gridcolumn[class*="ep-m_"], #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_greygradient>.ep_gridrow-content>.ep_gridcolumn.ep-layout_map~.ep_gridcolumn.ep-layout_content .ep_gridcolumn[class*="ep-m_"], #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_greygradient>.ep_gridrow-content>.ep_gridcolumn.ep-layout_map~.ep_gridcolumn.ep-layout_footer .ep_gridcolumn[class*="ep-m_"], #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_black>.ep_gridrow-content>.ep_gridcolumn.ep-layout_map .ep_gridcolumn[class*="ep-m_"], #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_black>.ep_gridrow-content>.ep_gridcolumn.ep-layout_map~.ep_gridcolumn.ep-layout_content .ep_gridcolumn[class*="ep-m_"], #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_black>.ep_gridrow-content>.ep_gridcolumn.ep-layout_map~.ep_gridcolumn.ep-layout_footer .ep_gridcolumn[class*="ep-m_"], #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_blue>.ep_gridrow-content>.ep_gridcolumn.ep-layout_map .ep_gridcolumn[class*="ep-m_"], #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_blue>.ep_gridrow-content>.ep_gridcolumn.ep-layout_map~.ep_gridcolumn.ep-layout_content .ep_gridcolumn[class*="ep-m_"], #website-body .ep_gridrow.ep-o_navigationbanner.ep-layout_blue>.ep_gridrow-content>.ep_gridcolumn.ep-layout_map~.ep_gridcolumn.ep-layout_footer .ep_gridcolumn[class*="ep-m_"] { color: #505154; } } @media screen and (min-width:480px) and (max-width:639px), print { #website-body .ep_gridrow.ep-o_navigationbanner>.ep_gridrow-content>.ep_gridcolumn.ep-layout_map~.ep_gridcolumn.ep-layout_footer .ep_gridcolumn[class*="ep-m_"][data-layout480$="border"] [class*="ep-a_"]:first-child, #website-body .ep_gridrow.ep-o_navigationbanner>.ep_gridrow-content>.ep_gridcolumn.ep-layout_map~.ep_gridcolumn.ep-layout_footer .ep_gridcolumn[class*="ep-m_"][data-layout480$="border"].ep-layout_greycolor [class*="ep-a_"]:first-child, #website-body .ep_gridrow.ep-o_navigationbanner>.ep_gridrow-content>.ep_gridcolumn.ep-layout_map~.ep_gridcolumn.ep-layout_footer .ep_gridcolumn[class*="ep-m_"][data-layout480$="border"].ep-layout_greygradient [class*="ep-a_"]:first-child, #website-body .ep_gridrow.ep-o_navigationbanner>.ep_gridrow-content>.ep_gridcolumn.ep-layout_map~.ep_gridcolumn.ep-layout_footer .ep_gridcolumn[class*="ep-m_"][data-layout480$="border"].ep-layout_black [class*="ep-a_"]:first-child { padding-top: 0; } } @media screen and (max-width:479px), print { #website-body .ep_gridrow.ep-o_navigationbanner>.ep_gridrow-content>.ep_gridcolumn.ep-layout_map~.ep_gridcolumn.ep-layout_footer .ep_gridcolumn[class*="ep-m_"][data-layout320$="border"] [class*="ep-a_"]:first-child, #website-body .ep_gridrow.ep-o_navigationbanner>.ep_gridrow-content>.ep_gridcolumn.ep-layout_map~.ep_gridcolumn.ep-layout_footer .ep_gridcolumn[class*="ep-m_"][data-layout320$="border"].ep-layout_greycolor [class*="ep-a_"]:first-child, #website-body .ep_gridrow.ep-o_navigationbanner>.ep_gridrow-content>.ep_gridcolumn.ep-layout_map~.ep_gridcolumn.ep-layout_footer .ep_gridcolumn[class*="ep-m_"][data-layout320$="border"].ep-layout_greygradient [class*="ep-a_"]:first-child, #website-body .ep_gridrow.ep-o_navigationbanner>.ep_gridrow-content>.ep_gridcolumn.ep-layout_map~.ep_gridcolumn.ep-layout_footer .ep_gridcolumn[class*="ep-m_"][data-layout320$="border"].ep-layout_black [class*="ep-a_"]:first-child { padding-top: 0; } } /* ========================================================================================================================================================================= */ /* == STREAMING ALERT ============ [ORGANISM] ========= ep-o_streamingalert ================================================================================================ */ /* ========================================================================================================================================================================= */ /* Description : Organisme a utiliser pour l'affichage de la banniere "semaine pleniere" ou "semaine commission" */ /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* ORGANISM "STREAMING ALERT" : Structure generale */ /* ORGANISM "STREAMING ALERT" : Deplacement de la marge du composant */ #website-body .ep_gridrow.ep-o_streamingalert:after { position: static; display: block; width: 20px; height: 40px; background-color: #fff; opacity: 0; content: ""; } /* ORGANISM "STREAMING ALERT" : Suppression des marges entre les blocs de contenus */ #website-body .ep_gridrow.ep-o_streamingalert [class*="ep-m_"]:after { height: 0; } /* ORGANISM "STREAMING ALERT" : Ajout des caches de part et d'autre du composant */ #website-body .ep_gridrow.ep-o_streamingalert>.ep_gridrow-content { position: relative; } #website-body .ep_gridrow.ep-o_streamingalert>.ep_gridrow-content:before, #website-body .ep_gridrow.ep-o_streamingalert>.ep_gridrow-content:after { position: absolute; display: block; z-index: 2; top: 0; bottom: 0; width: 10px; height: auto; flex: 0 0 10px; -webkit-flex: 0 0 10px; background-color: #fff; opacity: 1; content: ""; } #website-body .ep_gridrow.ep-o_streamingalert>.ep_gridrow-content:before { left: 0; } #website-body .ep_gridrow.ep-o_streamingalert>.ep_gridrow-content:after { right: 0; } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* ORGANISM "STREAMING ALERT" : Gestion des liens presents sous la banniere */ /* ORGANISM "STREAMING ALERT" : Couleur de fond */ #website-body .ep_gridrow.ep-o_streamingalert .ep-m_footer { background-color: #1e1e1f; color: #fff; } #website-body .ep_gridrow.ep-o_streamingalert .ep-m_footer .ep_gridcolumn-content .ep-a_heading { padding-top: 20px; padding-bottom: 20px; } #website-body .ep_gridrow.ep-o_streamingalert .ep-m_footer .ep_gridcolumn-content .ep-a_heading>.ep_title, #website-body .ep_gridrow.ep-o_streamingalert .ep-m_footer .ep_gridcolumn-content .ep-a_heading>.ep_title .ep-p_text, #website-body .ep_gridrow.ep-o_streamingalert .ep-m_footer .ep_gridcolumn-content .ep-a_heading>.ep_subtitle, #website-body .ep_gridrow.ep-o_streamingalert .ep-m_footer .ep_gridcolumn-content .ep-a_heading>.ep_subtitle .ep-p_text { color: inherit; } #website-body .ep_gridrow.ep-o_streamingalert .ep-m_footer .ep_gridcolumn-content a.ep-a_heading:hover>.ep_title .ep-p_text .ep_name, #website-body .ep_gridrow.ep-o_streamingalert .ep-m_footer .ep_gridcolumn-content a.ep-a_heading:focus>.ep_title .ep-p_text .ep_name, #website-body .ep_gridrow.ep-o_streamingalert .ep-m_footer .ep_gridcolumn-content a.ep-a_heading:active>.ep_title .ep-p_text .ep_name { color: inherit; } #website-body .ep_gridrow.ep-o_streamingalert .ep-m_footer .ep_gridcolumn-content a.ep-a_heading>.ep_title .ep-p_text .ep_icon, #website-body .ep_gridrow.ep-o_streamingalert .ep-m_footer .ep_gridcolumn-content a.ep-a_heading:link>.ep_title .ep-p_text .ep_icon, #website-body .ep_gridrow.ep-o_streamingalert .ep-m_footer .ep_gridcolumn-content a.ep-a_heading:active>.ep_title .ep-p_text .ep_icon { background-color: #000; } #website-body .ep_gridrow.ep-o_streamingalert .ep-m_footer .ep_gridcolumn-content a.ep-a_heading:hover>.ep_title .ep-p_text .ep_icon, #website-body .ep_gridrow.ep-o_streamingalert .ep-m_footer .ep_gridcolumn-content a.ep-a_heading:focus>.ep_title .ep-p_text .ep_icon, #website-body .ep_gridrow.ep-o_streamingalert .ep-m_footer .ep_gridcolumn-content a.ep-a_heading:active>.ep_title .ep-p_text .ep_icon { background-color: #3c77bd; } /* ORGANISM "STREAMING ALERT" : Bordure de separation */ #website-body .ep_gridrow.ep-o_streamingalert .ep-m_footer:before { position: relative; display: block; z-index: 1; width: auto; height: 2px; background-color: #1e1e1f; content: ""; } #website-body .ep_gridrow.ep-o_streamingalert .ep-m_footer>.ep_gridrow { margin-top: -1px; } #website-body .ep_gridrow.ep-o_streamingalert .ep-m_footer>.ep_gridrow .ep_gridcolumn-content:before { position: static; display: block; width: auto; height: 0; margin: 0 25px; border-top: 1px dotted rgba(255, 255, 255, 0.5); content: ""; } /* ORGANISM "STREAMING ALERT" : Design des liens "newsletter" et "streaming" */ #website-body .ep_gridrow.ep-o_streamingalert .ep-m_footer .ep_gridcolumn-content .ep-a_heading.ep-layout_link>.ep_title .ep-p_text .ep_name *, #website-body .ep_gridrow.ep-o_streamingalert .ep-m_footer .ep_gridcolumn-content .ep-a_heading.ep-layout_video>.ep_title .ep-p_text .ep_name strong { font-weight: lighter; text-transform: uppercase; } #website-body .ep_gridrow.ep-o_streamingalert .ep-m_footer .ep_gridcolumn-content .ep-a_heading.ep-layout_video>.ep_title .ep-p_text, #website-body .ep_gridrow.ep-o_streamingalert .ep-m_footer .ep_gridcolumn-content .ep-a_heading.ep-layout_video>.ep_title .ep-p_text .ep_name { overflow: visible; font-size: 1em; line-height: normal; } #website-body .ep_gridrow.ep-o_streamingalert .ep-m_footer .ep_gridcolumn-content .ep-a_heading.ep-layout_video>.ep_title .ep-p_text .ep_name strong { display: block; transform: translate(0, 0); -webkit-transform: translate(0, 0); transition: transform 0.2s ease-out 0s; -webkit-transition: -webkit-transform 0.2s ease-out 0s; font-size: 2em; line-height: 1.4em; } #website-body .ep_gridrow.ep-o_streamingalert .ep-m_footer .ep_gridcolumn-content .ep-a_heading.ep-layout_video>.ep_title .ep-p_text .ep_name span { font-family: Helvetica, Arial, sans-serif; font-size: 1.4em; line-height: 1.4em; } body[lang="el"] #website-body .ep_gridrow.ep-o_streamingalert .ep-m_footer .ep_gridcolumn-content .ep-a_heading.ep-layout_link>.ep_title .ep-p_text .ep_name *, body[lang="el"] #website-body .ep_gridrow.ep-o_streamingalert .ep-m_footer .ep_gridcolumn-content .ep-a_heading.ep-layout_video>.ep_title .ep-p_text .ep_name strong, body[lang="ga"] #website-body .ep_gridrow.ep-o_streamingalert .ep-m_footer .ep_gridcolumn-content .ep-a_heading.ep-layout_link>.ep_title .ep-p_text .ep_name *, body[lang="ga"] #website-body .ep_gridrow.ep-o_streamingalert .ep-m_footer .ep_gridcolumn-content .ep-a_heading.ep-layout_video>.ep_title .ep-p_text .ep_name strong { text-transform: none; } #website-body .ep_gridrow.ep-o_streamingalert .ep-m_footer .ep_gridcolumn-content .ep-a_heading.ep-layout_link>.ep_subtitle .ep-p_text+.ep-p_text:before, #website-body .ep_gridrow.ep-o_streamingalert .ep-m_footer .ep_gridcolumn-content .ep-a_heading.ep-layout_video>.ep_subtitle .ep-p_text+.ep-p_text:before { position: static; display: inline-block; margin-left: 0; margin-right: 0.5em; transform: translate(-0.1em, 0); -webkit-transform: translate(-0.1em, 0); vertical-align: middle; content: "-"; } /* ORGANISM "STREAMING ALERT" : Design des icone "newsletter" et "streaming" */ #website-body .ep_gridrow.ep-o_streamingalert .ep-m_footer .ep_gridcolumn-content { position: relative; white-space: nowrap; letter-spacing: -0.3em; } #website-body .ep_gridrow.ep-o_streamingalert .ep-m_footer .ep_gridcolumn-content:after, #website-body .ep_gridrow.ep-o_streamingalert .ep-m_footer .ep_gridcolumn-content .ep-a_heading { display: inline-block; vertical-align: middle; } #website-body .ep_gridrow.ep-o_streamingalert .ep-m_footer .ep_gridcolumn-content .ep-a_heading { width: 100%; padding-right: 25px; box-sizing: border-box; } #website-body .ep_gridrow.ep-o_streamingalert .ep-m_footer .ep_gridcolumn-content:after { position: static; overflow: hidden; width: 0; height: 65px; content: ""; } #website-body .ep_gridrow.ep-o_streamingalert .ep-m_footer .ep_gridcolumn-content .ep-a_heading:after { display: none; } #website-body .ep_gridrow.ep-o_streamingalert .ep-m_footer .ep_gridcolumn-content .ep-a_heading.ep-layout_link, #website-body .ep_gridrow.ep-o_streamingalert .ep-m_footer .ep_gridcolumn-content .ep-a_heading.ep-layout_video { padding-left: 75px; } #website-body .ep_gridrow.ep-o_streamingalert .ep-m_footer .ep_gridcolumn-content .ep-a_heading.ep-layout_link>.ep_title .ep-p_text .ep_icon, #website-body .ep_gridrow.ep-o_streamingalert .ep-m_footer .ep_gridcolumn-content .ep-a_heading.ep-layout_video>.ep_title .ep-p_text .ep_icon { position: absolute; display: block; z-index: 1; top: 50%; width: 35px; height: 35px; transform: translate(-50px, -50%); -webkit-transform: translate(-50px, -50%); background-color: #000; border: 2px solid #fff; border-radius: 50%; text-align: left; content: ""; } #website-body .ep_gridrow.ep-o_streamingalert .ep-m_footer .ep_gridcolumn-content .ep-a_heading.ep-layout_link>.ep_title .ep-p_text .ep_icon:after { display: inline-block; width: 11px; height: 8px; margin: 7px 0 0 8px; background-position: -97px -42px; transform: translate(5px, 0) rotate(-90deg) scale(1.5); -webkit-transform: translate(5px, 0) rotate(-90deg) scale(1.5); } #website-body .ep_gridrow.ep-o_streamingalert .ep-m_footer .ep_gridcolumn-content .ep-a_heading.ep-layout_video>.ep_title .ep-p_text .ep_icon:after { display: inline-block; width: 21px; height: 20px; margin: 8px 0 0 8px; background-position: -87px -134px; } @media screen and (min-width:640px), print { #website-body .ep_gridrow.ep-o_streamingalert .ep-m_footer .ep_gridcolumn-content a.ep-a_heading:hover>.ep_title .ep-p_text .ep_name, #website-body .ep_gridrow.ep-o_streamingalert .ep-m_footer .ep_gridcolumn-content a.ep-a_heading:focus>.ep_title .ep-p_text .ep_name, #website-body .ep_gridrow.ep-o_streamingalert .ep-m_footer .ep_gridcolumn-content a.ep-a_heading:active>.ep_title .ep-p_text .ep_name { transform: translate(10px, 0); -webkit-transform: translate(10px, 0); color: inherit; } #website-body .ep_gridrow.ep-o_streamingalert .ep-m_footer .ep_gridcolumn-content a.ep-a_heading.ep-layout_video:hover>.ep_title .ep-p_text .ep_name, #website-body .ep_gridrow.ep-o_streamingalert .ep-m_footer .ep_gridcolumn-content a.ep-a_heading.ep-layout_video:focus>.ep_title .ep-p_text .ep_name, #website-body .ep_gridrow.ep-o_streamingalert .ep-m_footer .ep_gridcolumn-content a.ep-a_heading.ep-layout_video:active>.ep_title .ep-p_text .ep_name { transform: translate(0, 0); -webkit-transform: translate(0, 0); } #website-body .ep_gridrow.ep-o_streamingalert .ep-m_footer .ep_gridcolumn-content a.ep-a_heading.ep-layout_video:hover>.ep_title .ep-p_text .ep_name strong, #website-body .ep_gridrow.ep-o_streamingalert .ep-m_footer .ep_gridcolumn-content a.ep-a_heading.ep-layout_video:focus>.ep_title .ep-p_text .ep_name strong, #website-body .ep_gridrow.ep-o_streamingalert .ep-m_footer .ep_gridcolumn-content a.ep-a_heading.ep-layout_video:active>.ep_title .ep-p_text .ep_name strong { transform: translate(10px, 0); -webkit-transform: translate(10px, 0); } } @media screen and (max-width:639px) { #website-body .ep_gridrow.ep-o_streamingalert .ep-m_footer .ep_gridcolumn-content .ep-a_heading.ep-layout_link, #website-body .ep_gridrow.ep-o_streamingalert .ep-m_footer .ep_gridcolumn-content .ep-a_heading.ep-layout_video { padding: 35px 25px 25px 25px; text-align: center; } #website-body .ep_gridrow.ep-o_streamingalert .ep-m_footer .ep_gridcolumn-content .ep-a_heading.ep-layout_link>.ep_title .ep-p_text .ep_name, #website-body .ep_gridrow.ep-o_streamingalert .ep-m_footer .ep_gridcolumn-content .ep-a_heading.ep-layout_video>.ep_title .ep-p_text .ep_name { font-family: Helvetica, Arial, sans-serif; } #website-body .ep_gridrow.ep-o_streamingalert .ep-m_footer .ep_gridcolumn-content .ep-a_heading.ep-layout_link>.ep_title .ep-p_text .ep_name *, #website-body .ep_gridrow.ep-o_streamingalert .ep-m_footer .ep_gridcolumn-content .ep-a_heading.ep-layout_video>.ep_title .ep-p_text .ep_name strong { font-weight: normal; } #website-body .ep_gridrow.ep-o_streamingalert .ep-m_footer .ep_gridcolumn-content .ep-a_heading.ep-layout_link>.ep_title .ep-p_text .ep_icon, #website-body .ep_gridrow.ep-o_streamingalert .ep-m_footer .ep_gridcolumn-content .ep-a_heading.ep-layout_video>.ep_title .ep-p_text .ep_icon { top: 0; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); } #website-body .ep_gridrow.ep-o_streamingalert .ep-m_footer:before { height: 0; opacity: 0; } #website-body .ep_gridrow.ep-o_streamingalert .ep-m_footer .ep_gridcolumn+.ep_gridcolumn { margin-top: 20px; } #website-body .ep_gridrow.ep-o_streamingalert .ep-m_footer>.ep_gridrow .ep_gridcolumn-content:before { margin: 0; } } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* ORGANISM "STREAMING ALERT" : Gestion de l'image de fond de la banniere selon le type */ /* ORGANISM "STREAMING ALERT" : Image de fond */ #website-body .ep_gridrow.ep-o_streamingalert>.ep_gridrow-content>.ep_gridcolumn.ep-m_header { flex-direction: row; -webkit-flex-direction: row; flex-wrap: nowrap; -webkit-flex-wrap: nowrap; background-size: auto 100%; background-repeat: no-repeat; } /* ORGANISM "STREAMING ALERT" : Alignement de l'image sur le texte */ #website-body .ep_gridrow.ep-o_streamingalert>.ep_gridrow-content>.ep_gridcolumn.ep-m_header:before { position: static; display: inline-block; overflow: hidden; width: 0; height: 180px; flex: 0 0 0; -webkit-flex: 0 0 0; vertical-align: top; content: ""; } #website-body .ep_gridrow.ep-o_streamingalert>.ep_gridrow-content>.ep_gridcolumn.ep-m_header>.ep_gridcolumn-content { height: auto; padding: 30px 25px; vertical-align: top; } /* ORGANISM "STREAMING ALERT" : Design du texte */ #website-body .ep_gridrow.ep-o_streamingalert>.ep_gridrow-content>.ep_gridcolumn.ep-m_header>.ep_gridcolumn-content .ep-a_heading, #website-body .ep_gridrow.ep-o_streamingalert>.ep_gridrow-content>.ep_gridcolumn.ep-m_header>.ep_gridcolumn-content .ep-a_heading .ep_title, #website-body .ep_gridrow.ep-o_streamingalert>.ep_gridrow-content>.ep_gridcolumn.ep-m_header>.ep_gridcolumn-content .ep-a_heading .ep_title .ep-p_text, #website-body .ep_gridrow.ep-o_streamingalert>.ep_gridrow-content>.ep_gridcolumn.ep-m_header>.ep_gridcolumn-content .ep-a_heading .ep_title .ep-p_text .ep_name { font-size: 1em; font-weight: lighter; line-height: normal; color: inherit; } #website-body .ep_gridrow.ep-o_streamingalert>.ep_gridrow-content>.ep_gridcolumn.ep-m_header>.ep_gridcolumn-content .ep-a_heading { color: #fff; } #website-body .ep_gridrow.ep-o_streamingalert>.ep_gridrow-content>.ep_gridcolumn.ep-m_header>.ep_gridcolumn-content .ep-a_heading { padding-left: 10px; } #website-body .ep_gridrow.ep-o_streamingalert>.ep_gridrow-content>.ep_gridcolumn.ep-m_header>.ep_gridcolumn-content .ep-a_heading:after { display: none; } #website-body .ep_gridrow.ep-o_streamingalert>.ep_gridrow-content>.ep_gridcolumn.ep-m_header>.ep_gridcolumn-content .ep-a_heading .ep_title .ep-p_text .ep_name strong { display: block; font-size: 3.5em; line-height: 1.4em; font-weight: lighter; } #website-body .ep_gridrow.ep-o_streamingalert>.ep_gridrow-content>.ep_gridcolumn.ep-m_header>.ep_gridcolumn-content .ep-a_heading .ep_title .ep-p_text .ep_name span { display: block; font-size: 2.5em; line-height: 1.4em; font-weight: lighter; } #website-body .ep_gridrow.ep-o_streamingalert>.ep_gridrow-content>.ep_gridcolumn.ep-m_header>.ep_gridcolumn-content .ep-a_heading .ep_title .ep-p_text .ep_name *+* { margin-top: -0.2em; } #website-body .ep_gridrow.ep-o_streamingalert>.ep_gridrow-content>.ep_gridcolumn.ep-m_header>.ep_gridcolumn-content .ep-a_heading .ep_subtitle { margin-top: -3px; } #website-body .ep_gridrow.ep-o_streamingalert>.ep_gridrow-content>.ep_gridcolumn.ep-m_header>.ep_gridcolumn-content .ep-a_heading .ep_subtitle .ep-p_text { font-family: Georgia, Garamond, serif, Palatino; font-size: 2em; font-weight: normal; color: inherit; } /* ORGANISM "STREAMING ALERT" : Gestion des marges des composants */ #website-body .ep_gridrow.ep-o_streamingalert .ep-m_header .ep_gridcolumn-content [class*="ep-a_"] { padding-left: 10px; } #website-body .ep_gridrow.ep-o_streamingalert .ep-m_header .ep_gridcolumn-content [class*="ep-a_"]+[class*="ep-a_"] { padding-top: 20px; } /* ORGANISM "STREAMING ALERT" : Correction de l'affichage des champs de formulaire */ #website-body .ep_gridrow.ep-o_streamingalert .ep-m_header .ep_gridcolumn-content .ep-a_field .ep-p_textfield, #website-body .ep_gridrow.ep-o_streamingalert .ep-m_header .ep_gridcolumn-content .ep-a_field .ep-p_select { width: 350px; } body[data-jsactive] #website-body .ep_gridrow.ep-o_streamingalert .ep-m_header .ep_gridcolumn-content .epjs_selectconvert .ep_select.epjs_converted .epjs_select .epjs_button, body[data-jsactive] #website-body .ep_gridrow.ep-o_streamingalert .ep-m_header .ep_gridcolumn-content .epjs_selectconvert .ep_select.epjs_converted .epjs_select .epjs_button .epjs_name { width: 100% !important; min-width: 10px !important; } body[data-jsactive] #website-body .ep_gridrow.ep-o_streamingalert .ep-m_header .ep_gridcolumn-content .epjs_selectconvert .ep_select.epjs_converted .epjs_select .epjs_dropdown .epjs_list { width: 100% !important; min-width: 10px !important; } body[data-jsactive] #website-body .ep_gridrow.ep-o_streamingalert .ep-m_header .ep_gridcolumn-content .epjs_selectconvert .ep_select.epjs_converted .epjs_select .epjs_button .epjs_icon { margin-left: -10px; } @media screen and (max-width:479px), print { #website-body .ep_gridrow.ep-o_streamingalert .ep-m_header .ep_gridcolumn-content .ep-a_field .ep-p_textfield, #website-body .ep_gridrow.ep-o_streamingalert .ep-m_header .ep_gridcolumn-content .ep-a_field .ep-p_select { width: 180px; } } /* ORGANISM "STREAMING ALERT" : Design de l'icone (mode lien) */ #website-body .ep_gridrow.ep-o_streamingalert>.ep_gridrow-content>.ep_gridcolumn.ep-m_header.ep-layout_link .ep_gridcolumn-content .ep-a_heading, #website-body .ep_gridrow.ep-o_streamingalert>.ep_gridrow-content>.ep_gridcolumn.ep-m_header.ep-layout_video .ep_gridcolumn-content .ep-a_heading { padding-left: 75px; } #website-body .ep_gridrow.ep-o_streamingalert>.ep_gridrow-content>.ep_gridcolumn.ep-m_header.ep-layout_link .ep_gridcolumn-content .ep-a_heading>.ep_title .ep-p_text .ep_icon, #website-body .ep_gridrow.ep-o_streamingalert>.ep_gridrow-content>.ep_gridcolumn.ep-m_header.ep-layout_video .ep_gridcolumn-content .ep-a_heading>.ep_title .ep-p_text .ep_icon { position: absolute; display: block; top: 50%; width: 50px; height: 50px; transform: translate(-70px, -27px); -webkit-transform: translate(-70px, -27px); background-color: transparent; background-position: -97px -42px; border: 2px solid #fff; border-radius: 50%; text-align: left; content: ""; } #website-body .ep_gridrow.ep-o_streamingalert>.ep_gridrow-content>.ep_gridcolumn.ep-m_header.ep-layout_link .ep_gridcolumn-content .ep-a_heading>.ep_title .ep-p_text .ep_icon:after, #website-body .ep_gridrow.ep-o_streamingalert>.ep_gridrow-content>.ep_gridcolumn.ep-m_header.ep-layout_video .ep_gridcolumn-content .ep-a_heading>.ep_title .ep-p_text .ep_icon:after { display: inline-block; margin: 0; background-position: inherit; } #website-body .ep_gridrow.ep-o_streamingalert>.ep_gridrow-content>.ep_gridcolumn.ep-m_header.ep-layout_link .ep_gridcolumn-content .ep-a_heading>.ep_title .ep-p_text .ep_icon:after { width: 11px; height: 8px; transform: translate(20px, 18px) rotate(-90deg) scale(2.5); -webkit-transform: translate(20px, 18px) rotate(-90deg) scale(2.5); } #website-body .ep_gridrow.ep-o_streamingalert>.ep_gridrow-content>.ep_gridcolumn.ep-m_header.ep-layout_video .ep_gridcolumn-content .ep-a_heading>.ep_title .ep-p_text .ep_icon:after { width: 22px; height: 23px; transform: translate(16px, 14px) scale(1.5); -webkit-transform: translate(16px, 14px) scale(1.5); } #website-body .ep_gridrow.ep-o_streamingalert>.ep_gridrow-content>a.ep_gridcolumn.ep-m_header.ep-layout_link .ep_gridcolumn-content .ep-a_heading>.ep_title .ep-p_text .ep_icon, #website-body .ep_gridrow.ep-o_streamingalert>.ep_gridrow-content>a.ep_gridcolumn.ep-m_header.ep-layout_link:link .ep_gridcolumn-content .ep-a_heading>.ep_title .ep-p_text .ep_icon, #website-body .ep_gridrow.ep-o_streamingalert>.ep_gridrow-content>a.ep_gridcolumn.ep-m_header.ep-layout_link:visited .ep_gridcolumn-content .ep-a_heading>.ep_title .ep-p_text .ep_icon { background-color: transparent; background-position: -97px -42px; } #website-body .ep_gridrow.ep-o_streamingalert>.ep_gridrow-content>a.ep_gridcolumn.ep-m_header.ep-layout_link:hover .ep_gridcolumn-content .ep-a_heading>.ep_title .ep-p_text .ep_icon, #website-body .ep_gridrow.ep-o_streamingalert>.ep_gridrow-content>a.ep_gridcolumn.ep-m_header.ep-layout_link:focus .ep_gridcolumn-content .ep-a_heading>.ep_title .ep-p_text .ep_icon, #website-body .ep_gridrow.ep-o_streamingalert>.ep_gridrow-content>a.ep_gridcolumn.ep-m_header.ep-layout_link:active .ep_gridcolumn-content .ep-a_heading>.ep_title .ep-p_text .ep_icon { background-color: #fff; background-position: -97px -58px; } #website-body .ep_gridrow.ep-o_streamingalert>.ep_gridrow-content>a.ep_gridcolumn.ep-m_header.ep-layout_video .ep_gridcolumn-content .ep-a_heading>.ep_title .ep-p_text .ep_icon, #website-body .ep_gridrow.ep-o_streamingalert>.ep_gridrow-content>a.ep_gridcolumn.ep-m_header.ep-layout_video:link .ep_gridcolumn-content .ep-a_heading>.ep_title .ep-p_text .ep_icon, #website-body .ep_gridrow.ep-o_streamingalert>.ep_gridrow-content>a.ep_gridcolumn.ep-m_header.ep-layout_video:visited .ep_gridcolumn-content .ep-a_heading>.ep_title .ep-p_text .ep_icon { background-color: transparent; background-position: 0 -256px; } #website-body .ep_gridrow.ep-o_streamingalert>.ep_gridrow-content>a.ep_gridcolumn.ep-m_header.ep-layout_video:hover .ep_gridcolumn-content .ep-a_heading>.ep_title .ep-p_text .ep_icon, #website-body .ep_gridrow.ep-o_streamingalert>.ep_gridrow-content>a.ep_gridcolumn.ep-m_header.ep-layout_video:focus .ep_gridcolumn-content .ep-a_heading>.ep_title .ep-p_text .ep_icon, #website-body .ep_gridrow.ep-o_streamingalert>.ep_gridrow-content>a.ep_gridcolumn.ep-m_header.ep-layout_video:active .ep_gridcolumn-content .ep-a_heading>.ep_title .ep-p_text .ep_icon { background-color: #fff; background-position: -22px -256px; } @media screen and (min-width:639px), print { #website-body .ep_gridrow.ep-o_streamingalert>.ep_gridrow-content>a.ep_gridcolumn.ep-m_header.ep-layout_link:hover .ep_gridcolumn-content .ep-a_heading>.ep_title .ep-p_text .ep_name, #website-body .ep_gridrow.ep-o_streamingalert>.ep_gridrow-content>a.ep_gridcolumn.ep-m_header.ep-layout_link:focus .ep_gridcolumn-content .ep-a_heading>.ep_title .ep-p_text .ep_name, #website-body .ep_gridrow.ep-o_streamingalert>.ep_gridrow-content>a.ep_gridcolumn.ep-m_header.ep-layout_link:active .ep_gridcolumn-content .ep-a_heading>.ep_title .ep-p_text .ep_name, #website-body .ep_gridrow.ep-o_streamingalert>.ep_gridrow-content>a.ep_gridcolumn.ep-m_header.ep-layout_video:hover .ep_gridcolumn-content .ep-a_heading>.ep_title .ep-p_text .ep_name, #website-body .ep_gridrow.ep-o_streamingalert>.ep_gridrow-content>a.ep_gridcolumn.ep-m_header.ep-layout_video:focus .ep_gridcolumn-content .ep-a_heading>.ep_title .ep-p_text .ep_name, #website-body .ep_gridrow.ep-o_streamingalert>.ep_gridrow-content>a.ep_gridcolumn.ep-m_header.ep-layout_video:active .ep_gridcolumn-content .ep-a_heading>.ep_title .ep-p_text .ep_name { transform: translate(10px, 0); -webkit-transform: translate(10px, 0); } } @media screen and (max-width:639px) { #website-body .ep_gridrow.ep-o_streamingalert>.ep_gridrow-content>.ep_gridcolumn.ep-m_header>.ep_gridcolumn-content { text-align: center; } #website-body .ep_gridrow.ep-o_streamingalert>.ep_gridrow-content>.ep_gridcolumn.ep-m_header.ep-layout_link .ep_gridcolumn-content .ep-a_heading, #website-body .ep_gridrow.ep-o_streamingalert>.ep_gridrow-content>.ep_gridcolumn.ep-m_header.ep-layout_video .ep_gridcolumn-content .ep-a_heading { padding-top: 75px; padding-left: 25px; } #website-body .ep_gridrow.ep-o_streamingalert>.ep_gridrow-content>.ep_gridcolumn.ep-m_header.ep-layout_link .ep_gridcolumn-content .ep-a_heading>.ep_title .ep-p_text, #website-body .ep_gridrow.ep-o_streamingalert>.ep_gridrow-content>.ep_gridcolumn.ep-m_header.ep-layout_video .ep_gridcolumn-content .ep-a_heading>.ep_title .ep-p_text { position: relative; } #website-body .ep_gridrow.ep-o_streamingalert>.ep_gridrow-content>.ep_gridcolumn.ep-m_header.ep-layout_link .ep_gridcolumn-content .ep-a_heading>.ep_title .ep-p_text .ep_icon, #website-body .ep_gridrow.ep-o_streamingalert>.ep_gridrow-content>.ep_gridcolumn.ep-m_header.ep-layout_video .ep_gridcolumn-content .ep-a_heading>.ep_title .ep-p_text .ep_icon { top: 0; left: 50%; transform: translate(-50%, -60px); -webkit-transform: translate(-50%, -60px); } } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* ORGANISM "STREAMING ALERT" : Affichage du type "other event" */ /* ORGANISM "STREAMING ALERT" : Selection de la photo */ #website-body .ep_gridrow.ep-o_streamingalert.ep-layout_otherevent>.ep_gridrow-content>.ep_gridcolumn.ep-m_header { background-color: #017DC5; background-image: url(../img/streamingalert_neutral.jpg); background-position: left top; background-size: cover; } /* ORGANISM "STREAMING ALERT" : Alignement du texte sur la photo (mode normal) */ #website-body .ep_gridrow.ep-o_streamingalert.ep-layout_otherevent>.ep_gridrow-content>.ep_gridcolumn.ep-m_header { align-items: center; -webkit-align-items: center; } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* ORGANISM "STREAMING ALERT" : Affichage du type pleniere */ /* ORGANISM "STREAMING ALERT" : Selection de la photo */ #website-body .ep_gridrow.ep-o_streamingalert.ep-layout_plenary>.ep_gridrow-content>.ep_gridcolumn.ep-m_header { background-color: #017DC5; background-position: left -40% bottom; } #website-body .ep_gridrow.ep-o_streamingalert.ep-layout_plenary.ep-layout_strasbourg>.ep_gridrow-content>.ep_gridcolumn.ep-m_header { background-image: url(../img/streamingalert_plenary-strasbourg.jpg); background-size: auto 220px; } #website-body .ep_gridrow.ep-o_streamingalert.ep-layout_plenary.ep-layout_brussels>.ep_gridrow-content>.ep_gridcolumn.ep-m_header { background-image: url(../img/streamingalert_plenary-brussels.jpg); background-size: auto 200px; } /* ORGANISM "STREAMING ALERT" : Alignement du texte sur la photo (mode normal) */ #website-body .ep_gridrow.ep-o_streamingalert.ep-layout_plenary>.ep_gridrow-content>.ep_gridcolumn.ep-m_header { align-items: flex-start; -webkit-align-items: flex-start; } #website-body .ep_gridrow.ep-o_streamingalert.ep-layout_plenary>.ep_gridrow-content>.ep_gridcolumn.ep-m_header:before, #website-body .ep_gridrow.ep-o_streamingalert.ep-layout_plenary>.ep_gridrow-content>.ep_gridcolumn.ep-m_header>.ep_gridcolumn-content { vertical-align: middle; } /* ORGANISM "STREAMING ALERT" : Alignement du texte sur la photo (mode lien ou video) */ #website-body .ep_gridrow.ep-o_streamingalert.ep-layout_plenary>.ep_gridrow-content>.ep_gridcolumn.ep-m_header.ep-layout_link, #website-body .ep_gridrow.ep-o_streamingalert.ep-layout_plenary>.ep_gridrow-content>.ep_gridcolumn.ep-m_header.ep-layout_video { align-items: center; -webkit-align-items: center; } #website-body .ep_gridrow.ep-o_streamingalert.ep-layout_plenary>.ep_gridrow-content>.ep_gridcolumn.ep-m_header.ep-layout_link:before, #website-body .ep_gridrow.ep-o_streamingalert.ep-layout_plenary>.ep_gridrow-content>.ep_gridcolumn.ep-m_header.ep-layout_link>.ep_gridcolumn-content, #website-body .ep_gridrow.ep-o_streamingalert.ep-layout_plenary>.ep_gridrow-content>.ep_gridcolumn.ep-m_header.ep-layout_video:before, #website-body .ep_gridrow.ep-o_streamingalert.ep-layout_plenary>.ep_gridrow-content>.ep_gridcolumn.ep-m_header.ep-layout_video>.ep_gridcolumn-content { vertical-align: middle; } @media screen and (min-width:1200px) { #website-body .ep_gridrow.ep-o_streamingalert.ep-layout_plenary.ep-layout_strasbourg>.ep_gridrow-content>.ep_gridcolumn.ep-m_header { background-position: right -400px bottom; } #website-body .ep_gridrow.ep-o_streamingalert.ep-layout_plenary.ep-layout_brussels>.ep_gridrow-content>.ep_gridcolumn.ep-m_header { background-position: right -350px bottom; } #website-body .ep_gridrow.ep-o_streamingalert.ep-layout_plenary .ep-m_header .ep_gridcolumn-content [class*="ep-a_"] { padding-right: 450px; } } @media screen and (min-width:1020px) and (max-width:1199px) { #website-body .ep_gridrow.ep-o_streamingalert.ep-layout_plenary.ep-layout_strasbourg>.ep_gridrow-content>.ep_gridcolumn.ep-m_header { background-position: left 150px bottom; } #website-body .ep_gridrow.ep-o_streamingalert.ep-layout_plenary.ep-layout_brussels>.ep_gridrow-content>.ep_gridcolumn.ep-m_header { background-size: auto 140px; background-position: right -250px bottom; } #website-body .ep_gridrow.ep-o_streamingalert.ep-layout_plenary .ep-m_header .ep_gridcolumn-content [class*="ep-a_"] { padding-right: 100px; } } @media screen and (min-width:750px) and (max-width:1019px), print { #website-body .ep_gridrow.ep-o_streamingalert.ep-layout_plenary.ep-layout_strasbourg>.ep_gridrow-content>.ep_gridcolumn.ep-m_header { background-position: right -650px bottom; } #website-body .ep_gridrow.ep-o_streamingalert.ep-layout_plenary.ep-layout_brussels>.ep_gridrow-content>.ep_gridcolumn.ep-m_header { background-size: auto 140px; background-position: right -250px bottom; } #website-body .ep_gridrow.ep-o_streamingalert.ep-layout_plenary .ep-m_header .ep_gridcolumn-content [class*="ep-a_"] { padding-right: 100px; } } @media screen and (min-width:640px) and (max-width:749px) { #website-body .ep_gridrow.ep-o_streamingalert.ep-layout_plenary.ep-layout_strasbourg>.ep_gridrow-content>.ep_gridcolumn.ep-m_header { background-position: left 10% bottom; } #website-body .ep_gridrow.ep-o_streamingalert.ep-layout_plenary.ep-layout_brussels>.ep_gridrow-content>.ep_gridcolumn.ep-m_header { background-size: auto 140px; background-position: right -250px bottom; } } @media screen and (max-width:639px) { #website-body .ep_gridrow.ep-o_streamingalert.ep-layout_plenary.ep-layout_strasbourg>.ep_gridrow-content>.ep_gridcolumn.ep-m_header, #website-body .ep_gridrow.ep-o_streamingalert.ep-layout_plenary.ep-layout_brussels>.ep_gridrow-content>.ep_gridcolumn.ep-m_header { background-size: 1000px auto; background-position: center bottom; } #website-body .ep_gridrow.ep-o_streamingalert.ep-layout_plenary>.ep_gridrow-content>.ep_gridcolumn.ep-m_header>.ep_gridcolumn-content { padding-right: 25px; padding-bottom: 140px; } } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* ORGANISM "STREAMING ALERT" : Affichage du type commission */ /* ORGANISM "STREAMING ALERT" : Selection de la photo */ #website-body .ep_gridrow.ep-o_streamingalert.ep-layout_committee>.ep_gridrow-content>.ep_gridcolumn.ep-m_header { background-color: #CC6D35; background-image: url(../img/streamingalert_committee.jpg); background-size: auto 180%; background-position: right bottom; } /* ORGANISM "STREAMING ALERT" : Alignement du texte sur la photo (mode normal) */ #website-body .ep_gridrow.ep-o_streamingalert.ep-layout_committee>.ep_gridrow-content>.ep_gridcolumn.ep-m_header { align-items: center; -webkit-align-items: center; } @media screen and (max-width:1019px) { #website-body .ep_gridrow.ep-o_streamingalert.ep-layout_committee>.ep_gridrow-content>.ep_gridcolumn.ep-m_header { background-size: auto 280px; background-position: right -200px bottom; } #website-body .ep_gridrow.ep-o_streamingalert.ep-layout_committee>.ep_gridrow-content>.ep_gridcolumn.ep-m_header>.ep_gridcolumn-content { padding-right: 150px; } } @media screen and (max-width:639px) { #website-body .ep_gridrow.ep-o_streamingalert.ep-layout_committee>.ep_gridrow-content>.ep_gridcolumn.ep-m_header { background-size: auto 300px; background-position: right bottom; } #website-body .ep_gridrow.ep-o_streamingalert.ep-layout_committee>.ep_gridrow-content>.ep_gridcolumn.ep-m_header>.ep_gridcolumn-content { padding-right: 25px; padding-bottom: 140px; } } /* ========================================================================================================================================================================= */ /* == AGENDA EVENT =============== [ORGANISM] ========= ep-o_agendaevent =================================================================================================== */ /* ========================================================================================================================================================================= */ /* Description : Organisme a utiliser pour l'affichage de la liste d'evenements "agenda" */ /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* ORGANISM "AGENDA EVENT" : Affichage du filtre d'entete */ /* ORGANISM "AGENDA EVENT" : Invertion des jours et du nom dans le filtre */ #website-body .ep_gridrow.ep-o_agendaevent.ep-layout_header .ep-m_footer form.ep_gridcolumn:first-child>.ep_gridcolumn-content { padding-right: 30px; } #website-body .ep_gridrow.ep-o_agendaevent.ep-layout_header .ep-m_footer form.ep_gridcolumn+form.ep_gridcolumn { position: relative; } #website-body .ep_gridrow.ep-o_agendaevent.ep-layout_header .ep-m_footer form.ep_gridcolumn+form.ep_gridcolumn:before { position: absolute; display: block; top: 20px; bottom: 10px; width: 0; transform: translate(-10px, 0); -webkit-transform: translate(-10px, 0); border-left: 1px solid #d1d3d4; content: ""; } /* ORGANISM "AGENDA EVENT" : Nettoyage du design de la molecule agenda */ #website-body .ep_gridrow.ep-o_agendaevent.ep-layout_event .ep_gridrow.ep-layout_filter .ep_gridcolumn.ep-m_agenda .ep_gridcolumn-content .ep_filter, #website-body .ep_gridrow.ep-o_agendaevent.ep-layout_event .ep_gridrow.ep-layout_filter .ep_gridcolumn.ep-m_agenda .ep_gridcolumn-content .ep_filter .ep-a_dayselect .ep-p_casefield, #website-body .ep_gridrow.ep-o_agendaevent.ep-layout_event .ep_gridrow.ep-layout_filter .ep_gridcolumn.ep-m_agenda .ep_gridcolumn-content .ep_filter .ep-a_dayselect .ep_list { padding: 0; background: none; border: 0; } #website-body .ep_gridrow.ep-o_agendaevent.ep-layout_event .ep_gridrow.ep-layout_filter .ep_gridcolumn.ep-m_agenda .ep_gridcolumn-content .ep_filter .ep-a_dayselect { width: 100%; flex: 1 1 auto; -webkit-flex: 1 1 auto; } #website-body .ep_gridrow.ep-o_agendaevent.ep-layout_event .ep_gridrow.ep-layout_filter .ep_gridcolumn.ep-m_form:after, #website-body .ep_gridrow.ep-o_agendaevent.ep-layout_event .ep_gridrow.ep-layout_filter .ep_gridcolumn.ep-m_agenda:after { height: 0; } /* ORGANISM "AGENDA EVENT" : Invertion des jours et du nom dans le filtre */ #website-body .ep_gridrow.ep-o_agendaevent.ep-layout_header .ep_gridcolumn.ep-m_footer .ep-a_dayselect legend.ep_title, #website-body .ep_gridrow.ep-o_agendaevent.ep-layout_event .ep_gridrow.ep-layout_filter .ep_gridcolumn.ep-m_agenda .ep-a_dayselect legend.ep_title { font-size: 1.4em; font-weight: bold; color: #1e1e1f; } #website-body .ep_gridrow.ep-o_agendaevent.ep-layout_header .ep_gridcolumn.ep-m_footer .ep-a_dayselect .ep-p_casefield .ep_input, #website-body .ep_gridrow.ep-o_agendaevent.ep-layout_header .ep_gridcolumn.ep-m_footer .ep-a_dayselect .ep_list .ep_input, #website-body .ep_gridrow.ep-o_agendaevent.ep-layout_event .ep_gridrow.ep-layout_filter .ep_gridcolumn.ep-m_agenda .ep-a_dayselect .ep-p_casefield .ep_input, #website-body .ep_gridrow.ep-o_agendaevent.ep-layout_event .ep_gridrow.ep-layout_filter .ep_gridcolumn.ep-m_agenda .ep-a_dayselect .ep_list .ep_input { width: 40px; } #website-body .ep_gridrow.ep-o_agendaevent.ep-layout_header .ep_gridcolumn.ep-m_footer .ep-a_dayselect .ep-p_casefield .ep_input label .ep_name abbr, #website-body .ep_gridrow.ep-o_agendaevent.ep-layout_header .ep_gridcolumn.ep-m_footer .ep-a_dayselect .ep_list .ep_input .ep-p_text .ep_name abbr, #website-body .ep_gridrow.ep-o_agendaevent.ep-layout_event .ep_gridrow.ep-layout_filter .ep_gridcolumn.ep-m_agenda .ep-a_dayselect .ep-p_casefield .ep_input label .ep_name abbr, #website-body .ep_gridrow.ep-o_agendaevent.ep-layout_event .ep_gridrow.ep-layout_filter .ep_gridcolumn.ep-m_agenda .ep-a_dayselect .ep_list .ep_input .ep-p_text .ep_name abbr { padding-top: 0; margin-bottom: 8px; order: 1; -webkit-order: 1; } #website-body .ep_gridrow.ep-o_agendaevent.ep-layout_header .ep_gridcolumn.ep-m_footer .ep-a_dayselect .ep-p_casefield .ep_input label .ep_name time, #website-body .ep_gridrow.ep-o_agendaevent.ep-layout_header .ep_gridcolumn.ep-m_footer .ep-a_dayselect .ep_list .ep_input .ep-p_text .ep_name time, #website-body .ep_gridrow.ep-o_agendaevent.ep-layout_event .ep_gridrow.ep-layout_filter .ep_gridcolumn.ep-m_agenda .ep-a_dayselect .ep-p_casefield .ep_input label .ep_name time, #website-body .ep_gridrow.ep-o_agendaevent.ep-layout_event .ep_gridrow.ep-layout_filter .ep_gridcolumn.ep-m_agenda .ep-a_dayselect .ep_list .ep_input .ep-p_text .ep_name time { width: 40px; height: 40px; margin-top: 3px; margin-bottom: 4px; padding-top: 3px; flex: 0 0 40px; -webkit-flex: 0 0 40px; order: 2; -webkit-order: 2; } #website-body .ep_gridrow.ep-o_agendaevent.ep-layout_header .ep-a_field.ep-layout_calendar .ep-p_select, #website-body .ep_gridrow.ep-o_agendaevent.ep-layout_header .ep-a_field.ep-layout_calendar .ep-p_select { display: inline-block; width: auto; max-width: 100%; } body[data-jsactive] #website-body .ep_gridrow.ep-o_agendaevent.ep-layout_header .ep-a_field.ep-layout_calendar .ep-p_select .ep_select.epjs_converted .epjs_select .epjs_button, body[data-jsactive] #website-body .ep_gridrow.ep-o_agendaevent.ep-layout_header .ep-a_field.ep-layout_calendar .ep-p_select .ep_select.epjs_converted .epjs_select .epjs_dropdown { min-width: 1px !important; max-width: 100%; } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* ORGANISM "AGENDA EVENT" : Affichage de l'entete des jours */ /* ORGANISM "AGENDA EVENT" : Interlignage de la liste afin d'afficher le titre via l'ancre */ #website-body .ep_gridrow.ep-o_agendaevent.ep-layout_event { margin-top: -41px; } #website-body .ep_gridrow.ep-o_agendaevent.ep-layout_event>.ep_gridrow-content>.ep_gridcolumn:before { position: static; display: block; width: auto; height: 30px; margin: 0 10px; flex: 0 0 30px; -webkit-flex: 0 0 30px; border-top: 1px solid #1e1e1f; content: ""; } #website-body .ep_gridrow.ep-o_agendaevent.ep-layout_event>.ep_gridrow-content>.ep_gridcolumn { background-color: #fff; } /* ORGANISM "AGENDA EVENT" : Insertion du filtre entre les jours */ #website-body .ep_gridrow.ep-o_agendaevent.ep-layout_event .ep_gridrow.ep-layout_filter>.ep_gridrow-content { align-items: flex-end; -webkit-align-items: flex-end; } #website-body .ep_gridrow.ep-o_agendaevent.ep-layout_event .ep_gridrow.ep-layout_filter { margin-top: -10px; order: 1; -webkit-order: 1; } #website-body .ep_gridrow.ep-o_agendaevent.ep-layout_event .ep_gridrow.ep-layout_filter:after { position: static; display: block; width: calc(100% - 20px); height: 30px; margin: 10px 10px 0 10px; flex: 0 0 auto; -webkit-flex: 0 0 auto; border-top: 1px solid #1e1e1f; content: ""; } #website-body .ep_gridrow.ep-o_agendaevent.ep-layout_event .ep_gridrow.ep-layout_header { order: 2; -webkit-order: 2; } #website-body .ep_gridrow.ep-o_agendaevent.ep-layout_event .ep_gridrow.ep-layout_content { order: 3; -webkit-order: 3; } /* ORGANISM "AGENDA EVENT" : Suppression du filtre insere */ #website-body .ep_gridrow.ep-o_agendaevent.ep-layout_event>.ep_gridrow-content>.ep_gridcolumn:first-child .ep_gridrow.ep-layout_filter, #website-body .ep_gridrow.ep-o_agendaevent.ep-layout_event>.ep_gridrow-content>.ep_gridcolumn.ep-layout_inthepast+.ep_gridcolumn .ep_gridrow.ep-layout_filter { display: none; } /* ORGANISM "AGENDA EVENT" : Deplacement du titre "jour" en face du filtre */ #website-body .ep_gridrow.ep-o_agendaevent.ep-layout_event .ep_gridrow.ep-layout_header { height: 0; } #website-body .ep_gridrow.ep-o_agendaevent.ep-layout_event .ep_gridrow.ep-layout_header~.ep_gridrow.ep-layout_content>.ep_gridrow-content>.ep_gridcolumn+.ep_gridcolumn { padding-top: calc(2.5em + 20px); } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* ORGANISM "AGENDA EVENT" : Affichage du type d'evenement */ /* ORGANISM "AGENDA EVENT" : Separation entre les types d'evenements */ #website-body .ep_gridrow.ep-o_agendaevent.ep-layout_event .ep_gridrow.ep-layout_content>.ep_gridrow-content>.ep_gridcolumn+.ep_gridcolumn>.ep_gridrow { padding-top: 30px; border-top: 1px dotted #d1d3d4; } #website-body .ep_gridrow.ep-o_agendaevent.ep-layout_event .ep_gridrow.ep-layout_content>.ep_gridrow-content>.ep_gridcolumn+.ep_gridcolumn:before { position: relative; display: block; width: auto; height: 2px; margin: 0 0 -2px 0; flex: 0 0 2px; -webkit-flex: 0 0 2px; background-color: #fff; content: ""; } /* ORGANISM "AGENDA EVENT" : Entete encadre */ #website-body .ep_gridrow.ep-o_agendaevent.ep-layout_event .ep_gridrow.ep-layout_content>.ep_gridrow-content>.ep_gridcolumn>.ep_gridrow .ep-m_header .ep-a_heading .ep_title .ep-p_text { padding: 12px 15px 11px 15px; border: 1px solid #1e1e1f; font-size: 1.2em; font-weight: normal; text-transform: uppercase; } #website-body .ep_gridrow.ep-o_agendaevent.ep-layout_event .ep_gridrow.ep-layout_content>.ep_gridrow-content>.ep_gridcolumn>.ep_gridrow .ep-m_header .ep-a_heading .ep_subtitle .ep-p_text { font-size: 1.4em; color: #505154; } #website-body .ep_gridrow.ep-o_agendaevent.ep-layout_event .ep_gridrow.ep-layout_content>.ep_gridrow-content>.ep_gridcolumn>.ep_gridrow .ep-m_header .ep-a_heading .ep_title+.ep_subtitle { margin-top: 5px; margin-bottom: -20px; } /* ORGANISM "AGENDA EVENT" : Entete avec filtre */ #website-body .ep_gridrow.ep-o_agendaevent.ep-layout_event .ep_gridrow.ep-layout_content>.ep_gridrow-content>.ep_gridcolumn>.ep_gridrow .ep-m_header .ep-a_heading, #website-body .ep_gridrow.ep-o_agendaevent.ep-layout_event .ep_gridrow.ep-layout_content>.ep_gridrow-content>.ep_gridcolumn>.ep_gridrow .ep-m_header .ep-a_field { display: inline-block; } #website-body .ep_gridrow.ep-o_agendaevent.ep-layout_event .ep_gridrow.ep-layout_content>.ep_gridrow-content>.ep_gridcolumn>.ep_gridrow .ep-m_header .ep-a_heading { margin-right: 20px; } body[data-jsactive] #website-body .ep_gridrow.ep-o_agendaevent.ep-layout_event .ep_gridrow.ep-layout_content>.ep_gridrow-content>.ep_gridcolumn>.ep_gridrow .ep-m_header .ep-a_field .ep_select.epjs_converted .epjs_select .epjs_button { padding-top: 13px; padding-right: 30px; } body[data-jsactive] #website-body .ep_gridrow.ep-o_agendaevent.ep-layout_event .ep_gridrow.ep-layout_content>.ep_gridrow-content>.ep_gridcolumn>.ep_gridrow .ep-m_header .ep-a_field .ep_select.epjs_converted .epjs_select .epjs_button .epjs_name { width: 100% !important; } /* ORGANISM "AGENDA EVENT" : Evenement (horaire) */ #website-body .ep_gridrow.ep-o_agendaevent.ep-layout_event .ep_gridrow.ep-layout_content>.ep_gridrow-content>.ep_gridcolumn>.ep_gridrow .ep-m_product .ep_gridcolumn.ep-layout_date .ep-a_heading .ep_title { display: inline-block; } #website-body .ep_gridrow.ep-o_agendaevent.ep-layout_event .ep_gridrow.ep-layout_content>.ep_gridrow-content>.ep_gridcolumn>.ep_gridrow .ep-m_product .ep_gridcolumn.ep-layout_date .ep-a_heading .ep_title:after { position: static; display: block; overflow: hidden; margin: 10px 0 0 0; height: 0; border-top: 1px solid #3c77bd; content: ""; } /* ORGANISM "AGENDA EVENT" : Evenement (interlignage entre les horaires) */ #website-body .ep_gridrow.ep-o_agendaevent.ep-layout_event .ep_gridrow.ep-layout_content>.ep_gridrow-content>.ep_gridcolumn>.ep_gridrow .ep-m_product>.ep_gridrow+.ep_gridrow:before { position: static; display: block; height: 10px; background-color: #fff; opacity: 0; content: ""; } /* ORGANISM "AGENDA EVENT" : Evenement (titre du point) */ #website-body .ep_gridrow.ep-o_agendaevent.ep-layout_event .ep_gridrow.ep-layout_content>.ep_gridrow-content>.ep_gridcolumn>.ep_gridrow .ep-m_product .ep_gridcolumn.ep-layout_text .ep-a_heading .ep_subtitle .ep-p_text { display: block; font-size: 1.4em; font-weight: normal; color: #505154; } #website-body .ep_gridrow.ep-o_agendaevent.ep-layout_event .ep_gridrow.ep-layout_content>.ep_gridrow-content>.ep_gridcolumn>.ep_gridrow .ep-m_product .ep_gridcolumn.ep-layout_text .ep-a_heading .ep_subtitle .ep-p_text.ep-layout_location { color: #1e1e1f; } #website-body .ep_gridrow.ep-o_agendaevent.ep-layout_event .ep_gridrow.ep-layout_content>.ep_gridrow-content>.ep_gridcolumn>.ep_gridrow .ep-m_product .ep_gridcolumn.ep-layout_text .ep-a_heading .ep_subtitle .ep-p_text+.ep-p_text .ep_name { margin-top: 10px; } #website-body .ep_gridrow.ep-o_agendaevent.ep-layout_event .ep_gridrow.ep-layout_content>.ep_gridrow-content>.ep_gridcolumn>.ep_gridrow .ep-m_product .ep_gridcolumn.ep-layout_text .ep-a_heading .ep_subtitle .ep-p_text+.ep-p_text.ep-layout_contenttype { margin-top: -5px; font-size: 1.2em; color: #e53f1f; } /* ORGANISM "AGENDA EVENT" : Evenement (interlignage entre point) */ #website-body .ep_gridrow.ep-o_agendaevent.ep-layout_event .ep_gridrow.ep-layout_content>.ep_gridrow-content>.ep_gridcolumn>.ep_gridrow .ep-m_product .ep_gridcolumn.ep-layout_text .ep_gridrow-content+.ep_gridrow-content { margin-top: 10px; } /* ORGANISM "AGENDA EVENT" : Evenement (interlignage entre les composants de l'evenement) */ #website-body .ep_gridrow.ep-o_agendaevent.ep-layout_event .ep_gridrow.ep-layout_content>.ep_gridrow-content>.ep_gridcolumn>.ep_gridrow .ep-m_product .ep_gridcolumn.ep-layout_text .ep-a_heading+.ep-a_links .ep_list>*:first-child { padding-top: 10px; } #website-body .ep_gridrow.ep-o_agendaevent.ep-layout_event .ep_gridrow.ep-layout_content>.ep_gridrow-content>.ep_gridcolumn>.ep_gridrow .ep-m_product .ep_gridcolumn.ep-layout_text .ep-a_links+.ep-a_heading { margin-top: -15px; } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* ORGANISM "AGENDA EVENT" : Suppression des jours passes (via activation JavaScript) */ #website-body .ep_gridrow.ep-o_agendaevent.ep-layout_event[data-converted]>.ep_gridrow-content>.ep_gridcolumn.ep-layout_inthepast:before, #website-body .ep_gridrow.ep-o_agendaevent.ep-layout_event[data-converted]>.ep_gridrow-content>.ep_gridcolumn.ep-layout_inthepast:after, #website-body .ep_gridrow.ep-o_agendaevent.ep-layout_event[data-converted]>.ep_gridrow-content>.ep_gridcolumn.ep-layout_inthepast>* { display: none !important; } #website-body .ep_gridrow.ep-o_agendaevent.ep-layout_event[data-converted]>.ep_gridrow-content>.ep_gridcolumn.ep-layout_inthepast { overflow: hidden; height: 0; } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* ORGANISM "AGENDA EVENT" : Affichage des evenements selon le filtre actif (via activation JavaScript) */ /* ORGANISM "AGENDA EVENT" : Suppression des evenements vides dans l'affichage sans filtre */ #website-body .ep_gridrow.ep-o_agendaevent.ep-layout_event:not([data-filter])>.ep_gridrow-content>.ep_gridcolumn>.ep_gridrow.ep-layout_content .ep_gridrow.ep-layout_noevent, #website-body .ep_gridrow.ep-o_agendaevent.ep-layout_event[data-filter=""]>.ep_gridrow-content>.ep_gridcolumn>.ep_gridrow.ep-layout_content .ep_gridrow.ep-layout_noevent { display: none; } /* ORGANISM "AGENDA EVENT" : Suppression des evenements selon le filtre */ #website-body .ep_gridrow.ep-o_agendaevent.ep-layout_event[data-converted][data-filter="conference-of-president"]>.ep_gridrow-content>.ep_gridcolumn>.ep_gridrow.ep-layout_content:not([data-filter]) .ep_gridrow[class*="ep-layout_event_"]:not(.ep-layout_event_conference-of-president), #website-body .ep_gridrow.ep-o_agendaevent.ep-layout_event[data-converted][data-filter="concilliation-committee"]>.ep_gridrow-content>.ep_gridcolumn>.ep_gridrow.ep-layout_content:not([data-filter]) .ep_gridrow[class*="ep-layout_event_"]:not(.ep-layout_event_concilliation-committee), #website-body .ep_gridrow.ep-o_agendaevent.ep-layout_event[data-converted][data-filter="committee-meetings"]>.ep_gridrow-content>.ep_gridcolumn>.ep_gridrow.ep-layout_content:not([data-filter]) .ep_gridrow[class*="ep-layout_event_"]:not(.ep-layout_event_committee-meetings), #website-body .ep_gridrow.ep-o_agendaevent.ep-layout_event[data-converted][data-filter="committees"]>.ep_gridrow-content>.ep_gridcolumn>.ep_gridrow.ep-layout_content:not([data-filter]) .ep_gridrow[class*="ep-layout_event_"]:not(.ep-layout_event_committees), #website-body .ep_gridrow.ep-o_agendaevent.ep-layout_event[data-converted][data-filter="delegations"]>.ep_gridrow-content>.ep_gridcolumn>.ep_gridrow.ep-layout_content:not([data-filter]) .ep_gridrow[class*="ep-layout_event_"]:not(.ep-layout_event_delegations), #website-body .ep_gridrow.ep-o_agendaevent.ep-layout_event[data-converted][data-filter="official-visits"]>.ep_gridrow-content>.ep_gridcolumn>.ep_gridrow.ep-layout_content:not([data-filter]) .ep_gridrow[class*="ep-layout_event_"]:not(.ep-layout_event_official-visits), #website-body .ep_gridrow.ep-o_agendaevent.ep-layout_event[data-converted][data-filter="other-events"]>.ep_gridrow-content>.ep_gridcolumn>.ep_gridrow.ep-layout_content:not([data-filter]) .ep_gridrow[class*="ep-layout_event_"]:not(.ep-layout_event_other-events), #website-body .ep_gridrow.ep-o_agendaevent.ep-layout_event[data-converted][data-filter="plenary-session"]>.ep_gridrow-content>.ep_gridcolumn>.ep_gridrow.ep-layout_content:not([data-filter]) .ep_gridrow[class*="ep-layout_event_"]:not(.ep-layout_event_plenary-session), #website-body .ep_gridrow.ep-o_agendaevent.ep-layout_event[data-converted][data-filter="president-diary"]>.ep_gridrow-content>.ep_gridcolumn>.ep_gridrow.ep-layout_content:not([data-filter]) .ep_gridrow[class*="ep-layout_event_"]:not(.ep-layout_event_president-diary), #website-body .ep_gridrow.ep-o_agendaevent.ep-layout_event[data-converted][data-filter="press-conferences"]>.ep_gridrow-content>.ep_gridcolumn>.ep_gridrow.ep-layout_content:not([data-filter]) .ep_gridrow[class*="ep-layout_event_"]:not(.ep-layout_event_press-conferences), #website-body .ep_gridrow.ep-o_agendaevent.ep-layout_event[data-converted][data-filter="public-hearings"]>.ep_gridrow-content>.ep_gridcolumn>.ep_gridrow.ep-layout_content:not([data-filter]) .ep_gridrow[class*="ep-layout_event_"]:not(.ep-layout_event_public-hearings), #website-body .ep_gridrow.ep-o_agendaevent.ep-layout_event[data-converted][data-filter="special-events"]>.ep_gridrow-content>.ep_gridcolumn>.ep_gridrow.ep-layout_content:not([data-filter]) .ep_gridrow[class*="ep-layout_event_"]:not(.ep-layout_event_special-events), #website-body .ep_gridrow.ep-o_agendaevent.ep-layout_event[data-converted]>.ep_gridrow-content>.ep_gridcolumn>.ep_gridrow.ep-layout_content[data-filter="conference-of-president"] .ep_gridrow[class*="ep-layout_event_"]:not(.ep-layout_event_conference-of-president), #website-body .ep_gridrow.ep-o_agendaevent.ep-layout_event[data-converted]>.ep_gridrow-content>.ep_gridcolumn>.ep_gridrow.ep-layout_content[data-filter="concilliation-committee"] .ep_gridrow[class*="ep-layout_event_"]:not(.ep-layout_event_concilliation-committee), #website-body .ep_gridrow.ep-o_agendaevent.ep-layout_event[data-converted]>.ep_gridrow-content>.ep_gridcolumn>.ep_gridrow.ep-layout_content[data-filter="committee-meetings"] .ep_gridrow[class*="ep-layout_event_"]:not(.ep-layout_event_committee-meetings), #website-body .ep_gridrow.ep-o_agendaevent.ep-layout_event[data-converted]>.ep_gridrow-content>.ep_gridcolumn>.ep_gridrow.ep-layout_content[data-filter="committees"] .ep_gridrow[class*="ep-layout_event_"]:not(.ep-layout_event_committees), #website-body .ep_gridrow.ep-o_agendaevent.ep-layout_event[data-converted]>.ep_gridrow-content>.ep_gridcolumn>.ep_gridrow.ep-layout_content[data-filter="delegations"] .ep_gridrow[class*="ep-layout_event_"]:not(.ep-layout_event_delegations), #website-body .ep_gridrow.ep-o_agendaevent.ep-layout_event[data-converted]>.ep_gridrow-content>.ep_gridcolumn>.ep_gridrow.ep-layout_content[data-filter="official-visits"] .ep_gridrow[class*="ep-layout_event_"]:not(.ep-layout_event_official-visits), #website-body .ep_gridrow.ep-o_agendaevent.ep-layout_event[data-converted]>.ep_gridrow-content>.ep_gridcolumn>.ep_gridrow.ep-layout_content[data-filter="other-events"] .ep_gridrow[class*="ep-layout_event_"]:not(.ep-layout_event_other-events), #website-body .ep_gridrow.ep-o_agendaevent.ep-layout_event[data-converted]>.ep_gridrow-content>.ep_gridcolumn>.ep_gridrow.ep-layout_content[data-filter="plenary-session"] .ep_gridrow[class*="ep-layout_event_"]:not(.ep-layout_event_plenary-session), #website-body .ep_gridrow.ep-o_agendaevent.ep-layout_event[data-converted]>.ep_gridrow-content>.ep_gridcolumn>.ep_gridrow.ep-layout_content[data-filter="president-diary"] .ep_gridrow[class*="ep-layout_event_"]:not(.ep-layout_event_president-diary), #website-body .ep_gridrow.ep-o_agendaevent.ep-layout_event[data-converted]>.ep_gridrow-content>.ep_gridcolumn>.ep_gridrow.ep-layout_content[data-filter="press-conferences"] .ep_gridrow[class*="ep-layout_event_"]:not(.ep-layout_event_press-conferences), #website-body .ep_gridrow.ep-o_agendaevent.ep-layout_event[data-converted]>.ep_gridrow-content>.ep_gridcolumn>.ep_gridrow.ep-layout_content[data-filter="public-hearings"] .ep_gridrow[class*="ep-layout_event_"]:not(.ep-layout_event_public-hearings), #website-body .ep_gridrow.ep-o_agendaevent.ep-layout_event[data-converted]>.ep_gridrow-content>.ep_gridcolumn>.ep_gridrow.ep-layout_content[data-filter="special-events"] .ep_gridrow[class*="ep-layout_event_"]:not(.ep-layout_event_special-events) { display: none; } /* ORGANISM "AGENDA EVENT" : Suppression des evenements "commission" selon le filtre dedie */ #website-body .ep_gridrow.ep-o_agendaevent.ep-layout_event .ep_gridrow.ep-layout_event_committee-meetings[data-committeesfilter] .ep_gridcolumn[class*="ep-m_"]>.ep_gridrow { display: none; } #website-body .ep_gridrow.ep-o_agendaevent.ep-layout_event .ep_gridrow.ep-layout_event_committee-meetings[data-committeesfilter=""] .ep_gridcolumn[class*="ep-m_"]>.ep_gridrow { display: block; display: flex; display: -webkit-flex; } #website-body .ep_gridrow.ep-o_agendaevent.ep-layout_event .ep_gridrow.ep-layout_event_committee-meetings[data-committeesfilter="afco"] .ep_gridcolumn[class*="ep-m_"]>.ep_gridrow.ep-layout_afco { display: block; display: flex; display: -webkit-flex; } #website-body .ep_gridrow.ep-o_agendaevent.ep-layout_event .ep_gridrow.ep-layout_event_committee-meetings[data-committeesfilter="afet"] .ep_gridcolumn[class*="ep-m_"]>.ep_gridrow.ep-layout_afet { display: block; display: flex; display: -webkit-flex; } #website-body .ep_gridrow.ep-o_agendaevent.ep-layout_event .ep_gridrow.ep-layout_event_committee-meetings[data-committeesfilter="agri"] .ep_gridcolumn[class*="ep-m_"]>.ep_gridrow.ep-layout_agri { display: block; display: flex; display: -webkit-flex; } #website-body .ep_gridrow.ep-o_agendaevent.ep-layout_event .ep_gridrow.ep-layout_event_committee-meetings[data-committeesfilter="budg"] .ep_gridcolumn[class*="ep-m_"]>.ep_gridrow.ep-layout_budg { display: block; display: flex; display: -webkit-flex; } #website-body .ep_gridrow.ep-o_agendaevent.ep-layout_event .ep_gridrow.ep-layout_event_committee-meetings[data-committeesfilter="cont"] .ep_gridcolumn[class*="ep-m_"]>.ep_gridrow.ep-layout_cont { display: block; display: flex; display: -webkit-flex; } #website-body .ep_gridrow.ep-o_agendaevent.ep-layout_event .ep_gridrow.ep-layout_event_committee-meetings[data-committeesfilter="cult"] .ep_gridcolumn[class*="ep-m_"]>.ep_gridrow.ep-layout_cult { display: block; display: flex; display: -webkit-flex; } #website-body .ep_gridrow.ep-o_agendaevent.ep-layout_event .ep_gridrow.ep-layout_event_committee-meetings[data-committeesfilter="deve"] .ep_gridcolumn[class*="ep-m_"]>.ep_gridrow.ep-layout_deve { display: block; display: flex; display: -webkit-flex; } #website-body .ep_gridrow.ep-o_agendaevent.ep-layout_event .ep_gridrow.ep-layout_event_committee-meetings[data-committeesfilter="droi"] .ep_gridcolumn[class*="ep-m_"]>.ep_gridrow.ep-layout_droi { display: block; display: flex; display: -webkit-flex; } #website-body .ep_gridrow.ep-o_agendaevent.ep-layout_event .ep_gridrow.ep-layout_event_committee-meetings[data-committeesfilter="econ"] .ep_gridcolumn[class*="ep-m_"]>.ep_gridrow.ep-layout_econ { display: block; display: flex; display: -webkit-flex; } #website-body .ep_gridrow.ep-o_agendaevent.ep-layout_event .ep_gridrow.ep-layout_event_committee-meetings[data-committeesfilter="emis"] .ep_gridcolumn[class*="ep-m_"]>.ep_gridrow.ep-layout_emis { display: block; display: flex; display: -webkit-flex; } #website-body .ep_gridrow.ep-o_agendaevent.ep-layout_event .ep_gridrow.ep-layout_event_committee-meetings[data-committeesfilter="empl"] .ep_gridcolumn[class*="ep-m_"]>.ep_gridrow.ep-layout_empl { display: block; display: flex; display: -webkit-flex; } #website-body .ep_gridrow.ep-o_agendaevent.ep-layout_event .ep_gridrow.ep-layout_event_committee-meetings[data-committeesfilter="envi"] .ep_gridcolumn[class*="ep-m_"]>.ep_gridrow.ep-layout_envi { display: block; display: flex; display: -webkit-flex; } #website-body .ep_gridrow.ep-o_agendaevent.ep-layout_event .ep_gridrow.ep-layout_event_committee-meetings[data-committeesfilter="femm"] .ep_gridcolumn[class*="ep-m_"]>.ep_gridrow.ep-layout_femm { display: block; display: flex; display: -webkit-flex; } #website-body .ep_gridrow.ep-o_agendaevent.ep-layout_event .ep_gridrow.ep-layout_event_committee-meetings[data-committeesfilter="imco"] .ep_gridcolumn[class*="ep-m_"]>.ep_gridrow.ep-layout_imco { display: block; display: flex; display: -webkit-flex; } #website-body .ep_gridrow.ep-o_agendaevent.ep-layout_event .ep_gridrow.ep-layout_event_committee-meetings[data-committeesfilter="inta"] .ep_gridcolumn[class*="ep-m_"]>.ep_gridrow.ep-layout_inta { display: block; display: flex; display: -webkit-flex; } #website-body .ep_gridrow.ep-o_agendaevent.ep-layout_event .ep_gridrow.ep-layout_event_committee-meetings[data-committeesfilter="itre"] .ep_gridcolumn[class*="ep-m_"]>.ep_gridrow.ep-layout_itre { display: block; display: flex; display: -webkit-flex; } #website-body .ep_gridrow.ep-o_agendaevent.ep-layout_event .ep_gridrow.ep-layout_event_committee-meetings[data-committeesfilter="juri"] .ep_gridcolumn[class*="ep-m_"]>.ep_gridrow.ep-layout_juri { display: block; display: flex; display: -webkit-flex; } #website-body .ep_gridrow.ep-o_agendaevent.ep-layout_event .ep_gridrow.ep-layout_event_committee-meetings[data-committeesfilter="libe"] .ep_gridcolumn[class*="ep-m_"]>.ep_gridrow.ep-layout_libe { display: block; display: flex; display: -webkit-flex; } #website-body .ep_gridrow.ep-o_agendaevent.ep-layout_event .ep_gridrow.ep-layout_event_committee-meetings[data-committeesfilter="pana"] .ep_gridcolumn[class*="ep-m_"]>.ep_gridrow.ep-layout_pana { display: block; display: flex; display: -webkit-flex; } #website-body .ep_gridrow.ep-o_agendaevent.ep-layout_event .ep_gridrow.ep-layout_event_committee-meetings[data-committeesfilter="pech"] .ep_gridcolumn[class*="ep-m_"]>.ep_gridrow.ep-layout_pech { display: block; display: flex; display: -webkit-flex; } #website-body .ep_gridrow.ep-o_agendaevent.ep-layout_event .ep_gridrow.ep-layout_event_committee-meetings[data-committeesfilter="peti"] .ep_gridcolumn[class*="ep-m_"]>.ep_gridrow.ep-layout_peti { display: block; display: flex; display: -webkit-flex; } #website-body .ep_gridrow.ep-o_agendaevent.ep-layout_event .ep_gridrow.ep-layout_event_committee-meetings[data-committeesfilter="regi"] .ep_gridcolumn[class*="ep-m_"]>.ep_gridrow.ep-layout_regi { display: block; display: flex; display: -webkit-flex; } #website-body .ep_gridrow.ep-o_agendaevent.ep-layout_event .ep_gridrow.ep-layout_event_committee-meetings[data-committeesfilter="tran"] .ep_gridcolumn[class*="ep-m_"]>.ep_gridrow.ep-layout_tran { display: block; display: flex; display: -webkit-flex; } #website-body .ep_gridrow.ep-o_agendaevent.ep-layout_event .ep_gridrow.ep-layout_event_committee-meetings[data-committeesfilter="sede"] .ep_gridcolumn[class*="ep-m_"]>.ep_gridrow.ep-layout_sede { display: block; display: flex; display: -webkit-flex; } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* ORGANISM "AGENDA EVENT" : Adaptation generiques selon la taille ecran */ @media screen and (max-width:1019px), print { /* ORGANISM "AGENDA EVENT" : Espacement entre les jours */ #website-body .ep_gridrow.ep-o_agendaevent.ep-layout_header .ep_gridcolumn.ep-m_footer:after { height: 0; } #website-body .ep_gridrow.ep-o_agendaevent.ep-layout_event>.ep_gridrow-content>.ep_gridcolumn:before { margin-top: 30px; } /* ORGANISM "AGENDA EVENT" : Affichage du titre centre dans la page */ #website-body .ep_gridrow.ep-o_agendaevent.ep-layout_event .ep_gridrow.ep-layout_header { height: auto; } #website-body .ep_gridrow.ep-o_agendaevent.ep-layout_event .ep_gridrow.ep-layout_header~.ep_gridrow.ep-layout_content>.ep_gridrow-content>.ep_gridcolumn+.ep_gridcolumn { padding-top: 0; } #website-body .ep_gridrow.ep-o_agendaevent.ep-layout_event .ep_gridrow.ep-layout_header~.ep_gridrow.ep-layout_content>.ep_gridrow-content>.ep_gridcolumn.ep-m_form+.ep_gridcolumn:not(.ep-m_form) { margin-top: -30px; } /* ORGANISM "AGENDA EVENT" : Reorganisation de l'entete */ #website-body .ep_gridrow.ep-o_agendaevent.ep-layout_header .ep_gridcolumn.ep-m_footer>.ep_gridrow>.ep_gridrow-content .ep_gridcolumn.ep-layout_title { order: 1; -webkit-order: 1; } #website-body .ep_gridrow.ep-o_agendaevent.ep-layout_header .ep_gridcolumn.ep-m_footer>.ep_gridrow>.ep_gridrow-content .ep_gridcolumn.ep-layout_selectweek { order: 2; -webkit-order: 2; } #website-body .ep_gridrow.ep-o_agendaevent.ep-layout_header .ep_gridcolumn.ep-m_footer>.ep_gridrow>.ep_gridrow-content .ep_gridcolumn.ep-layout_links { order: 3; -webkit-order: 3; margin-bottom: 40px; } #website-body .ep_gridrow.ep-o_agendaevent.ep-layout_header .ep_gridcolumn.ep-m_footer>.ep_gridrow>.ep_gridrow-content .ep_gridcolumn.ep-layout_filter { order: 4; -webkit-order: 4; } /* ORGANISM "AGENDA EVENT" : Correction de l'affichage du filtre des jours */ #website-body .ep_gridrow.ep-o_agendaevent.ep-layout_header .ep_gridcolumn.ep-m_footer .ep_gridcolumn-content .ep-a_dayselect:after, #website-body .ep_gridrow.ep-o_agendaevent.ep-layout_event .ep_gridrow.ep-layout_filter .ep_gridcolumn.ep-m_agenda .ep_gridcolumn-content .ep_filter .ep-a_dayselect:after { height: 5px; } #website-body .ep_gridrow.ep-o_agendaevent.ep-layout_header .ep_gridcolumn.ep-m_footer .ep_gridcolumn-content .ep-a_dayselect, #website-body .ep_gridrow.ep-o_agendaevent.ep-layout_event .ep_gridrow.ep-layout_filter .ep_gridcolumn.ep-m_agenda .ep_gridcolumn-content .ep_filter .ep-a_dayselect { padding-left: 20px; padding-right: 20px; box-sizing: border-box; } #website-body .ep_gridrow.ep-o_agendaevent.ep-layout_header .ep_gridcolumn.ep-m_footer .ep_gridcolumn-content .ep-a_dayselect .ep-p_casefield .ep_input.ep_checked label:after, #website-body .ep_gridrow.ep-o_agendaevent.ep-layout_header .ep_gridcolumn.ep-m_footer .ep_gridcolumn-content .ep-a_dayselect .ep_list .ep_input.ep_checked .ep-p_text:after, #website-body .ep_gridrow.ep-o_agendaevent.ep-layout_event .ep_gridrow.ep-layout_filter .ep_gridcolumn.ep-m_agenda .ep_gridcolumn-content .ep_filter .ep-a_dayselect .ep-p_casefield .ep_input.ep_checked label:after, #website-body .ep_gridrow.ep-o_agendaevent.ep-layout_event .ep_gridrow.ep-layout_filter .ep_gridcolumn.ep-m_agenda .ep_gridcolumn-content .ep_filter .ep-a_dayselect .ep_list .ep_input.ep_checked .ep-p_text:after { position: absolute; display: block; width: 1px; height: 17px; background-color: #1e1e1f; transform: translate(20px, -5px); content: ""; } } @media screen and (max-width: 639px) { /* ORGANISM "AGENDA EVENT" : Correction de l'affichage du filtre des jours */ #website-body .ep_gridrow.ep-o_agendaevent.ep-layout_header .ep_gridcolumn.ep-m_footer .ep_gridcolumn.ep-layout_filter { padding-top: 20px; } /* ORGANISM "AGENDA EVENT" : Correction de l'affichage du filtre des commissions */ #website-body .ep_gridrow.ep-o_agendaevent.ep-layout_event .ep_gridrow.ep-layout_content>.ep_gridrow-content>.ep_gridcolumn>.ep_gridrow .ep-m_header .ep-a_heading, #website-body .ep_gridrow.ep-o_agendaevent.ep-layout_event .ep_gridrow.ep-layout_content>.ep_gridrow-content>.ep_gridcolumn>.ep_gridrow .ep-m_header .ep-a_field { display: block; } } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* ORGANISM "AGENDA EVENT" : Adaptation selon les breakpoints */ @media screen and (min-width:1200px) { /* ORGANISM "AGENDA EVENT" : Correction de l'alignement du filtre par jour */ #website-body .ep_gridrow.ep-o_agendaevent.ep-layout_event .ep_gridrow.ep-layout_content .ep_gridcolumn.ep-m_form[data-layout1200*="inline"] .ep-a_field .ep-p_casefield { max-width: 80%; margin-left: auto; margin-right: auto; margin-bottom: -30px; } #website-body .ep_gridrow.ep-o_agendaevent.ep-layout_event .ep_gridrow.ep-layout_content .ep_gridcolumn.ep-m_form:not([data-layout1200*="inline"])+.ep_gridcolumn { margin-top: -20px; } #website-body .ep_gridrow.ep-o_agendaevent.ep-layout_event .ep_gridrow.ep-layout_content .ep_gridcolumn.ep-m_form:not([data-layout1200*="inline"])+form.ep_gridcolumn { margin-top: 0; } } @media screen and (min-width:1020px) and (max-width:1199px) { /* ORGANISM "AGENDA EVENT" : Correction de l'alignement du filtre par jour */ #website-body .ep_gridrow.ep-o_agendaevent.ep-layout_event .ep_gridrow.ep-layout_content .ep_gridcolumn.ep-m_form[data-layout1020*="inline"] .ep-a_field .ep-p_casefield { max-width: 80%; margin-left: auto; margin-right: auto; margin-bottom: -30px; } #website-body .ep_gridrow.ep-o_agendaevent.ep-layout_event .ep_gridrow.ep-layout_content .ep_gridcolumn.ep-m_form:not([data-layout1020*="inline"])+.ep_gridcolumn { margin-top: -20px; } #website-body .ep_gridrow.ep-o_agendaevent.ep-layout_event .ep_gridrow.ep-layout_content .ep_gridcolumn.ep-m_form:not([data-layout1020*="inline"])+.ep_gridcolumn.ep-m_form { margin-top: 0; } } @media screen and (min-width:750px) and (max-width:1019px), print { /* ORGANISM "AGENDA EVENT" : Correction de l'alignement du filtre par jour */ #website-body .ep_gridrow.ep-o_agendaevent.ep-layout_event .ep_gridrow.ep-layout_content .ep_gridcolumn.ep-m_form[data-layout750*="inline"] .ep-a_field .ep-p_casefield { max-width: 80%; margin-left: auto; margin-right: auto; margin-bottom: -30px; } #website-body .ep_gridrow.ep-o_agendaevent.ep-layout_event .ep_gridrow.ep-layout_content .ep_gridcolumn.ep-m_form:not([data-layout750*="inline"])+.ep_gridcolumn { margin-top: -20px; } #website-body .ep_gridrow.ep-o_agendaevent.ep-layout_event .ep_gridrow.ep-layout_content .ep_gridcolumn.ep-m_form:not([data-layout750*="inline"])+.ep_gridcolumn.ep-m_form { margin-top: 0; } } @media screen and (min-width:640px) and (max-width:749px) { /* ORGANISM "AGENDA EVENT" : Correction de l'alignement du filtre par jour */ #website-body .ep_gridrow.ep-o_agendaevent.ep-layout_event .ep_gridrow.ep-layout_content .ep_gridcolumn.ep-m_form[data-layout640*="inline"] .ep-a_field .ep-p_casefield { max-width: 80%; margin-left: auto; margin-right: auto; margin-bottom: -30px; } #website-body .ep_gridrow.ep-o_agendaevent.ep-layout_event .ep_gridrow.ep-layout_content .ep_gridcolumn.ep-m_form:not([data-layout640*="inline"])+.ep_gridcolumn { margin-top: -20px; } #website-body .ep_gridrow.ep-o_agendaevent.ep-layout_event .ep_gridrow.ep-layout_content .ep_gridcolumn.ep-m_form:not([data-layout640*="inline"])+.ep_gridcolumn.ep-m_form { margin-top: 0; } } @media screen and (min-width:480px) and (max-width:639px) { /* ORGANISM "AGENDA EVENT" : Correction de la taille du selecteur de semaine */ body[data-jsactive] #website-body .ep_gridrow.ep-o_agendaevent.ep-layout_header .ep-a_field.ep-layout_calendar .ep-p_select .ep_select.epjs_converted .epjs_select .epjs_button { width: 100% !important; } /* ORGANISM "AGENDA EVENT" : Correction de l'alignement du filtre par jour */ #website-body .ep_gridrow.ep-o_agendaevent.ep-layout_event .ep_gridrow.ep-layout_content .ep_gridcolumn.ep-m_form[data-layout480*="inline"] .ep-a_field .ep-p_casefield { margin-left: auto; margin-right: auto; margin-bottom: -30px; } #website-body .ep_gridrow.ep-o_agendaevent.ep-layout_event .ep_gridrow.ep-layout_content .ep_gridcolumn.ep-m_form:not([data-layout480*="inline"])+.ep_gridcolumn { margin-top: -20px; } #website-body .ep_gridrow.ep-o_agendaevent.ep-layout_event .ep_gridrow.ep-layout_content .ep_gridcolumn.ep-m_form:not([data-layout480*="inline"])+.ep_gridcolumn.ep-m_form { margin-top: 0; } } @media screen and (max-width:479px) { /* ORGANISM "AGENDA EVENT" : Correction de la taille du selecteur de semaine */ body[data-jsactive] #website-body .ep_gridrow.ep-o_agendaevent.ep-layout_header .ep-a_field.ep-layout_calendar .ep-p_select .ep_select.epjs_converted .epjs_select .epjs_button { width: 100% !important; } /* ORGANISM "AGENDA EVENT" : Correction de l'alignement du filtre par jour */ #website-body .ep_gridrow.ep-o_agendaevent.ep-layout_event .ep_gridrow.ep-layout_content .ep_gridcolumn.ep-m_form[data-layout320*="inline"] .ep-a_field .ep-p_casefield { margin-left: auto; margin-right: auto; margin-bottom: -30px; } #website-body .ep_gridrow.ep-o_agendaevent.ep-layout_event .ep_gridrow.ep-layout_content .ep_gridcolumn.ep-m_form:not([data-layout320*="inline"])+.ep_gridcolumn { margin-top: -20px; } #website-body .ep_gridrow.ep-o_agendaevent.ep-layout_event .ep_gridrow.ep-layout_content .ep_gridcolumn.ep-m_form:not([data-layout320*="inline"])+.ep_gridcolumn.ep-m_form { margin-top: 0; } }