@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;
	}
	#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%; background-image: url('../images/entete2.png'); float:left;}
				#apropos{
					width:50%;
					float:left;
					margin-left:4%;
					margin-top:4%;
				}
				#apropos img{
					width:100%;
					float:right;
				}
				#competences{
					width:35%;
					float:left;
					margin-left:6%;
					margin-top:3%;
				}
				#competences img{
					width:100%;
					float:left;
				}
				#compdev{
					width:100%;
					float:left;
				}
				#compdev img{
					width:90%;
					float:left;
					margin-left:5%;
					margin-top:4%;
					margin-bottom:2%;
				}
				#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(360deg);
									}
							}
							@-webkit-keyframes spin {
									from {
											-webkit-transform: rotate(0deg);
									} to {
											-webkit-transform: rotate(360deg);
									}
							}
							@keyframes spin {
									from {
											transform: rotate(0deg);
									} to {
											transform: rotate(360deg);
									}
							}
					}