body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 0.8em;
margin: 0;
padding: 0;
background: url(images/wrap1.gif) top repeat-y #807e80;/*fond qui comble les 3 colonnes*/
}
#header {
height: 90px;
background: url(images/hdr.jpg) right no-repeat #b71615;
border-top: 5px solid #630b0b;
border-bottom: 5px solid #630b0b;
}
#haut {
height: 25px;
background-color:#eaebdc;/*jaune chelou*/
}
#conteneur {
position: relative;
width: 1000px;
margin: 0 auto; 
/*background-color:#000;*/
}
#centre {-height:1%;
background:#fff;
margin-left: 485px;
margin-right: 175px;
}
#centre table{-height:1%;
margin:0; margin-left:1px; margin-bottom:2px;
padding-left:10px;
width:338px; 
border-bottom: 2px solid #835351;
border-collapse: collapse; /* Colle les bordures entre elles */
font-size: 0.85em;
}
#centre th{ /* Les cellules d'en-tête */
text-align:left;
padding-left:10px;
}
#centre td /* Les cellules normales */{}






/*--------------------------------------------------------------MENU GALERIES INDEX-----------------------------------------------------------------------------------*/
#up_centre_gal{background: #000;}

#galmenu {
            
                /** La couleur du background est definie a noire car on a choisi une image de fond foncée */
                background: #000 url(images/poster_index.jpg) top no-repeat;
                
                /** on retire les puces **/
                list-style: square;
                
                /** on supprime le padding et les margin par defaut, on rajoute un padding en haut et en bas **/
                padding:0px;
				padding: 5px 5px 5px 0px; 
                margin: 0px; 
				margin-left: 0px; padding-bottom:25px;
                width: 323px;

             }
             
             
            #galmenu li {
               margin: 5px; margin-left:30px;
			   -margin-top: 0px; -margin-bottom:-14px; -margin-left:35px;
			   
              }
             
            #galmenu li a {
            
                /** pour que le lien prenne toute la largeur **/
                display: block;

                font-size: 0.85em;
                font-family: verdana;
                font-weight: bold;
                text-decoration: none;

                /** par defaut, ecrit en noir sur fond blanc, les liens restent toujours visible */
                color: /*#b71514;*/#97917e;
                /*background: #eeeedf;*/
                
               }
             
            #galmenu li a:hover {
                color: #b71615;/*#eeeedf*/;
              }  */



/*---------------------------------------------------------------------------------------------------------------------------*/


#up_centre{background: #8f0001;}  

#up_centre_h p{padding-right:30px;}
  
#up_news{background: #fff; border-left: 1px solid #b71615;-height:1%;}
.nxt_news{border-top: 1px solid #d1cdae; margin-left:8px; margin-right:8px;margin-top:10px;}
.nxt_news a{color: #b71615; text-decoration: underline; font-weight: bold;}
.nxt_news .weblink{text-decoration:none;}
.nxt_news a:hover {color: #484848; text-decoration: underline;}


#baner{height:85px; padding-top:5px; padding-left:5px; background:#fff;
}

#ticker{height:120px; padding-top:5px; padding-left:5px; background:#fff;
}



.up{background:#ddd4ba; color:#b80000;}
.down{background:#cdc89d; color:#b80000; }
.score{width:10px; padding-right:20px; color: #835351;}
.top_news{
border: 1px solid #000; 
margin: 5px; margin-bottom:10px;
padding-bottom: 45px; /*loge l'affiche dans le cadre*/
background: url(images/bg_top_news.gif) bottom repeat-x;}



/*--------------------------------------------------------------LEFT COL---------------------------------------------------------------------*/
#gauche {
position: absolute;
left:0;
width: 485px;
background: #eeeedf;
}
#home{margin:0 auto; padding: 0; /*swf    width:477px; height:400px;   swf*/ 
padding-left: 15px; padding-right:20px; padding-bottom: 25px;
padding-top:10px;/*flash ticker*/}

#home a{color: #b71615; text-decoration: underline; font-weight: bold;}
#home .weblink{text-decoration:none;}

#home a:hover {color: #484848; text-decoration: underline;}

/*#wlcme_asp_ticker{height:355px;margin-right:0px;}*/

#wlcme_asp{height:380px;margin-right:3px;}
#wlcme_bb{background:url(images/wlcm_bb.gif) left no-repeat #9d1514; height:60px;margin-right:3px;}
#wlcme_boxe{background:url(images/wlcm_boxe.gif) left no-repeat #9d1514; height:60px;margin-right:3px;}
#wlcme_tennis{background:url(images/wlcm_tennis.gif) left no-repeat #9d1514; height:60px;margin-right:3px;}
#wlcme_foot{background:url(images/wlcm_foot.gif) left no-repeat #9d1514; height:60px;margin-right:3px;}
#wlcme_volley{background:url(images/wlcm_volley.gif) left no-repeat #9d1514; height:60px;margin-right:3px;}
#wlcme_ping{background:url(images/wlcm_ping.gif) left no-repeat #9d1514; height:60px;margin-right:3px;}
#wlcme_hand{background:url(images/wlcm_hand.gif) left no-repeat #9d1514; height:60px;margin-right:3px;}
#wlcme_petanque{background:url(images/wlcm_petanq.gif) left no-repeat #9d1514; height:60px;margin-right:3px;}
#wlcme_savate{background:url(images/wlcm_savate.gif) left no-repeat #9d1514; height:60px;margin-right:3px;}
#wlcme_athle{background:url(images/wlcm_athle.gif) left no-repeat #9d1514; height:60px;margin-right:3px;}
#wlcme_judo{background:url(images/wlcm_judo.gif) left no-repeat #9d1514; height:60px;margin-right:3px;}
#wlcme_retraite{background:url(images/wlcm_retraites.gif) left no-repeat #9d1514; height:60px;margin-right:3px;}


#hdr_gal{background:url(images/galerie.jpg) left no-repeat ; height:40px; 
margin-right:3px;}

#wrap_left{background:url(images/left_bg.gif) top left repeat-x #EEEEDF; 
margin: 0; margin-right:3px; height:61px; }

#left{margin:5px; padding: 5px;}
#left table{
margin:0;
border-collapse: collapse; /* Colle les bordures entre elles */
background: #e8e7d5;
font-size: 0.80em; color:#666666;
}
#left th{text-align: left; padding:10px;/* Les cellules d'en-tête */}
#left td{padding:10px;padding-right:5px;/* Les cellules normales */}

.horaire{border-top: 1px solid white; border-left: 1px solid white;border-bottom: 1px solid white; width:80px;}
.jour{border: 1px solid white;}
.cat{border-top: 1px solid white; border-right: 1px solid white;border-bottom: 1px solid white;}

#cont_left{background:#d9d9b7;
margin:0; margin-top:10px; margin-left:5px; margin-right:5px;
padding-bottom:1px;
}

#left a{color: #b71615; text-decoration: underline; font-weight: bold;}
#left .weblink{text-decoration:none;}

#left a:hover {color: #484848; text-decoration: underline;}
/*----------------------------------------------------------------------------------------------------------------------------------------------*/
#droite {
position: absolute;
right:0;
width: 175px;
background :#000000;
}
#up_droite{
background :#484848;
padding-bottom:4px;
border-left: 4px solid #000;
}

/*----------------------------------------------------------------------------------------------------------------------------------------------*/

#pied {margin: 0;
border-top: 10px solid #e2e1d0;
height: 50px;
background-color: #ebead9; color: #97917e; text-align :center;
font-size:0.85em;}


/*------------------------------------------------------------------------------------- -MENU TOP ----------------------------*/
.menutop{background:#000;-height:1%; }
.menutop ul{
font: bold 0.85em arial;
padding-left: 0; 
margin:0; margin-left: 0; 
height: 34px;
}
.menutop ul li{
list-style: none;
display: inline;
}
.menutop ul li a{
padding: 5px 3em;  padding-top: 10px; padding-bottom: 10px;
text-decoration: none;
float: left;
color: #fff;
border-right: 1px solid #88888c;
}
.menutop ul li a:hover{
background: #e9eeef;   color: #000;
}
html>body .menutop ul li a:active{ /* applique un effet mousedown sur les navigateurs autres que IE */
}
/*-------------------------------------------------------------------------------MENU HAUT---------------------------------*/
.menuhaut{background: #b71615;-height:1%;}
.menuhaut ul{
font: bold 0.85em arial;
padding-left: 0; 
margin-left: 10px;  margin-bottom:0;   margin-top:0;
height: 21px;
}
.menuhaut ul li{
list-style: none;
display: inline;
}
.menuhaut ul li a{
padding: 3px 0.4em;
padding-left:1em;    padding-right:1em;
text-decoration: none;
float: left;
color: #ffffff;
}
.menuhaut ul li a:hover{
background:#8f0000 ;color: #ff0000;}
html>body .menuhaut ul li a:active{ /* applique un effet mousedown sur les navigateurs autres que IE */}

/*-------------------------------------------------------------------------------MENU DARK---------------------------------*/
.menudark{
padding:0;
margin:0; padding-top:40px;
list-style-type:none;
font-size:0.75em; font-weight: bold;
}
.menudark li{
margin-left:5px; 
float:left; /*pour IE*/
}
.menudark li a{
display:block;
float:left;   
background-color:#d1cfbf;
color:#524c38;
text-decoration:none;
text-align:center;
padding:0; padding-top:4px; padding-bottom:4px; padding-left:3px; padding-right:3px;
/*pour avoir un effet "outset" avec IE :*/
}
.menudark li a:hover
{
color:#fff;
} 

.italic{font-style:italic;}
.resultats{margin-left:3px;}
.legend{font-size:0.85em; font-weight:bold; color: #666666;}
.img_gche{margin:0; padding-top:0px; padding-left:0px;}
.img_dte{margin:0; padding-top:10px; padding-left:8px;}
.img_table{margin:0; padding-top:0px; padding-bottom:10px;}
.picture{float: left;margin:5px;padding-left:5px; padding-right:5px;}
.red{display:block; text-align: right; padding-right:10px; color:#b71615;}
.white{color:#e8e7d5;}
.dessous{clear: both;}
.inact_brown{display:block; color:#9d9679; background-color:#dbd9bf;
padding:0; padding-top:4px; padding-bottom:4px; padding-left:3px; padding-right:3px;}
.middle{margin-left:30px;margin-top:5px;}
.insc {margin:0px; position:absolute; top:95px;width:250px;font-weight:bold; text-decoration:underline;}

#resultats{background:#ddd4ba; border-left: 1px solid #b71615;}

a img{border:none;}

#up_centre a{display:block; text-align: right; text-decoration: none;
padding-right: 10px; padding-bottom:3px; font-size:0.7em; color: #ddd4ba;}
#up_centre a:hover {color: #f3efb8; text-decoration: underline;}

#up_centre_h a{color: #b71615; text-decoration: underline; font-weight: bold;}
#up_centre_h a:hover {color: #484848; text-decoration: underline;}


#up_droite a{text-decoration: underline;
padding-left: 10px; padding-bottom:3px; font-size:0.8em; color: #ddd4ba;}
#up_droite a:hover {color: #f3efb8; text-decoration: underline;}

#up_news a{color: #b71615; text-decoration: underline; font-weight: bold;}
#up_news a:hover {color: #484848; text-decoration: underline;}
#up_news .weblink{text-decoration:none;}



p {margin: 0 0 10px 0; margin-left:10px; margin-top:3px; font-size: 0.85em;}
#up_droite p{ padding-top:5px; color: #ddd4ba;}
#up_news p{padding-left:0px; padding-right:10px;}

h1{-height:1%;
margin:0;
padding:0; padding-top:2px; padding-bottom: 3px; padding-left: 10px; 
background: #000000; font-size: 0.85em; letter-spacing:-0.05em; color: #ddd4ba;
}

h2{
margin:0;-height:1%;
padding:0; padding-top:2px; padding-bottom: 3px; padding-left: 10px; 
font-size: 0.85em; letter-spacing:-0.05em; color: #ddd4ba;
background: #600001; border-top:1px solid #cdc89d;
}
h3{
margin:0;margin-bottom:10px;
padding:0; padding-top:2px; padding-bottom: 3px; padding-left: 10px; 
background: #d1cdae; font-size: 0.85em; letter-spacing:-0.05em; color: #000;
}
h4{
margin:0; text-decoration: underline;
padding:0; padding-top:2px; padding-bottom: 3px; padding-left: 10px; 
font-size: 0.85em; color: #000;}



#gauche_h{
position: absolute;
left:0;
width: 1px;
background: #eaebdc;
}
#centre_h {
background-color:#e8e7d5;
margin-left: 1px;
margin-right: 175px;
}

#flv{
margin:0; 
padding-left:8px; padding-top: 4px; padding-bottom:3px; 
border-left: 1px solid #b71615;
}


.liste {
 margin-top:0;
 }
.liste li {
 background-image: url(images/puce1.gif);
 background-repeat: no-repeat;
 background-position: left center;
 list-style-type: none;
 padding-left: 15px;
 font-size:0.85em;
 }
 
.liste { margin-top:0;}

.liste_a{
margin:0px; padding:0px; 
margin-bottom:20px; margin-top: 20px;
margin-left: 70px; margin-right: 70px; 
padding-left: 80px; padding-top: 15px; padding-bottom: 15px;
border: 1px solid #000;
list-style: none;}

.liste_b li{
padding-left: 10px;
 font-size:0.85em;}
 
.coti table {
margin:0;
border-collapse: collapse; /* Colle les bordures entre elles */
font-size: 0.80em; color:#666666;
}
.coti th {text-align: left; padding:10px;/* Les cellules d'en-tête */}
.coti td{padding:10px;padding-right:5px;/* Les cellules normales */}

.img_left{float:left;}