p {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; margin:0px; }
td, th {  font-family: Arial, Helvetica, sans-serif; font-size: 12px}
a {  font-family: Arial, Helvetica, sans-serif}
a {  }
a {  text-decoration: none}
a:hover {  text-decoration: underline}


.bouton_valider {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #FFFFFF; background: url(/runet/custom/cofely_recrut/images/bouton_valider.gif); background-repeat:no-repeat; cursor: pointer?)?, FinishOpacity=?, Style=?, StartX=?, StartY=?, FinishX=?, FinishY=?); cursor: pointer; border: none; width:110px; height:38;}
.bouton_annuler {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #FFFFFF; background: url(/runet/custom/cofely_recrut/images/bouton_annuler.gif); background-repeat:no-repeat; cursor: pointer?)?, FinishOpacity=?, Style=?, StartX=?, StartY=?, FinishX=?, FinishY=?); cursor: pointer; border: none; width:110px; height:38;}
.bouton_ajouter {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #555555; background: url(/runet/custom/cofely_recrut/images/plus.gif); background-repeat:no-repeat; cursor: pointer?)?, FinishOpacity=?, Style=?, StartX=?, StartY=?, FinishX=?, FinishY=?); cursor: pointer; border: none; width:180px; height:20;}
.bouton_supprimer {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #FFFFFF; background: url(/runet/custom/cofely_recrut/images/bouton_supprimer.gif); background-repeat:no-repeat; cursor: pointer?)?, FinishOpacity=?, Style=?, StartX=?, StartY=?, FinishX=?, FinishY=?); cursor: pointer; border: none; width:110px; height:38;}
.bouton_rechercher {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #EEEEEE; background: url(/runet/custom/cofely_recrut/images/bouton_rechercher.gif); background-repeat:no-repeat; cursor: pointer?)?, FinishOpacity=?, Style=?, StartX=?, StartY=?, FinishX=?, FinishY=?); cursor: pointer; border: none; width:110px; height:30;}
.bouton_export_excel {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #555555; background: url(/runet/custom/cofely_recrut/images/export_excel.gif); background-repeat:no-repeat; cursor: pointer?)?, FinishOpacity=?, Style=?, StartX=?, StartY=?, FinishX=?, FinishY=?); cursor: pointer; border: none; width:125px; height:20;}
.bouton_visionner {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #555555; background: url(/runet/custom/cofely_recrut/images/visionner.gif); background-repeat:no-repeat; cursor: pointer?)?, FinishOpacity=?, Style=?, StartX=?, StartY=?, FinishX=?, FinishY=?); cursor: pointer; border: none; width:200px; height:20;}
.bouton_imprimer {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #FFFFFF; background: url(/runet/custom/cofely_recrut/images/bouton_imprimer.gif); background-repeat:no-repeat; cursor: pointer?)?, FinishOpacity=?, Style=?, StartX=?, StartY=?, FinishX=?, FinishY=?); cursor: pointer; border: none; width:113px; height:38;}
.bouton_retour {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #FFFFFF; background: url(/runet/custom/cofely_recrut/images/bouton_retour.gif); background-repeat:no-repeat; cursor: pointer?)?, FinishOpacity=?, Style=?, StartX=?, StartY=?, FinishX=?, FinishY=?); cursor: pointer; border: none; width:105px; height:38;}

.action_link {width:36px; font-family: Arial, Helvetica, sans-serif; font-size: 10px; background:url(/runet/custom/cofely_recrut/images/bouton_fiche.gif) no-repeat; color:white;}
.action_link a {color:white;width:36px; padding-left:4px;padding-right:7px;}
.action_link a:hover {  text-decoration: none; background:url(/runet/custom/cofely_recrut/images/bouton_fiche_on.gif) no-repeat; color:#657621;}


.modif_link {font-family: Arial, Helvetica, sans-serif; font-size: 10px; width:30px;height:20px;display:block;background:url(/runet/custom/cofely_recrut/images/questionnaire_edit.png) no-repeat;}
.modif_link a {margin-right:6px; padding-left:10px; padding-right:10px; padding-top:3px; padding-bottom:3px;text-align:right; width:20px;height:20px; }
.modif_link a:hover {  text-decoration: none;}

.logout{margin-left:5px; font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #555555; height=20px;text-align:right;padding-bottom:3px;}
.imglogout{margin-left:535px;text-align:right;margin-bottom:5px;float:left;}

.bouton_bleu {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #FFFFFF; background-color: #1C2691; cursor: pointer; border: #CCCCCC solid 1px}
.titre_entete { font-family: Arial, Helvetica, sans-serif; font-size: 30px; font-weight: bold; color: #00157B; margin-left:200px;}
.titre { font-family: Arial, Helvetica, sans-serif  font-size: 22px; font-weight: bold; color: #8EA204; }
.soustitre { font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; color: #1C2691; }
.soustitre_fiche { font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bold; color: #000000; }
.remarques {font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #555555;}

.recherche { background-color: #D8DCEB; border: #9FA5EC solid 1px }
.recherche .label { font-size: 12px; font-weight: bold; }

.dataview { border: #CCCCCC solid 1px ; text-align:left;}
.dataview .headers { color: #555555; background-color: #CCCCCC; border: #1C2691 solid 1px }
.dataview .even { background-color: #EEEEEE; color: #555555;}
.dataview .odd { background-color: #FFFFFF;  color: #555555;}


.dataedit .label { font-weight: bold; color: #494949; background-color: #D8DCEB;}
.dataedit .field { }

.palette .header { background-color: #EEEEEE; }
.palette .button { background-color: #D6DD3F; }

.form-errors {color:red;}




/* Auto-completion*/
div.wicket-aa {
    font-family: "Lucida Grande","Lucida Sans Unicode",Tahoma,Verdana;
    font-size: 12px;
    background-color: white;
    border-width: 1px;
    border-color: #cccccc;
    border-style: solid;
    padding: 2px;
    margin: 1px 0 0 0;
    text-align:left;
}
div.wicket-aa ul { list-style:none; padding: 2px; margin:0; }
div.wicket-aa ul li.selected { background-color: #FFFF00; padding: 2px; margin:0; }


/* Page de login  */
div#loginpage {padding-top:50px;}
div#loginpage table {width: 350px;margin-left:280px;}
div#loginpage table#tablelogin {border:1px solid #A2A7D2; border-spacing: 8px; border-collapse: collapse; }
div#loginpage table#tablelogin td {padding: 8px 0px 8px 0px;}
.bouton_requete_mdp {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #555555; background: url(/runet/custom/cofely_recrut/images/icone_email.png); background-repeat:no-repeat; cursor: pointer?)?, FinishOpacity=?, Style=?, StartX=?, StartY=?, FinishX=?, FinishY=?); cursor: pointer; border: none; width:170px; height:20;}
.table_popin_mdp {margin-left:5px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #555555;}
.table_popin_mdp td {padding-top:20px;}
.message_info_popin {color: #555555;}
.message_info_popin ul {padding-left:7px; padding-top:10px;  padding-bottom:0px; margin-bottom:0px;margin-left:0px;}
.message_info_popin li {list-style-type: none; padding-bottom:0px; padding-bottom:0px;}

/* Page d'accueil  */
div#accueil {font-family: Arial, Helvetica, sans-serif;}
div#accueil a {text-decoration: underline; color: #1C2691;}
div#accueil .tablerubrique{color:#2A2A2A;}
div#accueil .titrerubrique {padding-left:10px; color:#484848;}
div#accueil .pucesrubrique li { padding-top:3px; padding-left:14px; background-image: url(/runet/custom/cofely_recrut/images/bullet.gif); list-style-type: none; background-repeat: no-repeat;background-position: 0 0.45em;}
div#accueil .pucessousrubrique li { padding-top:3px; background-image: url(/runet/custom/cofely_recrut/images/bullet3.gif); list-style-type: none; background-repeat: no-repeat;background-position: 0 0.45em;}

/* Fiche evaluation (EvaluationEdit.html)*/
.ligne_sep { margin-bottom:0px; border-bottom: solid 1px #888888; width:100%;} 
.fiche_dataview { text-align:left;}
.fiche_dataview .headers { color: #555555; background-color: #FFFFFF;}
.fiche_dataview .headers th { border-bottom: solid 1px #1C2691;}
.fiche_dataview .headers th span { width:50%;}
.fiche_dataview .even { background-color: #EEEEEE; color: #555555;}
.fiche_dataview .odd { background-color: #FFFFFF;  color: #555555;}

/* Liste Fiche */
.table_popin_fiche {margin-left:5px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #555555;}
.table_popin_fiche td {padding-top:20px;padding-bottom:20px;height: 50px;}

/* Fiche impression PDF */
.titre_pdf { font-family: Arial, Helvetica, sans-serif; font-size: 22px; font-weight: bold; color: #000000; border: solid 1px #000000;}
.dataedit_pdf {text-align:left;}
.dataedit_pdf .field1_pdf  {font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #000000;}
.dataedit_pdf .field2_pdf  {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000;}
.soustitre_pdf { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #00000000; }
.soustitre_fiche_pdf { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #000000; }


.fiche_dataview_pdf { text-align:left; font-family: Arial, Helvetica, sans-serif; font-size: 25px;}
.fiche_dataview_pdf .headers { color: #000000; background-color: #FFFFFF; font-size: 8px; }
.fiche_dataview_pdf .headers th { border-bottom: solid 1px #000000; font-size: 8px;}
.fiche_dataview_pdf .headers th span { width:50%; font-size: 8px;}
.fiche_dataview_pdf .even {height:13px;}
.fiche_dataview_pdf .odd {height:13px;}
.fiche_dataview_pdf .col_left_red {font-weight:bold;color:black;width:250px;font-size:8px;background-color:red;}
.fiche_dataview_pdf .col_left_grey {font-weight:bold;color:black;width:250px;font-size:8px;background-color:#CCCCCC;padding-left:10px;}
.fiche_dataview_pdf .col_left_grey2 {font-weight:bold;color:black;width:250px;font-size:8px;background-color:#E8E8E8;padding-left:25px;}
.fiche_dataview_pdf .col_left_white {font-weight:bold;color:black;width:250px;font-size:8px;background-color:#FFFFFF;padding-left:50px;}
.fiche_dataview_pdf .cell_grey {background-color:#CCCCCC;width:88px;font-size:8px;}
.fiche_dataview_pdf .cell_grey_bold {background-color:#CCCCCC;width:88px;font-size:8px;font-weight:bold;}
.fiche_dataview_pdf .cell_grey2 {background-color:#E8E8E8;width:88px;font-size:8px;}
.fiche_dataview_pdf .cell_grey2_bold {background-color:#E8E8E8;width:88px;font-size:8px;font-weight:bold;}
.fiche_dataview_pdf .cell_white {background-color:#FFFFFF;width:88px;font-size:8px;}
.fiche_dataview_pdf .cell_white_bold {background-color:#FFFFFF;width:88px;font-size:8px;font-weight:bold;}

/* Fiche habilitation édition */
.button add { background: url(/runet/custom/cofely_recrut/images/visionner.gif); background-repeat:no-repeat; }
.bouton_generermdp {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #FFFFFF; background: url(/runet/custom/cofely_recrut/images/bouton_generermdp.gif); background-repeat:no-repeat; cursor: pointer?)?, FinishOpacity=?, Style=?, StartX=?, StartY=?, FinishX=?, FinishY=?); cursor: pointer; border: none; width:175px; height:38;}
.popin_pwd_notif_formulaire {font-family: Arial, Helvetica, sans-serif; font-size: 12px;color: #555555; height:110px; padding-top:10px;}
.password-notification {padding-left:20px;color: #555555;}

/* Liste des questions */
.export_excel {border: solid 1px #008000;background-color: #CEFFCE;padding-top:2px; padding-left:5px; margin-top:4px;width:470px;}
.export_excel .petit_text {font-size: 8px;padding-bottom:5px; color:#008000}

/* Popin Question */
.ifram_contener {padding-left:15px; margin-left:10px; border: solid 1px #CCCCCC; width:95%; background-color: #FFFFFF;}
.iframe { overflow-x: hidden; overflow-y: scroll; width:680px; height:500px; }
.popin_question_formulaire {padding-left:15px;padding-top:10px;}

button.button.add div {
	background: url("/runet/custom/cofely_recrut/images/flechegauche.gif");!important
	height: 15px; 
	width: 15px;
}

button.button.remove div {
	background: url("/runet/custom/cofely_recrut/images/flechedroite.gif");!important
	height: 15px; 
	width: 15px;
}

.closedlink {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #AAAAAA;text-decoration:underline}
.closedtext {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #AAAAAA;}
div#accueil .closedtitrerubrique {padding-left:10px; color:#AAAAAA;}

.pt-20 {
    padding-top: 20px;
}

.diff, .same {
    position: relative
}

.diff::after, .same::after {
    content: '';
    display: inline-block;
    position: absolute;
    right: 0;
    width: 16px;
    height: 16px;
    top: 7px;
    right: 2px;
}

.diff::after {
    background: url("/runet/custom/cofely_recrut/images/faux.png") 0 0 no-repeat;

}

.same::after {
    background: url("/runet/custom/cofely_recrut/images/valider.png") 0 0 no-repeat;
}