.respOn{display:none;}
.respOff{display:inline-block;}


@media screen and (max-width: 2000px){
.legende-titre-anim-container{width:700px;bottom:500px;margin-left:-350px;}
.legende-titre-anim-container p{font-size:11.5pt;line-height:15pt;}	
.ligne-txt-intro-container{height:200px;top:-90px;}
	

/*generals episodes*/
.up-zone-page{height:70%;}
.titre-page-container{margin-top:-220px;width:28%;}
.menu-container-page{height:220px;}
.menu-page-chap-container{height:25px;margin-top:-15px;} 
.menu-page-chap-container:hover svg{height:130%;margin-top:-6px;}
.menu-page-chap-g{margin-left:-40px;}
.menu-page-chap-d{margin-right:-40px;}
.titre-pages{bottom:40%;}
.titre-pages p{font-size:15pt;line-height:19pt;}
.partager-container{bottom:15px;right:15px;}
.nav-ep-menu-txt-container{width:400px;margin-left:-200px;margin-top:-15px;height:30px;}
.nav-ep-menu-a-g{padding-right:15px;padding-left:0;}
.nav-ep-menu-a-d{padding-left:15px;padding-right:0;}
.nav-ep-menu-a p{height:100%;line-height:30px;font-size:10.5pt;}
.ep1-mer1{left:auto;margin-left:70%;height:35px;bottom:-100px;}

	}
	
	
	
	
@media screen and (max-width: 1700px){
	/*mentions légales*/
	.ml-header-container{height:400px;}
	.fond-degrades-container{width:1500px;margin-left:-750px;}
	.titre-ml-content{width:1024px;margin-bottom:35px;}
	.titre-ml-content h1{font-size:30pt;line-height:34pt;}
	.txt-ml-container{width:1024px;}
	.txt-ml-content p{padding-left:70px;padding-right:70px;font-size:12pt;line-height:16pt;}
	.txt-ml-content h2{font-size:18pt;line-height:22pt;margin-top:40px;margin-bottom:25px;}
	.lh-ml-end-container{width:451px;height:auto;margin-top:80px;margin-bottom:80px;}
	
	/*General*/
	.logo-container{top:30px;}
	
	/*ILLU*/
	.titre-container{width:403px;height:324px;bottom:-161px;margin-left:-201px;}
	.legende-titre-anim-container{width:500px;bottom:350px;margin-left:-250px;}
	.ligne-txt-intro-container{width:1px;margin-left:-1px;height:100px;top:-10px;}
	.fond-anim-degrades-container{width:1500px;margin-left:-750px;}
	.mention-legales-content{width:260px;}
	.reseaux-ul{right:10px;bottom:10px;}
	.zone-partenaire-content{bottom:16px;left:16px;}
	.illot-container{height:70px;}	
	
	/*ep1*/
	.ep1-quai-btn{margin-left:-500px;bottom:-110px;width:1000px;}
	.ep1-soleil{height:80px;}
	.ep1-bateau{height:60px;}
	.ep1-mer0{left:auto;right:0;margin-right:calc( 50% - 500px );height:40px;bottom:-40px;}
	.ep1-mer1{height:20px;}
	.ligne-ep1-container-0{margin-left:-390px;padding-bottom:155px;height:42%;}
	.ligne-ep1-container-1{margin-left:-320px;padding-bottom:160px;height:55%;}
	.ligne-ep1-container-2{margin-left:-258px;padding-bottom:160px;height:42%;}
	.ligne-ep1-container-3{margin-left:-214px;padding-bottom:160px;height:55%;}
	.ligne-ep1-container-4{margin-left:-150px;padding-bottom:162px;height:42%;}
	.ligne-ep1-container-5{margin-left:-100px;padding-bottom:120px;height:55%;}
	.ligne-ep1-container-6{margin-left:-40px;padding-bottom:160px;height:42%;}
	.ligne-ep1-container-7{margin-left:10px;padding-bottom:155px;height:55%;}
	.ligne-ep1-container-8{margin-left:80px;padding-bottom:170px;height:42%;}
	.ligne-ep1-container-9{margin-left:132px;padding-bottom:160px;height:55%;}
	.ligne-ep1-container-10{margin-left:190px;padding-bottom:160px;height:42%;}
	.ligne-ep1-container-11{margin-left:240px;padding-bottom:180px;height:55%;}
	.ligne-ep1-container-12{margin-left:290px;padding-bottom:105px;height:42%;}
	.ligne-ep1-container-13{margin-left:360px;padding-bottom:145px;height:55%;}
	.ligne-ep1-container-14{margin-left:410px;padding-bottom:155px;height:42%;}

	.titre-page-e1 p{color:#6b3998;text-align:center;width:120px;font-size:10pt!important;}
	.titre-page-e1-0{margin-left:-450px;bottom:42%!important;}
	.titre-page-e1-1{margin-left:-380px;bottom:55%!important;}
	.titre-page-e1-2{margin-left:-318px;bottom:42%!important;}
	.titre-page-e1-3{margin-left:-274px;bottom:55%!important;}
	.titre-page-e1-4{margin-left:-210px;bottom:42%!important;}
	.titre-page-e1-5{margin-left:-160px;bottom:55%!important;}
	.titre-page-e1-6{margin-left:-100px;bottom:42%!important;}
	.titre-page-e1-7{margin-left:-50px;bottom:55%!important;}
	.titre-page-e1-8{margin-left:20px;bottom:42%!important;}
	.titre-page-e1-9{margin-left:72px;bottom:55%!important;}
	.titre-page-e1-10{margin-left:130px;bottom:42%!important;}
.titre-page-e1-11{margin-left:180px;bottom:55%!important;}
.titre-page-e1-12{margin-left:230px;bottom:42%!important;}
.titre-page-e1-13{margin-left:300px;bottom:55%!important;}
.titre-page-e1-14{margin-left:350px;bottom:42%!important;}

	
	


	}
@media screen and (max-width: 1500px){	
	/*generals episodes*/
	.titre-page-container{top:0;margin-top:100px;width:28%;}
	.menu-container-page{height:220px;}
	.menu-page-chap-container{height:20px;margin-top:-12px;} 
	.menu-page-chap-container:hover svg{height:120%;margin-top:-5px;}
	.menu-page-chap-g{margin-left:-60px;}
	.menu-page-chap-d{margin-right:-60px;}
	.titre-pages{bottom:46%;}
	.titre-pages p{font-size:13pt;line-height:17pt;}
	.messt-ep3{font-size:10pt!important;line-height:14pt!important;}
	.partager-container{bottom:15px;right:15px;}
	.nav-ep-menu-txt-container{width:400px;margin-left:-200px;margin-top:-15px;height:30px;}
	.nav-ep-menu-a-g{padding-right:15px;padding-left:0;}
	.nav-ep-menu-a-d{padding-left:15px;padding-right:0;}
	.nav-ep-menu-a p{height:100%;line-height:30px;font-size:10.5pt;}
	
	
	/*ep2*/
	.ep2-nuage1{margin-right:-5%;height:40%;}
	.ep2-nuage0{margin-right:10%;height:40%;}
	.ep2-oiseau{margin-left:30%;bottom:50%;height:29px;}
	.ep2-illots2{margin-right:1%;height:6px;}
	.ep2-bg1{margin-left:30%;height:35px;}
	.ep2-bg0{margin-left:16%;height:35px;}
	.ep2-bouee{margin-right:7%;height:90px;bottom:-7%;}
	.ep2-illots{margin-left:2%;height:22px;bottom:-4%;}
	.ep2-zone-bouton-0{height:135px;margin-left:-280px;}
	.ep2-zone-bouton-1{height:82px;bottom:-3%;margin-left:-32px;}
	.ep2-zone-bouton-2{height:50px;margin-left:180px;}
	.ep2-mer{margin-right:-35%;height:10%;bottom:-13%;}
	.titre-page-e2-0{margin-left:-365px;}
	.titre-page-e2-2{margin-left:165px;}
	.ligne-ep2-container{width:1px;height:45%;padding-bottom:70px;}
	.ligne-ep2-container-0{margin-left:-265px;padding-bottom:140px;}
	.ligne-ep2-container-2{margin-left:265px;padding-bottom:60px;}
	
	
	
/*ep3*/
.ep3-nuage{margin-left:-5%;height:40%;}
.ep3-oiseau1{margin-left:25%;width:40%;}
.ep3-oiseaux-blancs{margin-left:20%;height:30px;bottom:35%;}
.ep3-oiseaux-blancs2{margin-right:20%;height:38px;bottom:45%;}
.ep3-oiseau2{margin-left:20%;width:40%;}
.ep3-bateau0{left:auto;right:0;margin-right:30%;height:20px;bottom:0%;}
.ep3-zone-bouton-3{margin-left:-430px;height:380px;}
.ep3-bouees-ligne{left:auto;margin-left:5%;height:4px;bottom:13px;}
.ep3-zone-bouton-2{margin-left:-75px;height:35px;bottom:120px;}
.ep3-zone-bouton-4{height:53px;margin-right:-210px;bottom:0;}
.ep3-zone-bouton-0{margin-left:-268px;height:44px;}
.ep3-mer0{margin-left:20%;height:20px;bottom:-10%;}
.ep3-mer1{margin-left:28%;height:13px;bottom:-10%;}
.ep3-mer3{margin-left:10%;height:25px;bottom:-8%;}
.ep3-mer4{margin-left:45%;height:6px;bottom:-5%;}
.ep3-mer5{right:0;margin-right:10%;height:15px;bottom:-6%;}
.ep3-mer6{right:0;margin-right:15%;height:8px;bottom:-2%;}
.ep3-zone-bouton-1{margin-left:-170px;height:48px;}
.ep3-ilot-0{left:auto;margin-left:10%;height:6px;bottom:11px;}
.ep3-ilot-1{left:auto;right:0;margin-right:5%;height:8px;bottom:10px;}
.ep3-zone-bouton-5{left:50%;margin-left:210px;height:80px;bottom:-20px;}
.ep3-mer6{opacity:0;left:auto;margin-left:10%;height:33px;bottom:-9%;}
.titre-page-e3-0{margin-left:-350px;bottom:25%!important;}
.titre-page-e3-5{margin-left:150px;bottom:30%;}
.titre-page-e3-1{margin-left:-250px;bottom:35%;}
.titre-page-e3-4{margin-left:50px;bottom:50%!important;}
.titre-page-e3-2{margin-left:-150px;bottom:50%!important;}
.titre-page-e3-3{margin-left:-50px;bottom:25%!important;}
.ligne-ep3-container-0{margin-left:-250px;padding-bottom:60px;height:25%;}
.ligne-ep3-container-1{margin-left:-150px;padding-bottom:60px;height:35%;}
.ligne-ep3-container-2{margin-left:-50px;padding-bottom:150px;height:50%;}
.ligne-ep3-container-3{margin-left:50px;padding-bottom:60px;height:25%;}	
.ligne-ep3-container-4{margin-left:150px;padding-bottom:58px;height:50%;}
.ligne-ep3-container-5{margin-left:250px;padding-bottom:62px;height:30%;}

/*ep1*/
.ep1-soleil{margin-right:15px;height:70px;}
.ep1-bateau{margin-right:25px;height:50px;}
.ep1-mer1{left:auto;margin-left:50%;height:20px;bottom:-60px;}
.ep1-mer2{left:auto;margin-left:25%;height:30px;bottom:-90px;}
.ep1-mer3{left:auto;margin-left:35%;height:10px;bottom:-50px;}
.ep1-ile0{left:auto;margin-left:6%;height:40px;bottom:-30px;}
.ep1-ile1{left:auto;margin-left:11%;height:10px;bottom:-50px;}



}

@media screen and (max-width: 1200px){
	/*mentions légales*/
	.ml-header-container{height:350px;}
	.fond-degrades-container{width:1000px;margin-left:-500px;}
	.titre-ml-content{width:720px;margin-bottom:30px;}
	.titre-ml-content h1{font-size:24pt;line-height:28pt;}
	.txt-ml-container{width:720px;}
	.txt-ml-content p{padding-left:40px;padding-right:40px;font-size:12pt;line-height:16pt;}
	.txt-ml-content h2{font-size:18pt;line-height:22pt;margin-top:30px;margin-bottom:20px;}
	.lh-ml-end-container{width:400px;height:auto;margin-top:60px;margin-bottom:60px;}
	
	/*generals*/
	.logo-container{top:30px;}
	
	/*pu*/
	.pu-content{padding:20px;padding-bottom:70px;}
	
	
	/*ep1*/
	.ep1-quai-btn{margin-left:-390px;bottom:-90px;width:780px;}
	.ep1-soleil{height:60px;}
	.ep1-bateau{height:40px;}
	.ep1-mer0{left:auto;right:0;margin-right:calc( 50% - 370px );height:30px;bottom:-30px;}
	.ep1-mer1{height:20px;}
	.ep1-mer2{height:20px;bottom:30px;}
	.ep1-ile0{left:auto;margin-left:5px;height:30px;bottom:-30px;}
	.ep1-ile1{left:auto;margin-left:6%;height:5px;}
	.ligne-ep1-container-0{margin-left:-303px;padding-bottom:117px;height:45%;}
	.ligne-ep1-container-1{margin-left:-246px;padding-bottom:120px;height:60%;}
	.ligne-ep1-container-2{margin-left:-206px;padding-bottom:120px;height:45%;}
	.ligne-ep1-container-3{margin-left:-170px;padding-bottom:120px;height:60%;}
	.ligne-ep1-container-4{margin-left:-120px;padding-bottom:121px;height:45%;}
	.ligne-ep1-container-5{margin-left:-79px;padding-bottom:90px;height:60%;}
	.ligne-ep1-container-6{margin-left:-33px;padding-bottom:120px;height:45%;}
	.ligne-ep1-container-7{margin-left:8px;padding-bottom:117px;height:60%;}
	.ligne-ep1-container-8{margin-left:60px;padding-bottom:129px;height:45%;}
	.ligne-ep1-container-9{margin-left:104px;padding-bottom:125px;height:60%;}
	.ligne-ep1-container-10{margin-left:145px;padding-bottom:124px;height:45%;}
	.ligne-ep1-container-11{margin-left:185px;padding-bottom:130px;height:60%;}
	.ligne-ep1-container-12{margin-left:227px;padding-bottom:80px;height:45%;}
	.ligne-ep1-container-13{margin-left:280px;padding-bottom:110px;height:60%;}
	.ligne-ep1-container-14{margin-left:320px;padding-bottom:120px;height:45%;}

	.pu-chapitre-container{font-size:11pt!important;}
	.titre-page-e1 p{color:#6b3998;text-align:center;width:100px;font-size:9pt!important;}
	.titre-page-e1-0{margin-left:-353px;bottom:45%!important;}
	.titre-page-e1-1{margin-left:-296px;bottom:60%!important;}
	.titre-page-e1-2{margin-left:-256px;bottom:45%!important;}
	.titre-page-e1-3{margin-left:-220px;bottom:60%!important;}
	.titre-page-e1-4{margin-left:-170px;bottom:45%!important;}
	.titre-page-e1-5{margin-left:-129px;bottom:60%!important;}
	.titre-page-e1-6{margin-left:-83px;bottom:45%!important;}
	.titre-page-e1-7{margin-left:-42px;bottom:60%!important;}
	.titre-page-e1-8{margin-left:10px;bottom:45%!important;}
	.titre-page-e1-9{margin-left:54px;bottom:60%!important;}
	.titre-page-e1-10{margin-left:95px;bottom:45%!important;}
	.titre-page-e1-11{margin-left:135px;bottom:60%!important;}
	.titre-page-e1-12{margin-left:177px;bottom:45%!important;}
	.titre-page-e1-13{margin-left:230px;bottom:60%!important;}
	.titre-page-e1-14{margin-left:270px;bottom:45%!important;}
	}
	
	
@media screen and (max-width: 1000px){
	/*mentions légales*/
	.ml-header-container{height:300px;}
	.fond-degrades-container{width:600px;margin-left:-300px;}
	.titre-ml-content{width:600px;margin-bottom:30px;}
	.titre-ml-content h1{font-size:22pt;line-height:26pt;}
	.txt-ml-container{width:600px;}
	.txt-ml-content p{padding-left:0px;padding-right:0px;}
	.txt-ml-content h2{font-size:18pt;line-height:22pt;margin-top:20px;margin-bottom:20px;}
	.lh-ml-end-container{width:400px;height:auto;margin-top:40px;margin-bottom:40px;}
	
	/*generals*/
	.logo-container{top:30px;}
	
	/*ILLU*/
	.titre-container{width:270px;height:auto;bottom:-113px;margin-left:-135px;}
	.legende-titre-anim-container{width:300px;bottom:180px;margin-left:-150px;}
	.ligne-txt-intro-container{display:none;}
	.legende-titre-anim-container p{font-size:10.5pt;line-height:13.5pt;}
	.fond-anim-degrades-container{width:1000px;margin-left:-500px;}
	.mention-legales-content{width:200px;}
	.reseaux-ul{right:10px;bottom:10px;height:20px;}
	.reseaux-li{width:25px;height:25px;}
	.illot-container{height:50px;}	
	.zone-partenaire-content{bottom:10px;left:10px;}
	
	/*episodes*/
	.logo-container{width:250px;height:auto;left:0;margin-left:-50px;top:10px;}
	.up-zone-page{height:71%;}
	.fond-allo-page{width:140%;left:-20%;}
	.titre-page-container{margin-top:30px;width:35%;}
	.menu-container-page{height:140px;}
	.menu-page-chap-container{height:16px;margin-top:-10px;} 
	.menu-page-chap-container:hover svg{height:110%;margin-top:-2px;}
	.menu-page-chap-g{margin-left:-30px;}
	.menu-page-chap-d{margin-right:-30px;}
	.titre-pages{width:150px;bottom:48%;margin-left:-75px;}
	.titre-pages p{font-size:12pt;line-height:15pt;}
	.partager-container{bottom:10px;right:10px;}
	.partager-container-txt{height:20px;}
	.partager-container-txt p{font-size:10pt;line-height:20px;height:20px;}
	.part-reseau-ul{height:20px;}
	.part-reseau-li {margin:0px;width:20px;height:20px;}
	.nav-ep-menu-txt-container{width:320px;margin-left:-160px;}
	.nav-ep-menu-a-g{padding-right:10px;}
	.nav-ep-menu-a-d{padding-left:10px;}
	.nav-ep-menu-a p{font-size:9pt;}

.ep2-nuage1{margin-right:-2%;height:25%;}
.ep2-nuage0{margin-right:5%;height:25%;}
.ep2-oiseau{margin-left:15%;bottom:25%;height:14px;}
.ep2-illots2{margin-right:1%;height:4px;}
.ep2-bg1{margin-left:20%;height:28px;}
.ep2-bg0{margin-left:10%;height:28px;}
.ep2-bouee{margin-right:3%;height:60px;bottom:-4%;}
.ep2-illots{margin-left:5%;height:16px;bottom:-4%;}
.ep2-zone-bouton-0{height:50px;height:90px;margin-left:-211px;}
.ep2-zone-bouton-1{height:50px;height:61px;bottom:-4%;margin-left:-24px;}
.ep2-zone-bouton-2{height:50px;height:36px;margin-left:136px;}
.ep2-mer{margin-right:1%;height:7%;bottom:-8%;}
.titre-page-e2-0{margin-left:-275px;}
.titre-page-e2-2{margin-left:125px;}
.ligne-ep2-container{width:1px;height:47%;padding-bottom:50px;}
.ligne-ep2-container-0{margin-left:-200px;padding-bottom:100px;}
.ligne-ep2-container-2{margin-left:200px;padding-bottom:45px;}

/*ep3*/
.ep3-nuage{margin-left:-5%;height:40%;}
.ep3-oiseau1{margin-left:25%;width:40%;}
.ep3-oiseaux-blancs{margin-left:20%;height:30px;bottom:35%;}
.ep3-oiseaux-blancs2{margin-right:20%;height:38px;bottom:45%;}
.ep3-oiseau2{margin-left:20%;width:40%;}
.ep3-bateau0{left:auto;right:0;margin-right:30%;height:20px;bottom:0%;}
.ep3-zone-bouton-3{margin-left:-430px;height:380px;}
.ep3-bouees-ligne{left:auto;margin-left:5%;height:4px;bottom:13px;}
.ep3-zone-bouton-2{margin-left:-75px;height:35px;bottom:120px;}
.ep3-zone-bouton-4{height:53px;margin-right:-210px;bottom:0;}
.ep3-zone-bouton-0{margin-left:-268px;height:44px;}
.ep3-mer0{margin-left:20%;height:20px;bottom:-10%;}
.ep3-mer1{margin-left:28%;height:13px;bottom:-10%;}
.ep3-mer3{margin-left:10%;height:25px;bottom:-8%;}
.ep3-mer4{margin-left:45%;height:6px;bottom:-5%;}
.ep3-mer5{right:0;margin-right:10%;height:15px;bottom:-6%;}
.ep3-mer6{right:0;margin-right:15%;height:8px;bottom:-2%;}
.ep3-zone-bouton-1{margin-left:-170px;height:48px;}
.ep3-ilot-0{left:auto;margin-left:10%;height:6px;bottom:11px;}
.ep3-ilot-1{left:auto;right:0;margin-right:5%;height:8px;bottom:10px;}
.ep3-zone-bouton-5{left:50%;margin-left:210px;height:80px;bottom:-20px;}
.ep3-mer6{opacity:0;left:auto;margin-left:10%;height:33px;bottom:-9%;}
.titre-page-e3-0{margin-left:-330px;bottom:25%!important;}
.titre-page-e3-5{margin-left:170px;bottom:50%;}
.titre-page-e3-1{margin-left:-230px;bottom:35%;}
.titre-page-e3-4{margin-left:70px;bottom:25%!important;}
.titre-page-e3-2{margin-left:-130px;bottom:50%!important;}
.titre-page-e3-3{margin-left:-30px;bottom:35%!important;}
.ligne-ep3-container-0{margin-left:-250px;padding-bottom:60px;height:25%;}
.ligne-ep3-container-1{margin-left:-150px;padding-bottom:60px;height:35%;}
.ligne-ep3-container-2{margin-left:-50px;padding-bottom:150px;height:50%;}
.ligne-ep3-container-3{margin-left:50px;padding-bottom:60px;height:35%;}	
.ligne-ep3-container-4{margin-left:150px;padding-bottom:58px;height:25%;}
.ligne-ep3-container-5{margin-left:250px;padding-bottom:62px;height:50%;}

	
	/*ep1*/
	.ep1-quai-btn{margin-left:-390px;bottom:-90px;width:780px;}
	.ep1-soleil{height:60px;}
	.ep1-bateau{height:40px;}
	.ep1-mer0{left:auto;right:0;margin-right:calc( 50% - 370px );height:30px;bottom:-30px;}
	.ep1-mer1{height:20px;}
	.ep1-mer2{height:20px;bottom:30px;}
	.ep1-ile0{left:auto;margin-left:5px;height:30px;bottom:-30px;}
	.ep1-ile1{left:auto;margin-left:6%;height:5px;}

	.titre-page-e1 p{color:#6b3998;text-align:center;width:100px;font-size:9pt!important;}
	
	.ligne-ep1-container-0{margin-left:-303px;padding-bottom:117px;height:45%;}
	.ligne-ep1-container-1{margin-left:-246px;padding-bottom:120px;height:60%;}
	.ligne-ep1-container-2{margin-left:-206px;padding-bottom:120px;height:45%;}
	.ligne-ep1-container-3{margin-left:-170px;padding-bottom:120px;height:60%;}
	.ligne-ep1-container-4{margin-left:-120px;padding-bottom:121px;height:45%;}
	.ligne-ep1-container-5{margin-left:-79px;padding-bottom:90px;height:60%;}
	.ligne-ep1-container-6{margin-left:-33px;padding-bottom:120px;height:45%;}
	.ligne-ep1-container-7{margin-left:8px;padding-bottom:117px;height:60%;}
	.ligne-ep1-container-8{margin-left:60px;padding-bottom:129px;height:45%;}
	.ligne-ep1-container-9{margin-left:104px;padding-bottom:125px;height:60%;}
	.ligne-ep1-container-10{margin-left:145px;padding-bottom:124px;height:45%;}
	.ligne-ep1-container-11{margin-left:185px;padding-bottom:130px;height:60%;}
	.ligne-ep1-container-12{margin-left:227px;padding-bottom:80px;height:45%;}
	.ligne-ep1-container-13{margin-left:280px;padding-bottom:110px;height:60%;}
	.ligne-ep1-container-14{margin-left:320px;padding-bottom:120px;height:45%;}

	.titre-page-e1-0{margin-left:-353px;bottom:45%!important;}
	.titre-page-e1-1{margin-left:-296px;bottom:60%!important;}
	.titre-page-e1-2{margin-left:-256px;bottom:45%!important;}
	.titre-page-e1-3{margin-left:-220px;bottom:60%!important;}
	.titre-page-e1-4{margin-left:-170px;bottom:45%!important;}
	.titre-page-e1-5{margin-left:-129px;bottom:60%!important;}
	.titre-page-e1-6{margin-left:-83px;bottom:45%!important;}
	.titre-page-e1-7{margin-left:-42px;bottom:60%!important;}
	.titre-page-e1-8{margin-left:10px;bottom:45%!important;}
	.titre-page-e1-9{margin-left:54px;bottom:60%!important;}
	.titre-page-e1-10{margin-left:95px;bottom:45%!important;}
	.titre-page-e1-11{margin-left:135px;bottom:60%!important;}
	.titre-page-e1-12{margin-left:177px;bottom:45%!important;}
	.titre-page-e1-13{margin-left:230px;bottom:60%!important;}
	.titre-page-e1-14{margin-left:270px;bottom:45%!important;}
	}
	
@media screen and (max-width: 720px), screen and (max-height: 420px){/*ressources*/
html,body,.pu-container,.pu-content{overflow-x:hidden;}
	.respOff{display:none!important;}
	.respOn{display:inline-block!important;}
	
	/*audio*/
	.audio-button-container{top:10px;right:10px;width:24px;height:24px;}
	/*mentions légales*/
	.ml-header-container{height:280px;}
	.fond-degrades-container{width:500px;margin-left:-250px;}
	.titre-ml-content{width:100%;box-sizing:border-box;padding-left:20px;padding-right:20px;margin-left:0;left:0;}
	.titre-ml-content h1{font-size:18pt;line-height:22pt;margin-left:0;}
	.txt-ml-container{width:100%;box-sizing:border-box;margin-left:0;padding-left:20px;padding-right:20px;}
	.txt-ml-content{margin-left:0;}
	.txt-ml-content h2{font-size:16pt;line-height:20pt;margin-top:20px;margin-bottom:20px;width:100%;}
	.txt-ml-content p{padding:0;width:100%;}
	.lh-ml-end-container{width:400px;height:auto;margin-top:30px;margin-bottom:50px;}
	.zone-partenaire-content{bottom:10px;left:10px;height:50px;width:50px;}
	
	
	/*ILLU BASE*/
	.full-anim-container{height:30%;}
	.ligne-dhorizon-anim-container{bottom:70%;}
	.legende-titre-anim-container{width:250px;bottom:auto;top:140px;margin-left:-125px;}
	.legende-titre-anim-container p{font-size:9.5pt;line-height:12pt;}
	.anim-illu-container{top:30%;}	
	.fond-anim-degrades-container{bottom:70%;width:600px;margin-left:-300px;}
	.mention-legales-container{top:35%;}
	.mention-legales-content{display:none;}
	#cookieChoiceInfo span{margin-top:10px;margin-bottom:10px;}
	
	/*generals*/
	.logo-container{width:220px;height:auto;left:50%;margin-left:-110px;top:10px;}			
	.reseaux-li a svg *{fill:#683c8f;}
	.fleche-container{top:30%;margin-top:-20px;} 
	.fleche-gauche{left:-10px;}	
	.fleche-droite{right:-10px;}
	
	/*animations*/
	.up-zone-page{position:relative;float:left;width:100%;height:auto;margin:0;padding:0;min-height:calc( 100% - 200px );min-height:calc( 100vh - 200px );}
	.titre-page-container{margin:0;margin-top:70px;margin-bottom:20%;position:relative;float:left;width:100%;box-sizing:border-box;left:0;height:auto;padding-left:20px;padding-right:20px;}
	.titre-page-content{width:100%;height:auto;margin:0;left:0;}
	.titre-pages{position:relative;left:0;margin:0;padding:0;float:left;box-sizing:border-box;padding-left:20px;padding-right:20px;padding-top:0px;padding-bottom:0px;width:100%;height:auto;}
	.titre-pages p{font-size:14pt!important;line-height:17pt!important;margin:0;padding:0;padding-top:10px;width:100%;position:relative;float:left;}
	.titre-pages p:first-child{padding-top:10px;border-top:1px solid #6b3998;}
	.titre-pages p:last-child{padding-bottom:10px;}
	.titre-pages:last-child{margin-bottom:110px;}
	.fond-allo-page{width:300%;left:-100%;}
	/*menus*/
	.menu-container-page{position:relative;height:200px;float:left;margin:0;padding:0;width:100%;}
	.nav-ep-menu-txt-container{margin:0;left:0;top:0;margin-top:80px;box-sizing:border-box;padding-left:20px;padding-right:20px;width:100%;height:auto;position:relative;}
	.nav-ep-menu-txt-content{width:100%;height:auto;margin:0;padding:0;left:0;top:0;}
	.nav-ep-menu-div2-content{width:50%;height:auto;margin:0;padding:0;left:0;top:0;}
	.nav-ep-menu-a{width:100%;height:auto;margin:0;padding:0;left:0;top:0;}
	.nav-ep-menu-a-g p{text-align:left;width:100%;color:#6b3998;font-size:9pt;line-height:12pt;}
	.nav-ep-menu-a-d p{text-align:right;width:100%;color:#6b3998;font-size:9pt;line-height:12pt;}
	.menu-page-chap-container{height:12px!important;margin:0!important;padding:0!important;position:relative;float:left;left:0!important;right:0!important;top:0;display:inline-block;}
	 .menu-page-chap-d{float:right;margin-right:20px!important;}
	 .menu-page-chap-g{float:left;margin-left:20px!important;}
	.menu-page-chap-container svg{height:100%!important;width:auto!important;}
	
	/*ep2*/
	.ep2-nuage1{margin-right:-7%!important;right:0!important;height:25%;}
	.ep2-nuage0{margin-right:-15%!important;right:0!important;height:25%;}
	.ep2-oiseau{margin-left:15%;bottom:25%;height:14px;}
	.ep2-illots2{margin-right:1%!important;right:0!important;height:4px;}
	.ep2-bg1{margin-left:20%!important;left:0!important;height:28px;}
	.ep2-bg0{margin-left:10%!important;left:0!important;height:28px;}
	.ep2-bouee{margin-right:10px!important;right:0!important;height:40px;bottom:-40px;}
	.ep2-illots{margin-left:10px!important;left:0!important;height:16px;bottom:-20px;}
	.ep2-zone-bouton-0{height:90px;left:50%;margin-left:-100px;}
	.ep2-zone-bouton-1{height:61px;bottom:-30px;margin-left:-40px;}
	.ep2-zone-bouton-2{height:36px;margin-left:10px;}
	.ep2-mer{right:-50px!important;margin:0!important;left:0!important;height:35px;bottom:-60px;}

	
	
	
/*ep3*/
.ep3-nuage{left:0;margin-left:5%;height:20%;}
.ep3-oiseau1{margin-left:-30%;left:0;width:100%;}
.ep3-oiseaux-blancs{margin-left:20%;left:0;height:20px;bottom:50px;}
.ep3-oiseaux-blancs2{margin-right:20%;left:auto;right:0;height:40px;bottom:50px;}
.ep3-oiseau2{margin-left:-25%;width:100%;left:0;}
.ep3-bateau0{display:none;}
.ep3-zone-bouton-3{margin-left:-30%;left:0;height:auto;width:100%;}
.ep3-bouees-ligne{display:none;}
.ep3-zone-bouton-2{margin-left:20%;left:0;height:12px;bottom:30px;}
.ep3-zone-bouton-4{height:33px;margin:0;left:70%;bottom:0;}
.ep3-zone-bouton-0{margin-left:10%;height:35px;left:0;}
.ep3-mer0{left:0;margin-left:20%;height:20px;bottom:-50px;}
.ep3-mer1{left:0;margin-left:28%;height:13px;bottom:-70px;}
.ep3-mer3{left:0;margin-left:10%;height:25px;bottom:-30px;}
.ep3-mer4{left:0;margin-left:45%;height:6px;bottom:-30px;}
.ep3-mer5{right:0;margin-right:1%;height:15px;bottom:-10px;}
.ep3-mer6{right:0;margin-right:5%;height:8px;bottom:-20px;}
.ep3-zone-bouton-1{margin-left:18%;height:38px;left:0;}
.ep3-ilot-0{left:auto;margin-left:10%;height:6px;bottom:11px;}
.ep3-ilot-1{left:auto;right:0;margin-right:5%;height:8px;bottom:10px;}
.ep3-zone-bouton-5{left:60%;margin-left:0;height:40px;bottom:-20px;}
.ep3-mer6{left:0;margin-left:10%;height:33px;bottom:-10px;}

/*ep1*/
	.ep1-quai-btn{margin-left:-155px;bottom:-40px;width:310px;}

	.ep1-soleil{height:50px;right:0!important;margin-rigt:0!important;}
	.ep1-bateau{height:40px;}
	.ep1-mer0{display:none;}
	.ep1-mer1{height:20px;left:0;margin-left:0;}
	.ep1-mer2{height:20px;bottom:30px;display:none;}
	.ep1-ile0{display:none!important;}
	.ep1-ile1{left:auto;margin-left:6%;height:5px;}
	




.titre-line{position:relative;height:auto;width:100%;bottom:0!important;margin-bottom:0!important;opacity:1!important;}
	/*pu*/
	.pu-content{padding:0px;padding-bottom:40px;}
	.fleches-pu{width:30px;height:30px;-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;}	
	.fleche-pu-droite{right:10px;}
	.fleche-pu-gauche{left:10px;}
	.fleches-pu svg{width:24px;height:24px;margin-top:3px;margin-left:3px;}
	.fleches-pu svg *{stroke-width:2px;}
	.bar-menu-pu-buttons-container{padding-left:50px;padding-right:50px;height:30px;}
	.pu-chapitre-container{font-size:10pt;width:180px;line-height:30px;margin-left:-90px;}
	.bar-menu-pu-container p{line-height:30px;}
	.fleches-pu{background-color:#FFFFFF!important;}
.fleches-pu svg *{stroke:#6b3998!important;}
	
	}