.page-nouveau-frise-chronologique{margin:0}
.frise .fp-bg{background-size:cover;background-position:center 0}
.w1080{max-width:1080px;margin:0 auto}
.w1280{max-width:1280px;margin:0 auto}
/*#fullpage .content.section{height:100vh}*/
/*#fullpage .citation, #fullpage .texte_video, #fullpage .slide, #fullpage .block_popup{height:100vh!important}*/
.frise.cda .fp-bg{background-position:center 85%}
#fullpage .section:nth-child(2) .texte_video{max-width:1115px}
#fullpage .section:nth-child(2) .texte_video h1{position:absolute;width:1330px;text-align: left;text-transform: uppercase;top:-150px;left:-160px}
.ver #fullpage .section:nth-child(2) .texte_video{top:100px}
.ver #fullpage .section:nth-child(2) .texte_video h1{top:-250px}
.texte_video  h1.presentation{font-family:'RidleyGrotesk-Bold';font-size:110px;color:rgba(225, 216, 216, 0.5);line-height:0.9}
.cda .texte_video  h1.titre_chiffre{color:rgba(225, 216, 216, 0.2)}
.texte_video h2.sous_titre_presentation{font-family:'RidleyGrotesk-Medium';font-size:85px;line-height:1;font-weight:normal;margin:0 0 25px;position:relative}
.bouton_start{position:absolute;top:130%;margin:0 auto;width:100%;text-align:center;}
#fullpage .bouton_start a{display:inline-block;width:60px;height:60px;text-align:center;position:relative;font-size:0}
#fullpage .bouton_start a:after, #fullpage .bouton_start a:before{content:'\e81b';font-family:'fontello_n';color:#312626;font-size:55px;transform: rotate(90deg);display:inline-block;position:absolute;left:0;transition:all.4s;text-decoration:none}
#fullpage .bouton_start a:hover:after, #fullpage .bouton_start a:hover:before{color:rgba(255, 255, 255, 0.9)}
#fullpage .bouton_start a:before{margin:-15px 0 0 0}
.texte_video{position:relative;color:#fff;left:0;right:0;margin:0 auto;max-width:800px}
.texte_video h1{margin:0;font-family:'RidleyGrotesk-Bold';font-size:250px;line-height:1;text-align:center;color:rgba(225, 216, 216, 0.5);position:absolute;top:-170px;right:30px;z-index:1}
.texte_video h2{font-family:'RidleyGrotesk-Medium';font-size:40px;margin:0;text-align:right;margin:0 0 50px;font-weight:normal;z-index:2;position:relative;}
.texte_video .desc{font-family: 'RidleyGrotesk-Regular';font-size:20px}
#fullpage .section:nth-child(2) .texte_video .desc p{margin:0 0 0 395px}
.texte_video .desc iframe, .texte_video .video iframe{width:800px;height:460px}
#fullpage .slide{position:relative;height:100vh;text-align:left}
#fullpage .slide .visuel{display:inline-block;position:relative;vertical-align:top}
#fullpage .slide .visuel.active{z-index:5}
#fullpage .slide .visuel .croix{position:absolute;z-index:2;width:30px;height:30px;border-radius:100%;color:#fff;border:1px solid #fff;bottom:15px;left:15px;text-align:center}
#fullpage .slide .visuel .croix:after{content:'\e817';font-family:'fontello_n';line-height:30px;display:inline-block;transition:all .4s;cursor:pointer}
#fullpage .slide .visuel .croix:hover:after,
#fullpage .slide .visuel.active .croix:hover:after{transform:rotate(-45deg)}
#fullpage .slide .visuel.active .croix{color:#fff;border-color:#fff;}
#fullpage .slide .visuel .shadow{position:absolute;bottom:4px;height:200px;width:200px;z-index:1;}
#fullpage .slide .visuel:nth-child(1) .shadow{background:-moz-linear-gradient(45deg, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 54%, rgba(0,0,0,0) 55%);background: -webkit-linear-gradient(45deg, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0) 54%,rgba(0,0,0,0) 55%);background: linear-gradient(45deg, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0) 54%,rgba(0,0,0,0) 55%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80000000', endColorstr='#00000000',GradientType=1 );}
#fullpage .slide .visuel:nth-child(2) .shadow{right:0;background:-moz-linear-gradient(-45deg, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 54%, rgba(0,0,0,0) 55%);background: -webkit-linear-gradient(-45deg, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0) 54%,rgba(0,0,0,0) 55%);background: linear-gradient(-45deg, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0) 54%,rgba(0,0,0,0) 55%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80000000', endColorstr='#00000000',GradientType=1 );}
#fullpage .slide .visuel .hidden{position:absolute;bottom:4px;left:0;background-color:rgba(0, 0, 0, 0.7);color:#fff;padding: 15px 0 10px 60px;display:none;text-align:left;width:100%;box-sizing: border-box;}
#fullpage .slide .visuel .hidden p{font-family:'RidleyGrotesk-Regular';font-size:15px;margin:5px 0;font-weight:normal}
#fullpage .slide .visuel .hidden p em{font-family:'RidleyGrotesk-Light';font-size:15px}
.slide .description{display:inline-block;}
.slide .description p{font-family:'RidleyGrotesk-Regular';font-size:18px;text-align:left;}
.slide .description p strong{font-family:'RidleyGrotesk-Bold'}
.slide .description h2{font-family:'RidleyGrotesk-Regular';font-size:41px}
.slide .description h2 strong{font-family:'RidleyGrotesk-Bold';}
.slide .description h3{font-family:'RidleyGrotesk-Bold';font-size:30px}
.slide .description.back_style h3{color:#fff;margin:25px;line-height:1.1;text-align:left;}
.slide .description.back_style p{color:#fff;font-size:18px;padding:0 25px}
.slide .description.back_style p.sans_titre{font-size:18px;padding:35px}
.slide .description.texte.back_style p.sans_titre{font-size:18px;padding:30px}
.slide .description.paysage{width:540px;height:auto}
.slide .description.carre{width:400px;height:auto}
.slide .description.portrait{width:340px;height:auto}
.slide .description.texte{width:500px;height:auto}
.slide .description p{padding:45px;margin:0}
.slide .description.carre h2{color:#fff;padding:70px 50px;margin:0;text-align:center}

#fullpage .slide .w1280{position:relative;height:100vh}
#fullpage .slide .visuel{position:absolute;}
#fullpage .slide .description{position:absolute;z-index:4}
#fullpage .slide .visuel:nth-child(2) .croix{left:auto;right:15px}
#fullpage .slide .visuel:nth-child(2) .hidden{padding: 15px 35px 10px}
#fullpage .slide .w1080{position:relative}

#fullpage .slide.portrait .w1280{height:80vh;max-width:800px}
#fullpage .slide.portrait .visuel{top:150px}
#fullpage .slide.portrait .description{right:0;bottom:70px}

#fullpage .slide.construction .visuel:nth-child(1){top:150px;left:0}
#fullpage .slide.construction .visuel:nth-child(2){top:200px;right:0}
#fullpage .slide.construction .description{right:0;top:450px;right:calc(50% - 250px)}

#fullpage .slide.full .visuel:nth-child(1){left:0;top:100px}
#fullpage .slide.full .visuel:nth-child(2){right:0;top:200px}
#fullpage .slide.full .visuel:nth-child(3){left:250px;bottom:100px}
#fullpage .slide.full .description{bottom:50px;right:350px;}

.bulles{position:relative;color:#fff;}
.bulles .presentation{width:640px;height:265px;display:inline-block;font-family:'RidleyGrotesk-Regular';font-size:25px;font-weight:normal;line-height:1.2;margin:160px 0 0}
.bulles .presentation h2{font-size:45px;font-family:'RidleyGrotesk-Bold';margin:0 0 30px;text-transform:uppercase;font-weight:normal}
.bulles .bulle{background-color:rgba(243, 153, 18, 0.7);border-radius:100%;display:inline-block;text-align:center;position:absolute}
.bulles .bulle.moyenne{width:280px;height:280px}
.bulles .bulle.petit{width:230px;height:230px}
.bulles .bulle.grand{width:320px;height:320px}
.bulles .bulle.moyenne .info{padding:60px 35px 0}
.bulles .bulle.petit .info{padding:50px 35px 0}
.bulles .bulle.grand .info{padding:80px 35px 0}
.bulles .bulle h3{font-family:'RidleyGrotesk-Bold';font-size:40px;margin:0;line-height:1}
.bulles .bulle .sous_titre{font-size:28px;font-family:'RidleyGrotesk-Bold'}
.bulles .bulle .corp{font-family:'RidleyGrotesk-Light';font-size:18px}
.bulles .w1280{position:relative;height:100vh}
.bulles .bulle:nth-child(2){top:50%;left:0}
.bulles .bulle:nth-child(3){bottom:120px;left:50%;margin:0 0 0 -155px}
.bulles .bulle:nth-child(4){top:50%;left:50%;margin:-160px 0 0 80px}
.bulles .bulle:nth-child(5){top:80px;right:0}
.bulles .bulle:nth-child(6){bottom:180px;right:0}
#fullpage .color_block{background-color:#971135; background-blend-mode: soft-light; width: 100%; height: 100vh;position: absolute; opacity: 0.85}
#fullpage .citation .description{position:relative;z-index:2;max-width:900px;margin:0 auto;}
#fullpage .citation .description:before{position:absolute;content:'“';top:-140px;left:-135px;font-size:300px;color:rgba(255, 255, 255, 0.1);font-family:'RidleyGrotesk-SemiBold';font-style:italic;}
#fullpage .citation .description p{font-family:'RidleyGrotesk-SemiBold';font-size:30px;color:#fff}
#fullpage .citation .description p:after{content:'”';color:#fff;margin:0 0 0 20px}
#fullpage .citation .description p.auteur_citation{font-family: "RidleyGrotesk-Regular";font-size:25px;margin:30px 0 0}
#fullpage .citation .description p.auteur_citation:after{display:none;}
#fullpage .block_popup .color_block{background-color:#27282a}
#fullpage .block_popup .main_image{position:relative;z-index:2}
.block_popup .main_image{max-width:1045px;margin:0 auto;top:50px}
.main_image h2{font-family:'RidleyGrotesk-Medium';font-size:24px;margin:0;text-align:right;font-weight:normal;line-height:1.2;text-align:center;position:absolute;top:-60px;left:0;right:0;color:#fff}
.block_popup .info .hidden{background-color:rgba(255, 255, 255, 1);padding:40px 30px;display:none;width:500px;height:270px;position:absolute;left:0;right:0;top:0;bottom:0;z-index:10;margin:auto}
.block_popup .info .hidden h3{font-family:'RidleyGrotesk-Bold';font-size:20px;text-transform:uppercase;margin:0 0 20px}
.block_popup .info .hidden p{font-family:'RidleyGrotesk-Regular';font-size:15px;margin:0}
.block_popup .info .hidden .croix{width: 20px;height: 20px;position: absolute;top:10px;right: 20px;cursor:pointer;}
.block_popup .info .hidden .croix:before{content:'🗶';font-size:40px}
.block_popup .info .point{border-radius:100%;border:3px solid #fff;width:20px;height:20px;display:flex;justify-content: center;align-items: center;cursor:pointer;position:absolute;top:50%;transition:all .4s;z-index:9;opacity:0.5}
.nim .block_popup .info .point{border:3px solid rgba(195, 6, 123, 0.6);}
.nim .block_popup .info .point:before{background-color:rgba(195, 6, 123, 0.6)}
.nim .block_popup .info .point:hover, .nim .block_popup .info.active .point{border:3px solid #c3067b}
.block_popup .info.active .point{opacity:1}
.block_popup .info .point:before{content:'';background-color:#fff;border-radius:50%;width:10px;height:10px;transition:all .4s}
.block_popup .info .point:hover, .block_popup .info.active .point{border:3px solid #fff}
.block_popup .info:nth-child(4) .point{margin: -110px 0 0 30px}
.block_popup .info:nth-child(5) .point{margin: -80px 180px 0 0;right:0}
.block_popup .info:nth-child(6) .point{margin: 200px 0 0 45px}
.block_popup .info:nth-child(7) .point{margin: 0 0 80px -40px;left:50%;right:50%;top:auto;bottom:0}
.block_popup .info:nth-child(8) .point{margin: 0 140px 40px 0;right:0;top:auto;bottom:0}
.block_popup .info:nth-child(9) .point{right:50%;margin:-50px 0 0}
.block_popup .info:nth-child(10) .point{margin: 0 0 20px -185px;top:auto;bottom:0;left:50%}


.frise .navigation{position:fixed;left:0;top:50%;margin:-208px 0 0 30px}
.frise .navigation ul{width:165px;display:inline-block;padding:0;text-align:right;list-style:none;position:relative}
.frise .navigation ul:after{content:'';border-right:2px solid rgba(255, 255, 255, 0.2);height:515px;position:absolute;top:20px;right:16px}
.ver .navigation ul:after{height:550px}
.tao .navigation, .nim .navigation{top:0;margin:100px 0 0 60px}
.tao .navigation ul:after, .nim .navigation ul:after{height:600px}
.frise .navigation .nav_title span{display:inline-block;vertical-align:top;width:calc(100% - 60px);padding:0;opacity:0;margin-right: 45px;}
.frise .navigation .nav_title a{color:#fff}
.frise .navigation .circule{width:30px;height:30px;display:flex;justify-content: center;align-items: center;border-radius:100%;border:3px solid transparent;position:relative;z-index:1;transition:all .4s;position: absolute;top: 8px;right: 2px;}
.frise .navigation .nav_title.active .circule, .frise .navigation .nav_title:hover .circule, .frise .navigation .nav_title.prev_active .circule{border:3px solid #fff}
.frise .navigation .nav_title:hover span, .frise .navigation .nav_title.active span, .frise .navigation .nav_title.prev_active span{opacity:1}
.frise .navigation .circule:before{content:'';background-color:#fff;border-radius:50%;width:7px;height:7px;}
.frise .navigation .nav_title.active .circule:before, .frise .navigation .nav_title.prev_active .circule:before{background-color:#971135}
.frise .navigation .nav_title{font-size:15px;font-family:'RidleyGrotesk-Light';position:relative;height:40px;color:#fff}
.tao .navigation .nav_title, .nim .navigation .nav_title{height:30px}
.frise .navigation .prevSlide, .frise .navigation .nextSlide{position:absolute;font-size:18px;right:-3px;color:#fff;display:inline-block;border:3px solid transparent;border-radius:100%;width:36px;height:36px;text-align:center;line-height:36px;cursor:pointer;transition:all .4s}
.frise .navigation .prevSlide:hover, .frise .navigation .nextSlide:hover{border:3px solid #fff}
.frise .navigation .prevSlide{margin-top:-40px}
.frise .navigation .nextSlide:before{font-family:'fontello_n';content:'\e822';bottom:0}
.frise .navigation .prevSlide:before{font-family:'fontello_n';content:'\e823';top:0}

#fullpage .fp-controlArrow.fp-prev, #fullpage .fp-controlArrow.fp-next{border:none}
#fullpage .fp-controlArrow.fp-prev{left:0}
#fullpage .fp-controlArrow.fp-next{right:55px}
#fullpage .fp-controlArrow.fp-prev:before, #fullpage .fp-controlArrow.fp-next:before{font-family:'fontello_n';font-size:55px;color:rgba(255, 255, 255, 0.7);transition:all .4s}
#fullpage .fp-controlArrow.fp-prev:hover:before, #fullpage .fp-controlArrow.fp-next:hover:before{color:rgba(255, 255, 255, 0.9)}
#fullpage .fp-controlArrow.fp-prev:before{content:'\e81a'}
#fullpage .fp-controlArrow.fp-next:before{content:'\e81b'}

.path_active{position:absolute;top:20px;right:16px;height:320px;background:rgba(255, 255, 255, .7);width:2px;height:1px;transition:all .4s}


a[href="//alvarotrigo.com/fullPage/extensions/"]{display:none!important}


.small_desck_title{position:absolute;width:100%;text-align:center;margin:50px 0 0;font-family:'RidleyGrotesk-Light';font-size:18px;color:#fff;display:none}
.small_desck_title .circule{width:22px;height:22px;border-radius:100%;border:3px solid #fff;position:absolute;left:50%;margin:-35px 0 0 -14px;display: flex;justify-content: center;align-items: center;}
.small_desck_title .circule:before{content:'';background-color:#971135;border-radius:100%;width:7px;height:7px;}
.small_desck_title .circule:after{content:'';background:#fff;width:2px;height:15px;display:inline-block;position:absolute;left:50%;top:-18px;margin-left:-1px}
.bouton_back{position:fixed;top:25px;left:25px;z-index:1}
.bouton_back a{color:#fff;font-size:16px;font-family:'RidleyGrotesk-Light';text-decoration:none;transition:all .4s;}
.bouton_back a:before{content:'\e81a';font-family:'fontello_n';font-size:12px;padding-right:10px}
.bouton_back a:hover{color:rgba(255, 255, 255, 0.7)}

.nim [data-anchor="6"] .texte_video h1{font-size:160px;line-height:0.8;top:-210px}
.nim [data-anchor="10"] .texte_video h1{font-size:180px;top:-130px}
.nim [data-anchor="12"] .texte_video h1{font-size:140px;line-height:0.8;top:-190px}

@media only screen and (max-width: 1700px){
	.small_desck_title{display:block}
	.frise .navigation{margin-left:80px}
	.frise .navigation .nav_title span{display:none}
	.frise .navigation ul{width:auto}
	#fullpage .section:nth-child(2) .texte_video h1{left:0}
}
@media only screen and (max-width: 1550px){
	.block_popup .main_image{text-align:center;max-width:800px}
	.block_popup .main_image img{max-height:450px}
	.main_image h2{top:-40px}
	.block_popup .info:nth-child(4) .point{left:0;margin:-75px 0 0 135px}
	.block_popup .info:nth-child(6) .point{left:0;margin:140px 0 0 155px}
	.block_popup .info:nth-child(7) .point{margin:0 0 60px -40px}
	.block_popup .info .hidden{text-align:left;}
	.block_popup .info .hidden:after{height:150px;top:-160px;left:147px}
	.block_popup .info:nth-child(5) .hidden:after{top:-110px;right:192px;height:100px}
	.block_popup .info:nth-child(6) .hidden:after{left:167px;top:183px;height:170px}
	.block_popup .info:nth-child(7) .hidden:after{right:403px;height:100px;top:260px}
	.block_popup .info:nth-child(8) .hidden:after{top:160px;right:140px;height:210px}

}
@media only screen and (max-width: 1450px){
	#fullpage .section:nth-child(2) .texte_video{top:50px}
	#fullpage .section:nth-child(2) .texte_video h1{top:-110px;left:50px;font-size:90px;max-width:100%}
	.texte_video{top:90px}
	.texte_video .desc{font-size:18px}
	.bulles .bulle:nth-child(6){bottom:120px}
	.bulles .presentation{margin:160px 0 0 120px}
	.bulles .bulle:nth-child(2){left:120px}
	#fullpage .slide .visuel img{max-height:350px}
	.slide .description.back_style p.sans_titre, .slide .description.texte.back_style p.sans_titre{font-size:16px;padding:25px}
	#fullpage .citation .description{margin:60px auto 0}
	#fullpage .citation .description p{font-size:26px}
	#fullpage .citation .description p.auteur_citation{font-size:22px}
	
	.bouton_start{top:110%}
	
	#fullpage .slide.portrait .w1280{height:100vh}
	#fullpage .slide.portrait .description{bottom:100px}
	#fullpage .slide.construction .visuel:nth-child(1){left:100px}
	#fullpage .slide.construction .visuel:nth-child(2){right:100px}
	#fullpage .slide.construction .description{top:400px}
	#fullpage .slide.full .visuel:nth-child(1){left:50px}
	#fullpage .slide.full .visuel:nth-child(2){right:50px}
	#fullpage .slide.full .visuel:nth-child(3){bottom:50px;left:350px}
	#fullpage .slide.full .description{right:300px}

}
@media only screen and (max-width: 1280px){
	#fullpage .section:nth-child(2) .texte_video h1{top:-90px;left:80px;font-size:70px}
	.texte_video h1.presentation{font-size:120px}
	.texte_video h2.sous_titre_presentation{font-size:60px;margin:0 90px 25px 0}
	.bulles .presentation{margin:120px 0 0 140px}
	.bulles .bulle:nth-child(2){left:10%}
	.frise .navigation{margin:-270px 0 0 50px;}
	.ver #fullpage .section:nth-child(2) .texte_video h1{top:-90px;left:30px}
	#fullpage .slide .visuel img{max-height:300px}

	#fullpage .slide.portrait .visuel img, #fullpage .slide.construction .visuel.portrait img{max-height:400px}
	#fullpage .slide.portrait .visuel{left:70px}
	
	#fullpage .slide.full .visuel:nth-child(1){left:100px}
	#fullpage .slide.full .visuel:nth-child(2){right:100px}
	.texte_video{top:40px}
}
@media only screen and (max-width: 1100px){
	.frise .navigation{margin-left:0}
	.frise .navigation ul{width:65px}
	.frise .navigation .nav_title:hover span, .frise .navigation .nav_title.active span{display:none}

	
	.texte_video h1{font-size:200px;top:-140px}
	.texte_video h2{font-size:32px}
	.texte_video .desc{font-size:20px}

	#fullpage .fp-controlArrow.fp-prev, #fullpage .fp-controlArrow.fp-next{display:none}

	.w1280, .w1080{max-width:calc(100% - 180px)}

	.bulles .presentation{font-size:20px;margin:100px 0 20px;height:auto}
	.bulles .presentation h2{font-size:36px}

	.bulles .bulle h3{font-size:30px}
	.bulles .bulle .sous_titre{font-size:22px}
	.bulles .bulle .corp{font-size:16px}

	.bulles .bulle.grand{width:260px;height:260px}
	.bulles .bulle.moyenne{width:230px;height:230px}
	.bulles .bulle.petit{width:200px;height:200px}

	.bulles .bulle:nth-child(3){bottom:60px;margin:0 0 0 -175px}
	.bulles .bulle:nth-child(4){margin:-50px 0 0 30px}
	.bulles .bulle:nth-child(5){top:125px;right:-40px}
	.bulles .bulle:nth-child(6){bottom:50px;right:-30px}

	#fullpage .citation .description p{font-size:21px}
	#fullpage .citation .description p.auteur_citation{font-size:18px}

	.block_popup .main_image{max-width:700px}
	.block_popup .main_image img{max-width:100%}
	.main_image h2{font-size:21px}

	.block_popup .info:nth-child(4) .point{margin:-75px 0 0 40px}
	.block_popup .info .hidden:after{height:180px;top:-200px;left:52px}
	.block_popup .info:nth-child(5) .point{margin:-80px 90px 0 0}
	.block_popup .info:nth-child(5) .hidden:after{top: -140px;right: 102px;height: 130px;}
	.block_popup .info:nth-child(6) .point{margin:140px 0 0 55px}
	.block_popup .info:nth-child(6) .hidden:after{left:65px;top:255px;height:200px}
	.block_popup .info:nth-child(7) .hidden:after{height:235px}
	.block_popup .info:nth-child(8) .hidden:after{height:355px}

	.slide .description p{padding:30px}

	#fullpage .slide .visuel{max-width:calc(50% - 22px);margin:0 10px}
	#fullpage .slide .visuel img{max-width:100%;max-height:320px}
	.slide .description h2{font-size:30px}
	.slide .description.carre{width:45%;height:auto}

	.slide .description.back_style p{padding:0 30px 30px}
	.slide .description.back_style h3{margin:20px 30px 10px;font-size:20px}

	.fp-slidesNav.fp-bottom{bottom:0}
	#fp-nav ul, .fp-slidesNav ul{text-align:center}
	#fp-nav ul li a span, .fp-slidesNav ul li a span{background:#fff}
	.bulles .w1280{height:70vh}
	#fullpage .section:nth-child(2) .texte_video{max-width:100%}
	.ver #fullpage .section:nth-child(2) .texte_video h1{top:-150px;left:80px}

	.slide .description.paysage{width:450px}
	#fullpage .slide.full .description{top:90px;width:400px;right:220px}	
	#fullpage .slide.full .visuel:nth-child(1){left:0;top:140px}
	#fullpage .slide.full .visuel:nth-child(2){right:0}
	#fullpage .slide.full .visuel:nth-child(3){left:300px}
	#fullpage .slide.portrait .visuel{top:100px;left:120px}
	#fullpage .slide.construction .visuel:nth-child(1){left:0;top:90px}
	#fullpage .slide.construction .visuel:nth-child(2){right:0;top:140px}
	#fullpage .slide.construction .description{right:calc(50% - 200px)}
	.tao .navigation, .nim .navigation{top:50%;margin:-300px 0 0}
}

@media only screen and (max-width: 900px){
	.w1280, .w1080, .texte_video, #fullpage .citation .description, #fullpage .section:nth-child(2) .texte_video{max-width:calc(100% - 100px);margin-left:75px}
	#fullpage .section:nth-child(2) .texte_video h1{top:-155px;left:0}
	.texte_video h1.presentation{font-size:90px}
	.texte_video h2.sous_titre_presentation{font-size:50px}
	#fullpage .section:nth-child(2) .texte_video .desc p{margin:0}

	.bulles .bulle{position:absolute;width:240px!important;height:240px!important;margin:0!important}
	.bulles .bulle:nth-child(2){top:325px}
	.bulles .bulle:nth-child(3){top:325px;right:0;left:auto}
	.bulles .bulle:nth-child(4){margin:0 0 0 -120px!important}
	.bulles .bulle:nth-child(5){top:auto;left:0;bottom:50px}
	.bulles .bulle:nth-child(6){right:0}

	.main_image h2{top:-85px}
	.block_popup .info:nth-child(4) .point{top:130px;left:8px;margin:0}
	.block_popup .info:nth-child(5) .point{top:145px;left:auto;right:50px;margin:0}
	.block_popup .info:nth-child(6) .point{top:325px;right:auto;left:15px;margin:0}
	.block_popup .info:nth-child(7) .point{top:325px;margin:0;left:auto;right:285px}
	.block_popup .info:nth-child(8) .point{top:360px;right:15px;margin:0}

	.block_popup .info .hidden{width:380px;}

	.block_popup .info .hidden:after{margin-top:200px;left:25px;top:0;height:180px}
	.block_popup .info:nth-child(5) .hidden:after{margin-top:200px;left:auto;right:62px;top:0;height:225px}
	.block_popup .info:nth-child(6) .hidden:after{margin-top:340px;left:26px;height:50px;top:35px}
	.block_popup .info:nth-child(7) .hidden:after{margin-top:185px;right:calc(40% - 4px);height:45px}

	.texte_video .desc iframe{max-width:100%;width:100%;height:390px}
	.bulles .w1280{height:100vh}
	.slide .description.texte{width:400px;}
	.slide .description.portrait{height:300px}
	.slide .description.texte.back_style p.sans_titre{font-size:13px}
	#fullpage .slide .w1280{height:70vh}
	.ver #fullpage .section:nth-child(2) .texte_video h1{top:-230px;left:0}

	#fullpage .slide.full .visuel:nth-child(1){top:0}
	#fullpage .slide.full .visuel:nth-child(3){left:100px}
	#fullpage .slide.full .description{top:50px;right:80px}
	#fullpage .slide.portrait .w1280{height:70vh;width:90%;text-align:center;}
	#fullpage .slide.portrait .description{right:105px}

	.block_popup .main_image{max-width:650px}
	.nim [data-anchor="6"] .texte_video h1, .nim [data-anchor="12"] .texte_video h1{font-size:120px;top:-160px}
	.nim [data-anchor="10"] .texte_video h1{font-size: 120px;top: -80px;}
}

@media only screen and (max-width: 640px){
	#fullpage .slide{padding-top:20px}
	.frise .navigation, .tao .navigation, .nim .navigation{top:0;width:100%;margin:0;background:#000}
	.frise .navigation ul{width:100%;padding:10px 20px 20px;margin:0;box-sizing:border-box;text-align:center}
	.frise .navigation .prevSlide, .frise .navigation .nextSlide{width:25px}
	.frise .navigation ul:after, .ver .navigation ul:after, .tao .navigation ul:after, .nim .navigation ul:after{width:calc(100% - 130px);height:2px;top:23px;left:60px;right:auto;background:rgba(255, 255, 255, 0.2)}
	.frise .navigation .nav_title span{display:none}
	.frise .navigation .nav_title{display:inline-block;width:calc(28px - 4px)}
	.frise .navigation .prevSlide, .navigation .nextSlide{top:0}
	.frise .navigation .prevSlide{margin:0;left:10px;transform:rotate(-90deg)}
	.frise .navigation .nextSlide{right:10px;transform:rotate(-90deg)}
	.path_active{top:23px;left:60px;right:auto;width:1px;height:2px}
	.frise .navigation .nav_title, .tao .navigation .nav_title, .nim .navigation ul:after{height:25px}
	.frise .navigation .circule{width:20px;height:20px}
	.frise .navigation .nav_title{width:calc(22px - 4px)}
	.frise .navigation .nav_title.active span, .navigation .nav_title.prev_active span{display:block;position:fixed;top:40px;width:100%;left:0;font-size:12px}

	.w1280, .w1080, .texte_video, #fullpage .citation .description, #fullpage .section:nth-child(2) .texte_video{max-width:90%;margin:0 auto}

	#fullpage .section:nth-child(2) .texte_video h1{top:-90px;width:100%;}
	.ver #fullpage .section:nth-child(2) .texte_video h1{top:-125px}
	.texte_video h1.presentation, #fullpage .section:nth-child(2) .texte_video h1{font-size:40px}
	.texte_video h2.sous_titre_presentation{font-size:30px;margin:0}
	.texte_video h1{font-size:100px;top:-70px}
	.texte_video h2{font-size:20px;margin:0 20px 0 0}
	.texte_video .desc{font-size:16px;margin-top:50px}
	.bouton_back{top:auto;bottom:25px}
	#fullpage .slide .visuel{max-width:100%}
	#fullpage .slide .visuel:nth-child(2){display:none}
	#fullpage .slide .description{position:relative;top:auto;left:auto;margin:0;height:auto;width:100%}
	.slide .description.portrait{width:calc(100% - 22px);max-width:calc(100% - 22px)}
	.slide .description p{padding:20px;font-size:14px}

	.bulles .presentation{width:100%;height:auto;font-size:14px;margin:120px 0 0}
	.bulles .presentation h2{font-size:24px;margin-bottom:10px}
	.bulles .bulle{width:150px!important;height:150px!important;display:inline-block;vertical-align:top;margin:10px 5px 0!important}
	.bulles .bulle h3{font-size:20px}
	.bulles .bulle .sous_titre{font-size:16px}
	.bulles .bulle .corp{font-size:12px}
	.bulles .bulle .info{padding:45px 0 0!important}

	.bulles .bulle:nth-child(2){top:250px}
	.bulles .bulle:nth-child(3){top:250px}
	.bulles .bulle:nth-child(4){margin:40px 0 0 -75px!important}

	#fullpage .citation .description p{font-size:18px}
	#fullpage .citation .description p.auteur_citation{font-size:15px}
	#fullpage .slide.index_0 .visuel:nth-child(2){display:none}
	.slide .description.carre{width:100%}
	.block_popup .main_image{max-width:calc(100% - 20px)}

	.block_popup .info:nth-child(4) .point{top:60px;left:5px}
	.block_popup .info:nth-child(5) .point{left:auto;right:15px;margin:-65px 0 0}
	.block_popup .info:nth-child(6) .point{top:185px;right:55px}
	.block_popup .info:nth-child(7) .point{top:190px;right:165px;bottom:auto}
	.block_popup .info:nth-child(8) .point{top:180px;bottom:auto}
	.block_popup .info:nth-child(9) .point{top:0;margin:80px 0 0}
	.block_popup .info:nth-child(10) .point{margin:190px 0 0 -75px;bottom:auto;top:0}
	.block_popup .info .hidden h3{font-size:16px;margin-bottom:15px}
	.block_popup .info .hidden p{font-size:12px}

	.block_popup .info .hidden{width:100%;height:100%;position:relative;padding:30px 20px;box-sizing:border-box;}
	.block_popup .info .hidden .croix{top:0}

	.slide .description.carre h2{padding:40px;font-size:18px}

	.small_desck_title{display:none}
	.texte_video .desc iframe{height:210px}
	.bulles .w1280{height:90vh}
	.fp-slidesNav.fp-bottom{display:none}

	#fullpage .slide .visuel{position:relative;}
	#fullpage .slide .visuel img{max-height:100%;max-width:100%}
	#fullpage .slide .w1280{height:auto}
	#fullpage .slide .visuel:nth-child(3){display:none;}
	.ver #fullpage .section:nth-child(2) .texte_video h1{top: -125px}

	#fullpage .slide .w1280{text-align:center;}
	#fullpage .slide .description{width:100%}
	#fullpage .slide.full .description{top:0;right:0;width:100%}
	#fullpage .slide.portrait .visuel{top:0;left:0}
	#fullpage .slide.portrait .description{right:0;top:0;bottom:auto}
	#fullpage .slide.construction .visuel:nth-child(1){top:auto;}
	#fullpage .slide.construction .description{top:0;right:auto;bottom:auto}
	#fullpage .slide.full .visuel:nth-child(1) img, #fullpage .slide.portrait .visuel img{max-height:300px}

	.tao .navigation .nav_title[data-menuanchor="16"], .tao .navigation .nav_title[data-menuanchor="17"],.tao .navigation .nav_title[data-menuanchor="18"], .tao .navigation .nav_title[data-menuanchor="19"],.tao .navigation .nav_title[data-menuanchor="20"], .tao .navigation .nav_title[data-menuanchor="21"], .tao .navigation .nav_title[data-menuanchor="22"], .tao .navigation .nav_title[data-menuanchor="23"]{display:none;}
	.nim .navigation .nav_title[data-menuanchor="16"], .nim .navigation .nav_title[data-menuanchor="17"],.nim .navigation .nav_title[data-menuanchor="18"], .nim .navigation .nav_title[data-menuanchor="19"],.nim .navigation .nav_title[data-menuanchor="20"], .nim .navigation .nav_title[data-menuanchor="21"], .nim .navigation .nav_title[data-menuanchor="22"], .nim .navigation .nav_title[data-menuanchor="23"]{display:none;}
	.nim .texte_video h1.presentation, #fullpage .section:nth-child(2) .texte_video h1{top:-125px}
	.nim [data-anchor="6"] .texte_video h1, .nim [data-anchor="10"] .texte_video h1, .nim [data-anchor="12"] .texte_video h1{font-size:60px;top:-80px}
	.nim [data-anchor="10"] .texte_video h1{top:-40px}
	.nim [data-anchor="12"] .texte_video h1{top:-120px}
	.frise .navigation .circule {
		top: 4px;
	}
	.frise .navigation .prevSlide:hover, 
	.frise .navigation .nextSlide:hover {
		border: none;
	}
}

@media only screen and (max-width: 480px) {
	.slide .description.back_style p, 
	.slide .description.back_style p.sans_titre{padding:20px;font-size:14px}
}
@media only screen and (max-width: 375px){
	/*.navigation ul{padding:0 45px 20px}*/
	.frise .navigation ul:after{width:calc(100% - 75px);left:43px;}
	.path_active{left:43px}
	.frise .navigation .prevSlide{left:0;margin-top:3px}
	.frise .navigation .nextSlide{right:0;margin-top:3px}
	.bulles .presentation{font-size:12px}
	.bulles .presentation h2{font-size:20px}
	.bulles .bulle{width:130px!important;height:130px!important}
	.bulles .bulle .info{padding:30px 5px 0!important}
	.bulles .bulle h3{font-size:18px}
	.bulles .bulle .sous_titre{font-size:14px}
	.bulles .bulle .corp{font-size:11px}

	#fullpage .citation .description p{font-size:16px}
	#fullpage .citation .description p.auteur_citation{font-size:13px}

	.block_popup .info .hidden{padding:20px}
	.slide .description.back_style h3{margin:20px 20px 10px}
	#fullpage .slide.full .visuel:nth-child(1) img, #fullpage .slide.portrait .visuel img, #fullpage .slide.construction .visuel:nth-child(1) img{max-height:280px}
}
@media only screen and (max-width: 365px){
	.frise .navigation .nav_title{width:calc(18px - 4px);}
	.bulles .w1280{height:100vh}
	.bulles .bulle:nth-child(2){top:210px}
	.bulles .bulle:nth-child(3){top:240px}
	.bulles .bulle:nth-child(4){margin:30px 0 0 -65px!important}
	.bouton_back{bottom:15px}
	#fullpage .slide .w1280{text-align:center;}
	#fullpage .slide .visuel img{max-height:235px}
	.slide .description.back_style p, .slide .description.back_style p.sans_titre{font-size:12px}
	.block_popup .info:nth-child(4) .point{top:60px}
	.block_popup .info:nth-child(5) .point{margin:-80px 0 0}
	.block_popup .info:nth-child(6) .point{top:140px}
	.block_popup .info:nth-child(7) .point{top:150px;right:140px}
	.block_popup .info:nth-child(8) .point{top:170px}
}