body
{
		margin: 0;
		padding: 0;
		font-family: Tahoma, Arial, sans-serif;
		text-align: justify;
		font-size: 13px;
		background: url("images/images/fond1.gif") fixed no-repeat bottom center;
}

/* Haut de page*/
	#entete 
{
		width: 100%;
		background-color: black;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 45;
}
	#entete td
{
		text-align: center;
		padding-top: 7px;
		padding-right: 20px;
}
	#entete a img
{
		border : ridge #ffffff 3px;
}
	#bienvenue
{
		margin-top: 10px;
		text-align: center;
		color: #dc0000;
		font-family: "Arial Black", Tahoma, Arial, sans-serif;
		font-size: 2em;
		font-weight: bold;
		font-style: italic;
}
	#visiteurs
{
		font-size: 0.9em;
		font-weight: bold;
		color: #ef0000;
}

/* Menu avec onglets*/
	ul#menu	 /* boite qui contient le menu (les onglets) */
{
		height: 3em;
		background-color: black;
		font: bold 0.85em Tahoma, Arial, sans-serif;
		text-align: center;
		list-style-type: none;
		margin: 0 0 0 1%;
		padding-bottom: 0.2em;	/* marge intérieure basse */
}	
	ul#menu li
{
		height: 3em;
		float: left;
		background-color: black;
		margin: 0 0 0 0.1em;
		padding: 0 0 0.2em 0;
}
	#menu a
{
		float: left;
		height: 2.5em;
		color: #fff;
		text-decoration: none;
		padding: 0.3em;
}
	ul#menu li.active
{
		border-bottom: 1px solid #fff;
		background-color: #fff;
}
	ul#menu li.active a
{
		color: black;
}	
	#menu a:hover
{
		background: #fff;
		color: #666;
}
	.un
{
		position: relative;
		top: 0.5em;
}
	#menu li ul
{
		position: absolute;
		left: -9999em;
		width: 100%;	/* largeur de la page, pour que le bandeau fasse toute la page */
		z-index: 50;
		height: 2.7em;
		background-color: #525252;
		font: bold 1em Tahoma, Arial, sans-serif;
        text-align: center;
        list-style-type: none;
        border-bottom: solid 1px black; /* crée le trait noir en-dessous des onglets */
        padding-bottom: 0;   /* marge intérieure basse */
        margin: 3em 0 0 0;
		padding-left: 0;
}
	#menu li ul li
{
		height: 2.2em;
		border: 0;
		z-index: 51;
		float: left;
        background-color: #525252;
		width: 18.8%; /* largeur de chacune des entrées du sousmenu (facultatif) sinon, taille du texte */
}
	#menu li ul li a
{
		height: 1.6em;
		background-color: #525252;
		width: 100%;
		padding-top: 0.8em;
}
	#menu li.active ul li a
{
		color: #ffffff;
}
	#menu li ul li a:hover
{
		color: #666;
}
	#menu li:hover ul	/* les sous-menus ouverts */
{
		left: 0;	/* left: auto si on veut que le sous-menu se place sous l'entrée de menu, left: 0 si sur toute la largeur */
}

/* CORPS */
	#corps
{
		margin-right: 3em;
		margin-left: 3em;
		margin-top: 12.5em;
}
	#corps1
{
		margin-right: 3em;
		margin-left: 3em;
}
	#corps2
{
		margin-right: 6em;
		margin-left: 6em;
		margin-top: 155px;
}
	#corps3
{
		margin-right: 6em;
		margin-left: 6em;
}
	img
{
		border: none;
}
	.nouveau1
{
		text-align: center;
		font-style: italic;
		font-weight: bold;
		font-size: 12px;
		color: blue;
		margin: 0 12% 0 12%;
}
	.nouveau2
{
		text-align: center;
		font-style: italic;
		font-weight: bold;
		font-size: 12px;
		margin-bottom: 25px;
}
	h1	/* Grand titre bordeaux = Titre de page */
{
		margin-top: 20px;
		text-align: center;
		color: #990000;
		font-family: "Arial Black", Tahoma, Arial, sans-serif;
		font-size: 26px;
		font-style: italic;
}
	h2 	/* Titre de paragraphe rouge avec bordure basse */
{
		text-align: left;
		margin-top: 10px;
		margin-bottom: 5px;
		font-size: 13px;
		font-weight: bold;
		color: #cc0000;
		padding-bottom: 5px;
		border-bottom: 5px #cc0000 solid;
}
	h3 	/*Titre rouge dans le paragraphe*/
{
		text-align: center;
		color: #cc0000;
		font-size: 16px;
}	
	h4 	/*Texte centré*/
{
		text-align: center;
		font-size: 13px;
}
	h5  /*Texte centré*/
{
		text-align: center;
		font-size: 13px;
}	
	table
{
		width: 100%;
		border-collapse: collapse;
		margin-bottom: 5px;
}
	caption
{
		text-align: center;
		font-size: 16px;
		font-weight: bold;
		padding: 5px 0px 5px 15px;
		color: #ffffff;
		background-color: #cc0000;
}
	.date 	/*Date de mise à jour*/
{
		position: absolute;
		right: 35px;
		font-weight: normal;
		color: #525252;
		text-decoration: none;
		font-size: 12px;
}
	a 	/*Changement de couleur sur les liens*/
{
		color: #990000;
		text-decoration: none;
}
	a:hover
{
		color: #cc0000;
		text-decoration: overline underline;
}
	a:active
{
		color: #cc0000;
		text-decoration: none;
}
	.texte
{
		margin-top: 40px;
		margin-bottom: 15px;
		padding-left: 15px;
		padding-right: 15px;		
}	
	.texte p:first-letter, .texte1 p:first-letter, .texte1 ul:first-letter, .textedojokun p:first-letter
{
		font-weight: bold;
		font-size: 1.2em;
}
	.mini
{
		width: 7%;
}
	.photoaccueil 	/*Photo accueil positionnée à droite*/
{
		width: 25%;
		float: right;
		margin-top: 0px;
		margin-left: 20px;
		margin-right: 20px;
		margin-bottom: 10px;
}
	.photoaccueilcentre	/*Photo accueil positionnée au centre*/
{
		width: 60%;
		margin-top: 0px;
		margin-left: 20px;
		margin-right: 20px;
		margin-bottom: 10px;
}
	.photo1 	/*Photo redimensionnée positionnée à droite*/
{
		width: 35%;
		float: right;
		margin-top: 0px;
		margin-left: 15px;
		margin-right: 0px;
		margin-bottom: 30px;
}
	.photo2 	/*Photo redimensionnée positionnée à gauche*/
{
		width: 10%;
		float: left;
		margin-top: 0px;
		margin-left: 15px;
		margin-right: 15px;
		margin-bottom: 30px;
}
	.photo3 	/*Photo redimensionnée positionnée à droite*/
{
		width: 10%;
		float: right;
		margin-top: 0px;
		margin-left: 15px;
		margin-right: 15px;
		margin-bottom: 30px;
}
	.photo4 	/*Photo redimmensionnée centrée*/
{
		width: 30%;
		margin-top: 20px;
		margin-left: 20px;
		margin-right: 20px;
		margin-bottom: 20px;
		border-style: solid;
}
	.photo5 	/*Photo redimmensionnée centrée*/
{
		float: right;
		width: 28%;
		margin-top: 20px;
		margin-left: 20px;
		margin-right: 20px;
		margin-bottom: 20px;
		border-style: solid;
}
	.photologo 	/*Photo maxi redimmensionnée pour logo*/
{
		position: relative;
		float : right;

		
		width: 600px;
		font-size : 40px;
		margin-top: 20px;
		margin-left: 20px;
		margin-right: 20px;
		margin-bottom: 20px;
		
}
	
	.photodroite	 /*Photo positionnée à droite*/
{
		float: right;
		margin-top: 0px;
		margin-left: 15px;
		margin-right: 0px;
		margin-bottom: 15px;
}
	.photogauche	/*Photo positionnée à gauche*/
{
		float: left;
		margin-top: 0px;
		margin-left: 0px;
		margin-right: 15px;
		margin-bottom: 15px;
}
	.souligne
{
		text-decoration: underline;
		padding-bottom: 10px;
}
	.retrait
{
		padding-left: 30px;
}
	.rouge
{
		color: #cc0000;
		font-weight: bold;
}
	blockquote
{
		font-style: italic;
}
	.randori /*Paragraphe RANDORI*/
{
		padding-bottom: 1px;
		padding-left: 15px;
		padding-right: 15px;
		margin-bottom: 15px;
		text-align: center;
		font-size: 11px;
}
	.colonnes
{
		width : 100%;
}
	.colonne1
{
		width: 47.4%;
		float: left;
		padding-right: 2.5%;
		border-right: 1px solid #cc0000;
		margin-bottom: 20px;
}
	.colonne2
{ 
		width: 47.4%;
		float: right;
		padding-left: 2.5%;
}
	hr
{
		border-top: 5px #cc0000 solid;
		border-bottom: 0;
		border-left: 0;
		border-right: 0;
		margin: 0.5em 0 0 0;
		clear: both;
}
	p.clear
{
		clear: both;
}

/* BOUTONS DANS TOUTES LES PAGES*/
	#bouton
{
		text-align: center;
		padding-bottom: 20px;
}	
	#baspage
{
		text-align: center;
		padding-top: 20px;
		padding-bottom: 20px;
}
	#bouton a, #baspage a
{
		text-align: center;
		vertical-align: middle;
		background-color: #990000;
		color: #ffffff;
		font: bold 0.85em Tahoma, Arial, sans-serif;
		text-decoration: none;
		padding: 4px 1.4em 4px 1.4em;
		margin: 0 1em 0 1em;
		border-style: ridge;
		border-width: 3px;
}
	#bouton a:hover, #baspage a:hover
{
		color: #990000;
		background-color: #ffffff;
}

/* PHOTO AGRANDIE */
	.grandephoto
{
		max-width: 80%;
		margin-left: 10%;
		margin-right: 10%;
}

/* MISES A JOUR */
	#miseajour th
{
		font-size: 16px;
		font-weight: bold;
		padding: 5px 0px 5px 30px;
		color: #ffffff;
		background-color: #cc0000;
}
	#miseajour td
{
		vertical-align: middle;
		padding: 10px 15px 0px 30px;
		font-weight: bold;
}
	.daterouge
{
		width: 15%;
		color: #cc0000;
		font-weight: bold;
}
	.rubriquesuivi
{
		width: 35%;
}
	.suivi
{
		width: 50%;
		color: blue;
}

/*ADMINISTRATIF*/
	.titreinscription
{
		color: #cc0000;
		font-weight: bold;
		font-size: 15px;
		text-decoration: underline;
}
	.inscription
{
		list-style-image: url("images/logos/bouton1.gif");
		padding-left: 70px;
}
	.adresse
{
		text-align: center;
		color: #990000;
		font-size: 14px;
		font-weight: bold;
}
	.tarif td
{
		border: 2px solid black;
		text-align : center;
		line-height: 2em;
}
	.troiscolonnes
{
		width: 100%;
		text-align: center;
}
	.colonnegauchecomite
{
		position: absolute;
		left: 75px;
		width: 28%;
		padding-top: 15%;
}
	.colonnedroitecomite
{
		position: absolute;
		right: 75px;
		width: 28%;
		padding-top: 15%;
}
	.colonnecentre
{ 
		margin: 0 33.1% 0 33.1%;
		padding: 1.5% 1.5% 0.5% 1.5%;
		width: 31%;
}
	.troiscolonnes img
{
		width: 60%;
}
	.postecomite, .president, .directeur
{
		border: double 3px #9a0000;
		border-top: none;
		margin-left: 7%;
		margin-right: 7%;
		margin-bottom: 50px;
}
	.president
{
		margin-bottom: 650px;
}
	.directeur
{
		margin-top: 650px;
}
	.fonction
{
		background-image: url("images/images/texturerouge.jpg");
		font-size: 15px;
		font-weight: bold;
		color: #ffffff;
		padding-top: 20px;
		padding-bottom: 20px;
		border-top: solid 3px #9a0000;
}
	.nomcomite
{
		font-size: 14px;
		font-weight: bold;
}
	#encadrement
{
		margin-left: 5%;
		margin-right: 5%;
		width: 90%;
}
	#encadrement td
{
		font-family: Arial, sans-serif;
		text-align: center;
}
	td.vide
{
		width: 5%;
}
	.nomencadrement
{
		background-image: url("images/images/texturerouge.jpg");
		font-size: 15px;
		font-weight: bold;
		color: #ffffff;
		padding-top: 20px;
		padding-bottom: 20px;
		border-top: solid 3px #9a0000;
		border-left: double 3px #9a0000;
		border-right: double 3px #9a0000;
}
	.photoprof
{
		border-left: double 3px #9a0000;
		border-right: double 3px #9a0000;
}
	.photoprof img
{
		width: 190px;
}
	.gradeprof
{
		font-size: 14px;
		font-weight: bold;
		padding-bottom: 10px;
		border-left: double 3px #9a0000;
		border-right: double 3px #9a0000;
		border-bottom: double 3px #9a0000;
}
	.encadre
{
		border: double 3px black;
		margin: 3% 20% 6% 20%;
}
	.encadre p
{
		text-align: center;
}
	.sommairereglement
{
		margin-top: 30px;
		margin-bottom: 30px;
}
	.sommairereglement li
{
		list-style-image: url("images/logos/bouton1.gif");
		margin-left: 30%;
		font-weight: bold;
}
	.titrearticle
{
		text-align: left;
		color: #cc0000;
		font-weight: bold;
		margin-top: 30px;
}

/*HORAIRES & DOJOS*/
	.dojos td
{
		text-align: center;
		vertical-align: top;
		padding-right: 10px;
		padding-left: 10px;
}
	.titredojo
{
		color: #990000;
		font-size: 18px;
		font-weight: bold;
}
	.adressedojo
{
		color: #990000;
}
	.lieudojo
{
		color: #990000;
		font: 9px;
		font-style: italic;
}
	.horaires th
{
		padding: 10px 0px 10px 15px;
		border-bottom: 3px #cc0000 solid;
}
	.horaires td
{
		width: 20%;
		border-top: 1px #cc0000 dashed;
		vertical-align: middle;
		padding: 15px 0px 15px 15px;
		line-height: 1.6em;
}
	.dojokun
{
		background-color: #990000;
		padding-left: 10px;
		padding-right: 10px;
}
	table.center
{
		margin-top: 25px;
		padding-left: 5%;
		padding-right: 5%;
}
	.titrenoir
{
		clear: both;
		font-size: 16px;
		font-weight: bold;
		text-decoration: underline;
		text-align: center;
}
	.titredojokun
{
		font-size: 14px;
		font-weight: bold;
		text-decoration: underline;
		margin-top: 30px;
		color: #cc0000;
}

/* CALENDRIERS*/
	.calendrier td
{
		border-top: 1px #cc0000 dashed;
		vertical-align: middle;
		padding: 15px 15px 15px 15px;
		line-height: 1.4em;
		font-weight: bold;
}

	.complement
{
		display: block;
		font-weight: normal;
		font-style: italic;
		margin-left: 30px;
}
	.lieu
{
		width: 27%;
		color: blue;
}
	.liensite
{
		text-align: center;
		font-style: italic;
		font-weight: bold;
		font-size: 14px;
		margin-bottom: 25px;
}
	.liensite a
{
		color: blue;
}
	.fleche
{
		height: 15px;
}

/* COMPETITIONS*/
	.resultats th
{
		padding: 10px 0px 5px 0px;
		border-bottom: 3px #cc0000 solid;
		color: #cc0000;
}
	.resultats td
{
		border-top: 1px red dashed;
		vertical-align: middle;
		padding: 6px 0px 6px 20px;
		line-height: 1.2em;
}
	.alsace
{
		position: absolute;
		right: 35px;
		background-color: yellow;
		padding: 0 10px 0 10px;
}
	.hautrhin
{
		position: absolute;
		right: 35px;
		background-color: #7b7cff;
		padding: 0 10px 0 10px;
}
	.inter
{
		position: absolute;
		right: 35px;
		background-color: #82ff7b;
		padding: 0 10px 0 10px;
}
	.fr
{
		position: absolute;
		right: 94px;
		background-color: blue;
		color: black;
		padding: 0 2px 0 10px;
}
	.an
{
		position: absolute;
		right: 68px;
		background-color: white;
		color: black;
		padding: 0 1px 0 1px;
}
	.ce
{
		position: absolute;
		right: 35px;
		background-color: red;
		color: black;
		padding: 0 10px 0 1px;
}
	.autre
{
		position: absolute;
		right: 35px;
		background-color: #dedee7;
		padding: 0 10px 0 10px;
}
	.tdplace
{
		width: 10%;
		font-weight: bold;
}
	.tdnom
{
		width: 34%;
}
	.tdnom a
{
		color: black;
}
	.tdnom a:hover
{
		color: #525252;
		text-decoration: overline underline;
}
	.tdcategorie
{
		color: blue;
		width: 24%;
}
	.tdpoids
{
		color: blue;
		width: 12%;
}
	.tdfin
{
		width: 20%;
}
	.tdfin img
{
		width: 205px;
}
	.saisonmeritants
{
		width: 100%;
		text-align: center;
		font-size: 16px;
		font-weight: bold;
		padding: 5px 0px 5px 0px;
		color: #ffffff;
		background-color: #cc0000;
}
	.meritants
{
		width: 49%;
		font-size: 14px;
		padding-bottom: 1px;
		padding-left: 2%;
		padding-right: 2%;
		margin-bottom: 15px;
}
	.meritants td
{
		width: 25%;
		padding-left: 3%;
		padding-right: 3%;
}
	.photomeritants 	/*Photo redimensionnée positionnée à droite*/
{
		width: 49%;
		float: right;
		margin-top: 0px;
		margin-left: 10px;
		margin-right: 0px;
		margin-bottom: 15px;
}

/*MEMBRES*/
	#membre td
{
		width: 20%;
		padding-left: 0.8%;
		padding-right: 0.8%;
		text-align: center;
		font-family: Arial, sans-serif;
		font-size: 13px;
		font-weight: bold;
		color: #cc0000;
}
	#membre img
{
		width: 170px;
}
	.legendemembres
{
		padding-bottom: 20px;
}
	.legendemembres a
{
		color: #cc0000;
		text-decoration: none;
}
	.legendemembres a:hover
{
		color: #990000;
		text-decoration: overline underline;
}
	.legendemembres a:active
{
		color: #990000;
		text-decoration: none;
}
	#membrehomme, #membrefemme
{
		margin-right: 7%;
		margin-left: 6%;
		margin-top: 155px;
		font-size: 14px;
}
	#membrehomme
{
		color: #0050ff;
}
	#membrefemme
{
		color: #ff0f6d;
}
	#nomhomme, #nomfemme
{
		margin-top: 20px;
		margin-bottom: 100px;
		text-align: center;
		font-family: "Arial Black", sans-serif;
		font-size: 30px;
		font-style: italic;
}
	#nomhomme
{
		color: #0000ff;
}
	#nomfemme
{
		color: #e30060;
}
	.photomembre
{
		width: 30%;
		float: right;
		margin-top: 0px;
		margin-left: 15px;
		margin-right: 0px;
		margin-bottom: 30px;
}
	.membresaison
{
		text-decoration: underline;
		font-weight: bold;
		padding: 10px 0 5px 50px;
}

/* GALERIE PHOTOS*/
	.texte1
{
		padding-bottom: 1px;
		padding-left: 100px;
		padding-right: 30px;
		margin-bottom: 80px;
		font-style: italic;
		font-size: 14px;
}
	.texte1 li
{
		margin-left: 50px;
		padding-top: 1px;
}
	#galerie td
{
		width: 25%;
		font-size: 11px;
		font-family: Arial, sans-serif;
		text-align: center;
}
	#galerie img
{
		width: 230px;
}
	.legendegalerie
{
		padding-bottom: 10px;
}

/*HISTORIQUE*/
	.bodhidharma
{
		float: left;
		margin-top: 25px;
		margin-left: 0px;
		margin-right: 15px;
		margin-bottom: 15px;
		width: 15%;
}
	.temple
{
		float: right;
		margin-top: 25px;
		margin-left: 15px;
		margin-right: 0px;
		margin-bottom: 15px;
		width: 20%;
}
	.karatekanji
{
		width: 20%;
}

/* TECHNIQUES*/
	table.grades
{
		text-align: center;
		margin-top: 20px;
		margin-bottom: 20px;
}
	.ceintures
{
		text-align: center;
		color: #990000;
		padding-top: 5px;
		padding-bottom: 5px;
		width: 40%;
}
	.kyu
{
		width: 20%;
		text-align: center;
}
	.programme
{
		text-align: center;
		width: 40%;
}
	.programme a
{
		color: blue;
		font-weight: bold;
}
	.listedan td
{
		padding-bottom: 20px;
}
	.dan
{
		
		color: #cc0000;
		width: 100px;
		padding-left: 30px;
		font-weight: bold;
		vertical-align: top;

}
	.passagegrade
{
		text-align: center;
}

	.passagegrade td
{
		border-top: 1px #cc0000 dashed;
		vertical-align: middle;
		padding: 15px 15px 15px 15px;
		line-height: 1.4em;
		font-weight: bold;
}
	.numero
{
		width: 10%;
		color: #cc0000;
		font-weight: bold;
}
	.detail
{
		width: 40%;
		color: blue;
}
	.katas
{
		text-align: center;
}

	.katas th
{
		text-align: center;
		padding: 10px 0px 10px 15px;
		border-bottom: 3px #cc0000 solid;
}
	.katas td
{
		width: 20%;
		border-top: 1px #cc0000 dashed;
		text-align: center;
		vertical-align: middle;
		padding: 15px 0px 15px 15px;
		line-height: 1.6em;
}

/* PRESSE*/
	.logopresse
{
		width: 10%;
		vertical-align: middle;
		margin-top: 2%;
}
	.presse
{
		padding-left: 3%;
		padding-right: 3%;
}
	.photopresse
{
		width: 15%;
		vertical-align: middle;
		margin-top: 2%;
}
	.photopresse img
{
		width: 143px;
}

/* LIVRE D'OR*/
	#livre
{
		margin-top: 155px;
}
	.avis
{
		text-align: center;
		font-style: italic;
		font-size: 15px;
}
	.choix
{
		margin-left: 1.1em;
}
	.erreur
{
		text-align: center;
		color: red;
		font-weight: bold;
		font-style: italic;
		font-size: 15px;
}
	.captcha
{
		font-size: 14px;
		font-style: italic;
}	
	.saisie
{
		text-align: center;
		background-image: url("images/images/texturerouge.jpg");
		margin-left: 16%;
		margin-right: 16%;
		padding-top: 10px;
		padding-bottom: 10px;
		font-size: 15px;
		font-weight: bold;
		color: #ffffff;
		line-height: 20px;
}
	.moyenne
{
		margin-left: 16%;
		margin-right: 16%;
		padding-left: 1%;
		text-align: left;
		font-style: italic;
		font-size: 14px;
		color: blue;
}
	.lignepseudo
{
		display: block;
		background-image: url(images/images/texturerouge.jpg);
		padding-left: 1%;
		padding-top: 5px;
		padding-bottom: 5px;
		font-weight: normal;
		color: #ffffff;
}
	.note
{
		position: absolute;
		right: 17%;
		font-style: italic;
}
	.message
{
		margin-left: 16%;
		margin-right: 16%;
		text-align: left;
		border: double 3px #9a0000;
}

/* CONTACTS*/
	.contact
{
		padding-top: 15px;
		padding-bottom: 1px;
		margin-bottom: 15px;
		text-align: center;
		font-weight: bold;
}

/* LIENS */
	.nomlien
{
		font-weight: bold;
		padding: 2px 0px 2px 15px;
		color: #ffffff;
		background-color: #cc0000;
}
	.adresselien
{
		padding-left: 5%;
}
	.titrelien
{
		font-size: 16px;
		font-weight: bold;
		font-style: italic;
}

/* PLAN DU SITE*/
	#plansite a
{
		color: black;
		text-decoration: none;
}
	#plansite a:hover
{
		color: #cc0000;
		text-decoration: overline underline;
}
	#plansite a:active
{
		color: #cc0000;
		text-decoration: none;
}

/* PIED DE PAGE */
	#piedpage
{		
		width: 100%;
		margin: 0;
		padding: 0;
}
	#piedpage p
{
		height: 19px;
		padding-top: 2px;
		text-align: center;
		color: #ffffff;
		font-size: 10px;
		margin-bottom: 0;
		padding-bottom: 0;
		background-image: url("images/images/fondgris.jpg");
}
	#piedpage a
{
		color: #ffffff;
}