/*----Balises ----*/

body, form, p, ul, ol, li, div, h1, h2, h3, h4, h5, h6, fieldset {margin: 0; padding: 0;}
body {
	background-image: url('../images/fond-repeatx.jpg');
	background-repeat: repeat-x;
	background-color: #c1c4e5;
	width: 100%;
}
#body {
	width: 970px;
	margin: auto;
}
.texte, body, table, ul, ol, p, form, fieldset, legend {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px;
	text-align: left;
	color: #000000;
}
a, a:visited {color: #000000; text-decoration: underline; font-style: normal; font-weight: normal;}
a:hover{color: #000000; text-decoration: none; font-style: normal; font-weight: normal;}

h1{
	font-family: Verdana;
	font-size: 18px;
	font-style: italic;
	color: #ff0404;
	font-weight: normal;
	text-align: left;
	background-image: url('../images/h1.jpg');
	background-position: center left;
	background-repeat: no-repeat;
	padding-left: 22px;
	position: relative;
	height: 41px;
	line-height: 41px;
	margin-bottom: 10px;
}
h1 div{position: absolute; top: 0; right: 0; background: url('../images/h1-droite.jpg'); width: 6px; height: 41px;}
h2{
	font-size: 14px;
	color: #262626;
	font-weight: bold;
	text-align: left;
	margin-bottom: 10px;
}
h3{
	font-size: 14px;
	color: #262626;
	font-weight: bold;
	text-align: left;
}

ul {list-style-type: none;}
table {margin-bottom: 10px;}
table th{font-weight: bold; text-align: center;}
input, textarea, select, option {color: #222222; background-color: #FFFFFF; font-size: 10px; border: 1px solid #CDCDCD;}
fieldset {padding: 5px;}
img {border-width: 0px;}
input[type=checkbox], input[type=radio] {background: transparent; border-width: 0px;}

/*-----------------Bannière-----------------*/
#header {
	width: 970px;
	height: 180px;
	background-image: url('../images/header.png');
	background-position: top;
	background-repeat: no-repeat;
	position: relative;
}
#corps {
	width: 970px;
	min-height: 500px;
	background-image: url('../images/corps-repeatx.jpg');
	background-repeat: repeat-x;
	background-position: top;
}
#corps2 {
	width: 970px;
	background-image: url('../images/corps-norepeat.jpg');
	background-repeat: no-repeat;
	background-position: bottom;
}

/*-----------------Header-----------------*/
#menuJS {margin: 0px; font-weight: bold; background: url('../images/fond-menu.jpg') no-repeat; height: 32px; width: 970px;}
#menuJS .menuJS_li{display: block; float: left; background: url('../images/puce-menu-li.jpg') left center no-repeat; height: 32px; line-height: 32px; font-family: Verdana; position: relative;}
#menuJS .menuJS_li p{display: inline; height: 100%; line-height: 100%; padding: 0 32px; text-align: center; font-family: Verdana;}
#menuJS .menuJS_li a{color: #FFFFFF; text-decoration: none; font-weight: bold; font-size: 16px; position: relative; z-index: 2;}
#menuJS .menuJS_li a:visited{color: #FFFFFF; text-decoration: none; font-weight: bold;}
#menuJS .menuJS_li a:hover{color: #FFFFFF; text-decoration: none; font-weight: bold;}
#menuJS .menuJS_li a:focus{outline: 0;}

#menuJS .menuJS_ul2{position: absolute; top: 32px; left: 0px; z-index: 40; display: none; border-top: 1px solid #fff; border-left: 1px solid #fff; border-right: 1px solid #fff;}


#menuJS .menuJS_li2{position: relative; background-color: #7082c8; height: 35px; line-height: 35px; border-bottom: 1px solid #fff; text-align: left; font-family: Verdana;}
#menuJS .menuJS_li2 p{display: block; text-align: left; padding-left: 10px; height: 35px; line-height: 35px; font-family: Verdana;}
#menuJS .menuJS_li2 a{color: #000961; text-decoration: none; font-weight: normal; font-size: 16px; position: relative; z-index: 2;}
#menuJS .menuJS_li2 a:visited{color: #000961; text-decoration: none; font-weight: normal;}
#menuJS .menuJS_li2 a:hover{color: #000961; text-decoration: none; font-weight: normal;}
#menuJS .menuJS_li2 a:focus{outline: 0;}

/************  Rollover jQuery  ***********************
#menu{margin: 40px 0px 0px 290px; font-weight: bold;}
#menu li{display: block; float: left; background: url('../images/puce-menu.jpg') left center no-repeat; margin-left: 5px; height: 44px; line-height: 44px; position: relative;}
#menu li div{width: 100%; height: 100%; background-color: #a3081a; position: absolute; top: 0px; left: 0px; z-index: 1; display: none;}
#menu li a{color: #ffffff; text-decoration: none; font-weight: bold; font-size: 12px; padding: 0 10px; position: relative; z-index: 2;}
#menu li a:visited{color: #ffffff; text-decoration: none; font-weight: bold;}
#menu li a:hover{color: #ffffff; text-decoration: none; font-weight: bold;}
#menu li a:focus{outline: 0;}
******************************************************/

/*-----------------Contenu-----------------*/
#content {margin: 0px;}

/*-----------------Bas-----------------*/
#footer {
	width: 970px;
	height: 160px;
	background-image: url('../images/footer.jpg');
	background-position: top left; 
	background-repeat: no-repeat;
	font-size: 12px;
	color: #000000;
	/*position: fixed;
    margin-bottom: 0px;
    top: 100%;
    margin: -50px 0px 0px 0px;*/ /*indiquer la taille de l'élément en negatif*/
}
#logos {float: right; text-align: right;}
#logos img{float: left; margin-right: 20px;}

#liste_footer {}
#liste_footer li{float: left; margin-right: 10px;}
#liste_footer li a, #liste_footer li a:visited{color: #000961; font-weight: bold; text-decoration: none;}
#liste_footer li a:hover{color: #000961; font-weight: bold; text-decoration: underline;}
#liste_footer li ul{margin: 5px 0 0 20px;}
#liste_footer li ul li{background: url('../images/puce-liste-footer.jpg') no-repeat center left; padding-left: 12px; float: none;}
#liste_footer li ul li a, #liste_footer li ul li a:visited{color: #000961; font-weight: normal; text-decoration: none;}
#liste_footer li ul li a:hover{color: #000961; font-weight: normal; text-decoration: underline;}


/*********************************************************************************
/*****************************     PAGES     *************************************
/*********************************************************************************

/* Accueil */
#accueilGauche {float: left; width: 270px; text-align: center;}

#liste_gauche {float: left; width: 284px;}
#liste_gauche li{width: 284px;}

#listeOrganisations {}
#listeOrganisations li{height: 86px; margin-bottom: 13px; border-bottom: 1px solid #000961;}
#listeOrganisations li .image{width: 105px; float: left;}
#listeOrganisations li .contenu{margin-left: 113px;}
#listeOrganisations li .contenu h3{font-size: 14px; color: #000961; font-weight: bold; border-bottom: 1px solid #000961; margin-bottom: 5px;}
#listeOrganisations li .contenu .lasuite{float: right; margin: 35px 0 0 0;}
#listeOrganisations li .contenu ul{margin-left: 20px; list-style-type: circle;}
#listeOrganisations li .contenu ul li{margin: 0; height: auto; border: 0;}


#listeActualites {height: 530px; overflow: hidden;}
#listeActualites li{height: 29px; line-height: 29px; border-bottom: 1px solid #202020; padding: 0 9px;}
#listeActualites li a, #listeActualites li a:visited{color: #202020; text-decoration: none; font-weight: normal;}
#listeActualites li a:hover{color: #202020; text-decoration: underline; font-weight: normal;}
#listeActualites li .date, #listeActualites li .date:visited{color: #ff0404; font-weight: bold;}

/* LE CLUB > Historique */
.table_historique{width: 100%;}
.table_historique td{width: 50%; text-align: center;}

/* EQUIPES */
.listeEquipe{width: 210px; margin-bottom: 10px;}
.listeEquipe li{width: 210px; height: 41px; line-height: 41px; background: url('../images/equipe/fond-liste-equipe.png') no-repeat; margin-bottom: 5px; padding-left: 30px;}
.listeEquipe li a, #liste_gauche li a:visited{color: #011c87; font-weight: normal; text-decoration: none;}
.listeEquipe li a:hover{color: #011c87; font-weight: normal; text-decoration: none;}