/*________________________________________________________________________________*/
/*                       Feuille de style de type "screen"                        */
/*                              Structure du site                                 */
/*________________________________________________________________________________*/
/*              Import de la feuille de style de mise en page                     */
@import "typo.css";
/*________________________________________________________________________________*/
/*                 Définition des éléments principaux de la page                  */
html, body {
	background: #b3ada3 url(../graphics/fondbody.png) repeat-y top center;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	font-family: "URW Bookman L", Tahoma, Verdana, Arial, sans;
	font-size: .85em;
	text-align: justify;
	width: 100%;
	/*height: 100%;*/
}
.body p {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
#container {
	background: #ffffff url(../graphics/fondmain.png) repeat-y top right;
	position: relative;
	margin: auto;
	width: 972px;
}
#container p {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
#container a {
	text-decoration: none;
}

/*________________________________________________________________________________*/
/*                    Positionnement de la fenêtre principale                     */
#mainscreen {
	/*_____________________________________________________________________________*/
	/*                                                Page principale, pseudo body */
	background: url(../graphics/fondpage.png) no-repeat top left;
	padding: 74px 0px 0px 0px;
	margin-left: 146px;
	margin-right: 220px;
	margin-bottom: 20px;
}
#xiti-logo {
	/*_____________________________________________________________________________*/
	/*                                          Mise en place du marqueur de stats */
	padding: 0px 0px 11px 0px;
	width: 600px;
	height: 15px;
	text-align: right;
}
#xiti-logo-noscript {
	/*_____________________________________________________________________________*/
	/*                               Mise en place du marqueur 'noscript' de stats */
	padding: 0px 0px 11px 0px;
	width: 600px;
	height: 15px;
	text-align: right;
}
#xiti-logo a, #xiti-logo-noscript a {
	text-decoration: none;
}
/*________________________________________________________________________________*/
/*                 Fin de positionnement des éléments principaux                  */
/*________________________________________________________________________________*/


/*________________________________________________________________________________*/
/*                  Positionnement du panneau latéral gauche                      */
#leftpanel {
	/*_____________________________________________________________________________*/
	/*                                                 Positionnement du conteneur */
	background: url(../graphics/leftpanel.png) no-repeat top left;
	float: left;
	padding: 0px 0px 0px 0px;
	width: 146px;
	height: 595px;
}
.lpanel {
	/*_____________________________________________________________________________*/
	/*                                                            Image par défaut */
	background: url(../graphics/leftpict.jpg) no-repeat top left;
	padding: 0px 0px 0px 0px;
	margin: 18px 0px 0px 26px;
	width: 106px;
	height: 462px;
}
/*________________________________________________________________________________*/
/*                Fin de positionnement du panneau latéral gauche                 */
/*________________________________________________________________________________*/


/*________________________________________________________________________________*/
/*                       Positionnement du menu de droite                         */
/*             Inclus le logo, coordonnées du club et partenaires.                */
#rpanelmain {
	/*_____________________________________________________________________________*/
	/*                                                 Conteneur du menu de droite */
	background: url(../graphics/framebody.png) repeat-y top right;
	float: right;
	padding: 0px 0px 0px 0px;
	width: 220px;
	text-align: left;
}
#rpanelmain ul {
	/*_____________________________________________________________________________*/
	/*                                         Puces et retraits du menu principal */
	padding: 8px 0px 8px 40px;
	margin: 0px 0px 0px 0px;
}
#rpanelmain a {
	/*_____________________________________________________________________________*/
	/*                          Suppression l'affichage de type "lien" des options */
	color: black;
	text-decoration: none;
}
#rpanelmain a:hover {
	/*_____________________________________________________________________________*/
	/*                         Au passage de la souris, la police devient bordeaux */
	color: #b21b1b;
}
#rpaneltop {
	/*_____________________________________________________________________________*/
	/*                                       Partie supérieure du menu (Logo SKCJ) */
	background: url(../graphics/logoskcj.png) no-repeat top right;
	width: 220px;
	height: 137px;
}
#rpaneltop ul {
	/*_____________________________________________________________________________*/
	/*                                             Puces et retraits du menu court */
	padding: 50px 0px 0px 30px;
	margin: 0px 0px 0px 0px;
}
#rpanelfoot {
	/*_____________________________________________________________________________*/
	/*                             Partie inférieure du menu (coordonnées du club) */
	background: url(../graphics/framefoot.png) no-repeat bottom right;
	padding: 0px 0px 0px 0px;
	width: 220px;
	height: 70px;
	text-align: center;
}
#rpanelfoot p {
	/*_____________________________________________________________________________*/
	/*                                                  Paragraphe du pied de menu */
	padding: 5px 10px 0px 0px;
	margin: 0px 0px 0px 0px;
}
#partner {
	/*_____________________________________________________________________________*/
	/*                                      Positionnement du logo des partenaires */
	background: url(../graphics/partner0.png) no-repeat top center;
	width: 210px;
	height: 75px;
}
#onclickpartner {
	/*_____________________________________________________________________________*/
	/*                                Création d'une zone 'cliquable' sur le logo. */
	/*                                          (renvoi sur le site du partenaire) */
	position: absolute;
	right: 0px;
	width: 220px;
	height: 75px;
}
.activetoppage {
	/*_____________________________________________________________________________*/
	/*                                 Couleur de puce de page active dans le menu */
	color: #fdad00;
}
#syndication {
	/*_____________________________________________________________________________*/
	/*                                       Positionnement du lien de syndication */
	background: #ffffff url(../graphics/rssflux.png) no-repeat bottom center;
	padding-top: 5px;
	width: 210px;
	height: 22px;
}
#syndication p {
	/*_____________________________________________________________________________*/
	/*                                                   Paragraphe de syndication */
	padding: 6px 0px 0px 8px;
	font-style: italic;
}
#syndication a {
	/*_____________________________________________________________________________*/
	/*                                        Mise en forme du lien de syndication */
	color: #fd8700;
}
#onclicksyndic {
	/*_____________________________________________________________________________*/
	/*                                Création d'une zone 'cliquable' sur le logo. */
	/*                                          (renvoi sur le site du partenaire) */
	position: absolute;
	right: 10px;
	width: 70px;
	height: 22px;
}
/*________________________________________________________________________________*/
/*                   Fin de positionnement du menu de droite                      */
/*________________________________________________________________________________*/


/*________________________________________________________________________________*/
/*                Positionnement des articles en pages d'accueil                  */
/*              ad0 : 1 article, ad1-ad2 : deux colonnes d'articles               */
/*                      adx : conteneur générique inclus                          */
#main-ad0 {
	/*_____________________________________________________________________________*/
	/*                                     Article ou page standard en plein écran */
	background: url(../graphics/adheader.png) repeat-x top left;
	float: left;
	color: #525252;
	width: 100%;
}
#main-ad0 h4, #main-ad1 h4, #main-ad2 h4 {
	/*_____________________________________________________________________________*/
	/*                                           Ajustement des titres de niveau 4 */
	margin: 0px 0px 5px 5px;
	font-size: 12px;
}
#main-ad0 h5 {
	/*_____________________________________________________________________________*/
	/*                                           Ajustement des titres de niveau 5 */
	margin: 0px 0px 5px 5px;
	text-decoration: underline;
	font-weight: bold;
	font-size: 12px;
	color: #b21b1b;
}
#main-ad1 {
	/*_____________________________________________________________________________*/
	/*                                            1er article en colonne de gauche */
	background: url(../graphics/adheader.png) repeat-x top left;
	float: left;
	color: #525252;
	width: 50%;
}
#main-ad2 {
	/*_____________________________________________________________________________*/
	/*                                           3ème article en colonne de droite */
	background: url(../graphics/adheader.png) repeat-x top left;
	float: right;
	color: #525252;
	width: 50%;
}
#main-ad0 p, #main-ad1 p, #main-ad2 p {
	/*_____________________________________________________________________________*/
	/*                                                  Ajustement des paragraphes */
	margin: 5px 5px 5px 5px;
}
#main-ad0 a, #main-ad1 a, #main-ad2 a, .main-adx a {
	/*_____________________________________________________________________________*/
	/*                                       Suppression du soulignement des liens */
	text-decoration: none;
}
.main-adx {
	/*_____________________________________________________________________________*/
	/*                                            Classe de sous-article inbriqué. */
	/*                                            Inclus dans un block de article. */
	background: url(../graphics/adheader.png) repeat-x top left;
	color: #525252;
	margin: 0px 2px 0px 2px;
	padding: 1px 0px 0px 0px;
}
/*________________________________________________________________________________*/
/*             Fin de positionnement des articles en pages d'accueil              */
/*________________________________________________________________________________*/


/*________________________________________________________________________________*/
/*                          Mise en forme des tableaux                            */
.globalarray {
	/*_____________________________________________________________________________*/
	/*                                                      Mise en forme générale */
	border-collapse: collapse;
	width: 100%;
}
.globalarray a {
	/*_____________________________________________________________________________*/
	/*                                      Suppression l'affichage de type "lien" */
	color: #525252;
	text-decoration: none;
}
.globalarray a:hover {
	/*_____________________________________________________________________________*/
	/*                         Au passage de la souris, la police devient bordeaux */
	color: #b21b1b;
}
.globalarray td {
	/*_____________________________________________________________________________*/
	/*                       Alignement du contenu des cellules du tableau en haut */
	vertical-align: top;
}
.colstitle {
	/*_____________________________________________________________________________*/
	/*                       Titres de colonnes simples (rouge et caractères gras) */
	color: #b21b1b;
	font-size: 14px;
	font-weight: bold;
	font-style: italic;
}
.colstitleunderline {
	/*_____________________________________________________________________________*/
	/*                     Titres de colonnes soulignés (rouge et caractères gras) */
	color: #b21b1b;
	font-size: 14px;
	font-weight: bold;
	font-style: italic;
	border-bottom: solid #fd8700 1px;
}
.colstitleblunderline {
	/*_____________________________________________________________________________*/
	/*                     Titres de colonnes soulignés (rouge et caractères gras) */
	color: #b21b1b;
	font-size: 14px;
	font-weight: bold;
	font-style: italic;
	border-bottom: solid #fd8700 1px;
	border-left: solid #804c19 1px;
}
.cellsbrownongreyblcenter {
	/*_____________________________________________________________________________*/
	/*                    Cellules police standard centrées (marron sur fond gris) */
	color: #804c19;
	text-align: center;
	border-left: solid #804c19 1px;
	background-color: #eddbf8;
}
.cellsborderleftcenter {
	/*_____________________________________________________________________________*/
	/*                  Cellules police standard centrées, bordure marron à gauche */
	color: #804c19;
	text-align: center;
	border-left: solid #804c19 1px;
}
.cellscenter {
	/*_____________________________________________________________________________*/
	/*                                           Cellules police standard centrées */
	text-align: center;
}
.colstitleupperline {
	/*_____________________________________________________________________________*/
	/*       Cellules de fin de tabaleau soulignés (blanc et caractères standards) */
	color: #ffffff;
	font-size: 14px;
	font-style: italic;
	border-top: solid #fd8700 1px;
}
.colstitleblupperline {
	/*_____________________________________________________________________________*/
	/*       Cellules de fin de tabaleau soulignés (blanc et caractères standards) */
	color: #ffffff;
	font-size: 14px;
	font-style: italic;
	border-top: solid #fd8700 1px;
	border-left: solid #804c19 1px;
}
/*________________________________________________________________________________*/
/*                        Fin de mise en forme des tableaux                       */
/*________________________________________________________________________________*/


/*________________________________________________________________________________*/
/*                          Mise en forme du calendrier                           */
.monthformat {
	/*_____________________________________________________________________________*/
	/*                                          Mise en forme de la cellule "mois" */
	color: #b21b1b;
	/*text-align: right;*/
	font-size: 14px;
	font-weight: bold;
	font-style: italic;
	/*border-bottom: solid #b21b1b 1px;*/
}
/*________________________________________________________________________________*/
/*                        Fin de mise forme du calendrier                         */
/*________________________________________________________________________________*/


/*________________________________________________________________________________*/
/*                           Mise en forme des horaires                           */
.timetitle {
	color: #b21b1b;
	text-align: center;
	font-weight: bold;
	border-bottom: solid #b21b1b 1px;	
}
.timeday {
	text-align: center;
	color: #000000;
}
/*________________________________________________________________________________*/
/*                        Fin de mise forme des horaires                          */
/*________________________________________________________________________________*/



/*________________________________________________________________________________*/
/*                          Mise en forme du plan d'accès                         */
#dojomap {
	background: url(../graphics/dojomap.jpg) no-repeat;
	margin: auto;
	width: 580px;
	height: 400px;
}
/*________________________________________________________________________________*/
/*                       Fin de mise en forme du plan d'accès                     */
/*________________________________________________________________________________*/


/*________________________________________________________________________________*/
/*                Pages en cours de construction / modification                   */
#chantier {
	background: url(../graphics/chantier.png) no-repeat center;
	margin: auto;
	width: 600px;
	height: 300px;
}
/*________________________________________________________________________________*/
/*           Fin de mise en forme des pages en construction /modification         */
/*________________________________________________________________________________*/


/*________________________________________________________________________________*/
/*                       Positionnement d'un pied de page                         */
/*                     et d'un bloc de notes de bas de page                       */
#footer {
	/*_____________________________________________________________________________*/
	/*                                               Mise en place du pied de page */
	clear:both;
	background: #ffffff url(../graphics/footer.png) no-repeat bottom left;
	padding: 0px 0px 0px 0px;
	color: #ffffff;
	text-align: right;
	font-weight: bold;
}
#footer p {
	padding: 11px 9px 6px 0px;
}
#bottomnotes {
	/*_____________________________________________________________________________*/
	/*                             Mise en place d'un bloc de notes pleine largeur */
	position: absolute;
	width: 812px;
	margin: 0px 0px 35px 146px;
	bottom: 0px;
	color: #525252;
	font-size: 10px;
	font-weight: normal;
	font-style: italic;
	text-align: left;
	border-top: solid #fd8700 1px;
}
#leftnotes {
	/*_____________________________________________________________________________*/
	/*                                  1ère colonne de notes ou légendes à gauche */
	float: left;
	width: 50%;
}
#rightnotes {
	/*_____________________________________________________________________________*/
	/*                                    2sd colonne de notes ou légende à droite */
	float: right;
	width: 50%;
}
#bottomnotes sup{
	/*_____________________________________________________________________________*/
	/*                             Mise en couleur (orange) des indices de légende */
	color: #fd8700;	
}
/*________________________________________________________________________________*/
/*     Fin de mise forme des pied de pages, légendes et notes de bas de page      */
/*________________________________________________________________________________*/