@font-face {
  font-family: 'icomoon';
  src: url("../fonts/icomoon.eot?x6w5me");
  src: url("../fonts/icomoon.eot?x6w5me#iefix") format("embedded-opentype"), url("../fonts/icomoon.ttf?x6w5me") format("truetype"), url("../fonts/icomoon.woff?x6w5me") format("woff"), url("../fonts/icomoon.svg?x6w5me#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
}
/* line 12, ../scss/_fonts.scss */
[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* line 27, ../scss/_fonts.scss */
.icon-1 .path1:before {
  content: "\e900";
  color: white;
}

/* line 31, ../scss/_fonts.scss */
.icon-1 .path2:before {
  content: "\e901";
  margin-left: -1em;
  color: #49aadc;
}

/* line 36, ../scss/_fonts.scss */
.icon-2 .path1:before {
  content: "\e902";
  color: white;
}

/* line 40, ../scss/_fonts.scss */
.icon-2 .path2:before {
  content: "\e903";
  margin-left: -1em;
  color: #49aadc;
}

/* line 45, ../scss/_fonts.scss */
.icon-3 .path1:before {
  content: "\e904";
  color: white;
}

/* line 49, ../scss/_fonts.scss */
.icon-3 .path2:before {
  content: "\e905";
  margin-left: -1em;
  color: #49aadc;
}

/* line 54, ../scss/_fonts.scss */
.icon-4 .path1:before {
  content: "\e906";
  color: white;
}

/* line 58, ../scss/_fonts.scss */
.icon-4 .path2:before {
  content: "\e907";
  margin-left: -1em;
  color: #49aadc;
}

/* line 64, ../scss/_fonts.scss */
.icon-1, .icon-2, .icon-3, .icon-4 {
  font-size: 48px;
  display: inline;
  margin-right: 20px;
}

/* line 1, ../scss/_boutons.scss */
.btn {
  background: #F17C19;
  background-image: -webkit-linear-gradient(top, #F17C19, #F17C19);
  background-image: -o-linear-gradient(top, #F17C19, #F17C19);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#F17C19), to(#F17C19));
  background-image: linear-gradient(to bottom, #F17C19, #F17C19);
  border-radius: 2px;
  font-family: Arial;
  color: #ffffff;
  font-size: 19px;
  padding: 9px 0 9px 0;
  text-decoration: none;
  width: 262px;
  margin-bottom: 2rem;
}

/* line 20, ../scss/_boutons.scss */
.btn:hover {
  background: #F17C19;
  background-image: -webkit-linear-gradient(top, #F17C19, #F17C19);
  background-image: -o-linear-gradient(top, #F17C19, #F17C19);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#F17C19), to(#F17C19));
  background-image: linear-gradient(to bottom, #F17C19, #F17C19);
  text-decoration: none;
  border: none;
}

@font-face {
  font-family: 'icomoon';
  src: url("../fonts/icomoon.eot?x6w5me");
  src: url("../fonts/icomoon.eot?x6w5me#iefix") format("embedded-opentype"), url("../fonts/icomoon.ttf?x6w5me") format("truetype"), url("../fonts/icomoon.woff?x6w5me") format("woff"), url("../fonts/icomoon.svg?x6w5me#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
}
/* line 12, ../scss/_animations.scss */
[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* line 27, ../scss/_animations.scss */
.icon-1 .path1:before {
  content: "\e900";
  color: white;
}

/* line 31, ../scss/_animations.scss */
.icon-1 .path2:before {
  content: "\e901";
  margin-left: -1em;
  color: #49aadc;
}

/* line 36, ../scss/_animations.scss */
.icon-2 .path1:before {
  content: "\e902";
  color: white;
}

/* line 40, ../scss/_animations.scss */
.icon-2 .path2:before {
  content: "\e903";
  margin-left: -1em;
  color: #49aadc;
}

/* line 45, ../scss/_animations.scss */
.icon-3 .path1:before {
  content: "\e904";
  color: white;
}

/* line 49, ../scss/_animations.scss */
.icon-3 .path2:before {
  content: "\e905";
  margin-left: -1em;
  color: #49aadc;
}

/* line 54, ../scss/_animations.scss */
.icon-4 .path1:before {
  content: "\e906";
  color: white;
}

/* line 58, ../scss/_animations.scss */
.icon-4 .path2:before {
  content: "\e907";
  margin-left: -1em;
  color: #49aadc;
}

/* line 64, ../scss/_animations.scss */
.icon-1, .icon-2, .icon-3, .icon-4 {
  font-size: 48px;
  display: inline;
  margin-right: 20px;
}

/* line 3, ../scss/_header.scss */
html {
  font-size: 16px;
}

/* line 7, ../scss/_header.scss */
header {
  font-family: 'Open Sans', sans-serif;
  color: #fff;
  padding-bottom: 30px;
}
/* line 11, ../scss/_header.scss */
header a {
  display: block;
  color: #fff;
  font-weight: 300;
  font-size: 0.8rem;
  text-decoration: none;
}
/* line 18, ../scss/_header.scss */
header a:hover {
  text-decoration: none;
  color: #fff;
}
/* line 22, ../scss/_header.scss */
header img {
  max-width: 5rem;
  margin: 1.5rem 0 0 0;
}
/* line 26, ../scss/_header.scss */
header h1 {
  font-size: 1.3rem;
  font-weight: 300;
  margin-bottom: 16rem;
  margin-top: 1rem;
}
/* line 32, ../scss/_header.scss */
header h2 {
  font-size: 2rem;
  font-weight: 500;
  margin-top: 1rem;
  margin-bottom: 1rem;
}
/* line 38, ../scss/_header.scss */
header p {
  font-size: 0.8rem;
  font-weight: 300;
  margin-top: 1rem;
  margin-bottom: 2rem;
  color: #ECEAEA;
}
/* line 45, ../scss/_header.scss */
header input {
  font-family: 'Open Sans', sans-serif;
  width: 262px;
  border: none;
  color: #9B9B9B;
  font-weight: 300;
  padding: 10px;
  display: inline;
  margin-bottom: 1rem;
}
/* line 55, ../scss/_header.scss */
header .gauche {
  margin: 10px 0 0 15px;
}
/* line 58, ../scss/_header.scss */
header .droite {
  margin: 10px 15px 0 0;
}

@media (max-width: 575px) {
  /* line 64, ../scss/_header.scss */
  header {
    background: url("../img/bureau-id-position.jpg") center center no-repeat;
    background-size: cover;
  }
  /* line 67, ../scss/_header.scss */
  header h1 {
    margin-bottom: 17rem;
  }
  /* line 70, ../scss/_header.scss */
  header h2 {
    font-size: 2rem;
    font-weight: 500;
    margin-top: 2rem;
    margin-bottom: 2rem;
  }
  /* line 76, ../scss/_header.scss */
  header a {
    display: none;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  /* line 84, ../scss/_header.scss */
  header {
    background: url("../img/bureau-id-position-2.jpg") center center no-repeat;
    background-size: cover;
  }
  /* line 87, ../scss/_header.scss */
  header h1 {
    font-size: 2rem;
    font-weight: 300;
    margin-top: 3rem;
    margin-bottom: 26rem;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  /* line 97, ../scss/_header.scss */
  header {
    background: url("../img/bureau-id-position-2.jpg") center center no-repeat;
    background-size: cover;
  }
  /* line 100, ../scss/_header.scss */
  header h1 {
    font-size: 2.5rem;
    font-weight: 300;
    margin-top: 3rem;
    margin-bottom: 31rem;
  }
  /* line 106, ../scss/_header.scss */
  header img {
    max-width: 7rem;
    margin: 1.5rem 0 0 0;
  }
}
@media (min-width: 992px) {
  /* line 114, ../scss/_header.scss */
  header {
    background: url("../img/bureau-id-position-2.jpg") center center no-repeat;
    background-size: cover;
  }
  /* line 117, ../scss/_header.scss */
  header h1 {
    font-size: 2.5rem;
    font-weight: 300;
    margin-top: 3rem;
    margin-bottom: 35rem;
  }
  /* line 123, ../scss/_header.scss */
  header h2 {
    font-size: 2rem;
    font-weight: 500;
    margin-top: 4rem;
    margin-bottom: 2rem;
  }
  /* line 129, ../scss/_header.scss */
  header img {
    max-width: 7rem;
    margin: 1.5rem 0 0 0;
  }
}
/* line 1, ../scss/_services.scss */
.services {
  font-family: 'Open Sans', sans-serif;
  color: #fff;
  padding-top: 30px;
  padding-bottom: 50px;
}
/* line 6, ../scss/_services.scss */
.services img {
  max-width: 290px;
  margin-top: 10%;
}
/* line 10, ../scss/_services.scss */
.services h1 {
  color: #fff;
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
}
/* line 15, ../scss/_services.scss */
.services ul {
  list-style-type: none;
  list-style: none;
  padding: 40px 0 40px 40px;
  margin: 30px 0 0 0;
  display: block;
}
/* line 21, ../scss/_services.scss */
.services ul li {
  list-style-type: none;
  list-style: none;
  margin-bottom: 3rem;
  background-color: none;
}
/* line 26, ../scss/_services.scss */
.services ul li p {
  font-family: 'Open Sans', sans-serif;
  text-align: left;
  font-weight: 300;
  margin: 0;
  padding: 0;
}
/* line 32, ../scss/_services.scss */
.services ul li p strong {
  font-size: 1.1rem !important;
}
/* line 37, ../scss/_services.scss */
.services ul .no-bottom {
  margin-bottom: 0;
}

@media (max-width: 575px) {
  /* line 44, ../scss/_services.scss */
  .services {
    background: url("../img/bg-services.png") center center no-repeat #f87f30;
    background-size: cover;
  }
  /* line 47, ../scss/_services.scss */
  .services ul {
    background: url("../img/separation-vert.png") 64px center no-repeat #f87f30;
  }
}
@media (min-width: 560px) and (max-width: 992px) {
  /* line 54, ../scss/_services.scss */
  .services {
    background: url("../img/bg-services-2.png") center no-repeat #f87f30 !important;
    background-size: cover;
  }
  /* line 57, ../scss/_services.scss */
  .services ul {
    background: url("../img/separation-vert-1.png") 23px center no-repeat;
    padding-left: 0px !important;
  }
}
@media (min-width: 992px) {
  /* line 65, ../scss/_services.scss */
  .services {
    background: url("../img/bg-services-2.png") center no-repeat #f87f30 !important;
    background-size: cover;
  }
  /* line 68, ../scss/_services.scss */
  .services ul {
    background: url("../img/separation-vert-1.png") 64px center no-repeat;
  }
}
@media (min-width: 450px) and (max-width: 576px) {
  /* line 76, ../scss/_services.scss */
  .services ul {
    padding-left: 130px !important;
    background: url("../img/separation-vert-1.png") 154px center no-repeat;
  }
}
/* line 1, ../scss/_clients.scss */
.clients {
  padding-bottom: 40px;
}
/* line 3, ../scss/_clients.scss */
.clients h1 {
  color: #9B9B9B;
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  font-size: 1rem;
  text-transform: uppercase;
  margin-top: 60px;
}
/* line 11, ../scss/_clients.scss */
.clients ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
/* line 15, ../scss/_clients.scss */
.clients ul li {
  height: 200px;
}
/* line 17, ../scss/_clients.scss */
.clients ul li img {
  max-width: 70%;
}

@media (min-width: 576px) {
  /* line 25, ../scss/_clients.scss */
  h1 {
    margin-bottom: 40px;
  }

  /* line 28, ../scss/_clients.scss */
  ul {
    margin: 0;
    padding: 20px 0 20px 0;
    list-style: none;
  }
  /* line 33, ../scss/_clients.scss */
  ul li img {
    max-width: 70%;
  }
}
/* line 1, ../scss/_footer.scss */
footer {
  /* ff3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #0f0f0f), color-stop(100%, black));
  /* safari4+,chrome */
  background: -webkit-linear-gradient(270deg, #0f0f0f 0%, black 100%);
  /* safari5.1+,chrome10+ */
  background: -o-linear-gradient(270deg, #0f0f0f 0%, black 100%);
  /* opera 11.10+ */
  /* ie10+ */
  background: -webkit-gradient(linear, left top, left bottom, from(#0f0f0f), to(#000000));
  background: -webkit-linear-gradient(top, #0f0f0f 0%, #000000 100%);
  background: -o-linear-gradient(top, #0f0f0f 0%, #000000 100%);
  background: linear-gradient(180deg, #0f0f0f 0%, #000000 100%);
  /* w3c */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0F0F0F', endColorstr='#000000',GradientType=0 );
  /* ie6-9 */
  padding-top: 40px;
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  color: #9B9B9B;
  padding-bottom: 40px;
}
/* line 14, ../scss/_footer.scss */
footer a {
  color: #9B9B9B;
}
/* line 17, ../scss/_footer.scss */
footer a:hover {
  color: #fff;
  text-decoration: none;
}
/* line 21, ../scss/_footer.scss */
footer h2 {
  font-size: 0.7rem;
  font-weight: 300;
  margin-bottom: 20px;
  margin-top: 30px;
}
/* line 27, ../scss/_footer.scss */
footer ul {
  margin: 0 0 30px 0;
  padding: 0;
  list-style-type: none;
  list-style: 0;
}
/* line 32, ../scss/_footer.scss */
footer ul img {
  margin: 0 8px;
}
/* line 35, ../scss/_footer.scss */
footer ul a:hover img {
  cursor: pointer;
}

/* line 10, ../scss/styles.scss */
.row.no-gutters {
  margin-right: 0;
  margin-left: 0;
}

/* line 15, ../scss/styles.scss */
.nogutter {
  padding-right: 0;
  padding-left: 0;
}

/* line 20, ../scss/styles.scss */
.row.no-gutters > [class^="col-"],
.row.no-gutters > [class*=" col-"] {
  padding-right: 0 !important;
  padding-left: 0 !important;
}

.mentions{
  cursor: pointer;
}

.modal-content{
  padding: 15px;
}


.modal-content img{
  margin: 20px 0;
  position:absolute;
  top:0px;
  left:20px;
}

.modal-content h1{
  text-align: center;
  color: #813296;
  font-size: 23px;
  margin: 40px 0 15px 0;
  text-transform: uppercase;
}

.modal-content h2{
  text-align: center;
  color: #ccc;
  font-size:13px;
  margin:0 0 30px 0; 
}

.modal-content h3{
  color: #813296;
  font-size: 18px;
  margin: 20px 0;
}

.modal-content p{
  color: #000;
  font-size: 17px;
}

.modal-content span{
  color: #813296;
}

small, small a {
    font-size: 15px !important;
}

small a{
  color: #9B9B9B;
  text-decoration: none;
}

small a:hover{
  color: #813296;
  text-decoration: none;
}


.mentions:hover{
  color: #813296;
  text-decoration: none;
}