body {
background:#FFFFFF url(../icones/fond.png) repeat-x scroll 0 0;
color:#000000;
font-family:"Trebuchet MS";
font-size:11px;
margin:10px 0 0;
}

.en_tete {
width: 950px;
height: 94px;
background-image: url(../icones/fond_en_tete.png);
}

.erreur {
background-color: rgb(255,0,0);
color: rgb(255,255,255);
clear: left;
margin-left: auto;
margin-right: auto;
text-align: center;
}

.cadre {
width:950px;
min-height: 500px;
margin-left: auto;
margin-right: auto;
padding: 0px 0px 10px 0px;
}
h2 {
width: 850px;
height: 30px;
background-color: #408BB5;
color: rgb(255,255,255);
padding-left: 50px;
padding-right: 50px;
padding-top: 5px;
font-weight: bold;
margin-top: 0px;
}

h3 {
margin-top: 2em;
font-size: medium;
}

h4 {
clear:left;
font-size: medium;
}

h5 {
clear:left;
font-size: small;
}

/*----------------------------------------------------------*/
/*--------------------lien en bas de page-------------------*/

 .lien_retour {
text-align:center;
text-decoration: underline;
cursor: pointer;
font-size: medium;
clear: left;
margin-top: 2em;
margin-bottom: 0;
}

/*------------------------------------------------------------------*/
/*--------cartouche central de l'interface d'identification---------*/
.box_login {
margin-left: auto;
margin-right: auto;
width: 300px;
height: 350px;
background-image: url(../icones/fond_identification.jpg);
background-repeat: no-repeat;
padding: 25px ;
}
.box_login label {
display: block;
width:100px;
float : left;
clear:left;
margin-left: 45px;
margin-top: 40px;
}
.box_login input {
display: block;
width:100px;
float : left;
margin-top: 40px;
}
.box_login h3 {
text-align: center;
}
.box_login .bouton {
margin-left: 100px;
margin-top:50px;
}

/*----------------------------------------------------------*/
/*-----------------nom du membre connecté-------------------*/

.identifiant {
float:right;
color: rgb(255,255,255);
text-align:right;
margin-right: 50px;
margin-top:10px;
font-size:medium;
}

/*----------------------------------------------------------*/
/*-----------------Listes de M0, M4, A0, -------------------*/

.ligne_liste, .ligne_liste_active, .tete_liste {
width:930px;
font-size: small;
padding: 10px;
height:35px;
border-top: 1px rgb(201,201,201) solid;
}
.tete_liste {
background-image: url(../icones/ligne-fond.jpg);
font-weight: bold;
height:30px;
}

.tete_liste .nom_liste, .tete_liste .periode_liste, .tete_liste .checkbox_liste, .tete_liste .statut_liste {
cursor:pointer;
}
.tete_liste .nom_liste:hover, .tete_liste .periode_liste:hover, .tete_liste .checkbox_liste:hover, .tete_liste .statut_liste:hover{
text-decoration:underline;
}

.ligne_liste_active {
cursor: pointer;
}
.ligne_liste_active:hover {
background-color: #EEEEEE;
}
.nom_liste {
float: left;
width: 730px;
padding-top: 5px;
}
.ligne_liste img, .ligne_liste_active img, .tete_liste img {
float:left;
margin-left: -50px;
}

.date_liste {
float: right;
width: 150px;
padding-top: 5px;
}
.statut_liste {
float: right;
width: 150px;
padding-top: 5px;
}
.periode_liste {
float: right;
width: 200px;
padding-top: 5px;
}
.checkbox_liste {
float: left;
width: 200px;
padding-top: 5px;
text-align: center;
}
.checkbox_liste img {
margin-top: -10px;
float:none;
}
.ligne_liste .alerte_delai {
display: none;
}
.alerte_delai {
color: rgb(255,0,0);
font-weight: bold;
}

/*----------------------------------------------------------*/

legend {
color: rgb(160,160,160);
}

/*----------------------------------------------------------*/
/*---------------------Onglets haut de page-----------------*/

.conteneur_onglets {
width:700px;
height: 45px;
margin-top:-46px;
margin-left: 250px;
padding-left:20px;
}
.onglet_on_actif, .onglet_on_inactif, .onglet_off_actif, .onglet_off_inactif {
  float: left;
  margin-left: 20px;
  padding-top: 10px;
  height: 35px;
  color:rgb(255,255,255);
  width: 90px;
  text-align: center;
  z-index:50;
  font-size: medium;
}
.onglet_on_actif, .onglet_off_actif {
 cursor: pointer;
}
.onglet_on_actif:hover, .onglet_off_actif:hover {
 text-decoration: underline;
}
.onglet_on_actif, .onglet_on_inactif {
background: #215676 url(../icones/suronglet.png) no-repeat scroll left bottom;
}
.onglet_off_actif, .onglet_off_inactif {

}
fieldset {
padding: 20px;
}

/*----------------------------------------------------------*/
/*---------------Les boutons : aspects communs--------------*/
.bouton {
  float: left;
  padding: 5px;
  padding-top:8px;
  text-align: center;
  background-image: url(../icones/fond_boutons.png);
  cursor: pointer;
  width:90px;
  height: 37px;
  font-weight: bold;
  color: rgb(255,255,255);
}
.bouton:hover {
   background-image: url(../icones/fond_boutons_over.png);
}
/*--------------------------------------------------------------*/
/*---------------Les boutons : aspects spécifiques--------------*/

/*Boutons de l'interface I1 - aiguillage
Répartition horizontale de 2 boutons
*/
.bouton#voter, .bouton#gerer {
margin: 10px auto 10px 250px;
}

.bouton#avant_suppression {
margin: 10px auto 10px 165px;
}

.bouton#validation {
margin: 10px auto 10px 300px;
}

/*Boutons de l'interface A3 - scrutin fermé
Répartition horizontale de 3 boutons
*/

.bouton#archiver, .bouton#reouvrir, .bouton#suppression_1 {
margin: 10px auto 10px 162px;
}
.bouton#entrer {
margin-left:100px;
}
.bouton#validation_vote {
float: none;
margin-left:auto;
margin-right: auto;
margin-top: 10px;
}
/*Les boutons de l'état A2*/
.bouton#arreter, .bouton#modifier {
margin-top:50px;
float:left;
}

.bouton#arreter {
margin-left:20px;

}
.bouton#modifier {
margin-left:-20px;

}

/*----------------------------------------------------------*/
/*-----------------Les compteurs de dates-------------------*/
.zone_compteur{
float:left;
width:300px;
margin-top: 1em;
margin-bottom: 1em;
}

.zone_compteur_date{
float:left;
width:350px;
margin-top: 1em;
margin-bottom: 1em;
}

.zone_compteur h5 {
text-align: center;
}
.compteur, .compteur_date {

width:32px;
height:24px;
padding:0;
border-style: dotted ;
border-width: 1px ;
float:left;
}
.compteur {
margin-left: 130px;

}
.intervalle_compteurs{
float:left;
padding-top: 2px;
font-size: large;
}
.chiffre {
width:16px;
height:25px;
font-size: large;
margin:0;
float: left;
text-align: center;
padding-top:1px;
text-align:right;

}
.plus, .moins {
height:12px;
width:12px;
margin:0;
padding:0;
float: right;
cursor: pointer;
}

.moins {
background-image: url(../icones/down.png);
clear: right;
}
.plus {
background-image: url(../icones/up.png);
}

/*-----------------------------------------------------------------*/
/*-------------Popups avec caches semi-transparents----------------*/

.popup {
z-index: 100;
position: absolute;
width: 400px;
margin-left: 255px;
margin-top: 250px;
background-color: rgb(229,229,229);
border: 1px rgb(0,0,0) solid;
height:100px;
padding: 20px;
}
.popup p {
text-align: center;
}
/*boutons des popups d'avertissement contenant 2 boutons*/
.popup #abandon_suppression, .popup #abandon_arret, .popup #confirmation_suppression, .popup #confirmation_arret, .popup #confirmation_reouverture, .popup #abandon_reouverture {
margin-left:66px;
}
/*boutons des popups d'avertissement contenant 1 seul bouton*/
.popup #ok_formulaire_incomplet {
margin-left:150px;
}
.cache {
opacity:0.7;
position: absolute;
width:4000px;
height : 3000px;
margin-top: -1000px;
margin-left: -1000px;
z-index: 99;
background-color: rgb(233,233,233);
}


/*----------------------------------------------------------*/
/*--------------------index des listes----------------------*/
.fleche_page, .numero_page {
cursor: pointer;
}
.index_pages {
text-align: right;
margin-bottom: 1em;
}
.numero_page_actuelle {
font-weight: bold;
}
.fleche_page:hover, .numero_page:hover {
color: rgb(255,255,255);
background-color: rgb(149,149,149);
}

/*----------------------------------------------------------*/

.conteneur_graphe {
margin-top:1em;
text-align:center;
}