body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin: 0px;
	padding: 0px;
	color: #666666;
}

td{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

form{
	margin:0; padding:0; border:0;
}
form p{
	clear:both;
	margin:0;
	padding:0;
}

label{
	margin:5px;
	height:24px;
	float:left;
	display:block;
	color:#666;
}

fieldset{
	color:#600;
	margin-bottom:10px;
}

input,select,textarea{
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	float:left;
	display:block;
}

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

.titre1 {	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	padding-top:5px;
	color:#c00;
	float:left;
	margin :0 5px;
	display:block;
}

/*************************************************************/
/*************          Header              ******************/
/*************************************************************/
#bg_header{
	background-image:url(../images_interface/header-fond_umadocs.gif); 
	top:0px; 
	left: 0px; 
	width:100%;  
	height:105px;
}

#img_header{
	float:left; 
	background-image:url(../images_interface/header_image.gif); 
	width:820px; 
	height:105px;
}

#link_home{
	margin-left:300px;
	width:200px;
	height:80px;
}

#real{
	position:absolute; 
	top:0; 
	right:10px; 
	width:100px; 
	height:40px; 
	margin-right:20px; 
	color:white;
}

ul#menu{
	position:absolute;
	margin:0;
	padding:0;
	list-style:none;
	top:77px;
	left:2.5%;
	text-align:center;
}

ul#menu li{
	margin:0;
	padding:0;
	list-style:none;
	float:left;
}


.topMenu{
	float:left;
	display:block;
	background-image:url(../images_interface/onglet_admin_of.gif);
	width:123px; 
	height:21px; 
	z-index:11; 
	padding-top:5px;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#fff;
	text-decoration:none;
}

.topMenu:hover{
	color:#000;
	text-decoration:none;
}

/*************************************************************/
/*************          Projets             ******************/
/*************************************************************/
#blacky{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color:black;
	filter:alpha(opacity=60);
	opacity:.6;
	z-index:2;
	display:none;
}

#mask1, #loading{
	position:absolute; 
	left:50%;
	margin-left:-150px;
	padding:10px;;
	width:300px; 
	/*height:150px; */
	z-index:100; 
	background-color:#fff; 
	border:1px solid #ccc; 
	display:none;
	text-align:center;
}
#loading{

	z-index:1000;
}
#loading input{
	float:none;
	margin-left:125px;
	margin-top:10px;
}

#menu_left{
	float:left;
	width:17%;
	margin-top:10px;
	margin-left:2.5%;
	overflow:auto;
}

#zone_form{
	clear:both;
}
#doc_loader{
	position:absolute;
	top:100px;
	left:50%;
	margin-left:-350px;
	display:none;
	z-index:100;
}

#affiche_doc{
	position:absolute;
	top:100px;
	left:50%;
	margin-left:-350px;
	width:700px;
	padding:20px;
	height:auto;
	border:1px solid black;
	background-color:white;
	display:none;
	z-index:100;
}

#fermer_popup{
	position:absolute;
	right:10px;
	top:10px;
	width:auto;
	border:1px solid black;
	background-color:#990033;
	padding:1px 5px;
	z-index:200;
	text-align:center;
	
}
#fermer_popup a{
	color:white;
	font-size:14px;
	font-weight:bold;
	width:100%;
	display:block;
}

#add_dos, #add_dos_dos, #add_doc, #edit_dos, #sup_dos{
	float:left;
	text-align:left;
	background-color:transparent;
	background-image:url(../images_interface/icones/add_dossier.gif);
	background-repeat:no-repeat;
	padding-left:20px;
	border:0;
	margin:10px;
	display:none;
	border-bottom:1px dotted #ccc;
}

#add_doc{
	background-image:url(../images_interface/icones/add_document.gif);
}

#edit_dos{
	background-image:url(../images_interface/icones/info.gif);
}

#sup_dos{
	background-image:url(../images_interface/icones/corbeille.gif);
}

#close_it{
	float:right;
	margin-top:-70px;
	background-color:#ccc;
	border:1px solid black;
	width:14px;
	color:#c00;
	font-size:10px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	padding:0;
	text-align:center;
}

#dossiers, #moteur, #taches, #contacts, #calendrier, #groupes{
	float:right;
	z-index:3; 
	overflow:visible;  
	margin-top:10px;
	margin-right:2.5%;
	width:74%;
}

#liste_dos{
	margin:0;
	padding:0;
	float:left;
	width:250px;
	border-right:1px solid #ccc;
}

#liste_dos li input{
	background:none;
	border:1px solid #ccc;
	font-size:10px;
	color:#FF9900;
	float:right;
	padding:0;
	
}

#documents{
	
	margin-left:5px;
	float:left;
	margin:0;
}

#documents li{
	width:100%;
	margin-top:5px;
	border-bottom:1px dotted #ccc;
}

#documents ul{
	margin:0;
	padding:0;
	list-style:none;
}

.word, .pdf, .excel, .image, .zip, .texte{
	background-image:url(../images_interface/tree_umadocs/word.gif);
	background-position:3px center;
	background-repeat:no-repeat;
	padding-left:20px;	
}

.pdf{
	background-image:url(../images_interface/tree_umadocs/pdf.gif);
}


.excel{
	background-image:url(../images_interface/tree_umadocs/excel.gif);
}

.image{
	background-image:url(../images_interface/tree_umadocs/image.gif);
}

.zip{
	background-image:url(../images_interface/tree_umadocs/zip.gif);
}

.texte{
	background-image:url(../images_interface/tree_umadocs/texte.gif);
}

.doc_nom{
	float:left;
	display:block;
	font-weight:bold;
	padding:5px;
	width:40%;
	
}

#documents a span.doc_nom {
	font-weight:normal;
}

#documents a span.doc_nom:hover {
	font-weight:normal;
	cursor:pointer;
}

#documents .doc_infos_1, #detail_doc  .doc_infos_1{
	float:left;
	padding:5px;
	width:10%;
	
}

#documents .doc_infos_2, #detail_doc  .doc_infos_2{
	float:left;
	padding:5px;
	
}

#documents .doc_infos_3, #detail_doc .doc_infos_3{
	float:left;
	padding:5px;
}
#documents .doc_infos_4, #detail_doc .doc_infos_4{
	float:left;
	padding:5px;
	padding-left:20px;
}

#param{
	float:left;
	z-index:3; 
	overflow:visible;  
	margin-top:20px;
	margin-left:2.5%;
	width:74%;
}

#dossiers{
	margin-top:2px;
	display:none;
}


.barree{
	text-decoration:line-through;
	color:#ccc;
}

#content_contact{
	cler:both;
	margin-top:10px;
}

#liste_tache, #liste_contact, #liste_event, #liste_groupe{
	clear:both;
	margin-left:40px; 
	list-style:none;
	padding:0;

}

#liste_groupe li a{
	font-size:14px;	
	background-color:#900;
	color:white;
	margin-top:15px;
	margin-bottom:5px;
	display:block;
	width:100%;
}

#liste_groupe li li a{
	font-size:11px;	
	background-color:white;
	color:#600;
	display:block;
	float:left;
	margin-top:0px;
	margin-bottom:10px;
	width:auto;
}

#contact_groupe_id{
	float:left;	
}

#add_tache, #add_contact, #add_event, #add_groupe{
	display:none;
	background-color:white;
	position:absolute;
	width:700px;
	height:210px;
	padding:20px;
	border:1px solid black;
	left:50%;
	top:150px;
	margin-left:-350px;
	z-index:1000;
}

#add_contact{
	height:310px;
}
#add_event{
	height:400px;
}

#add_une_tache, #add_un_contact, #add_un_event, #add_un_groupe{
	text-align:left;
	float:left;
	background-color:transparent;
	background-image:url(../images_interface/icones/add_consultant.gif);
	background-repeat:no-repeat;
	padding-left:20px;
	border:0;
	margin:10px;
	border-bottom:1px dotted #ccc;
	display:none;
}

#depose{
	position:absolute;
	bottom:30px;
	right:20px;
}

#depose input{
	background-color:#c00;
	border:1px solid Black;
	color:white;
	margin-left:10px;
}

ul#menu1{
	margin:0;
	padding:0;
	list-style:none;
}

ul#menu1 li{
	background-image:url(../images_interface/tree_umadocs/projet.gif);
	background-repeat:no-repeat;
	background-position:2px 3px;
	margin:0;
	padding:0;
	list-style:none;
	font-weight:bold;
	padding:3px 20px;
	display:block;
}

.projet, .projet_alt{
 	margin:0;
	padding: 5px 0;
	min-height:20px;
}

.projet, .acteur{
	background-color:#fff;
}

.projet_alt, .acteur_alt{
	background-color:#f0f0ff;
}
/**/

#add_dossier{
	display:none;
}



#option_doc{
	background-color:#f0f0ff;
	padding:3px;
	text-align:left;
	clear:both;
	display:block;
}

#option_doc a{
	margin:0 15px; 
}


ul#detail_doc{
	margin:3px 0;
	width:100%;
	padding:0;
	list-style:none;
}

ul#detail_doc li{
	margin:0;
	padding: 2px 5px;
	list-style:none;
	background-color:#69f;
	color:white;
	float:left;
}

ul#detail_doc li.texte, ul#detail_doc li.word, ul#detail_doc li.excel, ul#detail_doc li.pdf, ul#detail_doc li.image, ul#detail_doc li.autocad {
	background-color:#fff;
	background-image:url(../images_interface/doc_texte.gif);
	background-repeat:no-repeat;
	background-position:2px 3px;
	float:left;
	display:block;
	width:50px;
	height:50px;
	
}

ul#detail_doc li.word{
	background-image:url(../images_interface/doc_word.gif);
}
ul#detail_doc li.excel{
	background-image:url(../images_interface/doc_excel.gif);
}
ul#detail_doc li.image{
	background-image:url(../images_interface/doc_image.gif);
}
ul#detail_doc li.pdf{
	background-image:url(../images_interface/doc_pdf.gif);
}
ul#detail_doc li.autocad{
	background-image:url(../images_interface/doc_autocad.gif);
}

.menu_dossier, .dossier ul{
	margin:0;
	padding:0;
	list-style:none;
}

#liste_dos .menu_dossier .dossier a{
	display:block;
	width:95%;
	border-bottom:1px solid #ccc;
}

#liste_dos .menu_dossier .dossier ul a{
	/*display:block;*/
	width:95%;
	border:0;
}

#doc_commentaire, #doc_commentaire td{
	margin:20px 0;
	color:#000;
}

#doc_commentaire fieldset{
	margin:20px 0 0 0;
}

.alert {
font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FF0000;
}



.width60{
	width:60px;
	padding-right:5px;
	text-align:right;
	float:left;
	display:block;
}

.width80{
	width:83px;
	float:left; 
	display:block;
	text-align:left;
}

.width160{
	width:160px;
	float:left;
	display:block;
}


.sousMenuon{
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	background-color:#900;
	color:#fff;
	text-decoration:none;
	height:19px;
	padding:1px 10px 0 10px;
	border-left:1px solid #000;
	border-right:1px solid #000;
	border-bottom:1px solid #000;
	margin-left:-1px;
	display:block;
}

.sousMenu:hover{
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	background-color:#000;
	color:#fff;
	text-decoration:none;
	padding:1px 10px 0 10px;
	border:1px solid #000;
	margin-left:-1px;
	display:block;	
}
.sousMenuon:hover{
	background-color:#F7F9FB;
	color:#900;
	text-decoration:none;	
}


.select{
	float:left;
	background-image:url(../images_interface/onglet_admin_on.gif);
	width:123px; 
	height:21px; 
	z-index:11; 
	padding-top:5px;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#000;
	text-decoration:none;
	display:block;
}

.select:hover{
	color:#c00;
	text-decoration:none;
}

.barree{
	text-decoration:line-through;
}


/***********************************************************************************/

/*********************************  Menu admin    **********************************/
/***********************************************************************************/

#menu_left_admin{
	float:left;
	width:17%;
	margin-top:5px;
	margin-left:30px;
	overflow:auto;
}
#admin_form{
	position:relative;
	margin-top:15px;
	margin-right:40px;
	display:none;
}


#mailToAll{
	position:absolute;
	right:50px;
	top:0;
	list-style:none;
	margin:0;
	padding:0;
}


#mailToAll li a{
	font-size:12px;
	font-weight:bold;
	padding:5px;
	border:1px solid black;
	background-color:#334;
	color:white;
}

#mailToAll li a:hover{
	background-color:#F60;
	color:white;
}

#menu_admin{
	width:95%; margin-left:30px;
}

#menu_admin a{
	margin:5px;
}

#edit_accueil, #add_projet{
	float:left;
	display:block;
}

#add_acteur, #add_acteur_existe, #edit_projet, #sup_projet{
	float:left;
	display:block;
	display:none;
}

#sup_projet{
	float:right;
}

#form_projet label{
	width:120px;
}

#menu_acteur, #menu_acteur li{
	margin:0;
	padding:0;
	list-style:none;
}
#menu_acteur li{
	margin:5px 0;
}
#menu_acteur li li{
	margin:0;
	/*margin-left:10px;*/
	color:black;
	font-size:10px;
	padding:0;
	
}
#renomme_doc, #deplace_doc{
	position:absolute;
	left:120px;
	top:99px;
	display:none;
}

#sup_tache{
	display:block;
	margin-left:30px;
}

#editor_datas{
	position:absolute;
	top:50px;
	left:50%;
	margin-left:-350px;
	width:700px;
	height:400px;
	border:1px solid #fff;
	padding:0;
	display:none;
	z-index:10;
}

