@charset "UTF-8";
/* ------------------------- */
/* Tag et variables globales */
/* ------------------------- */
/* ----------------------------------------- */
/* ---------  Configuration du site  ------- */
/* ----------------------------------------- */
/* ---------------------- */
/* Varibales principales */
/* ---------------------- */
/*$bg-color: #1f1f1f;*/
/* ---------------------- */
/* Onglets jquery-ui.scss */
/* ---------------------- */
/* Etat par défaut */
/* Etat survolé */
/* Etat actif */
/* Zone conteneur */




/* 01/10/2026 : polices, texte, liens et titres h1-h4 deplaces dans typographie.css (charge avant style.css par le site et par l'editeur de l'admin) */
body {
  margin: 0px;
  padding: 0px; }










form {
  padding: 0px;
  margin: 0px; }

img, object, embed, canvas, video, audio, picture {
  max-width: 100%;
  height: auto; }

.nav-main-trigger {
  position: absolute;
  right: 15px;
  top: 15px;
  background: none repeat scroll 0 0 #b9ab9b;
  border-radius: 6px;
  width: 70px; }
@media only screen and (min-width: 1220px) {
  .nav-main-trigger {
    display: none; } }
.nav-main-trigger > span {
  background-image: url("gfx/icone-menu-mobile.png");
  background-position: 0px 5px;
  background-repeat: no-repeat;
  display: block;
  height: 50px;
  margin: 0 auto;
  overflow: hidden;
  text-align: left;
  text-indent: -119988px;
  width: 40px; }

.nav-main-trigger.active {
  background: none repeat scroll 0 0 #eb4e33; }

.nav-main {
  transition: all 0.3s ease 0s;
  z-index: 11;
  clear: both; }
@media only screen and (max-width: 780px) {
  .nav-main {
    display: none;
    width: 100%;
    height: 100%;
    position: fixed;
    padding-top: 65px;
    background-color: rgba(255, 255, 255, 0.9);
    font-size: 1.5em;
    margin-bottom: 20px; } }
@media only screen and (min-width: 781px) and (max-width: 1219px) {
  .nav-main {
    display: none;
    width: 100%;
    height: 100%;
    position: fixed;
    padding-top: 65px;
    background-color: rgba(255, 255, 255, 0.9);
    font-size: 1.5em;
    margin-bottom: 20px; } }
@media only screen and (min-width: 1220px) {
  .nav-main {
    height: 110px;
    margin-bottom: 1px; } }
.nav-main .menu-small {
  position: relative;
  top: 30px; }
.nav-main .menu-large {
  position: relative;
  top: 30px; }
.nav-main .nav-main-list {
  list-style: none;
  margin: 0px;
  padding: 0px;
  overflow: hidden;
  font-weight: bold; }
@media only screen and (max-width: 780px) {
  .nav-main .nav-main-list {
    font-size: 20px; } }
@media only screen and (min-width: 781px) and (max-width: 1219px) {
  .nav-main .nav-main-list {
    font-size: 14px; } }
@media only screen and (min-width: 1220px) {
  .nav-main .nav-main-list {
    font-size: 14px;
    display: flex;
    width: 100%; } }
.nav-main .nav-main-list .first > a {
  border-radius: 4px; }
@media only screen and (max-width: 780px) {
  .nav-main .nav-main-list .first > a {
    border-top: 1px solid #e9e9e9; } }
@media only screen and (min-width: 781px) and (max-width: 1219px) {
  .nav-main .nav-main-list .first > a {
    border-top: 1px solid #e9e9e9; } }
.nav-main .nav-main-list .last > a {
  border-radius: 4px; }
.nav-main .nav-main-list .current > a {
  color: #fff !important;
  border-radius: 4px;
  background-color: #F15A24 !important; }
.nav-main .nav-main-list > li {
  padding-top: 1px;
  list-style: none outside none; }
@media only screen and (max-width: 780px) {
  .nav-main .nav-main-list > li {
    background-color: #fff; } }
@media only screen and (min-width: 781px) and (max-width: 1219px) {
  .nav-main .nav-main-list > li {
    background-color: #fff; } }
@media only screen and (min-width: 1220px) {
  .nav-main .nav-main-list > li {
    padding-right: 10px;
    padding-left: 10px;
    background: url("gfx/separator.png") no-repeat top right;
    width: 25%; } }
.nav-main .nav-main-list > li > a {
  display: block;
  padding-top: 28px;
  padding-left: 24px;
  padding-right: 24px;
  padding-bottom: 13px;
  color: #9e70a6;
  transition: all 0.3s ease 0s;
  text-align: center;
  letter-spacing: -0.1px; }
@media only screen and (max-width: 780px) {
  .nav-main .nav-main-list > li > a {
    border-bottom: 1px solid #E9E9E9;
    padding-top: 10px;
    padding-bottom: 10px; } }
@media only screen and (min-width: 781px) and (max-width: 1219px) {
  .nav-main .nav-main-list > li > a {
    border-bottom: 1px solid #E9E9E9;
    padding: 10px; } }
@media only screen and (min-width: 1220px) {
  .nav-main .nav-main-list > li > a {
    padding: 10px;
    border-radius: 4px; } }
.nav-main .nav-main-list > li > a:hover {
  background-color: #9e70a6;
  color: #FFF;
  text-shadow: none; }
.nav-main .nav-main-list > li:hover > ul {
  display: block; }
.nav-main .nav-main-list > li ul {
  position: relative;
  left: 0px;
  z-index: 10;
  list-style: none;
  padding: 0px 0px;
  display: none; }
@media only screen and (max-width: 780px) {
  .nav-main .nav-main-list > li ul {
    margin: 0px; } }
@media only screen and (min-width: 781px) and (max-width: 1219px) {
  .nav-main .nav-main-list > li ul {
    margin: 0px; } }
@media only screen and (min-width: 1220px) {
  .nav-main .nav-main-list > li ul {
    float: left; } }
.nav-main .nav-main-list > li ul > li {
  clear: both;
  border-left: none;
  border-right: none;
  background-color: #5D5D5F;
  background-image: none; }
.nav-main .nav-main-list > li ul > li > a {
  display: block;
  padding: 10px;
  color: #FFFFFF;
  transition: all 0.15s ease 0s;
  letter-spacing: -0.1px;
  font-size: 11px; }
@media only screen and (max-width: 780px) {
  .nav-main .nav-main-list > li ul > li > a {
    text-align: center; } }
@media only screen and (min-width: 781px) and (max-width: 1219px) {
  .nav-main .nav-main-list > li ul > li > a {
    text-align: center; } }
@media only screen and (min-width: 1220px) {
  .nav-main .nav-main-list > li ul > li > a {
    margin-bottom: 1px;
    text-align: left; } }
.nav-main .nav-main-list > li ul > li > a:hover {
  background-color: #FFF;
  color: #230C35;
  text-shadow: none; }

.nav-main.active {
  display: block; }

.all-item-link {
  color: #230C35;
  font-size: 12px;
  font-weight: normal;
  text-decoration: underline; }
.all-item-link:hover {
  color: #701B10; }
.all-item-link > img {
  height: 16px;
  float: left;
  margin-right: 5px; }

.navigation {
  padding: 5px;
  font-size: 13px;
  color: #000; }
.navigation > a {
  color: #000;
  text-decoration: underline; }

.footer-block {
  clear: both;
  background-color: #23282B; }
@media only screen and (max-width: 780px) {
  .footer-block {
    padding: 10px; } }
@media only screen and (min-width: 781px) and (max-width: 1219px) {
  .footer-block {
    padding: 10px; } }
@media only screen and (min-width: 1220px) {
  .footer-block {
    position: relative;
    z-index: 5; } }
.footer-block > .footer-space {
  height: 0px; }
.footer-block > .footer-content {
  display: block;
  border-radius: 5px 5px 5px 5px;
  padding-bottom: 10px; }
@media only screen and (min-width: 1220px) {
  .footer-block > .footer-content {
    width: 1200px;
    margin-left: auto;
    margin-right: auto; } }
.footer-block > .footer-content > .copyright {
  clear: both;
  font-size: 11px; }
.footer-block > .footer-content > .copyright > p {
  padding: 0px;
  margin: 0px;
  font-size: 12px;
  font-weight: bold; }
.footer-block > .footer-content > .copyright > p > a {
  color: #E89515;
  font-weight: bold; }

.zoneinfo-block {
  background-color: #23282b; }
@media only screen and (max-width: 780px) {
  .zoneinfo-block {
    padding: 10px; } }
@media only screen and (min-width: 781px) and (max-width: 1219px) {
  .zoneinfo-block {
    padding: 10px; } }
@media only screen and (min-width: 1220px) {
  .zoneinfo-block {
    padding-bottom: 20px;
    padding-top: 20px; } }
@media only screen and (max-width: 780px) {
  .zoneinfo-block > .zoneinfo-block-content {
    padding: 15px; } }
@media only screen and (min-width: 781px) and (max-width: 1219px) {
  .zoneinfo-block > .zoneinfo-block-content {
    width: 100%;
    margin-left: auto;
    margin-right: auto; } }
@media only screen and (min-width: 1220px) {
  .zoneinfo-block > .zoneinfo-block-content {
    width: 1200px;
    margin-left: auto;
    margin-right: auto; } }
.zoneinfo-block > .zoneinfo-block-content > .zoneinfo-content-bulle {
  position: relative; }
@media only screen and (max-width: 780px) {
  .zoneinfo-block > .zoneinfo-block-content > .zoneinfo-content-bulle {
    padding-top: 10px;
    padding-bottom: 10px; } }
@media only screen and (min-width: 781px) and (max-width: 1219px) {
  .zoneinfo-block > .zoneinfo-block-content > .zoneinfo-content-bulle {
    padding-top: 10px;
    padding-bottom: 10px; } }
@media only screen and (min-width: 1220px) {
  .zoneinfo-block > .zoneinfo-block-content > .zoneinfo-content-bulle {
    padding-top: 10px;
    padding-bottom: 10px; } }
.zoneinfo-block > .zoneinfo-block-content > .zoneinfo-content-bulle > img {
  margin-bottom: 30px;
  background-color: #fff;
  border-radius: 100%;
  box-shadow: 2px 4px 5px -5px #000;
  margin-right: 3%; }
@media only screen and (max-width: 780px) {
  .zoneinfo-block > .zoneinfo-block-content > .zoneinfo-content-bulle > img {
    width: 99%;
    padding: 1%; } }
@media only screen and (min-width: 781px) and (max-width: 1219px) {
  .zoneinfo-block > .zoneinfo-block-content > .zoneinfo-content-bulle > img {
    width: 56%;
    float: left;
    padding: 5px; } }
@media only screen and (min-width: 1220px) {
  .zoneinfo-block > .zoneinfo-block-content > .zoneinfo-content-bulle > img {
    width: 46%;
    float: left;
    padding: 5px; } }
@media only screen and (max-width: 780px) {
  .zoneinfo-block > .zoneinfo-block-content > .zoneinfo-content-bulle > .zonequi-col-margin {
    padding-top: 30px; } }
@media only screen and (min-width: 781px) and (max-width: 1219px) {
  .zoneinfo-block > .zoneinfo-block-content > .zoneinfo-content-bulle > .zonequi-col-margin {
    margin-right: 2%; } }
@media only screen and (min-width: 1220px) {
  .zoneinfo-block > .zoneinfo-block-content > .zoneinfo-content-bulle > .zonequi-col-margin {
    margin-right: 2%; } }
.zoneinfo-block > .zoneinfo-block-content > .zoneinfo-content-bulle > .zonetel-col {
  color: #fff; }
@media only screen and (max-width: 780px) {
  .zoneinfo-block > .zoneinfo-block-content > .zoneinfo-content-bulle > .zonetel-col {
    padding-bottom: 30px; } }
@media only screen and (min-width: 781px) and (max-width: 1219px) {
  .zoneinfo-block > .zoneinfo-block-content > .zoneinfo-content-bulle > .zonetel-col {
    float: left;
    width: 24%;
    padding: 2%;
    border-right: 1px solid #677680; } }
@media only screen and (min-width: 1220px) {
  .zoneinfo-block > .zoneinfo-block-content > .zoneinfo-content-bulle > .zonetel-col {
    float: left;
    width: 24%;
    padding: 2%;
    border-right: 1px solid #677680; } }
.zoneinfo-block > .zoneinfo-block-content > .zoneinfo-content-bulle > .zonetel-col > h3 {
  padding-bottom: 10px;
  text-transform: uppercase;
  color: #fff; }
@media only screen and (max-width: 780px) {
  .zoneinfo-block > .zoneinfo-block-content > .zoneinfo-content-bulle > .zonetel-col > h3 {
    text-align: center;
    font-size: 30px; } }
@media only screen and (min-width: 781px) and (max-width: 1219px) {
  .zoneinfo-block > .zoneinfo-block-content > .zoneinfo-content-bulle > .zonetel-col > h3 {
    text-align: left;
    font-size: 23px; } }
@media only screen and (min-width: 1220px) {
  .zoneinfo-block > .zoneinfo-block-content > .zoneinfo-content-bulle > .zonetel-col > h3 {
    text-align: left;
    font-size: 30px; } }
.zoneinfo-block > .zoneinfo-block-content > .zoneinfo-content-bulle > .zonetel-col > .ste {
  margin-bottom: 5px;
  font-size: 20px; }
.zoneinfo-block > .zoneinfo-block-content > .zoneinfo-content-bulle > .zonetel-col > .tel {
  color: #9e70a6;
  padding-left: 8px; }
@media only screen and (max-width: 780px) {
  .zoneinfo-block > .zoneinfo-block-content > .zoneinfo-content-bulle > .zonetel-col > .tel {
    text-align: center; } }
@media only screen and (min-width: 781px) and (max-width: 1219px) {
  .zoneinfo-block > .zoneinfo-block-content > .zoneinfo-content-bulle > .zonetel-col > .tel {
    text-align: left; } }
@media only screen and (min-width: 1220px) {
  .zoneinfo-block > .zoneinfo-block-content > .zoneinfo-content-bulle > .zonetel-col > .tel {
    text-align: left; } }
.zoneinfo-block > .zoneinfo-block-content > .zoneinfo-content-bulle > .zonetel-col > .tel > .text-tel {
  font-family: "Roboto Condensed",sans-serif; }
.zoneinfo-block > .zoneinfo-block-content > .zoneinfo-content-bulle > .zonetel-col > .email {
  padding-left: 8px;
  color: #9e70a6; }
@media only screen and (max-width: 780px) {
  .zoneinfo-block > .zoneinfo-block-content > .zoneinfo-content-bulle > .zonetel-col > .email {
    text-align: center; } }
@media only screen and (min-width: 781px) and (max-width: 1219px) {
  .zoneinfo-block > .zoneinfo-block-content > .zoneinfo-content-bulle > .zonetel-col > .email {
    text-align: left; } }
@media only screen and (min-width: 1220px) {
  .zoneinfo-block > .zoneinfo-block-content > .zoneinfo-content-bulle > .zonetel-col > .email {
    text-align: left; } }
.zoneinfo-block > .zoneinfo-block-content > .zoneinfo-content-bulle > .zonetel-col > .email > .text-email {
  font-family: "Roboto Condensed",sans-serif;
  text-decoration: underline; }
.zoneinfo-block > .zoneinfo-block-content > .zoneinfo-content-bulle > .zonetel-col > .socialbox {
  padding-top: 20px;
  padding-bottom: 20px;
  min-height: 30px; }
.zoneinfo-block > .zoneinfo-block-content > .zoneinfo-content-bulle > .zonetel-col ul {
  padding: 0px;
  margin: 0px; }
.zoneinfo-block > .zoneinfo-block-content > .zoneinfo-content-bulle > .zonetel-col ul > li {
  list-style: none; }
.zoneinfo-block > .zoneinfo-block-content > .zoneinfo-content-bulle > .zonetel-col ul > li > a {
  color: #fff;
  background: url("gfx/puce-plus-mauve.png") left 4px no-repeat;
  padding-left: 20px; }
.zoneinfo-block > .zoneinfo-block-content > .zoneinfo-content-bulle > .zonetel-col p {
  margin-top: 30px;
  font-size: 10px; }
.zoneinfo-block > .zoneinfo-block-content > .zoneinfo-content-bulle > .zonetel-col p > a {
  color: #fff;
  text-decoration: none; }
@media only screen and (max-width: 780px) {
  .zoneinfo-block > .zoneinfo-block-content > .zoneinfo-content-bulle > .zonequi-col {
    padding-bottom: 30px;
    text-align: center; } }
@media only screen and (min-width: 781px) and (max-width: 1219px) {
  .zoneinfo-block > .zoneinfo-block-content > .zoneinfo-content-bulle > .zonequi-col {
    text-align: center;
    float: left;
    width: 31%;
    padding: 2%;
    border-right: 1px solid #677680; } }
@media only screen and (min-width: 1220px) {
  .zoneinfo-block > .zoneinfo-block-content > .zoneinfo-content-bulle > .zonequi-col {
    text-align: center;
    float: left;
    width: 31%;
    padding: 2%;
    border-right: 1px solid #677680; } }
.zoneinfo-block > .zoneinfo-block-content > .zoneinfo-content-bulle > .zonequi-col > h3 {
  font-size: 30px;
  text-transform: uppercase;
  color: #fff;
  line-height: 25px; }
@media only screen and (max-width: 780px) {
  .zoneinfo-block > .zoneinfo-block-content > .zoneinfo-content-bulle > .zonequi-col > h3 {
    text-align: center;
    padding-bottom: 10px; } }
@media only screen and (min-width: 781px) and (max-width: 1219px) {
  .zoneinfo-block > .zoneinfo-block-content > .zoneinfo-content-bulle > .zonequi-col > h3 {
    text-align: left; } }
@media only screen and (min-width: 1220px) {
  .zoneinfo-block > .zoneinfo-block-content > .zoneinfo-content-bulle > .zonequi-col > h3 {
    text-align: left; } }
.zoneinfo-block > .zoneinfo-block-content > .zoneinfo-content-bulle > .zonequi-col img {
  background-color: #fff;
  border-radius: 100%;
  box-shadow: 4px 4px 5px -5px #000;
  margin-right: 20px; }
@media only screen and (max-width: 780px) {
  .zoneinfo-block > .zoneinfo-block-content > .zoneinfo-content-bulle > .zonequi-col img {
    margin-bottom: 20px;
    padding: 5%;
    width: 60%; } }
@media only screen and (min-width: 781px) and (max-width: 1219px) {
  .zoneinfo-block > .zoneinfo-block-content > .zoneinfo-content-bulle > .zonequi-col img {
    padding: 5px;
    height: 250px !important;
    margin-bottom: 20px; } }
@media only screen and (min-width: 1220px) {
  .zoneinfo-block > .zoneinfo-block-content > .zoneinfo-content-bulle > .zonequi-col img {
    padding: 5px;
    height: 250px !important;
    margin-bottom: 20px; } }
.zoneinfo-block > .zoneinfo-block-content > .zoneinfo-content-bulle > .zonequi-col > .zonequi-col-txt {
  line-height: 18px;
  color: #fff;
  font-size: 14px; }
@media only screen and (max-width: 780px) {
  .zoneinfo-block > .zoneinfo-block-content > .zoneinfo-content-bulle > .zonequi-col > .zonequi-col-txt {
    text-align: center; } }
@media only screen and (min-width: 781px) and (max-width: 1219px) {
  .zoneinfo-block > .zoneinfo-block-content > .zoneinfo-content-bulle > .zonequi-col > .zonequi-col-txt {
    text-align: justify; } }
@media only screen and (min-width: 1220px) {
  .zoneinfo-block > .zoneinfo-block-content > .zoneinfo-content-bulle > .zonequi-col > .zonequi-col-txt {
    text-align: justify; } }

.zonetel-block {
  clear: both;
  position: relative;
  z-index: 1;
  background-color: #3f3f3f; }
@media only screen and (max-width: 780px) {
  .zonetel-block {
    padding-top: 10px;
    padding-bottom: 10px; } }
@media only screen and (min-width: 781px) and (max-width: 1219px) {
  .zonetel-block {
    padding-top: 40px;
    padding-bottom: 40px; } }
@media only screen and (min-width: 1220px) {
  .zonetel-block {
    padding-top: 40px;
    padding-bottom: 40px; } }
@media only screen and (max-width: 780px) {
  .zonetel-block > .zonetel-content {
    padding: 15px; } }
@media only screen and (min-width: 781px) and (max-width: 1219px) {
  .zonetel-block > .zonetel-content {
    padding: 15px; } }
@media only screen and (min-width: 1220px) {
  .zonetel-block > .zonetel-content {
    width: 1200px;
    margin-left: auto;
    margin-right: auto;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 10px; } }
.zonetel-block > .zonetel-content > .text {
  margin-right: 10px;
  color: #fff; }
@media only screen and (max-width: 780px) {
  .zonetel-block > .zonetel-content > .text {
    margin-left: 0px !important;
    clear: both;
    display: none;
    font-size: 15px; } }
@media only screen and (min-width: 781px) and (max-width: 1219px) {
  .zonetel-block > .zonetel-content > .text {
    margin-left: 0px !important;
    clear: both;
    font-size: 15px; } }
@media only screen and (min-width: 1220px) {
  .zonetel-block > .zonetel-content > .text {
    float: right;
    font-size: 15px;
    position: relative;
    top: 6px; } }
.zonetel-block > .zonetel-content > .text > ul > li {
  float: left;
  font-size: 14px;
  list-style: outside none none;
  margin-bottom: 20px;
  margin-right: 3%;
  width: 22%; }
.zonetel-block > .zonetel-content > .text > ul > li > a {
  border-bottom: 1px solid #fff;
  color: #fff;
  display: block;
  font-size: 20px;
  margin-bottom: 10px;
  padding-bottom: 5px; }
.zonetel-block > .zonetel-content > .text > ul > li > .sub-menu {
  min-height: 93px; }
.zonetel-block > .zonetel-content > .text > ul > li > .sub-menu > ul > li {
  list-style: none; }
.zonetel-block > .zonetel-content > .text > ul > li > .sub-menu > ul > li > a {
  color: #a9aec6; }
@media only screen and (max-width: 780px) {
  .zonetel-block > .zonetel-content > .footer-link {
    padding-bottom: 10px;
    text-align: center; } }
@media only screen and (min-width: 781px) and (max-width: 1219px) {
  .zonetel-block > .zonetel-content > .footer-link {
    float: left;
    padding-top: 30px; } }
@media only screen and (min-width: 1220px) {
  .zonetel-block > .zonetel-content > .footer-link {
    float: left;
    padding-top: 30px; } }
.zonetel-block > .zonetel-content > .footer-link img {
  height: 115px; }

@media only screen and (min-width: 1220px) {
  .socialbox > .box {
    top: 15px; } }
.socialbox > .box > div {
  width: 34px; }
@media only screen and (max-width: 780px) {
  .socialbox > .box > div {
    float: left; } }
@media only screen and (min-width: 781px) and (max-width: 1219px) {
  .socialbox > .box > div {
    float: left; } }
@media only screen and (min-width: 1220px) {
  .socialbox > .box > div {
    float: left; } }
.socialbox > .box > div > .facebook {
  background: url("gfx/ico-facebook.png") no-repeat 0 0px;
  display: block;
  width: 30px;
  height: 30px;
  transition: all 0.25s ease 0s; }
.socialbox > .box > div > .facebook:hover {
  background: url("gfx/ico-facebook.png") no-repeat 0 -30px; }
.socialbox > .box > div > .instagram {
  background: url("gfx/ico-instagram.png") no-repeat 0 0px;
  display: block;
  width: 30px;
  height: 30px;
  transition: all 0.25s ease 0s; }
.socialbox > .box > div > .instagram:hover {
  background: url("gfx/ico-instagram.png") no-repeat 0 -30px; }
.socialbox > .box > div > .twitter {
  background: url("gfx/ico-twitter.png") no-repeat 0 0px;
  display: block;
  width: 30px;
  height: 30px;
  transition: all 0.25s ease 0s; }
.socialbox > .box > div > .twitter:hover {
  background: url("gfx/ico-twitter.png") no-repeat 0 -30px; }
.socialbox > .box > div > .googleplus {
  background: url("gfx/ico-google-plus.png") no-repeat 0 0px;
  display: block;
  width: 30px;
  height: 30px;
  transition: all 0.25s ease 0s; }
.socialbox > .box > div > .googleplus:hover {
  background: url("gfx/ico-google-plus.png") no-repeat 0 -30px; }
.socialbox > .box > div > .linkedin {
  background: url("gfx/ico-linkedin.png") no-repeat 0 0px;
  display: block;
  width: 30px;
  height: 30px;
  transition: all 0.25s ease 0s; }
.socialbox > .box > div > .linkedin:hover {
  background: url("gfx/ico-linkedin.png") no-repeat 0 -30px; }

.video-container {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden; }

.video-container iframe, .video-container object, .video-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.unclickable {
  pointer-events: none !important; }

.relative {
  position: relative; }

.absolute {
  position: absolute; }

.placeholder {
  color: #747474; }

.clearboth {
  clear: both; }

.floatleft {
  float: left; }

.margintop10 {
  margin-top: 10px; }

.margintop5 {
  margin-top: 5px; }

.margintop1 {
  margin-top: 1px; }

.margintop20 {
  margin-top: 20px; }

.margintop30 {
  margin-top: 30px; }

.margintop40 {
  margin-top: 40px; }

.margintop60 {
  margin-top: 60px; }

.marginbottom5 {
  margin-bottom: 5px; }

.marginbottom10 {
  margin-bottom: 10px; }

.marginbottom15 {
  margin-bottom: 15px; }

.marginbottom20 {
  margin-bottom: 20px; }

.marginbottom40 {
  margin-bottom: 40px; }

.marginbottom50 {
  margin-bottom: 50px; }

.marginleft10 {
  margin-left: 10px; }

.marginleft60 {
  margin-left: 60px; }

.marginright10 {
  margin-right: 10px; }

.marginright20 {
  margin-right: 20px; }

.marginright30 {
  margin-right: 30px; }

.marginright50 {
  margin-right: 50px; }

.height1 {
  height: 1px; }

.height10 {
  height: 10px; }

.height20 {
  height: 20px; }

.height50 {
  height: 50px; }

.width25 {
  width: 25px; }

.paddingleft25 {
  padding-left: 25px; }

.paddingleft15 {
  padding-left: 15px; }

.bggris {
  background-color: #818181;
  color: #fff; }

.bgblanc {
  background-color: #fff; }

.strong {
  font-weight: bold; }

.fontglobal {
  font-family: "Fira Sans", sans-serif; }

.fontsize20 {
  font-size: 20px; }

.fontsize18 {
  font-size: 18px; }

.display-none {
  display: none !important; }

.display-block {
  display: block !important; }

.violet {
  color: #9e70a6; }

/* ------------------------- */
/* Librairie */
/* ------------------------- */
.bulle-x1 {
  /*	padding-left:20px;
  	padding-right:20px;
          padding-top: 20px;
  	padding-bottom:20px;*/
  padding: 0px;
  width: 1280px;
  margin-top: 0px; }
.bulle-x1 > .paragraphe {
  min-height: 160px; }
.bulle-x1 > .paragraphe img {
  float: left;
  margin-right: 30px;
  margin-bottom: 30px;
  box-shadow: 0 0 0 4px #FFF;
  position: relative;
  top: 10px; }
.bulle-x1 > .paragraphe p {
  width: 520px;
  text-align: justify;
  margin: 0; }

.bulle-x2-left, .content-main-container > .content1-front-left {
  background: rgba(255, 255, 255, 0.05);
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 20px;
  padding-bottom: 20px;
  border-radius: 5px 5px 5px 5px;
  width: 525px;
  margin-top: 0px; }
.bulle-x2-left > .paragraphe, .content-main-container > .content1-front-left > .paragraphe {
  min-height: 160px; }
.bulle-x2-left > .paragraphe img, .content-main-container > .content1-front-left > .paragraphe img {
  float: left;
  margin-right: 30px;
  margin-bottom: 30px;
  box-shadow: 0 0 0 4px #FFF;
  position: relative;
  top: 10px;
  height: 130px; }
.bulle-x2-left > .paragraphe p, .content-main-container > .content1-front-left > .paragraphe p {
  width: 520px;
  text-align: justify;
  margin: 0; }

.bulle-x2-right, .content-main-container > .content1-front-right > .bulle-front-right {
  background: rgba(255, 255, 255, 0.05);
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 20px;
  padding-bottom: 20px;
  border-radius: 5px 5px 5px 5px;
  width: 375px;
  margin-top: 0px; }
.bulle-x2-right > .newsfront-col1, .content-main-container > .content1-front-right > .bulle-front-right > .newsfront-col1 {
  float: left;
  width: 50px;
  margin-right: 30px;
  text-align: center;
  margin-top: 16px; }
.bulle-x2-right > .newsfront-col1 > .item-result-mois, .content-main-container > .content1-front-right > .bulle-front-right > .newsfront-col1 > .item-result-mois {
  background-color: #6F7B26;
  border-radius: 4px 4px 0 0;
  padding: 5px; }
.bulle-x2-right > .newsfront-col1 > .item-result-date, .content-main-container > .content1-front-right > .bulle-front-right > .newsfront-col1 > .item-result-date {
  background-color: #fff;
  font-size: 25px;
  color: #6F7B26; }
.bulle-x2-right > .newsfront-col2, .content-main-container > .content1-front-right > .bulle-front-right > .newsfront-col2 {
  float: left;
  width: 295px;
  margin-top: 10px; }
.bulle-x2-right > .newsfront-col2 > h3, .content-main-container > .content1-front-right > .bulle-front-right > .newsfront-col2 > h3 {
  border-bottom: 2px dotted #7A4F7F;
  margin-bottom: 15px; }
.bulle-x2-right > .newsfront-col2 > .item-text-news, .content-main-container > .content1-front-right > .bulle-front-right > .newsfront-col2 > .item-text-news {
  float: left;
  width: 300px; }
.bulle-x2-right > .newsfront-col2 > .item-text-news > .item-date, .content-main-container > .content1-front-right > .bulle-front-right > .newsfront-col2 > .item-text-news > .item-date {
  font-weight: bold;
  padding-bottom: 5px;
  border-bottom: 1px dashed #7A4F7F; }
.bulle-x2-right > .newsfront-col2 > .item-text-news > .item-text-descri, .content-main-container > .content1-front-right > .bulle-front-right > .newsfront-col2 > .item-text-news > .item-text-descri {
  margin-top: 5px;
  margin-bottom: 20px; }
.bulle-x2-right > .newsfront-col2 > .item-text-news > .item-text-descri a, .content-main-container > .content1-front-right > .bulle-front-right > .newsfront-col2 > .item-text-news > .item-text-descri a {
  color: #7B4F7F;
  text-decoration: underline; }
.bulle-x2-right > .newsfront-col2 > .item-text-news > .item-image, .content-main-container > .content1-front-right > .bulle-front-right > .newsfront-col2 > .item-text-news > .item-image {
  float: left;
  margin-right: 10px;
  margin-top: 10px;
  width: 150px; }
.bulle-x2-right > .newsfront-col2 > .item-text-news > .item-image > img, .content-main-container > .content1-front-right > .bulle-front-right > .newsfront-col2 > .item-text-news > .item-image > img {
  height: 110px;
  border-radius: 3px;
  box-shadow: 0 0 0 4px #FFF;
  width: 125px; }
.bulle-x2-right > .ligne, .content-main-container > .content1-front-right > .bulle-front-right > .ligne {
  border-bottom: 2px dotted #7A4F7F; }
.bulle-x2-right > .item-image, .content-main-container > .content1-front-right > .bulle-front-right > .item-image {
  float: left;
  margin-right: 10px;
  margin-top: 10px;
  width: 150px; }
.bulle-x2-right > .item-image > img, .content-main-container > .content1-front-right > .bulle-front-right > .item-image > img {
  height: 110px;
  border-radius: 3px;
  box-shadow: 0 0 0 4px #FFF;
  width: 125px; }
.bulle-x2-right > .item-text-partenaire, .content-main-container > .content1-front-right > .bulle-front-right > .item-text-partenaire {
  float: left;
  width: 370px; }
.bulle-x2-right > .item-text-partenaire > .item-text-descri, .content-main-container > .content1-front-right > .bulle-front-right > .item-text-partenaire > .item-text-descri {
  margin-top: 5px; }
.bulle-x2-right > .item-text-partenaire > .item-text-descri a, .content-main-container > .content1-front-right > .bulle-front-right > .item-text-partenaire > .item-text-descri a {
  color: #7B4F7F;
  text-decoration: underline; }
.bulle-x2-right > .item-text-partenaire > .item-image, .content-main-container > .content1-front-right > .bulle-front-right > .item-text-partenaire > .item-image {
  float: left;
  margin-top: 10px; }
.bulle-x2-right > .item-text-partenaire > .item-image > img, .content-main-container > .content1-front-right > .bulle-front-right > .item-text-partenaire > .item-image > img {
  border-radius: 3px;
  width: 115px; }
.bulle-x2-right > .item-text, .content-main-container > .content1-front-right > .bulle-front-right > .item-text {
  float: left;
  width: 195px; }
.bulle-x2-right > .item-text > .item-text-descri, .content-main-container > .content1-front-right > .bulle-front-right > .item-text > .item-text-descri {
  margin-bottom: 15px; }
.bulle-x2-right > .item-text > .item-text-descri a, .content-main-container > .content1-front-right > .bulle-front-right > .item-text > .item-text-descri a {
  color: #7B4F7F;
  text-decoration: underline; }
.bulle-x2-right > .item-text > .item-text-coordonnees, .content-main-container > .content1-front-right > .bulle-front-right > .item-text > .item-text-coordonnees {
  margin-bottom: 15px;
  line-height: 15px;
  height: 55px; }
.bulle-x2-right > .item-text > .item-text-coordonnees > a, .content-main-container > .content1-front-right > .bulle-front-right > .item-text > .item-text-coordonnees > a {
  text-decoration: underline;
  color: #FFF; }

.bulle-x4, .content-main-container > .content3-front {
  padding-top: 20px;
  padding-bottom: 20px;
  margin-top: 0px;
  margin-bottom: 27px; }
@media only screen and (max-width: 780px) {
  .bulle-x4, .content-main-container > .content3-front {
    padding: 10px;
    margin-right: 0px !important; } }
@media only screen and (min-width: 781px) and (max-width: 1219px) {
  .bulle-x4, .content-main-container > .content3-front {
    width: 36%;
    padding-right: 20px;
    padding-left: 20px;
    min-height: 375px; } }
@media only screen and (min-width: 1220px) {
  .bulle-x4, .content-main-container > .content3-front {
    width: 28%;
    padding-right: 20px;
    padding-left: 20px;
    min-height: 375px; } }
.bulle-x4 > .item-image, .content-main-container > .content3-front > .item-image {
  margin-bottom: 30px;
  margin-right: 10px;
  margin-top: 10px;
  overflow: hidden;
  text-align: center; }
@media only screen and (min-width: 1220px) {
  .bulle-x4 > .item-image, .content-main-container > .content3-front > .item-image {
    width: 100%;
    height: 227px; } }
.bulle-x4 > .item-image a > img, .content-main-container > .content3-front > .item-image a > img {
  box-shadow: 0 0px 0 4px #fff; }
@media only screen and (min-width: 1220px) {
  .bulle-x4 > .item-image a > img, .content-main-container > .content3-front > .item-image a > img {
    width: 100%;
    max-width: none; } }
.bulle-x4 > .item-text, .content-main-container > .content3-front > .item-text {
  float: left;
  width: 100%; }
.bulle-x4 > .item-text > h3, .content-main-container > .content3-front > .item-text > h3 {
  padding-bottom: 10px;
  color: #202020;
  text-align: center; }
.bulle-x4 > .item-text > .item-text-descri, .content-main-container > .content3-front > .item-text > .item-text-descri {
  font-size: 12px;
  margin-bottom: 5px;
  height: 60px;
  text-align: justify;
  line-height: 15px;
  overflow: hidden; }
.bulle-x4 > .item-text > .item-text-descri a, .content-main-container > .content3-front > .item-text > .item-text-descri a {
  color: #7B4F7F;
  text-decoration: underline; }
.bulle-x4 > .item-text > .item-text-coordonnees, .content-main-container > .content3-front > .item-text > .item-text-coordonnees {
  margin-bottom: 15px;
  line-height: 15px;
  height: 55px; }
.bulle-x4 > .item-text > .item-text-coordonnees > a, .content-main-container > .content3-front > .item-text > .item-text-coordonnees > a {
  text-decoration: underline;
  color: #FFF; }

.pagination {
  font: 12px Arial, Helvetica, sans-serif;
  margin: 20px 0;
  padding-bottom: 20px; }

.pagination a {
  background: #B2CD6C;
  border: 1px solid #B2CD6C;
  color: #FFF;
  margin: 2px;
  padding: .5em .5em;
  text-decoration: none;
  border-radius: 4px; }

.pagination a:hover {
  background: #000;
  border: 1px solid #000;
  color: #fff; }

.pagination span.inactive {
  border: 1px solid #ccc;
  color: #ccc;
  margin: 2px;
  padding: .5em .5em;
  border-radius: 4px; }

.pagination span.active {
  background: #124D83;
  border: 1px solid #124d83;
  color: #fff;
  font-weight: 700;
  margin: 2px;
  padding: .5em;
  border-radius: 4px; }

#results {
  margin-left: 90px;
  list-style-type: circle; }

.date-icon {
  border: 1px solid #fff;
  border-radius: 3px;
  overflow: hidden;
  padding-bottom: 6px;
  position: relative;
  text-align: center;
  width: 60px;
  background-color: #fff; }
.date-icon > .month {
  background: none repeat scroll 0 0 #cc2bc1;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  font-size: 9px;
  font-weight: 600;
  padding: 1px 0 2px;
  color: #fff; }
.date-icon > .day-number {
  border-bottom: 1px dotted #bbb;
  font-size: 24px;
  font-weight: 600;
  letter-spacing: -1px;
  line-height: 1;
  margin: 7px 10px 0;
  padding-right: 3px; }
.date-icon > .weekday {
  font-size: 10px;
  font-weight: 600;
  line-height: 1;
  margin-top: 3px; }

@font-face {
  font-family: 'icomoon';
  src: url("fonts/typicons/icomoon.eot?omqqb0");
  src: url("fonts/typicons/icomoon.eot?#iefixomqqb0") format("embedded-opentype"), url("fonts/typicons/icomoon.woff?omqqb0") format("woff"), url("fonts/typicons/icomoon.ttf?omqqb0") format("truetype"), url("fonts/typicons/icomoon.svg?omqqb0#icomoon") format("svg");
  font-weight: normal;
  font-style: normal; }
[class^="icon-"], [class*=" icon-"] {
  font-family: 'icomoon';
  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-moins:before {
  content: "\e600"; }

.icon-plus:before {
  content: "\e601"; }

.icon-home:before {
  content: "\e900"; }

.icon-newspaper:before {
  content: "\e904"; }

.icon-stack:before {
  content: "\e92e"; }

.icon-envelop:before {
  content: "\e945";
  position: relative;
  left: -9px; }

.icon-calendar:before {
  content: "\e953"; }

.icon-bubbles2:before {
  content: "\e96c"; }

.icon-zoom-in:before {
  content: "\e987"; }

.icon-cog:before {
  content: "\e994"; }

.icon-magic-wand:before {
  content: "\e997"; }

.icon-switch:before {
  content: "\e9b6"; }

.icon-clipboard:before {
  content: "\e9b8"; }

.icon-earth:before {
  content: "\e9ca"; }

.icon-cancel-circle:before {
  content: "\ea0d"; }

.icon-spell-check:before {
  content: "\ea12"; }

.icon-checkbox-checked:before {
  content: "\ea52"; }

.icon-share2:before {
  content: "\ea82"; }

.icon-file-pdf:before {
  content: "\eada"; }

.icon-phone:before {
  content: "\e942";
  position: relative;
  left: -9px; }

.icon-user:before {
  content: "\e971"; }

.icon-cogs:before {
  content: "\e995"; }

.icon-compass:before {
  content: "\e949"; }

.icon-redo:before {
  content: "\e966"; }

.icon-menu:before {
  content: "\e9bd"; }

.icon-forward:before {
  content: "\e969"; }

/* ------------------------- */
/* Front & not-front */
/* ------------------------- */
.header-main, .content-main-container {
  margin-left: auto;
  margin-right: auto;
  width: 1200px;
  clear: both; }

.branding {
  margin-top: 15px;
  height: 15px;
  clear: both; }
.branding > .logo {
  float: left;
  margin-right: 20px; }
.branding > .logo a img {
  border: 0px; }
.branding > .share-menu {
  float: right; }
.branding > .share-menu ul {
  float: left;
  list-style: none;
  margin: 0px;
  padding: 0px 0px;
  overflow: hidden; }
.branding > .share-menu ul > li {
  float: left;
  padding-left: 5px; }
.branding > .share-menu ul > li > .hotline-img {
  float: left; }
.branding > .share-menu ul > li > .hotline-txt {
  float: left;
  width: 90px;
  margin-top: 6px; }
.branding > .album-content {
  float: right;
  background: rgba(255, 255, 255, 0.05);
  padding: 20px;
  border-radius: 5px 5px 5px 5px;
  width: 150px;
  height: 50px;
  margin-top: 0px; }
.branding > .album-content > .album-photo {
  position: relative;
  left: -135px;
  top: -30px; }
.branding > .album-content > .album-text {
  left: 25px;
  padding-right: 20px;
  position: relative;
  top: -127px;
  font-size: 10px; }
.branding > .album-content > .album-text > .album-text-titre {
  height: 20px;
  overflow: hidden;
  color: #7B4F7F;
  font-weight: bold; }

.content-main-container {
  min-height: 494px; }
.content-main-container > .content1-front-left {
  float: left;
  margin-right: 20px;
  min-height: 325px; }
.content-main-container > .content1-front-right {
  float: left; }
.content-main-container > .content2-front > .bulle-galerie, .content-main-container > .content2-front .bulle-galerie-last {
  float: left;
  width: 125px;
  margin-top: 20px; }
.content-main-container > .content2-front > .bulle-galerie img, .content-main-container > .content2-front .bulle-galerie-last img {
  border-radius: 3px;
  box-shadow: 0 0 0 4px #FFF;
  width: 125px; }
.content-main-container > .content2-front > .bulle-galerie {
  margin-right: 20px; }
.content-main-container > .content3-front {
  float: left;
  transition: all 0.3s ease 0s; }
.content-main-container > .content3-front:hover {
  border: 1px solid #6D4F7F; }

@media only screen and (min-width: 1220px) {
  .header-block {
    width: 100%;
    z-index: 100;
    transition: all 0.3s linear 0s; } }
.header-block::after {
  /*        height: 30px;
          content: "";
          width: 100%;
          display: block;
          top: 14px;
          position: relative;  
          z-index:1;
          border-radius: 0px 0px 100% 100%;*/
  background: #3d0545;
  /* Old browsers */ }
.header-block > .header-content {
  clear: both; }
@media only screen and (max-width: 780px) {
  .header-block > .header-content {
    width: 100%; } }
@media only screen and (min-width: 781px) and (max-width: 1219px) {
  .header-block > .header-content {
    width: 100%;
    min-height: 120px; } }
@media only screen and (min-width: 1220px) {
  .header-block > .header-content {
    width: 1200px;
    margin-left: auto;
    margin-right: auto; } }
.header-block > .header-content > .header-logo {
  z-index: 100; }
@media only screen and (max-width: 780px) {
  .header-block > .header-content > .header-logo {
    float: left;
    padding: 15px; } }
@media only screen and (min-width: 781px) and (max-width: 1219px) {
  .header-block > .header-content > .header-logo {
    float: left;
    padding: 15px;
    text-align: center;
    position: absolute; } }
@media only screen and (min-width: 1220px) {
  .header-block > .header-content > .header-logo {
    float: left;
    position: absolute; } }
.header-block > .header-content > .header-logo > .header-logo-content {
  border: 0px;
  display: block; }
@media only screen and (max-width: 780px) {
  .header-block > .header-content > .header-logo > .header-logo-content > img {
    width: 50%; } }
@media only screen and (min-width: 781px) and (max-width: 1219px) {
  .header-block > .header-content > .header-logo > .header-logo-content > img {
    width: 245px; } }
@media only screen and (min-width: 1220px) {
  .header-block > .header-content > .header-logo > .header-logo-content > img {
    width: 245px; } }
.header-block > .header-content > .header-tel {
  z-index: 100;
  color: #fff; }
@media only screen and (max-width: 780px) {
  .header-block > .header-content > .header-tel {
    float: right;
    margin-top: 50px;
    position: absolute;
    right: 0; } }
@media only screen and (min-width: 781px) and (max-width: 1219px) {
  .header-block > .header-content > .header-tel {
    float: left;
    margin-left: 50%; } }
@media only screen and (min-width: 1220px) {
  .header-block > .header-content > .header-tel {
    float: right; } }
.header-block > .header-content > .header-tel > div {
  padding-top: 4px; }
.header-block > .header-content > .header-tel .header-info {
  font-family: "Fira Sans", sans-serif; }
.header-block > .header-content > .header-tel > .socialbox {
  position: relative;
  left: -10px;
  top: 10px; }
@media only screen and (max-width: 780px) {
  .header-block > .header-content > .header-tel > .icon-phone, .header-block > .header-content > .header-tel > .icon-envelop {
    display: none; } }
@media only screen and (max-width: 780px) {
  .header-block > .header-content > .header-nav {
    float: none;
    padding-bottom: 20px; } }
@media only screen and (min-width: 781px) and (max-width: 1219px) {
  .header-block > .header-content > .header-nav {
    float: none;
    padding-bottom: 20px;
    width: 51%; } }
@media only screen and (min-width: 1220px) {
  .header-block > .header-content > .header-nav {
    float: left;
    margin-left: 305px;
    width: 51%; } }
.header-block > .header-content > .header-location {
  float: left; }

.header-block-small {
  height: 75px;
  padding-top: 20px;
  background-color: #230C35; }

.header-block-large {
  box-shadow: none;
  background: #3d0545;
  /* Old browsers */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#201035', endColorstr='#230c35',GradientType=1 );
  /* IE6-9 */ }
@media only screen and (min-width: 1220px) {
  .header-block-large {
    padding-top: 10px; } }

.navigation-fixed {
  bottom: 150px;
  position: fixed;
  right: 0;
  z-index: 1000; }
.navigation-fixed > a {
  box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
  background: none repeat scroll 0 0 #3e0646;
  clear: both;
  cursor: pointer;
  display: block;
  float: right;
  height: 42px;
  margin-bottom: 2px;
  overflow: hidden;
  transition-duration: 0.5s;
  width: 50px;
  border-radius: 50px 0 0 50px;
  transition: all 0.25s ease 0s; }
.navigation-fixed > a > .label {
  float: left;
  padding-top: 11px;
  color: #fff;
  font-size: 12px; }
.navigation-fixed > a > .icone-fb {
  float: left;
  background: url("gfx/menu-right-fb.png") no-repeat;
  width: 30px;
  height: 30px;
  display: block;
  margin: 5px 10px; }
.navigation-fixed > a > .icone-ig {
  float: left;
  background: url("gfx/menu-right-ig.png") no-repeat;
  width: 30px;
  height: 30px;
  display: block;
  margin: 5px; }
.navigation-fixed > a > .icone-yt {
  float: left;
  background: url("gfx/menu-right-yt.png") no-repeat;
  width: 30px;
  height: 30px;
  display: block;
  margin: 5px; }
.navigation-fixed > a > .icone-pp {
  float: left;
  background: url("gfx/menu-right-pp.png") no-repeat;
  width: 30px;
  height: 30px;
  display: block;
  margin: 5px; }
.navigation-fixed > a > .icone-ma {
  float: left;
  background: url("gfx/menu-right-mondarverne.png") no-repeat;
  width: 30px;
  height: 30px;
  display: block;
  margin: 5px; }
.navigation-fixed > a > .icone-mat {
  float: left;
  background: url("gfx/menu-right-mondarvernet.png") no-repeat;
  width: 30px;
  height: 30px;
  display: block;
  margin: 5px; }
.navigation-fixed > a:hover {
  width: 200px; }
.navigation-fixed > .back-on-top {
  position: relative;
  top: 40px;
  height: 55px; }
.navigation-fixed > .back-on-top > a {
  background: none repeat scroll 0 0 #E89515;
  clear: both;
  cursor: pointer;
  display: block;
  float: right;
  height: 50px;
  margin-bottom: 5px;
  overflow: hidden;
  width: 50px;
  border-radius: 4px 0 0 4px; }
@media only screen and (min-width: 1220px) {
  .navigation-fixed > .back-on-top > a {
    display: none; } }
.navigation-fixed > .back-on-top > a > .icon-haut {
  background: url("gfx/ico-haut.png") no-repeat;
  width: 30px;
  height: 25px;
  display: block;
  margin: 11px; }

.zonesubtitle-block {
  clear: both;
  padding-top: 90px;
  padding-bottom: 0px;
  background-color: #242424;
  display: none; }
@media only screen and (max-width: 780px) {
  .zonesubtitle-block {
    display: none; } }
@media only screen and (min-width: 781px) and (max-width: 1219px) {
  .zonesubtitle-block {
    display: none; } }
@media only screen and (max-width: 780px) {
  .zonesubtitle-block > .zonesubtitle-content {
    text-align: center; } }
@media only screen and (min-width: 781px) and (max-width: 1219px) {
  .zonesubtitle-block > .zonesubtitle-content {
    text-align: center; } }
@media only screen and (min-width: 1220px) {
  .zonesubtitle-block > .zonesubtitle-content {
    width: 1200px;
    margin-left: auto;
    margin-right: auto; } }
.zonesubtitle-block > .zonesubtitle-content h1 {
  color: #000;
  font-size: 13px;
  letter-spacing: 0px;
  margin: 0px !important; }

.zonenavigation-block {
  clear: both;
  padding-top: 20px; }
@media only screen and (max-width: 780px) {
  .zonenavigation-block > .title-block > .title-content {
    padding: 10px; } }
@media only screen and (min-width: 781px) and (max-width: 1219px) {
  .zonenavigation-block > .title-block > .title-content {
    padding: 10px; } }
@media only screen and (min-width: 1220px) {
  .zonenavigation-block > .title-block > .title-content {
    width: 1200px;
    margin-left: auto;
    margin-right: auto; } }
.zonenavigation-block > .title-block > .title-content > h1 {
  color: #124D83;
  padding-bottom: 20px; }
.zonenavigation-block > .navigation-block {
  padding-top: 4px;
  padding-bottom: 4px; }
.zonenavigation-block > .navigation-block > .navigation-content {
  color: #D3CFCF;
  border-bottom: 1px solid #ccc; }
@media only screen and (max-width: 780px) {
  .zonenavigation-block > .navigation-block > .navigation-content {
    padding-left: 10px; } }
@media only screen and (min-width: 781px) and (max-width: 1219px) {
  .zonenavigation-block > .navigation-block > .navigation-content {
    padding-left: 10px; } }
@media only screen and (min-width: 1220px) {
  .zonenavigation-block > .navigation-block > .navigation-content {
    width: 1200px;
    margin-left: auto;
    margin-right: auto; } }

.zone1-block {
  clear: both; }
@media only screen and (min-width: 781px) and (max-width: 1219px) {
  .zone1-block > .zone1-content {
    position: relative; } }
@media only screen and (min-width: 1220px) {
  .zone1-block > .zone1-content {
    width: 1200px;
    margin-left: auto;
    margin-right: auto;
    position: relative; } }
.zone1-block > .zone1-content > .zone1-content-left {
  padding: 20px;
  padding-top: 40px;
  z-index: 10;
  background-color: #3d0545;
  color: #FFF;
  box-shadow: 0px 7px 3px 1px rgba(0, 0, 0, 0.5); }
@media only screen and (max-width: 780px) {
  .zone1-block > .zone1-content > .zone1-content-left {
    border-top: #fff 1px solid; } }
@media only screen and (min-width: 781px) and (max-width: 1219px) {
  .zone1-block > .zone1-content > .zone1-content-left {
    width: 600px;
    left: 20px;
    float: left;
    min-height: 160px;
    position: absolute;
    top: -280px;
    padding: 55px 20px 20px 20px;
    transform: rotate(0.005turn);
    text-align: center; } }
@media only screen and (min-width: 1220px) {
  .zone1-block > .zone1-content > .zone1-content-left {
    width: 520px;
    float: left;
    min-height: 235px;
    position: absolute;
    top: -270px;
    padding: 55px 20px 20px 20px;
    transform: rotate(0.005turn);
    text-align: center; } }
.zone1-block > .zone1-content > .zone1-content-left > .news-title > h2 {
  float: left;
  width: 90%;
  padding-bottom: 0px;
  padding-left: 0px;
  margin-bottom: 0px;
  color: #FFF;
  font-size: 28px; }
@media only screen and (max-width: 780px) {
  .zone1-block > .zone1-content > .zone1-content-left > .news-title > h2 {
    font-size: 20px;
    min-height: 50px; } }
@media only screen and (min-width: 781px) and (max-width: 1219px) {
  .zone1-block > .zone1-content > .zone1-content-left > .news-title > h2 {
    font-size: 20px;
    min-height: 50px; } }
@media only screen and (min-width: 1220px) {
  .zone1-block > .zone1-content > .zone1-content-left > .news-title > h2 {
    padding-top: 2px;
    font-size: 28px;
    line-height: 30px; } }
.zone1-block > .zone1-content > .zone1-content-left > .news-more-details {
  padding-top: 20px; }
.zone1-block > .zone1-content > .zone1-content-left > .news-more-details > .btn-news-more {
  height: 21px;
  background: url("gfx/btn-plus.png") no-repeat top left;
  padding-left: 30px;
  cursor: pointer; }
.zone1-block > .zone1-content > .zone1-content-left > .news-more-details > .btn-news-less {
  height: 21px;
  background: url("gfx/btn-moins.png") no-repeat top left;
  padding-left: 30px;
  cursor: pointer; }
.zone1-block > .zone1-content > .zone1-content-left > .publicaton {
  padding-bottom: 20px;
  font-size: 11px;
  color: #fff; }
.zone1-block > .zone1-content > .zone1-content-left p {
  padding-right: 30px;
  margin: 0px; }
.zone1-block > .zone1-content > .zone1-content-left > .news-text {
  height: 52px;
  overflow: hidden; }
.zone1-block > .zone1-content > .zone1-content-left > .news-text a {
  color: #fff;
  text-decoration: underline; }
.zone1-block > .zone1-content > .zone1-content-left > .news-txt-more {
  display: none; }
.zone1-block > .zone1-content > .zone1-content-left > h3 {
  padding-bottom: 30px;
  padding-top: 30px;
  color: #202020; }
@media only screen and (max-width: 780px) {
  .zone1-block > .zone1-content > .zone1-content-left > h3 {
    text-align: center; } }
@media only screen and (min-width: 781px) and (max-width: 1219px) {
  .zone1-block > .zone1-content > .zone1-content-left > h3 {
    text-align: center; } }
.zone1-block > .zone1-content > .zone1-content-left::before {
  background: url("gfx/punaise.png") no-repeat left top;
  height: 60px;
  content: "";
  width: 60px;
  display: block;
  top: -16px;
  position: absolute;
  z-index: 10;
  float: left;
  left: 46%; }
@media only screen and (max-width: 780px) {
  .zone1-block > .zone1-content > .zone1-content-left::before {
    display: none; } }
@media only screen and (min-width: 781px) and (max-width: 1219px) {
  .zone1-block > .zone1-content > .zone1-content-right {
    display: none; } }
@media only screen and (min-width: 1220px) {
  .zone1-block > .zone1-content > .zone1-content-right {
    float: left;
    width: 560px;
    min-height: 150px;
    position: relative;
    z-index: 2; } }
.zone1-block > .zone1-content > .zone1-content-right > .slider-upper-zone {
  width: 560px;
  background-color: rgba(35, 12, 53, 0.5);
  position: absolute;
  top: -158px; }
.zone1-block > .zone1-content > .zone1-content-right > .slider-upper-zone > .slider-upper-content {
  padding: 15px; }
.zone1-block > .zone1-content > .zone1-content-right > .slider-upper-zone > .slider-upper-content > h3 {
  color: #FFF;
  font-size: 45px;
  letter-spacing: -3px;
  padding-left: 80px;
  font-weight: bold; }
.zone1-block > .zone1-content > .zone1-content-right > .slider-upper-zone > .slider-upper-content > h3 > .subtitle {
  font-size: 16px;
  font-weight: bold;
  color: #fff;
  letter-spacing: 0px;
  line-height: 20px; }
.zone1-block > .zone1-content > .zone1-content-right > .slider-upper-zone > .slider-upper-content > h3::before {
  background: url("gfx/ico-tel.png") no-repeat left top;
  height: 60px;
  content: "";
  width: 100%;
  display: block;
  top: 31px;
  position: absolute;
  z-index: 10;
  float: left;
  right: -25px; }
.zone1-block > .zone1-content > .zone1-content-right > .slider-upper-zone > .slider-upper-content > h4 {
  font-size: 28px;
  line-height: 30px;
  padding-top: 2px;
  color: #fff;
  padding-bottom: 15px; }
@media only screen and (min-width: 781px) and (max-width: 1219px) {
  .zone1-block > .zone1-content > .zone1-content-right > .zone1-content-right-image {
    width: 560px;
    min-height: 150px; } }
@media only screen and (min-width: 1220px) {
  .zone1-block > .zone1-content > .zone1-content-right > .zone1-content-right-image {
    width: 560px;
    min-height: 150px; } }
.zone1-block > .zone1-content > .zone1-content-right > .zone1-content-right-image img {
  border: 0px; }

.zone2-block {
  clear: both;
  background-color: #fff;
  position: relative;
  z-index: 5; }
@media only screen and (max-width: 780px) {
  .zone2-block {
    padding-top: 20px;
    padding-bottom: 20px; } }
@media only screen and (min-width: 781px) and (max-width: 1219px) {
  .zone2-block {
    padding-top: 20px;
    padding-bottom: 20px; } }
@media only screen and (min-width: 1220px) {
  .zone2-block {
    padding-top: 60px;
    padding-bottom: 60px; } }
@media only screen and (max-width: 780px) {
  .zone2-block > .zone2-content {
    padding: 20px; } }
@media only screen and (min-width: 781px) and (max-width: 1219px) {
  .zone2-block > .zone2-content {
    padding: 20px; } }
@media only screen and (min-width: 1220px) {
  .zone2-block > .zone2-content {
    width: 1200px;
    margin-left: auto;
    margin-right: auto;
    min-height: 350px; } }
.zone2-block > .zone2-content h2 {
  padding-bottom: 10px;
  color: #FFF; }
@media only screen and (min-width: 1220px) {
  .zone2-block > .zone2-content h2 {
    width: 280px; } }
.zone2-block > .zone2-content > .accueil-partenaire {
  position: relative;
  z-index: 2; }
.zone2-block > .zone2-content > .accueil-partenaire .white {
  color: #fff !important; }
.zone2-block > .zone2-content > .accueil-partenaire h3 {
  font-size: 45px;
  padding-bottom: 20px;
  color: #3d0545;
  text-align: center;
  margin-bottom: 30px; }
.zone2-block > .zone2-content > .accueil-partenaire h3 .title {
  margin-bottom: 30px;
  border-bottom: 9px solid #9e70a6;
  padding-bottom: 10px;
  margin-left: auto;
  margin-right: auto; }
@media only screen and (min-width: 781px) and (max-width: 1219px) {
  .zone2-block > .zone2-content > .accueil-partenaire h3 .title {
    width: 70%; } }
@media only screen and (min-width: 1220px) {
  .zone2-block > .zone2-content > .accueil-partenaire h3 .title {
    width: 70%; } }
.zone2-block > .zone2-content > .accueil-partenaire h3 .subtitle {
  font-size: 23px;
  margin-left: auto;
  margin-right: auto;
  color: #f25924;
  line-height: 20px; }
@media only screen and (min-width: 781px) and (max-width: 1219px) {
  .zone2-block > .zone2-content > .accueil-partenaire h3 .subtitle {
    width: 70%; } }
@media only screen and (min-width: 1220px) {
  .zone2-block > .zone2-content > .accueil-partenaire h3 .subtitle {
    width: 70%; } }
.zone2-block > .zone2-content > .accueil-partenaire h3 .subtitle > b {
  font-size: 20px;
  color: #3d0545; }
.zone2-block > .zone2-content > .accueil-partenaire p {
  color: #3d0545; }
.zone2-block > .zone2-content > .accueil-partenaire p > a {
  color: #230C35; }
.zone2-block > .zone2-content > .accueil {
  position: relative;
  z-index: 2;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap; }
.zone2-block > .zone2-content > .accueil .white {
  color: #fff !important; }
.zone2-block > .zone2-content > .accueil h3 {
  font-size: 45px;
  padding-bottom: 20px;
  color: #3d0545;
  text-align: center;
  margin-bottom: 30px; }
.zone2-block > .zone2-content > .accueil h3 .title {
  margin-bottom: 30px;
  border-bottom: 9px solid #9e70a6;
  padding-bottom: 10px;
  margin-left: auto;
  margin-right: auto; }
@media only screen and (min-width: 781px) and (max-width: 1219px) {
  .zone2-block > .zone2-content > .accueil h3 .title {
    width: 70%; } }
@media only screen and (min-width: 1220px) {
  .zone2-block > .zone2-content > .accueil h3 .title {
    width: 70%; } }
.zone2-block > .zone2-content > .accueil h3 .subtitle {
  font-size: 15px;
  margin-left: auto;
  margin-right: auto;
  color: #f25924;
  line-height: 20px; }
@media only screen and (min-width: 781px) and (max-width: 1219px) {
  .zone2-block > .zone2-content > .accueil h3 .subtitle {
    width: 70%; } }
@media only screen and (min-width: 1220px) {
  .zone2-block > .zone2-content > .accueil h3 .subtitle {
    width: 70%; } }
.zone2-block > .zone2-content > .accueil h3 .subtitle > b {
  font-size: 20px;
  color: #3d0545; }
.zone2-block > .zone2-content > .accueil p {
  color: #7c7c7c; }
.zone2-block > .zone2-content > .accueil p > a {
  color: #230C35; }
@media only screen and (max-width: 780px) {
  .zone2-block > .zone2-content > .accueil > .col1 {
    padding-top: 10px;
    width: 70%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px; } }
@media only screen and (min-width: 781px) and (max-width: 1219px) {
  .zone2-block > .zone2-content > .accueil > .col1 {
    display: none; } }
@media only screen and (min-width: 1220px) {
  .zone2-block > .zone2-content > .accueil > .col1 {
    width: 42%;
    text-align: center; } }
@media only screen and (min-width: 781px) and (max-width: 1219px) {
  .zone2-block > .zone2-content > .accueil > .col1 > .img-acti {
    width: 70%; } }
@media only screen and (min-width: 1220px) {
  .zone2-block > .zone2-content > .accueil > .col1 > .img-acti {
    width: 400px; } }
@media only screen and (max-width: 780px) {
  .zone2-block > .zone2-content > .accueil > .col1 > .col1-zone1-left {
    padding-top: 10px; } }
@media only screen and (min-width: 781px) and (max-width: 1219px) {
  .zone2-block > .zone2-content > .accueil > .col1 > .col1-zone1-left {
    padding-top: 10px;
    width: 600px;
    padding-bottom: 20px; } }
@media only screen and (min-width: 1220px) {
  .zone2-block > .zone2-content > .accueil > .col1 > .col1-zone1-left {
    float: left;
    width: 95%;
    margin-right: 10%; } }
.zone2-block > .zone2-content > .accueil > .col1 > .col1-zone1-left > .col-subtitle {
  color: #D70000;
  font-size: 20px;
  margin-bottom: 10px;
  padding-bottom: 0px;
  width: 85%; }
.zone2-block > .zone2-content > .accueil > .col1 > .col1-zone1-left > .block-text {
  margin-bottom: 50px;
  margin-top: 20px; }
.zone2-block > .zone2-content > .accueil > .col1 > .col1-zone1-left > .block-text > img {
  border-radius: 10px;
  margin-bottom: 20px; }
.zone2-block > .zone2-content > .accueil > .col1 > .col1-zone1-left > .block-text > ul {
  list-style: none;
  margin-bottom: 20px;
  padding: 0; }
.zone2-block > .zone2-content > .accueil > .col1 > .col1-zone1-left > .block-text > ul > li {
  background: url("gfx/puce-orange.png") no-repeat 0px 7px;
  margin-bottom: 4px;
  padding-bottom: 4px;
  color: #230C35;
  padding-left: 15px;
  width: 80%;
  font-weight: bold;
  line-height: 17px; }
@media only screen and (max-width: 780px) {
  .zone2-block > .zone2-content > .accueil > .col1 > .col1-zone1-right {
    padding-top: 30px; } }
@media only screen and (min-width: 781px) and (max-width: 1219px) {
  .zone2-block > .zone2-content > .accueil > .col1 > .col1-zone1-right {
    padding-top: 10px; } }
@media only screen and (min-width: 1220px) {
  .zone2-block > .zone2-content > .accueil > .col1 > .col1-zone1-right {
    float: left;
    width: 380px;
    margin-right: 40px; } }
.zone2-block > .zone2-content > .accueil > .col1 > .col1-zone1-right > h3 {
  font-size: 30px;
  margin-bottom: 30px;
  padding-bottom: 20px; }
.zone2-block > .zone2-content > .accueil > .col1 > .col1-zone1-right > .block-agenda > .img-agenda {
  border-radius: 10px;
  margin-bottom: 30px;
  width: 360px;
  height: 174px; }
.zone2-block > .zone2-content > .accueil > .col1 > .col1-zone1-right > .block-agenda > .agenda-bulle {
  position: relative; }
@media only screen and (max-width: 780px) {
  .zone2-block > .zone2-content > .accueil > .col1 > .col1-zone1-right > .block-agenda > .agenda-bulle {
    height: 210px;
    width: 100%; } }
@media only screen and (min-width: 781px) and (max-width: 1219px) {
  .zone2-block > .zone2-content > .accueil > .col1 > .col1-zone1-right > .block-agenda > .agenda-bulle {
    float: left;
    margin-right: 15px;
    width: 100%;
    height: 140px; } }
@media only screen and (min-width: 1220px) {
  .zone2-block > .zone2-content > .accueil > .col1 > .col1-zone1-right > .block-agenda > .agenda-bulle {
    width: 380px;
    height: 140px; } }
.zone2-block > .zone2-content > .accueil > .col1 > .col1-zone1-right > .block-agenda > .agenda-bulle > .agenda-detail {
  margin-bottom: 23px;
  padding-bottom: 23px;
  position: absolute;
  z-index: 0;
  border-radius: 10px;
  background-color: #f4f4f4; }
@media only screen and (max-width: 780px) {
  .zone2-block > .zone2-content > .accueil > .col1 > .col1-zone1-right > .block-agenda > .agenda-bulle > .agenda-detail {
    height: 175px;
    padding: 5%;
    width: 90%; } }
@media only screen and (min-width: 781px) and (max-width: 1219px) {
  .zone2-block > .zone2-content > .accueil > .col1 > .col1-zone1-right > .block-agenda > .agenda-bulle > .agenda-detail {
    height: 90px;
    padding: 20px; } }
@media only screen and (min-width: 1220px) {
  .zone2-block > .zone2-content > .accueil > .col1 > .col1-zone1-right > .block-agenda > .agenda-bulle > .agenda-detail {
    height: 90px;
    padding: 20px; } }
.zone2-block > .zone2-content > .accueil > .col1 > .col1-zone1-right > .block-agenda > .agenda-bulle > .agenda-detail > .agenda-date {
  width: 75px; }
@media only screen and (min-width: 781px) and (max-width: 1219px) {
  .zone2-block > .zone2-content > .accueil > .col1 > .col1-zone1-right > .block-agenda > .agenda-bulle > .agenda-detail > .agenda-date {
    float: left; } }
@media only screen and (min-width: 1220px) {
  .zone2-block > .zone2-content > .accueil > .col1 > .col1-zone1-right > .block-agenda > .agenda-bulle > .agenda-detail > .agenda-date {
    float: left; } }
@media only screen and (max-width: 780px) {
  .zone2-block > .zone2-content > .accueil > .col1 > .col1-zone1-right > .block-agenda > .agenda-bulle > .agenda-detail > .agenda-descri {
    padding-top: 10px; } }
@media only screen and (min-width: 781px) and (max-width: 1219px) {
  .zone2-block > .zone2-content > .accueil > .col1 > .col1-zone1-right > .block-agenda > .agenda-bulle > .agenda-detail > .agenda-descri {
    width: 225px;
    float: left; } }
@media only screen and (min-width: 1220px) {
  .zone2-block > .zone2-content > .accueil > .col1 > .col1-zone1-right > .block-agenda > .agenda-bulle > .agenda-detail > .agenda-descri {
    width: 265px;
    float: left; } }
.zone2-block > .zone2-content > .accueil > .col1 > .col1-zone1-right > .block-agenda > .agenda-bulle > .agenda-detail > .agenda-descri > .title {
  font-weight: bold;
  overflow: hidden;
  padding-bottom: 5px; }
@media only screen and (min-width: 781px) and (max-width: 1219px) {
  .zone2-block > .zone2-content > .accueil > .col1 > .col1-zone1-right > .block-agenda > .agenda-bulle > .agenda-detail > .agenda-descri > .title {
    width: 265px;
    height: 65px; } }
@media only screen and (min-width: 1220px) {
  .zone2-block > .zone2-content > .accueil > .col1 > .col1-zone1-right > .block-agenda > .agenda-bulle > .agenda-detail > .agenda-descri > .title {
    width: 265px;
    height: 65px; } }
.zone2-block > .zone2-content > .accueil > .col1 > .col1-zone1-right > .block-agenda > .agenda-bulle > .agenda-detail > .agenda-descri > .icon-clock, .zone2-block > .zone2-content > .accueil > .col1 > .col1-zone1-right > .block-agenda > .agenda-bulle > .agenda-detail > .agenda-descri .icon-location {
  font-size: 10px;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  opacity: 0.6;
  text-transform: none;
  top: 3px;
  padding-left: 20px; }
@media only screen and (max-width: 780px) {
  .zone2-block > .zone2-content > .accueil > .col1 > .col1-zone1-right > .block-agenda > .agenda-bulle > .agenda-detail > .agenda-descri > .icon-clock, .zone2-block > .zone2-content > .accueil > .col1 > .col1-zone1-right > .block-agenda > .agenda-bulle > .agenda-detail > .agenda-descri .icon-location {
    width: 150px; } }
.zone2-block > .zone2-content > .accueil > .col1 > .col1-zone1-right > .block-agenda > .agenda-bulle > .agenda-detail > .agenda-descri > .icon-clock > .txt, .zone2-block > .zone2-content > .accueil > .col1 > .col1-zone1-right > .block-agenda > .agenda-bulle > .agenda-detail > .agenda-descri .icon-location > .txt {
  font-size: 12px;
  text-transform: capitalize;
  margin-right: 6px;
  color: #6b6b6b;
  top: -3px;
  position: relative; }
.zone2-block > .zone2-content > .accueil > .col1 > .col1-zone1-right > .block-agenda > .agenda-bulle > .agenda-detail > .agenda-descri > .icon-clock > .txt > a, .zone2-block > .zone2-content > .accueil > .col1 > .col1-zone1-right > .block-agenda > .agenda-bulle > .agenda-detail > .agenda-descri .icon-location > .txt > a {
  color: #6b6b6b;
  text-decoration: underline; }
.zone2-block > .zone2-content > .accueil > .col1 > .col1-zone1-right > .block-agenda > .agenda-bulle > .agenda-detail > .agenda-descri > .icon-clock {
  background: url("gfx/ico-clock.png") left 0px no-repeat; }
.zone2-block > .zone2-content > .accueil > .col1 > .col1-zone1-right > .block-agenda > .agenda-bulle > .agenda-detail > .agenda-descri > .icon-location {
  background: url("gfx/ico-location.png") left 0px no-repeat; }
.zone2-block > .zone2-content > .accueil > .col1 > .col1-zone1-right > .block-agenda > .agenda-bulle > .agenda-detail > .agenda-txt {
  display: none; }
.zone2-block > .zone2-content > .accueil > .col1 > .col1-zone1-right > .block-agenda > .agenda-bulle:hover > .agenda-detail {
  height: auto;
  z-index: 2;
  background-color: #fff;
  box-shadow: 2px 4px 2px #ccc; }
.zone2-block > .zone2-content > .accueil > .col1 > .col1-zone1-right > .block-agenda > .agenda-bulle:hover > .agenda-detail > .agenda-txt {
  display: block; }
.zone2-block > .zone2-content > .accueil > .col1 > .col1-zone1-right > .block-agenda > .btn_plus_det {
  color: #CC2BC1;
  background: url("gfx/puce-plus-mauve.png") no-repeat left;
  padding-left: 20px;
  border: 0px;
  text-decoration: underline; }
@media only screen and (min-width: 781px) and (max-width: 1219px) {
  .zone2-block > .zone2-content > .accueil > .col2 {
    padding-top: 50px; } }
@media only screen and (min-width: 1220px) {
  .zone2-block > .zone2-content > .accueil > .col2 {
    margin-left: 4%;
    width: 50%; } }
@media only screen and (min-width: 781px) and (max-width: 1219px) {
  .zone2-block > .zone2-content > .accueil > .col2 .title, .zone2-block > .zone2-content > .accueil > .col2 .subtitle {
    width: 95% !important; } }
@media only screen and (min-width: 1220px) {
  .zone2-block > .zone2-content > .accueil > .col2 .title, .zone2-block > .zone2-content > .accueil > .col2 .subtitle {
    width: 90% !important; } }
.zone2-block > .zone2-content > .page {
  margin-bottom: 40px; }
.zone2-block > .zone2-content > .page h1 {
  font-size: 45px;
  padding-bottom: 20px;
  color: #230C35;
  text-align: center;
  margin-bottom: 30px; }
.zone2-block > .zone2-content > .page h1 .title {
  margin-bottom: 30px;
  border-bottom: 9px solid #9e70a6;
  padding-bottom: 10px;
  margin-left: auto;
  margin-right: auto; }
@media only screen and (min-width: 781px) and (max-width: 1219px) {
  .zone2-block > .zone2-content > .page h1 .title {
    width: 70%; } }
@media only screen and (min-width: 1220px) {
  .zone2-block > .zone2-content > .page h1 .title {
    width: 70%; } }
.zone2-block > .zone2-content > .page h1 .subtitle {
  font-size: 15px;
  margin-left: auto;
  margin-right: auto;
  color: #666;
  line-height: 20px;
  text-transform: uppercase; }
@media only screen and (min-width: 781px) and (max-width: 1219px) {
  .zone2-block > .zone2-content > .page h1 .subtitle {
    width: 70%; } }
@media only screen and (min-width: 1220px) {
  .zone2-block > .zone2-content > .page h1 .subtitle {
    width: 70%; } }
.zone2-block > .zone2-content > .page h2 {
  font-size: 18px;
  color: #9e70a6;
  width: auto; }
.zone2-block > .zone2-content > .page h4 {
  font-size: 18px; }
.zone2-block > .zone2-content > .page ul {
  padding: 0px;
  margin: 0px;
  margin-bottom: 30px; }
.zone2-block > .zone2-content > .page ul > li {
  list-style: none;
  background: url("gfx/puce-plus-mauve.png") left 4px no-repeat;
  padding-left: 20px; }
.zone2-block > .zone2-content > .contact {
  padding-bottom: 40px; }
.zone2-block > .zone2-content > .contact > iframe {
  padding-bottom: 40px; }
.zone2-block > .zone2-content > .contact h1 {
  font-size: 45px;
  padding-bottom: 20px;
  color: #230C35;
  text-align: center;
  margin-bottom: 30px; }
.zone2-block > .zone2-content > .contact h1 .title {
  margin-bottom: 30px;
  border-bottom: 9px solid #9e70a6;
  padding-bottom: 10px;
  margin-left: auto;
  margin-right: auto; }
@media only screen and (min-width: 781px) and (max-width: 1219px) {
  .zone2-block > .zone2-content > .contact h1 .title {
    width: 70%; } }
@media only screen and (min-width: 1220px) {
  .zone2-block > .zone2-content > .contact h1 .title {
    width: 70%; } }
.zone2-block > .zone2-content > .contact h1 .subtitle {
  font-size: 15px;
  margin-left: auto;
  margin-right: auto;
  color: #666;
  line-height: 20px;
  text-transform: uppercase; }
@media only screen and (min-width: 781px) and (max-width: 1219px) {
  .zone2-block > .zone2-content > .contact h1 .subtitle {
    width: 70%; } }
@media only screen and (min-width: 1220px) {
  .zone2-block > .zone2-content > .contact h1 .subtitle {
    width: 70%; } }
.zone2-block > .zone2-content > .contact h2 {
  padding-bottom: 20px;
  color: #202020; }
@media only screen and (min-width: 781px) and (max-width: 1219px) {
  .zone2-block > .zone2-content > .contact h2 {
    width: 380px; } }
@media only screen and (min-width: 1220px) {
  .zone2-block > .zone2-content > .contact h2 {
    width: 380px; } }
@media only screen and (max-width: 780px) {
  .zone2-block > .zone2-content > .contact > .colleft {
    padding: 10px; } }
@media only screen and (min-width: 781px) and (max-width: 1219px) {
  .zone2-block > .zone2-content > .contact > .colleft {
    padding: 10px; } }
@media only screen and (min-width: 1220px) {
  .zone2-block > .zone2-content > .contact > .colleft {
    float: left;
    width: 380px;
    margin-right: 50px; } }
.zone2-block > .zone2-content > .contact > .colleft > p {
  margin-top: 0px;
  margin-bottom: 10px; }
.zone2-block > .zone2-content > .contact > .colleft > .bulletin {
  background-color: #B2CD6C;
  border-radius: 10px;
  padding: 20px;
  font-family: "Advent Pro";
  transform: rotate(2deg);
  height: 30px;
  margin-bottom: 40px;
  text-align: center; }
.zone2-block > .zone2-content > .contact > .colleft > .bulletin > a > h3 {
  position: relative;
  top: -5px;
  color: #fff; }
.zone2-block > .zone2-content > .contact > .colleft > .bulletin > a > h3 > img {
  float: left;
  padding-right: 15px; }
.zone2-block > .zone2-content > .contact > .colleft > .bulletin > a > h3 > .bulletin-txt {
  float: left;
  position: relative;
  top: 3px; }
@media only screen and (max-width: 780px) {
  .zone2-block > .zone2-content > .contact > .colleft > .bulletin > a > h3 > .bulletin-txt {
    font-size: 15px;
    width: 70%; } }
.zone2-block > .zone2-content > .contact > .colleft > .bulletin:hover {
  background-color: #124D83; }
.zone2-block > .zone2-content > .contact > .colleft > img {
  border-radius: 10px;
  margin-bottom: 20px; }
.zone2-block > .zone2-content > .contact > .colleft > .coordonnees {
  background-color: #fff;
  border-radius: 4px;
  color: #230C35;
  margin-top: 30px;
  padding: 20px; }
@media only screen and (max-width: 780px) {
  .zone2-block > .zone2-content > .contact > .colright {
    padding: 10px; } }
@media only screen and (min-width: 781px) and (max-width: 1219px) {
  .zone2-block > .zone2-content > .contact > .colright {
    padding: 10px; } }
@media only screen and (min-width: 1220px) {
  .zone2-block > .zone2-content > .contact > .colright {
    float: left;
    width: 770px; } }
.zone2-block > .zone2-content > .contact > .colright > .first-line > input {
  float: left;
  border: 1px solid #EBEBEB;
  width: 230px;
  padding: 5px;
  color: #666;
  font-family: "Fira Sans", sans-serif;
  font-size: 14px; }
@media only screen and (max-width: 780px) {
  .zone2-block > .zone2-content > .contact > .colright > .first-line > input {
    margin-bottom: 10px; } }
@media only screen and (min-width: 781px) and (max-width: 1219px) {
  .zone2-block > .zone2-content > .contact > .colright > .first-line > input {
    margin-bottom: 10px; } }
.zone2-block > .zone2-content > .contact > .colright > .second-line {
  clear: both;
  padding-top: 20px; }
@media only screen and (min-width: 781px) and (max-width: 1219px) {
  .zone2-block > .zone2-content > .contact > .colright > .second-line > .input-adress {
    width: 380px !important; } }
@media only screen and (min-width: 1220px) {
  .zone2-block > .zone2-content > .contact > .colright > .second-line > .input-adress {
    width: 380px !important; } }
.zone2-block > .zone2-content > .contact > .colright > .second-line > input[type="text"] {
  float: left;
  border: 1px solid #EBEBEB;
  width: 230px;
  padding: 5px;
  color: #666;
  font-family: "Fira Sans", sans-serif;
  font-size: 14px; }
@media only screen and (max-width: 780px) {
  .zone2-block > .zone2-content > .contact > .colright > .second-line > input[type="text"] {
    margin-bottom: 10px; } }
@media only screen and (min-width: 781px) and (max-width: 1219px) {
  .zone2-block > .zone2-content > .contact > .colright > .second-line > input[type="text"] {
    margin-bottom: 10px; } }
.zone2-block > .zone2-content > .contact > .colright > .second-line > textarea {
  border: 1px solid #EBEBEB;
  height: 300px;
  padding: 5px;
  color: #666;
  font-family: "Fira Sans", sans-serif;
  font-size: 14px; }
@media only screen and (max-width: 780px) {
  .zone2-block > .zone2-content > .contact > .colright > .second-line > textarea {
    width: 90%; } }
@media only screen and (min-width: 781px) and (max-width: 1219px) {
  .zone2-block > .zone2-content > .contact > .colright > .second-line > textarea {
    width: 90%; } }
@media only screen and (min-width: 1220px) {
  .zone2-block > .zone2-content > .contact > .colright > .second-line > textarea {
    width: 755px;
    height: 231px; } }
.zone2-block > .zone2-content > .contact > .colright > .second-line input[type="submit"], .zone2-block > .zone2-content > .contact > .colright > .second-line input[type="reset"] {
  font-family: "Fira Sans", sans-serif;
  font-size: 13px;
  border: 0px;
  padding: 8px;
  border-radius: 4px;
  cursor: pointer;
  background-color: #9e70a6;
  color: #fff;
  float: left;
  margin-right: 5px; }
.zone2-block > .zone2-content > .contact > .colright > .second-line input[type="submit"]:hover, .zone2-block > .zone2-content > .contact > .colright > .second-line input[type="reset"]:hover {
  background-color: #9e70a6;
  color: #fff; }
.zone2-block > .zone2-content > .contact > .colright > .second-line > .infocontact {
  margin-top: 10px;
  float: left;
  margin-left: 10px; }

.not-front-line {
  border-top: 5px solid #230C35; }

.grey {
  background-color: #eee !important; }

.background-services {
  background: url("gfx/back-service.jpg") center 0px no-repeat fixed #242424; }

.champ {
  margin-bottom: 4px; }
.champ .label {
  width: 120px;
  float: left;
  margin-top: 7px; }
.champ textarea, .champ input {
  font-family: "Fira Sans", sans-serif;
  font-size: 13px;
  border: 1px solid #CCCCCC;
  padding: 5px;
  border-radius: 4px; }

.bulle-avatar > .avatar-icone {
  float: left;
  margin-right: 3%;
  width: 19%; }
.bulle-avatar > .avatar-texte {
  float: left;
  width: 72%;
  background-color: #fff;
  padding: 3%;
  border-radius: 9px;
  position: relative;
  color: #9e70a6;
  box-shadow: 1px 5px 3px rgba(0, 0, 0, 0.5); }
.bulle-avatar > .avatar-texte::after {
  top: 16px;
  bottom: auto;
  border-color: transparent #eee;
  content: "";
  position: absolute;
  border-style: solid;
  display: block;
  width: 0; }
@media only screen and (max-width: 780px) {
  .bulle-avatar > .avatar-texte::after {
    border-width: 6px 10px 6px 0;
    left: -10px; } }
@media only screen and (min-width: 781px) and (max-width: 1219px) {
  .bulle-avatar > .avatar-texte::after {
    border-width: 8px 20px 8px 0;
    left: -20px; } }
@media only screen and (min-width: 1220px) {
  .bulle-avatar > .avatar-texte::after {
    border-width: 8px 20px 8px 0;
    left: -20px; } }

/* ------------------------- */
/* Rubrique */
/* ------------------------- */
.list-valeur {
  margin-top: 85px; }
@media only screen and (max-width: 780px) {
  .list-valeur > .col-valeur {
    margin-bottom: 70px; } }
@media only screen and (min-width: 781px) and (max-width: 1219px) {
  .list-valeur > .col-valeur {
    float: left;
    width: 30%;
    margin-right: 3%; } }
@media only screen and (min-width: 1220px) {
  .list-valeur > .col-valeur {
    float: left;
    width: 30%;
    margin-right: 3%; } }
.list-valeur > .col-valeur > .bulle-valeur {
  padding: 15px;
  border: 1px solid #eee;
  text-align: center;
  min-height: 165px;
  background-color: #eee; }
.list-valeur > .col-valeur > .bulle-valeur > .bulle-valeur-icone {
  background: none;
  display: inline-block;
  float: none;
  margin: 0 0 -57px 0;
  padding: 0;
  vertical-align: top;
  border: 1px solid #d8dadc;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  position: relative;
  top: -67px;
  background-color: #fff; }
.list-valeur > .col-valeur > .bulle-valeur > .bulle-valeur-icone > img {
  width: 96px; }
.list-valeur > .col-valeur > .bulle-valeur > .bulle-valeur-title {
  margin-bottom: 15px;
  text-align: center;
  color: #9e70a6; }
@media only screen and (max-width: 780px) {
  .list-valeur > .col-valeur > .bulle-valeur > .bulle-valeur-title {
    font-size: 20px;
    line-height: 20px; } }
@media only screen and (min-width: 781px) and (max-width: 1219px) {
  .list-valeur > .col-valeur > .bulle-valeur > .bulle-valeur-title {
    font-size: 33px; } }
@media only screen and (min-width: 1220px) {
  .list-valeur > .col-valeur > .bulle-valeur > .bulle-valeur-title {
    font-size: 33px; } }
.list-valeur > .col-valeur > .bulle-valeur > .bulle-valeur-title > h2 {
  margin-bottom: 15px;
  text-align: center;
  color: #9e70a6;
  width: auto; }
.list-valeur > .col-valeur > .bulle-valeur > .bulle-valeur-text {
  text-align: center;
  line-height: 17px; }

@media only screen and (min-width: 781px) and (max-width: 1219px) {
  .list-service {
    margin-top: 85px; } }
@media only screen and (min-width: 1220px) {
  .list-service {
    margin-top: 85px; } }
@media only screen and (max-width: 780px) {
  .list-service > .col-service {
    margin-bottom: 30px; } }
@media only screen and (min-width: 781px) and (max-width: 1219px) {
  .list-service > .col-service {
    width: 23%;
    float: left;
    margin-right: 2%;
    margin-bottom: 40px; } }
@media only screen and (min-width: 1220px) {
  .list-service > .col-service {
    width: 23%;
    float: left;
    margin-right: 2%; } }
.list-service > .col-service > .bulle-service {
  padding: 15px;
  text-align: center; }
@media only screen and (min-width: 781px) and (max-width: 1219px) {
  .list-service > .col-service > .bulle-service {
    min-height: 165px; } }
@media only screen and (min-width: 1220px) {
  .list-service > .col-service > .bulle-service {
    min-height: 165px; } }
@media only screen and (max-width: 780px) {
  .list-service > .col-service > .bulle-service > .bulle-service-icone {
    margin-bottom: 10px; } }
.list-service > .col-service > .bulle-service > .bulle-service-icone > a {
  background: none;
  padding: 0;
  vertical-align: top;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%; }
@media only screen and (min-width: 781px) and (max-width: 1219px) {
  .list-service > .col-service > .bulle-service > .bulle-service-icone > a {
    display: inline-block;
    top: -80px;
    float: none;
    margin: 0 0 -57px 0;
    position: relative; } }
@media only screen and (min-width: 1220px) {
  .list-service > .col-service > .bulle-service > .bulle-service-icone > a {
    display: inline-block;
    top: -80px;
    float: none;
    margin: 0 0 -57px 0;
    position: relative; } }
.list-service > .col-service > .bulle-service > .bulle-service-title {
  margin-bottom: 10px; }
.list-service > .col-service > .bulle-service > .bulle-service-title > a {
  text-align: center;
  color: #9e70a6;
  display: block; }
@media only screen and (max-width: 780px) {
  .list-service > .col-service > .bulle-service > .bulle-service-title > a {
    font-size: 28px;
    line-height: 25px; } }
@media only screen and (min-width: 781px) and (max-width: 1219px) {
  .list-service > .col-service > .bulle-service > .bulle-service-title > a {
    min-height: 30px;
    font-size: 17px;
    line-height: 17px; } }
@media only screen and (min-width: 1220px) {
  .list-service > .col-service > .bulle-service > .bulle-service-title > a {
    min-height: 60px;
    font-size: 26px;
    line-height: 25px; } }
.list-service > .col-service > .bulle-service > .bulle-service-title > a h2 {
  color: #9e70a6; }
.list-service > .col-service > .bulle-service > .bulle-service-text {
  text-align: center;
  line-height: 17px;
  color: #fff; }
.list-service > .col-service > .bulle-service > .bulle-service-photo {
  padding-top: 20px; }
.list-service > .col-service > .bulle-service > .bulle-service-photo img {
  border-radius: 5px; }

.qui {
  margin-bottom: 40px;
  margin-top: 30px; }
.qui h1 {
  font-size: 45px;
  padding-bottom: 20px;
  color: #230C35;
  text-align: center;
  margin-bottom: 30px; }
.qui h1 .title {
  margin-bottom: 30px;
  border-bottom: 9px solid #9e70a6;
  padding-bottom: 10px;
  margin-right: auto;
  margin-left: auto; }
@media only screen and (min-width: 781px) and (max-width: 1219px) {
  .qui h1 .title {
    width: 70%; } }
@media only screen and (min-width: 1220px) {
  .qui h1 .title {
    width: 70%; } }
.qui h1 .subtitle {
  font-size: 15px;
  margin-left: auto;
  margin-right: auto;
  color: #666;
  line-height: 20px;
  text-transform: uppercase; }
@media only screen and (min-width: 781px) and (max-width: 1219px) {
  .qui h1 .subtitle {
    width: 70%; } }
@media only screen and (min-width: 1220px) {
  .qui h1 .subtitle {
    width: 70%; } }
.qui h3 {
  font-size: 40px;
  margin-bottom: 20px; }
.qui > .bulle-qui {
  transform: rotate(-1deg);
  border: 2px dashed;
  background-color: #230c35;
  color: #FFF;
  font-size: 14px;
  margin-bottom: 50px;
  line-height: 38px;
  padding-top: 30px;
  padding-bottom: 30px;
  padding-left: 20px;
  padding-right: 20px; }
.qui > .bulle-qui .surligne {
  font-weight: bold;
  font-size: 15px;
  padding: 4px;
  background-color: #9e70a6; }
@media only screen and (min-width: 781px) and (max-width: 1219px) {
  .qui > .bulle-qui > .col-img {
    float: left;
    width: 17%;
    margin-right: 4%; } }
@media only screen and (min-width: 1220px) {
  .qui > .bulle-qui > .col-img {
    float: left;
    width: 17%;
    margin-right: 4%; } }
.qui > .bulle-qui > .col-img > img {
  background-color: #fff;
  border-radius: 5px; }
@media only screen and (min-width: 781px) and (max-width: 1219px) {
  .qui > .bulle-qui > .col-content {
    float: left;
    width: 79%; } }
@media only screen and (min-width: 1220px) {
  .qui > .bulle-qui > .col-content {
    float: left;
    width: 79%; } }
.qui > .bulle-parcours > h4 {
  font-size: 18px; }
.qui > .bulle-parcours > ul {
  margin-bottom: 30px; }
.qui ul {
  margin: 0px;
  padding: 0px; }
.qui ul > li {
  list-style: none; }
.qui ul > li > a {
  color: #5D5D5F;
  list-style: none;
  margin-bottom: 4px;
  padding-left: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-right: 5px;
  display: block;
  font-size: 20px;
  background: url("gfx/puce-plus-mauve.png") 6px 13px no-repeat #eee;
  padding-left: 25px;
  border-radius: 5px; }
.qui ul > li > a h2 {
  color: #5D5D5F !important;
  padding-bottom: 0px !important; }
.qui ul > li > a > img {
  width: 20px;
  float: left;
  margin-right: 10px; }
.qui ul > li > a:hover {
  color: #fff;
  background-color: #23282b; }
.qui ul > li > a:hover h2 {
  color: #fff; }
.qui > .menu-famille > .menu-famille-title {
  font-size: 25px;
  margin-bottom: 10px; }

.prestation-liste {
  margin-bottom: 40px;
  margin-top: 30px; }
.prestation-liste h1 {
  font-size: 45px;
  padding-bottom: 20px;
  color: #230C35;
  text-align: center;
  margin-bottom: 30px; }
.prestation-liste h1 .title {
  margin-bottom: 30px;
  border-bottom: 9px solid #9e70a6;
  padding-bottom: 10px;
  margin-right: auto;
  margin-left: auto; }
@media only screen and (min-width: 781px) and (max-width: 1219px) {
  .prestation-liste h1 .title {
    width: 70%; } }
@media only screen and (min-width: 1220px) {
  .prestation-liste h1 .title {
    width: 70%; } }
.prestation-liste h1 .subtitle {
  font-size: 15px;
  margin-left: auto;
  margin-right: auto;
  color: #666;
  line-height: 20px; }
@media only screen and (min-width: 781px) and (max-width: 1219px) {
  .prestation-liste h1 .subtitle {
    width: 70%; } }
@media only screen and (min-width: 1220px) {
  .prestation-liste h1 .subtitle {
    width: 70%; } }
.prestation-liste .bulle-service > .bulle-service-text {
  color: #666 !important; }

.prestation {
  margin-bottom: 40px;
  margin-top: 30px; }
.prestation h1 {
  font-size: 45px;
  color: #230C35;
  text-align: left; }
.prestation h1 .title {
  margin-bottom: 30px;
  border-bottom: 9px solid #9e70a6;
  padding-bottom: 10px;
  margin-right: auto;
  line-height: 45px; }
.prestation h1 .subtitle {
  font-size: 15px;
  margin-right: auto;
  color: #666;
  line-height: 20px;
  text-transform: uppercase; }
.prestation h2 {
  font-size: 30px;
  color: #895890; }
.prestation h3 {
  font-size: 25px; }
.prestation h4 {
  font-size: 18px; }
@media only screen and (max-width: 780px) {
  .prestation > .colprestation-left {
    margin-bottom: 30px; } }
@media only screen and (min-width: 781px) and (max-width: 1219px) {
  .prestation > .colprestation-left {
    float: left;
    width: 64%;
    margin-right: 10%; } }
@media only screen and (min-width: 1220px) {
  .prestation > .colprestation-left {
    float: left;
    width: 64%;
    margin-right: 10%; } }
@media only screen and (max-width: 780px) {
  .prestation > .colprestation-left > .col-img {
    margin-bottom: 20px; } }
@media only screen and (min-width: 781px) and (max-width: 1219px) {
  .prestation > .colprestation-left > .col-img {
    margin-right: 35px;
    margin-bottom: 20px; } }
@media only screen and (min-width: 1220px) {
  .prestation > .colprestation-left > .col-img {
    margin-right: 35px;
    margin-bottom: 20px; } }
.prestation > .colprestation-left > .col-img > img {
  border-radius: 10px; }
@media only screen and (max-width: 780px) {
  .prestation > .colprestation-left > .col-txt {
    margin-bottom: 20px; } }
@media only screen and (min-width: 781px) and (max-width: 1219px) {
  .prestation > .colprestation-left > .col-txt {
    float: left;
    width: 80%; } }
@media only screen and (min-width: 1220px) {
  .prestation > .colprestation-left > .col-txt {
    float: left;
    width: 80%; } }
.prestation > .colprestation-left > .col-txt h2 {
  padding-left: 0px !important;
  color: #895890;
  width: auto; }
.prestation > .colprestation-left > .col-txt h3 {
  padding-left: 0px !important; }
.prestation > .colprestation-left > .col-txt ul {
  padding: 0px;
  margin: 0px;
  margin-bottom: 30px; }
.prestation > .colprestation-left > .col-txt ul > li {
  list-style: none;
  background: url("gfx/puce-plus-mauve.png") left 4px no-repeat;
  padding-left: 20px; }
@media only screen and (min-width: 781px) and (max-width: 1219px) {
  .prestation > .colprestation-right {
    float: left;
    width: 25%;
    padding-left: 1%; } }
@media only screen and (min-width: 1220px) {
  .prestation > .colprestation-right {
    float: left;
    width: 25%;
    padding-left: 1%; } }
.prestation > .colprestation-right ul {
  margin: 0px;
  padding: 0px; }
.prestation > .colprestation-right ul > li {
  list-style: none; }
.prestation > .colprestation-right ul > li > a {
  color: #fff;
  background-color: #5D5D5F;
  list-style: none;
  margin-bottom: 2px;
  padding-left: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-right: 5px;
  display: block; }
.prestation > .colprestation-right ul > li > a > h2 {
  font-size: 15px;
  padding-bottom: 0px; }
.prestation > .colprestation-right ul > li > a > img {
  width: 20px;
  float: left;
  margin-right: 10px; }
.prestation > .colprestation-right ul > li > a:hover {
  color: #5D5D5F;
  background-color: #eee; }
.prestation > .colprestation-right ul > li > a:hover h2 {
  color: #5D5D5F; }
@media only screen and (max-width: 780px) {
  .prestation > .colprestation-right > .menu-famille {
    display: none; } }
.prestation > .colprestation-right > .menu-famille > .menu-famille-title {
  font-size: 25px;
  margin-bottom: 10px; }
.prestation > .colprestation-right > .liste-partenaires-media {
  margin-top: 20px; }
.prestation > .colprestation-right > .liste-partenaires-media > h2 {
  font-size: 25px;
  color: #230C35;
  text-align: left;
  margin-bottom: 30px;
  border-bottom: 9px solid #9e70a6;
  padding-bottom: 0px;
  margin-right: auto;
  line-height: 45px; }
.prestation > .colprestation-right > .liste-partenaires-media > .partenaire-bulle {
  margin-bottom: 30px;
  border-bottom: 5px solid #eee;
  padding-bottom: 30px; }
@media only screen and (max-width: 780px) {
  .prestation > .colprestation-right > .liste-partenaires-media > .partenaire-bulle {
    text-align: center; } }
.prestation > .colprestation-right > .liste-partenaires-media > .partenaire-bulle > .partenaire-photo {
  margin-bottom: 10px; }
@media only screen and (min-width: 781px) and (max-width: 1219px) {
  .prestation > .colprestation-right > .liste-partenaires-media > .partenaire-bulle > .partenaire-photo {
    float: left;
    width: 50%; } }
@media only screen and (min-width: 1220px) {
  .prestation > .colprestation-right > .liste-partenaires-media > .partenaire-bulle > .partenaire-photo {
    float: left;
    width: 50%; } }
.prestation > .colprestation-right > .liste-partenaires-media > .partenaire-bulle > .partenaire-photo > img {
  border: 1px solid #eee;
  padding: 10%; }
@media only screen and (max-width: 780px) {
  .prestation > .colprestation-right > .liste-partenaires-media > .partenaire-bulle > .partenaire-photo > img {
    border-radius: 40px;
    width: 80%; } }
@media only screen and (min-width: 781px) and (max-width: 1219px) {
  .prestation > .colprestation-right > .liste-partenaires-media > .partenaire-bulle > .partenaire-photo > img {
    width: 65%;
    border-radius: 20px; } }
@media only screen and (min-width: 1220px) {
  .prestation > .colprestation-right > .liste-partenaires-media > .partenaire-bulle > .partenaire-photo > img {
    width: 65%;
    border-radius: 20px; } }
@media only screen and (min-width: 781px) and (max-width: 1219px) {
  .prestation > .colprestation-right > .liste-partenaires-media > .partenaire-bulle > .partenaire-content {
    float: left;
    width: 50%; } }
@media only screen and (min-width: 1220px) {
  .prestation > .colprestation-right > .liste-partenaires-media > .partenaire-bulle > .partenaire-content {
    float: left;
    width: 50%; } }
.prestation > .colprestation-right > .liste-partenaires-media > .partenaire-bulle > .partenaire-content > .partenaire-titre {
  margin-bottom: 5px;
  color: #9e70a6; }
@media only screen and (max-width: 780px) {
  .prestation > .colprestation-right > .liste-partenaires-media > .partenaire-bulle > .partenaire-content > .partenaire-titre {
    font-size: 25px; } }
@media only screen and (min-width: 781px) and (max-width: 1219px) {
  .prestation > .colprestation-right > .liste-partenaires-media > .partenaire-bulle > .partenaire-content > .partenaire-titre {
    font-size: 22px; } }
@media only screen and (min-width: 1220px) {
  .prestation > .colprestation-right > .liste-partenaires-media > .partenaire-bulle > .partenaire-content > .partenaire-titre {
    font-size: 22px; } }

.temoignage-liste {
  margin-bottom: 40px;
  margin-top: 30px; }
.temoignage-liste h1 {
  font-size: 45px;
  padding-bottom: 20px;
  color: #230C35;
  text-align: center;
  margin-bottom: 30px; }
.temoignage-liste h1 .title {
  margin-bottom: 30px;
  border-bottom: 9px solid #9e70a6;
  padding-bottom: 10px;
  margin-right: auto;
  margin-left: auto; }
@media only screen and (min-width: 781px) and (max-width: 1219px) {
  .temoignage-liste h1 .title {
    width: 70%; } }
@media only screen and (min-width: 1220px) {
  .temoignage-liste h1 .title {
    width: 70%; } }
.temoignage-liste h1 .subtitle {
  font-size: 15px;
  margin-left: auto;
  margin-right: auto;
  color: #666;
  line-height: 20px; }
@media only screen and (min-width: 781px) and (max-width: 1219px) {
  .temoignage-liste h1 .subtitle {
    width: 70%; } }
@media only screen and (min-width: 1220px) {
  .temoignage-liste h1 .subtitle {
    width: 70%; } }
.temoignage-liste .list-temoignage {
  margin-top: 85px;
  display: flex;
  flex-wrap: wrap; }
.temoignage-liste .list-temoignage > .col-temoignage {
  margin-bottom: 100px;
  background-color: #eee; }
@media only screen and (min-width: 781px) and (max-width: 1219px) {
  .temoignage-liste .list-temoignage > .col-temoignage {
    float: left;
    width: 30%;
    margin-right: 3%; } }
@media only screen and (min-width: 1220px) {
  .temoignage-liste .list-temoignage > .col-temoignage {
    float: left;
    width: 30%;
    margin-right: 3%; } }
.temoignage-liste .list-temoignage > .col-temoignage > .bulle-temoignage {
  padding: 15px;
  border: 1px solid #eee;
  text-align: center;
  min-height: 165px;
  border-radius: 5px; }
.temoignage-liste .list-temoignage > .col-temoignage > .bulle-temoignage > .bulle-temoignage-icone {
  background: none;
  display: inline-block;
  float: none;
  margin: 0 0 -90px 0;
  padding: 0;
  vertical-align: top;
  position: relative;
  top: -100px;
  background-color: #fff;
  border-radius: 50%;
  padding: 10px; }
.temoignage-liste .list-temoignage > .col-temoignage > .bulle-temoignage > .bulle-temoignage-icone img {
  width: 200px;
  border-radius: 50%; }
.temoignage-liste .list-temoignage > .col-temoignage > .bulle-temoignage > .bulle-temoignage-title {
  margin-bottom: 15px;
  text-align: center;
  color: #9e70a6; }
@media only screen and (max-width: 780px) {
  .temoignage-liste .list-temoignage > .col-temoignage > .bulle-temoignage > .bulle-temoignage-title {
    font-size: 20px;
    line-height: 20px; } }
@media only screen and (min-width: 781px) and (max-width: 1219px) {
  .temoignage-liste .list-temoignage > .col-temoignage > .bulle-temoignage > .bulle-temoignage-title {
    font-size: 33px; } }
@media only screen and (min-width: 1220px) {
  .temoignage-liste .list-temoignage > .col-temoignage > .bulle-temoignage > .bulle-temoignage-title {
    font-size: 33px; } }
.temoignage-liste .list-temoignage > .col-temoignage > .bulle-temoignage > .bulle-temoignage-title h2 {
  margin-bottom: 15px;
  color: #9e70a6;
  width: auto; }
@media only screen and (max-width: 780px) {
  .temoignage-liste .list-temoignage > .col-temoignage > .bulle-temoignage > .bulle-temoignage-title h2 {
    font-size: 20px;
    line-height: 20px; } }
@media only screen and (min-width: 781px) and (max-width: 1219px) {
  .temoignage-liste .list-temoignage > .col-temoignage > .bulle-temoignage > .bulle-temoignage-title h2 {
    font-size: 33px; } }
@media only screen and (min-width: 1220px) {
  .temoignage-liste .list-temoignage > .col-temoignage > .bulle-temoignage > .bulle-temoignage-title h2 {
    font-size: 33px; } }
.temoignage-liste .list-temoignage > .col-temoignage > .bulle-temoignage > .bulle-temoignage-text {
  text-align: center;
  line-height: 18px;
  font-size: 16px;
  font-style: italic;
  margin-bottom: 10px; }

.formation-liste {
  margin-bottom: 40px; }
.formation-liste h1 {
  font-size: 45px;
  padding-bottom: 20px;
  color: #230C35;
  margin-bottom: 30px; }
.formation-liste h1 .title {
  margin-bottom: 30px;
  border-bottom: 9px solid #9e70a6;
  padding-bottom: 10px;
  margin-right: auto;
  margin-left: auto; }
.formation-liste h1 .subtitle {
  font-size: 15px;
  margin-left: auto;
  margin-right: auto;
  color: #666;
  line-height: 20px;
  margin-bottom: 60px;
  text-transform: none; }
.formation-liste .list-temoignage {
  margin-top: 85px;
  display: flex;
  flex-wrap: wrap; }
.formation-liste .list-temoignage > .col-temoignage {
  background-color: #eee; }
@media only screen and (max-width: 780px) {
  .formation-liste .list-temoignage > .col-temoignage {
    margin-bottom: 150px; } }
@media only screen and (min-width: 781px) and (max-width: 1219px) {
  .formation-liste .list-temoignage > .col-temoignage {
    float: left;
    width: 30%;
    margin-right: 3%;
    margin-bottom: 155px; } }
@media only screen and (min-width: 1220px) {
  .formation-liste .list-temoignage > .col-temoignage {
    float: left;
    width: 30%;
    margin-right: 3%;
    margin-bottom: 155px; } }
.formation-liste .list-temoignage > .col-temoignage > .bulle-temoignage {
  border: 1px solid #eee;
  text-align: center;
  border-radius: 5px; }
.formation-liste .list-temoignage > .col-temoignage > .bulle-temoignage > a {
  display: block;
  min-height: 165px; }
.formation-liste .list-temoignage > .col-temoignage > .bulle-temoignage > a > .bulle-temoignage-icone {
  background: none;
  display: inline-block;
  float: none;
  margin: 0 0 -90px 0;
  padding: 0;
  vertical-align: top;
  position: relative;
  top: -80px; }
.formation-liste .list-temoignage > .col-temoignage > .bulle-temoignage > a > .bulle-temoignage-icone img {
  width: 100%; }
.formation-liste .list-temoignage > .col-temoignage > .bulle-temoignage > a > .bulle-temoignage-title {
  margin-bottom: 15px;
  text-align: center;
  color: #9e70a6;
  padding-top: 20px; }
@media only screen and (max-width: 780px) {
  .formation-liste .list-temoignage > .col-temoignage > .bulle-temoignage > a > .bulle-temoignage-title {
    font-size: 20px;
    line-height: 20px; } }
@media only screen and (min-width: 781px) and (max-width: 1219px) {
  .formation-liste .list-temoignage > .col-temoignage > .bulle-temoignage > a > .bulle-temoignage-title {
    font-size: 30px;
    line-height: 28px; } }
@media only screen and (min-width: 1220px) {
  .formation-liste .list-temoignage > .col-temoignage > .bulle-temoignage > a > .bulle-temoignage-title {
    font-size: 31px;
    line-height: 28px; } }
.formation-liste .list-temoignage > .col-temoignage > .bulle-temoignage > a > .bulle-temoignage-text {
  text-align: center;
  line-height: 18px;
  font-size: 16px;
  font-style: italic;
  margin-bottom: 10px;
  color: #666; }
@media only screen and (max-width: 780px) {
  .formation-liste .block-actu {
    margin-bottom: 30px; } }
@media only screen and (min-width: 781px) and (max-width: 1219px) {
  .formation-liste .block-actu {
    float: left;
    margin-bottom: 40px;
    padding-bottom: 30px; } }
@media only screen and (min-width: 1220px) {
  .formation-liste .block-actu {
    float: left;
    margin-bottom: 30px;
    padding-bottom: 30px;
    width: 730px; } }
@media only screen and (max-width: 780px) {
  .formation-liste .block-actu > .col-left {
    padding-top: 10px; } }
.formation-liste .block-actu > .col-left > .block-img {
  margin-bottom: 30px; }
@media only screen and (max-width: 780px) {
  .formation-liste .block-actu > .col-right {
    padding-top: 10px; } }
.formation-liste .block-actu > .col-right h1 {
  margin-bottom: 0px;
  padding-bottom: 0px; }
.formation-liste .block-actu > .col-right h2 {
  margin-top: 20px;
  color: #9e70a6;
  width: auto;
  line-height: 31px; }
.formation-liste .block-actu > .col-right .block-subtitle {
  color: #3c3f4f;
  font: 32px/30px "Roboto",sans-serif;
  letter-spacing: 0;
  text-transform: none; }
.formation-liste .block-actu > .col-right .block-subtitle > a {
  text-decoration: underline;
  color: #3c3f4f;
  font: 32px/30px "Roboto",sans-serif;
  letter-spacing: 0;
  text-transform: none; }
.formation-liste .block-actu > .col-right > .block-text {
  margin-top: 25px; }
.formation-liste .block-actu > .col-right > .block-text a {
  color: #666;
  text-decoration: underline; }
.formation-liste .block-actu > .col-right > .block-text > .block-text-subtitle {
  font-weight: bold; }
.formation-liste .block-actu > .col-right > .block-text > img {
  border-radius: 10px;
  margin-bottom: 20px; }
.formation-liste .block-actu > .col-right > .block-text > p {
  margin: 0px;
  padding-bottom: 20px; }

@media only screen and (max-width: 780px) {
  .blog {
    display: flex;
    flex-direction: column; } }
@media only screen and (min-width: 781px) and (max-width: 1219px) {
  .blog {
    display: flex;
    justify-content: space-between; } }
@media only screen and (min-width: 1220px) {
  .blog {
    display: flex;
    justify-content: space-between; } }
@media only screen and (max-width: 780px) {
  .blog > .col-left {
    order: 2; } }
@media only screen and (min-width: 781px) and (max-width: 1219px) {
  .blog > .col-left {
    width: 65%; } }
@media only screen and (min-width: 1220px) {
  .blog > .col-left {
    width: 65%; } }
.blog > .col-left .liste-news {
  padding-top: 10px; }
.blog > .col-left .liste-news ul {
  list-style: none;
  margin-bottom: 20px;
  padding: 0; }
.blog > .col-left .liste-news ul > li > .bulle-content {
  border-bottom: 1px solid #ccc;
  color: #333333;
  margin-bottom: 20px;
  padding: 20px;
  display: block;
  transition: all 0.25s ease 0s;
  text-decoration: none; }
@media only screen and (min-width: 781px) and (max-width: 1219px) {
  .blog > .col-left .liste-news ul > li > .bulle-content {
    display: flex; } }
@media only screen and (min-width: 1220px) {
  .blog > .col-left .liste-news ul > li > .bulle-content {
    display: flex; } }
.blog > .col-left .liste-news ul > li > .bulle-content > .col-txt {
  display: flex;
  width: 100%; }
@media only screen and (min-width: 781px) and (max-width: 1219px) {
  .blog > .col-left .liste-news ul > li > .bulle-content > .col-txt > .img-thumb {
    width: 170px; } }
@media only screen and (min-width: 1220px) {
  .blog > .col-left .liste-news ul > li > .bulle-content > .col-txt > .img-thumb {
    width: 170px; } }
.blog > .col-left .liste-news ul > li > .bulle-content > .col-txt > .img-thumb > img {
  width: 150px;
  border-radius: 4px; }
.blog > .col-left .liste-news ul > li > .bulle-content > .col-txt > .date {
  margin-right: 15px; }
@media only screen and (max-width: 780px) {
  .blog > .col-left .liste-news ul > li > .bulle-content > .col-txt > .date {
    height: 87px; } }
@media only screen and (min-width: 781px) and (max-width: 1219px) {
  .blog > .col-left .liste-news ul > li > .bulle-content > .col-txt > .date {
    float: left;
    width: 12%; } }
@media only screen and (min-width: 1220px) {
  .blog > .col-left .liste-news ul > li > .bulle-content > .col-txt > .date {
    float: left;
    width: 12%; } }
.blog > .col-left .liste-news ul > li > .bulle-content > .col-txt > .date .date-icon {
  border: 1px solid #fff;
  border-radius: 3px;
  overflow: hidden;
  padding-bottom: 6px;
  position: relative;
  text-align: center;
  width: 60px;
  background-color: #fff; }
.blog > .col-left .liste-news ul > li > .bulle-content > .col-txt > .date .date-icon > .month {
  background: none repeat scroll 0 0 #3D0545;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  font-size: 9px;
  font-weight: 600;
  padding: 1px 0 2px;
  color: #fff; }
.blog > .col-left .liste-news ul > li > .bulle-content > .col-txt > .date .date-icon > .day-number {
  border-bottom: 1px dotted #bbb;
  font-size: 24px;
  font-weight: 600;
  letter-spacing: -1px;
  line-height: 1;
  margin: 7px 10px 0;
  padding-right: 3px;
  color: #5a5964 !important; }
.blog > .col-left .liste-news ul > li > .bulle-content > .col-txt > .date .date-icon > .weekday {
  font-size: 10px;
  font-weight: 600;
  line-height: 1;
  margin-top: 3px;
  color: #5a5964 !important; }
@media only screen and (max-width: 780px) {
  .blog > .col-left .liste-news ul > li > .bulle-content > .col-txt > .content-preview {
    width: 60%; } }
@media only screen and (min-width: 781px) and (max-width: 1219px) {
  .blog > .col-left .liste-news ul > li > .bulle-content > .col-txt > .content-preview {
    width: 60%; } }
@media only screen and (min-width: 1220px) {
  .blog > .col-left .liste-news ul > li > .bulle-content > .col-txt > .content-preview {
    width: 60%; } }
.blog > .col-left .liste-news ul > li > .bulle-content > .col-txt > .content-preview > .title {
  width: auto;
  font-size: 25px;
  color: #3D0545;
  letter-spacing: 0;
  line-height: 1.2em;
  text-transform: none; }
.blog > .col-left .liste-news ul > li > .bulle-content > .col-txt > .content-preview > .extrait {
  overflow: hidden;
  margin-top: 10px;
  margin-bottom: 10px;
  word-wrap: break-word;
  -o-text-overflow: ellipsis;
  /* pour Opera 9 */
  text-overflow: ellipsis;
  /* pour le reste du monde */ }
.blog > .col-left .liste-news ul > li > .bulle-content > .col-txt > .content-preview > .extrait h3 {
  font-size: 15px;
  color: #333333; }
.blog > .col-left .liste-news ul > li > .bulle-content > .col-txt > .content {
  float: left; }
.blog > .col-left .liste-news ul > li > .bulle-content > .col-txt > .content > .wotw-line {
  margin-bottom: 20px;
  font-size: 13px; }
.blog > .col-left .liste-news ul > li > .bulle-content > .col-txt > .content > .wotw-line > .bold {
  font-weight: bold;
  color: #39c4fd; }
.blog > .col-left .liste-news ul > li > .bulle-content > .col-txt > .content > .wotw-line > .content {
  font-size: 15px;
  margin-top: 3px; }
.blog > .col-left .liste-news ul > li > .bulle-content > .col-txt > .content > .wotw-line > .content > a {
  color: #fff; }
.blog > .col-left .liste-news ul > li > .bulle-content:hover {
  background-color: #ccc; }
.blog > .col-left > .fiche-news > .img-thumb {
  margin-bottom: 20px; }
.blog > .col-left > .fiche-news > .img-thumb img {
  border-radius: 5px; }
.blog > .col-left > .fiche-news h1 {
  margin-bottom: 5px;
  padding-bottom: 0px;
  font-size: 36px; }
.blog > .col-left > .fiche-news .date {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
  color: #ccc; }
.blog > .col-left > .fiche-news .date img {
  margin-right: 5px; }
.blog > .col-left > .fiche-news > .content {
  margin-bottom: 30px;
  font-size: 17px; }
.blog > .col-left > .fiche-news > .item-pdf {
  display: flex;
  align-items: center;
  background-color: #eee;
  margin-bottom: 4px;
  padding: 10px; }
.blog > .col-left > .fiche-news > .item-pdf > .ico {
  width: 45px; }
.blog > .col-left > .fiche-news > .item-pdf > .name a {
  text-decoration: underline;
  color: #666; }
.blog > .col-left > .fiche-news > .socialbox-partage {
  /*                border-top:1px solid #ccc;
                  padding-top:10px;
                  margin-top:20px;*/ }
.blog > .col-left > .fiche-news > .socialbox-partage > ul {
  margin: 0px;
  padding: 0px;
  display: flex; }
.blog > .col-left > .fiche-news > .socialbox-partage > ul > li {
  margin: 0px;
  padding: 0px;
  list-style: none; }
.blog > .col-left > .fiche-news > .socialbox-partage > ul > li > a {
  display: block;
  padding: 10px 4px; }
.blog > .col-left > .fiche-news > .more-article {
  padding-top: 40px; }
.blog > .col-left > .fiche-news > .more-article h2 {
  color: #9e70a6;
  border-bottom: 1px solid;
  width: auto;
  font-size: 18px;
  margin-bottom: 30px; }
@media only screen and (min-width: 781px) and (max-width: 1219px) {
  .blog > .col-left > .fiche-news > .more-article > .list-articles-connexes {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; } }
@media only screen and (min-width: 1220px) {
  .blog > .col-left > .fiche-news > .more-article > .list-articles-connexes {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; } }
@media only screen and (max-width: 780px) {
  .blog > .col-left > .fiche-news > .more-article > .list-articles-connexes > .article-connexe {
    margin-bottom: 30px;
    border-bottom: 1px solid #eee;
    padding-bottom: 30px; } }
@media only screen and (min-width: 781px) and (max-width: 1219px) {
  .blog > .col-left > .fiche-news > .more-article > .list-articles-connexes > .article-connexe {
    width: 30%; } }
@media only screen and (min-width: 1220px) {
  .blog > .col-left > .fiche-news > .more-article > .list-articles-connexes > .article-connexe {
    width: 30%; } }
.blog > .col-left > .fiche-news > .more-article > .list-articles-connexes > .article-connexe > .title-connexe {
  background-color: #000;
  position: relative;
  display: block; }
.blog > .col-left > .fiche-news > .more-article > .list-articles-connexes > .article-connexe > .title-connexe > .img-thumb {
  margin-bottom: 20px;
  opacity: 0.3;
  transition: all 0.15s ease 0s; }
.blog > .col-left > .fiche-news > .more-article > .list-articles-connexes > .article-connexe > .title-connexe > .img-thumb > img {
  width: 100%; }
.blog > .col-left > .fiche-news > .more-article > .list-articles-connexes > .article-connexe > .title-connexe > .content-title {
  position: absolute;
  text-align: center;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center; }
.blog > .col-left > .fiche-news > .more-article > .list-articles-connexes > .article-connexe > .title-connexe > .content-title > .title-inner-connexe {
  font-size: 20px;
  color: #fff; }
.blog > .col-left > .fiche-news > .more-article > .list-articles-connexes > .article-connexe > .title-connexe:hover > .img-thumb {
  opacity: 0.2; }
@media only screen and (max-width: 780px) {
  .blog > .col-right {
    order: 1; } }
@media only screen and (min-width: 781px) and (max-width: 1219px) {
  .blog > .col-right {
    width: 30%; } }
@media only screen and (min-width: 1220px) {
  .blog > .col-right {
    width: 30%; } }
.blog > .col-right .menu-famille > .menu-famille-title {
  font-size: 25px;
  margin-bottom: 10px; }
.blog > .col-right .menu-famille > .menu-famille-subtitle {
  font-size: 18px; }
.blog > .col-right .menu-famille > ul {
  margin-top: 20px;
  padding: 0; }
.blog > .col-right .menu-famille > ul > li {
  list-style: outside none none;
  border-bottom: 1px solid #ccc; }
.blog > .col-right .menu-famille > ul > li > .activ {
  color: #fff;
  background-color: #005AA7; }
.blog > .col-right .menu-famille > ul > li > a:before {
  border-bottom: 5px solid transparent;
  border-left: 5px solid #0A1B2F;
  border-top: 5px solid transparent;
  content: "";
  height: 0;
  position: absolute;
  width: 0;
  margin-left: -10px;
  transition: all 0.15s ease 0s; }
.blog > .col-right .menu-famille > ul > li > a {
  color: #0A1B2F;
  font-size: 14px;
  font-weight: bold;
  text-decoration: none;
  display: block;
  margin-bottom: 5px;
  padding: 10px 10px 10px 20px;
  transition: all 0.20s ease 0s;
  display: flex;
  align-items: center; }
.blog > .col-right .menu-famille > ul > li > a > img {
  width: 25px;
  float: left;
  margin-right: 30px; }
.blog > .col-right .menu-famille > ul > li:hover > a {
  color: #fff;
  background-color: #3D0545; }
.blog > .col-right .menu-famille > ul > li:hover > a:before {
  border-left: 5px solid #fff; }
.blog > .col-right .menu-famille > ul > li > ul {
  margin: 0 0 0 32px;
  padding: 0; }
.blog > .col-right .menu-famille > ul > li > ul > li > a {
  color: #000; }
.blog > .col-right .menu-famille > ul > li > ul > li > a:hover {
  color: #49bffc; }

/* ------------------------- */
/* Plugin */
/* ------------------------- */
.slider-mini > .slideshow-content {
  height: 200px !important;
  margin-top: 0px !important; }
.slider-mini > .slideshow-content > .slider {
  height: 200px !important; }

.slideshow-block {
  overflow: hidden; }
@media only screen and (max-width: 780px) {
  .slideshow-block {
    display: none; } }
.slideshow-block > .slideshow-content {
  height: 500px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: -95px;
  z-index: 0;
  position: relative; }
.slideshow-block > .slideshow-content > .slideshow-upper-content > .slideshow-upper-title {
  position: absolute;
  top: -40px;
  font-size: 24px;
  line-height: 25px;
  background-color: #230C35;
  padding-left: 20px;
  padding-top: 10px;
  padding-bottom: 10px;
  text-shadow: 1px 1px 0 #616D12;
  width: 940px;
  z-index: 2; }
.slideshow-block > .slideshow-content > .slideshow-upper-content > .slideshow-upper-photo {
  position: absolute;
  left: 382px;
  top: -140px;
  z-index: 3; }
.slideshow-block > .slideshow-content::after {
  background: url("gfx/fond_menu_bottom.png") no-repeat center bottom;
  height: 30px;
  content: "";
  width: 100%;
  display: block;
  top: -27px;
  position: relative;
  z-index: 10; }

.slider {
  height: 500px;
  width: 100%;
  overflow: hidden;
  position: relative;
  z-index: 2; }
.slider ul {
  list-style: none;
  margin: 0px;
  padding: 0px; }

.slides {
  height: 100%;
  /* Simple clear fix */
  overflow: hidden;
  /**
  * Here is CSS transitions
  * responsible for slider animation in modern broswers
  */
  -webkit-transition: all 500ms cubic-bezier(0.165, 0.84, 0.44, 1);
  -moz-transition: all 500ms cubic-bezier(0.165, 0.84, 0.44, 1);
  -ms-transition: all 500ms cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition: all 500ms cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 500ms cubic-bezier(0.165, 0.84, 0.44, 1); }

.slide {
  height: 100%;
  float: left;
  clear: none;
  display: flex;
  align-items: center; }
.slide .title {
  margin-left: 10%; }
.slide .title > h1 {
  color: #fff;
  font-size: 38px;
  letter-spacing: -1px; }
@media only screen and (max-width: 780px) {
  .slide > .txtslide {
    display: none; } }
@media only screen and (min-width: 781px) and (max-width: 1219px) {
  .slide > .txtslide {
    display: none; } }
@media only screen and (min-width: 1220px) {
  .slide > .txtslide {
    display: block; } }

.slider-arrows {
  display: block; }

.slider-arrow {
  position: absolute;
  font-size: 0px;
  font-weight: bold;
  top: 276px; }

.slider-arrow--right {
  background: url("gfx/arrows.png") no-repeat;
  background-position: -70px -40px;
  width: 40px;
  height: 40px; }
@media only screen and (min-width: 781px) and (max-width: 1219px) {
  .slider-arrow--right {
    right: 28px; } }
@media only screen and (min-width: 1220px) {
  .slider-arrow--right {
    right: 28px; } }
.slider-arrow--right:hover {
  background-position: -190px -40px; }

.slider-arrow--left {
  background: url("gfx/arrows.png") no-repeat;
  background-position: -10px -40px;
  width: 40px;
  height: 40px; }
@media only screen and (min-width: 781px) and (max-width: 1219px) {
  .slider-arrow--left {
    margin-top: 50px;
    right: 28px; } }
@media only screen and (min-width: 1220px) {
  .slider-arrow--left {
    left: 28px; } }
.slider-arrow--left:hover {
  background-position: -130px -40px; }

.slider-nav {
  position: absolute;
  top: 440px;
  z-index: 5; }
@media only screen and (min-width: 781px) and (max-width: 1219px) {
  .slider-nav {
    left: 20px; } }
@media only screen and (min-width: 1220px) {
  .slider-nav {
    left: 90%; } }

.slider-nav__item {
  width: 20px;
  height: 20px;
  float: left;
  clear: none;
  display: block;
  margin: 0 3px;
  background: transparent;
  border-radius: 50%;
  border: 2px solid #9e70a6; }

.slider-nav__item:hover {
  background: #9e70a6;
  border: 2px solid #9e70a6; }

.slider-nav__item--current {
  background: #9e70a6; }

/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp {
  padding: 0;
  margin: 0;
  border: 0;
  outline: none;
  vertical-align: top; }

.fancybox-wrap {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 8020; }

.fancybox-skin {
  position: relative;
  background: #f9f9f9;
  color: #444;
  text-shadow: none;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px; }

.fancybox-opened {
  z-index: 8030; }

.fancybox-opened .fancybox-skin {
  -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); }

.fancybox-outer, .fancybox-inner {
  position: relative; }

.fancybox-inner {
  overflow: hidden; }
.fancybox-inner img {
  float: left;
  margin-right: 20px;
  margin-bottom: 20px; }

.fancybox-type-iframe .fancybox-inner {
  -webkit-overflow-scrolling: touch; }

.fancybox-error {
  color: #444;
  font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
  margin: 0;
  padding: 15px;
  white-space: nowrap; }

.fancybox-image, .fancybox-iframe {
  display: block;
  width: 100%;
  height: 100%; }

.fancybox-image {
  max-width: 100%;
  max-height: 100%; }

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
  background-image: url("gfx/fancybox/fancybox_sprite.png"); }

#fancybox-loading {
  position: fixed;
  top: 50%;
  left: 50%;
  margin-top: -22px;
  margin-left: -22px;
  background-position: 0 -108px;
  opacity: 0.8;
  cursor: pointer;
  z-index: 8060; }

#fancybox-loading div {
  width: 44px;
  height: 44px;
  background: url("gfx/fancybox/fancybox_loading.gif") center center no-repeat; }

.fancybox-close {
  position: absolute;
  top: -18px;
  right: -18px;
  width: 36px;
  height: 36px;
  cursor: pointer;
  z-index: 8040; }

.fancybox-nav {
  position: absolute;
  top: 0;
  width: 35px;
  height: 100%;
  cursor: pointer;
  text-decoration: none;
  background: transparent url("gfx/fancybox/blank.gif");
  /* helps IE */
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  z-index: 8040; }

.fancybox-prev {
  left: -50px; }

.fancybox-next {
  right: -50px; }

.fancybox-nav span {
  position: absolute;
  top: 50%;
  width: 36px;
  height: 34px;
  margin-top: -18px;
  cursor: pointer;
  z-index: 8040;
  visibility: hidden; }

.fancybox-prev span {
  left: 10px;
  background-position: 0 -36px; }

.fancybox-next span {
  right: 10px;
  background-position: 0 -72px; }

.fancybox-nav:hover span {
  visibility: visible; }

.fancybox-tmp {
  position: absolute;
  top: -99999px;
  left: -99999px;
  visibility: hidden;
  max-width: 99999px;
  max-height: 99999px;
  overflow: visible !important; }

/* Overlay helper */
.fancybox-lock {
  overflow: hidden !important;
  width: auto; }

.fancybox-lock body {
  overflow: hidden !important; }

.fancybox-lock-test {
  overflow-y: hidden !important; }

.fancybox-overlay {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  display: none;
  z-index: 8010;
  background: url("gfx/fancybox/fancybox_overlay.png"); }

.fancybox-overlay-fixed {
  position: fixed;
  bottom: 0;
  right: 0; }

.fancybox-lock .fancybox-overlay {
  overflow: auto;
  overflow-y: scroll; }

/* Title helper */
.fancybox-title {
  visibility: hidden;
  font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
  position: relative;
  text-shadow: none;
  z-index: 8050; }

.fancybox-opened .fancybox-title {
  visibility: visible; }

.fancybox-title-float-wrap {
  position: absolute;
  bottom: 0;
  right: 50%;
  margin-bottom: -35px;
  z-index: 8050;
  text-align: center; }

.fancybox-title-float-wrap .child {
  display: inline-block;
  margin-right: -100%;
  padding: 2px 20px;
  background: transparent;
  /* Fallback for web browsers that doesn't support RGBa */
  background: rgba(0, 0, 0, 0.8);
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  text-shadow: 0 1px 2px #222;
  color: #FFF;
  font-weight: bold;
  line-height: 24px;
  white-space: nowrap; }

.fancybox-title-outside-wrap {
  position: relative;
  margin-top: 10px;
  color: #fff; }

.fancybox-title-inside-wrap {
  padding-top: 10px; }

.fancybox-title-over-wrap {
  position: absolute;
  bottom: 0;
  left: 0;
  color: #fff;
  padding: 10px;
  background: #000;
  background: rgba(0, 0, 0, 0.8); }

/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
    background-image: url("gfx/fancybox/fancybox_sprite@2x.png");
    background-size: 44px 152px;
    /*The size of the normal image, half the size of the hi-res image*/ }

  #fancybox-loading div {
    background-image: url("gfx/fancybox/fancybox_loading@2x.gif");
    background-size: 24px 24px;
    /*The size of the normal image, half the size of the hi-res image*/ } }
.jcarousel-wrapper {
  margin: 0px auto;
  position: relative;
  border: 0px solid #fff;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px; }

/** Carousel **/
.jcarousel {
  position: relative;
  overflow: hidden;
  width: 100%; }

.jcarousel ul {
  width: 20000em;
  position: relative;
  list-style: none;
  margin: 0;
  padding: 0; }

.jcarousel li {
  width: 200px;
  float: left;
  border: 0px solid #fff;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.jcarousel img {
  display: block;
  max-width: 65%;
  height: auto !important;
  margin-left: auto;
  margin-right: auto;
  border-radius: 5px; }

/** Carousel Controls **/
.jcarousel-control-prev, .jcarousel-control-next {
  position: absolute;
  top: 50%;
  margin-top: -45px;
  width: 30px;
  height: 30px;
  text-align: center;
  background: #212C3F;
  color: #fff;
  text-decoration: none;
  font: 24px/27px Arial, sans-serif;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px; }

@media only screen and (max-width: 780px) {
  .jcarousel-control-prev {
    left: 0px; } }
@media only screen and (min-width: 781px) and (max-width: 1219px) {
  .jcarousel-control-prev {
    left: 0px; } }
@media only screen and (min-width: 1220px) {
  .jcarousel-control-prev {
    left: 0px; } }

@media only screen and (max-width: 780px) {
  .jcarousel-control-next {
    right: 0px; } }
@media only screen and (min-width: 781px) and (max-width: 1219px) {
  .jcarousel-control-next {
    right: 0px; } }
@media only screen and (min-width: 1220px) {
  .jcarousel-control-next {
    right: 0px; } }

/** Carousel Pagination **/
.jcarousel-pagination {
  position: absolute;
  bottom: -40px;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  margin: 0;
  display: none; }

.jcarousel-pagination a {
  text-decoration: none;
  display: inline-block;
  font-size: 11px;
  height: 10px;
  width: 10px;
  line-height: 10px;
  background: #fff;
  color: #4E443C;
  border-radius: 10px;
  text-indent: -9999px;
  margin-right: 7px;
  -webkit-box-shadow: 0 0 2px #4E443C;
  -moz-box-shadow: 0 0 2px #4E443C;
  box-shadow: 0 0 2px #4E443C; }

.jcarousel-pagination a.active {
  background: #4E443C;
  color: #fff;
  opacity: 1;
  -webkit-box-shadow: 0 0 2px #F0EFE7;
  -moz-box-shadow: 0 0 2px #F0EFE7;
  box-shadow: 0 0 2px #F0EFE7; }

.text-caroussel {
  margin-left: auto;
  margin-right: auto;
  width: 90%;
  text-align: center;
  margin-top: 10px;
  color: #666; }

@media only screen and (min-width: 781px) and (max-width: 1219px) {
  .jcarousel-news {
    width: 600px !important; } }
@media only screen and (min-width: 1220px) {
  .jcarousel-news {
    width: 520px !important; } }
.jcarousel-news > ul > li {
  min-height: 200px;
  list-style: none; }
@media only screen and (max-width: 780px) {
  .jcarousel-news > ul > li {
    width: 300px !important; } }
@media only screen and (min-width: 781px) and (max-width: 1219px) {
  .jcarousel-news > ul > li {
    width: 600px !important; } }
@media only screen and (min-width: 1220px) {
  .jcarousel-news > ul > li {
    width: 520px !important; } }
.jcarousel-news > ul > li > .txt {
  margin: 0; }
.jcarousel-news > ul > li > .txt > .news-title > h2 {
  float: left;
  width: 90%;
  padding-bottom: 5px;
  padding-left: 0px;
  margin-bottom: 0px;
  color: #FFF;
  font-size: 28px; }
@media only screen and (max-width: 780px) {
  .jcarousel-news > ul > li > .txt > .news-title > h2 {
    font-size: 20px;
    min-height: 50px; } }
@media only screen and (min-width: 781px) and (max-width: 1219px) {
  .jcarousel-news > ul > li > .txt > .news-title > h2 {
    font-size: 20px;
    min-height: 50px; } }
@media only screen and (min-width: 1220px) {
  .jcarousel-news > ul > li > .txt > .news-title > h2 {
    padding-top: 2px;
    font-size: 28px;
    line-height: 30px; } }
.jcarousel-news > ul > li > .txt > .news-more-details {
  padding-top: 5px; }
.jcarousel-news > ul > li > .txt > .news-more-details > .btn-news-more {
  height: 30px;
  display: block;
  /*                        background: url("gfx/btn-plus.png") no-repeat top left;
                          padding-left:30px;  */
  cursor: pointer;
  font-weight: bold;
  text-decoration: underline;
  color: #fff; }
.jcarousel-news > ul > li > .txt > .news-more-details > .btn-news-less {
  height: 21px;
  /*                        background: url("gfx/btn-moins.png") no-repeat top left;     
                          padding-left:30px; */
  cursor: pointer; }
.jcarousel-news > ul > li > .txt > .publicaton {
  padding-bottom: 10px;
  font-size: 11px;
  color: #9e70a6; }
.jcarousel-news > ul > li > .txt p {
  padding-right: 30px;
  margin: 0px; }
.jcarousel-news > ul > li > .txt > .news-text {
  height: 70px;
  overflow: hidden; }
.jcarousel-news > ul > li > .txt > .news-text a {
  color: #fff;
  text-decoration: underline; }
.jcarousel-news > ul > li > .txt > .news-txt-more {
  display: none; }

.jcarousel-news-prev, .jcarousel-news-next {
  width: 25px;
  height: 25px;
  border: 0px;
  margin-right: 3px;
  margin-top: 4px;
  cursor: pointer; }

.jcarousel-news-prev {
  background: url("gfx/fleche-tres-petit.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0); }

.jcarousel-news-next {
  background: url("gfx/fleche-tres-petit.png") no-repeat scroll -25px 0 rgba(0, 0, 0, 0); }

/* ------------------------- */
/* Drupal */
/* ------------------------- */

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