.contact {margin: 10px;}

.contact .title {
    color: #333;
    font-family: 'Johan','Trebuchet MS',sans-serif;
    font-size: 1.5625rem;
    line-height: 2.625rem;
    text-transform: uppercase;
}

.contact h2, .contact .h5 {
    font-weight: bold;
    text-transform: uppercase;
    font-family: 'Johan','Trebuchet MS',sans-serif;
    font-size: 16px;
    font-size: 1rem;
}

.contact h2 .ss-titre-simul {
    font-weight: normal;
    font-family: 'Johan','Trebuchet MS',sans-serif;
    font-size: 20px;
    font-size: 1.25rem;
    color: #3F586E;
    margin: -10px 0 10px 0
}
.contact .h5 {color: #333; text-transform: none;font-weight: normal;}

.contact, .form-horizontal {
    font-family: 'Johan','Trebuchet MS',sans-serif;
    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;
    /*box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;*/
    -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;
    /*transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;*/
    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;
    /*-moz-transition: background 0.15s;*/
    /*-ms-transition: background 0.15s;*/
    /*-o-transition: background 0.15s;*/
    /*-webkit-transition: background 0.15s;*/
    /*transition: background 0.15s;*/
    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;}
    #form-rdv .row .col-md-5 .input-date {
        width: 95vw;
    }
}
@media all and (min-width: 1025px) {
    .contact input[type="submit"]:hover, .contact button:hover {
        background: #5d6165;
    }
}
.contact .row {
    margin-bottom: 15px;
    margin-left: -15px;
}

.contact form {
    padding: 10px 0 0;
}
.contact fieldset {
    margin: 0px;
    padding: 0px;
    border: 0;
}
.contact .intro {
    color: #57585b;
    font-family: 'Johan','Trebuchet MS',sans-serif;
    font-size: 1rem;
}
.contact .mentions {
    color: #57585b;
    display: block;
    font-family: 'Johan','Trebuchet MS',sans-serif;
    font-size: 0.8125rem;
    margin-top: 10px;
}
.contact .mentions a {
    color:#57585B;
    text-decoration:underline;
}
.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: 10px;
    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 {
        float: left;
    }

    .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 + .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;
}

.radio-list.has-error {color: #d01c34 !important;}

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


.has-error.form-control {
    border: 1px solid #d01c34 !important;
    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;
    /*line-height: 18px;*/
    /*font-weight: 400;*/
    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;
    /*float: right;
    font-size: 16px;
    padding: 0 15px;*/
    text-decoration: underline;
}

/***
Font Awesome Icons
***/

#contact-form-container [class^="fa-"],
#contact-form-container [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;
}

.input-icon-i-mobile {
    margin: 11px 2px 4px 64px;
}

.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:5px 0 15px;
    font-style:italic;
    font-size:13px;
    display:none;
    color:#D01C34 !important;
}

.exposant {
    vertical-align: super;
    font-weight: lighter;
    font-size: 16px;
}

.inline {
    display: inline-block;
}

div.error-awesome:before {
    content: "\f00d";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    color: #d01c34;
    position: absolute;
    top:9px;
    right:8px;
    z-index:1;
}

.contact-form.ui-autocomplete {
    position: absolute;
    cursor: pointer;
    font-size: 1.0em;
    max-height: 200px;
    overflow-y: auto;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
}
* html .ui-autocomplete {
    width:1px;
}
.contact-form.ui-menu {
    list-style:none;
    padding: 2px;
    margin: 0;
    display:block;
    float: left;
}
.contact-form.ui-menu .ui-menu {
    margin-top: -3px;
}
.contact-form.ui-menu .ui-menu-item {
    margin:0;
    zoom:1;
    float:left;
    clear:left;
    width:100%;
    padding:.2em .4em;
    line-height:1.5;
}
.contact-form.ui-menu .ui-menu-item a.ui-state-hover,
.contact-form.ui-menu .ui-menu-item a.ui-state-active {
    font-weight:normal;
    margin:-1px;
}
.contact-form.ui-front{
    z-index: 100;
}
.contact-form.ui-widget{
    font-family: 'Johan','Trebuchet MS',sans-serif;
}
.contact-form.ui-widget-content {
    border: 1px solid #aaaaaa;
    background: #ffffff 50% 50% repeat-x;
    color: #222222;
}
.contact-form.ui-corner-all,  .ui-corner-all {
    border-radius: 0px;
}
.contact-form.ui-state-hover,  .ui-state-focus {
    border: 1px solid #999999;
    background: #dadada;
    font-weight: normal;
    color: #212121;
}
.contact-form.ui-state-active  {
    border: 1px solid #aaaaaa;
}
.contact-form.ui-widget-content {
    border: 1px solid #aaaaaa;
}
.contact-form.ui-helper-hidden-accessible {
    position: absolute !important;
    clip: rect(1px,1px,1px,1px);
}

#contact-form-container #form-rdv i.fa-check {
    padding:10px;
    color:#00853b;
    font-size:2em;
    display: none;
}

#form-rdv div.choice {
    padding: 10px;
    text-align: center;
}

.contact-form button.ui-datepicker-trigger {
    position: absolute;
    top: 0px;
    z-index: 20;
    right: 10px;
    font-size: 1em;
    color: #555;
    background-color: transparent;
}

#contact-form-container .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
    background-color: #fff;
    cursor: pointer;
    opacity: 1;
}


@media screen and (min-width: 400px) and (max-width: 768px) {
    .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 {
        display: inline-block;
    }

    .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%;
    }
}

html:not(.mobile) .contact-form #fblogin {
    margin-right: 0;
    margin-left: 0;
    padding-bottom: 25px;
}
.contact-form #fblogin {
    display: flex;
    flex-direction: column;
}
.pai.contact-form #fblogin {
    margin: 0;
}
.lmnp.contact-form #fblogin {
    margin: 15px 0 0;
}

.contact-form #fblogin {
    display: flex;
    flex-direction: column;
}
.contact-form #fblogin .line {
    display: flex;
    align-items: center;
    justify-content: center;
}
html.mobile .contact-form #fblogin .line {
    padding: 0 15px;
}
.contact-form #fblogin .line .trait {
    border-bottom:2px solid lightgray;
    width: 100%;
}
.contact-form #fblogin .line .ou {
    color: lightgray;
    font-weight: bold;
    margin: 0 20px;
}

.retrecir-hauteur {
    margin-bottom: 0px;
}

/* not displayed on inframe */
#contact-form-container:not([data-label='']) #fblogin {
    display: none;
}

.fa-user-password {
    margin: 11px 2px 4px 20px;
}

.contact .row.form-checkbox-container-rgpd {
    display: flex;border-color: #e71010;border-width: 1px;border-style: none;margin-left: -5px;padding: 5px;
}

.mobile .simulateur-common .contact-form .row > div.input-rgpd {
    width: 6%;
    margin-top: -19px;
}

.radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] {
    margin-left: -12px;
    position: absolute;
    margin-top: 18px;
}

@media all and (max-width: 768px) {
    .input-rgpd {
        width: 7%;
        margin-top: -19px;
    }
    .label-rgpd {
        margin-left: 23px;
        margin-top: 9px;
    }
}