/*********************************************
/*  Corps Principal
/*  ------------------------------------------
*/
body {
	background: #FFF;
	margin: 0;
	padding: 0;
	font: 100% Verdana, Geneva, Arial, Helvetica, "Bitstream Vera Sans", sans-serif;
	text-align: center;
}

#site {
	width: 900px;
	margin: 8px auto;
	padding: 0;
	text-align: left;
	font-size: 70%;
	line-height: 150%;
	/* background: url(decodroite.gif) repeat-y 750px 0; */
}


p.infos_club {
    font-size : 12pt;
    margin-top : 1em;
    margin-bottom : 1em;
    color : #28bed9;
}

p {
    margin : 0;
    text-align : justify;
    text-indent : 5em;
}



/*  ------------------------------------------
/*  Navigation
/*  ------------------------------------------
*/

.hautnews {
    width : 730px;
    height : 20px;
    background : #FFF url(telecharg_bleu.gif) no-repeat;
    color : white;
    padding-left : 10px;
    margin : 0;
    text-indent : 0px;
    font-weight : bold;
}

.hautnews a:link {
    color : white;
}

.hautnews a:hover {
    color : white;
}

.ajoutnews {
    background: #E2E2E2;
    margin : 0;
    padding-left : 10px;

    text-indent : 0px;
}

.contenunews {
    background: #E2E2E2;
    margin : 0;
    background: #E2E2E2 url(bas_news.gif) no-repeat 0 100%;
	padding-bottom: 20px;
    padding-left : 10px;
    padding-right : 10px;
    text-indent : 0em;
}

.contenunews img{
    width : 100px;
    float : left;
    margin-right : 1em;
}

.contenu {
    background: #E2E2E2;
    margin : 0;
    background: #E2E2E2 url(bas_news.gif) no-repeat 0 100%;
	padding-bottom: 20px;
    padding-left : 10px;
    padding-right : 10px;
    text-indent : 0em;
}

.contenu img{
    width : 250px;
    float : left;
    margin-right : 1em;
}


img.normal {
    width : auto;
    height : auto;
}

#navigation {
	width: 900px;
	height: 25px;
	margin: 0;
	padding: 0;
	padding-bottom: 15px;
	list-style: none;
	background: #FFF url(nav.gif) no-repeat;
}

#navigation li {
	height: 25px;
	margin: 0;
	padding: 0;
	float: left;
	text-indent: -9000px;
}

#navigation a {
	display: block;
	height: 100%;
}

#navigation li a:link, #navigation li a:visited {
	color: #FFF;
	text-decoration: none;
	font-variant: small-caps;
	font-weight: bold;
}
#navaccueil {
	width: 80px;
	background: url(nav_accueil.gif) no-repeat;
}
#navmembre {
	width: 120px;
	background: url(nav_membre.gif) no-repeat;
}
#navforum {
	width: 80px;
	background: url(nav_forum.gif) no-repeat;
}
#navlivre {
	width: 95px;
	background: url(nav_livre.gif) no-repeat;
}
#nav4 {
	width: 78px;
	background: url(nav_contact.gif) no-repeat;
}


/*  ------------------------------------------
/*  Colonne principale - Home
/*  ------------------------------------------
*/
#article {
	float: left;
	width: 730px;
	margin-top: 0px;
}

h3 span.auteur {
	font-style: normal;
	font-size: 0.8em;
	font-weight: bold;
	color: #696969;
}

#site a.plus:after {
	content: "\0000a0"url(linkred.gif);
}

/*  ------------------------------------------
/*  Colonne de droite - Home
/*  ------------------------------------------
*/

.fiche {
	background: #E2E2E2;
	width: 130px;
	margin: 0px 0;
	padding: 0 10px;
	float: right;
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 110px;
}

#site>.fiche {
	width: 130px;
}

p.plus {
	text-align: right;

}
p.plus a {
	font-weight: bold;
	text-decoration: none;
}

/*  ------------------------------------------
/*  Footer
/*  ------------------------------------------
*/

p#credits {
	/*width: 700px;*/
	height: 25px;
	padding: 8px 5px 0;
	clear: both;
	background: url(nav.gif) no-repeat 0 0px;
	color: #FFF;
	font-size: 10px !important;
	line-height: 120%;
	voice-family: "\"}\"";
	voice-family:inherit;
	/*width: 690px;*/
	height: 18px;
}

#site>p#credits {
	height: 18px;
}

/*  ------------------------------------------
/*  Corps de texte - Général
/*  ------------------------------------------
*/
a:link, code a:link, a:link code, p.plus a:link, p.plus a:visited, #tri a:visited {
	color: #398FC6;
}

a:visited, code a:visited, a:visited code {
	color: #525252;
}

a:hover, code a:hover, a:hover code, p.plus a:hover, #tri a:hover {
	color: #9FAC0B;
}

a:active, a:focus, code a:active, a:active code, code a:focus, a:focus code, p.plus a:active, p.plus a:focus,#tri a:active, #tri a:focus {
	color: #CB1804;
}

a[hreflang|="en"]:after {
	content: "\0000a0"url(linken.gif);
}

a[hreflang] {
	content: normal !important; /*  Hack pour Opera, qui ne comprend pas la règle précédente  */
}

a img {
	border: 0;
}

/*  ------------------------------------------
/*  Header - Pages intérieures
/*  ------------------------------------------
*/

#header {
	background: #FFF url(hdr_int.jpg) no-repeat;
	width: 100%;
	height: 67px;
	padding-bottom: 3px;
	voice-family: "\"}\"";
	voice-family:inherit;
	height: 64px;
}

#header a {
	display: block;
	height: 100%;
	text-indent: -9000px;
	text-decoration: none;
}

/*  ------------------------------------------
/*  Colonne principale - Articles
/*  ------------------------------------------
*/
#article h1 {
	font: italic 2.2em Georgia, "Times New Roman", Times, serif;
	text-align: center;
	color: #CB1804;
}

#article p.signature {
	font: bold 1.3em Georgia, "Times New Roman", Times, serif;
	color: #626262;
	text-align: center;
	margin-top: -1em;
    text-indent : 0;
}
p.signature a:link {
	color: #626262;
}
p.signature a {
	text-decoration: none;
}
p.signature a:after, #fiche a:after, #bio a:after {
	content: "";
}

#article h2, #contenu h2, #contenu2 h2 {
	font: bold 1.5em Georgia, "Times New Roman", Times, serif;
	color: #CB1804;
	background: url(dot_bigred.gif) no-repeat 0 3px;
	padding-left: 19px;
	margin-top: 2em;
}
#article h3 {
	font: bold 1.3em Tahoma, Arial, Geneva, sans-serif;
	margin-top: 1.5em;
}
#article h4 {
	font: bold 1.1em Tahoma, Arial, Geneva, sans-serif;
	margin-top: 1.2em;
}
#article h2 code, #article h3 code, #article h4 code {
	color: #CB1804;
	font-style: italic;
}


ul, ol {
	font-size: 1.05em;
	line-height: 130%;
	margin-left: 19px;
	padding-left: 19px;
	list-style: upper-roman;
}

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

li {
	margin-bottom: 1em;
}

ul li {
	margin-left: 15px;
	padding-left: 16px;
	background: url(puce.gif) no-repeat 0 4px;
}

dl {
	font-size: 1.1em;
}
dt {
	margin: 1.5em 0 0.5em;
    background: url(puce.gif) no-repeat 0 6px;
    padding-left: 10px;
}
dd {
	margin-bottom: 0.75em;
}

pre {
	background: #EFEFEF url(prebloc.gif) no-repeat 0 0;
	width: 411px;
	padding: 30px 5px 10px;
	font-size: 1.3em;
	line-height: 1.6em;
	overflow: auto;
	overflow-y: hidden; /* IE seulement */
}

ul pre, ol pre {
	margin-left: -15px;
}

code {
	font-size: 1.2em;
	color: #526011;
}

pre code {
	color: #000;
}

tt {
	font-size: 1.3em;
}

.moreInfo {
	background: #EFEFEF url(aide.gif) no-repeat 10px 12px;
	margin: 10px;
	padding: 10px;
	border: 2px solid #2B7FB5;
}
p.moreInfo {
	text-indent: 17px;
}
.moreInfo p {
	text-indent: 17px;
	margin-top: 0;
}
.moreInfo p+p {
	text-indent: 0;
}

abbr[title], acronym[title], .help {
	border-bottom: 1px dotted;
	cursor: help;
}


blockquote {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	min-height: 60px;
	margin-left: 0;
	margin-right: 0;
	padding: 0;
	background: url(quote.gif) no-repeat 0 0;
}
blockquote p {
	margin-left: 85px;
	margin-bottom: 0em;
	padding-bottom: 0;
}
blockquote>p {
	margin-left: 55px;
}

q {
	font-style: italic;
	quotes: "«\0000a0" "\0000a0»";
}
cite {
	font-style: italic;
}



/*  ------------------------------------------
/*  Colonne de droite - Articles
/*  ------------------------------------------
*/

.fiche{
	background: #E2E2E2 url(greybox_bas2.gif) no-repeat 0 100%;
	padding-bottom: 20px;
}

.fiche h2 {
	width: 150px;
	height: 20px;
	text-indent:10px;
    font-size : 12px;
    padding-top : 3px;
	background: url(hautmenu.png) no-repeat;
    margin: 0 -10px;
    color : white;
}

.fiche li {
	background: none;
	margin-left: 0;
	padding-left: 0;
	margin-bottom: 0.3em;
	font-size: 0.9em;
}

.fiche em {
	font-style: normal;
	font-weight: bold;
}

.fiche a {
    text-decoration : none;
}

.hautnews a {
    font-weight : bold;
    text-decoration : none;
}

table.tournois {
    border : 1px solid #28bed9;
}

td {
    text-align : center;
}

td.entete {
    color : white;
    background-color : #28bed9;
    border : #28bed9;
    margin : 0;
    font-weight : bold;
    text-align : center;
}

td.conttournois {
    border : 1px solid #28bed9;
}

td.titre_tableau {
    background: url(jaune_tableau.png) no-repeat;
    width : 700px;
}

tr.gris {
    background-color : #CCCCFF;
    border-bottom : 1px solid black;
}

td.bas_tableau {
    background: url(bas_tableau.png) no-repeat;
    width : 700px;
}

table {
    width : 700px;
    border-collapse : collapse;
}

.news{
	background: #E2E2E2 url(greybox_bas2.gif) no-repeat 0 100%;
	padding-bottom: 20px;
}

.news h2 {
	width: 150px;
	height: 20px;
	text-indent:10px;
    font-size : 12px;
    padding-top : 3px;
	background: url(hautmenu.png) no-repeat;
    margin: 0 -10px;
    color : white;
}

p.affiche_nouvelle {
    text-indent : 0em;
}

p.carte {
    text-align : center;
    text-indent : 0em;
    padding : 0px;
}

img.photo_district {
    margin-left : 240px;
    margin-right : 240px;
    width : 250px;
}

#article p.nom_club {
    height : 25px;
	font: 12px Georgia, "Times New Roman", Times, serif;
	background: url(epreuve.gif) no-repeat;
    margin-bottom : 3px;
    padding-top : 6px;
    text-indent : 33px;
}

#article p.adresse {
    height : 25px;
	font: 12px Georgia, "Times New Roman", Times, serif;
	text-indent : 33px;
}


/*****************************
*** PAGE PRINCIPALE : CLUB ***
*****************************/

#club {
	float: left;
	width: 730px;
	margin-top: 0px;
}

#club h1 {
	font: italic 2.2em Georgia, "Times New Roman", Times, serif;
	text-align: center;
	color: #CB1804;
}

#club p.clubintitule {
    font-size : 16pt;
    color : #28bed9;
    margin-bottom : 1em;
    margin-top : 1em;
    text-indent : 0px;
}

#club p.clubintitule:first-letter {
    color : #a8c11f;
}

#club p {
    text-indent : 0px;
}

#club p.telephone {
    height : 25px;
	background: url(telephone.gif) no-repeat;
    margin-bottom : 3px;
    padding-top : 6px;
    text-indent : 33px;
}

#club p.email {
    height : 25px;
	background: url(email.gif) no-repeat;
    margin-bottom : 3px;
    padding-top : 6px;
    text-indent : 30px;
}

#club p.site_web {
    height : 25px;
	background: url(site_web.gif) no-repeat;
    margin-bottom : 3px;
    padding-top : 6px;
    text-indent : 30px;
}

/***********************************
*** PAGE PRINCIPALE : CALENDRIER ***
***********************************/

#calendrier {
	float: left;
	width: 730px;
	margin-top: 0px;
}

#calendrier td.gauche {
    text-align : right;
    width : 50%;
}

#calendrier td.droite {
    text-align : left;
    width : 50%;
}

#calendrier h1 {
	font: italic 2.2em Georgia, "Times New Roman", Times, serif;
	text-align: center;
	color: #CB1804;
}

#calendrier h2 {
	font: 2.2em Georgia, "Times New Roman", Times, serif;
	text-align: left;
	color: #CB1804;
}

#calendrier p.signature {
	font: bold 1.3em Georgia, "Times New Roman", Times, serif;
	color: #626262;
	text-align: center;
	margin-top: -1em;
    text-indent : 0;
}

#calendrier p.stade_intitule {
    font-size : 16pt;
    color : #28bed9;
    margin-bottom : 1em;
    margin-top : 1em;
    text-indent : 0px;
}

#calendrier p.stade_intitule:first-letter {
    color : #a8c11f;
}

.telechargements {
    width : 730px;
    height : 20px;
    background : #FFF url(telecharg_bleu.gif) no-repeat;
    color : white;
    padding-left : 10px;
    margin : 0;
    text-indent : 0px;
    font-weight : bold;
    text-align : center;
}

.telechargements a:link {
    color : white;
}

.telechargements a:hover {
    color : white;
}

.tel_contenu {
    margin : 0;
    background: #28bed9 url(telecharg_bleu_bas.gif) no-repeat 0 100%;
	padding-bottom: 20px;
    padding-left : 10px;
    padding-right : 10px;
    text-indent : 0em;
    color : white;
}

td.nom_fichier {
    text-align : left;
}