@font-face {
	font-family: 'Itim';
	src: url('fonts/Itim-Regular.ttf');
  	font-display: swap;
}


@font-face {
	font-family: 'Quicksand';
	src: url('fonts/Quicksand-Regular.ttf');
  	font-display: swap;
}



/* -------------------- style pages web ---------------------------- */

html.rotation {
	
	background-image: url(images/dark-blue-sky.jpg);
	background-size: 125%;

	margin: 0; 
	padding: 0;
	width: 100%;
	min-height: 50vmax;
	max-height: 105%;

}

html.pdf3 {
	
	background-image: none;
	background-size: 100%;
	background-color: lightgray;

	margin: 0; 
	padding: 0;
	width: 100%;
	height: 100%;

}


body.rotation {
	
	margin: 0; 
	padding: 0;
	
	font: normal bold 1.5vmax Arial, Verdana, Helvetica;
	
	display: flex;
	flex-flow: column nowrap;
	align-items: center;
	justify-content: center;

	border: solid red 0px;

	height: 100vmin;
}


body.pdf {margin: 0; padding: 0; overflow: hidden;}


a.lien:link, a.lien:visited, a.lien:active {

	font-size: 1.3vmax;	
	color: #99CCFF;
	text-decoration: none;
	
}


a.orange:link, a.orange:visited, a.orange:active  {

	color: orange;
	text-shadow: 1px 1px black;

}


a.lien:hover, a.orange:hover {

	font-size: 1.3vmax;	
	color: aqua;
	text-decoration: underline;

}


a:hover img {

	box-shadow: 0vmax 0vmax 0.3vmax 0.3vmax aqua,
		    0vmax 0vmax 0.4vmax 0.4vmax #0000FF;

}


a:hover img.ecran {

	box-shadow: none;

}


a:hover img.fb2, a:hover img.facebook {

	box-shadow: 0vmax 0vmax 0.20vmax 0.20vmax aqua,
		    0vmax 0vmax 0.25vmax 0.25vmax #0000FF;

}


/* -------------------- style div -------------------------------------- */


div.marquee-container {
  
	overflow: hidden;

	div.marquee {
	overflow: hidden;
	white-space: nowrap;
	-webkit-animation: marquee 30s linear infinite;
	-moz-animation: marquee 30s linear infinite;
	-ms-animation: marquee 30s linear infinite;
	animation: marquee 30s linear infinite;
	position: absolute;
	left: 100%;
  	}

	div.marquee2 {
    	animation-delay: 15s;
	}

	b {
	padding-left: 10px;
	}
}

@-webkit-keyframes marquee {
  0% {
    left: 100%;
  }
  100% {
    left: -100%
  }
}




@-moz-keyframes marquee {
  0% {
    left: 100%;
  }
  100% {
    left: -100%
  }
}



@-ms-keyframes marquee {
  0% {
    left: 100%;
  }
  100% {
    left: -100%
  }
}



@keyframes marquee {
  0% {
    left: 100%;
  }
  100% {
    left: -100%
  }
}



div.globale {

	width: 83vmax;
	min-height: 50vmax;
	max-height: 50vmax;

	margin-top: 3vmax;

	padding-top: calc((100vmin - 48vmax) / 2);

	margin-bottom: calc((100vmin - 48vmax) / 2);

	border: solid blue 0px;

	overflow: hidden;

	position: relative;
}


div.exterieur {

	width: 82vmax;
	height: 25vmax;
	
	padding: 0 0 0 0.5vmax;
	
	border: ridge 3px #99CCFF;
	border-radius: 0.5vmax;

	display: flex;
	flex-flow: row nowrap;
	align-items: center;
	justify-content: left;

	position: relative;

}


div.interieur {

	width: 15vmax;
	height: 21vmax;

	margin: 1.2vmax 1.7vmax;
	padding: 0 0 0 1vmax;

	border: none;

	display: flex;
	flex-flow: column nowrap;
	align-items: center;
	justify-content: center;
	float: left;

	position: relative;

	z-index: 92;

}


div.interieur2 {z-index:90;}


div.image-avec-texte {

	width: 21vmax;
	height: 21vmax;

	margin: 0;
	padding: 0;

	border: solid red 0px;

	float: left;

	position: relative;

	z-index: 91;

}


div.index-image-auteur {

	width: 17vmax;
	height: 21.2vmax;
	margin: 1.2vmax 1.5vmax 1.2vmax 2.5vmax;

	border: solid orange 0px;

	position: relative;

}


div.texte {
	
	background-color: #00000075;	

	width: 55vmax;
	height: 18.4vmax;
	
	margin: 0.4vmax 0 0 0;
	padding: 1.3vmax;
	
	border: ridge 3px #99CCFF;
	border-radius: 0.5vmax;

	position: absolute !important;
	right: 2.5vmax !important;

	z-index: 60;

	
}


div.centrer-verticalement {

	display: flex;
	flex-flow: column nowrap;
	align-items: center;
	justify-content: center;

}


div.message {
	
	width: 82.5vmax;
	height: 3.5vmax;

	margin: 1.8vmax 0;

	background-color: #00000085;

	border: ridge 3px #99CCFF;
	border-radius: 0.5vmax;

	position: absolute;
	
}



div.link1 {

	width: 50%;
	height: 2vmax;
	
	margin: 0;
	padding: 1vmax 0 0 0;

	text-align: center;
	line-height: 1.8vmax;

	float: left;

	position: absolute;

	bottom: 1.5vmax;
	left: 0;

}

div.link2 {

	left: auto;
	right: 0;

}



div.fb-lien {

	width: 55%;
	height: 2vmax;
	
	margin: 0;
	padding: 0;

	display: flex;
	flex-flow: column nowrap;
	align-items: center;
	justify-content: right;

	float: left;

}


div.fb-image {

	width: 38%;
	height: auto;
	
	margin: 0;
	padding: 0;

	text-align: center;

	float: left;
}



div.titre {

	width: 83vmax;
	height: 8.5vmax;
	border: solid transparent 1px;

	margin: 0;
	padding: 0;

	display: flex;
	flex-flow: column nowrap;
	align-items: center;
	justify-content: center;

	top: 0;

	position: relative;

}



h1 {
	
	margin: 0 auto;
	padding: 0;
	
	font-family: 'Quicksand', sans-serif;
	font-size: 3vmax;
    	color: transparent;
	line-height: 3.5vmax;
	/* background: linear-gradient(to right, #F1DA8C, #DBAF50, #F1DA8C); */
	/* background: linear-gradient(to right, #e4ba5a, gold, orange, #FF6767, #FFAAFF); */
	background: url("images/gold-letter.jpg");
	background-position: center;
	background-size: 100% 100%;
    	-webkit-background-clip: text;
    	background-clip: text;
	
	border: solid transparent 1px;

	position: absolute;
	top: 1vmax;
	
}


h2.sous-titre {
	
	margin: 0 auto;
	padding: 0;

	position: absolute;
	top: 5.5vmax;

	font-family: arial, sans-serif;
	font-size: 1.5vmax;
	color: transparent;
	letter-spacing: 0.1vmax;

	background: linear-gradient(to right, #e4ba5a, #f2de91, #d7a549);
    	-webkit-background-clip: text;
    	background-clip: text;


}


span.ac {

	color: #e6ca5d;
	text-shadow: 1px 1px 1px brown;

}


span.fleches {
	
	font-size: 1.5vmax;
	color: white;

}


span.souligne {
	
	color: #99CCFF;
	text-decoration: underline;

}


span.jd, span.jc {

	color: #99CCFF;

}


div.fb1 {

	position: absolute;

	top: 3.8vmax;
	right:6vmax;

}


div.titre2, div.finale {

	height: 0;
	margin: 0;
	padding: 0;
	overflow: hidden;
}


div.centre {
	
	display: flex;
	flex-flow: column nowrap;
	align-items: center;
	justify-content: center;
	
}


div.centre-2 {
	
	display: flex;
	flex-flow: row nowrap;
	align-items: center;
	justify-content: center;
	
}



div.insertion {

	width: 84.6vmax;
	height: 5.3vmax;
	border: solid red 0px;

	margin: 0;
	padding: 0;

	position: relative;
	
	z-index: 91;

}




object {
	
	width: 84.5vmax; 
	height: 5.3vmax; 
	
	margin: 0;
	padding: 0;
	
	background-color: transparent;
	
	border: solid green 0px;

	z-index: 80;


}


div.insertion:hover object {height: 11.2vmax;}


iframe.pdf2 {z-index: 23; border: 0; width: 100%; height: 100vmin;}


div.pdf-ga  {

	width: 22%;
	height: 100%;

	background-color: transparent;

	position: absolute;
	top: 0;
	left: 0;

	z-index: 24;

}


div.pdf-dr  {

	width: 20%;
	height: 100%;

	background-color: transparent;

	position: absolute;
	top: 0;
	right: 12px;

	z-index: 24;

}


div.pdf-carre-hd  {

	width: 40px;
	height: 40px;

	background-color: transparent;

	position: absolute;
	top: 0;
	right: 0;

	z-index: 25;

}


img.banner {
	
	width: 82.5vmax;
	height: 2vmax;

	margin-top: 7.5vmax;

	/* margin-top: 5vmax; */

	/* background: linear-gradient(to right, black, navy, purple, red, orange, yellow, orange, red, purple, navy, black); */

	/* border: ridge 3px #99CCFF; */
	/* border-radius: 0.5vmax; */

}


@media screen and (height < 630px) {

	img.banner {display: none;}

}


@media (display-mode: fullscreen) {

	
	html.rotation {height: 100vmin; overflow: hidden;}

	body.rotation {height: 100vmin; overflow: hidden;}

	div.globale {margin: 0; padding: 0;}

	img.banner {margin: 7.5vmax 0 0 0; padding: 0;}

}



/* -------------------- style paragraphes ------------------------- */

p  {
	
	margin: 0;
	padding: 0;
	
	font-family: 'Quicksand', sans-serif;
	color: white;
	
	text-align: justify;
	text-shadow: 1px 1px black;
	
}


p.logo {

	padding-top: 0.6vmax;

	font-size: 1.2vmax;
	line-height: 1.7vmax;

	font-size-adjust: 0.50;

}


p.auteur   {
	
	
	padding: 0.3vmax 0;

	font-size: 1.3vmax;
	line-height: 1.7vmax;
	
}


p.equinoxe  {
	
	font-size: 1.2vmax;
	line-height: 1.6vmax;
	
}


p.heritage1  {
	
	padding-top: 0.5vmax;

	font-size: 1.2vmax;
	line-height: 1.8vmax;

	font-size-adjust: 0.47;


	
}


p.heritage2  {
	
	padding-top: 0.5vmax;

	font-size: 1.2vmax;
	line-height: 1.6vmax;

	font-size-adjust: 0.47;

}



p.chrome05	{

	-webkit-margin-before: 0.5vmax;
	-webkit-margin-after: 0.5vmax;
	
}


p.chrome10	{

	-webkit-margin-before: 1.0vmax;
	-webkit-margin-after: 1.0vmax;
	
}


p.chrome12	{

	-webkit-margin-before: 1.2vmax;
	-webkit-margin-after: 1.2vmax;
	
}


p.projet  {

	padding-top: 0.5vmax;

	font-size: 1.2vmax;
	line-height: 1.7vmax;

	font-size-adjust: 0.47;

	
}


p.commentaire  {
	
	padding-top: 0.5vmax;
	padding-bottom: 1vmax;

	font-size: 1.2vmax;
	line-height: 2vmax;
	
}


p.photo {text-align: center; margin-bottom: 3vmax;}


p.lecture2 {

	margin: 0;
	padding: 0.2vmax;

	font-family: 'Itim', sans-serif;
	font-size: 2.5vmax;
	color: #c6e2ff;

	text-shadow:
	0 0 6px rgba(202,228,225,0.92),
	0 0 30px rgba(202,228,225,0.34),
	0 0 12px rgba(30,132,242,0.52),
	0 0 21px rgba(30,132,242,0.92),
	0 0 34px rgba(30,132,242,0.78),
	0 0 54px rgba(30,132,242,0.92);

	letter-spacing: 0.2vmax;

	text-align: center;

}


/* -------------------- style images -------------------------------- */


img {

	aspect-ratio: attr(width) / attr(height);

	background-color: #00000075;
	border: ridge 3px #99CCFF;
	border-radius: 0.5vmax;

	margin: 0;
	padding: 0;
	
	z-index: 20;

}


img.logo {

	width: 6.5vmax;
	height: 5.5vmax;

	background-color: #00000075;
	border: ridge 0px #99CCFF;
	border-radius: 0.2vmax;

	position: absolute;
	top: 1.7vmax;
	left: 3.5vmax;

}


img.logo2 {

	
	height: 18vmax;

	margin-left: 0.1vmax; 

	position: absolute;
	
	top: 0;


}


figure {

	width: 21vmax;
	height: 21vmax;

	margin: 0;
	padding: 0;

	display: flex;
	flex-flow: column nowrap;
	align-items: center;
	justify-content: center;

	border: solid green 0px;

}


figcaption {

	width: 21vmax;
	
	line-height: 2.5vmax;
	font-size: 1.5vmax;
	color: white;
	text-shadow: 1px 1px black;
	text-align: center;

	border: solid red 0px;

	position: absolute;
	top: 18.8vmax;

}


img.roman, img.equinoxe, img.heritage {

	width: 100%;
	height: 100%;

	position: absolute;

	top: 0;
	left: 0;

}


img.auteur, img.equinoxe {

	z-index: 99;

}


img.depart {

width: 70%;
margin: 0 15%;


}


img.auteur {

	width: 100%;
	height: 100%;

	position: absolute;

	top: 0; left: 0;

}


img.signature {

	
	width: 14vmax;
	height: auto;

	background-color: transparent;

	border: none;

	position: absolute;
	bottom: 0.1vmax;
	right: 12vmax;

}


img.gauche {

width: 83%;
margin: 0 8.5%;


}


img.facebook {

	width: auto;
	height: 1.8vmax;

}


img.fb2 {

	width: auto;
	height: 2vmax;
}


img.ecran {

	width: 100%;
	height: 100%;

	background-color: transparent;
	border: none;
	border-radius: 0.5vmax;


	position: absolute;
	top: 0;
	left: 0;

	z-index: 99;
}


img.medias {

	width: auto;
	height: 35vmax;
	margin: 2vmax;
	float: left;


}


/* -------------------- style appareils mobiles en position verticale ------------------- */



@media screen and (orientation: portrait) and (max-aspect-ratio: 3/2)  {
	
	html.rotation  {
		
	
		width: 100vmax;
		height: 100vmin;

		background-image: none;
		background-color: transparent;

		transform: scale(1.0);
		transform: rotate(-90deg);
		transform-origin: left top;

		overflow: hidden;
		position: absolute;
		top: 100%;
		left: 0;

	}


	html.pdf3  {
		
		width: 100vmin;
		height: 100vmax;

		background-color: gray;

	}


	
	
	body.rotation {

		width: 100vmax;
		height: 100vmin;

		background-image: url(images/dark-blue-sky.jpg);
		background-size: 200% 200%;

		font: normal bold 1.5vmax Arial, Verdana, Helvetica;

		position: relative;

	}


	
	
	body.pdf3 {
		width: 100vmin;
		height: 100vmax;
		background-image: none;
		background-color: yellow;
		background-size: 100% 100%;
		background-position: center;
		background-repeat: no-repeat;

		font: normal bold 1.5vmax Arial, Verdana, Helvetica; 

		position: relative;

	}


	
	a.menu {
	font-size: 1.8vmax !important;
	}


	a.menu:hover {
	font-size: 2vmax !important;
	}

	
	div.globale {
		margin: auto;
		top: 0;
		right: 3vmax;
	}


	div.menu {
		margin: 1vmax 0;
	}
	

	div.principale {
		top: 12vmax;
	}
	

	li.hauteur {
	line-height: 2.9vmax;
	}


	div.texte {
	
		margin-top: 1.7vmax;
		margin-bottom: 1vmax;
	}

	div.couleurs {

		display: none;
	}

	
}


/* -------------------- style appareils mobiles en position horizontale ------------------- */


@media screen and (orientation: landscape) and (max-width: 900px)  {

	
	body.rotation {
		background-image: url(images/dark-blue-sky.jpg);
		background-size: 120% 120%;
		background-position: center;
		

		font: normal bold 2.5vmax Arial, Verdana, Helvetica;

	}


	
	a.menu {
	font-size: 1.8vmax !important;
	}


	a.menu:hover {
	font-size: 2vmax !important;
	}



	div.globale {		
	top: -1.5vmax;
	}


	div.texte {
	
		margin-top: 1.7vmax;
		margin-bottom: 1vmax;
	}


	div.couleurs {

		display: none;
	}	


}