/* groupeReflect 2009 */ /* commons */ html * { font-size: 100.01% ; outline:none;} body { background: #000000 url("/images/bg-home.jpg") no-repeat top center; padding: 0; height:100%; width: 100%;} body { font-family: Arial, 'Trebuchet MS', Verdana, Helvetica, sans-serif; font-size: 75.00%; color: #fff; margin:0; padding:0; } h1,h2,h3,h4,h5,h6 { font-family: Arial, 'Trebuchet MS', Verdana, Helvetica, sans-serif; font-weight:bold; color:#666; margin: 0 0 0.25em 0; } h1 { font-size: 200% ; color:#43BCFD} /* 24px */ h2 { font-size: 200%; color:#43BCFD} /* 24px */ h3 { font-size: 150% ; color:#43BCFD} /* 18px */ h4 { font-size: 133.33% ; color:#43BCFD} /* 16px */ h5 { font-size: 116.67% ; color:#43BCFD} /* 14px */ h6 { font-size: 116.67%; font-style:italic ; color:#43BCFD } /* 14px */ #header h1 { font-size:2.5em; letter-spacing:-2px; line-height:100%; color:#fff; margin:0; padding:0; float:left; width: 65%; text-indent:-6999px; width: 202px; height:47px; overflow:hidden; padding-top:15px; } #header h1 a { background:url(/images/logo.gif) no-repeat left top ; text-indent:-6999px; float:left; width: 202px; height:47px; } #header span { color:#fff; display:block; clear:both;} p { line-height: 1.5em; margin: 0 0 1em 0; font-size:12px; } p span {color : #fff; font-weight:bold; } ul, ol, dl { line-height: 1.5em; margin: 0 ; padding:0 } li { line-height: 1.5em ; margin: 0 ; padding:0} dt { font-weight: bold } dd { margin: 0 0 1em 2em } /* ### text formatting | Textauszeichnung ### */ cite, blockquote { font-style:italic } blockquote { margin: 0 0 1em 1.5em } strong,b { font-weight: bold } em,i { font-style:italic } pre, code { font-family: monospace; font-size: 1.1em; } acronym, abbr { letter-spacing: .07em; border-bottom: .1em dashed #c00; cursor: help; } #page_margins { width : 980px; margin: 0 auto; padding:0; } #page{ font-size:11px; float:left; display:block; clear:both; overflow:hidden; } bbody { text-align: center } #page_margins { text-align:left } #header { color: #000; padding: 0 0 1em 0px; float:left; display:block; clear:both; width: 100%; height:82px; z-index:99; position:relative; background:url(/images/bg-header.png) no-repeat left top; } #topnav { top : 0px; float:right; width: 530px;text-align:right; } #nav ul {} #nav_main { background:url(/images/bg-menu.gif) no-repeat bottom right; height:43px;} .main { position:relative; top :-105px !important; height:604px ; float:left; width: 980px;display:block; clear:both; } img { border:0;} #nav_main, #footer , .main, #topnav {display:block; clear:both; } #footer { color:#fff; float:left; display:block; clear:both; background:url(/images/separateur.gif) no-repeat top center; padding: 1em 0 0 0 ; margin : 1em 0 -1em 0; width: 980px; position:relative; height:20px; overflow:hidden; } .homeFooter {top : -60px !important} #footer .rightLnk {float:left; width: 120px;} #footer .rightLnk a:hover {background:none ; } #footer .leftLnk {float:left; width: 600px; } #footer .centerLnk { width: 379px; float:left; } #footer .centerLnk li { float:left; display:inline; } #footer .centerLnk a { float:left; display:block; clear:both; overflow:hidden; } #footer .centerLnk a:hover { background:none;float:left;} #footer * { display:inline;} /* #footer .leftLnk * { position:relative;}*/ #footer .emakina {float:right !important; background:url(/images/logo-emakina.gif) no-repeat center right; width: 110px; height:15px; } #footer .emakina:hover {background:url(/images/logo-emakina.gif) no-repeat center right !important; opacity:0.5 } #footer a.lnkXHTML:hover, #footer a.lnkXHTML { background:url(/images/xhtml.gif) no-repeat left top ; width:49px; height:13px; float:left;padding-left:18px; line-height:1.4em; } #footer a.lnkCSS:hover, #footer a.lnkCSS { background:url(/images/css.gif) no-repeat left top ; width:40px; height:13px; float:left; padding-left:18px; line-height:1.4em } #footer a.lnkRSS:hover, #footer a.lnkRSS { background:url(/images/footer-rss.gif) no-repeat left top ; width:49px; height:13px; float:left; padding-left:22px; line-height:1.4em } #footer a.lnkXHTML:hover, #footer a.lnkCSS:hover, #footer a.lnkRSS:hover { color:#43BCFD; text-decoration:none; } #col1, #col2, #col3 { width: 33% ; float:left; } #col1_content { padding: 10px 10px 10px 20px; } #col2_content { padding: 10px 20px 10px 10px; } #col3_content { padding: 10px } .main .containerFullCol { } #rightCol { width: 20%; float:right; padding: 10px } #leftCol { width: 70%; float:left; padding: 10px 10px 10px 0px; } /* HEADER // navigation */ #nav * { border: 0px none !important ;} #nav_main { padding-top:10px; } #nav_main a.business { background:url(/images/menu/menu-business.png) no-repeat left center ; width:67px; height:36px;} #nav_main li.selected a.business, #nav_main a.business:hover { background:url(/images/menu/menu-business-o.png) no-repeat left center ; width:67px; height:36px;} #nav_main a.adn { background:url(/images/menu/menu-adn.png) no-repeat left center ; width:37px; height:36px;} #nav_main li.selected a.adn, #nav_main a.adn:hover { background:url(/images/menu/menu-adn-o.png) no-repeat left center ; width:37px; height:36px;} #nav_main a.Showroom { background:url(/images/menu/menu-evidence.png) no-repeat left center ; width :77px; height:36px;} #nav_main li.selected a.Showroom, #nav_main a.Showroom:hover { background:url(/images/menu/menu-evidence-o.png) no-repeat left center ; width :77px; height:36px;} #nav_main a.Media { background:url(/images/menu/menu-press.png) no-repeat left center ; width :57px; height:36px;} #nav_main li.selected a.Media, #nav_main a.Media:hover { background:url(/images/menu/menu-press-o.png) no-repeat left center ; width :57px; height:36px;} #nav_main a.contact { background:url(/images/menu/menu-contact.png) no-repeat left center ; width :67px; height:36px;} #nav_main li.selected a.contact, #nav_main a.contact:hover { background:url(/images/menu/menu-contact-o.png) no-repeat left center ; width :67px; height:36px;} #nav_main a.Blog { background:url(/images/menu/menu-blog.png) no-repeat left center ; width: 70px; height:36px; } #nav_main li.selected a.Blog, #nav_main a.Blog:hover { background:url(/images/menu/menu-blog-o.png) no-repeat left center ; width: 70px; height:36px; } #nav_main a.rss { background:url(/images/menu/menu-rss.gif) no-repeat left center ; width: 21px; height:36px;} #nav_main a.rss:hover { background:url(/images/menu/menu-rss-o.gif) no-repeat left center ; } #nav_main a.f { background:url(/images/menu/menu-f.gif) no-repeat left center ; width: 21px; height:36px;} #nav_main a.f:hover { background:url(/images/menu/menu-f-o.gif) no-repeat left center ;} #nav_main a.in { background:url(/images/menu/menu-in.gif) no-repeat left center ; width: 21px; height:36px;} #nav_main a.in:hover { background:url(/images/menu/menu-in-o.gif) no-repeat left center ; } #nav_main a {overflow:hidden; } #nav_main a span { display:block; height:0; left:0; overflow:hidden; position:absolute; top:0; width:0; } #nav_main ul { float:right; display:block; clear:both; margin-left:20px; } #nav_main ul li { line-height: 1.2em; display:inline; margin : 0 8px 0 0; float:left; } #nav_main ul li a, #nav_main ul li strong { float:left; position:relative; z-index:100; } #nav_main ul li a:focus, #nav_main ul li a:hover, #nav_main ul li a:active { text-decoration:none; } .note { padding: 1em; } .important { padding: 1em; } .warning { padding: 1em;} .clear { display:block; clear:both; } .float_left { float: left; display:inline; margin-right: 1em; margin-bottom: 0.15em; } .float_right { float: right; display:inline; margin-left: 1em; margin-bottom: 0.15em; } .center { text-align:center; margin: 0.5em auto } a {color: #fff; text-decoration:none; outline:none;} /*a:focus,*/ a:hover/*, a:active*/ {color:#43BCFD; text-decoration:underline;} #topnav a { color: #999; font-weight: normal; background:transparent; text-decoration:none; } #topnav a:focus, #topnav a:hover, #topnav a:active { text-decoration:underline; background-color: transparent;} /* FOOTER // navigation */ #footer a { color: #fff; background:transparent; font-weight: bold; padding: 0 5px; font-size:11px;} #footer a:focus, #footer a:hover, #footer a:active {color: #000; background-color: white; text-decoration:none; transition:all 0.2s ease-in-out; -o-transition:all 0.2s ease-in-out; -webkit-transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; } hr { color: #fff; background:transparent; margin: 0 0 0.5em 0; padding: 0 0 0.5em 0; border:0; border-bottom: 1px #eee solid; } .mainCol h3 img {padding-right: 8px;} /*LISTES COLONNE DE DROITE */ #rightCol ul li { background:#ddd ; list-style-type:none; } #rightCol ul li a:hover { background:#ccc ; color : #3C5969 ; } #rightCol ul li a { display:block; font-weight:bold; padding:9px 10px 9px 10px; font-size:12px;} #rightCol ul li a span { color:#666;font-size:0.94em;} @media projection, screen { .ui-tabs-hide {display: none; }} @media print { .ui-tabs-nav { display: none; } } /* INDEX // HOMEPAGES // ANIMATION */ .ui-tabs-nav, .ui-tabs-panel { } .ui-tabs-nav { list-style: none; margin: 0; padding: 0 0 0 4px;} .ui-tabs-nav:after { display: block; clear: both; content: " ";} .ui-tabs-nav li { float: left; } .ui-tabs-nav a, .ui-tabs-nav a span { display: block;} .ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:visited, .ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */ cursor: text; } .ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active, .ui-tabs-nav .ui-tabs-deselectable a:hover, .ui-tabs-nav .ui-tabs-deselectable a:focus, .ui-tabs-nav .ui-tabs-deselectable a:active { /* @ Opera, we need to be explicit again here now... */ cursor: pointer; } .ui-tabs-disabled {} .ui-tabs-panel {} .ui-tabs-loading em { padding: 0 0 0 20px; background: url(/images/loading.gif) no-repeat 0 50%; } /* HOME PAGE : slider navigation */ .clear { clear: both;} #rotate .top { top: 0; left: 0;} #rotate .bottom { bottom: 0; left: 0;} #rotate .left { top: -680px; position:relative; left: 0; width: 980px !important; height: 680px; } #rotate .right { right: 0; bottom: 0; width: 980px !important; height: 680px;} #rotate .class3 {top : -30px;} /*slider navigation */ /*.jcarousel-control {float:right !important; display:block; clear:both; position:absolute;top :560px; z-index:99; width:200px; }*/ .jcarousel-control {float:right !important; display:block; clear:both; position:absolute;top :591px; z-index:99; width:200px; margin-left:750px;} .jcarousel-control li {float:left; display:inline; margin : 0; padding:0 } .jcarousel-control a{ float:left; width: 21px; height:21px; margin : 0 5px; text-indent: -6999px; display:inline; } a.slideTo1 {background:url(/images/home-slider/picto-1.png) no-repeat left top ; } a.slideTo2 {background:url(/images/home-slider/picto-2.png) no-repeat left top ; } a.slideTo3 {background:url(/images/home-slider/picto-3.png) no-repeat left top ; } a.slideTo4 {background:url(/images/home-slider/picto-4.png) no-repeat left top ; } a.slideTo5 {background:url(/images/home-slider/picto-5.png) no-repeat left top ; } .jcarousel-control a:focus,.jcarousel-control a:active { } .ui-tabs-selected a.slideTo1, a.slideTo1:hover, a.slideTo1:active {background:url(/images/home-slider/picto-1-o.png) no-repeat left top ; } .ui-tabs-selected a.slideTo2, a.slideTo2:hover, a.slideTo2:active {background:url(/images/home-slider/picto-2-o.png) no-repeat left top ; } .ui-tabs-selected a.slideTo3, a.slideTo3:hover, a.slideTo3:active {background:url(/images/home-slider/picto-3-o.png) no-repeat left top ; } .ui-tabs-selected a.slideTo4, a.slideTo4:hover, a.slideTo4:active {background:url(/images/home-slider/picto-4-o.png) no-repeat left top ; } .ui-tabs-selected a.slideTo5, a.slideTo5:hover, a.slideTo5:active {background:url(/images/home-slider/picto-5-o.png) no-repeat left top ; } #rotate {float:left;height:663px;overflow:hidden;/*position:absolute; top:20px; */} #rotate div { height:680px;} #rotate div span {display:none;} /*positionnement des fragments */ /*#fragment-1 span.left { top : -500px !important;}*/ .visuelmotion { margin-top : 60px !important;} .visuelmotion span.left { margin:0 0 0 24px;top:-527px !important; } .echecs span.left { margin:0 0 0 -15px; top:-618px !important; } .echecs { margin-top : 70px !important;} .epices span.left { top : -538px !important; margin-left:15px;} .epices { margin-top : 0px !important;} .surf span.left { top : -707px !important; margin-left:5px;} .visage {/* margin-top:50px; */ margin-top: 16px} .visage span.left { top : -565px !important; margin-top:-40px;} /* !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */ /*override new home seulement ici */ .jcarousel-control { float:right !important; display:block !important; clear:both; position:absolute; top :591px; z-index:99; width:200px; margin-left:750px;} #indexAlt #rotate .left { top: -680px; position:relative; left: 0; width: 700px !important; height: 380px; } #indexAlt .visuelmotion { margin:90px 0 0 0 !important; position:relative; } #indexAlt .visuelmotion span.left { margin:0 0 0 -60px;top:-207px !important; width: 500px !important;} #indexAlt .echecs { margin-top : 70px !important;} #indexAlt .echecs span.left { margin:0 0 0 -65px;top:-85px !important; width:463px !important;} #indexAlt .epices { margin-top : 0px !important;} #indexAlt .epices span.left { margin:0 0 0 -60px;top:20px !important; } #indexAlt .surf { margin-top:69px !important; } #indexAlt .surf span.left { margin:0 0 0 -95px;top:-250px !important; width: 440px !important } #indexAlt .visage { margin-top:8px !important;} #indexAlt .visage span.left { margin:0 0 0 -95px;top:-190px !important; } /* .class-homepageAlt .main {height:567px !important; overflow:hidden; }*/ #indexAlt .jcarousel-control { position:absolute;top:582px; z-index:99; width:200px; margin-left:730px;} .class-homepageAlt #page { height: 614px;} .class-homepageAlt #page #footer {top: -110px;margin : 0; } #indexAlt .sideBarHome { z-index:999; float:right; height:425px; overflow:hidden; position:absolute; right:0; top:50px; width:275px; padding-top : 60px; } /* .class-homepageAlt #page { height:613px !important;overflow:hidden;}*/ #indexAlt .blockNews, #indexAlt .blockEvidences, #indexAlt .blockNewsletter, #indexAlt .blockWhitePaper {float:left; display:block; clear:both; width: 100%; height:130px; overflow:hidden; } #indexAlt .blockNews p, #indexAlt .blockEvidences p, #indexAlt .blockNewsletter p, #indexAlt .blockWhitePaper p {width: 70%; padding:25px 0 0 10px; height: 55px; overflow:hidden;line-height:1.2em; font-size:11px;font-weight:bold;} #indexAlt .blockWhitePaper p {margin-bottom:-5px; float:left; display:block; clear:both; padding-top:15px; height:65px; width:190px; padding-left:68px; } #indexAlt p span { padding-top:3px} #indexAlt .blockEvidences p {width: 146px; float:right; font-weight:normal; } #indexAlt .blockNews a, #indexAlt .blockEvidences a, #indexAlt .blockWhitePaper a { float:left; display:block; clear:both; width: 200px; margin-left:8px; display:inline; height:20px;} #indexAlt .blockNews a span {cursor:pointer;} #indexAlt .blockNews a:hover {} #indexAlt .blockEvidences a {background:url(/images/sidebar/btn-plus2.gif) no-repeat left top ; margin-top:5px; margin-left:0; float:left; display:block; clear:both; } #indexAlt .blockEvidences a:hover {background:url(/images/sidebar/btn-plus2-o.gif) no-repeat left top ; } /*#indexAlt .blockWhitePaper a { background:url(/images/sidebar/btn-telecharger.gif) no-repeat left top ; } #indexAlt .blockWhitePaper a:hover { background:url(/images/sidebar/btn-telecharger-o.gif) no-repeat left top ; }*/ /*dcn: on desactive le whitepaper pour l'instant */ #indexAlt .blockWhitePaper { } #indexAlt .sideBarHome {padding-top : 15px; } /*dnc fin override */ .headUpblocks { height:130px; overflow:hidden; margin-top:40px; } .headUpblocks #form_newsletter p.infoMsg, .headUpblocks #form_newsletter p.errorMsg, .headUpblocks #form_newsletter p.loader {margin:18px 0 0 0;} #indexAlt span { color : #43BCFD; font-weight:bold; } #indexAlt span { display:block; clear:both; width: 100%;} /*#indexAlt .blockNews {background:url(/images/sidebar/bg-news.gif) no-repeat left top ; margin-top:160px;}*/ #indexAlt .blockNews h4 {background:url(/images/bg-titnews.gif) no-repeat left bottom ; padding-bottom:5px;} #indexAlt .blockNews p { padding-top:0; padding-left:0; width: 100%;} #indexAlt .blockEvidences {background:url(/images/sidebar/bg-evidence2.gif) no-repeat left top ; } #indexAlt .blockWhitePaper {background:url(/images/sidebar/bg-whitepaper2.gif) no-repeat left top ; } #indexAlt .blockNewsletter {background:url(/images/sidebar/bg-newsletter.png) no-repeat left top ; padding-left:65px; padding-top:5px;} #indexAlt .blockNewsletter #form_newsletter {padding: 0;} #indexAlt .blockNewsletter p {width: 200px; padding-bottom:0; margin-bottom:-1em; padding-top:0;} /*override new home seulement ici */ /* !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */ /* COMMONS : pages interieures */ p.withblue em {color : #43BCFD; font-weight:bold; font-style:normal;} .mainInterne { float:left; display:block; clear:both; width: 980px; font-size:12px; position:relative;} .mainInterne .navigationLeft { float:left; width: 196px;} .sideBar {float:left; width: 196px;} .mainInterne .navigationLeft .submenuToggled { clear:both; margin : 0 0 20px 0 ; float:left; display:block; } .mainInterne .mainCol { /*width:730px;*/ width: 750px; float:left; padding-left:30px;} .interne #footer { position:static; top : 0} .mainInterne ul.puce { list-style-image : url(/images/picto/puce-interne.gif); list-style-position:outside; padding-left:15px;} .mainInterne ul.puce li p {line-height:140%;} .mainInterne ul.puce li { margin: 20px 0 } .mainInterne ul.arrow { list-style-type:none; } .mainInterne ul.arrow li { margin : 1em 0 ; list-style-type:none; } .mainInterne ul.arrow li em { background: url(/images/picto/puce-arrow.gif) no-repeat right center; padding-right: 30px; font-weight:bold; font-size:16px; font-style:normal; } .mainInterne ul li p span.bold { font-weight:bold;} .mainInterne ul.arrow li span { margin-left:0; display:inline; } .mainInterne ul.arrowBefore { list-style-type:none; margin : 23px 0 ;} .mainInterne ul.arrowBefore li { margin : 1.2em 0 ; list-style-type:none; } .mainInterne ul.arrowBefore li em { background: url(/images/picto/puce-arrow.gif) no-repeat left top; padding-left: 30px; color: #43BCFD; font-weight:bold; font-size:12px; font-style:normal; } .mainInterne ul li p span.bold { font-weight:bold;} .mainInterne ul.arrowBefore li span { margin-left:0; display:inline; } .containerTop {float:left; width: 100%; display:block; clear:both; } .mainInterne h2 {padding: 0px 0 10px 0 !important; float:left; display:block; clear:both; } .mainInterne h3 em { color :white !important; font-style: normal !important; font-size:26px;} /* COMMONS : Structure colonne */ .mainInterne .fullCol { width: 100%; float:left; display:block; clear:both; margin :1em 0; /*attention */ margin : 1em 0 0 0 } .mainInterne .fiftyCol { width: 45%; float:left; margin :1em 0;} .mainInterne .halfCol-portfolio { width: 400px; float:left; margin :1em 0;} .mainInterne .halfCol-right { width: 330px; float:right; margin :1em 0;} .mainInterne .fullCol a { color : #43BCFD; text-decoration:underline; } /* COMMONS : navigation gauche */ .navigationLeft { float:left; display:block; clear:both; width: 196px; list-style-type:none; border-top : 6px solid #43BCFD; border-bottom : 2px solid #43BCFD; padding-bottom:15px;} .navigationLeft ul { float:left; display:block; clear:both; width: 196px; list-style-type:none; } .navigationLeft ul ul { float:left; display:block; clear:both; width : 196px; text-align:right; margin: 5px 0 ;} .navigationLeft ul li { float:left; display:block; clear:both; text-align:right; list-style-type:none; width : 196px; margin : 15px 0 0 0} .navigationLeft ul li li{ margin : 0} .navigationLeft ul li a { float:left; display:block; clear:both; text-align:right; margin : 0.3em 0 ; font-size:16px !important; width : 100%; } .navigationLeft ul li.selected a { color: #43BCFD ; } .navigationLeft ul li ul li a{ font-size:11px !important; /*background:black; -moz-border-radius: 0.8em;*/ padding:0 8px 0 0; width: 169px; margin : 0 !important} .navigationLeft ul li ul li a:hover {text-decoration:none;/* background:#43BCFD; */color: #43BCFD !important} .navigationLeft ul li.selected ul li a, .navigationLeft ul li.selected ul li a span { color:white; text-decoration:none; float: right; height:19px; } .navigationLeft ul li.selected ul li.subSelect a span.sleft { padding: 0 0 0 12px; background:url(/images/picto/selected-menu-left.gif) no-repeat left ; float:right; } .navigationLeft ul li.selected ul li a:hover span.sleft { padding: 0 0 0 12px; background:url(/images/picto/selected-menu-left.gif) no-repeat left ; float:right;} .navigationLeft ul li.selected ul li.subSelect a span.sright { padding: 0 12px 0 0; background:url(/images/picto/selected-menu-right.gif) no-repeat right ; float:left; } .navigationLeft ul li.selected ul li a:hover span.sright { padding: 0 12px 0 0; background:url(/images/picto/selected-menu-right.gif) no-repeat right ; float:left;} .navigationLeft ul li.selected ul li a:hover { color: #43BCFD ; text-decoration:none; } .navigationLeft ul li ul li.selected a { color: #43BCFD ; text-decoration:none; } .navigationLeft ul li ul li a { float:left; display:block; clear:both; text-align:right; margin : 0.3em 0 ; width : 190px; } .disabled a{cursor : text !important; color: #2E2C32 !important;} /* EVIDENCES : Case Studies */ .portfolio {float:left; width: 350px; margin : 10px 10px 10px 0 } .CaseStrategie {float:left; width : 270px} .CaseStrategie h4 {float:left; width: 100%; display:block; clear:both; } .CaseStrategie ul {width: 100%; float:left; display:block; clear:both; } .CaseStrategie ul li {margin : 0 !important; } .CaseStrategie ul li p span { color :#43BCFD} .CaseChallenge{float:left; } .CaseResult{float:left; height:419px; width: 760px;} .Krys {float:left; background:url(/evidences/case_studies/img/illustration-krys-resultats.png) no-repeat left bottom; height:388px; width: 760px;} .Liberation {background:url(/evidences/case_studies/img/illustration-liberation-002.png) no-repeat left top; height:388px; width: 760px;} .ilovelumix {} /* JOBS : formulaire de contact */ .grFoo {float:left; display:block; clear:both; width: 100%; font-size:11px;} .grFoo ul { list-style-type:none; margin : 0 ; padding: 0 ;} .grFoo ul li { margin : 10px 0; display:block; clear:both; list-style-type:none; padding: 10px 0 ;} .contentLeft { float:left; display:inline; width: 49%; } .contentRight { float:right; display:inline; width: 49%; } .col span { float:left; display:block; clear:both; } .grFoo input { border:1px solid white; background:none; color:white; padding: 6px 0 ; width: 200px;} .col input {width: auto;} .grFoo label { padding: 4px 0 ; } .col label { float:none; display:inline; clear:none; } .grFoo .req {color: #43BCFD; font-weight:bold; font-size:11px} .grFoo #saveForm {float:right; width: 80px;} /* div.req { float:left; display:block; clear:both; }*/ .grFoo .instruct { color :#999; font-size:11px; font-style:italic;} .grFoo * span {float:none; display:inline; clear:none; } .grFoo .col span { width: 300px; float:left; display:block; clear:both; } .grFoo .col span label { width: 200px; display:inline; clear:none;} span.req {width: 3px !important; display:inline !important; clear:none; float:none; } /* CONTACT : formulaire de contact */ .grContact { float:left; display:block; clear:both; width: 378px; font-size:1em;} .grContact ul { list-style-type:none; margin : 0 ; padding: 0 ; } .grContact li { margin : 10px 0 ; float:left; display:block; clear:both; width: 100%; } .grContact label { display:inline; width: 200px; float:left; } .grContact input { display:inline; width: 136px;float:right; } .grContact select { display:inline; width: 142px;float:right; } .grContact span.req { display:inline; width: 10px; float:left; } .grContact div { display:inline; float:left; width: 165px; text-align:left; } .grContact .textarea div { float:left; display:block; clear:both; } .grContact .textarea label { width: 100px; } .grContact .req {color: #43BCFD; font-weight:bold; font-size:11px} .grContact .fichierJoint label {width: 160px;} .grContact .fichierJoint div { float:left; width: 145px;} .grContact .instruct { color :#999; font-size:11px; font-style:italic; text-align:center; } textarea {font-family: arial; font-size:11px} .mainCol .form_suc {width: 100%; float:left; display:block; clear:both; } /* CLIENTS : page EVIDENCES \ CLIENTS */ ul.listClient { list-style-type:none; float:left; display:block; clear:both; width: 730px; } ul.listClient li { width: 108px; height:72px; float:left; display:inline; padding:0 ; text-align:center; margin :6px} ul.listClient li a { float:left; display:block; clear:both; width: 100%; height:100%; text-align:center; } /*ul.listClient li.disabled a {moz-opacity : 0.5; opacity : 0.5;}*/ ul.listClient li.disabled a {position:relative;cursor:default;} ul.listClient li.disabled a .opacity50{width:112px;height:77px;background:url(/evidences/clients/img/opacity50.png) repeat;position:absolute;cursor:default;} .submenuToggled { clear:both; display:block; float:left; padding:0; text-align:right; width:200px; } .scrollBar {/* background:url(/images/slider/bg-slider.gif) no-repeat left top;*/} .scroll-pane { float:left; height:550px; overflow: hidden; width:200px; display:block; clear:both; } .jScrollPaneContainer { position: relative; overflow: hidden; z-index: 1;} .jScrollPaneTrack { position: absolute; cursor: pointer; left: 0; top: 0; height: 100%; } .jScrollPaneDrag { position: absolute; cursor: pointer; overflow: hidden; } .jScrollPaneDragTop { position: absolute; top: 0; left: 0; overflow: hidden;} .jScrollPaneDragBottom { position: absolute; bottom: 0; left: 0; overflow: hidden;} a.jScrollArrowUp { display: block; position: absolute; z-index: 1; top: 0; left: 0; text-indent: -6999px; overflow: hidden; /*background-color: #666;*/ height: 50px; float:left; } a.jScrollArrowUp:hover { /*background-color: #f60;*/} a.jScrollArrowDown { display: block; position: absolute; z-index: 1; bottom: 0; left: 0; text-indent: -6999px; overflow: hidden; /*background-color: #666;*/ height: 50px; float:left; } a.jScrollArrowDown:hover { /*background-color: #f60;*/} a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {} .NoScroller li li { width : 196px !important;} ul.NoScroller ul { width : 196px !important;overflow:hidden;} p.noticeClt {width : 95%; text-align:right; font-size:11px; } /****modifs page client du 7 09 2010-mro ********/ .listClientCol h4 span { color:#FFFFFF; font-size:15px; margin:0 0 0 10px; font-weight:600;} .listClientCol h4 { color:#FFFFFF; font-size:15px; margin:20px 0; font-weight:600;} ul.listClient li a { opacity:1; filter : alpha(opacity=100); width:112px; height:77px;} ul.listClient li a:hover {opacity:0.7; filter : alpha(opacity=70);} ul.listClient li.disabled a:hover { opacity:1; filter : alpha(opacity=100);} ul.listClient { margin:0 0 20px 20px; float:none;} p.noticeClt { margin: 0 0 -20px 0; } /***********************************************/ /* BUSINESS : COMMONS */ .imgCenter {text-align:center; margin : 0 auto; float:none;} p.margins {margin : 20px 0 ;} .marginsMAx {margin : 80px 0 !important;} .marginBot {margin-bottom:30px;} .marginTop {margin-top:30px;} .marginBotNeg {margin-top:-70px;} /* BUSINESS : BACKGROUNDS */ .solutionBg { background: url(/business/img/illustration-solution.gif) no-repeat right bottom ; height:480px;} .ecommerceBg { background: url(/business/img/illustration-ecommerce.png) no-repeat left bottom ; height:550px;} .ecommerceBg .fiftyCol { float:right; width: 443px;} .bgWebSocial { background: transparent url(/business/img/illustration-websocial2.png) no-repeat 104% -120%; height:700px; margin-top:-60px; padding-top:60px;} .bgMobile { background: url(/business/img/illustration-mobile.png) no-repeat 100% 137% ; height:600px; margin-top:-60px; padding-top:60px;} .bgCM { background: url(/business/img/illustration-communityManagement2.png) no-repeat right bottom ; height:572px; margin-bottom : -16px;} .bgCM .fiftyCol {width: 50%; } .bgAttention {height:500px; } .bgAttention .rightCol { float:right; width: 366px; padding-top:40px; } .bgAttention .fiftyCol { float:left; width: 300px; } .webApp { background: url(/business/img/illustration-webApplication.png) no-repeat right bottom ; height:585px; margin-bottom:-16px;} .webApp .fiftyCol { width: 430px; } .webApp .fiftyCol ul { width: 50%; float:left; display:inline; margin-top : 5px;overflow:hidden; } .stratetconseil .fiftyCol { width: 345px; margin-top:40px;} .stratetconseil { background:url(/business/img/illustration-stratetconseil.png) no-repeat 100% 80%;} .kpi { background:url(/business/img/illustration-mesures.png) no-repeat 80% 75%; height:625px;} .kpi .fiftyCol { width: 500px;} .mediaPage {background:url(/business/img/illustration-media.png) no-repeat 110% 40%; height:540px;} .mediaPage .fiftyCol { padding-top : 180px; width: 600px;} .editorialite { background:url(/business/img/illustration-editorialite.png) no-repeat 100% 40%; height:540px;} .editorialite .fiftyCol {width: 385px;} .reputation { background:url(/business/img/illustration-reputation.png) no-repeat 100% 40%; height:540px; margin-bottom:-12px;} .reputation .fiftyCol {width: 375px;} .discours { background:url(/business/img/illustration-discours.png) no-repeat 85% 0%; height:540px; margin-bottom:-12px;} .discours .fiftyCol {width: 455px;} .marketingDirect {background:url(/business/img/illustration-marketingDirect.png) no-repeat 100% 25%; height:540px;} .bgReseaux {background:url(/business/img/illustration-reseauxsociaux.png) no-repeat right bottom; height:700px;} .bgUserX {background:url(/business/img/illustration-userExperience.png) no-repeat 100% 160px; height:600px;} .bgUserX .fiftyCol {width: 406px; margin : 0; padding:0; } .bgUserX .fiftyCol2 {width: 500px; float:left; display:block;clear:both;} .bgUserX .fiftyCol2 .arrowBefore {padding: 0 ; margin : 0;} .bgSiteWeb {background:url(/business/img/illustration-siteWeb.png) no-repeat right bottom; height:630px;} .bgSiteWeb .fiftyCol {width: 400px;} .businessDefault { background:url(/business/img/illustration-business.png) no-repeat right bottom; height:550px; margin-bottom:-20px; } .businessDefault p {font-size:14px; font-weight:bold; } /* ADN // CONVICTIONS HISTOIRE COMMONS*/ .ADNDefault p { font-weight:bold; font-size:14px; } .bgConvictions { background: url(/adn/img/illustration-conviction.png) no-repeat right bottom; height:760px;} .bgHistoire { background: url(/adn/img/illustration-histoire.png) no-repeat right bottom; height:975px;} .bgHistoire2 { background: url(/adn/img/bg-histoire-fond.png) no-repeat right bottom; height:975px;} .fiftyCol {padding-right:15px;} .chapoAdn {color:white; padding-left:60px; font-size:14px; font-weight:normal; width:600px;} /* ADN // HISTOIRE */ .bgHistoire2 .mainCol { width: 741px;} .bgHistoire2 p { margin : 0 ; padding: 0 ; } .bgHistoire2 p span em { font-size:11px !important; font-weight:bold;font-style:normal; line-height:15px; font-weight:normal; float:left; width: 100%; margin : 0; padding: 0; position:static !important; z-index:99;} .cl1997 { width: 535px; padding : 0 110px; height:200px;} .cl1997 img { float:left; margin-top:20px;} .cl1997 span { float:left; width: 410px; padding-left:10px;} .cl2004 {width: 320px; float:right; height:280px;} .cl2004 span { float:left; display:block; clear:both; } .cl2004 img { float:left; display:block; clear:both; margin: 10px 0 ; } .cl2005 {width: 256px; float:left; height: 243px; text-align:right; padding-top : 30px; } .cl2005 p { float:right; } .cl2005 span { float:left; display:block; clear:both; } .cl2005 img { float:right; display:block; clear:both; text-align:right; margin: 10px 0 ; width: 101px; height:58px;} .cl2006 {width: 281px; float:left; height: 243px; text-align:right; } .cl2006 span { float:left; display:block; clear:both; width: 281px;} .cl2006 img { float:right; display:block; clear:both; margin: 10px 0 ; } .cl2007 { width: 267px; float:right; height: 243px;} .cl2007 span { float:left; display:block; clear:both; } .cl2007 img { float:left; display:block; clear:both; margin: 10px 0 ; } /* ADN // EQUIPE */ .navigationEquipe { clear:both; display:block; float:left; position:relative; width:100%; z-index:999; } .navigationEquipe .previous { width: 120px; float:left; display:inline; background:url(/images/prev.gif) no-repeat left top; height:20px; } .navigationEquipe .next { width: 120px; float:right; display:inline; background:url(/images/next.gif) no-repeat left top; height:20px;} .navigationEquipe .previous:hover { background:url(/images/prev-o.gif) no-repeat left top; } .navigationEquipe .next:hover { background:url(/images/next-o.gif) no-repeat left top; } /* ADN // EQUIPE // BACKGROUNDS */ .did-logo { left:5px; position:absolute; top:23px; } .adn-people { position: absolute; right: 0 ; bottom: 0; overflow:hidden; float:left; margin-bottom:-14px; } .laurentC {background:url(/adn/equipe/img/bg-laurentC.png) no-repeat right bottom; width:710px; height:584px; } .laurentC p { width: 294px; float:left; display:block; clear:both; padding-top:280px;} .william {background:url(/adn/equipe/img/bg-william.png) no-repeat left bottom; width:780px; height:580px; } .william p { width: 338px; float:right; padding-top : 305px; padding-right:29px; } .jonathan {background:url(/adn/equipe/img/bg-jonathan.png) no-repeat right 100%; width:745px; height:590px; } .jonathan p { width: 389px; float:left; padding-top : 20px; } .marion {background:url(/adn/equipe/img/bg-marion.png) no-repeat right bottom; width:740px; height:545px; } .marion p { width: 410px; float:left; padding-top : 20px; } .cedric {background:url(/adn/equipe/img/bg-cedric.png) no-repeat left bottom; width: 755px; height:583px; } .cedric p { width: 278px; float:right; padding-top : 230px; } .julien {background:url(/adn/equipe/img/bg-julien.png) no-repeat left bottom; width:765px; height:556px; } .julien p { width: 370px; float:right; padding-top : 10px; } .marieS {background:url(/adn/equipe/img/bg-marieS.png) no-repeat right bottom; width: 741px; height:595px; } .marieS p { width: 328px; float:left; padding-top : 180px; } .lauren {background:url(/adn/equipe/img/bg-lauren.png) no-repeat left bottom; width: 752px; height:598px; } .lauren p { width: 330px; float:right; padding-top : 190px; } .pierrick{background:url(/adn/equipe/img/bg-pierrick.png) no-repeat left bottom; width:778px; height:584px; } .pierrick p { width: 250px; float:right; padding-top : 20px; } .olivier {background:url(/adn/equipe/img/bg-olivier.png) no-repeat right bottom; width: 771px; height:576px; margin-right:-15px; } .olivier p { width:323px; float:left; padding-top : 240px; } .cyrille {background:url(/adn/equipe/img/bg-cyrille.png) no-repeat 0 bottom; width: 737px; height:556px; } .cyrille p { width: 350px; float:left; padding-top : 270px; } .davidB {background:url(/adn/equipe/img/bg-davidB.png) no-repeat right bottom; width:744px; height:559px;} .davidB p { width: 288px; float:left; padding-top : 20px; } .davidB .did-logo { left:auto; right:5px !important; } .alex {background:url(/adn/equipe/img/bg-alex.png) no-repeat left bottom; width: 751px; height:579px; } .alex p { width: 307px; float:right; padding-top : 248px; } .florent {background:url(/adn/equipe/img/bg-florent.png) no-repeat left bottom; width: 751px; height:564px; } .florent p { width: 350px; float:right; padding-top : 210px; } .amandine { background:url(/adn/equipe/img/bg-amandine.png) no-repeat right bottom; width:743px; height:562px; } .amandine p { width: 345px; padding-top : 290px } .fabienS {background:url(/adn/equipe/img/bg-fabienS.png) no-repeat right bottom; width: 735px; height:561px; } .fabienS p { width: 350px; float:left; padding-top : 280px; } .jeanluc {background:url(/adn/equipe/img/bg-jeanluc.png) no-repeat left bottom ; width:777px; height:575px; } .jeanluc p { width: 270px; float:right; padding-top : 220px; } .aubin p { width: 340px; float:left; padding-top : 310px; } .aubin {background:url(/adn/equipe/img/bg-aubin.png) no-repeat left bottom; width: 741px; height:591px; } .dorothee {background:url(/adn/equipe/img/bg-dorothee.png) no-repeat left bottom; width: 747px; height:602px; } .dorothee p { width: 310px; float:right; padding-top : 148px; } .dorothee .did-logo { top:44px } .brigitte {background:url(/adn/equipe/img/bg-brigitte.png) no-repeat -20px 100%; width:745px; height:566px; } .brigitte p { width: 296px; float:right; padding-top : 310px;} .fabienC {background:url(/adn/equipe/img/bg-fabienC.png) no-repeat right bottom; width:742px; height:573px; } .fabienC p { width: 370px; float:left; padding-top : 165px; display:block; clear:both; } .fabienC p.second { width: 360px; float:left; padding-top : 155px; display:block; clear:both; } .alexis {background:url(/adn/equipe/img/bg-alexis.png) no-repeat right bottom; width: 741px; height:617px; } .alexis p.first { width: 290px; float:left; padding-top:190px; display:block; clear:both; } .alexis p.second { width: 290px; float:left; padding-top : 110px;display:block; clear:both; } .romain { background:url("/adn/equipe/img/bg-romain.png") no-repeat scroll 60px 100% transparent; height:580px; width:748px; } .romain .did-logo { bottom:10px; right:5px; } .romain p { float:left; line-height:1.4em; padding-top:212px; width:233px; } .valerie {background:url(/adn/equipe/img/bg-valerie.png) no-repeat right bottom; width:735px; height:563px; } .valerie p { width: 328px; float:left; padding-top : 210px; } .marie {background:url(/adn/equipe/img/bg-marie.png) no-repeat right bottom; width:735px; height:567px; } .marie p { width: 328px; float:left; padding-top : 175px; } .nicoR {background:url(/adn/equipe/img/bg-nicoR.png) no-repeat center bottom; width: 754px; height:598px; } .nicoR p { width: 393px; float:right; padding-top : 128px; } .jeremie { background:url("/adn/equipe/img/bg-jeremie.png") no-repeat scroll left bottom transparent; float:left; height:553px; width:780px; } .jeremie p { float:right; padding-top:220px; width:288px; line-height:1.4em; } .elodie { background:url("/adn/equipe/img/bg-elodie.png") no-repeat scroll 0 bottom transparent; float:left; height:561px; width:742px; } .elodie p { float:left; padding-top:220px; width:275px; line-height:1.4em; } .davidL {background:url(/adn/equipe/img/bg-davidL.png) no-repeat left bottom; width: 761px; height:589px; } .davidL p { width: 348px; float:right; padding-top : 50px; } .manuel {background:url(/adn/equipe/img/bg-manuel.png) no-repeat left bottom; width: 751px; height:587px; margin-bottom:-15px;} .manuel p { width: 278px; float:right; padding-top : 250px; line-height:1.4em; } .bgBetty {background:url(/adn/equipe/img/bg-betty.png) no-repeat left bottom; width: 751px; height:553px; } .bgBetty p { width: 329px; float:right; padding-top : 15px; } .bgBetty .did-logo { top:0; } .nicoF {background:url(/adn/equipe/img/bg-nicoF.png) no-repeat right bottom; width:745px; height:576px; } .nicoF p { width: 343px; float:left; padding-top : 72px; } .sophieC {background:url(/adn/equipe/img/bgSophie.png) no-repeat 100% -30px; width: 740px; height:560px; } .sophieC p { width: 330px; float:left; padding-top : 90px; } .aurelien {background:url(/adn/equipe/img/bg-aurelien.png) no-repeat left bottom; width: 751px; height:581px; } .aurelien p {width: 310px; float:right; padding-top : 111px; position:relative; } .laurent {background:url(/adn/equipe/img/bg-laurentF.png) no-repeat left bottom; width: 751px; height:593px; } .laurent p {width: 290px; float:right; padding-top : 38px; position:relative; } .julienH {background:url(/adn/equipe/img/bg-julienH.png) no-repeat -20px bottom; width: 751px; height:576px; } .julienH p {width: 333px; float:left; padding-top : 40px; } .clementine {background:url(/adn/equipe/img/bg-clementine.png) no-repeat left bottom; width: 751px; height:587px; } .clementine p {width: 295px; float:left; padding-top : 212px; } .mustapha { background:url("/adn/equipe/img/bg-mustapha.png") no-repeat scroll left bottom transparent; height:565px; width:751px; } .mustapha p {width:272px; float:left; padding-top : 200px; } .julienH {background:url(/adn/equipe/img/bg-julienH.png) no-repeat -20px bottom; width: 751px; height:576px; margin-bottom:-14px; float:left; overflow:hidden; } .julienH p {width: 275px; float:right; padding-top : 157px; } /** ajouts 20 12 2010 **/ .pascal { background:url("/adn/equipe/img/bg-pascal.png") no-repeat scroll 20px 100% transparent; height:605px; width:748px; } .pascal p { float:left; line-height:1.4em; padding-top:100px; padding-left:10px; width:195px; } .robin { background:url("/adn/equipe/img/bg-robin.png") no-repeat scroll 10px 100% transparent; height:580px; width:748px; margin-bottom:-24px;} .robin p { float:left; line-height:1.4em; padding-top:330px; padding-left:10px; width:330px; } .mathieu { background:url("/adn/equipe/img/bg-mathieu.png") no-repeat scroll 10px 100% transparent; height:620px; width:748px; margin-bottom:-44px;} .mathieu p { float:left; line-height:1.4em; padding-top:105px; padding-left:10px; width:240px; } /* CONTACT // contactForm */ #ContactPage .navigationLeft { width: 244px; text-align:right; } #ContactPage .navigationLeft p { width: 244px; text-align:right; float:left; display:block; clear:both; } #ContactPage form { width: 370px; float:left; display:block; clear:both; } #contactform input, #whitepaper input {background:url(/images/form/bg-input.gif) no-repeat left top ; width: 300px; height:20px; border:0; color:white; margin : 3px 0 ; padding: 3px 0 3px 5px; } #contactform label, #whitepaper label { padding: 3px 0; } #contactform textarea, #whitepaper textarea { background:url(/images/form/bg-textarea.gif) transparent no-repeat left top ; width: 352px; height: 139px; border:0; padding: 10px ; color:white; font-size:12px; } #contactform li, #whitepaper li { list-style-type:none; margin : 10px 0 ; } #contactform #saveForm, #whitepaper #saveForm{background:url(/images/form/btn-submit.gif) no-repeat left top ; width :109px; height:21px; text-indent: -6999px; float:right; cursor :pointer; } #contactform .buttons, #whitepaper .buttons { float:left; display:block; clear:both; width: 100%; margin : 15px 0; } #ContactPage a , #contactform .req {color : #43BCFD !important;} #contactform .instruct, #whitepaper .instruct {float:left; display:block ; padding : 20px 0 ; clear:both; width: 100%; font-size:10px; } #contactform .buttons .req, #whitepaper .buttons .req {font-size:10px; float:left; display:block; clear:both; } #ContactPage .navigationLeft h3.utile { margin : 20px 0 ; float:left; display:block; clear:both; width : 100%; text-align:right; } #ContactPage .mainCol { width: 500px; margin-left:30px;} #ContactPage {background:url(/images/form/bg-contact.png) no-repeat 100% 20%; } #ContactPage span.form_err { float:left; display:block; clear:both; width: 100%; font-size:11px;} #ContactPage .form_suc { float:left; display:block; clear:both; width: 100%; font-size:11px;} #ContactPage .navigationLeft * {text-align:right !important; width: 100%; } .callTo { background:url(/images/btn-action.png) no-repeat left top ; width: 300px; height:28px; float:right; } .callTo:hover { background:url(/images/btn-action-o.png) no-repeat left top ; } /* JOBS // FORMULAIRE COMMONS */ #JobsPage h2 { float:left; display:block; clear:both; width: 100%; } #JobsPage h2.RubTitle { float:left; display:block; clear:both; width:600px; } #JobsPage { background:url(/adn/img/illustration-jobs.png) no-repeat 100% 5%; } /*todo*/ #JobsPage p.chapo {font-size:14px; font-weight:bold; padding: 40px 0 } #JobsPage .postes {float:left; display:block; clear:both; width :100%; margin : 35px 0 } #JobsPage .postes label {font-size:11px; text-transform :uppercase; color :#43BCFD; font-weight:bold; } #JobsPage .postes .col label { color:white; } #JobsPage .col span { margin : 3px 0 ; } #JobsPage .contentRight { padding-bottom: 0 ; } #JobsPage input.text {background:url(/images/form/bg-input.gif) no-repeat left top ; width: 300px; height:20px; border:0; color:white; margin : 3px 0 ; padding: 3px 0 3px 5px; } #JobsPage a.callTo {display:none; } #JobsPage select.select {width : 200px; } #JobsPage .dFifty {width: 45%; float:left; } #JobsPage p.instruct {font-size: 10px; float:left; display:block; clear:both; width: 100%; margin :15px 0; } #JobsPage fieldset { border: 0 ; padding: 0 ; margin: 0} .contentRight .postes{padding-top : 157px;} #JobsPage textarea { background:url(/images/form/bg-textarea.gif) transparent no-repeat left top ; width: 352px; height: 139px; border:0; padding: 10px ; color:white; font-size:12px; } #JobsPage li { list-style-type:none; margin : 5px 0 ; float:left; width: 100%; } #JobsPage #saveForm {background:url(/adn/img/btn-submit-jobs.gif) no-repeat left top ; width :299px; height:21px; text-indent: -6999px; float:right; border:0; cursor :pointer; } #JobsPage .buttons .req {font-size:10px; float:left; width: 45%; margin-top : -26px; } #JobsPage li.buttons {width: 100%; margin : 0; } #JobsPage .contentLeft { float:left; display:inline; width: 368px; } #JobsPage .contentRight { float:right; display:inline; width: 368px; } #JobsPage .checkbox {border:0 ; } #JobsPage select {margin : 3px 0; } .page404 {text-align:center; width: 100%; height:200px;padding-top:100px;} .page404div #footer { margin-bottom : 0; } /* SITEMAP */ ul.siteMap ul { float:left; display:block; clear:both; width: 100%; list-style-type:none; /*background:url(/images/slider/bg-slider.gif) no-repeat left top;*/ } ul.siteMap * { float:left; display:block; clear:both; width: 100%; list-style-type:none; } .siteMap li { margin : 3px ; width: 90%; margin-left: 20px; /* background:url(/images/picto/puce-arrow.gif) no-repeat left top; */padding-left:25px; background: url(/images/filter2.png) repeat} .siteMap li li {margin-left: 20px; width: 90%; background:none; padding-left:25px; background: url(/images/filter.png) repeat} .siteMap li li li {margin-left: 20px; background:none; width: 90%; background: url(/images/filter2.png) repeat} .siteMap .first { font-size:16px; font-weight:bold; margin: 5px 0 ;} .RubTitle { /*width: 600px;*/} .hidethis {display:none !important;} .noLink { font-size: 16px; } li.selected {color : #43BCFD} /** [JTR] **/ /* Formulaires */ span.form_err, div.form_err { color:#EE766A; font-size:9px; font-weight:bold; display:none;} .form_suc { color:#43BCFD; font-size:9px; font-weight:bold; display:none; margin-bottom:10px;} .div_err { border:2px solid #EE766A; color:#EE766A; font-size:12px; font-weight:bold; padding:10px;clear:both;display:block; width:300px;} .div_suc{ border:2px solid #43BCFD; color:#43BCFD; font-size:12px; font-weight:bold; padding:10px;clear:both;display:block; width:300px;} .hidden { display:none;} /** [/JTR] **/ /* EVIDENCES // CAROUSEL SIDEBAR */ .jcarousel-container { position: relative;} .jcarousel-clip { z-index: 2; padding: 0; margin: 0; overflow: hidden; position: relative;} .jcarousel-list { z-index: 1; overflow: hidden; position: relative; top: 0; left: 0; margin: 0; padding: 0;} .jcarousel-list li,.jcarousel-item { float: left; list-style: none; } .jcarousel-next { z-index: 3; display: none;} .jcarousel-prev { z-index: 3; display: none;} .jcarousel-skin-tango .jcarousel-container {} .jcarousel-skin-tango .jcarousel-container-horizontal { width: 245px; padding: 20px 0px;} .jcarousel-skin-tango .jcarousel-container-vertical { width: 200px; height: 160px; padding: 40px 0px;} .jcarousel-skin-tango .jcarousel-clip-vertical { width: 200px; height: 155px;} .jcarousel-skin-tango .jcarousel-item { width: 200px; height: 12px !important; } .jcarousel-skin-tango .jcarousel-item-vertical { margin-bottom: 10px;} .jcarousel-skin-tango .jcarousel-item-placeholder { } /* Vertical Buttons */ .jcarousel-skin-tango .jcarousel-next-vertical { position: absolute; bottom: 0px; left: 0px; width: 184px; height: 36px; cursor: pointer; background: url(/images/slider/toBot.gif) no-repeat right top ; } .jcarousel-skin-tango .jcarousel-next-vertical:hover { background: url(/images/slider/toBot-o.gif) no-repeat right top ;} .jcarousel-skin-tango .jcarousel-next-vertical:active { background: url(/images/slider/toBot-o.gif) no-repeat right top ;} .jcarousel-skin-tango .jcarousel-next-disabled-vertical, .jcarousel-skin-tango .jcarousel-next-disabled-vertical:hover, .jcarousel-skin-tango .jcarousel-next-disabled-vertical:active { cursor: default; background: url(/images/slider/toBot.gif) no-repeat right top ; } .jcarousel-skin-tango .jcarousel-prev-vertical { position: absolute; top: 5px; left: 0px; width: 184px; height: 34px; cursor: pointer; background: url(/images/slider/toTop.gif) no-repeat right top ; } .jcarousel-skin-tango .jcarousel-prev-vertical:hover { background: url(/images/slider/toTop-o.gif) no-repeat right top ;} .jcarousel-skin-tango .jcarousel-prev-vertical:active { background: url(/images/slider/toTop-o.gif) no-repeat right top ;} .jcarousel-skin-tango .jcarousel-prev-disabled-vertical, .jcarousel-skin-tango .jcarousel-prev-disabled-vertical:hover, .jcarousel-skin-tango .jcarousel-prev-disabled-vertical:active { cursor: default; background: url(/images/slider/toTop.gif) no-repeat right top ; } #mycarousel {height: 250px; overflow:hidden; } .navigationLeft #mycarousel li a {margin: 0;} li.selected #toggle {display:block !important} li.selected a#case { cursor : default;} li.selected a#case:hover, li.selected a#case:focus, li.selected a#case:active { text-decoration:none; } .leftMention { float:left; width: 45%; } .rightMention { float:left; width: 45%; } .fullMention {width: 100%; float:left; display:block; clear:both; padding: 40px 0 0 0 ; } .mentionPage h2 { float:left; display:block; clear:both; font-weight:normal; width: 100%; background: url(/images/bg-menu.gif) no-repeat left bottom } .mentionPage p.spip {padding-left:20px;} .mentionPage ul { margin-left:20px;} .mentionPage em { text-transform: uppercase; font-style:normal; font-size:10px; } .mentionPage a {color :#43BCFD !important} /* CASE STUDIES // navigation */ .danone .CaseResult { height:346px; } .displayNone {display:none; } #portfolio .tabs-container {margin : 0 !important; padding: 0 ; height:350px !important;} .navigationCase {width: 200px; float:left ; list-style-type:none; } .navigationCase a { width: 16px; height: 16px; float:left; display:inline; margin : 0 4px; } .navigationCase .Case1Nav {background:url(/images/nav-case/nav-1.gif) no-repeat left top ; } li.ui-tabs-selected .Case1Nav, .navigationCase .Case1Nav:hover {background:url(/images/nav-case/nav-1-o.gif) no-repeat left top ; } .navigationCase .Case2Nav {background:url(/images/nav-case/nav-2.gif) no-repeat left top ; } li.ui-tabs-selected .Case2Nav, .navigationCase .Case2Nav:hover {background:url(/images/nav-case/nav-2-o.gif) no-repeat left top ; } .navigationCase .Case3Nav {background:url(/images/nav-case/nav-3.gif) no-repeat left top ; } li.ui-tabs-selected .Case3Nav, .navigationCase .Case3Nav:hover {background:url(/images/nav-case/nav-3-o.gif) no-repeat left top ; } .navigationCase .Case4Nav {background:url(/images/nav-case/nav-4.gif) no-repeat left top ; } li.ui-tabs-selected .Case4Nav, .navigationCase .Case4Nav:hover {background:url(/images/nav-case/nav-4-o.gif) no-repeat left top ; } .navigationCase .Case5Nav {background:url(/images/nav-case/nav-5.gif) no-repeat left top ; } li.ui-tabs-selected .Case5Nav, .navigationCase .Case5Nav:hover {background:url(/images/nav-case/nav-5-o.gif) no-repeat left top ; } #portfolio .tabs-container {margin : 0 !important; padding: 0 ; } #portfolio .visuelmotion, #portfolio .iphone, #portfolio .echecs, #portfolio .epices, #portfolio .surf, #portfolio .visage { margin : 0 !important; padding: 0 ; } .fortis #portfolio .tabs-container { height:300px !important;} /*AWARDS // list */ #awardPage { background:url(/evidences/awards/img/illustration-awards.png) no-repeat 100% 76px; } #awardPage .awardsBlock { float:left; display:block; clear:both;width: 100%; margin : 20px 0 ; } #awardPage .awardsBlock .date { float:left; width: 55px; margin : 0 10px 0 0; display:inline; color: #43BCFD; font-size: 16px;} #awardPage ul.awList { list-style-type:none; float:left; width: 645px; display:inline; } #awardPage ul.awList li { list-style-type:none; float:left; width: 645px; display:block; clear:both; } #awardPage ul.awList li span { color : #43BCFD; font-weight:bold; } /* PRESS // COMMUNIQUES DE PRESSE */ .page-communiques .cpBlock { float:left; display:block; clear:both;width: 100%; margin : 20px 0 ; } .page-communiques .cpBlock .date { float:left; width: 55px; margin : 0 10px 0 0; display:inline; color: #43BCFD; font-size: 16px;} .page-communiques ul.awList { list-style-type:none; float:left; width: 645px; display:inline; } .page-communiques ul.awList li { list-style-type:none; float:left; width: 90%; display:block; margin : 0 0 8px 0 ;clear:both; } .page-communiques ul.awList li span { color : #43BCFD; font-weight:normal; display:block; clear:both; } .page-communiques ul.awList li em { color : #fff; font-weight:normal; font-style:normal; padding: 0 3px; float:left; display:block; clear:both; width: 100%} .page-communiques ul.awList li a { color : #fff; font-weight:bold; display:block; clear:both; } .page-communiques ul.awList li a:hover * { text-decoration : none !important; color:#43BCFD} .page-communiques ul.awList li a:hover, .page-communiques ul.awList li a:focus { text-decoration : none !important; color:#43BCFD} .page-communiques p.noticeClt { margin : 20px 0 ; } /* PRESS // MEDIA KIT*/ .blockPress {float:left; display:block; clear:both; width: 100%; margin : 20px 0 ;} .blockPress h2 { float:left; display:block; clear:both; width: 100%; margin : 20px 0 0 0 ; background:transparent url(/images/bg-menu.gif) no-repeat scroll left bottom; } .blockPress p {float:left; display:block; clear:both; width: 100%; margin : 0 ;} ul.video { float:left; display:block; clear:both; width: 100%; list-style-type:none; } ul.video li { float:left; display:inline; width: 182px; margin : 10px 5px ; height:180px; overflow:hidden; } ul.video li img {width: 159px;margin-bottom:5px;} ul.video li a {float:left; display:block; clear:both; padding:10px; height :180px; line-height:1em;} #mediaKitPage .legalNotice {font-size:11px; float:left; display:block; clear:both; width: 100%; } #mediaKitPage .mainCol a {color: #43BCFD ; background:#17151A;} #mediaKitPage ul.video li span { float:left; display:block; clear:both; margin : 2px 0 ; width: 100%; text-align:left; font-size:10px; } #mediaKitPage ul.video li a:hover {text-decoration :none; background:black; } #mediaKitPage ul.photo li {width: 179px; float:left; display:inline; margin : 10px 0; } #mediaKitPage ul.photo li a {width: 160px; padding: 5px;float:left; display:block; clear:both; background:#17151A; font-size:11px;} #mediaKitPage ul.photo li a em {color:white; font-style:normal; } #mediaKitPage ul.photo li a:hover {background:black; text-decoration:none; } /*patches Homepage*/ .class-homepage #page { height: 680px; overflow:hidden; } #contactform .OptInNewsletter {width: 390px; overflow:hidden; } #contactform .OptInNewsletter span input { float:left; width:15px; background:none !important; border:0 !important; } #contactform .OptInNewsletter span label { float:left; width:348px; font-size:11px; padding-left:4px; margin-top:3px;} #contactform fieldset {margin : 0 ; padding: 0 ; border:0} /* NEWSLETTER // FORM - NEWSLETTER */ #form_newsletter { width: 200px; float:left; display:block; clear:both; padding: 10px 0; } #form_newsletter fieldset { border:0; padding:0; margin: 0 ; } #form_newsletter #newsletterform p { font-size:11px; text-align:left; padding: 5px 0} #form_newsletter #newsletterform label {display:none; } #form_newsletter #newsletterform .inputBg { background:url(/images/form/bg-input-newsletter.gif) no-repeat left center ; width: 136px; height:21px; overflow:hidden; float:left; display:inline; border:0; margin:0 8px 0 0 ; line-height:normal; color:white; padding: 3px 3px 0px 5px; } #form_newsletter #newsletterform input { width: 132px; height:15px; border:0; background:none; line-height:normal; color:white; margin : 0!important; padding:0 0 5px 5px !important; } #form_newsletter #newsletterform .btTxt { background:url(/images/form/btn-ok.gif) no-repeat left top ; width: 39px; height:21px; float:left; display:inline; border:0; cursor : pointer; margin-top:0; } #form_newsletter p.infoMsg, #form_newsletter p.errorMsg {width: 100%; float:left; display:block; clear:both; font-weight:bold; } #form_newsletter p.infoMsg { color: #43BCFD} #form_newsletter p.errorMsg { color: #EE766A} #newsl_subscribe_loader {margin : 5px 0 ; float:left; text-align:left; } .mainCol #newsletterform {width : 100%; background:url(/images/bg-menu.gif) no-repeat scroll left top ; padding-top:10px; float:left; display:block; clear:both; } .mainCol #form_newsletter { width: 500px;} .mainCol #form_newsletter p {font-size:12px;} .mainCol #form_newsletter a.unsubscribe {font-size:11px;color:white; text-decoration:underline; display:block; clear:both; float:left; margin : 8px 0 ; color: #43BCFD; } .content-newsletter #form_newsletter a { color: #43BCFD} .content-newsletter h4 {width : 100%; padding-bottom:20px; float:left; display:block; clear:both; color:white; } .content-newsletter ul {float:left; display:block; clear:both; margin : 0 !important } /* PARTENAIRES */ ul.partenaires {float:left; width: 99%; margin : 10px 0 ; padding: 5px;} .partenaires li {float:left; display:block; clear:both; width: 100%; padding:10px ;margin : 10px 0 ; } .partenaires li img {float:left; padding-right: 20px;} .partenaires li div {float:left; padding-top:50px; } .partenaires h4 {float:left; width: 100%; display:block; clear:both; } .partenaires p {float:left; width: 100%; display:block; clear:both; } .mainInterne h1, .mainInterne h3, .mainInterne h4, .mainInterne h5, .mainInterne h6 { width: 100%; float:left; display:block; clear:both; } .zadigResult {margin-top:30px; height:375px;} .panasonicResult {margin-top:30px; height:310px;} .lorealResult {height : 307px} #form_newsletter ul { width: 500px;} #form_newsletter ul li { width: 500px;} /*ADD ON WHITE PAPER */ .callToWP { background:url(/images/btn-action-wp.png) no-repeat left top ; width: 363px; height:45px; float:right; position:relative; z-index:99999;} .callToWP:hover { background:url(/images/btn-action-wp-o.png) no-repeat left top ; } /*white paper addon 03*09*09 */ #whitePaperPage .contentwhitepaper {width: 100%; float:left; display:block; clear:both; overflow:hidden; } #whitePaperPage .contentwhitepaper .divimage {width: 342px; overflow:hidden; float:left; display:inline; } #whitePaperPage .contentwhitepaper .divimage img {float:left; display:inline; } #whitePaperPage .contentwhitepaper .divResume {float:right; width: 390px;padding: 20px 5px; display:inline; } #whitePaperPage .contentwhitepaper .divResume em { color : #43BCFD; font-weight:bold; font-style:normal; } #whitePaperPage #whitepaper input.text { background:url(/images/formwhitepaper/bg-input.gif) no-repeat left top ; width: 207px; } #whitePaperPage #whitepaper span.req { float:none;width: 100%; clear:both; } #whitePaperPage #whitepaper span.form_err { float:left; display:block; clear:both; } #whitePaperPage form li {width : 33%; float:left; display:inline; margin-right:10px; margin : 5px 10px 5px 0; height:65px; overflow:hidden; } #whitePaperPage #whitepaper .buttons { width: 62%;} #whitePaperPage #industry { width: 213px; margin: 3px 0 3px 5px; float:left; } #whitePaperPage #industry_err { margin : 3px 0 0px 0px; width: 100%; display:block; clear:both; } #whitePaperPage .req { padding: 3px 5px } /*addon slider home 2/09/09 */ #rotate .zoneNav {position:absolute; top: 550px; left :0 ;width: 980px; height:30px; z-index:99999; } #rotate .zoneNav a { float:left; width: 36px; height: 36px; } #rotate .zoneNav a.navPrev { float:left; background:url(/images/visuels_home/prev.gif) no-repeat left top ; } #rotate .zoneNav a.navPrev:hover { float:left; background:url(/images/visuels_home/prev-o.gif) no-repeat left top ; } #rotate .zoneNav a.navNext { float:right; background:url(/images/visuels_home/nex.gif) no-repeat left top ; } #rotate .zoneNav a.navNext:hover { float:right; background:url(/images/visuels_home/next-o.gif) no-repeat left top ; } /*white paper addon homepage 030909 */ #indexAlt .headUpblocks .blockWhitePaper {background:url(/images/sidebar/bg-livreblanc.gif) no-repeat left top ; height:145px;} #indexAlt .blockWhitePaper { font-size:12px; padding-left:5px; padding-top:25px; width:270px; font-weight:normal; } #indexAlt .blockWhitePaper span { color:white; font-weight:normal; width: 180px; cursor:pointer; } #indexAlt .blockWhitePaper:hover { text-decoration:none !important; } #indexAlt .blockEvidences {background:url(/images/sidebar/bg-evidence.png) no-repeat left top ; } #indexAlt .blockNews a, #indexAlt .blockEvidences a, #indexAlt .blockWhitePaper a {margin-left:0px;} #indexAlt .blockWhitePaper em {background:url(/images/sidebar/btn-jeveuxlire.gif) no-repeat left top ; margin-left:5px; float:left; width: 82px; height:18px; margin : 5px 0 ;} #indexAlt .blockWhitePaper:hover em {background:url(/images/sidebar/btn-jeveuxlire-o.gif) no-repeat left top ; } #indexAlt .headUpblocks {height: 303px; margin-top:25px;} #indexAlt .blockNews {margin-top:11px;} /*attention rate */ .blockAttentionRate { font-size: 11px; clear:both; display:block; float:left; height:130px; overflow:hidden; width:100%; } .blockAttentionRate img { float:left; display:block; clear:both; } .blockAttentionRate a { float:left; display:block; clear:both; width: 100%; color :#43BCFD;font-size: 11px; padding:4px 0 ;} .blockAttentionRate p { font-size: 11px;} /*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/ /* addons 24/11 sidebar int override */ #page { background:url(/images/bg-leftcol.png) repeat-y -193px 0 ; } .class-homepageAlt #page { background:none !important} .navigationLeft ul li.selected a { background:url(/images/item-selected.png) no-repeat right top ; width: 206px; height: 30px; color :white; font-weight:bold; line-height: 30px;} .navigationLeft ul li.selected a{color :white; font-weight:bold;} .navigationLeft ul li.selected li a { background:none; line-height:normal; } .navigationLeft ul li.selected li a{color :white; font-weight:bold;} .navigationLeft ul#mycarousel li a { background:none; } .navigationLeft ul li a {padding-right:16px; float:right; color: #fff; padding-right:8px; } .navigationLeft {border : 0 !important; background:url(/images/separateur-leftcol.gif) no-repeat bottom right } .mainInterne .navigationLeft {width:202px;} .navigationLeft ul {float:right;width:185px;} #header {z-index : 9999; } #jsddm { margin: 0; padding: 0} #jsddm li { float: left; list-style: none; } #jsddm li a { display: block; } #jsddm li a:hover { background: #1A4473;} #jsddm li ul { overflow:hidden;z-index:9999; margin: 30px 0 0 0;z-index: 9999; padding: 0; position: absolute; visibility: hidden; background:url(/images/bg-submenu.png) no-repeat left top ; width : 287px; height:198px; padding: 21px 0 0 10px} #jsddm li ul.small {background:url(/images/bg-submenu-small.png) no-repeat left top ; width : 190px; height:100px; } #jsddm li ul.long {background:url(/images/bg-submenu-long.png) no-repeat left top ; width : 190px; height:195px; } #jsddm li ul.medium {background:url(/images/bg-submenu-medium.png) no-repeat left top ; width : 190px; height:195px; } #jsddm li ul li { float: left; display:block; clear:both; margin : 5px 0 ; width : 190px; } #jsddm li ul li a { float:left; display:block; clear:both; width : 190px;color :white; text-align:left; font-size: 12px;} #jsddm li ul li a:hover { background:none !important; color: #43BCFD !important; } .callToWP { z-index:988; } .jcarousel-skin-tango .jcarousel-clip-vertical { height:155px; width:183px; } .toggleSubMenu.selected li a {color: #fff !important } .toggleSubMenu.selected li.selected a { color: #43BCFD !important} #mycarousel { width: 199px !important ; } #mycarousel li { width: 189px !important ; } #mycarousel li a { width: 180px !important ;} #ContactPage .navigationLeft h3.utile { text-align:left !important; } #ContactPage .navigationLeft h3.utile img { width:auto !important; text-align:left; } #ContactPage .navigationLeft p {width:200px;} #ContactPage .navigationLeft { width:213px;} .navigationLeft ul li ul li a { font-size: 12px !important; } .navigationLeft ul li a:hover { text-decoration:none } #jsddm li a:hover { text-decoration:none; } .navigation ul li a:hover, #jsddm li a:hover, .navigationLeft ul li a:hover { color :#43BCFD !important; transition:all 0.2s ease-in-out; -o-transition:all 0.2s ease-in-out; -webkit-transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; } .navigationLeft ul li.selected a:hover {color: #fff !important } .navigationLeft ul li.selected ul li a:hover {color:#43BCFD !important; text-decoration:none;} ul#mycarousel li a:hover {color :#43BCFD !important; } /*homepage*/ #indexAlt .sideBarHome { background:url(/images/bg-sidebar-home.png) repeat-y -2px 0; width:310px;} #indexAlt .headUpblocks { float:right; width: 273px; margin-top : 0; height: 420px} #rotate .zoneNav {width:684px;} #indexAlt .sideBarHome { height:520px;} #indexAlt .blockNews { width: 265px; float:right; } #indexAlt .blockNews h4 { background:none; } #rotate .zoneNav {top:566px;} #indexAlt .sidebarHomeBlock {padding: 10px 10px 0; margin : 0 0 20px 0 ; float:left; display:block; clear:both; width: 80%;} #indexAlt .sidebarHomeBlock img { text-align:center; } #indexAlt .sidebarHomeBlock p { line-height: 1.3em;} #indexAlt .blockNews a, /*#indexAlt .sidebarHomeBlock a {float:left; display:block; clear:both; width: 100%; color :#43BCFD;font-size: 13px; /*padding:4px 0 ;*/ font-weight:bold;}*/ #indexAlt .blockNews { margin-top:0px;} #indexAlt .blockNews p { font-weight:normal; font-size: 12px; } .blue { color: #43BCFD} .CaseStrategie { width:290px;} /*calages nouveaux nouveaux nouveaux fonds */ #indexAlt .visuelmotion span.left {width:617px !important; top:-254px !important; left: 63px !important;} #indexAlt .visuelmotion embed { background: #000; } #indexAlt .echecs span.left {width:562px !important;} #indexAlt .epices span.left {top:34px !important;} #indexAlt .surf span.left {margin:0 0 0 -56px;top:-203px !important;} #indexAlt .surf span.left {width:471px !important;} #indexAlt .visage span.left {margin:0 0 0 -2px;top:-158px !important;} #indexAlt .visuelmotion span.left { } #jsddm li .evidencesUL {padding-top : 18px !important; } /*ajustements structure */ .mainInterne h2 {padding:23px 0 0 10px !important;} .mainInterne .mainCol { padding-top:0px; margin-top : -35px;} .class-press .mainCol h2{ margin-top : -25px; padding-top : 0;} #JobsPage .mainCol h2 { margin-top : -30px; padding-top : 0;} /* .mainInterne .mainCol h3 { height: 80px;} */ .video li {width: 330px !important; height: 265px !important;} .div404 { background:url(/images/404.png) no-repeat right bottom; float:left; width: 100%; height: 566px; text-align:right; margin-bottom : -17px; } .div404 p { padding-top : 500px; color:#00CCFF; font-size: 14px; } /*ajout fragment video */ .barometre { margin-top:47px; padding-left:0; width: 700px} .barometre span.left { top : 25px !important; margin-left: 0px; height: 77px} /*#fragment-0 .vieraVideo { overflow:hidden; background:black; margin:47px 0 0 20px; width:640px; float:left; display:block; clear:both; height:359px; }*/ /*patches*/ /* .bgUserX { background:transparent url(/business/img/illustration-userExperience.png) no-repeat scroll 100% 202px; height:600px; } .ecommerceBg {height: 599px;} .bgCM { height:599px; }*/ /*140110*/ #fragment-7 { margin-top:47px; padding-left:0; width: 700px} #fragment-7 span.left { top : 25px !important; margin-left: 0px; height: 77px} #fragment-7 .vieraVideo { overflow:hidden; background:black; margin:47px 0 0 20px; width:640px; float:left; display:block; clear:both; height:359px; } .headUpblocks { height:458px !important; } #indexAlt .sidebarHomeBlock { margin:0 0 5px;} .videoLink { height: 86px !important; width: 220px; padding-bottom: 3px; float:left; display:block; clear:both; } .blockNews { height:146px !important} /* ajout formulaire connecting drink */ #drinkform { display:block; float:right; width:310px; } #drinkform fieldset { border:0; } #drinkform fieldset li { list-style-type: none; margin:0 0 0.5em; } .drinkis { float: left; width:340px; } .drinkis .withblue { background:transparent url(/images/picto/puce-arrow.gif) no-repeat scroll left top; padding-left:30px; } #drinkform .input { background:transparent url(/images/form/bg-input.gif) no-repeat scroll left top; border:0 none; color:white; height:20px; margin:3px 0; padding:3px 0 3px 5px; width:300px; } #drinkform label { font-weight: bold; } #drinkform #saveForm { background:transparent url(/images/form/btn-submit.gif) no-repeat scroll left top; cursor:pointer; float:right; height:21px; text-indent:-6999px; width:109px; } #drinkform .profils input { background:none; border:0 none; color:white; height:15px; margin:3px 0; padding:3px 0 3px 5px; width:15px; } #drinkform .profils .col span { float: left; clear: none; width:50%; height:30px; } #drinkform a, #drinkform .req { color:#43BCFD !important;} #drinkform .profils { margin:1em 0 0; } .profils .col { margin:1em 0 0 ;} .connecting_drink h3 { margin:0 0 40px 30px; } .whatkindof { } #drinkform fieldset li.buttons { margin:2em 0 0.5em; width:124px; float: right; } .mainInterne .connecting_drink { background:transparent url(/images/connecting_drink.gif) no-repeat scroll 60px bottom; height:640px; margin-top:-69px; } h2.connecting_drink_title { background:transparent url(/images/titles/title-events.gif) no-repeat scroll left top; height:22px; margin:2em 0; padding:0 !important; text-indent:-6999px; width:196px; } .buttons .req { font-size: 11px; text-align: right } .CO { text-align: right } /*override retours nj NE PAS DEPLOYER SI PAS VALIDE */ #footer .emakina { background:transparent url(/images/logo-emakina.gif) no-repeat scroll right center; width:158px;} .mainInterne .mainCol { padding-left:40px;width:742px; } #rotate { margin-top:12px;} .class-homepageAlt #page #footer {/*top:-102px;*/top:-65px;} .class-homepageAlt #page {/*height:623px;*/height:660px;} /* ajout dbo 1/02/10 */ .emtitle { font-size: 14px; } .ical_href a { background:transparent url(/images/add-agenda-connecting-drink.gif) no-repeat scroll right center; display:block; height:94px; padding:30px 0 30px 30px; text-indent:-6999px; width:199px; } .drinkis .FBConnectButton .FBConnectButton_Text, .drinkis .FBConnectButton_RTL .FBConnectButton_Text { background:transparent url(/images/btn-facebook.gif) no-repeat scroll left center !important; border-bottom:0 none; border-top:0 none; color:#FFFFFF; display:block; font-family:"lucida grande",tahoma,verdana,arial,sans-serif; font-weight:bold; height:21px; margin:0; padding:0; text-indent:-6999px; text-shadow:none; width:110px; } .FBConnectButton, .FBConnectButton_RTL { background:0 none !important; cursor:default; display:inline-block; outline-style:none; outline-width:medium; padding:0; text-decoration:none; } p.share_links {margin:1em 0 } p.share_links a { padding: 0 0 0 30px; float: left; clear: both; } .twitter_share { background:transparent url(/images/btn-twitter.gif) no-repeat scroll left center !important; clear:both; display:block; float:left; height:21px; margin:1em 0 0 31px; width:91px; } /*----------------------------------------------------------------------------------------------------*/ /* UPDATE HOME AVRIL 2010 */ /*ajout picto 6 et 7 dans carroussel*/ .selected a.slideTo1 {background:url(/images/home-slider/picto-1-o.png) no-repeat left top ; } .selected a.slideTo2 {background:url(/images/home-slider/picto-2-o.png) no-repeat left top ; } .selected a.slideTo3 {background:url(/images/home-slider/picto-3-o.png) no-repeat left top ; } .selected a.slideTo4 {background:url(/images/home-slider/picto-4-o.png) no-repeat left top ; } .selected a.slideTo5 {background:url(/images/home-slider/picto-5-o.png) no-repeat left top ; } /*.selected a.slideTo6 {background:url(/images/home_0410/picto-6-o.png) no-repeat left top ; }*/ /*.selected a.slideTo7 {background:url(/images/home_0410/picto-7-o.png) no-repeat left top ; }*/ #topnav { width:625px;} #indexAlt .jcarousel-control { margin-left:574px; top:603px; width:135px; display: inline;} .jcarousel-control a{ float:left; width: 21px; height:21px; margin : 0 2px !important; text-indent: -6999px; display:inline; } /*a.slideTo6 {background:url(/images/home_0410/picto-6.png) no-repeat left top transparent; } a.slideTo6:hover, a.slideTo6:active {background:url(/images/home_0410/picto-6-o.png) no-repeat left top transparent; } a.slideTo7 {background:url(/images/home_0410/picto-7.png) no-repeat left top transparent; } a.slideTo7:hover, a.slideTo7:active {background:url(/images/home_0410/picto-7-o.png) no-repeat left top transparent; }*/ /*positionnement .barometre */ /* .barometre { margin-top :100px !important;} .barometre span.left { top :0px !important; left:40px !important;} #indexAlt .barometre span.left { margin:0 0 0 -30px; }*/ /*positionnement .iphone */ /*.iphone { margin:168px 0 0 90px !important;} .iphone span.left { top :-500px !important; } #indexAlt .iphone span.left { margin:0 0 0 -30px; } */ /*style item "jobs" dans la nav_main*/ #nav_main a.jobs { float:left; position:relative; height:36px; width:35px; background:url(/images/home_0410/menu-jobs.png) no-repeat left center; } #nav_main li.selected a.jobs, #nav_main a.jobs:hover { background:url(/images/home_0410/menu-jobs-o.png) no-repeat left center; } /*changement image ligne sous nav_main*/ #nav_main { background:url(/images/home_0410/bg-menu.gif) no-repeat bottom right; height:43px;} /*sidebar*/ #indexAlt .sidebarHomeBlock { width:225px !important; height:148px !important; background: #222; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; border-radius: 10px; float:left; display:block; clear:both; padding:8px 10px 0 10px; margin:5px 5px 5px 20px; } #indexAlt .sidebarHomeBlock p { height:auto !important; padding-top:3px; } #indexAlt .sidebarHomeBlock a { height:auto !important; } #indexAlt .sidebarHomeBlock a:hover, #indexAlt .blockNews a:hover { text-decoration:none; color:#fff; } #indexAlt .blockNews { width:225px !important; /*height:80px !important;*/ height:146px !important; background: #222; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; border-radius: 10px; float:left; display:block; clear:both; padding:8px 10px 2px 10px; margin:5px 5px 5px 20px; } #indexAlt .blockNews p { height:auto !important; padding-top:3px; } #indexAlt .blockNews a { height:auto !important; float:none; } #indexAlt .blockNews .logoDid { float:right; width:25px; } #indexAlt .blockZoomClient { width:225px !important; background: #222; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; border-radius: 10px; float:left; display:block; clear:both; padding:8px 10px 2px 10px; margin:5px 5px 5px 20px; } #indexAlt .blockZoomClient span { color:#FFFFFF; font-size:12px; font-weight:normal; padding:5px 0; } #indexAlt .blockZoomClient span strong { font-size:14px; font-weight:bold; } #indexAlt .blockNews h4 { padding-bottom:0px; } #indexAlt .blockZoomClient p { height:auto !important; } #indexAlt .blockZoomClient a { height:auto !important; clear:both; color:#43BCFD; display:block; font-size:13px; font-weight:bold; width:100%; } #indexAlt .blockZoomClient .thumbs { margin-left:-4px; } #indexAlt .blockZoomClient .thumbs a { display:inline-block; width:111px; height:77px; margin:0; opacity:1; filter : alpha(opacity=100); } #indexAlt .blockZoomClient .thumbs a:hover { opacity : 0.7; filter : alpha(opacity=70); /* IE */ } #indexAlt .headUpblocks { height:600px !important; padding:5px 0 0 30px; } .manuel p { float:right; margin-right:14px; padding-top:250px; width:278px; } /************************************ twitter tags 05/2010 *******************/ .manuel p { padding-top:230px !important; margin-right:10px !important; } .manuel p span { display:block; margin:12px 0 0 0; } .alexis p.second span { display:block; margin:15px 0 0 0; } .william p span { display:block; margin:8px 0 0 0; } .davidL p { margin-right:20px !important; padding-top:30px !important; width:325px !important;} .davidL p span { display:block; margin:12px 0 0 0; text-align:right; } .davidB p span { display:block; margin:216px 0 0 0; } .sophieC p { padding-top:70px !important; } .sophieC p span { display:block; margin:20px 0 0 0; } .nicoF p { padding-top:65px !important; } .nicoF p span { display:block; margin:10px 0 0 0; } .jeanluc p { } .jeanluc p span { display:block; margin:15px 0 0 0; } .olivier p span { display:block; margin:17px 0 0 0; } /* twitter tags 10/05/2010 */ .CD p { margin-bottom:0; } .CD .manuel p { padding-top:214px !important; } .manuel p { padding-top:230px !important; margin-right:10px !important; } .manuel p span { display:block; margin:12px 0 0 0; } .alexis p.second span { display:block; margin:15px 0 0 0; } .william p span { display:block; margin:8px 0 0 0; } .davidL p { margin-right:20px !important; padding-top:30px !important; width:325px !important;} .davidL p span { display:block; margin:12px 0 0 0; text-align:right; } .davidB p span { display:block; margin:216px 0 0 0; } .sophieC p { padding-top:70px !important; } .sophieC p span { display:block; margin:20px 0 0 0; } .nicoF p { padding-top:65px !important; } .nicoF p span { display:block; margin:10px 0 0 0; } .olivier p span { display:block; margin:17px 0 0 0; } /*************************** ajout slide barom�tre mai 2010 ************************/ .barom_mai2010 { margin:70px 0 0 0} .barom_mai2010 span.left { left:75px !important; top:5px !important; } #indexAlt .barom_mai2010 span.left { margin:0 0 0 -55px; } #indexAlt .visuelmotion video { float: left; position: relative; z-index:1 } /*.visuelmotionimg { background:none repeat scroll 0 0 #000000; float:left; height:400px !important; position:relative; right:48px; top:0; width:723px; } .visuelmotionimg img { margin:58px 48px 0; width:674px; }*/ /*patch EQUIPES */ .cedric p { float:right; margin-right:1em; padding-top:230px; width:261px; } .julien {width:739px;} .william p {width:349px;} .aurelien {width:746px;} .lauren {width: 736px; } .pierrick {width:778px; } .julienH {width:732px;} .bgBetty {width:733px;} .alex {width:740px;} .dorothee {width:748px;} .dorothee p {width:314px;} .florent {width:743px;} .olivier {width:756px;} .CD .alexis, .CD .cyrille, .CD .valerie { margin:0 0 -1em; float: left; } /* integration did people */ .did-people { width: 733px; float:left; display:inline-block; margin : 1em 0 ; } .did-people p { width: 290px; padding-top : 115px; padding-left: 35px; } .logoDID { padding : 15px 35px; display:inline-block; } .bart, .hendrik, .yasmin, .wesley , .isabel , .ilka, .davidR, .cas { width: 733px; height:528px; display:inline-block; border: 5px solid #0D0C14; } .bart { background:url(/adn/equipe/designisdead/img/bg_bart.jpg) no-repeat left top ; } .hendrik { background:url(/adn/equipe/designisdead/img/bg_hendrik.jpg) no-repeat left top ; } .yasmin { background:url(/adn/equipe/designisdead/img/bg_yasmin.jpg) no-repeat left top ; } .wesley { background:url(/adn/equipe/designisdead/img/bg_wesley.jpg) no-repeat left top ; } .isabel { background:url(/adn/equipe/designisdead/img/bg_isabel.jpg) no-repeat left top ; } .cas { background:url(/adn/equipe/designisdead/img/bg_cas.jpg) no-repeat left top ; } .ilka { background:url(/adn/equipe/designisdead/img/bg_ilka.jpg) no-repeat left top ; } .davidR { background:url(/adn/equipe/designisdead/img/bg_david.jpg) no-repeat left top ; } .davidR p{width:300px;} .ilka p {width:310px; padding-top:95px;} /* ajout encart rte du rhum sidebar home */ #indexAlt .blockNews .rtedurhum-txt {display:block; float:left; width:185px; clear:none; padding:5px 0;} #indexAlt .blockNews .rtedurhum-txt strong {font-weight:bold} #indexAlt .blockNews .rtedurhum-logofb { display:block; float:right; width:32px; clear:none; padding:3px 0;} /********* mro 5/11/2010 : ajout bloc newsletter sidebar home ******/ #indexAlt .blockNewsletters { width:225px !important; /*height:80px !important;*/ height:60px !important; background: #222; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; border-radius: 10px; float:left; display:block; clear:both; padding:2px 10px 2px 10px; margin:0 5px 5px 20px; position:relative; } #indexAlt .blockNewsletters #form_newsletter { width:100%; padding:5px 0;} #indexAlt .blockNewsletters #form_newsletter #newsletterform label { display:block; text-indent:-6000px; width:94px; height:15px; background:url(/images/home_0910/newletter.gif) no-repeat 2px 0; padding:0 0 5px 2px; } #indexAlt .blockNewsletters #form_newsletter #newsletterform input { color:#43BCFD; font-size:12px; width:150px; padding-top:5px !important;} #indexAlt #form_newsletter #newsletterform .inputBg { background:url("/images/home_0910/bg-newslet-input.gif") no-repeat scroll left center transparent; border:0 none; color:white; display:inline; float:left; height:28px; line-height:28px; margin:0 8px 0 0; overflow:hidden; padding:3px 3px 0 5px; width:170px; } #indexAlt .blockNewsletters #form_newsletter #newsletterform .btTxt { background:url("/images/form/btn-ok.gif") no-repeat scroll left center transparent; height:28px; line-height:28px; width:39px; } #indexAlt #form_newsletter #newsletterform .loader { margin:0; position:absolute; right:14px; top:0; } #indexAlt #form_newsletter #newsletterform .infoMsg { font-size:11px; line-height:12px; font-weight:normal; left:0; margin:0; position:absolute; top:0; background:#222; width:95%; padding:1% 0 0 5%; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; border-radius: 10px; } #indexAlt #form_newsletter #newsletterform .errorMsg { font-size:11px; left:0; margin:0; position:absolute; top:0; background:#222; width:95%; padding:3% 0 0 5%; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; border-radius: 10px; }