body{
margin:0;
paddin:0;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 12px;
}

img{
border:0;
}


.base{

border:1px solid #000000;
background-color:white;
padding-top:206px;
margin:0;
background:url(../images/bandeau.png);
background-repeat:no-repeat;
background-color:white;
}


h2{
font-size:16px;
font-weight:bold;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
color:red;
}

h3{
font-size:14px;
color:black;
font-weight:bold;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

h4{
background-color:black;
font-size:14px;
font-weight:bold;
color:white;
padding:4px;
}

h5{
background-color:#FFF200;
padding:5px;
font-size:12px;
}

h6{
font-size:15px;
color:red;
}

p{
text-align:justify;
}

.menu_onglet{
margin:0;
padding:0;
line-height:normal;
}

.menu_onglet li{
float:left;
margin-top:-1px;
background:url("../images/onglet.png");
list-style-type:none;
}

.menu_onglet li a{
float:left;
display:block;
background:url("../images/onglet_droit.png") ;
background-repeat:no-repeat;
background-position:right top;
padding:5px 15px 6px 15px;
text-decoration:none;
font-weight:bold;
color:#FFEC19;
}

.menu_onglet li a:hover{
color:red;
}

.image_texte{
margin-right:5px;
float: left;
}

/*GESTION DES PUCES POUR HISTORIQUES*/
.liste_n1 li{
margin:10px;
}

.tableau_article{
font-size:12px;
border-collapse : collapse;
width:100%;
}

.tableau_article tr td{
border: 1px solid black;
}

.tableau_article_titre{
color:white;
text-align:center;
font-weight:bold;
background-color:black;
font-size:14px;
}

.tableau_article_titre td{
padding:8px;
}

.gris_tableau{
background-color:#B2B2B2;
}
/*GESTION DU FORMULAIRE*/


#formulaire {
    list-style-type:none;
  }


#formulaire label {
    width:130px;
    text-align:right;
    display:block;
    float:left;
    margin:4px 10px 3px;
    font-weight:bold;
    font-size:12px;
    color:white;
  }


#formulaire input,select,textarea {
    font-size:14px;
    width:310px;
    border : 1px solid #cccccc;
    background-color: #FFF6CD;
  }


#formulaire textarea {
    height:200px;
  }


#formulaire li {
    display:block;
    clear:both;
    margin:10px;
    padding:4px 0;
  }


/*LES NEWS*/


.zone_news{
background:url(../images/fond_news.png);
background-repeat:repeat-y;
background-position:top left;
margin-left:5px;
}

.photo_news{
background:url(../images/fond_news_photo.png);
background-repeat:no-repeat;
margin-left:10px;
width:121px;
height:119px;
}

.photo_news img{
margin:7px;
width:101px;
height:100px;
}

.zone_news p{
padding-bottom:20px;
}

.zone_news_gauche {
width:175px;
float:left;
}

.zone_news_droite {
float:left;
width:360px;
border-bottom:1px solid #cccccc;
}


/*LA GALERIE*/
.galerie_photo{
background:url(../images/diapo.png);
background-repeat:no-repeat;
width:241px;
height:190px;
float:left;
margin:20px 24px 0 24px;
}

.galerie_photo img{
width:198px;
height:110px;
margin-top:25px;
margin-left:10px;
border:0;
}

.galerie_photo div{
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
text-align:center;
font-size:11px;
font-weight:bold;
margin-right:20px;
margin-top:25px;
}

.vignette_diapo{
border:1px solid black;
width:150px;
height:110px;
margin:10px;
float:left;
}

.vignette_diapo img{
width:140px;
height:100px;
margin-top:6px;
margin-left:5px;
}

/*LE MENU*/

ul.le_menu {
    list-style-type: none;
    width: 100%;
    /* précision pour Opera */margin:0;
    margin:0;
    padding:0;
    font-size:11px;

  }


ul.le_menu li {
    float: left;
border-right:1px solid black;
  }


ul.le_menu a {
    float: left;
    margin-left: 0px;
    padding: 8px;padding-left:13;padding-right:13;
    text-align: center;
    text-decoration: none;
    color: white;font-weight:bold;
  }


ul.le_menu a:hover {
    background: #cccccc;
    /*background-color:white;*/
background:url(../images/objets-flammes-4.gif);background-position:0px -60px;
color:#FFEA00;
  }

.menu_combat{
list-style-type:none; /* on enlève la puce */
margin: 20px 0 40px 0; /* on retire les marges intérieures et extérieures */
padding:0;
}


.menu_combat li a{
text-align:center;
font-family : Verdana,Geneva,Arial,Helveticaf;
font-weight:bold;
font-size : 14px;
margin:0;
width:100%;
height:90px;
display: block;
text-align:center;
text-decoration:none;
color:black;
border-bottom:1px solid black;
}

.menu_combat li a span{
display:none;
}

.menu_combat_judo a{
background:url(../images/menu_discipline.jpg);background-position:-8px 0px;
}
/*.menu_combat_judo a:hover{
background-position:-8px 0px;
}*/

.menu_combat_mma a{
background:url(../images/menu_discipline.jpg);background-position:-8px -91px;
}
/*.menu_combat_mma a:hover{
background-position:-8px -91px;
}*/

.menu_combat_muay a{
background:url(../images/menu_discipline.jpg);background-position:-8px -180px;
}
/*.menu_combat_muay a:hover{
background-position:-8px -180px;
}*/

.menu_combat_grappling a{
background:url(../images/menu_discipline.jpg);background-position:-8px -270px;
}
/*.menu_combat_grappling a:hover{
background-position:-8px -270px;
}*/

.menu_combat_lutte a{
background:url(../images/menu_discipline.jpg);background-position:-8px -362px;
}
/*.menu_combat_lutte a:hover{
background-position:-8px -362px;
}*/

.menu_combat_cours a{
background:url(../images/menu_discipline.jpg);background-position:-8px -450px;
}
/*.menu_combat_cours a:hover{
background-position:-8px -450px;
}*/


.menu_gym a{
background:url(../images/menu_discipline.jpg);background-position:-8px -635px;
}


.menu_combat_planning a{
background:url(../images/menu_discipline.jpg);background-position:-8px -540px;
}
/*.menu_combat_planning a:hover{
background-position:-8px -540px;
}*/

/*---------------TABLEAU DE DISCIPLINE-------------------*/
.tableau{
font-family : Verdana,Geneva,Arial,Helveticaf;
font-size : 12px;
border-collapse : collapse;
margin-top:20px;
font-size:10px;
width:100%;
}

.tableau tr td {
padding:10px 3px 10px 3px;
border:1px solid black;
text-align:center;
}

.titre_tableau{
background-color:black;
color:white;
font-weight:bold;
}

.en_gris{
background-color:#cccccc;
}

.en_rouge{
background-color:red;
}

.en_bleu{
background-color:#93CEFF;
}

.en_violet{
background-color:#FF5EEF;
}

.en_jaune{
background-color:#FFF531;
}

.en_vert{
background-color:#6AFF41;
}

.en_bleu_fonce{
background-color:#728CFF;
}

.en_fond_bleu_fonce_et_noir_gras{
background-color:#6AFF41;
color:black;
font-weight:bold;
}

.en_fond_vert_et_noir_gras{
background-color:#728CFF;
color:black;
font-weight:bold;
}

.en_fond_bleu_et_noir_gras{
background-color:#93CEFF;
color:black;
font-weight:bold;
}

.en_fond_bleu_et_noir_gras{
background-color:#93CEFF;
color:black;
font-weight:bold;
}

.en_fond_rouge_et_noir_gras{
background-color:red;
color:black;
font-weight:bold;
}

.en_fond_jaune_et_rouge_gras{
background-color:#E9FF22;
color:red;
font-weight:bold;
}

.en_fond_violet_et_noir_gras{
background-color:#FF5EEF;
color:black;
font-weight:bold;
}

.en_fond_noir_et_rouge_gras{
background-color:black;
color:red;
font-weight:bold;
}

.telechargement{
margin-bottom:20px;
}

.carte_staff{
background:url(../images/carte_staff.png);
width:658px;
height:308px;
margin-bottom:2px;
margin-left:4px;
}

.carte_staff_photo{
width:95px;
float:left;
margin-left:72px;
margin-top:21px;
}

.carte_staff_texte{
float:left;
margin-left:38px;
margin-top:15px;
}

.carte_staff h2{
margin:15px 0 25px 0;
}

.carte_staff h3{
margin:0;
}

.carte_fighter{
background:url(../images/carte_fighter.png);
width:658px;
height:308px;
margin-bottom:2px;
margin-left:4px;
}


.carte_fighter_photo{
width:95px;
float:left;
margin-left:72px;
margin-top:20px;
}


.carte_fighter_texte{
float:left;
margin-left:38px;
margin-top:10px;
}

.carte_fighter h2{
margin:14px 0 25px 0;
}

.carte_fighter h3{
margin:0;
padding:0;
}

.carte_fighter p{
margin:0;
font-size:11px;
}

.bandeau_droit_photo img{
border:0px;
width:190px;
margin-left:5px;
margin-bottom:5px;
}

.barre_adresse{
font-size:12px;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
text-align:right;
margin-bottom:20px;
margin-top:20px;
}

.le_lien a{
color:black;
text-decoration:none;
}

.le_lien a:hover{
color:red;
}

.maillot{
margin-left:130px;
}

.tableau_boutique{
width:100%;
border-collapse:collapse;
border : 1px solid black;
margin-top:40px;
margin-bottom:40px;
font-size:12px;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

.tableau_boutique tr td{
padding:5px;
text-align:center;
border:1px solid black;
}

.titre_tableau_boutique{
font-weight:bold;
color:red;
}