/************* Font Face billetterie EPCC les 2 scènes *************/

@font-face {
    font-family: 'condweb';
    src: url('../../../../../commun/fonts/cond-webfont.eot');
    src: url('../../../../../commun/fonts/cond-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../../../../commun/fonts/cond-webfont.woff') format('woff'),
         url('../../../../../commun/fonts/cond-webfont.ttf') format('truetype'),
         url('../../../../../commun/fonts/cond-webfont.svg#gothambold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'mononi_mono_weight';
    src: url('../../../../../commun/fonts/mononi_mono_weight580_2-webfont.eot');
    src: url('../../../../../commun/fonts/mononi_mono_weight580_2-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../../../../commun/fonts/mononi_mono_weight580_2-webfont.woff') format('woff'),
         url('../../../../../commun/fonts/mononi_mono_weight580_2-webfont.ttf') format('truetype'),
         url('../../../../../commun/fonts/mononi_mono_weight580_2-webfont.svg#gothambold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'mononi_mono_weight_italic';
    src: url('../../../../../commun/fonts/mononi_mono_weight580-italic-webfont.eot');
    src: url('../../../../../commun/fonts/mononi_mono_weight580-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../../../../commun/fonts/mononi_mono_weight580-italic-webfont.woff') format('woff'),
         url('../../../../../commun/fonts/mononi_mono_weight580-italic-webfont.ttf') format('truetype'),
         url('../../../../../commun/fonts/mononi_mono_weight580-italic-webfont.svg#gothambold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'mononi_mono_weight_740';
    src: url('../../../../../commun/fonts/mononi_mono_weight740_2-webfont.eot');
    src: url('../../../../../commun/fonts/mononi_mono_weight740_2-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../../../../commun/fonts/mononi_mono_weight740_2-webfont.woff') format('woff'),
         url('../../../../../commun/fonts/mononi_mono_weight740_2-webfont.ttf') format('truetype'),
         url('../../../../../commun/fonts/mononi_mono_weight740_2-webfont.svg#gothambold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'mononi_mono_weight_italic_740';
    src: url('../../../../../commun/fonts/mononi_mono_weight740-italic-webfont.eot');
    src: url('../../../../../commun/fonts/mononi_mono_weight740-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../../../../commun/fonts/mononi_mono_weight740-italic-webfont.woff') format('woff'),
         url('../../../../../commun/fonts/mononi_mono_weight740-italic-webfont.ttf') format('truetype'),
         url('../../../../../commun/fonts/mononi_mono_weight740-italic-webfont.svg#gothambold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'sndbgara';
    src: url('../../../../../commun/fonts/sndbgarajecondensed-webfont.eot');
    src: url('../../../../../commun/fonts/sndbgarajecondensed-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../../../../commun/fonts/sndbgarajecondensed-webfont.woff') format('woff'),
         url('../../../../../commun/fonts/sndbgarajecondensed-webfont.ttf') format('truetype'),
         url('../../../../../commun/fonts/sndbgarajecondensed-webfont.svg#gothambold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'sndbgara_extra';
    src: url('../../../../../commun/fonts/sndbgarajeextracondensed-webfont.eot');
    src: url('../../../../../commun/fonts/sndbgarajeextracondensed-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../../../../commun/fonts/sndbgarajeextracondensed-webfont.woff') format('woff'),
         url('../../../../../commun/fonts/sndbgarajeextracondensed-webfont.ttf') format('truetype'),
         url('../../../../../commun/fonts/sndbgarajeextracondensed-webfont.svg#gothambold') format('svg');
    font-weight: normal;
    font-style: normal;
}

/*******************************************************************/

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

input {
    border: 1px solid #C3C3C3;
	background:#fff;
	padding:2px;
	color:#000;
}

body {
	background-color: #3C2C39;
    color: #fff;
    font-family: "mononi_mono_weight_740",Arial,sans-serif;
    font-size: 12px;
}

html{
	
}


img {
    border: 0;
	font-size:5px;
}

select {
    width: 55px;
	color:#000;
	  border: 1px solid #C3C3C3;
	background:#fff;

}



select.rechercheGrid_table_length{
	border:1px solid #ccc;
}



a{
	color:#656565;
	text-decoration:none;
}


a:hover{
	text-decortion:underline;
}

.champsRequis {
    padding: 5px 10px;
    font-size:10px;
	color:#000;
}

label{
	margin-left:5px;
}



.champ {
	background-color: rgba(255, 255, 255, 0.5);
	color:#000;
	 width:154px;
	 
	
}



/***************************************/
/********* Button Global **************/
/**************************************/




table.oubliMDP tr td.btnSubmitMDP a.btRetour.btn{
	width:200px!important;
	display:block;
	line-height:53px;
    background:#BABABA!important;
    color:#5E5E5E;
}

table.oubliMDP{
	margin-bottom:15px;
}

table.oubliMDP tr td.btnSubmitMDP{
	padding-top:10px;
}

.dataContentComposants table.oubliMDP tr td.tableColonne1 {
	font-size:13px;
}


.compCompteTransaction .headerComposants .footerComposants .contentComposants .dataContentComposants table tr .tableColonne2 .nomPrenom2 button.modifier,
#pageCompte .zoneRecherche button,
.compDejaClient .headerComposants .footerComposants .contentComposants .dataContentComposants table tr td .btConfirmAccount,
.compDejaClient .headerComposants .footerComposants .contentComposants .dataContentComposants table tr td .btChangeAccount,
#pageCompte .validContent input.valid,
.compTelechargementTab .headerComposants .footerComposants .contentComposants .dataContentComposants .telechargement,
.compCompte .headerComposants .footerComposants .contentComposants .dataContentComposants .liensdigiticks .identificationLienCompte,
.compTelechargementFacture .headerComposants .footerComposants .contentComposants .dataContentComposants table tr .tableColonne2 .imprimerFacture,
.compTelechargementTab .headerComposants .footerComposants .contentComposants .dataContentComposants .telechargement.selected,
.compTelechargementOption1 .headerComposants .footerComposants .contentComposants .dataContentComposants #telechargementOption1 tr .tableColonne2 .imprimerBillet,
.compPaiementNouvelleCB .headerComposants .footerComposants .contentComposants .dataContentComposants table tr #rowSubmitEtape3 .btSubmit,
#pageEtape2 .validContent input.valid,
.compOubliMDP .headerComposants .footerComposants .contentComposants .dataContentComposants .oubliMDP tr .btnSubmitMDP .btRetour,
.compOubliMDP .headerComposants .footerComposants .contentComposants .dataContentComposants .oubliMDP tr .btnSubmitMDP .btSubmit,
.compNouveauClient .headerComposants .footerComposants .contentComposants .dataContentComposants table tr td .btSubmit,
.compDejaClient .headerComposants .footerComposants .contentComposants .dataContentComposants table tr td input#formSubmit,
#pageEtape1 #submitFinaliser,
#pageEtape1 #submitPanier {
background: none repeat scroll 0 0 #D30037;
border: 0 none;
color: #FFFFFF;
cursor: pointer;
font-size: 14px;
font-weight: bold;
height: 32px;
line-height: 32px;
margin: 0 15px;
padding: 0 15px;
text-align: center;
text-indent: inherit;
text-transform: none;	
font-family: mononi_mono_weight_740;
}


.compCompteTransaction .headerComposants .footerComposants .contentComposants .dataContentComposants table tr .tableColonne2 .nomPrenom2 button.modifier:hover,
#pageCompte .zoneRecherche button:hover,
.compDejaClient .headerComposants .footerComposants .contentComposants .dataContentComposants table tr td .btConfirmAccount:hover,
.compDejaClient .headerComposants .footerComposants .contentComposants .dataContentComposants table tr td .btChangeAccount:hover,
#pageCompte .validContent input.valid:hover,
.compCompte .headerComposants .footerComposants .contentComposants .dataContentComposants .liensdigiticks .identificationLienCompte:hover,
.compPaiementNouvelleCB .headerComposants .footerComposants .contentComposants .dataContentComposants table tr #rowSubmitEtape3 .btSubmit:hover,
#pageEtape2 .validContent input.valid:hover,
.compOubliMDP .headerComposants .footerComposants .contentComposants .dataContentComposants .oubliMDP tr .btnSubmitMDP .btRetour:hover,
.compOubliMDP .headerComposants .footerComposants .contentComposants .dataContentComposants .oubliMDP tr .btnSubmitMDP .btSubmit:hover,
.compNouveauClient .headerComposants .footerComposants .contentComposants .dataContentComposants table tr td .btSubmit:hover,
#pageEtape1 #submitFinaliser:hover,
#pageEtape1 #submitPanier:hover,
.compDejaClient .headerComposants .footerComposants .contentComposants .dataContentComposants table tr td input#formSubmit:hover {
}



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

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

#positionSite {
}
#positionSite .langage {
}
#positionSite .langage .pageEtape {
}


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

#cadreContent {
	background:url('../image/bgRMN_TOP_2013.gif') repeat-x 0 top;
	
}
#pageErreur #cadreContent {
}


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

.ligneContent1 {
	width:998px;
	margin:0 auto;
	position:relative;
	
}
.ligneContent1 .colonneContent1 {
	width:998px;
	margin:0 auto;
	position:relative;

}

#langageEN .ligneContent1 .colonneContent1 {
	width:945px;
	margin:0 auto;
	position:relative;
	background:url('../image/bgHeaderRMNEN1.jpg') no-repeat 0 5px;
	height:315px;
}


.ligneContent2 {
	 background: #fff none repeat scroll 0 0;
    clear: both;
    height: 40px;
    margin: 0 auto 30px;
    width: 998px;	
}
.ligneContent2 .colonneContent1 {
	display:inline-block;
    padding-left:10px;
	
}

.ligneContent2 .colonneContent2 {
display: inline-block;
float: right;
margin-top: 6px;
width: 220px;	
}

.ligneContent2 .colonneContent1 div.compCompte,
.ligneContent2 .colonneContent1 div.compFilAriane{
	display:table-cell;
	vertical-align:middle;
	min-height:44px;
}

.ligneContent3 {
}
.ligneContent3 .colonneContent1 {
	width:998px;
	margin:0 auto;
}

.ligneContent4 {
	clear:both;

}

.ligneContent4 .colonneContent1{
	clear:both;
	margin:0 auto;
}






#retourAccueil4 {
	position: absolute;
	right: 0;
	top:5px;
}
#retourAccueil4 a {
	color: #FFFFFF;
    cursor: pointer;
    display: block;
    font-size: 14px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    text-decoration: none;
    width: 255px;
    background: none repeat scroll 0 0 #939393;
    border: 0 none;
    border-radius: 20px 20px 20px 20px;
    color: #FFFFFF;
    cursor: pointer;
    text-transform: uppercase;
}




/******* 3DS *******/

#pageEtape3 table td.tableColonne2 select#typeCB, #pageEtape3 table td.tableColonne2 select#titulairePays{
    width:152px;
   }

#pageEtape3 table td.tableColonne2 select#anneeCB{
    margin-left:10px;
   }


#pageEtape3 table td.tableColonne2 select#moisCB{
    width:50px;
   }

#pageEtape3 table td.tableColonne2 select#anneeCB{
    width:67px;
   }

#pageEtape3 table td.tableColonne2 input#cvvCB{
    width:50px;
   }

#pageEtape3 table td.tableColonne2 input#cvvCB{
    width:50px;
   }

#pageEtape3 table td.tableColonne1-2 label a{
    color:#000;
   }

#pageEtape3 #compBody #compBodyHeader #compBodyFooter #compBodyContent #compPaiement3DSecure .topContentComposants .titleComposants{

}

#pageEtape3 #infoformulaire #securite span#titleSecurite{
    background:none!important;
    height:inherit!important;
 }

 #pageEtape3 #infoformulaire #securite span img{
     display:block!important;
 }

  #pageEtape3 table#nouvelleCB input.champCarte{
      background-color:#fff;
      border:1px solid #CFCFCF;
}

#pageEtape3 table#nouvelleCB td#rowSubmitEtape3{
    text-align:center;
   }

   #pageEtape3 table#nouvelleCB tr td.tableColonne1-2 span{
     font-weight:bold;
     color:#000;
     padding:10px 0;
     display:block;
}








.compPanier .headerComposants .footerComposants .contentComposants .dataContentComposants .totalValiderPanier .totalPanier span.assuranceCart{
    font-size:10px;
 }
 



/* LIENS SOCIAUX */
/* .informationReseaux {
position: fixed;
left: 0;
top: 10px;
}

 .informationReseaux .contentReseaux {
	display: block;
    height: 30px;
    margin: 0 auto;
    padding: 25px;
    width: 228px;
}

 .informationReseaux .contentReseaux a {
}

 .informationReseaux .contentReseaux .facebookFooter {
	background: url("../image/picto_reseaux_footer.jpg") no-repeat scroll 0 0 transparent;
	display: inline-block;
    height: 32px;
    margin: 0 4px;
    width: 30px;
}

 .informationReseaux .contentReseaux .twitterFooter {
	background: url("../image/picto_reseaux_footer.jpg") no-repeat scroll -32px 0 transparent;
	display: inline-block;
    height: 32px;
    margin: 0 4px;
    width: 30px;
}

 .informationReseaux .contentReseaux .googleFooter {
	background: url("../image/picto_reseaux_footer.jpg") no-repeat scroll -67px 0 transparent;
	display: inline-block;
    height: 32px;
    margin: 0 4px;
    width: 30px;
}

 .informationReseaux .contentReseaux .youtubeFooter {
	background: url("../image/picto_reseaux_footer.jpg") no-repeat scroll -100px 0 transparent;
	display: inline-block;
    height: 32px;
    margin: 0 4px;
    width: 30px;
}

 .informationReseaux .contentReseaux .vimeoFooter {
	background: url("../image/picto_reseaux_footer.jpg") no-repeat scroll -134px 0 transparent;
	display: inline-block;
    height: 32px;
    margin: 0 4px;
    width: 30px;
}

 .informationReseaux .contentReseaux .soundcloudFooter {
	background: url("../image/picto_reseaux_footer.jpg") no-repeat scroll -166px 0 transparent;
	display: inline-block;
    height: 32px;
    margin: 0 4px;
    width: 30px;
}
*/
/* reseau pictos */
.reseaux-sociaux {
	  font-size: 1.2rem;
  line-height: 150%;
  color: rgba(255,255,255,0.5);
  border-top: 1px solid rgba(255,255,255,0.2);
  padding-top: 4px;
  margin-top: 5px;
}
.reseaux-sociaux ul {
  color: #3c2c39;
  font-family: verdana,sans-serif;
  font-size: 10px;
  line-height: 30px;
}

.reseaux-sociaux ul {
  position: fixed;
  z-index: 999;
  left: 0;
  top: 200px;
  width: 30px;
}
.reseaux-sociaux ul li {
  background: #ffffff;
  position: relative;
  display: inline-block;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.reseaux-sociaux ul li {
  position: relative;
  left: -200px;
  display: block;
  width: 230px;
  margin-bottom: 1px;
}
.reseaux-sociaux ul li:hover {
  left: 0;
}
.reseaux-sociaux ul a {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 30px;
  height: 30px;
}
.reseaux-sociaux ul a {
  position: static;
  box-sizing: border-box;
  padding: 0 10px;
  display: inline-block;
  height: 30px;
  width: 200px;
  color: #3c2c39;
}
.reseaux-sociaux ul li::after {
  content: "";
  font-family: 'fontawesome';
  font-size: 1.2rem;
  line-height: 30px;
  text-align: center;
  display: inline-block;
  width: 30px;
  height: 30px;
}
.reseaux-sociaux ul span {
  display: block;
}

.reseaux-sociaux ul li.enveloppe::after {
  content: "\f003";
}

.reseaux-sociaux ul li.facebook::after {
  content: "\f09a";
}
.reseaux-sociaux ul li.twitter::after {
  content: "\f099";
}
.reseaux-sociaux ul li.google::after {
  content: "\f0d5";
}
.reseaux-sociaux ul li.youtube::after {
  content: "\f167";
}
.reseaux-sociaux ul li.vimeo::after {
  content: "\f194";
}
.reseaux-sociaux ul li.soundcloud::after {
  content: "\f1be";
}
.ligneContent3 .colonneContent1 .compBody {
	padding: 20px;
}

.roomReference .label {
 color: #000;
}
.roomReference .label:after {
  content: "Scene";
  display: block;
  color: #fff;
}