@charset "utf-8";



body { font:normal 17px Arial, Helvetica, sans serif; background-color:#e8e9eb; margin:0px; padding:0px; }
body a { color:#070707; text-decoration:none; }
body a:hover { color:#fdfdfd; text-decoration:underline; }

img { border:0px; }

@font-face {
	font-family: 'DIN1451';
	src: url('typo/din1451_mittelschrift-webfont.eot');
	src: local('☺'), url('typo/din1451_mittelschrift-webfont.woff') format('woff'), url('typo/din1451_mittelschrift-webfont.ttf') format('truetype'), url('typo/din1451_mittelschrift-webfont.svg#webfontEQIZgvw7') format('svg');
	font-weight: normal;
	font-style: normal;
}

.DIN1451 {
	font-weight: normal;
	font-style: normal;
	line-height:normal;
	font-family: 'DIN1451', sans-serif;
	letter-spacing:0.2em
}

.conteneur { background-color:#fdfdfd; width:1000px; }
.conteneurcentered { margin-left: auto;	margin-right: auto; }

.header { background-color:#ffe406; width:1000px; height:60px; display:block; text-align:left; position:relative; }
.home { position:relative; }

.clear { clear:both; display:block;height:0px }

.liencroquette { font-size:36px; padding-top:20px; padding-left:20px; display:block;  }
.liencroquettesmall { font-size:25px; padding-top:32px; padding-left:20px; display:block;  }
.liencroquette:hover { color:#000; text-decoration:none; }

.lienmenu { background:#ffe406 url(img/lien_menu.jpg) no-repeat; display:none; width:230px; height:35px; position:absolute; right:60px; top:20px; z-index:1; }

.home_lien { font-size:19px; }
.home_lien:hover { color:#000; text-decoration:none; }

.home_travail { position:absolute; top:55px; left:73px; width:133px; height:257px; display:block; background:transparent url(img/home_travail.gif) no-repeat; padding-bottom:50px; z-index:1; }
.home_blog { position:absolute; top:173px; left:250px; width:152px; height:148px; display:block; background:transparent url(img/home_blog.gif) no-repeat; padding-bottom:50px; z-index:1; }
.home_dessins { position:absolute; top:114px; left:427px; width:144px; height:206px; display:block; background:transparent url(img/home_dessins.gif) no-repeat; padding-bottom:50px; z-index:1; }
.home_me { position:absolute; top:210px; left:606px; width:140px; height:108px; display:block; background:transparent url(img/home_me.gif) no-repeat; padding-bottom:50px; z-index:1; }
.home_librairie { position:absolute; top:174px; left:785px; width:159px; height:151px; display:block; background:transparent url(img/home_librairie.gif) no-repeat; padding-bottom:50px; z-index:1; }
.home_contact {
	position:absolute;
	top:483px;
	left:814px;
	width:141px;
	height:91px;
	display:block;
	background:transparent url(img/home_contact.gif) no-repeat;
	padding-bottom:50px;
	z-index:1;
}

.home_travail:hover { background-image:url(img/home_travailbis.gif); }
.home_blog:hover { background-image:url(img/home_blogbis.gif); }
.home_dessins:hover { background-image:url(img/home_dessinsbis.gif); }
.home_me:hover { background-image:url(img/home_mebis.gif); }
.home_librairie:hover { background-image:url(img/home_librairiebis.gif); }
.home_contact:hover { background-image:url(img/home_contactbis.gif); }

.home_travail_texte {
	position:absolute;
	top:316px;
	left:86px;
	display:block;
}
.home_blog_texte {
	position:absolute;
	top:316px;
	left:256px;
	display:block;
}
.home_dessins_texte {
	position:absolute;
	top:316px;
	left:435px;
	display:block;
}
.home_me_texte {
	position:absolute;
	top:316px;
	left:616px;
	display:block;
}
.home_librairie_texte {
	position:absolute;
	top:316px;
	left:795px;
	display:block;
}
.home_contact_texte { position:absolute; top:568px; left:827px;  display:block; }

.facebook { position:absolute; top:525px; left:7px; _background-color:#FFF; padding-right:0px; width:50px; background-color:#FFF; padding:10px;  padding-bottom:14px;}

.cv { background:#ffffff url(img/fond_cv.jpg) no-repeat; width:1000px; height:639px; position:relative; }
.cvtexte { font:normal 12px Georgia, "Times New Roman", Times, serif; color:#B5B8BC; text-align:left; width:550px; position:absolute; left:315px; top:140px; line-height:1.6em; letter-spacing:0.2em; }
.cvtexte span { color:#000 }

.me { background:#ffffff url(img/fond_me.jpg) no-repeat; width:1000px; height:639px; position:relative; }
.lien_cv { position:absolute; right:40px; top:463px; z-index:1; border:0px; }

.liens_me { width:145px; height:110px; display:block; cursor:pointer; position:absolute; }
.texte_me { padding:8px; display:none; background-color:#f5449c; text-align:left; color:#FFF; font-size:11px; text-transform:uppercase; position:absolute; }

.vers {
	background:transparent url(img/versanim.gif) no-repeat;
	width:48px;
	height:41px;
	position:absolute;
	display:block;
	left: 938px;
	top: 8px;
}
._vers:hover { background:transparent url(img/vers_anim3.gif) no-repeat; }

.dessins { background:#ffffff url(img/fond_dessins.jpg) repeat-y; min-height:639px; height:auto !important; height:639px; text-align:left; width:1000px; position:relative; float:left; padding-bottom:30px; }
.dessins .in { width:800px; padding-top:45px; padding-left:50px; }
.dessins .menu{
	position:absolute;
	background-color:#FFF;
	margin:0px;
	left: 820px; padding-left:8px;
	top: 234px; padding-bottom:6px;
}
.dessins .menu .line{ font-size:18px; }
.dessins .menu .gris{ color:#dbdcdd; }
.dessins .menu a:hover{ text-decoration:none; color:#000; }
.dessin { width:130px; height:130px; display:block; float:left; margin-right:20px; position:relative; background-color:#000; overflow:hidden; margin-bottom:16px; }
.dessin span { background:transparent url(img/masque.png) no-repeat; width:130px; height:130px; position:absolute; z-index:1; top:0px; left:0px; display:block; }
.fondjaune { background-color:#ffe406; }
.fonddessins { display:none; background-color:#000000; -moz-opacity:0.7;opacity:0.7;filter:alpha(opacity=70); z-index:2; position:absolute; top:0px; left:0px; cursor:pointer; width:100%; height:100%;}
.img_big { position:absolute; top:-2000px; left:10px; z-index:4; cursor:pointer; font:normal 15px DIN1451; }
.cliick { cursor:pointer; }

.imgmaxwidth { max-width:1000px; }
.marginbottom200 { margin-bottom:200px; }
.petitblanc { display:block; background-color:#ffffff; position:absolute; bottom:0px; right:0px; width:200px; height:7px; }

.imagebig { width:100%; height:100%; position:absolute; top:0px; left:0px; z-index:10; display:none; font:normal 14px DIN1451; color:#fdfdfd; letter-spacing:0.2em; cursor:pointer }

#imagebig_content img { float:left; }
#imagebig_content {position:absolute; top:50%; height:710px; margin-top:-355px; left:50%; width:1000px; margin-left:-500px; z-index:10; cursor:pointer; font:normal 14px DIN1451; color:#fdfdfd; letter-spacing:0.2em; text-align:center; display:none; }

.imgfloatnone img { float:none !important; }

.fleche {width:58px;height:58px;position:absolute; z-index:11;display:block; display:none; background-color:#000000; padding:5px; 
top: 50%;
margin-top: -2%;}
.flecheg { _background:transparent url(img/flecheg.gif) no-repeat; left:0px; }
.fleched { _background:transparent url(img/fleched.gif) no-repeat; right:0px; }
.nobck { background-color:transparent; }

.contact { background:#ffffff url(img/fond_contact.jpg) no-repeat; width:1000px; height:639px; position:relative; }
.contactform textarea { background-color:transparent; border:0px; width:445px; height:235px; position:absolute; left: 207px; top: 192px; font-family:Arial, Helvetica, sans-serif; font-size:13px; line-height:1.5em;}
.contactform .txt { background-color:transparent; border:0px; width:440px; position:absolute; left: 205px; top: 130px; font-family:Arial, Helvetica, sans-serif; font-size:13px; }
.contactform .btn { background:transparent url(img/home_contact.gif); width:141px; height:91px; position:absolute; left: 680px; top: 450px; }
.contactform .btn:hover { background:transparent url(img/home_contactbis.gif); }
.contactform span {  width:141px; height:91px; position:absolute; left: 710px; top: 535px; font:normal 13px DIN1451; letter-spacing:0.2em  }

.contact .merci { font-size:30px; position:absolute; left: 203px; top: 204px; display:block }

.librairie { background:#ffffff url(img/fond_librairie.jpg) no-repeat; width:1000px; height:639px; position:relative; }
.titrebd { position:absolute; font:normal 14px Georgia, 'Times New Roman', Times, serif; right: 40px; top: 464px; text-align:right; letter-spacing:0.2em; display:none }
.fondextrait { display:block; width:1000px; height:639px; background-color:#ffffff; -moz-opacity:0.7;opacity:0.7;filter:alpha(opacity=70); }
.extrait { display:block; cursor:pointer; }