@charset "UTF-8";
/*!
 * Bootstrap v3.3.7 (http://getbootstrap.com)
 * Copyright 2011-2016 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/../../bootstrap/stylesheets/bootstrap/blob/master/LICENSE)
 */
/*@import "../../bootstrap/stylesheets/bootstrap/mixins";

// Reset and dependencies
@import "../../bootstrap/stylesheets/bootstrap/normalize";
@import "../../bootstrap/stylesheets/bootstrap/print";
@import "../../bootstrap/stylesheets/bootstrap/glyphicons";

// Core CSS
@import "../../bootstrap/stylesheets/bootstrap/scaffolding";
@import "../../bootstrap/stylesheets/bootstrap/type";
@import "../../bootstrap/stylesheets/bootstrap/code";
@import "../../bootstrap/stylesheets/bootstrap/grid";
@import "../../bootstrap/stylesheets/bootstrap/tables";
@import "../../bootstrap/stylesheets/bootstrap/forms";
@import "../../bootstrap/stylesheets/bootstrap/buttons";

// Components
@import "../../bootstrap/stylesheets/bootstrap/component-animations";
@import "../../bootstrap/stylesheets/bootstrap/dropdowns";
@import "../../bootstrap/stylesheets/bootstrap/button-groups";
@import "../../bootstrap/stylesheets/bootstrap/input-groups";
@import "../../bootstrap/stylesheets/bootstrap/navs";
@import "../../bootstrap/stylesheets/bootstrap/navbar";
@import "../../bootstrap/stylesheets/bootstrap/breadcrumbs";
@import "../../bootstrap/stylesheets/bootstrap/pagination";
@import "../../bootstrap/stylesheets/bootstrap/pager";
@import "../../bootstrap/stylesheets/bootstrap/labels";
@import "../../bootstrap/stylesheets/bootstrap/badges";
@import "../../bootstrap/stylesheets/bootstrap/jumbotron";
@import "../../bootstrap/stylesheets/bootstrap/thumbnails";
@import "../../bootstrap/stylesheets/bootstrap/alerts";
@import "../../bootstrap/stylesheets/bootstrap/progress-bars";
@import "../../bootstrap/stylesheets/bootstrap/media";
@import "../../bootstrap/stylesheets/bootstrap/list-group";
@import "../../bootstrap/stylesheets/bootstrap/panels";
@import "../../bootstrap/stylesheets/bootstrap/responsive-embed";
@import "../../bootstrap/stylesheets/bootstrap/wells";
@import "../../bootstrap/stylesheets/bootstrap/close";

// Components w/ JavaScript
@import "../../bootstrap/stylesheets/bootstrap/modals";
@import "../../bootstrap/stylesheets/bootstrap/tooltip";
@import "../../bootstrap/stylesheets/bootstrap/popovers";
@import "../../bootstrap/stylesheets/bootstrap/carousel";

// Utility classes
@import "../../bootstrap/stylesheets/bootstrap/utilities";
@import "../../bootstrap/stylesheets/bootstrap/responsive-utilities";
*/
/********************************  STRUCTURE
******************/
body {
  font: 300 1.5rem "Raleway", arial, helvetica, sans-serif;
  line-height: 2.2rem;
  margin: 0;
  padding: 0;
  height: 100%;
  width: 100%;
  overflow-x: hidden;
  color: #454c52; }

.clear {
  clear: both; }

.padding5 {
  padding: 5px; }

.invisible {
  display: none; }

* {
  box-sizing: border-box; }

a, button {
  transition: all 0.5s ease 0s;
  color: #454c52;
  word-wrap: break-word;
  outline: none; }

h1 {
  padding: 10px 0;
  font: 400 3rem 'Source Sans Pro', tahoma, sans-serif;
  line-height: 3rem;
  border: none; }
  h1:after {
    height: 3px;
    width: 50px;
    background: #454c52;
    content: "";
    display: block;
    margin: 8px 0 5px 0; }

.page-header {
  padding: 0;
  margin: 0;
  border: none;
  clear: both; }

h2 {
  font: 400 2rem 'Source Sans Pro', tahoma, sans-serif;
  line-height: 2rem; }

h3 {
  font: 400 1.6rem 'Source Sans Pro', tahoma, sans-serif;
  line-height: 1.6rem;
  margin: 0;
  padding: 0; }

.btn.btn-primary {
  border-radius: 0;
  border: none; }
  .btn.btn-primary a {
    color: #fff;
    border-radius: 0; }

.alert {
  position: relative;
  z-index: 10; }

/******************************** STRUCTURE 
******************/
.region-navigation-collapsible {
  border-bottom: 1px solid #E7E7E7; }
  .region-navigation-collapsible .breadcrumb {
    background: #fff;
    max-width: 1170px;
    margin: auto; }

nav.tabs {
  width: 100%;
  padding: 10px 0; }
  nav.tabs ul.nav-tabs {
    float: right;
    border: none;
    margin: 0 15px; }
    nav.tabs ul.nav-tabs li a {
      border: 1px solid #f5f5f5 !important;
      border-radius: 1px;
      padding: 8px 15px; }
      nav.tabs ul.nav-tabs li a.is-active {
        border: 1px solid #454c52 !important; }
  nav.tabs:after {
    clear: both;
    display: table;
    content: ""; }

/******************************** HEADER 
******************/
a.logo {
  padding: 10px 0;
  display: inline-block; }
  a.logo img {
    max-width: 100%;
    max-width: 400px;
    width: 100%; }

#navbar {
  background: #fff;
  border: none; }
  #navbar .navbar-header {
    float: none; }
  #navbar #navbar-collapse {
    padding: 0; }

#zone-region-topheader {
  background: #404B51; }
  #zone-region-topheader #block-bootstrap-subtheme-menucible {
    clear: both;
    float: left; }
    #zone-region-topheader #block-bootstrap-subtheme-menucible ul.menu.nav li {
      display: inline-block;
      margin: 0;
      padding: 0; }
      #zone-region-topheader #block-bootstrap-subtheme-menucible ul.menu.nav li a {
        margin: 0;
        padding: 7px 15px;
        display: inline-block;
        background: #f5f5f5;
        font: 400 1.7rem 'Source Sans Pro', tahoma, sans-serif;
        line-height: 1.8rem;
        text-transform: uppercase;
        position: relative; }
        #zone-region-topheader #block-bootstrap-subtheme-menucible ul.menu.nav li a:before {
          border-left: 15px solid #f5f5f5;
          border-bottom: 15px solid transparent;
          height: 15px;
          content: "";
          display: inline-block;
          width: 30px;
          position: absolute;
          bottom: -15px;
          left: 0;
          z-index: 3;
          display: none; }
        #zone-region-topheader #block-bootstrap-subtheme-menucible ul.menu.nav li a.is-active:before {
          display: block; }
        #zone-region-topheader #block-bootstrap-subtheme-menucible ul.menu.nav li a.item-particuliers {
          border-bottom: 3px solid #ec680c; }
          #zone-region-topheader #block-bootstrap-subtheme-menucible ul.menu.nav li a.item-particuliers:before {
            border-left: 15px solid #ec680c; }
          #zone-region-topheader #block-bootstrap-subtheme-menucible ul.menu.nav li a.item-particuliers.is-active {
            background: #ec680c;
            color: #fff; }
        #zone-region-topheader #block-bootstrap-subtheme-menucible ul.menu.nav li a.item-entreprises {
          border-bottom: 3px solid #1f5da2; }
          #zone-region-topheader #block-bootstrap-subtheme-menucible ul.menu.nav li a.item-entreprises:before {
            border-left: 15px solid #1f5da2; }
          #zone-region-topheader #block-bootstrap-subtheme-menucible ul.menu.nav li a.item-entreprises.is-active {
            background: #1f5da2;
            color: #fff; }
        #zone-region-topheader #block-bootstrap-subtheme-menucible ul.menu.nav li a.item-accompagnateurs {
          border-bottom: 3px solid #a2c739; }
          #zone-region-topheader #block-bootstrap-subtheme-menucible ul.menu.nav li a.item-accompagnateurs:before {
            border-left: 15px solid #a2c739; }
          #zone-region-topheader #block-bootstrap-subtheme-menucible ul.menu.nav li a.item-accompagnateurs.is-active {
            background: #a2c739;
            color: #fff; }
        #zone-region-topheader #block-bootstrap-subtheme-menucible ul.menu.nav li a:hover {
          background: #E7E7E7;
          color: #454c52; }
  #zone-region-topheader #block-menuinfos {
    float: right; }
    #zone-region-topheader #block-menuinfos ul.menu.nav li {
      display: inline-block; }
      #zone-region-topheader #block-menuinfos ul.menu.nav li a {
        padding: 11px 10px 12px 10px;
        font: 400 1.25rem 'Source Sans Pro', tahoma, sans-serif;
        line-height: 1.2rem;
        color: #fff; }
        #zone-region-topheader #block-menuinfos ul.menu.nav li a:before {
          height: 20px;
          width: 20px;
          content: "";
          display: inline-block;
          float: left;
          margin: -4px 6px 0 0px; }
        #zone-region-topheader #block-menuinfos ul.menu.nav li a.item-liens:before {
          background: url("../assets/images/icn/icn-liens.png") no-repeat center center; }
        #zone-region-topheader #block-menuinfos ul.menu.nav li a.item-boite:before {
          background: url("../assets/images/icn/icn-boite.png") no-repeat center center; }
        #zone-region-topheader #block-menuinfos ul.menu.nav li a.item-actu:before {
          background: url("../assets/images/icn/icn-actu.png") no-repeat center center; }
        #zone-region-topheader #block-menuinfos ul.menu.nav li a:hover {
          text-decoration: underline;
          background: none; }
        #zone-region-topheader #block-menuinfos ul.menu.nav li a.is-active {
          background: #7f858a; }

/******************************** RESSOURCES 
******************/
body.visible h3.group-title {
  display: block; }

.field--name-field-id {
  display: none; }

#block-views-block-ressource-block-1 {
  clear: both; }

.vue-ressource {
  padding: 20px 0; }
  .vue-ressource .masonry-item {
    margin: 0 0 10px 0; }
    .vue-ressource .masonry-item .contenu {
      position: relative;
      border: 1px solid #f5f5f5; }
      .vue-ressource .masonry-item .contenu .views-field-title h3 {
        font: 600 1.5rem 'Source Sans Pro', tahoma, sans-serif;
        line-height: 1.7rem;
        padding: 10px 15px;
        background: linear-gradient(45deg, #f5f5f5 25%, #eee 25%, #E7E7E7 50%, #f5f5f5 50%, #f5f5f5 75%, #eee 75%);
        background-size: 5px 5px; }
      .vue-ressource .masonry-item .contenu .views-field-field-image {
        border-bottom: 1px solid #f5f5f5;
        height: 190px;
        position: relative; }
        .vue-ressource .masonry-item .contenu .views-field-field-image img {
          max-height: 175px;
          width: auto;
          margin: auto;
          max-width: 200px;
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%); }
      .vue-ressource .masonry-item .contenu .views-field-body {
        min-height: 90px;
        padding: 10px; }
      .vue-ressource .masonry-item .contenu .views-field-edit-node {
        position: absolute;
        top: 0;
        right: 0;
        z-index: 10; }
        .vue-ressource .masonry-item .contenu .views-field-edit-node a {
          background: #fff;
          padding: 5px;
          display: inline-block;
          color: #454c52; }
      .vue-ressource .masonry-item .contenu .views-field-field-lien a {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        text-indent: -9999px;
        display: inline-block; }
    .vue-ressource .masonry-item:hover .contenu .views-field-field-lien a {
      background-color: rgba(231, 231, 231, 0.8); }
      .vue-ressource .masonry-item:hover .contenu .views-field-field-lien a:before {
        position: absolute;
        font: 400 1.8rem 'Source Sans Pro', tahoma, sans-serif;
        line-height: 1.8rem;
        top: 50%;
        left: 50%;
        content: "Accéder";
        text-indent: 0;
        text-align: center;
        display: inline-block;
        z-index: 2;
        color: #fff;
        min-width: 150px;
        padding: 10px;
        text-transform: uppercase;
        border: 2px solid #fff;
        transform: translate(-50%, -50%); }
  .vue-ressource:after {
    content: "";
    clear: both;
    display: table; }

#block-views-block-ressource-block-2 {
  clear: both; }
  #block-views-block-ressource-block-2 h2 {
    font: 600 2rem 'Source Sans Pro', tahoma, sans-serif;
    line-height: 2rem;
    text-align: center;
    text-transform: uppercase; }

/******************************** SLIDER 
******************/
#block-views-block-frontpage-block-1 .views-field-body {
  position: absolute;
  right: 5%;
  top: 50%;
  width: 100%;
  max-width: 660px;
  padding: 12px;
  transform: translate(0%, -50%);
  color: #454c52;
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 2px; }
#block-views-block-frontpage-block-1 #views_slideshow_controls_text_frontpage-block_1 {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  transform: translate(-50%, -50%);
  z-index: 10; }
  #block-views-block-frontpage-block-1 #views_slideshow_controls_text_frontpage-block_1 #views_slideshow_controls_text_previous_frontpage-block_1 a {
    font-size: 0;
    display: inline-block;
    padding: 20px; }
    #block-views-block-frontpage-block-1 #views_slideshow_controls_text_frontpage-block_1 #views_slideshow_controls_text_previous_frontpage-block_1 a:before {
      font: 400 4rem 'Tahoma', tahoma, sans-serif;
      line-height: 4rem;
      content: "<";
      color: #454c52;
      display: inline-block;
      text-indent: 0; }
    #block-views-block-frontpage-block-1 #views_slideshow_controls_text_frontpage-block_1 #views_slideshow_controls_text_previous_frontpage-block_1 a:hover:before {
      color: #f5f5f5; }
  #block-views-block-frontpage-block-1 #views_slideshow_controls_text_frontpage-block_1 #views_slideshow_controls_text_pause_frontpage-block_1 {
    display: none; }
  #block-views-block-frontpage-block-1 #views_slideshow_controls_text_frontpage-block_1 #views_slideshow_controls_text_next_frontpage-block_1 a {
    float: right;
    font-size: 0;
    display: inline-block;
    padding: 20px; }
    #block-views-block-frontpage-block-1 #views_slideshow_controls_text_frontpage-block_1 #views_slideshow_controls_text_next_frontpage-block_1 a:before {
      font: 400 4rem 'Tahoma', tahoma, sans-serif;
      line-height: 4rem;
      content: ">";
      color: #454c52;
      display: inline-block;
      text-indent: 0; }
    #block-views-block-frontpage-block-1 #views_slideshow_controls_text_frontpage-block_1 #views_slideshow_controls_text_next_frontpage-block_1 a:hover:before {
      color: #f5f5f5; }

/******************************** MOTEUR DE RECHERCHE 
******************/
#block-formulaireexposesearch-apipage-1 {
  clear: both; }

#views-exposed-form-search-api-page-1 {
  clear: both;
  padding: 30px 0;
  background: #E7E7E7; }
  #views-exposed-form-search-api-page-1 .form-inline {
    max-width: 800px;
    position: relative;
    margin: auto;
    max-height: 34px; }
    #views-exposed-form-search-api-page-1 .form-inline .form-item {
      margin: 0;
      width: 100%; }
      #views-exposed-form-search-api-page-1 .form-inline .form-item input {
        width: 100%; }
    #views-exposed-form-search-api-page-1 .form-inline button {
      background: #f5f5f5;
      color: #454c52;
      border: 1px solid #CCCCCC;
      border-radius: 0 4px 4px 0px;
      position: absolute;
      top: 0;
      right: 0;
      margin: 0; }

/******************************** Menu PRINCIPAL 
******************/
.menu-principal {
  clear: both;
  border-top: 1px solid #E7E7E7;
  border-bottom: 1px solid #E7E7E7;
  background: #fff; }
  .menu-principal ul.menu.nav {
    float: none;
    text-align: center;
    max-width: 1170px;
    margin: auto;
    padding: 0; }
    .menu-principal ul.menu.nav li {
      display: inline-block; }
      .menu-principal ul.menu.nav li a {
        display: inline-block;
        font: 600 1.7rem 'Source Sans Pro', tahoma, sans-serif;
        line-height: 1.7rem;
        position: relative;
        padding: 15px 20px;
        /*	&:last-child{
        		&:before{
        			display: none;
        		}
        	}*/ }
        .menu-principal ul.menu.nav li a.item-accueil {
          background: url("../assets/images/icn/icn-accueil.png") no-repeat center center;
          height: 49px;
          width: 60px;
          text-indent: -99999px; }
        .menu-principal ul.menu.nav li a:before {
          content: "";
          width: 1px;
          height: 20px;
          background: #E7E7E7;
          display: inline-block;
          position: absolute;
          right: 0; }
      .menu-principal ul.menu.nav li.dropdown:hover ul.dropdown-menu {
        display: block; }
      .menu-principal ul.menu.nav li.dropdown ul.dropdown-menu {
        margin-top: 0;
        border-radius: 0;
        text-align: left;
        border: none;
        background: none;
        padding: 0; }
        .menu-principal ul.menu.nav li.dropdown ul.dropdown-menu li {
          display: block;
          background: none; }
          .menu-principal ul.menu.nav li.dropdown ul.dropdown-menu li a {
            background-color: white;
            font: 400 1.5rem 'Source Sans Pro', tahoma, sans-serif;
            line-height: 1.5rem;
            border: none;
            display: block;
            padding: 12px 15px;
            background: #f5f5f5;
            border-bottom: 1px solid #E7E7E7; }
            .menu-principal ul.menu.nav li.dropdown ul.dropdown-menu li a.is-active {
              background: #E7E7E7;
              color: #454c52; }
            .menu-principal ul.menu.nav li.dropdown ul.dropdown-menu li a:hover {
              background: #fff;
              cursor: pointer; }

/******************************** PAGE D'ACCUEIL
******************/
.term-id-1 h1.page-header,
.term-id-2 h1.page-header,
.term-id-3 h1.page-header {
  display: none; }

.field--name-field-bloc .field--item .contenu {
  border-radius: 2px;
  border: 1px solid #E7E7E7;
  min-height: 230px;
  margin: 10px 0; }
  .field--name-field-bloc .field--item .contenu .field--name-field-image {
    float: left;
    padding: 30px 20px; }
  .field--name-field-bloc .field--item .contenu .field--name-field-ti h3 {
    font: 400 1.9rem 'Source Sans Pro', tahoma, sans-serif;
    line-height: 2rem;
    text-transform: uppercase;
    padding: 10px 15px;
    margin: 0;
    background: linear-gradient(45deg, #f5f5f5 25%, #eee 25%, #E7E7E7 50%, #f5f5f5 50%, #f5f5f5 75%, #eee 75%);
    background-size: 5px 5px; }
  .field--name-field-bloc .field--item .contenu .field--name-field-description {
    padding: 15px 10px 10px 10px;
    font: 400 1.7rem 'Source Sans Pro', tahoma, sans-serif;
    line-height: 2.1rem; }
  .field--name-field-bloc .field--item .contenu .field--name-field-lien {
    padding: 0 10px 10px 10px; }
    .field--name-field-bloc .field--item .contenu .field--name-field-lien .field--item a {
      font: 400 1.6rem 'Source Sans Pro', tahoma, sans-serif;
      line-height: 1.6rem;
      color: #7f858a;
      padding: 5px 0; }
      .field--name-field-bloc .field--item .contenu .field--name-field-lien .field--item a:before {
        content: ">";
        display: inline-block;
        margin: 0 5px 0 0;
        color: #a2c739; }

/******************************** PORTAIL PARTICULIER 
******************/
[class*="page-portail-particuliers"] h1:after {
  background: #ec680c; }
[class*="page-portail-particuliers"] #zone-region-topheader #block-bootstrap-subtheme-menucible ul.menu.nav li a.item-particuliers {
  background: #ec680c;
  color: #fff; }
  [class*="page-portail-particuliers"] #zone-region-topheader #block-bootstrap-subtheme-menucible ul.menu.nav li a.item-particuliers:before {
    display: block; }
[class*="page-portail-particuliers"] #views-exposed-form-search-api-page-1 {
  background: #ec680c; }
[class*="page-portail-particuliers"] .field--name-field-bloc .field--item .contenu .field--name-field-ti {
  color: #ec680c; }
[class*="page-portail-particuliers"] #block-views-block-ressource-block-1 .masonry-item .contenu .views-field-title h3 {
  color: #ec680c; }
[class*="page-portail-particuliers"] #block-views-block-ressource-block-1 .masonry-item:hover .contenu .views-field-field-lien a {
  background-color: rgba(236, 104, 12, 0.8); }

[class*="page-portail-entreprises"] h1:after {
  background: #1f5da2; }
[class*="page-portail-entreprises"] #zone-region-topheader #block-bootstrap-subtheme-menucible ul.menu.nav li a.item-entreprises {
  background: #1f5da2;
  color: #fff; }
  [class*="page-portail-entreprises"] #zone-region-topheader #block-bootstrap-subtheme-menucible ul.menu.nav li a.item-entreprises:before {
    display: block; }
[class*="page-portail-entreprises"] #views-exposed-form-search-api-page-1 {
  background: #1f5da2; }
[class*="page-portail-entreprises"] .field--name-field-bloc .field--item .contenu .field--name-field-ti {
  color: #1f5da2; }
[class*="page-portail-entreprises"] #block-views-block-ressource-block-1 .masonry-item .contenu .views-field-title h3 {
  color: #1f5da2; }
[class*="page-portail-entreprises"] #block-views-block-ressource-block-1 .masonry-item:hover .contenu .views-field-field-lien a {
  background-color: rgba(31, 93, 162, 0.8); }

[class*="page-portail-accompagnateurs"] h1:after {
  background: #a2c739; }
[class*="page-portail-accompagnateurs"] #zone-region-topheader #block-bootstrap-subtheme-menucible ul.menu.nav li a.item-accompagnateurs {
  background: #a2c739;
  color: #fff; }
  [class*="page-portail-accompagnateurs"] #zone-region-topheader #block-bootstrap-subtheme-menucible ul.menu.nav li a.item-accompagnateurs:before {
    display: block; }
[class*="page-portail-accompagnateurs"] #views-exposed-form-search-api-page-1 {
  background: #a2c739; }
[class*="page-portail-accompagnateurs"] .field--name-field-bloc .field--item .contenu .field--name-field-ti {
  color: #a2c739; }
[class*="page-portail-accompagnateurs"] #block-views-block-ressource-block-1 .masonry-item .contenu .views-field-title h3 {
  color: #a2c739; }
[class*="page-portail-accompagnateurs"] #block-views-block-ressource-block-1 .masonry-item:hover .contenu .views-field-field-lien a {
  background-color: rgba(162, 199, 57, 0.8); }

/******************************** FOOTER FIRST
******************/
#footer-first {
  background: #f5f5f5;
  margin: 30px 0 0 0;
  padding: 0; }
  #footer-first:after {
    display: table;
    content: "";
    clear: both; }
  #footer-first .block-block-content {
    min-height: 250px;
    padding: 30px 0; }
    #footer-first .block-block-content .field--name-field-logo {
      text-align: center;
      padding: 10px 0; }
      #footer-first .block-block-content .field--name-field-logo img {
        margin: auto;
        max-height: 62px;
        width: auto; }
    #footer-first .block-block-content h3 {
      padding: 10px 0;
      text-align: center;
      font: 600 1.8rem 'Source Sans Pro', tahoma, sans-serif;
      line-height: 1.8rem;
      text-transform: uppercase; }
    #footer-first .block-block-content .field--name-body {
      text-align: center;
      color: #7f858a; }
    #footer-first .block-block-content .field--name-field-lien a {
      height: 100%;
      width: 100%;
      position: absolute;
      z-index: 2;
      top: 0;
      left: 0;
      text-indent: -9999px; }
    #footer-first .block-block-content:hover {
      background: #fff; }

footer.footer {
  margin: 0;
  background: #404B51; }
  footer.footer #block-bootstrap-subtheme-footer ul.menu.nav li {
    float: left; }
    footer.footer #block-bootstrap-subtheme-footer ul.menu.nav li a {
      color: #fff;
      font: 400 1.6rem 'Source Sans Pro', tahoma, sans-serif;
      line-height: 1.6rem; }
      footer.footer #block-bootstrap-subtheme-footer ul.menu.nav li a.item-logo {
        background: url("../assets/images/icn/logo-footer.png") no-repeat center center;
        width: 400px;
        height: 50px;
        float: left;
        margin: -8px 0 0 0;
        text-indent: -9999px; }
        footer.footer #block-bootstrap-subtheme-footer ul.menu.nav li a.item-logo:hover {
          background: url("../assets/images/icn/logo-footer.png") no-repeat center center; }
      footer.footer #block-bootstrap-subtheme-footer ul.menu.nav li a:hover {
        text-decoration: underline;
        background: #1f5da2; }

/******************************** PAGE SIMPLE 
******************/
.field--name-field-liens .field-collection-item {
  position: relative;
  width: 25%;
  float: left;
  min-height: 170px;
  margin: 15px 0;
  border: 1px solid #fff; }
  .field--name-field-liens .field-collection-item .field--name-field-image {
    position: relative;
    min-height: 170px;
    width: 100%; }
    .field--name-field-liens .field-collection-item .field--name-field-image img {
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
      max-width: 150px;
      max-height: 100px;
      width: auto; }
  .field--name-field-liens .field-collection-item .field--name-field-lien a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    text-indent: -99999px; }
  .field--name-field-liens .field-collection-item:hover {
    border: 1px solid #f5f5f5; }

.path-webform #webform-submission-contact-add-form {
  padding: 20px 0; }
.path-webform #edit-actions {
  clear: both;
  padding: 20px 0;
  text-align: center; }

/******************************** MASONRY 
******************/
.masonry-layout {
  margin: 0px !important;
  padding: 0px !important;
  width: 100%; }
  .masonry-layout .masonry-item {
    padding: 10px;
    margin: 10px 0; }

.group-masonry {
  clear: both; }
  .group-masonry h3.group-title {
    font: 400 1.8rem 'Source Sans Pro', tahoma, sans-serif;
    line-height: 1.8rem;
    text-align: center;
    text-transform: uppercase;
    padding: 10px 20px;
    border: 1px solid #f5f5f5;
    margin: 20px 15px;
    background: #454c52;
    color: #fff; }
  .group-masonry:after {
    clear: both;
    display: table;
    content: ""; }

/******************************** MEDIAQUERIES 
******************/
@media screen and (max-device-width: 769px), screen and (max-width: 769px) {
  .navbar-toggle {
    margin: 20px 0 0 0; }

  #zone-region-topheader .container {
    padding: 0; }
  #zone-region-topheader #block-bootstrap-subtheme-menucible ul.menu.nav li a {
    font: 400 1.2rem 'Source Sans Pro', tahoma, sans-serif;
    line-height: 1.3rem;
    padding: 8px 5px; }
  #zone-region-topheader #block-menuinfos ul.menu.nav li a {
    padding: 12px 5px; }

  .field--name-field-liens .field-collection-item {
    width: 50%; }

  #block-views-block-frontpage-block-1 {
    background: #E7E7E7; }
    #block-views-block-frontpage-block-1 .views-field-body {
      position: relative;
      right: auto;
      top: auto;
      width: 100%;
      max-width: 800px;
      padding: 20px 12px;
      transform: none;
      background: none; }
    #block-views-block-frontpage-block-1 .views-field-field-image-slider {
      display: none; }

  footer.footer {
    margin: 0;
    background: #404B51; }
    footer.footer #block-bootstrap-subtheme-footer ul.menu.nav li:first-child {
      float: none; }
    footer.footer #block-bootstrap-subtheme-footer ul.menu.nav li a.item-logo {
      width: 100%;
      padding: 30px 0;
      background-size: 90%; } }
@media screen and (max-device-width: 445px), screen and (max-width: 445px) {
  a.logo {
    padding: 0 !important;
    margin: 20px 0; }
    a.logo img {
      max-width: 280px; }

  .menu-principal ul.menu.nav li {
    display: block; }
    .menu-principal ul.menu.nav li a:before {
      display: none; }
    .menu-principal ul.menu.nav li ul {
      position: relative;
      top: auto;
      left: auto;
      float: none; }
      .menu-principal ul.menu.nav li ul li a {
        padding: 20px 15px; }

  .field--name-field-bloc .field--item .contenu .field--name-field-image {
    float: none;
    margin: auto; }
    .field--name-field-bloc .field--item .contenu .field--name-field-image img {
      margin: auto; }

  #block-views-block-frontpage-block-1 {
    margin: 0 -15px 20px -15px; } }
/******************************** MEDIAQUERIES 
******************/
.lien-orange a {
  padding: 8px 20px;
  color: #fff;
  background: #ec680c;
  border: 2px solid #ec680c;
  display: inline-block;
  font: 400 1.6rem 'Source Sans Pro', tahoma, sans-serif;
  line-height: 1.7rem;
  text-transform: uppercase;
  text-decoration: none;
  border-radius: 2px; }
  .lien-orange a:hover {
    color: #ec680c;
    background: none; }

.lien-vert a {
  padding: 8px 20px;
  color: #fff;
  background: #a2c739;
  border: 2px solid #a2c739;
  display: inline-block;
  font: 400 1.6rem 'Source Sans Pro', tahoma, sans-serif;
  line-height: 1.7rem;
  text-transform: uppercase;
  text-decoration: none;
  border-radius: 2px; }
  .lien-vert a:hover {
    color: #a2c739;
    background: none; }

.lien-bleu a {
  padding: 8px 20px;
  color: #fff;
  background: #1f5da2;
  border: 2px solid #1f5da2;
  display: inline-block;
  font: 400 1.6rem 'Source Sans Pro', tahoma, sans-serif;
  line-height: 1.7rem;
  text-transform: uppercase;
  text-decoration: none;
  border-radius: 2px; }
  .lien-bleu a:hover {
    color: #1f5da2;
    background: none; }