/* Generated by Font Squirrel (http://www.fontsquirrel.com) on August 28, 2014 */





/* Generated by Font Squirrel (http://www.fontsquirrel.com) on July 9, 2014 */

/* ---------- ROBOTO LIGHT ----------- */
@import url('https://fonts.googleapis.com/css?family=Roboto:300,300i&display=swap');

/* ---------- ROBOTO LIGHT ----------- */
@font-face {
    font-family: 'built titling';
    src: url('../fonts/built_titling_rg.ttf') format('truetype'),
        url('../fonts/built_titling_rg.woff') format("woff");
}

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

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

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

body {
	font-family: 'Roboto', sans-serif;
    font-size:12px;
    color: #121529;
}
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-decoration:underline;
}

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

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



.champ {
	background-color: #FFFFFF;
	color:#000;
	 width:154px;
	 
	
}



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




#compOubliMDP1 table.oubliMDP tr td.btnSubmitMDP a.btRetour.btn{
	width:200px!important;
	display:block;
}

table.oubliMDP{
	margin-bottom:15px;
}
.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,
table#nouvelleCB td#rowSubmitEtape3 a,
#pageCompte #compNewsletterAbo1 .headerComposants .footerComposants .contentComposants .dataContentComposants input#formCompteNewsletterAboSubmit {
     background-color: #303b98;
    text-align: center;
    width: 200px ;
	height:36px;
	line-height:36px;
	cursor:pointer;
	margin: 0;
	padding: 0;
	color: #fff;
    font-size: 25px;
    text-transform:uppercase;
    font-family: 'built titling', Arial, sans-serif;
	border:0; 
	text-indent:inherit;
    	-webkit-transition: background 600ms ease-in-out;
	-moz-transition: background 600ms ease-in-out;
	-ms-transition: background 600ms ease-in-out;
	-o-transition: background 600ms ease-in-out;
	transition: background 600ms ease-in-out;
}
#pageEtape1 #submitPanier,
#pageEtape2 .validContent input.btnRetourAccueil,
table#nouvelleCB td#rowSubmitEtape3 a,
.compDejaClient .headerComposants .footerComposants .contentComposants .dataContentComposants table tr td .btChangeAccount,
#compOubliMDP1 table.oubliMDP tr td.btnSubmitMDP a.btRetour.btn {
    background: #EAEAEA;
    color: #303b98;
}

.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,
.compTelechargementTab .headerComposants .footerComposants .contentComposants .dataContentComposants .telechargement:hover,
.compTelechargementFacture .headerComposants .footerComposants .contentComposants .dataContentComposants table tr .tableColonne2 .imprimerFacture:hover,
#pageCompte #compNewsletterAbo1 .headerComposants .footerComposants .contentComposants .dataContentComposants input#formCompteNewsletterAboSubmit:hover,
#compOubliMDP1 table.oubliMDP tr td.btnSubmitMDP a.btRetour.btn:hover {
	-webkit-transition: background 600ms ease-in-out;
	-moz-transition: background 600ms ease-in-out;
	-ms-transition: background 600ms ease-in-out;
	-o-transition: background 600ms ease-in-out;
	transition: background 600ms ease-in-out;
    background-color: #000;
    color: #fff;
}

table#nouvelleCB td#rowSubmitEtape3 a {
    text-decoration: none !important;
}


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

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

.ligneContent1 {
    height: 215px;
    width: 980px;
    margin: 0 auto;
}
.ligneContent1 .colonneContent1 {
	margin:0 auto;
	position:relative;

}

.ligneContent2 {
    height: 0;
    
}
.ligneContent2 .colonneContent1 {
	display:inline-block;
}

.ligneContent2 .colonneContent2 {
	width:220px;
	display:inline-block;
	
}

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

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

.ligneContent4 {
	clear:both;

}
x
.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 */
 
 .Hotline{
    background-repeat: no-repeat;
    background-size: 15px auto;
    color: #544642;
    display: block;
    font-size: 13px;
    font-weight: normal;
    left: 0;
    position: absolute;
    text-decoration: none;
    text-transform: uppercase;
    top: 22px;
 }
  .num{
    background-repeat: no-repeat;
    background-size: 15px auto;
    color: #544642;
    display: block;
    font-size: 18px;
    font-weight: normal;
    left: 0;
    position: absolute;
    text-decoration: none;
    top: 41px;
 }
   .courriel{
  	font-size:14px; 
    left:0; 
    display:block;
    width:150px;
   	position:absolute;
    color:#544642;
    text-decoration:none;
    font-weight:normal;
    top:67px;
    background-repeat: no-repeat;
    background-size:15px auto;
 }

.compFooterMarqueBlanche .headerComposants .footerComposants .contentComposants .dataContentComposants .mentionsLegales {
    color: #000;
    font-size: 13px;
    margin-left: 10px;
    position: absolute;
    right: 192px;
    top: 122px;
    display: none;
}

.compFooterMarqueBlanche .headerComposants .footerComposants .contentComposants .dataContentComposants .conditionsGenerales {
    color: #000;
    font-size: 12px;
    margin-left: 10px;
    position: absolute;
    right: 0;
    top: 122px;
}


.compFooterMarqueBlanche .headerComposants .footerComposants .contentComposants .dataContentComposants .paiement {
    font-weight: bold;
    right: 0;
    position: absolute;
    top: 19px;
	color:#544642;
	display:block;
	

}


/******* 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:72px;
   }

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

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

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

#pageEtape3 table td.tableColonne1-2 label a:hover {
    color: #303b98;
 }

#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 tr td.tableColonne1-2 span{
     font-weight:bold;
     color:#000;
     padding:10px 0;
     display:block;
}




 #pageEtape3 table#nouvelleCB tr td#rowSubmitEtape3 input.btSubmit{
     display:block;
     float:right;
     margin: 0 20px 0 0;
 }

  #pageEtape3 table#nouvelleCB tr td#rowSubmitEtape3 input.detailValidation{
  	padding: 0 20px;
     width:auto;
     display: inline-block;
     margin-right: 0;
 }

  #pageEtape3 table#nouvelleCB tr td#rowSubmitEtape3 a {
      display: inline-block;
      margin-right: 5px;
   }

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

/* Calendrier du moteur de recherche */

div.dp-popup h2 {
    font-size: 9px;
}

/**/

.infoOverflowed {
    height: 46px;
}