/* Colors */
/* Fonts */
.clear {
  clear: both; }

.right {
  float: right; }

.left {
  float: left; }

.uppercase {
  text-transform: uppercase; }

.gros_titre {
  font-size: 30px; }

.moyen_titre {
  font-size: 24px; }

.petit_titre {
  font-size: 18px; }

.rouge {
  color: #d0112b; }

ul li {
  background: url(../images/bullet.png) left 12px no-repeat;
  padding-left: 35px; }

a img {
  border: 0; }

a {
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease; }

.wrap {
  max-width: 1300px;
  margin: 0 auto; }

body {
  color: #000000;
  font-family: "Cuprum", sans-serif;
  font-size: 15px;
  line-height: 26px;
  font-weight: bold;
  letter-spacing: 2px; }

/* Accueil */
.entete {
  padding: 45px 0 115px;
  background: url(../images/fond-entete.png) center top repeat-x;
  position: relative;
  overflow: hidden; }
  .entete .logoRequesta {
    display: inline-block;
    margin-bottom: 210px; }
    .entete .logoRequesta img {
      max-width: 200px; }
  .entete .wrap {
    position: relative; }
  .entete .menuPrincipal {
    position: absolute;
    top: 0;
    right: 0; }
    .entete .menuPrincipal ul {
      list-style: none;
      margin: 0;
      padding: 0; }
      .entete .menuPrincipal ul li {
        display: inline-block;
        background: none;
        margin-left: 18px;
        padding: 0; }
        .entete .menuPrincipal ul li a {
          font-family: "Montserrat", sans-serif;
          text-transform: uppercase;
          color: #222221;
          font-size: 14px;
          letter-spacing: 1px; }
          .entete .menuPrincipal ul li a:hover {
            color: #d0112b; }
  .entete .icons {
    position: absolute;
    z-index: 1000;
    background-image: url(../images/icons.png);
    width: 552px;
    height: 72px;
    right: 5px;
    top: 90px; }
  .entete .zonePresentation {
    background: url(../images/fond-bande-blanche.png) left top repeat; }
    .entete .zonePresentation .contenu {
      padding: 30px 0; }
    .entete .zonePresentation h2 {
      color: #d0112b;
      font-family: "Montserrat", sans-serif;
      font-size: 35px;
      font-weight: bold;
      letter-spacing: 5px;
      text-transform: uppercase;
      line-height: 1; }
    .entete .zonePresentation h3 {
      padding-top: 0;
      color: #000000;
      font-family: "Montserrat", sans-serif;
      font-size: 18px;
      font-weight: bold;
      letter-spacing: 3px;
      text-transform: uppercase;
      line-height: 1;
      margin-bottom: 50px; }
    .entete .zonePresentation .contenu {
      float: left; }
    .entete .zonePresentation .video {
      float: right;
      height: 315px; }
      .entete .zonePresentation .video iframe {
        width: 560px;
        height: 315px; }
  .entete .arbre {
    width: 627px;
    height: 1200px;
    background: url(../images/arbre-entete.png) center center no-repeat;
    position: absolute;
    top: 75px;
    left: 50px;
    z-index: -1; }

.about {
  background: url(../images/texture-intro.png) center center repeat;
  padding: 75px 0; }
  .about .contenu {
    background-color: #000000;
    color: #ffffff;
    padding: 75px; }
    .about .contenu .zoneTexte {
      width: 46%;
      display: table-cell;
      vertical-align: top; }
    .about .contenu .zoneBulle {
      width: 54%;
      display: table-cell;
      vertical-align: middle; }
      .about .contenu .zoneBulle .bulle {
        float: right;
        background-color: #d0112b;
        border-radius: 1000px;
        width: 390px;
        height: 390px;
        position: relative; }
        .about .contenu .zoneBulle .bulle .texte {
          height: 390px;
          text-align: center;
          width: 90%;
          line-height: 390px;
          margin: auto; }
          .about .contenu .zoneBulle .bulle .texte p {
            line-height: 26px;
            vertical-align: middle;
            display: inline-block;
            margin-bottom: 0; }
        .about .contenu .zoneBulle .bulle:after {
          content: '';
          width: 0;
          height: 0;
          border-style: solid;
          border-width: 50px 86.6px 50px 0;
          border-color: transparent #D0112B transparent transparent;
          position: absolute;
          left: -79px;
          top: calc(50% - 50px);
          z-index: 100; }

.screenShots {
  margin: 75px auto; }
  .screenShots .screenShot {
    margin-top: 40px; }
    .screenShots .screenShot .boite {
      padding: 40px 40px 40px 75px;
      width: 50%;
      background-color: #000000;
      color: #ffffff;
      float: left;
      position: relative; }
      .screenShots .screenShot .boite .icon {
        position: absolute;
        left: 15px; }
      .screenShots .screenShot .boite h2 {
        font-family: "Montserrat", sans-serif;
        font-weight: bold;
        font-size: 16px;
        text-transform: uppercase;
        margin: 0;
        padding: 5px 0 35px; }
      .screenShots .screenShot .boite:after {
        left: 100%;
        top: 50%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        border-color: rgba(213, 0, 0, 0);
        border-left-color: #000000;
        border-width: 20px;
        margin-top: -20px; }
      .screenShots .screenShot .boite.rouge {
        background-color: #d0112b; }
        .screenShots .screenShot .boite.rouge:after {
          border-left-color: #d0112b; }
    .screenShots .screenShot .ecran {
      float: right;
      width: 50%;
      height: 474px;
      text-align: right; }
      .screenShots .screenShot .ecran img {
        max-width: 100%;
        float: right; }

.details {
  background: url(../images/fond-detail.png) center bottom repeat-x; }
  .details .logo {
    margin-bottom: 55px; }
  .details h3 {
    font-family: "Montserrat", sans-serif;
    font-weight: bold;
    font-size: 16px;
    text-transform: uppercase;
    margin: 0;
    padding: 5px 0 35px; }
  .details .col1 {
    float: left;
    width: 50%; }
  .details .col2 {
    float: left;
    width: 50%; }
  .details .borderBoxed {
    display: block;
    margin: 70px auto;
    border: 2px solid #d0112b;
    padding: 40px 75px;
    color: #d0112b;
    position: relative; }
    .details .borderBoxed .icon {
      position: absolute;
      left: 24px; }
    .details .borderBoxed ul {
      margin-bottom: 0; }
    .details .borderBoxed h3 {
      padding-top: 0; }

.logos {
  background: url(../images/fond-logos.png) center bottom repeat;
  padding: 90px 0; }
  .logos .contenu {
    padding: 90px 90px 75px;
    background-color: #FFFFFF;
    text-align: justify; }
    .logos .contenu .logo {
      margin-top: 10px;
      display: inline-block;
      vertical-align: middle; }
      .logos .contenu .logo img {
        max-height: 36px; }
    .logos .contenu:after {
      content: "";
      width: 100%;
      display: inline-block;
      visibility: hidden; }

.address {
  background-color: #bd8f2d;
  color: #ffffff;
  padding: 75px 0;
  text-align: center; }
  .address h2 {
    font-family: "Montserrat", sans-serif;
    font-weight: bold;
    font-size: 16px;
    text-transform: uppercase;
    margin: 0;
    padding: 0; }
  .address .bloc {
    margin-top: 35px; }
  .address a {
    color: #ffffff; }
    .address a:hover {
      color: #d0112b; }

body > footer {
  color: #FFFFFF;
  text-align: center;
  line-height: 76px;
  background-color: #222221;
  letter-spacing: 3px;
  font-size: 12px; }
  body > footer a {
    color: #ffffff; }
    body > footer a:hover {
      color: #d0112b; }

::selection {
  background-color: #000000; }

/* remplacer loader */
#pageloader {
  background: url("../images/loader.gif") no-repeat center center;
  background-size: 48px 48px; }

/*# sourceMappingURL=requesta.css.map */