body {
	font-family: Trebuchet ms, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	/*background-color: #8B9298;*/
	margin: 0px;
	text-align: center;
}
table {
	font-family: Trebuchet ms, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	border-collapse: collapse;
}
p {
	line-height: 110%;
}

/* =========================================== */
/* Surcharge des blocs définis en automatique. */
/* =========================================== */
/* Boite menu de navigation. */
div.boiteentete {
	width: 930px;
	margin-bottom: 10px;
}
div.boiteentete div div div {
	padding: 10px 0px 30px 10px; /* L'espacement intérieur de la boite se définit dans le bloc le plus interne */
}

/* Boite rectangulaire contenu de la page. */
div.pageContenu {
	/* fond de page contenu. */
	/* background-color: #7F96AA; */
	background-color: #6C879E;
	/* Couleur publiée. */
	/* background-color: #B2BEC7; */
	/* Centre le contenu du div. */
	text-align: center;
	width: 910px;
	/*width: 890px;*/
}

/* cadre avec arrondis */
div.contenuHaut {
	background: url('/img/chartev2/bloccontenu/contenu-bloc-hg.png') 0 100% no-repeat;
	width: 930px;/* doit etre 20px plus large que le div.pageContenu */
	padding: 0px 0px 0px 0px;
	line-height: 20px;/* necessaire dans les 2 div pour aligner les 2 parties de la porte coulissante; permet de mettre les padding a zero */
}
div.contenuHaut div {
	background: url('/img/chartev2/bloccontenu/contenu-bloc-hd.png') 100% 0 no-repeat;
	line-height: 20px;/* necessaire dans les 2 div pour aligner les 2 parties de la porte coulissante; permet de mettre les padding a zero */
}
/* securite */
div.contenuHaut div div {
	background: none;
	padding: 0px;
}

div.contenuCentre {
	background: url('/img/chartev2/bloccontenu/contenu-bloc-cg.png') 0 100% repeat-y;
	width: 930px;/* doit etre 20px plus large que le div.pageContenu pour eviter un chevauchement de fond */
}
div.contenuCentre div {
	background: url('/img/chartev2/bloccontenu/contenu-bloc-cd.png') 100% 0 repeat-y;
	padding: 0px 9px 0px 9px;/* 9 = minimum pour eviter chevauchement sur bord du fond */
}
/* securite */
div.contenuCentre div div {
	background: none;
	padding: 0px;
}

div.contenuCentre2 {
	background: url('/img/chartev2/bloccontenu/contenu-bloc-cg.png') 0 100% repeat-y;
	width: 930px;
}
div.contenuCentre2 div {
	background: url('/img/chartev2/bloccontenu/contenu-bloc-cd.png') 100% 0 repeat-y;
	padding: 0px 0px 0px 5px;
}
/* securite */
div.contenuCentre2 div div {
	background: none;
	padding: 0px;
}

div.contenuBas {
	background: url('/img/chartev2/bloccontenu/contenu-bloc-bg.png') 0 100% no-repeat;
	width: 930px;/* doit etre 20px plus large que le div.pageContenu */
	padding: 0px;
	line-height: 20px;/* necessaire dans les 2 div pour aligner les 2 parties de la porte coulissante; permet de mettre les padding a zero */
}
div.contenuBas div {
	background: url('/img/chartev2/bloccontenu/contenu-bloc-bd.png') 100% 0 no-repeat;
	line-height: 20px;/* necessaire dans les 2 div pour aligner les 2 parties de la porte coulissante; permet de mettre les padding a zero */
}
/* securite */
div.contenuBas div div {
	background: none;
	padding: 0px;
}
/* fin cadre avec arrondis */

/* Bloc Titre du site : rotary d1710 + panoramique. */
div.haut {
	/*background-color: #B2BEC7; commenté wj 15/09/08 */
	padding: 20px 0px 20px 0px;
}
div.haut img {
	vertical-align: middle;
}
div.haut a img {
	border: none;
}
div.haut img.panoramique {
	width: 500px;
}

/* Boites div contenant les blocs images ET bloc. */
div.grandeboite {
	float: left;
	text-align: center;
	/* border: 1px solid #000000; */
	margin: 0px 0px 0px 0px;
}
div.grandeboite img { 
	border: 0px; 
}
div.gbindex { 
	margin: 0px 1px 0px 1px;
}
div.gbindex img { 
	width: 210px;
}
div.gbindex div.boite2 { 
	width: 225px;
}
div.gbindex div.boite2 div div div {
	height: 435px;
}
div.gbindex div.boite3 { 
	width: 225px;
}
div.gbindex div.boite3 div div div {
	height: 435px;
}
div.gbindex div.boite4 { 
	width: 225px;
}
div.gbindex div.boite4 div div div {
	height: 435px;
}
div.gbindex div.boite5 {
	width: 225px;
}
div.gbindex div.boite5 div div div {
	height: 435px;
}
div.gbclub {
	text-align: left;
	margin: 0px 1px 0px 1px;
}
div.gbclub div.boite6 {
	text-align: center;
	width: 249px;
}
div.gbclub div.boite6 div div div {
	height: 355px;
}
div.gbclub div.boite7 {
	width: 249px;
}
div.gbclub div.boite7 div div div {
	height: 355px;
}
div.gbclub div.boite77 {
	width: 249px;
}
div.gbclub div.boite77 div div div {
	height: 50px;
}
div.gbclub div.boite8 {
	width: 249px;
}
div.gbclub div.boite8 div div div {
	height: 355px;
}


div.gbindex div.boite12 { 
	width: 225px;
}
div.gbindex div.boite12 div div div {
	height: 435px;
}
div.gbindex div.boite3 { 
	width: 225px;
}
div.gbindex div.boite3 div div div {
	height: 435px;
}
div.gbindex div.boite7 { 
	width: 225px;
}
div.gbindex div.boite7 div div div {
	height: 435px;
}
div.gbindex div.boite15 {
	width: 225px;
}
div.gbindex div.boite15 div div div {
	height: 435px;
}


/* Titre des blocs. */
p.titre {
	padding-top: 10px;
	margin-bottom: 25px;
	font-size: 16px;
	line-height: 18px;
	color: #FFFFFF;
	font-weight: bold;
	text-align: center;
}
p.titre:first-line {
	font-size: 20px;
}
/* Infos dans les blocs de clubs. */
p.infoClub {
	color: #FFFFFF;
	padding: 0px 0px 0px 5px;
}
p.infoClub:first-line {
	font-weight: bold;
	color: #262626;
}
div.boite8 tr.interligne {
	height: 15px;
}
div.boite8 td {
	width: 100%;
	vertical-align: top;
}
div.boite8 span.nom {
	color: #262626;
	font-weight: bold;
}
div.boite8 span.fonction {
	color: #FFFFFF;
	font-weight: bold;
}
div.boite8 td.img {
	border: 2px solid #FFFFFF;
	padding: 3px;
	width: 70px;
}
div.boite8 td.img img {
	width: 70px;
}

/* =========================================== */

/* ================ */
/* Liste ou Tableau */
/* ================ */
table.Liste {
}
table.Liste th {
	background: #89BCD1;
	border-right: solid 1px;
	border-bottom: solid 1px;
	/* Bien respecter l'ordre de définition des styles. */
	border-color: #000000;
	padding: 4px;
}
table.Liste th.titre {
	border-bottom: solid 1px;
	border-right: none;
	font-size: 14px;
}
/* sans bord droit. */
table.Liste th.sbd {
	border-right: none;
}
table.Liste th.total {
	border-bottom: none;
	border-top: solid 1px;
	border-color: #000000;
}
table.Liste th.droit {
	text-align: right;
}
table.Liste td {
	text-align: left;
	font-weight: bold;
	border-right: solid 1px;
	border-color: #000000;
	padding: 4px;
}
table.Liste td a {
	text-decoration: none;
	display: block;
	color: #000000;
}
table.Liste td a:hover {
	background-color: #AD9397;
	color: #FFFFFF;
}
table.Liste td.center {
	text-align: center;
}
table.Liste td.droit {
	text-align: right;
}
table.Liste td.impair {
	background-color: #89BCD1;
}
table.Liste td.pair {
	background-color: #FFFFFF;
}

/* sans bord droit. */
table.Liste td.sbd {
	border-right: none;
}
/* Liste ou Tableau */

/* ===================== */
/* Boutons de navigation */
/* ===================== */
div.navigation1Fond {
	background-color: #B2BEC7;
	width: 100%;
}
div.navigation1 {
	float: left;
	/* border: 1px solid #000000; */
	padding: 0px;
}
div.navigation1 img {
	/* border: 1px solid #000000; */
	vertical-align: middle;
	margin: 0px;
	padding: 0px;
}
div.navigation1 a {
	/* border: 1px solid #000000; */
	vertical-align: middle;
	background: url('/img/chartev2/navigation/navigbloc-c.png');
	height: 32px;
	line-height: 32px;
	font-size: 13px;
	text-decoration: none;
	color: #313940;
	padding-left: 10px;
	padding-right: 10px;
}
div.navigation1 a.clair {
	color: #ACB9C3;
}

div.navigation1 a.fonce {
}

div.navigation2 {
	float: left;
	/*border: 1px solid #000000;*/
	/* Couleur publiée. */
	/* background-color: #8B9298; */
	background-color: #B2BEC7;
	width: 910px;
	height: 30px;
	text-align: left;
	padding: 10px;
}

div.pageContenu div.contenuCentre2 div div.navigation2 {
/*	background-color: #6C879E;*/
	width: 920px;
}

div.navigation2 div.listeClubs {
	display: none;
	width: 50%;
	position: absolute;
	z-index: 10;
}
div.navigation2 div.listeClubs a.club {
	/*background-color: #FF0000;*/
	text-decoration: none;
}
div.navigation2 div.listeClubs a.club:hover {
	color: #F00;
}
div.navigation2 a.club {
	vertical-align: middle;
	background: #4E5C66;
	color: #F2F2F2;
	font-family: tahoma;
	font-weight: bold;
	font-size: 11px;
	width: 250px;
	text-align: center;
	padding: 2px 0px 2px 0px;
	margin: 0px 0px 0px 20px;
}
div.navigation2 img.club {
	vertical-align: middle;
	margin: 0px 0px 0px 5px;
	padding: 0px 0px 0px 0px;
}
div.navigation2 a.right {
	float: right;
	vertical-align: middle;
	margin: 0px 0px 0px 5px;
	padding: 5px 0px 0px 20px;
	height: 22px;
	width: 97px;
	color: #FFFFFF;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
	line-height: 8px;
	text-align: center;
}
div.recherche {
	float: right;
	text-align: right;
}
div.recherche form {
	padding: 0px 15px;
}
div.recherche input {
	background: #4E5C66;
	border: solid 2px #4E5C66;
	color: #F2F2F2;
	text-align: center;
	font-family: tahoma;
	font-weight: normal;
	font-size: 12px;
	vertical-align: middle;
}

div.recherche img {
	vertical-align: middle;
}

div.menuClub {
	margin-left: 20px;
	width: 300px;
}

div.menuClub img.menuImg {
	border: none;
	float: left;
	padding: 0px 0px 0px 0px;
	margin: 3px 0px 0px 0px;
	line-height: 16px;
}

div.menuClub img.flecheImg {
	border: none;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	vertical-align: middle;
}

div.menuClub a {
	background-color: #4E5C66;
	/*font-family: corbel;*/
	font-size: 12px;
	font-weight: bold;
	color: #FFF;
	/*text-decoration: none;*/
	width: 170px;
	padding: 0px 0px 0px 10px;
	margin: 0px 0px 0px 0px;
	line-height: 16px;
}

div.listeChoix {
	display: none;
	z-index: 20;
	float: left;
	position: absolute;
}
div.listeChoix a {
	text-decoration: none;
	background-color: #4E5C66;
	color: #FFF;
	width: 170px;
	padding: 0px 0px 0px 10px;

}

div.listeChoix a:hover {
	color: #F00;
}
/* ===================== */

/* ======= */
/* Onglets */
/* ======= */
div.onglets {
	/* fond de page contenu 8B9298 ou B2BEC7. */
	/* Couleur publiée. */
	/* background-color: #8B9298; */
	background-color: #B2BEC7;
	width: 920px;
	float: left;
}
div.onglets div.onglet {
	background: url('/img/chartev2/onglet-g.png') 0 100% no-repeat;
	color: #313940;
	float: left;
	text-align: center;
	font-weight: normal;
	margin-left: 2px;
	margin-bottom: 3px;
}
div.onglets div.onglet div {
	background: url('/img/chartev2/onglet-d.png') 100% 0 no-repeat;
	padding: 0px 15px 0px 15px;
	line-height: 24px;
}
div.onglets div.onglet div a {
	color: #313940;
	text-decoration: none;
	white-space: nowrap;
}
div.onglets div.onglet div a:hover {
	color: #FFFFFF;
	text-decoration: none;
}
div.onglets div.ongletActif {
	background: url('/img/chartev2/ongletActif-g.png') 0 100% no-repeat;
	color: #FFFFFF;
	float: left;
	font-weight: bold;
	margin-left: 3px;
	margin-bottom: 3px;
}
div.onglets div.ongletActif div {
	background: url('/img/chartev2/ongletActif-d.png') 100% 0 no-repeat;
	padding: 0px 15px 0px 15px;
	line-height: 24px;
}
div.onglets div.ongletActif div a {
	color: #FFFFFF;
	text-decoration: none;
	white-space: nowrap;
}
/* Onglets */

/* onglets pour tableaux des membres */
/* ajoute le 20/08/08 (wj) (en attente de validation) */
div.onglets_couleurs {
	float: left;
	font-family: corbel;
	font-size: 11.5px;
	font-weight: bold;
	text-align: center;
}
div.onglet_vert {
	background: url('/img/chartev2/vert-g.png') 0 100% no-repeat;
	float: left;
	line-height: 23px;
	margin: 0px 3px;
}
div.onglet_vert div {
	background: url('/img/chartev2/vert-d.png') 100% 0 no-repeat;
	line-height: 23px;
	padding: 0px 10px;
}
div.onglet_vert div a {
	color: #4D4D4D;
	text-decoration: none;
}
div.onglet_vertActif {
	background: url('/img/chartev2/vertActif-g.png') 0 100% no-repeat;
	float: left;
	line-height: 31px;
	margin: 0px 3px;
}
div.onglet_vertActif div {
	background: url('/img/chartev2/vertActif-d.png') 100% 0 no-repeat;
	line-height: 31px;
	padding: 0px 10px;
}
div.onglet_vertActif div a {
	color: #262626;
	text-decoration: none;
}
div.onglet_bleu {
	background: url('/img/chartev2/bleu-g.png') 0 100% no-repeat;
	float: left;
	line-height: 23px;
	margin: 0px 3px;
}
div.onglet_bleu div {
	background: url('/img/chartev2/bleu-d.png') 100% 0 no-repeat;
	line-height: 23px;
	padding: 0px 10px;
}
div.onglet_bleu div a {
	color: #4D4D4D;
	text-decoration: none;
}
div.onglet_bleuActif {
	background: url('/img/chartev2/bleuActif-g.png') 0 100% no-repeat;
	float: left;
	line-height: 31px;
	margin: 0px 3px;
}
div.onglet_bleuActif div {
	background: url('/img/chartev2/bleuActif-d.png') 100% 0 no-repeat;
	line-height: 31px;
	padding: 0px 10px;
}
div.onglet_bleuActif div a {
	color: #262626;
	text-decoration: none;
}
div.onglet_orange {
	background: url('/img/chartev2/orange-g.png') 0 100% no-repeat;
	float: left;
	line-height: 23px;
	margin: 0px 3px;
}
div.onglet_orange div {
	background: url('/img/chartev2/orange-d.png') 100% 0 no-repeat;
	line-height: 23px;
	padding: 0px 10px;
}
div.onglet_orange div a {
	color: #4D4D4D;
	text-decoration: none;
}
div.onglet_orangeActif {
	background: url('/img/chartev2/orangeActif-g.png') 0 100% no-repeat;
	float: left;
	line-height: 31px;
	margin: 0px 3px;
}
div.onglet_orangeActif div {
	background: url('/img/chartev2/orangeActif-d.png') 100% 0 no-repeat;
	line-height: 31px;
	padding: 0px 10px;
}
div.onglet_orangeActif div a {
	color: #262626;
	text-decoration: none;
}
/* onglets pour tableaux des membres */

/*** div de bienvenue ***/
div.bienvenue {
	margin-left: 5%;
	margin-top: 30px;
	margin-bottom: 30px;
	width: 90%;
	text-align: left;
}

div.bienvenue p:first-line {
	font-size: 20px;
	font-weight: bold;
}
/* fin div bienvenue */

/* div contenant les boutons */
div#btnbarre {
	float: left;
	padding: 0% 0% 0% 5%;
	margin: 0px 0px;
	width: 98%;/* pour ie; pour firefox et autres, mettre  la meme valeur que la width du div.entete */
	/*background: #FFFFFF;*/
}

div#btnbarreIdentified {
	float: right;
	margin-right: 10px;
}

/*** pour les boutons de l'en-tete ***/
div#btnbarre div.bouton, div#btnbarreIdentified div.bouton {
	background: url('/img/chartev2/bt-menu-g.png') 0 100% no-repeat;/* image de 20px de haut */
	margin-right: 0px;/* espacement horizontal entre les boutons */
	margin-left: 5px;/* espacement horizontal entre les boutons */
	padding: 0px 0px 0px 0px;/* pad right doit etre a zero sinon l'img de fond deborde a droite */
	/* le pad left allonge le bouton a partir de la gauche */
	float: left;/* necessaire pour avoir les btns cote a cote */
}

div#btnbarre div.bouton div, div#btnbarreIdentified div.bouton div {
	background: url('/img/chartev2/bt-menu-d.png') 100% 0 no-repeat;/* image de 20px de haut */
	font-size: 13px;
	font-family: corbel;
	line-height: 20px;/* hauteur de la ligne, doit etre egal a la hauteur du bouton */
	margin: 0px;
	padding: 0px 0px 0px 0px;/* la pad right cré de l'espace apres le texte */
	/* la pad left a le meme effet que celui du bloc externe */
}

div#btnbarre div.bouton div a, div#btnbarreIdentified div.bouton div a {
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	/*width: 150px;*/
	text-decoration: none;
	padding: 0px 10px 0px 10px;
	/* le padding horizontal de l'element le plus interne defini la largeur du bouton */
}

div#btnbarre div.bouton div a:hover, div#btnbarreIdentified div.bouton div a:hover {
	color: #FF0000;
}
/*** fin des bouttons d'entete ***/

/*** liste deroulante visiteur identifie ***/
div.listeDeroulante {
	float: left;
	margin-right: 150px;
	line-height: 22px;/* hauteur de l'image de fond du div */
}
input.ieFleche {
	margin: 3px 0px 0px 0px;
}
div.listeDeroulante div.btnUtilisateur {
	background: url('/img/chartev2/id-utilisateur-liste-g.png') 0 100% no-repeat;
	float: left;
	margin-left: 0%;
}
div.listeDeroulante div.btnUtilisateur div {
	background: url('/img/chartev2/id-utilisateur-liste-d.png') 100% 0 no-repeat;
	padding: 0px 5px;
	font-family: corbel;
	font-size: 14px;
	font-weight: normal;
	color: #FFFFFF;
}
div.btnUtilisateur div a{
	text-decoration: none;
	font-size: 14px;
	font-weight: normal;
}
div.menuUtilisateur {
	display: none;
	position: absolute;
	text-align: left;
	background-color: #4E5C66;
}
div.menuUtilisateur div a {
	/*background-color: #8B9298;*/
	background-color: #4E5C66;
	color: #FFFFFF;
	text-decoration: none;
	width: 100%;
	padding-left: 5px;
}
div.menuUtilisateur div a:hover {
	color: #F00;
}
/*** fin liste deroulante visiteur identifie ***/

/*** fin de l'en-tete de la page ***/


div.maxibox {
	margin-left: 40px;
}

a.impair {
	margin-top: 3px;
	color: #262626;
	font-weight: bold;
	text-decoration: none;
	display: block;
	text-align: left;
}

a.pair {
	margin-top: 3px;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
	display: block;
	text-align: left;
}