/*----------------------------------------------------------------------------------
 TABLE OF CONTENTS
 -----------------------------------------------------------------------------------
 BODY
	+ Container											#container
		+ Header											#header
			- Title											#title
			- Slogan										#slogan
		+ Navbar											#navbar
		+ Content										#Content
			+ News										#news
			+ Sidebar									#sidebar
				- Module Breves						#module_beves
				- Module Match						#module_match
				- Module Classement				#module_classement
				- Module Sondage					#module_sondage
				- Module Boite a idees				#module_boiteAidees
			+ Interview
			+ Mag	
			+ Chants
			+ Parrain
			+ Goodies
			+ Club
			+ Notation	
			+ Contact									#contact
			+ Plan du site								#plan	
		+ Footer											#footer
		+ Others
---------------------------------------------------------------------------------*/

* {
	margin: 0;
	padding: 0;
	outline: none; 
	-moz-outline-style: none;
}

body {
	background: url(../images/bg.jpg) top center no-repeat;
	font: 12px "Arial", "Trebuchet MS", "Tahoma", "Verdana", serif;
	text-align: justify;
}



/**************************************************/
/*---------------------------Container----------------------------*/
/**************************************************/

#container {
	width: 912px;
	margin: 0 auto;
}



/**************************************************/
/*-----------------------------Header-----------------------------*/
/**************************************************/

#header {
	height: 180px;
	font-style: italic;
	opacity: .01; 
	-moz-opacity: .01; 
	filter: alpha(opacity=1);
}

	#title  {
		font-size: 35px;
		padding: 92px 0 0 95px;
	}
	
	.lien_accueil {
		display: block;
		width: 170px; 
		height: 140px;
		margin: -135px 0 0 365px; 
	}

	#slogan  {margin: -55px 0 0 550px;}

	

/**************************************************/
/*-----------------------------Navbar-----------------------------*/
/**************************************************/

#navbar {
	width: 900px;
	height: 60px; 
	margin: 30px 0 25px;
}

#menu { 
	position: relative;
	display: none; 	
	width: 100%; 
	left: 0;  
}
	#menu div.jqDockWrap { margin: 0 auto; }
	#menu div.jqDock { cursor: pointer; }
	#menu img { padding: 0 5px; }
	#menu a { text-decoration: none; font-weight: bold; color: #000; }

div.jqDockLabel { cursor: pointer; }

	
	
/**************************************************/
/*-----------------------------Content----------------------------*/
/**************************************************/

#content {
	width: 912px;
	min-height: 1020px;
	margin-left: -1px;
	padding-bottom: 35px;
	background: url(../images/bg-y.gif) repeat-y;
	[margin-left: -1px;
	margin-left: 0;]
}
	#module_infirmerie {
		width: 514px;
		height: 67px;
		margin: 20px 0;
		background: url(../images/content/news/infirmerie.jpg) top center no-repeat;
		font-style: italic;
	}
	#module_infirmerie p { text-align: right; }
	#module_infirmerie p a {  color: #000; }
	#module_infirmerie p a:hover {  text-decoration: underline; }
	#infirmerieBottom { display: block; margin: -10px 0 0 0; }
	#infirmerie {
		width: 530px;
		float: left;
		margin-left: 20px;
	}
	#infirmerie table { width: 530px; border: 3px solid #0d5e00; border-collapse: collapse; text-align: center; }
	#infirmerie table th { color: #0d5e00; font-size: 120%; border-right: 1px solid #aaa; padding: 5px; }
	#infirmerie table tr td { border-top: 1px solid #aaa; border-right: 1px solid #aaa; padding: 5px; }
	
	#lireTitre { font-size: 150%; font-weight: bold; color: #0d5e00; margin-bottom: 2px;}


	
/**************************************************/
/*-------------------------------News------------------------------*/
/**************************************************/

#news {
	width: 530px;
	float: left;
	margin-left: 20px;
}

#FirstnewsBottom {
	display: block;
	background: url(../images/content/news/first-news.png) top center no-repeat;
	width: 504px;
	height: 230px;
	margin-bottom: -30px;
}

.newsBottom {
	width: 504px;
	margin: 10px 0;
	padding: 0 5px;
}

.newsBottom img { border: 1px solid #000; }

.newsBottomLeft { width: 110px; float: left; margin-right: 8px; }

.newsBottomInfo { margin-bottom: 5px; }
.newsBottomInfo a { 
	font-weight: bold; 
	font-size: 150%; 
	color: #288321;
}
.newsBottomInfo a:hover { color: #4ac541; }
 
.newsBottomContent { float: left; width: 382px; }
.newsBottomContent a { color: #000; }

.newsBottomRead {
	display: block;
	background: url(../images/content/news/bouton_lire_suite.png) top center no-repeat;
	width: 71px;
	height: 18px;
	margin: 3px 0 0 311px;
}
.newsBottomRead:hover { background-position: bottom; }

.barNews {
	height: 1px; 
	color: #000; 
	margin: 5px 0 20px;
}

#slider {
    width: 514px; 
	margin: 0;	
}
	.textholder {
		color: white;
		font: 11px Arial, Helvetica, sans-serif;
		padding: 8px 10px 0;
	}
	#slider strong { font-size: 140%; }
	#slider a { color: #fff; }
	#slider a:hover { text-decoration: underline; }
	
#partage { margin-top: -20px;}	
#facebook {
	float: left;
	display: block;
	background: url(../images/content/news/facebook.png) top center no-repeat;
	width: 16px;
	height: 16px;
	margin: 0 5px;
}
#twitter {
	float: left;
	display: block;
	background: url(../images/content/news/twitter.png) top center no-repeat;
	width: 16px;
	height: 16px;
}

.bottom { bottom: 0; left: 0;}

.borderGreen:hover { border: 1px solid green; }

.commentNews { margin: 20px 0; }
	.commentNews i { color: #888; font-size: 90%; }
	.commentNews b { color: #109709; font-variant: small-caps; font-weight: bold; font-size: 130%; }
	.commentNews img { margin: -15px 0 0 5px; }
	.commentNews p { padding: 10px; background: #f1f1f1; color: #444; }



/**************************************************/
/*-----------------------------Sidebar-----------------------------*/
/**************************************************/

#sidebar {
	float: right;
	margin-right: 21px;
}

#sidebar div {margin-bottom: 20px;}

	.titre_module {
		font: italic bold 13px "Arial", "Trebuchet MS", "Tahoma", "Verdana", serif;
		color: #fff;
		padding: 4px 0 0 5px;
	}

	
	#module_breves {
		width: 300px;
		height: 270px;
		background: url(../images/content/sidebar/breves.jpg) top center no-repeat;
	}
		#module_breves li a { color: #000; text-decoration: none; font-style: italic; }
		#module_breves li a:hover { color: #43a013; }
		.brevesExclu { color: #f00; }
		.brevesExclu:hover { color: #43a013; }
		.brevesFlash { font-weight: bold; }
		.brevesFlash:hover { color: #43a013; }
		
		#rssBreves {
			display: block;
			float: right;
			background: url(../images/content/sidebar/rss.png) top center no-repeat;
			width: 20px;
			height: 20px;
			margin: -38px 5px 0;
		}
		
		.jcarousel-container {position: relative;}
		.jcarousel-clip {z-index: 2; padding: 0; margin: 0; overflow: hidden; position: relative;}
		.jcarousel-list { z-index: 1; overflow: hidden; position: relative; top: 0; left: 0; margin: 0; padding: 0;}
		.jcarousel-list li, .jcarousel-item {float: left; list-style: none; width: 75px; height: 75px;		}
		.jcarousel-next {z-index: 3; display: none;}
		.jcarousel-prev {z-index: 3; display: none;}
		.jcarousel-container-vertical {width: 300px; height: 247px;}
		.jcarousel-clip-vertical {width: 300px; height: 220px; margin: -13px 10px 0 5px;}
		#mycarousel li,.jcarousel-item-vertical,.jcarousel-item-placeholder-vertical {width: 340px; height: auto; margin: 0 0 2px 0;}
		.jcarousel-item h3,.jcarousel-item p {margin: 0; font-size: 12px;}
		.jcarousel-next-vertical {position: absolute; bottom: -13px; left: 125px; width: 15px; height: 15px; cursor: pointer; background: url(../images/content/sidebar/arrow-down.png) no-repeat center;}
		.jcarousel-next-disabled-vertical { ursor: default; opacity: .5; -moz-opacity: .5; filter: alpha(opacity=50);}
		.jcarousel-prev-vertical {position: absolute; top: 226px; left: 160px; width: 15px; height: 15px; cursor: pointer; background: url(../images/content/sidebar/arrow-up.png) no-repeat center;}
		.jcarousel-prev-disabled-vertical {cursor: default; opacity: .5; -moz-opacity: .5; filter: alpha(opacity=50);}
		.loading {background: transparent url(../images/loading.gif) 50% 50% no-repeat;}

		
	#module_match {
		width: 300px;
		height: 175px;
		background: url(../images/content/sidebar/match.jpg) top center no-repeat;
		font-style: italic;
	}
		#matchTop {
			width: 265px; 
			height: 81px;
			margin: -10px auto;
			padding-left: 35px;
			text-align: center;
			font-size: 120%;
			font-weight: bold;
		}
		#matchTop img, #matchTop div { float: left; }
		#matchTop div { width: 100px; padding: 20px 5px 0; }
		
		#module_match marquee { width: 260px; margin-left: 20px; }

	
	#module_classement {
		width: 300px;
		height: 170px;
		background: url(../images/content/sidebar/classement.jpg) top center no-repeat;
		font-style: italic; 
	}
		#module_classement table { width: 300px; text-align: center; margin-top: -10px; }
		#module_classement table tr td { padding: 1px; }
		#module_classement a { color: #000; display: block; margin: 5px 0 0 145px;}
		#module_classement a:hover { text-decoration: underline; }
		

	
	#module_sondage {
		width: 300px;
		height: 250px;
		background: url(../images/content/sidebar/sondage.jpg) top center no-repeat;
		font-style: italic; 
	}
	#sondage_QA {
		width: 280px;
		margin: -3px auto 0;
	}
	#sondageSubmit { margin-left: 117px;}

	#module_boiteAidees {
		width: 290px;
		height: 95px;
		background: url(../images/content/sidebar/idees.jpg) top center no-repeat;
		padding: 0 5px;
	}
	#module_boiteAidees a { color: #46a319; }
	#module_boiteAidees a:hover { text-decoration: underline; }
	#baiDIV { margin-top: -15px; padding: 5px; font-style: italic; text-align: center; }


	
	
/**************************************************/
/*----------------------------Interview----------------------------*/
/**************************************************/

#bg_interview {
	background: url(../images/content/interview/bg.jpg) top no-repeat;
	width: 912px;
	min-height: 1002px;
	margin: -19px 0 0 1px;
	padding-top: 45px;
	text-align: center;
}

#title_interview {
	background: url(../images/content/interview/barrehaute.png) top no-repeat;
	width: 851px;
	height: 64px;
	margin: -1px auto 0;
	font-size: 60px;
	font-style: italic;
	color: #fff;
	text-align: center;
}

.title2_interview {
	margin-bottom: 5px;
	margin-left: -20px;
	font-size: 55px;
	color: #fff;
	text-align: center;
}

#sup_interview {
	float: left;
	background: url(../images/content/interview/modulesupporters.png) top no-repeat;
	width: 379px;
	height: 447px;
	margin: 132px 7px 0 48px;
	padding-left: 20px;
	text-align: left;
}

#pro_interview {
	float: left;
	background: url(../images/content/interview/modulepro.png) top no-repeat;
	width: 379px;
	height: 447px;
	margin-top: 132px;
	padding-left: 20px;
	text-align: left;
}

#col_interview {
	float: left;
	background: url(../images/content/interview/modulecollector.png) top no-repeat;
	width: 593px;
	height: 173px;
	margin: 33px 0 0 145px;
	padding-left: 20px;
	text-align: left;
}

#interview { text-align: justify; margin: 30px 0; padding: 0 30px; }



/**************************************************/
/*-------------------------------Mag-------------------------------*/
/**************************************************/

.formMag { color: white; }
.formMag label { display: block; }
.formMag input { width: 180px; margin-bottom: 10px; }
#formMagText { width: 300px; margin-top: 10px; text-align: left; }

#mag_signup {
	width: 431px;
	height: 158px;
	margin: 0 0 0 19px;
	padding: 10px;
	background: url(../images/content/mag/signup.jpg) top center no-repeat;
}
	#b_mag_signup {
		display: block;
		background: url(../images/content/mag/b_signup.png) top center no-repeat;
		width: 106px; 
		height: 32px;
		margin: -30px 0 0 325px; 
		border: 0;
		cursor: pointer;
	}
	#b_mag_signup:hover {background-position: bottom;}

#mag_connect {
	width: 369px;
	height: 158px;
	margin: -178px 0 40px 490px;
	padding: 10px;
	background: url(../images/content/mag/connect.jpg) top center no-repeat;
}
	#b_mag_connect {
		display: block;
		background: url(../images/content/mag/b_connect.png) top center no-repeat;
		width: 106px; 
		height: 32px;
		margin: -25px 0 0 263px; 
		border: 0;
		cursor: pointer;
	}
	#b_mag_connect:hover {background-position: bottom;}
	

.mag_title {
	text-align: center; 
	font-style: italic;
	color: #fff; 
	font-size: 22px; 
}

#mag {
	width: 541px;
	height: 721px;
	margin: 0 auto;
	background: url(../images/content/mag/mag.jpg) top center no-repeat;
}

#mycarouselMag { margin: 0 auto; text-align: center; }
	.jcarousel-skin-mag .jcarousel-container-horizontal {
		width: 800px;
		padding: 20px 0;
	}
	.jcarousel-skin-mag .jcarousel-clip-horizontal {
		width:  800px;
		height: 100%;
	}
	.jcarousel-skin-mag .jcarousel-item {
		height: 100%;
		width: 800px;
		[width: 800px;
		width: 790px;]
	}
	.jcarousel-skin-mag .jcarousel-item-horizontal {
		margin-right: 10px;
	}
	.jcarousel-skin-mag .jcarousel-item-placeholder {
		background: #fff;
		color: #000;
	}
	.jcarousel-scroll-mag { margin-top: 20px; }
	.jcarousel-scroll-mag a{ margin: 5px; }

#mycarouselMag-prev {
	display: block;
	background: transparent url(../images/content/club/prev-horizontal.png) no-repeat 0 0;
	width: 32px;
	height: 32px;
	margin-left: 330px;
	cursor: pointer;
}
#mycarouselMag-prev:hover { background-position: -32px 0; }
#mycarouselMag-prev:active { background-position: -64px 0; }

#mycarouselMag-next {
	display: block;
	background: transparent url(../images/content/club/next-horizontal.png) no-repeat 0 0;
	width: 32px;
	height: 32px;
	margin: -37px 0 0 440px;
	cursor: pointer;
}
#mycarouselMag-next:hover { background-position: -32px 0; }
#mycarouselMag-next:active { background-position: -64px 0; }




.jcarousel-skin-magstart .jcarousel-container {
    -moz-border-radius: 10px;
    background: #eee;
    border: 1px solid #ccc;
}
.jcarousel-skin-magstart .jcarousel-container-horizontal {
    width: 700px;
    padding: 20px 40px;
	margin: 0 auto;
}
.jcarousel-skin-magstart .jcarousel-clip-horizontal {
    width:  700px;
    height: 114px;
}
.jcarousel-skin-magstart .jcarousel-item {
    width: 150px;
    height: 114px;
}
.jcarousel-skin-magstart .jcarousel-item-horizontal {
    margin-right: 100px;
}
.jcarousel-skin-magstart .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

.jcarousel-skin-magstart .jcarousel-next-horizontal {
    position: absolute;
    top: 62px;
    right: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(../images/content/club/next-horizontal.png) no-repeat 0 0;
}

.jcarousel-skin-magstart .jcarousel-next-horizontal:hover {
    background-position: -32px 0;
}

.jcarousel-skin-magstart .jcarousel-next-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-magstart .jcarousel-next-disabled-horizontal,
.jcarousel-skin-magstart .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-magstart .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

.jcarousel-skin-magstart .jcarousel-prev-horizontal {
    position: absolute;
    top: 62px;
    left: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(../images/content/club/prev-horizontal.png) no-repeat 0 0;
}

.jcarousel-skin-magstart .jcarousel-prev-horizontal:hover {
    background-position: -32px 0;
}

.jcarousel-skin-magstart .jcarousel-prev-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-magstart .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-magstart .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-magstart .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}



/**************************************************/
/*-----------------------------Chants-----------------------------*/
/**************************************************/

#chants_bg
{
	width: 912px;
	margin-top: -1px;
}
#chants_news {
	width: 204px;
	height: 232px;
	margin: 0 0 0 25px;
	padding: 70px 0 0 30px;
	background: url(../images/content/chants/news.png) top center no-repeat;
}

#chants_songs {
	width: 204px;
	height: 396px;
	margin: -302px 0 0 338px;
	padding: 70px 0 0 30px;
	background: url(../images/content/chants/songs.png) top center no-repeat;
}

#chants_lessons {
	width: 204px;
	height: 232px;
	margin: -466px 0 0 652px;
	padding: 70px 0 0 30px;
	background: url(../images/content/chants/lessons.png) top center no-repeat;
}


#chantIdBG {

	background: url(../images/content/chants/bg.jpg) top center no-repeat;
	width: 840px;
	margin: -21px 0 0 6px;
	padding: 170px 30px 10px;
}

#chantDownload {
	display: block;
	background: url(../images/content/chants/boutontelecharger.png) top center no-repeat;
	width: 157px;
	height: 54px;
}
#chantDownload:hover { background-position: bottom; }




/**************************************************/
/*-----------------------------Parrain-----------------------------*/
/**************************************************/

#parrain_titre {
	background: url(../images/content/parrain/barrejessy.png) top center no-repeat;
	width: 733px;
	height: 38px;
	margin: 10px auto;
	padding-top: 5px;
	font-size: 22px;
	font-weight: bold;
	font-style: italic;
	color: #fff;
}

#parrain_fiche {
	width: 440px;
	height: 374px;
	margin: 30px 0 0 12px;
	padding: 8px 15px;
	color: #fff;
	background: url(../images/content/parrain/bg_fiche.png) top center no-repeat;
}
	#parrain_h1 {font-size: 50px; font-style: italic; padding-bottom: 22px;}
	.parrain_h2 {color: #000; font-weight: bold;}

#parrain_player {
	margin: -355px 0 0 482px;
}
	#parrain_interview {
		display: block;
		width: 96px;
		height: 21px;
		margin: -3px 0 0 152px;
		background: url(../images/content/parrain/interview.jpg) top center no-repeat;
	}

#parrain_media {
	width: 530px;
	height: 390px;
	margin: 50px auto -150px auto;
	background: url(../images/content/parrain/jessy.png) top center no-repeat;
	padding-top: 270px;
}
	#parrain_photos {
		display: block; 
		width: 68px; 
		height: 44px;
		margin-left: 30px; 
		background: url(../images/content/parrain/photos.png) top center no-repeat;
	}
	#parrain_photos:hover {background-position: bottom;}
		#bg_parrain_photo {
			width: 900px; 
			height: 128px;
			margin: -30px auto 250px auto;
			padding-top: 25px;
			background: url(../images/content/parrain/photoshaut.png) top center no-repeat;
		}
		#vignette_parrain_photo {
			width: 387px; 
			height: 261px;
			margin: -15px auto;
			background: url(../images/content/parrain/vignette_photos.png) top center no-repeat;
		}
		#barre_photo {
			width: 610px; 
			height: 2px;
			margin: -40px auto 30px auto;
			background: url(../images/content/parrain/barre_photo.png) top center no-repeat;
		}
		#gallerie_photos {
			width: 800px; 
			margin: 0 90px;
		}
		.vignette {
			height: 160px;			
			margin-right: 40px; 
			margin-bottom: 10px;
			float: left;
		}
	
	#parrain_videos {
		display: block; 
		width: 62px; 
		height: 53px;
		margin: -30px 0 0 380px; 
		background: url(../images/content/parrain/videos.png) top center no-repeat;
	}
	#parrain_videos:hover {background-position: bottom;}
	
		#bg_parrain_video {
			width: 900px; 
			height: 128px;
			margin: -30px auto 250px auto;
			padding-top: 25px;
			background: url(../images/content/parrain/videoshaut.png) top center no-repeat;
		}
		#vignette_parrain_video {
			width: 387px; 
			height: 261px;
			margin: -15px auto;
			background: url(../images/content/parrain/vignette_videos.png.png) top center no-repeat;
		}
		.titre_parrain_video {
			color : #00830c;
			font-weight: bold;
			margin-left : 100px;			
		}
		#parrain_video_player {
			width: 700px; 
			height : 394px; 
			background-color: black; 
			margin: 5px auto;
		}
		#videoThumbs {
			width: 780px;
			height : 130px;
			margin: -5px auto 5px auto;
			padding: 10px
		}

#bg_parrain_itv {
	width: 900px; 
	height: 106px;
	margin: -30px auto 50px auto;
	padding-top: 25px;
	background: url(../images/content/parrain/interviewshaut.png) top center no-repeat;
}

#parrain_module_itv {
	float: left;
	width: 211px; 
	height: 459px;
	margin: 0 20px 0 25px;
	padding: 10px;
	text-align: center;
	font-size : 14px; 
	font-style: italic; 
	color: #fff;
	background: url(../images/content/parrain/module-itv.png) top center no-repeat;
}
#parrain_module_itv a { color: #fff; }
#parrain_module_itv a:hover { text-decoration: underline; }
	#titre_module_itv {
		font-size: 35px;
		margin: 0 0 -45px 0;
	}		

#bg_module_itv {
	float: left;
	width: 572px; 
	min-height: 563px;
	margin: -30px 0 30px 0;
	padding: 10px;
	background: url(../images/content/parrain/jessy-itv.jpg) top center no-repeat;
}



/**************************************************/
/*----------------------------Goodies-----------------------------*/
/**************************************************/

#goodies_joueurs {
	display: block; 
	width: 207px; 
	height: 132px;
	margin: 50px 0 0 110px; 
	background: url(../images/content/goodies/joueurs.png) top center no-repeat;
}
#goodies_joueurs:hover {background-position: bottom;}

#goodies_supporters {
	display: block; 
	width: 195px; 
	height: 155px;
	margin: -155px 0 0 580px; 
	background: url(../images/content/goodies/supporters.png) top center no-repeat;
}
#goodies_supporters:hover {background-position: bottom;}

#goodies_signatures {
	display: block; 
	width: 193px; 
	height: 84px;
	margin: 210px 0 0 18px; 
	background: url(../images/content/goodies/signatures.png) top center no-repeat;
}
#goodies_signatures:hover {background-position: bottom;}

#goodies_player {
	width: 510px; 
	height: 510px;
	margin: -310px auto; 
	padding-top: 17px;
	background: url(../images/content/goodies/shadow_player.png) top center no-repeat;
}
	#bg_goodies_player {
		background: url(../images/content/goodies/player.jpg) top center no-repeat;
		width: 476px; 
		height: 442px;
		margin: 0 auto;
	}
	#goodies_img {
		height: 256px;
		padding-top: 185px;
	}
	#footer_goodies_player {
		width: 476px; 
		height: 25px;
		padding: 10px 0 0 0;
		color: #fff;
		text-align: center;
		font-style: italic;
		background-color: #565656;
	}
	
#goodies_divers {
	display: block; 
	width: 192px; 
	height: 51px;
	margin: -310px 0 0 689px; 
	background: url(../images/content/goodies/divers.png) top center no-repeat;
}
#goodies_divers:hover {background-position: bottom;}

#goodies_photos {
	display: block; 
	width: 218px; 
	height: 127px;
	margin: 226px 0 0 130px; 
	background: url(../images/content/goodies/photos.png) top center no-repeat;
}
#goodies_photos:hover {background-position: bottom;}

#goodies_atelier {
	display: block; 
	width: 144px; 
	height: 160px;
	margin: -127px 0 0 565px; 
	background: url(../images/content/goodies/atelier.png) top center no-repeat;
}
#goodies_atelier:hover {background-position: bottom;}


#goodiesContent {
	width: 900px; 
	text-align: center;
}
#goodiesContent h2 { margin-bottom: 10px; }


/**************************************************/
/*-------------------------------Club-------------------------------*/
/**************************************************/
#clubHaut {
	background: url(../images/content/club/module.png) top center no-repeat;
	width: 881px; 
	height: 196px;
	margin: 0 auto;
	color: #fff;
	font-style: italic;
	text-align: center;
}

.clubBG {
	background: url(../images/content/club/bg.jpg) top center no-repeat;
	width: 900px; 
	height: 758px;
	margin: 0 auto;
}

#classement { width: 800px; border: 3px solid #0d5e00; border-collapse: collapse; margin: 30px auto 0; padding: 5px; text-align: center; }
#classement th { color: #0d5e00; font-size: 120%; border-right: 1px solid #aaa; padding: 5px; }
#classement tr td { border-top: 1px solid #aaa; border-right: 1px solid #aaa; padding: 5px; }
#classementSainte { background: green; }


/**************************************************/
/*----------------------------Notation----------------------------*/
/**************************************************/
#BGnotation {
	background: url(../images/content/notation/fond.png) top center no-repeat; 
	width: 912px; 
	min-height: 1012px; 
	text-align: center; 
	margin: -21px 0 0 0;
}

#notationClassement {
	float: left;
	background: url(../images/content/notation/moduleclassement.png) top center no-repeat;
	width: 236px; 
	height: 625px;
	margin: 30px 5px 0 10px;
	padding-top: 5px;
}
	.notationClassementJoueur {
		width: 216px; 
		height: 32px;
		margin: 19px 0 26px;
		padding: 8px 10px 0;
		text-align: left;
		font-size: 20px;
		color: #fff; 
	}


#notationVignette {
	float: left;
	width: 640px; 
	margin-top: 50px;
	padding-left: 9px;
}
	.notationVignetteJoueur {
		float: left;
		background: url(../images/content/notation/vignette.png) top center no-repeat;
		width: 154px; 
		height: 211px;
		margin: 0 5px 40px 0;
		color: #000;
		font-size: 16px;
		text-align: left;
	}
		.notationVignetteJoueur img { margin: 5px 0 20px 5px; }
		.notationNomJoueur {
			margin: -18px 0 8px 0;
			text-align: center;
			font-size: 80%;
			font-weight: bold;
			color: #fff;
		}
		.notationNbMatchJoueur {
			display: block;
			margin: 15px 0 23px 10px;
		}
		.notationMatchJoueur {
			display: block;
			margin: 0 0 18px 5px;
		}
		.notationVignetteJoueur form {
			margin-left: 15px;
		}
		.notationVignetteJoueur form input[type="submit"] { [margin-bottom: 0px; margin-bottom: 4px;] }


#notationJoueur {
	background: url(../images/content/notation/modulebas.png) top center no-repeat;
	width: 619px; 
	height: 173px;
	margin: 30px auto;
	padding-top: 10px;
	color: #1bc41c; 
	font-size: 20px;
}
#notationJoueur div { float: left; width: 302px; margin-left: 5px; }
#notationJoueur img { margin: 3px 0 -5px 90px; }
	.notationJoueurNom { color: #fff; font-weight: bold; font-size: 70%; }




/**************************************************/
/*--------------------------Boite à idées-------------------------*/
/**************************************************/
#bAi_titre {
	width: 709px;
	height: 66px;
	background: url(../images/content/boiteAidees/moduletitre.png) top center no-repeat;
	margin: 0 auto 10px auto;
	text-align: center;
	font-size: 50px;
	font-style: italic;
	color: #fff;
	padding-top: 5px;
}

#bAi_info {
	width: 315px;
	height: 212px;
	margin: 0 auto 20px auto;
	background: url(../images/content/boiteAidees/moduleinformations.png) top center no-repeat;
	font-style: italic;
	color: #fff;
	text-align: center;
}
#bAi_info form { padding: 10px; }

#bAi_bar {
	display: block;
	width: 552px;
	height: 9px;
	margin: 20px auto 0 auto;
	background: url(../images/content/boiteAidees/barreseparation.png) top center no-repeat;
}

.bAi_reponse {
	text-align: center;
	font-style: italic;
	margin: 20px;
}
.bAi_reponse span { color: #d20e0e; }

#bAi_submit {
	background: url(../images/content/boiteAidees/boutonvalider.png) top center no-repeat;
	width: 137px;
	height: 26px;
	border: 0;
	cursor: pointer;
}
#bAi_submit:active { background-position: bottom center; }



/**************************************************/
/*---------------------------Plan du site--------------------------*/
/**************************************************/

#plan {
	width: 300px;
	margin: 0 auto;
}

#plan ul { margin-bottom: 30px; }
#plan ul li { margin: 10px; }
	#plan ul li a { color: #000; font-weight: bold;}
	#plan ul li a:hover { color: #35a020; font-weight: bold;}
	#plan ul li ul li a { color: #555; font-weight: normal; }
#plan ul li ul { padding-left: 10px; }



/**************************************************/
/*-------------------------------Equipe------------------------------*/
/**************************************************/

#equipeBG {
	background: url(../images/content/equipe/bg.jpg) top center no-repeat;
	width: 912px;
	min-height: 1012px;
	margin-top: -21px;
	color: #fff;
	font-style: italic;
}
#equipeBG b { font-size: 120%; }

.equipePers {
	float: left;
	width: 285px;	
	margin-left: 15px;
	font-size: 110%;
	font-weight: bold;
}
.equipePers a { font-weight: normal; color: #fff; }
.equipePers img, .equipePers p { float: left; }
.equipePers p { padding: 10px 0 0 5px; }



/**************************************************/
/*------------------------------Contact-----------------------------*/
/**************************************************/

#contact {
	width: 750px;
	margin: 0 auto;
	padding-left: 150px;
}
#contact form textarea { width: 500px; height: 300px; }


/**************************************************/
/*------------------------------Footer-----------------------------*/
/**************************************************/

#footer {
	width: 792px;
	height: 283px;
	margin-top: -25px;
	margin-left: -120px;
	padding: 17px 0 0 358px;
	background: blue url(../images/footer.jpg) top center no-repeat;
	[margin-left: -120px;
	margin-left: -119px;]
}

.colonne_footer { float: left;	margin-right: 30px; }

#footer ul { list-style-type: none; }
#footer ul  li{margin-bottom: 4px; }

.titre_colonne { font-style: italic; padding-bottom: 13px; }

#footer ul li a{ color: #a5a4a4; text-decoration:none; }
#footer ul li a:hover{ color: #080; }



/**************************************************/
/*------------------------------Others-----------------------------*/
/**************************************************/
.clear {
	clear: both;
}

img {display:block; border: 0; }

h2 { font-size: 150%; font-weight: bold; text-decoration: underline; color: #35a020; }
h3 { font-size: 230%; font-weight: bold; font-style: italic; color: #fff; text-align: center; }

.floatLeft { float: left; }

.liste li { color: #fff; }
.liste a { color: #fff; font-size: 120%; }
.liste a:hover { color: #69f449; font-style: italic; text-decoration: underline; }

.num { border: 1px solid #000; padding: 3px 6px; color: #000; }
.num:hover { border: 1px solid #fff; color: #fff; background: #35a020; }
.numActive { border: 1px solid #fff; color: #fff;  background: #0d5e00; }

.info { color: red; margin: 30px 0; }

.retourDIV { margin-top: 20px; text-align: center; }
.retour { color: #000; font-style: italic; }
.retour:hover { text-decoration: underline; }

a { text-decoration: none; }

#pub {
	width: 900px;
	margin: 0;
}
img.preload { 
	display: none; 
}

#captcha {
	width: 160px;
	height: 45px;
	margin: 0 auto;
	background: #fff;
}