@charset "UTF-8";
@font-face {
  font-family: 'dingrotesk';
  src: url("fonts/DINNeuzeitGrotesk-Light-Regular.eot");
  src: local("☺"), url("fonts/DINNeuzeitGrotesk-Light-Regular.woff") format("woff"), url("fonts/DINNeuzeitGrotesk-Light-Regular.ttf") format("truetype"), url("fonts/DINNeuzeitGrotesk-Light-Regular.svg") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'din';
  src: url("fonts/ufonts.com_din-regular_1_.eot");
  src: local("☺"), url("fonts/ufonts.com_din-regular_1_.woff") format("woff"), url("fonts/ufonts.com_din-regular_1_.ttf") format("truetype"), url("fonts/ufonts.com_din-regular_1_.svg") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'dinlight';
  src: url("fonts/ufonts.com_din_light.eot");
  src: local("☺"), url("fonts/ufonts.com_din_light.woff") format("woff"), url("fonts/ufonts.com_din_light.ttf") format("truetype"), url("fonts/ufonts.com_din_light.svg") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'dinbold';
  src: url("fonts/ufonts.com_din_bold.eot");
  src: local("☺"), url("fonts/ufonts.com_din_bold.woff") format("woff"), url("fonts/ufonts.com_din_bold.ttf") format("truetype"), url("fonts/ufonts.com_din_bold.svg") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'dacialight';
  src: url("fonts/NeoTechDacia-Light.eot");
  src: local("☺"), url("fonts/NeoTechDacia-Light.woff") format("woff"), url("fonts/NeoTechDacia-Light.ttf") format("truetype"), url("fonts/NeoTechDacia-Light.svg") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'daciabold';
  src: url("fonts/NeoTechDacia-Bold.eot");
  src: local("☺"), url("fonts/NeoTechDacia-Bold.woff") format("woff"), url("fonts/NeoTechDacia-Bold.ttf") format("truetype"), url("fonts/NeoTechDacia-Bold.svg") format("svg");
  font-weight: normal;
  font-style: normal; }

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -khtml-box-sizing: border-box;
  box-sizing: border-box; }

a, li {
  transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -webkit-transition: all 0.2s ease-out; }

div, article, section, aside, header, footer {
  position: relative; }

body {
  /*background: url(images/bg_beton.jpg) no-repeat center top;
  background-size: cover;*/
  color: #313132; }
  body.home .logo {
    width: 331px;
    height: 202px;
    background: url(images/logo.png) no-repeat center bottom;
    margin: 0 auto;
    overflow: hidden;
    padding: 0;
    text-indent: -5000px; }
  body.home nav ul {
    margin: 1.5em auto 1.2em auto;
    padding: 0;
    width: 1040px;
    width: 370px\9; }
    body.home nav ul li {
      float: left;
      /*padding: 0 0.5em 0.1em 0.5em;*/
      border-bottom: 4px solid transparent;
      margin: 0 0.85em; }
      body.home nav ul li:first-child {
        margin-left: 0; }
      body.home nav ul li:last-child {
        margin-right: 0; }
        body.home nav ul li:last-child a:after {
          width: 0px; }
      body.home nav ul li:hover {
        border-bottom: 4px solid #00a6d5; }
      body.home nav ul li a {
        display: block;
        font-family: dingrotesk;
        text-decoration: none;
        font-size: 1.1em;
        color: #313132;
        position: relative; }
        body.home nav ul li a:after {
          content: '';
          position: absolute;
          width: 2px;
          height: 1em;
          background: #313132;
          right: -0.9em;
          top: 2px; }
  body.home .intwidth {
    width: 1040px;
    margin-left: auto;
    margin-right: auto; }
  body.home footer .main {
    /*height: 325px;*/
    height: 282px;
    background: url(images/bg_footer_home.png) no-repeat top center;
    margin: -106px 0 0 0;
    z-index: 200;
    padding: 130px 0 0 0;
    text-align: center;
    color: #a6a2a2;
    font-size: 1.4em;
    font-family: dacialight, Helvetica, Arial, sans-serif; }
    body.home footer .main p {
      /*margin: 1.75em 0 0 0;*/ }
      body.home footer .main p span {
        padding: 0 1.25em; }
  body.home footer .sub {
    text-align: center;
    background-color: black;
    color: #a6a2a2;
    margin: 0;
    font-size: 0.7em;
    padding: 0.4em 0; }
    body.home footer .sub a {
      color: #a6a2a2;
      text-decoration: none;
      font-family: daciabold, Helvetica, Arial, sans-serif; }
  body.int .intwidth {
    margin: 0;
    width: 1040px; }
  body.int header {
    float: left;
    width: 258px;
    border-right : 1px solid #00a5cf;
    /*background: url(images/bg-carbone.jpg) repeat-y left top;*/
    -webkit-box-shadow: 5px 0px 10px #313132;
    -moz-box-shadow: 5px 0px 10px #313132;
    -o-box-shadow: 5px 0px 10px #313132;
    -khtml-box-shadow: 5px 0px 10px #313132;
    box-shadow: 5px 0px 10px #313132;
    z-index: 1000;
    overflow: hidden; }
    body.int header a.logo {
      display: block;
      margin: 0;
      padding: 23px 20px; }
    body.int header a.home {
      display: block;
      width: 59px;
      height: 59px;
      background: url(images/picto-home.png) no-repeat center center;
      text-decoration: none;
      text-indent: -4000px;
      overflow: hidden;
      margin: 1em auto; }
    body.int header nav > ul {
      padding: 0;
      margin: 2em 0 0 3.5em;
      font-family: din, Helvetica, Arial, sans-serif; }
      body.int header nav > ul > li {
        /*margin: 0 0 3em 0;*/
        cursor: pointer;
        min-height:40px;}
        body.int header nav > ul > li > a {
          font-weight: bold;
          color: #424242;
          text-decoration: none;
          font-size: 1.25em; background:url(images/ligne.jpg) no-repeat left bottom;padding-bottom:10px;margin-bottom:10px;}
          body.int header nav > ul > li > a:before {
            /*content: "\2022";
            color: #00a6d5;
            left: -2px;
            position: relative;*/ }
        body.int header nav > ul > li .sub-menu {
          padding: 0;
          margin: 4px 12px;
          overflow: hidden; }
          body.int header nav > ul > li .sub-menu.plie {
            max-height: 0; }
          body.int header nav > ul > li .sub-menu li {
            margin: 0;
            padding: 0; }
            body.int header nav > ul > li .sub-menu li a {
              text-decoration: none;
              color: #00a6d5;
              font-size: 1.1em;
              display: block;
              position: relative; }
              body.int header nav > ul > li .sub-menu li a:hover, body.int header nav > ul > li .sub-menu li a :focus, body.int header nav > ul > li .sub-menu li a .active {
                font-weight: bold; }
                body.int header nav > ul > li .sub-menu li a:hover:after, body.int header nav > ul > li .sub-menu li a :focus:after, body.int header nav > ul > li .sub-menu li a .active:after {
                  content: '';
                  background: #00a6d5;
                  width: 200px;
                  height: 0px;
                  top: 14px;
                  position: absolute; }
        body.int header nav > ul > li.active .sub-menu {
          max-height: 500px !important;
          transition: all 5s ease-out;
          -moz-transition: all 5s ease-out;
          -webkit-transition: all 5s ease-out; }
    body.int header .bottom-logo {
      position: absolute;
      bottom: 1em;
      left: 2em; }
    body.int header.etire {
      padding-bottom: 100px; }
  body.int .right-content {
    float: right;
    width: 782px; }
    body.int .right-content .content {
      padding: 1em 0 2em 55px;
      font-family: din, Helvetica, Arial, sans-serif;
      font-size: 0.95em; }
      body.int .right-content .content h1 {
        font-family: dinbold, Helvetica, Arial, sans-serif;
        font-weight: normal;
        color: #00a5cf;
        margin: 0;
        font-size: 2.1em; }
        body.int .right-content .content h1 span {
          font-family: dinlight, Helvetica, Arial, sans-serif !important;
          font-weight: normal;
          color: white;
          background: #424242;
          padding: 0.25em;
          vertical-align: baseline;
          line-height: 1.5em;
          display: inline-block; }
      body.int .right-content .content h2 {
        font-family: dinbold, Helvetica, Arial, sans-serif;
        font-weight: normal;
        font-size: 1.25em; }
      body.int .right-content .content strong, body.int .right-content .content b {
        font-family: dinbold, Helvetica, Arial, sans-serif;
        font-weight: notmal; }

.banner-container {
  padding: 0px;
  background-color: rgba(121, 121, 121, 0.3);
  width: 1040px;
  position: relative;
  margin-left: auto;
  margin-right: auto;
  -webkit-box-shadow: 0 0.5em 10px black;
  -moz-box-shadow: 0 0.5em 10px black;
  -o-box-shadow: 0 0.5em 10px black;
  -khtml-box-shadow: 0 0.5em 10px black;
  box-shadow: 0 0.5em 10px black; }
  .banner-container .banner {
    width: 1040px;
    height: 388px;
    position: relative;
    overflow: hidden; }
    .banner-container .banner ul {
      list-style-type: none;
      margin: 0;
      padding: 0; }
    .banner-container .banner .caption.txt {
      font-family: din, Helvetica, Arial, sans-serif;
      border-left: 2px solid #313132 !important;
      padding: 0 0 0 1em !important;
      font-size: 0.85em;
      line-height: 1.3em !important; }

.int-banner-container {
  padding: 0px;
  background-color: rgba(121, 121, 121, 0.3);
  width: 782px;
  position: relative;
  margin-left: auto;
  margin-right: auto; }
  .int-banner-container .int-banner {
    width: 782px;
    height: 272px;
    position: relative;
    overflow: hidden; }
    .int-banner-container .int-banner ul {
      list-style-type: none;
      margin: 0;
      padding: 0; }
    .int-banner-container .int-banner .caption.txt {
      font-family: din, Helveltica, Arial, sans-serif;
      color: #00a6d5;
      padding: 0 0 0 1em !important;
      font-size: 0.85em;
      width: 230px !important;
      white-space: normal !important;
      text-shaow: 0 1px 1px black;
      line-height: 1.3em !important; }
      .int-banner-container .int-banner .caption.txt strong {
        font-size: 1.5em; }

@-moz-document url-prefix() {
  .content h1 span {
    line-height: 2em !important;
    height: 2em !important;
    padding: .1em .25em 0em .25em !important;
    vertical-align: middle !important;
    position: relative;
    top: -5px; } }