/*** Voici la feuille CSS integrale du site web de l'Angouleme Poker Club

La liste qui suit definit le style visuel pour les differents elements du blog (blocks).
* Dans l'ordre, vous trouverez les regles qui definissent l'apparence pour:
* - les elements HTML en general = GENERAL
* - la page = CONTENEUR
* - l'entete = ENTETE
* - le menu = MENU
* - le contenu = CONTENU
* - le pied de page = PIED
* - les differentes pages
* - accueil = ACCUEIL
* - news = NEWS
* - adhesion = ADHESION
* - les articles de presse = ARTICLES_PRESSE
* - membres = MEMBRES
* - statuts = STATUTS
* - partenaires = PARTENAIRES
* - plan = PLAN

Codes couleurs
noir : #000; rouge fonce :#6b1415

/** GENERAL **/
html{background-color:#fff;}
body {background-color:#fff; color:#000; font-size:11px; font-family:Verdana, Geneva, Helvetica, sans-serif; line-height:1.6em; color:#000; background:url(../images/charte/fond_rayures.jpg) repeat-x 0 0;}
h1 {font-size:2.2em; line-height:1.4em; font-weight:bold;}
h2 {color:#333333; font-size:1.4em; line-height:1.2em; margin:10px 0 0 0;}
h3 {color:#6b1415; font-size:1.2em; margin:10px 0 0 0;}
h4 {margin:6px 0 0 0;}
ul li {margin-left:1.4em;}
p {padding-top:.4em; padding-bottom:.4em;}
a,a:link,a:visited {color:#6b1415; font-weight:bold;}
a:hover,a:focus,a:active {color:#6b1415; text-decoration:underline !important;}
.cache {text-indent:-5000px; font-size:0px; line-height:1px; text-decoration:none;}
.spacer {clear:both; visibility:hidden;}
.clear {clear:both;}
.left {float:left; margin-right:10px; margin-top:.4em;}
.right {float:right; margin-left:10px; margin-top:.4em;}
.pagination {margin-top:20px; text-align:center;}
div.error {color:#990000; padding:5px 0; font-weight:bold;}
.pubWinamax {text-align:center;}

/** MAINTENANCE **/
#maintenance {width:930px; height:734px; margin:0 auto;}
#maintenance h1 a, #maintenance h1 a:hover, #maintenance h2 {color:#fff; text-decoration:none;}
#maintenance img {float:left;}
#maintenance h1 {background:url(../images/charte/titre_banniere.jpg) no-repeat 0 0; width:460px; height:70px; margin-left:120px;}
#maintenance h2 {margin-left:140px; font-size:1.8em;}

/** CONTENEUR **/
#main {width:930px; margin:0 auto; padding:0 20px; background:url(../images/charte/fond_ombre.png) repeat-y 0 0;}

/** ENTETE **/
#header {background:url(../images/charte/fond_banniere.jpg) no-repeat 0 0; color:#fff; position:relative;}
.headerSansSousMenu {height:187px !important;}
#header #blocLogoTitre {height:133px;}
#header .logo {position:absolute; top:7px; left:14px;}
#header h1 {position:absolute; background:url(../images/charte/titre_banniere.jpg) no-repeat 0 0; width:460px; height:70px; left:130px; top:42px;}
#header h1 a {color:#fff; display:block; height:70px;}

/** MENU **/
#menu {width:920px; height:42px; padding-left:10px; background:transparent url(../images/charte/fond_onglets.jpg) repeat-x 0 12px;}
#menu, #menu li {list-style:none; margin-left:0;}
#menu li {float:left;}
#menu li a {display:block; height:42px;}
#menu li a#ongletAccueil {background:url(../images/charte/onglet_accueil.jpg) no-repeat 0 12px; width:116px;}
#menu li a:hover#ongletAccueil {background:url(../images/charte/onglet_accueil_hover.jpg) no-repeat 0 12px;}
#menu li a.selected#ongletAccueil, #menu li a:hover.selected#ongletAccueil {background:url(../images/charte/onglet_accueil_selected.jpg) no-repeat 0 0;}
#menu li a#ongletClub {background:url(../images/charte/onglet_club.jpg) no-repeat 0 12px; width:117px;}
#menu li a:hover#ongletClub {background:url(../images/charte/onglet_club_hover.jpg) no-repeat 0 12px;}
#menu li a.selected#ongletClub, #menu li a:hover.selected#ongletClub {background:url(../images/charte/onglet_club_selected.jpg) no-repeat 0 0;}
#menu li a#ongletNews {background:url(../images/charte/onglet_news.jpg) no-repeat 0 12px; width:117px;}
#menu li a:hover#ongletNews {background:url(../images/charte/onglet_news_hover.jpg) no-repeat 0 12px;}
#menu li a.selected#ongletNews, #menu li a:hover.selected#ongletNews {background:url(../images/charte/onglet_news_selected.jpg) no-repeat 0 0;}
#menu li a#ongletForum {background:url(../images/charte/onglet_forum.jpg) no-repeat 0 12px; width:117px;}
#menu li a:hover#ongletForum {background:url(../images/charte/onglet_forum_hover.jpg) no-repeat 0 12px;}
#menu li a.selected#ongletForum, #menu li a:hover.selected#ongletForum {background:url(../images/charte/onglet_forum_selected.jpg) no-repeat 0 0;}
#menu li a#ongletLiens {background:url(../images/charte/onglet_liens.jpg) no-repeat 0 12px; width:118px;}
#menu li a:hover#ongletLiens {background:url(../images/charte/onglet_liens_hover.jpg) no-repeat 0 12px;}
#menu li a.selected#ongletLiens, #menu li a:hover.selected#ongletLiens {background:url(../images/charte/onglet_liens_selected.jpg) no-repeat 0 0;}
#menu li a#ongletTournois {background:url(../images/charte/onglet_tournois.jpg) no-repeat 0 12px; width:118px;}
#menu li a:hover#ongletTournois {background:url(../images/charte/onglet_tournois_hover.jpg) no-repeat 0 12px;}
#menu li a.selected#ongletTournois, #menu li a:hover.selected#ongletTournois {background:url(../images/charte/onglet_tournois_selected.png) no-repeat 0 0;}
#menu li a#ongletAdmin {background:url(../images/charte/onglet_admin.jpg) no-repeat 0 12px; width:118px;}
#menu li a:hover#ongletAdmin {background:url(../images/charte/onglet_admin_hover.jpg) no-repeat 0 12px;}
#menu li a.selected#ongletAdmin, #menu li a:hover.selected#ongletAdmin {background:url(../images/charte/onglet_admin_selected.png) no-repeat 0 0;}
#sousMenuVide {background:url(../images/charte/fond_sous_menu_vide.jpg) repeat-x 0 0; width:930px; height:12px;}
#sousMenu {background:#6b1415 url(../images/charte/fond_sous_menu.jpg) repeat-x 0 bottom; width:925px; padding-left:5px; padding-bottom:10px;}
#sousMenu, #sousMenu li {list-style:none; margin-left:0;}
#sousMenu li {float:left;}
#sousMenu li a {float:left; color:#ccc; font-size:10px; text-decoration:none; font-weight:normal; display:block; height:22px; padding:5px 15px 0 15px;}
#sousMenu li a.selected, #sousMenu li a:hover {color:#fff;}

/** CONTENU **/
#content {min-height:470px; padding:0 20px 10px 20px;}
.blocOmbre {border-collapse:collapse; width:100%; margin:5px 0;}
.blocOmbre .hautGauche, .blocOmbre .basGauche, .blocOmbre .hautDroit, .blocOmbre .basDroit {width:12px; height:12px; line-height:0;}
.blocOmbre .haut, .blocOmbre .bas {height:12px; line-height:0;}
.blocOmbre .gauche, .blocOmbre .droit {width:12px;}
.blocOmbre .hautGauche {background:url(../images/charte/bloc_haut_gauche.jpg) no-repeat 0 0;}
.blocOmbre .basGauche {background:url(../images/charte/bloc_bas_gauche.jpg) no-repeat 0 0;}
.blocOmbre .hautDroit {background:url(../images/charte/bloc_haut_droit.jpg) no-repeat 0 0;}
.blocOmbre .basDroit {background:url(../images/charte/bloc_bas_droit.jpg) no-repeat 0 0;}
.blocOmbre .haut {background:url(../images/charte/bloc_haut.jpg) repeat-x 0 0;}
.blocOmbre .bas {background:url(../images/charte/bloc_bas.jpg) repeat-x 0 0;}
.blocOmbre .gauche {background:url(../images/charte/bloc_gauche.jpg) repeat-y 0 0;}
.blocOmbre .droit {background:url(../images/charte/bloc_droit.jpg) repeat-y 0 0;}
.blocOmbre .centre {padding:0 5px;}

/** Titre pages **/
#accueil h2 {background:url(../images/charte/titre_page_accueil.jpg) no-repeat 0 0; width:366px; height:24px;}
#presentation h2 {background:url(../images/charte/titre_page_presentation.jpg) no-repeat 0 0; width:166px; height:24px;}
#news h2 {background:url(../images/charte/titre_page_news.jpg) no-repeat 0 0; width:138px; height:24px;}
#adhesion h2 {background:url(../images/charte/titre_page_adhesion.jpg) no-repeat 0 0; width:131px; height:24px;}
#contact h2 {background:url(../images/charte/titre_page_contact.jpg) no-repeat 0 0; width:129px; height:24px;}
#partenaires h2 {background:url(../images/charte/titre_page_partenaires.jpg) no-repeat 0 0; width:131px; height:24px;}
#plan h2 {background:url(../images/charte/titre_page_plan.jpg) no-repeat 0 0; width:228px; height:24px; margin-bottom:10px;}
#statuts h2 {background:url(../images/charte/titre_page_statuts.jpg) no-repeat 0 0; width:208px; height:24px;}
#membres h2 {background:url(../images/charte/titre_page_membres.jpg) no-repeat 0 0; width:176px; height:24px;}
#grap h2 {background:url(../images/charte/titre_page_grap.jpg) no-repeat 0 0; width:93px; height:24px;}
#regles h2 {background:url(../images/charte/titre_page_regles.jpg) no-repeat 0 0; width:242px; height:24px;}
#telechargements h2 {background:url(../images/charte/titre_page_telechargements.jpg) no-repeat 0 0; width:141px; height:24px;}
#articlePresse h2, #listePresse h2 {background:url(../images/charte/titre_page_presse.jpg) no-repeat 0 0; width:147px; height:24px;}
#inscriptionsTournois h2 {background:url(../images/charte/titre_page_inscriptions_tournois.jpg) no-repeat 0 0; width:195px; height:24px;}
#explicationsTournois h2 {background:url(../images/charte/titre_page_explications_tournois.jpg) no-repeat 0 0; width:387px; height:24px;}

/** PIED **/
#contenuFooter {background:url(../images/charte/pied_haut.jpg) no-repeat 0 0; background-color:#212121; color:#666; text-align:center; font-size:0.8em; padding-top:6px;}
#contenuFooter a {color:#666;}
#contenuFooter a:hover {color:#fff;}
#footer {background:url(../images/charte/pied_page.jpg) no-repeat 0 0; width:930px; height:24px; margin:0 auto; padding:0 20px;}

/** MENU DROITE **/
#menuDroite {width:240px;}
#menuDroite #cse-search-box {margin-top:3px; padding-left:7px;}
#menuDroite #cse-search-box #recherche {width:180px; color:#666;}
#menuDroite #cse-search-box input {padding:2px;}
#menuDroite #banniereRss {display:block;}
#menuDroite #twtr-widget-1 {margin:5px 0 5px 7px;}

/** ACCUEIL **/
#accueil .toutesLesNews {font-weight:bold;}
#accueil .toutesLesNews a {text-decoration:none;}
#accueil .enSavoirPlus {font-size:10px; font-weight:bold; text-align:right;}
#accueil .enSavoirPlus a {text-decoration:none;}
#accueil #presentation {width:660px;}
#accueil #presentation h3#titrePresentation {background:url(../images/charte/titre_presentation_rapide.jpg) no-repeat 0 0; width:245px; height:24px; margin:0;}
#accueil #presentation p.texte {text-align:justify;}
#accueil #presentation img {margin-top:10px;}
#accueil #listeNews {margin-top:10px; width:660px;}
#accueil #listeNews h3#titreDernieresNews {background:url(../images/charte/titre_dernieres_news.jpg) no-repeat 0 0; width:205px; height:24px; margin:0 0 5px 0;}
#accueil #liensWinamax {text-align:center;}

/** NEWS **/
#news h3 {margin-left:5px;}
#news .blocBordureNews {margin:5px 0;}
#news .blocNews, #accueil .blocNews {margin:5px 0; width:100%}
#news .blocNews .celluleImage, #accueil .celluleImage {text-align:center; width:80px; vertical-align:top; padding-top:10px;}
#news .blocNews a, #accueil .blocNews a {font-weight:bold; text-decoration:none;}
#news .blocNews .titre, #accueil .blocNews .titre {padding-top:10px; padding-bottom:0; margin-bottom:0;}
#news .blocNews .infos, #accueil .blocNews .infos {padding-top:0; margin-top:0; line-height:1em;}
#news .blocNews .infos span, #accueil .blocNews .infos span {font-size:0.8em; font-style:italic;}
#news .blocNews p.enSavoirPlus, #accueil .blocNews p.enSavoirPlus {text-align:right; padding:0 ;}

/** ADHESION **/
#adhesion ul {margin-left:20px;}
#adhesion .attention {color:red;}
#adhesion #conteneurBtnTelechargementAdhesion {text-align:center;}

/** ARTICLES_PRESSE **/
#listePresse .celluleBlocArticles {width:50%; vertical-align:top;}
#listePresse .blocArticles {}
#listePresse .blocArticles .cellImage {width:70px; vertical-align:top;}
#listePresse .blocArticles img {margin-right:10px;}
#listePresse .blocArticles a {font-weight:bold; text-decoration:none;}
#listePresse .blocArticles .titre {padding-bottom:0; margin-bottom:0;}
#listePresse .blocArticles .infos, #articlePresse .infos {padding-top:0; margin-top:0; line-height:1em;}
#listePresse .blocArticles .infos span, #articlePresse .infos span {font-size:0.8em; font-style:italic;}
#listePresse .blocArticles p.enSavoirPlus {text-align:right; font-size:0.8em;}

/** MEMBRES **/
#membres h3 {margin-top:0;}
#membres .tabMembres {width:100%;}
#membres .tabMembres td {vertical-align:top;}
#membres ul.listeMembres {margin-left:10px; list-style:none; border-left:1px solid #ccc;}
#membres ul.listeMembres li {margin-left:5px;}

/** STATUTS **/
#statuts #blocPresentationAsso {width:auto; margin:0 auto;}

/** PARTENAIRES **/
#partenaires h3 {margin-top:0;}
#partenaires .listePartenaires {}
#partenaires .listePartenaires .lienImage {width:145px; height:115px; display:block; background:url(../images/charte/fond_partenaires.jpg) top left no-repeat; margin:0 10px 0 0; line-height:115px; text-align:center;}
#partenaires .listePartenaires img {vertical-align:middle; margin:0 auto;}
#partenaires .listePartenaires .titre {text-decoration:none; font-weight:bold;     color:#6b1415;}
#partenaires .listePartenaires p {margin:0; padding:0;}
#partenaires .listePartenaires .url {font-size:0.9em; font-weight:normal; font-style:italic;}

/** PLAN **/
#plan #map_canvas {width:855px; height:450px}

/** TELECHARGEMENTS **/
#telechargements .titre {text-decoration:none;}
#telechargements .url {font-size:0.9em; font-weight:normal; font-style:italic;}

/** LOGIN **/
#login_form p {padding:2px 0;}
#login_form label {font-weight:bold;}
#login_form input.champ {width:200px;}

/** EXPLCIATIONS TOURNOIS **/
#explicationsTournois td {vertical-align:top;}
#explicationsTournois #presentation {width:660px;}

/** INSCRIPTIONS TOURNOIS **/
#inscriptionsTournois #intro {margin-top:5px;}
#inscriptionsTournois .blocTournoi {width:660px;}
#inscriptionsTournois h3 {margin-top:0;}
#inscriptionsTournois .tournoiComplet {color:red;}
#inscriptionsTournois .listeMembresInscrits {border-spacing:2px;}
#inscriptionsTournois .formulaireInscription .boutonFlottant {margin:2px; float:left;}
#inscriptionsTournois .listeMembresInscrits td.pair, #inscriptionsTournois .listeMembresInscrits td.impair {width:120px; padding:5px; border:1px solid #cccccc; background:#f6f6f6; font-weight:bold; color:#1c94c4; color:#363636; color:#444444; white-space:nowrap;}
#inscriptionsTournois .listeMembresInscrits td.impair {border-color:#fed22f; background:#FFF0A5;}
#inscriptionsTournois .listeMembresInscrits td.invite, #inscriptionsTournois .invite {font-style:italic; color:#b32429;}
#inscriptionsTournois .table_sinscrire_invite td {padding:3px 5px;}
#inscriptionsTournois .form_inscrire_invites input.champ {width:120px;}
#inscriptionsTournois .formulaireAutres {margin:10px 0;}
#inscriptionsTournois .formulaireAutres table {margin-bottom:5px;}
#inscriptionsTournois .formulaireAutres select {width:220px;}
#inscriptionsTournois .formulaireAutres .boutons {margin:0 10px;}
#inscriptionsTournois .lienAjouterInvite, #inscriptionsTournois .lienSupprimerInvite {color:#6b1415; font-weight:bold; text-decoration:underline; cursor:pointer;}

/** CLASSEMENT **/
.classement .scrollContenuClassement {overflow:auto; width:860px; height:600px; padding:2px; margin-top:10px;}
.classement #gradL {position:absolute; width:15px; background:url(../images/tournois/gradL.png) top left repeat-y; visibility:visible; display:none;}
.classement #gradR {position:absolute; width:15px; background:url(../images/tournois/gradR.png) top right repeat-y; visibility:visible; display:none;}
.classement .tableauClassement {border-collapse:collapse;}
.classement .tableauClassement th {background:#FFF0A5; color:#363636; border:1px solid #000; padding:3px 8px; font-weight:bold;}
.classement .tableauClassement th.invisible {background:none; border:none;}
.classement .tableauClassement .total {font-weight:bold;}
.classement .tableauClassement td {border:1px solid #000; padding:3px 8px; white-space:nowrap;}
.classement .tableauClassement tr.pair td {background-color:#dedede; color:#6b1415; color:#1c94c4;}
.classement .tableauClassement tr.utilisateurConnecte td {background-color:#d88485; color:#6b1415; font-weight:bold;}
.classement .tableauClassement tr.vainqueur td {font-weight:bold; color:#6b1415;}
.classement .tableauClassement td.absence {color:#999 !important;}
.classement .tableauClassement td.joker, span.joker {text-decoration:line-through;}
.classement .conteneurTableauTournois td.conteneurTableauTournoisTD {vertical-align:top; padding:0 10px;}
.classement .conteneurTableauTournois td.conteneurTableauTournoisTD h4 {margin-bottom:5px;}

/** CLASSEMENT TRIMESTRIEL **/
.classement ul#ongletsClassement {list-style-type:none; height:20px; margin-top:10px; padding-bottom:1px;}
.classement #ongletsClassement li {border:1px solid black; background-color:lightgrey; list-style-type:none; margin:0; padding:0; float:left; padding:0 5px; margin-right:5px;}
.classement #ongletsClassement li a, .classement #ongletsClassement li a:hover {display:block; height:20px; text-decoration:none !important;}
.classement #ongletsClassement li.selected {background-color:#6b1415;}
.classement #ongletsClassement li.selected a {color:#fff;}
.classement #contenuOngletClassement {border:1px solid black; padding:10px;}
.classement #formTrimestre, .classement #formAnnee {margin:10px 0;}

/** IMG:LeftImage */
.leftImage img {float:left; margin-right:10px; margin-top:.4em;}
/** IMG:RightImage */
.rightImage img {float:right; margin-left:10px; margin-top:.4em;}