/* CSS GENERAUX */

@-webkit-keyframes zoom {
    0% { background-rotate: 0deg; }
	100% { background-rotate: 360deg; }
}
@-moz-keyframes keyframes zoom {
    0% { -webkit-transform: rotate(0); }	
    100% { -webkit-transform: scale(360); }
}
@-o-keyframes keyframes zoom {
    0% { -webkit-transform: rotate(0); }	
    100% { -webkit-transform: scale(360); }
}
@keyframes keyframes zoom {
    0% { -webkit-transform: rotate(0); }	
    100% { -webkit-transform: scale(360); }
}

@font-face{
    font-family : "berlin";
    src : url('berlin.ttf');
}
	
body {
	margin:0px auto;
	padding:0px;
	font-family:"berlin", arial;
	font-size:15px;
	color:#ffffff;
	text-shadow: -1px 1px 1px black;
	
}

* {
	outline : none;
		}
		
@-webkit-keyframes fondmouvant {
	0% { background-position: 0% 0%; }
	25% { background-position: 50% 0%; }
	50% { background-position: 100% 0%; }
	75% { background-position: 50% 0%; }
	100% { background-position: 0% 0%; }
	}
	
@-moz-keyframes fondmouvant {
	0% { background-position: 0% 0%; }
	25% { background-position: 50% 0%; }
	50% { background-position: 100% 0%; }
	75% { background-position: 50% 0%; }
	100% { background-position: 0% 0%; }
	}
	
@-o-keyframes fondmouvant {
	0% { background-position: 0% 0%; }
	25% { background-position: 50% 0%; }
	50% { background-position: 100% 0%; }
	75% { background-position: 50% 0%; }
	100% { background-position: 0% 0%; }
	}
	
@-ms-keyframes fondmouvant {
	0% { background-position: 0% 0%; }
	25% { background-position: 50% 0%; }
	50% { background-position: 100% 0%; }
	75% { background-position: 50% 0%; }
	100% { background-position: 0% 0%; }
	}
	
@keyframes fondmouvant {
	0% { background-position: 0% 0%; }
	25% { background-position: 50% 0%; }
	50% { background-position: 100% 0%; }
	75% { background-position: 50% 0%; }
	100% { background-position: 0% 0%; }
	}
	
.blur  img {
	filter: saturate (500%);
	-webkit-filter: saturate (500%);
	-moz-filter: saturate (500%);
	-o-filter: saturate (500%);
	-ms-filter: saturate (500%);
	}

.orange {
		color : rgb(240, 150, 53);
		font-size : 18px;
		}

#fond {
	/* width:1600px;
	height:900px; */
	background-position:center center;
	background-attachment:fixed;
	background-image: url("supports/fondoemc.jpg"); 
	
	
	animation: zoom 60s linear infinite;
	-webkit-animation: zoom 60s linear infinite;
	-o-animation: zoom 60s linear infinite;
	-moz-animation: zoom 60s linear infinite;
	-ms-animation: zoom 60s linear infinite;
	}
	
#automne {
	background-color: rgba(99, 8, 8, 0.9);
	box-shadow:-3px 3px 3px rgba(0,0,0,1);
	}
	
#cercle {
	background-color: rgba(255, 184, 0, 0.9);
	box-shadow:-3px 3px 3px rgba(0,0,0,1);
	}
	
#hiver {
	background-color: rgba(226, 226, 226, 0.9);
	box-shadow:-3px 3px 3px rgba(0,0,0,1);
	}

#nd {
	background-color: rgba(114, 100, 65, 0.9);
	box-shadow:-3px 3px 3px rgba(0,0,0,1);
	}

#tour {
	background-color: rgba(7, 23, 56, 0.9);
	box-shadow:-3px 3px 3px rgba(0,0,0,1);
	}

#printemps {
	background-color: rgba(169, 233, 74, 0.9);
	box-shadow:-3px 3px 3px rgba(0,0,0,1);
	}

#bambou {
	background-color: rgba(97, 48, 15, 0.9);
	box-shadow:-3px 3px 3px rgba(0,0,0,1);
	}

#msm {
	background-color: rgba(17, 82, 126, 0.9);
	box-shadow:-3px 3px 3px rgba(0,0,0,1);
	}

#pdg {
	background-color: rgba(201, 165, 102, 0.9);
	box-shadow:-3px 3px 3px rgba(0,0,0,1);
	}
	
#été {
	background-color: rgba(218, 18, 34, 0.9);
	box-shadow:-3px 3px 3px rgba(0,0,0,1);
	}
	
a {
	text-decoration: none;
	color:#fff;
	}
	
a:visited {
	color:#fff;
	}

#up {
position: fixed;
left:47.4%;
display:block;
bottom:-5%;
z-index:1000;
color:#000000;
padding:5px;
font-weight:bold;
}

/* CLASSES GENERALES */

#page {
	width:1024px;
	margin:0px auto;
	background-color:transparent;
	padding-bottom:10px;
	position:relative;
	}
em {
	color:rgba(190,190,190, 1);;
	font-weight:italic;
	}
	
p {
	margin:0px;
	letter-spacing:0.05em;
	}


.justify {
	text-align:justify;
	}
	
h1 {
	color:white;
	font-weight:bold;
	font-size:20px;
	padding-left:10px;
	padding-right:10px;
	margin:5px auto;
	text-shadow:1px 1px 1px #000;
	text-transform:uppercase;
	text-align:center;
	background: #a9e4f7; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNhOWU0ZjciIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMGZiNGU3IiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L3JhZGlhbEdyYWRpZW50PgogIDxyZWN0IHg9Ii01MCIgeT0iLTUwIiB3aWR0aD0iMTAxIiBoZWlnaHQ9IjEwMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-radial-gradient(center, ellipse cover,  rgb(138, 198, 245) 0%, rgb(75, 136, 175) 100%); /* FF3.6+ */
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgb(138, 198, 245)), color-stop(100%,rgb(75, 136, 175))); /* Chrome,Safari4+ */
background: -webkit-radial-gradient(center, ellipse cover,  rgb(138, 198, 245) 0%,rgb(75, 136, 175) 100%); /* Chrome10+,Safari5.1+ */
background: -o-radial-gradient(center, ellipse cover,  rgb(138, 198, 245) 0%,rgb(75, 136, 175) 100%); /* Opera 12+ */
background: -ms-radial-gradient(center, ellipse cover,  rgb(138, 198, 245) 0%,rgb(75, 136, 175) 100%); /* IE10+ */
background: radial-gradient(ellipse at center, rgb(138, 198, 245) 0%,rgb(75, 136, 175) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgb(138, 198, 245)', endColorstr='rgb(75, 136, 175)',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */

	border:1px solid rgba(255, 255, 255, 0);
	
	box-shadow:-3px 3px 3px rgb(0,0,0);
}

h2 {
	color:white;
	font-weight:bold;
	font-size:15px;
	padding-left:10px;
	padding-right:10px;
	margin:5px auto;
	text-shadow:1px 1px 1px #000;
	text-transform:uppercase;
	text-align:center;
	background: #a9e4f7; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNhOWU0ZjciIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMGZiNGU3IiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L3JhZGlhbEdyYWRpZW50PgogIDxyZWN0IHg9Ii01MCIgeT0iLTUwIiB3aWR0aD0iMTAxIiBoZWlnaHQ9IjEwMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-radial-gradient(center, ellipse cover, rgb(235, 113, 45) 0%, rgb(240, 150, 53) 100%); /* FF3.6+ */
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgb(235, 113, 45)), color-stop(100%,rgb(240, 150, 53))); /* Chrome,Safari4+ */
background: -webkit-radial-gradient(center, ellipse cover,  rgb(235, 113, 45) 0%,rgb(240, 150, 53) 100%); /* Chrome10+,Safari5.1+ */
background: -o-radial-gradient(center, ellipse cover,  rgb(235, 113, 45) 0%,rgb(240, 150, 53) 100%); /* Opera 12+ */
background: -ms-radial-gradient(center, ellipse cover,  rgb(235, 113, 45) 0%,rgb(240, 150, 53) 100%); /* IE10+ */
background: radial-gradient(ellipse at center, rgb(235, 113, 45) 0%,rgb(240, 150, 53) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgb(235, 113, 45)', endColorstr='rgb(240, 150, 53)',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */

	border:1px solid rgba(255, 255, 255, 0);
	
	box-shadow:-3px 3px 3px rgb(0,0,0);
	}
	
h3 {
	color:rgb(243, 149, 46);
	font-weight:bold;
	font-size:13px;
	padding-left:10px;
	padding-right:10px;
	margin:5px auto;
	text-shadow:-1px 1px 1px #000;
	text-transform:uppercase;
	text-align:center;
	}
	
h4 {
	display:block;
	color:#fff6b6;
	font-weight:regular;
	font-size:8px;
	text-shadow:1px 1px 1px #000;
	margin:1px auto;
	text-transform:uppercase;
	text-align:center;
	background-color:rgba(110, 14, 2, 1);
	padding-left:1px;
	padding-right:1px;
	border:1px solid rgba(138,18,1,1);
	border-radius:3px;
	box-shadow:0px 0px 10px rgba(255,102,8,1);
	}	

h1, h2, h3 {
	margin-bottom:10px;
	margin-top:10px;
}

.left {
	float:left;
	}

.right {
	float:right;
	}
	
.clear {
	clear:both;
	}

.centre {
		
		display:inline;
		text-align:center;
		}
		
div p {
			text-align:center;
			}
			
.centre830 {
	margin:auto;
	width:630px;
	}
	
.centre280 {
	margin:auto;
	width:280px;
	}
	
.rotate {
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
transform: rotate(90deg);}	

.ombre {
	box-shadow:10px 7px 10px #000000;
}

.illumine {
	
	margin-left:1px;
	margin-right:1px;
	border:2px solid #ffcd00;
	box-shadow:0px 0px 25px #ffcd00;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	
	}
	
section a img {
	margin:10px 0px 10px 0px;
	border:4px solid rgba(255, 255, 255, 1);
	box-shadow:-3px 3px 3px #000000;
	}

section a img:hover {
	margin:10px 0px 10px 0px;
	border:4px solid #a9e4f7;
	box-shadow:0px 0px 12px #a9e4f7;
	}

a img:hover {
	margin:10px 0px 10px 0px;
	border:4px solid #a9e4f7;
	box-shadow:0px 0px 12px #a9e4f7;
	}
	
section img {
	margin:10px 0px 10px 0px;
	border:4px solid rgba(255, 255, 255, 1);
	box-shadow:-3px 3px 3px #000000;
	}
		
table {
	text-align:center;
	margin:0 auto;
	}

span {
				margin:0px;
				padding:0px;
	}
	
	
/* HEADER */


/* NAVIGATION */
#navigateur {
	height:70px;
	margin-top:0px;
	opacity:1;
	z-index:5;
	margin-bottom:0px;
	}
	
#menupage{
	height:54px;
	margin-top:-7px;
	opacity:1;
	z-index:5;
	margin-bottom:5px;
	
border: solid 1px  rgba(63,0,0,0.9); 
box-shadow:1px 1px 1px rgba(63,0,0,0.9);
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzNmMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjkiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzQyMGQwMCIgc3RvcC1vcGFjaXR5PSIwLjkiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
background: -moz-linear-gradient(top,  rgba(63,0,0,0.9) 0%, rgba(66,13,0,0.9) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(63,0,0,0.9)), color-stop(100%,rgba(66,13,0,0.9)));
background: -webkit-linear-gradient(top,  rgba(63,0,0,0.9) 0%,rgba(66,13,0,0.9) 100%);
background: -o-linear-gradient(top,  rgba(63,0,0,0.9) 0%,rgba(66,13,0,0.9) 100%);
background: -ms-linear-gradient(top,  rgba(63,0,0,0.9) 0%,rgba(66,13,0,0.9) 100%);
background: linear-gradient(to bottom,  rgba(63,0,0,0.9) 0%,rgba(66,13,0,0.9) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e63f0000', endColorstr='#e6420d00',GradientType=0 );

	z-index:1;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	box-shadow:1px 1px 1px rgba(106,3,48,0.7);
	}

#menu {
	list-style-type:none;
	margin:0px;
	padding:0px;
	/*background-image:url("supports/banniere.png");
	background-color:#acf53d; */
	text-align:center;
	font-size:12px;
	z-index:5;
	}
	
#menu li {
	display:inline-block;
	position:relative;
	}
	
#menu li a {
	display:inline;
	padding:5px 10px; 
	color:#113;
	color:rgba(50,50,50,1);
	text-shadow:-1px 1px 1px rgba(180,180,180,1);
	/* background-color:rgba(150,150,150,1); */
	background: #cedce7; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNjZWRjZTciIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjNTk2YTcyIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L3JhZGlhbEdyYWRpZW50PgogIDxyZWN0IHg9Ii01MCIgeT0iLTUwIiB3aWR0aD0iMTAxIiBoZWlnaHQ9IjEwMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-radial-gradient(center, ellipse cover,  rgb(17, 152, 194) 0%, rgb(255, 255, 255) 100%); /* FF3.6+ */
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgb(17, 152, 194)), color-stop(100%,rgb(255, 255, 255))); /* Chrome,Safari4+ */
background: -webkit-radial-gradient(center, ellipse cover,  rgb(17, 152, 194) 0%,rgb(255, 255, 255) 100%); /* Chrome10+,Safari5.1+ */
background: -o-radial-gradient(center, ellipse cover,  rgb(17, 152, 194) 0%,rgb(255, 255, 255) 100%); /* Opera 12+ */
background: -ms-radial-gradient(center, ellipse cover,  rgb(17, 152, 194) 0%,rgb(255, 255, 255) 100%); /* IE10+ */
background: radial-gradient(ellipse at center, rgb(17, 152, 194) 0%,rgb(255, 255, 255) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgb(17, 152, 194)', endColorstr='rgb(255, 255, 255)',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */

	font-weight:bold;
	text-transform:uppercase;
	width:85px;
	margin-left:-10px;
	
	font-size:12px;
	z-index:5;
	
	font-weight:bold;
	text-transform:uppercase;
	width:76px;
	border:1px solid rgba(0,0,0,1);
	font-size:10px;
	z-index:5;
	box-shadow:-3px 3px 3px rgba(0,0,0,1);
	border-radius:60px;
	-moz-border-radius: 60px;
	-webkit-border-radius: 60px;
	-webkit-transform:  rotate(0deg) scale(1);
    -moz-transform: rotate(0deg) scale(1);
    -o-transform: rotate(0deg) scale(1);
    -ms-transform: rotate(0deg) scale(1);
	transform: rotate(0deg) scale(1);
	-webkit-transition: all 0.5s ease-out;
	-moz-transition:all 0.5s ease-out;
	-o-transition:all 0.5s ease-out;
	-ms-transition:all 0.5s ease-out;
	transition:all 0.5s ease-out;
	-webkit-transform:  rotate(0deg) scale(1);
    -moz-transform: rotate(0deg) scale(1);
    -o-transform: rotate(0deg) scale(1);
    -ms-transform: rotate(0deg) scale(1);
	transform: rotate(0deg) scale(1);
	-webkit-transition: all 0.5s ease-out;
	-moz-transition:all 0.5s ease-out;
	-o-transition:all 0.5s ease-out;
	-ms-transition:all 0.5s ease-out;
	transition:all 0.5s ease-out;
	} 

#menu li a:hover {
	background: #a9e4f7; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNhOWU0ZjciIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMGZiNGU3IiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L3JhZGlhbEdyYWRpZW50PgogIDxyZWN0IHg9Ii01MCIgeT0iLTUwIiB3aWR0aD0iMTAxIiBoZWlnaHQ9IjEwMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-radial-gradient(center, ellipse cover,  rgb(255, 255, 255) 0%, rgb(125, 208, 247) 100%); /* FF3.6+ */
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgb(255, 255, 255)), color-stop(100%,rgb(125, 208, 247))); /* Chrome,Safari4+ */
background: -webkit-radial-gradient(center, ellipse cover,  rgb(255, 255, 255) 0%,rgb(125, 208, 247) 100%); /* Chrome10+,Safari5.1+ */
background: -o-radial-gradient(center, ellipse cover,  rgb(255, 255, 255) 0%,rgb(125, 208, 247) 100%); /* Opera 12+ */
background: -ms-radial-gradient(center, ellipse cover,  rgb(255, 255, 255) 0%,rgb(125, 208, 247) 100%); /* IE10+ */
background: radial-gradient(ellipse at center, rgb(255, 255, 255) 0%,rgb(125, 208, 247) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgb(255, 255, 255)', endColorstr='rgb(125, 208, 247)',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */

	padding:1px 2px; 
	color:#ffffff;
	border:1px solid  rgb(255, 255, 255); 
	font-size:10px;
	text-shadow:-1px 1px 2px #000000;
	z-index:100;
	-webkit-transform:  rotate(0deg) scale(1.5) ;
    -moz-transform: rotate(0deg) scale(1.5) ;
    -o-transform: rotate(0deg) scale(1.5) ;
    -ms-transform: rotate(0deg) scale(1.5) ;
	transform: rotate(0deg) scale(1.5) ;
	box-shadow:-5px 5px 5px rgba(0,0,0,1);
	border-radius:60px;
	-moz-border-radius: 60px;
	-webkit-border-radius:60px;
	}


	
#menu_forum li ul {
	display:none;
	list-style-type:none;
	width:100%;
	margin:0px;
	padding:0px;
	position:absolute;
	top:25px;
	left:0px;
	background-color:#cacaca;
	text-align:center;
	font-size:12px;
	}
	
#menu_forum li ul li {
	display:inline-block;
	border-bottom:1px doted #fff;
	text-align:center;
	}
	
#menu_forum li:hover ul {
	display:inline-block;
	background-color:transparent;
	}
	
#menu_forum li ul li ul {
	display:inline-block;
	}
	
/*  MENU FORUM */
#menu_forum {
height:125px;
	margin-top:0px;
	opacity:1;
	z-index:5;
	margin-bottom:5px;
	list-style-type:none;
	padding:0px;
	/*background-image:url("supports/banniere.png");
	background-color:#acf53d; */
	text-align:center;
	font-size:12px;
	z-index:5;
	}
	
#menu_forum li {
	display:inline-block;
	position:relative;
	margin-top:10px;
	}
	
#menu_forum li a {
	display:block;
	padding:1px 2px; 
	margin:0px auto;
	color:rgba(50,50,50,1);
	text-shadow:-1px 1px 1px rgba(180,180,180,1);
	/* background-color:rgba(150,150,150,1); */
	background: #cedce7; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNjZWRjZTciIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjNTk2YTcyIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L3JhZGlhbEdyYWRpZW50PgogIDxyZWN0IHg9Ii01MCIgeT0iLTUwIiB3aWR0aD0iMTAxIiBoZWlnaHQ9IjEwMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-radial-gradient(center, ellipse cover,  rgb(238, 196, 29) 0%, rgb(255, 112, 0) 100%); /* FF3.6+ */
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgb(238, 196, 29)), color-stop(100%,rgb(255, 112, 0))); /* Chrome,Safari4+ */
background: -webkit-radial-gradient(center, ellipse cover,  rgb(238, 196, 29) 0%,rgb(255, 112, 0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-radial-gradient(center, ellipse cover,  rgb(238, 196, 29) 0%,rgb(255, 112, 0) 100%); /* Opera 12+ */
background: -ms-radial-gradient(center, ellipse cover,  rgb(238, 196, 29) 0%,rgb(255, 112, 0) 100%); /* IE10+ */
background: radial-gradient(ellipse at center, rgb(238, 196, 29) 0%,rgb(255, 112, 0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgb(238, 196, 29)', endColorstr='rgb(255, 112, 0)',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */

	font-weight:bold;
	text-transform:uppercase;
	width:69px;
	border:0px solid rgba(0,0,0,1);
	font-size:10px;
	z-index:5;
	box-shadow:-3px 3px 3px rgba(0,0,0,1);
	border-radius:0px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	-webkit-transform:  rotate(0deg) scale(1);
    -moz-transform: rotate(0deg) scale(1);
    -o-transform: rotate(0deg) scale(1);
    -ms-transform: rotate(0deg) scale(1);
	transform: rotate(0deg) scale(1);
	-webkit-transition: all 0.5s ease-out;
	-moz-transition:all 0.5s ease-out;
	-o-transition:all 0.5s ease-out;
	-ms-transition:all 0.5s ease-out;
	transition:all 0.5s ease-out;
	} 
	
#menu_forum li a:hover {
	background: #a9e4f7; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNhOWU0ZjciIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMGZiNGU3IiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L3JhZGlhbEdyYWRpZW50PgogIDxyZWN0IHg9Ii01MCIgeT0iLTUwIiB3aWR0aD0iMTAxIiBoZWlnaHQ9IjEwMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-radial-gradient(center, ellipse cover,  rgb(255, 255, 255) 0%, rgb(125, 208, 247) 100%); /* FF3.6+ */
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgb(255, 255, 255)), color-stop(100%,rgb(125, 208, 247))); /* Chrome,Safari4+ */
background: -webkit-radial-gradient(center, ellipse cover,  rgb(255, 255, 255) 0%,rgb(125, 208, 247) 100%); /* Chrome10+,Safari5.1+ */
background: -o-radial-gradient(center, ellipse cover,  rgb(255, 255, 255) 0%,rgb(125, 208, 247) 100%); /* Opera 12+ */
background: -ms-radial-gradient(center, ellipse cover,  rgb(255, 255, 255) 0%,rgb(125, 208, 247) 100%); /* IE10+ */
background: radial-gradient(ellipse at center, rgb(255, 255, 255) 0%,rgb(125, 208, 247) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgb(255, 255, 255)', endColorstr='rgb(125, 208, 247)',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */

	padding:1px 2px; 
	color:#000000;
	border:0px solid  rgb(255, 255, 255); 
	font-size:10px;
	z-index:100;
	-webkit-transform:  rotate(0deg) scale(1.5) translate(-5px,10px);
    -moz-transform: rotate(0deg) scale(1.5) translate(-5px,10px);
    -o-transform: rotate(0deg) scale(1.5) translate(-5px,10px);
    -ms-transform: rotate(0deg) scale(1.5) translate(-5px,10px);
	transform: rotate(deg) scale(1.5) translate(-5px,10px);
	box-shadow:-3px 3px 3px rgba(0,0,0,1);
	border-radius:45px;
	-moz-border-radius: 45px;
	-webkit-border-radius:45px;
	}
	

	



	
#contenu {
	width:1024px;
	overflow:hidden;
	margin:0px auto;
	}
/* TOOLS = section gauche des pages */
#tools {
	position:relative;
	display:inline-block;
	width:240px;
	margin-left:5px;
	margin-right:5px;
	height:100%;
	padding:10px;
	border: solid 1px rgba(235,148,186,0.7);

background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzZkMGQwMSIgc3RvcC1vcGFjaXR5PSIwLjciLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzg3MTkwMCIgc3RvcC1vcGFjaXR5PSIwLjciLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
background: -moz-linear-gradient(left,  rgba(109,13,1,0.7) 0%, rgba(135,25,0,0.7) 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(109,13,1,0.7)), color-stop(100%,rgba(135,25,0,0.7)));
background: -webkit-linear-gradient(left,  rgba(109,13,1,0.7) 0%,rgba(135,25,0,0.7) 100%);
background: -o-linear-gradient(left,  rgba(109,13,1,0.7) 0%,rgba(135,25,0,0.7) 100%);
background: -ms-linear-gradient(left,  rgba(109,13,1,0.7) 0%,rgba(135,25,0,0.7) 100%);
background: linear-gradient(to right,  rgba(109,13,1,0.7) 0%,rgba(135,25,0,0.7) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b36d0d01', endColorstr='#b3871900',GradientType=1 );

	z-index:1;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	box-shadow:1px 1px 1px  rgba(197,17,96,0.7);
	}
/* SECTIONS = section centrale des pages */	
.large {
	width:995px;
}

.demi {
	display:inline-block;
	vertical-align:top;
	position:relative;
	width:465px;
	
	}
	
.larg210 {
	width:215px;
	display:inline-block;
	}

.haute {
	height:700px;
	width:1000px;
	}
	
section {
	display:inline-block;
	vertical-align:top;
	position:relative;
	width:465px;
	padding:10px;
	margin-bottom:5px;
	/* border: solid 1px  rgba(0, 0, 0, 1);
	
	/* background-color:rgba(83,138,6,0.7); */
	z-index:1;
	}
	
#calendrier {
	border:8px solid white;
	}

fieldset
{
	border: 0px;
	box-shadow:-3px 3px 3px rgb(0,0,0);
	background:rgba(97,13,2, 0.4);
	margin-bottom:5px;
	}

input[type="text"], textarea {
    
	text-align:left;
	width: 250px;
    padding: 4px;
	border: 1px solid #AAA;
	background: #F2F2F2;
	-moz-box-shadow: -1px -1px 0 #ddd, -1px -1px 0 #ddd inset;
	-webkit-box-shadow: -1px -1px 0 #ddd, -1px -1px 0 #ddd inset;
	box-shadow: -1px -1px 0 #ddd, -1px -1px 0 #ddd inset;

	margin:5px;
}

input[type="button"] {
color : #fff6b6;
	border: solid 1px  rgba(183, 75, 75, 0.7);

background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzZkMGQwMSIgc3RvcC1vcGFjaXR5PSIwLjciLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzg3MTkwMCIgc3RvcC1vcGFjaXR5PSIwLjciLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
background: -moz-linear-gradient(left,  rgba(109,13,1,0.7) 0%, rgba(135,25,0,0.7) 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(109,13,1,0.7)), color-stop(100%,rgba(135,25,0,0.7)));
background: -webkit-linear-gradient(left,  rgba(109,13,1,0.7) 0%,rgba(135,25,0,0.7) 100%);
background: -o-linear-gradient(left,  rgba(109,13,1,0.7) 0%,rgba(135,25,0,0.7) 100%);
background: -ms-linear-gradient(left,  rgba(109,13,1,0.7) 0%,rgba(135,25,0,0.7) 100%);
background: linear-gradient(to right,  rgba(109,13,1,0.7) 0%,rgba(135,25,0,0.7) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b36d0d01', endColorstr='#b3871900',GradientType=1 );

}

input[type="button"]:hover {
color : #000000;
	border: solid 1px  rgba(183, 75, 75, 0.7);

background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2FjZjUzZCIgc3RvcC1vcGFjaXR5PSIwLjciLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzdjYjAyYyIgc3RvcC1vcGFjaXR5PSIwLjciLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
background: -moz-linear-gradient(left,  rgba(172,245,61,0.7) 0%, rgba(124,176,44,0.7) 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(172,245,61,0.7)), color-stop(100%,rgba(124,176,44,0.7)));
background: -webkit-linear-gradient(left,  rgba(172,245,61,0.7) 0%,rgba(124,176,44,0.7) 100%);
background: -o-linear-gradient(left,  rgba(172,245,61,0.7) 0%,rgba(124,176,44,0.7) 100%);
background: -ms-linear-gradient(left,  rgba(172,245,61,0.7) 0%,rgba(124,176,44,0.7) 100%);
background: linear-gradient(to right,  rgba(172,245,61,0.7) 0%,rgba(124,176,44,0.7) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3acf53d', endColorstr='#b37cb02c',GradientType=1 );


}	
/* ASIDE = section droite des pages */

aside {
	
	display:inline-block;
	vertical-align:top;
	margin-left:5px;
	padding:10px;
	width:240px;
	background-color: rgba(197,17,96,0.7);
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	box-shadow:1px 1px 1px  rgba(197,17,96,0.7);
	}
	

	

/* FOOTER */

	
footer p {
	text-align:center;
	font-size:10px;
	}
	
/* CLOUD */
#list {
	height:300px;
	width:250px;
	font-weight:bold;
	text-align:center;
	background-color:#000;
	position:relative;
	margin:0 auto;
	overflow:hidden;
	}
	
#list ul, #list li {
	list-style:none;
	margin:0;
	padding:0;
	}
#list a {
	position:absolute;
	text-decoration:none;
	color:#666;
	}
	
#list a:hover {
	color:#85ff00;
	text-shadow:0px 0px 8px #85ff00;
	}

/* tableaux */
caption {
	color:rgb(255,255,255);
	background: rgba(19,192,247,0.7);
	font-weight:bold;
	font-size:20px;
	padding-left:10px;
	padding-right:10px;
	margin:5px auto;
	text-shadow:1px 1px 1px #000;
	text-transform:uppercase;
	text-align:center;
	border:3px solid rgba(19,192,247,1);
	}
	
table {
	
	border-collapse:collapse;
	text-align:center;
	margin:0 auto;
	
	}
	
.noborder td {
	border:0px;
	}
	
	
td {
	border:3px solid rgba(0,0,10,0.6);
	padding:3px 3px;
	font-size:16px;
	background : rgba(0,0,10,0.3);
	}

th{
	border:3px solid rgba(255,255,255,0.8);
	padding: 5px;
	font-size:16px;
	background : rgba(255, 112, 0, 0.8)
	}	

/* Form style */
select option {
background-repeat:no-repeat;
background-position:bottom left;
}

#content label { display: inline-block; float: left; height: 26px; line-height: 26px; width: 155px; font-size: 1.5em; }
#content input, textarea { display:inline-block; margin:10px; height: 250px; width: 430px; margin: 0; padding: 5px; color: #666; background: #f5f5f5; border: 1px solid #ccc; margin: 5px 0; font:15px "Berlin sans MS", "Lucida Sans Unicode", Arial, sans-serif; -moz-border-radius: 5px; -webkit-border-radius:5px; }   
#content input:focus, textarea:focus, select:focus { border: 1px solid #999; background-color: #fff; color:#333; }
#content input.submit { display:block; margin-top:20px; width: 85px; cursor: pointer; border: 1px solid #222; background:#333; color:#fff; -moz-border-radius: 5px; -webkit-border-radius:5px; }
#content input.submit:hover { background:#444; }
#content fieldset { padding:20px; border:1px solid #eee; -moz-border-radius: 5px; -webkit-border-radius:5px; }
#content legend { padding:7px 10px; font-weight:bold; color:#000; border:1px solid #eee; -moz-border-radius: 5px; -webkit-border-radius:5px; }
#content textarea{width: 350px; height: 100px;}
#content span.required{ font-size: 13px; color: #ff0000; } /* Select the colour of the * if the field is required. */
#content a{color:#4E7C6A;}
#content a:hover{text-decoration:none; color:#444;}
#content h1{margin-bottom:20px;}

/* Style for the error message */

.error{color:#FF6262; font-size:1.1em;}

span.logout{float:right;}



#form{margin-top:50px;}

#commentaires{padding-top:50px; border-top:solid 1px #777;}

.com{border-top:solid 1px #F1F1F1; border-bottom:solid 1px #F1F1F1; padding:10px;}

span.auteur{font-size:15px; color:#4E7C6A;}
span.auteur a{font-size:15px; color:#ffffff;}

.success{width:50%; height:20px; line-height:20px; color:#149541; font-size:1.3em;}

.rotate180 {
-o-transform: rotate(180deg);
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-moz-transform: rotate(180deg);
transform: rotate(180deg);
}	

@-webkit-keyframes pulse {
    0% { -webkit-transform: scale(1); }	
    100% { -webkit-transform: scale(2); }
}
@-moz-keyframes pulse {
    0% { -moz-transform: scale(1); }	
    100% { -moz-transform: scale(2); }
}
@-o-keyframes pulse {
    0% { -o-transform: scale(1); }	
    100% { -o-transform: scale(2); }
}
@keyframes pulse {
    0% { transform: scale(1); }	
    100% { transform: scale(2); }
}

.zoom:hover {
	-webkit-animation-name: pulse;
	-moz-animation-name: pulse;
	-o-animation-name: pulse;
	animation-name: pulse;
	-webkit-animation-duration: 2s;
	-moz-animation-duration: 2s;
	-o-animation-duration: 2s;
	animation-duration: 2s;
	-webkit-animation-iteration-count: 1;
	-moz-animation-iteration-count: 1;
	-o-animation-iteration-count: 1;
	animation-iteration-count: 1;
}


@-webkit-keyframes pivot {
    0% { -webkit-transform: rotate(0deg); }	
	50% { -webkit-transform: rotate(180deg); }
    100% { -webkit-transform: rotate(360deg); }
}
@-moz-keyframes pivot {
    0% { -moz-transform: rotate(0deg); }	
	50% { -moz-transform: rotate(180deg); }
    100% { -moz-transform: rotate(360deg); }
}
@-o-keyframes pivot {
    0% { -o-transform: rotate(0deg); }	
	50% { -o-transform: rotate(180deg); }
    100% { -o-transform: rotate(360deg); }
}
@keyframes pivot {
    0% { transform: rotate(0deg); }	
	50% { transform: rotate(180deg); }
    100% { transform: rotate(360deg); }
}

@-webkit-keyframes fade {
    0%   { opacity: 0; }
  10%  { opacity: 0.6; }
  20%  { opacity: 0; }
  30%  { opacity: 0.4; }
  40%  { opacity: 0; }
  50%  { opacity: 0.6; }
  60%  { opacity: 0; }
  70%  { opacity: 0.2; }
  80%  { opacity: 0; }
  90%  { opacity: 0.4; }
  100% { opacity: 0; }
}

@-moz-webkit-keyframes fade {
    0%   { opacity: 0; }
  10%  { opacity: 0.6; }
  20%  { opacity: 0; }
  30%  { opacity: 0.4; }
  40%  { opacity: 0; }
  50%  { opacity: 0.6; }
  60%  { opacity: 0; }
  70%  { opacity: 0.2; }
  80%  { opacity: 0; }
  90%  { opacity: 0.4; }
  100% { opacity: 0; }
}

@-o-webkit-keyframes fade {
    0%   { opacity: 0; }
  10%  { opacity: 0.6; }
  20%  { opacity: 0; }
  30%  { opacity: 0.4; }
  40%  { opacity: 0; }
  50%  { opacity: 0.6; }
  60%  { opacity: 0; }
  70%  { opacity: 0.2; }
  80%  { opacity: 0; }
  90%  { opacity: 0.4; }
  100% { opacity: 0; }
}

@keyframes fade {
  0%   { opacity: 0; }
  10%  { opacity: 0.6; }
  20%  { opacity: 0; }
  30%  { opacity: 0.4; }
  40%  { opacity: 0; }
  50%  { opacity: 0.6; }
  60%  { opacity: 0; }
  70%  { opacity: 0.2; }
  80%  { opacity: 0; }
  90%  { opacity: 0.4; }
  100% { opacity: 0; }
}

.fade  {
	-webkit-animation-name: fade;
	-moz-animation-name: fade;
	-o-animation-name: fade;
	animation-name: fade;
	-webkit-animation-duration: 30s;
	-moz-animation-duration: 30s;
	-o-animation-duration: 30s;
	animation-duration: 30s;
	-webkit-animation-timing-function: linear;
	-moz-animation-timing-function: linear;
	-o-animation-timing-function: linear;
	animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
	-moz-animation-iteration-count: infinite;
	-o-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	
	
	
}


.pivot  {
	-webkit-animation-name: pivot;
	-moz-animation-name: pivot;
	-o-animation-name: pivot;
	animation-name: pivot;
	-webkit-animation-duration: 10s;
	-moz-animation-duration: 10s;
	-o-animation-duration: 10s;
	animation-duration: 10s;
	-webkit-animation-timing-function: linear;
	-moz-animation-timing-function: linear;
	-o-animation-timing-function: linear;
	animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
	-moz-animation-iteration-count: infinite;
	-o-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	
	
	
}

.absolute {
	position:absolute;
	top : 165px;
	left : 50%;
	margin-left : -300px;
}

.absolute2 {
	position:absolute;
	top : 0px;
	left : 50%;
	margin-left : -300px;
}

.pivot2  {
	-webkit-animation-name: pivot;
	-moz-animation-name: pivot;
	-o-animation-name: pivot;
	animation-name: pivot;
	-webkit-animation-duration: 90s;
	-moz-animation-duration: 90s;
	-o-animation-duration: 90s;
	animation-duration: 90s;
	-webkit-animation-timing-function: linear;
	-moz-animation-timing-function: linear;
	-o-animation-timing-function: linear;
	animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
	-moz-animation-iteration-count: infinite;
	-o-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	
	
	
}

.pivot3  {
	-webkit-animation-name: pivot;
	-moz-animation-name: pivot;
	-o-animation-name: pivot;
	animation-name: pivot;
	-webkit-animation-duration: 360s;
	-moz-animation-duration: 360s;
	-o-animation-duration: 360s;
	animation-duration: 360s;
	-webkit-animation-timing-function: linear;
	-moz-animation-timing-function: linear;
	-o-animation-timing-function: linear;
	animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
	-moz-animation-iteration-count: infinite;
	-o-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	
	
	
}


.pivot4  {
	-webkit-animation-name: pivot;
	-moz-animation-name: pivot;
	-o-animation-name: pivot;
	animation-name: pivot;
	-webkit-animation-duration: 240s;
	-moz-animation-duration: 240s;
	-o-animation-duration: 240s;
	animation-duration: 240s;
	-webkit-animation-timing-function: linear;
	-moz-animation-timing-function: linear;
	-o-animation-timing-function: linear;
	animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
	-moz-animation-iteration-count: infinite;
	-o-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	
	
	
}

.pivotinv  {
	-webkit-animation-name: pivot;
	-moz-animation-name: pivot;
	-o-animation-name: pivot;
	animation-name: pivot;
	-webkit-animation-duration: 10s;
	-moz-animation-duration: 10s;
	-o-animation-duration: 10s;
	animation-duration: 10s;
	-webkit-animation-timing-function: linear;
	-moz-animation-timing-function: linear;
	-o-animation-timing-function: linear;
	animation-timing-function: linear;
	-webkit-animation-direction: reverse;
	-moz-animation-direction: reverse;
	-o-animation-direction: reverse;
	animation-direction: reverse;
	-webkit-animation-iteration-count: infinite;
	-moz-animation-iteration-count: infinite;
	-o-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	
	
	
}


.pivotinverse {
	-webkit-animation-name: pivot;
	-moz-animation-name: pivot;
	-o-animation-name: pivot;
	animation-name: pivot;
	-webkit-animation-duration: 90s;
	-moz-animation-duration: 90s;
	-o-animation-duration: 90s;
	animation-duration: 90s;
	-webkit-animation-timing-function: linear;
	-moz-animation-timing-function: linear;
	-o-animation-timing-function: linear;
	animation-timing-function: linear;
	-webkit-animation-direction: reverse;
	-moz-animation-direction: reverse;
	-o-animation-direction: reverse;
	animation-direction: reverse;
	-webkit-animation-iteration-count: infinite;
	-moz-animation-iteration-count: infinite;
	-o-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	
	
	
}


@-webkit-keyframes fadepivot {
  0%   { opacity: 1; -webkit-transform: rotate(0deg);}
  
  50%  { opacity: 0.7; -webkit-transform: rotate(180deg); }
  
  100% { opacity: 1; -webkit-transform: rotate(360deg);}
}

@-moz-keyframes fadepivot {
  0%   { opacity: 1; -moz-transform: rotate(0deg);}
  
  50%  { opacity: 0.7; -moz-transform: rotate(180deg); }
  
  100% { opacity: 1; -moz-transform: rotate(360deg);}
}

@-o-keyframes fadepivot {
  0%   { opacity: 1; -o-transform: rotate(0deg);}
  
  50%  { opacity: 0.7; -o-transform: rotate(180deg); }
  
  100% { opacity: 1; -o-transform: rotate(360deg);}
}

@keyframes fadepivot {
  0%   { opacity: 1; transform: rotate(0deg);}
  
  50%  { opacity: 0.7; transform: rotate(180deg); }
  
  100% { opacity: 1; transform: rotate(360deg);}
}

.fadepivot  {
	-webkit-animation-name: fadepivot;
	-moz-animation-name: fadepivot;
	-o-animation-name: fadepivot;
	animation-name: fadepivot;
	-webkit-animation-duration: 180s;
	-moz-animation-duration: 180s;
	-o-animation-duration: 180s;
	animation-duration: 180s;
	-webkit-animation-timing-function: linear;
	-moz-animation-timing-function: linear;
	-o-animation-timing-function: linear;
	animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
	-moz-animation-iteration-count: infinite;
	-o-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	
	
	
}


@-webkit-keyframes fadepivot2 {
  0%   { opacity: 0.7; -webkit-transform: rotate(0deg) scale(0.5);}
  
  50%  { opacity: 1; -webkit-transform: rotate(180deg) scale(1);}
  
  100% { opacity: 0.7; -webkit-transform: rotate(360deg) scale(0.5);}
}

@-moz-keyframes fadepivot2 {
  0%   { opacity: 0.7; -moz-transform: rotate(0deg) scale(0.5);}
  
  50%  { opacity: 1; -moz-transform: rotate(180deg) scale(1);}
  
  100% { opacity: 0.7; -moz-transform: rotate(360deg) scale(0.5);}
}

@-o-keyframes fadepivot2 {
  0%   { opacity: 0.7; -o-transform: rotate(0deg) scale(0.5);}
  
  50%  { opacity: 1; -o-transform: rotate(180deg) scale(1);}
  
  100% { opacity: 0.7; -o-transform: rotate(360deg) scale(0.5);}
}

@keyframes fadepivot2 {
  0%   { opacity: 0.7; transform: rotate(0deg) scale(0.5);}
  
  50%  { opacity: 1; transform: rotate(180deg) scale(1);}
  
  100% { opacity: 0.7; transform: rotate(360deg) scale(0.5);}
}
.fadepivot2  {
	-webkit-animation-name: fadepivot2;
	-moz-animation-name: fadepivot2;
	-o-animation-name: fadepivot2;
	animation-name: fadepivot2;
	-webkit-animation-duration: 240s;
	-moz-animation-duration: 240s;
	-o-animation-duration: 240s;
	animation-duration: 240s;
	-webkit-animation-timing-function: linear;
	-moz-animation-timing-function: linear;
	-o-animation-timing-function: linear;
	animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
	-moz-animation-iteration-count: infinite;
	-o-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	
	
	
}


@-webkit-keyframes fadepivot3 {
  0%   { opacity: 0; -webkit-transform: rotate(0deg);}
  
  50%  { opacity: 1; -webkit-transform: rotate(180deg);}
  
  100% { opacity: 0; -webkit-transform: rotate(360deg);}
}

@-moz-keyframes fadepivot3 {
  0%   { opacity: 0; -moz-transform: rotate(0deg);}
  
  50%  { opacity: 1; -moz-transform: rotate(180deg);}
  
  100% { opacity: 0; -moz-transform: rotate(360deg);}
}

@-o-keyframes fadepivot3 {
  0%   { opacity: 0; -o-transform: rotate(0deg);}
  
  50%  { opacity: 1; -o-transform: rotate(180deg);}
  
  100% { opacity: 0; -o-transform: rotate(360deg);}
}

@keyframes fadepivot3 {
  0%   { opacity: 0; transform: rotate(0deg);}
  
  50%  { opacity: 1; transform: rotate(180deg);}
  
  100% { opacity: 0; transform: rotate(360deg);}
}
.fadepivot3  {
	-webkit-animation-name: fadepivot3;
	-moz-animation-name: fadepivot3;
	-o-animation-name: fadepivot3;
	animation-name: fadepivot3;
	-webkit-animation-duration: 240s;
	-moz-animation-duration: 240s;
	-o-animation-duration: 240s;
	animation-duration: 240s;
	-webkit-animation-timing-function: linear;
	-moz-animation-timing-function: linear;
	-o-animation-timing-function: linear;
	animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
	-moz-animation-iteration-count: infinite;
	-o-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	
	
	
}