@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; z-index:9999; position:absolute; margin-left:2%;}
	#logo:hover{
	width:11%;
	opacity:1;
	 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%; float:left; background-color:#313131;
		}
			#blog{
				width:100%; float:left; margin-top:4%;
			}
			#block1{
				width:100%; float:left;margin-top:2%;
			}
			#block2{
				width:100%; float:left; margin-top:3%; padding-bottom:3%;
			}
			#article{
				width:17%;  background:#313131; float:left; text-align: justify; text-justify:inter-word;
          border: solid 1px white; margin-left:1%; padding:0.8%; border-radius:5%; /*Glow*/
			}
			#article:hover{
			width:17%;
			opacity:1;
    	 border-radius:5%;
	     cursor: pointer;
       transform:scale(1.1);
			transition-delay: 120ms;
		  z-index:9999;
			-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);
		}
			#article p{
			width:100%; float:left; text-align: justify; text-justify:normal; color:white;
        font-family: arial; font-size:1em;
			}
			#article h1{
			width:100%; float:left; color:white; font-family: arial; font-size:1.2em; padding:0%; margin-top:2%;
			}
			#article img{
			width:100%; float:left; border-radius:5%;
			}
			#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);
				        }
				    }
				}