/* Switching box model for all elements*/ 
	* {
		box-sizing: border-box;
	}
/* TAILLE VIEWPORT*/
	@ viewport{
		/*height:device-height;*//*voir si c'est nécessaire après essai sur divers devices; si oui,à mettre aussi dans balise meta du html*/
		zoom:1;
	}
@import url('https://fonts.googleapis.com/css2?family=Public+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,500;1,600;1,700;1,800;1,900&display=swap');

/* Debug */

		html {	font-size: 100%;
			/*IE6 debug: IE6 ne comprend pas les tailles de px*/
			}

	
			
/* PAGE */
			
	/* BODY*/
		body,div,ul,ol,li,h1,h2,h3,p {
			margin:0;
			padding:0; 
			/*Reset CSS: enlever les config' par défaut des navigateurs*/
			}
			
		h1{
			font-weight:400; /*Reset CSS*/
			text-align:left;
			}

		h2,h3,h4,h5,h6 {
			font-weight:400; 
			text-align:left;
			}

		body {
			/*Page*/
			width:100%;
			background-color: white; 
			/* Alignements*/
			text-align:center; /*IE6 centrage page debug*/
			/* Retraits et espacements*/
			line-height:1.25em; /*Taille de ligne de référence:base de la trame verticale de la page*/
			/*Caractères*/
			font-family: 'Public Sans',helvetica, Lucida Sans Unicode, Lucida Grande,sans-serif;
			font-size:15px;/*Taille de font de référence: la seule fixe, les autres sont relatives à celle-ci.Système garantissant le respect du design typo même quand les textes sont agrandis*/
			color: black; 
			}
			
		/* GENERAL TEXTS*/

			h1 {
				font-family:'Public Sans',lucida console,monaco,andale mono,monospace; /* dans l'ordre:windows, mac, linux, generic*/
				font-size:calc(1vw/3*2 + 1vh/2 + 5em/9);
				margin-top:0em;
			}

			h2 {
				font-family:'Public Sans',lucida console,monaco,andale mono,monospace;
				font-size:calc(1vw/4 + 3vh/5 + 1em/2);
				line-height:calc(2vh/3 + 1vw + 1em/2);
				/* Mise en page */
				max-width:calc(1vw/3 + 5vh + 4em);
			}

			p {
				font-family: 'Public Sans',Helvetica,Lucida Sans Unicode,Lucida Grande,nimbus sans l,sans-serif; /* dans l'ordre:windows, mac, linux, generic*/
				font-size: 0.9em;/*hauteur de texte de base*/
				line-height: 1.25em; /*hauteur de ligne*/
				margin-top:0em;	
				margin-bottom:1.25em; /*hauteur de ligne*/
				text-align:left;
			}

			span{
				font-family: 'Public Sans',Helvetica,Lucida Sans Unicode,Lucida Grande,nimbus sans l,sans-serif; /* dans l'ordre:windows, mac, linux, generic*/
				font-size: 0.9em;/*hauteur de texte de base*/
				line-height: 1.25em; /*hauteur de ligne*/
				font-weight:bold;
			}

			a:link {
				font-weight: normal;
				color: #ff1a75; /*rose*/
				text-decoration: none; /*lien non souligné*/
				font-family:'Public Sans',Helvetica,Lucida Sans Unicode, Lucida Grande,Nimbus sans l,sans-serif;
			}

			a:visited {
				font-weight: normal;
				text-decoration: none;
				color: #ff1a75;
				font-family:'Public Sans',Helvetica,Lucida Sans Unicode, Lucida Grande,sans-serif;
			}

			a:hover, a:active, a:focus{/*conserver les 3 fonctions: accessibilité clavier et synthèse vocale*/
				color: #ff1a75;
				text-decoration: none;
				font-family: 'Public Sans',Helvetica,Lucida Sans Unicode, Lucida Grande,Nimbus sans l,sans-serif;
			}

			ul{
				font-family:'Public Sans',Helvetica,Lucida Sans Unicode, Lucida Grande,Nimbus sans l,sans-serif;
				text-align:left;
				list-style-type:none;
			}

			ul li{
				margin-top:1.25em; /*hauteur de ligne*/
				margin-left:0em;
			}

			ol{
				font-family:'Public Sans',Helvetica,Lucida Sans Unicode, Lucida Grande,Nimbus sans l,sans-serif;
				font-size: 0.9em;  /*hauteur de texte de base*/
				line-height: 1.25em; /*hauteur de ligne*/
				text-align:left;
				padding-left:3em;
			}

			ol li{
				margin-top:1.25em; /*hauteur de ligne*/
				text-align:left;
			}
			
			footer{
				font-family:'Public Sans',Helvetica,Lucida Sans Unicode, Lucida Grande,Nimbus sans l,sans-serif;
			}
		
	/*MISE EN PAGE HEADER*/

			header{
				z-index:3500;
				height: 0vh; 
				text-align:center;
				}

				.banner{
					position:fixed;
					z-index:3500;
					width:100%;
					height:8vh;
					text-align:left;
					
					margin-left:1vh;
					margin-top:1vh;
					padding-bottom:1vh;
				}

				img.banner{
					height:8vh;
					width:auto;
					margin-top:1vh;
					border:0; 
					background-color:transparent;
				}

	/* MISE EN PAGE NAV 1*/

		nav.navigation1{
			/* Mise en page */
			position:fixed;
			z-index:3500;
			width:100%;
			/* Style Box*/
			background-color:transparent;
			height:9vh;
			margin-left:9.5vh;
			border-bottom:0.20em solid #ff1a75;
		}

			nav.navigation1 ul {
				/* Mise en page */
				position:fixed;
				/* Style Paragraphe*/
				list-style:none;
				background-color:transparent; 
				/* Retraits et espacement */
				padding-left:4.5vw;
				padding-top:calc(7vh - 1vw/3*2 - 4em/9);
				line-height:calc(1vw/3*2 + 1vh/2 + 4em/9);
				/*Alignement*/
				text-align:left;
				/*Caractère effet*/
				color: #00a6a6;
				text-shadow: 0.15em 0.15em 0.35em RGBA(0,0,0,.30);
				text-decoration:none;
				}
			
			
				nav.navigation1 ul li{
					/* Retraits et espacement */
					display:inline-block;
					margin:0 0 0 3.5vw;
					text-indent:-0.3vh;
				}
				
					nav.navigation1 ul li a:link, nav.navigation1 ul li a:visited {
						/*Caractère effet*/
						color:#00a6a6;
						text-transform:uppercase;
						-webkit-transition-property: color;
						-webkit-transition-duration: 0.6s;
						-moz-transition-property: color;
						-moz-transition-duration: 0.6s;
						transition-property: color;
						transition-duration: 0.6s;
					}

					nav.navigation1 ul li a:hover, nav.navigation1 ul li a:active,nav.navigation1 ul li a:focus{/*conserver les 3 fonctions: accessibilité clavier et synthèse vocale*/
						/*Retraits et espacements*/
						padding:0;
						margin:0;
						/*Caractère effet*/
						color: #ff1a75;
					}

				
			nav.navigation1 #en-cours a{
				/*Caractère effet*/
				color: #ff1a75;
			}
			
	/* MISE EN PAGE NAV 2*/
		nav.navigation2{
			/* Mise en page */	
			position:fixed;
			height:100%;
			width:calc(10vw/6 + 30vh/6 + 22em/6);
			transform: translateZ(0);
			z-index:2000;
			/* Paragraphe Style*/
			background-color: #e5e9e9;
			box-shadow: 0 14px 76px rgba(0,0,0,.45);
			border: 0;
			/* Retraits et espacements */
			padding-top:9vh;
			padding-left:0em;
			margin-left:0;
			}
			
		/*nav.navigation2#corps{
			/* Mise en page */
			/*width:calc(2vw + 6vh + 5em);
			}*/
		
		nav.navigation2 ul {
			/* translate with hardware acceleration */
			transform: translateZ(0);
			transform: translate3d(0,0,0);
			perspective: 1000;
			backface-visibility: hidden;
			/* Paragraphe style*/
			list-style: none;
			/* Retraits et espacements */
			padding-left:2vh;
			padding-top:calc(1vw + 2vh + 2em);
			/*Caractère effet*/
			color:#009292;
		}	
		
		nav.navigation2 ul li {
			/* Retraits et espacements */
			padding-left:0;
			margin-top: calc(1vh + 2vw/3);
			/*Caractère effet*/
			text-decoration: none; /*lien non souligné*/
		}
		
		nav.navigation2 ul li a:link,nav.navigation2 ul li a:visited{
			/*Caractère effet*/
			color:#009292;
			/* Transitions */
			-webkit-transition-property: color;
			-webkit-transition-duration: 0.6s;
			-moz-transition-property: color;
			-moz-transition-duration: 0.6s;
			transition-property: color;
			transition-duration: 0.6s;
		}
		
		nav.navigation2 ul li a:hover, nav.navigation2 nav ul li a:active,nav.navigation2 nav ul li a:focus{
			/*Caractère effet*/
			color: #ff1a75;
		}
				
		nav.navigation2 ul li.en-cours{
			/* Paragraphe taille*/
			width:calc(4vw + 12vh + 10em);
			/* Paragraphe style*/
			border-bottom:0.10em solid #ff1a75;
			/* Caractère effet*/
			color: #ff1a75;
			text-shadow: 0.3em 0.3em 0.40em RGBA(0,0,0,.20);
		} 
		
				
		nav.navigation2 ul li.en-cours a:link,nav.navigation2 ul li.en-cours a:visited{
			color: #ff1a75;
		}

	/*MISE EN PAGE CONTENT*/

		section{
			/* Mise en page */	
			display:flex;
			flex-direction:row;
			justify-content:flex-start;
			align-items:flex-start;
			height:96vh;
			/* Retraits et espacements*/
			padding-top:9vh;
		}

		div.Content{
			/* Mise en page */	
			position: relative;
			display:flex;
			flex-direction:row;
			Width:100%;
			overflow-x:auto;
			overflow-y:hidden; 
			break-after:column;
			/* Retraits et espacements*/
			margin:0 0 0 calc(10vw/6 + 30vh/6 + 22em/6);
			/* Paragraphe style*/
			border-bottom: 1px solid #ff1a75;
			/*masscrollbar*/
			scrollbar-arrow-color: #ff1a75;
			scrollbar-base-color: transparent;
			scrollbar-darkshadow-color: transparent;
			scrollbar-face-color: #ff1a75;
			scrollbar-highlight-color: transparent;
			scrollbar-shadow-color: transparent;
			scrollbar-track-color: transparent;
			scrollbar-height:1.5vh;
		}
			/*webkitscroll-bar*/
			::-webkit-scrollbar{height:0.8vh;}
			::-webkit-scrollbar-track {background:transparent;}
			::-webkit-scrollbar-track-piece{background:transparent;}
			::-webkit-scrollbar-thumb:horizontal { background:#ff1a75;}
			::-webkit-scrollbar-button:horizontal { background:#ff1a75; border:0.2vh solid white;}
			::-webkit-scrollbar-thumb:vertical{ background:#ffffff;}
			::-webkit-scrollbar-button:vertical{ background:#ffffff; border:0.15em solid white;}
			
		div.ContentImg{
			/*pour les images seules sans rouleau*/
			/* Mise en page */
			position: relative;
			display:flex;
			flex-direction:row;
			Width:100%;
			overflow-x:auto;
			overflow-y:hidden; 
			Height:84vh;
			break-after:column;
			/* Retraits et espacements*/
			margin:0 0 0 calc(10vw/6 + 30vh/6 + 22em/6);	
			/* Paragraphe style*/
			border-bottom: 1px solid #ff1a75;
		}

		/*ROULEAUX*/

			div.rouleauBlanc{
			display:flex;
			Height:100%;
			}

			div.rouleauNoir{
				display:flex;
				Height: 100%;
				Background-color:black;
			}
			
			div.rouleauBleu{
				display:flex;
				Height: 100%;
				Background-color:#07103b;
			}

			div.rouleauGris{
				display:flex;
				Height: 100%;
				background-color: #e5e9e9;
			}

			div#rouleauEchaffauder{
				display:flex;
				Height: 84vh;
				Background-color:white;
				/*activer la perspective pour les images enfant*/
				perspective:160vh;
				perspective-origin:0% 149% 0;
			}

			div#rouleauMithya{
				display:flex;
				Height: 100%;
				Background-color:black;
				opacity: 1;
			}

			div#rouleauArmoire{
				display:flex;
				Height: 100%;
			}

			div#rouleauArmoire2, div#rouleauArmoire3, div#rouleauArmoire4{
				position:absolute;
				display:flex;
				Height: 100%;
			}

			img{
				height:84vh;
			}
			img.thicker{
				height:84vh;
				margin-right:42vh;
			} 
			
			img.thick{
				height:84vh;
				margin-right:28vh;
			}
			

			img.firsthick{
				height:84vh;
				margin-left:24vh;
				margin-right:28vh;
			}
			
			img.medium{
				height:84vh;
				margin-right:21vh;
			}
			

			img.firsmedium{
				height:84vh;
				margin-left:21vh;
				margin-right:21vh;
			}					
			
			img.thin{
				height:84vh;
				margin-right:1vh;
			}
			img.med{
				height:84vh;
				margin-right:5vh;
			}

			
			img.none{
				height:84vh;
			}
			
			/* ENRICHISSEMENT PROGRESSIF : ANIMATIONS*/

					/* Mythia animation*/

						/* pour que ça apparaisse au scroll il faut du jquery*/

							@keyframes fadeIn { from { opacity:0; } to { opacity:1; } }

							.mithya {
								opacity:0;  
								animation:fadeIn ease-in 1;
								animation-fill-mode:forwards;
								animation-duration:2.5s;
							}
							 
							.mithya:nth-of-type(1) {animation-delay: 0s;}
							.mithya:nth-of-type(2) {animation-delay: 1.7s;}
							.mithya:nth-of-type(3) {animation-delay: 2s;}
							.mithya:nth-of-type(4) {animation-delay: 1s;}
							.mithya:nth-of-type(5) {animation-delay: 2.5s;}
							.mithya:nth-of-type(6) {animation-delay: 1.2s;}
							.mithya:nth-of-type(7) {animation-delay: 1.8s;}
							.mithya:nth-of-type(8) {animation-delay: 3s;}
							.mithya:nth-of-type(9) {animation-delay: 5s;}
							.mithya:nth-of-type(10) {animation-delay: 7s;}
							.mithya:nth-of-type(11) {animation-delay: 8s;}
							.mithya:nth-of-type(12) {animation-delay: 6s;}
							.mithya:nth-of-type(13) {animation-delay: 10s;}
							.mithya:nth-of-type(14) {animation-delay: 14s;}
							.mithya:nth-of-type(15) {animation-delay: 12s;}
							.mithya:nth-of-type(16) {animation-delay: 13s;}

					/* Dérive animation*/

							@keyframes fadeIn { from { opacity:0; } to { opacity:1; } }

							.armoire {
								opacity:0;  
								animation:fadeIn ease-in 1;
								animation-fill-mode:forwards;
								animation-duration:2.5s;
							}
							.armoire:nth-of-type(1) {animation-delay: 0s;}
							.armoire:nth-of-type(2) {animation-delay: 0s;}
							.armoire:nth-of-type(3) {animation-delay: 3s;}
							.armoire:nth-of-type(4) {animation-delay: 12s;}

							.armoire2 {
								opacity:0;  
								animation:fadeIn ease-in 1;
								animation-fill-mode:forwards;
								animation-duration:2.5s;
							}
							.armoire2:nth-of-type(1) {animation-delay: 5s;}
							.armoire2:nth-of-type(2) {animation-delay: 10s;}
							.armoire2:nth-of-type(3) {animation-delay: 7s;}

							.armoire3{
								opacity:0;  
								animation:fadeIn ease-in 1;
								animation-fill-mode:forwards;
								animation-duration:2.5s;
							}
							.armoire3:nth-of-type(1) {animation-delay: 14s;}
							.armoire3:nth-of-type(2) {animation-delay: 10s;}
							.armoire3:nth-of-type(3) {animation-delay: 12s;}

							.armoire4{
								opacity:0;  
								animation:fadeIn ease-in 1;
								animation-fill-mode:forwards;
								animation-duration:2.5s;
							}
							.armoire4:nth-of-type(1) {animation-delay: 15s;}
							.armoire4:nth-of-type(2) {animation-delay: 10s;}
							.armoire4:nth-of-type(3) {animation-delay: 17s;}
							.armoire4:nth-of-type(4) {animation-delay: 20s;}


						/* Apparition smooth dessins  animation*/

							.dette,.pro,.particules,.leitmotiv,.Furtifs,.image {
								opacity:0;  
								animation:fadeIn ease-in-out 1;
								animation-fill-mode:forwards;
							}

							.particules {
								animation-duration:2s;
							}

							.particules:nth-of-type(2) {animation-delay: 1.5s;}
							.particules:nth-of-type(3) {animation-delay: 3.5s;}


							.dette,.pro {
								animation-duration:0.5s;
							}

							.dette:nth-of-type(2) {animation-delay: 0.5s;}
							.dette:nth-of-type(3) {animation-delay: 1s;}

							.Furtifs {
								animation-duration:4s;
							}

							.leitmotiv {
								animation-duration:4s;
								}
								
							.image {
								animation-duration:1.5s;
							}

					/* Echaffauder transformations-animation*/


							@keyframes Echaffauder1 { 
								0% { 	transform:  rotate3d(0,1,0,10deg) /*scale(1.49)*/;
										transform-origin:right center; 
										-webkit-transform: rotate3d(0,1,0,10deg)/*rotateY(-104deg)*/ /*scale(1.49)*/;
										-webkit-transform-origin:right center;
										-moz-transform: rotate3d(0,1,0,10deg)/*rotateY(-104deg)*/ /*scale(1.49)*/;
										-moz-transform-origin:right center;
										} 
								100% { 	transform: rotateY(0deg) /*scale(1.0) translateY(0vh)*/; 
										transform-origin:right center; 
										-webkit-transform: rotateY(0deg) /*scale(1.0) translateY(0vh)*/;
										-webkit-transform-origin:right center;
										-moz-transform: rotateY(0deg) /*scale(1.0) translateY(0vh)*/;
										-moz-transform-origin:right center; }  
										} 


							@keyframes Echaffauder2 { 
								0% { 	transform:  rotate3d(0,1,0,-30deg) /*scale(1.49)*/;
										transform-origin:left; 
										-webkit-transform: rotate3d(0,1,0,-30deg)/*rotateY(-104deg)*/ /*scale(1.49)*/;
										-webkit-transform-origin:left;
										-moz-transform: rotate3d(0,1,0,-30deg)/*rotateY(-104deg)*/ /*scale(1.49)*/;
										-moz-transform-origin:left;
										} 
								100% { 	transform: rotate3d(0,1,0,0deg) /*scale(1.0) translateY(0vh)*/; 
										transform-origin:left center; 
										-webkit-transform: rotate3d(0,1,0,0deg) /*scale(1.0) translateY(0vh)*/;
										-webkit-transform-origin:left center;
										 } 
								}
								
							@keyframes Echaffauder3 { 
								0% { 	transform: scale(1.16) translateX(-5.7vh) translateY(0vh);
										transform-origin:center;  
										-webkit-transform: scale(1.16) translateX(-5.7vh) yranslateY(0vh);
										-webkit-transform-origin:center;} 
								100% { 	transform: scale(1.0)translateX(-0.5vh) translateY(0vh);
										transform-origin:-100% center;	 
										-webkit-transform: scale(1) translateX(-0.5vh) translateY(0vh);
										-webkit-transform-origin:-100% center; }
								}
								
							@keyframes Echaffauder4 { 
								0% { 	transform: scale(1.14) translateX(-0.3vh) /* translateY(-2vh)*/;
										transform-origin:center;  
										-webkit-transform: scale(1.14) translateX(-0.3vh) /*translateY(-2vh)*/;
										-webkit-transform-origin:center;} 
								100% { 	transform: scale(1.0)translateX(-0.3vh) translateY(0.4vh);
										transform-origin:-100% center;	 
										-webkit-transform: scale(1) translateX(-0.45vh) translateY(0.1vh);
										-webkit-transform-origin:-100% center; }
								}

							.Echaffauder:nth-of-type(1) {
								will-change: transform;
								animation: Echaffauder1;
								animationtiming-function:ease;
								animation-duration: 10s;
								animation-fill-mode:forwards;
							}

							.Echaffauder:nth-of-type(2) {
								will-change: transform;
								animation: Echaffauder2;
								animationtiming-function:ease-in;
								animation-duration: 9.7s;
								animation-fill-mode:forwards;
							}

							.Echaffauder:nth-of-type(3) {
								will-change: transform;
								animation: Echaffauder3;
								animationtiming-function:ease-out;
								animation-duration: 9.9s;
								animation-fill-mode:forwards; 
							}

							.Echaffauder:nth-of-type(4) {
								will-change: transform;
								animation: Echaffauder4;
								animationtiming-function:linear;
								animation-duration: 8s;
								animation-fill-mode:forwards;
							}
							
						
		/*CONTENT*/ 
			.evitement {
				/* Retraits et espacements*/
				line-height:0em; 
				/* Alignements */
				text-align:left;
				/* Caractère */
				font-size:0em;
				color:transparent;
			}

			article {
				position:relative;
				padding-top:2.5em;
			}

			video{
				height: 84vh;
				width:auto;
			}
		
			.TextContent {
				/* Mise en page */
				position:relative;
				float:left;
				height:84vh;
				/* Retraits et espacements*/
				padding-top: 3vh;
				/* Alignements */
				text-align:left;
				/* Caractère */
				font-family:'Public Sans',Helvetica,Lucida Sans Unicode, Lucida Grande,Nimbus sans l,sans-serif
			}

			.TextContent p {
				/* Mise en page */
				height:78vh;
				-webkit-column-width:50vh;
				-webkit-column-count:auto;
				column-width :50vh;
				column-count :auto;
				-moz-column-width :50vh;
				-moz-column-count :auto;
				/* Retraits et espacements*/
				line-height: 1.25em;
				padding-left:2em;
				/* Paragraphe comportement*/
				word-wrap:break-word;
				hyphens:auto;
				-moz-hyphens:auto;
				-webkit-hyphens:auto;
				widows:2;
				orphans:2;
				/* Caractère */
				font-size:calc(1vw/4 + 3vh/5 + 1em/2);
			}
			
		/*SIDEBAR*/
		
			.sidebar {
				/* Mise en page */
				position: relative;
				box-sizing : border-box;
				float:right;
				height:83vh;
				min-width: 57vh;
				width:auto;
				/* Alignements */
				text-align:right;
			}

			.TextAside {
				/*Mise en page*/
				box-sizing: border-box;
				height:80vh;
				width:auto;
				-webkit-column-width:50vh;/* Chrome, Safari, Opera */
				-moz-column-width :50vh;/* Firefox */
				column-width :50vh;
				-webkit-column-count:auto;/* Chrome, Safari, Opera */
				-moz-column-count :auto;/* Firefox */
				column-count :auto;
				-webkit-column-gap: 2vw; /* Chrome, Safari, Opera */
				-moz-column-gap: 2vw; /* Firefox */
				column-gap: 2vw;
				
				padding-top:3vh;
				margin-left: 3vh;
				margin-right:3vh;
				/*Alignement*/
				text-align:left;
				/* Paragraphe comportement*/
				hyphens:auto;
				word-wrap:break-word;*/
				hyphens:auto;
				-moz-hyphens:auto;
				-webkit-hyphens:auto;
				widows:2;
				orphans:2;
				/*Caractère*/
				font-family:'Public Sans',Helvetica,Lucida Sans Unicode, Lucida Grande,Nimbus sans l,sans-serif;
			}
			.TextAside BLOCKQUOTE {
				/*Mise en page*/
				/*height:77vh;*/
				break-after:column;
				/*Retraits et espacements*/
				margin : 0 0 0 0;
				line-height: 1.25em;
				/*Caractère*/
				font-size:calc(1vw/4 + 3vh/5 + 1em/2);
			}

			.TextAside p{
				/*Mise en page
				break-after: auto;*/
				/*Retraits et espacements*/
				margin : 0 0 0 0;
				line-height: 1.25em;
				/*Caractère*/
				font-size:calc(1vw/4 + 3vh/5 + 1em/2);
			}

			.TextAside ul{
				/*Mise en page*/
				break-after:auto;
				/*Retraits et espacements*/
				margin : 0 0 1.25em 0;
				line-height: 1.25em;
				/*Alignement*/
				text-align:left;
				/*Paragraphe style*/
				list-style-type:disc;
				/*Caractère*/
				font-size:calc(1vw/4 + 3vh/5 + 1em/2);
			}

			.TextAside ul li{
				/*Mise en page*/
				break-after:auto;
				/*Retraits et espacements*/
				margin :  0 0 0 1.25em;
			}

			BLOCKQUOTE>q{
				/*Caractère*/
				font-style: italic;
			}
			

	/*FOOTER*/
		footer {
			/* Mise en page */
			transform: translateZ(0);
			z-index:4000;
			height:3vh;
			/* Retraits et espacements*/
			margin-left: 9.5vh;
			line-height:0vh;
			/* Alignements */
			text-align:left;
			/* Paragraphe style */
			list-style-type:none;
			/* Caractère */
			font-size:calc(1vw/2 + 1vh/2 + 1em/2);
			font-family:'Public Sans',lucida console,monaco,andale mono,monospace; /*dans l'ordre:windows, mac, linux, generic*/
			font-weight:300;
		}			

			footer ul {
				/* Mise en page */
				display:flex;
				flex-direction:row;
				justify-content:flex-start;
				/* Retraits et espacements*/
				padding-left :6vw;
				padding-top:1vh;
				line-height: 1vh;
				/* Alignements */
				text-align:left;
				/* Caractère */
				font-family:'Public Sans',lucida console,monaco,andale mono,monospace;
				font-weight:300;
				text-shadow: 0.1em 0.1em 0.20em RGBA(0,0,0,.20);
			}

				footer ul li{
					/* Mise en page */
					display:inline;
					/* Retraits et espacements*/
					margin:0 0 0 2vw;
					font-family:'Public Sans',lucida console,monaco,andale mono,monospace;
					font-weight:300;
				}

					footer.footer ul li a{
						color: #00a6a6;
						font-family:'Public Sans',lucida console,monaco,andale mono,monospace;
						font-weight:300;
					}
						
					footer.footer ul li.en-cours a{
						color: #ff1a75;
						font-family:'Public Sans',lucida console,monaco,andale mono,monospace;
						font-weight:300;
					}

					footer.footer ul li a:focus,footer.footer ul li a:active,footer.footer ul li a:visited;{
						color: #ff1a75;
						font-family:'Public Sans',lucida console,monaco,andale mono,monospace;
						font-weight:300;
						}

@media (orientation:portrait){
.Warning {
display:flex;
position: fixed;
margin:0 0 0 calc(10vw/6 + 30vh/6 + 55px);
background-color:rgba(255,255,255,.80);
color: #000;
font-family:'Public Sans',lucida console,monaco,andale mono,monospace; 
z-index: 2000;
font-size: 4vh;
padding:4vh; 
margin-bottom:0;
box-shadow: -1vw 10vh 30vh rgba(0,0,0,.70);
height:82vh;
}
}

@media (orientation:landscape){
.Warning {
display:none;
}
}