ul.timeline{align-items:center;display:flex;flex-direction:column;justify-content:center}ul.timeline:before{background:linear-gradient(0deg,var(--secondary),var(--secondary-2));border-radius:100px;content:"";height:100%;position:absolute;top:0;width:16px}ul.timeline .bloc_timeline.grid-elements{--grid-gap:4rem}ul.timeline .date_timeline{align-items:center;display:flex;height:100%;justify-content:flex-end;text-align:center}ul.timeline .date_timeline>div{align-items:center;aspect-ratio:1/1;background-color:var(--secondary-2);border:4px solid var(--secondary);border-radius:100%;color:var(--primary);display:flex;font-size:var(--font-m);font-weight:600;justify-content:center;width:100px}ul.timeline .text_timeline{background:var(--light);border-radius:16px;box-shadow:0 0 10px rgb(var(--rgb-primary),10%);padding:1rem}@media screen and (max-width:1025px){ul.timeline li{flex-direction:column}ul.timeline .bloc_timeline.grid-elements{--grid-gap:1rem}ul.timeline .date_timeline{justify-content:center;position:relative}}section#hero .bg_svg{height:40vw;left:-30%;position:absolute;rotate:90deg;width:40vw;z-index:1}section#hero .bg_svg svg *{fill:var(--secondary);stroke:none}section#hero .content_banner{align-items:flex-start;backdrop-filter:blur(40px);background:rgba(var(--rgb-light),.2);border-radius:24px;box-shadow:0 0 10px rgb(var(--rgb-primary),10%);display:flex;flex-direction:column;justify-content:center;margin-top:-10rem;padding:2rem;text-align:start;z-index:2}section#hero .content_banner h2.h2{font-size:var(--font-l)}section#hero .content_banner .btn_yellow{margin-top:1rem}section#about{background-color:var(--grey)}section#about .bg_svg{bottom:-25%;height:30vw;position:absolute;right:-5%;rotate:270deg;width:30vw;z-index:1}section#about .container-narrow{align-items:center;display:flex;flex-direction:column;padding:var(--gap-padding);z-index:2}section#about .container-narrow .bloc_txt_img{display:flex}section#about .container-narrow .bloc_txt_img>*{width:50%}section#about .container-narrow .bloc_txt_img>*+*{margin-left:var(--gutter)}section#about .h2{text-align:center}section#about .container-narrow .btn{margin-top:var(--gutter)}section#realisations{margin-top:1em}section#realisations .h2{text-align:center}section#atouts .container{align-items:center;display:flex;flex-direction:column;gap:1rem}section#atouts .container-narrow .top .h2{text-align:center}section#atouts .container-narrow .btn_yellow{left:0;margin:auto;right:0}@media screen and (max-width:640px){section#atouts .grid-elements{--grid-gap:0.5rem}section#atouts .bloc_atouts .visible{align-items:center;display:flex;flex-direction:row;gap:1rem;justify-content:flex-start;width:100%}}section#history .bg_svg{height:40vw;left:-5%;position:absolute;rotate:90deg;width:40vw}section#history .bg_svg svg *{fill:var(--secondary);stroke:none}section#history .container-narrow{align-items:center;display:flex;flex-direction:column}section#history .item-history{background:var(--light);border-radius:16px;box-shadow:0 0 10px rgb(var(--rgb-primary),10%);padding:1rem}section#history .item-history strong{color:var(--secondary)}section#actus .container-narrow{align-items:center;display:flex;flex-direction:column}section#actus .container-narrow .btn_yellow{margin-top:var(--gutter)}@media screen and (max-width:1050px){section#actus .container_actus .bloc_actu_content picture{aspect-ratio:1/1}}@media screen and (max-width:850px){section#about .container-narrow .bloc_txt_img{flex-direction:column}section#about .container-narrow .bloc_txt_img>*{width:100%}section#about .container-narrow .bloc_txt_img>*+*{margin-left:0;margin-top:var(--gutter)}}@media screen and (max-width:500px){section#actus .container_actus{--l:1}section#actus .container_actus .bloc_actu_content picture{aspect-ratio:2/1}}