@charset "utf-8";
/*********************** PAGE *******************/
body
{
	font-family:Arial, Helvetica, sans-serif;
	background-image:url(images/wrapper_bg.png);
	background-repeat:repeat-y;
	background-position:center;
	margin:0px;
}

.wrapper 
{
	width:844px;
	margin:auto;
}

.content
{
	width:800px;
	margin: 0px auto 0px auto;	
}

.header
{
	margin: 0px auto 0px auto;
	padding: 0;
	position:relative;
}

.footer
{
	background-color:#E4701E;
	padding:4px 0px;
	text-align:center;
	color:#FFF;
	font-size:12px;
}

.footer a
{
	color:#FFF;
	text-decoration:none;
}

#navlist
{
	float:right;
	height:40px;
	margin:0;
	z-index:10;
	/*background-image:url(images/nav_border.png);*/
	background-repeat:no-repeat;
	position:relative;
	padding-top:5px;
	top:0;
	right:0;
}

#navlist li
{
display: inline;
list-style-type: none;
padding-right: 20px;
font-size:14px;
}

#navlist li a
{
text-decoration:none;
color:#684F40;
}


#screenshot{
	position:absolute;
	border:1px solid #ccc;
	background:#333;
	padding:5px;
	display:none;
	color:#fff;
	}

/*********************** TABLES *******************/
table.tablesorter {
	background-color: #CDCDCD;
	color:#FFF;
	margin:3px 0px 15px;
	font-size: 10pt;
	width: 100%;
	text-align: left;
	border-collapse:collapse;	
}

table.tablesorter thead tr th, table.tablesorter tfoot tr th {
	padding: 7px 0px 7px 5px;
	background-color:#E4701E;
	/*background:#B74E15 url(images/table_header_bg.png) repeat-x scroll 0 0;	*/
}
table.tablesorter thead tr .header {
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}
table.tablesorter tbody td {
	color: #684f40;
	padding: 5px;
	vertical-align: top;
	border-bottom:solid 1px #D4C2B6;
}

table.tablesorter tbody td a{
	color: #684f40;
	text-decoration:none;
}

table.tablesorter tbody td a:hover{
	color: #B94D15;
}

table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
background-color: #E4701E;
}

table.tablesorter thead tr .headerSortUp {
	background-image: url(images/asc.gif);
}
table.tablesorter thead tr .headerSortDown {
	background-image: url(images/desc.gif);
}



.hzebra-even {background:#B14613 !important;}

.zebra-odd {background:#FBEADD;}

.zebra-even {background:#F7D5BB;}

table img
{
	border:0px;		
}

.repertoire
{
	background-image:url(images/folder.png);
	background-position:3px 7px;
	background-repeat:no-repeat;
	padding: 7px 0 0 30px !important;
	
}

/***************** Boite des avis *****************/
.avis { display:block; margin-bottom:5px; padding:10px 1px 10px 15px; background-color:#FDFCBF; border: 1px #c4c5c1 solid;} 
.avis form
{
	float:left;
	padding-right:10px;
}

.avis form input
{
	border:none;
}


/***************** GESTIONNAIRE DE FICHIERS *****************/
.breadcrumbs 
{ 
	padding:5px 1px 5px 20px; 
	background-color:#867266; 
	color:#FFF;
	font-weight:bold;	
}

.breadcrumbs a
{
	color:#FFF;
	text-decoration:none;
	font-weight:bold;
}



.boite_menu 
{ 
	margin: 10px 0px 3px 0px; 
	color:#FFF;
	font-weight:bold;
	overflow: hidden;
	background-color:#684f40;
	background-image:url(images/button_top.png);
	background-repeat:repeat-x;	
}

.boite_menu  a
{
	color:#fff;
	text-decoration:none;
}

.boite_menu  a:hover
{
	color:#EEA36E;
}


.ajouter_fichier
{
	float:left;
	margin: 0;
	background-image:url(images/add_file.png);
	background-repeat:no-repeat;
	background-position:20px 0px;
	padding: 22px 8px 8px 63px;
	font-size:13px;
}

.ajouter_repertoire
{
	float:left;
	margin: 0;
	background-image:url(images/add_folder.png);
	background-repeat:no-repeat;
	background-position:20px 0px;
	padding: 22px 8px 8px 63px;
	font-size:13px;
}



/****************** FORMULAIRE DE LOGIN ********************/
.spacer{clear:both; height:1px;}
/* ----------- My Form ----------- */
.myform{
margin:100px auto;
width:480px;
padding:40px 14px 0px 14px;
}

/* ----------- stylized ----------- */
#stylized{
border:solid 1px #E8C0A7;
background:#FBEADD;
height:150px;
color: #684F40;
}
#stylized h1 {
font-size:14px;
font-weight:bold;
margin-bottom:8px;
}
#stylized p{
font-size:11px;
color:#684F40;
margin-bottom:20px;
border-bottom:solid 1px #b7ddf2;
padding-bottom:10px;
}
#stylized label{
display:block;
font-weight:bold;
text-align:right;
width:140px;
float:left;
}
#stylized .small{
color:#684F40;
display:block;
font-size:11px;
font-weight:normal;
text-align:right;
width:140px;
}
#stylized input{
float:left;
font-size:12px;
padding-top:4px;
border:solid 1px #E8C0A7;
width:255px;
margin:2px 0 20px 10px;
}

#stylized button{
clear:both;
margin-left:150px;
width:255px;
height:24px;
background:#684F40;
text-align:center;
line-height:24px;
color:#FFFFFF;
font-size:11px;
font-weight:bold;
border:0px;
}

#stylized button:hover{
background:#E4701E;
}