

/*******************************************************************************/
/*                                    compBody                                 */
/*******************************************************************************/

#compBody {
	
}
#pageCompte #compBody {
        width: auto;
}
#compBody #compBodyHeader {

}
#compBody #compBodyHeader #compBodyFooter {

}
#compBody #compBodyHeader #compBodyFooter #compBodyContent {
}
#compBody #compBodyHeader #compBodyFooter #compBodyContent .topContentComposants {
    
}

#pageCompte #compBody #compBodyHeader #compBodyFooter #compBodyContent .topContentComposants .titleComposants {
	    font-size: 12px;
        margin: 0 0 20px;
}
#pageCompte #compBody #compBodyHeader #compBodyFooter #compBodyContent .topContentComposants .titleComposants span {
    display: inline;
    padding: 0 10px 0 0;
    text-decoration: none;
}
#compBody #compBodyHeader #compBodyFooter #compBodyContent .dataContentComposants {


}

	
	.compCompte table {
    background-color: transparent;
    border: none;
    border-spacing: 0;
    width: 100%;
	}
table tr td {
    padding: 5px 2px 5px 15px;
}

.headerComposants .footerComposants .contentComposants .dataContentComposants table tr .tableDesc {
	   font-weight: normal;
    padding: 10px 0;
    text-align: left;
}

#compBody #compBodyHeader #compBodyFooter #compBodyContent .bottomContentComposants {
}
#pageCompte #compBody {
    clear: both;
    margin: auto;
}
#pageCompte #compBody #compBodyHeader #compBodyFooter {
}
#pageCompte #compBody #compBodyHeader #compBodyFooter #compBodyContent {
}

.titleContent {
	font-weight: bold;
	font-size: 18px;
	text-align: left;
	margin: 0px 0px 10px 10px;
	text-transform: uppercase;
	color: #4E4741;
}
.descContent {
    margin: 10px 15px;
    text-align: left;
}
#pageCompte .descContent {
    color: #FFFFFF;
    margin: 10px 15px 0 12px;
    text-align: left;
	display:none;
}
.ongletContent {
    display: block;
    height: 70px;
    margin: 0;
    width: 100%;
}
.ongletContent a {
    background: none repeat scroll 0 0 #90a878;
    border-radius: 2px;
    color: #fff;
    display: block;
    float: left;
    font-size: 11px;
    height: auto;
    margin: 10px 0px 10px 53px;
    min-height: 40px;
    padding: 10px 0 0;
    text-align: center;
    text-decoration: none;
    width: 239px;
    -moz-transition: all 1s ease-in-out;
    -webkit-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
}


.ongletContent a:hover {
    background: none repeat scroll 0 0 #333;
    color: #fff;
    text-decoration: none;
}
.ongletContent a.ongletSelected {
	background: none repeat scroll 0 0 #f28281;
    color: #fff;
    text-decoration: none;
}
.ongletContent a span {
	    display: block;
    font-size: 10px;
}
.ongletContent a span.ongletLibelle {
	 display: block;
    font-size: 12px;
    text-transform: uppercase;
}



#pageEtape1 .validContent {
  display: inline
}



 #pageEtape1 .compBody .btSubmit {

}


#pageEtape1 .compTarifDisponible .headerComposants .footerComposants .contentComposants .dataContentComposants {
}
#pageEtape1 .titleContent {
	margin: 15px 0px 0px 0px;
	line-height: 26px;
	color: #fff;
	font-size: 14px;
	padding-left: 10px;
	text-transform: none;
}

#pageEtape1 .descContent {
	    clear: left;
    margin: 0 0 10px 0;
 
    text-align: justify;
}


#pageEtape2 .validContent{
    text-align:center;
}

#pageEtape3 #infoformulaire {
    border-collapse: collapse;
    clear: both;
    font-size: 11px;
    margin: 20px auto;
    padding: 0;
    text-align: center;
    width: 100%;
}
#pageEtape3 #infoformulaire #securite {
    margin-top: 3px;
    float: left;
    margin-top: 0;
    margin-bottom: 10px;
}
#pageEtape3 #infoformulaire #securite span {
    display: block;
    font-size: 12px;
    font-weight: bold;
    margin-top: 18px;
    padding: 0 7px;
    text-align: left;
}
#pageEtape3 #infoformulaire #securite span img {
    background-color: #fff;
}
#pageEtape3 #infoformulaire #securite span a { 
    margin-left: 4px; 
    color: #888; 
    font-weight: bold; 
    line-height: 1.8;
}

#pageEtape3 #infoformulaire #moyenPaiement {  
    float: right;
    font-size: 12px;
    margin: 0 10px 0 0;
    padding: 0 0 10px;
    width: 292px;
}
#pageEtape3 #infoformulaire #moyenPaiement #titleMoyenPaiement {
    background: url("../image/ico_20px_haut.gif") no-repeat scroll 5px -1065px transparent;
    border-bottom: 1px solid #AAAAAA;
    display: block;
    font-size: 12px;
    font-weight: bold;
    margin: 0 0 7px;
    padding: 18px 0 10px 28px;
    text-align: left;
}
#pageEtape3 #infoformulaire #moyenPaiement a {
    background: url("../image/css_champCB.gif") no-repeat scroll 0 0 transparent;
    display: block;
    font-weight: bold;
    margin-left: 55px;
    margin-top: 5px;
    text-align: left;
    text-decoration: none;
    text-indent: 31px;
    text-transform: uppercase;
}
#pageEtape3 #infoformulaire #moyenPaiement a:hover {
    color: #000;
}
#pageEtape3 #infoformulaire #moyenPaiement a#moyenPaiementPaypal {
    background: url("../image/css_paypal.gif") no-repeat scroll 0 0 transparent;

}
#pageEtape3 #infoformulaire #moyenPaiement a.moyenPaiement_CB { 
    background: url(../image/CB.png) no-repeat;
}
#pageEtape3 #infoformulaire #moyenPaiement a.moyenPaiement_Paypal { 
    background: url(../image/paypal.png) no-repeat;
}

#pageEtape3 #infoformulaire #recapAchat { 
    background: none repeat scroll 0 0 #f28281;
    clear: both;
    color: #FFFFFF;
    display: block;
    font-size: 15px;
    font-weight: bold;
    margin: 0 0 10px;
    padding: 10px 0;
}
#pageEtape3 #infoformulaire #recapAchat #libelleRecapAchat {
	    display: inline-block;

    margin: 0;
    text-align: left;
}
#pageEtape3 #infoformulaire #recapAchat #infoRecapAchat {
	text-transform:uppercase;
	font-style: italic;
}
#moisCB,
#anneeCB {
    width: 48.7%;
    display: inline-block;
}
#moisCB {
    margin-right: 5px;
}
#pageEtape3 #contenuformulaire .formulairePaiement .table .tableColonne1 {
    width: 210px;
    display: inline-block;
    font-weight: bold;
}
#pageEtape3 #contenuformulaire .formulairePaiement .table .tableColonne2 {
    width: 200px;
    display: inline-block;
}
#pageEtape3 #contenuformulaire .formulairePaiement .table .tableColonne1-2 {
    padding: 2px 0;
}
#rowSubmitEtape3 {
    margin-top: 30px;
    display: block;
}
#pageCompte .titleContent {
	display: none;
}
#pageCompte .rechercheCompteDigitick {
    background: #f7f8f7;
    border-collapse: collapse;
    clear: both;
    font-size: 11px;
    height: 45px;
    margin: 0 auto 10px 0;
    padding: 0;
    position: relative;
    text-align: center;
    width: 100%;
}
#pageCompte .rechercheCompteDigitick .zoneRecherche span {
    display: block;
    font-weight: bold;
    left: 15px;
    position: absolute;
    top: 17px;
}
#pageCompte .rechercheCompteDigitick .zoneTri span {


}

#pageCompte .zoneRecherche {
 font-size: 12px;
}

#pageCompte .zoneRecherche input {
    left: 290px;
    margin: 0;
    position: absolute;
    top: 10px;
    width: 180px;
}

#pageCompte .zoneRecherche #calContent{
    display:inline; 
}

#pageCompte .zoneRecherche #calContent input.cal {
    width:70px;
}
#pageCompte .zoneRecherche #calContent input#cal1 {
    left: 310px !important;
    position: absolute;
    top: 10px;
}
#pageCompte .zoneRecherche #calContent input#cal2 {
    left: 423px !important;
    position: absolute;
    top: 10px;
}

#pageCompte .zoneRecherche #calContent img#flecheCal {
    left: 395px;
    position: absolute;
    top: 10px;
    vertical-align: top;
}

#pageCompte .zoneRecherche select#rechercheType{
    left: 120px;
    position: absolute;
    top: 5px;
    width: 162px;
}
#pageCompte .zoneRecherche button{
    background: none repeat scroll 0 0 #f3c649;
    color: #ffffff;
    cursor: pointer;
    display: block;
    font-size: 10px;
    height: 27px;
    left: 492px;
    line-height: 15px;
    margin: 0;
    padding: 0 6px;
    position: absolute;
    text-align: center !important;
    text-transform: uppercase;
    top: 10px;
    border-radius: 3px;
    border: 1px solid #fff;
}
#pageCompte .zoneRecherche button:hover,
#pageCompte .zoneRecherche button#rechercheCancel:hover {
	background: #333;
}

#pageCompte .zoneRecherche button#rechercheCancel {
    left: 523px;
    padding: 0 9px;
    position: absolute;
    top: 10px;
}

#pageCompte .zoneTri {
	position: absolute;
    right: 277px;
    top: -31px;
}
#pageCompte .zoneTri span {
	font-size: 12px;
    font-weight: bold;
    left: 16px;
	padding-top:3px;
    position: absolute;
    top: 44px;
    width: 70px;
}
#pageCompte .zoneTri select {
    left: 90px;
    position: absolute;
    top: 36px;
    width: 162px;
}

#pageCompte .validContent{
    text-align:center;
	margin-top:10px;
}

#pageCompte .validContent input.valid{

}



#pageGestionStructure #compBody .headerComposants .footerComposants .contentComposants {

}

#pageGestionStructure #compBody .headerComposants .footerComposants .contentComposants {

}

#pageGestionStructure #compBody .headerComposants .footerComposants .contentComposants #titleGestionStructureModif {
    color:#FFFFFF;
    font-weight:bold;
    line-height:26px;
    margin-top:10px;
    padding-left:5px;
}

#pageGestionStructure #compBody .headerComposants .footerComposants .contentComposants .titleLineStructure {
    display:block;
    width:200px;
    float:left;
    clear:left;
    margin:0px;
    font-weight:bold;
    margin:2px 0px;
}

#pageGestionStructure #compBody .headerComposants .footerComposants .contentComposants form {
    padding-top:10px;   
}

#pageGestionStructure #compBody .headerComposants .footerComposants .contentComposants .valueLineStructure input,
#pageGestionStructure #compBody .headerComposants .footerComposants .contentComposants .valueLineStructure select {
    margin:3px 0px;
    background:url("../image/css_champ.gif") repeat-x scroll 0 center #FFF;
    width:180px;
    line-height:20px;
    font-size:12px;
}

#pageGestionStructure #compBody .headerComposants .footerComposants .contentComposants .borderBottom  {
    text-align:center;  
}

#pageGestionStructure #compBody .headerComposants .footerComposants .contentComposants .valueLineStructure input#validStructureForm {
    background:url("../image/BT_valider_SMALL.gif") no-repeat scroll 0 0 transparent;
    border:medium none;
    color:#FFFFFF;
    cursor:pointer;
    font-size:13px;
    font-weight:bold;
    height:36px;
    padding-left:15px;
    text-transform:uppercase;
    width:170px;
    margin:20px 0px;
}
.bandeauEtat {
    display: block;
    height: 110px;
    left: 0;
    margin: 0;
    position: absolute;
    top: 0;
    width: 110px;
}
langageFR .bandeauEtat11 {
    background: url("../langue/fr/image/etatEvenement/css_etatBientot.png") no-repeat scroll -18px center transparent;
}
#langageFR .bandeauEtat10 {
    background: url("../langue/fr/image/etatEvenement/css_etatComplet.png") no-repeat scroll -21px center transparent;
}
h1.retourPerformance {
    background-color: #FF0000;
    color: #FFFFFF;
    left: 0;
    opacity: 0.3;
    position: fixed;
    top: 0;
	display:none;
}
.compChoixSurPlan .headerComposants .footerComposants .contentComposants .dataContentComposants .mapRoom.roomSection > .header {
    border: 3px solid #DDDDDD;
    color: #000000;
    display: block;
    height: auto;
    line-height: normal;
    min-height: 142px;
    padding: 10px 0 0;
}

#cgvCB, #cgvPaypal {
    width: auto;
}
.champsRequis {
    font-size: 9px;
    margin: 15px;
}
.descEtat {
    color: #FFFFFF;
    display: block;
    font-size: 14px;
    font-weight: bold;
    height: 36px;
    margin: 0 0 5px 0;
    padding: 25px 0 0 75px;
    width: 236px;
}
.infoEtat11 {
    margin: 0 0 5px 22px;
}
.infoEtat {
    display: block;
    margin: 0 0 5px 0 !important;
}
#champsRequis {
    margin:0 25px 10px;
	font-size:9px;
}
#block-locale-0 {
    position: fixed;
    right: 0;
    top: 30px;
}
div#block-locale-0 ul {
    background: url("../image/switch_language.png") no-repeat scroll center top transparent;
    height: 123px;
    padding-top: 10px;
    text-align: center;
    width: 40px;
}
div#block-locale-0 ul li {
    padding-left: 14px;
    width: 24px;
}
div#block-locale-0 ul li a {
    color: #ED2024;
    display: block;
    font-size: 1.15em;
    font-weight: bold;
    height: 31px;
    line-height: 30px;
    text-decoration: none;
    text-transform: capitalize;
}
div#block-locale-0 ul li.en a {
    border-bottom: 1px solid #DDDDDD;
    border-top: 1px solid #DDDDDD;
    margin: 0 4px;
    width: 16px;
}
div#block-locale-0 ul li a.active {
    background: url("../image/current_language.gif") no-repeat scroll right center transparent;
    border: medium none;
    color: #FFFFFF;
    margin: 0;
    padding: 0;
    width: 26px;
}
/*ICI LES TABLEAUX, TITILE,TABLES*/

/*ICI LA TABLE "TARIFS" DE PAGEETAPE1 QUI EST UNE EXCEPTION*/
.compTarifDisponible .headerComposants .footerComposants .contentComposants .dataContentComposants table.tarifs,
.compTarifDisponible .headerComposants .footerComposants .contentComposants .dataContentComposants table.preInscription {
    
    border-collapse: collapse;
    clear: both;
    margin: 0 auto;
    padding: 0;
    text-align: center;
    width: 100%;
}
.compTarifDisponible .headerComposants .footerComposants .contentComposants .dataContentComposants table.tarifs tr.tableHeader th,
.compTarifDisponible .headerComposants .footerComposants .contentComposants .dataContentComposants table.preInscription tr.tableHeader th {
	 background: none repeat scroll 0 0 #f7f8f7;
    font-size: 11px;
    font-weight: bold;
    height: 24px;
    line-height: 24px;
    padding: 0 10px;
	color:#000;

}
/*ici le bg du footer total de cette table*/
.compTarifDisponible .headerComposants .footerComposants .contentComposants .dataContentComposants table.tarifs tr.tableFooter td {
     background: none repeat scroll 0 0 #f28281;
	 color:#fff;
    font-weight: bold;
}
/*ICI LA TABLE, ET LES TD DE BASE */

table {
    border-collapse: collapse;
    width: 100%;
}
table tr td {
    padding: 2px 15px;
}
table tr td.tableColonne1 {
    padding-left: 0;
}
#pageCompte table {
    border-spacing: 0;
    width: 100%;
	}

/*ICI LE TITLE DE BASE et son span */
#compBody #compBodyHeader #compBodyFooter #compBodyContent .topContentComposants .titleComposants {
    font-family: 'Montserrat', sans-serif;
    font-size: 20px;
    margin: 50px 0 20px;
    text-align: left;
    font-weight: 700;
}
.compOubliMDP .titleComposants {
    font-size: 11px !important;
}
/*le title du tableau m. legales dans pagecompte-informations*/
#pageCompte .compMentionsLegales .headerComposants .footerComposants .contentComposants .dataContentComposants .mentionsLegales .title {
    font-family: 'Montserrat', sans-serif;
    font-size: 20px;
    margin: 0 0 0;
    text-align: left;
    font-weight: 700;

}
/*le title du tableau informations dans pagecompte-informations*/
.compCompteInformation .headerComposants .footerComposants .contentComposants .dataContentComposants form .title {
    font-family: 'Montserrat', sans-serif;
    font-size: 20px;
    margin: 50px 0 0;
    text-align: left;
    font-weight: 700;
	
}
#compBody #compBodyHeader #compBodyFooter #compBodyContent .topContentComposants .titleComposants span {
}
/*ici le title des conditions de tarifs*/
.compTarifDisponible .headerComposants .footerComposants .contentComposants .dataContentComposants #conditions .titleFenetre {
	border-bottom: 1px solid #fff; 
	color:#fff;
    font-size: 14px;
    font-weight: bold;
    height: 24px;
    line-height: 24px;
    margin: 0 15px;
    text-align: left;
    padding: 10px 0px;

}
/*titles en th de la ta	ble page etape2/bis*/
.compRenommageBillet .headerComposants .footerComposants .contentComposants .dataContentComposants .listeRenommageBillet th{
	    background: none repeat scroll 0 0 #F5F5F5;
    font-size: 10px;
    font-weight: normal;
    height: 30px;
    line-height: 30px;
    padding: 0 15px;
    text-align: left;
    text-transform: uppercase;
}
/*ICI LES TABLEAUX DE PAGEETAPE 2 */
.compDejaClient .headerComposants {

    border-collapse: collapse;
    clear: both;
    margin: 30px auto 10px;
    padding: 0;
    text-align: center;
    width: 100%;

}
.compNouveauClient .headerComposants {
    background: #f7f8f7;
    border-collapse: collapse;
    clear: both;
    margin: 50px auto 10px;
    padding: 10px 20px;
    text-align: center;
    display: block;
    overflow: hidden;
}
/*ici le bg de la pop-up de Conditions de tarifs*/
.compTarifDisponible .headerComposants .footerComposants .contentComposants .dataContentComposants #conditions {
	    border-collapse: collapse;
    box-shadow: 0 0 6px -1px #DDDDDD inset;
	-moz-box-shadow: 0 0 6px -1px #DDDDDD inset;
	-webkit-box-shadow: 0 0 6px -1px #DDDDDD inset;
    clear: both;
    margin: 0 auto 10px;
    padding: 0;
    text-align: center;
    width: 100%;
    background: #f28281;
}
/*ICI LES TABLEAUX DE PAGEETAPE 2 MOT DE PASSE OUBLIÉ */
.compOubliMDP {
    border-collapse: collapse;

    clear: both;
    margin: 0 auto 10px;
    padding: 0;
    text-align: center;
    width: 100%;
}
/*ICI LES TABLEAUX DE PAGEETAPE2/BIS */

.compRenommageBillet{
    border-collapse: collapse;
    clear: both;
    margin: 0 auto 10px;
    padding: 0;
    text-align: left;
}
/*partie haute*/
.compRenommageBillet .headerComposants .footerComposants .contentComposants .dataContentComposants .representation{
    display: block;
    height: 60px;
    padding: 5px 0;
}
/*table partie basse*/
.compRenommageBillet .headerComposants .footerComposants .contentComposants .dataContentComposants .listeRenommageBillet{
    background-color: #FFFFFF;
    clear: both;
}

/*ICI LES TABLEAUX DE LA PAGE ETAPE 3*/

.compPaiementNouvelleCB .headerComposants {
    border-collapse: collapse;
    clear: both;
    margin: 0 auto 10px;
    padding: 0;
    text-align: center;
    width: 100%;
}
.compPaiementPaypal{
    border-collapse: collapse;
    clear: both;
    margin: 0 auto 10px;
    padding: 0;
    text-align: center;
    width: 100%;
}
/*ICI LES TABLEAUX DE LA PAGE ETAPE 4*/
.compTelechargementOption1  {
    border-collapse: collapse;
    clear: both;
    margin: 0 auto 10px;
    padding: 0;
    text-align: center;
    width: 100%;
}
.compTelechargementOption2  {
    border-collapse: collapse;
    clear: both;
    margin: 0 auto 10px;
    padding: 0;
    text-align: center;
    width: 100%;
}
.compTelechargementFacture .headerComposants {
    border-collapse: collapse;
    clear: both;
    margin: 0 auto 10px;
    padding: 0;
    text-align: center;
    width: 100%;
}
/*TABLEAU PAGE MON COMPTE - TRANSACTIONS*/

#pageCompte .compCompteTransaction  {
    border-collapse: collapse;
    clear: both;
    margin: 20px auto 10px;
    padding: 10px 20px;
    text-align: center;
    background: #f7f8f7;
}
/*partie du haut*/
.compCompteTransaction .headerComposants .footerComposants .contentComposants .dataContentComposants caption {
    color: #000;
    font-size: 12px;
    font-weight: normal;
    padding: 10px 0;
    text-align: left;
}
/*tetiere de la partie du bas*/
.compCompteTransaction .headerComposants .footerComposants .contentComposants .dataContentComposants table .tableHeader{
    font-size: 12px;
    font-weight: bold;
    margin: 10px 0 0;
    text-align: left;
    display: flex;
    text-transform: capitalize;
    border-bottom: 1px solid #333;
}
/*...et les td*/
.compCompteTransaction .headerComposants .footerComposants .contentComposants .dataContentComposants table tr td {
     height: 25px;
    line-height: 25px;
    padding: 0 15px;
    text-align: left;
}
.compCompteTransaction .headerComposants .footerComposants .contentComposants .dataContentComposants table tr.tableHeader td {
    min-height: auto;
    line-height: initial;
}
.compCompteTransaction .headerComposants .footerComposants .contentComposants .dataContentComposants table tr td {
    min-height: 80px;
    line-height: 80px;
}
/*TABLEAU PAGE MON COMPTE - INFORMATIONS*/
.compCompteInformation {
background: url("../image/bg_evt.png") repeat-x scroll left 32px #fff;
    border-collapse: collapse;
    clear: both;
    margin: 0 auto 10px;
    padding: 0;
    text-align: center;
}

/*tableau mentiosn légales*/
.compMentionsLegales {
    background: #f7f8f7;
    border-collapse: collapse;
    clear: both;
    margin: 50px auto 10px;
    padding: 10px 20px;
    text-align: center;
    width: 100%;
}

/*ICI LES BOUTONS sauf commander*/

/*ici les boutons RESERVER de la page Accueil*/

.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .evenementListe dl dd .evenementReserver,
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .representationListe dl dd .representationReserver {
    background: none repeat scroll 0 0 #F3C649;
    font-family: 'Montserrat', sans-serif;
    height: 40px;
    line-height: 40px;
    color: #FFFFFF;
    cursor: pointer;
    display: block;
    font-size: 13px;
    font-weight: normal;
    text-align: center !important;
    text-decoration: none;
    text-transform: uppercase;
    padding: 0 40px;
    transition: 0.5s;
    width: 140px;
    margin-top: 24px;
}
/*etats*/
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .evenementListe dl dd .etat11,
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .evenementListe dl dd .etat12 {
    background: #999;
}
/*SPAN*/
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .evenementListe dl dd .evenementTarifs span,
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .representationListe dl dd .representationTarifs span {
    font-size: 12px;
}
/*:HOVER*/
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .evenementListe dl dd .evenementReserver:hover,
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .representationListe dl dd .representationReserver:hover {
	background: #333;
}
/*BOUTON SUBMIT*/

#formSubmit {
    margin: 10px 203px 10px 252px;
    width: 163px;
}
#formSubmit:hover {
	background: #333;

}
#pageEtape2 .validContent input {
    margin-top: 20px;
}

.btSubmit,
#pageEtape2 .validContent input,
#pageCompte input#formCompteInformationSubmit {
    background: none repeat scroll 0 0 #F3C649;
    font-family: 'Montserrat', sans-serif;
    border: medium none;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	-o-border-radius: 0;
	-ms-border-radius: 0;
	border-radius: 0;
    color: #FFFFFF;
    cursor: pointer;
    display: block;
    font-size: 13px;
    height: 40px;
    line-height: 37px;
    margin: 10px 195px 10px 168px;
    padding: 0 20px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    width: 150px;
    transition: 0.5s;
    margin: auto;
}
.btSubmit:hover,
#pageEtape2 .validContent input:hover,
#pageCompte input#formCompteInformationSubmit:hover {
	background: #333;

}
.btChangeAccount {
    margin: 5px 0 5px 200px;
    width: auto;
}
/*PAGE ETAPE 1*/

/*ajouter au panier*/
#pageEtape1 #submitPanier {
    clear: both;
    display: block;
    float: left;
    margin: 20px 0 10px;
    width: 210px;
}
/*finaliser*/
#pageEtape1 #submitFinaliser {
    clear: none;
    display: block;
    float: right !important;
    margin: 20px 0 10px;
    width: 210px;
}
#pageEtape1 #submitPanier:hover, 
#pageEtape1 #submitFinaliser:hover {
	color: #fff;
}
#pageEtape1 span#submitChoix{
    display:none;
}
/*le INPUT class="valid" de PAGE ETAPE 2


/*telechargement option 1 a.imprimerBillet*/

.compTelechargementOption1 .headerComposants .footerComposants .contentComposants .dataContentComposants #telechargementOption1 tr .tableColonne2 .imprimerBillet {
    border-radius: 0;
    background: none repeat scroll 0 0 #f3c649;
    clear: both;
    color: #FFFFFF;
    cursor: pointer;
    display: block;
    font-size: 13px;
    font-weight: normal;
    height: 35px;
    line-height: 37px;
    padding: 0 15px;
    text-align: center !important;
    text-decoration: none;
    text-transform: uppercase;
    width: 200px;
    float: right;
    transition: 0.5s;
}
.compTelechargementOption1 .headerComposants .footerComposants .contentComposants .dataContentComposants #telechargementOption1 tr .tableColonne2 .imprimerBillet:hover {
	background: #333;
}
/*telechargement option 2 a.telechargement*/
.compTelechargementTab .headerComposants .footerComposants .contentComposants .dataContentComposants .telechargement{
    border-radius: 0;
    background: none repeat scroll 0 0 #f3c649;
    clear: both;
    color: #FFFFFF;
    cursor: pointer;
    font-size: 14px;
    font-weight: normal;
    height: 31px;
    line-height: 31px;
    padding: 0 15px;
    text-align: center !important;
    text-decoration: none;
    text-transform: uppercase;
    width: 200px;
    margin: 0 0 10px;
    display: none;
    transition: 0.5s;
}


.compTelechargementTab .headerComposants .footerComposants .contentComposants .dataContentComposants .telechargement:hover{
	background: #333;


}
/*telechargement facture a.imprimerFacture*/
.compTelechargementFacture .headerComposants .footerComposants .contentComposants .dataContentComposants table tr .tableColonne2 .imprimerFacture {
    background: none repeat scroll 0 0 #f3c649;
    clear: both;
    color: #FFFFFF;
    cursor: pointer;
    display: block !important;
    font-size: 14px;
    font-weight: normal;
    height: 35px;
    line-height: 37px;
    padding: 0 15px;
    text-align: center !important;
    text-decoration: none;
    text-transform: uppercase;
    width: 200px;
    float: none;
    transition: 0.5s;
}

.compTelechargementFacture .headerComposants .footerComposants .contentComposants .dataContentComposants table tr .tableColonne2 .imprimerFacture:hover {
	background: #333;
    color: #fff;
}

/*page compte section TRANSACTIONS */

#pageCompte .compTelechargementTab .headerComposants .footerComposants .contentComposants .dataContentComposants .telechargement selected{
	    background: none repeat scroll 0 0 #FFEA97;
    color: #000000;
    font-size: 13px;
    font-weight: bold;
    height: 25px;
    line-height: 25px;
    margin: 5px 0 10px 0;
    padding: 0 0 0 10px;
    text-align: center;
    text-transform: uppercase;
	cursor:pointer;
	border:none;
	color:#262626;
    width: 270px;
	    float: none;
		text-decoration: none;
}
/*page compte section INFORMATIONS*/

/*CALENDRIER*/

table.jCalendar td:hover,
table.jCalendar td.dp-hover {
    color: #bbb;
    color: #fff;
}
table.jCalendar td {
    background: none repeat scroll 0 0 transparent;
    color: #000000;
    font-weight: bold;
    padding: 3px 5px;
    text-align: center;
}
a#lienMdp {
    font-weight: bold;
	font-size:10px;
    color: #f28281;
	text-decoration:none;
    transition: 0.5s;
}
a#lienMdp:hover {
    color: #333;
    text-decoration: underline;
}
.compDejaClient input#dejatel {

}
.compDejaClient input#dejapass {

}
.compNouveauClient input#nouveautel {

}
.compNouveauClient input#nouveaupass, 
.compNouveauClient input#nouveaupassconfirm{

}

.delaiValiditePanier {
    padding: 5px 21px ;
    font-weight: bold;
    font-size: 16px;
}