@charset "UTF-8";
/*
	Page style
*/
	@font-face {
    font-family: 'gothic_ultra_otregular';
    src: url('gothic_ultra_ot-webfont.eot');
    src: url('gothic_ultra_ot-webfont.eot?#iefix') format('embedded-opentype'),
         url('gothic_ultra_ot-webfont.woff') format('woff'),
         url('gothic_ultra_ot-webfont.ttf') format('truetype'),
         url('gothic_ultra_ot-webfont.svg#gothic_ultra_otregular') format('svg');
    font-weight: normal;
    font-style: normal;
	}
	@font-face {
    font-family: 'ovoregular';
    src: url('ovo-regular-webfont.eot');
    src: url('ovo-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('ovo-regular-webfont.woff') format('woff'),
         url('ovo-regular-webfont.ttf') format('truetype'),
         url('ovo-regular-webfont.svg#ovoregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
*{
margin:0;
padding:0;
}	
html { 
	/*overflow:hidden;	*/
	/*ascenseur navigateur caché*/
	}
body { 
font-family: Helvetica, sans-serif;
font-size:12px;
color:#fff;	
	}
/*#global {
	height:100%;	
}*/
a{
text-decoration:none;
outline:none;
	}
header,footer,fondmenu{
display:block;
}
#header {
	width:7010px;
	margin:auto;
	height:90px;
	padding-left: 100px;
	position:fixed;
	background-color:#000000;
	opacity:0.9;
}
#logo {
float:left;	
position:fixed;
margin-left:100spx;
}
#title-logo{
position:fixed;
	top:30px;
	margin-left:800px;
	font-size:1.8em;
	font-family:'gothic_ultra_otregular',georgia, serif;
	color:#c2ae51;
	text-shadow:1px 1px 10px #120000;
	}
nav {

	height:30px;
	padding-top: 60px;
	margin-left:800px;
	float:left;
	position:fixed;
}
ul li {
	list-style:none;
	float:left;
	}
.link ul {
padding-top: 50px;	
}

#id ul{
padding-top: 80px;
}
#menu a {
	font-family:'gothic_ultra_otregular',georgia, serif;
	font-size:2.2em;
	background:#941300;
	float:left;
	padding:0px 10px 1.5px 10px;
	color:white;
	cursor:pointer;
	text-shadow:4px 1px 1px #000;
	-moz-box-shadow:4px 1px 1px #000;
	-webkit-box-shadow:4px 1px 1px #000;
	box-shadow:4px 1px 1px #000;
	float:left;
	}
#menu a:hover{
	color:#e2c62c;
	padding:10px 10px 50px 10px;
	background:#500200;
	float:left;
	}

#contenu {
	/*height:550px;
	width:5464px;
	border:1px solid black;
	padding-top: 130px;*/
	min-height:650px;
	width:7010px;
	}
h1 {
	color: #fff4f4;	
	font-family:'ovoregular', serif  , Times, serif;
	margin-bottom:30px; 
	text-align:left;
	font-size:x-large; 
	text-shadow:4px 4px 4px #120000;
	text-transform: uppercase; 
	}
h2{
color:#bac08d;
text-align:left;
font-family:'Cinzel', serif , Times, serif;
font-size:large;
text-shadow:1px 1px 4px #000;
	}

p{
color:#ffffff;
font-family:'gothic_ultra_otregular',georgia, serif;

font-size: 2em;
}
marke{
color:#82abf0;
}
section{

	padding-top: 140px;
	/*top:150px;
	left:160px;	
	
	padding-left:160px;
	width:1366px;*/
	
}

#intro {
	float:left;	
	width:1750px;
}
.content{
width:850px;
margin-left:300px;
height:190px;
text-align:center;
}
#intro h1{
margin-left:100px;

}
#intro h2{
float:left;	
clear:both;
padding-left:100px;
width:100px;
}
.content ul li  {
list-style: none;

}
#info {
margin-top:120px;
width:1500px;
text-align:center;
font-size: 2em;
	}
.comp a {
	cursor:pointer;
	font-size:25px;
	color:white;
	background:#201f1e;
	padding:10px;
	-moz-box-shadow:1px 1px 4px #000;
	-webkit-box-shadow:1px 1px 4px #000;
	box-shadow:1px 1px 4px #000;
		}
.comp a:hover{
	color:#e2c62c;
	}

#skills {
	float:left;
	width:1750px;
	

}
#my{

	/*padding-left: 100px;*/
	
	text-align:left;
	}
#all{
width:1600px;
margin:auto;
}
#skills h1{
padding-left:220px;
}
#skills h2{
text-align:center;
width:250px;
height:20px;
margin:auto;
font-size:16px;
}

#one, #two, #tree, #four{
list-style: none;
/*display:inline-block;
vertical-align:top;*/
width:250px;
text-align:left;
background:black;
opacity:0.6;
color:white;
margin:10px;
border:1px solid #111;
-moz-box-shadow:1px 1px 4px #000;
	-webkit-box-shadow:1px 1px 4px #000;
	box-shadow:1px 1px 4px #000;
}
#skills p{
text-align:left;
}
#one{
height:270px;
}
#two{
height:210px;
}

#tree{
height:150px;
}
#four{
height:100px;
}
#five{
height:120px;
}	
#all h2{
background:#201f1e;
height:35px;

}
#all p{
padding-left:10px;
}

/*works*/
#moi {
	float:left;
width:1750px;
	}
#moi h1{
padding-left:220px;
}
#fond_moi{
float:left;	
}
#titulo img{
z-index:0;
margin-top:2%;
margin-left:40%;
}


.album  p{
width:100px;
	margin:-60px 70px 10px 70px;
	/*display:inline-block;
	vertical-align:botton;*/
	text-align:center;
	text-shadow:1px 1px 10px #120000;
	font-family: ,Times, serif;
	}
#contact{
float:left;
width:1750px;
}
#contact h1 {
padding-left:200px;
}
#contact h2 {
padding-left:200px;
}
#contact p{
float:left;
padding-top:100px;
padding-left:200px;
width:200px;
text-align:left;
}
#foote {
padding-top:100px;
float:left;
}
.pinte a:hover{content:url('pin_over.png'); }
.twi a:hover{content:url('twi_over.png'); }
.face a:hover{content:url('face_over.png'); }

/*
Formulario
*/
#wrap div, h1,h2, form, fieldset, input, textarea, footer,p {
	margin: 0; padding: 0; border: 0; outline: none; background:none;
}
#wrap {width:530px; margin:0px 0px 0px 600px;}
#wrap h1 {margin-bottom:30px; text-align:center;font-size:48px; text-shadow:0 1px 0 #4D4E3D; }


	#form_wrap { overflow:hidden; height:446px; position:relative; top:0px;
		-webkit-transition: all 1s ease-in-out .3s;
		-moz-transition: all 1s ease-in-out .3s;
		-o-transition: all 1s ease-in-out .3s;
		transition: all 1s ease-in-out .3s;}
	
	#form_wrap:before {content:url('before.png');
		position:absolute;
		bottom:128px;left:0px;
		width:600px;height: 316px;}
	
	#form_wrap:after {content:url('after.png');position:absolute;
		bottom:0px;left:0;
		width:400px;height: 258px; }

	#form_wrap.hide:after;
	#form_wrap.hide:before {display:none; }
	#form_wrap:hover {height:796px;top:-200px;}


	form {background:#F6F5C0; 
		position:relative;top:200px;overflow:hidden;
		height:200px;width:400px;margin:0px auto;padding:20px; 
		border: 1px solid #fff;
		border-radius: 3px; 
		-moz-border-radius: 3px; -webkit-border-radius: 3px;
		box-shadow: 0px 0px 3px #6A6C55;
		-moz-box-shadow: 0px 0px 3px #6A6C55;
		-webkit-box-shadow: 0px 0px 3px #6A6C55;
		-webkit-transition: all 1s ease-in-out .3s;
		-moz-transition: all 1s ease-in-out .3s;
		-o-transition: all 1s ease-in-out .3s;
		transition: all 1s ease-in-out .3s;}


		#form_wrap:hover form {height:550px;}

		label {
			margin: 11px 20px 0 0; 
			font-size: 16px; color: #b3aba1;
			text-transform: uppercase; 
			text-shadow: 0px 1px 0px #fff;
		}

		input[type=text], textarea {
			font: 14px normal normal uppercase 'Courier New' ,helvetica, arial, serif;
			color: #7c7873;
			width: 380px; height: 36px; padding: 0px 10px; margin: 0 0 10px 0;
			border:1px solid #f8f5f1;
			-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;
			-moz-box-shadow: inset 0px 0px 1px #726959;
			-webkit-box-shadow:  inset 0px 0px 1px #b3a895; 
			box-shadow:  inset 0px 0px 1px #b3a895;
		}	

		textarea { height: 80px; padding-top:14px;}

		textarea:focus, input[type=text]:focus {background:rgba(255,255,255,.35);}

		#form_wrap input[type=submit] {
			position:relative;font-family: 'Courier New'; 
			font-size:24px; color: #7c7873;text-shadow:0 1px 0 #fff;
			width:100%; text-align:center;opacity:0;
			
			cursor: pointer;
			-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; 
			-webkit-transition: opacity .6s ease-in-out 0s;
			-moz-transition: opacity .6s ease-in-out 0s;
			-o-transition: opacity .6s ease-in-out 0s;
			transition: opacity .6s ease-in-out 0s;
		}

		#form_wrap:hover input[type=submit] {z-index:1;opacity:1;
			-webkit-transition: opacity .5s ease-in-out 1.3s;
			-moz-transition: opacity .5s ease-in-out 1.3s;
			-o-transition: opacity .5s ease-in-out 1.3s;
			transition: opacity .5s ease-in-out 1.3s;}

		#form_wrap:hover input:hover[type=submit] {color:#435c70;}
/*
	Footer
*/

footer {
	font-family: Verdana,Geneva,sans-serif;
	font-size: 11px;
	color: #7F7C52;
	position:fixed;
	margin-left:600px;
	}
#foot a{
	padding:3px 5px;
	color: #fff;
	}
	
#foot a:hover{
	color:#e2c62c;
	}