/*
	Feuille CSS d'impression
	
	Spécificité par rapport à la feuille normale :
	
	- blocs en savoir plus toujours visibles
	- menu droit masqué
	- apparition de la classe no_print
	- menu bas masqué
	- menu haut masqué
	
*/

.no_print {
	display:none;
}

html, body {
	margin: 0;
	background-color:#ffffff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

#img_marge_droite_bandeau, #animation_bandeau, #img_marge_droite_menu {
	float:right;
}

/*
	CONTENU
*/

#contenu {
	padding-left:30px;
	padding-right:30px;
	margin-left:25px; 
	margin-right:25px; 
	
	padding-top:18px;
	padding-bottom:30px;
	
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	position:relative;
}

.contenu {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	padding-left:30px;
	padding-right:30px;
	margin-left:25px; 
	margin-right:25px; 
}

/*
	MENU DROIT
*/

#menu_droit {
	padding-top: 18px;
	padding-right:20px;
	float:right;
	background-color:#FFFFFF;
	border:thin dashed #C6E1EC;
	display:none;
}

#menu_droit li {
	list-style-image: url(../medias/ic_check_titre.gif);
	list-style-type: None;
	line-height:18px;
}

#menu_droit a:active, #menu_droit a:hover, #menu_droit a:link, #menu_droit a:visited {
	position:relative;
	margin-left: 3px;
	font-size:11px;
	color:#FF7A03;
	top:-3px;
}
#menu_droit a:hover {
	background-color:#FFF4EA;
}

#menu_droit a:active.selected, #menu_droit a:hover.selected, #menu_droit a:link.selected, #menu_droit a:visited.selected {
	color: #0177A9;
	font-weight:bold;
	text-decoration:none;
}
#menu_droit a:hover.selected {
	background-color:#FFF4EA;
}

/*
	MENU BAS
*/

#lien_menu_bas {
	display:none;
	padding-top:6px;
	padding-left:30px;
	color:#ffffff;
	font-size:11px;
}
#lien_menu_bas a:link, #lien_menu_bas a:visited, #lien_menu_bas a:hover, #lien_menu_bas a:active {
	color:#ffffff;
	font-size:11px;
}
#lien_menu_bas a:hover {
	background-color:#59A7C8;
}
#lien_menu_bas a:link.selected, #lien_menu_bas a:visited.selected, #lien_menu_bas a:hover.selected, #lien_menu_bas a:active.selected {
	color:#ffffff;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
}

/*
	TEXTE
*/

h1 {
	background-image:url(../medias/ic_check_titre.gif);
	background-position:left;
	background-repeat:no-repeat;
	padding-left:20px;
	margin-bottom:20px;
	font-size:14px;
	color:#0E688C;
	border-bottom-style:solid;
	border-bottom-width:1px;
	border-bottom-color:#C6E1EC;
}

h2 {
	background-image:url(../medias/fond_titre2.jpg);
	background-position:left;
	background-repeat:no-repeat;
	padding-left:16px;
	line-height:26px;
	font-size:13px;
	font-weight:bold;
	color:#ffffff;
	border-bottom-style:solid;
	border-bottom-width:1px;
	border-bottom-color:#C6E1EC;
	margin-top:30px;
}

h2.moyen {
	background-image:url(../medias/fond_titre2_moyen.jpg);
	background-position:left;
	background-repeat:no-repeat;
	padding-left:16px;
	line-height:26px;
	font-size:13px;
	font-weight:bold;
	color:#ffffff;
	border-bottom-style:solid;
	border-bottom-width:1px;
	border-bottom-color:#C6E1EC;
	margin-top:30px;
}

p strong, p b {
	color:#0177A9;
	font-weight:bold;
}

p a:link, p a:visited, p a:hover, p a:active {
	color:#FF7A03;
}


p a:hover {
	background-color:#FFF4EA;
}

ul {
	list-style-position: outside;
	list-style-image: url(../medias/puce_ul.gif);
	list-style-type: none;
}

li strong, li b {
	color:#0177A9;
	font-weight:bold;
}

h3 {
	font-size:12px;
	font-weight:bold;
	color:#0E688C;
	border-style:solid;
	border-width:1px;
	border-color:#FFD0A6;
	background-color:#FFF4EA;
	padding-left:8px;
}

.titre_puce_bleue {
	background-image:url(../medias/puce_bleue.gif);
	background-position:left;
	background-repeat:no-repeat;
	padding-left:12px;
	margin-bottom:6px;
	font-size:13px;
	color:#0E688C;
	font-weight:bold;
}

.orange {
	color: #FF8B22;
}

.top {
	background-image:url(../medias/fond_top.jpg);
	background-repeat:repeat-x;
	font-size:11px;
	color:#ffffff;
	font-weight:bold;
	padding-left:8px;
	padding-right:8px;
	padding-top:0px;
	padding-bottom:2px;
	float:right;
}

.top a:active, .top a:hover, .top a:link, .top a:visited {
	color:#ffffff;
	text-decoration:none;
	background-image:url(../medias/fond_top.jpg);
	background-repeat:repeat-x;
}

.top a:hover {
	background-color:#FFBD82;
}


ol.faq li {
	color:#0177A9;
	font-weight:bold;
}

ol.faq li a:active, ol.faq li a:hover, ol.faq li a:link, ol.faq li a:visited {
	color:#0177A9;
	font-weight:normal;
}
ol.faq li a:hover {
	background-color:#FFF4EA;
}

a:link, a:hover, a:link, a:visited {
	color:#0177A9;
	/*font-weight:normal;*/
}

/*
	Formulaire de contact
*/
#formulaire_contact td {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

#formulaire_contact td.libelle {
	text-align:right;
}

#formulaire_contact strong, #formulaire_contact b {
	color:#0177A9;
	font-weight:bold;
}

#formulaire_contact input, #formulaire_contact textarea {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#0E688C;
	border-color:#0177A9;
	border-style:solid;
	border-width:1px;
	background-color:#EBF2F8;
	padding-top:1px;
	padding-bottom:1px;
	padding-left:6px;
	padding-right:6px;
}

/*
	Tableau
*/
.tableau td {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

.tableau strong, .tableau b {
	color:#0177A9;
	font-weight:bold;
}


/*
	Page démo
*/

hr {
	color:#C6E1EC;
	height:1px;
	width:500px;
	text-align:left;
}

#box500 {
	font-size:12px;
	border-style:solid;
	border-width:1px;
	border-color:#FFD0A6;
	background-color:#FFF4EA;
	width:100%;
}

/*
	Accès client
*/
#acces_cli {
	border-color:#0278A9;
	border-style:solid;
	border-width:2px;
	width:159px;
	background-image:url(../medias/tetiere_acces_cli.gif);
	background-repeat:no-repeat;
	background-position:0 0;
	background-color:#FFFFFF;
}

#acces_cli_titre {
	padding-left:24px;
	font-size:11px;
	font-weight:bold;
	color:#FFFFFF;
	line-height:20px;
	width:159px;
}

.input_acces_cli {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#0E688C;
	border-color:#0177A9;
	border-style:solid;
	border-width:1px;
	background-color:#EBF2F8;
	padding-top:1px;
	padding-bottom:1px;
	padding-left:2px;
	padding-right:2px;
}

.libelle_acces_cli {
	text-align:right;
	color:#0177A9;
	font-size:11px;
}


.bouton_bleu {
	background-image:url(../medias/btn_bleu.jpg);
	background-repeat:no-repeat;
	line-height:19px;
	width:62px;
	text-align:center;
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	margin-bottom:3px;
}

.bouton_bleu a:hover, .bouton_bleu a:link, .bouton_bleu a:active, .bouton_bleu a:visited {
	color:#ffffff;
}

/*
	COMMENTAIRES
*/

#commentaires {
	/*
	bottom:0px;
	position:absolute;
	*/
	width:100%;
}

#titre_commentaires a:link, #titre_commentaires a:hover, #titre_commentaires a:link, #titre_commentaires a:visited {
	color:#FF7A03;
	font-weight:normal;
}

#titre_commentaires {
	font-weight:bold;
	color:#0177A9;
	font-size:14px;
	border-style:solid;
	border-color:#0177A9;
	border-width:1px;
	background-color:#EFF6F9;
	padding-left:12px;
	padding-top:5px;
	padding-bottom:5px;
}

.sous_titre_commentaire {
	font-weight:bold;
	color:#0177A9;
	font-size:12px;
}

.input_commentaire {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#0177A9;
	background-color:#FBFCFD;
	border-style:solid;
	border-width:1px;
	border-color:#C6E1EC;
}

#commentaire_edit {
	margin:0px;
}

.tab_commentaire_edit {
	background-color:#EFF6F9;
	border-bottom-style:solid;
	border-bottom-width:1px;
	border-bottom-color:#C6E1EC;
	
	padding-top:4px;
	padding-left:12px;
	padding-bottom:4px;
}

.btn_commentaire {
	margin-right:12px;
	background-image:url(../medias/btn_bleu.jpg);
	background-repeat:no-repeat;
	line-height:19px;
	width:62px;
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	/*
	margin-bottom:3px;
	*/
	margin-top:4px;
	float:right;
	text-align:center;
}

.btn_commentaire a:link, .btn_commentaire a:hover, .btn_commentaire a:link, .btn_commentaire a:visited {
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
}

.header_commentaire {
	margin-top:10px;
	margin-bottom:3px;
	font-weight:bold;
	color:#0177A9;
	padding-left:12px;
	background-color:#EFF6F9;
	padding-top:2px;
	padding-bottom:2px;
}

.options_header_commentaire {
	float:right;
	margin-top:11px;
	padding-right:12px;
	
}

.commentaire {
	padding-bottom:8px;
	padding-left:12px;
	padding-right:12px;
	width:100%;
	/*
	margin-bottom:18px;
	border-bottom-style:solid;
	border-bottom-color:#C6E1EC;
	border-bottom-width:1px;
	*/
}

/*
	CALQUES SAVOIR PLUS
*/
.savoir_plus {
	text-decoration:none;
}

.savoir_plus:hover {
	background-color:#FFF4EA;
}

#calque_formateurs,
#calque_ress_hum,
#calque_marketing,
#calque_ecrans_info,
#calque_ecrans_questions,
#calque_ecrans_formulaires,
#calque_fn_creation,
#calque_fn_diffusion,
#calque_fn_resultats,
#calque_fn_lecteur
{ 
	display: block;
	background-color:#FFFDF9;
	border:1px solid #FFD0A6;
	padding-top:0px;
	padding-bottom:0px;
	padding-left:20px;
	padding-right:20px;
	margin-top:8px;
	margin-bottom:8px;
}

/* Les plus d'Evalcenter */

.detail_plus {
	background-color:#FFFDF9;
	border:1px solid #FFD0A6;
	padding-top:8px;
	padding-bottom:8px;
	padding-left:20px;
	padding-right:20px;
	margin-top:0px;
	margin-bottom:20px;
	width:550px;
}

.titre_plus {
	background-image:url(../medias/puce_ul.gif);
	background-position:left;
	background-repeat:no-repeat;
	padding-left:12px;
	margin-bottom:6px;
	font-size:13px;
	color:#0E688C;
	font-weight:bold;
}

/*
	Login utilisateur, liste parcours
*/ 

.zone_parcours {
	background-color:#FFFDF9;
	border:1px solid #FF7A03;
	padding-top:0px;
	padding-bottom:0px;
	padding-left:0px;
	padding-right:0px;
	margin-top:0px;
	/*margin-bottom:20px;*/
	width:550px;
}

.titre_zone_parcours {
	font-size:12px;
	font-weight:bold;
	color:#ffffff;
	border-bottom-style:solid;
	border-bottom-width:1px;
	border-bottom-color:#FF7A03;
	background-color:#FF8921;
	padding-left:8px;
	width:550px;
}

.retrait_zone_parcours {
	padding-left:20px;
	padding-right:20px;
	padding-top:20px;
	padding-bottom:20px;
}

.launch_session {
	font-size:12px;
	color:#ffffff;
	font-weight:bold;
	width:550px;
	padding-left:20px;
	padding-right:20px;
	float:right;
	height:17px;
	text-align:right;
	position:absolute;
	top:0px;
	left:0px;
}

.fond_btn_launch_session {
	background-image:url(../medias/fond_top.jpg);
	background-repeat:repeat-x;
	width:550px;
	position:relative;
}

.launch_session a:active, .launch_session a:hover, .launch_session a:link, .launch_session a:visited {
	color:#ffffff;
	text-decoration:none;
	background-image:url(../medias/fond_top.jpg);
	background-repeat:repeat-x;
}

.launch_session a:hover {
	background-color:#FFBD82;
}


/*
	Screenshots
*/

.titre_barre_menu {
	padding-left:16px;
	line-height:15px;
	font-size:13px;
	font-weight:bold;
	color:#ffffff;
}

.texte_barre_menu {
	padding-left:16px;
	line-height:15px;
	font-size:13px;
	color:#ffffff;
}
.img_select {
	border:1px solid #0177A9;background-color:#EFF6F9;
}