@font-face { 
    font-family: 'policeTitre'; 
    src: local('Antipasto'), url('../fonts/antipasto-webfont.ttf') format('truetype');
}

body{
	background-image: url("../imgs/back.jpg");
	background-repeat: repeat-x;
	font-family:Arial;
}

#content{
	width:795px;
	margin-left:auto;
	margin-right:auto;
}

header{
	display:block;
	height:120px;
	border-bottom:1px solid #FFF;
}

nav{
	display:block;
	text-align: right;
	padding-top:10px;
	margin-bottom:40px;
	color: #FFF;
	vertical-align: middle;
	height:20px;
}

section{
	display:block;
	height:441px;
	margin:0;
}

footer{
	display:block;
	margin:0;
	height:156px;
}

h2{
	font-family: "policeTitre", Arial;
	font-weight:normal;
}

h1{
	font-family: "policeTitre", Arial;
	font-weight:normal;
}

h3{
	font-family: "policeTitre", Arial;
	font-weight:normal;
	font-size: 30px;
}

a{
	text-decoration: none;
}

.gras{
	font-weight:bold;
}

header h1{
	position:absolute;
	line-height:0.7;
	width:165px;
	height:65px;
	margin-left:10px;
	margin-top:32px;
}
header h1 a{
	font-size:45px;
	font-style:normal;
	color:#FFF;
}
header span{
	display:block;
	font-size:35px;
	color: #000;
	padding-left:38px;
}

header a:hover{
	text-shadow: 0px 0px 12px #fff;  
}

header h2{
	position:absolute;
	font-size: 25px;
	color:#FFF;
	margin-left:0px;
	width:790px;
	text-align:right;
	margin-top:82px;
}

nav a{
	color:#FFF;
	font-size:12px;
	padding:8px;
	-moz-border-radius: 8px; 
  	-webkit-border-radius: 8px; 
  	border-radius: 8px; 
}

nav a:hover{
	background-color: #4199bb;
	background-color: rgba(0,0,0,0.1); 
}

nav span{
	margin-left:8px;
	margin-right:8px;
}

footer h3{
	position:absolute;
	color:#FFF;
	margin:0;
	margin-left:567px;
	padding:0;
}

footer #version{
	position:absolute;
	color:#aaaaaa;
	font-size: 12px;
}

footer #linkBlog{
	position:absolute;
	font-size: 12px;
	margin-top:32px;
	margin-left: 1px;
}

footer #linkBlog a{
	color:#FFF;
}

footer #linkBlog a:hover{
	font-weight: bold;
}


footer #socials{
	width:370px;
	height:61px;
	position: absolute;
	margin-left:400px;
	margin-top:50px;
}

footer #socials .positive:hover{
	-moz-transform: rotate(8deg);  
	-webkit-transform: rotate(8deg); 
}

footer #socials .negative:hover{
	-moz-transform: rotate(-8deg);  
	-webkit-transform: rotate(-8deg); 
}

footer #socials a{
	margin-right:20px;
}

footer img{
	border: none;
}

footer #w3c{
	position: absolute;
	height:83px;
	width:63px;
	margin-top:65px;
}

footer #w3c div{
	height:10px;
	margin:0;
	padding:0;
}

footer #tags{
	position:absolute;
	width:181px;
	height:91px;
	margin-left:141px;
	margin-top:45px;
}

footer #tags .trespetit{
	font-size: 8px;
	color:#6b6b6b;
}

footer #tags .petit{
	font-size: 9px;
	color:#6b6b6b;
}

footer #tags .moyen{
	font-size: 10px;
	color: #4d7086;
}

footer #tags .grand{
	font-size: 13px;
	color: #2e7bac;
}

footer #tags p{
	margin:0;
	padding:0;
	position:absolute;
}

footer #tags #iphonetag{
	margin-top:26px;
}

footer #tags #objectivetag{
	margin-left:34px;
}

footer #tags #jstag{
	margin-left:103px;
	margin-top:12px;
}

footer #tags #webtag{
	margin-left: 34px;
	margin-top: 20px;
}

footer #tags #cheftag{
	margin-left: 66px;
	margin-top: 25px;
}

footer #tags #devtag{
	margin-left: 33px;
	margin-top: 43px;
}

footer #tags #appletag{
	margin-left: 11px;
	margin-top: 58px;
}

footer #tags #flashtag{
	margin-left: 40px;
	margin-top: 72px;
}

footer #tags #htmltag{
	margin-left: 90px;
	margin-top: 67px;
}

footer #tags #javatag{
	margin-left: 139px;
	margin-top: 70px;
}

footer #tags #multitag{
	margin-left: 120px;
	margin-top: 56px;
}

footer #tags #phptag{
	margin-left: 144px;
	margin-top: 42px;
}


/*
QUI SUIS-JE ?
*/

#neuf{
	position:absolute;
	color:#FFF;
	margin-left:540px;
	margin-top:80px;
}

#neuf h3{
	margin:0;
	padding:0;
}

#neuf .twitterElement{
	width:250px;
	font-size: 12px;
	text-align: justify;
	padding:0;
	margin-bottom:10px;
	margin-top:10px;
	/*height:44px;
	overflow: hidden;*/
}

#intro{
	position:absolute;
	font-size:13px;
	color:#FFF;
	width:740px;
	margin:0;
	padding:0;
	margin-left:27px;
}

#intro span{
	font-size: 14px;
	line-height: 40px;
}

#nuage{
	width:151px;
	height: 148px;
	background-image: url("../imgs/nuage.png");
	background-repeat:no-repeat;
	position:absolute;
	margin-top:295px;
	margin-left:640px;
}

#nuage #english{
	width:91px;
	font-size: 12px;
	color: #FFF;
	position: absolute;
	margin-top:25px;
	margin-left: 30px;
}

#nuage #englishclick{
	width:80px;
	position: absolute;
	margin-top:60px;
	margin-left: 45px;
}

#nuage #englishclick a{
	position:absolute;
	font-size: 12px;
	color: #eab013;
}

#nuage #englishclick a:hover{
	font-weight: bold;
}

#etatcivil{
	position: absolute;
	width:377px;
	height:155px;
	margin-top:250px;
}

#etatcivil h3{
	position:absolute;
	color:#FFF;
	margin:0;
	padding:0;
	margin-left:5px;
}

#etatcivil .divimgBorderArondie{
	position:absolute;
	background-color :#0f4865;
	-moz-border-radius: 8px; 
  	-webkit-border-radius: 8px; 
  	border-radius: 8px;
  	margin-top:45px;
  	width:114px;
  	height:114px; 
}

#etatcivil .imgBL{
	position:absolute;
	margin-top:7px;
	margin-left:7px;
}

#etatcivil #descriptioncivil{
	position:absolute;
	color:#FFF;
	margin-left:130px;
	margin-top:45px;
	font-size: 12px;
	line-height: 25px;
}

#actu{
	position:absolute;
	width:448px;
	height:97px;
	background-color: #277fa1;
	margin-top:120px;
}

#actu .divimgBorderArondie{
	position:absolute;
	width:70px;
	height:65px;
	background-color :#0f4865;
	-moz-border-radius: 8px; 
  	-webkit-border-radius: 8px; 
  	border-radius: 8px;
  	margin-top:17px;
  	margin-left:10px;
}

#actu #imgStage{
	position:absolute;
	margin-left:5px;
	margin-top:5px;
}

#actu #titre{
	position:absolute;
	margin-top:-12px;
	margin-left:10px;
	color:#FFF;
	font-size: 18px;
	font-weight: bold;
}

#actu #textRecherche{
	position:absolute;
	margin-top:20px;
	margin-left:90px;
	width:340px;
	color:#FFF;
	text-align:justify;
	font-size: 12px;
}

#actu #textRecherche span{
	line-height: 40px;
}


/* COMPETENCES */

#introComp{
	position:absolute;
	text-align:center;
	font-size:12px;
	color:#FFF;
	width:752px;
	margin:0;
	padding:0;
	margin-left:27px;
}

#devComp{
	position: absolute;
	color: #FFF;
	margin-top:40px;
	margin-left: 93px;
}

#chefComp{
	position: absolute;
	color: #FFF;
	margin-left:490px;
	margin-top:40px;
}

#devComp ul span{
	font-size: 12px;
	color: #FFF;
}

#devComp ul{
	color: #afafaf;
	margin-top:10px;
	margin-left:40px;
	padding:0;
}

#chefComp ul{
	color: #afafaf;
	margin-top:10px;
	margin-left:40px;
	padding:0;
}

#chefComp li{
	padding:0;
	margin-top:3px;
	margin-bottom:3px;
}

#devComp li{
	padding:0;
	margin-top:3px;
	margin-bottom:3px;
}

#chefComp ul span{
	font-size: 12px;
	color: #FFF;
}

#titreComp{
	font-size: 18px;
	margin: 0;
	padding: 0;
}

#langagesComp{
	position :absolute;
	margin-top:240px;
	width:463px;
	height:165px;
}

#langagesComp h3{
	color:#FFF;
	margin:0;
	padding:0;
}

#langagesComp #compLeft{
	position: absolute;
	margin-top:10px;
}

#langagesComp #compRight{
	position: absolute;
	margin-left:240px;
	margin-top:10px;
}

#langagesComp .langUnit{
	font-size: 12px;
	color: #FFF;
	margin:0;
	margin-bottom:10px;
	padding:0;
}

#langagesComp .langUnit img{
	margin:0;
	padding:0;
	margin-left:5px;
}

#outilsComp{
	position: absolute;
	margin-left:568px;
	margin-top:240px;
	height:180px;
}

#outilsComp h3{
	color: #FFF;
	margin:0;
	margin-bottom:8px;
	padding:0;
}

#outilsComp p{
	color:#FFF;
	font-size:12px;
	margin:0;
	margin-bottom:1px;
	margin-left:2px;
	padding:0;
	line-height: 14px;
}

/* CREATION   */
#navCrea{
	text-align: right;
	color: #FFF;
	font-size: 13px;
	margin:0;
	padding:0;
}

#navCrea span{
	color:#b5b5b5;
}

#navCrea a{
	color:#FFF;
}

#navCrea a:hover{
	font-weight: bold;
}

.crea{
	position:absolute;
	width:239px;
	height:174px;
	margin-top:90px;
}

.crea h3{
	position:absolute;
	margin-top:-35px;
	margin-left:5px;
	font-size:25px;
	color: #FFF;
}

.crea a{
	position:absolute;
	width:239px;
	height:174px;
	background-color: #02121c;
	-moz-border-radius: 8px; 
  	-webkit-border-radius: 8px; 
  	border-radius: 8px;
}

.crea a:hover{
	-webkit-box-shadow: 0px 0px 30px #FFF;
	-moz-box-shadow : 0px 0px 30px #FFF;
	box-shadow : 0px 0px 30px #FFF;
	font-weight: bold;
}

.crea a .divimgBorderArondie{
	position:absolute;
	margin-top:8px;
	margin-left:8px;
	width:171px;
	height:121px;
	background-color :#0f4865;
	-moz-border-radius: 8px; 
  	-webkit-border-radius: 8px; 
  	border-radius: 8px;
}

.crea a .divimgBorderArondie img{
	margin-left:6px;
	margin-top:6px;
	border:none;
	width:160px;
	height:110px;
}

.crea a p{
	position:absolute;
	width:217px;
	color: #FFF;
	font-size: 12px;
	margin-top:135px;
	line-height:15px;
	margin-left:8px;
	text-align: justify;
}

.crea a img{
	position:absolute;
	border:none;
	margin-left:185px;
	margin-top:50px;
}

#ampoule{
	margin-left:280px;
}

#lqdl{
	margin-left:555px;
}

#projets{
	color: #FFF;
	font-size: 16px;
	position: absolute;
	margin: 0;
	padding:0;
}

/* Projet Individuel */

.conteneurProjetImage{
	position:absolute;
	width:378px;
	height:270px;
}

.conteneurProjetImage .divimgBorderArondie{
	width:378px;
	height:270px;
	background-color :#0f4865;
	-moz-border-radius: 8px; 
  	-webkit-border-radius: 8px; 
  	border-radius: 8px;
}

.conteneurProjetImage .divimgBorderArondie img{
	margin-top:7px;
	margin-left:6px;
}

.titreProjet{
	color: #FFF;
	font-size: 18px;
	position: absolute;
	margin-left:400px;
	margin-top:3px;
}

.sousTitreProjet{
	color: #FFF;
	font-size: 14px;
	position: absolute;
	margin-left:400px;
	margin-top:25px;
}

.linkRetourProjet{
	width:790px;
	text-align: right;
	position:absolute;
	margin-top:0px;
	padding:0;
}

.linkRetourProjet a{
	font-size: 12px;
	color: #FFF;
}

.linkRetourProjet a:hover{
	font-weight: bold;
}

.texteProjet{
	position: absolute;
	font-size: 12px;
	color: #FFF;
	margin-left:400px;
	margin-top:65px;
	text-align: justify;
	width:386px;
}

.lienProjet{
	position:absolute;
	background-color: #246a90;
	width:386px;
	margin-left:400px;
	margin-top:170px;
}

.lienProjet .ligneProjet{
	font-size: 14px;
	margin:0;
	padding:0;
	margin-left:10px;
	margin-top:10px;
	margin-bottom:15px;
	color: #FFF;
}

.lienProjet .linkProjet{
	margin:0;
	padding:0;
	line-height: 15px;
	margin-left:10px;
}

.lienProjet .linkProjet a{
	font-size: 12px;
	color: #FFF;
}

.lienProjet .linkProjet a:hover{
	font-weight: bold;
}

.lienProjet .bottomLink{
	margin:0;
	padding:0;
	height:10px;
	line-height: 5px;
}

.tachesProjet{
	position:absolute;
	margin-top:285px;
}

.tachesProjet h3{
	margin:0;
	padding:0;
	color:#FFF;
}

.tachesProjet ul{
	color: #FFF;
	font-size: 12px;
	margin:0;
	padding:0;
	margin-left:15px;
	margin-top:5px;
}

.logicielsProjet{
	position:absolute;
	margin-top:285px;
	margin-left:400px;
}

.logicielsProjet h3{
	margin:0;
	padding:0;
	color:#FFF;
}

.logicielsProjet ul{
	color: #FFF;
	font-size: 12px;
	margin:0;
	padding:0;
	margin-left:15px;
	margin-top:5px;
}


/*  CV    */

#titreCV{
	position: absolute;
	color:#FFF;
	margin-left:48px;
	margin-top:38px;
}


#infosCV{
	position: absolute;
	color:#FFF;
	font-size: 14px;
	width:693px;
	text-align: justify;
	margin-left:48px;
	margin-top:80px;
}

#dlCV{
	position: absolute;
	color:#FFF;
	font-size: 12px;
	margin-left:232px;
	margin-top:161px;
}

.divCV{
  	width:136px;
  	height:103px;
  	position:absolute; 
}

.divCV a img{
	border:none;
	position:absolute;
}

.divCV a{
	width:136px;
  	height:103px;
  	position:absolute;
  	-moz-border-radius: 8px; 
  	-webkit-border-radius: 8px; 
  	border-radius: 8px;
  	background-color :#0f4865;
}

.divCV a:hover{
	-webkit-box-shadow: 0px 0px 20px #FFF;
	-moz-box-shadow : 0px 0px 20px #FFF;
	box-shadow : 0px 0px 20px #FFF;
	font-weight: bold;
}

.divCV a p{
	font-size: 12px;
	color:#FFF;
	margin-top:70px;
	margin-left:3px;
	padding:0;
	text-align: center;
	position:absolute;
	width:130px;
}

#pdfDL{
	margin-left:232px;
	margin-top:193px;
}

#pdfDL a img{
	margin-left:38px;
	margin-top:8px;
}

#buzzDL{
	margin-left:405px;
	margin-top:193px;
}

#buzzDL a img{
	margin-left:14px;
	margin-top:5px;
}

/* CONTACT  */

#titreContact{
	position:absolute;
	color:#FFF;
	margin-top:0;
	margin-left:50px;
}

#textForm{
	position:absolute;
	color:#FFF;
	font-size: 12px;
	margin-top:40px;
	margin-left:50px;
}

#formContact{
	position:absolute;
	margin-top:80px;
	margin-left:50px;
}

#formContact p{
	position:absolute;
	color:#FFF;
	font-size: 14px;
	width:90px;
}

#formContact input{
	position:absolute;
	margin-left:110px;
}

#nameText{
	margin-top:0px;
}

#mailText{
	margin-top:30px;
}

#mail{
	margin-top:30px;
}

#entText{
	margin-top:60px;
}

#entreprise{
	margin-top:60px;
}

#message{
	margin-top:90px;
}

#formContact textarea{
	position:absolute;
	margin-top:110px;
}

#formContact #envoyer{
	position:absolute;
	margin-top:250px;
	margin-left:0px;
}

#consigneForm{
	position:absolute;
	color:#FFF;
	font-size: 14px;
	margin-top:370px;
	margin-left:50px;
}

#erreurForm{
	position:absolute;
	color:#FF0000;
	font-size: 14px;
	font-weight:bold;
	margin-top:395px;
	margin-left:50px;
	background-color: #FFF;
	padding:5px;
}

#textMail{
	position:absolute;
	color: #FFF;
	font-size: 12px;
	margin-left:450px;
	margin-top:40px;
}

#contentMail{
	position:absolute;
	width:211px;
	height:97px;
	-moz-border-radius: 8px; 
  	-webkit-border-radius: 8px; 
  	border-radius: 8px;
  	background-color :#0f4865;
}

#contentMail img{
	position:absolute;
	margin-left:25px;
	margin-top:5px;
}

.conteneurContactImage{
	position:absolute;
	margin-left:490px;
	margin-top:80px;
	width:211px;
	height:97px;
}