@import"https://fonts.googleapis.com/css2?family=Slabo+27px&display=swap";@font-face{font-family:Tanker-Regular;src:url(../assets/fonts/Tanker-Regular.woff2) format("woff2"),url(../assets/fonts/Tanker-Regular.woff) format("woff"),url(../assets/fonts/Tanker-Regular.ttf) format("truetype");font-weight:400;font-display:swap;font-style:normal}body{font-family:"Slabo 27px",serif;font-weight:400;font-style:normal;color:#221374;background:url(../assets/mobile_background.webp);background-size:cover;background-attachment:fixed}@media screen and (min-width: 728px){body{background:url(../assets/desktop_background.webp);background-size:cover;background-attachment:fixed}}header.header{border:solid 2px #221374;margin-top:0;border-radius:3px;text-transform:uppercase;letter-spacing:-.5px;width:100%}header.header>div{display:flex;justify-content:space-between;padding:5px}header.header>div:first-of-type{border-bottom:solid 2px #221374}header.header b{font-family:Tanker-Regular;font-weight:400;letter-spacing:0px}.icons{margin-top:10px;display:flex;align-items:flex-start}.icons .indoor{border:solid 1px #221374;border-radius:3px;margin-right:10px;width:30px;height:30px;display:flex;justify-content:center;align-items:center;cursor:pointer}@media screen and (min-width: 728px){.icons .indoor:hover{background:#221374}.icons .indoor:hover img{filter:brightness(19999)}}.icons .indoor img{width:20px;height:20px;object-fit:cover;object-position:center;padding-left:5px;padding-right:5px;box-sizing:content-box}.icons .indoor.active{background:#221374}.icons .indoor.active img{filter:brightness(19999)}.top_section{margin-left:auto;margin-right:auto;max-width:1000px;width:100%;margin-bottom:auto}.globe_container{display:flex;align-items:flex-start}.globe_container .world{display:flex;justify-content:center;align-items:center}.globe_container p{padding-left:26px;position:relative}.globe_container p:before{content:"";position:absolute;right:calc(100% - 23px);top:0;width:30px;height:30px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYBAMAAAASWSDLAAAAKlBMVEUAAAAiE3MiEnMgE3QjE3YgEHQiE3QhEnQiEnQiEnIiE3IgE3MhEHMiE3QwcnBbAAAADXRSTlMAgJ9/Xz/vz49wYF8fhAd5VwAAAD9JREFUGNNjwASMV5E4sreRJO4aIElcppFEkhIUaDDw3kUABs67JS5Q4MrAYHsRyZHMdwXgbFpI3UHicEEcDgC1JyLVHaMCjwAAAABJRU5ErkJggg==);background-repeat:no-repeat;background-position:top center;background-size:15px auto}@font-face{font-family:Tanker-Regular;src:url(../assets/fonts/Tanker-Regular.woff2) format("woff2"),url(../assets/fonts/Tanker-Regular.woff) format("woff"),url(../assets/fonts/Tanker-Regular.ttf) format("truetype");font-weight:400;font-display:swap;font-style:normal}body{font-family:"Slabo 27px",serif;font-weight:400;font-style:normal;color:#221374;background:url(../assets/mobile_background.webp);background-size:cover;background-attachment:fixed}@media screen and (min-width: 728px){body{background:url(../assets/desktop_background.webp);background-size:cover;background-attachment:fixed}}.letter-section{margin-top:auto}.main_card_container{transform:rotate(-5deg);margin:auto;width:90%}.card-container{perspective:1000px;cursor:pointer;width:100%;aspect-ratio:9/7;width:90%;margin-left:auto;margin-right:auto}@supports not (aspect-ratio: 9/7){.card-container:before{float:left;padding-top:77.7777777778%;content:""}.card-container:after{display:block;content:"";clear:both}}.card-container .card{width:100%;height:100%;position:relative;transform-style:preserve-3d;transition:transform .6s,box-shadow .6s;box-shadow:-5px 0 5px gray}.card-container.flipped .card{transform:rotateY(180deg);box-shadow:5px 0 5px gray}.card-container .card-front,.card-container .card-back{width:100%;height:100%;position:absolute;backface-visibility:hidden;display:flex;justify-content:center;align-items:center;border-radius:5px}.card-container .card-front{background:url(/assets/COVERIMAGE-e80bbfa7.jpg);background-size:100% 100%}.card-container .MainCard{width:100%;height:100%}.EmptyTimbre{width:10%;position:absolute;top:10px;right:10px}.LogoPhilippine{width:30%;position:absolute;top:22%;right:10%;pointer-events:none}.LogoTampon{width:30%;position:absolute;top:35%;right:5%;pointer-events:none}.inputs{display:flex;flex-direction:column;margin-top:auto;width:100%;padding-bottom:10px;padding-right:10px}.inputs>div{width:100%;display:flex;flex-direction:column}.inputs>div p{border:solid 1px black;border-radius:3px;margin-bottom:10px}.inputs input{width:100%;border:solid 2px black;border-radius:3px;margin-bottom:5px;background:transparent}.inputs label{padding-top:10px;color:#000;font-weight:800;font-size:1.4rem;font-size:.8rem;align-self:flex-end}.card-back{background:#221374;color:#fff;transform:rotateY(180deg);background:url(/assets/texture_card-2b9614bb.jpg);background-size:cover;color:#221374}.card-back .left_part{width:55%;padding-right:5%;border-right:solid 2px #a4abb5;height:90%;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;padding-left:5%;overflow-y:scroll}.card-back .right_part{width:45%;padding-left:20px;height:100%;justify-content:flex-end;display:flex;flex-direction:column}.propals{display:flex;flex-direction:column;width:100%;margin:150px auto auto;align-items:center;max-width:600px;padding-bottom:100px}.propals .write{margin-top:50px}.propals img{width:80%;margin-top:-20%;box-shadow:0 0 5px #0003}.propals img:nth-child(2n){margin-right:10%}.propals img:nth-child(odd){margin-right:-10%}.test #formulaire{position:absolute;width:0;height:0;overflow:hidden;opacity:0}@font-face{font-family:Tanker-Regular;src:url(../assets/fonts/Tanker-Regular.woff2) format("woff2"),url(../assets/fonts/Tanker-Regular.woff) format("woff"),url(../assets/fonts/Tanker-Regular.ttf) format("truetype");font-weight:400;font-display:swap;font-style:normal}body{font-family:"Slabo 27px",serif;font-weight:400;font-style:normal;color:#221374;background:url(../assets/mobile_background.webp);background-size:cover;background-attachment:fixed}@media screen and (min-width: 728px){body{background:url(../assets/desktop_background.webp);background-size:cover;background-attachment:fixed}}.write_card{max-width:600px;width:100%;margin:0 auto auto;aspect-ratio:9/7}@supports not (aspect-ratio: 9/7){.write_card:before{float:left;padding-top:77.7777777778%;content:""}.write_card:after{display:block;content:"";clear:both}}.write_card .card-back{width:100%;height:100%;backface-visibility:hidden;display:flex;justify-content:center;align-items:center;border-radius:5px;perspective:1000px;margin-left:auto;margin-right:auto;transform:rotateX(0);background:#dbe2ec}.write_card .card-back .left_part{overflow-y:hidden}.write_card .card-back .left_part textarea{width:100%;height:100%;resize:none;background:transparent;border:none}.write_card .LogoTampon,.write_card .LogoPhilippine{opacity:0}.full_card{margin-bottom:auto;box-shadow:0 0 5px gray}.boite_aux_lettres{background:#f8cc0b;margin-top:auto;width:calc(100% + 20px);margin-left:-10px;height:auto;display:flex;flex-direction:column;align-items:center;padding-top:20px;padding-bottom:20px}.boite_aux_lettres .FenteImg{width:92%;max-width:600px;min-height:20px}.boite_aux_lettres h1{margin-bottom:10px;font-size:1.8rem;font-weight:400;letter-spacing:2px;font-family:Tanker-Regular}.boite_aux_lettres h1 small{font-size:1rem}.boite_aux_lettres button{background:#221374;color:#fff;border:none;border-radius:3px;padding:5px 20px;transform:translateY(-50%);text-transform:uppercase;font-family:"Slabo 27px",serif}.boite_aux_lettres a{color:#221374}.sendCTA{cursor:pointer}.sendCTA:disabled{background:gray;cursor:initial}.legal{display:flex;width:90%;font-size:12px;margin-bottom:10px;max-width:600px}.legal p{margin-left:10px}.legal input{width:14px;height:14px;margin-top:-1px;margin-right:6px}.ctas{display:flex;flex-direction:column;align-items:center;width:90%;max-width:600px;margin:auto}.ctas button,.ctas a{width:100%;border:none;background:#221374;margin-bottom:10px;color:#fff;text-decoration:none;text-align:center;padding:5px;font-family:"Slabo 27px",serif;text-transform:uppercase;font-size:14px;border:solid 2px #221374;border-radius:3px}.ctas a{background:transparent;color:#221374;font-weight:bolder}.large_propal_container{position:fixed;top:0;left:0;bottom:0;right:0;z-index:3;background:rgba(0,0,0,.8);display:flex;flex-direction:column;align-items:center}.large_propal_container .large_propal{width:96%;margin:auto;max-width:600px}.large_propal_container .close{position:absolute;top:30px;right:30px;width:30px;height:30px;cursor:pointer}.large_propal_container .close:before{position:absolute;width:100%;height:2px;background:white;content:"";left:50%;top:50%;transform:rotate(45deg) translateY(-50%) translate(-50%);transform-origin:left}.large_propal_container .close:after{position:absolute;width:100%;height:2px;background:white;left:50%;top:50%;content:"";transform:rotate(-45deg) translateY(calc(-50% + 1px)) translate(-50%);transform-origin:left}.Propal1{transform:rotate(4deg);cursor:pointer}.Propal2{transform:rotate(-2deg);cursor:pointer}.Propal3{transform:rotate(3deg);cursor:pointer}.Propal4{transform:rotate(-6deg);cursor:pointer}footer.footer{background:#f8cc0b;color:#221374;display:flex;flex-direction:column;align-items:center;padding-top:30px;font-style:normal;padding-bottom:30px;font-weight:700}footer.footer ul{display:flex;flex-wrap:wrap;justify-content:space-around}@media screen and (max-width: 728px){footer.footer ul{align-items:center}}footer.footer ul li{font-size:14px;margin-bottom:10px;text-align:center;margin-left:5px;margin-right:5px}@media screen and (max-width: 728px){footer.footer ul li{font-size:14px}}footer.footer ul li a{color:#221374}footer.footer .ot-sdk-show-settings{cursor:pointer}footer.footer .credit{font-size:18px}@media screen and (max-width: 728px){footer.footer .credit{font-size:12px}}*,*:before,*:after{box-sizing:border-box}html,body,div,span,object,iframe,figure,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,code,em,img,small,strike,strong,sub,sup,tt,b,u,i,ol,ul,li,fieldset,form,label,table,caption,tbody,tfoot,thead,tr,th,td,main,canvas,embed,footer,header,nav,section,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;text-size-adjust:none}footer,header,nav,section,main{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}input{border-radius:0}@font-face{font-family:Tanker-Regular;src:url(/assets/Tanker-Regular-98d0d534.woff2) format("woff2"),url(/assets/Tanker-Regular-491bc0c9.woff) format("woff"),url(/assets/Tanker-Regular-b70d4923.ttf) format("truetype");font-weight:400;font-display:swap;font-style:normal}.slabo-27px-regular{font-family:"Slabo 27px",serif;font-weight:400;font-style:normal}body{font-family:"Slabo 27px",serif;font-weight:400;font-style:normal;color:#221374;background:url(/assets/mobile_background-40033e50.webp);background-size:cover;background-attachment:fixed}@media screen and (min-width: 728px){body{background:url(/assets/desktop_background-b7aa62d2.webp);background-size:cover;background-attachment:fixed}}main{min-height:100dvh;padding-top:10px;display:flex;flex-direction:column;justify-content:center;padding-left:10px;padding-right:10px}.write{width:90%;background:#221374;color:#fff;border-radius:3px;padding:5px;border:none;font-family:"Slabo 27px",serif;text-transform:uppercase;font-size:1.2rem;margin:auto;max-width:600px;cursor:pointer}.letter_section{max-width:600px;width:100%;margin-left:auto;margin-right:auto}.letter_section .main_card_container{width:100%}