@charset "utf-8";
/* CSS Document */
body{width:100%; height:; margin:auto; padding:0%; margin:0%;}
	#main{width:100%; height:; margin:auto; padding:0%; margin:0%;}
	#header{width:100%; float:left; background-color:#be3132;
		-webkit-box-shadow: 0px 2px 5px white; -moz-box-shadow: 0px 3px 5px white;
	}
			#logo{width:10%; float:left; margin-left:50px; margin-top:20px; position:absolute; z-index:9999;}
			#logo:hover{
			width:11%;
			opacity:1;
    	 border-radius: 20px;
	     cursor: pointer;
			 z-index:9999;
			-webkit-animation-name: spin;
    -webkit-animation-duration: 1000ms;

    -moz-animation-name: spin;
    -moz-animation-duration: 1000ms;

    -ms-animation-name: spin;
    -ms-animation-duration: 1000ms;

    animation-name: spin;
    animation-duration: 1000ms;
		}

		#menu{width:34%; margin-left:65%; margin-top:0.5%;  margin-bottom:0.5%; padding:0.5%; float:left; }
			#menu a{ font-family:Roboto, Roboto Bk, Roboto Cn, Roboto Lt, Roboto Th; font-size:1.5em; padding:1%; text-decoration:none; color:white; }
				#menu a:hover{color:black;}

		#entete{width:100%; padding-bottom:1%; background-color:#313131; float:left;}
			#carte{
				width:50%;
				float:left;
				padding-bottom:4%;
			}
			#informations{
				width:50%;
				float:left;
			}
			#informations h1{width:50%; float:left; margin-left:45%; margin-top:10%;color:white; font-family:arial; font-size:1.5em; text-decoration:none; opacity:0.8;}
			#informations h1:hover{opacity:1;}
		#informations h2{width:60%;  float:left; margin-left:35%; color:white; font-family:arial; font-size:1em; text-decoration:none; opacity:0.8;}
			#informations h2:hover{opacity:1;}
		#informations p{width:50%;  float:left; margin-left:30%; color:white; font-family:arial; font-size:1.1em; text-decoration:none; opacity:0.8;}
			#informations p:hover{opacity:1;}	
			#informations h3{width:50%;  float:left; color:white; font-family:arial; font-size:1em; text-decoration:none; opacity:0.8;}
			#information a{
				width:;
				float:left;
				padding:0%;
				margin:0%;
			}
				#informations a p{width:40%; float:left; margin-left:42%; margin-top:12%; background:#be3132; padding-top:1.5%; padding-bottom:1.5%; border-radius:80%; color:white; font-family:arial; 
					font-size:1.3em; text-decoration:none; opacity:0.8; text-align: center;}
				#informations a p:hover{opacity:1;}	
			iframe{opacity:0.8;}
			iframe:hover{opacity:1;  /*Glow*/
		  -webkit-box-shadow: 0px 0px 20px rgba(255,255,255,1);
		  -moz-box-shadow: 0px 0px 20px rgba(255,255,255,1);
		  box-shadow: 0px 0px 20px rgba(255,255,255,1);}
			#footer{width:100%; float:left; background-color:#be3132;}
					#reseaux{width:15%; float:left; margin-left:4%; margin-top:0.5%; }
						#reseaux img{margin-left:10%; opacity:0.5; }
					#reseaux img:hover{color:black; opacity:1;}
					#copyright{width:40%; float:left; margin-left:20%;}
						#copyright p{width:70%; font-family: Roboto, Roboto Bk, Roboto Cn, Roboto Lt, Roboto Th; font-size:1em; color:white;  opacity:0.8;}
						#copyright p:hover{opacity:1;}

						@-ms-keyframes spin {
				        from {
				            -ms-transform: rotate(0deg);
				        } to {
				            -ms-transform: rotate(35deg);
				        }
				    }
				    @-moz-keyframes spin {
				        from {
				            -moz-transform: rotate(0deg);
				        } to {
				            -moz-transform: rotate(35deg);
				        }
				    }
				    @-webkit-keyframes spin {
				        from {
				            -webkit-transform: rotate(0deg);
				        } to {
				            -webkit-transform: rotate(35deg);
				        }
				    }
				    @keyframes spin {
				        from {
				            transform: rotate(0deg);
				        } to {
				            transform: rotate(35deg);
				        }
				    }
				}