@import url('https://fonts.googleapis.com/css?family=Open+Sans&display=swap');

body { 
	font-size:14px;
	font-family:'Open Sans',Arial,sans-serif;
	background:#FAFAFA;
}

.contain
{
	/*width: 970px;*/
	/*width: 810px;
	margin-left:30px ;
	/*overflow: hidden;*/
	width: 100%;
	padding-right: 15px;
    padding-left: 15px;
    margin-right: 15px;
    margin-left: 15px;
	
}

/*
.question:hover span:before {
    bottom: 5px;
    right: 40px;
    border-width: 16px 16px 0;
    border-color: rgba(204,153,153,0.9) transparent;
}
.question:hover span:before, .tooltip:hover span:after {
    content: "";
    position: absolute;
    border-style: solid;
}
Pseudo ::after element
.question:hover span:after {
    bottom: 8px;
    right: 42px;
    border-width: 14px 14px 0;
    border-color: rgba(225,238,238,0.95) transparent;
}
*/

.input-group-addon {
	padding: 6px 12px;
    font-size: 14px;
    font-weight: normal;
    line-height: 1;
    color: #000000;
    background-color: #eeeced;
    border: 1px solid #ccc;
	border-radius: 4px;
	font-family: 'Open Sans',Arial,sans-serif;
}

.form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.428571429;
    color: #555;
    vertical-align: middle;
    background-color: #fff;
    background-image: none;
   /* border: 1px solid #A41F72;*/
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	font-family: 'Open Sans',Arial,sans-serif;
}

h1.cc { font-family: 'Open Sans',Arial,sans-serif; color: #000000; font-size: 18px !important; font-weight: bold !important; margin-top: 20px !important; margin-bottom: 20px;border-bottom: solid 2px #d1d1d1; padding-bottom: 5px !important; /*border-bottom: dotted 1px #A41F72 !important;*/ }
h2.cc { font-family: 'Open Sans',Arial,sans-serif; color: #000000; font-size: 14px !important; /*font-weight: bold !important; */margin: 0 0 5px 0 !important; /*padding: 2px 10px !important; background-color: #EFEFEF;*/ }
h3.cc { font-family: 'Open Sans',Arial,sans-serif; color: #000; font-size: 12px !important; font-weight: bold !important; margin: 0 5px !important; padding: 0 !important; font-style: italic !important; }
h4.cc { font-family: 'Open Sans',Arial,sans-serif; color: #16A085; font-size: 14px !important; font-weight: bold !important; margin: 0 5px !important; padding: 0 !important; }
h4.cc2 { font-family: 'Open Sans',Arial,sans-serif; color: #16A085; font-size: 14px !important; font-weight: bold !important; margin: 0 !important; padding: 2px 10px !important; background-color: #EFEFEF; }
h5.cc { font-family: 'Open Sans',Arial,sans-serif; color: #000; font-size: 14px !important; font-weight: bold !important; margin: 0 15px 10px 14px !important; padding: 0 !important; }
h6.cc { font-family: 'Open Sans',Arial,sans-serif; color: #16A085; font-size: 11px !important; font-weight: normal !important; margin: 10px 0 !important; padding: 0 5px !important; background: #FFF; box-shadow: 2px 2px 2px #888; text-align: center;}
a:hover, a:focus { color: #888; text-decoration: none; }
p { font-family: 'Open Sans',Arial,sans-serif; font-size: 12px !important; }

table { font-family: 'Open Sans',Arial,sans-serif; font-size: 11px !important; }
table td strong.bleu {  font-family: 'Open Sans',Arial,sans-serif; font-size: 12px !important; }

.bleu { color: #16A085; }

label { font-weight: normal !important; }

.contenu h2 { font-family: 'Open Sans',Arial,sans-serif; color: #16A085; font-size: 18px !important; font-weight: bold !important; margin: 0 0 5px 0 !important; padding: 2px 10px !important; background-color: #EFEFEF; }
.contenu h3 { font-family: 'Open Sans',Arial,sans-serif; color: #16A085; font-size: 14px !important; font-weight: bold !important; margin: 10px 0 5px 10px !important; padding: 2px 10px 5px 0  !important; border-bottom: dotted 1px #888; }
.contenu p { font-family: 'Open Sans',Arial,sans-serif; font-size: 12px !important; margin: 5px 0 5px 30px; }

.contenu ul { font-family: 'Open Sans',Arial,sans-serif; margin: 5px 0 5px 10px; padding: 0 0 0 20px; font-size: 12px;}
.contenu ul>li { font-family: 'Open Sans',Arial,sans-serif; margin: 2px 0 5px 0; padding: 0; font-size: 12px; }
.contenu ul>li:before { font-family: 'Open Sans',Arial,sans-serif; content: "\25B6"; padding: 0 5px 0 0; color: #16A085; }


ul.list { font-family: 'Open Sans',Arial,sans-serif; margin: 0; padding: 0; font-size: 12px;}
ul.list>li { font-family: 'Open Sans',Arial,sans-serif; margin: 0 0 2px 0; padding: 0; font-size: 12px; }
ul.list>li:before { content: "\25B6"; font-family: 'Open Sans',Arial,sans-serif; padding: 0 5px 0 0; color: #16A085; }

ul.list.duflot>li:before { color: #672f6f;font-family: 'Open Sans',Arial,sans-serif; }
ul.list.censi>li:before { color: #20517b;font-family: 'Open Sans',Arial,sans-serif; }

hr { height: 1px !important; }

.lien { font-size: 12px; text-decoration: underline; font-family: 'Open Sans',Arial,sans-serif;}

.navbar-custom { font-family: 'Open Sans',Arial,sans-serif;color: #A41F72; background-color: #none; font-size: 12px; border-bottom: solid 2px #A41F72; border-radius: 0; min-height: 40px; margin-bottom: 10px; }
.navbar-custom .nav>li { font-family: 'Open Sans',Arial,sans-serif; margin: 10px 0 5px 0; }
.navbar-custom .nav>li>a, .navbar-custom .nav>li>a:link, .navbar-custom .nav>li>a:visited { font-family: 'Open Sans',Arial,sans-serif; background: none; color: #000; padding: 0 14px; border-right: solid 1px #AAA; font-weight: bold; }
.navbar-custom .nav>li:last-child>a, .navbar-custom .nav>li:last-child>a:link, .navbar-custom .nav>li:last-child>a:visited { font-family: 'Open Sans',Arial,sans-serif; border-right: none; }
.navbar-custom .nav>li>a:hover, .navbar-custom .nav>li>a:focus { font-family: 'Open Sans',Arial,sans-serif; background: none; color: #16A085; }
.navbar-custom .nav>li.active>a, .navbar-custom .nav>li.active>a:link, .navbar-custom .nav>li.active>a:visited, .navbar-custom .nav>li.active>a:hover, .navbar-custom .nav>li.active>a:focus { font-family: 'Open Sans',Arial,sans-serif; color: #16A085; }

.cadreGris { font-family: 'Open Sans',Arial,sans-serif; border: solid 1px #e0e0e0; padding: 10px; }
img.cadreBleu { font-family: 'Open Sans',Arial,sans-serif; border: solid 1px #65a7f8; border-right: solid 11px #65a7f8; }
img.cadreMauve { font-family: 'Open Sans',Arial,sans-serif; border: solid 1px #9300bd; border-right: solid 1px #9300bd; }
.fondGris { font-family: 'Open Sans',Arial,sans-serif; background: #F8F8F8; }
.lienDecouverte { font-family: 'Open Sans',Arial,sans-serif; font-size: 11px; color: #16A085; vertical-align: middle; padding: 0 10px 0 0; }
.lienDecouverte div { font-family: 'Open Sans',Arial,sans-serif; margin: 30px 0 0 0; padding: 2px; background: url('../img/fleche.png') no-repeat right center; background-size: contain; cursor: pointer; }

.cadreGris .fondGris { margin: 0 -10px -10px -10px; padding: 10px;}

img.cadre { font-family: 'Open Sans',Arial,sans-serif; border: solid 3px #FFF; box-shadow: 2px 2px 2px #AAA; border-radius: 3px; }

.panel { font-family: 'Open Sans',Arial,sans-serif; border-radius: 0; }
.panel-heading {font-family: 'Open Sans',Arial,sans-serif;  border-radius: 0; color: #FFF; font-size: 20px; font-weight: bold; padding: 4px 10px; }
.panel-footer { font-family: 'Open Sans',Arial,sans-serif; font-size: 12px; color: #858285; padding: 4px 20px; border: none; font-weight: bold; }
.panel-footer a { font-family: 'Open Sans',Arial,sans-serif; color: #858285; }

.panel-duflot { font-family: 'Open Sans',Arial,sans-serif; border-color: #672f6f; }
.panel-duflot .panel-heading  { font-family: 'Open Sans',Arial,sans-serif; background: #672f6f; }
.panel-censi { font-family: 'Open Sans',Arial,sans-serif; border-color: #20517b; }
.panel-censi .panel-heading  { font-family: 'Open Sans',Arial,sans-serif; background: #20517b; }
.panel-lmnp { font-family: 'Open Sans',Arial,sans-serif; border-color: #86a5cd; }
.panel-lmnp .panel-heading  { font-family: 'Open Sans',Arial,sans-serif; background: #86a5cd; }
.panel-malraux { font-family: 'Open Sans',Arial,sans-serif; border-color: #952e50; }
.panel-malraux .panel-heading  { font-family: 'Open Sans',Arial,sans-serif; background: #952e50; }
.panel-monuments { font-family: 'Open Sans',Arial,sans-serif; border-color: #756c64; }
.panel-monuments .panel-heading  { font-family: 'Open Sans',Arial,sans-serif; background: #756c64; }


.btn { font-family: 'Open Sans',Arial,sans-serif; border-radius: 0; border: none; font-weight: bold; color: #FFF; font-size: 12px; line-height: 1em; }
.btn:hover, .btn:active, .btn:focus { font-family: 'Open Sans',Arial,sans-serif; color: #FFF; font-size: 12px; }

.btn-immobilier { font-family: 'Open Sans',Arial,sans-serif; background: #16A085; }
.btn-immobilier:hover { font-family: 'Open Sans',Arial,sans-serif; background: #16A085; }
.btn-duflot { font-family: 'Open Sans',Arial,sans-serif; background: #A41F72; font-size:14px;}
.btn-duflot:hover { font-family: 'Open Sans',Arial,sans-serif; background: #A41F72;font-size:14px; }
.btn-censi { font-family: 'Open Sans',Arial,sans-serif; background: #20517b; }
.btn-censi:hover { font-family: 'Open Sans',Arial,sans-serif; background: #276393; }
.btn-lmnp { font-family: 'Open Sans',Arial,sans-serif; background: #86a5cd; }
.btn-lmnp:hover { font-family: 'Open Sans',Arial,sans-serif; background: #97BAE5; }

.btn-lieu, .btn-lieu:hover, .btn-lieu:active, .btn-lieu:focus { font-family: 'Open Sans',Arial,sans-serif; background: none; color: #000; font-size: 12px !important; font-weight: normal; cursor: default; display: block; vertical-align: middle; height: 20px; line-height: 20px; text-align: left; }
.btn-lieu .close { font-family: 'Open Sans',Arial,sans-serif; color: #16A085 !important; opacity: 0.8; filter: alpha(opacity=80); vertical-align: middle; float: none; }
.btn-lieu .close:hover { font-family: 'Open Sans',Arial,sans-serif; opacity: 0.4; filter: alpha(opacity=40);}

.btn-form { font-family: 'Open Sans',Arial,sans-serif; background: #A41F72; font-size: 14px; padding: 10px 40px !important; }
.btn-form:hover { font-family: 'Open Sans',Arial,sans-serif; background: #A41F72; font-size: 14px; padding: 10px 40px !important; }

.consultationDuflot { font-family: 'Open Sans',Arial,sans-serif; font-size: 11px; font-weight: bold; font-style: italic; line-height: 1.2em; padding-right: 15px; background: url('../img/flecheDuflot.png') no-repeat right center; background-size: contain; }
.consultationCensi { font-family: 'Open Sans',Arial,sans-serif; font-size: 11px; font-weight: bold; font-style: italic; line-height: 1.2em; padding-right: 15px; background: url('../img/flecheCensi.png') no-repeat right center; background-size: contain; }

#formHome .form-group { font-family: 'Open Sans',Arial,sans-serif; margin: 0 0 5px 0; }
#formHome input { font-family: 'Open Sans',Arial,sans-serif; display: inline-block; }
#formHome label { font-family: 'Open Sans',Arial,sans-serif; height: 25px; font-size: 12px; color: #16A085; font-weight: bold; padding: 5px 5px 0 0; text-align: left; }
#formHome .form-control { font-family: 'Open Sans',Arial,sans-serif; border-radius: 0; font-size: 12px; padding: 1px 3px; height: 25px; }
#formHome .checkbox-inline { font-family: 'Open Sans',Arial,sans-serif; font-size: 12px; padding: 5px 5px 0 0 !important; font-weight: normal; color: #000; }
#formHome .checkbox-inline+.checkbox-inline { font-family: 'Open Sans',Arial,sans-serif; margin-left: 0; }
#formHome .checkbox-inline input { font-family: 'Open Sans',Arial,sans-serif; margin: 2px 5px 0 0; }
#formHome input.euro { font-family: 'Open Sans',Arial,sans-serif; background: #FFF url('../img/euro.png') no-repeat right center; background-size: contain; padding-right: 15px;}
#formHome .separateur { font-family: 'Open Sans',Arial,sans-serif; height: 4px; }

#formCriteres .form-group { font-family: 'Open Sans',Arial,sans-serif; margin: 0 0 5px 0; }
#formCriteres input { font-family: 'Open Sans',Arial,sans-serif; display: inline-block; }
#formCriteres label { font-family: 'Open Sans',Arial,sans-serif; height: 25px; font-size: 12px; color: #16A085; font-weight: bold; padding: 5px 5px 0 0; text-align: left; }
#formCriteres .form-control { font-family: 'Open Sans',Arial,sans-serif; border-radius: 0; font-size: 12px; padding: 1px 3px; height: 25px; }
#formCriteres .checkbox-inline, #formCriteres .radio-inline  { font-family: 'Open Sans',Arial,sans-serif;font-size: 12px; padding: 5px 5px 0 0 !important; font-weight: normal; color: #000; }
#formCriteres .checkbox-inline+.checkbox-inline, #formCriteres .radio-inline+.radio-inline { margin-left: 0; }
#formCriteres .checkbox-inline input, #formCriteres .radio-inline input { margin: 2px 5px 0 0; }
#formCriteres input.euro { font-family: 'Open Sans',Arial,sans-serif; background: #FFF url('../img/euro.png') no-repeat right center; background-size: contain; padding-right: 15px;}
#formCriteres .separateur { height: 4px; }

.carteFrance .accueil { margin: -20px 40px 0 40px }
.carteFrance { margin: 10px 40px 0 40px }
.carteRegion { margin: 10px 40px 0 40px }
.carteFranceDuflot { margin: 0 0 10px -20px }
.carteFranceCensi { margin: 0 0 10px -20px }

.programme
{
	background: #ffffff;
	background: -moz-linear-gradient(top,  #ffffff 0%, #e8eaeb 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e8eaeb));
	background: -webkit-linear-gradient(top,  #ffffff 0%,#e8eaeb 100%);
	background: -o-linear-gradient(top,  #ffffff 0%,#e8eaeb 100%);
	background: -ms-linear-gradient(top,  #ffffff 0%,#e8eaeb 100%);
	background: linear-gradient(to bottom,  #ffffff 0%,#e8eaeb 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e8eaeb',GradientType=0 );
	/*border-top: solid 1px #e9ebec;*/
	border: solid 1px #e9ebec;
	margin-bottom: 10px;
	font-family: 'Open Sans',Arial,sans-serif;
}

.programme section { margin: 10px 20px; font-family: 'Open Sans',Arial,sans-serif;}
.programme h4 { color: #336596; font-weight: bold; font-size: 12px; font-family: 'Open Sans',Arial,sans-serif;}
.programme h5 { color: #336596; font-weight: normal; font-size: 11px; margin-bottom: 5px; font-family: 'Open Sans',Arial,sans-serif;}
.programme p { color: #000; font-weight: normal; font-size: 11px; margin-bottom: 5px;font-family: 'Open Sans',Arial,sans-serif; }
.programme a.lien, .programme a.lien:active, .programme a.lien:link, .programme a.lien:visited { font-family: 'Open Sans',Arial,sans-serif;display: block; color: #336596; font-size: 12px; text-decoration: underline; font-style: italic; font-weight: bold; margin-bottom: 10px; }
.programme a.lien:hover { color: #86a5cd }
.programme .btn-immobilier { font-weight: bold; line-height: 1em; margin-top: 10px; margin-bottom: 10px;font-family: 'Open Sans',Arial,sans-serif; }



.has-success .form-control { background: url('../img/valid.png') no-repeat center right; }
/*.has-error .form-control { background-image: url('../img/error.png') no-repeat center right; }*/
.has-error .form-control { background-image: none; }

.help-block { margin: 0; padding: 0; }
.help-block small { font-family: 'Open Sans',Arial,sans-serif; font-size: 10px !important; }

.control-label { font-family: 'Open Sans',Arial,sans-serif; text-align: left !important; font-weight: bold; font-size: 12px; }
.form-control { font-family: 'Open Sans',Arial,sans-serif; border-radius: 0; padding-right: 30px; color: #000;}
select.form-control { font-family: 'Open Sans',Arial,sans-serif; padding-right: 5px; }
.form-group { font-family: 'Open Sans',Arial,sans-serif; margin-left : 5px !important; margin-right: 5px !important; margin-bottom: 5px; }

.ui-autocomplete { font-family: 'Open Sans',Arial,sans-serif; z-index: 2000 !important; }

#form { font-family: 'Open Sans',Arial,sans-serif; /*margin: 0 30px;*/ }
#lieux { font-family: 'Open Sans',Arial,sans-serif; height: auto !important; padding: 2px 2px 5px 2px !important; min-height: 24px; }
#formHome #lieu span { font-family: 'Open Sans',Arial,sans-serif; color: #B94A48; font-size: 10px; margin-left: 35px; }
#formCriteres #lieu span { font-family: 'Open Sans',Arial,sans-serif; color: #B94A48; font-size: 10px; }

.ui-autocomplete-category { font-family: 'Open Sans',Arial,sans-serif; background-color: #86A5CD; color: #FFF; font-weight: bold; padding: 3px 5px; margin: 2px 0; }

.modal-body { font-family: 'Open Sans',Arial,sans-serif; font-size: 12px; }
.modal h1 { font-family: 'Open Sans',Arial,sans-serif; color: #16A085; font-size: 18px !important; font-weight: bold !important; }
.modal h1 span { font-family: 'Open Sans',Arial,sans-serif; color: #444; font-size: 16px !important; font-weight: normal !important; }
.modal h2 { font-family: 'Open Sans',Arial,sans-serif; color: #888; font-size: 14px !important; font-weight: normal !important; margin: 0 !important; padding: 0 !important; }

.checkbox { font-family: 'Open Sans',Arial,sans-serif; font-size: 12px;  }

.question
{
	font-size: 12px;
	font-weight: bold;
	line-height: 20px;
	height: 18px;
	width: 18px;
	display: inline-block;
	text-align: center;
	margin: 0 5px;
	padding: 0;
	color: #FFF;
	background: linear-gradient(bottom, #16A085 0%, #16A085 100%);
	background: -o-linear-gradient(bottom, #16A085 0%, #16A085 100%);
	background: -moz-linear-gradient(bottom, #16A085 0%, #16A085 100%);
	background: -webkit-linear-gradient(bottom, #16A085 0%, #16A085 100%);
	background: -ms-linear-gradient(bottom, #16A085 0%, #16A085 100%);
	background: -webkit-gradient(linear, bottom top, bottom top, color-stop(0, #16A085), color-stop(1, #16A085));
	border-radius: 50%;
	cursor: pointer;
	font-family: 'Open Sans',Arial,sans-serif;
}


/* Traitement des erreurs dans le formulaire */ 
span.erreur { font-family: 'Open Sans',Arial,sans-serif; color: #A41F72; font-size: 10px; }
.has-error .help-block, .has-error .control-label, .has-error .radio, .has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline {/*color: #A41F72;*/}
.has-error .form-control { /*border-color: #A41F72; -webkit-box-shadow: inset 0 1px 1px #A41F72; box-shadow: inset 0 1px 1px #A41F72;*/}
.has-error .form-control:focus {
	/* border-color: #A41F72;-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #A41F72; box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #A41F72;*/
}

.has-success .help-block, .has-success .control-label, .has-success .radio, .has-success .checkbox, .has-success .radio-inline, .has-success .checkbox-inline { color: #333;}

.has-success .form-control { border-color: #16A085; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);}



.ui-menu-item .eligible > span { font-family: 'Open Sans',Arial,sans-serif; font-weight: bold; color: #16A085; }
.ui-menu-item .nonEligible { font-family: 'Open Sans',Arial,sans-serif; color: #AAA !important; }
.ui-menu-item .nonEligible > span{ font-family: 'Open Sans',Arial,sans-serif; font-weight: bold; color: #b94a48 !important; }

.ui-menu-item .ui-state-focus { font-family: 'Open Sans',Arial,sans-serif; background: #16A085!important; }
.ui-menu-item .ui-state-focus .eligible > span { font-family: 'Open Sans',Arial,sans-serif; font-weight: bold; color: #FFF; }
.ui-menu-item .ui-state-focus .nonEligible { font-family: 'Open Sans',Arial,sans-serif; color: #FFF !important; }
.ui-menu-item .ui-state-focus .nonEligible > span{ font-family: 'Open Sans',Arial,sans-serif;font-weight: bold; color: #F73936 !important; }

.checkbox-inline { font-family: 'Open Sans',Arial,sans-serif; font-size: 12px; }
.checkbox-inline input { font-family: 'Open Sans',Arial,sans-serif; font-size: 12px; margin-top: 2px; }

.radio-inline { font-family: 'Open Sans',Arial,sans-serif; font-size: 12px; }
.radio-inline input { font-family: 'Open Sans',Arial,sans-serif; font-size: 12px; margin-top: 2px; }

.lienSimul { font-family: 'Open Sans',Arial,sans-serif; font-size: 11px !important; color: #16A085; border-bottom: dotted 1px #16A085; padding: 2px 0 5px 0 !important; margin: 0 -20px 5px 0; }
.lienSimul > div { font-family: 'Open Sans',Arial,sans-serif; padding: 0 !important; }

.tri { font-family: 'Open Sans',Arial,sans-serif; font-size: 20px; color: #000; font-weight: bold; margin: 10px 0; }
p.small { font-family: 'Open Sans',Arial,sans-serif; font-size: 11px !important; line-height: 1.1em; }

#naviContent *, #filAriane, #filAriane * {
    -moz-box-sizing: content-box !important;
	box-sizing: content-box !important;
	text-decoration: none !important;
	font-family: 'Open Sans',Arial,sans-serif;
}

.tm-tag { font-family: 'Open Sans',Arial,sans-serif; border: #BBB 1px solid; background: #EEE; display: block; border-radius: 3px; margin: 0 5px 5px 0; padding: 4px; text-decoration: none; vertical-align: middle; }
.tm-tag span { 	font-family: 'Open Sans',Arial,sans-serif; font-size: 12px !important; color: #444 !important; }
.tm-tag a { font-family: 'Open Sans',Arial,sans-serif; float: right; font-size: 16px; font-weight: bold; }
.tm-tag a:hover {font-family: 'Open Sans',Arial,sans-serif; text-decoration: none; }

#complement, #submit { display: none; }


input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}

input[type='number'] {
    -moz-appearance:textfield;
}



/****** 20181105 ******/
h4.cc, h4.cc2 { color:#F56B2A !important; }
.question { background:#F56B2A !important; }
.btn-form { background:#4183d7 !important; }
span.erreur { color:#db4437 !important; }
.has-error .help-block, .has-error .control-label, .has-error .radio, .has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline { color:#db4437 !important; }
.bleu { color:#F56B2A !important; }
.btn-duflot { background:#4183d7 !important; }



/****** 20200117 ******/
body { font-family:'Open Sans', sans-serif; }
.container { width:800px; max-width:100%; }

#main { padding:20px 0px 20px 0px; }
body.simulateurPinel #main { background:#FAFAFA url('../img/icon-simulation.png') no-repeat; background-position:calc(100% - 15px) 15px; }
body.simulateurPinel3 #main { background:#FAFAFA url('../img/icon-resultat.png') no-repeat; background-position:calc(100% - 15px) 15px; }

#main h1 { font-weight:normal; color:#000; margin:0px 0px 5px 10%; font-family:'Open Sans', sans-serif !important; font-size:30px; }
#main h2 { font-weight:bold; color:#000; margin:0px 0px 15px 10%; font-family:'Open Sans', sans-serif !important; font-size:20px; }
#main  section { position:relative; overflow:hidden; width:700px; max-width:100%; margin:0px auto 20px auto; }
#main  section.questions { padding-left:5%; }
#main  section > h4 { margin-bottom:20px !important; color:#F56B2A; }
#main  section > div { margin-left:5%; }
#main  section > div > .form-group { display:inline; float:left; width:47%; padding:0px; }
#main  section > div > .form-group:nth-child(odd) { margin:0px 3% 15px 0px !important; }
#main  section > div > .form-group:nth-child(even) { margin:0px 0px 15px 3% !important; }
#main  section .form-group > .control-label { position:relative; display:block; width:100%; font-weight:bold !important; padding:0px; height:auto; margin-bottom:5px;  }
#main  section .form-group > .control-label .question { position:absolute; left:-30px; top:0px; opacity:0.4 !important; }
#main  section .form-group > .control-label .question:hover { opacity:1 !important; }
#main  section .form-group > .control { display:block; width:100%; padding:0px; }
#main  section .form-group > .control .form-control { height:40px; line-height:40px; border-radius:20px; padding:0px 20px; background:#eee; border:none !important; outline:none !important; }
#main  section .form-group > .control .form-control::placeholder { font-style:italic; color:#aaa; }
#main  section .form-group > .control .input-group > .form-control { border-radius:20px 0px 0px 20px; }
#main  section .form-group > .control .input-group > .input-group-addon { height:40px; line-height:40px; padding:0px 12px; border-radius:0px 20px 20px 0px; border:none !important; box-shadow:inset 0 1px 1px rgba(0,0,0,0.075); }
#main  section .form-group#nom > .control-label,
#main  section .form-group#telephone > .control-label,
#main  section .form-group#email > .control-label { display:none !important; }
.ui-tooltip { border-radius:20px; padding:8px 12px; font-size:0.7em; }
#main  section .question { opacity:0.4 !important; }
#main  section .question:hover { opacity:1 !important; }
#main  section .form-group .tooltip { z-index:1111; }
.form-group.has-error .form-control, 
#main  section .form-group.has-error > .control .form-control { border:solid 1px #ff0000 !important; }

section#votre-calcul { overflow:visible; }

section#vos-coordonnees { margin-bottom:20px; }
section#vos-coordonnees .btn-form { width:100%; }
section#vos-coordonnees .btn-form:hover { padding:0px 40px !important; }

section#votre-calcul { margin-bottom:20px; }
section#votre-calcul ul.onglets { list-style-type:none; padding:0px 10%; border-bottom:solid 1px #ccc; height:120px; line-height:120px; vertical-align:bottom; }
section#votre-calcul ul.onglets > li { position:relative; display:inline-block; max-width:200px; margin-right:10px; border:solid 1px #ccc; border-radius:10px 10px 0px 0px; z-index:2; padding:10px 5px 10px 5px; line-height:1em; vertical-align:bottom; }
section#votre-calcul ul.onglets > li input[type="radio"] { display:none !important; }
section#votre-calcul ul.onglets > li:first-child .control-label { margin-left:30px; }
section#votre-calcul ul.onglets > li.active { padding-bottom:20px; border-bottom:solid 1px #fff; box-shadow:0px -3px 8px rgba(0,0,0,0.1); }
section#votre-calcul ul.onglets > li.active .form-group > .control-label { color:#F56B2A !important; }
section#votre-calcul ul.onglets > li.active:after { content:" "; position:absolute; left:0px; bottom:-5px; height:10px; width:100%; background:#FAFAFA; }

section#validation { text-align:center; }
section#validation p { text-align:center; margin-bottom:20px; }
.btn-form { display:block; margin:0px auto 20px auto !important; height:40px; line-height:40px; border-radius:20px; padding:0px 40px !important; background:#F56B2A !important; color:#fff; }
.btn-form { display:inline-block; }
section#validation input[type="checkbox"] { height:15px; width:15px; vertical-align:middle; margin-left:5px; }

#main section.resultat { }
#main section.resultat h4 { border-bottom:solid 1px #ccc; color:#000; font-size:16px; }
#main section.resultat h4 span { display:inline-block; height:30px; line-height:30px; padding:0px 20px; background:#ccc; border-radius:6px 6px 0px 0px; color:#000 !important; margin-left:10%; }
#main section.resultat > div { margin-left:10%; }

section.resultat#general .bleu { font-size:1.5em; font-weight:bold; }
section.resultat#rendement .bleu { font-size:2.5em; }
section.resultat#synthese { }
section.resultat#synthese p { width:50%; display:inline; float:left; }
section.resultat#synthese p strong { color:#000 !important; }
#piechart { height:250px; }

/****** Modal window ******/
.modal-dialog .modal-content { border-radius:0px 0px 8px 8px; }
.modal-dialog .modal-content .modal-header .close { position:absolute; top:1px; right:0px; background-color:#000000; color:#fff; width:40px; height:40px; opacity:1; font-size:30px; }
#mentions-legales.modal-dialog { width:600px; max-width:100%; }
#mentions-legales.modal-dialog h5 { font-family:'Open Sans',Arial,sans-serif; font-size:16px; font-weight:bold; color:#F56B2A !important; }
#mentions-legales.modal-dialog p { }
#mentions-legales.modal-dialog p a { color:#000 !important; text-decoration:underline !important; }

@media (max-width: 640px) {
	
	body.simulateurPinel #main,
	body.simulateurPinel3 #main { background-image:none !important; }
	
	#main h1 { font-size:5.4vw; margin:0px 0px 5px 0px; text-align:center; }
	#main h2 { font-size:4vw; margin-left:0px; text-align:center; }
	#main section { max-width:100vw !important; margin-bottom:20px !important; }
	#main section, #main section.questions { padding:0px 15px !important; }
	#main section > div { margin:0px !important; }
	#main section > div > .form-group { display:block; width:100% !important; margin:0px 0px 15px 0px !important; }
	#main section > div > .form-group:nth-child(even) { margin:0px 0px 15px 0px !important; }
	#main section > div > .form-group:nth-child(odd) { margin:0px 0px 15px 0px !important; }
	#main section .form-group > .control-label { padding-left:10px; }
	#main section.questions .form-group > .control-label .question { right:0px; left:auto; }
	#main section.questions .form-group span.erreur { display:block; text-align:center; }
	
	section#votre-calcul { padding:0px !important; }
	section#votre-calcul span.question { display:none; }
	section#votre-calcul ul.onglets { /* display:flex; */ padding:0px 10px; height:110px; line-height:110px; margin-bottom:0px; justify-content:center; text-align:center; }
	section#votre-calcul ul.onglets > li { /* flex:1; */ padding:10px 5px 5px 5px; border-bottom:none; margin-right:5px; max-width:160px;  }
	section#votre-calcul ul.onglets > li:first-child .control-label { margin-left:5px; text-align:left !important; }
	section#votre-calcul ul.onglets > li:first-child { /* border-radius:10px 0px 0px 0px !important; */ }
	section#votre-calcul ul.onglets > li:last-child { margin-right:0px !important; /* border-radius:0px 10px 0px 0px !important; */ }
	section#votre-calcul ul.onglets > li.active { /* padding-bottom:5px; */ background:#fff !important; }
	section#votre-calcul ul.onglets > li .form-group { margin-left:0px !important; margin-right:0px !important; }
	section#votre-calcul ul.onglets > li#btnPrix .form-group > .control-label { /* margin-top:14px; */ }
	section#votre-calcul .form-group > .control-label { padding:0px !important; margin-left:5px; text-align:left !important; white-space:nowrap; }
	
	#main section.resultat { padding:0px 10px !important; }
	#main section.resultat h4 span { margin-left:5%; font-size:4.5vw; }
	section.resultat .question { position:absolute; right:5px; }
	section.resultat#general .bleu { font-size:3.5vw; }
	section.resultat#rendement strong { display:block; text-align:center; }
	section.resultat#rendement .bleu { font-size:10vw; }
	section.resultat#rendement > div > p:last-child { text-align:justify; }
	section.resultat#synthese { margin-bottom:30px !important; }
	section.resultat#synthese p { display:block; width:100%; font-size:4vw !important; }
	section.resultat#synthese p > strong { float:right; }
	
	.modal-dialog { padding:0px; }
	.modal-dialog .modal-content { border-radius:0px; border:none; }
	.modal-dialog .modal-content .modal-header .close { position:fixed; }
	
}

@media (max-width: 360px) {
	
	section#votre-calcul ul.onglets > li { margin-right:1%; max-width:48%; }
	
}


/****** 20200615 ******/
main { overflow-x:hidden; }
#mentions-legales.modal-dialog { max-height:460px; padding:0px; position:fixed; left:0px; top:0px; right:0px; bottom:0px; margin:auto; }
#mentions-legales.modal-dialog > .modal-content { display:flex; flex-direction:column; height:100%; }
#mentions-legales.modal-dialog > .modal-content > .modal-header { flex:1; max-height:70px; }
#mentions-legales.modal-dialog > .modal-content > .modal-body { flex:1; overflow-y:auto; }
@media (max-width: 480px) {
	#mentions-legales.modal-dialog { height:100%; max-height:100%; }
}