html{font-size:100%;background-color: #000;}

	
/* A */
	.accueil1{display: block;position: relative; font-family:Gabriola, montserrat, Poiret One, Vollkorn; text-align: center;margin-top:3vh;font-size:300%;text-shadow: 0px 0px 2px #000, 0px 0px 2px #000, 0px 0px 2px #000;background-color: rgba(0,0,0,0);font-weight: 200;z-index: 0;}
	.accueil2{display: block;position: relative; font-family:montserrat, Poiret One, Vollkorn; text-align: center;font-size:300%;font-weight: 200;}
	.avert{margin:30em 0 0 96vw;color:#ff0;cursor:pointer;-webkit-transition: 1s;-moz-transition:1s;-ms-transition:1s;-o-transition:1s;transition:1s;}
	.avert:hover{margin:30em 0 0 65vw;-webkit-transition: 1s;-moz-transition:1s;-ms-transition:1s;-o-transition:1s;transition:1s;}
	.avoir{width: 25%;vertical-align: top;font-size: 90%;text-align: justify;border: solid 1px #ff0;font-weight: 300;padding:0 0.3em 0 0.3em;}
	.actus{font-family:arial, corbel;width: 100%;text-align: justify;font-weight: 500;color:#5af;}
	.aigle{font-family:arial, Montserrat, sans-serif, 'Raleway', Corbel;color: #fff;font-size:120%;text-align:center;font-weight:500;background-color: rgba(0,0,0,0.5);}
	.attention1{font-family:arial;font-weight: 300;font-size: 100%;text-shadow: 0px 0px 10px #000, 0px 0px 10px #000, 0px 0px 10px #000;}

/* B */	
	.bordPAA{font-family:arial, Montserrat, sans-serif, 'Raleway', Corbel;color:#99f;font-weight:500;font-size: 100%; font-variant: small-caps;text-align: center;}
	.bordMCS{font-family:arial, Montserrat, sans-serif, 'Raleway', Corbel;color:#fff;font-weight:500;font-variant: small-caps;text-align: center;}
	.bordmenu{border-right: solid 2em #aaa;border-left: solid 2px #aaa;border-top: solid 1px #aaa;border-bottom: solid 1px #aaa;}
	.bordmenu2{border-right: solid 1em #aaa;border-left: solid 2px #aaa;border-top: solid 1px #aaa;border-bottom: solid 1px #aaa;}
	.bordure{-webkit-text-stroke: 1px;-webkit-text-stroke-color: #000;}
	.bordnoir1{text-shadow:#555 1px 1px 1px,#555 -1px 1px 1px,#555 -1px -1px 1px,#555 1px -1px 1px;}
	.bordnoir2{text-shadow:#000 2px 2px 2px,#000 -2px 2px 2px,#000 -2px -2px 2px,#000 2px -2px 2px;}
	.bordnoir3{text-shadow:#000 3px 3px 3px,#000 -3px 3px 3px,#000 -3px -3px 3px,#000 3px -3px 3px;}
			
/* C */
	.cartouche{display: block;position: relative;z-index: 1000;}
	.coin1a{-moz-border-radius:1em 1em 1em 0em;-webkit-border-radius:1em 0em 0em 1em;-o-border-radius:1em 0em 0em 1em;border-radius:0em 1em 1em 1em;}
	.coin2{-moz-border-radius:1em;-webkit-border-radius:1em;-o-border-radius:1em;border-radius:1em;}
	.coin2a{-moz-border-radius:0.5em;-webkit-border-radius:0.5em;-o-border-radius:0.5em;border-radius:0.5em;}
	.coin3{border-bottom-left-radius: 1em;border-top-right-radius: 1em;}
	.coin4{border-top-left-radius: 1em;border-bottom-right-radius: 1em;}
	.coin5{border-radius: 0%;}
	.coin5a{border-radius: 35%;}
	.coin5b{border-radius: 50%;}
	.coin6{border-bottom-left-radius: 3em;border-top-right-radius: 3em;}
	.coin7{-moz-border-radius:0.5em;-webkit-border-radius:0.5em;-o-border-radius:0.5em;border-radius:0.5em;}

	.coin8a{-moz-border-top-right-radius:1em;-webkit-border-top-right-radius:1em;-o-border-top-right-radius:1em;border-top-right-radius:1em;-moz-border-top-left-radius:1em;-webkit-border-top-left-radius:1em;-o-border-top-left-radius:1em;border-top-left-radius:1em;}
	.coin8b{-moz-border-bottom-right-radius:1em;-webkit-border-bottom-right-radius:1em;-o-border-bottom-right-radius:1em;border-bottom-right-radius:1em;-moz-border-bottom-left-radius:1em;-webkit-border-bottom-left-radius:1em;-o-border-bottom-left-radius:1em;border-bottom-left-radius:1em;}

	.coinpod{-moz-border-radius:2em;-webkit-border-radius:2em;-o-border-radius:2em;border-radius:2em;}

	.coinmenu1{-moz-border-radius:1em 0em 0em 1em;-webkit-border-radius:1em 0em 0em 1em;-o-border-radius:1em 0em 0em 1em;border-radius:1em 0em 0em 1em;}
	.coinmenu2{-moz-border-radius:0em 1em 1em 0em;-webkit-border-radius:0em 1em 1em 0em;-o-border-radius:0em 1em 1em 0em;border-radius:0em 1em 1em 0em;}
	.coin1{border-radius:3em;}
	.couleur{color: #ff0;font-weight: 700;font-family: century gothic;}
	.couleurrouge{color: #fff;border:solid 1px #666;font-weight: normal;background-color: #200;-webkit-transition: 1s;-moz-transition:1s;-ms-transition:1s;-o-transition:1s;transition:1s;}
	.couleurrouge:hover{color: #ff0;text-shadow: 2px 2px 2px #000; border:solid 1px #f00;background-color: #000;-webkit-transition: 1s;-moz-transition:1s;-ms-transition:1s;-o-transition:1s;transition:1s;}
	.couleurmenu{color: #ff0;border:solid 1.2px transparent;font-weight: normal;-webkit-transition: 1s;-moz-transition:1s;-ms-transition:1s;-o-transition:1s;transition:1s;}
	.couleurmenu:hover{color: #ff0;text-shadow: 2px 2px 2px #000; border:solid 1.2px #09f;-webkit-transition: 1s;-moz-transition:1s;-ms-transition:1s;-o-transition:1s;transition:1s;background-color:rgba(0,0,0,0.5);}
	.couleurbleue{color: #fff;font-weight: normal;text-align:left;border:solid 1px transparent;}
	.couleurbleue:hover{color: #5bf;border:solid 1px #09f;}
	.couleurverte{color: #fff;border:solid 1px #0a5;font-weight: normal;background-color: #000;}
	.couleurverte:hover{color: #0f0;border:solid 1px #ff0;text-shadow: 2px 2px 2px #000;background-color: #000;-webkit-transition: 1s;-moz-transition:1s;-ms-transition:1s;-o-transition:1s;transition:1s;}
	
	.couleurverte2{color: #fff;border:solid 1px #05a;font-weight: normal;background-color: #333;}
	.couleurverte2:hover{color: #0f0;border:solid 1px #ff0;text-shadow: 2px 2px 2px #000;background-color: #000;-webkit-transition: 1s;-moz-transition:1s;-ms-transition:1s;-o-transition:1s;transition:1s;}
	
	.cadran{color: #aaf;border:solid 1px #666;font-weight: normal;background-color: transparent;}
	.cadran:hover{color: #ff0;border:solid 1px #050;background-color: #000;}
	.callune1{width:15% ;height:96%;text-align: center;}
	.callune2{width:50%;border:solid 1px #222;border-radius: 50%;filter:saturate(150%); cursor: url(../images/curseur/lien.png), pointer;}
	.calend1	{display: box; width: 98%;opacity: 1;color: #ff0;text-shadow:#000 2px 2px 2px;text-align: center;}
	.calend1a	{display: box; width: 98%;opacity: .5;color: #999;text-align: center;}
	.calend2	{display: box; width: 98%;opacity: 1;color: #c3f;text-shadow:#000 2px 2px 2px;}
	.calend2a	{display: box; width: 98%;opacity: .3;color: #c3f;}
	.calend3	{display: box; width: 98%;opacity: 1;color: #5af;text-shadow:#000 2px 2px 2px;}
	.calend3a	{display: box; width: 98%;opacity: .3;color: #5af;}

	.calendfin1{font-family:corbel;color:#09f;font-size: 120%; border: solid 1px #09f;padding: 0.5em 0 0.5em 1em;text-align: center;background-color: rgba(0,0,0,0.5);}

	.calendsep1 {width:98%;border-top: dotted 1px #ff0;}
	.calendsep2 {width:98%;border-top: dotted 1px #f90;}
	.calendsep3 {width:98%;border-top: dotted 1px #59f;}
	.calendsep4 {width:98%;border-top: dotted 1px #0a0;}
	.cal    {font-family:'Raleway', sans-serif, calibri, Corbel;font-weight:bolder;color:#fff;font-size:110%;border:solid 1px #000;text-align:center;border-radius:0.3em;background-color: rgba(0,0,0,0.5);line-height: 1.3em;}
	.cal2	{font-family:calibri, 'Raleway', sans-serif, Corbel;font-weight:bold;color:#fff;font-size:110%;border:solid 1px #666;text-align:center;border-radius:0.3em;background-color: #246;}
	.cal3   {font-family:calibri, 'Raleway', sans-serif, Corbel;font-weight:bold;color:#fff;font-size:100%;font-weight:normal;text-decoration: line-through #000 double;border:solid 1px #000;text-align:center;border-radius:0.3em;}
	.cal4   {font-family:calibri, 'Raleway', sans-serif, Corbel;font-weight:bolder;font-size:110%;font-weight:normal;text-align:left;padding:0.2em 0.2em 0.2em 0.2em;border-radius:0.3em;line-height: 1.2em;}
	.chapitre{background-color: rgba(0,0,0,0.7);border-left:solid 2px #09f;border-top:solid 2px #09f;border-right:solid 2px #09f;}

	.curlien{ cursor: url(../images/curseur/lien.png), pointer;}


	.cligne1 {color: #f00;-webkit-animation-name: example; /* Safari 4.0 - 8.0 */-webkit-animation-duration: 3s; /* Safari 4.0 - 8.0 */-webkit-animation-iteration-count: infinite; /* Safari 4.0 - 8.0 */animation-name: example;animation-duration: 3s;animation-iteration-count: infinite;}
	/* Safari 4.0 - 8.0 */@-webkit-keyframes example {100% {color:#f00;}}
	/* Standard syntax */@keyframes example {50% {color:#f00;}}

	.cligne2 {color: #c2f;-webkit-animation-name: example; /* Safari 4.0 - 8.0 */-webkit-animation-duration: 3s; /* Safari 4.0 - 8.0 */-webkit-animation-iteration-count: infinite; /* Safari 4.0 - 8.0 */animation-name: example;animation-duration: 3s;animation-iteration-count: infinite;}
	/* Safari 4.0 - 8.0 */@-webkit-keyframes example {100% {color:#ff0;}}
	/* Standard syntax */@keyframes example {50% {color:#ff0;}}

	.cligne3 {color: #f00;line-height:0em;-webkit-animation-name: example; /* Safari 4.0 - 8.0 */-webkit-animation-duration: 1s; /* Safari 4.0 - 8.0 */-webkit-animation-iteration-count: infinite; /* Safari 4.0 - 8.0 */animation-name: example;animation-duration: 1s;animation-iteration-count: infinite;}
	/* Safari 4.0 - 8.0 */@-webkit-keyframes example {100% {color:#fff;}}
	/* Standard syntax */@keyframes example {50% {color:#fff;}}

	.cligne4 {color: #ff0;line-height:0em;-webkit-animation-name: example; /* Safari 4.0 - 8.0 */-webkit-animation-duration: 2s; /* Safari 4.0 - 8.0 */-webkit-animation-iteration-count: infinite; /* Safari 4.0 - 8.0 */animation-name: example;animation-duration: 2s;animation-iteration-count: infinite;}
	/* Safari 4.0 - 8.0 */@-webkit-keyframes example {100% {color:#f50;}}
	/* Standard syntax */@keyframes example {50% {color:#0f9;}}
	
/* D */
	.date1{color: #09f;font-family:arial, Courier New;font-size: 120%;font-weight: 500; text-align: center;}
	.date2{font-family:arial, Courier New;font-size: 150%;color:#09f;font-weight: 500;}

	.diaobs{font-size:100%;color:#ff0;background-color: rgba(0,0,0,.7);}


/* E */
	.diapoA{text-align: center;color: #fff;vertical-align: top;}
	.diapoB{display: block;position: absolute;width: 99%;height: 92%;}


/* F */
	.fontmenu{text-align:center;line-height: 1.1em;}	
	.fontsousmenu{font-family:arial, Montserrat, Corbel;color:#000;font-size:110%;font-weight:500; text-align:center;line-height: 1.1em;}	
	.fdi{display: inline-block ;width: 100%;border:solid #444 1px;background-color:rgba(0,0,0,0.7);line-height: 1.4em;color:#000;-moz-border-radius:0.5em;-webkit-border-radius:0.5em;-o-border-radius:0.5em;border-radius:0.5em;text-shadow: 2px 2px 5px #000;}
	.fdi:hover	{color:#000;border:solid #444 1px;text-shadow: 2px 2px 5px transparent;background-color:#ff9;-moz-border-radius:1em;-webkit-border-radius:1em;-o-border-radius:1em;border-radius:1em;}
	.fonddroit{display: block;position: absolute;color:#fff;font-size:100%;font-weight: 300; padding:0.3em;margin:-5em 0 0 35%;width: 22em;border:solid 1px #05a;background-color: rgba(0, 0, 0, 0.2);-moz-border-radius:100%;-webkit-border-radius:1em;-o-border-radius:1em;border-radius:1em;}
	.fondgauche{display: block;position: absolute;color:#fff;font-size:100%;font-weight: 300; padding:0.3em;margin:-5em 0 0 -13.5%;width: 22em;border:solid 1px #05a;background-color: rgba(0, 0, 0, 0.2);-moz-border-radius:1em;-webkit-border-radius:1em;-o-border-radius:1em;border-radius:1em;}
	.fondcal{background-color: transparent;}
	.fondcal:hover {background-color: rgba(0,0,256,0.35);}
/* G */

/* H */

/* I */
	.info1{width: 60%;color: #09f;padding:1em;vertical-align: top;}
	.info2{font-family:arial;color:#09f;font-size: 120%;font-weight: 300;text-shadow: 0px 0px 10px #000, 0px 0px 10px #000, 0px 0px 10px #000;}
	.info3{margin:4em 0 0 96%;-webkit-transition: 1s;-moz-transition:1s;-ms-transition:1s;-o-transition:1s;transition:1s;}
	.info3:hover{margin:4em 0 0 20%;-webkit-transition: 1s;-moz-transition:1s;-ms-transition:1s;-o-transition:1s;transition:1s;}

	.tooltip {position: relative;display: inline-block;}
	.tooltip .tooltiptext {visibility: hidden;background-color: black;color: #fff;position: absolute; z-index: 1;border: 1px solid #fff;font-size: 80%;}
	.tooltip:hover .tooltiptext {visibility: visible;}

	/*<div class="tooltip">
		ICI
		<span class="tooltiptext coin7" style="width: 20em;margin-left: -12em;text-align: justify;padding:0 1em 0 1em;">
		&emsp;Essai d'infobulle pour mon site. Pays de l'Aigle Astronomie, PAA, est une association qui regroupe des curieux du ciel.
		</span>
	</div>*/
										
/* J */

/* K */

/* L */ 
	.luna{border:solid 1px #fff;background-color:rgba(0,0,0,0.5);font-weight: 400;} 
	.loupe{ -webkit-transition: all 0.5s ease;
		/* Safari et Chrome */ -moz-transition: all 0.5s ease; /* Firefox */
		-ms-transition: all 0.5s ease; /* Internet Explorer 9 */ -o-transition: all
		0.5s ease; /* Opera */ transition: all 0.5s ease; } 
	.loupe:hover{
		-webkit-transform:scale(1.50); /* Safari et Chrome */
		-moz-transform:scale(1.50);
		 /* Firefox */ -ms-transform:scale(1.50); 
		 /*	Internet Explorer 9 */ -o-transform:scale(1.50); 
		 /* Opera */transform:scale(1.50); -webkit-transition: all 0.5s ease; 
		 /* Safari et Chrome*/ -moz-transition: all 0.5s ease; /* Firefox */ -ms-transition: all 0.5s ease; 
		 /* Internet Explorer 9 */ -o-transition: all 0.5s ease; 
		 /* Opera */ transition: all 0.5s ease; z-index: 500; }

	.loupe1{ -webkit-transition: all 0.5s ease;
		/* Safari et Chrome */ -moz-transition: all 0.5s ease; 
		/* Firefox */-ms-transition: all 0.5s ease; 
		/* Internet Explorer 9 */ -o-transition: all 0.5s ease; 
		/* Opera */ transition: all 0.5s ease; } 
	.loupe1:hover{-webkit-transform:scale(2); 
		/* Safari et Chrome */-moz-transform:scale(2); 
		/* Firefox */ -ms-transform:scale(2); 
		/* Internet Explorer 9 */ -o-transform:scale(2); 
		/* Opera */transform:scale(2); -webkit-transition: all 0.5s ease; 
		/* Safari et Chrome*/ -moz-transition: all 0.5s ease; 
		/* Firefox */ -ms-transition: all 0.5s ease; 
		/* Internet Explorer 9 */ -o-transition: all 0.5s ease; 
		/* Opera */transition: all 0.5s ease; z-index: 500; }

	.loupe2{ -webkit-transition: all 0.5s ease;
		/* Safari et Chrome */ -moz-transition: all 0.5s ease; 
		/* Firefox */-ms-transition: all 0.5s ease; 
		/* Internet Explorer 9 */ -o-transition: all 0.5s ease; 
		/* Opera */ transition: all 0.5s ease; } 
	.loupe2:hover{-webkit-transform:scale(3); 
		/* Safari et Chrome */-moz-transform:scale(5); 
		/* Firefox */ -ms-transform:scale(5); 
		/* Internet Explorer 9 */ -o-transform:scale(5); 
		/* Opera */transform:scale(3); -webkit-transition: all 0.5s ease; 
		/* Safari et Chrome*/ -moz-transition: all 0.5s ease; 
		/* Firefox */ -ms-transition: all 0.5s ease; 
		/* Internet Explorer 9 */ -o-transition: all 0.5s ease; 
		/* Opera */transition: all 0.5s ease; z-index: 500; }
	.loupe3{ -webkit-transition: all 0.5s ease;
		/* Safari et Chrome */ -moz-transition: all 0.5s ease; 
		/* Firefox */-ms-transition: all 0.5s ease; 
		/* Internet Explorer 9 */ -o-transition: all 0.5s ease; 
		/* Opera */ transition: all 0.5s ease; } 
	.loupe3:hover{-webkit-transform:scale(1.3); 
		/* Safari et Chrome */-moz-transform:scale(1.3);margin:10em 0 0 -15em ; 
		/* Firefox */ -ms-transform:scale(1.3); 
		/* Internet Explorer 9 */ -o-transform:scale(1.3); 
		/* Opera */transform:scale(1.3); -webkit-transition: all 0.5s ease; 
		/* Safari et Chrome*/ -moz-transition: all 0.5s ease; 
		/* Firefox */ -ms-transition: all 0.5s ease; 
		/* Internet Explorer 9 */ -o-transition: all 0.5s ease; 
		/* Opera */transition: all 0.5s ease; z-index: 500; }

/* M */
	.mainte{display: block;position: absolute;width: 24%;height:20%;color:#adf;margin:10vh 0 0 0vw;text-align: center;border:solid 3px #f00;z-index: 100;-moz-border-radius:50%;-webkit-border-radius:50%;-o-border-radius:50%;border-radius:50%;}
	/*.mainteO{display: block;position: absolute;width: 24%;height:25%;color:#adf;margin:10vh 0 0 0vw;text-align: center;z-index: 100;-moz-border-radius:50%;-webkit-border-radius:50%;-o-border-radius:50%;border-radius:50%;}*/
	
	.menu{width: 21.4vw;vertical-align: top;background-color: rgba(0,0,0,0.9);border: solid 2px transparent;-webkit-transition: 1s;-moz-transition:1s;-ms-transition:1s;-o-transition:1s;transition:1s;}
	.menu:hover{border:solid 2px #059;-webkit-transition: 1s;-moz-transition:1s;-ms-transition:1s;-o-transition:1s;transition:1s;}
	
	.monmenu{display: block;position:fixed;z-index: 1000;width: 26.5vw;height:34vh;margin:0em 0 0 -24.6vw;color:#ff0;cursor:pointer;-webkit-transition: 1s;-moz-transition:1s;-ms-transition:1s;-o-transition:1s;transition:1s;}
	.monmenu:hover{margin:0em 0 0 -0.5vw;-webkit-transition: 1s;-moz-transition:1s;-ms-transition:1s;-o-transition:1s;transition:1s;}
	
	.menucontact{border: solid 1px #ff9;background-color: #000;}
	.menufont{font-family:arial, Montserrat, sans-serif, 'Raleway', Corbel;color:#fff;font-size:120%;text-align:left;font-weight:500;font-variant: small-caps;}
	.menucadran{margin-left: -22.5%;width: 24%;color:#aaa; cursor:pointer;-webkit-transition: 1s;-moz-transition:1s;-ms-transition:1s;-o-transition:1s;transition:1s;}
	.menucadran:hover{margin-left:0%;-webkit-transition: 1s;-moz-transition:1s;-ms-transition:1s;-o-transition:1s;transition:1s;color:transparent;}
	.menuhaut{ font-family:arial,  corbel; font-size: 100%; text-align: center;}

	.message{display: block;position: absolute;font-family:Bradley Hard ITC, segoe script; font-variant: normal;font-weight: 900; margin:-56vh 0 0 28vw;width:25vw;height:62vh;background-image:url(../images/pageblanche.png);background-size:cover ;background-repeat: no-repeat; padding:0.5em;z-index:800;}
	
    .message1{display: block;position: absolute;font-size: 100%;font-weight: 700;background-color: rgba(0,0,0,0.7);z-index: 0;}
/*.message1:hover{margin-left:0%;-webkit-transition:1s;-moz-transition:1s;}*/
   	.message2{display: block;position: relative;margin-left:-99%;border:solid 1px #333;font-size: 100%;font-weight: 700;background-color: #fff; -webkit-transition:1s;-moz-transition:1s;z-index: 1000;}
   	.message2:hover{margin-left:0%;-webkit-transition:1s;-moz-transition:1s;}
   	.message3{font-size: 100%;color: #5bf;text-align: center;}
   	.message4{display:block;border:solid 2px #059;width: 85%;height: 98%; font-family:Bodoni MT, Corbel;font-style: italic; font-weight:500;font-variant: normal; font-size:150%;padding:0 1em 0 1em;color:#5bf;}
   	.message4a{display:box;border:solid 2px #059;width: 85%;height: 58vh;margin-top: 35vh; font-family:Bodoni MT, Corbel;font-style: italic; font-weight:500;font-variant: normal; font-size:130%;padding:0 1em 0 1em;color:#5bf;}

	.mois	{font-size:120%;font-weight:bolder;text-align:center;text-shadow:2px 2px 2px #000;}
	.mois2	{border: solid 1px #ff0;background-image:url(../images/etfil/jours.png);font-weight: bolder;}
	.meteo  {background-image: url(../images/meteo.png);}

	/* Texte défilant */
			.messagedefilant {display: block;padding: 0;overflow: hidden;position: relative;width: 72.5%;height: 2em;margin:0em 0 0 -2%;}
 			.messagedefilant div {position: absolute;min-width: 100%; /* au minimum la largeur du conteneur */}
 			.messagedefilant div span {position: relative;display: inline-block;font-size: 150%;white-space: nowrap;top:0em;}
 			.messagedefilant div span {animation: defilement 100s infinite linear;background: #000;color: #fff;}
			@keyframes defilement {0% { margin-left:0%; }100% { margin-left: 100%; }}
			.messagedefilant:hover{animation:defilement 0s;}

			.messagedefilant1 {display: block;padding: 0;overflow: hidden;position: relative;width: 100%;height: 2em;top:0em;}
 			.messagedefilant1 div {position: absolute;min-width: 100%; /* au minimum la largeur du conteneur */}
 			.messagedefilant1 div span {position: relative;display: inline-block;font-size: 150%;white-space: nowrap;top:0em;}
 			.messagedefilant1 div span {animation: defilement 40s infinite linear;background: #000;color: #fff;}
 			@keyframes defilement {0% { margin-left:0%; }100% { margin-left: 100%; }}

			.messagedefilant2 {display: block;padding: 0;overflow: hidden;position: relative;width: 100%;height: 3.5em;top:0em;}
 			.messagedefilant2 div {position: absolute;min-width: 100%; /* au minimum la largeur du conteneur */}
 			.messagedefilant2 div span {position: relative;display: inline-block;font-size: 150%;white-space: nowrap;top:0em;}
 			.messagedefilant2 div span {animation: defilement 40s infinite linear;background-color:rgba(0,0,0,0.5);color: #fff;}
 			@keyframes defilement {0% { margin-left:100%; }100% { margin-left: -100%; }}

/* N */
	.nouv	{color: #fff;border:solid 2px #05a;font-weight: normal;background-color: transparent;}
	.nouv:hover{color: #0f0;border:solid 2px #ff0;text-shadow: 2px 2px 2px #000;-webkit-transition: 1s;-moz-transition:1s;-ms-transition:1s;-o-transition:1s;transition:1s;}
	.neon{color: #000;font-weight: 700;text-shadow:0 0 10px #fff,0 0 13px #fff,0 0 25px #fff,0 0 47px #0fa,0 0 93px #0fa,0 0 100px #0fa,0 0 108px #0fa,0 0 162px #0fa;}
    .neon:hover{text-shadow:0 0 10px #ff0,0 0 13px #ff0,0 0 25px #ff0,0 0 47px #0fa,0 0 93px #0fa,0 0 100px #0fa,0 0 108px #0fa,0 0 162px #0fa;}
	
/* O */
	.observ1{color: #0f0;font-size: 100%;font-weight: bolder;}
   	.observ2{color: #580;font-size: 100%;font-weight: bolder;}
    .observ3{color: #f80;font-size: 100%;font-weight: bolder;}
   	.observ4{color: #f00;font-size: 100%;font-weight: bolder;}
   	.ombre{display:box;position:relative;box-shadow: 0px 0px 10px #FFF;}
   	.omb{text-shadow: 0px 0px 10px #000, 0px 0px 10px #000, 0px 0px 10px #000;}

/* P */
	.planobs1{border: solid 1px #555;width: 7.14%;-moz-border-radius:1em;-webkit-border-radius:1em;-o-border-radius:1em;border-radius:1em;}
	.planobs2{border: solid 1px #555;width: 7.14%;-moz-border-radius:1em;-webkit-border-radius:1em;-o-border-radius:1em;border-radius:1em;}
	.planobs3{border: solid 1px #555;width: 7.14%;line-height: 1.2em;-moz-border-radius:1em;-webkit-border-radius:1em;-o-border-radius:1em;border-radius:1em;}

	.phases{display: block;text-align: justify;color:#fff; width: 29em;height: 29em;background-color:#111;text-align: center;}

/* Q */

/* R */

/* S */

	::-webkit-scrollbar{
		width: 0.5em;
		background-color: #999;
	}
	::-webkit-scrollbar-thumb{
		border-radius: 1em;
		background-color: #05a;
		box-shadow:inset 0 0 0.5em rgba(0,0,0,0.3) 	
	}
	::-webkit-scrollbar-track{
		border-radius: 1em;
		background-color: transparent;
		box-shadow:inset 0 0 0.5em rgba(0,0,0,0.3)
	}

	
/* T */
	.titre{font-family: Montserrat, sans-serif, 'Raleway', Corbel;color:#fff;font-size:250%;color:#09f;font-weight:500; text-align:center;width: 90%; box-shadow: 0px 0px 25px #09f;}
	.titre1{font-family: Montserrat, sans-serif, 'Raleway', Corbel;color:#fff;font-size:250%;font-weight:500; text-align:center;}		 
	.titre2{font-family:arial, Montserrat, sans-serif, 'Raleway', Corbel;color:#fff;font-size:80%;font-weight:500; text-align:center;line-height: 1.3em;}		 
	.titre3{font-family:arial, Montserrat, sans-serif, 'Raleway', Corbel;color:#fff;font-size:120%;text-align:center;font-weight:500;font-variant: small-caps;}
	.titre3a{font-family:arial, Montserrat, sans-serif, 'Raleway', Corbel;color:#fff;font-size:100%; text-align:center;font-weight:200;font-variant: small-caps;}
	.titre4 {font-family:arial, Montserrat, sans-serif, 'Raleway', Corbel;color:#fff;font-size:80%; text-align:center;font-weight:500;width:80%;margin-left: 10%;}	
	.titre4a {font-family:arial, Montserrat, sans-serif, 'Raleway', Corbel;color:#fff;font-size:150%;font-weight:500; text-align:center;width:80%;}	
	.titre4b {font-family:arial, Montserrat, sans-serif, 'Raleway', Corbel;color:#fff;font-size:80%; text-align:justify;font-weight:500;width:100%;}	
	.titre5	{font-family:arial, Montserrat, sans-serif, 'Raleway', Corbel;color:#fff;font-size:110%; text-align:center;font-weight:500;font-variant: small-caps;}
	.titre6	{font-family:arial, Montserrat, sans-serif, 'Raleway', Corbel;color:#fff;font-size:90%;font-weight:500;}
	.titre7	{font-family:arial, Montserrat, sans-serif, 'Raleway', Corbel;color:#fff;font-size:100%;text-align: justify;}
	.titre8	{font-family:arial, Montserrat, sans-serif, 'Raleway', Corbel;color:#fff;font-size:120%;text-align: justify;font-style: italic;}
	.titre8leg	{font-family:Montserrat, sans-serif, 'Raleway', Corbel;color:#09f;font-size:100%;text-align: justify;font-weight: 500;border:solid 1px #09f;padding: 0.5em;font-style: italic;}
	.texte5{font-family: French Script MT;color:#f00;font-size: 80%;font-weight:300;text-align: center;}
	.texte6{font-family: French Script MT;color:#fff;font-size: 300%;font-weight:300;text-align: center;}
	.texte7	{font-family:arial, Montserrat, sans-serif, 'Raleway', Corbel; color:#fff;font-size:100%;text-align:center;font-weight: 500;}
	.texte8 {font-family:arial, Montserrat, sans-serif, 'Raleway';color:#fff;font-size:100%;text-align:justify;font-weight: 300;font-style: italic;}
	.trans{opacity: 0.3;}
	.texteAEC {display: block;position:absolute;font-family:Arial;font-size:200%;font-weight:700;font-variant: small-caps;line-height:1em;background-image: linear-gradient(to left, violet, indigo, blue, green, yellow, orange, red);-webkit-background-clip: text;-moz-background-clip: text;background-clip: text;color: transparent;}
	.textemenu {color:#f90;}
	.tooltip {position: relative;display: inline-block;border-bottom: 1px dotted black;}
	.tooltip .tooltiptext {visibility: hidden;background-color: black;color: #fff;text-align: center;border-radius: 6px;padding: 5px 0;position: absolute;z-index: 1;top: 100%;left: 50%;}
	.tooltip .tooltiptext::after {content: "";position: absolute;bottom: 100%;left: 50%;margin-left: -5px;border-width: 5px;border-style: solid;border-color: transparent transparent black transparent;}
	.tooltip:hover .tooltiptext {visibility: visible;}
	
/*  U  */

/*  V  */
	.vignets {
    
    animation: fadein 3s;
    -moz-animation: fadein 3s; /* Firefox */
    -webkit-animation: fadein 3s; /* Safari et Chrome */
    -o-animation: fadein 3s; /* Opera */
}
@keyframes fadein {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-moz-keyframes fadein { /* sur Firefox */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-webkit-keyframes fadein { /* sur Safari et Chrome */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-o-keyframes fadein { /* sur Opera */
    from {
        opacity:0;
    }
    to {
        opacity: 1;
    }
}

/*  W  */

/*  X  */

/*  Z  */
	.zod1{}
	.zod2{font-size: 100%;font-weight: 200;}
	.zod3{text-align: center;width: 15em;margin-left: 5%;border: solid 1px #fff;font-weight: 200;}

	hr{background-color: #025;width: 98%;height: 1px;border:none;}
	
	
	/*ul ul {display: none; position: absolute; left: 100%; top: -0.5em; margin:0px; padding: 0px;}
	li {list-style-type: none; position: relative; width: 100%; }
	li:hover ul.niveau2, li li:hover ul.niveau3 {display:block;width:18vw;margin-left: -2vw;}
	li.plus {}*/

	a:link		{color:#fff;text-decoration:none;}
	a:visited	{color:#fff;text-decoration:none;}
	a:hover		{color:#fff;text-decoration:none;}/*cursor: url(../images/photo.cur);}cursor:, pointer;margin-top: 3em; }*/
	
	@media screen and (max-width: 1920px){html{font-size:100%;}}	
	@media screen and (max-width: 1600px){html{font-size:90%;}}
	@media screen and (max-width: 1440px){html{font-size:90%;}}
	@media screen and (max-width: 1380px){html{font-size:86%;}}
	@media screen and (max-width: 1280px){html{font-size:80%;}}
	@media screen and (max-width: 1024px){html{font-size:64%;}}
	@media screen and (max-width: 800px){html{font-size:50%;}}
	@media screen and (max-width: 640px){html{font-size:40%;}}
	@media screen and (max-width: 480px){html{font-size:30%;}}