header{
    background: url(../img/backHead.png) center center no-repeat;
    background-size: cover;
}
header *{

    font-family: 'Roboto', sans-serif;
}
::placeholder {
    font-family: Lato;

    font-size: 15px;

    font-weight: bold;



    letter-spacing: 0.4px;

    color: #378bc3!important;
}
a{
    color:#378bc3
}
body{
    font-family: 'Lato', sans-serif;
    font-size: 15px;

    font-weight: normal;

    font-stretch: normal;

    font-style: normal;

    line-height: 1.4;

    letter-spacing: 0.4px;

    color: #979796;
}

h1{


    font-size: 28px;

    font-weight: normal;

    font-stretch: normal;

    font-style: normal;

    line-height: normal;

    letter-spacing: 0.74px;

    color: #378bc3;
    margin-bottom:17px;
}


.noResult{
    display: none;
}

header .container{

    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.headLogo{

    display: flex;
    flex-direction: column;

}
.headLogo img{

    padding:16px 20px;
    background: #fff;
    border-bottom-left-radius:13px ;
    border-bottom-right-radius:13px ;
    margin-bottom:71px;
}
.headLogo a.corpolink{

    display: block;
    border-radius: 8px;
    text-align:center;

    background-color: #378bc3;
    margin-bottom:38px;

    font-size: 13px;

    font-weight: bold;

    font-stretch: normal;

    font-style: normal;

    line-height: normal;

    letter-spacing: 0.34px;
text-transform: uppercase;


    color: #ffffff;
    padding:12px 20px;
}


.langSelector{

    display: flex;

}

.langItem{
    padding:10px;
    background: #fff;
    border-bottom-left-radius:13px ;
    border-bottom-right-radius:13px ;
    margin-bottom:71px;
    color:#d6d6d6;
    margin-right:10px;
    font-weight: bold;
    font-size: 13px;
}
.langItem:hover,
.langItem.selected{

    color:#378bc3;
}

.mainContent{
    padding-top:35px;
    padding-bottom:35px;
}
.imgprod{
    max-width: 100%;

}
.imgcontainer{
    padding: 18px;
    background-color: #eeeeee;
    align-self: flex-start;

}
.column{

    padding-top:35px;
    border-left:1px solid #cacaca;
    align-self:flex-start;

    padding-bottom:35px;
}

.searchForm{
    margin-top:25px;
    margin-bottom:25px;
}
.searchForm label{
    font-size: 15px;

    font-weight: bold;

    font-stretch: normal;

    font-style: normal;

    line-height: normal;

    letter-spacing: 0.4px;

    color: #979796;
    display: block;
}
.searchForm input[type=text]{
    border-radius: 8px;
width:78%;
    margin-right:2%;
    border: solid 2px #378bc3;
line-height: 70px;
    font-size: 40px;
    padding-left:15px;
    vertical-align:top;
    background-color: #ffffff;
}
.searchForm input[type=submit]{

border:1px solid #378bc3;
    border-radius: 8px;
    width:17%;
    color:#fff;
    line-height: 70px;
    vertical-align:top;
    background-color: #378bc3;
    font-size: 17px;

    font-weight: bold;

    font-stretch: normal;

    font-style: normal;


    letter-spacing: 0.45px;

    text-align: center;

}
.searchForm input[type=submit]:hover{

border:1px solid #378bc3;
    border-radius: 8px;
width:17%;
    color:#378bc3;
    cursor:pointer;
    vertical-align:top;
    line-height: 70px;
    background-color: #fff;
}
.btn-primary {
    color: #fff;
    background-color: #378bc3;
    border-color: #378bc3;
}
.backGris{
    width:75%;
    background-color: #868383;
    line-height:48px;

    font-size: 24px;

    font-weight: normal;

    font-stretch: normal;

    font-style: normal;


    padding-left:17px;
    letter-spacing: 0.64px;
    margin-bottom:0;
    color: #ffffff;
}
.backBleu{
    line-height:48px;
    margin-top:0;
    padding-left:17px;
    font-size: 24px;

    font-weight: normal;

    margin-bottom:30px;
    font-stretch: normal;

    font-style: normal;


    letter-spacing: 0.64px;

    color: #ffffff;
    background-color: #378bc3;
}
.form-control{
    padding: 15px;
}
footer
{
    padding: 14px;
    background: #378bc3;
    text-align: center;
    color:#fff;
}
footer a
{

    color:#fff;
}
footer a:hover
{

    color:#fff;
}
.column a{
    cursor:pointer;
}
.rightColumnBlock{
display: flex;
    font-family: Lato;

    font-size: 13px;

    font-weight: normal;

    font-stretch: normal;

    font-style: normal;

    line-height: normal;

    letter-spacing: 0.34px;

    color: #378bc3;
    margin-bottom:8px;
    align-items: center;
}
.rightColumnBlock div{

    margin-right:8px;
}
.rightColumnBlock a{
    font-family: Lato;

    font-size: 13px;

    font-weight: normal;

    font-stretch: normal;

    font-style: normal;

    line-height: normal;

    letter-spacing: 0.34px;

    color: #378bc3;

}
.envelopic{
    height:47px;
    width:47px;
    border-radius: 8px;

    background: #378bc3 url('../img/enveloppe.png')center center no-repeat;
}

.helpic{
    height:47px;
    width:47px;
    border-radius: 8px;

    background: #378bc3 url('../img/aide.png')center center no-repeat;
}

.error,.success{
    display: none;
}
.quoteForm{
    display: none;
}
.formToggle{
    border-radius: 8px;
    padding:12px 30px;
    color:#fff;
    border:none;
    background-color: #378bc3;
    margin-bottom:17px;
}
.quoteForm button[type=submit]
{
width:100%;
}
.formToggle:hover{
 cursor:pointer;
    background-color: #868383;
}

.dlLink {
    border-bottom:1px solid #eeeeee;
}
.dlLink:first-of-type {

    border-top:1px solid #eeeeee;
}
.dlLink a{
    line-height: 36px;
    font-weight: bold;
    display: block;
    background:url(../img/dl.png) no-repeat 15px center ;
    padding:10px 55px;
}
.dlLink a:hover{
    text-decoration: none;
    background:#f6f6f6 url(../img/dlhover.png) no-repeat 15px center ;

}
.docsST
{
    padding: 20px 0;
}

.infosST{
margin-bottom:15px;
    color:#000;
    font-weight: bold;
}
.descrST
{

}
.infosST b,.descrST b{
    color:#378bc3;
}

@media screen and (max-width: 768px) {
    .langSelector  .selected{
        display: none;
    }
    .headLogo{
        margin:auto;
    }
    header .container {

        position: relative;
    }
    .home{
        text-align: center;
    }
    .home h3{
        text-align: left;
    }
    .langSelector {
        display: flex;
        position: absolute;
        right: 15px;
        width: auto;
    }
    .langItem {

        margin-right:  0px;
    }
    .column {
        padding-top: 35px;
        border-left: 0px solid #cacaca;
        align-self: flex-start;
        padding-bottom: 35px;
        border-top: 1px solid #cacaca;
        display: flex;
        justify-content: space-around;
    }
    .col{
        width:100%;
    }
    .form-row {

        display: block;
    }
}
@media screen and (max-width: 420px) {

}