*{
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial;
	
}

img{
	border: none;
}

body{
	background: url(img/bg-contain.jpg) repeat-x #d82771;
}

#page{
	width: 980px;
	margin: 0 auto;
}

/*-------------------------------HEADER------------------------------------*/


#header{
	height: 166px;
	background: #FFFFFF;
}

#header-contain{
	margin: 0 auto;
	width: 980px;
}

#logo{
	width: 198px;
	background: url(img/logo.jpg);
	float: left;
	height: 166px;
}

#header-right{
	margin-left:198px;
}

#contacter{
	background: #FFFFFF;
	height: 48px;
	margin-left: 500px;
}


/*----------MENU-------------*/


#menu{
	height: 30px;
	padding-top :65px;
}

#menu li{
	display: block;
	float: left;
	list-style-type: none;
	margin-left: 15px;
}

#menu a{
	text-decoration: none;
	font-size: 15px;
	color: #3141ba;
}

#menu a:hover{
	text-decoration: none;
	font-size: 15px;
	color: #eb317e;
}

#menu a:active{
	text-decoration: underline;
	font-size: 15px;
	color: #eb317e;
}


/*---------------------------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------HOME-----------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------------------------------------*/

/*--------------------------------UPGRADE IE--------------------------------------------*/

#alert{
	margin-top: 10px;
	background: #FFFFFF;
	border: 3px solid #000000;
}

#alert h1{
	color: red;
	font-size: 15px;
	margin-top: 10px;
	margin-left: 20px;
}

#alert p{
	color: #000000;
	font-size: 12px;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 20px;
}

#alert a{
	text-decoration: none;
	color: red;
}


#alert a:hover{
	text-decoration: underline;
	color: red;
}

/*-------------------------------BANNIERE------------------------------------*/


#banniere{
	width: 980px;
	margin-top:10px;
	height: 276px;
}



/*-------------------------------COLONNE GAUCHE------------------------------------*/


#col-gauche{
	width: 735px;
	margin-top: 10px;
	float: left;
}


/*------------NEWS-------------*/



#titre-info{
	height: 67px;
	width: 704px;
	background: url(img/title/title-news.png) no-repeat;
	text-indent:-9999px;
}

#texte-info{
	margin-top:15px;
	width: 693px;
	background: url(img/bg-bottom-right-news.jpg) bottom right white no-repeat;
	min-height: 1000px;
	padding: 5px 5px;
}

.header-news{
	height: 15px;
	padding-top: 5px;
}

.header-news h1{
	font-size: 15px;
	color: #2d8fcc;
	float: left;
	margin-left: 15px;
}

.header-news .date{
	font-size: 13px;
	font-style: italic;
	color: #525151;
	float: right;
	margin-right: 15px;
}

.bloc-contain-news{
	padding-top: 5px;
}

.img-news{
	float: left;
	margin-left: 15px;
}

.contain-news{
	margin-left: 130px;
	margin-right: 15px;
}

.contain-news p{
	padding-left: 40px;
	padding-top: 20px;
	font-size: 13px;
	color: #383939;
	text-align: justify;
}

#newsSuite{
	margin-top: 25px;
	padding-left: 420px;
}

#newsSuite a{
	display:block;
	height:29px;
	text-indent:-9999px;
}

a.btnNews{
	background: transparent url(img/btn/btn-read-news.jpg) top;
	width: 123px;
}

a:hover.btnNews{
	background: transparent url(img/btn/btn-read-news.jpg) bottom;
	width: 123px;
}

.sepNews{
	margin: 60px 10px 5px 10px;
	background-color: #979696;
	color: #979696;
	height: 1px;
	border: 0;
	width: 660px;
}


/*-------------------------------COLONNE DROITE------------------------------------*/



#col-droite{
	width: 245px;
	margin-top:10px;
	margin-left: 735px;	
}


/*-----------CALENDRIER-------------*/
#calendrier{
	width: 245px;
	height: 408px;
}

#titre-calendrier{
	height: 67px;
	width: 245px;
	background: url(img/title/title-calendar.png) no-repeat;
	text-indent:-9999px;
}

#texte-calendrier{
	height: 350px;
	width: 245px;
	margin-top:15px;
	background: #93dafd;
}

#contain-event{
	padding-top: 5px;
}

.event{
	background: #FFFFFF;
	margin: 5px;
}

.event h4{
	color: #eb317f;
	font-size: 13px;
	text-align: right;
	padding: 3px;
}

.event p{
	font-size: 10px;
	margin: 0 3px 3px 3px;
}

#allEvent{
	margin-top: 15px;
	margin-left: 22px;
}

#allEvent a{
	display:block;
	height:30px;
	text-indent:-9999px;
}

a.btnCalendrier{
	background: transparent url(img/btn/btn-calendrier.jpg) top;
	width: 218px;
}

a:hover.btnCalendrier{
	background: transparent url(img/btn/btn-calendrier.jpg) bottom;
	width: 218px;
}


/*-----------CLUB-------------*/



#club{
	width: 245px;
	height: 615px;
}

#titre-club{
	height: 67px;
	width: 245px;
	background: url(img/title/title-club.png) no-repeat;
	margin-top: 38px;
	margin-bottom: 10px;
	text-indent:-9999px;
}

#texte-club{
	height:564px;
	width: 245px;
	background: url(img/post-it.jpg) top no-repeat #c3c3c0;
	padding-top: 65px;
}

#texte-club .nom{
	margin-right: 7px;
	font-size: 12px;
}

#texte-club .adresse{
	font-size: 9px;
	margin-top: 20px;
	margin-left: 30px;
}

#texte-club .tel{
	font-size: 15px;
	margin-top: 15px;
	margin-left: 30px;
}

#fonction-club{
	margin-top: 40px;
}

#fonction-club .fonction{
	height: 54px;
	background: #e5e5e4;
	margin: 0 5px 15px 5px;
}

#fonction-club .post{
	font-size: 13px;
	color: #383939;
	padding-top: 7px;
	padding-bottom: 7px;
	margin: 0 5px;
}

#fonction-club .type-fonction{
	color: #2d8fcc;
	font-weight: bold;
}

#fonction-club a{
	font-size: 12px;
	color: #d82771;
	margin: 0 5px;
}

#fonction-club a:hover{
	font-size: 12px;
	color: #000000;
	margin: 0 5px;
}

#plus-club{
	margin-top: 15px;
	margin-left: 22px;
}

#plus-club a{
	display:block;
	height:30px;
	text-indent:-9999px;
}

a.btnInfoClub{
	background: transparent url(img/btn/btn-info-club.jpg) top;
	width: 218px;
}

a:hover.btnInfoClub{
	background: transparent url(img/btn/btn-info-club.jpg) bottom;
	width: 218px;
}


/*--------------------------------------------LAST PHOTO-----------------------------------------------*/


#last-photo{
	width: 980px;
	background: url(img/bottom-last-photo.jpg) no-repeat;
	margin-top: 30px;
}

#titre-last-photo{
	width:980px;
	height:76px;
	background: url(img/title/title-last-photo.jpg) no-repeat;
	padding-top: 15px;
	text-indent:-9999px;
}

#texte-last-photo{
	margin-top:20px;
	margin-left: 30px;
	margin-right: 30px;
}

#pied-last-photo{
	width: 980px;
	height: 76px;
	background: url(img/bottom-last-photo.jpg) no-repeat;
	padding-bottom: 15px;
}

#choice-left-photo{
	float: left; 
	height: 120px;
	margin-top: 30px;
}

#choice-right-photo{
	float: right;
	height: 120px;
	margin-top: 30px;
}

#img-last-photo{
	margin-left: 53px;
	height: 190px;
}

#img-last-photo ul{
	height: 190px;
}

#img-last-photo li{
	display: block;
	float: left;
	list-style-type: none;
	margin-left: 10px;
	width: 160px;
	height: 190px;
	background: #FFFFFF;
	
}

#img-last-photo a{
	text-decoration: none;
}

#img-last-photo img{
	margin-left: 5px;
	margin-top: 10px;
}

.description-photo{
	font-size: 10px;
	color: #000000;
	margin-top: 5px;
	text-align: center;
	height: 20px;
}



/*-------------------------------------------------------FOOTER---------------------------------------------------------*/



#footer{
	height: 224px;
	background: url(img/bg-footer.jpg) repeat-x;
}

#footer p{
	text-align: center;
	font-size: 13px;
	padding-top: 20px;
}

#footer-contain{
	width: 980px;
	margin: 0 auto;
}

#menu-footer{
	width: 458px;
	float: left;
	font-size: 12px;
}

#menu-footer ul{
	list-style-type: none;
}

#menu-footer li{
	padding-bottom: 15px;
}

#menu-footer a{
	color: #FFFFFF;
	text-decoration: none;
}

#menu-footer a:hover{
	color: #FFFFFF;
	text-decoration: underline;	
}

#menu-footer-left{
	width: 229px;
	float: left;
	padding-top: 30px;
}

#menu-footer-right{
	margin-left: 229px;
	padding-top: 30px;
}

#pub{
	height: 150px;
	margin-left: 458px;
}

#pub img{
	margin-top: 15px;
	margin-left: 5px;
}*

/*---------------------------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------PAGE PHOTOS------------------------------------------------*/
/*---------------------------------------------------------------------------------------------------------------------------*/


#titre-photos{
	width: 980px;
	height: 74px;
	background: url(img/title/title-photos.png) no-repeat;
	text-indent:-9999px;
}

#texte-photos{
	background: #dddddd;
	margin-top: 15px;
	margin-bottom: 15px;
	padding-bottom: 15px;
}

.titre-album{
	color: #3d3e3f;
	font-size: 16px;
	margin-left: 30px;
	padding-top: 30px;
}

#photos-img{
	margin-top: 30px;
}

#photos-img ul{
	margin-left: 60px;
}

#photos-img li{
	display: block;
	float: left;
	list-style-type: none;
	margin-left: 10px;
	margin-bottom: 10px;
	width: 160px;
	height: 190px;
	background: #FFFFFF;
}

#photos-img li:hover{
	display: block;
	float: left;
	list-style-type: none;
	margin-left: 10px;
	margin-bottom: 10px;
	width: 160px;
	height: 190px;
	background: #ec317f;
}

#photos-img a{
	text-decoration: none;
}

#photos-img img{
	margin-left: 5px;
	margin-top: 10px;
}


/*-----------------------------------------------*/

#all-album{
	background: #53afdb;
	margin: 0 30px 0 30px;
	padding-bottom: 10px;
}

#all-album ul{
	margin-top: 20px;
}

#all-album li{
	list-style-type: none;
	margin-left: 50px;
	margin-bottom: 5px;
}

#all-album a{
	font-size: 12px;
	text-decoration: none;
	color: #FFFFFF;
}

#all-album a:hover{
	font-size: 12px;
	text-decoration: underline;
	color: #FFFFFF;
}



/*---------------------------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------PAGE AMIS/SPONSORS----------------------------------*/
/*---------------------------------------------------------------------------------------------------------------------------*/


#titre-sponsors{
	width: 980px;
	height: 74px;
	background: url(img/title/title-sponsors.png) no-repeat;
	text-indent:-9999px;
}

#texte-sponsors{
	background: #FFFFFF;
	min-height: 1000px;
	margin-top: 15px;
	margin-bottom: 15px;
}

.titre-sponsors{
	color: #3d3e3f;
	font-size: 16px;
	margin-left: 30px;
	padding-top: 30px;
}

#sponsors-img{
	margin-top: 30px;
	margin-left: 60px;
	min-height: 410px;
	font-size: 12px;
}

#sponsors-img li{
	display: block;
	float: left;
	list-style-type: none;
	margin-left: 10px;
	margin-bottom: 10px;
	width: 200px;
	height: 200px;
	background: #FFFFFF;
	border: 1px solid black;
}

#sponsors-img li:hover{
	display: block;
	float: left;
	list-style-type: none;
	margin-left: 10px;
	margin-bottom: 10px;
	width: 200px;
	height: 200px;
	background: #FFFFFF;
	border: 1px solid #ec317f;
}

#sponsors-img a{
	text-decoration: none;
	color: #000000;
}

#liens-plus{
	margin-top: 30px;
	margin-left: 60px;
	min-height: 420px;
	font-size: 12px;
}

#liens-plus li{
	display: block;
	float: left;
	list-style-type: none;
	margin-left: 10px;
	margin-bottom: 10px;
	width: 200px;
	height: 200px;
	background: #FFFFFF;
	border: 1px solid black;
}

#liens-plus li:hover{
	display: block;
	float: left;
	list-style-type: none;
	margin-left: 10px;
	margin-bottom: 10px;
	width: 200px;
	height: 200px;
	background: #FFFFFF;
	border: 1px solid #ec317f;
}

#liens-plus a{
	text-decoration: none;
	color: #000000;
}

.details-sponsors{
	text-align: center;
	margin: 30px 3px;
}



/*---------------------------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------PAGE CLUB-----------------------------------------------------*/
/*---------------------------------------------------------------------------------------------------------------------------*/


#titre-info-club{
	width: 980px;
	height: 74px;
	background: url(img/title/title-info-club.png) no-repeat;
	text-indent:-9999px;
	margin-top: 3px;
}

#texte-info-club{
	background: #FFFFFF;
	min-height: 1000px;
	margin-top: 15px;
	margin-bottom: 15px;
}

#menu-club{
	width: 750px;
	height: 50px;
	padding-top: 15px;
	margin-left: 130px;
}

#menu-club li{
	list-style-type: none;
	margin-bottom: 10px;
	float: left;
}

#menu-club a{
	display: block;
	float: left;
	width: 180px;
	height: 30px;
	padding-top: 10px;
	text-decoration: none;
	font-size: 15px;
	color: #FFFFFF;
	background: #53afdb;
	text-align: center;
}

#menu-club a:hover{
	display: block;
	float: left;
	width: 180px;
	height: 30px;
	padding-top: 10px;
	text-decoration: none;
	font-size: 15px;
	color: #FFFFFF;
	background: #ec317f;
	text-align: center;
}

.bloc-club{
	margin: 30px;
	font-size: 13px;
	text-align: justify;
}

.titre-pages-club{
	color: #ec317f;
	font-size: 19px;	
	margin: 20px 0;
	text-decoration: underline;
}

.sous-titre-pages-club{
	color: #3141ba;
	font-size: 16px;
	margin: 20px 0;
	padding-top: 10px;
}

.bloc-club p{
	margin-bottom: 20px;
}

.bloc-club ul{
	margin-bottom: 20px;
	list-style-type: none;
}

.bloc-club li{
	margin-bottom: 10px;
}

.bloc-club a{
	text-decoration: none;
	color: red;
	font-size: 15px;
	margin-left: 250px;
}

.bloc-club a:hover{
	text-decoration: underline;
	color: red;
	font-size: 15px;
	margin-left: 250px;
}

.illustration-historique{
	text-align: center;
	margin: 30px 0;
}

.illustration-historique img{
	margin-left: 20px;
	border: 1px solid #000000;
}

.table-entrainements{
	margin: 30px 0 30px 130px;
}

.table-entrainements table{
	font-size: 14px;
	border: 1px solid #53afdb;
}

.table-licencies{
	margin: 30px 0 30px 50px;
}

.table-licencies table{
	font-size: 13px;
	border: 1px solid #53afdb;
}



/*---------------------------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------PAGE SPORT-----------------------------------------------------*/
/*---------------------------------------------------------------------------------------------------------------------------*/

#titre-info-sport{
	width: 980px;
	height: 74px;
	background: url(img/title/title-info-sport.png) no-repeat;
	text-indent:-9999px;
	margin-top: 3px;
}

#texte-info-sport{
	background: #FFFFFF;
	min-height: 1000px;
	margin-top: 15px;
	margin-bottom: 15px;
}

.bloc-sport{
	margin: 0 30px;
	font-size: 13px;
	text-align: justify;
	padding-bottom: 20px;
}

.titre-pages-sport{
	color: #ec317f;
	font-size: 19px;	
	padding: 20px 0;
	text-decoration: underline;
}

.sous-titre-pages-sport{
	color: #3141ba;
	font-size: 16px;
	margin: 20px 0;
	padding-top: 10px;
}

.bloc-sport p{
	margin-bottom: 20px;
}

.bloc-sport a{
	color: #3141ba;
	text-decoration: none;
}

.bloc-sport a:hover{
	color: #3141ba;
	text-decoration: underline;
}

.illustration-historique{
	text-align: center;
	margin: 30px 0;
}

.illustration-historique img{
	margin-left: 20px;
	border: 1px solid #000000;
}


/*---------------------------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------PAGE PRESSE------------------------------------------------*/
/*---------------------------------------------------------------------------------------------------------------------------*/

#titre-presse{
	width: 980px;
	height: 74px;
	background: url(img/title/title-presse.png) no-repeat;
	text-indent:-9999px;
}

#texte-presse{
	background: #dddddd;
	margin-top: 15px;
	margin-bottom: 15px;
	padding-bottom: 15px;
}


#presse-img ul{
	padding-top: 30px;
	margin-left: 70px;
}

#presse-img li{
	display: block;
	float: left;
	list-style-type: none;
	margin-left: 10px;
	margin-bottom: 10px;
	width: 160px;
	height: 195px;
	background: #FFFFFF;
}

#presse-img li:hover{
	display: block;
	float: left;
	list-style-type: none;
	margin-left: 10px;
	margin-bottom: 10px;
	width: 160px;
	height: 195px;
	background: #ec317f;
}

#presse-img a{
	text-decoration: none;
}

#presse-img img{
	margin-left: 5px;
	margin-top: 5px;
}

.description-article-presse{
	font-size: 10px;
	color: #000000;
	margin-top: 5px;
	text-align: center;
	height: 30px;
}

.description-article-presse:hover{
	font-size: 10px;
	color: #FFFFFF;
	margin-top: 5px;
	text-align: center;
	height: 30px;
}

/*---------------------------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------PAGE CALENDRIER------------------------------------------*/
/*---------------------------------------------------------------------------------------------------------------------------*/


#titre-info-calendrier{
	width: 980px;
	height: 74px;
	background: url(img/title/title-info-calendar.png) no-repeat;
	text-indent:-9999px;
	margin-top: 3px;
}

#texte-info-calendrier{
	background: #FFFFFF;
	min-height: 1000px;
	margin-top: 15px;
	margin-bottom: 15px;
}

.bloc-calendrier{
	font-size: 13px;
	text-align: justify;
	padding-bottom: 20px;
}

.bloc-calendrier p{
	margin-bottom: 20px;
}

.bloc-calendrier ul{
	margin-bottom: 20px;
	list-style-type: none;
}

.bloc-calendrier li{
	margin-bottom: 10px;
}

.table-calendrier{
	margin: 0 0 0 60px;
	padding-top: 20px;
}

.table-calendrier td{
	font-size: 12px;
	border: 1px solid #53afdb;
}

.table-calendrier .title-rubrique-calendrier{
	font-size: 10px;
	color: #ec317f;
	background: #e6e4e6;
}


/*---------------------------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------PAGE INFOS-----------------------------------------------------*/
/*---------------------------------------------------------------------------------------------------------------------------*/

#titre-info-info{
	width: 980px;
	height: 74px;
	background: url(img/title/title-informations.png) no-repeat;
	text-indent:-9999px;
	margin-top: 3px;
}

#texte-info-info{
	margin-top: 15px;
	margin-bottom: 15px;
	font-weight: bold;
	background: #FFFFFF;
}

.bloc-info{
	font-size: 13px;
	text-align: justify;
	padding: 0 30px;
	width: 920px;
	float: left;
	background: #FFFFFF;
}

#bloc-info-archive{
	background: #2D8FCC;
	min-height: 100px;
	margin: 0 auto;
	width: 980px;
	margin-bottom: 20px;
}

#bloc-info-archive h4{
	font-size: 20px;
	height: 25px;
	border-bottom: 1px solid white;
	width: 970px;
	padding-top: 5px;
	margin-left: 5px;
	text-align: right;
	color: #FFFFFF;
}

#bloc-info-archive a{
	font-size: 11px;
	text-decoration: none;
	color: #FFFFFF;
	margin-left: 20px;
}

#bloc-info-archive a:hover{
	font-size: 11px;
	text-decoration: underline;
	color: #FFFFFF;
	margin-left: 20px;
}

.titre-pages-info{
	color: #ec317f;
	font-size: 19px;	
	padding: 20px 0;
	text-decoration: underline;
}

.header-info{
	height: 15px;
	padding-top: 5px;
}

.header-info h1{
	font-size: 15px;
	color: #2d8fcc;
	float: left;
	margin-left: 15px;
}

.header-info p{
	text-align: right;
	font-size: 13px;
	font-style: italic;
	color: #fa9300;
}

.contenu-info{
	margin-top: 30px;
	margin-bottom: 30px;
}

.img-info{
	margin-bottom: 15px;
}

.img-info img{
	border: 1px solid black;
}

.info hr{
	margin-top: 15px;
	margin-bottom: 15px;
}

.lienNews a{
	text-decoration: none;
	color: red;
	font-size: 15px;
	margin-left: 260px;
}

.lienNews a:hover{
	text-decoration: underline;
	color: red;
	font-size: 15px;
	margin-left: 260px;
}

/*---------------------------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------PAGE CONTACT----------------------------------------------*/
/*---------------------------------------------------------------------------------------------------------------------------*/

#titre-info-contact{
	width: 980px;
	height: 74px;
	background: url(img/title/title-contact.png) no-repeat;
	text-indent:-9999px;
	margin-top: 3px;
}

#texte-info-contact{
	background: #FFFFFF;
	min-height: 550px;
	margin-top: 15px;
	margin-bottom: 15px;
}

.introContact{
	padding-top: 20px;
	padding-bottom: 20px;
	text-align: center;
	font-size: 13px;
	font-weight: bold;
}

.concluContact{
	margin-top: 50px;
	text-align: center;
	font-size: 13px;
	font-weight: bold;
}

.concluContact a{
	color: #ff20db;
}
#formContact{
	background: #53afdb;
	width: 800px;
	height: 400px;
	margin-left: 85px;
}

#formContact p{
	padding-top: 15px;
}

.champNom label{
	display:inline-block;
	text-align:right;
	text-transform:none;
	width:110px;
}

.champNom input{
	width: 250px;
	height: 25px;
	border: none;
}

.champMail label{
	display:inline-block;
	text-align:right;
	text-transform:none;
	width:110px;
}

.champMail input{
	width: 621px;
	height: 25px;
	border: none;
}

.champObjet label{
	display:inline-block;
	text-align:right;
	text-transform:none;
	width:110px;
}

.champObjet input{
	width: 621px;
	height: 25px;
	border: none;
}

.champMessage label{
	display:inline-block;
	text-align:right;
	text-transform:none;
	width:110px;
}

.champMessage input{
	width: 621px;
	height: 200px;
}

.champEnvoyer{
	text-align: center;
}

.champEnvoyer input{
	width: 150px;
	height: 30px;
	border: none;
	background: #DDDDDD;
}

.champEnvoyer input:hover{
	width: 150px;
	height: 30px;
	border: none;
	background: #ff20db;
	color: #FFFFFF;
}

.spacer {
  clear: both;
}