/* ---------------------------------- */
/* PROPRIETES DES PRINCIPAUX ELEMENTS */
/* ---------------------------------- */

table, tr, td, th, p, img, a, iframe {
	margin: 0px;
	padding: 0px;
	border: 0px none;
	outline: 0px none;
	text-decoration : none;
/*	text-indent: 0px; */
/*	text-transform: none; */
/*	text-shadow: none; */
}
table, tr, td, th {
	empty-cells: hide;
	border-spacing: 0px;
	border-collapse: collapse;
	text-align: center;
}
table {
	width: 100%;
}
ol, ul, li {
/*	margin: 0px 0px 0px auto;
	padding: 0px 0px 0px 0px;
*/
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}
p {
	text-align: justify;
}
a, a:link, a:visited, a:active, a:focus {
	text-decoration : none;
	color: #2b49a4;
}
a:hover {
	text-decoration: underline;
	color: #84492b;
}
br {
	clear: both;
}



/* ----------------------------- */
/* MISE EN PAGE GENERALE DU SITE */
/* ----------------------------- */

/* parametres generaux */
html { /* pour obliger la scrollbar verticale (solution non standard) */
	overflow: -moz-scrollbars-vertical;
	overflow-y: scroll;
	overflow-x: auto;
}
html, body {
/*	background: #0099ff url('../images/fonds/gym.gif') repeat fixed left top; */
	background-color: #ffffff;
	color: #000000;
	margin: 0px;
	padding: 0px;
	font-family: "Arial", "sans-serif";
	font-size: 92%;
/*	font-style: normal; */
/*	font-variant: normal; */
/*	font-weight: normal; */
/*	font-stretch: normal; */
/*	line-height: inherit; */
/*	word-spacing: normal; */
/*	letter-spacing: normal; */
}

/* pour les iframe */
html.cadre, body.cadre {
	background-color: #ffffff;
}

div#fondEcran {
	position: fixed;
	height: 100%;
	top: 0px;
	bottom: auto;
	width: 100%;
	left: 0px;
	right: auto;
	border: 0px none;
	margin: 0px;
	padding: 0px;
	background: #0099ff url('../images/fonds/gym.gif') repeat fixed left top;
	overflow: visible;
	z-index: 1;
}

div#site {
	position: absolute;
/*	height: 100%;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0; */
	width: 100%;
	min-width: 1060px;
	border: 0px none;
	margin: 0px;
	padding: 0px;
	overflow: visible;
	z-index: 2;
}

/* le contenu de la page proprement dit */
div#page {
	position: static;
	width: 900px;
	border: 0px none;
	margin: 120px auto 0px auto;
	padding: 0px;
	overflow: visible;
	z-index: 40;
}



/* ---------------------- */
/* QUELQUES PETITS EFFETS */
/* ---------------------- */

.em {
	font-style: italic;
}
.bf {
	font-weight: bold;
}
.sc {
	font-variant: small-caps;
}
.lettrine {
	float: left;
	font-size: 2em;
	font-weight: bold;
	font-family: serif;
	margin: 0px;
	padding: 4px 8px 0px 0px;
	line-height: 1em;
}
.moyen {
	font-size: 0.9em;
}
.petit {
	font-size: 0.8em;
}
.minus {
	font-size: 0.7em;
}
.rouge {
	color: #aa0000;
}
.marges {
	margin: 10px 30px 10px 30px;
}
.agauche {
	float: left;
}
.adroite {
	float: right;
}
.centre {
	text-align: center;
}
.gauche {
	text-align: left;
}
.droite {
	text-align: right;
}
.serrer {
	line-height: 1em;
}
.reduit {
	width: 50%;
	margin: 0px auto 0px auto;
}

/* --- les boites aux bords arrondis */
div.boite {
	margin: 15px 0px 15px 0px;
	padding: 5px 5px 5px 5px;
	border: 1px solid #ccc;
	border-radius: 1.5em;
	-moz-border-radius: 1.5em;
	-webkit-border-radius: 1.5em;
}
div.fblanc {
	background-color: #ffffff;
}
div.fbleu {
	background-color: #eeffff;
}
div.frose {
	background-color: #ffeeff;
}
div.fjaune {
	background-color: #ffffee;
}
div.frouge {
	background-color: #ffeeee;
}
div.fvert {
	background-color: #eeffee;
}
div.fviolet {
	background-color: #eeeeff;
}

/* --- les titres de section*/
.titre {
	padding: 0px 30px 0px 30px;
	margin: 10px 30px 10px 30px;
	width: auto;
	float: left;
	background-color: transparent;
	text-align: left;
	color: #ffffff;
	font-size: 1.5em;
	line-height: 30px;
	font-weight: bold;
	border-radius: 1em;
	-moz-border-radius: 1em;
	-webkit-border-radius: 1em;
}
.tbleuclair {
	background: url("../images/fonds/bleuclair.png") repeat;
}
.tbleufonce {
	background: url("../images/fonds/bleufonce.png") repeat;
}
.tbleu {
	background: url("../images/fonds/bleu.png") repeat;
}
.tcyan {
	background: url("../images/fonds/cyan.png") repeat;
}
.tgris {
	background: url("../images/fonds/gris.png") repeat;
}
.tjaune {
	background: url("../images/fonds/jaune.png") repeat;
}
.tkaki {
	background: url("../images/fonds/kaki.png") repeat;
}
.trose {
	background: url("../images/fonds/rose.png") repeat;
}
.trouge {
	background: url("../images/fonds/rouge.png") repeat;
}
.tvert {
	background: url("../images/fonds/vert.png") repeat;
}

/* --- pour afficher ou cacher un element avec le script js/afficherCacher.js */
/* utilise dans les pages d'administration */
.afficherCacher {
	display: none;
}
.cacherAfficher {
	display: block;
}



/* ----------------------------- */
/* LES DIFFERENTES PAGES DU SITE */
/* ----------------------------- */

/* --- pages/accueil.php 1 */

/* --- pages/historique.php 21 */
.historique a[rel="lightbox[historique]"] img.GAM {
	border: 5px solid #dcdcff;
}
.historique a[rel="lightbox[historique]"]:hover img.GAM {
	border: 5px solid #8b8bff;
}
.historique a[rel="lightbox[historique]"] img.GAF {
	border: 5px solid #ffdcff;
}
.historique a[rel="lightbox[historique]"]:hover img.GAF {
	border: 5px solid #ff8bff;
}

/* --- pages/organigramme.php 22 */

/* --- pages/salle.php 23 */

/* --- pages/entraineurs.php 24 */

/* --- pages/activites.php 3 */

/* --- pages/actualites.php 41 */

/* --- pages/calendrier.php 42 */

/* --- pages/contact.php 5 */


/* ------------------------------------------------------ */
/* LES DIFFERENTES ELEMENTS INCLUS DANS LES PAGES DU SITE */
/* ------------------------------------------------------ */

/* --- inclusions/messageAccueil.php */

/* --- inclusions/actualitesResume.php */

/* --- inclusions/afficherActualites.php */
.actualites a.actualite {
	background-color: #eeeeaa;
}
.actualites hr.enhaut {
	margin-top: 0px;
}

/* --- inclusions/structureTechnique.html
   --- inclusions/structureAdministrative.html */
.organigramme div.tableau {
	padding: 0px 30px 0px 30px;
}
.organigramme div.tableau table {
	margin: 10px 0px 10px 0px;
}
.organigramme div.tableau td, .organigramme div.tableau th {
	padding: 4px;
	margin: 0px;
	border: 1px solid #cccccc;
	vertical-align: middle;
	text-align: center;
	font-weight: bold;
}
.organigramme div.tableau td {
	color: #000000;
	background-color: #33ccff;
}
.organigramme div.tableau th {
	color: #eeeeee;
	background-color: #2b4984;
}

/* --- inclusions/sallePanorama.html */

/* --- inclusions/panorama */
/* ce fichier contient une page html complete et autonome (inclu par iframe) */

/* --- inclusions/salleAgres.html */

/* --- inclusions/afficherEntraineur.php */
h2.personne {
	padding: 0px;
	margin: 10px;
	border: 0px none;
	font-size: 3em;
	color: #ffaa41;
	font-weight : bold;
	text-align: left;
}
h2.personne img {
	height: 1.5em;
	vertical-align: middle;
}

/* --- inclusions/activitesParSecteur.html */
.activitesParSecteur table#tableau td {
	text-align: center;
	vertical-align: top;
}
.activitesParSecteur table#tableau a[rel="lightbox"] img {
	border: 5px solid #ffdcdc;
}
.activitesParSecteur table#tableau a[rel="lightbox"]:hover img {
	border: 5px solid #ff8b8b;
}

/* --- inclusions/cotisations.html */
.cotisations table#tableau {
	border-collapse: separate;
}
.cotisations table#tableau td,
.cotisations table#tableau th {
	padding: 4px;
	margin: 0px;
	border: 1px solid #ffffff;
	vertical-align: middle;
	font-size: 0.95em;
	text-align: center;
	color: #000000;
	background-color: #0099ff;
}
.cotisations table#tableau th,
.cotisations table#tableau td.entete {
	color: #ffffff;
	background-color: #2b4984;
	font-weight: bold;
}
.cotisations table#tableau th.entete {
	text-align: right;
}
.cotisations table#tableau td.entete {
	text-align: left;
}
.cotisations table#tableau th.remise {
	color: #ffffff;
	background-color: #2b49ff;
}
.cotisations table#tableau td.reduction {
	background-color: #ffffff;
	color: #000000;
	border: 2px dotted #0099ff;
}
.cotisations table#tableau .stjean {
	font-size: 0.7em;
	font-weight: bold;
}

/* --- inclusions/infosParticulieres.html */
.infosParticulieres table#tableau {
	border-collapse: separate;
}
.infosParticulieres table#tableau,
.infosParticulieres table#tableau td,
.infosParticulieres table#tableau th,
.infosParticulieres table#tableau ul,
.infosParticulieres table#tableau li {
	font-size: 0.95em;
	text-align: left;
}
.infosParticulieres table#tableau td,
.infosParticulieres table#tableau th {
	padding: 4px 12px 4px 12px;
	border: 1px solid #aecf1c;
	vertical-align: middle;
}
.infosParticulieres table#tableau th {
	text-align: center;
	background-color: #aecf1c;
	font-weight: bold;
}
.infosParticulieres table#tableau ul {
	margin: 0px;
	padding: 0px;
	list-style-image: url("../images/boutons/puce.png");
	list-style-position: inside;
}
.infosParticulieres table#tableau .entete {
	text-align: right;
	font-weight: bold;
}

/* --- inclusions/adresse.html */

/* --- inclusions/planAcces.html */

/* --- inclusions/photoAerienne.html */


/* ---------------------------------- */
/* LES PAGES D'ADMINISTRATION DU SITE */
/* ---------------------------------- */

/* --- .administration */

.administration {
	padding-top: 40px; /* a cause du menu d'administration */
}

/* les tables avec selection d'une ligne */
.administration table.select {
	margin: 10px auto 10px 30px;
	width: auto;
}
.administration table.select tr {
	background-color: #dddddd;
	border: 3px solid #ffffff;
}
.administration table.select tr:hover {
	background-color: #ddffdd;
}
.administration table.select tr.ajouter {
	background-color: #aaaaaa;
}
.administration table.select tr.ajouter:hover {
	background-color: #ffffaa;
}
.administration table.select td {
	text-align: center;
	vertical-align: top;
	padding: 5px;
	border-width: 0px 1px 0px 1px;
	border-color: #ffffff;
	border-style: dotted;
}

/* les tables pour edition d'un champ dans les formulaires */
.administration table.edit {
	margin: 5px auto 5px 0px;
	width: auto;
}
.administration table.edit td {
	text-align: left;
	padding: 0px 5px 0px 0px;
}
.administration table.edit td.droite {
	text-align: right;
	padding: 0px 5px 0px 0px;
}

/* photos de personne dans les tables d'administration */
.administration table.select img.personnePhoto {
	height: 1.5em;
	vertical-align: middle;
}
.administration table.edit img.personnePhoto {
	height: 4.5em;
	vertical-align: middle;
}