/* CSS made by Stephanie JOULIA */
/* for http://www.leftsin.net/ */

*{margin:0; padding:0;}


/* General */

body{background:url(pattern.jpg) repeat; font-size:62.5%; font-family:'Trebuchet MS', Helvetica, sans-serif; margin:0 auto;}

a{text-decoration:none; color:#e37226;}
a:hover{color:#505050;}
img{border:none;}
p{font-size:1em; color:#000;}
.fr{font-style:italic; font-size:0.9em;}

/* -- index -- */
	#header{height:500px; padding-left:50px;}
	.click{ margin-left:310px; padding-top:10px;}
	#intro h1{font-size:2.5em; padding-left:195px; color:#e37226; }
/* -- /index -- */


/* -- work -- */
.paglarge{width:850px; margin:0 auto;}
.paglarge p{font-size:1.4em;}
.container{float:left; margin-top:10px;}
.contenair{float:left;}
	.bar{width:180px; height:650px; float:left; position:fixed;}
		.bar ul{list-style-type:none;}
		.bar li{text-indent:-9999px;}
		.bar li a{display:block;}
		a.leftsin{width:173px; height:515px; background:url(leftsin_index_bar.png) top left no-repeat;}
		a.contact{width:173px; height:84px; background:url(leftsin_contact_bar.png) top left no-repeat;}
		a.travaux{width:173px; height:84px; background:url(leftsin_work_bar.png) top left no-repeat;}
		a.life{width:173px; height:113px; background:url(leftsin_life_bar.png) top left no-repeat;}
		a.leftsin:hover{background-position:-173px;}
		a.contact:hover{background-position:-173px;}
		a.travaux:hover{background-position:-174px;}
		a.life:hover{background-position:-178px;}

	.speech {height:70px; width:620px; margin-top:30px; float:right;}

	.content{width:620px; float:right;}
	
	.single {width:620px; margin-bottom:40px; float:right;}
	.single h1{color:#505050; background-color:#fff;}
	.single img{
		border:none;
		-webkit-box-shadow: 0 0px 5px #ffd5b9;
		-moz-box-shadow:0 0px 5px #ffd5b9;
		box-shadow:0 0px 5px #ffd5b9;
		margin:10px 0px 10px 0px;}
	.topwork {background:none; color:#000;}
	.topwork:hover{text-decoration:underline;}
	.dattravaux{font-size:0.9em; color:#e37226; font-style:italic;}
	.linksingle{background:#fff;}
/* -- /work -- */

/* -- life -- */
		.photolife{padding:4px; border:0;}
/* -- /life -- */
		
/* -- contact -- */
	#conform{width:620px; height:450px; padding-top:30px; float:left;}
		.coninpu{width:310px; height:350px; float:left;}
		.coninpu ul{list-style-type:none;}
		.coninpu li{height:54px;}
			#name{width:250px; height:40px; background:url(cases.png) no-repeat top left; border:none; padding-left:7px; margin-top:0px;}
			#email{width:250px; height:40px; background:url(cases.png) no-repeat top left; border:none; padding-left:7px; margin-top:0px;}
			#subject{width:250px; height:40px; background:url(cases.png) no-repeat top left; border:none; padding-left:7px; margin-top:0px;}
			#message{width:300px; height:270px; background:url(casmes.png) no-repeat top left; border:none; padding-left:7px; padding-top:10px; margin-top:0px;}
			#submit{width:200px; height:68px; background:url(envoyer.png) no-repeat top left; border:none; text-indent:-9999px;}
			#submit:hover{width:200px; height:68px; background:url(envoyer_h.png) no-repeat top left; border:none;}
		#conbut{width:620px; height:70px; padding-left:20px;}
		
		#confail{width:620px; height:50px; float:left;}
		
	#social{ width:620px; height:250px; float:left;}
	#social img{border:none;}
		#social ul{list-style-type:none; margin:20px 0px 0px -10px;}
		#social li{text-indent:-9999px;}
		#social li a{display:block;}
			a.facebook{width:88px; height:91px; background:url(facebook.png) no-repeat top left; float:left;}
			a.facebook:hover{background:url(facebook_h.png) no-repeat top left;}
			a.twitter{width:88px; height:91px; background:url(twitter.png) no-repeat top left; float:left;}
			a.twitter:hover{background:url(twitter_h.png) no-repeat top left;}
			a.deviant{width:88px; height:91px; background:url(deviantart.png) no-repeat top left; float:left;}
			a.deviant:hover{background:url(deviantart_h.png) no-repeat top left;}
			a.gmail{width:88px; height:91px; background:url(gmail.png) no-repeat top left; float:left;}
			a.gmail:hover{background:url(gmail_h.png) no-repeat top left;}
			a.skype{width:88px; height:91px; background:url(skype.png) no-repeat top left; float:left;}
			a.skype:hover{background:url(skype_h.png) no-repeat top left;}
			a.linked{width:88px; height:91px; background:url(linked.png) no-repeat top left; float:left;}
			a.linked:hover{background:url(linked_h.png) no-repeat top left;}
			a.viadeo{width:88px; height:91px; background:url(viadeo.png) no-repeat top left; float:left;}
			a.viadeo:hover{background:url(viadeo_h.png) no-repeat top left;}
	
/* -- /contact -- */
 
.oops{margin-left:70px;}
.oops a{text-decoration:underline;}