/*RESETS*/ *{ padding: 0; margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 0px; } ul{list-style-type:none;} fieldset{border:none;} a img{border:none;} a{-moz-outline:none;} /*GENERIC GLOBAL STYLES*/ body{ font-family:Helvetica; font-size:14px; line-height:17px; color:#636363; background-repeat:repeat-x; background-position:50% -100px; } p{ padding-bottom:1em; text-align: left; } a{ text-decoration:none; color:#999999; } a:hover{text-decoration:underline;} .text_replace{background-repeat:no-repeat; outline:0; text-indent:-9999px;} a.text_replace:active{outline:0;} label{font-weight:bold; display:block; font-size:13px; color:#939393;} /*MAIN TEMPLATE STYLES*/ #main_background_top{ height:210px; background-color:#FFFFFF; width:100%; } #main_background_bottom{ height:51px; background-repeat:repeat-x; background-position:50% bottom; } #fake_body{position:absolute; top:0; width:100%;} #wrap{ width:946px; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto; padding-left: 0px; } /*text styles*/ .byline{color:#333333; text-transform:uppercase; font-size:11px; line-height:14px;} .byline strong{display:block;} h1{ color:#000000; font-size:35px; font-weight:bold; margin-bottom:25px; position: relative; margin-top: 0px; width: 160px; padding: 0px; } h1.sIFR-replaced{margin-bottom:0;} h2{ color:#333333; font-size:28px; font-weight:normal; margin-bottom:22px; background-image: url(/assets/gfx/red_square.jpg); background-repeat: no-repeat; padding-left: 30px; line-height: 1em; margin-top: 5px; margin-left: 5px; } h2.sIFR-replaced{margin-bottom:20px;} div.strategy_block h2.sIFR-replaced{margin-bottom:10px;} blockquote{color:#de3d81; font-size:24px; line-height:33px; font-weight:normal;} blockquote.sIFR-replaced{margin-top:7px;;} .page_header{height:168px;} .page_header h1{color:#fff; font-size:60px; padding-top:52px; padding-bottom:12px; font-weight:normal;} .page_header h1.sIFR-replaced{padding-top:28px;} .page_header h2{width:595px; color:#ffb5cf; font-size:21px;} .page_header h2.sIFR-replaced{} h3{ color:#E20010; margin-bottom:20px; font-size:16px; line-height: 1.3em; font-weight: bold; } /*header*/ #global_header{ position:relative; height: 190px; } #global_header a{color:#fff;} #global_header h1#pda_logo{ float:left; margin-bottom:20px; display: block; } #global_header h1#pda_logo a{display:block; height:100px; width:100px; padding-bottom:0px; padding-top:0px;} #global_header ul#nav{ bottom:0; right:0; width:520px; position: relative; float: right; background-repeat: no-repeat; } #global_header ul#nav li{position:relative; float:left; background-image:url(/assets/gfx/global_nav_separator.gif); background-repeat:no-repeat; background-position:right 25px;} #global_header ul#nav li a{ display:block; float:left; overflow:hidden; padding-bottom:9px; padding-top:20px; background-position:left 20px;} #global_header ul#nav li .marker{height:0; background-color:#ffffff; position:absolute; bottom:0; left:0; overflow:none;} * html #global_header ul#nav li .marker{display:none !important;} #global_header ul#nav li a:hover, #global_header ul#nav li.active a{text-decoration:none;} #global_header ul#nav li.active .marker{height:3px;} #global_header ul#nav li.last a{margin-right:0px;} #home_title { color: #FFFFFF; font-size: 2.5em; line-height: 1em; } .home_title_link a { font-size: 0.8em; } .home_title_link a:hover { font-size: 0.8em; color:#FFFFFF; text-decoration:none; } /*nav links need explicit widths to match their background image*/ #global_header ul#nav li#accueil a { width:50px; height:16px; } #global_header ul#nav li#accueil .marker {width:50px;} #global_header ul#nav li#presentation a { width:82px; height:16px; } #global_header ul#nav li#presentation .marker {width:82px;} #global_header ul#nav li#election a { width:154px; height:16px; } #global_header ul#nav li#election .marker {width:154px;} #global_header ul#nav li#laureats a { width:100px; height:16px; } #global_header ul#nav li#laureats .marker {width:94px;} #global_header ul#nav li#contact a { width:51px; height:16px; } #global_header ul#nav li#contact .marker {width:51px;} /*li elements wrappings the nav links need to be 19px wider than the link inside, so that their background image peeks out (slash separator)*/ #global_header ul#nav li#accueil {width:65px;} #global_header ul#nav li#presentation {width:100px;} #global_header ul#nav li#election {width:173px;} #global_header ul#nav li#laureats {width:119px;} #global_header ul#nav li#contact.last{ background-image:none; } /*footer*/ #footer{color:#acacac;} #footer #global_footer{ background-color:#C0C0C0; color:#424242; padding-bottom:10px; } #footer #global_footer_content{margin:0 auto; width:945px;} #footer #global_footer_content li{ line-height:17px;} #footer #global_footer_content a{color:#636363;} #footer #global_footer_content a:hover{background-image:url(/assets/gfx/graydot.gif); text-decoration:none; background-repeat:repeat-x; background-position:bottom;} #footer.no_extra #extra_footer{display:none;} #footer #footer_dots{height:25px; background-image:url(/assets/gfx/tan_dot_bg.gif);} #footer h1{color:#636363; line-height:30px;} /* when extra content is present, #footer needs .active, otherwise that div gets hidden and #footer_dots gets shown */ #footer.extra #extra_footer{display:block; padding-top:20px; background-color:#faf8f3; background-image:url(/assets/gfx/tan_dot_bg.gif); background-repeat:repeat-x; background-position:bottom; padding-bottom:25px;} #footer.extra #extra_footer #extra_footer_content{width:945px; margin:0 auto;} #footer.extra #footer_dots{display:none;} #global_footer_content{color:#636363; height:245px; overflow:hidden; font-size:11px; display:block; } #global_footer_content a{color:#636363;} #global_footer_content h4 a, #global_footer_content h4 span{ font-size:13px; font-weight:bold; margin-bottom:15px; } #global_footer_content .global_footer_module{ height:170px; margin-top:20px; float:left; width:170px; background-image:url(/assets/gfx/footer_vert_dot.gif); background-repeat:repeat-y; background-position:left; } #global_footer_content .global_footer_module ul li a, #global_footer_content #contact_odopod div{margin-bottom:-5px} #global_footer_content .global_footer_module .inner{padding:0 30px 20px 10px;} #global_footer_content #contact_odopod{padding-left:0; background-image:none; width:240px;} #global_footer_content #contact_odopod .inner{padding-left:0;} /*footer-content*/ #content #footer{color:#acacac;} #content #footer #global_footer{ background-color:#C0C0C0; color:#424242; padding-bottom:10px; } #content #footer #global_footer_content{margin:0 auto; width:945px;} #content #footer #global_footer_content li{ line-height:17px;} #content #footer #global_footer_content a{color:#636363;} #content #footer #global_footer_content a:hover{background-image:url(/assets/gfx/graydot.gif); text-decoration:none; background-repeat:repeat-x; background-position:bottom;} #content #footer.no_extra #extra_footer{display:none;} #content #footer #footer_dots{height:25px; background-image:url(/assets/gfx/tan_dot_bg.gif);} #content #footer h1{color:#636363; line-height:30px;} /* when extra content is present, #footer needs .active, otherwise that div gets hidden and #footer_dots gets shown */ #content #footer.extra #extra_footer{display:block; padding-top:20px; background-color:#faf8f3; background-image:url(/assets/gfx/tan_dot_bg.gif); background-repeat:repeat-x; background-position:bottom; padding-bottom:25px;} #content #footer.extra #extra_footer #extra_footer_content{width:945px; margin:0 auto;} #content #footer.extra #footer_dots{display:none;} #content #global_footer_content{color:#636363; height:245px; overflow:hidden; font-size:11px; display:block; } #content #global_footer_content a{color:#636363;} #content #global_footer_content h4 a, #content #global_footer_content h4 span{ font-size:13px; font-weight:bold; margin-bottom:15px; } #content #global_footer_content .global_footer_module{ height:170px; margin-top:20px; float:left; width:170px; background-image:url(/assets/gfx/footer_vert_dot.gif); background-repeat:repeat-y; background-position:left; } #content #global_footer_content .global_footer_module ul li a, #content #global_footer_content #contact_odopod div{margin-bottom:-5px} #content #global_footer_content .global_footer_module .inner{padding:0 30px 20px 10px;} #content #global_footer_content #contact_odopod{padding-left:0; background-image:none; width:240px;} #content #global_footer_content #contact_odopod .inner{padding-left:0;} /*footer related band*/ #extra_footer_content #related_modules h1#footer_related{background-image:url(/assets/gfx/related.gif);} /*modules*/ .modules{ } .modules .module{width:224px; height:188px; background-color:#df3d82; float:left; margin-left:16px; margin-bottom:16px;} .modules #related_title_module.module{margin-left:0; background:none;} /*HOME PAGE*/ #home_header{color: #FFFFFF; font-weight: normal; font-size:45px; line-height:50px; margin-top:30px; height:140px; margin-left:-2px; padding-top: 10px;} #home_header a{color:#ffb5c5; cursor:pointer;} #home_header a:hover{text-decoration:none; color:#6f012f;} #home_header a:hover span.fauxlink{text-decoration:underline;} #home_header a span { color:#f0f; } #main_background_top{ height:727px; background-image: url(../gfx/pda_bg_top.jpg); background-repeat: no-repeat; background-position: center top; background-color: #FFFFFF; } #main_background_bottom{height:150px;} #home_wrap{ padding-bottom:10px; } .home_module_row{margin-top:35px; padding-top:17px; background-image:url(/assets/gfx/gray_horiz_dot.gif); background-repeat:repeat-x;} .home_module_row .home_module_row_inner{ position:relative; } .home_module_row .home_module_row_inner .jumplink a{line-height:16px;} .home_module_row .home_module_row_inner .jumplink a:hover{color:#750000; text-decoration:none;} .awards .home_module_row .home_module_row_inner{margin-bottom: 40px; background: transparent url(/assets/gfx/gray_horiz_dot.gif) repeat-x left bottom;} .awards .home_module_row .last { background: none; } .home_module_row .home_module_row_inner a{ position:relative; float:left; display:block; } .home_module_row .intro{float:left; width:224px; height:194px; position:relative;} .home_module_row .intro .inner{ margin-right:10px; } .home_module_row .intro .jumplink{font-weight:bold; position:absolute; bottom:0;} .home_module_row .over{position:absolute; left:0; top:0; z-index:100; display:none;} .home_module_row h2{ margin-top:13px; line-height: 1em; } .home_module_row h2.sIFR-replaced{margin-bottom:6px;} .home_module_row p{font-size:13px; line-height:17px;} #home_slideshow{ position:relative; width:948px; height:300px; overflow:hidden; padding-top: 12px; padding-left: 0px; } #home_slideshow #home_slideshow_violator{ z-index:1000; background-color:#ffffff; width:454px; height:31px; float:right; position:relative; top:-40px; left:-12px; } #home_slideshow #home_slideshow_violator #project_caption{ display:none; color:#000000; float:left; font-weight: bold; margin-top: 3px; padding-top: 4px; padding-right: 10px; padding-bottom: 4px; padding-left: 10px; } #home_slideshow #home_slideshow_violator #project_caption a{ margin-left:8px; font-weight: bold; color:#666666; } #home_slideshow #home_slideshow_violator #project_caption a:hover{ text-decoration:none; color: #750000; background-image: none; } #home_slideshow #home_slideshow_violator #slide_navigation{position:absolute;right:10px;top:10px;} #home_slideshow #home_slideshow_violator #slide_navigation a{ text-indent:-9999px; overflow:hidden; display:block; background-color:#cccccc; width:14px; height:11px; float:left; margin-left:5px; cursor:pointer; overflow:hidden;} #home_slideshow #home_slideshow_violator #slide_navigation a:hover{ background-color:#E2001A;} #home_slideshow #home_slideshow_violator #slide_navigation a.activeSlide{ background-color:#E2001A;} #home_slideshow #home_slideshow_violator #slide_navigation a{outline:none;} #home_slideshow li span.slide_caption{display:none;} #home_slides{background-color:#333333; overflow:hidden; height:400px;} #our_work_wrap .img_module_small{ display:inline; width:224px; margin-right:16px; height:189px; float:left; background-image:url(/assets/gfx/gray_horiz_dot.gif); background-repeat:repeat-x; background-position:bottom;} #our_work_wrap .img_module_small:hover{ background:none; } #inside_odopod_modules a{ margin-right:14px; } #inside_odopod_modules a.last{margin-right:0;} /*OUR WORK*/ #our_work_wrap{margin-bottom:80px;} #main_tags{width:960px;} #main_tags a{cursor:pointer !important;} #main_tags .main_tag .subhead{font-size:14px; margin-top:-8px;} #main_tags .main_tag .taglist{text-align:right; display:block; width:275px; height: 22px;} #main_tags .main_tag .taglist a{color:#FFB5C5;} #main_tags .main_tag .taglist a:hover{text-decoration:none !important; background-image:url(/assets/gfx/pink_pinkdots1.gif); background-repeat:repeat-x; background-position:bottom; } #main_tags .main_tag .taglist strong{font-weight:normal !important; text-transform:uppercase;} #our_work_wrap .main_tag .head{font-size:33px; font-weight:normal; } #related_lists{} #related_lists ul{width:304px; float:left; margin-right:16px;} #related_lists ul.last{margin-right:0;} #related_lists ul li{ display:inline; } #related_lists ul li div.inner{ background-image:url(/assets/gfx/gray_horiz_dot.gif); background-repeat:repeat-x; padding:5px 0 5px 0; } #related_lists ul li div.inner a, #related_lists ul li .related_title{ padding:5px 0 0 0px; margin-bottom:5px; margin-left:15px; font-weight:bold; } #related_lists ul li .related_title{color:#2b2b2b; display:block;} #related_lists ul li div.inner a{} #related_lists ul li div.inner a:hover{background-image:url(/assets/gfx/pinkdots3.gif); background-repeat:repeat-x; background-position:bottom; color:#871c4b; text-decoration:none;} #strategy_replace{} #ui_innovation_replace{} #digital_marketing_replace{} /*PROJECT*/ body.work_detail #main_background_top{height:440px;} body.work_detail #main_background_bottom{height:100px; background-image:url(/assets/gfx/pink_dot_bg_large_medium.gif);} #project_header{height:128px;} #project_header h1{float:left;} #project_header .sIFR-flash{width:800px;} #project_header #project_logo{float:right; padding-top:18px;} #project_slideshow{margin-top:-10px; } #project_slideshow #project_chapters{float:left; width:240px;} #project_slideshow #project_slides{float:right; width:705px;} #project_slideshow object{display:block;} .video_slide{overflow:hidden; width:704px;} #project_chapters{position:relative; top:-26px;} #project_chapters h4{font-size:10px; text-transform:uppercase; color:#e6291b; margin-bottom:5px; } #project_chapters ul{} #project_chapters ul li{background-position: right top; background-image:url(/assets/gfx/chapter_dots.gif); font-size:16px; display:block; padding:1px 0 1px 6px; padding-left:0; margin-top:-1px; cursor:pointer;} #project_chapters ul li .inner{ background-color:#DE4B42; padding:5px 0 6px 0; width:auto; height:20px; } #project_chapters ul li .chapter_disclose{display:none; height:70px;} #project_chapters ul li .chapter_disclose .chapter_description{overflow:hidden; font-size:12px; line-height:17px; color:#e72b1d; height:37px; margin-top:5px; width:144px;} #project_chapters ul li .chapter_disclose .chapter_progress{color:#fff; font-weight:bold; font-size:12px; margin-top:10px;} #project_chapters ul li .chapter_disclose .chapter_progress .progress_title{ text-transform:uppercase; color:#ff82b7; font-size:10px;} #project_chapters ul li a{color:#fff; outline:none;} #project_chapters ul li a:hover{text-decoration:none;} #project_chapters ul li.active div.xxxx{} #project_content{margin-left:240px; width:705px; margin-bottom:50px;} #project_content #project_description{width:464px; float:left;} #project_content #project_description h2{margin-top:35px;} #project_content #project_description h2.sIFR-replaced{margin-bottom:12px;} #project_content #project_description p{} #project_content #project_jump{margin-top:-5px;} #project_content #project_jump a{font-weight:bold; font-size:14px;} #project_content #project_jump a:hover{text-decoration:none; color:#871c4b; background-image:url(/assets/gfx/pinkdots3.gif); background-repeat:repeat-x; background-position:bottom;} #project_quote{float:right; width:224px; margin-top:82px;} #project_quote #project_quote_author{margin-top:5px;} #project_boxes{margin-left:240px; margin-bottom:85px;} #project_boxes .project_box{float:left; padding-top:25px; margin-right:16px; width:224px; background-image:url(/assets/gfx/gray_horiz_dot.gif); background-position:top; background-repeat:repeat-x;} #project_boxes .last{margin-right:0;} #project_boxes li strong a{font-size:14px;} #project_boxes .jump{font-weight:bold; display:inline; margin-top:40px; font-size:14px; } #project_boxes .jump:hover{text-decoration:none; color:#871c4b; background-image:url(/assets/gfx/pinkdots3.gif); background-repeat:repeat-x; background-position:bottom;} #project_box_tags ul li a{font-weight:bold; display:inline;} #project_box_tags ul li a:hover{text-decoration:none; color:#871c4b; background-image:url(/assets/gfx/pinkdots3.gif); background-repeat:repeat-x; background-position:bottom;} #project_box_awards ul li{margin-bottom:21px;line-height:17px;} #project_box_awards ul li div.award_icon{float:left;} #project_box_awards ul li div.award_description{float:left;margin-left:11px;padding-top:5px;width:175px;color:#999;} #project_box_awards ul li div.award_description strong{color:#4b4b4b;} #odoslide_stage{height:400px;} #odoslide_controls .odoslide_next, #odoslide_controls .odoslide_previous{width:334px; height:42px; position:absolute; top:0; } /*#odoslide_controls .odoslide_next img, #odoslide_controls .odoslide_previous img{}*/ #odoslide_controls .odoslide_next{right:19px; text-align:right;} #odoslide_controls .odoslide_previous{left:19px;} #odoslide_take_a_look{width:224px; height:52px; background-image:url(/assets/gfx/take_a_look.gif); position:absolute; top:170px; right:10px; cursor:pointer;} #odoslide_take_a_look:hover, #odoslide_take_a_look.hover{background-position:0 52px;} #project_slides ul{width:0; height:0; overflow:hidden;} .odoslide_next,.odoslide_previous{width:110px; height:105px; } .odoslide_previous{left:100px; width:200px; height:200px;} /*related projects*/ #extra_footer #related_modules{width:944px; margin:0 auto;} #extra_footer #related_modules .module{margin-right:0; margin-left:16px;} #extra_footer #related_title_module{float:left; width:224px; } /*BLOG*/ body.blog #main_background_top{height:220px;} body.blog #main_background_bottom{height:50px; background-image:url(/assets/gfx/pink_dot_bg_large_medium.gif);} #blog_wrap{margin-top: 84px; margin-bottom:100px;} #blog_posts{width:624px; float:left;} #blog_posts .blog_post{margin-bottom:67px; border-top:5px solid #df3d82; padding-top:25px; background-image:url(/assets/gfx/gray_horiz_dot.gif); background-repeat:repeat-x; background-position: bottom; padding-bottom:3px;} #blog_posts .single{margin-bottom:20px;} #blog_posts .blog_post a:hover{background-image:url(/assets/gfx/pinkdots3.gif); background-repeat:repeat-x; background-position:bottom; color:#871c4b; text-decoration:none;} #blog_posts .blog_post h1{font-size:28px; line-height: 35px; color:#df3d82; font-weight:normal;} #blog_posts .blog_post h1 a{font-size:28px; color:#df3d82; font-weight:normal; display:inline;} #blog_posts .blog_post h1 a:hover{font-size:28px; font-weight:normal; display:inline; background-image:url(/assets/gfx/pinkdots3.gif); background-repeat:repeat-x; background-position:bottom; color:#871c4b; text-decoration:none;} #blog_posts .blog_post .post_meta{text-transform:uppercase; font-size:10px; color:#939393; margin-top:10px; margin-bottom:25px; font-weight: bold;} #blog_posts .blog_post .post_meta .post_date{} #blog_posts .blog_post .post_meta .post_author{} #blog_posts .blog_post .post_body{} #blog_posts .blog_post .post_body img{margin-bottom:25px; border: 1px #e5e5e5;} #blog_posts .blog_post .post_body img.blog_image{margin-bottom:25px;} #blog_posts .blog_post .post_footer{font-size:11px; color:#939393; font-weight:bold;} #blog_posts .blog_post .post_footer .post_tags{float:left; width:450px;} #blog_posts .blog_post .post_footer .post_comments_link{float:right; width:150px; text-align:right;} #blog_posts .blog_post .post_footer .post_comments_link a{color:#939393;} #blog_posts .blog_post .post_footer .post_comments_link a span.count{color:#df3d82;} #blog_posts #pagination {width: 624px; text-align: right; margin-top: -40px;} #blog_posts #pagination ul.pages {list-style: none; float: right;} #blog_posts #pagination ul.pages li {color: #b4b4b4; font-size: 13px; font-weight: bold; list-style: none; float: left; width: 26px; height: 22px; background-color: #f7f7f7; margin-right: 2px; text-align: center;} #blog_posts #pagination ul.pages li:hover {background-color: #871c4b;} #blog_posts #pagination ul.pages li.active {background-color: #a8235d; color: #FFFFFF;} #blog_posts #pagination ul.pages li.active:hover {background-color: #a8235d;} #blog_posts #pagination ul.pages li.dots:hover {background-color: #f7f7f7;} #blog_posts #pagination ul.pages li.newer {padding: 0 17px;} #blog_posts #pagination ul.pages li.newer a {width: 60px; height: 22px; margin-left: -17px;} #blog_posts #pagination ul.pages li.older {padding: 0 27px;} #blog_posts #pagination ul.pages li.older a {width: 80px; height: 22px; margin-left: -27px;} #blog_posts #pagination ul.pages li a {color: #b4b4b4; background-color: #f7f7f7; width: 26px; height: 22px; display: block;} #blog_posts #pagination ul.pages li a:hover {color: #FFFFFF; background-color: #a8235d; text-decoration: none;} #blog_sidebar{width:224px; float:right;} #blog_sidebar a:hover{text-decoration:none; color:#871c4b; background-image:url(/assets/gfx/pinkdots3.gif); background-repeat:repeat-x; background-position:bottom;} #blog_sidebar .blogmod{ background-image:url(/assets/gfx/gray_horiz_dot.gif); background-repeat:repeat-x; background-position: bottom; margin-top:30px; padding-bottom:30px;} #blog_sidebar .blogmod.last{background-image:none;} #blog_sidebar .blogmod.first{ margin-top:0;} #blog_sidebar .blogmod h3{text-transform:uppercase; margin-bottom:20px;} #blog_sidebar #papers_mod.blogmod p{color:#999999;} #blog_sidebar #tag_menu.blogmod a{color:#999999;} #blog_sidebar #blog_tags_module #tag_menu ul li{display:block; border-bottom:1px solid #fff;} #blog_sidebar #blog_tags_module #tag_menu ul li a{display:block; font-size:15px; font-weight:bold; background-image:url(/assets/gfx/blog_sidebar_arrow.jpg); background-position: right center; background-repeat:no-repeat;} #blog_sidebar #blog_tags_module #tag_menu ul li a:hover{color:#871c4b;} #blog_sidebar #author_mod img{float:left;} #blog_sidebar #author_mod .author_info{float:right; width:145px; margin-top:-5px;} #blog_sidebar #author_mod div.author_name{text-transform:uppercase; font-size:13px; font-weight:bold;} #blog_sidebar #author_mod p{text-transform:uppercase; color:#939393; font-size:10px; line-height:17px; } #blog_sidebar #awards_mod ul li{ margin-bottom: 15px; } #blog_sidebar #awards_mod ul li a:hover{ text-decoration:none; color:#871c4b; background-image:none;} #awards_mod p {float: right; text-align: left; width: 170px; font-weight: normal;} #blog_sidebar .award_icon {float: left; margin-right: 15px;} #blog_search {padding: 0 0 10px; } #blog_search_input {float: left; width: 125px; height: 12px; padding: 2px 2px; color: #b4b4b4;} #blog_search_btn {float:right; width: 78px; height: 22px;} #search_message{font-size: 24px;} #press_module a:hover{color:#871c4b;} #press_module span {float: left; font-size: 14px; font-weight: bold; margin-right: 15px;} #press_module p {float: right; text-align: left; width: 170px; font-weight: normal; display: block;} /* around the web */ #extra_footer #around_the_web{width:944px; margin:0 auto; padding: 14px 0;} #extra_footer #around_the_web h3{font-size: 14px; font-weight: bold; color: #333333; margin: 0; padding: 0;} #extra_footer #around_the_web_title{float:left; width: 944px; padding: 0 0 10px;} #extra_footer #around_the_web_links{float:left; width: 400px; padding: 0 0 25px;} #extra_footer #around_the_web_links #delicious {float:left; width: 209px; padding-right: 15px;} #extra_footer #around_the_web_links #twitter {float:left; width: 161px; padding-right: 15px;} #extra_footer #around_the_web_links ul {} #extra_footer #around_the_web_links ul li {padding: 12px 10px 10px 0; list-style: none; background-image:url(/assets/gfx/gray_horiz_dot.gif); background-repeat:repeat-x; background-position: bottom; } #extra_footer #around_the_web_links ul li a{font-weight: bold;} #extra_footer #around_the_web_links ul li a:hover{text-decoration:none; color:#871c4b; background-image:url(/assets/gfx/pinkdots3.gif); background-repeat:repeat-x; background-position:bottom;} #extra_footer #around_the_web_links ul li.first {} #extra_footer #around_the_web_links ul li.last {background-image: none;} #extra_footer #around_the_web_flickr {float:right; width: 544px; margin: 0; padding: 0;} #extra_footer #around_the_web_flickr ul {margin-top: 15px;} #extra_footer #around_the_web_flickr ul li {width: 75px; height: 75px; list-style: none; float: left; margin: 0 2px 2px 0; padding: 0;} .twitter_logo {float: left; margin: 1px 6px 0 0;} #blog_comments{} #blog_comments li.comment{border-bottom:1px dotted #b7b7b7; margin-bottom:15px; padding-bottom:5px;} #blog_comments li.comment .comment_meta{float:left; width:144px;} #blog_comments li.comment .comment_meta .author{color:#636363; font-size:14px; font-weight:bold; text-align:right;} #blog_comments li.comment .comment_meta .author .says{color:#ffb6d5;} #blog_comments li.comment .comment_meta .comment_date{font-size: 9px; color:#939393; font-weight:bold; text-transform:uppercase; text-align:right;} #blog_comments li.comment .comment_body{float:right; width:455px; font-size:12px; line-height:20px;} #blog_comments #write_comment{ width:385px; } #blog_comments #write_comment h4{font-size:13px; margin-bottom:20px;} #blog_comments #write_comment fieldset{margin-bottom:20px;} #blog_comments #write_comment #contact_fields #name_field{float:left; width:180px; margin-right:15px;} #blog_comments #write_comment #contact_fields #email_field{float:left; width:180px;} #blog_comments #write_comment #contact_fields input{width:170px; padding:3px;} #blog_comments #write_comment textarea{width:368px; height:140px; font-family:arial; font-size:12px; color:#333333; padding:3px;} #blog_comments #write_comment input.submit{float:right;} /*MODULES*/ #modules .tag_intro{background-color:#ffffff; background-image:url(/assets/gfx/pink_stripe.gif); background-repeat:repeat-x; background-position:bottom; width:464px; height:392px; float:left; margin-right:16px;} #modules .tag_intro p{padding:30px; padding-left:22px; color: #de3d81; font-size:28px; line-height:32px;} #tag_header{height:119px;} #tag_header h1{padding-top:38px; float:left;} #tag_header #other_tags_dropdown{z-index:21; position:relative; float:right; width:225px; margin-top:50px; background-image:url(/assets/gfx/header_horiz_dots.gif); background-repeat:repeat-x; background-position:bottom; padding-bottom:5px;} #tag_header #other_tags_dropdown .other_tags_button{cursor:pointer; color:#fff; font-weight:bold; background-image:url(/assets/gfx/down_arrow_white.gif); background-repeat:no-repeat; background-position:right 8px;} #tag_header #other_tags_dropdown #tag_menu .other_tags_button{line-height:10px; padding:5px 10px; margin-right:7px; margin-top:5px; background-position:right 7px;} #tag_header #other_tags_dropdown #tag_menu{display:none; padding-bottom:6px; width:242px; overflow:hidden; position:absolute; top:-4px; left:-10px; z-index:10; background-color:#a8235d;} #tag_header #other_tags_dropdown #tag_menu ul{ padding:10px 0; display:none; } #tag_header #other_tags_dropdown #tag_menu ul li{ width:242px; display:block; cursor:pointer !important;} #tag_header #other_tags_dropdown #tag_menu ul li.last {padding-bottom: 15px;} #tag_header #other_tags_dropdown #tag_menu ul li a{display:block; background-image:url(/assets/gfx/more_tags_arrow.gif); background-repeat:no-repeat; background-position:225px center; width:100%; padding:1px 10px; cursor:pointer !important; color:#fff; font-size:13px; font-weight:bold;} #tag_header #other_tags_dropdown #tag_menu ul li.big a{font-size:16px} #tag_header #other_tags_dropdown #tag_menu ul li.big.last{margin-bottom: 15px; padding-bottom: 15px; background-image:url(/assets/gfx/tag_nav_sep.jpg); background-repeat:no-repeat; background-position: 10px bottom;} #tag_header #other_tags_dropdown #tag_menu ul li.separator{height:1px;padding-bottom: 15px;} #tag_header #other_tags_dropdown #tag_menu ul li.separator div{height:1px; background-image:url(/assets/gfx/dropdown_dots.gif); background-repeat:repeat-x; background-position:top; padding:10px 0;} #tag_header #other_tags_dropdown #tag_menu ul li.active a{color:#f08bb7; background-image:none;} #tag_header #other_tags_dropdown #tag_menu ul li a:hover{background-color:#871c4b; text-decoration:none;} #modules{ width:960px; position:relative; margin-bottom:50px; z-index:20;} .module a:hover{text-decoration:none !important; cursor:pointer;} .module a.inner{ display:block; border: none; } .module{ float:left; display:block; position:relative; margin-right:12px; margin-bottom:16px; overflow:hidden; } .module .module_icon{position:absolute !important; bottom:15px; right:15px;} .module .module_body .module_body_inner{padding-top:13px; padding-left:15px; padding-right:15px;} .module .module_body{font-weight:bold;} .hover .subhead{color:#FFB5CF !important;} .module .module_body .head{color:#ffffff;} .module .module_body .subhead{ color:#FFFFFF; font-weight: lighter; } .module .taglist{position:absolute; bottom:9px; left:14px; font-size:11px; font-weight:bold; color:#FFB5CF;} .module .taglist a{color:#ffffff;} .module .taglist a:hover{text-decoration:underline !important;} .module.hover .taglist{} .xl a{width:464px; height:392px;} .xl .module_body{font-size:20px; line-height:22px;} .xl .taglist{width:350px; height: 20px; overflow: hidden;} .l a{width:304px; height:290px;} .l .module_body{font-size:20px; line-height:22px;} .l .taglist{width:218px; height: 40px; overflow: hidden;} .s a{ width:224px; height:184px; } .s .module_body{ font-size:15px; line-height:17px; } .s .module_body .module_body_inner{ padding-top: 0px; margin-top: -2px; } .s .taglist{display:none;} .xs a{width:144px; height:137px;} .xs .module_body{font-size:12px; line-height:14px;} .xs .module_body .module_icon{display:none;} .xs .module_body .module_body_inner{padding-top:8px;} .xs .taglist{display:none;} .speech{background-color:#ffffff !important;} .speech .module_body{ height:108px; font-size:14px; line-height:17px; padding-top:7px; } .speech a:hover .module_body .head, .speech a:hover .module_body .subhead{ color:#EC1706; } .speech .module_body .head, .speech .module_body .subhead{color:#636363; margin-bottom: 2px;} .speech .stripe{ width:100%; height:17px; position:absolute; background-image: url(../gfx/vignette_under_redbar.jpg); background-repeat: no-repeat; bottom: 0px; } .speech .stripe{overflow:hidden; color:#ffffff;} .speech .stripe div{ padding-left:15px; padding-top:3px; font-size:15px !important; } .speech .point{ background-image:url(/assets/gfx/grey_arrow.gif); height:17px; width:100%; position:absolute; bottom:0px; background-repeat:no-repeat; left:0; background-position:15px top; } .speech_s .module_body{ height:158px; font-size:12px; line-height:17px; } .speech .stripe{ height:57px; } .speech .stripe div{ font-size:14px; text-indent:0; position: relative; padding-top: 10px; margin-top: 10px; } .speech_s img.module_icon{ bottom:55px !important; } .speech_xs .stripe{ height:11px; } .speech_xs .stripe div{ text-indent:-9999px; } #related_modules_tag_page{clear:both; padding-top:30px; background-image:url(/assets/gfx/gray_horiz_dot.gif); background-repeat:repeat-x; background-position:top; margin-bottom:160px;} .module_award img.module_icon{display:block; bottom:43px; right:10px;} .speech .subhead{ color:#b4b4b4 !important; } .speech a:hover .subhead{ color:#000000 !important; } .module_paper .module_body{border-color:#ccc09c;} .module_paper .stripe{background-color:#ccc09c;} .module_paper .point{background-image:url(/assets/gfx/beige_arrow.gif);} .module_award .module_body{border-color:#1ba2b5;} .module_award .stripe{background-color:#1ba2b5;} .module_award .point{background-image:url(/assets/gfx/teal_arrow.gif);} .related_speech_group{float:left;} .related_speech_group h3{text-transform:uppercase; font-size:14px; margin-bottom:30px;} .video_indicator{display:none;} /*HACKS*/ .clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } .clearfix {display:inline-block;} /* Hide from IE Mac \*/ .clearfix {display:block;} /* End hide from IE Mac */ /* =================================================================== Inside Odopod: Being Here =================================================================== */ /* Body Styles */ #beingHere #main_background_top { height: 2960px; } #beingHere #main_background_bottom { height: 173px; } /* Header */ .inside_odopod_header { position: relative; height: 182px; } .inside_odopod_header ul#subNav { position: absolute; left: 0; bottom: 0; width: 944px; height: 62px; list-style-type: none; } *+html .inside_odopod_header ul#subNav { bottom: 2px; } * html .inside_odopod_header ul#subNav { bottom: 2px; } .inside_odopod_header ul#subNav li { position: relative; display: block; float: left; width: 304px; height: 62px; margin-right: 16px; background: #b53268; } .inside_odopod_header ul#subNav li.last { margin-right: 0; } .inside_odopod_header ul#subNav li a { display: block; width: 304px; height: 62px; background-repeat: no-repeat; text-indent: -9999px; } .inside_odopod_header ul#subNav li#theBasics a { background: none; background-color: #ce3978; } .inside_odopod_header ul#subNav li#theBasics a span { position: absolute; left: 0; top: 21px; display: block; width: 304px; height: 21px; background: transparent url("/assets/gfx/subnav_insideOdo_theBasics.gif") no-repeat left top; } .inside_odopod_header ul#subNav li#theBasics.active a { background-color: #b53268; } .inside_odopod_header ul#subNav li#theBasics.active a span { background-image: url("/assets/gfx/subnav_insideOdo_theBasics_active.gif"); } .inside_odopod_header ul#subNav li#beingHere a { background: none; background-color: #ce3978; } .inside_odopod_header ul#subNav li#beingHere a span { position: absolute; left: 0; top: 21px; display: block; width: 304px; height: 27px; background: transparent url("/assets/gfx/subnav_insideOdo_beingHere.gif") no-repeat left top; } .inside_odopod_header ul#subNav li#beingHere.active a { background-color: #b53268; } .inside_odopod_header ul#subNav li#beingHere.active a span { background-image: url("/assets/gfx/subnav_insideOdo_beingHere_active.gif"); } /*error pages*/ #error_wrap{ height:580px; } #error_wrap h1{ padding-top:165px; color:#fff; font-weight:bold; font-size:70px; } p#error_sub{ color:#ffbcc7; font-size:20px; margin-top:50px; } hr { color: #E03036; margin-bottom: 15px; } #error_links a{ color:#fff; font-size:21px; margin-right:60px; } .stripe .date { font-size: 11px; } #global_header #home_title { margin-left: 70px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; margin-bottom: 25px; } #home_wrap #menu_toc { margin-left: 14px; width: 190px; padding: 0px; float: left; z-index:10; } #home_wrap #menu_toc ul.menu { padding:0px; margin:0px; width:170px; } #home_wrap #menu_toc .menu li { width: 190px; background-color: #595959; line-height: 1.5em; color: #ffffff; font-weight:bold; border: 1px solid #FFFFFF; padding:0px; margin:0px; } #home_wrap #menu_toc .menu li a { padding-top: 5px; padding-right: 0px; padding-bottom: 5px; padding-left: 10px; margin:0px; text-decoration:none; color:#FFFFFF; display:block; width:180px; } #home_wrap #menu_toc .menu li a:hover { color: #e3dfdf; text-decoration: none; background-image: url(/assets/gfx/selecteur_menu.png); background-repeat: no-repeat; background-position: right center; } #home_wrap #menu_toc .menu li.active { color: #e3dfdf; text-decoration: none; background-image: url(/assets/gfx/selecteur_menu.png); background-repeat: no-repeat; background-position: right center; } #img_toc { width: 670px; float: left; padding: 0px; position: absolute; height: 230px; margin-right: 0px; margin-bottom: 0px; margin-left: 240px; margin-top: 5px; } #content_main { margin-top: 40px; margin-left: 20px; padding-top: 10px; float: left; width: 500px; } #main_background_content_top{ height:650px; background-image: url(/assets/gfx/pda_bg_content.jpg); background-repeat: no-repeat; background-position: center -43px; background-color: #FFFFFF; } h1.subtoc a { width: 215px; font-size:18px; background-color: #595959; text-decoration:none; border: 1px solid #FFFFFF; padding-top: 5px; padding-right: 5px; padding-bottom: 5px; padding-left: 5px; background-image: none; line-height: 1em; display: block; color: #FFFFFF; } h1.subtoc a:hover { color: #e3dfdf; text-decoration: none; } #content_right { float: left; margin-left: 40px; width: 400px; margin-top: 40px; margin-left: 20px; padding-top: 10px; } #home_wrap #flashcontent { margin-left: 0px; margin-top: 10px; padding-left: 5px; } #content_main .floatleft { float: left; margin-top: 10px; margin-right: 10px; margin-bottom: 10px; } #produit_main { margin-top: 215px; margin-left: 0px; padding-top: 10px; float: left; width: 580px; position: relative; } #produit_right { float: left; margin-left: 40px; width: 310px; margin-top: 215px; margin-left: 54px; padding-top: 10px; text-align: right; } #top { display: block; } #produit_right h3 { text-align: right; color: #333333; font-size: 17px; margin-bottom: 5px; } #bigtitle h1 { font-size: 35px; line-height: 35px; width: 550px; margin-top: 10px; margin-right: 0px; margin-bottom: 5px; margin-left: 5px; z-index: 0; } #news { margin: 0px; padding-left: 5px; } .fleft { float: left; margin-right: 5px; margin-bottom: 5px; margin-left: 5px; margin-top: 5px; } .half-left { float: left; width: 50%; display: block; } #news .half-left p { text-align: justify; } #news .half-left h3 { } .R { font-size: 0.6em; } #content_main p { line-height: 1.3em; color: #333333; text-align: justify; } #content_right p { line-height: 1.3em; color: #333333; text-align: justify; } .titre_page { float: left; display: inline; width: 700px; margin-top: 10px; position: static; } .palmares .fleft { border: thin solid #E2001A; padding: 5px; } .palmares .fleft a{ border: none; padding: 5px; } .video { background-image: url(/assets/gfx/play.png); background-repeat: no-repeat; background-position: left center; padding-left: 50px; padding-top: 15px; margin-top: 5px; margin-bottom: 5px; float: right; } .presse { background-image: url(/assets/gfx/article_presse.jpg); background-repeat: no-repeat; background-position: left center; padding-left: 50px; padding-top: 15px; margin-top: 5px; margin-bottom: 5px; float: right; } #produit { z-index: 100; position: fixe; display: block; float: right; } #contact_left { width: 450px; float: left; padding-left: 20px; } #contact_right { float: right; width: 450px; text-align: right; margin-right: 20px; } #content_full { margin-top: 40px; margin-left: 0px; padding-top: 10px; float: left; } #content_full p { line-height: 1.3em; color: #333333; text-align: justify; }#news h3 { margin-left: 10px; } #news .fleft { margin-left: 10px; } #content_main .list li { list-style-type: circle; margin-left: 15px; }