html, body
{
	margin: 0;
	padding: 0;
	background-image: url('images/fond-site2.jpg');
	background-repeat: repeat;
	background-position: left top;
	scrollbar-face-color: #5b83a6;
	scrollbar-highlight-color: #87a4bd;
	scrollbar-3dlight-color: #e1e7ed;
	scrollbar-darkshadow-color: #e1e7ed;
	scrollbar-shadow-color: #87a4bd;
	scrollbar-arrow-color: #ffffff;
	scrollbar-track-color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
}


.trRef
{
	background-color: #c7d5e0;
	height: 25px;
	padding: 5px;
}

.trRef:hover
{
	background-color: #e2e7ed;
	height: 25px;
}

/***********
* TYPOS	   *
***********/
.error
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ff0000;
	font-weight: bold;
}

.arialgris16px_l
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	vertical-align: middle;
	text-align: left;
	color: #525963;
}
.arialnoir21px_l
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	vertical-align: middle;
	text-align: left;
	color: #000000;
	text-transform: uppercase;
}
.arialorange12px_l
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	vertical-align: middle;
	text-align: left;
	color: #ff5400;
}
.arialorange21px_l
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	vertical-align: middle;
	text-align: left;
	color: #ff5400;
	text-transform: uppercase;
}
.arialblanc11px_l
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	vertical-align: middle;
	text-align: left;
	color: #ffffff;
}
.arialblanc12px_l
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	vertical-align: middle;
	text-align: left;
	color: #ffffff;
}
.arialnoir12px_l
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	vertical-align: middle;
	text-align: left;
	color: #000000;
}
.arialbleu11px_l
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: left;
	color: #416888;
}
.arialblanc14px_l
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	vertical-align: middle;
	text-align: left;
	color: #ffffff;
	text-transform: uppercase;
}
.arialgris14px_l
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	vertical-align: middle;
	text-align: left;
	color: #525963;
	font-weight: bold;
}
.arialgris11pxbold_l
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	vertical-align: middle;
	text-align: left;
	color: #525962;
	font-weight: bold;
}
.arialgris11px_j
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	vertical-align: middle;
	text-align: justify;
	color: #525962;
}
.arialbleu11px_j
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	vertical-align: middle;
	text-align: justify;
	color: #416888;
	padding: 5px;
}
.arialbleu11px_c
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	vertical-align: middle;
	text-align: center;
	color: #416888;
}
.arialbleu11px3_l
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	vertical-align: middle;
	text-align: left;
	color: #416888;
}

.arialbleu11px2_j
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	vertical-align: middle;
	text-align: justify;
	color: #416888;
	font-weight: bold;
}
.arialbleu11px2_l
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	vertical-align: middle;
	text-align: left;
	color: #416888;
	font-weight: bold;
}

.arialbleu12px_l
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	vertical-align: middle;
	text-align: left;
	color: #2f4d66;
}
.arialbleu12pxbold_l
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	vertical-align: middle;
	text-align: left;
	color: #344e65;
	padding-left: 10px;
	font-weight: bold;
}
.arialgris12pxbold_l
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	vertical-align: middle;
	text-align: left;
	color: #525962;
	font-weight: bold;
}
.arialgris16px_c
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	vertical-align: middle;
	text-align: center;
	color: #525963;
}
.arialblanc16px_c
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	vertical-align: middle;
	text-align: center;
	color: #ffffff;
}
.arialgris18px_l
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	vertical-align: middle;
	text-align: left;
	color: #525963;
}
.arialblanc18px_l
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	vertical-align: middle;
	text-align: left;
	color: #ffffff;
}
.arialbleu14px
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	vertical-align: middle;
	text-align: left;
	color: #2f4d66;
	cursor: pointer;
}
.arialbleu14px_l
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	vertical-align: middle;
	text-align: left;
	color: #2f4d66;
	font-weight: bold;
	cursor: pointer;
}
.arialbleuclair14px
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	vertical-align: middle;
	text-align: left;
	color: #5b83a6;
	font-weight: bold;
	cursor: pointer;
}
.arialgris10px
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	vertical-align: middle;
	color: #525962;
	text-decoration: none;
	line-height: 1.3;
}


/*********
* LIENS  *
*********/



.lien_arialbleu10px_s
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	vertical-align: middle;
	text-align: left;
	color: #3874fe;
	text-decoration: underline;
}
.lien_arialbleu10px_s:hover
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	vertical-align: middle;
	text-align: left;
	color: #3874fe;
	text-decoration: none;
}
.lien_arialbleu12px_c
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	vertical-align: middle;
	text-align: center;
	color: #2f4d66;
	text-decoration: none;
}
.lien_arialbleu12px_c:hover
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	vertical-align: middle;
	text-align: center;
	color: #2f4d66;
	text-decoration: underline;
}

.lien_arialbleu14px_c
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	vertical-align: middle;
	text-align: center;
	color: #2f4d66;
	text-decoration: none;
}
.lien_arialbleu14px_c:hover
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	vertical-align: middle;
	text-align: center;
	color: #2f4d66;
	text-decoration: underline;
}

.lien_arialnoir13px_c
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	vertical-align: middle;
	text-align: center;
	color: #000000;
	font-weight: bold;
	text-decoration: none;
}
.lien_arialnoir13px_c:hover
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	vertical-align: middle;
	text-align: center;
	color: #000000;
	font-weight: bold;
	text-decoration: underline;
}


.lien_arialgris10px_j
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	vertical-align: middle;
	text-align: justify;
	color: #525962;
	text-decoration: none;
	line-height: 1.3;
}
.lien_arialgris10px_j:hover
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	vertical-align: middle;
	text-align: justify;
	color: #525962;
	text-decoration: underline;
}
.lien_arialblanc11px_c
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	vertical-align: middle;
	text-align: justify;
	color: #ffffff;
	text-decoration: none;
	height: 30px;
}
.lien_arialblanc11px_c:hover
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	vertical-align: middle;
	text-align: justify;
	color: #ffffff;
	text-decoration: underline;
	height: 30px;
}
.lien_arialblanc11px_r
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	vertical-align: middle;
	text-align: justify;
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
}
.lien_arialblanc11px_r:hover
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	vertical-align: middle;
	text-align: justify;
	color: #ffffff;
	text-decoration: underline;
	height: 30px;
	font-weight: bold;
}
.lien_arialbleu14px_l
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	vertical-align: middle;
	text-align: left;
	color: #2f4d66;
	font-weight: bold;
	text-decoration: none;
}
.lien_arialbleu14px_l:hover
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	vertical-align: middle;
	text-align: left;
	color: #2f4d66;
	font-weight: bold;
	text-decoration: underline;
}
.lien_arialbleu11px_j
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	vertical-align: middle;
	text-align: justify;
	color: #416888;
	text-decoration: none;
}
.lien_arialbleu11px_j:hover
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	vertical-align: middle;
	text-align: justify;
	color: #416888;
	text-decoration: underline;
}
.lien_arialblanc16px_c
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	vertical-align: middle;
	text-align: center;
	color: #ffffff;
	text-decoration: none;
}
.lien_arialblanc16px_c:hover
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	vertical-align: middle;
	text-align: center;
	color: #ffffff;
	text-decoration: underline;
}
/******************
*	Formulaires   *
******************/
.form_gauche
{
	font-size: 12px;
	color: #625952;
	width: 50%;
	padding-left: 5px;
	text-align: left;
	font-weight: bold;
}
.form_gauche_n
{
	font-size: 12px;
	color: #625952;
	width: 50%;
	padding-left: 5px;
	text-align: left;
	font-weight: normal;
}
.form_droite
{
	font-size: 12px;
	color: #000000;
	width: 50%;
	padding-left: 5px;
	text-align: left;
}

/*************
*	Listes   *
*************/
.fond_panel
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	vertical-align: middle;
	text-align: center;
	color: #2f4d66;
	font-weight: bold;
	height: 27px;
	padding-left: 5px;
	background-color: #5b83a5;
	opacity: .70;
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	padding-top: 5px;
	padding-bottom: 5px;
	width: 495px;
}
.details_gauche
{
	font-size: 12px;
	color: #2f4d66;
	width: 35%;
	padding-left: 5px;
	text-align: left;
}
.details_droite
{
	color: #000000;
	width: 65%;
	padding-left: 5px;
	text-align: left;
}
.liste_gauche
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	vertical-align: middle;
	text-align: left;
	color: #2f4d66;
	padding-left: 10px;
	height: 27px;
	background-color: #d9e1e9;
}

.liste_droite
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	vertical-align: middle;
	text-align: center;
	color: #2f4d66;
	font-weight: bold;
	height: 27px;
	padding-left: 5px;
	background-color: #5b83a5;
	opacity: .70;
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
}
.lien_arialbleu12px_full
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	vertical-align: middle;
	text-align: center;
	color: #000000;
	text-decoration: none;
	opacity: 1;
	filter: alpha(opacity=100);
	-moz-opacity: 1;
}
.lien_arialbleu12px_full:visited
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	vertical-align: middle;
	text-align: center;
	color: #000000;
	text-decoration: none;
	opacity: 1;
	filter: alpha(opacity=100);
	-moz-opacity: 1;
}
.lien_arialbleu12px_full:hover
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	vertical-align: middle;
	text-align: center;
	color: #000000;
	text-decoration: underline;
	opacity: 1;
	filter: alpha(opacity=100);
	-moz-opacity: 1;
}

.liste_picto
{
	float: right;
	position: relative;
	margin-right: -25px;
	z-index: 10;
}

/***********
* MODULES  *
***********/

.telechargements
{
	width: 243px;
	height: 417px;
	background-image: url('images/fond-dl.jpg');
	background-position: bottom;
	background-repeat: no-repeat;
}
.actualites
{
	width: 243px;
	height: 417px;
	background-image: url('images/fond-actu.jpg');
	background-position: bottom;
	background-repeat: no-repeat;
}
.div_actualites_ff
{
	position: absolute;
	top: 103px;
	left: 243px;
	width: 529px;
	height: 385px;
	z-index: 1;
	background-image: url('images/actu_bg.jpg');
	background-repeat: repeat-x;
	padding: 10px;
}
.div_actualites_ie
{
	position: absolute;
	float: left;
	top: 102px;
	left: 243px;
	width: 529px;
	height: 385px;
	z-index: 1;
	background-image: url('images/actu_bg.jpg');
	background-repeat: repeat-x;
	padding: 10px;
}
.bordOrange
{
	background-image: url('images/fleche-orange.gif');
	background-repeat: no-repeat;
	background-color: #ff5400;
	width: 14px;
}
.separation-besoin-formation
{
	background-image: url('images/sepation_projet-formation.gif');
	background-repeat: no-repeat;
	background-position: left;
	height: 5px;
}
.historique
{
	width: 194px;
	height: 417px;
	background-image: url('images/fond-historique.jpg');
	background-repeat: no-repeat;
}
.radar
{
	width: 194px;
	height: 358px;
	background-image: url('images/fond-radar.jpg');
	background-repeat: no-repeat;
}
.fondInterieur
{
	width: 1056px;
	height: 425px;
	background-image: url('images/fond-interieur.jpg');
	background-repeat: no-repeat;
}
.separation
{
	background-image: url('images/separateur.jpg');
	background-position: center;
	background-repeat: no-repeat;
	width: 173px;
	height: 12px;
}
.separation_actu
{
	background-image: url('images/separateur_actu.jpg');
	background-position: center;
	background-repeat: no-repeat;
	width: 173px;
	height: 12px;
}
.fondOrangeLien
{
	background-color: #ff5400;
	border: 1px solid #ffffff;
	height: 30px;
}

.grosBtn
{
	/*background-image:url('images/btn_besoin-collaborateur.png');     behavior: url(iepngfix.htc);     background-repeat:no-repeat;*/
	width: 225px;
	height: 277px;
}
.approfondir
{
	background-color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	vertical-align: middle;
	text-align: left;
	color: #2f4d66;
	padding-left: 3px;
	padding-right: 3px;
	cursor: pointer;
}
.cacher
{
	visibility: hidden;
	overflow: hidden;
	height: 0px;
}
.visible
{
}

/**************
* TRANSPARENCE*
**************/

.img-png
{
	behavior: url(/iepngfix.htc);
}

/**************
* FORMULAIRE  *
**************/

.input_collaborateur
{
	background-color: #d5e0e9;
	color: #344e65;
	border: 1px solid #e2e7ed;
	font-size: 12px;
	font-family: Arial;
	width: 95px;
}
.liste_collaborateur
{
	color: #344e65;
	border: 1px solid #344e65;
	font-size: 12px;
	font-family: Arial;
}
.btn_collaborateur
{
	background-color: #e1e7ed;
	background-image: url('images/btn-suite.jpg');
	background-repeat: no-repeat;
	color: #525963;
	border: 1px solid #344e65;
	font-size: 12px;
	font-family: Arial;
	text-align: center;
	padding-left: 20px;
	cursor: pointer;
	vertical-align: middle;
}

.btn_pdf
{
	background-color: #344e65;
	background-image: url('images/btn-pdf.jpg');
	background-repeat: no-repeat;
	color: #e1e7ed;
	border: 1px solid #e1e7ed;
	font-size: 12px;
	font-family: Arial; /*width:140px;*/
	text-align: center;
	padding-left: 20px;
	vertical-align: middle;
	cursor: pointer;
}
.btn_synthese
{
	background-color: #e1e7ed;
	background-image: url('images/ico_synthese.jpg');
	background-repeat: no-repeat;
	color: #525963;
	border: 1px solid #344e65;
	font-size: 12px;
	font-family: Arial;
	text-align: center;
	padding-left: 20px;
	vertical-align: middle;
	cursor: pointer;
}
.btn_ok
{
	background-color: #ffffff;
	color: #525963;
	border: 1px solid #344e65;
	font-size: 12px;
	font-family: Arial;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
}
.btn_retour
{
	background-image: url('profils/bouton_retour.png');
	background-repeat: no-repeat;
	background-color: #e1e7ed;
	color: #525963;
	border: 1px solid #344e65;
	font-size: 12px;
	font-family: Arial;
	text-align: center;
	vertical-align: middle;
	padding-left: 15px;
	cursor: pointer;
}


/**************
*  TABLEAU    *
**************/

.fond-entete-synthese-on
{
	background-image: url('images/fond-entete-synthese-on.gif');
	background-position: top left;
	background-repeat: no-repeat;
	font-family: Arial;
	font-size: 11px;
	color: #344e65;
	font-weight: bold;
	text-align: left;
	vertical-align: top;
	padding-left: 12px;
	cursor: pointer;
}
.fond-entete-synthese-off
{
	background-image: url('images/fond-entete-synthese-off.gif');
	background-position: top left;
	background-repeat: no-repeat;
	font-family: Arial;
	font-size: 11px;
	color: #344e65;
	text-align: left;
	vertical-align: top;
	padding-left: 12px;
	cursor: pointer;
}
.fond-tableau-libelle
{
	background-color: #f3f6f8;
	background-repeat: no-repeat;
	font-family: Arial;
	font-size: 11px;
	color: #344e65;
	text-align: left;
	vertical-align: middle;
	width: 179px; /*height:47px;*/
	padding: 5px;
}
.fond-tableau-libelle2
{
	background-color: #e1e7ed;
	background-repeat: no-repeat;
	font-family: Arial;
	font-size: 11px;
	color: #344e65;
	text-align: left;
	vertical-align: middle;
	width: 179px; /*height:47px;*/
	padding: 5px;
}
.fond-cellule-bleu
{
	background-image: url('images/fond-synthese-bleu.jpg');
	background-color: #f3f6f8;
	background-repeat: no-repeat;
	font-family: Arial;
	font-size: 11px;
	color: #344e65;
	text-align: left;
	vertical-align: bottom;
	text-align: right;
	padding-right: 5px;
	padding-bottom: 5px;
	width: 103px;
	height: 42px; /*border-left:2px solid #344e65;*/
}
.fond-cellule-orange
{
	background-image: url('images/fond-synthese-orange.jpg');
	background-color: #f3f6f8;
	background-repeat: no-repeat;
	font-family: Arial;
	font-size: 11px;
	color: #344e65;
	text-align: left;
	vertical-align: bottom;
	text-align: right;
	padding-right: 5px;
	padding-bottom: 5px;
	width: 103px;
	height: 42px; /*border-left:2px solid #344e65;*/
}

.fond-cellule-gris
{
	background-color: #f3f6f8;
	background-repeat: no-repeat;
	font-family: Arial;
	font-size: 11px;
	color: #344e65;
	text-align: left;
	vertical-align: bottom;
	padding-right: 5px;
	padding-bottom: 5px;
	text-align: right;
	width: 103px;
	height: 42px; /*border-left:2px solid #344e65;*/
}
.fond-cellule-bleuC
{
	background-color: #e1e7ed;
	background-repeat: no-repeat;
	font-family: Arial;
	font-size: 11px;
	color: #344e65;
	text-align: left;
	vertical-align: bottom;
	padding-right: 5px;
	padding-bottom: 5px;
	text-align: right;
	width: 103px;
	height: 42px; /*border-left:2px solid #344e65;*/
}
.pied-tableau
{
	background-color: #344e65;
	background-repeat: no-repeat;
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
	color: #e1e7ed;
	text-align: center;
	vertical-align: middle;
	height: 20px;
}
.sep-tableau_bleu
{
	background-color: #344e65;
	width: 1px;
}
.sep-tableau_blanc
{
	background-color: #e1e7ed;
	width: 1px;
}
.details_bord_g
{
	background-image: url('images/details_g.png');
	behavior: url(iepngfix.htc);
	background-repeat: repeat-y;
	width: 10px;
}
.details_bord_d
{
	background-image: url('images/details_d.png');
	behavior: url(iepngfix.htc);
	background-repeat: repeat-y;
	width: 10px;
}
.details_bord_h
{
	background-image: url('images/details_h.png');
	behavior: url(iepngfix.htc);
	background-repeat: no-repeat;
	width: 300px;
	height: 10px;
}
.details_bord_b
{
	background-image: url('images/details_b.png');
	behavior: url(iepngfix.htc);
	background-repeat: no-repeat;
	width: 300px;
	height: 10px;
}
.details_contenu
{
	background-color: #ffffff;
	width: 280px;
}
.plus-details
{
	background-color: #ffffff;
	width: 69px;
	font-family: Arial;
	font-size: 11px;
	color: #344e65;
	border-left: 1px solid #5b83a5;
	border-right: 1px solid #5b83a5;
	border-top: 1px solid #5b83a5;
	text-align: center;
	vertical-align: middle;
	font-weight: bold;
}
.sep-details
{
	background-image: url('images/sep_details.jpg');
	background-color: #ffffff;
	background-repeat: no-repeat;
	background-position: center;
	width: 265px;
	height: 1px;
}

.lock-header
{
	background: url(Images/lock.gif) -1px 3px no-repeat !important;
}

/**************
*  RADAR    *
**************/

.Onglet_haut
{
	height: 31px;
	background-color: #7D9CB8;
	background-image: url('profils/tranche_blanc.gif');
	background-position: center left;
	background-repeat: no-repeat;
	border: 1px solid #FFFFFF;
	border-bottom: none;
	padding-left: 15px;
	font-family: Arial;
	color: #FFFFFF;
}

.Onglet_sous_haut
{
	height: 36px;
	background-color: #C6D4DF;
	border: 1px solid #FFFFFF;
	padding-left: 15px;
	font-family: Arial;
	color: #525963;
}