/** ***************************************************** **/ /** ************************ TITLES ********************* **/ /** ***************************************************** **/ .title1 { color: #165076; font-weight: bold; font-size: 15px; } .title2 { color: #165076; font-weight: bold; } /** ***************************************************** **/ /** ********************** CONTAINER ******************** **/ /** ***************************************************** **/ .containerLinkLogoEther { position: absolute; top: 0; left: 127px; width: 10px; height: 99px; background-image: url("../images/link_logo_Ether.png"); background-repeat: repeat-y; } .containerLogoEther { position: absolute; top: 100px; left: 50px; -moz-border-radius: 4px 4px 4px 4px; -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.3); -webkit-border-radius: 4px 4px 4px 4px; -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.3); width: 80px; height: 80px; padding: 15px; } .containerSmallLogoEther { float: right; margin-right: 15px; } .containerMegapoli { -moz-border-radius: 4px 4px 4px 4px; -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.3); -webkit-border-radius: 4px 4px 4px 4px; -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.3); width: 980px; float: left; margin-bottom: 10px; } .containerTitle { /*background: url("../images/nuage_bleu.png") no-repeat scroll 0 0 transparent;*/ font-size: 20px; color: #165076; font-weight: bold; float: left; margin-top: 9px; padding-left: 177px; } .containerLogo { -moz-border-radius: 4px 4px 4px 4px; /*-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);*/ -webkit-border-radius: 4px 4px 4px 4px; float: left; margin-bottom: 10px; margin-right: 20px; padding-left: 30px; width: 120px; top: -32px; position: relative; } .containerUserLogout { float: left; margin-right: 5px; } .containerImgLogout { float: right; position: relative; top: 13px; } .containerNav { -moz-border-radius: 4px 4px 4px 4px; -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.3); -webkit-border-radius: 4px 4px 4px 4px; -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.3); float: left; position: relative; width: 334px; height: 31px; color: #04155D; top: 4px; margin-bottom: 20px; /*margin-right: 15px;*/ padding-top: 6px; padding-left: 10px; font-size: 11px; } .containerMenu { float: right; } .containerTitleContentBorder { float: left; position: relative; height: 2px; border-bottom: 10px solid white; z-index: 1; left: -10px; width: 810px; } .containerTitleContent { -moz-border-radius: 4px 4px 0 0; -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); -webkit-border-radius: 4px 4px 0 0; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); background-image: url("../images/fond_bleu2.png"); background-repeat: repeat-x; float: left; position: relative; width: 800px; height: 26px; color: #165076; font-weight: bold; padding-left: 10px; padding-top: 4px; } .containerCenter { -moz-border-radius-topright: 0; -webkit-border-radius: 0; /*#E8EFF3*//* #618EAC*/ background: -moz-linear-gradient(white, #E8EFF3); background: -webkit-linear-gradient(white, #E8EFF3); min-height: 400px; text-align: justify; position: relative; top: -32px; padding: 10px; width: 960px; } .containerCenterContent { padding: 10px; } .containerBottom { background-image: url("../images/elements/button_middle_3.png"); background-repeat: repeat-x; color: #FFFFFF; height: 26px; padding-right: 10px; position: relative; top: -32px; width: 972px; } .containerErrors, #errors { background: #FEF1EC; -moz-border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px; border: 1px solid #CD0A0A; color: #CD0A0A; padding: 10px; margin: 10px; } .containerErrors { display: none; } .containerInfos { background: url("images/ui-bg_glass_95_fef1ec_1x400.png") repeat-x scroll 50% 50% #F0FFF0; -moz-border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px; border: 1px solid #529214; color: #529214; padding: 10px; margin: 10px; display: none; } .containerElement { color: #6178BC; } .containerElement:hover { -moz-border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px; text-decoration: none; background: #70739C; color: #FFFFFF; } .containerElement_plateform { width: 84px; float: left; } #containerMobilePlateforms .containerElement_main_plateform .containerElement_plateform:hover { -moz-border-radius: 4px 0 0 4px; -webkit-border-radius: 4px 0 0 4px; } .containerElement_plateform_dates { display: none; -moz-border-radius: 0 4px 4px 4px; -webkit-border-radius: 0 4px 4px 4px; background: #70739C; color: white; float: left; } .containerElement_main_plateform { float: left; width: 900px; } #containerMobilePlateforms { padding-bottom: 117px; } /** ***************************************************** **/ /** ************************ SLIDES ********************** **/ /** ***************************************************** **/ .containerSlide { position: absolute; top: 300px; } .containerSlideContent { float: left; min-height: 200px; -moz-border-radius: 4px 4px 0 0; -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); -webkit-border-radius: 4px 4px 0 0; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); margin-right: 1px; display: none; background-color: white; padding: 18px 36px 10px; } .containerSlideContent2 { padding-left: 10px; } .containerSlideButton { float: left; -moz-border-radius: 4px; -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); -webkit-border-radius: 4px; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); } .containerSlideButtonMentions { margin-top: 51px; } .containerSlideButtonInfos { margin-top: 102px; } /*#hideSlide {*/ /*background-image: url("../images/utils/toggle_up_dark.png");*/ /*height: 13px;*/ /*width: 13px;*/ /*margin-top: -10px;*/ /*}*/ #creditSlide { z-index: 2; } #mentionSlide { z-index: 1; } #infoSlide { z-index: 0; } #slideContentCredits { width: 700px; } #slideContentMentions { width: 300px; } #slideContentInfos { width: 550px; } /** ***************************************************** **/ /** ************************ OTHER ********************** **/ /** ***************************************************** **/ #tools .complexButton { float: right; } .colborder { border-right: 1px solid #96A1BA; margin-right: 15px; padding-right: 29px; } .mainContent { padding: 15px; } .roundTable { -moz-border-radius: 4px; -webkit-border-radius: 4px; border: 1px solid; width: 100%; } .smallRoundTable { -moz-border-radius: 4px; -webkit-border-radius: 4px; border: 1px solid; } .divMenu_arrow, .divMenu_arrow.deployed, .divMenu_arrow_left, .divMenu_arrow_left.deployed { height: 13px; width: 13px; position: relative; float: right; top: -17px; } .divMenu_arrow, .divMenu_arrow_left { background-image: url("../images/utils/toggle_down_dark.png"); } .divMenu_arrow_left, .divMenu_arrow_left.deployed { float: left; top: 4px; margin-left: -19px; } .divMenu_arrow.deployed, .divMenu_arrow_left.deployed { background-image: url("../images/utils/toggle_up_dark.png"); } .divMenu_content { display: none; } .parameter_name_subMenu, .parameter_name_subMenu:hover { position: relative; margin-left: 10px; margin-right: 10px; } .parameter_name_subMenu:hover { -moz-border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px; background-color: #DDEEF6; } .plateform_selected, .plateform_selected:hover, .parameter_selected, .parameter_selected:hover { -moz-border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px; background: #70739C; color: #E1DEF1; text-decoration: none; } /** ***************************************************** **/ /** ************************ PAGES ********************** **/ /** ***************************************************** **/ #title_tools, #title_tools .links li a { height: 39px; } #title_tools { font: 12px/18px Trebuchet MS, Arial, san-serif; margin: 18px auto 12px; position: relative; } #level2 .title { color: #165076; font-weight: bold; padding: 0.5em; } .level2_more { padding-bottom: 16px; } .elementExtract { position: relative; top: -2px; } .jeuxElement { position: relative; float: left; margin-left: 30px } #level1 { margin-bottom: 20px; } #level2 { margin-left: 20px; } #level2 table { border: 0 none; padding: 0; text-align: left; width: 100%; } #level2 th { background-color: #E9E6D9; color: #596F80; text-align: center; } #level2 td { vertical-align: top; } table .pair, table .pairTable { background-color: #F5F3EC; } table .impair, table .impairTable { background-color: #FFFDF6; } .dataProtocolButton { margin-left: 51px; } .dataProtocolDownloadButton { float: right; } .dataProtocolCheckbox, .dataProtocolCheckboxText { float: left; margin-left: 3px; margin-top: 7px; } .dataProtocolCheckboxText { margin-top: 4px; } .parameterElement, .plateformElement { margin-left: 50px; margin-right: 50px; } .loadingForParameters_meta, .loadingForPlateforms_meta { margin: auto; }