/* STYLES GERANT L'AFFICHAGE GENERIQUE DES PAGES DES SITES EUROPARL : http://wwww.europarl.europa.eu */ /* Copyright : European Parliament */ /* Fichier contenant les elements necessaires et indispensables a la gestion d'une page de site Europarl */ /* ===================================================================================================================================================================================================================== */ /* === REFERENCES GRAPHIQUE ============================================================================================================================================================================================ */ /* ===================================================================================================================================================================================================================== */ /* TYPE DE COULEUR VALEUR :: TYPE D'UTILISATION ---------------------------------------------------------------------------------------------------------------------------------------- white #fafafa :: Background > Entete du site grey #414042 :: Background > Pied du site blue #326aab :: Background > Barre de navigation blue (gradient) #3d7ac1 > #345e9c :: Background > Barre de navigation grey #f3f4f4 :: Background > Sous-menu (niveau 1) grey #eeefef :: Background > Sous-menu (niveau 2) & selecteurs blue #32548d :: Background > Bouton d'ouverture de menus grey #f3f4f4 :: Background > Fond des colonnes de contenu grey (gradient) #f3f4f4 > #e4e5e6 :: Background > Fond des colonnes de contenu grey #d1d3d4 :: Border > Bordures blue #326aab :: Border > Survol pour les liens white #ffffff :: Text > Couleur par defaut (> sur fond fonce) grey #505154 :: Text > Couleur par defaut (> sur fond clair) grey #1e1e1f :: Text > Couleur de titre (> sur fond clair) blue #326aab :: Text > Survol pour les liens (> sur fond clair) tentative de couleur de selection : #3c77bd (valide AA sur du blanc et avec du noir) */ /* TYPE DE POLICE TAILLE STYLE INTERLIGNAGE :: TYPE D'UTILISATION ---------------------------------------------------------------------------------------------------------------------------------------- Helvetica, Arial, sans-serif 10pt / 1.4em :: Police par defaut de la page Georgia, Garamond, serif, Palatino 25pt / 1.3em :: Titre de boite Georgia, Garamond, serif, Palatino 35pt / 1.3em :: Titre de boite de section Georgia, Garamond, serif, Palatino 16pt / 1.4em :: Element de titre Helvetica, Arial, sans-serif 14pt / 1.4em :: Chapo de boite */ /* ===================================================================================================================================================================================================================== */ /* === STRUCTURE GENERALE DE LA PAGE =================================================================================================================================================================================== */ /* ===================================================================================================================================================================================================================== */ /* ========================================================================================================================================================================== */ /* == INITIALISATION DES BALISES ============================================================================================================================================ */ /* ========================================================================================================================================================================== */ /* Reinitialisation de toutes les balises */ *{ margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-family: inherit; vertical-align: baseline; } /* Reinitialisation des balises de liste */ ul{ list-style: none; } ol{ padding-left: 10px; border: 0; font-weight: inherit; font-style: inherit; font-family: inherit; vertical-align: baseline; } /* Reinitialisation des balises d'abbreviation */ a{ border: 0; outline: 0; text-decoration: none; cursor: pointer; } /* Reinitialisation des balises d'abbreviation */ acronym, abbr{ cursor: default; speak: spell-out; text-decoration: none; } a acronym, a abbr{ cursor: pointer; } /* Reinitialisation des balises de formatage texte */ h1, h2, h3, h4, h5, h6{ font-size: 1em; font-weight: normal; } em{ font-style: italic; } strong{ font-weight: bold; } /* Reinitialisation des balises pour les tableaux */ table{ speak-header: always; border-spacing: 0; border-collapse: separate; } caption, th, td{ font-weight: normal; text-align: left; } /* Reinitialisation des balises de citation */ blockquote:before, blockquote:after, q:before, q:after{ content: ""; } blockquote, q{ quotes: "" ""; } /* Suppression de l'effet Focus par defaut du navigateur -> Bordure pointilles des liens pour Firefox */ a:active, a:focus, select:active, select:focus, button:active, button:focus, input:active, input:focus{ outline: 0; } /* Correction des polises des balises button (pour Firefox) */ button{ font-size: 1em; } /* Suppression des marges internes (padding + border) par défaut des boutons du navigateur -> uniquement pour Firefox */ button::-moz-focus-inner{ padding: 0; border: 0; outline: 0; } /* Suppression des marges internes (padding + border) et ombres des balises de formulaire (par défaut du navigateur) (correction marge -> uniquement pour Google Chrome & Safari) */ select, option, button, input{ border-radius: 0; outline: 0; box-shadow: none; /*-webkit-appearance: none; xxx*/ appearance: none; resize: none; } /* Suppression des fonctionnalites du navigateur (reset, view password etc.) (uniquement pour IE) */ input::-ms-clear { display: none; } /* Suppression des fonctionnalites du navigateur (reset, view password etc.) (uniquement pour IE) */ textarea{ resize: none; } /* ========================================================================================================================================================================== */ /* == STYLES GENERIQUES ===================================================================================================================================================== */ /* ========================================================================================================================================================================== */ /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* STYLES D'ACCESSIBILITE : Styles developpes pour l'affichage d'elements accessibles */ /* STYLES D'ACCESSIBILITE : Texte masque pour l'accessibilite */ .ep_hidden{ position: absolute; display: block; overflow: hidden; top: 0; left: -100px; width: 0; height: 0; white-space: nowrap; } /* STYLES D'ACCESSIBILITE : Cloture d'elements flottants */ .ep_end{ position: static; display: block; overflow: hidden; clear: both; height: 1px; margin: -1px 0 0 0; } /* STYLES D'ACCESSIBILITE : Placeholder sur les selecteurs statiques */ select option[disabled][value="placeholder"]{ display: none !important; speak: none !important; } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* SELECTEUR DYNAMIQUE : Selecteur statique converti en version JS */ /* SELECTEUR DYNAMIQUE : Mise a jour du conteneur englobant le selecteur */ body[data-jsactive] #website .epjs_selectconvert .ep_select.epjs_converted{ position: static; display: block; z-index: 1; margin: 0; padding: 0; color: inherit; } /* SELECTEUR DYNAMIQUE : Mise a jour des elements initiaux */ body[data-jsactive] #website .epjs_selectconvert .ep_select.epjs_converted div.ep_field{ display: none !important; } body[data-jsactive] #website .epjs_selectconvert .ep_select.epjs_converted select.ep_field{ position: absolute !important; display: none !important; opacity: 0 !important; top: 0 !important; bottom: 0 !important; left: 0 !important; right: 0 !important; width: 100% !important; height: auto !important; margin: 0 !important; padding: 0 !important; border: 0 !important; outline: 0 !important; outline: 0 !important; speak: none !important; } body[data-jsactive][data-ismobile] #website .epjs_selectconvert .ep_select.epjs_converted select.ep_field{ display: block !important; speak: normal !important; } /* SELECTEUR DYNAMIQUE : Conteneur du module JS */ body[data-jsactive] #website .epjs_selectconvert .ep_select.epjs_converted .epjs_select{ position: relative; display: block; margin: 0; padding: 0; color: inherit; } body[data-jsactive] #website .epjs_selectconvert .ep_select.epjs_converted .epjs_select[data-open]{ z-index: 50; } /* SELECTEUR DYNAMIQUE : Bouton d'affichage (ouverture/fermeture) */ body[data-jsactive] #website .epjs_selectconvert .ep_select.epjs_converted .epjs_select .epjs_button{ position: static; display: inline-block; overflow: hidden; margin: 0; background-color: #fff; padding: 11px 20px 11px 10px; box-sizing: border-box; box-shadow: none; border: 1px solid #d1d3d4; border-radius: 0; outline: none; cursor: pointer; font-size: 1em; letter-spacing: -0.3em; text-align: left; vertical-align: middle; white-space: nowrap; color: inherit; } body[data-jsactive] #website .epjs_selectconvert .ep_select.epjs_converted .epjs_select .epjs_button .epjs_size, body[data-jsactive] #website .epjs_selectconvert .ep_select.epjs_converted .epjs_select .epjs_button .epjs_name{ position: static; display: inline-block; overflow: hidden; width: 100%; margin: 0 5px 0 0; padding: 0; background-color: transparent; box-sizing: border-box; box-shadow: none; border: none; outline: none; cursor: pointer; font-size: 1.3em; letter-spacing: normal; vertical-align: middle; text-overflow: ellipsis; text-transform: inherit; color: inherit; } body[data-jsactive] #website .epjs_selectconvert .ep_select.epjs_converted .epjs_select .epjs_button .epjs_size{ position: absolute; opacity: 0; width: auto !important; } body[data-jsactive] #website .epjs_selectconvert .ep_select.epjs_converted .epjs_select .epjs_button.epjs_static .epjs_name::selection{ background: none; } body[data-jsactive] #website .epjs_selectconvert .ep_select.epjs_converted .epjs_select .epjs_button.epjs_static .epjs_name::-moz-selection{ background: none; } body[data-jsactive] #website .epjs_selectconvert .ep_select.epjs_converted .epjs_select .epjs_button .epjs_icon{ position: static; display: inline-block; overflow: visible; width: 0; height: 8px; margin: 0; padding: 0; box-sizing: border-box; box-shadow: none; background-color: transparent; background-position: inherit; border: none; outline: none; cursor: pointer; text-align: left; white-space: nowrap; vertical-align: middle; } body[data-jsactive] #website .epjs_selectconvert .ep_select.epjs_converted .epjs_select .epjs_button .epjs_icon:before{ position: static; display: inline-block; overflow: hidden; width: 11px; height: 8px; margin: 0; padding: 0; box-sizing: border-box; box-shadow: none; transform: translate(0, -2px); -webkit-transform: translate(0, -2px); background-color: transparent; background-image: url(../img/icons.svg); background-position: inherit; background-repeat: no-repeat; border: none; outline: none; cursor: pointer; content: " "; text-indent: 80px; } body[data-jsactive] #website .epjs_selectconvert .ep_select.epjs_converted .epjs_select .epjs_button .epjs_icon span{ position: absolute; display: block; overflow: hidden; width: 0; height: 0; opacity: 0; white-space: nowrap; text-indent: 20px; } body[data-jsactive] #website .epjs_selectconvert .ep_select.epjs_converted .epjs_select .epjs_button{ background-position: -97px -50px; color: inherit; } body[data-jsactive] #website .epjs_selectconvert .ep_select.epjs_converted .epjs_select .epjs_button:hover, body[data-jsactive] #website .epjs_selectconvert .ep_select.epjs_converted .epjs_select .epjs_button:focus, body[data-jsactive] #website .epjs_selectconvert .ep_select.epjs_converted .epjs_select .epjs_button:active, body[data-jsactive] #website .epjs_selectconvert .ep_select.epjs_converted .epjs_select .epjs_button[data-focus], body[data-jsactive][data-ismobile] #website .epjs_selectconvert .ep_select.epjs_converted .epjs_select:hover .epjs_button{ background-color: #f6f6f6; background-position: -97px -58px; border-color: #326aab; color: #326aab; } body[data-jsactive][data-ismobile] #website .epjs_selectconvert .ep_select.epjs_converted .epjs_select .epjs_button{ speak: none !important; } /* SELECTEUR DYNAMIQUE : Menu deroulant */ body[data-jsactive] #website .epjs_selectconvert .ep_select.epjs_converted .epjs_select .epjs_dropdown{ position: static; display: block; /*overflow: hidden; XXX - dropdown is not visible sometimes*/ height: 0; margin: 0; padding: 0; font-size: 1em; color: inherit; } body[data-jsactive] #website .epjs_selectconvert .ep_select.epjs_converted .epjs_select .epjs_dropdown .epjs_list{ position: absolute; display: block; /*overflow: hidden; XXX - dropdown is not visible sometimes*/ left: 0; width: 100%; height: 0; min-width: 100%; margin: 0; padding: 0 10px 0 0; box-sizing: border-box; background-color: #fff; transition: height 0.2s ease-out 0s; -webkit-transition: height 0.2s ease-out 0s; font-size: 1em; color: inherit; } body[data-jsactive] #website .epjs_selectconvert .ep_select.epjs_converted.ep_right .epjs_select .epjs_dropdown .epjs_list{ left: auto; right: 0; } body[data-jsactive] #website .epjs_selectconvert .ep_select.epjs_converted .epjs_select .epjs_dropdown .epjs_list ol{ position: static; display: none; overflow-x: hidden; overflow-y: auto; max-height: 300px; margin: 0 -10px 0 0; padding: 0; box-sizing: border-box; border: 1px solid #326aab; list-style: none; font-size: 1em; text-indent: 0; color: inherit; } body[data-jsactive] #website .epjs_selectconvert .ep_select.epjs_converted .epjs_select .epjs_dropdown .epjs_list:after{ position: absolute; display: none; z-index: 1; bottom: 1px; left: 1px; right: 1px; width: auto; height: 1px; margin: 0; padding: 0; background-color: #fff; content: " "; } body[data-jsactive] #website .epjs_selectconvert .ep_select.epjs_converted .epjs_select .epjs_dropdown .epjs_list ol .epjs_item, body[data-jsactive] #website .epjs_selectconvert .ep_select.epjs_converted .epjs_select .epjs_dropdown .epjs_list ol .epjs_group{ position: static; display: block; margin: 0; padding: 0; color: inherit; } body[data-jsactive] #website .epjs_selectconvert .ep_select.epjs_converted .epjs_select .epjs_dropdown .epjs_list ol .epjs_item .epjs_option, body[data-jsactive] #website .epjs_selectconvert .ep_select.epjs_converted .epjs_select .epjs_dropdown .epjs_list ol .epjs_item .epjs_grouptitle{ position: relative; display: inline-block; width: 100%; margin: 0; padding: 0 0 1px 0; box-sizing: border-box; -moz-box-sizing: border-box; background-color: transparent; border: none; outline: none; cursor: pointer; font-size: 1em; text-align: left; white-space: nowrap; color: inherit; } body[data-jsactive] #website .epjs_selectconvert .ep_select.epjs_converted .epjs_select .epjs_dropdown .epjs_list ol .epjs_item .epjs_grouptitle{ cursor: default; } body[data-jsactive] #website .epjs_selectconvert .ep_select.epjs_converted .epjs_select .epjs_dropdown .epjs_list ol .epjs_item.epjs_placeholder{ overflow: hidden; height: 0; } body[data-jsactive] #website .epjs_selectconvert .ep_select.epjs_converted .epjs_select .epjs_dropdown .epjs_list ol .epjs_item .epjs_option .epjs_name, body[data-jsactive] #website .epjs_selectconvert .ep_select.epjs_converted .epjs_select .epjs_dropdown .epjs_list ol .epjs_item .epjs_grouptitle .epjs_name{ position: static; display: block; overflow: hidden; margin: 0; padding: 10px; transform: translate(0, 0); -webkit-transform: translate(0, 0); background-color: transparent; font-size: 1em; text-overflow: ellipsis; letter-spacing: normal; white-space: nowrap; color: inherit; } body[data-jsactive] #website .epjs_selectconvert .ep_select.epjs_converted .epjs_select .epjs_dropdown .epjs_list ol .epjs_item .epjs_option .epjs_name span{ position: static; display: inline-block; margin: 0; padding: 0; transition: transform 0.1s ease-out 0s; -wbekit-transition: -webkit-transform 0.1s ease-out 0s; font-size: 1.2em; white-space: nowrap; letter-spacing: normal; vertical-align: middle; color: inherit; } body[data-jsactive] #website .epjs_selectconvert .ep_select.epjs_converted .epjs_select .epjs_dropdown .epjs_list ol .epjs_item .epjs_grouptitle .epjs_name{ font-size: 1.2em; } body[data-jsactive] #website .epjs_selectconvert .ep_select.epjs_converted .epjs_select .epjs_dropdown .epjs_list ol .epjs_item .epjs_option .epjs_icon, body[data-jsactive] #website .epjs_selectconvert .ep_select.epjs_converted .epjs_select .epjs_dropdown .epjs_list ol .epjs_item .epjs_grouptitle .epjs_icon{ display: none; } body[data-jsactive] #website .epjs_selectconvert .ep_select.epjs_converted .epjs_select .epjs_dropdown .epjs_list ol .epjs_item .epjs_option .epjs_name span.epjs_additionaltext{ min-width: 3em; margin-bottom: 2px; margin-right: 5px; 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 .epjs_selectconvert .ep_select.epjs_converted .epjs_select .epjs_dropdown .epjs_list ol .epjs_item .epjs_option:before, body[data-jsactive] #website .epjs_selectconvert .ep_select.epjs_converted .epjs_select .epjs_dropdown .epjs_list ol .epjs_item .epjs_option:after, body[data-jsactive] #website .epjs_selectconvert .ep_select.epjs_converted .epjs_select .epjs_dropdown .epjs_list ol .epjs_item .epjs_grouptitle:before, body[data-jsactive] #website .epjs_selectconvert .ep_select.epjs_converted .epjs_select .epjs_dropdown .epjs_list ol .epjs_item .epjs_grouptitle:after{ position: absolute; display: block; left: 10px; right: 10px; width: auto; height: 1px; margin: 0; padding: 0; background-color: #c7c9cb; content: " "; } body[data-jsactive] #website .epjs_selectconvert .ep_select.epjs_converted .epjs_select .epjs_dropdown .epjs_list ol .epjs_item .epjs_option:before, body[data-jsactive] #website .epjs_selectconvert .ep_select.epjs_converted .epjs_select .epjs_dropdown .epjs_list ol .epjs_item .epjs_grouptitle:before{ transform: translate(0, -2px); -webkit-transform: translate(0, -2px); } body[data-jsactive] #website .epjs_selectconvert .ep_select.epjs_converted .epjs_select .epjs_dropdown .epjs_list ol .epjs_item .epjs_option:after, body[data-jsactive] #website .epjs_selectconvert .ep_select.epjs_converted .epjs_select .epjs_dropdown .epjs_list ol .epjs_item .epjs_grouptitle:after{ display: none; } body[data-jsactive] #website .epjs_selectconvert .ep_select.epjs_converted .epjs_select .epjs_dropdown .epjs_list ol .epjs_item .epjs_option:hover .epjs_name span, body[data-jsactive] #website .epjs_selectconvert .ep_select.epjs_converted .epjs_select .epjs_dropdown .epjs_list ol .epjs_item .epjs_option:focus .epjs_name span, body[data-jsactive] #website .epjs_selectconvert .ep_select.epjs_converted .epjs_select .epjs_dropdown .epjs_list ol .epjs_item .epjs_option:active .epjs_name span, body[data-jsactive] #website .epjs_selectconvert .ep_select.epjs_converted .epjs_select .epjs_dropdown .epjs_list ol .epjs_item .epjs_option[data-focus] .epjs_name span{ transform: translate(5px, 0); -webkit-transform: translate(5px, 0); } body[data-jsactive] #website .epjs_selectconvert .ep_select.epjs_converted .epjs_select .epjs_dropdown .epjs_list ol .epjs_item .epjs_option:hover .epjs_name span.epjs_additionaltext, body[data-jsactive] #website .epjs_selectconvert .ep_select.epjs_converted .epjs_select .epjs_dropdown .epjs_list ol .epjs_item .epjs_option:focus .epjs_name span.epjs_additionaltext, body[data-jsactive] #website .epjs_selectconvert .ep_select.epjs_converted .epjs_select .epjs_dropdown .epjs_list ol .epjs_item .epjs_option:active .epjs_name span.epjs_additionaltext, body[data-jsactive] #website .epjs_selectconvert .ep_select.epjs_converted .epjs_select .epjs_dropdown .epjs_list ol .epjs_item .epjs_option[data-focus] .epjs_name span.epjs_additionaltext{ transform: translate(0, -1px); -webkit-transform: translate(0, -1px); background-color: #3c77bd; border-color: #3c77bd; color: #fff; } body[data-jsactive] #website .epjs_selectconvert .ep_select.epjs_converted .epjs_select .epjs_dropdown:not([data-viewdisabled]) .epjs_list ol .epjs_item .epjs_option[data-disabled]{ display: none !important; } body[data-jsactive] #website .epjs_selectconvert .ep_select.epjs_converted .epjs_select .epjs_dropdown[data-viewdisabled] .epjs_list ol .epjs_item .epjs_option[data-disabled], body[data-jsactive] #website .epjs_selectconvert .ep_select.epjs_converted .epjs_select .epjs_dropdown[data-viewdisabled] .epjs_list ol .epjs_item .epjs_option[data-disabled] .epjs_name{ position: relative; } body[data-jsactive] #website .epjs_selectconvert .ep_select.epjs_converted .epjs_select .epjs_dropdown[data-viewdisabled] .epjs_list ol .epjs_item .epjs_option[data-disabled], body[data-jsactive] #website .epjs_selectconvert .ep_select.epjs_converted .epjs_select .epjs_dropdown[data-viewdisabled] .epjs_list ol .epjs_item .epjs_option[data-disabled] *{ cursor: not-allowed; } body[data-jsactive] #website .epjs_selectconvert .ep_select.epjs_converted .epjs_select .epjs_dropdown[data-viewdisabled] .epjs_list ol .epjs_item .epjs_option[data-disabled] .epjs_name span, body[data-jsactive] #website .epjs_selectconvert .ep_select.epjs_converted .epjs_select .epjs_dropdown[data-viewdisabled] .epjs_list ol .epjs_item .epjs_option[data-disabled]:hover .epjs_name span, body[data-jsactive] #website .epjs_selectconvert .ep_select.epjs_converted .epjs_select .epjs_dropdown[data-viewdisabled] .epjs_list ol .epjs_item .epjs_option[data-disabled]:focus .epjs_name span, body[data-jsactive] #website .epjs_selectconvert .ep_select.epjs_converted .epjs_select .epjs_dropdown[data-viewdisabled] .epjs_list ol .epjs_item .epjs_option[data-disabled]:active .epjs_name span, body[data-jsactive] #website .epjs_selectconvert .ep_select.epjs_converted .epjs_select .epjs_dropdown[data-viewdisabled] .epjs_list ol .epjs_item .epjs_option[data-disabled][data-focus] .epjs_name span{ transform: translate(0, 0); -webkit-transform: translate(0, 0); text-decoration: line-through; color: #757575; } body[data-jsactive] #website .epjs_selectconvert .ep_select.epjs_converted .epjs_select .epjs_dropdown .epjs_list ol .epjs_item .epjs_option[data-selected]{ z-index: 1; background-color: #fff; color: #326aab; } body[data-jsactive] #website .epjs_selectconvert .ep_select.epjs_converted .epjs_select .epjs_dropdown .epjs_list ol .epjs_item .epjs_option[data-selected]:before, body[data-jsactive] #website .epjs_selectconvert .ep_select.epjs_converted .epjs_select .epjs_dropdown .epjs_list ol .epjs_item .epjs_option[data-selected]:after{ display: block; z-index: 1; background-color: #326aab; } body[data-jsactive] #website .epjs_selectconvert .ep_select.epjs_converted .epjs_select .epjs_dropdown .epjs_list ol .epjs_item:first-child .epjs_option[data-selected]:before, body[data-jsactive] #website .epjs_selectconvert .ep_select.epjs_converted .epjs_select .epjs_dropdown .epjs_list ol .epjs_item:last-child .epjs_option[data-selected]:after{ display: none; } body[data-jsactive] #website .epjs_selectconvert .ep_select.epjs_converted .epjs_select .epjs_dropdown .epjs_list ol .epjs_item .epjs_group .epjs_subitem .epjs_option:before{ left: 30px; background-color: #fff; } body[data-jsactive] #website .epjs_selectconvert .ep_select.epjs_converted .epjs_select .epjs_dropdown .epjs_list ol .epjs_item .epjs_group .epjs_subitem .epjs_option .epjs_name{ padding-top: 2px; padding-left: 25px; } body[data-jsactive] #website .epjs_selectconvert .ep_select.epjs_converted .epjs_select .epjs_dropdown .epjs_list ol .epjs_item .epjs_group .epjs_subitem:before{ position: absolute; display: block; width: 7px; height: 27px; margin: -18px 0 0 10px; padding: 0; border-bottom: 1px solid #c7c9cb; border-left: 1px solid #c7c9cb; content: ""; } body[data-jsactive] #website .epjs_selectconvert .ep_select.epjs_converted .epjs_select .epjs_dropdown .epjs_list ol .epjs_item .epjs_grouptitle .epjs_name{ padding-bottom: 5px; } body[data-jsactive] #website .epjs_selectconvert .ep_select.epjs_converted .epjs_select .epjs_dropdown .epjs_list ol .epjs_item .epjs_group{ position: relative; overflow: hidden; } /* SELECTEUR DYNAMIQUE : Blocage de l'affichage de la liste si demande */ body[data-jsactive] #website .epjs_selectconvert .ep_select.epjs_converted .epjs_select[data-hiddenlist] .epjs_dropdown{ overflow: hidden !important; height: 0 !important; } /* SELECTEUR DYNAMIQUE : Couleur pour la valeur placeholder */ body[data-jsactive] #website .epjs_selectconvert .ep_select.epjs_converted .epjs_select .epjs_button[data-placeholder], body[data-jsactive] #website .epjs_selectconvert .ep_select.epjs_converted .epjs_select .epjs_button[data-placeholder]:hover, body[data-jsactive] #website .epjs_selectconvert .ep_select.epjs_converted .epjs_select .epjs_button[data-placeholder]:focus, body[data-jsactive] #website .epjs_selectconvert .ep_select.epjs_converted .epjs_select .epjs_button[data-placeholder]:active, body[data-jsactive][data-ismobile] #website .epjs_selectconvert .ep_select.epjs_converted .epjs_select .epjs_button[data-placeholder][data-focus], body[data-jsactive][data-ismobile] #website .epjs_selectconvert .ep_select.epjs_converted .epjs_select:hover .epjs_button[data-placeholder]{ color: #505154; } body[data-jsactive] #website .epjs_selectconvert .ep_select.epjs_converted .epjs_select .epjs_button[data-placeholder][data-focus], body[data-jsactive][data-ismobile] #website .epjs_selectconvert .ep_select.epjs_converted .epjs_select .epjs_button[data-placeholder][data-focus]{ color: #326aab; } /* SELECTEUR DYNAMIQUE : Bordure de recouvrement lors de l'ouverture */ body[data-jsactive] #website .epjs_selectconvert .ep_select.epjs_converted .epjs_select[data-open]{ position: relative; z-index: 2; } body[data-jsactive] #website .epjs_selectconvert .ep_select.epjs_converted .epjs_select[data-open] .epjs_dropdown:after{ position: relative; display: block; overflow: hidden; height: 0; margin: -1px 1px 0 1px; padding: 0; border: 1px solid #fff; content: " "; } /* SELECTEUR DYNAMIQUE : Ouverture du menu */ body[data-jsactive] #website .epjs_selectconvert .ep_select.epjs_converted .epjs_select[data-open] .epjs_button{ background-color: #fff; border-color: #326aab; } body[data-jsactive] #website .epjs_selectconvert .ep_select.epjs_converted .epjs_select[data-open] .epjs_button, body[data-jsactive] #website .epjs_selectconvert .ep_select.epjs_converted .epjs_select[data-open] .epjs_button:hover, body[data-jsactive] #website .epjs_selectconvert .ep_select.epjs_converted .epjs_select[data-open] .epjs_button:focus, body[data-jsactive] #website .epjs_selectconvert .ep_select.epjs_converted .epjs_select[data-open] .epjs_button:active, body[data-jsactive][data-ismobile] #website .epjs_selectconvert .ep_select.epjs_converted .epjs_select[data-open] .epjs_button[data-focus], body[data-jsactive][data-ismobile] #website .epjs_selectconvert .ep_select.epjs_converted .epjs_select[data-open]:hover .epjs_button{ background-position: -97px -58px; color: #505154; } body[data-jsactive] #website .epjs_selectconvert .ep_select.epjs_converted .epjs_select[data-open] .epjs_dropdown{ overflow: visible; } body[data-jsactive] #website .epjs_selectconvert .ep_select.epjs_converted .epjs_select[data-open] .epjs_dropdown .epjs_list{ height: auto; } body[data-jsactive] #website .epjs_selectconvert .ep_select.epjs_converted .epjs_select[data-open] .epjs_dropdown .epjs_list ol{ display: block; } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* DATE PICKER JS : Widget ajoute via JS aux champs text de type "calendar" */ /* DATE PICKER : Gestion du conteneur englobant le calendrier a afficher en pop up */ body #website .epjs_datepicker, body #website .epjs_datepicker > div, body #website .epjs_datepicker .epjs_popup{ overflow: visible; width: auto; margin: 0; padding: 0; font-size: 1em; color: inherit; } body #website .epjs_datepicker{ position: static; display: block; margin-top: -1px; flex-direction: row; -webkit-flex-direction: row; flex-wrap: wrap; -webkit-flex-wrap: wrap; color: #505154; } body #website .epjs_datepicker > div.epjs_calendar{ position: static; display: none; width: 100%; } /* DATE PICKER : Bouton de fermeture */ body #website .epjs_datepicker > div.epjs_close{ position: static; display: none; width: auto; height: 0; border: 0 solid #3c77bd; letter-spacing: -0.3em; text-align: right; } body #website .epjs_datepicker > div.epjs_close .epjs_button{ position: relative; display: inline-block; overflow: hidden; width: 40px; height: 40px; margin: 0; padding: 0; box-sizing: border-box; background-color: #fff; background-position: -145px -21px; border-width: 1px; border-style: solid; border-color: inherit; border-bottom-color: #fff; outline: 0; box-shadow: none; transform: translate(0, -39px); -webkit-transform: translate(0, -39px); white-space: nowrap; letter-spacing: -0.3em; text-align: center; } body #website .epjs_datepicker > div.epjs_close .epjs_button .epjs_name{ position: static; display: inline-block; overflow: hidden; width: 0; height: 40px; text-indent: 40px; white-space: nowrap; vertical-align: middle; } body #website .epjs_datepicker > div.epjs_close .epjs_button .epjs_icon{ position: static; display: inline-block; overflow: hidden; width: 21px; height: 21px; margin: 0; background-image: url(../img/icons.svg); background-position: inherit; background-repeat: no-repeat; vertical-align: middle; } /* DATE PICKER : Affichage du calendrier */ body[data-jsactive] #website .epjs_datepicker[aria-hidden="false"] > div{ display: block; } /* DATE PICKER : Conteneurs generaux */ body[data-jsactive] #website .epjs_datepicker .epjs_popup{ position: static; display: block; display: flex; display: -webkit-flex; height: auto; padding-top: 1px; background-color: #fff; border: 1px solid #d1d3d4; flex-direction: column; -webkit-flex-direction: column; flex-wrap: wrap; -webkit-flex-wrap: wrap; } body[data-jsactive] #website .epjs_datepicker .epjs_popup .epjs_list, body[data-jsactive] #website .epjs_datepicker .epjs_popup .epjs_grid, body[data-jsactive] #website .epjs_datepicker .epjs_popup .epjs_navigation{ position: static; display: block; height: auto; margin: 0; padding: 0; background-color: #fff; flex: 0 0 auto; -webkit-flex: 0 0 auto; order: 2; -webkit-order: 2; font-size: 1em; color: inherit; } body[data-jsactive] #website .epjs_datepicker .epjs_popup .epjs_list{ order: 1; -webkit-order: 1; } /* DATE PICKER : Choix d'affichage */ body[data-jsactive] #website .epjs_datepicker[data-type="dayview"] .epjs_popup .epjs_list, body[data-jsactive] #website .epjs_datepicker[data-type="monthview"] .epjs_popup .epjs_grid{ display: none; } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* DATE PICKER : Menu de navigation entre les mois */ body[data-jsactive] #website .epjs_datepicker .epjs_popup .epjs_navigation{ display: flex; display: -webkit-flex; width: auto; max-width: 100%; padding: 0; flex-direction: row; -webkit-flex-direction: row; letter-spacing: -0.3em; white-space: nowrap; } body[data-jsactive] #website .epjs_datepicker .epjs_popup .epjs_navigation .epjs_next, body[data-jsactive] #website .epjs_datepicker .epjs_popup .epjs_navigation .epjs_previous, body[data-jsactive] #website .epjs_datepicker .epjs_popup .epjs_navigation .epjs_current{ position: static; display: inline-block; overflow: hidden; height: 40px; margin: 15px; padding: 0; background-color: transparent; border: 0; outline: 0; font-size: 1em; color: inherit; } body[data-jsactive] #website .epjs_datepicker .epjs_popup .epjs_navigation .epjs_previous{ order: 1; -webkit-order: 1; } body[data-jsactive] #website .epjs_datepicker .epjs_popup .epjs_navigation .epjs_current{ order: 2; -webkit-order: 2; } body[data-jsactive] #website .epjs_datepicker .epjs_popup .epjs_navigation .epjs_next{ order: 3; -webkit-order: 3; } /* DATE PICKER : Menu de navigation entre les mois (bouton de navigation) */ body[data-jsactive] #website .epjs_datepicker .epjs_popup .epjs_navigation .epjs_next, body[data-jsactive] #website .epjs_datepicker .epjs_popup .epjs_navigation .epjs_previous{ width: 40px; flex: 0 0 auto; -webkit-flex: 0 0 auto; border: 0; border-radius: 0; outline: none; box-shadow: none; cursor: default; } body[data-jsactive] #website .epjs_datepicker .epjs_popup .epjs_navigation .epjs_next .epjs_name, body[data-jsactive] #website .epjs_datepicker .epjs_popup .epjs_navigation .epjs_previous .epjs_name{ position: absolute; display: block; overflow: hidden; width: 0; height: 0; } body[data-jsactive] #website .epjs_datepicker .epjs_popup .epjs_navigation .epjs_next .epjs_icon, body[data-jsactive] #website .epjs_datepicker .epjs_popup .epjs_navigation .epjs_previous .epjs_icon{ position: static; display: block; overflow: hidden; width: 40px; height: 40px; box-sizing: border-box; background-color: #fff; background-position: -97px -58px; border: 1px solid #d1d3d4; border-radius: 5px; text-align: center; letter-spacing: -0.3em; white-space: nowrap; cursor: pointer; } body[data-jsactive] #website .epjs_datepicker .epjs_popup .epjs_navigation .epjs_next .epjs_icon{ transform: rotate(-90deg); -webkit-transform: rotate(-90deg); } body[data-jsactive] #website .epjs_datepicker .epjs_popup .epjs_navigation .epjs_previous .epjs_icon{ transform: rotate(90deg); -webkit-transform: rotate(90deg); } body[data-jsactive] #website .epjs_datepicker .epjs_popup .epjs_navigation .epjs_next .epjs_icon:before, body[data-jsactive] #website .epjs_datepicker .epjs_popup .epjs_navigation .epjs_previous .epjs_icon:before, body[data-jsactive] #website .epjs_datepicker .epjs_popup .epjs_navigation .epjs_next .epjs_icon:after, body[data-jsactive] #website .epjs_datepicker .epjs_popup .epjs_navigation .epjs_previous .epjs_icon:after{ position: static; display: inline-block; overflow: hidden; box-sizing: border-box; content: ""; vertical-align: middle; cursor: inherit; } body[data-jsactive] #website .epjs_datepicker .epjs_popup .epjs_navigation .epjs_next .epjs_icon:before, body[data-jsactive] #website .epjs_datepicker .epjs_popup .epjs_navigation .epjs_previous .epjs_icon:before{ width: 11px; height: 8px; background-image: url(../img/icons.svg); background-position: inherit; background-repeat: no-repeat; transform: scale(1.25); -webkit-transform: scale(1.25); } body[data-jsactive] #website .epjs_datepicker .epjs_popup .epjs_navigation .epjs_next .epjs_icon:after, body[data-jsactive] #website .epjs_datepicker .epjs_popup .epjs_navigation .epjs_previous .epjs_icon:after{ width: 0; height: 40px; } body[data-jsactive] #website .epjs_datepicker .epjs_popup .epjs_navigation .epjs_next:hover .epjs_icon, body[data-jsactive] #website .epjs_datepicker .epjs_popup .epjs_navigation .epjs_next:focus .epjs_icon, body[data-jsactive] #website .epjs_datepicker .epjs_popup .epjs_navigation .epjs_next:active .epjs_icon, body[data-jsactive] #website .epjs_datepicker .epjs_popup .epjs_navigation .epjs_previous:hover .epjs_icon, body[data-jsactive] #website .epjs_datepicker .epjs_popup .epjs_navigation .epjs_previous:focus .epjs_icon, body[data-jsactive] #website .epjs_datepicker .epjs_popup .epjs_navigation .epjs_previous:active .epjs_icon{ background-color: #fafafa; background-position: -97px -58px; border-color: #3c77bd; } body[data-jsactive] #website .epjs_datepicker .epjs_popup .epjs_navigation .epjs_next[disabled] .epjs_icon, body[data-jsactive] #website .epjs_datepicker .epjs_popup .epjs_navigation .epjs_previous[disabled] .epjs_icon{ background-color: #f3f4f4; background-position: -97px -66px; border-color: #d1d3d4; cursor: not-allowed; } /* DATE PICKER : Menu de navigation entre les mois (titre et selecteur) */ body[data-jsactive] #website .epjs_datepicker .epjs_popup .epjs_navigation .epjs_current{ position: relative; flex: 1 1 auto; -webkit-flex: 1 1 auto; } body[data-jsactive] #website .epjs_datepicker .epjs_popup .epjs_navigation .epjs_current .epjs_label, body[data-jsactive] #website .epjs_datepicker .epjs_popup .epjs_navigation .epjs_current .epjs_switch{ position: static; display: block; height: 40px; padding: 0 10px; box-sizing: border-box; background-color: transparent; border: 0; outline: 0; box-shadow: 0; color: inherit; } body[data-jsactive] #website .epjs_datepicker .epjs_popup .epjs_navigation .epjs_current .epjs_switch{ width: 100%; padding: 1px 11px; margin-top: -40px; background-color: #fff; border-color: #d1d3d4; border-radius: 5px; } body[data-jsactive] #website .epjs_datepicker .epjs_popup .epjs_navigation .epjs_current .epjs_label .epjs_name{ position: relative; display: inline-block; overflow: hidden; z-index: 1; overflow: hidden; width: 100%; margin: 0; padding: 0 25px; box-sizing: border-box; background-color: transparent; border: 0; outline: 0; font-size: 1.6em; font-weight: lighter; letter-spacing: normal; vertical-align: middle; text-align: center; text-overflow: ellipsis; white-space: nowrap; color: inherit; } body[data-jsactive] #website .epjs_datepicker .epjs_popup .epjs_navigation .epjs_current .epjs_switch .epjs_name, body[data-jsactive] #website .epjs_datepicker .epjs_popup .epjs_navigation .epjs_current .epjs_switch .epjs_icon{ position: absolute; display: block; overflow: hidden; top: 0; bottom: 0; left: 0; right: 0; width: auto; height: auto; white-space: nowrap; text-indent: 110%; cursor: pointer; } body[data-jsactive] #website .epjs_datepicker .epjs_popup .epjs_navigation .epjs_current .epjs_switch .epjs_name{ z-index: 0; background-color: inherit; border-width: 1px; border-style: solid; border-color: inherit; border-radius: 5px; } body[data-jsactive] #website .epjs_datepicker .epjs_popup .epjs_navigation .epjs_current .epjs_switch .epjs_icon{ z-index: 1; background-position: -97px -58px; } body[data-jsactive] #website .epjs_datepicker .epjs_popup .epjs_navigation .epjs_current .epjs_label:before, body[data-jsactive] #website .epjs_datepicker .epjs_popup .epjs_navigation .epjs_current .epjs_switch .epjs_icon:before{ position: static; display: inline-block; overflow: hidden; width: 0; height: 40px; margin: 0; padding: 0; border: 0; outline: 0; font-size: 1em; vertical-align: middle; content: ""; } body[data-jsactive] #website .epjs_datepicker .epjs_popup .epjs_navigation .epjs_current .epjs_switch .epjs_icon:after{ position: absolute; display: block; overflow: hidden; top: 50%; right: 15px; width: 11px; height: 8px; margin: -4px 0 0 0; padding: 0; border: 0; outline: 0; background-image: url(../img/icons.svg); background-position: inherit; background-repeat: no-repeat; transform: scale(1.25); -webkit-transform: scale(1.25); font-size: 1em; vertical-align: middle; content: ""; } body[data-jsactive] #website .epjs_datepicker .epjs_popup .epjs_navigation .epjs_current .epjs_switch:hover, body[data-jsactive] #website .epjs_datepicker .epjs_popup .epjs_navigation .epjs_current .epjs_switch:focus, body[data-jsactive] #website .epjs_datepicker .epjs_popup .epjs_navigation .epjs_current .epjs_switch:active{ background-color: #fafafa; border-color: #3c77bd; } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* DATE PICKER : Calendrier */ body[data-jsactive] #website .epjs_datepicker .epjs_popup .epjs_grid table{ position: static; overflow: hidden; width: 100%; margin: 0; padding: 0; border: 0; background-color: #fff; border-bottom: 1px solid #f3f4f4; border-collapse: collapse; box-sizing: border-box; cursor: default; color: inherit; } body[data-jsactive] #website .epjs_datepicker .epjs_popup .epjs_grid table, body[data-jsactive] #website .epjs_datepicker .epjs_popup .epjs_grid table thead, body[data-jsactive] #website .epjs_datepicker .epjs_popup .epjs_grid table tbody, body[data-jsactive] #website .epjs_datepicker .epjs_popup .epjs_grid table tr{ display: block; } /* DATE PICKER : Calendrier (cellule de contenu) */ body[data-jsactive] #website .epjs_datepicker .epjs_popup .epjs_grid table tr{ letter-spacing: -0.3em; } body[data-jsactive] #website .epjs_datepicker .epjs_popup .epjs_grid table th, body[data-jsactive] #website .epjs_datepicker .epjs_popup .epjs_grid table td{ position: relative; display: inline-block; width: calc(100% /7); margin: 0; padding: 0; box-sizing: border-box; border: 1px solid #f3f4f4; border-bottom: none; border-right: none; cursor: default; text-align: left; letter-spacing: -0.3em; white-space: nowrap; color: #1e1e1f; } body[data-jsactive] #website .epjs_datepicker .epjs_popup .epjs_grid table th > .epjs_size, body[data-jsactive] #website .epjs_datepicker .epjs_popup .epjs_grid table th > .epjs_name, body[data-jsactive] #website .epjs_datepicker .epjs_popup .epjs_grid table td > .epjs_size, body[data-jsactive] #website .epjs_datepicker .epjs_popup .epjs_grid table td > .epjs_number, body[data-jsactive] #website .epjs_datepicker .epjs_popup .epjs_grid table td > .epjs_events{ position: static; display: inline-block; width: 100%; margin: 0; padding: 0; box-sizing: border-box; cursor: pointer; vertical-align: top; color: inherit; } body[data-jsactive] #website .epjs_datepicker .epjs_popup .epjs_grid table td.epjs_empty > .epjs_size{ cursor: default; } body[data-jsactive] #website .epjs_datepicker .epjs_popup .epjs_grid table th > .epjs_size, body[data-jsactive] #website .epjs_datepicker .epjs_popup .epjs_grid table td > .epjs_size{ opacity: 0; } body[data-jsactive] #website .epjs_datepicker .epjs_popup .epjs_grid table th > span + .epjs_size, body[data-jsactive] #website .epjs_datepicker .epjs_popup .epjs_grid table td > span + .epjs_size, body[data-jsactive] #website .epjs_datepicker .epjs_popup .epjs_grid table td > img + .epjs_events{ margin-left: -100%; } body[data-jsactive] #website .epjs_datepicker .epjs_popup .epjs_grid table th > .epjs_name, body[data-jsactive] #website .epjs_datepicker .epjs_popup .epjs_grid table td > .epjs_number{ position: relative; padding: 10px; font-size: 1.6em; font-weight: lighter; text-align: right; letter-spacing: normal; } body[data-jsactive] #website .epjs_datepicker .epjs_popup .epjs_grid table td > .epjs_events{ text-align: right; vertical-align: bottom; } /* DATE PICKER : Calendrier (entete) */ body[data-jsactive] #website .epjs_datepicker .epjs_popup .epjs_grid table th{ background-color: #f3f4f4; } body[data-jsactive] #website .epjs_datepicker .epjs_popup .epjs_grid table th > .epjs_size, body[data-jsactive] #website .epjs_datepicker .epjs_popup .epjs_grid table th > .epjs_name{ font-weight: normal; vertical-align: middle; cursor: default; } /* DATE PICKER : Calendrier (type de contenu > week-end) */ body[data-jsactive] #website .epjs_datepicker .epjs_popup .epjs_grid table th:nth-child(6), body[data-jsactive] #website .epjs_datepicker .epjs_popup .epjs_grid table th:nth-child(7), body[data-jsactive] #website .epjs_datepicker .epjs_popup .epjs_grid table td:nth-child(6), body[data-jsactive] #website .epjs_datepicker .epjs_popup .epjs_grid table td:nth-child(7){ color: inherit; } /* DATE PICKER : Calendrier (type de contenu > jour ferie) */ body[data-jsactive] #website .epjs_datepicker .epjs_popup .epjs_grid table tr td.epjs_holiday{ color: #d2380d; } /* DATE PICKER : Calendrier (type de contenu > effet de survol) */ body[data-jsactive] #website .epjs_datepicker .epjs_popup .epjs_grid table td:not(.epjs_empty):hover, body[data-jsactive] #website .epjs_datepicker .epjs_popup .epjs_grid table td:not(.epjs_empty):focus, body[data-jsactive] #website .epjs_datepicker .epjs_popup .epjs_grid table td:not(.epjs_empty):active, body[data-jsactive] #website .epjs_datepicker .epjs_popup .epjs_grid table td:not(.epjs_empty).epjs_focus{ background-color: #f3f4f4; } /* DATE PICKER : Calendrier (type de contenu > selection) */ body[data-jsactive] #website .epjs_datepicker .epjs_popup .epjs_grid table tr td[aria-selected="true"]{ background-color: #326aab; color: #fff; } body[data-jsactive] #website .epjs_datepicker .epjs_popup .epjs_grid table td[aria-selected="true"]:hover, body[data-jsactive] #website .epjs_datepicker .epjs_popup .epjs_grid table td[aria-selected="true"]:focus, body[data-jsactive] #website .epjs_datepicker .epjs_popup .epjs_grid table td[aria-selected="true"]:active, body[data-jsactive] #website .epjs_datepicker .epjs_popup .epjs_grid table td[aria-selected="true"].epjs_focus{ background-color: #1e1e1f; color: #fff; } /* DATE PICKER : Calendrier (type de contenu > non actif) */ body[data-jsactive] #website .epjs_datepicker .epjs_popup .epjs_grid table td[aria-disabled] > .epjs_size{ opacity: 1; } body[data-jsactive] #website .epjs_datepicker .epjs_popup .epjs_grid table td[aria-disabled], body[data-jsactive] #website .epjs_datepicker .epjs_popup .epjs_grid table td[aria-disabled]:hover{ background-color: transparent; cursor: default; } body[data-jsactive] #website .epjs_datepicker .epjs_popup .epjs_grid table td[aria-disabled] > .epjs_size, body[data-jsactive] #website .epjs_datepicker .epjs_popup .epjs_grid table td[aria-disabled] > .epjs_events, body[data-jsactive] #website .epjs_datepicker .epjs_popup .epjs_grid table td[aria-disabled] > .epjs_number{ cursor: default; } /* DATE PICKER : Calendrier (type de contenu > evenement) */ body[data-jsactive] #website .epjs_datepicker .epjs_popup .epjs_grid table td > .epjs_events span{ position: relative; display: inline-block; overflow: hidden; width: 10px; height: 10px; margin: 0 5px 2px 0; padding: 0; border: 1px solid transparent; border-radius: 50%; text-indent: 50px; white-space: nowrap; } body[data-jsactive] #website .epjs_datepicker .epjs_popup .epjs_grid table td > .epjs_events span.epjs_plenary{ background-color: #00ccff; } body[data-jsactive] #website .epjs_datepicker .epjs_popup .epjs_grid table td > .epjs_events span.epjs_committee{ background-color: #ff7d00; } body[data-jsactive] #website .epjs_datepicker .epjs_popup .epjs_grid table td > .epjs_events span.epjs_other{ background-color: #c1c1c1; } body[data-jsactive] #website .epjs_datepicker .epjs_popup .epjs_grid table td > .epjs_events span.epjs_hidden{ position: absolute; width: 0; height: 0; opacity: 0; } /* DATE PICKER : Calendrier (legende) */ body[data-jsactive] #website .epjs_datepicker .epjs_popup .epjs_grid > div{ position: static; overflow: hidden; display: block; margin: 0; padding: 5px 0; cursor: default; speak: none !important; color: inherit; } body[data-jsactive] #website .epjs_datepicker .epjs_popup .epjs_grid > div div{ position: static; display: block; margin: 5px 10px; padding: 0; white-space: nowrap; color: inherit; } body[data-jsactive] #website .epjs_datepicker .epjs_popup .epjs_grid > div div:before{ position: relative; display: inline-block; overflow: hidden; width: 10px; height: 10px; margin: 0 10px 0 0; padding: 0; border: 1px solid transparent; border-radius: 50%; text-indent: 50px; vertical-align: middle; white-space: nowrap; content: ""; } body[data-jsactive] #website .epjs_datepicker .epjs_popup .epjs_grid > div div span{ position: static; display: inline-block; width: calc(100% - 20px); font-size: 1.4em; letter-spacing: normal; vertical-align: middle; color: inherit; } body[data-jsactive] #website .epjs_datepicker .epjs_popup .epjs_grid > div div.epjs_plenary:before{ background-color: #00ccff; } body[data-jsactive] #website .epjs_datepicker .epjs_popup .epjs_grid > div div.epjs_committee:before{ background-color: #ff7d00; } body[data-jsactive] #website .epjs_datepicker .epjs_popup .epjs_grid > div div.epjs_other:before{ background-color: #c1c1c1; } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* DATE PICKER : Selection de mois */ body[data-jsactive] #website .epjs_datepicker .epjs_popup .epjs_list{ overflow: hidden; margin-top: -1px; } body[data-jsactive] #website .epjs_datepicker .epjs_popup .epjs_list > div{ position: absolute; display: block; overflow: hidden; width: 0; height: 0; line-height: 0; } body[data-jsactive] #website .epjs_datepicker .epjs_popup .epjs_list > ol, body[data-jsactive] #website .epjs_datepicker .epjs_popup .epjs_list > ol li{ position: static; display: block; overflow: hidden; margin: 0; padding: 0; box-sizing: border-box; list-style: none; line-height: 0; white-space: normal; letter-spacing: -0.3em; color: inherit; } body[data-jsactive] #website .epjs_datepicker .epjs_popup .epjs_list > ol{ margin-bottom: -1px; margin-left: -1px; margin-right: -1px; border-top: none; border-bottom: 1px solid #f3f4f4; } body[data-jsactive] #website .epjs_datepicker .epjs_popup .epjs_list > ol li{ position: relative; display: inline-block; width: calc(100% / 3); margin-top: -1px; border: 1px solid #f3f4f4; } body[data-jsactive] #website .epjs_datepicker .epjs_popup .epjs_list > ol li img{ position: static; display: block; width: 100%; opacity: 0; } body[data-jsactive] #website .epjs_datepicker .epjs_popup .epjs_list > ol li button{ position: absolute; display: block; z-index: 1; top: 0; bottom: 0; width: 100%; margin: 0; padding: 0; box-sizing: border-box; background-color: transparent; border: 0; outline: 0; box-shadow: none; cursor: pointer; font-size: 1em; letter-spacing: normal; text-align: center; vertical-align: middle; color: inherit; } body[data-jsactive] #website .epjs_datepicker .epjs_popup .epjs_list > ol li .epjs_name{ position: static; display: inline-block; width: 100%; margin: 0; padding: 0; font-size: 1.4em; letter-spacing: normal; text-align: center; vertical-align: middle; color: inherit; } body[data-jsactive] #website .epjs_datepicker .epjs_popup .epjs_list > ol li .epjs_icon{ display: none; } body[data-jsactive] #website .epjs_datepicker .epjs_popup .epjs_list > ol li button:hover, body[data-jsactive] #website .epjs_datepicker .epjs_popup .epjs_list > ol li button:focus, body[data-jsactive] #website .epjs_datepicker .epjs_popup .epjs_list > ol li button:active body[data-jsactive] #website .epjs_datepicker .epjs_popup .epjs_list > ol li button.epjs_focus{ background-color: #f3f4f4; } body[data-jsactive] #website .epjs_datepicker .epjs_popup .epjs_list > ol li button[aria-selected="true"]{ background-color: #326aab; color: #fff; } body[data-jsactive] #website .epjs_datepicker .epjs_popup .epjs_list > ol li button[aria-selected="true"]:hover, body[data-jsactive] #website .epjs_datepicker .epjs_popup .epjs_list > ol li button[aria-selected="true"]:focus, body[data-jsactive] #website .epjs_datepicker .epjs_popup .epjs_list > ol li button[aria-selected="true"]:active body[data-jsactive] #website .epjs_datepicker .epjs_popup .epjs_list > ol li button[aria-selected="true"].epjs_focus{ background-color: #1e1e1f; color: #fff; } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* DATE PICKER : Affichage sous forme de popup */ @media screen and (min-width:1200px){ body #website .epjs_datepicker[data-layout1200="popup"]{ position: relative; z-index: 5; height: 0; } body #website .epjs_datepicker[data-layout1200="popup"] > div.epjs_calendar{ position: absolute; margin-left: -100%; } body #website .epjs_datepicker[data-layout1200="popup"] > div.epjs_calendar .epjs_popup{ border-color: #3c77bd; } /* DATE PICKER : Affichage sous forme de popup (correction de la hauteur du bloc "choix par mois") */ body #website .epjs_datepicker[data-layout1200="popup"] .epjs_popup .epjs_list > ol li{ height: 105px; } body #website .epjs_datepicker[data-layout1200="popup"] .epjs_popup .epjs_list > ol li img{ display: none; } /* DATE PICKER : Affichage sous forme de popup (positionnement du popup par rapport au champ) */ body #website .epjs_datepicker[data-layout1200="popup"][data-direction1200$="left"] > div.epjs_calendar{ margin-left: 0; } body #website .epjs_datepicker[data-layout1200="popup"][data-direction1200$="right"] > div.epjs_calendar{ margin-left: calc(100% - 400px); } body #website .epjs_datepicker[data-layout1200="popup"][data-direction1200$="left"] > div.epjs_calendar, body #website .epjs_datepicker[data-layout1200="popup"][data-direction1200$="right"] > div.epjs_calendar{ width: 400px; } body #website .epjs_datepicker[data-layout1200="popup"][data-direction1200^="top"] > div.epjs_calendar{ bottom: 38px; } body #website .epjs_datepicker[data-layout1200="popup"][data-direction1200^="top"] > div.epjs_calendar .epjs_popup{ box-shadow: 4px -5px 15px rgba(0, 0, 0, 0.2); } body #website .epjs_datepicker[data-layout1200="popup"][data-direction1200^="top"] > div.epjs_close .epjs_button{ border-top-color: #fff; border-bottom-color: inherit; } } @media screen and (min-width:1020px) and (max-width:1199px){ body #website .epjs_datepicker[data-layout1020="popup"]{ position: relative; z-index: 5; height: 0; } body #website .epjs_datepicker[data-layout1020="popup"] > div.epjs_calendar{ position: absolute; margin-left: -100%; } body #website .epjs_datepicker[data-layout1020="popup"] > div.epjs_calendar .epjs_popup{ border-color: #3c77bd; } /* DATE PICKER : Affichage sous forme de popup (correction de la hauteur du bloc "choix par mois") */ body #website .epjs_datepicker[data-layout1020="popup"] .epjs_popup .epjs_list > ol li{ height: 105px; } body #website .epjs_datepicker[data-layout1020="popup"] .epjs_popup .epjs_list > ol li img{ display: none; } /* DATE PICKER : Affichage sous forme de popup (positionnement du popup par rapport au champ) */ body #website .epjs_datepicker[data-layout1020="popup"][data-direction1020$="left"] > div.epjs_calendar{ margin-left: 0; } body #website .epjs_datepicker[data-layout1020="popup"][data-direction1020$="right"] > div.epjs_calendar{ margin-left: calc(100% - 400px); } body #website .epjs_datepicker[data-layout1020="popup"][data-direction1020$="left"] > div.epjs_calendar, body #website .epjs_datepicker[data-layout1020="popup"][data-direction1020$="right"] > div.epjs_calendar{ width: 400px; } body #website .epjs_datepicker[data-layout1020="popup"][data-direction1020^="top"] > div.epjs_calendar{ bottom: 38px; } body #website .epjs_datepicker[data-layout1020="popup"][data-direction1020^="top"] > div.epjs_calendar .epjs_popup{ box-shadow: 4px -5px 15px rgba(0, 0, 0, 0.2); } body #website .epjs_datepicker[data-layout1020="popup"][data-direction1020^="top"] > div.epjs_close .epjs_button{ border-top-color: #fff; border-bottom-color: inherit; } } @media screen and (min-width:750px) and (max-width:1019px){ body #website .epjs_datepicker[data-layout750="popup"]{ position: relative; z-index: 5; height: 0; } body #website .epjs_datepicker[data-layout750="popup"] > div.epjs_calendar{ position: absolute; margin-left: -100%; } body #website .epjs_datepicker[data-layout750="popup"] > div.epjs_calendar .epjs_popup{ border-color: #3c77bd; } /* DATE PICKER : Affichage sous forme de popup (correction de la hauteur du bloc "choix par mois") */ body #website .epjs_datepicker[data-layout750="popup"] .epjs_popup .epjs_list > ol li{ height: 105px; } body #website .epjs_datepicker[data-layout750="popup"] .epjs_popup .epjs_list > ol li img{ display: none; } /* DATE PICKER : Affichage sous forme de popup (positionnement du popup par rapport au champ) */ body #website .epjs_datepicker[data-layout750="popup"][data-direction750$="left"] > div.epjs_calendar{ margin-left: 0; } body #website .epjs_datepicker[data-layout750="popup"][data-direction750$="right"] > div.epjs_calendar{ margin-left: calc(100% - 400px); } body #website .epjs_datepicker[data-layout750="popup"][data-direction750$="left"] > div.epjs_calendar, body #website .epjs_datepicker[data-layout750="popup"][data-direction750$="right"] > div.epjs_calendar{ width: 400px; } body #website .epjs_datepicker[data-layout750="popup"][data-direction750^="top"] > div.epjs_calendar{ bottom: 38px; } body #website .epjs_datepicker[data-layout750="popup"][data-direction750^="top"] > div.epjs_calendar .epjs_popup{ box-shadow: 4px -5px 15px rgba(0, 0, 0, 0.2); } body #website .epjs_datepicker[data-layout750="popup"][data-direction750^="top"] > div.epjs_close .epjs_button{ border-top-color: #fff; border-bottom-color: inherit; } } @media screen and (min-width:640px) and (max-width:749px){ body #website .epjs_datepicker[data-layout640="popup"]{ position: relative; z-index: 5; height: 0; } body #website .epjs_datepicker[data-layout640="popup"] > div.epjs_calendar{ position: absolute; margin-left: -100%; } body #website .epjs_datepicker[data-layout640="popup"] > div.epjs_calendar .epjs_popup{ border-color: #3c77bd; } /* DATE PICKER : Affichage sous forme de popup (correction de la hauteur du bloc "choix par mois") */ body #website .epjs_datepicker[data-layout640="popup"] .epjs_popup .epjs_list > ol li{ height: 105px; } body #website .epjs_datepicker[data-layout640="popup"] .epjs_popup .epjs_list > ol li img{ display: none; } /* DATE PICKER : Affichage sous forme de popup (positionnement du popup par rapport au champ) */ body #website .epjs_datepicker[data-layout640="popup"][data-direction640$="left"] > div.epjs_calendar{ margin-left: 0; } body #website .epjs_datepicker[data-layout640="popup"][data-direction640$="right"] > div.epjs_calendar{ margin-left: calc(100% - 400px); } body #website .epjs_datepicker[data-layout640="popup"][data-direction640$="left"] > div.epjs_calendar, body #website .epjs_datepicker[data-layout640="popup"][data-direction640$="right"] > div.epjs_calendar{ width: 400px; } body #website .epjs_datepicker[data-layout640="popup"][data-direction640^="top"] > div.epjs_calendar{ bottom: 38px; } body #website .epjs_datepicker[data-layout640="popup"][data-direction640^="top"] > div.epjs_calendar .epjs_popup{ box-shadow: 4px -5px 15px rgba(0, 0, 0, 0.2); } body #website .epjs_datepicker[data-layout640="popup"][data-direction640^="top"] > div.epjs_close .epjs_button{ border-top-color: #fff; border-bottom-color: inherit; } } @media screen and (min-width:480px) and (max-width:639px){ body #website .epjs_datepicker[data-layout480="popup"]{ position: relative; z-index: 5; height: 0; } body #website .epjs_datepicker[data-layout480="popup"] > div.epjs_calendar{ position: absolute; margin-left: -100%; } body #website .epjs_datepicker[data-layout480="popup"] > div.epjs_calendar .epjs_popup{ border-color: #3c77bd; } /* DATE PICKER : Affichage sous forme de popup (correction de la hauteur du bloc "choix par mois") */ body #website .epjs_datepicker[data-layout480="popup"] .epjs_popup .epjs_list > ol li{ height: 105px; } body #website .epjs_datepicker[data-layout480="popup"] .epjs_popup .epjs_list > ol li img{ display: none; } /* DATE PICKER : Affichage sous forme de popup (positionnement du popup par rapport au champ) */ body #website .epjs_datepicker[data-layout480="popup"][data-direction480$="left"] > div.epjs_calendar{ margin-left: 0; } body #website .epjs_datepicker[data-layout480="popup"][data-direction480$="right"] > div.epjs_calendar{ margin-left: calc(100% - 400px); } body #website .epjs_datepicker[data-layout480="popup"][data-direction480$="left"] > div.epjs_calendar, body #website .epjs_datepicker[data-layout480="popup"][data-direction480$="right"] > div.epjs_calendar{ width: 400px; } body #website .epjs_datepicker[data-layout480="popup"][data-direction480^="top"] > div.epjs_calendar{ bottom: 38px; } body #website .epjs_datepicker[data-layout480="popup"][data-direction480^="top"] > div.epjs_calendar .epjs_popup{ box-shadow: 4px -5px 15px rgba(0, 0, 0, 0.2); } body #website .epjs_datepicker[data-layout480="popup"][data-direction480^="top"] > div.epjs_close .epjs_button{ border-top-color: #fff; border-bottom-color: inherit; } } @media screen and (max-width:479px){ body #website .epjs_datepicker[data-layout320="popup"]{ position: relative; z-index: 5; height: 0; } body #website .epjs_datepicker[data-layout320="popup"] > div.epjs_calendar{ position: absolute; margin-left: -100%; } body #website .epjs_datepicker[data-layout320="popup"] > div.epjs_calendar .epjs_popup{ border-color: #3c77bd; } /* DATE PICKER : Affichage sous forme de popup (correction de la hauteur du bloc "choix par mois") */ body #website .epjs_datepicker[data-layout320="popup"] .epjs_popup .epjs_list > ol li{ height: 84px; } body #website .epjs_datepicker[data-layout320="popup"] .epjs_popup .epjs_list > ol li img{ display: none; } /* DATE PICKER : Affichage sous forme de popup (positionnement du popup par rapport au champ) */ body #website .epjs_datepicker[data-layout320="popup"][data-direction320$="left"] > div.epjs_calendar{ margin-left: 0; } body #website .epjs_datepicker[data-layout320="popup"][data-direction320$="right"] > div.epjs_calendar{ margin-left: calc(100% - 300px); } body #website .epjs_datepicker[data-layout320="popup"][data-direction320$="left"] > div.epjs_calendar, body #website .epjs_datepicker[data-layout320="popup"][data-direction320$="right"] > div.epjs_calendar{ width: 300px; } body #website .epjs_datepicker[data-layout320="popup"][data-direction320$="right"] .epjs_popup .epjs_navigation .epjs_previous, body #website .epjs_datepicker[data-layout320="popup"][data-direction320$="right"] .epjs_popup .epjs_navigation .epjs_current{ margin-right: 5px; } body #website .epjs_datepicker[data-layout320="popup"][data-direction320$="right"] .epjs_popup .epjs_navigation .epjs_next, body #website .epjs_datepicker[data-layout320="popup"][data-direction320$="right"] .epjs_popup .epjs_navigation .epjs_current{ margin-left: 5px; } body #website .epjs_datepicker[data-layout320="popup"][data-direction320$="right"] .epjs_popup .epjs_grid table th > .epjs_name, body #website .epjs_datepicker[data-layout320="popup"][data-direction320$="right"] .epjs_popup .epjs_grid table td > .epjs_number{ padding-top: 5px; padding-left: 5px; padding-right: 5px; } body #website .epjs_datepicker[data-layout320="popup"][data-direction320^="top"] > div.epjs_calendar{ bottom: 38px; } body #website .epjs_datepicker[data-layout320="popup"][data-direction320^="top"] > div.epjs_calendar .epjs_popup{ box-shadow: 0 -5px 15px rgba(0, 0, 0, 0.2); } body #website .epjs_datepicker[data-layout320="popup"][data-direction320^="top"] > div.epjs_close .epjs_button{ border-top-color: #fff; border-bottom-color: inherit; } } /* ========================================================================================================================================================================== */ /* == CONTENEURS PRINCIPAUX ================================================================================================================================================= */ /* ========================================================================================================================================================================== */ /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* CONTENEUR PRINCIPAUX : Definition de la page */ body{ overflow-x: hidden; overflow-y: auto; margin: 0; padding: 0; background-color: #414042; font-family: Helvetica, Arial, sans-serif; font-size: 62.5%; /* Equilavence em/px >> "1em=10px;" & "1.2em=12px;" */ font-size: calc(1em * .625); /* Correction du calcul pour les IE (9 a 11) qui considerent qu'un 1em vaut 9.93px et non 10px; */ line-height: inherit; color: #505154; } body > #website{ position: static; display: block; overflow: visible; width: auto; margin: 0 auto; padding: 0; box-sizing: border-box; } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* CONTENEUR PRINCIPAUX : Definition des zones composant la page */ /* CONTENEURS PRINCIPAUX - Definition des zones : Initialisation des zones de la page */ #website #website-header, #website #website-body, #website #website-footer{ position: static; display: block; clear: both; overflow: visible; margin: 0; padding: 0; font-size: 1em; } @media screen and (min-width:1020px){ #website #website-footer{ overflow: hidden; } } #website #website-header{ background-color: #fafafa; } #website #website-body{ background-color: #fff; } #website #website-footer{ background-color: #414042; } /* ===================================================================================================================================================================================================================== */ /* === ENTETE DE PAGE ================================================================================================================================================================================================== */ /* ===================================================================================================================================================================================================================== */ /* ========================================================================================================================================================================== */ /* == STRUCTURE GENERALE ==================================================================================================================================================== */ /* ========================================================================================================================================================================== */ /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* STRUCTURE GENERALE : Gestion des elements de l'entete */ #website #website-header{ display: block; display: flex; display: -webkit-flex; flex-direction: column; -webkit-flex-direction: column; } #website #website-header > .ep_header, #website #website-header > .ep_toolbar, #website #website-header > .ep_breadcrumb{ position: static; display: block; margin: 0; padding: 0; text-align: left; cursor: default; } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* STRUCTURE GENERALE : Ordre des elements */ #website #website-header > .ep_header{ order: 3; -webkit-order: 3; } #website #website-header > .ep_waiaccess{ order: 1; -webkit-order: 1; } #website #website-header > .ep_toolbar.ep_top{ order: 2; -webkit-order: 2; } #website #website-header > .ep_toolbar.ep_bottom{ order: 4; -webkit-order: 4; } #website #website-header > .ep_breadcrumb{ order: 6; -webkit-order: 6; } #website #website-header:after{ order: 5; -webkit-order: 5; } /* ========================================================================================================================================================================== */ /* == MENU DE RACCOURCIS (accessibilite) ==================================================================================================================================== */ /* ========================================================================================================================================================================== */ /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* MENU DE RACCOURCIS : Definition des zones composant la page */ #website #website-header .ep_waiaccess{ position: fixed; display: block; overflow: visible; z-index: 500; top: 0; left: 0; width: 100%; height: 0; } #website #website-header .ep_waiaccess li{ position: relative; display: block; overflow: visible; z-index: 500; top: 0; max-width: 1176px; height: 0; margin: 0 auto; padding: 0; } #website #website-header .ep_waiaccess li a{ position: absolute; display: block; overflow: hidden; top: 5px; left: 5px; background-color: #32548d; box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2); border: 2px solid #32548d; } #website #website-header .ep_waiaccess li a, #website #website-header .ep_waiaccess li a:link, #website #website-header .ep_waiaccess li a:visited, #website #website-header .ep_waiaccess li a:hover{ width: 0; height: 0; opacity: 0; } #website #website-header .ep_waiaccess li a:focus, #website #website-header .ep_waiaccess li a:active{ width: auto; min-width: 250px; height: auto; opacity: 1; } #website #website-header .ep_waiaccess li a .ep_name{ position: static; display: block; padding: 10px 20px; background-color: #32548d; border: 1px solid #fff; font-size: 1.2em; color: #fff; } #website #website-header .ep_waiaccess li a .ep_icon{ display: none; } /* ========================================================================================================================================================================== */ /* == ENTETE (Nom du site + Logo) =========================================================================================================================================== */ /* ========================================================================================================================================================================== */ /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* ENTETE : Conteneur de titre */ #website #website-header > .ep_header{ position: static; margin: 0; padding: 0; background-color: inherit; cursor: default; text-align: left; } #website #website-header > .ep_header > div{ position: relative; display: block; display: flex; display: -webkit-flex; z-index: 15; max-width: 1176px; margin: 30px auto 0 auto; padding: 0 0 30px 130px; box-sizing: border-box; flex-direction: column; -webkit-flex-direction: column; cursor: default; text-align: left; } #website #website-header > .ep_header .ep_title{ position: static; display: block; margin: 0; padding: 0; direction: rtl; letter-spacing: -0.3em; white-space: nowrap; color: #1e1e1f; } #website #website-header > .ep_header .ep_title.ep_parliament{ order: 2; -webkit-order: 2; } #website #website-header > .ep_header .ep_title.ep_website{ order: 1; -webkit-order: 1; } @media screen and (min-width:1020px) and (max-width:1210px){ #website #website-header > .ep_header > div{ margin-left: 15px; } } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* ENTETE : Fond de couleur (utilise pour la version reduite) */ #website #website-header > .ep_header > span.ep_background{ position: relative; display: block; z-index: 5; height: 0; margin: 0; padding: 0; background-color: inherit; } #website #website-header > .ep_header > span.ep_background:before{ position: absolute; display: block; bottom: 0; left: 0; right: 0; height: 400px; padding: 0 0 80px 0; background-color: inherit; content: " "; } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* ENTETE : Adaptation du lien */ #website #website-header > .ep_header .ep_title a{ position: static; display: inline-block; margin: 0; padding: 0; font-size: 1em; color: inherit; } #website #website-header > .ep_header .ep_title a:link .ep_name, #website #website-header > .ep_header .ep_title a:visited .ep_name{ transform: translate(0, 0); -webkit-transform: translate(0, 0); color: inherit; } #website #website-header > .ep_header .ep_title a:hover .ep_name, #website #website-header > .ep_header .ep_title a:focus .ep_name, #website #website-header > .ep_header .ep_title a:active .ep_name{ transform: translate(5px, 0); -webkit-transform: translate(5px, 0); color: #326aab; } #website #website-header > .ep_header .ep_title .ep_name{ transition: transform 0.1s ease-out 0s; } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* ENTETE : Titre du site */ #website #website-header > .ep_header .ep_title .ep_name{ position: static; display: inline-block; margin: 0; padding: 0; direction: ltr; letter-spacing: normal; text-align: left; white-space: normal; vertical-align: bottom; color: inherit; } #website #website-header > .ep_header .ep_title.ep_parliament .ep_name{ font-size: 1.4em; line-height: 1.2em; } #website #website-header > .ep_header .ep_title.ep_website .ep_name{ font-family: Georgia, Garamond, serif, Palatino; font-size: 3em; } @media screen and (max-width:1019px){ #website #website-header > .ep_header .ep_title.ep_website .ep_name{ font-size: 2.5em; } } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* ENTETE : Logo du Parlement */ /* ENTETE : Logo du Parlement (logo) */ #website #website-header > .ep_header .ep_parliament .ep_icon{ position: absolute; display: inline-block; bottom: 31px; width: 0; height: 46px; margin: 0 40px 0 0; padding: 0; vertical-align: bottom; white-space: nowrap; } #website #website-header > .ep_header .ep_website .ep_icon{ display: none; } #website #website-header > .ep_header .ep_parliament .ep_icon:before{ position: static; display: inline-block; overflow: hidden; width: 82px; height: 46px; margin: 0; padding: 0; background-image: url(../img/icons.svg); background-position: left top; background-repeat: no-repeat; content: " "; text-indent: 50px; white-space: nowrap; } /* ENTETE : Logo du Parlement (ligne de separation) */ #website #website-header > .ep_header > div:before{ position: absolute; display: block; overflow: hidden; top: 6px; bottom: 31px; left: 110px; width: 0; height: auto; margin: 0; padding: 0; border-right: 1px solid #d1d3d4; content: " "; text-indent: 50px; white-space: nowrap; } /* ENTETE : Logo du Parlement (correction pour l'affichage < 1020) */ @media screen and (max-width:1019px){ #website #website-header > .ep_header > div{ padding-left: 120px; } #website #website-header > .ep_header > div:before{ left: 100px; } #website #website-header > .ep_header .ep_parliament .ep_icon{ margin-right: 30px; } #website #website-header > .ep_header .ep_parliament .ep_icon:before{ transform: translate(0, 2px) scale(0.732); } } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* ENTETE : Soustitre du site (affichage uniquement en version restreinte ou parralaxe) */ /* ENTETE : Soustitre du site (conteneur) */ #website #website-header > .ep_header .ep_category{ position: absolute; display: block; overflow: hidden; z-index: 50; bottom: -40px; left: 0; margin: 0; padding: 0; box-sizing: border-box; background-color: #fff; vertical-align: middle; color: inherit; } /* ENTETE : Soustitre du site (libelle) */ #website #website-header > .ep_header .ep_category div, #website #website-header > .ep_header .ep_category a, #website #website-header > .ep_header .ep_category .ep_label, #website #website-header > .ep_header .ep_category .ep_label:before, #website #website-header > .ep_header .ep_category .ep_label .ep_name{ position: static; display: inline-block; margin: 0; padding: 0; box-sizing: border-box; background-color: inherit; vertical-align: middle; color: inherit; } #website #website-header > .ep_header .ep_category .ep_label .ep_icon{ display: none; } #website #website-header > .ep_header .ep_category .ep_label:before{ overflow: hidden; width: 0; height: 40px; text-indent: 10px; content: " "; } #website #website-header > .ep_header .ep_category .ep_label .ep_name{ overflow: hidden; padding-left: 15px; padding-right: 15px; transform: translate(0, 0); -webkit-transform: translate(0, 0); font-size: 1.2em; font-weight: bold; letter-spacing: normal; color: inherit; } #website #website-header > .ep_header .ep_category a{ text-decoration: none !important; color: inherit !important; } /* ENTETE : Soustitre du site (effet de survol) */ #website #website-header > .ep_header .ep_category a:link .ep_label .ep_name, #website #website-header > .ep_header .ep_category a:visited .ep_label .ep_name{ transform: translate(0, 0); -webkit-transform: translate(0, 0); transition: transform 0.2s ease-out 0s; } #website #website-header > .ep_header .ep_category a:hover .ep_label .ep_name, #website #website-header > .ep_header .ep_category a:focus .ep_label .ep_name, #website #website-header > .ep_header .ep_category a:active .ep_label .ep_name{ transform: translate(0, -3px); -webkit-transform: translate(0, -3px); } /* ENTETE : Soustitre du site (theme "commission") */ #website #website-header.ep_layout-committee > .ep_header .ep_category, #website #website-header.ep_layout-delegation > .ep_header .ep_category{ color: #e53f1f; } /* ENTETE : Soustitre du site (affichage en mode parallaxe) */ body[data-headerparallax] #website #website-header > .ep_header .ep_category{ position: fixed; overflow: visible; top: 0; bottom: auto; left: 0; right: 0; width: auto; height: 0; } body[data-headerparallax] #website #website-header > .ep_header .ep_category > div{ display: block; max-width: 1156px; height: 0; margin-left: auto; margin-right: auto; } /* ENTETE : Soustitre du site (suppression dans la version deployee sans parallaxe) */ @media screen and (min-width:1020px){ body:not([data-headerparallax]) #website #website-header > .ep_header .ep_category{ width: 0; height: 0; }} /* ========================================================================================================================================================================== */ /* == BARRE D'OUTILS ======================================================================================================================================================== */ /* ========================================================================================================================================================================== */ /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* BARRE D'OUTILS - Ajout de la barre de support pour le menu de navigation */ #website #website-header:after, #website #website-header .ep_toolbar.ep_bottom:after{ position: relative; display: block; overflow: hidden; z-index: 5; height: 40px; margin: 0; padding: 0; order: 4; -webkit-order: 4; background-color: #3d7ac1; background: -webkit-linear-gradient( top, #3d7ac1, #345e9c); background: -moz-linear-gradient( top, #3d7ac1, #345e9c); background: -ms-linear-gradient( top, #3d7ac1, #345e9c); background: linear-gradient( top, #3d7ac1, #345e9c); border-bottom: 1px solid #fff; cursor: default; content: " "; } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* BARRE D'OUTILS - Conteneur superieur (fond blanc) : Gestion des elements de la barre */ /* BARRE D'OUTILS - Conteneur : Conteneur principal */ #website #website-header .ep_toolbar.ep_top{ position: relative; z-index: 25; margin-bottom: 10px; background-color: transparent; border-bottom: 1px solid #d1d3d4; color: inherit; } #website #website-header .ep_toolbar.ep_top > div{ position: static; display: block; display: flex; display: -webkit-flex; flex-direction: row; -webkit-flex-direction: row; max-width: 1176px; margin: 0 auto 0 auto; padding: 0; justify-content: space-between; -webkit-justify-content: space-between; align-items: flex-start; -webkit-align-items: flex-start; background-color: inherit; border-color: #326AAB; direction: ltr; color: inherit; } #website #website-header .ep_toolbar.ep_top > div .ep_language-menu, #website #website-header .ep_toolbar.ep_top > div .ep_otherwebsites-menu{ flex: 0 1 auto; -webkit-flex: 0 1 auto; } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* BARRE D'OUTILS - Conteneur inferieur (fond bleu) : Gestion des elements de la barre */ /* BARRE D'OUTILS - Conteneur : Conteneur principal */ #website #website-header .ep_toolbar.ep_bottom{ margin-bottom: -40px; background-color: transparent; border-color: #326AAB; color: #fff; } #website #website-header .ep_toolbar.ep_bottom > div{ position: static; display: block; display: flex; display: -webkit-flex; flex-direction: row; -webkit-flex-direction: row; max-width: 1176px; height: 45px; margin: 0 auto 0 auto; padding: 0; justify-content: flex-start; -webkit-justify-content: flex-start; align-items: flex-start; -webkit-align-items: flex-start; background-color: inherit; border-color: #326AAB; text-align: left; color: inherit; } /* BARRE D'OUTILS - Conteneur : Fond de couleur (suppression non parallaxe) */ #website #website-header .ep_toolbar.ep_bottom:after{ position: absolute; display: none; top: 0; left: 0; width: 100%; } /* BARRE D'OUTILS - Conteneur : Ombre portee */ #website #website-header .ep_toolbar.ep_bottom:before{ position: absolute; display: block; z-index: 12; left: 0; right: 0; height: 10px; margin-top: 30px; box-shadow: 0 4px 5px rgba(0, 0, 0, 0.2); content: " "; } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* BARRE D'OUTILS - Positionnement des menus : Ajout de la barre de support pour le menu de navigation */ /* BARRE D'OUTILS - POSITION DES MENUS : Elements */ #website #website-header .ep_toolbar > *{ position: relative; display: inline-block; z-index: 15; margin: 0; padding: 0; background-color: inherit; border-color: inherit; vertical-align: top; } #website #website-header .ep_toolbar.ep_top > div, #website #website-header .ep_toolbar.ep_top > div > *, #website #website-header .ep_toolbar.ep_bottom > div, #website #website-header .ep_toolbar.ep_bottom > div > *{ height: 40px; } #website #website-header .ep_toolbar .ep_navigation-menu{ position: static; } @media screen and (max-width:1019px){ /* Design du menu restreint avec et sans effet de parralaxe */ #website #website-header .ep_toolbar.ep_bottom > div{ justify-content: flex-end; -webkit-justify-content: flex-end; text-align: right; } #website #website-header .ep_toolbar .ep_navigation-menu{ order: 2; -webkit-order: 2; } #website #website-header .ep_toolbar .ep_search-menu{ order: 1; -webkit-order: 1; } } @media screen and (min-width:1020px){ /* Design du menu deploye avec effet de parralaxe */ body:not([data-headerparallax]) #website #website-header .ep_toolbar.ep_bottom{ z-index: 20; } body[data-headerparallax] #website #website-header .ep_toolbar.ep_bottom > div{ justify-content: flex-end; -webkit-justify-content: flex-end; text-align: right; } body[data-headerparallax] #website #website-header .ep_toolbar .ep_navigation-menu{ order: 2; -webkit-order: 2; } body[data-headerparallax] #website #website-header .ep_toolbar .ep_search-menu{ order: 1; -webkit-order: 1; } } @media screen and (min-width:1200px){ #website #website-header .ep_toolbar.ep_top{ padding-left: 15px; padding-right: 15px; } body:not([data-headerparallax]) #website #website-header .ep_toolbar.ep_bottom{ padding-left: 20px; padding-right: 20px; } } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* BARRE D'OUTILS - Correction parallaxe : Repositionnement de la barre et du fond */ /* BARRE D'OUTILS - PARALLAXE (sauf iOS) : Initialisation de l'affichage */ body[data-headerparallax] #website #website-header .ep_toolbar.ep_bottom{ position: fixed !important; z-index: 10; top: 0 !important; left: 0; width: 100%; } body:not([data-ios])[data-headerparallax] #website #website-header .ep_toolbar.ep_bottom:after{ display: block; } /* BARRE D'OUTILS - PARALLAXE (pour iOS) : Affichage des blocs d'elements presents dans la barre d'outils */ body[data-ios][data-headerparallax] #website #website-header .ep_toolbar.ep_bottom .ep_search-menu{ width: 40px; } body[data-ios][data-headerparallax] #website #website-header .ep_toolbar.ep_bottom .ep_search-menu .ep_form .ep_title, body[data-ios][data-headerparallax] #website #website-header .ep_toolbar.ep_bottom .ep_search-menu .ep_menu-access, body[data-ios][data-headerparallax] #website #website-header .ep_toolbar.ep_bottom .ep_navigation-menu{ position: static; z-index: 16; top: 0; } body[data-ios][data-headerparallax] #website #website-header .ep_toolbar.ep_bottom .ep_search-menu > .ep_menu-access, body[data-ios][data-headerparallax] #website #website-header .ep_toolbar.ep_bottom .ep_search-menu .ep_form .ep_title{ position: relative; margin-left: -40px; } /* BARRE D'OUTILS - PARALLAXE (pour iOS) : Affichage des elements de fond */ body[data-ios][data-headerparallax] #website #website-header .ep_toolbar.ep_bottom:before, body[data-ios][data-headerparallax] #website #website-header .ep_toolbar.ep_bottom:after{ position: fixed; display: block; z-index: 15; top: 0; } body[data-ios][data-headerparallax] #website #website-header .ep_toolbar.ep_bottom:after{ margin-top: 0; } /* BARRE D'OUTILS - PARALLAXE (pour iOS) : Positionnement du champ de recherche */ body[data-ios][data-headerparallax] #website #website-header .ep_toolbar.ep_bottom .ep_search-menu .ep_form .ep_content{ position: absolute !important; top: inherit !important; } /* BARRE D'OUTILS - PARALLAXE (pour iOS) : Affichage des elements lors du scroll */ body[data-ios][data-headerparallax][data-initparallax] #website #website-header .ep_toolbar.ep_bottom:before, body[data-ios][data-headerparallax][data-initparallax] #website #website-header .ep_toolbar.ep_bottom:after, body[data-ios][data-headerparallax][data-initparallax] #website #website-header .ep_toolbar.ep_bottom .ep_search-menu .ep_menu-access, body[data-ios][data-headerparallax][data-initparallax] #website #website-header .ep_toolbar.ep_bottom .ep_search-menu .ep_form .ep_title, body[data-ios][data-headerparallax][data-initparallax] #website #website-header .ep_toolbar.ep_bottom .ep_navigation-menu{ position: absolute; } body[data-ios][data-headerparallax][data-initparallax] #website #website-header .ep_toolbar.ep_bottom:before, body[data-ios][data-headerparallax][data-initparallax] #website #website-header .ep_toolbar.ep_bottom:after, body[data-ios][data-headerparallax][data-initparallax] #website #website-header .ep_toolbar.ep_bottom > div, body[data-ios][data-headerparallax][data-initparallax] #website #website-header .ep_toolbar.ep_bottom .ep_search-menu, body[data-ios][data-headerparallax][data-initparallax] #website #website-header .ep_toolbar.ep_bottom .ep_search-menu .ep_form, body[data-ios][data-headerparallax][data-initparallax] #website #website-header .ep_toolbar.ep_bottom .ep_search-menu .ep_form .ep_menu-access, body[data-ios][data-headerparallax][data-initparallax] #website #website-header .ep_toolbar.ep_bottom .ep_search-menu .ep_form .ep_title, body[data-ios][data-headerparallax][data-initparallax] #website #website-header .ep_toolbar.ep_bottom .ep_navigation-menu{ top: inherit; } /* BARRE D'OUTILS - PARALLAXE : Ajout du titre "Parlement europeen" */ @media screen and (min-width:640px){ body[data-headerparallax] #website #website-header .ep_toolbar.ep_bottom > div:before{ position: absolute; display: block; overflow: hidden; z-index: 6; left: 50px; right: 50px; margin: 10px 0 0 0; padding: 0; padding-right: inherit; font-family: Georgia, Garamond, serif, Palatino; font-size: 2em; content: "European Parliament"; text-align: center; color: #fff; } html[lang="bg"][data-headerparallax] #website #website-header .ep_toolbar.ep_bottom > div:before, body[lang="bg"][data-headerparallax] #website #website-header .ep_toolbar.ep_bottom > div:before{ content: "Европейски парламент"; } html[lang="cs"][data-headerparallax] #website #website-header .ep_toolbar.ep_bottom > div:before, body[lang="cs"][data-headerparallax] #website #website-header .ep_toolbar.ep_bottom > div:before{ content: "Evropský parlament"; } html[lang="da"][data-headerparallax] #website #website-header .ep_toolbar.ep_bottom > div:before, body[lang="da"][data-headerparallax] #website #website-header .ep_toolbar.ep_bottom > div:before{ content: "Europa-Parlamentet"; } html[lang="de"][data-headerparallax] #website #website-header .ep_toolbar.ep_bottom > div:before, body[lang="de"][data-headerparallax] #website #website-header .ep_toolbar.ep_bottom > div:before{ content: "Europäisches Parlament"; } html[lang="el"][data-headerparallax] #website #website-header .ep_toolbar.ep_bottom > div:before, body[lang="el"][data-headerparallax] #website #website-header .ep_toolbar.ep_bottom > div:before{ content: "Ευρωπαϊκό Κοινοβούλιο"; } html[lang="es"][data-headerparallax] #website #website-header .ep_toolbar.ep_bottom > div:before, body[lang="es"][data-headerparallax] #website #website-header .ep_toolbar.ep_bottom > div:before{ content: "Parlamento Europeo"; } html[lang="et"][data-headerparallax] #website #website-header .ep_toolbar.ep_bottom > div:before, body[lang="et"][data-headerparallax] #website #website-header .ep_toolbar.ep_bottom > div:before{ content: "Euroopa Parlament"; } html[lang="fi"][data-headerparallax] #website #website-header .ep_toolbar.ep_bottom > div:before, body[lang="fi"][data-headerparallax] #website #website-header .ep_toolbar.ep_bottom > div:before{ content: "Euroopan parlamentti"; } html[lang="fr"][data-headerparallax] #website #website-header .ep_toolbar.ep_bottom > div:before, body[lang="fr"][data-headerparallax] #website #website-header .ep_toolbar.ep_bottom > div:before{ content: "Parlement européen"; } html[lang="ga"][data-headerparallax] #website #website-header .ep_toolbar.ep_bottom > div:before, body[lang="ga"][data-headerparallax] #website #website-header .ep_toolbar.ep_bottom > div:before{ content: "Parlaimint na hEorpa"; } html[lang="hr"][data-headerparallax] #website #website-header .ep_toolbar.ep_bottom > div:before, body[lang="hr"][data-headerparallax] #website #website-header .ep_toolbar.ep_bottom > div:before{ content: "Europski parlament"; } html[lang="hu"][data-headerparallax] #website #website-header .ep_toolbar.ep_bottom > div:before, body[lang="hu"][data-headerparallax] #website #website-header .ep_toolbar.ep_bottom > div:before{ content: "Európai Parlament"; } html[lang="it"][data-headerparallax] #website #website-header .ep_toolbar.ep_bottom > div:before, body[lang="it"][data-headerparallax] #website #website-header .ep_toolbar.ep_bottom > div:before{ content: "Parlamento europeo"; } html[lang="lt"][data-headerparallax] #website #website-header .ep_toolbar.ep_bottom > div:before, body[lang="lt"][data-headerparallax] #website #website-header .ep_toolbar.ep_bottom > div:before{ content: "Europos Parlamentas"; } html[lang="lv"][data-headerparallax] #website #website-header .ep_toolbar.ep_bottom > div:before, body[lang="lv"][data-headerparallax] #website #website-header .ep_toolbar.ep_bottom > div:before{ content: "Eiropas Parlaments"; } html[lang="mt"][data-headerparallax] #website #website-header .ep_toolbar.ep_bottom > div:before, body[lang="mt"][data-headerparallax] #website #website-header .ep_toolbar.ep_bottom > div:before{ content: "Parlament Ewropew"; } html[lang="nl"][data-headerparallax] #website #website-header .ep_toolbar.ep_bottom > div:before, body[lang="nl"][data-headerparallax] #website #website-header .ep_toolbar.ep_bottom > div:before{ content: "Europees Parlement"; } html[lang="pl"][data-headerparallax] #website #website-header .ep_toolbar.ep_bottom > div:before, body[lang="pl"][data-headerparallax] #website #website-header .ep_toolbar.ep_bottom > div:before{ content: "Parlament Europejski"; } html[lang="pt"][data-headerparallax] #website #website-header .ep_toolbar.ep_bottom > div:before, body[lang="pt"][data-headerparallax] #website #website-header .ep_toolbar.ep_bottom > div:before{ content: "Parlamento Europeu"; } html[lang="ro"][data-headerparallax] #website #website-header .ep_toolbar.ep_bottom > div:before, body[lang="ro"][data-headerparallax] #website #website-header .ep_toolbar.ep_bottom > div:before{ content: "Parlamentul European"; } html[lang="sk"][data-headerparallax] #website #website-header .ep_toolbar.ep_bottom > div:before, body[lang="sk"][data-headerparallax] #website #website-header .ep_toolbar.ep_bottom > div:before{ content: "Európsky parlament"; } html[lang="sl"][data-headerparallax] #website #website-header .ep_toolbar.ep_bottom > div:before, body[lang="sl"][data-headerparallax] #website #website-header .ep_toolbar.ep_bottom > div:before{ content: "Evropski parlament"; } html[lang="sv"][data-headerparallax] #website #website-header .ep_toolbar.ep_bottom > div:before, body[lang="sv"][data-headerparallax] #website #website-header .ep_toolbar.ep_bottom > div:before{ content: "Europaparlamentet"; } } @media screen and (max-width:639px){ body[data-headerparallax] #website #website-header .ep_toolbar.ep_bottom > div:before{ position: absolute; display: block; overflow: hidden; z-index: 20; left: 0; width: 82px; height: 46px; margin: 0; padding: 0; transform: translate(-5px, -3px) scale(0.55); background-image: url(../img/icons.svg); background-position: left -46px; background-repeat: no-repeat; content: ""; white-space: nowrap; } body[data-headerparallax] #website #website-header.ep_layout-committee .ep_toolbar.ep_bottom > div:before, body[data-headerparallax] #website #website-header.ep_layout-delegation .ep_toolbar.ep_bottom > div:before{ display: none; } } /* ========================================================================================================================================================================== */ /* == MENU LINGUISTIQUE ===================================================================================================================================================== */ /* ========================================================================================================================================================================== */ /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* MENU LINGUISTIQUE : Conteneur */ #website #website-header .ep_toolbar .ep_language-menu form.ep_form, #website #website-header .ep_toolbar .ep_language-menu .ep_select{ position: static; display: block; margin: 0; padding: 0; background-color: inherit; border-color: inherit; } #website #website-header .ep_toolbar .ep_language-menu form.ep_form{ letter-spacing: -0.3em; white-space: nowrap; } #website #website-header .ep_toolbar .ep_language-menu .ep_select{ display: inline-block; } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* MENU LINGUISTIQUE : Selecteur statique */ /* MENU LINGUISTIQUE - STATIQUE : Hauteur minimale */ #website #website-header .ep_toolbar .ep_language-menu .ep_select:before{ position: static; display: inline-block; overflow: hidden; width: 0; height: 40px; content: " "; text-indent: 50px; white-space: nowrap; vertical-align: middle; color: #fff; } /* MENU LINGUISTIQUE - STATIQUE : Conteneur */ #website #website-header .ep_toolbar .ep_language-menu .ep_field, #website #website-header .ep_toolbar .ep_language-menu .ep_button{ position: static; display: inline-block; overflow: hidden; margin: 0; padding: 0; background-color: transparent; vertical-align: middle; } #website #website-header .ep_toolbar .ep_language-menu{ overflow: visible; white-space: nowrap; } /* MENU LINGUISTIQUE - STATIQUE : Selecteur visible (fake visuel) */ #website #website-header .ep_toolbar .ep_language-menu div.ep_field{ position: static; display: inline-block; overflow: visible; width: 0; margin: 0; padding: 0; font-size: 1em; vertical-align: middle; white-space: nowrap; color: inherit; } #website #website-header .ep_toolbar .ep_language-menu div.ep_field .ep_name{ position: static; display: block; margin: 0; padding: 3px 0 3px 10px; font-size: 1.3em; letter-spacing: normal; white-space: nowrap; vertical-align: middle; color: inherit; } #website #website-header .ep_toolbar .ep_language-menu div.ep_field .ep_icon{ display: none; } /* MENU LINGUISTIQUE - STATIQUE : Selecteur invisible */ #website #website-header .ep_toolbar .ep_language-menu select.ep_field{ position: static; display: inline-block; height: 40px; margin: 0; padding: 3px 22px 3px 10px; box-sizing: border-box; -moz-box-sizing: border-box; background-color: #eeefef; border: none; border-radius: 0; outline: none; opacity: 0; cursor: pointer; font-size: 1.3em; letter-spacing: normal; vertical-align: middle; text-transform: none; color: #505154; } /* MENU LINGUISTIQUE - STATIQUE : Effet de survol */ #website #website-header .ep_toolbar .ep_language-menu .ep_select:hover{ background-color: #eeefef; color: #326aab; } #website #website-header .ep_toolbar .ep_language-menu .ep_select select.ep_field:focus, #website #website-header .ep_toolbar .ep_language-menu .ep_select select.ep_field:active{ opacity: 1; } /* MENU LINGUISTIQUE - STATIQUE : Bouton d'envoi du formulaire */ #website #website-header .ep_toolbar .ep_language-menu .ep_button{ position: static; display: inline-block; overflow: hidden; width: 40px; height: 20px; margin: 0 0 0 -30px; padding: 0; box-sizing: border-box; -moz-box-sizing: border-box; background-color: #fafafa; background-position: -97px -50px; border: none; outline: none; transform: rotate(-90deg); -webkit-transform: rotate(-90deg); cursor: pointer; text-align: center; white-space: nowrap; vertical-align: middle; } #website #website-header .ep_toolbar .ep_language-menu .ep_button .ep_name{ position: static; display: inline-block; overflow: hidden; width: 0; height: 19px; vertical-align: middle; } #website #website-header .ep_toolbar .ep_language-menu .ep_button .ep_icon{ position: static; display: inline-block; overflow: hidden; width: 11px; height: 8px; background-image: url(../img/icons.svg); background-repeat: no-repeat; background-position: inherit; cursor: pointer; text-indent: 30px; vertical-align: middle; } #website #website-header .ep_toolbar .ep_language-menu .ep_button:hover, #website #website-header .ep_toolbar .ep_language-menu .ep_button:focus, #website #website-header .ep_toolbar .ep_language-menu .ep_button:active{ background-color: #eeefef; background-position: -97px -58px; } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* MENU LINGUISTIQUE : Selecteur dynamique JS */ /* MENU LINGUISTIQUE - DYNAMIQUE : Blocage des styles de la version statique */ body[data-jsactive] #website #website-header .ep_toolbar .ep_language-menu .ep_select.epjs_converted{ height: 40px; background-color: #326aab; color: #505154; } body[data-jsactive] #website #website-header .ep_toolbar .ep_language-menu .ep_select.epjs_converted:before, body[data-jsactive] #website #website-header .ep_toolbar .ep_language-menu .ep_select.epjs_converted > .ep_field, body[data-jsactive] #website #website-header .ep_toolbar .ep_language-menu .epjs_selectconvert > .ep_button{ display: none !important; } body[data-jsactive] #website #website-header .ep_toolbar .ep_language-menu .ep_select.epjs_converted:hover{ background-color: transparent; color: inherit; } /* MENU LINGUISTIQUE - DYNAMIQUE : Alignement du menu dans la barre d'outil */ body[data-jsactive] #website #website-header .ep_toolbar .ep_language-menu .ep_select.epjs_converted, body[data-jsactive] #website #website-header .ep_toolbar .ep_language-menu .ep_select.epjs_converted .epjs_select{ display: inline-block; background-color: inherit; border-color: inherit; } /* MENU LINGUISTIQUE - DYNAMIQUE : Alignement du menu dans la barre d'outil */ body[data-jsactive] #website #website-header .ep_toolbar .ep_language-menu .epjs_selectconvert .ep_select.epjs_converted .epjs_select .epjs_button{ width: auto !important; min-width: 1px !important; padding-top: 13px; padding-bottom: 12px; box-sizing: border-box; background-color: transparent; border: none; color: inherit; } body[data-jsactive] #website #website-header .ep_toolbar .ep_language-menu .epjs_selectconvert .ep_select.epjs_converted .epjs_select .epjs_button:hover, body[data-jsactive] #website #website-header .ep_toolbar .ep_language-menu .epjs_selectconvert .ep_select.epjs_converted .epjs_select .epjs_button:focus, body[data-jsactive] #website #website-header .ep_toolbar .ep_language-menu .epjs_selectconvert .ep_select.epjs_converted .epjs_select .epjs_button:active, body[data-jsactive] #website #website-header .ep_toolbar .ep_language-menu .epjs_selectconvert .ep_select.epjs_converted .epjs_select .epjs_button[data-focus], body[data-jsactive] #website #website-header .ep_toolbar .ep_language-menu .epjs_selectconvert .ep_select.epjs_converted .epjs_select[data-open] .epjs_button, body[data-jsactive][data-ismobile] #website #website-header .ep_toolbar .ep_language-menu .epjs_selectconvert .ep_select.epjs_converted .epjs_select:hover .epjs_button{ background-color: #eeefef; border-color: #eeefef; color: #326aab; } body[data-jsactive] #website #website-header .ep_toolbar .ep_language-menu .epjs_selectconvert .ep_select.epjs_converted .epjs_select .epjs_dropdown{ width: auto !important; min-width: 1px !important; } body[data-jsactive] #website #website-header .ep_toolbar .ep_language-menu .epjs_selectconvert .ep_select.epjs_converted .epjs_select .epjs_dropdown .epjs_list{ margin-top: 0; } body[data-jsactive] #website #website-header .ep_toolbar .ep_language-menu .epjs_selectconvert .ep_select.epjs_converted .epjs_select .epjs_dropdown .epjs_list ol{ background-color: #eeefef; border-color: #eeefef; color: #505154; } body[data-jsactive] #website #website-header .ep_toolbar .ep_language-menu .epjs_selectconvert .ep_select.epjs_converted .epjs_select[data-open] .epjs_dropdown:after, body[data-jsactive] #website #website-header .ep_toolbar .ep_language-menu .epjs_selectconvert .ep_select.epjs_converted .epjs_select .epjs_dropdown .epjs_list:after{ background-color: #eeefef; border-color: #eeefef; } body[data-jsactive] #website #website-header .ep_toolbar .ep_language-menu .epjs_selectconvert .ep_select.epjs_converted .epjs_select > .ep_field{ right: auto !important; font-size: 1em; } /* ========================================================================================================================================================================== */ /* == MENU DE NAVIGATION ==================================================================================================================================================== */ /* ========================================================================================================================================================================== */ @media screen and (max-width:1019px){ /* Design du menu restreint avec et sans effet de parralaxe */ /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* MENU DE NAVIGATION : Bouton d'acces (boutons ouverture/fermeture + titre statique) */ /* MENU DE NAVIGATION - Bouton d'acces : Conteneur */ #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-access{ position: relative; display: block; z-index: 15; margin: 0; padding: 0; letter-spacing: -0.3em; white-space: nowrap; } #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-access .ep_button{ position: static; display: inline-block; margin: 0; padding: 0; } #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-access .ep_button > a, #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-access .ep_button > span{ position: static; display: inline-block; padding: 0 5px; background-color: #fff; background-position: -82px -42px; border: 1px solid #fff; border-radius: 4px; letter-spacing: -0.3em; white-space: nowrap; color: #fff; } #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-access .ep_button + .ep_button{ position: absolute; z-index: 1; left: 0; } #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-access .ep_button:after, #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-access .ep_button > a:before, #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-access .ep_button > span:before, #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-access .ep_button .ep_name, #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-access .ep_button .ep_icon, #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-access .ep_button .ep_icon:before, #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-access .ep_button .ep_icon:after{ position: static; display: inline-block; overflow: hidden; margin: 0; padding: 0; background-position: inherit; cursor: pointer; vertical-align: middle; color: inherit; } #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-access .ep_button:after, #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-access .ep_button > a:before, #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-access .ep_button > span:before, #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-access .ep_button .ep_icon:before, #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-access .ep_button .ep_icon:after{ content: " "; } /* MENU DE NAVIGATION - Bouton d'acces : Hauteur du bouton */ #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-access .ep_button:after{ width: 10px; height: 40px; cursor: default; } #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-access .ep_button > a:before, #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-access .ep_button > span:before, #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-access .ep_button .ep_icon:before{ height: 28px; } /* MENU DE NAVIGATION - Bouton d'acces : Libelle */ #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-access .ep_button .ep_name{ position: static; display: inline-block; font-size: 1.3em; text-transform: uppercase; letter-spacing: normal; } /* MENU DE NAVIGATION - Bouton d'acces : Icone */ #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-access .ep_button .ep_icon{ width: 15px; margin-left: 5px; transform: translate(0, -1px); -webkit-transform: translate(0, -1px); white-space: nowrap; letter-spacing: -0.3em; color: inherit; } #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-access .ep_button .ep_icon:after{ width: 15px; height: 13px; background-image: url(../img/icons.svg); } /* MENU DE NAVIGATION - Bouton d'acces : Effet de survol */ #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-access .ep_button > a, #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-access .ep_button > a:link, #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-access .ep_button > a:visited, #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-access .ep_button > span{ background-color: #32548d; background-position: -82px -42px; border-color: #32548d; color: #fff; } #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-access .ep_button > a:hover, #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-access .ep_button > a:focus, #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-access .ep_button > a:active, #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-access .ep_button > span:hover, #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-access:focus .ep_button > span, #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-access:active .ep_button > span{ background-color: #eeefef; background-position: -82px -66px; border-color: #eeefef; color: #327ac2; } /* MENU DE NAVIGATION - Bouton d'acces : Titre statique */ #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-access .ep_button > span{ opacity: 0; } #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-access .ep_button > span, #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-access .ep_button > span:before, #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-access .ep_button > span .ep_name, #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-access .ep_button > span .ep_icon, #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-access .ep_button > span .ep_icon:before, #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-access .ep_button > span .ep_icon:after{ cursor: default; } /* MENU DE NAVIGATION - Bouton d'acces : Bouton de fermeture */ #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-access.ep_closeaccess{ position: absolute; overflow: visible; top: -40px; right: 0; width: auto !important; } #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-access.ep_closeaccess .ep_button > a{ border-radius: 5px 5px 0 0; } #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-access.ep_closeaccess .ep_button > a:after{ position: absolute; display: block; bottom: -5px; left: 0; right: 10px; width: auto; height: 20px; background-color: #fff; content: " "; } #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-access.ep_closeaccess .ep_button > a:link, #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-access.ep_closeaccess .ep_button > a:visited{ background-color: #fff; background-position: -82px -66px; border-color: #fff; color: #327ac2; } #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-access.ep_closeaccess .ep_button > a:hover .ep_icon:after, #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-access.ep_closeaccess .ep_button > a:focus .ep_icon:after, #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-access.ep_closeaccess .ep_button > a:active .ep_icon:after{ width: 21px; height: 21px; margin-left: -3px; background-position: -82px -21px; } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* MENU DE NAVIGATION : Structure du menu */ /* MENU DE NAVIGATION - Structure du menu : Conteneur principal */ #website #website-header .ep_toolbar .ep_navigation-menu{ margin-left: 10px; text-align: right; color: #505154; } #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-container{ position: relative; display: inline-block; z-index: 15; overflow: visible; width: 0; height: 0; } #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-container > div{ position: static; display: inline-block; overflow: hidden; margin-left: -280px; } #website #website-header .ep_toolbar #authentication .ep_menu-container > div { margin-left: -190px !important; } #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-container > div > .ep_menu-content{ position: static; display: block; display: flex; display: -webkit-flex; margin: 0; padding: 20px 0 0 0; flex-direction: column-reverse; -webkit-flex-direction: column-reverse; } #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-container > div > .ep_menu-content:before{ position: absolute; z-index: 1; overflow: hidden; top: 0; right: 0; width: 280px; height: 20px; background-color: #fff; cursor: default; content: " "; } /* MENU DE NAVIGATION - Structure du menu : Contenu du menu */ #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-filter, #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-links{ position: static; display: block; margin: 0; padding: 0; } /* MENU DE NAVIGATION - Structure du menu : Fond de couleur */ #website #website-header .ep_toolbar .ep_navigation-menu:before, #website #website-header .ep_toolbar .ep_navigation-menu .ep_background, #website #website-header .ep_toolbar .ep_navigation-menu .ep_background span, #website #website-header .ep_toolbar .ep_navigation-menu .ep_background span:after{ position: fixed; z-index: 1; overflow: hidden; top: 0; bottom: 0; right: 0; height: auto; cursor: default; content: " "; } #website #website-header .ep_toolbar .ep_navigation-menu:before{ width: 100%; background-color: rgba(0, 0, 0, 0.2); } #website #website-header .ep_toolbar .ep_navigation-menu .ep_background, #website #website-header .ep_toolbar .ep_navigation-menu .ep_background span, #website #website-header .ep_toolbar .ep_navigation-menu .ep_background span:after{ width: 280px; } #website #website-header .ep_toolbar .ep_navigation-menu .ep_background span:after{ background-color: #fff; } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* MENU DE NAVIGATION : Selecteur de menu */ /* MENU DE NAVIGATION - Selecteur de menu : Conteneur principal */ #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-filter{ height: auto; flex: 0 0 auto; } #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-filter > div{ position: static; display: block; margin: 0 20px 15px 20px; padding: 0; letter-spacing: -0.3em; white-space: nowrap; } #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-filter .ep_select{ position: static; display: inline-block; margin: 0; padding: 0; background-color: inherit; border-color: inherit; color: inherit; } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* MENU DE NAVIGATION - Selecteur de menu (STATIQUE) : Hauteur minimale */ #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-filter .ep_select:before{ position: static; display: inline-block; overflow: hidden; width: 0; height: 40px; content: " "; text-indent: 50px; white-space: nowrap; vertical-align: middle; color: #fff; } /* MENU DE NAVIGATION - Selecteur de menu (STATIQUE) : Conteneur */ #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-filter .ep_select .ep_field, #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-filter .ep_select .ep_button{ position: static; display: inline-block; overflow: hidden; margin: 0; padding: 0; background-color: transparent; vertical-align: middle; } /* MENU DE NAVIGATION - Selecteur de menu (STATIQUE) : Selecteur */ #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-filter .ep_select .ep_field{ position: static; display: inline-block; width: 100%; margin: 0; padding: 8px 22px 7px 10px; box-sizing: border-box; -moz-box-sizing: border-box; background-color: #fff; border: 1px solid #d2d2d1; border-radius: 0; cursor: pointer; font-size: 1.5em; letter-spacing: normal; vertical-align: middle; text-transform: none; color: inherit; } /* MENU DE NAVIGATION - Selecteur de menu (STATIQUE) : Effet de survol */ #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-filter .ep_select:hover .ep_field, #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-filter .ep_select select.ep_field:focus, #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-filter .ep_select select.ep_field:active{ border-color: #326aab; color: #326aab; } #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-filter .ep_select select.ep_field:focus, #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-filter .ep_select select.ep_field:active{ opacity: 1; } /* MENU DE NAVIGATION - Selecteur de menu (STATIQUE) : Bouton d'envoi du formulaire */ #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-filter .ep_button{ position: static; display: inline-block; overflow: hidden; width: 32px; height: 20px; margin: 0 0 0 -27px; padding: 0; box-sizing: border-box; -moz-box-sizing: border-box; background-color: #fff; background-position: -97px -50px; border: none; border-radius: none; outline: none; transform: rotate(-90deg); -webkit-transform: rotate(-90deg); cursor: pointer; text-align: center; white-space: nowrap; vertical-align: middle; } #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-filter .ep_button .ep_name{ position: static; display: inline-block; overflow: hidden; width: 0; height: 19px; vertical-align: middle; } #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-filter .ep_button .ep_icon{ position: static; display: inline-block; overflow: hidden; width: 11px; height: 8px; background-image: url(../img/icons.svg); background-repeat: no-repeat; background-position: inherit; cursor: pointer; text-indent: 30px; vertical-align: middle; } #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-filter .ep_button:hover, #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-filter .ep_button:focus, #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-filter .ep_button:active{ background-color: #326aab; background-position: -97px -42px; } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* MENU DE NAVIGATION - Selecteur de menu (DYNAMIQUE) : Blocage des styles de la version statique */ body[data-jsactive] #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-filter .ep_select.epjs_converted{ min-height: 44px; background-color: #326aab; } body[data-jsactive] #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-filter .ep_select.epjs_converted:before, body[data-jsactive] #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-filter .ep_select.epjs_converted > .ep_field, body[data-jsactive] #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-filter.epjs_selectconvert > div .ep_button{ display: none !important; } body[data-jsactive] #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-filter .ep_select.epjs_converted:hover{ background-color: transparent; color: inherit; } /* MENU DE NAVIGATION - Selecteur de menu (DYNAMIQUE) : Alignement du menu dans la barre d'outil */ body[data-jsactive] #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-filter .ep_select.epjs_converted, body[data-jsactive] #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-filter .ep_select.epjs_converted .epjs_select{ display: block; background-color: inherit; border-color: inherit; } /* MENU DE NAVIGATION - Selecteur de menu (DYNAMIQUE) : Blocage de la taille du widget */ body[data-jsactive] #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-filter.epjs_selectconvert .ep_select.epjs_converted .epjs_select{ max-width: 100% !important; } body[data-jsactive] #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-filter.epjs_selectconvert .ep_select.epjs_converted .epjs_select, body[data-jsactive] #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-filter.epjs_selectconvert .ep_select.epjs_converted .epjs_select .epjs_button, body[data-jsactive] #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-filter.epjs_selectconvert .ep_select.epjs_converted .epjs_select .epjs_button .epjs_name, body[data-jsactive] #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-filter.epjs_selectconvert .ep_select.epjs_converted .epjs_select .epjs_dropdown, body[data-jsactive] #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-filter.epjs_selectconvert .ep_select.epjs_converted .epjs_select .epjs_dropdown .epjs_list{ width: 100% !important; min-width: 1px !important; max-width: 500px !important; } body[data-jsactive] #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-filter.epjs_selectconvert .ep_select.epjs_converted .epjs_select .epjs_button{ padding-right: 30px; } /* MENU DE NAVIGATION - Selecteur de menu (DYNAMIQUE) : Integration de la list dans le corps */ body[data-jsactive] #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-filter.epjs_selectconvert .ep_select.epjs_converted .epjs_select .epjs_dropdown{ height: auto; } body[data-jsactive] #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-filter.epjs_selectconvert .ep_select.epjs_converted .epjs_select .epjs_dropdown .epjs_list{ position: static; height: auto !important; } body[data-jsactive] #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-filter.epjs_selectconvert .ep_select.epjs_converted .epjs_select[data-open]:not([data-hiddenlist]) .epjs_button{ border-bottom-color: transparent; } body[data-jsactive] #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-filter.epjs_selectconvert .ep_select.epjs_converted .epjs_select .epjs_dropdown .epjs_list ol{ overflow: hidden; max-height: 1000000px !important; border-top: none; } body[data-jsactive] #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-filter.epjs_selectconvert .ep_select.epjs_converted .epjs_select .epjs_dropdown .epjs_list ol .epjs_item .epjs_option .epjs_name, body[data-jsactive] #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-filter.epjs_selectconvert .ep_select.epjs_converted .epjs_select .epjs_dropdown .epjs_list ol .epjs_item .epjs_option .epjs_name span{ white-space: normal; } body[data-jsactive] #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-filter.epjs_selectconvert .ep_select.epjs_converted .epjs_select[data-open] .epjs_dropdown:after{ display: none; } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* MENU DE NAVIGATION : Structure de la barre de liens du menu */ /* MENU DE NAVIGATION - Structure de la barre de menu (conteneur) */ #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-links{ flex: 1; -webkit-flex: 1; text-align: left; } /* MENU DE NAVIGATION - Structure de la barre de menu (conteneur) */ #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-links > div{ flex: 1; -webkit-flex: 1; text-align: left; } /* MENU DE NAVIGATION : Structure de la barre de menu (element) */ #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-links .ep_category, #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-links .ep_menu{ position: static; display: block; margin: 0 20px; padding: 0; vertical-align: middle; } #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-links .ep_category + .ep_menu{ margin-top: 20px; } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* MENU DE NAVIGATION : Categorie du menu */ /* MENU DE NAVIGATION : Categorie du menu (conteneur general) */ #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-links .ep_category .ep_button{ position: static; display: inline-block; margin: 0; padding: 0; box-sizing: border-box; white-space: normal; letter-spacing: -0.3em; vertical-align: middle; color: inherit; } /* MENU DE NAVIGATION : Categorie du menu (ajout du nom complet de l'acronyme) */ #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-links .ep_category .ep_button abbr:after{ position: static; display: inline-block; margin: 0; padding: 0; box-sizing: border-box; content: attr(title); font-size: 1.6em; font-weight: bold; white-space: normal; letter-spacing: normal; vertical-align: middle; color: inherit; } /* MENU DE NAVIGATION : Categorie du menu (adaptation du titre avec acronyme > ajout du nom complet) */ #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-links .ep_category .ep_button abbr .ep_name{ position: static; display: inline-block; margin: -2px 0 0 0; padding: 3px 3px 2px 3px; box-sizing: border-box; content: attr(title); font-size: 1.1em; font-weight: bold; line-height: 0.9em; white-space: nowrap; letter-spacing: normal; vertical-align: middle; color: #fff !important; } /* MENU DE NAVIGATION : Categorie du menu (adaptation du titre avec acronyme > ajout du nom complet) */ #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-links .ep_category .ep_button abbr:after{ position: static; display: inline-block; margin: 0; padding: 0 0 0 5px; box-sizing: border-box; content: attr(title); font-size: 1.6em; font-weight: bold; white-space: normal; letter-spacing: normal; vertical-align: middle; color: inherit; } /* MENU DE NAVIGATION : Categorie du menu (effet de survol) */ #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-links .ep_category a.ep_button *, #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-links .ep_category a.ep_button:link *, #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-links .ep_category a.ep_button:visited *{ transform: translate(0, 0); -webkit-transform: translate(0, 0); transition: transform 0.2s ease-out 0s; } #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-links .ep_category a.ep_button:hover *, #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-links .ep_category a.ep_button:focus *, #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-links .ep_category a.ep_button:active *{ transform: translate(3px, 0); -webkit-transform: translate(3px, 0); color: #326aab; } /* MENU DE NAVIGATION : Categorie du menu (personnalisation des couleurs) */ #website #website-header.ep_layout-committee .ep_toolbar .ep_navigation-menu .ep_menu-links .ep_category abbr .ep_name, #website #website-header.ep_layout-delegation .ep_toolbar .ep_navigation-menu .ep_menu-links .ep_category abbr .ep_name{ background-color: #e53f1f; } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* MENU DE NAVIGATION : Liens du menu */ /* MENU DE NAVIGATION : Liens du menu (suppression des liens d'ouverture/fermeture du niveau secondaire) */ #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-links .ep_menu .ep_item.ep_level0.ep_hasmenu > .ep_button a, #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-links .ep_menu .ep_item.ep_level0.ep_hasmenu > .ep_list > .ep_button.ep_closeaccess{ display: none; } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* MENU DE NAVIGATION : Liens du menu (conteneur) */ #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-links .ep_menu, #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-links .ep_menu ol, #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-links .ep_menu li, #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-links .ep_menu .ep_button, #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-links .ep_menu .ep_item{ position: static; display: block; margin: 0; padding: 0; list-style: none; font-size: 1em; color: inherit; } /* MENU DE NAVIGATION : Liens du menu (conteneur niveau secondaire) */ #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-links .ep_menu .ep_item.ep_level0:before, #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-links .ep_menu .ep_item.ep_level0:after, #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-links .ep_menu .ep_item.ep_level1:before, #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-links .ep_menu .ep_item.ep_level1:after, #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-links .ep_menu .ep_item.ep_level2:before, #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-links .ep_menu .ep_item.ep_level2:after{ position: relative; display: block; overflow: hidden; height: 0; margin: -1px 0 0 0; padding: 0; border-top: 1px solid #d1d3d4; content: " "; } #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-links .ep_menu .ep_item.ep_level1:before, #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-links .ep_menu .ep_item.ep_level1:after, #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-links .ep_menu .ep_item.ep_level2:before, #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-links .ep_menu .ep_item.ep_level2:after{ margin-left: 20px; margin-right: 20px; } #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-links .ep_menu .ep_item.ep_level2:before, #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-links .ep_menu .ep_item.ep_level2:after{ border-top-style: dotted; } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* MENU DE NAVIGATION : Liens du menu (bouton) */ #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-links .ep_menu .ep_item .ep_button, #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-links .ep_menu .ep_item .ep_button, #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-links .ep_menu .ep_item .ep_button > span, #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-links .ep_menu .ep_item .ep_button > span, #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-links .ep_menu .ep_item .ep_button > a, #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-links .ep_menu .ep_item .ep_button > a{ position: static; display: block; margin: 0; padding: 0; font-size: 1em; color: inherit; } #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-links .ep_menu .ep_item .ep_button, #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-links .ep_menu .ep_item .ep_button{ padding: 0 20px; letter-spacing: -0.3em; white-space: nowrap; } #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-links .ep_menu .ep_item .ep_button > span, #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-links .ep_menu .ep_item .ep_button > a{ display: inline-block; width: calc(100% + 40px); margin: 0 0 0 -20px; padding: 0 20px; box-sizing: border-box; } #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-links .ep_menu .ep_item .ep_button .ep_name, #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-links .ep_menu .ep_item .ep_button .ep_icon, #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-links .ep_menu .ep_item .ep_button .ep_icon:before, #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-links .ep_menu .ep_item .ep_button .ep_icon:after, #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-links .ep_menu .ep_item .ep_button:before, #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-links .ep_menu .ep_item .ep_button a:before{ position: static; display: inline-block; margin: 0; padding: 0; font-size: 1em; vertical-align: middle; color: inherit; } /* MENU DE NAVIGATION : Liens du menu (bouton > libelle) */ #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-links .ep_menu .ep_item .ep_button .ep_name{ width: 100%; padding-top: 5px; padding-bottom: 5px; font-size: 1em; letter-spacing: normal; white-space: normal; } /* MENU DE NAVIGATION : Liens du menu (bouton > hauteur minimale) */ #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-links .ep_menu .ep_item .ep_button:before, #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-links .ep_menu .ep_item .ep_button a:before{ width: 0; height: 35px; content: " "; } /* MENU DE NAVIGATION : Liens du menu (bouton > icone optionnelle) */ #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-links .ep_menu .ep_item .ep_button .ep_icon{ width: 0; height: 0; } #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-links .ep_menu .ep_item.ep_hasmenu > .ep_button .ep_icon{ overflow: hidden; width: 16px; height: 16px; margin-left: -16px; border: 1px solid transparent; border-radius: 50%; text-align: center; } #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-links .ep_menu .ep_item.ep_hasmenu > .ep_button .ep_icon:before{ width: 0; height: 16px; content: " "; } #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-links .ep_menu .ep_item.ep_hasmenu > .ep_button .ep_icon:after{ width: 11px; height: 8px; background-image: url(../img/icons.svg); background-position: -97px -58px; background-repeat: no-repeat; content: " "; } /* MENU DE NAVIGATION : Liens du menu (bouton > effet de survol) */ #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-links .ep_menu .ep_item .ep_button a .ep_name, #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-links .ep_menu .ep_item .ep_button a:link .ep_name, #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-links .ep_menu .ep_item .ep_button a:visited .ep_name{ transform: translate(0, 0); -webkit-transform: translate(0, 0); transition: transform 0.2s ease-out 0s; color: inherit; } #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-links .ep_menu .ep_item .ep_button a:hover .ep_name, #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-links .ep_menu .ep_item .ep_button a:focus .ep_name, #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-links .ep_menu .ep_item .ep_button a:active .ep_name{ transform: translate(3px, 0); -webkit-transform: translate(3px, 0); color: #326aab; } /* MENU DE NAVIGATION : Liens du menu (selection) */ #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-links .ep_menu .ep_item[aria-selected="true"]:not(.ep_hasmenu) > .ep_button{ position: relative; } #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-links .ep_menu .ep_item[aria-selected="true"]:not(.ep_hasmenu) > .ep_button:after{ position: absolute; display: block; top: 0; bottom: 0; left: 0; width: 4px; height: auto; background-color: #326aab; content: " "; color: #326aab; } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* MENU DE NAVIGATION : Liens du menu (conteneur niveau principal) */ #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-links .ep_menu .ep_item.ep_level0 > .ep_button{ background-color: transparent; } #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-links .ep_menu .ep_item.ep_level0 > .ep_button .ep_name{ font-size: 1.4em; font-weight: bold; } #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-links .ep_menu .ep_item.ep_level0 > .ep_button:before, #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-links .ep_menu .ep_item.ep_level0 > .ep_button > a:before{ height: 45px; } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* MENU DE NAVIGATION : Liens du menu (conteneur niveau secondaire) */ #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-links .ep_menu .ep_item.ep_level1 > .ep_button .ep_name, #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-links .ep_menu .ep_item.ep_level2 > .ep_button .ep_name{ font-size: 1.3em; } #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-links .ep_menu .ep_item.ep_level1 > .ep_button{ background-color: #f3f4f4; } #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-links .ep_menu .ep_item.ep_level2:before, #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-links .ep_menu .ep_item.ep_level2:after{ margin-left: 35px; } #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-links .ep_menu .ep_item.ep_level2 > .ep_button{ padding-left: 35px; background-color: #eeefef; } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* MENU DE NAVIGATION : Affichage du menu */ /* MENU DE NAVIGATION - Affichage du menu : Gestion des acces aux elements */ #website #website-header .ep_toolbar .ep_navigation-menu:before, #website #website-header .ep_toolbar .ep_navigation-menu .ep_background span:after, #website #website-header .ep_toolbar .ep_navigation-menu:target .ep_menu-access.ep_openaccess .ep_button + .ep_button, #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-access.ep_closeaccess, #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-container .ep_menu-content > *{ display: none; } #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-access.ep_openaccess .ep_button + .ep_button{ display: inline-block; } #website #website-header .ep_toolbar .ep_navigation-menu:target:before, #website #website-header .ep_toolbar .ep_navigation-menu:target .ep_background span:after, #website #website-header .ep_toolbar .ep_navigation-menu:target .ep_menu-container .ep_menu-content > *, #website #website-header .ep_toolbar .ep_navigation-menu:target .ep_menu-access.ep_closeaccess{ display: block; } /* MENU DE NAVIGATION - Affichage du menu : Etirement anime du menu */ #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-container > div, #website #website-header .ep_toolbar .ep_navigation-menu .ep_background{ width: 0; height: 0; } #website #website-header .ep_toolbar .ep_navigation-menu:target .ep_menu-container > div, #website #website-header .ep_toolbar .ep_navigation-menu:target .ep_background{ width: 280px; height: auto; } #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-container .ep_menu-content, #website #website-header .ep_toolbar .ep_navigation-menu .ep_background span{ transform: translate(100%, 0); -webkit-transform: translate(100%, 0); transition: transform 0.1s ease-out 0s; } #website #website-header .ep_toolbar .ep_navigation-menu:target .ep_menu-container .ep_menu-content, #website #website-header .ep_toolbar .ep_navigation-menu:target .ep_background span{ transform: translate(0, 0); -webkit-transform: translate(0, 0); } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* MENU DE NAVIGATION : Adaptation JS */ /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* MENU DE NAVIGATION - Bouton d'acces : Affichage du bouton statique */ body[data-jsactive] #website #website-header .ep_toolbar .ep_navigation-menu[data-converted] .ep_menu-access.ep_openaccess .ep_button + .ep_button, body[data-jsactive] #website #website-header .ep_toolbar .ep_navigation-menu[data-converted] .ep_menu-access.ep_closeaccess{ display: none !important; } body[data-jsactive] #website #website-header .ep_toolbar .ep_navigation-menu[data-converted] .ep_menu-access .ep_button > span{ position: relative; opacity: 1; } body[data-jsactive] #website #website-header .ep_toolbar .ep_navigation-menu[data-converted] .ep_menu-access .ep_button > span, body[data-jsactive] #website #website-header .ep_toolbar .ep_navigation-menu[data-converted] .ep_menu-access .ep_button > span:before, body[data-jsactive] #website #website-header .ep_toolbar .ep_navigation-menu[data-converted] .ep_menu-access .ep_button > span .ep_name, body[data-jsactive] #website #website-header .ep_toolbar .ep_navigation-menu[data-converted] .ep_menu-access .ep_button > span .ep_icon, body[data-jsactive] #website #website-header .ep_toolbar .ep_navigation-menu[data-converted] .ep_menu-access .ep_button > span .ep_icon:before, body[data-jsactive] #website #website-header .ep_toolbar .ep_navigation-menu[data-converted] .ep_menu-access .ep_button > span .ep_icon:after{ cursor: pointer; } /* MENU DE NAVIGATION - Bouton d'acces : Affichage du bouton statique (menu ouvert) */ body[data-jsactive] #website #website-header .ep_toolbar .ep_navigation-menu[data-converted][data-expanded="true"] .ep_menu-access .ep_button > span, body[data-jsactive] #website #website-header .ep_toolbar .ep_navigation-menu[data-converted][data-expanded="true"] .ep_menu-access .ep_button > span:visited, body[data-jsactive] #website #website-header .ep_toolbar .ep_navigation-menu[data-converted][data-expanded="true"] .ep_menu-access .ep_button > span:hover, body[data-jsactive] #website #website-header .ep_toolbar .ep_navigation-menu[data-converted][data-expanded="true"] .ep_menu-access:focus .ep_button > span, body[data-jsactive] #website #website-header .ep_toolbar .ep_navigation-menu[data-converted][data-expanded="true"] .ep_menu-access:active .ep_button > span{ background-color: #fff; background-position: -82px -66px; border-color: #fff; color: #327ac2; } body[data-jsactive] #website #website-header .ep_toolbar .ep_navigation-menu[data-converted][data-expanded="true"] .ep_menu-access .ep_button > span:hover .ep_icon:after, body[data-jsactive] #website #website-header .ep_toolbar .ep_navigation-menu[data-converted][data-expanded="true"] .ep_menu-access:focus .ep_button > span .ep_icon:after, body[data-jsactive] #website #website-header .ep_toolbar .ep_navigation-menu[data-converted][data-expanded="true"] .ep_menu-access:active .ep_button > span .ep_icon:after{ width: 21px; height: 21px; margin-left: -3px; background-position: -82px -21px; } body[data-jsactive] #website #website-header .ep_toolbar .ep_navigation-menu[data-converted][data-expanded="true"] .ep_menu-access .ep_button > span:after{ position: absolute; display: block; bottom: -10px; left: -1px; right: -1px; width: auto; height: 15px; background-color: #fff; content: " "; } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* MENU DE NAVIGATION - Menu global : Gestion de l'ouverture/fermeture du menu (animation d'etat) */ body[data-jsactive] #website #website-header .ep_toolbar .ep_navigation-menu[data-converted] .ep_menu-container > div, body[data-jsactive] #website #website-header .ep_toolbar .ep_navigation-menu[data-converted] .ep_background, body[data-jsactive] #website #website-header .ep_toolbar .ep_navigation-menu[data-converted]:target .ep_menu-container > div, body[data-jsactive] #website #website-header .ep_toolbar .ep_navigation-menu[data-converted]:target .ep_background{ width: 0; height: 0; } body[data-jsactive] #website #website-header .ep_toolbar .ep_navigation-menu[data-converted][data-expanded="true"] .ep_menu-container > div, body[data-jsactive] #website #website-header .ep_toolbar .ep_navigation-menu[data-converted][data-expanded="true"] .ep_background{ width: 280px; height: auto; } body[data-jsactive] #website #website-header .ep_toolbar .ep_navigation-menu[data-converted]:before, body[data-jsactive] #website #website-header .ep_toolbar .ep_navigation-menu[data-converted]:target:before, body[data-jsactive] #website #website-header .ep_toolbar .ep_navigation-menu[data-converted] .ep_menu-container .ep_menu-content > *{ display: none; } body[data-jsactive] #website #website-header .ep_toolbar .ep_navigation-menu[data-converted][data-expanded="true"]:before, body[data-jsactive] #website #website-header .ep_toolbar .ep_navigation-menu[data-converted][data-expanded="true"] .ep_menu-container .ep_menu-content > *{ display: block; } body[data-jsactive] #website #website-header .ep_toolbar .ep_navigation-menu[data-converted] .ep_menu-container .ep_menu-content, body[data-jsactive] #website #website-header .ep_toolbar .ep_navigation-menu[data-converted] .ep_background span, body[data-jsactive] #website #website-header .ep_toolbar .ep_navigation-menu[data-converted]:target .ep_menu-container .ep_menu-content, body[data-jsactive] #website #website-header .ep_toolbar .ep_navigation-menu[data-converted]:target .ep_background span{ transform: translate(100%, 0); -webkit-transform: translate(100%, 0); transition: transform 0.1s ease-out 0s; } body[data-jsactive] #website #website-header .ep_toolbar .ep_navigation-menu[data-converted][data-expanded="true"] .ep_menu-container .ep_menu-content, body[data-jsactive] #website #website-header .ep_toolbar .ep_navigation-menu[data-converted][data-expanded="true"] .ep_background span{ transform: none; -webkit-transform: none; } body[data-jsactive] #website #website-header .ep_toolbar .ep_navigation-menu[data-converted][data-expanded="true"] .ep_background span{ box-shadow: -4px 0 5px rgba(0, 0, 0, 0.2); } /* MENU DE NAVIGATION - Menu global : Gestion de l'ouverture/fermeture du menu (scroll du menu) */ body[data-jsactive] #website #website-header .ep_toolbar .ep_navigation-menu[data-converted][data-expanded="true"] .ep_menu-container > div{ overflow-x: hidden; overflow-y: scroll; background-color: #fff; } body[data-ismobile][data-jsactive] #website #website-header .ep_toolbar .ep_navigation-menu[data-converted] .ep_menu-container .ep_menu-content, body[data-ismobile][data-jsactive] #website #website-header .ep_toolbar .ep_navigation-menu[data-converted] .ep_background span, body[data-ismobile][data-jsactive] #website #website-header .ep_toolbar .ep_navigation-menu[data-converted]:target .ep_menu-container .ep_menu-content, body[data-ismobile][data-jsactive] #website #website-header .ep_toolbar .ep_navigation-menu[data-converted]:target .ep_background span, body[data-ismobile][data-jsactive] #website #website-header .ep_toolbar .ep_navigation-menu[data-converted][data-expanded="true"] .ep_menu-container .ep_menu-content, body[data-ismobile][data-jsactive] #website #website-header .ep_toolbar .ep_navigation-menu[data-converted][data-expanded="true"] .ep_background span{ transform: translate(0, 0); -webkit-transform: translate(0, 0); } body[data-ismobile][data-jsactive] #website #website-header .ep_toolbar .ep_navigation-menu[data-converted] .ep_background span{ display: none; } body[data-ismobile][data-jsactive] #website #website-header .ep_toolbar .ep_navigation-menu[data-converted][data-expanded="true"] .ep_background span{ display: block; } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* MENU DE NAVIGATION : Liens du menu (ligne de separation) */ body[data-jsactive] #website #website-header .ep_toolbar .ep_navigation-menu[data-converted] .ep_menu-links .ep_menu .ep_item.ep_level1:before, body[data-jsactive] #website #website-header .ep_toolbar .ep_navigation-menu[data-converted] .ep_menu-links .ep_menu .ep_item.ep_level2:before{ border-top-style: dotted; } body[data-jsactive] #website #website-header .ep_toolbar .ep_navigation-menu[data-converted] .ep_menu-links .ep_menu .ep_item.ep_hasmenu > .ep_list > ol > .ep_item:first-child:before{ display: none; } /* MENU DE NAVIGATION : Fonctionnalite "Tree view" (icone d'expand [+] / collapse [-]) */ body[data-jsactive] #website #website-header .ep_toolbar .ep_navigation-menu[data-converted] .ep_menu-links .ep_menu .ep_item.ep_hasmenu > .ep_button{ cursor: pointer; } body[data-jsactive] #website #website-header .ep_toolbar .ep_navigation-menu[data-converted] .ep_menu-links .ep_menu .ep_item.ep_hasmenu > .ep_button .ep_icon{ background-color: #fff; border-color: #326aab; color: inherit; } body[data-jsactive] #website #website-header .ep_toolbar .ep_navigation-menu[data-converted] .ep_menu-links .ep_menu .ep_item.ep_hasmenu > .ep_button .ep_icon:after{ width: 9px; height: 9px; } body[data-jsactive] #website #website-header .ep_toolbar .ep_navigation-menu[data-converted] .ep_menu-links .ep_menu .ep_item.ep_hasmenu > .ep_button .ep_icon:after{ background-position: -82px -96px; } body[data-jsactive] #website #website-header .ep_toolbar .ep_navigation-menu[data-converted] .ep_menu-links .ep_menu .ep_item.ep_hasmenu[aria-expanded="true"] > .ep_button .ep_icon:after{ background-position: -91px -96px; } body[data-jsactive] #website #website-header .ep_toolbar .ep_navigation-menu[data-converted] .ep_menu-links .ep_menu .ep_item.ep_hasmenu > .ep_button .ep_name{ transform: translate(0, 0); -webkit-transform: translate(0, 0); transition: transform 0.2s ease-out 0s; color: inherit; } body[data-jsactive] #website #website-header .ep_toolbar .ep_navigation-menu[data-converted] .ep_menu-links .ep_menu .ep_item.ep_hasmenu > .ep_button:hover .ep_name, body[data-jsactive] #website #website-header .ep_toolbar .ep_navigation-menu[data-converted] .ep_menu-links .ep_menu .ep_item.ep_hasmenu > .ep_button > span:focus .ep_name, body[data-jsactive] #website #website-header .ep_toolbar .ep_navigation-menu[data-converted] .ep_menu-links .ep_menu .ep_item.ep_hasmenu > .ep_button > span:active .ep_name, body[data-jsactive] #website #website-header .ep_toolbar .ep_navigation-menu[data-converted] .ep_menu-links .ep_menu .ep_item.ep_hasmenu > .ep_button > a:focus .ep_name, body[data-jsactive] #website #website-header .ep_toolbar .ep_navigation-menu[data-converted] .ep_menu-links .ep_menu .ep_item.ep_hasmenu > .ep_button > a:active .ep_name{ transform: translate(3px, 0); -webkit-transform: translate(3px, 0); color: #326aab; } /* MENU DE NAVIGATION : Fonctionnalite "Tree view" (affichage des contenus) */ body[data-jsactive] #website #website-header .ep_toolbar .ep_navigation-menu[data-converted] .ep_menu-links .ep_menu .ep_item.ep_hasmenu > .ep_list > ol{ display: none; } body[data-jsactive] #website #website-header .ep_toolbar .ep_navigation-menu[data-converted] .ep_menu-links .ep_menu .ep_item.ep_hasmenu[aria-expanded="true"] > .ep_list > ol{ display: block; } body[data-jsactive] #website #website-header .ep_toolbar .ep_navigation-menu[data-converted] .ep_menu-links .ep_menu .ep_item.ep_level0.ep_hasmenu[aria-expanded="true"] > .ep_button{ background-color: #f3f4f4; } body[data-jsactive] #website #website-header .ep_toolbar .ep_navigation-menu[data-converted] .ep_menu-links .ep_menu .ep_item.ep_level1.ep_hasmenu[aria-expanded="true"] > .ep_button{ background-color: #eeefef; } /* MENU DE NAVIGATION : Fonctionnalite "Tree view" (marqueur de selection) */ body[data-jsactive] #website #website-header .ep_toolbar .ep_navigation-menu[data-converted] .ep_menu-links .ep_menu .ep_item[aria-selected="true"].ep_hasmenu[aria-expanded="false"] > .ep_button{ position: relative; color: inherit; } body[data-jsactive] #website #website-header .ep_toolbar .ep_navigation-menu[data-converted] .ep_menu-links .ep_menu .ep_item[aria-selected="true"].ep_hasmenu[aria-expanded="false"] > .ep_button:after{ position: absolute; display: block; top: 0; bottom: 0; left: 0; width: 4px; height: auto; background-color: #326aab; content: " "; color: #326aab; } } @media screen and (min-width:1020px){ /* Design du menu deploye sans effet de parralaxe */ /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* MENU DE NAVIGATION - Bouton d'ouverture : Suppression des liens et du titre d'introduction */ body:not([data-headerparallax]) #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-access, body:not([data-headerparallax]) #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-title{ display: none !important; } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* MENU DE NAVIGATION : Structure principale */ /* MENU DE NAVIGATION : Structure principale (conteneur complet du menu) */ body:not([data-headerparallax]) #website #website-header .ep_toolbar .ep_navigation-menu{ position: relative; display: block; z-index: 15; height: 40px; flex: 1; -webkit-flex: 1; padding-left: 10px; padding-right: 10px; } body:not([data-headerparallax]) #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-container, body:not([data-headerparallax]) #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-container > div, body:not([data-headerparallax]) #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-container .ep_menu-content{ position: static; display: block; margin: 0; padding: 0; text-align: left; } body:not([data-headerparallax]) #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-container .ep_menu-content{ display: flex; display: -webkit-flex; flex-direction: row-reverse; -webkit-flex-direction: row-reverse; letter-spacing: -0.3em; white-space: nowrap; } /* MENU DE NAVIGATION : Structure principale (blocage des styles parallaxes ajoutes dynamiquement) */ body:not([data-headerparallax]) #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-container > div{ overflow: visible !important; height: 40px !important; max-height: 40px !important; } /* MENU DE NAVIGATION : Structure principale (elements principaux du menu) */ body:not([data-headerparallax]) #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-links, body:not([data-headerparallax]) #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-filter{ position: static; display: inline-block; height: 40px; margin: 0; padding: 0; box-sizing: border-box; vertical-align: middle; color: #505154; } body:not([data-headerparallax]) #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-links > div, body:not([data-headerparallax]) #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-filter > div{ position: static; display: block; margin: 0; padding: 0; box-sizing: border-box; color: inherit; } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* MENU DE NAVIGATION : Selecteur de menu */ body:not([data-headerparallax]) #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-filter{ width: 210px; padding-right: 5px; flex: 0 0 210px; -webkit-flex: 0 0 210px; background-color: transparent; letter-spacing: -0.3em; white-space: nowrap; } body:not([data-headerparallax]) #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-filter .ep_select{ position: static; display: inline-block; margin: 0; padding: 0; background-color: inherit; border-color: inherit; color: inherit; } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* MENU DE NAVIGATION - Selecteur de menu (STATIQUE) : Hauteur minimale */ body:not([data-headerparallax]) #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-filter .ep_select:before{ position: static; display: inline-block; overflow: hidden; width: 0; height: 40px; content: " "; text-indent: 50px; white-space: nowrap; vertical-align: middle; color: #fff; } /* MENU DE NAVIGATION - Selecteur de menu (STATIQUE) : Conteneur */ body:not([data-headerparallax]) #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-filter .ep_select .ep_field, body:not([data-headerparallax]) #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-filter .ep_select .ep_button{ position: static; display: inline-block; overflow: hidden; margin: 0; padding: 0; background-color: transparent; vertical-align: middle; } /* MENU DE NAVIGATION - Selecteur de menu (STATIQUE) : Selecteur */ body:not([data-headerparallax]) #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-filter .ep_select .ep_field{ position: static; display: inline-block; width: 100%; margin: 0; padding: 7px 22px 6px 10px; box-sizing: border-box; -moz-box-sizing: border-box; background-color: #fff; border: 1px solid #d2d2d1; border-radius: 0; cursor: pointer; font-size: 1.3em; letter-spacing: normal; vertical-align: middle; text-transform: none; color: inherit; } /* MENU DE NAVIGATION - Selecteur de menu (STATIQUE) : Effet de survol */ body:not([data-headerparallax]) #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-filter .ep_select:hover .ep_field, body:not([data-headerparallax]) #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-filter .ep_select select.ep_field:focus, body:not([data-headerparallax]) #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-filter .ep_select select.ep_field:active{ background-color: #eeefef; color: #326aab; } body:not([data-headerparallax]) #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-filter .ep_select select.ep_field:focus, body:not([data-headerparallax]) #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-filter .ep_select select.ep_field:active{ opacity: 1; } /* MENU DE NAVIGATION - Selecteur de menu (STATIQUE) : Bouton d'envoi du formulaire */ body:not([data-headerparallax]) #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-filter .ep_button{ position: static; display: inline-block; overflow: hidden; width: 30px; height: 20px; margin: 0 0 0 -25px; padding: 0; box-sizing: border-box; -moz-box-sizing: border-box; background-color: #fff; background-position: -97px -50px; border: 1px solid #d2d2d1; border-top-color: transparent; border-radius: 0; outline: none; transform: rotate(-90deg); -webkit-transform: rotate(-90deg); cursor: pointer; text-align: center; white-space: nowrap; vertical-align: middle; } body:not([data-headerparallax]) #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-filter .ep_button .ep_name{ position: static; display: inline-block; overflow: hidden; width: 0; height: 19px; vertical-align: middle; } body:not([data-headerparallax]) #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-filter .ep_button .ep_icon{ position: static; display: inline-block; overflow: hidden; width: 11px; height: 8px; background-image: url(../img/icons.svg); background-repeat: no-repeat; background-position: inherit; cursor: pointer; text-indent: 30px; vertical-align: middle; } body:not([data-headerparallax]) #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-filter .ep_button:hover, body:not([data-headerparallax]) #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-filter .ep_button:focus, body:not([data-headerparallax]) #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-filter .ep_button:active{ background-color: #eeefef; background-position: -97px -58px; } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* MENU DE NAVIGATION - Selecteur de menu (DYNAMIQUE) : Blocage des styles de la version statique */ body:not([data-headerparallax])[data-jsactive] #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-filter .ep_select.epjs_converted{ height: 30px; background-color: #326aab; } body:not([data-headerparallax])[data-jsactive] #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-filter .ep_select.epjs_converted > .ep_field, body:not([data-headerparallax])[data-jsactive] #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-filter.epjs_selectconvert > div .ep_button{ display: none !important; } body:not([data-headerparallax])[data-jsactive] #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-filter .ep_select.epjs_converted:hover{ background-color: transparent; color: inherit; } /* MENU DE NAVIGATION - Selecteur de menu (DYNAMIQUE) : Alignement du menu dans la barre d'outil */ body:not([data-headerparallax])[data-jsactive] #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-filter .ep_select.epjs_converted, body:not([data-headerparallax])[data-jsactive] #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-filter .ep_select.epjs_converted .epjs_select{ display: inline-block; width: 100%; background-color: inherit; border-color: inherit; vertical-align: middle; } body:not([data-headerparallax])[data-jsactive] #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-filter.epjs_selectconvert .ep_select.epjs_converted .epjs_select .epjs_button{ padding-top: 7px; padding-bottom: 6px; } /* MENU DE NAVIGATION - Selecteur de menu (DYNAMIQUE) : Blocage de la taille du widget */ body:not([data-headerparallax])[data-jsactive] #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-filter.epjs_selectconvert .ep_select.epjs_converted .epjs_select .epjs_button{ width: 100% !important; min-width: 1px !important; } body:not([data-headerparallax])[data-jsactive] #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-filter.epjs_selectconvert .ep_select.epjs_converted .epjs_select .epjs_button .epjs_name{ width: calc(100% - 5px) !important; } body:not([data-headerparallax])[data-jsactive] #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-filter.epjs_selectconvert .ep_select.epjs_converted .epjs_select .epjs_dropdown .epjs_list{ max-width: 800px; } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* MENU DE NAVIGATION : Structure de la barre de liens du menu */ /* MENU DE NAVIGATION : Structure de la barre de menu (conteneur) */ body:not([data-headerparallax]) #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-links{ flex: 1; -webkit-flex: 1; } body:not([data-headerparallax]) #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-links > div{ display: flex; display: -webkit-flex; flex-direction: row; flex-wrap: nowrap; -webkit-flex-direction: row; -webkit-flex-wrap: nowrap; } /* MENU DE NAVIGATION : Structure de la barre de menu (element) */ body:not([data-headerparallax]) #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-links .ep_category, body:not([data-headerparallax]) #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-links .ep_menu{ position: static; display: inline-block; margin: 0; padding: 0; vertical-align: middle; } body:not([data-headerparallax]) #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-links .ep_category{ flex: 0 0 auto; -webkit-flex: 0 0 auto; } body:not([data-headerparallax]) #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-links .ep_menu{ flex: 1; -webkit-flex: 1; } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* MENU DE NAVIGATION : Categorie du menu */ /* MENU DE NAVIGATION : Categorie du menu (conteneur general) */ body:not([data-headerparallax]) #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-links .ep_category .ep_button{ position: static; display: inline-block; height: 40px; margin: 0; padding: 0; background-color: #fff; box-sizing: border-box; white-space: nowrap; letter-spacing: -0.3em; vertical-align: middle; color: inherit; } body:not([data-headerparallax]) #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-links .ep_category .ep_button:before, body:not([data-headerparallax]) #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-links .ep_category .ep_button:after, body:not([data-headerparallax]) #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-links .ep_category .ep_button abbr, body:not([data-headerparallax]) #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-links .ep_category .ep_button abbr:before, body:not([data-headerparallax]) #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-links .ep_category .ep_button .ep_name, body:not([data-headerparallax]) #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-links .ep_category .ep_button .ep_icon{ position: static; display: inline-block; margin: 0; padding: 0; box-sizing: border-box; background-color: inherit; vertical-align: middle; color: inherit; } /* MENU DE NAVIGATION : Categorie du menu (hauteur et alignement vertical) */ body:not([data-headerparallax]) #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-links .ep_category .ep_button:before{ overflow: hidden; width: 0; height: 40px; text-indent: 10px; content: " "; } /* MENU DE NAVIGATION : Categorie du menu (blocage de l'infobulle de l'abbreviation) */ body:not([data-headerparallax]) #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-links .ep_category .ep_button:after{ position: relative; overflow: hidden; z-index: 1; width: 100%; height: 40px; margin-left: -100%; background-color: red; opacity: 0; text-indent: 10px; content: " "; } /* MENU DE NAVIGATION : Categorie du menu (libelle) */ body:not([data-headerparallax]) #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-links .ep_category .ep_button .ep_name{ overflow: hidden; padding-left: 15px; padding-right: 15px; transform: translate(0, 0); -webkit-transform: translate(0, 0); font-size: 1.2em; font-weight: bold; letter-spacing: normal; } /* MENU DE NAVIGATION : Categorie du menu (fleche laterale) */ body:not([data-headerparallax]) #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-links .ep_category .ep_button .ep_icon{ width: 0; height: 40px; } body:not([data-headerparallax]) #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-links .ep_category .ep_button .ep_icon:before{ position: absolute; display: block; width: 14px; height: 14px; margin: 13px 0 0 -10px; padding: 0; transform: rotate(45deg); -webkit-transform: rotate(45deg); background-color: inherit; content: " "; } /* MENU DE NAVIGATION : Categorie du menu (effet de survol) */ body:not([data-headerparallax]) #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-links .ep_category a.ep_button .ep_name, body:not([data-headerparallax]) #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-links .ep_category a.ep_button:link .ep_name, body:not([data-headerparallax]) #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-links .ep_category a.ep_button: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; } body:not([data-headerparallax]) #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-links .ep_category a.ep_button:hover .ep_name, body:not([data-headerparallax]) #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-links .ep_category a.ep_button:focus .ep_name, body:not([data-headerparallax]) #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-links .ep_category a.ep_button:active .ep_name{ transform: translate(0, -3px); -webkit-transform: translate(0, -3px); } /* MENU DE NAVIGATION : Categorie du menu (personnalisation des couleurs) */ body:not([data-headerparallax]) #website #website-header.ep_layout-committee .ep_toolbar .ep_navigation-menu .ep_menu-links .ep_category, body:not([data-headerparallax]) #website #website-header.ep_layout-delegation .ep_toolbar .ep_navigation-menu .ep_menu-links .ep_category{ color: #e53f1f; } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* MENU DE NAVIGATION : Liens du menu */ /* MENU DE NAVIGATION - Liens du menu : Initialisation des conteneurs (conteneur) */ body:not([data-headerparallax]) #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-links .ep_menu{ color: #505154; } /* MENU DE NAVIGATION - Liens du menu : Initialisation des conteneurs (liste) */ body:not([data-headerparallax]) #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-links .ep_menu ol, body:not([data-headerparallax]) #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-links .ep_menu .ep_item, body:not([data-headerparallax]) #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-links .ep_menu .ep_list{ position: static; display: block; margin: 0; padding: 0; list-style: none; white-space: normal; } /* MENU DE NAVIGATION - Liens du menu : Initialisation des conteneurs (bouton) */ body:not([data-headerparallax]) #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-links .ep_menu .ep_button{ position: static; display: block; margin: 0; padding: 0; white-space: nowrap; } body:not([data-headerparallax]) #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-links .ep_menu .ep_button:before, body:not([data-headerparallax]) #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-links .ep_menu .ep_button:after, body:not([data-headerparallax]) #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-links .ep_menu .ep_button > span, body:not([data-headerparallax]) #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-links .ep_menu .ep_button > span:before, body:not([data-headerparallax]) #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-links .ep_menu .ep_button > span:after, body:not([data-headerparallax]) #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-links .ep_menu .ep_button > a, body:not([data-headerparallax]) #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-links .ep_menu .ep_button > a:before, body:not([data-headerparallax]) #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-links .ep_menu .ep_button > a:after, body:not([data-headerparallax]) #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-links .ep_menu .ep_button .ep_name, body:not([data-headerparallax]) #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-links .ep_menu .ep_button .ep_icon, body:not([data-headerparallax]) #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-links .ep_menu .ep_button .ep_icon:before{ position: static; display: inline-block; overflow: hidden; margin: 0; padding: 0; background-position: inherit; font-size: 1em; font-weight: lighter; letter-spacing: normal; white-space: nowrap; vertical-align: middle; color: inherit; } body:not([data-headerparallax]) #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-links .ep_menu .ep_button > span, body:not([data-headerparallax]) #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-links .ep_menu .ep_button > a{ overflow: visible; width: 100%; padding-left: 15px; padding-right: 15px; box-sizing: border-box; } body:not([data-headerparallax]) #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-links .ep_menu .ep_button .ep_name{ font-size: 1.4em; font-weight: lighter; letter-spacing: normal; white-space: nowrap; vertical-align: middle; } body:not([data-headerparallax]) #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-links .ep_menu .ep_button .ep_icon{ overflow: visible; width: 0; margin-left: 10px; } body:not([data-headerparallax]) #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-links .ep_menu .ep_button .ep_icon:before{ width: 11px; height: 8px; background-image: url(../img/icons.svg); background-position: inherit; background-repeat: no-repeat; content: " "; } /* MENU DE NAVIGATION - Liens du menu : Initialisation des conteneurs (bouton > hauteur minimale) */ body:not([data-headerparallax]) #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-links .ep_menu .ep_item.ep_hasmenu .ep_button:before, body:not([data-headerparallax]) #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-links .ep_menu .ep_item.ep_hasmenu .ep_button > span:before, body:not([data-headerparallax]) #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-links .ep_menu .ep_item.ep_hasmenu .ep_button > a:before, body:not([data-headerparallax]) #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-links .ep_menu .ep_item.ep_directlink .ep_button > a:before{ width: 0; height: 40px; content: " "; } /* MENU DE NAVIGATION - Liens du menu : Initialisation des conteneurs (bouton > suppression des icones pour les liens directs) */ body:not([data-headerparallax]) #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-links .ep_menu .ep_item.ep_directlink > .ep_button .ep_icon{ display: none; } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* MENU DE NAVIGATION - Liens du menu (NIVEAU PRINCIPAL) : Conteneur */ body:not([data-headerparallax]) #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-links .ep_menu .ep_item.ep_level0{ display: inline-block; vertical-align: top; } /* MENU DE NAVIGATION - Liens du menu (NIVEAU PRINCIPAL) : Bouton (conteneur) */ body:not([data-headerparallax]) #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-links .ep_menu .ep_item.ep_level0 > .ep_button > span{ display: none; } body:not([data-headerparallax]) #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-links .ep_menu .ep_item.ep_level0 > .ep_button > span, body:not([data-headerparallax]) #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-links .ep_menu .ep_item.ep_level0 > .ep_button > a{ background-position: -97px -42px; color: #fff; } /* MENU DE NAVIGATION - Liens du menu (NIVEAU PRINCIPAL) : Bouton (blocage du clic utilise pour la navigation clavier) */ body:not([data-headerparallax]) #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-links .ep_menu .ep_item.ep_level0.ep_hasmenu > .ep_button:after{ width: 100%; height: 40px; margin-left: -100%; background-color: #fff; opacity: 0; content: " "; } /* MENU DE NAVIGATION - Liens du menu (NIVEAU PRINCIPAL) : Bouton (selection du lien) */ body:not([data-headerparallax]) #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-links .ep_menu .ep_item.ep_level0 > .ep_button > span:after, body:not([data-headerparallax]) #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-links .ep_menu .ep_item.ep_level0 > .ep_button > a:after{ display: none; width: 100%; height: 4px; margin-left: -100%; background-color: #fff; content: " "; vertical-align: bottom; } body:not([data-headerparallax]) #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-links .ep_menu .ep_item.ep_level0[aria-selected="true"] > .ep_button > span:after, body:not([data-headerparallax]) #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-links .ep_menu .ep_item.ep_level0[aria-selected="true"] > .ep_button > a:after{ display: inline-block; } body:not([data-headerparallax]) #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-links .ep_menu .ep_item.ep_level1[aria-selected="true"] > .ep_button, body:not([data-headerparallax]) #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-links .ep_menu .ep_item.ep_level2[aria-selected="true"] > .ep_button > span, body:not([data-headerparallax]) #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-links .ep_menu .ep_item.ep_level2[aria-selected="true"] > .ep_button > a{ position: relative; } body:not([data-headerparallax]) #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-links .ep_menu .ep_item.ep_level1[aria-selected="true"] > .ep_button:after, body:not([data-headerparallax]) #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-links .ep_menu .ep_item.ep_level2[aria-selected="true"] > .ep_button > span:after, body:not([data-headerparallax]) #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-links .ep_menu .ep_item.ep_level2[aria-selected="true"] > .ep_button > a:after{ position: absolute; display: block; top: 0; bottom: 0; left: 0; width: 4px; height: auto; background-color: #326aab; content: " "; color: #326aab; } /* MENU DE NAVIGATION - Liens du menu (NIVEAU PRINCIPAL) : Bouton (effet de survol) */ body:not([data-headerparallax]) #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-links .ep_menu .ep_item.ep_level0.ep_directlink > .ep_button > a > *, body:not([data-headerparallax]) #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-links .ep_menu .ep_item.ep_level0.ep_directlink > .ep_button > a:link > *, body:not([data-headerparallax]) #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-links .ep_menu .ep_item.ep_level0.ep_directlink > .ep_button > a:visited > *, body:not([data-headerparallax]) #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-links .ep_menu .ep_item.ep_level0.ep_hasmenu > .ep_button > span > *, body:not([data-headerparallax]) #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-links .ep_menu .ep_item.ep_level0.ep_hasmenu > .ep_button > span:hover > *, body:not([data-headerparallax]) #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-links .ep_menu .ep_item.ep_level0.ep_hasmenu > .ep_button > a:link > *, body:not([data-headerparallax]) #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-links .ep_menu .ep_item.ep_level0.ep_hasmenu > .ep_button > a:visited > *, body:not([data-headerparallax]) #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-links .ep_menu .ep_item.ep_level0.ep_hasmenu > .ep_button > a:hover > *{ 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; } body:not([data-headerparallax]) #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-links .ep_menu .ep_item.ep_level0.ep_directlink > .ep_button > a:hover > *, body:not([data-headerparallax]) #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-links .ep_menu .ep_item.ep_level0.ep_directlink > .ep_button > a:focus > *, body:not([data-headerparallax]) #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-links .ep_menu .ep_item.ep_level0.ep_directlink > .ep_button > a:active > *, body:not([data-headerparallax]) #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-links .ep_menu .ep_item.ep_level0.ep_hasmenu > .ep_button > a:focus > *, body:not([data-headerparallax]) #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-links .ep_menu .ep_item.ep_level0.ep_hasmenu > .ep_button > a:active > *, body:not([data-headerparallax]) #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-links .ep_menu .ep_item.ep_level0.ep_hasmenu > .ep_button > span:focus > *, body:not([data-headerparallax]) #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-links .ep_menu .ep_item.ep_level0.ep_hasmenu > .ep_button > span:active > *{ transform: translate(0, -4px); -webkit-transform: translate(0, -4px); } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* MENU DE NAVIGATION - Liens du menu (NIVEAUX SECONDAIRES) : Liste (position de la liste de second niveau) */ body:not([data-headerparallax]) #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-links .ep_menu .ep_item.ep_level0 > .ep_list{ position: absolute; min-width: 200px; } body:not([data-headerparallax]) #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-links .ep_menu .ep_item.ep_level1{ white-space: nowrap; letter-spacing: -0.3em; } body:not([data-headerparallax]) #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-links .ep_menu .ep_item.ep_level1 > .ep_button, body:not([data-headerparallax]) #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-links .ep_menu .ep_item.ep_level1 > .ep_list{ display: inline-block; vertical-align: top; } body:not([data-headerparallax]) #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-links .ep_menu .ep_item.ep_level1 > .ep_button{ width: 100%; max-width: 250px; box-sizing: border-box; } body:not([data-headerparallax]) #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-links .ep_menu .ep_item.ep_level1 > .ep_button .ep_name{ white-space: normal; } body:not([data-headerparallax]) #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-links .ep_menu .ep_item.ep_level1 > .ep_list{ width: 0; } body:not([data-headerparallax]) #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-links .ep_menu .ep_item.ep_level1 > .ep_list > ol{ position: absolute; } /* MENU DE NAVIGATION - Liens du menu (NIVEAUX SECONDAIRES) : Liste (couleur) */ body:not([data-headerparallax]) #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-links .ep_menu .ep_item.ep_level0 > .ep_list, body:not([data-headerparallax]) #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-links .ep_menu .ep_item.ep_level0 > .ep_list:before, body:not([data-headerparallax]) #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-links .ep_menu .ep_item.ep_level1 > .ep_button{ background-color: #fff; } body:not([data-headerparallax]) #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-links .ep_menu .ep_item.ep_level1 > .ep_list > ol, body:not([data-headerparallax]) #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-links .ep_menu .ep_item.ep_level2 > .ep_button, body:not([data-headerparallax]) #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-links .ep_menu .ep_item.ep_level2 > .ep_button > span, body:not([data-headerparallax]) #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-links .ep_menu .ep_item.ep_level2 > .ep_button > a{ background-color: #f6f6f6; } /* MENU DE NAVIGATION - Liens du menu (NIVEAUX SECONDAIRES) : Liste (ombre portee) */ body:not([data-headerparallax]) #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-links .ep_menu .ep_item.ep_level0 > .ep_list{ box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.2); } body:not([data-headerparallax]) #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-links .ep_menu .ep_item.ep_level0 > .ep_list:before{ position: absolute; display: block; z-index: 1; top: 0; bottom: 0; right: 0; width: 3px; height: auto; content: " "; } body:not([data-headerparallax]) #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-links .ep_menu .ep_item.ep_level1 > .ep_list > ol{ box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.2); } /* MENU DE NAVIGATION - Liens du menu (NIVEAUX SECONDAIRES) : Bouton (effet de survol) */ body:not([data-headerparallax]) #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-links .ep_menu .ep_item.ep_level0 .ep_item.ep_directlink > .ep_button > a .ep_name, body:not([data-headerparallax]) #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-links .ep_menu .ep_item.ep_level0 .ep_item.ep_directlink > .ep_button > a:link .ep_name, body:not([data-headerparallax]) #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-links .ep_menu .ep_item.ep_level0 .ep_item.ep_directlink > .ep_button > a:visited .ep_name, body:not([data-headerparallax]) #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-links .ep_menu .ep_item.ep_level0 .ep_item.ep_hasmenu > .ep_button > a:link .ep_name, body:not([data-headerparallax]) #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-links .ep_menu .ep_item.ep_level0 .ep_item.ep_hasmenu > .ep_button > a:visited .ep_name, body:not([data-headerparallax]) #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-links .ep_menu .ep_item.ep_level0 .ep_item.ep_hasmenu > .ep_button > a:hover .ep_name, body:not([data-headerparallax]) #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-links .ep_menu .ep_item.ep_level0 .ep_item.ep_hasmenu > .ep_button > span .ep_name, body:not([data-headerparallax]) #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-links .ep_menu .ep_item.ep_level0 .ep_item.ep_hasmenu > .ep_button > span:hover .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: inherit; } body:not([data-headerparallax]) #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-links .ep_menu .ep_item.ep_level0 .ep_item.ep_directlink > .ep_button > a:hover .ep_name, body:not([data-headerparallax]) #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-links .ep_menu .ep_item.ep_level0 .ep_item.ep_directlink > .ep_button > a:focus:hover .ep_name, body:not([data-headerparallax]) #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-links .ep_menu .ep_item.ep_level0 .ep_item.ep_directlink > .ep_button > a:active:hover .ep_name, body:not([data-headerparallax]) #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-links .ep_menu .ep_item.ep_level0 .ep_item.ep_directlink > .ep_button > a:focus .ep_name, body:not([data-headerparallax]) #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-links .ep_menu .ep_item.ep_level0 .ep_item.ep_directlink > .ep_button > a:active .ep_name, body:not([data-headerparallax]) #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-links .ep_menu .ep_item.ep_level0 .ep_item.ep_hasmenu > .ep_button > span:focus .ep_name, body:not([data-headerparallax]) #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-links .ep_menu .ep_item.ep_level0 .ep_item.ep_hasmenu > .ep_button > span:active .ep_name, body:not([data-headerparallax]) #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-links .ep_menu .ep_item.ep_level0 .ep_item.ep_hasmenu > .ep_button > a:focus .ep_name, body:not([data-headerparallax]) #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-links .ep_menu .ep_item.ep_level0 .ep_item.ep_hasmenu > .ep_button > a:active .ep_name{ transform: translate(4px, 0); -webkit-transform: translate(4px, 0); color: #326aab; } body:not([data-headerparallax]) #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-links .ep_menu .ep_item.ep_level1.ep_hasmenu > .ep_button{ position: relative; z-index: 2; background-color: #fff; } body:not([data-headerparallax]) #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-links .ep_menu .ep_item.ep_level1.ep_hasmenu:hover > .ep_button{ background-color: #f6f6f6; } /* MENU DE NAVIGATION - Liens du menu (NIVEAUX SECONDAIRES) : Bouton (adaptation des boutons ouvrant un menu) */ body:not([data-headerparallax]) #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-links .ep_menu .ep_list .ep_item.ep_hasmenu > .ep_button{ background-position: -97px -58px; color: inherit; } body:not([data-headerparallax]) #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-links .ep_menu .ep_list .ep_item.ep_hasmenu > .ep_button > span{ padding-right: 25px; } body:not([data-headerparallax]) #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-links .ep_menu .ep_list .ep_item.ep_hasmenu > .ep_button .ep_name{ width: 100%; } body:not([data-headerparallax]) #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-links .ep_menu .ep_list .ep_item.ep_hasmenu > .ep_button .ep_icon{ margin-left: 5px; } body:not([data-headerparallax]) #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-links .ep_menu .ep_list .ep_item.ep_hasmenu > .ep_button .ep_icon:before{ margin-top: -2px; margin-left: -2px; transform: rotate(-90deg); -webkit-transform: rotate(-90deg); } /* MENU DE NAVIGATION - Liens du menu (NIVEAUX SECONDAIRES) : Blocage du quatrieme niveau (interdit !) */ body:not([data-headerparallax]) #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-links .ep_menu .ep_list .ep_item.ep_level2 .ep_button .ep_icon, body:not([data-headerparallax]) #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-links .ep_menu .ep_list .ep_item.ep_level2 .ep_list{ display: none; } /* MENU DE NAVIGATION - Liens du menu (NIVEAUX SECONDAIRES) : Bouton de fermeture (accessible via l'ouverture au clavier) */ body:not([data-headerparallax]) #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-links .ep_menu .ep_item.ep_level0 > .ep_list > .ep_button.ep_closeaccess{ position: relative; display: none; top: 0; padding-right: 7px; background-position: -124px -21px; text-align: right; } body:not([data-headerparallax]) #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-links .ep_menu .ep_item.ep_level0 > .ep_list > .ep_button.ep_closeaccess a{ display: inline-block; width: auto; padding: 5px 7px 5px 5px; background-position: inherit; border-radius: 4px 4px 0 0; } body:not([data-headerparallax]) #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-links .ep_menu .ep_item.ep_level0 > .ep_list > .ep_button.ep_closeaccess:before{ display: none; } body:not([data-headerparallax]) #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-links .ep_menu .ep_item.ep_level0 > .ep_list > .ep_button.ep_closeaccess .ep_name{ font-size: 1.1em; } body:not([data-headerparallax]) #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-links .ep_menu .ep_item.ep_level0 > .ep_list > .ep_button.ep_closeaccess .ep_icon{ display: inline-block; width: 14px; height: 14px; margin-left: 0; } body:not([data-headerparallax]) #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-links .ep_menu .ep_item.ep_level0 > .ep_list > .ep_button.ep_closeaccess .ep_icon:before{ width: 21px; height: 21px; margin-top: -3px; transform: scale(0.61905); -webkit-transform: scale(0.61905); } body:not([data-headerparallax]) #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-links .ep_menu .ep_item.ep_level0 > .ep_list:target > .ep_button.ep_closeaccess{ display: block; } body:not([data-headerparallax]) #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-links .ep_menu .ep_item.ep_level0 > .ep_list > .ep_button.ep_closeaccess a:link, body:not([data-headerparallax]) #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-links .ep_menu .ep_item.ep_level0 > .ep_list > .ep_button.ep_closeaccess a:visited{ background-color: inherit; background-position: inherit; color: inherit; } body:not([data-headerparallax]) #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-links .ep_menu .ep_item.ep_level0 > .ep_list > .ep_button.ep_closeaccess a:hover, body:not([data-headerparallax]) #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-links .ep_menu .ep_item.ep_level0 > .ep_list > .ep_button.ep_closeaccess a:focus, body:not([data-headerparallax]) #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-links .ep_menu .ep_item.ep_level0 > .ep_list > .ep_button.ep_closeaccess a:active{ background-color: #326aab; background-position: -103px -21px; color: #fff; } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* MENU DE NAVIGATION - Liens du menu (NIVEAUX SECONDAIRES) : Affichage des listes (niveau 2) */ body:not([data-headerparallax]) #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-links .ep_menu .ep_item.ep_level0 > .ep_list{ display: none; } body:not([data-headerparallax]) #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-links .ep_menu .ep_item.ep_level0:hover > .ep_list, body:not([data-headerparallax]) #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-links .ep_menu .ep_item.ep_level0 > .ep_list:target{ display: block; } /* MENU DE NAVIGATION - Liens du menu (NIVEAUX SECONDAIRES) : Affichage des listes (niveau 3) */ body:not([data-headerparallax]) #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-links .ep_menu .ep_item.ep_level1 .ep_item.ep_level2 .ep_button > a{ overflow: hidden; width: 0; height: 0; max-width: 250px; padding-left: 0; padding-right: 0; } body:not([data-headerparallax]) #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-links .ep_menu .ep_item.ep_level1 .ep_item.ep_level2 .ep_button > a .ep_name{ white-space: normal; } body:not([data-headerparallax]) #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-links .ep_menu .ep_item.ep_level1 > .ep_list ol{ top: auto; min-height: 0; } body:not([data-headerparallax]) #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-links .ep_menu .ep_item.ep_level1:hover > .ep_list ol{ top: 0; min-height: 100%; } body:not([data-headerparallax]) #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-links .ep_menu .ep_item.ep_level1:hover .ep_item.ep_level2 .ep_button > a{ overflow: visible; top: auto; width: 250px; height: auto; padding-left: 15px; padding-right: 15px; } body:not([data-headerparallax]) #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-links .ep_menu .ep_item.ep_level1 .ep_item.ep_level2 .ep_button > a:focus, body:not([data-headerparallax]) #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-links .ep_menu .ep_item.ep_level1 .ep_item.ep_level2 .ep_button > a:active{ position: absolute; overflow: visible; top: 0; width: 250px; height: auto; padding-left: 15px; padding-right: 15px; } body:not([data-headerparallax]) #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-links .ep_menu .ep_item.ep_level1 .ep_item.ep_level2 .ep_button > a:focus .ep_name, body:not([data-headerparallax]) #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-links .ep_menu .ep_item.ep_level1 .ep_item.ep_level2 .ep_button > a:active .ep_name{ transform: none; -webkit-transform: none; } body:not([data-headerparallax]) #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-links .ep_menu .ep_item.ep_level1 .ep_item.ep_level2[aria-selected="true"] > .ep_button:after{ display: none; } body:not([data-headerparallax]) #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-links .ep_menu .ep_item.ep_level1:hover .ep_item.ep_level2[aria-selected="true"] > .ep_button:after{ display: block; } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* MENU DE NAVIGATION : Adaptation JS */ /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* MENU DE NAVIGATION - Activation du JavaScript : Suppression des liens utilises par la version statique */ body[data-jsactive]:not([data-headerparallax]) #website #website-header .ep_toolbar .ep_navigation-menu[data-converted] .ep_menu-links .ep_menu .ep_item.ep_level0.ep_hasmenu > .ep_button > span{ display: inline-block; } body[data-jsactive]:not([data-headerparallax]) #website #website-header .ep_toolbar .ep_navigation-menu[data-converted] .ep_menu-links .ep_menu .ep_item.ep_level0.ep_hasmenu > .ep_button > a{ display: none; } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* MENU DE NAVIGATION - Activation du JavaScript : Gestion de l'affichage des menus */ body[data-jsactive]:not([data-headerparallax]) #website #website-header .ep_toolbar .ep_navigation-menu[data-converted] .ep_menu-links .ep_menu .ep_item.ep_hasmenu > .ep_list, body[data-jsactive]:not([data-headerparallax]) #website #website-header .ep_toolbar .ep_navigation-menu[data-converted] .ep_menu-links .ep_menu .ep_item.ep_hasmenu > .ep_list:target{ display: none; height: auto !important; } body[data-jsactive]:not([data-headerparallax]) #website #website-header .ep_toolbar .ep_navigation-menu[data-converted] .ep_menu-links .ep_menu .ep_item.ep_level1 > .ep_list ol{ top: 0; min-height: 100%; } body[data-jsactive]:not([data-headerparallax]) #website #website-header .ep_toolbar .ep_navigation-menu[data-converted] .ep_menu-links .ep_menu .ep_item.ep_level1 .ep_item.ep_level2 .ep_button > a, body[data-jsactive]:not([data-headerparallax]) #website #website-header .ep_toolbar .ep_navigation-menu[data-converted] .ep_menu-links .ep_menu .ep_item.ep_level1 .ep_item.ep_level2 .ep_button > a:hover, body[data-jsactive]:not([data-headerparallax]) #website #website-header .ep_toolbar .ep_navigation-menu[data-converted] .ep_menu-links .ep_menu .ep_item.ep_level1 .ep_item.ep_level2 .ep_button > a:focus, body[data-jsactive]:not([data-headerparallax]) #website #website-header .ep_toolbar .ep_navigation-menu[data-converted] .ep_menu-links .ep_menu .ep_item.ep_level1 .ep_item.ep_level2 .ep_button > a:active{ position: static; overflow: visible; top: auto; width: 250px; height: auto; padding-left: 15px; padding-right: 15px; } body[data-jsactive]:not([data-headerparallax]) #website #website-header .ep_toolbar .ep_navigation-menu[data-converted] .ep_menu-links .ep_menu .ep_item.ep_level1 .ep_item.ep_level2[aria-selected] .ep_button > a{ position: relative; } body[data-jsactive]:not([data-headerparallax]) #website #website-header .ep_toolbar .ep_navigation-menu[data-converted] .ep_menu-links .ep_menu .ep_item.ep_level1 .ep_item.ep_level2 .ep_button > a:link .ep_name, body[data-jsactive]:not([data-headerparallax]) #website #website-header .ep_toolbar .ep_navigation-menu[data-converted] .ep_menu-links .ep_menu .ep_item.ep_level1 .ep_item.ep_level2 .ep_button > a:visited .ep_name{ transform: translate(0, 0); -webkit-transform: translate(0, 0); } body[data-jsactive]:not([data-headerparallax]) #website #website-header .ep_toolbar .ep_navigation-menu[data-converted] .ep_menu-links .ep_menu .ep_item.ep_level1 .ep_item.ep_level2 .ep_button > a:hover .ep_name, body[data-jsactive]:not([data-headerparallax]) #website #website-header .ep_toolbar .ep_navigation-menu[data-converted] .ep_menu-links .ep_menu .ep_item.ep_level1 .ep_item.ep_level2 .ep_button > a:focus .ep_name, body[data-jsactive]:not([data-headerparallax]) #website #website-header .ep_toolbar .ep_navigation-menu[data-converted] .ep_menu-links .ep_menu .ep_item.ep_level1 .ep_item.ep_level2 .ep_button > a:active .ep_name{ transform: translate(4px, 0); -webkit-transform: translate(4px, 0); } body[data-jsactive]:not([data-headerparallax]) #website #website-header .ep_toolbar .ep_navigation-menu[data-converted] .ep_menu-links .ep_menu .ep_item.ep_level0.ep_hasmenu[aria-expanded="true"] > .ep_list{ display: block; } body[data-jsactive]:not([data-headerparallax]) #website #website-header .ep_toolbar .ep_navigation-menu[data-converted] .ep_menu-links .ep_menu .ep_item.ep_level1.ep_hasmenu[aria-expanded="true"] > .ep_button{ background-color: #f6f6f6; } body[data-jsactive]:not([data-headerparallax]) #website #website-header .ep_toolbar .ep_navigation-menu[data-converted] .ep_menu-links .ep_menu .ep_item.ep_level1.ep_hasmenu[aria-expanded="true"] > .ep_list{ display: inline-block; } } @media screen and (min-width:1020px){ /* Design du menu avec effet de parralaxe (code identique au menu reduit) */ /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* MENU DE NAVIGATION : Bouton d'acces (boutons ouverture/fermeture + titre statique) */ /* MENU DE NAVIGATION - Bouton d'acces : Conteneur */ body[data-headerparallax] #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-access{ position: relative; display: block; z-index: 15; margin: 0; padding: 0; letter-spacing: -0.3em; white-space: nowrap; } body[data-headerparallax] #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-access .ep_button{ position: static; display: inline-block; margin: 0; padding: 0; } body[data-headerparallax] #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-access .ep_button > span{ position: static; display: inline-block; padding: 0 5px; background-color: #fff; background-position: -82px -42px; border: 1px solid #fff; border-radius: 4px; letter-spacing: -0.3em; white-space: nowrap; color: #fff; } body[data-headerparallax] #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-access .ep_button + .ep_button{ position: absolute; z-index: 1; left: 0; } body[data-headerparallax] #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-access .ep_button:after, body[data-headerparallax] #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-access .ep_button > span:before, body[data-headerparallax] #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-access .ep_button .ep_name, body[data-headerparallax] #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-access .ep_button .ep_icon, body[data-headerparallax] #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-access .ep_button .ep_icon:before, body[data-headerparallax] #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-access .ep_button .ep_icon:after{ position: static; display: inline-block; overflow: hidden; margin: 0; padding: 0; background-position: inherit; cursor: pointer; vertical-align: middle; color: inherit; } body[data-headerparallax] #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-access .ep_button:after, body[data-headerparallax] #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-access .ep_button > span:before, body[data-headerparallax] #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-access .ep_button .ep_icon:before, body[data-headerparallax] #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-access .ep_button .ep_icon:after{ content: " "; } /* MENU DE NAVIGATION - Bouton d'acces : Hauteur du bouton */ body[data-headerparallax] #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-access .ep_button:after{ width: 10px; height: 40px; cursor: default; } body[data-headerparallax] #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-access .ep_button > span:before, body[data-headerparallax] #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-access .ep_button .ep_icon:before{ height: 28px; } /* MENU DE NAVIGATION - Bouton d'acces : Libelle */ body[data-headerparallax] #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-access .ep_button .ep_name{ position: static; display: inline-block; font-size: 1.3em; text-transform: uppercase; letter-spacing: normal; } /* MENU DE NAVIGATION - Bouton d'acces : Icone */ body[data-headerparallax] #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-access .ep_button .ep_icon{ width: 15px; margin-left: 5px; transform: translate(0, -1px); -webkit-transform: translate(0, -1px); white-space: nowrap; letter-spacing: -0.3em; color: inherit; } body[data-headerparallax] #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-access .ep_button .ep_icon:after{ width: 15px; height: 13px; background-image: url(../img/icons.svg); } /* MENU DE NAVIGATION - Bouton d'acces : Effet de survol */ body[data-headerparallax] #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-access .ep_button > span{ background-color: #32548d; background-position: -82px -42px; border-color: #32548d; color: #fff; } body[data-headerparallax] #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-access .ep_button > span:hover, body[data-headerparallax] #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-access .ep_button > span:focus, body[data-headerparallax] #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-access .ep_button > span:active{ background-color: #eeefef; background-position: -82px -66px; border-color: #eeefef; color: #327ac2; } /* MENU DE NAVIGATION - Bouton d'acces : Titre statique */ body[data-headerparallax] #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-access .ep_button > span{ opacity: 0; } body[data-headerparallax] #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-access .ep_button > span, body[data-headerparallax] #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-access .ep_button > span:before, body[data-headerparallax] #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-access .ep_button > span .ep_name, body[data-headerparallax] #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-access .ep_button > span .ep_icon, body[data-headerparallax] #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-access .ep_button > span .ep_icon:before, body[data-headerparallax] #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-access .ep_button > span .ep_icon:after{ cursor: default; } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* MENU DE NAVIGATION : Structure du menu */ /* MENU DE NAVIGATION - Structure du menu : Conteneur principal */ body[data-headerparallax] #website #website-header .ep_toolbar .ep_navigation-menu{ margin-left: 10px; margin-right: 10px; text-align: right; color: #505154; } body[data-headerparallax] #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-container{ position: relative; display: inline-block; z-index: 15; overflow: visible; width: 0; height: 0; } body[data-headerparallax] #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-container > div{ position: static; display: inline-block; overflow: hidden; margin-left: -270px; } body[data-headerparallax] #website #website-header .ep_toolbar #authentication .ep_menu-container > div { margin-left: -170px !important; } body[data-headerparallax] #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-container > div > .ep_menu-content{ position: static; display: block; display: flex; display: -webkit-flex; margin: 0; padding: 20px 0 0 0; flex-direction: column-reverse; -webkit-flex-direction: column-reverse; } body[data-headerparallax] #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-container > div > .ep_menu-content:before{ position: absolute; z-index: 1; overflow: hidden; top: 0; right: 0; width: 280px; height: 20px; background-color: #fff; cursor: default; content: " "; } /* MENU DE NAVIGATION - Structure du menu : Contenu du menu */ body[data-headerparallax] #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-filter, body[data-headerparallax] #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-links{ position: static; display: block; margin: 0; padding: 0; } /* MENU DE NAVIGATION - Structure du menu : Fond de couleur */ body[data-headerparallax] #website #website-header .ep_toolbar .ep_navigation-menu:before, body[data-headerparallax] #website #website-header .ep_toolbar .ep_navigation-menu .ep_background, body[data-headerparallax] #website #website-header .ep_toolbar .ep_navigation-menu .ep_background span, body[data-headerparallax] #website #website-header .ep_toolbar .ep_navigation-menu .ep_background span:after{ position: fixed; z-index: 1; overflow: hidden; top: 0; bottom: 0; right: 0; height: auto; cursor: default; content: " "; } body[data-headerparallax] #website #website-header .ep_toolbar .ep_navigation-menu:before{ width: 100%; background-color: rgba(0, 0, 0, 0.2); } body[data-headerparallax] #website #website-header .ep_toolbar .ep_navigation-menu .ep_background, body[data-headerparallax] #website #website-header .ep_toolbar .ep_navigation-menu .ep_background span, body[data-headerparallax] #website #website-header .ep_toolbar .ep_navigation-menu .ep_background span:after{ width: 280px; } body[data-headerparallax] #website #website-header .ep_toolbar .ep_navigation-menu .ep_background span:after{ background-color: #fff; } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* MENU DE NAVIGATION : Selecteur de menu */ /* MENU DE NAVIGATION - Selecteur de menu : Conteneur principal */ body[data-headerparallax] #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-filter{ height: auto; flex: 0 0 auto; } body[data-headerparallax] #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-filter > div{ position: static; display: block; margin: 0 20px 15px 20px; padding: 0; letter-spacing: -0.3em; white-space: nowrap; } body[data-headerparallax] #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-filter .ep_select{ position: static; display: inline-block; margin: 0; padding: 0; background-color: inherit; border-color: inherit; color: inherit; } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* MENU DE NAVIGATION - Selecteur de menu (STATIQUE) : Hauteur minimale */ body[data-headerparallax] #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-filter .ep_select:before{ position: static; display: inline-block; overflow: hidden; width: 0; height: 40px; content: " "; text-indent: 50px; white-space: nowrap; vertical-align: middle; color: #fff; } /* MENU DE NAVIGATION - Selecteur de menu (STATIQUE) : Conteneur */ body[data-headerparallax] #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-filter .ep_select .ep_field, body[data-headerparallax] #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-filter .ep_select .ep_button{ position: static; display: inline-block; overflow: hidden; margin: 0; padding: 0; background-color: transparent; vertical-align: middle; } /* MENU DE NAVIGATION - Selecteur de menu (STATIQUE) : Selecteur */ body[data-headerparallax] #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-filter .ep_select .ep_field{ position: static; display: inline-block; width: 100%; margin: 0; padding: 8px 22px 7px 10px; box-sizing: border-box; -moz-box-sizing: border-box; background-color: #fff; border: 1px solid #d2d2d1; border-radius: 0; cursor: pointer; font-size: 1.5em; letter-spacing: normal; vertical-align: middle; text-transform: none; color: inherit; } /* MENU DE NAVIGATION - Selecteur de menu (STATIQUE) : Effet de survol */ body[data-headerparallax] #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-filter .ep_select:hover .ep_field, body[data-headerparallax] #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-filter .ep_select select.ep_field:focus, body[data-headerparallax] #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-filter .ep_select select.ep_field:active{ border-color: #326aab; color: #326aab; } body[data-headerparallax] #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-filter .ep_select select.ep_field:focus, body[data-headerparallax] #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-filter .ep_select select.ep_field:active{ opacity: 1; } /* MENU DE NAVIGATION - Selecteur de menu (STATIQUE) : Bouton d'envoi du formulaire */ body[data-headerparallax] #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-filter .ep_button{ position: static; display: inline-block; overflow: hidden; width: 32px; height: 20px; margin: 0 0 0 -27px; padding: 0; box-sizing: border-box; -moz-box-sizing: border-box; background-color: #fff; background-position: -97px -50px; border: none; border-radius: none; outline: none; transform: rotate(-90deg); -webkit-transform: rotate(-90deg); cursor: pointer; text-align: center; white-space: nowrap; vertical-align: middle; } body[data-headerparallax] #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-filter .ep_button .ep_name{ position: static; display: inline-block; overflow: hidden; width: 0; height: 19px; vertical-align: middle; } body[data-headerparallax] #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-filter .ep_button .ep_icon{ position: static; display: inline-block; overflow: hidden; width: 11px; height: 8px; background-image: url(../img/icons.svg); background-repeat: no-repeat; background-position: inherit; cursor: pointer; text-indent: 30px; vertical-align: middle; } body[data-headerparallax] #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-filter .ep_button:hover, body[data-headerparallax] #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-filter .ep_button:focus, body[data-headerparallax] #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-filter .ep_button:active{ background-color: #326aab; background-position: -97px -42px; } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* MENU DE NAVIGATION - Selecteur de menu (DYNAMIQUE) : Blocage des styles de la version statique */ body[data-headerparallax] #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-filter .ep_select.epjs_converted{ min-height: 44px; background-color: #326aab; } body[data-headerparallax] #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-filter .ep_select.epjs_converted:before, body[data-headerparallax] #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-filter .ep_select.epjs_converted > .ep_field, body[data-headerparallax] #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-filter.epjs_selectconvert > div .ep_button{ display: none !important; } body[data-headerparallax] #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-filter .ep_select.epjs_converted:hover{ background-color: transparent; color: inherit; } /* MENU DE NAVIGATION - Selecteur de menu (DYNAMIQUE) : Alignement du menu dans la barre d'outil */ body[data-headerparallax] #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-filter .ep_select.epjs_converted, body[data-headerparallax] #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-filter .ep_select.epjs_converted .epjs_select{ display: block; background-color: inherit; border-color: inherit; } /* MENU DE NAVIGATION - Selecteur de menu (DYNAMIQUE) : Blocage de la taille du widget */ body[data-headerparallax] #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-filter.epjs_selectconvert .ep_select.epjs_converted .epjs_select, body[data-headerparallax] #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-filter.epjs_selectconvert .ep_select.epjs_converted .epjs_select .epjs_button, body[data-headerparallax] #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-filter.epjs_selectconvert .ep_select.epjs_converted .epjs_select .epjs_button .epjs_name, body[data-headerparallax] #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-filter.epjs_selectconvert .ep_select.epjs_converted .epjs_select .epjs_dropdown, body[data-headerparallax] #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-filter.epjs_selectconvert .ep_select.epjs_converted .epjs_select .epjs_dropdown .epjs_list{ width: 100% !important; min-width: 1px !important; max-width: 500px !important; } body[data-headerparallax] #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-filter.epjs_selectconvert .ep_select.epjs_converted .epjs_select .epjs_button{ padding-right: 30px; } /* MENU DE NAVIGATION - Selecteur de menu (DYNAMIQUE) : Integration de la list dans le corps */ body[data-headerparallax] #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-filter.epjs_selectconvert .ep_select.epjs_converted .epjs_select .epjs_dropdown{ height: auto; } body[data-headerparallax] #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-filter.epjs_selectconvert .ep_select.epjs_converted .epjs_select .epjs_dropdown .epjs_list{ position: static; height: auto !important; } body[data-headerparallax] #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-filter.epjs_selectconvert .ep_select.epjs_converted .epjs_select[data-open]:not([data-hiddenlist]) .epjs_button{ border-bottom-color: transparent; } body[data-headerparallax] #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-filter.epjs_selectconvert .ep_select.epjs_converted .epjs_select .epjs_dropdown .epjs_list ol{ overflow: hidden; max-height: 1000000px !important; border-top: none; } body[data-headerparallax] #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-filter.epjs_selectconvert .ep_select.epjs_converted .epjs_select .epjs_dropdown .epjs_list ol .epjs_item .epjs_option .epjs_name, body[data-headerparallax] #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-filter.epjs_selectconvert .ep_select.epjs_converted .epjs_select .epjs_dropdown .epjs_list ol .epjs_item .epjs_option .epjs_name span{ white-space: normal; } body[data-headerparallax] #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-filter.epjs_selectconvert .ep_select.epjs_converted .epjs_select[data-open] .epjs_dropdown:after{ display: none; } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* MENU DE NAVIGATION : Structure de la barre de liens du menu */ /* MENU DE NAVIGATION - Structure de la barre de menu (conteneur) */ body[data-headerparallax] #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-links{ flex: 1; -webkit-flex: 1; text-align: left; } /* MENU DE NAVIGATION - Structure de la barre de menu (conteneur) */ body[data-headerparallax] #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-links > div{ flex: 1; -webkit-flex: 1; text-align: left; } /* MENU DE NAVIGATION : Structure de la barre de menu (element) */ body[data-headerparallax] #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-links .ep_category, body[data-headerparallax] #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-links .ep_menu{ position: static; display: block; margin: 0 20px; padding: 0; vertical-align: middle; } body[data-headerparallax] #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-links .ep_category + .ep_menu{ margin-top: 20px; } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* MENU DE NAVIGATION : Categorie du menu */ /* MENU DE NAVIGATION : Categorie du menu (conteneur general) */ body[data-headerparallax] #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-links .ep_category .ep_button{ position: static; display: inline-block; margin: 0; padding: 0; box-sizing: border-box; white-space: normal; letter-spacing: -0.3em; vertical-align: middle; color: inherit; } /* MENU DE NAVIGATION : Categorie du menu (ajout du nom complet de l'acronyme) */ body[data-headerparallax] #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-links .ep_category .ep_button abbr:after{ position: static; display: inline-block; margin: 0; padding: 0; box-sizing: border-box; content: attr(title); font-size: 1.6em; font-weight: bold; white-space: normal; letter-spacing: normal; vertical-align: middle; color: inherit; } /* MENU DE NAVIGATION : Categorie du menu (adaptation du titre avec acronyme > ajout du nom complet) */ body[data-headerparallax] #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-links .ep_category .ep_button abbr .ep_name{ position: static; display: inline-block; margin: -2px 0 0 0; padding: 3px 3px 2px 3px; box-sizing: border-box; content: attr(title); font-size: 1.1em; font-weight: bold; line-height: 0.9em; white-space: nowrap; letter-spacing: normal; vertical-align: middle; color: #fff !important; } /* MENU DE NAVIGATION : Categorie du menu (adaptation du titre avec acronyme > ajout du nom complet) */ body[data-headerparallax] #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-links .ep_category .ep_button abbr:after{ position: static; display: inline-block; margin: 0; padding: 0 0 0 5px; box-sizing: border-box; content: attr(title); font-size: 1.6em; font-weight: bold; white-space: normal; letter-spacing: normal; vertical-align: middle; color: inherit; } /* MENU DE NAVIGATION : Categorie du menu (effet de survol) */ body[data-headerparallax] #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-links .ep_category a.ep_button *, body[data-headerparallax] #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-links .ep_category a.ep_button:link *, body[data-headerparallax] #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-links .ep_category a.ep_button: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; } body[data-headerparallax] #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-links .ep_category a.ep_button:focus *, body[data-headerparallax] #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-links .ep_category a.ep_button:active *{ color: #326aab; } body[data-headerparallax] #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-links .ep_category a.ep_button:hover *{ transform: translate(3px, 0); -webkit-transform: translate(3px, 0); } /* MENU DE NAVIGATION : Categorie du menu (personnalisation des couleurs) */ body[data-headerparallax] #website #website-header.ep_layout-committee .ep_toolbar .ep_navigation-menu .ep_menu-links .ep_category abbr .ep_name, body[data-headerparallax] #website #website-header.ep_layout-delegation .ep_toolbar .ep_navigation-menu .ep_menu-links .ep_category abbr .ep_name{ background-color: #e53f1f; } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* MENU DE NAVIGATION : Liens du menu */ /* MENU DE NAVIGATION : Liens du menu (suppression des liens d'ouverture/fermeture du niveau secondaire) */ body[data-headerparallax] #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-links .ep_menu .ep_item.ep_level0.ep_hasmenu > .ep_button a, body[data-headerparallax] #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-links .ep_menu .ep_item.ep_level0.ep_hasmenu > .ep_list > .ep_button.ep_closeaccess{ display: none; } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* MENU DE NAVIGATION : Liens du menu (conteneur) */ body[data-headerparallax] #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-links .ep_menu, body[data-headerparallax] #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-links .ep_menu ol, body[data-headerparallax] #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-links .ep_menu li, body[data-headerparallax] #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-links .ep_menu .ep_button, body[data-headerparallax] #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-links .ep_menu .ep_item{ position: static; display: block; margin: 0; padding: 0; list-style: none; font-size: 1em; color: inherit; } /* MENU DE NAVIGATION : Liens du menu (conteneur niveau secondaire) */ body[data-headerparallax] #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-links .ep_menu .ep_item.ep_level0:before, body[data-headerparallax] #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-links .ep_menu .ep_item.ep_level0:after, body[data-headerparallax] #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-links .ep_menu .ep_item.ep_level1:before, body[data-headerparallax] #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-links .ep_menu .ep_item.ep_level1:after, body[data-headerparallax] #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-links .ep_menu .ep_item.ep_level2:before, body[data-headerparallax] #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-links .ep_menu .ep_item.ep_level2:after{ position: relative; display: block; overflow: hidden; height: 0; margin: -1px 0 0 0; padding: 0; border-top: 1px solid #d1d3d4; content: " "; } body[data-headerparallax] #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-links .ep_menu .ep_item.ep_level1:before, body[data-headerparallax] #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-links .ep_menu .ep_item.ep_level1:after, body[data-headerparallax] #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-links .ep_menu .ep_item.ep_level2:before, body[data-headerparallax] #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-links .ep_menu .ep_item.ep_level2:after{ margin-left: 20px; margin-right: 20px; } body[data-headerparallax] #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-links .ep_menu .ep_item.ep_level2:before, body[data-headerparallax] #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-links .ep_menu .ep_item.ep_level2:after{ border-top-style: dotted; } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* MENU DE NAVIGATION : Liens du menu (bouton) */ body[data-headerparallax] #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-links .ep_menu .ep_item .ep_button, body[data-headerparallax] #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-links .ep_menu .ep_item .ep_button, body[data-headerparallax] #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-links .ep_menu .ep_item .ep_button > span, body[data-headerparallax] #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-links .ep_menu .ep_item .ep_button > span, body[data-headerparallax] #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-links .ep_menu .ep_item .ep_button > a, body[data-headerparallax] #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-links .ep_menu .ep_item .ep_button > a{ position: static; display: block; margin: 0; padding: 0; font-size: 1em; color: inherit; } body[data-headerparallax] #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-links .ep_menu .ep_item .ep_button, body[data-headerparallax] #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-links .ep_menu .ep_item .ep_button{ padding: 0 20px; letter-spacing: -0.3em; white-space: nowrap; } body[data-headerparallax] #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-links .ep_menu .ep_item .ep_button > span, body[data-headerparallax] #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-links .ep_menu .ep_item .ep_button > a{ display: inline-block; width: calc(100% + 40px); margin: 0 0 0 -20px; padding: 0 20px; box-sizing: border-box; } body[data-headerparallax] #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-links .ep_menu .ep_item .ep_button .ep_name, body[data-headerparallax] #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-links .ep_menu .ep_item .ep_button .ep_icon, body[data-headerparallax] #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-links .ep_menu .ep_item .ep_button .ep_icon:before, body[data-headerparallax] #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-links .ep_menu .ep_item .ep_button .ep_icon:after, body[data-headerparallax] #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-links .ep_menu .ep_item .ep_button:before, body[data-headerparallax] #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-links .ep_menu .ep_item .ep_button a:before{ position: static; display: inline-block; margin: 0; padding: 0; font-size: 1em; vertical-align: middle; color: inherit; } /* MENU DE NAVIGATION : Liens du menu (bouton > libelle) */ body[data-headerparallax] #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-links .ep_menu .ep_item .ep_button .ep_name{ width: 100%; padding-top: 5px; padding-bottom: 5px; font-size: 1em; letter-spacing: normal; white-space: normal; } /* MENU DE NAVIGATION : Liens du menu (bouton > hauteur minimale) */ body[data-headerparallax] #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-links .ep_menu .ep_item .ep_button:before, body[data-headerparallax] #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-links .ep_menu .ep_item .ep_button a:before{ width: 0; height: 35px; content: " "; } /* MENU DE NAVIGATION : Liens du menu (bouton > icone optionnelle) */ body[data-headerparallax] #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-links .ep_menu .ep_item .ep_button .ep_icon{ width: 0; height: 0; } body[data-headerparallax] #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-links .ep_menu .ep_item.ep_hasmenu > .ep_button .ep_icon{ overflow: hidden; width: 16px; height: 16px; margin-left: -16px; border: 1px solid transparent; border-radius: 50%; text-align: center; } body[data-headerparallax] #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-links .ep_menu .ep_item.ep_hasmenu > .ep_button .ep_icon:before{ width: 0; height: 16px; content: " "; } body[data-headerparallax] #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-links .ep_menu .ep_item.ep_hasmenu > .ep_button .ep_icon:after{ width: 11px; height: 8px; background-image: url(../img/icons.svg); background-position: -97px -58px; background-repeat: no-repeat; content: " "; } /* MENU DE NAVIGATION : Liens du menu (bouton > effet de survol) */ body[data-headerparallax] #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-links .ep_menu .ep_item .ep_button a .ep_name, body[data-headerparallax] #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-links .ep_menu .ep_item .ep_button a:link .ep_name, body[data-headerparallax] #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-links .ep_menu .ep_item .ep_button a: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: inherit; } body[data-headerparallax] #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-links .ep_menu .ep_item .ep_button a:hover .ep_name, body[data-headerparallax] #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-links .ep_menu .ep_item .ep_button a:focus .ep_name, body[data-headerparallax] #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-links .ep_menu .ep_item .ep_button a:active .ep_name{ transform: translate(3px, 0); -webkit-transform: translate(3px, 0); color: #326aab; } /* MENU DE NAVIGATION : Liens du menu (selection) */ body[data-headerparallax] #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-links .ep_menu .ep_item[aria-selected="true"]:not(.ep_hasmenu) > .ep_button{ position: relative; } body[data-headerparallax] #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-links .ep_menu .ep_item[aria-selected="true"]:not(.ep_hasmenu) > .ep_button:after{ position: absolute; display: block; top: 0; bottom: 0; left: 0; width: 4px; height: auto; background-color: #326aab; content: " "; color: #326aab; } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* MENU DE NAVIGATION : Liens du menu (conteneur niveau principal) */ body[data-headerparallax] #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-links .ep_menu .ep_item.ep_level0 > .ep_button{ background-color: transparent; } body[data-headerparallax] #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-links .ep_menu .ep_item.ep_level0 > .ep_button .ep_name{ font-size: 1.4em; font-weight: bold; } body[data-headerparallax] #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-links .ep_menu .ep_item.ep_level0 > .ep_button:before, body[data-headerparallax] #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-links .ep_menu .ep_item.ep_level0 > .ep_button > a:before{ height: 45px; } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* MENU DE NAVIGATION : Liens du menu (conteneur niveau secondaire) */ body[data-headerparallax] #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-links .ep_menu .ep_item.ep_level1 > .ep_button .ep_name, body[data-headerparallax] #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-links .ep_menu .ep_item.ep_level2 > .ep_button .ep_name{ font-size: 1.3em; } body[data-headerparallax] #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-links .ep_menu .ep_item.ep_level1 > .ep_button{ background-color: #f3f4f4; } body[data-headerparallax] #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-links .ep_menu .ep_item.ep_level2:before, body[data-headerparallax] #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-links .ep_menu .ep_item.ep_level2:after{ margin-left: 35px; } body[data-headerparallax] #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-links .ep_menu .ep_item.ep_level2 > .ep_button{ padding-left: 35px; background-color: #eeefef; } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* MENU DE NAVIGATION : Affichage du menu */ /* MENU DE NAVIGATION - Affichage du menu : Gestion des acces aux elements */ body[data-headerparallax] #website #website-header .ep_toolbar .ep_navigation-menu:before, body[data-headerparallax] #website #website-header .ep_toolbar .ep_navigation-menu .ep_background, body[data-headerparallax] #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-container .ep_menu-content > *{ display: none; } /* MENU DE NAVIGATION - Affichage du menu : Etirement anime du menu */ body[data-headerparallax] #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-container > div, body[data-headerparallax] #website #website-header .ep_toolbar .ep_navigation-menu .ep_background{ width: 0; height: 0; } body[data-headerparallax] #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-container .ep_menu-content, body[data-headerparallax] #website #website-header .ep_toolbar .ep_navigation-menu .ep_background span{ transform: translate(100%, 0); -webkit-transform: translate(100%, 0); transition: transform 0.1s ease-out 0s; -webkit-transition: -webkit-transform 0.1s ease-out 0s; } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* MENU DE NAVIGATION : Adaptation JS */ /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* MENU DE NAVIGATION - Bouton d'acces : Affichage du bouton statique */ body[data-headerparallax] #website #website-header .ep_toolbar .ep_navigation-menu[data-converted] .ep_menu-access.ep_openaccess .ep_button + .ep_button, body[data-headerparallax] #website #website-header .ep_toolbar .ep_navigation-menu[data-converted] .ep_menu-access.ep_closeaccess{ display: none !important; } body[data-headerparallax] #website #website-header .ep_toolbar .ep_navigation-menu[data-converted] .ep_menu-access .ep_button > span{ position: relative; opacity: 1; } body[data-headerparallax] #website #website-header .ep_toolbar .ep_navigation-menu[data-converted] .ep_menu-access .ep_button > span, body[data-headerparallax] #website #website-header .ep_toolbar .ep_navigation-menu[data-converted] .ep_menu-access .ep_button > span:before, body[data-headerparallax] #website #website-header .ep_toolbar .ep_navigation-menu[data-converted] .ep_menu-access .ep_button > span .ep_name, body[data-headerparallax] #website #website-header .ep_toolbar .ep_navigation-menu[data-converted] .ep_menu-access .ep_button > span .ep_icon, body[data-headerparallax] #website #website-header .ep_toolbar .ep_navigation-menu[data-converted] .ep_menu-access .ep_button > span .ep_icon:before, body[data-headerparallax] #website #website-header .ep_toolbar .ep_navigation-menu[data-converted] .ep_menu-access .ep_button > span .ep_icon:after{ cursor: pointer; } /* MENU DE NAVIGATION - Bouton d'acces : Affichage du bouton statique (menu ouvert) */ body[data-headerparallax] #website #website-header .ep_toolbar .ep_navigation-menu[data-converted][data-expanded="true"] .ep_menu-access .ep_button > span, body[data-headerparallax] #website #website-header .ep_toolbar .ep_navigation-menu[data-converted][data-expanded="true"] .ep_menu-access .ep_button > span:visited, body[data-headerparallax] #website #website-header .ep_toolbar .ep_navigation-menu[data-converted][data-expanded="true"] .ep_menu-access .ep_button > span:hover, body[data-headerparallax] #website #website-header .ep_toolbar .ep_navigation-menu[data-converted][data-expanded="true"] .ep_menu-access .ep_button > span:focus, body[data-headerparallax] #website #website-header .ep_toolbar .ep_navigation-menu[data-converted][data-expanded="true"] .ep_menu-access .ep_button > span:active{ background-color: #fff; background-position: -82px -66px; border-color: #fff; color: #327ac2; } body[data-headerparallax] #website #website-header .ep_toolbar .ep_navigation-menu[data-converted][data-expanded="true"] .ep_menu-access .ep_button > span:hover .ep_icon:after, body[data-headerparallax] #website #website-header .ep_toolbar .ep_navigation-menu[data-converted][data-expanded="true"] .ep_menu-access .ep_button > span:focus .ep_icon:after, body[data-headerparallax] #website #website-header .ep_toolbar .ep_navigation-menu[data-converted][data-expanded="true"] .ep_menu-access .ep_button > span:active .ep_icon:after{ width: 21px; height: 21px; margin-left: -3px; background-position: -82px -21px; } body[data-headerparallax] #website #website-header .ep_toolbar .ep_navigation-menu[data-converted][data-expanded="true"] .ep_menu-access .ep_button > span:after{ position: absolute; display: block; bottom: -5px; left: 0; right: 20px; width: auto; height: 20px; background-color: #fff; content: " "; } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* MENU DE NAVIGATION - Menu global : Gestion de l'ouverture/fermeture du menu (animation d'etat) */ body[data-headerparallax] #website #website-header .ep_toolbar .ep_navigation-menu[data-converted] .ep_menu-container > div, body[data-headerparallax] #website #website-header .ep_toolbar .ep_navigation-menu[data-converted] .ep_background, body[data-headerparallax] #website #website-header .ep_toolbar .ep_navigation-menu[data-converted]:target .ep_menu-container > div, body[data-headerparallax] #website #website-header .ep_toolbar .ep_navigation-menu[data-converted]:target .ep_background{ width: 0; height: 0; } body[data-headerparallax] #website #website-header .ep_toolbar .ep_navigation-menu[data-converted][data-expanded="true"] .ep_menu-container > div, body[data-headerparallax] #website #website-header .ep_toolbar .ep_navigation-menu[data-converted][data-expanded="true"] .ep_background{ width: 280px; } body[data-headerparallax] #website #website-header .ep_toolbar .ep_navigation-menu[data-converted]:before, body[data-headerparallax] #website #website-header .ep_toolbar .ep_navigation-menu[data-converted]:target:before, body[data-headerparallax] #website #website-header .ep_toolbar .ep_navigation-menu[data-converted] .ep_menu-container .ep_menu-content > *{ display: none; } body[data-headerparallax] #website #website-header .ep_toolbar .ep_navigation-menu[data-converted][data-expanded="true"]:before, body[data-headerparallax] #website #website-header .ep_toolbar .ep_navigation-menu[data-converted][data-expanded="true"] .ep_menu-container .ep_menu-content > *{ display: block; } body[data-headerparallax] #website #website-header .ep_toolbar .ep_navigation-menu[data-converted] .ep_menu-container .ep_menu-content, body[data-headerparallax] #website #website-header .ep_toolbar .ep_navigation-menu[data-converted] .ep_background span, body[data-headerparallax] #website #website-header .ep_toolbar .ep_navigation-menu[data-converted]:target .ep_menu-container .ep_menu-content, body[data-headerparallax] #website #website-header .ep_toolbar .ep_navigation-menu[data-converted]:target .ep_background span{ transform: translate(100%, 0); -webkit-transform: translate(100%, 0); transition: transform 0.1s ease-out 0s; -webkit-transition: -webkit-transform 0.1s ease-out 0s; } body[data-headerparallax] #website #website-header .ep_toolbar .ep_navigation-menu[data-converted][data-expanded="true"] .ep_menu-container .ep_menu-content, body[data-headerparallax] #website #website-header .ep_toolbar .ep_navigation-menu[data-converted][data-expanded="true"] .ep_background span{ transform: none; -webkit-transform: none; } /* MENU DE NAVIGATION - Menu global : Gestion de l'ouverture/fermeture du menu (scroll du menu) */ body[data-headerparallax] #website #website-header .ep_toolbar .ep_navigation-menu[data-converted][data-expanded="true"] .ep_menu-container > div{ overflow-x: hidden; overflow-y: auto; background-color: #fff; box-shadow: 0 4px 5px rgba(0, 0, 0, 0.2); } body[data-ismobile][data-headerparallax] #website #website-header .ep_toolbar .ep_navigation-menu[data-converted] .ep_menu-container .ep_menu-content, body[data-ismobile][data-headerparallax] #website #website-header .ep_toolbar .ep_navigation-menu[data-converted] .ep_background span, body[data-ismobile][data-headerparallax] #website #website-header .ep_toolbar .ep_navigation-menu[data-converted]:target .ep_menu-container .ep_menu-content, body[data-ismobile][data-headerparallax] #website #website-header .ep_toolbar .ep_navigation-menu[data-converted]:target .ep_background span, body[data-ismobile][data-headerparallax] #website #website-header .ep_toolbar .ep_navigation-menu[data-converted][data-expanded="true"] .ep_menu-container .ep_menu-content, body[data-ismobile][data-headerparallax] #website #website-header .ep_toolbar .ep_navigation-menu[data-converted][data-expanded="true"] .ep_background span{ transform: translate(0, 0); -webkit-transform: translate(0, 0); } body[data-ismobile][data-headerparallax] #website #website-header .ep_toolbar .ep_navigation-menu[data-converted] .ep_background span{ display: none; } body[data-ismobile][data-headerparallax] #website #website-header .ep_toolbar .ep_navigation-menu[data-converted][data-expanded="true"] .ep_background span{ display: block; } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* MENU DE NAVIGATION : Liens du menu (ligne de separation) */ body[data-headerparallax] #website #website-header .ep_toolbar .ep_navigation-menu[data-converted] .ep_menu-links .ep_menu .ep_item.ep_level1:before, body[data-headerparallax] #website #website-header .ep_toolbar .ep_navigation-menu[data-converted] .ep_menu-links .ep_menu .ep_item.ep_level2:before{ border-top-style: dotted; } body[data-headerparallax] #website #website-header .ep_toolbar .ep_navigation-menu[data-converted] .ep_menu-links .ep_menu .ep_item.ep_hasmenu > .ep_list > ol > .ep_item:first-child:before{ display: none; } /* MENU DE NAVIGATION : Fonctionnalite "Tree view" (icone d'expand [+] / collapse [-]) */ body[data-headerparallax] #website #website-header .ep_toolbar .ep_navigation-menu[data-converted] .ep_menu-links .ep_menu .ep_item.ep_hasmenu > .ep_button{ cursor: pointer; } body[data-headerparallax] #website #website-header .ep_toolbar .ep_navigation-menu[data-converted] .ep_menu-links .ep_menu .ep_item.ep_hasmenu > .ep_button .ep_icon{ background-color: #fff; border-color: #326aab; color: inherit; } body[data-headerparallax] #website #website-header .ep_toolbar .ep_navigation-menu[data-converted] .ep_menu-links .ep_menu .ep_item.ep_hasmenu > .ep_button .ep_icon:after{ width: 9px; height: 9px; } body[data-headerparallax] #website #website-header .ep_toolbar .ep_navigation-menu[data-converted] .ep_menu-links .ep_menu .ep_item.ep_hasmenu > .ep_button .ep_icon:after{ background-position: -82px -96px; } body[data-headerparallax] #website #website-header .ep_toolbar .ep_navigation-menu[data-converted] .ep_menu-links .ep_menu .ep_item.ep_hasmenu[aria-expanded="true"] > .ep_button .ep_icon:after{ background-position: -91px -96px; } body[data-headerparallax] #website #website-header .ep_toolbar .ep_navigation-menu[data-converted] .ep_menu-links .ep_menu .ep_item.ep_hasmenu > .ep_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; color: inherit; } body[data-headerparallax] #website #website-header .ep_toolbar .ep_navigation-menu[data-converted] .ep_menu-links .ep_menu .ep_item.ep_hasmenu > .ep_button:hover .ep_name, body[data-headerparallax] #website #website-header .ep_toolbar .ep_navigation-menu[data-converted] .ep_menu-links .ep_menu .ep_item.ep_hasmenu > .ep_button > span:focus .ep_name, body[data-headerparallax] #website #website-header .ep_toolbar .ep_navigation-menu[data-converted] .ep_menu-links .ep_menu .ep_item.ep_hasmenu > .ep_button > span:active .ep_name, body[data-headerparallax] #website #website-header .ep_toolbar .ep_navigation-menu[data-converted] .ep_menu-links .ep_menu .ep_item.ep_hasmenu > .ep_button > a:focus .ep_name, body[data-headerparallax] #website #website-header .ep_toolbar .ep_navigation-menu[data-converted] .ep_menu-links .ep_menu .ep_item.ep_hasmenu > .ep_button > a:active .ep_name{ transform: translate(3px, 0); -webkit-transform: translate(3px, 0); color: #326aab; } /* MENU DE NAVIGATION : Fonctionnalite "Tree view" (affichage des contenus) */ body[data-headerparallax] #website #website-header .ep_toolbar .ep_navigation-menu[data-converted] .ep_menu-links .ep_menu .ep_item.ep_hasmenu > .ep_list > ol{ display: none; } body[data-headerparallax] #website #website-header .ep_toolbar .ep_navigation-menu[data-converted] .ep_menu-links .ep_menu .ep_item.ep_hasmenu[aria-expanded="true"] > .ep_list > ol{ display: block; } body[data-headerparallax] #website #website-header .ep_toolbar .ep_navigation-menu[data-converted] .ep_menu-links .ep_menu .ep_item.ep_level0.ep_hasmenu[aria-expanded="true"] > .ep_button{ background-color: #f3f4f4; } body[data-headerparallax] #website #website-header .ep_toolbar .ep_navigation-menu[data-converted] .ep_menu-links .ep_menu .ep_item.ep_level1.ep_hasmenu[aria-expanded="true"] > .ep_button{ background-color: #eeefef; } /* MENU DE NAVIGATION : Fonctionnalite "Tree view" (marqueur de selection) */ body[data-headerparallax] #website #website-header .ep_toolbar .ep_navigation-menu[data-converted] .ep_menu-links .ep_menu .ep_item[aria-selected="true"].ep_hasmenu[aria-expanded="false"] > .ep_button{ position: relative; color: inherit; } body[data-headerparallax] #website #website-header .ep_toolbar .ep_navigation-menu[data-converted] .ep_menu-links .ep_menu .ep_item[aria-selected="true"].ep_hasmenu[aria-expanded="false"] > .ep_button:after{ position: absolute; display: block; top: 0; bottom: 0; left: 0; width: 4px; height: auto; background-color: #326aab; content: " "; color: #326aab; } body[data-headerparallax] #website #website-header .ep_toolbar .ep_navigation-menu[data-converted][data-expanded="true"] .ep_menu-access .ep_button > span:after{ bottom: -15px; left: -1px; right: -1px; } } @media screen and (min-width:1200px){ /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* MENU DE NAVIGATION : Correction de la position du menu deploye */ body:not([data-headerparallax]) #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-container .ep_menu-content{ margin-left: -10px; margin-right: -10px; } body:not([data-headerparallax]) #website #website-header .ep_toolbar .ep_navigation-menu .ep_menu-filter{ margin-left: 10px; } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* MENU DE NAVIGATION : Correction de la position du bouton d'acces */ body[data-headerparallax] #website #website-header .ep_toolbar .ep_navigation-menu[data-converted] .ep_menu-access .ep_button:after{ width: 0; } body[data-headerparallax] #website #website-header .ep_toolbar .ep_navigation-menu[data-converted][data-expanded="true"] .ep_menu-access .ep_button[style*="padding-right"]{ margin-right: -7px; } body[data-headerparallax] #website #website-header .ep_toolbar .ep_navigation-menu[data-converted][data-expanded="true"] .ep_menu-container > div, body[data-headerparallax] #website #website-header .ep_toolbar .ep_navigation-menu[data-converted][data-expanded="true"] .ep_background{ width: 280px; } body[data-headerparallax]:not([data-isIE]) #website #website-header .ep_toolbar .ep_navigation-menu[data-converted][data-expanded="true"] .ep_menu-container > div, body[data-headerparallax]:not([data-isIE]) #website #website-header .ep_toolbar .ep_navigation-menu[data-converted][data-expanded="true"] .ep_background{ height: auto !important; } } /* ========================================================================================================================================================================== */ /* == MENU DE RECHERCHE ===================================================================================================================================================== */ /* ========================================================================================================================================================================== */ @media screen and (max-width:1019px){ /* Design du menu restreint avec et sans effet de parralaxe */ /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* MENU DE RECHERCHE : Gestion des liens d'ouverture/fermeture */ /* MENU DE RECHERCHE : Liens d'ouverture/fermeture (conteneur du lien) */ #website #website-header .ep_toolbar .ep_search-menu .ep_menu-access, #website #website-header .ep_toolbar .ep_search-menu .ep_menu-access:before, #website #website-header .ep_toolbar .ep_search-menu .ep_menu-access .ep_button, #website #website-header .ep_toolbar .ep_search-menu .ep_form .ep_title{ position: static; display: inline-block; margin: 0; padding: 0; vertical-align: middle; white-space: nowrap; letter-spacing: -0.3em; } #website #website-header .ep_toolbar .ep_search-menu .ep_menu-access:before{ overflow: hidden; width: 0; height: 40px; content: " "; } #website #website-header .ep_toolbar .ep_search-menu .ep_menu-access .ep_button, #website #website-header .ep_toolbar .ep_search-menu .ep_form .ep_title{ position: relative; z-index: 15; width: 30px; height: 28px; margin: 0; padding: 0; background-color: #32548d; border: 1px solid #32548d; border-radius: 4px; cursor: pointer; vertical-align: middle; text-align: center; } #website #website-header .ep_toolbar .ep_search-menu .ep_form .ep_title{ margin-top: 5px; } #website #website-header .ep_toolbar .ep_search-menu .ep_menu-access .ep_button .ep_name, #website #website-header .ep_toolbar .ep_search-menu .ep_menu-access .ep_button .ep_icon, #website #website-header .ep_toolbar .ep_search-menu .ep_form .ep_title .ep_name, #website #website-header .ep_toolbar .ep_search-menu .ep_form .ep_title .ep_icon{ position: static; display: inline-block; margin: 0; padding: 0; white-space: nowrap; text-indent: 10px; vertical-align: middle; } #website #website-header .ep_toolbar .ep_search-menu .ep_menu-access .ep_button .ep_name, #website #website-header .ep_toolbar .ep_search-menu .ep_form .ep_title .ep_name{ overflow: hidden; width: 0; height: 28px; } /* MENU DE RECHERCHE : Liens d'ouverture/fermeture (icone) */ #website #website-header .ep_toolbar .ep_search-menu .ep_menu-access .ep_button .ep_icon, #website #website-header .ep_toolbar .ep_search-menu .ep_form .ep_title .ep_icon{ overflow: hidden; width: 21px; height: 21px; background-image: url(../img/icons.svg); background-position: inherit; background-repeat: no-repeat; } /* MENU DE RECHERCHE : Liens d'ouverture/fermeture (effet de survol) */ #website #website-header .ep_toolbar .ep_search-menu .ep_menu-access .ep_button, #website #website-header .ep_toolbar .ep_search-menu .ep_menu-access .ep_button:link, #website #website-header .ep_toolbar .ep_search-menu .ep_menu-access .ep_button:visited, #website #website-header .ep_toolbar .ep_search-menu .ep_form .ep_title{ background-color: #32548d; background-position: -103px 0; border-color: #32548d; } #website #website-header .ep_toolbar .ep_search-menu .ep_menu-access .ep_button:hover, #website #website-header .ep_toolbar .ep_search-menu .ep_menu-access .ep_button:focus, #website #website-header .ep_toolbar .ep_search-menu .ep_menu-access .ep_button:active, #website #website-header .ep_toolbar .ep_search-menu .ep_form .ep_title:hover, #website #website-header .ep_toolbar .ep_search-menu .ep_form .ep_title:focus, #website #website-header .ep_toolbar .ep_search-menu .ep_form .ep_title:active{ background-color: #eeefef; background-position: -82px 0; border-color: #eeefef; } /* MENU DE RECHERCHE : Liens d'ouverture/fermeture (bouton de fermeture) */ #website #website-header .ep_toolbar .ep_search-menu .ep_menu-access.ep_closeaccess{ position: absolute; margin-top: -40px; margin-left: -32px; } #website #website-header .ep_toolbar .ep_search-menu .ep_menu-access.ep_closeaccess .ep_button:before, #website #website-header .ep_toolbar .ep_search-menu[data-converted][data-open="true"] .ep_form .ep_title:before{ position: absolute; display: block; width: 32px; height: 40px; margin: 4px 0 0 -1px; padding: 0; background-color: inherit; content: " "; } #website #website-header .ep_toolbar .ep_search-menu .ep_menu-access.ep_closeaccess .ep_button .ep_icon, #website #website-header .ep_toolbar .ep_search-menu[data-converted][data-open="true"] .ep_form .ep_title .ep_icon{ position: relative; } #website #website-header .ep_toolbar .ep_search-menu .ep_menu-access.ep_closeaccess .ep_button, #website #website-header .ep_toolbar .ep_search-menu .ep_menu-access.ep_closeaccess .ep_button:link, #website #website-header .ep_toolbar .ep_search-menu .ep_menu-access.ep_closeaccess .ep_button:visited, #website #website-header .ep_toolbar .ep_search-menu[data-converted][data-open="true"] .ep_form .ep_title{ background-color: #eeefef; background-position: -82px 0; border-color: #eeefef; } #website #website-header .ep_toolbar .ep_search-menu .ep_menu-access.ep_closeaccess .ep_button:hover, #website #website-header .ep_toolbar .ep_search-menu .ep_menu-access.ep_closeaccess .ep_button:focus, #website #website-header .ep_toolbar .ep_search-menu .ep_menu-access.ep_closeaccess .ep_button:active, #website #website-header .ep_toolbar .ep_search-menu[data-converted][data-open="true"] .ep_form .ep_title:hover, #website #website-header .ep_toolbar .ep_search-menu[data-converted][data-open="true"] .ep_form .ep_title:focus, #website #website-header .ep_toolbar .ep_search-menu[data-converted][data-open="true"] .ep_form .ep_title:active{ background-color: #eeefef; background-position: -82px -21px; border-color: #eeefef; } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* MENU DE RECHERCHE - Conteneur principal : Conteneurs des differents elements */ /* MENU DE RECHERCHE : Conteneur principal */ #website #website-header .ep_toolbar .ep_search-menu .ep_form{ position: static; display: block; margin: 0 10px 0 0; padding: 0; } #website #website-header .ep_toolbar .ep_navigation-menu + .ep_search-menu .ep_form{ margin-right: 0; } #website #website-header .ep_toolbar .ep_search-menu .ep_form .ep_content{ position: absolute; display: block; z-index: 50; overflow: hidden; left: 0; right: 0; margin: 0; padding: 0; letter-spacing: -0.3em; white-space: nowrap; } /* MENU DE RECHERCHE : Conteneur principal (animation) */ #website #website-header .ep_toolbar .ep_search-menu .ep_form .ep_content .ep_item{ position: static; display: block; overflow: hidden; left: 0; right: 0; height: 60px; 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; cursor: default; letter-spacing: -0.3em; white-space: nowrap; } #website #website-header .ep_toolbar .ep_search-menu[data-noanim] .ep_form .ep_content .ep_item{ transition: none; -webkit-transition: none; } /* MENU DE RECHERCHE : Conteneur principal (element de contenu) */ #website #website-header .ep_toolbar .ep_search-menu .ep_form .ep_content .ep_item > div{ position: static; display: block; overflow: hidden; left: 0; right: 0; height: 60px; margin: 0; padding: 0; background-color: #eeefef; cursor: default; letter-spacing: -0.3em; white-space: nowrap; } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* MENU DE RECHERCHE - Formulaire : Elements du formulaire */ /* MENU DE RECHERCHE : Formulaire (suppression du titre) */ #website #website-header .ep_toolbar .ep_search-menu:not([data-converted]) .ep_form .ep_title{ position: absolute; display: block; overflow: hidden; width: 0; height: 0; opacity: 0; } /* MENU DE RECHERCHE : Formulaire (champ texte) */ #website #website-header .ep_toolbar .ep_search-menu .ep_form .ep_field{ position: static; display: inline-block; overflow: hidden; width: 100%; height: 60px; margin: 0; padding: 0 50px 0 10px; box-sizing: border-box; background-color: #eeefef; font-size: 1.8em; text-align: right; vertical-align: top; color: #666; } /* MENU DE RECHERCHE : Formulaire (bouton) */ #website #website-header .ep_toolbar .ep_search-menu .ep_form .ep_send{ position: static; display: inline-block; overflow: hidden; width: 50px; height: 60px; margin: 0 0 0 -50px; padding: 0; background-color: #eeefef; cursor: pointer; font-size: 1.2em; vertical-align: top; color: #000; } #website #website-header .ep_toolbar .ep_search-menu .ep_form .ep_send .ep_name{ position: static; display: inline-block; overflow: hidden; width: 0; height: 60px; white-space: nowrap; text-indent: 50px; vertical-align: middle; } #website #website-header .ep_toolbar .ep_search-menu .ep_form .ep_send:before{ position: absolute; display: block; overflow: hidden; width: 40px; height: 40px; margin: 10px 0 0 5px; background-color: inherit; border: 1px solid inherit; border-radius: 4px; outline: none; vertical-align: middle; content: " "; } #website #website-header .ep_toolbar .ep_search-menu .ep_form .ep_send .ep_icon, #website #website-header .ep_toolbar .ep_search-menu .ep_form .ep_send .ep_icon:before{ position: static; display: inline-block; overflow: hidden; width: 11px; height: 8px; background-color: transparent; background-position: inherit; border: none; outline: none; vertical-align: middle; } #website #website-header .ep_toolbar .ep_search-menu .ep_form .ep_send .ep_icon{ transform: scale(1.8); -webkit-transform: scale(1.8); } #website #website-header .ep_toolbar .ep_search-menu .ep_form .ep_send .ep_icon:before{ display: block; transform: rotate(-90deg); -webkit-transform: rotate(-90deg); background-image: url(../img/icons.svg); background-position: inherit; background-repeat: no-repeat; content: " "; } #website #website-header .ep_toolbar .ep_search-menu .ep_form .ep_send{ background-position: -97px -58px; } #website #website-header .ep_toolbar .ep_search-menu .ep_form .ep_send:hover, #website #website-header .ep_toolbar .ep_search-menu .ep_form .ep_send:focus, #website #website-header .ep_toolbar .ep_search-menu .ep_form .ep_send:active{ background-position: -97px -42px; } #website #website-header .ep_toolbar .ep_search-menu .ep_form .ep_send:before{ background-color: transparent; border-color: transparent; } #website #website-header .ep_toolbar .ep_search-menu .ep_form .ep_send:hover:before, #website #website-header .ep_toolbar .ep_search-menu .ep_form .ep_send:focus:before, #website #website-header .ep_toolbar .ep_search-menu .ep_form .ep_send:active:before{ background-color: #326aab; border-color: #326aab; } #website #website-header .ep_toolbar .ep_search-menu .ep_form .ep_send[disabled], #website #website-header .ep_toolbar .ep_search-menu .ep_form .ep_send[disabled]:hover, #website #website-header .ep_toolbar .ep_search-menu .ep_form .ep_send[disabled]:focus, #website #website-header .ep_toolbar .ep_search-menu .ep_form .ep_send[disabled]:active{ background-position: -97px -66px; cursor: not-allowed; } #website #website-header .ep_toolbar .ep_search-menu .ep_form .ep_send[disabled]:before, #website #website-header .ep_toolbar .ep_search-menu .ep_form .ep_send[disabled]:hover:before, #website #website-header .ep_toolbar .ep_search-menu .ep_form .ep_send[disabled]:focus:before, #website #website-header .ep_toolbar .ep_search-menu .ep_form .ep_send[disabled]:active:before{ background-color: transparent; border-color: transparent; } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* MENU DE RECHERCHE : Gestion des liens d'ouverture */ /* MENU DE RECHERCHE : Gestion des liens d'ouverture (affichage du formulaire) */ #website #website-header .ep_toolbar .ep_search-menu .ep_form .ep_content{ height: 0; } #website #website-header .ep_toolbar .ep_search-menu .ep_form:target .ep_content{ height: 60px; } #website #website-header .ep_toolbar .ep_search-menu .ep_form .ep_content .ep_item{ transform: translate(0, -60px); -webkit-transform: translate(0, -60px); } #website #website-header .ep_toolbar .ep_search-menu .ep_form:target .ep_content .ep_item{ transform: translate(0, 0); -webkit-transform: translate(0, 0); } #website #website-header .ep_toolbar .ep_search-menu .ep_form .ep_content .ep_item div{ display: none; } #website #website-header .ep_toolbar .ep_search-menu .ep_form:target .ep_content .ep_item div{ display: block; } /* MENU DE RECHERCHE : Gestion des liens d'ouverture (affichage du bouton d'ouverture) */ #website #website-header .ep_toolbar .ep_search-menu .ep_form .ep_menu-access.ep_openaccess .ep_button, #website #website-header .ep_toolbar .ep_search-menu .ep_form:target .ep_menu-access.ep_closeaccess .ep_button{ display: inline-block; } #website #website-header .ep_toolbar .ep_search-menu .ep_form:target .ep_menu-access.ep_openaccess .ep_button, #website #website-header .ep_toolbar .ep_search-menu .ep_form .ep_menu-access.ep_closeaccess .ep_button{ display: none; } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* MENU DE RECHERCHE : Gestion de l'afichage avec JS */ /* MENU DE RECHERCHE : Gestion des liens d'ouverture et fermeture */ body[data-jsactive] #website #website-header .ep_toolbar .ep_search-menu[data-converted] .ep_form .ep_menu-access{ display: none !important; } body[data-jsactive] #website #website-header .ep_toolbar .ep_search-menu[data-converted][data-open="true"] .ep_title{ display: inline-block; z-index: 14; width: 30px; height: 28px; margin-bottom: 5px; } body[data-jsactive] #website #website-header .ep_toolbar .ep_search-menu[data-converted][data-open="true"] .ep_form .ep_menu-access.ep_openaccess .ep_button{ background-color: #eeefef; background-position: -82px 0; border-color: #eeefef; } body[data-jsactive] #website #website-header .ep_toolbar .ep_search-menu[data-converted][data-open="true"] .ep_form .ep_menu-access.ep_openaccess .ep_button:hover{ background-position: -82px -21px; } body[data-jsactive] #website #website-header .ep_toolbar .ep_search-menu[data-converted][data-open="true"] .ep_form .ep_menu-access.ep_openaccess .ep_button .ep_icon{ position: relative; z-index: 1; } body[data-jsactive] #website #website-header .ep_toolbar .ep_search-menu[data-converted][data-open="true"] .ep_form .ep_menu-access.ep_openaccess .ep_button:before{ position: absolute; display: block; width: 32px; height: 40px; margin: 4px 0 0 -1px; padding: 0; background-color: inherit; content: " "; } /* MENU DE RECHERCHE : Gestion de l'animation d'ouverture */ body[data-jsactive] #website #website-header .ep_toolbar .ep_search-menu[data-converted] .ep_form .ep_content, body[data-jsactive] #website #website-header .ep_toolbar .ep_search-menu[data-converted] .ep_form:target .ep_content{ height: 0; } body[data-jsactive] #website #website-header .ep_toolbar .ep_search-menu[data-converted][data-open="true"] .ep_form .ep_content, body[data-jsactive] #website #website-header .ep_toolbar .ep_search-menu[data-converted][data-open="true"] .ep_form:target .ep_content{ height: 60px; } body[data-jsactive] #website #website-header .ep_toolbar .ep_search-menu[data-converted] .ep_form .ep_content .ep_item, body[data-jsactive] #website #website-header .ep_toolbar .ep_search-menu[data-converted] .ep_form:target .ep_content .ep_item{ transform: translate(0, -60px); -webkit-transform: translate(0, -60px); } body[data-jsactive] #website #website-header .ep_toolbar .ep_search-menu[data-converted][data-open="true"] .ep_form .ep_content .ep_item, body[data-jsactive] #website #website-header .ep_toolbar .ep_search-menu[data-converted][data-open="true"] .ep_form:target .ep_content .ep_item{ transform: translate(0, 0); -webkit-transform: translate(0, 0); } /* MENU DE RECHERCHE : Gestion du conteneur de donnees */ body[data-jsactive] #website #website-header .ep_toolbar .ep_search-menu[data-converted] .ep_form .ep_content .ep_item div, body[data-jsactive] #website #website-header .ep_toolbar .ep_search-menu[data-converted] .ep_form:target .ep_content .ep_item div{ display: none; } body[data-jsactive] #website #website-header .ep_toolbar .ep_search-menu[data-converted][data-open="true"] .ep_form .ep_content .ep_item div, body[data-jsactive] #website #website-header .ep_toolbar .ep_search-menu[data-converted][data-open="true"] .ep_form:target .ep_content .ep_item div{ display: block; } /* MENU DE RECHERCHE : Gestion de l'affichage sur mobile */ /* MENU DE RECHERCHE : Gestion des liens d'ouverture (affichage du formulaire) */ body[data-ismobile][data-headerparallax] #website #website-header .ep_toolbar .ep_search-menu .ep_form .ep_content{ position: fixed; top: 40px; height: 0; } } @media screen and (min-width:1020px){ /* Design du menu deploye sans effet de parralaxe */ /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* MENU DE RECHERCHE - Conteneur principal : Conteneurs des differents elements */ /* MENU DE RECHERCHE : Conteneur */ body:not([data-headerparallax]) #website #website-header .ep_toolbar .ep_search-menu{ position: relative; display: block; z-index: 10; width: 0; height: 0 !important; flex: 0; color: #505154; } body:not([data-headerparallax]) #website #website-header .ep_toolbar .ep_search-menu .ep_form{ position: absolute; display: block; overflow: hidden; bottom: 30px; right: 0; width: 205px; margin: 0; padding: 0 10px 0 0; text-align: right; letter-spacing: -0.3em; white-space: nowrap; color: inherit; } body:not([data-headerparallax]) #website #website-header .ep_toolbar .ep_search-menu .ep_form .ep_content, body:not([data-headerparallax]) #website #website-header .ep_toolbar .ep_search-menu .ep_form .ep_content .ep_item, body:not([data-headerparallax]) #website #website-header .ep_toolbar .ep_search-menu .ep_form .ep_content .ep_item div{ position: static; display: block; margin: 0; padding: 0; color: inherit; } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* MENU DE RECHERCHE - Bouton d'ouverture : Suppression des liens */ body:not([data-headerparallax]) #website #website-header .ep_toolbar .ep_search-menu .ep_form .ep_menu-access{ display: none !important; } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* MENU DE RECHERCHE - Formulaire : Element du formulaire */ /* MENU DE RECHERCHE - Formulaire : Element du formulaire (titre invisible) */ body:not([data-headerparallax]) #website #website-header .ep_toolbar .ep_search-menu .ep_form .ep_title{ position: absolute; display: block; overflow: hidden; width: 0; height: 0; } /* MENU DE RECHERCHE - Formulaire : Element du formulaire (champ de recherche) */ body:not([data-headerparallax]) #website #website-header .ep_toolbar .ep_search-menu .ep_form .ep_field{ position: static; display: inline-block; overflow: hidden; width: 100%; height: 40px; padding: 0 40px 0 10px; box-sizing: border-box; background-color: #fff; border: 1px solid #d1d3d4; font-size: 1.2em; vertical-align: middle; color: inherit; } /* MENU DE RECHERCHE - Formulaire : Element du formulaire (bouton d'execution) */ body:not([data-headerparallax]) #website #website-header .ep_toolbar .ep_search-menu .ep_form .ep_send{ position: relative; display: inline-block; overflow: hidden; width: 38px; height: 38px; margin: 0; padding: 0; transform: translate(-39px, 0); -webkit-transform: translate(-39px, 0); box-sizing: border-box; background-color: #326aab; background-position: -103px 0; border: none; border-left: 1px solid #fff; cursor: pointer; vertical-align: middle; color: inherit; } body:not([data-headerparallax]) #website #website-header .ep_toolbar .ep_search-menu .ep_form .ep_send .ep_name{ position: static; display: inline-block; overflow: hidden; width: 0; height: 38px; text-indent: 10px; white-space: nowrap; vertical-align: middle; } body:not([data-headerparallax]) #website #website-header .ep_toolbar .ep_search-menu .ep_form .ep_send .ep_icon{ position: static; display: inline-block; overflow: hidden; width: 21px; height: 21px; background-image: url(../img/icons.svg); background-position: inherit; background-repeat: no-repeat; text-indent: 10px; white-space: nowrap; vertical-align: middle; } body:not([data-headerparallax]) #website #website-header .ep_toolbar .ep_search-menu .ep_form .ep_send[disabled], body:not([data-headerparallax]) #website #website-header .ep_toolbar .ep_search-menu .ep_form .ep_send[disabled]:hover, body:not([data-headerparallax]) #website #website-header .ep_toolbar .ep_search-menu .ep_form .ep_send[disabled]:focus, body:not([data-headerparallax]) #website #website-header .ep_toolbar .ep_search-menu .ep_form .ep_send[disabled]:active{ background-color: #d1d3d4; background-position: -145px 0; border-color: #fff; cursor: not-allowed; } /* MENU DE RECHERCHE - Formulaire : Element du formulaire (effet de survol) */ body:not([data-headerparallax]) #website #website-header .ep_toolbar .ep_search-menu .ep_form .ep_field{ border-color: #d1d3d4; border-radius: 0; } body:not([data-headerparallax]) #website #website-header .ep_toolbar .ep_search-menu .ep_form .ep_field:hover, body:not([data-headerparallax]) #website #website-header .ep_toolbar .ep_search-menu .ep_form .ep_field:focus, body:not([data-headerparallax]) #website #website-header .ep_toolbar .ep_search-menu .ep_form .ep_field:active{ border-color: #326aab; } body:not([data-headerparallax]) #website #website-header .ep_toolbar .ep_search-menu .ep_form .ep_send{ background-color: #326aab; background-position: -103px 0; border-color: #fff; } body:not([data-headerparallax]) #website #website-header .ep_toolbar .ep_search-menu .ep_form .ep_send:hover, body:not([data-headerparallax]) #website #website-header .ep_toolbar .ep_search-menu .ep_form .ep_send:focus, body:not([data-headerparallax]) #website #website-header .ep_toolbar .ep_search-menu .ep_form .ep_send:active{ background-color: #fff; background-position: -82px 0; border-color: #d1d3d4; } } @media screen and (min-width:1020px){ /* Design du menu avec effet de parralaxe (code identique au menu reduit) */ /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* MENU DE RECHERCHE : Gestion des liens d'ouverture/fermeture */ /* MENU DE RECHERCHE : Liens d'ouverture/fermeture (conteneur du lien) */ body[data-headerparallax] #website #website-header .ep_toolbar .ep_search-menu .ep_menu-access, body[data-headerparallax] #website #website-header .ep_toolbar .ep_search-menu .ep_menu-access:before, body[data-headerparallax] #website #website-header .ep_toolbar .ep_search-menu .ep_menu-access .ep_button, body[data-headerparallax] #website #website-header .ep_toolbar .ep_search-menu .ep_form .ep_title{ position: static; display: inline-block; margin: 0; padding: 0; vertical-align: middle; white-space: nowrap; letter-spacing: -0.3em; } body[data-headerparallax] #website #website-header .ep_toolbar .ep_search-menu .ep_menu-access:before{ overflow: hidden; width: 0; height: 40px; content: " "; } body[data-headerparallax] #website #website-header .ep_toolbar .ep_search-menu .ep_menu-access .ep_button, body[data-headerparallax] #website #website-header .ep_toolbar .ep_search-menu .ep_form .ep_title{ position: relative; z-index: 15; width: 30px; height: 28px; margin: 0; padding: 0; background-color: #32548d; border: 1px solid #32548d; border-radius: 4px; cursor: pointer; vertical-align: middle; text-align: center; } body[data-headerparallax] #website #website-header .ep_toolbar .ep_search-menu .ep_form .ep_title{ margin-top: 5px; } body[data-headerparallax] #website #website-header .ep_toolbar .ep_search-menu .ep_menu-access .ep_button .ep_name, body[data-headerparallax] #website #website-header .ep_toolbar .ep_search-menu .ep_menu-access .ep_button .ep_icon, body[data-headerparallax] #website #website-header .ep_toolbar .ep_search-menu .ep_form .ep_title .ep_name, body[data-headerparallax] #website #website-header .ep_toolbar .ep_search-menu .ep_form .ep_title .ep_icon{ position: static; display: inline-block; margin: 0; padding: 0; white-space: nowrap; text-indent: 10px; vertical-align: middle; } body[data-headerparallax] #website #website-header .ep_toolbar .ep_search-menu .ep_menu-access .ep_button .ep_name, body[data-headerparallax] #website #website-header .ep_toolbar .ep_search-menu .ep_form .ep_title .ep_name{ overflow: hidden; width: 0; height: 28px; } /* MENU DE RECHERCHE : Liens d'ouverture/fermeture (icone) */ body[data-headerparallax] #website #website-header .ep_toolbar .ep_search-menu .ep_menu-access .ep_button .ep_icon, body[data-headerparallax] #website #website-header .ep_toolbar .ep_search-menu .ep_form .ep_title .ep_icon{ overflow: hidden; width: 21px; height: 21px; background-image: url(../img/icons.svg); background-position: inherit; background-repeat: no-repeat; } /* MENU DE RECHERCHE : Liens d'ouverture/fermeture (effet de survol) */ body[data-headerparallax] #website #website-header .ep_toolbar .ep_search-menu .ep_menu-access .ep_button, body[data-headerparallax] #website #website-header .ep_toolbar .ep_search-menu .ep_menu-access .ep_button:link, body[data-headerparallax] #website #website-header .ep_toolbar .ep_search-menu .ep_menu-access .ep_button:visited, body[data-headerparallax] #website #website-header .ep_toolbar .ep_search-menu .ep_form .ep_title{ background-color: #32548d; background-position: -103px 0; border-color: #32548d; } body[data-headerparallax] #website #website-header .ep_toolbar .ep_search-menu .ep_menu-access .ep_button:hover, body[data-headerparallax] #website #website-header .ep_toolbar .ep_search-menu .ep_menu-access .ep_button:focus, body[data-headerparallax] #website #website-header .ep_toolbar .ep_search-menu .ep_menu-access .ep_button:active, body[data-headerparallax] #website #website-header .ep_toolbar .ep_search-menu .ep_form .ep_title:hover, body[data-headerparallax] #website #website-header .ep_toolbar .ep_search-menu .ep_form .ep_title:focus, body[data-headerparallax] #website #website-header .ep_toolbar .ep_search-menu .ep_form .ep_title:active{ background-color: #eeefef; background-position: -82px 0; border-color: #eeefef; } /* MENU DE RECHERCHE : Liens d'ouverture/fermeture (bouton de fermeture) */ body[data-headerparallax] #website #website-header .ep_toolbar .ep_search-menu .ep_menu-access.ep_closeaccess{ position: absolute; margin-top: -40px; margin-left: -32px; } body[data-headerparallax] #website #website-header .ep_toolbar .ep_search-menu .ep_menu-access.ep_closeaccess .ep_button:before, body[data-headerparallax] #website #website-header .ep_toolbar .ep_search-menu[data-open="true"] .ep_form .ep_title:before{ position: absolute; display: block; width: 32px; height: 40px; margin: 4px 0 0 -1px; padding: 0; background-color: inherit; content: " "; } body[data-headerparallax] #website #website-header .ep_toolbar .ep_search-menu .ep_menu-access.ep_closeaccess .ep_button .ep_icon, body[data-headerparallax] #website #website-header .ep_toolbar .ep_search-menu[data-open="true"] .ep_form .ep_title .ep_icon{ position: relative; } body[data-headerparallax] #website #website-header .ep_toolbar .ep_search-menu .ep_menu-access.ep_closeaccess .ep_button, body[data-headerparallax] #website #website-header .ep_toolbar .ep_search-menu .ep_menu-access.ep_closeaccess .ep_button:link, body[data-headerparallax] #website #website-header .ep_toolbar .ep_search-menu .ep_menu-access.ep_closeaccess .ep_button:visited, body[data-headerparallax] #website #website-header .ep_toolbar .ep_search-menu[data-open="true"] .ep_form .ep_title{ background-color: #eeefef; background-position: -82px 0; border-color: #eeefef; } body[data-headerparallax] #website #website-header .ep_toolbar .ep_search-menu .ep_menu-access.ep_closeaccess .ep_button:hover, body[data-headerparallax] #website #website-header .ep_toolbar .ep_search-menu .ep_menu-access.ep_closeaccess .ep_button:focus, body[data-headerparallax] #website #website-header .ep_toolbar .ep_search-menu .ep_menu-access.ep_closeaccess .ep_button:active, body[data-headerparallax] #website #website-header .ep_toolbar .ep_search-menu[data-open="true"] .ep_form .ep_title:hover, body[data-headerparallax] #website #website-header .ep_toolbar .ep_search-menu[data-open="true"] .ep_form .ep_title:focus, body[data-headerparallax] #website #website-header .ep_toolbar .ep_search-menu[data-open="true"] .ep_form .ep_title:active{ background-color: #eeefef; background-position: -82px -21px; border-color: #eeefef; } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* MENU DE RECHERCHE - Conteneur principal : Conteneurs des differents elements */ /* MENU DE RECHERCHE : Conteneur principal */ body[data-headerparallax] #website #website-header .ep_toolbar .ep_search-menu .ep_form{ position: static; display: block; margin: 0 10px 0 0; padding: 0; } body[data-headerparallax] #website #website-header .ep_toolbar .ep_navigation-menu + .ep_search-menu .ep_form{ margin-right: 0; } body[data-headerparallax] #website #website-header .ep_toolbar .ep_search-menu .ep_form .ep_content{ position: fixed; display: block; z-index: 50; overflow: hidden; top: 40px; left: 0; right: 0; margin: 0; padding: 0; letter-spacing: -0.3em; white-space: nowrap; } /* MENU DE RECHERCHE : Conteneur principal (animation) */ body[data-headerparallax] #website #website-header .ep_toolbar .ep_search-menu .ep_form .ep_content .ep_item{ position: static; display: block; overflow: hidden; left: 0; right: 0; height: 60px; 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; cursor: default; letter-spacing: -0.3em; white-space: nowrap; } body[data-headerparallax] #website #website-header .ep_toolbar .ep_search-menu[data-noanim] .ep_form .ep_content .ep_item{ transition: none; -webkit-transition: none; } /* MENU DE RECHERCHE : Conteneur principal (element de contenu) */ body[data-headerparallax] #website #website-header .ep_toolbar .ep_search-menu .ep_form .ep_content .ep_item > div{ position: static; display: block; overflow: hidden; left: 0; right: 0; height: 60px; margin: 0; padding: 0; background-color: #eeefef; cursor: default; text-align: center; letter-spacing: -0.3em; white-space: nowrap; } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* MENU DE RECHERCHE - Formulaire : Elements du formulaire */ /* MENU DE RECHERCHE : Formulaire (champ texte) */ body[data-headerparallax] #website #website-header .ep_toolbar .ep_search-menu .ep_form .ep_field{ position: static; display: inline-block; overflow: hidden; width: 100%; max-width: 1176px; height: 60px; margin: 0; padding: 0 50px 0 10px; box-sizing: border-box; background-color: #eeefef; font-size: 1.8em; text-align: right; vertical-align: top; color: #666; } /* MENU DE RECHERCHE : Formulaire (bouton) */ body[data-headerparallax] #website #website-header .ep_toolbar .ep_search-menu .ep_form .ep_send{ position: static; display: inline-block; overflow: hidden; width: 50px; height: 60px; margin: 0 0 0 -50px; padding: 0; background-color: #eeefef; cursor: pointer; font-size: 1.2em; vertical-align: top; color: #000; } body[data-headerparallax] #website #website-header .ep_toolbar .ep_search-menu .ep_form .ep_send .ep_name{ position: static; display: inline-block; overflow: hidden; width: 0; height: 60px; white-space: nowrap; text-indent: 50px; vertical-align: middle; } body[data-headerparallax] #website #website-header .ep_toolbar .ep_search-menu .ep_form .ep_send:before{ position: absolute; display: block; overflow: hidden; width: 40px; height: 40px; margin: 10px 0 0 5px; background-color: inherit; border: 1px solid inherit; border-radius: 4px; outline: none; vertical-align: middle; content: " "; } body[data-headerparallax] #website #website-header .ep_toolbar .ep_search-menu .ep_form .ep_send .ep_icon, body[data-headerparallax] #website #website-header .ep_toolbar .ep_search-menu .ep_form .ep_send .ep_icon:before{ position: static; display: inline-block; overflow: hidden; width: 11px; height: 8px; background-color: transparent; background-position: inherit; border: none; outline: none; vertical-align: middle; } body[data-headerparallax] #website #website-header .ep_toolbar .ep_search-menu .ep_form .ep_send .ep_icon{ transform: scale(1.8); -webkit-transform: scale(1.8); } body[data-headerparallax] #website #website-header .ep_toolbar .ep_search-menu .ep_form .ep_send .ep_icon:before{ display: block; transform: rotate(-90deg); -webkit-transform: rotate(-90deg); background-image: url(../img/icons.svg); background-position: inherit; background-repeat: no-repeat; content: " "; } body[data-headerparallax] #website #website-header .ep_toolbar .ep_search-menu .ep_form .ep_send{ background-position: -97px -58px; } body[data-headerparallax] #website #website-header .ep_toolbar .ep_search-menu .ep_form .ep_send:hover, body[data-headerparallax] #website #website-header .ep_toolbar .ep_search-menu .ep_form .ep_send:focus, body[data-headerparallax] #website #website-header .ep_toolbar .ep_search-menu .ep_form .ep_send:active{ background-position: -97px -42px; } body[data-headerparallax] #website #website-header .ep_toolbar .ep_search-menu .ep_form .ep_send:before{ background-color: transparent; border-color: transparent; } body[data-headerparallax] #website #website-header .ep_toolbar .ep_search-menu .ep_form .ep_send:hover:before, body[data-headerparallax] #website #website-header .ep_toolbar .ep_search-menu .ep_form .ep_send:focus:before, body[data-headerparallax] #website #website-header .ep_toolbar .ep_search-menu .ep_form .ep_send:active:before{ background-color: #326aab; border-color: #326aab; } body[data-headerparallax] #website #website-header .ep_toolbar .ep_search-menu .ep_form .ep_send[disabled], body[data-headerparallax] #website #website-header .ep_toolbar .ep_search-menu .ep_form .ep_send[disabled]:hover, body[data-headerparallax] #website #website-header .ep_toolbar .ep_search-menu .ep_form .ep_send[disabled]:focus, body[data-headerparallax] #website #website-header .ep_toolbar .ep_search-menu .ep_form .ep_send[disabled]:active{ background-position: -97px -66px; cursor: not-allowed; } body[data-headerparallax] #website #website-header .ep_toolbar .ep_search-menu .ep_form .ep_send[disabled]:before, body[data-headerparallax] #website #website-header .ep_toolbar .ep_search-menu .ep_form .ep_send[disabled]:hover:before, body[data-headerparallax] #website #website-header .ep_toolbar .ep_search-menu .ep_form .ep_send[disabled]:focus:before, body[data-headerparallax] #website #website-header .ep_toolbar .ep_search-menu .ep_form .ep_send[disabled]:active:before{ background-color: transparent; border-color: transparent; } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* MENU DE RECHERCHE : Gestion de l'afichage avec JS */ /* MENU DE RECHERCHE : Gestion de l'animation d'ouverture */ body[data-headerparallax][data-jsactive] #website #website-header .ep_toolbar .ep_search-menu[data-converted] .ep_form .ep_content, body[data-headerparallax][data-jsactive] #website #website-header .ep_toolbar .ep_search-menu[data-converted] .ep_form:target .ep_content{ height: 0; } body[data-headerparallax][data-jsactive] #website #website-header .ep_toolbar .ep_search-menu[data-converted][data-open="true"] .ep_form .ep_content, body[data-headerparallax][data-jsactive] #website #website-header .ep_toolbar .ep_search-menu[data-converted][data-open="true"] .ep_form:target .ep_content{ height: 60px; } body[data-headerparallax][data-jsactive] #website #website-header .ep_toolbar .ep_search-menu[data-converted] .ep_form .ep_content .ep_item, body[data-headerparallax][data-jsactive] #website #website-header .ep_toolbar .ep_search-menu[data-converted] .ep_form:target .ep_content .ep_item{ transform: translate(0, -60px); -webkit-transform: translate(0, -60px); } body[data-headerparallax][data-jsactive] #website #website-header .ep_toolbar .ep_search-menu[data-converted][data-open="true"] .ep_form .ep_content .ep_item, body[data-headerparallax][data-jsactive] #website #website-header .ep_toolbar .ep_search-menu[data-converted][data-open="true"] .ep_form:target .ep_content .ep_item{ transform: translate(0, 0); -webkit-transform: translate(0, 0); } /* MENU DE RECHERCHE : Gestion du conteneur de donnees */ body[data-headerparallax][data-jsactive] #website #website-header .ep_toolbar .ep_search-menu[data-converted] .ep_form .ep_content .ep_item div, body[data-headerparallax][data-jsactive] #website #website-header .ep_toolbar .ep_search-menu[data-converted] .ep_form:target .ep_content .ep_item div{ display: none; } body[data-headerparallax][data-jsactive] #website #website-header .ep_toolbar .ep_search-menu[data-converted][data-open="true"] .ep_form .ep_content .ep_item div, body[data-headerparallax][data-jsactive] #website #website-header .ep_toolbar .ep_search-menu[data-converted][data-open="true"] .ep_form:target .ep_content .ep_item div{ display: block; } } /* ========================================================================================================================================================================== */ /* == MENU DE PRESENTATION DES AUTRES SITES ================================================================================================================================= */ /* ========================================================================================================================================================================== */ @media screen and (max-width:1019px){ /* Design du menu restreint affiche comme un selecteur