/* CSS Document */

/* feuille de style par défaut pour les pages 
de choix de paiement et de paiement 
paybox system*/

body {
    font-family: verdana;
}

th {
    /* headers de tables (dans choix paiement les entêtes de table en bleu )*/
    color: black;
    background-color: #2890D6;
    font-size: 16px;
    font-weight: bold;
}

td { /* cellules */
    font-size: 12px;
}

h2 { /*le texte 'paiement de' et 'à'*/
    color: black;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
}

.pbx_table_logo    td {
    /*les cellules de la table logo (la table a la classe "pbx_table_logo")*/
    background-color: #FFFFFF;
    text-align: center;
}

.pbx_h1 { /* le premier bloc de texte dans choixpaiement */
    font-size: 14px;
    font-family: verdana;
    font-weight: normal;
}

.pbx_h2 {
    /* le second bloc de texte dans choixpaiement (choisissez un moyen...)*/
    font-family: verdana;
    font-size: 12px;
    font-weight: bold;
}

.pbx_h3 {
    /* l'entête reprenant  le libellé du type de moyen de paiement*/
    font-family: verdana;
    font-size: 12px;
    font-weight: normal;
}

.pbx_h4 { /* nom d'enseigne, en page de paiement*/
    color: blue;
}

.pbx_copyright h5 {
    /*mention paybox en bas de page (choix et paiement)*/
    font-size: 10px;
    font-weight: normal;
}

/* Pied de page */
#pbx-footer {
    font-family: arial, verdana, sans-serif;
    font-size: 0.7em;
    font-weight: bold;
    margin-top: 10px;
    text-align: center;
}

#pbx-footer a {
    color: #A3A7AD;
    text-decoration: none;
}

#pbx-footer a:hover {
    color: #74767A;
}

#pbx-footer ul {
    list-style-type: none;
    padding: 0px;
    margin: 10px 0;
}

#pbx-footer ul li {
    display: inline;
    margin: 0 10px;
}

.inlineImg {
    vertical-align  : middle;
}

#popup, #ticket {
    margin          : 20px;
    position        : relative;
    border-color    : #CCCCCC;
    border-style    : solid;
    border-width    : 1px;
    border-radius   : 6px 6px 6px 6px;
}

#popup h2 {
    width: 100%;
    background: url("main_header_background.png") repeat scroll 0 0 transparent;
    border-color: #CCCCCC;
    border-radius: 5px 5px 0 0;
    border-style: solid;
    border-width: 0 0 1px 0;
    box-shadow: 1px 1px 0 0 #888888 inset;
    color: #EEEEEE;
    font-weight: bold;
    text-shadow: 1px 1px 1px #444444;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    padding: 8px 0;
}

#popup p {
    padding: 16px;
}

#Devises {
    left: 0px;
    top: 0px;
}

#ticket {
    width   : 600px;
    margin  : auto;
}

#ticketContent {
    padding : 15px;
    background-color: white;
    border-radius: 0px 0px 6px 6px;
}

#cet2aTicketContent {
    width   : 25%;
    margin  : auto auto auto 225px;
}

#ticketTable {
    margin  : 0px auto;
}

#ticketTitle h2 {
    color           : #EEEEEE;
    width           : 100%;
    padding         : 8px 0px 0px 0px;
    font-size       : 16px;
    text-align      : center;
    box-shadow      : 1px 1px 0px 0px #888888 inset;
    background      : url("main_header_background.png") repeat scroll 0 0 transparent;
    font-weight     : bold;
    text-shadow     : 1px 1px 1px #444444;
    border-color    : #CCCCCC;
    border-style    : solid;
    border-width    : 0px 0px 2px 0px;
    border-radius   : 5px 5px 0px 0px;
    margin          : 0;
    padding         : 0;
}

#ticketTitle .pbx_h4 {
    color: #444;
    display: block;
    margin: 8px 0 0 0;
    padding: 0;
    border-top: 1px solid #ccc;
    padding: 5px;
    display: block;
    background-color: #f5f5f5;
    height: 35px;
    line-height: 35px;
    font-size: 12px;
    font-weight: normal;
    text-shadow: none;
}

#merchantBackButton {
    margin-top : 15px;
}

#titleHeadline {
    margin-bottom   : 15px;
}

#footer {
    color           : #544854;
    font-size       : 11px;
    text-align      : center;
    margin-top      : 10px;
    margin-bottom   : 15px;
}

#footer div .footer_text {
    padding-top : 5px;
}

#cbvisamasterLogo {
    width           : 200px;
    text-align      : left;
    padding-right   : 50px;
}

#payboxLogo {
    width           : 200px;
    text-align      : right;
    padding-left    : 50px;
}

#banner {
    margin-top      : 27px;
    text-align      : center;
    margin-bottom   : 10px;
}

#postDisclaimer {
    text-align  : justify;
}

.textCenter {
    text-align	: center;
}

.textLeft {
    text-align	: left;
}

.pbx_info {
    color           : #555555;
    border-radius   : 10px;
    font-family     : Tahoma,Geneva,Arial,sans-serif;
    font-size       : 11px;
    padding         : 10px 10px 10px 36px;
    margin          : 10px;
    background      : #e3f7fc url('info.png') no-repeat 10px 50%;
    border          : 1px solid #8ed9f6;
    width           : 50%;
    text-align      : left
}

.pbx_info_oblig {
    color           : #E80000;
    font-family     : Tahoma,Geneva,Arial,sans-serif;
    font-size       : 11px;
    margin-top      : 10px;
    text-align      : left;
}

#pbx-card-selection {
    position: absolute;
}

.pbx-no-padding {
    padding: 0;
}

.patience {
    font-size: 15px;
    font-style: normal;
    font-weight: bold;
    color: #888888;
    background-color: #ffffff;
    text-align:center;
    padding: 15px;
}

.msgErreur {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
    padding: 15px;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

@media all and (max-width: 990px) {
    #cbvisamasterLogo {
        display: none;
    }
    #payboxLogo {
        display: none;
    }
}

@media all and (max-width: 600px) {
    #ticket {
        width: 100%;
    }
}