/* Balises HTML */
body {
	background-attachment: absolute;
	background-image: url(images/fond.jpg);
	background-repeat: no-repeat;
	background-color: #FFFFFF;
	font-family: Arial, sans-serif;
	font-size: 12px;
	color: #6e6e6f;
	margin: 0px 0px ;
	padding: 0px 0px ;
}
form {
	margin: 0px 0px 0px 0px;
}

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

/* Effacement des floats */
.efface{
	clear: both;
}


/* Cadre général centré */
#cadregeneral {
	width: 1000px;
	height: auto;
	margin: 0px auto 35px auto;
	background-image: url(images/logo_GF38.png);
	background-repeat: no-repeat;
	background-position: left 12px ;
	
	overflow: auto;
}


/* Le bouton accueil */
#cadregeneral a.accueil {
	float: right;
	display: block;
	width: 128px;
	height: 21px;
	background-image: url(images/btn-accueil-clair.png);
	background-repeat: no-repeat;
	margin-top: 25px;
}
#cadregeneral a.accueil:hover {
	background-image: url(images/btn-accueil.png);
	text-decoration:none;
}

/* Le bouton contact */
#cadregeneral a.contact {
	float: right;
	display: block;
	width: 117px;
	height: 21px;
	background-image: url(images/btn-contact-clair.png);
	background-repeat: no-repeat;
	margin-top: 25px;
	margin-right: 20px;
	
}
#cadregeneral a.contact:hover {
	background-image: url(images/btn-contact.png);
	text-decoration:none;
}

/* Le séparateur vertical*/
#cadregeneral .separateur {
	float: right;
	width: 33px;
	height: 24px;
	background-image: url(images/btn-separateur.png);
	background-repeat: no-repeat;
	margin-top: 25px;
}

/* Les 2 blocs principaux*/
#cadregeneral #top{
	float: right;
	width: 494px;
	height: 431px;
	margin: 45px 0px 0px 0px;
}

#cadregeneral #collection{
	float: left;
	width: 487px;
	height: 430px;
	margin: 45px 0px 0px 0px;
	background-image: url(images/fond_collection.gif);
	background-repeat: repeat-x;
	
	}

#cadregeneral #accroche{
	float: right;
	width: 850px;
	height: 30px;
	margin: 35px 10px 0px 0px;
	
	
}
#cadregeneral #accroche_txt{
	float: right;
	font-size: 24px;
	color: #FFFFFF;
	margin-right: 150px ;
}


/* Collection Officielle */
#cadregeneral #collection a.collection1 {
	float: left;
	margin: 25px 0px 30px 50px;
	display: block;
	width: 169px;
	height: 114px;
	background-image: url(images/collection1.gif);
	background-repeat:no-repeat;
	}
#cadregeneral #collection a.collection1:hover {
	background-image: url(images/collection1-hover.gif);
}
	
	#cadregeneral #collection a.collection1 h2 {
	font-size: 19px;
	font-family: Helvetica, sans-serif;
	color: #FFFFFF;
	padding-top:105px;
	text-decoration:none;
	letter-spacing: 0px;
	
	}

#cadregeneral #collection a.collection1:hover h2{
	text-decoration:none;
}

/* Collection Training */
#cadregeneral #collection a.collection2 {
	float: left;
	margin: 25px 0px 30px 50px;
	display: block;
	width: 169px;
	height: 114px;
	background-image: url(images/collection2.gif);
	background-repeat:no-repeat;
	}
#cadregeneral #collection a.collection2:hover {
	background-image: url(images/collection2-hover.gif);
}
	#cadregeneral #collection a.collection2 h2 {
	font-size: 19px;
	font-family: Helvetica, sans-serif;
	letter-spacing: 0px;
	color: #FFFFFF;
	padding-top:105px;
	text-decoration:none;
	
	}

#cadregeneral #collection a.collection2:hover h2{
	text-decoration:none;
}

/* Collection Stade des Alpes */	
#cadregeneral #collection a.collection3 {
	float: left;
	margin: 25px 0px 30px 50px;
	display: block;
	width: 169px;
	height: 114px;
	background-image: url(images/collection3.gif);
	background-repeat:no-repeat;
	}
#cadregeneral #collection a.collection3:hover {
	background-image: url(images/collection3-hover.gif);
}
	#cadregeneral #collection a.collection3 h2 {
	font-size: 19px;
	font-family: Helvetica, sans-serif;
	letter-spacing: 0px;
	color: #FFFFFF;
	padding-top:105px;
	text-decoration:none;
	
	}
#cadregeneral #collection a.collection3:hover h2{
	text-decoration:none;
}

/* Collection Home déco */	
#cadregeneral #collection a.collection4 {
	float: left;
	margin: 25px 0px 30px 50px;
	display: block;
	width: 169px;
	height: 114px;
	background-image: url(images/collection4.gif);
	background-repeat:no-repeat;
	}
#cadregeneral #collection a.collection4:hover {
	background-image: url(images/collection4-hover.gif);
}
	#cadregeneral #collection a.collection4 h2 {
	font-size: 19px;
	font-family: Helvetica, sans-serif;
	letter-spacing: 0px;
	color: #FFFFFF;
	padding-top:105px;
	text-decoration:none;
	
	}

#cadregeneral #collection a.collection4:hover h2{
	text-decoration:none;
}		
	
	
#cadregeneral #collection #titrefiche {
	font-size: 30px;
	color: #FFFFFF;
	font-family: Helvetica, sans-serif;
	font-weight: bold;
	line-height: 24px;
	text-align: left;
	margin: 27px 0px 0px 50px;
}		

/* Separateur */
#cadregeneral #separateur{
	float: left;
	width: 5px;
	height : 170px;
	margin: 60px 0px 0px 0px;
	background-image: url(images/separateur.png);
	background-repeat:no-repeat;
}


/* Boutique */
#cadregeneral #boutique{
	float: left;
	width: 320px;
	height : 180px;
	margin: 50px 5px 0px 50px;
}

#cadregeneral #boutique #corps{
	width: 125px;
	color:#000000;
	float: right;
	margin: 20px 5px 0px 5px;
	
}

#cadregeneral #boutique  #img{
	float: left;
	margin: 0px 0px 0px 0px;
	display: block;
	width: 169px;
	height: 114px;
	background-image: url(images/boutique.gif);
	background-repeat:no-repeat;
}

#cadregeneral  #boutique  #titrefiche {
	font-size: 24px;
	color: #003a68;
	font-family: Helvetica, sans-serif;
	font-weight: bold;
	line-height: 24px;
	text-align: left;
	margin: 0px 0px 10px 0px;
}

#cadregeneral #boutique #corps p {
	margin: 0px 0px 8px 0px;
}
#cadregeneral #boutique #corps li {
	margin: 0px 0px 8px 0px;
}
#cadregeneral #boutique #corps  a {
	color: #2e7bb8;
	text-decoration: none;
	font-weight: bold;
}
#cadregeneral #boutique #corps a:hover {
	text-decoration: underline;
}

/* Catalogue */
#cadregeneral #catalogue{
	float: left;
	width: 265px;
	height : 180px;
	margin: 50px 0px 0px 20px;
}

#cadregeneral #catalogue #corps{
	width: 125px;
	color:#000000;
	float: right;
	margin: 20px 5px 0px 5px;
	}

#cadregeneral #catalogue  #img{
	float: left;
	margin: 0px 0px 0px 0px;
	display: block;
	width: 110px;
	height: 129px;
	background-image: url(images/catalogue.png);
	background-repeat:no-repeat;
}

#cadregeneral  #catalogue  #titrefiche {
	font-size: 24px;
	color: #003a68;
	font-family: Helvetica, sans-serif;
	font-weight: bold;
	line-height: 24px;
	text-align: left;
	margin: 0px 0px 10px 0px;
}


#cadregeneral #catalogue #corps p {
	margin: 0px 0px 8px 0px;
}
#cadregeneral #catalogue #corps li {
	margin: 0px 0px 8px 0px;
}
#cadregeneral #catalogue #corps  a {
	color: #2e7bb8;
	text-decoration: none;
	font-weight: bold;
}
#cadregeneral #catalogue #corps a:hover {
	text-decoration: underline;
}

/* Billeterie */
#cadregeneral #billeterie{
	float: left;
	width: 310px;
	height : 180px;
	margin: 50px 0px 0px 20px;
}

#cadregeneral #billeterie #corps{
	width: 125px;
	color:#000000;
	float: right;
	margin: 20px 5px 0px 5px;
	
}

#cadregeneral #billeterie  #img{
	float: left;
	margin: 0px 0px 0px 0px;
	display: block;
	width: 131px;
	height: 112px;
	background-image: url(images/billeterie.png);
	background-repeat:no-repeat;
}

#cadregeneral  #billeterie  #titrefiche {
	font-size: 24px;
	color: #003a68;
	font-family: Helvetica, sans-serif;
	font-weight: bold;
	line-height: 24px;
	text-align: left;
	margin: 0px 0px 10px 0px;
}

#cadregeneral #billeterie #corps p {
	margin: 0px 0px 8px 0px;
}
#cadregeneral #billeterie #corps li {
	margin: 0px 0px 8px 0px;
}
#cadregeneral #billeterie #corps  a {
	color: #2e7bb8;
	text-decoration: none;
	font-weight: bold;
}
#cadregeneral #billeterie #corps a:hover {
	text-decoration: underline;
}


#footer { margin: 0 0 ; padding-right: 20px; position: relative; float: right; width: 400px;  }
#footerref {text-align: center; margin: 0 0 0 0; padding: 0 0 0 0;   }
#footer a {color: #636161; text-decoration: underline; font-weight:bold;}
#footer p {color: #636161; margin-top: 20px; padding:0;font-size: 0,9em;}
#footRight {margin: 10px 0 0 0;float: right;}