/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 21 mai 2018, 14:55:36
    Author     : claire
*/
.gform_button {
  background: var(--corail-100);
  color: #ffffff;
  line-height: 48px;
  height: 48px;
  padding: 0 35px;
  cursor: pointer;
  display: inline-block;
  border-radius: 40px;
  position: relative;
  white-space: nowrap;
  border: none; 
  text-decoration:none;
}
.cta-btn i.ph {
}
/*
@media only screen and (max-width: 830px)  {
	html {
		scroll-padding-top:50px;
	}
}
@media only screen and (max-width: 1189px) and (min-width: 831px)  {
	html {
		scroll-padding-top:88px;
	}
}
*/
@media only screen and (min-width: 1190px)  {
	html {
		scroll-padding-top:190px;
	}
}

.cta-btn:hover {
}
.cta-btn-ght {
  color: var(--corail-100);
  border:none;
  background-color:#fff;
}
.cta-btn-ght:hover {
  color: var(--corail-120) !important;
  border:none;
  background-color:#fff;

}
  @media only screen and (max-width: 830px) {
    .cta-btn {
      padding: 0px 25px; 
    }
      .cta-btn:hover {
        color: #ffffff; } 
}
  @media only screen and (min-width: 1024px) {
    .cta-btn:hover {
      -moz-box-shadow: 0px 6px 10px 0 rgba(0,0,0,0.1);
      -webkit-box-shadow: 0px 6px 10px 0 rgba(0,0,0,0.1);
      box-shadow: 0px 6px 10px 0 rgba(0,0,0,0.1);
      text-decoration: none;
      color: #ffffff; }
  }
  .cta-btn.border {
    border: solid 2px var(--corail-100) !important;
    color: var(--corail-100);
    background: #ffffff;
    font-weight: bold;
    line-height: 37px; }

.transition, .cta-btn, .overlay, .popin, .lumio-list li a, .lumio-list-steps.small-width ul li a {
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease; }
h3.title {
   font-weight:normal;
}
.title {
  display: block;
  }
  .title.sub {
    font-size: 18px;
    margin-bottom: 15px;
    line-height: 1; }
    .title.sub:before {
      display: block;
      content: "";
      width: 4px;
      height: 15px;
      float: left;
      -moz-border-radius: 2px;
      -webkit-border-radius: 2px;
      border-radius: 2px;
      margin-right: 5px;
      background: var(--corail-100);
      margin-top: 2px; }
  .title.medium {
    font-size: 18px; }

.bold, strong, b {
  font-weight: bold; }


/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 21 mai 2018, 14:55:20
    Author     : claire
*/

* {
  margin: 0;
  padding: 0;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  outline: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }



section#mainSection a.bloc-souhait-titrelien {
  /*color: var(--blue-100);*/
  /*     text-decoration:none;
     background-color:var(--blue-100);
     color:white;*/
}
.breadcrumb-text {
}
section#mainSection a:not(.bloc-documents-item,.cta-btn) {
	color: var(--grey-text);	
	line-height:140%;
	text-decoration-color: var(--blue-100);
	text-decoration-thickness: 2px;
	text-underline-offset: 4px;
}
section#mainSection a:not(.bloc-documents-item,.cta-btn):hover {
  background-color: var(--blue-100);
  color: #fff;
}

html {
  overflow-x: hidden; }

body {
  background-attachment: fixed;
  overflow-x: hidden; }
body.active {
    overflow: hidden; }

dl, ol, ul {
  margin: 0; }
  

body.page-id-18 .bloc-contenu-offres.souscription:after {
	background-color:#fff !important;
}
.tableau-detail-offres.tableau-souscription-offres {
	padding-bottom:155px;
}
body.page-id-18 .bloc-contenu-offres.details:after {
	background-color:#F5F5F5 !important;
	top: 0px;
}
.container-lumio {
  width: 1224px;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%; 
}
.bloc-intro-procedure .bloc-content ul {
    list-style-type: disc;
}

.bloc-intro-procedure > .container-lumio, .bloc-intro-presprocedure > .container-lumio  {
  margin-top:32px;
}

  @media only screen and (max-width: 1387px) {
    .container-lumio {
      width: 100%;
      padding-left: 20px;
      padding-right: 20px; 
    } 
}
@media only screen and (max-width: 1387px) {
    .container-lumio-create {
        width: 100%;
        padding-left: 20px;
        padding-right: 20px;
    }
}

@media only screen and (max-width: 1387px) {
    .container-lumio-create {
        width: 100%;
        padding-left: 20px;
        padding-right: 20px;
    }
}

body.page-id-18 .bloc-contenu-offres.souscription:after {
       background-color:#fff !important;
}
.tableau-detail-offres.tableau-souscription-offres {
       padding-bottom:155px;
}
body.page-id-18 .bloc-contenu-offres.details:after {
       background-color:#F5F5F5 !important;
       top: 0px;
}


#mainHeader {
  position: absolute;
  left: 0;
  right: 0;
  z-index: 1000;
  top: 0; }
  #mainHeader.fixed {
    position: fixed;
    background-image: linear-gradient(90deg, #6b49ed, #688cd5 46%, #85dbce);
    background-attachment: fixed;
    padding-bottom: 20px;
    height: 85px;
 }
@media only screen and (max-width: 830px) {
  #mainHeader.fixed {
    height: 70px;
  }
}

    #mainHeader.fixed .section-menu {
      padding-top: 10px; }
      @media only screen and (min-width: 830px) {
        #mainHeader.fixed .section-menu .disconnect {
          top: 22px; } 
        #mainHeader.fixed .section-menu .connect {
          top: 36px; } }

@media only screen and (min-width: 830px) and (max-width: 1024px) {
  #mainHeader.fixed .section-menu .connect {
    top: 1px;
  }
}

  @media only screen and (max-width: 830px) {
    #mainHeader {
      height: 50px; } }

.section-menu {
  padding-top: 30px;
  position: relative;
}
  @media only screen and (max-width: 830px) {
    .section-menu {
      padding-top: 10px;
      overflow: inherit; } }
  .section-menu .logo {
    width: 130px;
    height: auto;
    float: left; }
    @media only screen and (max-width: 830px) {
      .section-menu .logo {
        margin-left: auto;
        margin-right: auto;
        float: none;
        display: block; } }
    @media only screen and (max-width: 830px) {
      .section-menu .logo {
        width: 77px; } }
  .section-menu > ul {
    width: calc(100% - 144px);
    float: right;
    margin-top: 15px; }
    @media only screen and (max-width: 1190px) {
      .section-menu > ul {
        width: calc(100% - 150px); } }
    @media only screen and (max-width: 830px) {
      .section-menu > ul {
        width: 100%;
        background: #ffffff;
        border-radius: 0 3px 3px 3px;
        position: absolute;
        z-index: 100;
        top: 35px;
        height: 0;
        overflow: hidden;
        /*@include box-shadow(10px 10px 25px 0 rgba(0, 0, 0, 0.2));
        @include transition(all ease 0.3s);*/ }
        .section-menu > ul.active {
          height: auto; 
          min-height: 252px;
          max-height: calc(100vh - 61px);
	  overflow-y: scroll;
	} 
     }
    .section-menu > ul li {
      display: inline-block;
      list-style: none;
      margin-left: 15px;
      margin-right: 15px;
      line-height: 40px; }
      @media only screen and (max-width: 1190px) {
        .section-menu > ul li {
          margin-left: 10px;
          margin-right: 10px; } 
      }
	@media only screen and (max-width: 1024px) {
	  .section-menu > ul li {
	    margin-left: 5px;
	    margin-right: 5px;
	  }
	}
      @media only screen and (max-width: 830px) {
        .section-menu > ul li {
          display: block;
          margin: 0;
          line-height: 1; } 
	}
	.section-menu > ul li.SousMenu-listItem {
	  line-height: 1.2em;
	  margin-left: 0;
	  margin-right: 0;
	  margin-bottom: 15px;
	}

	@media only screen and (max-width: 830px) {
	  .section-menu > ul li.SousMenu-listItem {
	    margin-bottom: 0;
	  }
	}
@media only screen and (min-width: 830px) {
  .section-menu > ul li.current_page_item > a::after {
    content: '';
    display: block;
    width: 20px;
    height: 3px;
    background: #ffffff;
    margin: 0 auto;
  }
}

.section-menu > ul li a {
        font-weight: bold;
        color: #ffffff;
        font-size: 18px;
	-webkit-transition: color 0.25s ease-out;
	transition: color 0.25s ease-out;
}
@media only screen and (max-width: 1024px) {
  .section-menu > ul li a {
    font-size: 16px;
  }
}

        @media only screen and (min-width: 1024px) {
          .section-menu > ul li a:hover {
            color: rgba(255, 255, 255, 0.5);
            text-decoration: none; 
	  } 
	  .section-menu > ul li a:hover::after {
	    opacity: 1;
  	  }
	}
        .section-menu > ul li a.cta-btn {
          font-size: 15px; }
          @media only screen and (max-width: 830px) {
            .section-menu > ul li a.cta-btn {
              color: #ffffff;
              padding: 0 30px;
              display: inline-block; } }
          @media only screen and (min-width: 1024px) {
            .section-menu > ul li a.cta-btn:hover {
              opacity: 1; 
	      color: #ffffff;
	    }
          }
@media only screen and (min-width: 830px) {
  .section-menu > ul li.current_page_item > a::after {
        content: '';
        display: block;
        width: 20px;
        height: 3px;
        background: #ffffff;
        margin: 0 auto;
    }
   }


        @media only screen and (max-width: 830px) {
          .section-menu > ul li a {
            display: block;
            color: #404040;
            font-size: 12px;
            padding: 15px 30px;
            border-bottom: solid 1px #d9d9d9; } }
      .section-menu > ul li.li-btn {
        float: right;
        margin-right: 0; }
        @media only screen and (max-width: 830px) {
          .section-menu > ul li.li-btn {
            float: none;
            text-align: center;
            padding: 20px 0; } }
.section-menu > ul li.li-btn a {
  padding: 0 25px;
}
.section-menu > ul li .SousMenu-listLink {
  color: #191919;
  font-size: 15px;
  font-weight: 600;
}

@media only screen and (max-width: 830px) {
  .section-menu > ul li .SousMenu-listLink {
    font-size: 12px;
    width: 100%;
    border: none;
    padding-top: 5px;
    padding-bottom: 5px;
  }
}

.section-menu > ul li .SousMenu-list--theme .SousMenu-listLink:hover, .section-menu > ul li .SousMenu-list--theme .SousMenu-listLink:focus {
  color: var(--corail-100);
  text-decoration: underline;
}

.section-menu > ul li .SousMenu-list--docs .SousMenu-listLink:hover, .section-menu > ul li .SousMenu-list--docs .SousMenu-listLink:focus {
  color: var(--blue-100);
  text-decoration: underline;
}

.section-menu > ul li .SousMenu-list--theme, .section-menu > ul li .SousMenu-list--docs {
  float: none;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

  .section-menu .disconnect a {
    color:#fff;
    font-weight:normal;
  }
  .section-menu .connect, .section-menu .disconnect {
    position: absolute;
    font-size: 14px;
    color: #ffffff;
    right: 261px;
   }
  .section-menu .connect {
    top: 57px; }
  .section-menu .disconnect {
    top: 42px; }
    @media only screen and (max-width: 1190px) {
      .section-menu .connect, .section-menu .disconnect {
        right: 250px; } }
@media only screen and (max-width: 1024px) {
  .section-menu .connect {
    right: 6px;
    top: 13px;
  }
}
    @media only screen and (max-width: 830px) {
      .section-menu .disconnect span {
	display:none;
      }
      .section-menu .disconnect, .section-menu .connect {
        right: 0;
        top: 10px;
        font-size: 12px; } 
	}
    .section-menu .connect .fa, .section-menu .disconnect .fa {
      margin-right: 4px; }
      @media only screen and (max-width: 830px) {
        .section-menu .connect .fa {
          text-align: center;
          margin-left: 0;
          display: block;
          margin-right: 0;
          font-size: 18px; } }



.section-menu .connect.connect-non {
  display: block;
  width: 147px;
  top: 44px;
}

@media only screen and (max-width: 1190px) {
  .section-menu .connect.connect-non {
    right: 217px;
    text-align: right;
  }
}

@media only screen and (max-width: 1024px) {
  .section-menu .connect.connect-non {
    right: 6px;
    top: 13px;
    width: inherit;
  }
}

.section-menu .connect-nonLink {
  display: block;
  color: #ffffff;
}

@media only screen and (max-width: 1024px) {
  .section-menu .connect-nonLink {
    display: inline-block;
  }
}

.section-menu .connect-nonLink i {
  display: none;
}

@media only screen and (max-width: 830px) {
  .section-menu .connect-nonLink i {
    display: block;
  }
}

.section-menu .connect-nonNom {
  font-weight: 700;
}

@media only screen and (max-width: 830px) {
  .section-menu .connect-nonNom {
    display: none;
  }
}



  .section-menu .picto-nav {
    position: absolute;
    left: 0;
    color: #ffffff;
    width: 40px;
    height: 35px;
    font-size: 12px;
    text-align: center;
    display: none;
    margin-top: 5px;
    border-radius: 3px 3px 0 0; }
    @media only screen and (max-width: 830px) {
      .section-menu .picto-nav {
        display: block; } }
    .section-menu .picto-nav span {
      display: block;
      width: 30px;
      height: 2px;
      background: #ffffff;
      margin-bottom: 3px;
      margin-left: auto;
      margin-right: auto; }
    .section-menu .picto-nav .fa {
      font-size: 14px;
      color: #858585;
      display: none; }
    .section-menu .picto-nav.active {
      font-size: 0;
      background: #ffffff;
      padding-top: 6px; }
      .section-menu .picto-nav.active span {
        display: none; }
      .section-menu .picto-nav.active .fa {
        display: block; }


.MenuPrinc {
  position: relative;
}

.MenuPrinc-hasSousMenu {
  padding-bottom: 30px;
}

@media only screen and (max-width: 830px) {
  .MenuPrinc-hasSousMenu {
    padding-bottom: 0;
  }
}

.MenuPrinc-hasSousMenu > a {
  position: relative;
}

@media only screen and (min-width: 830px) {
  .MenuPrinc-hasSousMenu > a::before {
    content: "";
    display: none;
    position: absolute;
    bottom: -29px;
    right: -3px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 7.5px 9px 7.5px;
    border-color: transparent transparent #ffffff transparent;
    z-index: 9000;
  }
}

@media only screen and (min-width: 830px) {
  .MenuPrinc-hasSousMenu.activeSubMenu .SousMenu {
    visibility: visible;
    opacity: 1;
    -webkit-transition: opacity 0.25s ease-out;
    transition: opacity 0.25s ease-out;
  }
}

@media only screen and (min-width: 830px) {
  .MenuPrinc-hasSousMenu.activeSubMenu > a::before {
    display: block;
  }
}

@media only screen and (min-width: 830px) {
  .SousMenu {
    position: absolute;
    top: 60px;
    left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    visibility: hidden;
    opacity: 0;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    width: 100%;
    padding: 30px;
    background: #ffffff;
    border-radius: 7px;
    z-index: 50;
    -webkit-box-shadow: 0 0 19px -6px rgba(0, 0, 0, 0.75);
    box-shadow: 0 0 19px -6px rgba(0, 0, 0, 0.75);
    border: 1px solid #e5e5e5;
    -webkit-transition: opacity 0.25s ease-out;
    transition: opacity 0.25s ease-out;
  }
}

@media only screen and (max-width: 830px) {
  .SousMenu {
    display: none;
    padding-bottom: 30px;
  }
}

@media only screen and (max-width: 1024px) {
  .SousMenu {
    left: -153px;
    width: calc(100vw - 55px);
  }
}

.SousMenu.active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.SousMenu-gauche {
  width: 33%;
  padding-right: 15px;
}

@media only screen and (max-width: 830px) {
  .SousMenu-gauche {
    display: none;
  }
}

.SousMenu-droite {
  width: 66%;
  border-left: 1px solid #e5e5e5;
  padding-left: 21px;
}

@media only screen and (max-width: 830px) {
  .SousMenu-droite {
    width: 100%;
    border: none;
    padding-left: inherit;
  }
}
.SousMenu-wide {
	  padding-right: 15px;
  }

  .SousMenu--fonctionnalites {
	    width: auto;
    }

.SousMenu-title {
  font-size: 18px;
  font-weight: 600;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  line-height: 1.2em;
}

@media only screen and (max-width: 830px) {
  .SousMenu-title {
    font-size: 12px;
    margin: 15px 30px;
  }
}

.SousMenu-title.SousMenu-gaucheTitle {
  color: var(--corail-100);
}

.SousMenu-title.SousMenu-droiteTitle {
  color: var(--blue-100);
}

.SousMenu-picto {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 35px;
  height: 35px;
  border-radius: 50%;
  color: #ffffff;
  margin-right: 11px;
    padding-left: 9px;
    padding-top: 9px;
}
@media only screen and (min-width: 831px) {
	.SousMenu-picto.fa-procedure-lumio {
	    padding-left: 8px;
	    padding-top: 8px;
	}
	.SousMenu-picto.pictodoc {
	    padding-left: 11px !important;
	}
}
@media only screen and (max-width: 830px) {
  .SousMenu-picto {
    width: 20px;
    height: 20px;
  }
  .SousMenu-picto {
    padding-left: 4px;
    padding-top: 4px;
  }	
  .SousMenu-picto.pictodoc {
    padding-left: 5.5px !important;
  }
}

.SousMenu-gaucheTitle .SousMenu-picto {
  background: var(--corail-100);
}

.SousMenu-droiteTitle .SousMenu-picto {
  background: var(--blue-100);
}

.SousMenu-list--theme {
  float: none;
  margin-top: 15px;
  margin-left: 15px;
}

@media only screen and (max-width: 830px) {
  .SousMenu-list--theme {
    margin-left: 0;
  }
}

.SousMenu-list--theme i {
  color: var(--corail-100);
}

@media only screen and (max-width: 830px) {
  .SousMenu-list--theme i {
    display: none;
  }
}

.SousMenu-list--docs {
  margin-top: 15px;
  margin-left: 15px;
}

@media only screen and (max-width: 830px) {
  .SousMenu-list--docs {
    margin-left: 0;
  }
}

@media only screen and (max-width: 830px) {
  .SousMenu-list--docs i {
    display: none;
  }
}

.SousMenu-listItem {
  margin-left: 0;
  margin-right: 0;
  line-height: 1.0em;
}

@media only screen and (max-width: 830px) {
  .SousMenu-listItem {
    width: 100%;
  }
}

.SousMenu-fermer {
  position: absolute;
  right: 20px;
  top: 10px;
  font-size: 20px;
  color: #999999;
  background: transparent;
  border: none;
  cursor: pointer;
  -webkit-transition: color 0.25s ease-out;
  transition: color 0.25s ease-out;
  outline: none !important;
}

@media only screen and (max-width: 830px) {
  .SousMenu-fermer {
    display: none;
  }
}

.SousMenu-fermer:hover, .SousMenu-fermer:focus {
  color: var(--blue-100);
  border: none;
}

.container-lumio.docIntro {
  margin-top:40px;
  margin-bottom:40px;
}

.lumio-head {
  text-align: center;
  background: #ffffff;
  padding-top: 165px; }
  @media only screen and (max-width: 830px) {
    .lumio-head {
      margin-top: 55px;
      padding-top: 40px;
      text-align: left;
      padding-left: 20px;
      padding-right: 20px; } }
  .lumio-head .lumio-subhead {
    position: relative;
    z-index: 10;
    padding-bottom: 25px; }
    .lumio-head .lumio-subhead a {
      color: var(--corail-100);
      font-weight: bold; }
  .lumio-head .title {
    font-family: Ambit SemiBold;
    font-weight: 700;
    margin-bottom: 0; 
  }
  .lumio-head.vague {
    background: none;
    height: 380px;
    margin-top: 160px;
    position: relative; }
    .lumio-head.vague .lumio-subhead a {
      color: #ffffff; }
    .lumio-head.vague .title {
      color: #ffffff; }
    .lumio-head.vague:before {
      display: block;
      content: "";
      height: 100%;
      width: 100%;
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center top;
      background-image: url(../medias/tarifs/vague-tarifs2.svg);
      margin-top: 0;
      position: absolute; }
      @media only screen and (max-width: 830px) {
        .lumio-head.vague:before {
          display: none; } }

#mainFooter {
  background: #404040;
  color: #ffffff;
  padding-top: 80px;
  padding-bottom: 30px; }
  @media only screen and (max-width: 830px) {
    #mainFooter {
      padding-top: 30px; } }
  #mainFooter .container-footer {
    width: 800px;
    margin-left: auto;
    margin-right: auto; }
    @media only screen and (max-width: 800px) {
      #mainFooter .container-footer {
        width: 100%;
        padding-left: 20px;
        padding-right: 20px; } }
  #mainFooter a {
    color: #ffffff; }
  #mainFooter ul {
    list-style: none; }
  #mainFooter .content-footer {
    overflow: auto; }
    #mainFooter .content-footer .title {
      margin-top: 15px;
      margin-bottom: 20px; }
  #mainFooter .part-one {
    float: left;
    width: 35%;
    overflow: auto; }
    @media only screen and (max-width: 830px) {
      #mainFooter .part-one {
        width: 100%; } }
    #mainFooter .part-one .logo {
      width: 109px;
      height: auto;
      margin-bottom: 16px; }
    #mainFooter .part-one ul li {
      line-height: 2; }
  #mainFooter .part-two {
    float: left;
    width: 39%;
    overflow: auto; }
    @media only screen and (max-width: 830px) {
      #mainFooter .part-two {
        width: 100%; } }
    #mainFooter .part-two > a {
      text-decoration: underline;
      display: block;
      margin-bottom: 30px; }
    #mainFooter .part-two .title.follow {
      margin-bottom: 0; }
    #mainFooter .part-two .social li {
      display: inline-block;
      font-size: 20px;
      margin-right: 35px; }
      @media only screen and (min-width: 1024px) {
        #mainFooter .part-two .social li a:hover {
          opacity: 0.5;
          text-decoration: none; } }
  #mainFooter .part-three {
    float: left;
    width: 26%;
    overflow: auto; }
    @media only screen and (max-width: 830px) {
      #mainFooter .part-three {
        width: 100%; } }
    #mainFooter .part-three .item {
      overflow: auto; }
      #mainFooter .part-three .item .picto {
        float: left;
        width: 25px;
        padding-top: 4px; }
      #mainFooter .part-three .item .content {
        line-height: 2;
        width: 150px;
        float: left; }
  #mainFooter .copyright {
    margin-top: 60px;
    clear: both;
    font-size: 14px;
    text-align: center; }

.overlay {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.7);
  display: block;
  z-index: 1000;
  opacity: 0;
  visibility: hidden; }
  .overlay.active {
    visibility: visible;
    opacity: 1; }
.cta-btn.cta-btn-start {
   padding: 0 25px;
}
.cta-btn.cta-btn-start i {
   margin-right: 13px;
}



.Button-toutDoc {
  border: 2px solid var(--blue-100) !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 7px 25px;
  color: var(--blue-100) !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  border-radius: 30px;
  -webkit-transition: color 0.25s, background 0.25s ease-out !important;
  transition: color 0.25s, background 0.25s ease-out !important;
  margin-top: 10px;
}

@media only screen and (max-width: 830px) {
  .Button-toutDoc {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
    margin-left: 30px;
    padding: 7px 15px !important;
  }
}

.Button-toutDoc:hover, .Button-toutDoc:focus {
  background: var(--blue-100);
  color: #ffffff !important;
}


/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 21 mai 2018, 16:36:32
    Author     : claire
*/
.bloc-content {
  width: 540px;
  z-index: 10;
  position: relative;
  color: #404040;
  max-width: 100%; }
  @media only screen and (max-width: 830px) {
    .bloc-content {
      width: 100%; } }
   .bloc-content p {
    color: var(--black); }
  .bloc-content.float {
    float: left; }
  .bloc-content.center {
    text-align: center;
    margin-left: auto;
    margin-right: auto; }
  .bloc-content.width-medium {
    width: 580px; }
  .bloc-content.white {
    color: #ffffff; }
    .bloc-content.white .title, .bloc-content.white p {
      color: #ffffff; }
  .bloc-content .title {
    margin-bottom: 32px;
    font-weight: 700; 
    color:var(--black);
  }
  .bloc-content h1.title {
    color:var(--blue-100);
  }
    @media only screen and (max-width: 830px) {
      .bloc-content .title {
      } 
      .page-id-2 .bloc-content .title {
        font-size: 28px;
      }
    }
  .bloc-content p {
    margin: 0; 
  }
  .template-presprocess .bloc-description-droite p, .bloc-content p {
	color:var(--grey-text);
	line-height:160%;
  }
    @media only screen and (max-width: 600px) {
      .bloc-content p {
        font-size: 15px; } }
  @media only screen and (max-width: 830px) {
    .bloc-content .cta-btn {
      margin-left: auto;
      margin-right: auto;
      display: block;
      width: 230px;
      padding: 0px;
      text-align: center; }

 }
  .bloc-content .cta-btn, .bloc-content .link {
    margin-top: 35px; 
}
    @media only screen and (max-width: 600px) {
      .bloc-content .cta-btn, .bloc-content .link {
        margin-top: 20px; } }
  .bloc-content .link {
    display: block;
    color: #8748cb;
    font-weight: bold;
    font-size: 16px; }
    @media only screen and (max-width: 600px) {
      .bloc-content .link {
        font-size: 12px; } }

/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 23 mai 2018, 16:48:32
    Author     : claire
*/
.popin {
  width: 70%;
  background: #ffffff;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  position: fixed;
  padding: 20px;
  z-index: 2000;
  visibility: hidden;
  opacity: 0; }
  @media only screen and (max-width: 830px) {
    .popin {
      width: 90%; } }
  .popin.active {
    visibility: visible;
    opacity: 1; }
  .popin video {
    width: 100%; }
  .popin .video-close {
    position: absolute;
    right: 0;
    top: -35px;
    color: white;
    cursor: pointer;
    font-size: 23px; }

/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 25 mai 2018, 01:06:38
    Author     : claire
*/
.lumio-list {
  list-style: none; }
  .lumio-list li {
    line-height: 2; }
    .lumio-list li:before {
      display: block;
      content: "";
      width: 4px;
      height: 7px;
      background-size: 100% auto;
      background-repeat: no-repeat;
      background-position: left bottom;
      float: left;
      margin-top: 11px;
      margin-right: 6px; }
      .lumio-list li i {
	      color:#FF3A6A;
      }
      .lumio-list li a {
      color: #404040; }
      @media only screen and (min-width: 1024px) {
        .lumio-list li a:hover {
          color: var(--corail-100);
          text-decoration: underline; } }

/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 4 mai 2018, 12:47:12
    Author     : claire
*/
.listing-onglets {
  border-radius: 40px;
  text-align: center;
  display: inline-block;
  font-size: 0;
  background: #f5f5f5; }
  .listing-onglets.white {
    background: #ffffff; }
    .listing-onglets.white li a, .listing-onglets.white li span {
      background: #ffffff; }
  @media only screen and (max-width: 600px) {
    .listing-onglets {
      float: left; } }
  .listing-onglets li {
    display: inline-block; }
    @media only screen and (max-width: 600px) {
      .listing-onglets li {
        display: table-cell; } }
    .listing-onglets li a, .listing-onglets li span {
      background: #f5f5f5;
      color: #999999;
      height: 40px;
      line-height: 40px;
      padding: 0 20px;
      font-size: 14px;
      font-weight: 600;
      cursor: pointer;
      white-space: nowrap;
      display: block; }
    .listing-onglets li:first-child a, .listing-onglets li:first-child span {
      border-radius: 40px 0 0 40px; }
    .listing-onglets li:last-child a, .listing-onglets li:last-child span {
      border-radius: 0 40px 40px 0; }
    .listing-onglets li.active a, .listing-onglets li.active span {
      background: var(--blue-100);
      color: #ffffff;
      border-radius: 40px; }

@media only screen and (max-width: 600px) {
  .div-scroll {
    margin-right: -20px;
    padding-left: 20px;
    margin-left: -20px;
    overflow: scroll; } }
/*@import "compass";
@import "../base/variables";*/
.tag {
  background: var(--blue-100);
  display: inline-block;
  color: #ffffff;
  text-transform: uppercase;
  border-radius: 3px;
  font-size: 12px;
  font-weight: 600;
  padding: 3px 8px; }
  .tag.white {
    background: #ffffff;
    color: #191919;
    font-size: 13px;
    text-transform: none;
    padding: 3px 18px;
    border-radius: 12px; }

/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 10 sept. 2018, 16:24:46
    Author     : claire
*/
.box-shadow {
  border-radius: 3px;
  box-shadow: -9px 9px 15px 0 rgba(0, 0, 0, 0.1);
  border: solid 1px #e5e5e5;
  padding: 30px; }

/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 11 sept. 2018, 10:32:30
    Author     : claire
*/
.bloc-forward {
  border: 1px solid var(--grey-500);
  border-radius: 8px;
  margin: 20px 0px 40px 0px;
  padding:24px;
  display:flex;
}
.bloc-forward:before {
  content:" ";
  border: 4px solid;
  width: 0px;
  border-radius: 8px;
}
.bloc-forward.blue:before { border-color:var(--blue-120); }
.bloc-forward.red:before { border-color:var(--corail-140); }
.bloc-forward.green:before { border-color:var(--grey-700); }
.bloc-forward.purple:before { border-color:var(--blue-100); }

.panel-forward {
  border-radius: 5px;
  padding: 20px 30px;
  width:calc(100% - 20px);
  }
  .panel-forward .title {
    font-size: 16px;
    font-weight: 600;
    color: #c50040;
    margin-bottom: 5px; }
  .panel-forward p {
    font-size: 16px;
    line-height: 1.9; }

  .panel-forward.blue .title { color:var(--blue-120); }
  .panel-forward.red .title { color:var(--corail-140) ; } 
  .panel-forward.green .title { color:var(--grey-700); } 
  .panel-forward.purple .title { color: var(--blue-100); } 
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 21 mai 2018, 16:35:42
    Author     : claire
*/
@media only screen and (max-width: 830px) {
  .reverse-mobile {
    display: flex;
    flex-direction: column-reverse;
    margin-bottom: 20px; } }
.bloc-intro-home {
  height: 741px;
  width: 100%;
  background-image: url(../medias/hero-v2.jpg);
  background-size: cover;
  background-position: center center;
  position: relative;
  padding-top: 190px;
  background-repeat: no-repeat; }
  @media only screen and (max-width: 990px) {
    .bloc-intro-home {
      background-position: right top; } }
  @media only screen and (max-width: 830px) {
    .bloc-intro-home {
      height: auto;
      padding-bottom: 60px;
      padding-top: 80px; } }
  @media only screen and (max-width: 830px) {
    .bloc-intro-home {
      background-image: url(../medias/hero-v2-mobile.jpg);
      min-height: 500px; } }
  .bloc-intro-home .bulle-lumio {
    position: absolute;
    right: 0;
    top: 370px; }
  .bloc-intro-home .bloc-content {
    margin-left: 55px;
    z-index: 200; }
    @media only screen and (max-width: 830px) {
      .bloc-intro-home .bloc-content {
        margin-left: 0;
        padding-top: 40px; } }
    @media only screen and (max-width: 830px) {
      .bloc-intro-home .bloc-content .cta-btn {
        margin-top: 0;
        margin-bottom: 20px; } }
  .bloc-intro-home .container-lumio {
    position: relative; }
    .bloc-intro-home .container-lumio:after {
      display: block;
      content: "";
      width: 520px;
      height: 350px;
      background-size: 520px 310px;
      background-repeat: no-repeat;
      background-position: left bottom;
      position: absolute;
      top: 215px;
      z-index: 100;
      left: 100px; }
      @media only screen and (max-width: 830px) {
        .bloc-intro-home .container-lumio:after {
          background-size: 100% 65px; } }
  .bloc-intro-home:after {
    display: block;
    content: "";
    width: 100%;
    height: 310px;
    background-size: 100% 310px;
    background-repeat: no-repeat;
    background-position: left bottom;
    background-image: url(../medias/mask.png);
    position: absolute;
    bottom: 0; }
    @media only screen and (max-width: 830px) {
      .bloc-intro-home:after {
        height: 64px;
        background-size: 100% 64px;
        background-image: url(../medias/mask-mobile.png);
        left: 0; } }

.bloc-2-home {
  background-color: #ffffff;
  position: relative;
  padding-top: 65px;
  padding-bottom: 5px; }
  @media only screen and (max-width: 830px) {
    .bloc-2-home {
      padding-top: 20px; } }
  .bloc-2-home .container-lumio {
    position: relative;
  }
  .bloc-2-home .bulle-lumio {
    left: 50px;
    position: absolute;
    bottom: 50px; }

.bloc-2-home:before {
  display: block;
  content: "";
  /*background-image: url(../medias/vague-grise.png);*/
  background-size: 100% 100%;
  background-position: center top;
  height: 280px;
  width: 100%;
  position: absolute;
  bottom: 0;
}
.page-id-2 .bloc-2-presentation:before {
  display: block;
  content: "";
  background-image: url(../medias/vague-grise.png);
  background-size: 100% 100%;
  background-position: center top;
  height: 280px;
  width: 100%;
  position: absolute;
  bottom: 0;
}
@media only screen and (max-width: 830px) {
  .page-id-2 .bloc-2-presentation:before {
    display: none;
  }
}
.page-id-2 .bloc-2-presentation .bloc-content {
  float:left;
}
.page-id-2 .bloc-2-presentation .image {
  float:right;
}

@media only screen and (max-width: 830px) {
  .bloc-2-home:before {
    display: none;
  }
}
  .container-lumio-create-account .image {
    width: 50%;
    float: left;
    position: relative;
    z-index: 10; 
    margin-top: 50px;
    margin-bottom:50px;
}
@media only screen and (max-width: 830px) {
  .container-lumio-create-account .image {
    width: 100%; 
    margin-top: 0;
    margin-bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;

} }
    .container-lumio-create-account .image img {
      display: block;
      max-width: 100%; }
      @media only screen and (max-width: 830px) {
        .bloc-2-home .image img {
          position: absolute;
          width: 307px;
          max-width: inherit;
          left: 50%;
          margin-left: -141px; } }



.container-lumio-create-account #animation_container {
  width: 600px;
  height: 650px;
}

@media only screen and (max-width: 1278px) {
  .container-lumio-create-account #animation_container {
    width: 500px !important;
    height: 541px !important;
  }
}

@media only screen and (max-width: 1190px) {
  .container-lumio-create-account #animation_container {
    width: 400px !important;
    height: 433px !important;
  }
}

@media only screen and (max-width: 830px) {
  .container-lumio-create-account #animation_container {
    width: 600px !important;
    height: 650px !important;
  }
}

@media only screen and (max-width: 600px) {
  .container-lumio-create-account #animation_container {
    width: 300px !important;
    height: 325px !important;
  }
}

.container-lumio-create-account #dom_overlay_container {
  pointer-events: none;
  overflow: hidden;
  width: 600px;
  height: 650px;
  position: absolute;
  left: 0px;
  top: 0px;
  display: block;
}

@media only screen and (max-width: 1278px) {
  .container-lumio-create-account #dom_overlay_container {
    width: 500px !important;
    height: 541px !important;
  }
}

@media only screen and (max-width: 1190px) {
  .container-lumio-create-account #dom_overlay_container {
    width: 400px !important;
    height: 433px !important;
  }
}

@media only screen and (max-width: 830px) {
  .container-lumio-create-account #dom_overlay_container {
    width: 600px !important;
    height: 650px !important;
  }
}

@media only screen and (max-width: 600px) {
  .container-lumio-create-account #dom_overlay_container {
    width: 300px !important;
    height: 325px !important;
  }
}

.container-lumio-create-account #canvas {
  position: absolute;
  display: block;
  width: 600px;
  height: 650px;
}

@media only screen and (max-width: 1278px) {
  .container-lumio-create-account #canvas {
    width: 500px !important;
    height: 541px !important;
  }
}

@media only screen and (max-width: 1190px) {
  .container-lumio-create-account #canvas {
    width: 400px !important;
    height: 433px !important;
  }
}

@media only screen and (max-width: 830px) {
  .container-lumio-create-account #canvas {
    width: 600px !important;
    height: 650px !important;
  }
}

@media only screen and (max-width: 600px) {
  .container-lumio-create-account #canvas {
    width: 300px !important;
    height: 325px !important;
  }
}

  .bloc-2-home .bloc-content {
    width: 50%;
    float: left;
    margin-top: 10px;
    max-width: 500px; }
    @media only screen and (max-width: 830px) {
      .bloc-2-home .bloc-content {
        width: 100%;
	max-width: 100%;
        margin-top: 30px; } }
    .bloc-2-home .bloc-content .title {
      padding-right: 50px; }
      @media only screen and (max-width: 830px) {
        .bloc-2-home .bloc-content .title {
          padding-right: 0; } }

.bloc-3-home {
  background: #f9f9f9;
  position: relative; 
  }
  @media only screen and (max-width: 830px) {
    .bloc-3-home {
      padding-top: 40px;
      background: #ffffff; } }
  .bloc-3-home .visuel-video {
    width: 100%;
    margin-top: 40px;
    display: block; }
  .bloc-3-home .video-container {
    position: relative; 
    max-height: 950px; }
    .bloc-3-home .video iframe {
      width: 100%;
      height: auto; }
  .bloc-3-home .play {
    width: 133px;
    height: 133px;
    border-radius: 50%;
    background: #ffffff;
    position: absolute;
    display: block;
    top: calc(50% - 110px);
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    line-height: 133px;
    cursor: pointer; 
    z-index: 100;
}
    @media only screen and (max-width: 830px) {
      .bloc-3-home .play {
        width: 60px;
        height: 60px;
        line-height: 60px;
        top: 50%; }
        .bloc-3-home .play img {
          width: 18px;
          height: auto; } }
  .bloc-3-home:after {
    display: block;
    content: "";
    background-size: 100% auto;
    /*height: 230px;
    width: 120%;*/
    width: 100%;
    height: 100%;
    position: absolute;
    background-position: right 101%;
    bottom: 0;
    left: 0;
    background-repeat: no-repeat; }
    @media only screen and (max-width: 830px) {
      .bloc-3-home:after {
        display: none; } }

.bloc-4-home {
  background: #f5f5f5;
  position: relative; }
  @media only screen and (max-width: 830px) {
    .bloc-4-home {
      background: #ffffff; } }
  .bloc-4-home:after {
    display: block;
    content: "";
    background-image: url(../medias/vague-blanche2.png);
    background-size: 100% auto;
    background-position: center bottom;
    height: 340px;
    width: 100%;
    position: absolute;
    bottom: 0px; /* 10px TODO */
    background-repeat: no-repeat;
 }
    @media only screen and (max-width: 830px) {
      .bloc-4-home:after {
        display: none; } }
  .bloc-4-home .container-lumio {
    position: relative;
    padding-top: 300px;
    padding-bottom: 300px;
    z-index: 10; }
    @media only screen and (max-width: 830px) {
      .bloc-4-home .container-lumio {
        padding-top: 95px;
        padding-bottom: 40px; } }
  .bloc-4-home .row-items {
    overflow: auto;
    margin-left: -18px;
    margin-right: -18px; }
    @media only screen and (max-width: 830px) {
      .bloc-4-home .row-items {
        margin-left: 0;
        margin-right: 0; } }
    .bloc-4-home .row-items .item {
      float: left;
      width: 33.33%;
      padding: 0 18px; }
      @media only screen and (max-width: 830px) {
        .bloc-4-home .row-items .item {
          width: 100%;
          padding: 0;
          margin-bottom: 15px; } }
      .bloc-4-home .row-items .item .title {
        font-size: 18px;
	line-height:1.5;
        height: 54px;
        margin-bottom: 15px; }
        @media only screen and (max-width: 830px) {
          .bloc-4-home .row-items .item .title {
            height: auto;
            font-size: 16px; } }
      .bloc-4-home .row-items .item p {
        font-size: 15px;
        line-height: 1.8;
        color: #404040;
        min-height: 100px; }
        @media only screen and (max-width: 830px) {
          .bloc-4-home .row-items .item p {
            min-height: inherit;
            margin-bottom: 10px; } }
        @media only screen and (max-width: 600px) {
          .bloc-4-home .row-items .item p {
            font-size: 14px;
            /*line-height: 1.5;*/ } }
      .bloc-4-home .row-items .item .link {
        color: var(--corail-100);
        font-weight: 500; }
        @media only screen and (max-width: 830px) {
          .bloc-4-home .row-items .item .link {
            font-size: 14px; } }

.bulle-perso {
  position: absolute;
  z-index: 10; }
  @media only screen and (max-width: 830px) {
    .bulle-perso {
      position: relative; } }
  .bulle-perso .vignette {
    width: 210px;
    height: 210px;
    border-radius: 50%;
    overflow: hidden;
    display: block;
    position: relative;
    box-shadow: 0 10px 15px 0 rgba(0, 0, 0, 0.3);
    border: solid 5px #ffffff; }
    @media only screen and (max-width: 830px) {
      .bulle-perso .vignette {
        width: 60px;
        height: 60px;
        position: absolute;
        left: 50%;
        margin-left: -30px;
        top: -50px;
        z-index: 11;
        border: solid 2px #ffffff; }
        .bulle-perso .vignette img {
          width: 100%; } }
.bulle-perso .text h2 {
	font-size: 36px;
    font-weight: 800;
}
  .bulle-perso .text {
    display: inline-block;
    background: #ffffff;
    position: absolute;
    top: -5px;
    left: 180px;
    font-size: 36px;
    font-weight: 800;
    padding: 25px;
    border-radius: 20px 20px 20px 0;
    line-height: 1.1; }
    @media only screen and (max-width: 830px) {
      .bulle-perso .text {
        position: relative;
        left: inherit;
        top: inherit;
        font-size: 24px;
        text-align: center; }
	.bulle-perso .text h2 {
	font-size: 24px;
	}
 }

.bulle-perso.first {
  top: 40px;
  left: 0; }
  @media only screen and (max-width: 830px) {
    .bulle-perso.first {
      top: 0;
      margin-bottom: 35px; } }
  .bulle-perso.first .text {
    width: 575px; }
    @media only screen and (max-width: 830px) {
      .bulle-perso.first .text {
        width: 100%;
        box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.15); } }
.bulle-perso.last {
  bottom: 0;
  right: 0;
  width: 465px;
  padding-bottom: 18px; }
  @media only screen and (max-width: 830px) {
    .bulle-perso.last {
      width: 100%;
      margin-top: 6.5rem; } }
  .bulle-perso.last .text {
    text-align: center;
    font-size: 24px;
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.15); }

    .bulle-perso a {
       font-size:1rem;
       font-weight:normal;
    }
    @media only screen and (max-width: 830px) {
      .bulle-perso.last .text {
        width: 100%;
        max-width: 280px;
        margin-left: auto;
        margin-right: auto;
        display: block; } }
    .bulle-perso.last .text .cta-btn {
      display: block;
      margin-top: 20px; }
      @media only screen and (max-width: 830px) {
        .bulle-perso.last .text .cta-btn {
          padding: 0; min-width: 220px;} }

.bulle-lumio {
  width: 315px;
  z-index: 10; }
  @media only screen and (max-width: 830px) {
    .bulle-lumio {
      display: none; } }
  .bulle-lumio .vignette {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    overflow: hidden;
    display: block;
    position: absolute;
    left: -30px;
    bottom: -30px;
    z-index: 10;
    border: solid 5px #8748cb;
    background: #ffffff; }
    .bulle-lumio .vignette img {
      display: block;
      position: absolute;
      top: 15px;
      left: 50%;
      transform: translateX(-50%);
      width: 90%; }
  .bulle-lumio.bleu .vignette {
    border-color: var(--blue-100); }
  .bulle-lumio .text {
    display: inline-block;
    background: #ffffff;
    position: relative;
    padding: 25px;
    border-radius: 20px 20px 20px 0;
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.15);
    line-height: 1.3;
    border: solid 1px #e5e5e5;
    font-style: italic;
    width: 285px;
    font-weight: 600; }

.bloc-5-home {
  background: #ffffff;
  padding-bottom: 6.5rem;
}
.bloc-5-home > .container-lumio > .bloc-content > .link {
  display:inline-block;
}
  @media only screen and (max-width: 830px) {
    .bloc-5-home {
      padding: 40px 0;
      padding-top: 0; } }
  .bloc-5-home .bloc-content {
    width: 620px; }
  .bloc-5-home .link {
    color: var(--corail-100); }
  .bloc-5-home img, .bloc-5-home svg {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 34px;
    width: 251px;
    height: auto; }
    @media only screen and (max-width: 830px) {
      .bloc-5-home img, .bloc-5-home svg {
        margin-bottom: 10px; } }
  .bloc-5-home .title {
    font-size: 24px; }
  .bloc-5-home p {
    font-weight: 600;
    color: #999999;
    font-style: italic; }

/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 23 mai 2018, 18:17:54
    Author     : claire
*/
.page-id-7 {
	  overflow: unset;
  }
.page-id-7 .bloc-content .title small,
.page-id-7 .bloc-content .title .small {
  font-weight: bold;
  font-size: 75%;
}

.page-id-7 .bloc-content .tag {
  margin-bottom: 10px;
}

.page-id-7 .bloc-content .link-secondary {
  margin-left: 35px;
  color: #ff7498;
}

.page-id-7 .bloc-content .link-secondary.white {
  color: #fff;
}

.page-id-7 .bloc-content-intro .cta-btn,
.page-id-7 .bloc-content-intro .link {
  margin-top: 130px;
}

@media only screen and (max-width: 990px) {
  .page-id-7 .bloc-content-intro .cta-btn,
  .page-id-7 .bloc-content-intro .link {
    margin-top: 65px;
  }
}

.bloc-intro-presentation {
  height: 825px;
  width: 100%;
  position: relative;
  padding-top: 150px;
  overflow: hidden;
}


@media only screen and (max-width: 830px) {
  .bloc-intro-presentation {
    height: 590px;
    padding-top: 94px;
  }
}

.bloc-intro-presentation .bloc-content {
  padding-left: 50px;
  width: 50%;
  float: left;
  max-width: 612px;
}

@media only screen and (max-width: 1190px) {
  .bloc-intro-presentation .bloc-content {
    padding-left: 0;
  }
}

@media only screen and (max-width: 990px) {
  .bloc-intro-presentation .bloc-content {
    width: 100%;
    max-width: 100%;
    max-width: inherit;
  }
}

.bloc-intro-presentation .image {
  width: 50%;
  float: right;
  position: relative;
  z-index: 10;
}

@media only screen and (max-width: 990px) {
  .bloc-intro-presentation .image {
    width: 100%;
    padding-top: 30px;
  }
}

.bloc-intro-presentation .image img {
  display: block;
  max-width: 100%;
  margin-left: 80px;
  position: absolute;
}

@media only screen and (max-width: 1387px) {
  .bloc-intro-presentation .image img {
    margin-left: 0;
  }
}

@media only screen and (max-width: 990px) {
  .bloc-intro-presentation .image img {
    margin-left: auto;
    margin-right: auto;
    position: relative;
  }
}

@media only screen and (max-width: 830px) {
  .bloc-intro-presentation .image img {
    position: absolute;
    width: 336px;
    max-width: inherit;
    left: 50%;
    margin-left: -155px;
  }
}

.bloc-intro-presentation .container-lumio {
  position: relative;
}
@media only screen and (max-width: 990px) {
  .bloc-intro-presentation .container-lumio {
    overflow: auto;
  }
}

@media only screen and (max-width: 830px) {
  .bloc-intro-presentation .container-lumio {
    overflow: inherit;
    position: initial;
  }
}

.bloc-intro-presentation:after {
  display: block;
  content: "";
  width: 130%;
  height: 320px;
  background-size: 100% 320px;
  background-repeat: no-repeat;
  background-position: left -240px bottom;
  background-image: url(../medias/mask2.png);
  position: absolute;
  bottom: 0px;
}

@media only screen and (max-width: 830px) {
  .bloc-intro-presentation:after {
    width: 100%;
    height: 64px;
    background-size: 100% 64px;
    background-position: left bottom;
    background-image: url(../medias/mask-mobile.png);
    left: 0;
  }
}

.bloc-intro-presentation #animation_container {
  width: 600px;
  height: 650px;
}

@media only screen and (max-width: 1278px) {
  .bloc-intro-presentation #animation_container {
    width: 500px !important;
    height: 541px !important;
  }
}

@media only screen and (max-width: 1190px) {
  .bloc-intro-presentation #animation_container {
    width: 400px !important;
    height: 433px !important;
  }
}

@media only screen and (max-width: 830px) {
  .bloc-intro-presentation #animation_container {
    display: none;
  }
}

.bloc-intro-presentation #dom_overlay_container {
  pointer-events: none;
  overflow: hidden;
  width: 600px;
  height: 650px;
  position: absolute;
  left: 0px;
  top: 0px;
  display: block;
}

@media only screen and (max-width: 1278px) {
  .bloc-intro-presentation #dom_overlay_container {
    width: 500px !important;
    height: 541px !important;
  }
}

@media only screen and (max-width: 1190px) {
  .bloc-intro-presentation #dom_overlay_container {
    width: 400px !important;
    height: 433px !important;
  }
}

@media only screen and (max-width: 830px) {
  .bloc-intro-presentation #dom_overlay_container {
    display: none;
  }
}

.bloc-intro-presentation #canvas {
  position: absolute;
  display: block;
  width: 600px;
  height: 650px;
}

@media only screen and (max-width: 1278px) {
  .bloc-intro-presentation #canvas {
    width: 500px !important;
    height: 541px !important;
  }
}

@media only screen and (max-width: 1190px) {
  .bloc-intro-presentation #canvas {
    width: 400px !important;
    height: 433px !important;
  }
}

@media only screen and (max-width: 830px) {
  .bloc-intro-presentation #canvas {
    display: none;
  }
}

.bloc-2-presentation {
  background-color: #ffffff;
  position: relative;
  padding-top: 100px;
  padding-bottom: 100px;
  width: 100%;
}

@media only screen and (max-width: 990px) {
  .bloc-2-presentation {
    padding-top: 0;
  }
}

@media only screen and (max-width: 830px) {
  .bloc-2-presentation {
    padding-bottom: 0;
  }
}

.bloc-2-presentation .container-lumio {
  position: relative;
}

.bloc-2-presentation .image {
  width: 50%;
  float: left;
  position: relative;
  z-index: 10;
  text-align: center;
}

@media only screen and (max-width: 830px) {
  .bloc-2-presentation .image {
    width: 100%;
    margin-top: 30px;
    margin-bottom: 30px;
  }
}

.bloc-2-presentation .image p {
  font-weight: bold;
  margin-top: 25px;
  font-size: 18px;
}

.bloc-2-presentation .image img {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  height: auto;
}

.bloc-2-presentation .bloc-content {
  width: 50%;
  margin-top: 50px;
  padding-left: 50px;
  margin-bottom: 70px;
  max-width: 612px;
}

@media only screen and (max-width: 830px) {
  .bloc-2-presentation .bloc-content {
    width: 100%;
    max-width: 100%;
    margin-top: 0;
    padding-top: 50px;
    padding-left: 0;
    margin-bottom: 0;
    padding-bottom: 50px;
  }
}

.bloc-2-presentation .bloc-content .title {
  font-size: 28px;
}

.bloc-2-presentation .images-desktop {
  display: block;
}

@media only screen and (max-width: 830px) {
  .bloc-2-presentation .images-desktop {
    display: none;
  }
}

.bloc-2-presentation .images-mobile {
  display: none;
}

@media only screen and (max-width: 830px) {
  .bloc-2-presentation .images-mobile {
    display: block;
  }
}

@media only screen and (max-width: 830px) {
  .bloc-2-presentation .text + .text {
    margin-top: 80px;
  }
}

.bloc-3-presentation {
  background-color: #ffffff;
  overflow: auto;
  position: relative;
  padding-top: 65px;
  padding-bottom: 100px;
  width: 100%;
}

@media only screen and (max-width: 990px) {
  .bloc-3-presentation {
    padding-top: 0;
  }
}

@media only screen and (max-width: 830px) {
  .bloc-3-presentation {
    padding-bottom:  80px;
    padding-top: 80px;
    background-color: #f5f5f5;
  }
}

.bloc-3-presentation .container-lumio {
  position: relative;
  overflow: hidden;
}

.bloc-3-presentation .image {
  width: 50%;
  float: left;
  position: relative;
  z-index: 10;
  text-align: center;
}

@media only screen and (max-width: 830px) {
  .bloc-3-presentation .image {
    width: 100%;
    margin-top: 30px;
  }
}

.bloc-3-presentation .image p {
  font-weight: bold;
  margin-top: 25px;
  font-size: 18px;
}

.bloc-3-presentation .image img {
  display: block;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  height: auto;
}

.bloc-3-presentation .bloc-content {
  width: 50%;
  float: right;
  margin-top: 170px;
  padding-left: 50px;
  max-width: 612px;
}

@media only screen and (max-width: 830px) {
  .bloc-3-presentation .bloc-content {
    width: 100%;
    max-width: 100%;
    padding-left: 0;
    margin-top: 0;
  }
}

.bloc-3-presentation::before {
  display: block;
  content: "";
  width: 100%;
  height: 520px;
  background-size: 100% 520px;
  background-repeat: no-repeat;
  background-position: left top;
  background-image: url(../medias/presentation/wave-grey.png);
  position: absolute;
  top: 110px;
}

@media only screen and (max-width: 830px) {
  .bloc-3-presentation::before {
    display: none;
  }
}

.bloc-4-presentation {
  background-color: #ffffff;
  overflow: auto;
  position: relative;
  padding-top: 150px;
  padding-bottom: 100px;
  width: 100%;
}

@media only screen and (max-width: 990px) {
  .bloc-4-presentation {
    padding-top: 0;
  }
}

@media only screen and (max-width: 830px) {
  .bloc-4-presentation {
    padding-bottom: 0;
    padding-top: 80px;
  }
}

.bloc-4-presentation .container-lumio {
  position: relative;
  overflow: hidden;
}

.bloc-4-presentation .image {
  width: 50%;
  float: right;
  position: relative;
  z-index: 10;
  text-align: center;
  padding-left: 50px;
}

@media only screen and (max-width: 830px) {
  .bloc-4-presentation .image {
    width: 100%;
    margin-top: 30px;
    padding-left: 0;
  }
}

.bloc-4-presentation .image p {
  font-weight: bold;
  margin-top: 25px;
  font-size: 18px;
}

.bloc-4-presentation .image img {
  display: block;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  height: auto;
}

.bloc-4-presentation .bloc-content {
  width: 50%;
  float: left;
  margin-top: 65px;
  padding-left: 50px;
  max-width: 612px;
}

@media only screen and (max-width: 830px) {
  .bloc-4-presentation .bloc-content {
    width: 100%;
    max-width: 100%;
    padding-left: 0;
    margin-top: 0;
  }
}

.bloc-5-presentation {
  background-color: #ffffff;
  overflow: auto;
  position: relative;
  padding-top: 65px;
  padding-bottom: 100px;
  width: 100%;
}

@media only screen and (max-width: 990px) {
  .bloc-5-presentation {
    padding-top: 0;
  }
}

@media only screen and (max-width: 830px) {
  .bloc-5-presentation {
    padding-bottom: 80px;
    padding-top: 80px;
  }
}

.bloc-5-presentation .container-lumio {
  position: relative;
  overflow: hidden;
}

.bloc-5-presentation .image {
  width: 50%;
  float: left;
  position: relative;
  z-index: 10;
  text-align: center;
  max-width: 612px;
  padding-left: 50px;
}

@media only screen and (max-width: 830px) {
  .bloc-5-presentation .image {
    width: 100%;
    max-width: 100%;
    margin-top: 30px;
    padding-left: 0;
  }
}

.bloc-5-presentation .image p {
  font-weight: bold;
  margin-top: 25px;
  font-size: 18px;
}

.bloc-5-presentation .image img {
  display: block;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  height: auto;
}

.bloc-5-presentation .bloc-content {
  width: 50%;
  float: right;
  margin-top: 120px;
  padding-left: 50px;
  max-width: 612px;
}

@media only screen and (max-width: 830px) {
  .bloc-5-presentation .bloc-content {
    width: 100%;
    max-width: 100%;
    padding-left: 0;
    margin-top: 0;
  }
}

.bloc-6-presentation {
  overflow: auto;
  position: relative;
  padding-top: 65px;
  padding-bottom: 100px;
  width: 100%;
  height: 800px;
}

@media only screen and (max-width: 990px) {
  .bloc-6-presentation {
    padding-top: 0;
  }
}

@media only screen and (max-width: 830px) {
  .bloc-6-presentation {
    padding-bottom: 80px;
    padding-top: 80px;
    height: auto;
  }
}

.bloc-6-presentation .container-lumio {
  position: relative;
  overflow: hidden;
}

.bloc-6-presentation .image {
  width: 50%;
  float: right;
  position: relative;
  z-index: 10;
  text-align: center;
  margin-top: 70px;
}

@media only screen and (max-width: 830px) {
  .bloc-6-presentation .image {
    width: 100%;
    margin-top: 30px;
  }
}

.bloc-6-presentation .image p {
  font-weight: bold;
  margin-top: 25px;
  font-size: 18px;
}

.bloc-6-presentation .image img {
  display: block;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  height: auto;
}

.bloc-6-presentation .bloc-content {
  width: 50%;
  float: left;
  margin-top: 30px;
  padding-left: 50px;
  max-width: 612px;
}

@media only screen and (max-width: 830px) {
  .bloc-6-presentation .bloc-content {
    width: 100%;
    max-width: 100%;
    padding-left: 0;
    margin-top: 0;
  }
}

.bloc-6-presentation::before {
  display: block;
  content: "";
  width: 100%;
  height: 800px;
  background-size: 100% 800px;
  background-repeat: no-repeat;
  background-position: left top;
  background-image: url(../medias/presentation/wave-3.png);
  position: absolute;
  top: 0;
}

@media only screen and (max-width: 830px) {
  .bloc-6-presentation::before {
    display: none;
  }
}

.bloc-7-presentation {
  background-color: #ffffff;
  overflow: auto;
  position: relative;
  padding-top: 65px;
  padding-bottom: 100px;
  width: 100%;
}

@media only screen and (max-width: 990px) {
  .bloc-7-presentation {
    padding-top: 0;
  }
}

@media only screen and (max-width: 830px) {
  .bloc-7-presentation {
    padding-top: 80px;
    padding-bottom: 0;
  }
}

.bloc-7-presentation .container-lumio {
  position: relative;
  overflow: hidden;
}

.bloc-7-presentation .image {
  width: 50%;
  float: left;
  position: relative;
  z-index: 10;
  text-align: center;
  max-width: 612px;
  padding-left: 50px;
}

@media only screen and (max-width: 830px) {
  .bloc-7-presentation .image {
    width: 100%;
    max-width: 100%;
    margin-top: 30px;
    padding-left: 0;
  }
}

.bloc-7-presentation .image p {
  font-weight: bold;
  margin-top: 25px;
  font-size: 18px;
}

.bloc-7-presentation .image img {
  display: block;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  height: auto;
}

.bloc-7-presentation .bloc-content {
  width: 50%;
  float: right;
  margin-top: 30px;
  padding-left: 50px;
  max-width: 612px;
}

@media only screen and (max-width: 830px) {
  .bloc-7-presentation .bloc-content {
    width: 100%;
    max-width: 100%;
    padding-left: 0;
    margin-top: 0;
  }
}

.bloc-8-presentation {
  background-color: #ffffff;
  overflow: auto;
  position: relative;
  padding-top: 65px;
  padding-bottom: 100px;
  width: 100%;
}

@media only screen and (max-width: 990px) {
  .bloc-8-presentation {
    padding-top: 0;
  }
}

@media only screen and (max-width: 830px) {
  .bloc-8-presentation {
    padding-bottom: 80px;
    padding-top: 80px;
  }
}

.bloc-8-presentation .container-lumio {
  position: relative;
  overflow: hidden;
}

.bloc-8-presentation .image {
  width: 50%;
  float: right;
  position: relative;
  z-index: 10;
  text-align: center;
  padding-left: 50px;
}

@media only screen and (max-width: 830px) {
  .bloc-8-presentation .image {
    width: 100%;
    margin-top: 30px;
    padding-left: 0;
  }
}

.bloc-8-presentation .image p {
  font-weight: bold;
  margin-top: 25px;
  font-size: 18px;
}

.bloc-8-presentation .image img {
  display: block;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  height: auto;
}

.bloc-8-presentation .bloc-content {
  width: 50%;
  float: left;
  margin-top: 50px;
  padding-left: 50px;
  max-width: 612px;
}

@media only screen and (max-width: 830px) {
  .bloc-8-presentation .bloc-content {
    width: 100%;
    max-width: 100%;
    padding-left: 0;
    margin-top: 0;
  }
}

.bloc-9-presentation {
  overflow: auto;
  position: relative;
  padding-top: 65px;
  padding-bottom: 65px;
  width: 100%;
  height: 600px;
}

@media only screen and (max-width: 990px) {
  .bloc-9-presentation {
    padding-top: 0;
  }
}

@media only screen and (max-width: 830px) {
  .bloc-9-presentation {
    padding-bottom: 80px;
    padding-top: 80px;
    height: auto;
  }
}

.bloc-9-presentation .container-lumio {
  position: relative;
  overflow: hidden;
}

.bloc-9-presentation .image {
  width: 50%;
  float: left;
  position: relative;
  z-index: 10;
  text-align: center;
  margin-top: 150px;
}

@media only screen and (max-width: 830px) {
  .bloc-9-presentation .image {
    width: 100%;
    margin-top: 30px;
  }
}

.bloc-9-presentation .image p {
  font-weight: bold;
  margin-top: 25px;
  font-size: 18px;
}

.bloc-9-presentation .image img {
  display: block;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  height: auto;
}

@media only screen and (max-width: 830px) {
  .bloc-9-presentation .image img {
    margin-top: 20px;
    margin-bottom: 0;
  }
}

.bloc-9-presentation .bloc-content {
  width: 50%;
  float: right;
  margin-top: 30px;
  padding-left: 50px;
  max-width: 612px;
}

@media only screen and (max-width: 830px) {
  .bloc-9-presentation .bloc-content {
    width: 100%;
    max-width: 100%;
    padding-left: 0;
    margin-top: 0;
  }
}

.bloc-9-presentation .bloc-content p + p {
  margin-top: 25px;
}

.bloc-9-presentation::before {
  display: block;
  content: "";
  width: 100%;
  height: 600px;
  background-size: 100% 600px;
  background-repeat: no-repeat;
  background-position: left top;
  background-image: url(../medias/presentation/wave-4.png);
  position: absolute;
  top: 0;
}
@media only screen and (min-width: 340px) and (max-width: 830px) {
    .video-container {

        }
}
@media only screen and (max-width: 830px) {
  .bloc-9-presentation::before {
    display: none;
  }
}
@media only screen and (max-width: 990px) {
  .bloc-10-presentation {
    padding-top: 30px;
  }
}
@media only screen and (max-width: 830px) {
  .bloc-10-presentation {
	padding-bottom: 80px;
        padding-top: 80px;
   }
}

@media only screen and (max-width: 830px) {
  .page-id-7 .buttons .cta-btn {
    width: 100%;
  }
  .page-id-7 .buttons .link-secondary {
    display: block;
    text-align: center;
    margin-left: 0;
    margin-top: 15px;
  }
}

.checks {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 90px;
  height: 100px;
  padding: 28px 70px;
  background-color: rgba(255, 255, 255, 0.2);
  border-radius: 30px;
}

@media only screen and (max-width: 990px) {
  .checks {
    height: auto;
    display: block;
    margin-top: 45px;
    margin-bottom: 60px;
    padding: 30px;
  }
}
@media only screen and (max-width: 830px) {
 .checks {
     margin-bottom: 0;
 }
}
.checks .check {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.checks .check-icon {
  width: 45px;
  height: 45px;
  margin-right: 20px;
}

.checks .check-label {
  color: #fff;
  font-size: 15px;
  line-height: 1.133;
}

.checks .check + .check {
  margin-left: 60px;
}

@media only screen and (max-width: 990px) {
  .checks .check + .check {
    margin-left: 0;
    margin-top: 30px;
  }
}
@media only screen and (min-width: 831px) {
  .container-scrolling {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .container-scrolling .images {
    position: -webkit-sticky;
    position: sticky;
    top: calc(50vh - 150px);
    width: 50%;
    height: 300px;
  }
  .container-scrolling .images .img {
    position: absolute;
    top: 0;
    left: 50%;
    max-width: 100%;
    height: auto;
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transition: opacity 0.5s ease-in-out;
    transition: opacity 0.5s ease-in-out;
  }
  .container-scrolling .images .img.hidden {
    opacity: 0;
    visibility: hidden;
  }
  .container-scrolling .images .img-2 {
    width: 550px;
  }
  .container-scrolling .images .img-2-exemple {
    position: absolute;
    top: 0;
    left: 0;
    width: 438px;
    border: 1px solid #e5e5e5;
    border-radius: 5px;
    z-index: 1;
    -webkit-transform: translateX(-100px);
    transform: translateX(-100px);
    opacity: 0;
  }
  .container-scrolling .images .img-2-exemple.active {
    -webkit-animation: slideRight 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
    animation: slideRight 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
  }
  .container-scrolling .images .img-2-conseil {
    position: absolute;
    top: 38px;
    right: 0;
    width: 282px;
    border: 1px solid #e5e5e5;
    border-radius: 5px;
    z-index: 2;
    -webkit-transform: translateX(100px);
    transform: translateX(100px);
    opacity: 0;
  }
  .container-scrolling .images .img-2-conseil.active {
    -webkit-animation: slideLeft 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.25s both;
    animation: slideLeft 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.25s both;
  }
  .container-scrolling .images .img-2-attention {
    position: absolute;
    top: 115px;
    left: 81px;
    width: 282px;
    border: 1px solid #e5e5e5;
    border-radius: 5px;
    z-index: 3;
    -webkit-transform: translateY(100px);
    transform: translateY(100px);
    opacity: 0;
  }
  .container-scrolling .images .img-2-attention.active {
    -webkit-animation: slideUp 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s both;
    animation: slideUp 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s both;
  }
  .container-scrolling .images .img-3 {
    margin-top: 70px;
  }
  .container-scrolling .text + .text {
    margin-top: 220px;
  }
}

@-webkit-keyframes slideRight {
  from {
    -webkit-transform: translateX(-100px);
    transform: translateX(-100px);
    opacity: 0;
  }
  to {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}

@keyframes slideRight {
  from {
    -webkit-transform: translateX(-100px);
    transform: translateX(-100px);
    opacity: 0;
  }
  to {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}

@-webkit-keyframes slideLeft {
  from {
    -webkit-transform: translateX(100px);
    transform: translateX(100px);
    opacity: 0;
  }
  to {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}

@keyframes slideLeft {
  from {
    -webkit-transform: translateX(100px);
    transform: translateX(100px);
    opacity: 0;
  }
  to {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}

@-webkit-keyframes slideUp {
  from {
    -webkit-transform: translateY(100px);
    transform: translateY(100px);
    opacity: 0;
  }
  to {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}

@keyframes slideUp {
  from {
    -webkit-transform: translateY(100px);
    transform: translateY(100px);
    opacity: 0;
  }
  to {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}



/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 24 mai 2018, 11:32:20
    Author     : claire
*/
.bloc-intro-procedure {
  width: 100%;
  position: relative;
  padding-top: 165px;
  margin-bottom: 40px;
  overflow: auto; }
  @media only screen and (max-width: 1279px) {
    .bloc-intro-procedure {
      height: auto; 
      padding-top: 50px;
    } 
  }
  @media only screen and (max-width: 830px) {
    .bloc-intro-procedure {
      padding-top: 44px;
      background: #ffffff; } }
  .bloc-intro-procedure .bloc-content {
    padding-left: 30px;
    width: 50%;
    float: left;
    max-width: 530px; 
    min-height:640px;
}
.bloc-intro-procedure .bloc-content p {
      margin-bottom: 20px; }
    @media only screen and (max-width: 1190px) {
      .bloc-intro-procedure .bloc-content {
        padding-left: 0; } }
    @media only screen and (max-width: 830px) {
      .bloc-intro-procedure .bloc-content {
        color: #404040;
        width: 100%;
        max-width: inherit; }
        .bloc-intro-procedure .bloc-content p {
          color: #404040; 
       } 
     }
    @media only screen and (max-width: 600px) {
      .bloc-intro-procedure .bloc-content p {
        font-size: 14px; } }
    .bloc-intro-procedure .bloc-content h2 {
      font-size: 18px;
      font-weight: bold; }
    .bloc-intro-procedure .bloc-content li {
      margin-bottom: 5px; }
  .bloc-intro-procedure .image {
    width: 50%;
    float: right;
    position: relative;
    z-index: 10; }

    @media only screen and (max-width: 830px) {
      .bloc-intro-procedure .image {
        display: none; } }
    .bloc-intro-procedure .image img {
      display: block;
      max-width: 100%;
      margin-left: 80px;
      position: relative; }
    .bloc-intro-procedure .image > div {
      margin-left: 80px;
    }
    .bloc-intro-procedure .image > div {
      position:relative;
      top:-120px;
      width:100%;
    }

    .bloc-intro-procedure .image > div div.bloc-content-tissot {
	    margin-top: 60px;
	    margin-left: auto;
	    margin-right: auto;
	    display: block;
    }


      @media only screen and (max-width: 1387px) {
        .bloc-intro-procedure .image img {
          margin-left: 0; } 
 	.bloc-intro-procedure .image > div {
	  margin-left: 0;
	}	
     }
      @media only screen and (max-width: 990px) {
        .bloc-intro-procedure .image img {
          margin-left: auto;
          margin-right: auto;
          position: relative; } }
      @media only screen and (max-width: 830px) {
        .bloc-intro-procedure .image img {
          position: absolute;
          width: 336px;
          max-width: inherit;
          left: 50%;
          margin-left: -155px; } }
  .bloc-intro-procedure .container-lumio {
    position: relative; }
    @media only screen and (max-width: 990px) {
      .bloc-intro-procedure .container-lumio {
        overflow: auto; } }
    @media only screen and (max-width: 830px) {
      .bloc-intro-procedure .container-lumio {
        overflow: inherit; } }
.bloc-intro-procedure .image div.text-center {
    text-align:center;
}

  .bloc-intro-procedure:after {
    display: block;
    content: "";
    width: 100%;
    height: 310px;
    background-size: 100% 310px;
    background-repeat: no-repeat;
    background-position: left bottom;
    background-image: url(../medias/mask.png);
    position: absolute;
    bottom: 0; }
    @media only screen and (max-width: 830px) {
      .bloc-intro-procedure:after {
        background-size: 100% 65px; } }

.lumio-list-steps {
  max-width: 100%;
  width: 100%;
  color: #404040; }
  .lumio-list-steps.small-width ul li .texte {
    font-weight: 600;
    line-height: 1.3; 
    text-decoration: none;
  }
  @media only screen and (min-width: 1024px) {
    .lumio-list-steps.small-width ul li a:hover {
      /*color: var(--blue-100);*/
    }
 }
.procstep {
  display:table-cell;
  vertical-align:middle;
}	
  @media only screen and (min-width: 830px) {
    .lumio-list-steps.small-width {
      padding: 25px 20px;
      margin-top: 65px;
      padding-right: 65px;
      background: #ffffff;
      border-radius: 8px;
      border: solid 1px var(--grey-500);
      width: 455px; 
      min-height: 290px;} }
  @media only screen and (max-width: 830px) {
    .lumio-list-steps.small-width {
      margin-top: 30px; } }
  .lumio-list-steps .title {
    color: #191919 !important;
    font-size: 20px;
    line-height: 150%;
    margin-bottom: 10px; 
    font-family:Inter;
   }
  .lumio-list-steps ul {
    list-style: none; }
    .lumio-list-steps ul li {
      list-style: none;
      padding-left: 0 !important;
      height: 55px;
      display: table;
      position: relative; 
      margin-left: 0;
      margin-bottom: 0 !important;}
      .lumio-list-steps ul li a {
        display: table-cell;
        vertical-align: middle; }
      .lumio-list-steps ul li .bulle {
        display: inline-block;
        position: absolute;
        top: 50%;
        margin-top: -16px;
        background: #ffffff;
        color: var(--blue-100);
	background-color:var(--grey-200);
        width: 33px;
        height: 33px;
        line-height: 33px;
        text-align: center;
        font-size: 15px;
	font-weight:bold;
        border-radius: 33px; }
        @media only screen and (max-width: 830px) {
          .lumio-list-steps ul li .bulle {
            margin-right: 5px; } }
      .lumio-list-steps ul li .texte {
        display: inline-block;
        margin-left: 49px;
        vertical-align: middle;
        width: calc(100% - 49px);
        font-weight: normal;
        }
      .lumio-list-steps ul li:after {
        display: block;
        content: "";
        width: 2px;
        height: 22px;
        background: var(--grey-200);
        margin-left: 16px;
        left: 0;
        position: absolute;
        top: -10px; }
      .lumio-list-steps ul li:first-child:after {
        display: none; }
  .lumio-list-steps.full-width ul li {
    height: auto;
    padding-bottom: 40px; 
  }
    .lumio-list-steps.full-width ul li .bulle {
      top: 5px;
      margin-top: 0; }
    .lumio-list-steps.full-width ul li .texte {
      max-width: 800px; }
    .lumio-list-steps.full-width ul li:after {
      top: 38px;
      bottom: -5px;
      height: auto; }
    .lumio-list-steps.full-width ul li:first-child:after {
      display: block; }
    .lumio-list-steps.full-width ul li:last-child:after {
      display: none; }
    .lumio-list-steps.full-width ul li header .title {
      font-weight: normal;
      margin-top: -8px;
      margin-bottom: 16px; 
    }
      .lumio-list-steps.full-width ul li header .title span {
        margin-top: 4px;
        display: block;
        font-weight: bold;
    }
    @media only screen and (max-width: 600px) {
      .lumio-list-steps.full-width ul li .description {
        /*font-size: 12px;*/ } }

.bloc-documents {
  background: #ffffff;
  padding-top: 80px;
  padding-bottom: 80px;
  position: relative; }
  @media only screen and (max-width: 830px) {
    .bloc-documents {
      padding: 20px 0; } }
  .bloc-documents:before {
    display: block;
    content: "\f15c";
    font: normal normal normal 14px/1 FontAwesome;
    color: #D9D9D9;
    font-size: 410px;
    position: absolute;
    top: 120px;
    left: -150px;
    transform: rotate(-34deg);
    opacity: 0.15; }
@media only screen and (max-width: 830px) {
  .template-process .bloc-documents {
    padding-bottom: 80px;
    margin-bottom: 0;
  }
}
  .bloc-documents .container-lumio {
    padding-left: 30px; }
    @media only screen and (max-width: 830px) {
      .bloc-documents .container-lumio {
        padding-left: 20px; } }
.bloc-documents .bloc-documents-title {
  text-align: left;
}
  .bloc-documents .title {
    font-size: 36px;
    margin-bottom: 25px; }
    @media only screen and (max-width: 830px) {
      .bloc-documents .title {
        margin-left: 0; 
	font-size: 24px; } }
.template-process .bloc-documents .owl-stage-outer {
  overflow: inherit;
}
  .bloc-documents .row-items {
    overflow: auto;
    margin-left: -15px;
    margin-right: -15px;
    /*overflow: auto;
    margin-left: -20px;
    margin-right: -20px;
    @media only screen and (max-width: $screen-small) {
    	margin-left: 0;
    	margin-right: 0;
    }*/ }
    .bloc-documents .row-items .item {
      margin-bottom: 30px;
      width: 50%;
      float: left;
      padding: 0 15px; 
    }
      @media only screen and (max-width: 830px) {
        .bloc-documents .row-items .item {
          width: 100%;
          padding: 0;
          margin-bottom: 20px; } }
      .bloc-documents .row-items .item .content {
        border-radius: 5px;
        background-color: #ffffff;
        border: solid 1px #bfbfbf;
        height: 175px;
        position: relative;
        padding: 25px;
        overflow: hidden; }
        .bloc-documents .row-items .item .content img {
          display: inline-block;
          vertical-align: middle;
          width: 80px; }
        .bloc-documents .row-items .item .content p {
          display: inline-block;
          vertical-align: top;
          width: calc(100% - 90px);
          padding-left: 12px;
          font-size: 18px;
          color: #191919;
          margin-top: 10px; 
          font-weight: 600; }
      .bloc-documents .row-items .item .title {
        font-size: 15px;
        top: 50%;
        transform: translateY(-50%);
        position: absolute;
        width: 115px;
        margin-left: 0; }
        @media only screen and (max-width: 830px) {
          .bloc-documents .row-items .item .title {
            height: auto; } }
    .bloc-documents .row-items .owl-nav {
      display: none; }
    .bloc-documents .row-items .owl-dots {
      position: absolute;
      top: -49px;
      right: 0; }
      .bloc-documents .row-items .owl-dots .owl-dot {
        width: 10px;
        height: 10px;
        display: inline-block;
        margin-right: 10px;
        background: #bfbfbf;
        border-radius: 10px;
        outline: none; }
        .bloc-documents .row-items .owl-dots .owl-dot.active {
          background: var(--blue-100); }
.bloc-bandeau-bleu {
  background: #ffffff;
  padding-bottom: 10px; }
  @media only screen and (max-width: 830px) {
    .bloc-bandeau-bleu {
      padding: 0 20px;
      padding-bottom: 10px; } }

.bandeau-bleu-sticky {
  margin-bottom:6.5rem;
  margin-top:6.5rem;
  background: var(--blue-120);
  color: #ffffff;
  padding: 30px 0;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.1); }
  .bandeau-bleu-sticky.fixed {
    position: fixed;
    top: 0;
    margin:0;
    left: 0;
    right: 0;
    z-index: 10000;
    border-radius: 0; }
  @media only screen and (max-width: 830px) {
    .bandeau-bleu-sticky {
      margin-bottom:4.5rem;
      margin-top:4.5rem;
      border-radius: 5px;
      text-align: center; 
    } 
}
  .bandeau-bleu-sticky .container-lumio {
    padding-left: 30px; }
    @media only screen and (max-width: 830px) {
      .bandeau-bleu-sticky .container-lumio {
        padding-left: 20px; } }
  .bandeau-bleu-sticky .title {
    font-size: 24px;
    margin-bottom: 22px; }
    @media only screen and (max-width: 830px) {
      .bandeau-bleu-sticky .title {
        font-size: 20px; } }
.bloc-bandeau-bleu-bis {
  background: var(--blue-120);
  padding: 50px 0;
  color: white;
  overflow: auto;
  padding-bottom: 10px; }
  @media only screen and (max-width: 830px) {
    .bloc-bandeau-bleu-bis {
      padding: 20px 0;
      padding-bottom: 10px; } }
  .bloc-bandeau-bleu-bis .part-left {
    width: 50%;
    float: left;
    padding-right: 35px; }
    @media only screen and (max-width: 830px) {
      .bloc-bandeau-bleu-bis .part-left {
        width: 100%;
        padding-right: 0; } }
    .bloc-bandeau-bleu-bis .part-left img {
      display: block;
      width: 100%; }
      @media only screen and (max-width: 830px) {
        .bloc-bandeau-bleu-bis .part-left img {
          max-width: 300px;
          margin-left: auto;
          margin-right: auto; } }
  .bloc-bandeau-bleu-bis .part-right {
    width: 50%;
    float: left;
    padding-left: 40px;
    padding-bottom: 20px; }
    @media only screen and (max-width: 830px) {
      .bloc-bandeau-bleu-bis .part-right {
        width: 100%;
        padding-left: 0; } }
    .bloc-bandeau-bleu-bis .part-right h2 {
      font-size: 36px;
      line-height: 1.2; }
      @media only screen and (max-width: 830px) {
        .bloc-bandeau-bleu-bis .part-right h2 {
          font-size: 24px; } }
    .bloc-bandeau-bleu-bis .part-right ul {
      list-style: none;
      margin-bottom: 40px;
      margin-top: 20px; }
      .bloc-bandeau-bleu-bis .part-right ul li {
        margin-bottom: 20px;
        font-size: 16px; }
        .bloc-bandeau-bleu-bis .part-right ul li i {
          margin-right: 5px;
          font-size: 22px;
          vertical-align: middle; }
.bloc-steps-complet {
  background: #ffffff;
  padding-top: 80px;
}
  @media only screen and (max-width: 830px) {
    .bloc-steps-complet {
  } 
}
  .bloc-steps-complet .container-lumio {
    padding-left: 30px; }
    @media only screen and (max-width: 830px) {
      .bloc-steps-complet .container-lumio {
        padding-left: 20px; } }
    .bloc-steps-complet .container-lumio > .title {
      margin-bottom: 35px; }

.bloc-presentation-lumio {
  background-color: #ffffff;
  overflow: hidden;
  position: relative;
  padding-top: 140px;
  padding-bottom: 0;
  width: 100%; }
  @media only screen and (max-width: 830px) {
    .bloc-presentation-lumio {
      padding-bottom: 0;
      padding-top: 20px; } }
  .bloc-presentation-lumio:after {
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center top;
    position: absolute;
    bottom: -15px; }
    @media only screen and (max-width: 830px) {
      .bloc-presentation-lumio:after {
        background-size: 100% auto;
        height: 200px;
        bottom: inherit;
        top: 130px; } }
  .bloc-presentation-lumio .container-lumio {
    position: relative; }
  .bloc-presentation-lumio .image {
    width: 50%;
    float: left;
    position: relative;
    z-index: 10;
    height: 580px; }
    @media only screen and (max-width: 1190px) {
      .bloc-presentation-lumio .image {
        height: auto; } }
    @media only screen and (max-width: 830px) {
      .bloc-presentation-lumio .image {
        width: 100%;
        max-width: 320px;
        float: none;
        margin-left: auto;
        margin-right: auto;
        left: 10px; } }
    .bloc-presentation-lumio .image img {
      position: absolute;
      width: 650px;
      right: 20px;
      z-index: 100; }
      @media only screen and (max-width: 1190px) {
        .bloc-presentation-lumio .image img {
          position: relative;
          width: 100%;
          right: 0; } }
  .bloc-presentation-lumio .bloc-content {
    width: 50%;
    float: right;
    margin-top: 80px; }
    @media only screen and (max-width: 1190px) {
      .bloc-presentation-lumio .bloc-content {
        margin-top: 10px; } }
    @media only screen and (max-width: 830px) {
      .bloc-presentation-lumio .bloc-content {
        width: 100%;
        margin-top: -40px; } }
    .bloc-presentation-lumio .bloc-content ul.first {
      width: 50%;
      float: left;
      padding-right: 20px; }
      @media only screen and (max-width: 1190px) {
        .bloc-presentation-lumio .bloc-content ul.first {
          width: 100%;
          padding-right: 0; } }
    .bloc-presentation-lumio .bloc-content ul.last {
      width: 50%;
      float: left; }
      @media only screen and (max-width: 1190px) {
        .bloc-presentation-lumio .bloc-content ul.last {
          width: 100%; } }
    .bloc-presentation-lumio .bloc-content ul li {
      list-style: none;
      display: table;
      font-size: 16px;
      font-weight: 600;
      line-height: 1.25;
      margin-bottom: 15px; }
      @media only screen and (max-width: 600px) {
        .bloc-presentation-lumio .bloc-content ul li {
          font-size: 14px; } }
      .bloc-presentation-lumio .bloc-content ul li .ph {
        display: table-cell;
        vertical-align: middle;
        font-size: 22px;
        padding-right: 7px; }
    .bloc-presentation-lumio .bloc-content .text-center {
      clear: both; }

.bloc-maj-reglements {
  background: #ffffff;
  text-align: center;
  z-index: 10;
  position: relative; }
  @media only screen and (max-width: 990px) {
    .bloc-maj-reglements {
      padding-top: 50px; } }
  .bloc-maj-reglements .container-lumio {
    padding-left: 30px; }
    @media only screen and (max-width: 830px) {
      .bloc-maj-reglements .container-lumio {
        padding-left: 20px; } }
  .bloc-maj-reglements .bloc-content {
    /*float: left;
    width: 50%;*/
    margin-top: -60px;
    width: calc(100% - 496px);
    padding-right: 60px;
    display: inline-block;
    text-align: left;
    display: inline-block;
    vertical-align: top; }
    @media only screen and (min-width: 830px) {
      .bloc-maj-reglements .bloc-content {
        min-height: 490px; } }
    .bloc-maj-reglements .bloc-content .accordion {
      width: 100%;
      max-width: 605px; }
      @media only screen and (max-width: 830px) {
        .bloc-maj-reglements .bloc-content .accordion {
          max-width: 100%; } }
    @media only screen and (max-width: 830px) {
      .bloc-maj-reglements .bloc-content {
        width: 100%;
        padding-right: 0;
        margin-top: 0; }
        .bloc-maj-reglements .bloc-content > .title {
          margin-bottom: 0; } }
  .bloc-maj-reglements .bloc-content-tissot, .bloc-intro-procedure .bloc-content-tissot {
    width: 100%;
    display: inline-block;
    vertical-align: top;
    max-width: 492px;
    background: #ffffff;
    text-align: center; }
    @media only screen and (min-width: 830px) {
      .bloc-maj-reglements .bloc-content-tissot, .bloc-intro-procedure .bloc-content-tissot {
        margin-top: -60px;
        border-radius: 8px;
        border: solid 1px var(--grey-500);
        padding: 40px 80px;
        margin-bottom: 30px; } }
    @media only screen and (max-width: 830px) {
      .bloc-maj-reglements .bloc-content-tissot, .bloc-intro-procedure .bloc-content-tissot {
        width: 100%;
        max-width: inherit; } }
    .bloc-maj-reglements .bloc-content-tissot .link, .bloc-intro-procedure .bloc-content-tissot .link {
      color: var(--corail-100); 
}
      @media only screen and (max-width: 600px) {
        .bloc-maj-reglements .bloc-content-tissot .link, .bloc-intro-procedure .bloc-content-tissot .link{
          font-size: 14px; } }
    .bloc-maj-reglements .bloc-content-tissot img, .bloc-intro-procedure .bloc-content-tissot img {
      display: block;
      margin-left: auto;
      margin-right: auto;
      width: 140px;
      height: auto;
      margin-bottom: 15px; }
    .bloc-maj-reglements .bloc-content-tissot p, .bloc-intro-procedure .bloc-content-tissot p {
      margin-bottom: 30px; }
      @media only screen and (max-width: 600px) {
        .bloc-maj-reglements .bloc-content-tissot p, .bloc-intro-procedure .bloc-content-tissot p {
          font-size: 14px; } }
  .bloc-maj-reglements #accordionReglements .item {
    border-bottom: solid 1px #d9d9d9;
    padding: 30px 0;
    font-size: 14px;
    line-height: 2; }
    .bloc-maj-reglements #accordionReglements .item:last-child {
      border-bottom: none; }
    .bloc-maj-reglements #accordionReglements .item p {
      margin-top: 25px; }
  .bloc-maj-reglements #accordionReglements .title {
    color: #999999;
    font-size: 18px;
    font-weight: normal;
    line-height: 1.3;
    cursor: pointer;
    margin-bottom: 0;
    /*&.collapsed {
    	font-weight: normal;
    }*/ }
    @media only screen and (max-width: 600px) {
      .bloc-maj-reglements #accordionReglements .title {
        font-size: 14px;
        color: #404040; } }
    .bloc-maj-reglements #accordionReglements .title > span {
      width: calc(100% - 30px);
      display: inline-block; }
    .bloc-maj-reglements #accordionReglements .title .fa {
      float: right;
      margin-top: 5px; }
  .bloc-maj-reglements #accordionReglements .collapse {
    /*font-size: 14px;
    line-height: 2;*/
    /*padding-top: 22px;*/ }

.bloc-procedures {
  background: #ffffff;
  padding-bottom: 100px;
  padding-top: 150px;
  position: relative; }
  @media only screen and (max-width: 830px) {
    .bloc-procedures {
      padding-bottom: 4.5rem;
      padding-top: 4.5rem; } }
  .bloc-procedures .container-lumio {
    padding-left: 30px;
    position: relative; }
    @media only screen and (max-width: 830px) {
      .bloc-procedures .container-lumio {
        padding-left: 20px; } }
  .bloc-procedures .encart-bleu {
    background: var(--blue-120);
    padding: 25px 40px;
    border-radius: 5px;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.1);
    display: table;
    width: 100%; }
    @media only screen and (max-width: 830px) {
      .bloc-procedures .encart-bleu {
        margin-bottom: 100px; } }
    @media only screen and (max-width: 600px) {
      .bloc-procedures .encart-bleu {
        padding: 20px; } }
    .bloc-procedures .encart-bleu .picto {
      display: table-cell;
      vertical-align: middle;
      width: 105px; }
      .bloc-procedures .encart-bleu .picto img {
        display: block;
        width: 80%;
        height: auto; }
      @media only screen and (max-width: 830px) {
        .bloc-procedures .encart-bleu .picto {
          display: none; } }
    .bloc-procedures .encart-bleu .content {
      display: table-cell;
      color: #ffffff; }
      .bloc-procedures .encart-bleu .content .title { color: var(--white); }
      section#mainSection .bloc-procedures .encart-bleu .content .link { color: var(--white); text-decoration-color: var(--white); text-decoration-thickness: from-font; }
      section#mainSection .bloc-procedures .encart-bleu .content .link:hover { color: var(--blue-100); text-decoration-color: var(--blue-100); background-color:var(--white); }
      .bloc-procedures .encart-bleu .content .title {
        font-size: 37px;
        font-weight: normal; }
        @media only screen and (max-width: 830px) {
          .bloc-procedures .encart-bleu .content .title {
            font-size: 24px; } }
      .bloc-procedures .encart-bleu .content p {
        margin-bottom: 10px;
        font-size: 15px; }
        @media only screen and (max-width: 600px) {
          .bloc-procedures .encart-bleu .content p {
            font-size: 14px; } }
      .bloc-procedures .encart-bleu .content .link {
        font-size: 14px; }
        .bloc-procedures .encart-bleu .content .link i {
          margin-right: 5px; }
        .bloc-procedures .encart-bleu .content .link span {
          text-decoration: underline; }
        @media only screen and (max-width: 600px) {
          .bloc-procedures .encart-bleu .content .link {
            font-size: 14px; } }
  @media only screen and (min-width: 830px) {
    .bloc-procedures .bulle-perso.last {
      bottom: inherit;
      top: -50px;
      right: 0;
      width: 385px; }
      .bloc-procedures .bulle-perso.last .vignette {
        width: 130px;
        height: 130px; }
        .bloc-procedures .bulle-perso.last .vignette img {
          width: 100%; }
      .bloc-procedures .bulle-perso.last .text {
        left: 105px;
        top: -90px; 
	min-width: 320px;
  } }

/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 24 mai 2018, 23:17:40
    Author     : claire
*/
.bloc-contact {
  background: #ffffff;
  overflow: auto;
  padding-top: 40px;
  padding-bottom: 100px; }
  @media only screen and (max-width: 830px) {
    .bloc-contact {
      padding-bottom: 60px; } }
  .bloc-contact .bloc-contact-first {
    width: 800px;
    float: left;
    border-radius: 5px;
    box-shadow: -9px 9px 15px 0 rgba(0, 0, 0, 0.1);
    border: solid 1px #f5f5f5;
    padding: 55px 60px; }
    @media only screen and (max-width: 1190px) {
      .bloc-contact .bloc-contact-first {
        width: 60%; } }
    @media only screen and (max-width: 830px) {
      .bloc-contact .bloc-contact-first {
        width: 100%;
        padding: 20px;
        padding-bottom: 70px; } }
    .bloc-contact .bloc-contact-first .title {
      font-size: 20px;
      margin-bottom: 30px;
      margin-top: 10px; }
    @media only screen and (min-width: 800px) {
      .bloc-contact .bloc-contact-first h3.title {
        min-height: 60px; } }
  .bloc-contact .bloc-contact-last {
    width: calc(100% - 800px);
    float: left;
    padding-top: 60px; }
    @media only screen and (max-width: 1190px) {
      .bloc-contact .bloc-contact-last {
        width: 40%; } }
    @media only screen and (max-width: 830px) {
      .bloc-contact .bloc-contact-last {
        width: 100%;
        display: none; } }
    .bloc-contact .bloc-contact-last img {
      display: block;
      max-width: 100%; }
      @media only screen and (max-width: 830px) {
        .bloc-contact .bloc-contact-last img {
          width: 100%; } }
  .bloc-contact .bloc-coordonnees {
    padding: 30px; }
    @media only screen and (max-width: 830px) {
      .bloc-contact .bloc-coordonnees {
        padding: 20px 0; } }
    .bloc-contact .bloc-coordonnees .fa {
      margin-right: 4px; }
    .bloc-contact .bloc-coordonnees .phone, .bloc-contact .bloc-coordonnees .mail {
      width: 50%;
      float: left; }
      @media only screen and (max-width: 990px) {
        .bloc-contact .bloc-coordonnees .phone, .bloc-contact .bloc-coordonnees .mail {
          width: 100%;
          margin-bottom: 10px; } }
      @media only screen and (max-width: 830px) {
        .bloc-contact .bloc-coordonnees .phone, .bloc-contact .bloc-coordonnees .mail {
          width: 50%; } }
      @media only screen and (max-width: 600px) {
        .bloc-contact .bloc-coordonnees .phone, .bloc-contact .bloc-coordonnees .mail {
          width: 100%; } }
      .bloc-contact .bloc-coordonnees .phone span, .bloc-contact .bloc-coordonnees .mail span {
        display: block;
        margin-left: 20px; }
    .bloc-contact .bloc-coordonnees .mail span {
      margin-left: 24px; }
  .bloc-contact form .cta-btn {
    margin-top: 50px; }
  .bloc-contact form .error {
    color: #ff0000; }
  .bloc-contact .form-control, .bloc-contact .form-prefix {
    height: 50px !important;
    padding: 0 20px;
    border-radius: 3px;
    background-color: #ffffff;
    border: solid 1px #d9d9d9;
    color: #404040;
    margin-bottom: 20px; }
 .bloc-contact #message {
    height:200px !important;
}
    .bloc-contact .form-control.error, .bloc-contact .form-prefix.error, .bloc-contact .form-group-floating select.form-control.error {
      border: none;
      background: rgba(255, 0, 0, 0.12); }
    .bloc-contact .form-control#telephone, .bloc-contact .form-prefix#telephone {
      border-radius: 0 3px 3px 0; }
/*
  .bloc-contact .phone-input #telephone {
    border-left: 0; }*/
 /* .bloc-contact .phone-input label {
  padding-left: 124px !important; }*/

  .bloc-contact select.form-control, .lumio_contact select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url(../medias/arrow-grey.svg);
    background-repeat: no-repeat;
    background-size: 41px 8px;
    background-position: right center; }
  .bloc-contact select::-ms-expand, .lumio_contact select {
    display: none; }
  .bloc-contact textarea.form-control .lumio_contact textarea{
    height: 190px !important;
    padding-top: 30px !important; }
  .bloc-contact .form-prefix {
    width: auto;
    font-size: 15px;
    background: #F5F5F5;
    border-right: none;
    outline: none !important; }
    .bloc-contact .form-prefix .caret {
      color: #999999; }
    .bloc-contact .form-prefix .type-text img {
      margin-top: -3px; }
  .bloc-contact .dropdown-menu, .lumio_contact .dropdown-menu {
    margin-top: 0;
    padding: 10px; }
    .bloc-contact .dropdown-menu a,  .lumio_contact .dropdown-menu a {
      color: #404040; }
  .bloc-contact .dropdown-toggle::after,  .lumio_contact .dropdown-toggle::after {
    border-top: .3em solid #999999;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent; }
  .bloc-contact .form-row {
    margin-left: -17px;
    margin-right: -17px; }
  .bloc-contact .form-row > .col, .bloc-contact .form-row > [class*=col-] {
    padding-right: 17px;
    padding-left: 17px; }
  .lumio_contact .form-check,
  .bloc-contact .form-check {
    margin-top: 20px;
    padding-left: 0; }
  .bloc-contact .custom-control-label::after, .bloc-contact .custom-control-label::before,
  .lumio_contact .custom-control-label::after, .lumio_contact .custom-control-label::before {
    width: 11px;
    height: 11px;
    border-radius: 1px;
    background-color: #e5e5e5; }
  .bloc-contact .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after,
  .lumio_contact .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
    background-color: var(--blue-100); }
  .bloc-contact .form-group {
    margin-bottom: 0; }
    .bloc-contact .form-group small {
      font-size: 14px;
      margin-top: 20px;
      display: block;
      color: #999999; }
      .bloc-contact .form-group small a {
        text-decoration: underline;
        color: #999999; }
  .bloc-contact .form-check-input {
    margin-left: 0; }
  .bloc-contact ::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #404040 !important;
    font-size: 15px;
    letter-spacing: 0; }
  .bloc-contact ::-moz-placeholder {
    /* Firefox 19+ */
    color: #404040 !important;
    font-size: 15px;
    letter-spacing: 0; }
  .bloc-contact :-ms-input-placeholder {
    /* IE 10+ */
    color: #404040 !important;
    font-size: 15px;
    letter-spacing: 0; }
  .bloc-contact :-moz-placeholder {
    /* Firefox 18- */
    color: #404040 !important;
    font-size: 15px;
    letter-spacing: 0; }
  .bloc-contact .form-group-floating {
    position: relative;
    margin-bottom: 1.5rem; }
    .bloc-contact .form-group-floating input.form-control, .bloc-contact .form-group-floating textarea.form-control {
      padding-top: 12px; }
    .bloc-contact .form-group-floating select.form-control {
      padding-top: 12px; 
      z-index: 100;
      position: relative;
      background-color: transparent;
}
  .bloc-contact .form-control-placeholder {
    position: absolute;
    top: 0;
    padding: 13px 20px;
    transition: all 300ms;
    color: #404040;
    z-index: 10;
    left: 0; }
  .bloc-contact .form-control:focus + .form-control-placeholder,
  .bloc-contact .form-control:valid + .form-control-placeholder , .bloc-contact .form-control[aria-invalid='true'] + .form-control-placeholder 
 {
    font-size: 12px;
    color: #898989;
    transform: translate3d(0, 5px, 0);
    opacity: 1;
    padding: 0 20px; }
  .bloc-contact .form-control {
    outline: none; }
    .bloc-contact .form-control:focus {
      outline: none;
      box-shadow: none; }
  .bloc-contact div.container-error {
    display: none;
    margin-top: 20px;
    color: red; }
    .bloc-contact div.container-error label {
      display: none !important; }
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 25 mai 2018, 01:04:23
    Author     : claire
*/
.bloc-list-procedures {
  background: #ffffff;
  overflow: auto;
  padding-top: 50px;
  padding-bottom: 100px; }
  @media only screen and (max-width: 830px) {
    .bloc-list-procedures {
      padding-top: 0;
      padding-bottom: 50px; } }
  .bloc-list-procedures .bloc-list-procedures-first {
    position: relative;
    width: 50%;
    float: left;
    padding-left: 110px; }
    @media only screen and (max-width: 990px) {
      .bloc-list-procedures .bloc-list-procedures-first {
        padding-left: 0; } }
    @media only screen and (max-width: 830px) {
      .bloc-list-procedures .bloc-list-procedures-first {
        width: 100%; } }
    .bloc-list-procedures .bloc-list-procedures-first .bulle-perso.last {
      position: relative; }
    .bloc-list-procedures .bloc-list-procedures-first .bulle-perso {
      margin-top: 135px; }
      @media only screen and (max-width: 830px) {
        .bloc-list-procedures .bloc-list-procedures-first .bulle-perso {
          margin-top: 70px; } }
      @media only screen and (min-width: 830px) {
        .bloc-list-procedures .bloc-list-procedures-first .bulle-perso.last {
          width: 385px; }
          .bloc-list-procedures .bloc-list-procedures-first .bulle-perso.last .vignette {
            width: 130px;
            height: 130px; }
            .bloc-list-procedures .bloc-list-procedures-first .bulle-perso.last .vignette img {
              width: 100%; }
          .bloc-list-procedures .bloc-list-procedures-first .bulle-perso.last .text {
            left: 105px;
            top: -90px; } }
  .bloc-list-procedures .bloc-list-procedures-last {
    width: 50%;
    float: left;
    padding-left: 20px; }
    @media only screen and (max-width: 830px) {
      .bloc-list-procedures .bloc-list-procedures-last {
        width: 100%;
        padding-top: 20px;
        padding-left: 0; } }
    .bloc-list-procedures .bloc-list-procedures-last .item {
      padding-bottom: 35px;
      border-bottom: solid 1px #e5e5e5;
      width: 374px;
      max-width: 100%;
      margin-bottom: 45px; }
      @media only screen and (max-width: 830px) {
        .bloc-list-procedures .bloc-list-procedures-last .item {
          width: 100%; }
          .bloc-list-procedures .bloc-list-procedures-last .item:last-child {
            border: none;
            margin-bottom: 0; } }
    .bloc-list-procedures .bloc-list-procedures-last .lumio-list li {
      color: #999999; }
      .bloc-list-procedures .bloc-list-procedures-last .lumio-list li a {
        color: #999999; }
        @media only screen and (min-width: 1024px) {
          .bloc-list-procedures .bloc-list-procedures-last .lumio-list li a:hover {
            text-decoration: underline;
            color: var(--corail-100); } }

.template-category .item-card i {
    font-size: 3em !important;
    margin: 0 0.2em 0 0;
    color:#20BAFC;
}
.template-process .encart-bleu i.lumiotheme {
    font-size: 3em !important;
    margin: 0 0.2em 0 0;
    color:#fff;
}

.template-category .item-card {
  width: 385px;
  margin-bottom: 45px; }
  .template-category .item-card p {
    line-height: 1.8;
    color: #404040; }
  @media only screen and (min-width: 830px) {
    .template-category .item-card {
      border-radius: 10px;
      background-color: #ffffff;
      border: solid 1px #e5e5e5;
      max-width: 100%;
      padding: 40px; } }
  @media only screen and (max-width: 830px) {
    .template-category .item-card {
      width: 100%;
      margin-bottom: 0; } }
  .template-category .item-card header {
    display: table;
    margin-bottom: 30px; }
    @media only screen and (max-width: 830px) {
      .template-category .item-card header {
        margin-bottom: 0; } }
  .template-category .item-card .title {
    font-weight: normal;
    font-size: 18px;
    display: table-cell;
    vertical-align: middle; }
    .template-category .item-card .title span {
      display: block;
      font-size: 16px;
      color: #999999; }
    @media only screen and (max-width: 830px) {
      .template-category .item-card .title {
        font-size: 0 !important; }
        .template-category .item-card .title span {
          display: block;
          color: #ffffff;
          font-size: 18px;
          display: block;
          margin: 10px 0; } }
  .template-category .item-card .picto {
    display: table-cell;
    padding-right: 20px; }
    @media only screen and (max-width: 830px) {
      .template-category .item-card .picto {
        display: none; } }
  @media only screen and (max-width: 830px) {
    .template-category .item-card p {
      color: #ffffff;
      text-align: left; } }
@media only screen and (max-width: 830px) {
  .template-category .lumio-head {
    background-color: transparent;
    position: relative;
    text-align: center;
    padding-bottom: 70px;
    padding-top: 20px;
    height: auto;
    margin-top: 50px; }
    .template-category .lumio-head .lumio-subhead {
      padding-bottom: 15px;
      margin-bottom: 0; }
      .template-category .lumio-head .lumio-subhead a {
        color: #ffffff; }
    .template-category .lumio-head .title {
      font-size: 24px;
      color: #ffffff;
      text-align: left;
      line-height: 1; }
    .template-category .lumio-head:after {
      display: block;
      content: "";
      width: 100%;
      height: 64px;
      background-size: 100% 64px;
      background-repeat: no-repeat;
      background-position: left bottom;
      background-image: url(../medias/mask-mobile.png);
      position: absolute;
      bottom: 0;
      left: 0; } }

/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 25 mai 2018, 10:30:12
    Author     : claire
*/
.template-prices .info-bulle-large {
  position: absolute;
  width: 100%;
  left: 0;
  z-index: 10; }
  @media only screen and (max-width: 990px) {
    .template-prices .info-bulle-large {
      margin-top: 30px; } }
  @media only screen and (max-width: 830px) {
    .template-prices .info-bulle-large {
      margin-top: 0; } }
  .template-prices .info-bulle-large i {
    position: absolute;
    font-size: 22px;
    color: #999999;
    right: 30px;
    margin-top: -14px;
    cursor: pointer; }
    @media only screen and (max-width: 990px) {
      .template-prices .info-bulle-large i {
        right: 5px; } }
  .template-prices .info-bulle-large .texte {
    padding: 30px 40px;
    position: absolute;
    background: var(--blue-100);
    color: #ffffff;
    bottom: 25px;
    text-align: left;
    box-shadow: -9px 9px 15px 0 rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    display: none; }
    .template-prices .info-bulle-large .texte.active {
      display: block; }
    .template-prices .info-bulle-large .texte:after {
      display: block;
      content: "";
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 15px 12.5px 0 12.5px;
      border-color: var(--blue-100) transparent transparent transparent;
      position: absolute;
      right: 28px;
      bottom: -15px; }
      @media only screen and (max-width: 990px) {
        .template-prices .info-bulle-large .texte:after {
          right: 2px;
          bottom: -12px; } }
    .template-prices .info-bulle-large .texte .title {
      font-size: 24px;
      line-height: 1.1;
      margin-bottom: 10px;
      font-weight: bold; }
    .template-prices .info-bulle-large .texte p {
      font-size: 14px; }
.template-prices .btn-toggle {
  display: inline-block;
  padding-top: 30px;
  /* Rounded sliders */ }
  @media only screen and (max-width: 830px) {
    .template-prices .btn-toggle {
      width: 170px;
      overflow: auto;
      margin-bottom: 20px;
      display: block;
      margin-left: auto;
      margin-right: auto;
      float: none;
      clear: both;
      padding-top: 5px; } }
  .template-prices .btn-toggle .label {
    font-size: 15px;
    font-weight: 600;
    color: #ffffff;
    display: inline-block;
    float: left;
    margin-top: 3px; }
    @media only screen and (max-width: 830px) {
      .template-prices .btn-toggle .label {
        color: #999999;
        /*&.active {
        	color: $dark;
        }*/ } }
  .template-prices .btn-toggle .switch {
    position: relative;
    display: inline-block;
    width: 42px;
    height: 25px;
    float: left;
    margin-left: 10px;
    margin-right: 10px; }
  .template-prices .btn-toggle .switch input {
    display: none; }
  .template-prices .btn-toggle .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: var(--corail-100);
    -webkit-transition: .4s;
    transition: .4s; }
  .template-prices .btn-toggle .slider:before {
    position: absolute;
    content: "";
    height: 20px;
    width: 20px;
    left: 3px;
    bottom: 3px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s; }
  .template-prices .btn-toggle input:focus + .slider {
    box-shadow: 0 0 1px #2196F3; }
  .template-prices .btn-toggle input:checked + .slider:before {
    -webkit-transform: translateX(16px);
    -ms-transform: translateX(16px);
    transform: translateX(16px); }
  .template-prices .btn-toggle .slider.round {
    border-radius: 34px; }
  .template-prices .btn-toggle .slider.round:before {
    border-radius: 50%; }
@media only screen and (max-width: 830px) {
  .template-prices .lumio-head {
    background-color: transparent;
    position: relative;
    text-align: center;
    padding-bottom: 70px;
    padding-top: 20px;
    height: auto;
    margin-top: 50px; }
    .template-prices .lumio-head .lumio-subhead {
      padding-bottom: 15px;
      margin-bottom: 0; }
      .template-prices .lumio-head .lumio-subhead a {
        color: #ffffff; }
    .template-prices .lumio-head .title {
      font-size: 24px;
      color: #ffffff;
      line-height: 1; }
    .template-prices .lumio-head:after {
      display: block;
      content: "";
      width: 100%;
      height: 64px;
      background-size: 100% 64px;
      background-repeat: no-repeat;
      background-position: left bottom;
      background-image: url(../medias/mask-mobile.png);
      position: absolute;
      bottom: 0;
      left: 0; } }
.template-prices .lumio-head .title {
  margin-bottom: 30px;
  }
.bleu-peu {
  color: #63cffd; }

.bleu-beaucoup {
  color: var(--blue-100); }

.bleu-passionnement {
  color: #008ac9; }

.bloc-contenu-offres {
  position: relative;
  padding-bottom: 13px; 
  background: #f5f5f5;
}
.bloc-contenu-offres::before {
  display: block;
  content: "";
  height: 100%;
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center top;
  background-image: url(../medias/tarifs/vague-tarifs3.svg);
  margin-top: 0;
  position: absolute;
}
@media only screen and (max-width: 830px) {
    .bloc-contenu-offres::before {
         display: none;
    }
    .bloc-contenu-offres {
      background: #ffffff;
      padding-bottom: 1px; } 
}
    .bloc-contenu-offres .card-offre .ui-card-body {
      padding: 20px; }
    .bloc-contenu-offres .card-offre .ui-card-footer {
      padding-top: 25px;
      text-align: center; }
    .bloc-contenu-offres .card-offre.barre-bleu-beaucoup .ui-card-body, .bloc-contenu-offres .card-offre.barre-bleu-peu .ui-card-body, .bloc-contenu-offres .card-offre.barre-bleu-passionnement .ui-card-body {
      padding-top: 10px; }
    .bloc-contenu-offres .card-offre.barre-bleu-beaucoup:before, .bloc-contenu-offres .card-offre.barre-bleu-peu:before, .bloc-contenu-offres .card-offre.barre-bleu-passionnement:before {
      display: block;
      content: "";
      margin-left: -1px;
      margin-right: -1px;
      height: 10px;
      background: var(--blue-100);
      border-radius: 10px 10px 0 0; }
    .bloc-contenu-offres .card-offre.barre-bleu-peu:before {
      background: #63cffd; }
    .bloc-contenu-offres .card-offre.barre-bleu-passionnement:before {
      background: #008ac9; }
    .bloc-contenu-offres .card-offre.card-offre-graphique {
      position: relative; }
      .bloc-contenu-offres .card-offre.card-offre-graphique:after {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        display: block;
        content: "";
        background: #f5f5f5;
        height: 30px;
        border-radius: 0 0 10px 10px; }
      .bloc-contenu-offres .card-offre.card-offre-graphique .container-chart {
        position: absolute;
        left: 0;
        bottom: 2px;
        z-index: 10;
        right: 0; }
        @media only screen and (max-width: 830px) {
          .bloc-contenu-offres .card-offre.card-offre-graphique .container-chart {
            position: relative; } }
    .bloc-contenu-offres .card-offre.card-offre-detail {
      text-align: center; }
      @media only screen and (max-width: 1387px) {
        .bloc-contenu-offres .card-offre.card-offre-detail {
          height: auto; } }
      @media only screen and (max-width: 830px) {
        .bloc-contenu-offres .card-offre.card-offre-detail {
          height: auto;
          margin-bottom: 30px; } }
      .bloc-contenu-offres .card-offre.card-offre-detail .offre-actuelle {
        height: 43px;
        background: #63cffd;
        font-size: 16px;
        color: #ffffff;
        display: block;
        margin-left: -41px;
        margin-right: -41px;
        padding-top: 5px;
        margin-top: -25px;
        margin-bottom: 5px; }
      .bloc-contenu-offres .card-offre.card-offre-detail.barre-bleu-beaucoup .offre-actuelle {
        background: var(--blue-100); }
      .bloc-contenu-offres .card-offre.card-offre-detail.barre-bleu-passionnement .offre-actuelle {
        background: #008ac9; }
      .bloc-contenu-offres .card-offre.card-offre-detail .ui-card-body {
        padding-top: 0;
        padding-left: 0;
        padding-right: 0; }
      .bloc-contenu-offres .card-offre.card-offre-detail .part-intro {
        height: 120px;
        padding-left: 30px;
        padding-right: 30px;
        padding-top: 35px;
        position: relative;
	overflow: hidden;
        margin-top: -10px; 
 }
        @media only screen and (max-width: 830px) {
          .bloc-contenu-offres .card-offre.card-offre-detail .part-intro {
            padding-bottom: 20px; } }
        .bloc-contenu-offres .card-offre.card-offre-detail .part-intro .title {
          font-size: 24px; }
        .bloc-contenu-offres .card-offre.card-offre-detail .part-intro .description {
          color: #999999;
          font-size: 16px; }
          @media only screen and (max-width: 830px) {
            .bloc-contenu-offres .card-offre.card-offre-detail .part-intro .description {
              font-size: 15px; } }
      .bloc-contenu-offres .card-offre.card-offre-detail .part-one {
        height: 260px;
        position: relative; }
        @media only screen and (max-width: 830px) {
          .bloc-contenu-offres .card-offre.card-offre-detail .part-one {
            height: auto;
            padding-bottom: 20px; } }
        .bloc-contenu-offres .card-offre.card-offre-detail .part-one .cta-btn {
          display: inline-block;
          width: auto;
          min-width: 210px; }
        .bloc-contenu-offres .card-offre.card-offre-detail .part-one .bottom {
          height: 105px;
          position: absolute;
          bottom: 0;
          text-align: center;
          left: 0;
          right: 0;
          color: var(--corail-100);
          font-weight: 600;
          line-height: 1.3;
          font-size: 16px; }
          @media only screen and (max-width: 830px) {
            .bloc-contenu-offres .card-offre.card-offre-detail .part-one .bottom {
              position: relative;
              height: auto;
              margin-top: 20px; } }
          .bloc-contenu-offres .card-offre.card-offre-detail .part-one .bottom .info-bulle-large {
            top: 25px; }
            @media only screen and (min-width: 1190px) {
              .bloc-contenu-offres .card-offre.card-offre-detail .part-one .bottom .info-bulle-large i {
                right: 50px; } }
            @media only screen and (min-width: 1190px) {
              .bloc-contenu-offres .card-offre.card-offre-detail .part-one .bottom .info-bulle-large .texte:after {
                right: 47px; } }
          .bloc-contenu-offres .card-offre.card-offre-detail .part-one .bottom .info {
            display: block;
            font-style: italic;
            font-size: 12px;
            margin-top: 4px;
            color: #555555;
            font-weight: 600; }
      .bloc-contenu-offres .card-offre.card-offre-detail .part-two {
        height: 80px;
        padding-left: 30px;
        padding-right: 30px; }
        @media only screen and (max-width: 1190px) {
          .bloc-contenu-offres .card-offre.card-offre-detail .part-two {
            height: auto;
            padding-bottom: 20px; } }
        @media only screen and (max-width: 830px) {
          .bloc-contenu-offres .card-offre.card-offre-detail .part-two {
            height: auto;
            padding-bottom: 20px;
            padding-left: 10px;
            padding-right: 10px; } }
        .bloc-contenu-offres .card-offre.card-offre-detail .part-two .title {
          line-height: 1.25;
          color: #404040;
          font-size: 16px;
          font-weight: 600; }
          @media only screen and (max-width: 830px) {
            .bloc-contenu-offres .card-offre.card-offre-detail .part-two .title {
              font-size: 15px; } }
        .bloc-contenu-offres .card-offre.card-offre-detail .part-two .cta-btn {
          margin-top: 20px;
          width: 235px; }
      .bloc-contenu-offres .card-offre.card-offre-detail .part-tree {
        padding-left: 40px;
        padding-right: 40px; }
        .bloc-contenu-offres .card-offre.card-offre-detail .part-tree .link {
          color: var(--corail-100);
          font-size: 16px;
          font-weight: 600;
          padding-bottom: 35px;
          display: none;
          cursor: pointer; }
          @media only screen and (max-width: 830px) {
            .bloc-contenu-offres .card-offre.card-offre-detail .part-tree .link {
              display: block; } }
          .bloc-contenu-offres .card-offre.card-offre-detail .part-tree .link i {
            margin-right: 6px; }
      .bloc-contenu-offres .card-offre.card-offre-detail .features {
        list-style: none;
        color: #999999;
        font-size: 16px; }
        @media only screen and (max-width: 830px) {
          .bloc-contenu-offres .card-offre.card-offre-detail .features {
            display: none; }
            .bloc-contenu-offres .card-offre.card-offre-detail .features.active {
              display: block; } }
        .bloc-contenu-offres .card-offre.card-offre-detail .features li {
          border-top: solid 1px #d9d9d9;
          padding: 25px 15px; }
.bloc-contenu-offres .part-offre {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding-top: 35px;
}

@media only screen and (max-width: 400px) {
  .bloc-contenu-offres .part-offre {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
  }
}

.bloc-contenu-offres .part-offre .title {
  text-transform: uppercase;
  font-size: 24px;
}

.bloc-contenu-offres .part-offre-item {
  width: calc(50% - 50px);
}

@media only screen and (max-width: 830px) {
  .bloc-contenu-offres .part-offre-item {
    width: 50%;
  }
}

@media only screen and (max-width: 400px) {
  .bloc-contenu-offres .part-offre-item {
    width: 100%;
  }
}

.bloc-contenu-offres .part-offre-item:last-child {
  border-left: 2px solid #D8D8D8;
}

@media only screen and (max-width: 400px) {
  .bloc-contenu-offres .part-offre-item:last-child {
    border-left: none;
    border-top: 2px solid #D8D8D8;
    margin-top: 20px;
    padding-top: 20px;
  }
}

.bloc-contenu-offres .part-offre-item .legende-tarif {
  color: #404040;
  font-size: 12px;
  font-weight: bold;
  width: 185px;
}

@media only screen and (max-width: 830px) {
  .bloc-contenu-offres .part-offre-item .legende-tarif {
    width: auto;
    padding: 0 10px;
  }
}

.bloc-contenu-offres .part-offre-bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding-bottom: 30px;
  margin: 30px 0;
}

.bloc-contenu-offres .part-offre-info {
  margin-top: 15px;
}

   .bloc-contenu-offres .card-offre .bandeau {
      background: var(--corail-100);
      position: absolute;
      top: 34px;
      right: -41px;
      color: white;
      font-size: 13px;
      padding: 5px 32px;
      transform: rotate(45deg);
      font-weight: 600;
      box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1); }
  .bloc-contenu-offres .row-offres {
    margin-left: -20px !important;
    margin-right: -20px !important;
    margin-bottom: 50px;
    margin-top: -150px;
    z-index: 100;
    position: relative; }
    @media only screen and (max-width: 830px) {
      .bloc-contenu-offres .row-offres {
        margin-left: 0 !important;
        margin-right: 0 !important;
        margin-top: 0; } }
    .bloc-contenu-offres .row-offres .item {
      padding-left: 20px;
      padding-right: 20px;
      width: 33%;
      display: table-cell;
      vertical-align: top; }
      @media only screen and (max-width: 1387px) {
        .bloc-contenu-offres .row-offres .item {
          padding-left: 10px;
          padding-right: 10px; } }
      @media only screen and (max-width: 830px) {
        .bloc-contenu-offres .row-offres .item {
          width: 100%;
          display: block; } }
.bloc-contenu-offres .row-offres .item-big {
  margin: 0 auto;
  width: 680px;
  padding-top: 40px;
}

@media only screen and (max-width: 830px) {
  .bloc-contenu-offres .row-offres .item-big {
    width: 90%;
  }
}
    @media only screen and (max-width: 830px) {
      .bloc-contenu-offres .row-offres.row-offre-cours .item {
        width: 100%;
        display: block;
        margin-bottom: 20px;
        padding-left: 0;
        padding-right: 0; } }
    @media only screen and (max-width: 830px) {
      .bloc-contenu-offres .row-offres.row-offres-detail .item {
        min-width: 250px;
        padding-left: 0;
        padding-right: 20px; } }
    .bloc-contenu-offres .row-offres .stockage-slider {
      margin-top: 25px;
      margin-bottom: 25px;
      width: auto;
      float: left; }
    .bloc-contenu-offres .row-offres .value-stockage {
      float: left;
      color: #999999;
      font-size: 12px;
      margin-top: 20px;
      margin-left: 15px; }
    .bloc-contenu-offres .row-offres .salaries-slider {
      padding-left: 25px;
      padding-right: 25px;
      position: relative;
      display: block;
      width: 100%;
      height: 40px;
      padding-top: 10px; }
.bloc-contenu-offres .row-offres-title {
  text-align: center;
  font-weight: bold;
  font-size: 24px;
  margin-top: 30px;
  line-height: 1.4em;
  color: #404040;
}

@media only screen and (max-width: 830px) {
  .bloc-contenu-offres .row-offres-title {
    margin-top: 0;
    padding-top: 30px;
  }
}
.bloc-tableau-prestations {
  background: #f5f5f5;
  padding-top: 20px;
  margin-bottom: 160px; }
  @media only screen and (max-width: 830px) {
    .bloc-tableau-prestations {
      padding-top: 40px;
      padding-bottom: 30px; } }
  .bloc-tableau-prestations .container-lumio {
    position: relative; }
    .bloc-tableau-prestations .container-lumio > .title {
      text-align: center;
      font-size: 24px;
      margin-bottom: 55px;
      color: #404040; }
      @media only screen and (max-width: 600px) {
        .bloc-tableau-prestations .container-lumio > .title {
          margin-bottom: 30px; } }
  .bloc-tableau-prestations .container-filtres {
    display: none; }
    @media only screen and (max-width: 600px) {
      .bloc-tableau-prestations .container-filtres {
        display: block;
        text-align: center;
        margin-bottom: 20px; }
        .bloc-tableau-prestations .container-filtres .listing-onglets {
          float: none; }
          .bloc-tableau-prestations .container-filtres .listing-onglets li a {
            padding: 0 12px; } }
  .bloc-tableau-prestations .tableau-detail-offres {
    overflow: auto;
    padding-bottom: 20px; }
    .bloc-tableau-prestations .tableau-detail-offres .bloc-legendes {
      width: 300px;
      float: left; }
      @media only screen and (max-width: 1190px) {
        .bloc-tableau-prestations .tableau-detail-offres .bloc-legendes {
          width: 200px; } }
      @media only screen and (max-width: 830px) {
        .bloc-tableau-prestations .tableau-detail-offres .bloc-legendes {
          width: 140px; } }
      .bloc-tableau-prestations .tableau-detail-offres .bloc-legendes .ligne {
        font-size: 14px; }
        @media only screen and (max-width: 1190px) {
          .bloc-tableau-prestations .tableau-detail-offres .bloc-legendes .ligne {
            font-size: 13px; } }
        .bloc-tableau-prestations .tableau-detail-offres .bloc-legendes .ligne.titre:before {
          display: block;
          content: "";
          border-top: solid 1px #d9d9d9;
          height: 1px;
          position: absolute;
          z-index: 1;
          left: 0;
          right: 0; }
          @media only screen and (max-width: 830px) {
            .bloc-tableau-prestations .tableau-detail-offres .bloc-legendes .ligne.titre:before {
              display: none; } }
    .bloc-tableau-prestations .tableau-detail-offres .bloc-offres {
      width: calc( 100% - 300px);
      float: left;
      /*@media only screen and (max-width: $screen-small) {
      	position: absolute;
      	right: 0;
      	overflow: scroll;
      	width: 50%;
      	.div-scroll-small {
      		width: 420px;
      	}
      }*/ }
      @media only screen and (max-width: 1190px) {
        .bloc-tableau-prestations .tableau-detail-offres .bloc-offres {
          width: calc( 100% - 200px); } }
      @media only screen and (max-width: 830px) {
        .bloc-tableau-prestations .tableau-detail-offres .bloc-offres {
          width: calc( 100% - 140px); } }
      .bloc-tableau-prestations .tableau-detail-offres .bloc-offres .bloc-titre {
        text-align: center;
        padding-top: 35px; }
        .bloc-tableau-prestations .tableau-detail-offres .bloc-offres .bloc-titre .title {
          color: #404040; }
.bloc-tableau-prestations .tableau-detail-offres .bloc-offres .bloc-offre-item.disabled * {
          opacity: 0.7; }
        .bloc-tableau-prestations .tableau-detail-offres .bloc-offres .bloc-offre-item.disabled .content {
          opacity: 0.7; }

        @media only screen and (max-width: 760px) {
          .bloc-tableau-prestations .tableau-detail-offres .bloc-offres .bloc-titre .title {
            font-size: 14px; } }
        @media only screen and (max-width: 600px) {
          .bloc-tableau-prestations .tableau-detail-offres .bloc-offres .bloc-titre .title {
            font-size: 20px; } }
      .bloc-tableau-prestations .tableau-detail-offres .bloc-offres .bloc-offre-item {
        float: left;
        width: 50%;
        padding-left: 34px;
        position: relative;
        display: table-cell;
        				/*@media only screen and (max-width: $screen-small) {
        
        					width: 130px;
        
        				}*/ }
        @media only screen and (max-width: 760px) {
          .bloc-tableau-prestations .tableau-detail-offres .bloc-offres .bloc-offre-item {
            padding-left: 20px; } }
        @media only screen and (max-width: 600px) {
          .bloc-tableau-prestations .tableau-detail-offres .bloc-offres .bloc-offre-item {
            display: none;
            width: 100%;
            padding-left: 5px; }
            .bloc-tableau-prestations .tableau-detail-offres .bloc-offres .bloc-offre-item.active {
              display: block; } }


        .bloc-tableau-prestations .tableau-detail-offres .bloc-offres .bloc-offre-item .content {
          /*border: solid 1px #e5e5e5;*/
          background: #ffffff;
          border-radius: 10px;
  }

        .bloc-tableau-prestations .tableau-detail-offres .bloc-offres .bloc-offre-item:before {
          display: block;
          content: "";
          position: absolute;
          left: 34px;
          right: 0px;
          height: 10px;
          background: #63cffd;
          border-radius: 10px 10px 0 0; }
          @media only screen and (max-width: 760px) {
            .bloc-tableau-prestations .tableau-detail-offres .bloc-offres .bloc-offre-item:before {
              left: 20px; } }
          @media only screen and (max-width: 600px) {
            .bloc-tableau-prestations .tableau-detail-offres .bloc-offres .bloc-offre-item:before {
              left: 5px; } }
        .bloc-tableau-prestations .tableau-detail-offres .bloc-offres .bloc-offre-item.beaucoup:before {
          background: var(--blue-100); }
        .bloc-tableau-prestations .tableau-detail-offres .bloc-offres .bloc-offre-item.passionnement:before {
          background: #008ac9; }
    .bloc-tableau-prestations .tableau-detail-offres .bloc-detail-prestation .ligne {
      font-size: 16px;
      text-align: center;
      padding: 10px; }
      .bloc-tableau-prestations .tableau-detail-offres .bloc-detail-prestation .ligne .info-bulle {
        margin-top: 4px; }
    .bloc-tableau-prestations .tableau-detail-offres .fa {
      font-size: 22px; }
    .bloc-tableau-prestations .tableau-detail-offres .bloc-titre {
      height: 100px;
      position: relative; }
      @media only screen and (max-width: 830px) {
        .bloc-tableau-prestations .tableau-detail-offres .bloc-titre {
          height: 50px; } }
    .bloc-tableau-prestations .tableau-detail-offres .ligne {
      padding: 10px 0;
      display: table;
      width: 100%;
      color: #404040;
      height: 70px; }
      @media only screen and (max-width: 830px) {
        .bloc-tableau-prestations .tableau-detail-offres .ligne {
          height: 100px; } }
      .bloc-tableau-prestations .tableau-detail-offres .ligne.titre {
        padding: 0; }
      .bloc-tableau-prestations .tableau-detail-offres .ligne.haute {
        height: 100px; }
        @media only screen and (max-width: 830px) {
          .bloc-tableau-prestations .tableau-detail-offres .ligne.haute {
            height: 140px; } }
      .bloc-tableau-prestations .tableau-detail-offres .ligne.moyenne {
        height: 70px; }
      .bloc-tableau-prestations .tableau-detail-offres .ligne * {
        display: table-cell;
        vertical-align: middle; }
      .bloc-tableau-prestations .tableau-detail-offres .ligne .inline-block {
        display: inline-block; }
        .bloc-tableau-prestations .tableau-detail-offres .ligne .inline-block .fa {
          float: right;
          margin-left: 10px;
          color: #999999;
          font-size: 22px;
          margin-top: 0; }
.bloc-simpleVie {
  background: #ffffff;
}

.bloc-simpleVie .title {
  text-align: center;
  font-weight: bold;
  font-size: 24px;
  padding-top: 30px;
  color: #404040;
  margin-bottom: 50px;
}

.bloc-simpleVie .logo-title {
  width: 129px;
  height: auto;
  margin-top: -21px;
  margin-bottom: 12px;
}

.row-simpleVie-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding-bottom: 30px;
}

@media only screen and (max-width: 830px) {
  .row-simpleVie-wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

.row-simpleVie-gauche {
  margin-right: 32px;
  width: 50%;
}

@media only screen and (max-width: 830px) {
  .row-simpleVie-gauche {
    width: 100%;
    margin-right: 0;
    margin-bottom: 20px;
  }
}

.row-simpleVie-droite {
  width: calc(50% - 32px);
}

@media only screen and (max-width: 830px) {
  .row-simpleVie-droite {
    width: 100%;
  }
}

.row-simpleVie-droite ul {
  margin-top: -100px;
}

@media only screen and (max-width: 1190px) {
  .row-simpleVie-droite ul {
    margin-top: -80px;
  }
}

@media only screen and (max-width: 990px) {
  .row-simpleVie-droite ul {
    margin-top: -60px;
  }
}

.row-simpleVie-droite li {
  font-size: 16px;
  list-style-type: none;
  margin-bottom: 24px;
}

@media only screen and (max-width: 1190px) {
  .row-simpleVie-droite li {
    font-size: 14px;
    margin-bottom: 18px;
  }
}

@media only screen and (max-width: 990px) {
  .row-simpleVie-droite li {
    margin-bottom: 10px;
  }
}

.row-simpleVie-droite li i {
  margin-right: 15px;
  font-size: 20px;
  color: var(--corail-100);
}

@media only screen and (max-width: 990px) {
  .row-simpleVie-droite li i {
    margin-right: 7px;
    font-size: 16px;
  }
}

@media only screen and (max-width: 1190px) {
  .row-simpleVie-ecran {
    width: 100%;
    height: auto;
  }
}

.row-essai {
  margin: 70px auto;
  text-align: center;
}

.row-essai .title {
  color: #ffffff;
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 27px;
}
.bloc-faq {
  padding-top: 160px;
  padding-bottom: 100px;
  background: #ffffff;
  position: relative;
  box-shadow: -9px -10px 15px 0 rgba(0, 0, 0, 0.1); }
  @media only screen and (max-width: 830px) {
    .bloc-faq {
      padding-top: 85px;
      padding-bottom: 60px; } }
  @media only screen and (min-width: 830px) {
    .bloc-faq .containerAccordionFAQ {
      min-height: 370px; } }
  .bloc-faq #accordionFaq {
    border: solid 1px #e5e5e5;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px; }
    .bloc-faq #accordionFaq .item {
      background: #f7f7f7;
      border: none;
      /*@extend .transition;*/
      border-bottom: solid 1px #e5e5e5; }
      .bloc-faq #accordionFaq .item:first-child {
        border-radius: 5px 5px 0 0; }
      .bloc-faq #accordionFaq .item:last-child {
        border-radius: 0 0 5px 5px; }
      .bloc-faq #accordionFaq .item .title {
        font-weight: normal;
        padding: 30px 20px;
        background: #ffffff;
        font-size: 16px;
        position: relative;
        text-align: left;
        padding-right: 40px;
        border-radius: 5px;
        /*@extend .transition;*/ }
        @media only screen and (max-width: 600px) {
          .bloc-faq #accordionFaq .item .title {
            font-size: 12px;
            padding: 20px 10px;
            padding-right: 30px; } }
        .bloc-faq #accordionFaq .item .title .fa {
          color: #999999;
          right: 10px;
          position: absolute;
          top: 50%;
          margin-top: -5px; }


      .bloc-faq #accordionFaq .item .collapse, .bloc-faq #accordionFaq .item .collapsing {
        /*@extend .transition;*/
        border-bottom: solid 1px #e5e5e5;
 }
        .bloc-faq #accordionFaq .item .collapse p, .bloc-faq #accordionFaq .item .collapsing p {
          padding: 20px;
          margin-bottom: 0; }
        @media only screen and (max-width: 600px) {
          .bloc-faq #accordionFaq .item .collapse, .bloc-faq #accordionFaq .item .collapsing {
            font-size: 12px;
            padding: 20px 10px; } }
      .bloc-faq #accordionFaq .item .collapse {
        border-bottom: none; 
}
  .bloc-faq .container-lumio {
    position: relative; }
    .bloc-faq .container-lumio > .title {
      font-size: 24px;
      font-weight: 600; }
      @media only screen and (max-width: 830px) {
        .bloc-faq .container-lumio > .title {
          margin-top: 40px; } }
  .bloc-faq .bulle-perso.last {
    bottom: inherit;
    top: -200px; }
    @media only screen and (max-width: 830px) {
      .bloc-faq .bulle-perso.last {
        margin-top: 0;
        top: 0; } }
  @media only screen and (min-width: 830px) {
    .bloc-faq .bulle-perso.last {
      width: 385px; }
      .bloc-faq .bulle-perso.last .vignette {
        width: 130px;
        height: 130px; }
        .bloc-faq .bulle-perso.last .vignette img {
          width: 100%; }
      .bloc-faq .bulle-perso.last .text {
        left: 105px;
        top: -90px; } }
  .bloc-faq .intro, .bloc-faq .accordion {
    width: 600px;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto; }
  .bloc-faq .title {
    text-align: center; }
  .bloc-faq .intro {
    overflow: auto;
    margin-bottom: 56px;
    margin-top: 30px; }
    .bloc-faq .intro .cta-btn {
      padding: 0 20px; }
      @media only screen and (max-width: 830px) {
        .bloc-faq .intro .cta-btn {
          width: 240px;
          margin-left: auto;
          margin-right: auto;
          display: block;
          clear: both; } }
    .bloc-faq .intro p {
      float: left;
      width: 320px;
      padding-right: 20px;
      color: #999999; }
      @media only screen and (max-width: 830px) {
        .bloc-faq .intro p {
          width: 100%;
          margin-bottom: 20px;
          padding-right: 0; } }

#slider-range-employes {
  display: block;
  background: #e5e5e5;
  border: none;
  height: 5px;
  border-radius: 3px;
  width: 235px;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%; 
margin-top: 20px;
}
  @media only screen and (max-width: 990px) {
    #slider-range-employes {
      width: auto;
margin-left: 30px;
      margin-right: 30px;
 } }
  #slider-range-employes:hover .ui-slider-handle .chiffre {
    opacity: 1; }
  #slider-range-employes .ui-slider-range {
    background: var(--blue-100); }
  #slider-range-employes .ui-slider-handle {
    background: var(--blue-100);
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
    border: none;
    border-radius: 50%;
    top: -8px;
    width: 22px;
    height: 22px; }
    #slider-range-employes .ui-slider-handle .chiffre {
      display: block;
      color: #ffffff;
      text-align: center;
      font-size: 10px;
      border-radius: 5px;
      background-color: #404040;
      padding: 2px 5px;
      width: 75px;
      margin-top: 9px;
      margin-left: -28px;
      opacity: 1;
      position: relative; }
      #slider-range-employes .ui-slider-handle .chiffre:before {
        display: block;
        content: "";
        width: 0px;
        height: 0px;
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        border-bottom: 5px solid #404040;
        position: absolute;
        top: -5px;
        left: 50%;
        margin-left: -4px; }
    #slider-range-employes .ui-slider-handle:hover .chiffre {
      opacity: 1; }
    #slider-range-employes .ui-slider-handle:before {
      display: block;
      content: "||";
      color: #ffffff;
      text-align: center;
      font-size: 11px;
      letter-spacing: 1px;
      font-weight: 600;
      margin-top: 2px; }

/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 10 sept. 2018, 10:32:54
    Author     : claire
*/
.new-item {
  overflow: auto;
  margin-bottom: 40px; }
  @media only screen and (max-width: 830px) {
    .new-item {
      border-bottom: solid 1px #e5e5e5;
      padding-bottom: 30px; } }
  .new-item .photo {
    width: 100%; }
    .new-item .photo img {
      display: block;
      width: 100%; 
      height: 100%; 
}
  .new-item .content {
    width: 100%;
    padding-top: 30px; }
    .new-item .content .title {
      color: #191919;
      font-weight: normal;
      margin-bottom: 15px;
      padding-right: 50px; }
      @media only screen and (max-width: 600px) {
        .new-item .content .title {
          padding-right: 0; } }
      .new-item .content .title a {
        color: #191919; }
    .new-item .content .tag {
      margin-bottom: 15px; }
    .new-item .content .date {
      color: #999999;
      font-size: 14px; }
    .new-item .content .link {
      color: #ff7498;
      float: right; }
    .new-item .content p {
      font-size: 16px;
      line-height: 1.8;
      color: #191919;
      padding-right: 50px; }
      @media only screen and (max-width: 600px) {
        .new-item .content p {
          display: none; } }
  .new-item.large .title {
    font-size: 30px;
    line-height: 1.2; }
    @media only screen and (max-width: 600px) {
      .new-item.large .title {
        font-size: 24px;
        font-weight: 800; } }
  @media only screen and (min-width: 600px) {
    .new-item.large {
      border-bottom: solid 1px #e5e5e5;
      padding-bottom: 40px; }
      .new-item.large .photo {
        width: 38%;
        float: left;
        overflow: hidden; }
        .new-item.large .photo img {
          width: auto;
          height: 100%;
          transform: translateX(-25%); }
      .new-item.large .content {
        width: 62%;
        float: left;
        padding-top: 75px;
        padding-left: 30px; } }

@media only screen and (max-width: 830px) {
  .template-news .lumio-head {
    background-color: transparent;
    position: relative;
    text-align: center;
    padding-bottom: 70px;
    padding-top: 20px; }
    .template-news .lumio-head .lumio-subhead {
      padding-bottom: 15px;
      margin-bottom: 0; }
      .template-news .lumio-head .lumio-subhead a {
        color: #ffffff; }
    .template-news .lumio-head .title {
      font-size: 24px;
      color: #ffffff;
      line-height: 1; }
    .template-news .lumio-head:after {
      display: block;
      content: "";
      width: 100%;
      height: 64px;
      background-size: 100% 64px;
      background-repeat: no-repeat;
      background-position: left bottom;
      background-image: url(../medias/mask-mobile.png);
      position: absolute;
      bottom: 0;
      left: 0; } }
.template-news .page-listing-news {
  background: #ffffff; }
  .template-news .page-listing-news .newsletter-item {
    width: 100%;
    background: #ffffff;
    position: relative;
    border-radius: 3px;
    box-shadow: -9px 9px 15px 0 rgba(0, 0, 0, 0.1);
    border: solid 1px #e5e5e5;
    padding: 50px 35px; }
    .template-news .page-listing-news .newsletter-item .fa {
      font-size: 72px;
      color: var(--blue-100);
      position: absolute;
      left: 40px;
      top: 40px; }
      @media only screen and (max-width: 600px) {
        .template-news .page-listing-news .newsletter-item .fa {
          position: relative;
          left: inherit;
          top: inherit;
          font-size: 36px;
          text-align: center;
          display: block; } }
    .template-news .page-listing-news .newsletter-item .title {
      color: #404040;
      margin-bottom: 5px; }
      @media only screen and (max-width: 600px) {
        .template-news .page-listing-news .newsletter-item .title {
          text-align: center; } }
    .template-news .page-listing-news .newsletter-item p {
      color: #999999;
      font-size: 16px;
      line-height: 1.25; }
      @media only screen and (max-width: 600px) {
        .template-news .page-listing-news .newsletter-item p {
          font-size: 12px;
          text-align: center;
          color: #404040;
          line-height: 1.6;
          margin-bottom: 25px; } }
    @media only screen and (max-width: 600px) {
      .template-news .page-listing-news .newsletter-item .form-check-label {
        font-size: 12px;
        color: #404040; } }
    .template-news .page-listing-news .newsletter-item button {
      margin-top: 10px; }
    @media only screen and (min-width: 830px) {
      .template-news .page-listing-news .newsletter-item {
        padding-left: 130px;
        padding-bottom: 58px; } }
    @media only screen and (max-width: 600px) {
      .template-news .page-listing-news .newsletter-item {
        padding: 30px; }
        .template-news .page-listing-news .newsletter-item .form-valid {
          text-align: center; } }
  .template-news .page-listing-news .listing-news-next {
    margin-top: 50px;
    padding-bottom: 60px; }
    .template-news .page-listing-news .listing-news-next > .title {
      text-align: center;
      font-size: 24px;
      margin-bottom: 45px; }
    .template-news .page-listing-news .listing-news-next > .link {
      color: #999999;
      text-align: center;
      display: block;
      font-size: 16px;
      margin-top: 20px; }
  .template-news .page-listing-news .bloc-intro-news {
    text-align: center;
    margin-bottom: 35px; }
    .template-news .page-listing-news .bloc-intro-news p {
      width: 800px;
      max-width: 100%;
      margin-bottom: 40px;
      color: #999999;
      line-height: 1.8;
      margin-left: auto;
      margin-right: auto; }
      @media only screen and (max-width: 600px) {
        .template-news .page-listing-news .bloc-intro-news p {
          font-size: 15px;
          color: #404040;
          line-height: 1.6;
          margin-bottom: 25px; } }
  .template-news .page-listing-news .listing-news {
    width: 1017px;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto; }
    @media only screen and (max-width: 830px) {
      .template-news .page-listing-news .listing-news .row > div:last-child .new-item {
        border: none; } }

@media only screen and (max-width: 830px) {
  .template-news-detail p {
    font-size: 15px; } }
@media only screen and (max-width: 830px) {
  .template-news-detail .lumio-head {
    background-color: transparent;
    position: relative;
    text-align: center;
    margin-top: 35px;
    /*padding-bottom: 170px;*/ }
    .template-news-detail .lumio-head .lumio-subhead {
      display: none; }
    .template-news-detail .lumio-head:after {
      display: block;
      content: "";
      width: 100%;
      height: 90px;
      background-size: 100% 90px;
      background-repeat: no-repeat;
      background-position: left bottom;
      background-image: url(../medias/mask-mobile.png);
      position: absolute;
      bottom: 0;
      left: 0; }
    .template-news-detail .lumio-head .photo {
      position: relative;
      z-index: 10; }
      .template-news-detail .lumio-head .photo img {
        display: block;
        width: 100%; } }
.template-news-detail .section-detail-news {
  background: #ffffff;
  overflow: auto;
  padding-top: 40px;
  padding-bottom: 40px; }
  @media only screen and (max-width: 830px) {
    .template-news-detail .section-detail-news {
      padding-top: 20px; } }
  .template-news-detail .section-detail-news .part-left {
    float: left;
    width: 160px; }
    @media only screen and (max-width: 830px) {
      .template-news-detail .section-detail-news .part-left {
        display: none; } }
    .template-news-detail .section-detail-news .part-left .date {
      display: block;
      font-size: 12px;
      color: #999999;
      margin-top: 20px; }
    .template-news-detail .section-detail-news .part-left .share-social {
      margin-top: 45px;
      list-style: none; }
      .template-news-detail .section-detail-news .part-left .share-social li {
        margin-bottom: 20px; }
        .template-news-detail .section-detail-news .part-left .share-social li a {
          display: block;
          width: 65px;
          height: 65px;
          border-radius: 10px;
          border: solid 1px #d9d9d9;
          text-align: center;
          line-height: 65px; }
          .template-news-detail .section-detail-news .part-left .share-social li a i {
            color: #bfbfbf;
            font-size: 24px; }
  .template-news-detail .section-detail-news .part-right {
    float: left;
    width: calc(100% - 160px);
    max-width: 906px;
    padding-left:18px;
 }
    @media only screen and (max-width: 830px) {
      .template-news-detail .section-detail-news .part-right {
        width: 100%; } }
    .template-news-detail .section-detail-news .part-right .tag {
      margin-bottom: 20px; }
    .template-news-detail .section-detail-news .part-right > .title {
      font-size: 30px;
      font-weight: 600;
      line-height: 1.1;
      margin-bottom: 40px; }
      @media only screen and (max-width: 830px) {
        .template-news-detail .section-detail-news .part-right > .title {
          font-size: 24px;
          margin-bottom: 25px; } }
    .template-news-detail .section-detail-news .part-right .photo {
      margin-bottom: 30px; }
      .template-news-detail .section-detail-news .part-right .photo img {
        display: block;
        width: 100%; }
    .template-news-detail .section-detail-news .part-right .content {
      padding: 0 50px; }

    .template-news-detail .section-detail-news .part-right .content p {
        font-size: 16px;
        line-height: 30px;
        /*margin-bottom: 50px;*/ }
        @media only screen and (max-width: 830px) {
          .template-news-detail .section-detail-news .part-right .content p {
            /*margin-bottom: 25px;*/ } }
	.template-news-detail .section-detail-news .part-right .content p a {
          color: #191919;
          text-decoration: underline; }
          @media only screen and (min-width: 1024px) {
            .template-news-detail .section-detail-news .part-right .content p a:hover {
              text-decoration: underline;
              color: var(--corail-100); } }
      .template-news-detail .section-detail-news .part-right .content h2 {
        /*margin-bottom: 50px;*/ }
        @media only screen and (max-width: 830px) {
          .template-news-detail .section-detail-news .part-right .content h2 {
            font-size: 20px;
            /*margin-bottom: 25px;*/ } }
      .template-news-detail .section-detail-news .part-right .content ol, .template-news-detail .section-detail-news .part-right .content ul {
        margin-left: 20px; }
        .template-news-detail .section-detail-news .part-right .content ol li, .template-news-detail .section-detail-news .part-right .content ul li {
          font-size: 16px;
          line-height: 30px; }
          .template-news-detail .section-detail-news .part-right .content ol li a, .template-news-detail .section-detail-news .part-right .content ul li a {
            color: #191919;
            text-decoration: underline; }
            @media only screen and (min-width: 1024px) {
              .template-news-detail .section-detail-news .part-right .content ol li a:hover, .template-news-detail .section-detail-news .part-right .content ul li a:hover {
                text-decoration: underline;
                color: var(--corail-100); } }
      @media only screen and (max-width: 830px) {
        .template-news-detail .section-detail-news .part-right .content {
          padding: 0; } }
      .template-news-detail .section-detail-news .part-right .content .bloc-forward {
        margin-top: 30px;
        margin-bottom: 30px;
        padding: 30px 50px; }
        @media only screen and (max-width: 830px) {
          .template-news-detail .section-detail-news .part-right .content .bloc-forward {
            padding: 0; } }
.template-news-detail .section-demarche {
  background: #ffffff;
  padding-top: 40px;
  padding-bottom: 60px;
  border-top: solid 1px #d9d9d9; }
  .template-news-detail .section-demarche.small-section {
    padding-left: 100px;
    padding-right: 100px; }
    @media only screen and (max-width: 830px) {
      .template-news-detail .section-demarche.small-section {
        padding-left: 0;
        padding-right: 0;
        padding-top: 0;
        padding-bottom: 20px; } }
    .template-news-detail .section-demarche.small-section .container-lumio {
      width: 1010px; }
  @media only screen and (max-width: 830px) {
    .template-news-detail .section-demarche {
      padding-left: 0;
      padding-right: 0;
      padding-top: 0;
      padding-bottom: 20px;
      border: none; } }
  .template-news-detail .section-demarche .bloc-intro {
    text-align: center;
    padding-bottom: 40px; }
    @media only screen and (max-width: 830px) {
      .template-news-detail .section-demarche .bloc-intro {
        text-align: left;
        border: none;
        padding-bottom: 20px; } }
    .template-news-detail .section-demarche .bloc-intro .title {
      font-size: 36px;
      font-weight: 600;
      line-height: 1.1;
      margin-bottom: 20px; }
      @media only screen and (max-width: 830px) {
        .template-news-detail .section-demarche .bloc-intro .title {
          font-size: 24px;
          margin-bottom: 25px; } }
    .template-news-detail .section-demarche .bloc-intro p {
      font-size: 16px;
      width: 800px;
      margin-left: auto;
      margin-right: auto;
      max-width: 100%; }
      @media only screen and (max-width: 600px) {
        .template-news-detail .section-demarche .bloc-intro p {
          font-size: 15px; } }
  .template-news-detail .section-demarche .box-shadow {
    margin-bottom: 30px; }
    @media only screen and (max-width: 830px) {
      .template-news-detail .section-demarche .box-shadow {
        padding: 20px; } }
    .template-news-detail .section-demarche .box-shadow .header {
      height: 135px; }
      @media only screen and (max-width: 830px) {
        .template-news-detail .section-demarche .box-shadow .header {
          height: auto;
          margin-bottom: 20px; } }
      .template-news-detail .section-demarche .box-shadow .header .title {
        font-size: 24px;
        font-weight: 600;
        line-height: 1.25; }
      .template-news-detail .section-demarche .box-shadow .header .statut {
        color: #999999; }
        .template-news-detail .section-demarche .box-shadow .header .statut i {
          font-size: 18px;
          color: #6a6a6a;
          margin-right: 5px; }
    .template-news-detail .section-demarche .box-shadow .content {
      padding-bottom: 15px; }
      .template-news-detail .section-demarche .box-shadow .content ul li {
        color: #999999;
        list-style: none;
        margin-bottom: 12px; }
        .template-news-detail .section-demarche .box-shadow .content ul li:before {
          display: block;
          content: "\f058";
          color: var(--blue-100);
          font: normal normal normal 14px/1 FontAwesome;
          font-size: 22px;
          float: left;
          margin-right: 6px; }
    .template-news-detail .section-demarche .box-shadow .footer {
      text-align: center; }
.template-news-detail .section-listing-news {
  background: #ffffff;
  border-top: solid 1px #d9d9d9;
  padding-top: 40px;
  padding-bottom: 100px; }
  @media only screen and (max-width: 830px) {
    .template-news-detail .section-listing-news {
      border: none;
      padding-top: 0;
      padding-bottom: 50px; }
      .template-news-detail .section-listing-news hr {
        display: none; } }
  @media only screen and (max-width: 830px) {
    .template-news-detail .section-listing-news .row > div:last-child .new-item {
      border: none; } }
  .template-news-detail .section-listing-news .container-lumio {
    width: 1010px; }
    .template-news-detail .section-listing-news .container-lumio > .link {
      color: #999999;
      margin-top: 30px;
      display: block; }
  .template-news-detail .section-listing-news > .container-lumio > .title {
    font-size: 24px;
    margin-bottom: 30px;
    font-weight: bold; }

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


.section-detail-news .part-left .tag {
	margin-bottom:8px;
}

.template-lm-page .section-listing-news {
	border-top:none !important;
}
#blcnewsletter a {
	text-decoration:none !important;
}
#blcnewsletter a:hover {
	text-decoration:underline !important;
}
.template-prices .info-bulle-large .texte.active, .template-prices .info-bulle-large .texte .title {
	display:block !important;
}
.inline-block-inct {
	display:inline !important;
}
.template-prices .inline-block-inct .info-bulle-large i {
	margin-top:0px;	
}
.bloc-intro-procedure li{
	margin-left:14px;
}
.bloc-intro-procedure .bloc-content {
	min-height: 640px;
}
.lumio-list-steps a:hover {
	text-decoration:none;
}
.template-news-detail .section-listing-news, .template-news-detail .section-demarche {
	border-top: none !important;
	padding-top: 40px !important;
}
.template-prices .ligne .info-bulle-large i {
  margin-top: 0px; }
  @media only screen and (max-width: 1080px) {
    .template-prices .ligne .info-bulle-large i {
      right: 10px; } }
  @media only screen and (max-width: 995px) {
    .template-prices .ligne .info-bulle-large i {
      margin-top: -15px; } }
  @media only screen and (max-width: 600px) {
    .template-prices .ligne .info-bulle-large i {
      margin-top: 0px; } }
  @media only screen and (max-width: 395px) {
    .template-prices .ligne .info-bulle-large i {
      margin-top: -15px; } }
.template-prices .ligne .info-bulle-large .texte {
  right: -35px; }
  @media only screen and (max-width: 1080px) {
    .template-prices .ligne .info-bulle-large .texte {
      right: 0;
      left: -120px; } }
  .template-prices .ligne .info-bulle-large .texte:after {
    right: 61px; }
    @media only screen and (max-width: 1080px) {
      .template-prices .ligne .info-bulle-large .texte:after {
        right: 7px; } }


.gform_wrapper h1, .gform_wrapper h2, .gform_wrapper h3 {
	font-weight: 800 !important;
}
.gform_wrapper input[type="email"], .gform_wrapper input[type="number"], .gform_wrapper input[type="password"], .gform_wrapper input[type="tel"], .gform_wrapper input[type="text"], .gform_wrapper input[type="url"] {
	padding 0 20px !important;
	border:none;
}
.gform_footer {
	text-align:center;
}
.lumio_contact ul.gform_fields:nth-child(1),.lumio_contact ul.gform_fields:nth-child(4) {
	width:100%;
}
.lumio_contact ul.gform_fields:nth-child(2) {
	width:49%;
	float:left;
}
.lumio_contact ul.gform_fields:nth-child(3) {
	width:49%;
	float:right;
}


    .bloc-3-home .video .container-video {
      position: relative;
      width: 100%;
      height: 0;
      padding-bottom: 56.25%;
      display: none;
      margin-top: 40px; 
      z-index: 100;
      margin-bottom: 40px;
}
      .bloc-3-home .video .container-video.active {
        display: block; }
      .bloc-3-home .video .container-video iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%; }

 .bloc-3-home.active {
    max-height: inherit;
    padding-bottom: 250px; }
    @media only screen and (max-width: 830px) {
      .bloc-3-home.active {
        padding-bottom: 0; } }
    .bloc-3-home.active .video {
      max-height: inherit; }


.card-offre.card-offre-detail.barre-bleu-passionnement .part-intro{
	overflow:visible;
}
.bloc-contenu-offres .card-offre.card-offre-detail .part-tree {
        min-height: 450px;
}

.error404 .bloc-intro-presentation::before {
	display:none !important;
}
.wpcf7-response-output {
	margin-left:2em;
	display:inline;
}
.wpcf7-mail-sent-ok{
	color:green;
}
.wpcf7-validation-errors {
	color:#ff0000;
}
.wpcf7-not-valid-tip, .wpcf7 .screen-reader-response {
	display:none;
}

.barre-bleu-passionnement .part-one {
	position:relative;
	top:-22px;
	height:262px;
}
.bloc-contenu-offres .card-offre.card-offre-detail.barre-bleu-passionnement .part-one .bottom {
	height:75px;
}
#lgd-third-range-year, #lgd-third-range-month {
	height:42px;
}


/* lm start */
.template-lm-page {
  background: white; }
 .template-lm-page .lumio-head h1 {
    display: block;
    width: 1010px;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%; }
  .template-lm-page .section-lm-content .container-lumio {
    width: 1010px; }
  .template-lm-page .section-lm-content {
    padding-top: 40px;
    padding-bottom: 100px;
 }
      .template-lm-page .section-lm-content p a {
        color: #191919;
        text-decoration: underline; }
        @media only screen and (min-width: 1024px) {
          .template-lm-page .section-lm-content p a:hover {
            text-decoration: underline;
            color: var(--corail-100); } }
    .template-lm-page .section-lm-content p {
      font-size: 16px;
      line-height: 30px;
      margin-bottom: 1rem; }
      @media only screen and (max-width: 830px) {
        .template-lm-page .section-lm-content p {
          margin-bottom: 25px; } }
    .template-lm-page .section-lm-content h2 {
      margin-bottom: 30px; }
      @media only screen and (max-width: 830px) {
        .template-lm-page .section-lm-content h2 {
          font-size: 20px;
          margin-bottom: 25px; } }
    .template-lm-page .section-lm-content h2, .template-lm-page .section-lm-content h3, .template-lm-page .section-lm-content h4 {
      display: block;
      width: 100%; }
    .template-lm-page .section-lm-content ol, .template-lm-page .section-lm-content ul {
      margin-left: 20px;
      display: block;
      width: 100%; }
      .template-lm-page .section-lm-content ol li, .template-lm-page .section-lm-content ul li {
        font-size: 16px;
        line-height: 30px; }
        .template-lm-page .section-lm-content ol li a, .template-lm-page .section-lm-content ul li a {
          color: #191919;
          text-decoration: underline; }
          @media only screen and (min-width: 1024px) {
            .template-lm-page .section-lm-content ol li a:hover, .template-lm-page .section-lm-content ul li a:hover {
              text-decoration: underline;
              color: var(--corail-100); } }

/* lm end */


.error404 .bloc-intro-presentation:after {
	background-image:none;
	height:0px;
}

.error404 .content404 .bulle {
	background: #fff;
	border: 1px solid #e5e5e5;
	border-radius: 20px 20px 20px 0;
	padding: 30px;
	width: calc(100% - 156px);
	display: inline-block;
	float: right;
}
.error404 .circle-logo img {
	    display: inline-block;
	        margin-bottom: inherit;
		    margin-left: inherit;
		        max-width: 90%;
}
.error404 .content404 .circle-logo {
	position: absolute;
	left: 0;
	    bottom: -100px;
}
@media only screen and (max-width: 768px) {
       	.error404 .content404 .circle-logo {
        	bottom: -40px;
	}
}
@media only screen and (max-width: 990px) {
	.error404 .content404 .circle-logo {
        	left: 20px;
	}
}
.error404 .circle-logo {
        width: 70px;
	height: 70px;
        line-height: 78px;
	border-radius: 70px;
	text-align: center;
	background: #fff;
	margin: 0 auto;
        display: block;
	position: relative;
}
@media only screen and (max-width: 768px) {
	.error404 .content404 .bulle {
	    padding: 20px;
	    width: calc(100% - 100px);
	    margin-right: 10px;
	}
}
@media only screen and (min-width: 768px) {
       	.error404 .content404 .circle-logo.large {
		width: 154px;
		height: 154px;
		line-height: 180px;
		border-radius: 154px;
	}
	.error404 .circle-logo img {
		position:relative;
		top:-20px;
	}
	.error404 .bloc-intro-presentation {
		padding-top:310px;
	}
}
@media only screen and (max-width: 768px) {
    .page-error .content .bulle p {
	    font-size: 16px !important;
    }
}
@media only screen and (max-width: 830px) {
    body.error404 .bloc-intro-presentation {
	        padding-top: 200px; 
    }
}
.error404 .content404 .bulle p {
	    font-size: 24px;
	        color: #191919;
}
.error404 .content404 .bulle p a {
	    color: var(--corail-100);
}
.error404 .content404 .bulle p a:hover {
	    text-decoration:none !important;
}
.error404 .content404 {
        width: 790px;
        margin-left: auto;
        margin-right: auto;
	top: 50%;
	position: absolute;
	left: 50%;
        transform: translate(-50%,-50%);
	max-width: 100%;
}
.error404 .content404 .bulle p span {
        display: block;
        margin-bottom: 10px;
}
.template-presprocess .bloc-intro-presprocedure {
  width: 100%;
  position: relative;
  padding-top: 165px;
  overflow: hidden;
}

@media only screen and (max-width: 1190px) {
  .template-presprocess .bloc-intro-presprocedure {
    padding-top: 190px;
  }
}

@media only screen and (max-width: 990px) {
  .template-presprocess .bloc-intro-presprocedure {
    height: auto;
  }
}

@media only screen and (max-width: 830px) {
  .template-presprocess .bloc-intro-presprocedure {
    margin-top: 55px;
    padding-top: 20px;
    background: #ffffff;
  }
}

.template-presprocess .bloc-intro-presprocedure .bloc-content {
  padding-left: 0;
  width: 60%;
  float: left;
  max-width: 689px;
  margin-bottom: 369px;
}

@media only screen and (max-width: 1190px) {
  .template-presprocess .bloc-intro-presprocedure .bloc-content {
    padding-left: 0;
  }
}

@media only screen and (max-width: 830px) {
  .template-presprocess .bloc-intro-presprocedure .bloc-content {
    color: #404040;
    width: 100%;
    max-width: inherit;
    margin-bottom: 219px;
  }
  .template-presprocess .bloc-intro-presprocedure .bloc-content .title, .template-presprocess .bloc-intro-presprocedure .bloc-content p {
    color: #404040;
  }
}

@media only screen and (max-width: 600px) {
  .template-presprocess .bloc-intro-presprocedure .bloc-content p {
    font-size: 14px;
  }
}
.template-presprocess .bloc-intro-presprocedure .image-titre {
  color: #191919;
  font-size: 12px;
  font-weight: 900;
  position: absolute;
  top: 87px;
  left: 0;
  width: 100%;
  text-align: center;
  padding: 0 61px;
  z-index: 999;
  font-family: 'Ambit', sans-serif;
  line-height: 1.0em;
}

@media only screen and (max-width: 990px) {
  .template-presprocess .bloc-intro-presprocedure .image-titre {
    padding: 0 30px;
    top: 67px;
  }
}

.template-presprocess .bloc-intro-presprocedure .image {
  width: 280px;
  float: right;
  position: relative;
  z-index: 10;
}

@media only screen and (max-width: 990px) {
  .template-presprocess .bloc-intro-presprocedure .image {
    width: 240px;
  }
}

@media only screen and (max-width: 830px) {
  .template-presprocess .bloc-intro-presprocedure .image {
    display: none;
  }
}

.template-presprocess .bloc-intro-presprocedure .image img {
  display: block;
  max-width: 100%;
  position: absolute;
}

@media only screen and (max-width: 1387px) {
  .template-presprocess .bloc-intro-presprocedure .image img {
    margin-left: 0;
  }
}

@media only screen and (max-width: 990px) {
  .template-presprocess .bloc-intro-presprocedure .image img {
    margin-left: auto;
    margin-right: auto;
    position: relative;
  }
}

@media only screen and (max-width: 830px) {
  .template-presprocess .bloc-intro-presprocedure .image img {
    position: absolute;
    width: 336px;
    max-width: inherit;
    left: 50%;
    margin-left: -155px;
  }
}

.template-presprocess .bloc-intro-presprocedure .image .btn-realisez {
  position: absolute;
  top: 350px;
  left: 10%;
}

@media only screen and (max-width: 990px) {
  .template-presprocess .bloc-intro-presprocedure .image .btn-realisez {
    top: 298px;
  }
}

.template-presprocess .bloc-intro-presprocedure .container-lumio {
  position: relative;
}

@media only screen and (max-width: 990px) {
  .template-presprocess .bloc-intro-presprocedure .container-lumio {
    overflow: auto;
  }
}

@media only screen and (max-width: 830px) {
  .template-presprocess .bloc-intro-presprocedure .container-lumio {
    overflow: inherit;
  }
}

.template-presprocess .bloc-intro-presprocedure:after {
  display: block;
  content: "";
  width: 100%;
  height: 310px;
  background-size: 100% 310px;
  background-repeat: no-repeat;
  background-position: left bottom;
  background-image: url(../medias/mask.png);
  position: absolute;
  bottom: 0;
}

@media only screen and (max-width: 1278px) {
  .template-presprocess .bloc-intro-presprocedure:after {
    background-size: 130% 310px;
  }
}

@media only screen and (max-width: 990px) {
  .template-presprocess .bloc-intro-presprocedure:after {
    background-size: 167% 310px;
  }
}

@media only screen and (max-width: 830px) {
  .template-presprocess .bloc-intro-presprocedure:after {
    background-size: 100% 65px;
  }
}

.template-presprocess .bloc-description {
  position: relative;
  z-index: 2;
}

.template-presprocess .wrapper-blanc {
  position: relative;
}

.template-presprocess .wrapper-blanc-remonte {
  margin-top: -200px;
}

.template-presprocess .bloc-description-wrap {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  padding-top: 40px;
}

@media only screen and (max-width: 830px) {
  .template-presprocess .bloc-description-wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.template-presprocess .bloc-description-wrap.bloc-description-wrap-seul {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.template-presprocess .bloc-description-gauche-wrap {
  position: relative;
}

@media only screen and (max-width: 830px) {
  .template-presprocess .bloc-description-gauche-wrap {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }
}

.template-presprocess .bloc-description-gauche-wrap.fixed {
  position: fixed;
  top: 0;
}

.isIE11 .template-presprocess .bloc-description-gauche-wrap.fixed {
  -webkit-transform: translateX(-280px);
  transform: translateX(-280px);
}

.template-presprocess .bloc-description-gauche-wrap.fixed .bloc-description-gauche {
  padding-bottom: 10px;
}

.template-presprocess .bloc-description-gauche-wrap.absolutebottom {
  position: absolute;
  bottom: 0;
}

.isIE11 .template-presprocess .bloc-description-gauche-wrap.absolutebottom {
  -webkit-transform: translateX(-280px);
  transform: translateX(-280px);
}
.template-presprocess .bloc-description-gauche-wrap::before {
  content: '';
  position: absolute;
  display: block;
  width: 97px;
  min-height: 531px;
  z-index: 12;
  top: 0;
  bottom: 0;
  right: 0;
  background: #ffffff;
}

@media only screen and (max-width: 830px) {
  .template-presprocess .bloc-description-gauche-wrap::before {
    display: none;
  }
}

.template-presprocess .bloc-description-gauche-wrap::after {
  content: '';
  position: absolute;
  display: block;
  width: 97px;
  min-height: 531px;
  z-index: 11;
  top: 20px;
  bottom: 20px;
  right: 0;
  border-radius: 100%;
  -webkit-box-shadow: 0 0 20px #555555;
  box-shadow: 0 0 20px #555555;
}

@media only screen and (max-width: 830px) {
  .template-presprocess .bloc-description-gauche-wrap::after {
    display: none;
  }
}

.template-presprocess .bloc-description-gauche-wrap-fake {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 281px;
}

.template-presprocess .bloc-description-gauche {
  position: relative;
  width: 281px;
  background: #ffffff;
  padding-right: 30px;
  padding-bottom: 193px;
  z-index: 15;
  display: block;
}

@media only screen and (max-width: 830px) {
  .template-presprocess .bloc-description-gauche {
    width: 100%;
    margin-top: 20px;
  }
}

.template-presprocess .bloc-description-wrapSeul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-box-pack: stretch;
  -ms-flex-pack: stretch;
  justify-content: stretch;
  margin-top: 50px;
}

@media only screen and (max-width: 600px) {
  .template-presprocess .bloc-description-wrapSeul {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

@media only screen and (max-width: 600px) {
  .template-presprocess .bloc-description-wrapSeul {
    margin-top: 10px;
  }
}

.template-presprocess .bloc-description-droiteSeul {
  width: 280px;
  margin-left: 50px;
}

@media only screen and (max-width: 830px) {
  .template-presprocess .bloc-description-droiteSeul {
    width: 250px;
  }
}

@media only screen and (max-width: 600px) {
  .template-presprocess .bloc-description-droiteSeul {
    width: 100%;
    margin-left: 0;
    margin-top: 30px;
  }
}

.template-presprocess .bloc-description-gaucheSeul {
  position: relative;
  width: 280px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  padding: 0 30px;
  background: #ffffff;
}

@media only screen and (max-width: 830px) {
  .template-presprocess .bloc-description-gaucheSeul {
    width: 250px;
  }
}

@media only screen and (max-width: 600px) {
  .template-presprocess .bloc-description-gaucheSeul {
    width: 100%;
  }
}

.template-presprocess .bloc-description-gaucheSeul::before {
  content: '';
  position: absolute;
  display: block;
  width: 97px;
  min-height: 300px;
  z-index: 12;
  top: 0;
  bottom: 0;
  right: 0;
  background: #ffffff;
}

@media only screen and (max-width: 830px) {
  .template-presprocess .bloc-description-gaucheSeul::before {
    display: none;
  }
}

.template-presprocess .bloc-description-gaucheSeul::after {
  content: '';
  position: absolute;
  display: block;
  width: 97px;
  min-height: 300px;
  z-index: 11;
  top: 20px;
  bottom: 20px;
  right: 0;
  border-radius: 100%;
  -webkit-box-shadow: 0 0 20px #555555;
  box-shadow: 0 0 20px #555555;
}

@media only screen and (max-width: 830px) {
  .template-presprocess .bloc-description-gaucheSeul::after {
    display: none;
  }
}

.template-presprocess .bloc-description-gauche-tissotSeul {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  z-index: 30;
  background: #ffffff;
  height: 100%;
}

.template-presprocess .bloc-description-gauche-tissotSeul .logo-tissot {
  margin-top: 0;
}

.template-presprocess .bloc-description-gauche-title {
  display: block;
  color: var(--blue-100);
  font-size: 17px;
  font-weight: bold;
  margin-bottom: 40px;
}

.template-presprocess .bloc-description-gauche-list-item {
  margin-bottom: 20px;
  list-style-type: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.template-presprocess .bloc-description-gauche-list-item i {
  font-size:2em;
  width: 40px;
  text-align: center;
}
@media only screen and (max-width: 830px) {
  .template-presprocess .bloc-description-gauche-list-item {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
}

.template-presprocess .bloc-description-gauche-list-item > span {
  margin-left: 7px;
}

.template-presprocess .bloc-description-gauche-list-item > svg {
  fill: #191919;
  width: 30px;
  height: 30px;
  font-size: 14px;
}

.template-presprocess .bloc-description-gauche-tissot {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 40px;
}

.template-presprocess .bloc-description-gauche-tissot span {
  text-align: center;
}

.template-presprocess .logo-tissot {
  margin-top: 34px;
  margin-bottom: 34px;
  width: 120px;
}

.template-presprocess .bloc-description-droite {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-left: 30px;
  width: 600px;
  min-height: 582px;
}
@media only screen and (max-width: 990px) {
  .template-presprocess .bloc-description-droite {
    width: 100%;
  }
}
@media only screen and (max-width: 830px) {
  .template-presprocess .bloc-description-droite {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    margin-left: inherit;
    width: 100%;
  }
}

.template-presprocess .bloc-description-droite h2 {
  margin-top:32px;
  margin-bottom:32px;
  /*font-size: 18px;
  font-weight: bold;
  line-height: 1.6em;*/
}

.template-presprocess .bloc-description-droite h2:first-child {
  width: 507px;
  margin-top: 0px;
}

@media only screen and (max-width: 830px) {
  .template-presprocess .bloc-description-droite h2:first-child {
    width: 100%;
  }
}

.template-presprocess .bloc-description-droite p+p {
  margin-top:16px;
  /*line-height: 1.8em;
  font-size: 1rem;*/
}

.template-presprocess .bloc-bandeau-bleu {
  padding-bottom: 0;
}

.template-presprocess .bloc-bandeau-bleu-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding-left: 80px;
  padding-right: 80px;
}

@media only screen and (max-width: 830px) {
  .template-presprocess .bloc-bandeau-bleu-wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-right: 15px;
    padding-left: 15px;
  }
}

.template-presprocess .bloc-bandeau-bleu-wrap .title {
  margin-bottom: 0;
  font-size: 30px;
}

@media only screen and (max-width: 830px) {
  .template-presprocess .bloc-bandeau-bleu-wrap .title {
    font-size: 24px;
  }
}

.template-presprocess .bloc-bandeau-bleu-wrap p {
  font-size: 24px;
  margin-bottom: 0;
}

@media only screen and (max-width: 830px) {
  .template-presprocess .bloc-bandeau-bleu-wrap p {
    font-size: 15px;
  }
}

@media only screen and (max-width: 830px) {
  .template-presprocess .bloc-bandeau-bleu-wrap .bloc-bandeau-bleu-btn {
    margin-top: 15px;
  }
}

.template-presprocess .bloc-bandeau-bleu-gauche {
  margin-right: 15px;
}

@media only screen and (max-width: 830px) {
  .template-presprocess .bloc-bandeau-bleu-gauche {
    margin-right: 0;
  }
}

.separation {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: auto;
}

@media only screen and (max-width: 830px) {
  .separation {
    margin-bottom: 0px;
  }
}

.separation-centre {
  position: relative;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: rgba(135, 72, 203, 0.1);
  margin: 57px 0 77px;
}

.separation-centre::before, .separation-centre::after {
  content: '';
  position: absolute;
  display: block;
  width: 96px;
  height: 20px;
  border-radius: 10px;
  background: rgba(135, 72, 203, 0.1);
}

.separation-centre::before {
  right: 35px;
}

.separation-centre::after {
  left: 35px;
}

.bloc-souhait {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.bloc-souhait::before {
  content: '';
  display: block;
  position: absolute;
  z-index: 5;
  top: -200px;
  left: -350px;
  width: 592px;
  height: 522px;
}

@media only screen and (max-width: 830px) {
  .bloc-souhait::before {
    display: none;
  }
}

.bloc-souhait::after {
  content: '';
  display: block;
  position: absolute;
  z-index: 10;
  top: -114px;
  left: -323px;
  width: 507px;
  height: 451px;
}

@media only screen and (max-width: 830px) {
  .bloc-souhait::after {
    display: none;
  }
}

.bloc-souhait-wrap {
  position: relative;
  z-index: 20;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  width: 1011px;
  background: #ffffff;
  border-radius: 3px;
  padding: 40px;
  -webkit-box-shadow: 0 3px 9px 0 rgba(25, 25, 25, 0.22);
  box-shadow: 0 3px 9px 0 rgba(25, 25, 25, 0.22);
}

@media only screen and (max-width: 830px) {
  .bloc-souhait-wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 40px;
    padding: 20px 15px;
  }
}

.bloc-souhait-gauche {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  width: calc(50% - 90px);
  margin-right: 70px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.bloc-souhait-gauche .bloc-souhait-titre, .bloc-souhait-gauche .bloc-souhait-desc {
  width: 100%;
  color:var(--grey-text);
}

@media only screen and (max-width: 830px) {
  .bloc-souhait-gauche {
    margin-right: 0;
    width: 100%;
  }
}

.bloc-souhait-gauche .btn-procedure {
  margin: 29px auto 0;
}

.bloc-souhait-droite {
  width: calc(50% + 90px);
}

@media only screen and (max-width: 830px) {
  .bloc-souhait-droite {
    width: 100%;
    margin-top: 40px;
  }
}

.bloc-souhait-titre {
  display: block;
  font-size: 26px;
  font-weight: bold;
  line-height: 1.3em;
}
.bloc-souhait-titre.chapeau > span {
  display: block;
}	
.bloc-souhait-titrelien {
  color: var(--grey-100);
  -webkit-transition: color 0.25s ease-out;
  transition: color 0.25s ease-out;
}

.bloc-souhait-desc {
  margin-top: 16px;
  margin-bottom: 16px;
}

/*.bloc-souhait-desc > * {
  font-size: 18px;
}*/

.bloc-souhait-droite-etapes {
  color: #999999;
  margin-left: 48px;
}

.bloc-documents-title {
  text-align: center;
  margin-bottom: 30px;
}

.bloc-documents-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
}

.bloc-documents-item {
  text-decoration:none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 225px;
  min-height: 288px;
  border-radius: 10px;
  border: 1px solid #D9D9D9;
  padding: 24px 14px;
  -webkit-transition: -webkit-box-shadow 0.25s ease-out;
  transition: -webkit-box-shadow 0.25s ease-out;
  transition: box-shadow 0.25s ease-out;
  transition: box-shadow 0.25s ease-out, -webkit-box-shadow 0.25s ease-out;
}

.bloc-documents-item::before {
  content: '';
}

.bloc-documents-item:hover, .bloc-documents-item:focus {
  -webkit-box-shadow: 0 3px 9px 0 rgba(25, 25, 25, 0.22);
  box-shadow: 0 3px 9px 0 rgba(25, 25, 25, 0.22);
}

.bloc-documents-item .picto-doc {
  color: var(--blue-100);
  font-size: 48px;
  margin-bottom: 23px;
  text-align:center;
}

.bloc-documents-item-title {
  color: var(--grey-text);
  font-size:18px;
  margin-bottom: 16px;
}

.bloc-documents-item-voir {
  margin-top: auto;
}

.bloc-documents-item-voir {
}
.bloc-documents-item-voir.cta-btn-ght {
  padding: 0px;
  text-align: center;
}

.bloc-documents {
  position: relative;
  -webkit-box-shadow: 0 11px 22px 0 rgba(0, 0, 0, 0.05);
  box-shadow: 0 11px 22px 0 rgba(0, 0, 0, 0.05);
}

@media only screen and (max-width: 830px) {
  .bloc-documents {
    margin-bottom: 30px;
    padding-bottom: 50px;
  }
}

.bloc-documents .owl-stage-outer {
  padding-bottom: 10px;
}

@media only screen and (max-width: 530px) {
  .bloc-documents .owl-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}

.bloc-documents .owl-next, .bloc-documents .owl-prev {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 29px;
  height: 29px;
  background: url("../medias/pres-procedure/arrow-circle.svg") no-repeat 0 0 !important;
  -webkit-transition: background 0.25s ease-out;
  transition: background 0.25s ease-out;
}

.bloc-documents .owl-next:hover, .bloc-documents .owl-next:focus, .bloc-documents .owl-prev:hover, .bloc-documents .owl-prev:focus {
  background: url("../medias/pres-procedure/arrow-circle-hover.svg") no-repeat 0 0 !important;
}

.bloc-documents .owl-next.disabled, .bloc-documents .owl-prev.disabled {
  background: url("../medias/pres-procedure/arrow-circle-disabled.svg") no-repeat 0 0 !important;
}

.bloc-documents .owl-nav {
  position: relative;
  margin-top: 10px;
}

.bloc-documents .owl-prev {
  top: 0;
  left: 0;
}

.bloc-documents .owl-next {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  top: 0;
  right: 0;
}

ul.etapePicto {
  list-style: none;
}

ul.etapePicto li {
  list-style: none;
  padding-left: 0 !important;
  height: 55px;
  display: table;
  position: relative;
}

ul.etapePicto li a {
  display: table-cell;
  vertical-align: middle;
}

ul.etapePicto li .bulle {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: absolute;
  top: 50%;
  margin-top: -16px;
  background: var(--grey-200);
  color: var(--blue-100);
  border: solid 1px var(--grey-200);
  width: 33px;
  height: 33px;
  line-height: 33px;
  text-align: center;
  font-size: 20px;
  border-radius: 33px;
}

@media only screen and (max-width: 830px) {
  ul.etapePicto li .bulle {
    margin-right: 5px;
    color: #191919;
    border: solid 1px #191919;
  }
}

ul.etapePicto li .bulle > svg {
  width: 17px;
  height: 17px;
  stroke: #ffffff;
}

@media only screen and (max-width: 830px) {
  ul.etapePicto li .bulle > svg {
    stroke: #404040;
  }
}

ul.etapePicto li .texte {
  display: table-cell;
  padding-left: 49px;
  vertical-align: middle;
  width: calc(100% - 49px);
  font-weight: normal;
}

@media only screen and (max-width: 600px) {
  ul.etapePicto li .texte {
    font-size: 14px;
  }
}

ul.etapePicto li:after {
  display: block;
  content: "";
  width: 1px;
  height: 22px;
  background-color: var(--grey-200);
  margin-left: 16px;
  left: 0;
  position: absolute;
  top: -10px;
}

@media only screen and (max-width: 830px) {
  ul.etapePicto li:after {
    background: #191919;
  }
}

ul.etapePicto li:first-child:after {
  display: none;
}

ul.etapeChiffre {
  list-style: none;
}

ul.etapeChiffre li {
  list-style: none;
  padding-left: 0 !important;
  height: 55px;
  display: table;
  position: relative;
}

ul.etapeChiffre li .bulle {
  display: inline-block;
  position: absolute;
  top: 50%;
  margin-top: -16px;
  background-color: var(--grey-200);
  color: var(--blue-100);
  width: 33px;
  height: 33px;
  line-height: 33px;
  text-align: center;
  font-size: 15px;
  border-radius: 33px;
}

@media only screen and (max-width: 830px) {
  ul.etapeChiffre li .bulle {
    margin-right: 5px;
  }
}

ul.etapeChiffre li .texte {
  display: table-cell;
  padding-left: 49px;
  vertical-align: middle;
  width: calc(100% - 49px);
  font-size: 15px;
  font-weight: normal;
  line-height: 1.87;
}

@media only screen and (max-width: 600px) {
  ul.etapeChiffre li .texte {
    font-size: 14px;
  }
}

ul.etapeChiffre li:after {
  display: block;
  content: "";
  width: 1px;
  height: 22px;
  background-color: var(--grey-200);
  margin-left: 16px;
  left: 0;
  position: absolute;
  top: -10px;
}

ul.etapeChiffre li:first-child:after {
  display: none;
}

.template-documents .lumio-head {
  position: relative;
}

@media only screen and (max-width: 830px) {
  .template-documents .lumio-head {
    background-color: transparent;
    position: relative;
    text-align: center;
    padding-top: 20px;
    height: auto;
    margin-top: 50px;
  }
  .template-documents .lumio-head .lumio-subhead {
    padding-bottom: 15px;
    margin-bottom: 0;
  }
  .template-documents .lumio-head .lumio-subhead a {
    color: #ffffff;
  }
  .template-documents .lumio-head .title {
    padding-top:16px;	 
  }
  .template-documents .lumio-head:after {
  }
}

.template-documents h1.title {
  width: 100%;
  padding: 0 15px;
  text-align: center;
  color: var(--blue-100);
}

@media only screen and (max-width: 830px) {
  .template-documents h1.title {
    position: inherit;
    top: inherit;
    left: inherit;
    -webkit-transform: inherit;
    transform: inherit;
  }
}

.DocProc {
  background: #ffffff;
  padding-top: 15px;
}

.DocProc-container {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

@media only screen and (max-width: 600px) {
  .DocProc-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

.DocProc-gaucheWrap {
  position: relative;
  min-height: 322px;
  -webkit-transition: padding 0.25s ease-out;
  transition: padding 0.25s ease-out;
}

.DocProc-gaucheWrap.fixed {
  position: fixed;
  padding-top: 89px;
  top: 0;
}

.isIE11 .DocProc-gaucheWrap.fixed {
  -webkit-transform: translateX(-410px);
  transform: translateX(-410px);
}

@media only screen and (max-width: 1190px) {
  .isIE11 .DocProc-gaucheWrap.fixed {
    -webkit-transform: translateX(-300px);
    transform: translateX(-300px);
  }
}

@media only screen and (max-width: 830px) {
  .isIE11 .DocProc-gaucheWrap.fixed {
    -webkit-transform: translateX(-200px);
    transform: translateX(-200px);
  }
}

.DocProc-gaucheWrap.absolutebottom {
  position: absolute;
  bottom: 0;
}

.isIE11 .DocProc-gaucheWrap.absolutebottom {
  -webkit-transform: translateX(-410px);
  transform: translateX(-410px);
}

@media only screen and (max-width: 1190px) {
  .isIE11 .DocProc-gaucheWrap.absolutebottom {
    -webkit-transform: translateX(-300px);
    transform: translateX(-300px);
  }
}

@media only screen and (max-width: 830px) {
  .isIE11 .DocProc-gaucheWrap.absolutebottom {
    -webkit-transform: translateX(-200px);
    transform: translateX(-200px);
  }
}

.DocProc-gaucheWrap::before {
  content: '';
  position: absolute;
  display: block;
  width: 109px;
  min-height: 322px;
  z-index: 12;
  top: 0;
  bottom: 0;
  right: 0;
  background: #ffffff;
}

@media only screen and (max-width: 830px) {
  .DocProc-gaucheWrap::before {
    display: none;
  }
}

.DocProc-gaucheWrap::after {
  content: '';
  position: absolute;
  display: block;
  width: 97px;
  min-height: 280px;
  z-index: 11;
  top: 20px;
  bottom: 20px;
  right: 0;
  border-radius: 100%;
  -webkit-box-shadow: 0 0 17px #999999;
  box-shadow: 0 0 17px #999999;
}

@media only screen and (max-width: 830px) {
  .DocProc-gaucheWrap::after {
    display: none;
  }
}

.DocProc-gaucheWrapFake {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 410px;
}

@media only screen and (max-width: 1190px) {
  .DocProc-gaucheWrapFake {
    width: 410px;
  }
}

@media only screen and (max-width: 830px) {
  .DocProc-gaucheWrapFake {
    width: 200px;
  }
}

@media only screen and (max-width: 600px) {
  .DocProc-gaucheWrapFake {
    width: 100%;
  }
}

.DocProc-gauche {
  position: relative;
  background: #ffffff;
  z-index: 15;
  padding-right: 58px;
  padding-top: 10px;
  width: 410px;
}

@media only screen and (max-width: 1190px) {
  .DocProc-gauche {
    padding-right: 30px;
    width: 300px;
  }
}

@media only screen and (max-width: 830px) {
  .DocProc-gauche {
    padding-right: 0;
    width: 200px;
  }
}

@media only screen and (max-width: 600px) {
  .DocProc-gauche {
    width: 100%;
  }
}

.DocProc-gaucheTitle {
  font-size: 18px;
  font-weight: 600;
}

.DocProc-droite {
  padding-left: 58px;
}

@media only screen and (max-width: 1190px) {
  .DocProc-droite {
    padding-left: 30px;
  }
}

@media only screen and (max-width: 600px) {
  .DocProc-droite {
    padding-left: 0;
    margin-top: 40px;
  }
}

.DocProc-ancresList {
  margin-top: 16px;
  margin-left: 25px;
  list-style-type: none;
}

@media only screen and (max-width: 830px) {
  .DocProc-ancresList {
    margin-left: 0;
  }
}

.DocProc-ancresListLink {
  position: relative;
  margin-bottom: 10px;
  font-size: 17.8px;
  display: block;
  -webkit-transition: color 0.25s ease-out;
  transition: color 0.25s ease-out;
}

@media only screen and (max-width: 830px) {
  .DocProc-ancresListLink {
    font-size: 14px;
  }
}

@media only screen and (max-width: 600px) {
  .DocProc-ancresListLink {
    font-size: 17.8px;
  }
}

.DocProc-ancresListLink:before {
  content: '';
  position: absolute;
  display: block;
  top: 4px;
  bottom: 4px;
  left: -6px;
  width: 3px;
  border-radius: 4px;
  background: transparent;
  -webkit-transition: background 0.25s ease-out;
  transition: background 0.25s ease-out;
}

.DocProc-ancresListLink.active {
  font-weight: 600;
  color: var(--blue-100);
}

.DocProc-ancresListLink.active:before {
  background: var(--blue-100);
}

.DocProc-ancresListLink:hover {
  color: var(--blue-100);
  text-decoration: none;
}

.DocProc .picto-doc {
  font-size: 21px;
}

.DocProc-rub {
  padding-bottom: 51px;
  margin-bottom: 51px;
  border-bottom: 1px solid #e5e5e5;
}

.DocProc-rub:last-child {
  border-bottom: none;
}

.DocProc-rubTitle {
  color: var(--black);
}

.DocProc-rubTitle:first-child {
  margin-top: 0;
}

.DocProc-rubSubTitle {
  margin-top: 27px;
  margin-bottom: 10px;
}

.DocProc-ListDocs {
  list-style-type: none;
}

.DocProc-ListDocsLink {
  position: relative;
  font-size: 18px;
  -webkit-transition: color 0.25s ease-out;
  transition: color 0.25s ease-out;
  text-decoration:none;
}
.DocProc-ListDocsLink i {
  margin-right: 12px;
  position: relative;
  top: 2px;
}

.DocProc-ListDocsLink::before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 8px;
  width: 0;
  height: 0;
  border-color: transparent transparent transparent #191919;
  -webkit-transition: 0.25s border ease-out;
  transition: 0.25s border ease-out;
}

.DocProc-ListDocsLink:hover, .DocProc-ListDocsLink:focus {
  color: var(--blue-100);
}

.DocProc-ListDocsLink:hover::before, .DocProc-ListDocsLink:focus::before {
  border-color: transparent transparent transparent var(--blue-100);
}

.DocProc-ListDocsItem {
  margin-bottom: 5px;
}


.bloc-tableau-prestations  {
	background-color:#F5F5F5;
}
.bloc-tableau-prestations .tableau-detail-offres {
	padding-top:50px;
}
.tableau-detail-offres.tableau-souscription-offres {
	display:flex;
	clear:both;
	padding-bottom: 55px;
}
.offre-souscriptions {
    width: 95%;
        margin-left: auto;
    margin-right: auto;
}
.offre-souscriptions .container-filtres {
	display:none;
}
.offre-souscriptions .container-filtres::after {
	clear:both;
	content:" ";
}
@media only screen and (max-width: 600px) {
.offre-souscriptions .container-filtres {
        display: block;
        text-align: center;
        margin-bottom: 20px;
    }
}
.bloc-offre-item.peu  a.cta-btn,  
.bloc-offre-item.beaucoup  a.cta-btn {
	color:#fff;
}
@media only screen and (min-width: 769px) {
	.tableau-detail-offres .beaucoup .ligne.titre.top {
	    height: 80px !important;
    }
}
.listing-onglets li, .listing-ongletsbis li {
	border-radius:40px;
	border-color:1px solid #999;
	min-width:90px;
}
.listing-ongletsbis, .listing-onglets {
	display:table;
	clear:both;
	border-radius:0px;
}
body.page-id-33 .listing-onglets, body.archive.category .listing-onglets{
	border-radius:40px;
        display: inline-block;
}
.tarif_souscription .cta-btn{
	margin-top:25px;
}
.tableau-detail-offres.tableau-souscription-offres .bloc-offre-item.beaucoup .bloc-titre {
	height:310px !important;
}
.tableau-detail-offres.tableau-souscription-offres .bloc-titre {
	height:300px !important;
}
.offre-souscriptions .zonetarifs  .ligne.premierdescriptif {
	    min-height: 125px;
	    height:125px;
}
body.page-id-18 .lumio-head.vague:before {
	background-image: url(../medias/tarifs/vague-tarifs-w.svg);
}
body.page-id-18 .bloc-contenu-offres, body.page-id-18 .bloc-contenu-offres .row-offres{
	background-color:#FFF;
}
body.page-id-18 .row-offres .detail-offre {
	background-color:#f5f5f5;	
}

.beaucoup .tarif_souscription .cta-btn {
	margin-top:25px;
}
.beaucoup .subtitle {
	display: block;
}
.beaucoup .tarif.tarif_souscription > div {
width: 135px;
}

.tarif .value .duree {
	font-size: 16px;
	display: block;
	margin-left: 5px;
}
.tarif .value {
	float: left;
	line-height: 1;
        text-align: left;
}

.tarif {
	font-weight: bold;
	display: inline-block;
}
.tarif .price {
	float: left;
	line-height: 1;
	font-size: 48px;
}
.tarif {
  font-weight: bold;
  display: inline-block; }
  .tarif > div {
    display: inline-block; }
  .tarif .price {
    float: left;
    line-height: 1;
    font-size: 48px; }
  .tarif .value {
    float: left;
    line-height: 1;
    text-align: left; }
    .tarif .value .unit {
      font-size: 24px; }
    .tarif .value .duree {
      font-size: 16px;
      display: block;
      margin-left: 5px; }
  .tarif.tarif-small .legende-tarif {
    text-align: center;
    font-size: 10px; }
  .tarif.tarif-small .price {
    font-size: 26px;
    color: #404040; }
  .tarif.tarif-small .value {
    font-size: 12px;
    color: #404040; }
    .tarif.tarif-small .value .unit, .tarif.tarif-small .value .duree {
      color: #404040;
      font-size: 13px; }

.legende-tarif {
  margin-top: -5px;
  clear: both; }
  .peu .tarif > div,  .beaucoup .tarif > div{
	  margin-left:44px;
  }
  .clearpresentation {
    clear:both;
  }

#mainFooter .part-three .item .content {
	width:160px;
}

.bloc-presentation-freetrial {
    display: block;

    object-fit: cover;
    width: auto;
    content: unset;
}


body.page-id-2 {
    background-image: none;
}

.bloc-presentation-freetrial .image-free-trial-int {
    margin-top: 80px !important;
}

.bloc-presentation-freetrial .image-free-trial-mac {
    margin-top: -400px;
    margin-left: 170px;
    position: relative;

}

.page-id-2 .card {
    align-items: stretch;
    overflow: hidden;
    border-top-right-radius: 10px;
    position: relative;
    box-shadow: 0 6px 13px rgba(32, 186, 252, 0.6);
    transition: transform 0.3s ease-in;
    text-decoration: none;
    color: white;
}
.page-id-2 .card:hover .overlay-hidden {
    transform: scale(480) translateZ(0);
}

.page-id-2 .card .image-icons {
    color: white;
    transition: color 0.3s ease;
}

.page-id-2 .card:active {
    transform: scale(1) translateZ(0);
    box-shadow: none;
}

.page-id-2 .image-icons {
    color: white;
    transition: color 0.3s ease;
}

.page-id-2 .card p {
    font-size: 17px;
    color: #4c5656;
    margin-top: 30px;
    z-index: 999;
    transition: color 0.3s ease;
}

.page-id-2 .overlay-hidden {
    width: 1px;
    position: absolute;
    height: 1px;
    border-radius: 50%;
    background: rgb(32, 186, 252);
    right: 44%;
    bottom: 45%;
    left: 45%;
    top: 50%;
    z-index: 0;
    transition: transform 0.3s ease-in;

}

.page-id-2 .card:hover p {
    color: #FFFFFF;
}

.page-id-2 .card:active .overlay-hidden {
    transform: scale(480) translateZ(0);
}

.page-id-2 .card:hover {
    color: white;
    box-shadow: 0 15px 24px rgba(0, 0, 0, 0.11);
    transition: transform 0.3s ease-in;
}

.page-id-2 .card:active {
    color: white;
    box-shadow: none;
}

.page-id-2 .container-lumio-cards .fak {
    font: normal normal normal 14px/1 'Font Awesome Kit';
    font-size: 64px;
    text-rendering: auto;
}
/*.page-id-2 .fak {
    display: block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 72px;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}*/

.page-id-2 .container-lumio-cards .fak {
    color: rgb(32, 186, 252);
    height: 50px;
}

.page-id-2 .card:hover .fak {
    transition: transform 0.3s ease-in-out;
    color: white;
}

.page-id-2 .card:active .fak {
    transition: transform 0.3s ease-in-out;
    color: white;
    box-shadow: none;
}

.page-id-2 .container-lumio .card {

    border-inline: 1px solid #E5E5E5;
    border-radius: 10px;
    padding-top: 2em;
    padding-bottom: 50px;
    font-family: 'Nunito', sans-serif;
    font-size: 20px;
    text-align: center;
    vertical-align: middle;
    font-weight: bold;
    line-height: 25px;
    margin: 9px;


}

.page-id-2 .image-icons .fak {
    position: relative;
    align-content: center;
    color: rgb(32, 186, 252);
    transition: color 0.3s ease;
}

.page-id-2 .card p {
    vertical-align: middle;
    text-align: center;
    margin-top: 35px;
    width: 264px;
    padding-left: 15px;
    padding-right: 15px;
}

.page-id-2 .card {
    width: 264px;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);
    height: 210px;
}

/*Animation*/
@media only screen and (max-width: 830px) {
  .page-id-2 .bloc-create-account #canvas {
    display: none;
  }
}
.page-id-2 .bloc-create-account .image {
    /*width: 40%;
    float: left;*/
}
/**/
.container-lumio-cards {
    margin-bottom: 360px;
}


.container-lumio-cards {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 80px;
}
.container-lumio-cards a {
    color:#000;
}
.container-lumio-cards a:hover {
    text-decoration:none;
    color:#000;
}
.container-lumio .bloc-create-account {
    width: 100%;
    align-items: stretch;
    align-content: stretch;
}

.bloc-presentation-create-account {
    background-image: url('../medias/Vague01.png');
    background-repeat: no-repeat;
    background-size: 100%;
    margin: auto;
}

.checks-create-account {
    height: 310px;
    margin: auto;
    justify-items: flex-start;
    padding-top: 11px;
}


.bloc-content-header-card {
    margin-right: 0;
    padding-left: 55px;
    width: 759px;
}

.title-header-card {
    width: 640px;
}

.text-header-card {
    font-size: 15px;
}

.bloc-content-header-card .title-header-card {
    font-size: 36px;
    color: #191919;
    font-weight: 800;
}

.check-create-account {
    display: grid;
    justify-items: center;
    height: 265px;
    color: white;

    margin-right: 25px;
    margin-left: 25px;


}

.check-icon-create-account {
    width: 45px;
    height: 45px;
    margin: auto;
    justify-content: center;
    display: flex;
    align-content: center;
}

.check-label-create-account .check-label-p {

    color: white;
    margin-left: 60px;
    height: 158px;
    width: 300px;
    margin-right: 160px;
}

.check-label-create-account {

    font-size: 15px;
    line-height: 20px;
    text-align: center;
    font-weight: 800;
    margin-bottom: 20px;
    vertical-align: middle;
    display: block;
    margin-top: 20px;
}

.page-id-2 .check-label-p {

    color: white;
    font-size: 15px;
    text-align: center;
}

.container-lumio .bloc-content-create-account {
    width: 495px;
    line-height: 20px;
    color: white;
    margin-right: 50px;
}
@media only screen and (min-width: 830px) {
    .container-lumio .bloc-content-create-account {
	    margin-right:60px;
    }
}
.bloc-content-create-account p {

}


.bloc-create-account {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
}

.bloc-create-account .container-lumio-create-account {
    max-width: 1224px;
    float: right;
}

.buttons-create-account {
    margin-top: 25px;
}

.gif-account {
    margin-top: -15rem;

}

.container-lumio-create-account {
    margin-right: auto;
    margin-left: auto;
}

.container-lumio-create-account .gif-account {
    display: flex;
    margin-left: 53px;
    margin-right: 20px;
}

.bloc-content-create-account .title-create-account {
    color: white;
    font-size: 36px;
    padding-top: 30px;
    font-family: 'Nunito', sans-serif;
    font-weight: bold;
}


.activ-link:hover {
    color: var(--corail-100);
    text-decoration: underline;
}

.activ-link {
    color: white;
    text-decoration: underline;

}

.bloc-intro-home-new {
    background-image: url("../medias/Bandeau.jpg");
    width: 100%;

    background-repeat: no-repeat;
    background-size: cover;
    object-position: center center;
    position: relative;
    padding-top: 190px;
}

.bloc-intro-home-new::after {
    background-image: none;
}

.header-nav-princ {
    width: 1012px;
    height: 116px;
}

.bloc-content-header .dynamic-title {
    color: white;
    margin-bottom: 0;
    font-size: 36px;
    line-height: 30px;
}

.page-id-2 .bloc-content-header p {
    color: white;
    padding-top: 20px;
}

.page-id-2 .hidden {
    opacity: 0;
}

.console-container {

    font-size: 36px;
    font-weight: 800;
    line-height: 40px;
    text-align: left;

    display: block;
    position: relative;
    color: var(--blue-100);
    top: 3px;
    bottom: 0;
    left: 0;
    right: 0;


}

.console-underscore {
    display: inline-block;
    position: relative;
    top: -0.14em;
    left: 10px;
}

.page-id-2 .dynamic-text {
    display: none;
}

.page-id-2 .container-dynamic .cta-btn {
    position: relative;
}

.page-id-2 .bloc-content-header .cta-starter-header {
    margin-top: 15px;
}

.container-dynamic-text {

    height: 180px;
}

@media only screen and (min-width: 830px) {
	.container-lumio-item-title {
	    width: 1108px;
	    padding-left: 320px;
	    text-align:center;
	}
}
.container-lumio-item {
    display: flex;
    justify-content: space-evenly;
    width: 1108px;
    height: 362px;
}

.page-id-2 .owl-carousel .item img {
    display: grid;
    width: 320px;
    float: left;
    height: 355px;
    justify-items: center;
    align-items: center;

}

.container-lumio-slider {
    margin-top: 15px;
    vertical-align: middle;
    text-align: center;
}

.page-id-2 .owl-carousel {
    display: block;
}

.container-lumio-slider h4 {
    display: grid;
    font-size: 28px;
    font-weight: 700;
    align-items: center;


}

.container-lumio-slider a {
    color: #FF3A6A;
    font-size: 18px;
    font-weight: 400;
    margin-top: 20px;
}

.container-lumio-slider span {
    display: block;
    font-size: 15px;
    font-weight: 700;
    color: #999999;
    margin-top: 41px;
    text-align: center;
    vertical-align: middle;
}

.container-lumio-slider p {
    text-align: center;
    vertical-align: middle;
    color: #999999;
    font-size: 15px;
}

/*.fa-th-lumio-4 {
    margin-left: 6px;
    color: #FF3A6A;
    width: 14px;
    height: 14px;
}*/

.page-id-2 .owl-carousel:hover .owl-nav:hover button.owl-next:hover, .owl-carousel:hover .owl-nav:hover button.owl-prev:hover, .owl-carousel:hover button.owl-dot:hover {
    background: 0 0;
    border: none !important;
}

.page-id-2 .owl-carousel button:focus {
    outline: none;
}

.page-id-2 .owl-prev, .page-id-2 .owl-next {
    width: 13px;
    height: 362px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    display: block !important;
    border: 0px solid black;
}

.page-id-2 .owl-prev {
    left: 160px;
}

.page-id-2 .owl-next {
    right: 160px;
}
.page-id-2 .owl-prev i, .owl-next i {
    color: #ccc;
    opacity: 50%;
    font-size: 30px;
}

.page-id-2 .owl-theme .owl-dots, .page-id-2 .owl-theme .owl-nav {
	    margin-bottom: 20px;
    }
.page-id-2 .item {
    justify-items: center;
    align-items: center;
}

.page-id-2 .owl-theme .owl-nav [class*=owl-] {
    margin-right: -110px;
    margin-left: -180px;
}

.container-temoignage .tag-temoignage {
    display: inline-flex;
    margin-bottom: 16px;
    margin-left: auto;
    margin-right: auto;
    color: white;
}


.bloc-content-video {
    width: 100%;
    margin: auto;
}


.bloc-presentation-video {
    background-image: url("../medias/02.svg");
    background-repeat: no-repeat;
    background-size: auto;
    padding-bottom: 60px;
    margin-bottom: 80px;
    padding-top: 100px;
    margin-top: -7rem;
}

.page-id-2 .text-video {

    font-size: 15px;
}

.bloc-content-video .title-header-video {
    font-size: 36px;
    color: #191919;
    font-weight: 800;

}

.text-video-bold {
    font-weight: 700;
}


.container-lumio-content-video .video-container iframe {
    outline: none;
    border: none;
}

.bloc-9-presentation::before {
    display: block;
}
.video-container {
    position: relative;
    padding-bottom: 56.25%; /* ratio 16/9 */
    height: 0; overflow: hidden;
    clear: both;
}
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
@media only screen and (max-width: 830px) {
    .card .overlay-hidden {
        border-radius: 70%;
        right: 60%;
        bottom: 60%;
    }
    .overlay-hidden {
        right: 55%;
        bottom: 55%;
    }
    .container-lumio .bloc-content-create-account {
        font-size: 15px;
        float: none;
        width: auto;
        margin-bottom: 20px;
    }
}

@media only screen and (min-width: 830px) and (max-width: 1124px) {
    .overlay-hidden {
        right: 55%;
        bottom: 55%;
    }
    .check-create-account {
        width: 33%;
    }

    .bloc-content-header-card .title-header-card {
        display: block;
        padding-left: 30px;
        padding-right: 30px;
    }

    .text-title-card .text-header-card {
        padding-left: 30px;
        padding-right: 30px;
    }

    .bloc-presentation-create-account {
        height: auto;
        display: block;
        background-size: cover;
        padding-bottom: 8rem;
    }

    .checks-create-account {
        margin-top: 20px;
        display: grid;

        height: auto;
    }

    .check-create-account {
        height: auto;
        width: auto;
    }

    .container-lumio .bloc-create-account {
        padding-bottom: 30px;
        margin-left: auto;
        margin-right: auto;
    }

    .container-lumio-create-account {
        justify-content: center;
        padding-right: 35px;
        padding-left: 35px;

    }

    .bloc-create-account .checks-create-account {
        align-items: flex-start;
        padding-left: 20px;
        padding-right: 20px;

    }

    .container-lumio-create-account .gif-account {
        position: relative;
        justify-content: center;
        margin-left: 0;
    }

    .gif-account img {
        width: 300px;
        height: 550px;
    }

    .container-lumio .bloc-content-create-account {
        font-size: 15px;
        float: none;
        padding-top: 30px;
        width: auto;

    }


    .bloc-content-create-account p {
        margin: 20px 0 20px 0;
    }

    .bloc-content-create-account .buttons-create-account {
        text-align: center;
        padding-bottom: 20px;
    }


    .item .tag-temoignage {
        margin-left: 500px;
    }

    .item .container-lumio-item {
        display: block;
    }

    .container-lumio-item h4 {
        font-size: 20px;
    }

    .container-lumio-item a {
        font-size: 15px;
    }

    .container-lumio-item span {
        font-size: 15px;
    }

    .container-lumio-item p {
        font-size: 12px;
    }


}

@media only screen and (max-width: 830px) {
    .card .overlay-hidden {
        border-radius: 70%;
        right: 60%;
        bottom: 60%;
    }
    .tooltip-view-mute {
        display: none;
    }

    .tooltip-view {
        display: none;
    }

    .fa-volume-up:before {
        display: none;
    }

    .bloc-presentation-freetrial {
        background-image: linear-gradient(90deg, #6b49ed, #688cd5 46%, #85dbce);
    }
    .bloc-content-header .dynamic-title {
        font-size: 28px;
    }
    .console-container {
        font-size: 28px;
    }
    .bloc-intro-home-new .bloc-content-header .cta-starter-header {
        margin-top: 120px;
    }
    .bloc-intro-home-new {
        background-position : 60% 50%;
    }
    .bloc-content-video {
        margin-bottom: 20px;
    }

    .bloc-content-header-card .title-header-card {
        font-size: 28px;
        display: contents;
    }

    .bloc-content-header-card {
        padding-left: 10px;
    }

    .bloc-content-header-card .text-header-card {
        font-size: 15px;
    }

    .container-temoignage .tag-temoignage {
        margin: auto;
    }

    .page-id-2 .owl-carousel .item img {
        align-self: center;
    }

    .container-lumio-slider {

    }

    .container-lumio-slider h4 {
        font-size: 15px;
    }

    .container-lumio-slider a {
        font-size: 15px;
    }

    .container-lumio-slider span {
        font-size: 15px;
    }

    .container-lumio-slider p {
        font-size: 10px;
    }

 /*   .page-id-2 .owl-theme .owl-nav [class*=owl-] {
        margin-right: -140px;
        margin-left: -140px;
    }
*/
    .temoignage {
        text-align: center;
	margin-bottom: 15px;
    }

    .container-lumio-item {
        width: auto;
        height: auto;
	flex-direction: column-reverse;
    }

    .bloc-content-video .title-header-video {
        font-size: 28px;
    }

    .page-id-2 .bloc-content p {
        font-size: 15px;
    }
    .bloc-9-presentation::before {

        display: none;
    }
    .bloc-presentation-create-account {
        height: auto;
        display: block;
        background-size: cover;
        padding-bottom: 8rem;
        padding-top: 100px;
    }

    .bloc-presentation-freetrial .image-free-trial-mac {
        margin-left: 120px;
        margin-top: -320px;

    }

    .bloc-9-presentation::before {
        height: 850px;
        background-size: 100% 850px;
        justify-content: center;
    }

    .bloc-presentation-freetrial {
        margin: auto;
	margin-bottom:60px;
    }

    .bloc-content-create-account .title-create-account {
        font-size: 28px;
    }

    .bloc-content-create-account p {
        font-size: 15px;
    }

    .buttons-create-account {
        float: none;
        display: flex;
        justify-content: center;
    }

    .checks-create-account {
        flex-direction: column;
        height: auto;
        padding-left: 10px;
        padding-right: 10px;
    }

    .check-create-account {
        height: auto;
        margin-top: 30px;
        margin-left: 0;
        margin-right: 0;
    }

    .container-lumio-create-account .gif-account img {
        width: 270px;
        height: 500px;
        margin: auto;
        margin-top: -5rem;
    }

    .container-lumio-create-account .gif-account {

    }

    .gif-account {
        position: relative;
        left: 0;
        right: 0;
        margin-left: auto;
        margin-right: auto;
    }

}

@media only screen and (max-width: 340px) {
    .bloc-presentation-freetrial .image-free-trial-mac {
        margin-left: 85px;
        margin-top: -280px;
    }

    .container-lumio .card {
        text-align: center;
    }
}
@media only screen and (max-width: 470px) {
    .page-id-2 .owl-carousel .item img {
        width: 100px;
        height: 120px;
        margin-top: 20px;

    }

    .page-id-2 .container-lumio-item {
        flex-flow: wrap-reverse;
        justify-content: center;
    }
}
@media only screen and (min-width: 830px) {
    .fa-volume-up:before {
        color: white;
    }

    .tooltip-view {
        font-size: 70px;
    }

    .tooltip-view-mute:hover {
        cursor: pointer;
    }

    .fa-volume-up:hover {
        cursor: pointer;
    }

    .fa-volume-up:after {
        display: none;
    }

    .tooltiptext-mute {
        font-size: 15px;
    }

    .tooltip-view:hover {
        background-color: rgb(32, 186, 252);
        color: white;
    }

    .tooltip-view-mute:hover {
        background-color: rgb(32, 186, 252);
        color: white;
    }

    .tooltip-view-mute {
        color: white;
        font-size: 25px;
        position: absolute;
        margin-top: 135px;
        right: 0;
        bottom: 0;
        margin-bottom: 105px;
        margin-right: 9px;
        padding: 6px 13.2px;
        border-radius: 6px;
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: rgba(30, 30, 30, .9);

    }

    .tooltip-view {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        padding: 10px;
        border-radius: 10px;
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: rgba(0, 0, 0, 0.83);

    }

    .tooltip-view-mute .tooltiptext-mute {
        visibility: hidden;
        width: 133px;
        background-color: rgba(30, 30, 30, .9);
        color: #fff;
        text-align: center;
        padding: 8px 2px;
        font-weight: 700;
        border-radius: 6px;
        /* Position the tooltip text */
        position: absolute;
        z-index: 1;
        left: 50%;
        margin-left: -160px;
        bottom: 10%;
        /* Fade in tooltip */
        opacity: 0;
    }

    .tooltip-view-mute .tooltiptext-mute::after {
        content: "";
        position: absolute;
        top: 40%;
        font-size: 15px;
        margin-left: 141px;
        border-width: 5px;
        border-style: solid;
        border-color: transparent transparent transparent rgba(30, 30, 30, .9);
    }

    .tooltip-view .tooltiptext {
        visibility: hidden;
        width: 120px;
        background-color: rgba(30, 30, 30, .9);
        color: #fff;
        text-align: center;
        padding: 5px 0;
        border-radius: 6px;
        font-size: 15px;
        /* Position the tooltip text */
        position: absolute;
        z-index: 1;
        left: 50%;
        margin-left: -60px;
        bottom: 110%;
        /* Fade in tooltip */
        opacity: 0;
    }

    .tooltip-view .tooltiptext::after {
        content: "";
        position: absolute;
        top: 100%;
        left: 50%;
        margin-left: -5px;
        border-width: 5px;
        border-style: solid;
        border-color: rgba(0, 0, 0, 0.75) transparent transparent transparent;
    }

    .tooltip-view-mute:hover .tooltiptext-mute {
        visibility: visible;
        opacity: 1;
        border-radius: 3px;
        display: flex;
        justify-content: center;
    }

    .tooltip-view:hover .tooltiptext {
        visibility: visible;
        opacity: 1;
        display: flex;
        justify-content: center;
    }
}
@media only screen and (min-width: 1124px) {
    .container-lumio .bloc-content-create-account {
        padding-bottom: 80px;
	padding-top: 80px;
        float: right;
    }

    .container-lumio .bloc-create-account {
        height: 1180px;
    }

    .text-video {
        width: 859px;
    }

    .text-title-video {
        padding-left: 60px;
    }

    .bloc-presentation-video {
        margin-top: -19rem;
    }

    .checks-create-account {
        width: 1120px;
        grid-template-columns: 250px 250px 250px;
    }

    .gif-account {
        position: absolute;
        margin-top: -20rem;
    }
}
@media only screen and (min-width: 830px) {
    .container-temoignage .tag-temoignage {
        margin: auto;
        margin-bottom: 15px;
    }
}
.image-free-trial-mac img:hover {
    animation: shake 0.3s;
    animation-iteration-count: 1.5;
}
.animationMac {
    animation: shake 0.3s;
    animation-iteration-count: 1.5;

}
.animationInt {
    -webkit-animation: slideAnimation 2s;
    animation: slideAnimation 2s;
    animation-iteration-count: 1;
}

@-webkit-keyframes slideAnimation {
    from {
        -webkit-transform: translateY(300px);
        transform: translateY(300px);
        opacity: 0;
    }
    to {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1;
    }
}

@keyframes otherOtherAnimation {
    from {
        -webkit-transform: translateY(100px);
        transform: translateY(100px);
        opacity: 0;
    }
    to {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1;
    }

}
@keyframes slideAnimation {
    from {
        -webkit-transform: translateY(20px);
        transform: translateY(20px);
        opacity: 0;
    }
    to {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1;
    }
}

@keyframes shake {
    0% { transform: translate(1px, 1px) rotate(0deg); }
    10% { transform: translate(-1px, -2px) rotate(-1deg); }
    20% { transform: translate(-3px, 0px) rotate(1deg); }
    30% { transform: translate(3px, 2px) rotate(0deg); }
    40% { transform: translate(1px, -1px) rotate(1deg); }
    50% { transform: translate(-1px, 2px) rotate(-1deg); }
    60% { transform: translate(-3px, 1px) rotate(0deg); }
    70% { transform: translate(3px, 1px) rotate(-1deg); }
    80% { transform: translate(-1px, -1px) rotate(1deg); }
    90% { transform: translate(1px, 2px) rotate(0deg); }
    100% { transform: translate(1px, -2px) rotate(-1deg); }
}