/*
z-index des calques
88 bloc_centre
89 bloc_haut
90 #menu_gauche
91 .link_elements
99 #selecteuricone
*/

/* Redéfinition des balises de la page 
-------------------------------------------------------
*/
body,td,th  {
	width: 100%;
	height: 100%;
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
}
a {
	color: #666666;
	text-decoration: none;
}
a:hover {
 color: #000000;
}
ul,li {
	list-style-type: none;
	margin-left: 0px;
	margin-top: 1px;
	margin-bottom: 1px;
	padding:0px;
}
/* Définition des calques 
-------------------------------------------------------
*/
#conteneur {
	position: absolute; 
	width: 100%;
	height: 100%;
}
#entete {
	position: relative;
	height: 80px;
	width: 100%;
	background-color: #192B31;
}
#entete #site {
	position:absolute;
	margin-left:916px;
	margin-top:19px;
	width: 102px;
}
#entete #site a {
	color:#FFFFFF;
	A0DFE2
}
#entete #site a:hover {
	color:#A0DFE2;
}
#conteneur_menuhaut {
	position: relative;
	min-width:800px ;
	width: 100%;
	background-image: url(images/news/fond_barre_haut.gif);
	background-repeat: repeat-x;
	background-position: left top;
	float:left;
}
#conteneur_bloc_detail {
	display:none;
}
#date {
	float:left;
	height: 21px;
	position: relative;
	font-weight: bold;
	color: #062A4C;
	text-align: left;
	vertical-align: bottom;
	padding-left:10px;
	padding-top:8px;
	font-size: 12px;
	color:#FFFFFF;
	width:222px;
	background-image: url(images/news/fond_barre_haut2.gif);
	background-repeat: repeat-x;
	background-position: left top;
	border-right: 1px solid #26769B;
}
#menuhaut {
	float:left;
	width:600px;
	position: relative;
	height: 29px;
	background-image: url(images/news/fond_barre_haut.gif);
	background-repeat: repeat-x;
	background-position: left top;
}
#menu_gauche {
	top:100px;
	z-index:90;
	position:fixed;
	width: 230px;
	padding-top: 20px;
	padding-right: 5px;
	padding-left: 2px;
	vertical-align: top;
}
#center {
	top:100px;
	position: absolute;
	padding-top: 20px;
	padding-right: 5px;
	padding-left: 245px;
	vertical-align: top;
	width:80%;
}
#center_seul {
	padding-top: 20px;
	padding-right: 5px;
	padding-left: 5px;
	vertical-align: top;
}
#bottom {
	position: relative;
	clear:both;
	display:none;
	height: 10px;
	padding-left: 5px;
}
#assodatenote {
}
#conteneur_nuancier {
	display:none ;
	position:absolute;
	border: 1px solid #000000; 
	height: 67px; 
	width: 193px;
	margin-top:-6px;
	margin-bottom:6px;
}
#selecticone {
	background-color: #FFFFFF;
	background-image: url(images/selecteur.gif);
	background-position: right center;
	padding-left: 2px;
	padding-right: 10px;
	background-repeat: no-repeat;
}
#selecteuricone {
	z-index:99;
	display:none;
	background-color: #FFFFFF;
	position:absolute;
	border-bottom-width: 1px;
	border-right-width: 1px;
	border-bottom-style: solid;
	border-right-style: solid;
	border-bottom-color: #666666;
	border-right-color: #666666;
	height: 105px; 
	width: 147px;
	margin-top:0px;
	margin-left:-18px;
}
/*
#selecticone:hover span.selecteur {
	display:block;
}
*/
#selecteuricone img {
	background-color: #FFFFFF;
	height: 16px;
	width: 16px;
	padding:6px;
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #666666;
	border-left-color: #666666;
}
#selecteuricone img:hover {
	background-color: #cccccc;
}
#creacat {
	display:none;
}
#resultats_groupe {
	margin-left: 20px;
}
#fichier_lourd {
	color: #FFFFFF;
	background-color: #084668;
	width:100%;
	padding-bottom: 2px;
}
#conteneur_radupload {
	border: 1px solid #084668;
	width:248px;
	height:120px ;
	display:none;	
}

/* Styles pour l'affichage des formulaires
-------------------------------------------------------
*/
.input_obligatoire {
	border: 1px solid #004762;
	border-top: 1px solid #004762;
	border-right: 1px solid #004762;
	border-bottom: 1px solid #004762;
	border-left: 10px solid #004762;
}
.input_obligatoire:focus {
	border-top: 1px solid #666666;
	border-right: 1px solid #666666;
	border-bottom: 1px solid #666666;
	border-left: 10px solid #666666;
}
.input_titre {
	font-weight: bold;
	border-top: 1px solid #004762;
	border-right: 1px solid #004762;
	border-bottom: 1px solid #004762;
	border-left: 10px solid #004762;
}
.input_titre:focus {
	border-top: 1px solid #666666;
	border-right: 1px solid #666666;
	border-bottom: 1px solid #666666;
	border-left: 10px solid #666666;
}
.input_facultatif {
	background-color: #E2E2E2;
	border-top: 1px solid #004762;
	border-right: 1px solid #004762;
	border-bottom: 1px solid #004762;
	border-left: 10px solid #004762;
}
.input_facultatif:focus {
	border-top: 1px solid #666666;
	border-right: 1px solid #666666;
	border-bottom: 1px solid #666666;
	border-left: 10px solid #666666;
}
.input_large {
	width:100%;
}
.input_recherche {
	border: 1px solid #004762;
}
.input_recherche:focus {
	border: 1px solid #666666;
}
.input_confirm_atttention {
	color: #FF0000;
}
#form {
	width: 550px;
}
#form_part1 {
	width: 250px;	
	float: left;
}
#form_part2 {
	float: left;
	width: 250px;
	margin-left: 20px ;
}

/* Styles pour l'affichage des éléments 
-------------------------------------------------------
*/	
#conteneur_elements {
	width: 100%;
}
.elements {
	float:left;
	height: 100%;
	width: 33%;
	padding-bottom: 20px;
	vertical-align: top;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: dotted;
	border-left-style: dotted;
	border-right-color: #FFFFFF;
	border-left-color: #FFFFFF;
}
#bloc_1 {
	border-right-style: dotted;
	border-left-style: dotted;
	border-right-color: #484848;
	border-left-color: #484848;
	background-image: url(images/news/fond_bloc_elements.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#bloc_2et3 {
	border-right-style: dotted;
	border-right-color: #484848;
	background-image: url(images/news/fond_bloc_elements.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.bloc_element {
	height: 25px;
	width: 100%;
	background-color: #12A8BA;
	font-weight: bold;
	color: #FFFFFF;
}
.gauche_bloc_element {
	float: left;
	text-align: center;
	padding-top: 4px;
	padding-left: 12px;
}
.droite_bloc_element {
	float: right;
	padding-top:2px;
	padding-right:4px;
}
.droite_bloc_element a {
	background-color: transparent;
}
.droite_bloc_element a:hover {
	background-color: transparent;
}
/* Gestion du menu arborescent
-------------------------------------------------------
*/
.menu_root {
	margin-left: 13px;
	font-size: 12px;
	font-weight: bold;
	background-image: url(images/root.gif);
	background-position: left top;
	color:#26769B;
	background-repeat: no-repeat;
	padding-left:20px ;
	padding-top:5px ;
	height:20px ;
}
ul.menu a {
	font-size: 12px;
	color: #000000;
}
ul.menu a:hover {
	color: #FF0000;
}
ul.menu span.infos_elements {
	color: #000000;
}
ul.menu {
	margin-left: 20px;
}
ul.menu ul {
	display: none;
	margin-bottom: 5px;
	margin-left: 20px;
}
ul.menu li {
	list-style-type: none;
	list-style-image: none;
	margin-top: 2px;
	margin-bottom: 5px;
	border-left-width: 1px;
	border-left-style: dotted;
	border-left-color: #CCCCCC;
}
ul.menu img.nodefonction {
	cursor: pointer; 
	width: 9px; 
	height: 9px; 
	margin-left: -5px;
	margin-right: -3px;
	}

ul.menu, ul.menu ul {
	text-align: left; 
	list-style-type: none;
}
/* Classes 
-------------------------------------------------------
*/	
.infos {
	background-image: url(images/infos.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin-top: 10px;
	margin-bottom: 5px;
	padding-left: 16px;
	font-size: 10px;
	padding-top: -4px;
}
.infos a {
	text-decoration: underline;
}
.hr_invisible {
	clear:both;
	visibility: hidden;
	height: 1px;
	width: 100%;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
}
.fondplein{
	/*background-image: url(images/fond.gif);
	background-repeat: repeat-y;
	background-position: left;*/
}
.fondvide{}
.separateur {
	height: 1px;
	width: 100%;
	border-bottom-width: 1px;
	border-bottom-style:dotted;
	border-bottom-color: #084668;
	margin-bottom:10px;
}
.boutons_haut a {
	position: relative;
	text-decoration: none;
	text-align: center;
	float: left;
	border-right: 1px solid #26769B;
	border-left: 1px solid #26769B;
	padding-right: 10px;
	padding-left: 10px;
	font-weight: bold;
	color: #FFFFFF;
}
.boutons_haut a:hover{
	background-image: url(images/news/fond_barre_haut2.gif);
	color: #FFFFFF;
}
.bouton_haut_texte {
	height: 20px;
	padding-top: 8px;
}
.bouton_haut_form {
	text-align: center;
	float: left;
	border-right: 1px solid #26769B;
	border-left: 1px solid #26769B;
	padding-right: 10px;
	padding-left: 10px;
	height: 24px;
	padding-top: 4px;
}
.bouton_haut_form:hover {
	background-image: url(images/news/fond_barre_haut2.gif);
}
.bouton_haut_img {
	height: 28px;
	padding-top: 0px;
}
.titre_page {
	font-size: 14px;
	font-weight: bold;
	color: #333333;
	background-image: url(images/puce.gif);
	background-position: left top;
	padding-left: 30px;
	background-repeat: no-repeat;
}
.titre_groupe {
	font-size: 14px;
	font-weight: bold;
	color: #333333;
}
.titre_groupe span {
	font-size: 11px;
	font-weight: normal;
	color: #FF0000;
}
.infos_groupe {
	margin-left: 30px;
	margin-top: 0px;
	margin-bottom: 10px;
}
.titre2 {
	color:#26769B;
	font-weight: bold;
}
.signature {
	font-size: 10px;
	color: #333333;
	text-decoration: none;
}
.link_images {
	margin: 0px;
}
a.link_images:hover {
}
.sousgroupes{
	margin-left: 7px;
	padding-left: 3px;
	border-left-width: 1px;
	border-left-style: dotted;
	border-left-color: #000000;
}
.liste_bloc {
	padding-left: 19px;
	list-style-image: url(images/ptt_puce.gif);
	list-style-position: outside;
}
.liste_elements{
	text-align: left;
	position: relative;
	padding:3px 0px 0px;
	margin:0px;
	text-decoration: none;
}
/*IE*/
*html .liste_elements{
	height: 18px;
}
.liste_elements:hover {
	background-color: #DDF5F7;
} 
.s_titre_elements {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	height: 16px;
	padding:4px 0px 0px 12px;
	background-color: #084668;
	font-style: italic;
	font-weight: bold;
	color: #FFFFFF;
}
.link_elements {
	z-index:91;
	position: relative;
	height: 100%;
	font-size: 12px;
	color: #333333;
	padding-left:2px;
	margin-top:-1px;
}
.link_elements a {
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
	position: relative;
}
a.link_elements_expires {
	text-decoration: none;
	font-size: 12px;
	font-weight: normal;
}
.link_elements a:hover {
	color: #FF0000;
}
a.link_elements_expires img {
}
a.link_elements_expires:hover img {
}
.droite_elements {
	position: absolute;
	text-align: right;
	margin-right:2px;
	top:5px;
	right:0;
	height: 100%;
	z-index:99;
}
.droite_elements_important {
	position: absolute;
	margin-right:2px;
	text-align: right;
	top:5px;
	right:0;
	width:100%;
	height: 100%;
	color: #FF0000;
	font-weight: bold;
}
.info_element {
	padding-left: 24px;
	padding-top: 3px;
	padding-bottom: 3px;
	font-size: 11px;
	font-weight: normal;
}
.info_modifelement {
	padding-top: 3px;
	padding-bottom: 3px;
	font-size: 11px;
	padding-left: 10px;
	font-weight: normal;
}
.wip {
	position: relative;
	float: left;
	height: 7px;
}
.wip img {
	background-color: #084668;
}
.trouve {
	background-color: #FFF799;
}
#list_users {
	width: 100%;
}
#list_users .users1 {
	width: 115px;
	text-align: center;
	padding: 2px 30px 2px 5px;
}
#list_users tr:hover td {
	background-color: #666666;
	color: #FFFFFF;
	cursor: hand;
}
#list_users .selected {
	background-color: #12A8BA;
}
#list_users tr.nocolor:hover td {
	background-color: #FFFFFF;
}
.liste_cat {
	float: left;
	vertical-align: middle;
	padding-top: 2px;
	padding-bottom: 2px;
}
.liste_cat:hover {
	background-color: #E9E9E9;
}
.liste_cat img {
	float: left;
	margin-top: 4px;
	margin-right: 10px;
	margin-left: 5px;
}
.liste_cat a:hover img{
	background-color: #8AC640;
}
.couleur_cat {
	height: 15px;
	width: 15px;
	border: 1px solid #000000;
	float: left;
}
.titre_cat {
	float: left;
	margin-left: 15px;
	margin-top: 2px;
}
.retour_cat {
	float: right;
}
.archive {
	color: #FF0000 ;
}
.marqueresponsable {
	/*background-color: #E9E9E9;*/
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color:#999999;
}
.chemin {
	margin-top: 5px;
	margin-bottom: 5px;
}
#resultats_groupe .chemin {
	margin-top: 0px;
	margin-bottom: 0px;
}
/* Classes utilisés pour les blocs de gauche 
-------------------------------------------------------
*/
#menu_gauche_vide {
	width: 230px;
}
.bloc_haut {
	position: relative;
	height: 28px;
	width:230px;
	background-image: url(images/news/fond_bloc_haut.gif);
	background-repeat: no-repeat;
	background-position: left top;
	z-index:89;
}
.bloc_haut_icone {
	position: relative;
	float: left;
	top:0px;
	padding-left:5px;
	width:30px;
	height: 16px;
}
.bloc_haut_texte {
	position: relative;
	float: left;
	top:9px;
	width:141px;
	height: 14px;
	padding-left:5px;
	padding-top:2px;
	font-weight: bold;
	color: #000000;
}
.bloc_haut_plus {
	position: relative;
	float: left;
	top:4px;
	width:20px;
	height: 15px;
}
.bloc_haut_plus a {
	background-color: transparent;
}
.bloc_haut_plus a:hover {
	background-color: transparent;
}
.bloc_haut_reduire {
	position: relative;
	float: left;
	top:7px;
	width:27px;
	padding-top:2px;
	height: 14px;
	text-align: center;
}
.bloc_center {
	position: relative;
	margin-top:-8px;
	margin-left:1px;
	clear:both;
	width:218px;
	z-index:88;
	background-image: url(images/news/fond_bloc.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	padding-top: 13px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}
.bloc_center #scroll_bloc_center {
	max-height: 100px;
	overflow: auto;
}
*html .bloc_center #scroll_bloc_center {
	height: 100px;
	overflow: auto;
}
/* Classes utilisés pour la frise
-------------------------------------------------------
*/
.date_debut {
	float:left;
	text-align: left;
	width: 50%;
}
.date_fin {
	float:left;
	text-align: right;
	width: 50%;
	margin-left: -10px;
}
#conteneur_echelle {
	clear:both;
	background-color: #12A8BA;
	height: 15px;
	width: 100%;
	text-align: right;
	background-image: url(images/debut_frise.gif);
	background-repeat: no-repeat;
	margin-bottom: 12px;
	overflow: hidden;
}
#conteneur_notes {
	background-color: #E2E2E2;
	height: 15px;
	width: 100%;
}
#conteneur_taches {
	background-color: #EFEFEF;
	width: 100%;
	padding-top: 3px;
	padding-bottom: 3px;
}
#today {
	display:none;
	position:absolute;
	background-image: url(images/trame.gif);
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FF0000;
	height:100%;
	z-index:1;
	left:0;
	margin-top: -27px;
	margin-left: 5px;
}
#echelle {
	display:none;
}
.coupe_debut {
	position:absolute;
	background-image: url(images/frisecoupedebut.gif);
	height: 11px;
	width: 10px;
	margin-left: -5px ;
	margin-top: 15px ;
	background-repeat: no-repeat;
}
.coupe_fin{
	position:absolute;
	background-image: url(images/frisecoupefin.gif);
	height: 11px;
	width: 10px;
	right:0px;
	margin-top: -12px ;
	background-repeat: no-repeat;
}
.note_pleine {
	width: 1%;
	min-width: 10px;
	background-color: #666666;
	float:left;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
	background-image: url(images/note.gif);
	background-repeat: no-repeat;
	background-position: right top;
}
.chemin a:hover {
	color: #FF0000 ;
}
.note_pleine span {
	display: none;
}
.droits span {
	display: none;
}
.note_pleine:hover{
	width: 1%;
	background-color: #26769B;
	cursor: hand;
}
.note_pleine:hover span {
	display:block;
	position:absolute;
	width: 280px;
	background-color: #FFFFFF;
	padding: 4px;
	border-top: 1px solid #12A8BA;
	border-bottom: 1px solid #12A8BA;
	border-left: 15px solid #12A8BA;
	border-right: 1px solid #12A8BA;
}
.droits:hover span {
	display:block;
	position:absolute;
	width: 280px;
	background-color: #FFFFFF;
	padding: 4px;
	border-top: 1px solid #26769B;
	border-bottom: 1px solid #26769B;
	border-left: 15px solid #26769B;
	border-right: 1px solid #26769B;
}
.note_pleine:hover span.bule {
	margin-left: 9px;
}
.note_pleine:hover span.bule_droite {
	margin-left: -304px;
}
.note_vide {
	width: 1%;
}
.conteneur_tache {
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #26769B;
	padding-left: 3px;
	margin-top: 5px;
	color: #333333;
	text-align: left;
}
.conteneur_tache_doite {
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #26769B;
	margin-top: 5px;
	padding-right: 3px ;
	color: #333333;
	text-align: right;
}
.periode_tache {
	border: 1px solid #26769B;
	height: 10px;
	background-color: #FFFFFF;
	margin-left: -4px;
}
.periode_tache span {
	display:none;
	position:absolute;
	width: 280px;
	background-color: #FFFFFF;
	padding: 4px;
	border-top: 1px solid #084668;
	border-bottom: 1px solid #084668;
	margin-top: 0px;
	z-index:2;
}
.periode_tache:hover {
	border: 1px solid #000000;
	cursor: hand;
}
.periode_tache:hover span.bule {
	display:block;
	margin-left: -1px;
	border-left: 15px solid #084668;
	border-right: 1px solid #084668;
}
.periode_tache:hover span.bule_droite {
	display:block;
	margin-left: -290px;
	border-right: 15px solid #084668;
	border-left: 1px solid #084668;
}
.wip_tache {
	height: 10px;
	background-color: #777777;
	background-image: url(images/fond.gif);
	background-repeat: repeat-y;
	background-position: left top;
}
/* Classes utilisés pour l'uploader
-------------------------------------------------------
*/
.info 
	{
	color:#26769B;
	font-weight: bold;
}
#info_uu_upload {
	color:#26769B;
}
.bar1 
	{
	background-color:#E9FFFD; 
	position:relative; 
	text-align:left; 
	height:20px;
	width:426px;
	border:1px solid #004762;
}
.bar2 
	{
	background-color:#004762; 
	position:relative; 
	text-align:left; 
	height:20px; 
	width:0%;
}