/*#headerMenu {display:none;}*/ /** * @section timeline * @tree #timeline < #page < body */ body{font-size:.875em; margin:0 auto;} #page{width:1024px; margin:0 auto;} .page{padding:0 !important;} #banniere.partenaire {background:url(../img/donation/idms/bandeau_partenaires_1392.jpg) no-repeat left top / 100% auto;} #banniere.partenaire-merci {background:url(../img/donation/idms/bandeau_merci_partenaires_1392.png) no-repeat left top / 100% auto;} #banniere img {max-width:100%} #timeline .content {width:810px;} #timeline li { padding:10px 24px 0 10px; width:128px; height:102px; background:url(../img/donation/bg/timeline-item.png) no-repeat; color:#8E8D90; text-decoration:none; } .actions {clear:both; margin-top:20px; } .donStep3 .actions {margin-top:15px;} #core .actions a {padding:4px 8px 5px } #core .actions .bordure-bt{float:right; margin:1px 0px 0 0;} #core .actions .bordure-bt:hover, #core .actions .etape-precedente a:focus,#core .actions .etape-precedente a:hover,#core .actions .etape-precedente a:active{border-color:#11979c;} #core .actions button, #core .actions a {float:right; display:block; padding:4px 5px 4px 5px; margin:0; margin-bottom:21px; border:0; cursor:pointer; overflow:visible; text-transform:uppercase; min-height:44px; width:275px; background-color:#004c5b; color:#fff; font-family:"opensans-semibold", Arial, Verdana, sans-serif; font-size:2.143em; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius:2px; -o-border-radius: 2px; zoom:1;} #core.donStep2 .actions button, #core.donStep3 .actions button {font-size:1.84em; width:267px;} #core.donStep2 .actions .bordure-bt {margin-right:0;} #core .actions .etape-precedente {float:left;} #core .actions .etape-precedente button, #core .actions .etape-precedente a{width:217px; min-height: inherit; margin-top:8px; color:#565656; font-size:.916em; background-color: #fff; font-family:"opensans-bold", Arial, Verdana, sans-serif; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius:3px; -o-border-radius: 3px;} #core .actions a span, #core .actions button span {padding:0 7px 0 6px; text-decoration:none; background:url('../img/donation/bg/rond-actif.png') no-repeat 0 2px; color:#004C5B; font-size:0.792em; } #core .actions a span{padding: 2px 23px 2px 2px;} #core .actions .print {padding:2px 2px 2px 6px;} #core .actions .print span{padding:4px 4px 4px 30px; background:url(../img/donation/bg/sprite.png) no-repeat -896px -783px;} #core .actions a.print:focus span, #core .actions a.print:hover span, #core .actions a.print:active span{background:url(../img/donation/bg/sprite.png) no-repeat -352px -783px; text-decoration:none;} /** * @section intro * @tree #intro < #core < #page < body */ #intro { position:relative; } #intro .mentionsTitre{ color:#5B5C5C; font-size:16px; } #intro h2 { margin:0.8em 0 0.5em; font:normal 24px opensans-regular, Arial, Verdana, sans-serif; color:#000000; } /* -------------------------------------------------------- ------------------ section : MAIN ------------------ tree : #main < #core < #page < body ----------------------------------------------------------- */ #colPrincipal {float:left; width:688px; position:relative; z-index:1; border-right:1px solid #edece9;} .donStep1 #colPrincipal{margin-top:-30px; min-height: 664px;} .language_en .donStep3 #colPrincipal {min-height: 634px;} #formulaireDon {clear:both;overflow:hidden;} #formulaireDon #main, .pageRedirect #main {padding:0 22px; background-color:#fdc613;} .donStep3 #formulaireDon #main {min-height:634px;} .language_en #formulaireDon #main{width:644px;min-height:inherit;} .donStep2 #formulaireDon {min-height:715px} .language_en .donStep2 #formulaireDon {min-height:600px;} .contenuFdJaune {min-height:522px;} .language_en .contenuFdJaune {min-height:inherit;} #main .content { width:611px; background:url(../img/donation/bg/main-bk.gif) repeat-y 0 0;} #main .end {display:block;height:8px;background:url(../img/donation/bg/main-bk-btm.gif) no-repeat left top;} /* ------------ ONGLETS --------------- particulier / entreprise */ .onglets-particuliers-entreprise { font-family:"opensans-semibold", Arial, Verdana, sans-serif; font-size:1.143em;} .onglets-particuliers-entreprise li {box-sizing:border-box; display:inline-block; -moz-box-sizing:border-box; width:160px; padding:4px 0 4px 27px; background-color:#edece9; font-size:125%} .onglets-particuliers-entreprise .entreprise { margin-left:-4px; border-radius: 0 2px 0 0; -webkit-border-radius: 0 2px 0 0; -moz-border-radius: 0 2px 0 0; -o-border-radius: 0 2px 0 0; zoom:1;} .onglets-particuliers-entreprise .langue { float: right; border-radius:2px 0 0 0; -webkit-border-radius:2px 0 0 0; -moz-border-radius:2px 0 0 0; -o-border-radius:2px 0 0 0} .onglets-particuliers-entreprise li a{color:#353332;} .onglets-particuliers-entreprise li.last{margin-left:-4px; float:left;} .onglets-particuliers-entreprise li.selected{background-color:#fdc613; color:#353332;} .onglets-particuliers-entreprise li.selected a{color:#353332;} .menu-lang{ font-family:"opensans-semibold", Arial, Verdana, sans-serif; font-size:1.143em;} /* ------------ ONGLETS --------------- Etapes du formulaire */ #donateSteps {overflow:hidden; margin:23px 0 0 0; padding:0; min-height:35px; list-style:none; font-family:opensans-regular, arial,trebuchet MS, Times New Roman, verdana;} #donateSteps li {position:relative; display:block; float:left; padding:0; min-height:31px; width:161px; font-size:117%; font-weight:bold; } #donateSteps .donStep{background:url('../img/donation/bg/inactive-step.png') no-repeat right top #fff;} #donateSteps li .donStep {position:relative; display:block; padding:0 0 1px 7px; min-height:31px; height:auto!important; height:31px;color:#353332; font-family: opensans-regular, arial,trebuchet MS,Times New Roman,verdana; overflow:hidden;} #donateSteps li .num {float:left; margin-top:5px; padding:1px 0px 2px 6px; min-height:14px; height:auto!important; width:24px; height:23px; font-size:1.221em; font-family: "opensans-bold", Arial, Verdana, sans-serif; background: url('../img/donation/bg/rond-inactif.png') no-repeat; } #donateSteps li .lib{float:left; padding-top:9px; font-size:.916em; font-family: "opensans-semibold", Arial, Verdana, sans-serif; text-transform:uppercase;} #donateSteps li a {color:#11979c;text-decoration:none;} #donateSteps .on .donStep{background:url('../img/donation/bg/active-step.jpg') no-repeat right top #004C5A; position:relative;} #donateSteps li.on .donStep{color:#ffffff; padding-left:6px; } #donateSteps li.on .num {color: #004c5b; background: url('../img/donation/bg/rond-actif.png') no-repeat; width:24px !important; height:23px !important; } #donateSteps #donateStep1 .donStep{-moz-border-radius: 3px 0px 0px 3px; -webkit-border-radius: 3px 0px 0px 3px; border-radius: 3px 0px 0px 3px;} #donateSteps #donateStep4 .donStep{background:#fff; -moz-border-radius: 0px 2px 2px 0px; -webkit-border-radius: 0px 2px 2px 0px; border-radius: 0px 2px 2px 0px} #donateSteps #donateStep4.on .donStep{background:#004C5A;} /* étapes effectuées */ #donateSteps button { position:relative; display:block; width:161px; height:32px; padding:0 0 0 7px; overflow:hidden; cursor:pointer; border:0; background:url('../img/donation/bg/inactive-step.png') no-repeat right top #fff; color:#353332; } #donateStep1 button {border-radius:2px 0 0 2px; -webkit-border-radius:2px 0 0 2px; -moz-border-radius:2px 0 0 2px; -o-border-radius:2px 0 0 2px; zoom:1;} .donStep4 #donateSteps button {cursor:inherit;} #donateSteps li button .num{padding-right:7px; padding-left:0px; min-height:24px;} #core.donStep2 #donateStep1 button, #core.donStep3 #donateStep2 button, #core.donStep4 #donateStep3 button{ background:url('../img/donation/bg/before-active.jpg') no-repeat right top #fff;} #core #donationAmount.start .actions .bordure-bt { margin:-12px 0px 0 0;} /* ------------ MAIN contenu --------------- */ .contour { padding:15px 0px; clear:both; font-size:117%;} .donStep2 .contour {padding-bottom:0;} .contour h3, .contour h2{ font-family:"opensans-bold", Arial, Verdana, sans-serif;} #donationAmount.start {padding:15px 0px 0; width:auto;} #donationAmount .titreIntro {color:#565656; margin:0 0 5px 0; font-family:"opensans-semibold", Arial, Verdana, sans-serif; font-size:2.143em; text-transform:uppercase;} #donationAmount .titreIntro span{display:block; font-size:1.333em; font-family:"opensans-bold", Arial, Verdana, sans-serif;} #donationAmount .intro {font-size:143%; font-weight:bold; line-height: 1.1em; margin: 0 0 10px;} #main h3 {font-weight:bold; } #main #personalInfos h3 {padding:0 33% 10px 0;} /* ------------ MAIN --------------- ETAPES */ /* Etape 1.0 : don */ .donStep1 .contour {font-size:100%;} #donationAmount .donStep1 .radios { overflow:hidden; margin-bottom:1.2em; color:#555555; } #donationAmount .donStep1 .radios > li {float:left; width:118px; margin-left:13px; height:auto!important; min-height:102px; font-size:105%; background:url('../img/donation/bg/value.png') no-repeat #edece9; border-radius: 1px; -webkit-border-radius: 1px; -moz-border-radius: 1px; } #donationAmount .donStep1 .radios > li p {margin:0;} #donationAmount .donStep1 .radios > li:first-child {margin-left:0px;} #donationAmount .donStep1 .radios > li.selected {background-color:#555555; background:url('../img/donation/bg/selected-value.png') no-repeat #edece9;} #donationAmount .donStep1 .radios label{display:block; padding:2px 4px; text-align: center; font-size:230%; font-family:"opensans-semibold", Arial, Verdana, sans-serif; cursor:pointer;} #donationAmount .donStep1 .radios .selected label{color:#fff; text-decoration:underline;} #donationAmount .donStep1 .radios input{display:block; margin:-3px 44px 10px 53px; cursor:pointer;} @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { /*pr ie 10*/ #donationAmount .donStep1 .radios input {margin-left:50px;} } #donationAmount .donStep1 .radios .reduction{text-align:center; font-size:102%; padding-bottom:5px; font-family:"opensans-semibold", Arial, Verdana, sans-serif;} #donationAmount .donStep1 .soit{color:#35444c; font-weight:normal;font-size:107% } #donationAmount .donStep1 .nb{display:block; font-size:134%; color:#004c5b; font-family:"opensans-bold", Arial, Verdana, sans-serif; } #donationAmount .donStep1 #donateOtherContainer {font-family:"opensans-semibold", Arial, Verdana, sans-serif; color:#565656; font-size:1.071em;} #donationAmount .donStep1 #donateOtherContainer input {width:9em; padding:3px; border:0px; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; font-size:100%; color:##555555} #donationAmount .donStep1 #donateOtherContainer div#radioToHyde {float:left; padding:3px 0 0 0;} p#legalBase {margin:0; } .calculatrice {clear:both; padding: 1.7em 22px 0 62px; margin:3em -22px 0 -22px; background:url('../img/donation/bg/calculatrice.png') no-repeat 22px 2em #fff; font-size:107%; display:inline-block;} .donStep2 .calculatrice {font-size:100%;} .mandatory {color:#247523; } #montant {overflow:hidden; padding:0 0 12px; margin:15 0;} #montant h2 {color:#565656; margin-bottom:1em; font-family:"opensans-regular", Arial, Verdana, sans-serif; font-size:1.964em; text-transform:uppercase;} #montant h2 span{color:#565656; margin-bottom:1em; font-family:"opensans-bold", Arial, Verdana, sans-serif;} #montant .mttEuro{font-size:59%;} #montant .reducEuro{font-size:63%;} #autreMontantEtEuro {float:left;margin-left:4px; background:#fff; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; } #donateOtherContainer label {float:left; } #autreMontant {float:left;} .autreMontantEuro {float:left; margin-left: 3px; padding-right: 5px; font-size:134%; line-height: 1.35em;} /* hack Chrome / Safari */ @media screen and (-webkit-min-device-pixel-ratio:0) { #donateOtherContainer label {padding-top:2px;} .autreMontantEuro { padding-top:2px;} } #main #donation {background:url(../img/donation/bg/main-bk-top-grey.jpg) no-repeat 0 0; padding:30px 1px 21px; } #main #donation .baseline {background:#eaf3ef; color:#4a5154; font-size:160%; padding:4px 12px 10px; } #main #donation .baseline p {margin:0;} #main #donation table {width:100%; margin:19px 0;} #main #donation table tr.alt, #main #donation table thead tr {/*background:#EAEFF2;*/ background:#eaf3ef; padding:0; margin:0;} #main #donation table td {padding:4px 25px;} #main #donation table th {text-align:left; padding:6px 25px; font-weight:normal;} .form-en #main .donStep1 h3{padding:0 0 10px 0;} #main #donation .legal {padding:0 25px;} #main #donation .legal p {margin:0.15em 0; font-size:90%; font-style:italic;} #main #donation .legalAttention {padding:0 10px 0 25px; font-size:90%; font-style:italic;} #main #donation .legalAttention p.normal {font-style:normal;} #main #donation .legalAttention strong {font-weight:bold;} /* Version EN - étape 1 */ #donationAmount .donStep1 .radios .selected .devises label{color:#323232; text-decoration:none;} /* sans JS, taille select */ .devises select{width:100%;} /* select chosen - choix devise */ .devises .chosen-container-single .chosen-single{width:100px; margin:4px 0 4px 4px; border:1px solid #edece9; border-bottom:none;} .devises .chosen-container .chosen-drop{width:118px; border:1px solid #edece9; border-top:none;} .devises .chosen-container.chosen-with-drop .chosen-drop{left:3px; width:112px; margin-top:-5px;} /* suppression overflow hidden pour afficher contenu selectbox */ .language_en #donationAmount .donStep1 .radios{overflow:visible; display:inline-block;} .language_en #montant, .language_en #formulaireDon{overflow:visible;} /* baisser contenu sous choix montant */ .language_en #donateOtherContainer{margin-top:1.2em; display:inline-block;} /* Etape 1.2 : coordonnees */ .donStep2 h2 { margin:0; color:#323232; font-family:"opensans-bold", Arial, Verdana, sans-serif; font-size:1.069em;} #main .donStep2 #userDetails.step {padding:8px 0px; clear:both; margin:5px 0 0 0; color:#323232;} #main .donStep2 #userDetails label, #main .donStep2 #userDetails span.legend {width:105px; float:left;} #main .donStep2 #userDetails label span{line-height:1em;} #main .donStep2 #userDetails ul li label {width:auto; float:none;} #main .donStep2 #userDetails .radios ul li {float:left; display:block; padding:0 8px 0 0; margin-right: 10px;} #main .donStep2 #userDetails .radios, #main .donStep2 #userDetails .group {clear:both; overflow:hidden; height:1%; padding:3px 0; margin:4px 0; } #main .donStep2 #userDetails .group .text, #main .donStep2 #userDetails .group .select {float:left; width:292px; padding-left:30px;} #main .donStep2 #userDetails .group .text:first-child, #main .donStep2 #userDetails .group .select:first-child { width:322px; padding-left:0px;} #main .donStep2 #userDetails .group .text:first-child label, #main .donStep2 #userDetails span.legend, #main .donStep2 #userDetails .group .select:first-child label{width:125px;} #main .donStep2 #userDetails #birthDate.select label {display:none;} #main .donStep2 #userDetails .grEmail { margin:5px -8px; padding:6px 8px 4px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; background:url('../img/donation/bg/formulaire.jpg') no-repeat 0px 0 ;} #main .donStep2 #userDetails .grPays, #main .donStep2 #userDetails .grDate {overflow:inherit; height:auto; min-height:23px;} /*chps date*/ #main .donStep2 #userDetails select#birthDay, #main .donStep2 #userDetails select#birthMonth, #main .donStep2 #userDetails select#birthYear, #main .donStep2 #userDetails select#pays {margin-right: 6px; padding:4px 2px; min-height:15px; border:0; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; } #main .donStep2 #userDetails select#pays { width:186px; } #main .donStep2 #userDetails select#birthDay {width:54px; } #main .donStep2 #userDetails select#birthMonth {width:54px;} #main .donStep2 #userDetails select#birthYear {width:65px;} #birthDay_chosen.chosen-container, #birthMonth_chosen.chosen-container {margin-right:6px;} #birthDay_chosen.chosen-container, #birthMonth_chosen.chosen-container, #birthYear_chosen.chosen-container { width:auto !important;} #birthDay_chosen.chosen-container, #birthMonth_chosen.chosen-container{margin-right:5px;} #birthDay_chosen.chosen-container-single .chosen-single, #birthMonth_chosen.chosen-container-single .chosen-single {width:45px; } #birthYear_chosen.chosen-container-single .chosen-single {width:55px;} #birthDay_chosen.chosen-container .chosen-drop, #birthMonth_chosen.chosen-container .chosen-drop {width:55px;} #birthYear_chosen.chosen-container .chosen-drop{width:65px;} #main .donStep2 #subscribeNewsletter {padding:15px 25px 0 0px; clear: both; } #main .donStep2 #subscribeNewsletter h3 {margin-top: 10px;} #subscribeNewsletter .baseline{background:url(../img/donation/bg/picto-abonnement.png) no-repeat; padding-left:40px; font-size:92%;} #subscribeNewsletter .baseline p{margin:0; color:#353332;} #subscribeNewsletter .infoPlus{font-size:72%; color:#9c9c9c; margin-top:5px;} #subscribeNewsletter .checkbox label {color:#004c5b; text-transform:uppercase;font-family:"opensans-bold", Arial, Verdana, sans-serif; } #main #divMontantChoisi {position:relative;overflow:hidden; padding:0px 10px 5px; height:1%; background:url('../img/donation/bg/fd-rappel.png') no-repeat;color: #555555; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;} #main #divMontantChoisi label, #main #divMontantChoisi input, #main #divMontantChoisi .euro {float:left; font-family:"opensans-bold", Arial, Verdana, sans-serif; color:#fff; text-transform:uppercase; font-size:135%; } #main #divMontantChoisi input {margin:2px 5px 0 5px; padding:0 3px; width:70px; text-align:right; font-size:107%; color:#555555} #main #divMontantChoisi .euro {color:#fff;} .language_en #main #divMontantChoisi label{font-size:125%;} #main #divMontantChoisi label span.lessImportant {font-size:70%;} #legalComputed {float:left; margin: 2px 5px 0 16px; font-size:92%;} #legalComputed span, #montantReelAffiche {font-size:117%; font-family:"opensans-bold", Arial, Verdana, sans-serif;} #legalComputed #soitEuro {color:#004C5B; } #montantReelAffiche {color:#004c5b;} /* Version EN - étape 2 */ .language_en #main #divMontantChoisi{overflow:visible;} .language_en #conversionDeviseStep2{display:inline-block; width:45%; margin:0 0 0 30px; visibility: hidden;} .language_en #main #conversionDeviseStep2 label{color:#323232; margin-right:30px;} .language_en #main #conversionDeviseStep2 .chosen-container-single .chosen-single{border:1px solid #aaa; height:19px; margin-top:2px;} .language_en #main #conversionDeviseStep2 .chosen-container .chosen-drop{border-width:0 1px 1px; border-color:#aaa; border-style:solid;} /* Etape 2 & 3 : reglement */ #main .donStep3 h2 { margin:0 0 .5em; font-family:"opensans-bold", Arial, Verdana, sans-serif; font-weight:normal; font-size: 138%;} #core .donStep3.contour{padding-top:22px;} #core .donStep3 .content .contentInner .top {float:left;} #core .donStep3 .content .contentInner .bottom {padding:2px 10px 12px 17px; margin-top:12px;} #core .donStep3 .content .contentInner .bottom h3 {color:#e85d93; font-style:italic;font-weight:normal;} #core .donStep3 .content .contentInner .bottom .date {color:#acacac; font-size:95%; margin:0;} #core .donStep3 .content .contentInner .contenu {background:#ffffff; width:210px; float:left; margin:8px 0 8px 8px;} #core .donStep3 .content .contentInner img {margin-top:13px;float:left;} #core .donStep3 .content .rejoignez_communaute {padding:0 0 0 5px; color:#e85d93;} #core .donStep3 .content button.rejoignez_communaute {background: #fff; border: 0; padding: 0; font:1em opensans-regular, Arial,Verdana,sans-serif; cursor: pointer; text-align: left; margin: 0; width: 220px} #core .donStep3 .content .contentInner a {text-decoration:none;} /*recap detail*/ #main .donStep3 #recallDetails {padding:15px 20px 18px; margin-bottom:1em; background:#ffd650; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; font-size:92%; } #main .donStep3 #recallDetails h2 {padding:0px 1em 0em 0; font-size:100%; } #main .donStep3 #recallDetailsHolder {margin:0.45em 0 15px;clear:both;} #recallDetails_adresse {float:left; width:49%;} #recallDetails_montant {float:left;width:49%;} #rappelMontantDuDon {font-family:"opensans-bold", Arial, Verdana, sans-serif; font-size:133%;} #core .donStep3 #payment .actions .etape-precedente button { margin:0px 0 0; padding:2px 0} #core .donStep3 #recallDetails .actions .etape-precedente button {width:187px; margin:4px 0 0; padding:2px 0} .rappelMontantDuDon {clear:both;padding-top:1em; color:#11979c; font-weight:bold; font-size:107%;} .donStep3 .selection { margin:14px 0 5px 0; font-family:"opensans-bold", Arial, Verdana, sans-serif; font-size:107%;} #moyensPaiements {clear:both;} .donStep3 #creditCard {margin-top:0px;} .donStep3 #creditCard .paiement-cb li, .donStep3 .radios li {display:block; float:left; padding:3px 3px 3px 0px; margin:0 10px 0 0; background:#fff; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; } .donStep3 #creditCard .paiement-cb label {float:left; display:block; z-index:10;} .donStep3 #creditCard .paiement-cb input {float:left; margin:5px 4px 0 4px; padding:0;} .donStep3 #creditCard .redirection {font-size:92%; margin:0.5em 0;} .donStep3 .recu-fiscal {clear:both; overflow:hidden; padding: 0px 0 0; height:auto!important; height:1%; font-size:92%;} .donStep3 .recu-fiscal .legend{float:left; padding:0 10px 0 0; margin-top:4px; font-family:"opensans-bold", Arial, Verdana, sans-serif; font-size:117%;} .donStep3 .recu-fiscal ul {clear:both; min-height:37px; padding-top: 0px;} .donStep3 .recu-fiscal li {position:relative; float:left; padding:6px 12px 4px 0px; } #li-recu_fiscal_Courrier, #li-recu_fiscal_Courrier-2 {background:url(../img/donation/bg/picto-courrier.png) no-repeat 18px 6px;} .donStep3 #li-recu_fiscal_Courrier label, .donStep3 #li-recu_fiscal_Courrier-2 label {padding-left:26px;} #li-recu_fiscal_Email, #li-recu_fiscal_Email-2 {background:url(../img/donation/bg/picto-mail.png) no-repeat 17px 5px; margin-right:150px;} .donStep3 #li-recu_fiscal_Email label, .donStep3 #li-recu_fiscal_Email-2 label {padding-left:22px;} .donStep3 .recu-fiscal input {margin:0 0.5em 0 0; padding:0;} .bulle{position:absolute;top: -1000px; left: 74px; margin:0; padding: 6px 5px 8px 13px; margin: -11px 0 0 3px; width:124px; min-height:26px; background:url(../img/donation/bg/sprite.png) no-repeat left -704px; font-size:83%;} #li-recu_fiscal_Email:hover .bulle, #li-recu_fiscal_Email-2:hover .bulle{top:8px} .donStep3 #otherPayment{padding:0px 0 0; } .language_en .donStep3 #otherPayment{padding-bottom: 25px;} .donStep3 ul.radios input {float:left; margin:5px 4px 0 4px; padding:0;} .donStep3 label {float:left;display:block; } #li-modePaiement_cheque label{padding:8px 6px 2px 5px; background:url(../img/donation/logo/pictocheque.png) no-repeat; color: #fff; font-size:72%;} #li-modePaiement_promesse label {padding:2px 3px 2px;} .donStep3 input{margin:0 6px 0 0; float:left; padding:0;} .txtPaiemt {font-size:92%; margin-top:5px;} .donStep3 .radios li#li-modePaiement_PAYPAL {margin-bottom:10px;} div.messageBonusPaypal { float: left ; margin: -3px -3px -3px 4px; padding: 6px 8px 5px; min-height:18px; background: #FDC613; } .donStep3 #li-modePaiement_cheque {clear:both;} .donStep3 #donationAmount.start {background:none; padding:15px 0;} .donStep3 #donationAmount #divMontantChoisi {margin:1em 1px;} .donStep3 #donationAmount #legalComputed, .donStep3 #donationAmount #legalBase {padding:0 12px;} input.boutonsRadios, input.boutonsRadiosMontant { vertical-align: top; } #core .donStep3 .actions .etape-precedente, #core .donStep3 .actions button{float:none;} /* Version EN - étape 3 */ .montantEnDevises{margin:0 15px;} #core .donStep3 .actions .etape-precedente{display:inline-block; margin-top:12px;} /* ------------ MAIN --------------- CONFIRMATIONS Etape 4 : confirmation et 5 (le geste en plus) */ .donStep4 #main,.donStep5 #main { padding: 0 22px; background:#FDC613;} .donStep4 #contextual,.donStep5 #contextual { margin-top:0;} .donStep4 #banniere, .donStep5 #banniere {height:167px;} .donStep4 #main,.donStep5 #img {max-width:100%;} .donStep4 h2 {text-transform:uppercase; font-size:117%;} .donStep4 h3 {text-transform:uppercase;} .language_en .donStep4 .contour {padding-bottom:7px;} /*paiement par cheque et cb*/ .fdClair h2,.fdClair h3{display:inline; font-size:138%} #core .paiemtChq .actions .bordure-bt, #core .confirm .actions .bordure-bt {margin-right:0;} #core .paiemtChq .actions button, #core.confirm .actions button, #core .promesseDon .actions button{width:163px; font-size:184%;} .donStep4 .fdClair, .donStep5 .fdClair {padding:15px 20px 18px; overflow:hidden; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;} /*paiement par cheque*/ .cheque #main {min-height:517px;} #core .paiemtChq p{ margin: 0.8em 0;} .paiemtChq .bandeau {margin-bottom:1em;} .paiemtChq .adrAFM {font-weight:bold;} .paiemtChq #adresseRecuFiscal {clear:both; padding-top:1em} #printLink {float:right; min-height: 17px;padding-top:1px; padding-left:22px; text-transform:uppercase; font-family:"opensans-bold", Arial, Verdana, sans-serif; color:#323232; font-size:92%; background:url(../img/donation/bg/picto-imprimante.png) no-repeat left 1px; } .paiemtChq .recu{font-size:92%;} .cheque .actions {margin-top:17px;} /*paiement par cb*/ .confirmDonation {margin:0px 0 1em; } .confirmDonation strong{font-weight:normal; font-family:"opensans-bold", Arial, Verdana, sans-serif;} #congratsCollected img {max-width:100%;} .sips_ref span {font-family:"opensans-semibold", Arial, Verdana, sans-serif;} .recap {clear:both; overflow:hidden; padding-top:1em; font-size:92%; } .recap h2 {font-size:138%; } .recap p {margin:0;} .recap h3{font-size:116%; font-weight:normal; font-family:"opensans-bold", Arial, Verdana, sans-serif; text-transform:none; } .recapDon {float:left; width:221px; padding-right:10px;} .recapDonateur {float:left;} .recapDonateur span {font-family:"opensans-regular", Arial, Verdana, sans-serif;} .recapRf {float:right; width:122px; margin-right:30px;} .recapRf sup {vertical-align:top;} .recapDonateur .adresse span{font-weight:normal;} /* ----Etape 5 : le geste en plus ----*/ .donStep5 #donateSteps {display:none;} .donStep5 #main {width:644px;} .donStep5 .contour {padding-top:14px;} .donStep5 h2 { margin-bottom:0.84em; text-transform:uppercase; font-size:1.84em; line-height:1.13; font-family:"opensans-semibold", Arial, Verdana, sans-serif; } .donStep5 h2 span{font-size:1.33em; font-family:"opensans-bold", Arial, Verdana, sans-serif; } .donStep5 .fdClair {float: left; width: 45.3%; margin-bottom:1.8em; padding:13px 10px;} .donStep5 .fdClair.odd {clear: both; margin-right:20px;} .donStep5 #main h3{display:block; padding-left:30px; margin-bottom:0.6em; font-weight:normal;font-family:"opensans-semibold", Arial, Verdana, sans-serif; } .donStep5 #main h3 span{font-family:"opensans-bold", Arial, Verdana, sans-serif; } .donStep5 .actions.etape-precedente {margin-top:10px;} #core.donStep5 .actions.etape-precedente .etape-precedente a{ padding-left: 8px;padding-bottom:2px; width: 194px;} .donStep5 .imgTxt {margin-bottom:0.7em;} /*bloc fb /twitter*/ .ligne1 {min-height:336px;} .fdBlanc {overflow:hidden; padding:12px; margin-bottom:1em; background:#fff; border:solid 1px #d2d5db; -moz-border-radius:3px; -webkit-border-radius: 3px; border-radius: 3px; font-size:92%;} #core .fdBlanc a {color:#3b5997; text-decoration:none;} .fdBlanc img {float:left; margin-right: 10px; } .entete img {max-width:42px; height:auto;} .txtBleu {color:#3b5997; } .encadre img {max-width:100%; height:auto;} .donStep5 .picto-profil {background:url(../img/donation/bg/picto-temoignage.png) no-repeat left center; margin-bottom:0.5em;} /*blocFb*/ .blocFb h3 {background:url(../img/donation/bg/picto-fb.png) no-repeat left center;} .blocFb .submit { clear:both; display: block; min-height:12px; margin:auto; padding:4px 4px 4px 24px; background:url(../img/donation/bg/bt-partage.gif) no-repeat 8px 5px #f1f2f7; border:solid 1px #e1e1db; -moz-border-radius:2px; -webkit-border-radius: 2px; border-radius: 2px; color:#6072b4; font-size:.82em; cursor:pointer; } .je-partage-sur-facebook .fdBlanc {font-family: arial, sans-serif; color:#999999; } .entete {overflow:hidden; padding-bottom:6px; color:#90919c;} .entete p {margin:5px 0;} .duree {display:inline-block; padding-top:3px; padding-right:14px; font-size:92%; background:url(../img/donation/bg/fb-picto-pers.gif) no-repeat right 6px;} .textePrincipal { margin:0.8em 0 1.4em; font-family:verdana, arial, sans-serif; color:#404040; } .encadre {overflow:hidden; border:solid 1px #e2e2e2; font-size:92%; } .logoTlt {float:left; padding:0; margin-right:12px; border-right: solid 1px #e2e2e2;} .encadre .titre {margin-bottom:0; font-weight:bold;} #core .fdBlanc .encadre a {font-weight:bold; color:#999; } /*blocTwitter*/ .blocTwitter h3 {background:url(../img/donation/bg/picto-twitter.png) no-repeat left center;} .blocTwitter .entete {padding-bottom:3px;} .blocTwitter .entete img {max-width:46px;} .blocTwitter .entete p {margin-top: 10px;} .je-partage-sur-tweeter .twitter-share-button {display: block; margin:auto;} .je-partage-sur-tweeter .fdBlanc {padding-top:8px; font-size:100%; color:#333333; font-family:arial;} .je-partage-sur-tweeter .txtBleu, #core .je-partage-sur-tweeter .textePrincipal a {color:#0084b4} .je-partage-sur-tweeter .textePrincipal {font-size: 92%;} .je-partage-sur-tweeter .nom { display: inline-block; padding-right:19px; font-size:123.1%; font-weight:bold; background:url(../img/donation/bg/twitter-deco-v.png) no-repeat right center; background-size: 15px; } #core .je-partage-sur-tweeter .nom a {color:#333;} .je-partage-sur-tweeter .mail, .je-partage-sur-tweeter .duree {display: block; color:#999999;font-size:92%} .je-partage-sur-tweeter .duree {float:right; padding-right:0; background:none;} /*bloc temoignage et collecte*/ .ligne2 {min-height: 287px;} #bouger, #collectez-dons-ligne {padding-top: 0px;} /*bloc temoignage*/ #bouger h3 {margin-top: 17px;} #bouger .imgG { max-width: 100%; height:auto;} #bouger .colDr {margin-top:0px; text-align:center; } #bouger .actions {margin-top:0px; } #bouger .submit {min-height:12px; padding:2px 5px 2px 26px; background:url(../img/donation/bg/bt-temoigne.png) no-repeat 5px 2px #edece9; border:solid 1px #d3d3d3; -moz-border-radius:2px; -webkit-border-radius: 2px; border-radius: 2px; color:#323232; font-size:.82em; font-family:"opensans-bold", Arial, Verdana, sans-serif; cursor:pointer; } /*bloc collecte et coulisse*/ #collectez-dons-ligne h3{margin-top:17px;} #core #collectez-dons-ligne .actions a, #core #coulisses-telethon .actions a { display: inline-block; min-height: inherit; padding: 6px 8px; margin-bottom: 0; border-radius:4px; font-family:"opensans-bold", Arial, Verdana, sans-serif;font-size: 1.231em; } /*Collectez*/ #collectez-dons-ligne .colDr {text-align: center;} #collectez-dons-ligne .colDr > a {display: block; } #collectez-dons-ligne .colDr > p {color:#535353; line-height: 1.1} #collectez-dons-ligne img {max-width:250px; height:auto;} #core #collectez-dons-ligne .actions a { float: none;width:auto;} /*Coulisses du tlt*/ #coulisses-telethon {float: none; width:auto; margin-right: 0; margin-bottom:1.3em;} #coulisses-telethon > img {float: left; max-width:97px; height:auto; margin-right:13px; } #coulisses-telethon > p { float: left; width:315px; margin:3px 0px 0; color:#535353; font-family:"opensans-semibold", Arial, Verdana, sans-serif; line-height: 1.2; } #coulisses-telethon .actions {clear: none; margin-top:0; margin-left: 20px;} #core #coulisses-telethon .actions a {width:154px; text-align: center;} /*----- JS support -----*/ #js #payment, #legalComputed, #conversionDeviseStep2, #userDetailsSubmit, #recallDetails {display:none;} #js #userDetailsSubmit, #js .start #legalComputed, #js .start #conversionDeviseStep2, #js #recallDetails {display:block;} /** * @section contextual * @tree #contextual < #core < #page < body */ .payment #whatFor, #donationInfos.secondOne {display:none;} .payment #donationInfos.secondOne {display:block;} #core #donationInfos #onPaymentSolutions {background-position:0 -20px;} #js #core #donationInfos #onPaymentSolutions {background-position:0 0;} #donationInfos dt { margin:0; padding:22px 18px 5px 58px; border-top:1px solid #D9D9D9; background-position:18px 1.8em; background-repeat:no-repeat; font-weight:bold; text-transform:uppercase; } dt#onPersonalInfos { border:0; background-image:url(../img/donation/picto/contextual-personal-infos.png); } dt#onBirthDate {background-image:url(../img/donation/picto/contextual-birthdate.png);} dt#onSecurity { border:0; background-image:url(../img/donation/picto/contextual-security.png); } dt#onEconomy {background-image:url(../img/donation/picto/contextual-economy.png);} dt#onEmailReceipt {background-image:url(../img/donation/picto/contextual-email-receipt.png);} #donationInfos dd { margin:0; padding:9px 18px 18px; background:url(../img/common/bg/unit-end-inner.png) repeat-x 0 100%; font-size:12px; } #donationInfos .actions {margin-top:9px;} div#personalInfos p.txtRequired { margin: 3px 10px 10px 0; font-size:92%;} .required {color:#004C5B;} div.membres-se-mobilisent-form { clear: both; width: auto; } div#redirect { padding: 15px 0 } div#redirect h3 { padding: 0 20px; } #main #deductionExplainPostChoice, #main .focused #legalComputed, #main .focused #legalBase {padding:0 12px; clear:both; } #donLoi {clear:both; margin:2em 0 1em 22px; width:646px; border-top:solid 1px #edece9; font-size:92%; color:#323232;} .donStep1 #donLoi{ margin-top:1em;} .donStep3 #donLoi {border:0; margin-top:1em;} .donStep4 #donLoi {border:0;overflow:hidden;} .language_en #donLoi {border:0; margin-top:0em; margin-bottom:0; padding-top:0;} .language_en .donStep4 #donLoi {padding-top:5px;} .language_en .conformement-loi {display:none} .conformement-loi p {margin:0; padding:1em 0 0; display:inline;} .highlight { color: #247523; } #core #contextual #youAre .actions a > .OptIn, .OptIn { display: none; } :hover > .OptIn { display: block; position: fixed; top: 150px; right: 150px; margin: 0 0 150px 150px; border: 2px solid red; padding: 5px 20px; font-size: 2em; background: #fff; z-index: 20; } #core #contextual #youAre .actions a:hover > .OptIn { display: block; height:auto; padding:1em; font-size: 2em; background: yellow; z-index: 20; } .popin-contener { height: 20px; } .popin-contener #popin-declaration-nojs { display: none; } .popin-contener:hover #popin-declaration-nojs, .popin-contener #popin-declaration-js.popin_show { display: block; width: 800px; height: 400px; border: 2px solid red; z-index: 50; position: relative; top: -400px; background: #fff; } .bonus-5euros { font-weight: bold; padding: 5px 0 10px 0; color: #11979c; } .body-fdd-sans-nav #identity h1 { margin-right: 10px; } .body-fdd-sans-nav .bloc-compteur-res-soc #donation-counter #donation-counter-texte { font-size: 170%; } /* surcharges generales */ .block-title, a, a:link, #footer a:visited, #footer a:hover, #footer a:active{color:#004c5b;} /* MENU */ /* cacher les niveaux 2 et supperieurs */ #navigation ul li ul{display:none;} /* surcharge FOOTER */ #footer{width:1024px; margin:/*2*/0px auto 0;} #footer-3{color:#535353;} #footer-3 p{margin:0;} .suivez-nous li {margin-left:-4px;} /* baisser le 'core' pour laisser la place au header */ #core{margin:179px 0 0 0; font-size:.80em;} /* Ne pas le baisser si sans nav */ body.body-fdd-sans-nav #core { margin-top : 0; } @media screen and (max-device-width:320px){ #headerMenu, #page, #footer{width:320px;} } /* Si en, pas de header */ #page.language_en #core { margin-top: 0; } #page.language_en .hat { text-align: center; } body.body-fdd-sans-nav h1#logo { float: none; background: #F3F3F2; } body.body-fdd-sans-nav h1 a#logoFranceTv { margin-left: 15px; position: relative; top: 0; right: 0; } /* Adaptation portail, pbs service web à corriger */ /* Mantis 1314 */ [href^="tel"], .tel a { background: none repeat scroll 0 0 transparent !important; } /* header sans nav */ #page.haut-sans-nav #skipHeader1, #page.haut-sans-nav #block-block-19, #page.haut-sans-nav #navigation, .hidden { display: none; } #page.haut-sans-nav #header .region-header-2 #block-compteur-telethon-compteur-telethon.faites-un-don-scroll { position: relative; top: 0px !important; right: 357px; } #page.haut-sans-nav .region-header-2 { padding: 5px 0 8px 12px; width: auto; background: #F3F3F2; float: right; } #skip-link { display: none; } /*--- compteur de don, styles spécifique sans bouton faite un don ----*/ #header .region-header-2 #block-compteur-telethon-compteur-telethon { right: 357px; } #header .region-header-2 .faites-un-don-scroll #block_compteur_telethon_compteur #block_compteur_telethon_compteur_texte span { float:right; } #header .region-header-2 .faites-un-don-scroll #block_compteur_telethon_compteur { width: auto; clear: both; } #header .region-header-2 .faites-un-don-scroll #block_compteur_telethon_compteur #block_compteur_telethon_compteur_texte { width: auto !important; clear: both; } #header .region-header-2 .faites-un-don-scroll .decompte #block_compteur_telethon_compteur #block_compteur_telethon_compteur_img { float: right; } #header .region-header-2 .faites-un-don-scroll { right: 357px; } #block_compteur_telethon_compteur_img{display:inline-block;} #header .region-header-2 .faites-un-don-scroll #block_compteur_telethon_compteur #block_compteur_telethon_compteur_texte{text-align:left !important; display:block; /* suppression position absolute sur texte sous compteur */ position:static !important; margin:0 !important; } #header .region-header-2 .faites-un-don-scroll .decompte #block_compteur_telethon_compteur #block_compteur_telethon_compteur_img{padding:8px 35px 0 30px !important; border-radius:5px !important; -webkit-border-radius:5px !important; -moz-border-radius:5px !important; -o-border-radius:5px !important;} #header .region-header-2 .faites-un-don-scroll .somme #block_compteur_telethon_compteur #block_compteur_telethon_compteur_texte span { float: none; } #header .region-header-2 .faites-un-don-scroll .somme #block_compteur_telethon_compteur #block_compteur_telethon_compteur_texte { text-align: center !important; } #header .region-header-2 .faites-un-don-scroll .somme #block_compteur_telethon_compteur #block_compteur_telethon_compteur_img { float: right; } @media screen and (min-width: 1030px){ #page.haut-sans-nav #core { margin-top: 68px; } } @media screen and (max-width: 1029px){ #header .region-header-2 .faites-un-don-scroll{right:257px !important;} } @media screen and (min-width: 1393px) { #header .region-header-2 #block-compteur-telethon-compteur-telethon { right: 477px !important; } } @media screen and (max-width: 330px){ #skip-link { display: block; } } /*--- moteur de recherche dans le header devient un lien vers page sécurisée ----*/ #block-apachesolr-panels-search-form a{color:#535353;} #header .region-header-1 .block-apachesolr-panels{background-image:none; padding-left:15px;} #header .region-header-1 .block-apachesolr-panels .content a{background:url("../portailservicewebtopbottom/images/picto-loupe.gif") no-repeat left center #ffffff; padding:6px 0 5px 25px;} @media screen and (min-width: 1393px){ #header .region-header-1 .block-apachesolr-panels .content a{background-image:url("../portailservicewebtopbottom/images/picto-loupe_1392.gif"); padding:7px 0 7px 40px;} } @media screen and (max-width: 1030px){ #header .region-header-1 .block-apachesolr-panels .content a{background-image:url("../portailservicewebtopbottom/images/picto-loupe_768.gif"); padding-top:3px; padding-bottom:4px;} } /* Bandeau Wordline */ .bottom-wordline { padding: 11px 22px 8px; border-top: 1px solid #d3d3d3; } .bottom-wordline img { width: 118px; height: 52px; } .bottom-wordline img, .bottom-wordline p { display: inline-block; vertical-align: middle; } .bottom-wordline p { font-family:"opensans-semibold", Arial, Verdana, sans-serif; font-size: 1.607em; color: #3f3e3e; margin-left: 25px; } @media screen and (min-width: 1393px){ .bottom-wordline { padding: 8px 29px 6px; } .bottom-wordline img { width: 156px; height: 70px; } .bottom-wordline p { font-size: 1.602em; margin-left: 40px; } } @media screen and (max-width: 1030px){ .bottom-wordline { padding: 8px 14px 3px 16px; } .bottom-wordline img { width: 91px; height: 41px; } .bottom-wordline p { font-size: 1.250em; margin-left: 7px; } } /* Pages SEO */ .bottom-seo { border-top: 1px solid #d3d3d3; padding: 10px 0 10px 23px; font-size: 1.1em; } .bottom-seo .block-title { color: #565656; display: inline-block; vertical-align: bottom; } .bottom-seo nav { display: inline-block; } .bottom-seo ul { list-style: outside none none; margin: 0; padding: 0; } .bottom-seo li { border-left: 1px solid #d3d3d3; display: inline-block; padding: 0px 5px; } .bottom-seo li:first-child { border-left: 0px; } .texte-seo { margin: 0 22px; } .texte-seo h2 { margin: 20px 0; }