body {
background-color:#000;
font-family:Verdana, Arial, Helvetica, sans-serif;
/*margin: 0 auto;*/
padding: 0;

}
*
h1 {font-family:Arial, Helvetica, sans-serif; font-size:20px; font-weight:bold; text-align:center;}
h2 {font-size:12px; font-weight:bold; color:#000;}
#conteneur {
position: relative;
background-color:#BDBDBD;
top:0px;
width: 940px;
margin: 0 auto;
padding: 10px 5px 1200px 5px;

}

/* Corp haut de page */
#haut_page {
height: 139px;
background-image:url(/picts/bando_index_2.jpg);
border:2px solid #cccc66;

}
/* Block sous banniere */
#sous_baniere{
font-family:Arial, Helvetica, sans-serif; 
font-size:10px; 
color:#000; 
padding:3px 0; 
background-color: #CCCC66; 
text-align:center;
margin-top:2px;
}

#sous_baniere_asrsve{
font-family:Arial, Helvetica, sans-serif; 
font-size:10px; 
font-weight:bold;
color:#000; 
padding:0px 0; 
background-color: #CCCC66; 
text-align:center;
margin-top:5px;
}

#sous_baniere span {
font-weight:bold; 
font-size:12px; 
margin-bottom:10px;
}
/* Block menu_haut */
#menu_englobe {
margin-left:0px;
margin-bottom:0px;
}
.menu_haut, .last_menu {
float:left;
width:148px;
margin-top:0px;
margin-right:10px;
margin-bottom:19px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#000;
background-color:#CCCC66;
text-align:center;
height:1.5em;
}

.menu_haut a, .last_menu a {
color:#000;
font-size:12px;

}

.last_menu {margin-right:0;
font-size:11px;
}

/* Menu Gauche */
#gauche {
position: absolute;
left:0;
width: 300px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
margin-left:10px;
}

#gauche_asrsve {
position: absolute;
left:0;
width: 300px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
margin-top:70px;
margin-left:10px;
}

.menugauche_photo, .menugauche_loisir, .menugauche_ok, .menugauche_conseil, .menugauche_service, .menugauche_admin, .menugauche_evenement  {
list-style-type: none;
margin: 0 0 5px 0;
padding:0;
border-left:2px ridge;
border-bottom:2px ridge;
border-right:1px solid;
border-top:1px solid;
}

.menugauche_photo {
border-color:#FFcc00;
padding:2px;
margin-bottom:15px;
}

.menugauche_loisir {
border-color:#FFcc00;
}

.menugauche_ok {
border-color:#FF3300;
}

.menugauche_conseil {
border-color:#7D9983;
}

.menugauche_service {
border-color:#00CC99;
}

.menugauche_admin {
border-color:#3333CC;
}
.menugauche_admin {
border-color:#3333CC;
}
.menugauche_ok li, .menugauche_loisir li, .menugauche_conseil li, .menugauche_service li, .menugauche_admin li, .menugauche_evenement li  { 
margin-bottom: 2px;
}

.menugauche_ok a, .menugauche_loisir a, .menugauche_conseil a, .menugauche_service a, .menugauche_admin a, .menugauche_evenement a  {
margin: 0 2px;
color: #000;
text-decoration: none;
margin-bottom: 3px;
}


/* titre des menu */
.titre_loisir {background-color:#FFcc00;}
.titre_ok {background-color:#ff3300;}
.titre_conseil {background-color:#7D9983;}
.titre_admin {background-color:#3333CC;}
.titre_service {background-color:#00CC99;}
.titre_evenement {background-color:#E7631C;} 

.titre_loisir a, .titre_ok a, .titre_conseil a, .titre_service a, .titre_admin a, .titre_evenement a { 
background-repeat:no-repeat;
padding-left:25px;
line-height:18px;
background-position: 1px;
color:#fff;
font-weight:bold;
}
.titre_loisir a:hover, .titre_ok a:hover, .titre_conseil a:hover, .titre_service a:hover, .titre_admin a:hover, .titre_evenement a:hover { 
color:#000;
}


.titre_loisir a {background-image:url(/picts/puces/fl_loisir.gif);}
.titre_ok a {background-image:url(/picts/puces/fl_ok.gif);}
.titre_conseil a { background-image:url(/picts/puces/fl_conseil.gif);}
.titre_admin a { background-image:url(/picts/puces/fl_administration.gif);}
.titre_service a { background-image:url(/picts/puces/fl_service.gif);}
.titre_evenement a { background-image:url(/picts/puces/fl_evenement.gif);}

.ligne_loisir a, .ligne_ok a, .ligne_conseil a, .ligne_service a, .ligne_admin a, .ligne_evenement a, .compteur {
background-repeat:no-repeat;
background-position:5px 4px;
padding-left:25px;
}

.ligne_loisir a{background-image:url(/picts/puces/puce_loisir.gif);}
.ligne_ok a{background-image:url(/picts/puces/puce_ok.gif);}
.ligne_conseil a{background-image:url(/picts/puces/puce_conseil.gif);}
.ligne_service a, .compteur {background-image:url(/picts/puces/puce_service.gif);}
.ligne_admin a{background-image:url(/picts/puces/puce_admin.gif);}
.ligne_evenement a{background-image:url(/picts/puces/puce_evenement.gif);}

.ligne_loisir a:hover{font-weight:bold; color:#FFcc00;}
.ligne_ok a:hover{font-weight:bold; color:#ff3300;}
.ligne_conseil a:hover{font-weight:bold; color:#7D9983;}
.ligne_admin a:hover{font-weight:bold; color:#3333CC;}
.ligne_service a:hover{font-weight:bold; color:#00CC99;}
.ligne_evenement a:hover{font-weight:bold; color:#E7631C;}

/* Corp de page centrale */ 
#centre {
margin-left: 310px; 
}

/* Block News */
#news  {
overflow : scroll ;
border:1px solid #C8F7F2;
background-color:#E8FAF8; 
height:535px;
}
#news span {
font-family:  Arial, Helvetica, sans-serif;
font-size:14px; 
font-weight:bold; 
color: #000;
line-height:2em;
padding-left:5px;
}

#news h1 {
font-family: Arial, Helvetica, sans-serif;  
font-size:12px; 
color: #000; 
margin:0;
text-align:left;
background-image:url(/picts//animations/roue.gif); 
background-repeat:no-repeat; 
background-position:3px 6px; 
padding:5px 3px 5px 18px;
background-color:#C8F7F2;
}

#news p {
font-family:Arial, Helvetica, sans-serif; 
line-height:1.2em;
font-size:12px;
padding:3px 3px; 
margin:0;
color:#333333;
}

#news p a {
font-weight:bold;
font-size:11px;
color:#333333;
}

#news p a:hover {
color:#FF0000;
}

#news img {margin-right:5px;}


/* Block contenu page asrsve */
p {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#000;
}
p a{color:#000;}
h2 {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
}
.loisir_page, ok_page, .admin_page, evenement_page {
width:80%;
margin-right:auto;
margin-left:auto;
font-family:Arial, Helvetica, sans-serif;
font-size:20px;
font-weight:bold;
text-align:center;
}
.loisir_page {color:#ffcc00;}
.ok_page {color:#ff3300;}
.admin_page {color:#3333CC;}

/*.corp_evenement{overflow : scroll ; height:470px;}*/
.corp_evenement img {border:1px solid; color:#E7631C;; padding:2px; margin-right:5px;}
.corp_evenement h1{color:#E7631C;}
.spacer_even {clear:both; heigth:1px; font-size:1px; margin:5px 0px}
.corp_ok img {border:1px solid #ff3300; padding:2px; margin-right:5px}



#admin img, #loisir img, #evenement img {
border:1px solid ;
padding:2px;
margin: 0 5px 0 0;
}
#admin img {border-color:#3333CC;}
#loisir img {border-color:#ffcc00;}
#evenement img {border-color:#E7631C;}

#loisir h1, #evenement h1, #admin h1 { width:90%; margin-left:auto; margin-right:auto;}
#loisir h1 {color:#ffcc00;}
#evenement h1 {color:#E7631C;}
/* Block Partenaires*/
.partenaire {
font-family:Arial, Helvetica, sans-serif; 
font-size:12px; 
color:#000000; 
font-weight:bold; 
margin:30px 0 35px 0;
padding:5px; 
border: 1px solid #333333; 
text-align:center;
}
.partenaire img {margin: 3px 5px; border:1px solid #000; padding:2px;}

#bailly, #san, #ffrs, #cg77, #sport {
position:absolute; 
height:auto; 
z-index:1; 
border:1px solid #000; 
padding:5px 15px; 
text-align:center; 
background-color:#CCCCCC; 
font-family:Arial, Helvetica, sans-serif; 
font-size:11px;
}
/*  Calendrier loisir*/
#dm, #ds, #cs, #cm, #vs, #smd {
position:absolute; 
top:300px;
width:250px; 
height:auto; 
border:3px solid #FFCC00;
background-color:#EFF0ED;
z-index:99; 
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#000;
text-align:center;
padding-right:2px;
}
#dm span, #ds span, #cs span, #cm span, #vs span, #smd span {
font-size:16px; 
color:#FFCC00;  
font-weight:bold;
}
#dm p, #ds p, #cs p, #cm p, #vs p, #smd p {
font-size:11px;}

#dm a, #ds a, #cs a, #cm a, #vs a, #smd a { 
text-decoration:underline;
color:#000;
padding-top:25px;
font-size:11px;
}

#dm img, #ds img, #cs img, #cm img, #vs img ,#smd img{
border:1px solid #ffcc00;
float:left;
margin: 2px;
padding: 2px;
}
 
/* Pied de page */
#pied {font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#000000;text-align:center; }
#pied a {font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#000000; margin-left:100px;}
#pied span {margin-left:100px;}

/* Block des tableau */
/*Tableau administratif adhesion*/
 .tab_adh_admin {border-bottom:1px solid #3333CC; width:514px;font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000;font-weight:bold; margin:10px 0;}
 .ligne_titre_adh_admin {text-align:center;}
 .cel1_adh_admin, .ligne_titre {border-top:1px solid #3333CC; border-left:1px solid #3333CC; border-right:1px solid #3333CC;  padding:3px 5px;  }
 .cel1_adh_admin {width:80%;text-align:left; padding:2px 5px; font-size:11px; font-weight:normal;}
 .cell2_adh_admin{width:20%;text-align:left; font-size:11px; font-weight:normal;border-top:1px solid #3333CC; border-right:1px solid #3333CC;  padding:3px 5px;}

/*Tableau Conseil choix roulements*/
#tablo_choix_rlt {float:left; margin-left:80px;}
.tab_choix_rlt {width:525px; border-right:1px solid #7D9983; border-bottom:1px solid #7D9983;}
.cel_titre_choix_rlt, .cel_texte_choix_rlt {width:33%; border-top:1px solid #7D9983; border-left:1px solid #7D9983; text-align:center; padding:3px 5px;font-family:Arial, Helvetica, sans-serif; font-size:11px;}
.cel_titre_choix_rlt { background-color:#7D9983; color:#FFFFFF; font-weight:bold;}
.cel_texte_choix_rlt { color:#000;}

/*Tableau Loisir entrainement*/
#tablo_loisir_entrainement {float:left; text-align:center; width:525px;margin-left:60px; margin-bottom:10px; }
#tablo_loisir_entrainement span {font-family:Arial, Helvetica, sans-serif; font-size:11px;color:#000;}
.line_loisir_entrainement, .title_loisir_entrainement, .title2_loisir_entrainement { font-family:Arial, Helvetica, sans-serif; font-size:11px; padding:3px 0;}
.line_loisir_entrainement {color:#000; }
.title_loisir_entrainement { font-weight:bold; color:#000; border-bottom:1px solid #fc0;}
.title2_loisir_entrainement {font-weight:normal; color:#FFF;}
.line_tab_loisr {background-color:#FEF4D9;}

/*Tableau Calendrier des matches OK*/
#tablo_result_champ {float:left; text-align:center; width:525px; margin-left:auto; margin-right:auto; margin-bottom:10px;}
#tablo_result_champ span {font-family:Arial, Helvetica, sans-serif; font-size:11px;color:#000;}
.line_result_champ, .title_result_champ, .title2_result_champ, .line_b_result_champ { font-family:Arial, Helvetica, sans-serif; font-size:10px; padding:3px 0;}
.line_result_champ {color:#000;}
.line_b_result_champ  {font-weight:bold;}
.title_result_champ { font-weight:bold; color:#000; font-size:11px;}
.title2_result_champ {font-weight:normal; color:#FFF;}

/*Tableau Resultat Championnat R1 */
.tablo_result_chmpt {float:left; text-align:center; width:525px; margin-left:auto; margin-right:auto; margin-bottom:10px;}
.tablo_result_chmpt span {font-family:Arial, Helvetica, sans-serif; font-size:11px;color:#000;}
.line_result_chmpt, .title_result_chmpt, .title2_result_chmpt { font-family:Arial, Helvetica, sans-serif; font-size:10px; padding:3px 0;}
.line_result_chmpt {color:#000;}
.title_result_chmpt { font-weight:bold; color:#000; font-size:11px;}
.title2_result_chmpt {font-weight:normal; color:#FFF;}

/*Tableau Entrainement OK */
.tablo_entrainement_ok {float:left; text-align:center; width:525px; margin-left:auto; margin-right:auto; margin-bottom:10px;}
.tablo_entrainement_ok span {font-family:Arial, Helvetica, sans-serif; font-size:11px;color:#000;}
.line_entrainement_ok, .title_entrainement_ok, .title2_entrainement_ok { font-family:Arial, Helvetica, sans-serif; font-size:11px; padding:3px 0;}
.line_entrainement_ok {color:#000;}
.title_entrainement_ok { font-weight:bold; color:#000;}
.title2_entrainement_ok {font-weight:normal; color:#FFF;}

/* Tableau Resultat senior bailly */
#tablo_resultat_senior {float:left; text-align:center; width:525px; margin-left:auto; margin-right:auto; margin-bottom:10px;}
#tablo_resultat_senior span {font-family:Arial, Helvetica, sans-serif; font-size:11px;color:#000;}
.line_resultat_senior, .title_resultat_senior, .title2_resultat_senior, .line_b_resultat_senior { font-family:Arial, Helvetica, sans-serif; font-size:10px; padding:3px 0; text-align:center;}
.line_resultat_senior {color:#000;}
.line_b_resultat_senior  {font-weight:bold;}
.title_resultat_senior { font-weight:bold; color:#000; font-size:11px;}
.title2_resultat_senior {font-weight:normal; color:#FFF;}

.tablo_entrainement_loisir {
float:left;
margin-right:10px;

font-family:Arial, Helvetica, sans-serif;
font-size:11px;
text-align:center;
}
.tablo_entrainement_loisir a {
font-weight:bold;
color:#000;
text-align:center;
}
.tablo_entrainement_loisir h2 {
text-align:left;
margin:10px 0 2px 5px;
}
.tablo_entrainement_loisir_vs a {
color:#f30;
}
/* Block d'espacement generique*/
.spacer {
height:10px;
font-size:1px;
}
.spacer_asrsve {
clear:both;
height:10px;
font-size:1px;
}

.clear {
clear:both;
height:1px;
font-size:1px;
}
.clear_space {
clear:both;
height:10px;
font-size:1px;
}


/* a supprimer ulterieurement*/ 
.corp,  .corp_admin, .corp_conseil, .corp_ok, .corp_service, .corp_evenement {float:left; font-family:Arial, Helvetica, sans-serif; font-size:12px; padding-right:3px; text-align:justify; padding-bottom:10px;}
.corp img, .corp_loisir img, .corp_admin img, .corp_conseil img, .corp_ok img, .corp_service img,  {border:0; float:left; margin-right:5px; margin-bottom:8px;}
.corp a, .corp_admin a, .corp_conseil a, .corp_ok a, .corp_service a, .corp_evenement a {font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#000; font-weight:bold;}
.corp h1, .corp_admin h1, .corp_conseil h1, .corp_ok h1, .corp_service h1, .corp_evenement h1 {font-size:20px; font-weight:bold; width:90%; margin-right:auto; margin-left:auto; text-align:center; margin-top:10px; margin-bottom:10px;}
.corp h2, .corp_admin h2, .corp_conseil h2, .corp_ok h2, .corp_service h2, .corp_evenement h2 { font-size:12px; font-weight:bold; margin:2px 0 5px 0;}
.corp_ok h2 a {background-image:url(/picts/puces/puce_ok.gif); background-repeat:no-repeat; padding-left:20px; background-position:5px 5px;
margin-right:20px;}
.corp h3, .corp_admin h3, .corp_conseil h3, .corp_ok h3, .corp_service h3, .corp_evenement h3 {clear:both; font-size:12px; font-weight:bold; margin:2px 0 5px 0; text-align:center;}
.corp h4, .corp_admin h4, .corp_conseil h4, .corp_ok h4, .corp_service h4, .corp_evenement h4  {font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#000000;}
.corp span, .corp_admin span, .corp_conseil span, .corp_ok span, .corp_service span, .corp_evenement h4  {font-size:16px; font-weight:bold;}
.corp_ok h1{color:#ff3300;}
/*.corp_evenement h1{color:#E7631C;}*/
.corp_conseil h1{color:#7D9983;}
.corp_admin h1{color:#3333CC;}
.corp_service h1{color:#00CC99;}



.titre_evenement_corp {color:#E7631C;font-family:Arial, Helvetica, sans-serif; font-size:11px;font-size:20px; font-weight:bold; width:90%; margin-right:auto; margin-left:auto; text-align:center; margin-top:10px; margin-bottom:10px;}
.corp_evenement h6, .corp_ok h6, .corp_loisir h6, .corp_admin h6, .corp_conseil h6 {clear:both; width:300px; height:1px; margin-top:0; margin-bottom:2px; padding-bottom:2px; padding-left:100px; margin-right:auto; margin-left:auto;}
.corp_evenement h6 {border-bottom:1px solid #E7631C}
.corp_conseil img {border:1px solid #7D9983; padding:2px;}

#pub {display:none; margin-bottom:10px; border:2px solid #ff3300; margin-left:80px;margin-right:80px;}

#album {width:580px;}
.vignette_album {float:left; width:126px; height:170px;  border:1px solid #E7631C; padding:2px; margin:0 5px 10px 0;}
.vignette_album p {text-align:center}
.vignette_album img {border:0;}


.tablo{
margin-left:80px;
}

#sondage {display:block; margin-top:35px; border:1px solid #ff3300; padding:2px;}