/* CSS Document pour les pages de la galaxie Europarl [createur Olivier Pellichero] */ /* CSS structurant le corps generique de toutes les pages de la galaxie */ /* ======================================================================================================== */ /* = BODY - CONTENEUR =================================================================================== */ /* ======================================================================================================== */ /* CONTENEUR : Conteneur principal */ #body{ position: relative; display: block; overflow: hidden; z-index: 10; clear: both; min-width: 975px; margin: -1px 0 0 0; padding: 0; background-color: #FFFFFF; background-image: url(../img/background/body_bg_main.png); background-repeat: repeat; font-size: 1em; } /* ======================================================================================================== */ /* = BODY - MENU ========================================================================================== */ /* ======================================================================================================== */ /* MENU : Conteneur principal */ #body #mainmenu{ position: relative; display: block; clear: both; z-index: 10; margin: 0; padding: 0 0 3px 0; background-image: url(../img/background/body_bg_menu_shadow.png); background-position: bottom; background-repeat: repeat-x; font-size: 1em; } #body #mainmenu #mainmenubox{ position: relative; display: block; z-index: 10; margin: 0; padding: 0; background-image: url(../img/background/body_bg_menu_main.png); background-repeat: repeat; font-size: 1em; } /* MENU : Conteneur principal (dimension) */ #body #mainmenu .ep_wrapper{ position: relative; display: block; width: 927px; margin: 0 auto; padding: 0; font-size: 1em; } /* MENU : Conteneur principal (effacement de la ligne de separation) */ #body #mainmenu span.ep_endbox{ top: 1px; margin-top: -1px; } /* MENU : Conteneur principal (bordure supperieure) */ #body.ep_2headmenu #mainmenu span.ep_endbox{ z-index: 5; background-color: #dce1e4; } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* MENU : Recherche (conteneur) */ #body #mainmenu #menusearch{ position: relative; display: block; float: right; right: 2px; width: 275px; margin: 0; padding: 0; font-size: 1em; vertical-align: middle; } #body #mainmenu #menusearch .ep_menu{ position: relative; display: block; margin: 0; padding: 0; vertical-align: middle; } /* MENU : Recherche (hauteur minimale) */ #body #mainmenu #menusearch .ep_align{ position: relative; display: inline-block; width: 1px; height: 6.1em; margin-right: -1px; font-size: 1em; vertical-align: middle; } /* MENU : Recherche (champ) */ #body #mainmenu #menusearch #menusearch_field{ position: relative; display: inline-block; width: 230px; margin: 0; padding: 5px; background-color: #f1f1f1; box-shadow: 1px 3px 3px #d8d9d9 inset; -moz-box-shadow: 1px 3px 3px #d8d9d9 inset; -webkit-box-shadow: 1px 3px 3px #d8d9d9 inset; border: 1px solid #eaebec; border-radius: 3px; -moz-border-radius: 3px; font-size: 1.2em; vertical-align: middle; color: #13334D; } #body #mainmenu #menusearch #menusearch_field.ep_empty{ color: #999999; } /* MENU : Recherche (bouton) */ #body #mainmenu #menusearch #menusearch_btn{ position: relative; display: inline-block; visibility: visible; cursor: pointer; width: 27px; height: 27px; margin: 0; padding: 0; background-image: url(../img/icon/menu_icon_search.png); background-position: left center; background-repeat: no-repeat; border-radius: 3px; -moz-border-radius: 3px; font-size: 1.2em; font-weight: bold; letter-spacing: -10em; text-indent: 50px; vertical-align: middle; color: #13334D; } #body #mainmenu #menusearch #menusearch_btn:hover, #body #mainmenu #menusearch #menusearch_btn:hover, #body #mainmenu #menusearch #menusearch_btn:active{ background-position: right center; } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* MENU : Navigation (menu principal > conteneur) */ #body #mainmenu #menunavigation{ position: relative; display: block; z-index: 20; overflow: hidden; width: 650px; margin: 0; padding: 0; font-size: 1em; } #body #mainmenu #menunavigation .ep_menu ul{ position: relative; z-index: 10; display: block; width: 100%; margin: 0; } /* MENU : Navigation (menu principal > decallage pour l'affichage du menu secondaire) */ #body.ep_2headmenu #mainmenu #menunavigation{ top: 1px; } /* MENU : Navigation (menu principal > element) */ #body #mainmenu #menunavigation .ep_menu li{ position: relative; display: block; float: left; margin: 0; padding: 0; font-size: 1em; } #body #mainmenu #menunavigation .ep_1column li{ max-width: 99%; } #body #mainmenu #menunavigation .ep_2columns li{ max-width: 50%; } #body #mainmenu #menunavigation .ep_3columns li{ max-width: 33%; } #body #mainmenu #menunavigation .ep_4columns li{ max-width: 25%; } #body #mainmenu #menunavigation .ep_5columns li{ max-width: 20%; } #body #mainmenu #menunavigation .ep_6columns li{ max-width: 16%; } /* MENU : Navigation (menu principal > lien) */ #body #mainmenu #menunavigation .ep_menu li a{ position: relative; display: block; margin: 0; padding: 1px 24px 0 25px; border-left: 1px solid transparent; border-right: 1px solid transparent; outline: none; font-size: 1em; text-decoration: none; vertical-align: middle; color: #13334D; } #body #mainmenu #menunavigation .ep_menu li a span{ position: relative; display: inline-block; cursor: pointer; margin: 0; padding: 0; font-size: 1.2em; font-weight: bold; text-decoration: none; vertical-align: middle; color: #13334D; } #body #mainmenu #menunavigation .ep_menu li a span span{ position: relative; display: inline; margin: 0; padding: 0; font-size: 1em; font-weight: inherit; text-decoration: none; color: inherit; } #body #mainmenu #menunavigation .ep_menu li a:link span span, #body #mainmenu #menunavigation .ep_menu li a:visited span span{ text-decoration: none; color: #13334D; } #body #mainmenu #menunavigation .ep_menu li a:hover span span, #body #mainmenu #menunavigation .ep_menu li a:focus span span, #body #mainmenu #menunavigation .ep_menu li a:active span span{ text-decoration: underline; color: #13334D; } /* MENU : Navigation (menu principal > hauteur minimale) */ #body #mainmenu #menunavigation .ep_menu li a span.ep_align{ width: 1px; height: 6.2em; margin-right: -1px; font-size: 1em; text-decoration: none; } /* MENU : Navigation (menu principal > lien selectionne) */ #body #mainmenu #menunavigation .ep_menu li.ep_selected a{ background-image: url(../img/background/body_bg_submenu.jpg); background-repeat: repeat; border-left-color: #dce1e4; border-right-color: #dce1e4; text-shadow: 1px 2px 1px #FFFFFF; } #body #mainmenu #menunavigation .ep_menu li.ep_selected a span.ep_hidden{ position: absolute; display: block; } /* MENU : Navigation (menu principal > decallage pour l'affichage du menu secondaire) */ #body.ep_2headmenu #mainmenu #menunavigation .ep_menu li a{ padding-top: 0; padding-bottom: 1px; } /* ======================================================================================================== */ /* = BODY - MENU SECONDAIRE =============================================================================== */ /* ======================================================================================================== */ /* MENU SECONDAIRE : Conteneur */ #body #submenu{ position: absolute; display: none; left: -100000px; } /* MENU SECONDAIRE : Conteneur actif */ #body.ep_2headmenu #submenu{ position: relative; display: block; overflow: hidden; z-index: 15; left: 0; width: 927px; margin: -2px auto 0 auto; padding: 0; background-image: url(../img/background/body_bg_submenu.jpg); background-repeat: repeat; border-left: 1px solid #ffffff; border-right: 1px solid #ffffff; font-size: 1em; } #body #submenu #submenubox{ position: relative; display: block; margin: 0; padding: 20px 0; border: 1px solid #dce1e4; border-top: none; } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* MENU SECONDAIRE - Menu en ligne */ #body #submenu .ep_menu{ position: relative; display: block; overflow: hidden; clear: both; margin: 3px 15px; padding: 0; border: none; } /* MENU SECONDAIRE - Menu en ligne : Conteneur de contenu */ #body #submenu .ep_menu .ep_title{ position: relative; display: block; z-index: 20; float: left; top: 0; left: 1px; margin: 0; padding: 0 0 0 9px; background-image: url(../img/background/body_bg_submenu.jpg); background-repeat: repeat; font-size: 1.2em; font-weight: bold; color: #20425d; } #body #submenu .ep_menu ul{ position: relative; display: block; z-index: 10; margin: 0; padding: 0; } /* MENU SECONDAIRE - Menu en ligne : Element */ #body #submenu .ep_menu li{ position: relative; display: block; float: left; left: -1px; margin: 2px 0; padding: 0 10px; border: none; border-left: 1px solid #d1c9c9; } /* MENU SECONDAIRE - Menu en ligne : Lien */ #body #submenu .ep_menu li a{ position: relative; display: block; float: left; margin: -2px 0 -1px 0; outline: none; font-size: 1.2em; text-decoration: none; white-space: nowrap; color: #195b92; } #body #submenu .ep_menu li a span{ position: relative; display: inline-block; cursor: pointer; margin: 0; padding: 0; text-decoration: none; font-size: 1em; color: #195b92; } #body #submenu .ep_menu li a:link span, #body #submenu .ep_menu li a:visited span{ text-decoration: none; color: #195b92; } #body #submenu .ep_menu li a:hover span, #body #submenu .ep_menu li a:focus span, #body #submenu .ep_menu li a:active span{ text-decoration: underline; color: #195b92; } /* MENU SECONDAIRE - Menu en ligne : Lien selectionne */ #body #submenu .ep_menu li.ep_selected a{ font-weight: bold; } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* MENU SECONDAIRE - Menu alphabetique */ #body #submenu .ep_alphabeticmenu{ position: relative; display: block; overflow: hidden; clear: both; margin: 3px 15px; padding: 0; border: none; } #body #submenu .ep_alphabeticmenu ul{ position: relative; display: block; z-index: 10; margin: 0; padding: 0; } /* MENU SECONDAIRE - Menu alphabetique : Element */ #body #submenu .ep_alphabeticmenu li{ position: relative; display: block; float: left; left: -1px; margin: 2px 0; padding: 0 6px; border: none; border-left: 1px solid #d1c9c9; } /* MENU SECONDAIRE - Menu alphabetique : Lien */ #body #submenu .ep_alphabeticmenu li a{ position: relative; display: block; float: left; margin: -2px 0 -1px 0; padding: 0 2px; background-color: transparent; border: 1px solid #e9e9e9; border-radius: 2px; -moz-border-radius: 2px; outline: none; font-size: 1.2em; text-decoration: none; white-space: nowrap; color: #195b92; } #body #submenu .ep_alphabeticmenu li a span{ position: relative; display: inline-block; cursor: pointer; margin: 0; padding: 0; text-decoration: none; font-size: 1em; color: #195b92; } #body #submenu .ep_alphabeticmenu li a:link, #body #submenu .ep_alphabeticmenu li a:visited{ background-color: transparent; border-color: #e9e9e9; text-decoration: none; color: #195b92; } #body #submenu .ep_alphabeticmenu li a:hover, #body #submenu .ep_alphabeticmenu li a:focus, body #submenu .ep_alphabeticmenu li a:active{ background: #FFFFFF; border-color: #FFFFFF; text-decoration: none; color: #195b92; } /* MENU SECONDAIRE - Menu alphabetique : Lien selectionne */ #body #submenu .ep_alphabeticmenu li.ep_selected a{ font-weight: bold; } /* ======================================================================================================== */ /* = BODY - FONCTIONNALITE DE DEPLOYEMENT ================================================================= */ /* ======================================================================================================== */ /* MENU : Navigation deployable [JS actif] (conteneur > menu principal) */ body.ep_jsavailable #body.ep_jsmenu #mainmenu{ z-index: 25; } body.ep_jsavailable #body.ep_jsmenu #mainmenu #menunavigation{ overflow: visible; margin-bottom: -2px; } body.ep_jsavailable #body.ep_jsmenu #mainmenu #menunavigation .ep_menu{ position: relative; display: block; top: 1px; } body.ep_jsavailable #body.ep_jsmenu #mainmenu span.ep_endmenu{ position: absolute; display: block; bottom: -10px; left: 0; width: 100%; } body.ep_jsavailable #body.ep_jsmenu #mainmenu span.ep_endmenu span{ position: relative; display: block; height: 10px; margin: 0 1px; background-image: url(../img/background/body_bg_submenu.jpg); } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* MENU : Navigation deployable [JS actif] (menu principal > lien du sous menu) */ #body #mainmenu #menunavigation .ep_menu li div.ep_openbtn, #body #mainmenu #menunavigation .ep_menu li div.ep_closebtn{ display: none; } body.ep_jsavailable #body.ep_jsmenu #mainmenu #menunavigation .ep_menu li.ep_selected div.ep_openbtn, body.ep_jsavailable #body.ep_jsmenu #mainmenu #menunavigation .ep_menu li.ep_selected div.ep_closebtn{ position: absolute; display: block; cursor: pointer; bottom: 0; width: 100%; height: 5px; margin: 0; padding: 0; outline: none; } body.ep_jsavailable #body.ep_jsmenu #mainmenu #menunavigation .ep_menu li div.ep_openbtn span, body.ep_jsavailable #body.ep_jsmenu #mainmenu #menunavigation .ep_menu li div.ep_closebtn span{ position: relative; display: block; top: -7px; height: 19px; margin: 0; padding: 0; outline: none; } body.ep_jsavailable #body.ep_jsmenu #mainmenu #menunavigation .ep_menu li div.ep_openbtn span span, body.ep_jsavailable #body.ep_jsmenu #mainmenu #menunavigation .ep_menu li div.ep_closebtn span span{ position: relative; display: block; width: 13px; height: 8px; margin: 0 auto; background-image: url(../img/icon/menu_icon_arrowsubmenu.png); background-repeat: no-repeat; } body.ep_jsavailable #body.ep_jsmenu #mainmenu #menunavigation .ep_menu li div.ep_openbtn span span, body.ep_jsavailable #body.ep_jsmenu #mainmenu #menunavigation .ep_menu li div.ep_openbtn:link span span, body.ep_jsavailable #body.ep_jsmenu #mainmenu #menunavigation .ep_menu li div.ep_openbtn:visited span span{ background-position: left bottom; } body.ep_jsavailable #body.ep_jsmenu #mainmenu #menunavigation .ep_menu li div.ep_openbtn:hover span span{ background-position: right bottom; } body.ep_jsavailable #body.ep_jsmenu #mainmenu #menunavigation .ep_menu li div.ep_closebtn span span, body.ep_jsavailable #body.ep_jsmenu #mainmenu #menunavigation .ep_menu li div.ep_closebtn:link span span, body.ep_jsavailable #body.ep_jsmenu #mainmenu #menunavigation .ep_menu li div.ep_closebtn:visited span span{ background-position: left top; } body.ep_jsavailable #body.ep_jsmenu #mainmenu #menunavigation .ep_menu li div.ep_closebtn:hover span span{ background-position: right top; } body.ep_jsavailable #body.ep_jsmenu #mainmenu #menunavigation .ep_menu li div.ep_openbtn span span span, body.ep_jsavailable #body.ep_jsmenu #mainmenu #menunavigation .ep_menu li div.ep_closebtn span span span{ position: absolute; display: block; overflow: hidden; top: 0; left: -10000px; width: 1px; height: 1px; } body.ep_jsavailable #body.ep_jsmenu #mainmenu #menunavigation .ep_menu li div.ep_openbtn span span{ top: 8px; } body.ep_jsavailable #body.ep_jsmenu #mainmenu #menunavigation .ep_menu li div.ep_closebtn span span{ top: 3px; } body.ep_jsavailable #body.ep_jsmenu #mainmenu #menunavigation .ep_menu li div.ep_openbtn:focus, body.ep_jsavailable #body.ep_jsmenu #mainmenu #menunavigation .ep_menu li div.ep_openbtn:active, body.ep_jsavailable #body.ep_jsmenu #mainmenu #menunavigation .ep_menu li div.ep_closebtn:focus, body.ep_jsavailable #body.ep_jsmenu #mainmenu #menunavigation .ep_menu li div.ep_closebtn:active{ background-color: #babbbb; } body.ep_jsavailable #body.ep_jsmenu #mainmenu #menunavigation .ep_menu li div.ep_openbtn:focus span span, body.ep_jsavailable #body.ep_jsmenu #mainmenu #menunavigation .ep_menu li div.ep_openbtn:active span span{ background-position: left bottom; } body.ep_jsavailable #body.ep_jsmenu #mainmenu #menunavigation .ep_menu li div.ep_closebtn:focus span span, body.ep_jsavailable #body.ep_jsmenu #mainmenu #menunavigation .ep_menu li div.ep_closebtn:active span span{ background-position: left top; } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* MENU : Navigation deployable [JS actif] (menu secondaire > lien de fermeture) */ #body #submenu #submenubox div.ep_closebtn{ display: none; } body.ep_jsavailable #body.ep_jsmenu #submenu #submenubox div.ep_closebtn{ position: absolute; display: block; cursor: pointer; overflow: hidden; bottom: -1px; right: 0; margin: 0; padding: 0; background-color: transparent; border: 1px solid #e6e7e7; border-radius: 5px 0 0 0; -moz-border-radius: 5px 0 0 0; outline: none; color: #444444; } body.ep_jsavailable #body.ep_jsmenu #submenu #submenubox div.ep_closebtn span{ position: relative; display: block; margin: 2px 2px 2px 0; padding: 0 20px 0 5px; background-image: url(../img/icon/menu_icon_crosssubmenu.png); background-position: right top; background-repeat: no-repeat; outline: none; font-size: 1em; line-height: 1.1em; color: inherit; } body.ep_jsavailable #body.ep_jsmenu #submenu #submenubox div.ep_closebtn span span{ position: relative; display: block; opacity: 0; filter: alpha(opacity=0); margin: 0; padding: 0; background: none; outline: none; font-size: 1.2em; color: inherit; } body.ep_jsavailable #body.ep_jsmenu #submenu #submenubox div.ep_closebtn:hover, body.ep_jsavailable #body.ep_jsmenu #submenu #submenubox div.ep_closebtn:active, body.ep_jsavailable #body.ep_jsmenu #submenu #submenubox div.ep_closebtn:focus{ background-color: #bababa; border-color: #bababa; color: #FFFFFF; } body.ep_jsavailable #body.ep_jsmenu #submenu #submenubox div.ep_closebtn:hover span, body.ep_jsavailable #body.ep_jsmenu #submenu #submenubox div.ep_closebtn:active span, body.ep_jsavailable #body.ep_jsmenu #submenu #submenubox div.ep_closebtn:focus span{ opacity: 1; filter: alpha(opacity=100); background-position: right bottom; } /* ======================================================================================================== */ /* = BODY - MENU RECHERCHE ================================================================================ */ /* ======================================================================================================== */ /* MENU RECHERCHE : Conteneur */ #body #searchmenu{ position: absolute; display: none; left: -100000px; } /* MENU RECHERCHE : Conteneur actif */ #body.ep_2headmenu #searchmenu{ position: relative; display: block; overflow: visible; z-index: 15; left: 0; width: 927px; margin: -2px auto 0 auto; padding: 0; background-image: url(../img/background/body_bg_searchmenudark.jpg); background-repeat: repeat; border-left: 1px solid #ffffff; border-right: 1px solid #ffffff; font-size: 1em; } #body #searchmenu #searchmenubox{ position: relative; display: block; margin: 0; padding: 0; border: 1px solid #dce1e4; border-top: none; } #body #searchmenu .ep_menubox{ position: relative; display: block; height: 1%; margin: 0; padding: 12px 12px 0 12px; font-size: 1em; } #body #searchmenu #searchmenubox .ep_endbox{ margin-top: -1px; } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* MENU RECHERCHE : Conteneur (colonne) */ #body #searchmenu .ep_menubox .ep_columnfull, #body #searchmenu .ep_menubox .ep_column, #body #searchmenu .ep_menubox .ep_columnsmall, #body #searchmenu .ep_menubox .ep_columnlarge{ position: relative; display: block; margin: 0; padding: 0; font-size: 1em; } #body #searchmenu .ep_menubox .ep_columnfull{ clear: both; } #body #searchmenu .ep_menubox .ep_column, #body #searchmenu .ep_menubox .ep_columnsmall, #body #searchmenu .ep_menubox .ep_columnlarge{ float: left; } #body #searchmenu .ep_menubox .ep_column + .ep_column, #body #searchmenu .ep_menubox .ep_columnsmall + .ep_columnlarge, #body #searchmenu .ep_menubox .ep_columnlarge + .ep_columnsmall{ float: right; } #body #searchmenu .ep_menubox .ep_column{ width: 49.9%; } #body #searchmenu .ep_menubox .ep_columnsmall{ width: 33.3%; } #body #searchmenu .ep_menubox .ep_columnlarge{ width: 66.6%; } /* MENU RECHERCHE : Conteneur (sous division) */ #body #searchmenu .ep_menubox .ep_block1col, #body #searchmenu .ep_menubox .ep_block2col, #body #searchmenu .ep_menubox .ep_blocksmall, #body #searchmenu .ep_menubox .ep_blocklarge{ position: relative; display: block; margin: 0 0 12px 0; padding: 0; font-size: 1em; } #body #searchmenu .ep_menubox .ep_block2col{ float: left; width: 49.9%; } #body #searchmenu .ep_menubox .ep_block2col + .ep_block2col{ float: right; } #body #searchmenu .ep_menubox .ep_blocksmall, #body #searchmenu .ep_menubox .ep_blocklarge{ float: left; } #body #searchmenu .ep_menubox .ep_blocksmall{ width: 30%; } #body #searchmenu .ep_menubox .ep_blocklarge{ width: 70%; } #body #searchmenu .ep_menubox .ep_blocksmall + .ep_blocklarge, #body #searchmenu .ep_menubox .ep_blocklarge + .ep_blocksmall{ float: none; max-width: 100%; } #body #searchmenu .ep_menubox .ep_blocksmall + .ep_blocklarge{ margin-left: 30%; } #body #searchmenu .ep_menubox .ep_blocklarge + .ep_blocksmall{ margin-left: 70%; } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* MENU RECHERCHE : Boutons (conteneur) */ #body #searchmenu .ep_buttons{ position: relative; display: block; clear: both; margin: -6px 0 0 0; padding: 12px 25px; background-image: url(../img/background/body_bg_searchmenulight.jpg); background-repeat: repeat; border: none; border-top: 1px solid #dce1e4; text-align: right; } /* MENU RECHERCHE : Boutons (bouton) */ #body #searchmenu .ep_buttons a, #body #searchmenu .ep_buttons input{ position: relative; display: inline-block; cursor: pointer; margin: 0; padding: 6px 12px; background-color: #FFFFFF; background-position: top; background-repeat: repeat-x; border: 1px solid #dbe1e4; border-radius: 5px; -moz-border-radius: 5px; font-size: 1.1em; text-transform: uppercase; text-decoration: none; color: #195B92; } #body #searchmenu .ep_buttons a:link, #body #searchmenu .ep_buttons a:visited, #body #searchmenu .ep_buttons input, #body #searchmenu .ep_buttons input:link{ background-color: #FFFFFF; color: #195B92; } #body #searchmenu .ep_buttons a:hover, #body #searchmenu .ep_buttons a:focus, #body #searchmenu .ep_buttons a:active, #body #searchmenu .ep_buttons input:hover, #body #searchmenu .ep_buttons input:focus, #body #searchmenu .ep_buttons input:active{ background-color: #f4f4f4; color: #195B92; } /* MENU RECHERCHE : Boutons (design cancel [bleu]) */ #body #searchmenu .ep_buttons a.ep_cancel:link, #body #searchmenu .ep_buttons a.ep_cancel:visited, #body #searchmenu .ep_buttons a.ep_cancel, #body #searchmenu .ep_buttons input.ep_cancel:link{ background-color: #497FAD; background-image: url(../img/background/button_bg_bluelight.png); color: #FFFFFF; } #body #searchmenu .ep_buttons a.ep_cancel:hover, #body #searchmenu .ep_buttons a.ep_cancel:focus, #body #searchmenu .ep_buttons a.ep_cancel:active, #body #searchmenu .ep_buttons input.ep_cancel:link, #body #searchmenu .ep_buttons input.ep_cancel:focus, #body #searchmenu .ep_buttons input.ep_cancel:active{ background-color: #345979; background-image: url(../img/background/button_bg_bluedark.png); color: #FFFFFF; } /* MENU RECHERCHE : Boutons (design confirm [vert]) */ #body #searchmenu .ep_buttons a.ep_confirm:link, #body #searchmenu .ep_buttons a.ep_confirm:visited, #body #searchmenu .ep_buttons input.ep_confirm, #body #searchmenu .ep_buttons input.ep_confirm:link{ background-color: #99AC49; background-image: url(../img/background/button_bg_greenlight.png); color: #FFFFFF; } #body #searchmenu .ep_buttons a.ep_confirm:hover, #body #searchmenu .ep_buttons a.ep_confirm:focus, #body #searchmenu .ep_buttons a.ep_confirm:active, #body #searchmenu .ep_buttons input.ep_confirm:hover, #body #searchmenu .ep_buttons input.ep_confirm:focus, #body #searchmenu .ep_buttons input.ep_confirm:active{ background-color: #677A2A; background-image: url(../img/background/button_bg_greendark.png); color: #FFFFFF; } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* MENU RECHERCHE : Libelle */ #body #searchmenu .ep_menubox .ep_element .ep_label, #body #searchmenu .ep_menubox .ep_element .ep_radiolabel, #body #searchmenu .ep_menubox .ep_element .ep_checklabel{ position: relative; display: block; margin: 0; padding: 0 14px 3px 14px; font-size: 1em; } #body #searchmenu .ep_menubox .ep_element .ep_label label, #body #searchmenu .ep_menubox .ep_element .ep_radiolabel label, #body #searchmenu .ep_menubox .ep_element .ep_checklabel label{ position: relative; display: block; margin: 0; font-size: 1.2em; font-weight: bold; color: #13334D; } #body #searchmenu .ep_menubox .ep_element .ep_radiolabel, #body #searchmenu .ep_menubox .ep_element .ep_checklabel{ margin-top: 6px; padding-left: 0; } #body #searchmenu .ep_menubox .ep_element .ep_label div div{ height: 1.5em; font-size: 1em; } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* MENU RECHERCHE : Bloc de donnees (conteneur) */ #body #searchmenu .ep_menubox .ep_element .ep_data, #body #searchmenu .ep_menubox .ep_element .ep_radiodata, #body #searchmenu .ep_menubox .ep_element .ep_checkdata{ position: relative; display: block; z-index: 25; left: 0; margin: 0 12px; padding: 1px; background-color: #FFFFFF; border: 1px solid #dddddd; font-size: 1em; } #body #searchmenu .ep_menubox .ep_element .ep_data div, #body #searchmenu .ep_menubox .ep_element .ep_radiodata div, #body #searchmenu .ep_menubox .ep_element .ep_checkdata div{ position: relative; display: block; margin: 0; padding: 3px 4px; background-color: #FFFFFF; box-shadow: 1px 3px 3px #d8d9d9 inset; -moz-box-shadow: 1px 3px 3px #d8d9d9 inset; -webkit-box-shadow: 1px 3px 3px #d8d9d9 inset; font-size: 1em; } /* MENU RECHERCHE : Bloc de donnees (conteneur pour les boutons radio et check) */ #body #searchmenu .ep_menubox .ep_element .ep_radiodata, #body #searchmenu .ep_menubox .ep_element .ep_checkdata{ float: left; top: 8px; margin-right: 6px; background: none; border: none; } #body #searchmenu .ep_menubox .ep_element .ep_radiodata div, #body #searchmenu .ep_menubox .ep_element .ep_checkdata div{ background: none; padding: 0; } /* MENU RECHERCHE : Bloc de donnees (champ) */ #body #searchmenu .ep_menubox .ep_element .ep_field{ position: relative; display: block; width: 100%; background: none; border: none; font-size: 1.2em; } #body #searchmenu .ep_menubox .ep_element select.ep_field{ width: 100%; margin: 0; padding: 0; font-size: 1.1em; } #body #searchmenu .ep_menubox .ep_element input.ep_default{ color: #999999; } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* MENU RECHERCHE : Selection en mode JS (conteneur) */ body.ep_jsavailable #body #searchmenu .ep_menubox .ep_element .ep_menu{ position: relative; display: block; z-index: 20; float: none; width: auto; max-width: 100%; margin: 0; padding: 0 3px 0 0; background-color: #FFFFFF; } /* MENU RECHERCHE : Selection en mode JS (element selectionne) */ body.ep_jsavailable #body #searchmenu .ep_menubox .ep_element .ep_menu div.ep_selected, body.ep_jsavailable #body #searchmenu .ep_menubox .ep_element .ep_menu div.ep_default, body.ep_jsavailable #body #searchmenu .ep_menubox .ep_element .ep_menu div.ep_empty, body.ep_jsavailable #body #searchmenu .ep_menubox .ep_element .ep_menu div.ep_invisible, body.ep_jsavailable #body #searchmenu .ep_menubox .ep_element .ep_menu div.ep_fake{ position: relative; display: block; overflow: hidden; z-index: 10; cursor: pointer; width: auto !important; height: 1.2em; margin: 0; padding: 3px 26px 3px 6px; background-image: url(../img/icon/form_icon_arrow_select.png); background-position: right center; background-repeat: no-repeat; font-size: 1.2em; font-weight: normal; line-height: 1.3em; color: #13334d; } body.ep_jsavailable #body #searchmenu .ep_menubox .ep_element .ep_menu div.ep_default{ color: #999999; } body.ep_jsavailable #body #searchmenu .ep_menubox .ep_element .ep_menu div.ep_fake{ cursor: default; background-image: url(../img/icon/form_icon_arrow_disabled.png); } body.ep_jsavailable #body #searchmenu .ep_menubox .ep_element .ep_menu div.ep_invisible{ cursor: default; margin: -2px -5px -2px -2px; background-image: url(../img/background/body_bg_searchmenudark.jpg); background-repeat: repeat; } /* MENU RECHERCHE : Selection en mode JS (elements disponibles >> conteneur) */ body.ep_jsavailable #body #searchmenu .ep_menubox .ep_element .ep_menu fieldset{ position: absolute; display: block; top: 0; left: 0; width: 100% !important; min-width: 100%; background: none; border: none; margin: 0; padding: 0; font-size: 1em; } body.ep_jsavailable #body #searchmenu .ep_menubox .ep_element .ep_menu fieldset .ep_buttons{ left: -10000px; width: 1px; height: 1px; } body.ep_jsavailable #body #searchmenu .ep_menubox .ep_element .ep_menu fieldset .ep_buttons{ position: absolute; display: block; float: none; overflow-x: hidden; overflow-y: auto; z-index: 5; top: 1.2em; left: -2px; width: 100%; height: auto; max-height: 11em; margin: 8px 0 0 0; padding: 0; background-color: #F1F1F1; border: 1px solid #dddddd; border-top: none; font-size: 1em; } /* MENU RECHERCHE : Selection en mode JS (elements disponibles >> conteneur) */ body.ep_jsavailable #body #searchmenu .ep_menubox .ep_element .ep_menu fieldset legend{ position: absolute; display: block; overflow: hidden; z-index: 0; width: 15em; height: 1px; margin: 0; padding: 0; background: none; font-size: 0.01em; } /* MENU RECHERCHE : Selection en mode JS (elements disponibles >> lien) */ body.ep_jsavailable #body #searchmenu .ep_menubox .ep_element .ep_menu fieldset input{ position: relative; display: block; overflow: hidden; cursor: pointer; top: 0; left: 0; width: 100%; margin: -1px 0 0 0; padding: 3px 5px; background: none; background-color: #F1F1F1; border: none; border-top: 1px solid #FFFFFF; border-radius: 0; -moz-border-radius: 0; outline: none; font-size: 1.1em; font-weight: normal; text-align: left; text-decoration: none; text-transform: none; color: #13334d; } body.ep_jsavailable #body #searchmenu .ep_menubox .ep_element .ep_menu fieldset input:active{ text-decoration: underline; } body.ep_jsavailable #body #searchmenu .ep_menubox .ep_element .ep_menu fieldset .ep_selected{ font-weight: bold; } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* MENU RECHERCHE : Correction fieldset (conteneur) */ #body #searchmenu .ep_menubox fieldset.ep_element legend{ position: relative; display: block; top: 0; left: 0; } #body #searchmenu .ep_menubox fieldset.ep_element legend span{ position: relative; display: block; top: 0; left: 0; margin: 0 12px 3px 12px; padding: 0; font-size: 1.2em; font-weight: bold; color: #13334D; } /* ======================================================================================================== */ /* = BODY - CORPS ========================================================================================= */ /* ======================================================================================================== */ /* CORPS : Design du conteneur */ #body #maincontent{ position: relative; display: block; z-index: 5; clear: both; margin: -2px 0 0 0; padding: 0; font-size: 1em; } /* CORPS : Delimitation du conteneur */ #body #maincontent #maincontentbox{ position: relative; display: block; overflow: visible; width: 927px; margin: 0 auto; padding: 0; background-image: url(../img/background/body_bg_page.png); background-repeat: repeat; border-left: 1px solid #ffffff; border-right: 1px solid #ffffff; font-size: 1em; } #body #maincontent #maincontentbox .ep_wrapper{ position: relative; display: block; height: 1%; margin: 0; padding: 0; border-left: 1px solid #dce1e4; border-right: 1px solid #dce1e4; font-size: 1em; } /* CORPS : Delimitation du conteneur (decallage pour l'affichage du menu secondaire) */ #body.ep_2headmenu #maincontent #maincontentbox{ padding-top: 2px; } /* ======================================================================================================== */ /* = BODY - ZONES DE CONTENU ============================================================================== */ /* ======================================================================================================== */ /* ZONES DE CONTENU : Titre principal de la page (cache) */ #body h1, #body h2, #body h3{ position: absolute; display: block; left: -1000000px; } /* ZONES DE CONTENU : Conteneurs principaux */ #body #maincontent #maincontentbox #mainzone{ position: relative; display: block; margin: 0; padding: 0 25px 13px 25px; font-size: 1em; } #body #maincontent #maincontentbox #contextzone{ display: block; margin: 0; padding: 0 25px 13px 25px; font-size: 1em; } /* ZONES DE CONTENU : Conteneurs principaux (colonnage) */ #body #maincontent #maincontentbox .ep_2columns{ background: url(../img/background/body_bg_zoneborder.png) repeat-y 650px top; } #body #maincontent #maincontentbox .ep_2columns #mainzone{ float: left; left: 25px; width: 600px; padding-left: 0; padding-right: 0; } #body #maincontent #maincontentbox .ep_2columns #contextzone{ float: right; width: 250px; padding-left: 0; padding-right: 0; } /* ======================================================================================================== */ /* = BODY - ZONE BANNIERE ================================================================================= */ /* ======================================================================================================== */ #body #maincontent #maincontentbox #bannerzone{ position: relative; display: block; margin: 0; padding: 0; background-image: url(../img/background/body_bg_page.png); border-bottom: 1px solid #dce1e4; font-size: 1em; } /* ======================================================================================================== */ /* = BODY - MENU CARTE ==================================================================================== */ /* ======================================================================================================== */ #body #maincontent #maincontentbox #mapzone{ position: relative; display: block; clear: both; margin: 0; padding: 0; background-image: url(../img/background/map_bg_main.png); border-bottom: 1px solid #dce1e4; font-size: 1em; } /* ======================================================================================================== */ /* = BODY - MENU SECONDAIRE =============================================================================== */ /* ======================================================================================================== */ /* MENU SECONDAIRE : Design du conteneur */ #body #maincontent #maincontentbox #menuzone{ position: relative; display: block; z-index: 500; clear: both; margin: 0; padding: 0 25px; background-image: url(../img/background/body_bg_page.png); font-size: 1em; } #body #maincontent #maincontentbox #menuzone .ep_menubox, #body #maincontent #maincontentbox #mainzone .ep_menubox{ position: relative; display: block; height: 1%; margin: 0; padding: 25px 0 0 0; font-size: 1em; } #body #maincontent #maincontentbox #mainzone .ep_menubox{ padding-right: 0; padding-right: 0; } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* MENU SECONDAIRE : Entete (conteneur) */ #body #maincontent #maincontentbox #menuzone .ep_menubox .ep_menuheader, #body #maincontent #maincontentbox #mainzone .ep_menubox .ep_menuheader{ position: relative; display: block; height: 1%; margin: 0; padding: 12px 0; background-color: #0d3d68; font-size: 1em; } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* MENU SECONDAIRE : Entete (conteneur de titre) */ #body #maincontent #maincontentbox #menuzone .ep_menubox .ep_menuheader .ep_block, #body #maincontent #maincontentbox #mainzone .ep_menubox .ep_menuheader .ep_block{ position: relative; display: block; float: left; /*margin: -4px 12px;*/ margin: 0 12px; padding: 0; } /* MENU SECONDAIRE : Entete (conteneur de titre > titre) */ #body #maincontent #maincontentbox #menuzone .ep_menubox .ep_menuheader .ep_block .ep_titlecontent, #body #maincontent #maincontentbox #mainzone .ep_menubox .ep_menuheader .ep_block .ep_titlecontent{ position: relative; display: inline-block; margin: 0; padding: 0; font-size: 1em; vertical-align: middle; } #body #maincontent #maincontentbox #menuzone .ep_menubox .ep_menuheader .ep_block .ep_titlecontent .ep_title, #body #maincontent #maincontentbox #mainzone .ep_menubox .ep_menuheader .ep_block .ep_titlecontent .ep_title{ position: relative; display: block; margin: 0; padding: 2px 0 0; font-size: 2em; font-weight: bold; color: #FFFFFF; } /* MENU SECONDAIRE : Entete (conteneur de titre > sous-titre) */ #body #maincontent #maincontentbox #menuzone .ep_menubox .ep_menuheader .ep_block .ep_titlecontent .ep_subtitle, #body #maincontent #maincontentbox #mainzone .ep_menubox .ep_menuheader .ep_block .ep_titlecontent .ep_subtitle{ position: relative; display: block; margin: 0; padding: 0; font-size: 1.2em; font-weight: normal; color: #FFFFFF; } /* MENU SECONDAIRE : Entete (conteneur de titre > accronyme) */ #body #maincontent #maincontentbox #menuzone .ep_menubox .ep_menuheader .ep_block .ep_acronymcontent, #body #maincontent #maincontentbox #mainzone .ep_menubox .ep_menuheader .ep_block .ep_acronymcontent{ position: relative; display: inline-block; margin: 0 10px 0 0; padding: 0; font-size: 1em; vertical-align: middle; } #body #maincontent #maincontentbox #menuzone .ep_menubox .ep_menuheader .ep_block .ep_acronymcontent abbr, #body #maincontent #maincontentbox #mainzone .ep_menubox .ep_menuheader .ep_block .ep_acronymcontent abbr{ position: relative; display: inline-block; margin: 0 0 0 2px; padding: 3px 6px; background-color: #dd602d; border: none; outline: none; font-size: 1.5em; font-weight: bold; text-align: center; text-decoration: none; text-transform: uppercase; color: #FFFFFF; } #body #maincontent #maincontentbox #menuzone .ep_menubox .ep_menuheader .ep_block .ep_acronym + .ep_title, #body #maincontent #maincontentbox #mainzone .ep_menubox .ep_menuheader .ep_block .ep_acronym + .ep_title{ margin-left: 3em; } #body #maincontent #maincontentbox #menuzone .ep_menubox .ep_menuheader .ep_block .ep_acronym + .ep_title + .ep_subtitle, #body #maincontent #maincontentbox #mainzone .ep_menubox .ep_menuheader .ep_block .ep_acronym + .ep_title + .ep_subtitle{ margin-left: 5em; } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* MENU SECONDAIRE : Entete (conteneur de bouton) */ #body #maincontent #maincontentbox #menuzone .ep_menubox .ep_menuheader .ep_button, #body #maincontent #maincontentbox #mainzone .ep_menubox .ep_menuheader .ep_button{ position: relative; display: block; float: right; margin: 0 12px; padding: 0; background: none; font-size: 1em; vertical-align: middle; } /* MENU SECONDAIRE : Entete (conteneur de bouton > bouton) */ #body #maincontent #maincontentbox #menuzone .ep_menubox .ep_menuheader .ep_button a, #body #maincontent #maincontentbox #mainzone .ep_menubox .ep_menuheader .ep_button a{ position: relative; display: inline-block; margin: 0; padding: 6px 12px; background-color: #FFFFFF; background-position: top; background-repeat: repeat-x; border: 1px solid #dbe1e4; border-radius: 5px; -moz-border-radius: 5px; font-size: 1.1em; text-transform: uppercase; text-decoration: none; color: #195B92; } #body #maincontent #maincontentbox #menuzone .ep_menubox .ep_menuheader .ep_button a:link, #body #maincontent #maincontentbox #menuzone .ep_menubox .ep_menuheader .ep_button a:visited, #body #maincontent #maincontentbox #mainzone .ep_menubox .ep_menuheader .ep_button a:link, #body #maincontent #maincontentbox #mainzone .ep_menubox .ep_menuheader .ep_button a:visited{ background-color: #FFFFFF; color: #195B92; } #body #maincontent #maincontentbox #menuzone .ep_menubox .ep_menuheader .ep_button a:hover, #body #maincontent #maincontentbox #menuzone .ep_menubox .ep_menuheader .ep_button a:focus, #body #maincontent #maincontentbox #menuzone .ep_menubox .ep_menuheader .ep_button a:active, #body #maincontent #maincontentbox #mainzone .ep_menubox .ep_menuheader .ep_button a:hover, #body #maincontent #maincontentbox #mainzone .ep_menubox .ep_menuheader .ep_button a:focus, #body #maincontent #maincontentbox #mainzone .ep_menubox .ep_menuheader .ep_button a:active{ background-color: #f4f4f4; color: #195B92; } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* MENU SECONDAIRE : Corps */ #body #maincontent #maincontentbox #menuzone .ep_menubox .ep_menubody, #body #maincontent #maincontentbox #mainzone .ep_menubox .ep_menubody{ position: relative; display: block; margin: 0; padding: 12px 0; background-image: url(../img/background/body_bg_menubox.jpg); border: 1px solid #DBE1E4; border-top: none; font-size: 1em; } /* MENU SECONDAIRE : Corps (conteneur de liens) */ #body #maincontent #maincontentbox #menuzone .ep_menubox .ep_menubody .ep_menu, #body #maincontent #maincontentbox #mainzone .ep_menubox .ep_menubody .ep_menu{ position: relative; display: block; overflow: hidden; clear: both; left: 0; margin: 3px 0; padding: 0; border: none; } /* MENU SECONDAIRE : Corps (titre) */ #body #maincontent #maincontentbox #menuzone .ep_menubox .ep_menubody .ep_menu .ep_title, #body #maincontent #maincontentbox #mainzone .ep_menubox .ep_menubody .ep_menu .ep_title{ position: relative; display: block; z-index: 20; float: left; top: 0; left: 1px; margin: 0; padding: 0 0 0 9px; background-image: url(../img/background/body_bg_submenu.jpg); background-repeat: repeat; font-size: 1.2em; font-weight: bold; color: #20425d; } /* MENU SECONDAIRE : Corps (menu) */ #body #maincontent #maincontentbox #menuzone .ep_menubox .ep_menubody .ep_menu ul, #body #maincontent #maincontentbox #mainzone .ep_menubox .ep_menubody .ep_menu ul{ position: relative; display: block; z-index: 10; margin: 0; padding: 0; } /* MENU SECONDAIRE : Corps (element) */ #body #maincontent #maincontentbox #menuzone .ep_menubox .ep_menubody .ep_menu li, #body #maincontent #maincontentbox #mainzone .ep_menubox .ep_menubody .ep_menu li{ position: relative; display: block; float: left; left: -1px; margin: 2px 0; padding: 0 10px; border: none; border-left: 1px solid #d1c9c9; } /* MENU SECONDAIRE : Corps (lien) */ #body #maincontent #maincontentbox #menuzone .ep_menubox .ep_menubody .ep_menu li a, #body #maincontent #maincontentbox #mainzone .ep_menubox .ep_menubody .ep_menu li a{ position: relative; display: block; float: left; margin: -2px 0 -1px 0; text-decoration: none; font-size: 1.2em; white-space: nowrap; color: #195b92; } /* MENU SECONDAIRE : Corps (lien > effet survol) */ #body #maincontent #maincontentbox #menuzone .ep_menubox .ep_menubody .ep_menu li a:link, #body #maincontent #maincontentbox #menuzone .ep_menubox .ep_menubody .ep_menu li a:visited, #body #maincontent #maincontentbox #mainzone .ep_menubox .ep_menubody .ep_menu li a:link, #body #maincontent #maincontentbox #mainzone .ep_menubox .ep_menubody .ep_menu li a:visited{ text-decoration: none; color: #195b92; } #body #maincontent #maincontentbox #menuzone .ep_menubox .ep_menubody .ep_menu li a:hover, #body #maincontent #maincontentbox #menuzone .ep_menubox .ep_menubody .ep_menu li a:focus, #body #maincontent #maincontentbox #menuzone .ep_menubox .ep_menubody .ep_menu li a:active, #body #maincontent #maincontentbox #mainzone .ep_menubox .ep_menubody .ep_menu li a:hover, #body #maincontent #maincontentbox #mainzone .ep_menubox .ep_menubody .ep_menu li a:focus, #body #maincontent #maincontentbox #mainzone .ep_menubox .ep_menubody .ep_menu li a:active{ text-decoration: underline; color: #195b92; } #body #maincontent #maincontentbox #menuzone .ep_menubox .ep_menubody .ep_menu li a span, #body #maincontent #maincontentbox #mainzone .ep_menubox .ep_menubody .ep_menu li a span{ position: relative; display: inline-block; cursor: pointer; margin: 0; padding: 0; text-decoration: none; font-size: 1em; color: #195b92; } /* MENU SECONDAIRE : Corps (lien > selection) */ #body #maincontent #maincontentbox #menuzone .ep_menubox .ep_menubody .ep_menu li.ep_selected a, #body #maincontent #maincontentbox #mainzone .ep_menubox .ep_menubody .ep_menu li.ep_selected a{ font-weight: bold; } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* MENU SECONDAIRE : Filtre */ #body #maincontent #maincontentbox #menuzone .ep_menubox .ep_menufilter, #body #maincontent #maincontentbox #mainzone .ep_menubox .ep_menufilter{ position: relative; display: block; margin: 0; padding: 3px 0; background-image: url(../img/background/boxfoot_bg.jpg); border: 1px solid #DBE1E4; border-top: none; font-size: 1em; } #body #maincontent #maincontentbox #menuzone .ep_menubox .ep_menufilter .ep_block1col, #body #maincontent #maincontentbox #mainzone .ep_menubox .ep_menufilter .ep_block1col{ position: relative; display: block; overflow: visible; height: 1%; margin: 0; padding: 0; border: none; font-size: 1em; color: inherit; } #body #maincontent #maincontentbox #menuzone .ep_menubox .ep_menufilter .ep_block1col .ep_column, #body #maincontent #maincontentbox #menuzone .ep_menubox .ep_menufilter .ep_block1col .ep_columninline, #body #maincontent #maincontentbox #mainzone .ep_menubox .ep_menufilter .ep_block1col .ep_column, #body #maincontent #maincontentbox #mainzone .ep_menubox .ep_menufilter .ep_block1col .ep_columninline{ position: relative; display: block; overflow: visible; margin: 0; padding: 6px 0; background: none; border: none; font-size: 1em; } /* MENU SECONDAIRE : Filtre (titre principal > invisible) */ #body #maincontent #maincontentbox #menuzone .ep_menubox .ep_menufilter .ep_title, #body #maincontent #maincontentbox #mainzone .ep_menubox .ep_menufilter .ep_title{ position: absolute; display: block; left: -10000px; width: 1px; height: 1px; margin: 0; padding: 0; } /* MENU SECONDAIRE : Filtre (bouton de validation) */ #body #maincontent #maincontentbox #menuzone .ep_menubox .ep_menufilter .ep_block1col .ep_button, #body #maincontent #maincontentbox #mainzone .ep_menubox .ep_menufilter .ep_block1col .ep_button{ position: relative; display: block; margin: -1px 0 0 0; padding: 0; font-size: 1em; text-align: right; } #body #maincontent #maincontentbox #menuzone .ep_menubox .ep_menufilter .ep_block1col .ep_button input, #body #maincontent #maincontentbox #menuzone .ep_menubox .ep_menufilter .ep_block1col .ep_button input:link, #body #maincontent #maincontentbox #menuzone .ep_menubox .ep_menufilter .ep_block1col .ep_button input:visited, #body #maincontent #maincontentbox #mainzone .ep_menubox .ep_menufilter .ep_block1col .ep_button input, #body #maincontent #maincontentbox #mainzone .ep_menubox .ep_menufilter .ep_block1col .ep_button input:link, #body #maincontent #maincontentbox #mainzone .ep_menubox .ep_menufilter .ep_block1col .ep_button input:visited{ position: relative; display: inline-block; clear: both; cursor: pointer; margin: 3px 12px 6px 12px; padding: 0.2em 6px; background-color: #FFFFFF; border: 1px solid #DADFE2; border-radius: 3px; -moz-border-radius: 3px; box-shadow: 0 1px 1px #cccccc ; -moz-box-shadow: 0 1px 1px #cccccc; -webkit-box-shadow: 0 1px 1px #cccccc; font-size: 1.2em; font-weight: bold; text-decoration: none; text-transform: uppercase; text-shadow: 0 1px 1px #163c5b; color: #195B92; } #body #maincontent #maincontentbox #menuzone .ep_menubox .ep_menufilter .ep_block1col .ep_button input:hover, #body #maincontent #maincontentbox #menuzone .ep_menubox .ep_menufilter .ep_block1col .ep_button input:focus, #body #maincontent #maincontentbox #menuzone .ep_menubox .ep_menufilter .ep_block1col .ep_button input:active, #body #maincontent #maincontentbox #mainzone .ep_menubox .ep_menufilter .ep_block1col .ep_button input:hover, #body #maincontent #maincontentbox #mainzone .ep_menubox .ep_menufilter .ep_block1col .ep_button input:focus, #body #maincontent #maincontentbox #mainzone .ep_menubox .ep_menufilter .ep_block1col .ep_button input:active{ background-color: #F4F4F4; } /* MENU SECONDAIRE : Filtre (libelle) */ #body #maincontent #maincontentbox #menuzone .ep_menubox .ep_menufilter .ep_block1col .ep_label, #body #maincontent #maincontentbox #mainzone .ep_menubox .ep_menufilter .ep_block1col .ep_label{ position: relative; display: block; margin: 0; padding: 0 12px 6px 12px; font-size: 1em; } #body #maincontent #maincontentbox #menuzone .ep_menubox .ep_menufilter .ep_block1col .ep_label label, #body #maincontent #maincontentbox #mainzone .ep_menubox .ep_menufilter .ep_block1col .ep_label label{ position: relative; display: block; margin: 0; font-size: 1.2em; color: #363636; } /* MENU SECONDAIRE : Filtre (donnees) */ #body #maincontent #maincontentbox #menuzone .ep_menubox .ep_menufilter .ep_block1col .ep_data, #body #maincontent #maincontentbox #mainzone .ep_menubox .ep_menufilter .ep_block1col .ep_data{ position: relative; display: block; z-index: 25; left: 0; margin: 0 12px; padding: 1px; background-color: #FFFFFF; border: 1px solid #dddddd; font-size: 1em; } #body #maincontent #maincontentbox #menuzone .ep_menubox .ep_menufilter .ep_block1col .ep_data div, #body #maincontent #maincontentbox #mainzone .ep_menubox .ep_menufilter .ep_block1col .ep_data div{ position: relative; display: block; margin: 0; padding: 3px 4px; background-color: #FFFFFF; box-shadow: 1px 3px 3px #d8d9d9 inset; -moz-box-shadow: 1px 3px 3px #d8d9d9 inset; -webkit-box-shadow: 1px 3px 3px #d8d9d9 inset; font-size: 1em; } /* MENU SECONDAIRE : Filtre (donnees > champ) */ #body #maincontent #maincontentbox #menuzone .ep_menubox .ep_menufilter .ep_block1col .ep_field, #body #maincontent #maincontentbox #mainzone .ep_menubox .ep_menufilter .ep_block1col .ep_field{ position: relative; display: block; width: auto; background: none; border: none; font-size: 1.2em; } #body #maincontent #maincontentbox #menuzone .ep_menubox .ep_menufilter .ep_block1col select.ep_field, #body #maincontent #maincontentbox #mainzone .ep_menubox .ep_menufilter .ep_block1col select.ep_field{ width: 100%; margin: 0; padding: 0; font-size: 1.1em; } /* MENU SECONDAIRE : Filtre (donnees > selection en mode JS > conteneur) */ body.ep_jsavailable #body #maincontent #maincontentbox #menuzone .ep_menubox .ep_menufilter .ep_block1col .ep_menu, body.ep_jsavailable #body #maincontent #maincontentbox #mainzone .ep_menubox .ep_menufilter .ep_block1col .ep_menu{ position: relative; display: block; z-index: 20; float: none; width: auto; max-width: 100%; margin: 0; padding: 0 3px 0 0; background-color: #F1F1F1; } /* MENU SECONDAIRE : Filtre (donnees > selection en mode JS > element selectionne) */ body.ep_jsavailable #body #maincontent #maincontentbox #menuzone .ep_menubox .ep_menufilter .ep_block1col .ep_menu div.ep_selected, body.ep_jsavailable #body #maincontent #maincontentbox #mainzone .ep_menubox .ep_menufilter .ep_block1col .ep_menu div.ep_selected, body.ep_jsavailable #body #maincontent #maincontentbox #menuzone .ep_menubox .ep_menufilter .ep_block1col .ep_menu div.ep_default, body.ep_jsavailable #body #maincontent #maincontentbox #mainzone .ep_menubox .ep_menufilter .ep_block1col .ep_menu div.ep_default, body.ep_jsavailable #body #maincontent #maincontentbox #menuzone .ep_menubox .ep_menufilter .ep_block1col .ep_menu div.ep_empty, body.ep_jsavailable #body #maincontent #maincontentbox #mainzone .ep_menubox .ep_menufilter .ep_block1col .ep_menu div.ep_empty{ position: relative; display: block; z-index: 10; cursor: pointer; width: auto; min-height: 1.2em; margin: 0; padding: 3px 26px 3px 6px; background-image: url(../img/icon/form_icon_arrow_select.png); background-position: right center; background-repeat: no-repeat; font-size: 1.2em; font-weight: normal; color: #13334d; } body.ep_jsavailable #body #maincontent #maincontentbox #menuzone .ep_menubox .ep_menufilter .ep_block1col .ep_menu div.ep_default, body.ep_jsavailable #body #maincontent #maincontentbox #mainzone .ep_menubox .ep_menufilter .ep_block1col .ep_menu div.ep_default{ color: #999999; } /* MENU SECONDAIRE : Filtre (donnees > selection en mode JS > elements disponibles >> conteneur) */ body.ep_jsavailable #body #maincontent #maincontentbox #menuzone .ep_menubox .ep_menufilter .ep_block1col .ep_menu fieldset, body.ep_jsavailable #body #maincontent #maincontentbox #mainzone .ep_menubox .ep_menufilter .ep_block1col .ep_menu fieldset{ position: absolute; display: block; top: 0; left: 0; width: 100%; min-width: 100%; margin: 0; padding: 0; font-size: 1em; } body.ep_jsavailable #body #maincontent #maincontentbox #menuzone .ep_menubox .ep_menufilter .ep_block1col .ep_menu fieldset.ep_hidden, body.ep_jsavailable #body #maincontent #maincontentbox #mainzone .ep_menubox .ep_menufilter .ep_block1col .ep_menu fieldset.ep_hidden{ left: -10000px; width: 1px; height: 1px; } body.ep_jsavailable #body #maincontent #maincontentbox #menuzone .ep_menubox .ep_menufilter .ep_block1col .ep_menu fieldset .ep_buttons, body.ep_jsavailable #body #maincontent #maincontentbox #mainzone .ep_menubox .ep_menufilter .ep_block1col .ep_menu fieldset .ep_buttons{ position: absolute; display: block; float: none; overflow-x: hidden; overflow-y: auto; z-index: 5; top: 1.2em; left: -2px; width: 100%; max-height: 11em; margin: 8px 0 0 0; padding: 0; background-color: #F1F1F1; border: 1px solid #dddddd; border-top: none; font-size: 1em; } /* MENU SECONDAIRE : Filtre (donnees > selection en mode JS > elements disponibles >> conteneur) */ body.ep_jsavailable #body #maincontent #maincontentbox #menuzone .ep_menubox .ep_menufilter .ep_block1col .ep_menu fieldset legend, body.ep_jsavailable #body #maincontent #maincontentbox #mainzone .ep_menubox .ep_menufilter .ep_block1col .ep_menu fieldset legend{ position: absolute; display: block; overflow: hidden; z-index: 0; width: 15em; height: 1px; margin: 0; padding: 0; background: none; font-size: 0.01em; } /* MENU SECONDAIRE : Filtre (donnees > selection en mode JS > elements disponibles >> lien) */ body.ep_jsavailable #body #maincontent #maincontentbox #menuzone .ep_menubox .ep_menufilter .ep_block1col .ep_menu fieldset input, body.ep_jsavailable #body #maincontent #maincontentbox #mainzone .ep_menubox .ep_menufilter .ep_block1col .ep_menu fieldset input{ position: relative; display: block; overflow: hidden; cursor: pointer; top: 0; left: 0; width: 100%; margin: -1px 0 0 0; padding: 3px 5px; background: none; background-color: #F1F1F1; border-top: 1px solid #FFFFFF; outline: none; font-size: 1.1em; font-weight: normal; text-align: left; text-decoration: none; color: #13334d; } body.ep_jsavailable #body #maincontent #maincontentbox #menuzone .ep_menubox .ep_menufilter .ep_block1col .ep_menu fieldset input:hover, body.ep_jsavailable #body #maincontent #maincontentbox #menuzone .ep_menubox .ep_menufilter .ep_block1col .ep_menu fieldset input:focus, body.ep_jsavailable #body #maincontent #maincontentbox #menuzone .ep_menubox .ep_menufilter .ep_block1col .ep_menu fieldset input:active, body.ep_jsavailable #body #maincontent #maincontentbox #mainzone .ep_menubox .ep_menufilter .ep_block1col .ep_menu fieldset input:hover, body.ep_jsavailable #body #maincontent #maincontentbox #mainzone .ep_menubox .ep_menufilter .ep_block1col .ep_menu fieldset input:focus, body.ep_jsavailable #body #maincontent #maincontentbox #mainzone .ep_menubox .ep_menufilter .ep_block1col .ep_menu fieldset input:active{ text-decoration: underline; } body.ep_jsavailable #body #maincontent #maincontentbox #menuzone .ep_menubox .ep_menufilter .ep_block1col .ep_menu fieldset .ep_selected, body.ep_jsavailable #body #maincontent #maincontentbox #mainzone .ep_menubox .ep_menufilter .ep_block1col .ep_menu fieldset .ep_selected{ font-weight: bold; } /* MENU SECONDAIRE : Filtre (correction des elements en affichage "en ligne") */ #body #maincontent #maincontentbox #menuzone .ep_menubox .ep_menufilter .ep_block1col .ep_columninline, #body #maincontent #maincontentbox #mainzone .ep_menubox .ep_menufilter .ep_block1col .ep_columninline{ float: left; } #body #maincontent #maincontentbox #menuzone .ep_menubox .ep_menufilter .ep_block1col .ep_columninline + .ep_button, #body #maincontent #maincontentbox #mainzone .ep_menubox .ep_menufilter .ep_block1col .ep_columninline + .ep_button{ float: right; } #body #maincontent #maincontentbox #menuzone .ep_menubox .ep_menufilter .ep_block1col .ep_columninline + .ep_button input, #body #maincontent #maincontentbox #mainzone .ep_menubox .ep_menufilter .ep_block1col .ep_columninline + .ep_button input{ top: 3px; /margin-right: 0; } #body #maincontent #maincontentbox #menuzone .ep_menubox .ep_menufilter .ep_block1col .ep_columninline .ep_label, #body #maincontent #maincontentbox #mainzone .ep_menubox .ep_menufilter .ep_block1col .ep_columninline .ep_label{ float: left; } #body #maincontent #maincontentbox #menuzone .ep_menubox .ep_menufilter .ep_block1col .ep_columninline .ep_data, #body #maincontent #maincontentbox #mainzone .ep_menubox .ep_menufilter .ep_block1col .ep_columninline .ep_data{ float: left; left: 12px; margin-left: 0; margin-right: 24px; } #body #maincontent #maincontentbox #menuzone .ep_menubox .ep_menufilter .ep_block1col .ep_columninline .ep_data .ep_field, #body #maincontent #maincontentbox #mainzone .ep_menubox .ep_menufilter .ep_block1col .ep_columninline .ep_data .ep_field{ width: auto; } #body #maincontent #maincontentbox #menuzone .ep_menubox .ep_menufilter .ep_block1col .ep_columninline .ep_label, #body #maincontent #maincontentbox #mainzone .ep_menubox .ep_menufilter .ep_block1col .ep_columninline .ep_label{ padding-top: 5px; } /* MENU SECONDAIRE : Filtre (correction des selecteurs convertis lors de l'affichage en 100%) */ #body #maincontent #maincontentbox #menuzone .ep_menubox .ep_menufilter .ep_block1col .ep_column .ep_menu div.ep_empty, #body #maincontent #maincontentbox #menuzone .ep_menubox .ep_menufilter .ep_block1col .ep_menu div.ep_default, #body #maincontent #maincontentbox #menuzone .ep_menubox .ep_menufilter .ep_block1col .ep_menu div.ep_selected, #body #maincontent #maincontentbox #mainzone .ep_menubox .ep_menufilter .ep_block1col .ep_column .ep_menu div.ep_empty, #body #maincontent #maincontentbox #mainzone .ep_menubox .ep_menufilter .ep_block1col .ep_menu div.ep_default, #body #maincontent #maincontentbox #mainzone .ep_menubox .ep_menufilter .ep_block1col .ep_menu div.ep_selected{ width: auto !important; }