@font-face{font-family:"Artelis";src:url("https://www.californie-plage.fr/wp-content/themes/sur-mesure/fonts/Artelis.otf") format("otf"),url("https://www.californie-plage.fr/wp-content/themes/sur-mesure/fonts/Artelis.ttf") format("ttf"),url("https://www.californie-plage.fr/wp-content/themes/sur-mesure/fonts/Artelis.woff") format("woff"),url("https://www.californie-plage.fr/wp-content/themes/sur-mesure/fonts/Artelis.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}@-webkit-keyframes runner{to{transform:translateX(-25%)}}@keyframes runner{to{transform:translateX(-25%)}}@-webkit-keyframes rotation{to{-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);-ms-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg)}}@keyframes rotation{to{-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);-ms-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg)}}@media only screen and (max-width:1439px){.timeline .decade.tall span{font-size:13px ;font-size:clamp(13px, calc(1*(13px + 5 * ((100vw - 1024px) / 416))), 18px) }.interne-story .watermark{font-size:160px ;font-size:clamp(160px, calc(1*(160px + 79 * ((100vw - 1024px) / 416))), 239px) }.interne-story .watermark.tall{font-size:100px ;font-size:clamp(100px, calc(1*(100px + 40 * ((100vw - 1024px) / 416))), 140px) }.interne-story .paragraph_img{column-gap:20px ;column-gap:clamp(20px, calc(1*(20px + 20 * ((100vw - 1024px) / 416))), 40px) ;width:850px ;width:clamp(850px, calc(1*(850px + 250 * ((100vw - 1024px) / 416))), 1100px) ;margin-left:130px ;margin-left:clamp(130px, calc(1*(130px + 40 * ((100vw - 1024px) / 416))), 170px) }.interne-story .paragraph_img.picture_left .paragraph{margin-right:0 ;margin-right:clamp(0, calc(1*(0px + 50 * ((100vw - 1024px) / 416))), 50px) }.interne-story .paragraph_img .img.landscape-675 picture{height:370px ;height:clamp(370px, calc(1*(370px + 150 * ((100vw - 1024px) / 416))), 520px) ;width:480px ;width:clamp(480px, calc(1*(480px + 195 * ((100vw - 1024px) / 416))), 675px) }.interne-story .paragraph_img .img.landscape-415 picture{height:250px ;height:clamp(250px, calc(1*(250px + 45 * ((100vw - 1024px) / 416))), 295px) ;width:351px ;width:clamp(351px, calc(1*(351px + 64 * ((100vw - 1024px) / 416))), 415px) }.interne-story .paragraph_img .img.portrait-380 picture{height:375px ;height:clamp(375px, calc(1*(375px + 100 * ((100vw - 1024px) / 416))), 475px) ;width:300px ;width:clamp(300px, calc(1*(300px + 80 * ((100vw - 1024px) / 416))), 380px) }.interne-story .paragraph_alone{width:700px}.interne-story .img_alone.landscape-13-8 img,.interne-story .img_alone.landscape-8-3 img{width:770px ;width:clamp(770px, calc(1*(770px + 415 * ((100vw - 1024px) / 416))), 1185px) ;height:auto}}@media only screen and (max-width:1023px){.timeline{display:flex;left:0;column-gap:50px;width:100%;padding:50px 20px 0;background-color:#fff;overflow:auto}.timeline .decade{padding-bottom:0}.timeline .decade:first-child{margin-left:auto}.timeline .decade:last-child{margin-right:auto}.timeline .decade:not(:last-child)::before{height:1px;left:28px;bottom:unset;top:-12px;width:90px;background-image:linear-gradient(to right, #333 35%, rgba(255,255,255,0) 0%);background-position:top;background-size:22px 1px;background-repeat:repeat-x}.timeline .decade span{display:block;text-align:center}.timeline .decade span::before{top:-20px;left:50%;position:absolute;transform:translateX(-50%);margin-right:0}.timeline .decade.tall::before{left:9px ;left:clamp(9px, calc(1*(9px + 33 * ((100vw - 360px) / 664))), 42px) }.timeline .decade.tall span{font-size:14px}.interne-story.first{margin-top:75px}.interne-story:last-child{margin-bottom:30px}.interne-story .title.decade{margin-bottom:30px ;margin-bottom:clamp(30px, calc(1*(30px + 30 * ((100vw - 360px) / 664))), 60px) }.interne-story .double_paragraph,.interne-story .paragraph_img,.interne-story .paragraph_alone,.interne-story .img_alone{width:330px ;width:clamp(330px, calc(1*(330px + 450 * ((100vw - 360px) / 664))), 780px) ;row-gap:20px ;row-gap:clamp(20px, calc(1*(20px + 10 * ((100vw - 360px) / 664))), 30px) ;margin-top:20px ;margin-top:clamp(20px, calc(1*(20px + 10 * ((100vw - 360px) / 664))), 30px) ;margin-left:auto;margin-right:auto;max-width:unset}.interne-story .spacing{height:0 !important;margin-bottom:20px !important;margin-bottom:clamp(20px, calc(1*(20px + 10 * ((100vw - 360px) / 664))), 30px) !important}.interne-story .double_paragraph{flex-direction:column}.interne-story .double_paragraph .paragraph{width:100%}.interne-story .paragraph_img{flex-direction:column}.interne-story .paragraph_img.picture_left .paragraph,.interne-story .paragraph_img.picture_right .paragraph{order:1}.interne-story .paragraph_img.picture_left .img,.interne-story .paragraph_img.picture_right .img{margin:0 !important;order:2}.interne-story .paragraph_img.picture_left .img.rotationPlus,.interne-story .paragraph_img.picture_right .img.rotationPlus,.interne-story .paragraph_img.picture_left .img.rotationMinus,.interne-story .paragraph_img.picture_right .img.rotationMinus,.interne-story .paragraph_img.picture_left .img picture,.interne-story .paragraph_img.picture_right .img picture{transform:none !important}.interne-story .paragraph_img.picture_left .img.landscape-675 picture,.interne-story .paragraph_img.picture_right .img.landscape-675 picture,.interne-story .paragraph_img.picture_left .img.landscape-415 picture,.interne-story .paragraph_img.picture_right .img.landscape-415 picture,.interne-story .paragraph_img.picture_left .img.portrait-380 picture,.interne-story .paragraph_img.picture_right .img.portrait-380 picture{height:auto;width:100%}.interne-story .paragraph_img.picture_left .img.portrait-380 picture,.interne-story .paragraph_img.picture_right .img.portrait-380 picture{max-width:450px}.interne-story .paragraph_img.picture_left .paragraph,.interne-story .paragraph_img.picture_right .paragraph,.interne-story .paragraph_img.picture_left .img,.interne-story .paragraph_img.picture_right .img{width:100%}.interne-story .img_alone.landscape-13-8 img,.interne-story .img_alone.landscape-8-3 img{width:100%}.interne-story .watermark{font-size:65px ;font-size:clamp(65px, calc(1*(65px + 95 * ((100vw - 360px) / 664))), 160px) }.interne-story .watermark.tall{font-size:40px ;font-size:clamp(40px, calc(1*(40px + 60 * ((100vw - 360px) / 664))), 100px) }}/*# sourceMappingURL=./style_histoire_responsive.css.map */