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

body
	{margin:0;background-image:url(../images/5.png);background-attachment:fixed;padding:0;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}

a
	{text-decoration:none;}

#header
	{position:fixed;width:100%;height:100px;background-color:#000;margin-top:0px;margin-left:0px;margin-right:0px;z-index:2;-moz-box-shadow:0px 0px 50px #333;-webkit-box-shadow:0px 00px 50px #333;}

#logo
	{width:300px;height:75px;color:#FFF;font-size:24px;margin-top:15px;margin-left:20px;z-index:2;background-image:url(../images/logo.png);background-repeat:no-repeat;}

#menu
	{height:50px;width:600px;margin-top:-40px;margin-left:40%;z-index:3;}

#menu ul  
	{float:left;list-style-type:none;display:block;padding:0;margin:0;}

#menu ul li
	{float:left;margin-left:25px;margin-top:1em;font-size:18px;}

#menu ul li a
	{color:#FFF;}

#menu ul li a:hover
	{color:#49b216;}

#content
	{position:relative;background-color:#FFF;width:780px;height:100%;margin-left:auto;margin-right:auto;margin-bottom:110px;top:100px;-moz-box-shadow:0px 0px 15px #333;-webkit-box-shadow:0px 0px 15px #333;padding-top:5px;padding-left:10px;padding-right:10px;padding-bottom:10px;-moz-border-radius-bottomleft:10px;-moz-border-radius-bottomright:10px;-webkit-border-bottom-left-radius:10px;-webkit-border-bottom-right-radius:10px;}

#moiphoto
	{height:239px;width:250px;background-color:#FFF;padding: 10px 10px 10px 10px;margin-top:20px;margin-left:20px;margin-bottom:20px;}

#moi
	{position:absolute;height:120px;width:440px;background-color:#FFF;margin-right:0px;margin-top:-200px;margin-left:320px;margin-bottom:20px;display:block;text-align:right;font-size:18px;color:#000;}

#competences
	{height:340px;width:370px;background-color:#FFF;padding: 5px 10px 5px 10px;margin-top:20px;}

#formation
	{height:350px;width:370px;background-color:#FFF;margin-right:0px;margin-top:-350px;margin-left:390px;margin-bottom : 80px;padding: 5px 10px 5px 10px;}

#formation a p
	{margin-left:20px;margin-top:-2px;color:#000;font-size:18px;}

#formation a p:hover
	{margin-left:20px;margin-top:-2px;color:#F00;text-decoration:underline;font-size:18px;}

#formation a img
	{border-style:none;margin:-70px auto 10px 190px;}

#pdf
	{background-color:#CCC;height:40px;width:270px;padding-top:20px;margin-left:50px;margin-top:30px;-moz-border-radius-bottomleft:10px;-moz-border-radius-bottomright:10px;-moz-border-radius-topleft:10px;-moz-border-radius-topright:10px;-webkit-border-top-left-radius:10px;-webkit-border-top-right-radius:10px;-webkit-border-bottom-left-radius:10px;-webkit-border-bottom-right-radius:10px;}

#realisations
	{width:740px;height:1385px;margin:10px 10px 10px 10px;background-color:#FFF;padding:10px 10px 10px 10px;}

.contentRea
	{width : 755px;height : 160px;margin : auto;display : block;}

.rea
	{display:block;float:left;margin:0;margin-left:20px;border:8px #CCC solid;}

.rea:hover
	{border-color:#49b216;}

.miniature
	{border-width:0px;margin-bottom:-5px;}

.legend
	{position:absolute;display:none;background:#222;opacity:0.8;font-weight:bold;color:#FFF;text-align:center;}

.soustitre
	{height:2em;width:100%;background-color:#FFF;margin-bottom:10px;}

.hidden
	{display:none;}

#passion
	{width:700px;height:100px;background-color:#FFF;margin:30px auto 10px auto;}

#resultContact
	{text-align : center;color : red;display : block;}
	
#whoamI
	{display:block;width:216px;height:71px;background:url(../images/whoami.png);margin:-175px 0 110px 798px;}

#footer
	{height:30px;width:795px;margin:auto;margin-bottom:10px;background-color:#000;color:#FFF;text-align:right;padding-right:10px;vertical-align:middle;-moz-border-radius-bottomleft:10px;-moz-border-radius-bottomright:10px;-moz-border-radius-topleft:10px;-moz-border-radius-topright:10px;-webkit-border-top-left-radius:10px;-webkit-border-top-right-radius:10px;-webkit-border-bottom-left-radius:10px;-webkit-border-bottom-right-radius:10px;-moz-box-shadow:0px 0px 15px #333;-webkit-box-shadow:0px 0px 15px #333;}