/*#####################################################*/
/* Le body
/*#####################################################*/
.le_body
{
}

img {margin:0px;padding:0px;}
:focus{outline-style:none;}
/*#####################################################*/
/* Tableau qui englobe tout le site
/*#####################################################*/
.tableau_du_site
{
	
}

.ColonneExtremeGauche
{

}

.tableau_du_site_colonne_extreme_droite
{
	vertical-align:top;
	padding-left:0px;
	padding-right:0px;
	padding-top:0px;
	padding-bottom:0px;
	background-color : #FFFFFF;
}
.tableau_du_site_colonne_extreme_droite_div_qui_suit_le_scroll_IE
{

}
.tableau_du_site_colonne_extreme_droite_div_qui_suit_le_scroll_PAS_IE
{
	position:fixed;
}

/*#####################################################*/
/* Tableau général de l'index
/*#####################################################*/
.TableauGeneralIndex
{
	border: 0px;
	background:url(../../images/global/bg_page_content.gif) no-repeat 0px -3px;
	padding-bottom:60px;
}

.Hauteur1erLigneTableauGeneralIndex
{
	padding:0px;
	margin : 0px;
	line-height: 10px;
	/*background-color : #FFFFFF;*/
}
/*#####################################################*/
/* Tableau qui englobe le menu de navigation
/*#####################################################*/
.menu_tableau
{
	padding-right:300px;
	padding-top:5px;
}

/*#####################################################*/
/* EspaceAvantColonneGauche
/*#####################################################*/

.EspaceAvantColonneGauche
{
	
}

/*#####################################################*/
/* EspaceApresColonneDroite
/*#####################################################*/

.EspaceApresColonneDroite
{
	
}

/*#####################################################*/
/* Colonne de separation entre colonne centre et droite
/*#####################################################*/

.EspaceEntreColonneGaucheEtCentre
{
	
}


/*#####################################################*/
/* Colonne de separation entre colonne centre et droite
/*#####################################################*/

.EspaceEntreColonneDroitEtCentre
{
	
}

/*#####################################################*/
/* Colonne qui contient les modules de gauche
/*#####################################################*/

.module_site_gauche
{
	padding-top:445px;
	background:url(../../images/global/bg_module_site_gauche.png) no-repeat 0px 230px;
}

/*#####################################################*/
/* Colonne qui contient les modules de droite
/*#####################################################*/

.module_site_droite
{
	padding-top:150px;
}


/*#####################################################*/
/* Style de la barre de navigation
/*#####################################################*/
/*----------------------------------------------------*/
/* Style de la police du lien de navigation courant
/*----------------------------------------------------*/
td.navigation_haut {
	font-family: Verdana, Arial;
	font-size: 10px;
	font-weight:normal;
	color: #384792;
	padding-left:15px;
	padding-top:10px;
	padding-right:0px;
	padding-bottom:5px;
}
/*----------------------------------------------------*/
/* Style de la police du lien de navigation 
/* de la branche ascendante !!!
/*----------------------------------------------------*/
a.chemin:link,a.chemin:visited,a.chemin:active,a.chemin:hover
{
	font-family: Verdana, Arial;
	font-size: 10px;
	text-decoration: underline;
	text-transform: none;
	color: #000000;
}

/*#############################################################*/
/* Style du titre de la page dans le cas avec pointillés
/* L'image doit être réalisée en taille 650 pixel avec une partie blanche
/*############################################################*/

.titre_page
{
	
	background:url(../../images/global/bg_titre_page.png) no-repeat bottom right;
	font-family: Arial;
	font-size: 15px;
	text-align: right;
	text-transform:uppercase;
	font-weight:bold;
	color: #fff;
	padding-top: 	200px;
	padding-bottom: 10px;
	padding-right:30px;
	top:1px;
	position:relative;
}

.fstitre {
	background:url(../../images/global/bg_titre_page.png) no-repeat bottom left;
	font-family: Arial;
	font-size: 15px;
	text-align: right;
	text-transform:uppercase;
	font-weight:bold;
	color: #fff;
	padding-top: 	200px;
	padding-bottom: 10px;
	padding-right:30px;
	top:1px;
	position:relative;
	width:500px;
	overflow:hidden;
}


.titre_pointille
{
	background-image: url('http://www.zsport.fr/images/pointilles_bleu_verticaux_.gif');
	line-height: 1px;
}

.trait_sous_titre
{
	background-image: url('http://www.zsport.fr/images/pointilles_bleu_verticaux_.gif');
	height: 1px;
}

.pointille
{
	background-image: url('http://www.zsport.fr/images/pointilles_bleu_verticaux_.gif');
}	


/*#####################################################*/
/* Style des paragraphes
/*#####################################################*/
/*----------------------------------------------------*/
/* Paragraphes de type "text"
/*----------------------------------------------------*/
.paragraphe, .texte, .formulaire
{
	font-size: 12px;
	font-family: Verdana, Arial;
	background: #232121;
	color: #ffffff;
	padding-left: 	25px;
	padding-right: 	25px;
	padding-top: 	0px;
	padding-bottom: 0px;
	margin:0px;
}

.texte {
	width:496px;
}

.TableauParagrapheImage
{
	padding-left: 	25px;
	padding-right: 	25px;
}

.paragraphe_image {

	border-left-width:		15px;
	border-right-width:		15px;
	border-bottom-width:	5px;
	border-top-width:		0px;	
	border-left-color:#ffffff;
	border-right-color:#ffffff;
	border-bottom-color:#ffffff;
	border-top-color:#ffffff;
}

.LegendePhotoParagraphe
{
	font-size: 10px;
	font-family: Verdana, Arial;
	font-style:italic;
	color: #fff;
	text-align: center;
	padding-top:5px;
}


/*----------------------------------------------------*/
/* Paragraphes de type "titre"
/*----------------------------------------------------*/
.paragraphe_titre
{	
	font-size: 13px;
	font-family: Verdana, Arial;
	font-weight:bold;
	background-color: #ffffff;
	color: #384792;
	padding-left: 	22px;
	padding-right: 	0px;
	padding-top: 	0px;
	padding-bottom: 10px;
}
h2
{
	color:#ec7605;
	text-transform:uppercase;
	font-size:13px;
	font-family:Arial;
	width:100%;
	padding-top:10px;
}

h3
{
	color:#fff;
	text-transform:uppercase;
	font-size:12px;
	font-family:Arial;
}

h4
{
	color:#fff;
	font-size:12px;
	font-family:Arial;
}

p {
	color:#fff;
	font-size:12px;
	font-family:Arial;
	margin:0px;
	padding:0px;
	padding-bottom:12px;
	padding-top:12px;
}

ul {
	margin:0px;
	padding:0px;
	margin-left:15px;
}

ul li {
	color:#fff;
	font-size:11px;
	font-family:Arial;
	list-style-type:square;
	color:#ccc;
	margin:0px;
	padding:0px;
	padding-bottom:6px;
}

address {
	background:#000;
	border:1px solid #333;
	padding:10px;
	font-size:11px;
	font-family:Arial;
	color:#666
}

a {
	color:#ec7605;
	margin:0px;
	padding:0px;
}

em, font {
	margin:0px;
	padding:0px;
}

/*----------------------------------------------------*/
/* Paragraphes de type "lien_enfant"
/*----------------------------------------------------*/

.list_lien_enfant {
  margin:0px;
  padding:0px;
  display:block;
	background:#232121;
	padding-bottom:15px;
	padding-left:20px;
	padding-right:20px;
}

.list_lien_enfant li {
	padding:0px;
	margin:0px;
  background:url(http://www.zsport.fr/images/global/bg_list_lien_enfant.gif) no-repeat 2px center;
  line-height:25px;
  height:25px;
	list-style-type:none !important;
}

.paragraphe_lien_enfant
{		
	padding-left: 	0px;
	padding-right: 	0px;
}
.lien_enfant
{
	font-size: 11px;
	font-family:  Arial;
	font-weight:bold;
	color: #0067b8;
	text-indent:12px;
	line-height:16px;
	background:#232121;
}
a.lien_enfant
{
	font-size: 11px;
	font-family:  Arial;
	font-weight:bold;
	text-decoration:none;
	color: #fff;
  line-height:25px;
  background:#ec7605;
  display:block;
  margin:5px;
  position:relative;
}

a.lien_enfant:hover
{
	font-size: 11px;
	font-family:  Arial;
	font-weight:bold;
	text-decoration:none;
	background:#5b1f02;
}

.lien_enfant_puce_image
{
	margin-left: 	5px;
	margin-right: 	10px;
	margin-top: 	5px;
	margin-bottom:  0px;
}
.lien_enfant_puce_ol
{
	font-size: 11px;
	font-family:  Arial;
	font-weight:bold;
	background-color: #ffffff;
	color: #384792;
	list-style-type:none;
}
.lien_enfant_puce_ul
{
	font-size: 11px;
	font-family: Verdana, Arial;
	font-weight:bold;
	background-color: #ffffff;
	color: #384792;
	list-style-type:none;
}
.lien_enfant_separateur
{
	font-size: 11px;
	font-family:  Arial;
	font-weight:bold;
	background-color: #ffffff;
	color: #384792;
	padding-left:5px;
	padding-right:5px;
}
.lien_enfant_tableau
{	
	padding-left:	0px;
	padding-right:	0px;
	padding-top:	0px;
	padding-bottom:	0px;
	width:100%;
	list-style-type:none;
}
.lien_enfant_tableau_interne
{	
	padding-top:	0px;
	padding-bottom:	3px;
}
.lien_enfant_td_image_gauche
{
	text-align:left;
	width:1px;
	padding-right:25px;
	font-weight:bold;
}
.lien_enfant_image_gauche
{
	border:0px;
	font-weight:bold;
}
.lien_enfant_td_image_droite
{
	text-align:right;
	width:1px;	
	padding-left:5px;
	font-weight:bold;
}
.lien_enfant_image_droite
{
	border:0px;
	font-weight:bold;
}
/*----------------------------------------------------*/
/* Paragraphes de type "lien_frere"
/*----------------------------------------------------*/
/* ------------------------ */
/* Lien Frère : gabarit n°0 */
/* ------------------------ */
.paragraphe_lien_frereGabarit0
{		
	padding-left: 	25px;
	padding-right: 	25px;
	padding-top: 	0px;
	padding-bottom: 10px;
	background:#232121;
	
}


.TableauConteneurLienFrereGabarit0
{
	/* background-color: #FF0000;
	 border: #FF0000 1px  solid;*/
	 padding-top:15px;
}
.TableauLienFrerePrecedentGabarit0
{

	text-align:right;
	width:1px;
	vertical-align:bottom;
}

.TableauLienFrereSuivantGabarit0
{

	text-align:left;
	vertical-align:bottom;
	height:15px;
	line-height:15px;
}

.TDConteneurLienFrerePrecedentGabarit0
{
	text-align:left;
	width:30%
}

.TDCentreTableauConteneurGabarit0
{
	width:40%;
}

.TDConteneurLienFrereSuivantGabarit0
{
	text-align:right;
	width:30%;

}

.TDLienFrereIconePrecedentGabarit0
{
	display: none;
}

.TDLienFrereIconeSuivantGabarit0
{
		display: none;
}


.TDLienFrereSuivantGabarit0
{
		background:url('../../images/global/lien_frere_suivant.gif') no-repeat top right;
		font-size: 10px;
	font-family: Arial;
	font-weight:bold;
	padding-left:7px;
	padding-right:15px;
	line-height:17px;
	height:17px;
	vertical-align:middle;
	color:#5b1f02;
}

.TDLienFrerePrecedentGabarit0
{
  background: url('../../images/global/lien_frere_precedant.gif') no-repeat top left;
		font-size: 10px;
	font-family: Arial;
	font-weight:bold;
	padding-left:15px;
	padding-right:7px;
	line-height:17px;
	height:17px;
	vertical-align:middle;
	color:#5b1f02;
}


.TDLienFrereSuivantGabarit0 img, .TDLienFrerePrecedentGabarit0 img {
	border:none;
}

a.LienFrerePrecedentGabarit0:link,a.LienFrerePrecedentGabarit0:visited,a.LienFrerePrecedentGabarit0:active
{
	color:#5b1f02;
	text-decoration:none;
	line-height:17px;
	height:17px;
	margin:0px;
}


a.LienFrerePrecedentGabarit0:hover
{

	color:#5b1f02;
}


a.LienFrereSuivantGabarit0:link,a.LienFrereSuivantGabarit0:visited,a.LienFrereSuivantGabarit0:active
{
	color: #5b1f02;
	text-decoration:none;
	line-height:17px;
	height:17px;
	margin:0px;
}


a.LienFrereSuivantGabarit0:hover
{
	color: #5b1f02;
}
/* ------------------------ */
/* Lien Frère : gabarit n°1 */
/* ------------------------ */
.paragraphe_lien_frereGabarit1
{	
	padding-left: 	0px;
	padding-right: 	0px;
}
.TableauConteneurLienFrereGabarit1
{	
	 padding-top:15px;
}
.lien_frere_tableauGabarit1
{
	padding-left:	0px;
	padding-right:	10px;
	padding-top:	10px;
	padding-bottom:	0px;
	width:100%;
	background:#232121;
}
.lien_frere_td_image_gaucheGabarit1
{
	text-align:left;
	width:1px;
	padding-right:25px;
}
.lien_frere_image_gaucheGabarit1
{
	border:0px;
}
.lien_frere_tableau_interneGabarit1
{	
	padding-top:	0px;
	padding-left: 5px;
	padding-bottom:	3px;

}
.lien_frere_puce_imageGabarit1
{
	margin-left: 	0px;
	margin-right: 	10px;
	margin-top: 	5px;
	margin-bottom:  0px;
}
.lien_frereGabarit1
{
	font-size: 11px;
	font-family: Verdana, Arial;
	font-weight:bold;
	background-color: #ffffff;
	color: #507CBD;
}
/*#####################################################*/
/* Style pour bloc site (espace entre bloc)*/
/*#####################################################*/

.espace_entre_modules
{
	display:none
}

/*#####################################################*/
/* Style Généraux qui seront surchargés par les modules*/
/*#####################################################*/

input {
	font-family: Verdana, Arial;
	font-size: 11px;
	color: #000000;
	border: 1px solid #6C93D7;
	background-color: #FFFFFF;
}


textarea {
	background-color: #EEF2F8;
	font-family: Verdana, Arial;
	font-size: 12px;
	color: #384792;
	border: 1px solid #384792;
}

select {
	font-family: Verdana, Arial;
	font-size: 11px;
	color: #384792;
	border: 1px solid #384792;
	width: 160px;
	outline-color:#384792;
}

/* a supprimer dans ceratains modules ***/
.bouton_ok {
	font-family: Verdana, Arial;
	font-size: 11px;
	font-weight: bold;
	color: #384792;
	border: 1px solid #000000;
	background-color: #FFFFFF;
}


/*#####################################################*/
/* Style du pied de page (footer)
/*#####################################################*/
/*----------------------------------------------------*/
/* Espace entre page et footer
/*----------------------------------------------------*/
.hauteur_footer_page_specifique
{
	display:none
}
/*----------------------------------------------------*/
/* Trait de séparation entre page et footer
/*----------------------------------------------------*/
.ligne_en_haut_du_footer {
	display:none
}
/*----------------------------------------------------*/
/* Séparateur entre les liens
/*----------------------------------------------------*/
td.footer {
	font-family: Arial;
	font-size: 10px;
	color: #919090;
	height: 25px;
	text-align:right;
	border-bottom:1px solid #919090;
	padding-top:20px;
	padding-bottom:5px;	
}
/*----------------------------------------------------*/
/* Les liens de bas de page
/*----------------------------------------------------*/
a.footer { 
	font-family: Arial;
	font-size: 10px;
	text-decoration: none;
	text-transform: none;
	color: #919090;
}

a.footer:hover {
	color:#666
}

.espace_avant_footer
{
	height:15px;
}

#menu_navigation
{
margin:0px;
padding:0px;
list-style-type:none;
display:block;
color:#ffffff;
font-family:arial;
font-size:11px;
font-weight:bold;
background:#232121;
letter-spacing:-1px;
height:26px;
line-height:26px;
margin-top:1px;
}

#menu_navigation img {
	border:none;
	margin-top:7px;
	margin-bottom:8px;
}

#menu_navigation ol
{
margin:0px;
padding:0px;
list-style-type:none;
display:block;
visibility:hidden;
position:absolute;
z-index:10;
left:-10px;
top:0;
width:160px;
background:#3d3c3c;
padding-left:10px;
padding-right:10px;
padding-bottom:5px;
}
#menu_navigation li
{
margin:0px;
padding:0px;
display:inline;
float:left;
position:relative;
z-index:5;
}
#menu_navigation .separateur
{
color:#ffffff;
}
#menu_navigation li:hover
{
z-index:10000;
white-space:normal;
}
#menu_navigation li:focus
{
z-index:10000;
white-space:normal;
}
#menu_navigation li li
{
float:left;
width:100%;
}
#menu_navigation li:hover>ol
{
visibility:visible;
top:100%;
}
#menu_navigation li:focus>ol
{
visibility:visible;
top:100%;
}
#menu_navigation li:active>ol
{
visibility:visible;
top:100%;
}
#menu_navigation li li:hover>ol
{
top:0px;
left:100%;
}
#menu_navigation li li:focus>ol
{
top:0px;
left:100%;
}
#menu_navigation:after
{
content:".";
height:0;
display:block;
visibility:hidden;
overflow:hidden;
clear:both;
}
#menu_navigation ol:after
{
content:".";
height:0;
display:block;
visibility:hidden;
overflow:hidden;
clear:both;
}
#menu_navigation ol ol
{
padding:0;
margin:0;
}
#menu_navigation ol li
{
color:#ffffff;
line-height:16px;
padding-bottom:3px;
padding-top:3px;
}
#menu_navigation a
{
text-decoration:none;
color:#fff;
padding:0px;
margin:0px;
display:block;
position:relative;
}
#menu_navigation .li_w_c
{
background-image:url('../../images/arrow.gif');
background-repeat:no-repeat;
background-position:96% 50%;
}
#menu_navigation a:hover
{
color:#eb6a0a;
}
#menu_navigation li:hover>a
{
color:#eb6a0a;
}
#menu_navigation a:focus
{
color:#eb6a0a;
}
#menu_navigation li:focus>a
{
color:#eb6a0a;
}
#menu_navigation ol>li + li
{
border-top:0;
}
#menu_navigation .li_visible>ol
{
visibility:visible;
top:100%;
}
#menu_navigation li .li_visible>ol
{
top:0px;
left:100%;
}
#menu_navigation li.ie6hover
{
z-index:10000;
}
#menu_navigation .ie6hoverUL
{
visibility:visible;
top:100%;
left:0;
}
#menu_navigation .ie6hoverUL .ie6hoverUL
{
top:0px;
left:100%;
}
#menu_navigation ol a
{
}
#menu_navigation .ie6hoverA
{
color:#eb6a0a;
}

#divBandeauDefilant {
	display:none;
}




/* COMMANTAIRES */
#commentaireFormulaireDisplayer {
	font-family:Arial;
	font-size:11px;
	margin-left:25px;
}
#commentaireFormulaire{
	width:100%;
	margin:0;
	padding:0;
	background:#232121;
}
#commentaireFormulaire fieldset{
	margin:0;
	padding:0 25px;
	font:11px Arial;
	color:#f25d1d;
	border:none;
}
#commentaireFormulaire legend{
	border:none;
	margin-bottom:20px;
}
#commentaireFormulaire .texte{
	width:100%;
	margin:0;
	padding:0;
}
#commentaireFormulaire label.formulaire_label.texte{
	float:none;
	clear:both;
	width:100%;
	margin:0;
	padding:0;
	font:11px Arial;
}
#commentaireFormulaire input.formulaire_input.texte{
	width:200px;
	height:20px;
	text-indent:3px;
	margin:5px 0;
	padding:0;
	font-size:12px;
}
#commentaireFormulaire textarea.formulaire_input.texte{
	margin:5px 0;
	padding:0;
	font-size:12px;
}
#commentaireFormulaire input.formulaire_button{
	cursor:pointer;
	background:#f25d1d;
	border:1px solid #f25d1d;
	float:right;
	color:#fff;
}
#commentaireFormulaire fieldset legend strong, #legend_commentaire strong {
	font-weight:normal;
}
#info_commentaire {
	margin-bottom:5px;
}