.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}
.texte_video h2.sous_titre_presentation{font-family:'Montserrat';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:650px;}
[data-anchor="1"] .texte_video{
	max-width:1160px;
}
[data-anchor="13"] .texte_video, [data-anchor="14"] .texte_video, [data-anchor="15"] .texte_video, [data-anchor="16"] .texte_video{
	max-width:1100px;
}
.texte_video h1{font-family:'Bebas Neue', sans-serif;font-size:250px;line-height:1;color:rgba(255, 255, 255, 0.2);margin:0;;z-index:1;text-align: center;}
.texte_video h1.titre_chiffre{font-size: 200px;}
.texte_video h2{font-family:'Bebas Neue', sans-serif;font-size: 46px;text-align:right;font-weight:600;z-index:2;position:relative;color: #fff;text-transform: none;}
[data-anchor="1"] .texte_video h1{font-size:160px;color:rgba(111, 163, 192, 0.8);text-align: left;}
[data-anchor="1"] .texte_video h2{font-family:'Montserrat';font-size:90px;margin:-80px 0 30px;}
#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:'';
	background-image: url('data:image/svg+xml,<svg width="17" height="18" viewBox="0 0 17 18" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M17.0005 8.42327H9.56719V0.989994H8.39773V8.40725H0.980469V9.56069H8.39773V17.01H9.58321V9.57671H17.0005V8.42327Z" fill="white"/></svg>');
	width: 17px;
	height: 18px;
	display:inline-block;
	transition:all .4s;
	cursor:pointer;	
    background-size: contain;
    margin-top: 4px;
}
#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:0;height:200px;width:200px;z-index:1;}
#fullpage .slide .visuel:nth-child(1) .shadow, #fullpage .slide .visuel:nth-child(3) .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{margin:5px 0;font-weight:normal}
#fullpage .slide .visuel .hidden p em{font-size:15px}
.slide .description{display:inline-block;}
.slide .description p{font-size:18px;text-align:left;}
.slide .description h2{font-size:41px}
.slide .description h3{font-size:30px}
.slide .description.back_style h3{color:#141414;margin:25px;line-height:1.1;text-align:left;}
.slide .description.back_style p{color:#141414;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:600px;height:auto}
.slide .description p{padding:45px;margin:0}
.slide .description.carre h2{color:#141414;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:100px}
#fullpage .slide.portrait .description{right:-80px;bottom:70px;width:550px;}

#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:350px;right:calc(50% - 250px);width:600px;}

#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{top:250px;right:350px;}

.bulles{position:relative;color:#fff;}
.bulles .presentation{width:640px;height:265px;display:inline-block;font-family:'Bebas Neue';font-size:25px;font-weight:normal;line-height:1.2;margin:160px 0 0}
.bulles .presentation h2{font-size:85px;font-family:'Bebas Neue', sans-serif;margin:0 0 30px;text-transform:uppercase;font-weight:normal}
.bulles .bulle{background-color:rgba(1, 64, 90, 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:'Bebas Neue', sans-serif;font-size:60px;margin:0;line-height:1;color: #fff;}
.bulles .bulle .sous_titre{font-size:28px;font-family:'Bebas Neue', sans-serif;line-height: 1;}
.bulles .bulle .corp{font-family:'Bebas Neue', sans-serif;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:#007ABC; 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:'Bebas Neue', sans-serif;font-style:italic;}
#fullpage .citation .description p{font-family:'Montserrat';font-style: italic;font-weight: 400;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:'Montserrat';font-style: italic;font-weight: 400;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}
.block_popup .main_image img{
	width: 100%;
}
.main_image h2{font-family:'Montserrat';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:'Bebas Neue', sans-serif;font-size:20px;text-transform:uppercase;margin:0 0 20px}
.block_popup .info .hidden p{font-size: 1.2rem;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}
.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(3) .point{left:10%;}
.block_popup .info:nth-child(4) .point{right:50%}
.block_popup .info:nth-child(5) .point{left: auto;right:20%;top: 60%;}


.frise .navigation{position:fixed;left:0;top:50%;margin:-250px 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:420px;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:#007ABC}
.frise .navigation .nav_title{font-size:15px;font-family:'Bebas Neue', sans-serif;position:relative;height:35px;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{
	content: '';
	background-image: url('data:image/svg+xml,<svg width="18" height="12" viewBox="0 0 18 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9.162 11.192L0 3.12802L2.07 1.11202L9.162 7.80802L16.308 0.896017L18 2.31802L9.162 11.192Z" fill="white"/></svg>');
	background-size: contain;
	width: 18px;
	height: 12px;
	display: inline-block;

}
.frise .navigation .prevSlide:before{
	content: '';
	background-image: url('data:image/svg+xml,<svg width="18" height="12" viewBox="0 0 18 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8.856 0.895895L18 8.95989L15.93 10.9759L8.856 4.27989L1.692 11.1919L0 9.78789L8.856 0.895895Z" fill="white"/></svg>');
	background-size: contain;
	width: 18px;
	height: 12px;
	display: inline-block;
}

#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{
	content: '';
	width: 29px;
	height: 55px;
	background-size: contain;
	display: inline-block;
	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{
	background-image: url('data:image/svg+xml,<svg width="29" height="55" viewBox="0 0 29 55" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0.0117188 27.555L25.9167 0L27.7317 1.98L3.53172 27.555L28.4467 53.405L26.9067 55L0.0117188 27.555Z" fill="white" fill-opacity="0.7"/></svg>');
}
#fullpage .fp-controlArrow.fp-next:before{
	background-image: url('data:image/svg+xml,<svg width="29" height="55" viewBox="0 0 29 55" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M28.4467 27.445L2.54172 55L0.781719 53.02L24.9817 27.445L0.0117188 1.595L1.55172 0L28.4467 27.445Z" fill="white" fill-opacity="0.7"/></svg>');
}

.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:'Bebas Neue', sans-serif;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:#007ABC;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:1.5rem;line-height: 1.5;font-family:'Bebas Neue', sans-serif;text-decoration:none;transition:all .4s;}
.bouton_back a:before{
	content:'';
	background-image: url('data:image/svg+xml,<svg width="18" height="12" viewBox="0 0 18 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9.162 11.192L0 3.12802L2.07 1.11202L9.162 7.80802L16.308 0.896017L18 2.31802L9.162 11.192Z" fill="white"/></svg>');
	background-size: contain;
	width: 15px;
    height: 13px;
    display: inline-block;
    padding-right: 20px;
    transform: rotate(90deg);
}
.bouton_back a:hover{color:rgba(255, 255, 255, 0.7)}

/*Timeline*/
#fullpage .elements.slide .w1080{position:relative;height:80vh;text-align:center;margin:0 auto}
.elements_line{width:1100px;height:10px;background-color:#fff;top:20px;bottom:0;margin:auto;left:0;right:0;border-radius:10px;position:relative;}
.elements_line.responsive{display:none}
.elements_line:before, .elements_line:after{content:'...';font-size:90px;color:#fff;top:-90px;position:absolute;}
.elements_line:before{left:-75px}
.elements_line:after{right:-75px;}
.element_timeline{display:inline-block;width:350px;text-align:left;margin:0 150px 0 0}
.element_timeline:nth-child(odd){top:20px;position:relative;margin:0 150px 0 0 }
.element_timeline:nth-child(even){top:410px;position:absolute;left:0;right:0;margin:auto;}
.element_timeline:nth-child(2){margin-right:450px}
.element_timeline:nth-child(4){margin-right:-50px}
.index_1 .element_timeline:nth-child(1){top:20px}
#fullpage .elements.slide .visuel, #fullpage .elements.slide .description{position:relative;}
.element_timeline .description{
	min-height: 150px;
}
.elements.slide .description h2{font-size:32px;color:#fff;margin:10px 0 0;font-weight:normal;}
.elements.slide .description p{padding:15px 0;color:#fff;min-height:45px}
.element_timeline .cursor{width:1px;height:115px;position:absolute;left:-20px;background-color:#fff}
.element_timeline .cursor:after{content:'';border-radius:100%;background-color:#fff;display:inline-block;width:10px;height:10px;position:absolute;top:-5px;left:-4px}
.element_timeline:nth-child(odd) .cursor{bottom:0}
.element_timeline:nth-child(even) .cursor{top:0}
.element_timeline:nth-child(even) .cursor:after{top:115px}
#fullpage .slide.elements .visuel .croix{width:20px;height:20px}
#fullpage .slide.elements .visuel .croix:after{line-height:20px;font-size:9px;margin-top: 0;}
#fullpage .slide.elements .visuel .hidden{padding:15px 0 10px 50px}
#fullpage .slide.elements .visuel:nth-child(2) .croix{left:15px;right:auto;}



@media only screen and (max-width: 1700px){
	.small_desck_title{display:block}
	.frise .navigation{margin-left:100px}
	.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){
	.main_image h2{top:-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;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}

	#fullpage .slide.elements .visuel img{max-height:170px}
	#fullpage .elements.slide .description{display:block;max-width:280px}
	.elements_line{
		top: 45px;
	}
	.element_timeline{width:auto;max-height:50%}
	.element_timeline:nth-child(even){top:360px;left:auto}
	.element_timeline .cursor{height:70px}
	.element_timeline:nth-child(even) .cursor:after{top:70px}
	.element_timeline:nth-child(3){margin:0 0 0 150px}
	.elements.slide .element_timeline:nth-child(even) .description h2{font-size:28px;margin:10px 0}
	.elements.slide .description p{padding:5px 0;font-size:16px}
	.elements.slide .element_timeline:nth-child(even) .description p{min-height:35px}
}
@media only screen and (max-width: 1280px){
	#fullpage .section:nth-child(2) .texte_video h1{top:-90px;left:80px;}
	.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}

	.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)}

	.element_timeline{width:calc(50% - 160px);margin:0 50px 0 0}
	.element_timeline:nth-child(odd){margin:0 50px 0 0}
	#fullpage .slide.elements .visuel{max-width:100%}
	#fullpage .slide.elements .visuel img{max-height:100%;}
	#fullpage .elements.slide .description{min-height:105px}
	.element_timeline:nth-child(3){top:15px}
	.element_timeline:nth-child(even){top:310px}
	.element_timeline:nth-child(2){margin-right:350px}
	.elements_line{width:calc(100% - 160px)}
	.elements_line{
		top: 25px;
	}
}

@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}	

	.elements_line{
		top: 40px;
	}
	#fullpage .elements.slide .description{min-height:135px}
	.elements.slide .description p{font-size:14px}
	.element_timeline .cursor{height:115px}
	.element_timeline:nth-child(even) .cursor:after{top:115px}
	.element_timeline:nth-child(even){top:320px}
	.element_timeline:nth-child(2){margin-right:350px}
	.element_timeline:nth-child(4){margin-right:0}
}
@media only screen and (max-width: 700px){
	#fullpage .element_timeline.slide .visuel:nth-child(2){display:block;}
	.element_timeline:nth-child(even){top:0}
	.elements_line{display:none;}
	.elements_line.responsive{display:block;}
	#fullpage .slide .description{
		position: relative;
		display: block;
	}
	#fullpage .element_timeline.slide .visuel{
		position: relative;
		max-width: 100%;
		display: block;
	}
	#fullpage .element_timeline.slide .visuel img{
		width: 100%;
	}
	.element_timeline .description{
		min-height: auto;
	}
	.slide.element_timeline .description h2{margin:20px 0}
	.slide.element_timeline .description h2, .slide.element_timeline .description p{color:#fff;padding:0;}
	.slide.element_timeline .description p{margin:0 0 30px}
	#fullpage .slide.element_timeline:nth-child(even) .visuel{margin:0 0 30px}
}
@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{width: calc(100% - 160px);height:2px;top:23px;left:65px;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:10px}
	.frise .navigation .prevSlide{margin:0;left:10px;transform:rotate(-90deg)}
	.frise .navigation .nextSlide{right:10px;transform:rotate(-90deg)}
	.path_active{top:23px;left:65px;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(20px - 7px)}
	.frise .navigation .nav_title.active span, .navigation .nav_title.prev_active span{display:block;position:fixed;top:35px;width:100%;left:0;font-size:1rem}

	.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:70px}
	.texte_video h2.sous_titre_presentation{font-size:30px;margin:0}
	[data-anchor="1"] .texte_video h2{
		font-size: 25px;
		margin: -30px 0 0;
	}
	.texte_video h1{font-size:100px;top:-70px}
	.texte_video h2{
		font-size: 25px;
		margin: -20px 0 0;
	}
	.texte_video .desc{font-size:16px;margin-top:20px}
	.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 .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, #fullpage .slide.construction .description, #fullpage .slide.portrait .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}

	#fullpage .slide.portrait .visuel img, #fullpage .slide.construction .visuel.portrait img{
		max-height:350px;
	}
	.texte_video h1.titre_chiffre{
		font-size: 100px;
	}
	.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{left:75px;}
	.path_active{left:75px}
	.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}
	.frise .navigation ul:after{width: calc(100% - 120px);}
}