html {
  overflow-y: scroll;
  height: 100%; }

a:focus, a:active, a.btn:focus, a.btn:active:focus, a.btn.active:focus, a.btn.focus, a.btn.focus:active, a.btn.active.focus {
  outline: 0; }

#cookie-bar {
  position: relative;
  z-index: 10000; }

#background_left {
  width: 100%;
  height: 100%;
  position: absolute;
  background: url("/public/images/background_left.jpg") no-repeat 0 240px;
  z-index: 10; }

h1, h2, h3, h4, h5, h6 {
  padding: 0;
  margin: 0; }

h1 {
  margin-bottom: 10px;
  background: #F5F5F5;
  padding: 5px 10px;
  border-radius: 4px; }

h2 {
  font-size: 24px; }

.bold {
  font-weight: bold; }

#slogan {
  font-family: 'Ubuntu', sans-serif;
  font-size: 22px;
  padding-bottom: 50px;
  padding-right: 15px;
  position: relative;
  z-index: 1000; }

.logo {
  padding-right: 15px;
  position: relative;
  z-index: 1000; }

#content {
  /* padding-top:116px;*/ }

#menu_footer {
  font-weight: bold;
  font-family: Arial;
  font-size: 12px;
  margin-left: 55px; }
  #menu_footer li {
    float: left; }
    #menu_footer li a {
      display: block;
      padding: 0px 10px;
      background: none;
      color: #999;
      text-decoration: none; }

#menu_footer, #menu_footer ul {
  padding: 0px;
  margin: 0px;
  list-style: outside none none;
  line-height: 21px;
  text-align: center; }

#page_accroche strong, #page3 #content strong {
  color: #E30119; }

#head {
  padding-top: 10px;
  padding-bottom: 10px; }
  #head #head_bottom .navbar-nav li ul {
    display: none;
    position: absolute;
    width: 140px;
    background-color: #F8F8F8;
    z-index: 100;
    list-style: none; }
    #head #head_bottom .navbar-nav li ul li a {
      color: #777;
      text-decoration: none; }
      #head #head_bottom .navbar-nav li ul li a:hover {
        color: #333; }
  #head #head_bottom .navbar-nav li:hover ul {
    display: block; }

#content #content_center {
  text-align: justify;
  background: #FFF;
  padding-top: 15px;
  padding-bottom: 15px; }

#foot {
  background: #111111;
  color: #FFF;
  border-top: 10px solid #303030;
  margin-top: 10px;
  clear: both; }
  #foot a {
    color: #ACACAC; }
  #foot a:hover {
    color: #FFF;
    text-decoration: none; }
  #foot ul li {
    display: block;
    float: left; }
    #foot ul li .separateur {
      padding: 0 10px; }
  #foot #foot_left {
    padding-top: 10px;
    padding-bottom: 10px; }
    #foot #foot_left .fn.org {
      font-size: 18px; }
  #foot #foot_center {
    padding-top: 10px;
    padding-bottom: 10px;
    height: 100px; }
    #foot #foot_center .fa {
      width: 30px;
      vertical-align: middle;
      text-align: center; }
    #foot #foot_center .fa-phone {
      font-size: 20px; }
    #foot #foot_center .fa-mobile {
      font-size: 28px; }
    #foot #foot_center .fa-fax {
      font-size: 17px; }
  #foot #foot_right {
    padding-top: 10px;
    padding-bottom: 10px;
    height: 100px;
    color: #FFF; }
  #foot #foot_bottom {
    padding-top: 10px;
    padding-bottom: 10px;
    background: #000000; }
    #foot #foot_bottom a {
      color: #ACACAC; }
      #foot #foot_bottom a:hover {
        color: #FFF;
        text-decoration: none; }
    #foot #foot_bottom ul li {
      display: block;
      float: left; }
      #foot #foot_bottom ul li:after {
        content: "|";
        padding: 0 5px;
        color: #FFF; }
      #foot #foot_bottom ul li:last-child:after {
        content: "";
        padding: 0; }

@media (min-width: 1200px) {
  /*lg : large*/
  #page1 {
    background: url("/public/images/background_accueil_top.jpg") no-repeat 70% -30px, url("/public/images/background_accueil_bottom.jpg") no-repeat 60% 500px; }
    #page1 #content {
      padding-top: 120px; }
    #page1 #page_image {
      margin-bottom: 50px; }
    #page1 #menu_footer {
      margin-top: 190px; }

  #page2 {
    background: url("/public/images/background_savoirfaire_top.jpg") no-repeat 90% -30px, url("/public/images/background_savoirfaire_bottom.jpg") no-repeat 95% 500px; }
    #page2 #content {
      padding-top: 60px; }
    #page2 #page_accroche {
      margin-bottom: 20px;
      width: 60%; }
    #page2 #page_image {
      margin-bottom: 10px; }
    #page2 #menu_footer {
      margin-top: 40px; }

  #page3 {
    background: url("/public/images/background_parcdmachine_top.jpg") no-repeat right -30px, url("/public/images/background_parcdmachine_bottom.jpg") no-repeat 95% 400px; }
    #page3 #content {
      padding-top: 60px; }
    #page3 #page_accroche {
      margin-bottom: 20px;
      width: 60%; }
    #page3 #page_image {
      margin-bottom: 20px; }
    #page3 #menu_footer {
      margin-top: 00px; }

  #page4 {
    background: url("/public/images/background_secteurs_top.jpg") no-repeat 80% -150px, url("/public/images/background_secteurs_bottom.jpg") no-repeat 97% 400px; }
    #page4 #content {
      padding-top: 60px; }
    #page4 #page_accroche {
      margin-top: 80px;
      margin-bottom: 60px;
      width: 60%; }
    #page4 #page_image {
      margin-bottom: 20px; }
    #page4 #menu_footer {
      margin-top: 00px; }

  #page5 {
    background: url("/public/images/background_contact_top.jpg") no-repeat 80% -170px; }
    #page5 #content {
      padding-top: 60px; }
    #page5 #page_accroche {
      margin-top: 90px;
      margin-bottom: 50px;
      width: 60%; }
    #page5 #page_image {
      margin-bottom: 20px; }
    #page5 #menu_footer {
      margin-top: 00px; }

  #head {
    text-align: right;
    padding-top: 50px;
    background: #fff; }

  #content {
    background: url("/public/images/degrade.png") repeat-y;
    position: relative;
    z-index: 1000; }

  #page_contenu, #page_accroche {
    padding-left: 30px; }

  /*menu*/
  .navbar-default {
    margin-top: 100px;
    font-size: 16px;
    background-color: transparent;
    border-width: 0px;
    border-radius: 0px;
    font-family: 'Ubuntu', sans-serif;
    position: relative;
    z-index: 1000; }
    .navbar-default .navbar-brand {
      color: black; }
    .navbar-default .navbar-nav {
      float: right; }
    .navbar-default .navbar-nav > li {
      float: none; }
    .navbar-default .navbar-nav > li > a {
      color: black;
      font-weight: bold;
      background-color: transparent; }
    .navbar-default .navbar-nav > li > a:hover,
    .navbar-default .navbar-nav > li > a:focus {
      color: #9c9e9f;
      background-color: transparent; }
    .navbar-default .navbar-nav > .active > a,
    .navbar-default .navbar-nav > .active > a:hover,
    .navbar-default .navbar-nav > .active > a:focus {
      color: #9c9e9f;
      background-color: transparent; }
    .navbar-default .navbar-toggle {
      border-color: transparent; }
    .navbar-default .navbar-toggle:hover,
    .navbar-default .navbar-toggle:focus {
      background-color: transparent; }
    .navbar-default .navbar-toggle .icon-bar {
      background-color: transparent; }
    .navbar-default .navbar-toggle:hover .icon-bar,
    .navbar-default .navbar-toggle:focus .icon-bar {
      background-color: transparent; }

  /*fin menu*/ }
@media (min-width: 992px) and (max-width: 1199px) {
  /*md : medium*/
  #page1 {
    background: url("/public/images/background_accueil_top.jpg") no-repeat 70% -30px, url("/public/images/background_accueil_bottom.jpg") no-repeat 60% 460px; }
    #page1 #content {
      padding-top: 120px; }
    #page1 #page_image {
      margin-bottom: 50px; }
    #page1 #menu_footer {
      margin-top: 190px; }

  #page2 {
    background: url("/public/images/background_savoirfaire_top.jpg") no-repeat 90% -30px, url("/public/images/background_savoirfaire_bottom.jpg") no-repeat 95% 500px; }
    #page2 #content {
      padding-top: 60px; }
    #page2 #menu_footer {
      margin-top: 20px; }
    #page2 #page_accroche {
      margin-bottom: 20px;
      width: 50%; }
    #page2 #page_image {
      margin-bottom: 10px; }

  #page3 {
    background: none; }
    #page3 #content {
      padding-top: 60px; }
    #page3 #page_accroche {
      margin-bottom: 20px;
      width: 60%; }
    #page3 #page_image {
      margin-bottom: 20px; }
    #page3 #menu_footer {
      margin-top: 00px; }

  #page4 {
    background: url("/public/images/background_secteurs_top.jpg") no-repeat 80% -150px; }
    #page4 #content {
      padding-top: 60px; }
    #page4 #page_accroche {
      margin-top: 100px;
      margin-bottom: 60px;
      width: 60%; }
    #page4 #page_image {
      margin-bottom: 20px; }
    #page4 #menu_footer {
      margin-top: 00px; }

  #page5 {
    background: none; }
    #page5 #content {
      padding-top: 10px; }
    #page5 #page_accroche {
      margin-top: 10px;
      margin-bottom: 10px;
      width: 60%; }
    #page5 #page_image {
      margin-bottom: 20px; }
    #page5 #menu_footer {
      margin-top: 00px; }

  #head {
    text-align: right;
    padding-top: 50px;
    background: #fff; }

  #content {
    background: url("/public/images/degrade.png") repeat-y;
    position: relative;
    z-index: 1000; }

  #page_contenu, #page_accroche {
    padding-left: 30px; }

  /*menu*/
  .navbar-default {
    margin-top: 100px;
    font-size: 16px;
    background-color: transparent;
    border-width: 0px;
    border-radius: 0px;
    font-family: 'Ubuntu', sans-serif;
    position: relative;
    z-index: 1000; }
    .navbar-default .navbar-brand {
      color: black; }
    .navbar-default .navbar-nav {
      float: right; }
    .navbar-default .navbar-nav > li {
      float: none; }
    .navbar-default .navbar-nav > li > a {
      color: black;
      font-weight: bold;
      background-color: transparent; }
    .navbar-default .navbar-nav > li > a:hover,
    .navbar-default .navbar-nav > li > a:focus {
      color: #9c9e9f;
      background-color: transparent; }
    .navbar-default .navbar-nav > .active > a,
    .navbar-default .navbar-nav > .active > a:hover,
    .navbar-default .navbar-nav > .active > a:focus {
      color: #9c9e9f;
      background-color: transparent; }
    .navbar-default .navbar-toggle {
      border-color: transparent; }
    .navbar-default .navbar-toggle:hover,
    .navbar-default .navbar-toggle:focus {
      background-color: transparent; }
    .navbar-default .navbar-toggle .icon-bar {
      background-color: transparent; }
    .navbar-default .navbar-toggle:hover .icon-bar,
    .navbar-default .navbar-toggle:focus .icon-bar {
      background-color: transparent; }

  /*fin menu*/
  #menu_footer {
    margin-top: 220px; } }
@media (min-width: 768px) and (max-width: 991px) {
  /*sm : small*/
  #page1 {
    background: none; }

  #slogan {
    float: right; }

  .logo {
    display: block;
    margin-bottom: 10px; }

  #page_image {
    margin-bottom: 10px; }
    #page_image img {
      margin: 0 auto; }

  #page_contenu, #page_accroche {
    padding: 0 15px; }

  #menu_footer {
    margin-top: 10px; }

  /*menu*/
  .navbar-default {
    font-size: 16px;
    background-color: transparent;
    border-width: 0px;
    border-radius: 0px;
    font-family: 'Ubuntu', sans-serif;
    position: relative;
    z-index: 1000;
    margin-bottom: 0; }
    .navbar-default .navbar-brand {
      color: black; }
    .navbar-default .navbar-nav {
      float: left; }
    .navbar-default .navbar-nav > li > a {
      color: black;
      font-weight: bold;
      background-color: transparent; }
    .navbar-default .navbar-nav > li > a:hover,
    .navbar-default .navbar-nav > li > a:focus {
      color: #9c9e9f;
      background-color: transparent; }
    .navbar-default .navbar-nav > .active > a,
    .navbar-default .navbar-nav > .active > a:hover,
    .navbar-default .navbar-nav > .active > a:focus {
      color: #9c9e9f;
      background-color: transparent; }
    .navbar-default .navbar-toggle {
      border-color: transparent; }
    .navbar-default .navbar-toggle:hover,
    .navbar-default .navbar-toggle:focus {
      background-color: transparent; }
    .navbar-default .navbar-toggle .icon-bar {
      background-color: transparent; }
    .navbar-default .navbar-toggle:hover .icon-bar,
    .navbar-default .navbar-toggle:focus .icon-bar {
      background-color: transparent; } }
@media (max-width: 767px) {
  /*xs : extra small*/
  #page1 {
    background: none; }

  #slogan {
    float: right; }

  .logo {
    display: block;
    margin-bottom: 10px; }

  #page_image {
    margin-bottom: 10px; }
    #page_image img {
      margin: 0 auto; }

  #page_contenu, #page_accroche {
    padding: 0 15px; }

  #menu_footer {
    margin-top: 10px; } }
@media (max-width: 1170px) {
  /*ajout perso*/
  #background_left {
    display: none; } }
@media (max-width: 600px) {
  /*ajout perso*/
  #slogan {
    display: none; }

  .logo {
    text-align: center; } }

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