html{
	font-family: Arial, Verdana, sans-serif;
}

h1, h2, h3, h4, h5, h6, p, form, div, form, ul, ol, li, a{ 
	margin: 0 0 0 0; 
	padding: 0 0 0 0; 
}

body{
	text-align: center;
	background: #E5E8ED url(Gx/bg.gif) repeat-x top left;
	margin: 0 0 0 0; padding: 15px 0 15px 0;
}

/* MAIN */
#main{ font-size: 11px; text-align: left; width: 760px; margin: auto; }

#deconnexion{ color: #949EA7; font-weight: bold; float: right; }
#deconnexion a, #deconnexion a:link, #deconnexion a:visited{ color: #6F6E73; text-decoration: none; background: url(Gx/M/deconnexion.gif) no-repeat center right; padding: 0 17px 0 0; }
#deconnexion a:hover{ text-decoration: underline; }

#login{ text-align: left; width: 420px; margin: auto; }
#login strong{ width: 150px; display: block; float: left; }

#recherche{ text-align: right; padding: 60px 0 5px 0; float: right; }
#recherche input.Input{ color: #40403E; font-size: 11px; border: #E0DECF 1px solid; background: #F8F6E1; width: 180px; _margin: 0 0 5px 0; }
#recherche input.Bouton, #login input.Bouton{ border: 0px; background: url(Gx/M/btn_Go.gif) no-repeat top left; width: 30px; height: 29px; margin: 0 0 0 0; cursor: hand; }
#recherche a, #recherche a:link, #recherche a:visited{ font-size: 10px; text-decoration: none; margin: 0 32px 0 0; }
#recherche a:hover{ text-decoration: underline; }

#logo{ text-align: left; 
	background: url(Gx/logo.jpg) no-repeat 0px 0px; border-left: #ADADAD 1px solid; width: 205px; height: 90px; float: left; }

#path{ margin: 10px 0 0 0; }
#path a, #path a:link, #path a:visited{ color: #6F6E73; text-decoration: none; background: url(Gx/Goodies/fleche.gif) no-repeat right 5px; padding: 0 10px 0 0; margin: 0 3px 0 0; }
#path a:hover, #path b{ color: #949EA7; }
#path a.parent, #path a.parent:link, #path a.parent:visited, #path a.parent:hover{ color: #949EA7; font-weight: bold; }
#path a.actif, #path a.actif:link, #path a.actif:visited, #path a.actif:hover{ background: transparent; padding: 0 0 0 0; margin: 0 0 0 0; }

/* MENU */
#menu{ background: #5E4D3B; height: 34px; margin: 10px 0 0 0; }
#menu div{ float: left; padding: 10px; }
#menu div.actif{ background: #4B3B2B; }
#menu a, #menu a:link, #menu a:visited{ color: #FDFDFF; font-weight: bold; text-decoration: none; }
#menu a:hover{ color: #A19483; }

/* CONTENU */
#cadre{ border: #C0C9D2 1px solid; padding: 1px; margin: 10px 0 0 0; }
#contenu{ color: #404042; background: #FCFCFC url(Gx/bg2.gif) repeat-x top left; padding: 10px; }

h1{ color: #5C6874; font-size: 12px; background: url(Gx/M/logo2.jpg) no-repeat top right; padding: 14px 160px 14px 0; margin: 0 0 10px 0; }
h1 i{ font-weight: normal; }
table{ color: #404042; font-size: 11px; }
strong{ width: 110px; display: block; float: left; }
a, a:link, a:visited, a:hover{ color: #404042; }

div.info{ border: #E1DECF 1px solid; background: #FFFFFF; padding: 10px; margin: 0 0 10px 0; }
div.info div.texte{ margin: 0 0 10px 0; }
div.info a, div.info a:link, div.info a:visited, div.info a:hover{ color: #A19483; margin: 0 5px 0 0; }

#bouton a, #bouton a:link, #bouton a:visited{ color: #404042; text-decoration: none; margin: 0 10px 0 0; }
#bouton a:hover{ text-decoration: underline; }
#bouton a.folder, #bouton a.folder:link, #bouton a.folder:visited, #bouton a.folder:hover{ background: url(Gx/Goodies/folder_add.gif) no-repeat 0px 0px; padding: 2px 0 2px 20px; }
#bouton a.file, #bouton a.file:link, #bouton a.file:visited, #bouton a.file:hover{ background: url(Gx/Goodies/file_add.gif) no-repeat 0px 0px; padding: 2px 0 2px 20px; }
#bouton a.add, #bouton a.add:link, #bouton a.add:visited, #bouton a.add:hover{ background: url(Gx/Goodies/btn_Add.gif) no-repeat 0px 5px; padding: 2px 0 2px 14px; }
#bouton a.edit, #bouton a.edit:link, #bouton a.edit:visited, #bouton a.edit:hover{ background: url(Gx/Goodies/btn_Edit.gif) no-repeat 0px 3px; padding: 2px 0 2px 18px; }
#bouton a.move, #bouton a.move:link, #bouton a.move:visited, #bouton a.move:hover{ background: url(Gx/Goodies/btn_Move.gif) no-repeat 0px 5px; padding: 2px 0 2px 15px; }
#bouton a.delete, #bouton a.delete:link, #bouton a.delete:visited, #bouton a.delete:hover{ background: url(Gx/Goodies/btn_Delete.gif) no-repeat 0px 5px; padding: 2px 0 2px 14px; }
#bouton a.lock, #bouton a.lock:link, #bouton a.lock:visited, #bouton a.lock:hover{ background: url(Gx/Goodies/btn_Lock.gif) no-repeat 0px 3px; padding: 2px 0 2px 14px; }

div.arbo{ border: #E1DECF 1px solid; background: #FFFFFF; padding: 10px; }
div.arbo div.niveau{ margin: 0 0 0 40px; display: none; }
div.arbo div.none{ background: url(Gx/Goodies/puce_none.gif) no-repeat 0px 5px; padding: 0 0 0 15px; }
div.arbo div.close{ background: url(Gx/Goodies/puce_close.gif) no-repeat 0px 5px; padding: 0 0 0 15px; }
div.arbo div.open{ background: url(Gx/Goodies/puce_open.gif) no-repeat 0px 5px; padding: 0 0 0 15px; }
div.arbo div.inactif, div.arbo div.inactif a, div.arbo div.inactif a:link, div.arbo div.inactif a:visited, div.arbo div.inactif a:hover{ color: #999999; }
div.arbo a, div.arbo a:link, div.arbo a:visited{ text-decoration: none; }
div.arbo a:hover{ text-decoration: underline; }

#mode{ margin: 0 0 10px 0; }
#mode span{ margin: 0 10px 0 0; }
#mode b.path{ background: url(Gx/Goodies/fleche.gif) no-repeat right 5px; padding: 0 10px 0 0; margin: 0 5px 0 0; }

#option{ font-size: 10px; font-weight: bold; margin: 0 0 10px 0; }
#option a, #option a:link, #option a:visited{ text-decoration: none; }
#option a:hover{ color: #949EA7; }
#option a.affichage0, #option a.affichage0:link, #option a.affichage0:visited, #option a.affichage0:hover{ background: url(Gx/Goodies/folder_noaff.gif) no-repeat 0px 0px; padding: 0 0 0 17px; }
#option a.affichage1, #option a.affichage1:link, #option a.affichage1:visited, #option a.affichage1:hover{ background: url(Gx/Goodies/folder_off.gif) no-repeat 0px 0px; padding: 0 0 0 17px; }

#liste table{ width: 735px; }
#liste table tr.beige{ background: #ECEBE3; }
#liste table td, #liste table th{ text-align: left; padding: 3px 5px 3px 5px; }
#liste table th.numero{ padding: 3px 5px 3px 29px; }
#liste table td.bouton{ text-align: right; padding: 0px 3px 0px 0px; }
#liste table td.off{ color: #999999; }
#liste table td.protege{ color: #CC9933; }
#liste table td.offprotege{ color: #4F7D5B; }

#liste div{ padding: 0 0 0 24px; }
#liste div.dossier{ background: url(Gx/Goodies/folder.gif) no-repeat 0px 0px; }
#liste table td.off div.dossier{ background: url(Gx/Goodies/folder_off.gif) no-repeat 0px 0px; }
#liste table td.protege div.dossier{ background: url(Gx/Goodies/folder_pro.gif) no-repeat 0px 0px; }
#liste table td.offprotege div.dossier{ background: url(Gx/Goodies/folder_proina.gif) no-repeat 0px 0px; }
#liste div.usager{ background: url(Gx/Goodies/folder_user.gif) no-repeat 0px 0px; padding: 1px 0 0 24px; }
#liste div.prive{ background: url(Gx/Goodies/folder_lock.gif) no-repeat 0px 0px; padding: 2px 0 0 24px; }
#liste div.trash{ background: url(Gx/Goodies/trash.gif) no-repeat 0px 0px; padding: 1px 0 0 24px; }
#liste div.fichier{ background: url(Gx/Goodies/file.gif) no-repeat 0px 0px; padding: 1px 0 0 24px; }
#liste table td.off div.fichier{ background: url(Gx/Goodies/file_off.gif) no-repeat 0px 0px; }
#liste div.actif0{ background: url(Gx/Goodies/actif_0.gif) no-repeat 4px 1px; }
#liste div.actif1{ background: url(Gx/Goodies/actif_1.gif) no-repeat 4px 1px; }

#liste a, #liste a:link, #liste a:visited{ color: #404042; text-decoration: none; }
#liste a:hover{ text-decoration: underline; }
#liste a.path, #liste a.path:link, #liste a.path:visited, #liste a.path:hover{ background: url(Gx/Goodies/fleche.gif) no-repeat right 5px; padding: 0 10px 0 0; margin: 0 5px 0 0; }

#liste th a, #liste th a:link, #liste th a:visited, #liste th a:hover{ background: url(Gx/Goodies/fleche_off.gif) no-repeat 5px right; padding: 0 12px 0 0; }
#liste th a.on_a, #liste th a.on_a:link, #liste th a.on_a:visited, #liste th a.on_a:hover{ background: url(Gx/Goodies/fleche_a_on.gif) no-repeat 5px right; padding: 0 12px 0 0; }
#liste th a.on_d, #liste th a.on_d:link, #liste th a.on_d:visited, #liste th a.on_d:hover{ background: url(Gx/Goodies/fleche_d_on.gif) no-repeat 5px right; padding: 0 12px 0 0; }

#liste table td.off a, #liste table td.off a:link, #liste table td.off a:visited, #liste table td.off a:hover{ color: #999999; }
#liste table td.protege a, #liste table td.protege a:link, #liste table td.protege a:visited, #liste table td.protege a:hover{ color: #CC9933; }
#liste table td.offprotege a, #liste table td.offprotege a:link, #liste table td.offprotege a:visited, #liste table td.offprotege a:hover{ color: #4F7D5B; }

#liste a.delete, #liste a.delete:link, #liste a.delete:visited, #liste a.delete:hover{ background: url(Gx/Goodies/btn_Delete.gif) no-repeat 0px 3px; height: 12px; width: 8px; margin: 0px 3px 0 3px; }
#liste a.move, #liste a.move:link, #liste a.move:visited, #liste a.move:hover{ background: url(Gx/Goodies/btn_Move.gif) no-repeat 0px 2px; height: 12px; width: 10px; margin: 0px 3px 0 3px; }
#liste a.edit, #liste a.edit:link, #liste a.edit:visited, #liste a.edit:hover{ background: url(Gx/Goodies/btn_Edit.gif) no-repeat 0px 1px; height: 12px; width: 12px; margin: 0px 3px 0 3px; }

#legende{ color: #999999; font-size: 10px; border-top: #C0C9D2 1px solid; height: 20px; margin: 10px 0 0 0; padding: 5px 0 0 0; }
#legende div.gauche{ float: left; }
#legende div.droite{ float: right; }

#acces tr.beige{ background: #ECEBE3; }
#acces th, #acces td{ text-align: center; padding: 1px 1px 1px 6px; }
#acces td.titre{ text-align: left; font-style: italic; }
#acces td.dossier div{ text-align: left; background: url(Gx/Goodies/folder.gif) no-repeat 0px 0px; padding: 0 0 0 24px; }

/* FORM */
input.Input, textarea{ color: #404042; font-family: Arial; font-size: 11px; border: #E0DECF 1px solid; background: #F8F6E1; width: 220px; }
input.Bouton{ color: #718795; font-size: 11px; font-weight: bold; border: 0px; background: url(Gx/M/bouton.gif) no-repeat top left; width: 104px; height: 25px; margin: 20px 0 0 0; }
input.Calendrier{ color: #000000; font-size: 10px; }

select{ color: #404042; font-family: Arial; font-size: 11px; border: #E0DECF 1px solid; background: #F8F6E1; }

div.erreur{ color: #FF0000; font-size: 10px; background: url(Gx/Goodies/erreur.gif) no-repeat top left; padding: 0 0 0 12px; margin: 2px 0 10px 105px; }
div.droitNiveau{ margin: 5px 0 10px 30px; }
div.droitNone{ margin: 5px 0 0 0; }

/* CALENDRIER */
#contener_cal{ 
	font-size: 10px; position: absolute;
	top: 10px; left: 10px;
	background: #EFEFEF; border: #294163 1px solid;
	width: 140px; padding: 5px;
	visibility: hidden;
}

#contener_cal select{ color: #294163; font-size: 10px; }
#contener_cal #titre{ font-weight: bold; margin: 5px 0 5px 0; }
#contener_cal .jour{ color: #294163; text-align: center; border-bottom: #CCCCCC 1px solid; width: 20px; }

#calendrier div{ width: 20px; float: left; text-align: center; }
#calendrier a, #calendrier a:link, #calendrier a:visited{ color: #000000; text-decoration: none; }
#calendrier a:hover{ font-weight: bold; text-decoration: underline; }

.back{text-decoration:none; float:right; padding:3px;}