@media screen and (max-height: 880px),screen and (max-width: 1700px) {
	/*illus-zone*/
	.container-zone-anim-general{width:600px;height:600px;margin-left:-512px;margin-top:-300px;}

	/*calendrier*/
	.calendrier-container-ul{width:140px;height:600px;margin-top:-300px;margin-left:-652px;}
	.calendrier-container-li p{line-height:50px;}

	/*illus*/
	.container-zone-anim-general,.illu-article-container{width:600px;height:600px;margin-left:-512px;margin-top:-300px;}
							
	/*nav*/
	.maNav{top:20px;right:33px;}
	.logo-container{height:80px;width:80px;}
	.button-container{height:50px;}
	.maNav .button-container{margin-right:20px;}
	.button-content{padding-left:14px;padding-right:14px;}
	.button-content p{font-size:11.5pt;height:50px;line-height:50px;margin-right:12px;}
	.fleche-svg-container{width:20px;height:20px;margin-top:16px;}

	/*articles*/
	.button-toTop{margin-top:320px;margin-right:507px;}
		
	article{padding-left:calc( 50% - 512px + 600px + 40px );padding-top:calc( 50vh - 300px );}
	.article-content{width:450px;}	
	.ligne-article-container{margin-top:20px;margin-bottom:20px;}
	.button-toBot{margin-top:20px;}
	.zone-content p{font-size:11pt;line-height:14pt;}

	/*cadre du bas */
	.zone-bas-content{margin-bottom:-360px;width:500px;margin-left:0px;}
	.up-title p{margin-top:10px;margin-bottom:10px;}
		
	/*txt*/
	h1{font-size:64pt;text-transform:uppercase;line-height:68pt;margin-top:10px;}
	h2{font-size:47pt;line-height:50pt;}
	h6{font-size:15pt;line-height:19pt;}
	.p170{font-size:12pt!important;line-height:16pt!important;}
	.p400{font-size:30pt;line-height:34pt;}
	.p560{font-size:42pt;line-height:46pt;}
	.p660{font-size:56pt;line-height:60pt;}
	.up-content-txt{font-size:11pt;line-height:14pt;padding:15px;}
	.right-content-txt p{font-size:11pt;padding:15px;line-height:14pt;}
	.first-zone-bas .right-content-txt p{padding:30px;}
	.first-zone-bas .w65{width:50%;}
	.first-zone-bas .w35{width:50%;}
	}
	
@media screen and (max-height: 720px),screen and (max-width: 1400px) {
	/*illus-zone*/
	.container-zone-anim-general,.illu-article-container{width:480px;height:480px;margin-left:-400px;margin-top:-240px;}

	/*calendrier*/
	.calendrier-container-ul{width:120px;height:480px;margin-top:-240px;margin-left:-520px;}
	.calendrier-container-li p{line-height:40px;padding-left:10px;font-size:10pt;}
	
	/*nav*/
	.maNav{top:10px;right:25px;}
	.logo-container{height:60px;width:60px;}
	.button-container{height:40px;}
	.maNav .button-container{margin-right:10px;}
	.button-content{padding-left:10px;padding-right:10px;}
	.button-content p{font-size:9pt;height:40px;line-height:40px;margin-right:10px;}
	.fleche-svg-container{width:14px;height:14px;margin-top:12px;}

	
	/*articles*/
	.button-toTop{margin-top:260px;margin-right:390px;}
		
	article{padding-left:calc( 50% - 400px + 480px + 30px );padding-top:calc( 50vh - 240px );}
	.article-content{width:400px;}	
	.ligne-article-container{margin-top:14px;margin-bottom:14px;}
	.button-toBot{margin-top:14px;}
	.zone-content p{font-size:10pt;line-height:13pt;}

	/*cadre du bas */
	.zone-bas-content{margin-bottom:-320px;width:400px;margin-left:0px;}
	.up-title p{margin-top:10px;margin-bottom:10px;}
		
	/*txt*/
	h1{font-size:60pt;line-height:64pt;margin-top:5px;}
	h2{font-size:40pt;line-height:44pt;}
	h6{font-size:13pt;line-height:16pt;}
	.p170{font-size:11pt!important;line-height:14pt!important;}
	.p400{font-size:24pt;line-height:29pt;}
	.p560{font-size:35pt;line-height:38pt;}
	.p660{font-size:42pt;line-height:45pt;}
	.up-content-txt{font-size:10pt;line-height:13pt;padding:12px;}
	.right-content-txt p{font-size:10pt;padding:12px;line-height:13pt;}
	.first-zone-bas .right-content-txt p{padding:12px;}

	}
	
@media screen and (max-height: 620px),screen and (max-width: 1100px) {
	/*illus-zone*/
	.container-zone-anim-general,.illu-article-container{width:360px;height:360px;margin-left:-330px;margin-top:-165px;}

	/*calendrier*/
	.calendrier-container-ul{width:100px;height:360px;margin-top:-165px;margin-left:-430px;}
	.calendrier-container-li p{line-height:30px;padding-left:8px;font-size:9.5pt;}
	
	/*nav*/
	.logo-container{height:42px;width:42px;}
	.button-container{height:30px;}
	.button-content p{height:30px;line-height:30px;margin-right:10px;}
	.fleche-svg-container{width:12px;height:12px;margin-top:6px;}

	
	/*articles*/
	.button-toTop{margin-top:210px;margin-right:323px;}
	.goOff{display:none;}
	article{padding-left:calc( 50% - 330px + 360px + 20px );padding-top:calc( 50vh - 165px );}
	.article-content{width:350px;}	
	.ligne-article-container{margin-top:10px;margin-bottom:10px;}
	.button-toBot{margin-top:14px;}
	.zone-content p{font-size:10pt;line-height:13pt;}

	/*cadre du bas */
	.zone-bas-content{margin-bottom:-260px;width:370px;margin-left:0px;}
	.up-title p{margin-top:10px;margin-bottom:10px;}
		
	/*txt*/
	h1{font-size:50pt;line-height:54pt;margin-top:4px;}
	
	h2{font-size:31pt;line-height:35pt;}
	h6{font-size:12pt;line-height:15pt;}
	.p170{font-size:11pt!important;line-height:14pt!important;}
	.p400{font-size:22pt;line-height:25pt;}
	.p560{font-size:30pt;line-height:33pt;}
	.p660{font-size:40pt;line-height:44pt;}
	.up-content-txt{font-size:10pt;line-height:13pt;padding:12px;}
	.right-content-txt p{font-size:10pt;padding:12px;line-height:13pt;}
	}
	
	

@media screen and (max-height: 570px),screen and (max-width: 900px) {

	/*calendrier*/
	.calendrier-container-ul{width:40px;margin-left:-370px;}
	.moisLittle{display:inline-block;}			
	.moisBig{display:none;}			
	}
	
	

@media screen and (max-height: 520px),screen and (max-width: 800px) {
	/*generals*/
	.respOff{display:none;}
	.respOn{display:inline-block;}
	article{min-height:100vh;height:auto;padding-left:60px;padding-right:20px;padding-top:70px;}
	
	/*calendrier*/
	.calendrier-container{background-color:rgba(0,0,0,.4);position:fixed;top:0;left:0;width:40px;height:100%;}	
	.calendrier-container-ul{position:absolute;top:50%;margin:0;padding:0;left:0;width:100%;height:360px;margin-top:-180px;}
	
	/*animCube*/
	.container-zone-anim-general{display:none;}

	/*illus*/
	.container-zone-anim-general,.illu-article-container{width:100%;height:100px;margin:0;padding:0;left:0;float:left;background-color:rgba(0,0,0,.4);position:relative;}
	.article-content{position:relative;float:left;width:100%;}	

	/*txt*/
	h1{font-size:35pt;line-height:39pt;margin-top:1px;}
	h2{font-size:16pt;line-height:19pt;}
	h6{font-size:11pt;line-height:14pt;}	
	.p170{font-size:12pt!important;line-height:14pt!important;}
	.p400{font-size:20pt;line-height:24pt;}
	.p560{font-size:20pt;line-height:24pt;}	
	.p660{font-size:20pt;line-height:24pt;}
	
	/*zone-bas*/
	.zone-bas-content{position:relative;left:0;top:0;margin:0;padding:0;display:inline-block;width:100%;opacity:1;}
	.up-title p,.left-title p{height:auto;width:100%;text-align:center;margin-top:10px;margin-bottom:10px;}
	.flexbox{display: inline-block;}
	.first-zone-bas .right-content-txt p,.right-content-txt p,.up-content-txt{padding:10px;font-size:10pt;line-height:13pt;}
	.w70,.w55,.w45,.w50,.w65,.w35,.w30{width:100%!important;}
	.button-toBot{margin-bottom:20px;}
	.zone-titre{margin-top:15px;position:relative;display:inline-block;}

/*transition*/	
.maNav .button-content:hover .rideau-button-container{width:0;}		
.button-toTop .button-content:hover .rideau-button-container,.button-toBot .button-content:hover .rideau-button-container{height:0;}		
.button-content:hover p{color:#FFFFFF;}		
.button-content:hover svg *{fill:#FFFFFF;}	

.zone-bas-content-next{left:100%;opacity:0;z-index:0;}
.zone-bas-content-prev{left:-100%;opacity:0;z-index:0;}

.calendrier-container-li:hover .bg-cal-cadre{width:0%;}
.calf0 .bg-cal-bg{width:100%;opacity:.3;}
.calf1 .bg-cal-bg{width:50%;opacity:.25;}
.calf2 .bg-cal-bg{width:25%;opacity:.20;}
.calf3 .bg-cal-bg{width:12%;opacity:.15;}
.calf4 .bg-cal-bg{width:6%;opacity:.10;}
.calf5 .bg-cal-bg{width:3%;opacity:.05;}
	}