.visible-links .round a,.visible-links .round:before{vertical-align:middle;display:inline-block}.events-links-mobile a,.logo-mobile a,.nav-social a,.search a{text-decoration:none;text-align:center;top:0;position:absolute}.nav-icon,header .nav__search--js{cursor:pointer}.events-links-mobile,.logo-mobile,.nav-social,.search{transform:translate(0,0);width:70px;height:70px}.nav-social a{left:0;display:block;width:70px;height:70px;background:#aaa;border-radius:500px;line-height:70px;color:#fff;transition:.5s;border:3px solid #fff}.events-links-mobile a:hover,.events-links-mobile a:last-child,.events-links-mobile.open a:hover,.events-links-mobile.open a:last-child,.logo-mobile a:hover,.logo-mobile a:last-child,.nav-social a:hover,.nav-social a:last-child,.nav-social.open a:hover,.nav-social.open a:last-child,.search a:hover,.search a:last-child{opacity:1;color:#fff}.events-links-mobile a:not(:last-child),.logo-mobile a:not(:last-child),.nav-social a:not(:last-child),.search a:not(:last-child){opacity:0}.events-links-mobile a:last-child,.logo-mobile a:last-child,.nav-social a:last-child,.search a:last-child{border:5px solid #fff}.events-links-mobile a:last-child i.fa,.logo-mobile a:last-child i.fa,.nav-social a:last-child i.fa,.search a:last-child i.fa{line-height:60px}.nav-social a i.fa,.nav-social a i.fab{display:block;border-radius:500px;line-height:70px;text-align:center;font-size:1.75em;transition:.5s}.nav-social a i.fa.fa-facebook,.nav-social a i.fab.fa-facebook{background:#3b5998}.nav-social a i.fa.fa-twitter,.nav-social a i.fab.fa-twitter{background:#55acee}.nav-social a i.fa.fa-google-plus,.nav-social a i.fab.fa-google-plus{background:#dd4b39}.nav-social a i.fa.fa-youtube,.nav-social a i.fab.fa-youtube{background:#e52d27}.nav-social a i.fa.fa-instagram,.nav-social a i.fab.fa-instagram{background:#38678e}.nav-social a i.fa.fa-codepen,.nav-social a i.fab.fa-codepen{background:#1d1f20}.nav-social a i.fa.fa-soundcloud,.nav-social a i.fab.fa-soundcloud{background:#ff6300}.nav-social a i.fa.fa-dropbox,.nav-social a i.fab.fa-dropbox{background:#007ee5}.nav-social a i.fa.fa-share-alt,.nav-social a i.fab.fa-share-alt{background:#ccc}.nav-social.open a:not(:last-child){opacity:1}.nav-social.open a:first-child:not(:last-child){left:0;top:77px}.nav-social.open a:nth-child(2):not(:last-child){left:0;top:154px}.nav-social.open a:nth-child(3):not(:last-child){left:0;top:231px}.nav-social.open a:nth-child(4):not(:last-child){left:0;top:308px}.nav-social.open a i{height:100%;display:flex;justify-content:center;align-items:center}header .social{display:flex;flex:1 1 auto;text-align:center;align-items:center;justify-content:center;z-index:5}header .upper-nav{z-index:5}header .line-top{height:40px}header .logo{height:100%;z-index:2;position:absolute}@media only screen and (min-width:992px){header .logo{margin-top:-2rem}}header h1,header h1 a,header h1 a:hover{color:var(--color-primary-medium)}header .main-nav{display:flex;background-color:var(--color-primary-medium);width:100%;color:#fff!important;padding:0 0 0 1rem!important}.visible-links .round,.visible-links li,header .upper-nav :not(.search) :not(.logo-mobile) :not(.events-links-mobile) .round{line-height:1.2;padding:.5rem;transform:translateY(-10%);transition:.4s;display:flex}header .main-nav h1{font-size:3rem}@media(max-width:64em){header .main-nav h1{font-size:2.5rem}}@media(max-width:40em){header .main-nav h1{font-size:2rem}}@media(max-width:32em){header .main-nav h1{font-size:1.2rem}}@media(max-width:360px){header .main-nav h1{font-size:.8rem}}@media(max-width:300px){header .main-nav h1{display:none}}header .main-nav h1 .title{text-transform:none}header .main-nav ul li:not(:first-child){display:flex;align-items:center}header .main-nav ul li:not(:first-child)::before{content:"";position:absolute;display:block;width:2px;height:40%;background-color:#fff}@media only screen and (max-width:992px){header .main-nav ul li:not(:first-child)::before{display:none}}header .main-nav a{font-family:"Lilita One",cursive;text-transform:uppercase;padding:1rem;display:inline-block;color:#fff!important}header .line-title{height:100%}header .line-title h1{font-size:2rem}@media(max-width:64em){header .line-title h1{font-size:2.5vw}}@media(max-width:40em){header .line-title h1{font-size:3vw}}header .line-title h1 a .jeunes{color:var(--color-primary-cathocambrai);font-family:"Dancing Script",system-ui;font-size:2.5rem}header .line-title h1 a .cathocambrai{color:var(--color-secondary-cathocambrai);font-family:Figtree,system-ui;font-weight:300}header .upper-nav{display:flex;flex:1 1 auto;text-align:center;align-items:center;justify-content:center}header .upper-nav :not(.search) :not(.logo-mobile) :not(.events-links-mobile) .round{align-items:center;justify-content:center;border-radius:150px;border:5px solid #fff;color:#fff;aspect-ratio:1/1}header .upper-nav a{color:#fff}.events-links-mobile a:first-child,.logo-mobile a:first-child,.search a:first-child,header .upper-nav .round:first-child{background-color:#e06251}.events-links-mobile a:nth-child(2),.logo-mobile a:nth-child(2),.search a:nth-child(2),header .upper-nav .round:nth-child(2){background-color:#6674c4}.events-links-mobile a:nth-child(3),.logo-mobile a:nth-child(3),.search a:nth-child(3),header .upper-nav .round,header .upper-nav .round:nth-child(3){background-color:var(--color-primary-medium)}.events-links-mobile a:nth-child(4),.logo-mobile a:nth-child(4),.search a:nth-child(4),header .upper-nav .round:nth-child(4){background-color:#21a888}.events-links-mobile a:nth-child(5),.logo-mobile a:nth-child(5),.search a:nth-child(5),header .upper-nav .round:nth-child(5){background-color:#d44962}.events-links-mobile a:nth-child(6),.logo-mobile a:nth-child(6),.search a:nth-child(6),header .upper-nav .round:nth-child(6){background-color:#ee914d}.events-links-mobile a:nth-child(7),.logo-mobile a:nth-child(7),.search a:nth-child(7),header .upper-nav .round:nth-child(7){background-color:#78acea}.events-links-mobile a:nth-child(8),.logo-mobile a:nth-child(8),.search a:nth-child(8),header .upper-nav .round:nth-child(8){background-color:#d3e051}header .upper-nav .round:nth-child(9){background-color:#123870;width:110px;height:110px;max-width:unset}header .upper-nav .round:nth-child(9):hover{width:120px!important;height:120px!important}header .upper-nav .round:nth-child(10){width:70px;height:70px;background-color:#93ce5f}header .upper-nav .round.button{width:70px;height:70px;background-color:#ffcf00}header .upper-nav .round.logo{width:70px;height:70px;background-color:#ddd}header .upper-nav .round.logo img{width:50px}header .upper-nav .round.search_btn{width:70px;height:70px;font-size:1.75em;background-color:var(--color-secondary-medium)}header .pipe{color:#fff;margin:0}header .menu-title{color:#fff!important}.visible-links{font-family:"Lilita One",cursive;display:flex;align-items:center;justify-content:center;height:100%}.visible-links .round{align-items:center;justify-content:center;border-radius:150px;border:5px solid #fff;color:#fff;aspect-ratio:1/1;max-width:100px}.visible-links .round:hover{transform:translateY(-10%) scale(1.1)}.visible-links .round:before{content:"";padding-top:100%;height:0}.visible-links li{align-items:center;justify-content:center;margin-right:5px;width:80px;height:80px;border-radius:50%;border:5px solid #fff}.hidden-links{position:absolute;right:0;top:100%}.hidden-links li{display:flex}.visible-links li:first-child{font-weight:700}.hidden{visibility:hidden}.events-links-mobile{display:flex;align-items:center;justify-content:center}.events-links-mobile a,.logo-mobile a,.search a{display:block;background:#aaa;border-radius:500px;color:#fff;transition:.5s;display:flex;line-height:1;align-items:center;justify-content:center;min-width:70px;aspect-ratio:1/1}.events-links-mobile a i.fa,.events-links-mobile a i.fab,.logo-mobile a i.fa,.logo-mobile a i.fab,.search a i.fa,.search a i.fab{display:block;border-radius:500px;text-align:center;font-size:1.75em}.events-links-mobile a:nth-child(9),.logo-mobile a:nth-child(9),.search a:nth-child(9){background-color:#123870}.events-links-mobile a:nth-child(10),.logo-mobile a:nth-child(10),.search a:nth-child(10){background-color:#93ce5f}.events-links-mobile.open a:not(:last-child){opacity:.8}.events-links-mobile.open a:first-child:not(:last-child){top:77px}.events-links-mobile.open a:nth-child(2):not(:last-child){top:154px}.events-links-mobile.open a:nth-child(3):not(:last-child){top:231px}.events-links-mobile.open a:nth-child(4):not(:last-child){top:308px}.events-links-mobile.open a:nth-child(5):not(:last-child){top:385px}.events-links-mobile.open a:nth-child(6):not(:last-child){top:462px}.events-links-mobile.open a:nth-child(7):not(:last-child){top:539px}.events-links-mobile.open a:nth-child(8):not(:last-child){top:616px}.events-links-mobile.open a:nth-child(9):not(:last-child){top:693px}.events-links-mobile.open a:nth-child(10):not(:last-child){top:770px}.events-links-mobile.open a:nth-child(11):not(:last-child){top:847px}.menu-trigger{border:none!important;display:inline-block;text-align:center;float:right}.menu-trigger .menu-text{color:#fff;font-size:.8rem;display:block}.nav-icon{position:relative;width:40px;height:22px;float:right}.nav-icon span{display:block;position:absolute;height:2px;width:100%;background:#fff;border-radius:2px;opacity:1;left:0;-webkit-transform:rotate(0);-moz-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0);-webkit-transition:.25s ease-in-out;-moz-transition:.25s ease-in-out;-o-transition:.25s ease-in-out;transition:.25s ease-in-out}.nav-icon span:first-child{top:0}.nav-icon span:nth-child(2){top:10px;width:75%}.nav-icon span:nth-child(3){top:20px}.nav-icon.open span:first-child{top:10px;-webkit-transform:rotate(135deg);-moz-transform:rotate(135deg);-o-transform:rotate(135deg);transform:rotate(135deg)}.nav-icon.open span:nth-child(2){opacity:0;left:-60px}.nav-icon.open span:nth-child(3){top:10px;-webkit-transform:rotate(-135deg);-moz-transform:rotate(-135deg);-o-transform:rotate(-135deg);transform:rotate(-135deg)}header .nav-link.active{box-shadow:inset 0 0 2rem rgba(0,0,0,.2)}header .header{background:0 0}@media(max-width:991px){.events-links-mobile,.logo-mobile,.nav-social,.search{transform:translate(0,-15px)}header .header{background-color:var(--color-primary-medium)}}header .nav__search{z-index:9999999999;position:absolute;top:0;right:0;left:0;background:rgba(0,0,0,.7);padding:2.5rem 5rem;transition:.2s;transform:translate(-100%,-100%);opacity:0}header .nav__search.active{transform:translate(0,0);opacity:1}header .nav__search .close{position:absolute;top:5px;right:5px;cursor:pointer}header .nav__search .form__group{position:relative}header .nav__search .form__control{font-size:18px;padding:10px 10px 10px 5px;-webkit-appearance:none;display:block;background:rgba(0,0,0,0);color:transparent;width:100%;border:none;border-radius:0;border-bottom:1px solid rgba(255,255,255,.6)}header .nav__search .form__control:focus{outline:0}header .nav__search .form__control.used,header .nav__search .form__control:focus{color:#fff}header .nav__search .form__control.used~.form__label,header .nav__search .form__control:focus~.form__label{top:-20px;transform:scale(.75);left:-2px;color:rgba(255,255,255,.6)}header .nav__search .form__control:focus~.form__bar:after,header .nav__search .form__control:focus~.form__bar:before{width:50%}header .nav__search .form__label{color:#fff;font-size:18px;font-weight:400;position:absolute;pointer-events:none;left:5px;top:10px;transition:.2s}header .nav__search .form__bar{position:relative;display:block;width:100%}header .nav__search .form__bar:after,header .nav__search .form__bar:before{content:"";height:2px;width:0;bottom:1px;position:absolute;background-color:#fff;transition:.2s}header .nav__search .form__bar:before{left:50%}header .nav__search .form__bar:after{right:50%}footer{background-color:#e1e1e1;color:#466871}footer a{display:block}@media only screen and (max-width:767px){.events-links-mobile.open a:not(:last-child){opacity:1}.text-right,footer{text-align:center!important}footer .logo{margin-bottom:2rem}}#main .gauche{width:400px;overflow:auto;float:left}#main .droit div,#main .gauche div{margin-bottom:5px;overflow:auto}#main .droit div img,#main .gauche div img{float:left}#main .gauche div div{float:right;clear:none;width:300px}#main .droit div div p.titre a,#main .gauche div div p.titre a{color:#ef7b02;font-size:1.3em}#main .droit div div p+p,#main .droit div.agenda p+p,#main .gauche div div p+p{font-size:.8em}#main .droit{width:280px;overflow:auto;float:right;clear:none}#main .droit h2.one{margin-top:0}#main .droit div div{float:right;clear:none;width:180px}#main .droit div.agenda{padding:0 30px 0 50px;background:url('/graph/site/paj/fleche.jpg') 30px 3px no-repeat}#main .droit div.agenda p.titre a{font-weight:700;color:#000;font-size:.9em}