/******************************************************************************************************************************************************************************** ********************* I M P O R T ***************** /********************************************************************************************************************************************************************************/ @import url("reset.css"); @import url("wysiwyg.css"); @import url("external.css"); @import url("nextgen.css"); /******************************************************************************************************************************************************************************** ********************* F O N T F A C E ***************** /********************************************************************************************************************************************************************************/ .title-01, .title-01 .subtitle-01, .title-01 .subtitle-02, .title-02 .subtitle-01, .title-03, .title-03 .subtitle-01, .title-06, .title-06 .subtitle-01, .title-07, .title-07 .subtitle-01, .title-08, .title-08 .subtitle-01, .title-08 .subtitle-02, .title-09, .title-09 .subtitle-01, .title-10, .title-10 .subtitle-01,#masterloader .subtitle, #global-bs .sheet .btn_back, #global-bs .sheet .case-04 h4 { font-family: "proxima-nova-extra-condensed-1","proxima-nova-extra-condensed-2",sans-serif; } /******************************************************************************************************************************************************************************** ********************* M A S T E R I N G ***************** /*******************************************************************************************************************************************************************************/ #global { height:100%; position:relative; width:100%; overflow: hidden; } .wrapper{ margin:0 auto; overflow:hidden; position:relative; text-align:center; width:1100px; } #masterloader { background-color:black; height:100%; left:0; margin: 0; overflow: hidden; padding: 0; position: absolute; top:0; width: 100%; z-index:600; } #masterloader .batch { background:url('../gene/image/common/logo/logo_UN_03.png') top center no-repeat black; height:200px; left:50%; margin: -100px 0 0 -160px; overflow: hidden; padding: 0; position: absolute; top:50%; width:320px; } #masterloader .batch .title { border-bottom:1px solid #666; border-top:1px solid #666; color: white; font-family:"Times New Roman", Times, serif; font-weight:normal; font-size: 1.4em; letter-spacing:.15em; margin:110px 0 0 0; padding: 8px 0; position: relative; text-align: center; text-transform: uppercase; } #masterloader .batch .subtitle { color: white; font-weight: 300; font-size: 1.8em; margin:15px 0 0 0; position: relative; text-align: center; text-transform: uppercase; visibility:hidden; } #coreloader { height:110px; left:0; margin: 0; overflow: hidden; padding: 0; position: absolute; top:0; width: 110px; z-index:1000; } #coreloader #cl-content { height: 110px; overflow: hidden; position: relative; width: 110px; } /* ULTRANOIR */ #global-un { background-color:white; height:100%; left:0; overflow:hidden; position:absolute; top:0; width:100%; } #global-un #un-case0, #global-un #un-case1, #global-un #un-case2, #global-un #un-case3, #global-un #un-case4, #global-un #un-case5, #global-un #un-case6, #global-un #un-case7, #global-un #un-case8, #global-un #un-notfound { height:100%; left:-40000px; overflow: hidden; position:absolute; top:0; width:100%; } #global-un #un-case6 { height: 100%; margin: 0; /*overflow:auto;*/ overflow:hidden; position: relative; width: 100%; } #un-case2,#un-case5,#un-case4,#un-case6 { background-color:white; } #un-case0 { background: transparent; height: 100%; margin: 0; overflow: hidden; position:absolute; width: 100%; z-index: 900; } #un-case1 { height: 100%; margin: 0; overflow: hidden; position:absolute; width: 100%; } #un-case3 { background-color:#000; height: 100%; left:0; margin: 0; position: absolute; top:0; width: 100%; } #un-case4 { background-color: white; height: 100%; margin: 0; position: relative; width: 100%; } #un-case5 { height: 100%; margin: 0; position: relative; width: 100%; } #un-case7 { background-color:#000; height: 100%; margin: 0; position: relative; width: 100%; } #un-case8 { height: 100%; margin: 0; position: relative; width: 100%; } #un-notfound { height: 100%; margin: 0; position: relative; width: 100%; } /* BLOG */ #global-bs { height:100%; left:0; margin:0; overflow:hidden; position:absolute; top:0; width:100%; } #global-bs #bs-home, #global-bs #bs-sheet, #global-bs #bs-archive { height:100%; left:0; overflow: auto; position:absolute; top:0; width:100%; z-index : 50; } /*#global-bs #bs-home { z-index : 50;} #global-bs #bs-sheet { z-index : 40;} #global-bs #bs-archive { z-index : 30;}*/ /* ICONS */ .icon-01{ height:66px; position:absolute; right:0; top:0; width:66px; z-index:1000; } /* VIDEO */ #mastervideo { background: black; height:100%; left:0; margin: 0; overflow: hidden; padding: 0; position: absolute; top:0; width: 100%; z-index:600; } #mastervideo video { height:auto; width:100%; position:relative; z-index:600; } #mastervideo object { height:100%; width:100%; position:relative; z-index:600;} #mastervideo .fitter { height:100%; margin:0; overflow:hidden; position:relative; } #mastervideo .skipper { color:white;font-family: "proxima-nova-extra-condensed-1","proxima-nova-extra-condensed-2",sans-serif; font-size: 1.6em; font-style: normal; font-weight: 700; line-height: 1em; position: absolute; text-transform: uppercase; top:20px; visibility: hidden; right:20px; z-index: 700; } #mastervideo .button { color:white; } #mastervideo .button:hover { text-decoration: underline; } /******************************************************************************************************************************************************************************** ********************* M A I N N A V ***************** /*******************************************************************************************************************************************************************************/ #main-menu{ background:url(../gene/image/common/bg/pixel_black80.png) 0 0 repeat; bottom:0; color:white; height:50px; left:0; overflow:hidden; position:absolute; width:100%; z-index:500; } #main-menu .bg{ background-color:#000; height:50px; left:0; position:absolute; top:0; visibility:hidden; width:100%; z-index:1; } #main-menu #lang, #main-menu #nav{ list-style:none; overflow:hidden; } #main-menu #lang > li, #main-menu #nav > li{ background: url(../gene/image/common/main_nav/bg-main_nav_item3.png) 0 0 repeat-x; display:inline-block; float:left; font-family: "proxima-nova-extra-condensed-1","proxima-nova-extra-condensed-2",sans-serif; font-size:2.2em; font-style:normal; font-weight:300; line-height:5em; text-transform:uppercase; } #main-menu #nav > li > a, #main-menu #nav .followUs .content > a{ color:white; display:block; float:left; line-height:48px; height:50px; padding:0 18px; position: relative; } /*#main-menu #nav > li > a:hover{ color:black; }*/ #main-menu #nav > .active{ background-color:#fff; color:#000; } #main-menu #nav .active > a, #main-menu #nav .first.active > a{ background:#fff none; color:black; } #main-menu #nav > .active > a:hover{ color:black; } #main-menu #nav .separator{ background:url(../gene/image/common/main_nav/separator-main_nav2.jpg) left 17px no-repeat; height:50px; width:1px;} #main-menu #nav .first { } #main-menu #nav .first > a{ padding: 0 18px 0 24px; } /* LANG MENU */ #main-menu #lang{ left:15px; position:absolute; top:0; } #main-menu #lang > .first > a, #main-menu #nav > .first a{ background:0 none; } /* NAV MENU */ #main-menu #nav{ display:inline-block; left:0; margin:0; padding:0; position:absolute; top:0; text-align:left; z-index:2; } /* SUIVEZ NOUS ROLLOVER */ #main-menu #nav .followUs{ overflow:hidden; position:relative; } #main-menu #nav .followUs .content > a{ float:left; } #main-menu #nav .followUs .content > a span{ display:block; } #main-menu #nav .followUs .content{ overflow:hidden; position:relative; width: 120px; /*width:290px;*/ } /*.csstransitions #main-menu #nav .item, #main-menu #nav .followUs{ -webkit-transition:background-position .3s; -moz-transition:background-position .3s; -ms-transition:background-position .3s; -o-transition:background-position .3s; transition:background-position .3s; }*/ /*.csstransitions #main-menu #nav .item:hover, #main-menu #nav .followUs:hover{ background-position: bottom left; }*/ ul.nav_network { left: 120px; list-style:none outside none; margin:10px 18px 0 0; overflow:hidden; padding:0; position: absolute; top: 0; width: 150px; } ul.nav_network li { display:block; float:left; margin:0 5px 0 0; padding:0; } ul.nav_network li a { display:block; height:31px; margin:0; overflow:hidden; padding:0; position:relative; width:31px; } .follow-link { position: relative; } ul.nav_network li a span { height:100%; left:0; margin:0; overflow:hidden; padding:0; position:absolute; top:0; width:100%; } ul.nav_network a.twitter { background:url(../gene/image/common/logo/nav_twitter2.gif) no-repeat scroll 0 0px transparent; opacity:1;} ul.nav_network a.twitter:hover { background:url(../gene/image/common/logo/nav_twitter2.gif) no-repeat scroll 0 0 transparent; } ul.nav_network a.twitter span { background:url(../gene/image/common/logo/nav_twitter2.gif) no-repeat scroll 0 -31px transparent; } ul.nav_network a.facebook { background:url(../gene/image/common/logo/nav_facebook2.gif) no-repeat scroll 0 0px transparent; opacity:1;} ul.nav_network a.facebook span { background:url(../gene/image/common/logo/nav_facebook2.gif) no-repeat scroll 0 -31px transparent; } ul.nav_network a.flickr { background:url(../gene/image/common/logo/nav_flickr2.gif) no-repeat scroll 0 0px transparent; opacity:1;} ul.nav_network a.flickr span { background:url(../gene/image/common/logo/nav_flickr2.gif) no-repeat scroll 0 -31px transparent; } ul.nav_network a.behance { background:url(../gene/image/common/logo/nav_behance2.gif) no-repeat scroll 0 0px transparent; opacity:1;} ul.nav_network a.behance span { background:url(../gene/image/common/logo/nav_behance2.gif) no-repeat scroll 0 -31px transparent; } ul.nav_network a.instagram { background:url(../gene/image/common/logo/nav_instagram.gif) no-repeat scroll 0 0px transparent; opacity:1;} ul.nav_network a.instagram span { background:url(../gene/image/common/logo/nav_instagram.gif) no-repeat scroll 0 -31px transparent; } /*MAIN NAV ROLLOVER SOUNDS FX*/ #main-menu #nav .soundFx, #main-menu #nav .sound_player{ visibility:hidden; } /* SEARCHBAR */ #main-menu #searchbar { position:absolute; top:0px; right:0px; z-index:2; } #main-menu #searchbar form { background-color:#000; float:left; } #main-menu #searchbar input{ background-color:#000; border:0px; color: white; font-family: "proxima-nova-extra-condensed-1","proxima-nova-extra-condensed-2",sans-serif; font-size:1.8em; font-style:normal; font-weight:200; line-height:1em; height: 20px; margin:0; padding: 17px 10px 23px 10px; text-align: right; width: 150px;} #main-menu #searchbar .cms { background: transparent url(../gene/image/common/main_nav/separator-main_nav2.jpg) no-repeat scroll 13px 17px; color: #999999; display:inline-block; float:left; font: 1.1em/1.2em Arial, Helvetica, sans-serif; padding:12px 0px 12px 25px; text-align:justify; text-shadow: -1px -1px 0px #000;} #main-menu #searchbar .cms a{ color: white;} #main-menu #searchbar .creativehtml { background:url(../gene/image/fr/ico/creative_html.gif) no-repeat scroll 0 0px; display:inline-block; float:left; height: 36px; position: relative; text-indent: -9999em; top: 7px; width: 41px; } #main-menu #searchbar .mentions { background: transparent url(../gene/image/common/main_nav/separator-main_nav2.jpg) no-repeat scroll 13px 17px; color: #999999; display:inline-block; float:left; font: 1.1em/1.2em Arial, Helvetica, sans-serif; padding:12px 25px; text-align:justify; width: 30px; } #main-menu #searchbar .mentions:hover { cursor: pointer; } #main-menu #searchbar .zaxis{display: inline-block;float: left;font: 1.1em/1.2em Arial, Helvetica, sans-serif;padding: 12px 0px 12px 25px;text-align: right;text-shadow: -1px -1px 0px #000;} #main-menu #searchbar .zaxis .ico{float: left; width : 25px; height : 25px; background: url(../gene/image/common/ico/z.png) no-repeat center center;margin-left: 10px;} #main-menu #searchbar .zaxis a {float : left;color: #999999;} /******************************************************************************************************************************************************************************** ********************* M E N T I O N S ***************** /*******************************************************************************************************************************************************************************/ #mentions { background: #0e0e0e; display: block; height: 100%; margin: 0; overflow: hidden; padding: 0; position: absolute; right: -300px; top: 0; width: 300px; z-index: 300 !important; } #mentions .batch { color: #fff; margin: 30px 0 0; overflow: hidden; padding: 10px 40px 5px 20px; position: relative; } #mentions .batch .title { color: #ff0066; font-family: "proxima-nova-extra-condensed-1","proxima-nova-extra-condensed-2",sans-serif; font-size:2em; font-style:normal; font-weight:600; margin: 0 0 10px; text-transform: uppercase; } #mentions .batch .adresse,#mentions .batch .desc { color: #fff; font:normal 1.1em/1.3em Arial, Helvetica, sans-serif; margin: 0 0 25px; overflow: hiddden; } #mentions .batch .adresse a { color: #999; } #mentions .batch .adresse a:hover { text-decoration: underline; } #mentions .batch .desc { text-align: justify; } #mentions .batch .desc.last { margin: 0 0 0;} #mentions .close { color: #fff; font-family: "proxima-nova-extra-condensed-1","proxima-nova-extra-condensed-2",sans-serif; font-size:1.5em; font-style:normal; font-weight:600; margin: 0 0 0; position: absolute; right: 10px; text-transform: lowercase; top: 5px; } #mentions .close:hover { text-decoration: underline; } /******************************************************************************************************************************************************************************** ********************* H E A D E R U L T R A N O I R ***************** /*******************************************************************************************************************************************************************************/ #logo_un{ height:91px; left:20px; position:absolute; top:20px; z-index: 500; width:62px; } #logo_un h1{ cursor:pointer; display: block; height:91px; position: relative; width:62px; z-index: 500; } #logo_un .front{ position:relative; z-index:1; } #logo_un .back{ left:0; position:absolute; top:0; } /******************************************************************************************************************************************************************************** ********************* 4 0 4 U L T R A N O I R ***************** /*******************************************************************************************************************************************************************************/ #notfound-wrapper { height:100%; position:absolute; left: 0; top: 0; overflow: hidden; width:100%; } #notfound-wrapper .poster { height:100%; position:absolute; left: 0; top: 0; overflow: hidden; width:100%; } #notfound-wrapper .poster img { display: block; height:100%; position: relative; width:100%; } #notfound-wrapper .title { bottom: 80px; color:black; font:italic 1.8em/1em "Times New Roman", Times, serif; margin:0 0 0 0; position:absolute; right: 20px; } #notfound-wrapper .subtitle { bottom: 80px; color:black; font-family: "proxima-nova-extra-condensed-1","proxima-nova-extra-condensed-2",sans-serif; font-size:2.5em; font-style:normal; font-weight:800; line-height:1em; margin:0 0 0 0; position:absolute; right: 20px; text-transform: uppercase; } #notfound-wrapper .subtitle a { color :black; padding: 0 0 0 5px; position: relative; top: 3px; z-index: 300;} /******************************************************************************************************************************************************************************** ********************* F A I L U L T R A N O I R ***************** /*******************************************************************************************************************************************************************************/ #fail-wrapper { height:100%; position:absolute; left: 0; top: 0; overflow: hidden; width:100%; } #fail-wrapper .batch { height: 425px; margin: -212px auto 0; overflow: hidden; position: relative; top: 50%; width: 780px;} #fail-wrapper .batch .brand img { display: block; margin: 0 auto; text-align: center; } #fail-wrapper .batch .brand .title,#fail-wrapper .batch .content .desc,#fail-wrapper .batch .content .button-02 { color: black; font:italic 1.8em/1em "Times New Roman", Times, serif; text-align: center; } #fail-wrapper .batch .brand .title { margin: 10px 0 35px; } #fail-wrapper .batch .content .desc { margin:0 0 5px;} #fail-wrapper .batch .content .button-01 { background: black; color: white; display: block; font-family: "proxima-nova-extra-condensed-1","proxima-nova-extra-condensed-2",sans-serif; font-size:1.6em; font-style:normal; font-weight:700; line-height:1em; margin: 15px auto; padding: 5px; text-align: center; text-transform: uppercase; width: 320px; border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; -webkit-border-radius:5px; } #fail-wrapper .batch .content .button-02 { display: block; text-align: center; } #fail-wrapper .batch .content .button-02:hover { color :#999; } /******************************************************************************************************************************************************************************** ********************* A C C U E I L U L T R A N O I R ***************** /*******************************************************************************************************************************************************************************/ /* PRELOADING */ #preloading { position: absolute; height:110px; width:110px; z-index: 1000; } #overlay { position: absolute; } /* SLIDER */ #slider-wrapper { background: black; position:relative; margin:0; overflow: hidden; padding:0; height: 100%; } #slider-wrapper .slide { height:100%; width:100%; position:absolute; left: 0; top: 0; overflow: hidden; } #slider-wrapper .slide img { display: block; height:100%; position: relative; width:100%; } #slider-prev { z-index: 1; } #slider-current { z-index: 2; } #slider-next { z-index: 1; } #slide-shadow { height: 100%; left: 0; overflow: hidden; position: absolute; top: 0; width: 228px; z-index: 1; } /* FEATURES */ #features-wrapper { bottom:70px; /*height: 190px;*/ left:0; margin: 0; overflow: hidden; padding: 0; position: absolute; text-align: left; visibility: hidden; width: 800px; z-index: 300; } #features-wrapper.adjustement { /*bottom:7px;*/ } #features-wrapper.firstload { /*bottom:135px;*/ } #features-wrapper.firstload.adjustement { /*bottom:77px;*/ } #features-wrapper .batch { margin: 0; overflow: hidden; } #features-wrapper .title { color:white; font-family: "proxima-nova-extra-condensed-1","proxima-nova-extra-condensed-2",sans-serif; font-size:5.5em; font-style:normal; font-weight:800; line-height:1em; /*margin: 0 0 5px; padding: 0;*/margin: 31px 0 9px 2px; padding: 0 0 0 5px; top:9px; position: relative; text-transform: uppercase; } #features-wrapper .title a { color:white; overflow: hidden; position: relative; z-index: 500; } #features-wrapper .title a:hover { /*color:#ccc;*/ } #features-wrapper .subtitle { background:white; float:left; height: 24px; margin:0 0; overflow: hidden; padding: 6px 0 0 10px; position: relative; } #features-wrapper .subtitle li { color:black; font-family: "proxima-nova-extra-condensed-1","proxima-nova-extra-condensed-2",sans-serif; font-size:1.6em; font-style:normal; font-weight:700; line-height:1em; float:left; list-style: none; margin: 0 8px 0 0; padding: 0 8px 0 0; text-transform: uppercase; } #features-wrapper .subtitle .last { background:none !important; } #features-wrapper .subtitle li a { color:black; } #features-wrapper .subtitle li a:hover { text-decoration: underline;} #features-wrapper .category { clear:both; height: 22px; margin:0 0 0; overflow: hidden; padding: 8px 0 0; position: relative; } #features-wrapper .category li { color:black; font-family: "proxima-nova-extra-condensed-1","proxima-nova-extra-condensed-2",sans-serif; font-size:1.6em; font-style:normal; font-weight:700; line-height:1em; float:left; list-style: none; margin: 0 8px 0 0; padding: 0 8px 0 0; text-transform: uppercase; } #features-wrapper .category .last { background:none !important; } #features-wrapper .category li a { color:white; } #features-wrapper .category li a:hover { text-decoration: underline;} #features-wrapper .title { left:23px; } #features-wrapper .subtitle,#features-wrapper .category { left:25px; } #features-wrapper .batch.light .title,#features-wrapper .batch.light .title a,#features-wrapper .batch.light .category li,#features-wrapper .batch.light .category li a { color:white; } #features-wrapper .batch.light .subtitle li,#features-wrapper .batch.light .subtitle li a { color: white; } #features-wrapper .batch.light .subtitle { background: black; } #features-wrapper .batch.light .subtitle li { background:url(../gene/image/common/accueil/features/separator_02.gif) right 3px no-repeat; } #features-wrapper .batch.light .category li { background:url(../gene/image/common/accueil/features/separator_02.png) right 3px no-repeat; } #features-wrapper .batch.dark .title,#features-wrapper .batch.dark .title a,#features-wrapper .batch.dark .category li,#features-wrapper .batch.dark .category li a { color:white; } #features-wrapper .batch.dark .subtitle li,#features-wrapper .batch.dark .subtitle li a { color: black; } #features-wrapper .batch.dark .subtitle { background: white; } #features-wrapper .batch.dark .subtitle li { background:url(../gene/image/common/accueil/features/separator_01.gif) right 3px no-repeat; } #features-wrapper .batch.dark .category li { background:url(../gene/image/common/accueil/features/separator_01.png) right 3px no-repeat; } /* CURSORS */ #navslide { height:100%; left:0; overflow:hidden;position:absolute; width:100%; z-index:300; } #navslide li { background:url(../gene/image/common/pixtr.gif) 0 0 repeat; height:100%; margin: 0; overflow: hidden; position: absolute; } #navslide .btn { background:url(../gene/image/common/accueil/cursors/bg_01.png) left top no-repeat; height:142px; display: block; margin: 0; overflow: hidden; position: absolute; top:0; width:132px; } #navslide .prev { left:0; } #navslide .next { right:0; } #navslide .prev .btn { left:-132px; } #navslide .next .btn { right:-132px; } #navslide .reference { display: block; height: 71px; margin: 0; overflow: hidden; position: relative; text-indent: -9999px; width: 132px; } #navslide .prev .reference { background:url(../gene/image/common/accueil/cursors/btn_prev.png) 40px center no-repeat; left: 30px; } #navslide .next .reference { background:url(../gene/image/common/accueil/cursors/btn_next.png) 50px center no-repeat; left: -25px; } #navslide .fxreference { display: block; height: 71px; left:0; margin: 0; overflow: hidden; position: absolute; text-indent: -9999px; top:0; visibility: hidden; width: 132px; } #navslide .number { color:white; display: block; font-family: "proxima-nova-extra-condensed-1","proxima-nova-extra-condensed-2",sans-serif; font-size:2.9em; font-style:normal; font-weight:300; line-height:1em; /*font:bold 2.6em helveticaltstd_cond,Arial,Helvetica,sans-serif;*/ margin: 0; overflow: hidden; } #navslide .prev .number { left:-132px; position:absolute; top:19px; } #navslide .next .number { position:absolute; right:-132px; top:19px; } #navslide .prev .fxreference { background:url(../gene/image/common/accueil/cursors/btn_prev.png) 40px center no-repeat; } #navslide .next .fxreference { background:url(../gene/image/common/accueil/cursors/btn_next.png) 50px center no-repeat; } #navslide .poster-batch { display: block; height: 71px; margin: 0; overflow: hidden; position: relative; width: 132px; } #navslide .poster { display: block; height: 71px !important; position: relative; top:-71px; width:132px !important; } /* SCROLLMOVE MENU */ #smc_listener { bottom:50px; height: 140px; left: 0; margin: 0; overflow: hidden; padding: 0; position: absolute; width:100%; z-index: 150;} #smc_wrapper { background:url(../gene/image/common/pixel/black_95.png) left top repeat; height: 70px; overflow: auto; position: relative; top:140px; width:100%; } .smc_menu { display: block; height: 70px; list-style: none; margin: 0; overflow:hidden; padding: 0 0 0 15px; position: relative; width: 99999px; } .smc_menu .item { background: url(../gene/image/common/accueil/bg_scrollmovemenu_separator.gif) left center no-repeat; display: block; height: 62px; float: left; margin: 0; overflow: hidden; padding: 8px 0 0 15px; position: relative; width: 300px; } .smc_menu .item .poster { border: 1px solid black; display: block; float:left; height: 52px; margin: 0 10px 0 0; overflow: hidden; width: 79px; } .smc_menu .item .poster img { display: block; height: 52px; width: 79px; } .smc_menu .item .features { color:white; display: block; float:left; height: 55px; text-align: left; width: 190px; } .smc_menu .item .features .edition { clear:both; list-style: none; margin: 0; overflow: hidden; padding: 0; } .smc_menu .item .features .edition li { color: #333; float:left; font:normal 1em Arial, Helvetica, sans-serif; } .smc_menu .item .features .edition li a { color: #333; font-weight:bold; } .smc_menu .item .features .edition li a:hover { text-decoration: underline; } .smc_menu .item .features .edition .first { background:url(../gene/image/common/accueil/separator_02.gif) right 2px no-repeat; margin: 0 8px 0 0; padding: 0 8px 0 0; } .smc_menu .item .features .title { clear: both; font:bold 1.1em/1em Arial, Helvetica, sans-serif; margin: 3px 0 3px; text-transform: uppercase;} .smc_menu .item .features .title a { color: #666; } .smc_menu .item .features .subtitle { clear: both; color: #666; font:normal 1em/1em Arial, Helvetica, sans-serif; text-transform: uppercase;} /* VIDEO CONTAINER */ #video_container { left:0; position:absolute; top:0; z-index:0; height: 100%; width: 100%; } .slide .close,.slide .play,.slide .loading { color:white;font-family: "proxima-nova-extra-condensed-1","proxima-nova-extra-condensed-2",sans-serif; font-size: 1.6em; font-style: normal; font-weight: 700; height:14px; line-height: 1em; /*font: normal 1.1em Arial;*/ padding:0 18px 0 0; position: absolute; right:20px; text-transform: uppercase; visibility: hidden; z-index: 500; } .slide .close { background:url(../gene/image/common/ico/ico_close3.png) right top no-repeat; } .slide .close:hover, .slide .play:hover { color:#ccc; } .slide .play { background:url(../gene/image/common/ico/ico_play_fiche3.png) right top no-repeat; } .slide .loading { background:url(../gene/image/common/ico/ico_wait.png) right top no-repeat; } #video_container video { /*height:100%; width:auto;*/ height:auto; width:100%; position:relative; z-index:300;} #video_container object { height:100%; width:100%; position:relative; z-index:300;} #video_container .fitter { height:100%; margin:0; overflow:hidden; position:relative; } #video_container .poster { display: block; height: 100%; position: absolute; width: 100%; z-index: 5; } /* COUNTER CONTAINER */ #counter-wrapper { top:25px; margin:0; position: absolute; right:20px; z-index: 200; } #counter-wrapper ul { margin: 0; position: relative; padding:0; text-align: right; } #counter-wrapper ul li { font:normal 1.1em Arial, Helvetica, sans-serif; display: inline-block; margin: 0 0 0 5px; } #counter-wrapper ul li a { background:url(../gene/image/common/accueil/counter/bg_counter.png) 0 0 no-repeat; color:white; display:block; height:16px; padding:1px 1px 0 0; text-align:center; width:16px; } #counter-wrapper ul li a:hover { background:url(../gene/image/common/accueil/counter/bg_counter.png) 0 -34px no-repeat; } #counter-wrapper ul li a.active { background:url(../gene/image/common/accueil/counter/bg_counter.png) 0 -17px no-repeat; color:#000; } /* FOOTER */ #global-bs #footer { clear:both; margin:0; overflow:hidden; padding:20px 0 0; position:relative; bottom: 0px; text-align:center; } #global-bs #footer .logo { margin:20px 0 -10px 0; } #global-bs #footer p{ font:italic 1.4em/1em "Times New Roman", Times, serif; margin:0 0 0 0; } #global-bs #footer a { color:#000; font:bold 1em/1em Arial, Helvetica, sans-serif; text-transform:uppercase; } #un-case3 #slider-current .firstloadimg { visibility:hidden; } /******************************************************************************************************************************************************************************** ********************* U L T R A N O I R ***************** /*******************************************************************************************************************************************************************************/ #un{ background-color:#000; height:100%; overflow:hidden; position:relative; width:100%; z-index:200; } #un .mask{ height:590px; margin:-295px 0 0 0; /*overflow:hidden;*/ position:relative; top:50%; width:100%; } #un .fresque{ height:590px; margin:0 0 0 0; /*overflow:hidden;*/ padding:0 0 0 50px; position:relative; top:0; width:4000px; } #un #mouse-ico{ background:url(../gene/image/fr/ico/drag2.png) 0 0 no-repeat; height:59px; left:-150px; opacity:0; position:absolute; top:0; visibility:hidden; width:56px; z-index:1000; } #un .fresque .item{ float:left; position:relative; z-index:2; } #un .fresque .item .title{ } #un .fresque .item .subtitle{ } #un .fresque .item .ornament{ } #un .fresque .item .desc{ } /* CREATION */ .millier, .centaine, .dizaine, .unite{ display:inline-block; float:left; text-transform:uppercase; width:152px; } #un .fresque .creation{ color:#FFF; margin:130px 40px 0 0; overflow: hidden; position: relative; width:490px; } #un .fresque .creation .word{ background:url(../gene/image/fr/un/excellence_txt.png) 0 0 no-repeat; display:block; height:117px; width:375px; margin: 0 0 -40px 90px; text-indent:-9999em; } #un .fresque .creation .title{ display:block; font-family: "proxima-nova-extra-condensed-1","proxima-nova-extra-condensed-2",sans-serif; font-size:25em; font-style:normal; font-weight:800; line-height:1em; height:180px; margin: 20px 0 20px; overflow:hidden; position:relative; width:495px; } #un .fresque .creation .title .millier, #un .fresque .creation .title .centaine, #un .fresque .creation .title .dizaine, #un .fresque .creation .title .unite{ margin-top:-10em; position: relative; top: -30px; width:123px; } #un .fresque .creation .title span, #un .fresque .awards .title01 span{ display:inline-block; } #un .fresque .creation .desc { font-family: "proxima-nova-extra-condensed-1","proxima-nova-extra-condensed-2",sans-serif; font-size:2.4em; font-style:normal; font-weight:300; line-height:1.3em; margin: 0 0 0 7px; text-transform:uppercase; } /* PEOPLE */ #un .fresque .people{ color:#FFF; padding-left:69px; margin-left:-69px; width:620px; } #un .fresque .people header{ margin-left:-69px; width:689px; } #un .fresque .people .title{ display:inline-block; float:left; font-family: "proxima-nova-extra-condensed-1","proxima-nova-extra-condensed-2",sans-serif; font-size:30em; font-style:normal; font-weight:800; height:250px; line-height:1em; font-stretch:condensed; margin:-15px 0 15px 0px; overflow:hidden; position:relative; } #un .fresque .people .title .dizaine{ margin-top:-10em; width:144px; } #un .fresque .people .title .unite{ margin-top:-10em; width:143px; } #un .fresque .people .title span { display: inline-block; text-align:center; width: 144px; } #un .fresque .people .ornament{ background:url(../gene/image/common/un/crane.png) 0 0 no-repeat; display: inline-block; height:244px; width:157px; } #un .fresque .people .word{ background:url(../gene/image/fr/un/efficacite_txt3.png) 0 0 no-repeat; display:inline-block; /*float:right;*/ height:84px; /*margin: 100px -10px 0 0;*/ position:absolute; text-indent:-9999em; right:-40px; top:140px; width:288px; } #un .fresque .people .word span{ margin:0 30px 0 0; } #un .fresque .people .subtitle{ background-color:#FFF; color:#000; display:inline-block; font-family: "proxima-nova-extra-condensed-1","proxima-nova-extra-condensed-2",sans-serif; font-size:2em; font-style:normal; font-weight:800; line-height:1em; margin:0px 0 15px 0; padding:10px 8px 7px; text-transform:uppercase; } #un .fresque .people .desc{ font-family: "proxima-nova-extra-condensed-1","proxima-nova-extra-condensed-2",sans-serif; font-size:2.4em; font-style:normal; font-weight:700; line-height:1em; list-style:none; text-transform:uppercase; } #un .fresque .people .desc li{ } /* OFFICES */ #un .fresque .offices{ color:#FFF; margin:306px 0 0 -569px; text-align:right; text-transform:uppercase; width:475px; } #un .fresque .offices .title01{ font-family: "proxima-nova-extra-condensed-1","proxima-nova-extra-condensed-2",sans-serif; font-size:14em; font-style:normal; font-weight:800; line-height:1em; margin-bottom: -15px; margin-top: -10px; } #un .fresque .offices .case-01, #un .fresque .offices .case-02{ overflow:hidden; position:relative; width:100%; } #un .fresque .offices .title02{ font-family: "proxima-nova-extra-condensed-1","proxima-nova-extra-condensed-2",sans-serif; font-size:10em; font-style:normal; font-weight:800; line-height:1em; margin-bottom:-8px; } #un .fresque .offices .address{ color:#999; font-family: "proxima-nova-extra-condensed-1","proxima-nova-extra-condensed-2",sans-serif; font-size:1.8em; font-style:normal; font-weight:200; line-height:1em; } #un .fresque .offices .desc{ font-family: "proxima-nova-extra-condensed-1","proxima-nova-extra-condensed-2",sans-serif; font-size:2.2em; font-style:normal; font-weight:200; line-height:1em; } #un .fresque .offices .ornament{ } /* LOGO */ #un .fresque .logo{ margin: 150px 40px 0 -40px; z-index:1; } #un .fresque .logo figcaption{ display:none; } /* PIXEL */ #un .fresque .pixel{ color:#FFF; margin: 18px 0 0; width:470px; } #un .fresque .pixel .title{ /*clear:both; display:inline-block; font-family: "proxima-nova-extra-condensed-1","proxima-nova-extra-condensed-2",sans-serif; font-size:24em; font-style:normal; font-weight:800; line-height:1em; margin: 0 0 -25px; text-transform:uppercase;*/ background: url(../gene/image/fr/un/pixel.png) 0 0 no-repeat; display: inline-block; height:267px; position:relative; text-indent: -9999em; width:467px; } #un .fresque .pixel .title img{ left:0; position: absolute; top:0; } #un .fresque .pixel .word{ background:url(../gene/image/fr/un/elegance_txt.png) 0 0 no-repeat; display:inline-block; float:left; height:117px; left:40px; /*margin: 0 0 -55px -60px;*/ position: absolute; top:290px; text-indent:-9999em; width:366px; } #un .fresque .pixel .word span{ margin:0 30px 0 0; } #un .fresque .pixel .ornament{ font:normal 14em/1em "Times New Roman", Times, serif; position:absolute; right:50px; top:-50px; } #un .fresque .pixel .desc{ color:#999; font: normal 1.2em/1.4em Arial, Helvetica, sans-serif; margin:-60px 0 0 220px; text-align:justify; width:295px; } /* CMS */ #un .fresque .cms{ color:#FFF;margin: 405px 0 0 -550px; text-align: right; width: 570px; } /*#un .fresque .cms .title{ display:block; float:right; height:150px; margin:0 0 10px 20px; overflow:hidden; position:relative; text-indent:-9999em; width:150px; }*/ #un .fresque .cms .title{ display:block; float:right; height:150px; margin:0 20px 10px 75px; position:relative; text-indent:-9999em; width:150px; } #un .fresque .cms .title .cube{ height: 150px; margin: 0 auto; position: relative; width: 150px; } #un .fresque .cms .title .cube .face{ background-color:#000; height:150px; position:absolute; width:150px; } #un .fresque .cms .desc{ /*clear:right;*/ color:#999; font: normal 1.2em/1.4em Arial, Helvetica, sans-serif; margin:8px 0 0 10px; text-align:right; } /* AWARDS */ #un .fresque .awards{ color:#FFF; margin:154px 0 0 50px; overflow:hidden; width:305px; } #un .fresque .awards .title01{ display:inline-block; font-family: "proxima-nova-extra-condensed-1","proxima-nova-extra-condensed-2",sans-serif; font-size:33em; font-style:normal; font-weight:800; line-height:1em; height:275px; margin: -40px 0 11px; overflow:hidden; padding:0; position:relative; text-transform:uppercase; } #un .fresque .awards .title01 .dizaine{ margin-top:-10em; float:auto; } #un .fresque .awards .title01 .unite{ margin-top:-10em; float:auto; } #un .fresque .awards .title02{ display:inline-block; background-color:#FFF; bottom:0; color:#000; font-family: "proxima-nova-extra-condensed-1","proxima-nova-extra-condensed-2",sans-serif; font-size:9.2em; font-style:normal; font-weight:800; line-height:1em; left:10px; margin:0 0 10px 0; padding:0 10px; position:relative; text-transform:uppercase; } #un .fresque .awards .desc{ color:#999; font:normal 1.2em/1.4em Arial, Helvetica, sans-serif; margin:0 0 0 10px; text-align:justify; width:290px; } /* HTML */ #un .fresque .html{ color:#FFF; width:448px; margin:13px 0 0 0; } #un .fresque .html .word{ background:url(../gene/image/fr/un/creative_txt.png) 0 0 no-repeat; display:inline-block; height:120px; margin: 0 0 -61px -75px; position:relative; text-indent:-9999em; width:387px; } #un .fresque .html .ornament1{ background:url(../gene/image/common/un/fumee.png) 0 0 no-repeat; height:335px; /*margin:0 0 0 70px;*/ position:absolute; right:-28px; top:-110px; width:198px; } #un .fresque .html .ornament2{ background:url(../gene/image/common/un/pieuvre.png) 0 0 no-repeat; height:295px; margin:0 0 0 70px; width:339px; } #un .fresque .html .title{ display:inline-block; font-family: "proxima-nova-extra-condensed-1","proxima-nova-extra-condensed-2",sans-serif; font-size:21.5em; font-style:normal; font-weight:800; line-height:1em; margin: 0 0 -25px 33px; padding:5px; position:relative; text-transform:uppercase; } #un .fresque .html .title span{ display:block; float:left; position:relative; } #un .fresque .html .title .letter01{ margin:0; width:105px; } #un .fresque .html .title .letter03{ width:132px; } #un .fresque .html .title .letter04{ } #un .fresque .html .desc{ color:#999; font:normal 1.2em/1.4em Arial, Helvetica, sans-serif; margin:0 0 0 45px; text-align:justify; width:405px; } /******************************************************************************************************************************************************************************** ********************* S E R V I C E S U L T R A N O I R ***************** /*******************************************************************************************************************************************************************************/ #slide { background: black; height: 100%; left:0; overflow:hidden;position:absolute; top:0; width:100%; z-index: 100; } #slide .item { height:100%; left:10000px; overflow:hidden; position:absolute; top: 0; width:100%; z-index: 40; } #slide .item.watching { display:block; } #slide .item.hiding { display:none; } #slide .item .trade { height:100%; left:0; overflow:hidden; position:relative; top: 0; /*text-indent:-9999em;*/ width:100%; z-index: 41; } #slide .item .trade span,#slide .item .trade h2 { visibility: hidden; } #slide .item .bg,#slide .item .title-bg { display:inline; height:100%; width:100%;} #slide .item .bg { left:0; position: absolute; top: 0; z-index: 25; } #slide .item .title-bg { left:0; position:absolute; top: 0; z-index: 30; } #slide .item.active { left:0; z-index:150; } #slide .item .info { left:67%; overflow:hidden; position:absolute; top:46%; width:27%; z-index:100; } #slide .item .info .title { background-color:#000; color:#fff; display:inline-block; font-family: "proxima-nova-extra-condensed-1","proxima-nova-extra-condensed-2",sans-serif; font-size:2.4em; font-style:normal; font-weight:800; line-height:1.4em; height:34px; margin:0 0 12px 0; padding:0 8px; text-transform:uppercase; } #slide .item .info .desc { color:#FFF; font:normal 1.2em/1em Arial, Helvetica, sans-serif; margin:0 0 15px 0; text-align:justify; } #slide .item .info .equalzr { padding: 5px 5px; position: relative; } #slide .item .info .link { color:#000; font-family: "proxima-nova-extra-condensed-1","proxima-nova-extra-condensed-2",sans-serif; font-size:1.8em; font-style:normal; font-weight:700; line-height:1em; position: relative; text-transform:uppercase; z-index: 100; } #slide .item .info .link span { font-size:0.7em; margin:0 0 0 5px; } /* SLIDE CONCEPTION */ #slide #conception { } /* SLIDE ART */ #slide #art { } /* SLIDE MOTION */ #slide #motion { } /* SLIDE HTML */ #slide #html { } /* SLIDE backoffice */ #slide #backoffice { } #nav-services{ background-color:#FFF; bottom:50px; height:50px; left:0; overflow:hidden; position:absolute; width:100%; z-index:205; } #nav-services ul{ display:inline-block; list-style:none; overflow:hidden; position:relative; text-align:left; } #nav-services ul > li{ background:url(../gene/image/common/main_nav/separator-main_nav2.jpg) no-repeat scroll left 17px transparent; display:inline-block; float:left; font-family: "proxima-nova-extra-condensed-1","proxima-nova-extra-condensed-2",sans-serif; font-size:2em; font-style:normal; font-weight:300; line-height:5em; text-transform:uppercase; } #nav-services ul > li > a{ background:url(../gene/image/common/services/bg_nav_services2.png) 0 0 repeat-x; color:black; display:block; line-height:50px; height:50px; padding:0 18px; } #nav-services .first, #nav-services .active_next { background:0 none; } #nav-services .first a{ padding: 0 18px 0 24px; } #nav-services ul > li.active > a { background:url(../gene/image/common/services/bg_nav_services2.png) 0 -50px repeat-x; color:#fff; } /******************************************************************************************************************************************************************************** ********************* C L I E N T S U L T R A N O I R ***************** /*******************************************************************************************************************************************************************************/ #clients_wrapper { height: 100%; left: 0; margin:0; position:absolute; top:0; width: 100%; z-index: 400; } #clients_wrapper .brand { display: block; height:110px; margin:0; overflow: hidden; padding:0; position:relative; text-align: left; width: 100%; z-index: 300; } #clients_wrapper .brand .title { bottom: 0; color:black; font-family: "proxima-nova-extra-condensed-1","proxima-nova-extra-condensed-2",sans-serif; font-size:5em; font-style:normal; font-weight:700; line-height:1em; left:98px; margin:0; padding:0; position:absolute; text-transform: uppercase; width:70%; } #clients_wrapper .brand .subtitle { bottom: 50px; color:black; font-family: "proxima-nova-extra-condensed-1","proxima-nova-extra-condensed-2",sans-serif; font-size:2.2em; font-style:normal; font-weight:200; line-height:1em; left:98px; margin:0; padding:0; position:absolute; text-transform:uppercase; width:50%; } #clients_wrapper .dragging-list { margin: 20px 0 0 20px; overflow: hidden; position: relative; width: 99999px; z-index: 300; } #clients_wrapper .dragging-list .catalog { height: 250px; margin: 0 0 20px 0; overflow: hidden; position: relative; width: 100%; z-index: 300; } #clients_wrapper .dragging-list .catalog .item { border: 1px solid #d9d9d9; float: left; height: 248px; margin: 0 20px 0 0; overflow: hidden; padding: 0; position: relative; width: 248px; } #clients_wrapper .dragging-list .catalog .item img { display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%;} #clients_wrapper .dragging-list .catalog .item .colorized { visibility: hidden;} #clients_wrapper #mouse-ico{ background:url(../gene/image/fr/ico/drag2.png) 0 0 no-repeat; height:59px; left:-150px; opacity:0; position:absolute; top:0; visibility:hidden; width:56px; z-index:1000; } /******************************************************************************************************************************************************************************** ********************* P R O J E T S U L T R A N O I R ***************** /*******************************************************************************************************************************************************************************/ /* liste des projets*/ #slide_projets { height: 345px; margin-top: -173px; position:absolute; top: 50%; width: 20000px; z-index: 100; } /* Projets INLINE */ #slide_projets #liste_projets { float:left; margin-top: -5px; padding: 0px;} #slide_projets #liste_projets .item_projets { background:url("../gene/image/common/projet/filet.gif") top right repeat-y; color: #9699a0; display: block; float: left; height: 330px; left: 0px; margin:0px; overflow:hidden; padding:0px 20px 0px 20px; position: absolute; text-align: left; width:302px;} #slide_projets #liste_projets .item_projets .poster { display: block; margin: 0; overflow: hidden; position: relative; z-index: 25; } #slide_projets #liste_projets .item_projets img { border: 1px solid black; margin: 5px 0px 2px 0px; height:198px; width: 300px;} #slide_projets #liste_projets .item_projets .num_projet { color: #252525; font:bold 2em/1.1em "Arial Narrow", Arial, Helvetica, sans-serif; margin-top:-3px;} #slide_projets #liste_projets .item_projets .secteur_projet { color: black; font-weight: bold; } #slide_projets #liste_projets .item_projets .date_projet {color: #666666;} #slide_projets #liste_projets .item_projets .nom_projet { font-family: "proxima-nova-extra-condensed-1","proxima-nova-extra-condensed-2",sans-serif; font-size:2.2em; font-style:normal; font-weight:800; line-height:1em; /*font:normal 2.1em/1em "helveticaNeueLtStd_HvCn",Arial, Helvetica, sans-serif;*/ color: black; margin:5px 0 0 -3px; text-transform: uppercase; position: relative; } #slide_projets #liste_projets .item_projets .nom_projet a { color: black; padding: 0 0 0 3px; position: relative; z-index: 100; } #slide_projets #liste_projets .item_projets .type_projet { color: black; font-family: "proxima-nova-extra-condensed-1","proxima-nova-extra-condensed-2",sans-serif; font-size:1.8em; font-style:normal; font-weight:300; line-height:1em; /*font:normal 1.8em/1em "helveticaneueltstd_ltcn", Helvetica, sans-serif;*/ margin:0 0 5px 0;text-transform: uppercase; } #slide_projets #liste_projets .item_projets .client_projet { bottom:5px; color:#666666; font:italic 1.5em/1em "Times New Roman", Times, serif; left:20px; position:absolute; } /* Projets MOZAIK */ #slide_projets #liste_projets_mozaik {margin-top:-20px; padding: 0px; width:200000px;} #slide_projets #liste_projets_mozaik .col_projet { display: block; float:left; height: 345px; margin:0px; overflow:hidden; padding:0px 0px 0px 10px; position: absolute; text-align: left; width: 290px;} #slide_projets #liste_projets_mozaik .col_projet .item_projets { background:url("../gene/image/common/projet/filet.gif") top right no-repeat; color: #9699a0; display: block; height: 102px; left: 0px; margin-bottom:20px; overflow:hidden; padding: 0; position:relative; width: 290px; } #slide_projets #liste_projets_mozaik .col_projet .item_projets .poster { display:inline-block; float:left; margin: 0; overflow: hidden; position: relative; z-index: 25; } #slide_projets #liste_projets_mozaik .col_projet .item_projets img { border: 1px solid black; float:left; margin: 5px 0px 0px 0px; height:79px; position: relative; width: 120px;} #slide_projets #liste_projets_mozaik .col_projet .item_projets .secteur_line{ display: block; position: relative; margin: 0px 15px 3px 132px;} #slide_projets #liste_projets_mozaik .col_projet .item_projets .num_projet { color: #252525; display:block; font:bold 1.4em/1em "Arial Narrow",Arial, Helvetica, sans-serif; left:0px; } #slide_projets #liste_projets_mozaik .col_projet .item_projets .secteur_projet {color: black; top:0; } #slide_projets #liste_projets_mozaik .col_projet .item_projets .date_projet {color: #666666;} #slide_projets #liste_projets_mozaik .col_projet .item_projets .nom_projet { display: block; font-family: "proxima-nova-extra-condensed-1","proxima-nova-extra-condensed-2",sans-serif; font-size:1.7em; font-style:normal; font-weight:800; line-height:.9em; color: black; margin:1px 15px 0 132px; position: relative; text-transform: uppercase; } #slide_projets #liste_projets_mozaik .col_projet .item_projets .nom_projet a { color: black; position: relative; z-index: 100; } #slide_projets #liste_projets_mozaik .col_projet .item_projets .type_projet { color: black; display: block; font-family: "proxima-nova-extra-condensed-1","proxima-nova-extra-condensed-2",sans-serif; font-size:1.5em; font-style:normal; font-weight:300; line-height:1em; margin:2px 15px 0 132px; position: relative; text-transform: uppercase; } #slide_projets #liste_projets_mozaik .col_projet .item_projets .client_projet { bottom:3px; color: #666666; display:block; font:italic 1.5em/1em "Times New Roman", Times, serif; left:132px; position:absolute; } /* curseur et scroll bar horizontale*/ #remote_projets { position: absolute; top:70px; right:0px; width: 245px; } #remote_projets .msg-mosaik { height:90px; right:0; position:absolute; top:-70px; width:245px; z-index:5; } #remote_projets .msg-mosaik .case { background-color:#000; bottom:35px; max-height:36px; right:10px; padding: 6px 8px 8px; position:absolute; max-width:225px; z-index:5; border-radius:5px; box-shadow:5px 5px 5px #999999; -moz-border-radius:5px; -moz-box-shadow:5px 5px 5px #999999; -ms-border-radius:5px; -ms-box-shadow:5px 5px 5px #999999; -o-border-radius:5px; -o-box-shadow:5px 5px 5px #999999; -webkit-border-radius:5px; -webkit-box-shadow:5px 5px 5px #999999; } #remote_projets .msg-mosaik .case .arrow { background: url("../gene/image/common/blog/newsletter-popup_arrow.png") no-repeat scroll 0 0 transparent; bottom: -16px; height:17px; right:8px; position:absolute; width:27px; } #remote_projets .msg-mosaik .case p { color:#FFF; font:normal 1em/1.2em Arial, Helvetica, sans-serif; } #remote_projets #display_mode{ font-family: "proxima-nova-extra-condensed-1","proxima-nova-extra-condensed-2",sans-serif; font-size:1.8em; font-style:normal; font-weight:300; line-height:1.1em; color: black; text-align: left; text-transform: uppercase;} #remote_projets #display_mode p { position: relative; z-index:6; } #remote_projets #display_mode #display_bts { height: 12px; position: absolute; top: 4px; right:6px; width: 123px; } #remote_projets #display_mode #display_bts #display_line{ background: url("../gene/image/common/projet/mode_projet.png") left top no-repeat; position:relative; z-index:6; width: 61px; } #remote_projets #display_mode #display_bts #display_mozaik{ background: url("../gene/image/common/projet/mode_projet.png") right top no-repeat; position:relative; z-index:6; width: 62px; } #remote_projets #display_mode #display_bts .button { display: block; float: left; height: 12px; overflow: hidden; text-indent: -9999em; } #remote_projets #display_mode #display_bts #display_line:hover,#remote_projets #display_mode #display_bts #display_line.active { background: url("../gene/image/common/projet/mode_projet.png") left bottom no-repeat;} #remote_projets #display_mode #display_bts #display_mozaik:hover,#remote_projets #display_mode #display_bts #display_mozaik.active { background: url("../gene/image/common/projet/mode_projet.png") right bottom no-repeat; } #remote_projets #slider{ border: solid #d3d3d3; border-width: 1px 0px 1px 0px; background-color: white; height: 18px; width: 245px; } #remote_projets #knob{ cursor: pointer; background-color: black; color: white; height: 14px; line-height:14px; margin-top: -7px; position: relative; text-align: center; top: 50%; width: 45px; z-index:100;} #remote_projets #knob:hover { background: #FF0072; } /* nb de projets online */ #projets_counter {position: absolute;left:20px; bottom: 63px;} /*#projets_counter #nb_projets { font-family: "proxima-nova-extra-condensed-1","proxima-nova-extra-condensed-2",sans-serif; font-size:8em; font-style:normal; font-weight:800; line-height:.7em; color: black; text-transform: uppercase; }*/ #projets_counter #nb_projets { height: 75px; margin-left: -3px; padding-top:0px; overflow:hidden; width:108px } #projets_counter #nb_projets .centaine { float: left; position: relative; width:35px; } #projets_counter #nb_projets .centaine span { display: inline-block; font-family: "proxima-nova-extra-condensed-1","proxima-nova-extra-condensed-2",sans-serif; font-size:8em; font-style:normal; font-weight:800; height:1em; line-height:1em; color: black; text-align: center; text-transform: uppercase; width: 35px; } #projets_counter #nb_projets .dizaine{ float: left; position: relative; width:35px;} #projets_counter #nb_projets .dizaine span{ display: inline-block; font-family: "proxima-nova-extra-condensed-1","proxima-nova-extra-condensed-2",sans-serif; font-size:8em; font-style:normal; font-weight:800; height:1em; line-height:1em; color: black; text-align: center; text-transform: uppercase; width: 35px;} #projets_counter #nb_projets .unite { float: left; position: relative; width:35px;} #projets_counter #nb_projets .unite span { display: inline-block; font-family: "proxima-nova-extra-condensed-1","proxima-nova-extra-condensed-2",sans-serif; font-size:8em; font-style:normal; font-weight:800; height:1em; line-height:1em; color: black; text-align: center; text-transform: uppercase; width: 35px;} #projets_counter #counter_baseline{ font-family: "proxima-nova-extra-condensed-1","proxima-nova-extra-condensed-2",sans-serif; font-size:1.8em; font-style:normal; font-weight:800; line-height:1em; color: black; text-transform: uppercase; } /* FILTRE ACTIF */ #active_filter { bottom: 100px; color:#000000; font-family: "proxima-nova-extra-condensed-1","proxima-nova-extra-condensed-2",sans-serif; font-size:1.8em; font-style:normal; font-weight:300; height:50px; left:296px; line-height:50px; position: absolute; text-align: left; text-transform:uppercase; } #active_filter .separator { display:inline-block; height: 1em; line-height: 1em; margin: 14px 0 10px 10px; vertical-align: top; } #active_filter .choice, #active_filter .selection { /*background-color:#000;*/ color:#000; font-style:normal; font-weight:800; margin:0; padding:5px 10px; text-transform:uppercase; } #active_filter .choice { font-weight:300; margin:0 0 0 10px; } #active_filter .selection span { background:url(../gene/image/common/ico/ico_close05.png) 0 0 no-repeat; color: white; display:inline-block; font-family:Arial, Helvetica, sans-serif; font-size:.7em; font-weight:600; height:14px; margin:18px 0 0 8px; width:14px; text-indent: -9999em; vertical-align:top; } #active_filter .symbol { font-family: "proxima-nova-extra-condensed-1","proxima-nova-extra-condensed-2",sans-serif; font-size:1em; font-style:normal; font-weight:300; } /* HALL OF FAME */ .hof { background-color:#ff0072; bottom: 50px; color:#FFF; display:block; font-family: "proxima-nova-extra-condensed-1","proxima-nova-extra-condensed-2",sans-serif; font-size:1.8em; font-style:normal; font-weight:800; height:35px; line-height:.8em; overflow: hidden; position:absolute; right: 0; text-transform:uppercase; } .hof a{ color:#FFF; display:block; height:26px; padding:11px 10px 0; position:relative; z-index:500; } .hof a .arrow{ font-size:0.7em; margin:2px 0 0 5px; vertical-align:top; } /* nav par filtres */ #projets_filters { background-color: white; position: absolute; left:260px; bottom: 50px; height: 50px; text-align:left; } #projets_filters ul {list-style: none outside none; margin:0px; overflow: hidden; padding: 0px; width:2000px;height: 50px;} #projets_filters li { background:url(../gene/image/common/pixel/grey_ccc.gif) left 0px repeat-y; color: black; display: block; font-family: "proxima-nova-extra-condensed-1","proxima-nova-extra-condensed-2",sans-serif; font-size:1.8em; font-style:normal; font-weight:800; line-height:0em; float: left;margin: 0px;overflow: hidden; padding: 3px 20px 0 20px; text-align:left; text-transform: uppercase; line-height:50px;z-index: 210;} #projets_filters #filter_by {background: none; font-family: "proxima-nova-extra-condensed-1","proxima-nova-extra-condensed-2",sans-serif; font-size:1.8em; font-style:normal; font-weight:300; line-height:0em; line-height:50px; overflow: hidden;} #projets_filters #filter_by span {position:relative; overflow:hidden} .filtre_encart {background-color:white; border: solid #ccc;border-width: 0px 1px 0px 1px; margin: 0px -20px 0px -20px; padding: 0px;position: absolute; text-align: left; width:355px; visibility: hidden; overflow: hidden; z-index: 200;} .filtre_liste_projets{overflow: hidden; position: absolute;} .filtre_liste_projets p {display: block; overflow: hidden; position: relative; text-transform: uppercase; width:355px;} .filtre_liste_projets p a {color: black; display: block; font-family: "proxima-nova-extra-condensed-1","proxima-nova-extra-condensed-2",sans-serif; font-size:1.2em; font-style:normal; font-weight:300; line-height:1em; text-decoration: none; padding: 5px 20px 5px 20px;/* -webkit-transition: all 1s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;*/} .filtre_liste_projets p a:hover {background-color: black; color: white; text-decoration: none;/*-moz-transform: scale(1.5);-webkit-transform: scale(1.5);-o-transform: scale(1.5); height:150%*/} .filtre_counter_projets{ font-family: "proxima-nova-extra-condensed-1","proxima-nova-extra-condensed-2",sans-serif; font-size:3.2em; font-style:normal; font-weight:800; line-height:1em; color: black; margin: 35px 0 -10px 0; position: absolute; text-transform: uppercase; padding: 0 20px 0 17px;} .filtre_liste_projets p a .total { color: #999; font-size: .7em; position: relative; top: -10px; } .selected_type_filter{ color:#FF0072; } .selected_filter{background-color:#FF0072; color: white !important;} .selected_filter .total { color:#000 !important; } /******************************************************************************************************************************************************************************** ********************* P R O J E T S F I C H E U L T R A N O I R ***************** /*******************************************************************************************************************************************************************************/ #projectsheet-batch { margin:0; overflow: hidden; padding:0; position: relative; z-index: 400; } /* WRAPPER */ #projectsheet-case { margin:0; overflow: hidden; padding:0; } #projectsheet-wrapper { height: 100%; margin:0; padding:0; position:relative; width: 100%; } /* BRAND */ #projectsheet-brand { display: block; height:160px; margin:0; padding:0; position:relative; text-align: left; width: 100%;} #projectsheet-brand .title { color:black; font-family: "proxima-nova-extra-condensed-1","proxima-nova-extra-condensed-2",sans-serif; font-size:5em; font-style:normal; font-weight:700; line-height:1em; left:98px; margin:0; padding:0; position:relative; text-transform: uppercase; top:62px; width:70%; } #projectsheet-brand .subtitle { color:black; font-family: "proxima-nova-extra-condensed-1","proxima-nova-extra-condensed-2",sans-serif; font-size:2.2em; font-style:normal; font-weight:200; line-height:1em; left:98px; margin:0; padding:0; position:relative; top:57px; text-transform:uppercase; width:50%; } #projectsheet-brand .buttons { height: 22px; margin:0 0 0; overflow: hidden; padding: 5px 0 0 5px; position: absolute; right:5px; top:43px; } #projectsheet-brand .buttons li { background:url(../gene/image/common/accueil/features/separator_01.gif) right 3px no-repeat; color:white; font-family: "proxima-nova-extra-condensed-1","proxima-nova-extra-condensed-2",sans-serif; font-size:1.6em; font-style:normal; font-weight:200; line-height:1em; float:left; list-style: none; margin: 0 8px 0 0; padding: 0 12px 0 0; text-transform: uppercase; } #projectsheet-brand .buttons .last { background: none;} #projectsheet-brand .buttons li a { color:#333;} #projectsheet-brand .buttons li a:hover { color:#666;} #projectsheet-brand .edition { background:black; height: 22px; margin:0 0 0; overflow: hidden; padding:5px 10px 0; position: absolute; right:0; top:77px; } #projectsheet-brand .edition li { background:url(../gene/image/common/accueil/features/separator_01.gif) right 3px no-repeat; color:white; font-family: "proxima-nova-extra-condensed-1","proxima-nova-extra-condensed-2",sans-serif; font-size:1.6em; font-style:normal; font-weight:700; line-height:1em; float:left; list-style: none; margin: 0 8px 0 0; padding: 0 8px 0 0; text-transform: uppercase; } #projectsheet-brand .edition .last { background: none;} #projectsheet-brand .date { color:black; font-family: "proxima-nova-extra-condensed-1","proxima-nova-extra-condensed-2",sans-serif; font-size:1.6em; font-style:normal; font-weight:700; line-height:1em; margin:0; padding:0; position: absolute; right:25px; text-transform: uppercase; top:111px; } /* SOCIAL */ #projectsheet-brand .social-sharing { list-style: none; margin: 0; overflow: hidden; padding: 0 25px 0 0; position: absolute; right: -105px; top: 40px; } #projectsheet-brand .social-sharing li { cursor:pointer; display: block; float: left; height: 31px; margin: 0 0 0 10px; overflow: hidden; padding: 0; position: relative; width: 31px; } #projectsheet-brand .social-sharing li a { display: block; height: 100%; text-indent: -9999px; width: 100%; } #projectsheet-brand .social-sharing .twitter a { background:url(../gene/image/common/logo/nav_twitter2.gif) no-repeat scroll 0 -31px transparent; } #projectsheet-brand .social-sharing .fb a { background:url(../gene/image/common/logo/nav_facebook2.gif) no-repeat scroll 0 -31px transparent; } #projectsheet-brand .social-sharing li .mouseenter { cursor:pointer; height: 31px; left: 0; margin: 0; padding: 0; position: absolute; top: 0; width: 31px; } #projectsheet-brand .social-sharing .twitter .mouseenter { background:url(../gene/image/common/logo/nav_twitter2.gif) no-repeat scroll 0 0 transparent; } #projectsheet-brand .social-sharing .fb .mouseenter { background:url(../gene/image/common/logo/nav_facebook2.gif) no-repeat scroll 0 0 transparent; } /* SCROLLMOVE GALLERY */ #smg-wrapper { background:black; height: 250px; overflow: auto; position: static; width:100%; z-index: 400; } #smg-wrapper .smg-batch { background:white; display: block; height: 100%; list-style: none; margin: 0; padding:0 0 0 5px; position: relative; width: 30000px; } #smg-wrapper .smg-batch .item { display: block; /*height: 250px;*/ float: left; margin: 0 5px 0 0; overflow: hidden; padding:0; position: relative; /*width: 400px;*/ } #smg-wrapper .smg-batch .item .poster { display: block; float:left; height: 100%; margin: 0; overflow: hidden; width: 100%; } #smg-wrapper .smg-batch .item .projectsheet-playervideo.playervideo-poster { background:url(../gene/image/common/ico/ico_play_fiche_large.png) center center no-repeat transparent; display: block; height: 100%; left: 0; margin: 0; overflow: hidden; position: absolute; text-indent: -9999px; top: 0; width: 100%; } #smg-wrapper .smg-batch .item .poster img { display: block; /*height: 100%; width: 100%;*/ } #smg-wrapper .smg-batch .item .title { background:url(../gene/image/common/pixel/black_80.png) left top repeat; bottom:-50px; color:white; display: block; font-family: "proxima-nova-extra-condensed-1","proxima-nova-extra-condensed-2",sans-serif; font-size:1.8em; font-style:normal; font-weight:400; line-height:50px; height:50px; left:0; position:absolute; text-align: left; text-indent: 10px; text-transform:uppercase; width: 100%; } #smg-wrapper .smg-batch .item .title .fitting { display:block; float: left; margin: 0 15px 0 0; overflow: hidden; } #smg-wrapper .smg-batch .item .title .projectsheet-playervideo { background:url(../gene/image/common/ico/ico_play_fiche.gif) left top repeat; display: block; height: 28px; margin: 11px 0 0; overflow: hidden; position: relative; text-indent: -9999px; width: 29px; } /* MORE FEATURES */ #projectsheet-morefeatures { color:#333; display:block; font-family: "proxima-nova-extra-condensed-1","proxima-nova-extra-condensed-2",sans-serif; font-size:2em; font-style:normal; font-weight:200; line-height:1em; left:25px; overflow:hidden; position:relative; text-align:left; text-transform:uppercase; top:-50px; width:250px; z-index:50; } #projectsheet-morefeatures .symbol { font:bold 1.5em Arial, Helvetica, sans-serif; position:relative; top:4px; } #projectsheet-morefeatures:hover { color:#666; } /* FEATURES */ #projectsheet-features { display:block; height:150px; margin:25px 0; overflow:hidden; padding:0; position:relative; width:99999px; z-index: 200; } #projectsheet-features .batch { height:100%; left:0; margin:0 0 0 15px; padding:0; position:absolute; top:0; width:auto; } #projectsheet-features .batch .item { background: url(../gene/image/common/pixel/grey_ccc.gif) right top repeat-y; display:block; float:left; height: 100%; margin:0 15px 0 10px; padding:0; position:relative; text-align:left; width:100px; } #projectsheet-features .batch .item.last { background: none; } #projectsheet-features .batch .item.desc { height: 150px; padding:0 50px 0 0; width: 450px; } #projectsheet-features .batch .item.desc .description { color:#666; font:normal 1.2em/1.4em Arial, Helvetica, sans-serif; margin: 0; padding:0; text-align: justify; } #projectsheet-features .batch .item.desc .description .firstletter { color:#333; display:block; float:left; font:normal 4em/1em "Times New Roman", Times, serif; margin:0 10px 0 0; overflow:hidden; } #projectsheet-features .batch .item.desc .description a { color: #000; font-weight: bold;} #projectsheet-features .batch .item.desc .description a:hover { color: #666; font-weight: bold;} #projectsheet-features .batch .item.category { height: 150px; padding:0 20px 0 10px; width: 230px; } #projectsheet-features .batch .item.category .subtitle { color:#333; font-family: "proxima-nova-extra-condensed-1","proxima-nova-extra-condensed-2",sans-serif; font-size:2.6em; font-style:normal; font-weight:700; line-height:1em; margin:0; overflow:hidden; padding:0; text-transform:uppercase; } #projectsheet-features .batch .item.awards { height: 150px; padding:0 20px 0 0; width: 270px; } #projectsheet-features .batch .item.awards .sequence { list-style: none; margin:0; overflow:hidden; padding:0; position:relative; width:100%; } #projectsheet-features .batch .item.awards .sequence .article { display:block; margin:0 0 5px; overflow:hidden; width:100%;} #projectsheet-features .batch .item.awards .sequence .article .logoaward { display:block; float:left; height: 46px; margin:0 20px 0 0; overflow:hidden; width:90px; } #projectsheet-features .batch .item.awards .sequence .article .mention { color:black; display:block; font-family: "proxima-nova-extra-condensed-1","proxima-nova-extra-condensed-2",sans-serif; font-size:2em; font-style:normal; font-weight:700; line-height:1em; overflow:hidden; text-transform:uppercase; } #projectsheet-features .batch .item.awards .sequence .article .mention span { color: #666666; display:block; font:normal .6em Arial, Helvetica, sans-serif; text-transform: none; } #projectsheet-features .batch .item.relation { height: 150px; padding:0 30px 0 20px; width: 250px; } #projectsheet-features .batch .item.relation .info, #projectsheet-features .batch .item.testimonial .label, #projectsheet-features .batch .item.partner .label { color: #666; margin:0 0 5px; } #projectsheet-features .batch .item.relation .title { color:black; display:block; font-family: "proxima-nova-extra-condensed-1","proxima-nova-extra-condensed-2",sans-serif; font-size:2.3em; font-style:normal; font-weight:700; line-height:1em; margin:0 0 10px; overflow:hidden; text-transform:uppercase; } #projectsheet-features .batch .item.relation .title a { color:black;} #projectsheet-features .batch .item.relation .title a:hover { color:#333;} #projectsheet-features .batch .item.relation .desc, #projectsheet-features .batch .item.testimonial .desc, #projectsheet-features .batch .item.partner .desc { color: #666; font:normal 1.2em/1.4em Arial, Helvetica, sans-serif; } #projectsheet-features .batch .item.relation .desc a { color: #666; } #projectsheet-features .batch .item.testimonial,#projectsheet-features .batch .item.partner { height: 150px; padding:0 30px 0 20px; width: 250px; } #projectsheet-features .batch .item.testimonial .htmltext { color: #666; font:normal 1.2em/1.4em Arial, Helvetica, sans-serif; } #projectsheet-features .batch .item.partner .key { color: black; display: block; font-family: "proxima-nova-extra-condensed-1","proxima-nova-extra-condensed-2",sans-serif; font-size:2.3em; font-style:normal; font-weight:700; line-height:1em; margin:0 0 0; overflow:hidden; text-transform:uppercase; } #projectsheet-features .batch .item.partner .key a { color:black } #projectsheet-features .batch .item.partner .value { color: #666; display: block; font:normal 1.2em/1.4em Arial, Helvetica, sans-serif; margin:0 0 10px; } /* DRAG */ #drag-ico { background:url(../gene/image/fr/ico/drag2.png) left top no-repeat; height:59px; left: -400px; margin:0; opacity:0; overflow: hidden; position: absolute; top:-15px; visibility:hidden; width:56px; z-index: 300; } /* ZOOM */ #zoom-ico { background:url(../gene/image/fr/ico/zoom2.png) left top no-repeat; height:56px; left: -400px; margin:0; opacity:0; overflow: hidden; position: absolute; top:-15px; visibility:hidden; width:59px; z-index: 400; } #projectsheet-sharefb { display: block; height: 0; left: 0; position: absolute; top:0; width: 0; z-index: 1; } /* MENU */ #projectsheet-menu { background:url(../gene/image/common/pixel/grey_666.gif) left top repeat-x white; bottom:50px; display:block; height:50px; left:0; margin:0; overflow: hidden; position:absolute; text-align: left; width:100%; z-index:400; } #projectsheet-menu .button { color:#333; display:block; font-family: "proxima-nova-extra-condensed-1","proxima-nova-extra-condensed-2",sans-serif; font-size:1.8em; font-style:normal; font-weight:300; line-height:1em; overflow: hidden; text-transform: uppercase; } #projectsheet-menu .button .symbol { font:normal .7em Arial, Helvetica, sans-serif; position: relative; top:-2px; } /*#projectsheet-menu .button:hover { color: #666; }*/ #projectsheet-menu .button.backbutton { background: url("../gene/image/common/services/bg_nav_services2.png") repeat-x scroll 0 0 transparent; height:50px; left:0; line-height:50px; padding:0 25px; position: absolute; top:0; } #projectsheet-menu .breadcrumb { border-left:1px solid #ccc; display: block; height: 37px; left:363px; margin: 0; padding: 0 0 0 18px; position: absolute; top: 16px; text-transform: uppercase; } #projectsheet-menu .breadcrumb .category { color:#333; font-family: "proxima-nova-extra-condensed-1","proxima-nova-extra-condensed-2",sans-serif; font-size:1.8em; font-style:normal; font-weight:300; line-height:1em; } #projectsheet-menu .breadcrumb .title { color:#333; font-family: "proxima-nova-extra-condensed-1","proxima-nova-extra-condensed-2",sans-serif; font-size:1.8em; font-style:normal; font-weight:700; line-height:1em; margin: 0 0 0 5px; } #projectsheet-menu .navigation { height:50px; list-style: none; margin: 0; overflow: hidden; padding: 0; position: absolute; right:0; top:1px; } #projectsheet-menu .navigation li a { background: url("../gene/image/common/services/bg_nav_services2.png") repeat-x scroll 0 0 transparent; display:block; height:50px; line-height:50px; padding:0 15px; } #projectsheet-menu .navigation .prev,#projectsheet-menu .navigation .next { display: inline-block; float:left; line-height:50px; margin: 0; padding: 0; } #projectsheet-menu .navigation .first { background: url("../gene/image/common/main_nav/separator-main_nav2.jpg") no-repeat scroll right 17px transparent; margin: 0; padding: 0; } /* VIDEO */ #projectsheet-videocontainer { display: none; left:0; position:absolute; top:0; z-index:0; height: 100%; width: 100%; z-index: 410; } #projectsheet-videocontainer video { /*height:100%; width:auto;*/ height:auto; width:100%; position:relative; z-index:1;} #projectsheet-videocontainer object { height:100%; width:100%; position:relative; z-index:1;} #projectsheet-videocontainer .fitter { height:100%; margin:0; overflow:hidden; position:relative; } .projectsheet-videocontrols.close,.projectsheet-videocontrols.loading { color:white; font-family: "proxima-nova-extra-condensed-1","proxima-nova-extra-condensed-2",sans-serif; font-size: 1.6em; font-style: normal; font-weight: 700; height:14px; line-height: 1em; /*font: normal 1.1em Arial;*/ padding:0 18px 0 0; position: absolute; right:20px; text-transform: uppercase; top: 20px; visibility: hidden; z-index: 500; } .projectsheet-videocontrols.close { background:url(../gene/image/common/ico/ico_close3.png) right top no-repeat; } .projectsheet-videocontrols.loading { background:url(../gene/image/common/ico/ico_wait_02.png) right top no-repeat; color:black; } /******************************************************************************************************************************************************************************** ********************* CMS ***************** /*******************************************************************************************************************************************************************************/ #cms { background:url(../gene/image/fr/cms/bg_black-ball.png) 43px 42px no-repeat; height:420px; margin:-235px auto; overflow:hidden; padding:0; position:relative; top:50%; width:1030px; } #cms .sticker { left:256px; position:absolute; top:55px; } #cms .infos { float:right; margin:55px 0 0 0; width:590px; } #cms .infos .title { color:#000; font-family: "proxima-nova-extra-condensed-1","proxima-nova-extra-condensed-2",sans-serif; font-size:8.5em; font-style:normal; font-weight:800; line-height:1em; margin:0 0 0 -3px; text-transform:uppercase; } #cms .infos .subtitle-01 { background-color:#000; color:#FFF; display:inline-block; font-family: "proxima-nova-extra-condensed-1","proxima-nova-extra-condensed-2",sans-serif; font-size:4em; font-style:normal; font-weight:700; line-height:1em; height:44px; margin: 0 0 10px; padding:5px 10px 0; text-transform:uppercase; } #cms .infos .version { color:#000; font-family: "proxima-nova-extra-condensed-1","proxima-nova-extra-condensed-2",sans-serif; font-size:1.8em; font-style:normal; font-weight:800; line-height:1em; margin:0 0 5px 0; text-transform:uppercase; } #cms .infos .version span { font-family: "proxima-nova-extra-condensed-1","proxima-nova-extra-condensed-2",sans-serif; font-weight:400; /*font-family:"helveticaltstd_cond",*/ Arial, Helvetica, sans-serif; font-size: 0.9em; } #cms .infos .desc { color:#000; font:normal 1.2em/1.4em Arial, Helvetica, sans-serif; margin: 0 0 10px; } #cms .infos .subtitle-02 { background-color:#ff0072; color:#FFF; display:inline-block; font-family: "proxima-nova-extra-condensed-1","proxima-nova-extra-condensed-2",sans-serif; font-size:1.8em; font-style:normal; font-weight:700; line-height:1em; height:26px; margin:0 0 10px 0; padding:7px 5px 0; text-transform:uppercase; } #cms .infos .logos a,#cms .infos .logos img{ margin:0 15px 0 0; } .download { bottom:50px; overflow:hidden; position:absolute; right:0; } .download .title{ color:#000; font:normal 1.1em/1em Arial, Helvetica, sans-serif; margin:0 0 5px 0; text-align:center; } .download .link{ background-color:#ff0072; color:#FFF; display:block; font-family: "proxima-nova-extra-condensed-1","proxima-nova-extra-condensed-2",sans-serif; font-size:2.2em; font-style:normal; font-weight:800; line-height:.8em; height:35px; position:relative; text-transform:uppercase; } .download .link a{ color:#FFF; display:block; height:26px; padding:9px 10px 0; position:relative; z-index:500; } .download .link a .arrow{ font-size:0.7em; margin:2px 0 0 5px; vertical-align:top; } /******************************************************************************************************************************************************************************** ********************* CONTACT ***************** /*******************************************************************************************************************************************************************************/ #contact { background:url(../gene/image/fr/contact/plaisir_garantie2.gif) 63px 0px no-repeat; height:618px; margin:-328px auto 0; overflow:hidden; padding:0 0 50px; position:relative; top:50%; width:1140px; z-index: 300;} @media screen and (max-height: 668px) { #contact { margin:0 auto; top:0; } } .contact_us{ left:0; overflow:hidden; position:absolute; top:342px; } .contact_us .title{ color:black; font:normal 7em/1em Arial, Helvetica, sans-serif; } /*.contact_us .title .style-01{ font:normal 1em/1em "burgues",Arial, Helvetica, sans-serif; margin:0 0 0 25px; }*/ .contact_us .title .style-01{ background:url(../gene/image/fr/contact/nous.png) 0 0 no-repeat; display:block; height:84px; margin:0 0 0 10px; text-indent:-9999em; width:156px; } .contact_us .title .style-02{ display:block; font-family: "proxima-nova-extra-condensed-1","proxima-nova-extra-condensed-2",sans-serif; font-size:1em; font-style:normal; font-weight:800; line-height:.8em; margin: -18px 0 0; text-transform:uppercase; } .contact_us .desc{ color:black; display:block; float:left; font:bold 1.1em/1em Arial, Helvetica, sans-serif; padding:3px 10px 0 0; text-transform:uppercase; text-align: right; width:162px; } .contact_us .tel{ color:white; display:block; float:left; font-family: "proxima-nova-extra-condensed-1","proxima-nova-extra-condensed-2",sans-serif; font-size:2.5em; font-style:normal; font-weight:800; letter-spacing:1px; line-height:1.6em; text-indent:10px; } .localisation{ clear:right; height:220px; float:right; width:475px; } .localisation p{ display:block; float:left; text-transform:uppercase; } .localisation .title{ display:block; float:none; height:44px; padding:0 3px 10px; position:relative; width:469px; } .localisation .title img{ left:0; position:absolute; top:0; } .localisation .number{ font-family: "proxima-nova-extra-condensed-1","proxima-nova-extra-condensed-2",sans-serif; font-size:18.3em; font-style:normal; font-weight:800; line-height:.72em; width:235px; } .localisation .street{ background-color:#000; color:#FFF; font-family: "proxima-nova-extra-condensed-1","proxima-nova-extra-condensed-2",sans-serif; font-size:2.3em; font-style:normal; font-weight:800; line-height:1em; height:29px; margin-left: 5px; padding: 4px 0 0 5px; width:230px; } .localisation .city{ font-family: "proxima-nova-extra-condensed-1","proxima-nova-extra-condensed-2",sans-serif; font-size:12.5em; font-style:normal; font-weight:700; line-height:.8em; margin:0 0 0 -1px; width:240px; } .localisation .gmap{ background-color:#000; color:#FFF; font-family: "proxima-nova-extra-condensed-1","proxima-nova-extra-condensed-2",sans-serif; font-size:2.1em; font-style:normal; font-weight:800; line-height:1em; height:23px; margin-top: -5px; padding: 5px 0 3px 10px; position:relative; text-align: center; width:100%; } .localisation .gmap a{ color:#FFF; display:block; position:relative; z-index:500; } /*.localisation .gmap a:hover{ color:#ff4800; }*/ .localisation .gmap a span{ font-size:.5em; margin:0 0 0 5px; vertical-align:top; } .form{ clear:right; float:right; height:389px; overflow:hidden; position:relative; width:475px; } .form .mask{ border-bottom:1px solid #000; height:242px; overflow:hidden; position:relative; } .form .content{ left:0; margin:0; padding:0; overflow:hidden; position:absolute; top:0; } .form > .title{ background-color:#000; color:#FFF; font-family: "proxima-nova-extra-condensed-1","proxima-nova-extra-condensed-2",sans-serif; font-size:5.2em; font-style:normal; font-weight:800; line-height:.9em; text-transform:uppercase; padding:6px 0 5px 12px; width:463px; } .form label{ display:block; border-bottom:1px solid #000; clear:both; height:34px; overflow:hidden; position:relative; z-index:300; } .form label span.title{ display:block; float:left; font-family: "proxima-nova-extra-condensed-1","proxima-nova-extra-condensed-2",sans-serif; font-size:2.4em; font-style:normal; font-weight:700; line-height:1em; padding: 5px 10px 5px 0; text-transform:uppercase; position:relative; } .form input{ color:#FF0072; display:block; float:right; font-family: "proxima-nova-extra-condensed-1","proxima-nova-extra-condensed-2",sans-serif; font-size:1.8em; font-style:normal; font-weight:700; line-height:1.8em; height:34px; padding:0 5px; text-transform:uppercase; position:relative; } .form .query select{ width:365px; } .form .name input{ width:320px; } .form .society input{ width:375px; } .form .email input{ width:385px; } .form .tel input{ width:335px; } .form .msg{ border-bottom:0 none; height:104px; } .form .msg span{ background-color:#FFF; padding: 5px 0 5px 0; width:100%; } .form select{ border:0 none; color:#FF0072; display:block; float:right; font-family: "proxima-nova-extra-condensed-1","proxima-nova-extra-condensed-2",sans-serif; font-size:2em; font-style:normal; font-weight:700; line-height:2em; height:34px; padding:0 0 0 0; text-transform:uppercase; } .form .select1{ background:url('../gene/image/fr/contact/bg_select1.gif') no-repeat right center; color:#FF0072; font-family: "proxima-nova-extra-condensed-1","proxima-nova-extra-condensed-2",sans-serif; font-size:2em; font-style:normal; font-weight:700; line-height:1.8em; text-transform:uppercase; } .form select option{ color:#FF0072; font-family: "proxima-nova-extra-condensed-1","proxima-nova-extra-condensed-2",sans-serif; font-style:normal; font-weight:700; } .form textarea{ border:0 none; color:#FF0072; display:block; font-family: "proxima-nova-extra-condensed-1","proxima-nova-extra-condensed-2",sans-serif; font-size:1.8em; font-style:normal; font-weight:700; line-height:1.8em; height:68px; padding:0 0 0 5px; position:relative; text-transform:uppercase; width:470px; } .form .submit{ background:url(../gene/image/fr/contact/btn_envoyer.gif) 0 0 no-repeat; cursor:pointer; display:block; float:left; height:65px; margin:7px 0 0 3px; padding:0; width:469px; } .form input:focus, .form textarea:focus { background-color:#FF0072; color:#fff; } .form-validation { height:301px; overflow:hidden; position:absolute; right: -467px; top: 235px; width:467px; z-index: 400; } .form-validation img { left:0; position: absolute; top: 0; } #contact .form .case { background-color:#FF0072; border-radius:5px; box-shadow:5px 5px 5px #999999; bottom: 12px; color:white; font:italic 1.2em/1.4em Arial, Helvetica, sans-serif; left:0; overflow:hidden; padding:20px; position:absolute; visibility: hidden; width: 430px; -moz-border-radius:5px; -moz-box-shadow:5px 5px 5px #999999; -ms-border-radius:5px; -ms-box-shadow:5px 5px 5px #999999; -o-border-radius:5px; -o-box-shadow:5px 5px 5px #999999; -webkit-border-radius:5px; -webkit-box-shadow:5px 5px 5px #999999; } #contact .form .case .close { background:url(../gene/image/common/ico/ico_close3.png) 0 0 no-repeat; bottom:7px; color:#fff; font:bold 1.4em/1em Arial, Helvetica, sans-serif; height:14px; position:absolute; right:7px; width:14px; z-index:1000; } #contact .form .case .close:hover { cursor:pointer; } /******************************************************************************************************************************************************************************** ********************* B L O G U T I L S ***************** /*******************************************************************************************************************************************************************************/ /* separateurs */ .separateur{ border-top:1px solid #cdcdcd; clear:both; } .separateur hr{ display:none; } .border-R { border-right:1px solid #cdcdcd; height:100%; position:absolute; right:0; top:0; width:0; z-index:500; } .grid-02 .separateur{ border-top:1px solid #cdcdcd; clear:both; width:1097px; } .grid-02 .border-R { border-right:1px solid #cdcdcd; height:100%; position:absolute; right:3px; top:0; width:0; z-index:201; } /******************************************************************************************************************************************************************************** ********************* B L O G H E A D E R***************** /*******************************************************************************************************************************************************************************/ /* BLOG LOGO */ #global-bs h2 a { display:block; text-indent: -9999em; } #global-bs .logo_bs { display:block; margin:0 auto; margin-top:40px; position:relative; z-index:2; } /* LIGNE INFO */ #global-bs .infoline { border-bottom:1px solid #999; border-top:1px solid #999; height:30px; margin:0 auto; margin-top:-2px; position:relative; width:1100px; } #global-bs .infoline .date { color:#000; font:normal 1.4em/2.2em "Times New Roman", Times, serif; left:10px; position:absolute; top:0; text-transform:uppercase; } #global-bs .infoline h3 { color:#000; font:normal 1.4em/2em "Times New Roman", Times, serif; letter-spacing:0.4em; text-align:center; text-transform:uppercase; } #global-bs .infoline .follow { font-family: "proxima-nova-extra-condensed-1","proxima-nova-extra-condensed-2",sans-serif; font-size:1.8em; font-style:normal; font-weight:300; line-height: 1.7em; list-style:none; position:absolute; right:0; text-transform:uppercase; top:0; } #global-bs .infoline .follow li { background:url(../gene/image/common/blog/sub-menu_sep.gif) right 50% no-repeat; float:left; } #global-bs .infoline .follow .last { background:0 none; } #global-bs .infoline .follow .newsletter { display:inline-block; position:relative; overflow:hidden; } #global-bs .infoline .follow li > a,#global-bs .infoline .follow li > p { float:left; } #global-bs .infoline .follow a,#global-bs .infoline .follow p { color:black; display:inline-block; padding:0 10px; position:relative; z-index:100; } #global-bs .infoline .follow a:hover { color:#666;} #global-bs .infoline .follow .rss { background:url(../gene/image/common/logo/rss-feed_nb.gif) 9px 7px no-repeat; color:black; padding-left:34px; } #global-bs .infoline .rollover { left:67%; opacity:0; position:absolute; top:-90px; visibility:hidden; z-index:1000; } #global-bs .infoline .rollover .case { background-color:#000; border-radius:5px; box-shadow:5px 5px 5px #999999; color:white; font:italic 1.2em/1.4em Arial, Helvetica, sans-serif; left:67%; overflow:hidden; padding:10px; -moz-border-radius:5px; -moz-box-shadow:5px 5px 5px #999999; -ms-border-radius:5px; -ms-box-shadow:5px 5px 5px #999999; -o-border-radius:5px; -o-box-shadow:5px 5px 5px #999999; -webkit-border-radius:5px; -webkit-box-shadow:5px 5px 5px #999999; } #global-bs .infoline .close { background:url(../gene/image/common/ico/ico_close3.png) 0 0 no-repeat; bottom:7px; color:#fff; font:bold 1.4em/1em Arial, Helvetica, sans-serif; height:14px; position:absolute; right:7px; width:14px; z-index:1000; } #global-bs .infoline .close:hover { cursor:pointer; } #global-bs .infoline .rollover .arrow { background:url(../gene/image/common/blog/newsletter-popup_arrow.png) 0 0 no-repeat; bottom:-16px; height:17px; left:30px; position:absolute; width:27px; } #global-bs .infoline .follow .form-case { position:absolute; right:0; top:0; overflow:hidden; } #global-bs .infoline .follow input[type=text] { background:url(../gene/image/common/blog/bg_newsletter-case.png) no-repeat scroll left center transparent; border: 0 none; color: white; display:block; float:left; font:normal .8em/1em Arial, sans-serif; margin:2px 5px 0 0; padding: 5px 10px; visibility: hidden; width: 140px; } #global-bs .infoline .follow input[type=text].true { } #global-bs .infoline .follow input[type=text].false { } #global-bs .infoline .follow input[type=submit] { background:url(../gene/image/fr/blog/btn_ok.png) 0 0 no-repeat; border:0 none; display:block; float:left; height: 22px; margin:4px 10px 0 0; width: 34px;} /*#global-bs .infoline .follow input[type=submit] { background:#fff none; border: 1px solid black; color: black; font:bold 1em/1em Arial, sans-serif; margin:-2px 10px 0 0; padding: 2px 4px 2px 3px; text-transform: uppercase; }*/ #global-bs .infoline .follow input[type=submit]:hover { cursor:pointer; } /* BREADCRUMB */ .breadcrumb { color:#666; font:normal 1em/1em Arial, Helvetica, sans-serif; height: 12px; margin:0 0 35px 0; overflow:hidden; position:relative; } #global-bs .sheet .breadcrumb { font-size: 1.1em; } .breadcrumb a { color:#000; font-weight:bold; height: 12px; } .breadcrumb ul,.breadcrumb li { height: 12px; list-style:none; } .breadcrumb ul li { border-left:1px solid #ccc; float:left; height: 12px; padding:0 6px; } .breadcrumb ul .first { border-left:0 none; padding:0 6px 0 0; } /* BAR */ #global-bs .bar { border-top:1px solid #ccc; overflow:hidden; padding:10px 0; position:relative; } #global-bs .bar .author-case { margin: 0; float:left; width:550px; } #global-bs .bar .share { height:50px; margin: 0; overflow: hidden; position: absolute; right: 0; top: 0; } #global-bs .bar .share .title { color: black; font-family: "proxima-nova-extra-condensed-1","proxima-nova-extra-condensed-2",sans-serif; font-size:1.6em; font-style:normal; font-weight:600; margin: 22px 0 0; text-transform: uppercase; } #global-bs .bar .share .title a { color: black; } /* SOCIAL */ /*#global-bs .bar .social-sharing { list-style: none; margin: 0; overflow: hidden; padding: 0; position: absolute; right: -105px; top: 16px; } #global-bs .bar .social-sharing li { cursor:pointer; display: block; float: left; height: 32px; margin: 0 0 0 10px; overflow: hidden; padding: 0; position: relative; width: 32px; } #global-bs .bar .social-sharing li a { display: block; height: 100%; text-indent: -9999px; width: 100%; } #global-bs .bar .social-sharing .twitter a { background:url(../gene/image/common/ico/social_network_fiche.png) left 0 no-repeat; } #global-bs .bar .social-sharing .fb a { background:url(../gene/image/common/ico/social_network_fiche.png) right 0 no-repeat; } #global-bs .bar .social-sharing li .mouseenter { cursor:pointer; height: 32px; left: 0; margin: 0; padding: 0; position: absolute; top: 0; width: 32px; } #global-bs .bar .social-sharing .twitter .mouseenter { background:url(../gene/image/common/ico/social_network_fiche.png) left -32px no-repeat; } #global-bs .bar .social-sharing .fb .mouseenter { background:url(../gene/image/common/ico/social_network_fiche.png) right -32px no-repeat; }*/ #global-bs .bar .social-sharing { list-style: none; margin: 0; overflow: hidden; padding: 0; position: absolute; right: -105px; top: 16px; } #global-bs .bar .social-sharing li { cursor:pointer; display: block; float: left; height: 31px; margin: 0 0 0 10px; overflow: hidden; padding: 0; position: relative; width: 31px; } #global-bs .bar .social-sharing li a { display: block; height: 100%; text-indent: -9999px; width: 100%; } #global-bs .bar .social-sharing .twitter a { background:url(../gene/image/common/logo/nav_twitter2.gif) no-repeat scroll 0 -31px transparent; } #global-bs .bar .social-sharing .fb a { background:url(../gene/image/common/logo/nav_facebook2.gif) no-repeat scroll 0 -31px transparent; } #global-bs .bar .social-sharing li .mouseenter { cursor:pointer; height: 31px; left: 0; margin: 0; padding: 0; position: absolute; top: 0; width: 31px; } #global-bs .bar .social-sharing .twitter .mouseenter { background:url(../gene/image/common/logo/nav_twitter2.gif) no-repeat scroll 0 0px transparent; } #global-bs .bar .social-sharing .fb .mouseenter { background:url(../gene/image/common/logo/nav_facebook2.gif) no-repeat scroll 0 0px transparent; } /******************************************************************************************************************************************************************************** ********************* B L O G H O M E ***************** /*******************************************************************************************************************************************************************************/ /******************************************************************************************************************************************************************************** ********************* B L O G A R C H I V E S ***************** /*******************************************************************************************************************************************************************************/ /* SOUS-MENU */ .sub-menu { margin:0 auto -11px; overflow:hidden; position:relative; top:0; width:1100px;} .sub-menu > ul { height:40px; } .sub-menu .main { display:block; float:left; list-style:none; width:245px; z-index:2; } .sub-menu .main li { display:block; float:left; font-family: "proxima-nova-extra-condensed-1","proxima-nova-extra-condensed-2",sans-serif; font-size:1.8em; font-style:normal; font-weight:300; line-height: 40px; text-transform:uppercase; } .sub-menu .main li a { background:url(../gene/image/common/blog/sub-menu_sep.gif) left 50% no-repeat; /*border-bottom:1px solid #ccc;*/ color:black; display:block; padding:0 15px 0 16px; z-index:2; } .sub-menu .main li.first a { background:0 none; padding-left:10px; } .sub-menu .main li.active a { font-weight:bold; } .sub-menu .filter { display:block; float:left; list-style:none; z-index:2; } .sub-menu .filter > li { float:left; } .sub-menu .filter > li > a { color:black; display:block; font-family: "proxima-nova-extra-condensed-1","proxima-nova-extra-condensed-2",sans-serif; font-size: 1.8em; font-style: normal; font-weight: 700; line-height: 40px; height:41px; padding:0 15px; text-transform:uppercase; } .sub-menu .filter > li.active > a { background-color:black; color:white; } .sub-menu .filter > li > em { color:#666; font:italic 1.4em/2.8em "Times New Roman", Times, serif; padding:0 10px; } .sub-menu > ul > li span { font-size:.6em; margin:2px 0 0 2px; vertical-align:top; } .sub-menu > ul > li > a:hover { color:#666; } .sub-menu .filter > li > a:hover, .sub-menu .filter > .active > a { background-color:#000; color:#fff; } .sub-menu .main .first a { background:0 none; padding-left:10px; } .sub-menu .main > li.active a { font-weight:bold; } /* SOUS-NAV */ .sub-menu .sub-nav { background-color:#000; display:block; left:0; overflow:hidden; position:absolute; top:41px; visibility: hidden; width:1047px; z-index: 10} .sub-menu .sub-nav { list-style:none; } .subnav-case { background-color:#000; clear:both; height:100%; left:0; padding-bottom:2px; position:absolute; top:41px; width:1101px; z-index:1 } .sub-menu .sub-nav1 { padding:0 25px 25px; } .sub-menu .sub-nav1 .item { float:left; margin:25px 29px 0 0; overflow: hidden; padding: 0; position: relative; width:240px; } .sub-menu .sub-nav1 .item input { display:inline-block; float:left; margin:0 29px 0 0; } .sub-menu .sub-nav1 .item label { color:#FFF; display:block; float:left; font: normal 1.2em/.9em Arial, Helvetica, sans-serif; text-transform:uppercase; } .sub-menu .sub-nav1 .item label:hover { cursor:pointer; } .sub-menu .sub-nav1 .item.last, .sub-menu .sub-nav2 .item.last { margin-right:0; } .sub-menu .sub-nav2 { padding:0 25px 20px; } .sub-menu .sub-nav2 .item { border:1px solid #000; color:#FFF; float:left; height: 48px; margin:20px 45px 2px 0; overflow: hidden; padding:9px; position: relative; width:208px; } .sub-menu .sub-nav2 .item.active { background:url(../gene/image/common/blog/archive/author_selected.gif) 200px 8px no-repeat;} .sub-menu .sub-nav2 .item:hover { cursor:pointer; } .sub-menu .sub-nav2 .item .author{ position:relative; overflow:hidden; } .sub-menu .sub-nav2 .item:hover { border:1px solid #666; } .sub-menu .sub-nav2 .item.active { border:2px solid #fff; padding:8px; } .sub-menu .sub-nav2 .item .name { color:#FFF; display:inline-block; font: italic bold 1.4em/1em "Times New Roman", Times, serif; margin:8px 0 5px 0; } .sub-menu .sub-nav2 .item .job { color:#FFF; font: italic 1.2em/1em "Times New Roman", Times, serif; } .sub-menu .sub-nav2 .item img { float:left; margin:0 15px 0 0; } /******************************************************************************************************************************************************************************** ********************* B L O G F I C H E ***************** /*******************************************************************************************************************************************************************************/ #global-bs .sheet { background:white; margin: 11px 0 0; /*min-height: 700px;*/ height: auto; overflow:hidden; position:relative; } #global-bs .sheet .wrapper { text-align:left; } #global-bs .sheet .case-03 { /*background-color:white;*/ float:left; padding:20px 20px 20px 10px; position: relative; width:795px; z-index: 300; } #global-bs .sheet .case-04 { /*border-left: 1px solid #ccc;*/ float:left; overflow: hidden; padding:20px; position: relative; width:234px; z-index: 300; } #global-bs .sheet .button { color:white; display:block; float:right; font:bold 1.1em/1em Arial, Helvetica, sans-serif; padding:18px 29px 14px 0; text-transform:uppercase; } #global-bs .sheet .button:hover { color:#ccc; } #global-bs .sheet .title-01 { font-size:7em; line-height:1em; margin:2px 0 20px 0; } #global-bs .sheet .subtitle-01 { margin:0; } #global-bs .sheet .intro { clear:both; font:italic 2em/1em "Times New Roman", Times, serif; margin:0 0 20px 0; } #global-bs .sheet .intro a { color: #000;} #global-bs .sheet .sheet-bg { height: 800px; left: 0; margin: 0; overflow: hidden; position: absolute; top: 0; width: 100%;} #global-bs .sheet .sheet-bg .poster { display: block; position: relative; width: 100%; z-index: 10; filter: alpha(opacity=30); opacity: 0.3; visibility:hidden; } #global-bs .sheet .sheet-bg .shade { background:url(../gene/image/common/blog/fiche/bg-sheet-02.png) 0 0 repeat-x; display: block; height: 100%; left: 0; margin: 0; position: absolute; top: 0; width: 100%; z-index: 50; } /* CONTENT */ #global-bs .content { border-top:1px solid #ccc; clear:both; padding:15px 0 0 0; position: relative; z-index: 300; } #global-bs .content img { padding:15px 0 10px 0; } #global-bs .content .desc { color:#666; font:normal 1.4em/1.4em Arial, Helvetica, sans-serif; margin:15px 0 0 0; } #global-bs .content .desc a:link { color:#000; font:normal 1em/1.4em Arial, Helvetica, sans-serif; margin:15px 0 0 0; } #global-bs .content .desc a:visited{ color:#000;} #global-bs .content .desc a:hover{ color:#999;} #global-bs .content em { display:block; font:italic 1.2em/1em "Times New Roman", Times, serif; margin:0 0 0 0; } #global-bs .sheet .wrapper { background: url(../gene/image/common/pixel/grey_ccc_02.gif) 825px 0px repeat-y ; border-top: 1px solid #ccc; margin:0 auto; position: relative; z-index: 70; } #global-bs .sheet .btn_back { color:white; font-weight:600; font-size:1.8em; line-height:3.5em; margin:0 auto; padding: 0 0 0 2px; position: relative; text-transform:uppercase; width:1090px; z-index: 70; } #global-bs .sheet .btn_back a { color:white; position: relative; z-index: 300; } #global-bs .sheet .btn_back .fxjs { top: 21px; } #global-bs .sheet .btn_back span { font:italic 1em/1em Arial,sans-serif; } #global-bs .sheet .anchor { color: #000; float: right; font:italic 1.2em/1em "Times New Roman", Times, serif; margin: 5px 0 10px; padding: 0 5px; } #global-bs .sheet .anchor .symbol { background: url(../gene/image/common/ico/ico_gototop.gif) 0px 0px no-repeat; display: inline-block; height: 20px; margin: 0 0 0 5px; padding: 0 0 0 0; position:relative; top:6px; width: 20px; } #global-bs .sheet .anchor:hover { cursor: pointer; } #global-bs .sheet .comments-form { border-top: 1px solid #ccc; margin: 25px 0 0; overflow: hidden; padding: 15px 0 0; position: relative; width: 100%; } .comments-form-L { float: left; } .comments-form-R { float: right; } #global-bs .sheet .comments-form form { display: block; margin: 0; padding: 0; } #global-bs .sheet .comments-form .titre { color: black; display:block; font:italic 2.2em/1em "Times New Roman", Times, serif; margin:0 0 15px 0; } #global-bs .sheet .comments-form .libel { color: #000; display: block; font:bold 1.1em/1.4em Arial, Helvetica, sans-serif; margin: 0 0 4px; width: 200px; } #global-bs .sheet .comments-form .libel .optional {color: #999; } #global-bs .sheet .comments-form .field-text { background: #e2e2e2; border: 1px solid #999; display: block; height: 25px; margin: 0 0 24px; padding: 6px 0 0 5px; width: 380px; } #global-bs .sheet .comments-form .field-longtext { background: #e2e2e2; border: 1px solid #999; display: block; font:normal 1.2em/1.4em Arial, Helvetica, sans-serif; height: 179px; margin: 0 0; padding: 5px 0 0 5px; width: 380px; } #global-bs .sheet .comments-form .field-submit { background: #000; border-radius:5px; color: #fff; float: right; font:bold 1.1em/1.4em Arial, Helvetica, sans-serif; height: 28px; margin: -10px 0 24px; padding: 0 0 0 5px; text-align: center; width: 200px; -moz-border-radius:5px; -webkit-border-radius:5px; } #global-bs .sheet .comments-form .field-submit:hover { background: #ff0066; cursor: pointer; } #global-bs .sheet .comments-catalog { border-top: 1px solid #ccc; margin: 25px 0 0; overflow: hidden; padding: 15px 0 0; position: relative; width: 100%; } #global-bs .sheet .comments-catalog .folio { border-bottom: 1px solid #ccc; color: #666; display: block; font:italic 1.4em/1em "Times New Roman", Times, serif; padding: 10px 0 15px; text-align: right; } #global-bs .sheet .comments-catalog .folio strong{ color: #000; font-family: "proxima-nova-extra-condensed-1","proxima-nova-extra-condensed-2",sans-serif; font-size: 3em; font-style: normal; font-weight: 600; } #global-bs .sheet .comments-catalog .nocomment { color: black; display:block; font:italic 1.5em/1em "Times New Roman", Times, serif; margin:15px 0; } #global-bs .sheet .comments-catalog .item { border-bottom: 1px solid #ccc; margin: 20px 0; overflow: hidden; padding: 0 0 20px 0; position: relative; } #global-bs .sheet .comments-catalog .item .date { color: #666; display:block; font:normal 1.1em/1.4em Arial, Helvetica, sans-serif; margin:0 0 5px 0; } #global-bs .sheet .comments-catalog .item .avatar { float: left; margin: 4px 10px 10px 0;} #global-bs .sheet .comments-catalog .item .info { float: left; overflow: hidden; } #global-bs .sheet .comments-catalog .item .name { color: black; display:block; font-family: "proxima-nova-extra-condensed-1","proxima-nova-extra-condensed-2",sans-serif; font-size: 2em; font-style: normal; font-weight: 600; margin:2px 0 0 0; text-transform: uppercase; } #global-bs .sheet .comments-catalog .item .site { color: #666; display:block; font:normal 1.2em/1.4em Arial, Helvetica, sans-serif; margin:-4px 0 0 0; } #global-bs .sheet .comments-catalog .item .site:hover { text-decoration: underline; } #global-bs .sheet .comments-catalog .item .desc { clear: both; color: #666; display:block; font:normal 1.2em/1.4em Arial, Helvetica, sans-serif; margin:20px 0 0 0; } /* CASE 04 - right column */ #global-bs .sheet .case-04 h4{ border-bottom:5px solid #000; color:black; font-weight:600; font-size:1.8em; line-height:1em; padding:0 0 8px 0; text-transform:uppercase; } #global-bs .sheet .case-04 .poster { border: 1px solid black; display: block; float: left; height: 52px; margin: 0 10px 0 0; overflow: hidden; position: relative; width: 79px; } #global-bs .sheet .case-04 .poster img { display: block; height: 100%; width: 100%; } #global-bs .sheet .case-04 ul{ list-style:none; margin:0 0 50px 0; } #global-bs .sheet .case-04 ul li{ border-bottom:1px solid #ccc; margin: 0; overflow: hidden; padding:12px 0; position: relative; } #global-bs .sheet .case-04 ul .last { border-bottom:0 none; } #global-bs .sheet .case-04 .title a{ color:#666666; display: block; font:bold 1.1em/1.1em Arial, Helvetica, sans-serif; margin: 3px 0 2px; text-transform:uppercase; } #global-bs .sheet .case-04 .desc{ color:#666666; font:normal 1em/1em Arial, Helvetica, sans-serif; text-transform: uppercase; } #global-bs .sheet .case-04 .date{ color:#666666; font:normal 1em/1em Arial, Helvetica, sans-serif; margin: 0 0 0 91px; text-transform: uppercase; } /******************************************************************************************************************************************************************************** ********************* B L O G G R I L L E S ***************** /*******************************************************************************************************************************************************************************/ /* TITLES */ /* 01 */ .title-01 { color:#000; display:inline-block; font-size: 7em; font-style: normal; font-weight: 800; line-height: 0.8em; margin:30px 12px 20px; text-transform:uppercase; } .title-01 .subtitle-01 { color:#000; display:block; font-size: .4em; font-style: normal; font-weight: 300; line-height: 0.8em; margin:15px 0 0 0; } .title-01 .subtitle-02 { color:#000; display:block; font-size: .4em; font-style: normal; font-weight: 400; line-height: 1em; margin:10px 0 0 0; } /* 02 */ /*.title-02 { color:#000; display:inline-block; font:normal 4em/0.8em "antique", Arial, Helvetica, sans-serif; margin:10px 12px; text-transform:uppercase; } .title-02 .subtitle-01 { color:#000; font-size: .7em; font-style: normal; font-weight: 300; line-height: 1em; }*/ /* 03 */ /*.title-03 { color:#000; display:inline-block; font:normal 5em/0.7em "Old Script", Arial, Helvetica, sans-serif; margin:5px 12px 10px; } .title-03 .subtitle-01 { color:#000; font:normal 0.6em/1em "bernard","Arial Narrow", Arial, Helvetica, sans-serif; text-transform:uppercase; }*/ /* 04 */ .title-04 { color:#000; display:inline-block; font:normal 2em/1em "Arial Narrow", Arial, Helvetica, sans-serif; margin:0px 12px 10px; text-transform:uppercase; } /* 05 */ .title-05 { color:#000; display:inline-block; font:normal 8em/1em "burgues", Arial, Helvetica, sans-serif; margin:0px 12px 10px; } .title-05 .subtitle-01 { color:#000; font:normal 0.5em/1em "Arial Narrow", Arial, Helvetica, sans-serif; text-transform:uppercase; } /* 06 */ /*.title-06 { color:#000; display:inline-block; font:italic 4em/1em "Times New Roman", Times, serif; margin:0px 12px 10px; }*/ /* 07 - item size1 */ .title-07 { color:#000; display:inline-block; font-size: 2em; font-style: normal; font-weight: 800; line-height: 1em; margin:0 12px 10px; text-transform:uppercase; } .title-07 .subtitle-01 { color:#000; display: block; font-size: .88em; font-style: normal; font-weight: 300; line-height: .9em; } /* 08 */ /*.title-08 { color:#000; display:inline-block; font:normal 4em/0.8em "Times New Roman", Times, serif; margin:0 12px 10px; } .title-08 .subtitle-01 { color:#000; font-size: .6em; font-style: normal; font-weight: 800; line-height: 1em; text-transform:uppercase; } .title-08 .subtitle-02 { color:#000; font-size: .6em; font-style: normal; font-weight: 300; line-height: 1em; text-transform:uppercase; }*/ /* 09 - item size2 */ .title-06, .title-09 { color:#000; display:inline-block; font-size: 4em; font-style: normal; font-weight: 800; line-height: .9em; margin:0 12px 5px; text-transform:uppercase; } .title-06 .subtitle-01, .title-09 .subtitle-01 { color:#000; display: block; font-size: .8em; font-style: normal; font-weight: 300; line-height: 1em; text-transform:uppercase; } /* 10 - item size4 */ .title-02, .title-03, .title-08, .title-10 { color:#000; display:inline-block; font-size: 4em; font-style: normal; font-weight: 800; line-height: .9em; margin:0 12px 5px; text-transform:uppercase; } .title-02 .subtitle-01, .title-03 .subtitle-01, .title-08 .subtitle-01, .title-10 .subtitle-01 { color:#000; display: block; font-size: .8em; font-style: normal; font-weight: 300; line-height: 1em; text-transform:uppercase; } /* GRILLE HOME */ .grid-wrapper { border-bottom:1px solid #cdcdcd; margin:0 auto; padding:0; position:relative; width:980px; } .grid-01 { margin:11px auto 0; padding:0; position:relative; width:1100px; } .grid-01 .case-01 { float:left; height:550px; position:relative; width:550px; } .grid-01 .case-01-R { } .grid .info { color:#666; font:normal 1em/1em Arial, Helvetica, sans-serif; margin:12px; } .info strong, .info strong a { color:black; } .info strong a:hover { text-decoration:underline; } .grid-01 .case-01 img { } .grid-01 .case-01 .visual { border:1px solid black; margin:12px 12px 0 12px; overflow:hidden; } .grid-01 .case-01 .item-size1 .visual { height:165px; width:250px; } .grid-01 .case-01 .item-size2 .visual { height:0px; width:0px; } .grid-01 .case-01 .item-size4 .visual { height:278px; width:522px; } .author-case .portrait { border:2px solid black; margin:0 12px; } .author-case { margin: 0 0 10px 0; position:relative; overflow:hidden; } .author-case img { float:left; } .author-case p{ color:#666; margin:0; width:520px; } .author-case .name{ color:black; font:normal 1.4em/1em Arial, Helvetica, sans-serif; margin:8px 12px 3px 12px; } .author-case .job{ color:#666; font:italic 1.4em/1em "Times New Roman", Times, serif; } .author-case .job span{text-transform:uppercase; } .grid-01 .case-01 h5 a { color:black; } .grid h5 a:hover, .grid h5 a:hover span { color:#666!important; } .grid-01 .case-01 .title-01 {} .grid-01 .case-01 .desc { clear:left; color:#666; font:normal 1.2em/1.4em Arial, Helvetica, sans-serif; margin:0px 12px 0px 12px; width:520px; } .grid-01 .case-01 .desc a { color: #666; } .grid-01 .case-01.blank p {width:480px;} .grid-01 .case-01 .client{ color:#FFF; font:italic 1.2em/1em "Times New Roman", Times, serif; left:4px; position:absolute; top:455px; } .grid-01 .case-01 .client .name{ color:#fff; } .grid-01 .case-01 .client .desc{ color:#999; display:block; } .grid-01 .case-01 .author, .grid-02 .case-02 .author { color:#666; font:normal 1.1em/1em Arial, Helvetica, sans-serif; left:12px; position:absolute; } .grid-01 .case-01 .item-size1 .author, .grid-02 .case-02 .author { top:253px; } .grid-01 .case-01 .item-size2 .author { top:253px; } .grid-01 .case-01 .item-size4 .author { top:528px; } .grid-01 .case-01 .author strong, .grid-02 .case-02 .author strong{ color:black; } /* CASE01 ITEM SIZE1 */ .grid-01 .case-01 .cadreItem { float:left; position:relative; } .grid-01 .case-01 .cadreItemS1 { height:275px; width:275px; } .grid-01 .case-01 .cadreItemS2 { height:275px; width:550px; } .grid-01 .case-01 .cadreItemS4 { height:550px; width:550px; } .grid-01 .case-01 .item-size1 { background:url(../gene/image/common/blog/grid_item_s.gif) 0 0 no-repeat; float:left; height:275px; position:relative; width:275px; margin:0; } .grid-01 .case-01 .item-size1 .content { margin:1px 0 0 1px!important; } .grid h5 a { color:black; } .grid-01 .case-01 .item-size1 h5 a:hover { color:#666; } .case-01 .item-size1 .info, .case-02 .info { margin: 4px 12px 5px; } .item-size1 .info, .item-size1 h5, .item-size1 h5 span, .item-size1 .desc, .item-size1 .author { width:250px; } /* CASE01 ITEM SIZE2 */ .grid-01 .case-01 .item-size2 { background:url(../gene/image/common/blog/grid_item_m.gif) 0 0 no-repeat; float:left; height:275px; position:relative; width:550px; z-index:2; } .item-size2 .info, .item-size2 h5, .item-size2 h5 span, .item-size2 .desc, .item-size2 .author { width:526px; } /* CASE01 ITEM SIZE4 */ .grid-01 .case-01 .item-size4 { background:url(../gene/image/common/blog/grid_item_l.gif) 0 0 no-repeat; float:left; height:550px; position:relative; width:550px; margin:0; z-index:3; } .item-size4 .info, .item-size4 h5, .item-size4 h5 span, .item-size4 .desc, .item-size4 .author { width:526px; } /* GRILLE ARCHIVES */ #grid-wrapper #work { padding:1px 0 0 2px; } #organiz-wrapper { background:url(../gene/image/common/blog/archive/grid_02.gif) 10px top repeat-y; margin: 11px auto 0; padding:11px 0 0; position: relative; overflow: hidden; width:1122px;} #organiz-wrapper .cache { background: white; border-bottom:1px solid #ccc; display:block; height:11px; left:10px; position:absolute; top:0; width:1101px; } .grid-02 { margin:0 auto; padding:0; position:relative; width:1100px; } .grid-02 .case-02 .item .visual { border:1px solid black;height:165px; margin:11px 0 0 11px; width:250px; overflow:hidden; } .grid-02 .case-02 .item .visual img { display: block; height:165px; width:250px; } .grid-02 .case-02 .item { background:url(../gene/image/common/blog/grid_item_s2_1.gif) 0 0 no-repeat; float:left; height:276px; margin: -1px 0 0 -2px; position:relative; width:276px; } .grid-02 .case-02 .item .loader { background:url(../gene/image/common/loader/loader_03.gif) center center no-repeat white; display: block; height: 273px; left:1px; position: absolute; text-indent: -9999px; top:1px; width: 273px; } .grid .case-02 { float:left; height:275px; position: relative; width:275px; z-index: 300; } .organiz-separ { margin: 0 auto; position:relative; top:-1px; width: 1100px; }