.visible {
    display: block;
}

.invisible {
    display: none;
}

.txtGras {
    font-weight: bold;
}

.txtCentre {
    text-align: center;
}

.txtDroite {
    text-align: right;
}

.txtGauche {
    text-align: left;
}

.cursorPointer {
    cursor: pointer;
}

label {
    margin-left: 5px;
    cursor: pointer;
}

.form-group label {
    margin-left: auto;
    cursor: auto;
}

.radio,
.checkbox {
    cursor: pointer;
}
.clr {
    clear:both;
}

#cgv {
    width: 472px;
    margin: 0px auto;
}
#cgv #titleCgv {
    font-size: 1.4em;
    font-weight: bold;
    text-align: left;
    padding: 10px 0px;
}
#cgv #contentCgv {
    color: #000000;
    width: 450px;
    height: 240px;
    font: 9px Arial;
    overflow: auto;
    padding: 0px 10px 10px 10px;
    text-align: justify;
    background-color: #FFFFFF;
    border: 1px solid #000000;
}
#cgv #contentCgv p {
    display: block;
}
#cgv #contentCgv p.headerCgv {
    display: block;
    margin: 10px 0px 5px 0px;
    text-transform: uppercase;
    font-size: 1.2em;
    font-weight: bold;
}
/* Détail du billet électronique (impression avec/sans téléchargement mobile) */

#pageEtape2 #etapescontenu table#modeDeDiffusion tr.billetElectronique {
    display: none;
}
#pageEtape2 #etapescontenu table#modeDeDiffusion tr.billetElectronique td {
    padding: 5px 30px;
    text-align: left;
}
#pageEtape2 #etapescontenu table#modeDeDiffusion tr.billetElectronique td div {
    display:block;
    padding-left: 40px;
    min-height: 16px;
    _height: 16px;
    margin: 2px 0px;
}
#pageEtape2 #etapescontenu table#modeDeDiffusion tr.billetElectronique td div span {
    font-style: italic;
}
#pageEtape2 #etapescontenu table#modeDeDiffusion tr.billetElectronique td .impressionAvecMobile {
    background:transparent url("../image/impressionAvecMobile.png") no-repeat left top;
}
#pageEtape2 #etapescontenu table#modeDeDiffusion tr.billetElectronique td .impressionSansMobile {
    background:transparent url("../image/impressionSansMobile.png") no-repeat left top;
}

/*************************************************************
         STYLES par VINZ pour gérer les plans de salle
*************************************************************/

/* Pour les plans de salle classiques */

#etapescontenu #planSalle {
    text-align: center;
}
#etapescontenu #planSalle #titlePlanSalle {
    text-align: center;
}
#etapescontenu #planSalle #contenuPlanSalle {
    text-align: center;
}
#etapescontenu #planSalle #contenuPlanSalle img {
    margin: 0px;
}
#etapescontenu #planSalle #contenuPlanSalle table#legendeVisu {
    border-collapse: collapse;
    font-size: 9px;
    text-align: left;
    width: auto;
    margin: 5px auto;
}
#etapescontenu #planSalle #contenuPlanSalle table#legendeVisu th {
    text-align: left;
}
#etapescontenu #planSalle #contenuPlanSalle table#legendeVisu td {
    height: 16px;
    margin: 0px 10px;
    padding: 0px;
}
#etapescontenu #planSalle #contenuPlanSalle table#legendeVisu td.libelle {
    padding-right: 5px;
}
#etapescontenu #planSalle #contenuPlanSalle table#legendeVisu td.places {
    width: 16px;
    border: 1px solid #767676;
}

#etapescontenu #contenuformulaire #paiementFree #ico_free {
    background:transparent url(../image/iconePanierGratuit.gif) no-repeat scroll 8px 9px;
    height:80px;
    width:80px;
}

#etapescontenu #contenuformulaire #paiementFree .tableColonne2 {
    font-weight:bold;
    text-align: left;
}

#etapescontenu #contenuformulaire #paiementFree .paiementFreeValid {
    display: inline-block;
    text-decoration: none;
    text-transform: uppercase;
    width: 153px;
    float: none;
    margin: 10px 0;
}

.overflowInfo {
    cursor: pointer;
}
.infoOverflowed {
    overflow: hidden;
    height: 10px;
}

/* Choix Langue */

.langue {
    display: inline-block;
    width: 29px;
    height: 20px;
}

.langueDe {
    background-image: url(../image/drapeaux/drapeau_de.gif);
}

.langueEn {
    background-image: url(../image/drapeaux/drapeau_en.gif);
}

.langueEs {
    background-image: url(../image/drapeaux/drapeau_es.gif);
}

.langueFr {
    background-image: url(../image/drapeaux/drapeau_fr.gif);
}

.langueNl {
    background-image: url(../image/drapeaux/drapeau_nl.gif);
}

.langueMiniDe {
    background-image: url(../image/drapeaux/drapeau_de_mini.gif);
}

.langueMiniEn {
    background-image: url(../image/drapeaux/drapeau_en_mini.gif);
}

.langueMiniEs {
    background-image: url(../image/drapeaux/drapeau_es_mini.gif);
}

.langueMiniFr {
    background-image: url(../image/drapeaux/drapeau_fr_mini.gif);
}

.langueMiniNl {
    background-image: url(../image/drapeaux/drapeau_nl_mini.gif);
}

.disabled {

}

/* Fin Choix Langue */
#pageRecherche #etapescontenu table td a.accueilimagebillet {
    display: block;
    width: 113px;
    height: 17px;
    padding-top: 3px;
    text-align: center;
    font-size: 10px;
    text-transform: uppercase;
    font-weight: bold;
    text-decoration: none;
    color: #000;
    background: url('../image/etatEvenement/css_etat.gif') no-repeat 0px -60px;
}
#pageRecherche #etapescontenu table#resultatrechercheevt td a.accueilimagebillet.etat10,
#pageRecherche #etapescontenu table#resultatrechercheevt td a.accueilimagebillet.etat12,
#pageRecherche #etapescontenu table#resultatrechercheevt td a.accueilimagebillet.etat40 {
    background: url('../image/etatEvenement/css_etat.gif') no-repeat 0px 0px;
    color: #fff;
}
#pageRecherche #etapescontenu table#resultatrechercheevt td a.accueilimagebillet.etat11 {
    background: url('../image/etatEvenement/css_etat.gif') no-repeat 0px -40px;
    color: #fff;
}
#pageRecherche #etapescontenu table#resultatrechercheevt td a.accueilimagebillet.etat60 {
    background: url('../image/etatEvenement/css_etat.gif') no-repeat 0px -20px;
    color: #fff;
}

#linkPopupPhoto{
    font-weight: bold;
    cursor: pointer;
    text-decoration: underline;
}

#popupPhotoPortrait{
    text-align: left;
    border: 1px solid #ccc;
    height: 130px;
}

#popupPhotoPortrait img{
    margin: 10px;
    float: left;
}

#popupPhotoPortrait #popupPhotoPortraitTxt{
    margin-top: 10px;
    float: left;
    width: 240px;
}

#popupPhotoPortrait #popupPhotoPortraitMesure{
    float: left;
    width: 240px;
    font-weight: bold !important;
}
#popupPhotoPortrait #popupPhotoPortraitMesure font{
    font-weight: bold !important;
}
.state_10,
.state_40,
.state_60{
    background: url('../image/bg_soldout.gif') repeat-x !important;
    color: black !important;
}

#pageEtape4 #infoModeDeDiffusion #infoModeDeDiffusionNumCommande {
    display:none;
}

/* Entre 8 et 20 caractères hidden pour le moment */
#pwdHelp {
    display: none;
}

#pageCompte .transactionActive tr th .contactServiceClient {
    display: none;
}
#pageCompte .transactionActive tr .tableColonne1 .nomPrenom1{
}

#pageCompte .transactionActive tr .tableColonne1 .nomPrenom1 input{
    border:1px solid transparent;
    background: none;
    height:18px;
    padding:2px;
    color: inherit;
    width: 100px;
    font-size: 12px;
    font-family: arial;
}

#pageCompte .transactionActive tr .tableColonne1 .nomPrenom1.modifier input{
    background:url("../image/css_champ.gif") repeat-x scroll 0 center white;
    border:1px solid #CDCDCD;
    color:#000000;
    height:18px;
    padding:2px;
}

#pageCompte .transactionActive tr .tableColonne1 .nomPrenom2{
    padding:11px;
}

#pageCompte .transactionActive tr .tableColonne1 .nomPrenom2 button.modifier{
    background:url("../image/bg_btModifier.gif") repeat-x scroll 0 -3px #D4D4D4;
    border:medium none;
    color:#000000;
    font-size:11px;
    font-weight:bold;
    height:20px;
    vertical-align:middle;
    width:70px;
    cursor: pointer;
}

#pageCompte .transactionActive tr .tableColonne1 .nomPrenom2 button.modifier.valider{
    background:url('../image/bt_ok.gif') repeat-x scroll 0 0 transparent;
    border:none;
    color:#FFF
}

/* ERREURS SUR ETAPTE 1 */

div.erreur_input_tooltip {
color : #FFFFFF;
    font: normal 15px Arial, sans-serif;
    position:absolute;
    display:block;
    width:500px;
    z-index : 100000;
    text-align:left;
}
div.erreur_input_tooltip div.containerTooltip {
    background: url("../image/bg-tooltip.png") repeat-x #4A4A4A;
    padding : 20px 10px;
    font-size:0.8em;
    border: 1px solid #4A4A4A;
    outline: 1px double #888;
    outline-offset: -2px;
    overflow:auto;
}
div.erreur_input_tooltip div.tooltipBottom_right {
    background: url("../image/tooltip-fleche-basse.png") no-repeat !important;
    width: 20px;
    height: 12px;
    position:absolute;
    right: 10px;
    bottom: -10px;

}
div.erreur_input_tooltip div.tooltipBottom_left {
    background: url("../image/tooltip-fleche-basse.png") no-repeat !important;
    width: 20px;
    height: 12px;
    position:absolute;
    left: 12px;
    bottom: -10px;
}
.iconeAlerte {
    background: url("../image/ico-alert.png") no-repeat;
    height: 53px;
    width: 53px;
    float:left;
}
.errorTitle {
    font-size: 15px;
    float:left;
    color:#FF8300;
    font-weight:bold;
    width: 420px;

    }
.errorContent {
    float:left;
    width: 420px;
    font-weight: normal;
    }

/* ERREURS SUR ETAPE 2 */
.erreur_input {
    display: block;
    font-size: 10px;
    color: red;
}

input.inputError {
    border-color: red !important;
}

/* ERREURS SUR ETAPE 3 */
#compErreur #headerErreur #footerErreur #erreur_inputcgv{
    font-weight:normal;
     z-index : 15;
}
#nouvelleCB{
    position:relative;
    display:block;
}
#etapescontenu #contenuformulaire{
    position:relative;
    display:block;
}
/*.erreur_input_tooltip{
    color : #FFFFFF;
    font-family: Arial, sans-serif;
    font-size: 15px;
    font-weight:normal;
    position:absolute;
    display:block;
    width:527px;
    height:106px;
    z-index : 12;
}
.erreur_input_tooltip div{
    padding-left: 70px;
    padding-top: 25px;
    width: 430px;
    text-align:left;
    font-size:0.8em;
}*/

/* Formulaire */
#etapescontenu {
    position : relative;
}
.assuranceTable tbody tr.body{
    position : relative;
}


/****** MISE EN FORME CHAMPS ADHERENTS *******/

#etapescontenu table.renommage .adhesion {
    width: 150px;
    margin-right:8px;
}

#etapescontenu table.renommage #revenirListe {
    margin-top: 10px;
    padding: 3px 5px;
    cursor: pointer;
    color:#000;
}


#etapescontenu table.renommage .selectAdherent {
    width: 80%;
}

#etapescontenu table.renommage .customAdhesion {
    width: 35%;
    display: inline-block;
    text-align: left;
}

#etapescontenu table.renommage input.adhesion {
    width: 40%;
    margin:4px;
}

#pageEtape2 #etapescontenu #oubliMDP a.contactServiceClient {
    background : none !important;
    text-decoration: underline !important;
    float: none !important;
}

#pageEtape2 #etapescontenu #oubliMDP input#submitFinaliser input#submitReset{
    display : block;
    float : none !important;
    margin-left: auto !important;
    margin-right: auto !important;
}


/****************/
/**** POP UP ****/
/***************/
div.jqi .jqicontainer{
    background-color: #FFFFFF;
    border: 2px solid #999999;
    background:url('../image/pop.png') no-repeat 8px 20px #f3f3f3;
    border: 1px solid #fff;
     color: #323232;
     font-weight: bold;
     padding: 5px;
   -webkit-border-radius: 5px 5px 5px 5px;
       border-radius: 5px 5px 5px 5px;
    -webkit-box-shadow: 0 0 8px 0 #0d0e0e;
    box-shadow: 0 0 8px 0 #0d0e0e;
 }


div.jqi .jqimessage{
    font-size:15px;
    text-align: left;
    padding: 10px 10px 10px 60px;
    font-family: Arial, Sans-Serif;
    clear:both;
}


 div.jqi .jqibuttons{
     text-align: center;
    padding: 5px 0 0 0;
   padding: 10px 0 10px 0;
 }


 div.jqi button{
    background: url("../image/sprite-panier.gif") repeat scroll 0 0 transparent;
    border: 1px solid #CCCCCC;
    color: #FFFFFF;
    cursor: pointer;
    margin: 20px 10px 0;
    padding: 3px 10px;
    background: url("../image/bt_valider.gif") no-repeat scroll 0 0 transparent;
 border: medium none;
  color: #FFFFFF;
  cursor: pointer;
  display: block;
  font-family: "BebasNeueRegular",sans-serif;
  font-size: 1.7em;
  font-weight: normal;
  height: 24px;
  margin: 0 auto;
  outline: medium none;
  text-decoration: none;
  text-shadow: 0px 0px 3px #333333;
  text-transform: uppercase;
  width: 105px;
  line-height: 0;
 }

 div.jqi button:hover{
  background-position: -6px -124px;
  background: url("../image/bt_valider.gif") no-repeat scroll 0 -24px transparent;
}


.jqicontainer .jqiclose{
   float:right;
   font-family: verdana;
   font-weight: bold;
   cursor:pointer;
 }

.jqistates{
    clear:both;
}