/*site JUDO*/
/*Design 1 deep_blue*/


@import url(design_base.css);


/*Le body uniquement (options générales)*/
body
{
	margin:5px;
	background-color:#0055FF;
	color:black;
}















/*menu et sous listes*/
#menu
{
	text-align:left;
	width:164px;
	margin-left:3px;
}
.top_menu
{
	background-image:url("deep_blue/menu2.png");
	background-repeat:repeat-y;
	height:10px;
}
.mid_menu
{
	background-image:url("deep_blue/menu2.png");
	height:10px;
}
.bot_menu
{
	background-image:url("deep_blue/menu2.png");
	height:10px;
	margin-bottom:10px;
}
#menu h3
{
	text-align:center;
	text-decoration:underline;
	color:yellow;
	margin-top:0px;
	margin-bottom:0px;
	padding-bottom:2px;
	background-image:url("deep_blue/menu1.jpg");
}
#menu ul
{
	padding:5px;
	background-image:url("deep_blue/menu1.jpg");
	margin-top:0px;
	margin-bottom:0px;
	margin-left:0px;
}
#menu ul li
{
	list-style-position:inside;
	list-style-type:none;
}
#menu ul li a
{
	text-decoration:none;
	color:yellow;
	padding-left:12px;
	font-family: serif;
	font-size:1.1em;
}
.menu_espace
{
	margin-bottom:0.5em;
}
/*cadre logo*/
#logo_club .contenu
{
	background-image:url("deep_blue/menu1.jpg");
	text-align:center;
	padding:5px;
}
/*cadre design*/
#design
{
	text-align:center;
	background-image:url("deep_blue/menu1.jpg");
}
#txt_design
{
	padding-top:10px;
}
#txt_design form
{
	font-family: serif;
	margin:0px;
}
#txt_design input
{
	margin:10px;
}
/*cadre connectes*/
#connectes_menu
{
	background-image:url("deep_blue/menu1.jpg");
	color:yellow;
	text-align:left;
}
#connectes_menu p
{
	text-align:center;
	margin-top:-0px;
	font-family: serif;
	padding:3px;
	padding-left:12px;
}
/*cadre du calendrier*/
#calendrier
{
	color:yellow;
}
#calendrier_table 
{
	background-image:url("deep_blue/menu1.jpg");
	padding:3px;
}
#calendrier_aff_mois
{/*C'est la ligne qui affiche : "<<Mois 2007>>"*/
	font-size:1.1em;
}
#calendrier_aff_mois a
{/* les liens "<<" et ">>" */
	color:yellow;
	display:inline;
}
.calendrier_aff_jour
{/* affiche la ligne "lu ma me je ve sa di" (chaque élément) */
	border:1px solid yellow;
}
#calendrier_table tbody tr td 
{/*cellule de jour*/
	border:1px dotted yellow;
}
#calendrier_table td:hover
{/*Etat de chaque cellule quand on la survolle*/
}
/* Les 4 lignes qui suivent définissent la couleur de fond d'une case où il y a un évènement, ainsi que la couleur du texte. Ces mêmes couleurs 
sont utilisés pour le titre de l'évènement */
#calendrier_table .cellule_avec_evenement, 
#calendrier_table .cellule_avec_evenement h6, 
#calendrier_table .cellule_avec_evenement h6 a
{
	background-color:yellow;
	color:black;
}
#calendrier_table .cellule_avec_evenement:hover
{ 
   cursor: help; /* on change le curseur par défaut en curseur d'aide */
}
#calendrier_table .evenement h6
{
	font-size:1.2em;
}
#calendrier_table .evenement
{
	border:1px solid yellow;
	border-left:3px solid yellow;
   cursor: default; /* on change le curseur par défaut en curseur d'aide */
}
#calendrier_table td:hover .evenement , 
#calendrier_table td .evenement:hover
{
	background-color:black;
	color:yellow;
}
#calendrier_table #today
{
	border:1px solid yellow;
}
/*cadre publicitaire*/
#pub
{
	width:164px;/*Largeur de colonne, la pub doit s'y adapter!*/
	text-align:center;
	background-image:url("deep_blue/menu1.jpg");
	color:yellow;
}


















/*Main*/
#main
{
	margin-top:7px;
	border:1px solid yellow;
	padding:10px;
	background-color:#0088FF;
}
#main a
{
	text-decoration:none;
	font-style:italic;
	color:yellow;
}
/*Infos en vrac, valable sur toutes les pages*/
#main h1
{
	background-image:url("deep_blue/titre.jpg");
	background-repeat:repeat-x;
	padding-bottom:5px;
	height:50px;
	text-decoration:none;
	text-align:center;
}
#main h3
{
	color:yellow;
	text-decoration:underline;
	text-indent:1em;
}
#main h4
{
	text-decoration:underline;
}
acronym
{
   cursor: help; /* on change le curseur par défaut en curseur d'aide */
}
.center
{
	text-align:center;
}
/*toutes les tables du main*/
#main table
{
	margin:auto;
	width:80%;
	border:1px outset yellow;
}
#main table tr
{
	border:1px inset yellow;
}
#main table tr td
{
	border:1px outset yellow;
	padding:3px;
}
/*toutes les pages de "news"*/
#news table,
#news_judo table,
#news_site table
{
	width:80%;
}
.news_titre
{
	font-size:1.1em;
	text-align:center;
	color:yellow;
}
.news_date
{
	width:16em;
	text-align:center;
}
.news_texte
{
	text-align:justify;
}
.news_auteur
{
	text-align:right;
}
/*page horaires*/
#horaires table
{
	width:50%;
	text-align:center;
}
#horaires .horaires_titre
{
	font-size:1.1em;
}
/*page affichage des photos*/
#photo_aff table
{
	width:90%;
}
.photo_auteur_1
{
	width:20%;
}
.photo_auteur_2
{
	width:30%;
}
.photo_photo
{
	text-align:center;
}
.photo_photo img
{
	height:200px;
}
.photo_auteur_1,
.photo_auteur_2,
.photo_date_1,
.photo_date_2,
.photo_comment
{
	text-align:center;
}
.photo_auteur_1,
.photo_date_1
{
	height:1em;
}
.photo_comment
{
	vertical-align:top;
}
.photo_comment_titre
{
	height:1em;
	text-decoration:underline;
}
/*page du livre d'or*/
#livreor form
{
	text-align:left;
	margin-left:50px;
}
#livreor_nbrpages
{
	text-align:center;
}
#livreor_tabaffichage
{
	width:90%;
}
.livreor_affmessage
{
	text-align:justify;
}
/*page design*/
.tabdesign_titre,.tabdesign_form
{
	text-align:center;
}
/*page de statistiques*/
#statistiques table
{
	width:70%;
}
#statistiques .colonne_gauche
{
}
#statistiques .colonne_droite
{
	width:10%;
	text-align:center;
}
#statistiques .stat_titre
{
	font-size:1.1em;
	text-decoration:underline;
	color:yellow;
}
#statistiques .stat_titre a
{
	text-decoration:underline;
	color:yellow;
}
/*page add_newsletter*/
#add_newsletter form
{
	text-align:center;
	width:50%;
	border:1px outset yellow;
	padding:3px;
	margin:auto;
}
#add_newsletter form p
{
	padding:3px;
	margin:0px;
}
/*page presse*/
#presse .journal,
#presse .date,
#presse .auteur,
#presse .commentaire,
#presse .telechargement
{
	text-align:center;
}
/*page de théorie*/
#theorie #menu_list tr td
{
	text-align : center;
}
#theorie #menu_list tr td a
{
	display:block;
	padding : 0.2em;
}
#theorie .question
{
	margin-left:0.5em;
	color:yellow;
	font-size:1.1em;
	text-decoration:underline;
	font-weight:bold;
}
#theorie .reponse
{
	color:yellow;
	margin-left : 1em;
}
#theorie .complement
{
	margin-left : 1.5em;
}

















/*footer*/
#footer
{
	text-align:center;
	Border:1px solid yellow;
	background-color:#0088FF;
	padding:10px;
}
#footer1 a
{
	color:yellow;
	text-decoration:underline;
	font-style:oblique;
}
#footer2
{
	text-align:right;
	float:right;
	width:60%;
}
#footer2 p 
{ 
	margin : 0; 
}
#footer4
{
	text-align:left;
	width:35%;
	padding-left: 10%;
}
.clear
{
	clear:both;
}