html{font-size:100%;background: url(../images/Fonds/fondsite.jpg) no-repeat fixed; background-size: cover;cursor: url(../images/curseur/satu.png), pointer;}

	
/* A */
	.accueil1{display: block;position: relative; font-family:montserrat, Poiret One, Vollkorn; text-align: center;margin-top: 32vh;font-size:3em;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: 100;}
	.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: 0.9em;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:1.2em;text-align:center;font-weight:500;background-color: rgba(0,0,0,0.5);}
	.attention1{font-family:arial;font-weight: 300;font-size: 0.9em;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: 1em; 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;margin-top: 10vh;z-index: 500;}
	.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;}
	.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;}
	.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;}
	.couleurbleue{color: #fff;font-weight: normal;text-align:left;}
	.couleurbleue:hover{color: #09f;-webkit-transition: 1s;-moz-transition:1s;-ms-transition:1s;-o-transition:1s;transition:1s;}
	.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: #000;}
	.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;background-color: rgba(0,0,0,0.4);}
	.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;}
	.calend1a	{display: box; width: 98%;opacity: .5;color: #999;}
	.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: 1.2em; 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:1.1em;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:1.1em;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:1em;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:1.1em;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:#ff0;}}

	.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: #f00;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:#fff;}}
	/* Standard syntax */@keyframes example {50% {color:#fff;}}
	
/* D */
	.date1{color: #09f;font-family:arial, Courier New;font-size: 1.2em;font-weight: 500; text-align: center;}
	.date2{font-family:arial, Courier New;font-size: 1.2em;color:#09f;font-weight: 500;}

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


/* E */
	.etmois{width: 10%;text-align: center;font-size: 1.3em;}
	.etfil{width: 45%; text-align: left;font-size: 1.3em;}
	.etsepar{border-bottom: solid 1px #09f;}
	.diapoA{text-align: center;color: #fff;vertical-align: top; background-color: rgba(0,0,0,0);height:  92%}
	.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:1.1vw;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:1em;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:1em;-webkit-border-radius:1em;-o-border-radius:1em;border-radius:1em;}
	.fondgauche{display: block;position: absolute;color:#fff;font-size:1em;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;}

/* G */

/* H */

/* I */
	.info1{width: 60%;color: #09f;background-color: rgba(0,0,0,0.4);padding:1em;vertical-align: top;}
	.info2{font-family:arial;color:#09f;font-size: 1.2em;font-weight: 300;text-shadow: 0px 0px 10px #000, 0px 0px 10px #000, 0px 0px 10px #000;}

	.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: 0.8em;}
	.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.08); /* Safari et Chrome */
		-moz-transform:scale(1.08); /* Firefox */
		-ms-transform:scale(1.08); /* Internet Explorer 9 */
		-o-transform:scale(1.08); /* Opera */
		transform:scale(1.08);
		-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:25%;color:#adf;margin:1vh 0 0 35vw;text-align: center;background-color: rgba(0,0,0,0.7);border:solid 5px #f00;z-index: 100;-moz-border-radius:50%;-webkit-border-radius:50%;-o-border-radius:50%;border-radius:50%;}
	.mainte2{display: block;position: absolute;width:80%;margin:4vh 0 0 10%;text-align: center;z-index: 100;}
	
	.menu{width: 21.4vw;vertical-align: top;background-color: rgba(0,0,0,0.9);border: solid 1px #059;}
	.monmenu{display: block;position:fixed;z-index: 1000;width: 21vw;height:48vh;margin:20em 0 0 -21.4vw;color:#ff0;cursor:pointer;-webkit-transition: 1s;-moz-transition:1s;-ms-transition:1s;-o-transition:1s;transition:1s;}
	.monmenu:hover{margin:20em 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:1.2em;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: 1em; 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: 1em;font-weight: 700;background-color: rgba(0,0,0,0.7);}
/*.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: 1em;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{display: block;position: absolute;bottom:1em; font-size: 0.8em;color: #000;text-shadow:-2px 0 #fff, 0 2px #fff,2px 0 #fff, 0 -2px #fff;background-color: #fff;border:solid 1px #555;width:60%;margin-left:20%;z-index: 0;}
   	.message4{display: block;position: absolute;width:54%;margin-left:21.5%;margin-top: 3vh;font-family:arial, Montserrat, sans-serif, 'Raleway', Corbel;font-weight:700;font-variant: small-caps; font-size:1.2em;padding:0 1em 0 1em;background-color: transparent;}

	.mois	{font-size:1.2em;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: 104.6%;height: 2em;margin:0em 0 0 -5em;}
 			.messagedefilant div {position: absolute;min-width: 100%; /* au minimum la largeur du conteneur */}
 			.messagedefilant div span {position: relative;display: inline-block;font-size: 1.5em;white-space: nowrap;top:0em;}
 			.messagedefilant div span {animation: defilement 35s 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: 1.5em;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: 1.5em;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;}
	
	
/* O */
	.observ1{color: #0f0;font-size: 1em;font-weight: bolder;}
   	.observ2{color: #580;font-size: 1em;font-weight: bolder;}
    .observ3{color: #f80;font-size: 1em;font-weight: bolder;}
   	.observ4{color: #f00;font-size: 1em;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 #550;}

/* 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: 1em;
	}
	::-webkit-scrollbar-thumb{
		border-radius: .5em;
		background-color: #05a;
		box-shadow:inset 0 0 0.5em rgba(0,0,0,0.3) 	
	}
	::-webkit-scrollbar-track{
		border-radius: 0.5em;
		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:2.5em;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:2.5em;font-weight:500; text-align:center;}		 
	.titre2{font-family:arial, Montserrat, sans-serif, 'Raleway', Corbel;color:#fff;font-size:0.8em;font-weight:500; text-align:center;line-height: 1.3em;}		 
	.titre3{font-family:arial, Montserrat, sans-serif, 'Raleway', Corbel;color:#fff;font-size:1.2em;text-align:center;font-weight:500;font-variant: small-caps;}
	.titre3a{font-family:arial, Montserrat, sans-serif, 'Raleway', Corbel;color:#fff;font-size:1em; text-align:center;font-weight:200;font-variant: small-caps;}
	.titre4 {font-family:arial, Montserrat, sans-serif, 'Raleway', Corbel;color:#fff;font-size:0.8em; text-align:center;font-weight:500;width:80%;margin-left: 10%;}	
	.titre4a {font-family:arial, Montserrat, sans-serif, 'Raleway', Corbel;color:#fff;font-size:1.5em;font-weight:500; text-align:center;width:80%;}	
	.titre5	{font-family:arial, Montserrat, sans-serif, 'Raleway', Corbel;color:#fff;font-size:1.1em; text-align:center;font-weight:500;font-variant: small-caps;}
	.titre6	{font-family:arial, Montserrat, sans-serif, 'Raleway', Corbel;color:#fff;font-size:0.9em;font-weight:500;}
	.titre7	{font-family:arial, Montserrat, sans-serif, 'Raleway', Corbel;color:#fff;font-size:1em;text-align: justify;}
	.titre8	{font-family:arial, Montserrat, sans-serif, 'Raleway', Corbel;color:#fff;font-size:1em;text-align: justify;}
	.texte5{font-family: French Script MT;color:#f00;font-size: 0.8em;font-weight:300;text-align: center;}
	.texte6{font-family: French Script MT;color:#fff;font-size: 3em;font-weight:300;text-align: center;}
	.texte7	{font-family:arial, Montserrat, sans-serif, 'Raleway', Corbel; color:#fff;font-size:1em;text-align:center;font-weight: 500;}
	.texte8 {font-family:arial, Montserrat, sans-serif, 'Raleway';color:#fff;font-size:1em;text-align:justify;font-weight: 300;font-style: italic;}
	.trans{opacity: 0.3;}
	.texteAEC {display: block;position:absolute;font-family:Arial;font-size:2em;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;}

	.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 5s;
    -moz-animation: fadein 5s; /* Firefox */
    -webkit-animation: fadein 5s; /* Safari et Chrome */
    -o-animation: fadein 5s; /* 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: 1em;font-weight: 200;}
	.zod3{text-align: center;width: 15em;margin-left: 5%;border: solid 1px #fff;font-weight: 200;}

	hr{background-color: #0f0;width: 80%;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%;}}