/* * {margin:0;padding:0} */

html, body {
	height: 100%;
	background:white; /*#394A58;*/
	}

body {
	text-align:left;
	font-family:Tahoma, Verdana, Arial;
	font-size:10pt;
	padding:0;
	margin:0;
	background:white; /*#394A58;*/
}

img {
	border:0;
}

a {
	color:#0066FF;
	text-decoration:none;
}

a:visited {
	color:#3399FF;
}


a:hover {
	color:#FF6600;
}

a[rel*=mail] {
        background-image: url('../../images/mail_link.gif');
        background-position: center left;
        background-repeat: no-repeat;
        padding-left: 18px;
    }

a[rel*=wp] {
        background-image: url('../../images/wp.gif');
        background-position: center left;
        background-repeat: no-repeat;
        padding-left: 18px;
    }

a[rel*=external] {
        background-image: url('../../images/outside_link.png');
        background-position: center left;
        background-repeat: no-repeat;
        padding-left: 18px;
    }

#site {
	min-width:1020px;
	text-align:left;
	margin:0;
	background:#fff;

	position: relative;
	min-height: 100%;
	height: 100%;
	voice-family: "\"}\"";
	voice-family: inherit;
	height: auto;
}

#container {
	padding-bottom: 120px;
	background:#fff url('../../images/oeil.gif') right top no-repeat;
}

.texte_image img {
	vertical-align:middle;
}

.texte_image2 img {
	vertical-align:bottom;
	margin-bottom: -2px;
}

ul {
	list-style: url('../../images/puce.gif') disc;
}

.couleurListe0 {
	background-color:#DDF1FF;
}
.couleurListe1 {
	background-color:#EEE;
}

.couleurListeCibles0 {
	background-color:#DDF1FF;
}
.couleurListeCibles1 {
	background-color:#fff;
}

abbr {
	cursor: help;
	border-bottom: 1px dotted #0066FF;
}

noscript * {
	color: #FF9A00;
}
noscript #alert_noscript {
	background-color: #FFF;
	text-align: center;
	width:50%;
	position: absolute;
	margin:auto;
	top: 100px;
	left:25%;
	padding:0px;
	border: 10px #FF9A00 solid;
	z-index: 10;

	/* transparence IE : 0->100 */ filter:alpha(opacity=95);
	/* transparence Gecko/Mozilla : 0->1 */ -moz-opacity:.95;
	/* transparence générale : 0->1 */ opacity:.95;
}

noscript #alert_noscript p {
	filter:alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
}


noscript #alert_noscript a {
	font-weight: bold;
	text-decoration: underline;
}

#alert_navigateur {
	color:red;
	text-align:center;
}

.fondgris {
	margin:10px 30px;
	padding:10px; 
	border:1px solid #CCC; 
	background-color:#EEE;
}

/********************** Entête *****************/
#header {
	/*background-color:#DDD;*/
	height:120px;
	background:transparent url('../../images/degrade-gris.gif') left top repeat-x;
}
#header h1 {
	margin:0;
	background: transparent url('../../images/header.png') no-repeat top left;
	width: 650px;
	height: 100px;
	float: left;
	}

#header h1 span {
	text-align:left;
	margin-top: 10px;
	display:none;
	}

#header a, #header a:visited {
	color:#000;
	text-decoration:none;
	display:block;
	width: 650px;
	height: 100px;
}

/****************** champs de connexion *******/
#zoneConnexion {
	text-align:left;
	margin:5px;
}
#zoneConnexion input.text {
	display:block;
	border-style:solid;
	border-width:1px;
	border-color:#DDD;
}
#zoneConnexion input.button {
	display:block;
}
#zoneConnexion a, #zoneConnexion a:visited {
	color:#000;
	font-size:9pt;
	display:block;
	text-decoration:none;
}
#zoneConnexion a:hover {
	text-decoration:none;
}

#zoneConnexion div.boiteContenu {
	background: #f5f5f5;
}

#zoneConnexion div#identifiant, div#motdepasse {
        font-size: 8pt;
        margin-left:3px;
}

.content_form_connex {
        text-align: center;
}

.content_form_connex table {
        text-align: left;
        margin-left: auto;
        margin-right: auto;
}

.content_form_connex table th {
        text-align: right;
        font-weight: normal;
}

.formulaire_connexion_2 {
	text-align:center;
	position:center;

}
/********************** Menu ******************/
#menu {
	width:210px;
}
#menu #bloc_Menu {
	margin:0 5px;
}
#menu ul {
	list-style:none;
	list-style-image:none;
	margin:0 5px;
	padding:0;
}
#menu a, #menu a:visited {
	text-decoration:none;
	color:#000;
	font-size:10pt;
}
#menu a:hover {
	color:#969696;
}
#menu a.selected, #menu a.selected:visited {
	font-weight:bold;
}

#menu ul#menuAgent {
	margin:0;
}

#menu ul#sousMenuAgent {
	margin-left:20px;
}

#menu #affiche_nb_messages img {
	vertical-align:top;
}

#menu #affiche_nb_messages img:hover {
	opacity:0.5;
}

/********************** Contenu ******************/
#main {
	height:400px;
	margin:0;
	padding:5px 10px;
}
#main h1 {
	margin:0 0 10px 0;
	padding:0;
}

.raisons li {
	margin-bottom:10px;
}

.progression {
	float:left;
	width:100px;
	height:15px;
	background:transparent url('../../images/fond_barre_progression.png') left top no-repeat;
}

.progression img, .progression-longue img, .progression-center img {
	margin-top:1px;
	margin-left:1px;
	height:13px;
}

.progression-longue {
	float:left;
	width:200px;
	height:15px;
	background:transparent url('../../images/fond_barre_progression_longue.png') left top no-repeat;
}

.progression-multi {
	overflow:hidden;
}

.progression-multi img {
	margin: 1px 0 0 1px;
}

.cibles_restantes {
	clear:left;
}

img.bouton_action, img.bouton_refuser {
	width:250px;
	height:64px;
}

img.bouton_icone, img.bouton_icone_r {
	float:right;
}

table.tableau_rapports {
	border-collapse: collapse;
	width:100%;
	text-align:left;
}

table.tableau_rapports th.col1 {
	width:45%;
}
table.tableau_rapports th.col2 {
	width:25%;
}
table.tableau_rapports th.col3 {
	width:25%;
}
table.tableau_rapports th.col4 {
	width:16px;
	text-align:right;
}


tr.ligne_rapports:hover {
        background-color:#F0F8FF;
}

img.bouton_icone_d {
	width:16px;
	height:16px;
}

img.bouton_connexion {
	width:70px;
	height:20px;
}

img.grade {
	width:40px;
	height:46px;
}

img.image_trophee {
	width:90px;
	height:50px;
}

div.infos_confirmation img { display: none; }
div.infos_confirmation tr#situation_pro { display: none; }

/********************** Partie droite ******************/
#boite_droite {
	float:right;
	width:200px;
	/*margin:0;*/
	padding:45px 5px;
}

#boite_droite .cibles_restantes {
	clear:left;
}

#boite_questionnaire {
	float:right;
	width:200px;
	/*margin:0;*/
	padding:45px 5px;
}

#boite_questionnaire .etape_future {
	color:#969696;
}

#boite_questionnaire .etape_actuelle {
	font-weight:bold;
}

#boite_questionnaire .etape_passee {
	color:black;
}

/********************** Bas du site ******************/
#bottom {
	text-align:right;
	background:#394A58 url('../../images/degrade-bleu-inverse.gif') left top repeat-x;
	padding:0 10px;
	position: absolute;
	bottom: 0;
	padding-bottom: 0;
	width:-moz-available;
}

#bottom_alt {
	text-align:right;
	background:#394A58 url('../../images/degrade-bleu-inverse.gif') left top repeat-x;
	padding:0 10px;
	/*position: absolute;
	bottom: 0;*/
	padding-bottom: 0;
	width:-moz-available;
	height:100px;
}

#bottom p.remplissage, #bottom_alt p.remplissage {
	height:60px;
}

#bottom div#logos, #bottom_alt div#logos {
    float:right;
	background-color:#394A58;
}

#bottom a, #bottom_alt a  { color: #000; }
#bottom a:hover, #bottom_alt a:hover   { color: #FF6600; }

#bottom a.logo, #bottom_alt a.logo {
        display: block;
        float: left;
        height: 60px;
        background-position: 0px 0px;
        background-repeat: no-repeat;
    }

#bottom a.logo:hover, #bottom_alt a.logo:hover {
        background-position: 0 -60px;
    }

#bottom a.logo#upmc, #bottom_alt a.logo#upmc {
        width: 120px;
        background-image: url('../../images/logo_upmc.gif');
    }

#bottom a.logo#assodr, #bottom_alt a.logo#assodr {
        width: 60px;
        background-image: url("../../images/logo_asso.gif");
    }

#bottom a.logo#docup, #bottom_alt a.logo#docup {
        width: 54px;
        background-image: url("../../images/logo_docup.gif");
    }

#bottom div#compatibilites, #bottom_alt div#compatibilites {
        float:left;
        background-color:#394A58;
    }

#bottom a.compatibilite, #bottom_alt a.compatibilite {
        display: block;
        float: left;
        height: 15px;
        background-position: 1px 0px;
        background-repeat: no-repeat;
        margin-top: 20px;
    }

#bottom a.compatibilite:hover, #bottom_alt a.compatibilite:hover {
        background-position: 1px -15px;
    }

#bottom a.compatibilite#firefox, #bottom_alt a.compatibilite#firefox {
		width: 80px;
		background-image: url('../../images/footer_firefox.gif');
    }

#bottom a.compatibilite#ie7, #bottom_alt a.compatibilite#ie7 {
		width: 80px;
		background-image: url('../../images/footer_ie7.gif');
	}

#bottom a.compatibilite#css, #bottom_alt a.compatibilite#css {
		width: 80px;
		background-image: url('../../images/footer_css_valid.gif');
	}

#bottom a.compatibilite#xhtml, #bottom_alt a.compatibilite#xhtml  {
		width: 80px;
		background-image: url('../../images/footer_xhtml_valid.gif');
	}

/********************** Boites ******************/

/* Bleu */
.boiteTitre_bleu {
	background:transparent url('../../images/boiteEntete_bleu.gif') center top repeat-x;
	height:23px;
	color:#FFF;
	font-weight:bold;
	font-size:12pt;
	padding:5px 0 0 20px;
	margin:0 6px;
}
.boiteEG_bleu {
	float:left;
	background:transparent url('../../images/boiteEG_bleu.gif') left top no-repeat;
	width:6px;
	height:28px;
}
.boiteED_bleu {
	float:right;
	background:transparent url('../../images/boiteED_bleu.gif') right top no-repeat;
	width:6px;
	height:28px;
}

/* Vert */
.boiteTitre_vert {
	background:transparent url('../../images/boiteEntete_vert.gif') center top repeat-x;
	height:23px;
	color:#FFF;
	font-weight:bold;
	font-size:12pt;
	padding:5px 0 0 20px;
	margin:0 6px;
}
.boiteEG_vert {
	float:left;
	background:transparent url('../../images/boiteEG_vert.gif') left top no-repeat;
	width:6px;
	height:28px;
}
.boiteED_vert {
	float:right;
	background:transparent url('../../images/boiteED_vert.gif') right top no-repeat;
	width:6px;
	height:28px;
}

/* Rouge */
.boiteTitre_rouge {
	background:transparent url('../../images/boiteEntete_rouge.gif') center top repeat-x;
	height:23px;
	color:#FFF;
	font-weight:bold;
	font-size:12pt;
	padding:5px 0 0 20px;
	margin:0 6px;
}
.boiteEG_rouge {
	float:left;
	background:transparent url('../../images/boiteEG_rouge.gif') left top no-repeat;
	width:6px;
	height:28px;
}
.boiteED_rouge {
	float:right;
	background:transparent url('../../images/boiteED_rouge.gif') right top no-repeat;
	width:6px;
	height:28px;
}

/* Gris */
.boiteTitre_gris {
	background:transparent url('../../images/boiteEntete_gris.gif') center top repeat-x;
	height:23px;
	color:#FFF;
	font-weight:bold;
	font-size:12pt;
	padding:5px 0 0 20px;
	margin:0 6px;
}
.boiteEG_gris {
	float:left;
	background:transparent url('../../images/boiteEG_gris.gif') left top no-repeat;
	width:6px;
	height:28px;
}
.boiteED_gris {
	float:right;
	background:transparent url('../../images/boiteED_gris.gif') right top no-repeat;
	width:6px;
	height:28px;
}



.boiteCG {
	background:transparent url('../../images/boiteCG.gif') left top repeat-y;
}
.boiteCD {
	background:transparent url('../../images/boiteCD.gif') right top repeat-y;

}
.boiteContenu{
	margin:0 2px;
	padding:10px;
	background:#FFF;
}
.boiteBas {
	background:transparent url('../../images/boiteBas.gif') center top repeat-x;
	height:6px;
	margin-bottom:10px;
}
.boiteBG {
	float:left;
	background:transparent url('../../images/boiteBG.gif') left top no-repeat;
	width:5px;
	height:6px;
}
.boiteBD {
	float:right;
	background:transparent url('../../images/boiteBD.gif') right top no-repeat;
	width:5px;
	height:6px;
}




/********************* Popup ****************/
#popup {
	background-color: #fff;
	text-align:left;
	padding: 10px 10px 10px 10px;
}



.savoir_plus {
	display:block;
	text-align:right;
}

p.confirmation {
	text-align:center;
	font-weight:bold;
}

p.erreur {
	text-align:center;
	font-weight:bold;
	color:#F00;
}

.rouge {
	font-weight:bold;
	color:#F00;
}


div.apercu_mail {
	width:500px;
}

.contact_qg {
	text-align:center;
	font-weight:bold;
	padding-top:50px;
}

/************** Profil des agents ******************/
.fiche_agent {
	width:450px;
	float:left;
}

.fiche_agent td.photo_agent {
	width:100px;
	text-align:center;
}

.fiche_agent_infos_cibles {
	width:300px;
	float:left;
}


.fiche_agent img {
	vertical-align:middle;
}

#bloc_infos_agent1 {
	padding-bottom:10px;
	border-bottom:1px solid #666;
}
#bloc_infos_agent2 {
	padding-top:10px;
	padding-bottom:10px;
	border-bottom:1px solid #666;
}
#libelle_alias_agent, #libelle_grade_agent, #libelle_score_agent, #libelle_rang_agent, #libelle_statut_agent, #libelle_civilite_agent, #libelle_promo_agent, #libelle_ed_agent, #libelle_asso_agent, #libelle_ville_agent, #libelle_pays_agent, #libelle_situpro {
	margin-bottom:3px;
}

/************** Calque d'un agent avec ses cibles ******************/

#photo_agent img {
	float:left;
	margin-right:5px;
	margin-bottom:5px;
	height:100px;
}

#calque_infos_agent1 {
	float:left;
	max-width:230px;
	padding-right:10px;
	border-right:1px solid #666;
}

#calque_infos_agent1 p, #calque_infos_agent2 p {
	margin-bottom:3px;
	margin-top:0px;
}

#calque_infos_agent2 {
	float:left;
	max-width:420px;
	padding-left:10px;
	padding-right:10px;
	/*border-right:1px solid #666;*/
}



/************** Score des agents ******************/
.boite_score {
	width:400px;
	float:left;
}


/************** Rapports d'identification ********************/
h3.type_rapport {
	padding:5px 30px;
	margin:0;
	font-size:10pt;
	background-color:#CCC;
	border:1px solid #000;
}
div.liste_rapports {
	margin-bottom:20px;
	padding:5px;
	border:1px solid #000;
	border-top:0;
}

.contenu_rapport {
	background:transparent url('../../images/bg_rapport.gif') center top no-repeat;
	border:1px solid #eee;
	border-top: none;
	padding:10px 10px 10px 10px;
	width:604px;
}

.etat_rapport {
	color:#ccc;
}

.bouton_refuser {
	float:right;
}

.bouton_soumettre {
	float:right;
	position:relative;
	top:-20px;
}

.details_rapport {
	color:#ccc;
}

.details_rapport a {
	color:#99CCFF;
}

.details_rapport:hover {
	color:#000;
}

.details_rapport:hover a {
	color:#0066FF;
}

.details_ a:hover {
	color:#FF6600;
}

.commentaire_alert {
	font-size: 8pt;
	color: #68838B;
	padding: 10px 10px 10px 10px;
	background: transparent url('../../images/comment_alert_hg.jpg') top left no-repeat;
}

.infos_gris {
	font-size: 8pt;
	color: #68838B;
}

.note_commentaire_qg {
	padding-left:20px;
	padding-top:15px;
	padding-bottom:20px;
	background: transparent url('../../images/bg_comment_qg.png') top left no-repeat;
	color:#069;
}


/******************** Cibles ****************/
.infosCibleDetail {
	width:650px;
	margin:10px 0;
	padding:5px 5px;
}

table.infos_cible {
	font-size: 10pt;
}

.photo_cible {
	float:left;
	margin-right:5px;
	margin-bottom:5px;
}




/******************* Tableaux de statistiques *************/
.tableau_statistiques {
	margin-bottom:10px;
}
.tableau_statistiques , .tableau_statistiques td.valeur {
	text-align:left;
}

.tableau_statistiques td.libelle {
	width:350px;
}
.tableau_statistiques td.valeur {
	text-align:center;
}


table.tableau_classement td img.photo_agent {
	height:40px;
}

table.tableau_classement, table.tableau_cibles {
	border-collapse: collapse;
}

table.tableau_classement tr.rang_agent {
	background-color:#DDF1FF;
}

table.tableau_classement tr.rang_agent_rech {
	background-color:#ddd;
	font-weight:bold;
}

table.tableau_score {
	border-collapse: collapse;
}

table.tableau_score td, table.tableau_score th {
	border-bottom:2px solid #B7DE35;
	height:50px;
}

table.tableau_cibles {
	width:75%;
	margin-left:auto;
	margin-right:auto;
}

table.tableau_cibles td, table.tableau_cibles th {
        padding-left: 20px;
}

table.tableau_cibles td.col_droite, table.tableau_cibles th.col_droite {
	text-align:right;
}

table.tableau_cibles th.col_droite {
        padding-right: 20px;
}
/******************* Tableau centré *************************/
table .centre {
	position:relative;
	margin:auto;
	width: 500px;
}

/******************* Numérotation de pages (page classement) *************************/
p.numerotation { margin: 10px 0px; overflow: visible; text-align: right; }
p.numerotation a { border: 1px solid rgb(238, 238, 238); margin: 0px 1px; padding: 3px 5px; background-color: rgb(255, 255, 255); text-decoration: none; }
p.numerotation a:hover { border: 1px solid rgb(0, 0, 192); background-color: rgb(244, 244, 244); text-decoration: none; }
p.numerotation .current, p.numerotation a.current:hover { border: 2px solid rgb(102, 102, 255); padding: 3px 5px; background-color: rgb(244, 244, 244); font-weight: bold; }
p.numerotation a.prevPage, p.numerotation a.nextPage { border: 1px solid rgb(221, 221, 221); background-color: rgb(238, 238, 238); }
p.numerotation a.prevRow, p.numerotation a.nextRow { border: 1px solid rgb(204, 204, 204); background-color: rgb(221, 221, 221); }
p.numerotation a.prevPage:hover, p.numerotation a.nextPage:hover, p.numerotation a.prevRow:hover, p.numerotation a.nextRow:hover { border: 1px solid rgb(0, 0, 192); background-color: rgb(204, 204, 204); }


/******************* Tableaux des messages *************/
.tableau_messages {
	margin:0;
	padding:0;
}

.tableau_messages tr.libelle {
	text-align:left;
	font-family:Tahoma, verdana, arial;
	font-size:10pt;
	padding:0;
	margin:0;
}

.tableau_messages tr.messageLu {
	text-align:left;
	font-family:Tahoma, verdana, arial;
	font-size:10pt;
	padding:0;
	margin:0;
}

.tableau_messages tr.messageNonLu {
	text-align:left;
	font-family:Tahoma, verdana, arial;
	font-size:10pt;
	font-weight:bold;
	padding:0;
	margin:0;
}

.tableau_messages td.libelle {
	text-align:left;
	font-family:Tahoma, verdana, arial;
	font-size:10pt;
	font-weight:bold;
	padding:0;
	margin:0;
}
.tableau_messages td.contenu {
	text-align:center;
	font-family:Tahoma, verdana, arial;
	font-size:10pt;
	padding:0;
	margin:0;
	width:40px;
}
.tableau_messages td.contenuDate {
	text-align:left;
	font-family:Tahoma, verdana, arial;
	font-size:10pt;
	padding:0;
	margin:0;
	width:110px;
}
.tableau_messages td.contenuExpediteur {
	text-align:left;
	font-family:Tahoma, verdana, arial;
	font-size:10pt;
	padding:0;
	margin:0;
	width:150px;
}
.tableau_messages td.contenuSujet {
	text-align:left;
	font-family:Tahoma, verdana, arial;
	font-size:10pt;
	padding:0;
	margin:0;
}

.tableau_messages td.contenuVoir {
	text-align:right;
	font-family:Tahoma, verdana, arial;
	font-size:10pt;
	padding:0;
	margin:0;
}

div.message_origine {
	border:1px solid #000;
	margin:10px;
	padding:10px;
	background-color:#CCC;
	font-size:8pt;
	font-style:italic;
}
div.message_origine .entete_message_origine {
	margin-bottom:10px;
	font-weight:bold;
	font-style:normal;
}

/******************* Tableau des grades *****************/

table.tableau_grades {
	border-collapse: collapse;
	text-align:center;
}

.tableau_grades th {
	border-bottom:1px solid #000;
}

.tableau_grades td {
	border-bottom:1px solid #ccc;
}

td .tableau_grade_col {
	border-right:1px solid #ccc;
}

th .tableau_grade_col {
	border-right:1px solid #000;
}

/***************** Autocompletion **************/
/* Autocompletion */
.autocompletion{
	position:absolute;
	background-color:white;
	border:1px solid #888;
	margin:0px;
	padding:0px;
}

.autocompletion ul.contacts  {
	list-style-type: none;
	margin:0px;
	padding:0px;
	text-align: left;
}

.autocompletion ul.contacts li.selected { background-color: #DDF1FF; cursor: pointer; }
.autocompletion li.contact {
	list-style-type: none;
	display:block;
	margin:0;
	padding:2px;
	height:32px;
}
.autocompletion li.contact div.image {
	float:left;
	width:32px;
	height:32px;
	margin-right:8px;
}
.autocompletion li.contact div.nom {
	/*font-weight:bold;*/
	font-size:12px;
	line-height:1.2em;
}

.autocompletion li.entreprise {
	list-style-type: none;
	display:block;
	margin:0;
	padding:2px;
	height:16px;
}

.autocompletion li.entreprise div.nom {
	/*font-weight:bold;*/
	font-size:10px;
	line-height:1em;
}

.infobulle{
	position: absolute;
	visibility : hidden;
	font-size:8pt;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-top: 2px;
	border: 1px solid #CCCCCC;
	background-color: #FFFFFF;
}

/***************** Administration **************/

input.suivi[type=checkbox] {
	position: absolute;
	left: -9999em;
}

input.suivi[type=checkbox] + label.suivi {
	display: block;
	height: 16px;
	padding-left: 25px;
	background: url('../../images/suivi_off.png') top left no-repeat;
}

input.suivi[type=checkbox]:checked + label.suivi {
	background-image: url('../../images/suivi_on.png');
}

.comment_qg {
        margin-left: 5px;
        padding-left: 16px;
        background: transparent url('../../images/comment_qg.png') top left no-repeat;
}