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

.compHeader {
    position: relative;
    
}
#pageCompte .compHeader {

    position: relative;
    
}
.compHeader .headerComposants {
}
.compHeader .headerComposants .footerComposants {
}
.compHeader .headerComposants .footerComposants .contentComposants {
}

.compHeader .headerComposants .footerComposants .contentComposants .topContentComposants {
    background: url("../image/menu_bg.jpg") repeat-x scroll 0 0 transparent;
    height: 40px;
    position: absolute;
    top: 0;
    width: 980px;
}

/*******************************************************************************/
/*                                    topMenu                                  */
/*******************************************************************************/

#topMenu {
    width: 980px;
    height: 40px;
}

#topMenu a {
    font-size: 1.5em;
    color: #666666;
}

#topMenu a:hover {
    color: #8c6f3b;
}

#inscription a {
    font-size: 11px;
    padding-left: 20px;
    padding-top: 10px;
    position: absolute;
    text-decoration: none;
    text-transform: uppercase;
    top: 5px;
}

#reserver {
    border-left: 2px solid #CCCCCC;
    height: 29px;
    left: 194px;
    padding: 10px 79px 0;
    position: absolute;
    text-transform: uppercase;
}

#saison {
    border-left: 2px solid #CCCCCC;
    height: 29px;
    left: 457px;
    padding: 10px 65px 0;
    position: absolute;
    text-transform: uppercase;

}

#theatre {
    border-left: 2px solid #CCCCCC;
    height: 29px;
    padding: 10px 75px 0;
    position: absolute;
    right: 0;
    text-transform: uppercase;
}

#reserver a {
    text-decoration: none;
    text-transform: uppercase;
}

#saison a {
    text-decoration: none;
    text-transform: uppercase;
}

#theatre a {
    text-decoration: none;
    text-transform: uppercase;
}

/*******************************************************************************/
/*                                    topMenu End                              */
/*******************************************************************************/

.compHeader .headerComposants .footerComposants .contentComposants .topContentComposants .titleComposants {
width:991px;
height:52px;

	display:none;

}
.compHeader .headerComposants .footerComposants .contentComposants .topContentComposants .titleComposants span {
font-family:Arial, Helvetica, sans-serif;
    font-size: 13px;
	line-height:28px;
	font-weight:bold;
	color:#fff;
	padding:0 0 0 15px;
    text-transform: uppercase;
}
.compHeader .headerComposants .footerComposants .contentComposants .dataContentComposants {
	background: url("../image/puce_carre.gif") no-repeat scroll 709px 146px transparent;
}
.compHeader .headerComposants .footerComposants .contentComposants .dataContentComposants a {
    text-decoration:none;
}

.compHeader .headerComposants .footerComposants .contentComposants .dataContentComposants .descriptionHeader{
    border-right: 16px solid #8c6f3b;
    color: #8c6f3b;
    float: left;
    font-size: 26px;
    margin-left: 226px;
    margin-top: 165px;
    padding-right: 0;
    text-transform: uppercase;
    width: 500px;
}
.compHeader .headerComposants .footerComposants .contentComposants .dataContentComposants .etapeHeader{
	display: none;
}

.compHeader .headerComposants .footerComposants .contentComposants .dataContentComposants .lienAccueilHeader{
    background: url("../image/ico_fleche_calendar2_droite.gif") no-repeat scroll 0px 0 transparent;
    border-bottom: 1px solid #000000;
    height: 20px;
    line-height: 21px;
    padding: 0 0 0 20px;
    position: absolute;
    right: 0;
    top: 104px;
    width: 218px;
    text-indent: 5px;
}

.compHeader .headerComposants .footerComposants .contentComposants .dataContentComposants .lienAccueilHeader span{
    color: #000;
    font-family: Verdana;
    font-size: 12px;
    text-transform: uppercase;	
}
.compHeader .headerComposants .footerComposants .contentComposants .dataContentComposants .lienSiteHeader{
    background: url("../image/ico_fleche_calendar2_droite.gif") no-repeat scroll 0px 0 transparent;
    border-bottom: 1px solid #000000;
    height: 20px;
    line-height: 21px;
    padding: 0 0 0 20px;
    position: absolute;
    right: 0;
    top: 125px;
    width: 218px;
    text-indent: 5px;
}

.compHeader .headerComposants .footerComposants .contentComposants .dataContentComposants .lienAccueilHeader:hover, 
.compHeader .headerComposants .footerComposants .contentComposants .dataContentComposants .lienSiteHeader:hover
{
    background: url("../image/ico_fleche_calendar2_droite_black.gif") no-repeat scroll 0 0 #8c6f3b;
    color: #fff;
}

.compHeader .headerComposants .footerComposants .contentComposants .dataContentComposants .lienAccueilHeader span:hover, 
.compHeader .headerComposants .footerComposants .contentComposants .dataContentComposants .lienSiteHeader span:hover
{
    color: #fff;
}

.compHeader .headerComposants .footerComposants .contentComposants .dataContentComposants .lienSiteHeader span{
    color: #000;
    font-family: Verdana;
    font-size: 12px;
    text-transform: uppercase;
}
.compHeader .headerComposants .footerComposants .contentComposants .bottomContentComposants{
}


#logo {
    background: url(../image/logo.png) no-repeat scroll 0px 30px transparent;
    height: 180px;
    width: 298px;
    background-size: 85%;
}