/*****************************/
/***** Global *******/
/*****************************/

* {
    margin: 0px;
    padding: 0px;
    outline: none;
}


body{
    font-family: Arial, Helvetica, sans-serif;
    font-size:12px;
   color:#505050;
   background-position:center 0;
    
}

a{
    color:#505050;
 }






/******************************************************************************/
/*                                  compPage                                  */
/******************************************************************************/

/******************************************************************************/
/*                       BALISES POUR LE POSITIONNEMENT                       */
/******************************************************************************/

#positionSite {
}
#positionSite .langage {
}

/******************************************************************************/
/*                         TAILLE DU CONTENU DU SITE                          */
/******************************************************************************/

#cadreContent {
    
}
#pageErreur #cadreContent {
}


/******************************************************************************/
/*              BALISES POUR LES TAILLES DES LIGNES ET COLONNES               */
/******************************************************************************/


/***********************************************************/
/******************** Mini Header *************************/
/**********************************************************/

/***** Sticky Menu ***/ 

.ligneContentStickyBloc,
#pageCompte .ligneContentStickyBloc,
#pageCompteIdentification .ligneContentStickyBloc{
    height:76px;
    z-index: 0;
    width:100%;
}
#pageCompte .ligneContentStickyBloc,
#pageCompteIdentification .ligneContentStickyBloc
{
    display:block !important;
}

#pageAccueil .ligneContentStickyBloc{
    z-index: 0;
    width:100%;
    height:279px;
}

/*** Structure ***/

.ligneContent1 {
    position: relative;
}
.ligneContent1 .colonneContent1 {
    width: 980px;
    margin: 0 auto 0;
    position: relative;
}
#pageCompte .ligneContent1,
#pageCompteIdentification .ligneContent1,
#pageAccueil .StickyNav,
#pageEtape4 .ligneContent1,
#pageEtape3 .ligneContent1,
#pageEtape2 .ligneContent1,
#pageEtape1 .ligneContent1{
}

/*** Logo ***/
#pageCompte .compHeader .headerComposants .footerComposants .contentComposants .dataContentComposants a.lienSiteHeader,
#pageCompteIdentification .compHeader .headerComposants .footerComposants .contentComposants .dataContentComposants a.lienSiteHeader,
#pageAccueil .StickyNav .compHeader .headerComposants .footerComposants .contentComposants .dataContentComposants a.lienSiteHeader,
#pageEtape4 .compHeader .headerComposants .footerComposants .contentComposants .dataContentComposants a.lienSiteHeader,
#pageEtape3 .compHeader .headerComposants .footerComposants .contentComposants .dataContentComposants a.lienSiteHeader,
#pageEtape2 .compHeader .headerComposants .footerComposants .contentComposants .dataContentComposants a.lienSiteHeader,
#pageEtape1 .compHeader .headerComposants .footerComposants .contentComposants .dataContentComposants a.lienSiteHeader{
}

/*** Account ***/
#pageCompte .compCompte,
#pageCompteIdentification .compCompte,
#pageAccueil .StickyNav .compCompte,
#pageEtape4 .compCompte,
#pageEtape3 .compCompte,
#pageEtape2 .compCompte,
#pageEtape1 .compCompte {
}


/*** Header ***/
#pageCompte .compHeader,
#pageCompteIdentification .compHeader,
#pageAccueil .StickyNav .compHeader,
#pageEtape4 .compHeader,
#pageEtape3 .compHeader,
#pageEtape2 .compHeader,
#pageEtape1 .compHeader {
    clear:both;
    height:100px;
    background: none repeat scroll 0 0 transparent;
    top:-44px;
}
/*** CART ***/
#pageEtape4 #compPanier1,
#pageEtape3 #compPanier1,
#pageEtape2 #compPanier1,
#pageEtape1 #compPanier1,
#pageCompteIdentification #compPanier1,
#pageCompte #compPanier1{
}

#pageEtape1 #compPanier1{
}


/***********************************************************/
/******************** END OF Mini Header *******************/
/**********************************************************/


#pageAccueil .ligneContent2 {
    padding: 5px 0 0;
}

.ligneContent2 {
background: #fff none repeat scroll 0 0;
margin: 0 auto;
padding: 30px 0 0;
width: 980px;
z-index: 100000;
}

#pageEtape1 .ligneContent2 .colonneContent1 {
}
#pageEtape1 .ligneContent3 .colonneContent1 {
        padding: 0 0 0;
}
.ligneContent3 .colonneContent1 {
    background: #fff;
    margin: 0 auto;
    padding: 0;
    width: 980px;
    float:left;
}

#pageEtape4 .ligneContent2 .colonneContent1,
#pageEtape3 .ligneContent2 .colonneContent1,
#pageEtape2 .ligneContent2 .colonneContent1,
#pageEtape1 .ligneContent2 .colonneContent1 {
 
}


.ligneContent3 {
    clear: both;
margin: 0 auto;
width: 980px;
}
.ligneContent3 .colonneContent1 {
}

#pageCompte .ligneContent3 .colonneContent1 {
padding: 20px;
width: 940px;
}




.ligneContent4 {
    float: left;
    width: 100%;
}
.ligneContent4 .colonneContent1 {
    
  
}
.ligneContent5 {
}
.ligneContent4 .colonneContent1 {
    background: #fff none repeat scroll 0 0;
    clear: both;
    margin: 0 auto;
    padding: 40px 0 0;
    width: 980px;
}
.ligneContent5 {
    float: left;
    text-align: center;
    width: 100%;
    margin-top: -21px;
}
.ligneContent5 .colonneContent1 {
    margin: 0 auto;
}

/************************************************************/
/*********************  BUTTONS *****************************/
/************************************************************/

/*.divBoxSlimpayForm div input.btSlimpay {
    background: url("../image/bouton_prelevement.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 1px solid #003e77;
    border-radius: 7px;
    color: #FFFFFF;
    cursor: pointer;
    display: block;
    font-size: 20px;
    font-weight: bold;
    height: 50px;
    line-height: 50px;
    padding: 0 18px;
    text-align: left;
    text-decoration: none;
    text-transform: uppercase;
    width: 330px;
}*/

.divBoxSlimpayForm div input.btSlimpay,
table.reduction tr td.tableColonne1 .divBoxReductionForm div input.btCodeReduction,
#popup_panel input#popup_ok,
dl dd a.objetReserver,
.popupTarifs .submit .cancel,
.popupTarifs .submit .addToCart,
.valid,
a.imprimerFacture,
a.imprimerBillet,
button,
.telechargement,
input.btn,
input.btSubmit,
.compObjetEvenement .dataContentComposants .objetListeChild dl dd a.objetReserver,
#withoutExclusive a {
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    background-color : #003e77;
    color:#fff;
    display:block;
    text-decoration:none;
    text-align:center;
    line-height:50px;  
    font-size:20px;
    text-transform:uppercase;
    border:0;
    font-weight:normal;
    height:50px;
    cursor:pointer;
    padding:0 15px;
    margin:10px 0 10px 0;
}

.divBoxSlimpayForm div input.btSlimpay:hover,
table.reduction tr td.tableColonne1 .divBoxReductionForm div input.btCodeReduction:hover,
#popup_panel input#popup_ok:hover,
dl dd a.objetReserver:hover,
.popupTarifs .submit .cancel:hover,
.popupTarifs .submit .addToCart:hover,
.valid:hover,
a.imprimerFacture:hover,
a.imprimerBillet:hover,
button:hover,
.telechargement,
input.btn:hover,
input.btSubmit:hover,
.compObjetEvenement .dataContentComposants .objetListeChild dl dd a.objetReserver,
#withoutExclusive a:hover {
    background-color : #043962  ;
}


#withoutExclusive a {
    width: 120px;
    margin: 10px auto 0;
}


table.reduction tr td.tableColonne1 .divBoxReductionForm div input.btCodeReduction:hover,
dl dd a.objetReserver:hover,
.popupTarifs .submit .addToCart:hover,
.valid:hover,
a.imprimerFacture:hover,
a.imprimerBillet:hover,
button:hover,
.telechargement:hover,
input.btn:hover:hover,
input.btSubmit:hover,
.compObjetEvenement .dataContentComposants .objetListeChild dl dd a.objetReserver:hover,
#withoutExclusive a:hover {
    
    background:#e84e0e;
    color:#fff;
}


.compObjetEvenement .dataContentComposants .objetListeChild dl dd a.objetReserver.etat12,
.compObjetEvenement .dataContentComposants .objetListeChild dl dd a.objetReserver.etat11{
    width:220px!important;
}

#popup_panel input#popup_cancel,
.compObjetEvenement .dataContentComposants .objetListeChild dl dd a.objetReserver.etat12,
.compObjetEvenement .dataContentComposants .objetListeChild dl dd a.objetReserver.etat10,
.compObjetEvenement .dataContentComposants .objetListeChild dl dd a.objetReserver.etat60,
.compObjetEvenement .dataContentComposants .objetListeChild dl dd a.objetReserver.etat40{
background: #dadada none repeat scroll 0 0;
border: 1px solid #dadada;
font-size: 15px;
font-weight: bold;
 }


/************************************************************/
/*********************  Titles  *****************************/
/************************************************************/

dd h1,
.compObjetEvenement .dataContentComposants .objetListeChild dl dd a.objetNom{
 color:#043962;
 font-weight:bold;
 font-size:25px;
 text-transform:uppercase;
 text-decoration:none;
 width:720px;
 
 }
 
 h2{
    text-transform:uppercase;
    font-size:18px;
    font-weight:normal;
    color:#787878;
    display:none;
 }
 

 .compObjetEvenement .dataContentComposants .objetListeChild dl dd .objetDate{
    text-transform:uppercase;
    font-size:18px;
    font-weight:normal;
    color:#787878;
 } 
 

 
/********** Titles Design **********/

.compBody .dataContentComposants table.slimpay tr th,
.compConfirmationCoordonnees .headerComposants .footerComposants .contentComposants .topContentComposants,
.compGuichet .headerComposants .footerComposants .contentComposants .topContentComposants .titleComposants,
.compModeDeDiffusion .topContentComposants,
table.reduction tr th,
.boxCrossSelling .title,
.compCompteInformation .title.bloc3,
.compCompteInformation .title.bloc2,
.compCompteInformation .title.bloc1,
.compCompteTransaction .headerComposants .footerComposants .contentComposants .topContentComposants,
.compTelechargementOption1 .headerComposants .footerComposants .contentComposants .topContentComposants .titleComposants,
.compTelechargementFacture .headerComposants .footerComposants .contentComposants .topContentComposants .titleComposants,
#pageEtape3 #contenuformulaire .headerComposants .footerComposants .contentComposants .topContentComposants .titleComposants,
.compOubliMDP .headerComposants .footerComposants .contentComposants .topContentComposants .titleComposants,
.mapRoom .header,
.compTelechargementOption2 .headerComposants .footerComposants .contentComposants .topContentComposants .titleComposants,
.compRenommageBillet .headerComposants .footerComposants .contentComposants .topContentComposants .titleComposants,
.compNouveauClient .headerComposants .footerComposants .contentComposants .topContentComposants .titleComposants, 
.compDejaClient .headerComposants .footerComposants .contentComposants .topContentComposants,
.compRechercheAbonne .titleComposants{
    background: none repeat scroll 0 0 #003e77;
    color: #fff;
    font-size: 15px;
    font-weight: bold;
    padding: 5px 0 5px 10px;
    text-transform: uppercase;
}


.popupTarifs {
background-color: #ffffff;
border: 1px solid #c2c2c2;
border-radius: 0;
left: 32%;
margin: auto;
padding: 0;
position: absolute;
top: 150px !important;
width: 650px;
z-index: 5000000 !important;
}

/******************************************/
/************   Table   ******************/
/*****************************************/

table{
    border-collapse:collapse;
    border:0;
    padding:0;
    margin:0;
    width:100%;
}

table tr th{
    font-size:14px;
    font-weight:normal;
    padding:3px;
    background:#E8E8E8;
   color: #505050;
   
}

table tr th.tableColonne1{
padding-right: 60px !important;
text-align: left;
text-indent: 10px;
}

table tr td.tableColonne3,
table tr td.tableColonne2,
table tr th.tableColonne3,
table tr th.tableColonne2{
text-align: center !important;
}

table tr td{
    padding:5px;
}

.compTarifDisponible table.tarifs tr td{
    padding:10px;
    font-size:15px;
}
.compTarifDisponible table tr td.tableColonne3,
.compTarifDisponible table tr td.tableColonne2,
.compTarifDisponible table tr th.tableColonne3,
.compTarifDisponible table tr th.tableColonne2{
text-align: center !important;
width: 100px;
}
.compTarifDisponible table.tarifs tr td select.selectTarif{
    width:60px;
    padding:5px;
}

.compTarifDisponible table.tarifs tr.tableFraisGestion td{
    display:none;
}

.compTarifDisponible table.tarifs tr td{
    border-bottom:1px solid #EDEDED;
}
.compTarifDisponible table.tarifs tr td.tableColonne0 .evenement img{
    display: block;
    float: left;
}
.compTarifDisponible table.tarifs tr td.tableColonne0 .evenement .description{
    clear: none;
    color: #003e77;
    float: left;
    margin: 0 0 0 20px;
    min-height: 50px;
    min-width: 50px;
    text-transform: uppercase;
}

.compTarifDisponible table.tarifs tr td.tableColonne4{
    width:120px;
}

.compTarifDisponible table.tarifs tr th{
    font-size:15px;
    font-weight:normal;
    padding:3px;
    background:#E8E8E8;
    color: #505050;
    text-transform:uppercase;
    font-weight:bold;
    text-align:left;
}


.compTarifDisponible table.tarifs{
float: left;
clear: both;
margin: 0 20px;
width: 940px;
}
table tr.tableFooter td{
    padding:5px;
    border-bottom: 0;
    background:#F5F5F5;
 
    font-size:18px;
}

.compTarifDisponible table.tarifs tr.tableFooter td{
    padding:10px 5px;
    border-bottom: 0;
    background: #ffffff; /* Old browsers */

background: -moz-linear-gradient(top,  #ffffff 46%, #f7f7f7 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(46%,#ffffff), color-stop(100%,#f7f7f7)); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top,  #ffffff 46%,#f7f7f7 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top,  #ffffff 46%,#f7f7f7 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top,  #ffffff 46%,#f7f7f7 100%); /* IE10+ */

background: linear-gradient(to bottom,  #ffffff 46%,#f7f7f7 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f7f7f7',GradientType=0 ); /* IE6-9 */
    font-size:18px;
}



table.tarifs tr td.tableColonne4{
    text-align:center;
    width:120px;
 }


/*****************************/
/***** INPUT SELECT RADIO *****/
/*****************************/

select,
input{
    color: #000;
    height: 16px;
    font-size: 12px;
    padding: 2px;
    background: none repeat scroll 0 0 #fff;
    border: 2px solid #E8E8E8;
    height:24px;
    line-height:24px;
    height:auto;
}
table.coordonneesCompletes tr td.tableColonne1,
.compCompteInformation .content input,
.compDejaClient td.tableColonne2 input,
.compNouveauClient td.tableColonne2 input,
.compOubliMDP td.tableColonne2 input,
.coordonneesCompletes td.tableColonne2 input,
table#nouvelleCB td.tableColonne2 input{
width: 330px;
}
input.champTel{
  
}

input.champPwd{
    
}

#champsRequis{
  width:950px;
  font-style:italic;
   margin:0 auto;
 }

#pageAccueil {
    position: absolute;
    width: 100%;
    z-index: 200;
}

#videoDiv video {
    height: auto !important;
    position: relative;
    width: 100% !important;
    z-index: 0;
}

/* FOOTER */

.wrapCredits {
    width: 980px;
    height: 90px;
    position: relative;
    margin: 0 auto;
}

.credits {
    clear: both;
    color: #b5bdbc;
    font-size: 10px;
    font-weight: normal;
    margin: 0 auto 0;
    width: auto;
    position: absolute;
    bottom: 5px;
    left: 260px;
}

.credits a {
    color: #ffffff;
    text-decoration: none;
}
.credits span.gris {
    color: #b5bdbc;
    text-decoration: none;
    padding: 0 3px;
    display: inline-block;
}
.credits a:hover {
    color: #ffffff;
    text-decoration: underline;
}




.compCompte .headerComposants .footerComposants .contentComposants .dataContentComposants .Int_SocialOM{
    float:right;
    display:inline-block;
 }



 #PartenairesOM{
    height: 200px;
    margin: 0 auto;
    width: 980px;
}

#logoOM_1 {
   width:400px;
   margin:0 auto; 
}


#logoOM_1 li{
  display:inline-block;
    
}

#logoOM_1 li.Adidas{
  background:url('../image/adidas.png') no-repeat;
  width:73px;
  height:49px;
    
}

#logoOM_1 li.Adidas a{
    display:block;
  width:73px;
  height:49px;
    
}

#logoOM_1 li.Intersport{
  background:url('../image/intersport.png') no-repeat 0 14px;
  width:232px;
  height:49px;
  margin-left: 55px;
    
}

#logoOM_1 li.Intersport a{
   display:block;
  width:232px;
  height:49px;
    
}
.1stPartenaires {
    display: none;
}


#PArtOMTitle{
 background:url('../image/BG_Header.jpg') no-repeat center -7px;
 text-align:center;
 width:960px;
 height:58px;
 color:#bc9d60;
 text-transform:uppercase;
 font-size:28px;
 margin:0 auto;
 }
 
 #PArtOM{
    background:url('../image/BG_SUbTitles_Logos.jpg') no-repeat center center; 
    width:412px;
    height:24px;
    text-align:center;
    color:#003e77;
    text-transform:uppercase;
    font-size:16px;
    margin:10px auto 10px auto;
}

/* LOGOS PARTENAIRES */

#footer_logos {
    display: block;
    height: 110px;
    margin: 0 auto;
    position: relative;
    width: 100%;
}

#footer_logos #liste_liens {
    list-style: outside none none;
    margin: 0 auto;
    display: block;
}

#footer_logos #liste_liens li {
    display: block;
    height: 45px;
    position: absolute;
    top: 39px;
    width: 45px;
}

#footer_logos #liste_liens li a {
    display: block;
    height: 100%;
    width: 100%;
}
#footer_logos #liste_liens li#orange {
    left: 39px;
}
#footer_logos #liste_liens li#pg5 {
    left: 93px;
    width: 70px;
}
#footer_logos #liste_liens li#team {
    left: 171px;
    width: 54px;
}
#footer_logos #liste_liens li#rueducommerce {
    left: 233px;
    width: 79px;
}
#footer_logos #liste_liens li#burrda {
    left: 320px;
    width: 72px;
}
#footer_logos #liste_liens li#volks {
    left: 402px;
    width: 48px;
}
#footer_logos #liste_liens li#volksfr {
    left: 459px;
    width: 53px;
}
#footer_logos #liste_liens li#pizz {
    left: 521px;
    width: 78px;
}
#footer_logos #liste_liens li#smalto {
    left: 607px;
    width: 74px;
}
#footer_logos #liste_liens li#foch {
    left: 681px;
    width: 56px;
}
#footer_logos #liste_liens li#toulon {
    left: 744px;
    width: 47px;
}
#footer_logos #liste_liens li#tpm {
    left: 800px;
    width: 76px;
}
#footer_logos #liste_liens li#var {
    right: 38px;
    width: 58px;
}
/* FIN */

 #PArtOM_3{
     
    background:url('../image/BG_SUbTitles_Logos.jpg') no-repeat center center; 
    width:235px;
    height:24px;
    text-align:center;
    color:#003e77;
    text-transform:uppercase;
    font-size:16px;
    margin:10px auto 10px auto;
}
 
 #PArtOM_2{ 
    background:url('../image/bg_Header_SubLOgos2_Wide.jpg') no-repeat center center; 
    width:697px;
    height:24px;
    text-align:center;
    color:#003e77;
    text-transform:uppercase;
    font-size:16px;
    margin:10px auto 10px auto;
}


ul#logoOM_2 li{
    
    display:inline-block;
}

ul#logoOM_2 li.Turkish{
    width:132px;
    height:40px;
     background:url('../image/turkish-airlines-maj.png') no-repeat center center; 
}

ul#logoOM_2 li.bwin{
    width:95px;
    height:39px;
    background:url('../image/bwin.png') no-repeat center center;
    margin-left: 16px;
}

ul#logoOM_2 li.orange{
   width:39px;
    height:39px;
    background:url('../image/orange.png') no-repeat center center;
    margin-left: 28px;
}

ul#logoOM_2 li.caisseEpargne{
   width:107px;
    height:39px;
    background:url('../image/caissedepargne.png') no-repeat center center;
    margin-left: 27px;
}

ul#logoOM_2 li.citroen{
  width:54px;
    height:40px;
    background:url('../image/citroen.png') no-repeat center center;
    margin-left: 15px;
}

ul#logoOM_2 li.mutuelSoleil{
  width:143px;
    height:42px;
    background:url('../image/mutuelleMaj.png') no-repeat center center;
    margin-left: 16px;
}



/****** Links ***/
ul#logoOM_2 li.Turkish a{
    display:block;
    width:132px;
    height:40px;
}

ul#logoOM_2 li.bwin a{
    display:block;
    width:95px;
    height:39px;
   
}

ul#logoOM_2 li.orange a{
    display:block;
   width:39px;
    height:39px;
  
}

ul#logoOM_2 li.caisseEpargne a{
    display:block;
   width:107px;
    height:39px;
  
}

ul#logoOM_2 li.citroen a{
    display:block;
  width:54px;
    height:40px;
 
}

ul#logoOM_2 li.mutuelSoleil a{
    display:block;
    width:143px;
    height:42px;

}



#logoOM_3 li{
    display:inline-block;
}

#logoOM_3 li.quick{
    width:35px;
    height:43px;
    background:url('../image/quick.png') no-repeat center center; 
}

#logoOM_3 li.Coca{
    width:143px;
    height:42px;
    background:url('../image/coca.png') no-repeat center center; 
}

/******* Links *******/
#logoOM_3 li.quick a{
    width:35px;
    height:43px;
    display:block;
}

#logoOM_3 li.Coca a{
    width:143px;
    height:42px;
    display:block;
}


#videoDiv {
    /*opacity: 0.3;*/
    top: 200px;
    width: 100%;

}

.descContent{
color: #013763;
float: left;
font-weight: bold;
margin: 20px;
padding: 10px 0;
text-align: left;
text-transform: uppercase;
width: 920px;
font-size: 16px;
}
#pageCompte .descContent{
    float:none;
}

/* Date type OM */
.date_day_name,
.compObjetEvenement .dataContentComposants .objetListeChild dl dt .objetDate span.objetDateElt span.date_day_name{
    padding-top:9px;
  font-size:18px;
}

.date_day_num,
.date_month_name,
.compObjetEvenement .dataContentComposants .objetListeChild dl dt .objetDate span.objetDateElt span.date_month_name,
.compObjetEvenement .dataContentComposants .objetListeChild dl dt .objetDate span.objetDateElt span.date_day_num{
  font-size:20px;
  padding-top:4px;
}

.date_hour_min,
.compObjetEvenement .dataContentComposants .objetListeChild dl dt .objetDate span.objetDateElt span.date_hour_min{
font-size: 14px;
padding-top: 6px;
font-weight: normal;}

.compObjetEvenement .dataContentComposants .objetListeChild dl dd .objetDate{
    background: url("../image/BG_Date_OM.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #FFFFFF;
    font-size: 14px;
    font-weight: normal;
    height: 95px;
    line-height: 18px;
    padding: 10px 20px 20px 23px !important;
    position: absolute;
    right: 20px;
    text-align: center;
    text-transform: uppercase;
    top: -17px;
    width: 60px;
}

#pageEtape1 .compObjet .headerComposants .footerComposants .contentComposants .dataContentComposants dl dd .date{
    background: url("../image/BG_Date_OM.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #FFFFFF;
    font-size: 14px;
    font-weight: normal;
    height: 95px;
    line-height: 18px;
    padding: 10px 20px 20px 23px !important;
    position: absolute;
    right: 20px;
    text-align: center;
    text-transform: uppercase;
    top: -23px;
    width: 60px;
    z-index: 9999;
}

.compTypeBillet{
    display:none;
  }
  


.divBoxReductionMessage{
    display:none;
  }
  
.consigne{
    padding:5px 0;
 }

#moyenPaiement{
    display:none;
 }

/* Vues panoramiques */
#pageEtape1 #compBody #compBodyHeader #compBodyFooter #compBodyContent .compPano .dataContentComposants .panoViewer .container {
    width: 100%;
}

.infoOverflowed {
    display: block;
    height: auto;
    overflow: hidden;
    color: #000 !important;
}
.doubleOptIn td {
text-align: left !important;}

/* POPUP DANS LE PLACÉ - CODE PROMO */

.popupTarifs .body table .price {
    width: 340px;
    min-width: auto;
}
.popupTarifs .body table th.price {
    padding-left: 25px !important;
}
.popupTarifs .body table .codePromoPrompted .codePromo input {
    line-height: 15px;
    visibility: visible;
}

/************************************/
.bandeauEtat {
    width: 108px;
    height: 108px;
    margin: 0;
}


/*-----------------------------------------*\
* CROSSELLING
\*-----------------------------------------*/

#popCross {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.7) !important;
    border: 0 none !important;
    box-shadow: 0 0 0 0 !important;
    float: left;
    height: 100% !important;
    left: 0 !important;
    margin-left: 0 !important;
    margin-top: 0 !important;
    padding: 0 !important;
    position: fixed !important;
    top: 0 !important;
    width: 100% !important;
    z-index: 999999999999999999999999!important;
    border-radius: 0 !important;
}

#popCross .popupCrossSelling {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #aaa;
    border-radius: 5px;
    display: block;
    padding: 25px 25px 0 25px;
    vertical-align: middle;
    width: 750px;
    position:relative;
    margin:3% auto 0;
}

#popCross .header {
    text-align: right;
}

#popCross .content .summary {
font-size: 14px;
width: 100%;
clear: both;
float: left;}

#popCross .content .summary .title,
.crossSelling .title {
    background: none repeat scroll 0 0 #003e77;
    color: #fff;
    font-size: 15px;
    font-weight: bold;
    padding: 5px 0 5px 10px;
    text-transform: uppercase;
}
#popCross .upSelling {
  border-top: 1px solid #d8d8d8;
  clear: both;
  padding: 20px 0;
  width: 100%;
}
#popCross .content .event .title {
  clear: both;
  color: #043962;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 16px;
}
#popCross .content .summary .show {
color: #043962;
float: left;
font-size: 16px;
font-weight: bold;
margin: 15px 0;
text-transform: uppercase;
}

#popCross .content .summary .prices {
float: left;
padding-left: 25px;
margin: 15px 0 0 20px;
font-size: 16px;
}
#popCross  .descContent {
border-bottom: 1px solid #d8d8d8;
margin: 0 10px 0 10px;
padding: 10px 0;
width: 740px;
}
#popCross .content .summary .show .name {
font-size: 16px;
font-weight: bold;
}
#popCross .content .summary .show .value {
font-size: 16px;
font-weight: normal;
color: #e84e0e;
}
#popCross .content .summary .prices .value {
color: #e84e0e;
}


#popCross .crossSelling {
clear: both;
padding-top: 25px;
float: left;
width: 100%;
}
#popCross .crossSelling .content .tableHeader {
    display: none;
}
#popCross .crossSelling .content .event {
vertical-align: top;
width: 100%;
}
#popCross .crossSelling .content .event .prices {
      clear: both;
}
#popCross .crossSelling .actions {
float: right;
margin-top: 10px;
}
#popCross .crossSelling .content {
    position: relative;
    display: block;
}
#popCross .crossSelling .content .listeTarifs {
width: 720px !important;
}
#popCross .crossSelling .content .event .thumbnail {
    float: left;
    height: 80px;
    margin-right: 10px;
    width: 80px;

    display:block;
}
#popCross .crossSelling .content .event .thumbnail img {
    height: 80px;
    width: 80px;
}
#popupCrossSelling .crossSelling .content .event .title {
    display: block;
    font-size: 18px;
    margin-bottom: 0;
    font-size: 16px;
    background:#fff;
    float:left;
}
.popupCrossSelling .content .crossSelling .content .event .content {

float: left;

}
.popupCrossSelling .content .crossSelling .content .event .content .title {
background: #fff none repeat scroll 0 0;
color: #043962 !important;
float: left;
font-size: 16px !important;
font-weight: normal !important;
}
.popupCrossSelling .content .crossSelling .content .event .content .title .name,
.popupCrossSelling .content .crossSelling .content .event .content .title .schedule {

color: #e84e0e !important;

}
#popCross .crossSelling .content .event .title .name {
left: 100px;
overflow: hidden;
position: absolute;
text-overflow: ellipsis;
top: -60px;
white-space: nowrap;
width: 500px;
}
#popCross .crossSelling .content .event .title .toolip:before {
      content: "";
  display: block;
  height: 10px;
  width: 10px;
  border-left: 1px solid #000;
  border-top: 1px solid #000;
  position: absolute;
  transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  background: #fff;
  top: 33px;
  z-index: 10000;
  right: 53px;
}
#popup_ok {
    margin: 0 auto;
}
#popup_container.error #popup_title {
      background-color: #003e77;
      border-radius:5px 5px 0 0;
}
#popup_container:not(.popup_container_ajax) {
    border: 1px solid #dedede;
}
#popCross .crossSelling .content .event .title .schedule {
display: block;
left: 100px;
position: absolute;
top: -37px;
}
#popCross .crossSelling .content .link {
color: #0b9bd5;
font-size: 14px;
font-weight: bold;
position: absolute;
right: 11px;
top: -57px;
cursor: pointer;}
#popCross .crossSelling .content .event .title .schedule {
    display: block;
}
#popCross .crossSelling .actions a {
    background-color: #0b9bd5;
    background-repeat: repeat-x;
    border: 0 none;
    -webkit-border-radius: 15px;
border-radius: 15px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: normal;
    padding: 5px 10px;
    position: relative;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
  
}
#popCross .crossSelling .actions .submit {
    background: #0b9bd5;
  padding: 10px 15px;
  border-radius: 10px;
  cursor: pointer;
  color: #fff;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 15px;
}
#popCross .content .event{
    clear:both;
}

.popupCrossSelling .footer {
padding: 10px 10px 0 0;
overflow: hidden;
width: 380px;
position: relative;
top: -79px;
    
}

.footer .button a,
#popCross .crossSelling .actions .submit{
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    background-color : #003e77;
    color:#fff;
    display:block;
    text-decoration:none;
    text-align:center;
    line-height:50px;  
    font-size:20px;
    text-transform:uppercase;
    border:0;
    font-weight:normal;
    height:50px;
    cursor:pointer;
    padding:0 15px;
    margin: 10px auto;
    width:330px;
    float:right;
}
.footer .button a:hover,
#popCross .crossSelling .actions .submit:hover{
 background-color : #e84e0e  ;
}
#popCross .header .button {
   
}

.popupCrossSelling .text a#depop{
background: transparent url("../image/cross_bl.png") no-repeat scroll right 0;
color: #fff;
cursor: pointer;
display: inline-block;
font-weight: bold;
height: 16px;
line-height: 16px;
padding-right: 25px;
position: absolute;
right: 40px;
text-decoration: none;
top: 31px;
width: 75px;
    
 }
#popCross   .toolip {
    position: relative;
}

.toolip .description
{
  position: absolute;
  width: 698px;
  font-size: 12px;
  border: 1px solid #555;
  border-radius: 5px;
  background: #fff;
  padding: 20px;
  white-space: initial;
  left: 0px;
  top: 38px;
  text-transform: initial;
  max-height: 335px;
  overflow: hidden;
}


/*-----------------------------------------*\
* FIN DU CROSSELLING
\*-----------------------------------------*/

/*-----------------------------------------*\
                    PACKS
\*-----------------------------------------*/

.packContent {
    
}


/*-------------------------------------*\
    REDUCTION LISTE
\*-------------------------------------*/

.codePromoListe {
    background: #F3F3F3;
    clear: both;
    margin: 0 20px 0 25px;
}

.codePromoListe span:nth-child(1) {
    display: block;
}

.codePromoListe input {
    margin-left: 20px;
    margin-top: 20px;
    margin-bottom: 20px;
    background: #Fff;
    padding: 10px;
    font-size: 14px;
    vertical-align: middle;
}
#submitCodePromo {
    width: auto;
    height: auto;
    padding: 0px 10px;
    margin: 2px;
    vertical-align: middle;
    display: inline-block;
}

/*-----------------------------------------*\
            REDUCTION LISTE PLAN
\*-----------------------------------------*/


#promoCodeForm {
    width: auto !important;
    text-align: left;
    border: none !important;
    padding: 0 !important;
    margin-bottom: 5px;
    float: none !important;
    clear: both;
    background: #F3F3F3;
    margin: 0px 20px 0 25px !important;
}

#promoCodeForm input {
    margin-left: 20px;
    margin-top: 20px;
    margin-bottom: 20px;
    background: #Fff;
    padding: 10px;
    font-size: 14px;
    vertical-align: middle;
}

#submitPromoCode {
    width: auto;
    height: auto;
    padding: 0px 10px;
    margin: 2px 10px;
    vertical-align: middle;
    display: inline-block;
}

.codePromoListe span:nth-child(1),
#promoCodeForm .title {
    font-size: 14px;
    color: #4C4C4C; 
    padding: 10px 20px;
    border-right: 1px solid #999;
    display: inline-block;
    vertical-align: middle;
}

/*-----------------------------------------*\
            REDUCTION LISTE PACK
\*-----------------------------------------*/

.submitCodePromo  {
  background: #da0813 !important;
  text-indent: 0; 
  margin-left: 10px !important;
}

.codePromoListe .check-msg {
    padding: 10px 20px;
    margin-bottom: 10px;
    display: inline-block;
    border-radius: 5px;
    font-weight: bold;
}
.codePromoListe .check-success {
  color: #2ecc71;
}
.codePromoListe .check-error {
  color: #ff0000;
}