body {
padding : 0 0 0 30px;
background-color : #F4F3F1;
Font-family : Georgia;
margin : auto;
}

#submitbox {
margin-top: 20px;
float: left;
width: 600px;
}

#leftuploadbox {
width:350px;
float: left;
}

#fileInput {
float:left;
}

.clear {
clear:both;
}

#adddir {
font-family: Georgia;
font-size : 12px;
color : #7A7A7A;
float: left;
clear: both;
}

#rightuploadbox {
float:left;
width : 300px;
padding-bottom : 20px;
}

.postfiles {
padding: 7px 7px 7px 40px;
float:left;
background-color : white;
width: 853px;
}

#stepone {
font-family: Georgia;
font-size : 12px;
color : #7A7A7A;
padding-bottom:10px;
width:350px;
float: left;
}

#uploadedfile {
font-family: Arial;
font-size : 12px;
}

.demo {
width: 300px;
float: left;
}

#uploadtitle {
font-family: Georgia;
font-size : 12px;
color : #7A7A7A;
height : 400px;
float: left;
width : 200px;
}

.butbox {
float : left;
width : 40px;
}

.blue {
color : #0097A9;
}

.clear {
clear : both;
}

img {
border : none;
}

#postdisplay {
padding-left : 35px;
}

#logo {
letter-spacing : -0.1em;
font-family : Georgia;
font-size : 41px;
float : left;
text-align : left;
padding-top : 24px;
width : 433px;
height : 50px;
}

.posttext {
Font-family : Georgia;
Font-size : 12px;
}

#logo a {
color : black;
text-decoration : none;
}

#downloadlink {
font-family: Georgia;
font-size : 14px;
color : black;
}

#downloadlink a {
color : #0097A9;
}

.dashedline {
float : left;
height : 1px;
width : 100%;
background-image : url(line-dashed.png);
background-repeat : repeat-x;
}

.postcontent {
float:left;
margin-bottom : 10px;
font-family: Georgia;
font-size : 13px;
color : black;
clear:both;
padding-left: 40px;
}

#subheaderselect {
letter-spacing : 0.03em;
list-style-type : none;
font-family: Georgia;
font-size : 19px;
color : #0097A9;
text-decoration : none;
margin-left : -35px;
padding-left : 35px;
}

#bouton {
background-image:url(cross.gif);
background-repeat : no-repeat;
margin-top : 54px;
float : right;
width : 350px;
text-align : right;
font-family: Georgia;
font-size : 41px;
letter-spacing : -0.1em;
color : #6F6F6F;
height : 50px;
}

#leaveacomment {
width : 500px;
font-family : Georgia;
font-size : 13px;
}

.formtbl {
padding-top : 10px;
}

.formtbl th {
text-align : left;
width : 200px;
font-weight : normal;
float : left;
font-family: Georgia;
font-size : 12px;
color : #7A7A7A;

}

#bouton a {
color : #6F6F6F;
text-decoration : none;
}

#bouton a:hover {
color : black;
text-decoration : underline;
}

#top {
width : 900px;
height : 60px;
margin : auto;
}

#logoaccueil {
padding-top : 100px;
text-align : center;
width : 100%;
margin : auto;
padding-bottom : 10px;
}

#logoaccueil a {
color : black;
font-weight : bold;
}

#menu {
width : 200px;
float : right;
padding-top : 40px;
font-size : 22px;
}

#menu a {
color : black;
}

.leftbox{
float : left;
width : 80px;
font-size : 13px;
font-family : Georgia;
}

.titleinfo {
padding-left : 30px;
font-family: Georgia;
font-size : 12px;
color : #A5A5A5;
font-style : italic;
padding-left : 120px;
}


.rightbox {
float : left;
width : 785px;
font-size : 13px;
font-family : Georgia;
}

.rightbox a{
color : #0097A9;
}

#main {
width : 900px;
text-align : left;
margin : auto;
}

.inputlarge {
width : 660px;
font-family : Georgia;
font-size : 13px;
}

.inputmedium {
width : 500px;
font-family : Georgia;
font-size : 13px;
text-align : left;
float : left;
}

.posttitle {
float : left;
width : 600px;
}

.postinfos {
padding-top : 6px;
float : right;
font-family: Georgia;
font-size : 11px;
color : #7A7A7A;
width ; 260px;
}

.postinfos a{
font-style : normal;
color : #7A7A7A;
}

.postinfos a:hover{
color : black;
}

.commentlink {
color : #A5A5A5;
text-decoration : none;
}

.commentlink:hover {
text-decoration : underline;
color : black;
}

#commentbox {
float : left;

margin-top : 10px;
}

.header {
float : left;
font-family: Georgia;
font-size : 15px;
font-weight : bold;
font-variant:small-caps;
letter-spacing : 0.05em;
border-bottom : 10px solid black;
padding-bottom : 7px;
margin-top : 12px;
width : 900px;
}

.subheader {
display:block;
width : 900px;
}

.subheaderlink {
letter-spacing : -1px;
list-style-type : none;
font-family: Georgia;
font-size : 19px;
color : #0097A9;
text-decoration : none;
}

.subheaderlink:hover {
color : black;
}

.titlebox {
float:left;
padding:7px 0 7px 0;
width : 890px;
}

.titlebox:hover {
cursor:pointer;
}

UL.filetreemod {
	display: inline;
	float : left;
	font-family: Arial, sans-serif;
	font-size: 11px;
	line-height: 18px;
	padding: 0px;
	margin: 0px;
}

UL.filetreemod LI {
		display: inline;
	float : left;
	list-style: none;
	padding: 0px;
	padding-left: 20px;
	margin: 0px;
	white-space: nowrap;
}

UL.filetreemod A {
	display : block;
	color: #333;
	text-decoration: none;
	padding: 0px 2px;
}

UL.filetreemod A:hover {
	background: #EEE;
}

UL.filetreemod A:focus {
	background: #BDF;
}

/* Core Styles */
.filetreemod LI.directory { background: url(../inside/images/directory.png) left top no-repeat; }
.filetreemod LI.expanded { background: url(../inside/images/folder_open.png) left top no-repeat; }
.filetreemod LI.file { background: url(../inside/images/file.png) left top no-repeat; }
.filetreemod LI.wait { background: url(../inside/images/spinner.gif) left top no-repeat; }
/* File Extensions*/
.filetreemod LI.ext_3gp { background: url(../inside/images/film.png) left top no-repeat; }
.filetreemod LI.ext_afp { background: url(../inside/images/code.png) left top no-repeat; }
.filetreemod LI.ext_afpa { background: url(../inside/images/code.png) left top no-repeat; }
.filetreemod LI.ext_asp { background: url(../inside/images/code.png) left top no-repeat; }
.filetreemod LI.ext_aspx { background: url(../inside/images/code.png) left top no-repeat; }
.filetreemod LI.ext_avi { background: url(../inside/images/film.png) left top no-repeat; }
.filetreemod LI.ext_bat { background: url(../inside/images/application.png) left top no-repeat; }
.filetreemod LI.ext_bmp { background: url(../inside/images/picture.png) left top no-repeat; }
.filetreemod LI.ext_c { background: url(../inside/images/code.png) left top no-repeat; }
.filetreemod LI.ext_cfm { background: url(../inside/images/code.png) left top no-repeat; }
.filetreemod LI.ext_cgi { background: url(../inside/images/code.png) left top no-repeat; }
.filetreemod LI.ext_com { background: url(../inside/images/application.png) left top no-repeat; }
.filetreemod LI.ext_cpp { background: url(../inside/images/code.png) left top no-repeat; }
.filetreemod LI.ext_css { background: url(../inside/images/css.png) left top no-repeat; }
.filetreemod LI.ext_doc { background: url(../inside/images/doc.png) left top no-repeat; }
.filetreemod LI.ext_exe { background: url(../inside/images/application.png) left top no-repeat; }
.filetreemod LI.ext_gif { background: url(../inside/images/picture.png) left top no-repeat; }
.filetreemod LI.ext_fla { background: url(../inside/images/flash.png) left top no-repeat; }
.filetreemod LI.ext_h { background: url(../inside/images/code.png) left top no-repeat; }
.filetreemod LI.ext_htm { background: url(../inside/images/html.png) left top no-repeat; }
.filetreemod LI.ext_html { background: url(../inside/images/html.png) left top no-repeat; }
.filetreemod LI.ext_jar { background: url(../inside/images/java.png) left top no-repeat; }
.filetreemod LI.ext_jpg { background: url(../inside/images/picture.png) left top no-repeat; }
.filetreemod LI.ext_jpeg { background: url(../inside/images/picture.png) left top no-repeat; }
.filetreemod LI.ext_js { background: url(../inside/images/script.png) left top no-repeat; }
.filetreemod LI.ext_lasso { background: url(../inside/images/code.png) left top no-repeat; }
.filetreemod LI.ext_log { background: url(../inside/images/txt.png) left top no-repeat; }
.filetreemod LI.ext_m4p { background: url(../inside/images/music.png) left top no-repeat; }
.filetreemod LI.ext_mov { background: url(../inside/images/film.png) left top no-repeat; }
.filetreemod LI.ext_mp3 { background: url(../inside/images/music.png) left top no-repeat; }
.filetreemod LI.ext_mp4 { background: url(../inside/images/film.png) left top no-repeat; }
.filetreemod LI.ext_mpg { background: url(../inside/images/film.png) left top no-repeat; }
.filetreemod LI.ext_mpeg { background: url(../inside/images/film.png) left top no-repeat; }
.filetreemod LI.ext_ogg { background: url(../inside/images/music.png) left top no-repeat; }
.filetreemod LI.ext_pcx { background: url(../inside/images/picture.png) left top no-repeat; }
.filetreemod LI.ext_pdf { background: url(../inside/images/pdf.png) left top no-repeat; }
.filetreemod LI.ext_php { background: url(../inside/images/php.png) left top no-repeat; }
.filetreemod LI.ext_png { background: url(../inside/images/picture.png) left top no-repeat; }
.filetreemod LI.ext_ppt { background: url(../inside/images/ppt.png) left top no-repeat; }
.filetreemod LI.ext_psd { background: url(../inside/images/psd.png) left top no-repeat; }
.filetreemod LI.ext_pl { background: url(../inside/images/script.png) left top no-repeat; }
.filetreemod LI.ext_py { background: url(../inside/images/script.png) left top no-repeat; }
.filetreemod LI.ext_rb { background: url(../inside/images/ruby.png) left top no-repeat; }
.filetreemod LI.ext_rbx { background: url(../inside/images/ruby.png) left top no-repeat; }
.filetreemod LI.ext_rhtml { background: url(../inside/images/ruby.png) left top no-repeat; }
.filetreemod LI.ext_rpm { background: url(../inside/images/linux.png) left top no-repeat; }
.filetreemod LI.ext_com { background: url(../inside/images/com.png) left top no-repeat; }
.filetreemod LI.ext_ruby { background: url(../inside/images/ruby.png) left top no-repeat; }
.filetreemod LI.ext_sql { background: url(../inside/images/db.png) left top no-repeat; }
.filetreemod LI.ext_swf { background: url(../inside/images/flash.png) left top no-repeat; }
.filetreemod LI.ext_tif { background: url(../inside/images/picture.png) left top no-repeat; }
.filetreemod LI.ext_tiff { background: url(../inside/images/picture.png) left top no-repeat; }
.filetreemod LI.ext_txt { background: url(../inside/images/txt.png) left top no-repeat; }
.filetreemod LI.ext_vb { background: url(../inside/images/code.png) left top no-repeat; }
.filetreemod LI.ext_wav { background: url(../inside/images/music.png) left top no-repeat; }
.filetreemod LI.ext_wmv { background: url(../inside/images/film.png) left top no-repeat; }
.filetreemod LI.ext_xls { background: url(../inside/images/xls.png) left top no-repeat; }
.filetreemod LI.ext_xml { background: url(../inside/images/code.png) left top no-repeat; }
.filetreemod LI.ext_zip { background: url(../inside/images/zip.png) left top no-repeat; }