@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 */
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300);
@import url(https://fonts.googleapis.com/css?family=PT+Sans:400,400italic,700italic,700);
body {
  margin: 0px;
  padding: 0px;
  font-family: "PT Sans", sans-serif;
  font-size: 15px;
  color: #5a5964; }

a {
  text-decoration: none; }
a:hover {
  text-decoration: none; }

h1, h2, h3, h4 {
  color: #154F85;
  font-family: "PT Sans", sans-serif;
  margin-bottom: 5px;
  margin-top: 0;
  padding: 0;
  letter-spacing: 0px;
  font-weight: normal; }

h1, h2 {
  font-size: 24px; }

h3 {
  font-size: 20px; }

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

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

.nav-main-list {
  list-style: none;
  margin: 0px;
  padding: 0px 0px;
  overflow: hidden; }
.nav-main-list .first a {
  border-radius: 0px 0px 0px 0px;
  border-radius: 0px 0px 0px 0px;
  border-left: 0px; }
.nav-main-list .last a {
  border-right: 0px !important; }
.nav-main-list > li {
  list-style: none outside none; }
@media only screen and (min-width: 1201px) and (max-width: 1919px) {
  .nav-main-list > li {
    padding-top: 1px; } }
@media only screen and (min-width: 1920px) {
  .nav-main-list > li {
    padding-top: 1px; } }
.nav-main-list > li > a:hover {
  color: #fff; }
.nav-main-list > li > a:hover:after {
  content: "";
  opacity: 1;
  width: 80%;
  background: none repeat scroll 0 0 #5FF4FF; }
.nav-main-list > li > a:after {
  background: none repeat scroll 0 0 #fff;
  content: "";
  margin-top: 10px;
  height: 2px;
  opacity: 1;
  position: relative;
  transition-duration: 0.3s;
  transition-property: all;
  transition-timing-function: ease;
  width: 0px; }
@media only screen and (max-width: 480px) {
  .nav-main-list > li > a:after {
    display: none; } }
@media only screen and (min-width: 481px) and (max-width: 1200px) {
  .nav-main-list > li > a:after {
    display: none; } }
@media only screen and (min-width: 1201px) and (max-width: 1919px) {
  .nav-main-list > li > a:after {
    display: block; } }
@media only screen and (min-width: 1920px) {
  .nav-main-list > li > a:after {
    display: block; } }
.nav-main-list > li:hover > ul {
  display: block; }
.nav-main-list > li:hover > .sub-menu {
  display: block; }
.nav-main-list > li .sub-menu {
  left: 0px;
  z-index: 10;
  margin-left: 38px;
  padding-bottom: 20px;
  border-radius: 5px; }
@media only screen and (min-width: 481px) and (max-width: 1200px) {
  .nav-main-list > li .sub-menu {
    width: 400px; } }
@media only screen and (min-width: 1201px) and (max-width: 1919px) {
  .nav-main-list > li .sub-menu {
    width: 400px; } }
@media only screen and (min-width: 1920px) {
  .nav-main-list > li .sub-menu {
    width: 400px; } }
.nav-main-list > li .sub-menu > .sub-menu-columnn > .sub-menu-title {
  color: #fff;
  text-align: left;
  overflow: hidden;
  font-family: "Open Sans",sans-serif;
  font-weight: 300; }
.nav-main-list > li .sub-menu > .sub-menu-columnn > .sub-menu-title > a {
  margin: 0px; }
.nav-main-list > li .sub-menu > .sub-menu-columnn > ul {
  list-style: none;
  margin: 0px;
  padding: 0px 0px; }
.nav-main-list > li .sub-menu > .sub-menu-columnn > ul > li > a {
  display: block;
  padding: 0px;
  color: #fff;
  text-shadow: 1px 1px 0 #000;
  transition: all 0.15s ease 0s;
  text-align: left;
  letter-spacing: -0.1px;
  margin: 0px; }
.nav-main-list > li .sub-menu > .sub-menu-columnn > ul > li > a img {
  border-radius: 3px;
  float: left;
  margin-right: 10px;
  position: relative;
  top: -8px;
  width: 34px;
  height: 34px; }
.nav-main-list > li .sub-menu > .sub-menu-columnn > ul > li > a > .sub-menu-title {
  position: relative;
  top: 2px; }
.nav-main-list > li .sub-menu > .sub-menu-columnn > ul > li > a:hover {
  text-decoration: underline; }
.nav-main-list > li .sub-menu > .sub-menu-columnn > ul > li:before {
  border-bottom: 4px solid transparent;
  border-left: 4px solid #fff;
  border-top: 4px solid transparent;
  content: "";
  height: 0;
  position: absolute;
  margin-top: 8px;
  width: 0; }
.nav-main-list > li .sub-menu > .last-column {
  border-right: 0px !important;
  margin-right: 0px !important; }

.overlay-menu {
  background-color: rgba(255, 255, 255, 0.7);
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  z-index: 3;
  transition: all 0.15s ease 0s;
  display: none; }

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

.all-item-link {
  color: #0D3B90;
  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; }

.footer-block {
  clear: both;
  background-color: #E5E3DF; }
@media only screen and (max-width: 480px) {
  .footer-block {
    padding: 10px; } }
@media only screen and (min-width: 481px) and (max-width: 1200px) {
  .footer-block {
    padding: 10px; } }
@media only screen and (min-width: 1201px) and (max-width: 1919px) {
  .footer-block {
    position: relative;
    z-index: 5; } }
@media only screen and (min-width: 1920px) {
  .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; }
@media only screen and (max-width: 480px) {
  .footer-block > .footer-content {
    padding: 20px; } }
@media only screen and (min-width: 481px) and (max-width: 1200px) {
  .footer-block > .footer-content {
    padding: 20px; } }
@media only screen and (min-width: 1201px) and (max-width: 1919px) {
  .footer-block > .footer-content {
    width: 1150px;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 30px;
    margin-top: 40px;
    padding-top: 20px; } }
@media only screen and (min-width: 1920px) {
  .footer-block > .footer-content {
    width: 1220px;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 30px;
    margin-top: 40px;
    padding-top: 20px; } }
.footer-block > .footer-content > .footer-col1 {
  color: #5a5964;
  border-right: 0px solid #ccc; }
@media only screen and (max-width: 480px) {
  .footer-block > .footer-content > .footer-col1 {
    margin-bottom: 30px; } }
@media only screen and (min-width: 481px) and (max-width: 1200px) {
  .footer-block > .footer-content > .footer-col1 {
    display: none; } }
@media only screen and (min-width: 1201px) and (max-width: 1919px) {
  .footer-block > .footer-content > .footer-col1 {
    float: left;
    float: left;
    width: 290px;
    margin-right: 40px;
    padding-right: 10px; } }
@media only screen and (min-width: 1920px) {
  .footer-block > .footer-content > .footer-col1 {
    float: left;
    float: left;
    width: 300px;
    margin-right: 80px;
    padding-right: 60px; } }
.footer-block > .footer-content > .footer-col1 > h3 {
  font: 300 21px/21px "Open Sans", sans-serif;
  margin-bottom: 30px; }
@media only screen and (min-width: 1201px) and (max-width: 1919px) {
  .footer-block > .footer-content > .footer-col1 > h3 {
    margin-top: 30px; } }
@media only screen and (min-width: 1920px) {
  .footer-block > .footer-content > .footer-col1 > h3 {
    margin-top: 30px; } }
.footer-block > .footer-content > .footer-col1 > h3 > a {
  text-transform: uppercase;
  color: #595959; }
.footer-block > .footer-content > .footer-col1 > h3 > a:hover {
  text-decoration: underline; }
.footer-block > .footer-content > .footer-col2 {
  border-right: 0px solid #ccc;
  color: #5a5964; }
@media only screen and (max-width: 480px) {
  .footer-block > .footer-content > .footer-col2 {
    margin-bottom: 50px; } }
@media only screen and (min-width: 481px) and (max-width: 1200px) {
  .footer-block > .footer-content > .footer-col2 {
    float: left;
    padding-right: 40px; } }
@media only screen and (min-width: 1201px) and (max-width: 1919px) {
  .footer-block > .footer-content > .footer-col2 {
    float: left;
    margin-right: 60px;
    width: 335px;
    padding-right: 40px; } }
@media only screen and (min-width: 1920px) {
  .footer-block > .footer-content > .footer-col2 {
    float: left;
    margin-right: 60px;
    width: 345px;
    padding-right: 40px; } }
.footer-block > .footer-content > .footer-col2 > .footer-logo {
  margin-top: 10px;
  width: 129px;
  height: 76px;
  background: url("gfx/logo-footer.png") top left no-repeat;
  margin-left: auto;
  margin-right: auto; }
.footer-block > .footer-content > .footer-col2 > .footer-coordonnees {
  padding-top: 0px;
  margin-left: auto;
  margin-right: auto;
  width: 260px;
  text-align: center; }
.footer-block > .footer-content > .footer-col2 > .footer-coordonnees > p {
  font-size: 13px;
  margin: 0;
  text-transform: uppercase; }
.footer-block > .footer-content > .footer-col2 > .footer-coordonnees > .footer-text {
  margin-bottom: 25px; }
.footer-block > .footer-content > .footer-col2 > .footer-coordonnees > .footer-text img {
  border: 0px; }
@media only screen and (min-width: 481px) and (max-width: 1200px) {
  .footer-block > .footer-content > .footer-col3 {
    float: left; } }
@media only screen and (min-width: 1201px) and (max-width: 1919px) {
  .footer-block > .footer-content > .footer-col3 {
    float: left;
    width: 335px; } }
@media only screen and (min-width: 1920px) {
  .footer-block > .footer-content > .footer-col3 {
    float: left;
    width: 335px; } }
.footer-block > .footer-content > .footer-col3 > h3 {
  font: 300 21px/21px "Open Sans", sans-serif;
  text-transform: uppercase;
  color: #595959;
  margin-bottom: 30px; }
@media only screen and (min-width: 481px) and (max-width: 1200px) {
  .footer-block > .footer-content > .footer-col3 > h3 {
    margin-top: 30px; } }
@media only screen and (min-width: 1201px) and (max-width: 1919px) {
  .footer-block > .footer-content > .footer-col3 > h3 {
    margin-top: 30px; } }
@media only screen and (min-width: 1920px) {
  .footer-block > .footer-content > .footer-col3 > h3 {
    margin-top: 30px; } }
.footer-block > .footer-content > .footer-col3 > .footer-socialbox {
  position: relative;
  left: 0px; }
.footer-block > .footer-content > .footer-col3 > .footer-socialbox > div {
  width: 50px; }
@media only screen and (max-width: 480px) {
  .footer-block > .footer-content > .footer-col3 > .footer-socialbox > div {
    float: left; } }
@media only screen and (min-width: 481px) and (max-width: 1200px) {
  .footer-block > .footer-content > .footer-col3 > .footer-socialbox > div {
    float: left; } }
@media only screen and (min-width: 1201px) and (max-width: 1919px) {
  .footer-block > .footer-content > .footer-col3 > .footer-socialbox > div {
    float: left; } }
@media only screen and (min-width: 1920px) {
  .footer-block > .footer-content > .footer-col3 > .footer-socialbox > div {
    float: left; } }
.footer-block > .footer-content > .footer-col3 > .footer-socialbox > div > .facebook {
  background: url("gfx/ico-facebook.png") no-repeat 0 0px;
  display: block;
  width: 40px;
  height: 40px;
  transition: all 0.25s ease 0s; }
.footer-block > .footer-content > .footer-col3 > .footer-socialbox > div > .facebook:hover {
  background: url("gfx/ico-facebook.png") no-repeat 0 -40px; }
.footer-block > .footer-content > .footer-col3 > .footer-socialbox > div > .twitter {
  background: url("gfx/ico-twitter.png") no-repeat 0 0px;
  display: block;
  width: 40px;
  height: 40px;
  transition: all 0.25s ease 0s; }
.footer-block > .footer-content > .footer-col3 > .footer-socialbox > div > .twitter:hover {
  background: url("gfx/ico-twitter.png") no-repeat 0 -40px; }
.footer-block > .footer-content > .footer-col3 > .footer-socialbox > div > .googleplus {
  background: url("gfx/ico-google-plus.png") no-repeat 0 0px;
  display: block;
  width: 40px;
  height: 40px;
  transition: all 0.25s ease 0s; }
.footer-block > .footer-content > .footer-col3 > .footer-socialbox > div > .googleplus:hover {
  background: url("gfx/ico-google-plus.png") no-repeat 0 -40px; }
.footer-block > .footer-content > .footer-col3 > .footer-socialbox > div > .linkedin {
  background: url("gfx/ico-linkedin.png") no-repeat 0 0px;
  display: block;
  width: 40px;
  height: 40px;
  transition: all 0.25s ease 0s; }
.footer-block > .footer-content > .footer-col3 > .footer-socialbox > div > .linkedin:hover {
  background: url("gfx/ico-linkedin.png") no-repeat 0 -40px; }
.footer-block > .footer-content > .footer-col3 > .footer-copyright {
  clear: both;
  padding-top: 20px; }
.footer-block > .footer-content > .footer-col3 > .footer-copyright > a {
  color: #E89515; }
.footer-block > .footer-content > .footer-col3 > .footer-copyright .mention {
  color: #2EA9C4; }

.navigation {
  border-bottom: 1px solid #eee;
  font-size: 17px;
  padding-bottom: 15px;
  margin-bottom: 15px; }
.navigation .txt {
  margin-left: 10px;
  font-family: "PT Sans", sans-serif; }
.navigation .txt > a {
  color: #4EAEC4; }
@media only screen and (max-width: 480px) {
  .navigation > .icon-stack {
    display: none; } }
.navigation > .icon-forward {
  float: right;
  margin-top: 20px; }
.navigation > .icon-forward > .navigation-retour {
  font-family: "PT Sans", sans-serif;
  float: right;
  margin-left: 10px; }
.navigation > .icon-forward > .navigation-retour > a {
  color: #5A5964; }

.hr {
  background: none repeat scroll 0 0 #eee;
  font-size: 0;
  height: 1px;
  line-height: 0;
  overflow: hidden;
  background: none repeat scroll 0 0 #e5e5e5;
  margin: 40px 0; }

.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; }

.margintop70 {
  margin-top: 70px; }

.marginbottom5 {
  margin-bottom: 5px; }

.marginbottom10 {
  margin-bottom: 10px; }

.marginbottom15 {
  margin-bottom: 15px; }

.marginbottom20 {
  margin-bottom: 20px; }

@media only screen and (min-width: 1201px) and (max-width: 1919px) {
  .marginbottom40 {
    margin-bottom: 40px; } }
@media only screen and (min-width: 1920px) {
  .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; }

.marginright40 {
  margin-right: 40px; }

.marginright50 {
  margin-right: 50px; }

.marginright60 {
  margin-right: 60px; }

.height1 {
  height: 1px; }

.height10 {
  height: 10px; }

.height20 {
  height: 20px; }

.height50 {
  height: 50px; }

.width25 {
  width: 25px; }

.paddingleft25 {
  padding-left: 25px; }

.paddingleft15 {
  padding-left: 15px; }

.paddingtop15 {
  padding-top: 15px; }

.paddingtop40 {
  padding-top: 40px; }

.paddingtop60 {
  padding-top: 60px; }

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

.bgrouge {
  background-color: #DD2E35;
  color: #fff; }

.bgorange {
  background-color: #EC6552;
  color: #fff; }

.bgvert {
  background-color: #b2d022;
  color: #fff; }

.bgblanc {
  background-color: #fff; }

.strong {
  font-weight: bold; }

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

.fontsize20 {
  font-size: 20px; }

.fontsize18 {
  font-size: 18px; }

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

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

/* ------------------------- */
/* 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 {
  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 {
  min-height: 160px; }
.bulle-x2-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 {
  width: 520px;
  text-align: justify;
  margin: 0; }

.bulle-x2-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 {
  float: left;
  width: 50px;
  margin-right: 30px;
  text-align: center;
  margin-top: 16px; }
.bulle-x2-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 {
  background-color: #fff;
  font-size: 25px;
  color: #6F7B26; }
.bulle-x2-right > .newsfront-col2 {
  float: left;
  width: 295px;
  margin-top: 10px; }
.bulle-x2-right > .newsfront-col2 > h3 {
  border-bottom: 2px dotted #7A4F7F;
  margin-bottom: 15px; }
.bulle-x2-right > .newsfront-col2 > .item-text-news {
  float: left;
  width: 300px; }
.bulle-x2-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 {
  margin-top: 5px;
  margin-bottom: 20px; }
.bulle-x2-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 {
  float: left;
  margin-right: 10px;
  margin-top: 10px;
  width: 150px; }
.bulle-x2-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 {
  border-bottom: 2px dotted #7A4F7F; }
.bulle-x2-right > .item-image {
  float: left;
  margin-right: 10px;
  margin-top: 10px;
  width: 150px; }
.bulle-x2-right > .item-image > img {
  height: 110px;
  border-radius: 3px;
  box-shadow: 0 0 0 4px #FFF;
  width: 125px; }
.bulle-x2-right > .item-text-partenaire {
  float: left;
  width: 370px; }
.bulle-x2-right > .item-text-partenaire > .item-text-descri {
  margin-top: 5px; }
.bulle-x2-right > .item-text-partenaire > .item-text-descri a {
  color: #7B4F7F;
  text-decoration: underline; }
.bulle-x2-right > .item-text-partenaire > .item-image {
  float: left;
  margin-top: 10px; }
.bulle-x2-right > .item-text-partenaire > .item-image > img {
  border-radius: 3px;
  width: 115px; }
.bulle-x2-right > .item-text {
  float: left;
  width: 195px; }
.bulle-x2-right > .item-text > .item-text-descri {
  margin-bottom: 15px; }
.bulle-x2-right > .item-text > .item-text-descri a {
  color: #7B4F7F;
  text-decoration: underline; }
.bulle-x2-right > .item-text > .item-text-coordonnees {
  margin-bottom: 15px;
  line-height: 15px;
  height: 55px; }
.bulle-x2-right > .item-text > .item-text-coordonnees > a {
  text-decoration: underline;
  color: #FFF; }

.bulle-x4 {
  padding-top: 20px;
  padding-bottom: 20px;
  margin-top: 0px;
  margin-bottom: 27px; }
@media only screen and (max-width: 480px) {
  .bulle-x4 {
    padding: 10px;
    margin-right: 0px !important; } }
@media only screen and (min-width: 481px) and (max-width: 1200px) {
  .bulle-x4 {
    width: 36%;
    padding-right: 20px;
    padding-left: 20px;
    min-height: 375px; } }
@media only screen and (min-width: 1201px) and (max-width: 1919px) {
  .bulle-x4 {
    width: 28%;
    padding-right: 20px;
    padding-left: 20px;
    min-height: 375px; } }
@media only screen and (min-width: 1920px) {
  .bulle-x4 {
    width: 28%;
    padding-right: 20px;
    padding-left: 20px;
    min-height: 375px; } }
.bulle-x4 > .item-image {
  margin-bottom: 30px;
  margin-right: 10px;
  margin-top: 10px;
  overflow: hidden;
  text-align: center; }
@media only screen and (min-width: 1201px) and (max-width: 1919px) {
  .bulle-x4 > .item-image {
    width: 100%;
    height: 227px; } }
@media only screen and (min-width: 1920px) {
  .bulle-x4 > .item-image {
    width: 100%;
    height: 227px; } }
.bulle-x4 > .item-image a > img {
  box-shadow: 0 0px 0 4px #fff; }
@media only screen and (min-width: 1201px) and (max-width: 1919px) {
  .bulle-x4 > .item-image a > img {
    width: 100%;
    max-width: none; } }
@media only screen and (min-width: 1920px) {
  .bulle-x4 > .item-image a > img {
    width: 100%;
    max-width: none; } }
.bulle-x4 > .item-text {
  float: left;
  width: 100%; }
.bulle-x4 > .item-text > h3 {
  padding-bottom: 10px;
  color: #202020;
  text-align: center; }
.bulle-x4 > .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 {
  color: #7B4F7F;
  text-decoration: underline; }
.bulle-x4 > .item-text > .item-text-coordonnees {
  margin-bottom: 15px;
  line-height: 15px;
  height: 55px; }
.bulle-x4 > .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: .7em .7em;
  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: .7em .7em;
  border-radius: 4px; }

.pagination span.active {
  background: #FFAB1A;
  border: 1px solid #FFAB1A;
  color: #fff;
  font-weight: 700;
  margin: 2px;
  padding: .7em;
  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"; }

.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"; }

.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-block {
  overflow: hidden; }
@media only screen and (max-width: 480px) {
  .header-block {
    width: 100%;
    height: auto !important; } }
@media only screen and (min-width: 481px) and (max-width: 1200px) {
  .header-block {
    width: 100%;
    height: auto !important; } }
@media only screen and (min-width: 1201px) and (max-width: 1919px) {
  .header-block {
    width: 100%;
    z-index: 100;
    transition: all 0.3s linear 0s; } }
@media only screen and (min-width: 1920px) {
  .header-block {
    width: 100%;
    z-index: 100;
    transition: all 0.3s linear 0s; } }
.header-block > .header-background {
  position: relative;
  z-index: 0; }
.header-block > .header-background > .header-background-content {
  position: absolute;
  background: url("gfx/background-header.jpg") no-repeat center -600px;
  width: 100%;
  height: 800px; }
.header-block > .header-content {
  clear: both;
  z-index: 1;
  position: relative; }
@media only screen and (max-width: 480px) {
  .header-block > .header-content {
    width: 100%; } }
@media only screen and (min-width: 481px) and (max-width: 1200px) {
  .header-block > .header-content {
    width: 100%;
    padding-top: 10px; } }
@media only screen and (min-width: 1201px) and (max-width: 1919px) {
  .header-block > .header-content {
    width: 1150px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 10px; } }
@media only screen and (min-width: 1920px) {
  .header-block > .header-content {
    width: 1220px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 10px; } }
@media only screen and (max-width: 480px) {
  .header-block > .header-content > .header-left {
    display: none; } }
@media only screen and (min-width: 481px) and (max-width: 1200px) {
  .header-block > .header-content > .header-left {
    position: absolute;
    width: 100%;
    top: 100px; } }
@media only screen and (min-width: 1201px) and (max-width: 1919px) {
  .header-block > .header-content > .header-left {
    float: left;
    width: 540px;
    margin-right: 40px;
    margin-top: 50px;
    transform: scale(75%); } }
@media only screen and (min-width: 1920px) {
  .header-block > .header-content > .header-left {
    float: left;
    width: 580px;
    margin-top: 50px;
    transform: scale(75%); } }
@media only screen and (max-width: 480px) {
  .header-block > .header-content > .header-left > .header-map {
    background: url("gfx/carte.png") no-repeat 0px 30px;
    height: 569px;
    width: 540px; } }
@media only screen and (min-width: 481px) and (max-width: 1200px) {
  .header-block > .header-content > .header-left > .header-map {
    background: url("gfx/carte.png") no-repeat 0px 30px;
    height: 569px;
    width: 540px;
    margin-left: auto;
    margin-right: auto; } }
@media only screen and (min-width: 1201px) and (max-width: 1919px) {
  .header-block > .header-content > .header-left > .header-map {
    background: url("gfx/carte.png") no-repeat;
    height: 539px;
    margin-left: 0px; } }
@media only screen and (min-width: 1920px) {
  .header-block > .header-content > .header-left > .header-map {
    background: url("gfx/carte.png") no-repeat;
    height: 539px;
    margin-left: 60px; } }
.header-block > .header-content > .header-left > .header-map > .pico-block {
  position: relative; }
@media only screen and (min-width: 1201px) and (max-width: 1919px) {
  .header-block > .header-content > .header-left > .header-map > .pico-block {
    top: -30px; } }
@media only screen and (min-width: 1920px) {
  .header-block > .header-content > .header-left > .header-map > .pico-block {
    top: -30px; } }
.header-block > .header-content > .header-left > .header-map > .pico-block > .pico-map {
  position: absolute; }
.header-block > .header-content > .header-left > .header-map > .pico-block > .pico-map > .pico-icone {
  float: left;
  width: 30px;
  height: 47px;
  position: absolute; }
.header-block > .header-content > .header-left > .header-map > .pico-block > .pico-map > .pico-icone > a > img {
  position: absolute;
  z-index: 1;
  animation: bounce 0.7s ease infinite;
  border: 0px; }
.header-block > .header-content > .header-left > .header-map > .pico-block > .pico-map > .pico-icone > a > .pico-texte:before {
  border-bottom: 4px solid transparent;
  border-right: 7px solid #25d2f6;
  border-top: 4px solid transparent;
  content: "";
  height: 0;
  left: -7px;
  margin-top: 8px;
  position: absolute;
  width: 0; }
.header-block > .header-content > .header-left > .header-map > .pico-block > .pico-map > .pico-icone > a > .pico-texte {
  display: none;
  float: left;
  background-color: #25d2f6;
  color: #fff;
  padding: 10px;
  border-radius: 5px;
  transition: all 0.25s ease 0s;
  position: absolute;
  z-index: 10;
  left: 45px; }
.header-block > .header-content > .header-left > .header-map > .pico-block > .pico-map > .pico-icone > a:hover > .pico-texte {
  display: block; }
.header-block > .header-content > .header-left > .header-map > .pico-block > .pico-map > .pico-icone-shadow {
  animation: bounceShadow 0.7s ease infinite;
  float: left;
  width: 25px;
  height: 47px;
  position: absolute;
  background: url("gfx/pico-map-shadow.png") no-repeat;
  z-index: 0; }
@media only screen and (max-width: 480px) {
  .header-block > .header-content > .header-left > .header-map-txt {
    display: none; } }
@media only screen and (min-width: 481px) and (max-width: 1200px) {
  .header-block > .header-content > .header-left > .header-map-txt {
    display: none; } }
@media only screen and (min-width: 1201px) and (max-width: 1919px) {
  .header-block > .header-content > .header-left > .header-map-txt {
    margin-left: 205px;
    margin-top: 40px; } }
@media only screen and (min-width: 1920px) {
  .header-block > .header-content > .header-left > .header-map-txt {
    margin-left: 150px;
    margin-top: 50px; } }
.header-block > .header-content > .header-left > .header-map-txt > .cubespinner {
  -webkit-animation-name: spincube;
  -webkit-animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-duration: 6s;
  animation-name: spincube;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  animation-duration: 12s;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transform-origin: 200px 10px 0;
  -moz-transform-origin: 200px 10px 0;
  -ms-transform-origin: 200px 10px 0;
  transform-origin: 220px 170px 0;
  transform: rotatey(0deg); }
.header-block > .header-content > .header-left > .header-map-txt > .cubespinner > div {
  position: absolute;
  width: 400px;
  height: 100px;
  border: 1px solid #ccc;
  background: #EC6552;
  box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.2);
  text-align: center;
  color: #fff;
  font: 300 40px/45px "Open Sans",sans-serif;
  text-transform: uppercase; }
.header-block > .header-content > .header-left > .header-map-txt > .cubespinner > .face1 {
  -webkit-transform: translateZ(200px);
  -moz-transform: translateZ(200px);
  -ms-transform: translateZ(200px);
  transform: translateZ(200px);
  padding: 20px; }
.header-block > .header-content > .header-left > .header-map-txt > .cubespinner > .face1 > a {
  color: #fff;
  display: block; }
.header-block > .header-content > .header-left > .header-map-txt > .cubespinner > .face2 {
  -webkit-transform: rotateY(-180deg) rotateX(0deg) translateZ(-199px);
  -moz-transform: rotateY(-180deg) rotateX(0deg) translateZ(-199px);
  -ms-transform: rotateY(-180deg) rotateX(0deg) translateZ(-199px);
  transform: rotateY(-180deg) rotateX(0deg) translateZ(-199px);
  padding: 20px; }
.header-block > .header-content > .header-left > .header-map-txt > .cubespinner > .face2 > a {
  color: #fff;
  display: block; }
@media only screen and (max-width: 480px) {
  .header-block > .header-content > .header-right {
    background-color: #91e0f1;
    padding: 20px; } }
@media only screen and (min-width: 481px) and (max-width: 1200px) {
  .header-block > .header-content > .header-right {
    background-color: #91e0f1;
    padding: 20px; } }
@media only screen and (min-width: 1201px) and (max-width: 1919px) {
  .header-block > .header-content > .header-right {
    float: left;
    width: 570px;
    margin-top: 20px; } }
@media only screen and (min-width: 1920px) {
  .header-block > .header-content > .header-right {
    float: left;
    width: 640px;
    margin-top: 20px; } }
.header-block > .header-content > .header-right > .header-navigation > .header-menu .nav-main-trigger {
  position: absolute;
  top: 20px;
  background: none repeat scroll 0 0 #EC6552;
  border-radius: 6px;
  width: 70px; }
@media only screen and (max-width: 480px) {
  .header-block > .header-content > .header-right > .header-navigation > .header-menu .nav-main-trigger {
    right: 15px; } }
@media only screen and (min-width: 481px) and (max-width: 1200px) {
  .header-block > .header-content > .header-right > .header-navigation > .header-menu .nav-main-trigger {
    right: 15px; } }
@media only screen and (min-width: 1201px) and (max-width: 1919px) {
  .header-block > .header-content > .header-right > .header-navigation > .header-menu .nav-main-trigger {
    right: 50px; } }
@media only screen and (min-width: 1920px) {
  .header-block > .header-content > .header-right > .header-navigation > .header-menu .nav-main-trigger {
    right: 15px; } }
.header-block > .header-content > .header-right > .header-navigation > .header-menu .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; }
.header-block > .header-content > .header-right > .header-navigation > .header-menu .nav-main-trigger:hover {
  background-color: #257182; }
@media only screen and (max-width: 480px) {
  .header-block > .header-content > .header-right > .header-navigation > .header-search {
    margin-bottom: 10px;
    display: none; } }
@media only screen and (min-width: 481px) and (max-width: 1200px) {
  .header-block > .header-content > .header-right > .header-navigation > .header-search {
    float: left; } }
@media only screen and (min-width: 1201px) and (max-width: 1919px) {
  .header-block > .header-content > .header-right > .header-navigation > .header-search {
    float: left; } }
@media only screen and (min-width: 1920px) {
  .header-block > .header-content > .header-right > .header-navigation > .header-search {
    float: left; } }
.header-block > .header-content > .header-right > .header-navigation > .header-search > .hearder-search-input {
  height: 44px;
  float: left; }
@media only screen and (min-width: 1201px) and (max-width: 1919px) {
  .header-block > .header-content > .header-right > .header-navigation > .header-search > .hearder-search-input {
    background: url("gfx/ico-loupe.png") no-repeat;
    padding-left: 65px; } }
@media only screen and (min-width: 1920px) {
  .header-block > .header-content > .header-right > .header-navigation > .header-search > .hearder-search-input {
    background: url("gfx/ico-loupe.png") no-repeat;
    padding-left: 65px; } }
.header-block > .header-content > .header-right > .header-navigation > .header-search > .hearder-search-input > input {
  border: 0px;
  padding: 5px 5px 5px 20px;
  height: 34px;
  color: #00485b;
  font-weight: bold; }
@media only screen and (max-width: 480px) {
  .header-block > .header-content > .header-right > .header-navigation > .header-search > .hearder-search-input > input {
    width: 105px; } }
@media only screen and (min-width: 481px) and (max-width: 1200px) {
  .header-block > .header-content > .header-right > .header-navigation > .header-search > .hearder-search-input > input {
    width: 105px; } }
@media only screen and (min-width: 1201px) and (max-width: 1919px) {
  .header-block > .header-content > .header-right > .header-navigation > .header-search > .hearder-search-input > input {
    width: 195px; } }
@media only screen and (min-width: 1920px) {
  .header-block > .header-content > .header-right > .header-navigation > .header-search > .hearder-search-input > input {
    width: 195px; } }
.header-block > .header-content > .header-right > .header-navigation > .header-search > .hearder-search-submit {
  float: left;
  margin-left: 1px; }
.header-block > .header-content > .header-right > .header-navigation > .header-search > .hearder-search-submit > a {
  background-color: #fff;
  display: block;
  height: 24px;
  padding: 10px;
  width: 20px;
  border-radius: 0px 4px 4px 0px;
  color: #00485b;
  font-weight: 700; }
.header-block > .header-content > .header-right > .header-navigation > .header-language {
  color: #00485b; }
@media only screen and (max-width: 480px) {
  .header-block > .header-content > .header-right > .header-navigation > .header-language {
    float: right;
    margin-right: 85px;
    margin-top: 15px; } }
@media only screen and (min-width: 481px) and (max-width: 1200px) {
  .header-block > .header-content > .header-right > .header-navigation > .header-language {
    float: right;
    margin-right: 85px;
    margin-top: 15px; } }
@media only screen and (min-width: 1201px) and (max-width: 1919px) {
  .header-block > .header-content > .header-right > .header-navigation > .header-language {
    float: left;
    margin-left: 30px;
    margin-top: 10px; } }
@media only screen and (min-width: 1920px) {
  .header-block > .header-content > .header-right > .header-navigation > .header-language {
    float: left;
    margin-left: 70px;
    margin-top: 10px; } }
.header-block > .header-content > .header-right > .header-navigation > .header-language > a {
  color: #00485b; }
.header-block > .header-content > .header-right > .header-navigation > .header-login {
  margin-left: 20px;
  margin-top: 10px;
  color: #00485b; }
@media only screen and (max-width: 480px) {
  .header-block > .header-content > .header-right > .header-navigation > .header-login {
    display: none; } }
@media only screen and (min-width: 481px) and (max-width: 1200px) {
  .header-block > .header-content > .header-right > .header-navigation > .header-login {
    display: none; } }
@media only screen and (min-width: 1201px) and (max-width: 1919px) {
  .header-block > .header-content > .header-right > .header-navigation > .header-login {
    float: left; } }
@media only screen and (min-width: 1920px) {
  .header-block > .header-content > .header-right > .header-navigation > .header-login {
    float: left; } }
.header-block > .header-content > .header-right > .header-navigation > .header-login > a {
  color: #00485b;
  display: block;
  height: 35px; }
.header-block > .header-content > .header-right > .header-navigation > .header-login > .header-login-bulle:before {
  border-bottom: 10px solid #fff;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  content: "";
  display: block;
  position: absolute;
  top: -10px; }
@media only screen and (max-width: 480px) {
  .header-block > .header-content > .header-right > .header-navigation > .header-login > .header-login-bulle:before {
    left: 150px; } }
@media only screen and (min-width: 481px) and (max-width: 1200px) {
  .header-block > .header-content > .header-right > .header-navigation > .header-login > .header-login-bulle:before {
    left: 150px; } }
@media only screen and (min-width: 1201px) and (max-width: 1919px) {
  .header-block > .header-content > .header-right > .header-navigation > .header-login > .header-login-bulle:before {
    left: 150px; } }
@media only screen and (min-width: 1920px) {
  .header-block > .header-content > .header-right > .header-navigation > .header-login > .header-login-bulle:before {
    left: 85px; } }
.header-block > .header-content > .header-right > .header-navigation > .header-login > .header-login-bulle {
  display: none;
  background-color: #fff;
  border-radius: 5px;
  padding: 20px;
  position: absolute;
  width: 150px;
  -moz-box-shadow: 1px 2px 3px 0px #656565;
  -webkit-box-shadow: 1px 2px 3px 0px #656565;
  -o-box-shadow: 1px 2px 3px 0px #656565;
  box-shadow: 1px 2px 3px 0px #656565;
  z-index: 5; }
@media only screen and (max-width: 480px) {
  .header-block > .header-content > .header-right > .header-navigation > .header-login > .header-login-bulle {
    margin-left: -145px; } }
@media only screen and (min-width: 481px) and (max-width: 1200px) {
  .header-block > .header-content > .header-right > .header-navigation > .header-login > .header-login-bulle {
    margin-left: -145px; } }
@media only screen and (min-width: 1201px) and (max-width: 1919px) {
  .header-block > .header-content > .header-right > .header-navigation > .header-login > .header-login-bulle {
    margin-left: -145px; } }
@media only screen and (min-width: 1920px) {
  .header-block > .header-content > .header-right > .header-navigation > .header-login > .header-login-bulle {
    margin-left: -75px; } }
.header-block > .header-content > .header-right > .header-navigation > .header-login > .header-login-bulle > ul {
  padding: 0px;
  margin: 0px; }
.header-block > .header-content > .header-right > .header-navigation > .header-login > .header-login-bulle > ul > li {
  list-style: none;
  color: #5a5964;
  text-align: center; }
.header-block > .header-content > .header-right > .header-navigation > .header-login > .header-login-bulle > ul > li > a {
  text-decoration: underline;
  color: #5a5964; }
.header-block > .header-content > .header-right > .header-navigation > .header-login:hover > .header-login-bulle {
  display: block; }
.header-block > .header-content > .header-right > .header-navigation > .header-cpf {
  float: left; }
@media only screen and (max-width: 480px) {
  .header-block > .header-content > .header-right > .header-navigation > .header-cpf {
    margin-top: 5px; } }
@media only screen and (min-width: 481px) and (max-width: 1200px) {
  .header-block > .header-content > .header-right > .header-navigation > .header-cpf {
    margin-left: 30px; } }
@media only screen and (min-width: 1201px) and (max-width: 1919px) {
  .header-block > .header-content > .header-right > .header-navigation > .header-cpf {
    margin-left: 30px;
    width: 50px; } }
.header-block > .header-content > .header-right > .header-navigation > .header-cpf > .block-cpf {
  width: 125px;
  background-color: #EC6552;
  border-radius: 5px;
  color: #fff;
  display: block;
  padding: 7px 15px 15px 15px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2) inset;
  z-index: 2;
  margin-top: -10px;
  border-radius: 0px 30px 0px 30px; }
@media only screen and (min-width: 1920px) {
  .header-block > .header-content > .header-right > .header-navigation > .header-cpf > .block-cpf {
    position: absolute;
    margin-left: 30px; } }
.header-block > .header-content > .header-right > .header-navigation > .header-cpf > .block-cpf > .titre-cpf {
  width: 125px;
  float: left;
  font-size: 31px;
  font-weight: bold;
  text-shadow: 0 4px 1px #990a0d; }
.header-block > .header-content > .header-right > .header-navigation > .header-cpf > .block-cpf > .slogan-cpf {
  width: 140px;
  float: left;
  line-height: 15px;
  margin-top: 3px; }
.header-block > .header-content > .header-right > .header-navigation > .header-cpf > .block-cpf > .slogan-cpf i {
  font-size: 14px; }
.header-block > .header-content > .header-right > .header-navigation > .header-cpf > .block-cpf > .slogan-cpf > .slogan-sub-cpf {
  font-size: 11px; }
.header-block > .header-content > .header-right > .header-logo {
  position: relative;
  z-index: 99999; }
@media only screen and (max-width: 480px) {
  .header-block > .header-content > .header-right > .header-logo {
    margin-top: 0px;
    padding: 20px;
    text-align: center;
    margin-top: 40px;
    margin-bottom: 40px; } }
@media only screen and (min-width: 481px) and (max-width: 1200px) {
  .header-block > .header-content > .header-right > .header-logo {
    margin-top: 0px;
    padding: 20px;
    text-align: center;
    margin-top: 630px;
    margin-bottom: 40px; } }
@media only screen and (min-width: 1201px) and (max-width: 1919px) {
  .header-block > .header-content > .header-right > .header-logo {
    margin-top: 60px;
    text-align: center; } }
@media only screen and (min-width: 1920px) {
  .header-block > .header-content > .header-right > .header-logo {
    margin-top: 60px;
    text-align: center; } }
.header-block > .header-content > .header-right > .header-logo > .logo {
  display: block; }
.header-block > .header-content > .header-right > .header-logo > .logo > img {
  border: 0px; }
.header-block > .header-content > .header-right > .header-layer > .header-layer0 {
  position: relative;
  z-index: 2; }
.header-block > .header-content > .header-right > .header-layer > .header-layer0 > .header-layer0-content {
  background-color: #00485B;
  border-radius: 0px 0px 0px 50px; }
@media only screen and (max-width: 480px) {
  .header-block > .header-content > .header-right > .header-layer > .header-layer0 > .header-layer0-content {
    padding: 20px; } }
@media only screen and (min-width: 481px) and (max-width: 1200px) {
  .header-block > .header-content > .header-right > .header-layer > .header-layer0 > .header-layer0-content {
    padding: 40px; } }
@media only screen and (min-width: 1201px) and (max-width: 1919px) {
  .header-block > .header-content > .header-right > .header-layer > .header-layer0 > .header-layer0-content {
    height: 130px;
    margin-left: 510px;
    margin-top: 270px;
    position: absolute;
    width: 175px;
    padding: 40px; } }
@media only screen and (min-width: 1920px) {
  .header-block > .header-content > .header-right > .header-layer > .header-layer0 > .header-layer0-content {
    height: 130px;
    margin-left: 510px;
    margin-top: 270px;
    position: absolute;
    width: 175px;
    padding: 40px; } }
.header-block > .header-content > .header-right > .header-layer > .header-layer0 > .header-layer0-content > h3 {
  border-bottom: 1px solid #fff;
  color: #fff;
  font: 300 31px/35px "Open Sans",sans-serif;
  margin-bottom: 20px;
  padding-bottom: 17px;
  text-transform: uppercase; }
.header-block > .header-content > .header-right > .header-layer > .header-layer0 > .header-layer0-content > .header-layer0-txt {
  color: #fff; }
@media only screen and (max-width: 480px) {
  .header-block > .header-content > .header-right > .header-layer > .header-layer0 > .header-layer0-content > .header-layer0-txt {
    font: 500 27px/30px "Open Sans";
    margin-bottom: 40px; } }
@media only screen and (min-width: 481px) and (max-width: 1200px) {
  .header-block > .header-content > .header-right > .header-layer > .header-layer0 > .header-layer0-content > .header-layer0-txt {
    font: 500 27px/30px "Open Sans";
    margin-bottom: 20px; } }
@media only screen and (min-width: 1201px) and (max-width: 1919px) {
  .header-block > .header-content > .header-right > .header-layer > .header-layer0 > .header-layer0-content > .header-layer0-txt {
    font: 500 27px/30px "Open Sans";
    margin-bottom: 40px; } }
@media only screen and (min-width: 1920px) {
  .header-block > .header-content > .header-right > .header-layer > .header-layer0 > .header-layer0-content > .header-layer0-txt {
    font: 500 27px/30px "Open Sans";
    margin-bottom: 40px; } }
.header-block > .header-content > .header-right > .header-layer > .header-layer0 > .header-layer0-content > .header-layer0-txt > a {
  color: #fff; }
.header-block > .header-content > .header-right > .header-layer > .header-layer0 > .header-layer0-content > .btn_more {
  background-color: #fff;
  color: #ffab1a; }
@media only screen and (max-width: 480px) {
  .header-block > .header-content > .header-right > .header-layer > .header-layer0 > .header-layer0-content > .btn_more {
    font: 500 20px/45px "Open Sans",sans-serif;
    padding: 12px; } }
@media only screen and (min-width: 481px) and (max-width: 1200px) {
  .header-block > .header-content > .header-right > .header-layer > .header-layer0 > .header-layer0-content > .btn_more {
    font: 500 15px/20px "Open Sans",sans-serif;
    padding: 5px; } }
@media only screen and (min-width: 1201px) and (max-width: 1919px) {
  .header-block > .header-content > .header-right > .header-layer > .header-layer0 > .header-layer0-content > .btn_more {
    font: 500 20px/45px "Open Sans",sans-serif;
    padding: 12px; } }
@media only screen and (min-width: 1920px) {
  .header-block > .header-content > .header-right > .header-layer > .header-layer0 > .header-layer0-content > .btn_more {
    font: 500 20px/45px "Open Sans",sans-serif;
    padding: 12px; } }
.header-block > .header-content > .header-right > .header-layer > .header-layer1 {
  position: relative; }
.header-block > .header-content > .header-right > .header-layer > .header-layer1 > .header-layer1-content {
  background: url("gfx/header-layer1-livres.png") no-repeat;
  width: 436px;
  height: 595px; }
@media only screen and (max-width: 480px) {
  .header-block > .header-content > .header-right > .header-layer > .header-layer1 > .header-layer1-content {
    display: none; } }
@media only screen and (min-width: 481px) and (max-width: 1200px) {
  .header-block > .header-content > .header-right > .header-layer > .header-layer1 > .header-layer1-content {
    display: none; } }
@media only screen and (min-width: 1201px) and (max-width: 1919px) {
  .header-block > .header-content > .header-right > .header-layer > .header-layer1 > .header-layer1-content {
    position: absolute;
    margin-left: 250px;
    margin-top: -120px; } }
@media only screen and (min-width: 1920px) {
  .header-block > .header-content > .header-right > .header-layer > .header-layer1 > .header-layer1-content {
    position: absolute;
    margin-left: 310px;
    margin-top: -120px; } }
.header-block > .header-content > .header-right > .header-layer > .header-layer2 {
  position: relative;
  z-index: 2; }
.header-block > .header-content > .header-right > .header-layer > .header-layer2 > .header-layer2-content {
  background-color: #EC6552;
  border-radius: 0px 50px 0px 50px; }
@media only screen and (max-width: 480px) {
  .header-block > .header-content > .header-right > .header-layer > .header-layer2 > .header-layer2-content {
    padding: 20px; } }
@media only screen and (min-width: 481px) and (max-width: 1200px) {
  .header-block > .header-content > .header-right > .header-layer > .header-layer2 > .header-layer2-content {
    padding: 40px; } }
@media only screen and (min-width: 1201px) and (max-width: 1919px) {
  .header-block > .header-content > .header-right > .header-layer > .header-layer2 > .header-layer2-content {
    position: absolute;
    margin-left: 240px;
    margin-top: 50px;
    width: 255px;
    height: 325px;
    padding: 40px; } }
@media only screen and (min-width: 1920px) {
  .header-block > .header-content > .header-right > .header-layer > .header-layer2 > .header-layer2-content {
    position: absolute;
    margin-left: 250px;
    margin-top: 50px;
    width: 225px;
    height: 325px;
    padding: 40px; } }
.header-block > .header-content > .header-right > .header-layer > .header-layer2 > .header-layer2-content > h3 {
  color: #fff;
  font: 300 35px/35px "Open Sans",sans-serif;
  margin-bottom: 20px;
  padding-bottom: 17px;
  text-transform: uppercase; }
.header-block > .header-content > .header-right > .header-layer > .header-layer2 > .header-layer2-content > .header-layer2-txt {
  color: #fff; }
@media only screen and (max-width: 480px) {
  .header-block > .header-content > .header-right > .header-layer > .header-layer2 > .header-layer2-content > .header-layer2-txt {
    font: 500 19px/22px "Open Sans";
    margin-bottom: 40px; } }
@media only screen and (min-width: 481px) and (max-width: 1200px) {
  .header-block > .header-content > .header-right > .header-layer > .header-layer2 > .header-layer2-content > .header-layer2-txt {
    font: 500 15px/17px "Open Sans";
    margin-bottom: 20px; } }
@media only screen and (min-width: 1201px) and (max-width: 1919px) {
  .header-block > .header-content > .header-right > .header-layer > .header-layer2 > .header-layer2-content > .header-layer2-txt {
    font: 500 17px/19px "Open Sans";
    margin-bottom: 40px;
    width: 90%; } }
@media only screen and (min-width: 1920px) {
  .header-block > .header-content > .header-right > .header-layer > .header-layer2 > .header-layer2-content > .header-layer2-txt {
    font: 500 17px/19px "Open Sans";
    margin-bottom: 40px;
    width: 90%; } }
.header-block > .header-content > .header-right > .header-layer > .header-layer2 > .header-layer2-content > .btn_more {
  background-color: #fff;
  color: #EC6552; }
@media only screen and (max-width: 480px) {
  .header-block > .header-content > .header-right > .header-layer > .header-layer2 > .header-layer2-content > .btn_more {
    font: 500 20px/45px "Open Sans",sans-serif;
    padding: 12px; } }
@media only screen and (min-width: 481px) and (max-width: 1200px) {
  .header-block > .header-content > .header-right > .header-layer > .header-layer2 > .header-layer2-content > .btn_more {
    font: 500 15px/20px "Open Sans",sans-serif;
    padding: 5px; } }
@media only screen and (min-width: 1201px) and (max-width: 1919px) {
  .header-block > .header-content > .header-right > .header-layer > .header-layer2 > .header-layer2-content > .btn_more {
    font: 500 20px/45px "Open Sans",sans-serif;
    padding: 12px; } }
@media only screen and (min-width: 1920px) {
  .header-block > .header-content > .header-right > .header-layer > .header-layer2 > .header-layer2-content > .btn_more {
    font: 500 20px/45px "Open Sans",sans-serif;
    padding: 12px; } }
.header-block > .header-content > .header-right > .header-layer > .header-layer3 {
  transition: all 0.1s ease-out 0s;
  position: relative;
  z-index: 0; }
.header-block > .header-content > .header-right > .header-layer > .header-layer3 > .header-layer3-content {
  background-color: #00485B;
  border-radius: 0px 0px 0px 50px; }
@media only screen and (max-width: 480px) {
  .header-block > .header-content > .header-right > .header-layer > .header-layer3 > .header-layer3-content {
    padding: 20px; } }
@media only screen and (min-width: 481px) and (max-width: 1200px) {
  .header-block > .header-content > .header-right > .header-layer > .header-layer3 > .header-layer3-content {
    padding: 40px; } }
@media only screen and (min-width: 1201px) and (max-width: 1919px) {
  .header-block > .header-content > .header-right > .header-layer > .header-layer3 > .header-layer3-content {
    position: absolute;
    margin-left: -45px;
    margin-top: 70px;
    width: 225px;
    height: 275px;
    padding: 40px; } }
@media only screen and (min-width: 1920px) {
  .header-block > .header-content > .header-right > .header-layer > .header-layer3 > .header-layer3-content {
    position: absolute;
    margin-top: 70px;
    width: 225px;
    height: 275px;
    padding: 40px;
    margin-left: -35px; } }
.header-block > .header-content > .header-right > .header-layer > .header-layer3 > .header-layer3-content > .header-layer3-background {
  position: absolute; }
.header-block > .header-content > .header-right > .header-layer > .header-layer3 > .header-layer3-content > .header-layer3-background > .header-layer3-background-content {
  position: relative;
  width: 89px;
  height: 80px;
  top: 210px;
  left: 140px; }
@media only screen and (max-width: 480px) {
  .header-block > .header-content > .header-right > .header-layer > .header-layer3 > .header-layer3-content > .header-layer3-background > .header-layer3-background-content {
    display: none; } }
@media only screen and (min-width: 481px) and (max-width: 1200px) {
  .header-block > .header-content > .header-right > .header-layer > .header-layer3 > .header-layer3-content > .header-layer3-background > .header-layer3-background-content {
    display: none; } }
.header-block > .header-content > .header-right > .header-layer > .header-layer3 > .header-layer3-content > h3 {
  color: #fff;
  font: 300 35px/35px "Open Sans",sans-serif;
  margin-bottom: 20px;
  padding-bottom: 17px;
  text-transform: uppercase; }
.header-block > .header-content > .header-right > .header-layer > .header-layer3 > .header-layer3-content > ul {
  padding: 0px;
  margin: 0px; }
.header-block > .header-content > .header-right > .header-layer > .header-layer3 > .header-layer3-content > ul > li {
  float: left;
  list-style: none outside none; }
.header-block > .header-content > .header-right > .header-layer > .header-layer3 > .header-layer3-content > ul > li > a {
  display: block;
  margin-bottom: 2px;
  transition: all 0.3s ease-out 0s; }
.header-block > .header-content > .header-right > .header-layer > .header-layer3 > .header-layer3-content > ul > li > a > img {
  width: 66px;
  border: 0px; }
.header-block > .header-content > .header-right > .header-layer > .header-layer3 > .header-layer3-content > ul > li > a:hover {
  transform: scale(1.2) rotate(720deg);
  -moz-box-shadow: 2px 2px 10px 0px #656565;
  -webkit-box-shadow: 2px 2px 10px 0px #656565;
  -o-box-shadow: 2px 2px 10px 0px #656565;
  box-shadow: 2px 2px 10px 0px #656565; }
.header-block > .header-content > .header-right > .header-layer > .header-layer4 {
  position: relative;
  z-index: 2; }
.header-block > .header-content > .header-right > .header-layer > .header-layer4 > .header-layer4-content {
  background-color: #54D2F7;
  border-radius: 0px 50px 0px 0px; }
@media only screen and (max-width: 480px) {
  .header-block > .header-content > .header-right > .header-layer > .header-layer4 > .header-layer4-content {
    padding: 20px; } }
@media only screen and (min-width: 481px) and (max-width: 1200px) {
  .header-block > .header-content > .header-right > .header-layer > .header-layer4 > .header-layer4-content {
    padding: 40px; } }
@media only screen and (min-width: 1201px) and (max-width: 1919px) {
  .header-block > .header-content > .header-right > .header-layer > .header-layer4 > .header-layer4-content {
    height: 150px;
    margin-left: 510px;
    position: absolute;
    width: 175px;
    padding: 40px;
    margin-top: 40px; } }
@media only screen and (min-width: 1920px) {
  .header-block > .header-content > .header-right > .header-layer > .header-layer4 > .header-layer4-content {
    height: 150px;
    margin-left: 510px;
    position: absolute;
    width: 175px;
    padding: 40px;
    margin-top: 40px; } }
.header-block > .header-content > .header-right > .header-layer > .header-layer4 > .header-layer4-content > h3 {
  color: #fff;
  font: 300 31px/35px "Open Sans",sans-serif;
  margin-bottom: 20px;
  padding-bottom: 17px;
  text-transform: uppercase; }
.header-block > .header-content > .header-right > .header-layer > .header-layer4 > .header-layer4-content > .header-layer4-txt {
  color: #fff; }
@media only screen and (max-width: 480px) {
  .header-block > .header-content > .header-right > .header-layer > .header-layer4 > .header-layer4-content > .header-layer4-txt {
    font: 500 27px/30px "Open Sans";
    margin-bottom: 40px; } }
@media only screen and (min-width: 481px) and (max-width: 1200px) {
  .header-block > .header-content > .header-right > .header-layer > .header-layer4 > .header-layer4-content > .header-layer4-txt {
    font: 500 27px/30px "Open Sans";
    margin-bottom: 20px; } }
@media only screen and (min-width: 1201px) and (max-width: 1919px) {
  .header-block > .header-content > .header-right > .header-layer > .header-layer4 > .header-layer4-content > .header-layer4-txt {
    font: 500 27px/30px "Open Sans";
    margin-bottom: 40px; } }
@media only screen and (min-width: 1920px) {
  .header-block > .header-content > .header-right > .header-layer > .header-layer4 > .header-layer4-content > .header-layer4-txt {
    font: 500 27px/30px "Open Sans";
    margin-bottom: 40px; } }
.header-block > .header-content > .header-right > .header-layer > .header-layer4 > .header-layer4-content > .header-layer4-txt > a {
  color: #fff; }
.header-block > .header-content > .header-right > .header-layer > .header-layer4 > .header-layer4-content > .btn_more {
  background-color: #fff;
  color: #54D2F7; }
@media only screen and (max-width: 480px) {
  .header-block > .header-content > .header-right > .header-layer > .header-layer4 > .header-layer4-content > .btn_more {
    font: 500 20px/45px "Open Sans",sans-serif;
    padding: 12px; } }
@media only screen and (min-width: 481px) and (max-width: 1200px) {
  .header-block > .header-content > .header-right > .header-layer > .header-layer4 > .header-layer4-content > .btn_more {
    font: 500 15px/20px "Open Sans",sans-serif;
    padding: 5px; } }
@media only screen and (min-width: 1201px) and (max-width: 1919px) {
  .header-block > .header-content > .header-right > .header-layer > .header-layer4 > .header-layer4-content > .btn_more {
    font: 500 20px/45px "Open Sans",sans-serif;
    padding: 12px; } }
@media only screen and (min-width: 1920px) {
  .header-block > .header-content > .header-right > .header-layer > .header-layer4 > .header-layer4-content > .btn_more {
    font: 500 20px/45px "Open Sans",sans-serif;
    padding: 12px; } }
@media only screen and (max-width: 480px) {
  .header-block > .header-content > .header-logo {
    float: left;
    padding: 15px;
    text-align: center; }
  .header-block > .header-content > .header-logo img {
    width: 300px; } }
@media only screen and (min-width: 481px) and (max-width: 1200px) {
  .header-block > .header-content > .header-logo {
    float: left;
    padding: 15px;
    text-align: center; }
  .header-block > .header-content > .header-logo img {
    width: 300px; } }
@media only screen and (min-width: 1201px) and (max-width: 1919px) {
  .header-block > .header-content > .header-logo {
    float: left; } }
@media only screen and (min-width: 1920px) {
  .header-block > .header-content > .header-logo {
    float: left; } }
.header-block > .header-content > .header-logo > .header-logo-content {
  height: 83px;
  border: 0px;
  display: block; }
@media only screen and (max-width: 480px) {
  .header-block > .header-content > .header-logo > .header-logo-content {
    width: 600px;
    background: url("gfx/logo.png") no-repeat top left; } }
@media only screen and (min-width: 481px) and (max-width: 1200px) {
  .header-block > .header-content > .header-logo > .header-logo-content {
    width: 600px;
    background: url("gfx/logo.png") no-repeat top left; } }
@media only screen and (min-width: 1201px) and (max-width: 1919px) {
  .header-block > .header-content > .header-logo > .header-logo-content {
    width: 600px;
    background: url("gfx/logo.png") no-repeat top left; } }
@media only screen and (min-width: 1920px) {
  .header-block > .header-content > .header-logo > .header-logo-content {
    width: 600px;
    background: url("gfx/logo.png") no-repeat top left; } }
.header-block > .header-content > .header-logo-partner {
  margin-top: 12px; }
@media only screen and (max-width: 480px) {
  .header-block > .header-content > .header-logo-partner {
    float: right;
    padding: 15px;
    text-align: center; }
  .header-block > .header-content > .header-logo-partner img {
    width: 300px; } }
@media only screen and (min-width: 481px) and (max-width: 1200px) {
  .header-block > .header-content > .header-logo-partner {
    float: right;
    padding: 15px;
    text-align: center; }
  .header-block > .header-content > .header-logo-partner img {
    width: 300px; } }
@media only screen and (min-width: 1201px) and (max-width: 1919px) {
  .header-block > .header-content > .header-logo-partner {
    float: right; } }
@media only screen and (min-width: 1920px) {
  .header-block > .header-content > .header-logo-partner {
    float: right; } }
.header-block > .header-content > .header-logo-partner > .header-logo-content {
  height: 57px;
  border: 0px;
  display: block; }
@media only screen and (max-width: 480px) {
  .header-block > .header-content > .header-logo-partner > .header-logo-content {
    width: 130px;
    background: url("gfx/canspeak.png") no-repeat top left; } }
@media only screen and (min-width: 481px) and (max-width: 1200px) {
  .header-block > .header-content > .header-logo-partner > .header-logo-content {
    width: 130px;
    background: url("gfx/canspeak.png") no-repeat top left; } }
@media only screen and (min-width: 1201px) and (max-width: 1919px) {
  .header-block > .header-content > .header-logo-partner > .header-logo-content {
    width: 130px;
    background: url("gfx/canspeak.png") no-repeat top left; } }
@media only screen and (min-width: 1920px) {
  .header-block > .header-content > .header-logo-partner > .header-logo-content {
    width: 130px;
    background: url("gfx/canspeak.png") no-repeat top left; } }
@media only screen and (max-width: 480px) {
  .header-block > .header-content > .header-nav {
    float: none;
    padding-bottom: 20px; } }
@media only screen and (min-width: 481px) and (max-width: 1200px) {
  .header-block > .header-content > .header-nav {
    float: none;
    padding-bottom: 20px; } }
@media only screen and (min-width: 1201px) and (max-width: 1919px) {
  .header-block > .header-content > .header-nav {
    float: left;
    padding-top: 20px;
    background-color: #edeef2; } }
@media only screen and (min-width: 1920px) {
  .header-block > .header-content > .header-nav {
    float: left;
    padding-top: 20px;
    background-color: #edeef2; } }
.header-block > .header-content > .header-location {
  float: right; }

@-webkit-keyframes spincube {
  from,to {
    -webkit-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg); }
  40% {
    -webkit-transform: rotateY(0deg); }
  50% {
    -webkit-transform: rotateY(-180deg); }
  90% {
    -webkit-transform: rotateY(-180deg); }
  100% {
    -webkit-transform: rotateY(-360deg); } }
@keyframes spincube {
  from,to {
    -moz-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);
    -ms-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);
    transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg); }
  40% {
    -moz-transform: rotateY(0deg) rotateZ(0deg);
    -ms-transform: rotateY(0deg) rotateZ(0deg);
    transform: rotateY(0deg) rotateZ(0deg); }
  50% {
    -moz-transform: rotateY(-180deg) rotateZ(0deg);
    -ms-transform: rotateY(-180deg) rotateZ(0deg);
    transform: rotateY(-180deg) rotateZ(0deg); }
  90% {
    -moz-transform: rotateY(-180deg) rotateZ(0deg);
    -ms-transform: rotateY(-180deg) rotateZ(0deg);
    transform: rotateY(-180deg) rotateZ(0deg); }
  100% {
    -moz-transform: rotateY(-360deg) rotateZ(0deg);
    -ms-transform: rotateY(-360deg) rotateZ(0deg);
    transform: rotateY(-360deg) rotateZ(0deg); } }
@keyframes bounce {
  from {
    top: 0px; }
  50% {
    top: -3px; }
  to {
    top: 0px; } }
@keyframes bounceShadow {
  from {
    top: 42px; }
  50% {
    top: 44px; }
  to {
    top: 42px; } }
@media only screen and (max-width: 480px) {
  .header-block-not-front {
    width: 100%;
    height: 225px; } }
@media only screen and (min-width: 481px) and (max-width: 1200px) {
  .header-block-not-front {
    width: 100%; } }
@media only screen and (min-width: 1201px) and (max-width: 1919px) {
  .header-block-not-front {
    width: 100%;
    z-index: 100;
    transition: all 0.3s linear 0s; } }
@media only screen and (min-width: 1920px) {
  .header-block-not-front {
    width: 100%;
    z-index: 100;
    transition: all 0.3s linear 0s; } }
.header-block-not-front > .header-background {
  position: relative;
  z-index: 0; }
.header-block-not-front > .header-background > .header-background-content {
  position: absolute;
  background: url("gfx/background-header.jpg") no-repeat center -1300px;
  width: 100%; }
@media only screen and (max-width: 480px) {
  .header-block-not-front > .header-background > .header-background-content {
    height: 225px; } }
@media only screen and (min-width: 481px) and (max-width: 1200px) {
  .header-block-not-front > .header-background > .header-background-content {
    height: 260px; } }
@media only screen and (min-width: 1201px) and (max-width: 1919px) {
  .header-block-not-front > .header-background > .header-background-content {
    height: 130px; } }
@media only screen and (min-width: 1920px) {
  .header-block-not-front > .header-background > .header-background-content {
    height: 130px; } }
.header-block-not-front > .header-content {
  clear: both;
  z-index: 1;
  position: relative; }
@media only screen and (max-width: 480px) {
  .header-block-not-front > .header-content {
    width: 100%; } }
@media only screen and (min-width: 481px) and (max-width: 1200px) {
  .header-block-not-front > .header-content {
    width: 100%; } }
@media only screen and (min-width: 1201px) and (max-width: 1919px) {
  .header-block-not-front > .header-content {
    width: 1150px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 10px; } }
@media only screen and (min-width: 1920px) {
  .header-block-not-front > .header-content {
    width: 1220px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 10px; } }
@media only screen and (min-width: 481px) and (max-width: 1200px) {
  .header-block-not-front > .header-content > .header-left {
    padding: 20px;
    margin-bottom: 0px; } }
@media only screen and (min-width: 1201px) and (max-width: 1919px) {
  .header-block-not-front > .header-content > .header-left {
    float: left;
    width: 450px;
    margin-bottom: 15px;
    margin-top: 0px; } }
@media only screen and (min-width: 1920px) {
  .header-block-not-front > .header-content > .header-left {
    float: left;
    width: 450px;
    margin-bottom: 15px;
    margin-top: 0px; } }
@media only screen and (max-width: 480px) {
  .header-block-not-front > .header-content > .header-left > .header-logo {
    left: 25px;
    position: absolute;
    top: 20px; } }
@media only screen and (min-width: 481px) and (max-width: 1200px) {
  .header-block-not-front > .header-content > .header-left > .header-logo {
    margin-top: 0px;
    text-align: center; } }
.header-block-not-front > .header-content > .header-left > .header-logo > .logo {
  display: block; }
.header-block-not-front > .header-content > .header-left > .header-logo > .logo > img {
  width: 163px;
  border: 0px; }
@media only screen and (max-width: 480px) {
  .header-block-not-front > .header-content > .header-right {
    padding: 20px; } }
@media only screen and (min-width: 481px) and (max-width: 1200px) {
  .header-block-not-front > .header-content > .header-right {
    padding: 20px; } }
@media only screen and (min-width: 1201px) and (max-width: 1919px) {
  .header-block-not-front > .header-content > .header-right {
    float: right;
    width: 640px;
    margin-top: 30px; } }
@media only screen and (min-width: 1920px) {
  .header-block-not-front > .header-content > .header-right {
    float: right;
    width: 640px;
    margin-top: 30px; } }
@media only screen and (max-width: 480px) {
  .header-block-not-front > .header-content > .header-right > .header-navigation {
    padding: 20px; } }
@media only screen and (min-width: 481px) and (max-width: 1200px) {
  .header-block-not-front > .header-content > .header-right > .header-navigation {
    padding: 20px; } }
.header-block-not-front > .header-content > .header-right > .header-navigation > .header-menu .nav-main-trigger {
  position: absolute;
  right: 15px;
  top: 35px;
  background: none repeat scroll 0 0 #DD2E35;
  border-radius: 6px;
  width: 70px; }
.header-block-not-front > .header-content > .header-right > .header-navigation > .header-menu .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; }
.header-block-not-front > .header-content > .header-right > .header-navigation > .header-menu .nav-main-trigger:hover {
  background-color: #257182; }
@media only screen and (max-width: 480px) {
  .header-block-not-front > .header-content > .header-right > .header-navigation > .header-search {
    left: 28px;
    margin-bottom: 10px;
    position: absolute;
    top: 160px; } }
@media only screen and (min-width: 481px) and (max-width: 1200px) {
  .header-block-not-front > .header-content > .header-right > .header-navigation > .header-search {
    float: left; } }
@media only screen and (min-width: 1201px) and (max-width: 1919px) {
  .header-block-not-front > .header-content > .header-right > .header-navigation > .header-search {
    float: left; } }
@media only screen and (min-width: 1920px) {
  .header-block-not-front > .header-content > .header-right > .header-navigation > .header-search {
    float: left; } }
.header-block-not-front > .header-content > .header-right > .header-navigation > .header-search > .hearder-search-input {
  height: 44px;
  float: left; }
@media only screen and (min-width: 481px) and (max-width: 1200px) {
  .header-block-not-front > .header-content > .header-right > .header-navigation > .header-search > .hearder-search-input {
    padding-left: 65px;
    background: url("gfx/ico-loupe.png") no-repeat; } }
@media only screen and (min-width: 1201px) and (max-width: 1919px) {
  .header-block-not-front > .header-content > .header-right > .header-navigation > .header-search > .hearder-search-input {
    padding-left: 65px;
    background: url("gfx/ico-loupe.png") no-repeat; } }
@media only screen and (min-width: 1920px) {
  .header-block-not-front > .header-content > .header-right > .header-navigation > .header-search > .hearder-search-input {
    padding-left: 65px;
    background: url("gfx/ico-loupe.png") no-repeat; } }
.header-block-not-front > .header-content > .header-right > .header-navigation > .header-search > .hearder-search-input > input {
  border: 0px;
  padding: 5px 5px 5px 20px;
  height: 34px;
  color: #0198B8;
  font-weight: bold; }
@media only screen and (min-width: 481px) and (max-width: 1200px) {
  .header-block-not-front > .header-content > .header-right > .header-navigation > .header-search > .hearder-search-input > input {
    width: 195px; } }
@media only screen and (min-width: 1201px) and (max-width: 1919px) {
  .header-block-not-front > .header-content > .header-right > .header-navigation > .header-search > .hearder-search-input > input {
    width: 195px; } }
@media only screen and (min-width: 1920px) {
  .header-block-not-front > .header-content > .header-right > .header-navigation > .header-search > .hearder-search-input > input {
    width: 195px; } }
.header-block-not-front > .header-content > .header-right > .header-navigation > .header-search > .hearder-search-submit {
  float: left;
  margin-left: 1px; }
.header-block-not-front > .header-content > .header-right > .header-navigation > .header-search > .hearder-search-submit > a {
  background-color: #fff;
  display: block;
  height: 24px;
  padding: 10px;
  width: 20px;
  border-radius: 0px 4px 4px 0px;
  color: #14c3f0;
  font-weight: 700; }
.header-block-not-front > .header-content > .header-right > .header-navigation > .header-language {
  margin-top: 10px;
  color: #fff; }
@media only screen and (max-width: 480px) {
  .header-block-not-front > .header-content > .header-right > .header-navigation > .header-language {
    position: absolute;
    right: 27px;
    top: 85px; } }
@media only screen and (min-width: 481px) and (max-width: 1200px) {
  .header-block-not-front > .header-content > .header-right > .header-navigation > .header-language {
    float: right; } }
@media only screen and (min-width: 1201px) and (max-width: 1919px) {
  .header-block-not-front > .header-content > .header-right > .header-navigation > .header-language {
    float: left;
    margin-left: 70px; } }
@media only screen and (min-width: 1920px) {
  .header-block-not-front > .header-content > .header-right > .header-navigation > .header-language {
    float: left;
    margin-left: 70px; } }
.header-block-not-front > .header-content > .header-right > .header-navigation > .header-language > a {
  color: #fff; }
.header-block-not-front > .header-content > .header-right > .header-navigation > .header-login {
  margin-left: 20px;
  margin-top: 10px;
  color: #fff; }
@media only screen and (max-width: 480px) {
  .header-block-not-front > .header-content > .header-right > .header-navigation > .header-login {
    display: none; } }
@media only screen and (min-width: 481px) and (max-width: 1200px) {
  .header-block-not-front > .header-content > .header-right > .header-navigation > .header-login {
    display: none; } }
@media only screen and (min-width: 1201px) and (max-width: 1919px) {
  .header-block-not-front > .header-content > .header-right > .header-navigation > .header-login {
    float: left; } }
@media only screen and (min-width: 1920px) {
  .header-block-not-front > .header-content > .header-right > .header-navigation > .header-login {
    float: left; } }
.header-block-not-front > .header-content > .header-right > .header-navigation > .header-login > a {
  color: #fff;
  display: block;
  height: 25px; }
.header-block-not-front > .header-content > .header-right > .header-navigation > .header-login:hover > .header-login-bulle {
  display: block; }
.header-block-not-front > .header-content > .header-right > .header-navigation > .header-login > .header-login-bulle:before {
  border-bottom: 10px solid #fff;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  content: "";
  display: block;
  position: absolute;
  top: -10px; }
@media only screen and (max-width: 480px) {
  .header-block-not-front > .header-content > .header-right > .header-navigation > .header-login > .header-login-bulle:before {
    left: 150px; } }
@media only screen and (min-width: 481px) and (max-width: 1200px) {
  .header-block-not-front > .header-content > .header-right > .header-navigation > .header-login > .header-login-bulle:before {
    left: 150px; } }
@media only screen and (min-width: 1201px) and (max-width: 1919px) {
  .header-block-not-front > .header-content > .header-right > .header-navigation > .header-login > .header-login-bulle:before {
    left: 150px; } }
@media only screen and (min-width: 1920px) {
  .header-block-not-front > .header-content > .header-right > .header-navigation > .header-login > .header-login-bulle:before {
    left: 85px; } }
.header-block-not-front > .header-content > .header-right > .header-navigation > .header-login > .header-login-bulle {
  display: none;
  background-color: #fff;
  border-radius: 5px;
  padding: 20px;
  position: absolute;
  width: 150px;
  -moz-box-shadow: 1px 2px 3px 0px #656565;
  -webkit-box-shadow: 1px 2px 3px 0px #656565;
  -o-box-shadow: 1px 2px 3px 0px #656565;
  box-shadow: 1px 2px 3px 0px #656565; }
@media only screen and (max-width: 480px) {
  .header-block-not-front > .header-content > .header-right > .header-navigation > .header-login > .header-login-bulle {
    margin-left: -145px; } }
@media only screen and (min-width: 481px) and (max-width: 1200px) {
  .header-block-not-front > .header-content > .header-right > .header-navigation > .header-login > .header-login-bulle {
    margin-left: -145px; } }
@media only screen and (min-width: 1201px) and (max-width: 1919px) {
  .header-block-not-front > .header-content > .header-right > .header-navigation > .header-login > .header-login-bulle {
    margin-left: -145px; } }
@media only screen and (min-width: 1920px) {
  .header-block-not-front > .header-content > .header-right > .header-navigation > .header-login > .header-login-bulle {
    margin-left: -75px; } }
.header-block-not-front > .header-content > .header-right > .header-navigation > .header-login > .header-login-bulle > ul {
  padding: 0px;
  margin: 0px; }
.header-block-not-front > .header-content > .header-right > .header-navigation > .header-login > .header-login-bulle > ul > li {
  list-style: none;
  color: #5a5964;
  text-align: center; }
.header-block-not-front > .header-content > .header-right > .header-navigation > .header-login > .header-login-bulle > ul > li > a {
  text-decoration: underline;
  color: #5a5964; }
.header-block-not-front > .header-content > .header-right > .header-navigation > .header-cpf {
  float: left; }
@media only screen and (max-width: 480px) {
  .header-block-not-front > .header-content > .header-right > .header-navigation > .header-cpf {
    margin-top: 5px; } }
@media only screen and (min-width: 481px) and (max-width: 1200px) {
  .header-block-not-front > .header-content > .header-right > .header-navigation > .header-cpf {
    margin-left: 30px; } }
@media only screen and (min-width: 1201px) and (max-width: 1919px) {
  .header-block-not-front > .header-content > .header-right > .header-navigation > .header-cpf {
    margin-left: 30px; } }
@media only screen and (min-width: 1920px) {
  .header-block-not-front > .header-content > .header-right > .header-navigation > .header-cpf {
    margin-left: 30px; } }
.header-block-not-front > .header-content > .header-right > .header-navigation > .header-cpf > .block-cpf {
  background-color: #EC6552;
  border-radius: 5px;
  color: #fff;
  display: block;
  padding: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2) inset; }

.nav-block {
  background-color: #595959;
  border-top: 1px solid #ccc;
  padding-bottom: 10px; }
@media only screen and (min-width: 1201px) and (max-width: 1919px) {
  .nav-block {
    width: 100%;
    z-index: 100;
    transition: all 0.3s linear 0s; } }
@media only screen and (min-width: 1920px) {
  .nav-block {
    width: 100%;
    z-index: 100;
    transition: all 0.3s linear 0s; } }
.nav-block > .nav-content {
  clear: both; }
@media only screen and (max-width: 480px) {
  .nav-block > .nav-content {
    width: 100%; } }
@media only screen and (min-width: 481px) and (max-width: 1200px) {
  .nav-block > .nav-content {
    width: 100%; } }
@media only screen and (min-width: 1201px) and (max-width: 1919px) {
  .nav-block > .nav-content {
    width: 1220px;
    margin-left: auto;
    margin-right: auto; } }
@media only screen and (min-width: 1920px) {
  .nav-block > .nav-content {
    width: 1220px;
    margin-left: auto;
    margin-right: auto; } }

.navigation-fixed {
  bottom: 0px;
  position: fixed;
  right: 15px;
  z-index: 1000; }
.navigation-fixed > .back-on-top {
  position: relative;
  top: 5px;
  height: 55px; }
.navigation-fixed > .back-on-top > a {
  background: none repeat scroll 0 0 #0a1b2f;
  clear: both;
  cursor: pointer;
  display: block;
  float: right;
  height: 50px;
  overflow: hidden;
  width: 50px;
  margin-bottom: 50px;
  border-radius: 50px; }
@media only screen and (min-width: 1201px) and (max-width: 1919px) {
  .navigation-fixed > .back-on-top > a {
    display: none; } }
@media only screen and (min-width: 1920px) {
  .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: 13px 10px 10px; }

.testimonies-block {
  overflow: hidden;
  width: 100%;
  height: 400px; }
@media only screen and (max-width: 480px) {
  .testimonies-block {
    display: none; } }
.testimonies-block > .testimonies-background {
  position: relative; }
@media only screen and (min-width: 481px) and (max-width: 1200px) {
  .testimonies-block > .testimonies-background {
    top: -250px; } }
.testimonies-block > .testimonies-background > .testimonies-background-content {
  width: 100%;
  background: url("gfx/background-temoignage.jpg") center -700px no-repeat;
  position: absolute; }
@media only screen and (min-width: 481px) and (max-width: 1200px) {
  .testimonies-block > .testimonies-background > .testimonies-background-content {
    height: 650px; } }
@media only screen and (min-width: 1201px) and (max-width: 1919px) {
  .testimonies-block > .testimonies-background > .testimonies-background-content {
    height: 400px; } }
@media only screen and (min-width: 1920px) {
  .testimonies-block > .testimonies-background > .testimonies-background-content {
    height: 400px; } }
.testimonies-block > .testimonies-bulle {
  margin-left: auto;
  margin-right: auto; }
@media only screen and (min-width: 1201px) and (max-width: 1919px) {
  .testimonies-block > .testimonies-bulle {
    width: 1150px; } }
@media only screen and (min-width: 1920px) {
  .testimonies-block > .testimonies-bulle {
    width: 1220px; } }
.testimonies-block > .testimonies-bulle > .testimonies-bulle-content {
  background-color: white;
  height: 265px;
  position: relative;
  top: 40px;
  width: 500px;
  padding: 30px;
  border-radius: 10px; }
.testimonies-block > .testimonies-bulle > .testimonies-bulle-content > h2 {
  font-size: 54px;
  color: #595959;
  display: block;
  margin: 0;
  text-transform: none;
  font: 50px/43px "Open Sans", sans-serif;
  letter-spacing: -5px; }
.testimonies-block > .testimonies-bulle > .testimonies-bulle-content > .jcarousel-testimonies > ul > li > .testimonies-txt {
  margin-top: 25px;
  line-height: 1.2em;
  margin: 0;
  color: #5a5964;
  letter-spacing: 0;
  margin: 25px 0 0;
  text-transform: none;
  width: 400px; }
.testimonies-block > .testimonies-bulle > .testimonies-bulle-content > .jcarousel-testimonies > ul > li > .testimonies-txt > .testimonies-user {
  font-weight: bold;
  margin-top: 14px; }
.testimonies-block > .testimonies-bulle > .testimonies-bulle-content > .jcarousel-testimonies-prev, .testimonies-block > .testimonies-bulle > .testimonies-bulle-content .jcarousel-testimonies-next {
  float: left;
  width: 25px;
  height: 25px;
  border: 0px;
  margin-right: 3px;
  margin-top: 10px;
  cursor: pointer; }
.testimonies-block > .testimonies-bulle > .testimonies-bulle-content > .jcarousel-testimonies-prev {
  background: url("gfx/fleche-tres-petit.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0); }
.testimonies-block > .testimonies-bulle > .testimonies-bulle-content > .jcarousel-testimonies-next {
  background: url("gfx/fleche-tres-petit.png") no-repeat scroll -25px 0 rgba(0, 0, 0, 0); }
.testimonies-block > .testimonies-bulle > .testimonies-bulle-content:after {
  border-bottom: 50px solid transparent;
  border-left: 65px solid #fff;
  border-top: 50px solid transparent;
  content: "";
  display: block;
  margin-left: 530px;
  margin-top: -120px;
  position: absolute; }

.navigation-block {
  clear: both;
  position: relative;
  z-index: 0; }
@media only screen and (min-width: 481px) and (max-width: 1200px) {
  .navigation-block {
    padding-top: 20px; } }
@media only screen and (min-width: 1201px) and (max-width: 1919px) {
  .navigation-block {
    padding-top: 45px; } }
@media only screen and (min-width: 1920px) {
  .navigation-block {
    padding-top: 45px; } }
@media only screen and (max-width: 480px) {
  .navigation-block > .navigation-content {
    padding: 20px; } }
@media only screen and (min-width: 481px) and (max-width: 1200px) {
  .navigation-block > .navigation-content {
    padding: 20px; } }
@media only screen and (min-width: 1201px) and (max-width: 1919px) {
  .navigation-block > .navigation-content {
    width: 1150px;
    margin-left: auto;
    margin-right: auto; } }
@media only screen and (min-width: 1920px) {
  .navigation-block > .navigation-content {
    width: 1220px;
    margin-left: auto;
    margin-right: auto; } }
.navigation-block h2 {
  padding-bottom: 10px;
  color: #FFF; }
@media only screen and (min-width: 1201px) and (max-width: 1919px) {
  .navigation-block h2 {
    width: 280px; } }
@media only screen and (min-width: 1920px) {
  .navigation-block h2 {
    width: 280px; } }

.zone2-block {
  clear: both;
  position: relative;
  z-index: 1; }
@media only screen and (max-width: 480px) {
  .zone2-block {
    padding-top: 20px; } }
@media only screen and (min-width: 481px) and (max-width: 1200px) {
  .zone2-block {
    padding-top: 20px; } }
@media only screen and (min-width: 1201px) and (max-width: 1919px) {
  .zone2-block {
    padding-top: 45px; } }
@media only screen and (min-width: 1920px) {
  .zone2-block {
    padding-top: 45px; } }
@media only screen and (max-width: 480px) {
  .zone2-block > .zone2-content {
    padding: 20px; } }
@media only screen and (min-width: 481px) and (max-width: 1200px) {
  .zone2-block > .zone2-content {
    padding: 20px; } }
@media only screen and (min-width: 1201px) and (max-width: 1919px) {
  .zone2-block > .zone2-content {
    width: 1150px;
    margin-left: auto;
    margin-right: auto;
    min-height: 260px; } }
@media only screen and (min-width: 1920px) {
  .zone2-block > .zone2-content {
    width: 1220px;
    margin-left: auto;
    margin-right: auto;
    min-height: 260px; } }
.zone2-block > .zone2-content h2 {
  padding-bottom: 10px;
  color: #FFF; }
@media only screen and (min-width: 1201px) and (max-width: 1919px) {
  .zone2-block > .zone2-content h2 {
    width: 280px; } }
@media only screen and (min-width: 1920px) {
  .zone2-block > .zone2-content h2 {
    width: 280px; } }

.not-front-line {
  border-top: 5px solid #0D3B90; }

.zone-page-block {
  clear: both;
  position: relative;
  z-index: 1; }
@media only screen and (min-width: 481px) and (max-width: 1200px) {
  .zone-page-block {
    padding-top: 20px; } }
@media only screen and (max-width: 480px) {
  .zone-page-block > .zone-page-content {
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 20px; } }
@media only screen and (min-width: 481px) and (max-width: 1200px) {
  .zone-page-block > .zone-page-content {
    padding: 20px; } }
@media only screen and (min-width: 1201px) and (max-width: 1919px) {
  .zone-page-block > .zone-page-content {
    width: 1150px;
    margin-left: auto;
    margin-right: auto;
    min-height: 260px; } }
@media only screen and (min-width: 1920px) {
  .zone-page-block > .zone-page-content {
    width: 1220px;
    margin-left: auto;
    margin-right: auto;
    min-height: 260px; } }
.zone-page-block > .zone-page-content h2 {
  padding-bottom: 10px;
  color: #FFF; }
@media only screen and (min-width: 1201px) and (max-width: 1919px) {
  .zone-page-block > .zone-page-content h2 {
    width: 280px; } }
@media only screen and (min-width: 1920px) {
  .zone-page-block > .zone-page-content h2 {
    width: 280px; } }

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

/* ------------------------- */
/* Plugin */
/* ------------------------- */
/*! 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-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: 40%;
  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: 0; }

.fancybox-next {
  right: 0; }

.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*/ } }
@font-face {
  /*	font-family: 'typicons';
  	src:url('fonts/typicons/typicons.eot');
  	src:url('fonts/typicons/typicons.eot?#iefix') format('embedded-opentype'),
  		url('fonts/typicons/typicons.ttf') format('truetype'),
  		url('fonts/typicons/typicons.woff') format('woff'),
  		url('fonts/typicons/typicons.svg#typicons') format('svg');
  	font-weight: normal;
  	font-style: normal;*/
  font-family: 'typicons';
  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; }
.perspective {
  width: 100%;
  height: 100%;
  background: #aaa;
  position: relative; }

.container {
  background: #fff;
  min-height: 100%;
  position: relative;
  outline: 1px solid rgba(0, 0, 0, 0);
  z-index: 10;
  -webkit-transform: translateZ(0) translateX(0) rotateY(0deg);
  /* reset transforms (Chrome bug) */
  transform: translateZ(0) translateX(0) rotateY(0deg); }

.container::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 0px;
  opacity: 0;
  background: rgba(0, 0, 0, 0.2);
  /* the transition delay of the height needs to be synced with the container transition time */
  -webkit-transition: opacity 0.4s, height 0s 0.4s;
  transition: opacity 0.4s, height 0s 0.4s; }

.wrapper {
  position: relative; }

.component {
  margin: 0 auto;
  width: 60%;
  text-align: justify;
  font-size: 1.5em; }

/* Modal view */
.perspective.modalview {
  position: fixed;
  -webkit-perspective: 1500px;
  perspective: 1500px; }

.modalview .container {
  position: absolute;
  overflow: hidden;
  width: 100%;
  height: 100%;
  cursor: pointer;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }

.modalview .wrapper {
  -webkit-transform: translateZ(-1px);
  /* solves a rendering bug in Chrome on Windows */ }

.animate .container::after {
  opacity: 1;
  height: 101%;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s; }

/* Outer Nav */
.outer-nav {
  position: absolute;
  height: auto;
  font-size: 2em; }

.outer-nav.vertical {
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d; }

.outer-nav.horizontal {
  left: 50%;
  width: 75%;
  max-width: 1000px;
  text-align: center;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%); }

@media only screen and (max-width: 480px) {
  .outer-nav.left {
    left: 2%; } }
@media only screen and (min-width: 481px) and (max-width: 1200px) {
  .outer-nav.left {
    left: 15%; } }
@media only screen and (min-width: 1201px) and (max-width: 1919px) {
  .outer-nav.left {
    left: 25%; } }
@media only screen and (min-width: 1920px) {
  .outer-nav.left {
    left: 25%; } }

.outer-nav.right {
  right: 25%; }

.outer-nav.top {
  top: 25%; }

.outer-nav.bottom {
  bottom: 25%; }

.outer-nav a {
  display: inline-block;
  white-space: nowrap;
  font-weight: 300;
  color: #fff;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  text-transform: uppercase;
  font-family: "Open Sans", sans-serif; }
@media only screen and (max-width: 480px) {
  .outer-nav a {
    margin: 0 0 20px 0; } }
@media only screen and (min-width: 481px) and (max-width: 1200px) {
  .outer-nav a {
    margin: 0 0 5px 0; } }
@media only screen and (min-width: 1201px) and (max-width: 1919px) {
  .outer-nav a {
    margin: 0 0 20px 0; } }
@media only screen and (min-width: 1920px) {
  .outer-nav a {
    margin: 0 0 20px 0; } }

.outer-nav a:hover {
  color: #ffdccd; }

.outer-nav.vertical a {
  display: block; }

.outer-nav.horizontal a {
  margin: 15px 20px; }

.outer-nav a::before {
  display: inline-block;
  font-family: 'typicons';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  margin-right: 15px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }

.icon-accueil::before {
  content: ""; }

.icon-formations_prestations::before {
  content: ""; }

.icon-nos_atouts::before {
  content: ""; }

.icon-mon_cpf::before {
  content: ""; }

.icon-reseau_partenaire::before {
  content: ""; }

.icon-partenariats::before {
  content: ""; }

.icon-actualites::before {
  content: ""; }

.icon-a_propos_de_canspeak::before {
  content: ""; }

.icon-contact::before {
  content: ""; }

.icon-tel::before {
  content: ""; }

.icon-testez_votre_niveau::before {
  content: ""; }

.icon-training_benefits::before {
  content: ""; }

.icon-our_strengths::before {
  content: ""; }

.icon-our_network::before {
  content: ""; }

.icon-partnerships::before {
  content: ""; }

.icon-news::before {
  content: ""; }

.icon-about_us::before {
  content: ""; }

.icon-contact_us::before {
  content: ""; }

.icon-tel::before {
  content: ""; }

.icon-test_your_level::before {
  content: ""; }

/* Individual Effects */
/* Effect airbnb */
.effect-airbnb {
  background: #00485b; }

.effect-airbnb .container {
  -webkit-transition: -webkit-transform 0.4s;
  transition: transform 0.4s;
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%; }

.effect-airbnb.animate .container {
  -webkit-transform: translateZ(-1500px) translateX(100%) rotateY(-45deg);
  transform: translateZ(-1500px) translateX(100%) rotateY(-45deg); }

.no-csstransforms3d .effect-airbnb.animate .container {
  left: 75%; }

.effect-airbnb .outer-nav a {
  opacity: 0;
  -webkit-transform: translateX(-150px);
  transform: translateX(-150px);
  -webkit-transition: -webkit-transform 0.4s, opacity 0.4s;
  transition: transform 0.4s, opacity 0.4s; }

.effect-airbnb.animate .outer-nav a {
  opacity: 1;
  -webkit-transform: translateX(0);
  transform: translateX(0); }

.effect-airbnb.animate .outer-nav a:nth-child(2) {
  -webkit-transition-delay: 0.04s;
  transition-delay: 0.04s; }

.effect-airbnb.animate .outer-nav a:nth-child(3) {
  -webkit-transition-delay: 0.08s;
  transition-delay: 0.08s; }

.effect-airbnb.animate .outer-nav a:nth-child(4) {
  -webkit-transition-delay: 0.12s;
  transition-delay: 0.12s; }

.effect-airbnb.animate .outer-nav a:nth-child(5) {
  -webkit-transition-delay: 0.16s;
  transition-delay: 0.16s; }

.effect-airbnb.animate .outer-nav a:nth-child(6) {
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s; }

.effect-airbnb.animate .outer-nav a:nth-child(7) {
  -webkit-transition-delay: 0.24s;
  transition-delay: 0.24s; }

/* Effect Move Left */
.effect-moveleft {
  background: #f4f3f1; }

.effect-moveleft .container {
  -webkit-transition: -webkit-transform 0.4s;
  transition: transform 0.4s;
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%; }

.effect-moveleft .container::after {
  background: rgba(255, 255, 255, 0.6); }

.effect-moveleft.animate .container {
  -webkit-transform: translateX(-50%) rotateY(45deg) translateZ(-50px);
  transform: translateX(-50%) rotateY(45deg) translateZ(-50px); }

.no-csstransforms3d .effect-moveleft.animate .container {
  left: -75%; }

.effect-moveleft .outer-nav a {
  color: #e86a32;
  opacity: 0;
  -webkit-transform: translateX(100px) translateZ(-1000px);
  transform: translateX(100px) translateZ(-1000px);
  -webkit-transition: -webkit-transform 0.4s, opacity 0.4s;
  transition: transform 0.4s, opacity 0.4s; }

.effect-moveleft .outer-nav a:hover {
  color: #333; }

.effect-moveleft.animate .outer-nav a {
  opacity: 1;
  -webkit-transform: translateX(0) translateZ(0);
  transform: translateX(0) translateZ(0); }

.effect-moveleft.animate .outer-nav a:nth-child(2) {
  -webkit-transition-delay: 0.04s;
  transition-delay: 0.04s; }

.effect-moveleft.animate .outer-nav a:nth-child(3) {
  -webkit-transition-delay: 0.08s;
  transition-delay: 0.08s; }

.effect-moveleft.animate .outer-nav a:nth-child(4) {
  -webkit-transition-delay: 0.12s;
  transition-delay: 0.12s; }

.effect-moveleft.animate .outer-nav a:nth-child(5) {
  -webkit-transition-delay: 0.16s;
  transition-delay: 0.16s; }

.effect-moveleft.animate .outer-nav a:nth-child(6) {
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s; }

.effect-moveleft.animate .outer-nav a:nth-child(7) {
  -webkit-transition-delay: 0.24s;
  transition-delay: 0.24s; }

/* Effect Rotate Left */
.effect-rotateleft {
  background: #e96e4f; }

.effect-rotateleft .container {
  -webkit-transition: -webkit-transform 0.4s;
  transition: transform 0.4s;
  -webkit-transform-origin: 0% 50%;
  transform-origin: 0% 50%; }

.effect-rotateleft .container::after {
  background: rgba(255, 255, 255, 0.6); }

.effect-rotateleft.animate .container {
  -webkit-transform: translateZ(-1800px) translateX(-50%) rotateY(45deg);
  transform: translateZ(-1800px) translateX(-50%) rotateY(45deg); }

.no-csstransforms3d .effect-rotateleft.animate .container {
  left: -75%; }

.effect-rotateleft .outer-nav a {
  opacity: 0;
  -webkit-transform: translateX(350px) translateZ(-1000px);
  transform: translateX(350px) translateZ(-1000px);
  -webkit-transition: -webkit-transform 0.4s, opacity 0.4s;
  transition: transform 0.4s, opacity 0.4s; }

.effect-rotateleft.animate .outer-nav a {
  opacity: 1;
  -webkit-transform: translateX(0) translateZ(0);
  transform: translateX(0) translateZ(0); }

.effect-rotateleft.animate .outer-nav a:nth-child(2) {
  -webkit-transition-delay: 0.04s;
  transition-delay: 0.04s; }

.effect-rotateleft.animate .outer-nav a:nth-child(3) {
  -webkit-transition-delay: 0.08s;
  transition-delay: 0.08s; }

.effect-rotateleft.animate .outer-nav a:nth-child(4) {
  -webkit-transition-delay: 0.08s;
  transition-delay: 0.08s; }

.effect-rotateleft.animate .outer-nav a:nth-child(5) {
  -webkit-transition-delay: 0.16s;
  transition-delay: 0.16s; }

.effect-rotateleft.animate .outer-nav a:nth-child(6) {
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s; }

.effect-rotateleft.animate .outer-nav a:nth-child(7) {
  -webkit-transition-delay: 0.24s;
  transition-delay: 0.24s; }

/* Effect Move Down */
.effect-movedown {
  background: #34495e; }

.effect-movedown .container {
  -webkit-transition: -webkit-transform 0.4s;
  transition: transform 0.4s;
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%; }

.effect-movedown .container::after {
  background: rgba(52, 73, 94, 0.5); }

.effect-movedown.animate .container {
  -webkit-transform: translateY(100%) translateZ(-1500px);
  transform: translateY(100%) translateZ(-1500px); }

.no-csstransforms3d .effect-movedown.animate .container {
  top: 75%; }

.effect-movedown .outer-nav a {
  opacity: 0;
  -webkit-transform: translateY(-20px);
  transform: translateY(-20px);
  -webkit-transition: -webkit-transform 0.4s, opacity 0.4s;
  transition: transform 0.4s, opacity 0.4s; }

.effect-movedown .outer-nav a:hover {
  color: #ed8151; }

.effect-movedown.animate .outer-nav a {
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0); }

.effect-movedown.animate .outer-nav a:nth-child(2) {
  -webkit-transition-delay: 0.04s;
  transition-delay: 0.04s; }

.effect-movedown.animate .outer-nav a:nth-child(3) {
  -webkit-transition-delay: 0.08s;
  transition-delay: 0.08s; }

.effect-movedown.animate .outer-nav a:nth-child(4) {
  -webkit-transition-delay: 0.12s;
  transition-delay: 0.12s; }

.effect-movedown.animate .outer-nav a:nth-child(5) {
  -webkit-transition-delay: 0.16s;
  transition-delay: 0.16s; }

.effect-movedown.animate .outer-nav a:nth-child(6) {
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s; }

.effect-movedown.animate .outer-nav a:nth-child(7) {
  -webkit-transition-delay: 0.24s;
  transition-delay: 0.24s; }

/* Effect Rotate Top */
.effect-rotatetop {
  background: #fff; }

.effect-rotatetop .container {
  -webkit-transition: -webkit-transform 0.4s;
  transition: transform 0.4s;
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%; }

.effect-rotatetop .container::after {
  background: rgba(94, 59, 43, 0.6); }

.effect-rotatetop.animate .container {
  -webkit-transform: translateZ(-1500px) translateY(-50%) rotateX(-45deg);
  transform: translateZ(-1500px) translateY(-50%) rotateX(-45deg); }

.no-csstransforms3d .effect-rotatetop.animate .container {
  top: -75%; }

.effect-rotatetop .outer-nav a {
  opacity: 0;
  color: #595959;
  -webkit-transform: translateY(200px) translateZ(-1000px);
  transform: translateY(200px) translateZ(-1000px);
  -webkit-transition: -webkit-transform 0.4s, opacity 0.4s;
  transition: transform 0.4s, opacity 0.4s; }

.effect-rotatetop .outer-nav a:hover {
  color: #2EA9C4; }

.effect-rotatetop.animate .outer-nav a {
  opacity: 1;
  -webkit-transform: translateY(0) translateZ(0);
  transform: translateY(0) translateZ(0); }

.effect-rotatetop.animate .outer-nav a:nth-child(2) {
  -webkit-transition-delay: 0.04s;
  transition-delay: 0.04s; }

.effect-rotatetop.animate .outer-nav a:nth-child(3) {
  -webkit-transition-delay: 0.08s;
  transition-delay: 0.08s; }

.effect-rotatetop.animate .outer-nav a:nth-child(4) {
  -webkit-transition-delay: 0.12s;
  transition-delay: 0.12s; }

.effect-rotatetop.animate .outer-nav a:nth-child(5) {
  -webkit-transition-delay: 0.16s;
  transition-delay: 0.16s; }

.effect-rotatetop.animate .outer-nav a:nth-child(6) {
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s; }

.effect-rotatetop.animate .outer-nav a:nth-child(7) {
  -webkit-transition-delay: 0.24s;
  transition-delay: 0.24s; }

/* Effect Lay Down */
.effect-laydown {
  background: #b8b6b4; }

.effect-laydown .container {
  -webkit-transition: -webkit-transform 0.4s;
  transition: transform 0.4s;
  -webkit-transform-origin: 50% 150%;
  transform-origin: 50% 150%; }

.effect-laydown.animate .container {
  -webkit-transform: translateZ(-1500px) rotateX(80deg);
  transform: translateZ(-1500px) rotateX(80deg); }

.no-csstransforms3d .effect-laydown.animate .container {
  top: 75%; }

.effect-laydown .outer-nav a {
  opacity: 0;
  -webkit-transform: translateY(-200px) translateZ(-1000px);
  transform: translateY(-200px) translateZ(-1000px);
  -webkit-transition: -webkit-transform 0.4s, opacity 0.4s;
  transition: transform 0.4s, opacity 0.4s; }

.effect-laydown.animate .outer-nav a {
  opacity: 1;
  -webkit-transform: translateY(0) translateZ(0);
  transform: translateY(0) translateZ(0); }

.effect-laydown.animate .outer-nav a:nth-child(7) {
  -webkit-transition-delay: 0.0s;
  transition-delay: 0.0s; }

.effect-laydown.animate .outer-nav a:nth-child(6) {
  -webkit-transition-delay: 0.04s;
  transition-delay: 0.04s; }

.effect-laydown.animate .outer-nav a:nth-child(5) {
  -webkit-transition-delay: 0.08s;
  transition-delay: 0.08s; }

.effect-laydown.animate .outer-nav a:nth-child(4) {
  -webkit-transition-delay: 0.12s;
  transition-delay: 0.12s; }

.effect-laydown.animate .outer-nav a:nth-child(3) {
  -webkit-transition-delay: 0.16s;
  transition-delay: 0.16s; }

.effect-laydown.animate .outer-nav a:nth-child(2) {
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s; }

.effect-laydown.animate .outer-nav a:first-child {
  -webkit-transition-delay: 0.24s;
  transition-delay: 0.24s; }

/* Media Queries */
@media screen and (max-width: 77em) {
  .outer-nav.top {
    top: 15%; }

  .outer-nav.bottom {
    bottom: 15%; } }
@media screen and (max-width: 36.625em), screen and (max-height: 41.75em) {
  .outer-nav.top {
    top: 5%; }

  .outer-nav.bottom {
    bottom: 5%; }

  .outer-nav.horizontal {
    font-size: 1.7em;
    width: 6.2em; }

  .outer-nav.horizontal a {
    display: block;
    text-align: left; }

  /* Special Case */
  .effect-rotatetop .outer-nav.horizontal {
    width: 95%;
    bottom: auto;
    top: 50%; }

  .effect-rotatetop .outer-nav.horizontal a {
    display: inline-block; } }
@media screen and (max-width: 31em), screen and (max-height: 36.2em) {
  .outer-nav.horizontal, .outer-nav.vertical {
    font-size: 1.2em;
    width: 15.8em; }

  .outer-nav.right {
    right: auto;
    left: 50%; } }
@media screen and (max-height: 31.6em) {
  .outer-nav a {
    margin-bottom: 5px; } }
.jBox-wrapper {
  text-align: left;
  box-sizing: border-box; }

.jBox-title, .jBox-content, .jBox-container {
  position: relative;
  word-break: break-word;
  box-sizing: border-box;
  font-size: 13px; }

.jBox-container {
  background: #fff; }

.jBox-content {
  padding: 8px 12px;
  overflow-x: hidden;
  overflow-y: auto;
  transition: opacity .2s; }

.jBox-footer {
  box-sizing: border-box; }

.jBox-Tooltip .jBox-container, .jBox-Mouse .jBox-container {
  border-radius: 4px;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.25); }
.jBox-Tooltip .jBox-title, .jBox-Mouse .jBox-title {
  padding: 8px 10px 0;
  font-weight: bold; }
.jBox-Tooltip.jBox-hasTitle .jBox-content, .jBox-Mouse.jBox-hasTitle .jBox-content {
  padding-top: 5px; }

.jBox-Mouse {
  pointer-events: none; }

.jBox-pointer {
  position: absolute;
  overflow: hidden;
  box-sizing: border-box; }
.jBox-pointer:after {
  content: '';
  width: 20px;
  height: 20px;
  position: absolute;
  background: #fff;
  transform: rotate(45deg);
  box-sizing: border-box; }
.jBox-pointer-top {
  top: 0; }
.jBox-pointer-top:after {
  left: 5px;
  top: 6px;
  box-shadow: -1px -1px 2px rgba(0, 0, 0, 0.15); }
.jBox-pointer-right {
  right: 0; }
.jBox-pointer-right:after {
  top: 5px;
  right: 6px;
  box-shadow: 1px -1px 2px rgba(0, 0, 0, 0.15); }
.jBox-pointer-left {
  left: 0; }
.jBox-pointer-left:after {
  top: 5px;
  left: 6px;
  box-shadow: -1px 1px 2px rgba(0, 0, 0, 0.15); }
.jBox-pointer-bottom {
  bottom: 0; }
.jBox-pointer-bottom:after {
  left: 5px;
  bottom: 6px;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.15); }
.jBox-pointer-top, .jBox-pointer-bottom {
  width: 30px;
  height: 12px; }
.jBox-pointer-left, .jBox-pointer-right {
  width: 12px;
  height: 30px; }

.jBox-Modal .jBox-container {
  border-radius: 4px; }
.jBox-Modal .jBox-container, .jBox-Modal.jBox-closeButton-box:before {
  box-shadow: 0 3px 15px rgba(0, 0, 0, 0.4), 0 0 5px rgba(0, 0, 0, 0.4); }
.jBox-Modal .jBox-content {
  padding: 15px 20px; }
.jBox-Modal .jBox-title {
  border-radius: 4px 4px 0 0;
  padding: 15px 20px;
  background: #fafafa;
  border-bottom: 1px solid #eee; }
.jBox-Modal.jBox-closeButton-title .jBox-title {
  padding-right: 65px; }
.jBox-Modal .jBox-footer {
  border-radius: 0 0 4px 4px; }

.jBox-closeButton {
  z-index: 1;
  cursor: pointer;
  position: absolute;
  box-sizing: border-box; }
.jBox-closeButton svg {
  position: absolute;
  top: 50%;
  right: 50%; }
.jBox-closeButton path {
  fill: #aaa;
  transition: fill .2s; }
.jBox-closeButton:hover path {
  fill: #888; }

.jBox-overlay .jBox-closeButton {
  top: 0;
  right: 0;
  width: 40px;
  height: 40px; }
.jBox-overlay .jBox-closeButton svg {
  width: 20px;
  height: 20px;
  margin-top: -10px;
  margin-right: -10px; }
.jBox-overlay .jBox-closeButton path {
  fill: #ddd; }
.jBox-overlay .jBox-closeButton:hover path {
  fill: #fff; }

.jBox-closeButton-title .jBox-closeButton {
  top: 0;
  right: 0;
  bottom: 0;
  width: 50px; }
.jBox-closeButton-title svg {
  width: 12px;
  height: 12px;
  margin-top: -6px;
  margin-right: -6px; }

.jBox-closeButton-box {
  box-sizing: border-box; }
.jBox-closeButton-box .jBox-closeButton {
  top: -8px;
  right: -10px;
  width: 24px;
  height: 24px;
  background: #fff;
  border-radius: 50%; }
.jBox-closeButton-box .jBox-closeButton svg {
  width: 10px;
  height: 10px;
  margin-top: -5px;
  margin-right: -5px; }
.jBox-closeButton-box:before {
  content: '';
  position: absolute;
  top: -8px;
  right: -10px;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); }
.jBox-closeButton-box.jBox-pointerPosition-top:before {
  top: 5px; }
.jBox-closeButton-box.jBox-pointerPosition-right:before {
  right: 2px; }

.jBox-Modal.jBox-hasTitle.jBox-closeButton-box .jBox-closeButton {
  background: #fafafa; }

.jBox-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.82); }

.jBox-footer {
  background: #fafafa;
  border-top: 1px solid #eee;
  padding: 8px 10px;
  border-radius: 0 0 3px 3px; }

body[class^="jBox-blockScroll-"], body[class*=" jBox-blockScroll-"] {
  overflow: hidden; }

.jBox-draggable {
  cursor: move; }

@keyframes jBoxLoading {
  to {
    transform: rotate(360deg); } }
.jBox-loading .jBox-content {
  opacity: .2; }

.jBox-loading-spinner .jBox-content {
  min-height: 38px !important;
  min-width: 38px !important;
  opacity: 0; }

.jBox-spinner {
  box-sizing: border-box;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 24px;
  height: 24px;
  margin-top: -12px;
  margin-left: -12px; }
.jBox-spinner:before {
  display: block;
  box-sizing: border-box;
  content: '';
  width: 24px;
  height: 24px;
  border-radius: 50%;
  border: 2px solid rgba(0, 0, 0, 0.2);
  border-top-color: rgba(0, 0, 0, 0.8);
  animation: jBoxLoading .6s linear infinite; }

.jBox-countdown {
  border-radius: 4px 4px 0 0;
  z-index: 0;
  background: #000;
  opacity: .2;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  overflow: hidden; }
.jBox-countdown-inner {
  top: 0;
  right: 0;
  width: 100%;
  height: 3px;
  position: absolute;
  background: #fff; }

[class^="jBox-animated-"], [class*=" jBox-animated-"] {
  animation-fill-mode: both; }

@keyframes jBox-tada {
  0% {
    transform: scale(1); }
  10%,
  20% {
    transform: scale(0.8) rotate(-4deg); }
  30%,
  50%,
  70%,
  90% {
    transform: scale(1.2) rotate(4deg); }
  40%,
  60%,
  80% {
    transform: scale(1.2) rotate(-4deg); }
  100% {
    transform: scale(1) rotate(0); } }
.jBox-animated-tada {
  animation: jBox-tada 1s; }

@keyframes jBox-tadaSmall {
  0% {
    transform: scale(1); }
  10%,
  20% {
    transform: scale(0.9) rotate(-2deg); }
  30%,
  50%,
  70%,
  90% {
    transform: scale(1.1) rotate(2deg); }
  40%,
  60%,
  80% {
    transform: scale(1.1) rotate(-2deg); }
  100% {
    transform: scale(1) rotate(0); } }
.jBox-animated-tadaSmall {
  animation: jBox-tadaSmall 1s; }

@keyframes jBox-flash {
  0%,
  50%,
  100% {
    opacity: 1; }
  25%,
  75% {
    opacity: 0; } }
.jBox-animated-flash {
  animation: jBox-flash .5s; }

@keyframes jBox-shake {
  0%,
  100% {
    transform: translateX(0); }
  20%,
  60% {
    transform: translateX(-6px); }
  40%,
  80% {
    transform: translateX(6px); } }
.jBox-animated-shake {
  animation: jBox-shake .4s; }

@keyframes jBox-pulseUp {
  0% {
    transform: scale(1); }
  50% {
    transform: scale(1.15); }
  100% {
    transform: scale(1); } }
.jBox-animated-pulseUp {
  animation: jBox-pulseUp .25s; }

@keyframes jBox-pulseDown {
  0% {
    transform: scale(1); }
  50% {
    transform: scale(0.85); }
  100% {
    transform: scale(1); } }
.jBox-animated-pulseDown {
  animation: jBox-pulseDown .25s; }

@keyframes jBox-popIn {
  0% {
    transform: scale(0); }
  50% {
    transform: scale(1.1); }
  100% {
    transform: scale(1); } }
.jBox-animated-popIn {
  animation: jBox-popIn .25s; }

@keyframes jBox-popOut {
  0% {
    transform: scale(1); }
  50% {
    transform: scale(1.1); }
  100% {
    transform: scale(0); } }
.jBox-animated-popOut {
  animation: jBox-popOut .25s; }

@keyframes jBox-fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
.jBox-animated-fadeIn {
  animation: jBox-fadeIn .2s; }

@keyframes jBox-fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }
.jBox-animated-fadeOut {
  animation: jBox-fadeOut .2s; }

@keyframes jBox-slideUp {
  0% {
    transform: translateY(0); }
  100% {
    transform: translateY(-300px);
    opacity: 0; } }
.jBox-animated-slideUp {
  animation: jBox-slideUp .4s; }

@keyframes jBox-slideRight {
  0% {
    transform: translateX(0); }
  100% {
    transform: translateX(300px);
    opacity: 0; } }
.jBox-animated-slideRight {
  animation: jBox-slideRight .4s; }

@keyframes jBox-slideDown {
  0% {
    transform: translateY(0); }
  100% {
    transform: translateY(300px);
    opacity: 0; } }
.jBox-animated-slideDown {
  animation: jBox-slideDown .4s; }

@keyframes jBox-slideLeft {
  0% {
    transform: translateX(0); }
  100% {
    transform: translateX(-300px);
    opacity: 0; } }
.jBox-animated-slideLeft {
  animation: jBox-slideLeft .4s; }

/* ------------------------- */
/* Rubrique */
/* ------------------------- */
.accueil {
  position: relative;
  z-index: 2; }
.accueil h3 {
  font: 300 33px/28px "Open Sans", sans-serif;
  text-transform: uppercase;
  color: #595959;
  margin-bottom: 25px; }
.accueil h3 > a {
  color: #595959; }
@media only screen and (max-width: 480px) {
  .accueil > .ligne1 {
    padding-top: 10px; } }
@media only screen and (min-width: 481px) and (max-width: 1200px) {
  .accueil > .ligne1 {
    padding-top: 10px; } }
@media only screen and (min-width: 1201px) and (max-width: 1919px) {
  .accueil > .ligne1 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around; } }
@media only screen and (min-width: 1920px) {
  .accueil > .ligne1 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around; } }
@media only screen and (min-width: 1201px) and (max-width: 1919px) {
  .accueil > .ligne1 > .col-520 {
    width: 520px; } }
@media only screen and (min-width: 1920px) {
  .accueil > .ligne1 > .col-520 {
    width: 520px; } }
@media only screen and (min-width: 1201px) and (max-width: 1919px) {
  .accueil > .ligne1 > .col-550 {
    width: 550px; } }
@media only screen and (min-width: 1920px) {
  .accueil > .ligne1 > .col-550 {
    width: 550px; } }
@media only screen and (min-width: 1201px) and (max-width: 1919px) {
  .accueil > .ligne1 > .marginRight60 {
    margin-right: 60px; } }
@media only screen and (min-width: 1920px) {
  .accueil > .ligne1 > .marginRight60 {
    margin-right: 60px; } }
@media only screen and (min-width: 481px) and (max-width: 1200px) {
  .accueil > .ligne1 > .marginRight80 {
    margin-right: 80px; } }
@media only screen and (min-width: 1201px) and (max-width: 1919px) {
  .accueil > .ligne1 > .marginRight80 {
    margin-right: 80px; } }
@media only screen and (min-width: 1920px) {
  .accueil > .ligne1 > .marginRight80 {
    margin-right: 80px; } }
@media only screen and (min-width: 481px) and (max-width: 1200px) {
  .accueil > .ligne1 > .block-actu {
    float: left;
    margin-bottom: 40px; } }
@media only screen and (min-width: 1201px) and (max-width: 1919px) {
  .accueil > .ligne1 > .block-actu {
    width: 30%; } }
@media only screen and (min-width: 1920px) {
  .accueil > .ligne1 > .block-actu {
    width: 30%; } }
@media only screen and (max-width: 480px) {
  .accueil > .ligne1 > .block-actu > .col-left {
    padding-top: 10px;
    margin-right: 30px; } }
@media only screen and (min-width: 481px) and (max-width: 1200px) {
  .accueil > .ligne1 > .block-actu > .col-left {
    margin-right: 30px; } }
@media only screen and (min-width: 1201px) and (max-width: 1919px) {
  .accueil > .ligne1 > .block-actu > .col-left {
    margin-right: 30px; } }
@media only screen and (min-width: 1920px) {
  .accueil > .ligne1 > .block-actu > .col-left {
    margin-right: 30px; } }
.accueil > .ligne1 > .block-actu > .col-left > .block-img {
  margin-bottom: 10px;
  margin-top: 5px; }
.accueil > .ligne1 > .block-actu > .col-left > .block-img > img {
  border-radius: 10px;
  border: 0px; }
@media only screen and (max-width: 480px) {
  .accueil > .ligne1 > .block-actu > .col-right {
    padding-top: 10px; } }
@media only screen and (min-width: 481px) and (max-width: 1200px) {
  .accueil > .ligne1 > .block-actu > .col-right {
    float: left;
    width: 470px; } }
@media only screen and (min-width: 1201px) and (max-width: 1919px) {
  .accueil > .ligne1 > .block-actu > .col-right {
    float: left;
    width: 350px; } }
@media only screen and (min-width: 1920px) {
  .accueil > .ligne1 > .block-actu > .col-right {
    float: left;
    width: 350px; } }
.accueil > .ligne1 > .block-actu > .col-right > .block-subtitle {
  color: #2EA9C4;
  font: 500 21px/26px "Open Sans", sans-serif;
  letter-spacing: 0;
  text-transform: none;
  min-height: 70px; }
.accueil > .ligne1 > .block-actu > .col-right > .block-text {
  margin-top: 25px; }
@media only screen and (min-width: 1201px) and (max-width: 1919px) {
  .accueil > .ligne1 > .block-actu > .col-right > .block-text {
    margin-bottom: 25px; } }
@media only screen and (min-width: 1920px) {
  .accueil > .ligne1 > .block-actu > .col-right > .block-text {
    margin-bottom: 25px; } }
.accueil > .ligne1 > .block-actu > .col-right > .block-text > img {
  border-radius: 10px;
  margin-bottom: 20px; }
.accueil > .ligne1 > .block-actu > .col-right > .block-text > p {
  margin: 0px;
  padding-bottom: 20px; }
.accueil > .ligne1 > .block-actu > .col-right > .block-text > .block-actu-date {
  padding: 10px;
  background-color: #E5E3DF;
  border-radius: 5px;
  float: left;
  margin-right: 20px;
  margin-bottom: 10px;
  width: 50px;
  height: 50px; }
.accueil > .ligne1 > .block-actu > .col-right > .block-text > .block-actu-date > .block-actu-date-month {
  font-size: 11px;
  text-align: center; }
.accueil > .ligne1 > .block-actu > .col-right > .block-text > .block-actu-date > .block-actu-date-day {
  font-size: 35px;
  position: relative;
  text-align: center;
  top: -6px; }
.accueil > .ligne1 > .more-news-link {
  background: transparent url("gfx/fleche-tres-petit.png") no-repeat scroll -25px 0;
  color: #595959;
  display: block;
  height: 25px;
  padding-left: 32px;
  padding-top: 2px;
  font-weight: bold; }
@media only screen and (max-width: 480px) {
  .accueil > .ligne1 > .col-zone1 {
    padding-top: 10px; } }
@media only screen and (min-width: 481px) and (max-width: 1200px) {
  .accueil > .ligne1 > .col-zone1 {
    padding-top: 10px; } }
@media only screen and (min-width: 1201px) and (max-width: 1919px) {
  .accueil > .ligne1 > .col-zone1 {
    float: left; } }
@media only screen and (min-width: 1920px) {
  .accueil > .ligne1 > .col-zone1 {
    float: left; } }
.accueil > .ligne1 > .col-zone1 > h3, .accueil > .ligne1 > .col-zone1 > h1 {
  font: 300 33px/28px "Open Sans", sans-serif;
  text-transform: uppercase;
  color: #595959;
  margin-bottom: 25px; }
.accueil > .ligne1 > .col-zone1 > h3 > a, .accueil > .ligne1 > .col-zone1 > h1 > a {
  color: #595959; }
.accueil > .ligne1 > .col-zone1 > p {
  color: #7c7c7c; }
.accueil > .ligne1 > .col-zone1 > p > a {
  color: #0D3B90; }
.accueil > .ligne1 > .col-zone1 > .more-formation-link {
  background: transparent url("gfx/fleche-tres-petit.png") no-repeat scroll -25px 0;
  color: #595959;
  display: block;
  height: 25px;
  padding-left: 32px;
  padding-top: 2px;
  font-weight: bold; }
.accueil > .ligne1 > .col-zone1 > .col-subtitle {
  color: #D70000;
  font-size: 20px;
  margin-bottom: 10px;
  padding-bottom: 0px;
  width: 85%; }
.accueil > .ligne1 > .col-zone1 > .block-img > a {
  margin-bottom: 10px;
  margin-top: 5px; }
.accueil > .ligne1 > .col-zone1 > .block-img > a > img {
  border-radius: 10px;
  border: 0px; }
.accueil > .ligne1 > .col-zone1 > .block-download-brochure {
  background-color: #eee;
  border: 0 solid #fc0000;
  border-radius: 5px;
  margin-top: 10px;
  padding: 10px; }
@media only screen and (min-width: 1201px) and (max-width: 1919px) {
  .accueil > .ligne1 > .col-zone1 > .block-download-brochure {
    margin-right: 3%; } }
@media only screen and (min-width: 1920px) {
  .accueil > .ligne1 > .col-zone1 > .block-download-brochure {
    margin-right: 3%; } }
.accueil > .ligne1 > .col-zone1 > .block-download-brochure > a > .txt {
  float: left;
  color: #2ea9c4;
  letter-spacing: 0;
  text-transform: none;
  margin-top: 10px;
  text-decoration: underline; }
@media only screen and (max-width: 480px) {
  .accueil > .ligne1 > .col-zone1 > .block-download-brochure > a > .txt {
    font: 500 15px/26px "Open Sans",sans-serif;
    width: 80%; } }
@media only screen and (min-width: 481px) and (max-width: 1200px) {
  .accueil > .ligne1 > .col-zone1 > .block-download-brochure > a > .txt {
    font: 500 15px/26px "Open Sans",sans-serif; } }
@media only screen and (min-width: 1201px) and (max-width: 1919px) {
  .accueil > .ligne1 > .col-zone1 > .block-download-brochure > a > .txt {
    font: 500 21px/26px "Open Sans",sans-serif; } }
@media only screen and (min-width: 1920px) {
  .accueil > .ligne1 > .col-zone1 > .block-download-brochure > a > .txt {
    font: 500 21px/26px "Open Sans",sans-serif; } }
.accueil > .ligne1 > .col-zone1 > .block-download-brochure > a > img {
  float: left; }
@media only screen and (max-width: 480px) {
  .accueil > .ligne1 > .col-zone1 > .block-download-brochure > a > img {
    margin-right: 3%;
    width: 17%; } }
@media only screen and (min-width: 481px) and (max-width: 1200px) {
  .accueil > .ligne1 > .col-zone1 > .block-download-brochure > a > img {
    margin-right: 25px; } }
@media only screen and (min-width: 1201px) and (max-width: 1919px) {
  .accueil > .ligne1 > .col-zone1 > .block-download-brochure > a > img {
    margin-right: 25px; } }
@media only screen and (min-width: 1920px) {
  .accueil > .ligne1 > .col-zone1 > .block-download-brochure > a > img {
    margin-right: 25px; } }
.accueil > .ligne1 > .col-zone1 > .block-subtitle {
  color: #2EA9C4;
  font: 500 24px/29px "Open Sans", sans-serif;
  letter-spacing: 0;
  text-transform: none; }
.accueil > .ligne1 > .col-zone1 > .block-text {
  margin-top: 25px; }
@media only screen and (min-width: 1201px) and (max-width: 1919px) {
  .accueil > .ligne1 > .col-zone1 > .block-text {
    margin-bottom: 25px; } }
@media only screen and (min-width: 1920px) {
  .accueil > .ligne1 > .col-zone1 > .block-text {
    margin-bottom: 25px; } }
.accueil > .ligne1 > .col-zone1 > .block-text > img {
  border-radius: 10px;
  margin-bottom: 20px; }
.accueil > .ligne1 > .col-zone1 > .block-text > p {
  margin: 0px;
  padding-bottom: 20px; }
.accueil > .ligne1 > .col-zone1 > .block-text > ul {
  list-style: none;
  margin-bottom: 20px;
  padding: 0; }
.accueil > .ligne1 > .col-zone1 > .block-text > ul > li {
  background: url("gfx/puce-orange.png") no-repeat 0px 4px;
  margin-bottom: 4px;
  padding-bottom: 0px;
  padding-left: 15px;
  width: 80%;
  font-weight: bold;
  line-height: 17px; }
.accueil > .ligne1 > .col-zone1 > .block-bulle {
  background-color: #84072F;
  padding: 20px;
  width: 335px; }
.accueil > .ligne1 > .col-zone1 > .block-bulle > h3 {
  font: 300 33px/28px "Open Sans", sans-serif;
  text-transform: uppercase;
  color: #fff; }
.accueil > .ligne1 > .col-zone1 > .block-bulle > .ico-atelier {
  background: url("gfx/roue-crante.png") no-repeat 0px 7px;
  padding-left: 105px;
  height: 95px;
  padding-top: 10px; }
.accueil > .ligne1 > .col-zone1 > .block-bulle > p {
  color: #fff;
  margin: 0px;
  padding-top: 10px;
  height: 50px; }
.accueil > .ligne1 > .col-zone1 > .block-bulle > .btn-more-white {
  padding: 5px;
  border-radius: 5px;
  background-color: #fff;
  display: block;
  text-decoration: none;
  width: 130px;
  color: #0A1B2F;
  text-align: center; }
.accueil > .ligne2 > h3 {
  font: 300 33px/28px "Open Sans", sans-serif;
  text-transform: uppercase;
  color: #595959; }
.accueil > .ligne2 > .block-subtitle {
  margin-top: 15px;
  color: #49bffc;
  font: 500 21px/27px "Open Sans", sans-serif;
  letter-spacing: 0;
  margin: 20px 0 0;
  text-transform: none; }
.accueil > .ligne2 > .lazy-load-box {
  transform: scale(1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
  margin-top: 20px; }
.accueil > .ligne2 > .lazy-load-box > .posts-grid {
  content: "";
  display: table;
  line-height: 1;
  width: 100%;
  margin: 0px;
  padding: 0px; }
.accueil > .ligne2 > .lazy-load-box > .posts-grid > li {
  transition: all 0.25s ease 0s;
  float: left;
  width: 150px;
  margin-bottom: 25px;
  margin-right: 21px;
  margin-right: 21px;
  list-style: outside none none;
  overflow: hidden;
  height: 150px; }
.accueil > .ligne2 > .lazy-load-box > .posts-grid > li > a > img {
  transition: all 0.25s linear 0s; }
.accueil > .ligne2 > .lazy-load-box > .posts-grid > li > .desc {
  position: relative;
  bottom: 0px;
  padding: 10px;
  width: 131px;
  min-height: 50px;
  transition: all 0.25s ease 0s;
  word-wrap: break-word; }
.accueil > .ligne2 > .lazy-load-box > .posts-grid > li:hover > a > img {
  transform: scale(1.2); }
.accueil > .ligne2 > .lazy-load-box > .posts-grid > li:hover > .desc {
  transform: translateY(-60px);
  background-color: #0A1B2F;
  color: #fff;
  opacity: 0.8; }
.accueil > .ligne2 > .lazy-load-box > .posts-grid > .last-box {
  width: 150px;
  height: 150px; }
.accueil > .ligne2 > .lazy-load-box > .posts-grid > .last-box > p {
  height: 150px;
  position: absolute;
  text-align: center;
  width: 150px;
  line-height: 150px;
  z-index: 1;
  margin: 0; }
.accueil > .ligne2 > .lazy-load-box > .posts-grid > .last-box > p > a {
  color: #39c4fd;
  text-decoration: underline;
  font-size: 18px; }
.accueil > .ligne2 > .lazy-load-box > .posts-grid > .last-box > .over-state {
  background: none repeat scroll 0 0 #e5e5e5;
  content: "";
  height: 150px;
  position: absolute;
  transform: scale(0);
  transition: all 0.3s ease 0s;
  width: 150px;
  box-sizing: border-box;
  z-index: 0; }
.accueil > .ligne2 > .lazy-load-box > .posts-grid > .last-box:hover > .over-state {
  transform: scale(1); }
.accueil > .ligne2 > .posts-grid:after {
  clear: both; }
@media only screen and (min-width: 1201px) and (max-width: 1919px) {
  .accueil > .ligne3 > .ligne3-col-left {
    float: left;
    width: 500px;
    height: 260px;
    position: relative; } }
@media only screen and (min-width: 1920px) {
  .accueil > .ligne3 > .ligne3-col-left {
    float: left;
    width: 520px;
    height: 260px;
    position: relative; } }
@media only screen and (max-width: 480px) {
  .accueil > .ligne3 > .ligne3-col-left > img {
    display: none; } }
@media only screen and (min-width: 481px) and (max-width: 1200px) {
  .accueil > .ligne3 > .ligne3-col-left > img {
    display: none; } }
@media only screen and (min-width: 1201px) and (max-width: 1919px) {
  .accueil > .ligne3 > .ligne3-col-left > img {
    position: absolute;
    bottom: 0;
    max-width: none; } }
@media only screen and (min-width: 1920px) {
  .accueil > .ligne3 > .ligne3-col-left > img {
    position: absolute;
    bottom: 0;
    max-width: none; } }
@media only screen and (min-width: 1201px) and (max-width: 1919px) {
  .accueil > .ligne3 > .ligne3-col-right {
    float: left;
    width: 650px; } }
@media only screen and (min-width: 1920px) {
  .accueil > .ligne3 > .ligne3-col-right {
    float: left;
    width: 700px; } }
.accueil > .ligne3 > .ligne3-col-right > .hr {
  background: none repeat scroll 0 0 #eee;
  font-size: 0;
  height: 1px;
  line-height: 0;
  overflow: hidden;
  background: none repeat scroll 0 0 #e5e5e5;
  margin-top: 15px;
  margin-bottom: 40px; }
.accueil > .ligne3 > .ligne3-col-right > h3 {
  font: 300 33px/28px "Open Sans", sans-serif;
  text-transform: uppercase;
  color: #fff; }
.accueil > .ligne3 > .ligne3-col-right > .block-subtitle {
  margin-top: 15px;
  color: #fff;
  font: 500 21px/27px "Open Sans", sans-serif;
  letter-spacing: 0;
  margin-bottom: 20px;
  text-transform: none; }
.accueil > .ligne3 > .ligne3-col-right > .jcarousel {
  position: relative;
  visibility: hidden;
  left: -5000px;
  float: left;
  margin-top: 20px; }
@media only screen and (max-width: 480px) {
  .accueil > .ligne3 > .ligne3-col-right > .jcarousel {
    width: 280px !important; } }
@media only screen and (min-width: 481px) and (max-width: 1200px) {
  .accueil > .ligne3 > .ligne3-col-right > .jcarousel {
    width: 520px !important; } }
@media only screen and (min-width: 1201px) and (max-width: 1919px) {
  .accueil > .ligne3 > .ligne3-col-right > .jcarousel {
    width: 520px !important; } }
@media only screen and (min-width: 1920px) {
  .accueil > .ligne3 > .ligne3-col-right > .jcarousel {
    width: 520px !important; } }
@media only screen and (max-width: 480px) {
  .accueil > .ligne3 > .ligne3-col-right > .jcarousel > ul > li {
    margin-right: 5px; } }
@media only screen and (min-width: 481px) and (max-width: 1200px) {
  .accueil > .ligne3 > .ligne3-col-right > .jcarousel > ul > li {
    margin-right: 40px; } }
@media only screen and (min-width: 1201px) and (max-width: 1919px) {
  .accueil > .ligne3 > .ligne3-col-right > .jcarousel > ul > li {
    margin-right: 40px; } }
@media only screen and (min-width: 1920px) {
  .accueil > .ligne3 > .ligne3-col-right > .jcarousel > ul > li {
    margin-right: 40px; } }
.accueil > .ligne3 > .ligne3-col-right > .jcarousel > ul > li > img {
  border-radius: 5px; }
@media only screen and (max-width: 480px) {
  .accueil > .ligne3 > .ligne3-col-right > .jcarousel > ul > li > img {
    width: 90px;
    height: 100px; } }
@media only screen and (min-width: 481px) and (max-width: 1200px) {
  .accueil > .ligne3 > .ligne3-col-right > .jcarousel > ul > li > img {
    width: 100px;
    height: 100px; } }
@media only screen and (min-width: 1201px) and (max-width: 1919px) {
  .accueil > .ligne3 > .ligne3-col-right > .jcarousel > ul > li > img {
    width: 100px;
    height: 100px; } }
@media only screen and (min-width: 1920px) {
  .accueil > .ligne3 > .ligne3-col-right > .jcarousel > ul > li > img {
    width: 100px;
    height: 100px; } }
.accueil > .ligne3 > .ligne3-col-right > .jcarousel-prev, .accueil > .ligne3 > .ligne3-col-right .jcarousel-next {
  top: 50px;
  width: 50px;
  height: 50px;
  border: 0px;
  cursor: pointer; }
@media only screen and (min-width: 481px) and (max-width: 1200px) {
  .accueil > .ligne3 > .ligne3-col-right > .jcarousel-prev, .accueil > .ligne3 > .ligne3-col-right .jcarousel-next {
    float: left;
    position: relative; } }
@media only screen and (min-width: 1201px) and (max-width: 1919px) {
  .accueil > .ligne3 > .ligne3-col-right > .jcarousel-prev, .accueil > .ligne3 > .ligne3-col-right .jcarousel-next {
    float: left;
    position: relative; } }
@media only screen and (min-width: 1920px) {
  .accueil > .ligne3 > .ligne3-col-right > .jcarousel-prev, .accueil > .ligne3 > .ligne3-col-right .jcarousel-next {
    float: left;
    position: relative; } }
.accueil > .ligne3 > .ligne3-col-right > .jcarousel-prev {
  background: url("gfx/fleche-petit.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0); }
@media only screen and (min-width: 481px) and (max-width: 1200px) {
  .accueil > .ligne3 > .ligne3-col-right > .jcarousel-prev {
    margin-right: 30px; } }
@media only screen and (min-width: 1201px) and (max-width: 1919px) {
  .accueil > .ligne3 > .ligne3-col-right > .jcarousel-prev {
    margin-right: 15px; } }
@media only screen and (min-width: 1920px) {
  .accueil > .ligne3 > .ligne3-col-right > .jcarousel-prev {
    margin-right: 30px; } }
.accueil > .ligne3 > .ligne3-col-right > .jcarousel-next {
  background: url("gfx/fleche-petit.png") no-repeat scroll -50px 0 rgba(0, 0, 0, 0); }
@media only screen and (min-width: 481px) and (max-width: 1200px) {
  .accueil > .ligne3 > .ligne3-col-right > .jcarousel-next {
    margin-left: 35px; } }
@media only screen and (min-width: 1201px) and (max-width: 1919px) {
  .accueil > .ligne3 > .ligne3-col-right > .jcarousel-next {
    margin-left: 15px; } }
@media only screen and (min-width: 1920px) {
  .accueil > .ligne3 > .ligne3-col-right > .jcarousel-next {
    margin-left: 35px; } }
.accueil > .ligne3 > .ligne3-col-right > .jcarousel-next:after {
  clear: both; }
@media only screen and (max-width: 480px) {
  .accueil > .col3 {
    padding-top: 40px; } }
@media only screen and (min-width: 481px) and (max-width: 1200px) {
  .accueil > .col3 {
    padding-top: 10px;
    clear: both; } }
@media only screen and (min-width: 1201px) and (max-width: 1919px) {
  .accueil > .col3 {
    float: left;
    width: 380px; } }
@media only screen and (min-width: 1920px) {
  .accueil > .col3 {
    float: left;
    width: 380px; } }
.accueil > .col3 > h3 {
  font-size: 30px;
  margin-bottom: 30px;
  padding-bottom: 20px; }
.accueil > .col3 > .col-subtitle {
  color: #B2CD6C;
  font-size: 20px;
  margin-bottom: 15px;
  padding-bottom: 0px;
  width: 50%; }
.accueil > .col3 > ul {
  list-style: none;
  margin: 0px;
  padding: 0px; }
.accueil > .col3 > ul > li {
  float: left;
  margin-right: 20px; }
.accueil > .col3 > ul > li > a {
  color: #FFF; }
.accueil > .col3 > .block-gris {
  transition: all 0.25s ease 0s;
  position: relative;
  z-index: 2;
  margin-bottom: 10px;
  margin-right: 10px;
  border: 1px solid #eee;
  border-radius: 10px;
  float: left;
  width: 114px; }
.accueil > .col3 > .block-gris > .item-after {
  position: absolute;
  width: 0%;
  height: 100%;
  z-index: -1;
  background-color: #B2CD6C;
  transition: all 0.25s ease 0s;
  border-radius: 10px; }
.accueil > .col3 > .block-gris > .block-gris-left {
  float: left;
  width: 80px;
  padding-left: 7px;
  padding-top: 7px;
  padding-bottom: 15px; }
.accueil > .col3 > .block-gris > .block-gris-left > .img-container {
  border-radius: 50%;
  overflow: hidden;
  width: 100px;
  height: 100px; }
.accueil > .col3 > .block-gris > .block-gris-left > .img-container > a > img {
  transition: all 0.25s ease 0s; }
.accueil > .col3 > .block-gris > .block-gris-right {
  float: left;
  padding: 10px;
  font-size: 12px;
  text-align: center;
  width: 96px;
  height: 50px; }
.accueil > .col3 > .block-gris > .block-gris-right > h3 {
  color: #B2CD6C;
  margin-bottom: -2px;
  padding: 0px;
  font-size: 15px; }
.accueil > .col3 > .block-gris:hover > .item-after {
  width: 100%; }
.accueil > .col3 > .block-gris:hover > .block-gris-left > .img-container > a > img {
  transform: scale(1.2); }
.accueil > .col3 > .block-gris:hover > .block-gris-right > h3 {
  color: #fff; }
@media only screen and (min-width: 1201px) and (max-width: 1919px) {
  .accueil > .col2 {
    margin-right: 40px; } }
@media only screen and (min-width: 1920px) {
  .accueil > .col2 {
    margin-right: 40px; } }

.news {
  margin-bottom: 40px;
  margin-top: 30px; }
.news h1 {
  font: 300 33px/28px "Open Sans", sans-serif;
  text-transform: uppercase;
  color: #0a1b2f;
  padding-bottom: 20px; }
.news h2 {
  margin-bottom: 30px;
  padding-bottom: 20px;
  color: #202020; }
@media only screen and (min-width: 481px) and (max-width: 1200px) {
  .news h2 {
    width: 360px; } }
@media only screen and (min-width: 1201px) and (max-width: 1919px) {
  .news h2 {
    width: 360px; } }
@media only screen and (min-width: 1920px) {
  .news h2 {
    width: 360px; } }
@media only screen and (min-width: 481px) and (max-width: 1200px) {
  .news > .marginRight80 {
    margin-right: 80px; } }
@media only screen and (min-width: 1201px) and (max-width: 1919px) {
  .news > .marginRight80 {
    margin-right: 80px; } }
@media only screen and (min-width: 1920px) {
  .news > .marginRight80 {
    margin-right: 80px; } }
@media only screen and (min-width: 1201px) and (max-width: 1919px) {
  .news > .page-left {
    float: left;
    width: 730px;
    padding: 35px;
    border: 1px solid #dddddd; } }
@media only screen and (min-width: 1920px) {
  .news > .page-left {
    float: left;
    width: 800px;
    padding: 35px;
    border: 1px solid #dddddd; } }
@media only screen and (min-width: 481px) and (max-width: 1200px) {
  .news > .page-left > .block-actu {
    float: left;
    margin-bottom: 40px; } }
@media only screen and (min-width: 1201px) and (max-width: 1919px) {
  .news > .page-left > .block-actu {
    float: left; } }
@media only screen and (min-width: 1920px) {
  .news > .page-left > .block-actu {
    float: left; } }
@media only screen and (max-width: 480px) {
  .news > .page-left > .block-actu > .col-left {
    padding-top: 10px;
    margin-right: 30px; } }
@media only screen and (min-width: 481px) and (max-width: 1200px) {
  .news > .page-left > .block-actu > .col-left {
    float: left;
    margin-right: 30px; } }
@media only screen and (min-width: 1201px) and (max-width: 1919px) {
  .news > .page-left > .block-actu > .col-left {
    float: left;
    margin-right: 30px; } }
@media only screen and (min-width: 1920px) {
  .news > .page-left > .block-actu > .col-left {
    float: left;
    margin-right: 30px; } }
.news > .page-left > .block-actu > .col-left > .block-img {
  margin-bottom: 10px;
  margin-top: 5px; }
.news > .page-left > .block-actu > .col-left > .block-img > img {
  border-radius: 10px; }
@media only screen and (max-width: 480px) {
  .news > .page-left > .block-actu > .col-right {
    padding-top: 10px; } }
@media only screen and (min-width: 481px) and (max-width: 1200px) {
  .news > .page-left > .block-actu > .col-right {
    float: left;
    width: 470px; } }
@media only screen and (min-width: 1201px) and (max-width: 1919px) {
  .news > .page-left > .block-actu > .col-right {
    float: left;
    width: 550px; } }
@media only screen and (min-width: 1920px) {
  .news > .page-left > .block-actu > .col-right {
    float: left;
    width: 550px; } }
.news > .page-left > .block-actu > .col-right > .block-subtitle {
  color: #2EA9C4;
  font: 500 21px/26px "Open Sans", sans-serif;
  letter-spacing: 0;
  text-transform: none; }
.news > .page-left > .block-actu > .col-right > .block-text {
  margin-top: 25px; }
@media only screen and (min-width: 1201px) and (max-width: 1919px) {
  .news > .page-left > .block-actu > .col-right > .block-text {
    margin-bottom: 25px; } }
@media only screen and (min-width: 1920px) {
  .news > .page-left > .block-actu > .col-right > .block-text {
    margin-bottom: 25px; } }
.news > .page-left > .block-actu > .col-right > .block-text > .block-text-subtitle {
  font-weight: bold; }
.news > .page-left > .block-actu > .col-right > .block-text > img {
  border-radius: 10px;
  margin-bottom: 20px; }
.news > .page-left > .block-actu > .col-right > .block-text > p {
  margin: 0px;
  padding-bottom: 20px; }
.news > .page-left > .block-actu > .col-right > .block-text > .block-actu-date {
  padding: 10px;
  background-color: #E5E3DF;
  border-radius: 5px;
  float: left;
  margin-right: 20px;
  margin-bottom: 10px;
  width: 50px;
  height: 50px; }
.news > .page-left > .block-actu > .col-right > .block-text > .block-actu-date > .block-actu-date-month {
  font-size: 11px;
  text-align: center; }
.news > .page-left > .block-actu > .col-right > .block-text > .block-actu-date > .block-actu-date-day {
  font-size: 35px;
  position: relative;
  text-align: center;
  top: -6px; }

.formation {
  margin-bottom: 40px;
  margin-top: 30px; }
.formation h1 {
  font: 300 33px/28px "Open Sans", sans-serif;
  text-transform: uppercase;
  color: #0a1b2f;
  padding-bottom: 20px; }
.formation h2 {
  margin-bottom: 30px;
  padding-bottom: 20px;
  color: #202020; }
@media only screen and (min-width: 481px) and (max-width: 1200px) {
  .formation h2 {
    width: 360px; } }
@media only screen and (min-width: 1201px) and (max-width: 1919px) {
  .formation h2 {
    width: 360px; } }
@media only screen and (min-width: 1920px) {
  .formation h2 {
    width: 360px; } }
@media only screen and (min-width: 1201px) and (max-width: 1919px) {
  .formation > .page-left {
    float: left;
    width: 730px;
    padding: 35px;
    border: 1px solid #dddddd; } }
@media only screen and (min-width: 1920px) {
  .formation > .page-left {
    float: left;
    width: 800px;
    padding: 35px;
    border: 1px solid #dddddd; } }
.formation > .page-left > .block-formation {
  margin-bottom: 20px; }
@media only screen and (max-width: 480px) {
  .formation > .page-left > .block-formation {
    background-color: #e5e3df;
    padding: 20px; } }
@media only screen and (min-width: 481px) and (max-width: 1200px) {
  .formation > .page-left > .block-formation {
    background-color: #e5e3df;
    padding: 20px; } }
@media only screen and (min-width: 1201px) and (max-width: 1919px) {
  .formation > .page-left > .block-formation {
    background-color: #e5e3df;
    padding: 20px; } }
@media only screen and (min-width: 1920px) {
  .formation > .page-left > .block-formation {
    background-color: #e5e3df;
    padding: 20px; } }
@media only screen and (min-width: 481px) and (max-width: 1200px) {
  .formation > .page-left > .block-formation > .col-left {
    float: left;
    margin-right: 50px; } }
@media only screen and (min-width: 1201px) and (max-width: 1919px) {
  .formation > .page-left > .block-formation > .col-left {
    float: left;
    margin-right: 50px;
    width: 25%; } }
@media only screen and (min-width: 1920px) {
  .formation > .page-left > .block-formation > .col-left {
    float: left;
    margin-right: 50px;
    width: 25%; } }
.formation > .page-left > .block-formation > .col-left > .block-img {
  background-color: #fff;
  border-radius: 5px;
  float: left;
  margin-bottom: 10px;
  width: 100%;
  text-align: center; }
@media only screen and (max-width: 480px) {
  .formation > .page-left > .block-formation > .col-left > .block-img {
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 20px; } }
@media only screen and (min-width: 481px) and (max-width: 1200px) {
  .formation > .page-left > .block-formation > .col-left > .block-img {
    margin-right: 20px;
    padding: 10px; } }
@media only screen and (min-width: 1201px) and (max-width: 1919px) {
  .formation > .page-left > .block-formation > .col-left > .block-img {
    margin-right: 20px;
    padding: 10px; } }
@media only screen and (min-width: 1920px) {
  .formation > .page-left > .block-formation > .col-left > .block-img {
    margin-right: 20px;
    padding: 10px; } }
@media only screen and (max-width: 480px) {
  .formation > .page-left > .block-formation > .col-right {
    padding-top: 10px;
    width: 100%;
    overflow: hidden; } }
@media only screen and (min-width: 481px) and (max-width: 1200px) {
  .formation > .page-left > .block-formation > .col-right {
    float: left;
    width: 360px; } }
@media only screen and (min-width: 1201px) and (max-width: 1919px) {
  .formation > .page-left > .block-formation > .col-right {
    float: left;
    width: 63%; } }
@media only screen and (min-width: 1920px) {
  .formation > .page-left > .block-formation > .col-right {
    float: left;
    width: 63%; } }
.formation > .page-left > .block-formation > .col-right > .block-title-formation {
  color: #2EA9C4;
  font: 500 26px/28px "Open Sans", sans-serif;
  letter-spacing: 0;
  text-transform: uppercase;
  margin-bottom: 30px; }
.formation > .page-left > .block-formation > .col-right > .block-text > h3 {
  color: #595959;
  font: 300 21px/21px "Open Sans",sans-serif;
  margin-bottom: 10px;
  text-transform: uppercase;
  padding: 0px; }
.formation > .page-left > .block-formation > .col-right > .block-text > img {
  border-radius: 10px;
  margin-bottom: 20px; }
.formation > .page-left > .block-formation > .col-right > .block-text > p {
  margin: 0px;
  padding-bottom: 30px; }
.formation > .page-left > .block-formation > .col-right > .block-text > .block-text-content {
  padding-bottom: 20px; }
.formation > .page-left > .block-formation > .col-right > .block-text > .block-text-content > a {
  text-decoration: underline;
  color: #2ea9c4;
  font-weight: bold; }
.formation > .page-left > .block-formation > .col-right > .block-text > .slidedown_button {
  cursor: pointer; }
.formation > .page-left > .block-formation > .col-right > .block-text > .slidedown_button > .txt {
  font: 500 18px/21px "Open Sans",sans-serif;
  color: #595959;
  padding-left: 3px;
  color: #2ea9c4; }
.formation > .page-left > .block-formation > .col-right > .block-text > .block-text-details {
  display: none;
  background-color: #fff;
  border-radius: 5px;
  margin-top: 20px;
  padding: 20px; }
.formation > .page-left > .block-formation > .col-right > .block-text > .block-text-details > .block-text-all {
  padding-bottom: 20px;
  padding-top: 10px; }
.formation > .page-left > .block-formation > .col-right > .block-text > .block-text-details > .block-pdf {
  border-radius: 5px;
  width: 100px;
  text-align: center;
  background-color: #e5e3df;
  float: left; }
@media only screen and (max-width: 480px) {
  .formation > .page-left > .block-formation > .col-right > .block-text > .block-text-details > .block-pdf {
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 20px; } }
@media only screen and (min-width: 481px) and (max-width: 1200px) {
  .formation > .page-left > .block-formation > .col-right > .block-text > .block-text-details > .block-pdf {
    margin-right: 10px;
    padding: 10px;
    margin-bottom: 10px; } }
@media only screen and (min-width: 1201px) and (max-width: 1919px) {
  .formation > .page-left > .block-formation > .col-right > .block-text > .block-text-details > .block-pdf {
    margin-right: 10px;
    padding: 10px;
    margin-bottom: 10px; } }
@media only screen and (min-width: 1920px) {
  .formation > .page-left > .block-formation > .col-right > .block-text > .block-text-details > .block-pdf {
    margin-right: 10px;
    padding: 10px;
    margin-bottom: 10px; } }
.formation > .page-left > .block-formation > .col-right > .block-text > .block-text-details > .block-pdf > a > img {
  position: relative;
  animation: bounce 0.7s ease infinite; }
.formation > .page-left > .block-formation > .col-right > .block-text > .block-text-details > .block-pdf > a > .block-pdf-txt {
  text-align: center;
  line-height: 11px;
  padding-top: 10px;
  font-size: 11px;
  color: #2ea9c4; }

.partenariat {
  margin-bottom: 40px;
  margin-top: 30px; }
.partenariat h1 {
  font: 300 33px/28px "Open Sans", sans-serif;
  text-transform: uppercase;
  color: #0a1b2f;
  padding-bottom: 20px; }
.partenariat h2 {
  margin-bottom: 30px;
  color: #202020 !important; }
@media only screen and (max-width: 480px) {
  .partenariat h2 {
    width: auto !important;
    padding-bottom: 0px !important; } }
@media only screen and (min-width: 481px) and (max-width: 1200px) {
  .partenariat h2 {
    width: auto !important;
    padding-bottom: 0px !important; } }
@media only screen and (min-width: 1201px) and (max-width: 1919px) {
  .partenariat h2 {
    width: auto !important;
    padding-bottom: 0px !important; } }
@media only screen and (min-width: 1920px) {
  .partenariat h2 {
    width: auto !important;
    padding-bottom: 0px !important; } }
@media only screen and (max-width: 480px) {
  .partenariat .fafiec-det {
    margin-bottom: 40px; } }
@media only screen and (min-width: 481px) and (max-width: 1200px) {
  .partenariat .fafiec-det {
    float: left;
    width: 31%;
    margin-right: 2%;
    margin-bottom: 40px; } }
@media only screen and (min-width: 1201px) and (max-width: 1919px) {
  .partenariat .fafiec-det {
    float: left;
    width: 31%;
    margin-right: 2%;
    margin-bottom: 40px; } }
@media only screen and (min-width: 1920px) {
  .partenariat .fafiec-det {
    float: left;
    width: 31%;
    margin-right: 2%;
    margin-bottom: 40px; } }
@media only screen and (min-width: 1201px) and (max-width: 1919px) {
  .partenariat > .page-left {
    float: left;
    width: 730px;
    padding: 35px;
    border: 1px solid #dddddd; } }
@media only screen and (min-width: 1920px) {
  .partenariat > .page-left {
    float: left;
    width: 800px;
    padding: 35px;
    border: 1px solid #dddddd; } }
.partenariat > .page-left > .block-partenariat {
  margin-bottom: 20px;
  border-bottom: 1px solid #eee; }
@media only screen and (max-width: 480px) {
  .partenariat > .page-left > .block-partenariat {
    padding: 20px; } }
@media only screen and (min-width: 481px) and (max-width: 1200px) {
  .partenariat > .page-left > .block-partenariat {
    padding: 20px; } }
@media only screen and (min-width: 1201px) and (max-width: 1919px) {
  .partenariat > .page-left > .block-partenariat {
    padding: 20px; } }
@media only screen and (min-width: 1920px) {
  .partenariat > .page-left > .block-partenariat {
    padding: 20px; } }
@media only screen and (min-width: 481px) and (max-width: 1200px) {
  .partenariat > .page-left > .block-partenariat > .col-left {
    float: left;
    margin-right: 50px; } }
@media only screen and (min-width: 1201px) and (max-width: 1919px) {
  .partenariat > .page-left > .block-partenariat > .col-left {
    float: left;
    margin-right: 50px;
    width: 25%; } }
@media only screen and (min-width: 1920px) {
  .partenariat > .page-left > .block-partenariat > .col-left {
    float: left;
    margin-right: 50px;
    width: 25%; } }
.partenariat > .page-left > .block-partenariat > .col-left > .block-img {
  background-color: #fff;
  border-radius: 5px;
  float: left;
  margin-bottom: 10px;
  width: 100%;
  text-align: center; }
@media only screen and (max-width: 480px) {
  .partenariat > .page-left > .block-partenariat > .col-left > .block-img {
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 20px; } }
@media only screen and (min-width: 481px) and (max-width: 1200px) {
  .partenariat > .page-left > .block-partenariat > .col-left > .block-img {
    margin-right: 20px;
    padding: 10px; } }
@media only screen and (min-width: 1201px) and (max-width: 1919px) {
  .partenariat > .page-left > .block-partenariat > .col-left > .block-img {
    margin-right: 20px;
    padding: 10px; } }
@media only screen and (min-width: 1920px) {
  .partenariat > .page-left > .block-partenariat > .col-left > .block-img {
    margin-right: 20px;
    padding: 10px; } }
.partenariat > .page-left > .block-partenariat > .col-right {
  margin-bottom: 20px; }
@media only screen and (max-width: 480px) {
  .partenariat > .page-left > .block-partenariat > .col-right {
    padding-top: 10px;
    width: 100%;
    overflow: hidden; } }
@media only screen and (min-width: 481px) and (max-width: 1200px) {
  .partenariat > .page-left > .block-partenariat > .col-right {
    float: left;
    width: 360px; } }
@media only screen and (min-width: 1201px) and (max-width: 1919px) {
  .partenariat > .page-left > .block-partenariat > .col-right {
    float: left;
    width: 63%; } }
@media only screen and (min-width: 1920px) {
  .partenariat > .page-left > .block-partenariat > .col-right {
    float: left;
    width: 63%; } }
.partenariat > .page-left > .block-partenariat > .col-right > .block-title-formation {
  color: #2EA9C4;
  font: 500 26px/28px "Open Sans", sans-serif;
  letter-spacing: 0;
  text-transform: uppercase;
  margin-bottom: 30px; }
.partenariat > .page-left > .block-partenariat > .col-right > .block-text > h3 {
  color: #595959;
  font: 300 21px/21px "Open Sans",sans-serif;
  margin-bottom: 10px;
  text-transform: uppercase;
  padding: 0px; }
.partenariat > .page-left > .block-partenariat > .col-right > .block-text > img {
  border-radius: 10px;
  margin-bottom: 20px; }
.partenariat > .page-left > .block-partenariat > .col-right > .block-text > p {
  margin: 0px;
  padding-bottom: 30px; }
.partenariat > .page-left > .block-partenariat > .col-right > .block-text > .block-text-content {
  padding-bottom: 20px; }
.partenariat > .page-left > .block-partenariat > .col-right > .btn_more {
  background-color: #ffab1a;
  color: #eee;
  font: 500 20px/45px "Open Sans",sans-serif;
  padding: 12px; }
@media only screen and (max-width: 480px) {
  .partenariat > .page-left > .block-img {
    width: 70%;
    margin-bottom: 30px; } }
@media only screen and (min-width: 481px) and (max-width: 1200px) {
  .partenariat > .page-left > .block-img {
    float: left;
    max-width: 200px;
    margin-right: 30px; } }
@media only screen and (min-width: 1201px) and (max-width: 1919px) {
  .partenariat > .page-left > .block-img {
    float: left;
    max-width: 25%;
    margin-right: 30px; } }
@media only screen and (min-width: 1920px) {
  .partenariat > .page-left > .block-img {
    float: left;
    max-width: 200px;
    margin-right: 30px; } }
@media only screen and (min-width: 481px) and (max-width: 1200px) {
  .partenariat > .page-left > .block-txt-img {
    float: left;
    width: 45%; } }
@media only screen and (min-width: 1201px) and (max-width: 1919px) {
  .partenariat > .page-left > .block-txt-img {
    float: left;
    width: 65%; } }
@media only screen and (min-width: 1920px) {
  .partenariat > .page-left > .block-txt-img {
    float: left;
    width: 65%; } }
.partenariat > .page-left .tableau-fafsea > .ligne {
  display: block;
  margin-bottom: 8px;
  border-bottom: 1px solid #ccc; }
.partenariat > .page-left .tableau-fafsea > .ligne > .col-gauche {
  float: left;
  width: 60%;
  margin-right: 1%;
  padding-right: 1%;
  border-right: 1px solid #ccc; }
.partenariat > .page-left .tableau-fafsea > .ligne > .col-droite {
  float: left;
  width: 35%; }
.partenariat > .page-left .tableau-fafsea > .ligne > .clearboth {
  height: 8px; }

.map-block {
  clear: both;
  position: relative;
  z-index: 1;
  background-color: #01D4FF; }
@media only screen and (max-width: 480px) {
  .map-block {
    padding-top: 20px; } }
@media only screen and (min-width: 481px) and (max-width: 1200px) {
  .map-block {
    padding-top: 20px; } }
@media only screen and (min-width: 1201px) and (max-width: 1919px) {
  .map-block {
    padding-top: 45px; } }
@media only screen and (min-width: 1920px) {
  .map-block {
    padding-top: 45px; } }
@media only screen and (max-width: 480px) {
  .map-block > .map-content {
    padding: 20px; } }
@media only screen and (min-width: 481px) and (max-width: 1200px) {
  .map-block > .map-content {
    padding: 20px; } }
@media only screen and (min-width: 1201px) and (max-width: 1919px) {
  .map-block > .map-content {
    width: 1220px;
    margin-left: auto;
    margin-right: auto;
    min-height: 260px; } }
@media only screen and (min-width: 1920px) {
  .map-block > .map-content {
    width: 1220px;
    margin-left: auto;
    margin-right: auto;
    min-height: 260px; } }
.map-block > .map-content h2 {
  padding-bottom: 10px;
  color: #FFF; }
@media only screen and (min-width: 1201px) and (max-width: 1919px) {
  .map-block > .map-content h2 {
    width: 280px; } }
@media only screen and (min-width: 1920px) {
  .map-block > .map-content h2 {
    width: 280px; } }

.reseau {
  padding-bottom: 20px; }
.reseau > h3 {
  color: #fff;
  font: 500 51px/39px "Open Sans", sans-serif;
  text-transform: uppercase;
  color: #fff;
  letter-spacing: -1px; }
@media only screen and (max-width: 480px) {
  .reseau > h3 {
    font: 500 35px/33px "Open Sans", sans-serif; } }
@media only screen and (min-width: 481px) and (max-width: 1200px) {
  .reseau > h3 {
    font: 500 51px/39px "Open Sans", sans-serif; } }
@media only screen and (min-width: 1201px) and (max-width: 1919px) {
  .reseau > h3 {
    font: 500 51px/39px "Open Sans", sans-serif; } }
@media only screen and (min-width: 1920px) {
  .reseau > h3 {
    font: 500 51px/39px "Open Sans", sans-serif; } }
@media only screen and (max-width: 480px) {
  .reseau > .page-left {
    position: absolute;
    -ms-transform: scale(0.55);
    -webkit-transform: scale(0.55);
    transform: scale(0.55);
    left: -100px;
    opacity: 0.95;
    top: -45px; } }
@media only screen and (min-width: 481px) and (max-width: 1200px) {
  .reseau > .page-left {
    width: 600px;
    position: relative;
    top: -40px; } }
@media only screen and (min-width: 1201px) and (max-width: 1919px) {
  .reseau > .page-left {
    float: left;
    width: 600px;
    padding-left: 35px;
    position: relative;
    top: -40px; } }
@media only screen and (min-width: 1920px) {
  .reseau > .page-left {
    float: left;
    width: 600px;
    padding-left: 35px;
    position: relative;
    top: -40px; } }
.reseau > .page-left > .reseau-map {
  position: relative; }
@media only screen and (max-width: 480px) {
  .reseau > .page-left > .reseau-map {
    background: url("gfx/carte-page-reseau.png") no-repeat;
    height: 569px;
    width: 540px; } }
@media only screen and (min-width: 481px) and (max-width: 1200px) {
  .reseau > .page-left > .reseau-map {
    background: url("gfx/carte-page-reseau.png") no-repeat;
    height: 569px; } }
@media only screen and (min-width: 1201px) and (max-width: 1919px) {
  .reseau > .page-left > .reseau-map {
    background: url("gfx/carte-page-reseau.png") no-repeat;
    height: 539px; } }
@media only screen and (min-width: 1920px) {
  .reseau > .page-left > .reseau-map {
    background: url("gfx/carte-page-reseau.png") no-repeat;
    height: 539px; } }
.reseau > .page-left > .reseau-map > .pico-map {
  position: absolute; }
.reseau > .page-left > .reseau-map > .pico-map > .pico-icone > a {
  float: left;
  width: 30px;
  height: 47px;
  position: absolute; }
.reseau > .page-left > .reseau-map > .pico-map > .pico-icone > a > img {
  position: absolute;
  z-index: 1;
  animation: bounce 0.7s ease infinite; }
.reseau > .page-left > .reseau-map > .pico-map > .pico-icone > a > .pico-texte:before {
  border-bottom: 4px solid transparent;
  border-right: 7px solid #25d2f6;
  border-top: 4px solid transparent;
  content: "";
  height: 0;
  left: -7px;
  margin-top: 8px;
  position: absolute;
  width: 0; }
.reseau > .page-left > .reseau-map > .pico-map > .pico-icone > a > .pico-texte {
  display: none;
  float: left;
  background-color: #25d2f6;
  color: #fff;
  padding: 10px;
  border-radius: 5px;
  transition: all 0.25s ease 0s;
  position: absolute;
  z-index: 10;
  left: 45px;
  -moz-box-shadow: -1px 4px 5px 0px #2D98AD;
  -webkit-box-shadow: -1px 4px 5px 0px #2D98AD;
  -o-box-shadow: -1px 4px 5px 0px #2D98AD;
  box-shadow: -1px 4px 5px 0px #2D98AD; }
.reseau > .page-left > .reseau-map > .pico-map > .pico-icone > a:hover > .pico-texte {
  display: block; }
.reseau > .page-left > .reseau-map > .pico-map > .pico-icone-shadow {
  animation: bounceShadow 0.7s ease infinite;
  float: left;
  width: 25px;
  height: 47px;
  position: absolute;
  background: url("gfx/pico-map-shadow.png") no-repeat;
  z-index: 0; }
.reseau > .page-right-reseau:before {
  border-bottom: 20px solid transparent;
  border-right: 20px solid #fff;
  border-top: 20px solid transparent;
  content: "";
  height: 0;
  margin-left: -19px;
  margin-top: 62px;
  position: absolute;
  width: 0;
  display: none; }
@media only screen and (max-width: 480px) {
  .reseau > .page-right-reseau:before {
    display: none; } }
@media only screen and (min-width: 481px) and (max-width: 1200px) {
  .reseau > .page-right-reseau:before {
    display: none; } }
.reseau .page-right-reseau {
  color: #fff; }
@media only screen and (max-width: 480px) {
  .reseau .page-right-reseau {
    min-height: 270px; } }
@media only screen and (min-width: 1201px) and (max-width: 1919px) {
  .reseau .page-right-reseau {
    float: left;
    width: 525px;
    margin-left: 20px; } }
@media only screen and (min-width: 1920px) {
  .reseau .page-right-reseau {
    float: left;
    width: 525px;
    margin-left: 20px; } }
.reseau .page-right-reseau > .default-mess {
  color: #99eeff;
  font: 500 39px/33px "Open Sans",sans-serif;
  margin-top: 5px;
  padding-bottom: 12px;
  text-transform: uppercase;
  padding-top: 50px; }
@media only screen and (max-width: 480px) {
  .reseau .page-right-reseau > .default-mess {
    display: none; } }
@media only screen and (min-width: 481px) and (max-width: 1200px) {
  .reseau .page-right-reseau > .default-mess {
    display: none; } }
.reseau .page-right-reseau > .inactive {
  display: none; }
.reseau .page-right-reseau > .active {
  display: block; }
.reseau .page-right-reseau > .block-centre-detail {
  margin-bottom: 10px; }
@media only screen and (max-width: 480px) {
  .reseau .page-right-reseau > .block-centre-detail {
    margin-top: 290px; } }
@media only screen and (min-width: 1201px) and (max-width: 1919px) {
  .reseau .page-right-reseau > .block-centre-detail {
    padding-left: 50px;
    border-left: 1px solid #fff; } }
@media only screen and (min-width: 1920px) {
  .reseau .page-right-reseau > .block-centre-detail {
    padding-left: 50px;
    border-left: 1px solid #fff; } }
.reseau .page-right-reseau > .block-centre-detail > .block-centre-detail-titre-logo {
  float: left;
  margin-right: 10px; }
.reseau .page-right-reseau > .block-centre-detail > .block-centre-detail-titre-logo > img {
  border-radius: 5px;
  position: relative;
  top: 5px;
  width: 50px; }
.reseau .page-right-reseau > .block-centre-detail > .block-centre-detail-titre {
  float: left; }
.reseau .page-right-reseau > .block-centre-detail > .block-centre-detail-titre > h3 {
  color: #fff;
  text-transform: uppercase;
  padding-bottom: 12px;
  margin-top: 5px; }
@media only screen and (max-width: 480px) {
  .reseau .page-right-reseau > .block-centre-detail > .block-centre-detail-titre > h3 {
    font: 500 30px/30px "Open Sans",sans-serif; } }
@media only screen and (min-width: 481px) and (max-width: 1200px) {
  .reseau .page-right-reseau > .block-centre-detail > .block-centre-detail-titre > h3 {
    font: 500 50px/50px "Open Sans",sans-serif; } }
@media only screen and (min-width: 1201px) and (max-width: 1919px) {
  .reseau .page-right-reseau > .block-centre-detail > .block-centre-detail-titre > h3 {
    font: 500 50px/50px "Open Sans",sans-serif; } }
@media only screen and (min-width: 1920px) {
  .reseau .page-right-reseau > .block-centre-detail > .block-centre-detail-titre > h3 {
    font: 500 50px/50px "Open Sans",sans-serif; } }
.reseau .page-right-reseau > .block-centre-detail > .block-centre-detail-sumup {
  color: #5a5964;
  font: 500 20px/20px "Open Sans",sans-serif;
  padding-bottom: 20px; }
.reseau .page-right-reseau > .block-centre-detail > .block-centre-detail-adresse {
  margin-bottom: 10px; }
.reseau .page-right-reseau > .block-centre-detail > .icon-phone {
  font-size: 20px; }
.reseau .page-right-reseau > .block-centre-detail > .icon-phone > .tel-number {
  font: 500 20px/20px "Open Sans", sans-serif; }
.reseau .page-right-reseau > .block-centre-detail > .block-centre-detail-link {
  margin-top: 40px; }
.reseau .page-right-reseau > .block-centre-detail > .block-centre-detail-link > .btn-centre-detail {
  background-color: #5a5964;
  border-radius: 4px;
  font: 500 15px/15px "Open Sans",sans-serif;
  padding: 15px;
  width: 90px;
  text-align: center; }
.reseau .page-right-reseau > .block-centre-detail > .block-centre-detail-link > .btn-centre-detail > a {
  color: #fff; }
.reseau .page-right-reseau > .block-centre-detail > .block-centre-detail-link > .btn-centre-detail:hover {
  background-color: #fff;
  color: #18acc6; }
.reseau .page-right-reseau > .block-centre-detail > .block-centre-detail-link > .btn-centre-detail:hover > a {
  color: #5a5964; }

.reseau-detail h1 {
  padding-bottom: 0px;
  color: #0a1b2f;
  font: 300 33px/28px "Open Sans", sans-serif;
  text-transform: uppercase; }
.reseau-detail h3 {
  color: #2ea9c4;
  font: 500 25px/25px "Open Sans", sans-serif, sans-serif;
  letter-spacing: 0;
  margin-bottom: 10px;
  text-transform: uppercase; }
.reseau-detail > .reseau-logo {
  margin-top: 30px; }
@media only screen and (min-width: 481px) and (max-width: 1200px) {
  .reseau-detail > .reseau-logo {
    width: 17%;
    float: left;
    margin-right: 3%; } }
@media only screen and (min-width: 1201px) and (max-width: 1919px) {
  .reseau-detail > .reseau-logo {
    width: 170px;
    float: left;
    margin-right: 60px; } }
@media only screen and (min-width: 1920px) {
  .reseau-detail > .reseau-logo {
    width: 170px;
    float: left;
    margin-right: 60px; } }
.reseau-detail > .reseau-logo > a > img {
  border-radius: 5px;
  border: 0px; }
.reseau-detail > .reseau-logo > .reseau-photos {
  margin-top: 10px; }
.reseau-detail > .reseau-logo > .reseau-photos > ul {
  margin: 0px;
  padding: 0px; }
.reseau-detail > .reseau-logo > .reseau-photos > ul > li {
  list-style: none; }
.reseau-detail > .reseau-logo > .reseau-photos > ul > li > a {
  width: 100%;
  margin-right: 20px;
  margin-bottom: 10px;
  display: block; }
.reseau-detail > .reseau-logo > .reseau-photos > ul > li > a > img {
  border-radius: 5px; }
.reseau-detail > .reseau-info {
  margin-top: 30px;
  margin-bottom: 30px; }
@media only screen and (min-width: 481px) and (max-width: 1200px) {
  .reseau-detail > .reseau-info {
    float: left;
    width: 80%; } }
@media only screen and (min-width: 1201px) and (max-width: 1919px) {
  .reseau-detail > .reseau-info {
    width: 920px;
    float: left; } }
@media only screen and (min-width: 1920px) {
  .reseau-detail > .reseau-info {
    width: 990px;
    float: left; } }
.reseau-detail > .reseau-info > .hrspe {
  background: none repeat scroll 0 0 #e5e5e5;
  font-size: 0;
  height: 0px;
  line-height: 0;
  margin: 30px 0;
  overflow: hidden; }
.reseau-detail > .reseau-info > .subtitle {
  font-size: 21px;
  letter-spacing: 8px;
  padding-bottom: 0px;
  color: #c9c9c9; }
.reseau-detail > .reseau-info > .reseau-url {
  padding-top: 10px;
  text-align: center; }
.reseau-detail > .reseau-info > .reseau-url > a {
  background-color: #b2d022;
  border-radius: 5px;
  color: #fff;
  display: block;
  font-size: 17px;
  padding: 10px;
  font-weight: bold;
  width: 200px; }
.reseau-detail > .reseau-info > .reseau-url > a:hover {
  background-color: #FFAB1A; }
.reseau-detail > .reseau-info > .reseau-presentation {
  margin-bottom: 60px; }
.reseau-detail > .reseau-info > .reseau-presentation > p {
  margin: 0px;
  padding: 0px; }
@media only screen and (min-width: 1201px) and (max-width: 1919px) {
  .reseau-detail > .reseau-info > .reseau-presentation > p {
    width: 80%; } }
@media only screen and (min-width: 1920px) {
  .reseau-detail > .reseau-info > .reseau-presentation > p {
    width: 80%; } }
.reseau-detail > .reseau-info > .reseau-map-block {
  margin-left: -110px;
  margin-top: -120px;
  position: absolute; }
@media only screen and (max-width: 480px) {
  .reseau-detail > .reseau-info > .reseau-map-block {
    display: none; } }
@media only screen and (min-width: 481px) and (max-width: 1200px) {
  .reseau-detail > .reseau-info > .reseau-map-block {
    transform: scale(0.55);
    -ms-transform: scale(0.55);
    -webkit-transform: scale(0.5); } }
@media only screen and (min-width: 1201px) and (max-width: 1919px) {
  .reseau-detail > .reseau-info > .reseau-map-block {
    transform: scale(0.55);
    -ms-transform: scale(0.55);
    -webkit-transform: scale(0.5); } }
@media only screen and (min-width: 1920px) {
  .reseau-detail > .reseau-info > .reseau-map-block {
    transform: scale(0.55);
    -ms-transform: scale(0.55);
    -webkit-transform: scale(0.5); } }
.reseau-detail > .reseau-info > .reseau-map-block > .reseau-map {
  position: relative; }
@media only screen and (max-width: 480px) {
  .reseau-detail > .reseau-info > .reseau-map-block > .reseau-map {
    background: url("gfx/carte-page-reseau.png") no-repeat;
    height: 569px;
    width: 540px; } }
@media only screen and (min-width: 481px) and (max-width: 1200px) {
  .reseau-detail > .reseau-info > .reseau-map-block > .reseau-map {
    background: url("gfx/carte-page-reseau.png") no-repeat;
    height: 569px;
    width: 540px; } }
@media only screen and (min-width: 1201px) and (max-width: 1919px) {
  .reseau-detail > .reseau-info > .reseau-map-block > .reseau-map {
    background: url("gfx/carte-page-reseau.png") no-repeat;
    height: 569px;
    width: 540px; } }
@media only screen and (min-width: 1920px) {
  .reseau-detail > .reseau-info > .reseau-map-block > .reseau-map {
    background: url("gfx/carte-page-reseau.png") no-repeat;
    height: 569px;
    width: 540px; } }
.reseau-detail > .reseau-info > .reseau-map-block > .reseau-map > .pico-map {
  position: absolute; }
.reseau-detail > .reseau-info > .reseau-map-block > .reseau-map > .pico-map > .pico-icone > a {
  float: left;
  width: 30px;
  height: 47px;
  position: absolute;
  cursor: default; }
.reseau-detail > .reseau-info > .reseau-map-block > .reseau-map > .pico-map > .pico-icone > a > img {
  position: absolute;
  z-index: 1;
  animation: bounce 0.7s ease infinite; }
.reseau-detail > .reseau-info > .reseau-map-block > .reseau-map > .pico-map > .pico-icone > a > .pico-texte:before {
  border-bottom: 4px solid transparent;
  border-right: 7px solid #25d2f6;
  border-top: 4px solid transparent;
  content: "";
  height: 0;
  left: -7px;
  margin-top: 8px;
  position: absolute;
  width: 0; }
.reseau-detail > .reseau-info > .reseau-map-block > .reseau-map > .pico-map > .pico-icone > a > .pico-texte {
  float: left;
  font-size: 25px;
  background-color: #25d2f6;
  color: #fff;
  padding: 10px;
  border-radius: 5px;
  transition: all 0.25s ease 0s;
  position: absolute;
  z-index: 10;
  left: 45px;
  -moz-box-shadow: -1px 4px 5px 0px #2D98AD;
  -webkit-box-shadow: -1px 4px 5px 0px #2D98AD;
  -o-box-shadow: -1px 4px 5px 0px #2D98AD;
  box-shadow: -1px 4px 5px 0px #2D98AD; }
.reseau-detail > .reseau-info > .reseau-map-block > .reseau-map > .pico-map > .pico-icone > a:hover > .pico-texte {
  display: block; }
.reseau-detail > .reseau-info > .reseau-map-block > .reseau-map > .pico-map > .pico-icone-shadow {
  animation: bounceShadow 0.7s ease infinite;
  float: left;
  width: 25px;
  height: 47px;
  position: absolute;
  background: url("gfx/pico-map-shadow.png") no-repeat;
  z-index: 0; }
.reseau-detail > .reseau-info > .reseau-spec {
  margin-bottom: 60px; }
@media only screen and (min-width: 481px) and (max-width: 1200px) {
  .reseau-detail > .reseau-info > .reseau-spec {
    margin-top: 400px; } }
@media only screen and (min-width: 1201px) and (max-width: 1919px) {
  .reseau-detail > .reseau-info > .reseau-spec {
    margin-left: 450px; } }
@media only screen and (min-width: 1920px) {
  .reseau-detail > .reseau-info > .reseau-spec {
    margin-left: 450px; } }
.reseau-detail > .reseau-info > .reseau-spec > ul {
  margin-left: 17px;
  padding: 0px; }
.reseau-detail > .reseau-info > .reseau-spec > ul > li:before {
  content: "\e601";
  font-family: "icomoon";
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  margin-left: -20px;
  margin-top: 2px;
  position: absolute;
  text-transform: none; }
.reseau-detail > .reseau-info > .reseau-spec > ul > li {
  list-style: none; }
.reseau-detail > .reseau-info > .reseau-spec > ul > li > .type {
  font-family: "PT Sans", sans-serif; }
.reseau-detail > .reseau-info > .reseau-spec > ul > li > .value {
  font-family: "PT Sans", sans-serif;
  font-weight: bold;
  color: #2ea9c4; }
.reseau-detail > .reseau-info > .reseau-coordonnees {
  background-color: #ffab1a;
  border-radius: 5px;
  color: #fff;
  margin-bottom: 10px;
  padding: 20px; }
@media only screen and (min-width: 481px) and (max-width: 1200px) {
  .reseau-detail > .reseau-info > .reseau-coordonnees {
    transform: rotate(-2deg);
    width: 400px; } }
@media only screen and (min-width: 1201px) and (max-width: 1919px) {
  .reseau-detail > .reseau-info > .reseau-coordonnees {
    margin-left: 450px;
    transform: rotate(-2deg);
    width: 400px; } }
@media only screen and (min-width: 1920px) {
  .reseau-detail > .reseau-info > .reseau-coordonnees {
    margin-left: 450px;
    transform: rotate(-2deg);
    width: 400px; } }
.reseau-detail > .reseau-info > .reseau-coordonnees > h3 {
  color: #fff; }
.reseau-detail > .reseau-info > .reseau-coordonnees > .icon-phone, .reseau-detail > .reseau-info > .reseau-coordonnees .icon-envelop {
  margin-bottom: 3px; }
.reseau-detail > .reseau-info > .reseau-coordonnees > .icon-phone > .tel-number, .reseau-detail > .reseau-info > .reseau-coordonnees .icon-envelop > .tel-number {
  font-family: "PT Sans", sans-serif;
  font-weight: bold;
  margin-left: 2px; }

.reseau-detail-photo-block {
  overflow: hidden;
  width: 100%;
  height: 400px; }
@media only screen and (max-width: 480px) {
  .reseau-detail-photo-block {
    display: none; } }
.reseau-detail-photo-block > .reseau-detail-photo-background {
  position: relative; }
.reseau-detail-photo-block > .reseau-detail-photo-background > .reseau-detail-photo-background-content {
  position: absolute;
  height: 400px; }
@media only screen and (max-width: 480px) {
  .reseau-detail-photo-block > .reseau-detail-photo-background > .reseau-detail-photo-background-content {
    width: 100%; } }
@media only screen and (min-width: 481px) and (max-width: 1200px) {
  .reseau-detail-photo-block > .reseau-detail-photo-background > .reseau-detail-photo-background-content {
    width: 100%; } }
@media only screen and (min-width: 1201px) and (max-width: 1919px) {
  .reseau-detail-photo-block > .reseau-detail-photo-background > .reseau-detail-photo-background-content {
    width: 100%; } }
@media only screen and (min-width: 1920px) {
  .reseau-detail-photo-block > .reseau-detail-photo-background > .reseau-detail-photo-background-content {
    width: 100%; } }
.reseau-detail-photo-block > .reseau-detail-photo-bulle {
  width: 1220px;
  margin-left: auto;
  margin-right: auto; }
.reseau-detail-photo-block > .reseau-detail-photo-bulle > .reseau-detail-photo-bulle-content {
  background-color: white;
  height: 265px;
  position: relative;
  top: 40px;
  width: 500px;
  padding: 30px;
  border-radius: 10px; }
.reseau-detail-photo-block > .reseau-detail-photo-bulle > .reseau-detail-photo-bulle-content > h2 {
  font-size: 54px;
  color: #595959;
  display: block;
  margin: 0;
  text-transform: none;
  font: 50px/43px "Open Sans", sans-serif;
  letter-spacing: -5px; }
.reseau-detail-photo-block > .reseau-detail-photo-bulle > .reseau-detail-photo-bulle-content:after {
  border-bottom: 50px solid transparent;
  border-left: 65px solid #fff;
  border-top: 50px solid transparent;
  content: "";
  display: block;
  margin-left: 530px;
  margin-top: -120px;
  position: absolute; }

.testniveaux {
  margin-bottom: 40px; }
@media only screen and (min-width: 481px) and (max-width: 1200px) {
  .testniveaux {
    margin-top: 30px; } }
@media only screen and (min-width: 1201px) and (max-width: 1919px) {
  .testniveaux {
    margin-top: 30px; } }
@media only screen and (min-width: 1920px) {
  .testniveaux {
    margin-top: 30px; } }
.testniveaux > h1 {
  font: 300 33px/28px "Open Sans", sans-serif;
  text-transform: uppercase;
  color: #0a1b2f;
  padding-bottom: 20px; }
.testniveaux > .title {
  margin-bottom: 10px; }
.testniveaux > .title > h1 {
  font: 300 33px/28px "Open Sans", sans-serif;
  text-transform: uppercase;
  color: #0a1b2f;
  padding-bottom: 20px;
  position: relative; }
@media only screen and (max-width: 480px) {
  .testniveaux > .title > h1 {
    top: 15px; } }
@media only screen and (min-width: 481px) and (max-width: 1200px) {
  .testniveaux > .title > h1 {
    top: 30px; } }
@media only screen and (min-width: 1201px) and (max-width: 1919px) {
  .testniveaux > .title > h1 {
    top: 30px; } }
@media only screen and (min-width: 1920px) {
  .testniveaux > .title > h1 {
    top: 30px; } }
.testniveaux > .title > .drapeau {
  float: left; }
@media only screen and (max-width: 480px) {
  .testniveaux > .title > .drapeau {
    margin-right: 30px; } }
@media only screen and (min-width: 481px) and (max-width: 1200px) {
  .testniveaux > .title > .drapeau {
    margin-right: 30px; } }
@media only screen and (min-width: 1201px) and (max-width: 1919px) {
  .testniveaux > .title > .drapeau {
    margin-right: 30px; } }
@media only screen and (min-width: 1920px) {
  .testniveaux > .title > .drapeau {
    margin-right: 30px; } }
.testniveaux > .padding20 {
  padding: 20px; }
.testniveaux > .padding35 {
  padding: 35px; }
@media only screen and (min-width: 1201px) and (max-width: 1919px) {
  .testniveaux > .page-left-questionnaire {
    float: left;
    width: 800px;
    border: 1px solid #dddddd; } }
@media only screen and (min-width: 1920px) {
  .testniveaux > .page-left-questionnaire {
    float: left;
    width: 800px;
    border: 1px solid #dddddd; } }
.testniveaux > .page-left-questionnaire > .block-questionnaire .label {
  position: relative;
  margin-top: 6px;
  margin-right: 10px; }
@media only screen and (min-width: 481px) and (max-width: 1200px) {
  .testniveaux > .page-left-questionnaire > .block-questionnaire .label {
    float: left;
    width: 150px; } }
@media only screen and (min-width: 1201px) and (max-width: 1919px) {
  .testniveaux > .page-left-questionnaire > .block-questionnaire .label {
    float: left;
    width: 150px; } }
@media only screen and (min-width: 1920px) {
  .testniveaux > .page-left-questionnaire > .block-questionnaire .label {
    float: left;
    width: 150px; } }
.testniveaux > .page-left-questionnaire > .block-questionnaire .label2 {
  float: left;
  position: relative;
  margin-top: 6px;
  margin-right: 10px; }
.testniveaux > .page-left-questionnaire > .block-questionnaire .label3 {
  float: left;
  position: relative;
  margin-top: 6px;
  margin-right: 10px; }
@media only screen and (min-width: 481px) and (max-width: 1200px) {
  .testniveaux > .page-left-questionnaire > .block-questionnaire .label3 {
    width: 250px; } }
@media only screen and (min-width: 1201px) and (max-width: 1919px) {
  .testniveaux > .page-left-questionnaire > .block-questionnaire .label3 {
    width: 250px; } }
@media only screen and (min-width: 1920px) {
  .testniveaux > .page-left-questionnaire > .block-questionnaire .label3 {
    width: 250px; } }
.testniveaux > .page-left-questionnaire > .block-questionnaire .title-part {
  padding: 20px;
  border-radius: 5px;
  background-color: #B2D022;
  color: #fff;
  font: 500 32px/27px "Open Sans",sans-serif;
  text-transform: uppercase;
  letter-spacing: 10; }
.testniveaux > .page-left-questionnaire > .block-questionnaire .title-part > p {
  font: 500 21px/21px "Open Sans",sans-serif;
  padding: 0px;
  margin-top: 20px;
  margin-bottom: 0px;
  width: 75%; }
@media only screen and (max-width: 480px) {
  .testniveaux > .page-left-questionnaire > .block-questionnaire #slider > ul > li > .slider-content {
    padding: 5px; } }
@media only screen and (min-width: 481px) and (max-width: 1200px) {
  .testniveaux > .page-left-questionnaire > .block-questionnaire #slider > ul > li > .slider-content {
    padding: 35px; } }
@media only screen and (min-width: 1201px) and (max-width: 1919px) {
  .testniveaux > .page-left-questionnaire > .block-questionnaire #slider > ul > li > .slider-content {
    padding: 35px; } }
@media only screen and (min-width: 1920px) {
  .testniveaux > .page-left-questionnaire > .block-questionnaire #slider > ul > li > .slider-content {
    padding: 35px; } }
.testniveaux > .page-left-questionnaire > .block-questionnaire #slider > ul > li > .slider-content input[type="submit"] {
  background-color: #b2d022;
  color: #fff;
  padding: 12px;
  font: 500 20px/45px "Open Sans",sans-serif;
  cursor: pointer;
  border: 0px; }
.testniveaux > .page-left-questionnaire > .block-questionnaire .controls {
  display: block; }
@media only screen and (max-width: 480px) {
  .testniveaux > .page-left-questionnaire > .block-questionnaire .controls {
    padding-top: 35px; } }
@media only screen and (min-width: 481px) and (max-width: 1200px) {
  .testniveaux > .page-left-questionnaire > .block-questionnaire .controls {
    padding: 35px; } }
@media only screen and (min-width: 1201px) and (max-width: 1919px) {
  .testniveaux > .page-left-questionnaire > .block-questionnaire .controls {
    padding: 35px; } }
@media only screen and (min-width: 1920px) {
  .testniveaux > .page-left-questionnaire > .block-questionnaire .controls {
    padding: 35px; } }
.testniveaux > .page-left-questionnaire > .block-questionnaire .controls > .nextBtn, .testniveaux > .page-left-questionnaire > .block-questionnaire .controls .prevBtn {
  background-color: #ffab1a;
  color: #fff;
  font: 500 16px/45px "Open Sans",sans-serif;
  padding: 12px;
  border: 0px; }
@media only screen and (max-width: 480px) {
  .testniveaux > .page-left-questionnaire > .block-questionnaire .controls > .nextBtn, .testniveaux > .page-left-questionnaire > .block-questionnaire .controls .prevBtn {
    display: block;
    margin-bottom: 5px;
    text-align: center; } }
@media only screen and (min-width: 481px) and (max-width: 1200px) {
  .testniveaux > .page-left-questionnaire > .block-questionnaire .controls > .nextBtn {
    margin-left: 10px; } }
@media only screen and (min-width: 1201px) and (max-width: 1919px) {
  .testniveaux > .page-left-questionnaire > .block-questionnaire .controls > .nextBtn {
    margin-left: 10px; } }
@media only screen and (min-width: 1920px) {
  .testniveaux > .page-left-questionnaire > .block-questionnaire .controls > .nextBtn {
    margin-left: 10px; } }
@media only screen and (min-width: 481px) and (max-width: 1200px) {
  .testniveaux > .page-left-questionnaire > .block-questionnaire .col1 {
    float: left;
    width: 48%;
    margin-right: 5%; } }
@media only screen and (min-width: 1201px) and (max-width: 1919px) {
  .testniveaux > .page-left-questionnaire > .block-questionnaire .col1 {
    float: left;
    width: 48%;
    margin-right: 5%; } }
@media only screen and (min-width: 1920px) {
  .testniveaux > .page-left-questionnaire > .block-questionnaire .col1 {
    float: left;
    width: 48%;
    margin-right: 5%; } }
@media only screen and (max-width: 480px) {
  .testniveaux > .page-left-questionnaire > .block-questionnaire .col2 {
    padding-top: 15px; } }
@media only screen and (min-width: 481px) and (max-width: 1200px) {
  .testniveaux > .page-left-questionnaire > .block-questionnaire .col2 {
    float: left;
    width: 47%; } }
@media only screen and (min-width: 1201px) and (max-width: 1919px) {
  .testniveaux > .page-left-questionnaire > .block-questionnaire .col2 {
    float: left;
    width: 47%; } }
@media only screen and (min-width: 1920px) {
  .testniveaux > .page-left-questionnaire > .block-questionnaire .col2 {
    float: left;
    width: 47%; } }
.testniveaux > .page-left-questionnaire > .block-questionnaire .exemple {
  margin-top: 20px;
  border: 1px dashed #ccc;
  padding: 20px; }
.testniveaux > .page-left-questionnaire > .block-questionnaire .exemple > .rouge12-b {
  font-weight: bold; }
.testniveaux > .page-left-questionnaire > .block-questionnaire .float {
  float: left;
  margin-right: 10px !important; }
.testniveaux > .page-left-questionnaire > .block-questionnaire .input-style {
  padding: 0;
  margin: 0;
  border: 1px solid #ccc;
  border-radius: 6px;
  overflow: hidden;
  background-color: #fff;
  background: #fff;
  position: relative; }
.testniveaux > .page-left-questionnaire > .block-questionnaire .input-style > input {
  padding: 5px 8px;
  border: none;
  box-shadow: none;
  background-color: transparent;
  background-image: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  color: #5a5964;
  font-family: "PT Sans",sans-serif;
  font-size: 15px;
  width: 100%;
  margin-right: 15px; }
.testniveaux > .page-left-questionnaire > .block-questionnaire .input-style > input:focus {
  outline: none;
  border: 1px solid #B2D022; }
.testniveaux > .page-left-questionnaire > .block-questionnaire .select-style {
  padding: 0;
  margin: 0;
  border: 1px solid #ccc;
  border-radius: 6px;
  overflow: hidden;
  background-color: #fff;
  background: #fff;
  position: relative; }
.testniveaux > .page-left-questionnaire > .block-questionnaire .select-style > select {
  padding: 5px 8px;
  border: none;
  box-shadow: none;
  background-color: transparent;
  background-image: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  color: #5a5964;
  font-family: "PT Sans",sans-serif;
  font-size: 15px;
  width: 100%;
  margin-right: 15px; }
.testniveaux > .page-left-questionnaire > .block-questionnaire .select-style > select:focus {
  outline: none;
  border: 1px solid #B2D022; }
.testniveaux > .page-left-questionnaire > .block-questionnaire .select-style:after {
  top: 50%;
  left: 90%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(0, 0, 0, 0);
  border-top-color: #000000;
  border-width: 5px;
  margin-top: -2px;
  z-index: 100; }
.testniveaux > .page-left-questionnaire > .block-questionnaire #sendformbtn {
  margin-left: 170px; }
.testniveaux > .page-left-questionnaire > .block-questionnaire #sendformbtn .txtmauve {
  background-color: #B2D022;
  border: 1px solid #B2D022;
  color: #fff;
  font: 500 20px/45px "Open Sans",sans-serif;
  padding: 12px;
  border: 0px;
  cursor: pointer; }
.testniveaux > .page-left-questionnaire > .block-questionnaire #sendformbtn .txtmauve:hover {
  background-color: #fff;
  color: #B2D022;
  border: 1px solid #B2D022; }
@media only screen and (min-width: 1201px) and (max-width: 1919px) {
  .testniveaux > .page-left {
    float: left;
    width: 730px;
    border: 1px solid #dddddd; } }
@media only screen and (min-width: 1920px) {
  .testniveaux > .page-left {
    float: left;
    width: 800px;
    border: 1px solid #dddddd; } }
.testniveaux > .page-left h2 {
  color: #0a1b2f;
  font: 300 33px/28px "Open Sans", sans-serif;
  padding-bottom: 20px;
  text-transform: none;
  margin: 0;
  padding: 0;
  width: auto !important; }
.testniveaux > .page-left > p {
  margin-bottom: 20px;
  margin-top: 0;
  padding: 0;
  width: 80%; }
.testniveaux > .page-left > .block-test-niveau {
  padding-bottom: 25px;
  padding-top: 10px; }
.testniveaux > .page-left > .block-test-niveau > ul {
  padding-bottom: 30px;
  margin: 0px;
  padding-left: 0; }
.testniveaux > .page-left > .block-test-niveau > ul > li {
  background-color: #B2D022;
  border-radius: 5px;
  list-style: outside none none;
  padding: 20px;
  text-align: center;
  margin-bottom: 20px; }
@media only screen and (min-width: 481px) and (max-width: 1200px) {
  .testniveaux > .page-left > .block-test-niveau > ul > li {
    width: 100px;
    float: left;
    margin-right: 20px; } }
@media only screen and (min-width: 1201px) and (max-width: 1919px) {
  .testniveaux > .page-left > .block-test-niveau > ul > li {
    width: 100px;
    float: left;
    margin-right: 6px; } }
@media only screen and (min-width: 1920px) {
  .testniveaux > .page-left > .block-test-niveau > ul > li {
    width: 100px;
    float: left;
    margin-right: 20px; } }
.testniveaux > .page-left > .block-test-niveau > ul > li > a {
  display: block;
  margin-bottom: 2px;
  transition: all 0.2s ease-out 0s; }
@media only screen and (max-width: 480px) {
  .testniveaux > .page-left > .block-test-niveau > ul > li > a {
    margin-top: 15px; } }
@media only screen and (min-width: 481px) and (max-width: 1200px) {
  .testniveaux > .page-left > .block-test-niveau > ul > li > a {
    margin-top: 50px; } }
@media only screen and (min-width: 1201px) and (max-width: 1919px) {
  .testniveaux > .page-left > .block-test-niveau > ul > li > a {
    margin-top: 50px; } }
@media only screen and (min-width: 1920px) {
  .testniveaux > .page-left > .block-test-niveau > ul > li > a {
    margin-top: 50px; } }
.testniveaux > .page-left > .block-test-niveau > ul > li > a > img {
  border: 0px; }
.testniveaux > .page-left > .block-test-niveau > ul > li > a:hover {
  transform: scale(1.2) rotate(720deg); }
.testniveaux > .page-left > .block-test-niveau > ul > li > .indicator {
  animation: 0.7s ease 0s normal none infinite running bounce;
  margin-left: 37px;
  margin-top: 110px;
  position: absolute;
  z-index: 1; }
@media only screen and (max-width: 480px) {
  .testniveaux > .page-left > .block-test-niveau > ul > li > .indicator {
    display: none; } }
@media only screen and (min-width: 481px) and (max-width: 1200px) {
  .testniveaux > .page-left > .block-test-niveau > ul > li > .indicator {
    display: none; } }
.testniveaux > .page-left > .block-test-niveau > ul > li > .testpays {
  color: #fff;
  font-size: 20px;
  font-weight: bold;
  line-height: 20px;
  text-align: center;
  text-transform: uppercase;
  padding-top: 10px; }
@media only screen and (min-width: 481px) and (max-width: 1200px) {
  .testniveaux > .page-left > .block-test-niveau > ul > li > .testpays {
    width: 100px; } }
@media only screen and (min-width: 1201px) and (max-width: 1919px) {
  .testniveaux > .page-left > .block-test-niveau > ul > li > .testpays {
    width: 100px; } }
@media only screen and (min-width: 1920px) {
  .testniveaux > .page-left > .block-test-niveau > ul > li > .testpays {
    width: 100px; } }
.testniveaux > .page-left > .block-test-niveau > ul > li > .header-layer3-background {
  position: absolute; }
@media only screen and (max-width: 480px) {
  .testniveaux > .page-left > .block-test-niveau > ul > li > .header-layer3-background {
    display: none; } }
.testniveaux > .page-left > .block-test-niveau > ul > li > .header-layer3-background > .header-layer3-background-content {
  position: relative;
  background: url("gfx/flag-select-not-front.png") no-repeat;
  width: 89px;
  height: 80px;
  top: -30px;
  left: 15px; }
.testniveaux > .page-left > .duree {
  color: #ffab1a;
  font-weight: bold;
  text-align: center;
  font-size: 20px; }

.form-envoi-result-test {
  margin-top: 40px; }
.form-envoi-result-test > h2 {
  padding-bottom: 20px !important; }
.form-envoi-result-test > form > p > input, .form-envoi-result-test > form > p > textarea {
  /*d├®j├á en inline-block*/
  border: 1px solid #ddd;
  border-radius: 5px;
  color: #5a5964;
  font-family: "PT Sans",sans-serif;
  font-size: 15px;
  padding: 5px 8px;
  vertical-align: top;
  width: 150px; }
.form-envoi-result-test > form > p .rgpd {
  width: auto !important; }
.form-envoi-result-test > form > p > select {
  /*d├®j├á en inline-block*/
  width: 300px;
  padding: 4px;
  vertical-align: top;
  border: 1px solid #ddd;
  border-radius: 5px;
  color: #5a5964;
  font-size: 15px;
  font-family: "PT Sans",sans-serif; }
.form-envoi-result-test > form > p > #sujet {
  width: 250px; }
.form-envoi-result-test > form > p > label {
  display: inline-block;
  width: 150px;
  margin-right: 20px;
  vertical-align: top;
  text-align: left; }

.strategie {
  margin-bottom: 40px;
  margin-top: 30px; }
.strategie > h1 {
  font: 300 33px/28px "Open Sans", sans-serif;
  text-transform: uppercase;
  color: #0a1b2f;
  padding-bottom: 20px; }
@media only screen and (min-width: 1201px) and (max-width: 1919px) {
  .strategie > .page-left {
    float: left;
    width: 730px;
    padding: 35px;
    border: 1px solid #dddddd; } }
@media only screen and (min-width: 1920px) {
  .strategie > .page-left {
    float: left;
    width: 800px;
    padding: 35px;
    border: 1px solid #dddddd; } }
.strategie > .page-left h2 {
  color: #0a1b2f;
  font: 300 33px/28px "Open Sans", sans-serif;
  padding-bottom: 20px;
  text-transform: none;
  margin: 0;
  padding: 0;
  width: auto !important; }
@media only screen and (min-width: 481px) and (max-width: 1200px) {
  .strategie > .page-left > .item-photo-galery {
    float: left;
    margin-bottom: 30px;
    margin-right: 30px;
    width: 400px; } }
@media only screen and (min-width: 1201px) and (max-width: 1919px) {
  .strategie > .page-left > .item-photo-galery {
    float: left;
    margin-bottom: 30px;
    margin-right: 30px;
    width: 400px; } }
@media only screen and (min-width: 1920px) {
  .strategie > .page-left > .item-photo-galery {
    float: left;
    margin-bottom: 30px;
    margin-right: 30px;
    width: 400px; } }
.strategie > .page-left > ul {
  margin-left: 13px;
  margin-bottom: 20px;
  padding: 0px; }
.strategie > .page-left > ul > li:before {
  border-bottom: 4px solid transparent;
  border-left: 4px solid #5a5964;
  border-top: 4px solid transparent;
  content: "";
  height: 0;
  margin-top: 6px;
  margin-left: -13px;
  position: absolute;
  width: 0; }
.strategie > .page-left > ul > li {
  list-style: outside none none; }
.strategie > .page-left > ul > ul {
  margin-bottom: 15px;
  margin-left: 13px;
  margin-top: 5px;
  padding: 0; }
.strategie > .page-left > ul > ul > li:before {
  border-bottom: 4px solid transparent;
  border-left: 4px solid #49bffc;
  border-top: 4px solid transparent;
  content: "";
  height: 0;
  margin-top: 6px;
  margin-left: -13px;
  position: absolute;
  width: 0; }
.strategie > .page-left > ul > ul > li {
  list-style: outside none none;
  color: #49bffc; }
.strategie > .page-left > ul > ul > li > a {
  color: #49bffc; }
.strategie > .page-left a {
  color: #5a5964;
  text-decoration: underline;
  transition: all 0.25s ease 0s; }
.strategie > .page-left a:hover {
  color: #39c4fd; }
.strategie > .page-left > p {
  margin-bottom: 20px;
  margin-top: 0;
  padding-top: 0; }
.strategie > .page-left > table tr > td {
  vertical-align: top; }
.strategie > .page-left > table tr > td > h2 {
  color: #0a1b2f;
  font: 300 33px/28px "Open Sans", sans-serif;
  padding-bottom: 20px;
  text-transform: none;
  margin: 0;
  padding: 0;
  width: auto !important; }
.strategie > .page-left > table tr > td .noir11 {
  font-weight: bold;
  color: #000; }

.equipe {
  padding-bottom: 40px;
  padding-top: 50px; }
.equipe h1 {
  font: 300 33px/28px "Open Sans", sans-serif;
  text-transform: uppercase;
  color: #0a1b2f;
  padding-bottom: 20px; }
.equipe > .page-left > .galery-thumb {
  position: relative; }
.equipe > .page-left > .galery-thumb > .galery-bulles {
  display: flex;
  flex-wrap: wrap; }
.equipe > .page-left > .galery-thumb > .galery-bulles > h3 {
  margin-bottom: 30px;
  color: #2ea9c4;
  font: 500 21px/26px "Open Sans", sans-serif; }
.equipe > .page-left > .galery-thumb > .galery-bulles > .galery-subtitle-text {
  padding-bottom: 30px; }
@media only screen and (min-width: 1201px) and (max-width: 1919px) {
  .equipe > .page-left > .galery-thumb > .galery-bulles > .galery-subtitle-text {
    width: 630px; } }
@media only screen and (min-width: 1920px) {
  .equipe > .page-left > .galery-thumb > .galery-bulles > .galery-subtitle-text {
    width: 630px; } }
.equipe > .page-left > .galery-thumb > .galery-bulles > .block-gris {
  transition: all 0.25s ease 0s;
  position: relative;
  z-index: 2;
  color: #5a5964;
  margin-bottom: 10px;
  margin-right: 20px;
  border: 0px solid #eee;
  /* transform: rotate(-2deg);
   -ms-transform: rotate(-2deg);  IE 9 
   -webkit-transform: rotate(-2deg);  Chrome, Safari, Opera */ }
@media only screen and (min-width: 481px) and (max-width: 1200px) {
  .equipe > .page-left > .galery-thumb > .galery-bulles > .block-gris {
    width: 47%;
    float: left; } }
@media only screen and (min-width: 1201px) and (max-width: 1919px) {
  .equipe > .page-left > .galery-thumb > .galery-bulles > .block-gris {
    width: 31%;
    float: left; } }
@media only screen and (min-width: 1920px) {
  .equipe > .page-left > .galery-thumb > .galery-bulles > .block-gris {
    width: 31%;
    float: left; } }
.equipe > .page-left > .galery-thumb > .galery-bulles > .block-gris > .item-after {
  position: absolute;
  width: 0%;
  height: 100%;
  z-index: -1;
  background-color: #b2d022;
  transition: all 0.25s ease 0s; }
.equipe > .page-left > .galery-thumb > .galery-bulles > .block-gris > .block-gris-left {
  float: left;
  padding-left: 8%;
  padding-top: 8%;
  width: 85%; }
.equipe > .page-left > .galery-thumb > .galery-bulles > .block-gris > .block-gris-left > .img-container {
  overflow: hidden;
  width: 100%;
  text-align: center; }
@media only screen and (min-width: 481px) and (max-width: 1200px) {
  .equipe > .page-left > .galery-thumb > .galery-bulles > .block-gris > .block-gris-left > .img-container {
    height: 300px; } }
@media only screen and (min-width: 1201px) and (max-width: 1919px) {
  .equipe > .page-left > .galery-thumb > .galery-bulles > .block-gris > .block-gris-left > .img-container {
    height: 300px; } }
@media only screen and (min-width: 1920px) {
  .equipe > .page-left > .galery-thumb > .galery-bulles > .block-gris > .block-gris-left > .img-container {
    height: 300px; } }
.equipe > .page-left > .galery-thumb > .galery-bulles > .block-gris > .block-gris-left > .img-container > a > img {
  transition: all 0.25s ease 0s; }
.equipe > .page-left > .galery-thumb > .galery-bulles > .block-gris > .block-gris-right {
  float: left;
  padding: 10px 20px 20px; }
@media only screen and (min-width: 481px) and (max-width: 1200px) {
  .equipe > .page-left > .galery-thumb > .galery-bulles > .block-gris > .block-gris-right {
    min-height: 250px; } }
@media only screen and (min-width: 1201px) and (max-width: 1919px) {
  .equipe > .page-left > .galery-thumb > .galery-bulles > .block-gris > .block-gris-right {
    min-height: 250px; } }
@media only screen and (min-width: 1920px) {
  .equipe > .page-left > .galery-thumb > .galery-bulles > .block-gris > .block-gris-right {
    min-height: 250px; } }
.equipe > .page-left > .galery-thumb > .galery-bulles > .block-gris > .block-gris-right > h3 {
  color: #595959;
  margin-bottom: -2px;
  padding: 0px;
  min-height: 75px;
  margin-bottom: 15px; }
.equipe > .page-left > .galery-thumb > .galery-bulles > .block-gris:hover > .item-after {
  width: 100%; }
.equipe > .page-left > .galery-thumb > .galery-bulles > .block-gris:hover > .block-gris-left > .img-container > a > img {
  transform: scale(1.2); }
.equipe > .page-left > .galery-thumb > .galery-bulles > .block-gris:hover > .block-gris-right > h3 {
  color: #fff; }

.historique {
  padding-bottom: 40px;
  padding-top: 50px; }
.historique h1 {
  font: 300 33px/28px "Open Sans", sans-serif;
  text-transform: uppercase;
  color: #0a1b2f;
  padding-bottom: 20px; }
.historique p {
  margin-top: 0px;
  margin-bottom: 10px; }
@media only screen and (max-width: 480px) {
  .historique > .page-left > .ligne1 > .col1 {
    padding: 10px; } }
@media only screen and (min-width: 481px) and (max-width: 1200px) {
  .historique > .page-left > .ligne1 > .col1 {
    padding: 10px; } }
@media only screen and (min-width: 1201px) and (max-width: 1919px) {
  .historique > .page-left > .ligne1 > .col1 {
    float: left;
    width: 330px;
    margin-right: 90px; } }
@media only screen and (min-width: 1920px) {
  .historique > .page-left > .ligne1 > .col1 {
    float: left;
    width: 330px;
    margin-right: 90px; } }
@media only screen and (max-width: 480px) {
  .historique > .page-left > .ligne1 > .col2 {
    padding: 10px; } }
@media only screen and (min-width: 481px) and (max-width: 1200px) {
  .historique > .page-left > .ligne1 > .col2 {
    padding: 10px; } }
@media only screen and (min-width: 1201px) and (max-width: 1919px) {
  .historique > .page-left > .ligne1 > .col2 {
    float: left;
    width: 360px;
    margin-right: 90px; } }
@media only screen and (min-width: 1920px) {
  .historique > .page-left > .ligne1 > .col2 {
    float: left;
    width: 360px;
    margin-right: 90px; } }
.historique > .page-left > .ligne1 > .col2 > .content-horaire {
  background-color: #E5E3DF;
  padding: 15px;
  margin-bottom: 25px;
  transform: rotate(-2deg); }
.historique > .page-left > .ligne1 > .col2 > .content-horaire > p {
  margin-bottom: 5px;
  padding: 0px; }
@media only screen and (max-width: 480px) {
  .historique > .page-left > .ligne1 > .col3 {
    padding: 10px; } }
@media only screen and (min-width: 481px) and (max-width: 1200px) {
  .historique > .page-left > .ligne1 > .col3 {
    padding: 10px; } }
@media only screen and (min-width: 1201px) and (max-width: 1919px) {
  .historique > .page-left > .ligne1 > .col3 {
    float: left;
    width: 350px; } }
@media only screen and (min-width: 1920px) {
  .historique > .page-left > .ligne1 > .col3 {
    float: left;
    width: 350px; } }
.historique > .page-left > .ligne1 > .col3 > .coordonnees .txt {
  font-family: "PT Sans", sans-serif;
  margin-left: 10px;
  margin-bottom: 5px; }
.historique > .page-left > .ligne1 > .col3 > .coordonnees > img {
  background-color: #fff;
  padding-right: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
  border-radius: 4px;
  margin-bottom: 20px; }
.historique > .page-left > .ligne1 > .col3 > .coordonnees > .ste {
  font-size: 20px;
  font-weight: bold;
  color: #FFF; }
.historique > .page-left > .ligne1 > .col3 > .coordonnees > .tel {
  background: url("gfx/ico_coord_tel.png") no-repeat;
  padding-left: 25px; }
.historique > .page-left > .ligne1 > .col3 > .coordonnees > .email {
  background: url("gfx/ico_coord_mail.png") no-repeat;
  padding-left: 25px; }
.historique > .page-left > .ligne1 > .col3 > .coordonnees > .annexe {
  padding-top: 10px; }
.historique > .page-left > .ligne1 > .col3 > .coordonnees > .annexe a {
  color: #0D3B90;
  text-decoration: underline; }
.historique > .page-left > .ligne2 {
  margin-bottom: 40px; }
@media only screen and (max-width: 480px) {
  .historique > .page-left > .ligne2 {
    padding: 10px; } }
@media only screen and (min-width: 481px) and (max-width: 1200px) {
  .historique > .page-left > .ligne2 {
    padding: 10px; } }
@media only screen and (min-width: 1201px) and (max-width: 1919px) {
  .historique > .page-left > .ligne2 {
    float: left;
    width: 770px; } }
@media only screen and (min-width: 1920px) {
  .historique > .page-left > .ligne2 {
    float: left;
    width: 770px; } }
.historique > .page-left > .ligne2 > h2 {
  padding-bottom: 20px;
  margin-bottom: 30px;
  color: #202020; }
@media only screen and (min-width: 481px) and (max-width: 1200px) {
  .historique > .page-left > .ligne2 > h2 {
    width: 380px; } }
@media only screen and (min-width: 1201px) and (max-width: 1919px) {
  .historique > .page-left > .ligne2 > h2 {
    width: 380px; } }
@media only screen and (min-width: 1920px) {
  .historique > .page-left > .ligne2 > h2 {
    width: 380px; } }
.historique > .page-left > .ligne2 > .first-line > input {
  float: left;
  border: 1px solid #ccc;
  width: 230px;
  padding: 5px;
  color: #5a5964;
  font-family: "PT Sans", sans-serif;
  font-size: 15px; }
@media only screen and (max-width: 480px) {
  .historique > .page-left > .ligne2 > .first-line > input {
    margin-bottom: 10px; } }
@media only screen and (min-width: 481px) and (max-width: 1200px) {
  .historique > .page-left > .ligne2 > .first-line > input {
    margin-bottom: 10px; } }
.historique > .page-left > .ligne2 > .second-line {
  clear: both;
  padding-top: 20px; }
@media only screen and (min-width: 481px) and (max-width: 1200px) {
  .historique > .page-left > .ligne2 > .second-line > .input-adress {
    width: 380px !important; } }
@media only screen and (min-width: 1201px) and (max-width: 1919px) {
  .historique > .page-left > .ligne2 > .second-line > .input-adress {
    width: 380px !important; } }
@media only screen and (min-width: 1920px) {
  .historique > .page-left > .ligne2 > .second-line > .input-adress {
    width: 380px !important; } }
.historique > .page-left > .ligne2 > .second-line > input[type="text"] {
  float: left;
  border: 1px solid #ccc;
  width: 230px;
  padding: 5px;
  color: #5a5964;
  font-family: "PT Sans", sans-serif;
  font-size: 15px; }
@media only screen and (max-width: 480px) {
  .historique > .page-left > .ligne2 > .second-line > input[type="text"] {
    margin-bottom: 10px; } }
@media only screen and (min-width: 481px) and (max-width: 1200px) {
  .historique > .page-left > .ligne2 > .second-line > input[type="text"] {
    margin-bottom: 10px; } }
.historique > .page-left > .ligne2 > .second-line > textarea {
  border: 1px solid #ccc;
  height: 250px;
  padding: 5px;
  color: #5a5964;
  font-family: "PT Sans", sans-serif;
  font-size: 15px; }
@media only screen and (max-width: 480px) {
  .historique > .page-left > .ligne2 > .second-line > textarea {
    width: 90%; } }
@media only screen and (min-width: 481px) and (max-width: 1200px) {
  .historique > .page-left > .ligne2 > .second-line > textarea {
    width: 90%; } }
@media only screen and (min-width: 1201px) and (max-width: 1919px) {
  .historique > .page-left > .ligne2 > .second-line > textarea {
    width: 1180px;
    height: 231px; } }
@media only screen and (min-width: 1920px) {
  .historique > .page-left > .ligne2 > .second-line > textarea {
    width: 1180px;
    height: 231px; } }
.historique > .page-left > .ligne2 > .second-line input[type="submit"], .historique > .page-left > .ligne2 > .second-line input[type="reset"] {
  font-family: "PT Sans", sans-serif;
  font-size: 13px;
  border: 0px;
  padding: 8px;
  border-radius: 0px;
  cursor: pointer;
  background-color: #4EAEC4;
  color: #fff;
  float: left;
  margin-right: 5px; }
.historique > .page-left > .ligne2 > .second-line input[type="submit"]:hover, .historique > .page-left > .ligne2 > .second-line input[type="reset"]:hover {
  background-color: #5FF4FF;
  color: #fff; }
.historique > .page-left > .ligne2 > .second-line > .infocontact {
  margin-top: 10px;
  float: left;
  margin-left: 10px; }
.historique > .page-left > .list-histo {
  padding-left: 20px;
  position: relative; }
.historique > .page-left > .list-histo > .block-table-histo > .liste-histo-table {
  position: relative;
  display: table-cell; }
@media only screen and (min-width: 1201px) and (max-width: 1919px) {
  .historique > .page-left > .list-histo > .block-table-histo > .liste-histo-table {
    width: 100%; } }
@media only screen and (min-width: 1920px) {
  .historique > .page-left > .list-histo > .block-table-histo > .liste-histo-table {
    width: 100%; } }
.historique > .page-left > .list-histo > .block-table-histo > .liste-histo-table:first-child {
  border-left: 2px solid #2ea9c4;
  width: 0px;
  vertical-align: top; }
.historique > .page-left > .list-histo > .block-table-histo > .liste-histo-table + .liste-histo-table {
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  -o-hyphens: auto;
  hyphens: auto; }
.historique > .page-left > .list-histo > .block-table-histo > .liste-histo-table + .liste-histo-table > ul {
  padding: 0px;
  margin: 0; }
.historique > .page-left > .list-histo > .block-table-histo > .liste-histo-table + .liste-histo-table > ul > li {
  clear: both;
  list-style: none; }
@media only screen and (min-width: 481px) and (max-width: 1200px) {
  .historique > .page-left > .list-histo > .block-table-histo > .liste-histo-table + .liste-histo-table > ul > li {
    padding-bottom: 35px; } }
@media only screen and (min-width: 1201px) and (max-width: 1919px) {
  .historique > .page-left > .list-histo > .block-table-histo > .liste-histo-table + .liste-histo-table > ul > li {
    padding-bottom: 35px; } }
@media only screen and (min-width: 1920px) {
  .historique > .page-left > .list-histo > .block-table-histo > .liste-histo-table + .liste-histo-table > ul > li {
    padding-bottom: 35px; } }
.historique > .page-left > .list-histo > .block-table-histo > .liste-histo-table + .liste-histo-table > ul > li > .list-histo-year {
  color: #2ea9c4;
  font: 300 40px/28px "Open Sans", sans-serif;
  text-transform: uppercase;
  transform: rotate(-7deg);
  margin-left: -10px; }
@media only screen and (max-width: 480px) {
  .historique > .page-left > .list-histo > .block-table-histo > .liste-histo-table + .liste-histo-table > ul > li > .list-histo-year {
    padding-bottom: 50px;
    font: 500 40px/28px "Open Sans", sans-serif; } }
@media only screen and (min-width: 481px) and (max-width: 1200px) {
  .historique > .page-left > .list-histo > .block-table-histo > .liste-histo-table + .liste-histo-table > ul > li > .list-histo-year {
    float: left;
    width: 30%;
    margin-top: 40px;
    padding-bottom: 20px;
    font: 300 40px/28px "Open Sans", sans-serif; } }
@media only screen and (min-width: 1201px) and (max-width: 1919px) {
  .historique > .page-left > .list-histo > .block-table-histo > .liste-histo-table + .liste-histo-table > ul > li > .list-histo-year {
    float: left;
    width: 25%;
    margin-top: 60px;
    padding-bottom: 20px;
    font: 300 40px/28px "Open Sans", sans-serif; } }
@media only screen and (min-width: 1920px) {
  .historique > .page-left > .list-histo > .block-table-histo > .liste-histo-table + .liste-histo-table > ul > li > .list-histo-year {
    float: left;
    width: 25%;
    margin-top: 60px;
    padding-bottom: 20px;
    font: 300 40px/28px "Open Sans", sans-serif; } }
.historique > .page-left > .list-histo > .block-table-histo > .liste-histo-table + .liste-histo-table > ul > li > .list-histo-year > .list-histo-tiret {
  font-size: 60px; }
.historique > .page-left > .list-histo > .block-table-histo > .liste-histo-table + .liste-histo-table > ul > li > .list-histo-bulle {
  border-radius: 0;
  float: left; }
@media only screen and (max-width: 480px) {
  .historique > .page-left > .list-histo > .block-table-histo > .liste-histo-table + .liste-histo-table > ul > li > .list-histo-bulle {
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 20px; } }
@media only screen and (min-width: 481px) and (max-width: 1200px) {
  .historique > .page-left > .list-histo > .block-table-histo > .liste-histo-table + .liste-histo-table > ul > li > .list-histo-bulle {
    width: 60%;
    background-color: #e5e3df;
    border: 1px solid #eee;
    padding: 20px; } }
@media only screen and (min-width: 1201px) and (max-width: 1919px) {
  .historique > .page-left > .list-histo > .block-table-histo > .liste-histo-table + .liste-histo-table > ul > li > .list-histo-bulle {
    width: 70%;
    background-color: #e5e3df;
    border: 1px solid #eee;
    padding: 20px; } }
@media only screen and (min-width: 1920px) {
  .historique > .page-left > .list-histo > .block-table-histo > .liste-histo-table + .liste-histo-table > ul > li > .list-histo-bulle {
    width: 70%;
    background-color: #e5e3df;
    border: 1px solid #eee;
    padding: 20px; } }
@media only screen and (max-width: 480px) {
  .historique > .page-left > .list-histo > .block-table-histo > .liste-histo-table + .liste-histo-table > ul > li > .list-histo-bulle > .list-histo-txt {
    border-bottom: 1px solid #eee;
    padding-bottom: 20px; } }
@media only screen and (min-width: 481px) and (max-width: 1200px) {
  .historique > .page-left > .list-histo > .block-table-histo > .liste-histo-table + .liste-histo-table > ul > li > .list-histo-bulle > .list-histo-txt {
    float: left;
    margin-right: 20px; } }
@media only screen and (min-width: 1201px) and (max-width: 1919px) {
  .historique > .page-left > .list-histo > .block-table-histo > .liste-histo-table + .liste-histo-table > ul > li > .list-histo-bulle > .list-histo-txt {
    float: left;
    width: 360px; } }
@media only screen and (min-width: 1920px) {
  .historique > .page-left > .list-histo > .block-table-histo > .liste-histo-table + .liste-histo-table > ul > li > .list-histo-bulle > .list-histo-txt {
    float: left;
    width: 360px; } }
@media only screen and (min-width: 1201px) and (max-width: 1919px) {
  .historique > .page-left > .list-histo > .block-table-histo > .liste-histo-table + .liste-histo-table > ul > li > .list-histo-bulle > .list-histo-txt > p {
    width: 330px; } }
@media only screen and (min-width: 1920px) {
  .historique > .page-left > .list-histo > .block-table-histo > .liste-histo-table + .liste-histo-table > ul > li > .list-histo-bulle > .list-histo-txt > p {
    width: 330px; } }
.historique > .page-left > .list-histo > .block-table-histo > .liste-histo-table + .liste-histo-table > ul > li > .list-histo-bulle > .list-histo-pic:before {
  border-bottom: 30px solid transparent;
  border-right: 30px solid #e5e3df;
  border-top: 30px solid transparent;
  content: "";
  height: 0;
  margin-top: 30px;
  position: absolute;
  width: 0; }
@media only screen and (max-width: 480px) {
  .historique > .page-left > .list-histo > .block-table-histo > .liste-histo-table + .liste-histo-table > ul > li > .list-histo-bulle > .list-histo-pic:before {
    display: none; } }
@media only screen and (min-width: 481px) and (max-width: 1200px) {
  .historique > .page-left > .list-histo > .block-table-histo > .liste-histo-table + .liste-histo-table > ul > li > .list-histo-bulle > .list-histo-pic:before {
    margin-left: -50px; } }
@media only screen and (min-width: 1201px) and (max-width: 1919px) {
  .historique > .page-left > .list-histo > .block-table-histo > .liste-histo-table + .liste-histo-table > ul > li > .list-histo-bulle > .list-histo-pic:before {
    margin-left: -50px; } }
@media only screen and (min-width: 1920px) {
  .historique > .page-left > .list-histo > .block-table-histo > .liste-histo-table + .liste-histo-table > ul > li > .list-histo-bulle > .list-histo-pic:before {
    margin-left: -50px; } }
@media only screen and (max-width: 480px) {
  .historique > .page-left > .list-histo > .block-table-histo > .liste-histo-table + .liste-histo-table > ul > li > .list-histo-bulle > .list-histo-pic {
    padding-bottom: 30px; } }
@media only screen and (min-width: 481px) and (max-width: 1200px) {
  .historique > .page-left > .list-histo > .block-table-histo > .liste-histo-table + .liste-histo-table > ul > li > .list-histo-bulle > .list-histo-pic {
    width: 180px;
    padding-bottom: 50px; } }
@media only screen and (min-width: 1201px) and (max-width: 1919px) {
  .historique > .page-left > .list-histo > .block-table-histo > .liste-histo-table + .liste-histo-table > ul > li > .list-histo-bulle > .list-histo-pic {
    float: left;
    width: 180px; } }
@media only screen and (min-width: 1920px) {
  .historique > .page-left > .list-histo > .block-table-histo > .liste-histo-table + .liste-histo-table > ul > li > .list-histo-bulle > .list-histo-pic {
    float: left;
    width: 180px; } }
.historique > .page-left > .list-histo > .block-table-histo > .liste-histo-table + .liste-histo-table > ul > li > .list-histo-bulle > .list-histo-pic > .img-back {
  margin-left: 10px;
  opacity: 0.5;
  position: absolute;
  transform: rotate(-2deg);
  -ms-transform: rotate(-2deg);
  /* IE 9 */
  -webkit-transform: rotate(-2deg);
  /* Chrome, Safari, Opera */ }
@media only screen and (min-width: 1201px) and (max-width: 1919px) {
  .historique > .page-left > .list-histo > .block-table-histo > .liste-histo-table + .liste-histo-table > ul > li > .list-histo-bulle > .list-histo-pic > .img-back {
    height: 120px; } }
@media only screen and (min-width: 1920px) {
  .historique > .page-left > .list-histo > .block-table-histo > .liste-histo-table + .liste-histo-table > ul > li > .list-histo-bulle > .list-histo-pic > .img-back {
    height: 120px; } }
.historique > .page-left > .list-histo > .block-table-histo > .liste-histo-table + .liste-histo-table > ul > li > .list-histo-bulle > .list-histo-pic > .img-first {
  position: relative;
  margin-left: 20px;
  transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  /* IE 9 */
  -webkit-transform: rotate(3deg);
  /* Chrome, Safari, Opera */ }
@media only screen and (min-width: 1201px) and (max-width: 1919px) {
  .historique > .page-left > .list-histo > .block-table-histo > .liste-histo-table + .liste-histo-table > ul > li > .list-histo-bulle > .list-histo-pic > .img-first {
    height: 120px; } }
@media only screen and (min-width: 1920px) {
  .historique > .page-left > .list-histo > .block-table-histo > .liste-histo-table + .liste-histo-table > ul > li > .list-histo-bulle > .list-histo-pic > .img-first {
    height: 120px; } }

@keyframes appearLeft {
  0% {
    left: -200px;
    opacity: 0; }
  100% {
    left: 0px;
    opacity: 1; } }
@-webkit-keyframes appearLeft {
  0% {
    left: -200px;
    opacity: 0; }
  100% {
    left: 0px;
    opacity: 1; } }
@keyframes disappearLeft {
  0% {
    left: 0px;
    opacity: 1; }
  100% {
    left: -200px;
    opacity: 0; } }
@-webkit-keyframes disappearLeft {
  0% {
    left: 0px;
    opacity: 1; }
  100% {
    left: -200px;
    opacity: 0; } }
.appearance-left {
  animation-name: appearLeft;
  animation-duration: 1s;
  animation-timing-function: ease-out;
  animation-fill-mode: forwards;
  -webkit-animation-name: appearLeft;
  /* Chrome, Safari, Opera */
  -webkit-animation-duration: 1s;
  /* Chrome, Safari, Opera */
  -webkit-animation-timing-function: ease-out;
  /* Chrome, Safari, Opera */
  -webkit-animation-fill-mode: forwards;
  /* Chrome, Safari, Opera */
  display: block !important; }

.disappearance-left {
  animation-name: disappearLeft;
  animation-duration: 1s;
  animation-timing-function: ease-in;
  animation-fill-mode: forwards;
  -webkit-animation-name: disappearLeft;
  /* Chrome, Safari, Opera */
  -webkit-animation-duration: 1s;
  /* Chrome, Safari, Opera */
  -webkit-animation-timing-function: ease-in;
  /* Chrome, Safari, Opera */
  -webkit-animation-fill-mode: forwards;
  /* Chrome, Safari, Opera */ }

.cpf-quoi-formation {
  margin-bottom: 40px;
  margin-top: 30px; }
.cpf-quoi-formation > h1 {
  font: 300 33px/28px "Open Sans", sans-serif;
  text-transform: uppercase;
  color: #0a1b2f;
  padding-bottom: 20px; }
@media only screen and (min-width: 1201px) and (max-width: 1919px) {
  .cpf-quoi-formation > .page-left {
    float: left;
    width: 730px; } }
@media only screen and (min-width: 1920px) {
  .cpf-quoi-formation > .page-left {
    float: left;
    width: 800px; } }
.cpf-quoi-formation > .page-left h2 {
  color: #0a1b2f;
  font: 300 33px/28px "Open Sans", sans-serif;
  padding-bottom: 20px;
  text-transform: none;
  margin: 0;
  padding: 0;
  width: auto !important; }
@media only screen and (min-width: 1201px) and (max-width: 1919px) {
  .cpf-quoi-formation > .page-left > .cpf-quoi {
    padding: 35px;
    border: 1px solid #dddddd; } }
@media only screen and (min-width: 1920px) {
  .cpf-quoi-formation > .page-left > .cpf-quoi {
    padding: 35px;
    border: 1px solid #dddddd; } }
@media only screen and (min-width: 481px) and (max-width: 1200px) {
  .cpf-quoi-formation > .page-left > .cpf-quoi > .item-photo-galery {
    float: left;
    margin-right: 30px;
    width: 220px; } }
@media only screen and (min-width: 1201px) and (max-width: 1919px) {
  .cpf-quoi-formation > .page-left > .cpf-quoi > .item-photo-galery {
    float: left;
    margin-right: 30px;
    width: 220px; } }
@media only screen and (min-width: 1920px) {
  .cpf-quoi-formation > .page-left > .cpf-quoi > .item-photo-galery {
    float: left;
    margin-right: 30px;
    width: 220px; } }
@media only screen and (min-width: 481px) and (max-width: 1200px) {
  .cpf-quoi-formation > .page-left > .cpf-quoi > .item-text-what {
    float: left;
    width: 400px; } }
@media only screen and (min-width: 1201px) and (max-width: 1919px) {
  .cpf-quoi-formation > .page-left > .cpf-quoi > .item-text-what {
    float: left;
    width: 470px; } }
@media only screen and (min-width: 1920px) {
  .cpf-quoi-formation > .page-left > .cpf-quoi > .item-text-what {
    float: left;
    width: 470px; } }
.cpf-quoi-formation > .page-left > .cpf-quoi > .item-text-what .bleu {
  color: #2ea9c4; }
.cpf-quoi-formation > .page-left > .cpf-quoi > .item-text-what p {
  padding: 0px;
  margin: 0px; }
.cpf-quoi-formation > .page-left > .cpf-formation {
  background-color: #dd2e35;
  color: #fff;
  padding: 30px;
  margin-top: 50px; }
@media only screen and (min-width: 481px) and (max-width: 1200px) {
  .cpf-quoi-formation > .page-left > .cpf-formation {
    transform: rotate(-1deg);
    line-height: 15px; } }
@media only screen and (min-width: 1201px) and (max-width: 1919px) {
  .cpf-quoi-formation > .page-left > .cpf-formation {
    transform: rotate(-1deg);
    line-height: 15px; } }
@media only screen and (min-width: 1920px) {
  .cpf-quoi-formation > .page-left > .cpf-formation {
    transform: rotate(-1deg);
    line-height: 15px; } }
.cpf-quoi-formation > .page-left > .cpf-formation > h2 {
  color: #fff;
  margin-bottom: 20px; }
.cpf-quoi-formation > .page-left > ul {
  margin-left: 13px;
  margin-bottom: 20px;
  padding: 0px; }
.cpf-quoi-formation > .page-left > ul > li:before {
  border-bottom: 4px solid transparent;
  border-left: 4px solid #5a5964;
  border-top: 4px solid transparent;
  content: "";
  height: 0;
  margin-top: 6px;
  margin-left: -13px;
  position: absolute;
  width: 0; }
.cpf-quoi-formation > .page-left > ul > li {
  list-style: outside none none; }
.cpf-quoi-formation > .page-left > ul > ul {
  margin-bottom: 15px;
  margin-left: 13px;
  margin-top: 5px;
  padding: 0; }
.cpf-quoi-formation > .page-left > ul > ul > li:before {
  border-bottom: 4px solid transparent;
  border-left: 4px solid #49bffc;
  border-top: 4px solid transparent;
  content: "";
  height: 0;
  margin-top: 6px;
  margin-left: -13px;
  position: absolute;
  width: 0; }
.cpf-quoi-formation > .page-left > ul > ul > li {
  list-style: outside none none;
  color: #49bffc; }
.cpf-quoi-formation > .page-left > ul > ul > li > a {
  color: #49bffc; }
.cpf-quoi-formation > .page-left a {
  color: #5a5964;
  text-decoration: underline;
  transition: all 0.25s ease 0s; }
.cpf-quoi-formation > .page-left a:hover {
  color: #39c4fd; }
.cpf-quoi-formation > .page-left > p {
  margin-bottom: 20px;
  margin-top: 0;
  padding-top: 0; }
.cpf-quoi-formation > .page-left > table tr > td {
  vertical-align: top; }
.cpf-quoi-formation > .page-left > table tr > td > h2 {
  color: #0a1b2f;
  font: 300 33px/28px "Open Sans", sans-serif;
  padding-bottom: 20px;
  text-transform: none;
  margin: 0;
  padding: 0;
  width: auto !important; }
.cpf-quoi-formation > .page-left > table tr > td .noir11 {
  font-weight: bold;
  color: #000; }

.cpfprocedure {
  padding-bottom: 40px;
  padding-top: 50px; }
.cpfprocedure h1 {
  font: 300 33px/28px "Open Sans", sans-serif;
  text-transform: uppercase;
  color: #0a1b2f;
  padding-bottom: 40px; }
.cpfprocedure p {
  margin-top: 0px;
  margin-bottom: 10px; }
.cpfprocedure > .page-left > .list-procedure {
  padding-left: 20px;
  position: relative; }
.cpfprocedure > .page-left > .list-procedure > .block-table-histo > .liste-histo-table {
  position: relative;
  display: table-cell; }
@media only screen and (min-width: 1201px) and (max-width: 1919px) {
  .cpfprocedure > .page-left > .list-procedure > .block-table-histo > .liste-histo-table {
    width: 100%; } }
@media only screen and (min-width: 1920px) {
  .cpfprocedure > .page-left > .list-procedure > .block-table-histo > .liste-histo-table {
    width: 100%; } }
.cpfprocedure > .page-left > .list-procedure > .block-table-histo > .liste-histo-table:first-child {
  border-left: 2px solid #fff;
  width: 0px;
  vertical-align: top; }
.cpfprocedure > .page-left > .list-procedure > .block-table-histo > .liste-histo-table + .liste-histo-table {
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  -o-hyphens: auto;
  hyphens: auto; }
.cpfprocedure > .page-left > .list-procedure > .block-table-histo > .liste-histo-table + .liste-histo-table > ul {
  padding: 0px;
  margin: 0; }
.cpfprocedure > .page-left > .list-procedure > .block-table-histo > .liste-histo-table + .liste-histo-table > ul > li {
  clear: both;
  list-style: none; }
@media only screen and (min-width: 481px) and (max-width: 1200px) {
  .cpfprocedure > .page-left > .list-procedure > .block-table-histo > .liste-histo-table + .liste-histo-table > ul > li {
    padding-bottom: 35px; } }
@media only screen and (min-width: 1201px) and (max-width: 1919px) {
  .cpfprocedure > .page-left > .list-procedure > .block-table-histo > .liste-histo-table + .liste-histo-table > ul > li {
    padding-bottom: 35px; } }
@media only screen and (min-width: 1920px) {
  .cpfprocedure > .page-left > .list-procedure > .block-table-histo > .liste-histo-table + .liste-histo-table > ul > li {
    padding-bottom: 35px; } }
.cpfprocedure > .page-left > .list-procedure > .block-table-histo > .liste-histo-table + .liste-histo-table > ul > li > .list-histo-year {
  color: #2ea9c4;
  text-transform: uppercase;
  transform: rotate(-7deg);
  margin-left: -10px; }
@media only screen and (max-width: 480px) {
  .cpfprocedure > .page-left > .list-procedure > .block-table-histo > .liste-histo-table + .liste-histo-table > ul > li > .list-histo-year {
    padding-bottom: 50px;
    font: 500 40px/28px "Open Sans", sans-serif; } }
@media only screen and (min-width: 481px) and (max-width: 1200px) {
  .cpfprocedure > .page-left > .list-procedure > .block-table-histo > .liste-histo-table + .liste-histo-table > ul > li > .list-histo-year {
    float: left;
    width: 10%;
    margin-top: 40px;
    padding-bottom: 20px;
    font: 300 76px/28px "Open Sans", sans-serif; } }
@media only screen and (min-width: 1201px) and (max-width: 1919px) {
  .cpfprocedure > .page-left > .list-procedure > .block-table-histo > .liste-histo-table + .liste-histo-table > ul > li > .list-histo-year {
    float: left;
    width: 10%;
    margin-top: 60px;
    padding-bottom: 20px;
    font: 300 76px/28px "Open Sans", sans-serif; } }
@media only screen and (min-width: 1920px) {
  .cpfprocedure > .page-left > .list-procedure > .block-table-histo > .liste-histo-table + .liste-histo-table > ul > li > .list-histo-year {
    float: left;
    width: 10%;
    margin-top: 60px;
    padding-bottom: 20px;
    font: 300 76px/28px "Open Sans", sans-serif; } }
.cpfprocedure > .page-left > .list-procedure > .block-table-histo > .liste-histo-table + .liste-histo-table > ul > li > .list-histo-year > .list-histo-tiret {
  font-size: 60px; }
.cpfprocedure > .page-left > .list-procedure > .block-table-histo > .liste-histo-table + .liste-histo-table > ul > li > .list-histo-bulle {
  border-radius: 0;
  float: left; }
@media only screen and (max-width: 480px) {
  .cpfprocedure > .page-left > .list-procedure > .block-table-histo > .liste-histo-table + .liste-histo-table > ul > li > .list-histo-bulle {
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 20px; } }
@media only screen and (min-width: 481px) and (max-width: 1200px) {
  .cpfprocedure > .page-left > .list-procedure > .block-table-histo > .liste-histo-table + .liste-histo-table > ul > li > .list-histo-bulle {
    width: 60%;
    background-color: #e5e3df;
    border: 1px solid #eee;
    padding: 20px; } }
@media only screen and (min-width: 1201px) and (max-width: 1919px) {
  .cpfprocedure > .page-left > .list-procedure > .block-table-histo > .liste-histo-table + .liste-histo-table > ul > li > .list-histo-bulle {
    width: 80%;
    background-color: #e5e3df;
    border: 1px solid #eee;
    padding: 20px; } }
@media only screen and (min-width: 1920px) {
  .cpfprocedure > .page-left > .list-procedure > .block-table-histo > .liste-histo-table + .liste-histo-table > ul > li > .list-histo-bulle {
    width: 80%;
    background-color: #e5e3df;
    border: 1px solid #eee;
    padding: 20px; } }
@media only screen and (max-width: 480px) {
  .cpfprocedure > .page-left > .list-procedure > .block-table-histo > .liste-histo-table + .liste-histo-table > ul > li > .list-histo-bulle > .list-histo-txt {
    border-bottom: 1px solid #eee;
    padding-bottom: 20px; } }
@media only screen and (min-width: 481px) and (max-width: 1200px) {
  .cpfprocedure > .page-left > .list-procedure > .block-table-histo > .liste-histo-table + .liste-histo-table > ul > li > .list-histo-bulle > .list-histo-txt {
    float: left;
    margin-right: 20px; } }
@media only screen and (min-width: 1201px) and (max-width: 1919px) {
  .cpfprocedure > .page-left > .list-procedure > .block-table-histo > .liste-histo-table + .liste-histo-table > ul > li > .list-histo-bulle > .list-histo-txt {
    float: left;
    width: 620px; } }
@media only screen and (min-width: 1920px) {
  .cpfprocedure > .page-left > .list-procedure > .block-table-histo > .liste-histo-table + .liste-histo-table > ul > li > .list-histo-bulle > .list-histo-txt {
    float: left;
    width: 620px; } }
.cpfprocedure > .page-left > .list-procedure > .block-table-histo > .liste-histo-table + .liste-histo-table > ul > li > .list-histo-bulle > .list-histo-txt .bleu {
  color: #2ea9c4; }
.cpfprocedure > .page-left > .list-procedure > .block-table-histo > .liste-histo-table + .liste-histo-table > ul > li > .list-histo-bulle > .list-histo-txt a {
  color: #2ea9c4;
  text-decoration: underline; }
@media only screen and (min-width: 1201px) and (max-width: 1919px) {
  .cpfprocedure > .page-left > .list-procedure > .block-table-histo > .liste-histo-table + .liste-histo-table > ul > li > .list-histo-bulle > .list-histo-txt > p {
    width: 590px; } }
@media only screen and (min-width: 1920px) {
  .cpfprocedure > .page-left > .list-procedure > .block-table-histo > .liste-histo-table + .liste-histo-table > ul > li > .list-histo-bulle > .list-histo-txt > p {
    width: 590px; } }
.cpfprocedure > .page-left > .list-procedure > .block-table-histo > .liste-histo-table + .liste-histo-table > ul > li > .list-histo-bulle > .list-histo-txt > ul {
  padding: 0px;
  margin-left: 15px; }
.cpfprocedure > .page-left > .list-procedure > .block-table-histo > .liste-histo-table + .liste-histo-table > ul > li > .list-histo-bulle > .list-histo-pic:before {
  border-bottom: 30px solid transparent;
  border-right: 30px solid #e5e3df;
  border-top: 30px solid transparent;
  content: "";
  height: 0;
  margin-top: 30px;
  position: absolute;
  width: 0; }
@media only screen and (max-width: 480px) {
  .cpfprocedure > .page-left > .list-procedure > .block-table-histo > .liste-histo-table + .liste-histo-table > ul > li > .list-histo-bulle > .list-histo-pic:before {
    display: none; } }
@media only screen and (min-width: 481px) and (max-width: 1200px) {
  .cpfprocedure > .page-left > .list-procedure > .block-table-histo > .liste-histo-table + .liste-histo-table > ul > li > .list-histo-bulle > .list-histo-pic:before {
    margin-left: -50px; } }
@media only screen and (min-width: 1201px) and (max-width: 1919px) {
  .cpfprocedure > .page-left > .list-procedure > .block-table-histo > .liste-histo-table + .liste-histo-table > ul > li > .list-histo-bulle > .list-histo-pic:before {
    margin-left: -50px; } }
@media only screen and (min-width: 1920px) {
  .cpfprocedure > .page-left > .list-procedure > .block-table-histo > .liste-histo-table + .liste-histo-table > ul > li > .list-histo-bulle > .list-histo-pic:before {
    margin-left: -50px; } }
@media only screen and (max-width: 480px) {
  .cpfprocedure > .page-left > .list-procedure > .block-table-histo > .liste-histo-table + .liste-histo-table > ul > li > .list-histo-bulle > .list-histo-pic {
    padding-bottom: 30px; } }
@media only screen and (min-width: 481px) and (max-width: 1200px) {
  .cpfprocedure > .page-left > .list-procedure > .block-table-histo > .liste-histo-table + .liste-histo-table > ul > li > .list-histo-bulle > .list-histo-pic {
    width: 180px;
    padding-bottom: 50px; } }
@media only screen and (min-width: 1201px) and (max-width: 1919px) {
  .cpfprocedure > .page-left > .list-procedure > .block-table-histo > .liste-histo-table + .liste-histo-table > ul > li > .list-histo-bulle > .list-histo-pic {
    float: left;
    width: 180px; } }
@media only screen and (min-width: 1920px) {
  .cpfprocedure > .page-left > .list-procedure > .block-table-histo > .liste-histo-table + .liste-histo-table > ul > li > .list-histo-bulle > .list-histo-pic {
    float: left;
    width: 180px; } }
.cpfprocedure > .page-left > .list-procedure > .block-table-histo > .liste-histo-table + .liste-histo-table > ul > li > .list-histo-bulle > .list-histo-pic > .img-back {
  margin-left: 10px;
  opacity: 0.5;
  position: absolute;
  transform: rotate(-2deg);
  -ms-transform: rotate(-2deg);
  /* IE 9 */
  -webkit-transform: rotate(-2deg);
  /* Chrome, Safari, Opera */ }
@media only screen and (min-width: 1201px) and (max-width: 1919px) {
  .cpfprocedure > .page-left > .list-procedure > .block-table-histo > .liste-histo-table + .liste-histo-table > ul > li > .list-histo-bulle > .list-histo-pic > .img-back {
    height: 120px; } }
@media only screen and (min-width: 1920px) {
  .cpfprocedure > .page-left > .list-procedure > .block-table-histo > .liste-histo-table + .liste-histo-table > ul > li > .list-histo-bulle > .list-histo-pic > .img-back {
    height: 120px; } }
.cpfprocedure > .page-left > .list-procedure > .block-table-histo > .liste-histo-table + .liste-histo-table > ul > li > .list-histo-bulle > .list-histo-pic > .img-first {
  position: relative;
  margin-left: 20px;
  transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  /* IE 9 */
  -webkit-transform: rotate(3deg);
  /* Chrome, Safari, Opera */ }
@media only screen and (min-width: 1201px) and (max-width: 1919px) {
  .cpfprocedure > .page-left > .list-procedure > .block-table-histo > .liste-histo-table + .liste-histo-table > ul > li > .list-histo-bulle > .list-histo-pic > .img-first {
    height: 120px; } }
@media only screen and (min-width: 1920px) {
  .cpfprocedure > .page-left > .list-procedure > .block-table-histo > .liste-histo-table + .liste-histo-table > ul > li > .list-histo-bulle > .list-histo-pic > .img-first {
    height: 120px; } }

@keyframes appearLeft {
  0% {
    left: -200px;
    opacity: 0; }
  100% {
    left: 0px;
    opacity: 1; } }
@-webkit-keyframes appearLeft {
  0% {
    left: -200px;
    opacity: 0; }
  100% {
    left: 0px;
    opacity: 1; } }
@keyframes disappearLeft {
  0% {
    left: 0px;
    opacity: 1; }
  100% {
    left: -200px;
    opacity: 0; } }
@-webkit-keyframes disappearLeft {
  0% {
    left: 0px;
    opacity: 1; }
  100% {
    left: -200px;
    opacity: 0; } }
.appearance-left {
  animation-name: appearLeft;
  animation-duration: 1s;
  animation-timing-function: ease-out;
  animation-fill-mode: forwards;
  -webkit-animation-name: appearLeft;
  /* Chrome, Safari, Opera */
  -webkit-animation-duration: 1s;
  /* Chrome, Safari, Opera */
  -webkit-animation-timing-function: ease-out;
  /* Chrome, Safari, Opera */
  -webkit-animation-fill-mode: forwards;
  /* Chrome, Safari, Opera */
  display: block !important; }

.disappearance-left {
  animation-name: disappearLeft;
  animation-duration: 1s;
  animation-timing-function: ease-in;
  animation-fill-mode: forwards;
  -webkit-animation-name: disappearLeft;
  /* Chrome, Safari, Opera */
  -webkit-animation-duration: 1s;
  /* Chrome, Safari, Opera */
  -webkit-animation-timing-function: ease-in;
  /* Chrome, Safari, Opera */
  -webkit-animation-fill-mode: forwards;
  /* Chrome, Safari, Opera */ }

.contact {
  padding-bottom: 40px;
  padding-top: 30px; }
.contact h3 {
  font: 300 33px/28px "Open Sans", sans-serif;
  text-transform: uppercase;
  color: #0a1b2f;
  padding-bottom: 20px; }
.contact h2 {
  margin-bottom: 30px;
  padding-bottom: 20px;
  color: #202020; }
@media only screen and (min-width: 481px) and (max-width: 1200px) {
  .contact h2 {
    width: 360px; } }
@media only screen and (min-width: 1201px) and (max-width: 1919px) {
  .contact h2 {
    width: 360px; } }
@media only screen and (min-width: 1920px) {
  .contact h2 {
    width: 360px; } }
.contact p {
  margin-top: 0px;
  margin-bottom: 10px; }
@media only screen and (max-width: 480px) {
  .contact > .ligne1 > .col1 {
    padding: 10px; } }
@media only screen and (min-width: 481px) and (max-width: 1200px) {
  .contact > .ligne1 > .col1 {
    padding: 10px; } }
@media only screen and (min-width: 1201px) and (max-width: 1919px) {
  .contact > .ligne1 > .col1 {
    float: left;
    width: 310px;
    margin-right: 90px; } }
@media only screen and (min-width: 1920px) {
  .contact > .ligne1 > .col1 {
    float: left;
    width: 330px;
    margin-right: 90px; } }
@media only screen and (max-width: 480px) {
  .contact > .ligne1 > .col2 {
    padding: 10px; } }
@media only screen and (min-width: 481px) and (max-width: 1200px) {
  .contact > .ligne1 > .col2 {
    padding: 10px; } }
@media only screen and (min-width: 1201px) and (max-width: 1919px) {
  .contact > .ligne1 > .col2 {
    float: left;
    width: 360px;
    margin-right: 90px; } }
@media only screen and (min-width: 1920px) {
  .contact > .ligne1 > .col2 {
    float: left;
    width: 360px;
    margin-right: 90px; } }
.contact > .ligne1 > .col2 > .content-horaire {
  background-color: #E5E3DF;
  padding: 15px;
  margin-bottom: 25px;
  transform: rotate(-2deg); }
.contact > .ligne1 > .col2 > .content-horaire > p {
  margin-bottom: 5px;
  padding: 0px; }
@media only screen and (max-width: 480px) {
  .contact > .ligne1 > .col3 {
    padding: 10px; } }
@media only screen and (min-width: 481px) and (max-width: 1200px) {
  .contact > .ligne1 > .col3 {
    padding: 10px; } }
@media only screen and (min-width: 1201px) and (max-width: 1919px) {
  .contact > .ligne1 > .col3 {
    float: left;
    width: 300px; } }
@media only screen and (min-width: 1920px) {
  .contact > .ligne1 > .col3 {
    float: left;
    width: 350px; } }
.contact > .ligne1 > .col3 > .coordonnees .txt {
  font-family: "PT Sans", sans-serif;
  margin-left: 10px;
  margin-bottom: 5px; }
.contact > .ligne1 > .col3 > .coordonnees > img {
  background-color: #fff;
  padding-right: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
  border-radius: 4px;
  margin-bottom: 20px; }
.contact > .ligne1 > .col3 > .coordonnees > .ste {
  font-size: 20px;
  font-weight: bold;
  color: #FFF; }
.contact > .ligne1 > .col3 > .coordonnees > .tel {
  background: url("gfx/ico_coord_tel.png") no-repeat;
  padding-left: 25px; }
.contact > .ligne1 > .col3 > .coordonnees > .email {
  background: url("gfx/ico_coord_mail.png") no-repeat;
  padding-left: 25px; }
.contact > .ligne1 > .col3 > .coordonnees > .annexe {
  padding-top: 10px; }
.contact > .ligne1 > .col3 > .coordonnees > .annexe a {
  color: #0D3B90;
  text-decoration: underline; }
.contact > .ligne1 > .col3 > .coordonnees > .icon-envelop > a {
  color: #5a5964;
  text-decoration: underline; }
.contact > .ligne1 img {
  border-radius: 5px; }
@media only screen and (max-width: 480px) {
  .contact > .ligne1 img {
    padding: 10px; } }
@media only screen and (min-width: 481px) and (max-width: 1200px) {
  .contact > .ligne1 img {
    float: left;
    margin-right: 10px; } }
@media only screen and (min-width: 1201px) and (max-width: 1919px) {
  .contact > .ligne1 img {
    float: left;
    margin-right: 10px; } }
@media only screen and (min-width: 1920px) {
  .contact > .ligne1 img {
    float: left;
    margin-right: 10px; } }
.contact > .ligne1 a {
  color: #0D3B90;
  text-decoration: underline; }
.contact > .ligne2 {
  margin-bottom: 40px; }
@media only screen and (max-width: 480px) {
  .contact > .ligne2 {
    padding: 10px; } }
@media only screen and (min-width: 481px) and (max-width: 1200px) {
  .contact > .ligne2 {
    padding: 10px; } }
@media only screen and (min-width: 1201px) and (max-width: 1919px) {
  .contact > .ligne2 {
    float: left;
    width: 770px; } }
@media only screen and (min-width: 1920px) {
  .contact > .ligne2 {
    float: left;
    width: 770px; } }
.contact > .ligne2 > h2 {
  padding-bottom: 20px;
  margin-bottom: 30px;
  color: #202020; }
@media only screen and (min-width: 481px) and (max-width: 1200px) {
  .contact > .ligne2 > h2 {
    width: 380px; } }
@media only screen and (min-width: 1201px) and (max-width: 1919px) {
  .contact > .ligne2 > h2 {
    width: 380px; } }
@media only screen and (min-width: 1920px) {
  .contact > .ligne2 > h2 {
    width: 380px; } }
.contact > .ligne2 > .first-line > input {
  float: left;
  border: 1px solid #ccc;
  width: 230px;
  padding: 5px;
  color: #5a5964;
  font-family: "PT Sans", sans-serif;
  font-size: 15px; }
@media only screen and (max-width: 480px) {
  .contact > .ligne2 > .first-line > input {
    margin-bottom: 10px; } }
@media only screen and (min-width: 481px) and (max-width: 1200px) {
  .contact > .ligne2 > .first-line > input {
    margin-bottom: 10px; } }
.contact > .ligne2 > .second-line {
  clear: both;
  padding-top: 20px; }
@media only screen and (min-width: 481px) and (max-width: 1200px) {
  .contact > .ligne2 > .second-line > .input-adress {
    width: 380px !important; } }
@media only screen and (min-width: 1201px) and (max-width: 1919px) {
  .contact > .ligne2 > .second-line > .input-adress {
    width: 380px !important; } }
@media only screen and (min-width: 1920px) {
  .contact > .ligne2 > .second-line > .input-adress {
    width: 380px !important; } }
.contact > .ligne2 > .second-line > input[type="text"] {
  float: left;
  border: 1px solid #ccc;
  width: 230px;
  padding: 5px;
  color: #5a5964;
  font-family: "PT Sans", sans-serif;
  font-size: 15px; }
@media only screen and (max-width: 480px) {
  .contact > .ligne2 > .second-line > input[type="text"] {
    margin-bottom: 10px; } }
@media only screen and (min-width: 481px) and (max-width: 1200px) {
  .contact > .ligne2 > .second-line > input[type="text"] {
    margin-bottom: 10px; } }
.contact > .ligne2 > .second-line > textarea {
  border: 1px solid #ccc;
  height: 250px;
  padding: 5px;
  color: #5a5964;
  font-family: "PT Sans", sans-serif;
  font-size: 15px; }
@media only screen and (max-width: 480px) {
  .contact > .ligne2 > .second-line > textarea {
    width: 90%; } }
@media only screen and (min-width: 481px) and (max-width: 1200px) {
  .contact > .ligne2 > .second-line > textarea {
    width: 90%; } }
@media only screen and (min-width: 1201px) and (max-width: 1919px) {
  .contact > .ligne2 > .second-line > textarea {
    width: 1180px;
    height: 231px; } }
@media only screen and (min-width: 1920px) {
  .contact > .ligne2 > .second-line > textarea {
    width: 1180px;
    height: 231px; } }
.contact > .ligne2 > .second-line input[type="submit"], .contact > .ligne2 > .second-line input[type="reset"] {
  font-family: "PT Sans", sans-serif;
  font-size: 13px;
  border: 0px;
  padding: 8px;
  border-radius: 0px;
  cursor: pointer;
  background-color: #4EAEC4;
  color: #fff;
  float: left;
  margin-right: 5px; }
.contact > .ligne2 > .second-line input[type="submit"]:hover, .contact > .ligne2 > .second-line input[type="reset"]:hover {
  background-color: #5FF4FF;
  color: #fff; }
.contact > .ligne2 > .second-line > .infocontact {
  margin-top: 10px;
  float: left;
  margin-left: 10px; }

.page {
  margin-bottom: 40px;
  margin-top: 30px; }
.page > h1 {
  font: 300 33px/28px "Open Sans", sans-serif;
  text-transform: uppercase;
  color: #0a1b2f;
  padding-bottom: 20px; }
@media only screen and (min-width: 1201px) and (max-width: 1919px) {
  .page > .page-left {
    float: left;
    width: 730px;
    padding: 35px;
    border: 1px solid #dddddd; } }
@media only screen and (min-width: 1920px) {
  .page > .page-left {
    float: left;
    width: 800px;
    padding: 35px;
    border: 1px solid #dddddd; } }
.page > .page-left h2 {
  color: #0a1b2f;
  font: 300 33px/28px "Open Sans", sans-serif;
  padding-bottom: 20px;
  text-transform: none;
  margin: 0;
  padding: 0;
  width: auto !important; }
.page > .page-left > .item-photo-galery {
  float: left;
  margin-bottom: 20px;
  margin-right: 20px;
  width: 400px; }
.page > .page-left > ul {
  margin-left: 13px;
  margin-bottom: 20px;
  padding: 0px; }
.page > .page-left > ul > li:before {
  border-bottom: 4px solid transparent;
  border-left: 4px solid #5a5964;
  border-top: 4px solid transparent;
  content: "";
  height: 0;
  margin-top: 6px;
  margin-left: -13px;
  position: absolute;
  width: 0; }
.page > .page-left > ul > li {
  list-style: outside none none; }
.page > .page-left > ul > ul {
  margin-bottom: 15px;
  margin-left: 13px;
  margin-top: 5px;
  padding: 0; }
.page > .page-left > ul > ul > li:before {
  border-bottom: 4px solid transparent;
  border-left: 4px solid #49bffc;
  border-top: 4px solid transparent;
  content: "";
  height: 0;
  margin-top: 6px;
  margin-left: -13px;
  position: absolute;
  width: 0; }
.page > .page-left > ul > ul > li {
  list-style: outside none none;
  color: #49bffc; }
.page > .page-left > ul > ul > li > a {
  color: #49bffc; }
.page > .page-left a {
  color: #5a5964;
  text-decoration: underline;
  transition: all 0.25s ease 0s; }
.page > .page-left a:hover {
  color: #39c4fd; }
.page > .page-left > p {
  margin-bottom: 20px; }
.page > .page-left > table tr > td {
  vertical-align: top; }
.page > .page-left > table tr > td > h2 {
  color: #0a1b2f;
  font: 300 33px/28px "Open Sans", sans-serif;
  padding-bottom: 20px;
  text-transform: none;
  margin: 0;
  padding: 0;
  width: auto !important; }
.page > .page-left > table tr > td .noir11 {
  font-weight: bold;
  color: #000; }
.page > .page-left > .liste-autres-langues > ul {
  list-style: none;
  margin-bottom: 20px;
  padding: 0; }
.page > .page-left > .liste-autres-langues > ul > li > a {
  background-color: #f4f4f4;
  border-radius: 10px;
  color: #333333;
  margin-bottom: 20px;
  padding: 20px;
  display: block;
  transition: all 0.25s ease 0s;
  text-decoration: none; }
.page > .page-left > .liste-autres-langues > ul > li > a > .col-img {
  float: left; }
.page > .page-left > .liste-autres-langues > ul > li > a > .col-img > img {
  margin-right: 20px;
  width: 50px; }
.page > .page-left > .liste-autres-langues > ul > li > a > .col-txt {
  float: left; }
.page > .page-left > .liste-autres-langues > ul > li > a > .col-txt > .title {
  color: #49bffc;
  font-size: 28px;
  letter-spacing: 0;
  line-height: 1.2em;
  text-transform: none; }
.page > .page-left > .liste-autres-langues > ul > li > a > .col-txt > .extrait {
  height: 55px;
  overflow: hidden;
  margin-top: 10px;
  margin-bottom: 10px;
  word-wrap: break-word;
  width: 600px;
  -o-text-overflow: ellipsis;
  /* pour Opera 9 */
  text-overflow: ellipsis;
  /* pour le reste du monde */ }
.page > .page-left > .liste-autres-langues > ul > li > a:hover {
  box-shadow: 0px 0px 3px #ccc;
  background-color: #595959;
  color: #fff; }
@media only screen and (max-width: 480px) {
  .page > .page-left > .partenariat > .partenariat-ligne1-left {
    width: 100%;
    margin-bottom: 20px; } }
@media only screen and (min-width: 481px) and (max-width: 1200px) {
  .page > .page-left > .partenariat > .partenariat-ligne1-left {
    float: left;
    width: 25%;
    margin-right: 40px;
    margin-bottom: 20px; } }
@media only screen and (min-width: 1201px) and (max-width: 1919px) {
  .page > .page-left > .partenariat > .partenariat-ligne1-left {
    float: left;
    width: 225px;
    margin-right: 40px; } }
@media only screen and (min-width: 1920px) {
  .page > .page-left > .partenariat > .partenariat-ligne1-left {
    float: left;
    width: 225px;
    margin-right: 40px; } }
@media only screen and (min-width: 481px) and (max-width: 1200px) {
  .page > .page-left > .partenariat > .partenariat-ligne1-right {
    float: left;
    width: 65%; } }
@media only screen and (min-width: 1201px) and (max-width: 1919px) {
  .page > .page-left > .partenariat > .partenariat-ligne1-right {
    float: left;
    width: 525px; } }
@media only screen and (min-width: 1920px) {
  .page > .page-left > .partenariat > .partenariat-ligne1-right {
    float: left;
    width: 525px; } }
.page > .page-left > .partenariat > .partenariat-ligne1-right > h2 {
  margin-bottom: 20px; }
.page > .page-left > .partenariat > .partenariat-ligne1-right > ul {
  margin-top: 20px;
  padding: 0px; }
.page > .page-left > .partenariat > .partenariat-ligne1-right > ul > li {
  list-style: none;
  margin-bottom: 20px; }
@media only screen and (min-width: 481px) and (max-width: 1200px) {
  .page > .page-left > .partenariat > .partenariat-ligne1-right > ul > li {
    width: 380px; } }
@media only screen and (min-width: 1201px) and (max-width: 1919px) {
  .page > .page-left > .partenariat > .partenariat-ligne1-right > ul > li {
    width: 450px; } }
@media only screen and (min-width: 1920px) {
  .page > .page-left > .partenariat > .partenariat-ligne1-right > ul > li {
    width: 450px; } }

@media only screen and (max-width: 480px) {
  .page-right {
    display: none; } }
@media only screen and (min-width: 481px) and (max-width: 1200px) {
  .page-right {
    display: none; } }
@media only screen and (min-width: 1201px) and (max-width: 1919px) {
  .page-right {
    float: left;
    width: 325px;
    margin-left: 20px; } }
@media only screen and (min-width: 1920px) {
  .page-right {
    float: left;
    width: 325px;
    margin-left: 20px; } }
.page-right > .block-sub-menu {
  margin-bottom: 40px; }
.page-right > .block-sub-menu > h2 {
  margin-bottom: 0px; }
.page-right > .block-sub-menu > ul {
  margin-top: 20px;
  padding: 0; }
.page-right > .block-sub-menu > ul > li {
  list-style: outside none none; }
.page-right > .block-sub-menu > ul > li > a:before {
  border-bottom: 5px solid transparent;
  border-left: 5px solid #4eaec4;
  border-top: 5px solid transparent;
  content: "";
  height: 0;
  margin-top: 5px;
  position: absolute;
  width: 0;
  margin-left: -10px;
  transition: all 0.15s ease 0s; }
.page-right > .block-sub-menu > ul > li > a {
  color: #4eaec4;
  font: normal 14px "Open Sans", sans-serif;
  text-decoration: none;
  display: block;
  margin-bottom: 0px;
  padding-left: 20px;
  padding-bottom: 2px;
  padding-top: 2px;
  transition: all 0.20s ease 0s; }
.page-right > .block-sub-menu > ul > li > a > img {
  width: 25px;
  float: left;
  margin-right: 30px; }
.page-right > .block-sub-menu > ul > li:hover > a {
  color: #fff;
  background-color: #FFAB1A; }
.page-right > .block-sub-menu > ul > li:hover > a:before {
  border-left: 5px solid #fff; }
.page-right > .block-sub-menu > ul > li > ul {
  margin: 0 0 0 32px;
  padding: 0; }
.page-right > .block-sub-menu > ul > li > ul > li > a {
  color: #000; }
.page-right > .block-sub-menu > ul > li > ul > li > a:hover {
  color: #49bffc; }
.page-right > .block-cpf {
  margin-bottom: 10px; }
.page-right > .block-cpf > .header-layer2-content {
  background-color: #EC6552;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2) inset;
  padding: 20px; }
.page-right > .block-cpf > .header-layer2-content > h3 {
  color: #fff;
  font: 500 32px/27px "Open Sans",sans-serif;
  text-transform: uppercase;
  padding-bottom: 12px;
  margin-top: 5px; }
.page-right > .block-cpf > .header-layer2-content > .cpfslogan > b {
  display: block;
  font-size: 21px;
  padding-bottom: 5px; }
.page-right > .block-cpf > .header-layer2-content > .header-layer2-txt {
  color: #fff;
  font: 500 14px/17px "Open Sans"; }
@media only screen and (min-width: 1201px) and (max-width: 1919px) {
  .page-right > .block-cpf > .header-layer2-content > .header-layer2-txt {
    margin-bottom: 40px; } }
@media only screen and (min-width: 1920px) {
  .page-right > .block-cpf > .header-layer2-content > .header-layer2-txt {
    margin-bottom: 40px; } }
.page-right > .block-cpf > .header-layer2-content > .btn_more {
  background-color: #fff;
  color: #dd2e35;
  font: 500 20px/45px "Open Sans",sans-serif;
  padding: 12px; }
.page-right > .block-cpf-offre {
  background-color: #EC6552;
  margin-bottom: 10px; }
.page-right > .block-cpf-offre > .header-layer2-content {
  padding: 20px; }
.page-right > .block-cpf-offre > .header-layer2-content > h3 {
  font: 500 32px/27px "Open Sans",sans-serif;
  text-transform: uppercase;
  padding-bottom: 12px;
  margin-top: 5px; }
.page-right > .block-cpf-offre > .header-layer2-content > .header-layer2-txt {
  font: 500 14px/17px "Open Sans"; }
@media only screen and (min-width: 1201px) and (max-width: 1919px) {
  .page-right > .block-cpf-offre > .header-layer2-content > .header-layer2-txt {
    margin-bottom: 40px; } }
@media only screen and (min-width: 1920px) {
  .page-right > .block-cpf-offre > .header-layer2-content > .header-layer2-txt {
    margin-bottom: 40px; } }
.page-right > .block-cpf-offre > .header-layer2-content > .block-pdf {
  border-radius: 5px;
  width: 100px;
  text-align: center;
  background-color: #fff; }
@media only screen and (max-width: 480px) {
  .page-right > .block-cpf-offre > .header-layer2-content > .block-pdf {
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 20px; } }
@media only screen and (min-width: 481px) and (max-width: 1200px) {
  .page-right > .block-cpf-offre > .header-layer2-content > .block-pdf {
    margin-right: 10px;
    padding: 10px;
    margin-bottom: 10px; } }
@media only screen and (min-width: 1201px) and (max-width: 1919px) {
  .page-right > .block-cpf-offre > .header-layer2-content > .block-pdf {
    margin-right: 10px;
    padding: 10px;
    margin-bottom: 10px; } }
@media only screen and (min-width: 1920px) {
  .page-right > .block-cpf-offre > .header-layer2-content > .block-pdf {
    margin-right: 10px;
    padding: 10px;
    margin-bottom: 10px; } }
.page-right > .block-cpf-offre > .header-layer2-content > .block-pdf > a > img {
  position: relative;
  animation: bounce 0.7s ease infinite; }
.page-right > .block-cpf-offre > .header-layer2-content > .block-pdf > a > .block-pdf-txt {
  text-align: center;
  line-height: 11px;
  padding-top: 10px;
  font-size: 11px;
  color: #2ea9c4; }
.page-right > .block-reseau {
  margin-bottom: 10px; }
.page-right > .block-reseau > .header-layer2-content {
  background-color: #00485B;
  padding: 20px; }
.page-right > .block-reseau > .header-layer2-content > h3 {
  color: #fff;
  font: 500 32px/27px "Open Sans",sans-serif;
  text-transform: uppercase;
  padding-bottom: 12px;
  margin-top: 5px; }
.page-right > .block-reseau > .header-layer2-content > .header-layer2-txt {
  color: #fff;
  font: 500 14px/17px "Open Sans"; }
@media only screen and (min-width: 1201px) and (max-width: 1919px) {
  .page-right > .block-reseau > .header-layer2-content > .header-layer2-txt {
    margin-bottom: 40px; } }
@media only screen and (min-width: 1920px) {
  .page-right > .block-reseau > .header-layer2-content > .header-layer2-txt {
    margin-bottom: 40px; } }
.page-right > .block-reseau > .header-layer2-content > .btn_more {
  background-color: #fff;
  color: #ffab1a;
  font: 500 20px/45px "Open Sans",sans-serif;
  padding: 12px; }
.page-right > .block-test-niveau {
  transition: all 0.2s ease-out 0s;
  margin-bottom: 10px; }
.page-right > .block-test-niveau > .header-layer3-content {
  background-color: #B2D022;
  padding: 22px; }
.page-right > .block-test-niveau > .header-layer3-content > h3 {
  color: #fff;
  font: 500 32px/27px "Open Sans",sans-serif;
  padding-bottom: 20px;
  text-transform: uppercase;
  margin-top: 5px; }
.page-right > .block-test-niveau > .header-layer3-content > ul {
  padding: 0px;
  margin: 0px; }
.page-right > .block-test-niveau > .header-layer3-content > ul > li {
  float: left;
  list-style: none outside none;
  margin-right: 2px; }
.page-right > .block-test-niveau > .header-layer3-content > ul > li > a {
  display: block;
  margin-bottom: 2px;
  transition: all 0.2s ease-out 0s; }
.page-right > .block-test-niveau > .header-layer3-content > ul > li > a > img {
  width: 30px;
  border: 0px; }
.page-right > .block-test-niveau > .header-layer3-content > ul > li > a:hover {
  transform: scale(1.2) rotate(720deg);
  -moz-box-shadow: 2px 2px 10px 0px #656565;
  -webkit-box-shadow: 2px 2px 10px 0px #656565;
  -o-box-shadow: 2px 2px 10px 0px #656565;
  box-shadow: 2px 2px 10px 0px #656565; }
.page-right > .block-test-niveau > .header-layer3-content > ul > li > .header-layer3-background {
  position: absolute; }
@media only screen and (max-width: 480px) {
  .page-right > .block-test-niveau > .header-layer3-content > ul > li > .header-layer3-background {
    display: none; } }
.page-right > .block-test-niveau > .header-layer3-content > ul > li > .header-layer3-background > .header-layer3-background-content {
  position: relative;
  width: 89px;
  height: 80px;
  top: -30px;
  left: 15px; }

.search {
  margin-bottom: 40px;
  margin-top: 30px; }
.search h1 {
  font: 300 33px/28px "Open Sans", sans-serif;
  text-transform: uppercase;
  color: #0a1b2f;
  padding-bottom: 20px; }
.search h2 {
  margin-bottom: 30px;
  padding-bottom: 20px;
  color: #202020; }
@media only screen and (min-width: 481px) and (max-width: 1200px) {
  .search h2 {
    width: 360px; } }
@media only screen and (min-width: 1201px) and (max-width: 1919px) {
  .search h2 {
    width: 360px; } }
@media only screen and (min-width: 1920px) {
  .search h2 {
    width: 360px; } }
@media only screen and (min-width: 481px) and (max-width: 1200px) {
  .search > .marginRight80 {
    margin-right: 80px; } }
@media only screen and (min-width: 1201px) and (max-width: 1919px) {
  .search > .marginRight80 {
    margin-right: 80px; } }
@media only screen and (min-width: 1920px) {
  .search > .marginRight80 {
    margin-right: 80px; } }
@media only screen and (min-width: 1201px) and (max-width: 1919px) {
  .search > .page-left {
    float: left;
    width: 730px;
    padding: 35px;
    border: 1px solid #dddddd; } }
@media only screen and (min-width: 1920px) {
  .search > .page-left {
    float: left;
    width: 800px;
    padding: 35px;
    border: 1px solid #dddddd; } }
.search > .page-left > .content-search-header {
  background-color: #e5e3df;
  padding: 10px; }
.search > .page-left > .content-search-header > .title {
  color: #2EA9C4;
  font: 500 21px/26px "Open Sans", sans-serif;
  letter-spacing: 0;
  text-transform: none; }
@media only screen and (max-width: 480px) {
  .search > .page-left > .content-search-header > .title {
    padding-top: 10px;
    margin-right: 30px; } }
@media only screen and (min-width: 481px) and (max-width: 1200px) {
  .search > .page-left > .content-search-header > .title {
    float: left;
    margin-right: 30px; } }
@media only screen and (min-width: 1201px) and (max-width: 1919px) {
  .search > .page-left > .content-search-header > .title {
    float: left;
    margin-right: 30px; } }
@media only screen and (min-width: 1920px) {
  .search > .page-left > .content-search-header > .title {
    float: left;
    margin-right: 30px; } }
@media only screen and (max-width: 480px) {
  .search > .page-left > .content-search-header > .nbresult {
    padding-top: 10px; } }
@media only screen and (min-width: 481px) and (max-width: 1200px) {
  .search > .page-left > .content-search-header > .nbresult {
    float: right; } }
@media only screen and (min-width: 1201px) and (max-width: 1919px) {
  .search > .page-left > .content-search-header > .nbresult {
    float: right; } }
@media only screen and (min-width: 1920px) {
  .search > .page-left > .content-search-header > .nbresult {
    float: right; } }
.search > .page-left > .content-search-list {
  margin-bottom: 40px;
  margin-top: 20px; }
.search > .page-left > .content-search-list > .bg-gray {
  background-color: #E5E3DF; }
.search > .page-left > .content-search-list > .content-search-line {
  border-bottom: 1px solid #E5E3DF;
  padding: 10px; }
.search > .page-left > .content-search-list > .content-search-line > .content-search-line-pic {
  float: left;
  margin-right: 20px;
  width: 45px; }
.search > .page-left > .content-search-list > .content-search-line > .content-search-line-pic > a {
  border: 0px; }
.search > .page-left > .content-search-list > .content-search-line > .content-search-line-col1 {
  float: left;
  margin-right: 20px;
  margin-top: 10px; }
.search > .page-left > .content-search-list > .content-search-line > .content-search-line-col1 > a {
  color: #5a5964;
  text-decoration: underline; }
.search > .page-left > .content-search-list > .content-search-line > .content-search-line-col2 {
  float: left; }

.tutolms {
  margin-bottom: 40px;
  margin-top: 30px; }
.tutolms h1 {
  font: 300 33px/28px "Open Sans", sans-serif;
  text-transform: uppercase;
  color: #0a1b2f;
  padding-bottom: 20px; }
.tutolms h2 {
  margin-bottom: 30px;
  padding-bottom: 20px;
  color: #202020; }
@media only screen and (min-width: 481px) and (max-width: 1200px) {
  .tutolms h2 {
    width: 360px; } }
@media only screen and (min-width: 1201px) and (max-width: 1919px) {
  .tutolms h2 {
    width: 360px; } }
@media only screen and (min-width: 1920px) {
  .tutolms h2 {
    width: 360px; } }
@media only screen and (min-width: 1201px) and (max-width: 1919px) {
  .tutolms > .page-left {
    float: left;
    width: 100%;
    padding: 0px;
    border: 1px solid #dddddd; } }
@media only screen and (min-width: 1920px) {
  .tutolms > .page-left {
    float: left;
    width: 100%;
    padding: 0px;
    border: 1px solid #dddddd; } }
.tutolms > .page-left > .block-formation {
  margin-bottom: 20px; }
@media only screen and (max-width: 480px) {
  .tutolms > .page-left > .block-formation {
    background-color: #e5e3df;
    padding: 20px; } }
@media only screen and (min-width: 481px) and (max-width: 1200px) {
  .tutolms > .page-left > .block-formation {
    background-color: #e5e3df;
    padding: 20px; } }
@media only screen and (min-width: 1201px) and (max-width: 1919px) {
  .tutolms > .page-left > .block-formation {
    background-color: #e5e3df;
    padding: 20px; } }
@media only screen and (min-width: 1920px) {
  .tutolms > .page-left > .block-formation {
    background-color: #e5e3df;
    padding: 20px; } }
@media only screen and (min-width: 481px) and (max-width: 1200px) {
  .tutolms > .page-left > .block-formation > .col-left {
    float: left;
    margin-right: 50px; } }
@media only screen and (min-width: 1201px) and (max-width: 1919px) {
  .tutolms > .page-left > .block-formation > .col-left {
    float: left;
    margin-right: 50px;
    width: 25%; } }
@media only screen and (min-width: 1920px) {
  .tutolms > .page-left > .block-formation > .col-left {
    float: left;
    margin-right: 50px;
    width: 25%; } }
.tutolms > .page-left > .block-formation > .col-left > .block-img {
  background-color: #fff;
  border-radius: 5px;
  float: left;
  margin-bottom: 10px;
  width: 100%;
  text-align: center; }
@media only screen and (max-width: 480px) {
  .tutolms > .page-left > .block-formation > .col-left > .block-img {
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 20px; } }
@media only screen and (min-width: 481px) and (max-width: 1200px) {
  .tutolms > .page-left > .block-formation > .col-left > .block-img {
    margin-right: 20px;
    padding: 10px; } }
@media only screen and (min-width: 1201px) and (max-width: 1919px) {
  .tutolms > .page-left > .block-formation > .col-left > .block-img {
    margin-right: 20px;
    padding: 10px; } }
@media only screen and (min-width: 1920px) {
  .tutolms > .page-left > .block-formation > .col-left > .block-img {
    margin-right: 20px;
    padding: 10px; } }
@media only screen and (max-width: 480px) {
  .tutolms > .page-left > .block-formation > .col-right {
    padding-top: 10px;
    width: 100%;
    overflow: hidden; } }
@media only screen and (min-width: 481px) and (max-width: 1200px) {
  .tutolms > .page-left > .block-formation > .col-right {
    float: left;
    width: 360px; } }
@media only screen and (min-width: 1201px) and (max-width: 1919px) {
  .tutolms > .page-left > .block-formation > .col-right {
    float: left;
    width: 63%; } }
@media only screen and (min-width: 1920px) {
  .tutolms > .page-left > .block-formation > .col-right {
    float: left;
    width: 63%; } }
.tutolms > .page-left > .block-formation > .col-right > .block-title-formation {
  color: #2EA9C4;
  font: 500 26px/28px "Open Sans", sans-serif;
  letter-spacing: 0;
  text-transform: uppercase;
  margin-bottom: 30px; }
.tutolms > .page-left > .block-formation > .col-right > .block-text > h3 {
  color: #595959;
  font: 300 21px/21px "Open Sans",sans-serif;
  margin-bottom: 10px;
  text-transform: uppercase;
  padding: 0px; }
.tutolms > .page-left > .block-formation > .col-right > .block-text > img {
  border-radius: 10px;
  margin-bottom: 20px; }
.tutolms > .page-left > .block-formation > .col-right > .block-text > p {
  margin: 0px;
  padding-bottom: 30px; }
.tutolms > .page-left > .block-formation > .col-right > .block-text > .block-text-content {
  padding-bottom: 20px; }
.tutolms > .page-left > .block-formation > .col-right > .block-text > .block-text-content > a {
  text-decoration: underline;
  color: #2ea9c4;
  font-weight: bold; }
.tutolms > .page-left > .block-formation > .col-right > .block-text > .slidedown_button {
  cursor: pointer; }
.tutolms > .page-left > .block-formation > .col-right > .block-text > .slidedown_button > .txt {
  font: 500 18px/21px "Open Sans",sans-serif;
  color: #595959;
  padding-left: 3px;
  color: #2ea9c4; }
.tutolms > .page-left > .block-formation > .col-right > .block-text > .block-text-details {
  display: none;
  background-color: #fff;
  border-radius: 5px;
  margin-top: 20px;
  padding: 20px; }
.tutolms > .page-left > .block-formation > .col-right > .block-text > .block-text-details > .block-text-all {
  padding-bottom: 20px;
  padding-top: 10px; }
.tutolms > .page-left > .block-formation > .col-right > .block-text > .block-text-details > .block-pdf {
  border-radius: 5px;
  width: 100px;
  text-align: center;
  background-color: #e5e3df;
  float: left; }
@media only screen and (max-width: 480px) {
  .tutolms > .page-left > .block-formation > .col-right > .block-text > .block-text-details > .block-pdf {
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 20px; } }
@media only screen and (min-width: 481px) and (max-width: 1200px) {
  .tutolms > .page-left > .block-formation > .col-right > .block-text > .block-text-details > .block-pdf {
    margin-right: 10px;
    padding: 10px;
    margin-bottom: 10px; } }
@media only screen and (min-width: 1201px) and (max-width: 1919px) {
  .tutolms > .page-left > .block-formation > .col-right > .block-text > .block-text-details > .block-pdf {
    margin-right: 10px;
    padding: 10px;
    margin-bottom: 10px; } }
@media only screen and (min-width: 1920px) {
  .tutolms > .page-left > .block-formation > .col-right > .block-text > .block-text-details > .block-pdf {
    margin-right: 10px;
    padding: 10px;
    margin-bottom: 10px; } }
.tutolms > .page-left > .block-formation > .col-right > .block-text > .block-text-details > .block-pdf > a > img {
  position: relative;
  animation: bounce 0.7s ease infinite; }
.tutolms > .page-left > .block-formation > .col-right > .block-text > .block-text-details > .block-pdf > a > .block-pdf-txt {
  text-align: center;
  line-height: 11px;
  padding-top: 10px;
  font-size: 11px;
  color: #2ea9c4; }

.votreformation > .block-formation {
  margin-bottom: 20px;
  border-radius: 4px; }
@media only screen and (max-width: 480px) {
  .votreformation > .block-formation {
    width: 44%;
    float: left;
    border: 0px;
    margin-right: 3%;
    padding: 1%; } }
@media only screen and (min-width: 481px) and (max-width: 1200px) {
  .votreformation > .block-formation {
    width: 20%;
    float: left;
    border: 0px;
    margin-right: 2%;
    padding: 1%; } }
@media only screen and (min-width: 1201px) and (max-width: 1919px) {
  .votreformation > .block-formation {
    width: 21%;
    float: left;
    border: 0px;
    margin-right: 1%;
    padding: 1%; } }
@media only screen and (min-width: 1920px) {
  .votreformation > .block-formation {
    width: 21%;
    float: left;
    border: 0px;
    margin-right: 1%;
    padding: 1%; } }
.votreformation > .block-formation .block-title-formation {
  text-align: center; }
.votreformation > .block-formation > figure {
  overflow: hidden;
  width: 100%;
  margin: 0;
  padding: 0;
  margin-bottom: 50px;
  margin-top: 20px;
  border-radius: 50%;
  box-shadow: 6px 3px 5px #aaa; }
.votreformation > .block-formation > figure img {
  transition: all 0.25s ease 0s;
  border-radius: 50%;
  height: auto;
  position: relative;
  width: 100%;
  z-index: 2;
  border: 0px; }
.votreformation > .block-formation > figure:hover {
  background-color: #000; }
.votreformation > .block-formation > figure:hover > a > img {
  opacity: 0.2; }
.votreformation > .block-formation > .overlay-link {
  background: url("gfx/overlay-btn-zoom.png") no-repeat scroll center center; }

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