/*******************************************************************************/
/*                                    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 .dataContentComposants .line1{	
}

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

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

#compBox1 .headerComposants .footerComposants .contentComposants .dataContentComposants #menu{
    margin-top: 62px;
}
#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 #menu ul{
    height: 47px;
    padding-left: 200px;    
}
#compBox1 .headerComposants .footerComposants .contentComposants .dataContentComposants #menu #menuBottom{

}
#logoAsterix{
    background: url("../image/logo_asterix2012.png") no-repeat scroll 0 top transparent;
    display: block;
    height: 140px;
    position: absolute;
    top: 3px;
    width: 250px;
    z-index: 500;
}
#slideshow{
    height: 254px;
    position: absolute;
    width: 900px;
	display:none;
}
#compBox1 .headerComposants .footerComposants .contentComposants .dataContentComposants #menu ul li{
    float: left;        
    list-style: none outside none;

    height: 47px;
}
#compBox1 .headerComposants .footerComposants .contentComposants .dataContentComposants #menu ul li.univers{
    width: 105px;
}
#compBox1 .headerComposants .footerComposants .contentComposants .dataContentComposants #menu ul li.attractions{
    width: 122px;
}
#compBox1 .headerComposants .footerComposants .contentComposants .dataContentComposants #menu ul li.spectacles{
    width: 109px;
}
#compBox1 .headerComposants .footerComposants .contentComposants .dataContentComposants #menu ul li.hotels-restos{
    width: 152px;
}
#compBox1 .headerComposants .footerComposants .contentComposants .dataContentComposants #menu ul li.preparez-visite{
    width: 183px;
}
#compBox1 .headerComposants .footerComposants .contentComposants .dataContentComposants #menu ul li.offres{
    width: 132px;
}
#compBox1 .headerComposants .footerComposants .contentComposants .dataContentComposants #menu ul li a{
    display: block;
    height: 100%;
    line-height: 47px;
    text-align:center;
    text-decoration: none;
    border-right: 1px solid #BA9C76;
    color:#413834;
    text-transform: uppercase;
    font-size: 15px;
    font-family: 'GibsonRegular';    
}
#compBox1 .headerComposants .footerComposants .contentComposants .dataContentComposants #menu ul li a:hover{
    background: #372D26;
    color:#fff;
}
#compBox1 .headerComposants .footerComposants .contentComposants .dataContentComposants #menu ul li.offres a{
    border-right: none;
    border-radius: 0 10px 10px 0px;
	background-color:#E0494A;
	color:#fff;
	font-weight:bold;
}

#compBox1 .headerComposants .footerComposants .contentComposants .dataContentComposants #menu ul li.offres a:hover{
    background: #372D26;
    color:#fff;
}


.block-menu {
    background: url("../image/fond-menu.png") no-repeat scroll right top transparent;
    height: 47px;
}
#menuBottom{
    margin: 136px auto 0;
    text-align: center;
    width: 1012px;
}
#menuBottom span{
    /*color: #311F13;
    font-family:'GibsonSemiBold';
    font-size:15px;
    text-decoration:none;
    text-transform:uppercase;
    text-align: left;*/
}
#menuBottom #contentMenuBottom {
    background-image: none;
    color: #B31A23;
    font-size: 11px;
    font-weight: normal;
    margin-top: 30px;
}
#menuBottom #imgCopyright{
    background: url("../image/copyright-2011.png") no-repeat scroll center 50% transparent;
    height: 20px;
}

#menuBottom #contentMenuBottom a.lien3{
    text-transform:uppercase;
    color:#000 !important;
    background: none !important;
    font-weight: bold !important;
}
#menuBottom #contentMenuBottom2 {
    color:#B31A23;
    font-size:11px;
    font-family: Verdana,sans-serif;
    margin-top: 5px;
}
#menuBottom #contentMenuBottom2 #footerColonne1 span.line4{
	color: #311F13;
    font-family:'GibsonSemiBold';
    font-size:15px;
    text-decoration:none;
    text-transform:uppercase;
    text-align: left;
}
#menuBottom #contentMenuBottom2 #footerColonne1 span.line5{
    margin-top:18px;
	line-height:15px;
    display: block;
    text-align:center;
}
#menuBottom #contentMenuBottom2 #footerColonne2 span.line13{
	color: #311F13;
    font-family:'GibsonSemiBold';
    font-size:15px;
    text-decoration:none;
    text-transform:uppercase;
    text-align: left;
}
#menuBottom #contentMenuBottom2 #footerColonne2 span.line14{
	line-height:15px;
    display: block;
    text-align:center;
	margin-top:18px;
}
#menuBottom #contentMenuBottom2 #footerColonne3 span.line22{
	color: #311F13;
    font-family:'GibsonSemiBold';
    font-size:15px;
    text-decoration:none;
    text-transform:uppercase;
    text-align: left;
	margin-left:15px;
}
#menuBottom #contentMenuBottom2 #footerColonne3 span.line23{
    margin-top:18px;
	line-height:15px;
    display: block;
    text-align:center;
}
#menuBottom #contentMenuBottom2 #footerColonne4 span.line29{
	color: #311F13;
    font-family:'GibsonSemiBold';
    font-size:15px;
    text-decoration:none;
    text-transform:uppercase;
    text-align: left;
}
#menuBottom #contentMenuBottom2 #footerColonne4 span.line32{
	color: #311F13;
    font-family: 'GibsonRegular';
    font-size: 12px;
    text-transform: uppercase;
	margin-top:18px;
	margin-bottom:9px;
	margin-left:26px;
}
#menuBottom #contentMenuBottom2 #footerColonne4 span.line34{
	color: #311F13;
    font-family: 'GibsonRegular';
    font-size: 12px;
    text-transform: uppercase;
	margin-top:11px;
	margin-left:26px;
}
#menuBottom #contentMenuBottom2 #footerColonne4 span.line32 strong{
	font-size: 18px;
    font-weight: normal;
}
#menuBottom #contentMenuBottom2 #footerColonne4 span.line34 strong{
	font-size: 18px;
    font-weight: normal;
}
#menuBottom #contentMenuBottom2 #footerColonne5 span.line37{
	color:green;
    font-family: 'GibsonSemiBold';
    font-size: 15px;
    text-align: left;
    text-decoration: none;
    text-transform: uppercase;
}

.a5{
	color: #fff;
    font-family:'GibsonSemiBold';
    font-size:15px;
    text-decoration:none;
    text-transform:uppercase;
	margin-left:15px;
}
#menuBottom #contentMenuBottom2 #footerColonne1{
	width:144px;
	height:auto;
	float:left;
	margin-top:30px;
}
#menuBottom #contentMenuBottom2 #footerColonne2{
    height: auto;
    float: left;
	margin-left: 47px;
    margin-top: 30px;
    width: 192px;
}
#menuBottom #contentMenuBottom2 #footerColonne3{
	float: left;
    height: auto;
    margin-left: 29px;
    margin-top: 30px;
    width: 188px;
}
#menuBottom #contentMenuBottom2 #footerColonne4{
	width:176px;
	height:auto;
	float:left;
	margin-left:9px;
	margin-top:30px;
	text-align:left;
}
#menuBottom #contentMenuBottom2 #footerColonne5{
	width:186px;
	height:auto;
	float:left;
	margin-left:38px;
	margin-top:30px;
	text-align:left;
}
#menuBottom #contentMenuBottom2 #footerColonne1 span{
	text-align:center;
	display:block;
}
#menuBottom #contentMenuBottom2 #footerColonne2 span{
	display:block;
	margin-left:16px;
}
#menuBottom #contentMenuBottom2 #footerColonne3 span{
	display:block;
}
#menuBottom #contentMenuBottom2 #footerColonne4 span{
    display:block;
}
#menuBottom #contentMenuBottom2 a.lien2{
    color:#62554B;
    display: inline-block;    
    text-decoration:none;
	font-family: Tahoma,Geneva,Kalimati,sans-serif;
	font-size: 14px;
	text-transform: none;
	width: 100%;	
	text-align:left;
	margin-bottom: 9px;
	margin-left:14px;
}
#menuBottom #contentMenuBottom2 a.lien2h{
    color:#62554B;
    display: inline;
    padding: 0 10px 2px;
    text-decoration:none;
	font-family: Tahoma,Geneva,Kalimati,sans-serif;
	font-size: 14px;
	text-transform: none;
	line-height: 26px;
}

.text line5{
	margin-bottom:20px;
	display:block;
}

#map-footer{
	height: 97px;
    width: 136px;
	background: url("../image/map-footer.jpg") no-repeat scroll center 50% transparent;
	margin-top: 17px;
	margin-bottom: 8px;
}
#navette{
	height: 28px;
    width: 23px;
	background: url("../image/navette.png") no-repeat scroll center 50% transparent;
	float:left;
}
#voiture{
	clear:both;
	float:left;
	height: 20px;
    width: 25px;
	background: url("../image/voiture.png") no-repeat scroll center 50% transparent;
}
#facebook{
	margin-top:32px;
	height: 43px;
    width: 42px;
	background: url("../image/facebook-footer.png") no-repeat scroll center 50% transparent;
	float:left;
	margin-left: 26px;
}
#twitter{
	margin-top:32px;
	height: 43px;
    width: 42px;
	background: url("../image/twitter-footer.png") no-repeat scroll center 50% transparent;
	float:left;
	margin-left: 7px;
}
#informe{
	clear:both;
	float:left;
    
    line-height: 13px;
    padding-top: 28px;
    text-align: left;
    width: 97px;
	font-family:"Helvetica Neue",Arial,Helvetica,sans-serif;
	color: #789DC1;
    font-size: 11px;
    font-weight: bold;
}

#smartphone{
	float:left;
	background: url("../image/appli-footer.png") no-repeat scroll center 50% transparent;
	height: 80px;
    width: 46px;
	margin-top:16px;
}

#menuBottom #contentMenuBottom2 a.lien3{
    background:none !important;
}
#menuBottom #contentMenuBottom a.lien1:hover,
#menuBottom #contentMenuBottom2 a.lien2:hover,
#menuBottom #contentMenuBottom a.lien3:hover{
    color:#291a10 !important;
}
div.menuBottomAsterix{
    float:left;
    width: 100%;
    background: url(../image/footer-bottom.jpg) no-repeat scroll center 0 transparent;
    height: 69px;
    margin-top: 50px;
}
div.menuBottomAsterix #cpr{
    background:url(../image/copyright.png) no-repeat scroll 0 0 transparent;
    width: 372px;
    height: 13px;
    margin: 9px auto 0 auto;
}
div.menuBottomAsterix ul{
    width: 1004px;
    text-align: center;
    padding: 12px 0 0 0;
    line-height: 12px;
    margin: 0 auto;
    display:block;
}
div.menuBottomAsterix ul li{
    display: inline;
    color: #BE9556;    
}
div.menuBottomAsterix ul li a{
    text-decoration: none;
    color: #BE9556;
    font-family: Tahoma,Geneva,Kalimati,sans-serif;
    font-size: 10px;
    font-weight: bold;
    text-transform: uppercase;
}

#infosPratiques{
	background:none repeat scroll 0 0 #FFFFFF;
	border-radius: 10px 10px 10px 10px;
	width:199px;
	margin-left:7px;
	margin-bottom:12px;
}

#infosPratiquesTitle{
	background:none repeat scroll 0 0 #292929;
	border-radius: 10px 10px 0 0;
	color: #FFFFFF;
	height:42px;
	line-height:42px;
	text-align:center;
    font-family: 'GibsonSemiBold';
    font-size: 17px;
    font-weight: bold;
}

#infosPratiques #infosPratiquesListe  span.line4 a,
#infosPratiques #infosPratiquesListe  span.line5 a,
#infosPratiques #infosPratiquesListe  span.line6 a,
#infosPratiques #infosPratiquesListe  span.line7 a,
#infosPratiques #infosPratiquesListe  span.line8 a,
#infosPratiques #infosPratiquesListe  span.line9 a, 
#infosPratiques #infosPratiquesListe  span.line10 a{
	color:#DA3131;
	font-family:'GibsonSemiBold';
	text-decoration:none;
	margin-left:10px;
	font-size: 15px;
    line-height: 30px;
    margin-left: 10px;
}
#infosPratiques #infosPratiquesListe  span.line4 a:hover,
#infosPratiques #infosPratiquesListe  span.line5 a:hover,
#infosPratiques #infosPratiquesListe  span.line6 a:hover,
#infosPratiques #infosPratiquesListe  span.line7 a:hover,
#infosPratiques #infosPratiquesListe  span.line8 a:hover,
#infosPratiques #infosPratiquesListe  span.line9 a:hover, 
#infosPratiques #infosPratiquesListe  span.line10 a:hover{
	text-decoration:underline;
}