@font-face {
  font-family: 'Open sans';
  src: local("Open sans"), url(../Typo/OpenSans-Regular.ttf) format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Open sans bold';
  src: local("Open sans"), url(../Typo/OpenSans-Bold.ttf) format('truetype');
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: 'icomoon';
  src: url('../fonts/icomoon.eot?vag6hi');
  src: url('../fonts/icomoon.eot?vag6hi#iefix') format('embedded-opentype'), url('../fonts/icomoon.ttf?vag6hi') format('truetype'), url('../fonts/icomoon.woff?vag6hi') format('woff'), url('../fonts/icomoon.svg?vag6hi#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
/* Table of Contents:
  1. General
  2. Header
  3. Header top
  4. Header bottom
  5. Content top
  6. Content
  7. Content bottom
  8. Pages
  9. Sidebar and blocks
  10. Footer top
  11. Footer
*/

/*==========================================================================
1. GENERAL
===========================================================================*/
*,
:after,
:before {
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
html {
  font-size: 100%;
}
body {
  -webkit-tap-highlight-color: #f28e03;
  color: #1b1b1b;
  font-family: 'Open sans', sans-serif;
  font-size: 0.9rem;
  line-height: 1;
  position: relative;
}
.hide {
  display: none;
}
#content-background {
  clear: both;
}
#page-wrapper {
  background: #FFF;
  overflow: hidden;
  position: relative;
}
.bandeau {
  background: url('../img/bandeau.png') no-repeat transparent 100%;
}
#content {
  clear: both;
}
/* Title
===========================================================================*/
h1 {
  color: #5889a4;
  font-size: 1.6rem;
  margin-bottom: 10px;
  font-family: 'Trebuchet MS', sans-serif;
  line-height: 1.3;
  font-weight: normal;
}
/*h1.title {
  text-transform: uppercase;
}*/
h2 {
  color: #fff;
  background-color: #8cc6d8;
  font-family: 'Trebuchet MS', sans-serif;
  margin-bottom: 10px;
  font-size: 1.25rem;
  font-weight: normal;
  line-height: 1;
  padding: 0.3rem 1rem;
}
h2.block-titles {
  color: #5889a4;
  background-color: transparent;
  font-size: 1.2rem;
  padding: 0;
}
h2.suppl-catalogue {
  background-color: transparent;
  text-align: left;
  font-weight: bold;
  padding: 0;
}
h3 {
  color: #f28e03;
  font-size: 1.25rem;
  font-weight: bold;
  margin-bottom: 0.6rem;
  padding: 5px 0;
  font-family: 'Trebuchet MS', sans-serif;
  display: block;
  line-height: 1;
}
.profile h3 {
  border-color: #e5e5e5;
  overflow: hidden;
  padding-bottom: 5px;
}
h4,
.field-name-field-slide-subtitle {
  color: #5889a4;
  font-size: 1.25rem;
  margin-bottom: 0.6rem;
  font-weight: bold;
  line-height: 1;
}
h5 {
  color: #8cc6d8;
  margin-bottom: 0.6rem;
  font-size: 1.25rem;
  font-weight: bold;
  line-height: 1;
}
h6 {
  color: #f6c100;
  font-size: 1.25rem;
  margin-bottom: 0.6rem;
  font-weight: normal;
  line-height: 1;
}
h1 a,
h2 a,
h3 a {
  color: inherit;
  text-decoration: none;
}
h1 a:hover,
h2 a:hover,
h3 a:hover {
  color: #f28e03;
  text-decoration: none;
}
h4 a,
h5 a,
h6 a {
  color: inherit;
  text-decoration: none;
}
h4 a:hover,
h5 a:hover,
h6 a:hover {
  color: #1b1b1b;
  text-decoration: none;
}
div {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.txt-uppercase {
  text-transform: uppercase;
}
/* Forms
===========================================================================*/
input[type="text"],
input[type="password"],
input[type="search"],
input[type="email"],
input[type="number"],
textarea,
select {
  background: #fff;
  max-width: 100%;
  padding: 10px;
}
/*.formfield-select {
  position: relative;
  .formfield-select--container {
    position: relative;
    background-color: @grayLight;
    margin:0;
    overflow: hidden;
    select {
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      width: 110%;
      height: auto;
      border: 0;
      margin: 0;
      padding: .75em;
      border-radius: 0;
      overflow: hidden;
      text-overflow: ellipsis;
      background-color: @grayLight;
      text-transform: uppercase;

    }
  }
  .formfield-select--container::after {
    content: '';
    position: absolute;
    top: 50%;
    margin-top: -3px;
    right: .75em;
    display: block;
    width: 0; height: 0;
    border-color: transparent;
    border-top-color: @grayDark;
    border-width: 6px;
    border-style: solid;
    pointer-events: none;
  }

}*/
body .select2-container {
  width: 100%;
}
body .select2-container .select2-choice {
  background: #efefef;
  border: 0 none;
  border-radius: 0;
  text-transform: uppercase;
  padding: 0.25rem 1rem;
  height: 2rem;
  position: relative;
  color: #51504E;
}
body .select2-container .select2-choice:after {
  content: '';
  position: absolute;
  top: 0.75rem;
  right: 0.75rem;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 7.5px 0 7.5px;
  border-color: #1b1b1b transparent transparent transparent;
}
.select2-results {
  padding: 0 !important;
  margin: 0 !important;
  text-transform: uppercase;
}
.select2-results .select2-highlighted {
  background: #5889a4 !important;
  color: #fff !important;
}
body .select2-drop {
  background: #efefef;
  border: 0 none;
}
body .select2-search {
  display: none;
}
body .select2-results .select2-result-label {
  font-size: 0.7rem;
  padding: 0.25rem 1rem;
}
#search-form .form-item {
  display: block;
}
#edit-submitted-test-upload-button {
  display: none;
}
.region-header-top input {
  padding: 3px 10px;
  border-radius: 5px;
  margin-left: 10px;
  font-size: 12px !important;
}
.region-header-top ul {
  display: none;
}
.item-list {
  float: left;
  font-size: 70%;
  width: 100%;
}
.form-submit {
  color: white;
}
/* Links
===========================================================================*/
a {
  color: #f28e03;
  text-decoration: none;
  transition: color 0.2s;
}
a:hover {
  color: #cd7a01;
  text-decoration: none;
}
.btn a,
.more-link a,
input[type="submit"],
input[type="button"],
input[type="reset"],
ul.links li a,
.view-portfolio .views-field-view-node a,
#block-poll-recent ul.links li a,
#filters li a,
.content ul.pager li a,
.content ul.pager li.pager-current,
.form-submit {
  background-color: #efefef;
  border: none;
  border-radius: 0;
  box-shadow: none;
  color: #1b1b1b;
  display: inline-block;
  outline: none;
  padding: 0.5rem 0.75rem;
  text-decoration: none;
  text-transform: capitalize;
  font-size: 0.8rem;
}
.btn a:hover,
.more-link a:hover,
input[type="submit"]:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
ul.links li a:hover,
.view-portfolio .views-field-view-node a:hover,
#block-poll-recent ul.links li a:hover,
#filters li a:hover,
.content ul.pager li a:hover,
.content ul.pager li.pager-current:hover,
.form-submit:hover {
  background-color: #5889a4;
  color: #fff;
}
.btn a:hover,
.more-link a:hover,
input[type="button"]:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
ul.links li a:hover,
.view-portfolio .views-field-view-node a:hover,
#block-poll-recent ul.links li a:hover,
#filters li a:hover,
#filters li a.selected,
.content ul.pager li a:hover,
.content ul.pager li.pager-current,
.form-submit:hover {
  background: #5889a4;
  color: #fff;
}
input[type="submit"],
input[type="reset"] {
  margin: 0 0.5rem 0 0;
  padding: 0.5rem 1rem;
  background-color: #5889a4;
  color: #fff;
}
input[type="submit"]:hover,
input[type="reset"]:hover {
  background-color: #3d657b;
}
.more-link {
  padding-top: 20px;
  text-align: left;
}
.content .mp-search-pager-container .pager li a {
  color: #5889a4;
}
.content .mp-search-pager-container .pager li a:hover {
  background-color: #5889a4;
  color: #fff;
}
.content .mp-search-pager-container .pager .pager-first,
.content .mp-search-pager-container .pager .pager-previous,
.content .mp-search-pager-container .pager .pager-last,
.content .mp-search-pager-container .pager .pager-next {
  line-height: 1;
}
/* Lists
===========================================================================*/
.menu-mobile {
  display: none;
}
.menu-disabled {
  display: none;
}
.page-site-map .region-content ul li a {
  color: #556270 !important;
}
.page-site-map ul li a:hover {
  text-decoration: underline !important;
}
.bandeau-menu {
  background: #5889a4;
}
ul.menu {
  margin: 0;
  padding: 0;
}
ul.menu li {
  margin: 8px 0 0;
  position: relative;
  list-style: none;
}
ul.menu li:first-child {
  margin-top: 0;
}
ul.menu li:before {
  border: 2px solid #dedede;
  border-radius: 16px;
  color: #dedede;
  display: inline-block;
  font-family: 'Open sans', sans-serif;
  font-size: 0.9rem;
  height: 16px;
  left: 0;
  line-height: 16px;
  margin: 0 11px 0 0;
  position: absolute;
  text-align: center;
  top: 0;
  transition: all 0.5s ease 0s;
  width: 16px;
}
ul.menu li a {
  color: inherit;
  text-decoration: none;
}
ul.menu li a:hover {
  color: #f28e03;
  text-decoration: none;
}
ul.tabs li,
ul.flex-direction-nav li,
ul.links li,
ul#admin-menu-menu li,
ul#admin-menu-account li,
ul#admin-menu-icon li,
ul.slides li,
ul.contextual-links li,
ul.tips li,
ul.pager li,
.messages.error ul li {
  margin-top: 0;
  padding-left: 0;
  position: static;
}
ul.tabs li:before,
ul.flex-direction-nav li:before,
ul.links li:before,
ul#admin-menu-menu li:before,
ul#admin-menu-account li:before,
ul#admin-menu-icon li:before,
ul.slides li:before,
ul.contextual-links li:before,
ul.tips li:before,
ul.pager li:before,
.messages.error ul li:before {
  display: none;
}
.messages.error ul li {
  list-style: disc;
}
ol {
  margin-left: 1rem;
}
/* Images
===========================================================================*/
img {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: auto;
  max-width: 100%;
  width: auto;
}
.frame,
.views-field-field-image,
.view-portfolio .isotope-element .views-field-field-portfolio-image,
.field-name-field-blog-image,
.field-name-field-image,
.field-name-field-portfolio-image,
.field-name-field-service-image,
.field-name-field-employee-photo,
.field-name-field-slide-image {
  margin-bottom: 18px;
  position: relative;
}
.field-name-field-banner-image {
  margin-bottom: 18px;
  position: relative;
  text-align: center;
}
.user-picture {
  background: #fff;
  float: left;
  margin-right: 15px;
  max-width: 45%;
  padding: 0;
}
.profile .user-picture {
  float: right;
  margin: 0 0 0 20px;
}
/* Paragraph
===========================================================================*/
p {
  line-height: 1.2;
  margin-bottom: 0.6rem;
}
/* Tables
===========================================================================*/
table {
  margin-bottom: 1rem;
  border: 1px solid #999;
}
table tr.odd,
table tr.even {
  border: none;
}
table tr.odd {
  background: transparent;
}
table tr.even {
  background: #ebeff2;
}
table th {
  background: transparent;
  border: none;
  color: #484848;
  font-size: 75%;
  padding: 5px;
  font-weight: bold;
}
table th p {
  font-size: 100%;
}
table th a {
  color: inherit;
}
table td {
  padding: 5px;
  color: #484848;
  font-weight: normal;
}
table td p {
  font-size: 100%;
}
/* Classes
===========================================================================*/
.fl-l {
  float: left;
}
.fl-r {
  float: right;
}
.extra,
.extra-wrap {
  overflow: hidden;
}
.wrapper {
  overflow: hidden;
  position: relative;
  width: 100%;
}
.clearfix {
  position: relative;
}
.clearfix:after {
  clear: both;
  content: '\0020';
  display: block;
  height: 0;
  overflow: hidden;
  visibility: hidden;
  width: 0;
}
.fclear {
  clear: both;
}
.separator {
  clear: both;
  height: 30px;
}
.separator-top {
  clear: both;
  margin-top: 30px;
}
.separator-bottom {
  margin-bottom: 30px;
}
.align-left {
  text-align: left;
}
.align-center {
  text-align: center;
}
.align-right {
  text-align: right;
}
.hide-text {
  background-color: transparent;
  border: 0;
  color: transparent;
  font-size: 0;
  line-height: 0;
  text-shadow: none;
}
[class^="icon-"],
[class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-amoins:before {
  content: "\e900";
  font-size: 1.6rem;
}
.icon-aplus:before {
  content: "\e901";
  font-size: 2.2rem;
}
.icon-connect:before {
  content: "\e902";
}
.icon-disconnect:before {
  content: "\e911";
}
.icon-private:before {
  content: "\e90d";
}
.icon-docs:before {
  content: "\e903";
}
.icon-etiquettes:before {
  content: "\e904";
}
.icon-facebook:before {
  content: "\e905";
}
.icon-home:before {
  content: "\e906";
}
.icon-legals:before {
  content: "\e907";
}
.icon-mail:before {
  content: "\e908";
}
.icon-map:before {
  content: "\e909";
}
.icon-menu:before {
  content: "\e90a";
}
.icon-news:before {
  content: "\e90b";
}
.icon-print:before {
  content: "\e90c";
}
.icon-quote:before {
  content: "\e90e";
}
.icon-search:before {
  content: "\e90f";
}
.icon-tools:before {
  content: "\e910";
}
/* Selection colours
===========================================================================*/
::selection,
::-moz-selection {
  background: #f28e03;
  color: #fff;
  text-shadow: none;
}
img::selection,
img::-moz-selection {
  background: transparent;
}
.region-header-bottom:after,
.region-content-top:after,
.region-content:after,
.region-content-bottom:after,
.region-content:after,
.region-footer-top:after {
  clear: both;
  content: '';
  display: block;
  width: 100%;
}
/*==========================================================================
2. HEADER
===========================================================================*/
#header {
  position: relative;
  width: 100%;
}
/* Logo
===========================================================================*/
.logo-wrapper {
  color: #fff;
  float: left;
  overflow: hidden;
  text-transform: uppercase;
  width: 289px;
  position: relative;
}
.logo-wrapper a:hover {
  color: #fff;
  text-decoration: none;
}
#site-name {
  text-indent: -5000px;
  display: none;
}
#site-slogan {
  text-indent: -5000px;
  display: none;
}
/* Menu
===========================================================================*/
.bandeau_noir {
  background: #000;
  padding: 0.25rem;
}
.bandeau_noir .container-inline {
  display: flex;
}
#page-wrapper {
  width: 100%;
  margin: 0 auto;
}
.livret {
  background: url('../img/etiquette_bleue.png') no-repeat;
  width: 71px;
  height: 101px;
  float: right;
  cursor: pointer;
  text-indent: -5000px;
}
.livret:hover {
  background: url('../img/etiquette_bleue_on.png') no-repeat;
}
.stickers .menu {
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
}
.stickers .menu li {
  width: 4rem;
  height: 9rem;
  position: relative;
  margin: 0 1rem 0 0 !important;
  padding: 0 !important;
  display: flex;
  align-items: flex-start;
}
.stickers .menu .sticker {
  transform: rotate(90deg);
  transform-origin: top left;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 6rem;
  height: 3rem;
  text-transform: uppercase;
  color: #fff;
  position: relative;
  top: 0;
  left: 0;
  padding: 0px 0px 0 0.5rem;
  margin: 0;
  line-height: 1.2;
  font-size: 0.8rem;
  transition: all 0.2s;
}
.stickers .menu .sticker:before {
  background-color: #5889a4;
  content: '';
  width: 1.1rem;
  height: 3.2rem;
  position: absolute;
  top: 0;
  left: -1rem;
  z-index: -2;
  box-shadow: -3px -2px 3px #ccc;
}
.stickers .menu .sticker:after {
  font-family: 'icomoon';
  content: "\e904";
  color: #8cc6d8;
  font-size: 7rem;
  z-index: -1;
  display: inline-block;
  position: absolute;
  top: 23px;
  left: -3px;
  line-height: 0;
  text-shadow: 1px -2px 3px #ccc;
}
.stickers .menu .sticker:hover {
  top: 0.25rem;
}
.stickers .menu .sticker:hover:after {
  color: #cd7a01 !important;
}
.stickers .menu .sticker:hover:before {
  z-index: 0;
  background-color: #cd7a01 !important;
}
.stickers .menu .sticker.sticker-primary:after {
  color: #5889a4;
}
.stickers .menu .sticker.sticker-primary:before {
  background-color: #5889a4;
}
.stickers .menu .sticker.sticker-primary-light:after {
  color: #8cc6d8;
}
.stickers .menu .sticker.sticker-primary-light:before {
  background-color: #8cc6d8;
}
.stickers .menu .sticker.sticker-secondary:after {
  color: #f6c100;
}
.stickers .menu .sticker.sticker-secondary:before {
  background-color: #f6c100;
}
.stickers .menu .sticker.sticker-tertiary:after {
  color: #f28e03;
}
.stickers .menu .sticker.sticker-tertiary:before {
  background-color: #f28e03;
}
.stickers .menu .sticker.sticker-gray:after {
  color: #999;
}
.stickers .menu .sticker.sticker-gray:before {
  background-color: #999;
}
.stickers .menu .sticker.sticker-gray-dark:after {
  color: #1b1b1b;
}
.stickers .menu .sticker.sticker-gray-dark:before {
  background-color: #1b1b1b;
}
.stickers .menu .sticker.sticker-gray-light {
  color: #1b1b1b;
}
.stickers .menu .sticker.sticker-gray-light:after {
  color: #efefef;
}
.stickers .menu .sticker.sticker-gray-light:before {
  background-color: #efefef;
}
#header-wrapper {
  height: 230px;
  background-color: #efefef;
  position: relative;
  z-index: 2;
}
#logo {
  background: url(../img/logo.png) no-repeat #fff center center;
  width: 240px;
  height: 190px;
  position: relative;
  float: left;
}
.select-menu {
  display: none !important;
}
#menu ul li {
  margin: 0 !important;
  padding: 0 !important;
  position: relative;
  top: 0;
}
#menu ul li:last-child.expanded ul {
  right: 0;
}
#menu ul li.expanded ul {
  position: absolute;
  width: 20rem;
  display: none;
  z-index: 250;
}
#menu ul li.expanded ul ul {
  left: 100%;
  top: 0;
}
#menu ul li a,
#menu ul li .nolink {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1rem 0;
  line-height: 1;
  font-size: 1rem;
  width: 100%;
  text-align: center;
  text-transform: uppercase;
  color: #efefef;
  cursor: pointer;
}
#menu ul li a:hover,
#menu ul li .nolink:hover {
  background-color: #8cc6d8;
}
.logo-front-link {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #efefef;
}
.logo-front-link:hover {
  background-color: #8cc6d8;
  color: #fff;
}
.logo-front-link:before {
  content: "\e906";
  font-family: 'icomoon';
  font-size: 1.4rem;
  display: block;
  padding: 0 1rem;
}
.sf-sub-indicator {
  display: none !important;
}
#menu .menu li.expanded ul li.first,
#menu .menu li.expanded ul li {
  position: relative;
  z-index: 10;
}
#menu {
  width: 100%;
  clear: both;
}
#menu .placement-menu {
  display: flex;
}
#menu .menu {
  background-color: #5889a4;
  display: flex;
  width: 100%;
  justify-content: stretch;
}
#menu .menu li {
  display: block;
  list-style: none;
  width: 100%;
}
#menu .menu li.expanded ul li {
  width: 100%;
  text-align: left;
  height: auto !important;
}
#menu .menu li.expanded ul li a {
  line-height: 1;
  width: 100%;
  margin: 0;
  padding: 0.5rem 1rem !important;
  font-size: 0.875rem !important;
  box-sizing: border-box;
  text-align: left;
}
#menu .menu li.expanded ul li a:hover {
  background: #8cc6d8;
}
#menu ul li ul {
  margin: 0;
}
#menu ul li ul li {
  width: 100%;
  display: block;
}
#menu ul li ul li a {
  margin: 0;
  padding: 0 !important;
  width: 90%;
  display: block;
  font-size: 16px !important;
  line-height: 30px;
  height: auto !important;
}
#menu > ul > li.first {
  display: none;
}
#edit-search-block-form--2 {
  width: 12rem;
  padding: 0.25rem;
  color: #999;
  background: #fff;
  border: 0;
  text-transform: uppercase;
  font-size: 0.7rem;
  height: 1.5rem;
}
#edit-search-block-form--2:focus {
  outline: 0;
  color: #1b1b1b;
}
#bread_rech_addthis {
  margin-top: 17px;
}
#bread_rech_addthis:after {
  content: '';
  clear: both;
  display: block;
}
.title-actu-ftont {
  font-size: 30px;
  color: #b8b8b8;
  font-weight: bold;
  text-transform: uppercase;
  text-align: center;
  padding: 0 20px;
}
.actu p {
  font-size: 16px;
  color: #676767;
  text-align: center;
  padding: 0 20px;
}
.actu {
  margin-top: 15px;
}
.region-accueil-actu-slider .block-actualites .content {
  background: #3d657b;
  display: flex;
  height: 20rem;
}
.region-accueil-actu-slider .block-actualites .content .is-flex {
  display: flex !important;
}
ul.slides {
  display: flex;
  overflow: hidden;
}
.slide {
  overflow: hidden;
}
.slide:after {
  content: '';
  display: block;
  clear: both;
}
.content-slide {
  padding: 1rem;
  position: relative;
  background: #5889a4;
  opacity: 1;
  height: 100%;
  display: flex !important;
  flex-wrap: wrap;
  margin: 0 !important;
}
.content-slide h3 {
  color: #fff;
  font-size: 1.4375rem;
  font-family: Trebuchet MS, sans-serif;
  margin-bottom: 0.55rem;
  text-transform: none;
  font-weight: normal;
}
.content-slide p {
  color: #fff;
  font-size: 0.8125rem;
}
.content-slide .en-savoir-plus {
  color: #5889a4 !important;
  line-height: 1.3;
  display: inline-block;
  padding-left: 5px;
  background: #fff;
  padding: 0.25rem 1rem;
  text-transform: uppercase;
  margin: 2rem 0;
  float: right;
  width: auto;
  border: 1px solid #fff;
  height: auto;
}
.content-slide .en-savoir-plus:hover {
  background-color: transparent;
  color: #fff !important;
  text-decoration: none;
}
.content-slide .plus-actu {
  background-color: transparent;
  font-size: 0.8125rem;
  border: 1px solid #fff;
  text-align: center;
  text-transform: uppercase;
  clear: both;
  width: 100%;
  display: block;
  padding: 0.5rem 0;
  margin: 0;
  float: none;
  font-family: "Trebuchet MS";
}
.content-slide .plus-actu:hover {
  color: #5889a4 !important;
  font-family: "Trebuchet MS" !important;
  font-size: 0.8125rem !important;
  background-color: #fff;
}
.content-slide .plus-container {
  margin: 0;
  padding: 0;
  width: 100%;
}
.content-slide .slide-bottom {
  align-items: flex-end;
  flex: 1;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
}
.pagination-slides {
  text-align: right;
  padding: 1rem 0 0rem 1rem;
  cursor: pointer;
}
.pagination-slides .pagination-slide {
  display: inline-block;
  border: 1px solid #fff;
  border-radius: 50%;
  width: 0.75rem;
  height: 0.75rem;
  margin: 0 0.15rem;
}
.pagination-slides .pagination-slide.active {
  background-color: #fff;
}
.content-slide-widget-actu {
  font-size: 0.75rem;
  position: relative;
  opacity: 0.95;
  z-index: 1;
  line-height: 1.2;
  color: #1b1b1b;
}
.content-slide-widget-actu h3 {
  font-weight: normal;
  color: #5889a4;
  font-size: 1.2rem;
}
.toutes-actu {
  box-sizing: border-box;
  display: block;
  text-align: center;
  padding: 5px;
  border: 1px solid #5889a4;
  color: #5889a4;
  width: 100%;
  clear: both;
}
.toutes-actu:hover {
  background-color: #5889a4;
  color: #fff;
}
.en-savoir-plus-actu-widget {
  color: #fff !important;
  background-color: #5889a4;
  border: 1px solid #5889a4;
  padding: 0.25rem 1rem;
  display: inline-block;
  width: auto;
  height: auto;
}
.en-savoir-plus-actu-widget:hover {
  background-color: #fff;
  color: #5889a4 !important;
  text-decoration: none;
}
.nav-left,
.nav-left-front {
  background: url(../img/slide_fleche_gauche.png) no-repeat #fff;
  opacity: 0.75;
  width: 33px;
  height: 28px;
  float: right;
  bottom: 105px;
  right: 70px;
  position: absolute;
  cursor: pointer;
}
.nav-right,
.nav-right-front {
  background: url('../img/slide_fleche_droite.png') no-repeat #FFF;
  opacity: 0.75;
  width: 33px;
  height: 28px;
  bottom: 105px;
  right: 25px;
  position: absolute;
  cursor: pointer;
}
.region-header {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.region-header .menu {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.region-header .menu li {
  margin: 0;
  padding: 0;
}
.region-header .menu a {
  color: #fff;
  display: block;
  padding: 0.25rem 0.5rem;
}
.flex-viewport {
  -moz-transition: none;
  -o-transition: none;
  -webkit-transition: none;
  transition: none;
}
.flexslider {
  background: none;
  border: none;
  border-radius: 0;
  box-shadow: none;
  margin-bottom: 0;
}
#flexslider-1 .slides li {
  padding: 0;
}
#flexslider-1 .slides li img {
  width: 100%;
}
#flexslider-1 .flex-control-nav {
  bottom: 15px;
  font-size: 0;
  left: auto;
  line-height: 0;
  overflow: hidden;
  right: 15px;
  width: auto;
  z-index: 20;
}
#flexslider-1 .flex-control-nav li {
  display: block;
  float: left;
  margin: 0 0 0 8px;
}
#flexslider-1 .flex-control-nav li:first-child {
  margin-left: 0;
}
#flexslider-1 .flex-control-nav li a {
  background: none;
  border: 2px solid #e6e6e6;
  border-radius: 50%;
  box-shadow: none;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 18px;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  width: 18px;
}
#flexslider-1 .flex-control-nav li a:hover {
  border-width: 9px;
}
#flexslider-1 .flex-control-nav li a.flex-active {
  background: #f28e03;
  border-color: #f28e03;
}
#flexslider-1 .flex-control-thumbs li {
  width: 20%;
}
#flexslider-1 .flex-caption {
  background: #fff;
  bottom: 0;
  left: auto;
  line-height: 22px;
  padding: 51px 40px 0 30px;
  position: absolute;
  right: 0;
  top: 0;
  width: 300px;
}
#flexslider-1 .flex-caption h4 {
  border-bottom: 1px solid #e5e5e5;
  color: #f86924;
  font: 700 18px/22px 'Trebuchet MS', sans-serif;
  margin-bottom: 18px;
  padding-bottom: 16px;
  text-transform: uppercase;
}
#flexslider-1 .flex-caption h4:before {
  border: 2px solid #E5E5E5;
  border-radius: 22px;
  color: #E5E5E5;
  content: "\f061";
  display: block;
  float: left;
  font: 14px/18px FontAwesome;
  height: 18px;
  margin-right: 9px;
  text-align: center;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  vertical-align: top;
  width: 18px;
}
#flexslider-1 .flex-caption h2 {
  color: #f28e03;
  font-size: 40px;
  letter-spacing: -1px;
  line-height: 40px;
  margin-bottom: 23px;
  text-transform: uppercase;
}
.ie #flexslider-1 .flex-caption h2 {
  letter-spacing: -2px;
  word-spacing: 2px;
}
#flexslider-1 .flex-caption .caption_body {
  margin-bottom: 39px;
}
/*==========================================================================
3. HEADER TOP
===========================================================================*/
.header-top-wrapper {
  background: #fff;
  margin-bottom: 20px;
  padding: 9px 0;
}
.header-top-wrapper .block__text {
  font-size: 12px;
  font-style: italic;
  text-align: right;
}
.header-top-wrapper .block__text p {
  margin-bottom: 0;
}
.block__contacts {
  color: #606569;
  font-size: 11px;
}
.block__contacts p {
  margin-bottom: 0;
}
.block__contacts span {
  display: inline-block;
}
.block__contacts span.fa:before {
  background: #f5f5f5;
  border-radius: 50%;
  color: #1b1b1b;
  display: inline-block;
  font-size: 14px;
  height: 22px;
  line-height: 22px;
  margin-right: 8px;
  text-align: center;
  width: 22px;
}
.block__contacts span.address,
.block__contacts span.phone {
  margin-right: 30px;
}
.block__contacts a {
  color: #f86924;
}
.block__contacts a:hover {
  color: #f28e03;
  text-decoration: none;
}
/*==========================================================================
4. HEADER BOTTOM
===========================================================================*/
.block__box {
  background: #f28e03;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #fff;
  line-height: 20px;
  padding: 100px 30px 25px;
}
.block__box.color1 {
  background: url('../img/picto_bloc_accueil_pro.png') no-repeat #FD9E28 25px 25px;
}
.block__box.color1 .btn-wrapper a:hover:before {
  color: #FD9E28;
}
.block__box.color2 {
  background: url('../img/picto_bloc_accueil_patient.png') no-repeat #F66932 25px 25px;
}
.block__box.color2 .btn-wrapper a:hover:before {
  color: #F66932;
}
.block__box.color3 {
  background: url('../img/picto_bloc_accueil_information.png') no-repeat #3DBB7C 25px 25px;
}
.block__box.color3 .btn-wrapper a:hover:before {
  color: #3DBB7C;
}
.block__box:before {
  display: block;
  font-size: 72px;
  line-height: 72px;
  margin-bottom: 20px;
}
.block__box h3 {
  color: #fff;
  font-size: 32px;
  line-height: 36px;
  margin-bottom: 24px;
}
.block__box p {
  margin-bottom: 23px;
  font-family: Trebuchet MS, sans-serif;
  color: #FFF;
  font-size: 22px;
}
.block__box .btn-wrapper {
  text-align: right;
}
.block__box .btn-wrapper a {
  border: 2px solid #fff;
  border-radius: 22px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #fff;
  display: inline-block;
  height: 45px;
  position: relative;
  text-align: center;
  -moz-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
  -webkit-transition: all 0.6s ease;
  transition: all 0.6s ease;
  width: 45px;
}
.block__box .btn-wrapper a:before {
  content: "\f061";
  font-family: FontAwesome, sans-serif;
  font-size: 24px;
  left: 50%;
  line-height: 41px;
  margin-left: -10px;
  margin-top: -21px;
  position: absolute;
  top: 50%;
}
.block__box .btn-wrapper a:hover {
  background: #fff;
  border-width: 22px;
}
#toolbar-menu li a {
  color: white !important;
}
/*==========================================================================
5. CONTENT TOP
===========================================================================*/
.region-content-top {
  margin-bottom: 30px;
}
.region-content-top .block {
  background: #fff;
  padding: 30px;
}
/* Home - bienvenue */
.home-welcome {
  border: 1px solid #8cc6d8;
  padding: 2rem 1rem 1rem 1rem;
  margin: 1rem 0;
  position: relative;
}
.home-welcome:before {
  content: "\e90e";
  font-family: 'icomoon';
  background-color: #fff;
  border: 1px solid #8cc6d8;
  color: #8cc6d8;
  border-radius: 50%;
  font-size: 1.2rem;
  padding: 0.6rem;
  position: absolute;
  top: -1.2rem;
  left: 50%;
  margin-left: -1rem;
}
.home-welcome .block-titles {
  text-align: center;
}
.home-welcome p:last-child {
  margin-bottom: 0;
}
#block-views-latest-projects-block {
  background: #FFF;
  margin-top: 20px;
}
#block-views-latest-projects-block h3 {
  margin-top: 20px;
  margin-left: 20px;
  color: #706f72;
  font-weight: bold;
}
#block-views-latest-projects-block .views-row {
  float: left;
  overflow: hidden;
  position: relative;
  width: 220px;
  margin: 0 0 26px 22px;
}
#block-views-latest-projects-block .views-row:first-child {
  margin-left: 0;
}
#block-views-latest-projects-block .views-row:hover .views-field-nothing {
  background: #ff9f00;
}
#block-views-latest-projects-block .views-row:hover .views-field-nothing h6 {
  background: none;
  margin-left: 0;
  margin-top: 0;
  padding: 0;
}
#block-views-latest-projects-block .views-row:hover .views-field-nothing .created,
#block-views-latest-projects-block .views-row:hover .views-field-nothing .item-body,
#block-views-latest-projects-block .views-row:hover .views-field-nothing .btn a {
  opacity: 1;
}
.ie8 #block-views-latest-projects-block .views-row:hover .views-field-nothing .created,
.ie8 #block-views-latest-projects-block .views-row:hover .views-field-nothing .item-body,
.ie8 #block-views-latest-projects-block .views-row:hover .views-field-nothing .btn a {
  filter: none;
}
#block-views-latest-projects-block .views-row:hover .views-field-nothing .item-body {
  line-height: 18px;
}
#block-views-latest-projects-block .views-field-nothing {
  bottom: 0;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #ffedda;
  cursor: default;
  font-size: 16px;
  left: 0;
  line-height: 18px;
  max-width: 100%;
  padding: 10px;
  position: absolute;
  right: 0;
  top: 0;
  -moz-transition: all 0.7s ease;
  -o-transition: all 0.7s ease;
  -webkit-transition: all 0.7s ease;
  transition: all 0.7s ease;
}
#block-views-latest-projects-block .views-field-nothing h6 {
  background: #ff9f00;
  color: #fff;
  display: block;
  width: 220px;
  font-size: 87.5%;
  font-weight: 700;
  line-height: 18px;
  margin-left: -28px;
  margin-top: 90px;
  padding: 19px 27px;
  position: relative;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
#block-views-latest-projects-block .views-field-nothing h6 a:hover {
  color: #9a6002;
}
#block-views-latest-projects-block .views-field-nothing h6 a {
  display: block;
  width: 135px;
  font-size: 100%;
  font-family: Trebuchet MS, sans-serif;
}
#block-views-latest-projects-block .views-field-nothing h6 img {
  vertical-align: middle;
  position: absolute;
  top: 10px;
  right: 35px;
}
#block-views-latest-projects-block .views-field-nothing .created {
  color: #ffda9d;
  font-size: 11px;
  line-height: 20px;
  margin: 0 0 16px;
  opacity: 0;
  filter: alpha(opacity=0);
  padding: 0;
  -moz-transition: all 0.7s ease;
  -o-transition: all 0.7s ease;
  -webkit-transition: all 0.7s ease;
  transition: all 0.7s ease;
}
#block-views-latest-projects-block .views-field-nothing .item-body {
  line-height: 88px;
  margin-bottom: 20px;
  opacity: 0;
  filter: alpha(opacity=0);
  -moz-transition: all 0.7s ease;
  -o-transition: all 0.7s ease;
  -webkit-transition: all 0.7s ease;
  transition: all 0.7s ease;
}
#block-views-latest-projects-block .views-field-nothing .item-body p {
  margin-bottom: 0;
}
#block-views-latest-projects-block .views-field-nothing .btn a {
  background: #b06d00;
  border: 1px solid #b06d00;
  font-size: 12px;
  line-height: 16px;
  opacity: 0;
  filter: alpha(opacity=0);
  padding: 6px 15px;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
#block-views-latest-projects-block .views-field-nothing .btn a:hover {
  background: none;
  color: #9a6002;
  text-decoration: none;
}
/*==========================================================================
6. CONTENT
===========================================================================*/
.region-content ul {
  list-style: none inside none;
  padding-left: 1rem;
  margin: 1rem 0;
}
.region-content ul li {
  padding: 0 0 0.25rem 1rem;
}
.region-content ul li:before {
  content: '';
  width: 0.3rem;
  height: 0.3rem;
  border-radius: 50%;
  background-color: #8cc6d8;
  display: inline-block;
  margin: 0.25rem 0.5rem 0 -1rem;
}
.region-content ul ul {
  margin-top: 0.5rem;
  margin-bottom: 0;
}
.region-content ol {
  counter-reset: ol;
  list-style: none inside none;
  margin: 1rem 0;
  padding: 0 0 0 1rem;
}
.region-content ol li {
  padding: 0 0 0.25rem 1rem;
}
.region-content ol li:before {
  counter-increment: ol;
  content: counter(ol) ". ";
  color: #8cc6d8;
  display: inline-block;
  margin-left: -1rem;
  margin-right: 0.5rem;
}
.region-content ol li.search-result {
  padding-bottom: 1rem;
  border-bottom: 1px solid #8cc6d8;
}
.region-content ol li.search-result:before {
  display: none;
}
.region-content .field .field-label {
  color: #8cc6d8;
  font-weight: normal;
  font-size: 1.25rem;
  margin: 1rem 0;
}
.field-name-field-documents .file {
  display: flex;
  align-items: center;
}
.field-name-field-documents .file a:hover {
  border-bottom-width: 0;
  text-decoration: underline;
}
.field-name-field-documents .file-icon {
  margin-right: 0.5rem;
}
fieldset {
  border: 0;
}
fieldset.webform-component-fieldset {
  border-bottom: 1px solid #999;
  padding: 1rem 0 0 0;
  margin: 2rem 0 0 0;
}
fieldset.webform-component-fieldset .fieldset-legend {
  color: #5889a4;
  font-weight: bold;
}
fieldset.webform-component-fieldset .fieldset-wrapper {
  display: flex;
  flex-wrap: wrap;
}
fieldset.webform-component-fieldset .fieldset-wrapper > [id^="edit-"],
fieldset.webform-component-fieldset .fieldset-wrapper > [id*="edit-"] {
  width: 100%;
}
fieldset.webform-component-fieldset .fieldset-wrapper > [id^="edit-"].demi,
fieldset.webform-component-fieldset .fieldset-wrapper > [id*="edit-"].demi {
  width: 50%;
}
fieldset.webform-component-fieldset .form-item {
  width: 100%;
  padding: 0 1rem 1rem 0;
  margin: 0;
}
fieldset.webform-component-fieldset .form-item.demi {
  width: 50%;
}
fieldset.webform-component-fieldset .form-item.webform-component-textarea,
fieldset.webform-component-fieldset .form-item.webform-component-file {
  width: 100%;
}
fieldset.webform-component-fieldset .form-item .form-item {
  width: 100%;
  padding: 0;
}
fieldset.webform-component-fieldset .form-item .form-item.form-type-select {
  padding: 0 1rem 1rem 0;
}
fieldset.webform-component-fieldset .form-item .form-item label {
  text-transform: none;
}
fieldset.webform-component-fieldset .description {
  font-size: 0.75em;
  font-style: italic;
}
fieldset.webform-component-fieldset label {
  font-size: 0.8rem;
}
fieldset.webform-component-fieldset input[type="text"],
fieldset.webform-component-fieldset input[type="password"],
fieldset.webform-component-fieldset input[type="search"],
fieldset.webform-component-fieldset input[type="email"],
fieldset.webform-component-fieldset select {
  width: 100%;
  border: 1px solid #999;
}
fieldset.webform-component-fieldset textarea {
  border: 1px solid #999;
}
fieldset.webform-component-fieldset input[type="radio"] {
  margin: 0.15rem 0.25rem;
}
fieldset.webform-component-fieldset .webform-container-inline {
  display: flex;
  align-items: center;
  padding: 0 0.5rem 0.5rem 0;
}
fieldset.webform-component-fieldset .webform-container-inline label {
  display: flex;
}
.container-content {
  margin-bottom: 1rem;
  display: flex;
}
.container-content .container-content-img {
  padding: 0 1rem 1rem 0;
  width: 33%;
}
.container-content .container-content-text {
  padding: 0 1rem 1rem 0;
  width: 67%;
}
.container-content:after {
  clear: both;
  content: '';
  display: block;
}
.cke_editable .container-content {
  border: 1px dotted #1b1b1b;
  margin-bottom: 1rem;
  width: 920px;
}
.cke_editable .grid-3 {
  width: 300px;
  border: 1px dotted #1b1b1b;
}
.cke_editable .grid-6 {
  width: 600px;
  border: 1px dotted #1b1b1b;
}
.line-pictos {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-bottom: 1rem;
}
.line-pictos > a {
  display: inline-block;
  margin: 0.5rem;
  padding: 1rem 0.5rem;
  text-align: center;
  color: #1b1b1b;
  text-transform: uppercase;
  max-width: 8rem;
}
.line-pictos > a:hover {
  border-bottom-width: 0;
  opacity: 0.9;
}
.line-pictos.line-pictos-buttons .button {
  /*color: #fff;*/
  max-width: 10rem;
}
.line-pictos.line-pictos-buttons .button > img {
  margin-bottom: 0.9rem;
}
.field-name-field-documents .file {
  display: flex;
  align-items: center;
}
.field-name-field-documents .file a:hover {
  border-bottom-width: 0;
  text-decoration: underline;
}
.field-name-field-documents .file-icon {
  margin-right: 0.5rem;
}
.home-content-container {
  padding-top: 1em;
}
.homepage-video-container iframe {
  min-height: 400px;
  height: auto;
  width: 100%;
  border: 1px #259fa5 solid;
  box-sizing: border-box;
  border-radius: 2px;
  box-shadow: 0px 5px 11px -6px #777;
}
.header-actu h3 a {
  margin-left: 15px;
  color: #ec6a6f !important;
  font-size: 90%;
}
.header-actu {
  border-top: 1px solid #ec6a6f;
  margin-top: 50px;
  padding-top: 25px;
}
.slider-wrapper {
  border-bottom: 1px solid #ec6a6f;
  padding-bottom: 25px;
}
.actu-block-item-slider h2 {
  color: #bdcf24;
  font-size: 115%;
  margin-left: 10px;
}
.actu-block-item-slider h2 a:hover {
  color: #bdcf24;
}
.actu-block-item-slider {
  width: 170px;
  float: left;
  font-size: 85%;
  margin-left: 15px;
}
.actu-block-item-slider p {
  font-size: 100%;
}
.prev {
  background: url('../img/btn_fleche_gauche.png') no-repeat;
  height: 16px;
  width: 15px;
  display: block;
  float: left;
  cursor: pointer;
  visibility: hidden;
}
.next {
  background: url('../img/btn_fleche_droit.png') no-repeat;
  height: 16px;
  width: 15px;
  display: block;
  float: right;
  cursor: pointer;
  margin-right: 5px;
}
.page-highlight {
  border-bottom: 1px solid #556270;
}
.images-info {
  height: 192px;
}
.breadcrumb,
.breadcrumbtitle {
  font-size: 0.75rem;
  color: #51504E;
  float: left;
}
.breadcrumb span,
.breadcrumbtitle span,
.breadcrumb a,
.breadcrumbtitle a {
  text-decoration: none;
  color: #51504E;
  font-weight: bold;
}
.breadcrumb a:hover,
.breadcrumbtitle a:hover {
  color: #5889a4;
}
.at4-icon.aticon-print {
  display: none !important;
}
#slider-selector div,
#slider-selector-front div,
#slider-selector-block div {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  border: 1px solid white;
  z-index: 25;
  float: right;
  margin-right: 5px;
}
#slider-selector div.selected {
  background: #00AEEC;
  border: 1px solid #00AEEC;
}
#slider-selector {
  top: 0;
}
#slider-selector-front {
  position: relative;
  top: -18px;
}
#slider-selector-front {
  position: relative;
  top: -18px;
  left: 40px;
}
#slider-selector-block div {
  top: -20px;
  position: relative;
}
.actu-content-block .slides {
  border: none;
}
.actu-content-block #slider-selector-block {
  left: 0;
}
.slide-image {
  position: relative;
  margin: 0 !important;
  height: 100%;
  overflow: hidden;
}
.slide-image > img {
  height: 100%;
  width: auto;
  max-width: 1000%;
}
.region-content {
  padding: 0;
}
.views-row {
  margin-top: 30px;
}
.views-row:first-child {
  margin-top: 0;
}
.sidebar-second .region-sidebar-second .content img {
  vertical-align: middle;
}
/* Skills */
#block-views-skills-block {
  background: url(../images/skills-img.jpg) 0 bottom no-repeat;
  margin-bottom: -30px;
  min-height: 302px;
  padding-bottom: 22px;
  padding-left: 370px;
}
#block-views-skills-block h3 {
  font-size: 36px;
  line-height: 36px;
  margin-bottom: 39px;
  padding-top: 19px;
}
#block-views-skills-block h4 {
  margin-bottom: 4px;
}
#block-views-skills-block .view-content {
  overflow: hidden;
}
#block-views-skills-block .views-row {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  margin: 0 0 30px 60px;
  padding-left: 59px;
  padding-top: 2px;
  position: relative;
  width: 340px;
}
#block-views-skills-block .views-row.views-row-odd {
  clear: both;
  margin-left: 0;
}
#block-views-skills-block .views-row:before {
  border: 2px solid #f28e03;
  border-radius: 50%;
  color: #f28e03;
  content: "\f0c3";
  display: block;
  font: 24px/38px FontAwesome;
  height: 38px;
  left: 0;
  position: absolute;
  text-align: center;
  top: 0;
  width: 38px;
}
#block-views-skills-block .views-row-1 h4 {
  color: #35bc7a;
}
#block-views-skills-block .views-row-1:before {
  border-color: #35bc7a;
  color: #35bc7a;
  content: "\f0ed";
}
#block-views-skills-block .views-row-3 h4 {
  color: #f86924;
}
#block-views-skills-block .views-row-3:before {
  border-color: #f86924;
  color: #f86924;
  content: "\f024";
}
#block-views-skills-block .views-row-4 h4 {
  color: #ff9f00;
}
#block-views-skills-block .views-row-4:before {
  border-color: #ff9f00;
  color: #ff9f00;
  content: "\f0eb";
}
/* System messages
===========================================================================*/
div.messages {
  margin-bottom: 30px;
  padding-right: 30px;
}
div.messages .dismiss {
  box-shadow: none;
  border-radius: 2px;
  font-family: 'Trebuchet MS', sans-serif;
  line-height: normal;
  padding: 2px 6px 4px;
  text-transform: lowercase;
  width: auto;
}
div.messages .dismiss:hover {
  color: #fff;
  text-shadow: none;
}
/* Breadcrumbs
===========================================================================*/
.addthis_toolbox {
  float: right;
  font-size: 1.75rem;
  display: flex;
  align-items: flex-end;
}
.addthis_toolbox .at-icon-wrapper {
  display: none;
}
.addthis_toolbox .addthis_button_email:before {
  content: "\e908";
  font-family: 'icomoon';
}
.addthis_toolbox .addthis_button_print:before {
  font-family: 'icomoon';
  content: "\e90c";
}
.addthis_toolbox a {
  color: #8cc6d8;
}
.addthis_toolbox a:hover {
  color: #5889a4;
}
#breadcrumb {
  color: #1b1b1b;
  margin-bottom: 10px;
  padding: 0;
  float: left;
}
#breadcrumb a {
  color: inherit;
  padding: 0 3px;
  text-decoration: none;
}
#breadcrumb a:first-child {
  padding-left: 0;
}
#breadcrumb a:last-child {
  padding-right: 0;
}
#breadcrumb a:hover {
  color: #f28e03;
}
/* Admin tabs
===========================================================================*/
div.tabs {
  width: 100%;
}
.tabs-wrapper {
  margin: 1px 0 20px;
}
ul.primary {
  border-bottom: 1px solid #5889a4;
  margin: 0;
  padding: 0;
  line-height: 0;
  overflow: initial;
}
ul.primary li a {
  background: #efefef;
  border: 1px solid #999;
  color: #5889a4;
  font-size: 0.8rem;
  margin: 0 0 -1px 0;
  overflow: hidden;
  padding: 0.75rem 1rem;
  text-shadow: none;
  display: inline-block;
  -moz-transition: all 0.1s linear;
  -o-transition: all 0.1s linear;
  -webkit-transition: all 0.1s linear;
  transition: all 0.1s linear;
}
ul.primary li a.active {
  position: relative;
  top: 1px;
  background: #fff;
  border-color: #5889a4;
  color: #5889a4;
  border-bottom: 1px solid #fff;
}
ul.primary li a:hover {
  background: #8cc6d8;
  border-color: #5889a4;
  color: #fff;
}
/* Blocks
===========================================================================*/
/*==========================================================================
7. CONTENT BOTTOM
===========================================================================*/
.region-content-bottom {
  margin-top: 30px;
}
.region-content-bottom .block {
  background: #fff;
  padding: 30px;
}
#block-views-banners-block {
  padding: 26px 30px 15px;
}
#block-views-banners-block .view-content {
  margin-left: -18px;
  overflow: hidden;
}
#block-views-banners-block .views-row {
  float: left;
  margin: 0 0 17px 18px;
  width: 264px;
}
#block-views-banners-block .views-row img {
  filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
  -webkit-filter: grayscale(100%);
  opacity: 0.3;
  -moz-transition: all 0.7s ease;
  -o-transition: all 0.7s ease;
  -webkit-transition: all 0.7s ease;
  transition: all 0.7s ease;
}
.ie8 #block-views-banners-block .views-row img {
  filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
}
.ie8 #block-views-banners-block .views-row img:hover {
  filter: none;
}
#block-views-banners-block .views-row img:hover {
  filter: none;
  -webkit-filter: none;
  opacity: 1;
}
/*==========================================================================
8. PAGES
===========================================================================*/
/* Actualites
===========================================================================*/
.page-actualites .listing-actus {
  padding: 0;
}
.page-actualites .node {
  background-color: #efefef;
  padding: 0.75rem;
}
.page-actualites .img {
  width: 170px;
}
.actus-header {
  margin-bottom: 1rem;
}
.news-choices {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.news-choices .news-choice {
  display: inline-block;
  padding: 0.25rem 0.75rem;
  width: 100%;
}
.news-choices .news-choice .news-choice {
  padding: 0;
}
.news-choices .news-choice.news-choice-link {
  background-color: #efefef;
  color: #1b1b1b;
  text-transform: uppercase;
  width: 10rem;
  padding: 0.5rem 0.75rem;
  text-align: center;
}
.news-choices .news-choice.news-choice-link.active,
.news-choices .news-choice.news-choice-link:hover {
  background-color: #5889a4;
  color: #fff;
}
.news-orders {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding: 1rem 0;
  color: #51504E;
  font-size: 0.65rem;
}
.news-orders .news-order {
  background-color: #efefef;
  color: #51504E;
  display: inline-block;
  padding: 0.25rem 0.75rem;
  margin: 0 0.25rem;
  text-transform: uppercase;
  font-weight: normal;
  font-size: 0.65rem;
}
.news-orders .news-order.active,
.news-orders .news-order:hover {
  background-color: #5889a4;
  color: #fff;
}
.news-orders .news-order-radio {
  display: none;
}
.news-no-result {
  font-size: 0.9rem;
  font-style: italic;
  color: #1b1b1b;
}
.actualites p {
  margin-left: 0;
}
.node-actu .actualites {
  display: flex;
  float: none;
}
.node-actu .head-actu-wrapper {
  display: flex;
  justify-content: space-between;
}
.node-actu .puce-info {
  background-color: #5889a4;
  background-image: none;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 2.3rem;
  flex-shrink: 1;
  flex-grow: 0;
}
.node-actu .title-wrapper {
  margin: 0;
  flex-shrink: 1;
  flex-grow: 0;
}
.node-actu .title-wrapper h3 {
  color: #5889a4 !important;
  font-size: 1.5625rem !important;
  margin-bottom: 0;
  padding-bottom: 0;
}
.node-actu .date-submitted {
  font-size: 0.625rem;
  color: #727272;
}
.node-actu .en-savoir-plus-actu {
  background-color: #8cc6d8;
  height: auto;
  margin: 1rem 1rem 0 0;
  box-sizing: border-box;
  font-size: 0.875rem;
}
.node-actu .en-savoir-plus-actu:hover {
  background-color: #5889a4;
}
.page-actualites .actu-content p {
  font-size: 0.8125rem;
}
.date-element-info-listing,
.puce-info {
  background-color: #5889a4;
  background-image: none;
  color: #fff;
  text-align: center;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  width: 3rem;
  height: 3rem;
  flex-shrink: 0;
}
.date-element-info-listing [class^="icon-"],
.puce-info [class^="icon-"],
.date-element-info-listing [class*=" icon-"],
.puce-info [class*=" icon-"] {
  font-size: 2.6rem;
}
.date-element-info-listing .day,
.puce-info .day,
.date-element-info-listing .month,
.puce-info .month {
  margin: 0;
  padding: 0;
  line-height: 1;
}
.date-element-info-listing .day,
.puce-info .day {
  font-size: 1rem;
}
.date-element-info-listing .month,
.puce-info .month {
  font-size: 0.6875rem;
}
.news-tags {
  flex-shrink: 0;
  flex-grow: 1;
  display: flex;
  justify-content: flex-end;
}
.news-tags.news-tags-details {
  justify-content: flex-start;
  margin-bottom: 1rem;
}
.news-tags.news-tags-details .field-items .field-item {
  margin: 0 0.5rem 0 0;
}
.news-tags .field-name-field-tags,
.news-tags .field-name-field-departement,
.news-tags .field-name-field-type-adherents {
  text-align: right;
  margin: 0;
  padding: 0;
  width: auto;
}
.news-tags .field-name-field-tags .field-item,
.news-tags .field-name-field-departement .field-item,
.news-tags .field-name-field-type-adherents .field-item {
  display: inline-block;
  background-color: #1b1b1b;
  color: #fff;
  padding: 0.25rem 1rem;
  margin: 0 0 0 0.5rem;
  min-width: 10rem;
  text-align: center;
  text-transform: capitalize;
}
.news-tags .field-name-field-tags .field-item.field-item-link,
.news-tags .field-name-field-departement .field-item.field-item-link,
.news-tags .field-name-field-type-adherents .field-item.field-item-link {
  color: #fff;
}
.news-tags .field-name-field-tags .field-item.field-item-link:hover,
.news-tags .field-name-field-departement .field-item.field-item-link:hover,
.news-tags .field-name-field-type-adherents .field-item.field-item-link:hover {
  color: #fff;
}
.news-tags .field-name-field-type-news {
  text-align: right;
  margin: 0;
  width: auto;
  padding: 0;
}
.news-tags .field-name-field-type-news .field-item {
  display: inline-block;
  padding: 0.25rem 1rem;
  margin: 0 0 0 0.5rem;
  width: 10rem;
  text-align: center;
  text-transform: capitalize;
  color: #fff;
}
.news-tags .field-name-field-type-news .field-item.field-item-link {
  color: #fff;
}
.news-tags .field-name-field-type-news .field-item.field-item-link:hover {
  color: #fff;
}
.title-wrapper h3 {
  color: #5889a4 !important;
  padding: 0;
  line-height: 1.2;
  margin: 0;
}
.actu-container {
  display: flex;
}
.actu-container .actu-image {
  width: 20%;
  padding-right: 1rem;
}
.actu-container .actu-content {
  width: 80%;
}
.actu-container .actu-content > p,
.actu-container .actu-content > ul {
  font-size: 0.8125rem;
  line-height: 1.3;
}
.actu-container .link-bottom {
  margin: 0 0 1rem 0;
}
.synthese {
  background-color: #efefef;
  float: none;
  margin: 0;
  display: flex;
}
.synthese .synthese-col {
  width: 35%;
  box-sizing: border-box;
  padding: 1rem;
}
.synthese h3 {
  color: #5889a4;
  font-weight: normal;
  font-size: 1.2rem;
}
.synthese h4,
.synthese p {
  font-size: 0.8rem;
}
/* Rechercher un document
===========================================================================*/
.mp-search-form-leftpart-container {
  border: 0 none;
  background-color: #8cc6d8;
}
.mp-search-form-leftpart-container #edit-title {
  height: 3rem;
  padding: 0.5rem;
  border-color: #999;
  width: 95%;
}
.mp-search-form-title-container {
  background-color: transparent;
}
.form-item-viewall {
  text-align: center;
}
.mp-search-form-viewall-container a,
.mp-search-form-viewall-container a:visited,
.mp-search-form-viewall-container a.active {
  background-color: #5889a4;
  color: #fff;
  margin: 0 auto;
  display: inline-block;
  padding: 1rem 1rem;
  font-size: 1.2rem;
  height: auto;
  width: auto;
}
.mp-search-form-viewall-container a:hover,
.mp-search-form-viewall-container a:visited:hover,
.mp-search-form-viewall-container a.active:hover {
  background-color: #3d657b;
  color: #fff;
}
.mp-search-form-rightpart-container {
  background-color: #efefef;
  color: #1b1b1b;
}
.mp-search-form-rightpart-container .select2-container .select2-choice {
  background-color: #fff;
}
.mp-search-form-rightpart-container #edit-submit {
  background-color: #5889a4 !important;
  color: #fff;
  height: auto;
  padding: 0.5rem;
}
.mp-search-form-rightpart-container #edit-submit:hover {
  background-color: #3d657b !important;
}
.mp-search-form-rightpart-container #edit-reset {
  border-color: #5889a4;
  color: #5889a4;
  height: auto;
  padding: 0.5rem;
}
.mp-search-form-rightpart-container #edit-reset:hover {
  background-color: #5889a4;
  color: #fff;
}
.mp-search-form-title-container label,
.mp-search-form-title-container label,
.mp-search-form-title-container #edit-description {
  color: #fff;
}
#edit-startsearch {
  background: #efefef url(../img/loupe.png) center no-repeat !important;
  border-width: 1px 1px 1px 0;
  border-color: #999;
  border-style: solid;
  height: 3rem;
  padding: 0.5rem;
  margin: 0;
  top: 0;
  right: 0;
}
#edit-startsearch:hover {
  background-color: #999 !important;
}
#autocomplete li {
  padding: 0.25rem 0.5rem;
}
#autocomplete li:hover {
  cursor: pointer;
  background-color: #5889a4;
  color: #fff;
}
.mp-search-results-count-container {
  font-style: italic;
  color: #999;
  text-align: right;
  padding: 1rem 0 2rem 0;
}
.mp-search-result-viewmore-container {
  background-color: #f6c100;
}
.mp-search-result-viewmore-container:hover {
  background-color: #cd7a01;
}
.mp-search-result-viewmore-text a:hover {
  background-color: transparent;
}
.mp-search-result-viewmore-text {
  height: 100%;
}
.mp-search-result-viewmore-text a {
  flex-direction: initial;
  justify-content: center;
  align-items: center;
  height: 100%;
  flex-wrap: wrap;
}
.mp-search-result-viewmore-text a .mp-search-result-viewmore-icon,
.mp-search-result-viewmore-text a .mp-search-result-viewmore-text {
  width: 100%;
  height: auto;
  margin: 0;
}
.mp-search-result-year-background > polygon {
  fill: #f28e03 !important;
}
/* Portfolio
===========================================================================*/
#isotope-container {
  margin-left: -10px;
  margin-right: -10px;
}
.isotope-element {
  background: none;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: inherit;
  margin: 0 10px 30px;
  height: 100%;
  width: auto;
}
.isotope-element .views-field-field-portfolio-image {
  background: url(../img/ajax-loader.gif) center center no-repeat #fff;
}
.isotope-element .views-field-field-portfolio-image a {
  background: #000;
  color: transparent;
  display: block;
  font-size: 0;
  line-height: 0;
  position: relative;
}
.isotope-element .views-field-field-portfolio-image a:after {
  color: #fff;
  content: '\f00e';
  font: 40px/40px FontAwesome;
  left: 50%;
  margin: -21px 0 0 -18px;
  position: absolute;
  top: -100%;
  z-index: 999;
}
.isotope-element .views-field-field-portfolio-image a:hover:after {
  text-decoration: none;
  top: 50%;
}
.isotope-element .views-field-field-portfolio-image img {
  width: 100%;
}
.isotope-element .views-field-body {
  margin-bottom: 25px;
}
#isotope-options {
  background: none;
}
#isotope-options #filters {
  margin-bottom: 20px;
  text-align: right;
}
#isotope-options #filters li {
  display: inline-block;
  margin: 0 0 5px 10px;
  padding: 0;
  background: none;
}
#isotope-options #filters li:before {
  display: none;
}
/* Blog
===========================================================================*/
article.node {
  clear: both;
  margin-top: 30px;
}
article.node:first-child {
  background: none;
  border-top: 0;
  margin-top: 0;
  padding-top: 0;
}
/* Author & date information */
.node-header {
  margin-bottom: 20px;
}
.submitted {
  margin: 0;
}
.submitted.borders {
  border-bottom: 1px solid #e5e5e5;
  border-top: 1px solid #e5e5e5;
  padding: 12px 0;
}
.submitted a {
  color: #f86924;
}
.submitted span,
.submitted time {
  display: inline-block;
}
.submitted span:before,
.submitted time:before {
  color: inherit;
  margin-right: 5px;
  width: 15px;
}
.submitted .node-autor,
.submitted .node-pubdate,
.submitted .node-views {
  margin-right: 15px;
}
.node-teaser > .content {
  overflow: hidden;
}
/* Blog image */
.node-teaser .field-type-image,
.node-employee .field-type-image {
  float: left;
  margin: 0 20px 5px 0;
  max-width: 45%;
  width: 254px;
}
/*Blog links */
.links {
  list-style: none;
}
.links li {
  display: inline-block !important;
  margin-bottom: 5px;
  margin-right: 5px;
}
/* Pagination */
.content ul.pager {
  margin-top: 30px;
  text-align: center;
}
.content ul.pager li {
  margin: 0 1px 5px;
  padding: 0;
  display: inline-block;
}
.content ul.pager li:before {
  display: none;
}
/* Categories */
.field-name-field-blog-category {
  border-bottom: 1px solid #e5e5e5;
  border-top: 1px solid #e5e5e5;
  padding: 12px 0;
}
.field-name-field-blog-category .links {
  overflow: hidden;
  padding-left: 20px;
  position: relative;
}
.field-name-field-blog-category .links:before {
  content: "\f02e";
  display: block;
  font-family: FontAwesome, sans-serif;
  left: 0;
  position: absolute;
  top: 1px;
}
.field-name-field-blog-category .links li {
  margin: 0 5px 5px 0 !important;
}
.field-name-field-blog-category .links li:after {
  content: ',' !important;
}
.field-name-field-blog-category .links li:last-child:after {
  content: '' !important;
}
.field-name-field-blog-category .links li a {
  color: #f86924 !important;
}
/*Node Tags*/
article.node footer {
  padding-top: 10px;
}
article.node footer .field-name-field-tags {
  padding-top: 20px;
}
article.node footer .field-name-field-tags .field-label {
  background: none;
  float: left;
  font: inherit;
  font-weight: bold;
  margin-right: 15px;
  padding: 0;
  text-shadow: none;
  text-transform: none;
}
article.node footer .field-name-field-tags .field-items {
  overflow: hidden;
  padding-bottom: 15px;
  width: 100%;
}
article.node footer .field-name-field-tags ul li {
  float: left;
  margin: 0 0 5px 10px;
}
article.node footer .field-name-field-tags ul li:first-child {
  margin-left: 0;
}
article.node footer .field-name-field-tags ul li a {
  font: inherit;
  font-weight: bold;
  padding: 2px 8px;
}
.field-name-field-blog-tags {
  border-bottom: 1px solid #e5e5e5;
  margin-bottom: 20px;
  padding: 12px 0;
}
.field-name-field-blog-tags .links {
  overflow: hidden;
  padding-left: 20px;
  position: relative;
}
.field-name-field-blog-tags .links:before {
  content: "\f02b";
  display: block;
  font-family: FontAwesome, sans-serif;
  left: 0;
  position: absolute;
  top: 1px;
}
.field-name-field-blog-tags .links li {
  margin: 0 5px 5px 0 !important;
}
.field-name-field-blog-tags .links li:after {
  content: ',' !important;
}
.field-name-field-blog-tags .links li:last-child:after {
  content: '' !important;
}
.field-name-field-blog-tags .links li a {
  color: #f86924 !important;
}
/* Comments */
#comments {
  overflow: hidden;
  clear: both;
  margin-top: 30px;
}
#comments .comment {
  background: transparent;
  border: 1px solid #e5e5e5;
  margin-bottom: 10px;
  padding: 25px;
}
#comments .comment .comment-wrapper {
  overflow: hidden;
}
#comments .comment .field-items {
  margin-bottom: 20px;
}
#comments .comment .attribution h5 {
  margin-bottom: 5px;
}
#comments .comment .attribution .submitted {
  margin: 0 0 5px;
}
#comments .comment footer {
  padding: 0;
}
#comments .comment .submitted {
  border: none;
  margin-bottom: 15px;
  padding: 0;
}
#comments .comment .submitted a {
  color: inherit;
}
#comments .indented {
  margin-left: 20px;
}
.comment-wrapper footer {
  padding-top: 20px;
}
article.comment .submited .permalink,
p .permalink {
  display: none;
}
/* Comment form*/
#comment-form-wrapper {
  clear: both;
  margin-top: 30px;
}
#comment-form .form-text {
  width: 100%;
}
#comment-form .form-textarea {
  height: 200px;
  width: 100%;
}
#comment-form .filter-wrapper {
  border: none;
}
#comment-form .filter-wrapper .fieldset-wrapper {
  padding: 0;
}
#comment-form .filter-wrapper .fieldset-wrapper > * {
  padding: 0;
}
#comment-form .filter-wrapper .fieldset-wrapper label {
  display: inline-block;
  margin-right: 20px;
}
#comment-form .filter-wrapper .fieldset-wrapper .form-item-comment-body-und-0-format {
  margin-top: 0;
}
#comment-form .filter-wrapper .filter-help {
  padding-top: 10px;
}
#comment-form .filter-wrapper .filter-help a {
  background: none;
  display: inline-block;
  padding: 0;
}
#comment-form #edit-actions #edit-submit {
  margin-right: 5px;
}
.form-type-item {
  overflow: hidden;
  width: 100%;
}
.form-type-item label {
  float: left;
  padding-right: 10px;
}
#comment-form label,
#contact-site-form label {
  vertical-align: middle;
}
#contact-site-form input.form-text,
.search-form .form-text {
  width: 100%;
}
#user-login .form-text {
  width: 100%;
}
#edit-comment-body-und-0-format-guidelines {
  clear: both;
  padding-top: 15px !important;
}
#edit-comment-body-und-0-format-guidelines ul {
  font: inherit;
}
#edit-comment-body-und-0-format-guidelines ul li {
  background: none;
  overflow: hidden;
  margin: 0;
  padding: 0;
  width: 100%;
}
/* Contacts
===========================================================================*/
#page-contacts .pane-contact {
  float: left;
  width: 539px;
}
#page-contacts .pane-custom {
  float: left;
  margin-left: 20px;
  width: 539px;
}
/* Forum
===========================================================================*/
ul.action-links a {
  background: transparent url(../img/add.png) no-repeat 0 center;
  padding-left: 15px;
}
.action-links {
  overflow: hidden;
}
.action-links li {
  float: left;
  margin-left: 10px;
}
.action-links li:first-child {
  margin-left: 0;
}
.action-links li a {
  font-weight: bold;
}
#forum table td.topics,
#forum table td.posts,
#forum table td.replies {
  text-align: center;
}
#forum table td.container {
  font-weight: bold;
}
#forum table .description {
  margin: 0;
}
#forum table .indent {
  margin: 0;
}
#forum table .name {
  overflow: hidden;
}
#forum table .description {
  clear: both;
}
/* 404 Page not found
===========================================================================*/
.page-page-404 .panel-col-first {
  color: #f28e03;
  font: bold 250px/200px 'Trebuchet MS', sans-serif;
  text-align: right;
}
.page-page-404 #search-block-form {
  width: 400px;
}
.page-page-404 .pane-search-form #search-block-form .form-text {
  width: 189px;
}
.panel-2col .panel-col-first .inside {
  margin: 0 20px 0 0;
}
.panel-2col .panel-2col .panel-col-last .inside {
  margin: 0 0 0 20px;
}
/* Testimonials
===========================================================================*/
.page-testimonials .view-display-id-page .views-row {
  margin-top: 30px;
}
.page-testimonials .view-display-id-page .views-row:first-child {
  margin-top: 0;
}
.page-testimonials .view-display-id-page .views-field-nothing {
  margin-bottom: 10px;
}
.page-testimonials .view-display-id-page .views-field-nothing p {
  margin-bottom: 0;
}
.page-testimonials .view-display-id-page .views-field-nothing a {
  color: inherit;
}
.field-name-field-testi-image {
  float: left;
  margin: 0 20px 0 0;
  max-width: 45%;
}
.field-name-field-testi-author {
  font-weight: bold;
}
/* Archive
===========================================================================*/
.view-archive .field-name-body {
  margin-bottom: 20px;
}
.view-archive .views-row {
  margin-top: 40px;
}
.view-archive .views-row:first-child {
  margin-top: 0;
}
.view-archive .field-name-taxonomy-forums {
  padding-top: 0;
}
/* FAQs
===========================================================================*/
.view-FAQs.view-id-FAQs .views-row {
  margin-top: 30px;
}
.view-FAQs.view-id-FAQs .views-row:first-child {
  margin-top: 0;
}
/* Compose tips
===========================================================================*/
.compose-tips .filter-type {
  margin-top: 40px;
}
.compose-tips .filter-type:first-child {
  margin-top: 0;
}
/* Comments page
===========================================================================*/
.view-comments-recent.view-display-id-page .views-row {
  margin-top: 30px;
}
.view-comments-recent.view-display-id-page .views-row:first-child {
  margin-top: 0;
}
/*==========================================================================
9. SIDEBARS and BLOCKS
===========================================================================*/
.sidebar {
  padding-top: 2rem;
}
.sidebar .block {
  margin: 0 0 1rem 0;
  padding: 1rem;
}
.sidebar .block-pit-custom {
  padding: 0;
}
.sidebar .block-actualites {
  background: #efefef;
  padding: 0.5rem;
}
.sidebar .block-actualites .title-calendar {
  font-weight: normal;
  color: #5889a4;
}
.sidebar .block-actualites .prev-month p,
.sidebar .block-actualites .next-month p {
  font-size: 0.6875rem;
  height: auto !important;
}
.sidebar .agenda th {
  background-color: #5889a4;
  color: #fff;
  text-transform: uppercase;
  font-weight: normal;
  font-size: 0.6875rem;
}
.sidebar .agenda td,
.sidebar .agenda td.colspan {
  background-color: #fff;
  padding: 0.25rem;
}
.sidebar .agenda td.eventtd:hover,
.sidebar .agenda td.colspan.eventtd:hover {
  background-color: #efefef;
}
.sidebar .agenda .calendrier {
  cursor: default;
}
.sidebar .agenda .eventtd .calendrier {
  cursor: pointer;
}
.sidebar .agenda .puces {
  height: auto;
  display: flex;
  flex-wrap: wrap;
}
.sidebar .agenda .puce-event {
  border-radius: 10px;
  background: #5889a4;
  width: 100%;
  height: 5px;
  display: inline-block;
  margin-top: 1px;
  position: relative;
}
.sidebar .agenda .puce-event:after {
  position: absolute;
  top: 0;
  width: 6px;
  right: -5px;
  content: '';
  display: block;
  height: 5px;
  background-color: inherit;
}
.sidebar .agenda .puce-event:before {
  position: absolute;
  top: 0;
  width: 5px;
  left: -4px;
  content: '';
  display: block;
  height: 5px;
  background-color: inherit;
}
.sidebar .agenda .puce-event.puce-event-end:after {
  display: none;
}
.sidebar .agenda .puce-event.puce-event-start:before {
  display: none;
}
.sidebar .agenda .puce-event.color-primary-dark {
  background: #3d657b;
}
.sidebar .agenda .puce-event.color-primary-light {
  background: #8cc6d8;
}
.sidebar .agenda .puce-event.color-secondary {
  background: #f6c100;
}
.sidebar .agenda .puce-event.color-secondary-dark {
  background: #e49600;
}
.sidebar .agenda .puce-event.color-tertiary {
  background: #f28e03;
}
.sidebar .agenda .puce-event.color-tertiary-dark {
  background: #cd7a01;
}
.sidebar .agenda .puce-event.color-gray {
  background: #999;
}
.sidebar .agenda .puce-event.color-gray-dark {
  background: #1b1b1b;
}
.sidebar .agenda .puce-event.color-gray-light {
  background: #efefef;
}
.sidebar .agenda .calendar-day {
  display: block;
  padding: 0.2rem;
  margin: 0 auto;
  width: 80%;
  font-size: 0.875rem;
}
.sidebar .agenda .currentDate {
  background-color: #fff !important;
}
.sidebar .agenda .currentDate .calendar-day {
  background-color: #efefef;
}
.sidebar .agenda .calendar-plus {
  background-color: red;
  color: #fff;
  position: absolute;
  top: -0.3rem;
  right: -0.25rem;
  font-size: 0.5rem;
  padding: 0 0.2rem;
  line-height: 1.8;
}
.sidebar .affiche-event .actu-block-item {
  background: transparent;
  padding: 1rem 0 0 0 ;
  margin: 0 0 1rem 0;
  position: relative;
}
.sidebar .affiche-event .actu-block-item:after {
  clear: both;
  content: '';
  display: block;
}
.sidebar .affiche-event .actu-block-item .grid-2 {
  width: 175px;
  margin: 0;
  padding: 0 0.5rem;
}
.sidebar .affiche-event .actu-block-item h2 {
  color: #5889a4;
  font-size: 1.25rem;
}
.sidebar .affiche-event .actu-block-item p {
  font-size: 0.8125rem !important;
}
.sidebar .affiche-event .actu-block-item .en-savoir-plus-sidebar {
  background-color: #f6c100;
  color: #fff;
  background-image: none;
  width: 1rem;
  height: 1rem;
  position: absolute;
  right: 0;
  bottom: 0.35rem;
  text-align: center;
  line-height: 1;
  display: flex;
  font-size: 1rem;
  align-items: center;
  justify-content: center;
}
.sidebar .affiche-event .actu-block-item .en-savoir-plus-sidebar:hover {
  background-color: #e49600;
}
.sidebar .affiche-event .date-element-info {
  background-color: #5889a4;
  color: #fff;
  text-align: center;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  width: 3rem;
  height: 3rem;
  margin: 0;
  position: relative;
}
.sidebar .affiche-event .day,
.sidebar .affiche-event .month {
  margin: 0;
  padding: 0;
  line-height: 1;
  width: 100%;
}
.sidebar .affiche-event .day {
  font-size: 1rem;
  font-weight: bold;
}
.sidebar .affiche-event .month {
  font-size: 0.6875rem;
}
.sidebar .block-catalogue {
  padding: 0;
}
.sidebar .block-catalogue .content p {
  margin: 0;
}
.sidebar .block-catalogue .content a {
  display: flex;
  padding: 1rem 2rem 1rem 1rem;
  justify-content: space-between;
  align-items: center;
  font-size: 1.625rem;
  line-height: 1;
  flex-wrap: wrap;
  position: relative;
}
.sidebar .block-catalogue .content a:after {
  content: "\e903";
  font-family: 'icomoon';
  font-size: 3rem;
  position: absolute;
  top: 1rem;
  right: 0.5rem;
}
.sidebar .block-catalogue .content a .reduce-word {
  font-size: 1.1875rem;
  width: 100%;
}
.sidebar .block-outils {
  padding: 0;
}
.sidebar .block-outils .content p {
  margin: 0;
}
.sidebar .block-outils .content a {
  display: flex;
  padding: 1rem 0.5rem 1rem 1rem;
  justify-content: space-between;
  align-items: center;
  font-size: 1.625rem;
  line-height: 1;
  flex-wrap: wrap;
}
.sidebar .block-outils .content a:after {
  content: "\e910";
  font-family: 'icomoon';
  font-size: 3rem;
}
.login-connect {
  background-color: #efefef;
  padding: 1rem;
}
.login-connect .login-welcome {
  text-transform: uppercase;
  color: #8cc6d8;
  font-size: 1.1rem;
  display: flex;
  align-items: center;
}
.login-connect .login-welcome .icon-disconnect {
  font-size: 1.5rem;
  margin-right: 0.25rem;
}
.login-connect .login-logout {
  color: #5889a4;
  display: block;
  text-align: center;
  text-transform: uppercase;
  font-size: 1rem;
  border: 1px solid #5889a4;
  padding: 0.5rem;
}
.login-connect .login-logout:hover {
  border-color: #8cc6d8;
  background-color: #8cc6d8;
  color: #fff;
}
.login-access {
  color: #fff;
  background-color: #8cc6d8;
  padding: 0.5rem;
  text-transform: uppercase;
  font-size: 1.1rem;
  display: flex;
  align-items: center;
}
.login-access:hover {
  background-color: #5889a4;
  color: #fff;
}
.login-access .icon-private {
  font-size: 1.75rem;
  margin-right: 0.25rem;
}
/* Contextual links
===========================================================================*/
.not-logged-in .contextual-links {
  display: none !important;
}
.contextual-links li {
  padding: 0;
  background: none;
}
/* Calendar
===========================================================================*/
border-table {
  border: 1px solid #efefef;
}
table th,
table td {
  font-size: 90%;
}
.calendar-calendar td.calendar-agenda-items,
.calendar-calendar .month-view .full td.single-day .calendar-empty,
.calendar-calendar .month-view .full td.single-day.empty,
.calendar-calendar .month-view .full td.date-box.empty {
  border-color: #e5e5e5;
}
.calendar-calendar tr td.today,
.calendar-calendar tr.odd td.today,
.calendar-calendar tr.even td.today {
  background-color: transparent;
  color: #f28e03;
  font-weight: bold;
}
.calendar-calendar th.days {
  background: #ebeff2;
  border: none;
  color: #1b1b1b;
}
.calendar-calendar td {
  text-align: center;
}
.calendar-calendar td .inner div,
.calendar-calendar td .inner div a {
  background: none;
}
.calendar-calendar .month-view .full td.multi-day div.monthview,
.calendar-calendar .week-view .full td.multi-day div.weekview,
.calendar-calendar .day-view .full td.multi-day div.dayview {
  background: #ebeff2;
}
.calendar-calendar .day-view .full td .inner div.calendar .views-field-created {
  color: #1b1b1b;
  float: left;
  width: 50px;
}
.calendar-calendar .day-view .full td .inner div.calendar .views-field-title {
  overflow: hidden;
}
.calendar-calendar .month-view .full tr td.single-day.today,
.calendar-calendar .month-view .full td.date-box.today {
  border-color: #f28e03;
}
.view-Calendar .pager .date-prev,
.view-Calendar .pager .date-next,
.view .date-nav-wrapper .date-prev,
.view .date-nav-wrapper .date-next {
  background: none;
  border-radius: 0;
  line-height: 0;
  padding: 0;
  top: 6px;
}
.view-Calendar .pager .date-prev a,
.view-Calendar .pager .date-next a,
.view .date-nav-wrapper .date-prev a,
.view .date-nav-wrapper .date-next a {
  background: none;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 2px solid #dedede;
  border-radius: 50%;
  color: transparent;
  display: block;
  font-size: 0;
  height: 22px;
  line-height: 0;
  margin: 0;
  padding: 0;
  position: relative;
  text-align: center;
  -moz-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
  -webkit-transition: all 0.6s ease;
  transition: all 0.6s ease;
  width: 22px;
}
.view-Calendar .pager .date-prev a:before,
.view-Calendar .pager .date-next a:before,
.view .date-nav-wrapper .date-prev a:before,
.view .date-nav-wrapper .date-next a:before {
  color: #dedede;
  font-family: 'Open sans', sans-serif;
  font-size: 0.9rem;
  font-weight: normal;
  left: 50%;
  line-height: 22px;
  margin-left: -5px;
  margin-top: -11px;
  position: absolute;
  top: 50%;
}
.view-Calendar .pager .date-prev a:hover,
.view-Calendar .pager .date-next a:hover,
.view .date-nav-wrapper .date-prev a:hover,
.view .date-nav-wrapper .date-next a:hover {
  background: none;
  border-width: 11px;
}
.view-Calendar .pager .date-prev a:hover:before,
.view-Calendar .pager .date-next a:hover:before,
.view .date-nav-wrapper .date-prev a:hover:before,
.view .date-nav-wrapper .date-next a:hover:before {
  color: #fff;
}
.view .date-nav-wrapper .date-prev {
  right: auto;
}
.view .date-nav-wrapper .date-prev a:before {
  content: "\f060";
}
.view .date-nav-wrapper .date-next a:before {
  content: "\f061";
}
table .mini-day-on a {
  text-decoration: none;
}
table .mini-day-on a:hover {
  text-decoration: underline;
}
/* Flickr
===========================================================================*/
#flickr_wrapper {
  margin-left: -15px !important;
}
#flickr_wrapper li {
  height: auto;
  margin: 0 0 15px 15px;
  width: 80px;
}
#flickr_wrapper li:before {
  display: none;
}
#flickr_wrapper li img {
  height: auto;
  padding: 0;
  width: 100%;
}
#block-views-gallery-block .view-content {
  margin-left: -15px;
  overflow: hidden;
}
#block-views-gallery-block .views-row {
  height: auto;
  float: left;
  margin: 0 0 15px 15px;
  width: 80px;
}
#block-views-gallery-block .views-row img {
  height: auto;
  padding: 0;
  width: 100%;
}
/* Isotop filter
===========================================================================*/
.sidebar #isotope-options #filters {
  text-align: left;
}
.sidebar #isotope-options #filters li {
  margin: 0 10px 5px 0;
}
.sidebar #isotope-options #filters li:before {
  display: none;
}
/* Menu
===========================================================================*/
#block-system-main-menu li a:before {
  display: none;
}
/* Our team
===========================================================================*/
#block-views-our-team-block .view-content {
  overflow: hidden;
}
#block-views-our-team-block .views-row {
  float: left;
  margin: 0 0 0 20px;
  width: 262px;
}
#block-views-our-team-block .views-row:first-child {
  margin-left: 0;
}
#block-views-our-team-block .views-field-field-employee-photo {
  margin-bottom: 15px;
}
#block-views-our-team-block .views-field-body {
  margin-bottom: 0;
}
/* Poll's bar
===========================================================================*/
.poll .total,
.poll .title {
  margin-bottom: 15px;
}
.poll .bar {
  background-color: #fff;
  border: 1px solid #e5e5e5;
  height: 20px;
  margin-bottom: 15px;
  padding: 1px;
}
.poll .bar .foreground {
  background-color: #f28e03;
  display: none;
  height: 20px;
}
.poll .percent {
  float: right;
}
.poll .vote-form {
  text-align: left;
  padding-bottom: 15px;
}
.poll .vote-form .choices {
  width: 100%;
}
#block-poll-recent ul.links li {
  background: none;
  padding-left: 0;
}
/* Recent comments
===========================================================================*/
#block-views-comments-recent-block .views-row {
  margin-top: 20px;
}
#block-views-comments-recent-block .views-row:first-child {
  margin-top: 0;
}
#block-views-comments-recent-block .views-field-subject a {
  color: inherit;
}
/* Recent content
===========================================================================*/
.contextual-links-region .node-title a {
  color: inherit;
}
/* Recent posts
===========================================================================*/
#block-views-recent-posts-block .views-row {
  margin-top: 8px;
  padding-left: 30px;
  position: relative;
}
#block-views-recent-posts-block .views-row:first-child {
  margin-top: 0;
}
#block-views-recent-posts-block .views-row:before {
  border: 2px solid #dedede;
  border-radius: 16px;
  color: #dedede;
  content: '\f061';
  display: inline-block;
  font-family: FontAwesome, sans-serif;
  font-size: 12px;
  height: 16px;
  left: 0;
  line-height: 16px;
  margin: 0 11px 0 0;
  position: absolute;
  text-align: center;
  top: 0;
  transition: all 0.5s ease 0s;
  width: 16px;
}
/* Search
===========================================================================*/
#search-block-form .element-invisible {
  display: none !important;
}
#search-block-form .container-inline {
  display: inline-block;
  overflow: hidden;
  position: relative;
}
#search-block-form .form-submit {
  background: url(../img/loupe.png) no-repeat #fff center center;
  text-indent: -5000px;
  width: 20px;
  outline: 0;
  cursor: pointer;
  margin: 0;
  padding: 0;
  position: relative;
  border: 0;
  border-left: none !important;
  float: right;
  height: 1.5rem;
}
/* Tags
===========================================================================*/
.block-cctags .wrapper {
  text-align: left !important;
}
.block-cctags .wrapper a {
  background: #1e8bc3;
  color: #fff;
  display: inline-block;
  filter: none;
  font: 400 13px/20px 'Trebuchet MS', sans-serif !important;
  margin: 0 3px 8px 0;
  opacity: 1 !important;
  padding: 3px 8px;
  text-transform: capitalize;
}
.block-cctags .wrapper a:hover {
  background: #ff9f00;
  text-decoration: none;
}
/*==========================================================================
10. FOOTER TOP
===========================================================================*/
.marge-full-size {
  min-height: 225px;
}
.footer-top-wrapper h3 {
  color: #fff;
  font: 400 18px/22px 'Trebuchet MS', sans-serif;
  margin-bottom: 22px;
}
.footer-top-wrapper .block__text .block-content {
  padding-right: 25px;
}
.footer-top-wrapper #block-views-recent-posts-block .views-row {
  margin-top: 14px;
}
.footer-top-wrapper #block-views-recent-posts-block .views-row:first-child {
  margin-top: 0;
}
.footer-top-wrapper #block-views-recent-posts-block .views-row:before {
  border-color: #fff;
  color: #fff;
}
.footer-top-wrapper #block-views-recent-posts-block h6 {
  font-size: inherit;
  line-height: inherit;
}
.footer-top-wrapper #block-views-recent-posts-block h6 a:hover {
  color: #fff;
}
.footer-top-wrapper #block-views-recent-posts-block .views-field-created {
  color: #b6bcc2;
  font-size: 12px;
  font-style: italic;
}
/*==========================================================================
11. FOOTER
===========================================================================*/
#footer {
  font-size: 0.875rem;
  clear: both;
  color: #efefef;
  padding: 2rem 0;
  position: relative;
}
#footer .menu {
  margin: 0;
  padding: 0;
}
#footer .menu li {
  padding: 0;
  margin: 0;
}
#footer .menu a {
  color: #efefef;
  display: flex;
  width: 100%;
  align-items: center;
}
#footer .menu a:hover {
  color: #8cc6d8;
}
#footer .menu a:before {
  width: 2.4rem;
  text-align: center;
  font-size: 1.2rem;
  margin-bottom: 0.25rem;
}
#footer .menu a.active {
  color: #8cc6d8;
}
#footer .menu a.menu-facebook:before {
  font-family: 'icomoon';
  content: "\e905";
  font-size: 1.6rem;
}
#footer .menu a.menu-mentions:before {
  font-family: 'icomoon';
  content: "\e907";
}
#footer .menu a.menu-sitemap:before {
  font-family: 'icomoon';
  content: "\e909";
}
#footer .menu a.menu-login:before {
  font-family: 'icomoon';
  content: "\e902";
  font-size: 2rem;
}
#footer .perrens-infos {
  display: flex;
}
#footer .perrens-infos:before {
  background: transparent url(../img/logo_pied.png) center top no-repeat;
  content: '';
  width: 4rem;
  height: 4rem;
  display: block;
  margin-right: 1rem;
  flex-shrink: 0;
}
#footer .cra-infos {
  display: flex;
}
#footer .cra-infos:before {
  background: transparent url(../img/logo_pied_2.png) center top no-repeat;
  content: '';
  width: 6rem;
  height: 4rem;
  display: block;
  margin-right: 1rem;
  flex-shrink: 0;
}
#lien-pied-page-wrapper {
  background: #556270;
  height: 40px;
}
.contact a {
  font-size: 81.3%;
  color: #C31416;
}
.contact {
  margin-right: 15px !important;
  border: none !important;
}
.title-footer {
  font-size: 93.8%;
  color: #2B3137;
  font-weight: bold;
  text-transform: uppercase;
}
#plan-site,
.collumn-footer {
  font-size: 100%;
}
.menu-footer-element-link a {
  font-size: 12px;
  color: #FFF;
  font-family: Trebuchet MS, sans-serif;
  margin-right: 5px;
  padding-left: 5px;
  line-height: 40px;
}
#lien-pied-page .first a {
  border-left: none !important;
}
#lien-pied-page {
  color: #676767;
  font-size: 81.3% !important;
  line-height: 90%;
  background: url('../img/logo_pied.png') no-repeat left;
}
#lien-pied-page div {
  margin-left: 40px;
}
.footer-wrapper {
  height: 55px;
  line-height: 55px;
}
.footer-top-wrapper h3 {
  font-size: 36px;
  text-align: center;
  line-height: 44px;
  padding-top: 25px;
}
.my-custom-theme {
  border-radius: 5px;
  background: #00b0a5;
  color: #fff;
}
.my-custom-theme .tooltipster-content {
  border-radius: 5px;
  background: #00b0a5;
  font-size: 14px;
  line-height: 16px;
  padding: 8px 10px;
}
/* Social networks
===========================================================================*/
/*#block-follow-site {
  .content{
    overflow: hidden;
  }

  .follow-link-wrapper {
    float: left;
    margin-left: 1px;

    &:first-child{
      margin-left: 0;
    }

    .follow-link {
      background-position: 0 0;
      background-repeat: no-repeat;
      color: transparent;
      display: block;
      font: 0/0 a;
      height: 22px;
      opacity: 1;
      padding: 0;
      .transition(all .2s ease);
      width: 22px;

      &:hover {
        background-position: 0 -22px;
      }

      &.follow-link-googleplus {
        background-image: url(../images/google-plus.png);
      }

      &.follow-link-twitter {
        background-image: url(../images/twitter.png);
      }

      &.follow-link-this-site {
        background-image: url(../images/rss.png);
      }

      &.follow-link-facebook {
        background-image: url(../images/facebook.png);
      }
    }
  }
}*/
/* Copyright
===========================================================================*/
.block__copyright .sitename {
  text-transform: uppercase;
}
.block__copyright a {
  color: inherit;
}
/* Back to top
===========================================================================*/
#backtotop {
  background: none;
  border: 2px solid #f86924;
  border-radius: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #F86924;
  display: block;
  height: 45px;
  text-align: center;
  -moz-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
  -webkit-transition: all 0.6s ease;
  transition: all 0.6s ease;
  width: 45px;
  z-index: 5;
}
#backtotop:before {
  color: #f86924;
  content: "\f062";
  display: block;
  font: 24px/24px FontAwesome;
  left: 50%;
  margin-left: -12px;
  margin-top: -12px;
  position: absolute;
  text-indent: 0;
  -moz-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
  -webkit-transition: all 0.6s ease;
  transition: all 0.6s ease;
  top: 50%;
}
#backtotop:hover {
  background: #f86924;
  border-width: 22px;
  opacity: 1;
}
#backtotop:hover:before {
  color: #ebeff2;
}
/* Switcher */
.switcher {
  cursor: pointer;
  margin-top: 10px;
  font-size: 11px;
}
.switcher:hover {
  text-decoration: underline;
}
.block-actus {
  clear: both;
  margin-left: 10px;
  margin-right: 10px;
}
.plus-actu-sous_calendar {
  background: #8cc6d8;
  color: #fff;
  text-transform: uppercase;
  clear: both;
  float: none;
  margin-top: 0.5rem;
  font-size: 0.8125rem;
}
.plus-actu-sous_calendar:hover {
  font-size: 0.8125rem;
  background-color: #5889a4;
}
.prev-month,
.next-month {
  background-color: #f6c100;
  margin-top: 0.5rem;
}
.prev-month:hover,
.next-month:hover {
  background-color: #f28e03;
}
.affiche-event {
  clear: both;
}
.event-link,
.actu-link {
  display: block;
  float: left;
}
.log-rss {
  margin-top: 30px;
}
/* flip */
.featured-thumbnail {
  width: 100%;
}
figure {
  margin: 0;
}
.posts-grid {
  overflow: hidden;
  margin: 0;
  padding: 0;
}
.posts-grid li {
  float: left;
  width: 202px;
  margin: 0 24px 0 0;
  overflow: hidden;
  height: 202px;
}
.ie8 .posts-grid li {
  width: 202px;
  margin-right: 20px;
}
.posts-grid li:nth-child(3n) {
  margin-right: 0;
}
.posts-grid li.nomargin {
  margin-right: 0;
}
.posts-grid .post_meta {
  border: none;
  padding: 0 !important;
  color: #ffffff;
  font-size: 11px;
}
.ie8 .posts-grid .featured-thumbnail {
  width: 202px;
  height: auto;
}
.posts-grid.team {
  margin-top: 0;
}
.posts-grid.team li {
  margin-bottom: 0;
  margin-top: 0;
}
.ie8 .posts-grid.team .featured-thumbnail {
  width: 202px;
}
.ie8 .posts-grid.team .featured-thumbnail img {
  width: auto;
}
.posts-grid.team h5 {
  font-size: 18px;
  font-weight: normal;
  line-height: 1.2em;
}
.posts-grid.team h5 a {
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.posts-grid.team .excerpt {
  margin-bottom: 0;
}
/* entire container, keeps perspective */
.flip-container {
  -webkit-perspective: 1000;
  -moz-perspective: 1000;
  -o-perspective: 1000;
}
/* flip the pane when hovered */
.flip-container:hover .flipper,
.flip-container.hover .flipper {
  transform: rotateY(180deg);
  -webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
}
.posts-grid .flip-container:hover .front,
.posts-grid .flip-container.hover .front {
  opacity: 0;
  filter: alpha(opacity=0);
}
.posts-grid .ie8 .flip-container:hover .front h5,
.posts-grid .ie8 .flip-container.hover .front h5 {
  z-index: -1;
}
.bulle .front,
.bulle .back {
  width: 234px;
  height: 225px;
}
.flip-container:hover .back,
.flip-container.hover .back {
  opacity: 1;
  filter: alpha(opacity=100);
}
.flip-container,
.posts-grid .front,
.back {
  overflow: hidden;
}
.flip-container,
.posts-grid {
  height: 225px;
}
.ie8 .flip-container,
.ie8 .posts-grid .front,
.ie8 .back {
  width: 202px;
  height: 202px;
}
/* flip speed goes here */
.flipper {
  transform-style: preserve-3d;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -o-transform-style: preserve-3d;
  -webkit-transition: 0.6s;
  -moz-transition: 0.6s;
  -o-transition: 0.6s;
  transition: 0.6s;
  position: relative;
}
/* hide back of pane during swap */
.posts-grid .front,
.back {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  position: absolute;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
/* front pane, placed above back */
.title-element h3 {
  font-size: 131.3%;
  color: white;
}
.posts-grid .front .title-element {
  position: absolute;
  left: 0;
  bottom: 0;
  color: #ffffff;
  margin: 0;
  z-index: 3;
  height: 65px;
  opacity: 0.7;
  text-align: center;
}
.ie8 .posts-grid .front .featured-thumbnail img {
  width: auto;
}
/* back, initially hidden pane */
.back {
  transform: rotateY(180deg);
  -webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
  color: #FFFFFF;
  font-size: 12px;
  opacity: 0;
  filter: alpha(opacity=0);
}
.ie8 .back {
  height: 202px;
}
.tuile1 .inner {
  margin-top: 100px;
}
.ie8 .back .inner {
  padding-top: 25px;
}
.back h5 {
  margin: 0 0 -2px 0;
  line-height: 1.2em;
  color: #ffffff;
  font-size: 16px;
}
.back p {
  color: #ffffff !important;
  font-size: 12px;
  line-height: 12px !important;
  margin-bottom: 21px;
  width: 150px;
  text-align: justify;
}
.ie8 .back .excerpt {
  height: 53px;
  overflow: hidden;
}
.back .btn {
  background: #940B4E !important;
  border: none !important;
  font-size: 11px;
  padding: 10px 10px;
  color: #ffffff;
}
.back .btn:hover {
  background: #940B4E !important;
  color: #ffffff;
}
/**/
.section {
  margin-bottom: 50px;
}
.section-title {
  float: left;
  display: block;
  padding-right: 15px;
}
.section-title span {
  color: #B1B1B1;
  font-size: 12px;
  display: block;
  line-height: 12px;
  margin-top: 20px;
}
.section-body {
  width: 100%;
  float: left;
  display: block;
}
.section-separator {
  margin-bottom: 50px;
  background: url('../img/ligne_separatrice_article.png') no-repeat -90px 0 transparent;
  height: 11px;
  width: 990px;
  display: block;
  clear: both;
}
.tuile-title {
  position: absolute;
  bottom: 0;
  display: block;
  width: 120px;
  z-index: 10;
  color: #676767;
  font-size: 15px;
  left: 93px;
  top: 96px;
}
/* GMAP */
.gmap {
  width: 100%;
  height: 650px;
  display: block;
  position: relative;
  margin: 0 auto;
}
h3.carte-element,
h3.spe {
  font-size: 1rem;
  color: #5889a4;
  margin: 0;
}
.sous_titre_adherents {
  color: #5889a4;
  text-transform: uppercase;
  line-height: 1;
}
.carte-element-contenu {
  margin: 0.5rem 0;
}
#checkbox {
  margin-top: 20px;
}
.select-region .checkbox-wrapper input,
.select-region .radio-wrapper input {
  float: left;
  margin: 3px 3px 3px 4px;
}
.select-region .checkbox-wrapper .first-select,
.select-region .radio-wrapper .first-select {
  color: #4e6795;
  font-size: 14px;
  font-weight: bold !important;
}
.select-region .checkbox-wrapper label,
.select-region .radio-wrapper label {
  margin-left: 5px;
}
.select-region .checkbox-wrapper,
.select-region .radio-wrapper {
  display: block;
  float: left;
  width: 32%;
  color: #484848;
  margin-left: 5px;
  margin-right: 5px;
  margin-top: 10px;
}
.section {
  margin-left: 1rem;
}
/* template catalogue */
.outils-list {
  margin-top: 15px;
  font-size: 0.75rem;
}
.outils-list .outils-title {
  color: #999;
}
.outils-list .outils-filter {
  display: inline-block;
  padding: 0.25rem 0.5rem;
}
.outils-list .outils-filter:hover,
.outils-list .outils-filter.selected {
  background-color: #f28e03;
}
.image-catalogue {
  background-color: #5889a4;
  display: block;
  z-index: 20;
  width: 100%;
  height: 100%;
  text-align: center;
  padding: 0.5rem 1rem;
}
.image-catalogue .image-catalogue-img {
  height: 7rem;
}
.isotope {
  display: flex;
}
.element {
  width: 25%;
  padding: 0.5rem;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
}
.element:hover .plus-catalogue:before {
  height: 100%;
}
.element:hover .title-catalogue,
.element:hover .suppl-catalogue {
  color: #fff;
}
.element:hover .plus-catalogue-gray-light .title-catalogue,
.element:hover .plus-catalogue-gray-light .suppl-catalogue {
  color: #1b1b1b;
}
.element.element-details {
  float: right;
  padding: 0;
}
.title-catalogue {
  text-align: center;
  display: block;
  color: #5889a4;
  text-transform: uppercase;
  font-size: 1.125rem;
}
.suppl-catalogue {
  text-align: center;
  display: block;
  color: #999;
  font-size: 0.8rem;
}
.plus-catalogue {
  position: relative;
  width: 100%;
  padding: 1rem 0;
}
.plus-catalogue:before {
  content: '';
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  height: 0;
  transition: height 0.2s;
  background-color: #5889a4;
}
.plus-catalogue.plus-catalogue-primary-dark:before {
  background-color: #3d657b;
}
.plus-catalogue.plus-catalogue-primary-light:before {
  background-color: #8cc6d8;
}
.plus-catalogue.plus-catalogue-secondary:before {
  background-color: #f6c100;
}
.plus-catalogue.plus-catalogue-secondary-dark:before {
  background-color: #e49600;
}
.plus-catalogue.plus-catalogue-tertiary:before {
  background-color: #f28e03;
}
.plus-catalogue.plus-catalogue-tertiary-dark:before {
  background-color: #cd7a01;
}
.plus-catalogue.plus-catalogue-gray-light:before {
  background-color: #efefef;
}
.plus-catalogue.plus-catalogue-gray:before {
  background-color: #999;
}
.plus-catalogue.plus-catalogue-gray-dark:before {
  background-color: #1b1b1b;
}
/** Template nos adhérents */
.page-nos-adherents .gmap {
  margin-top: 1.25rem;
}
.adherent-liste {
  clear: both;
  padding: 1rem 0;
  border-bottom: 1px solid #efefef;
}
.adherent-liste:after {
  display: block;
  content: '';
  clear: both;
}
.adherent-liste .adherent-top {
  display: flex;
}
.adherent-liste .adherent-top-left {
  flex-shrink: 1;
  flex-grow: 0;
}
.adherent-liste .title-adherents {
  font-size: 1rem;
  color: #5889a4;
  margin: 0;
}
.adherent-liste .news-tags {
  flex-shrink: 0;
  flex-grow: 1;
}
.adherent-liste .adherent-details {
  clear: both;
  padding: 1rem 0;
  display: flex;
}
.adherent-liste .emplacement-adherents {
  width: 50%;
}
.adherent-liste .adress {
  padding: 0.25rem 0;
}
.adherent-liste .field-name-field-introduction {
  padding: 1rem 0;
  clear: both;
}
.adherent-liste .field-name-body {
  padding: 1rem 0;
  clear: both;
}
#logo img {
  margin-top: 5px;
}
tbody {
  border: none !important;
}
.centrage {
  position: relative;
  margin-left: auto;
  margin-right: auto;
}
.abo {
  color: white;
  background: #00b0a5;
  display: block;
  line-height: 30px;
  text-align: center;
}
.news p {
  line-height: 20px;
  color: #676767;
}
.access img {
  width: 85% !important;
}
.widget-actu-content img,
.widget-actu-content2 img,
.widget-actu-content3 img {
  margin: 1rem 0 0.5rem 0;
}
.widget-actu-content {
  position: fixed;
  right: -315px;
  z-index: 150;
  width: 310px;
  background: #fff;
  overflow: hidden;
  top: 160px;
  -webkit-box-shadow: 0px 0px 9px 0px #999;
  -o-box-shadow: 0px 0px 9px 0px #999;
  box-shadow: 0px 0px 9px 0px #999;
  filter: progid:DXImageTransform.Microsoft.Shadow(color=#999, Direction=224, Strength=5);
  opacity: 0.95 !important;
  padding: 1rem;
}
.widget-actu {
  float: right;
  background: url('../img/widget_actu.png') no-repeat;
  cursor: pointer;
  width: 81px;
  height: 92px;
  position: fixed;
  right: 0px;
  z-index: 120;
  top: 160px;
}
.widget-actu .slide-image {
  margin-bottom: 0.5rem;
}
.actu-invisible {
  display: none !important;
}
.actu-visible {
  display: block;
}
.actu-content li {
  list-style: none !important;
}
.fancybox {
  display: block !important;
}
.login {
  float: right;
  vertical-align: middle;
  font-size: 85%;
  position: relative;
  display: block;
  color: #556270;
  font-weight: bold;
}
.login img {
  vertical-align: middle;
}
.close {
  float: right;
  height: 17px;
  background: url('../img/picto_croix.png') no-repeat 100% 0;
  cursor: pointer;
  width: 100%;
}
::-webkit-input-placeholder {
  color: white;
}
::-moz-placeholder {
  /* Firefox 19+ */
  color: white;
}
:-ms-input-placeholder {
  color: white;
}
:-moz-placeholder {
  /* Firefox 18- */
  color: white;
}
.form-item-promote {
  display: none !important;
}
.form-item-sticky {
  display: none !important;
}
figure {
  margin: 0;
}
.posts-grid {
  overflow: hidden;
  margin: 0;
  padding: 0;
}
.posts-grid li {
  float: left;
  width: 202px;
  margin: 0 24px 0 0;
  overflow: hidden;
  height: 202px;
}
.ie8 .posts-grid li {
  width: 202px;
  margin-right: 20px;
}
.posts-grid li:nth-child(3n) {
  margin-right: 0;
}
.posts-grid li.nomargin {
  margin-right: 0;
}
.posts-grid .post_meta {
  border: none;
  padding: 0 !important;
  color: #ffffff;
  font-size: 11px;
}
.ie8 .posts-grid .featured-thumbnail {
  width: 202px;
  height: auto;
}
.posts-grid.team {
  margin-top: 0;
}
.posts-grid.team li {
  margin-bottom: 0;
  margin-top: 0;
}
.ie8 .posts-grid.team .featured-thumbnail {
  width: 202px;
}
.ie8 .posts-grid.team .featured-thumbnail img {
  width: auto;
}
.posts-grid.team h5 {
  font-size: 18px;
  font-weight: normal;
  line-height: 1.2em;
}
.posts-grid.team h5 a {
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.posts-grid.team .excerpt {
  margin-bottom: 0;
}
.flip-container {
  -webkit-perspective: 1000;
  -moz-perspective: 1000;
  -o-perspective: 1000;
}
/* flip the pane when hovered */
.flip-container:hover .flipper,
.flip-container.hover .flipper {
  transform: rotateY(180deg);
  -webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
}
.posts-grid .flip-container:hover .front,
.posts-grid .flip-container.hover .front {
  opacity: 0;
  filter: alpha(opacity=0);
}
.posts-grid .ie8 .flip-container:hover .front h5,
.posts-grid .ie8 .flip-container.hover .front h5 {
  z-index: -1;
}
.tuile3 {
  margin-bottom: 40px;
}
.tuiles img {
  width: 100%;
}
.tuile1 {
  width: 550px;
  height: 510px;
  float: left;
  margin-right: 40px;
  margin-bottom: 25px;
}
.tuile2,
.tuile3,
.tuile4 {
  width: 270px;
  height: 250px;
}
.tuile2 {
  margin-bottom: 20px;
}
.tuile4 {
  float: left;
  margin-right: 40px;
}
.tuile5 {
  width: 550px;
  height: 245px;
}
.flip-container:hover .back,
.flip-container.hover .back {
  opacity: 1;
  filter: alpha(opacity=100);
}
.flip-container,
.posts-grid .front,
.back {
  overflow: hidden;
}
.ie8 .flip-container,
.ie8 .posts-grid .front,
.ie8 .back {
  width: 202px;
  height: 202px;
}
/* flip speed goes here */
.flipper {
  transform-style: preserve-3d;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -o-transform-style: preserve-3d;
  -webkit-transition: 0.6s;
  -moz-transition: 0.6s;
  -o-transition: 0.6s;
  transition: 0.6s;
  position: relative;
}
/* hide back of pane during swap */
.posts-grid .front,
.back {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
/* front pane, placed above back */
.post_date {
  color: white;
  font-size: 10px;
  display: none;
}
.lien-tuile1 {
  color: white !important;
  background: #6BB3B6;
  padding: 8px;
}
.lien-tuile2 {
  color: white !important;
  background: #EF652F;
  padding: 8px;
}
.lien-tuile3 {
  color: white !important;
  background: #CA278D;
  padding: 8px;
}
.lien-tuile4 {
  color: white !important;
  background: #B5C441;
  padding: 8px;
}
.lien-tuile5 {
  color: white !important;
  background: #00A1D2;
  padding: 8px;
}
.tuile1 .title-element {
  background: #78CCD0;
  width: 500px;
}
.tuile2 .title-element {
  background: #ED9732;
  width: 245px;
}
.tuile3 .title-element {
  background: #E9138B;
  width: 245px;
}
.tuile4 .title-element {
  background: #BBD341;
  width: 245px;
}
.tuile5 .title-element {
  background: #00AEEC;
  width: 500px;
}
.title-element {
  display: none;
  /* pas d'affichage dans cette version*/
}
.tuile1 .back p,
.tuile5 .back p,
.tuile2 .back p,
.tuile3 .back p,
.tuile4 .back p {
  width: auto;
}
.title-element h3 {
  font-size: 131.3%;
  color: white;
}
.posts-grid .front .title-element {
  position: absolute;
  left: 0;
  bottom: 0;
  color: #ffffff;
  margin: 0;
  z-index: 3;
  height: 65px;
  opacity: 0.7;
  text-align: center;
}
.ie8 .posts-grid .front .featured-thumbnail img {
  width: auto;
}
/* back, initially hidden pane */
.tuile1 .back {
  background-color: #78CCD0;
}
.tuile2 .back {
  background-color: #ED9732;
}
.tuile3 .back {
  background-color: #E9138B;
}
.tuile4 .back {
  background-color: #BBD341;
}
.tuile5 .back {
  background-color: #00AEEC;
}
.back {
  transform: rotateY(180deg);
  -webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
  background-color: #C73584;
  color: #FFFFFF;
  font-size: 12px;
  opacity: 0;
  filter: alpha(opacity=0);
}
.ie8 .back {
  height: 202px;
}
.tuile1 .inner {
  margin-top: 0;
}
.back .inner {
  padding: 10px 10px 10px 15px;
}
.ie8 .back .inner {
  padding-top: 10px;
}
.back h5 {
  margin: 0 0 -2px 0;
  line-height: 1.2em;
  color: #ffffff;
  font-size: 16px;
}
.back p {
  color: #ffffff !important;
  font-size: 12px;
  line-height: 12px !important;
  margin-bottom: 21px;
  width: 210px;
  text-align: justify;
}
.ie8 .back .excerpt {
  height: 53px;
  overflow: hidden;
}
.back .btn {
  background: #940B4E !important;
  border: none !important;
  font-size: 11px;
  padding: 10px 10px;
  color: #ffffff;
}
.back .btn:hover {
  background: #940B4E !important;
  color: #ffffff;
}
/**/
.section {
  margin-bottom: 50px;
}
.section-title {
  width: 200px;
  float: left;
  display: block;
  padding-right: 15px;
}
.section-title span {
  color: #B1B1B1;
  font-size: 12px;
  display: block;
  line-height: 12px;
  margin-top: 20px;
}
.section-separator {
  margin-bottom: 50px;
  background: url('../img/ligne_separatrice_article.png') no-repeat -90px 0 transparent;
  height: 11px;
  width: 1200px;
  display: block;
  clear: both;
}
.tuile-title {
  display: none;
  /* pas d'affichage dans cette version*/
  /* display: block;*/
  position: absolute;
  bottom: 0;
  width: 100%;
  text-align: center;
  z-index: 10;
  color: white;
  font-size: 20px;
}
.en-savoir-plus-sidebar {
  background: url('../img/raccourci_accueil_plus.png') no-repeat;
  width: 35px;
  height: 35px;
  float: right;
  margin-top: 6px;
}
#footer-wrapper {
  background-color: #504c4a;
  height: 220px;
  margin: 0 auto;
  width: 100%;
}
.paralax {
  background: url('../img/image_parallax.jpg') top center no-repeat;
  width: 100%;
  height: 150px;
  margin-top: 30px;
  background-attachment: fixed;
  background-size: cover;
}
#footer_haut {
  height: 20px;
  width: 100%;
}
#footer_left {
  height: 150px;
  margin-left: 30px;
  width: 360px;
  float: left;
}
#footer_picto_plan_img {
  background: url('../img/picto_plan.png') no-repeat;
  width: 20px;
  height: 28px;
  float: left;
  margin-left: 25px;
  padding-left: 30px;
}
#footer_picto_planetbs_img {
  background: url('../img/etbs-blc.png') no-repeat;
  width: 20px;
  height: 28px;
  float: left;
  margin-left: 25px;
  padding-left: 30px;
}
#footer_mention_legale_img {
  background: url('../img/picto_mentions_legales.png') no-repeat;
  width: 28px;
  height: 26px;
  float: left;
  margin-left: 25px;
  padding-left: 30px;
}
#footer_liens_utiles_img {
  background: url('../img/picto_liens.png') no-repeat;
  width: 26px;
  height: 28px;
  float: left;
  margin-left: 25px;
  padding-left: 30px;
}
#footer_acces_prive_img {
  background: url('../img/picto_acces_prive.png') no-repeat;
  width: 26px;
  height: 28px;
  float: left;
  margin-left: 25px;
  padding-left: 30px;
}
#footer_twitter_img {
  background: url('../img/picto_twiter.png') no-repeat;
  width: 26px;
  height: 28px;
  float: left;
  margin-left: 25px;
  padding-left: 30px;
}
#footer-wrapper #footer #footer_left div a {
  display: inline-block;
  color: #ffffff;
  font-size: 12px;
  font-family: 'Trebuchet MS', sans-serif;
  margin-top: 6px;
  line-height: 6px;
}
#footer-wrapper #footer #footer_left div a:hover {
  text-decoration: none;
  color: #84c758;
}
#footer-wrapper #footer #footer_left div {
  width: 250px;
}
#footer-wrapper #footer #footer_left div a div {
  padding-top: 8px;
}
#footer_picto_acces_direct_img {
  background: url('../img/picto_acces_direct.png') no-repeat;
  width: 100%;
  height: 26px;
  float: left;
  margin-left: 10px;
  padding-left: 30px;
  padding-top: 6px;
}
#footer-wrapper #footer #footer_right a {
  display: inline-block;
  color: #ffffff;
  font-size: 12px;
}
#footer-wrapper #footer #footer_right a:hover {
  color: #00AEEC;
}
#footer-wrapper #footer #footer_right div {
  width: 250px;
}
#footer_picto_contact_img {
  background: url('../img/picto_contact.png') no-repeat;
  width: 250px;
  height: 26px;
  float: left;
  margin-left: 10px;
  padding-left: 30px;
  padding-top: 6px;
  margin-bottom: 8px;
}
.footer_titre,
.footer_titre a {
  color: #ffffff;
  font-size: 16px;
  font-family: 'Trebuchet MS', sans-serif;
}
.footer_text {
  color: #ffffff;
  font-size: 12px;
  font-weight: normal;
  margin-bottom: 0;
  margin-left: 70px;
}
#footer_center {
  height: 150px;
  margin-left: 10px;
  width: 360px;
  float: left;
}
#footer_contact_img {
  background: url('../img/btn_contact.png') no-repeat;
  width: 258px;
  height: 24px;
  float: left;
  margin-top: 7px;
  padding-left: 10px;
  padding-top: 6px;
  color: #ffffff;
  font-size: 12px;
  font-weight: bold;
}
#footer_right {
  height: 150px;
  width: 390px;
  float: right;
}
#footer_adresse,
#footer_mail_img {
  margin-left: 120px;
}
#footer_bas {
  height: 32px;
  width: 990px;
  margin: 0 auto;
}
.region-bandeau img {
  width: 100% !important;
}
.TB_Wrapper {
  height: 447px !important;
}
.TB_Wrapper .Slide img {
  left: 0 !important;
  top: 0 !important;
}
.front h1.left {
  font-weight: normal;
  color: #259fa5;
  text-align: center;
  text-transform: none;
  font-size: 270%;
}
.admin-front-title {
  font-size: 100%;
  color: white;
  text-align: center;
  background: transparent;
  display: block;
}
.admin-front-content {
  color: white;
  text-align: center;
  font-size: 75%;
}
#footer_picto_planetbs_img {
  background: url('../img/etbs-blc.png') no-repeat;
  width: 20px;
  height: 28px;
  float: left;
  margin-left: 25px;
  padding-left: 30px;
}
#footer_picto_planetbs_img:hover {
  background: url('../img/etbs-vert.png') no-repeat;
}
#footer_picto_plan_img {
  background: url('../img/picot_plan_site_off.png') no-repeat;
  width: 20px;
  height: 28px;
  float: left;
  margin-left: 25px;
  padding-left: 30px;
}
#footer_picto_plan_img:hover {
  background: url('../img/picot_plan_site_on.png') no-repeat;
}
#footer_mention_legale_img {
  background: url('../img/picto_mentions_legales_off.png') no-repeat;
  width: 28px;
  height: 26px;
  float: left;
  margin-left: 25px;
  padding-left: 30px;
}
#footer_mention_legale_img:hover {
  background: url('../img/picto_mentions_legales_on.png') no-repeat;
}
#footer_liens_utiles_img {
  background: url('../img/partenaires-blc.png') no-repeat;
  width: 26px;
  height: 28px;
  float: left;
  margin-left: 25px;
  padding-left: 30px;
}
#footer_liens_utiles_img:hover {
  background: url('../img/partenaires-vert.png') no-repeat;
}
#footer_acces_prive_img {
  background: url('../img/picto_acces_prive_off.png') no-repeat;
  width: 26px;
  height: 28px;
  float: left;
  margin-left: 25px;
  padding-left: 30px;
}
#footer_acces_prive_img:hover {
  background: url('../img/picto_acces_prive_on.png') no-repeat;
}
#footer_find_img {
  background: url('../img/picto_ns_trouver_off.png') no-repeat;
  width: 26px;
  height: 28px;
  float: left;
  margin-left: 25px;
  padding-left: 30px;
}
#footer_find_img:hover {
  background: url('../img/picto_ns_trouver_on.png') no-repeat;
}
/* Geolocal */
.page-cummune {
  margin-top: 15px;
}
.page-cummune h2 {
  font-size: 100%;
}
.page-cummune p {
  font-size: 75%;
}
.en-sav {
  background: url('../img/TERRITOIRE-SANTE.png');
  width: 295px;
  height: 156px;
  text-align: center;
  text-indent: -5000px;
  margin: 0 auto;
  display: block;
}
.carte-element p {
  line-height: 11px;
}
.vignette {
  padding: 1rem 0.5rem;
}
.vignette:first-child {
  padding-left: 0;
}
.vignette:last-child {
  padding-right: 0;
}
.vignette-content {
  background-color: #efefef;
  padding: 1rem;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: flex-start;
}
.vignette-content:hover {
  background-color: #f28e03;
}
.vignette-content:hover .vignette-title {
  color: #fff;
}
.vignette-title {
  width: 100%;
  font-weight: normal;
  text-transform: uppercase;
  font-size: 2rem;
  margin: 1rem 0 0 0;
}
.vignette-title-first {
  width: 100%;
  display: block;
  font-size: 1.5rem;
}
.en-savoir-bulle {
  background: #83c552 !important;
  display: block;
  color: white !important;
  padding: 5px;
  position: relative;
  margin: 0 auto;
  text-align: center;
  width: 260px;
}
.rteright {
  text-align: right;
}
.rtecenter {
  text-align: center;
}
.rtejustify {
  text-align: justify;
}
.node-type-webform .month {
  font-size: 12px !important;
}
.centrage-filtre {
  display: block;
  width: 71%;
  position: relative;
  margin: 0 auto;
}
.node-type-webform .ajax-processed {
  display: none;
}
select.day,
select.month {
  color: black !important;
}
.frame {
  padding: 1rem;
}
.frame:after {
  display: block;
  clear: both;
  content: '';
}
.frame.with-title {
  padding-top: 0;
}
.frame > p:last-child {
  margin-bottom: 0;
}
/** Fonds **/
.bg-primary {
  background-color: #5889a4;
  color: #fff;
}
.bg-primary a {
  color: #fff;
}
.bg-primary a:hover {
  opacity: 0.9;
}
.bg-primary.bg-hover:hover {
  background-color: #3d657b;
}
.bg-primary-dark {
  background-color: #3d657b;
  color: #fff;
}
.bg-primary-dark a {
  color: #fff;
}
.bg-primary-dark a:hover {
  opacity: 0.9;
}
.bg-primary-dark.bg-hover:hover {
  background-color: #5889a4;
}
.bg-primary-light {
  background-color: #8cc6d8;
  color: #fff;
}
.bg-primary-light a {
  color: #fff;
}
.bg-primary-light a:hover {
  opacity: 0.9;
}
.bg-primary-light.bg-hover:hover {
  background-color: #5889a4;
}
.bg-secondary {
  background-color: #f6c100;
  color: #fff;
}
.bg-secondary a {
  color: #fff;
}
.bg-secondary a:hover {
  opacity: 0.9;
}
.bg-secondary.bg-hover:hover {
  background-color: #e49600;
}
.bg-secondary-dark {
  background-color: #e49600;
  color: #fff;
}
.bg-secondary-dark a {
  color: #fff;
}
.bg-secondary-dark a:hover {
  opacity: 0.9;
}
.bg-secondary-dark.bg-hover:hover {
  background-color: #f6c100;
}
.bg-tertiary {
  background-color: #f28e03;
  color: #fff;
}
.bg-tertiary a {
  color: #fff;
}
.bg-tertiary a:hover {
  opacity: 0.9;
  color: #fff;
}
.bg-tertiary.bg-hover:hover {
  background-color: #cd7a01;
}
.bg-tertiary-dark {
  background-color: #cd7a01;
  color: #fff;
}
.bg-tertiary-dark a {
  color: #fff;
}
.bg-tertiary-dark a:hover {
  opacity: 0.9;
  color: #fff;
}
.bg-tertiary-dark.bg-hover:hover {
  background-color: #f28e03;
}
.bg-gray-light {
  background-color: #efefef;
}
.bg-gray-light.bg-hover:hover {
  background-color: #999;
}
.bg-gray {
  background-color: #999;
  color: #fff;
}
.bg-gray.bg-hover:hover {
  background-color: #1b1b1b;
}
.bg-gray-dark {
  background-color: #1b1b1b;
  color: #fff;
}
.bg-gray-dark.bg-hover:hover {
  background-color: #999;
}
/* Buttons */
.button {
  display: inline-block;
  padding: 0.35rem 1rem;
  box-shadow: 0px 0px 4px 1px #efefef;
  background-color: white;
  border : 2px solid #1b1b1b;
  color: #1b1b1b;
}
.button:hover {
  border : 2px solid #1b1b1b;
  background-color: #1b1b1b;
  opacity: 0.7;
  color: white;
}
.button.primary {
  background-color: white;
  border : 2px solid #5889a4;
  color: #5889a4;
}
.button.primary:hover {
  border : 2px solid #5889a4;
  background-color: #5889a4;
  opacity: 0.7;
  color: #fff;
}
.button.primary-light {
  background-color: white;
  border : 2px solid #8cc6d8;
  color: #8cc6d8;
}
.button.primary-light:hover {
  border : 2px solid #8cc6d8;
  background-color:#8cc6d8;
  opacity: 0.7;
  color: #fff;
}
.button.secondary {
  background-color: white;
  border : 2px solid #f6c100;
  color: #f6c100;
}
.button.secondary:hover {
  border : 2px solid #f6c100;
  background-color:#f6c100;
  opacity: 0.7;
  color: #fff;
}
.button.tertiary {
  background-color: white;
  border : 2px solid #f28e03;
  color: #f28e03;
}
.button.tertiary:hover {
  border : 2px solid  #f28e03;
  background-color: #f28e03;
  opacity: 0.7;
  color: #fff;
}

.rond {
  padding:16px;
  border-radius:35%;
  width:70%;
}
.rond.primary{
  background-color: #5889a4; 
}
.rond.secondary{
  background-color: #f6c100;
}
.rond.tertiary {
  background-color:#f28e03;
}
.rond.primary-light{
  background-color: #8cc6d8; 
}
.rond.gray-dark{
  background-color: #1b1b1b;
}

/* GABARIT ANCRE */

.ancre {
    display: flex;
    justify-content: center;
    flex-direction: row;
    align-items: center;
    flex-wrap: wrap;
}

.ancre_bloc {
    position: relative;
    margin: 0.5rem;
    height: 110px;
    width: 150px;
}  

.ancre_bloc_survol {
    height: calc(100% - 1rem);
    width: calc(100% - 1rem);
    background: #8cc6d8;
    position: absolute;
    top: 50%;
    right: 50%;
    opacity: 0;
    transform: translateX(50%) translateY(-50%) scale(.5);
    transition:  all 0.4s cubic-bezier(0.390, 0.575, 0.565, 1.000);
}


.ancre_image {
      display: block;
      height: 110px;
      width: 150px;
      object-fit: contain;
      background-color:#efefef;
      border: 2px solid #8cc6d8;
}

.ancre_bloc:hover .ancre_bloc_survol{
    transform: translateX(50%) translateY(-50%) scale(1);
    opacity: 1;
}