/* CSS Document */
<style type="text/css">

	/*Couleur ciel : #0243a7 */
	/*Couleur ciel foncé : #254673 */
	/*Couleur blanc : #e9e6eb */
	/*Couleur panneau gris : #e8e9e9 */
	/*Couleur bordure panneau gris : #cdcdcd */
	/*Couleur liens : #0040e4 */
	/*Couleur vert : #168b50 */
	/*Couleur rouge : #f13320 */
	/*Couleur jaune : #c79219 */
	/*Couleur ombre brune : #94806b */
	
	
	body,td,th {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 28px;
		color: #0b0f23;
		text-align:justify;
		background-color:#254673 !important;
	}
	
	body {
		background-position:center;
		background-repeat:none;
		background-attachment:fixed;
		background-position:center top;
		margin-left: 0px;
		margin-top: 0px;
		margin-right: 0px;
		margin-bottom: 0px;
		overflow-x: hidden;
	}
	
	a:link {
		text-decoration: none;
		color: #0040e4;
		cursor:pointer;
		transition: color 300ms;
	}
	a:visited {
		color: #0040e4;
		cursor:pointer;
		transition: color 300ms;
	}
	a:hover {
		color: #00d8ff;
		cursor:pointer;
		transition: color 300ms;
	}
	a:active {
		color: #00d8ff;
		cursor:pointer;
		transition: color 300ms;
	}
	
	.x {
		right:calc(5% + 30px);
		top:calc(5% + 35px);
		position:fixed;
		overflow:visible;
		width:50px;
		height:auto;
		z-index:10;
		cursor:pointer;
	}

	.halo {
		-webkit-filter: drop-shadow(0 0 10px #e8e9e9);
		filter: drop-shadow(0 0 10px #e8e9e9);
		text-shadow: 0 0 10px #e8e9e9 , 0 0 10px #e8e9e9;
	}
	
	.halo_sombre {
		-webkit-filter: drop-shadow(0 0 5px #254673);
		filter: drop-shadow(0 0 5px #254673);
		text-shadow: 0 0 10px #254673;
	}	
	
	.fren {
		left:calc(5% + 45px);
		top:calc(5% + 45px);
		position:fixed;
		overflow:visible;
		height:auto;
		z-index:10;
		cursor:pointer;
		font-size:28px;
	}

  .border {
		border:1px solid #cdcdcd;
	}
	
  .projet {
		position:relative;
		display:inline-block;
		width:100%;
		height:250px;
		color:#fff;
		text-align:center;
		font-size:25px;
		left:0px;
		top:0px;
		background-repeat:none;
		background-size:100% auto;
		background-position:center center;
		background-origin:content-box;
		-webkit-background-origin:content-box; /* Safari */
		background-attachment: fixed;
		overflow:hidden;
	}
	
	.fond_gris,.fond_gris_sous {
		background-color:rgba(0, 0, 0, 0.2);
		color:#fff;
		backdrop-filter: blur(10px);
		padding:8px;
		line-height: 2;
		border: solid 1px rgba(233,233,233,0.5);
	}
	.fond_gris {
		font-size:23px;
	}
	.fond_gris_sous {
		font-size:15px;
	}
	
	.blur {
		width:100%;
		height:100%;
		backdrop-filter: blur(5px);
		transition: backdrop-filter 750ms;
	}
	.blur:hover {
		width:100%;
		height:100%;
		backdrop-filter: blur(0px);	
		transition: backdrop-filter 250ms;
	}	

	.bouton {
		background-color:#0040e4;
		color:#fff;
		cursor:pointer;
		font-size:22px;
		padding:15px;
		display:inline-block;
	}
	.bouton:hover {
		color: #00d8ff;
		cursor:pointer;
	}
	
  
  .spoiler, .spoiler_prev	{
		display:inline-block;
		padding:10px;
		padding-top:15px;
		transition: background-color 500ms;
	}
	.spoiler {
		background-color:rgba(0, 0, 0, 1);
		cursor:pointer;
		transition: background-color 500ms;
	}
	.spoiler_prev {
		background-color:none;
		cursor:pointer;
	}	
	.spoiler_rev {
		background-color:none;
		display:inline-block;
		padding:10px;
		padding-top:15px;
		transition: background-color 500ms;
	}	
	.spoiler:hover {
		background-color:none;
	}

	.photo {  /* Photo cliquable intégrée au texte */
		left:25%;
		top:0px;
		width:50%;
		height:auto;
		overflow:hidden;
		z-index:3;
		position:relative;
		display: block; /* En ligne, mais avec width et height */
		background-color:#94806b;
		cursor:pointer;
	}
	
	.thumb {  /* Photo cliquable intégrée au texte */
		left:30%;
		top:0px;
		width:40%;
		height:auto;
		overflow:hidden;
		z-index:3;
		position:relative;
		display: block; /* En ligne, mais avec width et height */
		background-color:#94806b;
		cursor:pointer;
	}	
	
	.pop,.pop_photo {  /* Fenêtre popup (background) */
		left:0px;
		top:0px;
		width:100%;
		height:100%;
		overflow:hidden;
		position:fixed;
		opacity:1;
		cursor:pointer;
	}
	.pop {  /* Fenêtre popup (background) */
		z-index:1000;
		backdrop-filter: blur(10px);
		background-color:rgba(0, 0, 0, 0.3);
	}
	.pop_photo {  /* Fenêtre popup (background) */
		z-index:1001;
		backdrop-filter: blur(10px);
		background-color:rgba(0, 0, 0, 0.3);
	}
	
	.page {
		position:relative;
		overflow:visible;
		bottom:0px;
		text-align:center;
		vertical-align:bottom;
		width:0px;
		height:50%;
		z-index:90;
		transform:scale(50%);
	}
	
	.area {
		cursor: pointer;
	}	
	
	.enseigne {
		transform-origin: bottom left;
		height:auto;
	}
	
	.menu,.sousmenu,.menu_int {
		left:calc(50% - 50px);
		top:50px;
		width:100px;
		overflow:hidden;
		text-align:left;
		cursor:pointer;
	}		
	
	.menu_int {
		position:absolute;
		left:calc(50% - 75px);
		width:150px;
	}
		
	.menu {
		z-index:50;
		height:150px;
		position:fixed;
	}	
	
	.sousmenu {
		z-index:14;
		height:auto;
		position:fixed;
	}
	
	.menu_fenetre {
		left:5%;
		top:5%;
		width:90%;
		height:94%;
		text-align:left;
		z-index:100;
		background: rgba(255, 255, 255, 1);
		position:fixed;
		display:none;
		overflow-x: hidden;
		overflow-y: scroll;
		-webkit-overflow-scrolling: touch;
		-ms-overflow-style: none;  /* Internet Explorer 10+ */
    scrollbar-width: none;  /* Firefox */
	}
	
	.menu_fenetre:-webkit-scrollbar { 
		display: none;  /* Safari and Chrome */
	}		
	
	.contenuMenuPanneau {  /* Interieur de page */
		left:0px;
		top:185px;
		word-wrap: break-word;
		text-align:left;
		z-index:25;
		position:relative;
	}
	
	.texte_principal {  /* Interieur de page */
		word-wrap: break-word;
		text-align:left;
		font-size: 24px;
	}
	
	.contenuTexte {
		position:relative;
		left:50px;
		top:68px;
		margin-right:100px;
		margin-bottom:100px;
		height:auto;
		text-align:justify;
		font-size: 28px;
		z-index:28;
	}
	
	.citation {
		position: relative;
		text-align: right;
		top:0px;
		left: 40%;
		width:55%;
		font-size: 20px;
		z-index:28;
	}
	
	.iframe{
		pointer-events: none;
	}
	
	.fond_enlever {
		left:0px;
		top:0px;
		width:100%;
		height:100%;
		background-origin:content-box;
		overflow:hidden;
		-webkit-background-origin:content-box; /* Safari */
		z-index:99;
		position:fixed;
		cursor:pointer;
		backdrop-filter: blur(10px);
		background-color:rgba(0, 0, 0, 0.5);
	}
	
	.heading {
		margin: 0px;
		cursor: pointer;
		position: relative;
		color: #0040e4;
		left:0px;
		overflow:hidden;
		text-decoration:none;
		text-align:left;
		vertical-align:top;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 26px;
		background-color:#e8e9e9;
		padding:30px 40px 30px 40px;
		border-top: 1px solid #cdcdcd;
		border-bottom: 1px solid #cdcdcd;
		transition: color 300ms;
	}
	.heading:hover,.heading:active {
		color: #00d8ff;
		cursor:pointer;
		transition: color 300ms;
	}	
	
	.bouton_menu,.select_menu {
		display:inline-block;
		width:100%;
		margin: 0px;
		position: relative;
		left:0px;
		overflow:hidden;
		text-decoration:none;
		text-align:center;
		vertical-align:center;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 26px;
		padding:30px 0px 30px 0px;
	}
	
	.bouton_menu {
		cursor: pointer;
		color: #0040e4;
		background-color:#ffffff;		
		border-top: 1px solid #cdcdcd;
	}
	.bouton_menu:hover,.bouton_menu:active {
		cursor: pointer;
		color: #00d8ff;
	}
		
	.select_menu {
		color: #ffffff;
		background-color:#0040e4;
	}	
	
	.content {
		padding:75px 90px 75px 90px;
		text-align:justify;
		vertical-align:top;
		background-color:#e8e9e9;
		border-bottom: 1px solid #cdcdcd;
	}
	
	.p {
		padding: 0px 0px;
	}
	
	.TextWrap {
		float:left;
		margin: 0px;
	}
		
	.image {
		position: relative;
	}
	
	.text {
		-moz-box-sizing: border-box; 
		box-sizing: border-box;
		text-align:center;
		vertical-align: text-top;
		opacity:.9;
		z-index:12;
	}
	
	* { margin: 0; padding: 0; }

</style>