/******************************************************************************/
/*                                   compHeader                            */
/******************************************************************************/

.compHeader {

	margin:0 auto;
	
	width:1000px;
}	

.compHeader .headerComposants {
	
}
.compHeader .headerComposants .footerComposants {
}
.compHeader .headerComposants .footerComposants .contentComposants {
}

.compHeader .headerComposants .footerComposants .contentComposants .topContentComposants {
	
}
.compHeader .headerComposants .footerComposants .contentComposants .topContentComposants .titleComposants {
}
.compHeader .headerComposants .footerComposants .contentComposants .topContentComposants .titleComposants span {
   display:none;
}

.compHeader .headerComposants .footerComposants .contentComposants .dataContentComposants {
    background:url('../image/head_backgroundNEW2.png') no-repeat;
	width:1000px;
	height:180px;
}
.compHeader .headerComposants .footerComposants .contentComposants .dataContentComposants #eBilletterie{
    background: url("../image/ico_code_barres.gif") no-repeat scroll 0 6px transparent;
    border-bottom: 1px solid;
    bottom: 15px;
    font-size: 23px;
    height: 30px;
    left: 295px;
    padding: 0 0 15px 35px;
    position: absolute;
    text-transform: uppercase;
    width: 600px;
}
.compHeader .headerComposants .footerComposants .contentComposants .dataContentComposants .descriptionHeader {
    display:none;
}
.compHeader .headerComposants .footerComposants .contentComposants .dataContentComposants .etapeHeader {
    display:none;
}
.compHeader .headerComposants .footerComposants .contentComposants .dataContentComposants .lienAccueilHeader {
    bottom:9px;
	color:#000000;
	display:block;
	font-size:10px;
	font-weight:bold;
	height:15px;
	left:19px;
	line-height:15px;
	position:absolute;
	text-decoration:none;
	text-indent:22px;
	top:150px;
	z-index:100;
}
.lienSiteHeaderRetourBilletterie{
    bottom:9px;
	color:#000000;
	display:block;
	font-size:10px;
	font-weight:bold;
	height:15px;
	left:161px;
	line-height:15px;
	position:absolute;
	text-decoration:none;
	text-indent:22px;
	top:150px;
	z-index:100;
	text-transform: capitalize;
	  background:url('../image/BgBilletterieMenu.jpg') no-repeat -7px 0;
	   height:24px;
	   border-right: 1px solid #CCCCCC;
	   width: 135px;
	   padding-top: 6px;
	   padding-left:8px;
}

.compHeader .headerComposants .footerComposants .contentComposants .dataContentComposants .lienAccueilHeader{
  background:url('../image/BgBoutique.jpg') no-repeat -7px 0;
  height:24px;
  border-right: 1px solid #CCCCCC;
	width: 135px;
	padding-top: 6px;
}

.compHeader .headerComposants .footerComposants .contentComposants .dataContentComposants .lienAccueilHeader span {
	margin-left:10px;
}
.compHeader .headerComposants .footerComposants .contentComposants .dataContentComposants .lienSiteHeader {
	bottom:2px;
color:#000000;
display:block;
font-size:10px;
font-weight:bold;
height:19px;
right:0;
position:absolute;
text-decoration:none;
text-indent:19px;
top:150px;
width:116px;
margin-top:6px;  
}

.compHeader .headerComposants .footerComposants .contentComposants .dataContentComposants .lienAccueilHeader:hover, 
.compHeader .headerComposants .footerComposants .contentComposants .dataContentComposants .lienSiteHeader:hover,
.lienSiteHeaderRetourBilletterie:hover {
	color:#017aa9;   
}

.compHeader .headerComposants .footerComposants .contentComposants .dataContentComposants .lienSiteHeader span { 
	
}

.compHeader .headerComposants .footerComposants .contentComposants .bottomContentComposants {
}

#menuGauche{
	background:url('../image/bg_prim_nav.png');
	height:25px;
	position:absolute;
	top:-25px;
	width:1000px;
}


#menuGauche li{
	display:block;
	float:left;
	width:115px;
	text-align:center;
	height:25px;
	
}

#menuGauche li a{
	color: #fff;
	text-decoration:none;
	text-transform:capitalize;
	width:115px;
	display:block;
	font-size:12px;
	border-left: 1px solid #65656D;
    border-right: 1px solid #46464E;
	margin-top:2px;
}

#menuGauche li:hover{
	background: none repeat scroll 0 0 #4D4D4D;
}

#menuGauche li#activites{
		margin-left:50px;
	width:100px;
}

#menuGauche li#activites a{

	width:100px;
}

#menuGauche li#activites a:hover{
	width:100px;
}

#menuGauche li#groupes1{
	
	width:85px;
}

#menuGauche li#groupes1 a{

	width:85px;
}

#menuGauche li#groupes1 a:hover{
	width:85px;
}