@charset "UTF-8";
/* #Basic Styles
================================================== */
  *, *:before, *:after {
    margin:0;padding:0;
    /* apply a natural box layout model to all elements */
    /* -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;*/
  }

  body {
    background: #c9c9c9;
    /* le 14/21 = font-size = 14 et line-height 21*/
    font: 14px/21px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #fff;
    -webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
    -webkit-text-size-adjust: 100%;
 }
/* #Typography
================================================== */
  h1, h2, h3, h4, h5, h6 {
    color: #181818;
    font-family: "Georgia", "Times New Roman", serif;
    font-weight: normal; }
  h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; }
  h1,.h1 { font-size: 46px; line-height: 50px; margin-bottom: 14px;}
  h2,.h2 { font-size: 35px; line-height: 40px; margin-bottom: 10px; }
  h3,.h3 { font-size: 28px; line-height: 34px; margin-bottom: 8px; }
  h4,.h4 { font-size: 21px; line-height: 30px; margin-bottom: 4px; }
  h5,.h5 { font-size: 17px; line-height: 24px; }
  h6,.h6 { font-size: 14px; line-height: 21px; }

  p { margin: 0; }
  p img { margin: 0; }


  em { font-style: italic; }
  strong { font-weight: bold;}
  small { font-size: 50%; }
  pre{color: #000;margin-top: 200px;}
/*  Blockquotes  */
  blockquote p { display:inline; }
  blockquote, blockquote p {font-family: times; font-size: 17px; line-height: 24px; color: #777; font-style: italic;  }
  blockquote { margin: 0 0 20px; padding: 9px 20px 0 19px; border-left: 1px solid #ddd; }
  blockquote:before {     color:#ccc;     content:"“";     font-size:4em;     line-height:.1em;     margin-right:.2em;     vertical-align:-.35em;  }
/*  blockquote:before { content: "“";}   blockquote:after { content: "”";}*/
  blockquote cite { display: block; font-size: 12px; color: #555; }
  blockquote cite:before { content: "\2014 \0020"; }

  blockquote cite a, blockquote cite a:visited, blockquote cite a:visited { color: #555; }

  hr { border: solid #ddd; border-width: 1px 0 0; clear: both; margin: 10px 0 30px; height: 0; }
  hr.large {border: none;height: 8px;background: #EBEBEB;margin: 50px 0;}
/* #Links
================================================== */
  a, a:visited { color: #333; text-decoration: none; outline: 0; }
  a:hover, a:focus { color: #000; }
  p a, p a:visited { line-height: inherit; }

/* #Lists
================================================== */
  ul { list-style: none outside; }
/*   ul, ol { margin-bottom: 20px; }
  ol { list-style: decimal; }
  ol, ul.square, ul.circle, ul.disc { margin-left: 30px; }
  ul.square { list-style: square outside; }
  ul.circle { list-style: circle outside; }
  ul.disc { list-style: disc outside; }
  ul ul, ul ol,
  ol ol, ol ul { margin: 4px 0 5px 30px; font-size: 90%;  }
  ul ul li, ul ol li,
  ol ol li, ol ul li { margin-bottom: 6px; }
  li { line-height: 18px; margin-bottom: 12px; }
  ul.large li { line-height: 21px; }
  li p { line-height: 21px; }*/
/* #Images
================================================== */
  img{display: block;}
  img.autowidth { max-width: 100%; height: auto; }
  img.center {
      display: block;
      margin-left: auto;
      margin-right: auto;
  }
/* #Buttons
================================================== */

  .button,
  button,
  input[type="submit"],
  input[type="reset"],
  input[type="button"] {
    background: #eee;
    border: 1px solid #aaa;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    color: #444;
    display: inline-block;
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
    cursor: pointer;
    margin-bottom: 20px;
    line-height: normal;
    padding: 8px 10px;
    font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; }

  .button:hover,
  button:hover,
  input[type="submit"]:hover,
  input[type="reset"]:hover,
  input[type="button"]:hover {
    /*color: #222;    background: #ddd;    border: 1px solid #888;    border-top: 1px solid #aaa;    border-left: 1px solid #aaa; */
  }

/*  .button:active,
  button:active,
  input[type="submit"]:active,
  input[type="reset"]:active,
  input[type="button"]:active {    border: 1px solid #666;    background: #ccc; }*/


  .button.full-width,
  button.full-width,
  input[type="submit"].full-width,
  input[type="reset"].full-width,
  input[type="button"].full-width {    width: 100%;    padding-left: 0 !important;    padding-right: 0 !important;    text-align: center; }

  /* Fix for odd Mozilla border & padding issues */
  button::-moz-focus-inner,
  input::-moz-focus-inner {
    border: 0;
    padding: 0;
  }


/* #Forms
================================================== */

  form {    margin-bottom: 20px; }
  fieldset {    margin-bottom: 20px; border: none; }
  input[type="text"],
  input[type="password"],
  input[type="email"],
  textarea,
  select {
    border: none;
    padding: 6px 4px;
    outline: none;
    /*font: 13px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;*/
    color: #7c7c7c;
    margin: 0;
    width: 555px;
    max-width: 100%;
    display: block;
    margin-bottom: 20px;
    background: #fff; }
  select {    padding: 0; }
  input[type="text"]:focus,
  input[type="password"]:focus,
  input[type="email"]:focus,
  textarea:focus {
    /*border: 1px solid #aaa;
    color: #444;*/
/*    -moz-box-shadow: 0 0 3px rgba(0,0,0,.2);
    -webkit-box-shadow: 0 0 3px rgba(0,0,0,.2);
    box-shadow:  0 0 3px rgba(0,0,0,.2); }*/
  }
/*  textarea {    min-height: 60px; }*/
  label,  legend {    display: block;    font-weight: bold;    font-size: 13px;  }
  select {    width: 220px; }
  input[type="checkbox"] {    display: inline; }
  label span,
  legend span {    font-weight: normal;    font-size: 13px;    color: #444; }

/* #Base Grid System
================================================== */


    .col  { float: left; display: inline;margin-bottom: 1%; }
    /*pour l'exemple*/
    .col{  height: 2em; background: grey;color:#fff; text-transform: uppercase; text-align: center; font-weight: bold;line-height: 2em;}
    /* End pour l'exemple*/
    .col.left   {margin-left: 0;margin-right: 1%; }
    .col.right  {margin-left: 1%; margin-right: 0; }

    /* Grid 10*/
    .one.col        { width: 9%;  }
    .two.col        { width: 19%;  }
    .three.col      { width: 29%; }
    .four.col       { width: 39%;    }
    .five.col       { width: 49%; }
    .six.col        { width: 59%;  }
    .seven.col      { width: 69%; }
    .eight.col      { width: 79%;    }
    .nine.col       { width: 89%; }
    .ten.col        { width: 100%; }

/* Grid 16
    .un.col         { width: 5.25%;  }
    .deux.col       { width: 11.5%;  }
    .trois.col      { width: 17.75%; }
    .quatre.col     { width: 24%;    }
    .cinq.col       { width: 30.25%; }
    .six.col        { width: 36.5%;  }
    .sept.col       { width: 42.75%; }
    .huit.col       { width: 49%;    }
    .neuf.col       { width: 55.25%; }
    .dix.col        { width: 61.5%;  }
    .onze.col       { width: 67.75%; }
    .douze.col      { width: 74%;    }
    .treize.col     { width: 80.25%; }
    .quatorze.col   { width: 86.5%;  }
    .quinze.col     { width: 92.75%; }
    .seize.col      { width: 100%;   }
*/


/* #Custom class
================================================== */
  .trans3 {-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
  .trans5 {-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
  .trans8 {-webkit-transition: all 0.8s ease;-moz-transition: all 0.8s ease;-ms-transition: all 0.8s ease;-o-transition: all 0.8s ease;transition: all 0.8s ease;}
  .fl{float: left;}
  .fr{float: right;}
  .clear{clear: both;display: block;overflow: hidden;visibility: hidden;width: 0;height: 0;}
  .notmobile{display:none;}
  .tac{text-align: center;}
  /**MARGIN**/
  .mr0{margin-right: 0 !important;}   .mr5{margin-right: 5px;}  .mr10{margin-right: 10px;}  .mr15{margin-right: 15px;}  .mr20{margin-right: 20px;}  .mr25{margin-right: 25px;}  .mr30{margin-right: 30px;}  .mr35{margin-right: 35px;}  .mr40{margin-right: 40px;}  .mr45{margin-right: 45px;}  .mr50{margin-right: 50px;}    .mr55{margin-right: 55px;}  .mr60{margin-right: 60px;}  .mr65{margin-right: 65px;}  .mr70{margin-right: 70px;}  .mr75{margin-right: 75px;}  .mr80{margin-right: 80px;}  .mr85{margin-right: 85px;}  .mr90{margin-right: 90px;}  .mr95{margin-right: 95px;}  .mr100{margin-right: 100px;}
  .ml0{margin-left: 0 !important;}    .ml5{margin-left: 5px;}   .ml10{margin-left: 10px;}   .ml15{margin-left: 15px;}   .ml20{margin-left: 20px;}   .ml25{margin-left: 25px;}   .ml30{margin-left: 30px;}   .ml35{margin-left: 35px;}   .ml40{margin-left: 40px;}   .ml45{margin-left: 45px;}   .ml50{margin-left: 50px;}     .ml55{margin-left: 55px;}   .ml60{margin-left: 60px;}   .ml65{margin-left: 65px;}   .ml70{margin-left: 70px;}   .ml75{margin-left: 75px;}   .ml80{margin-left: 80px;}   .ml85{margin-left: 85px;}  .ml90{margin-left: 90px;}  .ml95{margin-left: 95px;}  .ml100{margin-left: 100px;}
  .mb0{margin-bottom: 0 !important;}  .mb5{margin-bottom: 5px;} .mb10{margin-bottom: 10px;} .mb15{margin-bottom: 15px;} .mb20{margin-bottom: 20px;} .mb25{margin-bottom: 25px;} .mb30{margin-bottom: 30px;} .mb35{margin-bottom: 35px;} .mb40{margin-bottom: 40px;} .mb45{margin-bottom: 45px;} .mb50{margin-bottom: 50px;}   .mb55{margin-bottom: 55px;} .mb60{margin-bottom: 60px;} .mb65{margin-bottom: 65px;} .mb70{margin-bottom: 70px;} .mb75{margin-bottom: 75px;} .mb80{margin-bottom: 80px;} .mb85{margin-bottom: 85px;} .mb90{margin-bottom: 90px;}  .mb95{margin-bottom: 95px;}  .mb100{margin-bottom: 100px;}
  .mt0{margin-top: 0 !important;}     .mt5{margin-top: 5px;}    .mt10{margin-top: 10px;}    .mt15{margin-top: 15px;}    .mt20{margin-top: 20px;}    .mt25{margin-top: 25px;}    .mt30{margin-top: 30px;}    .mt35{margin-top: 35px;}    .mt40{margin-top: 40px;}    .mt45{margin-top: 45px;}    .mt50{margin-top: 50px;}      .mt55{margin-top: 55px;}    .mt60{margin-top: 60px;}    .mt65{margin-top: 65px;}    .mt70{margin-top: 70px;}    .mt75{margin-top: 75px;}    .mt80{margin-top: 80px;}    .mt85{margin-top: 85px;}  .mt90{margin-top: 90px;}  .mt95{margin-top: 95px;}  .mt100{margin-top: 100px;}
  /**PADDING**/
  .pt0{padding-top: 0 !important;} .pt5{padding-top: 5px;} .pt10{padding-top: 10px;} .pt15{padding-top: 15px;} .pt20{padding-top: 20px;} .pt25{padding-top: 25px;} .pt30{padding-top: 30px;} .pt35{padding-top: 35px;} .pt40{padding-top: 40px;} .pt45{padding-top: 45px;} .pt50{padding-top: 50px;}  .pt55{padding-top: 55px;}  .pt60{padding-top: 60px;}  .pt65{padding-top: 65px;}  .pt70{padding-top: 70px;}  .pt75{padding-top: 75px;}  .pt80{padding-top: 80px;}  .pt85{padding-top: 85px;}  .pt90{padding-top: 90px;}  .pt95{padding-top: 95px;}  .pt100{padding-top: 100px;}
  .pb0{padding-bottom: 0 !important;}  .pb5{padding-bottom: 5px;}  .pb10{padding-bottom: 10px;}  .pb15{padding-bottom: 15px;}  .pb20{padding-bottom: 20px;}  .pb25{padding-bottom: 25px;}  .pb30{padding-bottom: 30px;}  .pb35{padding-bottom: 35px;}  .pb40{padding-bottom: 40px;}  .pb45{padding-bottom: 45px;}  .pb50{padding-bottom: 50px;}  .pb55{padding-bottom: 55px;}  .pb60{padding-bottom: 60px;}  .pb65{padding-bottom: 65px;}  .pb70{padding-bottom: 70px;}  .pb75{padding-bottom: 75px;}  .pb80{padding-bottom: 80px;}  .pb85{padding-bottom: 85px;}  .pb90{padding-bottom: 90px;}  .pb95{padding-bottom: 95px;}  .pb100{padding-bottom: 100px;}
  .pl0{padding-left: 0 !important;}  .pl5{padding-left: 5px;}  .pl10{padding-left: 10px;}  .pl15{padding-left: 15px;}  .pl20{padding-left: 20px;}  .pl25{padding-left: 25px;}  .pl30{padding-left: 30px;}  .pl35{padding-left: 35px;}  .pl40{padding-left: 40px;}  .pl45{padding-left: 45px;}  .pl50{padding-left: 50px;}  .pl55{padding-left: 55px;}  .pl60{padding-left: 60px;}  .pl65{padding-left: 65px;}  .pl70{padding-left: 70px;}  .pl75{padding-left: 75px;}  .pl80{padding-left: 80px;}  .pl85{padding-left: 85px;}  .pl90{padding-left: 90px;}  .pl95{padding-left: 95px;}  .pl100{padding-left: 100px;}
  .pr0{padding-right: 0 !important;}  .pr5{padding-right: 5px;}  .pr10{padding-right: 10px;}  .pr15{padding-right: 15px;}  .pr20{padding-right: 20px;}  .pr25{padding-right: 25px;}  .pr30{padding-right: 30px;}  .pr35{padding-right: 35px;}  .pr40{padding-right: 40px;}  .pr45{padding-right: 45px;}  .pr50{padding-right: 50px;}  .pr55{padding-right: 55px;}  .pr60{padding-right: 60px;}  .pr65{padding-right: 65px;}  .pr70{padding-right: 70px;}  .pr75{padding-right: 75px;}  .pr80{padding-right: 80px;}  .pr85{padding-right: 85px;}  .pr90{padding-right: 90px;}  .pr95{padding-right: 95px;}  .pr100{padding-right: 100px;}