body {
	color:#353535;
	font-family: 'Johan','Trebuchet MS',sans-serif;
	font-size:16px;
	padding:0;
	margin:0;
	background-color:#E9E9EB;
}

.mentions_left {
    color: #8E8E8E;
    text-align: justify;
    padding: 5px;
    font-size: 10px;
    font-family: Verdana;
}

.ui-widget{font-size: 0.8em;}
.global-new {
    width:100%;
    height:100%;
    min-width: 640px;
    background-size:cover;
    white-space: nowrap;
    display:flex;
}

.global {
    position:relative;
    width:964px;
    display:block;
    margin: 0 auto 0;
    font-family: 'Johan','Trebuchet MS',sans-serif;
    clear:both;
}
fieldset, form {
    border:none;
    padding:0px;
    margin:0px;
}
input {
	border:none;
	background:none;
	background-color:#ffffff;
	color:#8E8F91;
    font-family: 'Johan','Trebuchet MS',sans-serif;
}

.clearboth{
    clear:both;
    margin:0px;
    padding:0px;
}
.display_none{
    display:none;
}
.center{
    text-align:center;
}
.small{
    font-size:12px;
}
.medium{
    font-size:14px;
    width: 319px;
}
.red{
    color:#CD042E;
}

.numero_vert {
    text-align:center;
}

/*************************/
/******* Accroche *******/
/***********************/
.landing-right .accroche{
    padding:10px;
}

.landing-right .accroche p{
    font-family/*\**/: Arial\9;
    font-size/*\**/: 14px\9;
}

/***********************/
/*** Account Nexity ***/
/*********************/
.landing-right .account {
    border-top:1px dotted #918F8F;
    border-bottom:1px dotted #918F8F;
    padding:5px 10px 10px 10px;
    margin:0px;
}

.landing-right .account .title {
    color:#FFFFFF;
    font-size:15px;
    margin-bottom:3px;
}

.validate {
    background:url('https://media.nexity.fr/colt-cache/emailings/img/valider.jpg') no-repeat;
    width:223px;
    height:38px;
    cursor:pointer;
}
.bottom {
    position:relative;
}
.bottom .marque{
    text-align:right;
    width: 100%;
    margin-top:30px;
    padding-right:10px;
    color: #777;
    font-size: 14px;
}
.bottom .mentions-legales{
    white-space: normal;
    margin-top: 44px;
    padding: 22px 10px;
    color: #777;
    font-size: 10px;
    background: url(https://media.nexity.fr/colt-cache/emailings/img/bottom_sep.gif) no-repeat;
}
.landing-right .obligatoire {
    padding-left:5px;
    margin-bottom:10px;
}
.landing-right .information {
    margin-bottom:10px;
}
.landing-right .encart_mentions{
    color:#CD042E;
    font-size:12px;
    margin-bottom:10px;
}
.row .retour_json{
	display:none;
	width:185px;
	margin-top:32px;
	margin-left:114px;
	position:absolute;
	max-height:300px;
	background:#E8E8E8;
	z-index:10;
}

.row .retour_json .a{
	padding:2px 5px;
	font-size:14px;
	cursor:pointer;
	line-height:16px;
}

/***********************/
/******** Layer *******/
/*********************/
div.layer_fond_noir {
    position: absolute;
    display: none;
    width: 100%;
    height: 100%;
    top: 0px;
    z-index: 1000;
    background-color: #000000;
}

div.layer_mentions,
div.layer_savoir_plus {
    position: absolute;
    width: 320px;
    display: none;
    z-index: 1001;
    background: #FFFFFF;
}

div.layer_mentions .texte,
div.layer_savoir_plus .texte{
    font-size:13px;
    padding:5px;
    height: 400px;
    overflow-y: scroll;
}

div.layer_mentions .top,
div.layer_savoir_plus .top{
    background:#C6C7C9;
    display: block;
    font-family: 'Johan','Trebuchet MS',sans-serif;
    font-size: 14px;
    height: 22px;
    line-height: 22px;
    text-indent: 7px;
    text-transform: uppercase;
    color:#FFFFFF;
    clear:both;
}

div.layer_mentions .top .close,
div.layer_savoir_plus .top .close{
    cursor:pointer;
    float:right;
    position:relative;
    color:#FFFFFF;
    text-decoration:underline;
    vertical-align:-4px;
    margin-right:10px;
}

div.layer_mentions .top .close:hover,
div.layer_savoir_plus .top .close:hover{
    cursor:pointer;
    color:#cd042e;
}

/******************/
/***** Erreur ****/
/****************/
.mess_erreur {
    font-size:12px;
    color:#CD042E;
    display:none;
}
.invalide{
    background-color:#FFBFBF;
}

/***********************/
/**** Confirmation ****/
/*********************/
.landing-right .content {
    position:relative;
    padding:5px 5px 5px 10px;
}

.landing-right .content .title{
    color:#CD042E;
    text-transform:uppercase;
    font-size:20px;
    padding:0px 0px 0px 25px;
}
.landing-right .content .rubrique {
    position:relative;
    margin-bottom:40px;
}
.landing-right .content .rubrique_form {
    position:relative;
    margin-bottom:20px;
}
.landing-right .content .rubrique .biens{
    background:url('https://media.nexity.fr/colt-cache/emailings/img/picto_biens.jpg') no-repeat;
}
.landing-right .content .rubrique .loupe,
.landing-right .content .rubrique_form .loupe{
    background:url('https://media.nexity.fr/colt-cache/emailings/img/picto_loupe.jpg') no-repeat;
}
.landing-right .content .rubrique .projet{
    background:url('https://media.nexity.fr/colt-cache/emailings/img/picto_projet.jpg') no-repeat;
}
.landing-right .content .rubrique .appli{
    background:url('https://media.nexity.fr/colt-cache/emailings/img/picto_appli.jpg') no-repeat;
}
.landing-right .content .rubrique .garanties{
    background:url('https://media.nexity.fr/colt-cache/emailings/img/picto_garanties.jpg') no-repeat;
    margin-left:3px;
}
.landing-right .content .rubrique .parrainage{
    background:url('https://media.nexity.fr/colt-cache/emailings/img/picto_parrainage.jpg') no-repeat;
}
.landing-right .content .rubrique .fiche{
    background:url('https://media.nexity.fr/colt-cache/emailings/img/picto_fiche_bien.jpg') no-repeat;
}
.landing-right .content .rubrique .site{
    background:url('https://media.nexity.fr/colt-cache/emailings/img/picto_site.jpg') no-repeat;
}
.landing-right .content .rubrique .document{
    background:url('https://media.nexity.fr/colt-cache/emailings/img/picto_document.jpg') no-repeat;
}

.landing-right .content .rubrique > div {
    padding-bottom: 1em;
}

.landing-right .content .rubrique div.bt_valider {
    position:absolute;
    background:url('https://media.nexity.fr/colt-cache/emailings/img/bt_valider.jpg') no-repeat;
    width:223px;
    height:38px;
    right:-12px;
    cursor:pointer;
}
.landing-right .content .rubrique a.bt_calculs {
    position:absolute;
    background:url('https://media.nexity.fr/colt-cache/emailings/img/bt_calculs.jpg') no-repeat;
    width:223px;
    height:38px;
    right:-12px;
    cursor:pointer;
}
.landing-right .content .rubrique a.bt_quartier {
    position:absolute;
    background:url('https://media.nexity.fr/colt-cache/emailings/img/bt_quartier.jpg') no-repeat;
    width:223px;
    height:38px;
    right:-12px;
    cursor:pointer;
}
.landing-right .content .rubrique a.bt_resultat {
    position:absolute;
    background:url('https://media.nexity.fr/colt-cache/emailings/img/bt_resultat.jpg') no-repeat;
    width:223px;
    height:38px;
    right:-12px;
    cursor:pointer;
}
.landing-right .content .rubrique a.bt_application {
    position:absolute;
    background:url('https://media.nexity.fr/colt-cache/emailings/img/bt_application.gif') no-repeat;
    width:223px;
    height:38px;
    right:-12px;
    cursor:pointer;
}

.landing-right .content .rubrique a.bt_garanties {
    position:absolute;
    background:url('https://media.nexity.fr/colt-cache/emailings/img/bt_garanties.jpg') no-repeat;
    width:223px;
    height:38px;
    right:-12px;
    cursor:pointer;
}

.landing-right .content .rubrique a.bt_parrainage {
    position:absolute;
    background:url('https://media.nexity.fr/colt-cache/emailings/img/bt_parrainage.jpg') no-repeat;
    width:223px;
    height:38px;
    right:-12px;
    cursor:pointer;
}

.landing-right .content .rubrique a.bt_fiche {
    position:absolute;
    background:url('https://media.nexity.fr/colt-cache/emailings/img/bt_fiche_bien.jpg') no-repeat;
    width:223px;
    height:38px;
    right:-12px;
    cursor:pointer;
}

.landing-right .content .rubrique a.bt_site {
    position:absolute;
    background:url('https://media.nexity.fr/colt-cache/emailings/img/bt_site.jpg') no-repeat;
    width:223px;
    height:38px;
    right:-12px;
    cursor:pointer;
}

.landing-right .content .rubrique a.bt_document {
    position:absolute;
    background:url('https://media.nexity.fr/colt-cache/emailings/img/bt_document.jpg') no-repeat;
    width:223px;
    height:38px;
    right:-12px;
    cursor:pointer;
}

.landing-right .content .rubrique a.bt_libre {
    position:absolute;
    background:url('https://media.nexity.fr/colt-cache/emailings/img/bt_libre.jpg') no-repeat;
    width:223px;
    height:38px;
    line-height:24px;
    text-align:center;
    right:-12px;
    cursor:pointer;
    color:#FFFFFF;
    font-family: 'Johan','Trebuchet MS',sans-serif;
    text-transform:uppercase;
    font-size:20px;
    text-decoration: none;
}

.landing-right .content .rubrique .form_confirmation{}

.landing-right .content .rubrique .form_confirmation .left,
.landing-right .content .rubrique_form .form_confirmation .left{
    float:left;
}

.landing-right .content .rubrique .form_confirmation form fieldset .row{
    margin-bottom:10px;
    clear: both;
}
.landing-right .content .rubrique_form .form_confirmation form fieldset .row{
    clear: both;
}
.landing-right .content .rubrique .form_confirmation form fieldset .row .select,
.landing-right .content .rubrique_form .form_confirmation form fieldset .row .select{
    float:left;
    margin-right:10px;
}
.landing-right .content .rubrique .form_confirmation form fieldset .row .select input{
    float:left;
    width:130px;
    height:32px;
	line-height:32px;
    font-size:16px;
    padding:0px 0px 0px 10px;
}
.landing-right .content .rubrique_form .form_confirmation form fieldset .row .select input{
    float:left;
    width:200px;
    height:32px;
	line-height:32px;
    font-size:16px;
    padding:0px 0px 0px 10px;
}
.btn_ok {
    background-color: #32363F;
    color: #FFFFFF;
    cursor: pointer;
    height: 32px;
    line-height: 32px;
    width: 32px;
    text-align: center;
}

.new-form {
    box-shadow: 0px 0px 16px 6px rgba(119, 119, 119, 0.72);
    padding: 48px 15px;
    vertical-align:top;
    background-color: #E7E7E7;
    width:320px;
    white-space: normal;
    float: right;
    margin-right: 4em;
}

.new-form form {
    display: flex;
    flex-direction: column;
    max-width: 316px;
}

.new-form form span {
    margin-bottom: 10px;
}

.new-form .form-control {
    width: auto;
}

.landing-right {
    padding: 48px 15px;
    box-sizing: border-box;
}

.landing-right form {
    display: flex;
    flex-direction: column;
}

.landing-right form .form-control {
    width: auto;
}

.logo-nexity {
    position:absolute;
    top:0px;
    width:100%;
    background-color:white;
}

.txt-img {
    min-width: 640px;
    width:70%;
    display:inline-block;
}

.btn-validate{
    display: inline-block;
    margin-top: 10px;
    width: 233px;
    height: 40px;
    text-align: center;
    font-family: 'Johan','Trebuchet MS',sans-serif;
    font-size: 1.4rem;
    line-height: 40px;
    border: 0;
    color: white;
    background-color:#CD042E;
    -webkit-transition: background 0.15s;
    -moz-transition: background 0.15s;
    -ms-transition: background 0.15s;
    -o-transition: background 0.15s;
    transition: background 0.15s;
}

select{
    display:block;
	height:32px;
	width:140px;
	border-width:0 0 1px 1px;
	border-style:solid;
	border-color:#e1e2e2;
	background-color:#ffffff;
	color:#8e8f91;
	font-size:16px;
	text-indent: 12px;
	line-height: 32px;
	font-family:Verdana;
}

select option {
    height:30px;
}

/************************/
/***** Scroll Spane ****/
/**********************/

.scroll-pane {
    width:100%;
    height:500px;
    overflow:auto;
}

.jspVerticalBar{
    left:0;
}
.jspVerticalBar .jspCap{
	height: 8px;
    display: block;
	background: #D3D2D2;
}
.jspVerticalBar .jspArrow{
    background: #772953;
}

.mention-left-mobile {
    margin-top: 42px;
}

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

.col-md-1.input-rgpd {
    width:15px;margin-top: -14px;padding-top: -30px;margin-right: 11px;margin-left: 3px;
}

.col-md-11.label-rgpd {
    font-size: 13px;color:#3F586E;
}

.form-actions.form-and-rgpd-bouton {
    text-align:center;margin-top:20px;margin-bottom:20px;
}

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