body {
    font-family: HelveticaNeue55, Arial, verdana;
}

.title_porta {
    color: #FFFFFF;
    font-size: 20px;
    margin-top: 13px;
    margin-left: 100px;
    padding-bottom: 0;
    padding-top: 0;
    vertical-align: middle;
}

.head {
    background-repeat: no-repeat;
    background-position: 10% 20%;
    background-color: #666666;
    width: 698px;
    height: 50px;
    margin: 20px -10px 0px -10px;
    border-top: 1px solid #CCCCCC;
    border-bottom: 1px solid #CCCCCC;
}

.head_porta {
    background-image: url('/images/portabilite/portabilite.png');
    background-repeat: no-repeat;
    background-position: 10% 20%;
    background-color: #666666;
    width: 698px;
    height: 50px;
    margin: 20px -10px 0px -10px;
    border-top: 1px solid #CCCCCC;
    border-bottom: 1px solid #CCCCCC;
}

.choice_container {
    border: 1px solid #CCCCCC;
    height: 100px;
    width: 46%;
    float: left;
    margin-left: 5px;
    padding-top: 5px;
    padding-left: 15px;
    cursor: pointer;
}

.porta_container {
    padding: 20px 10px;
}

.orange_choix {
    color: #FF5500;
    font-size: 26px;
}

.bold_choix {
    font-weight: bold;
    font-size: 14px;
}

.nobold_choix {
    font-weight: normal;
    font-size: 14px;
}

.porta_checkbox {
    float: left;
    font-size: 20px;
}

.lfloat {
    float: left;
}

.text_gris {
    font-size: 12px;
    color: #666666;
    font-weight: bold;
}

.container_textporta {
    padding-top: 20px;
}

.container_subtext {
    padding: 5px 5px;
    width: 190px;
}

.errors {
    clear: both;
}

.container_textporta input[type="text"] {
    background: url("/images/global/input_190px.png") no-repeat scroll 0 0 transparent;
    height: 24px;
    width: 190px;
}

.optionMsgImportant {
    background: url("/images/poppin/picto_warning.png") no-repeat scroll 2px top transparent;
    color: #333333;
    font-weight: normal;
    padding-left: 40px;
    padding-top: 0px;
    margin-left: 5px;
    margin-top: 70px;
    font-size: 13px;
    text-align: left;
}

.msgImportantError {
    border: 2px solid #FF0000;
}

.optionMsg {
    color: #333333;
    font-weight: normal;
    padding-top: 0px;
    margin-left: 5px;
    margin-top: 70px;
    font-size: 13px;
    text-align: left;

}

.porta_valider {
    background: url("/images/portabilite/validez_off.png") no-repeat scroll 0 0 transparent;
    background-repeat: no-repeat;
    margin-left: 180px;
    margin-top: 20px;
    margin-bottom: 30px;
    height: 48px;
    width: 303px;
    cursor: pointer;
}

.porta_valider:active,
.porta_valider:focus,
.porta_valider:hover {
    background: url("/images/portabilite/validez_on.png") no-repeat scroll 0 0 transparent;
    background-repeat: no-repeat;
    margin-left: 180px;
    margin-top: 20px;
    margin-bottom: 30px;
    height: 48px;
    width: 303px;
    cursor: pointer;
}

a.echat_link:link,
a.echat_link:visited,
a.echat_link:hover,
a.echat_link:active,
a.echat_link {
    color: #FF6600;
    font-size: 12px;
}

.help_bis {
    margin-right: 0px !important;
    margin-top: 0px !important;
}

.poppin2 {
    width: 703px;
    height: 784px;
}

/*    .content675{
        width : 675px !important;
    }*/
.head_porta {
    height: 50px;
    width: 675px;
    margin-left: 0px;
    margin-right: 0px;
}

sup.portabilite {
    font-size: 9px;
}

img {
    border: 0px;
}

#formPortabilite input.error {
    border: 2px solid red;
}

/* page portabilite vue mobile */
.wrap_portabilite {
    width: 100%;
    background-color: #fff;
    padding: 10px;
}
.wrap_portabilite .titre_porta {
    font-family: HelveticaNeue55;
    font-size: 18px;
    height: 20px;
    font-weight: bold;
    color: #fa6600;
}
.wrap_portabilite .phrase_porta {
    font-family: HelveticaNeue55;
    font-size: 14px;
    margin-top: 20px;
}
.wrap_portabilite .choix_porta_mb {
    width: 180px;
    margin: 20px auto;
    height: 30px;
    font-size: 14px;
}
.wrap_portabilite .choix_porta_mb label {
    font-family: HelveticaNeue55;
    font-size: 14px;
    vertical-align: top;
}
.wrap_portabilite .radio_choix {
    width: 25px;
    height: 20px;
}
.wrap_portabilite .radio_choix input[type=radio] {
    opacity: 0;
    width: 25px;
    height: 20px;
}
.wrap_portabilite .check {
    background: rgba(0, 0, 0, 0) url("/images/selecteur/radio_mb_check.png") no-repeat 0 0;
    cursor: pointer;
    display: inline-block;
    background-position: left;
}
.wrap_portabilite .uncheck {
    background: rgba(0, 0, 0, 0) url("/images/selecteur/radio_mb_nocheck.png") no-repeat 0 0;
    cursor: pointer;
    display: inline-block;
}
.form_porta {
    display: none;
}
.form_porta .form_champ {
    margin-top: 10px;
}
.form_porta .form_champ label.error {
    font-size: 12px !important;
    color: #cd3c14 !important;
}
.form_porta input[type=text] {
    width: 100%;
    height: 38px;
    border: 2px solid #999999;
    color: #000 !important;
    font-size: 16px;
}
.date_portage {
    position: relative;
}
.calendar_img {
    position: absolute;
    right: 5px;
    top: 0px;
    cursor: pointer;
}
#b_add_and_ship {
    text-align: center;
}

.porta_mb {
    background:url('/images/selecteur/poursuivre_commande_mb.png') no-repeat 0 0 !important;
    width: 219px !important;
    height: 40px !important;
    margin: 0 auto !important;
    margin-top: 25px !important;
}

.porta_mb:active,
.porta_mb:hover
{
    background:url('/images/selecteur/poursuivre_commande_mb.png') no-repeat 0 0 !important;
    width: 219px !important;
    height: 40px !important;
    margin: 0 auto !important;
    margin-top: 25px !important;
}


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

    .head {
        width: auto !important;
        margin: 0;
    }

    #facebox {
        left: 0px !important;;

    }

    #facebox .content {
        width: auto;
        padding: 0 !important;
    }

    .title_porta {
        font-size: 16px !important;;
        margin-left: 20px !important;
        white-space: nowrap;
    }

    .tab_actions {
        margin: 0px !important;
    }

    .identifiez_vous {
        background-position-x: -14px;
    }

    .cliquez_ici {
        background-position-x: -14px;
    }

    .mode1 img{
        margin: 0 !important;
    }
}