/*Header*/
/*logos*/
div#realisations .labels {
  text-align: center;
  margin: 0 auto !important;
}

div#realisations .labels div {
  float: none;
  margin: 0 auto;
  display: inline-block;
}

div#realisations a.label-link {
  color: #1B2A2F;
  font-family: 'SegoeWP-Semibold';
  border: 1px solid #1B2A2F;
  padding: 10px 20px;
  border-radius: 50px;
  min-width: 150px !important;
  display: inline-block;
  margin: 5px 0px !important;
}

div#realisations a.label-link:hover {
text-decoration: underline;
}
div#realisations .logo-realisation
{
	filter: grayscale(1);
	-webkit-filter: grayscale(1);
	max-width: 100px;
	width: 100%;
	opacity: .3;
	margin: 20px 0px;
}
div#realisations .logos > div {
	text-align: center;
}

div#realisations .header {
    margin-top: 50px;
}

div#realisations .header h1 {
    font-family: 'Roboto';
    font-weight: 900;
    text-align: center;
}

div#realisations .header p {
	color: #B1AAAA;
	font-family: Roboto;
	font-size: 16px;
	text-align: center;
}

div#realisations .content img {
    border-radius: 5px;
    margin-right: 5px;
}
/*.realisation {
	margin: 50px 0px;
}*/

#realisations .content {
    padding-top: 15px;
    border-radius: 5px;
    position: relative;
    bottom: 0px;
    overflow: hidden;
    margin-bottom: 20px;
    transition: all .2s cubic-bezier(.25,.8,.25,1);
}

#realisations .content a {
    min-height: 560px;
    display: block;
}

#realisations .content:hover {
    bottom: 3px;
    box-shadow: 0px 3px 7px #dedede;
}

.realisation .content a h2 {
	font-family: Roboto;
	font-size: 18px;
	font-weight: 600;
	color: #1E1C24;
}
.realisation .content a p {
	font-family: Roboto;
	font-size: 12px;
	color: #B1AAAA;
	margin-bottom: 20px;
}

.realisation .content button {
    color: #343239;
    font-family: 'SegoeWP-Semibold';
    padding: 5px 10px;
    border: none;
    background: transparent;
    float: right;
    position: relative;
    bottom: 11px;
    right: 5px;
    opacity: 0;
    transition: all .2s cubic-bezier(.25,.8,.25,1);

}
.realisation .content:hover button {
    opacity: 1 !important;
    right: 0px;

}

.realisation .content:hover button img{
	-webkit-animation: spin 4s linear infinite;
	-moz-animation: spin 4s linear infinite;
	animation: spin 4s linear infinite;
}

.realisation .content button svg {
	width: 25px;
	height: 8px;
	position: relative;
	right: 30px;
	opacity: 0;
    transition: all .2s cubic-bezier(.25,.8,.25,1);

}

.realisation .content:hover button svg {
opacity: 1;
	right: 5px;

}

.realisation .content button svg path{
	fill: #343239;
}


@-moz-keyframes spin {
       100% {
        -moz-transform: rotate(360deg);
      }
     }
     @-webkit-keyframes spin {
      100% {
         -webkit-transform: rotate(360deg);
       }
     }
     @keyframes spin {
       100% {
         -webkit-transform: rotate(360deg);
         transform: rotate(360deg);
       }
     }

     @media screen and (max-width:974px) {
       #realisations .content {
           text-align: center !important;
       }

       #realisations .content img {
           margin: 0 auto !important;
       }
     }


     @media screen and (max-width:991px) {
       #realisations .content a{
        min-height: initial !important;
       }
     }

    @media only screen and (min-width: 1450px) {
        .avis-client {
            width: 1450px!important;
            padding: 0!important;
        }
    }