#page #block-box .container_block_box{padding: 0px 20px;}
.box-actu img{
  max-width: 100% !important;
  height: auto !important;
}
.container-content{padding: 40px 15px !important; background: #fff !important; margin-bottom: 180px !important; font-family: 'dax-lightregular';position: relative; z-index: 8;}
#content{width: 1200px !important; max-width: 100% !important;}

/* FIL D'ARIANE + A VOIR AUSSI + BAS DE PAGE */
#content p a, #content .breadcrumb a{color:#4f8cbd;font-weight: bold; text-decoration: none; transition: all 0.3s;}
#content .breadcrumb{margin-bottom: 30px; font-size: 14px;}
#content #axo-aVoirAussi { padding: 10px 0; }
#content #axo-aVoirAussi a{font-size: 14px; transition: all 0.4s;background: rgba(0,0,0,0.08);padding: 8px 20px; margin: 5px 10px 10px 0px; display: inline-block; color:#000; border-radius: 30px; text-decoration: none; font-weight: bold;}
#content #axo-aVoirAussi a:hover{background: #4f8cbd; color: #fff;}
#content #axo-aVoirAussi p {border-left: 10px solid #4f8cbd; padding-left: 10px; font-weight: bold;}
#content .bottom-page{background: rgba(0,0,0,0.07); border-top: 3px solid #4f8cbd; margin: 30px 0px; padding:20px 15px;}
#content .bottom-page p{text-align: center; margin-bottom: 0px;}

/* STYLE TEXTE */
#content p a:hover, #content .breadcrumb a:hover{opacity: 0.4;}
#content p{color:#000;letter-spacing:0.5px;font-size:15px;text-align: justify; line-height: 21px;}
#content .center{text-align: center !important;}
#content h1,
#content h2,
#content h3 {
  font-family: 'dax-lightregular';
  font-weight: bold;
  color: #4f8cbd;
  text-align: left;
}
#content h1{font-family:'dax-boldregular';letter-spacing: 1px;font-weight: bold;color:#000;font-size:28px;line-height:30px;margin:0 0 30px;text-align: left; text-transform: initial; border-left: 10px solid #4f8cbd; padding-left: 15px;}
#content h1 span{font-family: 'dax-lightregular';font-weight: bold;display: block; font-size: 19px;line-height: 25px; margin-top: 2px; text-align: left;text-transform: uppercase; color: #4f8cbd;}
/*#content h1:after{content: ''; display: block; height: 10px; width: 80px;background-color:#e99109;margin: 0 auto; margin-top: 10px;}*/
#content h2{font-size:23px; margin-bottom: 15px; margin-top: 30px;}
#content h3{font-size:18px;}
#content>ul, #content>ul>li>ul{font-size:15px;letter-spacing:0.5px; margin-bottom: 15px;color: #000; list-style: none;}
#content>ul li{padding: 2px 0px;}
#content>ul li::before {
  content: "\2022";
  color: #4f8cbd;
  font-weight: bold;
  display: inline-block;
  width: 1em;
  margin-left: -1em;
}

/* STYLE IMG */
#content .img-C{display: block;margin: 25px auto; max-width: 400px;}
#content .img-G{float: left;margin: 0px 35px 20px 0px; max-width: 400px;}
#content .img-D{float: right;margin: 0px 0px 20px 35px; max-width: 400px;}
#content .clear{clear: both;}


/* BOUTON + LIEN */
#content .bouton-center{display: flex; width: 100%; justify-content: center;}
#content .bouton{font-size: 15px;transition: all 0.4s;display:inline-block;border:2px solid #4f8cbd; color: #000; text-decoration: none !important; padding: 7px 15px; font-weight: bold; border-radius: 30px; margin:7px 0px 20px;}
#content .bouton:hover{background-color: #4f8cbd; color: #fff;}
.box-tel{color: inherit !important;text-decoration: none !important;}
.box-tel:hover{color: inherit !important;text-decoration: none !important;}


/* RESPONSIVE */
@media all and (max-width: 767px) {
  #content h1{font-size: 27px;}
  #content h1 span{font-size: 19px; margin-top: 0px;}
  #content h2{font-size: 20px;}
  #content h2 span{font-size: 18px;}
  #content h3{font-size: 16px;}
  #content .img-G, #content .img-D, #content .img-C{
    float: none !important;
    margin: 25px auto !important;
    display: block !important;
    max-width: 90% !important; }
    #content p{letter-spacing: 0px;}
  }

  .container-fluid,.row,body{margin:0;padding:0;position: relative}
  body,header,header .container,html{position:relative}
  body{background: #fff;font-family: 'dax-boldregular';font-weight:normal;font-size:20px;color:#000}
  header{
    z-index: 2;
  }
  .fleche{display: block;position: absolute; z-index: 9; bottom: 50px; left: 50%; transform: translateX(-50%);}
  .fleche i{font-size: 30px; background: #fff; border-radius: 50px; padding: 10px; box-shadow: 0px 0px 10px rgba(0,0,0,0.4); transition: all 0.3s;}
  .fleche a{color: #000; text-decoration: none; transition: all 0.4s;}
  .fleche a:hover i{background: #000; color: #fff;}
  .bounces {animation: bounces 2s infinite;}
  @keyframes bounces {0%, 20%, 50%, 80%, 100% {transform: translateY(0) translateX(-50%);}40% {transform: translateY(-20px) translateX(-50%);}60% {transform: translateY(-10px) translateX(-50%);}}
  
  header .container{
    position: relative;
    padding:0 !important;
    background: url("../img/fond-header.jpg") center no-repeat;
    background-size: cover;
    margin-bottom: 20px;
  }
  header .top-header{
    position: relative;
    z-index: 1;
    padding:24px 20px 30px;
    margin: 0;
    min-height: 20px;
    overflow: hidden;
  }
  header #bloc_contact{
    text-align: right;
    float: right;
    letter-spacing: 0;
    font-weight: normal;
    position: relative;
    z-index:0;
    transition: 0.4s;
    padding:0;
    margin: 0;
    color: #000000;
    font-size: 25px;
    line-height:20px;
    letter-spacing: 0;
  }
  header .middel-header{
    position: relative;
    z-index: 2;
    padding:0 7px 0px;
    margin:0;
  }
  .box_lien_header{
    padding:0;
  }
  .box_lien_header .lien_header_left{
    text-decoration: none;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 140px;
    height: 140px;
    border-radius: 190px;
    padding: 20px;
    margin: 0 0 24px;
    position: relative;
    float: left;
    clear: both;
    color: #fff;
    font-size: 20px;
    line-height: 24px;
    transition: 0.4s ease all;
  }
  .box_lien_header .lien_header_left:hover{
    opacity:0.4;
  }
  .box_lien_header .lien_header_right{
    text-decoration: none;
    text-align: center;
    padding: 20px;
    margin: 0 0 24px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    float: right;
    clear: both;
    width: 140px;
    height: 140px;
    border-radius: 190px;
    color: #fff;
    font-size: 20px;
    line-height: 24px;
    transition: 0.4s ease all;
  }
  .box_lien_header .lien_header_right:hover{
    opacity:0.4;
  }
  .box_lien_header #lien_header1{
    background: #71b157;
  }
  .box_lien_header #lien_header2{
    background: #67a8dc;
  }
  .box_lien_header #lien_header3{
    background: #e5d128;
  }
  .box_lien_header #lien_header4{
    background: #c54b4d;
    margin-top: 87px;
  }
  .box_lien_header #lien_header5{
    background: #71b157;
  }
  #logo{
    text-decoration: none;
    z-index: 1;
    margin:37px auto auto;
    display: table;
  }
  #logo img{
    margin:auto;
    display: block;
  }
  #block-box{
    position: relative;
    z-index: 1;
  }
  #block-box .container_block_box{
    min-height:20px;
    position: relative;
    z-index: 99;
    margin-bottom: 0;
    padding: 0 20px 20px;
    background: #4f8cbd;
  }
  .bloc_box{
    position: relative;
    z-index: 0;
    margin-top: -3px;
  }
  .dropdown-menu-fixed{
    position:relative;
    z-index:1;
    margin:0;
    padding:0;
    background: url("../img/separateur_menu.jpg") center bottom no-repeat;
  }
  .dropdown-menu-fixed .navbar{position:relative;z-index:99;padding:0;width:100%;margin:auto!important;}
  #menu #navbar,#menu .navbar,.dropdown-menu-fixed .navbar{border-radius:0;min-height:inherit!important}
  #menu.dropdown-menu-fixed li.dropdown{position: relative;display: block;width: 100%}
  #menu.dropdown-menu-fixed .dropdown-menu li a{position: relative;}
  #menu #navbar{padding:0;margin:auto;;}
  #menu .navbar{
    margin:0;
    position: relative;
  }
  #menu .navbar .navbar-nav{padding:0;margin:0;width: 100%;}
  #menu .navbar li.dropdown{
    position:relative;
    display:inline-block;
    text-align:center;
    margin:0;
    padding:0;
    width: auto;
  }
  #menu .navbar li a{
    font-size:20px;
    margin:0;
    padding:39px 37px 37px;
    line-height:32px;
    text-align:center;
    white-space:normal !important;
    display:block;
    color:#ffffff;
    transition:0.4s ease all;
    letter-spacing: 0;
    position: relative;
    letter-spacing: 0;
    width: 100%;
  }
  .dropdown-menu-fixed .nav>li>a:hover,
  .dropdown-menu-fixed .nav li a.active,
  .dropdown-menu-fixed .nav>li>a:focus{
    color:#4f8cbd !important;
    background:rgba(0,0,0,0);
  }
  #menu .nav .open>a,.nav .open>a:focus,.nav .open>a:hover{background-color:transparent;border-color:transparent;}
  #menu .dropdown-menu li.dropdown{position:relative;display:block;width:100%}
  #menu .dropdown-menu li{padding:0;display:block;width:100%}
  #menu .dropdown-menu li a{margin:0!important;padding:10px 5px!important;line-height:19px;color:#4f8cbd !important;font-size:17px;letter-spacing:0;text-align:left;text-transform: none;}
  #menu .dropdown-menu>li>a:focus,#menu .dropdown-menu>li>a:hover{text-decoration:none;color:#fff !important;background: #4f8cbd;}
  #slide{
    position: absolute;
    height:100%;
    width: 100%;
    z-index:0;
    overflow: hidden;
    top: 0;
    right: 0;
  }
  #myCarousel{position:absolute;height:100%;top:0;width:100%}
  #slide .slideshow:before{position:absolute;height:100%;width:100%; z-index:1000;overflow: hidden;top: 0;left: 0;display: block;content:'';background:rgba(52,95,129,0.62) center no-repeat;}
  .container_block_box #bloc1 {
    padding:105px 88px 20px 0;
    position: relative;
    z-index: 1;
    transition: 0.4s ease all;
    min-height: 392px;
    overflow: hidden;
  }
  .container_block_box #bloc1 h1{
    padding: 0;
    text-align: left;
    font-size: 27px;
    line-height: 36px;
    color: #ffffff;
    margin:0 0 25px;
    font-weight: normal;
    letter-spacing: 0;
    font-family: 'dax-boldregular';
  }
  .container_block_box #bloc1 p{
    padding: 0;
    text-align: left;
    font-size: 16px;
    line-height:19px;
    color: #ffffff;
    margin:0 0 10px;
    font-weight: normal;
    letter-spacing: 0;
    font-family: 'dax-boldregular';
  }
  .container_block_second{
    position: relative;
    z-index: 97;
    padding: 0 20px;
    min-height: 20px;
    overflow: hidden;
    margin-top: 40px;
  }
  .blocRGE img{width: 100px; max-width: 100%; position: relative; left: 30px;}
  #box_block_second{
    padding: 0;
  }
  #box_block_second .box{
    padding: 0 55px;
  }
  #box_block_second #bloc1 a{
    display: block;
    width: 100%;
    height: 424px;
    overflow: hidden;
    background: url("../img/fond_realisation.jpg") center no-repeat;
    background-size: cover;
    padding: 90px 15px 15px;
    text-align: center;
    font-size: 20px;
    color: #ffffff;
    line-height: 28px;
    text-decoration: none;
    font-family: 'dax-boldregular';
  }
  #box_block_second #bloc1 a h2{
    margin: 0;
    padding: 0px;
    text-align: center;
    font-size: 20px;
    color: #ffffff;
    line-height: 28px;
    text-decoration: none;
    font-family: 'dax-boldregular';
  }
  #box_block_second #bloc2 .row{
    display: block;
    width: 100%;
    height: 424px;
    overflow: hidden;
    background: url("../img/fond_actualite.jpg") center no-repeat;
    background-size: cover;
    padding: 90px 80px 15px;
    text-align: center;
    font-size: 20px;
    color: #ffffff;
    line-height: 28px;
    text-decoration: none;
  }
  #box_block_second #bloc2 .row h2{
    padding:0;
    margin: 0 0 64px;
    text-align: center;
    font-size: 20px;
    color: #ffffff;
    line-height: 28px;
    text-decoration: none;
    font-family: 'dax-boldregular';
  }
  #box_block_second #bloc2 .row p{
    padding:0;
    margin: 0;
    text-align: center;
    font-size: 18px;
    color: #ffffff;
    line-height: 22px;
    text-decoration: none;
    font-family: 'dax-lightregular';
  }
  footer{
    padding-top:0!important;
    padding-bottom:0!important;
    position: relative;
    z-index: 0;
  }
  footer .container{
    position: relative;
    padding:463px 20px 0 !important;
    background: url("../img/fond-footer.jpg") center no-repeat;
    background-size: cover;
    margin-top: -190px;
    min-height: 812px;
    overflow: hidden;
  }
  .top-footer{
    padding:0 !important;
    position: relative;
    padding-bottom:198px !important;
  }
  .top-footer #bloc1{
    position: relative;
    z-index: 1;
    text-align: center;
    font-size: 21px;
    color: #ffffff;
    line-height: 24px;
    letter-spacing: 0;
    font-family: 'dax-boldregular';
  }
  .top-footer #bloc1 h2{
    padding:0 0 20px;
    margin: 0 0 10px;
    text-align: center;
    font-size: 43px;
    color: #ffffff;
    line-height: 43px;
    text-decoration: none;
    font-family: 'dax-boldregular';
    background: url("../img/separateur_tilte_footer.jpg") center bottom no-repeat;
  }
  .top-footer #bloc1 p{
    padding:0;
    margin: 0;
    text-align: center;
    font-size: 21px;
    color: #ffffff;
    line-height: 24px;
    text-decoration: none;
    font-family: 'dax-boldregular';
  }
  .row.bottom-footer div{padding:0;}
  .row.bottom-footer{padding:17px 0 15px;margin-bottom: 0;}
  #logo-axomedia{float:left;margin:0}
  footer .box2-footer p{margin:0;color:#fffefe;font-size:10px;text-align:right;padding-right:0;font-weight:400;font-family:arial}
  footer .box2-footer p a{color:#fff;}
  .slideshow{width:100%;position:absolute;height:100%;left:0;top:0}
  .menu-fixed,.menu-fixed #navbar,.menu-fixed .navbar,.menu-fixed .navbar .navbar-nav{padding:0!important}
  .menu-fixed{position:fixed!important;top:0!important;width:100%!important;left:0!important;z-index:99999;min-height:20px!important;background:#4f8cbd !important;height: initial !important;padding: 0 20px !important;box-shadow:0 0px 10px rgba(0,0,0,0.4)}
  .menu-fixed .navbar{border-left:0 solid #fff!important}
  .menu-fixed #navbar{background:rgba(0,0,0,0)!important}
  .menu-fixed .navbar li.dropdown{display:inline-block!important;text-align:center!important;float:left!important;margin:0px!important;padding:0!important;clear:none!important;background:0 0!important}
  .menu-fixed .navbar li.dropdown>a,.menu-fixed .navbar li.dropdown_liste>a{
    padding: 20px 20px !important;
    margin: 0 !important;
    color: #fff !important;
  }
  .menu-fixed .nav li a.active,.menu-fixed .nav>li>a:focus,.menu-fixed .nav>li>a:hover{background: #fff !important;color: #4f8cbd !important;}
  .bounceInDown{transform:translateX(150px);animation:come-in 1s ease forwards}
  #menu.menu-fixed .caret{position:relative!important;right:0;top:0;border-left:4px solid transparent!important;border-right:4px solid transparent!important;border-bottom:4px solid transparent!important;border-top:4px dashed!important}
  #menu.menu-fixed .dropdown-menu{min-width:230px!important;}
  .mobile{display: none}
  #nav-toggle {
    cursor: pointer;
    display: block;
    align-items: center;
    text-align: center;
    margin: 0px;
    width: 40px;
    height: 25px;
    left: 0px;
    top: 0px;
    position: relative;
  }
  #nav-toggle span, #nav-toggle span:before, #nav-toggle span:after {
    cursor: pointer;
    height: 2px;
    width: 32px;
    background: #fff;
    position: absolute;
    display: block;
    content: '';
    left: 0px;
    bottom: 11px;
  }
  .navbar-toggle.collapsed span:before {
    top: -7px;
  }
  .navbar-toggle.collapsed span:after {
    bottom:-7px !important;
    top: inherit !important;
  }
  .navbar-toggle.collapsed span, .navbar-toggle.collapsed span:before, .navbar-toggle.collapsed span:after {
    transition: all 200ms ease-in-out;
  }
  #nav-toggle.active span {
    background-color: transparent;
  }
  .navbar-toggle span:before, .navbar-toggle span:after {
    top: 0;
  }
  .navbar-toggle span:before {
    transform: rotate(45deg);
  }
  .navbar-toggle span:after {
    transform: rotate(-45deg);
  }
  .navbar-toggle.collapsed span:before {
    transform: rotate(0deg);
  }
  .navbar-toggle.collapsed span:after {
    transform: rotate(0deg);
  }

  .navbar-toggle.collapsed span{
    width:65% !important;
  }
  #nav-toggle span{
    width:0%;
    -webkit-animation: test linear infinite;
    animation: test linear infinite;
  }
  .dropdown-menu {
    transition: 0.3s ease all;
    transform: scaleX(0);
    display: block !important;
    background: #fff !important;
    border: 0px;
    border-radius: 0px;
    min-width: 230px;
  }
  .open > .dropdown-menu {
    transform: scaley(1);
  }
  #page .container_block_box #bloc1{
    padding: 25px;
  }
  #box_block_second #bloc1 a:hover h2,
  #box_block_second #bloc2:hover h2{
    -webkit-animation-name: bounceInDown;
    animation-name: bounceInDown;
  }
  @-webkit-keyframes bounceInDown {
    from, 60%, 75%, 90%, to {
      -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
      animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }
    0% {
      opacity: 0;
      -webkit-transform: translate3d(0, -3000px, 0);
      transform: translate3d(0, -3000px, 0);
    }
    60% {
      opacity: 1;
      -webkit-transform: translate3d(0, 25px, 0);
      transform: translate3d(0, 25px, 0);
    }
    75% {
      -webkit-transform: translate3d(0, -10px, 0);
      transform: translate3d(0, -10px, 0);
    }
    90% {
      -webkit-transform: translate3d(0, 5px, 0);
      transform: translate3d(0, 5px, 0);
    }
    to {
      -webkit-transform: none;
      transform: none;
    }
  }
  @keyframes bounceInDown {
    from, 60%, 75%, 90%, to {
      -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
      animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }
    0% {
      opacity: 0;
      -webkit-transform: translate3d(0, -3000px, 0);
      transform: translate3d(0, -3000px, 0);
    }
    60% {
      opacity: 1;
      -webkit-transform: translate3d(0, 25px, 0);
      transform: translate3d(0, 25px, 0);
    }
    75% {
      -webkit-transform: translate3d(0, -10px, 0);
      transform: translate3d(0, -10px, 0);
    }
    90% {
      -webkit-transform: translate3d(0, 5px, 0);
      transform: translate3d(0, 5px, 0);
    }
    to {
      -webkit-transform: none;
      transform: none;
    }
  }

  .boxfooter{overflow:hidden;background-size: cover;display: flex;align-items: center;padding-top: 10px;}
.boxfooter img {vertical-align: middle; border-style: none;align-items: center;text-align: center;display: block;margin: auto;}
.footerlink{color: #eedcc6;font-size: 10px;font-family:verdana;text-align: center;padding-top: 20px;}
.footerlink ul{list-style:none;margin:0px;padding:0px;display: inline-block;}
.footerlink ul li{display:inline-block;color: #000;}
.footerlink ul li a{color: #fff;text-decoration:none !important;transition:0.3s ease all;font-weight:bold;}
.footerlink ul li a:hover{color:#ccc;}
.inlineblock{display:inline-block;} 
.footerlink  ul{padding:0px;margin:0px;list-style:none;background:none;}
.boxfooter>div{width:100%;background: #4f8cbd;padding:20px 10px 5px 10px;}
.recherches{background: rgba(255, 255, 255, 0.8);padding:2px;text-align: center; }
.recherches a{color: grey; font-size: 1.2rem;}
.content-recherches h2{text-align: center;font-size:18px; }
.content-recherches h2:after{content: none!important; }
.recherches h3{text-decoration: underline; font-size: 1.5rem;}
.recherches h4{font-size: 1.4rem;}