/*
 * base.css
 * Base : normalize, polices, utilitaires génériques
 */

html {
  font-size: 87.5%;
  line-height: 1.5em;
  font-family: "karlaregular", "Helvetica Neue", Helvetica, Arial, sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
}

article,
footer,
header,
nav,
section,
.page-contact #content-area {
  display: block;
}

[hidden] {
  display: none;
}

a {
  background-color: transparent;
}

a:active,
a:hover {
  outline: 0;
}

h1 {
  font-size: 2.57143em;
  line-height: 1.16667em;
  margin: 0.58333em 0;
}

h2 {
  font-size: 1.71429em;
  line-height: 1.75em;
  margin: 0.875em 0;
}

h3 {
  font-size: 1.35714em;
  line-height: 2.21053em;
  margin: 1.10526em 0;
}

h4 {
  font-size: 1.14286em;
  line-height: 1.3125em;
  margin: 1.3125em 0;
}

img {
  border: 0;
}

ul {
  margin: 1.5em 0;
}

ul ul {
  margin: 0;
}

ul {
  padding: 0 0 0 40px;
}

p {
  margin: 1.5em 0;
}

button {
  color: inherit;
  font: inherit;
  margin: 0;
}

button {
  overflow: visible;
}

button {
  text-transform: none;
}

button {
  -webkit-appearance: button;
  cursor: pointer;
}

button[disabled] {
  cursor: default;
}

button::-moz-focus-inner {
  border: 0;
  padding: 0;
}

html {
  box-sizing: border-box;
}

*,
*::after,
*::before {
  box-sizing: inherit;
}

section,
.page-contact #content-area {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}

section::after,
.page-contact #content-area::after {
  clear: both;
  content: "";
  display: table;
}

@media screen and (min-width: 992px) {
  .Footer-item {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 31.76157%;
  }

  .Footer-item:last-child {
    margin-right: 0;
  }

  .Customers-item {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 23.23176%;
  }

  .Customers-item:last-child {
    margin-right: 0;
  }

  .Customers-item:nth-child(4n) {
    margin-right: 0;
  }

  .Customers-item:nth-child(4n+1) {
    clear: left;
  }

  .Projets {
    margin-left: 1%;
  }

  .Projets .TeaserProjet {
    float: left;
    width: 33%;
  }

  .Projets .TeaserProjet:nth-child(3n) {
    margin-right: 0;
  }

  .Projets .TeaserProjet:nth-child(3n+1) {
    clear: left;
  }

  .Projets .TeaserProjet.large {
    width: 66%;
    position: relative;
    height: 100%;
  }

  .Projets .TeaserProjet.large.right {
    float: right;
    margin-right: 1%;
  }
}

.clearfix:before,
.Projets:before,
.clearfix:after,
.Projets:after {
  content: " ";
  display: table;
}

.clearfix:after,
.Projets:after {
  clear: both;
}

@font-face {
  font-family: 'mamafont';
  src: url("../fonts/mamafont/mamafont.eot?z2c1z7");
  src: url("../fonts/mamafont/mamafont.eot?z2c1z7#iefix") format("embedded-opentype"), url("../fonts/mamafont/mamafont.ttf?z2c1z7") format("truetype"), url("../fonts/mamafont/mamafont.woff?z2c1z7") format("woff"), url("../fonts/mamafont/mamafont.svg?z2c1z7#mamafont") format("svg");
  font-weight: normal;
  font-style: normal;
}

[class^="mamafont-"],
[class*=" mamafont-"] {
  font-family: 'mamafont' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

@font-face {
  font-family: "karlaregular";
  font-style: normal;
  font-weight: normal;
  src: url("../fonts/karla-regular-webfont.woff2") format("woff2"), url("../fonts/karla-regular-webfont.woff") format("woff");
}

@font-face {
  font-family: "miriam_librebold";
  font-style: normal;
  font-weight: normal;
  src: url("../fonts/miriamlibre-bold-webfont.woff2") format("woff2"), url("../fonts/miriamlibre-bold-webfont.woff") format("woff");
}

body {
  position: relative;
  color: #1D1D1D;
  -webkit-font-smoothing: antialiased;
}

button {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

p {
  margin: 10px 0px;
}

a {
  color: #1D1D1D;
  text-decoration: none;
}

a:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

.Projet-teaser img,
.Projet-body img,
.Projet .logo-projet {
  display: block;
  max-width: 100%;
  height: auto;
}

img.left {
  float: left;
  margin-right: 10px;
}

img.right {
  float: right;
  margin-left: 10px;
}

.tags,
.Menu {
  padding-left: 0;
  list-style: none;
}

.tags > li {
  display: inline-block;
}

.tags,
.TeaserProjet-title,
.TeaserProjet-subtitle,
.Expertises-title,
.Expertise-headertitle,
.Expertise-title,
.Error-title,
.page-contact #content-area .Customers-title {
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
}

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

* html .clearfix {
  height: 1%;
}

*:first-child + html .clearfix {
  min-height: 1%;
}

img {
  border: 0;
}