body{ background: #666666; margin: 0 0 0 0; padding: 0 0 0 0; text-align:center;}
html{ font-family: arial, sans-serif; font-size:0.8em; }
h1, h2, h3, h4, h5, h6, p, form, div, form, ul, li, a{ margin: 0 0 0 0; padding: 0 0 0 0; }
/*div{ border: 1px solid red; }*/
/*table td{ border: 1px solid blue; }*/
a, a:link, a:visited{ color: #657585; text-decoration: none; }
a:hover, a:visited:hover{ color: #2c7ec3; text-decoration: underline; }
.smallTexte{ font-size: 80%; }

.floatRight{
	float: right;
}
.floatLeft{
	float: left;
}

div#theContainer {background-color: #b7bec4;text-align:left;width:752px;padding:10px;margin-top:20px;margin-bottom:6px;}

div#header { text-align:left;width:752px;margin-top:20px;margin-bottom:6px; }
div#header #logo { float:left; }
div#header #logout { float:right; }
div#header #TopBar { height:28px;width:742px;background-color:#35393a;margin-top:8px;color:#FFFFFF;font-weight:bold;line-height:26px;padding-left:10px; }

#include{
	background: #FFFFFF;
	width:750px;
	<!-- width:740px; -->
	text-align:left;
	border: 1px solid #80929F;
	min-height:430px;
	<!-- height: 430px; -->
	padding: 5px 5px 5px 5px;
}
#include h1{
	font-size: 120%;
	text-transform: uppercase;
	color: #5186C2;
	padding: 0 0 3px 0;
	margin: 5px 0 5px 0;
	background: url(gx/bg_h1.gif) repeat-x bottom;
}
#principale{
	margin: 5px 5px 5px 5px;
	<!-- margin: 0 0 0 0; -->
	padding: 0 0 0 0;
	float: left;
	/* mozilla related bug */
	width:740px;
	<!-- width: 100%; -->
}
#principale #login{
	width:400px;
	border:1px solid #AAB5BF;
	background-color: #E6E6E6;
	text-align:left;
	color: #696969;
	margin: 13% 0 0 0;
	padding: 10px 25px 10px 25px;
}
#principale #login strong{
	font-weight:normal;
	font-size: 90%;
	width: 100px;
	float:left;
}
#principale #login h1{
	font-size: 120%;
	text-transform: uppercase;
	text-align:right;
	color: #1D1D1D;
	padding: 0 0 3px 0;
	margin: 5px 0 5px 0;
	background: url(gx/bg_h1.gif) repeat-x bottom;
}
#principale #login input{
	border:1px solid #AAB5BF;
	width:180px;
	float:right;
}
#principale #login input.bouton3{
	background-color: #35393a;
	border-color:#35393a;
	width:100px;
	font-size: 90%;
	line-height:22px;
	font-weight:bold;
	color:#FFFFFF;	
	padding: 4px 8px 4px 8px;
}

.erreur{
	font-weight:normal;
	font-size: 90%;
	color:#FF0000;	
}


#principale .projetList td{
	border-bottom: 1px solid #AAB5BF;
	line-height:28px;
}
#principale .projetList td.head{
	border-bottom: 1px solid #8093A0;
	line-height:38px;
	background: #E2E2E2;
	
}
#principale .projetList th{background-color:#919ea8; color:#fff; border-bottom:2px solid #fff;	padding:2px 4px 2px 4px;}




#principale #formulaire{
	width:100%;
	text-align:left;
	color: #637584;
	margin: 0 0 20px 0;
	padding: 0 0 20px 0;
	border-bottom: 1px solid #8093A0;
}
#principale #form{
	width:550px;
	text-align:left;
	color: #637584;
	margin: 0 0 0 15px;
	padding: 0 0 0 0;
}
#principale #formulaire label{
	font-weight:normal;
	width: 150px;
	float:left;
	text-align:left;
	margin:2px 15px 2px 0;
	line-height:14px;
}
#principale #formulaire h3{
	font-size: 110%;
	font-weight: normal;
	text-transform: uppercase;
	color: #000000;
	padding: 5px 0 0 75px;
	margin: 5px 0 20px 0;
	background: url(gx/projet.gif) no-repeat;
	line-height:55px;
	border-bottom: 1px solid #8093A0;
}
#principale #formulaire h3.utilisateur{background: url(gx/user.gif) no-repeat 10px 10px;line-height:58px;}

#principale #formulaire input{
	border:1px solid #AAB5BF;
	width:250px;
	float:left;
	height:14px;
	font-size:12px;
	margin:2px;
}

#principale #formulaire input.checker{
	border:0;
	width:20px;
	margin: 0px;
	padding: 0px;
}

#principale #formulaire input.bouton3{
	background-color: #35393a;
	border: 0;
	width:100px;
	height:26px;
	font-size: 12px;
	line-height:26px;
	font-weight:bold;
	color:#FFFFFF;	
	float:right;

}



#menu{
	background-color: #fff;
	height: 36px;
	width:740px;
	margin:  5px;

}

#menu a, #menu a:link, #menu a:visited{
	background-color: #65727b;
	border:0px solid #AAB5BF;
	padding: 5px 20px 5px 20px;
	font-size: 12px;
	font-weight:normal;
	color:#fff;	
	line-height:14px;
	float:left;
	margin-top:5px;
	margin-right:10px;
}

#menu a:hover, #menu a:hover:visited{
	
}



.boutonBleu{
	background-color: #FFFFFF;
	border:1px solid #AAB5BF;
	padding: 5px 20px 5px 20px;
	font-size: 80%;
	font-weight:bold;
	color:#AAB5BF;	
	line-height:14px;
	float:right;
	margin-top:45px;
}

#barBleu{
	background-color: #E2E8ED;
	height: 36px;
	width:100%;
}


#barPath{
	background-color: #EDEDED;
	height: 30px;
	width:100%;
	margin-bottom:10px;
	line-height:30px;
	color:#000;
}

#barPath a, #barPath a:link, #barPath a:visited{color:#657585;font-weight:bold;margin:0 10px ;}
a.filAriane, a.filAriane:link, a.filAriane:visited{	float:none;	padding:0;	color:#fff;}
a.filAriane:hover, a.filAriane:hover:visited{color:#fff; text-decoration:underline}
 
.boutonNoir, .boutonNoir:hover, .boutonNoir:visited, .boutonNoir:visited:hover{
	background-color: #FFFFFF;
	border:1px solid #AAB5BF;
	padding: 5px 20px 5px 20px;
	font-size: 80%;
	font-weight:normal;
	color:#000000;	
	line-height:14px;
	float:right;
	margin-top:5px;
	margin-right:10px;
}

.navigation{
	margin-top:8px;
	text-transform: uppercase;
	font-weight:bold;
	color: #D6D6D6;
}
.navigation.noPage{text-align:center;width:660px;word-spacing:16px;}
.navigation.noPage a{margin:8px 5px;color:#2c7ec3;}

#piedDePage{text-align:left;width:752px;}
#lienCopyrights, #lienCopyrights:link, #lienCopyrights:visited{color:#D1D1D1; font-size: 12px; }

div.doc{ background: url(gx/Icone/doc.gif) no-repeat 0 2px; }
div.htm{ background: url(gx/Icone/htm.gif) no-repeat 0 2px; }
div.txt{ background: url(gx/Icone/txt.gif) no-repeat 0 2px; }
div.xls{ background: url(gx/Icone/xls.gif) no-repeat 0 2px; }
div.xml{ background: url(gx/Icone/xml.gif) no-repeat 0 2px; }
div.zip{ background: url(gx/Icone/zip.gif) no-repeat 0 2px; }

/* Icônes d'extensions de fichiers et icônes générales
------------------------------------------------------------------------------------ */
.iconeSupprimer{background: url(Gx/icone_supprimer.gif) no-repeat left;padding:5px 0 5px 14px;margin:0 10px;}
.iconeEditer{background: url(Gx/icone_editer.gif) no-repeat left;padding:5px 0 5px 18px;}
.iconeAjoutDossier{background: url(Gx/icone_ajoutDossier.gif) no-repeat left;padding:3px 0 5px 20px;}
.iconeAjout{background: url(Gx/icone_ajout.gif) no-repeat left;padding:3px 0px 5px 18px;}
.iconeVoir{background: url(Gx/icone_voir.gif) no-repeat left;padding:5px 0 5px 18px;}
.iconeOuvrir{background: url(Gx/icone_ouvrir.gif) no-repeat left;padding:5px 0 5px 18px;}
.iconeTelecharger{background: url(Gx/icone_telecharger.gif) no-repeat left;padding:2px 0 5px 20px;}
.iconeRetour{background: url(Gx/icone_retour.gif) no-repeat left;padding:2px 0 5px 20px;}
/* Tableaux <table>
------------------------------------------------------------------------------------*/
.tableau {border-collapse:collapse;margin-bottom:4px;border:none;}
.tableau.pleineLargeur{width:100%;}
.tableau.tableauListe{width:380px;	}
.tableau.bordure, .tableau.bordure tr{border:1px solid #d8dcdf;}
.tableau th{background-color:#919ea8; color:#fff; border-bottom:2px solid #fff;	padding:2px 4px 2px 4px;}
.tableau td{border:0px solid #d8dcdf;padding:2px 4px 2px 4px;vertical-align:middle;} 
.tableau td.sansBordure{border:none;}
.tableau tr.tdBg1{background: #ffffff;}
.tableau tr.tdBg2{background: #eaedef;}
.tableauSansBordure td{border:none; padding:0 5px 0 0;}