/* Generated by Font Squirrel (http://www.fontsquirrel.com) on March 24, 2015 */





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

}


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


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

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

body {
    font-size:12px;
    color: #666;
    background: #fff;
    font-family: Arial, Helvetica, sans-serif;
}

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:#000000;
    text-decoration:none;
    font-family:  Arial, Helvetica, sans-serif;
}


a:hover{
    text-decortion:underline;
    color: #ccc;
}

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

label{
    font-size:11px;
    margin-left:5px;
}



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



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




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

table.oubliMDP{
    margin-bottom:15px;
    padding-top:25px;
}
table.oubliMDP input {
    width: 210px;
}

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 #232468;
    border: medium none;
    color: #fff;
    cursor: pointer;
    font-size: 17px;
    height: 44px;
    line-height: 44px;
    padding: 0;
    text-transform: uppercase;
    width: 222px;
}


.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 {
    width: 1150px;
    margin: 0 auto; 
}
#pageErreur #cadreContent {
}


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

.ligneContent1 {
    width:960px;
    position:relative;
    margin:0 0 0 124px;
    
}


.ligneContent1 .colonneContent1 {
    width:960px;
    margin:0 auto;
    position:relative;
    background-color:#fff;

}
.ligneContent1 .colonneContent1:after {
    content: "";
    display: block;
    position: absolute;
    left: -124px;
    height: 514px;
    width: 124px;
    background: url("../image/logo_cote.png") no-repeat scroll 0 0 transparent;
    top: -4px;
}
#langageEN .ligneContent1 .colonneContent1 {
    width:945px;
    margin:0 auto;
    position:relative;
    background:url('../image/bgHeaderRMNEN1.jpg') no-repeat 0 5px;
    height:315px;
}


.ligneContent2 {
    background: none repeat scroll 0 0 #000;
    clear: both;
    height: 1px;
    margin: 0 0 0 124px;
    position: relative;
    width: 960px;
}
.ligneContent2 .colonneContent1 {
    display:inline-block;
    padding-left:10px;
    border-left:1px solid #000;
    
}

.ligneContent2 .colonneContent2 {
    border-right: 1px solid #000;
}

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

.ligneContent3 {
}
.ligneContent3 .colonneContent1 {
    width:958px;
    margin:0 0 0 124px;
    background: none repeat scroll 0 0 #fff;
    border-left: 1px solid #000;
    border-right: 1px solid #000;
}

.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;
    font-family: Arial,Helvetica,sans-serif;
    text-transform: uppercase;
}

 /********************/
 /* Footer Link */
 
 .plandacces{
    color: #fff;
    display: block;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 15px;
    font-weight: normal;
    height: 192px;
    left: 394px;
    position: absolute;
    text-transform: uppercase;
    top: 20px;
    width: 153px;
    text-align: center;
    background: url("../image/plan.png") no-repeat scroll center bottom transparent;
 }

.compFooterMarqueBlanche .headerComposants .footerComposants .contentComposants .dataContentComposants .mentionsLegales {

}

.compFooterMarqueBlanche .headerComposants .footerComposants .contentComposants .dataContentComposants .conditionsGenerales {

}


.compFooterMarqueBlanche .headerComposants .footerComposants .contentComposants .dataContentComposants .paiement {

    

}


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

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

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


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

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

#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:0 0;
     display:block;
     font-size: 14px;
}




 #pageEtape3 table#nouvelleCB tr td#rowSubmitEtape3 input.btSubmit{

 background: none repeat scroll 0 0 #232468; 
    border:0;
    color: #fff;
    font-size: 17px;
    height: 44px;
    line-height:44px;
    margin: 0 auto 0;
    width:420px;  
    text-transform:uppercase;
    margin-left:10px;
   cursor:pointer;
   padding: 0;
 }

  #pageEtape3 table#nouvelleCB tr td#rowSubmitEtape3 a{

   }

 #pageEtape3 table#nouvelleCB tr td#rowSubmitEtape3 input.detailValidation:hover{
  
 }

.compPanier .headerComposants .footerComposants .contentComposants .dataContentComposants .totalValiderPanier .totalPanier span.assuranceCart{
    font-size:10px;
 }
 
table#nouvelleCB td#rowSubmitEtape3 a{
     display:block;
     background:none repeat scroll 0 0 #999;
     width:200px;
     height:44px;
     font-size: 17px;
     float:left;
     line-height:44px;
     text-transform:uppercase;
     text-decoration:none!important;
     color:#fff;
     text-align:center;
     font-weight:normal;
     color: #fff;
}


.compPanier .recapPanier span.assuranceCart  {
    margin: 5px 2px !important;
}
.compPanier .recapPanier span.assuranceCart .label {
    font-weight: normal;
    margin-top: -1px;
    font-style: italic;
}
#aucuneTransaction {
    text-align: center;
    padding: 10px;
}


.compPack + .buttonsContainer {
      text-align: right;
  padding-right: 14px;
}