/* -------------------------- DEFAULT AGACT  ------------------------- */
/* -------------------------- logo  ---------------------------------- */
#div-logo{
	float:left;
	display: block;
	width: 196px;
	height: 102px;
	text-indent:-9000px;
	background-image: url(../images/logo.gif);
	background-repeat: no-repeat;
}
#logo {
	width: 196px;
	height: 102px;
}
#logo_to_print {
	display: none;
}
/* --------------- Styles des boutons GENERIQUES (pas de mise en forme particulière)------------------ */
#bouton_form_je_vote {
}
#bouton_form_je_vote a{
	display: block;
	height: 25px;
	background-position: top;
	background-repeat: no-repeat;
	text-decoration:none;
}
#bouton_form_poursuivre {
    width: 86px;
}
#bouton_form_poursuivre a{
    display: block;
    height: 25px;
    background-position: top;
    background-repeat: no-repeat;
    text-decoration:none;
}
#bouton_form_valider {
	width: 86px;
}
#bouton_form_valider a{
	display: block;
	height: 25px;
	background-position: left;
	background-repeat: no-repeat;
	text-decoration:none;
}
#bouton_form_imprimer {
	width: 86px;
}
#bouton_form_imprimer a{
	display: block;
	height: 25px;
	background-position: left;
	background-repeat: no-repeat;
	text-decoration:none;
}
#bouton_form_modifier {
	width: 86px;
}
#bouton_form_modifier a{
	display: block;
	height: 25px;
	background-position: top;
	background-repeat: no-repeat;
	text-decoration:none;
}
#bouton_form_precedent {
    width: 25px;
}
#bouton_form_precedent a{
    display: block;
    height: 25px;
    background-position: center;
    background-repeat: no-repeat;
    text-decoration:none;
}
#bouton_form_suivant {
    width: 25px;
}
#bouton_form_suivant a{
    display: block;
    height: 25px;
    background-position: center;
    background-repeat: no-repeat;
    text-decoration:none;
}
#bouton_form_retour {
	width: 86px;
}
#bouton_form_retour a{
	display: block;
	height: 25px;
	background-position: left;
	background-repeat: no-repeat;
	text-decoration:none;
}
#bouton_form_suite {
    padding: 0 0 0 48%;
	width: 86px;
}
#bouton_form_suite a{
	display: block;
	height: 25px;
	background-position: top;
	background-repeat: no-repeat;
	text-decoration:none;
}
#bouton_form_telecharger {
	width: 103px;
}
#bouton_form_telecharger a{	
	background-position: top;
	background-repeat: no-repeat;
	text-decoration:none;
}
/* --------------- Styles particuliers des boutons par page -------------------- */
/*style pour l'identification*/
.bouton-valider-identification{
	padding:10px 0 0 132px;
}
/*styles du tableau affichant les boutons sur deux colonnes*/
#tableau-boutons-deux-parties{
	margin-top: 15px;
	padding: 0;
	border: 0;
}
#colonne-btn-gauche-tableau{
	width: 300px;
	margin: 0;
	padding: 0;
	border: 0;
}
#colonne-btn-milieu-tableau{
    margin: 0;
    padding: 0;
    border: 0;
}
#colonne-btn-droite-tableau{
	width: 274px;
	margin: 0;
	padding: 0;
	border: 0;
}
.bouton-alignes-gauche{
	float: left;
	margin-right: 5px;
	padding: 0;
	border: 0;
}
.bouton-alignes-droite{
	float: right;
	margin: 0;
	padding: 0;
	border: 0;
}
/*style pour centrer le bouton imprimer sur l'espace possible*/
#bouton-imprimer-centre{
	width: 100%;
}
#bouton-imprimer-centre #bouton_form_imprimer, #bouton_form_telecharger{
	margin-left:auto;
	margin-right:auto;
}
	
/* --------------- etape -------------------- */
#etapes {
	clear:both;
	margin:30px 10px 0 0;
	float:left;
	height:30px;
	background-color:#EEF0F1;
}
.espace_1er_etape {
	float:left;
	height:30px;
	width:40px;
	background-image:url(../images/bord_g_etapes.gif);
	background-position:left top;
	background-repeat:no-repeat;
}
.espace_derniere_etape {
	float:left;
	height:30px;
	width:40px;
	background-image:url(../images/bord_d_etapes.gif);
	background-position:right top;
	background-repeat:no-repeat;
}
.etape_n_actif {
	float:left;
	display:block;
	width:30px;
	height:30px;
	font-size:25px;
	font-weight:bold;
	color:#FFFFFF;
	text-align:center;
	text-decoration:none;
	background-image:url(../images/fond_etape_actif.gif);
	background-position:top;
	background-repeat:no-repeat;
}
.etape_n_inactif {
	float:left;
	display:block;
	width:30px;
	height:30px;
	font-size:25px;
	font-weight:bold;
	color:#FFFFFF;
	text-align:center;
	text-decoration:none;
	background-image:url(../images/fond_etape_inactif.gif);
	background-position:top;
	background-repeat:no-repeat;
}
.fleche_etape_suivante {
	float:left;
	width:150px;
	height:30px;
	background-image:url(../images/fleche_etape_suiv.gif);
	background-position:0px 12px;
	background-repeat:no-repeat;
}
.texte_etape_1{
	float:left;
	padding:2px 0 0 0;
	width:145px;
	font-size:14px;
	font-weight:bold;
	color:#293759;
	text-align:center;
	text-decoration:none;
}
.texte_etape_suivante_actif {
	padding:2px 0 0 0;
	width:180px;
	text-align:center;
	color:#293759;
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
	float:left;
}
.texte_etape_suivante{
	float:left;
	padding:2px 0 0 0;
	width:180px;
	text-align:center;
	color:#959BA3;
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
	float:left;
}
.texte_gauche_etape {
	float:left;
	width:215px;
	padding:0 30px 50px 0;
	font-size: 12px;
	font-weight: normal;
	color:#535061;
}
/* ---------------- vote ----------------- */
.candidat_non_choisi {
	text-decoration: line-through;
}
/* ---------------- texte central ----------------- */
#texte_central {
	float:left;
	width:440px;
	padding:40px 50px 0 210px;
	font-size:12px;
	color:#535061;
}

#texte_central_fin {
    float:left;
    width:650px;
    padding:40px 50px 0 175px;
    font-size:12px;
    color:#535061;
    text-align: center;
}

.texte_central_large {
clear:both;
color:#535061;
float:left;
font-size:12px;
margin:40px 50px 0 210px;
width:750px;
}
.texte_central_large ul {
margin:0 0 1em 2em;
}
.texte_central_large li {
list-style-type:square;
margin:0 0 0 2em;
}
/* -------------- texte sur fond avec bords ronds aux quatres coins ----------------- */
.contenu_fond_bord_rond {
	float:left;
	font-size: 12px;
	color: #535061;
	font-weight:bold;
	padding: 15px 15px 0 15px;
	text-align: left;
}

#selectedCandidatLabel.invalid {
    color: red;
    font-weight:bold;
}

/* ---------------- Liste des candidats dans cedp_choix_liste.jsp ----------------- */
.liste_candidats{
	display: none;
	position: absolute;
	top: 150px;
	left: 135px;
	background-color: #E7E9EE;
	z-index: 10;
	width: 240px;
	margin-bottom: 5px;
	border: 2px #293759 solid;
}
.liste_candidats .close_liste{
	top: 0px;
	float : right;
	width: 37px;
	height: 15px;
	background-color: #E7E9EE;
	background-image:url(../images/closeMod.gif);
	background-repeat: no-repeat;
	background-position: 6px 0;
	font-size:11px;
	text-align:left;
	font-weight:normal;
	color:#535061;
	padding-left: 25px;
	cursor: pointer;
}
.liste_candidats .titre_liste{
	font-size:13px;
	color:#535061;
	font-weight:bold;
	text-transform: uppercase;
	padding: 15px 0 15px 5px;
}
.liste_candidats .candidat{
	font-size:12px;
	text-align:left;
	font-weight:normal;
	padding: 0 0 5px 5px;
 	color:#535061;
}
.logo_choix_liste{
	margin: 3px 0 3px 0;
}

#signature-electronique{
	display: none;
}
#txt-signature-electronique{
	display: none;
}

/* ---------------- Accusé de réception ---------------- */
#accuse_reception {
	float:left;
	padding:20px 20px 0 190px;
	font-size:12px;
	color:#535061;
}
