@charset "utf-8";
	/* CSS Document */
	
	/* CSS Document */
	
	img, a, div { margin:0; padding:0; }
	
	body {
		height:100%;
		margin:0;
		padding:0;
		
		font-size:62.5%;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		background: #551800 url(../images/generic/body-bg-content.jpg) repeat-x center 177px;
	}
	
	img {
		border-collapse:collapse;
		border:none;
	}
	
	a { border:none; outline:none; }
	
	p { margin:10px 0; }
	
	ul { margin:0; padding:0; }
	
	h1 { margin:0; padding:0; color:#FFCC00; font-size:4em;}
	
	h3 { 
		margin-top:40px;
		padding-bottom:6px;
		background: url(../images/generic/bottom-h3.png) repeat-x bottom left; 
	}
	
	span {
		font-weight:bold;
	}
	
	table  {
		border-collapse: collapse; 
		border-spacing:0;
	}
	
	.left-conteneur h3 {
		color:#a02e00;
	}
	.right-conteneur h3 {
		color:#446f81;
	}
	
	
	/* ---------------- 
	SELECTED
	---------------- */
	
	#accueil #header ul#menu li#accueil a {
		background-position:0 -50px;
	}
	#apropos #header ul#menu li#apropos a {
		background-position:0 -50px;
	}
	#communiques #header ul#menu li#communiques a {
		background-position:0 -50px;
	}
	#contact #header ul#menu li#contact a {
		background-position:0 -50px;
	}
	#liens #header ul#menu li#liens a {
		background-position:0 -50px;
	}
	#calendrier #header ul#menu li#calendrier a {
		background-position:0 -50px;
	}
	#equipes #header ul#menu li#equipes a {
		background-position:0 -50px;
	}
	#classement #header ul#menu li#classement a {
		background-position:0 -50px;
	}
	#photos #header ul#menu li#photos a {
		background-position:0 -50px;
	}
	#archives #header ul#menu li#archives a {
		background-position:0 -50px;
	}
	
	/* ---------------- 
	HEADER
	---------------- */
	
	#content-header {
		width:100%;
		height:176px;
		background: #551800 url(../images/generic/body-bg-menu.jpg) repeat-x top center;
	}
	
	#header {
		position:relative;
		width:980px;
		height:100%;
		
		margin:0 auto;
	}
	
	#header #logo {
		position:absolute;
		left:399px;
		top:0;
		width:166px;
		font-size:1.2em;
		color:#FFCC00;
	}
	
	/* ---------------- 
	MENU
	---------------- */
	
	#header ul#menu {
		width:980px;
		position:absolute;
		left:0;
		bottom:24px;
		height:23px;
		list-style:none;
	}
	
	#header ul#menu li {
		overflow:hidden;
		display:inline;
		text-indent:-9999px;
	}
	
	#header ul#menu li a {
		position:absolute;
		bottom:0;
		height:23px;
	}
	
	#header ul#menu li a img {
		display:block;
	}
	
	#header ul#menu li#accueil a {
		left:19px;
		width:54px;
		background:url(../images/generic/accueil-link.png) no-repeat 0 0;
	}
	#header ul#menu li#apropos a {
		left:85px;
		width:61px;
		background:url(../images/generic/apropos-link.png) no-repeat 0 0;
	}
	#header ul#menu li#communiques a {
		left:161px;
		width:92px;
		background:url(../images/generic/communiques-link.png) no-repeat 0 0;
	}
	#header ul#menu li#contact a {
		left:266px;
		width:58px;
		background:url(../images/generic/contact-link.png) no-repeat 0 0;
	}
	#header ul#menu li#liens a {
		left:337px;
		width:39px;
		background:url(../images/generic/liens-link.png) no-repeat 0 0;
	}
	#header ul#menu li#calendrier a {
		right:319px;
		width:78px;
		background:url(../images/generic/calendrier-link.png) no-repeat 0 0;
	}
	#header ul#menu li#equipes a {
		right:253px;
		width:54px;
		background:url(../images/generic/equipes-link.png) no-repeat 0 0;
	}
	#header ul#menu li#classement a {
		right:160px;
		width:79px;
		background:url(../images/generic/classement-link.png) no-repeat 0 0;
	}
	#header ul#menu li#photos a {
		right:95px;
		width:51px;
		background:url(../images/generic/photos-link.png) no-repeat 0 0;
	}
	#header ul#menu li#archives a {
		right:18px;
		width:64px;
		background:url(../images/generic/trophees-link.png) no-repeat 0 0;
	}
	
	#header ul#menu li#accueil a:hover,
	#header ul#menu li#apropos a:hover,
	#header ul#menu li#communiques a:hover,
	#header ul#menu li#contact a:hover,
	#header ul#menu li#liens a:hover,
	#header ul#menu li#calendrier a:hover,
	#header ul#menu li#equipes a:hover,
	#header ul#menu li#classement a:hover,
	#header ul#menu li#photos a:hover,
	#header ul#menu li#archives a:hover {
		background-position:0 -25px;
	}
	 
	/* ---------------- 
	CONTENT
	---------------- */
	
	#content {
		overflow:auto;
		position:relative;
		width:900px;
		min-height:400px !important;
		height:400px;
		height:auto;
	
		margin:1px auto 0;
		padding:0 30px 90px;
		
		font-size:1.2em;
		color:#666666;
		background: #fff url(../images/generic/content-bottom.png) no-repeat bottom center;
	}
	
	#content #top {
		position:absolute;
		top:0;
		left:0;
		width:960px;
		height:31px;
		background:url(../images/generic/content-top.png) no-repeat top center;
	}
	
	#content p {
		margin-left:10px;
		line-height:18px;
	}
	
	#content a {
		color:#00416e;216a9d
	}
	#content a:hover {
		color:#12a5bb;
	}
	
	#content .left-conteneur {
		float:left;
		width:575px;
		
		padding-right:29px;
		border-right:1px solid #ebe5dc;
	}
	
	#content .right-conteneur {
		float:right;
		width:270px;
	}
	
	#social		{ list-style:none; }
	#social li	{ display:inline-block; margin:0 0 0 10px; zoom:1; *display:inline; }
	
	.twtr-hd h3	{ background:none; }
	
	/* ---------------- 
	Accueil
	---------------- */
	
	#accueil #news {
		
	}
	
	#accueil #news p {

	}
	
	#accueil .affiche {
		margin:20px 10px 5px;
	}
	
	#accueil .affiche img {
	    width:180px;
		border:1px solid lightgrey;
	}
	#accueil #news .affiche img:hover {
		filter:alpha(opacity=80);
		opacity: 0.8;
		-moz-opacity:0.8;
	}
	
	#accueil h3#under-news {
		margin-top:15px;
	}
	
		
	#homeAffiche {
		list-style:none;
		padding:0;
		margin:0;
	}
	
	#homeAffiche li	{
		margin:0;
		padding:0;
	}
	
	/* ---------------- 
	A propos
	---------------- */
	
	#apropos .left-conteneur ul {
		margin-left:50px;
		padding-left:0;
		
		list-style:square;
		color:#2c5176;
	}
	
	#apropos .right-conteneur ul {
		margin-left:10px;
		font-size:0.8em;
		list-style:none;
	}
	
	/* ---------------- 
	Communiques
	---------------- */
    
    #communiques-archives  { margin-top:30px; }
	
	/* ---------------- 
	Contact
	---------------- */
	
	#contact #infos-sup {
		margin-top:30px;
	}
	
	#contact .contact p {
		margin:20px 0 5px 10px;
	}
	#contact .contact input {
		width:194px;
		
		padding:1px 3px;
		
		background:url(../images/generic/input.png) no-repeat top left;
		border:1px solid #e4a97c;
		
		-webkit-border-radius: 3px;
	    -moz-border-radius: 3px;
	
	}
	#contact .contact select {
		width:150px;
		border:1px solid #e4a97c;
		
		-webkit-border-radius: 3px;
	    -moz-border-radius: 3px;
	}
	#contact .contact input,
	#contact .contact select {
		margin-left:5px;
	}
	#contact .contact textarea {
		width:412px;
		margin-left:10px;
		padding:3px;
		
		background:url(../images/generic/input.png) no-repeat top left;
		border:1px solid #e4a97c;
		
		-webkit-border-radius: 3px;
	    -moz-border-radius: 3px;
	}
	#contact .contact input.name {
		width:212px;
	}
	#contact .contact input.age {
		width:30px;
	}
	#contact .contact p#send {
		width:431px;
		margin:5px 0;
		text-align:right;
	}
	#contact .contact input.send-btn {
		width:114px;
		height:29px;
		border:none;
		background:none;
	}
	
	#contact .contact p#sended {
		width:533px;
		margin:20px 0;
		padding:5px 20px;
		text-align:center;
		color:#fff;
		background:#3DA22F none repeat scroll 0 0;
		border:1px solid #297A1E;
	}
	
	
	/* ---------------- 
	Liens
	---------------- */
	
	#liens .left-conteneur a {
		text-decoration:none;
	}
	#liens .left-conteneur a:hover {
		text-decoration:underline;
	}
	
	#liens p.theatre {
		text-align:center;
	}
	
	#liens p.theatre {
		margin:20px 0;
	}
	
	/* ---------------- 
	Calendrier
	---------------- */
	
	#calendrier table tr td {
		padding:6px 10px;
		border-bottom:1px solid #f2ebe1;
	}
	#calendrier table tr:hover {
		background:#faf5f0;
	}
	
	#calendrier table tr td.dates {
		width:200px;
	}
	#calendrier table tr td.match {
		width:50px;
	}
	#calendrier table tr td span.special {
		font-size:0.8em;
		color:#a8a8a8;
	}
	
	/* ---------------- 
	Equipes
	---------------- */
	
	#equipes h4 {
		width:643px;
		margin:20px 0 5px 0;
		padding:5px 0 5px 10px;
	
		font-size:1.3em;
		color:#fff;
		
		-webkit-border-radius: 6px;
	    -moz-border-radius: 6px;
	    
	    clear:both;
	}
	
	#equipes #red {
		margin-top:10px;
		background-color:#b30b2f;
	}
	#equipes #blue {
		background-color:#027cbb;
	}
	#equipes #white {
		background-color:#fff;
		color:#016fd0;
		border:1px solid #016fd0;
		width:641px;
	}
	#equipes #green {
		background-color:#005c47;
	}
	
	#equipes ul.equipes {
		float:left;
		list-style:none;	
		width:430px;
		/*margin-bottom:10px;*/
	}
	
	#equipes ul.equipes li {
		float:left;
		margin:0 0 4px 6px;
	}
	
	.allTeam {
		float:left;
	}
	
	#equipes .left-conteneur	{ width:660px; padding-right: 0; border-right:none; }
	#equipes .right-conteneur	{ width:220px; padding-right: 0; padding-top:8px; }
	
	.names { display:block; margin-bottom:30px; font-weight:normal; font-size:0.9em; }
	
	hr.clear	{ display:block; clear:both; width:100%; height:0; padding:5px 0; margin:0; border:none; font-size:0; visibility:hidden; }
	
	/* ---------------- 
	Classement
	---------------- */
	
	#classement table {
		margin-left:7px;
	}
	
	#classement table tr td {
		width:40px;
		padding:3px 0;
	}
	#classement table tr td.first-td {
		width:100px;
	}
	#classement table#star {
		margin-top:20px;
	}
	#classement table#star tr td {
		width:240px;
	}
	
	#classement .right-conteneur ul {
		margin-left:10px;
		font-size:0.8em;
		list-style:none;
	}
	
	/* ---------------- 
	Photos
	---------------- */
	
	#photos p.back {
		margin:0 0 20px 0;
		padding:0 0 18px 10px;
		background: url(../images/generic/bottom-h3.png) repeat-x bottom left; 
	}
	#photos p.back a:hover {
		filter:alpha(opacity=60);
		opacity: 0.6;
		-moz-opacity:0.6;
	}
	
	#photos ul.listing {
		overflow:hidden;
		margin-top:30px;
		list-style:none;
	}
	
	#photos ul.listing li {
		float:left;
		position:relative;
		
		margin:0 0 11px 11px;
		
		border:1px solid #e0dcda;
		cursor:pointer;
	}
	
	#photos ul.listing li a {
		display:block;
		position:relative;
		width:128px;
		height:128px;
	
		background:url(../images/photos/preview-bg-idle.png) no-repeat top left;
	}
	
	#photos ul.listing li a span {
		position:absolute;
		top:87px;
		left:4px;
		width:120px;
		margin:0;
		
		font-size:10px;
		font-weight:normal;
		color:#666666;
		text-align:center;
	}
	
	#photos ul.listing.match li a {
		position:relative;
		width:128px;
		height:108px;
		background:url(../images/photos/matchthumb-idle.png) no-repeat top left;
	}
	#photos ul.listing.match li a img {
		display:block;
	}
	
	#photos ul.listing li a img {
		position:relative;
		top:8px;
		left:8px;
		border:1px solid #fff;
	}
	
	#photos ul.listing li:hover {
		text-decoration:underline;
	}
	#photos ul.listing li a:hover {
		background:url(../images/photos/preview-bg-over.png) no-repeat top left;
	}
	#photos ul.listing.match li a:hover {
		background:url(../images/photos/matchthumb-over.png) no-repeat top left;
	}
	
	.crop	{
		overflow:hidden; height:97px; text-align:center;
	}
	
	.listing .crop		{ text-align:left; height:81px; }
			
	
	/* ---------------- 
	Archive
	---------------- */
	
	#archives h4.prix						{ margin-top:50px; font-size:1.2em; color:#AF6B10; text-decoration:underline; }
	#archives ul.listing.match				{ list-style:none; border-bottom:1px solid #e3e3e3; padding-bottom:10px; }
	#archives ul.listing.match li			{ position:relative; padding:10px 80px 0 10px; margin-top:10px; height:60px; border-top:1px solid #e3e3e3; }
	#archives ul.listing.match li a.img		{ position:absolute; top:10px; right:0; }
	#archives ul.listing li a img 			{ position:relative; top:8px; left:9px; border:1px solid #fff; }
	#archives ul.listing.match li a 		{ position:relative; width:71px; height:60px; background:url(../images/archives/archivesthumb-idle.png) no-repeat top left;}
	#archives ul.listing.match li a:hover 	{ background:url(../images/archives/archivesthumb-over.png) no-repeat top left; }
	#archives ul.listing.match li a img 	{ display:block; }
	 
	/* ---------------- 
	FOOTER
	---------------- */
	
	#footer {
		width:960px;
		
		margin:0 auto;
	}
	
	#footer p#albinos {
		margin:0 0 20px 0;
		
		text-align:right;
	}