html, body{
	margin:0;
	overflow-x:hidden;
	background-color:#000;
	font-family:arial;
	behavior:url("csshover3.htc");
}

*{
    margin:0;
    padding:0;
}

a img{
	border:0;
}

.siteContainer{
	background-image:url(images/footer.png);
	background-repeat:no-repeat;
	background-position:bottom;
	position:absolute;
	left:50%;
	margin-left:-825px;
	padding-bottom:395px;
	width:1600px;
}

.footer .ligne1 a{
	color:#697288;
	font-size:11px;
	text-decoration:none;
	padding-left:10px;
	padding-right:10px;
}

.footer .ligne2{
	color:#697288;
	font-size:11px;
	text-decoration:none;
	padding-top:15px;
}

.footer{
	text-align:center;
	position:absolute;
	bottom:30px;
	width:1620px;
}

.header{
	background-image:url(images/header.png);
	height:260px;
	width:1650px;
}

.de .header{
	background-image:url(images/header_de.png);
}

.en .header{
	background-image:url(images/header_en.png);
}

.main{
	margin-left:250px;
}

.content{
	width:663px;
	position:relative;
	_position:inherit;
}

.contentContainer{
	float:left;
}

.contentTop{
	background-image:url(images/contentTop.png);
	height:6px;
	background-repeat:no-repeat;
	background-position:bottom;
}

.clear{
	clear:both;
}

.ligneContenu{
/*	height:167px;*/

}

.contentBottom{
	background-repeat:no-repeat;
	background-image:url(images/contentBottom.png);
	height:9px;
	margin-bottom:15px;
}

.contentMiddle{
	background-image:url(images/contentMiddle.png);
	padding-left:5px;
/*	position:relative;*/
}

.bloc{
	background-image:url(images/fondBlocContenu24.png);
	_background-image:url(images/fondBlocContenu.png);
	height:167px;
	width:329px;
	float:left;
	position:relative;
	_position:inherit;
}

.bloc.close{
	background-image:url(images/fondBlocContenuSmall24.png);
	_background-image:url(images/fondBlocContenuSmall.png);
	height:39px;
	width:325px;
	float:left;
	overflow:hidden;
	position:relative;
	_position:inherit;
}

.bloc.home_billetterie{
	background: url(images/home_fond_billetterie.png) no-repeat;
}

.bloc.home_bonsplans{
	background: url(images/home_fond_bonsplans.png) no-repeat;
}

.bloc.home_premium{
	background: url(images/home_fond_premium.png) no-repeat;
}

.bloc.home_sejours{
	background: url(images/home_fond_sejours.png) no-repeat;
}

.bloc ul{
	list-style:none;
}

.bloc ul li a{
	color:#F0E1B8;
}

.pub1{
	width: 662px;
	height: 101px;
	display: block;
	overflow: hidden;
	margin: 0 0 20px;
}
.pub1 img{
    border:none;
}
.imageContenu{
	background-image:url(images/imgContenu24.png);
	_background-image:url(images/imgContenu.jpg);
	width:127px;
	height:91px;
	float:left;
}

.imageContenu.premium{
	background-image:url(images/premium24.png);
	_background-image:url(images/premium.png);
	width:133px;
	height:96px;
}

.imageContenu.sejour{
	background-image:url(images/imgSejour24.png);
	_background-image:url(images/imgSejour.jpg);
}

.contenuInterieur{
	padding-top:22px;
	padding-left:15px;
	overflow:hidden;
	height:99px;
}

.txtContenu{
	float:left;
	padding-top:5px;
	z-index:1200;
	line-height:20px;
	position:absolute;
	_position:inherit;
	left:150px;
	width:165px;
	padding-left:10px;



}

.txtContenu a{
	color:#f0e1b8;
	font-weight:bold;
	font-size:12px;
}

.bloc h2{
	color:#fff;
	text-transform:uppercase;
	font-weight:bold;
	font-size:13px;
	top:12px;
	left:18px;
	width:310px;
	/*cursor:pointer;*/
	margin:0;
	padding:0;
	padding-top:11px;
	padding-left:11px;
/*	position:absolute;*/
}

.btnOuvrirContenu{
	display:block;
	height:11px;
	width:11px;
	float:left;
/*	margin-left:300px;
	_margin-left:150px;
	margin-top:13px;
	_margin-top:7px;*/
	top:-15px;
	left:300px;
	position:relative;
}

.mitraille{
	position:absolute;
	background-image:url(images/mitraille.png);
	height:250px;
	width:350px;
	left:468px;
	bottom:-174px;
	_display:none;
}

.menu{
	width:360px;
	background-image:url(images/fondmenu.png);
	float:left;
	padding-top:2px;
	background-repeat:no-repeat;
	margin-right:30px;
}

.menu ul{
	padding:0;
	margin:0;
	list-style:none;
}

.menu li{
	padding:0;
	margin:0;
	background-image:url(images/separateurMenu.png);
	background-position:top;
	background-repeat:no-repeat;
	height:32px;
	text-transform:uppercase;
	padding-left:90px;
	padding-top:13px;
	position:relative;
	white-space:nowrap;
}

.menu li:first-child{
	background:none;
}


.menu li a img{
	position:absolute;
	top:-0px;
	left:0px;
}
.menu li a{
	position:relative;
	color:#c4c7cc;
	font-weight:bold;
	font-size:13px;
	text-decoration:none;
	padding-left:0px;
	overflow:hidden;
	width:270px;
	display:block;
	_display:inline;
	padding-top:5px;
	text-shadow: -0.1em -0.1em 0 black;
}

.menu li ul{
	display:none;
	position:absolute;
	left:300px;
	_left:359px;
	top:0px;
	z-index:5000;
}

.menu li ul ul{
	display:none;
	position:absolute;
	left:260px;
	_left:359px;
	top:0px;
	z-index:5000;
}



.menu li ul li{
	z-index:5100;
	background-image:url(images/fondSsMenu24.png);
	background-repeat:repeat-y;
	background-position:top left;
	width:270px;
	padding:0;
	margin:0;
}

.menu li ul li:hover{
	background-image:url(images/fondSsMenuHover24.png);
}

.menu li:hover a{
	color:#FFF;
}

.menu li:hover li a{
	display:block;
/*	width:270px;
*/	padding-top:9px;
	height:100%;
	color:#c4c7cc;
	padding-left:20px;
}

.menu li:hover li li a{
	display:block;
/*	width:270px;
*/	padding-top:9px;
	height:100%;
	color:#FFF;
	padding-left:20px;
}

.menu li li:hover a{
	color:#FFF;
}

.menu li li li:hover a{
	color:#FFF;
}

.menu li ul li.bottom{
	background-image:url(images/fondSsMenuBottom24.png);
	background-repeat:no-repeat;
}

.menu li ul li.top{
	background-image:url(images/fondSsMenuTop24.png);
	background-repeat:no-repeat;
	height:14px;
	_height:28px;
}

.menu li:hover ul{
	display:block;
}

.menu li:hover ul ul{
	display:none;
}

.menu li ul li:hover ul{
	display:block;
}


.btnCommentVenir{
	display:block;
	width:359px;
	height:121px;
	background-image:url(images/btnCommentVenir.png);
        background-repeat: no-repeat;
        background-position: 72px 0;
}
#menuAdresse{
  color: #FFF;
  font-size: 12px;
  margin-left: 88px;
  text-align: center;    
}
.newsletterPart{
    position: relative;
    color:#FFF;
    font-size:11px;
    font-family:arial;
    background-image:url(images/fondNewsletter.png);
    height:49px;
    width:240px;
    padding-left: 118px;
    padding-top: 18px;
    margin-bottom:20px;
    background-repeat: no-repeat;
    background-position: 112px 14px;    
}

.newsletterPart .titre{
	padding-left:23px;
	height:20px;
}

.btnSubmit, .champsEmail{
	background:transparent;
	border:0;
	color:#FFF;
	font-size:11px;
	font-family:arial;
}

.champsEmail{
	width:136px;
}

.fbYtPart{
	height:57px;
	width:358px;
	background-image:url(images/fondFbYt.png);
	position:relative;
}

.fbYtPart .gplusBtn{
    height: 27px;
    left: 303px;
    position: absolute;
    top: 13px;
    width: 38px;
}

.fr .fondApp{
	background-image:url(images/pad-appli-ES-FR.png);
}

.en .fondApp{
	background-image:url(images/pad-appli-ES-UK.png);
}

.de .fondApp{
	background-image:url(images/pad-appli-ES-DE.png);
}

.fondApp{
	height:211px;
	background-position:top right;
	background-repeat:no-repeat;
	padding-top:10px;
}
.fondApp *{
	background:none;
}

.fbYtPart .facebookBtn{
    height: 27px;
    left: 106px;
    position: absolute;
    top: 13px;
    width: 77px;
}
.fbYtPart .youtubeBtn{
	position:absolute;
    top: 13px;
	left:190px;
	width:68px;
    height: 27px;
}
.fbYtPart .twitterBtn{
    position:absolute;
    top:13px;
    left:260px;
    width:39px;
    height: 27px;
}

.appIntro{
	color: #fff;
	font: bold 12px Arial,sans-serif;
	margin: 0 0 10px;
	padding-left: 118px;
	padding-right: 15px;
	text-align: center;
}
.appStore{
	height:59px;
	width:358px;
	display: block;
	text-indent: -9999px;
}
.googlePlay{
	height:59px;
	width:358px;
	display: block;
	text-indent: -9999px;
}


.btnJouerQuizz{
    display:block;
    margin-top:20px;
    margin-left:100px;
    height:80px;
    width:241px;
    background-image:url(images/boutonQuiz.png);
}


.quiz{
    
    min-height: 450px;
    
}

#qc{
    display:none;
}

#quizQuestion,#quizLost,#quizWin,#quizThanks{
    display:none;
}

#quizWin form div{
    margin:5px 0;
    font-size:13px;
}

#quizWin form label{
    display:inline-block;
    width:200px;
}

#qfMessage{
    color:red;
    margin:5px 0;
}

#qfInfos{
    color:#666;
    font-size: 11px;
}

#quizWin > p{
    font-size: 20px;
}

#quizQuestion h3{
    margin:8px 0;
}
#qr1,#qr2,#qr3{
    margin:5px 20px;
}
#qr1 input,#qr2 input ,#qr3 input{
    margin-right:8px;
}

#quizIntroText{
    font-size: 25px;
}

#quizIntro p{
    margin:8px 0;
}

#quizLost p,#quizThanks{
    font-size:20px;
}
#quizLost p span{
    color:#4c6bb4;
}

#quizStart,#quizRestart{
    text-decoration: underline;
    color:#666;
    font-size:20px;
    cursor:pointer;
    font-weight: bold;
}

.contentMiddle{
	font-size:13px;
	color:#b9b19b;
}

.dropdown{
	width: 305px;
	height: 30px;
	position: absolute;
        top: 129px;
        left: 10px;
}

.dropdown select{
	width: 100%;
}

.ariane{
	padding-left:5px;
}

.ariane, .ariane a{
    color:#c4c7cc;
    font-size:11px;
}

.whiteContent{
	padding-left:5px;
}

.textContent{
	padding-left:5px;
}


.whiteContent .top{
	background-image:url(images/whiteContentTop.png);
	height:13px;
	width:643px;
	background-position:bottom;
	background-repeat:no-repeat;
}

.whiteContent .middle{
	background-image:url(images/whiteContentMiddle.png);
	width:615px;
        padding:1px 14px;
	color:#0e1f39;
}

.whiteContent .middle a{
	font-weight:bold;
	color:#4c6bb4;
}

.whiteContent .middle p,.whiteContent .middle h2{
	margin-bottom:0;
	padding-bottom:10px;
}

.whiteContent .middle .whiteContentMiddleContent{
	padding-right:8px;
	padding-left:18px;
	color:#0e1f39;
}

.whiteContent .bottom{
	background-image:url(images/whiteContentBottom.png);
	height:34px;
	background-repeat:no-repeat;
	width:643px;
	text-align:center;
}

h1{
	background-image:url(images/puceH1.png);
	background-position:left center;
	background-repeat:no-repeat;
	padding-left:16px;
	color:#4c6bb4;
	font-size:36px;
	margin:0;
	padding-bottom:8px;
}

.btnResaHome{
	background: url(images/btnBlocResa.png) 55% 100% no-repeat;
	height:129px;
	width:315px;
	display:block;
	margin-left:5px;
	/*margin-top:0;*/
}

.en .btnResaHome{
	background-image: url(images/btnBlocResaEn.png);
}

.de .btnResaHome{
	background-image: url(images/btnBlocResaDe.png);
}

.footer ul{
	margin:0;
	padding:0;
}

.footer ul li{
	display:inline;
}

#choixLangue{
	margin-left:1280px;
	background-image:url(images/fondDrapeau.png);
        background-repeat: no-repeat;
	height:29px;
	width:46px;
	overflow:hidden;
}

#choixLangue:hover{
	height:96px;
	width:46px;
	background-image:url(images/fondDrapeauHover.png);
}

#choixLangue a{
    display: block;
    height: 18px;
    overflow: hidden;
    text-indent: -2000px;
	width:33px;
	margin-top:5px;
	background-position:center;
	background-repeat:no-repeat;
}

#linkFr{
	background-image:url(images/drapeau_fr.png);
}

#linkEn{
	background-image:url(images/drapeau_uk.png);
}

#linkUs{
	background-image:url(images/drapeau_us.png);
}

#linkDe{
	background-image:url(images/drapeau_de.png);
}

#pageLibrairie .element .liens a.image {
    background: url("images/icone_loupe_blancnoir.png") no-repeat scroll right top transparent;
    margin-right: 30px;
    width: 80px;
}

#pageLibrairie .element .liens a {
    color: #3B3B3B;
    display: block;
    float: left;
    font-size: 10px;
    height: 19px;
    padding: 2px 0;
}

#pageLibrairie .element .liens form a {
    background: url("images/icone_panier_blancnoir.png") no-repeat scroll right top #FFFFFF;
    width: 105px;
}

.btnJaune{
	margin-left:257px;
}

.btnJaune *{
	height:30px;
	float:left;
}

.btnJaune .jauneLeft{
    background: url("images/btnLeft.png");
	background-repeat:no-repeat;
	width:4px;
}

.btnJaune .jauneRight{
    background: url("images/btnRight.png");
	background-repeat:no-repeat;
	width:4px;
}

.btnJaune .jauneMiddle{
    background: url("images/btnMiddle.png");
	background-repeat:repeat-x;
	display:block;
	width:auto;
	padding:0 10px;
	color:#FFF;
	text-decoration:none;
	font-size:13px;
	font-weight:bold;
	/*text-shadow: -0.1em -0.1em 0.2em #FFFFFF;*/
	border:0;
        font-family: Arial,sans-serif;
        cursor:pointer;
}

.imageLibrairie{
	padding-right:10px;
	padding-bottom:5px;
}

.bigimage{
	display:block;
	width:150px;
	float:left;
}

.txtLibrairierContainer{
	width:465px;
	float:left;
}

#linkBoutique{
	padding-top:10px;
	padding-left:10px;
}

#linkBoutique a{
	color:#F0E1B8;
	font-weight:bold;
	text-decoration:none;
	text-transform:uppercase;
}

#message_erreur{
	color:#CC0000;
	font-weight:bold;
}

.form form label {
    display: block;
    float: left;
    width: 120px;
}

.form form textarea {
    height: 70px;
    margin-bottom: 7px;
    width: 450px;
}

#videoFlash{
	position:relative;
}

.txtAuDessus{
	position:absolute;
	top:0px;
	_bottom:50px;
	left:0px;
	background-image:url(images/fondNoirTrans.png);
	_background:none;
	_background-color:#000;
	width:640px;
	height:67px;
	color:#b7b7b7;
	font-size:12px;
	padding-top:10px;
	padding-left:10px;
}

dl#total {
    border: 1px solid #39260E;
    font-size: 14px;
    font-weight: bold;
    height: 94px;
    left: 312px;
    padding: 3px 8px;
    position: relative;
    width: 230px;
    margin:-1px 0 15px;
}

dl#total dt {
    border-right: 4px solid #4c6bb4;
    width: 130px;
}

dl#total dd, dl#total dt {
    display: block;
    float: left;
    height: 16px;
    margin: 4px;
    padding: 3px;
}

#panier table {
    border: 1px solid #39260E;
    border-collapse: collapse;
    font-size: 14px;
    font-weight: bold;
    margin: 15px 0 0;
    width: 560px;
}

#panier table thead tr {
    background: url("images/fond_degrade_grisnoir.png") repeat-x scroll 0 0 #000000;
    color: #FFFFFF;
    height: 30px;
}

#panier table th.suppr {
    width: 40px;
}

#panier table th {
    padding: 0 5px;
}

#panier table td {
    border: 1px solid #39260E;
    padding: 3px;
    text-align: center;
    vertical-align: middle;
}

#panier table button.suppr {
    background: url("images/btn_suppr.png") no-repeat scroll center center transparent;
    display: block;
    height: 30px;
    margin: 0 auto;
    overflow: hidden;
    text-indent: -2000px;
    width: 30px;
    border:none;
    cursor:pointer;
}

#panier table .pInput {
    color: #000000;
    font-size: 14px;
    font-weight: bold;
    height: 14px;
    margin: 2px;
    text-align: center;
    width: 30px;
}

#panier table td.description {
    border-left: medium none;
    padding-left: 5px;
    text-align: left;
}

#panier table td.image {
    border-right: medium none;
    width: 60px;
}

#frmcomm fieldset {
    border: medium none;
    float: left;
    padding: 0 10px;
    width: 250px;
}

#factfield {
    margin: 15px 0 15px 15px;
}

#frmcomm fieldset label {
    display: block;
    float: left;
    width: 93px;
}

#frmcomm {
    font-size: 14px;
    font-weight: bold;
}

#frmcomm fieldset legend {
    margin: 0 0 15px;
}

#frmcomm fieldset div {
    height: 40px;
}

#livrfield {
    margin: 15px 15px 15px 0;
}

#frmcgv {
    clear: both;
    margin-left: 15px;
}
#frmcomm .submit {
    padding: 10px 0;
    text-align: center;
}

#pageLibrairie h2 {
    background: url("images/fond_degrade_grisnoir.png") repeat-x scroll 0 0 #000000;
    color: #FFFFFF;
    font-size: 18px;
    margin: 15px 15px 0;
    padding-left: 15px;
}

#detailContenu ul {
    margin: 7px 0 7px 15px;
    padding-left: 15px;
}

dl#total dd.separator{
	width:100%;
	border-top:1px solid #4c6bb4;
	height:1px;
	margin:0;
	padding:0;
}

.smallPub{
	margin-left:160px;
	margin-top:29px;
	display:block;
	height:125px;
	width:125px;
}

#pageLibrairie h1{
	font-size:28px;
}

.middle .top, .middle .bottom{
	/*display:none;*/
}

#quickNewsletter{
    position:absolute;
    top:33px;
}

#quickNewsletter input[name="email"]{
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: medium none;
    color: #FFFFFF;
    font-size: 11px;
    width: 131px;    
}
#quickNewsletter input[type="submit"]{
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: medium none;
    color: #FFFFFF;
    font-size: 9px;
    padding: 6px;
}
#mailing_list_result{
    position: relative;
    top: 16px;
}

.errinput{
    border:1px solid #FF0000;
}


#diapoImages{
	padding: 0;
	margin: 0;
        width:100%;
}

#diapoImages li{
	display: inline-block;
	background: none;
	padding: 0;
	width: 146px;
	height: 150px;
	overflow: hidden;
}

/* NEWSLETTER --------------------------------------------------------------- */
#contactForm {
	margin: 0 0 0 15px;
}

#contactForm p.message {
	font-weight: bold;
	margin: 5px 20px 25px 15px;
}

#contactForm div.unit {
  height: 35px;
}

#contactForm label {
	display: block;
	float: left;
	width: 120px;
}

#contactForm textarea {
	height: 70px;
	margin-bottom: 7px;
	width: 385px;
}

#message_erreur {
    color: #FF0000;
    font-weight: normal;
    margin: 0 15px 10px;
}