html{font-size:100%;cursor: url(../images/general.png), pointer;}
	/* Centered texts in each section*/
	.section{text-align:left;}
	/* Backgrounds will cover all the section*/
	.section{background-size: cover contain;}
	.slide{	background-size: cover;}
	
	
/* A */
	.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%;vertical-align: top;border:solid 1px 09f;text-align: justify;font-size: 1.2em;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);}

/* 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;}
			
/* C */
	.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%;}
	.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;}
	.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;}
	.couleurverte{color: #fff;border:solid 1px #05a;font-weight: normal;background-color: #000;}
	.couleurverte:hover{color: #0f0;border:solid 1px #ff0;text-shadow: 2px 2px 2px #000;background-color: #000;}
	
	.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;}
	.calend	{font-family:arial, calibri, Corbel;color:#000;font-size:1.5em;font-weight:normal;text-align:center;border-radius:0.3em;}
	.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;}


	.cligne1 {color: #09f;-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: #09f;-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;}}
	
/* D */
	.diaobs{font-size:1em;color:#ff0;background-color: rgba(0,0,0,.7);}


/* E */


/* 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 */

/* 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;
		}
	
/* M */
	.monmenu{margin:-30em 0 0 0%;color:#ff0;width: 19vw;cursor:pointer;-webkit-transition: 1s;-moz-transition:1s;-ms-transition:1s;-o-transition:1s;transition:1s;border:solid transparent 1px;}
	.monmenu:hover{margin:-0.8% 0 0 0%;-webkit-transition: 1s;-moz-transition:1s;-ms-transition:1s;-o-transition:1s;transition:1s;color:transparent;}
	.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{color:#09f;text-align: center; width: 28%;border:solid 1px #09f;padding:0.5em;background-color: rgba(0,40,80,0.8);vertical-align:top;}
	.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;}
    .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;}
	.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: 100%;height: 2em;top:0em;}
 			.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 25s infinite linear;background: #000;color: #fff;}
			@keyframes defilement {0% { margin-left:0%; }100% { margin-left: 100%; }}

			

/* N */
	
	
/* 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;}

/* 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;}

/* 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 */
	.titre1{font-family:Montserrat, sans-serif, 'Raleway', Corbel;color:#00f;font-size:2.5em;font-weight:500; text-align:center;}		 
	.titre2{font-family:arial, Montserrat, sans-serif, 'Raleway', Corbel;color:#00f;font-size:0.8em;font-weight:500; text-align:center;line-height: 1.3em;}		 
	.titre3{font-family:arial, Montserrat, sans-serif, 'Raleway', Corbel;color:#00f;font-size:1.2em;text-align:center;font-weight:500;font-variant: small-caps;}
	.titre3a{font-family:arial, Montserrat, sans-serif, 'Raleway', Corbel;color:#00f;font-size:1em; text-align:center;font-weight:200;font-variant: small-caps;}
	.titre4 {font-family:arial, Montserrat, sans-serif, 'Raleway', Corbel;color:#00f;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:#00f;font-size:1.5em;font-weight:500; text-align:center;width:80%;}	
	.titre5	{font-family:arial, Montserrat, sans-serif, 'Raleway', Corbel;color:#00f;font-size:1.1em; text-align:center;font-weight:500;font-variant: small-caps;}
	.titre6	{font-family:arial, Montserrat, sans-serif, 'Raleway', Corbel;color:#00f;font-size:0.9em;font-weight:500;}
	.titre7	{font-family:arial, Montserrat, sans-serif, 'Raleway', Corbel;color:#00f;font-size:1em;text-align: justify;}
	.titre8	{font-family:arial, Montserrat, sans-serif, 'Raleway', Corbel;color:#00f;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:#00f;font-size: 3em;font-weight:300;text-align: center;}
	.texte7	{font-family:arial, Montserrat, sans-serif, 'Raleway', Corbel; color:#00f;font-size:1em;text-align:center;font-weight: 500;}
	.texte8 {font-family:arial, Montserrat, sans-serif, 'Raleway';color:#00f;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;}
	.transit{-moz-transition: all 1s;-webkit-transition: all 1s;-o-transition: all 1s;transition: all 1s;}
	
	
/*  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: linear-gradient(90deg,#90a 16%,#00f 32%,#0f0 48%,#ff0 64%,#f90 80%,#f00 96%);width: 30%;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: 1600px){html{font-size:95%;}}
	@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%;}}