html,
body {
  height: 100%;
}
/* avoid bootstrap 5 globals */
html {
  font-size: 16px;
}
/* replace all knacss code like grid-x has-gutter with flex layout */
/* all occurences have been replaced with Bootstrap classes, so add this code to spread the child elements evenly */
.flex-wrap.gap-3 > * {
  flex: 1;
  /* avoid having 5 tiny containers on one row, on small screens */
  /* breakpoint is at about 280px. More than 280 gets you 3 items per row maximum. 260 gets you 4 items per row maximum */
  min-width: 300px;
}
/* avoid conflict between the existing "pagination" class used for article pagination and Bootstrap own pagination class */
.the-content > .pagination,
.the-content > .pagination > .pagination {
  display: block;
}
body {
  background: #F7F7F6;
  color: rgb(85, 85, 85);
  /* height: auto; */
  /* font-family: sans-serif; */
}
body:before {
  content: "\00a0";
  display: block;
  height: 75px;
}
body.scrolled:before,
body.my_iframe_fullscreen:before {
  height: 55px;
}
@supports selector(div:focus-visible) {
  /* only on clic/tap focus */
  button:focus:not(:focus-visible) {
    outline: 0;
  }
  /* only on keyboard focus */
  a:focus-visible,
  button:focus-visible {
    outline: 3px solid var(--ds-border-focus, #4C9AFF);
    /* outline-offset: 2px; */
  }
}
@media (max-width: 991px) {
  body:before {
    height: 55px;
  }
}
a {
  text-decoration: none;
  color: rgb(29,111,174);
}
/* larger texts globally */
p, ul {
  font-size: 0.9rem;
}
h1,
h2,
h3,
h4,
h5,
h6,
.fface {
  font-family: "Lato", sans-serif;
}
p,
dl,
hr,
h1,
h2,
h3,
h4,
h5,
h6,
ol,
ul,
blockquote,
pre,
table,
address,
fieldset,
figure {
  margin-bottom: 20px;
}
.wash {
  display: block;
  clear: both;
  font-size: 1px;
  height: 1px;
  margin: 0;
  padding: 0;
  border: 0 none;
}

.wash:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.wash {
  display: inline-block;
}

.wash {
  display: block;
}

/*--------------------------------------------------------------
Forms
--------------------------------------------------------------*/

.nf-form-wrap label {
    color: #333;
    display: block;
    font-weight: 800;
    margin-bottom: 0.5em;
}

.nf-form-wrap fieldset {
    margin-bottom: 1em;
}

.nf-form-wrap input[type="text"],
.nf-form-wrap input[type="email"],
.nf-form-wrap input[type="url"],
.nf-form-wrap input[type="password"],
.nf-form-wrap input[type="search"],
.nf-form-wrap input[type="number"],
.nf-form-wrap input[type="tel"],
.nf-form-wrap input[type="range"],
.nf-form-wrap input[type="date"],
.nf-form-wrap input[type="month"],
.nf-form-wrap input[type="week"],
.nf-form-wrap input[type="time"],
.nf-form-wrap input[type="datetime"],
.nf-form-wrap input[type="datetime-local"],
.nf-form-wrap input[type="color"],
.nf-form-wrap textarea {
    color: #666;
    background: rgb(255,255,255);
    border: 1px solid #bbb;
    border-radius: 3px;
    display: block;
    padding: 0.7em;
    width: 100%;
}

.nf-form-wrap input[type="text"]:focus,
.nf-form-wrap input[type="email"]:focus,
.nf-form-wrap input[type="url"]:focus,
.nf-form-wrap input[type="password"]:focus,
.nf-form-wrap input[type="search"]:focus,
.nf-form-wrap input[type="number"]:focus,
.nf-form-wrap input[type="tel"]:focus,
.nf-form-wrap input[type="range"]:focus,
.nf-form-wrap input[type="date"]:focus,
.nf-form-wrap input[type="month"]:focus,
.nf-form-wrap input[type="week"]:focus,
.nf-form-wrap input[type="time"]:focus,
.nf-form-wrap input[type="datetime"]:focus,
.nf-form-wrap input[type="datetime-local"]:focus,
.nf-form-wrap input[type="color"]:focus,
.nf-form-wrap textarea:focus {
    color: #222;
    border-color: #333;
}

.nf-form-wrap select {
    border: 1px solid #bbb;
    border-radius: 3px;
    height: 3em;
    max-width: 100%;
}

.nf-form-wrap input[type="radio"],
.nf-form-wrap input[type="checkbox"] {
    margin-right: 0.5em;
}

.nf-form-wrap input[type="radio"] + label,
.nf-form-wrap input[type="checkbox"] + label {
    font-weight: 400;
}

.nf-form-wrap button,
.nf-form-wrap input[type="button"],
.nf-form-wrap input[type="submit"] {
    background-color: #444;
    border: 0;
    border-radius: 2px;
    box-shadow: none;
    color: rgb(255,255,255);
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: 800;
    line-height: 1;
    padding: 1em 2em;
    text-shadow: none;
}

.nf-form-wrap input + button,
.nf-form-wrap input + input[type="button"],
.nf-form-wrap input + input[type="submit"] {
    padding: 0.75em 2em;
}

.nf-form-wrap button.secondary,
.nf-form-wrap input[type="reset"],
.nf-form-wrap input[type="button"].secondary,
.nf-form-wrap input[type="reset"].secondary,
.nf-form-wrap input[type="submit"].secondary {
    background-color: #ddd;
    color: #222;
}

.nf-form-wrap button:hover,
.nf-form-wrap button:focus,
.nf-form-wrap input[type="button"]:hover,
.nf-form-wrap input[type="button"]:focus,
.nf-form-wrap input[type="submit"]:hover,
.nf-form-wrap input[type="submit"]:focus {
    background: #767676;
}

.nf-form-wrap button.secondary:hover,
.nf-form-wrap button.secondary:focus,
.nf-form-wrap input[type="reset"]:hover,
.nf-form-wrap input[type="reset"]:focus,
.nf-form-wrap input[type="button"].secondary:hover,
.nf-form-wrap input[type="button"].secondary:focus,
.nf-form-wrap input[type="reset"].secondary:hover,
.nf-form-wrap input[type="reset"].secondary:focus,
.nf-form-wrap input[type="submit"].secondary:hover,
.nf-form-wrap input[type="submit"].secondary:focus {
    background: #bbb;
}


/* ------- Borders & Dividers ------- */
hr {
  border: 0 #ccc solid;
  border-top-width: 1px;
  clear: both;
  height: 0;
}
.divider,
.divider_padding {
  clear: both;
  display: block;
  margin-top: 20px !important;
  margin-bottom: 20px !important;
  padding-top: 10px;
  width: 100%;
}
.divider {
  border-bottom: 1px solid #eee;
}
.divider_padding {
  padding-top: 10px !important;
}
.divider.top {
  font-size: 8px;
  line-height: 10px;
  margin-bottom: 20px;
  text-align: right;
  position: relative;
}
.divider.top a {
  height: 10px!important;
  position: absolute;
  right: 0;
  top: 15px;
  color: #999;
  text-decoration: none;
  background-color: rgb(255,255,255);
  padding: 4px;
  border-radius: 4px;
  margin-top: -10px;
}
.clearboth {
  clear: both;
  display: block;
  font-size: 0px;
  height: 0px;
  line-height: 0;
  width: 100%;
}

.float_right {
  float: right;
}
.float_left {
  float: left;
}

.archive-meta {
  color: #666;
  font-size: .9em;
}

/* width wrapper */
.wrap,
.head_contain .head,
.main_divider h1,
.main_divider h2,
.main_divider div,
.main_search form,
.main_page_options .page_options,
.partners {
  margin: auto;
  padding: 0 10px;
  max-width: 974px;
  box-sizing: border-box;
  transition-property: width, max-width, min-width, padding, margin;
  transition-duration: 0.2s;
  transition-timing-function: ease;
  transition-delay: 0s;
}
.wrap.wrap_full {
  max-width: none;
}
.wrap .content_page {
  margin: auto;
}
@media (min-width: 992px) {
  .wrap,
  .head_contain .head,
  .main_divider h1,
  .main_divider h2,
  .main_divider div,
  .main_search form,
  .main_page_options .page_options,
  .partners {
    padding: 0;
  }
}
@media (min-width: 1200px) {
  .wrap,
  .head_contain .head,
  .main_divider h1,
  .main_divider h2,
  .main_divider div,
  .main_search form,
  .main_page_options .page_options,
  .partners {
    max-width: 1170px;
  }
}

/* header */

#header {
  position: fixed;
  top: 0;
  width: 100%;
  background-color: rgba(255, 255, 255, 1);
  box-shadow: 0 0 5px rgba(0, 0, 0, .3);
  z-index: 99;
}
.scrolled #header {
  background-color: rgb(255,255,255);
}
@media (max-width: 991px) {
}
#header:before {
  content: "\00a0";
  position: absolute;
  top: 0;
  display: block;
  width: 100%;
  z-index: 0;
}
.ontop #header:before {
  height: 75px;
}
.scrolled #header:before,
.my_iframe_fullscreen #header:before,
.nav_opened #header:before {
  height: 55px;
}
@media (max-width: 991px) {
  .ontop #header:before {
    height: 55px;
  }
}
#header:after {
  content: "\00a0";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.head {
  position: relative;
  margin: auto;
  z-index: 1;
}
.svgimg {
  /* Permet de redimensionner en changeant la font-size de l’icône */
  width: 1em; height: 1em;
  /* Bel alignement visuel des icônes avec le texte */
  vertical-align: -0.15em;
  /* fill par défaut = valeur de la propriété couleur de son élément parent */
  fill: currentColor;
  /* Les paths et les strokes qui dépassent de la viewBox peuvent apparaître dans IE.
     Si vous utilisez normalize.css, inutile de l’ajouter. */
  overflow: hidden;
}
.search > a span,
.head div.menu-container ul ul .search > a span {
  display: none;
}
.textless > a:before,
.head div.menu-container ul ul .textless > a:before {
  text-indent: 0;
}
/* icônes version bootstrap en remplacement de la police "feathers" */
.menu .bi {
  font-size: 1.2rem;
  vertical-align: middle;
}
@media (max-width: 991px) {
  .account-in > a:first-child:before {
    margin-right: 6px;
  }
  .textless > a:first-child span,
  .account-in > a:first-child span,
  .account-out > a:first-child span,
  .account-register > a:first-child span {
    padding-left:  0.4em;
  }
  .menu .bi {
    font-size: 1rem;
  }
}
@media (min-width: 992px) {
  .textless > a:first-child span,
  .account-in > a:first-child span,
  .account-out > a:first-child span,
  .account-register > a:first-child span {
    display: none;
  }
  .textless > a:before,
  .head div.menu-container ul ul .textless > a:before {
    margin-right: 0 !important;
  }
}
/*  */
.site_title {
  display: inline-block;
  padding: 0;
  margin: 0;
  font-family: "Lato", sans-serif;
  font-size: 18px;
  position: relative;
  z-index: 10;
}
.site_title,
.site_title * {
  transition-property: height, max-height, min-height, line-height, padding, margin;
  transition-duration: 0.2s;
  transition-timing-function: ease;
  transition-delay: 0s;
}
.site_title a {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-flow: row nowrap;
  align-items:  center;
  padding: 0 10px;
  margin: 0;
  color: #333;
  overflow: hidden;
}
.nav_opened #header .site_title,
.scrolled #header .site_title,
.my_iframe_fullscreen #header .site_title {
  font-size: 18px;
}
@media (max-width: 991px) {
  .ontop #header .site_title {
    font-size: 18px;
  }
}
.ontop #header .site_title a {
  height: 75px;
}
.nav_opened #header .site_title a,
.scrolled #header .site_title a,
.my_iframe_fullscreen #header .site_title a,
.page-template-iframe-max #header .site_title a {
  height: 55px;
}
.site_title img {
  max-height: 55px;
}
.scrolled .site_title img,
.my_iframe_fullscreen .site_title img,
.page-template-iframe-max .site_title img {
  max-height: 35px;
}
@media (max-width: 991px) {
  .ontop #header .site_title a {
    height: 55px;
  }
  .site_title img,
  .scrolled .site_title img,
  .my_iframe_fullscreen .site_title img {
    max-height: 35px;
  }
}
.site_title .logo {
  padding-right: 10px;
  min-width: 45px;
  color: rgb(29,111,174);
}

/* navigation principale */
.nav_responsive button {
  position: fixed;
  right: 0;
  top: 0;
  width: 54px;
  height: 54px;
  padding: 0 10px;
  border: 0;
  /* outline: none; */
  background-color: rgba(255, 255, 255, 0.8);
  color: rgba(0, 0, 0, 0.5);
  cursor: pointer;
  z-index: 18;
  transition: all 0.1s ease 0s;
}
.nav_responsive button:before {
  content: "menu";
  display: block;
  position: absolute;
  left: 0;
  font-size: 11px;
  top: calc(100% - 14px);
  width: 100%;
  text-align: center;
}
.nav_opened .nav_responsive button:before {
  z-index: 1;
  visibility: hidden;
  opacity: 0;
  filter: alpha(opacity=0);
}
.sticked .nav_responsive button {
  padding: 0 10px;
  transition: all 0.3s ease 0s;
}
.nav_responsive button:hover {
  background-color: rgba(29,111,174,0.9);
  color: rgba(255,255,255,1);
}
.nav-toggle .icon-menu {/* Nav toggle icon */
  position: relative;
  display: inline-block;
  width: 28px;
  height: 20px;
  vertical-align: middle;
  fill: none;
}
.icon-menu .line {/* Nav toggle icon lines */
  position: absolute;
  left: 0;
  display: block;
  width: 100%;
  height: 4px;
  transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1.000);
  transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1.000);
  background-color: rgb(85, 85, 85);
  border-radius:4px;
}
button:hover .icon-menu .line {/* Nav toggle icon lines */
  background-color: rgba(255,255,255,1);
}
.icon-menu .line-1 {/* Nav toggle icon line 1 */
  top: 0;
}
.nav_opened .nav_responsive button {
  background-color: rgba(29,111,174,1);
  color: rgba(255,255,255,1);
}
.nav_opened button .icon-menu .line {/* Nav toggle icon lines */
  background-color: rgba(255,255,255,1);
}
.nav_opened .icon-menu .line-1 {/* When active, rotate line 1 to be lefthand part of X */
  transform: translateY(8px) translateX(0) rotate(45deg);
}
.icon-menu .line-2 {/* Nav toggle icon line 2 */
  top: 50%;
  margin-top: -2px;
}
.nav_opened .icon-menu .line-2 {/* When active, hide line 2 */
  opacity: 0;
}
.icon-menu .line-3 {/* Nav toggle icon line 3 */
  bottom: 0;
}
.nav_opened .icon-menu .line-3 {/* When active, rotate line 3 to be righthand part of X */
  transform: translateY(-8px) translateX(0) rotate(-45deg);
}
.head div.menu-container .menu *,
.head div.menu-container .menu *:before ,
.head div.menu-container .menu *:after {
  transition-property: background-color, width, max-width, min-width, height, max-height, min-height, line-height, position, top, right, bottom, left, padding, margin, pointer-events;
  transition-duration: 0.2s;
  transition-timing-function: ease;
  transition-delay: 0s;
}
.head div.menu-container a {
  color: rgb(85, 85, 85);
}

@media (max-width: 991px) {
  .nav_opened {
    overflow: hidden;
  }
  .nav_opened .nav_responsive {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.7);
    z-index: 99;
  }
  .nav_opened .nav_responsive button {
    right: 0;
  }
  .nav_opened .head div.menu-container {
    right: 0;
    z-index: 20;
  }
  .head div.menu-container {
    position: fixed;
    top: 54px;
    right: -900px;
    bottom: 0;
    width: calc(320px - 54px);
    background-color: rgb(255, 255, 255);
    overflow: auto;
  }
  .head div.menu-container ul {
    padding: 0;
    margin: 0;
    list-style: none;
  }
  .head div.menu-container > ul {
    padding-right: 4px;
  }
  .head div.menu-container ul ul {
    padding: 0 0 0 .2em;
    margin: .4em 0 .4em .4em;
  }
  .head div.menu-container ul li {
    padding: 0;
    margin: .1em 0 .1em .4em;
  }
  .head div.menu-container ul li.search {
    display: none;
  }
  .head div.menu-container ul li a {
    position: relative;
    display: block;
    padding: .4em;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
  }
  .head div.menu-container > ul > li:first-child > a {
    border-top: 0 none;
  }
  /* barre verticale */
  .head div.menu-container ul > li > a:after {
    content: "\00a0";
    display: block;
    position: absolute;
    top: 4px;
    bottom: 4px;
    right: 2px;
    width: 3px;
    line-height: 0;
    border-radius: 4px;
  }
  .head div.menu-container ul > li.current-menu-item > a:after,
  .head div.menu-container ul > li.current_page_item > a:after {
    background-color: rgb(29,111,174);
  }
}
@media (min-width: 992px) {
  .nav_responsive button {
    display: none;
  }
  .head div.menu-container {
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    text-align: right;
    font-size: 12px;
  }
  .head .open div.menu-container {
    display: block;
  }
  .head div.menu-container ul {
    padding: 0;
    margin: 0;
    list-style: none;
  }
  .head div.menu-container > ul {
    display: inline-block;
    height: auto;
    margin: auto;
    text-align: left;
  }
  .head div.menu-container ul:before,
  .head div.menu-container ul:after {
    content: "";
    display: table;
  }
  .head div.menu-container ul:after {
    clear: both;
  }
  .head div.menu-container ul li {
    float: left;
    padding: 0;
    margin: 0;
  }
  .head div.menu-container ul > li {
    position: relative;
    font-family: "Lato", sans-serif;
    font-weight: 300;
    font-size: 16px;
  }
  /* barre verticale */
  .head div.menu-container > ul > li:before {
    content: "\00a0";
    display: block;
    float: right;
    margin-top: 30px;
    width: 1px;
    background-color: rgba(0, 0, 0, 0.1);
    line-height: 18px;
    overflow: hidden;
    border-radius: 2px;
  }
  .scrolled .head div.menu-container > ul > li:before,
  .my_iframe_fullscreen .head div.menu-container > ul > li:before,
  .nav_opened .head div.menu-container > ul > li:before {
    margin-top: 20px;
  }
  .head div.menu-container > ul > li:last-child:before {
    display: none;
  }
  .head div.menu-container > ul > li > a {
    line-height: 55px;
  }
  .head div.menu-container ul > li > a {
    display: block;
    position: relative;
    padding: 10px 15px;
    font-size: 0.8em;
    text-transform: uppercase;
  }
  /* barre verticale */
  .head div.menu-container ul > li > a:after {
    content: "\00a0";
    display: block;
    position: absolute;
    right: 10px;
    bottom: 7px;
    left: 10px;
    height: 3px;
    line-height: 0;
    border-radius: 4px;
    
    z-index: 1;
    visibility: hidden;
    opacity: 0;
    filter: alpha(opacity=0);
  }
  .head div.menu-container ul ul > li > a:after {
    top: 4px;
    right: auto;
    bottom: 4px;
    left: 4px;
    width: 3px;
    height: auto;
    border-radius: 4px;
    
    z-index: 1;
    visibility: visible;
    opacity: 1;
    filter: alpha(opacity=1);
  }
  .head div.menu-container ul > li.current_page_item > a:after,
  .head div.menu-container ul > li.current-menu-ancestor > a:after,
  .head div.menu-container ul > li.current_page_ancestor > a:after,
  .head div.menu-container ul > li.current-menu-item > a:after,
  .head div.menu-container ul > li.current-menu-parent > a:after,
  .head div.menu-container ul > li.current_page_parent > a:after {
    background-color: rgb(29,111,174);
    
    z-index: 1;
    visibility: visible;
    opacity: 1;
    filter: alpha(opacity=1);
  }
  .head div.menu-container ul > li.current_page_item:hover > a:after,
  .head div.menu-container ul > li.current-menu-ancestor:hover > a:after,
  .head div.menu-container ul > li.current_page_ancestor:hover > a:after,
  .head div.menu-container ul > li.current-menu-item:hover > a:after,
  .head div.menu-container ul > li.current-menu-parent:hover > a:after,
  .head div.menu-container ul > li.current_page_parent:hover > a:after {
    background-color: rgb(255,255,255);
  }
  .page-template-iframe-max #header .head div.menu-container > ul > li > a,
  .scrolled #header .head div.menu-container > ul > li > a,
  .my_iframe_fullscreen #header .head div.menu-container > ul > li > a,
  .nav_opened #header .head div.menu-container > ul > li > a {
    line-height: 35px;
  }
  .head div.menu-container li {
    float: left;
    position: relative;
  }
  .head div.menu-container a {
    display: block;
    margin: 0;
    padding: 0;
    text-decoration: none;
    color: rgb(85, 85, 85);
  }
  .head div.menu-container li.home a {
    padding: 0;
    width: 30px;
    text-indent: -999em;
  }
  .head div.menu-container ul.menu ul {
    position: absolute;
    top: 75px;
    background-color: rgba(255, 255, 255, 0.9);
    box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.2);

    display:none;
    z-index: 0;
    visibility: hidden;
    visibility: visible;
    opacity: 0.5;
    filter: alpha(opacity=0.5);
  }
  .head div.menu-container ul.menu li ul {
    left: 0;
    float: left;
  }
  .head div.menu-container ul.menu > li:last-child ul,
  .head div.menu-container ul.menu > li:nth-last-child(2) ul,
  .head div.menu-container ul.menu > li.submenu-left ul {
    left: auto;
    right: 0;
    float: right;
  }
  .scrolled .head div.menu-container ul li ul,
  .my_iframe_fullscreen .head div.menu-container ul li ul,
  .nav_opened .head div.menu-container ul li ul {
    top: 55px;
  }
  
  .head div.menu-container ul.menu ul li {
    width: 200px;
  }
  
  .head div.menu-container ul.menu li ul ul {
    left: 100%;
    top: 0;
  }
  .head div.menu-container ul.menu > li:last-child ul ul,
  .head div.menu-container ul.menu > li:nth-last-child(2) ul ul,
  .head div.menu-container ul.menu > li.submenu-left ul ul {
    left: auto;
    right: 100%;
  }
  .head div.menu-container ul ul a {
    display: block;
    line-height: 1.4;
    padding: 10px 15px;
    margin: 0;
    height: auto;
    border-bottom: 0 none;
    font-family: Arial, Verdana, Sans-Serif;
    filter: alpha(opacity=90);
    opacity: .95;
  }
  .head div.menu-container li:hover {
    background-color: rgb(255,255,255);
  }
  .head div.menu-container li:hover > a,
  .head div.menu-container ul ul:hover > a,
  .head div.menu-container ul.menu li.megamenu > ul > li > a {
    background-color: rgba(29,111,174,0.9);
    color: rgba(255,255,255,1);
  }
  .head div.menu-container li.home:hover > a {
    background: none;
  }
  .head div.menu-container ul li:focus-within > ul { /* DO NOT MERGE TO FIX IE DROPDOWN BUG */
    display:block;
    z-index: 1;
    visibility: visible;
    opacity: 1;
    filter: alpha(opacity=100);
  }
  .head div.menu-container ul li:hover > ul,
  .head div.menu-container ul li ul:hover {
    display:block;
    z-index: 1;
    visibility: visible;
    opacity: 1;
    filter: alpha(opacity=100);
  }
  .head div.menu-container ul.menu li.megamenu {
    position: static;
  }
  .head div.menu-container ul.menu li.megamenu > ul {
    box-sizing: border-box;
    padding: 10px;
    width: 100%;
    background-color: rgba(29,111,174,0.9);
  }
  .head div.menu-container ul.menu li.megamenu > ul:after {
    content: " ";
    display: block;
    clear: both;
  }
  .head div.menu-container ul.menu li.megamenu.col2 > ul li,
  .head div.menu-container ul.menu li.megamenu.col3 > ul li,
  .head div.menu-container ul.menu li.megamenu.col4 > ul li,
  .head div.menu-container ul.menu li.megamenu.col5 > ul li,
  .head div.menu-container ul.menu li.megamenu.col6 > ul li {
    width: 100%;
  }
  .head div.menu-container ul.menu li.megamenu.col2 > ul > li {
    width: calc(50% - 10px);
  }
  .head div.menu-container ul.menu li.megamenu.col3 > ul > li {
    width: calc(33.33% - 10px);
  }
  .head div.menu-container ul.menu li.megamenu.col4 > ul > li {
    width: calc(25% - 10px);
  }
  .head div.menu-container ul.menu li.megamenu.col5 > ul > li {
    width: calc(20% - 10px);
  }
  .head div.menu-container ul.menu li.megamenu.col6 > ul > li {
    width: calc(16.66% - 10px);
  }
  .head div.menu-container ul.menu li.megamenu > ul > li {
    float: left;
    margin-right: 10px;
    height: auto;
  }
  .head div.menu-container ul.menu li.megamenu > ul > li:last-child {
    margin-right: 0;
  }
  .head div.menu-container ul.menu li.megamenu ul ul {
    display:block;
    z-index: 1;
    visibility: visible;
    opacity: 1;
    filter: alpha(opacity=100);
    position: static;
    left: inherit;
    top: inherit;
    float: none;
    height: auto;
  }
}

/* carousel */
#wrapper {
  position: relative;
  width: 100%;
  padding: 0;
  height: 300px;
  background-color: rgb(29,111,174);
  overflow: hidden;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
}
#carousel div.carousitem {
  position: relative;
  float: left;
  width: 1024px;
  height: 300px;
}
#carousel div a.carousitem_link {
  display: block;
  width: 1024px;
  height: 300px;
}
#carousel div img {
  display: block;
  float: left;
}
#carousel div .carousitem_excerpt {
  display: block;
  position: absolute;
  top: 30px;
  left: 50%;
  width: 30%;
  color: rgb(255,255,255);
  padding: 1em 3em;
  background-color: rgba(0, 0, 0, 0.7);
}
#carousel div .carousitem_excerpt.left {
  left: 14%;
}
#carousel div .carousitem_excerpt.right {
  left: 55%;
}
#carousel div .carousitem_excerpt h3 {
  padding: 0 0 8px;
  margin: 0;
  font-family: "Lato", sans-serif;
  font-size: 28px;
  line-height: 38px;
  color: rgb(255,255,255);
}
#carousel div .carousitem_excerpt h3 a {
  color: rgb(255,255,255);
}
#prev,
#next {
  background-color: rgba(29,111,174, 0.9);
  display: block;
  width: 50%;
  height: 300px;
  line-height: 300px;
  top: 0;
  position: absolute;
}
#prev:hover,
#next:hover {
  background-color: rgba(29,111,174, 0.7);
}
#prev {
  left: -512px;
  text-align: right;
  text-indent: 64px;
}
#next {
  right: -512px;
  text-align: left;
  text-indent: -64px;
}
#prev > img,
#next > img {
  position: absolute;
  top: 50%;
  margin-top: -40px;
}
#prev > img {
  right: -96px;
}
#next > img {
  left: -96px;
}
#prev > img:hover,
#next > img:hover {
  background-color: rgba(0, 0, 0, 0.7);
  border-radius: 4px;
}
#pager {
  margin-right: -330px;
  position: absolute;
  right: 50%;
  bottom: 5px;
}
#pager a {
  border: 1px solid rgba(51, 51, 51, 0.7);
  border-radius: 10px;
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 0 5px 0 0;
  background-color: rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
}
#pager a:hover {
  background-color: rgba(255, 255, 255, 0.8);
}
#pager a span {
  display: none;
}
#pager a.selected {
  background-color: rgba(255, 255, 255, 0.5);
  border-color: rgb(255,255,255);
}

/* contenu des pages */
.main_search {
  background-color: rgba(29,111,174, 0.55);
  line-height: 64px;
  color: rgb(255,255,255);
}
.main_search:after {
  display: block;
  content: "\00a0";
  clear: both;
  line-height: 0;
}
.main_search form label.search-label {
  line-height: 64px;
  font-family: "Lato", sans-serif;
  font-weight: 100;
  font-size: 1.5em;
}
.main_search form input[type=text] {
  padding: 0 5px;
  width: calc(100% - 48px);
  line-height: 32px;
  background: transparent;
  border:  0 none;
  border-bottom: 1px solid rgba(255, 255, 255, 0.7);
  color:  rgb(255,255,255);
  font-size: 1.1em;
}

.main_search form input::placeholder {
  color: rgba(255, 255, 255, 0.5);
  opacity:  1;
}
.main_search form input[type=text]:after {
  content: "\00a0";
  display: block;
  border-bottom: 1px solid rgb(255,255,255);
}
.main_search form .search-options {
  line-height: 32px;
}
.main_search form .search-options label {
  margin-right: .8em;
}
.main_search form button {
  line-height: 32px;
  background: transparent;
  border:  0 none;
  color:  rgb(255,255,255);
  cursor: pointer;
}
.main_search form button span {
  display: none;
}
.main_divider {
  position: relative;
  padding: 72px 0 16px;
  margin: 0;
  background-color: rgb(29,111,174);
}
.main_divider.thumbnail {
  background-position: center center;
  background-size: cover;
  background-image: attr(data-image-src url);
}
.single-espece .main_divider.thumbnail {
  background-image: none !important;
}
.post_thumbnail {
  opacity: 0;
  visibility: hidden;
}
.single-espece .main_divider.thumbnail .post_thumbnail {
  display: none;
}
.post_thumbnail img {
  width: 100%;
}
.breadcrumbs {
  padding: 4px 20px;
  width: 100%;
  color: rgba(255, 255, 255, 0.4);
  box-sizing: border-box;
  font-size: .8em;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3);
}
.breadcrumbs span {
  color: rgba(255, 255, 255, 0.6);
}
.breadcrumbs a span {
  color: rgba(255, 255, 255, 0.8);
}
.breadcrumbs a:hover span {
  color: rgba(255, 255, 255, 1);
  text-decoration: underline;
}
nav.breadcrumb {
  padding: 0;
}

nav.breadcrumb ol {
  margin: 0;
  padding-left: 0;
  list-style: none;
}

nav.breadcrumb li {
  display: inline;
  color: rgba(255, 255, 255, 0.6);
}

nav.breadcrumb li a{
  color: rgba(255, 255, 255, 0.8);
}

nav.breadcrumb li + li::before {
  display: inline-block;
  margin: 0 0.5em;
  transform: rotate(15deg);
  border-right: 0.1em solid currentColor;
  height: 0.8em;
  content: "";
}

nav.breadcrumb [aria-current="page"] {
  color: #000;
  font-weight: 700;
  text-decoration: none;
}

.main_divider .page-title {
  margin: 0 auto;
  font-family: "Lato", sans-serif;
  font-size: 2.4em;
  color: rgb(255,255,255);
  text-transform: uppercase;
  text-shadow: 0 0 8px rgba(0,0,0,0.5);
}
.content {
  padding: 10px 0;
  background-color: rgb(255,255,255);
}
.content a:hover {
  text-decoration: underline;
}
.home .content,
.page-template-page-home .content {
  padding: 0;
  background-color: transparent;
}
.the-content {
  margin: 2em auto 0;
  font-size: .9em;
}
.content_posts {
  float: left;
  margin: 0;
}
.content_side {
  margin: 0;
}
.main_page_options {
  display: none;
  line-height: 32px;
}
.page_options {
  text-align: right;
}
.font_resize,
.print_page,
.share_page {
  display: inline-block;
  vertical-align: top;
}
.font_resize {
  padding: 0 10px;
}
.font_resize p,
.font_resize div {
  display: inline-block;
  padding: 0;
  margin: 0;
}
.font_resize p a {
  display: inline-block;
  line-height: 32px;
  text-align: center;
  min-width: 20px;
}
.print_page,
.share_page {
  font-size: 1.2rem;
}
.print_page a,
.share_page a {
  padding: 0 8px;
}
.print_page a.icon span,
.share_page a.icon span {
  display: none;
}
.share_page ul {
  padding: 0;
  margin: 0;
  list-style: none;
  line-height: 32px;
}
.share_page ul:before,
.share_page ul:after {
  content: "";
  display: table;
}
.share_page ul:after {
  clear: both;
}
.share_page ul li{
  position: relative;
  padding: 0;
  margin: 0;
}
.share_page ul li a{
  display: inline-block;
}
.share_page ul ul{
  position: absolute;
  top: 100%;
  right: 0;
  padding: 0;
  margin: 0;
  background-color: rgba(255, 255, 255, 1);
  z-index: 99999;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
  z-index: 1;
  visibility: hidden;
  opacity: 0;
  filter: alpha(opacity=0);
}
.share_page ul li:hover > ul {
  visibility: visible;
  opacity: 1;
  filter: alpha(opacity=100);
}
.share_page ul ul a {
  display: block;
  line-height: 1em;
  padding: 10px;
  margin: 0;
  width: 210px;
  height: auto;
  border-bottom: 0 none;
  font-size: 14px;
  line-height: 14px;
}
.share_page li:hover {
  background-color: rgb(255,255,255);
}
.share_page li:hover > a,
.share_page ul ul:hover > a {
  color: rgb(29,111,174);
}
.share_page li.home:hover > a {
  background: none;
}
.site_width {
  margin: 0 auto;
}
.site_width_full {
  width: 100%;
  margin: 0 !important;
}
.site_width_full .content_page {
  padding: 0;
}
.page_more {
  margin: 0 auto;
}
.divider {
  border-width: dotted;
}

.page-template-iframe-max {
  overflow: hidden;
}
.page-template-iframe-max .main_divider {
  padding: 0;
  height: 15px;
}
.page-template-iframe-max:not(.show_top_line) .main_divider {
  display: none;
}
.page-template-iframe-max .main_divider *,
.page-template-iframe-max .main_page_options ,
.page-template-iframe-max .main_partners,
.page-template-iframe-max .content .clear,
.page-template-iframe-max .slide2-wrapper {
  display: none;
}
.page-template-iframe-max main,
.page-template-iframe-max .content {
  padding: 0;
}
.page-template-iframe-max main {
  height: calc(100% - 55px - 0px);
}
.page-template-iframe-max .content {
  height: calc(100% - 0px);
}
.page-template-iframe-max.show_top_line main {
  height: calc(100% - 55px - 0px);
}
.page-template-iframe-max.show_top_line .content {
  height: calc(100% - 15px);
}
.page-template-iframe-max.show_footer main {
  height: calc(100% - 55px - 41px);
}
.page-template-iframe-max.show_footer .content {
  height: calc(100% - 0px);
}
.page-template-iframe-max.show_top_line.show_footer main {
  height: calc(100% - 55px - 41px);
}
.page-template-iframe-max.show_top_line.show_footer .content {
  height: calc(100% - 15px);
}
@media screen and ( min-width: 554px) {
  .page-template-iframe-max main {
    height: calc(100% - 55px - 0px);
  }
  .page-template-iframe-max .content {
    height: calc(100% - 0px);
  }
  .page-template-iframe-max.show_top_line main {
    height: calc(100% - 55px - 0px);
  }
  .page-template-iframe-max.show_top_line .content {
    height: calc(100% - 15px);
  }
  .page-template-iframe-max.show_footer main {
    height: calc(100% - 55px - 41px);
  }
  .page-template-iframe-max.show_footer .content {
    height: calc(100% - 0px);
  }
  .page-template-iframe-max.show_top_line.show_footer main {
    height: calc(100% - 55px - 41px);
  }
  .page-template-iframe-max.show_top_line.show_footer .content {
    height: calc(100% - 15px);
  }
}
.page-template-iframe-max .iframe_position_top {
  margin-top: 0;
}
.page-template-iframe-max #foot {
  padding: 5px 0 0;
}
.page-template-iframe-max .foot_logo {
  display: none;
  /* margin: 0; */
}
.page-template-iframe-max .foot_links {
  margin: 0;
}
.page-template-iframe-max #footer {
  padding: 0 0 5px 0;
}
.page-template-iframe-max #footer p {
  padding: 0;
  margin: 0;
}
.page-template-iframe-max:not(.show_footer) #foot,
.page-template-iframe-max:not(.show_footer) #footer {
  display: none;
}

/* iframe */
body.bigmap .my_iframe {
  height: 100% !important;
  top: 0;
}
.my_iframepage,
div.my_iframe_content {
  position: relative;
  display: block;
  margin: auto;
  /* height: 100%; */
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
}
.page-template-iframe-max.my_iframe_fullscreen div.my_iframe_content,
.page-template-iframe-max.my_iframe_fullscreen .my_iframepage {
  position: absolute;
  top: 55px;
  left: 0;
  right: 0;
  bottom: 0;
  height: calc(100vh - 55px)!important;
  width: 100%!important;
  z-index: 98;
}
.iframe_position_top {
  margin-top: -10px;
}
.iframe_position_bottom {
  margin-bottom: -10px;
}
div.my_iframe_content a {
  display: block;
  position: absolute;
  left: calc(50% - 16px);
  bottom: -16px;
  width: 32px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  border-radius: 50%;
  background-color: rgba(255,255,255, 1.0);
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3);
  transition: all 0.1s ease 0s;
  z-index: 99;
}
.page-template-iframe-max div.my_iframe_content a {
  bottom: 0;
}
div.my_iframe_content a:hover {
  background-color: rgba(255,255,255, 0.7);
}
div.my_iframe_content a:before {
  display: inline-block;
  content: "⤩";
  font-size: 24px;
}
.page-template-iframe-max div.my_iframe_content a:before {
  content: "⤧";
}
div.my_iframe_content a span {
  display: none;
}
iframe.my_iframe {
  margin: 0 0 -5px;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
}
.page-template-iframe-max iframe.my_iframe {
  height: 100%!important;
  width: 100%!important;
}

/*  */
.search div.page,
div.post {
  position: relative;
  /* padding: 15px; */
  /* background-color: rgb(255,255,255); */
  /* border-radius: 6px; */
}
.entry {
  padding: 1em 0;
  background: rgb(255,255,255);
}
.sticky_info {
  position: absolute;
  display: block;
  top: 0;
  left: 15px;
  padding: 0 8px;
  background-color: rgb(29,111,174);
  background-color: rgba(29,111,174, 0.5);
  font-size: 10px;
  color: rgb(255,255,255);
  border-radius: 0 0 4px 4px;
}
.entry a {
  text-decoration: underline;
}
.entry a:hover {
  text-decoration: none;
}
h1.entry-title a,
h2.entry-title a {
  color: rgb(29,111,174);
}
.the_post_thumbnail {
  margin: 1em 0;
  min-height: 80px;
  background-color: #e5e5e5;
  border: 2px solid rgb(255,255,255);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}
.the_post_date {
  font-size: 14px;
  line-height: 16px;
  margin: 0 0 1em;
  color: #999;
}
.entry_meta,
.entry-meta {
  margin: 0 0 1em 0;
  padding: .8em 0;
}
.entry_meta_post_link,
.entry_meta_author,
.entry_meta_category,
.entry_meta_tags,
.entry_meta_comments,
.entry_meta_edit {
  display: inline-block;
  zoom: 1;
  vertical-align: middle;
  padding: 0 12px 0 24px;
  background-position: left center;
  background-repeat: no-repeat;
}
.entry_meta_post_link {
  float: right;
}
.entry_meta_author {
  color: rgb(85, 85, 85);
  background-image: url(../images/entry_meta_author.png);
}
.entry_meta_author em {
  /* display: none; */
  font-size: .9em;
  color: #999;
}
.entry_meta_category {
  background-image: url(../images/entry_meta_category.png);
}
.entry_meta_category em {
  display: none;
}
.entry_meta_tags {
  background-image: url(../images/entry_meta_tags.png);
}
.entry_meta_tags em {
  display: none;
}
.entry_meta_comments {
  background-image: url(../images/entry_meta_comment.png);
}
.entry_meta_edit {
  background-image: url(../images/entry_meta_edit.png);
  padding-right: 0;
}
.entry_meta,
.entry-meta,
.single .entry_meta,
.single .entry-meta {
  margin: 1em 0;
  padding: .8em 1em;
  background-color: #f0f0f0;
  color: #999;
  border-radius: 6px;
}
.entry_meta a,
.entry-meta a {
  text-decoration: none;
}
.entry_meta_author a,
.entry_meta_category a,
.entry_meta_tags a,
.entry_meta_comments a,
.entry_meta_edit a {
  color: rgb(85, 85, 85);
}
.entry_meta a:hover,
.entry-meta a:hover {
  text-decoration: underline;
}
.event_expired {
  padding: .4em;
  margin-bottom: 10px;
  text-align: center;
  background-color: #fcc;
  color: #8B0000;
  text-transform: uppercase;
  border-radius: 4px;
}
.entry_event {
  margin: 0 0 2em;
  padding: .8em 1em;
  background-color: rgb(29,111,174);
  color: #ddd;
  border-radius: 4px;
}
.entry_event.expired {
  background-color: #bbb;
}
.entry_event strong {
  font-size: 1.1em;
  color: rgb(255,255,255);
}
.entry_event .event_date strong {
  font-size: 1.2em;
}
.locate {
  display: inline-block;
  zoom: 1;
  vertical-align: top;
  height: 16px;
  width: 16px;
  background: url(../images/locate.png) no-repeat left top;
  text-indent: -999em;
}
.locate:hover {
  background-position: left bottom;
}
.navigation {
  overflow: hidden;
}
.nav-previous,
.nav-next {
  overflow: hidden;
}
.nav-previous {
  float: left;
}
.nav-next {
  float: right;
}
.nav-previous a,
.nav-next a {
  display: block;
  margin: .2em;
  padding: .4em .8em;
  list-style: none;
  text-decoration: none;
  border-radius: 4px;
}
.nav-previous a:hover,
.nav-next a:hover {
  background: rgb(255,255,255);
}

/*  */
.single .main_divider.thumbnail .page-title {
  display: none;
}
.single.single-espece .main_divider .page-title {
  display: block;
}
.page-related-title {
  margin: 0;
  font-size: 1.6em;
  color: #666;
}
.page-related {
  margin: 0 0 1em 0;
  padding: 0;
  list-style: none;
  overflow: hidden;
  border-radius: 6px;
}
.page-related li {
  display: inline-block;
  margin: 0;
  padding: 0;
}
.page-related li ul {
  display: inline-block;
  margin: 0;
  padding: 0;
  list-style: none;
  border-radius: 6px;
}
.page-related li:hover ul {
  background-color: rgb(255,255,255);
}
.page-related li a {
  display: inline-block;
  margin: .2em;
  padding: .4em .8em;
  list-style: none;
  background-color: rgb(255,255,255);
  color: #666;
  text-decoration: none;
  border-radius: 4px;
}
.page-related ul li a {
  background-color: #f5f5f5;
  color: #666;
}
.page-related li a:hover {
  background-color: #e5e5e5;
  color: #333;
}

/* 3.2 Images */
.entry img,
img.thumbnail {
  padding: 5px;
  border: 1px solid #e6e6e6;
  background: #F8F8F8;
}
img.wp-smiley {
  padding: 0;
  border: none;
}
.alignleft,
img.alignleft {
  float: left;
  height: auto;
  margin: 5px 15px 5px 0;
}
.alignright,
img.alignright {
  float: right;
  height: auto;
  margin: 5px 0 5px 15px;
}
.aligncenter {
  text-align: center;
  margin-bottom: 15px;
}
img.aligncenter {
  margin-left: auto;
  margin-right: auto;
  display: block;
}
.entry .wp-caption {
  padding: 1px;
  text-align: center;
  background: #F8F8F8;
  border: solid 1px #e6e6e6;
}
.entry .wp-caption img {
  margin: 0;
  padding: 4px 0;
  background: none;
  border: 0;
}
.entry .wp-caption-text {
  margin: 0;
  padding: 0;
  font: 11px/22px Verdana, Arial, Helvetica, sans-serif;
  text-align: center;
}
/*  */
.main_partners {
  padding: 0;
  background-color: #f5f5f5;
}
.home .main_partners {
  background-color: rgb(255,255,255);
}
.main_partners .home_title {
  padding-top: 1em;
}
.partners {
  padding-top: 2em;
  padding-bottom: 2em;
  text-align: center;
}
.partners a {
  display: inline-block;
  margin: 1rem 0;
  vertical-align: top;
}
@media (min-width: 992px) {
  .partners a {
    margin: 1rem 2px;
  }
}
@media (min-width: 1200px) {
  .partners a {
    margin: 1rem 10px;
  }
}
/* pied */
#foot {
  padding: 1em 0;
  background-color: #333333;
  font-size: .9em;
  color: rgb(255,255,255);
}
#foot a {
  color: rgb(255,255,255);
}
#foot a:hover {
  text-decoration: underline;
}
/*  */
.foot_logo {
  margin: 1em 0;
}
.foot_logo .logo {
  display: inline-block;
  font-family: "Lato", sans-serif;
  font-size: 18px;
}
/*  */
.foot_links {
  margin: 1em 0;
  text-align: right;
}
.foot_links:after {
  content: "\00a0";
  clear: both;
}
.foot_links .menu {
  float: right;
  padding: 0;
  margin: 0;
  list-style: none;
}
.foot_links .menu li {
  float: left;
  padding: 0;
  margin: 0;
  font-size: .9em;
}
.foot_links .menu li:after {
  content: "\00a0";
  display: inline-block;
  margin: 0 16px;
  width: 0;
  border-right: 1px solid rgba(255, 255, 255, 0.5);
  font-size: .8em;
}
.foot_links .menu li:last-child:after {
  display: none;
}
/* liens sociaux */
.social {
  display: block;
}
.social ul {
  list-style: none;
  color: #999;
}
.social ul li a {
  display: block;
  height: 34px;
  width: 34px;
  text-indent: -999em;
  background: url(../images/more_icons.png) no-repeat left top;
  border-radius: 18px;
}
.social ul li.si_twitter a {
  background-position: 0 top;
}
.social ul li.si_twitter a:hover {
  background-position: 0 bottom;
}
.social ul li.si_facebook a {
  background-position: -34px top;
}
.social ul li.si_facebook a:hover {
  background-position: -34px bottom;
}
.social ul li.si_gplus a {
  background-position: -68px top;
}
.social ul li.si_gplus a:hover {
  background-position: -68px bottom;
}
.social ul li.si_rss a {
  background-position: -102px top;
}
.social ul li.si_rss a:hover {
  background-position: -102px bottom;
}
#foot .social {
  float: left;
  width: 64px;
  margin-left: 10px;
  margin-right: 10px;
}
#foot .social ul li {
  margin-left: 15px;
  margin-bottom: 5px;
}


/* pied des pages */
#footer {
  padding: 1em;
  background-color: #333333;
  /* background-color: #111414; */
  color: rgba(255, 255, 255, 0.6);
  font-size: 0.7em;
}
#footer p {
  margin: 0;
}
#footer a {
  color: rgba(255, 255, 255, 0.8);
}
#footer a:hover {
  text-decoration: underline;
}

/*  */
.navi {
  position: relative;
  margin: -32px auto 0;
  padding-left: 12px;
  width: 948px;
  text-align: center;
}
.navi a {
  display: inline-block;
  zoom: 1;
  vertical-align: top;
  width: 20px;
  height: 20px;
  margin: 0 0 0 -3px;
  background: url(../images/navigator.png) no-repeat left bottom;
  font-size: 1px;
  cursor: pointer;
}
.navi a:hover {
  background-position: left center;
}
.navi a.active {
  background-position: left top;
}

/*  */

/*
root element for the scrollable.
when scrolling occurs this element stays still.
*/
.scrollable {
  /* required settings */
  position: relative;
  overflow: hidden;
  width: 800px;
  height: 120px;
}
.scrollable .items {
  /* this cannot be too large */
  width: 20000em;
  position: absolute;
  clear: both;
  left: 0;
}
.scrollable .items div {
  float: left;
  width: 800px;
  height: 120px;
}

/* single scrollable item */
.scrollable .items div a {
  float: left;
  display: block;
  line-height: 120px;
  width: 25%;
  text-align: center;
}

/* active item */
.scrollable .active {
  border: 1px solid #000;
  position: relative;
  cursor: default;
}

/* this makes it possible to add next button beside scrollable */
.scrollable {
  float: left;
}

/* prev, next, prevPage and nextPage buttons */
a.browse {
  background: url(../images/scrollable.png) no-repeat left top;
  display: block;
  width: 80px;
  height: 120px;
  float: left;
  cursor: pointer;
  font-size: 1px;
}

/* right */
a.right {
  background-position: right top;
  clear: right;
  margin-right: 0px;
}
a.right:hover {
  background-position: right bottom;
}

/* left */
a.left {
  margin-left: 0px;
}
a.left:hover {
  background-position: left bottom;
}

/* up and down */
a.up,
a.down {
  background: url(/media/img/scrollable/arrow/vert_large.png) no-repeat;
  float: none;
  margin: 10px 50px;
}

/* up */
a.up:hover {
  background-position: -30px 0;
}
a.up:active {
  background-position: -60px 0;
}

/* down */
a.down {
  background-position: 0 -30px;
}
a.down:hover {
  background-position: -30px -30px;
}
a.down:active {
  background-position: -60px -30px;
}

/* disabled navigational button */
a.disabled {
  visibility: hidden !important;
}

/*  */
.container_16 .grid_11.hp_bloc,
.container_16 .grid_11.sp_bloc {
  width: 660px;
}
.container_16 .grid_5.hp_bloc,
.container_16 .grid_5.sp_bloc {
  width: 300px;
}
.hp_bloc,
.sp_bloc {
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;
}
.hp_bloc p,
.hp_bloc dl,
.hp_bloc hr,
.hp_bloc h1,
.hp_bloc h2,
.hp_bloc h3,
.hp_bloc h4,
.hp_bloc h5,
.hp_bloc h6,
.hp_bloc ol,
.hp_bloc ul,
.hp_bloc pre,
.hp_bloc table,
.hp_bloc address,
.hp_bloc fieldset,
.hp_bloc figure {
  margin-bottom: 0;
}
.hp_bloc .alpha {
  margin-left: 0;
  margin-right: 0;
  padding-left: 10px;
  padding-right: 10px;
}
.hp_bloc .omega {
  margin-left: 0;
  margin-right: 0;
  padding-left: 10px;
  padding-right: 10px;
}
.hp_bloc .gama {
  margin-left: 0;
  margin-right: 0;
  padding-left: 10px;
  padding-right: 10px;
}
.hp_search {
  height: 250px;
  background: #f90 url(../images/hp_search_bg.png) no-repeat right top;
  font-size: 11px;
}
.hp_search h2,
.hp_search h3,
.hp_search h2 a,
.hp_search h3 a {
  color: rgb(255,255,255);
}
h2.hps_title {
  padding-top: 10px;
  line-height: 1em;
  margin-bottom: 15px;
}
.hps_title span {
  display: block;
  font-size: .7em;
  text-indent: 2.5em;
}
.hps_carte {
  position: relative;
  margin-top: -12px;
}
.hps_carte a {
  display: block;
  font-family: 'Conv_aeroportal_bold', Arial, Sans-Serif;
  color: #333;
  font-size: 1.3em;
}
.hps_carte a.hps_carte_paca {
  width: 250px;
  height: 150px;
  text-indent: -999em;
  background: url(../images/hps_carte.png) no-repeat left top;
}
.hps_carte a.hps_carte_paca:hover {
  background-position: left bottom;
}
.hps_carte a.hps_carte_cavaillon {
  position: absolute;
  top: 80px;
  left: 12px;
}
.hps_carte a.hps_carte_apt {
  position: absolute;
  top: 60px;
  left: 104px;
}
.hps_carte a.hps_carte_manosque {
  position: absolute;
  top: 70px;
  left: 186px;
}
.hps_carte a.hps_carte_pertuis {
  position: absolute;
  top: 124px;
  left: 136px;
}
.hps_desc {
  color: #000;
  font-size: 12px;
}
.hps_desc a {
  color: rgb(255,255,255);
}
.hps_form {
  padding: 10px;
  margin-top: 20px;
  background-color: #FFAD33;
  border-radius: 6px;
}
.hps_form h3 {
  margin-top: -30px;
}
.hpsf_filiere label {
  display: block;
  color: rgb(255,255,255);
  font-size: 1.2em;
}
.hpsf_filiere select {
  margin: 0;
  padding: 5px;
  width: 250px;
  border: 1px solid rgb(255,255,255);
  background-color: #FFDEAD;
  border-radius: 4px;
}
.hpsf_pdv {
  font-size: 1.1em;
}
.hpsf_submit {
  float: right;
  margin-top: -54px;
}
.hpsf_submit button {
  display: block;
  padding: 0;
  width: 54px;
  height: 54px;
  border: none;
  background: url(../images/hpsf_submit.png) no-repeat left top;
  text-indent: -999em;
}
.hpsf_submit button:hover {
  background-position: left bottom;
  cursor: pointer;
}
.hp_pro {
  height: 60px;
  background-color: #C5B27A;
  font-size: 11px;
}
.hp_pro h2,
.hp_pro h3 {
  color: rgb(255,255,255);
}
.hpp_form h2 {
  float: left;
  padding-top: 12px;
  width: 140px;
  text-align: center;
  line-height: 1em;
  font-size: 1.45em;
}
.hpp_form h2 span {
  display: block;
}
.hpp_form div.hppf_content {
  padding: 16px 0;
  margin-left: 150px;
}
.hpp_form div.hppf_content label.user_lab,
.hpp_form div.hppf_content label.pass_lab {
  display: none;
}
.hpp_form div.hppf_content input[type=text],
.hpp_form div.hppf_content input[type=password] {
  padding: 3px 2px 3px 20px;
  width: 100px;
  border: 1px solid rgb(255,255,255);
  background-color: #D7C9A2;
  background-repeat: no-repeat;
  background-position: 2px center;
  border-radius: 4px;
}
.hpp_form div.hppf_content input[type=text] {
  background-image: url(../images/icon_user.png);
}
.hpp_form div.hppf_content input[type=password] {
  background-image: url(../images/icon_key.png);
}
.hpp_form div.hppf_content button {
  display: inline-block;
  vertical-align: top;
  padding: 0;
  margin-right: 8px;
  width: 24px;
  height: 24px;
  border: none;
  background: url(../images/hppf_submit.png) no-repeat left top;
  text-indent: -999em;
}
.hpp_form div.hppf_content button:hover {
  background-position: left bottom;
  cursor: pointer;
}
.hpp_form div.hppf_content .hppf_logged_user {
  padding-left: 30px;
  margin-top: -.4em;
  font-size: 1.6em;
}
.hpp_form div.hppf_content .hppf_logged_links {
  padding-left: 30px;
}
.hpp_form div.hppf_content a {
  color: rgb(255,255,255);
}
.hp_partner {
  height: 90px;
  background-color: rgb(255,255,255);
  font-size: 11px;
}
.hp_partner h2,
.hp_partner h3 {
  color: #333;
}
.hp_partner ul {
  padding: 0;
  margin: -8px 0 0;
  list-style: none;
}
.hp_partner ul li {
  float: left;
  padding: 0;
  margin: 0 2px;
}
.hp_partner ul li a {
  display: block;
  height: 50px;
  background: url(../images/hp_partner.png) no-repeat;
  text-indent: -999em;
  color: #333;
}
.hp_partner ul li.hhpa_pnrpaca a {
  width: 38px;
  background-position: -0px 0;
}
.hp_partner ul li.hhpa_capaca a {
  width: 152px;
  background-position: -38px 0;
}
.hp_partner ul li.hhpa_regionpaca a {
  width: 92px;
  background-position: -0px 0;
}
.hp_partner ul li.hhpa_cgvaucluse a {
  width: 90px;
  background-position: -144px 0;
}
.hp_partner ul li.hhpa_cg04 a {
  width: 100px;
  background-position: -300px 0;
}
.hp_partner ul li.hhpa_leader a {
  width: 40px;
  background-position: -97px 0;
}
.hp_partner ul li.hhpa_ue a {
  width: 52px;
  background-position: -241px 0;
}
.hp_partner ul li.hhpa_tous {
  float: right;
  margin: -90px 0 0;
}
.hp_partner ul li.hhpa_tous a {
  padding-top: 20px;
  width: 45px;
  height: auto;
  background: none;
  text-indent: 0;
  line-height: 1.1em;
}
.hp_testimonial {
  height: 90px;
  background-color: #B9D696;
  font-size: 11px;
}
.hp_testimonial h2,
.hp_testimonial h3 {
  color: rgb(255,255,255);
}
.hp_testimonial .hpt_quote strong {
  float: left;
  display: block;
  font-size: 6.5em;
  line-height: 1em;
  color: rgb(255,255,255);
}
.hp_testimonial .hpt_quote strong:first-child {
  margin-top: -12px;
}
.hp_testimonial .hpt_quote a {
  float: left;
  display: block;
  width: 140px;
  text-align: center;
  font-weight: bold;
  color: #333;
}
.hp_news {
  height: 400px;
  background: #009150 url(../images/hp_news_bg.png) no-repeat left bottom;
}
.hp_news h2,
.hp_news h3 {
  color: rgb(255,255,255);
}
.hpn_items {
  padding: 0;
  margin: -12px 0 0;
  list-style: none;
}
.hpn_items li.hpn_item {
  padding: 0;
  margin: 10px 0;
}
.hpn_items li.hpn_item a {
  display: block;
  padding: 10px;
  background: #26A16A url(../images/hpni_link.png) no-repeat right bottom;
  color: rgb(255,255,255);
}
.hpn_items li.hpn_item a:hover {
  background-color: #4DB285;
}
.hpn_items li.hpn_item a span {
  display: block;
  line-height: 1em;
}
.hpn_items li.hpn_item a strong {
  display: block;
  font-size: 1.3em;
  line-height: 1.3em;
}
.hpn_items li.hpn_all {
  padding: 0;
  margin: 0;
  text-align: right;
}
.hpn_items li.hpn_all a {
  color: rgb(255,255,255);
}

/*  */
.sidebar-page-widget-area {
  padding-top: 5px;
  margin-bottom: 20px;
  color: #888;
}
.sidebar-page-widget-area h4 {
  padding: 0;
  margin-bottom: 0;
  line-height: 36px;
  font-size: 14px;
  color: rgb(85, 85, 85);
  text-transform: uppercase;
}
.tagcloud,
.sidebar-page-widget-area ul {
  padding: .2em 0 .4em 1.1em;
}

.sidebar-page-widget-area ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
.sidebar-page-widget-area > ul {
  padding-right: 4px;
}
.sidebar-page-widget-area ul ul {
  padding: 0 0 0 .2em;
  margin: .4em 0 .4em .4em;
}
.sidebar-page-widget-area ul li {
  padding: 0;
  margin: .1em 0 .1em .4em;
}
.sidebar-page-widget-area ul li.search {
  display: none;
}
.sidebar-page-widget-area ul li a {
  position: relative;
  display: block;
  padding: .4em;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.sidebar-page-widget-area > ul > li:first-child > a {
  border-top: 0 none;
}
.sidebar-page-widget-area ul > li > a:after {
  content: "\00a0";
  display: block;
  position: absolute;
  top: 4px;
  bottom: 4px;
  right: 2px;
  width: 3px;
  line-height: 0;
  border-radius: 4px;
  z-index: 1;
  visibility: visible;
  opacity: 1;
  filter: alpha(opacity=1);
}
.sidebar-page-widget-area ul > li.current_page_item > a:after,
.sidebar-page-widget-area ul > li.current-menu-item > a:after {
  background-color: rgb(29,111,174);
  z-index: 1;
  visibility: visible;
  opacity: 1;
  filter: alpha(opacity=1);
}

/*  */
.widget-area {
  padding-top: 5px;
  margin-bottom: 20px;
  color: #888;
}
.widget-area h4 {
  padding: 0;
  margin-bottom: 0;
  line-height: 36px;
  font-size: 14px;
  color: rgb(85, 85, 85);
  text-transform: uppercase;
}
.widget-area a {
  color: #888;
  font-style: italic;
}
.widget-area a:hover {
  text-decoration: underline;
}
.tagcloud,
.widget-area ul {
  padding: .2em 0 .4em;
  margin: 0;
}
.widget-area ul li {
  padding: .2em 0;
  margin: 0;
  list-style: none;
  border-bottom: 1px solid #f0f0f0;
  font-size: .9em;
}

/* identification tabbed list */
#login-register-password {
  margin: 2em auto;
  width: 450px;
}

/* Custom Login/Register/Password Code @ http://digwp.com/2010/12/login-register-password-code/ */
ul.tabs_login {
  padding: 0;
  margin: 0;
  position: relative;
  list-style: none;
  font-size: 14px;
  z-index: 1000;
  float: left;
}
ul.tabs_login li {
  border: 1px solid #E7E9F6;
  border-radius: 6px 6px 0 0;
  line-height: 28px;
  height: 28px;
  padding: 0;
  margin: 0 5px 0 0;
  position: relative;
  background: rgb(255,255,255);
  overflow: hidden;
  float: left;
}
ul.tabs_login li a {
  text-decoration: none;
  padding: 0 10px;
  display: block;
  /* outline: none; */
  color: #989898;
}
html ul.tabs_login li.active_login {
  border-left: 1px solid #E7E9F6;
  border-bottom: 1px solid rgb(255,255,255);
  border-radius: 6px 6px 0 0;
  background: rgb(255,255,255);
}
html body ul.tabs_login li.active_login a {
  color: #333;
}
.tab_container_login {
  background: rgb(255,255,255);
  position: relative;
  margin: 0 0 20px 0;
  border: 1px solid #E7E9F6;
  border-radius: 0 6px 6px 6px;
  z-index: 999;
  float: left;
  width: 100%;
  top: -1px;
}
.tab_content_login {
  padding: 7px 15px 15px 15px;
  padding-top: 10px;
}
.tab_content_login ul {
  padding: 0;
  margin: 0 0 0 15px;
}
.tab_content_login li {
  margin: 5px 0;
}

/* global styles */
#login_error {
  padding: 12px;
  background-color: #FFEBE8;
  border: 1px solid #c00;
  text-align: center;
}
#login-register-password h3 {
  border: 0 none;
  margin: 10px 0;
  padding: 0;
}
#login-register-password p {
  margin: 0 0 15px 0;
  padding: 0;
}

/* form elements */
.username,
.password,
.login_fields {
  margin: 7px 0 0 0;
  overflow: hidden;
  width: 100%;
}
.username label,
.password label {
  float: left;
  clear: none;
  width: 30%;
}
.username input,
.password input {
  font: 12px/1.5 "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
  float: left;
  clear: none;
  width: 200px;
  padding: 2px 3px;
  color: #777;
}
.rememberme {
  overflow: hidden;
  width: 100%;
  margin-bottom: 7px;
}
.rememberme input {
  float: left;
  clear: none;
  margin: 4px 4px -4px 0;
}
.user-submit {
  padding: 5px 10px;
  margin: 5px 0;
}
.userinfo {
  float: left;
  clear: none;
  width: 70%;
  margin-bottom: 10px;
}
.userinfo p {
  margin-left: 10px;
}
.usericon {
  float: left;
  clear: none;
  width: 15%;
  margin: 0 0 10px 22px;
}
.usericon img {
  border: 0 none;
  padding: 1px;
}

/* =Comments
----------------------------------------------- */
.nopassword,
.nocomments {
  color: #aaa;
  font-size: 24px;
  font-weight: 100;
  margin: 26px 0;
  text-align: center;
}
.commentlist {
  list-style: none;
  padding: 0;
  margin: 0 auto;
}
.content .commentlist,
.page-template-sidebar-page-php .commentlist {
  width: 100%;
  /* reset the width for the one-column and sidebar page layout */
}
.commentlist > li.comment {
  background: #f6f6f6;
  border: 1px solid #ddd;
  border-radius: 3px;
  margin: 0 0 1.625em;
  padding: 1.625em;
  position: relative;
}
.commentlist .pingback {
  margin: 0 0 1.625em;
  padding: 0 1.625em;
}
.commentlist .children {
  list-style: none;
  margin: 0;
}
.commentlist .children li.comment {
  background: rgb(255,255,255);
  border-left: 1px solid #ddd;
  border-radius: 0 3px 3px 0;
  margin: 1.625em 0 0;
  padding: 1.625em;
  position: relative;
}
.comment-meta .fn {
  font-style: normal;
}
.comment-meta {
  color: #666;
  font-size: 12px;
  line-height: 2.2em;
}
.commentlist .children li.comment .comment-content {
  margin: 1.625em 0 0;
}
.comment-meta a {
  font-weight: bold;
}
.commentlist .avatar {
  border-radius: 3px;
}
.commentlist > li:before {
  content: url(images/comment-arrow.png);
  left: -21px;
  position: absolute;
}
.commentlist > li.pingback:before {
  content: '';
}
.commentlist .children .avatar {
  background: none;
  box-shadow: none;
  padding: 0;
}
a.comment-reply-link {
  background: #eee;
  border-radius: 3px;
  color: #666;
  display: inline-block;
  font-size: 12px;
  padding: 0 8px;
  text-decoration: none;
}
a.comment-reply-link:hover,
a.comment-reply-link:focus,
a.comment-reply-link:active {
  background: #888;
  color: rgb(255,255,255);
}
a.comment-reply-link > span {
  display: inline-block;
  position: relative;
  top: -1px;
}

/* Post author highlighting */
.commentlist > li.bypostauthor {
  background: #ddd;
  border-color: #d3d3d3;
}
.commentlist > li.bypostauthor .comment-meta {
  color: #575757;
}
.commentlist > li.bypostauthor:before {
  content: url(images/comment-arrow-bypostauthor.png);
}

/* Post Author threaded comments */
.commentlist .children > li.bypostauthor {
  background: #e5e5e5;
  border-color: #e0e0e0;
}

/* sidebar-page.php comments */

/* Make sure we have room for our comment avatars */
.page-template-sidebar-page-php .commentlist > li.comment,
.page-template-sidebar-page-php.commentlist .pingback {
  margin-left: 102px;
  width: auto;
}

/* And a full-width comment form */
.page-template-sidebar-page-php #respond {
  width: auto;
}

/* Comment Form */
#respond {
  background: #f5f5f5;
  border: 1px solid #e5e5e5;
  border-radius: 3px;
  margin: 0 auto 1.625em;
  padding: 1.625em;
  position: relative;
}
#respond input[type="text"],
#respond textarea {
  background: rgb(255,255,255);
  border: 4px solid #eee;
  border-radius: 5px;
  box-shadow: inset 0 1px 3px rgba(204, 204, 204, 0.95);
  position: relative;
  padding: 10px;
  text-indent: 80px;
}
#respond .comment-form-author,
#respond .comment-form-email,
#respond .comment-form-url,
#respond .comment-form-comment {
  position: relative;
}
#respond .comment-form-author label,
#respond .comment-form-email label,
#respond .comment-form-url label,
#respond .comment-form-comment label {
  background: #eee;
  box-shadow: 1px 2px 2px rgba(204, 204, 204, 0.8);
  color: rgb(85, 85, 85);
  display: inline-block;
  font-size: 13px;
  left: 4px;
  min-width: 60px;
  padding: 4px 10px;
  position: relative;
  top: 40px;
  z-index: 1;
}
#respond input[type="text"]:focus,
#respond textarea:focus {
  text-indent: 0;
  z-index: 1;
}
#respond textarea {
  resize: vertical;
  width: 95%;
}
#respond .comment-form-author .required,
#respond .comment-form-email .required {
  color: #bd3500;
  font-size: 22px;
  font-weight: bold;
  left: 75%;
  position: absolute;
  top: 45px;
  z-index: 1;
}
#respond .comment-notes,
#respond .logged-in-as {
  font-size: 13px;
}
#respond p {
  margin: 10px 0;
}
#respond .form-submit {
  float: right;
  margin: -20px 0 10px;
}
#respond input#submit {
  background: rgb(85, 85, 85);
  border: none;
  border-radius: 3px;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);
  color: #eee;
  cursor: pointer;
  font-size: 15px;
  margin: 20px 0;
  padding: 5px 22px;
  position: relative;
}
#respond input#submit:active {
  background: #1982d1;
  color: #bfddf3;
}
#respond #cancel-comment-reply-link {
  color: #666;
  margin-left: 10px;
  text-decoration: none;
}
#respond .logged-in-as a:hover,
#respond #cancel-comment-reply-link:hover {
  text-decoration: underline;
}
.commentlist #respond {
  margin: 1.625em 0 0;
  width: auto;
}
#reply-title {
  color: rgb(85, 85, 85);
  font-size: 24px;
  font-weight: bold;
  line-height: 30px;
}
#cancel-comment-reply-link {
  color: #888;
  display: block;
  font-size: 10px;
  font-weight: normal;
  line-height: 2.2em;
  letter-spacing: 0.05em;
  position: absolute;
  right: 1.625em;
  text-decoration: none;
  text-transform: uppercase;
  top: 1.1em;
}
#cancel-comment-reply-link:focus,
#cancel-comment-reply-link:active,
#cancel-comment-reply-link:hover {
  color: #ff4b33;
}
#respond label {
  line-height: 2.2em;
}
#respond input[type=text] {
  display: block;
  height: 24px;
  width: 75%;
}
#respond p {
  font-size: 12px;
}
p.comment-form-comment {
  margin: 0;
}
.form-allowed-tags {
  display: none;
}

/* pagination */
/* éviter les conflits avec Bootstrap sur la classe pagination */
/* quand intégré dans Wordpress, il y a une double balise avec classe pagination, donc on ne scope que dans ce cas-là */
.pagination .pagination {
  clear: both;
  padding: 0;
  margin: 0;
  position: relative;
  font-size: 11px;
  line-height: 13px;
  text-align: center;
}
.pagination .pagination span,
.pagination .pagination a {
  display: inline-block;
  vertical-align: middle;
  margin: 2px 2px 2px 0;
  padding: 0;
  width: 30px;
  height: 30px;
  line-height: 28px;
  text-align: center;
  text-decoration: none;
  font-weight: bold;
  color: #888;
}
.pagination .pagination a:hover {
  color: rgb(29,111,174);
}
.pagination .pagination .current {
  color: rgb(29,111,174);
}

/*  */
.content_block {
  padding: 2em 0;
}
.home_title {
  text-align: center;
  text-transform: uppercase;
  font-size: 1.8em;
  color: rgb(29,111,174);
}
.home_title:after {
  content: "\00a0";
  display: block;
  margin: 0 auto;
  width: 60px;
  font-size: 2px;
  border-bottom: 2px solid rgb(29,111,174);
}
.home_card_list {
  padding: 2em 0;
}
.home_card_item {
  position: relative;
  padding: 1.5rem 2rem;
  margin-top: 2rem;
  margin-bottom: 2rem;
  background-color: rgb(255,255,255);
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
  cursor: pointer;
}
.home_card_item *,
.home_card_item *:before {
  transition-property: all;
  transition-duration: 0.2s;
  transition-timing-function: ease;
  transition-delay: 0s;
}
h3.home_card_title {
  position: relative;
  z-index: 10;
  margin: 1.6rem 0;
  min-height: 58px;
  color: #333;
  line-height: 1.1em;
  font-size: 1.6em;
  font-weight: 200;
}
h3.home_card_title a {
  display: block;
  color: #333;
  text-decoration: none!important;
}
.home_card_item:hover h3.home_card_title a {
  color: rgb(255,255,255);
}
.home_card_desc {
  position: relative;
  z-index: 10;
  padding-bottom: 60px;
  margin-bottom: 1.6rem;
  font-size: .9em;
  line-height: 1.4em;
  color: #555;
}
.home_card_img {
  position: relative;
  z-index: 10;
}
img.home_card_img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
}
.home_card_item:hover .home_card_desc {
  color: rgb(255,255,255);
}
.home_card_foot {
  position: absolute;
  z-index: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 60px;
}
.home_card_item:hover .home_card_foot {
  height: 100%;
  overflow: hidden;
}
.home_card_foot.icon:before {
  color: rgb(255,255,255);
  font-size: 48px;
  position: absolute;
  right: 10px;
  bottom: 6px;
}
.home_card_item:hover .home_card_foot.icon:before {
  font-size: 64px;
  right: 30px;
  bottom: 20px;
  opacity: 0.2;
  transform: rotate(10deg) scale(2);
}
/*  */
.slide_list {
  padding: 2em 0;
}
.slide_list .slide_item {
  margin-top: 2rem;
  margin-bottom: 2rem;
  background-color: rgb(255,255,255);
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
  cursor: pointer;
}
.slide_list .slide_item:hover {
  background-color: rgba(255, 255, 255, 0.7);
}
.slide_list .item_text {
  display: block;
  padding: 1.5rem 2rem;
}
.slide_list .item_text h3 {
  margin: 1.6rem 0;
  min-height: 58px;
  color: #333;
  line-height: 1.1em;
  font-size: 1.6em;
}
.slide_list .item_text h3,
.slide_list .item_text h3 a {
  display: block;
  color: #333;
  text-decoration: none;
}
.slide_list .item_text > div {
  margin-bottom: 1.6rem;
  font-size: .9em;
  line-height: 1.4em;
  color: #555;
}
/*  */
.card_item {
  margin-top: 2rem;
  margin-bottom: 2rem;
  background-color: rgb(255,255,255);
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
}
.card_item.target {
  cursor: pointer;
}
.card_item.target:hover {
  background-color: rgba(255, 255, 255, 0.7);
}
.card_item.invert {
  background-color: rgb(29,111,174);
}
.card_item.invert.target:hover {
  background-color: rgba(29,111,174, 0.8);
}
.invert .item_text h3,
.invert .item_text a,
.invert .item_text div {
  color: rgb(255,255,255);
}
.card_item .item_text {
  display: block;
  padding: 1.5rem 2rem;
}
.item_text h3 {
  margin: 1.6rem 0;
  min-height: 58px;
  color: #333;
  line-height: 1.1em;
  font-size: 1.6em;
}
.item_text h3,
.item_text a {
  display: block;
  color: #333;
  text-decoration: none;
}
.item_text a {
  display: inline-block;
}
.item_text > div {
  margin-top: 1.6rem;
  margin-bottom: 1.6rem;
  line-height: 1.4em;
  color: #555;
}
/*  */
.post_list {
  padding: 2em 0;
  background-color: rgb(29,111,174);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  font-size: .9em;
}
.post_list .home_title {
  color: rgb(255,255,255);
}
.post_list .home_title:after {
  border-color: rgb(255,255,255);
}
.post_item {
  margin-top: 2rem;
  margin-bottom: 2rem;
  background-color: rgb(255,255,255);
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
}
.post_item:hover {
  background-color: rgba(255, 255, 255, 0.8);
}
.post_item:hover img{
  opacity: 0.8;
}
.post_item .more {
  display: none;
}
.item_text {
  display: block;
  padding: 1.5rem 2rem;
}
.item_text .item_category {
  text-transform: uppercase;
  font-size: .7em;
}
.item_text .item_category:after {
  content: "\00a0";
  display: block;
  width: 16px;
  font-size: 4px;
  border-bottom: 1px solid #ccc;
}
.item_text .item_category em {
  display: none;
}
.item_text .item_category a {
  color: #565656;
  font-weight: bolder;
}
.item_text h3 {
  margin: 1.6rem 0;
  min-height: 58px;
  line-height: 1.1em;
  font-size: 1.6em;
}
.item_text h3,
.item_text h3 a {
  display: block;
  color: #333;
  text-decoration: none;
}
.item_text > div {
  margin-bottom: 1.6rem;
  line-height: 1.4em;
  color: #444;
}
.post_item.text_only {
  background-color: rgb(29,111,174);
}
.post_item.text_only:hover {
  background-color: rgba(29,111,174, 0.8);
}
.text_only .item_text .item_category a,
.text_only .item_text h3,
.text_only .item_text h3 a,
.text_only .item_text > div,
.text_only .item_text > div a,
.text_only .item_text > p,
.text_only .item_text > p a {
  color: rgb(255,255,255);
}
.list_all {
  text-align: center;
}
.list_all a {
  display: inline-block;
  padding: 1rem 2.6rem;
  background-color: rgba(0, 0, 0, 0.6);
  color: rgb(255,255,255);
  font-size: .9em;
  text-decoration: none;
  text-transform: uppercase;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
}
.list_all a:hover {
  background-color: rgba(255, 255, 255, 0.8);
  color: #333;
  text-decoration: none;
}
/*  */
.doc_cat_title {
  text-align: center;
  text-transform: uppercase;
  font-size: 1.8em;
  color: rgb(29,111,174);
}
.doc_cat_title:after {
  content: "\00a0";
  display: block;
  margin: 0 auto;
  width: 60px;
  font-size: 2px;
  border-bottom: 2px solid rgb(29,111,174);
}
.doc_list {
  padding: 2em 0;
  background-color: rgb(29,111,174);
}
.doc_item {
  margin-top: 2rem;
  margin-bottom: 2rem;
  background-color: rgb(255,255,255);
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
}
.doc_item:hover {
  background-color: rgba(255, 255, 255, 0.8);
}
.doc_item:hover img{
  opacity: 0.8;
}
.doc_item .more {
  display: none;
}
.doc_text {
  display: block;
  padding: 1.5rem 2rem;
}
.doc_text h3 {
  margin: 1.6rem 0;
  min-height: 58px;
  line-height: 1.1em;
  font-size: 1.6em;
}
.doc_text h3,
.doc_text h3 a {
  display: block;
  color: #333;
  text-decoration: none;
}
.doc_category {
  margin-bottom: 1.6rem;
  font-size: .7em;
  line-height: 1.4em;
  color: #666;
  text-transform: uppercase;
}
.doc_category:after {
  content: "\00a0";
  display: block;
  width: 16px;
  line-height: 4px;
  border-bottom: 1px solid #ccc;
}
.doc_category em {
  display: none;
}
.doc_category a {
  color: #555;
  font-weight: bolder;
}
.doc_title {
  margin-bottom: 1.6rem;
  line-height: 1.4em;
  color: #555;
}
.doc_file {
  margin-bottom: 1.6rem;
  line-height: 1.4em;
  color: #555;
  text-align: center;
}
.doc_file a {
  display: block;
  padding: 1rem 2.6rem;
  background-color: rgb(29,111,174);
  color: rgb(255,255,255);
  text-decoration: none;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
  text-align: center;
}
.doc_file a:hover {
  background-color: rgba(0, 0, 0, 0.6);
  text-decoration: none;
}
.doc_file a span {
  display: none;
}
.doc_file.doc_single a span {
  display: block;
  margin-top: -0.8em;
  font-size: .7em;
  color: rgba(255,255,255,0.5);
}
.doc_file a em {
  display: block;
  color: rgba(255,255,255,0.7);
  font-size: .6em;
  line-height: 1em;
}
.doc_desc {
  margin-bottom: 1.6rem;
  line-height: 1.4em;
  color: #555;
}
.doc_tags {
  margin-bottom: 1.6rem;
  font-size: .7em;
  line-height: 1.4em;
  color: #555;
}
/*  */
.agenda_cat_title {
  text-align: center;
  text-transform: uppercase;
  font-size: 1.8em;
  color: rgb(29,111,174);
}
.agenda_cat_title:after {
  content: "\00a0";
  display: block;
  margin: 0 auto;
  width: 60px;
  font-size: 2px;
  border-bottom: 2px solid rgb(29,111,174);
}
.agenda_list {
  padding: 2em 0;
  background-color: rgb(29,111,174);
}
.agenda_item {
  margin-top: 2rem;
  margin-bottom: 2rem;
  background-color: rgb(255,255,255);
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
}
.agenda_item:hover {
  background-color: rgba(255, 255, 255, 0.8);
}
.agenda_item:hover img{
  opacity: 0.8;
}
.agenda_item .more {
  display: none;
}
.agenda_text {
  display: block;
  padding: 1.5rem 2rem;
}
.agenda_text h3 {
  margin: 1.6rem 0;
  min-height: 58px;
  line-height: 1.1em;
  font-size: 1.6em;
}
.agenda_text h3,
.agenda_text h3 a {
  display: block;
  color: #333;
  text-decoration: none;
}
.agenda_category {
  margin-bottom: 1.6rem;
  font-size: .7em;
  line-height: 1.4em;
  color: #666;
  text-transform: uppercase;
}
.agenda_category:after {
  content: "\00a0";
  display: block;
  width: 16px;
  line-height: 4px;
  border-bottom: 1px solid #ccc;
}
.agenda_category em {
  display: none;
}
.agenda_category a {
  color: #666;
  font-weight: bolder;
}
.agenda_title {
  margin-bottom: 1.6rem;
  font-size: .9em;
  line-height: 1.4em;
  color: #666;
}
.agenda_desc {
  margin-bottom: 1.6rem;
  font-size: .9em;
  line-height: 1.4em;
  color: #666;
}
.agenda_tags {
  margin-bottom: 1.6rem;
  font-size: .7em;
  line-height: 1.4em;
  color: #666;
}
/* style du shortcode bouton */
.button, a.button {
  appearance: button;

  text-decoration: none;
  color: initial;
  
  display: inline-block;
  padding: 1rem 2.6rem;
  margin: 0.2em 0;
  background-color: rgb(29,111,174);
  color: rgb(255,255,255);
  text-decoration: none;
  text-transform: uppercase;
  text-align: center;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
}
.button.btn-full, a.button.btn-full {
  display: block;
  margin: 0.8em 0;
}
.button.btn-small, a.button.btn-small {
  padding: .8rem 1.6rem;
  font-size: 0.7em;
}
.button.btn-medium, a.button.btn-medium {
  padding: 1.2rem 2.6rem;
  font-size: 1em;
}
.button.btn-large, a.button.btn-large {
  padding: 1.6rem 3.2rem;
  font-size: 1.4em;
}


.invert .button, .invert a.button,
.button.invert, a.button.invert {
  background-color: rgba(255, 255, 255, 1);
  color: rgb(29,111,174);
}

.button:hover, a.button:hover,
.invert .button:hover, .invert a.button:hover,
.button.invert:hover, a.button.invert:hover {
  background-color: rgba(0, 0, 0, 0.6);
  text-decoration: none;
  color: rgb(255,255,255);
}
/* style formulaire de contact */
.wpcf7-form-control-wrap {
  display: block;
}
.wpcf7-form-control {
  padding: 8px;
  box-sizing: border-box;
}
.wpcf7-text,
.wpcf7-textarea,
.wpcf7-select {
  width: 100%;
  border: 1px solid #e5e5e5;
  color: rgb(85, 85, 85);
  font: 13px/1.5 "Helvetica Neue", Arial, "Liberation Sans", FreeSans, sans-serif;
}
.wpcf7-submit {
  padding: 8px 16px;
  background-color: rgb(29,111,174);
  color: rgb(255,255,255);
  border: 0 none;
  cursor: pointer;
  border-radius: 6px;
}
.wpcf7-submit:hover {
  background-color: rgb(29,111,174);
}
/*  */
.two-col {
          columns: 2 200px;
          column-gap: 3em;
          column-rule: 1px dotted #ddd;
  text-align: justify;
}
.three-col {
          columns: 3 200px;
          column-gap: 3em;
          column-rule: 1px dotted #ddd;
  text-align: justify;
}
.four-col {
          columns: 4 200px;
          column-gap: 3em;
          column-rule: 1px dotted #ddd;
  text-align: justify;
}

/* pojo-a11y-toolbar accessibility toolbar */
#pojo-a11y-toolbar .pojo-a11y-toolbar-toggle a svg {
  max-width: inherit;
  width: 24px;
}