/* CSS - Sang de cordon - Screean */

body{ margin:0; padding:0; background:url(Images/dummy.gif) no-repeat fixed; }
body, td, th, input, textarea, select{ font-size:12px; font-weight:normal; font-family:Tahoma, Geneva, sans-serif; color:#000000; }
th{ text-align:left; }
form, img, fieldset, legend{ margin:0; padding:0; border:0; }
h1, h2, h3, h4, h5, h6{ margin:0; padding:0; font-size:12px; }
hr{ display:none; }
img, input, label, select{ vertical-align:middle; }
p{ margin:30px 0 0 0; }
a{ color:#F68211; text-decoration:none; }
a:hover{ text-decoration:underline; }
a *{ cursor:pointer; }
sup{ font-size:10px; }
caption{ text-align:left; font-weight:normal; }

.sizer td{ padding:0; background:none; border:0; }
.sizer td div{ height:1px; overflow:hidden; }
.imaged{ display:block; margin:0; padding:0; width:1px; height:1px; overflow:hidden; font-size:20px; color:#FFFFFF; text-transform:lowercase; border:0; }
.clear{ clear:both; display:block; font-size:1px; height:1px; overflow:hidden; }
.nodisplay{ display:none; }

.cols{ display:table-row; }
.cols .left, .cols .center, .cols .right{ vertical-align:top; display:table-cell; }

.link a{ padding:0 0 0 15px; font-weight:bold; background:url(Images/Dots/orange-gt.gif) no-repeat 0 2px; }
.up{ margin:15px 0; text-align:right; }
.up a{ padding:0 10px 0 0; color:#AAAAAA; font-size:10px; background:url(Images/Dots/grey-up.gif) no-repeat right; }

/***** Clearance *****/
.header ul, .header ul li,
.navigation ul, .navigation ul li,
ul.anchor, ul.anchor li,
ul.presse, ul.presse li,
ul.list, ul.list li,
.path ul, .path ul li,
.footer ul, .footer ul li,
.z{ margin:0; padding:0; list-style-type:none; }

/***** Structure *****/ 
.container{ text-align:center; background:url(Images/Backgrounds/body-bg.gif) repeat-x 0 100px #E4F4FF; }

/**** Header ****/
.header{ background:#FFFFFF; }
.header .inner{ position:relative; margin:auto; width:960px; height:100px; overflow:hidden; text-align:left; }
.header .inner .logo{ position:absolute; top:27px; left:0; }
.header .inner .claim{ position:absolute; top:55px; left:0; padding:19px 0 0 309px; background:url(Images/Texts/geste-indolore-solidaire-gratuit.gif) no-repeat; }
.header .inner .fgs{ position:absolute; top:15px; right:150px; }
.header .inner .fgs img{  }
.header .inner .cause{ position:absolute; top:15px; right:0; }
.shadowup{ margin:auto; width:960px; height:10px; overflow:hidden; background:url(Images/Backgrounds/shadowup-bg.png) no-repeat top; }

/**** Navigation ****/
.navigation{ position:relative; margin:0 auto 10px; width:960px; height:60px; overflow:hidden; background:url(Images/Backgrounds/navigation-bg.gif) no-repeat; }
.navigation ul li{ float:left; }
.navigation ul li .imaged{ padding:29px 0 0 0; color:#F68211; background:no-repeat 0 0; }
.navigation ul li .imaged:hover{ background-position:0 -35px; }
.navigation ul li.on .imaged, .navigation ul li.on .imaged:hover{ color:#FFFFFF; background-position:0 -70px; }

.navigation ul li.blood .imaged{ width:130px; background-image:url(Images/Buttons/sang-cordon.gif); }
.navigation ul li.how .imaged{ width:150px; background-image:url(Images/Buttons/comment-donner.gif); }
.navigation ul li.rules .imaged{ width:160px; background-image:url(Images/Buttons/cadre-reglementaire.gif); }
.navigation ul li.science .imaged{ width:139px; background-image:url(Images/Buttons/avis-scientifiques.gif); }
.navigation ul li.testimonies .imaged{ width:113px; background-image:url(Images/Buttons/temoignages.gif); }
.navigation ul li.partnership .imaged{ width:101px; background-image:url(Images/Buttons/partenariat.gif); }
.navigation ul li.links .imaged{ width:93px; background-image:url(Images/Buttons/liens-utiles.gif); }
.navigation ul li.press .imaged{ width:74px; background-image:url(Images/Buttons/presse.gif); }

.navigation ul li ul{ position:absolute; top:30px; left:-11px; padding:10px; width:951px; height:10px; overflow:hidden; background:#FFFFFF; }
.navigation ul li ul li{ padding:0 10px; border-left:1px solid #81CBFE; }
.navigation ul li ul li a{ position:relative; float:left; color:#000000; margin:-2px 0; font-weight:bold; }
.navigation ul li ul li a:hover, .navigation ul li ul li.on a{ color:#F68211; text-decoration:none; }

/**** Content ****/
.content{ margin:auto; padding:0 0 8px 0; width:960px; background:url(Images/Backgrounds/content-bottom-bg.gif) no-repeat left bottom; }
.content .inner{ padding:20px 280px 12px 20px; text-align:left; background:no-repeat right top #FFFFFF; }

.path{ margin:0 0 10px 0; padding:0 0 10px 0; width:660px; font-size:11px; color:#AAAAAA; overflow:hidden; border-bottom:1px solid #81CBFE; }
.path a{ color:#AAAAAA; }
.path ul{ float:left; margin:0 0 0 -10px; }
.path ul li{ float:left; padding:0 10px; background:url(Images/Dots/grey-gt.gif) no-repeat left; }

.home h2{ margin:0 0 20px 0; padding:2px 0 0 0; min-height:29px; }
.child h1{ margin:0 0 30px 0; padding:2px 0 0 0; min-height:29px; }
.child h2{ margin:30px 0 15px 0; font-size:17px; font-weight:bold; color:#454545; }
.child h3{ margin:30px 0 15px 0; font-size:13px; font-weight:bold; color:#454545; }

.box{ padding:10px; background:#E4F4FF; border:1px solid #8BCFFE;  }
.alert{ padding:10px; background:#FFE8A8; border:1px solid #F68517; }
.alert strong{ display:block; margin:0 0 10px 0; padding:3px 0 7px 28px; color:#F68517; background:url(Images/Backgrounds/alert-bg.gif) no-repeat; font-weight:bold;}
.wait{ padding:130px 0; font-size:20px; color:#999999; text-align:center; }

ul.list{ margin:30px 0 0 30px; }
ul.list li{ margin:10px 0 0 0; padding:0 0 0 15px; background:url(Images/Dots/orange-bullet.gif) no-repeat 0 4px; }

ul.anchor{ margin:30px 0; }
ul.anchor li{ margin:2px 0 0 0; }

ul.presse{ margin:30px 0; }
ul.presse li{ margin:2px 0 10px 0; }
ul.presse li strong{ font-weight:bold; }
ul.presse li em{ color:#666666; text-decoration:none; }

/** Images **/
.banque-de-sang-de-cordon-ombilical{ padding:22px 0 0 0; width:auto; background:url(Images/Texts/banque-de-sang-de-cordon-ombilical.gif) no-repeat; }
.cordon-ombilical { padding:22px 0 0 0; width:auto; background:url(Images/Texts/cordon-ombilical.gif) no-repeat; }
.cellules-souches { padding:22px 0 0 0; width:auto; background:url(Images/Texts/cellules-souches.gif) no-repeat; }

.annuairesTitle{ padding:22px 0 0 0; width:auto; background:url(Images/Texts/annuaires.gif) no-repeat; }
.sang-cordon{ padding:22px 0 0 0; width:auto; background:url(Images/Texts/sang-de-cordon.gif) no-repeat; }
.interet-therapeutique{ padding:22px 0 0 0; width:auto; background:url(Images/Texts/interet-therapeutique.gif) no-repeat; }
.consentement{ padding:22px 0 0 0; width:auto; background:url(Images/Texts/consentement.gif) no-repeat; }
.prelevement{ padding:22px 0 0 0; width:auto; background:url(Images/Texts/prelevement.gif) no-repeat; }
.conservation{ padding:22px 0 0 0; width:auto; background:url(Images/Texts/conservation.gif) no-repeat; }
.transplantation{ padding:22px 0 0 0; width:auto; background:url(Images/Texts/transplantation.gif) no-repeat; }
.chiffres-cles{ padding:22px 0 0 0; width:auto; background:url(Images/Texts/chiffres-cles.gif) no-repeat; }
.anonymat-gratuite{ padding:22px 0 0 0; width:auto; background:url(Images/Texts/anonymat-et-gratuite.gif) no-repeat; }
.maternites-donner{ padding:22px 0 0 0; width:auto; background:url(Images/Texts/maternites-ou-donner.gif) no-repeat; }
.foire-aux-questions{ padding:22px 0 0 0; width:auto; background:url(Images/Texts/foire-aux-questions.gif) no-repeat; }
.principe-autorisation{ padding:22px 0 0 0; width:auto; background:url(Images/Texts/principe-autorisation.gif) no-repeat; }
.sanction-autorisation{ padding:22px 0 0 0; width:auto; background:url(Images/Texts/sanction-defaut-autorisation.gif) no-repeat; }
.greffe-autologue{ padding:22px 0 0 0; width:auto; background:url(Images/Texts/greffe-autologue.gif) no-repeat; }
.avis-colleges-comites-ethique{ padding:22px 0 0 0; width:auto; background:url(Images/Texts/avis-colleges-comites-ethique.gif) no-repeat; }
.temoignages{ padding:22px 0 0 0; width:auto; background:url(Images/Texts/temoignages.gif) no-repeat; }
.public-prive{ padding:22px 0 0 0; width:auto; background:url(Images/Texts/public-prive.gif) no-repeat; }
.engagements-concrets{ padding:22px 0 0 0; width:auto; background:url(Images/Texts/engagements-concrets.gif) no-repeat; }
.charte-ethique{ padding:22px 0 0 0; width:auto; background:url(Images/Texts/charte-ethique.gif) no-repeat; }
.partenariat-ouvert{ padding:22px 0 0 0; width:auto; background:url(Images/Texts/partenariat-ouvert.gif) no-repeat; }
.grande-cause-nationale{ padding:22px 0 0 0; width:auto; background:url(Images/Texts/grande-cause-nationale.gif) no-repeat; }
.gouvernance-de-la-fondation{ padding:22px 0 0 0; width:auto; background:url(Images/Texts/gouvernance-de-la-fondation.gif) no-repeat; }
.liens-utiles{ padding:22px 0 0 0; width:auto; background:url(Images/Texts/liens-utiles.gif) no-repeat; }
.contact-presse{ padding:22px 0 0 0; width:auto; background:url(Images/Texts/contact-presse.gif) no-repeat; }
.communiques-presse{ padding:22px 0 0 0; width:auto; background:url(Images/Texts/communiques-presse.gif) no-repeat; }
.articles-presse{ padding:22px 0 0 0; width:auto; background:url(Images/Texts/articles-presse.gif) no-repeat; }

/**** Footer ****/
.shadowdown{ margin:auto; width:960px; height:10px; overflow:hidden; background:url(Images/Backgrounds/shadowdown-bg.png) no-repeat top; }
.footer{ background:#FFFFFF; }
.footer .inner{ margin:auto; width:960px; height:30px; text-align:left; }

/*** Home ***/
.home .navigation{ margin:auto; height:30px; }
.home .content .inner{ padding-right:20px; }
.home .inner{ position:relative; }
.home .left{ float:left; width:240px; }
.home .left p{ margin:20px 0; }
.home .left .tg{ position:absolute; left:20px; bottom:12px; }
.home .left .video{ padding:15px 0 0 0; width:240px; text-align:center; border-top:1px dotted #81CBFE; }
.home .left .video .media{ display:block; }
.home .left .video .text{ display:block; padding:5px 0 0 0; font-weight:bold; }
.home .right{ float:right; width:660px; }

/*** Child ***/
.child .content .inner{ position:relative; min-height:500px; font-size:13px; }
.child .content .tg{ position:absolute; right:10px; top:380px; }
.child .content .inner .video{ margin:20px 0 0 0; text-align:center; }
.child .content .inner sup{ font-size:8px; }
.child .content .inner small{ margin:20px 0 0 0; padding:10px 0 0 0; display:block; font-size:9px; color:#999999; border-top:1px solid #81CBFE; }

/*** Blood ***/
.blood .content .inner{ background-image:url(Images/backgrounds/blood-bg.jpg); }

/*** How ***/
.how .content .inner{ background-image:url(Images/backgrounds/how-bg.jpg); }
.how .address .item a, .how .address .item span{ display:block; padding:10px; color:#000000; }
.how .address .item a strong{ color:#F68211; }
.how .address .item a:hover{ text-decoration:none; background:#E4F4FF; }

/*** Traps ***/
.traps .content .inner{ background-image:url(Images/backgrounds/traps-bg.jpg); }

/*** Science ***/
.science .content .inner{ background-image:url(Images/backgrounds/science-bg.jpg); }

/*** Testimonies ***/
.testimonies .content .inner{ background-image:url(Images/backgrounds/testimonies-bg.jpg); }

.testimonies .videos{ width:660px; overflow:hidden; }
.testimonies .videos .items .item{ float:left; padding:7px; width:150px; }
.testimonies .videos .items .hover{ background:#E4F4FF; }
.testimonies .videos .items .item h2{ margin:5px 0; height:45px; overflow:hidden; font-size:12px; }
.testimonies .videos .items .item h2 span{ display:block; font-size:9px; font-weight:normal; color:#AAAAAA; }

/*** Partnership ***/
.partnership .content .inner{ background-image:url(Images/backgrounds/partnership-bg.jpg); }

/*** Links ***/
.links .content .inner{ background-image:url(Images/backgrounds/partnership-bg.jpg); }
.links .content .inner h2{ margin-bottom:0; }
.links .content .inner p{ margin:0; }

/*** Press ***/
/*** .press .content .inner{ background-image:url(Images/backgrounds/testimonies-bg.jpg); } ***/
.press .content .inner h2{ margin-bottom:0; }
.press .content .inner p{ margin:0; }

.press .content .inner .reader{ margin:-20px 0 0 0; padding:5px; text-align:center; background:#E4F4FF; border:1px solid #83CCFE; }

.press .pressreleases{ width:660px; overflow:hidden; }
.press .pressreleases .items{ padding:20px 0 0 0; width:670px; }
.press .pressreleases .items .item{ float:left; margin:0 10px 10px 0; padding:10px; width:135px; color:#454545; text-decoration:none; background:url(Images/Backgrounds/press-release-bg.png) no-repeat; border:1px solid #BBBBBB; }
.press .pressreleases .items .item strong{ display:block; height:50px; overflow:hidden; }
.press .pressreleases .items .item em{ display:block; margin:5px 0 0 0; font-size:10px; color:#666666; }
.press .pressreleases .items .item span{ visibility:hidden; display:block; margin:10px 0 0 0; padding:5px 2px 5px 0; font-size:12px; text-align:right; background:url(Images/Dots/pdf.png) no-repeat 2px center #EEEEEE; border:1px solid #BBBBBB; }
.press .pressreleases .items .item:hover span{ visibility:visible; }

/***** Scripts *****/
#videoview{ padding:10px; width:640px; height:555px; background:url(Images/Backgrounds/body-bg.gif) repeat-x 0 -200px #E4F4FF; border:1px solid #81CBFE; }
#videoview .title{ margin:0 0 10px 0; height:35px; font-size:18px; font-weight:bold; color:#FF9600; }
#videoview .title span{ display:block; font-size:10px; color:#454545; font-weight:normal; }

.outter{ z-index:50; position:fixed; top:0; left:0; width:100%; height:100%; background:url(Images/Backgrounds/ajax-loader.gif) no-repeat center #000000; }
.modal{ z-index:100; display:none; z-index:51; position:fixed; top:50%; left:50%; }
.modaled{ display:block; }
.modal .closer{ z-index:10; cursor:pointer; position:absolute; top:10px; right:5px; width:19px; height:18px; color:#F68211; font-size:15px; font-weight:bold; }