/* --------------------------------------------------------------- */
/*
/* Général
/*
/* --------------------------------------------------------------- */
#page .lire_la_suite {
    text-transform: uppercase;
    font-size: 16px;
    color:#9e0b0f;
    font-weight: bold;
    margin-top:25px;
    display: inline-block;
    text-decoration: none;
    font-family: "Open Sans Condensed";
}

#page .lire_la_suite span {
    position: relative; top: -2px;
    display: inline-block;
    font-size: 18px;
    margin-right:5px;
}

@media (max-width: 991.98px) {
    #page .lire_la_suite {
        font-size: 20px;
    }

    #page .lire_la_suite span {
        font-size: 22px;
    }
}



/* --------------------------------------------------------------- */
/*
/* Diaporama
/*
/* --------------------------------------------------------------- */
#diaporama {
    position: relative; top: -121px; left: 0;
    width:100%; 
    height: 620px;

    height:calc(100vh);
    z-index:5;

    margin-bottom:-121px;
}

#diaporama video {
    width:100%; height:100%;
    object-fit: cover;
}

#diaporama .overlay {
    display: none;
}

@media (max-width: 991.98px) {
    #diaporama {
        display: none;
    }
}

/* --------------------------------------------------------------- */
/*
/* La société
/*
/* --------------------------------------------------------------- */
#page #societe {
    position: relative; top: 0; left: 0;
    background: url('../../img/index/fond_societe.png') no-repeat top right;
}

#societe .pictos {
    display: flex;
    justify-content: space-between;
    margin-top:35px;
}

#societe .pictos .picto {
    text-align: center;
    width:100%;
}

#societe .pictos .picto p {
    font-size: 14px;
    text-transform: uppercase;
    margin-top:15px;
}

@media (max-width: 991.98px) {
    #societe .pictos .picto {
        width: auto;
        max-width:100%;
    }
}

/* --------------------------------------------------------------- */
/*
/* Solutions
/*
/* --------------------------------------------------------------- */
#solutions {
    position: relative; top: 0; left: 0;
    background: url('../../img/index/fond_societe.png') no-repeat top right;
}

#solutions .texte ul {
    list-style-type: none;
    padding:0; margin:0;
}
#solutions .texte ul li a {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 16px;
    color:#636466;
    margin:7px 0;
    text-decoration: none;
}
#solutions .texte ul li:before {
    content: "»";
    display: inline-block;
    margin-right:7px;
    color:#0e0f38;
}


/* --------------------------------------------------------------- */
/*
/* Produits
/*
/* --------------------------------------------------------------- */
#produits {
    
    background: url('../../img/index/fond_solutions.jpg') no-repeat center center;
    background-size: cover;
}

#conteneur_produits {
    margin-top:35px;
}

.box_produit img {
    width:100%;
    margin-bottom:15px;
}

.box_produit h4 {
    position: relative; top: 0; left: 0;
    font-size: 16px;
    font-weight: bold;
    color:#FFF;
    background-color: #0077a8;
    padding:10px 25px;
    margin-bottom:30px;
    text-transform: uppercase;
}
.box_produit h4:before {
    content:"";
    position: absolute; bottom: -7px; left: 0;
    width:160px; height: 7px;
    background-color: #9d1007;
}

.box_produit h4 span.gris {
    position: absolute; top: 0; right: 0;
    width:41px; height:40px;
    background-color: #4da0c2;
}
.box_produit h4 span.gris1 {
    right:123px;
    background-color: #4da0c2;
}
.box_produit h4 span.gris2 {
    right:82px;
    background-color: #83bdd4;
}
.box_produit h4 span.gris3 {
    right:41px;
    background-color: #a8d1e1;
}
.box_produit h4 span.gris4 {
    right:0px;
    background-color: #c2dfea;
}

.box_produit .lien a {
    margin-top:5px !important;
}

/* --------------------------------------------------------------- */
/*
/* Newsroom
/*
/* --------------------------------------------------------------- */
#newsroom {
    position: relative; top: 0; left: 0;
}

.box_actu img {
    width:100%;
}

.box_actu h4 {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 18px;
    color:#636466;
    margin-top:15px;
}

/* --------------------------------------------------------------- */
/*
/* References
/*
/* --------------------------------------------------------------- */
#references {
    
    background: url('../../img/index/fond_newsroom.jpg') no-repeat center center;
    background-size: cover;
}

#page img.client {
    padding:25px 0;

    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */    
   -webkit-filter: grayscale(100%);
   -moz-filter: grayscale(100%);
   -ms-filter: grayscale(100%);
   filter: grayscale(100%);
   filter: gray; /* IE 6-9 */

   transition:0.5s;
}

#page img.client:hover {
    -webkit-filter: none;
   -moz-filter: none;
   -ms-filter: none;
   filter: none;

   transition: 0.5s;
}