* {
    position: relative;
}

#QASError {
    color: #d01c34 !important;
    font-size:14px;
    display:none;
    line-height:18px;
}

.white-border {
    height: 125px;
    background-color: white;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
}

.contact {margin: 10px;}

.contact .title {
    color: #333;
    font-family: Joey,"FS Joey","Trebuchet MS",Arial,Helvetica;
    font-size: 1.5625rem;
    line-height: 2.625rem;
    text-transform: uppercase;
}

.contact h2, .contact .h5 {
    font-weight: bold;
    text-transform: uppercase;
    font-family: Joey,"FS Joey","Trebuchet MS",Arial,Helvetica;
    font-size: 16px;
    font-size: 1rem;
}
.contact .h5 {color: #333; text-transform: none;font-weight: normal;}

.contact, .form-horizontal {
    font-family: Joey,"FS Joey","Trebuchet MS",Arial,Helvetica;
    font-size: 1rem;
    font-weight: normal;
    color: #333;
}

button, input, optgroup, select, textarea {
    color: inherit;
    font: inherit;
    margin: 0;
}


.form-control {
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    color: #555;
    display: block;
    font-size: 14px;
    height: 34px;
    line-height: 1.42857;
    padding: 6px 12px;
    width: 100%;

    margin-bottom: 5px !important;
}
.form-control:focus {
    border-color: #66afe9;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6);
    outline: 0 none;
}
.form-control::-moz-placeholder {
    color: #777;
    opacity: 1;
}
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
    background-color: #eee;
    cursor: not-allowed;
    opacity: 1;
}

.form-control:-moz-placeholder {
    color: #999999;
}
.form-control::-moz-placeholder {
    color: #999999;
}
.form-control:-ms-input-placeholder {
    color: #999999;
}
.form-control::-webkit-input-placeholder {
    color: #999999;
}
.form-control:focus {
    border-color: #999999;
    outline: 0;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
    cursor: not-allowed;
    background-color: #eeeeee;
}

.form-control.height-auto {
    height: auto;
}

textarea.form-control {
    height: auto;
}
.control-label {
    margin-bottom: 0;
    padding-top: 7px;
    text-align: right;
}
.control-label {
    margin-top: 1px;
}



.radio, .checkbox, .radio-inline, .checkbox-inline {
    margin-bottom: 0;
    margin-top: 0;
    padding-top: 7px;
}
.radio, .checkbox {
    min-height: 27px;
}


.form-actions:before, .form-actions:after {
    content: " ";
    display: table;
}
.form-actions:after {
    clear: both;
}

.form-actions { margin: 0 0 10px;}
.form-actions.txtright {padding-left: 0; text-align: right;}
.form-champs-oblig{font-size:13px;font-size:0.8rem;margin-bottom: 10px;}

.contact input[type="submit"], .contact button {
    margin-bottom: 0px;
    color: white;
    background: #d01c34;
    text-align: center;
    text-transform: uppercase;
    border: 0;
    font-weight: bold;
    line-height: 25px;
    line-height: 1.42857;
    padding: 6px 12px;
}
@media all and (max-width: 420px) {
    .contact input[type="submit"] {width: 100%;}
    div#nexity_security_abonnements_liste_diffusion label {display: block;width: 100% !important;}
    #info-form-general .row {margin-right: 12px !important;}
    .radio-list > label.radio-inline {font-size: 0.875rem;}
    .radio-inline + .radio-inline, .checkbox-inline + .checkbox-inline {margin-left: 0px !important;padding-left: 5px !important;}
}
@media all and (min-width: 1025px) {
    .contact input[type="submit"]:hover, .contact button:hover {
        background: #5d6165;
    }
}
.contact .row {
    margin-bottom: 15px;
}

.contact form {
    padding: 10px 0 0;
}
.contact fieldset {
    margin: 0px;
    padding: 0px;
    border: 0;
}
.contact .intro {
    color: #57585b;
    font-family: Joey,"FS Joey","Trebuchet MS",Arial,Helvetica;
    font-size: 1rem;
}
.contact .mentions {
    color: #57585b;
    display: block;
    font-family: Joey,"FS Joey","Trebuchet MS",Arial,Helvetica;
    font-size: 0.8125rem;
    margin-top: 10px;
}
.contact .mentions a {
    color:#57585B;
    text-decoration:underline;
}
.contact .row {
    margin-left: -15px;
    margin-right: -15px;
}
.contact .row:before, .row:after {
    content: " ";
    display: table;
}
.contact .row:after {
    clear: both;
}

.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
}
@media (min-width: 992px) {
    .formSinglePage {width: 100% !important;}
}
@media (min-width: 992px) {
    .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    }

    .col-md-12 {
        width: 100%;
    }
    .col-md-11 {
        width: 91.6667%;
    }
    .col-md-10 {
        width: 83.3333%;
    }
    .col-md-9 {
        width: 75%;
    }
    .col-md-8 {
        width: 66.6667%;
    }
    .col-md-7 {
        width: 58.3333%;
    }
    .col-md-6 {
        width: 50%;
    }
    .col-md-5 {
        width: 41.6667%;
    }
    .col-md-4 {
        width: 33.3333%;
    }
    .col-md-3 {
        width: 25%;
    }
    .col-md-2 {
        width: 16.6667%;
    }
    .col-md-1 {
        width: 8.33333%;
    }
}

.radio, .checkbox {
    display: block;
    margin-bottom: 10px;
    margin-top: 10px;
    min-height: 20px;
    position: relative;
}
.radio label, .checkbox label {
    cursor: pointer;
    font-weight: 400;
    margin-bottom: 0;
    padding-left: 20px;
}
.radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] {
    margin-left: -20px;
    position: absolute;
}
.radio + .radio, .checkbox + .checkbox {
    margin-top: -5px;
}
.radio-inline, .checkbox-inline {
    cursor: pointer;
    display: inline-block;
    font-weight: 400;
    margin-bottom: 0;
    padding-left: 18px;
    vertical-align: middle;
}
.radio-inline + .radio-inline, .checkbox-inline + .checkbox-inline {
    margin-left: 10px;
    margin-top: 0;
}
input[type="radio"][disabled], input[type="checkbox"][disabled], input.disabled[type="radio"], input.disabled[type="checkbox"], fieldset[disabled] input[type="radio"], fieldset[disabled] input[type="checkbox"] {
    cursor: not-allowed;
}
.radio-inline.disabled, .checkbox-inline.disabled, fieldset[disabled] .radio-inline, fieldset[disabled] .checkbox-inline {
    cursor: not-allowed;
}
.radio.disabled label, .checkbox.disabled label, fieldset[disabled] .radio label, fieldset[disabled] .checkbox label {
    cursor: not-allowed;
}

/* coponents */
.checkbox, .contact .checkbox {
    padding: 0;
}
.checkbox > label, .contact .checkbox > label {
    padding-left: 0;
}
.checkbox-list > label {
    display: block;
}
.checkbox-list > label.checkbox-inline {
    display: inline-block;
}
.checkbox-list > label.checkbox-inline:first-child {
    padding-left: 0;
}
.radio-list > label { display: block;}
.radio-list > label.radio-inline {
    display: inline-block;
}
.radio-list > label.radio-inline:first-child {
    padding-left: 0;
}

.form-horizontal .radio-list > label {
    margin-bottom: 0;
}

div.radio {
    position: relative;
}
div.radio, div.radio span, div.radio input {
    height: 18px;
    width: 18px;
}
div.radio span {
    background-position: 0 -279px;
    display: inline-block;
    text-align: center;
}
div.radio span.checked {
    background-position: -72px -279px;
}
div.radio input {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: medium none;
    display: inline-block;
    opacity: 0;
    text-align: center;
}
div.radio.active span {
}
div.radio.active span.checked {
    background-position: -90px -279px;
}
div.radio.hover span, div.radio.focus span {
}
div.radio.hover span.checked, div.radio.focus span.checked {
    background-position: -108px -279px;
}
div.radio.hover.active span, div.radio.focus.active span {
    background-position: -54px -279px;
}
div.radio.hover.active span.checked, div.radio.focus.active span.checked {
    background-position: -126px -279px;
}
div.radio.disabled span, div.radio.disabled.active span {
    background-position: -144px -279px;
}
div.radio.disabled span.checked, div.radio.disabled.active span.checked {
    background-position: -162px -279px;
}
.contact .radio, .contact .checkbox, .contact .radio-inline, .contact .checkbox-inline , .form-horizontal .radio, .form-horizontal .checkbox, .form-horizontal .radio-inline, .form-horizontal .checkbox-inline {
    margin-bottom: 0;
    margin-top: 0;
    padding-top: 7px;
}

.contact .radio-list .radio, .form-horizontal .radio-list .radio {
    padding-top: 1px;
}
.contact .radio, .contact .checkbox, .form-horizontal .radio, .form-horizontal .checkbox {
    min-height: 27px;
}

div.radio span, div.checker span, div.button, div.button span {
    background-image: url("/ressources/images/contact_sprite.png");
    background-repeat: no-repeat;
}
div.radio {
    display: inline-block;
    vertical-align: middle;
}
div.selector:focus, div.checker:focus, div.button:focus, div.radio:focus, div.uploader:focus {
    outline: 0 none;
}
div.selector, div.selector *, div.radio, div.radio *, div.checker, div.checker *, div.button, div.button * {
    margin: 0;
    padding: 0;
}

.input-small {
    width: 120px !important;
}

.has-error {color: #d01c34 !important;}
p.has-error {font-style: italic;padding-top: 10px;margin: 0px;}


.has-error.form-control {
    border: 1px solid #d01c34;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
}
.has-error.form-control:focus {
    border: 1px solid #843534;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 6px #ce8483;
}

.hidden{
    display:none!important;
    visibility:hidden!important
}
.display-none,
.display-hide {
    display: none;
}

.txtleft {
    text-align: left !important;
}

/* portlet buttons */
.portlet {
    clear: both;
    margin-top: 10px;
    margin-bottom: 25px;
    padding: 0px;
}

.portlet > .portlet-title {
    margin-bottom: 15px;
    border-bottom: 1px solid #eee;
}

.portlet > .portlet-title:after,
.portlet > .portlet-title:before {
    content: " ";
    display: table;
    line-height: 0;
}

.portlet > .portlet-title:after {
    clear: both;
}

.portlet > .portlet-title > .caption {
    float: left;
    display: inline-block;
    font-size: 16px;
    margin: 0;
    padding: 0;
    margin-bottom: 8px;
}

.portlet > .portlet-title > .caption > i {
    float: left;
    margin-top: 4px;
    display: inline-block !important;
    font-size: 17px;
    margin-right: 5px;
    color: #cd042e;
}

.portlet.box > .portlet-title > .caption {
    padding: 11px 0 9px;
}

.portlet.box > .portlet-body {
    background-color: #fff;
    padding: 10px;
}

.portlet.box > .portlet-title {
    margin-bottom: 0px;
}

.portlet.box.blue > .portlet-title {
    background-color: #4b8df8;
}
.portlet.box.red > .portlet-title {
    background-color: #eff1f0;
}

.portlet.box.red {
    border: 1px solid #d01c34;
    border-top: 0;
}
.portlet.red > .portlet-title > .caption { color: #cd042e;}

.portlet > .portlet-body.red, .portlet.red {
    background-color: #d01c34;
}
.portlet.box {
    padding: 0 !important;
}
.portlet.box > .portlet-title {
    border-bottom: 1px solid #eee;
    color: #cd042e;
    margin-bottom: 0;
    padding: 0 10px;
    cursor: pointer;
}
.portlet > .portlet-title > .tools {
    display: inline-block;
    float: right;
    padding: 12px 0 8px;
}
.portlet.box > .portlet-title.collapse > .tools > a {
    background-image: url("/ressources/images/portlet-expand-icon.png");
    width: 14px;
}
.portlet.box > .portlet-title.expand > .tools > a {
    background-image: url("/ressources/images/portlet-collapse-icon.png");
    width: 14px;
}
.portlet > .portlet-title > .tools > a {
    display: inline-block;
    height: 16px;
    margin-left: 5px;
}

.bt_videodesk {
    border: 0 none;
    color: #c4262e;
    cursor: pointer;
    text-decoration: underline;
}

/***
Font Awesome Icons
***/

[class^="fa-"],
[class*=" fa-"] {
    display: inline-block;
    margin-top: 1px;
    font-size: 14px;
    *margin-right: .3em;
    line-height: 14px;
}
.fa-2 {
    font-size: 2em;
}
.fa-1, .fa-2, .fa-3, .fa-4, .fa-5, .fa-6 {
    margin-right: 0.0714286em;
}

p > a.bt_videodesk.right {
    padding-left: 0;
    text-align: right;
}

/* alignment */
.txtright { text-align: right;}
.txtleft { text-align: left;}

/* margins */
.mt0 { margin-top: 0px;}
.mt10 { margin-top: 10px;}
.mt20 { margin-top: 20px;}
.mb0 { margin-bottom: 0;}
.mb10 { margin-bottom: 10px;}
.mb20 { margin-bottom: 20px;}

/* font */
.small { font-size: 0.85em;}


/* horizontal form */
.form-body {
    padding: 10px;
}
.form-horizontal .form-group:before, .form-horizontal .form-group:after {
    content: " ";
    display: table;
}
.form-horizontal .form-group:after {
    clear: both;
}
.form-horizontal .form-group {
    margin-left: -15px;
    margin-right: -15px;
    overflow: hidden;
}
.form-group {
    margin-bottom: 15px;
}
.form-horizontal .radio, .form-horizontal .checkbox, .form-horizontal .radio-inline, .form-horizontal .checkbox-inline {
    margin-bottom: 0;
    margin-top: 0;
    padding-top: 7px;
}
/***
Input icons
***/


/* input with left aligned icons */
.input-icon {
    position: relative;
}

.input-icon input {
    padding-left: 33px !important;
}

.input-icon i {
    color: #ccc;
    display: block;
    position: absolute;
    margin: 11px 2px 4px 10px;
    width: 16px;
    height: 16px;
    font-size: 16px;
    text-align: center;
    z-index: 3;
}

.bloc-recherche-personnalisee .contact {
    font-family: inherit;
    margin: 0;
}

.contact-red{
    color:#d01c34;
}

.resultat-wrapper .contact {font-size: 0.8rem;}
.resultat-wrapper .contact .title  {font-size: 1.125rem;line-height: 1.125rem;padding: 10px 0;}
.choice_tel span {font-size: 18px;font-size: 1.125rem;font-weight: bold;}

.rb-close:before {
    content: "x" !important;
    font-size: 1.65rem !important;
    font-weight: 100 !important;
    height: 100% !important;
    left: 0 !important;
    line-height: .6 !important;
    position: absolute !important;
    text-align: center !important;
    text-indent: 0 !important;
    top: 0 !important;
    width: 100% !important;
}

.rb-close {
    background-image: none !important;
    cursor: pointer !important;
    height: 2rem !important;
    position: absolute !important;
    right: .4em !important;
    text-indent: -9000px;
    top: .4em !important;
    width: 2em !important;
    z-index: 1000 !important;
    color: #d01c34;
    text-shadow: 1px 0 0 rgba(0, 0, 0, .7);
    outline: 0
}
#validOptinNex,
#validOption{display:block;}
.row.optinNexity {
    margin-bottom:0;
}

.row .warningOptinNexity {
    margin:90px 0 15px;
    font-style:italic;
    font-size:13px;
    display:none;
    color:#D01C34 !important;
    width:260px;
    line-height:14px;
}

html:not(.mobile) {
    padding-top: 30px;
    background-color: #f5f5f5;
}