*{
    font-family:Lato;
}
html{
    overflow-x: hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#main-image{
    text-align:center;
    position:relative;
    background-image: url("../../../img/dashboard_img.png");
    background-size: cover;width:100%;height:800px;margin-top:-102px;
}
#main-image-cone{
    position:absolute;bottom:-150px;left:-115px;
    height:840px;
}
.navbar-default .navbar-nav > li > a, .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover,.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover{
    color:white !important;
}
.navbar-nav > li.active, .navbar-nav > li:hover{
    border:1px solid white !important;
}
#private_img{
    margin-top:10px;
    width:30px;
    margin-bottom:8px;
}
#private_img_resp{
    width:30px;
    margin-left:5px;
}
#main-image-logo{
    margin-top:120px;
}
#main-img-title{
    font-size:61px;
    color:white;
    line-height:50px;
    margin-bottom:30px;
}
#main-img-subtitle{
    font-size:31px;
    line-height:31px;
    color:white;
}
#main-img-btn{
    max-width:370px;
    padding:15px 0px;
    color:white;
    border:1px solid white;
    text-align:center;
    cursor:pointer;
    font-size:12px;
    margin: 20px auto auto;
    -webkit-transition:0.5s;
}
#main-img-btn:hover{
    transition:0.5s;
    background-color:rgba(255,255,255,0.2);
}

#main-image-plaque-container{
    display:table;
    height:250px;
}

#main-image-right-container{
    position:absolute;
    top:150px;
    right:0px;
}
#searcher_text,#private_text{
    font-size:13px;
    padding-bottom:10px;
    color:white;
}
#searcher_container{
    width:250px;
    padding-top:3px;
    padding-bottom:15px;
    color:white;
    position:relative;
    text-align:center;
    background-color:#CFB992;
    cursor:pointer;
    height:95px;
    line-height:15px;
    transition:0.2s;
    -webkit-transition:0.2s;
    margin-right:0px;
}
#searcher_container_responsive{
    position:absolute;
    left:0px;
    top:0px;
    display:none;
    height:100%;
    padding-top:20px;
    width:60px;
}
#private_container_responsive{
    position:absolute;
    left:0px;
    top:0px;
    height:100%;
    padding-top:25px;
    width:60px;
    display:none;
}
#private_container{
    margin-top:10px;
    line-height:15px;
    margin-right:0px;
    position:relative;
    height:90px;
    width:250px;
    padding-top: 3px;
    padding-bottom:10px;
    color:white;
    text-align:center;
    background-color:#9F3A8C;
    cursor:pointer;
    font-size:15px;
    transition:0.2s;
    -webkit-transition:0.2s;
}
#searcher_container:hover{
    width:240px;
    opacity:0.95;
    margin-left:10px;
}
#private_container:hover{
    width:240px;
    opacity:0.95;
    margin-left:10px;
}
#searcher_title,#private_title{
    font-family:Lato-bold;
    font-size:15px;
    color:white;

}

#entreprise-contact-title{
    color:#03465E;
    font-size:39px;
    line-height:39px;
    margin-bottom:10px;
}

#entreprise-contact-text{
    color:#C6C6C6;
    font-size:25px;
    line-height:25px;
}
#contact-container{
    margin-bottom:100px;
    margin-top:70px;
}


#actu-title{
    color:#03465E;
    font-family:Lato-bold;
    font-size:39px;
    margin-bottom:15px;
    text-align:center;
    margin-top:50px;
}
.actu-date{
    color:#B4B4B4;
    font-size:15px;
    line-height:15px;
    margin-bottom:10px;
}
.actu-title{
    font-size:22px;
    margin-bottom:5px;
    line-height:22px;
    color:#4D4D4D;
}
.actu-text{
    color:#7A7A7A;
    font-size:16px;
    line-height:16px;
    min-height:35px;
}
.actu-read-more{
    text-decoration:underline;
    color:#7A7A7A;
    cursor:pointer;
    position:absolute;
    bottom:-10px;
    right:20px;
    cursor:pointer;
}

.actu-container{
    display:table-cell;padding-left:10px;padding-top:0px;position:relative;padding-bottom:60px;
}
.actu-container-image{
    display:table-cell;padding-left:10px;padding-top:10px;position:relative;padding-bottom:20px;

    background-size:cover;
    background-position:center top;

    background-repeat:no-repeat;
    width:190px;
}
#actu-container-right,#actu-container-left{
    display:table-cell;width:60px;vertical-align:middle;text-align:center;
}

.actu-image{
    height:170px;width:170px;
}
#actu-left-image,#actu-right-image{
    cursor:pointer;
}

#actu-container-right,#actu-container-left{
    cursor:pointer;
    transition:0.5s;
}
#actu-container-right:hover > #actu-right-image{
    margin-left:5px;
}
#actu-container-left:hover > #actu-left-image{
    margin-right:5px !important;
}
#actu-right-image,#actu-left-image{
    transition:0.5s;
    cursor:pointer;
}

#implantation{
    background-image: url("../../../img/implantation.png");
    background-size: cover;width:100%;min-height:550px;height:auto;padding-top:75px;
}
#implantation_in{
    height:auto;
    width:80%;margin-left:10%;min-height:400px;background-image: url("../../../img/sundgau_home.png");background-size: cover;
    opacity:0.1;
    transition:0.5s;
    border:1px solid white;
}
#implantation_title{
    font-family:Lato-bold;font-size:28px;line-height:28px;margin-bottom:20px;
}
#implantation_container{
    background-color:rgba(159,58,140,0.8);padding-left:20px;padding-top:20px;padding-right:50px;padding-bottom:20px;max-width:470px;color:white;margin-top:70px;
}
#implantation_text{
    line-height:18px;
    text-align:justify;
    font-size:16px;
}
#implantation_btn{
    cursor:pointer;padding:15px 0px;margin-top:10px;font-size:25px;font-family:Lato-bold;background-color:white;text-align:center;max-width:470px;color:#03465E;font-family:Lato-bold;
    -webkit-transition:0.2s;
    transition:0.2s;
}
#implantation_btn:hover{
    opacity:0.85;
}


.conus-text{
    font-size:16px;
    line-height:16px;
    color:#8D8D8D;
    margin-bottom:10px;
    text-align:justify
}
#conus-title{
    font-family:Lato-bold;
    font-size:28px;
    line-height:28px;
    margin-bottom:15px;
    color:#01415E;
    text-align:left;
}
#conus-btn,#team-btn{
    text-align:center;
    color:white;
    background-color:#9F3A8C;
    float:right;
    padding: 20px 70px;
    font-family:Lato-bold;
    margin-top:20px;
    -webkit-transition:0.2s;
    transition:0.2s;
}
#team-btn{
    margin-top:80px;
    cursor:pointer;
}

#conus-btn:hover,#team-btn:hover{
    opacity:0.8;
}
#conus-container-out{
    margin-top:70px;
}
#conus-container{
    max-width:510px;
}
#conus-img{
    height:auto;max-height:600px;
}


#plaque-col{
    position:relative;
}
#plaque-img{
    position:absolute;top:-100px;left:0px;
}
#plaque-main-container{
    display:table;width:100%;height:100%;
}
#plaque-container-left{
    display:table-cell;vertical-align:middle;color:#737373;font-family:Lato-italic;font-size:35px;line-height:30px;max-width:180px;
}
#plaque-container-img{
    display:table-cell;
}
#plaque-container-left-title{
    float:right;
}
#main-image-plaque-container{
    margin-top:30px;
}
#plaque-main-title-1{
    font-family:Lato-italic;margin-left:15px;
}
#plaque-main-title-2{
    font-family:Lato-italic;
}
#plaque-main-container-right{
    display:table-cell;vertical-align:middle;padding-left:5px;color:#737373;font-size:20px;font-family:Lato-italic;line-height:20px;position:relative;text-align: justify;max-width:160px;
}
#plaque-btn-container{
    transition:0.5s;
    -webkit-transition: 0.5s;
    background-color:#CFB992;color:white;position:absolute;width:320px;bottom:-70px;left:2px;display:table;cursor:pointer;
}
#plaque-btn-container-resp{
    background-color:#CFB992;color:white;max-width:300px;
    margin: 50px auto auto;
    cursor:pointer;
    transition:0.5s;
    -webkit-transition: 0.5s;
    display:none;
}
#plaque-btn-container:hover,#plaque-btn-container-resp:hover{

    opacity:0.85;
}
.plaque-container-left-btn{
    display:table-cell;vertical-align:middle;text-align: center;width:70px;
}
.plaque-container-right{
    display:table-cell;padding-top:10px;padding-bottom:15px;
}
.plaque-btn-text-1{
    font-family:Lato-bold;font-size:16px;
}
.plaque-btn-text-2{
    font-family:Lato;font-size:15px;line-height:15px;
}

.unique-actu-row{
    position:relative;
    display:table-cell;vertical-align: middle;height:100%;display:none;
}
#shadow_actu{
    margin:auto;width:100%;position:absolute;
}
.unique-actu-row.active{
    display:block;
    height:auto;
}
.unique-actu-container{
    background-color:white;
    padding-bottom:40px;
    padding-top:20px;padding-left:20px;
    display:table;width:100%;height:auto;min-height:160px;
}
#actu-main-container{
    display:table;width:900px;
    margin:auto;
    max-width:100%;
}



@media (max-width: 1200px) {
    #plaque-img{
        width:400px;
    }
    #plaque-btn-container{
        width:290px;
    }
    .plaque-container-left-btn{
        width:60px;
    }
}



@media (max-width: 1150px) {
    #main-image-cone{
        display:none;
    }

}

@media (max-width: 992px) {
    #actu-main-container{
        width:100%;
    }
    #implantation{
        padding-top:20px;
    }
    #implantation_in{
        min-height:510px;
    }

    #plaque-container-left-title{
        float:none;
    }
    #plaque-container-left{
        max-width:120px;
    }
    #conus-img{
        height:100%;
        width:100%;
    }
    #conus-container{
        width:100%;
        margin:auto;
        max-widh:100%;
    }
    #implantation_container{
        margin: 45px auto auto;
    }
    #implantation_btn{
        margin: 10px auto auto;
    }
    #implantation_in_container{
        width:100%;
    }
    #main-image-right-container{
        right:-190px;
        transition:0.2s;
        -webkit-transition:0.2s;
    }
    #main-image-right-container:hover{
        right:0px;
    }
    #searcher_container_responsive,#private_container_responsive{
        display:block;
    }
    #searcher_container_large{
        display:none;
    }
    #private_container_large{
        display:none;
    }
    #main-image-right-container:hover >  #searcher_container > a > #searcher_container_large{
        display:block;
    }
    #main-image-right-container:hover > #searcher_container > #searcher_container_responsive{
        display:none;
    }

    #main-image-right-container:hover >  #private_container >  a > #private_container_large{
        display:block;
    }
    #main-image-right-container:hover >  #private_container > #private_container_responsive{
        display:none;
    }
    .actu-container-image{
        display:none;
    }

}
@media (max-width: 768px) {
    #implantation_title{
        font-size:30px;
        line-height:30px;
    }
    #plaque-main-container{
        display:block;
        height:auto;
    }

    #plaque-container-left{
        display:block;
        width:100%;
    }
    #plaque-container-left,#plaque-container-left{
        width:100%;
        max-width:100%;
        text-align:center;
    }
    #plaque-main-container-right{
        width:100%;
        max-width:100%;
    }
    #plaque-container-left-title{
        margin-bottom:30px;
    }
    #plaque-main-title-1,#plaque-main-title-2{
        display:inline-block;
    }
    #plaque-container-img > img {
        display:none;
    }
    #plaque-btn-container{
        display:none;
    }
    #plaque-btn-container-resp{
        display:block;
    }
    #main-image-plaque-container{
        display:block;
        height:210px;
    }
    .navbar-default .navbar-collapse, .navbar-default .navbar-form {
        background-color: white;
    }

    .navbar-default .navbar-nav > li > a, .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {
        color: #444444 !important;
    }
}
@media (max-width: 600px) {
    #main-image-plaque-container{
        height:240px;
    }
    #main-image-plaque-container{
        height:350px;
    }
}