body {
    background-image: url("../img/jobs.jpeg");
}

.container {
    width: 100%!important;
    padding: 0px!important;
}

.container-fluid {
    padding-top: 25px;
    padding-bottom: 25px;
    padding-left: 50px;
}

.navbar {
    margin-top: 0px!important;
    border: none!important;
    border-radius: 0px!important;
    background-color: RGB(0,0,120);
}

.navbar-default {
    margin-top: 0px!important;
    border: none!important;
    border-radius: 0px!important;
}

.navbar-header {
    margin-right: 100px!important;
}

@media screen and (max-width: 517px) {
    footer {
        height: 1500px;
    }
}

@media screen and (max-width: 518px) and (max-width: 862px) {
    footer {
        height: 1200px;
    }
}

@media screen and (max-width: 863px) and (max-width: 1035px) {
    footer {
        height: 800px;
    }
}

@media screen and (min-width: 1036px) and (max-width: 1177px) {
    footer {
        height: 450px;
    }
}

@media screen and (min-width: 1178px) and (max-width: 1293px) {
    footer {
        height: 430px;
    }
}

@media screen and (min-width: 1294px) and (max-width: 3881px) {
    footer {
        height: 425px;
    }
}

@media screen and (min-width: 3882px) {
    footer {
        height: 1300px;
    }
}

.custom-footer {
    background: #0f0f0f;
    margin-bottom: 0px!important;
}

.content-footer {
    width: 100%!important;
}

#sousmenu1 a:hover, #sousmenu1 a:focus, #sousmenu2 a:hover, #sousmenu2 a:focus, #sousmenu3 a:hover, #sousmenu3 a:focus,
#sousmenu4 a:hover, #sousmenu4 a:focus
, #sousmenu5 a:hover, #sousmenu5 a:focus {
    text-decoration: none;
    background-color: RGB(176,165,102);
}

#sousmenu1 a:hover {
    border-top-right-radius: 11px;
}

.dropdown-menu {
	background-color: RGB(224,165,102);
}

#idAccueil:hover, #idAccueil:focus, #idSociety:hover, #idSociety:focus,
#idReferences:hover, #idReferences:focus, #idConfieProjet:hover, #idConfieProjet:focus,
#idActuality:hover, #idActuality:focus {
	background-color: RGB(224,165,102);
}

.jumbotron {
	background-color: white;
    border:none!important;
    border-radius: 0px!important;
    font-size: 12px;
    filter:alpha(opacity=90);/*IE*/
    -moz-opacity:0.9; /*autres navigateurs*/
    opacity: 0.9;
}

.jumbotron p {
    font-size: 18px!important;
    text-align: justify;
}

.mention_legale {
    font-size: 15px!important;
}

.btn-contact-us {
    color: #777;
    background-color: RGB(0,0,120);
    border-color: #007bff;
    font-size: 30px!important;
    border-radius:30px;
    width: 300px;
}

a.btn-contact-us:hover {
    background-color: RGB(224,165,102);
    color: black;
    border-color: RGB(224,165,102);
    font-size: 30px!important;
    border-radius:30px;
    width: 300px;
}

.activeSer
{
	background-color: RGB(224,165,102);
}

.TitreSociety
{
    font-size: 2.2em;
}

.menu
{
    font-size: 1.2em;
}

h2
{
    color:#777;
}

.warning-character
{
    color: red;
}

body {
    /*background-repeat: round;
    background-size: contain;*/
    /*background-image: url("../img/background.jpg");*/
}
/*
@media screen and (min-width: 1300px)
{
    #slider {
        position: relative;
        width: 1000px;
        margin: auto;
    }
    #slider > img {
        height: 667px;
    }
    #precedent, #suivant {
        top: 300px;
        font-size: 100px;
    }
}

@media all and (max-width: 1280px)
{
    #slider {
        position: relative;
        width: 100%;
        margin: auto;
    }
    #slider > img {
        width: 100%;
    }
    #precedent, #suivant {
        top: 30%;
        font-size: 50px;
    }
}

#precedent, #suivant {
    cursor: pointer;
    transition: opacity 0.3s ease;
    opacity: 0;
    position: absolute;
    color: rgba(220, 220, 220, 0.8);
    background-color: rgba(0, 0, 0, 0.8);
    padding: 10px;
}

#precedent {
    left: 0;
}

#suivant {
    right: 0;
}

#slider:hover #precedent, #slider:hover #suivant {
    opacity: 1;
}
*/

#hr-footer {
    height: 1px;
    background-color: #2a2730;
    border: none;
}

hr {
    height: 1px;
    background-color: #2a2730;
    border: none;
}

.footer-line  {
    margin-top: 10px;
    line-height: 30px;
}

.footer-line a {
    color: #333;
}

.label-service {
    padding-right: 0px;
}

.label-service h3 {
    padding: 10px;
}

.label-service p {
    padding: 0px 10px 20px 10px;
}

.label-service h3 {
    color: #777;
    background-color: RGB(0,0,120);
    border-color: #007bff;
    border-top-right-radius: 20px;
    line-height: 40px;
    margin-right: 0px!important;
}

.label-service:hover h3 {
    cursor: pointer;
    background-color: RGB(224,165,102);
    color: black;
    border-color: RGB(224,165,102);
}

.label-service:hover {
    border-top-right-radius: 20px;
    box-shadow: 0 4px 8px 0 rgb(0 0 0 / 20%), 0 6px 20px 0 rgb(0 0 0 / 19%);
    transition: 1s;
}

#dropdown-menu {
    border-top-right-radius: 20px;
}

.contact-rapide {
    font-size: 12px;
    line-height: 20px;
}

.projet {
    font-size: 15px;
}

.description_reference {
    font-size: 18px;
    margin: 100px;
    text-align: justify;
}

.description_reference a {
    color: #333!important;
    text-decoration: none;
}

.reference {
    background-image: url("../img/developpeur-web1.jpg");
}

.line_reference {
    margin-bottom: 100px;
}

.line_reference:hover {
    box-shadow: 0 4px 8px 0 rgb(0 0 0 / 20%), 0 6px 20px 0 rgb(0 0 0 / 19%);
    transition: 1s;
}


.line_reference:hover .coldescription_reference, .line_reference:hover p {
    color:white!important;
    background-color: black!important;
}

/*.coldescription_reference:hover {
    color:white!important;
    background-color: black!important;
}*/