/*
 * vim: ts=4 ai
 * couleur 0 : #C6C6E2
 * couleur 1 : #8C8CC5
 * couleur 2 : #5B5B89	// tres foncé
 */

@font-face 
{
           font-family: 'Comic';
           src: url('comic.ttf');
}

*
{
           font-family: 'Comic';
           margin:auto;
}

.nouvelleLigne
{
           clear: both;
}

#titreStructure,
#titreQuota,
#titreAdministrer,
#questionPdf
{
           width: 75%;
           text-align: center;
           background-color: #5b5b89;
           margin: auto;
           border-radius: 8px;
           padding-top: 2px;
           padding-right: 8px;
           padding-bottom: 2px;
           padding-left: 8px;
           color: white;
           font-size: 1em;
           font-weight: bold;
           margin-bottom: 10px;
}

#ChargementAjax,
#ChargementAjax2
{	
           display: none; 
           width:  100%;
           background-position: center;
           background-repeat: no-repeat;
           height: 100%;
           position: fixed;
           background-image: url("images/b_attente.gif");
}

#ideCategorie
{
           width: 100px;
}

.Message
{	
           display: none; 
           width:  50%;
           margin: 25%;
           height: 50%;
           margin-top: 200px;
           background-color: #FF8888;
           position: fixed;
}

.menuCase
{
           float : left;
           padding : 10px;
           border-collapse: collapse;
           border-style: hidden;
           border-width: 0px;
}

.menuCaseRight
{
           float :  right;
           padding-top: 5px;
           padding-right: 5px;
           border-style: hidden;
           border-width: 0px;
}

#Quotas
{
           float: right;
}

#body
{
           width : 99%;
           margin-left: 0.5%;
           /*
           background-color: #FFE0E0;
           */
}

#menu
{
           width : 100%;
           background-color: #666699;
}

#menuFerme,
#menuEtat,
#menuStats,
#menuAnomaies,
#menuDons,
#menuQuotas,
#menuAdherents,
#menuUtilisateurs,
#menuAdministrer
{
           padding-left: 5px;
           padding-right: 5px;
           padding-top: 1px;
           padding-bottom: 1px;
           background-color:  #C6C6E2;
           border-color:  #8C8CC5;
           border-radius: 7px;
           border-width: 2px;
           border-style: solid;
           float: left;
}

#divFerme,
#menuEtat,
#menuStats,
#menuAnomaies,
#menuDons,
#menuQuotas,
#menuAdherents,
#menuUtilisateurs,
#menuAide,
#menuQuitte,
#menuAdministrer
{
           cursor: pointer;
}

#divFerme
{
           padding-top: 3px;
           vertical-align:central;
}

#menuQuitte
{
           vertical-align: middle;
           background-image:  url("images/exit.png");
           background-size: 32px; 
           width: 32px;
           height: 32px;    
           margin-right: 5px;
}

#menuAide
{
           background-image:  url("images/help.png");
           background-size: 32px; 
           width: 32px;
           height: 32px;    
}

input[type=button], 
input[type=reset], 
input[type=submit], 
input[type=text], 
input[type=password], 
select 
{
           border-radius: 7px;
           border: 2px solid #8C8CC5;
           background-color: #C6C6E2;
}
input[type=button]:disabled, 
input[type=reset]:disabled, 
input[type=submit]:disabled, 
input[type=text]:disabled, 
input[type=password]:disabled,  
select:disabled 
{
           border-radius: 7px;
           border: 2px solid #9C9CD5;
           background-color: #D6D6D2;
}

#formNom,
#formPassword,
#formIdentifiant,
#formNomMaj,
#formPasswordMaj,
#formIdentifiantMaj
{
           width: 300px;
}

input[type=text]
{
           width: 100px;
}

input[type=text].commentaire
{
           width: auto;
}

input[type=text].commentaireQuota,
input[type=text].commentaireDon
{
           width: 300px;
}

#login
{
           width: auto;
}

#divFerme
{
           float: right;
}

#contenu
{
           clear: both;
           width: 100%;
           margin-top: auto;
           margin-right: auto;
           margin-bottom: auto;
           margin-left: auto;
}

#idestruct,
#ideSyndicat
{
           width: 200px;
}

#introUtilisateur
{
           text-align: right;
           line-height: 24px;
           vertical-align:middle;
           width: 100px;
           float: left;
           padding-right: 4px;
           margin-left: 100px;
           margin-right: 0px;
}

#divUtilisateur
{
           margin-left: 100px;
           margin-right: 100px;
}
#tabContenu
{
           margin: auto;
           min-width: 80%;
           border-collapse: collapse;
           border-top: #5b5b89;
}

#formAdherent
{
           margin: auto;
           width: 90%;
           border-collapse: collapse;
           border-top: #5b5b89;
}

#listeUtilisateur
{
           margin: auto;
           border-collapse: collapse;
           border-top: #5b5b89;
           width: 100%;
}

#listeUtilisateur
{
           clear: both;
           float: left;
}
.titreTableau
{
           background-color: #5b5b89;
           color: white;    
}

tr.paire td
{
           background-color: #8c8cc5;
}

tr.impaire td
{
           background-color: #c6c6e2;
}

.btnEditer,
.btnEditerDon,
.btnEditerQuota,
.btnModifierQuota,
.btnModifierDon,
.btnEditerMdp,
.btnSupprimer,
.btnSupprimerDon,
.btnSupprimerQuota,
.btnAnnuler,
.btnValider,
.btnRecharger,
.btnRechargerDon,
.btnRechargerQuota,
.btnCreer,
.btnCreerDon,
.btnCreerQuota,
.btnCreerUtilisateur,
.btnCreerTout,
.btnSupprimerUtilisateur,
.btnSupprimerUtilisateurStructure,
.btnNouvelUtilisateur,
.btnInverseAnnee
{
           margin-left: 5px;
           float: left;
           width: 16px;
           height: 24px;
           background-size: 16px;
           background-position:center;
           background-repeat:no-repeat;
           cursor: pointer;
}

.telechargeSauvegarde
{
            cursor: pointer;          
}
.legend
{
           width: 400px;
           height: 24px;
           line-height: 24px;
           vertical-align:middle;    
}

.btnNouvelUtilisateur
{
           background-image:  url("images/b_new.png");
}

.btnEditer,
.btnEditerDon,
.btnEditerQuota,
.btnEditerMdp
{
           background-image:  url("images/b_edit.png");
}

.btnSupprimer,
.btnSupprimerDon,
.btnSupprimerQuota,
.btnSupprimerUtilisateurStructure,
.btnSupprimerUtilisateur,
.btnInverseAnnee
{
           background-image:  url("images/b_drop.png");
}

.btnAnnuler,
.btnRecharger,
.btnRechargerDon,
.btnRechargerQuota
{
           background-image:  url("images/reload.png");
}

.btnValider,
.btnModifierQuota,
.btnModifierDon,
.btnCreer,
.btnCreerDon,
.btnCreerQuota,
.btnCreerUtilisateur,
.btnCreerTout
{
           background-image:  url("images/ok.png");
}

table#menu
{
           margin-top: 10px;
           margin-bottom: 10px;
}

.connexion 
{
           width: 60%;
           border: 1px solid #666699;
           border-radius: 8px;
           margin: auto;
           margin-top: 10px;
           align-content: center;
           text-align: center;
}

input.heures,
input.minutes,
input.etp,
input.ors
{
           width: 40px;   
}

#formAdherent,
#formAdherent td
{
           border-style: hidden;
}

.AdherentNomChamps
{
           width: 150px;
}

.AdherenChamps
{
           width: 310px;
}





h1.titre {
           background-color: #666699;
           color: white;
           text-align: center;
           margin: 0 15%;
           padding: 15px;
           border-bottom-left-radius: 10px;
           border-bottom-right-radius: 10px;
}

.titre	{ font-size: 1.2em; }

table.bandeau { width: 100%; background-color: #666699; color: white;}
tr.bandeau { background-color: #666699; color: white; margin: 0; padding: 15px;}
.chemin { background-color: #9999cc; color: navy; padding: 2px;}



.login
{
           margin: auto;
}

.connexion table {
           border-collapse:collapse;
}

.connexion table, tr, th, td {
           border: 1px solid #5B5B89;
}

#edition {
           visibility: hidden;
           position: fixed;
           width: 600px;
           height: 350px;
           top:0;
           bottom:0;
           left:0;
           right: 0;
           margin: auto;
           border: solid 1px #5B5B89;
           border-radius: 10px;
           background: white;
           padding: 0.1em;
           overflow: auto;
}

#edition h1 {top:0; left:0;background-color: #5B5B89;font-size: large; text-align: center; font-weight: bold;cursor: pointer;}

#formedition {padding: 0 10px; }

h1.lafiche { background-color: #5B5B89; color: white;text-align: center;}
#lafiche h1 { background-color: #5B5B89; color: white;text-align: center;}

#commandes {text-align: center; padding-top: 20px;}
#creation { visibility: hidden; }
#stockage { visibility: hidden; }
#d_rne	{visibility: hidden; }

#nav { margin: 15px 15%; padding : 10px 15px; }

#liste_fichiers { border: 1px solid navy; padding: 5px;}

#popup { padding-top: 0; }
#popup h1 { background-color: #666699; }

.a_droite {float: right;margin: 0px;
           text-align: right;
           padding-right: 5px;
}

.contenu {
           width: 80%;
           margin: auto;
}

.contenu h1 {
           width: 75%;
           text-align: center;
           background-color: #5B5B89;
           margin: auto;
           border-radius: 8px;
           padding: 2px 8px;
           color: white;
           font-size: 1em;
           font-weight: bold;
}

.contenu table {
           border-collapse:collapse;
}

/*
.contenu table, tr, th, td {
           border: 1px solid #5B5B89;
}
*/

.star {color: yellow; font-size: .7em; vertical-align: super; }

.contenu th {
           background-color: #5B5B89;
           color: white;
}

.ligne_paire {background-color: #C6C6E2;}
.ligne_impaire {background-color: #8C8CC5;}

input[type='submit'] { background-color:#C6C6E2;}
input[type='cancel'] { background-color:#C6C6E2;}

.trop { color: yellow; font-weight: bold;text-decoration: blink; background-color: #5B5B89; }

.err {color: red;}
.erreur {  font-weight: bold; color: red;}

#pagedoc {margin: 0 3%; border-left: 1px #5B5B89 solid; padding-left: 20px }
/*h2 {background-color: #5B5B89; color: white;}*/

.message {
           margin: auto;
           padding: 15px;
           width: 75%;
           border: 1px solid #5B5B89;
           color: #5B5B89;
           text-align: center;
           font-size: large;
           font-weight: bold;
           border-radius: 12px;
}


/*######*/
#ministere { margin: 10px 5px; padding-left: 10px; background-color: #C6C6E2; }
#syndicat  { margin: 10px 5px; padding-left: 10px; background-color: #8C8CC5; }
#adherent  { margin: 10px 5px; padding-left: 10px; background-color: #C6C6E2; }
.droite		{ left: 100px; }

.petit {font-size:smaller;}
#adherent td {border: 0px ;}

#calculateur {
           width: 60%;
           border: 1px solid #666699;
           border-radius: 8px;
           margin: auto;
}

#calculateur table {border: 0px;}
#calculateur td {border: 0px;}