/* 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-block; /*letter-spacing: -0.3em; removed*/ 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; 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; } #website-body .ep-p_textfield.ep-special_charactererror input, #website-body .ep-p_textfield.ep-special_charactererror textarea{ border-width: 1px; border-color: #f1582c; color: #d2380d; } #website-body .ep-p_textfield.ep-special_charactererror > 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-special_charactererror > div.ep_message:after{ display: none !important; } #website-body .ep-p_textfield.ep-special_charactererror > div.ep_message > div, #website-body .ep-p_textfield.ep-special_charactererror > 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-special_charactererror > 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-special_charactererror > 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:not(.nohover):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-special_charactererror + .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 0 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; } } #website-body .rssEntry_row.ep-p_text.rapporteur_id{ display:none; }