/*  ================= CSS utilisé dans la page : ========== 
*
* emploi-construction-renovation.php
*
*/

.section-2{
    display: flex;
    flex-direction: column;
    row-gap: 40px;
}

.section-2 .col-1 div{
    margin-top: 30px;
}

.section-2 .col-2 .souligne{
    width: 42px;
    height: 5px;
    margin-bottom: 13px;
    margin-top: unset;
}

.section-2 .col-2 h3{
    font-size: 1.4em;
}

.section-2 .col-2 ul{
    margin-top: 15px;
    margin-left: 30px;
}

.section-2 .col-2 ul li{
    list-style-type: disc;
}

.section-2 .row-2 {
    width: 100%;
}

.section-2 .row-1 .col-2 h3{
    line-height: 30px;
}

.section-2 .row-1 .col-2 p{
    margin-top: 14px;
}

.section-2 .row-2 ul{
    margin-left: 12px;
}

.section-2 .row-2 ul li{
    list-style-type: disc;
}

.section-3 {
    flex-direction: column-reverse;
    padding: 8px 0;
}

.section-3 .souligne{
    margin-top: 8px;
}

.section-3 form{
    margin-top: 10px;
}

label[for="upload"]{
    background-color: var(--rouge);
    color: white;
    padding: 1px 20px;
    margin: 4px 0;
    display: block;
}
input[type="file"]{
    display: none;
}

label[for="button-submit"] {
    margin: 30px 0;
}



@media only screen and (min-width: 1024px) {

    main{
        margin-bottom: 230px;
    }
        
    .section-2{
        align-items: flex-start;
    }

    .section-2 .container-1{
        align-items: center;
    }
    
    .section2 .row-2{
        margin-top: 30px;
    }

    .section-3 {
        flex-direction: row;
    }

    .section-3 .col-1{
        margin-top: 15px;
    }

    .section-3 .col-1 img{
        margin-top: 62px;
    }
}

@media only screen and (min-width: 1500px){
}