/* TABLE DES MATIÈRES:
	- Générale (body, html, h1, h2, ...)
	- Conteneur
	- Menu
	- Textes
	- Pieds de page
	- Formulaires
	- Accueil
	- Calendrier
	- Galerie
----------------------------------------------------------------------------------------*/

/* GÉNÉRAL
--------------------------------------------------------------------------------------- */
*{outline:none;}

body#index{
	background: #FFF url(gx/bg.gif) repeat-x;
	margin: 0;
	padding: 0;
	text-align:center;
	border:0;
}
body#main{
	background: #c51021 url(gx/bg.jpg) no-repeat;
	margin: 0;
	padding: 0;
	text-align:center;
}

a {color: white; text-decoration: underline;}
a:hover {color: white; text-decoration: none;}

html{
	color: #717172;
	font-size: 11px;
	/* Garder 3 fontes seulement */
	font-family: Verdana;
}
html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, a, img{border:0; margin:0; padding:0;text-decoration:none;}

h1{
	color: #C21527;
	font-size:18px;
}
h1 a, h1 a:link, h1 a:visited{
	color:#C21527;
}

h2.boutique {
	float:left;
	color:#850210;
	font-size:24px;
	font-weight:bold;
	text-transform:uppercase;
}

/* titre boutique si nb caractère plus grand que 40 */
h2.boutique2 {
	float:left;
	color:#850210;
	font-size:20px;
	font-weight:bold;
	text-transform:uppercase;
	line-height:20px;
}

h3.boutique {font-size:20px; color:#850210; font-weight:bold; text-transform:uppercase; padding-top:10px;}

h3{
	color: #fff;
	font-size:27px;
	font-weight:bold;
}
h5{color:#fff;font-size:12px;font-weight:bold;}
h5.date{font-weight: normal;}
h6{color:#fff;font-size:16px;font-weight:bold;}
div#equipe ul li.clear{ width: 100%; height: 0px; overflow: hidden; background: none; clear: both; float: none; }

/* CONTENEUR
--------------------------------------------------------------------------------------- */
#haut{height:384px;width:980px;background: #FFF url(gx/haut_bg.jpg) no-repeat;position:relative;color:#fff;}
#logo{height:300px;width:300px;position:absolute;top:30px;left:0px;cursor:hand;}
#conteneur{
	float:left;
	margin: 0 auto 0 auto;
	text-align:left;
	width:980px;
}
#contenu{
	background: #434343 url(gx/contenu_bg.gif) repeat-x top;
	width:980px;
	position:relative;
}
#pointage{height:182px;width:202px;position:absolute;top:180px;left:272px;}
#pointageInner{padding-left:35px;}
#pointageInner p{font-size:12px;line-height: 120%;margin-top:6px;}
#pointageInner p a, #pointageInner p a:link, #pointageInner p a:visited{line-height:120%;height:12px;}
#pointageInner p a:hover, #pointageInner p a:visited:hover{color:#000;}
.point{position:absolute;}
.point h4{position:absolute;color:#000;font-size:40px;}
.point img{float:left;width:58px;height:58px;overflow:hidden;}
#prochainePartieInner h3{margin-top:4px;}

#prochainePartie{height:192px;width:456px;position:absolute;top:172px;right:22px;}
#prochainePartieInner{padding-left:35px;}
#prochainePartie p{font-size:12px;line-height: 120%;color:#000;position:absolute;bottom:1px;left:0px;text-align:center;width:456px;}
.equipeProchainePartie{position:absolute;width:189px;height:130px;overflow:hidden;}
#prochainePartie h4{position:absolute;top:90px;right:195px;color:#000;font-size:36px;}

#nouvelles{width:460px;background:#707170;margin-left: 20px;float: left; }
.ligne{height:1px;width:100%;overflow:hidden;border:none;background:#fff;margin: 10px 0;}
.elementCtn1{width:460px;height:246px;position:absolute;background:#fff;}
.elementCtn2{width:460px;height:100px;position:absolute;background:#fff;}
.elementCtnPetit { height:120px; }
.elementCtn1 h4.headerone, .elementCtn2 h4.headerone{background:url(gx/ctnHead01.gif) no-repeat;height:34px;line-height:34px;font-size:18px;color:#d8172a;padding-left:15px;}
.elementCtn h4.headertwo{background:url(gx/ctnHead02.gif) no-repeat;height:34px;line-height:34px;font-size:18px;color:#d8172a;padding-left:15px;}
.elementCtn1 p, .elementCtn2 p{color:#000;font-size:14px; padding-left:15px;}
.elementCtn a{color:#d8172a;}
.elementCtn h4.headertwo a{color:#d8172a;}
.elementCtn h4.headerone a{color:#d8172a;}

#partenaires{height:193px;width:100%;background:#ffffff url(gx/separateur.gif) repeat-x;}
#partenaires h3{padding:16px 0 0 27px;color:#000;font-size:16px;font-weight:bold;}

.partenaireCtn{background-color:#fff;border:2px solid #fff246;margin:0 20px 10px 0;padding-bottom:14px;}
.partenaireCtn h4.header{
	background:#fff246 url(gx/ctnHead.gif) repeat-x;
	border-bottom:2px solid #fff246;
	height:30px;
	line-height:30px;
	font-size:18px;
	color:#d8172a;
	padding-left:15px;
	margin-bottom:10px;
}
.partenaireCtn p{color:#000;}

/* MENU
--------------------------------------------------------------------------------------- */
#menu{height:29px; margin:0; padding:0;color: #fff;position:absolute;top:121px;right:33px;}
#menu ul{margin:0;padding:0;}
#menu ul li{padding:0; margin:0; display:inline; list-style-type:none;}
#menu ul li a, #menu ul li a:link, #menu ul li a:visited{
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	padding: 0px 13px 0px 12px;
	text-decoration: none;
	line-height:29px;
	height:29px;
}
#menu ul li a:hover, #menu ul li a:visited:hover{color:#fddb34;}
#menu ul li a.actif, #menu ul li a.actif:visited{color:#fddb34;}

#haut a, #haut a:link, #haut a:visited{
	color: #fff;
	font-size: 11px;
	padding: 0px 13px 0px 12px;
	text-decoration: none;
	line-height:29px;
	height:29px;
}
#haut a:hover, #haut a:visited:hover{color:#fddb34;}
#haut a.actif, #haut a.actif:visited{color:#fddb34;}


/* TEXTES
--------------------------------------------------------------------------------------- */
p{font-size: 11px; line-height: 150%; color: #fff;}
p a, p a:link, p a:visited, ul li a, ul li a:visited, ol li a, ol li a:visited{color: #0A254E; text-decoration: underline;}
p a:hover, p a:visited:hover, ul li a:hover, ul li a:visited:hover, ol li a:hover, ol li a:visited:hover{
	color:#000; text-decoration:underline;
}
ul li{font-size:11px; line-height:150%; list-style:square; margin-left:16px;}
ul li a, ul li a:link, ul li a:visited{color:#fff}
ul li a:hover, ul li a:visited:hover{color:#fff; text-decoration:none;}
ol li{font-size:11px; line-height:150%; color:#1F1F1F; margin-left:16px;}

.textePetit{font-size:10px; color:#1F1F1F;}
.textePetit a, .textePetit a:link, .textePetit a:visited{font-size:10px; color:#1F1F1F;}
.textePetit a:hover, .textePetit a:visited:hover{font-size:10px; color:#1F1F1F;}

#liensansunderscore{text-decoration:none;color:000000; font-weight:bold;}

/* PIED DE PAGE
--------------------------------------------------------------------------------------- */
#piedPage{background:#333434;color:#fff; font-family:Verdana; font-size:10px;padding:0;text-align:center;}
#piedPage ul{margin:0;padding:0;}
#piedPage ul li{padding:0; margin:0; display:inline; list-style-type:none;}
#piedPage ul li a, #piedPage ul li a:link, #piedPage ul li a:visited{
	color: #fff;
	font-size: 12px;
	padding: 0px 13px 0px 12px;
	text-decoration: none;
	line-height:18px;
	height:18px;
}
#piedPage ul li a:hover, #piedPage ul li a:visited:hover{color:#fddb34;}
#piedPage ul li a.actif, #piedPage ul li a.actif:visited{color:#fddb34;}
#piedPage a{color:#BD9500; text-decoration:underline;}
#piedPage a:hover{color:#000;}
#piedPage #copyrights{margin:0; text-align:center;font-size:10px;color:#fffefe;}
#piedPage #copyrights a{font-weight:bold;}
#piedPage #copyrights #lienCopyrights{font-weight:normal; text-decoration:none; color:#555;}
#piedPage #copyrights #lienCopyrights:hover{font-weight:normal; text-decoration:underline; color: #555;}

/* FORMULAIRES
--------------------------------------------------------------------------------------- */
fieldset{margin-bottom:10px; padding: 5px; border:1px solid #000;font-size: 11px;}
fieldset legend{font-size: 14px; font-weight: bold; color:#000; padding:3px;border: 1px solid #999;}
fieldset label{font-size: 12px; color:#000;margin:2px 0 2px 0}

.champTexte{	
	background: #EEF3F7;
	border: 1px solid #C9D0D6;
	color: #4E677A;
	font-size: 11px;
	margin:2px 0 2px 0;
}
.listeDeroulante{
	background: #EEF3F7;	
	border: 1px solid #C9D0D6;
	color: #4E677A;
	font-size: 11px;
	margin:2px 0 2px 0;
}
.boiteTexte{
	background: #EEF3F7;
	border: 1px solid #C9D0D6;
	color: #4E677A;
	font-family: "Trebuchet MS";
	font-size: 11px;
	margin:2px 0 2px 0;
}
.bouton{
	background-color: #EEF3F7;
	border: 1px solid #C9D0D6;
	color: #498ECB;
	font-family: "Trebuchet MS";
	font-size: 11px;
	font-weight: bold;
}
.bouton:hover{background-color: #1A80B6;} /* FF seulement */

.boutonRadio{background: #EEF3F7;color: #4E677A;font-size: 11px;}
.caseaCocher{border: none;}
.erreur{color: #FF0000;}

/* ACCUEIL
--------------------------------------------------------------------------------------- */
div.boutique{
	background: #FFF url(gx/00/boutique_bg.jpg) no-repeat bottom;
	position: relative;
}
div.boutique #titre{
	position:absolute;
	top:54px;left:0px;
	line-height: 16px;
}
div.boutique #description{
	position:absolute;
	bottom:20px; left:0px;
	line-height: 16px;
	font-weight: normal;
}
div.billets{
	background: #FFF url(gx/00/billets_bg.jpg) no-repeat bottom;
	position: relative;

}
div.billets #titre{
	padding:5px 0 0 15px; 
	line-height: 150%;
}
div.billets #description{
	position:absolute;
	bottom:25px;left:20px;
	line-height: 16px;
	font-weight: normal;
}
div.classement{
	background: #FFF url(gx/00/bg_lhgaaaq.gif) no-repeat top right;
	position: relative;
}
div.classement #titre{
	padding:5px 0 0 15px; 
	line-height: 150%;
}
div.classement #description{
	position:absolute;
	bottom:25px;left:20px;
	line-height: 16px;
	font-weight: normal;
}

div.nouvelles{
	position: static;
	height: 34px;
}
span.btnSuite{
	float: right;
}
span.btnSuite a{
	color: white;
	font-size: 12px;
}
.imgNouvelle{
	float:left; 
	margin:0px 10px 10px 0;
}
.imgNouvelle img{
	border:1px solid #fff;
}
h6.titre a{
	color: white;
}
#container_right_home{
	float: left;
	margin-left: 20px;
}

/* calendrier */
#box_calendrier{width:460px;background:#707170;margin-left: 20px;float: left; }
table#calendrier{
	background: #4F4F4F;
	width: 440px;
	padding: 17px 0;
}
table#calendrier {
	background: #4F4F4F;
}
td.lesforms{
	padding: 0 0 10px 20px;
}
table#calendrier {
	border-width: 1px 1px 1px 1px;
	border-spacing: 0px;
	border-style: none none none none;
	border-color: gray gray gray gray;
	border-collapse: collapse;
}
table#calendrier td {
	border-width: 1px 1px 1px 1px;
	padding: 5px 5px 5px 5px;
	border-style: solid solid solid solid;
	border-color: white;
	-moz-border-radius: 0px 0px 0px 0px;
	color: white;
}
tr.titreJour{
	color: white;
	font-weight: bold;
	height: 20px;
}
.jour{
	background: #5D5D5D;
}
.even{
	color: white;
	font-weight: bold;
	background: #850310;
}
.even_local{
	color: white;
	font-weight: bold;
	background: #166E3C;
}
.even a, .even_local a{
	color: white;
	font-weight: bold;
	text-decoration: underline;
}

/* GALERIE */
div#galerie{
	width: 900px;
	background: #333434;
	margin: 20px 0 100px 30px;
	position: relative;
}
div#galerie h1.titre{
	margin-left: 25px;
}
div#galerie ul{
	margin: 0; padding: 0;
	margin-left: 25px;
}
div#galerie ul li.image{
	margin: 0 20px 20px 0; padding: 10px;
	list-style-type: none;
	width: 250px;
	background: #676766;
	float: left;
}
div#galerie ul li.image img{
	margin-bottom: 5px;
}
div#galerie ul li.image h1{
	font-size: 10px;
	color: white;
	border-bottom: 1px white solid;
	padding-bottom: 2px;
	margin-bottom: 5px;
	line-height: 11px;
	width: 250px;
}
div#galerie ul li.image p{
	font-size: 10px;
	color: white;
	line-height: 12px;
	width: 250px;
}
div#galerie ul li.image div.box_texte{
	height: 50px;
	overflow: hidden;
}
li.clearBoth{
	clear: both;
	list-style-type: none;
	margin: 0; padding: 0;
}

/* sommaire des matchs */
div#sommaire{
	margin-left: 30px;
	margin-bottom: 100px;
}
div#sommaire table{
	color: white;
	font-size: 12px;
}
div#sommaire tr{
	background: #6F6F70;
}
div#sommaire td{
	padding: 5px;
}
div#sommaire tr.header{
	background: #333434;
	font-weight: bold;
}
div#sommaire tr.even{
	background: #8F8F8F;
	font-weight: normal;
}
div#sommaire tr a{
	color: white;
	font-weight: normal;
	text-decoration: underline;
}

table.sommaire td.titreSection{
	background: black;
	font-weight: bold;
}
table.sommaire td.titre{
	background: #4F4F4F;
	font-weight: bold;
}
table.sommaire tr.border_top td{
	border-top: 1px #BFBFBF dashed;
}

/* Les Montagnards */
div#equipe{
	padding-left: 30px;
}
div#equipe ul{
	margin: 0; padding: 0;
	margin-left: 40px;
}
div#equipe ul li{
	margin: 0; padding: 0;
	list-style-type: none;
	width: 160px;
	background: #333434;
	padding: 10px;
	margin-bottom: 10px;
	margin-right: 40px;
	float: left;
}
div#equipe ul li img{
	margin: 0; padding: 0;
	border: 5px #605F60 solid;
}
div#equipe ul li p{
	line-height: 18px;
	margin-top: 5px;
}

/* BILLETS
--------------------------------------------------------------------------------------- */

#page_billets {
color:#FFF;
margin-left: 30px;
}

#page_billets h1{
color:#f2d512;
}

/* BOUTIQUE
--------------------------------------------------------------------------------------- */

#boutique {
border: 2px solid #000;
background-color:#FFF;
float:right;
margin: 0 20px 0 0;
padding: 0 0 20px 0;
text-align: center;
width:640px;
}

*html #boutique {margin: 0 10px 0 0;}

#boutique_menu{
float:left;
}

#boutiqueMenuCat {width:240px; margin-left:12px; padding:25px 20px 25px 20px; border:2px solid #fff24b; background:#fff24b url(gx/10/bg_boutiqueMenuCat.gif) top left repeat-x;}
	#boutiqueMenuCat h2 a {font-size:24px; color:#850210; font-weight:bold; text-transform:uppercase;}

#boutiqueFormPdf {clear:both; width:269px; height:217px; padding:40px 0px 0px 35px; background:url(gx/10/bg_formPdf.png) top left no-repeat; z-index:-1;}
	#boutiqueFormPdf p, #boutiqueFormPdf span {font-size:16px; color:#010000; font-weight:bold; line-height:20px; letter-spacing:-1px; z-index:10000;}

#catProduitTitre {clear:both; width:609px; height:44px; margin:0 auto 0 auto; background:url(gx/10/bg_catProduitTitre.gif) top left no-repeat; text-align:center;}
	
#itemProduct {float:left; width:296px; margin:12px 0px 0px 12px;}
	.contentProduct {width:272px; margin:0px; padding:0px 10px; border-left:2px solid #bcbcbc; border-right:2px solid #bcbcbc; text-align:center;}
	
	.imgProDetail {float:left; width:355px; text-align:center; margin-top:12px;}
	.descrProDetail {float:left; width:273px; text-align:left; margin-top:12px; padding-right:12px;}
		.descrProDetail p {font-size:14px; color:#343333; font-weight:normal; margin:0px; padding:0px;}
		
		#thumbnail {clear:both;}
			#thumbnail .itemthumb {float:left; width:100px; height:75px; margin:12px 0px 0px 12px; border:1px solid #DDDDDD;}
			*html #thumbnail .itemthumb {margin:12px 0px 0px 8px;}
	
#categoriesListe { width:100%; }

#categoriesListe .categorie{
	background: #FFF url(gx/10/bg_categorie.jpg) no-repeat top center;
	height: 105px;
	padding: 0px 45px 0px 45px;
}

#categoriesListe .categorie .titreCat {float:left; width:280px; text-align:left; margin-top:25px;}
#categoriesListe .categorie .btCat {float:left; margin-top:35px;}