/***********Titre page*******/
.titre_page{
background:#3f3f3f url(images/titre_page_rubrique_bg.png) top left no-repeat;
border-bottom:1px solid #dedddd;
margin:0;
padding:0;
display:block;
padding-top:22px;
padding-left:26px;
height:40px;
}

.colonne_unique .titre_page{
background:#3f3f3f url(images/titre_page_rubrique_bg2.png) top left no-repeat;
}

/***********Sous titre page*******/
.sous_titre_page{
background:#3f3f3f url(images/titre_page_bg.png) top left repeat-x;
border-bottom:1px solid #dedddd;
margin:0;
padding:0;
margin-top:-1px;
display:block;
padding-top:15px;
padding-left:26px;
height:35px;
text-align:left;
color:#d5d3d3;
font-size:0.875em;
}

.sous_titre_rubrique{
display:block;
padding-top:40px;
padding-bottom:10px;
font-size:0.875em;
}

.sous_titre_rubrique_suite{
padding-top:20px;
}

.sous_titre_page .date{
padding-left:50px;
}

/********Sous sous titre page*********/
.sous_sous_titre_page{
margin-top:30px;
margin-bottom:20px;
}


/***********Sous rubrique************/
.sous_rubriques{
background:#3f3f3f url(images/titre_page_bg.png) top left repeat-x;
border-bottom:1px solid #dedddd;
margin:0;
padding:0;
margin-top:-1px;
display:block;
padding-top:15px;
padding-left:26px;
height:35px;
text-align:left;
color:#d5d3d3;
}

.sous_rubriques li{
display:inline;
padding:0;
margin:0;
background:transparent url(images/separation.png) center right no-repeat;
padding-left:20px;
padding-right:20px;
font-size:1.20em;
}

.sous_rubriques li.dernier{
background:none;
padding-right:0px;
}

.sous_rubriques li.premier{
padding-left:0px;
}

.sous_rubriques li img{
margin:0;
}

.sous_rubriques .on{
display:none;
}

.sous_rubriques .visible .off{
display:none;
}

.sous_rubriques .visible .on{
display:inline;
}

.sous_rubriques a:hover .on{
display:inline;
}

.sous_rubriques a:hover .off{
display:none;
}

/*************Texte***********/
div.texte{
padding-left:26px;
padding-right:26px;
}

div.texte_rubrique{
padding-left:60px;
padding-right:60px;
}

div.texte_rubrique_suite{
padding-bottom:40px;
}

div.texte_rubrique p{
color:#777777;
}

div.texte_rubrique strong{
color:#2a2a2a;
}

div.texte_rubrique a{
color:#DC0E1C;
text-decoration:underline;
}

div.texte_rubrique td{
color:#2a2a2a;
}

div.texte_rubrique li{
list-style: url(images/li_puce.png) circle;
}

/*************Resultats*******************/

table.resultats{
width:600px;
margin-left:auto;
margin-right:auto;
margin-top:50px;
margin-bottom:50px;
}

table.resultats td{
padding:0;
height:59px;
border:none;
}

table.resultats .resultats_date{
width:109px;
background:transparent url(images/resultats_date_bg.png) top left no-repeat;
font-weight:bold;
font-size:0.75em;
}

table.resultats .resultats2 .resultats_date{
background:transparent url(images/resultats_date2_bg.png) top left no-repeat;
}

table.resultats .resultats_equipes{
background:transparent url(images/classement_equipes_bg.png) top right no-repeat;
padding-right:22px;
}

table.resultats .resultats_equipes .competition{
display:block;
font-size:0.75em;
}

table.resultats .resultats_score{
background:transparent url(images/classement_score_bg.png) top right no-repeat;
color:white;
text-align:center;
padding-right:22px;
}

table.resultats .resultats_score span{
font-size:0.75em;
}

table.resultats .resultats_bouton{
width:49px;
}

.resultats_bouton .resume img{
margin:0;
margin-left:15px;
width:29px;
height:29px;
background:transparent url(images/resultats_bouton_resume.png) top left no-repeat;
}

.resultats_bouton .resume:hover img{
background:transparent url(images/resultats_bouton_resume.png) bottom left no-repeat;
}

.resultats_bouton .photos img{
margin:0;
width:29px;
height:24px;
background:transparent url(images/resultats_bouton_photos.png) top left no-repeat;
}

.resultats_bouton .photos:hover img{
background:transparent url(images/resultats_bouton_photos.png) bottom left no-repeat;
}


/************Sous rubrique**************/

div.sous_rubrique{
display:block;
}

div.visible{
display:block;
}

/***********Match************/

table.resume_match td{
border:none;
line-height:100%;
text-align:left;
font-size:0.8125em;
padding-top:14px;
padding-bottom:14px;
}

table.resume_match td.match_equipe_logo{
width:100px;
height:100px;
text-align:center;
padding-left:50px;
padding-right:50px;
vertical-align:middle;
font-size:0.8125em;
}

table.resume_match td.match_equipe_logo img{
margin:0;
}

table.resume_match td.match_equipe_nom{
color:#919191;
font-weight:bold;
font-size:0.8125em;
padding-top:4px;
padding-bottom:10px;
text-align:center;
}

table.resume_match td.match_contre{
width:40px;
background:transparent url(images/contre_bg.png) top center repeat-y;
}

table.resume_match td.match_equipe_score{
font-size:2.5em;
font-weight:bold;
padding-bottom:10px;
padding-top:0px;
text-align:center;
}

table.resume_match td.gagnant{
color:#EB1E2A;
}

table.resume_match td.intitule{
vertical-align:top;
}

table.resume_match td.match_equipe_buteur{
vertical-align:top;
}

table.resume_match td.match_equipe_liste_buteur{
line-height:1.5em;
padding-top:0px;
}

p.match_lien{
font-size:0.875em;
font-weight:bold;
}

p.match_lien a{
color:#DC0E1C;
}

p.match_lien a:hover{
color:#777777;
}

table.resume_match td.match_details{
text-align:center;
padding:0;
}

table.resume_match td.match_tiret{
background:transparent url(images/resume_tiret.png) center center no-repeat;
}

/***********Bloc contenu**********/

.bloc_texte_top{
background:transparent url(images/bloc_texte_top.png) top left no-repeat;
min-height:146px;
padding:18px 18px 12px 18px;
width:633px;
margin-left:auto;
margin-right:auto;
}

.bloc_texte_bottom{
background:transparent url(images/bloc_texte_bottom.png) top left no-repeat;
height:6px;
clear:both;
font-size:6px;
line-height:6px;
width:669px;
margin-left:auto;
margin-right:auto;
margin-bottom:30px;
}

/**************Photos********/
ul.photos{
display:block;
margin:0;
padding:0;
margin-top:20px;
margin-bottom:20px;
}

ul.photos li{
display:block;
margin:0;
padding:0;
float:left;
width:23%;
margin-right:2%;
text-align:center;
padding-bottom:20px;
}

ul.photos li a:hover img{
border:1px solid #9F9F9F;
}

ul.photos li.nettoyeur{
padding:0;

}

ul.photos li img{
padding:5px 5px 5px 5px;
background:white;
border:1px solid #dedede;
cursor:pointer;
}

.photo_titre{
display:block;
text-align:left;
text-decoration:none;
color:#2C2C2C;
}

.photo_descriptif{
display:block;
text-align:left;
text-decoration:none;
padding-top:6px;
padding-bottom:6px;
color:#888788;
}

ul.photos a:hover .photo_titre,ul.photos a:hover .photo_descriptif{
color:#DC0E1C;
}

/********Documents***************/
ul.documents{
display:block;
margin:0;
padding:0;
margin-top:20px;
margin-bottom:20px;
}

ul.documents li{
display:block;
margin:0;
padding:0;
float:left;
width:290px;
min-height:100px;
padding-bottom:20px;
text-align:left;
line-height:180%;
}

ul.documents li.droite{
float:right;
}

ul.documents li a{
display:block;
padding-left:60px;
min-height:90px;
padding:5px 5px 5px 5px;
border:1px solid #dedede;
margin-left:auto;
margin-right:auto;
color:black;
}

ul.documents li a:hover{
border:1px solid #9F9F9F;
}

ul.documents li a:hover span{
background-color:#ECECEC;
}

ul.documents li a span{
display:block;
padding-left:60px;
min-height:75px;
padding:5px 10px 10px 70px;
margin-left:auto;
margin-right:auto;
background-position:5px 5px;
background-repeat:no-repeat;
background-color:#F5F5F5;
cursor:pointer;
}

ul.documents li a span strong{

}

ul.documents li.nettoyeur{
height:1px;
padding:0;
line-height:1px;
font-size:1px;
min-height:0px;
float:none;
clear:both;
}

/**********Videos********/
div.video{
padding-bottom:20px;
}

/****************Classement************/

table.classement{
margin-top:30px;
margin-bottom:30px;
border-left:13px solid white;
}

table.classement th{
border:none;
padding:0;
padding-top:20px;
vertical-align:top;
height:64px;
}

table.classement td{
height:37px;
border:none;
padding:0;
border-top:0px solid #8F8F8F;
}

table.classement th.equipe{
background:transparent url(images/classement_equipes_bg.png) top right no-repeat;
}

table.classement th.place{
background:transparent url(images/resultats_date_bg.png) top left no-repeat;
}

table.classement th.points{
background:transparent url(images/classement_score_bg.png) top left no-repeat;
color:white;
}

table.classement th.difference{
background:transparent url(images/classement_score_bg.png) top right no-repeat;
padding-right:20px;
}

table.classement td.place{
width:40px;
font-size:0.8125em;
font-weight:bold;
}

table.classement td.equipe{
width:275px;
font-size:0.8125em;
}

table.classement td.points{
width:40px;
font-size:0.8125em;
}

table.classement td.points span{
font-size:0.8125em;
}

table.classement td.points{
color:#7F7F7F;
}

table.classement td.points_gras{
color:black;
width:60px;
}

table.classement tr.relief td{
background:#CFCFCF;
}

table.classement tr.normal td{
background:#EFEFEF;
}

table.classement tr td.difference{
background-image:url(images/classement_difference_bg.png);
background-position:top right;
background-repeat:repeat-y;
padding-right:20px;
}

table.classement tr.mulhouse td{
color:#DC0E1C;
font-weight:bold;
}

/*****************Effectif****************/

div.effectif{
margin-top:20px;
margin-bottom:20px;
position:relative;
min-height:180px;
}

div.effectif_gardien{
background:transparent url(images/effectif_gardien_bg.png) top left no-repeat;
}

div.effectif_defenseur{
background:transparent url(images/effectif_defenseur_bg.png) top left no-repeat;
}

div.effectif_attaquant{
background:transparent url(images/effectif_attaquant_bg.png) top left no-repeat;
}

div.effectif_staff{
background:transparent url(images/effectif_staff_bg.png) bottom center no-repeat;
}

div.effectif ul{
display:block;
margin-left:320px;
width:380px;
}

div.colonne_droite div.effectif ul{
margin-left:0px;
width:215px;
margin-top:0px;
margin-bottom:0px;
}

div.colonne_droite div.effectif{
margin-top:0px;
margin-bottom:0px;
padding-top:80px;
padding-left:30px;
padding-right:30px;
padding-bottom:260px;
}

div.colonne_droite div.effectif h2{
display:block;
position:relative;
float:right;
width:100px;
top:auto;
left:auto;

}

div.effectif ul li{
padding:0;
margin:0;
display:block;
margin-left:20px;
margin-right:20px;
margin-top:20px;
margin-bottom:20px;
float:left;
width:62px;
position:relative;
font-size:0.75em;
}

div.effectif_mouvement ul li{
padding:0;
margin:0;
display:block;
margin-left:20px;
margin-right:20px;
margin-top:20px;
margin-bottom:20px;
float:none;
width:200px;
position:relative;
font-size:0.75em;
}

div.effectif_mouvement ul li img{
display:none;
}


div.effectif ul li a{
color:#525355;
}

div.colonne_droite div.effectif ul li a{
color:#919295;
}

div.effectif ul li.premier{
margin-left:0px;
}

div.effectif ul li.dernier{
margin-right:0px;
}

div.effectif h2{
display:block;
position:absolute;
left:120px;
top:40px;
}

div.effectif .nettoyeur_effectif{
clear:both;
float:none;
width:auto;
height:1px;
line-height:1px;
margin:0;
padding:0;
font-size:1px;
display:block;
}

div.colonne_droite div.effectif h2{
position:static;
float:none;
left:0;
top:0;
clear:both;
padding:0;
margin:0;
}

.effectif_numero{
display:block;
width:68px;
height:50px;
padding-right:2px;
padding-top:20px;
text-align:center;
position:absolute;
bottom:-42px;
left:-28px;
background:transparent url(images/effectif_numero_bg.png) top left no-repeat;
}

.effectif_fonction{
font-style:italic;
display:block;
}

.effectif_infos li img{
margin:0;
}

div.effectif_fiche{
display:none;
width:300px;
}

.fancy_effectif div#fancy_div{
background:#565656;
color:white;
}

.fancy_effectif div#fancy_bg{
background-color:#565656;
}

.fancy_effectif div#fancy_div ul{
margin:0;
padding:0;
margin-left:174px;
padding-right:10px;
}

.fancy_effectif div#fancy_div li{
margin:0;
padding:0;
display:block;
float:none;
text-transform:uppercase;
font-size:0.75em;
padding-top:3px;
padding-bottom:3px;
}

.fancy_effectif div#fancy_div li img{
margin:0;
}

.fancy_effectif div#fancy_div .effectif_numero{
top:20px;
left:-35px;
bottom:auto;
}

.fancy_effectif div#fancy_div .effectif_pays{
display:block;
width:71px;
height:71px;
text-align:center;
position:absolute;
top:10px;
right:10px;
}

.fancy_effectif div#fancy_div .effectif_pays img{
display:block;
}

.fancy_effectif .effectif_fiche_photo{
width:150px;
float:left;
min-height:150px;
margin-left:8px;
}

.fancy_effectif div#fancy_div h3{
margin-left:8px;
margin-top:0px;
}

.fancy_effectif div#fancy_div ul.photos{
margin-left:0px;
padding-right:0px;
}

.fancy_effectif div#fancy_div ul.photos li{
width:120px;
float:left;
}

.fancy_effectif div#fancy_div ul.documents{
margin-left:0px;
padding-right:0px;
padding-top:20px;
}

.fancy_effectif div#fancy_div ul.documents li{
width:100%;
float:left;
}

.fancy_effectif div#fancy_div ul.documents li a{
background:white;
width:280px;
margin-left:auto;
margin-right:auto;
}


/*********Rubrique partenaires************/

ul.liste_partenaires_rubrique{
padding-top:22px;
padding-bottom:22px;
}

ul.liste_partenaires_rubrique li{
padding:0;
margin:0;
width:205px;
height:150px;
float:left;
text-align:center;
margin-top:10px;
margin-bottom:10px;
list-style: none;
position:relative;
}

ul.liste_partenaires_rubrique li.nettoyeur{
float:none;
position:static;
height:1px;
}

ul.liste_partenaires_rubrique li img{
position:absolute;
top:50%;
left:50%;
}

/**************Plan*************/
ul.plan{
padding-top:22px;
padding-bottom:22px;
}

/*******Contact**********/

.element_formulaire{
text-align:left;
margin-top:15px;
margin-bottom:15px;
}

.element_formulaire table{
margin-top:0px;
margin-bottom:0px;
}

.element_formulaire table td{
text-align:left;
border:none;
}

#txt_securite{
text-transform:uppercase;
font-size:125%;
}

.antispam table td table td{
vertical-align:middle;
padding-right:40px;
background:transparent url(images/fleche.gif) center right no-repeat;
}

.antispam td img{
display:block;
}

#div_submit{
text-align:center;
padding-top:22px;
}

#bouton_submit{
border:none;
padding:0;
margin:0;
width:100px;
height:30px;
background:transparent url(images/submit.png) top left no-repeat;
}

#bouton_submit:hover{
background:transparent url(images/submit.png) bottom left no-repeat;
}

.champs_erreur{
border:1px solid #DC0E1C;
background:#ffeded url(images/input_erreur_bg.png) top center repeat-x;
}

#erreur,#envoi{
width:500px;
margin-left:auto;
margin-right:auto;
margin-top:20px;
margin-bottom:20px;
background:#FFEDED;
padding:8px 8px 8px 8px;
border:2px solid #DC0E1C;
color:#243A34;
font-size:0.875em;
line-height:140%;
}

#envoi{
padding:32px 8px 32px 8px;
margin-top:40px;
margin-bottom:40px;
}

#erreur span,#envoi span{
font-weight:bold;
}
