/*******************************************************************************/
/*                                    compBox                                  */
/*******************************************************************************/

.compBox {
}
.compBox .headerComposants {
}
.compBox .headerComposants .footerComposants {
}
.compBox .headerComposants .footerComposants .contentComposants {
}

.compBox .headerComposants .footerComposants .contentComposants .topContentComposants {
}
.compBox .headerComposants .footerComposants .contentComposants .topContentComposants .titleComposants {
}
.compBox .headerComposants .footerComposants .contentComposants .topContentComposants .titleComposants span {

}

.compBox .headerComposants .footerComposants .contentComposants .dataContentComposants {

}
.compBox .headerComposants .footerComposants .contentComposants .dataContentComposants span {
}
.compBox .headerComposants .footerComposants .contentComposants .dataContentComposants .text {
}

.compBox .headerComposants .footerComposants .contentComposants .bottomContentComposants {
}

#compBox1 .headerComposants .footerComposants .contentComposants .dataContentComposants {
    float:left;
    padding:0;
    width:900px;
    height:300px;
    position:relative;
}

#compBox1 .headerComposants .footerComposants .contentComposants .dataContentComposants #menu{
    background: url("../image/sprite-en.jpg") no-repeat scroll 0 0 transparent;
    height: 33px;
    width: 900px;
}
#compBox1 .headerComposants .footerComposants .contentComposants .dataContentComposants #logoTop{
    background:url("../image/logo_top.gif") no-repeat scroll right top transparent;
    height:17px;
    width:44px;
    position:absolute;
    left:90px;
    top:25px;
}
#compBox1 .headerComposants .footerComposants .contentComposants .dataContentComposants #flash{
    height: 265px;
    position: absolute;
    right: -6px;
    top: 24px;
    width: 165px;
    z-index: 100;
}
#compBox1 .headerComposants .footerComposants .contentComposants .dataContentComposants #menu ul{

    height: 20px;
    padding-left: 136px;
    padding-top: 13px;
    width: 758px;
}
#compBox1 .headerComposants .footerComposants .contentComposants .dataContentComposants #menu #menuBottom{
    height: 65px;
    left: 18px;
    position: absolute;
    top: 33px;
    width: 869px;
    z-index: 50;
}
#logoAsterix{
    background: url("../image/logo_asterix2012.png") no-repeat scroll left top transparent;
    display: block;
    height: 96px;
    left: -30px;
    position: absolute;
    top: 21px;
    width: 156px;
    z-index: 100;
}
#slideshow{
    height: 254px;
    position: absolute;
    width: 900px;
}
#bird{
    background: url("../image/mouette.png") no-repeat scroll 0 0 transparent;
    height: 33px;
    position: absolute;
    right: -60px;
    bottom: 0px;
    width: 59px;
    z-index: 100;
}
#compBox1 .headerComposants .footerComposants .contentComposants .dataContentComposants #menu ul li{
    float: left;
    height: 16px;
    list-style: none outside none;
    margin: 0 12px 0 0;
    padding: 0;
    text-indent: -3000px;
}
#compBox1 .headerComposants .footerComposants .contentComposants .dataContentComposants #menu ul li a{

}
#compBox1 .headerComposants .footerComposants .contentComposants .dataContentComposants #menu ul li.accueil a{
    /*background:url("../image/header_accueil.gif") repeat scroll 0 0 transparent;*/
    display:block;    
    width:70px;
    height:16px;
}
#compBox1 .headerComposants .footerComposants .contentComposants .dataContentComposants #menu ul li.accueil a:hover{
    background: url("../image/sprite-en.jpg") no-repeat scroll -136px -46px transparent;
}
#compBox1 .headerComposants .footerComposants .contentComposants .dataContentComposants #menu ul li.decouvrir a{
    /*background:url("../image/header_decouvrir.gif") repeat scroll 0 -1px transparent;*/
    display:block;    
    width:140px;
    height:16px;
}
#compBox1 .headerComposants .footerComposants .contentComposants .dataContentComposants #menu ul li.decouvrir a:hover{
    background: url("../image/sprite-en.jpg") no-repeat scroll -218px -46px transparent;
}
#compBox1 .headerComposants .footerComposants .contentComposants .dataContentComposants #menu ul li.sejour a{
    /*background:url("../image/header_sejourner.gif") repeat scroll 0 -1px transparent;*/
    display:block;
    height:16px;
    width:97px;
}
#compBox1 .headerComposants .footerComposants .contentComposants .dataContentComposants #menu ul li.sejour a:hover{
    background: url("../image/sprite-en.jpg") no-repeat scroll -370px -46px transparent;
}
#compBox1 .headerComposants .footerComposants .contentComposants .dataContentComposants #menu ul li.reserver a{
    background: url("../image/sprite-en.jpg") no-repeat scroll -479px -46px transparent;
    display:block;
    height:13px;
    width:94px;
}
#compBox1 .headerComposants .footerComposants .contentComposants .dataContentComposants #menu ul li.reserver a:hover{
    /*background: url("../image/sprite-en.jpg") no-repeat scroll -512px -46px transparent;*/
}
#compBox1 .headerComposants .footerComposants .contentComposants .dataContentComposants #menu ul li.infos{
    background:none;
}
#compBox1 .headerComposants .footerComposants .contentComposants .dataContentComposants #menu ul li.infos a{
    /*background:url("../image/header_infos.gif") repeat scroll 0 0 transparent;*/
    display:block;
    height:13px;
    width:170px;
}
#compBox1 .headerComposants .footerComposants .contentComposants .dataContentComposants #menu ul li.infos a:hover{
    background: url("../image/sprite-en.jpg") no-repeat scroll -585px -46px transparent;
}