/*
    SIFa, Système d'information pour Fanfare
    Programme web à destination des sociétés de musique,
    pour gérer les membres, les activités, le matériel et
    les documents (procès-verbaux, comptes-rendus, bilbiothèque
    de partitions, etc.) de ladite société.
    
    Copyright 2019 Philippe Mayor.
    
    This file is part of SIFa ("Système d'Information pour Fanfare").
    
    SIFa is free software: you can redistribute it and/or modify
    it under the terms of the GNU General Public License as published by
    the Free Software Foundation, either version 3 of the License, or
    (at your option) any later version.
    
    SIFa is distributed in the hope that it will be useful,
    but WITHOUT ANY WARRANTY; without even the implied warranty of
    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
    GNU General Public License for more details.
    
    You should have received a copy of the GNU General Public License
    along with SIFa.  If not, see <https://www.gnu.org/licenses/>.
    
    Traduction non officielle :    
    Ce fichier fait partie de SIFa ("Système d'Information pour Fanfare").
    
    SIFa est un logiciel libre ; vous pouvez le redistribuer ou le modifier
    suivant les termes de la GNU General Public License telle que publiée par
    la Free Software Foundation ; soit la version 3 de la licence, soit
    (à votre gré) toute version ultérieure.
    
    SIFa est distribué dans l'espoir qu'il sera utile,
    mais SANS AUCUNE GARANTIE ; sans même la garantie tacite de
    QUALITÉ MARCHANDE ou d'ADÉQUATION à UN BUT PARTICULIER. Consultez la
    GNU General Public License pour plus de détails.
    
    Vous devez avoir reçu une copie de la GNU General Public License
    en même temps que SIFa ; si ce n'est pas le cas, consultez <http://www.gnu.org/licenses>.

*/

body {
	background-color: #E0E0E0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	/*font-size: 10pt;*/
	font-size: 0.8em;
	text-align: left;
	-webkit-text-size-adjust: none;
}
div#mainframe {
	margin: auto;
	/*width: 1480px;*/
	/*height: 800px;*/
	/*width: 100em;*/
	/*width: 750px;*/
	/*overflow: auto;*/
}

div#content {
	margin-left: 1rem;
	clear: both;
	overflow: auto;
}

img.resize {
	max-width: 100%;
	height: auto;
}

a {
	color:#0000FF;
}
a:link, a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
a img {
	border: none;
}

h1 {
	color: #000000;
	font-size: 1.5em;
	/*line-height: 1.8em;*/
	font-weight: bold;
}
h2 {
	color: #000000;
	font-size: 1.2em;
	font-weight: bold;
	margin-bottom: 0;
	margin-top: 0;
}
form-cache {
	display: none;
}

.rougeetgras {
	color: #ff0000;
	font-weight: bold;
}
.bordure {
	border: medium solid #999999;
	background-color: #FFFFFF;
		z-index: 500;
}
.petitebordure {
	border: thin solid #CC0000;
}
.titreerror {
	color: #3333CC;
	font-size: 24px;
	font-weight: bold;
	line-height: 25px;
	text-align: center;
}
.accueiltexte {
	float: left;
	padding: 0.2em;
	width: 20em;
}
.accueilimage {
	/*overflow: auto;*/
	margin-bottom: 2em;
}
.accueilblocinfo {
	border: 2px solid #000000;
	float: left;
	margin: 10px 0 10px 38px;
	min-height: 18em;
	padding: 5px;
	/*width: 230px;*/
	width: 18em;
}
.accueilblocinfotitre {
	background-image: url('/skin/background_title.png');
	font-weight: bold;
	line-height: 29px;
	margin-top: 0;
	margin-bottom: 0;
	text-align: center;
	text-transform: uppercase;
}
.titrecolonnebiblio:link, .titrecolonnebiblio:visited {
	color:#000000;
	font-weight: bold;
	text-decoration:none;
}
.titrecolonnebiblio:hover {
	color:#000000;
	font-weight: bold;
}

/****************************************************************/
/*                            MENU                              */
/****************************************************************/

nav ul {
	list-style: none;
	margin: 0;
	padding-left: 0;
}

nav li {
	color: #000000;
	background: white;
	display: block;
	float: left;
	padding: 1rem;
	position: relative;
	text-decoration: none;
	transition-duration: 0.5s;
}
  
nav li a {
	color: #000000;
	font-weight: bold;
}

nav li a:hover {
	text-decoration: none;
}

nav li:hover {
	background: whitesmoke;
	cursor: pointer;
}

nav ul li ul {
	background: whitesmoke;
	visibility: hidden;
	opacity: 0;
	min-width: 5rem;
	position: absolute;
	transition: all 0.5s ease;
	margin-top: 1rem;
	left: 0;
	display: none;
}

nav ul li:hover > ul,
nav ul li ul:hover {
	visibility: visible;
	opacity: 1;
	display: block;
	z-index: 10000;
}

nav ul li ul li {
	background: silver;
	clear: both;
	width: 100%;
}










div#documentscomite ul li {
	list-style: none;
}
div#documentscomite ul.niveau1 {
	color: #000000;
	font-size: 1.3em;
	font-weight: bold;
}
/*div#documentscomite ul ul {
	display: none;
}*/
div#documentscomite a {
	color: #000000;
	text-decoration: none;
}
div#documentscomite li li a {
	font-size: 0.8em;
}
/*div#documentscomite ul.niveau1 li.documentscomiteannee:hover ul.documentscomitepv { 
	display:block;
}*/



/****************************************************************/
/*                          BIBLIO                              */
/****************************************************************/

div#wiki_infobox {
	width:330px;
	border:thin solid #000000;
	float: right;
	margin: 10px;
	padding: 5px;
}

div#wiki_infobox img {
	display: block;
	margin: auto;
}




/*Ajoute une marge à gauche pour ne pas être aligné sur le titre*/
dl.agendaliste  {
	width: 10px;
	margin: 5px 0;
	padding: 0;	
}
.agendaliste dt {
	float: left;
	margin-left: 5px;
	padding: 5px;
	width: 100px;
}
.agendaliste dd {
	margin-left: 10px;
	padding: 5px;
	width: 550px;
}
.agendamois {
	color: #3333CC;
	font-size: 1.2em;
	font-weight: bold;
	text-transform: uppercase;
}
dt.agendajour {
	margin-left: 10px;
}
.agendaheure {
	font-weight: bold;
}
div#footer {
	clear: both;
	padding: 5px;
	font-size: 0.8em;
	font-style: italic;
}

.black_overlay{
	display: none;
	position: absolute;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background-color: grey;
	z-index:1001;
	-moz-opacity: 0.8;
	opacity:.80;
	filter: alpha(opacity=80);
}
.white_content {
	display: none;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 1024px;
	height: 503px;
	padding: 0px;
	margin-top: -251px;
	margin-left: -512px;
	/*border: 1px solid black;*/
	background-color: white;
	z-index:1002;
	overflow: auto;
}
.cancel {
	display:block;
	position:absolute;
	top:0px;
	right:0px;
/*		background:rgb(245,245,245);
	color:black;
	height:30px;
	width:35px; */
	font-size:30px;
	text-decoration:none;
	text-align:center;
	font-weight:bold;
	z-index:1003;
}

/****************************************************************/
/*                 AFFICHAGE RECHERCHE MEMBRE                   */
/****************************************************************/

div#affichageresultatsmembres {
	/*border: medium solid #999999;
	border:
	background-color: #FFFFFF;
	padding: 10px;
	margin-left: auto;
	margin-right: auto;
	width: 1470px;*/
}

div#affichageresultatsmembresentete p, form, input {
	display: inline-block;
}

div#affichageresultatsmembres table {
	border-collapse: collapse;
	margin-left: auto;
	margin-right: auto;
	width: 1460px;
}

div#affichageresultatsmembres th {
	padding: 5px;
	color: #000000;
	font-weight: bold;
}

div#affichageresultatsmembres td {
	padding: 5px;
}

div#affichageresultatsmembres th :link, :visited {
	color:#000000;
	font-weight: bold;
	text-decoration:none;
}

div#affichageresultatsmembres .largeur1 {
	width: 134px;
}

div#affichageresultatsmembres .largeur2 {
	width: 134px;
}

div#affichageresultatsmembres .largeur3 {
	width: 104px;
}

div#affichageresultatsmembres .largeur4 {
	width: 111px;
}

div#affichageresultatsmembres .largeur5 {
	width: 214px;
}

div#affichageresultatsmembres .largeur6 {
	width: 20px;
}

div#affichageresultatsmembres .largeur7 {
	width: 200px;
}

div#affichageresultatsmembres .largeur8 {
	width: 64px;
}

div#affichageresultatsmembres .largeur9 {
	width: 64px;
}

/* div#affichageresultatsmembres .largeur10 {
	width: 100px;
} */

div#affichageresultatsmembres .largeur11 {
	width: 142px;
}

div#affichageresultatsmembres .largeur12 {
	width: 143px;
}

/* div#affichageresultatsmembres .largeur13 {
	width: 130px;
} */

div#affichageresultatsmembres .affichageresultatsmembrescouleurligne1 {
	background-color: #e0e0e0;
}

div#affichageresultatsmembres .affichageresultatsmembrescouleurligne2 {
	background-color: #999999;
}

div.affichagenavigationmembres {
	margin-left: auto;
	margin-right: auto;
	width: 650px;
}

div.affichageboutonsgauche {
	float: left;
	width: 150px;
	line-height:32px;	
	text-align: right;
}

div.affichageboutonsgauche  p {
	vertical-align: middle;
	display: inline;
}

div.affichageboutonsdroit {
	float: left;
	width: 150px;
	line-height:32px;	
	text-align: left;
}

div.affichageboutonsdroit p {
	vertical-align: middle;
	display: inline;
}

div.affichageindicationpages {
	float: left;
	width: 50px;
	line-height:32px;
	text-align: center;
}

div.affichageindicationpages p {
	font-weight: bold;
	vertical-align: middle;
	display: inline;
}

div.clear {
	clear:both;
}

/****************************************************************/
/*                      RECHERCHE MEMBRE                        */
/****************************************************************/

div#recherchemembreaffichage {

}

div#recherchemembreformulaire  {
	margin: auto;
	text-align: center;
}

div#recherchemembreformulaire  label {
	text-align: right;
	width: 150px;
	display: inline-block;
}

div#recherchemembreformulairecaseacocher {
	padding: 10px 60px 20px 0px;
	-moz-column-count: 2;
	-webkit-column-count: 2;
	column-count: 2;
	text-align: right;
}

div#recherchemembreformulaireautresrecherches  p {
	height: 25px;
}

div#recherchemembreformulaireversion {
	/*float: right;*/
	padding: 0px 10px 0px 0px;
}

/****************************************************************/
/*                        FICHE MEMBRE                          */
/****************************************************************/

/*PRINCIPALE*/
div#fichemembreaffichage {
	border: medium solid #999999;
	background-color: #FFFFFF;
	padding: 10px;
	margin-left: auto;
	margin-right: auto;
	width: 600px;
}

div#fichemembreaffichage div.espace {
	clear: both;
	height: 20px;
}

/*EN-TETE*/
div#fichemembreentete {
	width: 600px;
}

div#fichemembreentete h1 {
	text-align: left;
	display: inline;
}

div#fichemembreentete form {
	display: inline;
}

div#fichemembreentete p {
	display: inline;
}

div#fichemembreentete input {
	float: right;
	vertical-align: top;
	display: inline-block;
}

/*DATE FIN*/
div#fichemembredatefin {
}

/*COORDONNEES*/
div#fichemembrecoordonnees {
	width: 600px;
}

div#fichemembrecoordonnees div.gauche {
	float: left;
	display: inline;
}

div#fichemembrecoordonnees div.droite {
	float: right;
	display: inline;
}

/*DONNEES GENERALES*/
div#fichemembredonneesgenerales {
	background-color: #CCCCCC;
	margin-left: auto;
	margin-right: auto;
	height: 75px;
}

div#fichemembredonneesgenerales div.instrument {
	background-color: #CCCCCC;
	padding: 5px;
	width: 190px;
	float: left;
	display: inline;
}

div#fichemembredonneesgenerales div.typemembre {
	background-color: #CCCCCC;
	padding: 5px;
	width: 190px;
	float: left;
	display: inline;
}

div#fichemembredonneesgenerales div.charge {
	background-color: #CCCCCC;
	padding: 5px;
	width: 190px;
	float: left;
	display: inline;	
}

/*ANNEES SOCIETARIAT*/
div#fichemembrecotisationsocietariat {
	padding: 5px;
	margin-left: auto;
	margin-right: auto;
}

div#fichemembrecotisationsocietariat div.tableaulocal {
	float: left;
	display: inline;
}

div#fichemembrecotisationsocietariat div.tableaucantonal {
	float: left;
	display: inline;
}

div#fichemembrecotisationsocietariat div.tableaufederal {
	float: left;
	display: inline;
}

div#fichemembrecotisationsocietariat table {
	width: 190px;
	border-collapse: collapse;
}

div#fichemembrecotisationsocietariat th.entree {
	width: 33%;
	font-weight: bold;
}

div#fichemembrecotisationsocietariat th.sortie {
	width: 33%;
	font-weight: bold;
}
div#fichemembrecotisationsocietariat th.calcul {
	width: 34%;
}

/*TITRE HONORIFIQUE*/
div#fichemembretitrehonorifique {
	padding: 5px;
	background-color: #CCCCCC;
}

div#fichemembretitrehonorifique table {
	width: 600px;
	border-collapse: collapse;
}

div#fichemembretitrehonorifique td.titre {
	width: 400px;
}

div#fichemembretitrehonorifique td.obtenu {
	width: 126px;
}

div#fichemembretitrehonorifique td.commentaire {
	width: 64px;
}

/*COMITE COMMISSIONS*/
div#fichemembrecomitecommissions {
	padding: 5px;
}

div#fichemembrecomitecommissions table {
	width: 600px;
	border-collapse: collapse;
}

div#fichemembrecomitecommissions td.entree {
	width: 50px;
}

div#fichemembrecomitecommissions td.sortie {
	width: 50px;
}

div#fichemembrecomitecommissions td.commission {
	width: 300px;
}

div#fichemembrecomitecommissions td.fonction {
	width: 190px;
}

/*COTISATION ET DON TOMBOLA*/
div#fichemembrecotisationdontombola {
	padding: 5px;
	background-color: #CCCCCC;
}

div#fichemembrecotisationdontombola table {
	width: 600px;
	border-collapse: collapse;
}

div#fichemembrecotisationdontombola td.annee {
	width: 50px;
}

div#fichemembrecotisationdontombola td.montant {
	width: 70px;
}

div#fichemembrecotisationdontombola td.don {
	width: 45px;
}

div#fichemembrecotisationdontombola td.nombre {
	width: 105px;
}

div#fichemembrecotisationdontombola td.description {
	width: 215px;
}

div#fichemembrecotisationdontombola td.commentaire {
	width: 105px;
}

/*ID MEMBRE*/
div#fichemembreafficheidmembre {
	float: right;
}

/****************************************************************/
/*                  INTRODUCTION COTISATIONS                    */
/****************************************************************/

div#introductiondescotisations {

}

div#introductiondescotisations  label {
	width: 150px;
	display: inline-block;
}

div#introductiondescotisations  input[type=submit] {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	display: block;
}


/****************************************************************/
/*                          ONGLETS                             */
/****************************************************************/

#onglets
{
    font : bold 11px Verdana, Arial, Helvetica, sans-serif;
    list-style-type : none;
    padding-bottom : 24px; /* à modifier suivant la taille de la police ET de la hauteur de l'onglet dans #onglets li */
    border-bottom : 1px solid #9EA0A1;
    margin-left : 0;
}

#onglets li
{
    float : left;
    height : 21px; /* à modifier suivant la taille de la police pour centrer le texte dans l'onglet */
    background-color: #F4F9FD;
    margin : 2px 2px 0 2px !important;  /* Pour les navigateurs autre que IE */
    margin : 1px 2px 0 2px;  /* Pour IE  */
    border : 1px solid #9EA0A1;
}

#onglets li.active
{
    border-bottom: 1px solid #fff;
    background-color: #fff;
}

#onglets a
{
    display : block;
    color : #666;
    text-decoration : none;
    padding : 4px;
}

#onglets a:hover
{
    background : #fff;
}