@charset "utf-8";
/* CSS Document */

body {margin:0; padding:0; background:url(images/Fond.jpg) no-repeat center fixed; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover;}
@font-face{font-family:'police'; src:url('Font/BROC.ttf');}
@font-face{font-family:'pol'; src:url('Font/ROND.ttf');}
@font-face{font-family:'lice'; src:url('Font/Cookie-Regular.ttf');}
@font-face{font-family:'pol_style'; src:url('Font/ARDECODE.ttf');}
@font-face{font-family:'polsd'; src:url('Font/ARDESTINE.ttf');}

ul {margin:0; padding:0;}
h1 {font-family:'police', sans-sherif; color:#999; margin: 0; padding: 0;}
h2 {color:#FF9; margin:0; padding:0; font-size:20px; text-align:center;}
h3 {font-family:'pol', sans-sherif; color:#F90; margin:0; padding:0; font-size:18px;}
h4 {color:#FF9; text-decoration:underline; margin:0; padding:0; font-size:20px;padding-top:20px;}
h5 {font-family:'pol_style'; text-decoration:underline; font-size:45px; margin:0; margin-top:30px; padding:0; color:#FFF;}
p {font-family:'pol', sans-sherif; padding:0; margin:0; color:#FFF; font-size:16px; text-align:left;}
.nouv{color:#F30;
	animation-name: nouveau;
	animation-duration: 1s;
	animation-iteration-count: infinite;}
@keyframes nouveau{
	from{color:#F30;}
	50%{color:#FFF;}
	to{color:#F30;}
}


#conteneur {width:980px; margin:auto; height:auto}
#logo {height:635; text-align:center;}
#aligne {height:auto; padding-top:20px;}
#menu {background:url(images/FondMenu.png) no-repeat; width:980px; text-align:center; height:50px; line-height:50px;
-webkit-border-radius:10px 10px 0 0; -moz-border-radius:10px 10px 0 0; -o-border-radius:10px 10px 0 0;}
#menu li {liste-style-type:none; display:inline-block;}
#menu li a {
	text-decoration: none; color: #FFF; font-family:'pol', sans-sherif; font-size:18px;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s; 
}
#menu li a:hover {color:#F90; padding: 0 40px 0 40px;}

#largeur {
	background-color:rgba(3, 3, 3, 0.8); 
	width: 640px;
	padding: 20px;
	float: left;
}

#largeur figure {float:left; margin-top:20px; text-align:left;}

#largeur h1 {color:#FF9; text-decoration:underline; text-align:center;}

#largeur h3 {text-decoration:underline;}

#clap{padding:0; margin:0;}

#sidebar {
	margin: 0;
	background-color: #999;
	width: 280px;
	padding: 10px;
	height: auto;
	float: left;
	text-align: center;
}

#sidebar h2 {
	padding-top:20px;
 	color:#FF9;
	animation-name: oeil;
	animation-duration: 1s;
	animation-iteration-count: infinite;
}

@keyframes oeil{
	from{color:#FF9;}
	50%{color:#999;}
	to{color:#FF9;}
}

#sidebar a {color:#900; font-size:22px;
			transition: all 0.2s;
			-webkit-transition: all 0.2s;
			-moz-transition: all 0.2s;
			-o-transition: all 0.2s;
			animation-name: clig;
			animation-duration: 5s;
			animation-iteration-count: infinite;
			}
@keyframes clig{
	from{color:#900;}
	50%{color:#FF9;}
	to{color:#900;}
}
			
			
#sidebar a:hover{font-size:26px;
				text-shadow:#FCF 0 0 8px;
				-webkit-text-shadow:#FCF 0 0 8px;
				-moz-text-shadow:#FCF 0 0 8px;
				-o-text-shadow:#FCF 0 0 8px;
				}

#sidebar input:enabled {
	            display:block;
	            margin-top:10px;
				padding-left:10px;
				color:#FFF;
                font-size: 18px;
				background:#000;				
}
#sidebar input[type="text"]{border-top: none; border-right: none; margin-left:50px;}
#sidebar input[type="password"]{border-top: none; border-right: none;margin-left:50px;}

#sidebar input:focus {
	outline: 0;
	border-color:#FF0
}

#sidebar input[type="text"]:hover {
	border-color:#FF0;
}

#sidebar input[type="password"]:hover {
	border-color:#FF0;
}


#sidebar input[type="submit"] {
	padding-left:10px; padding-right:10px;
	cursor:pointer;
	background:transparent;
	margin:auto; margin-top:20px; margin-bottom:10px;

}

#sidebar input[type="submit"]:hover{color:#FF6; border-color:#F93;}

#machine {float:right; margin:0; padding:0;}
#adobe {flaot:left; margin:0; padding:0;}
#sidebar section {
	background-color: #000;
	-webkit-border-radius: 0 0 20px 20px;
	-moz-border-radius: 0 0 20px 20px;
	-o-border-radius: 0 0 20px 20px;
	color: #CCC;
	width: 230px;
	height: auto;
	font-size: 18px;
	margin-left: 20px;
	padding: 5px;
}

#sidebar label {
	float:left;
	margin-left:20px;
	margin-top:10px;
	
}

#idj{
	float:left; margin: 0; padding:0;
	text-align:center; color:#FFF; 
	width:300px; 
	height:450px;
	background:url(images/fond_idj.png) no-repeat;
	}
	
#idj p{font-family:'pol', sans-sherif; font-size:20px; margin:0px; margin-top:10px; padding:0; text-align:center;}
#idj a{color:#F90;}
#idj a:hover{color:#FF9;}
#idj img{margin-top: 5px;}

#VHS{float:right;
	margin: 0; padding:0; 
	width:300px; 
	height:198px;
	background:url(images/Fvhs.png) no-repeat;
	}
#VHS p{margin-left: 100px; margin-top: 80px;color:#000;
	}
#VHS h6{margin-top: 14px; margin-left: 30px;}
#VHS a {text-decoration:none;font-family:'lice', sans-sherif; font-size:24px;
	color: #03C;}
#VHS a:hover{color: #FF9}

#sd{float:right;
	margin-top: 10px; padding: 0; 
	width:300px; 
	height:113px;
	background:url(images/CleUsb.png) no-repeat;	
	}
#sd p{
	color: #093; font-family:'polsd', sans-sherif; font-size:15px;
	margin-left: 40px;
	margin-top: 30px;
}
#sd a{
	color: #F90; text-decoration:none; font-family:'polsd', sans-sherif;
	margin-left: auto;
}
#sd a:hover{color: #F00;}

#contact{
	float:left; margin: 0; padding:0;
	text-align:center;
	background:transparent; 
	width:300px; 
	height:60px;
	}
#contact a{
	color: #FFF; text-decoration:none;
	font-size: 24px;
	height:50px;line-height:50px;
}
#contact a:hover{color:#F69;}
#logmail{margin-right:10px; margin-top:15px;}

#pdp {width:980px; background-color:#000; color:#FFF; text-align:center; float:left; height:40px; line-height:40px;
-webkit-border-radius:0 0 10px 10px; -moz-border-radius:0 0 10px 10px; -o-border-radius:0 0 10px 10px;}

#presentation {float:left; margin-right:10px;}

#bord {margin-bottom:15px;}
#prof {margin-top:20px;}