@charset "utf-8";
/* CSS Document */

/**************************reset CSS***************************/


/************************généralités**************************/

body {
margin: 0; 
background: url(../images/fondTrame.gif) repeat #eeeeee; font-family: Verdana, Geneva, sans-serif; font-size:12px; color: #444444;}
body a{font-weight: 600; color: #444444;}
body a:hover {font-weight: 600; color: #fb3d00;}
#wrapper {background: #fafafa; margin-top: 0; margin-left: auto; margin-right: auto; width: 960px;}


/*fin généralités*/

/************************header**************************/


#header { 
margin-top: 0; margin-bottom: 0; 
margin-left: auto;
margin-right: auto;
width: 960px;
height: 384px;
background:url(../images/tete.png) no-repeat;}
#table_header{width: 960px; height: 484px;}

#logo{float:left; padding-top: 20px; margin-top: 0; margin-left: 60px;}
#flash_footempo {float: right; margin: 0; padding-top: 59px; padding-right:44px;} 


/**********************les navigations du header**************************/


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

/**navigation 1**/

#nav1_table {width: 240px; height: 60px; margin-left: 53px;}

a.nav1_accueil{
display:block;
width:50px;
height:50px;
background:url(../images/accueil.png)  no-repeat;
}

a.nav1_accueil:hover{
display:block;
width:50px;
height:50px;
background:url(../images/accueil.png) no-repeat;
background-position:0 -50px;
}

a.nav1_acces{
display:block;
width:50px;
height:50px;
background:url(../images/acces.png) no-repeat;
}
a.nav1_acces:hover{
display:block;
width:50px;
height:50px;
background:url(../images/acces.png) no-repeat;
background-position:0 -50px;
}

a.nav1_infos{
display:block;
width:50px;
height:50px;
background:url(../images/infos.png) no-repeat;
}
a.nav1_infos:hover{
display:block;
width:50px;
height:50px;
background:url(../images/infos.png) no-repeat;
background-position:0 -50px;
}

a.nav1_contact{
display:block;
width:50px;
height:50px;
background:url(../images/contact.png) no-repeat;
}
a.nav1_contact:hover{
display:block;
width:50px;
height:50px;
background:url(../images/contact.png) no-repeat;
background-position:0 -50px;
}

/**navigation 2**/

#nav2_table {width: 435px; height:70px; margin-left: 60px;}
#nav2_texte {color: #dadada; font-weight: 600; padding-left: 5px;}
.clign {margin-top: 5px;}
.pasclign {margin-top: 10px;}

a.nav2_photos{
display:block;
width:50px;
height:50px;
background:url(../images/photos.png) no-repeat;
}

a.nav2_photos:hover{
display:block;
width:50px;
height:50px;
background:url(../images/photos.png)  no-repeat;
background-position:0 -50px;
}

a.nav2_videos{
display:block;
width:50px;
height:50px;
background:url(../images/videos.png) no-repeat;
}

a.nav2_videos:hover{
display:block;
width:50px;
height:50px;
background:url(../images/videos.png) no-repeat;
background-position:0 -50px;
}

a.nav2_tournois{
display:block;
width:50px;
height:50px;
background:url(../images/tournois.png) no-repeat;
}

a.nav2_tournois:hover{
display:block;
width:50px;
height:50px;
background:url(../images/tournois.png) no-repeat;
background-position:0 -50px;
}

a.nav2_tournoi_lance{
display:block;
width:50px;
height:50px;
background:url(../images/lance.gif) no-repeat;
}

a.nav2_tournoi_lance:hover{
display:block;
width:50px;
height:50px;
background:url(../images/lance.gif) no-repeat;
}


/*fin header*/
/************************corps**************************/

#corps{
margin-left: auto; margin-right: auto;
width: 960px;
min-height: 800px;

 background: url(../images/corps.png);}
#contenu {margin-left: 30%; margin-right: auto; width: 600px;/*background-color:#0F0*/}
.retour_haut {float: right; font-size: 9px; margin-right: 10%;}

/************************barre latérale**************************/

#barre-laterale 
{
margin-top: 0; float: left;
height: auto;
width: 300px;
/*background-color:#933;*/
color: #dadada;}

/***********************navigation 3 de la barre latérale*******************/

#navigation 
{ margin-top: 40px;
margin-left: 25px;
list-style: none;}


a.nav3_actus{
display:block;
width: 213px;
height:50px;
background:url(../images/actus.png) no-repeat;
}

a.nav3_actus:hover{
display:block;
width: 213px;
height:50px;
background:url(../images/actus.png) no-repeat;
background-position:0 -50px;
}

a.nav3_matchs{
display:block;
width: 213px;
height:50px;
background:url(../images/tournois_gauche.png) no-repeat;
}

a.nav3_matchs:hover{
display:block;
width: 213px;
height:50px;
background:url(../images/tournois_gauche.png) no-repeat;
background-position:0 -50px;
}

a.nav3_anniv{
display:block;
width: 213px;
height:50px;
background:url(../images/anniv.png) no-repeat;
}

a.nav3_anniv:hover{
display:block;
width: 213px;
height:50px;
background:url(../images/anniv.png) no-repeat;
background-position:0 -50px;
}

a.nav3_chercher{
display:block;
width: 213px;
height:50px;
background:url(../images/rechercher.gif) no-repeat;
}

a.nav3_chercher:hover{
display:block;
width: 213px;
height:50px;
background:url(../images/trouver.gif) no-repeat;
}


a.nav3_footensalle{
display:block;
width: 213px;
height:50px;
background:url(../images/footensalle.png) no-repeat;
}

a.nav3_footensalle:hover{
display:block;
width: 213px;
height:50px;
background:url(../images/footensalle.png) no-repeat;
background-position:0 -50px;
}

a.nav3_clublagord{
display:block;
width: 213px;
height:50px;
background:url(../images/clubf2.png) no-repeat;
}

a.nav3_clublagord:hover{
display:block;
width: 213px;
height:50px;
background:url(../images/clubf2.png) no-repeat;
background-position:0 -50px;
}





a.nav3_salle{
display:block;
width: 213px;
height:50px;
background:url(../images/salle.png) no-repeat;
}

a.nav3_salle:hover{
display:block;
width: 213px;
height:50px;
background:url(../images/salle.png) no-repeat;
background-position:0 -50px;
}

a.nav3_2x2{
display:block;
width: 213px;
height:50px;
background:url(../images/2x2.png) no-repeat;
}

a.nav3_2x2:hover{
display:block;
width: 213px;
height:50px;
background:url(../images/2x2.png) no-repeat;
background-position:0 -50px;
}

a.nav3_3x3{
display:block;
width: 213px;
height:50px;
background:url(../images/3x3.png) no-repeat;
}

a.nav3_3x3:hover{
display:block;
width: 213px;
height:50px;
background:url(../images/3x3.png) no-repeat;
background-position:0 -50px;}

a.nav3_clubhouse{
display:block;
width: 213px;
height:50px;
background:url(../images/clubhouse.png) no-repeat;
}

a.nav3_clubhouse:hover{
display:block;
width: 213px;
height:50px;
background:url(../images/clubhouse.png) no-repeat;
background-position:0 -50px;
}

a.nav3_boutique{
display:block;
width: 213px;
height:50px;
background:url(../images/boutique.png) no-repeat;
}

a.nav3_boutique:hover{
display:block;
width: 213px;
height:50px;
background:url(../images/boutique.png) no-repeat;
background-position:0 -50px;}


a.nav3_pratique{
display:block;
width: 213px;
height:50px;
background:url(../images/pratique.png) no-repeat;
}

a.nav3_pratique:hover{
display:block;
width: 213px;
height:50px;
background:url(../images/pratique.png) no-repeat;
background-position:0 -50px;
}

a.nav3_partenaires{
display:block;
width: 213px;
height:50px;
background:url(../images/partenaires.png) no-repeat;
}

a.nav3_partenaires:hover{
display:block;
width: 213px;
height:50px;
background:url(../images/partenaires.png) no-repeat;
background-position:0 -50px;
}

a.inscr {color: #fb3d00; text-decoration: none; font-size: 10px; font-weight: normal;}
a.inscr:hover {text-decoration: underline; color: #fb3d00; font-size: 10px; font-weight: normal;}


/*fin barre latérale*/

/************************contenu**************************/

/*les titres*/

.titre {padding-left: 26px; font-weight: 600; font-size:16px; font-variant:small-caps; text-align:left;}
.titre_bordure {padding-left: 26px; font-weight: 600; font-size:16px; font-variant:small-caps; text-align:left; 
border:1px solid #c9c9c9; background:#dfdfdf;}
.petit_titre { padding-bottom: 3px; padding-right: 10px; font-weight: 600; font-size:14px; color:#fb3d00; border-bottom: dotted 2px; text-align:left;}
.autre_petit_titre {padding: 1%; font-weight: 600; font-size:12px; color: #dadada; background-color:#21242A;}
.petit_titre_3{padding: 1%; text-align: center; font-weight: 600; font-size:12px; font-variant:small-caps; color:#FFF; border:1px solid #900;}
.petit_titre_4{padding: 1%; margin-left: 7%; text-align: center; font-weight: 600; font-size:12px; font-variant:small-caps; background: #c50b21; color:#FFF; border:1px solid #900;}
.annotation {font-size: 10px; font-style: italic; float: right; margin-right: 5%;}
.annotation_neutre {font-size: 10px;}
.annotation_rayures {font-size: 10px; background: url(../images/cellule_rayures.png);}


/*les paragraphes*/
.paragraphe { margin-left: 5%; padding-left: 6%;}
.retrait {padding-top: 2.5%; padding-left: 10%;}
.gras {font-weight: 600;}
.gras_orange {color:#fb3d00; font-weight: 600;}
.relief {color:#d90909; font-weight: 600;}
.soustitre {font-size: 10px; margin-left: 12.5px;}
.petit {font-size: 9px;}
.italique {font-style:italic; font-size:10px;}
.legende {font-size: 8.5px; font-style: italic;}
.liste {list-style: none; margin-bottom: 50px; margin-left: -20px; line-height:50px;}
.separation{background: url(../images/ligne_separation.png) center no-repeat;}
.ligne_separation {background: url(../images/ligne_separation.png) repeat-x;}
.panneau_lateral { color:#dadada; font-size: 10px; border:2px solid #111111; -moz-border-radius: 15px; -webkit-border-radius: 15px; background: #1a1a1a;}
.lateral_lien {padding-bottom: 15%;}
a.lateral_lien {color:#cdcdcd;text-decoration:none;}
a.lateral_lien:hover {color:#efefef;text-decoration:none;}
.fleche_orange {font-size: 8px; color: #fb3d00; font-weight: 600;}
.bordure_foncee {border:1px solid #21242A;}
.fond_liens {padding-left: 0.5%; margin-left: 1%; border-left:6px solid #c51b20; border-bottom:1px solid #c51b20;  }

/*les tableaux*/

.tableau {padding: 10px 0 10px 60px;}
.cellule_rayures {background: url(../images/cellule_rayures.png);}
.table_cadre { width: 525px;}
.texte_espacement { background: #fcfcfc; border:1px solid #dadada; -moz-border-radius: 15px; -webkit-border-radius: 15px;}

/*fin contenu*/

/************************pied**************************/

#pied {
margin-left: auto;
margin-right: auto;
width: 960px; 
height: 252px;
font-size: 11px;
color: #ffffff;
background: url(../images/pied.png) no-repeat;}

#pied a {color: #dadada; text-decoration: none;}
#pied a:hover { color: #ffffff;}
.pied_orange {color:#fb1d00;}


#pied-tableau {
width: 600px;
margin-top: ;
margin-left: 300px ;
}
.pied-tableau-cellule {padding-left: 5px;  border-left: 2px solid #dadada;}


/*fin pied*/

/*****************************les élém}ents spécifiques à une page*****************************/


/*les éléments spécifiques à la page FOOT EN SALLE*/
.table_images {margin-left: 7.5%;  width: 600;}

/*les éléments spécifiques à la page CLUBHOUSE*/
.table_clubhouse {margin-left: 50px; margin-right: 10px;}


/*les éléments spécifiques à la page BOUTIQUE*/

.table_boutique { font-size: 11px;}
.table_boutique_cellule {width: 175px; height: 150px; text-align: center; border: solid 1px #dadada;}
.table_boutique_legende {width: 175px; border: solid 1px #dcdcdc; padding-left: 5px; padding-right: 5px;}
.retrait_boutique {padding-top: 2.5%; padding-left: 7.5%;}
.prix {float: right; margin-right: 2%; color:#fb3d00; font-weight: 600;}


/*les éléments spécifiques à la page PRATIQUE*/

.table_tarifs {width: 500px; font-size: 11px;}
.table_tarifs_cellule {width: 125px; text-align:center;}
.table_tarifs_th {background:#efefef;}

/*les éléments spécifiques à la page PARTENAIRES*/

.table_partenaires {width: 500px; font-size: 11px;}
.table_partenaires_logo {width:150px; height: 90px; padding-left: 10px; margin-bottom: 20px; text-align:center; border-right:4px dotted #fb3d00; background:#f8f8f8;}
.table_partenaires_cellule {width:350px; height: 100px; text-align:left; padding-left: 10px; padding-top: 10px; margin-bottom: 20px;}
#sport2000 {border: 1px solid #cD3A20;}

/*les éléments spécifiques à la page MATCHSTOURNOIS*/

.galerie_element {padding: 5px; }
.table_tournois {margin-left: 50px;}


/*les éléments spécifiques à la page ACTUALITES & ANNIVERSAIRES*/

.actus {border:1px solid #ccc; padding: 5px; background: #fefefe; }
.actus_titre {font-size: 1.5em; font-style: italic; font-variant: small-caps; font-weight: bold; background: /*#ff4200*/#eaeaea; color: #444; padding: 5px 5px 5px 0; border: 1px solid #ccc; -moz-border-radius: 5px; }

/*les éléments spécifiques à la page PASSER UNE ANNONCE*/

.table_annonce { width: 500px; border-spacing: 10px;}
.table_annonce_gauche {width: 180px; height: 30px; background: #efefef; text-align: right; padding: 5px; vertical-align: middle; border: solid 1px #dadada;}
.table_annonce_droite {width: 320px; padding: 5px;}