/* ========================================================================== Font Face ========================================================================== */ @font-face { font-family: 'OswaldLight'; src: url('/fonts/Oswald-Light-webfont.eot'); src: url('/fonts/Oswald-Light-webfont.eot?#iefix') format('embedded-opentype'), url('/fonts/Oswald-Light-webfont.woff') format('woff'), url('/fonts/Oswald-Light-webfont.ttf') format('truetype'), url('/fonts/Oswald-Light-webfont.svg#OswaldLight') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'OswaldRegular'; src: url('/fonts/Oswald-Regular-webfont.eot'); src: url('/fonts/Oswald-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('/fonts/Oswald-Regular-webfont.woff') format('woff'), url('/fonts/Oswald-Regular-webfont.ttf') format('truetype'), url('/fonts/Oswald-Regular-webfont.svg#OswaldBook') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'OswaldBold'; src: url('/fonts/Oswald-Bold-webfont.eot'); src: url('/fonts/Oswald-Bold-webfont.eot?#iefix') format('embedded-opentype'), url('/fonts/Oswald-Bold-webfont.woff') format('woff'), url('/fonts/Oswald-Bold-webfont.ttf') format('truetype'), url('/fonts/Oswald-Bold-webfont.svg#OswaldBold') format('svg'); font-weight: normal; font-style: normal; } /* ========================================================================== HTML 5: css reset ========================================================================== */ /* * Corrects `block` display not defined in IE 6/7/8/9 and Firefox 3. */ article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary { display: block; } /* * Corrects `inline-block` display not defined in IE 6/7/8/9 and Firefox 3. */ audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; } html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, article, aside, dialog, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video { background:transparent; border:0; font-size:100%; margin:0; outline:0; padding:0; } ul { list-style:none; } ol{ margin:10px 0 10px 50px; } table { border-collapse:separate; border-spacing:0; } caption, th, td { font-weight:normal; text-align:left; } blockquote:before, blockquote:after, q:before, q:after { content:""; } blockquote, q { quotes:"" ""; } legend { display:none; } label{ cursor:pointer; } img{ display:block; } /* global styles */ html, body{ height:100%; margin:0; padding:0; } body{ background:#fff; color:#555555; font-family:Arial, Verdana, sans-serif; font-size:12px; line-height:1em; } p{ margin:0 0 20px; font-size:12px; line-height:21px; } h1{ font-size:16px; font-weight:bold; text-transform:uppercase; color:#252525; } h1 span{ display:block; text-transform:none; } h2{ color:#ed1b24; font-size:15px; font-weight:bold; margin-top:30px; } h3{ color:#ed1b24; font-size:13px; font-weight:bold; margin-top:20px; } h4{ color:#ed1b24; font-size:12px; font-weight:bold; margin-top:10px; } strong{ color:#363636; font-weight:bold; } ul li strong{ color:red; } a:link, a:visited{ color:#4c4b4b; text-decoration:none; } a:hover{ color:#ed1b24; text-decoration:none; } a:active{ color:#00529c; } .clear{ clear:both; height:1px; float:none !important; overflow:hidden; } hr.clear { display:block; clear:both; width:100%; height:0; float:none !important; margin:0; *margin:-8px 0; overflow:hidden; border:none; background:none; color:#fff; } hr.line { border-bottom: 1px solid #CFCFCF; padding-top: 20px; } .flowfix{ clear:both; } .left{ float:left; } .right{ float:right; } .seperator-horizontal{ background-image:url(/images/sep-horizontal.gif); clear:both; height:2px; overflow:hidden; } /* buttons */ div.read-all { border-top: 1px solid #CFCFCF; margin-top: 20px; padding-top: 10px; height: 28px; margin-bottom: 40px; } div.read-all a, a.read-all { float:right; padding:10px 0 10px 10px; font-size:13px; font-family: 'OswaldLight', arial, sans-serif; font-weight:400; text-transform:uppercase; background:url('/images/icons/read-all.png') no-repeat right; padding-right: 35px; color: #4c4b4b !important; text-decoration: none !important; } div.read-all a:hover, a.read-all:hover { background:url('/images/icons/read-all-active.png') no-repeat right; color: #ed1b24 !important; } /* clearfix */ .clearfix:before, .clearfix:after { content: " "; /* 1 */ display: table; /* 2 */ } .clearfix:after { clear: both; } .clearfix { *zoom: 1; } /* For IE 6/7 only */ /* list-style */ #body-content ul.list-crochets, .except-cellules-souches ul.list-crochets { margin:0 0 40px; padding:0; } #body-content ul.list-crochets li, .except-cellules-souches ul.list-crochets li { margin-bottom:5px; padding:10px 0 10px 36px; background:url('/images/icons/crochet.png') no-repeat center left; } /* ========================================================================== Logo ========================================================================== */ .logosprite{ display:block; height:122px; width:248px; } .logosprite .logo{ list-style:none; margin:0; padding:0; } .logosprite .logo { background:url(/images/fr/logo.gif) no-repeat left top; height:122px; width:248px; } .logosprite.en .logo { background:url(/images/en/logo.gif) no-repeat left top; height:122px; width:248px; } /* ========================================================================== Content frame ========================================================================== */ /* main content */ #main, #internal { position:relative; padding-bottom:10px; background:#fff; } #main .wrapper, #internal .wrapper { margin:0 auto; width:994px; } /* wrapper */ #main, #header, #content, #bottom-links, #footer { min-width:994px; } #body-content img { margin:0 0 15px; } #body-content #bloodDrivesForm img { margin: 0px; } #body-content img[align="left"] { margin-right: 10px; } #body-content a[href*=".pdf"] img { margin: 0; } #body-content p, #body-content ul li, #body-content ol li { font-size: 15px; } /* small square content boxes */ #body-content .square-content-boxes{ border-left:3px solid #e1e0dd; border-top:3px solid #e1e0dd; height:156px; margin:3px; padding:18px 18px 0; overflow:hidden; width:196px; } /* ^^ height is also set in the font-size*.css */ #body-content .square-content-boxes h3{ color:#68615e; font-size:14px; font-weight:bold; margin-top:0; text-transform:uppercase; } #body-content .square-content-boxes h3 strong{ color:#ed1b24; } #body-content .square-content-boxes a:link, #body-content .square-content-boxes a:visited{ display:inline-block; background-image:url(/images/bullet-lists.gif); background-position:left top; background-repeat:no-repeat; padding-left: 20px; line-height: 15px; } /* tables */ #body-content table { margin: 15px 0; } #body-content table[width] { width: 100%; } #body-content table th { background-color: #EBEBE9; border-bottom: 1px solid #C5BFBD; color: #5D5959; font-weight: bold; line-height: 18px; padding: 5px 10px; } #body-content table th h4 { margin-bottom: 0px; } #body-content table td { border: 0; border-bottom: 1px solid #c5bfbd; line-height: 18px; padding: 5px 10px; } #body-content .register-col1.no-border { border-bottom: none; } #body-content .register-col2.no-border { border-bottom: none; } #body-content .register-col4.no-border { border-bottom: none; } /* social networking */ #toggleSocial:focus{ outline:0; } #socialbox{ background-color:#fff; border:1px solid #c5c0bd; padding:1px 1px 10px 1px; position:absolute; right:0; width:280px; z-index:2000;} #socialbox span{ background-color:#ebebe9; display:block; padding:3px 6px; text-transform:uppercase;} #socialbox li{ float:left; width:140px; } #socialbox a{ background-position:left 2px; background-repeat:no-repeat; display:block; padding-left:25px; margin:10px 0 0 10px; } #socialbox .staf a{ background-image:url(/images/social-staf.gif); } #socialbox .delicious a{ background-image:url(/images/social-delicious.gif); } #socialbox .digg a{ background-image:url(/images/social-digg.gif); } #socialbox .google a{ background-image:url(/images/social-google.gif); } #socialbox .facebook a{ background-image:url(/images/social-facebook.gif); } #socialbox .twitter a{ background-image:url(/images/social-twitter.gif); } /* ========================================================================== column layout ========================================================================== */ .col-1-2 { width:318px; } .col-1-2.last { } /* tri column */ .col-1-3 { width:318px; } .col-2-3 { width:650px; } /* 1 cell have the width of 2 */ .col-1-3, .col-2-3 { float:left; margin-right:20px; } .col-2-3.except-cellules-souches { margin-right:10px; } .col-1-3.last, .col-2-3.last { margin-right:0; margin-left:0; } /* fourth column */ .col-1-4 { float:left; width:21%; margin-right:5%; } .col-1-4.last { margin-right:0; } /* article height */ #main-sub-section .col-1-2, #main-sub-section .col-1-3, #main-sub-section .col-2-3, #main-sub-section .col-1-4 { min-height: 336px; } /* titles in colums */ .col-1-2 h1, .col-1-3 h1, .col-2-3 h1, .col-1-4 h1 { display:block; margin-bottom:10px; padding-bottom:21px; font-size:20.4px; font-family: 'OswaldLight', arial, sans-serif; font-weight:400; line-height:1em; letter-spacing:-0.4px; background:url('/images/background/under-main-title.png') no-repeat bottom left; } .col-1-2 h2, .col-1-3 h2, .col-2-3 h2, .col-1-4 h2 { display:block; margin:17px 0 0; font-size:13px; color:#363636; font-family: 'OswaldRegular', arial, sans-serif; text-transform: uppercase; font-weight:400; letter-spacing:0.4px; line-height:1em; } .col-1-2 p, .col-1-3 p, .col-2-3 p, .col-1-4 p { margin:10px 0; } /* align right - reverse */ .col-1-2.align-right h1, .col-1-3.align-right h1, .col-2-3.align-right h1, .col-1-4.align-right h1 { text-align:right; background:url('/images/background/under-main-title-reverse.png') no-repeat bottom right; } .col-1-2.align-right *, .col-1-3.align-right *, .col-2-3.align-right *, .col-1-4.align-right * { text-align:right; } /* with colored background */ .col-1-3.with-background { width:298px !important; padding:10px 10px 40px 10px !important; background:#dedfe0; } .col-1-3.with-background .read-all { right:10px; } /* slider */ .col-1-3.slider-system { position:relative; } /* padding and border */ .col-1-2, .col-1-3, .col-2-3, .col-1-4 { position:relative; padding-bottom:40px; } /* ========================================================================== Header ========================================================================== */ #header .wrapper { position:relative; min-height:113px; } /* logo */ #logo { position:absolute; top:13px; left:2px; } #logo a { width:93px; height:97px; background:url('/images/main-logo.png') no-repeat top left; } /* location form */ .form-home{ margin-left:29px; } .form-home ul{ margin:0; padding:0; } .form-home li{ border:none; float:left; height:auto; margin:0; padding-right:5px; width:auto; } .form-home li span{ background-image:url(/images/sep-vertical.gif); background-position:right center; background-repeat:no-repeat; margin-right:10px; padding:0 10px; } .form-home li img{ margin-top:2px;} .form-home-text{ border:1px solid #cbc5c5; color:#8a7f7b; font-size:11px; width:30px; } .form-home-pc{ font-size:10px; line-height:normal; } /* top menu */ #topmenu { position:absolute; top:8px; right:0; width:868px; } #topmenu ul { float:right; max-width:708px; margin-top:2px; } #topmenu ul li { float:left; margin-left:20px; } #topmenu ul li:first-child { margin:0; } #topmenu ul li a{ display:block; font-size:11px; color:#636363; } #topmenu ul li a:hover { color:#ed1b24; } #topmenu ul li a.external { padding-right:15px; background:url('/images/icons/menu-external.png') no-repeat center right; } #topmenu #phone-number { float:left; padding:1px 0 4px 26px; font-size:12px; color:#898989; font-family: 'OswaldRegular', arial, sans-serif; font-weight:400; letter-spacing: 0.8px; background:url('/images/icons/header-phone.png') no-repeat top left; } /* sections menu */ #sections{ float: right; position: relative; right: 0; top: 64px; } #sections nav { float: left; margin-right: 20px; } #sections nav > ul{ /*float:left;*/ /*position:relative;*/ /*display:inline-table;*/ } #sections nav > ul > li{ display: inline-block; margin-left:68px; /*position: relative;*/ padding-bottom:15px; } #sections nav > ul > li:first-child { margin:0; padding-left:0; } #sections nav > ul > li > a{ display:block; padding-bottom:9px; font-size:17px; font-weight:400; font-family: 'OswaldRegular', arial, sans-serif; text-transform:uppercase; } #sections nav > ul > li:hover > a, #sections nav > ul > li.on > a{ /*margin-bottom:-2px;*/ padding-bottom:8px; color:#4C4B4B; border-bottom:3px solid #ee1b2e; position: relative; z-index: 2; } #sections nav > ul > li > a span { display:block; line-height:1em; font-family: 'OswaldRegular', arial, sans-serif; font-weight:400; } #sections nav > ul:after { content: ""; clear: both; display: block; border-bottom:1px solid #e4e4e4; width: 100%; top: -17px; position: relative; } #sections ul ul:before { border-bottom: 10px solid #464646; border-left: 8px solid transparent; border-right: 8px solid transparent; top: -10px; content: ""; display: block; height: 0%; left: 0; margin: auto; position: absolute; right: 0; width: 0; } #sections ul ul { display:none; background-color:#464646; color: #fff; padding:22px 0px 22px 0px; left: 50%; font-size:14px; position:absolute; top: 17px; z-index:200; margin-top:25px; } #sections ul ul li { float:none; position:relative; border-bottom:none; margin:0; padding-left:0; width: 100%; display: block; } #sections ul ul li a { color: #fff !important; text-decoration:none; border-bottom:none !important; text-transform:none; font-size:14px; font-family:Arial, Helvetica, sans-serif; line-height:17px; padding:5px 28px 7px 28px; display:inline; width: 100%; display: block; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } #sections ul ul li a:hover { text-decoration:none; background:#ed1b24; color: #fff; } #sections ul li:hover > ul{ display:block; } /* top search */ #sections form { float: right; margin-top: 2px; position: relative;} #searchDiv{ padding-top:20px; } /* form searh (reusable search field) */ .form-search input[type="text"] { position:relative; height:17px; padding:2px 25px 2px 10px; border:1px solid #cacaca; color:#998c8b; z-index:1; -webkit-box-shadow: inset 0px 0px 3px 0px rgba(229, 229, 229, 1); box-shadow: inset 0px 0px 3px 0px rgba(229, 229, 229, 1); -webkit-border-radius: 12px; border-radius: 12px; } .form-search input[type="submit"] { position:absolute; top:0; right:0; width:30px; height:100%; padding:0; border:none; background:transparent url('/images/icons/header-search-icon.png') no-repeat center 3px; z-index:2; } .form-search input[type="submit"]:hover { cursor:pointer; } /* HEADER top search */ #header #sections form { float: none; margin-top: 0; position: static;} #header #sections .menu-search { position: relative; float: right; margin-top: -5px; width: 27px; height: 27px; } #header #sections .menu-search .search-open-button { width: 27px; height: 27px; background: transparent url('/images/icons/header-search-icon.png') no-repeat center 5px; -webkit-border-radius: 15px; border-radius: 15px; cursor: pointer; } #header #sections .menu-search:hover .search-open-button, #header #sections .menu-search.opened .search-open-button { background: #ee1b2e url('/images/icons/header-search-icon-o.png') no-repeat center 5px; } /* HEADER form searh (reusable search field) */ #header .form-search { display: none; } #header #sections .menu-search.opened .form-search { position: absolute; top: 40px; right: -7px; z-index: 10; display: block; min-width: 257px; padding:11px; background-color: #ee1b2e; -webkit-border-radius: 3px; border-radius: 3px; text-align: right; } #header .form-search label:before { display:block; content:""; position:absolute; top: -20px; left: 241px; height: 0; width: 0; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid #EE1B2E; } #header .form-search label { position:absolute; top: 13px; left: 11px; display: block; font-family: 'OswaldRegular',arial,sans-serif; font-size: 17px; color: #fff; padding: 2px 9px 0 0; } #header .form-search input[type="text"] { position:relative; display: inline-block; width: 136px; height:19px; padding:2px 25px 2px 10px; color:#998c8b; z-index:1; border: none; -webkit-box-shadow: inset 0px 0px 3px 0px rgba(229, 229, 229, 1); box-shadow: inset 0px 0px 3px 0px rgba(229, 229, 229, 1); -webkit-border-radius: 12px; border-radius: 12px; } #header .form-search input[type="submit"] { position:absolute; top:11px; right:11px; width:19px; height:23px; padding:0; border:none; background:transparent url('/images/icons/search-input-arrow.gif') no-repeat center center; z-index:2; } /* ========================================================================== Footer ========================================================================== */ /* bottom links */ #bottom-links{ padding:36px 0 56px; background:#6c6d73; } #bottom-links h3 { margin-bottom:11px; } #bottom-links h3 a{ font-size:15px; color:#fff; letter-spacing:0.5px; font-family: 'OswaldRegular', arial, sans-serif; text-transform:uppercase; font-weight:400; } #bottom-links ul li { margin-bottom:7px; } #bottom-links ul li a { font-size:14px; color:#b7b7b7; line-height:18px; } #bottom-links ul li a:hover { color:#dbdbdb; } /* footer */ #footer{ } #footer .col-1-4 { padding:21px 0 54px; } #footer h3 { margin-top:28px; margin-bottom:11px; } #footer h3 a { font-size:14px; color:#464646; letter-spacing:0.5px; font-family: 'OswaldRegular', arial, sans-serif; text-transform:uppercase; font-weight:400; } #footer ul li { margin-bottom:6px; } #footer ul li a { font-size:13px; color:#959595; line-height:17px; } #footer ul li a:hover { color:#ed1b24; } #footer ul.left { float:left; } #footer ul.left li { float:left; margin:0 0 0 6px; padding:0 0 0 6px; border-left:1px solid #8a8a8a; } #footer ul.left li:first-child { margin-left:0; padding:0; border:none; } #footer ul.left li, #footer ul.left li a { color:#636363; font-size:11px; line-height:12px; text-transform:uppercase; } #footer ul.left li a:hover { color:#ed1b24; } #footer .social-links { float:right; margin-top:-2px; } #footer .social-links ul { float:left; margin:-15px 0 0 5px; } #footer .social-links li { float:left; margin-left:5px; } #footer .social-links li a { overflow: hidden; display:block; width:42px; height:42px; text-indent:-999px; font-size:0; line-height:0; } #footer .social-links li.facebook-icon a { background:url('/images/icons/footer-facebook.png') no-repeat top left; } #footer .social-links li.twitter-icon a { background:url('/images/icons/footer-twitter.png') no-repeat top left; } #footer .social-links li.youtube-icon a { background:url('/images/icons/footer-youtube.png') no-repeat top left; } #footer .social-links strong { float:left; font-size:14px; font-family: 'OswaldLight', arial, sans-serif; line-height:17px; letter-spacing:0.6px; font-weight:400; color:#636363; text-transform:uppercase; } /* footer columns */ #bottom-links .col-1-4, #footer .col-1-4 { width:250px; margin-right:30px; border:none; } #bottom-links .col-1-4.first, #footer .col-1-4.first, #bottom-links .col-1-4.last, #footer .col-1-4.last { width:202px; } #bottom-links .col-1-4.last, #footer .col-1-4.last { margin-right:0; } /* ========================================================================== forms ========================================================================== */ /* forms */ label{ display:block; padding:20px 0 5px; } .form-txt-small, .form-txt-medium, .form-txt-large, .form-textarea-large, .form-sel-medium, .form-file{ padding:4px; border:1px solid #e3e3e3; color:#555555; } .form-txt-small{ width:80px; } .form-txt-medium{ width:277px; } .form-txt-large{ width:572px; } .form-textarea-large{ height:100px; width:572px; } .form-file{ width:392px; } .form-group-small{ float:left; padding-right:10px; width:120px; } .form-group-medium{ float:left; padding-right:10px; width:285px; } .form-buttons{ text-align:right; padding:10px 9px 0 0; } .form-buttons input{ margin-left:4px; } .form-reset, .form-submit { min-width:121px; color:#fff; font-size:13px; font-weight:700; font-family:arial, sans-serif; padding:6px 25px; } .form-reset{ border:none; color:#000; background-color:#eff0f2; } .form-reset:hover{ background-color:#9f9e9e; cursor:pointer; } .form-submit{ border:none; background-color:#ed1b24; } .form-submit:hover{ background-color:#c70000; cursor:pointer; } .form-steps{ float:left; margin:30px 0; padding:3px 30px 0 10px; } .form-steps.on{ border-top:3px solid #ed1b24; color:#ed1b24; } .form-steps.off{ border-top:3px solid #c5bfbd; } .req-message{ margin:0 0 7px; font-size:13px; font-weight:700; color:#ed1b24; } .required{ color:#ed1b24; font-weight:bold } #body-content .errorMessages{ border:1px solid #ed1b24; color:#ed1b24; font-size:0.9em; margin:10px 0; padding:2px 10px; } #body-content .errorMessages li{ background-image:url(/images/icon-error.gif); background-position:left top; background-repeat:no-repeat; padding:0 20px; } .rdo-gender label{ display:inline; } /* apply online */ #body-content .form-list{ margin:0; padding:10px 0; } #body-content .form-list li{ background-image:none; padding:3px 0; } #body-content .form-list label{ display:inline; padding:0; } .form-coordinates{ padding-bottom:15px; } .form-school-other{ padding-left:20px; width:380px; } .form-school-other label{ display:block; float:left; margin-top:10px; width:75px; } .form-school-other input{ float:left; margin-top:10px; } .form-experience{ padding-bottom:15px; } .form-experience label{ padding:0; } .form-experience .form-group-small, .form-experience .form-group-medium{ padding-top:15px; } .form-languages{ padding-bottom:15px; } .form-languages .form-list li{ display:block; float:left; width:180px; height:30px; } /* styep 2 */ .form-equality label{ display:inline; padding-right:15px; } .form-equality-question{ display:block; float:left; font-weight:bold; width:120px; } .form-equality-specify{ display:block; float:left; width:120px; } #body-content .form-ifyes{ padding:5px 0 5px 60px; } #body-content .form-ifyes ul{ margin:0; padding:0; } #body-content .form-ifyes ul li{ background-image:none; clear:both; font-size:0.88em; margin:0; padding:5px 0; } #body-content .form-ifyes ul li input{ } #body-content .form-ifyes ul li label{ padding:0; } #body-content .form-ifyes ul.threecols li{ clear:none; float:left; width:250px; } #body-content .form-ifyes ul.threecols li label{ width:125px; } /* ========================================================================== Tables ========================================================================== */ /* tables */ .content-table table, .content-plain table{ margin:15px 0; width:100%; } .content-table table th, .content-plain table th{ background-color:#ebebe9; border-bottom:1px solid #c5bfbd; color:#5d5959; font-weight:bold; padding:5px 10px; } .content-table table td, .content-plain table td{ border-bottom:1px solid #d7d3d2; padding:5px 10px; } /* ========================================================================== Content ========================================================================== */ /* internal content */ #content{ padding:12px 0 30px; position:relative; z-index:3; background:#fff; } #content.nomenu{ background-image:none; } #content > .wrapper{ padding:0 0 5px 0; } /* section titles */ .section-title{ background-image:url(/images/bullet-section-titles.gif); background-repeat:no-repeat; background-position:left 1px; color:#fff; font-size:15px; font-weight:bold; margin:63px 0 0 30px; padding-left:20px; position:absolute; text-transform:uppercase; } .section-title a{ color:#fff; } /* left menu */ #menu{ float:left; width:271px; margin:32px 25px 0 0; } #menu img{ display:inline; } #menu img:focus{ outline:0; } #menu h1 { display:block; margin-bottom:16px; padding-bottom:21px; color:#ee1b2e; font-size:28px; font-family: 'OswaldRegular', arial, sans-serif; font-weight:400; line-height:1em; letter-spacing:-0.4px; background:url('/images/background/under-main-title.png') no-repeat bottom left; } #menu h1 a { color: #ee1b2e; } #menu h3{ background:url(/images/bullet-menu.gif) no-repeat left 3px; font-size:14px; margin:10px 0; padding:3px 0 1px 20px; text-transform:uppercase; } #menu h3:hover, #menu h3.on{ background-image:url(/images/bullet-menu-on.gif); } #menu h3 strong{ color:#ed1b24; } #menu h3 a { color:#00519c; line-height: 16px; } #menu h3 a:hover, #menu h3.on a{ color:#ed1b24; } #menu > div > ul{ padding:0 0 0 38px; } #menu > div > ul > li{ margin:0 0 10px; } #menu .submenu ul { margin-top:10px; padding-left:35px; } #menu .submenu li { padding:5px 0; } #menu .submenu li a { padding:5px 5px 5px 0; font-size:12px; } #menu a{ padding:0; } #menu a:focus{ outline:0; } #menu a.closed{ padding-left:12px; } #menu a.open{ color:#252525; font-weight:700; } #menu a.on{ color:#ed1b24; font-weight:700; } #menu .seperator-horizontal{ margin-top:10px; } #content.nomenu #menu{ display:none; } /* sub menu */ .submenu{ font-size:11px; } /* branding */ #branding:before { background:url('/images/background/shadow-collecte.png') no-repeat bottom left; bottom: 0; content: ""; display: block; position: absolute; left: 0; right: 0; width: 1104px; height: 5px; z-index: 3; } #branding{ position:relative; width:994px; margin:0 auto; min-height:200px; z-index:1; } #branding > p { margin: 0px; } /* collecte */ #collecte { position:absolute; top:166px; left:0; width:100%; display:block; z-index:2; } #collecte .wrapper { position:relative; } #collecte a { } #collecte.clickable:hover { cursor:pointer; } #collecte #trigger-wrapper { position:absolute; top:0; left:-41px; width:1104px; height:34px; } #collecte #trigger-wrapper a { position:absolute; bottom:0; left:41px; display:block; width:319px; height:34px; line-height:34px; color:#fff; font-size:18px; font-family: 'OswaldRegular', arial, sans-serif; text-align:center; letter-spacing: 0.4px; -webkit-border-radius: 3px 3px 0px 0px; border-radius: 3px 3px 0px 0px; background:#ed1b24; } #collecte.active #trigger-wrapper a span { background-position:right -9px; } #collecte #trigger-wrapper.except-cellules-souches span { position:relative; top:-3px; font-size:13px; background-position:right 7px; } #collecte #trigger-wrapper.except-cellules-souches a.active span { background-position:right -13px; } #collecte #map { position:relative; top:34px; background:#6c6d73; } /* content */ #body-content{ margin:38px 0 0 0px; overflow: hidden; } #content.nomenu #body-content{ width:100%; margin-left:0; } #body-content .inline{display: inline; margin: 0;} #body-content h1 { display:block; margin-bottom:16px; padding-bottom:16px; font-size:20.4px; font-family: 'OswaldLight', arial, sans-serif; font-weight:400; line-height:1.3em; letter-spacing:-0.4px; background:url('/images/background/under-main-title.png') no-repeat bottom left; } #body-content h2 { margin-bottom:15px; color:#252525; font-size:18px; font-family: 'OswaldRegular', arial, sans-serif; font-weight:400; line-height: 22px; } #body-content h3 { margin-bottom:15px; font-size:14px; color:#252525; line-height: 16px; } #body-content h4 { margin-bottom:15px; font-size:14px; color:#ED1B24; /*font-weight:400;*/ } #body-content h5 { margin-bottom:5px; font-size:14px; color:#ED1B24; font-weight:400; line-height: 18px; } #body-content a:link, #body-content a:visited{ color:#00529C; text-decoration:underline; } #body-content a:hover{ text-decoration:none; color:#ed1b24 } #body-content ul { margin:15px 0 25px; padding-left:15px; } #body-content ul li, .search-results li{ padding-left:10px;line-height:21px; background:url('/images/bullet-content.gif') no-repeat left 9px; } #body-content ul li, #body-content ol li { /*margin-bottom: 6px;*/ } #body-content ol { margin:15px 0 25px; padding-left:40px; } #body-content ol li { /*padding-left:10px; line-height:21px*/ } .search-results li { margin-bottom:10px; } #body-content p.don{ text-transform:uppercase; font-family: 'OswaldLight',arial,sans-serif ; letter-spacing: -0.4px; line-height: 1em; font-size:21px;} #body-content .telephone{ background:url('/images/don/1-1-3_Ou-Quand-donner-du-sang.gif') no-repeat; text-indent:33px; color:#ee1a2e; font-size:21px; font-family: 'OswaldLight',arial,sans-serif ; letter-spacing: -0.4px; line-height: 1em; font-weight:bold; } #body-content .date-don {background:#f0f0f0; border-bottom:1px solid #d6d6d6; padding:12px; text-transform: capitalize;} /* googlemap search */ #body-content .googlemap { background:#f0f0f0; border:1px solid #dbdbdb; height:67px;} #body-content .api{ border-top:1px solid #dbdbdb; } #body-content .googlemap form { float:left; position:relative; padding:24px 13px 19px 13px; } #txtSearch, .findInPage{ } #searchDiv{ padding-top:20px; } #body-content .googlemap form input[type="text"] { position:relative; width: 100px; height:17px; padding:2px 25px 2px 10px; margin-right:10px; border:1px solid #cacaca; color:#998c8b; z-index:1; text-transform:uppercase; -webkit-box-shadow: inset 0px 0px 3px 0px rgba(229, 229, 229, 1); box-shadow: inset 0px 0px 3px 0px rgba(229, 229, 229, 1); -webkit-border-radius: 12px; border-radius: 12px; } #body-content .googlemap form input[type="submit"] { position:absolute; top:24px; left:123px; width:30px; height:23px; padding:0; border:none; background:transparent url('/images/icons/header-search-icon.png') no-repeat center 3px; z-index:2; } #body-content .googlemap form input[type="submit"]:hover { cursor:pointer; } #body-content .googlemap form input[type="radio"]{ position: absolute; top: -9999px; left: -9999px; } #body-content .googlemap form label{ display:inline; text-transform:uppercase; padding:26px 5px 18px 5px; font-size:12px; } #body-content .googlemap form input[type="radio"]:checked+span{ font-weight:bold;} #body-content .googlemap p span{ color:#898989;} #body-content .google-plugin{ position:relative; border:1px solid #dbdbdb; height:380px; margin:0 0 36px 0; background:#f0f0f0;} #body-content .legende-map{ position:absolute; bottom: 6px; left: 6px; border:1px solid #dbdbdb; background:#ffffff; opacity:0.9; } #body-content .legende-map ul { margin:0; padding:0; list-style:none; display:inline-table; padding:13px 13px 9px 13px} #body-content .legende-map ul li{ background:url('/images/don/legende_bleu.png') no-repeat 0 -1px; float:left; margin:0 0 0 43px; text-indent:6px; font-weight:bold; font-size:13px } #body-content .legende-map ul li:first-child{ background:url('/images/don/legende_red.png') no-repeat 0 -1px; float:left; margin:0; } #body-content .legende-map ul li+li+li{ background:url('/images/don/legende_star.png') no-repeat 0 3px ; float:left; margin:0 0 0 43px; } #body-content ul.liste li{margin-bottom:0px;} #body-content ul.liste, #body-content ul.liste ul, #body-content ul.liste ul ul { margin:0; padding:0; list-style:none; } #body-content ul.liste{width:687px; font-size:13px; margin-bottom:40px;} #body-content ul.liste ul li{float:left; margin-bottom: 0px; padding:0; } #body-content ul.liste ul li li{float:none; margin-bottom: 0px;} #body-content ul.liste li.listing{ border-bottom:1px solid #d6d6d6; padding:0/*23px 13px 19px 10px*/; background:none; display:inline-table} #body-content ul.liste li.listing ul li{ background:none; font-size:13px; margin-bottom:0; } #body-content ul.liste li.listing .destination{width:222px; padding:23px 0 19px 28px} #body-content ul.liste li.listing .rdvCollecte{background: url('/images/don/star.gif') no-repeat 12px 26px} #body-content ul.liste li.listing .destination li:first-child{ font-weight:bold; font-size:15px; } #body-content ul.liste li.listing .destination li.itineraire {margin-top:10px} #body-content ul.liste li.listing .destination li.itineraire a {font-weight:bold; color: rgb(85, 85, 85); text-decoration:none; -webkit-border-radius: 4px; border-radius: 4px; background:#f0f0f0; font-family: 'OswaldLight',arial,sans-serif ; letter-spacing: -0.4px; line-height: 1; padding:2px 6px; } #body-content ul.liste li.listing .destination li.itineraire a:hover {color:#fff; text-decoration:none; -webkit-border-radius: 4px; border-radius: 4px; background:#ee1a2e;; font-family: 'OswaldLight',arial,sans-serif ; letter-spacing: -0.4px; line-height: 1; padding:2px 6px; } #body-content ul.liste li.listing .temps{width:307px; padding-top:23px; } #body-content ul.liste li.listing .temps li.time{ background:url('/images/don/temps.gif') no-repeat 5px center; color:#ee1a2e; font-weight:bold; padding-left:40px; } #body-content ul.liste li.listing .temps li.rdv{ background:url('/images/don/phone.gif') no-repeat 5px center; padding-top:15px; padding-left:40px; } #body-content ul.liste li.listing .temps li.bonhomme{ background:url('/images/don/walking.jpg') no-repeat 6px 15px; padding-top:15px; padding-left:40px; } #body-content ul.liste li.listing .temps li.rdv-bonhomme{ background:url('/images/icons/icon_telephone-walkin.jpg') no-repeat left 15px; padding-top:15px; padding-left:40px; font-size:12px; } #body-content ul.liste li.listing .temps li.rdv-bonhomme p{ font-size:12px; } #body-content ul.liste li.listing .temps li.ajout{ background:url('/images/don/calendar.gif') no-repeat 5px 15px; padding-top:15px; padding-left:40px; } #body-content ul.liste li:last-child{border: none;} #body-content ul.liste li.listing .objectif {width:127px; font-weight:bold; padding-top:23px;} #body-content ul.liste li.listing .objectif strong { color:#ee1a2e; } #body-content ul.liste a:link, #body-content ul.liste a:visited { color: #4c4b4b; text-decoration: none; } #body-content ul.liste a:hover { color: #ed1b24; } #body-content .teaserSearch .postalCodePositionner { float: left; position: absolute; margin-top: 120px; margin-left: 60px; } } /* content bottom */ #content-bottom { position:relative; z-index:5; } /* breadcrum */ .breadcrum{ float:left; margin-bottom: 20px; } .breadcrum ul{ margin:0; } .breadcrum ul li{ float:left; height:14px; padding:1px 0 0 17px; margin:0 0 0 13px; background:url('/images/icons/breadcrumb-arrow.png') no-repeat center left; } .breadcrum ul li, .breadcrum ul li a { color:#636363; font-size:11px; line-height:14px; } .breadcrum ul li a:hover { color:#ed1b24; } .breadcrum ul li.first{ background:none; margin:0; padding:0; } .breadcrum ul li.first a { display:block; overflow:hidden; width:14px; height:100%; text-indent:-999px; font-size:0; line-height:0; background:url('/images/icons/breadcrumb-home.png') no-repeat center left; } .breadcrum ul li.last{ } /*Ilike facebook box*/ .fbIlikebox{ float:right; overflow:hidden; width:95px; height:24px; margin-top:-3px; } /* back to top */ #back-to-top { float:right; display:block; height:26px; margin:-15px 0 0 10px; padding:17px 50px 0 0; font-size:13px; letter-spacing:0.5px; text-transform:uppercase; font-family: 'OswaldLight', arial, sans-serif; font-weight:400; background:url('/images/icons/btn-back-to-top.png') no-repeat top right; position: relative; z-index: 5;} #content-bottom .fbLikeButton { float:right; } /* ========================================================================== Home ========================================================================== */ /* slide show */ #slider-wrapper { position:relative; } #s1{ height:378px; overflow:hidden; margin:15px 0 78px; border:1px solid #dbdbdb; background:#ebe9ea; } #s1 article { width:992px; height:376px; text-align:left; } /* nav */ #nav-slider { width:100%; position:relative; top:-67px; text-align:center; *padding-left:40px; } #nav-slider a { overflow:hidden; display:inline-block; *zoom:1; *display:inline; width:15px; height:15px; margin:0 2px; text-indent:-999px; line-height:0; font-size:0; background:url('/images/icons/slider-btn.png') no-repeat top center; } #nav-slider a:hover, #nav-slider a.activeSlide { cursor:pointer; background-position:bottom center; } /* N'est pas sur la page d'accueil. Se trouve sur certaines pages de sections (ex.: Cellules souches / Professionnels de la santé) */ #s2{ height:290px; overflow:hidden; } #s2 + nav #nav-slider { top: 10px; } /* control */ #block-right { position:absolute; top:1px; right:1px; width:281px; height:332px; padding:23px; border-left:1px solid #e4e4e4; background:#e9e9e9 url('/images/background/slider-right.png') no-repeat top left; z-index:99; } #block-right #map-control { margin-bottom: 20px; } #block-right #map-control:after { display: block; content: " "; clear: both; } #block-right #map-control li { position:relative; float:left; margin-left: 11px; } #block-right #map-control li:first-child { margin-left: 0; } #block-right #map-control li a { display: block; width: 57px; height: 40px; padding: 27px 0 0 76px; font-size: 16px; border: 1px solid #e4e4e4; background-color: #fff; } #block-right #map-control li a.active, #block-right #map-control li a.active:hover { color: #fff; border: 1px solid #ee1b2e; background-color: #ee1b2e; } #block-right #map-control li a:hover { border: 1px solid #c4c4c4; color: #4C4B4B; } #block-right #map-control li a:before { position:absolute; display: block; content: " "; background: url('/images/icons/icons-carte-liste.png') no-repeat 0 0; } #block-right #map-control li a#map-map:before { top: 21px; left: 22px; width: 40px; height: 29px; background-position: 0 0; } #block-right #map-control li a#map-map.active:before { background-position: 0 -29px; } #block-right #map-control li a#map-list:before { top: 21px; left: 28px; width: 35px; height: 26px; background-position: -40px 0; } #block-right #map-control li a#map-list.active:before { background-position: -40px -29px; } #block-right #map-control li a.active:after { position:absolute; bottom: -19px; left: 56px; display: block; content: " "; width: 23px; height: 19px; background: url('/images/arrow-next-collect.png') no-repeat 0 0; } #block-right h1 { color:#464646; font-size:42px; line-height:45px; font-family: 'OswaldLight', arial, sans-serif; font-weight:400; text-transform: none; } #block-right h1 strong { color:#252525; font-family: 'OswaldRegular', arial, sans-serif; font-weight:400; } #block-right form { position:relative; } #block-right form label { font-size:13px; color:#ee1b2e; font-weight:700; } #block-right form input[type="text"] { position:relative; height:17px; padding:3px 25px 3px 10px; border:1px solid #cacaca; color:#998c8b; font-size:12px; z-index:1; -webkit-box-shadow: inset 0px 0px 3px 0px rgba(229, 229, 229, 1); box-shadow: inset 0px 0px 3px 0px rgba(229, 229, 229, 1); -webkit-border-radius: 12px; border-radius: 12px; } #block-right form #gotoSearch { overflow:hidden; position:relative; top:-5px; *top:-1px; left:-35px; width:30px; height:25px; padding:0; border:none; text-indent:-999px; font-size:0; line-height:0; background:transparent url('/images/icons/header-search-icon.png') no-repeat center center; z-index:2; } #block-right form #gotoSearch:hover { cursor:pointer; } #block-right ul#next-collect { margin:15px 0 0; } #block-right ul#next-collect li { margin:0 0 13px 0; } #block-right ul#next-collect li a { padding-left:30px; font-size:16px; color:#707070; } #block-right ul#next-collect li a:hover { color:#252525; } #block-right ul#next-collect li a.active { color:#252525; font-weight:700; background:url('/images/icons/collect-icon.png') no-repeat center left; } #block-right .rendez-vous { position:absolute; bottom:7px; left:23px; } #block-right p { margin:0 0 3px; font-size:13px; } #block-right p#phone-number { color:#555555; font-size:20px; font-family: 'OswaldLight', arial, sans-serif; font-weight:400; letter-spacing: 1px; } #block-right p#phone-number strong { margin:0 7px 0 0; color:#252525; font-size:28px; font-family: 'OswaldRegular', arial, sans-serif; font-weight:400; letter-spacing: 0.5px; } /* map list */ #block-left { position:absolute; top:1px; left:1px; width:665px; height:378px; z-index:98; background:#fff; } #block-left h1 { margin:0 0 9px 0; font-size:21px; line-height:23px; font-family: 'OswaldLight', arial, sans-serif; font-weight:400; } #block-left h1 strong { color:#252525; font-family: 'OswaldBold', arial, sans-serif; font-weight:400; } #block-left p { } #block-left p .inline { display:inline; } #block-left p.phone-number { margin:0 0 39px; padding:0 0 0 30px; color:#ee1a2e; font-size:21px; font-family: 'OswaldRegular', arial, sans-serif; font-weight:400; background:url('/images/icons/list-red-phone.png') no-repeat top left; } /* Tiny Scrollbar */ #scrollbar { width: 100%; height:100%; margin:0; } #scrollbar .viewport { width: 634px; height: 100%; overflow: hidden; position: relative; } #scrollbar .overview { list-style: none; position: absolute; left: 0; top: 0; padding: 16px 0 16px 16px; margin: 0; z-index:1; } #scrollbar .scrollbar{ margin:9px 9px 0 0; background: transparent url(/images/tini-scroll/bg-scrollbar-track-y.png) no-repeat 0 0; position: relative; background-position: 0 0; float: right; width: 15px; z-index:2; } #scrollbar .track { width:13px; position: relative; padding: 0 1px; } #scrollbar .thumb { background: transparent url(/images/tini-scroll/bg-scrollbar-thumb-y.png) no-repeat 50% 100%; height: 20px; width: 25px; cursor: pointer; overflow: visible; position: absolute; top: 0; left: -6px; margin-top:6px; } #scrollbar .thumb .end { position:absolute; top:-6px; left:0; background: transparent url(/images/tini-scroll/bg-scrollbar-trackend-y.png) no-repeat 50% 0; overflow: hidden; height: 6px; width: 25px; } #scrollbar .disable { display: none; } .noSelect { user-select: none; -o-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; } /* map infos */ #google-map { position:relative; } #google-map #legende { position:absolute; bottom:5px; left:5px; padding:7px 9px; background:#fff; border:1px solid #e4e4e4; } #google-map #legende ul { } #google-map #legende ul li { float:left; margin-left:24px; padding:4px 0 4px 17px; font-size:13px; font-weight:700; color:#363636; } #google-map #legende ul li:first-child { margin-left:0; } #google-map #legende ul li.collecte-mobile { background:url('/images/icons/blood-red.png') no-repeat center left; } #google-map #legende ul li.centre-globule { background:url('/images/icons/blood-blue.png') no-repeat center left; } #google-map #legende ul li.rendez-vous { background:url('/images/icons/icon-star.png') no-repeat center left; } /* titles and row */ body .home-question h1, body .news h1, body .home-question h2 { font-size:28px; text-transform:none; color:#252525; } body .news p { font-size: 15px; color: #363636; } body .home-question .col-1-3, body .home-question .col-2-3 { margin-right:26px; } body .home-question .col-1-3, body .home-question .col-2-3 { min-height:366px; } body .home-question .col-1-3.last, body .home-question .col-2-3.last { margin-right:0; } /* home page */ /*#home-content{ margin-bottom:90px; }*/ #home-content h2 { } #home-content ul li a { } /* home questions - row 1 */ #home-content .home-question { margin-bottom: 0px; } #home-content .home-question .tri-block li { float:left; width:209px; min-height:298px; margin-left:11px; } #home-content .home-question .tri-block li a { display:block; font-size:20px; line-height:20px; font-family: 'OswaldLight', arial, sans-serif; font-weight:400; text-transform: uppercase; text-align:center; } #home-content .home-question .tri-block li .case { position:relative; display:block; width:100%; height:252px; margin-bottom:27px; background:#ee1b2e; background-position:center center; background-repeat: no-repeat; } #home-content .home-question .tri-block li a:hover .case { background-color:#e2e2e2; cursor:pointer; } #home-content .home-question .tri-block li:first-child { margin-left:0; } #home-content .home-question .tri-block li.medicaments .case { background-image:url('/images/icons/icon-pills.png'); } #home-content .home-question .tri-block li.voyage .case { background-image:url('/images/icons/icon-plane.png'); } #home-content .home-question .tri-block li.vaccins .case { background-image:url('/images/icons/icon-syringue.png'); } #home-content .home-question .tri-block li .arrow { position:absolute; bottom:-12px; left:95px; width:20px; height:12px; background:url('/images/icons/icon-down-arrow.png') no-repeat top center; } #home-content .home-question .tri-block li a:hover .arrow { background-position:bottom center; } #home-content .home-question .tri-video img { display:block; } #home-content .home-question .tri-video ul { margin-top:10px; } #home-content .home-question .tri-video li { float:left; margin-left:10px; font-size:11px; font-weight:700; } #home-content .home-question .tri-video li:first-child { margin-left:0; } #home-content .home-question .tri-video li img { margin-bottom:10px; } #home-content .home-question .tri-video div.read-all { margin-top: 33px; } #home-content .home-question .tri-video .video div.txt-wrapper { position:absolute; bottom:272px; left:0; display:block; width:299px; padding:7px 8px; background-color: rgba(000, 000, 000, 0.6); z-index:2; } #home-content .home-question .tri-video .video h1 { margin:0; padding:0; font-size:13px; background:none; color:#fff; font-family: 'OswaldRegular', arial, sans-serif; letter-spacing:0; } #home-content .home-question .tri-video .video p { display:none; margin:5px 0 0 0; font-size:12px; line-height:16px; color:#fff; } #home-content .home-question .tri-video .video div.trigger { position:absolute; top:0; left:0; width:100%; height:100%; background:url('/images/icons/btn-play.png') no-repeat center center; z-index:1; } /* home links - row 2 */ #home-content .home-links .block { float:left; width:265px; min-height:161px; margin:10px 60px 0 0; } #home-content .home-links .block h1, #home-content .home-links .block h2 { position:relative; padding-left:38px; font-size:18px; font-weight: bold; } #home-content .home-links .block ul { padding-left:45px; } #home-content .home-links .block ul li { margin-bottom:11px; list-style:disc; color:#363636; } #home-content .home-links .block ul li a { font-size:15px; color:#363636; } #home-content .home-links .block ul li a:hover { color:#ed1b24; } #home-content .home-links .block h1:before, #home-content .home-links .block h2:before { content: ""; display: block; position:absolute; top:-4px; left:0; width:31px; height:31px; } #home-content .home-links .block.no-01 h1:before, #home-content .home-links .block.no-01 h2:before { background:url('/images/icons/icon-sang.png') no-repeat top left; } #home-content .home-links .block.no-02 h1:before, #home-content .home-links .block.no-02 h2:before { background:url('/images/icons/icon-groupe.png') no-repeat top left; } #home-content .home-links .block.no-03 h1:before, #home-content .home-links .block.no-03 h2:before { background:url('/images/icons/icon-personne.png') no-repeat top left; } #home-content .home-links .block.no-04 h1:before, #home-content .home-links .block.no-04 h2:before { background:url('/images/icons/icon-chat-bubble.png') no-repeat top left; } /* home social */ #home-content .social { padding-bottom:0; } #home-content .social h1 { font-size:28px; text-transform: none; } #home-content .social .social-title { position:relative; width:329px; margin-left:-11px; height:49px; background:#6C6D73; } #home-content .social .social-title .arrow { position:absolute; bottom:-5px; left:0; width:12px; height:5px; background:url('/images/icons/social-arrow.png') no-repeat top left; } #home-content .social .social-title.facebook { background:#375695; } #home-content .social .social-title.twitter { background:#00aced; } #home-content .social .social-title.youtube { background:#ed1b24; } #home-content .social .social-title strong { display:none; width:100%; height:100%; overflow:hidden; text-indent:-999px; line-height:0; font-size:0; } #home-content .social .social-title strong.facebook { display:block; background:url('/images/icons/social-block-facebook-title.png') no-repeat center center } #home-content .social .social-title strong.twitter { background:url('/images/icons/social-block-twitter-title.png') no-repeat center center } #home-content .social .social-title strong.youtube { background:url('/images/icons/social-block-youtube-title.png') no-repeat center center } #home-content .social .social-title .title-wrapper { float:left; width:229px; height:100%; text-align:center; } #home-content .social .social-title .btn-wrapper { float:right; width:100px; height:100%; } #home-content .social .social-title .btn-wrapper a { display:block; overflow:hidden; float:left; width:50px; height:100%; text-indent:-999px; font-size:0; line-height:0; } #home-content .social .social-title .btn-wrapper a.facebook { display:none; background:#375695 url('/images/icons/social-block-facebook.png') no-repeat center center; } #home-content .social .social-title .btn-wrapper a.twitter { background:#00aced url('/images/icons/social-block-twitter.png') no-repeat center center; } #home-content .social .social-title .btn-wrapper a.youtube { background:#ed1b24 url('/images/icons/social-block-youtube.png') no-repeat center center; } #home-content .social .social-block { padding:15px 15px 0 15px; border-left:1px solid #e3e3e3; border-right:1px solid #e3e3e3; border-bottom:1px solid #e3e3e3; } #home-content .social .social-block > div { display:none; min-height:300px; } #home-content .social .social-block > div.facebook { display:block; } .youtube { width: 286px; font-size: 14px; } .youtube .yt-channel-list { list-style-position: outside; list-style-type: none; margin: 0; padding: 0; } .youtube .yt-channel-list .yt-channel-title { display: none; background: #ccc url('/img/logo/yt-logo.png') scroll no-repeat 2px 2px; height: 16px; padding-left: 100px; padding-top: 14px; padding-bottom: 14px; line-height: 16px; font-size: 14px; font-weight: bold; text-align: center; color: #0068B3; } .youtube .yt-channel-list .yt-channel-title a { text-decoration: none; color: #0068B3; } .youtube .yt-channel-list .yt-channel-title a:hover { text-shadow: 1px 1px 2px #999; } .youtube .yt-channel-list .yt-channel-video { padding: 7px 4px 7px 4px; border-top: 1px #E3E8EA solid; } .youtube .yt-channel-list .yt-channel-title + .yt-channel-video { padding-top: 0px; border-top: none; } .youtube .yt-channel-list .yt-channel-video:hover { } .youtube .yt-channel-list .yt-channel-video a { display: block; overflow: hidden; text-decoration: none; color: #fff; } .youtube .yt-channel-list .yt-channel-video a .thumb-wrap { position: relative; float: left; margin: 0 6px 0 0; padding: 4px; border: 1px solid #ddd; background-color: #666; } .youtube .yt-channel-list .yt-channel-video a .thumb-wrap img.vid-thumb { width: 96px; } .youtube .yt-channel-list .yt-channel-video a .thumb-wrap span.vid-duration { position: absolute; bottom: 3px; right: 3px; font-size: 12px; font-weight: bold; background-color: #444; color: #eee; } .youtube .yt-channel-list .yt-channel-video a .vid-details { position: relative; float: left; width: 166px; height: 65px; color: #0068B3; } .youtube .yt-channel-list .yt-channel-video a .vid-details span.vid-title { position: absolute; top: 0; left: 0; font-size: 14px; } .youtube .yt-channel-list .yt-channel-video a .vid-details span.vid-views { position: absolute; bottom: 0px; line-height: 12px; right: 5px; font-size: 12px; color: #5C6F7B; } .youtube .yt-channel-list .yt-channel-video:hover { } .youtube .yt-channel-list .yt-channel-video:hover a .vid-details span.vid-title { text-decoration: underline; } .youtube .yt-channel-list .yt-channel-copy { height: 12px; line-height: 10px; font-size: 10px; text-align: right; color: #444; } /* News */ #home-content .news { margin-top: 40px; } #home-content .news article { position:relative; } #home-content .news article h1 { text-transform: none; } #home-content .news article ul li { border-bottom: 1px solid #CFCFCF; padding-bottom: 10px; } #home-content .news article p { width:564px; margin-bottom:0; } #home-content .news article a.read-more { float:right; display:block; padding:6px 10px 6px 7px; font-size:14px; font-family: 'OswaldRegular', arial, sans-serif; text-transform:uppercase; background:#f5f5f5; -webkit-border-radius: 3px; border-radius: 3px; } #home-content .news article a.read-more span { padding-right:9px; background:url('/images/icons/icon-plus.png') no-repeat right 8px; } #home-content .news article a.read-more:hover span { background-position:right -16px; } #home-content .news .read-all { margin-top:0; border-top:none; } /* evite le doublon avec la border-bottom de la derniere news */ /* ========================================================================== News ========================================================================== */ /* news ticker */ #ticker01{ margin-bottom:15px; background-color:#e1e0dc; padding:5px 10px; } #ticker01 ul li{ display: block; line-height:20px; } #ticker01 ul li a{ background-image:none; display:inline; padding:0; } /* ========================================================================== Site map ========================================================================== */ /* site map */ #body-content .sitemap{ float:left; width:356px; padding-left:100px; } #body-content .sitemap ul{ margin:15px 0; } #body-content .sitemap ul ul{ margin:10px 20px; } #body-content .sitemap ul ul ul{ margin:0 20px; } #body-content .sitemap ul li{ background-image:none; padding:0 0 15px; } #body-content .sitemap ul ul li{ background-image:url(/images/bullet-sections.gif); background-position:left 5px; padding:0 0 5px 14px; } #body-content .sitemap ul ul ul li{ background-image:url(/images/bullet-content.gif); background-position:left 7px; padding:0 0 0 10px; } #body-content .sitemap strong a{ color:#ed1b24; text-decoration:none; } #body-content .sitemap strong a:hover{ text-decoration:underline; } #body-content .sitemap a{ color:#68615e; text-decoration:none; } #body-content .sitemap a:hover{ text-decoration:underline; } /* ========================================================================== New Templates ========================================================================== */ /* Main section */ #main-sub-section { position:relative; margin-bottom:85px; padding:12px 0 72px; background:#eff0f2; z-index:3; } #main-sub-section .row { margin-top:25px;} #main-sub-section .row h1 { margin-bottom:8px; } #section-more-infos { width:994px; margin:55px auto 45px; } /* margin-top 55px sang index */ #section-more-infos h1.plus span { display:inline; padding-right:14px; text-transform: uppercase; background:url('/images/icons/title-plus.png') no-repeat right 9px; } #section-more-infos p { margin-bottom:0; } #section-more-infos .col-1-3 { min-height:158px; padding-bottom:32px; } #section-more-infos .empty { border:none; } #section-more-infos .no-border { border-bottom:none; } #section-more-infos .last { border:none; } #section-more-infos .top-negative { margin-top:-33px; } #section-more-infos .video { position:relative; margin-top:32px; } /* margin-top sang index */ #section-more-infos .video a { width:100%; height:100%; } #section-more-infos .video h1 { margin:0; padding:0; font-size:13px; background:none; color:#fff; font-family: 'OswaldRegular', arial, sans-serif; letter-spacing:0; } #section-more-infos .video p { display:none; margin:5px 0 0 0; font-size:12px; line-height:16px; color:#fff; } #section-more-infos .video div.txt-wrapper { position:absolute; bottom:0; left:0; display:block; width:299px; padding:7px 8px; background-color: rgba(000, 000, 000, 0.6); z-index:2; } #section-more-infos .video div.trigger { position:absolute; top:0; left:0; width:100%; height:100%; background:url('/images/icons/btn-play.png') no-repeat center center; z-index:1; } /* Main section - exception tissus humains */ #main-sub-section.section { margin-bottom:40px; } #main-sub-section.section .col-1-3 { width:318px; min-height:356px; margin:0 20px 0 0; padding:10px 0; } #main-sub-section.section .col-1-3.first { padding-left:0; padding-right:0; } #main-sub-section.section .col-1-3.last { padding-right:0; padding-left:0; margin-right:0; } #main-sub-section .template-tissus-humains .tissus-block-bg { float:left; padding-left:10px; padding-right:10px; background:#dedfe0; } #main-sub-section .template-tissus-humains .tissus-block-bg .col-1-3 { margin:0px; } #main-sub-section .template-tissus-humains .section-row { margin-top:15px; margin-bottom: 35px; } #main-sub-section .template-tissus-humains .section-row .read-all { padding-right: 10px; } #main-sub-section .template-tissus-humains .col-1-3 { margin-right:10px; } #main-sub-section .template-tissus-humains .col-1-3.last { margin-left:10px; margin-right:0 !important; } #main-sub-section .template-tissus-humains .second-row { margin-top:0; } #main-sub-section .template-tissus-humains .second-row .col-1-3 { padding-top:50px; } /* Main section slider */ .slider-system { position:relative; } .slider-system .slider-wrapper { } .slider-system .slider-wrapper .slide { display:none; } .slider-system #nav-slider { position:absolute; top:auto; bottom:5px; right:0; text-align: right; } /* Cellules souches exeptions */ .except-cellules-souches { border-bottom:none; } .except-cellules-souches h1 { margin-top:2px; color:#ee1b2e; font-size:28px; font-family: 'OswaldRegular', arial, sans-serif; } .except-cellules-souches h2 { margin-bottom:15px; text-transform: none; font-size:18px; } .except-cellules-souches h3 { margin-bottom:10px; font-size:14px; color:#252525; } .except-cellules-souches strong { color:#252525; } .except-cellules-souches p { } .except-cellules-souches ul { } .except-cellules-souches ul li a { text-decoration:underline; } /* ========================================================================== Table Ou donner du sang ========================================================================== */ #block-left table { width:100%; } #block-left table th, #block-left table td { padding:8px; font-size:12px; line-height:17px; vertical-align: top; } #block-left table th { border-bottom:1px solid #c5bfbc; background:#ebebe8; } #block-left table td { border-bottom:1px solid #C5BFBC; } #block-left table th h2:first-letter { text-transform:capitalize; } #block-left table p { margin:0 0 7px; font-size:12px; line-height:17px; } #block-left table h2 { margin:0; font-size:12px; color:#555; line-height:14px; } #block-left table h3 { margin:0 0 7px; font-size:15px; color:#555; font-weight:700; text-transform: uppercase; } #block-left table td.address { width:246px; padding-right:46px; } #block-left table td.address > div { position:relative; } #block-left table td.address img { position:absolute; top:0; left:-15px; } #block-left table td.address a { float:left; margin-top:6px; padding:5px 6px 5px 6px; font-size:14px; line-height:1em; font-family: 'OswaldRegular', arial, sans-serif; background:#f0f0f0; -webkit-border-radius: 3px; border-radius: 3px; } #block-left table td.hours { width:245px; padding-top:32px; } #block-left table td.hours p { display:block; padding:0px 0 6px 38px; } #block-left table td.hours p a{ display:block; } #block-left table td.hours p.hours-detail { color:#ee1b2e; font-weight:700; background:url('/images/icons/don-table-clock.png') no-repeat 5px center; } #block-left table td.hours p.appointment { background:url('/images/icons/don-table-phone.png') no-repeat 5px center; } #block-left table td.hours p.bonhomme { background:url('/images/don/walking.jpg') no-repeat 5px center; } #block-left table td.hours p.calendar { padding-left:0; background:url('/images/icons/don-table-calendar.png') no-repeat 5px center; } #block-left table td.hours p.calendar a { padding-left:38px; } #block-left table td.hours p.bonhomme { background:url('/images/icons/icon_walkin.jpg') no-repeat 6px center; } #block-left table td.hours p.appointment-bonhomme { background:url('/images/icons/icon_telephone-walkin.jpg') no-repeat left center; } #block-left table td.objectif { width:72px; padding-top:32px; } #block-left table td.objectif strong { color:#EE1B2E; } /* ========================================================================== Old Templates ========================================================================== */ /* templates */ #layout-one{ padding-left:35px; padding-right:35px;} #layout-one .content-table td.col1{ padding-bottom:30px; } #layout-one .content-table{ width:100%; } #layout-one .content-table table tr, #layout-one .content-table table td{ background:transparent; border:0; font-size:100%; margin:0; outline:0; padding:0; } #layout-one .content-table table td{ border-bottom:1px solid #c5bfbd; padding:5px 10px; } #layout-two{ padding-left:35px;} #layout-two .content-table{ width:100%; } #layout-two .content-table td{ vertical-align:top; } #layout-two .content-table td.col1{ padding-bottom:30px; } #layout-two .content-table td.col2{ overflow:hidden; vertical-align:bottom; width:336px} #layout-two .content-table td.col2 p{ padding:0; } #layout-two .content-table table tr, #layout-two .content-table table td{ background:transparent; border:0; font-size:100%; margin:0; outline:0; padding:0; } #layout-two .content-table table td{ border-bottom:1px solid #c5bfbd; padding:5px 10px; } #layout-three{ padding-left:35px;} #layout-three .content-table{ width:100%; } #layout-three .content-table td{ vertical-align:top; } #layout-three .content-table td.col1{ padding-bottom:30px; } #layout-three .content-table td.col2{ overflow:hidden; vertical-align:bottom; width:180px} #layout-three .content-table td.col2 p{ padding:0; } #layout-three .content-table table tr, #layout-three .content-table table td{ background:transparent; border:0; font-size:100%; margin:0; outline:0; padding:0; } #layout-three .content-table table td{ border-bottom:1px solid #c5bfbd; padding:5px 10px; } #layout-four{ padding-left:35px;} #layout-four .content-table{ width:100%; } #layout-four .content-table td{ vertical-align:top; } #layout-four .content-table td.page-title{ padding-bottom:15px; } #layout-four .content-table td.col1{ padding-bottom:30px; } #layout-four .content-table td.col2{ width:240px; } #layout-four .content-table td.col3{ overflow:hidden; vertical-align:bottom; width:143px; } #layout-four .content-table td.col3 p{ padding:0; } #layout-four .content-table table tr, #layout-four .content-table table td{ background:transparent; border:0; font-size:100%; margin:0; outline:0; padding:0; } #layout-four .content-table table td{ border-bottom:1px solid #c5bfbd; padding:5px 10px; } #layout-five{ padding-left:35px;padding-right:20px;} #layout-five .content-table{ width:100%; } #layout-five .content-table td{ vertical-align:top; } #layout-five .content-table td.col1{ overflow:hidden; vertical-align:bottom; width:109px; } #layout-five .content-table td.col1 p{ padding:0; } #layout-five .content-table td.col2{ } #layout-five .content-table td.col3{ overflow:hidden; vertical-align:bottom; width:161px; } #layout-five .content-table td.col3 p{ padding:0; } #layout-five .content-table td.col4{ } #layout-five .content-table td.allColsWide{ padding:15px 10px 10px 35px; } #layout-five .content-table .page-title{ padding-left:35px; } #layout-five .content-table h3{ color:#68615e; font-size:1.2em; margin-top:75px; text-transform:uppercase; } #layout-five .content-table h3 strong{ color:#ed1b24; } #layout-five .content-table table tr, #layout-five .content-table table td{ background:transparent; border:0; font-size:100%; margin:0; outline:0; padding:0; } #layout-five .content-table table td{ border-bottom:1px solid #c5bfbd; padding:5px 10px; } #layout-six{ padding-left:35px;} #layout-six .content-table{ width:100%; } #layout-six .content-table td{ vertical-align:top; } #layout-six .content-table td.col1{ padding-bottom:30px; } #layout-six .content-table td.col2{ overflow:hidden; vertical-align:bottom; width:185px; } #layout-six .content-table td.col2 p{ padding:0; } #layout-six .content-table table tr, #layout-six .content-table table td{ background:transparent; border:0; font-size:100%; margin:0; outline:0; padding:0; } #layout-six .content-table table td{ border-bottom:1px solid #c5bfbd; padding:5px 10px; } #layout-seven{ padding-left:35px;} #layout-seven .content-table{ width:100%; } #layout-seven .content-table td{ vertical-align:top; } #layout-seven .content-table td.col1{ padding-bottom:30px padding-right:15px; } #layout-seven .content-table td.col2{ padding-right:2px; width:120px} #layout-seven .content-table table tr, #layout-seven .content-table table td{ background:transparent; border:0; font-size:100%; margin:0; outline:0; padding:0; } #layout-seven .content-table table td{ border-bottom:1px solid #c5bfbd; padding:5px 10px; } #layout-eight{ padding-left:30px; padding-right:30px;} #layout-eight .content-table{ width:100%; } #layout-eight .content-table td{ vertical-align:top; } #layout-eight .content-table td.col1{ width:457px; padding-right:21px; } #layout-eight .content-table td.col2{ width:457px;} #layout-eight .content-table td.colsmall{ width:219px; padding-right:21px; } #layout-eight .content-table td.colsmall.last{ width:219px; padding-right:0; } #layout-eight .content-table table tr, #layout-eight .content-table table td{ background:transparent; border:0; font-size:100%; margin:0; outline:0; padding:0; } #layout-eight .content-table td p.title {font: bold 14px/16px Rockwell, Arial; padding-top:7px; padding-bottom:2px;} #layout-eight .content-table td p.title .red {color: #ed1b24;} #layout-eight .content-table td p.title .grey {color: #5D5959;} /* ========================================================================== Usability - share ========================================================================== */ #usability-share { min-height:20px; padding-bottom:25px;} #usability-share ul { float:right; } #usability-share ul li { float:left; } /* toolbox */ #toolbox{ } #toolbox li { height:19px; padding:0 3px; line-height:19px; text-align: center; } #toolbox li, #toolbox li a { display:block; color:#ee1b2e; font-size:11px; text-transform: uppercase; } #toolbox li a:focus{ outline:0; } #toolbox li.sep { padding-left:15px; margin-left:10px; background:url('/images/icons/toolbox-sep.png') no-repeat center left; } #toolbox li #print { overflow:hidden; display:block; width:18px; height:18px; text-indent:-999px; font-size:0; line-height:0; background:url(/images/icons/btn-print.png) no-repeat top left; } #toolbox li #styleSwitch01 { padding-top:3px; font-size:15px; font-weight:700; } #toolbox li #styleSwitch02 { padding-top:2px; font-size:19px; font-weight:700; } #toolbox li #styleSwitch03 { font-size:23px; font-weight:700; } #toolbox li #styleSwitch01.on, #toolbox li #styleSwitch02.on, #toolbox li #styleSwitch03.on, #toolbox li #styleSwitch01:hover, #toolbox li #styleSwitch02:hover, #toolbox li #styleSwitch03:hover { color:#252525; } #toolbox li .share-title { float:left; margin-right:7px; font-size:12px; font-weight:700; } #toolbox li.share a { overflow:hidden; float:left; display:block; width:23px; height:19px; margin:0 4px; text-indent:-999px; font-size:0; line-height:0; } #toolbox li.share .facebook-icon { background:url('/images/icons/btn-share-facebook.png') no-repeat top center; } #toolbox li.share .twitter-icon { background:url('/images/icons/btn-share-twitter.png') no-repeat top center; } #toolbox li.share .googleplus-icon { background:url('/images/icons/btn-share-googleplus.png') no-repeat top center; } #toolbox li.share .share-icon { margin-right:0; background:url('/images/icons/btn-share-share.png') no-repeat top center; } #toolbox li #print:hover, #toolbox li.share a:hover { -moz-opacity:0.7; -khtml-opacity: 0.7; opacity: 0.7; filter: alpha(opacity=70); } /* ========================================================================== Suggestions box ========================================================================== */ #suggestions { padding:50px 0 80px; background:#eff0f2; } #suggestions .wrapper { width:686px; padding-left:308px; } #suggestions h1.title { display:block; margin-bottom:16px; padding-bottom:21px; font-size:28px; font-family: 'OswaldLight', arial, sans-serif; font-weight:400; line-height:1em; text-transform: none; letter-spacing:-0.4px; background:url('/images/background/under-main-title.png') no-repeat bottom left; } #suggestions .col-1-2 { float:left; width:318px; } #suggestions .col-1-2.first { margin-right:50px } #suggestions .col-1-2 h1 { margin:20px 0 5px; padding:0; font-size:13px; font-family: 'OswaldRegular', arial, sans-serif; letter-spacing:0; background:none; } #suggestions .col-1-2 p { margin:0; } /* ========================================================================== Others ========================================================================== */ /* list for next collections */ #body-content ul.next-collect{ background-image:url(/images/bg-list-collect.gif); background-position:left top; background-repeat:no-repeat; margin:15px 0 15px; padding:0 0 15px 55px; } #body-content ul.next-collect li{ background-image:url(/images/bullet-collect.gif); background-position:left 5px; background-repeat:no-repeat; padding-left:10px; } .next-collect-time{ background-image:url(/images/next-collect-time-icon.gif); background-position:5px 5px; background-repeat:no-repeat; color:#ed1b24; font-weight:bold; padding:0 0 0 45px; display:block;height:30px } /* new presentation */ #layout-one .content-table table.tbl-schedule td{ padding:10 10px; } #layout-one .content-table .tbl-schedule strong{ display:block; padding:5px 0; } #layout-one .content-table .tbl-schedule table strong{ display:inline; padding:0; } #layout-one .content-table .tbl-schedule td td{ border:0px solid #fff; } #layout-one .content-table .tbl-schedule .col2{ width:255px; } #layout-one .content-table .tbl-schedule h2{ color:#68615e; margin:0; } #layout-one .content-table .tbl-schedule .book-appointment{ background:white url(/images/bg-book-appointment.gif) left top; display:block; width:215px; height:27px; padding:8px 0 0 40px; color:#68615e; font-weight:bold; text-decoration:none; cursor:pointer; } /* info bubbles */ .tooltip{ display:none; line-height:20px; width:277px; height:147px; background:transparent url(/images/bg-appointment.png) left top; margin-top:20px; padding:20px 0 0 27px; } .tooltip .app-title, .tooltip .app-dial, .tooltip .app-number{ display:block; width:245px; } .tooltip .app-title{ font-size:20px; font-weight:bold; } .tooltip .app-dial{ font-size:12px; padding-top:15px; } .tooltip .app-number{ font-size:20px; font-weight:bold; color:#ed1b24; } /* job offers */ #body-content .job-offers{ padding-top:15px; } #body-content .liste-offres .offre-emploi { position:relative; background:#f0f0f0; border-bottom:1px solid #d6d6d6; padding:8px 12px; font-weight: bold; } #body-content .liste-offres .offre-emploi .bouton-toggle { position: absolute; top: 7px; right: 11px; width: 19px; height: 19px; text-indent: -9999px; background:url('/images/ouvrir.png') no-repeat; cursor: pointer; } #body-content .liste-offres .offre-emploi.opened .bouton-toggle { background:url('/images/fermer.png') no-repeat; } #body-content .liste-offres ul.offre { display: none; padding: 0; margin-top: 0; } #body-content .liste-offres ul.offre li.listing { background: none; padding-left: 12px; } #body-content .job-offers strong{ color:#68615e; } #body-content .job-offers ul{ margin:0; padding:0; } #body-content .job-offers ul li{ background-image:url(/images/sep-joboffers.gif); background-position:left 5px; background-repeat:no-repeat; float:left; padding:0 10px; } #body-content .job-offers ul li.first{ background-image:none; padding-left:0; } /* search results */ ul.search-results { margin: 15px 20px; } ul.search-results li{ padding-bottom:15px; } ul.search-results a{ font-weight:bold; } /* ========================================================================== Paging ========================================================================== */ /* pagination */ #pagination { float:left; overflow:hidden; padding-top:15px; position:relative; width:100%; } #pagination ul { clear:left; float:left; left:50%; list-style:none; margin:0; padding:0; position:relative; text-align:center; } #pagination ul li { background-image:none; display:block; float:left; list-style:none; margin:0; padding:0; position:relative; right:50%; } #pagination ul li.pages{ padding-right:20px; } #pagination ul li.first, #pagination ul li.previous, #pagination ul li.next, #pagination ul li.last{ /*padding-top:3px;*/ margin-top: -2px; } #pagination ul li a { display:block; margin:0 0 0 1px; padding:0 5px; text-decoration:none; } #pagination ul li a.on{ color:#ed1b24; font-weight:bold; text-decoration:none; } /* ========================================================================== Registration form ========================================================================== */ /* register form */ .form-register label{ display:inline; padding:0 10px 0 0; } .form-register .right{ float:none; padding:5px 0; text-align:right; } .form-register h4{ margin:0; } #body-content .register-col1 ul{ margin:0; padding:0; } #body-content .register-col1 ul li{ background-image:none; float:left; font-size:0.88em; padding:5px 0; width:330px; } .register-col2{ width:35px; text-align:center; } .register-col3{ width:50px; text-align:center; } .register-col4{ width:50px; text-align:center; } .register-col2 label{ display:none; } .register-col3 label{ display:none; } .register-height, .register-weight, .register-year{ border:1px solid #998c8b; color:#998c8b; margin-left:15px; width:100px; } .register-height-choice, .register-weight-choice{ border:1px solid #998c8b; color:#998c8b; } .register-city{ border:1px solid #998c8b; color:#998c8b; margin-left:15px; width:200px; } .txt-reasons-why{ border:1px solid #998c8b; color:#998c8b; height:75px; width:100%; } .register-name, .register-firstname, .register-email, .register-initials{ border:1px solid #998c8b; color:#998c8b; width:225px; } .register-initials{ width:50px; } .register-group{ float:left; padding:5px 5px 5px 0; } .register-bdaydays, .register-bdaymonth, .register-bdayyear{ border:1px solid #998c8b; color:#998c8b; width:50px; } .register-addyhomephone, .register-addyworkphone, .register-addycellphone, .register-addyworkphoneext, .register-addynum, .register-addystreet, .register-addyapp, .register-addycity, .register-addyprovince, .register-addypostalcode, .register-addyemail{ border:1px solid #998c8b; color:#998c8b; } .register-addynum, .register-addyapp{ width:50px; } .register-addypostalcode{ width:80px; } .register-addystreet, .register-addycity{ width:225px; } .register-addyemail{ width:222px; } .register-addyhomephone, .register-addycellphone, .register-addyworkphone { width:154px; } .register-addyworkphoneext {width:39px; } .txt-other{ border:1px solid #998c8b; color:#998c8b; margin-left:20px; width:100px; } .register-fullname{ border:1px solid #998c8b; color:#998c8b; width:200px; } /* ========================================================================== Qualification list ========================================================================== */ /* qualification list */ #body-content .collapseList{ margin-bottom: 4px; clear: both; } #body-content .collapseLink{ background-color:#ebebe9; padding:0 10px; } #body-content .collapseLink a{ background-position:right center; background-repeat:no-repeat; display:block; font-weight:bold; padding:4px 0; text-decoration:none; padding-right:20px; line-height: 18px; } #body-content .collapseLink a span{ background-position:left center; background-repeat:no-repeat; display:block; padding:0 10px 0 15px; } #body-content .collapseLink a:focus{ outline:0; } #body-content .collapseLink a.closed{ background-image:url(/images/btn-plus.gif); color:#68615e; } #body-content .collapseLink a.open{ background-image:url(/images/btn-minus.gif); color:#ed1b24; } #body-content .collapseLink a.closed span{ background-image:url(/images/btn-closed.gif); } #body-content .collapseLink a.open span{ background-image:url(/images/btn-open.gif); } #body-content .collapseLink a.off{ color:#68615e; } #body-content .collapseLink a.on{ color:#ed1b24; } #body-content .collapseLink a.off span{ background-image:url(/images/btn-closed.gif); } #body-content .collapseLink a.on span{ background-image:url(/images/btn-on.gif); } #body-content .collapseDetails{ display:none; padding-top: 10px; } #body-content .collapseDetails h2{ margin-top:20px; } #body-content .collapseDetails ul{ margin-top:0px; } #body-content .collapseDetails li{ /*padding-bottom:10px;*/ } /*#body-content .collapseClear{ clear:both; height:4px; float:none !important; overflow:hidden; }*/ #body-content ul.collapseMonths{ margin-top:5px; margin-bottom:5px; font-size:11px; } #body-content ul.collapseMonths li{ background-image:url(/images/bullet-sections.gif); background-position:left 6px; padding-left:12px; padding-bottom:0; } #body-content ul.collapseMonths li.on{ background-image:url(/images/bullet-sections-over.gif); } #body-content ul.collapseMonths li a{ color:#68615e; text-decoration:none; } #body-content ul.collapseMonths li a:hover{ text-decoration:underline; } #body-content ul.collapseMonths li.on a{ color:#ed1b24; } #body-content .archivesDates{ float:right; margin-left:10px; width:118px; } #body-content .archivesDates .collapseList { width: 118px; } /* publications */ #body-content ul.publications{ margin:0; list-style:none; } #body-content ul.publications li{ background-image:none; border-top:1px solid #d7d3d2; padding:5px 0; } #body-content ul.publications li a{ display:block; font-weight:bold; } /* results */ #body-content #results-pagination{ margin-bottom:3px; /*width:auto;*/ } #body-content #results-pagination, #body-content #results-pagination th, #body-content #results-pagination td{ border:0px solid #fff; border-collapse:collapse; padding:0; } #body-content #results-pagination td{ background-image:url(/images/btn-closed.gif); background-position:7px 13px; background-repeat:no-repeat; border-top:none; border-right:none; border-bottom:1px solid #c5bfbd; border-left:none; padding:8px 7px 6px 18px; } #body-content #results-pagination td a{ color:#68615e; font-weight:bold; text-decoration:none; outline:0; } #body-content #results-pagination td.on{ background-image:url(/images/btn-open.gif); border-top:1px solid #c5bfbd; border-right:1px solid #c5bfbd; border-bottom:1px solid #fff; border-left:1px solid #c5bfbd; } #body-content #results-pagination td.on a{ color:#ed1b24; } #body-content .results-current{ background-color:#ebebe9; font-weight:bold; padding:5px 10px; } #body-content .results-table th{ background-color:#ed1b24; color:#fff; text-align:center; } #body-content .results-table th.first{ text-align:left; } #body-content .results-table td{ border-bottom:1px solid #ebebe9; padding:5px 10px; text-align:center; } #body-content .results-table td.first{ text-align:left; } #body-content .results-table td.results-date{ background-color:#ebebe9; color:#ed1b24; font-weight:bold; } #body-content .results-divs{ display:none; } /* ========================================================================== Contact ========================================================================== */ /* contact us infos */ #body-content .contact-us-address { width:655px; padding:0; border:none; } #body-content .contact-us-address h1 { display:block; margin-bottom:0; padding-bottom:21px; color:#ee1b2e; font-size:28px; font-family: 'OswaldRegular', arial, sans-serif; font-weight:400; line-height:1em; letter-spacing:-0.4px; background:url('/images/background/under-main-title.png') no-repeat bottom left; } #body-content .contact-us-address h2 { margin-bottom:7px; font-size:21px; text-transform: none; font-family: 'OswaldLight', arial, sans-serif; } #body-content .contact-us-address h3 { position:relative; display:block; margin-top:25px; margin-bottom:5px; padding-bottom:21px; padding-left:38px; font-size:21px; font-family: 'OswaldLight', arial, sans-serif; font-weight:400; line-height:1em; letter-spacing:-0.4px; background:url('/images/background/under-main-title.png') no-repeat bottom left; } #body-content .contact-us-address h3 div { position:absolute; top:-4px; left:0; width:31px; height:31px; } #body-content .contact-us-address p { margin:0 0 37px 20px; } #body-content .contact-us-address .icon-address div { background:url('/images/icons/icon-email.png') no-repeat top left; } #body-content .contact-us-address .icon-phone div { background:url('/images/icons/icon-phone.png') no-repeat top left; } #body-content .contact-us-address .icon-fax div { background:url('/images/icons/icon-fax.png') no-repeat top left; } #body-content .contact-us-address .col-1-2 { float:left; padding-bottom:0; border-bottom:0; } #body-content .contact-us-address .col-1-2.first { margin-right:19px; } /* other number */ #body-content .other-number { padding:0; border:0; } #body-content .other-number .header-block { position:relative; margin:-8px 0 0 0; padding:16px 0 12px 12px; background:#ff132a url('/images/background/pixeled-red-bg.png') repeat top left; border-bottom:1px solid #6a6a6b; } #body-content .other-number .header-block h1 { margin:0; padding:0; font-size:21px; color:#fff; font-family: 'OswaldRegular', arial, sans-serif; background:none; } #body-content .other-number .header-block div { position:absolute; bottom:-5px; left:0; width:12px; height:5px; background:url('/images/icons/social-arrow.png') no-repeat top left; } #body-content .other-number .list { position:relative; width:305px; margin-left:11px; min-height:545px; border:1px solid #e3e3e3; border-top:0; background:#eff0f2; } #body-content .other-number .list ul.main-list { margin:0; padding:0; } #body-content .other-number .list ul.main-list li { margin:0; padding:0; border-bottom:1px solid #e3e3e3; background:url('/images/icons/bullet-black.png') no-repeat 14px 12px; } #body-content .other-number .list ul.main-list li:hover { background-color:#e6e7e8; } #body-content .other-number .list ul.main-list li a { display:block; padding:6px 24px; font-size:13px; line-height:17px; color:#252525; text-decoration:none; } #body-content .other-number .list ul.main-list li a:hover { text-decoration:underline; } /* content hidden */ #body-content .other-number .content-hidden { display:none; position:absolute; top:0; left:0; height:100%; width: 100%; background:#eff0f2; } #body-content .other-number .content-hidden .content-hidden-inside { padding:15px 15px 0 15px; } #body-content .other-number .content-hidden .content-hidden-inside .back-btn { display:inline-block; height:27px; padding:14px 0 12px 50px !important; color:#636363; font-size:13px; font-family: 'OswaldLight', arial, sans-serif; text-decoration: none; text-transform: uppercase; background:url('/images/icons/btn-back.png') no-repeat top left; } #body-content .other-number .content-hidden .content-hidden-inside .back-btn:hover { color:#ed1b24; } #ie7 #body-content .other-number .content-hidden .content-hidden-inside .back-btn { display:inline; } #body-content .other-number .content-hidden h2 { font-size:21px; text-transform: none; } #body-content .other-number .content-hidden h3 { margin:30px 0 5px; font-size:15px; letter-spacing:0.4px; font-family: 'OswaldRegular', arial, sans-serif; font-weight:400; } #body-content .other-number .content-hidden p { line-height:18px; } #body-content .other-number .content-hidden p strong { color:#ED1B24; } #body-content .other-number .content-hidden p a { color:#ED1B24 !important; padding:0 !important; text-decoration:underline !important; font-size: 15px !important;} #body-content .other-number .content-hidden ul.open-hours li { background:none; border-bottom:none;} #body-content .other-number .content-hidden .open-hours { margin:0; padding:0; } #body-content .other-number .content-hidden .open-hours li { margin:0; padding:0; line-height:18px; background:none; } /* contact middle infos */ #contact-infos { margin:0 0 40px; padding:40px 0 37px; background:#eff0f2; clear: both; text-align: center; } #contact-infos h1 { display:inline-block; padding:10px 0; margin: 0; font-size:28px !important; line-height:28px; color:#ee1b2e; font-weight:400; letter-spacing:0.6px; font-family: 'OswaldRegular', arial, sans-serif; background: none; } #contact-infos h2 { display:inline-block; margin:0 0 0 20px; padding:10px 0 10px 58px; font-size:28px !important; line-height:28px; color:#636363; font-weight:400; letter-spacing:0.6px; font-family: 'OswaldLight', arial, sans-serif; background:url('/images/icons/contact-large-phone.png') no-repeat center left; } /* contact form */ #contact-form { margin-bottom:80px; font-size: 13px; } #contact-form form { width:590px; } #contact-form .required { float:left; } #contact-form label .required { color:#555555; } /* ========================================================================== Page speciale - Critere de qualification ========================================================================== */ /* landing critere */ .pre-criteres { padding-bottom:20px; background:url("/images/background/under-main-title.png") no-repeat scroll left bottom transparent; } #body-content #criteres-list { overflow:hidden; margin:0 0 50px; padding:0; } #body-content #criteres-list li { float:left; /*width:149px; height:149px;*/ margin:0; padding: 0px; list-style:none; border:1px solid #fff; overflow: hidden; position: relative; } #body-content #criteres-list li a { display: inline-block; width:149px; height:149px; height:149px; padding: 10px; color:#252525; /*color:#fff;*/ font-family: 'OswaldLight', arial, sans-serif; text-transform: uppercase; text-decoration:none; font-size:18px; background:#ee1b2e; vertical-align:middle; text-align:center; } #body-content #criteres-list li a div:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -0.25em; /* Adjusts for spacing */ } #body-content #criteres-list li a div { display: inline-block; height: inherit; margin: auto; vertical-align: middle; text-align: center; width: 98%; } #body-content #criteres-list li a div > * { display: inline-block; vertical-align: middle; width: 98% !important; } #body-content #criteres-list li a span.title { /*display:none;*/ opacity: 0; text-align: center; visibility: hidden; vertical-align: middle; height: 0px; width: 0px; position: absolute; } #body-content #criteres-list li a p { //*padding:14px 14px 0; display: table-cell;*/ vertical-align: middle; margin: auto; position: relative; } #body-content #criteres-list li a p img { margin: auto; } /* #body-content #criteres-list li#critere-01 { background-image:url('/images/criteres/enceinte.png'); } #body-content #criteres-list li#critere-02 { background-image:url('/images/criteres/acuponcture-electrolise.png'); } #body-content #criteres-list li#critere-03 { background-image:url('/images/criteres/age.png'); } #body-content #criteres-list li#critere-04 { background-image:url('/images/criteres/allergies.png'); } #body-content #criteres-list li#critere-05 { background-image:url('/images/criteres/dentiste.png'); } #body-content #criteres-list li#critere-06 { background-image:url('/images/criteres/drogues.png'); } #body-content #criteres-list li#critere-07 { background-image:url('/images/criteres/homosexualite.png'); } #body-content #criteres-list li#critere-08 { background-image:url('/images/criteres/percage-tatouage.png'); } #body-content #criteres-list li#critere-09 { background-image:url('/images/criteres/poids.png'); } #body-content #criteres-list li#critere-10 { background-image:url('/images/criteres/medicaments.png'); } #body-content #criteres-list li#critere-11 { background-image:url('/images/criteres/sante.png'); } #body-content #criteres-list li#critere-12 { background-image:url('/images/criteres/vaccin.png'); } #body-content #criteres-list li#critere-13 { background-image:url('/images/criteres/voyages.png'); } */ #body-content #criteres-list li { background-color:#ee1b2e !important; background-repeat: no-repeat !important; background-position:center center !important; } #body-content #criteres-list li, #body-content #criteres-list li * { -moz-transition: opacity 0.2s ease-in-out 0.2s; -webkit-transition: opacity 0.2s ease-in-out 0.2s; transition: opacity 0.2s ease-in-out 0.2s; } #body-content #criteres-list li:hover, #body-content #criteres-list li:hover a { background-color:#d1d2d4 !important; color:#252525 !important; } #body-content #criteres-list li:hover a span { opacity: 1; visibility: visible; width: 100%; height: auto; position: relative; } #body-content #criteres-list li:hover a p { /*display: none;*/ opacity: 0; height: 0; width: 0; visibility: hidden; position: absolute; } #body-content #criteres-list li#critere-txt { width:300px; height:111px; padding:38px 20px 20px 20px; *height:122px; *padding-top:48px; color:#fff; font-size:20px; font-family: 'OswaldLight', arial, sans-serif; background-image:none; vertical-align:middle; } #body-content #criteres-list li#critere-txt span { display:block; font-size:20px; line-height:20px; *line-height:22px; } #body-content #criteres-list li#critere-txt strong { position:relative; top:18px; display:inline-block; *zoom:1; *display:inline; margin-left:19px; padding-left:45px; font-size:40px; *font-size:35px; line-height:40px; color:#fff; font-family: 'OswaldLight', arial, sans-serif; font-weight:400; background:url('/images/criteres/phone.png') no-repeat left 6px; } /* detail critere */ #header-critere { position:relative; width:100%; margin:0 0 28px; } /* #header-critere #icon-enceinte.icon-block { background-image:url('/images/criteres/enceinte.png'); } #header-critere #icon-acuponcture-electrolise.icon-block { background-image:url('/images/criteres/acuponcture-electrolise.png'); } #header-critere #icon-age.icon-block { background-image:url('/images/criteres/age.png'); } #header-critere #icon-allergies.icon-block { background-image:url('/images/criteres/allergies.png'); } #header-critere #icon-dentiste.icon-block { background-image:url('/images/criteres/dentiste.png'); } #header-critere #icon-drogues.icon-block { background-image:url('/images/criteres/drogues.png'); } #header-critere #icon-homosexualite.icon-block { background-image:url('/images/criteres/homosexualite.png'); } #header-critere #icon-percage-tatouage.icon-block { background-image:url('/images/criteres/percage-tatouage.png'); } #header-critere #icon-poids.icon-block { background-image:url('/images/criteres/poids.png'); } #header-critere #icon-medicaments.icon-block { background-image:url('/images/criteres/medicaments.png'); } #header-critere #icon-sante.icon-block { background-image:url('/images/criteres/sante.png'); } #header-critere #icon-vaccin.icon-block { background-image:url('/images/criteres/vaccin.png'); } #header-critere #icon-voyages.icon-block { background-image:url('/images/criteres/voyages.png'); } */ #header-critere .icon-block { display:block; width:170px; height:170px; background-color:#ee1b2e !important; background-repeat: no-repeat !important; background-position:center center !important; } .egc-content #header-critere .icon-block { height: auto !important; } #header-critere .icon-block p { padding:23px 23px 0; } #header-critere .txt-wrapper { position:absolute; bottom: 0px; left:186px; } #header-critere .txt-wrapper *:last-child { margin-bottom: 0; } #header-critere a.btn-back { position:absolute; top:0; right:0; padding:16px 0 16px 51px; font-size:13px; color:#636363; text-transform: uppercase; font-family: 'OswaldLight', arial, sans-serif; text-decoration: none; background:url("/images/icons/btn-back.png") no-repeat top left; } #header-critere a.btn-back:hover { color:#ed1b24; } /* -------------------------------------------------------------- Home made tabs system --------------------------------------------------------------- */ #body-content ul#nav-tabs { width:100%; min-height:44px; padding:0; margin:0 0 20px; display: table; } #body-content ul#nav-tabs li { width:227px; margin:0 0 0 2px; padding:0; list-style:none; display: table-cell; } #body-content ul#nav-tabs li:first-child { margin:0; } #body-content ul#nav-tabs li a { position:relative; display:block; padding:6px 12px; color:#252525; font-size:15px; font-family: 'OswaldRegular', arial, sans-serif; background:#e2e2e2; text-decoration:none; } #body-content ul#nav-tabs li a:hover, #body-content ul#nav-tabs li a.active { background:#ee1b2e; color:#fff; text-decoration:none; } #body-content ul#nav-tabs li a .arrow { position:absolute; bottom:-12px; left:30px; display:none; width:20px; height:12px; background:url('/images/icons/icon-down-arrow.png') no-repeat top left; } #body-content ul#nav-tabs li a:hover .arrow, #body-content ul#nav-tabs li a.active .arrow { display:block; } /* ========================================================================== Page - A quoi m'attendre ========================================================================== */ #body-content .links-don { overflow:hidden; width:100%; margin:0; padding:0; } #body-content .links-don li { position:relative; float:left; margin:0; padding:0; list-style:none; background:none; } #body-content .links-don li a { position:relative; display:block; width:215px; height:30px; padding:20px 0 0 28px; font-size:17px; letter-spacing:0.4px; color:#fff; font-family: 'OswaldRegular', arial, sans-serif; text-decoration:none; txt-transform:uppercase; } #body-content .links-don li:first-child a { margin-left:0; } #body-content .links-don li.avant { z-index:3; } #body-content .links-don li.pendant { margin-left:-22px; z-index:2; } #body-content .links-don li.apres { margin-left:-23px; z-index:1; } #body-content .links-don li.avant a { background:url('/images/don/block-01.png') no-repeat top left; } #body-content .links-don li.pendant a { background:url('/images/don/block-02.png') no-repeat top left; } #body-content .links-don li.apres a { background:url('/images/don/block-03.png') no-repeat top left; } #body-content .links-don li a span { position:absolute; top:1px; left:9px; color:#252525; font-size:10px; font-family: 'Oswaldbold', arial, sans-serif; } #body-content .links-don li.avant a span { left:10px; } #body-content .links-don li a:hover, #body-content .links-don li a.on { background-position:bottom left; } #body-content .links-don.bottom { margin-bottom:80px; } /* ========================================================================== Fancy Box ========================================================================== */ /* fancy box */ /* #fancybox-loading{ background:transparent; cursor:pointer; display:none; height:40px; left:50%; margin-left:-20px; margin-top:-20px; overflow:hidden; position:fixed; top:50%; width:40px; z-index:1104; } * html #fancybox-loading{ margin-top:0; position:absolute; } #fancybox-loading div{ background:transparent url('/images/fancybox/fancy_loading.png') no-repeat; height:480px; left:0; position:absolute; top:0; width:40px; } #fancybox-overlay{ background:#000; bottom:0; display:none; left:0; position:fixed; right:0; top:0; z-index:1100; } * html #fancybox-overlay{ position:absolute; width:100%; } #fancybox-tmp{ border:0; display:none; margin:0; overflow:auto; padding:0; } #fancybox-wrap{ display:none; left:0; margin:0; padding:20px; position:absolute; top:0; z-index:1101; } #fancybox-outer{ background:#FFF; height:100%; position:relative; width:100%; } #fancybox-inner{ height:1px; left:0; margin:0; outline:none; overflow:hidden; padding:0; position:absolute; top:0; width:1px; } #fancybox-hide-sel-frame{ background:transparent; height:100%; left:0; position:absolute; top:0; width:100%; } #fancybox-close{ background:url('/images/fancybox/fancy_close.png') top left no-repeat; cursor:pointer; display:none; height:32px; position:absolute; right:-15px; top:-15px; width:32px; z-index:1103; } #fancybox_error{ color:#444; font:normal 12px/20px Arial; } #fancybox-content{ height:auto; margin:0; padding:0; width:auto; } #fancybox-img{ border:none; height:100%; line-height:0; margin:0; ms-interpolation-mode:bicubic; outline:none; padding:0; vertical-align:top; width:100%; } #fancybox-frame{ border:none; display:block; height:100%; position:relative; width:100%; } #fancybox-title{ bottom:0; font-family:Arial; font-size:12px; left:0; position:absolute; z-index:1102; } .fancybox-title-inside{ color:#333; padding:10px 0; text-align:center; } .fancybox-title-outside{ color:#FFF; font-weight:bold; padding-top:5px; text-align:center; } .fancybox-title-over{ color:#FFF; text-align:left; } #fancybox-title-over{ background:url('/images/fancybox/fancy_title_over.png'); display:block; padding:10px; } #fancybox-title-wrap{ display:inline-block; } #fancybox-title-wrap span{ float:left; height:32px; } #fancybox-title-left{ background:transparent url('/images/fancybox/fancy_title_left.png') repeat-x; padding-left:15px; } #fancybox-title-main{ background:transparent url('/images/fancybox/fancy_title_main.png') repeat-x; color:#FFF; font-weight:bold; line-height:29px; } #fancybox-title-right{ background:transparent url('/images/fancybox/fancy_title_right.png') repeat-x; padding-left:15px; } #fancybox-left, #fancybox-right{ background-image:url('/images/fancybox/blank.gif'); bottom:0px; cursor:pointer; display:none; height:100%; outline:none; position:absolute; width:35%; z-index:1102; } #fancybox-left{ left:0px; } #fancybox-right{ right:0px; } #fancybox-left-ico, #fancybox-right-ico{ cursor:pointer; display:block; height:30px; left:-9999px; margin-top:-15px; position:absolute; top:50%; width:30px; z-index:1102; } #fancybox-left-ico{ background:transparent url('/images/fancybox/fancy_nav_left.png') no-repeat; } #fancybox-right-ico{ background:transparent url('/images/fancybox/fancy_nav_right.png') no-repeat; } #fancybox-left:hover, #fancybox-right:hover{ visibility:visible; } #fancybox-left:hover span{ left:20px; } #fancybox-right:hover span{ left:auto; right:20px; } div.fancy-bg{ border:0; margin:0; padding:0; position:absolute; z-index:1001; } div#fancy-bg-n{ background:transparent url(/images/fancybox/fancy_shadow_n.png) repeat-x; height:20px; left:0; top:-20px; width:100%; } div#fancy-bg-ne{ background:transparent url(/images/fancybox/fancy_shadow_ne.png) no-repeat; height:20px; right:-20px; top:-20px; width:20px; } div#fancy-bg-e{ background:transparent url(/images/fancybox/fancy_shadow_e.png) repeat-y; height:100%; right:-20px; top:0; width:20px; } div#fancy-bg-se{ background:transparent url(/images/fancybox/fancy_shadow_se.png) no-repeat; bottom:-20px; height:20px; right:-20px; width:20px; } div#fancy-bg-s{ background:transparent url(/images/fancybox/fancy_shadow_s.png) repeat-x; bottom:-20px; height:20px; left:0; width:100%; } div#fancy-bg-sw{ background:transparent url(/images/fancybox/fancy_shadow_sw.png) no-repeat; bottom:-20px; height:20px; left:-20px; width:20px; } div#fancy-bg-w{ background:transparent url(/images/fancybox/fancy_shadow_w.png) repeat-y; height:100%; left:-20px; top:0; width:20px; } div#fancy-bg-nw{ background:transparent url(/images/fancybox/fancy_shadow_nw.png) no-repeat; height:20px; left:-20px; top:-20px; width:20px; } */ /* ========================================================================== Foundation site ========================================================================== */ /* foundation micro-site */ #foundation-container{ background-color:#fff; height:100%; } #foundation-main, #foundation-internal{ background:transparent url(/images/foundation/bg-main.gif) repeat-y; margin:0 auto; width:994px; } /* foundation branding */ #foundation-branding{ background-image:url(/images/foundation/fr/bg-branding.jpg); background-repeat:no-repeat; } #foundation-internal #foundation-branding{ background-image:url(/images/foundation/fr/bg-branding-internal.jpg); } #foundation-internal #foundation-branding.en{ background-image:url(/images/foundation/en/bg-branding-internal.jpg); } #foundation-branding.en{ background-image:url(/images/foundation/en/bg-branding.jpg); background-repeat:no-repeat; } #foundation-internal.en #foundation-branding{ background-image:url(/images/foundation/en/bg-branding-internal.jpg); } /* foundation topmenu */ #foundation-topmenu{ font-size:11px; font-weight:bold; float:right; padding:0 15px; /* height:50px; */ } #foundation-topmenu li{ float:left; } #foundation-topmenu a{ background-image:url(/images/foundation/sep-topmenu.gif); background-position:center right; background-repeat:no-repeat; display:block; padding:10px 20px; } #foundation-topmenu .last a{ background-image:none; } #foundation-logo{ padding:30px 45px; } /* foundation left menu */ #foundation-leftmenu{ float:left; margin:0 0 0 20px; position:relative; width:255px; } #foundation-leftmenu .top{ background-image:url(/images/foundation/leftmenu-top.png); height:15px; width:255px; } #foundation-leftmenu .center{ background-image:url(/images/foundation/leftmenu-center.png); background-repeat:repeat-y; padding:0 30px 40px 25px; width:200px; } #foundation-leftmenu .bottom{ background-image:url(/images/foundation/leftmenu-bottom.png); height:13px; width:255px; } #foundation-leftmenu .menu01{ margin-bottom:20px; } #foundation-leftmenu .menu01 li{ border-bottom:1px solid #c4bfbd; } #foundation-leftmenu .menu01 a{ background-image:url(/images/foundation/bullet-leftmenu.gif); background-position:left 12px; background-repeat:no-repeat; display:block; font-size:14px; font-weight:bold; padding:6px 0 6px 20px; } #foundation-leftmenu .menu01 a:hover{ background-image:url(/images/foundation/bullet-leftmenu-o.gif); } #foundation-leftmenu .menu01 .open a{ background-image:url(/images/foundation/bullet-leftmenu-open.gif); } #foundation-leftmenu .menu01 .open a:hover{ background-image:url(/images/foundation/bullet-leftmenu-open.gif); } #foundation-leftmenu .menu01 .on a{ background-image:url(/images/foundation/bullet-leftmenu-on.gif); color:#ed1b24; } #foundation-leftmenu .menu01 ul{ margin-bottom:10px; } #foundation-leftmenu .menu01 ul li{ border:none; } #foundation-leftmenu .menu01 ul li a, #foundation-leftmenu .menu01 .open ul li a{ background-image:none; font-size:12px; padding:0 0 0 40px; } #foundation-leftmenu .menu01 ul li a:hover, #foundation-leftmenu .menu01 .open ul li a:hover{ background-image:none; } #foundation-leftmenu .menu02 li{ background-image:url(/images/foundation/sep-leftmenu.gif); background-position:left bottom; background-repeat:repeat-x; } #foundation-leftmenu .menu02 li.last{ background-image:none; } #foundation-leftmenu .menu02 a{ background-image:url(/images/foundation/bullet-leftmenu02.gif); background-position:left 12px; background-repeat:no-repeat; display:block; font-size:14px; font-weight:bold; padding:10px 0 10px 20px; text-transform:uppercase; } #foundation-leftmenu .menu02 a:hover{ background-image:url(/images/foundation/bullet-leftmenu02-o.gif); } /* foundation main content */ #foundation-content{ float:right; margin:185px 30px 0 0; padding:0 25px 25px; width:633px; } #foundation-internal #foundation-content{ margin-top:28px; } #foundation-content h1{ margin:15px 0 5px; } #foundation-content h1 span{ color:#ED1B24; display:inline; } #foundation-content strong{ color:#68615e; } #foundation-donationlink{ display:block; float:right; height:65px; margin-bottom:30px; width:245px; text-indent:-9999px; } #foundation-internal #foundation-donationlink{ margin-bottom:15px;} #foundation-content ul{ margin:15px 20px; } #foundation-content ul li{background-image:url(/images/bullet-content.gif); background-repeat:no-repeat; background-position:left 7px; padding-left: 10px} #foundation-content strong{ font-weight:bold; color:#ed1b24; } /* foundation breadcrum */ #foundation-content #foundation-breadcrum{ font-size:11px; } #foundation-content #foundation-breadcrum a{ color:#00529c; text-decoration:underline; } #foundation-content #foundation-breadcrum a:hover{ text-decoration:none; } #foundation-content #foundation-breadcrum { margin:0; } #foundation-content #foundation-breadcrum li{ background-image:none; padding:0; } #foundation-content #foundation-breadcrum li{ background-image:url(/images/foundation/sep-breadcrum.gif); background-position:10px center; background-repeat:no-repeat; float:left; padding-left:25px; } #foundation-content #foundation-breadcrum li.first{ background-image:none; padding:0; } /* foundation toolbox */ #foundation-content #foundation-toolbox{ float:right; margin:0; } #foundation-content #foundation-toolbox li{ background-image:none; float:left; } #foundation-content #foundation-toolbox a{ outline:0; } /* foundation footer */ #foundation-footer{ background-color:#ebebe9; font-size:11px; margin:0 auto; padding:10px 30px; width:934px; } #foundation-footer a{ color:#00529c; } #foundation-footer a:hover{ text-decoration:underline; } .foundation-activity{ margin-bottom:20px; width:100%; } .foundation-activity p{ padding:0 0 10px; } .foundation-activity td{ vertical-align:top; } .foundation-activity td.cell-two{ padding-left:20px; } .foundation-activity li{ float:left; } .foundation-activity li a{ color:#00529c; display:block; padding:2px 0 2px 25px; } .foundation-activity li a:hover{ text-decoration:underline; } .foundation-activity li.first a{ background-image:url(/images/foundation/bullet-leftmenu02.gif); background-position:left center; background-repeat:no-repeat; display:block; font-weight:bold; } .foundation-activity li.last a{ background-image:url(/images/foundation/sep-activity.gif); background-position:12px center; background-repeat:no-repeat; display:block; } #home-content .social-table{ /* position:absolute; */ } #home-content .social-table td{ padding:0; } #home-content .social-table td.social-facebook a{ background-image:url(/images/content-social-01.jpg); display:block; height:103px; width:87px; } #home-content .social-table td.social-twitter a{ background-image:url(/images/content-social-02.jpg); display:block; height:103px; width:88px; } #home-content .social-table td.social-youtube a{ background-image:url(/images/content-social-03.jpg); display:block; height:103px; width:87px; } #home-content .social-table td.social-facebook a:hover{ background-image:url(/images/content-social-01-o.jpg); } #home-content .social-table td.social-twitter a:hover{ background-image:url(/images/content-social-02-o.jpg); } #home-content .social-table td.social-youtube a:hover{ background-image:url(/images/content-social-03-o.jpg); } #home-content .social-table td.social-facebook a span, #home-content .social-table td.social-twitter a span, #home-content .social-table td.social-youtube a span{ display:none; } #body-content .social-table{ width:248px; margin:0; } #body-content .social-table td{ padding:0; } #body-content .social-table td.social-facebook a{ background-image:url(/userfiles/image/videos/facebook_element.jpg); display:block; height:52px; width:50px; } #body-content .social-table td.social-twitter a{ background-image:url(/userfiles/image/videos/twitter_element.jpg); display:block; height:52px; width:50px; } #body-content .social-table td.social-google a{ background-image:url(/userfiles/image/videos/google_element.jpg); display:block; height:52px; width:51px; } #body-content .social-table td.social-facebook a span, #body-content .social-table td.social-twitter a span, #body-content .social-table td.social-google a span{ display:none; } #navlist li{display: inline; list-style-type: none;padding-right: 20px;float:left;} /* ========================================================================== Others 2 ========================================================================== */ /* news ticker 02*/ #ticker02{ margin-bottom:15px; background-color:#e1e0dc; padding:5px 10px; } #ticker02 ul,#ticker02 ul li{ border:0px solid red; } #ticker02 ul li{ display: block; line-height:20px; float:none; padding:0; margin:0; } #ticker02 ul li a{ background-image:none; display:inline; padding:0; } /*box page souche*/ #layout-three .rectangle {font-family: Arial;font-size: 12px;color: #FFF;text-decoration: none;background-color: #acaba8;height: 212px;width: 100%;} #layout-three .titre {font-family: Rockwell, Arial;font-size: 18px;color: #FFF;font-weight: bold;color: #FFF;padding-left: 15px;padding-top: 17px;} #layout-three h1.titre{text-transform:none} #layout-three .gauche {height: 159px;width: 218px;margin-left: 15px;float: left;border:0;margin-top:11px;margin-right: 15px;} #layout-three .gauche img{ border:0;} #layout-three .droite {height: 159px;width: 176px;float:left;margin-right:17px;} #layout-three .like-souche {padding: 0px;margin-top:5px;} #layout-three .lien-souche a {background-image: url(/userfiles/image/videos/fleche.png);background-repeat: no-repeat;width: 91px; display: block;margin-bottom: 5px;padding-left: 23px;text-decoration: none;color: #fff;} #layout-three .lien-souche a:hover {color: #ED1B24;text-decoration: none;} #layout-three .sou-titre-souche {font-family: Rockwell, Arial;font-size: 14px;color: #FFF;font-weight: bold;margin-top:18px} #layout-three .paragraphe {line-height: 14px;} /* new NOV16 video box */ /* #layout-three .rectangle.newvideos{ background-color:#fff; color:#68615E; border-top:1px solid #c5c0bd; padding-top:20px; margin-top:35px; } #layout-three .newvideos h1.titre{ color:#68615E; font:bold 14px Arial, Helvetica; padding:0; } #layout-three .newvideos .gauche{ margin-left:0; } #layout-three .newvideos .sou-titre-souche{ color:#68615E; text-transform:uppercase; font:bold 14px Arial, Helvetica; } #layout-three .newvideos .sou-titre-souche span{ color:#ec1b21; display:block; } #layout-three .newvideos .lien-souche a{ color:#68615E; } #layout-three .newvideos .lien-souche a:hover {color: #ED1B24;text-decoration: none;} #layout-three .newvideos .droite{ width:188px; } */ /* ========================================================================== Video container ========================================================================== */ body #body-content .videos-container{ background-color:#acaba8; color:#fff; padding:15px; line-height:14px; font-size:12px; } body #body-content .videos-container p{ padding-top:5px; } body #body-content .videos-container table{ margin:0; } body #body-content .videos-container td{ vertical-align:top; padding:0; border:0px solid #444; } body #body-content .videos-container td.first{ padding-right:15px; } body #body-content .videos-container td.first img{ margin-bottom:10px; } body #body-content .videos-container h4{ color:#fff; font:bold 18px Rockwell,Arial; margin:0 0 10px; } body #body-content .videos-container h5{ color:#fff; font:bold 14px Rockwell,Arial; margin:0 0 10px; } body #body-content .videos-container ul{ margin:0; } body #body-content .videos-container li{ background:transparent url("/userfiles/image/videos/fleche.png") no-repeat left 3px; padding:5px 0 3px 20px; } body #body-content .videos-container a:link, body #body-content .videos-container a:link{ color:#fff; text-decoration:none; } body #body-content .videos-container a:hover{ color:#ed1b24; } /*Contenant Galerie video JF*/ #titredecouvrez { color:#ed1b24; font-size:15px; font-weight:bold; margin-top:30px; } .videocontent{width:200px; padding:8px; border:solid; border-width:thin; border-color:#CCC;} .videotexte{padding:10px; width:247px; height:169px;} .pointiller{ border-bottom:dotted; border-bottom-width:thin; border-color:#CCC;} .lienbleu {background-image: url(/userfiles/image/videos/fleche.png);background-repeat: no-repeat; background-position:top left; width:91px; display:block; margin-top:8px; margin-left:0px; padding-left: 23px; color:#00529C; font-size:12px; text-decoration: none;} .separator-horizontal{ background:url(/userfiles/image/videos/sep-horizontal.gif) repeat-x -3px 0; clear:both; height:2px; overflow:hidden; margin:25px 21px 25px 0; } .separator-solid{ background-color:#c5bfbd; clear:both; height:1px; overflow:hidden; margin:25px 0; } #personnage { position:absolute; right:0; bottom:0; } .lienbleu:hover {color: #ED1B24;text-decoration: none;} .likevideoclass {margin-top:8px;} .tagname { height:20px; } .btn-jaime {display:inline; margin-left:5px; position:relative; top:7px;} #lienyoutube {background-image: url(/userfiles/image/videos/fleche.png);background-repeat: no-repeat; width:180px; background-position:top left; display:block; margin-top:5px; margin-left:0px; padding-left: 23px; color:#00529C; font-size:12px; text-decoration: none;} #internal .social-table td{ padding:0; margin:0px; }/*Roll-Overs*/ /* #internal .social-table td.social-facebook a{ background-image:url(/userfiles/image/videos/content-social-01.jpg); display:block; height:103px; width:87px; } #internal .social-table td.social-twitter a{ background-image:url(/userfiles/image/videos/content-social-02.jpg); display:block; height:103px; width:88px; } #internal .social-table td.social-google a{ background-image:url(/userfiles/image/videos/content-social-03.jpg); display:block; height:103px; width:87px; } #internal .social-table td.social-facebook a:hover{ background-image:url(/userfiles/image/videos/content-social-01-o.jpg); } #internal .social-table td.social-twitter a:hover{ background-image:url(/userfiles/image/videos/content-social-02-o.jpg); } #internal .social-table td.social-google a:hover{ background-image:url(/userfiles/image/videos/content-social-03-o.jpg); } #internal .social-table td.social-facebook a span, #internal .social-table td.social-twitter a span,*/ #internal .social-table td.social-google a span{ display:none; } div.mapInfoWindow { height:auto; width:300px; overflow:hidden; } div.mapInfoWindow p { line-height:10px; margin:5px 0 5px 5px;} div.mapInfoWindow .place { padding-top:3px; margin-bottom:15px; font-weight:bold; line-height:15px;} div.mapInfoWindow .city { margin-bottom:15px; } div.mapInfoWindow ul.eventDates { margin-left:5px;} div.mapInfoWindow ul.eventDates li:first-letter { text-transform:capitalize; } div.mapInfoWindow .rightInfo { font-weight:bold; float:right; } div.mapInfoWindow .route { margin-top:20px; } div.mapInfoWindow .route a:link { color:#FF0000; } div.mapInfoWindow .route a:hover { text-decoration:underline } /* form */ form[id*="etape"] { clear: both; }