body.about{background-color:var(--noir)}body.about header .menu_index{color:var(--blanc)}body.about header.scroll .menu_index{color:var(--noir)}section.banner{position:relative;max-width:100%}section.banner .media{position:relative;width:100%;padding-top:56.25%;transform:rotate(1.5deg);border-radius:26px;overflow:hidden}section.banner .media>img,section.banner .media>video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}section.banner .media>img{width:125%;height:125%}section.banner .logo{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);max-width:100%;padding:0 20px}section.banner .anim_1{position:absolute;top:100px;right:0;transform:rotate(20deg);width:450px;max-width:100%}section.intro{padding:0 25px 0}section.intro article{position:relative;border-radius:10px;padding-top:125px;padding-bottom:125px;text-align:center;background-color:var(--blanc);transform:translateY(-50%) rotate(-1deg);margin-bottom:-175px}section.intro article.images{padding-bottom:0}section.intro article .bigti+.ti,section.intro article .bigti+.ckeditor,section.intro article .ti+.ckeditor{margin-top:35px}section.intro article .ckeditor{width:895px;max-width:100%;margin:0 auto}section.intro article .btns{display:flex;justify-content:center}section.intro article .btns .bt+.bt{margin-left:15px}section.intro .images .images_intro{display:flex;justify-content:space-between}section.intro .images .images_intro figure{position:relative;max-width:calc(50% - 50px);border-radius:10px}section.intro .images .images_intro figure:nth-child(1){left:-35px;top:-60px;transform:rotate(-7deg)}section.intro .images .images_intro figure:nth-child(2){top:60px;transform:rotate(11deg)}section.intro .images .images_intro figure img{position:relative;border-radius:26px;overflow:hidden}section.intro .images figure.anim{position:relative;margin-top:-80px;margin-bottom:-80px;left:25%;width:415px;max-width:100%;transform:translateX(-25%)}section.paragraphes article{position:relative;display:flex;justify-content:space-between;color:var(--blanc);text-align:center}section.paragraphes article .anim_1{width:450px;position:absolute;top:0;left:-20px;transform:rotate(30deg)}section.paragraphes article .anim_2{position:relative;width:630px;max-width:100%;margin-left:auto;right:-125px;transform:rotate(-10deg)}section.paragraphes article .images{max-width:50%}section.paragraphes article .img{position:relative;overflow:hidden;padding:50px 0;border-radius:10px}section.paragraphes article .img img{position:relative;width:100%;height:100%;margin:0 auto;border-radius:10px}section.paragraphes article:nth-child(1){align-items:flex-end;margin-bottom:75px}section.paragraphes article:nth-child(1) .img{transform:rotate(9deg);border-radius:10px;overflow:hidden}section.paragraphes article .bigti{width:750px;max-width:50%;padding:0 25px;margin:0 auto;background-color:var(--noir);border-radius:10px;font-size:35px;line-height:40px;transform:rotate(-2deg)}section.paragraphes article .bigti>div>div{white-space:nowrap}section.paragraphes article:nth-child(1) .bigti{margin-bottom:200px}section.paragraphes article:nth-child(2) .texte{width:calc(50% + 50px);display:flex;flex-direction:column;align-items:flex-start}section.paragraphes article:nth-child(2) .bigti{margin-top:200px;width:750px;max-width:100%;transform:rotate(3deg);margin-left:0}section.paragraphes article:nth-child(2) .images .img:nth-child(1){position:relative;transform:rotate(-9deg);left:-50px}section.paragraphes article:nth-child(2) .images .img:nth-child(2){position:relative;transform:rotate(8deg);left:-300px}section.paragraphes article:nth-child(2) .texte .img{position:relative;transform:rotate(-6deg);right:-300px;padding:0}section.paragraphes article .anim_3{position:relative;width:550px;transform:rotate(8deg) translateY(-50%)}section.video{position:relative;background-color:var(--blanc);padding-bottom:0}section.video .ckeditor{transform:rotate(1deg);width:895px;margin:0 auto;max-width:100%;text-align:center}section.video .ckeditor+.ti{margin-top:115px}section.video .ti{text-align:center;font-size:45px;line-height:45px;display:block;transform:rotate(-1deg)}section.video .anim{position:relative;width:325px;max-width:100%;margin:0 auto;transform:rotate(-18deg);z-index:10}@media screen and (max-width:1440px){section.banner .anim_1{width:250px}}@media screen and (max-width:1380px){section.banner .logo{width:350px;max-width:100%}section.paragraphes article .bigti{font-size:30px;line-height:35px}section.paragraphes article .anim_2{width:500px}section.paragraphes article:nth-child(2) .images .img:nth-child(2){left:-200px}section.paragraphes article .anim_3{width:400px}}@media screen and (max-width:980px){section.intro article{padding-top:50px;padding-bottom:50px;margin-bottom:-100px}section.intro article .bigti+.ti,section.intro article .bigti+.ckeditor{margin-top:15px}section.intro article{transform:translateY(-25%) rotate(-1deg)}section.paragraphes article{flex-direction:column}section.paragraphes article:nth-child(1){flex-direction:column-reverse;position:relative}section.paragraphes article .bigti{max-width:100%;margin-bottom:200px;margin-top:100px;font-size:28px;line-height:32px}section.paragraphes article .images{max-width:100%}section.paragraphes article:nth-child(1) .images{margin-top:150px}section.paragraphes article .img{max-height:350px;padding:0;border-radius:10px}section.paragraphes article .img img{width:100%;height:100%;object-fit:cover}section.paragraphes article .anim_2{position:absolute;bottom:0}section.paragraphes article{flex-direction:column}section.paragraphes article:nth-child(2) .texte{width:auto;max-width:100%}section.paragraphes article:nth-child(2) .bigti{margin-top:50px;margin-left:auto;margin-bottom:50px}section.video .ckeditor+.ti{margin-top:50px}section.video .anim{margin:-141px auto 0}section.video .ti{font-size:35px;line-height:40px}}@media screen and (max-width:780px){section.banner .media{padding-top:0;height:80vh}section.video .ti{font-size:30px;line-height:35px}section.video .anim{width:250px;margin:-95px auto 0}body.about header .menu_index{color:var(--noir)}}@media screen and (max-width:680px){section.paragraphes article .bigti{font-size:25px;line-height:30px}section.paragraphes article .anim_2{width:400px}section.paragraphes article .anim_3{width:300px}section.paragraphes article .img{max-height:250px}section.paragraphes article:nth-child(2) .images .img:nth-child(1){left:0}section.paragraphes article:nth-child(2) .images .img:nth-child(2){left:-50px}section.paragraphes article:nth-child(2) .texte .img{right:-100px}}@media screen and (max-width:500px){section.banner .anim_1{top:0}section.video .ti{font-size:25px;line-height:30px}section.video .anim{width:180px}}