/*
design.css
----------		Par Sébastien Burckhardt pour l'Association sportive de Hoenheimsports section Handball

Crée le 26 Juillet 2008


Description : Design général du site, divisié en plusieurs partie :

	- Mise en page du modèle 
		~ Bannière
		~ Menu haut
		~ Menu gauche (avec accordéon spécifique pour le menu gauche)
		~ Livre d'or
		~ Corps
		~ Pied de page
		
	-bbcodes ( tirée de http://www.siteduzero.com/Templates/css/4/zcode.css crée par Karamilo & M@teo21, les images étant libres de droit)	
	- tableau
	- boites (validation, erreur, information ...)
	- titres
	- formulaire
	- bouton validation
	- liste déroulantes
	- niouz
	-cadre
	-Autres
	

		
Toutes les images, hormis les smileys, sont issus de mon imagination, vous pouvez copier et dupliquer ces images si cela reste dans un cadre non lucratif.
Chaque page (bloc contenant #corps)  peut avoir un fichier css particulier pour ajuster les contenus du design général à la page.

*/

/*MISE EN PAGE DU MODÈLE*/
/* Base générale */

body {
	margin: 0px;
	padding: 0px;
	font-family:'Trebuchet MS', "Times New Roman", Times, serif;
	font-size: 0.8em;
	background: url(../images/structure/body_fond.png) repeat-y left;
}
a {
	color:#1870A3;
	font-weight:bold;
	text-decoration:none;
}
li.bouton_bleu
{
	list-style-image:url(../images/structure/puce.png);
}
.cleaner
{
clear:both;
}

.cache
{
	visibility:hidden;
}

.enleve
{
	display:none;
}

hr 
{

background:#e6d9b3 0% 0%;
border:1px solid #787260;
border-bottom:2px solid #797361;
height: 0.5em;
width: 80%;
}

hr.discret
{


background:#e6d9b3 0% 0%;
border:0px solid #787260;
border-bottom:0px solid #797361;
height: 0.1em;
width: 80%;
	
}


a:hover {
	color:#30A6EA;
}

p {
	margin: 20px 0px 0px 0px;
	padding-left: 10px;
}

p .alinea
{
	text-indent: 15px;
}

img
{
	border: none;
	vertical-align:middle;
}

#partenaire
{
	position:absolute;
	left:50%;
	z-index:0;
	width:50%;
	overflow:hidden;
}

#fondu_partenaire
{
	position:absolute;
	z-index:1;
}

/* Ne pas afficher les bloc pour l'impression */
#pied_page_print {
	display: none;
}

#entete_print {
	display: none;
}


/* BANNIERE */

#banniere {
height:160px;
background: #FFFFFF url(../images/structure/banniere_fond.png) repeat-x;
}

#banniere img{
border:0px;
margin:0px;
padding:0px;
position:absolute;
top:0px;
left:0px;
}

/* MENU DU HAUT */

/* #menu_haut {
	font-weight: bold;
	text-align: center;
	padding: 13px 10px 30px 10px;
	height: 100px;
	font-variant: small-caps;
	position: absolute;
	z-index: 1;
	right: 0px;
	top: 130px;
	background: url(../images/structure/menu_haut_fond.png) no-repeat;
} */

/* Le graphique de début et de fin du panneau est contenu dans le doc xHTML */
#menu_haut 
{
	
	height:35px;
	left:35%;
	top: 125px;
	position:absolute;
}

#menu_haut ul
{
	background: #FFFFFF url(../images/structure/menu_haut_fond.png) repeat-x;
	height:35px;
	list-style-type:none;
	margin:0px;
	padding:0px;
}

#menu_haut ul.droite
{
	float: right;
}

#menu_haut ul.gauche
{
	float: left;
}

#menu_haut ul.gauche li,  #menu_haut ul.droite li /* Permet l'alignement de la liste sur l'horizontal */
{
float:left;
}


#menu_haut ul.gauche li.titre,  #menu_haut ul.droite li.titre /* Alignement du texte dans le panneau */
{
	padding:8px 2px 8px;
}

#menu_haut a
{
	padding:7px 0px 8px; /* Permet de prendre toute la hauteur du panneau lors de l'effet de survole du lien */
	color:#FFFFFF;
	font-variant:small-caps;
}

#menu_haut a:hover,  #menu_haut a:hover
{
	background: url(../images/structure/menu_haut_hover.png) repeat-x;
}

#panneau {
	font-weight: bold;
	color:red;
	text-align: center;
	height: 20px;
	width: 50%;
	position: absolute;
	z-index: 1;
	left: 50%;

	top: 145px;
	border-top:1px solid #e6d9b3;
	border-bottom:1px solid #e6d9b3;
}

#panneau a
{
	color:red;
}

.panneau_desactive{
	visibility:hidden;
}
/* MENU DE GAUCHE */

#colonne_gauche {
	width: 201px;
	float: left;
	background: #aee8e7 url(../images/structure/menu_gauche_fond.png) repeat-y right;
	margin:0px;
	
}
#menu_gauche .Accordion {
	overflow: hidden;
	font-variant: small-caps;
	font-weight: bold;
}
#menu_gauche .AccordionPanel {
	width: 201px;

}
#menu_gauche .AccordionPanelTab  {
	margin: 0px;
	cursor: pointer;
	-moz-user-select: none;
	-khtml-user-select: none;
	background-image: url(../images/structure/accordion_titre_fond.png);
	font-size: 1.1em;
	color: #666666;
	padding: 2px 2px 2px 22px;
}
#menu_gauche .AccordionPanelContent  {
	overflow: auto;
	margin: 0px;
	padding: 0px;
	font-size: 1em;
	text-align: justify;
	height: auto;
	background: url(../images/structure/accordion_contenu_fond.png) repeat-y;
}

#menu_gauche   li {
	font-size: 0.85em;
	background: url(../images/structure/accordion_contenu_liste.png) repeat-x;
	margin: 12px 30px 5px 6px;
	padding: 0px 0px 0px 10px;
	list-style: none outside;
	border-bottom: 2px solid #787260;
}

#menu_gauche ul {
	margin: 0px;
	padding: 0px;
}
#menu_gauche  .AccordionPanelOpen .AccordionPanelTab {
	color: #000000;
	background: url(../images/structure/accordionopen_titre_fond.png) no-repeat center;
}
#menu_gauche .AccordionPanelTabHover {
	color: #555555;
	background-image: url(../images/structure/accordionhover_titre_fond.png);
}
#menu_gauche  .AccordionPanelOpen .AccordionPanelTabHover {

}
#menu_gauche  .AccordionFocused  .AccordionPanelOpen .AccordionPanelTab {
	background-image: url(../images/structure/accordionopen_titre_fond.png);

}

/* LIVRE D'OR INTÉGRÉ */
#livredor
{
	position: absolute;
	top:600px;
	width:180px;
	height:200px;
	overflow:hidden;
	background-image: url(../images/structure/menu_lo_fond.png);
}

/* Cadre du corps de page */

#corps {
	padding-left: 6px;
	overflow: hidden;
	margin: 10px 15px 10px 20px;
}

/* Pied de page */

#pied {
	height: 140px;
	font-size: 0.8em;
	background: #aee8e7 url(../images/structure/pied_fond.png) repeat-x;
	margin-top:10%;
	
}
#pied img {
	float: left;
}









/*BBCODE
 par Karamilo & M@teo21, les images étants refaites sauf pour les smiley*/
/* Certains des styles ici présents ne devraient pas être changés, comme .souligne, .barre etc. */

#corps .souligne { text-decoration: underline; }
#corps .barre { text-decoration: line-through; }
#corps .italique { font-style: italic; }
#corps .gras { font-weight:bold; }
#corps .alinea{text-indent:20px;}

.rmq /* Style des "remarques" : information, erreur, question et attention */
{
	background-position:10px 10px;
	background-repeat: no-repeat;
	padding: 8px;
	padding-left: 50px;
}
.erreur /* ce style doit toujours être précédé de .rmq */
{
	color: red;
	background-image: url(../images/structure/rmq_erreur.png);

}
.question/* ce style doit toujours être précédé de .rmq */
{
	color: blue;
	background-image: url(../images/structure/rmq_question.png);

}

 .attention/* ce style doit toujours être précédé de .rmq */
{
	color: rgb(236, 118, 0);
	background: url(../images/structure/rmq_attention.png);
	background-repeat: no-repeat;

}

 .information/* ce style doit toujours être précédé de .rmq */
{
	color: green;
	background-image: url(../images/structure/rmq_information.png);

}

.information, .attention, .question, .erreur
{
	height:30px; /* On fixe la hauteur, que IE interprète comme une "hauteur minimale" */
	text-align:left;

	
}

/* Petit arrangement CSS pour une différence entre IE et Firefox. On rétablit en fait la
hauteur en auto (par défaut), et on utilise min-height pour définir une hauteur minimale
sous Firefox et autres navigateurs comprenant le CSS 2. */
html>body .information, html>body .attention, html>body .question, html>body .erreur
{
	height:auto;
	min-height:30px;
}

.orange { color: rgb(236, 118, 0); }
.noir { color: black; }
.marron { color: maroon; }
.vertf { color: green; }
.olive { color: olive; }
.marine { color: navy; }
.violet { color: purple; }
.bleugris { color: teal; }
.argent { color: silver; }
.gris { color: #787878; }
.rouge { color: red; }


.vertc { color: lime; }
.jaune { color: yellow; }
.bleu { color: blue; }
.rose { color: fuchsia; }
.turquoise { color: aqua; }
.blanc { color: white; }

.arial { font-family: Arial, serif; }
.times { font-family: Times, serif; }
.courrier { font-family: Courier, serif; }
.impact { font-family: Impact, serif; }
.geneva { font-family: Geneva, serif; }
.optima { font-family: Optima, serif; }

.ttpetit { font-size: xx-small; }
.tpetit { font-size: x-small; }
.petit { font-size: small; }
.gros { font-size: large; }
.tgros { font-size: x-large; }
.ttgros { font-size: xx-large; }

.centre { text-align: center; }
.gauche { text-align: left; }
.droite { text-align: right; }
.justifie { text-align: justify; }




.flot_gauche { float: left; }
.flot_droite { float: right; }
.flot_gauche, .flot_droite { margin:1em; }

.liste_i { list-style-type: lower-roman; }
.liste_I { list-style-type: upper-roman; }
.liste_a { list-style-type: lower-latin; }
.liste_A { list-style-type: upper-latin; }
.liste_1 { list-style-type: decimal; }
.liste_rectangle { list-style-type: square; }
.liste_cercle { list-style-type: circle; }
.liste_disque { list-style-type: disc; }

#corps .code,#corps .citation,#corps .spoiler /* Titre du code, de la citation et du spoiler */
{
	font-weight: bold;
	display:block;
	width:90%;
	margin:auto;
}

#corps .code2,#corps .citation2,#corps .spoiler2 /* Contenu du code, de la citation et du spoiler */
{
	border:1px dashed #A3C0D5;
	background-color:white;
	width: 90%;
	padding: 8px;
	margin:auto;
	
}

#corps .code2
{
	font-family:Courier, Arial, Times, 'Times New Roman', serif;
	font-size:0.9em;
}

#corps .console
{
	background-color:black;
	color:white;
	border:none;
}

#corps .spoiler2
{
	cursor: pointer;
}

#corps .spoiler3 /* Spoiler par défaut (doit être caché) */
{
	visibility: hidden;
}

#corps .smilies
{
	vertical-align: middle;
}


/* Correctifs IE : malheureusement... */
* html #corps {margin-top:0;margin-left:190px;}
* html #menu h5 {padding-top:1px;}
* html #menu ul ul li{margin-top: 5px;margin-left:-5px;
				background: url('file:///D|/Documents and Settings/Seb/Mes documents/Site web/images/structure/mini-puce.png') no-repeat;background-position:10px center;}
* html #menu li{padding-left: 5px;background: url("file:///D|/Documents and Settings/Seb/Mes documents/Site web/images/structure/fond_lien_ie.png") no-repeat;margin-bottom: 5px;
			list-style-image: none;list-style-type: none;}
* html #speedbarre{top:112px;left:205px;}
* html #banniere{background-position:0px 1px;}



/* LES TITRES */

 h1 {
	-moz-border-radius-bottomleft:1em;
	-moz-border-radius-bottomright:1em;
	-moz-border-radius-topleft:1em;
	-moz-border-radius-topright:1em;
	-webkit-border-radius-bottomleft:1em;
	-webkit-border-radius-bottomright:1em;
	-webkit-border-radius-topleft:1em;
	-webkit-border-radius-topright:1em;	
	background:#FFFBE3;
	border-color:#787260;
	border-style:solid;
	border-width:1px 1px 2px;
	color:#787260;
	height:auto !important;
	margin-bottom:20px;
	margin-top:0px;
	padding:10px;
	text-align:center;
} 

h2 {
	font-size: 1.3em;
	background: #FFFBE3 url(../images/structure/h2_fond.png) no-repeat right top;
	border-top: thin solid #E6D9B3;
	border-left: thin solid #E6D9B3;
	font-weight: bolder;
	font-variant: small-caps;
	text-indent: 10px;
	height: auto;
	padding-right: 7%;
}

h3 {
	background: url(../images/structure/h3_bas.png) no-repeat left bottom;
	font-size: 1.2em;
	font-weight: bold;
	margin-top: 15px;
	margin-left: 20px;
	text-indent: 5px;
	padding-right: 53%;
}

h4 {
	background: url(../images/structure/h4_bas.png) no-repeat left bottom;
	margin-top: 15px;
	margin-left: 30px;
	text-indent: 10px;
	font-size: 1.1em;
}


/* RETOUR */
.retour
{
	text-align:center;
}

/* LES BOITES */
/* message server */
.boite_validation {
	background: #AEE8E7;
	margin-top: 15%;
	margin-right: auto;
	margin-left: auto;
	width: 50%;
	border: thin outset #E6D9B3;
}
.boite_erreur {
	background: #FF0000;
	margin-top: 15%;
	margin-right: auto;
	margin-left: auto;
	border: thin outset #E6D9B3;
	width: 60%;
	vertical-align:center;
	text-align:center;
	padding: 10px 5px 10px 5px;
}



/* Accordéon */
#corps .Accordion {
	overflow: hidden;
	border: 1px solid #787260;
}


#corps .AccordionPanel {
	margin: 0px;
	padding: 0px;
}

#corps .AccordionPanelTab {
	border-top: 1px solid #E6D9B3;
	border-bottom: 1px solid #E6D9B3;
	margin: 0px;
	padding: 2px;
	cursor: pointer;
	-khtml-user-select: none;
	background: #E6D9B3 url(../images/structure/corps_accordion_fond.png) no-repeat right top;
	font-size: 1.1em;
	font-weight: bold;
	font-variant: small-caps;
	text-indent: 10px;
	color: #A19C88;
}

#corps .AccordionPanelContent {
	overflow: auto;
	margin: 0px;
	padding: 0px;
	height: 200px;
}

#corps .AccordionPanelOpen .AccordionPanelTab {
	background: #FFFBE3 url(../images/structure/corps_accordion_fond.png) no-repeat right top;
	border-top: thin solid #E6D9B3;
	border-left-style: solid;
	border-left-color: #E6D9B3;
	color: #000000;
}

#corps .AccordionPanelTabHover {
	color: #787260;

}
#corps .AccordionPanelOpen .AccordionPanelTabHover {
	color: #000000;

}

#corps .AccordionFocused .AccordionPanelTab {

}

#corps .AccordionFocused .AccordionPanelOpen .AccordionPanelTab {

}
/* FORMULAIRE */

/* bouton*/

input[type=submit], input[type=button], button
{
	-moz-border-radius-bottomleft:4px;
	-moz-border-radius-bottomright:4px;
	-moz-border-radius-topleft:4px;
	-moz-border-radius-topright:4px;
	background-color:#FFFFFF;
	color:#222222;
	cursor:pointer;
	border:1px solid #7B7B7B;
}

input[type=submit]:hover,  input[type=button]:hover,  button:hover
{
	border:1px solid #aee8e7;
}

input[type=submit]:focus, input[type=button]:focus, button:focus
{
	border:1px solid #000000;
}
input[disable]
{
background-color:#DDDDDD;
cursor:default;
}

/* formulaire image */
#form_image
{

	width:auto;
}

#form_image label.label_cote
{
float:left;
font-weight:bold;
margin-right:8px;
padding:0px;
text-align:right;
width:50%;
}
/* suivie des joueurs */

.radio
{
	width:10%;
	text-align:center;
}

.competence
{
	text-align:center;
	width:40%;
}

.entraineur tbody td
{
	border-bottom:dashed 1px #e6d9b3; 
}

tbody .competence 
{

}
.entraineur thead, .entraineur tfoot
{
	font-weight:bold;
	font-size:0.8em;
}

.entraineur
{
	width:95%;
}

/* panneau */
#marquee a
{
color:red;}
/* Formulaire général */
form
{
}

fieldset
{
background-color:#f8fafd;
border:#e1dfdb 2px solid;
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:10px;
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
-webkit-border-radius-bottomleft:10px;
-webkit-border-radius-bottomright:10px;
-webkit-border-radius-topleft:10px;
-webkit-border-radius-topright:10px;
}

legend
{
background:url(../images/structure/legend_fond.png) repeat top;
font-size:1.4em;
text-align:center;
font-variant:small-caps;
color:white;
-moz-border-radius-bottomleft:7px;
-moz-border-radius-bottomright:7px;
-moz-border-radius-topleft:7px;
-moz-border-radius-topright:7px;
-webkit-border-radius-bottomleft:7px;
-webkit-border-radius-bottomright:7px;
-webkit-border-radius-topleft:7px;
-webkit-border-radius-topright:7px;
}

#corps label.label_cote {
cursor:pointer;
float:left;
font-weight:bold;
margin-right:8px;
text-align:right;
width:140px;
}
/* Formulaire niouz */




.envoie_niouz .cadre_previsualisation_finale 
{
background-color:#F8F8F8;
border:1px dotted #e1dfdb;
margin-top:10px;
padding:3px;
width:95%;
}
.envoie_niouz .bouton_prev_finale 
{
text-align:center;
}
.code_parse_final 
{
max-height:500px;
overflow:auto;
}
.apercu_tps_reel 
{
background:transparent url(../images/structure/apercu_tempsreel.png) no-repeat scroll right bottom;
border:1px solid #e1dfdb;
margin-top:1px;
overflow:auto;
padding:5px 6px 25px 0px;
width:650px;
}
html > body .envoie_niouz  .apercu_tps_reel 
{
width:95%;
}
#prev_texte
{
height:250px;
}

.envoie_niouz textarea
 {
border:1px solid #e1dfdb;
height:200px;
}
html > body .envoie_niouz  textarea 
{
width:95%;
}
.send 
{
margin:0px;
text-align:center;
}

.boutons 
{
margin-right:20px;
}
.smilies_zform 
{
clear:left;
float:left;
height:180px;
width:130px;
}
.boutons_zform, .zform 
{
margin-left:130px;
}
.smilies_zform_grande
 {
float:left;
height:280px;
width:130px;
}
.smiley_cliquable, .bouton_cliquable
 {
cursor:pointer;
}

.opt_titre 
{
font-weight:bold;
text-align:center;
}

.envoie_niouz .send
{
	text-align: center;
	margin-bottom:40px;
}

.envoie_niouz  .boutons
{
	margin-right: 20px;
}

.smilies_zform
{
	width:110px;
	height:180px;
	clear:left;
	float:left;
}

.boutons_zform, .zform
{
	margin-left: 130px;

}

.smilies_zform_grande
{
	width:90px;
	height:280px;
	float:left;
}

.smiley_cliquable, .bouton_cliquable
{
	cursor:pointer;
}

.opt_titre
{
	text-align:center;
	font-weight:bold;
}

/* formulaire all_salle */
.all_salle label {
float:left;
font-weight:bold;
text-align:right;
width:350px;
}

.all_salle{
margin:auto;
width:700px;
}

.all_salle .send
{
text-align:center;
}

/*NIOUZS*/

.titre_news /* Titre d'une news */
{
	display:block;
	text-decoration:none;
	font-variant:normal;
	font-size:1.0em;
	margin:0px;
	text-indent:20px;
	padding:3px;
	font-family:Arial, 'Times New Roman', Times, serif;
	color: #2C485C;
	background: url('../images/structure/news_haut_gauche.png') left no-repeat;
	padding-left: 120px;
	border-left: 0px;
	border-bottom:none;
}

#corps .bloc_news
{
	border-bottom: 1px solid #d6f0ff;
	background: #d6f0ff;
	margin-bottom:15px;
	margin-left:auto;
	margin-right:auto;

}
.titre_news .titre1 {
	font-weight: bolder;
	font-variant: small-caps;
	text-decoration: underline;
}
.titre_news  .titre2 {
	font-size: 0.9em;
	font-weight: lighter;
	margin-left: 15px;
}

#corps .auteur_date_commentaires
{
	font-size:80%;
	font-family:Arial, 'Times New Roman', Times, serif;
	padding-left:35px;
	padding-right:8px;
	padding-bottom:4px;
	padding-top:4px;
	background: #fff;
border-top: 1px solid #d6f0ff;
}

#corps .suivie_topic
{
	font-size:80%;
	font-family:Arial, 'Times New Roman', Times, serif;
	padding-left:35px;
	padding-right:8px;
	background: #fff;
	text-align:center;
	border-top:dashed #afafaf 1px;
}


#corps .auteur_date_commentaires, .contenu_news, .suivie_topic
{
	
	border-left: 1px solid #d6f0ff;
	border-right: 1px solid #d6f0ff;
}

#corps .contenu_news
{
	padding:8px;
	padding-top:20px;

	background: #fff;
}
#corps .bloc_news  .commentaire_news a
{
color: black;
}

#corps .bloc_news  .commentaire_news
{
margin:2px 0px 2px 10px;
text-align:center;
font-size:10px;
font-weight:bold;
}

#corps .bloc_news  .commentaire_news .droite
{
padding-left:45%;
}

#corps .bloc_news  .commentaire_news .gauche
{
padding-right:45%;
}

/* ONGLETS */
/* premier niveau */
#onglets
{
    font : bold 11px Batang, arial, serif;
    list-style-type : none;
    padding-bottom : 24px; /* à modifier suivant la taille de la police ET de la hauteur de l'onglet dans #onglets li */
    border-bottom : 1px solid #9EA0A1;
	margin-left:0px;
	padding-left:30px;
}

#onglets li
{
    float : left;
    height : 21px; /* à modifier suivant la taille de la police pour centrer le texte dans l'onglet */
    background-color: #F4F9FD;
    margin : 2px 2px 0 2px !important;  /* Pour les navigateurs autre que IE */
    margin : 4px 2px 0 2px;  /* Pour IE  */
    border : 1px solid #9EA0A1;
}

#onglets li.active
{
    border-bottom: 1px solid #fff;
    background-color: #fff;
}

#onglets a
{
    display : block;
    color : #666;
    text-decoration : none;
    padding : 4px;
}

#onglets a:hover
{
    background : #fff;
}
/* deuxieme niveau */
#songlets
{
    font : bold 11px Batang, arial, serif;
    list-style-type : none;
    padding-bottom : 24px; /* à modifier suivant la taille de la police ET de la hauteur de l'onglet dans #onglets li */
    border-top : 1px solid #9EA0A1;
	margin-left:0px;
	padding-left:30px;
}

#songlets li
{
    float : left;
    height : 21px; /* à modifier suivant la taille de la police pour centrer le texte dans l'onglet */
    background-color: #F4F9FD;
    margin : -1px 2px 0 2px !important;  /* Pour les navigateurs autre que IE */
    margin : -1px 2px 0 2px;  /* Pour IE  */
    border : 1px solid #9EA0A1;
}

#songlets li.active
{
    border-top: 1px solid #fff;
    background-color: #fff;
}

#songlets a
{
    display : block;
    color : #666;
    text-decoration : none;
    padding : 4px;
}

#songlets a:hover
{
    background : #fff;
}

table
{
margin:auto;
}

/*  TABLEAU */ 
/* Forum */
.liste_cat {
	border: 1px solid rgb(220, 220, 220);
	width:99%;
	margin-bottom:10px;
	border-collapse: collapse;
}

	  
.liste_cat tbody th {	   
	font-family: Tahoma, Verdana, serif;
	background-color:#aee8e7;
}

.liste_cat thead th{	   
	background-color: #e6d9b3;
	font-family: Tahoma, Verdana, serif;
	padding:1px 3px 1px 3px;
}


.liste_cat .puce
{
	padding:10px;
}

.grosse_cat td {	
	border-top: 2px solid #787260;
	border-bottom:1px solid #DCDCDC;
	font-weight: bold;	
	padding-left:10px;	
}


.grosse_cat {	
	font-weight:bold;
	background-color:#aee8e7;
	height:27px;
}

.grosse_cat .nom_forum {
	letter-spacing:2px;
}


.sous_cat{
	background-color:#fffbe3;
	vertical-align:middle;
	border-bottom: 1px dotted #CCC;
}

.sous_cat:hover
{
	background-color:#ffffff;
}

/* topic post et commentaire */

ul.liste_parties_btut, ul.liste_chapitres_btut 
{
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}

.liste_messages 
{
background:#F8F8F8 none repeat scroll 0%;
border:1px solid #DCDCDC;
border-spacing:1px;
margin:10px auto auto;
width:98%;
}



.liste_messages tfoot td,.liste_messages thead td  
{
background-color:#F8F8F8;

}



.liste_messages thead th 
{
background:#DCDCDC none repeat scroll 0%;
color:#666666;
text-align:center;
}

.liste_messages tbody 
{
background-color:#F8F8F8;
border:1px solid #DCDCDC;
}

.liste_messages th 
{
border-left:1px solid #DCDCDC;
border-right:1px solid #DCDCDC;
}

.liste_messages td 
{
padding-left:2px;
padding-right:2px;
vertical-align:top;
}



.titre, .dates
{
margin:0;
}

.liste_messages .titre
{
font-size:1.1em;
color:black;
text-decoration:underline;
}

.liste_messages .header_message td 
{
background:#fffbe3 none repeat scroll 0%;
border-color:#787260 rgb(220, 220, 220) rgb(220, 220, 220);
border-style:solid;
border-width:2px 1px 1px;
}




.message 
{
border-bottom:1px dotted #DCDCDC;
border-left:1px dotted #DCDCDC;
border-right:1px dotted #DCDCDC;
vertical-align:top;
}

.boite_message 
{
margin:0px;
overflow:hidden;
padding:0px;
width:100%;
}



.infos_membre 
{
border-bottom:1px dotted #DCDCDC;
border-left:1px dotted #DCDCDC;
border-right:1px dotted #DCDCDC;
font-size:0.8em;
vertical-align:top;
}


/* tableau des bilan */

table.bilan 
{
margin:auto;
width:auto;
background-color:#fffbe3;
border: #d6d6d6 1px solid;
}

table.bilan thead
{
text-align:center;
font-weight:bolder;
font-size:1.2em;
background-color:#e6d9b3;
color:black;
}



table.bilan tbody td 
{
text-align:center;
background-color:#ffffff;
padding:5px 5px 5px 5px;
}

table.bilan tbody th
{
text-align:center;
}


table#tab_contacte tbody td 
{
text-align:center;
background-color:#ffffff;
padding:5px 5px 5px 5px;
}

table#tab_contacte tbody th
{
text-align:center;
}
/* tableau info */
/* tableau des bilan */

table#tab_contacte
{
margin:auto;
width:auto;
background-color:#fffbe3;
border: #d6d6d6 1px solid;
font-size:1.2em;
text-align:center;
}

table#tab_contacte thead
{
	background-color:#e9ddba;
}

table#tab_contacte tfoot
{
	background-color:#e9ddba;
}

table#tab_contacte tbody
{
	
	padding:5px 5px 5px 5px;
}

table#tab_contacte tbody td 
{

background-color:#ffffff;

}

table#tab_contacte tbody th
{

}
/* tableau de presentation des club en lien */
.cadre_equipe table td.cadre_equipe_haut_gauche
{
width:38px;
height:40px;
background:url(../images/pages/all_salle/bordbleuclairhautgauche.jpg) no-repeat;
background-color:#ffffff;
}

.cadre_equipe table td.cadre_equipe_haut_droit
{
background:url(../images/pages/all_salle/bordbleuclairhautdroite.jpg) no-repeat right;
background-color:#ffffff;
width:38px;
height:40px;
}

.cadre_equipe table td.cadre_equipe_bas_gauche
{
background:url(../images/pages/all_salle/bordbleuclairbasgauche.jpg) no-repeat;
background-color:#ffffff;
width:38px;
height:40px;
}

.cadre_equipe table td.cadre_equipe_bas_droit
{
background:url(../images/pages/all_salle/bordbleuclairbasdroite.jpg) no-repeat right;
background-color:#ffffff;
width:38px;
height:40px;
}

.cadre_equipe table td.td_interieur
{
	font-weight:bold;
	text-align:right;
	padding-right:10px;
}

.cadre_equipe table.tableau_cadre_equipe
{

background-color:#ededed;
border:0px ;
margin:auto;
width:80%;
border-collapse:collapse;
}

.cadre_equipe table.tableau_cadre_equipe td
{
overflow:hidden;
background-color:#ededed;
}

.cadre_equipe
{
margin:10px 10px 30px 10px;
}

/* tableau des liens handball */
table.liens_hand      
{
margin:auto;
text-align:center;
text-decoration:none;
background-color:#ece7e7;
border: #d6d6d6 1px solid;
}



table.liens_hand img
{
width:70px;
border: none;
}

table.liens_hand td
{
width:180px;
height:80px;		
background-color:#ffffff;
padding:1px 5px 1px 5px;
border:inset #d6d6d6 1px
}

table.liens_hand tr
{
padding:10px 50px 10px 50px;
}
		
/* tableau des rencontres */
 table.rencontres
{
width:95%;
margin:auto;
}

.rencontres td.date
{
height:8px;
font-size: 80%;

}

.rencontres td
{
background-color: #ffffff;
padding:4px 0px 4px 0px;
}

.rencontres
{
background-color:#d6f0ff;
border: #d6d6d6 1px solid;	
text-align:center;

}

.rencontres td.date
{
background-color:#d6d6d6;
}

.rencontres .entete 
{
background: #e6d9b3;
background-position: 10px 10px;		
padding: 2px 5px 2px;
border-bottom: 3px solid #7741f5;
font-variant: small-caps ;
font-size: 1em;

}

/* tableau des classement*/
table.classement
{
width:85%;
margin:auto;
background: url("images/fond3.jpg");
border: #d6d6d6 1px solid;
}

table.classement td
{
padding:1px 0px 1px 10px;
}	

table.classement .paire
{
background-color:#acacac;
padding: 2px 5px 2px 5px;
}

table.classement .impaire
{
background-color:#ece7e7;
padding: 2px 5px 2px 5px;
}

table.classement th
{

background-color:#e6d9b3;
padding: 2px 5px 2px 5px;
margin-bottom:10px;
}

table.classement caption
{
text-align:center;
}

/* tableau de connexion */
table.connexion,table.form
{
	background-color:#fffbe3;
	width:70%;

	-moz-border-radius:20px;
	-webkit-border-radius:20px;

	
}



.connexion thead td,.form thead th
{
background: #e6d9b3;
padding: 2px 10px 2px;
border-bottom: 3px solid #787260;
font-variant: small-caps ;
font-size: 1em;
-moz-border-radius-topright:20px;
-moz-border-radius-topleft:20px;
-webkit-border-radius-topright:20px;
-webkit-border-radius-topleft:20px;
}



/* tableau image */
.miniature 
{
display: block;
width: 100px;
height: 100px;
margin: auto;
overflow: hidden;
border:1px solid #9db2c2;
text-align: center;
cursor: pointer;
}

.miniature:hover 
{
border-left-color: 1px solid #2c485c;
}

.total a:hover 
{
text-decoration: none;
}

.total a:focus 
{
border: 1px white solid;
}

.repertoire 
{
margin-top: auto;
margin-right: auto;
margin-left: auto;
margin-bottom: 20px;
overflow: auto;
background-color: white;
border:1px solid #2c485c;
}

.total 
{
height:180px;
float: left;
margin: 10px ;
text-align: center;
width: 170px;
}

/* tableau index */
.cadre table {
	background: #E6D9B3;
	margin: 0px;
	border: thin solid #E6D9B3;
	width:100%;
	text-align:center;
}

.cadre tbody {
	background-color:#F8FAFD;
	margin:0px;
	height:0px;
	padding:0px

}

.cadre caption {
	background: #E6D9B3;
	margin-left: 70%;
	margin-right: 5px;
	margin-top : 8px;
	-moz-border-radius-topleft:1em;
	-moz-border-radius-topright:1em;

	-webkit-border-radius-topleft:1em;
	-webkit-border-radius-topright:1em;	
	text-align:center;
	font-weight:bold;
}

.cadre ul {
	list-style-image:none;
	list-style-position:inside;
	list-style-type:none;
	margin:10px 0 0;
	padding:0;
}

.cadre  li{

	margin:2px;
	padding-left:8px;
	text-align:left;
}

.cadre  li.titre_niouz
{
	border-top:1px solid #E6D9B3;
}
/* INFOBULLE */
/* 			<a class="info" href="">TEXT SURLIGNE
				<div class="infobulle">
					<div class="infobulle_haut"></div>
						<div class="infobulle_centre">
						<p>
							TEXTE BULLE
						</p>
						</div>
					<div class="infobulle_bas"></div>
				</div>
			</a> */
a.info 
{
   position: relative; 
}
a.info .infobulle 
{
display:none;
width:130px;
}
a.info .infobulle_centre
{
 background:url(../images/structure/infobulle_fond.png) repeat-y left;
}
a.info .infobulle_haut 
{
   background:url(../images/structure/infobulle_haut.png) ;
   height:29px;
}

a.info .infobulle_bas 
{
   background:url(../images/structure/infobulle_bas.png) no-repeat;
   height:19px;
}

a.info p
{
color:black;
font-size:0.75em;
font-weight:normal;
text-decoration:none;
margin:0;
padding:0px 5px 0px 18px;
line-height:1em;
}


a.info:hover{
   background: none; /* correction d'un bug IE */
   z-index: 500; /* on définit une valeur pour l'ordre d'affichage */
   cursor: help; /* on change le curseur par défaut en curseur d'aide */
}
a.info:hover .infobulle {
   display: inline; /* on affiche l'infobulle */
   position: absolute;
   top: 30px; /* on positionne notre infobulle */
   left: 20px;
}



/* CADRE */

.cadre_gauche
{
	float:left;
	
}

.cadre_droite
{
	float:right;
	
}

.cadre_ligne
{
	clear:both;	
}

.cadre
{
	width:47%;
	height:auto;
	border:#e6d9b3 2px solid;
	margin:5px;
	background:url(../images/structure/cadre_fond.png) repeat;
	-moz-border-radius-bottomleft:10px;
	-moz-border-radius-bottomright:10px;
	-moz-border-radius-topleft:10px;
	-moz-border-radius-topright:10px;
	-webkit-border-radius-bottomleft:10px;
	-webkit-border-radius-bottomright:10px;
	-webkit-border-radius-topleft:10px;
	-webkit-border-radius-topright:10px;
}

.cadre h2
{
	-moz-border-radius-topleft:10px;
	-moz-border-radius-topright:10px;
	-webkit-border-radius-topleft:10px;
	-webkit-border-radius-topright:10px;
	margin:0px;
	padding:0px;
}

/* AUTRES */
/* image de l'index */

#image_index1
{
top :200px;
left:50%;
z-index:-1;
}

#image_index2
{
top :270px;
left:85%;
z-index:-1;
}



.image_index
{
position : absolute;
}


/* Page contacte / info */

#contacte img
{
float:left;
margin-left:30px;
margin-top:50px;
}
#contacte div
{
float:right;
margin-top:50px;

}

#contacte h6,#contacte h5
{

font-variant:small-caps;
font-family:"Times New Roman";
text-align:right;
}
#contacte h6
{
font-size:2.0em;
margin-top:0px;
}
#contacte h5
{
font-size:2.6em;
margin-bottom:0px;
}

table#tab_contacte
{
width:95%;
clear:both;
}