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 .logo{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);max-width:100%;padding:0 20px;z-index:2}section.banner .logo .mobile{display:none}section.banner .anim_1{position:absolute;top:100px;left:-50px;transform:rotate(20deg);width:450px;max-width:100%}section.banner .anim_2{position:absolute;bottom:115px;right:27px;width:650px;max-width:100%;transform:rotate(-20deg)}section.intro{padding-bottom:0}section.intro article{position:relative;top:-25px;border-radius:26px;padding-top:75px;padding-bottom:75px;text-align:center}section.intro article.centre{background-color:var(--blanc)}section.intro article.images{padding-bottom:0}section.intro article .bigti+.ti,section.intro article .bigti+.ckeditor,section.intro article .bigti+.btns,section.intro article .ti+.ckeditor,section.intro article .ti+.btns,section.intro article .ckeditor+.btns{margin-top:35px}section.intro article .ckeditor{width:475px;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.adresses .centre>.top{display:flex;justify-content:space-between;align-items:center;margin-bottom:80px}section.adresses .top .bigti{transform:rotate(-2deg)}section.adresses .centre>.top .nav_adresses{max-width:calc(100% - 370px);display:flex;flex-flow:row wrap;justify-content:center}section.adresses .centre>.top .nav_adresses .bt{margin:5px}section.adresses .centre>.top .nav_adresses .bt:nth-child(3n+1){transform:rotate(-3deg)}section.adresses .centre>.top .nav_adresses .bt:nth-child(3n+2){transform:rotate(9deg)}section.adresses .liste_adresses{display:flex;width:100%}section.adresses article{flex-shrink:0;padding:0 50px;width:100%}section.adresses article .content{display:flex;border-radius:14px;width:100%;max-width:1600px}section.adresses article .txt,section.adresses article figure{width:50%}section.adresses article .txt{padding:75px 50px;display:flex;flex-direction:column;justify-content:space-between}section.adresses article figure{position:relative;padding-bottom:45%;margin-top:-10px;margin-bottom:-10px;transform:rotate(7deg)}section.adresses article figure img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;border-radius:10px}section.adresses article .top .bigti+.ckeditor,section.adresses article .top+.btns{margin-top:50px}section.adresses article .btns{display:flex;flex-flow:row wrap}section.adresses article .btns .bt{margin:5px}section.schoolyard .anim{width:395px;max-width:100%;margin-left:auto;animation:rotate_11 2s infinite}section.schoolyard .content{margin-top:350px;padding-bottom:100px}section.schoolyard .content .presentation{position:relative;top:-300px;margin-bottom:-250px}section.schoolyard .presentation>figure{transform:rotate(3deg);margin-bottom:-30px;overflow:hidden;border-radius:10px;padding-top:calc(550/1600 * 100%)}section.schoolyard .presentation>figure img{position:absolute;top:0;width:100%;height:100%;object-fit:cover}section.schoolyard .presentation .texte{background-color:var(--blanc);width:100%;display:flex;align-items:center;padding:75px 50px}section.schoolyard .presentation .texte .img+.txt{width:50%;margin:0 auto}section.schoolyard .presentation .texte .txt{padding:50px}section.schoolyard .presentation .texte .img{position:relative;overflow:hidden;top:-100px;margin-bottom:-100px;transform:rotate(-11deg);max-width:50%;border-radius:10px}section.schoolyard .presentation .texte .img.active{animation:rotate_11 2s forwards}section.schoolyard .presentation .texte .img img{border-radius:10px}section.schoolyard .presentation .txt .bigti{transform:rotate(-1deg)}section.schoolyard .presentation .txt .bigti+.ckeditor{margin-top:35px;transform:rotate(-4deg)}section.schoolyard .presentation .txt .bigti+.bt,section.schoolyard .presentation .txt .ckeditor+.bt{margin-top:50px;transform:rotate(2deg)}section.schoolyard .actus{color:var(--blanc)}section.schoolyard .actus .titre{display:flex;align-items:flex-end;margin-bottom:20px;padding:0 25px}section.schoolyard .actus .titre .anim{width:160px;margin-left:15px;animation:none}section.schoolyard .actus .titre .anim svg{fill:var(--blanc)}section.schoolyard .actus.hidden{display:none}section.schoolyard .actus .liste_actus{display:flex;flex-flow:row wrap}section.schoolyard .actus .liste_actus .article{position:relative;opacity:0;left:-100%;width:calc(100% / 4 - 30px);margin:15px;display:block;background-color:var(--blanc);color:var(--noir);border-radius:10px;overflow:hidden;transition:all .5s}section.schoolyard .actus .liste_actus .article .txt{padding:25px}section.schoolyard .actus .liste_actus .article:nth-child(2n+1){transform:rotate(1deg)}section.schoolyard .actus .liste_actus .article:nth-child(2n+2){transform:rotate(-1deg)}section.schoolyard .actus .liste_actus .article:nth-child(4n+3){top:-20px}section.schoolyard .actus .liste_actus .article:hover:nth-child(2n+1){transform:rotate(-1deg) scale(1.1)}section.schoolyard .actus .liste_actus .article:hover:nth-child(2n+2){transform:rotate(-1deg) scale(1.1)}section.schoolyard .actus .liste_actus .article .ti{margin-bottom:25px}@media screen and (max-width:1440px){section.banner .anim_1{width:250px;left:-25px}section.banner .anim_2{width:450px}}@media screen and (max-width:1380px){section.banner .logo{width:350px;max-width:100%}section.banner .anim_2{width:350px;bottom:35px}section.adresses article .top .bigti+.ckeditor,section.adresses article .top+.btns{margin-top:30px}section.adresses article .txt{padding:50px 25px}section.adresses .centre>.top{margin-bottom:50px}section.schoolyard .presentation .texte{align-items:flex-start}}@media screen and (max-width:980px){section.intro .images figure.anim{left:50px;width:250px;transform:none}section.intro article{padding-top:50px;padding-bottom:50px}section.intro article .bigti+.ti,section.intro article .bigti+.ckeditor,section.intro article .bigti+.btns,section.intro article .ti+.ckeditor,section.intro article .ti+.btns,section.intro article .ckeditor+.btns{margin-top:15px}section.schoolyard .anim{width:250px}section.schoolyard .content{margin-top:180px}section.schoolyard .presentation .texte .img{max-width:30%}section.schoolyard .presentation .texte .img+.txt{width:70%}section.schoolyard .actus .liste_actus .article{width:calc(100% / 2 - 30px)}section.schoolyard .content{padding-bottom:75px}}@media screen and (max-width:780px){section.banner .logo{position:relative;top:initial;left:initial;transform:none;margin:0 auto}section.banner .logo img:not(.mobile){display:none}section.banner .logo img.mobile{display:block}section.banner{display:flex;flex-direction:column-reverse;background-color:var(--blanc);padding-bottom:15px}section.banner .media{margin-bottom:35px}section.intro article{top:-15px}section.intro .images .images_intro figure:nth-child(2){top:0}section.intro .images .images_intro figure{max-width:calc(50% - 15px)}section.banner .anim_1,section.banner .anim_2{display:none}}@media screen and (max-width:750px){section.adresses .centre>.top{flex-direction:column;align-items:center}section.adresses .centre>.top .nav_adresses{margin-top:10px;max-width:100%}section.adresses article .content{flex-direction:column-reverse}section.adresses article .txt,section.adresses article figure{width:100%}section.adresses article{padding:0 15px}section.schoolyard .presentation .texte{flex-direction:column}section.schoolyard .presentation .texte .img{max-width:50%}section.schoolyard .presentation .texte .txt{text-align:center}section.schoolyard .presentation .texte .img+.txt{width:100%;padding:0}}@media screen and (max-width:500px){section.banner .anim_2{width:250px}section.intro .images figure.anim{left:25px;width:150px}section.schoolyard .presentation .texte .img{top:-75px}section.schoolyard .presentation .texte .img+.txt{padding-top:50px}section.adresses{background-color:var(--blanc)}}@keyframes rotate_11{0%{transform:rotate(-11deg)}50%{transform:rotate(11deg)}100%{transform:rotate(-11deg)}}@-moz-keyframes rotate_11{0%{transform:rotate(-11deg)}50%{transform:rotate(11deg)}100%{transform:rotate(-11deg)}}