/* HTML */
html, body, form, fieldset, div, p, ul, li {
    margin: 0;
    padding: 0;
}

body {
    width: 100%;
    height: auto;
    overflow-x: hidden;
    font-size: 12px;
    font-family: Verdana, Geneva, sans-serif;
}

img {
    border: 0;
}

li {
    margin: 0;
    list-style: none;
}

a {
    text-decoration: none;
}

a:hover {
}

/* ===== Clearfix ===== */

* html .clearfix { /* float clearing for IE6 */
    height: 1%;
    overflow: visible;
}

* + html .clearfix { /* float clearing for IE7 */
    min-height: 1%;
}

.clearfix:after { /* float clearing for everyone else */
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
    font-size: 0;
}

/* ===== Forms ===== */

.errors {
    width: 300px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
}

.errors .error {
    text-align: center;
    color: red;
}

/* ===== Header ===== */

#price {
    width: 100%;
    height: 20px;
    padding-top: 5px;
    font-size: 11px;
    letter-spacing: 0.2em;
    text-align: center;
    border-bottom: 1px solid #cacaca;
    background: #eeeeee;
    z-index: 999;
}

#header-logo {
    width: 200px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
    text-align: center;
}

#header-logo img {
    width: 200px;
}

/* ===== Footer ===== */

footer {
    width: 100%;
    margin: 0;
    /*margin-bottom: 20px;*/
    border-top: 1px solid rgba(255, 255, 255, 0.12);
}

footer .footer-link {
    height: 25px;
    width: 100%;
    border-bottom: 1px solid #cacaca;
    margin: 0;
    padding: 0;
    cursor: pointer;
    font-size: 12px;
    padding-top: 9px;
}

footer .footer-link .footer-link-home {
    z-index: 2;
    background-color: white;
    padding-left: 10px;
}

footer .footer-link .footer-link-home a {
    color: #666;
    margin-left: -10px;
    z-index: 1;
}

footer .footer-link .footer-text {
    position: absolute;
    width: 100%;
    text-align: center;
}

footer .footer-link .footer-text img {
    position: absolute;
    margin-top: -1px;
    margin-left: 10px;
}

footer .footer-iplus {
    position: relative;
    width: 100%;
    max-width: 300px;
    font-size: 10px;
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

footer .footer-iplus a {
    color: #666;
    text-decoration: none;
}

@media screen and (max-device-width: 768px) {
    footer .footer-iplus {
        position: relative;
        width: 80%;
        left: 50%;
        margin-top: 5px;
        margin-left: -40%;
    }
}

/*
footer .footer-iplus a {
	color: #ffffff;
}
*/
footer .footer-bouton {
    margin-top: 20px;
}

footer .footer-iplus img {
    margin-bottom: 5px;
}

footer .footer-iplus {
    margin-top: 5px;
    margin-bottom: 15px;
    font-size: 10px;
    text-align: center;
}

/* ===== Customer ===== */

.form-error input {
    border: 1px solid #b94a48
}

.form-error-message {
    color: #b94a48;
    text-align: center;
    font-size: 15px;
}

.form-error-message a {
    color: #000;
}

.credential_form {
    width: 250px;
    margin: 30px auto;
}

.credential_form .form_description {
    margin-bottom: 10px;
}

.credential_form .credential_form_input {
    margin-top: 5px;
    line-height: 20px;
}

.credential_form .credential_form_input input {
    float: right;
}

.credential_form .submit_button {
    clear: both;
    float: right;
    margin-top: 20px;
}

#customer {
    z-index: 99999;
    width: 90%;
    height: auto;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 5%;
    background: rgba(255, 255, 255, .95);
    -moz-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, .1), 0px 5px 9px 0px rgba(0, 0, 0, .25);
    -webkit-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, .1), 0px 5px 9px 0px rgba(0, 0, 0, .25);
    box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, .1), 0px 5px 9px 0px rgba(0, 0, 0, .25);
}

#customer .trait.deux {
    margin: 0px 0px 20px 0px;
}

#customer .zone_text {
    position: relative;
    width: 100%;
}

#customer .zone_text .text {
    padding: 30px 10%;
    background: rgba(0, 0, 0, .05);
    border-bottom: 1px solid rgba(0, 0, 0, .05);
}

#customer .zone_text .text.deux {
    border-top: 1px solid rgba(0, 0, 0, .05);
}

#customer .zone_text .text p {
    color: #444444;
    text-align: center;
    font: 18px/24px 'ProdigySansSemiBold', Arial, sans-serif;
}

#customer p.social_account {
    width: 280px;
    margin: 10px auto;

}

#customer p.social_account span {
    line-height: 40px;
}

#customer img.social_account_logo {
    width: 40px;
    height: 40px;
    float: left
}

#customer .error {
    text-align: center;
    color: #b94a48;
    font-size: 15px;
}

#customer .titre {
    position: relative;
    width: 100%;
    text-align: center;
    color: #444444;
    margin: 20px 0px 20px 0px;
    text-transform: uppercase;
    font: 16px/20px 'ProdigySansSemiBold', Arial, sans-serif;
}

#customer .label {
    position: relative;
    width: 200px;
    left: 50%;
    margin: 10px 0px 10px -110px;
    padding: 10px 0px 10px 20px;
    text-align: left;
    font: 14px/16px 'ProdigySansSemiBold', Arial, sans-serif;
    background: #ffffff;
    border: 2px solid #ddd;
}

#customer .label input,
#customer .label select {
    border: 1px solid white;
    width: 180px;
}

#customer .form-error .label {
    border: 2px solid #B94A48;
}

#customer .bouton {
    position: relative;
    width: 208px;
    height: 65px;
    left: 50%;
    margin: 30px 0px 20px -104px;
    cursor: pointer;
}

#customer .bouton_orange,
#customer .bouton_gris {
    position: absolute;
    width: 208px;
    height: 65px;
}

#customer .bouton_orange_text,
#customer .bouton_gris_text {
    position: absolute;
    width: 208px;
    left: 50%;
    margin: 20px 0px 20px -104px;
    color: #ffffff;
    font: 20px/22px 'ProdigySansSemiBold', Arial, sans-serif;
    text-align: center;
    letter-spacing: 1px;
    -moz-text-shadow: 0px -1px 1px rgba(0, 0, 0, .5);
    -webkit-text-shadow: 0px -1px 1px rgba(0, 0, 0, .5);
    text-shadow: 0px -1px 1px rgba(0, 0, 0, .5);
}

#customer .bouton_gris_text {
    color: #444444;
    -moz-text-shadow: 0px -1px 1px rgba(0, 0, 0, 0), 0px 1px 1px rgba(255, 255, 255, .8);
    -webkit-text-shadow: 0px -1px 1px rgba(0, 0, 0, 0), 0px 1px 1px rgba(255, 255, 255, .8);
    text-shadow: 0px -1px 1px rgba(0, 0, 0, 0), 0px 1px 1px rgba(255, 255, 255, .8);
}

#customer .bouton_gris_text.forgot_password {
    font-size: 16px;
}

#customer #social {
    position: relative;
    width: 184px;
    /*height: 82px;*/
    left: 50%;
    margin: 20px 0px 0px -92px;
}

#customer #social div {
    float: left;
    height: 82px;
}

#customer #social #facebook {
    margin: 0px 20px 0px 0px;
}

#customer .form-error-message {

}

@media screen and (max-width: 1200px) {
    #customer .zone_text .text {
        padding: 10px 10%;
    }

    #customer .zone_text .text p {
        color: #444444;
        text-align: center;
        font: 14px/19px 'ProdigySansSemiBold', Arial, sans-serif;
    }

    #customer .bouton {
        width: 150px;
        height: 47px;
        margin: 20px 0px 20px -75px;
    }

    #customer .bouton_orange,
    #customer .bouton_gris {
        position: absolute;
        width: 150px;
        height: 47px;
    }

    #customer .bouton_orange img,
    #customer .bouton_gris img {
        width: 150px;
        height: 47px;
    }

    #customer .bouton_orange_text,
    #customer .bouton_gris_text {
        width: 150px;
        margin: 12px 0px 0px -75px;
        font: 14px/20px 'ProdigySansSemiBold', Arial, sans-serif;
    }

    #customer .bouton_gris_text.forgot_password {
        font-size: 12px;
    }

    #customer #social {
        width: 120px;
        /*height: 50px;*/
        margin: 20px 0px 0px -60px;
    }

    #customer #social img {
        width: 50px;
        height: 50px;
    }

    #customer #social div {
        height: 50px;
    }

    #customer #social #facebook {
        margin: 0px 20px 0px 0px;
    }

    #customer p.social_account {
        width: 220px;
    }

}

/*== Optin ==*/

#email_optin {
    margin: 20px 0;
}

/* ===== Inter Generic ==== */

#inter {
    color: white;
}

#accroche_inter_1,
#accroche_inter_2 {
    position: relative;
    width: 80%;
    margin-left: 10%;
    padding: 20px 0px;
    text-align: center;
    letter-spacing: 1px;
    font: 26px/26px Arial, sans-serif;
    color: white;
}

#accroche_inter_1 {
    margin-top: 20px;
}

#accroche_inter_2 {
    font: 18px/18px Arial, sans-serif;
}

#text_bouton {
    z-index: 2;
    position: absolute;
    width: 200px;
    left: 50%;
    color: #666;
    margin-top: 15px;
    margin-left: -100px;
    text-align: center;
    font: 30px/30px Arial, sans-serif;
    cursor: pointer;
}

#bouton_vierge {
    position: relative;
    width: 200px;
    margin-left: auto;
    margin-right: auto;
    cursor: pointer;
}

#bouton_vierge img {
    width: 200px;
}

#price_inter {
    width: 80%;
    margin-left: 10%;
    text-align: center;
    margin-bottom: 20px;
    margin-top: 5px;
    font-size: 16px;
    color: black;
}

@media screen and (max-width: 1200px) {

    #accroche_inter_1 {
        margin-top: 0px;
    }

    #accroche_inter_1,
    #accroche_inter_2 {
        padding: 10px 0px;
    }

}

/* ===== Operator choice ===== */

#operator_choice {
    color: black;
}

#operator_choice a {
    text-align: center;
    text-decoration: none;
    color: black;
}

#operator_choice .operators_text {
    width: 100%;
    padding: 0 5px;
    text-align: center;
    margin: 20px auto;
}

#operator_choice .operators {
    width: 400px;
    margin: 30px auto;
    text-align: center;
}

#operator_choice .credit_card {
    width: 400px;
    margin: 20px auto;
    text-align: center;
}

#operator_choice .credit_card img {
    width: 250px;
}

#operator_choice .credit_card a {
    text-decoration: underline;
}

@media screen and (max-width: 250px) {
    #operator_choice .credit_card img {
        width: 95%;
    }
}

@media screen and (max-width: 400px) {
    #operator_choice .operators,
    #operator_choice .credit_card {
        width: 100%;
        margin: 20px auto 20px -5px;
    }
}

#operator_choice .operator {
    width: 27%;
    text-align: center;
    display: inline-block;
    margin: 0px auto 0px 5px;
}

@media screen and (max-width: 400px) {
    #operator_choice .operator {
        width: 25%;
    }
}

#operator_choice .operator .image {
    position: relative;
    width: 100%;
    margin: 0px 0px 0px 0px;
    text-align: center;
    border-top-right-radius: 2px;
    border-top-left-radius: 2px;
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 2px;
}

#operator_choice .operator .image img {
    width: 100%;
}

#operator_choice .operator .name {
    margin: -2px 0px 1px 0px;
    padding: 5px 10px;
    color: rgba(255, 255, 255, 1);
    font: 12px/16px 'ProdigySansBold', Arial, sans-serif;
    -moz-box-shadow: inset 0px 1px 0px 0px rgba(0, 0, 0, .0), inset 0px -1px 0px 0px rgba(0, 0, 0, .0);
    -webkit-box-shadow: inset 0px 1px 0px 0px rgba(0, 0, 0, .0), inset 0px -1px 0px 0px rgba(0, 0, 0, .0);
    box-shadow: inset 0px 1px 0px 0px rgba(0, 0, 0, .0), inset 0px -1px 0px 0px rgba(0, 0, 0, .0);
}

@media screen and (max-width: 700px) {
    #operator_choice .operator .name {
        padding: 5px 0px;
    }
}

#operator_choice .operator .name.orange {
    background: rgba(252, 101, 33, 1)
}

#operator_choice .operator .name.sfr,
#operator_choice .operator .name.red {
    background: rgba(160, 0, 4, 1)
}

#operator_choice .operator .name.bouygues {
    background: rgba(10, 81, 157, 1)
}

#operator_choice .operator .name.sosh {
    background: rgba(1, 161, 171, 1)
}

#operator_choice .operator .name.byou {
    background: rgba(59, 131, 95, 1)
}

#operator_choice .operator .name.free {
    color: black;
}

#operator_choice .operator .ok {
    padding: 10px 10px;
    background: rgba(0, 0, 0, .1);
    color: rgba(0, 0, 0, .8);
    text-transform: uppercase;
    font: 12px/16px 'ProdigySansBold', Arial, sans-serif;
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 2px;
}

@media screen and (max-width: 700px) {
    #operator_choice .operator .ok {
        padding: 5px 10px;
    }
}

#operator_choice .operator:hover .ok {
    background: rgba(0, 0, 0, .2);
}

#operator_choice .operator:hover .name {
    color: rgba(0, 0, 0, .8)
}

#operator_choice .operators_mvno_text,
#operator_choice .credit_card_text {
    width: 90%;
    text-align: center;
    margin: 20px auto;
    color: rgba(0, 0, 0, 0.8);
    font: 16px/20px 'ProdigySansBold', Arial, sans-serif;
}

#operator_choice .operators_mvno {
    width: 90%;
    max-width: 1000px;
    margin: 10px auto;
    text-align: center;
}

#operator_choice .operator_mvno {
    display: inline-block;
    width: 200px;
    text-align: left;
    margin: 0px auto 1px auto;
    -moz-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, .1);
    -webkit-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, .1);
    box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, .1);
    border-top-right-radius: 2px;
    border-top-left-radius: 2px;
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 2px;
}

#operator_choice .operator_mvno a {
    display: block;
    padding: 15px 10px;
}

#operator_choice .operator_mvno.long {
    letter-spacing: -1px;
    color: rgba(0, 0, 0, .5);
}

#operator_choice .operator_mvno.long span {
    letter-spacing: 0px;
}

#operator_choice .operator_mvno span {
    position: relative;
    float: left;
    padding: 5px 4px;
    margin: -4px 10px 0px 0px;
    background: rgba(0, 0, 0, 0.1);
    color: rgba(0, 0, 0, .5);
    text-transform: uppercase;
    -moz-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, .2);
    -webkit-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, .2);
    box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, .2);
    border-top-right-radius: 200px;
    border-top-left-radius: 200px;
    border-bottom-right-radius: 200px;
    border-bottom-left-radius: 200px;
}

#operator_choice .operator_mvno:hover {
    background: rgba(0, 0, 0, 0.1);
}

/* ===== Subscriptions ===== */

#subscriptions {
    width: 90%;
    max-width: 300px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

#subscriptions a {
    text-decoration: none;
}

#subscriptions .subscriptions_text,
#subscriptions .no_subscription_text,
#subscriptions .subscription {
    width: 100%;
    margin: 40px auto;
    text-align: center;
}

#subscriptions .subscriptions_text {
    font-weight: bold;
}

#subscriptions .no_subscription_text {
}

#subscriptions .subscription {
}

/* ===== Landing page ===== */

#landing_page {
    width: 100%;
    max-width: 320px;
    margin: 0 auto;
    text-align: center;
}

#landing_page .layout_text {
    font-size: 16px;
    color: white;
    margin: 5px;
}

#landing_page .layout_link {
}

#landing_page .layout_image {
}

#landing_page .layout_button {
    display: block;
}

#landing_page img.layout_image,
#landing_page .layout_button img {
    vertical-align: bottom;
}

@media screen and (min-device-width: 640px) {

    #landing_page {
        max-width: 640px;
    }
}

.footer-landing-desktop {
    width: 75%;
}

/* ===== Generic ===== */

.infiniweb-ad {
    width: 100%;
    max-width: 300px;
    margin: 0px auto;
    height: auto;
    text-align: center;
}

.infiniweb-ad img {
    width: 100%;
}

.page_error,
.error_message,
.back_home {
    width: 300px;
    margin: 20px auto;
    text-align: center;
}

.back_home a {
    text-decoration: none;
}

.back_to_home {
    width: 200px;
    margin: 20px auto;
    text-align: center;
}

.back_to_home a {
    text-decoration: none;
}

/* SEPARATION */
.separation {
    width: 150px;
    height: 1px;
    position: relative;
    margin: auto;
    margin-top: 30px;
    margin-bottom: 30px;
    background: #cacaca;
}

/* MESSAGES */
.message {
    width: 90%;
    max-width: 300px;
    margin: auto;
    margin-bottom: 10px;
    text-align: center;
}

.message a {
    color: #000000;
    padding: 0px 0px 1px 0px;
}

.niveau_1 {
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
}

.niveau_3 {
    max-width: 700px;
}

.niveau_4 {
    font-size: 10px;
    margin-top: -15px;
}

#confirmmessage {
    color: #CC0000;
}

.confirm {

}

.confirm a {
    /*color: white;*/
    color: rgba(0, 0, 0, 0.5);
    text-decoration: underline;
}

.confirmprice {
    margin-top: 10px;
}

.confirminfos {
    margin-top: 20px;
}

/* LOGO ET BOUTONS */
.bouton {
    width: 300px;
    position: relative;
    margin: auto;
    margin-top: 10px;
    margin-bottom: 10px;
}

.entrer {
    width: 200px;
}

/* CONTENU GENERIQUE */
#generique {
    width: 100%;
    margin: 10px 0px;
    background: #333132;
    border-bottom: 2px solid #ffffff;
}

#generique .detail {
}

#generique .titre {
    z-index: 2;
    width: 100%;
    height: auto;
    min-height: 20px;
    padding: 10px 0px 10px 0px;
    border-bottom: 0px solid #ffffff;
    border-bottom: 1px solid #cacaca;
}

#generique .titre h1 {
    padding: 0 0 0 10px;
    text-align: left;
    font-size: 12px;
    font-weight: bold;
    color: #ffffff;
    text-transform: uppercase;
}

#generique .textegauche {
    background-color: #ffffff;
    text-align: left;
}

#generique .textecentre {
    background-color: #ffffff;
    text-align: left;
}

#generique .textecentre li {
    width: 100%;
    height: auto;
    min-height: 20px;
    padding: 15px 0 10px 10px;
    border-bottom: 1px solid #cacaca;
    color: #666666;
    cursor: pointer;
}

#generique .textecentre li.infosediteur,
#generique .textecentre li.conditions,
#generique .textecentre li.infosprix {
    width: 80%;
    height: auto;
    padding: 10px 20px 15px 20px;
}

#generique .textecentre li.conditions {
    border-bottom: 0px solid #cacaca;
}

.qrcode {
    float: right;
    margin: 20px;
}

#retour_tic {
    position: relative;
    width: 500px;
    height: auto;
    min-height: 500px;
    left: 50%;
    margin-left: -250px;
    margin-top: 20px;
}

.zone_champs,
.zone_champs.deux {
    width: 500px;
    margin-top: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #cacaca;
}

.zone_champs.deux {
    width: 500px;
}

.zone_champs input,
.zone_champs select {
    width: 200px;
    height: 20px;
    margin-bottom: 20px;
    padding: 3px;
}

.zone_champs.deux input,
.zone_champs.deux select {
    width: 200px;
    height: 20px;
    margin-right: 20px;
    padding: 3px;
}

.zone_champs select.ope {
    width: 210px;
    height: 28px;
}

.zone_champs input.valider {
    width: 80px;
    height: 30px;
    padding: 0;
    color: #ffffff;
    background: #333132;
    border: 1px solid rgba(255, 255, 255, 0.5);
    cursor: pointer;
}

.zone_champs input.valider:hover {
    color: #333132;
    background: rgba(0, 0, 0, 0.5);
    border: 1px solid rgba(0, 0, 0, 0.5);
}

.text_n1 {
    margin-bottom: 20px;
    font: 18px/22px 'CaviarDreamsBold', Arial, sans-serif;
}

.text_n2 {
    margin-bottom: 20px;
    text-align: center;
    font: 24px/26px 'CaviarDreamsBold', Arial, sans-serif;
}

.champs {
    width: 250px;
    color: #333132;
    font-size: 10px;
    margin-bottom: 5px;
}

.champs.deux {
    position: relative;
}

.erreur,
.erreur.deux {
    color: #900;
    font-size: 11px;
    margin-bottom: 10px;
}

/* ==== Pagination ==== */

.pagination {
    margin: 20px 0;
}

.pagination ul {
    display: inline-block;
    *display: inline;
    margin-bottom: 0;
    margin-left: 0;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    *zoom: 1;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}

.pagination ul > li {
    display: inline;
}

.pagination ul > li > a,
.pagination ul > li > span {
    float: left;
    padding: 4px 12px;
    line-height: 20px;
    text-decoration: none;
    background-color: #ffffff;
    border: 1px solid #dddddd;
    border-left-width: 0;
}

.pagination ul > li > a:hover,
.pagination ul > li > a:focus,
.pagination ul > .active > a,
.pagination ul > .active > span {
    background-color: #f5f5f5;
}

.pagination ul > .active > a,
.pagination ul > .active > span {
    color: #999999;
    cursor: default;
}

.pagination ul > .disabled > span,
.pagination ul > .disabled > a,
.pagination ul > .disabled > a:hover,
.pagination ul > .disabled > a:focus {
    color: #999999;
    cursor: default;
    background-color: transparent;
}

.pagination ul > li:first-child > a,
.pagination ul > li:first-child > span {
    border-left-width: 1px;
    -webkit-border-bottom-left-radius: 4px;
    border-bottom-left-radius: 4px;
    -webkit-border-top-left-radius: 4px;
    border-top-left-radius: 4px;
    -moz-border-radius-bottomleft: 4px;
    -moz-border-radius-topleft: 4px;
}

.pagination ul > li:last-child > a,
.pagination ul > li:last-child > span {
    -webkit-border-top-right-radius: 4px;
    border-top-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    border-bottom-right-radius: 4px;
    -moz-border-radius-topright: 4px;
    -moz-border-radius-bottomright: 4px;
}

.pagination-centered {
    text-align: center;
}

.pagination-right {
    text-align: right;
}

.pagination-large ul > li > a,
.pagination-large ul > li > span {
    padding: 11px 19px;
    font-size: 17.5px;
}

.pagination-large ul > li:first-child > a,
.pagination-large ul > li:first-child > span {
    -webkit-border-bottom-left-radius: 6px;
    border-bottom-left-radius: 6px;
    -webkit-border-top-left-radius: 6px;
    border-top-left-radius: 6px;
    -moz-border-radius-bottomleft: 6px;
    -moz-border-radius-topleft: 6px;
}

.pagination-large ul > li:last-child > a,
.pagination-large ul > li:last-child > span {
    -webkit-border-top-right-radius: 6px;
    border-top-right-radius: 6px;
    -webkit-border-bottom-right-radius: 6px;
    border-bottom-right-radius: 6px;
    -moz-border-radius-topright: 6px;
    -moz-border-radius-bottomright: 6px;
}

.pagination-mini ul > li:first-child > a,
.pagination-small ul > li:first-child > a,
.pagination-mini ul > li:first-child > span,
.pagination-small ul > li:first-child > span {
    -webkit-border-bottom-left-radius: 3px;
    border-bottom-left-radius: 3px;
    -webkit-border-top-left-radius: 3px;
    border-top-left-radius: 3px;
    -moz-border-radius-bottomleft: 3px;
    -moz-border-radius-topleft: 3px;
}

.pagination-mini ul > li:last-child > a,
.pagination-small ul > li:last-child > a,
.pagination-mini ul > li:last-child > span,
.pagination-small ul > li:last-child > span {
    -webkit-border-top-right-radius: 3px;
    border-top-right-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    border-bottom-right-radius: 3px;
    -moz-border-radius-topright: 3px;
    -moz-border-radius-bottomright: 3px;
}

.pagination-small ul > li > a,
.pagination-small ul > li > span {
    padding: 2px 10px;
    font-size: 11.9px;
}

.pagination-mini ul > li > a,
.pagination-mini ul > li > span {
    padding: 0 6px;
    font-size: 10.5px;
}

/* ==== Video Player ==== */

.video_player_container {
    width: 766px;
    height: 420px;
    text-align: center;
    cursor: pointer;
    background: #000000;
}

.video_player {
    position: relative;
    width: 720px;
    height: 420px;
    margin: 0 auto;
    text-align: center;
}

.video_player .preview {
    position: absolute;
    height: 420px;
    top: 0;
    left: 0;
}

.video_player .play {
    position: absolute;
    width: 100px;
    height: 106px;
    top: 160px;
    left: 320px;
}

.video_player .loading {
    display: none;
    position: absolute;
    width: 50px;
    height: 50px;
    top: 183px;
    left: 343px;
    background-color: white;
    border: 1px solid #cacaca;
    border-top-left-radius: 50px;
    border-top-right-radius: 50px;
    border-bottom-right-radius: 50px;
    border-bottom-left-radius: 50px;
    -moz-box-shadow: inset 0px 1px 0px rgba(0, 0, 0, .9);
    -webkit-box-shadow: inset 0px 1px 0px rgba(0, 0, 0, .9);
    box-shadow: inset 0px 1px 0px rgba(0, 0, 0, .9);

}

.video_player .loading img {
    margin-top: 10px;
    width: 30px;
    height: 30px;
}

.video_player .video_container {
    position: absolute;
    width: 10px;
    height: 10px;
}

.video_player_container .ratio_16-9,
.video_player_container .ratio_16-9 .preview {
    width: 720px;
}

.video_player_container .ratio_4-3,
.video_player_container .ratio_4-3 .preview {
    width: 560px;
}

.video_player_container .ratio_4-3 .play {
    left: 230px;
}

.video_player_container video {
    background-color: black;
}

@media screen and (max-width: 1400px) {

    .video_player_container {
        width: 100%;
        margin: 0px 0px 20px 0px;
    }

}

@media screen and (max-width: 780px) {

    .video_player_container {
        width: 100%;
        height: auto;
    }

    .video_player {
        width: 480px;
        height: auto;
    }

    .video_player .preview {
        width: 480px;
    }

    .video_player .play {
        left: 190px;
    }

    .video_player .loading {
        left: 215px;
    }

    .video_player .loading img {
        margin-top: 10px;
        width: 30px;
        height: 30px;
    }

    .video_player_container .ratio_16-9,
    .video_player_container .ratio_16-9 .preview {
        width: 480px;
        height: 270px;
    }

    .video_player_container .ratio_16-9 .play {
        top: 82px;
        left: 190px;
    }

    .video_player_container .ratio_16-9 .loading {
        top: 105px;
    }

    .video_player_container .ratio_4-3,
    .video_player_container .ratio_4-3 .preview {
        width: 480px;
        height: 360px;
        left: 0;
    }

    .video_player_container .ratio_4-3 .play {
        top: 127px;
        left: 190px;
    }

    .video_player_container .ratio_4-3 .loading {
        top: 150px;
    }

}

@media screen and (max-width: 480px) {

    .video_player_container {
        width: 100%;
        height: auto;
    }

    .video_player {
        width: 320px;
        height: auto;
    }

    .video_player .preview {
        width: 320px;
    }

    .video_player .play {
        left: 110px;
    }

    .video_player .loading {
        left: 135px;
    }

    .video_player_container .ratio_16-9,
    .video_player_container .ratio_16-9 .preview {
        width: 320px;
        height: 180px;
    }

    .video_player_container .ratio_16-9 .play {
        top: 37px;
        left: 110px;
    }

    .video_player_container .ratio_16-9 .loading {
        top: 60px;
    }

    .video_player_container .ratio_4-3,
    .video_player_container .ratio_4-3 .preview {
        width: 320px;
        height: 240px;
        left: 0;
    }

    .video_player_container .ratio_4-3 .play {
        top: 67px;
        left: 110px;
    }

    .video_player_container .ratio_4-3 .loading {
        top: 90px;
    }

}

/* ==== Download applis ==== */

#zone_icon {
    z-index: 999999;
    position: fixed;
    left: 45%;
    top: 25%;
    width: 250px;
    margin-left: -125px;
    padding: 20px;
    background: #ffffff;
    border: 1px solid rgba(0, 0, 0, .1);
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
    box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, .15);
    -webkit-box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, .15);
    -moz-box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, .15);
    opacity: 0;
    overflow: visible;
}

#icon_app {
    float: left;
    width: 80px;
}

#icon_app img {
    width: 50px;
    height: 50px;
}

#store_badge {
    width: 160px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 15px;
    text-align: center;
}

@media screen and (min-width: 800px) {
    #zone_icon {
        width: 600px;
        margin-left: -300px;
        padding: 40px;
    }
}

@media screen and (min-width: 1280px) {
    #geticon p {
        margin: 15px 0px 0px 0px;
        font: 16px/20px 'CaviarDreamsBold';
    }
}

#close_app_link {
    position: absolute;
    width: 30px;
    height: 18px;
    top: -15px;
    right: -15px;
    margin: 0% 0% 0px 0px;
    padding: 6px 0px;
    text-align: center;
    background: #f1f1f1;
    border: 1px solid rgba(0, 0, 0, .1);
    border-top-left-radius: 200px;
    border-bottom-left-radius: 200px;
    border-top-right-radius: 200px;
    border-bottom-right-radius: 200px;
    box-shadow: inset 0px -1px 0px 0px rgba(255, 255, 255, 1);
    -webkit-box-shadow: inset 0px -1px 0px 0px rgba(255, 255, 255, 1);
    -moz-box-shadow: inset 0px -1px 0px 0px rgba(255, 255, 255, 1);
}

#cgv_prebilling,
#cgv_mention_new,
#cgv_mention_new_billing {
    font-size: 14px;
    color: #1e1e1e;
    text-align: center;
    font-family: 'ProdigySansSemiBold', sans-serif;
}

#cgv_prebilling a,
#cgv_mention_new a,
#cgv_mention_new_billing a {
    color: rgba(177, 0, 0, 1) !important;
    text-decoration: none;
}

/* === New Generic Pages == */

.clearer {
    width: 100px;
    height: 0;
    clear: both;
}
#logo_generic {
    width: 150px;
    margin: 10px auto;
}
.main_title {
    font: 20px/20px "ProdigySansExtraBold", sans-serif;
    padding: 0 0 20px 0;
    position: relative;
    text-transform: uppercase;
}

.second_title {
    font: 20px/20px "ProdigySansThin", sans-serif;
    padding: 0 0 10px 0;
}
.error_form {
    color: rgba(226, 73, 73, 1);
    margin: -20px 0 10px 0;
    text-align: left;
    font: 14px/14px "ProdigySansExtraBold", sans-serif;
}

.error_form_orange {
    color: rgba(234, 152, 62, 1);
    margin: -20px 0 10px 0;
    text-align: left;
    font: 14px/14px "ProdigySansExtraBold", sans-serif;
}

.error_number {
    color: rgba(226, 73, 73, 1);
    margin: -20px 0 10px 0;
    text-align: left;
    font: 14px/14px "ProdigySansExtraBold", sans-serif;
    display: none;
}


/* TEMPLATE */


.main_section {
    width: 400px;
    padding: 8% 0 0 0;
    margin: auto;
}

.second_section {
    position: relative;
    z-index: 1;
    background: #FFFFFF;
    max-width: 400px;
    margin: 0 auto 100px;
    padding: 45px;
    text-align: center;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.14);
    border-radius: 2px;
    border-top: 5px solid rgba(34, 115, 196, 1);
}

p.text_big {
    font: 15px/15px "ProdigySansExtraBold", sans-serif;
    padding: 0 0 15px 0;
    color: rgba(0, 0, 0, 1);
    text-align: left;
}
p.text_big_error {
    font: 15px/15px "ProdigySansExtraBold", sans-serif;
    padding: 0 0 15px 0;
    color: rgba(226, 73, 73, 1);
    text-align: left;
}

a.text_big_blue {
    font: 15px/15px "ProdigySansExtraBold", sans-serif;
    padding: 0 0 15px 0;
    color: rgba(34, 115, 196, 1);
    text-align: left;
}

p.text_little {
    font: 12px/12px "ProdigySansThin", sans-serif;
    padding: 0 0 15px 0;
    color: rgba(70, 70, 70, 1);
    text-align: left;
}

.second_section button.blue_style {
    font: 16px/16px "ProdigySansExtraBold", sans-serif;
    text-transform: uppercase;
    outline: 0;
    /*    background: rgba(90, 200, 16, 1);*/
    background: rgba(34, 115, 196, 1);
    width: 100%;
    border: 0;
    border-radius: 2px;
    margin: 10px 0 15px 0;
    padding: 15px;
    color: rgba(255, 255, 255, 1);
    transition: all ease .5s;
    cursor: pointer;
}

.second_section button.blue_style:hover {
    background: rgba(29, 100, 170, 1);
    transition: all ease .5s;
}

.second_section button.grey_style {
    font: 16px/16px "ProdigySansExtraBold", sans-serif;
    text-transform: uppercase;
    outline: 0;
    background: rgba(28, 101, 173, 1);
    width: 100%;
    border: 0;
    border-radius: 2px;
    margin: 10px 0 15px 0;
    padding: 15px;
    color: rgba(255, 255, 255, 1);
    transition: all ease .5s;
    cursor: pointer;
}

.second_section button.grey_style:hover {
    background: rgba(120, 120, 120, 1);
    transition: all ease .5s;
}

.second_section button.dark_style {
    font: 16px/16px "ProdigySansExtraBold", sans-serif;
    text-transform: uppercase;
    outline: 0;
    background: rgba(30, 30, 30, 1);
    width: 100%;
    border: 0;
    border-radius: 2px;
    margin: 10px 0 15px 0;
    padding: 15px;
    color: rgba(255, 255, 255, 1);
    transition: all ease .5s;
    cursor: pointer;
}

.second_section button.dark_style:hover {
    background: rgba(20, 20, 20, 1);
    transition: all ease .5s;
}

.basic_form input[type="text"] {
    font: 16px/16px "ProdigySansSemiBold", sans-serif;
    outline: 0;
    background: none;
    border: 1px solid grey;
    width: 100%;
    margin: 15px 0 35px 0;
    padding: 15px 15px 15px 10px;
    box-sizing: border-box;
    transition: all ease .3s;
    border-radius: 4px;
}

.basic_form input[type="text"]:focus {
    border: 1px solid rgba(34, 115, 196, 1);
}


@media screen and (max-width: 400px) {
    .main_section {
        width: 90%;
        margin: auto;
    }
    .second_section {
        max-width: 400px;
        margin: 0 auto 50px 0;
        padding: 15px;
    }
}

/* == My Account == */

#myaccount {
    position: relative;
    width: 400px;
    left: 50%;
    margin: 0px 0px 0px -200px;
}
#myaccount #logo {
    margin: 20px;
}
#myaccount #logo img {
    position: relative;
    width: 120px;
    left: 50%;
    margin: 0px 0px 0px -60px;
}
/* BLOC */
#myaccount .bloc {
    padding: 20px 0px;
    border-top: 3px solid rgba(0,0,0,.1);
}
#myaccount .bloc .title {
    margin: 0px 0px 20px 0px;
    text-transform: uppercase;
    font: 16px/16px 'ProdigySansExtraBold', Arial, sans-serif;
}
#myaccount .bloc p {
    color: rgba(0,0,0,.7);
    margin: 5px 0px;
    font: 14px/16px 'ProdigySansSemiBold', Arial, sans-serif;
}
#myaccount .bloc p.double {
    margin: 20px 0px 5px 0px;
}
#myaccount .bloc .text {
    margin: 5px 0px;
    color: rgba(0,0,0,.7);
    font: 14px/16px 'ProdigySansSemiBold', Arial, sans-serif;
}
#myaccount .bloc .text span {
    color: rgba(0,0,0,1);
}
#myaccount .bloc .text.infoconso {
    margin: 10px 0px 0px 0px;
}
#myaccount .bloc button {
    width: 100%;
    margin: 20px 0px 0px 0px;
    padding: 0px;
    background: #4082ac;
    text-transform: uppercase;
    text-align: center;
    color: rgba(255,255,255,1);
    font: 14px/50px 'ProdigySansBold', Arial, sans-serif;
    -webkit-font-smoothing: inherit;
    -moz-osx-font-smoothing: inherit;
    -webkit-appearance: none;
    border: none;
    cursor: pointer;
    border-radius: 2px;
}
#myaccount .bloc button:hover {
    background: rgba(0,0,0,.7);
}
#myaccount .bloc .alert {
    display: none;
    position: relative;
    margin: 20px 0px 0px 0px;
    padding: 15px;
    text-align: center;
    box-shadow: inset 0px 0px 0px 2px rgba(0,0,0,.1);
    border-radius: 2px;
}
#myaccount .bloc .alert-loader {
    display: none;
    width: 32px;
    margin: 5px auto;
}
#myaccount .bloc .alert-loader img {
    width: 32px;
    height: 32px;
}
#myaccount .bloc .alert.success {
    background: #76bea2;
}
#myaccount .bloc .alert.error {
    background: #fdbd05;
}
#myaccount .bloc .alert .alert-text {
    color: rgba(255,255,255,1);
    font: 14px/18px 'ProdigySansBold', Arial, sans-serif;
}
#myaccount .bloc .alert .alert-text span {
    color: rgba(0,0,0,1);
    font: 16px/20px 'ProdigySansExtraBold', Arial, sans-serif;
    text-transform: uppercase;
    display: block;
}
#myaccount .bloc .alert .info {
    color: rgba(0,0,0,.5);
    font: 12px/14px 'ProdigySansSemiBold', Arial, sans-serif;
}
#myaccount .bloc .links {
    margin: 20px 0px 0px 0px;
    cursor: pointer;
}
#myaccount .bloc .links .lign {
    padding: 5px 0px;
    color: rgba(0,0,0,.5);
    font: 14px/24px 'ProdigySansSemiBold', Arial, sans-serif;
    border-top: 1px solid rgba(0,0,0,.1);
}
#myaccount .bloc .links .lign:hover {
    color: rgba(0,0,0,1);
}
#myaccount .bloc .links .lign .chevron {
    position: absolute;
    right: 10px;
    font: 16px/24px 'ProdigySansThin', Arial, sans-serif;
}

@media screen and (max-width: 720px) {
    #myaccount {
        width: 90%;
        left: 0px;
        margin: 0px 0px 0px 5%;
    }

    #myaccount #logo {
        margin: 10px;
    }

    #myaccount #logo img {
        width: 90px;
        margin: 0px 0px 0px -45px;
    }
}

/* == Operator Choice New == */

#operator_choice #connexion {
    position: fixed;
    margin: 0;
    top: 15px;
    right: 15px;
    border-radius: 2px;
    border: 1px solid #6f6f6f;
    color: #6f6f6f;
    font: 18px/20px 'ProdigySansSemiBold', sans-serif;
    padding: 10px 0px;
    width: 150px;
    text-align: center;
    transition: 0.3s ease all;
    -moz-transition: 0.3s ease all;
    -webkit-transition: 0.3s ease all;
    cursor: pointer;
}
#operator_choice #connexion:hover {
    border-radius: 2px;
    border: 1px solid #6f6f6f;
    background: #6f6f6f;
    color: #F5F5F5;
    letter-spacing: 2px;
    transition: 0.3s ease all;
    -moz-transition: 0.3s ease all;
    -webkit-transition: 0.3s ease all;
}
#operator_choice .operators_text.playzer_state {
    text-align: center;
    font: 14px/16px 'Verdana', sans-serif;
    font-weight: bold;
    padding: 0 0 10px 0;
}
#operator_choice .service_description {
    text-align: center;
    font: 16px/18px 'Verdana', sans-serif;
    padding: 0 2% 20px 2%;
    margin: 20px 0 0 0;
}
#operator_choice .wrap {
    margin: 20px 0 0 0;
    font-size: 14px;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
}
#operator_choice #mentionsF2 {
    font: 16px/25px 'Arial', sans-serif;
    color: #1E1E1E;
    text-align: center;
    padding: 0 0 15px 0;
    margin: 10px 0;
}
#operator_choice #cgv {
    color: #2b9ef2;
}
#operator_choice .devices {
    text-align: center;
    margin: 20px auto;
}
#operator_choice .devices img {
    width: 200px;
}
#operator_choice .footer-link img {
    width: 75px;
    vertical-align: middle;
}
#operator_choice #choice_carrier {
    background: #F5F5F5;
    margin: 0 auto 10px auto;
    width: 320px;
    padding: 1% 0;
    border-radius: 4px;
    position: relative;
}
#operator_choice #choice_carrier .operators {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-content: center;
    align-items: center;
    flex-grow: 1;
    width: 320px;
    margin: 0 auto 15px;
}
#operator_choice #choice_carrier .operator {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    align-content: center;
    align-items: center;
    margin: 0 10px;
    width: calc(100% * (1/3) - 24px);
    cursor: pointer;
    height: 90px;
}
#operator_choice #choice_carrier .operator.active {
    border-radius: 5px;
    border: 2px solid #439670;
}
#operator_choice #choice_carrier .operator:hover img {
    transform: scale(1.1);
    border-radius: 4px;
    box-shadow: 0 0 10px 2px rgba(0,0,0,.2);
    transition: all ease .3s;
}
#operator_choice #choice_carrier .operator.active img {
    transform: scale(1.1);
    border-radius: 4px;
    box-shadow: 0 0 10px 2px rgba(0,0,0,.2);
}
#operator_choice #choice_carrier .operator {
    position: relative;
}
#operator_choice #choice_carrier .operator img {
    width: 60px;
    vertical-align: middle;
    transition: all ease .3s;
    cursor: pointer;
}
#operator_choice h3 {
    text-align: center;
    font: 16px/28px 'Verdana', sans-serif;
    width: 50px;
    padding: 10px 0;
    border-radius: 100px;
    background: #fff;
    position: absolute;
    margin-top: -25px;
    left: 50%;
    margin-left: -25px;
    font-weight: bold;
    z-index: 1;
    text-transform: uppercase;
}
#operator_choice #choice_paiement {
    background: #F5F5F5;
    margin: 10px auto 0 auto;
    width: 320px;
    padding: 1% 0;
    border-radius: 4px;
    position: relative;
}
#operator_choice #choice_paiement .billingtypes {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-content: center;
    align-items: center;
    margin: 20px 0 0 0;
    flex-grow: 1;
    width: 320px;
}
#operator_choice #choice_paiement .billingtype {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    align-content: center;
    align-items: center;
    width: calc(100% * (1/2) - 24px);
    cursor: pointer;
    height: 60px;
}
#operator_choice #choice_paiement .billingtypes .billingtype.active {
    border-radius: 5px;
    border: 2px solid #439670;
}
#operator_choice #choice_paiement .billingtype:hover img {
    transform: scale(1.1);
    border-radius: 4px;
    box-shadow: 0 0 10px 2px rgba(0,0,0,.2);
    transition: all ease .3s;
}
#operator_choice #choice_paiement .billingtype.active img {
    transform: scale(1.1);
    border-radius: 4px;
    box-shadow: 0 0 10px 2px rgba(0,0,0,.2);
}
#operator_choice #choice_paiement .billingtype {
    position: relative;
}
#operator_choice #choice_paiement .billingtype img {
    width: 100px;
    vertical-align: middle;
    margin: 0 10px;
    transition: all ease .3s;
    cursor: pointer;
}
#operator_choice #paiement_section {
    margin: 20px 0 0 0;
    width: 100%;
    text-align: center;
    z-index: 200;
}
#operator_choice #paiement_section.fixed {
    position: fixed;
    bottom: 0;
}
#operator_choice .alert {
    color: red;
    padding: 10px 0;
    display: none;
}

#operator_choice #paiement_section button {
    font: 35px/60px 'Arial', sans-serif;
    height: 65px;
    width: 340px;
    background: #1657AC;
    border: 1px solid #5fa3dd;
    color: #fff;
    border-radius: 10px;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 4px;
    cursor: pointer;
}
#operator_choice #paiement_section button.disabled {
    background: #656565;
    color: #ccc;
}
#operator_choice #product_price_text {
    font: 15px/15px 'Arial', sans-serif;
    font-weight: bold;
    margin: 10px 0 20px 0;
    letter-spacing: 1px;
}
#operator_choice .choice {
    font-weight: normal;
}
@media screen and (max-width: 700px) {
    #operator_choice #connexion {
        font: 16px/16px 'ProdigySansExtraBold', sans-serif;
        top: 5px;
        right: 5px;
    }
    #operator_choice .wrap {
        margin: 20px 0 0 0;
        font-size: 14px;
        flex-wrap: wrap;
        flex-direction: column;
        align-items: center;
    }
    #operator_choice #mentionsF2 {
        font: 14px/14px 'Arial', sans-serif;
        color: #1E1E1E;
        padding: 0 0 5px 0;
    }
}

@media screen and (max-width:375px) {
    #operator_choice #connexion {
        display: none;
    }
    #operator_choice #choice_carrier .operators .operator {
        margin: 0 10px;
    }
    #operator_choice #paiement_section button {
        font: 35px/60px 'Arial', sans-serif;
        height: 65px;
        width: 300px;
        background: #1657AC;
        border: 1px solid #5fa3dd;
        color: #fff;
        border-radius: 10px;
        text-transform: uppercase;
        font-weight: bold;
        letter-spacing: 2px;
    }
}

#prebilling_message {
    font: 14px/16px 'ProdigySansRegular';
    width: 800px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    margin-bottom: 50px;
}
@media screen and (max-width:800px) {
    #prebilling_message {
        width: 320px;
        margin-left: auto;
        margin-right: auto;
        margin-top: 20px;
        margin-bottom: 50px;
    }
}

/*
#cookie_dialog {
    z-index: 999 !important;
    position: fixed;
    width: 100% !important;
    bottom: 0px;
    padding: 5px 15px !important;
    background: #000 !important;
    font: 14px/14px 'ProdigySansRegular', Arial, sans-serif !important;
    display: flex;
    justify-content: space-between;
    align-items: center;
    text-align: left;
    border-top: 1.5px solid rgba(255,255,255,.2);
}
#cookie_dialog .text {
    margin: 0 !important;
}
#cookie_dialog p {
    width: 80%;
}
#cookie_dialog_close {
    width: 40px;
    height: 40px;
    background: rgba(255,255,255,.05) !important;
    border: 0.5px solid rgba(255,255,255,.1) !important;
    font: 14px/40px 'ProdigySansRegular', Arial, sans-serif !important;
    color: #fff !important;
    text-align: center;
    border-radius: 3px;
    cursor: pointer;
}
@media screen and (max-width: 480px) {
    #cookie_dialog {
        font: 10px/10px 'ProdigySansRegular', Arial, sans-serif !important;
    }
}*/