body
{	min-width:980px;
	max-width:1010px;
	margin-top: 60px; 
	margin-right: 50px;
	margin-bottom: 10px;
	margin-left: 40px;
	background-image: url(images/Mur03.jpg);
	font-family : Verdana;
	}


@-webkit-keyframes anim {
	0% {opacity:0;
		-webkit-transform: translateY(-250px);
	}
	
	30% {opacity:0.4;
		-webkit-transform: translateY(-250px);
	}
	
	
	65% {opacity: 0.8;
		-webkit-transform: translateY(45px);
	}
	
	90% {opacity: 0.9;
		-webkit-transform: translateY(-5px);
	}
	
	100% {opacity: 1;
		-webkit-transform: translateY(0);
	}
}


@-moz-keyframes anim {
	0% {opacity:0;
		-moz-transform: translateY(-250px);
	}
	
	30% {opacity:0.4;
		-moz-transform: translateY(-250px);
	}
	
	
	65% {opacity: 0.8;
		-moz-transform: translateY(25px);
	}
	
	90% {opacity: 0.9;
		-moz-transform: translateY(-5px);
	}
	
	100% {opacity: 1;
		-moz-transform: translateY(0);
	}
}

@-o-keyframes anim {
	0% {opacity:0;
		-o-transform: translateY(-250px);
	}
	
	30% {opacity:0.4;
		-o-transform: translateY(-250px);
	}
	
	
	65% {opacity: 0.8;
		-o-transform: translateY(45px);
	}
	
	90% {opacity: 0.9;
		-o-transform: translateY(-5px);
	}
	
	100% {opacity: 1;
		-o-transform: translateY(0);
	}
}


@keyframes anim {
	from {opacity:0;
		transform: translateY(-250px);
	}
	
	30% {opacity:0.4;
		transform: translateY(-250px);
	}
	
	
	65% {opacity: 0.8;
		transform: translateY(45px);
	}
	
	90% {opacity: 0.9;
		transform: translateY(-5px);
	}
	
	to {opacity: 1;
		transform: translateY(0);
	}
}

@-webkit-keyframes rota {
	0% {
		opacity: 0;
		color:azure;
		-webkit-transform: translateX(0px) rotate(270deg);
	}

	15% {
		opacity: 1;
		color:azure;
		-webkit-transform: translateX(0px) rotate(90deg);
	}


	30% {
		opacity: 1;
		color:gold;
		-webkit-transform: translateX(80px) rotate(90deg);
	}
	
	38% {
		opacity: 1;
		color:palegreen;
		-webkit-transform: translateX(80px) translateY(70px) rotate(90deg);
	}
	60% {
		opacity: 0.5;
		color:Royalblue;
		-webkit-transform: translateX(650px) rotate(0deg);
	}
	85% {
		opacity: 0.1;
		color:Royalblue;
		-webkit-transform: translateX(660px) translateY(605px) rotate(0deg);
	}
	100% {
		opacity: 0;
		color:Royalblue;
		-webkit-transform: translateX(660px) translateY(605px) rotate(0deg);
	}
}

@-moz-keyframes rota {
	0% {
		opacity: 0;
		color:azure;
		-moz-transform: translateX(0px) rotate(270deg);
	}

	15% {
		opacity: 1;
		color:azure;
		-moz-transform: translateX(0px) rotate(90deg);
	}


	30% {
		opacity: 1;
		color:gold;
		-moz-transform: translateX(80px) rotate(90deg);
	}
	
	38% {
		opacity: 1;
		color:palegreen;
		-moz-transform: translateX(80px) translateY(70px) rotate(90deg);
	}
	60% {
		opacity: 0.5;
		color:Royalblue;
		-moz-transform: translateX(650px) rotate(0deg);
	}
	85% {
		opacity: 0.1;
		color:Royalblue;
		-moz-transform: translateX(660px) translateY(605px) rotate(0deg);
	}
	100% {
		opacity: 0;
		color:Royalblue;
		-moz-transform: translateX(660px) translateY(605px) rotate(0deg);
	}
}
@-o-keyframes rota {
	0% {
		opacity: 0;
		color:azure;
		-o-transform: translateX(0px) rotate(270deg);
	}

	15% {
		opacity: 1;
		color:azure;
		-o-transform: translateX(0px) rotate(90deg);
	}


	30% {
		opacity: 1;
		color:gold;
		-o-transform: translateX(80px) rotate(90deg);
	}
	
	38% {
		opacity: 1;
		color:palegreen;
		-o-transform: translateX(80px) translateY(70px) rotate(90deg);
	}
	60% {
		opacity: 0.5;
		color:Royalblue;
		-o-transform: translateX(650px) rotate(0deg);
	}
	85% {
		opacity: 0.1;
		color:Royalblue;
		-o-transform: translateX(660px) translateY(605px) rotate(0deg);
	}
	100% {
		opacity: 0;
		color:Royalblue;
		-o-transform: translateX(660px) translateY(605px) rotate(0deg);
	}
}

@keyframes rota {
	from {
		opacity: 0;
		color:azure;
		transform: translateX(0px) rotate(270deg);
	}

	15% {
		opacity: 1;
		color:azure;
		transform: translateX(0px) rotate(90deg);
	}


	30% {
		opacity: 1;
		color:gold;
		transform: translateX(80px) rotate(90deg);
	}
	
	38% {
		opacity: 1;
		color:palegreen;
		transform: translateX(80px) translateY(70px) rotate(90deg);
	}
	60% {
		opacity: 0.5;
		color:Royalblue;
		transform: translateX(650px) rotate(0deg);
	}
	85% {
		opacity: 0.1;
		color:Royalblue;
		transform: translateX(660px) translateY(605px) rotate(0deg);
	}
	to {
		opacity: 0;
		color:Royalblue;
		transform: translateX(660px) translateY(605px) rotate(0deg);
	}
}

.anim {
	-webkit-animation-name: anim;
	-moz-animation-name: anim;
	-o-animation-name: anim;
	animation-name: anim;
}

.anim {
animation: anim 5500ms;
-webkit-animation: anim 5500ms;
-moz-animation: anim 5500ms;
-o-animation: anim 5500ms;
}


@-webkit-keyframes tour {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-5px) rotate(0deg);
	}	
	70% {
		opacity: 1;
		-webkit-transform: translateY(-5px) translateX(-27px) rotate(0deg);
	}
	80% {
		-webkit-transform: translateY(-5px) translateX(-18px) rotate(120deg);
	
	}
	90% {
		-webkit-transform: translateY(-5px) translateX(-9px) rotate(240deg);
	
	}
	
	100% {
		-webkit-transform: translateY(-5px) rotate(380deg);
	}
}

@-moz-keyframes tour {
	0% {
		opacity: 0;
		-moz-transform: translateY(-5px) rotate(0deg);
	}	
	70% {
		opacity: 1;
		-moz-transform: translateY(-5px) translateX(-27px) rotate(0deg);
	}
	80% {
		-moz-transform: translateY(-5px) translateX(-18px) rotate(120deg);
	
	}
	90% {
		-moz-transform: translateY(-5px) translateX(-9px) rotate(240deg);
	
	}
	
	100% {
		-moz-transform: translateY(-5px) rotate(380deg);
	}
}

@-o-keyframes tour {
	0% {
		opacity: 0;
		-o-transform: translateY(-5px) rotate(0deg);
	}	
	70% {
		opacity: 1;
		-o-transform: translateY(-5px) translateX(-27px) rotate(0deg);
	}
	80% {
		-o-transform: translateY(-5px) translateX(-18px) rotate(120deg);
	
	}
	90% {
		-o-transform: translateY(-5px) translateX(-9px) rotate(240deg);
	
	}
	
	100% {
		-o-transform: translateY(-5px) rotate(380deg);
	}
}

@keyframes tour {
	from {
		opacity: 0;
		transform: translateY(-5px) rotate(0deg);
	}	
	70% {
		opacity: 1;
		transform: translateY(-5px) translateX(-27px) rotate(0deg);
	}
	80% {
		transform: translateY(-5px) translateX(-18px) rotate(120deg);
	
	}
	90% {
		transform: translateY(-5px) translateX(-9px) rotate(240deg);
	
	}
	
	to {
		transform: translateY(-5px) rotate(380deg);
	}
}

.rota {
-webkit-animation-name: rota;
animation-name: rota;
-moz-animation-name: rota;
-o-animation-name: rota;
}

.tour {

-webkit-animation-name: tour;
-moz-animation-name: tour;
animation-name: tour;
-o-animation-name: tour;
}

.ro {
position:absolute;
font-style:normal;
float:left;
font-size:56px;
font-family: Courier new;
letter-spacing:-4px;
animation: rota 5600ms forwards;
-webkit-animation: rota 5600ms forwards;
-moz-animation: rota 5600ms forwards;
-o-animation: rota 5600ms forwards;

	}

.to {
position:absolute;
color:rgba(10,20,120,1);
font-style:normal;
font-size:24px;
animation: tour 8500ms linear forwards;
-webkit-animation: tour 8500ms linear forwards;
-moz-animation: tour 8500ms linear forwards;
}



a   {
color: RoyalBlue;
}

a.link {
color: green;
}

table {
border:4px;
border-style:solid;
border-color:rgba(50,120,150,1);

}



th {
border:1px;
border-style:solid;
border-color:steelblue;
font-size : 20px;
background-color:#D5D5D5;
color : rgba(70,56,156,1);
text-shadow: 1px 1px 1px white;
font-family: Georgia ;
font-weight:lighter;
}


td {
border:1px;
border-style:solid;
border-color:#A0B8D4;
font-size : 16px;
color : rgba(10,20,120,1);
font-family:Verdana, sans-serif ;
background-color: #FAFAFF;
}

h2 {
font-size : 36px;
color : rgba(170,200,255,1);
text-shadow: 2px 2px 2px gray;
font-family: Georgia ;
font-weight:lighter;
margin-top: -60px;
margin-left: 120px;
	}
h1 {
font-size : 36px;
color : rgba(50,120,150,1);
text-shadow: 2px 2px 2px gray;
font-family: Georgia ;
font-weight:lighter;
margin-top: -80px;
margin-left: 120px;
	}

hr  {
border:0px;
height: 3px;
color: Darkolivegreen;
background-color: DarkOliveGreen;
	}
	
.tex {
float: left; margin: 0 30px 6px 0;
}



p {
	margin-top: 0; 
	text-align: justify;
	color:rgba(10,20,120,1);
	font-family: Verdana, sans-serif ;
	font-size:18px;
	line-height: 150%;
	}



.bouton {
	width: 81px;
	height: 50px;
	border: 4px double DarkOliveGreen;
	-webkit-border-radius: 30px;
	-khtml-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	background-image: url(images/sky.jpg);
	font-size:14px;
	font-family: Verdana ;
	padding:15px;
	text-align: center;
	line-height:50px;
}

header {
	height:110px;
	line-height:110px;
	border:3px solid #252525;
	border-radius:10px;
	color: RoyalBlue;
	text-align: center;
	font-style: italic;
	background-image:-webkit-radial-gradient(white, #8095A5) ;
	background-image:-moz-radial-gradient(white, #8095A5) ;
	background-image:-ms-radial-gradient(white, #8095A5) ;
    font-size : 56px;
    font-variant: small-caps;
    font-family: courier new, Verdana, serif ;
       }

.contenu {
	width:auto;
	height:820px;
	margin-top:30px;
	text-align: left;
	padding: 40px;
	padding-left: 225px;
	color:black;
	background-color: rgba(255,255,255,0.85);
	font-size:14px;
	border:2px solid DarkOliveGreen ;
	border-radius:40px;
	box-shadow: inset 10px 10px 30px lightsteelblue, inset -10px -10px 30px lightsteelblue;
}

.menuf {
	position: absolute;
	top: 250px;
	left: 80px;
	width:auto;
	height:760px;
	text-align: center;
	margin-top:0px;
	padding: 20px;
	color:black;
	background-color: rgba(255,255,255,0.9);
	background-image: url(images/fuzzy-lightgrey.jpg);
	border:2px solid Darkolivegreen;
	border-radius:40px;
	box-shadow: inset 5px 5px 20px lightsteelblue, inset -5px -5px 20px lightsteelblue;
}