/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 8 juin 2017, 14:26:33
    Author     : anthony & Piermat
*/
@import url('https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i');
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    line-height: 1;
    font-family:'roboto', sans-serif;
}
/*ol, ul {
    list-style: none;
}*/
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
.clear {
    clear:both;
}
.none {
    display:none;
}
.dropdown-menu {
    z-index: 25000 !important;
}

/**HEADER**/

header.aide-iso-header {
    background-color: #FFF;
    width: 100%;
    height: auto;
    padding: 0.5em 0;
}
header .logo-aide-iso img {
    width: 15em;
}
header .logo-aide-iso {
    float: left;
}
header .logo-tv img {width:100%;}

/*header .logo-qualibat {
    float: right;
}
header .logo-qualibat img {
    width: 5em;
}*/

/**CONTENU**/
.aide_iso-content  {
    background-image: url(/assets/aide_isolation/img/bgd-aide-isolation.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    background-size:  cover;
    min-height: 800px;
}
h1 {font-size: 3.0em;color:#fff;margin-top: 20px;font-weight: bold;text-shadow: 1px 1px 2px rgba(0,0,0,0.5);}
h2 {font-size: 2.0em;color:#fff;margin-top: 10px;font-weight: 300;text-shadow: 1px 1px 2px rgba(0,0,0,0.5);}

.item {font-size:1em;color:#000;margin-top:20px;font-weight:300;line-height:24px;text-align:center;}
.item h3 {font-weight:bold;padding-bottom:10px;margin-bottom:1px;border-bottom-width:medium;}
.item img{width:20%;}
.item span {font-style: italic;}
.filet {border-bottom:4px solid #af281e;width:100px;margin-bottom:10px; }
.point {margin-left:40px;list-style-type: none;}
.bullet {
    background-image: url(/assets/aide_isolation/img/bgd-arrow.png);
    background-repeat: no-repeat;
    background-position: right top;
    background-size:  cover;
    margin-top:10px;
    line-height:1.8;
    padding:20px;
    color:#000;
    font-size:2em;
    min-height:400px;
    font-weight:bold
}
.bullet span {font-size:1.5em;}
.bullet .ico-iso {width:40px;}

/**formulaire**/
.bloc-elem.input-aide-iso {width: 100%;display: inline-block;}
.lastname, .phone {margin-right:23px;}
.form-content {
    background-image: url(/assets/aide_isolation/img/bgd-form1.jpg);
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size:  cover;
    min-height:400px;
    margin-top:20px;
    margin-bottom:50px;
    padding:20px;
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0 0 10px rgba(0,0,0,0.3);
}
.form-content input, .form-content button {background-color:#e6e6e6;color: #000;border: none;border-radius: 0;height: 3em;}
.form-content h3 {color:#8aaf42;font-size:1.8em;font-weight:bold;margin-bottom:10px;text-transform:uppercase;}
.form-content h3 span {color:#eeb450;}
.form-content h4 {font-size:1.5em;}
.form-content .label {color:#000;}
.form-content .bloc-radio label {display:none;}
.form-content .nombre.bloc-radio label.radio-label {display:inline-block;width:141px;margin-right:10px;text-align: center;}
.form-content .bloc-radio .form-group label {display:inline-block;width:111px;margin-right:10px;text-align: center;}
.form-content .bloc-radio .form-group .radio-label-energie-pompe-chaleur {margin-right:0px;}
.form-content .nombre.bloc-radio label.radio-label.radio-label-surface-200 {margin-right:0px;}

.form-content .nombre2.bloc-radio label.radio-label {display:inline-block;width:50px;margin-right:10px;text-align: center;}
.form-content .nombre2.bloc-radio label.radio-label.radio-label-surface-200 {margin-right:0px;}

.revenus .form-group {width:100%;}
.revenus .form-group label {display:inherit;}
.revenus input {width:48%;float: left;}
.revenus .form-group img {width:48%;float: left;margin-bottom: 20px;}

.form-content .btn-participer {display:inline-block;position:relative; right:0;border-radius:5px;color:#fff;text-align:right;background-color: #8aaf42;padding:16px 50px 20px 50px;font-size:1.0em;font-family:'roboto', sans-serif;font-weight:bold;}
.rel {text-align:center;}
label, .bloc-elem .form-titre {margin:10px 0 5px 0;}
input[type="checkbox"]:checked,
input[type="checkbox"]:not(:checked),
input[type="radio"]:checked,
input[type="radio"]:not(:checked) {
    width: 1px;
    height: 1px;
    margin: 0;
    padding: 0;
    opacity: 0;
    position: absolute;
    clip: rect(0 0 0 0);
    clip: rect(0,0,0,0);
    -webkit-appearance:	none;
    -moz-appearance:	none;
    -o-appearance:		none;
    appearance:		none;
}

.bloc-radio label.active{
    background-color: #8aaf42;
}
.bloc-radio label:hover{
    background-color: #8aaf42;
}
.bootstrap-select > .dropdown-toggle.bs-placeholder, .bootstrap-select > .dropdown-toggle.bs-placeholder:active, .bootstrap-select > .dropdown-toggle.bs-placeholder:focus, .bootstrap-select > .dropdown-toggle.bs-placeholder:hover,
.form-group input::placeholder {color: #666;}
.energie label {border-radius:8px;background-color:#e6e6e6;width:98px;height:98px;cursor: pointer;vertical-align: middle;padding-top:60px;text-align:center;}
.nombre label {border-radius:8px;background-color:#e6e6e6;padding:32px 16px;cursor: pointer;font-weight:bold;}
.nombre2 label {border-radius:8px;background-color:#e6e6e6;padding:16px 16px;cursor: pointer;font-weight:bold;}

.radio-label-nombre-1, .radio-label-nombre-2, .radio-label-nombre-3, .radio-label-nombre-4, .radio-label-nombre-5, .radio-label-nombre-6, .radio-label-nombre-7, .radio-label-nombre-8, .radio-label-nombre-9 {margin-right:11px;}
.radio-label.radio-label-nombre-10 {padding:16px 10px;margin-right:0!important;}
.nombre label.active {background-color: #8aaf42;}
.radio-label-energie-electricite, .radio-label-energie-fioul, .radio-label-energie-gaz, .radio-label-energie-bois, .radio-label-energie-pompe-chaleur{margin-right:26px;background-position: 50% 25%;background-size: 45%;background-repeat: no-repeat;}
.radio-label-energie-electricite {background-image:url(/assets/aide_isolation/img/ico_elec.png);}
.radio-label-energie-fioul {background-image:url(/assets/aide_isolation/img/ico_fuel.png);}
.radio-label-energie-gaz {background-image:url(/assets/aide_isolation/img/ico_gaz.png);}
.radio-label-energie-bois {background-image:url(/assets/aide_isolation/img/ico_bois.png);}
.radio-label-energie-pompe-chaleur {background-image:url(/assets/aide_isolation/img/ico_pac.png);margin-right:0;}

/*---step2---*/
label.radio-label-anciennete-non, label.radio-label-anciennete-oui {border-radius:8px;background-color:#e6e6e6;width:90px;height:90px;cursor: pointer;vertical-align: middle;padding-top:60px;text-align:center;}
label.radio-label-anciennete-non, label.radio-label-anciennete-oui {margin-right:26px;background-position: 50% 25%;background-size: 35%;background-repeat: no-repeat;}
.radio-label-anciennete-oui {background-image:url(/assets/aide_isolation/img/ico_maison-oui.png);}
.radio-label-anciennete-non {background-image:url(/assets/aide_isolation/img/ico_maison-non.png);}

.postal input  {background-color: #bbb;}
.adresse {margin-top:10px;}

.bloc-elem.input-aide-iso.medium.surface{width:100%;}
.bloc-elem.input-aide-iso.medium {width:48%;}

.erreur {background-color:rgba(175,40,30, 0.8);padding:5px;color:#fff;border-radius:2px}


/**RECAPITULATIF**/
.form-content.recap-merci img {width:100%;}
.recap-merci {font-size:1.0em;font-family:'roboto', sans-serif;margin-top:20px;font-weight:300;line-height:1.8em;}
.recap-merci span {font-weight:bold;}
.recap-merci .important {color:rgb(175,40,30);}
.green {color:#8aaf42;}
.red {color:#af281e;text-transform: uppercase;}

.rfr {font-weight:bold;}
.rfr img {width:80%;}

/**FOOTER**/

footer {
    margin-top:50px;
    padding: 2em 0;
    background-color: #6b6a69;
    text-align:center;
    font-family: 'Roboto', sans-serif;
}
footer p {
    font-size: 0.8em;

    line-height: 1.2;
    color: #b1b1b1;
}
footer .credits {
    text-align:center;
}
footer a {
    text-decoration: none;
    color: #414141;
    font-size: 1em;
    border-bottom: 1px dashed #b3b3b3;
}
footer a:hover {
    text-decoration: none;
    color: #fff;
    font-size: 1em;
    border-bottom: 1px solid #b3b3b3;
}
@media (max-width: 1100px) {
    h1 {font-size:2em;text-align: center;}
    h2 {text-align: center;}
    .container {}
    .bullet {
    background-image: none;
    background-color: rgba(255,255,255,0.8);
    line-height:1.8;
    padding:20px;
    color:#000;
    min-height:200px;
    font-weight:bold;
    text-align: center;
    font-size:1.2em;
}
    .form-content h3 {
        text-align: center;
    }
    .form-content h4 {text-align: center;font-size:1.2em;}
    .bloc-elem.input-aide-iso {
        text-align: center; 
    }
    .bloc-elem.input-aide-iso.medium {width:100%;}
    .point {margin-left:0;}

    .bullet {}
    ul {list-style: none;}
    .rel {text-align: center;}

}

@media (max-width: 600px) {
    header {text-align: center;}
    header .logo-aide-iso img {width: 100%;}
    h1 {font-size:1.5em;}
    .form-content .bloc-radio label.radio-label.radio-label-surface-200 {margin-right:10px;}
    .form-content .btn-participer {padding: 16px 30px 20px 30px}


}