/* Bootstrap fix */ label { font-weight: normal; } #body * { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } #body *:before, #body *:after { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } #body input, #body button, #body select, #body textarea { line-height: normal; } button, input, optgroup, select, textarea { color: #444; } .module_titre_contenu, #body h2, #body h3, #body h4, #body h5, #body h6 { font-weight: bold; line-height: normal; } .module_titre_contenu { font-size: 2em; } #body h2 { font-size: 1.5em; } #body h3 { font-size: 1.17em; } #body h4 { font-size: inherit; } #body h5 { font-size: 0.83em; } #body h6 { font-size: 0.67em; } html, body { margin: 0; padding: 0; height: 100%; width: 100%; } /* Hack pour que les marges restent à l'intérieur de #body */ /* Le border-top donne le layout, et le margin-top le compense */ #body { margin: -1px 0 !important; border-top: 1px solid white; border-bottom: 1px solid white; position: relative; min-height: 100%; min-width: 100%; } /* Disable Webkit or Mozilla design for input elements (eg: iOS buttons) */ input[type=text], input[type=password], input[type=button], input[type=submit], button, textarea { -webkit-appearance: none; -moz-appearance: none; } img { border: 0px; } .icon { vertical-align: middle; } form { margin: 0px; } ol { padding-left: 25px; margin-left: 0px; } object { outline: none; } .flashcontainer { text-align: center; } .flashcontainer div { margin: 0 auto; } .splash, #guided_tour, #help_bubble, .liste_dragsort, .font-reset { font-family: Arial,Helvetica,"Bitstream Vera Sans",sans-serif; font-size: 12px; font-weight: normal; font-style: normal; font-variant: normal; text-decoration: none; text-shadow: none; line-height: normal; } .module_contenu_block { word-wrap: break-word; } /* Textarea du formulaire de commentaires */ .form_cavom { width: 400px; height: 100px; } .comment-reply > a, a.show-replies { color: #208ab4; } .block-reply { border-left: 3px solid #dcdee3; list-style: none; margin-top: 10px; padding-left: 20px; } .block-reply ul.replies { list-style: none; padding-left: 0; } .block-reply .commentbody { padding-left: 0; overflow: auto; } .commentbody .button_tools { float: right; } /* Formulaire de connexion */ #connect_form { width: 200px; margin: 0 auto; } #connect_login { background-image: url(/images/icon_member.png); background-repeat: no-repeat; background-position: left center; padding-left: 18px; width: 150px; } #connect_pass { background-image: url(/images/icon_password.png); background-repeat: no-repeat; background-position: left center; padding-left: 18px; width: 150px; } /* Normalisation des h[0-9] */ #titre_header, #slogan_header, .module_titre_contenu { margin: 0; } #header-link { display: block; height: inherit; width: inherit; cursor: pointer; } /* a[hreflang]:after content: \"\0000a0[\" attr(hreflang) \"]\"; color: #3c879e; */ /* Pagination */ /* WARNING: it overrides Bootstrap .pagination */ .pagination { display: block; margin: 30px 0 0 0; padding: 0; border-radius: 0; } .pagination-num { font-weight: normal; margin: 0 0.5em; } .pagination-current { font-weight: bold; font-size: 120%; margin: 0 0.5em; } .pagination select { margin-left: 1em; } /**********************/ /* Menu-barre du haut */ /**********************/ #menubar { position: fixed; z-index: 99; top: 0; left: 0; width: 100%; height: 26px; background: #f5f5f5 url(/images/menubar/background.png) repeat-x; } #menubar * { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } /* Div en position absolute pour afficher quand m�me le menu en haut de la page sous IE6 */ #menubarabsolute { position: absolute; z-index: 250; top: 0; left: 0; width: 100%; border-bottom: 1px solid #FFF; } #menubarabsolute, #menubarabsolute a { font-family: Arial, Helvetica, "Bitstream Vera Sans", sans-serif; font-size: 12px; font-weight: normal; font-style: normal; font-variant: normal; text-decoration: none; text-align: justify; line-height: normal; text-shadow: none; color: #208ab4; } #menubarabsolute .icon { vertical-align: middle; margin-top: -2px; margin-right: 4px; } #menubar table { float: left; } #menubar_logo { width: 100px; background: url("/images/menubar/buttons_separator.png") no-repeat top right; text-align: center; } #menubar_logo img { margin-top: 2px; } #menubar_info { padding: 0 5px 0 10px; overflow: hidden; word-break: break-all; height: 25px; line-height: 25px; text-align: right; } #menubar_info a { line-height: 25px; font-size: 13px; font-weight: bold; color: #208AB4; text-decoration: underline; } #menubar_info a:hover { font-size: 13px; font-weight: bold; color: #1D6E8E; text-decoration: underline; } /* Boutons pour cacher et afficher la barre de menu */ #menubar_hide { width: 17px; background: url("/images/menubar/hide_show.png") no-repeat; } #menubar_hide:active { background-position: 0 -25px; } #menubar_show { position: fixed; z-index: 99; top: 0; left: 0; border-bottom: 1px solid #d1d1d1; width: 17px; height: 25px; background: url("/images/menubar/hide_show.png") no-repeat -17px 0; } #menubar_show:active { background-position: -17px -25px; } /* Boutons et menus d�roulants */ .menubar_section { cursor: default; background: url("/images/menubar/buttons_separator.png") no-repeat top right; white-space: nowrap; font-weight: bold; } #menubarabsolute .menubar_section > div, #menubarabsolute .menubar_section > a { display: block; height: 26px; line-height: 26px; padding: 0 12px 0 7px; } #menubarabsolute .menubar_section > a { font-weight: bold; } .menubar_section:hover { background: #2089b3 url("/images/menubar/section_hover.png") repeat-x; color: white; } #menubarabsolute .menubar_section > a:hover, #menubarabsolute .menubar_section:hover > a { font-weight: bold; color: white; } .menubar_section:hover ul { display: block; } .menubar_section ul { display: none; position: absolute; top: 26px; list-style-type: none; margin: 0 0 0 -7px; padding: 0; font-weight: normal; } .menubar_section li { cursor: pointer; white-space: nowrap; color: #444444; width: 153px; height: 22px; line-height: 22px; padding: 1px 7px 1px 16px; background: url("/images/menubar/submenu_item.png") no-repeat; } .menubar_section li:hover { color: white; background-position: 0 -24px; } .menubar_section li:last-child { height: 22px; line-height: 22px; padding: 1px 7px 8px 16px; background: url("/images/menubar/submenu_item_last.png") no-repeat; } .menubar_section li:last-child:hover { background-position: 0 -31px; } .menubar_separation { width: 2px; background: #F0F0F0; } .menubar_section .plan_feature:before { content: url("/images/menubar/plan_feature.png"); float: right; margin-top: 2px; margin-right: 4px; } /* Avatar */ #menubar_section_account .icon { width: 19px; height: 19px; } /* Notifications */ #menubar_notifications { color: red; cursor: pointer; } #menubarabsolute #menubar_notifications > div { padding: 0 7px; } #menubar_notifications .icon { margin-top: 0; margin-right: 1px; } #nb_new_notifs { margin: 0 1px 0 -1px; /* Hack to vertical align icon when there is not text */ } #nb_new_notifs:not(:empty) { margin-right: 6px; } #menubar_notifications:hover { color: white; } #notifications_panel { display: none; position: absolute; top: 26px; list-style-type: none; margin: 0 0 0 -7px; padding: 0; } #notifications_panel li { display: block; padding: 0; width: 260px; height: 56px; background: url("/images/menubar/notifs_item.png") no-repeat; } #notifications_panel a { display: block; color: #444444; text-decoration: none; height: 48px; line-height: 16px; padding: 4px 16px; } #notifications_panel li.no-notification a { cursor: default; } #notifications_panel .new_notification { background-position: 0 -56px; } #notifications_panel .notif_msg { display: block; overflow: hidden; white-space: normal; height: 32px; } #notifications_panel .notif_date { color: #999; } #notifications_panel a:hover { color: white; text-decoration: none; } #notifications_panel li:hover { background-position: 0 -112px; } #notifications_panel a:hover .notif_date { color: #ccc; } #notifications_panel li:last-child { text-align: center; height: 35px; line-height: 20px; background-position: 0 -168px; } #notifications_panel li:last-child a { height: 20px; line-height: 20px; padding-bottom: 11px; text-align: center; } #notifications_panel li:last-child:hover { background-position: 0 -203px; } /* Favoris */ #menubar_favorites { background: url("/images/menubar/buttons_separator.png") no-repeat top right; cursor: default; } #menubar_favorites_btn { white-space: nowrap; font-weight: bold; height: 26px; line-height: 26px; padding: 0 5px 0 2px; cursor: pointer; background: url("/images/menubar/icon_nofavorite.png") no-repeat center; width: 25px; } #menubar_favorites_btn:hover { background: url("/images/menubar/icon_favorite.png") no-repeat center #2089b3; color: white; } #menubar_nofavorites_btn { white-space: nowrap; font-weight: bold; height: 25px; line-height: 23px; padding: 0 5px 0 2px; cursor: pointer; background: url("/images/menubar/icon_favorite.png") no-repeat center; width: 25px; } #menubar_nofavorites_btn:hover { background: url("/images/menubar/icon_nofavorite.png") no-repeat center #2089b3; color: white; } /* Formulaire de connexion */ #menubar_signin { font-weight: bold; cursor: default; padding: 0 20px 0 20px; background: url("/images/menubar/buttons_separator.png") no-repeat top right; } #menubar_signin form { margin: 0; padding: 0; } #menubar_signin p { white-space: nowrap; margin: 0; padding: 0; } #menubar_signin_username, #menubar_signin_password { font-family: Arial, Helvetica, "Bitstream Vera Sans", sans-serif; border: 1px solid #E7E7E7; color: #666; font-size: 12px; height: 14px; line-height: 14px; width: 110px; padding: 2px 2px 2px 18px; } #menubar_signin_username { background: #fefefe url(/images/icon_member.png) left center no-repeat; } #menubar_signin_password { background: #fefefe url(/images/icon_password.png?1) left center no-repeat; } #menubar_signin input { vertical-align: middle; } #menubar_signin input[type=submit] { padding: 3px 6px; height: 12px; line-height: 14px; margin: 0; border: 1px solid #ccc; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;; } #menubar_signin input:focus { outline: none; } #menubar_signin .overTxtLabel { color: #bbb; font-size: 12px; font-weight: normal; height: 14px; padding-left: 16px; } /* Boutons */ .menubar_button { cursor: pointer; padding-right: 2px; background: url("/images/menubar/buttons_separator.png") no-repeat top right; white-space: nowrap; font-weight: bold; height: 25px; line-height: 23px; padding: 0 12px 0 7px; } .menubar_button:active { background: url("/images/menubar/button_active.png") repeat-x; } /* Lien ouvrant le formulaire de commentaire */ #addcomment { font-weight: bold; margin-bottom: 10px; } /*** Ic�ne de modification ***/ #background .module_tools_container { position: relative; } #background .module_tools { position: absolute; z-index: 1; right: 2px; top: 2px; } #background .ulmodule_menu .module_tools { padding: 3px; background: white; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } #background .module_tools a, body a.button_tools, #background .module_tools a:hover, body a.button_tools:hover, #background .module_tools a:focus, body a.button_tools:focus, #background .module_tools a:active, body a.button_tools:active { outline: none; text-decoration: none; font-family: Tahoma, Geneva, sans-serif; font-size: 11px; font-weight: normal; font-style: normal; font-variant: normal; line-height: 16px; } body a.button_tools { color: #656565; display: -moz-inline-box; /* FF2 ne connait pas \"inline-block\" */ display: inline-block; padding: 2px 4px 2px 2px; margin: 1px; background-color: #F5F5F5; border: 1px solid #EAEAEA; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } body a.button_tools:hover { color: black; background-color: #F3F3F3; border: 1px solid #D0D0D0; } /* Menu header */ #menu ul { margin: 0px; padding: 0px; list-style-type: none; position: absolute; z-index: 2; display: none; } #menu ul li { float: none; } #menu li:hover ul { display:block; } #menu ul a, #menu ul a:hover { margin: 0; width: auto; } /* Menus (right / left) */ .ulmodule_menu { min-height: 50px; /* Necessary to be able to drag'n'drop a module to an empty menu */ } .module_menu_add_button { position: absolute; z-index: 2; opacity: 0; margin-top: -12px; height: 24px; width: 32px; } .module_menu_add_button div { height: 24px; width: 32px; background: url("/images/menu/icon_add_between.png") no-repeat; } .module_menu_add_button div:hover { cursor: pointer; } .module_menu_add_button.left { margin-left: -32px; } .module_menu_add_button.right div { background-position: -32px 0; } .module_menu_add_popover { list-style-type: none; overflow: auto; background: #f7fbf6; border: 1px solid #73ba5c; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; width: 215px; height: 265px; margin: 0; padding: 0; text-align: left; font-family: Arial, Helvetica, "Bitstream Vera Sans", sans-serif; font-size: 12px; color: #444444; font-weight: normal; font-style: normal; font-variant: normal; text-decoration: none; text-shadow: none; } .module_menu_add_button.left .module_menu_add_popover { position: absolute; left: 2px; -webkit-border-top-left-radius: 0; -moz-border-radius-topleft: 0; border-top-left-radius: 0; } .module_menu_add_button.right .module_menu_add_popover { position: absolute; left: -187px; -webkit-border-top-right-radius: 0; -moz-border-radius-topright: 0; border-top-right-radius: 0; } .edition_block .module_menu_add_popover { display: inline-block; } .module_menu_add_popover li { border-bottom: 1px solid #ddead9; line-height: 20px; margin: 0; padding: 5px; } .module_menu_add_popover li:hover { cursor: pointer; background: #ecf3e9 url("/images/icon_add.png") no-repeat center right; } .module_menu_add_popover li.disabled, .module_menu_add_popover li.disabled:hover { background: #F8F8F8; color: #A7A7A7; } .module_menu_add_popover li a { font-weight: bold; } /* Module de liens dans un menu */ .menu-links-title { font-weight: bold; padding-top: 10px; } .menu-links-title:first-child { padding-top: 0; } /************/ /* Fen�tres */ /************/ .window { position: absolute; font-family: Arial, Helvetica, "Bitstream Vera Sans", sans-serif; font-size: 12px; color: #444444; font-weight: normal; font-style: normal; font-variant: normal; text-decoration: none; text-align: justify; line-height: 1.4em; text-shadow: none; cursor: default; } .window * { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .window_handle { height: 39px; } .window_handle_content { margin: 0 11px 0 11px; background: url("/images/window/window_handle_bg.png") repeat-x; } .window_title { height: 32px; line-height: 32px; padding: 7px 0 0 6px; font-size: 13px; font-weight: bold; color: white; } .window_handle_tools { float: right; width: 26px; padding: 14px 3px 0 0; text-align: right; } .window_handle_tools .window_handle_tools_close { display: -moz-inline-box; display: inline-block; width: 19px; height: 20px; background: url("/images/window/window_tools_close.png") no-repeat; } .window_handle_tools .window_handle_tools_close:hover, .window_handle_tools .window_handle_tools_close:focus { background-position: 0 -20px; outline: none; text-decoration: none; } .window_handle_tools .window_handle_tools_close:active { background-position: 0 -40px; outline: none; text-decoration: none; } .window_handle_left { float: left; height: 39px; width: 11px; background: url("/images/window/window_handle_left.png") no-repeat; } .window_handle_right { float: right; height: 39px; width: 11px; background: url("/images/window/window_handle_right.png") no-repeat; } .window_content_wrapper1 { padding-left: 7px; background: url("/images/window/window_shadow_left.png") repeat-y top left; } .window_content_wrapper2 { padding-right: 7px; background: url("/images/window/window_shadow_right.png") repeat-y top right; } .window_content { padding: 10px 10px 7px 10px; background-color: #fafafa; overflow: auto; } .window_bottom_wrapper1 { padding-left: 10px; background: url("/images/window/window_bottom_left.png") no-repeat top left; } .window_bottom_wrapper2 { padding-right: 10px; background: url("/images/window/window_bottom_right.png") no-repeat top right; } .window_bottom { height: 10px; background: url("/images/window/window_bottom.png") repeat-x; } .window_iframe { position: absolute; z-index: -1; top: 0; left: 0; border: none; overflow: hidden; width: 100%; height: 100%; } .window_resizer_both { position: absolute; bottom: 3px; right: 3px; width: 7px; height: 7px; cursor: se-resize; } .window_resizer_width { position: absolute; top: 7px; bottom: 10px; right: 3px; width: 5px; cursor: e-resize; } .window_resizer_height { position: absolute; left: 7px; right: 10px; bottom: 3px; height: 5px; cursor: s-resize; } .window a { font-family: Arial, Helvetica, "Bitstream Vera Sans", sans-serif; font-size: 12px; color: #37758B; font-weight: normal; font-style: normal; text-decoration: none; font-variant: normal; } .window a:hover, .window a:active, .window a:focus { font-family: Arial, Helvetica, "Bitstream Vera Sans", sans-serif; font-size: 12px; color: #0F536C; font-weight: normal; font-style: normal; text-decoration: underline; font-variant: normal; } .window table { border-collapse: separate; border-spacing: 2px; } .window .largebox { width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } /* Onglets fenêtres */ .window_tabs { padding: 5px 0 0 2px; height: 27px; overflow: hidden; background-color: #dddddd; } .window_tabs span { float: left; _width: 130px; background-color: #f3f3f3; text-decoration: none; font-weight: normal; font-family: Arial, Helvetica, "Bitstream Vera Sans", sans-serif; font-size: 12px; height: 24px; line-height: 24px; margin-top: 3px; margin-left: 5px; padding: 0 10px; display: block; text-align: center; color: #333333; cursor: pointer; -webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px; -moz-border-radius-topleft: 4px; -moz-border-radius-topright: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; -webkit-transition: all 150ms ease-out; -moz-transition: all 150ms ease-out; -ms-transition: all 150ms ease-out; -o-transition: all 150ms ease-out; transition: all 150ms ease-out; } .window_tabs img { vertical-align: middle; } .window_tabs span.window_tab_active { cursor: default; background-color: #fafafa; height: 27px; line-height: 27px; margin-top: 0; } /*** Cache derri�re la fen�tre ***/ .window_cache { background-color: black; position: fixed; top: 0; left: 0; right: 0; bottom: 0; } /* Scrollbars spéciales pour les fenêtres sous Webkit */ .window ::-webkit-scrollbar, .module_menu_add_popover::-webkit-scrollbar { width: 10px; height: 10px; } .window ::-webkit-scrollbar-track-piece, .module_menu_add_popover::-webkit-scrollbar-track-piece { background-color: #EEE; } .window ::-webkit-scrollbar-thumb, .module_menu_add_popover::-webkit-scrollbar-thumb { background-color: #BBB; -webkit-border-radius: 8px; } .window ::-webkit-scrollbar-thumb:hover, .module_menu_add_popover::-webkit-scrollbar-thumb:hover { background-color: #999; } /**** Boutons auto-extensibles avec image pour les fen�tres ****/ .window .button_win, .window input[type=button], .window input[type=submit], .window button { display: inline-block; background: #eee url(/images/window/window_button.png) repeat-x; color: #333333; font-family: Arial, Helvetica, "Bitstream Vera Sans", sans-serif; font-size: 13px; text-decoration: none; height: 14px; line-height: 14px; margin: 0; padding: 2px 10px; border: 1px solid #ccc; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } .window .button_win.largebox, .window input[type=button].largebox, .window input[type=submit].largebox, .window button.largebox { height: 20px; } .window .button_win:hover, .window input[type=button]:hover, .window input[type=submit]:hover, .window button:hover { color: white; font-family: Arial, Helvetica, "Bitstream Vera Sans", sans-serif; font-size: 13px; line-height: 14px; text-decoration: none; border-color: #166a95; background-color: #208ab4; background-position: 0 -19px; } .window .button_win:active, .window input[type=button]:active, .window input[type=submit]:active, .window button:active { color: white; border-color: #166a95; background-color: #235F78; background-position: 0 -38px; outline: none; } .window .button_win:focus, .window input[type=button]:focus, .window input[type=submit]:focus, .window button:focus { border-color: #166a95; outline: none; } .window .button_win .icon, .window input[type=button] .icon, .window input[type=submit] .icon, .window button .icon { vertical-align: top; } /*** Champs de texte dans les fen�tres ***/ .window input, .window textarea, .window select { border-width: 1px; border-style: solid; border-color: #ddd #bbb #bbb #ddd; background-color: white; } .window input:focus, .window textarea:focus, .window select:focus { border-color: #9CB9C7 #166a95 #166a95 #9CB9C7; outline: none; } .window input[type=checkbox], .window input[type=radio] { background-color: transparent; border: none; } /*******************/ /* Listes triables */ /*******************/ .liste_dragsort { list-style-type: none; margin: 0; padding: 0; background-color: #86c0d5; border: 1px solid #86c0d5; } .liste_dragsort li { padding: 2px; border: 1px solid #A9C9CF; background-color: #f2f9fb; } .liste_dragsort li:hover { background-color: #DCF0F4; } /******************/ /* Autocompl�tion */ /******************/ #autocompletion { position: absolute; z-index: 300; } #autocompletion ul { list-style-type: none; margin: 0; padding: 0; border: 1px solid #bbb; background-color: white; } #autocompletion li { cursor: pointer; padding-left: 2px; font-family: Arial, Helvetica, "Bitstream Vera Sans", sans-serif; font-size: 12px; color: #444444; font-weight: normal; font-style: normal; font-variant: normal; text-decoration: none; text-align: justify; line-height: 1.4em; text-shadow: none; } #autocompletion .autocompletion_hover { background-color: #B9DEFA; } /**********/ /* Aide */ /**********/ #help_bubble { display: none; position: absolute; z-index: 301; color: #000; background-color: #FFFFDC; border-style: solid; border-width: 1px; border-top-color: #EEE5B0; border-left-color: #EEE5B0; border-right-color: #D9C968; border-bottom-color: #D9C968; padding: 4px; } .help_content { display: none; } #guided_tour { position: absolute; z-index: 240; top: 0px; left: 0px; width: 300px; } #guided_tour_top { background: url("../images/guided_tour_top.gif") transparent no-repeat; height: 23px; } #guided_tour_bottom { background: url("../images/guided_tour_bottom.gif") transparent no-repeat; height: 11px; } #guided_tour_txt { background: url("../images/guided_tour_bg.gif") #E1EEF4 repeat-y; padding: 0 7px; color: #26587E; } #guided_tour_txt h4 { margin: 0 0 3px 0; font-size: 12px; } #guided_tour_txt table { width: 100%; margin-top: 10px; } #guided_tour_txt a { display: block; margin: 0 auto; width: 80px; height: 20px; line-height: 20px; background: url("../images/guided_tour_btn.png") #3AA2C4 no-repeat; color: white; text-align: center; font-weight: bold; } #guided_tour_txt a:hover, #guided_tour_txt a:active, #guided_tour_txt a:focus { text-decoration: none; background-position: 0px -20px; } /** Colorpicker **/ .window #cp_btn { background-image: none; } .window input.btn_colorpicker, .window input.btn_colorpicker:hover, .window input.btn_colorpicker:active, .window input.btn_colorpicker:focus { width: 40px; height: 19px; padding: 0; vertical-align: middle; cursor: pointer; background-image: url("/images/icon_colorpicker.png"); background-position: 2px center; background-repeat: no-repeat; } /************/ /* Splash */ /************/ .splash { position: absolute; z-index: 400; width: 350px; background-color: #f7fbfd; border: 4px solid #218eb7; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; padding: 20px; cursor: pointer; font-family: Arial, Helvetica, "Bitstream Vera Sans", sans-serif; font-size: 13px; color: #218eb7; font-weight: bold; font-style: normal; font-variant: normal; text-decoration: none; text-align: center; } /***********************/ /* Pr�sentation demo */ /***********************/ #demo-warning { position: absolute; width: 200px; background-color: #DDFFDD; border: 1px solid #AAFFAA; color: #2222FF; font-weight: bold; padding: 10px; top: 22px; right: 0; } #demo-warning a { font-weight: bold; color: #6565FF; text-decoration: none; } #demo-warning a:hover { font-weight: bold; color: #8282FF; text-decoration: underline; } /* Email verification Warning */ .warning-modal { position: absolute; width: 450px; background-color: #FFE7E7; border-bottom: 1px solid #FFD2D2; border-left: 1px solid #FFD2D2; color: #B70606; font-weight: bold; padding: 10px; top: 0; right: 0; -webkit-border-bottom-left-radius: 3px; -moz-border-radius-bottomleft: 3px; border-bottom-left-radius: 3px; } .warning-modal a, .warning-modal a:hover { color: #B70606; font-weight: bold; text-decoration: none; background-color: #FEC3C3; padding: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .warning-modal a:hover { background-color: #C24E4E; color: #FFD4D4; } #email-verification-warning .email { text-decoration: underline; } .warning-modal .close, .warning-modal .close:hover, .warning-modal .close:active { float: right; color: #D1ADAD; font-weight: bold; text-decoration: none; font-family: sans; margin-top: -5px; margin-right: -5px; background: transparent; padding: 0; } /* password protect Warning */ #password-protect-warning{ top:64px; } /************/ /* Articles */ /************/ .article_text { overflow: hidden; /* Permet de terminer les float au sein d'un article */ } /************/ /* Gallery */ /************/ .gallery_info{ margin-top: 10px; } .gallery_contenu{ margin-top: 20px; } .gallery_contenu > table { border-collapse: collapse; text-align: center; width: 100%; } .gallery_contenu > table tr { vertical-align: top; } .gallery_contenu > table td { float: left; padding: 0; } /********/ /* Code */ /********/ .code { border: 1px dashed #ccc; padding: 5px; font-family: Courier New; font-size: 12px; overflow: auto; white-space: nowrap; max-height: 400px; } /************************/ /* Javascript d�sactiv� */ /************************/ #noscript { color: red; text-align: center; font-size: 14px; font-weight: bold; background-color: white; border: 2px solid red; width: 600px; position: absolute; top: 0px; } /** D�tection des sites visit�s **/ a.test_visited { display: block; } a.test_visited:visited { display: none; } /** * SqueezeBox - Expandable Lightbox * * Allows to open various content as modal, * centered and animated box. * * @version 1.1 rc4 * * @license MIT-style license * @author Harald Kirschner * @copyright Author */ #sbox-overlay { position: absolute; background-color: #000; left: 0px; top: 0px; zoom: 1; } #sbox-window { position: absolute; background-color: #fff; /*text-align: left;*/ overflow: visible; padding: 10px; /* invalid values, but looks smoother! */ -moz-border-radius: 3px; -webkit-border-radius: 3px; } #sbox-btn-close { position: absolute; width: 30px; height: 30px; right: -15px; top: -15px; background: url("/images/squeezebox/closebox.png") no-repeat center; border: none; } .sbox-window-ie6 #sbox-btn-close { background-image: url("/images/squeezebox/closebox.gif"); } .sbox-loading #sbox-content { background-image: url("/images/squeezebox/spinner.gif"); background-repeat: no-repeat; background-position: center; } #sbox-content { clear: both; overflow: auto; background-color: #fff; height: 100%; width: 100%; } .sbox-content-image#sbox-content { overflow: visible; } #sbox-image { display: block; } .sbox-content-image img { display: block; width: 100%; height: 100%; } .sbox-content-iframe#sbox-content { overflow: visible; } /* Hides scrollbars */ .body-overlayed { overflow: hidden; } /* Hides flash (Firefox problem) and selects (IE) */ .body-overlayed embed, .body-overlayed object, .body-overlayed select { visibility: hidden; } #sbox-window embed, #sbox-window object, #sbox-window select { visibility: visible; } /* Shadows */ .sbox-bg { position: absolute; width: 33px; height: 40px; } .sbox-bg-n { left: 0; top: -40px; width: 100%; background: url("/images/squeezebox/bg_n.png") repeat-x; } .sbox-bg-ne { right: -33px; top: -40px; background: url("/images/squeezebox/bg_ne.png") no-repeat; } .sbox-bg-e { right: -33px; top: 0; height: 100%; background: url("/images/squeezebox/bg_e.png") repeat-y; } .sbox-bg-se { right: -33px; bottom: -40px; background: url("/images/squeezebox/bg_se.png") no-repeat; } .sbox-bg-s { left: 0; bottom: -40px; width: 100%; background: url("/images/squeezebox/bg_s.png") repeat-x; } .sbox-bg-sw { left: -33px; bottom: -40px; background: url("/images/squeezebox/bg_sw.png") no-repeat; } .sbox-bg-w { left: -33px; top: 0; height: 100%; background: url("/images/squeezebox/bg_w.png") repeat-y; } .sbox-bg-nw { left: -33px; top: -40px; background: url("/images/squeezebox/bg_nw.png") no-repeat; } /*** Dislaimer ***/ #disclaimer-cache { position: fixed; left: 0; top: 0; height: 100%; width: 100%; z-index: 10001; background-color: black; opacity: 0.75; } #disclaimer-iframe { position: fixed; left: 0; top: 0; height: 100%; width: 100%; z-index: 10000; opacity: 0; } #disclaimer-content { position: fixed; left: 50%; top: 50%; z-index: 10002; width: 460px; margin-left: -230px; margin-top: -260px; padding: 17px; border: 4px solid #636363; color: black; background-color: white; font-family: Arial, Helvetica, sans-serif; font-size: 12px; } #disclaimer-content h1 { font-size: 24px; color: #A52A2A; margin: 0 0 15px 0; line-height: 24px; } #disclaimer-content ul { margin: 5px 0 5px 20px; padding: 0; } #disclaimer-content li { margin: 1px 0; padding: 0; } #disclaimer-content p { text-align: center; margin-bottom: 0; } #disclaimer-content .link_enter { font-size: 24px; font-weight: bold; color: #E42B73; } #disclaimer-content .link_enter:hover { color: #AC104D; } #disclaimer-content .link_leave { font-size: 24px; font-weight: bold; color: #ADADAD; } #disclaimer-content .link_leave:hover { color: #5F5F5F; } #disclaimer-content a { color: #444444; text-decoration: underline; } #disclaimer-content a:hover { color: #636363; text-decoration: underline; } /* Liens article pr�c�dent suivant */ .article_nextprev { margin: 10px 0; overflow: hidden; } .article_prev { float: left; text-align: left; } .article_next { float: right; text-align: right; } /* Tags clouds */ .tagcloud-tag-1, .tagcloud-tag-1:hover, .tagcloud-tag-1:active, .tagcloud-tag-1:focus { font-weight: bold; } .tagcloud-tag-1.tagcloud-tag-color, .tagcloud-tag-1.tagcloud-tag-color:hover, .tagcloud-tag-1.tagcloud-tag-color:active, .tagcloud-tag-1.tagcloud-tag-color:focus { color: red; } .tagcloud-tag-2, .tagcloud-tag-2:hover, .tagcloud-tag-2:active, .tagcloud-tag-2:focus { font-style: normal; } .tagcloud-tag-2.tagcloud-tag-color, .tagcloud-tag-2.tagcloud-tag-color:hover, .tagcloud-tag-2.tagcloud-tag-color:active, .tagcloud-tag-2.tagcloud-tag-color:focus { color: green; } .tagcloud-tag-3, .tagcloud-tag-3:hover, .tagcloud-tag-3:active, .tagcloud-tag-3:focus { } .tagcloud-tag-3.tagcloud-tag-color, .tagcloud-tag-3.tagcloud-tag-color:hover, .tagcloud-tag-3.tagcloud-tag-color:active, .tagcloud-tag-3.tagcloud-tag-color:focus { color: blue; } /* Forum */ .forum_table td, .topic_table td, .post_table td { vertical-align: top; } .post_table_profile img{ margin-top: 2px; } .post_table .edition_block { float: right; } .post_table_msg { overflow: hidden; } .post_table_msg img { max-width: 100%; } .error_topic { color: red; font-size: 14px; font-weight: bold; } .ok_topic { color: green; font-size: 14px; font-weight: bold; } .tag { font-weight: bold; padding: 2px; border: 1px solid grey; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; font-size: 10px; font-family: Arial, Helvetica, sans-serif; } .tag-resolved { background-color: green; color: white; border: 1px solid green; } .tag-ontop { background-color: #d4bb42; color: white; border: 1px solid #d4bb42; } .tag-staff { background-color: #E99312; color: white; border: 1px solid #E99312; } /* Upload Bar */ .progress-container { border: 1px solid #CCC; margin: 5px 5px; padding: 1px; background: white; } .progress-container div { height: 20px; line-height: 20px; text-align: right; width: 0; background-color: #B9DEFA; background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.41, rgb(185,222,250)), color-stop(0.73, rgb(235,245,250)) ); background-image: -moz-linear-gradient( center bottom, rgb(185,222,250) 41%, rgb(235,245,250) 73% ); } .progress-container span { padding-right: 5px; } /* Boutons de partage */ .article_sharebtns { overflow: hidden; } .article_sharebtns > * { float: left; margin: 5px; } /* Formulaire de contact */ #formcontact p { margin: 0; } #formcontact label { display: block; width: 100%; } #formcontact input[type=text] { width: 250px; } #formcontact textarea { width: 500px; max-width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } /* Profile */ #background .profile-btn-unfollow, .window .profile-btn-unfollow { background: #D1DFD0; border-color: #9FC99A; } /* Module Derniers visiteurs */ .menu-lastvisitors-avatar { width: 48%; max-width: 100px; min-width: 30px; } /* Categorization panel */ #categorization-panel { position: fixed; z-index: 10000000000; /* very high, to display above possible spam contents */ top: 30px; right: 4px; padding: 10px; width: 180px; font-family: sans-serif; font-size: 12px; color: #444; cursor: default; background: #eee; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } #categorization-panel h1 { margin: 0; font-size: 1.2em; } #categorization-panel p { overflow: hidden; margin: 10px 0 0 0; } #categorization-panel label { float: left; display: block; width: 90px; height: 20px; line-height: 20px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; cursor: pointer; } .categorization-choice-0 { background-color: #C1EABF; } .categorization-choice-1 { background-color: #F5BFBF; } .categorization-quality { height: 20px; line-height: 20px; } .categorization-quality span { display: block; float: left; width: 60px; height: 20px; padding: 0 3px; margin-right: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .categorization-quality-0 { background-color: #EA6868; } .categorization-quality-1 { background-color: #F5BFBF; } .categorization-quality-2 { background-color: #C1EABF; } .categorization-quality-3 { background-color: #5DDC57; } .categorization-quality input { margin: 3px 0 0px 0; cursor: pointer; } #categorization-thematic { width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } #categorization-panel table { width: 100%; border-collapse: collapse; border-spacing: 0; margin: 10px 0 0 0; } .categorization-td-small { width: 1px; } .categorization-td-small input { margin: 0; } #categorization-save-ok { display: none; text-align: center; color: green; } #categorization-save-error { display: none; text-align: center; color: red; } .categorization-part-error { border: 1px solid red; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .adunit { padding: 20px 0; text-align: center; } .adunit > iframe, .adunit > object, .adunit > a > img { display: block; margin: 0 auto; } .double-ads { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; } .double-ads > .adunit { flex: 0 0 auto; padding: 20px; } .wysiwyg-loading { position: absolute; padding: 10px; background: #fdfdfd; color: #666; font-size: 15px; font-weight: bold; border-right: 2px solid #ddd; border-bottom: 2px solid #ddd; -webkit-border-bottom-right-radius: 8px; -moz-border-radius-bottomright: 8px; border-bottom-right-radius: 8px; } /*** CeraBox ***/ #cerabox-loading { position: fixed; top: 50%; left: 50%; width: 40px; height: 40px; margin-top: -20px; margin-left: -20px; cursor: pointer; overflow: hidden; z-index: 1106; display: none; -webkit-transform: scale(1); -webkit-transform-origin: 50% 50%; transform: scale(1); transform-origin: 50% 50%; } #cerabox-loading div { position: absolute; top: 0; left: 0; width: 40px; height: 480px; background-image: url("../js/addons/cerabox/img/cerabox.png"); } #cerabox-background { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1100; display: none; background: #000; opacity: .5; } #cerabox { position: absolute; top: 50%; left: 50%; z-index: 1101; display: none; opacity: 0; background: #fff; -webkit-transform: scale(1); -webkit-transform-origin: 0 0; transform: scale(1); transform-origin: 0 0; } #cerabox .cerabox-content { width: 100%; height: 100%; padding: 0; outline: none; position: relative; overflow: hidden; z-index: 1102; border: 0px solid #fff; /*CSS3*/ -moz-box-shadow: 0 0 30px -5px #333; -webkit-box-shadow: 0 0 30px -5px #333; box-shadow: 0 0 30px -5px #333; } #cerabox span.cerabox-error, #cerabox .cerabox-title span { padding: 10px; display: block; font-family: Helvetica; font-size: 12px; color: #000; line-height: normal; } #cerabox span.cerabox-error { text-align: justify; } #cerabox .cerabox-title span { display: none; color: #fff; } #cerabox .cerabox-title { z-index: 1102; position: absolute; bottom: 0; left: 0; color: #FFF; text-align: left; background: #000; background: rgba(0,0,0,.8); width: 100%; -webkit-transform: scale(1); -webkit-transform-origin: 0 100%; transform: scale(1); transform-origin: 0 100%; } #cerabox .cerabox-close { position: absolute; top: -20px; right: -20px; width: 40px; height: 40px; background: url('../js/addons/cerabox/img/cerabox.png') -42px 0px no-repeat; cursor: pointer; z-index: 1105; -webkit-transform: scale(1); -webkit-transform-origin: 100% 0; transform: scale(1); transform-origin: 100% 0; } #cerabox .cerabox-content img.ceraImage { float: left; width: 100%; height: 100%; padding: 0; margin: 0; border: none; outline: none; line-height: 0; vertical-align: top; } #cerabox .cerabox-content iframe.ceraIframe { width: 100%; height: 100%; border: none; display: block; } #cerabox a.cerabox-left, #cerabox a.cerabox-right { position: absolute; bottom: 0px; height: 100%; width: 35%; cursor: pointer; outline: none; background: transparent url('../js/addons/cerabox/img/blank.gif'); z-index: 1104; display: none; } #cerabox a.cerabox-left { left: 0px; -webkit-transform: scale(1); -webkit-transform-origin: 0 50%; transform: scale(1); transform-origin: 0 50%; } #cerabox a.cerabox-right { right: 0px; -webkit-transform: scale(1); -webkit-transform-origin: 100% 50%; transform: scale(1); transform-origin: 100% 50%; } #cerabox a.cerabox-left span, #cerabox a.cerabox-right span { position: absolute; top: 50%; /*left: -9999px;*/ width: 40px; height: 40px; margin-top: -20px; cursor: pointer; z-index: 1104; display: block; } #cerabox a.cerabox-left:hover span, #cerabox.mobile a.cerabox-left span { background-image: url('../js/addons/cerabox/img/cerabox.png'); background-position: -42px -40px; background-repeat: no-repeat; left: -20px; } #cerabox a.cerabox-right:hover span, #cerabox.mobile a.cerabox-right span { background-image: url('../js/addons/cerabox/img/cerabox.png'); background-position: -42px -80px; background-repeat: no-repeat; right: -20px; } #cerabox .cerabox-content-protection { display: none; position: absolute; background: transparent url('../js/addons/cerabox/img/blank.gif'); z-index: 1103; left: 0; right: 0; bottom: 0; top: 0; -moz-user-select: none; -khtml-user-select: none; user-select: none; } /*IE6*/ #cerabox-loading.ceraboxbox-ie6 { position: absolute; margin-top: 0; top: expression( (-20 + (document.documentElement.clientHeight ? document.documentElement.clientHeight/2 : document.body.clientHeight/2 ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop )) + 'px'); } /*Mobile*/ #cerabox.mobile { /*width: 100% !important; height: 100% !important;*/ background: #000; } #cerabox.mobile .cerabox-content { background: #fff; /*CSS3*/ -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } #cerabox.mobile .cerabox-content :first-child { background: #fff; } #cerabox.mobile .cerabox-close { top: 2px !important; right: 0 !important; } #cerabox.mobile a.cerabox-left span { left: 0 !important; } #cerabox.mobile a.cerabox-right span { right: 0 !important; } #cerabox.mobile a.cerabox-left, #cerabox.mobile a.cerabox-right { width: 10%; } /* @2x -------------------------------------------------------------------------------*/ @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) { #cerabox-loading div, #cerabox .cerabox-close, #cerabox a.cerabox-left:hover span, #cerabox.mobile a.cerabox-left span, #cerabox a.cerabox-right:hover span, #cerabox.mobile a.cerabox-right span { /* Reference the @2x Sprite */ background-image: url('../js/addons/cerabox/img/cerabox@2x.png'); /* Translate the @2x sprite's dimensions back to 1x */ background-size: 82px auto; } } /*** Cookie Info ***/ #cookie-info { position: fixed; bottom: 0; z-index: 200000; overflow: hidden; background: #909090; width: 100%; } #cookie-info button { border: 1px solid #9E9E9E; cursor: pointer; color: #fff; font-size: 14px; float: right; margin: 3px 4px 0; padding: 1px 6px; height: 24px; background: #717070; } #cookie-info button:hover { background: #595959; } #cookie-info a { color: #f5bfbf; font-family: sans-serif; font-size: 12px; text-align: center; text-shadow: none; text-decoration: none; } #cookie-info a:hover { text-decoration: underline; } #cookie-info p { margin: 6px 0; padding: 0 20px; color: #FFF; font-family: sans-serif; font-size: 12px; text-align: center; text-shadow: none; } /*** Cookie Info END ***/ /*** Advertising partnership notice ***/ #ad-partner-notice { cursor: default; line-height: normal; margin-left: -80px; margin-top: 30px; padding: 10px; position: absolute; width: 300px; white-space: normal; } #ad-partner-notice .close { margin-right: -5px; margin-top: -10px; } #ad-partner-notice .arrow { background: url('../images/menubar/arrow.png') no-repeat scroll 0 0 transparent; height: 50px; left: 128px; position: absolute; top: -38px; width: 50px; } /*** Advertising partnership notice END ***/ /*** Download link box BEGIN ***/ #download-box { text-align: center; } #download-box p { margin-bottom: 40px; } /*** Download link box END ***/ #breadcrumb { margin-bottom: 10px; } .adikteev-tag { margin: 0 auto; max-width: 600px; } .adikteev-tag > .ak-branded-moment.ak-web.ak-incontent.ak-story { clear: none; } #taboola-above-article-thumbnails---header { clear: none; }