/*** Voici la feuille CSS int�grale du site web de l'Angouleme Poker Club

La liste qui suit d�finit le style visuel pour les diff�rents �l�ments du blog (blocks).
 * Dans l'ordre, vous trouverez les r�gles qui d�finissent l'apparence pour:
 * - les �l�ments HTML en g�n�ral = GENERAL
 * - la page = CONTENEUR
 * - l'ent�te = 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

Codes couleurs
noir :    #000;
rouge fonc� : #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,ol {
}

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;
}

/* 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: 10px 0;
        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 {}

    #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 .blocTexteNews, #accueil .blocNews {
        }
		
			#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 {}

    #adhesion ul {
        margin-left: 20px;
    }

    #adhesion .attention {
        color: red;
    }

    #adhesion #conteneurBtnTelechargementAdhesion {
        text-align: center;
    }

/* ARTICLES_PRESSE
*******************************************************************************/
#listePresse {}

    #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 {}

    #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 {}

    #statuts #blocPresentationAsso {
        width: auto;
        margin: 0 auto;
    }

/* PARTENAIRES
*******************************************************************************/
#partenaires {}

    #partenaires h3 {
        margin-top: 0;
    }

    #partenaires .listePartenaires {}

        #partenaires .listePartenaires img {
            margin: 0 10px 0 0;
        }

        #partenaires .listePartenaires .titre {
            text-decoration: none;
        }

        #partenaires .listePartenaires p {
            margin: 0;
            padding: 0;
        }

        #partenaires .listePartenaires .url {
            font-size: 0.9em;
            font-weight: normal;
            font-style: italic;
        }

/* TELECHARGEMENTS
*******************************************************************************/*
#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 {}

    #explicationsTournois td {
        vertical-align: top;
    }

    #explicationsTournois #presentation {
        width: 660px;
    }

/* INSCRIPTIONS TOURNOIS
*******************************************************************************/*
#inscriptionsTournois {}

    #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: #6b1415;
		    color: #1c94c4;
		    white-space: nowrap;
		}
        
        #inscriptionsTournois .listeMembresInscrits td.impair {
            border-color: #fed22f;
            background: #FFF0A5;
            color: #6b1415;
            color: #363636;
        }
        
        #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 {}

	.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;
		}

/* WYMeditor
*******************************************************************************/*
/* WYMeditor */

/* IMG: LeftImage */
.leftImage img /* p[@class!="important"] */ {
    float: left;
    margin-right: 10px;
    margin-top: .4em;
    /* border: 2px solid red; */
}

/* IMG: RightImage */
.rightImage img /* p[@class!="important"] */ {
    float: right;
    margin-left: 10px;
    margin-top: .4em;
    /* border: 2px solid green; */
}

/* /WYMeditor */