a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;vertical-align:baseline;} article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none} blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}table{border-collapse:collapse;border-spacing:0}

:root {--gris: #515151; --saumon: #EC7A6E; --blanc: #FFFFFF;}


@font-face {
    font-family: 'd-din_condensed';
    src: url('/wp-content/themes/ekoterra/css/font-face/d-din_condensed/d-dincondensed-webfont.eot');
    src: url('/wp-content/themes/ekoterra/css/font-face/d-din_condensed/d-dincondensed-webfont.eot?#iefix') format('embedded-opentype'),
         url('/wp-content/themes/ekoterra/css/font-face/d-din_condensed/d-dincondensed-webfont.woff2') format('woff2'),
         url('/wp-content/themes/ekoterra/css/font-face/d-din_condensed/d-dincondensed-webfont.woff') format('woff');
    font-weight: 400;
    font-style: normal;

}


@font-face {
    font-family: 'd-din_condensed';
    src: url('/wp-content/themes/ekoterra/css/font-face/d-din_condensed/d-dincondensed-bold-webfont.eot');
    src: url('/wp-content/themes/ekoterra/css/font-face/d-din_condensed/d-dincondensed-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/wp-content/themes/ekoterra/css/font-face/d-din_condensed/d-dincondensed-bold-webfont.woff2') format('woff2'),
         url('/wp-content/themes/ekoterra/css/font-face/d-din_condensed/d-dincondensed-bold-webfont.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}

body { background: linear-gradient(to bottom right, #008eb9, #00a944); color: #FFF; min-height: 100vh; display:flex; align-items: center; justify-content: center; font-family: 'd-din_condensed'; text-align: center; max-width: 950px; margin: 0 auto; padding-top: 50px;}


.bigTitle{font-size: 50px; margin-bottom: 20px}
p.intro{max-width: 400px; margin: 0 auto 50px}

.question{font-size: 2.06em;font-weight: 700; margin-bottom: 35px; text-transform: uppercase}

.buttonSwitcher, .buttonNext, .submitButton{background: #FFF; /*linear-gradient(to bottom right, #008eb9, #00a944);*/ color: #008eb9 !important; display: inline-block; font-size: 15px;
    padding: 20px 40px;
    cursor: pointer;
    -webkit-border-radius: 5px;
    border-radius: 5px; font-weight: bold; text-transform: uppercase; letter-spacing: 1px; margin: 0 10px;
 }

label,input{display: block; text-align: center; margin: 0 auto; width: 100%}
input, select{margin-bottom: 25px; width: 100%; text-align: left}
label{font-weight: 600;  font-size: 20px; margin-bottom: 7px; text-align: left}
input{border:2px solid rgba(255, 255, 255, 0.32); color: 000; padding: 10px 15px }
select{border:0;  padding: 10px 15px}

label .moreinfo{display: block; font-weight: 400; font-size: 16px; margin-top: 5px}
.smallInfo {text-align: left; margin-bottom: 10px}
.smallInfo input {
    display: inline;
    padding: 0;
    margin: 0;
    margin-right: 10px;
    width: auto;
}
.smallInfo label {
    font-size: 17px;
    text-align: left;
    font-weight: 400;
    display: inline;
}

 .submitButton{margin-top: 25px}
.step{display: none}
.step#step1{display: block}


.back{margin-top: 25px; cursor: pointer}
#resultats{}
#resultats h1,#resultats .conclu{margin-bottom: 56px; font-size: 3em;}
#resultats .subTitle{
    font-size: 24px;
    text-align: left;
    font-weight: bold;
    margin-bottom: 12px;
    margin-top: 41px;}
#resultats .info{    font-size: 20px;
    margin-bottom: 18px;
    text-align: left;
    padding-left: 50px;}
    
    #resultats .pub{font-size: 18px}
    #resultats .conclu{margin-top: 50px}
    #resultats .pub a{color: #FFF; text-decoration: underline}
#resultats .info .value{font-size:32px; }