@import url('https://fonts.googleapis.com/css2?family=Roboto+Mono:ital,wght@0,100..700;1,100..700&display=swap');

html{font-family: "Roboto Mono", monospace;opacity:0;animation: animate 0.4s ease-in forwards 0.3s;}
body{background:#fb7e14;overflow-x: hidden;}

@keyframes animate {
  0% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
}
#preloader{display:flex;align-items:center;justify-content:center;background:#fb7e14 url(./../gifs/loader.gif)no-repeat center center;height:100vh;width:100%;position:fixed;z-index:99999;}	
p{font-size:20px;line-height:24px;}
.main{width:1920px;margin:0 auto;}
.home{max-width:2400px;height:auto;margin:auto;padding:0 0 100px 0;}
.mobile{display:none;}

.navbar{display:block;}
.navbar-home{margin-right:25px;}
.navbar-toggler{padding: 10px 20px 14px 20px;font-size:25px;float:right;background:#43bbb7;border:0;border-radius:0;clip-path: polygon(0% 0%, 100% 0%, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0% 100%);}
.menu{color:#fff;font-size:30px;text-transform:uppercase;font-weight:600;padding:14px 6px;}
.offcanvas{background:#43bbb7;color:#fff;z-index:99000;}
.navbar-nav .nav-link.active, .navbar-nav .nav-link.show{text-align:left;color:#fff;font-size:20px;text-transform:uppercase;font-weight:600;}
.nav-link {text-align:left;color:#fff;font-size:20px;text-transform:uppercase;}
.plan-01 img{padding:20px 80px 0 80px;width:100%;height:auto;}
.plan-02 img{padding:20px 80px 0 80px;width:100%;height:auto;}
.plan-03 img{padding:0 80px 0 80px;width:100%;height:auto;}
.plan-04 img{padding:40px 80px 0 80px;width:100%;height:auto;}
.plan-05 img{padding:20px 80px 0 80px;width:100%;height:auto;}
.plan-06 img{padding:20px 80px 0 80px;width:100%;height:auto;}
.logo img{padding:25px 80px 0 80px;width:100%;height:auto;}
.cadre img{margin:0 auto;width:100%;height:auto;margin:0 auto;}
.plan-01{width:100%;height:auto;margin:0 auto;}
.plan-02{width:100%;height:auto;margin:0 auto;}
.plan-03{width:100%;height:auto;margin:0 auto;}
.plan-04{width:100%;height:auto;margin:0 auto;}
.plan-05{width:100%;height:auto;margin:0 auto;}
.plan-06{width:100%;height:auto;margin:0 auto;}
.logo{width:100%;height:auto;margin:0 auto;}
.cadre{width:100%;height:auto;margin:0 auto;}
.container-fluid{margin:0 auto;}
.container{max-width:1680px;margin:0 auto;}

.intro{margin:0 auto;position:relative;z-index:99;background:#fb7e14 url(./../images/pattern-intro.jpg)repeat center center;padding:0 0 120px 0;}
.content{margin:0 auto;background:#fb7e14;padding:60px 0 90px 0;}
.content-01{margin:0 auto;background:#fb7e14;padding:60px 0 120px 0;}
.content-02{margin:0 auto;background:#fb7e14;padding:120px 0 90px 0;}
.footer{margin:0 auto;padding:80px 0 0 0;background: rgb(125,42,24);background: linear-gradient(0deg, rgba(125,42,24,1) 20%, rgba(251,126,20,1) 90%);}
.row{margin-left:0;margin-right:0;}
.row > * {padding-right:0;padding-left:0;margin-top:0;}
.intro-content{position:relative;z-index:100;background:#43bbb7;padding-left:0;padding-right:0;padding-bottom:30px;}
.logo-black{padding:60px 0 20px 0;text-align:center;}
.intro-title{text-transform:uppercase;color:#fff;font-size:50px;font-weight:700;text-align:center;padding:0 0 20px 0;margin:0 20px;background:#43bbb7;}
.intro-title span{font-weight:100;}
.intro-text-01{padding:10px 50px 30px 50px;color:#fff;background:#43bbb7;margin:0 20px;}
.intro-text-02{padding:20px 50px 10px 50px;color:#fff;background:#43bbb7;margin:0 20px;}
.border-01{padding:40px 0 0 0;}
.border-02{position:relative;padding:40px 0 0 0;}
.border-txt-01{position:absolute;z-index:10;top:40px;left:40px;}
.border-txt-02{position:absolute;z-index:10;top:40px;right:60px;transform: rotateY(180deg);}
.border-txt-03{position:absolute;z-index:10;bottom:-20px;left:40px;transform: rotateZ(-90deg);}
.border-txt-04{position:absolute;z-index:10;bottom:-20px;right:60px;transform: rotateZ(-180deg);}
.under-border-01{position:absolute;z-index:90;left:-50px;top:40px;height:300px;width:auto;}
.under-border-02{position:absolute;z-index:90;right:-50px;top:40px;height:300px;width:auto;}
.intro-footer{position:relative;z-index:20;padding:0 0 90px 0;}
.intro-png{position:absolute;z-index:100;}
.intro-gif{position:absolute;z-index:80;}
.content-01-footer{position:relative;z-index:20;}
.content-01-png{position:absolute;z-index:100;}
.rouage-01{position:absolute;z-index:90;top:-130px;left:220px;animation:rouage01 30s linear infinite;}
.rouage-02{position:absolute;z-index:80;top:-140px;left:17px;animation:rouage02 30s linear infinite;}
.rouage-03{position:absolute;z-index:70;top:-155px;left:260px;animation:rouage01 15s linear infinite;}
.rouage-04{position:absolute;z-index:60;top:-120px;left:70px;animation:rouage01 60s linear infinite;}
.separator-01{text-align:center;}
.content-blocker{padding:45px 0;margin:0 15px;}
.content-blocker-07{padding:45px 0;margin:0 15px;}
.content-blocker-video{padding:20px;margin:0;}
.content-block-01{background:#fff;padding:70px 0 115px 0;position:relative;}
.content-block-001{background:#fff;padding:40px 0 40px 0;position:relative;text-align:center;}
.content-block-001 img{max-height:540px;padding:0 25px;}
.content-block-007{background:#181818;padding:40px 0 40px 0;position:relative;text-align:center;}
.content-block-007 img{max-height:540px;padding:0 25px;}
.content-block-02{background:#000;padding:40px 0;}
.content-block-07{background:#181818;padding:40px 0 120px 0;}
.content-p4-home{background:#fb7e14 url(./../images/pattern-p4.jpg)repeat center center;padding:90px 0 60px 0;}
.savoir-plus-01{background:linear-gradient(to left, #7e268a 50%, #43bbb7 50%);background-size:200% 100%;background-position:right;transition:background-position 0.5s ease;padding:10px 16px;position:relative;float:right;margin:0 60px 0 20px;clip-path: polygon(10px 0%,100% 0%,100% calc(100% - 10px),calc(100% - 10px) 100%,0% 100%,0% 10px);}
.savoir-plus-01:hover{background-position:left;transition:all 0.3s ease;}
.savoir-plus-01 a{color:#fff;text-decoration:none;font-size:20px;text-transform:uppercase;font-weight:600;}
.savoir-plus-02{background:linear-gradient(to left, #cbfd04 50%, #43bbb7 50%);background-size:200% 100%;background-position:right;transition:background-position 0.5s ease;padding:10px 16px;position:relative;float:right;margin:0 60px 0 20px;clip-path: polygon(10px 0%,100% 0%,100% calc(100% - 10px),calc(100% - 10px) 100%,0% 100%,0% 10px);}
.savoir-plus-02:hover{background-position:left;transition:all 0.3s ease;}
.savoir-plus-02 a{color:#000;text-decoration:none;font-size:20px;text-transform:uppercase;font-weight:600;}
.aubergine{position:absolute;z-index:99;top:-80px;right:30px;animation:aubergine 6s linear infinite;}
.reform{margin:0 auto;text-align:center;}
.reforme{position:relative;z-index:99;bottom:-80px;padding:0 60px 20px 60px;transform: rotate(4deg);}
.duck{position:absolute;z-index:88;bottom:-60px;left:-70px;width:200px;height:141px;transition:all 0.2s ease;}
.duck:hover{position:absolute;z-index:88;bottom:-60px;left:-60px;width:180px;height:127px;transition:all 0.2s ease;}
.click{border:1px solid transparent;background:#fff;}
.circle01{position:absolute;z-index:50;color:#fff;bottom:-120px;left:15px;font-size:40px;text-transform:uppercase;font-weight:700;animation:circle01 30s linear infinite;}
.content-title{font-size:55px;color:#fb7e14;text-transform:uppercase;padding:0 60px 10px 60px;}
.content-title span{font-weight:700;}
.content-02-title{text-align:center;font-size:55px;color:#5c1966;text-transform:uppercase;padding:25px 0 10px 0;}
.content-02-title span{font-weight:700;}
.content-title-07{margin:0 60px;text-align:left;font-size:55px;color:#fff;text-transform:uppercase;padding:25px 0 10px 0;}
.content-title-07 span{font-weight:700;}
.content-text{color:#fb7e14;padding:30px 60px 30px 60px;margin-bottom:0;}
.content-text-07{color:#fff;padding:30px 60px 30px 60px;margin-bottom:0;}
.vat{vertical-align:top;padding-left:0;padding-right:0;}
.vab{vertical-align:bottom;padding-left:0;padding-right:0;}
.pdnone{padding-left:0;padding-right:0;}
.actors-title{font-size:70px;font-weight:700;color:#fff;text-align:center;padding:20px 0 10px 0;text-transform:uppercase;}
.actors-text{font-size:20px;color:#fff;text-align:center;padding:20px 10px 10px 10px;}
.separator-02{width:100px;height:6px;background:#5c1966;margin:0 auto;margin-bottom:15px;}
.separator-03{width:140px;height:6px;background:#ffe400;margin:0 60px;}
.separator-04{width:70px;height:6px;background:#fb7e14;margin:0 auto;}
.separator-05{width:70px;height:6px;background:#43bbb7;margin:auto;margin-bottom:50px;}
.separator-07{width:140px;height:6px;background:#cbfd04;margin:0 60px;}
.tac{text-align:center;margin:0 auto;}

@keyframes rouage01 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}@keyframes rouage02 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(-360deg);
  }
}

@keyframes circle01 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes aubergine {
  0% {
	top:-85px;
  }
  50% {
	top:-105px;
  }
  100% {
	top:-85px;
  }
}

.video-responsive{overflow:hidden;padding-bottom:56.25%;position:relative;height:0;}
.video-responsive iframe{left:0;top:0;height:100%;width:100%;position:absolute;padding:0 40px;}
.video-responsive-nanard{overflow:hidden;padding-bottom:56.25%;position:relative;height:0;}
.video-responsive-nanard iframe{left:0;top:0;height:100%;width:100%;position:absolute;padding:0 20px;}
.galerie-block-01{padding:0;}
.galerie-block-02{padding:0 25px 75px 25px;background:#ffffff;}
.galerie-block-03{padding:30px 30px 50px 30px;background:#000 url(./../images/pattern-01.jpg)repeat;position:relative;z-index:111;}
.galerie-block-04{padding:0;padding-left:10px;padding-right:10px;}
.galerie-block-07{padding:0;padding-left:10px;padding-right:10px;}
.galerie-top{text-align:center;padding:0 0 0 0;}
.galerie-bottom{text-align:center;padding:0 0 0 0;}
.galerie-01{margin:12px 0;padding:0 15px;transition:all 0.25s ease;}
.galerie-01:hover{filter: grayscale(100%);transition:all 0.25s ease;}
.ttc{margin:0 auto;text-align:center;}
.icon-instagram{position:relative;z-index:99;margin:0 20px 100px 20px;padding:40px 42px;text-align:center;background:rgba(251,126,20,0.4);color:#fff;font-size:70px;clip-path:polygon(20px 0%,100% 0%,100% calc(100% - 20px),calc(100% - 20px) 100%,0% 100%,0% 20px);transition:all 0.4s ease;}
.icon-instagram:hover{background:#FCB045;transition:all 1s ease;}
.icon-you{position:relative;z-index:99;margin:0 20px 100px 20px;padding:40px 42px;text-align:center;background:rgba(251,126,20,0.4);color:#fff;font-size:70px;clip-path:polygon(20px 0%,100% 0%,100% calc(100% - 20px),calc(100% - 20px) 100%,0% 100%,0% 20px);transition:all 0.4s ease;}
.icon-you:hover{background:#ff0000;transition:all 1s ease;}
.copyright{color:#fff;font-size:14px;padding:20px 0 15px 0;text-transform:uppercase;letter-spacing:2px;font-weight:bold;}
.copyright a{color:#fff;text-decoration:none;}
.bg-footer{padding:60px 0 0 0;background:url(./../images/footer.png)no-repeat center center;}
.feet{background:#000;}
.feet-border{width:100%;height:35px;background:url(./../images/border-feet.png)repeat center center;}
.comparison-slider-wrapper{position: relative;width: 100%;max-width:390px;margin: 20px 0 20px 10px;background-color: #ffffff; }
.comparison-slider-wrapper .comparison-slider {position: relative;width: 100%;margin: 0;border: 0px #ffffff solid;box-sizing: border-box; }
.comparison-slider-wrapper .comparison-slider > img {width: 100%;height: auto;display: block; }
.comparison-slider-wrapper .comparison-slider .overlay {display: none;position: absolute;bottom:15%;left:15%;display: block;}
.slide-title{font-size:16px;text-transform:uppercase;color:#fff;font-weight:700;padding:0 0 15px 0;}
ul.slide-list{display:block;list-style-type:none;color:#fff;padding-left:0;}
ul.slide-list li{font-size:14px;font-weight:700;color:fff;}
.overlay-block{background:rgba(0,0,0,0.65);border-radius:2px;padding:10px;}
.comparison-slider-wrapper .comparison-slider .resize {position: absolute;top: 0;left: 0;height: 100%;width: 100%;overflow: hidden; }
.comparison-slider-wrapper .comparison-slider .resize > img {display: block;}
.comparison-slider-wrapper .comparison-slider .divider {position: absolute;width: 3px;height: 100%;background-color: rgba(0, 0, 0, 0);left: 96%;top: 0;bottom: 0;margin-left: -1px;cursor: ew-resize; }
.comparison-slider-wrapper .comparison-slider .divider:before {content: "";position: absolute;width: 50px;height: 50px;left: -23px;top: 47%;margin-top: -24px;border-radius: 8%;background-color: #ffffff;transition: all 0.1s ease-in-out;z-index:1000;}
.comparison-slider-wrapper .comparison-slider .divider:after {content: "\2039\a0\203A";position: absolute;font-size: 28px;top: 47%;margin-top: -24px;margin-left: -12px;color: #000000;font-weight: 900;text-align: center;transition: all 0.1s ease-in-out;z-index:1010; }
.comparison-slider-wrapper .comparison-slider .divider.draggable:before {width: 60px;height: 60px;left: -28px;margin-top: -30px;}
.btn-clignoter-01{animation: clignoter01 1s infinite;}
@keyframes clignoter01 {
      0%, 49% {
        color: #fff;
      }
      50%, 100% {
        color: #fb7e14;
      }
}
.btn-clignoter-02{animation: clignoter02 1s infinite;}
@keyframes clignoter02 {
      0%, 49% {
        color: #000;
      }
      50%, 100% {
        color: #fb7e14;
      }
}

.body-nanard{background:#fb7e14 url(./../images/pattern-nanard.jpg)repeat center center;overflow-x: hidden;}
.content-nanard-01{margin:0 auto;padding:60px 0 0 0;}
.content-nanard-02{margin:0 auto;padding:40px 0 90px 0;}
.content-nanard-03{margin:0 auto;padding:60px 0 120px 0;}
.content-nanard-04{margin:0 auto;padding:120px 0 90px 0;}
.ariane-menu{margin:35px 20px 0 20px;}
.breadcrumb{font-size:24px;}
.breadcrumb-item{color:#fff;}
.breadcrumb-item a{color:#fff;font-weight:bold;text-decoration:none;border-bottom:2px solid rgba(255,255,255,0);transition:all 0.3s ease;}
.breadcrumb-item a:hover{border-bottom:2px solid rgba(255,255,255,1);transition:all 0.3s ease;}
.breadcrumb-item.active{color:#fff;}
.breadcrumb-item + .breadcrumb-item::before{color:#fff;}
.logo-nanard{max-width:740px;height:auto;}
.galerie-block-nanard{background:#4d281d;padding:50px 25px;text-align:center;margin:0 auto;}

.body-p4{background:#fb7e14 url(./../images/pattern-p4.jpg)repeat center center;overflow-x: hidden;}
.content-p4-01{margin:0 auto;padding:60px 5px 0 5px;}
.content-p4-02{margin:0 auto;padding:40px 0 90px 0;}
.content-p4-03{margin:0 auto;padding:0 0 90px 0;}
.logo-p4{max-width:740px;height:auto;padding:15px 20px;}
.galerie-block-p4{padding:50px 25px;text-align:center;margin:0 auto;background: #000;background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(34, 34, 34, 1) 50%, rgba(0, 0, 0, 1) 100%);}
.content-p4-title-01{margin:0 60px;text-align:center;font-size:55px;color:#fff;text-transform:uppercase;padding:25px 0 10px 0;position:relative;z-index:111;}
.content-p4-title-01 span{font-weight:700;}
.content-block-p4-01{padding:30px 0 50px 0;background: #000;background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(34, 34, 34, 1) 50%, rgba(0, 0, 0, 1) 100%);}
.content-block-p4-02{padding:40px 0;background: #000;background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(34, 34, 34, 1) 50%, rgba(0, 0, 0, 1) 100%);}
.content-block-p4-03{padding:50px 0 80px 0;background: #000;background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(34, 34, 34, 1) 50%, rgba(0, 0, 0, 1) 100%);}


@media screen and (max-width: 1800px){
.under-border-01{display:none;}
.under-border-02{display:none;}

}


@media screen and (max-width: 1680px){
.content-01{padding:60px 30px 90px 30px;}
.content-02{padding:60px 30px 90px 30px;}
.footer-container{padding:120px 30px 0 30px;}
	
}
@media screen and (max-width: 1500px){
.galerie-block-04{padding:0 20px;}	
.galerie-block-07{padding:0 20px;}	
	
}	
	
@media screen and (min-width: 1200px) and (max-width: 1500px){
.comparison-slider-wrapper .comparison-slider .overlay {bottom:10%;left:10%;} 
.slide-title{font-size:14px;padding:0 0 15px 0;}
ul.slide-list li{font-size:13px;}
.overlay-block{background:rgba(0,0,0,0.65);border-radius:2px;padding:5px;}  
.comparison-slider-wrapper .comparison-slider .divider {left: 100%;}  
}

@media all and (max-width: 1400px){
.footer-video{display:none;}
.galerie-block-03{padding:0 60px;}	
	.galerie-block-07{padding:0 20px;}
}

@media all and (max-width: 991px){
.navbar-home{margin-right:0;}
.navbar-toggler-home{width:100%;margin-bottom:50px;clip-path: polygon(10px 0%,100% 0%,100% calc(100% - 10px),calc(100% - 10px) 100%,0% 100%,0% 10px);}
.menu{color:#fff;font-size:20px;text-transform:uppercase;font-weight:600;padding:14px 6px;}	
.mobile{display:block;}
.home{display:none;}
.homee{padding:0 5px;}
.intro{padding:40px 0 60px 0;background:#fb7e14;background-image:none;}
.intro-footer{padding:0 0 0 0;}
.content{margin:0 auto;background:#fb7e14;padding:0 0 0 0;}
.footer{margin:0 auto;background:#fb7e14;padding:50px 0 0 0;}		
.logo-black{padding:50px 10px 50px 10px;}
.intro-title{font-size:35px;margin-left:15px;margin-right:15px;}
.intro-text-01{padding:15px 15px 10px 15px;margin-left:0;margin-right:0;}
.intro-text-02{padding:20px 15px 10px 15px;margin-left:0;margin-right:0;}
.content-blocker{padding:45px 0;margin:0;}
.content-blocker-07{padding:45px 0;margin:0;}
.content-blocker-video{padding:10px 0;margin:0;}
.content-01{padding:60px 10px 90px 10px;}
.content-02{padding:60px 10px 90px 10px;}
.content-block-001{padding:25px 0;}
.content-block-007{padding:25px 0;}
.content-block-02{padding:40px 0;}
.content-title{font-size:30px;padding:0 30px 0 30px;}
.content-title-07{font-size:30px;margin:0 30px 0 30px;}
.content-p4-title-01{font-size:30px;margin:0 30px 0 30px;}
.content-text{padding:30px;}
.content-text-07{padding:30px;}
.separator-03{margin:0 30px;}
.separator-07{margin:0 30px;}
.actors-title{font-size:40px;padding:30px 10px 10px 10px;}
.actors-text{padding:0 25px;}
.content-02-title{font-size:40px;}
.galerie-block-01{padding:0;margin:0 10px;}
.galerie-block-02{padding:0 20px;margin:0 10px;}
.galerie-block-03{padding:0 10px;}	
.galerie-block-04{padding:0 10px;}	
.galerie-block-07{padding:0 10px;}	
.galerie-01{margin:15px 0;}
.footer{padding:20px 0 0 0;}
.footer-container{padding:120px 10px 0 10px;}
.video-responsive iframe{padding:0 30px;}
.copyright{padding:60px 20px 15px 20px;}
.border-left{border-left:0px solid #fff;border-bottom:0px solid #fff;}
.border-center{border-left:0px solid #fff;border-right:0px solid #fff;border-bottom:0px solid #fff;}
.border-right{border-right:0px solid #fff;border-bottom:0px solid #fff;}			
.comparison-slider-wrapper{width:90%;margin:20px 10px;}
.comparison-slider-wrapper .comparison-slider .overlay {bottom:8%;left:12%;}
.slide-title{font-size:15px;padding:0 0 15px 0;}
ul.slide-list{padding-left:0;}
ul.slide-list li{font-size:13px;}
.overlay-block{background:rgba(0,0,0,0.6);padding:10px 4px 0 10px;}	
.comparison-slider-wrapper .comparison-slider .divider {left: 92%;} 	
.containernone{padding-left:0;padding-right:0;}
.separator-04{width:70px;height:6px;background:#fb7e14;margin:auto;margin-bottom:15px;}
.border-txt-01{display:none;}
.border-txt-02{display:none;}
.border-txt-03{display:none;}
.border-txt-04{display:none;}
.border-txt-07{display:none;}
.icon-you{margin:0 10px 20px 10px;padding:20px 22px;font-size:40px;}
.icon-discord{margin:0 10px 20px 10px;padding:20px 22px;font-size:40px;}
.icon-instagram{margin:0 10px 20px 10px;padding:20px 22px;font-size:40px;}
.bg-footer{padding:0 0 0 0;}
.intro-gif{display:none;}
.content-p4-01{margin:0 auto;padding:10px 5px 0 5px;}
.content-nanard-01{margin:0 auto;background:#fb7e14;padding:10px 5px 0 5px;}
.ariane-menu{margin:35px 0 10px 0;}
.breadcrumb{font-size:18px;}
.aubergine{width:130px;height:auto;right:10px;}
.content-nanard-04{margin:0 auto;padding:30px 0 90px 0;}
.content-p4-02{margin:0 auto;padding:40px 0 0 0;}
}