/* ========================================================================== Base styles: opinionated defaults ========================================================================== */ html { color: #222; font-size: 1em; line-height: 1.4; } ::-moz-selection { background: #b3d4fc; text-shadow: none; } ::selection { background: #b3d4fc; text-shadow: none; } hr { display: block; height: 1px; border: 0; border-top: 1px solid #478B5C; margin: 1em 0; padding: 0; } audio, canvas, iframe, img, svg, video { vertical-align: middle; } fieldset { border: 0; margin: 0; padding: 0; } textarea { resize: vertical; } /* ========================================================================== PLUGINS ========================================================================== */ /* MAGNIFIC POPUP */ .mfp-bg{top:0;left:0;width:100%;height:100%;z-index:1042;overflow:hidden;position:fixed;background:#0b0b0b;opacity:.8}.mfp-wrap{top:0;left:0;width:100%;height:100%;z-index:1043;position:fixed;outline:0!important;-webkit-backface-visibility:hidden}.mfp-container{text-align:center;position:absolute;width:100%;height:100%;left:0;top:0;padding:0 8px;box-sizing:border-box}.mfp-container:before{content:'';display:inline-block;height:100%;vertical-align:middle}.mfp-align-top .mfp-container:before{display:none}.mfp-content{position:relative;display:inline-block;vertical-align:middle;margin:0 auto;text-align:left;z-index:1045}.mfp-ajax-holder .mfp-content,.mfp-inline-holder .mfp-content{width:100%;cursor:auto}.mfp-ajax-cur{cursor:progress}.mfp-zoom-out-cur,.mfp-zoom-out-cur .mfp-image-holder .mfp-close{cursor:-moz-zoom-out;cursor:-webkit-zoom-out;cursor:zoom-out}.mfp-zoom{cursor:pointer;cursor:-webkit-zoom-in;cursor:-moz-zoom-in;cursor:zoom-in}.mfp-auto-cursor .mfp-content{cursor:auto}.mfp-arrow,.mfp-close,.mfp-counter,.mfp-preloader{-webkit-user-select:none;-moz-user-select:none;user-select:none}.mfp-loading.mfp-figure{display:none}.mfp-hide{display:none!important}.mfp-preloader{color:#ccc;position:absolute;top:50%;width:auto;text-align:center;margin-top:-.8em;left:8px;right:8px;z-index:1044}.mfp-preloader a{color:#ccc}.mfp-preloader a:hover{color:#fff}.mfp-s-ready .mfp-preloader{display:none}.mfp-s-error .mfp-content{display:none}button.mfp-arrow,button.mfp-close{overflow:visible;cursor:pointer;background:0 0;border:0;-webkit-appearance:none;display:block;outline:0;padding:0;z-index:1046;box-shadow:none;touch-action:manipulation}button::-moz-focus-inner{padding:0;border:0}.mfp-close{width:44px;height:44px;line-height:44px;position:absolute;right:0;top:0;text-decoration:none;text-align:center;opacity:.65;padding:0 0 18px 10px;color:#fff;font-style:normal;font-size:28px;font-family:Arial,Baskerville,monospace}.mfp-close:focus,.mfp-close:hover{opacity:1}.mfp-close:active{top:1px}.mfp-close-btn-in .mfp-close{color:#333}.mfp-iframe-holder .mfp-close,.mfp-image-holder .mfp-close{color:#fff;right:-6px;text-align:right;padding-right:6px;width:100%}.mfp-counter{position:absolute;top:0;right:0;color:#ccc;font-size:12px;line-height:18px;white-space:nowrap}.mfp-arrow{position:absolute;opacity:.65;margin:0;top:50%;margin-top:-55px;padding:0;width:90px;height:110px;-webkit-tap-highlight-color:transparent}.mfp-arrow:active{margin-top:-54px}.mfp-arrow:focus,.mfp-arrow:hover{opacity:1}.mfp-arrow:after,.mfp-arrow:before{content:'';display:block;width:0;height:0;position:absolute;left:0;top:0;margin-top:35px;margin-left:35px;border:medium inset transparent}.mfp-arrow:after{border-top-width:13px;border-bottom-width:13px;top:8px}.mfp-arrow:before{border-top-width:21px;border-bottom-width:21px;opacity:.7}.mfp-arrow-left{left:0}.mfp-arrow-left:after{border-right:17px solid #fff;margin-left:31px}.mfp-arrow-left:before{margin-left:25px;border-right:27px solid #3f3f3f}.mfp-arrow-right{right:0}.mfp-arrow-right:after{border-left:17px solid #fff;margin-left:39px}.mfp-arrow-right:before{border-left:27px solid #3f3f3f}.mfp-iframe-holder{padding-top:40px;padding-bottom:40px}.mfp-iframe-holder .mfp-content{line-height:0;width:100%;max-width:900px}.mfp-iframe-holder .mfp-close{top:-40px}.mfp-iframe-scaler{width:100%;height:0;overflow:hidden;padding-top:56.25%}.mfp-iframe-scaler iframe{position:absolute;display:block;top:0;left:0;width:100%;height:100%;box-shadow:0 0 8px rgba(0,0,0,.6);background:#000}img.mfp-img{width:auto;max-width:100%;height:auto;display:block;line-height:0;box-sizing:border-box;padding:40px 0 40px;margin:0 auto}.mfp-figure{line-height:0}.mfp-figure:after{content:'';position:absolute;left:0;top:40px;bottom:40px;display:block;right:0;width:auto;height:auto;z-index:-1;box-shadow:0 0 8px rgba(0,0,0,.6);background:#444}.mfp-figure small{color:#bdbdbd;display:block;font-size:12px;line-height:14px}.mfp-figure figure{margin:0}.mfp-bottom-bar{margin-top:-36px;position:absolute;top:100%;left:0;width:100%;cursor:auto}.mfp-title{text-align:left;line-height:18px;color:#f3f3f3;word-wrap:break-word;padding-right:36px}.mfp-image-holder .mfp-content{max-width:100%}.mfp-gallery .mfp-image-holder .mfp-figure{cursor:pointer}@media screen and (max-width:800px) and (orientation:landscape),screen and (max-height:300px){.mfp-img-mobile .mfp-image-holder{padding-left:0;padding-right:0}.mfp-img-mobile img.mfp-img{padding:0}.mfp-img-mobile .mfp-figure:after{top:0;bottom:0}.mfp-img-mobile .mfp-figure small{display:inline;margin-left:5px}.mfp-img-mobile .mfp-bottom-bar{background:rgba(0,0,0,.6);bottom:0;margin:0;top:auto;padding:3px 5px;position:fixed;box-sizing:border-box}.mfp-img-mobile .mfp-bottom-bar:empty{padding:0}.mfp-img-mobile .mfp-counter{right:5px;top:3px}.mfp-img-mobile .mfp-close{top:0;right:0;width:35px;height:35px;line-height:35px;background:rgba(0,0,0,.6);position:fixed;text-align:center;padding:0}}@media all and (max-width:900px){.mfp-arrow{-webkit-transform:scale(.75);transform:scale(.75)}.mfp-arrow-left{-webkit-transform-origin:0;transform-origin:0}.mfp-arrow-right{-webkit-transform-origin:100%;transform-origin:100%}.mfp-container{padding-left:6px;padding-right:6px}} /* ========================================================================== @author: Thomas Rambaud @website: http://thomasrambaud.com @copyright 2018 ========================================================================== */ /* font-family: 'Roboto Condensed', sans-serif; */ @font-face { font-family: 'LouvreSerifRegular'; src: url('../fonts/LouvreSerifRegular.eot'); src: url('../fonts/LouvreSerifRegular.eot') format('embedded-opentype'), url('../fonts/LouvreSerifRegular.woff2') format('woff2'), url('../fonts/LouvreSerifRegular.woff') format('woff'), url('../fonts/LouvreSerifRegular.ttf') format('truetype'), url('../fonts/LouvreSerifRegular.svg#LouvreSerifRegular') format('svg'); } @font-face { font-family: 'LouvreSansMedium'; src: url('../fonts/LouvreSansMedium.eot'); src: url('../fonts/LouvreSansMedium.eot') format('embedded-opentype'), url('../fonts/LouvreSansMedium.woff2') format('woff2'), url('../fonts/LouvreSansMedium.woff') format('woff'), url('../fonts/LouvreSansMedium.ttf') format('truetype'), url('../fonts/LouvreSansMedium.svg#LouvreSansMedium') format('svg'); } @font-face { font-family: 'LouvreSansRegular'; src: url('../fonts/LouvreSansRegular.eot'); src: url('../fonts/LouvreSansRegular.eot') format('embedded-opentype'), url('../fonts/LouvreSansRegular.woff2') format('woff2'), url('../fonts/LouvreSansRegular.woff') format('woff'), url('../fonts/LouvreSansRegular.ttf') format('truetype'), url('../fonts/LouvreSansRegular.svg#LouvreSansRegular') format('svg'); } @font-face { font-family: 'LouvreSerifMedium'; src: url('../fonts/LouvreSerifMedium.eot'); src: url('../fonts/LouvreSerifMedium.eot') format('embedded-opentype'), url('../fonts/LouvreSerifMedium.woff2') format('woff2'), url('../fonts/LouvreSerifMedium.woff') format('woff'), url('../fonts/LouvreSerifMedium.ttf') format('truetype'), url('../fonts/LouvreSerifMedium.svg#LouvreSerifMedium') format('svg'); } ::-webkit-input-placeholder { /* WebKit, Blink, Edge */ color: #bbb; } :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #bbb; opacity: 1; } ::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #bbb; opacity: 1; } :-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #bbb; } ::-ms-input-placeholder { /* Microsoft Edge */ color: #bbb; } html, body {margin:0 !important;padding:0 !important;} body {font-family: 'LouvreSansMedium';font-size:15px;background:#fff;overflow-x: hidden;} a {text-decoration: none;} ul,li {margin: 0;list-style-type: none;} textarea, select, input {border:none;} p,h1,h2,h3,h4,h5 {font-weight: normal;margin-top:0;} sup {font-size:57%;font-family: sans-serif;text-transform: none;top:-.7em;} input, textarea, select {outline:0;background: none;outline: 0;box-shadow: none;border: solid 1px #D8D8D8;padding: 15px 25px;width: auto;display: inline-block;border-radius: 25px;color:#fff;box-sizing: border-box;color:#000;} input:disabled, textarea:disabled {background:#f5f5f5;} .hcontainer {margin:0 auto;max-width:1200px;position: relative;width:100%;} .valign1 {display: table;width:100%;height: 100%;} .valign2 {display: table-cell;width:100%;vertical-align: middle;} .valign2 > div {display: inline-block;width: 100%;} .w50, .w20, .w25, .w33, .w66 {float:left;} .mfp-fade.mfp-bg {opacity: 0;-webkit-transition: all 0.35s ease-out;-moz-transition: all 0.35s ease-out;transition: all 0.35s ease-out;} .mfp-fade.mfp-bg.mfp-ready {opacity: 0.8;} .mfp-fade.mfp-bg.mfp-removing {opacity: 0;} .mfp-fade.mfp-wrap .mfp-content {opacity: 0;-webkit-transition: all 0.15s ease-out;-moz-transition: all 0.15s ease-out;transition: all 0.15s ease-out;} .mfp-fade.mfp-wrap.mfp-ready .mfp-content {opacity: 1;} .mfp-fade.mfp-wrap.mfp-removing .mfp-content {opacity: 0;} .mfp-title {font-family: 'Roboto Condensed', sans-serif;text-align: center;} .w50 {width:50%;} .w20 {width:20%;} .w25 {width:25%;} .w33 {width:33.3333%;} .w66 {width:66.6666%;} .actu {} .actu .img {height: 400px;background-size: cover; background-repeat: no-repeat; background-position: center center;} .actu a {color: #000;text-decoration: none;transition: all 250ms linear;display: block;} .actu a:hover {opacity: 0.8;} .actu .date {margin: 0 !important; padding: 0px 0 10px 0;text-align: center;} .actu time {font-size: 14px;line-height: 17px;font-family: 'Roboto Condensed';text-transform: uppercase;color:#000;} .actu time strong {font-weight: normal !important;} .actu-content {padding: 30px 30px;} .actu-content h3 {font-family: 'Roboto Condensed', sans-serif !important;font-weight: bold;font-size: 24px !important;line-height: 29px !important;margin-bottom: 13px;padding-bottom: 0 !important;} .actu-content p {font-size: 15px;font-family: 'Roboto Condensed', sans-serif;line-height: 18px;} .smaller {font-size: 14px;} .cta-container {text-align: center;} .cta {border:none;outline:0;display: inline-block;background: #DAF260;text-transform: uppercase;font-size:13px;color:#000;border-radius: 25px;padding:10px 27px;box-sizing: border-box;text-decoration: none !important;transition:all 250ms linear;font-family:'LouvreSansMedium' !important;cursor:pointer;} .cta.active, .cta:hover {background:#000;color:#DAF260;} .field-group .w50 {padding-right: 10px;box-sizing: border-box;} .field-group .w50 + .w50 {padding-left: 10px;padding-right: 0;} .field-group, .field {margin-bottom: 20px;} .subtitle {font-family: 'LouvreSansMedium'; font-size: 18px; line-height: 24px;} .pdf-link {background: url(../img/ico-pdf.png) no-repeat left center;padding-left: 30px;font-weight: bold;display: inline-block;min-height: 25px;} .round-button {width: 50px;height: 50px;border: solid 1px #fff; box-sizing: border-box;text-align: center;padding-top:25px;transition:all 250ms linear;cursor:pointer;border-radius:50%;display:inline-block;color:#fff;font-weight:bold;line-height:1px;font-family:'LouvreSansRegular';} .round-button:hover, .round-button.active {background:#fff;color: #000;} #burger-menu {position: fixed;top:5px;left: 5px;z-index: 101;width:50px;height: 50px;display: none;background:#000;padding-top:4px;border-radius: 7px;box-sizing: border-box;} #burger-menu span {display: block;width: 61%;background: #fff;height: 3px;margin: 8px auto 0 auto;transition:all 250ms linear;position: relative;} #burger-menu.active span:first-child {transform:rotate(-45deg);transform-origin: center center;top:11px;} #burger-menu.active span:first-child + span {transform:rotate(45deg);transform-origin: center center;} #burger-menu.active span:last-child {opacity: 0;} button {cursor: pointer;} button.cta {border:none;outline:0;} .g-recaptcha > div {margin:auto;padding-bottom: 25px;} .loading {position: relative;} .loading::after {content: ' ';background:url(../img/loading.svg) no-repeat top left;position: absolute;top:50%;left:50%;background-size:80px 80px;margin-left:-40px;margin-top:-40px;display:block;width:80px;height:80px;} .only-mobile {display: none !important;} .overflow-container {overflow: hidden;} .overflow {position: relative;} #hashtag {font-size:14px;color:#000;text-transform: uppercase;position: absolute;top:25px;left:90px;color:#fff;} #aside {width:240px;background:#F6F6F6;text-align: center;box-sizing: border-box;font-size:12px;height: 100vh;min-height: 816px;position: relative;position:fixed;top:0;left:0;} #aside-content {padding:18px 15px 5px 15px;} #aside .fb {} #aside .twitter {position: relative;top: 3px;} #aside .insta {} #aside nav a br {display: none;} #aside #social a {transition: all 250ms linear;padding-right: 8px;} #aside #social a:last-child {padding-right: 0;} #aside #social a:hover {opacity: 0.85;} #aside nav {border-top: solid 1px #979797;padding-top: 22px;margin-top: 22px;max-width: 183px;margin: 22px auto 0 auto} #aside nav a {font-size:12px;text-transform: uppercase;display: block;margin-bottom: 18px;color:#000;text-decoration: none;} #aside a:hover {text-decoration: underline;} #aside #nav2 a {font-size:10px;margin-bottom: 16px;} #aside nav a + div {display: none;position: relative;top:-10px;} #aside nav a + div a {margin-bottom: 10px;} #counter {background:#83D283;padding:10px 0;padding:10px 15px 20px 15px;position:absolute;bottom:0;left:0;width:100%;box-sizing: border-box;} #counter-container {width:144px;height: 180px;margin:auto;background:url(../img/statue-empty.png) no-repeat bottom center;position: relative;margin-bottom: 12px;} #counter-full {background:url(../img/statue.png) no-repeat bottom center;position: absolute;bottom:0;left:0;width:100%;} #counter p {margin:0;padding:0;} #counter #percent {font-size: 45px;color: #FFF;padding-top: 47px;padding-bottom: 1px;position: relative;z-index: 1;border-bottom: solid 1px #FFF;margin-bottom: 2px;} #counter #count {font-size:40px;color:#FFF;position: relative;z-index: 1;} #counter #donors {font-size:11px;color:#FFF;position: relative;z-index: 1;line-height: 5px;} #counter #objective {font-size:12px;color:#485758;line-height: 20px;} #counter #objective span {font-size:24px;display: block;} #counter #remaining {font-size:14px;color:#fff;text-transform: uppercase;border-top:solid 1px #d69e00;margin-top:10px;padding:15px 0;} #counter #remaining-days {color:#485758;} #counter .cta-container {margin:20px 0 10px 0;} #counter #mention {font-size:12px;color:#485758;font-family: 'Roboto Condensed', sans-serif;font-style: normal;text-transform: none;padding-top:5px;} #site {width: calc(100% - 240px);float:right;background:#fff;} #header {height: 130px;text-align: center;background:#000;position: relative;} #langs {position: absolute;top:25px;right: 90px;} #langs a, #aside-langs a {color:#fff;position: relative;text-decoration: none;font-size:14px;margin-left: 13px;} #langs .active::after, #aside-langs .active::after {width:100%;position: absolute;bottom:-6px;left:0;content: ' ';height:1px;background:#fbba00;} #aside-langs {display: none;} #footer {background:#000;padding:60px 0 30px 0;clear: both;} #footer .hcontainer {max-width: 1200px;margin:auto;} #footer .left, #footer .middle, #footer .right {float:left;width:33.3333%;box-sizing: border-box;text-align: center;} #footer-logos img {margin-top:20px;} #footer-logos p {font-size:10px;text-transform: uppercase;position: relative;color:#fff;} #footer-logos p::after {content:' ';width:10px;height:1px;display: block;background:#fff;position: absolute;bottom:-25px;left:50%;margin-left:-5px;} #footer-logos .middle img {margin-top:0;margin-bottom: 20px;} #footer-logos .right {text-align: right;} #footer-logos .right img {margin-top:30px;} #footer-links {margin:60px 0 30px 0;} #footer-links a {color:#fff;text-decoration: none;font-size:13px;display: block;margin-bottom: 20px;text-transform: uppercase;} #footer-links a:hover {text-decoration: underline;} #footer-links .left, #footer-links .middle, #footer-links .right {text-align: left;} #footer-links .middle {padding-left: 118px;} #footer-sidelinks {color:#fff;text-align: right;font-family: 'Roboto Condensed', sans-serif;} #footer-sidelinks a {text-transform: none;font-size: 12px;display: inline-block;} #footer-social {text-align: right;padding-top:25px;padding-right: 115px;} #footer-social a {display: inline-block;margin-right: 10px;} html[lang="en-GB"] #footer-social {padding-right: 73px;} #footer-copyright {clear: both;padding-top:30px;} #footer-copyright p {font-size:12px;color:#666;text-align: center;padding:30px 0;font-family: 'Roboto Condensed', sans-serif;} #home-banner {background:#f0f0f0 url(../img/keyvisual-big.jpg) no-repeat 0 0; background-size: 100% auto;height: calc(138vh - 130px);position: relative;min-height: 700px;} #home-banner h2 {font-family: 'LouvreSerifRegular';font-size: 80px;color: #AFDFF9;text-transform: uppercase;padding: 15px 0 10px 0;margin: 0;line-height: 85px;position: relative;z-index:1;letter-spacing:8px;} #home-banner h2 span {letter-spacing: 17px;} #home-banner h2 em {font-style: normal;} html[lang="en-GB"] #home-banner h2 span {font-size: 68px;line-height: 75px;display: block;margin-top: 24px;} html[lang="en-GB"] #home-banner h2 span em {display: block;line-height: 62px;margin-top: -19px;font-size:40px;} html[lang="en-GB"] #home-banner .txt {font-size: 38px;} html[lang="en-GB"] #home-banner .play span {top:-15px;} #home-banner .texts {text-align: center;box-sizing: border-box;position: relative;height: calc(100vh - 130px);max-width: 1200px;margin:auto;padding-top:70px;position: relative;min-height: 700px} #home-banner .txt {font-family: 'LouvreSerifRegular';font-size:40px;color:#DAF260;padding-top:25px;position: relative;z-index:1;padding-bottom: 55px;margin-bottom:55px;line-height: 53px;letter-spacing: 5px;} #home-banner .play {background: url(../img/play-video.png) no-repeat top left;width: 88px;height: 88px;display: block;z-index: 1;position: absolute;bottom: 100px;right: 133px;margin: 0;} #home-banner .play span {font-family: 'LouvreSansMedium';color: #FFF;text-transform: uppercase;font-size: 32px;display: block;text-align: right;width: 322px;line-height: 38px;position: absolute;top: 3px;right: 100px;text-shadow: 1px 1px 5px rgba(0,0,0,0.5);} #news {padding: 100px 100px 50px 100px;position: relative;} #news h2 {font-family: 'LouvreSerifMedium';font-size:30px;padding: 0 0 100px 0;line-height: 44px;} #news-list-container {overflow: hidden;position:relative;top:-10px;} #news-list {width: 4000px;} #news .news-sized {float: left; width: 318px;padding-right: 20px; box-sizing: border-box;min-height: 160px;} #news .news-sized:last-child {padding-right: 0;} #news-pics {position: relative;margin-top:-150px;margin-bottom: 1px;} #news-pics:after {content:' ';display: block; height: 1px; width: 100%; position: absolute; top: -80px; left:0; background: #D8D8D8;position: relative;} #news .news-pic0, #news .news-pic1, #news .news-pic2 {background-repeat: no-repeat;background-position: center center;background-size: auto;position: relative;z-index: 1;height: 216px;} #news .news-pic0 {background-image:url(../img/pousse1.png);} #news .news-pic1 {background-image:url(../img/pousse2.png);} #news .news-pic2 {background-image:url(../img/pousse3.png);} #news.page .news-sized {width: 25%;padding-right: 30px;padding-right: 30px;margin-bottom: 50px;display: block !important;} #news-arrows {position: absolute; top: 100px; right: 100px;z-index: 1;} #news-arrows .round-button {margin-right: 10px;border-color: #DAF260;color:#000;} #news-arrows .round-button:last-child {margin-right: 0;} #news-arrows .round-button:hover, #news-arrows .round-button.active {background:#DAF260;} #modules {height: 800px;padding-bottom: 100px;overflow: hidden;} #modules > div, #modules > div > div, #modules a {height: 100%;display: block;position: relative;} #modules a {text-decoration: none;overflow: hidden;color: #fff;background-repeat: no-repeat; background-position: center center; background-size:100% auto;text-align: center;font-family: 'LouvreSerifMedium';font-size: 30px;line-height: 40px;padding-top: 15px;transition:all 500ms linear;} #modules .w50:first-child {position: relative; z-index: 1;transform:scale(1.018) translateY(25px);transform-origin: top left;} #modules .w50 + .w50 {transform: scale(1.018);transform-origin: top right;} #modules h3 {padding-top: 25px;margin-bottom: 0;transition: all 600ms ease;} #modules h3 + p {font-family: 'Roboto Condensed';font-size: 18px;max-width: 400px;margin: auto;line-height: 22px;padding: 0 20px;height: 1px; opacity: 0;transform:translateY(50px); transition: all 600ms ease;} #modules .valign2 div {text-shadow: 1px 1px 12px rgba(0,0,0,0.35);position: relative;z-index: 1;} #modules a img {transition: all 600ms ease;} #modules a:after {content: ' ';display:block;position: absolute;top:0;left:0;width:100%;height: 100%;background:rgba(0,0,0,0.5);opacity: 0;transition: all 350ms linear;transform:scale(1.018);} #modules a:hover:after {opacity: 1;} #modules a:hover h3 {margin-bottom: 20px;} #modules a:hover h3 + p {transform:translateY(0);opacity: 1;} #modules + #devenez-mecene {margin-top:500px;} #home-livre-dor {padding: 90px 0 100px 0;} #home-livre-dor h2 {text-align: center;font-family: 'LouvreSerifMedium';font-size: 30px;line-height: 40px;} #home-livre-dor-list {position: relative;height: 170px;padding-bottom: 35px;} #home-livre-dor-list blockquote {position: absolute; width: 570px; left: 50%; top: 0; margin-left: -285px;display: none;font-family: 'Roboto Condensed', sans-serif;font-size: 20px;text-align:center;line-height: 24px;} #home-livre-dor-list blockquote p {margin: 0;} #home-livre-dor-list blockquote strong {font-size: 16px;text-transform: uppercase;display: block;padding-top: 15px;} #home-livre-dor-list blockquote:first-child {display: block;} #page-banner {height: 350px;background:#f0f0f0 url(../img/header-default.jpg);background-repeat: no-repeat;background-position: center center;background-size:cover;} #page-banner h2 {font-family: 'LouvreSerifMedium';font-size: 40px; line-height: 53px; color: #fff;text-align: center;margin-bottom: 0;} #page-content {font-size:16px;font-family: 'Roboto Condensed', sans-serif;font-weight:normal;line-height: 19px;letter-spacing: 1px;} #page-content .vc_row {margin:0 0 100px 0;} #page-content .vc_row.nomargbot {margin-bottom: 0;} #page-content .vc_row.lowmargbot {margin-bottom: 20px;} #page-content .vc_row:last-child .wpb_column:last-child .wpb_text_column {padding-bottom: 0;} #page-content .maxwidthrow {max-width: 1100px;margin-left:auto;margin-right:auto;} #page-content p a:not(.cta), #page-content li a:not(.cta){color: #000; text-decoration: underline;} #page-content p a:not(.cta):hover, #page-content li a:not(.cta):hover {text-decoration: none;} #page-content p, #page-content li, #page-content figcaption {font-weight:normal;} #page-content p a.arrow-link {background:url(../img/arrow-right-black-small.png) no-repeat left center; padding-left: 32px;} #page-content ul, #page-content p {margin-bottom: 30px;} #page-content h2 {font-family: 'LouvreSerifMedium';font-size: 40px; line-height: 54px;padding: 100px 0;position: relative;z-index: 1;} #page-content h2 span {display: block;} #page-content h2.centered-title {text-align: center;padding-bottom: 40px;} #page-content h3 {font-size:24px;color:#000;text-transform: uppercase;font-family: 'LouvreSerifMedium';max-width: 405px;position: relative;line-height: 32px;z-index: 1;padding-bottom:30px;} #page-content h4 {font-size:20px;color:#000;text-transform: uppercase;font-family: 'LouvreSansMedium';margin:0;padding:30px 0 20px 0;} #page-content ul li {list-style-type: circle;} #page-content .small {display: inline-block; line-height: 17px;} #page-content .wpb_text_column {padding:45px 100px;} #page-content .wpb_text_column.normalpadding {padding: 80px 60px;} #page-content .wpb_text_column.nopaddbot {padding-bottom: 0;} #page-content .wpb_text_column p, #page-content .wpb_text_column ul, #page-content .wpb_text_column ol {line-height: 22px;} #page-content .wpb_text_column.paddtop {} #page-content .greenbordered {border: solid 5px #83D182;background: #fff;margin-top: -72px;padding-bottom: 0;} #page-content .paddbot {padding-bottom: 50px;} #page-content .wpb_content_element.chapo p {color: #777;font-size: 18px;text-align: center;max-width: 480px;margin: auto;padding-bottom: 0;margin-bottom: -80px;} #page-content .wpb_content_element {margin-bottom: 0;} #page-content .wpb_content_element.legend {padding: 20px 10px;} #page-content .wpb_content_element.legend p {font-size: 13px;line-height: 16px;} #page-content .wpb_content_element.borderbottom {border-bottom: solid 1px #d0d0d0;} #page-content .wpb_content_element.borderbottom p:last-child {margin-bottom: 0;} #page-content .vc_single_image-wrapper {width: 100%;} #page-content .wpb_single_image img {width: 100%;height: auto;border:solid 1px #f0f0f0;} #page-content .wpb_single_image.widthauto img {width:auto;} #page-content .wpb_single_image.noborder img {border: none;} #page-content figure {display: block;position: relative;} #page-content figcaption {position: absolute;bottom:0;left:0;width:100%;padding:20px;color:#fff;opacity: 0;transition:all 250ms linear;font-size:16px;box-sizing: border-box;z-index: 2;} #page-content figure:hover figcaption {opacity: 1;} #page-content .vc_column-inner {padding:0;} #page-content p a:not(.cta) {color:#000;text-decoration: underline;} #page-content p a:not(.cta):hover {text-decoration: none;} #page-content .fullwidth .wpb_text_column {padding:0;} #page-content strong {font-weight: 700;} #page-content a[href$="jpeg"], #page-content a[href$="jpg"], #page-content a[href$="png"] {cursor: zoom-in !important;} #page-content .galery-row .vc_figure img {padding:10px;box-sizing: border-box;transition:all 350ms linear;} #page-content .galery-row .vc_figure img:hover {transform:scale(1.03);} #page-content .bigger {font-weight: bold; font-size: 21px;line-height: 25px;display: block;} #page-content .wpb_column.rightsep {position:relative;} #page-content .wpb_column.rightsep:after {content: ' ';display: block;width:1px; height: 150px;background:#000;position: absolute;top: 40%; right: 0;margin-top:-75px;} #page-content .wpb_column.bottomsep {position: relative;padding-bottom:50px;margin-bottom: 50px;} #page-content .wpb_column.bottomsep:after {content: ' ';display: block;width:150px; height: 1px;background:#000;position: absolute;bottom: 0; left: 50%;margin-left:-75px;} #banner-row {background-size: 100% auto;background-repeat: no-repeat;} #banner-row h3 {text-align: center; margin-bottom: 10px;} #banner-row .wpb_text_column {max-width: 433px;background:#fff;margin: 300px auto 0 auto;padding-bottom: 0;} #project-header-row {background:url(../img/src/project-header-row.jpg) no-repeat bottom left; background-size: cover;margin-top:-200px !important;} #project-header-row .wpb_text_column {max-width: 433px;background:#fff;margin: 300px auto 0 auto;padding-bottom: 40px;padding-top:75px;} #page-content.actu h2 {font-family: 'LouvreSansMedium';font-size:24px;line-height: 32px;max-width: 400px;padding-bottom: 100px;} #page-content.actu .time {font-family: 'LouvreSerifMedium';color:#0064B5;font-size:13px;text-transform: uppercase;} #prevnext {text-align: center;} #prevnext a {display: inline-block;padding:10px 20px;font-weight: 700;color:#000;} #prevnext .prev {background:url(../img/arrow-left.png) no-repeat left center;padding-left: 52px;} #prevnext .next {background:url(../img/arrow-right-black.png) no-repeat right center;padding-right: 52px;} #devenez-mecene {background:#63AEDD url(../img/devenez-mecene.jpg) no-repeat top left;background-size:auto 100%;height: 500px;text-align: center;position: relative;clear:both;} body:not(.home) #devenez-mecene {overflow: hidden;} #devenez-mecene h2 {font-family: 'LouvreSerifMedium';font-size:30px;line-height: 40px;color:#fff;padding-bottom: 40px;margin-bottom:0;position: relative; z-index: 1;} #devenez-mecene img {position: absolute; bottom: 0; left: 0;width: 38%;height: auto;} #reduction-fiscale {background:#3B4F4F url(../img/reduction-fiscale.png) no-repeat bottom 30px left 130px;color:#fff;height: 450px;font-family: 'LouvreSansMedium';} #reduction-fiscale > div > div, #reduction-fiscale > div {height: 100%;} #reduction-fiscale .title {background:url(../img/statue-big.png) no-repeat center center;background-size:30% auto;box-sizing: border-box;padding:50px;position: relative;} #reduction-fiscale .title h3 {font-size: 28px;color: #fff;max-width: 405px;margin: auto;font-family: 'LouvreSansMedium';line-height: 34px;padding-left: 75px;} #reduction-fiscale #type-selection {text-align: center;padding:50px 0 30px 0;margin-bottom: 0;height: 100px;box-sizing: border-box;} #reduction-fiscale #type-selection .cta {margin:0 20px;} #reduction-fiscale #type-selection span {} #reduction-fiscale .cols > div {height: calc(100% - 150px);} #reduction-fiscale .leftcell {box-sizing: border-box;position: relative;} #reduction-fiscale .leftcell, #reduction-fiscale .rightcell {text-align: center;height: 100%;} #reduction-fiscale .leftcell::after {background:url(../img/arrow-right.png) no-repeat top left;width:36px;height: 10px;display: block;position: absolute; top: 187px;margin-top:-5px;right:-18px;content:' ';} #reduction-fiscale input {color:#fff;} #reduction-fiscale .cta {background:none;border: solid 2px #fff;color:#fff;} #reduction-fiscale .cta:hover, #reduction-fiscale .cta.active {background:#fff;color:#000;} #donorswall .padd {padding:40px 115px;} #donorswall nav {padding-bottom: 30px;transition: all 250ms linear;overflow: hidden;position:relative;padding-right: 50px} #donorswall nav.inactive {opacity: 0;height: 1px;padding:0;} #donorswall nav a.l {font-size:14px;font-family: 'LouvreSansMedium';display: inline-block;text-transform: uppercase;padding-right: 20px;color:#999;} #donorswall nav a.l:hover, #donorswall nav a.l.active {color:#000;position: relative;} #donorswall nav a.l:hover:after, #donorswall nav a.l.active:after {background:url(../img/circle.png) no-repeat bottom center;content: ' ';display: block;width:11px;height: 11px;position: absolute;bottom: -30px;left: 0px;} #donorswall form {opacity: 0;height: 1px;width:100%;display: block;transition:all 250ms linear;position: relative;} #donorswall form .padd > div {position: relative;} #donorswall form + .padd {padding-bottom: 0;} #donorswall form.active {opacity: 1;height: 71px;z-index: 4;} #donorswall form input {width:100%;display: block;} #donorswall form button {background: none;border: none;box-shadow: none;outline: 0;position: absolute;top: 11px;right: 15px;} #donorswall #lookup-donor {cursor: pointer;transition:all 250ms linear;position: absolute;top:0;right:0;} #donorswall #lookup-donor:hover {opacity: 0.8;} #donorswall-heading {border-bottom:solid 1px #D8D8D8;background:#fff;padding-bottom: 20px;position: relative;z-index: 2;} #donors-lists h3 {font-family: 'LouvreSerifRegular';font-size:150px;color:#83D182;line-height: 200px;margin-bottom: 0;padding-bottom: 0;position: relative;left:-6px;} #donors-lists .list {} #donors-lists .list p {font-size:16px;line-height: 24px;margin:0;padding:0;width:33%;display: inline-block;} #donors-lists .letter-group {border-bottom:solid 1px #D8D8D8;padding-bottom: 70px;margin-bottom: 50px;} #donors-lists .letter-group:last-child {border:none;} #donors-close-search {font-size: 12px;padding-top: 4px;padding-left: 26px;color: #d9d9d9;} #donors-close-search a {color:#545454 !important;} #guestbook {padding:40px 0 0 0;} #guestbook-form {max-width: 750px;margin:auto;display: none;padding-bottom: 0;} #guestbook-form textarea, #guestbook-form input {display: block;width:100%;} #guestbook-form textarea {height: 100px;} #guestbook .success {text-align: center;} #publish-message {padding-bottom: 20px;margin-top:20px;} #guestbook-msgs {padding: 100px 100px 100px 100px;background:#F0F0F0;margin-top:50px;display: flex;flex-wrap: wrap;} #guestbook-msgs blockquote {position: relative;box-sizing: border-box;flex: 1 0 calc(33.3333% - 20px);font-size: 16px;line-height: 19px;margin: 0;padding: 87px 75px 40px 75px;background: #FFF url(../img/quote.png) no-repeat top 20px left 73px;margin-bottom: 20px;margin-right: 10px;margin-left: 10px;} #guestbook-msgs blockquote::after {content: '“'; display: block;position: absolute;top:35px;left:40px;font-family: 'LouvreSerifRegular';font-size: 150px;line-height: 200px; color:#FFF;} #guestbook-msgs blockquote p {position: relative;z-index: 1;margin:0;padding:0;} #guestbook-msgs blockquote strong {display: block; padding-top: 15px;} #contact-form {padding:0;} #contact-form {max-width: 750px;margin:auto;padding-bottom: 0;} #contact-form textarea, #contact-form input {display: block;width:100%; margin-top: 11px;} #contact-form textarea {height: 160px;} #contact-form label {font-weight: 700;padding-left: 10px;text-transform: uppercase;} #contact-form .group input {width:auto;display: inline-block;} #contact-form .group {display: inline-block;margin-left: 30px;} #contact-form select {margin-left: 30px;} #contact .success {text-align: center;} #contact hr {margin-top: 50px;} #game {padding: 75px 100px 100px 100px;background:#F0F0F0;margin-top:50px;} #game .item {width: 33.3333%;float: left;height: 410px;padding: 10px;box-sizing: border-box;} #game .item > div {width: 100%; height: 100%;position: relative;cursor: pointer;background-size: cover;} #game .item > div:after {display: block;content: ' ';position: absolute;top:0;left:0;width:100%;height: 100%;background:rgba(0,0,0,0.8);z-index: 1;transition: all 250ms linear;opacity:0;} #game .item > div .caption {transition: all 250ms linear;opacity: 0;position:absolute;top: 0;left:0;width:100%;height: 100%;font-size:14px;text-align: center;padding: 30px;box-sizing:border-box;z-index:2;color:#fff;overflow:hidden; text-overflow: ellipsis;} #game .item > div .likes {display:none;} #game .item > div:hover .caption {opacity: 1;} #game .item > div:hover:after {opacity: 1;} #histoire-nav {border-bottom: solid 1px #D8D8D8;text-align: center;margin-bottom: 50px;margin-top:-100px;position: relative;z-index: 1;} #histoire-nav a {display: inline-block;text-align: center;width: 240px;font-family: 'LouvreSansMedium';font-size: 12px;line-height: 16px; color:#999;transition: all 400ms linear;margin-right: 30px;padding-bottom:35px;position:relative;padding-top:40px;} #histoire-nav a:after {content:' '; display: block; background:url(../img/oval.png) no-repeat bottom center; width: 16px; height: 16px;position:absolute; bottom: 0; left: 50%; margin-left:-8px;bottom: -8px;} #histoire-nav a:before {content: ' '; display: block; height: 15px; width: 1px; background: #999;position:absolute; bottom: 15px;left: 50%;} #histoire-nav a:last-child {margin-right: 0;} #histoire-nav a strong {font-family: 'LouvreSerifRegular';font-size: 19px; line-height: 27px; color: #000;opacity: 0;transition: all 400ms linear;transform:translateY(-15px);display:block;padding-bottom: 10px;position: absolute;top: 5px;width: 330px;left: 50%;margin-left: -165px;} #histoire-nav a:hover, #histoire-nav a.active {color: #000;} #histoire-nav a.active strong, #histoire-nav a:hover strong {opacity: 1;transform:translateY(0);} #histoire-nav a.active:after {background-image:url(../img/oval-filled.png);} #histoire-nav a.active:before {background-color:#000;} #objectif-tuileries h2 {font-family: 'LouvreSerifMedium';font-size: 40px; line-height: 40px;margin: 0; padding: 0;} #objectif-tuileries h2 span {color: #83D182;display: inline;} #objectif-tuileries-header {max-width: 1218px !important;} #objectif-tuileries-header .w50 {background-repeat: no-repeat;background-size: cover;background-position: center center;height: 607px;} #objectif-tuileries .whitetext {background: #fff; padding: 80px 100px 40px 70px;margin-top:80px;} #objectif-tuileries-header .w50:first-child {margin-right: -20px;position: relative;z-index: 1;} #objectif-tuileries-header .w50 + .w50 {margin-left: -50px;} #sponsor {height: 790px;position: relative;min-height: 600px;max-height: 100vh;} #sponsor .mid {width: 50%;float:left;box-sizing: border-box;} #sponsor .sponsor-module {position: absolute;height: 100%;top:0;left:0;width:100%;} #sponsor-intro, #sponsor-bench {background:url(../img/parrainer-bg.jpeg) no-repeat center center; background-size: cover;} #sponsor-bench .overflow-container {background:rgba(0,0,0,0.2);} #sponsor-intro:after, #sponsor-bench:after {content:' ';display: block;width: 100%; height: 254px;background:url(../img/parrainer-ground.jpeg) no-repeat center center;background-size:cover;position:absolute;bottom:0;left:0;} #sponsor h2 {font-size: 56px;line-height: 62px;padding-bottom: 20px !important;max-width: 743px;margin: auto;font-family: 'LouvreSerifRegular';} #sponsor .chapo {max-width: 470px; margin: auto;text-align: center;} #sponsor-title {width: 100%; position: absolute; top: 0; left: 0; box-sizing: border-box;z-index: 3;} #sponsor-parts {height: 100%;} #sponsor-parts .mid {height: 100%;position: relative;z-index: 2;} #sponsor-parts .text {position: absolute; bottom: 27px; left: 0; width: 100%; box-sizing: border-box;text-align: center;} #sponsor-parts .text h3 {color: #fff; font-size: 55px; line-height: 73px;font-family: 'LouvreSansRegular';max-width: 100%;margin-bottom: 0; padding-bottom: 0;} #sponsor-parts .text h3 + p {font-weight: bold;font-size: 18px; padding: 0 0 20px 0;color: #fff;margin-bottom: 10px;} #sponsor-parts .imgs {position: absolute;bottom: 231px;left: 50%; margin-left:-175px;cursor: pointer;} #sponsor-parts .imgs img {position:absolute;bottom:0;left:0;} #sponsor-parts .mid + .mid .imgs {margin-left: -269px;bottom: 212px;} #sponsor-parts .mid:first-child:after {content: ' ';display: block;height: 157px;background:#000;width:1px;position: absolute;bottom: 50px;right: 0;} #sponsor-couple {position: absolute;bottom: 158px;z-index: 1;left: 50%;margin-left: -297px;} #sponsor .overflow-container, #sponsor .overflow {height: 100%;} #sponsor .sponsor-help {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background:rgba(0,0,0,0.85);text-align: center;z-index: 3;color:#fff;} #sponsor .sponsor-help h3 {font-family: 'LouvreSerifRegular';font-size:48px;line-height: 48px;padding:0;color:#fff;max-width: 795px;margin:0 auto;} #sponsor .sponsor-help .explanations {width:455px;margin:auto;padding-top:40px;} #sponsor .sponsor-help .explanations strong {font-family: 'LouvreSerifMedium';font-size: 60px;line-height: 80px;color:#daf260;} #sponsor .sponsor-help .w33 {position: relative;} #sponsor .sponsor-help .w33:after {width:1px; content: ' ';display: block; height: 58px;background:#fff;position: absolute;top:0;right: 0;} #sponsor .sponsor-help .w66 {padding: 17px 20px 10px 20px;box-sizing: border-box;text-align: left;} #sponsor .sponsor-tools {position: absolute;top:50px;right:50px;z-index: 2;} #sponsor .round-button.ontop {z-index: 4;} #sponsor .round-button {margin-right: 10px;} #sponsor .round-button:last-child {margin-right: 0;} #sponsor .sponsor-arrows {position: absolute;bottom:50px;width:200px;text-align: center;margin-left:-100px;left:50%;z-index: 2;} #sponsor .sponsor-module-intro {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background:rgba(0,0,0,0.85);text-align: center;z-index: 3;color:#fff;} #sponsor .sponsor-module-intro h3 {font-family: 'LouvreSerifRegular';font-size:72px;line-height: 72px;padding:0;color:#fff;max-width: 600px;margin:0 auto;margin-bottom:-10px;} #sponsor .sponsor-module-intro h3 + p {color: #fff;max-width: 366px;margin: 30px auto;} #sponsor-module-title {position: absolute;top:50px;left:0;width:100%;z-index: 1;text-align: center;} #sponsor-module-title h4 {font-family: 'LouvreSerifMedium';font-size:40px;line-height: 53px;color:#fff;margin:0;padding:0;} #sponsor-module-title h4 + p {font-weight: bold;color:#fff;margin:15px 0 0 0;padding:0;} #sponsor-module-title h4 + p span {color:#DAF260;} #sponsor .sponsor-module .item {position: absolute;top:327px;left:0;background:url(../img/tree-avail.png) no-repeat top left;display: block;width:56px;height: 56px;transition:all 250ms linear;cursor:pointer;background-size: 100% auto;} #sponsor .sponsor-module .item > * {pointer-events: none;} #sponsor .sponsor-module .item:hover, #sponsor .sponsor-module .item.active {background-image:url(../img/tree-taken.png);} #sponsor .sponsor-module .item.active {cursor: default;} #sponsor .sponsor-module .item em {position: absolute;bottom: 90px;right: -92px;width: 200px;font-style: normal;background: rgba(0,0,0,0.75);color: #fff;padding: 20px;border-radius: 10px;text-align: center;transition: all 250ms linear;opacity: 0; visibility: hidden;z-index:1;} #sponsor .sponsor-module .item em strong {font-family: 'LouvreSansMedium';display: block;} #sponsor .sponsor-module .item:hover em {opacity: 1; visibility: visible;} /* 1270){ $left += 45; } print '#sponsor #sponsor-tree #tree' .$i . ' {top: ' . $top . 'px; left: '.$left.'px}' . "\r\n"; }*/ #sponsor #sponsor-tree #tree1 {top: 327px; left: 482px} #sponsor #sponsor-tree #tree2 {top: 440px; left: 482px} #sponsor #sponsor-tree #tree3 {top: 327px; left: 526px} #sponsor #sponsor-tree #tree4 {top: 440px; left: 526px} #sponsor #sponsor-tree #tree5 {top: 327px; left: 571px} #sponsor #sponsor-tree #tree6 {top: 440px; left: 571px} #sponsor #sponsor-tree #tree7 {top: 327px; left: 615px} #sponsor #sponsor-tree #tree8 {top: 440px; left: 615px} #sponsor #sponsor-tree #tree9 {top: 327px; left: 660px} #sponsor #sponsor-tree #tree10 {top: 440px; left: 660px} #sponsor #sponsor-tree #tree11 {top: 327px; left: 705px} #sponsor #sponsor-tree #tree12 {top: 440px; left: 705px} #sponsor #sponsor-tree #tree13 {top: 327px; left: 749px} #sponsor #sponsor-tree #tree14 {top: 440px; left: 749px} #sponsor #sponsor-tree #tree15 {top: 327px; left: 794px} #sponsor #sponsor-tree #tree16 {top: 440px; left: 794px} #sponsor #sponsor-tree #tree17 {top: 327px; left: 838px} #sponsor #sponsor-tree #tree18 {top: 440px; left: 838px} #sponsor #sponsor-tree #tree19 {top: 327px; left: 883px} #sponsor #sponsor-tree #tree20 {top: 440px; left: 883px} #sponsor #sponsor-tree #tree21 {top: 327px; left: 927px} #sponsor #sponsor-tree #tree22 {top: 440px; left: 927px} #sponsor #sponsor-tree #tree23 {top: 327px; left: 972px} #sponsor #sponsor-tree #tree24 {top: 440px; left: 972px} #sponsor #sponsor-tree #tree25 {top: 327px; left: 1017px} #sponsor #sponsor-tree #tree26 {top: 440px; left: 1017px} #sponsor #sponsor-tree #tree27 {top: 327px; left: 1061px} #sponsor #sponsor-tree #tree28 {top: 440px; left: 1061px} #sponsor #sponsor-tree #tree29 {top: 327px; left: 1106px} #sponsor #sponsor-tree #tree30 {top: 440px; left: 1106px} #sponsor #sponsor-tree #tree31 {top: 327px; left: 1150px} #sponsor #sponsor-tree #tree32 {top: 440px; left: 1150px} #sponsor #sponsor-tree #tree33 {top: 327px; left: 1195px} #sponsor #sponsor-tree #tree34 {top: 440px; left: 1195px} #sponsor #sponsor-tree #tree35 {top: 327px; left: 1239px} #sponsor #sponsor-tree #tree36 {top: 440px; left: 1239px} #sponsor #sponsor-tree #tree37 {top: 327px; left: 1329px} #sponsor #sponsor-tree #tree38 {top: 440px; left: 1329px} #sponsor #sponsor-tree #tree39 {top: 327px; left: 1374px} #sponsor #sponsor-tree #tree40 {top: 440px; left: 1374px} #sponsor #sponsor-tree #tree41 {top: 327px; left: 1418px} #sponsor #sponsor-tree #tree42 {top: 440px; left: 1418px} #sponsor #sponsor-tree #tree43 {top: 327px; left: 1463px} #sponsor #sponsor-tree #tree44 {top: 440px; left: 1463px} #sponsor #sponsor-tree #tree45 {top: 327px; left: 1507px} #sponsor #sponsor-tree #tree46 {top: 440px; left: 1507px} #sponsor #sponsor-tree #tree47 {top: 327px; left: 1552px} #sponsor #sponsor-tree #tree48 {top: 440px; left: 1552px} #sponsor #sponsor-tree #tree49 {top: 327px; left: 1596px} #sponsor #sponsor-tree #tree50 {top: 440px; left: 1596px} #sponsor #sponsor-tree #tree51 {top: 327px; left: 1641px} #sponsor #sponsor-tree #tree52 {top: 440px; left: 1641px} #sponsor #sponsor-tree #tree53 {top: 327px; left: 1685px} #sponsor #sponsor-tree #tree54 {top: 440px; left: 1685px} #sponsor #sponsor-tree #tree55 {top: 327px; left: 1730px} #sponsor #sponsor-tree #tree56 {top: 440px; left: 1730px} #sponsor #sponsor-tree #tree57 {top: 327px; left: 1775px} #sponsor #sponsor-tree #tree58 {top: 440px; left: 1775px} #sponsor #sponsor-tree #tree59 {top: 327px; left: 1819px} #sponsor #sponsor-tree #tree60 {top: 440px; left: 1819px} #sponsor #sponsor-tree #tree61 {top: 327px; left: 1864px} #sponsor #sponsor-tree #tree62 {top: 440px; left: 1864px} #sponsor #sponsor-tree #tree63 {top: 327px; left: 1908px} #sponsor #sponsor-tree #tree64 {top: 440px; left: 1908px} #sponsor #sponsor-tree #tree65 {top: 327px; left: 1953px} #sponsor #sponsor-tree #tree66 {top: 440px; left: 1953px} #sponsor #sponsor-tree #tree67 {top: 327px; left: 1997px} #sponsor #sponsor-tree #tree68 {top: 440px; left: 1997px} #sponsor #sponsor-tree #tree69 {top: 327px; left: 2042px} #sponsor #sponsor-tree #tree70 {top: 440px; left: 2042px} #sponsor #sponsor-tree #tree71 {top: 327px; left: 2087px} #sponsor #sponsor-tree #tree72 {top: 440px; left: 2087px} #sponsor #sponsor-tree #tree73 {top: 327px; left: 2131px} #sponsor #sponsor-tree #tree74 {top: 440px; left: 2131px} #sponsor #sponsor-tree #tree75 {top: 327px; left: 2176px} #sponsor #sponsor-tree #tree76 {top: 440px; left: 2176px} #sponsor #sponsor-tree #tree77 {top: 327px; left: 2220px} #sponsor #sponsor-tree #tree78 {top: 440px; left: 2220px} #sponsor #sponsor-tree #tree79 {top: 327px; left: 2265px} #sponsor #sponsor-tree #tree80 {top: 440px; left: 2265px} #sponsor #sponsor-tree #tree81 {top: 327px; left: 2309px} #sponsor #sponsor-tree #tree82 {top: 440px; left: 2309px} #sponsor #sponsor-tree #tree83 {top: 327px; left: 2354px} #sponsor #sponsor-tree #tree84 {top: 440px; left: 2354px} #sponsor #sponsor-tree #tree85 {top: 327px; left: 2399px} #sponsor #sponsor-tree #tree86 {top: 440px; left: 2399px} #sponsor #sponsor-tree #tree87 {top: 327px; left: 2443px} #sponsor #sponsor-tree #tree88 {top: 440px; left: 2443px} #sponsor #sponsor-tree #tree89 {top: 327px; left: 2488px} #sponsor #sponsor-tree #tree90 {top: 440px; left: 2488px} #sponsor #sponsor-tree #tree91 {top: 327px; left: 2532px} #sponsor #sponsor-tree #tree92 {top: 440px; left: 2532px} #sponsor #sponsor-tree #tree1, #sponsor #sponsor-tree #tree2, #sponsor #sponsor-tree #tree91, #sponsor #sponsor-tree #tree92 {width: 100px; height: 100px;} #sponsor #sponsor-tree #tree1 em, #sponsor #sponsor-tree #tree2 em, #sponsor #sponsor-tree #tree91 em, #sponsor #sponsor-tree #tree92 em {right: -70px;} #sponsor #sponsor-tree #tree1 {top: 242px;left: 422px;} #sponsor #sponsor-tree #tree2 {left: 422px;top: 488px;} #sponsor #sponsor-tree #tree91 {top:305px;} #sponsor #sponsor-tree #tree92 {top:428px;} #sponsor .popin-parrainer {height:100%;width:100%;position: absolute;top:0;left:0;z-index: 1;display: none;text-align: center;background:rgba(0,0,0,0.5);} #sponsor .popin-parrainer > div {width:50%;max-width:450px;background:rgba(0,0,0,0.85);padding:25px;margin:auto;margin-top:15%;position: relative;border-radius: 15px;padding-top:50px;min-width: 300px;} #sponsor .popin-parrainer .close-button {font-size: 16px;cursor: pointer;transition: all 250ms linear;position: absolute;top: 20px;right: 20px;z-index: 2;color: #fff;font-family: 'LouvreSansRegular';font-weight:bold;} #sponsor .popin-parrainer .close-button:hover {opacity: 0.8;} #sponsor .popin-parrainer h3 {margin-bottom: 20px;color:#fff;position: relative;font-family: 'LouvreSansMedium';font-size: 18px;line-height: 24px;max-width: 100%;margin-bottom: 0;padding-bottom: 20px;} #sponsor .popin-parrainer h3 + p {color: #fff;} #sponsor .popin-parrainer input[type="text"] {text-align: center;text-transform: uppercase;background:none;border:none;border-bottom:solid 1px #fff;color:#fff;border-radius: 0;width: 75%;} #sponsor .popin-parrainer .errors {color:#E63224;} #sponsor #sponsor-bench .item {background:url(../img/parrainer-banc1.png) no-repeat bottom left; display: block; width: 580px; height: 247px;top:auto; bottom:212px;z-index: 1;} #sponsor #sponsor-bench .item em {right: auto;left: 50%;margin-right: 0;margin-left: -144px;} #sponsor #sponsor-bench .item:after {content: ' ';display: block;background:url(../img/bench-avail.png) no-repeat top left;width: 66px; height: 65px;position: absolute;top: 0;left:50%;margin-left:-60px;transition: all 450ms linear;} #sponsor #sponsor-bench .item:hover, #sponsor #sponsor-bench .item.active {background-image:url(../img/parrainer-banc2.png);} #sponsor #sponsor-bench .item:hover:after, #sponsor #sponsor-bench .item.active:after {background:url(../img/bench-taken.png);} /* div {max-width: 1000px;margin:auto;} #stephane .photo {text-align: right} #stephane .photo a {display: inline-block;max-width: 450px;transition: opacity 250ms linear;} #stephane .photo img {max-width: 100%;} #stephane .photo a:hover {opacity: 0.8;} #stephane .text {padding: 50px;box-sizing: border-box;} #stephane .text h3 {font-family: 'LouvreSerifMedium';font-size: 30px;padding: 0 0 50px 0;line-height: 44px;} #stephane .text p {font-family: 'Roboto Condensed', sans-serif;font-size: 18px;} #stephane .text p a {color:#67b367;display: block;background:url(../img/small-arrow-right.png) no-repeat left 0 center; padding-left: 31px;transition:all 250ms linear;} #stephane .text p a:hover {background-position: left 3px center;} /* ========================================================================== Helper classes ========================================================================== */ .hidden { display: none !important; } .visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; white-space: nowrap; /* 1 */ } .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; white-space: inherit; } .invisible { visibility: hidden; } .clearfix:before, .clearfix:after { content: " "; /* 1 */ display: table; /* 2 */ } .clearfix:after { clear: both; } /* ========================================================================== MEDIA QUERIES ========================================================================== */ @media (-webkit-min-device-pixel-ratio: 2) { .cta {padding-top:12px;padding-bottom: 8px;} } @media screen and (min-width: 1400px) { /* HDPI screens */ #aside #nav1 a {max-width: 165px;margin-left: auto;margin-right: auto;} } @media screen and (max-width: 1480px) { /* MDPI screens */ #news .img {height: 220px;} #modules .tofade {width:70%;left:15%;} #page-content .wpb_content_element.yellow.normalpadding, #page-content .wpb_text_column {padding:60px 65px;} #page-content .wpb_content_element.yellow {padding-top:80px;padding-bottom: 80px;} #page-content .wpb_single_image.dectop1 {margin-top:-450px;} #modules + #devenez-mecene {margin-top:150px;} #devenez-mecene {height: 450px;} #news.page .news-sized {width: 33.3333%;} #news .news-pic0, #news .news-pic1, #news .news-pic2 {width: 33.3333%;} #guestbook-msgs blockquote {padding-left: 35px;padding-right: 35px;} #objectif-tuileries-header {max-width: 100% !important;padding-left: 40px;padding-right: 40px;} } @media screen and (max-width: 1280px) { /* tablets landscapes */ #footer-links .middle {padding-left: 0;} #page-content .wpb_single_image.dectop1 {margin-top:-360px;} #home-banner {height: calc(100vh - 130px);background-size:cover;} #home-banner h2 {letter-spacing: 3px;} #home-banner h2 span {letter-spacing: 12px;} #home-banner .txt {letter-spacing: 2px;} } @media screen and (max-width: 1100px), screen and (max-height: 810px){ /* burger menu display */ #site {width:auto;float:none;} #burger-menu {display: block;} #langs {display: none;} #aside {overflow:scroll;left:-101%;transition:all 350ms ease;z-index: 99;transform: translateY(0) !important;width:100%;min-height: 0;max-width: 400px;box-shadow:-9px 0px 42px rgba(0,0,0,0.35);} #aside nav {padding-top:15px;margin-top:15px;} #aside nav a {margin-bottom: 20px;margin-top:5px;} #aside nav a br {display: none;} #aside.active {left:0;} #aside.active + #site::after {visibility: visible;} #aside-langs {position: absolute;top:5px;right:10px;display: block;} #aside-langs a {color:#000;} #counter {position:relative;top:auto;bottom:auto;left:auto;right:auto;} } @media screen and (max-width: 1100px) { /* tablets */ html, body {overflow-x: hidden;} #wpadminbar {display: none !important;} .actu-content {padding: 30px 20px;} #home-banner .play {margin-top:20px;} #page-banner {height: 340px;} #page-content .wpb_content_element.yellow.normalpadding, #page-content .wpb_text_column {padding:40px;} #page-content .wpb_single_image.decleft figure {margin-left: 50px;} #page-content h3 {padding-bottom: 20px;} #page-content .wpb_single_image.dectop1 {margin-top:-360px;} #page-content .maxwidthrow {margin-left: 15px; margin-right: 15px;} #project-header-row .wpb_text_column {padding-top:60px;} #devenez-mecene {height: 380px;} #modules {padding-bottom: 50px;} #modules + #devenez-mecene {margin-top: 0;} #footer .right {padding-right: 40px;} #histoire-nav span br {display: none;} #donorswall .padd {padding-left: 50px;padding-right: 50px;} #histoire-nav a {width: 210px;} #sponsor h2 {font-size: 54px;line-height: 54px;} #guestbook-msgs {padding-left: 50px;padding-right: 50px;} #game {padding:75px 50px 100px 50px;} #objectif-tuileries-header {padding-left: 0;padding-right: 0;} } @media screen and (max-width: 820px) { /* small tablets */ .only-mobile {display: block !important;} .w33, .w50, .w66 {width:auto;float:none;margin-left:0;margin-right: 0;} .field, .field-group .w50 {margin-bottom: 20px;padding:0 20px;} .overflow-container {overflow-x: scroll;} #aside nav {max-width: 300px;} #footer-logos .middle img {max-width: 100%;height: auto;} #footer .left, #footer .middle, #footer .right {width:auto;float:none;text-align: center;} #footer-social {padding-top:0;} #footer-logos .right img {margin-top:-15px;} #footer-social {text-align: center;padding-top:60px;padding-right: 0;} #footer-sidelinks {text-align: center;} #footer ul {margin-left: 0;padding-left: 0;} #footer-copyright {padding-top: 0;} #footer .right {padding-right: 0;} html[lang="en-GB"] #footer-social, #footer-logos .right {text-align: center;} #footer-logos .left {position: absolute;width: 100%;top: 80px;} #footer-logos .middle {padding-bottom: 80px;} #footer-links {margin: 80px 0 30px 0;} #footer-links .middle {text-align: center;} #langs {top:10px;right:auto;left:10px;} #page-banner {height: 280px;} #page-banner h2 {min-width: 0;} #header {height: 75px;} #header h1 img {width:170px;height: auto;position: relative;top:-10px;} #home-banner {background-position: center center !important;background-image:url(../img/keyvisual-big-mobile.jpg);} #home-banner .texts, #home-banner {height: calc(100vh - 75px);min-height: 0;} #home-banner .texts {text-shadow: 1px 1px 12px rgba(0,0,0,0.5);} #home-banner h2 {font-size: 50px;line-height: 55px;letter-spacing: 0;} #home-banner .txt {font-size: 31px;padding-top: 0;letter-spacing: 2px;} #home-banner h2 span {letter-spacing: 0px;} #home-banner .play {right:70px;background-size: cover;width: 50px;height: 50px;} #home-banner .play span {font-size: 15px;top: 6px;right: 61px;} html[lang="en-GB"] #home-banner h2 span {font-size: 50px;line-height: 58px;} html[lang="en-GB"] #home-banner .txt {font-size: 22px;} #news {padding: 100px 50px;} #news-list-container {overflow-x: scroll;} #news-arrows {right:50px;} #modules, #modules > div, #modules > div > div {height: auto;} #modules a {height: 450px;} #modules h3 + p {opacity: 1;transform: none;text-shadow: 1px 1px 3px #000;} #modules a h3, #modules a:hover h3 {margin-bottom: 20px;margin-top: 0;} #devenez-mecene h2 {font-size:24px;line-height: 28px;} #home-livre-dor {padding-top: 100px;} #home-livre-dor-list {height: 190px;} #page-banner h2 {font-size:30px;line-height: 34px;} #page-content h3 {font-size:22px;} #page-content .vc_col-sm-6 {width:100%;} #page-content img.size-full {max-width: 100%;height: auto;} #page-content .maxwidthrow {margin-bottom: 50px;} #page-content .vc_col-sm-pull-6, #page-content .vc_col-sm-push-6 {left: auto;right: auto;} #page-content .greenbordered {margin-bottom: 30px;} #page-content .vc_col-sm-6 + .vc_col-sm-6 .greenbordered {margin-top:0;} #page-content .wpb_text_column.normalpadding {padding-bottom: 30px;padding-top:30px;} #page-content .wpb_column.rightsep:after {display: none;} #page-content .wpb_content_element.chapo p {margin-bottom: -30px;} #histoire-nav {margin-top:-50px;} #histoire-nav a {width: 140px;padding-left: 10px; padding-right: 10px;} #reduction-fiscale > div > div, #reduction-fiscale > div, #reduction-fiscale {height: auto;} #reduction-fiscale .title {padding-bottom: 0;} #reduction-fiscale .title h3 {padding-left: 0;font-size: 22px;line-height: 29px;} #reduction-fiscale #type-selection {height: auto;position: relative;text-align: left;padding:74px 0 74px 25px;} #reduction-fiscale #type-selection a {position: absolute;top:28px;right: 0;} #reduction-fiscale #type-selection a + a {top:80px;} #reduction-fiscale .leftcell, #reduction-fiscale .rightcell {padding: 45px 0;} #reduction-fiscale .leftcell::after {top:auto;bottom:-7px;right:auto;left:50%;margin-left: -18px;} #donorswall nav a.l {margin-bottom: 15px;} #donorswall nav a.l:hover:after, #donorswall nav a.l.active:after {bottom:-13px;} #donors-lists h3 {font-size:110px;} #donors-lists .list p {width:50%;} #hashtag {display: none !important;} #sponsor-module-title {top: 120px;} #sponsor .sponsor-module-intro h3 {font-size: 52px;line-height: 57px;} #sponsor .sponsor-help h3 {font-size: 42px;} #sponsor .sponsor-help .w33:after {display: none;} #sponsor .sponsor-help .w66 {text-align: center;padding-top: 0;} #sponsor .sponsor-help .explanations > div {margin-bottom: 20px;} #sponsor .sponsor-help .explanations > div:last-child {margin-bottom: 0;} #sponsor .sponsor-module-intro h3 {margin-bottom: 0;} #objectif-tuileries .whitetext {padding-bottom: 0;} #objectif-tuileries-header .w50 {height: auto;} #objectif-tuileries-header .w50 + .w50 {display: none !important;} #guestbook-msgs {padding-left: 15px;padding-right: 15px;} #guestbook-msgs blockquote {flex:1 0 calc(50% - 20px);} #game {padding-left: 15px;padding-right: 15px;} #news.page .news-sized {width: 50%;} #news-list-container {overflow-x: scroll;} #stephane {padding-bottom: 70px;} #stephane .photo {text-align: center;} #stephane .photo a {max-width: 350px;} #stephane .text {text-align: center;padding-bottom: 0;} #stephane .text h3 {padding-bottom: 0;} } @media screen and (max-width: 640px) { /* smartphones */ .field, .field-group .w50, .field-group .w50 + .w50 {padding: 0;} #donors-lists .list p {width:100%;} #guestbook-msgs {display: block;} #guestbook-msgs blockquote {flex:none;} #home-banner h2 {font-size: 25px;line-height: 23px;} #home-banner .txt {font-size: 13px;} #home-banner .play {right: 20px;bottom: 30px;} #home-banner .play span {font-size: 12px;} html[lang="en-GB"] #home-banner h2 span {font-size: 24px;line-height: 32px;} html[lang="en-GB"] #home-banner h2 span em {font-size: 22px;line-height: 35px;} html[lang="en-GB"] #home-banner .txt {font-size: 9px;margin-top: -10px;} #news {padding:50px 15px;} #news h2 {text-align: center;} .home #news .actu {width: 292px;} #news-pics {display: none;} #news-arrows {top: 120px;right: auto;left: 20px;} #modules .w50 {transform: none !important;} #modules a h3 {font-size: 24px;line-height: 30px;} #home-livre-dor {padding: 50px 0;} #home-livre-dor-list blockquote {font-size: 16px;width:100%;left:0;margin-left:0;box-sizing: border-box;padding:0 30px;} #page-content h2 {padding: 87px 0 0px 0;font-size:35px;line-height: 44px;} #banner-row .wpb_text_column {padding-top: 0;margin-top: 170px;} #page-content .wpb_content_element.normalpadding, #page-content .wpb_text_column {padding: 40px 20px 0 20px;} #page-content .wpb_content_element.borderbottom {padding-bottom: 40px;} #page-content .maxwidthrow {margin-bottom: 0;} #histoire-nav {margin-top:0;} #histoire-nav nav {overflow: hidden;} #histoire-nav a {box-sizing: border-box;width: 100%;display: block;margin: 0;text-align: left;position: relative;clear: both;padding:20px 15px 20px 50px;} #histoire-nav a strong {opacity: 1;position: relative;transform: none;width: auto;padding: 0 0 4px 0;font-size: 16px;left: 0;margin: 0;} #histoire-nav a:before {display: none;} #histoire-nav a:after {left: 19px;margin-left: 0;top: 39px;} #objectif-tuileries .whitetext {padding:0;} #game {margin-top:-50px;} #game .item {float:none;width:100%;} #news.page .news-sized {width: 100%;margin-right: 0;padding-right: 0;margin-bottom: 20px;} #contact-form select {display: block;margin-left: 0;margin-top: 12px;} #project-header-row {background: none;margin-top: 0 !important;} #project-header-row .wpb_text_column {margin-top:0;padding: 0;} #sponsor {height: 100vh;} #sponsor .popin-parrainer > div {margin-top:200px;} #sponsor .chapo {max-width: 315px;} #sponsor-module-title {top: 113px;padding-left: 20px;padding-right: 20px;box-sizing: border-box;} #sponsor h2.centered-title {padding-top: 40px;font-size: 28px;line-height: 34px;padding-left: 10px;padding-right: 10px;} #sponsor-module-title h4 {line-height: 45px;} #sponsor-module-title h4, #sponsor-module-title h4 + p, #sponsor-parts .text {text-shadow: 1px 1px 5px rgba(0,0,0,0.25);} #sponsor-parts .text h3 {font-size: 40px;line-height: 44px;} #sponsor-parts .imgs {display: none;} #sponsor-parts .mid {width: 100%;height: 208px;} #sponsor-parts .mid:first-child {position: absolute;bottom:200px;} #sponsor-parts .mid:first-child:after {width: 157px;height: 1px;left: 50%;margin-left: -77px;bottom: 22px;} #sponsor-parts .mid + .mid {position: absolute;bottom:0;} #sponsor .sponsor-module-intro h3 {font-size: 30px;line-height: 35px;padding-left: 20px;padding-right: 20px;} #sponsor .sponsor-module-intro h3 + p {max-width: 286px;} #sponsor .overflow > img {height: 100%;} #sponsor .sponsor-tools {top:20px;right:20px;} #sponsor .sponsor-arrows {bottom: 20px;} #sponsor-module-title h4 {padding-top: 0;font-size: 25px; line-height: 33px;} #sponsor-module-title h4 + p {margin-top:5px;} #sponsor .sponsor-help h3 {padding-top: 30px;font-size: 25px;line-height: 33px;padding-left: 20px;padding-right: 20px;} #sponsor .sponsor-help .explanations {width: 100%;} #sponsor .sponsor-help .w66 {max-width: 300px;margin:auto;} #sponsor .sponsor-help .explanations strong {font-size: 40px; line-height: 50px;} #sponsor #sponsor-bench .overflow {margin-left: -160px;} #sponsor #sponsor-bench .item {bottom: 122px;} #sponsor-bench:after {height: 165px;} } /* ========================================================================== PRINT STYLES ========================================================================== */ @media print { *, *:before, *:after { background: transparent !important; color: #000 !important; /* Black prints faster */ -webkit-box-shadow: none !important; box-shadow: none !important; text-shadow: none !important; } a, a:visited { text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after { content: " (" attr(title) ")"; } a[href^="#"]:after, a[href^="javascript:"]:after { content: ""; } pre { white-space: pre-wrap !important; } pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; } tr, img { page-break-inside: avoid; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } }