/*******************************************************************************/
/*                                    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 {
}
#pageCompte #compBody #compBodyHeader #compBodyFooter #compBodyContent .topContentComposants .titleComposants span {
    display: inline;
    padding: 0;
    text-decoration: none;
}
#compBody #compBodyHeader #compBodyFooter #compBodyContent .dataContentComposants {
	position: relative;
}

	
	.compCompte table {
    background-color: transparent;
    border: none;
    border-spacing: 0;
    width: 100%;
	}


.headerComposants .footerComposants .contentComposants .dataContentComposants table tr .tableDesc {
	   font-weight: normal;
    padding: 10px 15px;
    text-align: left;
}
/*#compBody #compBodyHeader #compBodyFooter #compBodyContent .ligneAccueilContent1 .colonneAccueilContent1 .ligneContent1 {
    width:100%;
}
#compBody #compBodyHeader #compBodyFooter #compBodyContent .ligneAccueilContent1 .colonneAccueilContent1 .ligneContent1 .colonneContent1 {
    width:100%;
    background: url('../image/bg_choixTarif.gif') no-repeat scroll center bottom;
    padding-bottom: 10px;
}
#compBody #compBodyHeader #compBodyFooter #compBodyContent .ligneAccueilContent1 .colonneAccueilContent1 .ligneContent2 {
    width:100%;
    padding: 0px;
}
#compBody #compBodyHeader #compBodyFooter #compBodyContent .ligneAccueilContent1 .colonneAccueilContent1 .ligneContent2 .colonneContent1 {
    width:100%;
    padding: 0px;
}
#compBody #compBodyHeader #compBodyFooter #compBodyContent .ligneAccueilContent1 .colonneAccueilContent1 .ligneContent2 .colonneContent2 {
    width:100%;
    background: none;
    padding: 0px;
}
#compBody #compBodyHeader #compBodyFooter #compBodyContent .ligneAccueilContent1 .colonneAccueilContent1 .ligneContent3 {
    text-align:center;
}
#compBody #compBodyHeader #compBodyFooter #compBodyContent .ligneAccueilContent1 .colonneAccueilContent1 .ligneContent3 .colonneContent1 {
    padding-top: 30px;
    padding-bottom: 10px;
}*/
#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 {
    color: #FFFFFF !important;
    font-size: 13px;
    font-weight: normal;
    margin: 10px 15px;
    text-align: justify;
}
#pageCompte .descContent {
    color: #FFFFFF;
    margin: 10px 15px 0 12px;
    text-align: left;
	display:none;
}
.ongletContent {
    display: block;
    height: auto;
    margin: 0 10px 3px;
    width: 100%;
}
.ongletContent a {
	background: url("../image/bt_reserver.png") no-repeat scroll left 0 transparent;
    border: medium none;
    color: #FFFFFF;
    display: block;
    float: right;
    font-size: 11px;
    font-weight: normal;
    height: auto;
    margin: 0 20px 0 0;
    min-height: 127px;
    padding: 12px 0 0;
    text-align: left;
    text-decoration: none;
    width: 124px;
}


.ongletContent a:hover,
.ongletContent a.ongletSelected {
	background: url("../image/bt_reserver_hover.png") no-repeat scroll left 0 transparent;
    border: medium none;
    color: #000;
    text-decoration: none;
}
.ongletContent a span {
    display: block;
    font-size: 13px;
    letter-spacing: 0.5px;
    padding: 5px 0 0 10px;
    text-align: center;
    width: 109px;
}
.ongletContent a span.ongletLibelle {
    display: block;
    font-family: dinlightlight;
    font-size: 11px;
    padding: 9px 0 0 22px;
    text-transform: uppercase;
    width: 80px;
}



#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 {
}


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



#pageEtape3 #infoformulaire {
        background: none repeat scroll 0 0 rgba(27, 25, 52, 0.68);
    background: url('../image/transpa.png') repeat 0 0\9;

    border-collapse: collapse;
    clear: both;
    margin: 0 auto 10px;
    padding: 20px 0 0;
    text-align: center;
    width: 100%;
	font-size:11px;
}
#pageEtape3 #infoformulaire #securite {
    clear: both;
    display: block;
    margin: 0;
}
#pageEtape3 #infoformulaire #securite span#titleSecurite{
    margin: 0 0 15px;
    background: transparent;
}
#pageEtape3 #infoformulaire #securite span  {
    display: block;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}
#pageEtape3 #infoformulaire #securite span img {
    background-color: #fff;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    display: inline-block;
    margin: 0 0 0;
}
#pageEtape3 #infoformulaire #securite span a { 
    margin-left: 4px; 
    text-decoration: underline; 
    font-weight: bold; 
    line-height: 1.8;
}

#pageEtape3 #infoformulaire #moyenPaiement {  
    float: right;
    font-size: 12px;
    margin: 10px 50px 10px 10px;
    padding: 0 0 ;
    width: 220px;
}
#pageEtape3 #infoformulaire #moyenPaiement #titleMoyenPaiement {
    background: url("../image/ico_lock.png") no-repeat scroll 5px 18px transparent;
    border-bottom: 1px solid #AAAAAA;
    display: block;
    font-size: 12px;
    font-weight: bold;
    margin: 0 0 7px;
    padding: 18px 0 10px 36px;
    text-align: left;
	color: #000000;
}
#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: #727272;
}
#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 { 
      clear: both;
    display: block;
    margin: 0 0 10px 15px;
    padding: 20px 0 15px;
    font-size: 15px;
    font-weight: normal;		
}
#pageEtape3 #infoformulaire #recapAchat #libelleRecapAchat {
	    display: inline-block;
	color:#fff;
    margin: 0;
    text-align: left;
}
#pageEtape3 #infoformulaire #recapAchat #infoRecapAchat {
	text-transform:uppercase;
	color:#fff;
}

#pageCompte .titleContent {
	display: none;
}
#pageCompte .rechercheCompteDigitick {
        background: none repeat scroll 0 0 rgba(27, 25, 52, 0.68);
    background: url('../image/transpa.png') repeat 0 0\9;

    border: medium none;
    border-collapse: collapse;
    border-radius: 0 0 0 0;
    clear: both;
    color: #FFFFFF;
    margin: 0 auto 10px;
    padding: 0;
    text-align: center;
    width: 100%;
    clear: both;
	position:relative;
    height: 77px;
}
#pageCompte .rechercheCompteDigitick .zoneRecherche span {
    display: block;
    
    left: 15px;
    position: absolute;
    top: 15px;
	}
#pageCompte .rechercheCompteDigitick .zoneTri span {


}

#pageCompte .zoneRecherche {
    font-size: 16px;
    font-weight: normal
}

#pageCompte .zoneRecherche input {
    display: block;
    font-size: 12px;
    height: 14px;
    left: 313px;
    margin: 0;
    position: absolute;
    top: 44px;
    width: 162px;
	    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #C1C0BC;
}

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

#pageCompte .zoneRecherche #calContent input.cal {
    width:82px;
}

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

#pageCompte .zoneRecherche select{
    font-size:12px;
    width:162px;
}
#pageCompte .zoneRecherche select#rechercheType{
    display: block;
    font-size: 12px;
    left: 139px;
    position: absolute;
    top: 12px;
    width: 162px;
	    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #C1C0BC;
}
#pageCompte .zoneRecherche button{
    background: none repeat scroll 0 0 #8D3951;
    border: medium none;
    border-radius: 30px 30px 30px 30px;
	-moz-border-radius: 30px 30px 30px 30px;
	-webkit-border-radius: 30px 30px 30px 30px;
    color: #fff;
    cursor: pointer;
    font-size: 10px;
    font-weight: bold;
    height: 20px;
    left: 513px;
    line-height: 15px;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 44px;
    width: 30px;
}

#pageCompte .zoneRecherche button#rechercheCancel {
    border: medium none;
    cursor: pointer;
    left: 560px;
    margin: 0;
    top: 44px;
}

#pageCompte .zoneTri {

}
#pageCompte .zoneTri span {
    font-size: 16px;
    font-weight: normal;
    left: 16px;
    position: absolute;
    top: 43px;
    width: 70px;
}
#pageCompte .zoneTri select {
 font-size: 12px;
    left: 138px;
    position: absolute;
    top: 43px;
    width: 162px;
	    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #C1C0BC;
}

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

#pageCompte .validContent input.valid{

}

#aucuneTransaction p {
    color: #FFFFFF !important;
}

.evenementAucun {
	color:#fff;
}

#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: 111px;
    left: 31px;
    margin: 0;
    position: absolute;
    top: 31px;
    width: 111px;
}
langageFR .bandeauEtat11 {

}
#langageFR .bandeauEtat10 {
}
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 {
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: none repeat scroll 0 0 transparent;
    border-color: -moz-use-text-color -moz-use-text-color #888888;
    border-style: none none solid;
    border-width: medium medium 1px;
    color: black;
    display: block;
    height: auto;
    line-height: normal;
    min-height: 142px;
	    background: none repeat scroll 0 0 #555555;
}
.champ {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #C1C0BC;
    color: #000000;
    font-size: 10px;
    padding: 2px;
    width: 160px;
}
input {
      /*background: url("../image/css_champBase.gif") repeat-x scroll 0 0 #FFFFFF;*/
    border: 1px solid #C1C0BC;
    color: #000000;
    font-size: 10px;
    padding: 2px;
    width: 160px;
}
input#nouveaunewsok {
    width: auto;
}

#cgvCB, #cgvPaypal {
    width: auto;
}
.champsRequis {
    bottom: 120px;
    color: #fff;
    font-size: 13px;
    margin: 15px;
    position: absolute;
}
.descEtat {
    color: #FFFFFF;
    display: block;
    font-size: 14px;
    font-weight: bold;
    height: 36px;
    margin: 0 0 5px 22px;
    padding: 25px 0 0 75px;
    width: 236px;
}
.infoEtat11 {
    margin: 0 0 5px 22px;
}
#champsRequis {
    margin: 0  25px;
	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 {
        background: none repeat scroll 0 0 rgba(27, 25, 52, 0.68);
    background: url('../image/transpa.png') repeat 0 0\9;

    border-collapse: collapse;
    border-radius: 0 0 0 0;
    clear: both;
    color: #FFFFFF;
    font-weight: normal;
    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 {
    color: #FFFFFF;
    font-family: "dinlightlight",sans-serif;
    font-size: 16px;
    font-weight: normal;
    height: 35px;
    padding: 0 15px;
    text-transform: uppercase;
    background: none repeat scroll 0 0 #D54096;
}
/*ici le bg du footer total de cette table*/
.compTarifDisponible .headerComposants .footerComposants .contentComposants .dataContentComposants table.tarifs tr.tableFooter td {
    
    font-weight: normal;g
}
/*ICI LA TABLE, ET LES TD DE BASE */

table {
    border-collapse: collapse;
    width: 100%;
}
@media \0screen {
table {

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

/*ICI LE TITLE DE BASE et son span */
#compBody #compBodyHeader #compBodyFooter #compBodyContent .topContentComposants .titleComposants {
    background: none repeat scroll 0 0 #D54096;
    color: #FFFFFF;
    font-family: "dinlightlight",sans-serif;
    font-size: 16px;
    font-weight: normal;
    height: 35px;
    line-height: 35px;
    padding: 0 15px;
    text-transform: uppercase;
	text-align: left;
}
.compOubliMDP .titleComposants {
    font-size: 12px !important;
}
/*ICI LE TITLE DE BASE de la PAGE MONCOMPTE (si besoin) et son span */
#compBody #compBodyHeader #compBodyFooter #compBodyContent .topContentComposants .titleComposants {
}
.compOubliMDP .titleComposants {
}
/*le title du tableau m. legales dans pagecompte-informations*/
#pageCompte .compMentionsLegales .headerComposants .footerComposants .contentComposants .dataContentComposants .mentionsLegales .title {        
    background: none repeat scroll 0 0 #D54096;
    color: #FFFFFF;
    font-family: "dinlightlight",sans-serif;
    font-size: 16px;
    font-weight: normal;
    height: 35px;
    line-height: 35px;
    padding: 0 15px;
    text-transform: uppercase;
    text-align: left;
}
/*le title du tableau informations dans pagecompte-informations*/
.compCompteInformation .headerComposants .footerComposants .contentComposants .dataContentComposants form .title {
    background: none repeat scroll 0 0 #D54096;
    color: #FFFFFF;
    font-family: "dinlightlight",sans-serif;
    font-size: 16px;
    font-weight: normal;
    height: 35px;
    line-height: 35px;
    padding: 0 15px;
    text-transform: uppercase;
    text-align: left;
}
#compBody #compBodyHeader #compBodyFooter #compBodyContent .topContentComposants .titleComposants span {
}
/*ici le title des conditions de tarifs*/
.compTarifDisponible .headerComposants .footerComposants .contentComposants .dataContentComposants #conditions .titleFenetre {
    background: none repeat scroll 0 0 #D54096;
    color: #FFFFFF;
    font-family: "dinlightlight",sans-serif;
    font-size: 16px;
    font-weight: normal;
    height: 35px;
    line-height: 35px;
    padding: 0 15px;
    text-transform: uppercase;
    text-align: left;
}
/*ici le tr.HEAD de la table de l'ASSURANCE*/
.assuranceTable tr.head {
    background: none repeat scroll 0 0 #D54096;
    height: 35px;
    line-height: 35px;
    text-align: right;
}
/*titles en th de la table page etape2/bis*/
.compRenommageBillet .headerComposants .footerComposants .contentComposants .dataContentComposants .listeRenommageBillet th{
    background: none repeat scroll 0 0 rgba(49, 32, 66, 0.68);
    
    color: #FFFFFF;
    font-family: "dinlightlight",sans-serif;
    font-size: 16px;
    font-weight: normal;
    height: 35px;
    line-height: 35px;
    padding: 0 15px;
    text-transform: uppercase;
    text-align: left;
}
/*ICI LES TABLEAUX DE PAGEETAPE 2 */
.compDejaClient .headerComposants {
        background: none repeat scroll 0 0 rgba(27, 25, 52, 0.68);
    background: url('../image/transpa.png') repeat 0 0\9;

    border: medium none;
    border-collapse: collapse;
    border-radius: 0 0 0 0;
    clear: both;
    color: #FFFFFF;
    margin: 0 auto 10px;
    padding: 0;
    text-align: center;
    width: 100%;
}
.compNouveauClient .headerComposants {
        background: none repeat scroll 0 0 rgba(27, 25, 52, 0.68);
    background: url('../image/transpa.png') repeat 0 0\9;

    border: medium none;
    border-collapse: collapse;
    border-radius: 0 0 0 0;
    clear: both;
    color: #FFFFFF;
    margin: 0 auto 10px;
    padding: 0;
    text-align: center;
    width: 100%;
}
/*ici le bg de la pop-up de Conditions de tarifs*/
.compTarifDisponible .headerComposants .footerComposants .contentComposants .dataContentComposants #conditions {
        background: none repeat scroll 0 0 rgba(27, 25, 52, 0.68);
    background: url('../image/transpa.png') repeat 0 0\9;

    border: medium none;
    border-collapse: collapse;
    border-radius: 0 0 0 0;
    clear: both;
    color: #FFFFFF;
    margin: 0 auto 10px;
    padding: 0;
    text-align: center;
    width: 100%;
}
/*ICI LA TABLE DE L'ASSURANCE*/
.compAssuranceAnnulation {
     background: none repeat scroll 0 0 rgba(27, 25, 52, 0.68);
    background: url('../image/transpa.png') repeat 0 0\9;

    margin-top: 10px;
    padding: 0 0 10px;
}
/*ICI LES TABLEAUX DE PAGEETAPE 2 MOT DE PASSE OUBLIÉ */
.compOubliMDP {
        background: none repeat scroll 0 0 rgba(27, 25, 52, 0.68);
    background: url('../image/transpa.png') repeat 0 0\9;

    border: medium none;
    border-collapse: collapse;
    border-radius: 0 0 0 0;
    clear: both;
    color: #FFFFFF;
    margin: 0 auto 10px;
    padding: 0;
    text-align: center;
    width: 100%;
}
/*ICI LES TABLEAUX DE PAGEETAPE2/BIS */

.compRenommageBillet{
        background: none repeat scroll 0 0 rgba(27, 25, 52, 0.68);
    background: url('../image/transpa.png') repeat 0 0\9;

    border: medium none;
    border-collapse: collapse;
    border-radius: 0 0 0 0;
    clear: both;
    color: #FFFFFF;
    margin: 0 auto 10px;
    padding: 0;
    text-align: center;
    width: 100%;
}
/*partie haute*/
.compRenommageBillet .headerComposants .footerComposants .contentComposants .dataContentComposants .representation{
    display: block;
    height: 60px;
    padding: 5px;
}
/*table partie basse*/
.compRenommageBillet .headerComposants .footerComposants .contentComposants .dataContentComposants .listeRenommageBillet{
    clear: both;
	margin-bottom: 20px;
}

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

#pageEtape3 #contenuformulaire .headerComposants {
        background: none repeat scroll 0 0 rgba(27, 25, 52, 0.68);
    background: url('../image/transpa.png') repeat 0 0\9;

    border: medium none;
    border-collapse: collapse;
    border-radius: 0 0 0 0;
    clear: both;
    color: #FFFFFF;
    margin: 0 auto 10px;
    padding: 0;
    text-align: center;
    width: 100%;
}
.compPaiementPaypal{
        background: none repeat scroll 0 0 rgba(27, 25, 52, 0.68);
    background: url('../image/transpa.png') repeat 0 0\9;

    border: medium none;
    border-collapse: collapse;
    border-radius: 0 0 0 0;
    clear: both;
    color: #FFFFFF;
    margin: 0 auto 10px;
    padding: 0;
    text-align: center;
    width: 100%;
}
/*ICI LES TABLEAUX DE LA PAGE ETAPE 4*/
.compTelechargementOption1  {
        background: none repeat scroll 0 0 rgba(27, 25, 52, 0.68);
    background: url('../image/transpa.png') repeat 0 0\9;

    border: medium none;
    border-collapse: collapse;
    border-radius: 0 0 0 0;
    clear: both;
    color: #FFFFFF;
    margin: 0 auto 10px;
    padding: 0;
    text-align: center;
    width: 100%;
}
.compTelechargementOption2  {
        background: none repeat scroll 0 0 rgba(27, 25, 52, 0.68);
    background: url('../image/transpa.png') repeat 0 0\9;

    border: medium none;
    border-collapse: collapse;
    border-radius: 0 0 0 0;
    clear: both;
    color: #FFFFFF;
    margin: 0 auto 10px;
    padding: 0;
    text-align: center;
    width: 100%;
}
.compTelechargementFacture .headerComposants {
        background: none repeat scroll 0 0 rgba(27, 25, 52, 0.68);
    background: url('../image/transpa.png') repeat 0 0\9;

    border: medium none;
    border-collapse: collapse;
    border-radius: 0 0 0 0;
    clear: both;
    color: #FFFFFF;
    margin: 0 auto 10px;
    padding: 0;
    text-align: center;
    width: 100%;
}
/*TABLEAU PAGE MON COMPTE - TRANSACTIONS*/

#pageCompte .compCompteTransaction  {
        background: none repeat scroll 0 0 rgba(27, 25, 52, 0.68);
    background: url('../image/transpa.png') repeat 0 0\9;

    border: medium none;
    border-collapse: collapse;
    border-radius: 0 0 0 0;
    clear: both;
    color: #FFFFFF;
    margin: 0 auto 10px;
    padding: 0;
    text-align: center;
    width: 100%;
}
/*partie du haut*/
.compCompteTransaction .headerComposants .footerComposants .contentComposants .dataContentComposants caption {
    color: #000000;
    font-size: 15px;
    font-weight: normal;
    padding: 10px 0;
    text-align: left;
}
/*tetiere de la partie du bas*/
.compCompteTransaction .headerComposants .footerComposants .contentComposants .dataContentComposants table .tableHeader{
    background: none repeat scroll 0 0 rgba(49, 32, 66, 0.68);
    color: #FFFFFF;
    font-family: dinlightlight;
    font-size: 14px;
    font-weight: normal;
    letter-spacing: 0.5px;
    text-align: left;
}
/*...et les td*/
.compCompteTransaction .headerComposants .footerComposants .contentComposants .dataContentComposants table tr td {
     height: 25px;
    line-height: 25px;
    padding: 0 15px;
    text-align: left;
}
/*TABLEAU PAGE MON COMPTE - INFORMATIONS*/
.compCompteInformation {
        background: none repeat scroll 0 0 rgba(27, 25, 52, 0.68);
    background: url('../image/transpa.png') repeat 0 0\9;

    border: medium none;
    border-collapse: collapse;
    border-radius: 0 0 0 0;
    clear: both;
    color: #FFFFFF;
    margin: 0 auto 10px;
    padding: 0;
    text-align: center;
    width: 100%;
}

/*tableau mentiosn légales*/
.compMentionsLegales {
        background: none repeat scroll 0 0 rgba(27, 25, 52, 0.68);
    background: url('../image/transpa.png') repeat 0 0\9;

    border: medium none;
    border-collapse: collapse;
    border-radius: 0 0 0 0;
    clear: both;
    color: #FFFFFF;
    margin: 0 auto 10px;
    padding: 0;
    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: url("../image/ico_link.png") no-repeat scroll 602px center #D54096;
    bottom: 0;
    color: #FFFFFF;
    float: left;
    font-family: dinlightlight;
    font-size: 22px;
    font-weight: normal !important;
    height: 40px;
    left: 0;
    letter-spacing: 0.5px;
    line-height: 40px;
    margin: 0;
    padding: 0;
    position: absolute;
    text-align: right;
    text-transform: uppercase;
    width: 100%;
}
/*etats*/
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .evenementListe dl dd .etat11 {
    font-size: 12px;
}

.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .evenementListe dl dd .etat12 {
    font-size: 11px;
}
/*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 {
  color: #3cb6ff;
}
/*BOUTON SUBMIT*/
.btSubmit {
    background: url("../image/ico_link.png") no-repeat scroll 5px center #D54096;
    border: medium none;
    color: #FFFFFF;
    cursor: pointer;
    font-family: "dinlightlight",sans-serif;
    font-size: 20px;
    font-weight: normal !important;
    height: 40px;
    letter-spacing: 0.5px;
    line-height: 40px;
    margin: 10px auto;
    padding: 0;
    text-align: center;
    text-transform: uppercase;
    width: 190px;
	cursor:pointer;
}
@media \0screen {
.btSubmit   {
	font-size: 9px;
} }
.btSubmit:hover {
	color: #3cb6ff;
}
/*PAGE ETAPE 1*/

/*ajouter au panier*/
#pageEtape1 #submitPanier {
    clear: both;
    float: left;
    font-size: 14px;
    margin: 10px 0 0;
}
@media \0screen {
#pageEtape1 #submitPanier {
	font-size: 9px;
} }
@media \0screen {
#pageEtape1 #submitFinaliser   {
	font-size: 9px;
} }
/*finaliser*/
#pageEtape1 #submitFinaliser {
    clear: none;
    float: right;
    margin: 10px 0 0;
    padding: 0 0 0 0;
	    font-size: 14px;
}
#pageEtape1 #submitPanier:hover, 
#pageEtape1 #submitFinaliser:hover {
}
#pageEtape1 span#submitChoix{
    display:none;
}
/*le INPUT class="valid" de PAGE ETAPE 1*/

#pageEtape2 .validContent input{
    background: url("../image/ico_link.png") no-repeat scroll 5px center #D54096;
    border: medium none;
    color: #FFFFFF;
    cursor: pointer;
    font-family: "dinlightlight",sans-serif;
    font-size: 20px;
    font-weight: normal !important;
    height: 40px;
    letter-spacing: 0.5px;
    line-height: 40px;
    margin: 10px auto;
    padding: 0;
    text-align: center;
    text-transform: uppercase;
    width: 190px;
    cursor:pointer;
}
#pageEtape2 .validContent input:hover{
	color: #3cb6ff;
}
/*page etape 4*/

/*telechargement option 1 a.imprimerBillet*/

.compTelechargementOption1 .headerComposants .footerComposants .contentComposants .dataContentComposants #telechargementOption1 tr .tableColonne2 .imprimerBillet {
    background: url("../image/ico_link.png") no-repeat scroll 5px center #D54096;
    border: medium none;
    color: #FFFFFF;
    cursor: pointer;
    font-family: "dinlightlight",sans-serif;
    font-size: 16px;
    font-weight: normal !important;
    height: 40px;
    letter-spacing: 0.5px;
    line-height: 40px;
    margin: 10px auto;
    padding: 0;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    width: 270px;
}
.compTelechargementOption1 .headerComposants .footerComposants .contentComposants .dataContentComposants #telechargementOption1 tr .tableColonne2 .imprimerBillet:hover {
color: #3cb6ff;
}
/*telechargement option 2 a.telechargement*/
.compTelechargementTab .headerComposants .footerComposants .contentComposants .dataContentComposants .telechargement{
    background: url("../image/ico_link.png") no-repeat scroll 5px center #D54096;
    border: medium none;
    color: #FFFFFF;
    cursor: pointer;
    font-family: "dinlightlight",sans-serif;
    font-size: 16px;
    font-weight: normal !important;
    height: 40px;
    letter-spacing: 0.5px;
    line-height: 40px;
    margin: 0 auto 10px;
    padding: 0;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    width: 270px;
}


.compTelechargementTab .headerComposants .footerComposants .contentComposants .dataContentComposants .telechargement:hover{
color: #3cb6ff;
}
/*telechargement facture a.imprimerFacture*/
.compTelechargementFacture .headerComposants .footerComposants .contentComposants .dataContentComposants table tr .tableColonne2 .imprimerFacture {
    background: url("../image/ico_link.png") no-repeat scroll 5px center #D54096;
    border: medium none;
    color: #FFFFFF;
    cursor: pointer;
    font-family: "dinlightlight",sans-serif;
    font-size: 16px;
    font-weight: normal !important;
    height: 40px;
    letter-spacing: 0.5px;
    line-height: 40px;
    margin: 10px auto;
    padding: 0;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    width: 270px;
}

.compTelechargementFacture .headerComposants .footerComposants .contentComposants .dataContentComposants table tr .tableColonne2 .imprimerFacture:hover {
color: #3cb6ff;
}

/*page compte section TRANSACTIONS */

#pageCompte .compTelechargementTab .headerComposants .footerComposants .contentComposants .dataContentComposants .telechargement selected{
	    background: url("../image/trame4.gif") repeat scroll 0 0 #476F87;
    border: 8px solid #476F87;
    border-radius: 0 0 77px 77px;
	-moz-border-radius: 0 0 77px 77px;
	-webkit-border-radius: 0 0 77px 77px;
    box-shadow: 0 0 0 4px #FFFFFF;
	-moz-box-shadow: 0 0 0 4px #FFFFFF;
	-webkit-box-shadow: 0 0 0 4px #FFFFFF;
    clear: left;
    color: #FFFFFF;
    cursor: pointer;
    float: none;
    font-family: "dinlightlight",sans-serif;
    font-size: 19px;
    font-weight: normal;
    height: 50px;
    line-height: 50px;
    margin: 5px 0 10px;
    padding: 0 0 0 0;
    position: relative;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    width: 270px;
	letter-spacing:0.5px;
}
/*page compte section INFORMATIONS*/
#pageCompte input#formCompteInformationSubmit {
    background: url("../image/ico_link.png") no-repeat scroll 5px center #D54096;
    border: medium none;
    color: #FFFFFF;
    cursor: pointer;
    font-family: "dinlightlight",sans-serif;
    font-size: 20px;
    font-weight: normal !important;
    height: 40px;
    letter-spacing: 0.5px;
    line-height: 40px;
    margin: 10px auto;
    padding: 0;
    text-align: center;
    text-transform: uppercase;
    width: 190px;
}
#pageCompte input#formCompteInformationSubmit:hover {
	color:#3cb6ff;
}