@charset "iso-8859-1";
/* Style Raquette Brécéenne (27/02/2010) */

body
{
	background-image:url(../image/fond_menu.png);
	background-repeat:repeat;
	margin-top:0;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:10px;
	background-repeat:repeat;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}

#espace_page
{
	width:970px;
	margin-top:10px;
	background-color:#FFF;
	margin-left:auto;
	margin-right:auto;
	border:1px #000 solid;
}

#header
{
	height:185px;
	margin:auto;
	background-image: url(../image/fond_header.png);
}

/* Barre de navigation*/
#barrenav
{
	background-image:url(../image/titre_bloc.png);
	width:100%;
	height:30px;
	padding-top:1px;
	z-index:10000;
}


#align_barrenav
{
	width:880px;
	margin: auto;
}

#align_barrenav ul li a
{
	font-size:100%;
	color:#FFF;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif
	font-weight:bold;
	display:block;
	text-align: center;
	background-image:url(../image/titre_bloc.png);
	height:20px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin:auto;
	padding-left: 20px;
	padding-right: 20px;
	text-decoration:none;
}

#align_barrenav li ul 
{
 	position:absolute;
}

#align_barrenav ul li ul li a
{
	font-size:80%;
	border-top: 2px double #CCC;
	height:15px;
	font-variant:normal;
	text-align:center;
}

#item_gauche
{
    border-left:2px #CCC solid;
	border-right: 2px #CCC solid;
	width:60px;
}

.items_centre, #item_droite
{
    border-right:2px #CCC solid;
	width: 160px;
}

	
#align_barrenav li 
{
	float:left;
	margin:0;
	margin-top:-1px;
	padding:0;
}

#align_barrenav li a:hover, #align_barrenav li a:active
{
	background-image:url(../image/barrenav_hover.png);
	width:auto;
	color: #000;
}

#align_barrenav ul
{
	margin:0;
	padding:0;
	list-style-type:none;
	text-align:center;
	line-height: 16px;
}

#align_barrenav ul li img
{
	display:inline;
}

#align_barrenav ul li ul
{
	display:none;
	float:left;
	margin-top: 1px;
	line-height: 9px;
	width:160px;
	background-image:url(../image/titre_bloc.png);
}

#align_barrenav li ul ul
{
	display:none;
	float:left;
	margin-top: 1px;
	line-height: 9px;
	width:160px;
	background-image:url(../image/titre_bloc.png);
	margin-left:162px;
	margin-top:-26px;
}

#align_barrenav li:hover ul ul, #align_barrenav li.sfhover ul ul /* Sous-sous-listes lorsque la souris passe sur un élément de liste */
{
	left: -999em; /* On expédie les sous-sous-listes hors du champ de vision */
}

#align_barrenav li:hover ul, #align_barrenav li li:hover ul, #align_barrenav li.sfhover ul, #align_barrenav li li.sfhover ul  /* Sous-listes lorsque la souris passe sur un élément de liste ET sous-sous-lites lorsque la souris passe sur un élément de sous-liste */
{
	left: auto; /* Repositionnement normal */
	min-height: 0; /* Corrige un bug */
}
#align_barrenav ul li:hover ul 
{
	display:block;
}

#align_barrenav ul li:hover ul li 
{
	float:none;
}

/* Fin de la barre de navigation */


/* Principaux blocs */

#corps
{
	width: 950px;
	margin:auto;
}

.titre_item_colext
{
	width: 161px;
	height: 18px;
	background-image:url(../image/titre_bloc.png);
	font-family: Tahoma, Geneva, sans-serif;
	font-size:90%;
	border: 1px solid #000;
	padding: 4px 0 4px 8px;
	color:#FFF;
}

#col_gauche
{
	float:left;
}

.col_gauche_bloc
{
	width: 170px;
	margin-top: 10px;
	background-image:url(../image/fond_menu.png);
	border-left: 1px solid #999;
	border-bottom: 1px solid #999;
	border-right: 1px solid #999;
	border-radius: 0px 0px 10px 10px;
	-moz-border-radius: 0px 0px 10px 10px;
}


#col2
{
	float:left;
	margin-top:10px;
	margin-left:22px;
}

#item_col2_accueil
{
	width: 550px;
	height: 18px;
	background-image:url(../image/titre_bloc.png);
	font-family: Tahoma, Geneva, sans-serif;
	font-size:90%;
	border: 1px solid #000;
	padding: 4px 0 4px 8px;
	color:#FFF;

}

#titre_item_col2
{
	background-image:url(../image/titre_bloc.png);
	width: 740px;
	height: 28px;
	background-image:url(../image/titre_bloc.png);
	font-family: Tahoma, Geneva, sans-serif;
	font-size:90%;
	border: 1px solid #000;
	padding: 4px 0 4px 8px;
	color:#FFF;
}

#titre_extra
{
	background-image:url(../image/titre_bloc.png);
	width: 720px;
	height: 28px;
	font-family: Tahoma, Geneva, sans-serif;
	font-size:90%;
	border: 1px solid #000;
	padding: 4px 0 4px 8px;
	color:#FFF;
}

#titre_event
{
	width: 820px;
	height: 33px;
	background-image:url(../image/titre_bloc.png);
	font-family: Tahoma, Geneva, sans-serif;
	font-size:90%;
	border: 1px solid #000;
	padding: 4px 0 4px 8px;
	color:#FFF;
}

#contenu_col2
{
	width:720px;
	background-color: #EDEDED;
	padding-left:10px;
	padding-right:10px;
	margin-bottom: 10px;
	padding-bottom: 10px;
	font-size: 90%;
	padding-top: 1px;
	border-left: 2px solid #999;
	border-top: 2px solid #999;
	border-bottom: 2px solid #999;
	border-right: 2px solid #999;
	border-radius: 0px 0px 10px 10px;
	-moz-border-radius: 0px 0px 10px 10px;
	font-size:90%;
}

.info_speciale
{
	width:800px;	
	background-color: #EDEDED;
	padding-left:10px;
	padding-right:10px;
	padding-bottom: 5px;
	margin-top:10px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	font-size: 90%;
	padding-top: 5px;
	border-left: 2px solid #999;
	border-top: 2px solid #999;
	border-bottom: 2px solid #999;
	border-right: 2px solid #999;
	font-size:90%;
	border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
}


#contenu_extra
{
	width:700px;	
	background-color: #EDEDED;
	padding-left:10px;
	padding-right:10px;
	margin-bottom: 10px;
	padding-bottom: 10px;
	font-size: 90%;
	padding-top: 1px;
	margin:auto;
}

#contenu_event
{
	width:800px;	
	background-color: #EDEDED;
	padding-left:10px;
	padding-right:10px;
	margin-bottom: 10px;
	padding-bottom: 10px;
	font-size: 90%;
	padding-top: 1px;
	margin:auto;
}


#extra
{
	width:700px;	
	background-color: #EDEDED;
	padding-left:10px;
	padding-right:10px;
	margin-bottom: 10px;
	padding-bottom: 10px;
	font-size: 90%;
	padding-top: 1px;
	margin:auto;
}

#speed_bar
{
	width:966px;
	margin-left:auto;
	margin-right:auto;
	margin-top:-3px;
	padding:2px;
	text-align:center;
	height:auto;
	background-image:url(../image/titre_bloc.png);
	color:#FFF;
	font-weight:bold;
}

.speed_lien
{
	color:#FC6;
	text-decoration:none;
}

#news
{
	width: 538px;
	padding-top:10px;
	padding-left:10px;
	padding-right:10px;
	margin-bottom: 10px;
	padding-bottom: 10px;
	font-size: 90%;
	border-left: 1px solid #999;
	border-bottom: 1px solid #999;
	border-right: 1px solid #999;
	border-radius: 0px 0px 10px 10px;
	-moz-border-radius: 0px 0px 10px 10px;	background-color: #EDEDED;
} 

#col_droite
{
	float:right;
}


.col_droite_bloc
{
	width: 170px;
	margin-top:10px;	
	background-color: #EDEDED;
	border-left: 1px solid #999;
	border-bottom: 1px solid #999;
	border-right: 1px solid #999;
	border-radius: 0px 0px 10px 10px;
	-moz-border-radius: 0px 0px 10px 10px;
}


p
{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 80%;
	padding-top:2px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 2px;
	margin:0;
}


a img
{
	text-decoration:none;
	border:0;
}

.centre
{
	text-align:center;
	margin:auto;
}

.text_gauche
{
	text-align:left;
}

.text_droite
{
	text-align:right;
}

#footer
{
	width:910px;
	background-image:url(../image/titre_bloc.png);
	height:70px;
	color:#FFF;
	text-align: center;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:100%;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-left: 10px;
	padding-right:10px;
	margin-left:10px;
	border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
}

.clear
{
	clear:both;
}

.top_news p
{
	text-align:right;
	font-size: 90%;
}

table 
{
   border: 1px solid #999;
   border-collapse: collapse; 
   margin: auto;
   font-size: 95%;
   font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}

td /* Les cellules normales */
{
   border-bottom: 1px solid #999;
   text-align: center; 
   padding: 5px 5px 5px 5px;
   vertical-align: top;
}

.stats
{
	font-size:85%;
}

th
{
   text-align: center; 
   padding: 5px; 
   background-color: #39F;
   line-height:25px;
}

.blanc
{
	background-color:#FFF;
}

.v_d_n
{
	width: 15px;
}

.parties
{
	width: 20px;
}

.score
{
	width: 18px;
}

.nom_equipe
{
	width: 200px;
}


.classmt
{
	width: 10px;
}

.news_date
{
	width: 80px;
}

.news_titre
{
	padding-left: 5%;
	text-align: left;
	letter-spacing: 1px;
	font-size:110%;
	font-weight:bold;
}

.news_small
{
	text-align:left;
	font-size:80%;
	color:#666;
}

a
{
	color: #00F;
	font-weight:bold;
	text-decoration:none;
}

a:hover
{
	color: #F60;
}

a:active
{
	color:#39F;
}

#contenu_news
{
	border: 1px #000 double;
	background-color:#FFF;
	padding-top: 6px;
	padding-bottom: 5px;
	padding-left:10px;
	padding-right:10px;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

h2
{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:160%;
	text-decoration:underline;
	
}

h2 a:hover
{
	color: #000;
}
	

h3
{
	text-align: left;
	letter-spacing: 1px;
	font-size:110%;
	color: #F60;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-decoration:underline;
	padding-left:50px;
	background-image: url(../image/balle.png);
	background-repeat: no-repeat;
	background-position: center left;
}

h3 a
{
	background:none;
}

.titre 
{
	font-size:100%;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:bold;
}

.encart_comm
{
	float:left;
	width:150px;
}

.sepa
{
	margin:auto;
	text-align:center;
}

.table_small
{
	width:80px;
}

.table_nom
{
	width:200px;
	font-weight:bold;
}

.table_puces
{
	width:30px;
}

.float_right
{
	float:right;
}

.float_left
{
	float:left;
}

.comm_news
{
	width: 680px;
	background-color: #FFF;
	margin:auto;
	border: 2px #CCC double;
	padding-left: 10px;
	padding-right: 10px;
}

.comm_auteur
{
	width: 100px;
}

.top_comm
{
	width:680px;
	margin:auto;
    background-image: url(../image/fond_tableau.png);
	color: #000;
	border-left: 2px #CCC double;
	border-right: 2px #CCC double;
	border-top: 2px #CCC double;
	padding-left: 10px;
	padding-right: 10px;
}

.message_bon
{
	background-image: url(../image/fond_message.png);
	border: 2px double #090;
	width: auto;
	height: auto;
	padding-top:5px;
	padding-left:10px;
	padding-right:10px;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-bottom: 10px;
}

.message_erreur
{
	background-image: url(../image/fond_erreur.png);
	border: 2px double #F00;
	width: auto;
	height: auto;
	padding-top:5px;
	padding-left:10px;
	padding-right:10px;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-bottom: 10px;
}

.message_question
{
	background-image: url(../image/fond_question.png);
	border: 2px double #009;
	width: auto;
	height: auto;
	padding-top:5px;
	padding-left:10px;
	padding-right:10px;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-bottom: 10px;
}

.rediger
{
	background-image:url(../image/titre_bloc.png);
	width: auto;
	height: 20px;
	color:#FFF;
	text-align: center;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:95%;
	font-variant:small-caps;
	float:left;
	margin-left:2%;
	padding: 5px 10px 5px 10px;
	border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
}

.ul_joueur li
{
	list-style-image:url(../image/fleche.png);
}

.encart_evenement
{
	float:right;
	width:250px;
	height: auto;
	padding:10px;
	background-color:#FFF;
	margin-left:10px;
	border:1px #999 double;
}

.contenu_comm 
{
	text-align:left;
	padding-top:0;
}

.rediger a
{
	color:#FFF;
	text-decoration:none;
}

.rediger a:hover
{
	color:#F60;
}

.index h2
{
	font-size:150%;
}

.image_joueur
{
	padding-bottom:300px;
}
.panorama ul
{
	list-style-image:url(../image/puce.gif);
}


input[type="submit"]
{
	border: #DDEEFF 1px solid;
	width: 200px;
}

input[type="submit"]:hover
{
	background-color: #66CC33;
	cursor: pointer;
}

input[type="reset"]
{
	border: #DDEEFF 1px solid;
	width: 200px;
}

input[type="reset"]:hover
{
	background-color: #E6484D;
	cursor: pointer;
}

input, select
{
	margin-left: 1%;
	width: 300px;
	border: #CCC 1px solid;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:bold;
}

input:hover, select:hover, input:focus, select:focus
{
	border: #999 1px solid;
	background-color: #F90;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:bold;
}

label
{
	display: block;
	float: left;
	letter-spacing: 1px;
	width: 30%;
}

label:hover
{
	font-weight: bold;
}

.centre label
{
	text-align:center;
	margin:auto;
}
fieldset
{
	margin-bottom: 10px;
	border: #CCC 1px solid;
	background-color: #FFF;
}

fieldset legend
{
	border-left: #CCC 1px solid;
	border-right: #CCC 1px solid;
	text-align: left;
	letter-spacing: 1px;
	font-size:140%;
	color: #F60;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-decoration:underline;
	padding-left:50px;
	background-image: url(../image/balle.png);
	background-repeat: no-repeat;
	background-position: center left;
}



.pagination {
	line-height:2em;
}
.pagination a,
.pagination span {
	padding:0.2em 0.5em;
}
.pagination a {
	border:1px solid #9AAFE5;
	color:#105CB6;
	text-decoration:none;
}
.pagination a:hover {
	border:1px solid #296BB5;
	color:#000031;
}
.pagination .prevnext {
	font-weight:bold;
}
.pagination span.disabled { 
	border:1px solid #DDDDDD;
	color:#999999;
}
.pagination span.current {
	border:1px solid #2E6AB1;
	background-color:#2E6AB1;
	color:#ffffff;
	font-weight:bold;
}


.Previsualisation {
  width:                98%;
  height:               200px;
  border:               1px dashed rgb(200, 200, 200);
  margin-top:           5px;
  padding:              6px;
  overflow:             auto;
  font-size:            12px;
}

.Validation 
{
	width:20px;
  height:               24px;
  padding-bottom:       3px;
  border:               1px solid #ff9900;
  background:           #FC0 repeat-x;
  font-size:            12px;
}

.Validation:hover {
  background:           #FC0 repeat-x;
  font-weight:bold;
}

.select_news
{
	width:100px;
}

/* *** */


/* mForme */
#mForme ul.Bouton {
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
  overflow:hidden;
  margin-left: -40px;
}

#mForme ul.Bouton li {
  background-color: transparent;
  float:left;
  margin-right: 2px;
  width: 26px;
  cursor: pointer;
}

#mForme li a.Gras {
	display: block ;
	height: 26px;
	background:  url(../image/Gras.png) top no-repeat ;
}

#mForme li a.Italique {
	display: block ;
	height: 26px;
	background:  url(../image/Italique.png) top no-repeat ;
}


#mForme li a.Souligner {
	display: block ;
	height: 26px;
	background:  url(../image/Souligne.png) top no-repeat ;
}

#mForme li a.Barrer {
	display: block ;
	height: 26px;
	background:  url(../image/Barer.png) top no-repeat ;
}

#mForme li a.Liste {
	display: block ;
	height: 26px;
	background:  url(../image/Liste.png) top no-repeat ;
}

#mForme li a.Citation {
	display: block ;
	height: 26px;
	background:  url(../image/Citation.png) top no-repeat ;
}

#mForme li a.Image {
	display: block ;
	height: 26px;
	background:  url(../image/Image.png) top no-repeat ;
}

#mForme li a.Lien {
	display: block ;
	height: 26px;
	background:  url(../image/Lien.png) top no-repeat ;
}

#mForme li a.Email {
	display: block ;
	height: 26px;
	background:  url(image/Email.png) top no-repeat ;
}

#mForme li a.Tableau {
	display: block ;
	height: 26px;
	background:  url(../image/Tableau.png) top no-repeat ;
}

#mForme li a.Titre1 {
	display: block ;
	height: 26px;
	background:  url(../image/Titre1.png) top no-repeat ;
}

#mForme li a.Titre2 {
	display: block ;
	height: 26px;
	background:  url(../image/Titre2.png) top no-repeat ;
}

#mForme li a.Exposant {
  display: block ;
	height: 26px;
	background:  url(../image/Exposant.png) top no-repeat ;
}

#mForme li a.Indice {
  display: block ;
	height: 26px;
	background:  url(../image/Indice.png) top no-repeat ;
}

#mForme li a.Information {
	display: block ;
	height: 26px;
	background: url(../image/Information.png) top no-repeat ;
}

#mForme li a.Attention {
	display: block ;
	height: 26px;
	background: url(../image/Attention.png) top no-repeat ;
}

#mForme li a.Erreur {
	display: block ;
	height: 26px;
	background: url(../image/Erreur.png) top no-repeat ;
}

#mForme li a.Question {
	display: block ;
	height: 26px;
	background: url(../image/Question.png) top no-repeat ;
}

#mForme li a.Youtube {
	display: block ;
	height: 26px;
	background: url(../image/you_tube.png) top no-repeat ;
}


#mForme img.Emoticone {
  cursor: pointer;
}

img.Smilies {
  vertical-align: middle;
}

.mFormeGauche {
	width: 125px;
	float: left;
}

.mFormeDroite {
	margin-left: 125px;
}


/* Balise Souligner */
.souligner { text-decoration: underline; }
/******************************************************************************/

/* Balise de commentaire.*/
.Remarque  {
	background-position:10px center;
	background-repeat: no-repeat;
	padding: 8px;
	padding-left: 45px;

}

.erreur {
	color: red;
	font-weight: bold;
	background-image: url(../image/Erreur.png);
}

.question {
	color: #3093cc;	
	background-image: url(../image/Erreur.png);
}

.Youtube {
	color: #3093cc;	
	background-image: url(../image/you_tube.png);
}

.attention {
	color: #F60;
	font-weight: bold;	
	background-image: url('../image/Attention.png');
}

.information {
	 color: green;
	background-image: url('../image/Information.png');
}

/* On fixe la hauteur, que IE interprï¿½te comme une "hauteur minimale" */
.information, .attention, .question, .erreur {
	height:30px;
	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;
}
/******************************************************************************/

/* Mise en page du formulaire avec mCode */
.Couleur_orange { color: rgb(236, 118, 0); }
.Couleur_noir { color: black; }
.Couleur_marron { color: maroon; }
.Couleur_vertf { color: green; }
.Couleur_olive { color: olive; }
.Couleur_marine { color: navy; }
.Couleur_violet { color: purple; }
.Couleur_bleugris { color: teal; }
.Couleur_argent { color: silver; }
.Couleur_gris { color: rgb(100, 100, 100); }
.Couleur_rouge { color: red; }
.Couleur_vertc { color: lime; }
.Couleur_jaune { color: yellow; }
.Couleur_bleu { color: blue; }
.Couleur_rose { color: fuchsia; }
.Couleur_turquoise { color: aqua; }
.Couleur_blanc { color: white; }

.Police_arial { font-family: Arial, serif; }
.Police_times { font-family: Times, serif; }
.Police_courrier { font-family: Courier, serif; }
.Police_impact { font-family: Impact, serif; }
.Police_geneva { font-family: Geneva, serif; }
.Police_optima { font-family: Optima, serif; }

.Taille_ttpetit { font-size: xx-small; }
.Taille_tpetit { font-size: x-small; }
.Taille_petit { font-size: small; }
.Taille_gros { font-size: large; }
.Taille_tgros { font-size: x-large; }
.Taille_ttgros { font-size: xx-large; }

.Position_centre { text-align: center; }
.Position_gauche { text-align: left; }
.Position_droite { text-align: right; }
.Position_justifie { text-align: justify; }

.Flottant_gauche { float: left; }
.Flottant_droite { float: right; }
.Flottant_gauche, .Flottant_droite { margin: 5px; }

.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; }

.opt_titre {
	text-align:center;
	font-weight:bold;
}
/******************************************************************************/
/* Style du Spoiler et citation */
/* Spoiler par dÃ©faut (doit Ãªtre cachÃ©) */
/* Titre du code, de la citation et du spoiler */
span.citation, {
	font-weight: bold;
	display:block;
	width:90%;
	margin-left: 50px;
}

/* Contenu du code, de la citation et du spoiler */
.citation2, {
	border:1px dashed #e6e6e6;
	background-color:white;
	margin-left: 40px;
	margin-right: 40px;
	padding: 8px;
	overflow: auto;
}
/******************************************************************************/
