#container {
	width: 761px;
	font: 12px "Lucida Grande", Lucida, Verdana, sans-serif;
	color: #000;
	text-align: center;
	margin-bottom: 10px;
}

#footer {
	font: 8px "Lucida Grande", Lucida, Verdana, sans-serif;
	color: #828282;
	width: 761px;
	height: 20px;
	background-color: #151515;
	padding-top: 5px;
	border-top: 1px solid #282828;
}

#photo {
	width: 761px;
	height: 230px;
	background: url(pictures/img-photo.png) no-repeat;
	margin-left: 1px;
}

#reg_hauteur {
	height: 105px;
	width: 761px;
	position: relative;

}

#titre {
	width: 761px;
	height: 71px;
	text-align: left;
	z-index: 12;
	background: url(pictures/img-titre.png) no-repeat left;
}

#content2
 {
	width: 761px;
	background-image: url(pictures/fd-gris-fonce.png);
	margin-top: 8px;
}

.site_img {
	width: 379px;
	height: 263px;
	margin: 10px;
	position: relative;
	float: left;
	cursor: pointer;
}

.site_desc {
	width: 327px;
	height: 230px;
	position: relative;
	margin: 10px;
	float: left;
	border-left: 1px solid #343434;
	background: url(pictures/folio_sites/fd_desc.jpg) no-repeat;
}

.expl {
	width: 250px;
	height: 130px;
	color: #ebebeb;
	font: 11px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	text-align: right;
	position: relative;
	margin-left: 20px;
	margin-top: 10px;
}

.site_lien {
	color: #4c7100;
	font-size: 9px;
	text-align: right;
	width: 250px;
	height: 20px;
	z-index: 3;
	cursor: pointer;
}

.site_name {
	width: 250px;
	height: 30px;
	color: #b7c900;
	font: 14px "Lucida Grande", Lucida, Verdana, sans-serif;
	text-align: right;
	margin-left: 20px;
	margin-top: 20px;
}

#tools {
	width: 740px;
	background-image: url(pictures/fd-gris-clair.png);
	height: 25px;
	margin-top: 7px;
	position: relative;
	top: 8px;
	border-right: 1px solid #ff7900;
}

#content {
	width: 740px;
	position: relative;
	padding-bottom: 20px;
}

.part_title {
	border-bottom: 2px solid #8a8a8a;
	width: 700px;
	font: 16px "Lucida Grande", Lucida, Verdana, sans-serif;
	color: #fd7b01;
	text-align: left;
	text-indent: 50px;
	margin-bottom: 20px;
	border-color: #fb7703;
}

body {
	background-image: url(pictures/fd-black.png);
	margin: 0;
	padding-top: 0;
	top: 0;
}

.dates {
	float: left;
	width: 110px;
	color: #919191;
	font: 11px/19px "Lucida Grande", Lucida, Verdana, sans-serif;
	text-align: right;
	margin-right: 13px;
}

#infos {
	margin: 20px;
	text-align: center;
	color: #fff;
}

h2 {
	color: #f67206;
	font: bold 18px "Lucida Grande", Lucida, Verdana, sans-serif;
}

#bottom {
	background-image: url(pictures/bg_bottom.jpg);
	width: 926px;
	height: 52px;
}

.description {
	width: 600px;
	float: left;
	margin-bottom: 20px;
	text-align: left;
	line-height: 19px;
	color: #fcfcfc;
}

img.logo {
	margin-top: 5px;
	margin-right: 8px;
}

b {
	color: #ffdbbb;
}

a {
	color: #fff7c9;
	text-decoration : none;
}

#topbar {
	background-image: url(pictures/bg_topbar.png);
	height: 74px;
	position: fixed;
	visibility: visible;
	z-index: 1;
	width: 100%;
}

#top {
	background-image: url(pictures/fd_top2.png);
	width: 761px;
	height: 106px;
	margin-bottom: 0;
	position: fixed;
	z-index: 11;
	top: 0;
}

#sub_portfolio {
	width: 761px;
	background-image: url(pictures/menu_folio/bg_sub_folio.png);
	height: 72px;
	margin-top: 10px;
}

.sub_portfolio_btn {
	height: 71px;
	position: relative;
	margin: 0;
	float: left;
}

#shadow {
	height: 31px;
	background: url(pictures/shadow.png) repeat-x;
	width: 761px;
	position: fixed;
	z-index: 8;
	display: block;
	top : 106px;
}

#menu-btn {
	width: 95px;
	height: 105px;
	position: relative;
	margin: 0;
	float: right;
	cursor : pointer;
	z-index: 13;
}

#contact_on:hover {
	background: url(pictures/menu/btn_contact_ov.png) no-repeat;
}
#alb_on:hover {
	background: url(pictures/menu/btn_alb_ov.png) no-repeat;
}
#cv_on:hover {
	background: url(pictures/menu/btn_cv_ov.png) no-repeat;
}
#acc_on:hover {
	background: url(pictures/menu/btn_acc_ov.png) no-repeat;
}

#site_on:hover {
	background: url(pictures/menu_folio/btn_site_ov.png) no-repeat;
}
#trd_on:hover {
	background: url(pictures/menu_folio/btn_3d_ov.png) no-repeat;
}
#pub_on:hover {
	background: url(pictures/menu_folio/btn_pub_ov.png) no-repeat;
}

.btn_tools {
	height: 25px;
	padding-right: 4px;
	padding-left: 4px;
	color: #b8b8b8;
	float: left;
	position: relative;
	margin-right: 10px;
	margin-left: 10px;
	line-height: 26px;
}

#menu-btn1:hover {
	background-image: url(pictures/menu/btn_acc_ov.png);
}

#menu-btn2:hover {
	background-image: url(pictures/menu/btn_cv_ov.png);
}

#menu-btn3:hover {
	background-image: url(pictures/menu/btn_portf_ov.png);
}

#menu-btn4:hover {
	background-image: url(pictures/menu/btn_contact_ov.png);
}

.btn_tools:hover {
	height: 25px;
	padding-right: 4px;
	padding-left: 4px;
	color: #b8b8b8;
	float: left;
	position: relative;
	margin-right: 10px;
	margin-left: 10px;
	line-height: 26px;
	background-image: url(pictures/fd-gris-fonce.png);
}

.ttl_level1 {
	font: 25px "Trebuchet MS";
	width: 440px;
	text-align: center;
	position: relative;
	top: 20px;
}

#enlarge {
	width: 860px;
	height: 660px;
	position: fixed;
	z-index: 10;
	top: 78px;
	margin-right: auto;
	margin-left: -52px;
	background: url(pictures/3d/fd_enlarge.png) no-repeat;
}

.thumb_fd {
	background-image: url(pictures/3d/fd_thumb.png);
	width: 223px;
	height: 171px;
	float: left;
	margin: 14px;
	position: relative;
	cursor: pointer;
}

img.trd_thb {
	border: 1px solid #bfbfbf;
}

.trombonne {
	width: 222px;
	height: 170px;
	z-index: 3;
	float: left;
	cursor : pointer;
	background: url(pictures/3d/trombo.png) no-repeat;
	position: absolute;
	left: 0;
}

.thumbnail {
	width: 162px;
	height: 122px;
	position: absolute;
	left : 37px; 
	top : 40px;
	z-index: 1;
}

#btn_prev {
	background-image: url(pictures/3d/fleche_g.png);
	width: 50px;
	height: 50px;
	position: absolute;
	z-index: 7;
	margin-top:20px; 
	left:380px;
	cursor:pointer;

}

#btn_prev:hover {
	background-image: url(pictures/3d/fleche_g_on.png);
}

#btn_suiv:hover {
	background-image: url(pictures/3d/fleche_d_on.png);
}
#btn_suiv {
	background-image: url(pictures/3d/fleche_d.png);
	width: 50px;
	height: 50px;
	position: absolute;
	z-index: 7;
	margin-top:20px; 
	left:440px;
	cursor:pointer
}

#close_btn:hover {
	background-image:url(pictures/3d/close_on.png);
	cursor:pointer;
}

#close_btn {
	position:absolute; 
	background-image:url(pictures/3d/close_off.png); 
	width:100px; 
	height:50px; 
	z-index:6; 
	margin-top:25px; 
	left:735px;
	cursor:pointer
}

#copyright {
	background-image: url(pictures/fd_cpright.png);
	width: 800px;
	height: 10px;
	position:absolute;
	left: 0px;
	z-index:6; 
	margin-top:621px; 
	left:32px;
	color: #fff;
	font: 7px "Lucida Grande", Lucida, Verdana, sans-serif;
	text-align: right;
}

a:hover {
	text-decoration: underline;
}

#intro_contact {
	color: #eaeaea;
	text-align: left;
	width: 700px;
	margin-left: 20px;
	position: relative;
	top: 20px;
}

#mess_form {
	width: 500px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 30px;
}

.fields {
	background: url(pictures/fd_fields.jpg) repeat-x;
}

.area {
	background: url(pictures/fd_txtarea.jpg) repeat;
}

a.contact_typ {
	color: #9e006b;
	border-bottom-color: #a4006d;
}

#publications {
	text-align: left;
	margin-left: 44px;
	width: 600px;
	color: #dcebff;
	margin-top: 40px;
}

.labo {
	width: 450px;
	border-bottom: 1px dashed #585858;
	margin: 8px auto;
	font-size: 10px;
}

#cv_lang {
	font: 11px "Lucida Grande", Lucida, Verdana, sans-serif;
	color: #d2d2d2;
	float: right;
	width: 200px;
	height: 50px;
	position: relative;
	top: 20px;
}

#scroll_arrow {
	background-image: url(pictures/flechebas.png);
	width: 23px;
	height: 30px;
	position: fixed;
	float: right;
	bottom: 10px;
	right: 10px;
}

#eof {
	width: 50px;
	height: 50px;
	position: absolute;
	z-index: 2;
	float: right;
	right: 10px;
	background-image: url(pictures/fd-black.png);
	margin-bottom: 10px;
}

#cv_part_choice {
	width: 94px;
	height: 17px;
	color: #f9f9f9;
	font-size: 10px;
	text-align: left;
	text-indent: 5px;
	float: right;
	position: relative;
	margin-right: 5px;
	margin-top: 4px;
	line-height: 18px;
}

#cv_sections {
	background-color: #38383b;
	position: absolute;
	float: none;
	text-align: right;
	padding: 5px;
	border-right: 1px solid #ff7900;
	border-bottom: 4px solid #ff7900;
	right: -1px;
	top: 8px;
	background-image: url(pictures/fd-gris-clair.png);
	font-variant: small-caps;
	font-size: 9px;
}

.txt_acc {
	width: 746px;
	height: 229px;
	position: relative;
	background: url(pictures/fd_home.jpg) no-repeat;
}

.txt_intro {
	width: 320px;
	height: 160px;
	position: relative;
	left: 40px;
	color: #fff;
	font: 11px/14px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	text-align: justify;
	top: 50px;
	float: left;
}

#intro_photos {
	width: 746px;
	height: 74px;
	color: #f3f3f3;
	font: 11px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	text-align: left;
	background: url(pictures/fd_phot_intro.jpg) no-repeat;
}

#photo_in {
	width: 480px;
	position: relative;
	left: 230px;
	top: 10px;
}

#notification {
	width: 680px;
	background-color: #eee;
	border: 1px solid #787878;
	text-align: center;
	color: #303030;
}