/* 
    Created on : 28 nov. 2019, 17:23:57
    Author     : Piermat
*/

/**   HEADER   **/
body {font-family: 'Montserrat', arial, helvetica, sans-serif;}

header.travaux-header {
    background-color:#FFF;
    padding:1em 0 0 0;
    text-align:left;
    height:100px;
}
.travaux-header .logo img{width:300px;}
header.travaux-header p.mention {
    float: right;
    font-size: 2em;
    color: #da1043;
    padding-top: 1em;
}

.header-title {text-align: right;color:#3771b3;font-size:2em;float:right;}
.header-title h2{font-size:1.0em;margin-top:0;line-height:1;font-weight:bold;color:#000;}

/**   CONTENU   **/
section.travaux-content {
    background-image: url(/assets/travaux_facile/img/bgd-tf.jpg);
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat;
    min-height:700px;
    padding-top:30px;
}

section.travaux-content .form-container {text-align: center;}

section.travaux-content .form-container h2 {color:#3771b3;font-size:16px;}
section.travaux-content .form-container h2 span {color:#9fbf43;}
section.travaux-content .title, section.travaux-content .sub-title {margin-left:300px;}
section.travaux-content .title {font-size:1.8em;font-weight:bold;color:#fff;line-height:1.1;text-shadow: 1px 1px 2px #000000;margin-top:25px;}
section.travaux-content .sub-title {
    /*    background:rgba(159,191,67,0.9);*/
    background-image: url(/assets/travaux_facile/img/bgd-sub-title.png);
    background-size: cover;
    background-position: center top;
    font-size:0.9em;
    padding: 28px 20px 28px 20px;
    color:#fff;
    margin-top:10px;
}

section.travaux-content .remerciement .title2 {color:#000;font-size:1.4em;text-align: center;background: #fff;width:70%;padding:20px;font-weight:600;}
section.travaux-content .remerciement .title2 span {color:#3771b3;font-size:1.1em;text-transform: uppercase;}

/*** FORM ***/
.input-postal {width:48%;float:left;}
.input-ville {width:48%;float:right;}
.form-control, .btn-default {background-color:#e6e6e6;border-radius:0;box-shadow:none;border: transparent;}
.form-container {
    /*
    position: fixed;
        right: 50% !important;
        margin-right: -555px;
    width:350px
    */
    background-color: #fff;
    border: 1px solid #eee;
    z-index: 4;
    padding-bottom:15px;
}
.form-container button.btn-participer {width:100%;padding:20px 0 20px 0;font-weight:500;border:transparent;background-color:#9fbf43;font-size:1.5em;color:#fff;text-transform:uppercase;}
.form-container .ml {font-size:0.7em;color:#b8b7b6;margin-bottom:10px;text-align: justify;display: inline-block;}

/*** Interventions ***/
section.details-content, section.commentaires-content {text-align: center;margin-bottom:0px;}
section.details-content .title, section.commentaires-content .title {font-size:2em;color:#3771b3;margin:0 0 30px 0;}
section.details-content .title span, section.commentaires-content .title span {color:#3a3a39;font-weight:bold;}
section.details-content .ico {margin-bottom:15px;}
section.details-content .ico img {width:30%;}

section.commentaires-content {
    background-image: url(/assets/travaux_facile/img/bgd-footer.jpg);
    background-size: cover;
    background-position: center 50px;
    background-repeat: no-repeat;
    min-height:350px;
    padding-top:30px;
}
section.commentaires-content .white {background: #fff;padding-bottom:50px;}
section.commentaires-content .comment {text-align: justify;font-size:0.9em;}
section.commentaires-content .comment span {color:#3771b3;font-weight:bold;}

input[type="checkbox"], input[type="radio"] {
    box-sizing: border-box;
    padding: 0;
}
.input-radio .form-group {margin-bottom:10px;}
.bloc-elem .form-group input#projetsnon, .bloc-elem .form-group input#projetsoui {display:none;}
.bloc-elem .form-group .radio-label {
    background:#e6e6e6;
    padding: 10px;
    width:48%;
    margin-right:5px;
    font-size:1.2em;
    cursor:pointer;
}
.bloc-elem .form-group .radio-label:hover {background:#1872b8;}
.bloc-elem .form-group .radio-label.active {
    background:#1872b8;
}

.bloc-elem .form-group .radio-label .label{color:#999;}
.bloc-elem .form-group .radio-label.active .label{color:#fff;}
/*** footer ***/
footer {background-color:#e6e6e6;}
footer .un-footer {text-align: center;}
footer .un-footer img {width:10em;padding:20px;}
footer .datawork-footer {font-size:0.78em;text-align: center;margin-bottom:50px;}

@media screen and (max-width:1200px) {
    .travaux-header .logo img{width:150px;}
    .header-title {font-size:1.4em;}
    
    section.travaux-content .title, section.travaux-content .sub-title {margin-left:0;}
    section.travaux-content .title {font-size:1.8em;font-weight:bold;color:#fff;line-height:1.1;text-shadow: 1px 1px 2px #000000;margin-top:25px;}
    section.travaux-content .sub-title {
        /*    background:rgba(159,191,67,0.9);*/
        background-image: url(/assets/travaux_facile/img/bgd-sub-title.png);
        background-size: cover;
        background-position: center top;
        font-size:0.9em;
        padding: 28px 20px 28px 20px;
        color:#fff;
        margin-top:10px;
    }
}

@media screen and (max-width:800px) {
    .travaux-header .logo {text-align:center;}
    .header-title {text-align:center;}
    
    section.travaux-content .title, section.travaux-content .sub-title {margin-left:0;}
    section.travaux-content .title {font-size:1.8em;font-weight:bold;color:#fff;line-height:1.1;text-shadow: 1px 1px 2px #000000;margin-top:25px;}
    section.travaux-content .sub-title {
        /*    background:rgba(159,191,67,0.9);*/
        background-image: url(/assets/travaux_facile/img/bgd-sub-title.png);
        background-size: cover;
        background-position: center top;
        font-size:0.9em;
        padding: 28px 20px 28px 20px;
        color:#fff;
        margin-top:10px;
    }
    section.details-content .ico img {width: 50%;}
    .header-title {font-size:1em;}
    section.travaux-content .remerciement .title2 {width:95%;}
    section.travaux-content {min-height: 500px;}
}