/*	-------------------------------------------------------------------------
	
	Search with ctr(cmd)+f
	
	1) Navigation
	
	2) Table 
	
	3) Modals
	
	4) Hovers
	
	5) Flex Slider
	
	6) Countdown
	
	7) Odometer
	
	8) Progress
	
	9) Loader
	
	10) Maps
	
	11) Parallax
	
-------------------------------------------------------------------------	*/


/* 1) Navigation 	---------------------------------------------------- */


/* type */

.table-1-outer{overflow-x:auto;margin-bottom:30px;}
.table-1{width:100%;border-collapse:collapse;background-color:#fff;text-align:center;font-size:14px;border:1px solid #e6e6e6;}
.table-1 thead th{border-bottom:3px solid #e6e6e6;text-transform:uppercase;}
.table-1 td, .table-1 th{padding:15px;border-bottom:1px solid #e6e6e6;}
.table-1 th{color:#333;}
.table-1 tr:nth-child(even) td, .table-1 tr:nth-child(even) th{background-color:#f8f8f8;}
td{text-align:left;}
.td-center{text-align:center;}
.green-check{color: #6dc36f;font-size: 18px;}
.red-cross{color:#d64242;font-size:18px;}

@media (max-width:640px){
	.title-1{font-size:22px !important;}
	.table-1 thead th {border-bottom: 3px solid #e6e6e6;text-transform: uppercase;font-size: 12px;}
	.table-1 tbody th {border-bottom: 3px solid #e6e6e6;font-weight: normal;font-size: 12px;}
	.table-1 {min-width: 580px;}
}
/* 1) Navigation 	---------------------------------------------------- */


/* type */

.nav--line {
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.nav--absolute {
	position: absolute;
	z-index: 11;
	width: 100%;
}
@media (max-width: 767px) {
	.nav--absolute {
		position: relative;
	}
}
.nav--fixed {
	position: fixed;
	z-index: 11;
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
	width: 100%;
	will-change: scroll-position, transform;
}
.nav--absolute.nav--line, .nav--fixed.nav--line {
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
@media (max-width: 767px) {
	.nav--fixed {
		background-color: #fff !important;
	}
}

/* modules */

.tipso {
    white-space: nowrap;
}

.nav-module {
	height: 100px;
	vertical-align: middle;
	padding: 0 15px;
	display: inline-block;
}
@media (max-width: 767px) {
	.nav-module {
		height: 70px;
	}
	.nav-module.nav {
		display: none;
	}
	.nav-module.nav.nav-open {
		display: block;
	}
	.text-center .nav-module {
		display: inline-block;
	}
}
.nav-module:first-child, .nav-module.visible-xs:first-child+.nav-module {
	padding-left: 0;
}
.nav-module:last-child {
	padding-right: 60px;
}
.nav-module .btn {
	margin-bottom: 0;
}
.nav-module .btn:last-child {
	margin: 0;
}
.nav-module-group {
	height: 100px;
	line-height: 100px;
	max-height: 100px;
	display: inline-block;
	padding-left: 15px;
}
.nav-module-group * {
	line-height: inherit;
}
@media (max-width: 767px) {
	.nav-module.width-100 {
		width: auto;
	}
}
.nav-row--bottom * {
	vertical-align: text-bottom;
}
.nav-row--bottom .nav-module * {
	vertical-align: text-bottom;
}

/* mod - search */

.search {
	cursor: pointer;
}

/* mod - logo */
.nav-module.logo img{
	margin-top: 20px;
	padding:0;
}

.bordertop {border-top: solid 1px #E5E5E5;padding-top:20px;}

.grid-youtube{position:relative;padding-bottom:56.25%;padding-top:25px;height:0;margin-bottom:30px;}
.grid-youtube:last-child{margin-bottom:0;}
.grid-youtube iframe {position:absolute;top:0;left:0;width:100%;height:100%;}

.menutop{
    width: 100%;
    background-color: #fff;
    z-index: 1000;
    -webkit-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.2);
    box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.2);
	height:100px;
}

.check{
	font-weight: 700;
    font-size: 12px;
    line-height: 17px;
    letter-spacing: 2.06px;
    text-transform: uppercase;
    margin-bottom: 10px;
	margin-left:10%;
}

.logo img {
	
}
.marg-b-no {
	padding-bottom: 0 !important;
	padding-top: 160px !important;
}

.bg-home {
	top: 100px;
	position: relative;
	left: 0px;
	z-index: 10;
	padding-top: 0!important;
}

.list-small {
	list-style-type: none;
	font-size: 10px;
}

.fixed-links-background {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  pointer-events: none;
  background: #191818;
  opacity: 0;
  z-index: 99;
  transition: opacity .2s ease; 
  display:none;
 }

.fixed-links {
  position: fixed;
  bottom: 30px;
  right: 30px;
  z-index: 100;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: flex-end;
  -moz-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column; }
  @media screen and (max-width: 767px) {
    .fixed-links {
      right: 15px;
      bottom: 15px; } }
  .fixed-links li {
    margin-top: 20px; }
    .fixed-links li:first-child {
      margin-bottom: 20px; }
    .fixed-links li a {
      margin-right: 10px;
      transition: opacity .2s ease, display .01s linear .2s, -webkit-transform .2s ease;
      transition: transform .2s ease, opacity .2s ease, display .01s linear .2s;
      transition: transform .2s ease, opacity .2s ease, display .01s linear .2s, -webkit-transform .2s ease;
      -webkit-transform: translateY(20px);
      transform: translateY(20px);
      opacity: 0;
      display: none;
      pointer-events: none; }
      .fixed-links li a:hover i {
        box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.55); }
      .fixed-links li a p {
        display: inline-block;
        text-transform: uppercase;
        font-weight: 700;
        font-size: .8rem;
        letter-spacing: 1px;
        color: #FFFFFF;
        pointer-events: none; }
      .fixed-links li a i {
        margin-left: 10px;
        display: inline-block;
        width: 30px;
        height: 30px;
        background: #FFFFFF;
        border-radius: 30px;
        line-height: 30px;
        color: #191818;
        font-size: .9rem;
        text-align: center;
        box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.25);
        transition: box-shadow .2s ease;
        pointer-events: none; }
        .fixed-links li a i img {
          margin: 0 auto;
          width: 10px;
          display: block;
          position: relative;
          top: 8px; }
    .fixed-links li button {
      width: 50px;
      height: 50px;
      position: relative;
      border-radius: 50px;
      background: #702F8A;
      border: none;
      box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.25);
      outline: none; }
      .fixed-links li button .bar {
        width: 15px;
        height: 2px;
        background: #FFFFFF;
        position: absolute;
        top: 50%;
        margin-top: -1px;
        left: 50%;
        margin-left: -7.5px;
        outline: none;
        transition: background .2s ease; }
        .fixed-links li button .bar:after {
          content: " ";
          width: 15px;
          height: 2px;
          background: #FFFFFF;
          position: absolute;
          top: -6px;
          left: 0;
          transition: top .2s ease, -webkit-transform .2s ease;
          transition: top .2s ease, transform .2s ease;
          transition: top .2s ease, transform .2s ease, -webkit-transform .2s ease; }
        .fixed-links li button .bar:before {
          content: " ";
          width: 15px;
          height: 2px;
          background: #FFFFFF;
          position: absolute;
          top: 6px;
          left: 0;
          transition: top .2s ease, -webkit-transform .2s ease;
          transition: top .2s ease, transform .2s ease;
          transition: top .2s ease, transform .2s ease, -webkit-transform .2s ease; }
      .fixed-links li button:hover .bar:after {
        top: 0; }
      .fixed-links li button:hover .bar:before {
        top: 0; }
  .fixed-links li:nth-child(1) > a {
    transition-delay: 0s; }
  .fixed-links li:nth-child(2) > a {
    transition-delay: .05s; }
  .fixed-links li:nth-child(3) > a {
    transition-delay: .1s; }
  .fixed-links li:nth-child(4) > a {
    transition-delay: .15s; }
	
.contact {
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 99;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  opacity: 0;
  pointer-events: none;
  transition: opacity .2s ease; }
  @media screen and (max-width: 767px) {
    .contact {
      -webkit-justify-content: flex-start;
      -moz-box-pack: start;
      -ms-flex-pack: start;
      justify-content: flex-start;
      -webkit-align-items: flex-start;
      -moz-box-align: start;
      -ms-flex-align: start;
      align-items: flex-start;
      overflow: scroll; } }
  .contact .closer {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: #191818;
    opacity: .5;
    z-index: -1; }
  .contact-container {
    width: 600px;
    background: #FFFFFF;
    padding: 20px;
    margin: 15px; }
    .contact-container .title {
      font-size: 1.5rem;
      color: #702F8A; }
    .contact-container .info-input {
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      width: 100%;
      font-size: .9rem;
      font-weight: 400;
      padding: 15px 15px;
      color: #191818;
      border: 1px solid #F8F8F8;
      transition: color .2s ease, border-color .2s ease;
      outline: none; }
      .contact-container .info-input:hover {
        border-color: #D3D3D3; }
      .contact-container .info-input:active, .contact-container .info-input:focus {
        border-color: #D3D3D3; }
    .contact-container .link-container {
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-direction: column;
      -moz-box-orient: vertical;
      -moz-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column; }
      .contact-container .link-container a {
        width: auto;
        margin: 2.5px 0; }
    .contact-container textarea {
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      width: 100%;
      resize: vertical;
      height: 200px;
      padding: 15px;
      font-size: .9rem;
      border: 1px solid #F8F8F8;
      font-weight: 400;
      color: #191818;
      outline: none;
      max-height: 300px; }
      @media screen and (max-width: 767px) {
        .contact-container textarea {
          height: 120px;
          max-height: 120px; } }
      .contact-container textarea:hover {
        border-color: #D3D3D3; }
      .contact-container textarea:active, .contact-container textarea:focus {
        border-color: #D3D3D3; }
    .contact-container .submit-btn {
      margin-right: 15px;
      outline: none; }
    .contact-container .flex-centering {
      width: 100%;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-justify-content: center;
      -moz-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center; }
    .contact-container .row-details {
      margin-top: 30px; }
      .contact-container .row-details ul {
        position: relative;
        left: 30px; }
        .contact-container .row-details ul:before {
          content: " ";
          position: absolute;
          width: 20px;
          height: 20px;
          left: -30px;
          background-image: url(../images/icons/adress-icon.svg);
          background-size: 15px 15px;
          background-repeat: no-repeat;
          background-position: center center; }
        .contact-container .row-details ul li {
          font-size: .9rem;
          font-weight: 300;
          max-width: 90%;
          line-height: 1.4rem; }
      .contact-container .row-details .link {
        border-bottom: 0; }
      .contact-container .row-details .tel-link {
        position: relative;
        left: 30px; }
        @media screen and (max-width: 767px) {
          .contact-container .row-details .tel-link {
            display: inline-block;
            margin-top: 10px; } }
        .contact-container .row-details .tel-link:before {
          content: " ";
          position: absolute;
          width: 20px;
          height: 20px;
          left: -30px;
          background-image: url(../images/icons/phone-icon.svg);
          background-size: 15px 15px;
          background-repeat: no-repeat;
          background-position: center center; }
      .contact-container .row-details .mail-link {
        position: relative;
        left: 30px;
        display: inline-block;
        margin-top: 10px; }
        .contact-container .row-details .mail-link:before {
          content: " ";
          position: absolute;
          width: 20px;
          height: 20px;
          left: -30px;
          background-image: url(../images/icons/mail-icon.svg);
          background-size: 15px 15px;
          background-repeat: no-repeat;
          background-position: center center; }

.contact-form-opened {
  overflow: hidden !important; }
  .contact-form-opened .fixed-links-background {
    opacity: .75;
    pointer-events: auto; display:block;}
  .contact-form-opened .fixed-links li a {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
    display: inline-block;
    pointer-events: auto; }
  .contact-form-opened .fixed-links li button .bar {
    background: #702F8A; }
    .contact-form-opened .fixed-links li button .bar:after {
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg);
      top: 0; }
    .contact-form-opened .fixed-links li button .bar:before {
      -webkit-transform: rotate(-45deg);
      transform: rotate(-45deg);
      top: 0; }
  .contact-form-opened .fixed-links li:nth-child(1) > a {
    transition-delay: .15s; }
  .contact-form-opened .fixed-links li:nth-child(2) > a {
    transition-delay: .1s; }
  .contact-form-opened .fixed-links li:nth-child(3) > a {
    transition-delay: .05s; }
  .contact-form-opened .fixed-links li:nth-child(4) > a {
    transition-delay: 0s; }


@media (max-width: 767px) {
	.marg-b-no {
		padding-top: 30px !important;
	}     
	
	.bg-home {
		top: 0px;
	}
} 

.comparatif{
	width:100%;
}
.comparatif tr td{
	border:1px solid rgb(230, 230, 230);
	background-color:white;
	width:20%;
	padding:25px;
	
}

.table-header{
	vertical-align: baseline;
	font-size: 0.9rem;
	padding-top:40px;
}
td.vide{
	border:0px solid white !important;
	background-color:rgba(255, 255, 255, 0) !important;
}
.first-col{
	width:40% !important;
}

td.table-inter{
	border: 0px solid white !important;
    width: 20px !important;
    padding: 0px !important;
	background-color:rgba(255, 255, 255, 0) !important;
}
.sub-header{
	padding: 15px !important;
    background-color: rgb(230,230,230)!important;
    text-align: center!important;
    font-size: 0.8rem!important;
    font-weight: 700!important;
}

.table-comparatif{
    padding: 10px !important;
    font-size: 0.8rem;
}
.table-check{
	 padding: 10px !important;
	 text-align:center;
}

.info-offre{
	font-size: 0.8rem !important;
}
.little-screen{
	display:none;
}
@media (max-width: 767px) {
	.little-screen{
		display:inline;
	}
	.big-screen{
		display:none;
	}	
} 


.btn-home .material-icons {
    font-size: 30px !important;
}

.event-banner{
	margin-bottom: 20px !important;
	display: block;
}    

/* mod - cta */

.cta .btn {
	margin: 0 20px 0 0;
}
.cta .btn:last-child {
	margin: 0;
}

/* mod - menu */

.menu {
	position: relative;
	display: inline-block;
}
.nav--outside .menu {
	display: block;
}
[class*='col-'].text-right .menu {
	float: right;
}
@media (max-width: 767px) {
	[class*='col-'].text-left-xs .menu {
		float: left;
	}
}
.menu li {
	float: left;
	clear: right;
	list-style: none;
}
.menu li li {
	float: none;
	clear: both;
}
.menu>li {
	line-height: 100px;
}
@media (max-width: 767px) {
	.menu>li {
		line-height: 50px;
	}
}

.menu li ul {
	white-space: nowrap
}
.menu>li>a {
	padding: 0 1.3em;
	margin: 0;
	height: 100%;
	display: inline-block;
}
.menu>li:first-child a {
	padding-left: 0;
}
.menu.uppercase a {
	font-size: 12px;
}
.menu>li:last-child a {
	padding-right: 0
}

@media (max-width: 991px) {
	.menu>li>a {
		padding: 0 1.1em;
	}
}

@media (max-width: 767px) {
	.menu li {
		width: 100%;
	}
	.menu>li>a {
		padding: 0;
		margin: 0;
		height: 100%;
		width: 100%;
		display: inline-block;
	}
	.nav-module.nav {
		width: 100%;
		padding: 0;
		height: auto;
		max-height: 100%;
		overflow: scroll;
	}
}
.menu a {
	color: #702f8a;
}
.bg-color--grey .menu a, .nav--light .menu a {
	color: #fff;
}
.menu a:focus, .menu a:hover {
	color: #212121;
	opacity: .6;
}
.bg-color--grey .menu a:focus, .bg-color--grey .menu a:hover, .nav--light .menu a:focus, .nav--light .menu a:hover {
	color: #fff;
	opacity: .6;
}
@media (max-width: 767px) {
	.nav--light .menu>li>a:focus, .nav--light .menu>li>a:hover {
		color: #212121;
		opacity: .8;
	}
	.nav--light .menu>li>a {
		color: #212121;
		opacity: 1;
	}
}
@media (min-width: 767px) {
	.nav--light .nav--full-screen:not(.bg-color--grey) .menu a, .nav--light .nav--outside--fixed:not(.bg-color--grey) .menu a {
		color: #212121;
	}
	.nav--light .nav--full-screen:not(.bg-color--grey) .menu a:focus, .nav--light .nav--full-screen:not(.bg-color--grey) .menu a:hover, .nav--light .nav--outside--fixed:not(.bg-color--grey) .menu a:focus, .nav--light .nav--outside--fixed:not(.bg-color--grey) .menu a:hover {
		color: #212121;
		opacity: 0.6;
	}
}

/* menu__dropdown */

ul.menu__dropdown {
	display: none;
	position: absolute;
	z-index: 12;
	width: 100%;
	padding: 25px 30px;
	background-color: #702f8a;
	color: #fff;
	line-height: 50px;
}
.nav.right .menu>li ul.menu__dropdown.right {
	right: 0;
}
ul.menu__dropdown li {
	width: 8em
}
ul.menu__dropdown li>a {
	padding: 5px 0;
	display: block;
	color: #fff;
	opacity: 0.6;
}
ul.menu__dropdown li>a:hover, ul.menu__dropdown li>a:focus {
	color: #fff;
	opacity: 0.4 !important;
}
@media (min-width: 767px) {
.menu>li:hover>ul.menu__dropdown {
	display: block
}
}
.menu__dropdown__title {
	display: block;
	font-weight: 600;
	font-size: 14px;
	line-height: 22px;
	padding: 5px 0;
}
.menu__dropdown__title span {
	color: inherit;
	opacity: 1;
}
.uppercase .menu__dropdown__title {
	font-size: 11px;
	line-height: 17px;
	letter-spacing: 2.06px;
	font-weight: 700;
}
.uppercase .menu__dropdown a {
	font-size: 11px
}
@media (max-width: 767px) {
	
	.menu>li>ul.menu__dropdown {
		display: inline-block;
	}
	
	ul.menu__dropdown {
		width: 100%;
		position: inherit;
		height: auto;
	}
}

/* mobile */

.nav-toggle {
	background: none;
	border: none;
	cursor: pointer;
	padding: 18px 0 0 15px;
	margin-right: 70px;
    margin-top: 10px;
}

@media (max-width: 320px) {
	.nav-toggle {
		margin-right: 60px;
	}
}

.nav-module:first-child.nav-toggle+.nav-module {
	padding: 0;
}
.icon-nav-toggle {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 2px 15px;
	float: left;
	clear: left;
	margin: 2px;
	opacity: 1;
	background: #212121;
	position: relative;
	transition: all 200ms ease-in-out;
}
.icon-nav-toggle.active:first-child, .icon-nav-toggle.active:last-child {
	top: 0
}
.icon-nav-toggle.active:first-child {
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	margin-top: 10px;
}
.icon-nav-toggle.active:nth-child(2) {
	opacity: 0
}
.icon-nav-toggle.active:last-child {
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	margin-top: -14px;
}
@media (min-width: 767px) {
	.nav--light .icon-nav-toggle {
		background-color: #fff
	}
}
@media (min-width: 767px) {
	.nav-toggle {
		display: none
	}
}

/* nav – mod - menu - outside */

.nav--outside li {
	line-height: 40px;
	width: 100%;
}
.nav--outside .menu li {
	float: none;
}
.nav--outside .menu li a {
	padding: 10px 0;
}
.nav--outside__toggle, .nav--full-screen__toggle {
	opacity: 1;
	cursor: pointer;
}
.nav--outside ul.menu__dropdown {
	position: inherit;
	color: #212121;
	background-color: transparent;
	padding: 0 0 20px 20px;
	width: 100%;
}
.nav--outside ul.menu__dropdown li {
	width: 100%;
}
.nav--outside ul.menu__dropdown li>a {
	padding-bottom: 10px;
	display: block;
	color: #212121;
	opacity: 0.6;
}
@media (min-width: 767px) {
	.nav--outside--fixed {
		position: fixed;
		z-index: 11;
		top: 0;
		padding: 30px;
		margin: 0;
		width: 30%;
		height: 100%;
		max-height: 100%;
		background: #FFFFFF;
		box-shadow: -8px 0px 40px 0px rgba(0, 0, 0, 0.11);
		overflow-y: scroll;
	}
	.nav--outside--fixed.right {
		right: 0;
	}
	.nav--outside--fixed.left {
		left: 0;
	}
}

/* nav – mod - menu - full-screen */

@media (min-width: 767px) {
	.nav--full-screen {
		position: fixed;
		z-index: 11;
		top: 0;
		left: 0;
		margin: 0;
		width: 100%;
		height: 100%;
		max-height: 100%;
		background: #FFFFFF;
		text-align: center;
		overflow-y: scroll;
	}
	.nav--full-screen .menu {
		width: 100%;
	}
	.nav--full-screen .menu li {
		float: left;
		clear: left;
		width: 100%;
	}
	.nav--full-screen .menu li a {
		text-align: center;
		padding: 10px 0;
	}
}
@media (max-width: 767px) {
	.nav--full-screen .menu {
		width: 100%;
	}
	.nav--outside__toggle, .nav--full-screen__toggle {
		display: none;
	}
}
@media (max-width: 767px) {
	.menu.vertical-align {
		position: static;
		transform: translateY(0);
		-webkit-transform: translateY(0);
	}
}

/* 2) Table 		---------------------------------------------------- */

.col-table {
	padding: 60px 0;
}
.col-table__header, .col-table__cols li {
	height: 60px;
	line-height: 60px;
	letter-spacing: 0px;
}
.col-table__cols {
	width: 100%;
	max-width: 100%;
	font-size: 18px;
	color: #212121;
	list-style-type: none;
}
.col-table__cols li {
	border-top: 1px solid #F7F7F7;
}
.col-table__cols i {
	line-height: 60px;
	font-size: 28px !important;
	color: #00C853;
}
.col-table__cols li i+* {
	display: none;
}
.col-table__cols i.disable {
	line-height: 60px;
	font-size: 28px !important;
	color: #b8b8b8;
}
.col-table__footer {
	margin-top: 30px;
}
@media (max-width: 767px) {
	.col-table__cols li {
		padding: 0 15px;
	}
	.col-table__cols li i, .col-table__cols li i+* {
		float: left;
		clear: right;
		display: inline-block;
		margin: 0 20px 0 0;
		display: block;
	}
}

/* 3) Modals 		---------------------------------------------------- */

.arcticmodal-container_i {
	width: 100%;
	max-width: 1024px;
}
.arcticmodal-container_i2 {
	padding: 0;
}
.modal[data-modal="video"] iframe {
	height: 500px;
}
@media (max-width: 767px) {
	.modal[data-modal="video"] {
		height: 70%;
	}
	.modal[data-modal="video"] .container, .modal[data-modal="video"] .row, .modal[data-modal="video"] [class*='col-'], .modal[data-modal="video"] iframe {
		height: 100%;
	}
}
.modal__top i {
	position: absolute;
	top: 30px;
	right: 30px;
}
.modal__controls {
	position: absolute;
	left: 0;
	top: 50%;
	z-index: 2;
	width: 100%;
}
.modal__controls i {
	margin: 0 30px 30px 30px;
	cursor: pointer;
}
.modal__img img {
	max-height: 100vh;
}

/* 4) Hovers		---------------------------------------------------- */

.img-hover {
	position: relative;
	line-height: 1;
	overflow: hidden;
	/*
	-webkit-clip-path: view-box;
	clip-path: view-box;
	*/
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
.img-hover a:hover {
	opacity: 1;
	cursor: pointer;
}
.img-hover img, .img-hover .bg {
	transition: transform, opacity;
	transition-timing-function: cubic-bezier(0, 1, .75, 1);
	transition-duration: .6s, .3s;
}
.img-hover--scale:hover img, .img-hover--scale:hover .bg {
	-webkit-transform: scale(1.15);
	transform: scale(1.15);
}
.img-hover__overlay {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 2;
	opacity: 0;
	margin: 0 !important;
	transition: opacity .15s cubic-bezier(0, 1, .75, 1);
	background: rgba(0, 0, 0, 0.70);
}
.img-hover:hover .img-hover__overlay {
	opacity: 1;
}
.img-hover__overlay--gadient {
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.9) 100%);
	filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#292929', GradientType=0);
}
.img-hover:hover .img-hover__overlay--hide {
	opacity: 0 !important;
}

.img-hover__caption {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 3;
	transition: transform .3s cubic-bezier(0, 1, .75, 1);
}

.img-hover__caption>*:last-child {
	margin: 0;
}
.img-hover__caption--animate-in {
	margin-bottom: -30px;
}
.img-hover:hover .img-hover__caption--animate-in, .img-hover:hover .img-hover__caption--animate-out {
	-webkit-transform: translateY(-30px);
	transform: translateY(-30px);
}
@media (max-width: 767px) {
	.img-hover__caption--show-xs {
		opacity: 1 !important;
	}
}
.img-hover__caption--hidden {
	opacity: 0;
}
.img-hover:hover .img-hover__caption--hidden {
	opacity: 1
}
.img-hover__more {
	opacity: 0;
	transition: opacity .25s ease;
}
.img-hover:hover .img-hover__more {
	opacity: 1;
	-webkit-transition-delay: .15s;
	transition-delay: .15s;
}

/* 5) Flex Slider 	---------------------------------------------------- */

.flexslider>ul, .flex-viewport>ul {
	display: inline-block;
}
.flexslider, .flexslider>ul, .flexslider>ul>li {
	width: 100%;
	height: 100%;
	position: relative;
}
.flex-viewport, .flex-viewport>ul, .flex-viewport>ul>li {
	width: 100%;
	height: 100%;
	position: relative;
}
.flexslider--animate .flexitem.flex-active-slide div[class*='col-'] {
	opacity: 1;
	transform: translate3d(0, 0, 0);
	-webkit-transform: translate3d(0, 0, 0);
}
.flexslider--animate .flexitem div[class*='col-'] {
	transition: 1s ease;
	-webkit-transition: 1s ease;
	-moz-transition: 1s ease;
	transform: translate3d(0, 100px, 0);
	-webkit-transform: translate3d(0, 100px, 0);
	transition-delay: .10s;
	opacity: 0;
}
.custom-navigation {
	width: 100%;
	position: absolute;
	top: 50%;
	z-index: 2;
	padding: 0 30px;
	left: 0;
	pointer-events: none;
}
.custom-navigation i {
	pointer-events: auto;
}
[class*='col-']:not(.padding-null) .custom-navigation {
	padding: 0 45px;
}
.custom-navigation i {
	margin: 0;
	cursor: pointer;
}
.custom-navigation .next {
	float: right;
}
.custom-navigation--bottom-right {
	width: 100px;
	right: 30px;
	padding: 0;
	bottom: 30px;
	top: auto;
	left: auto;
	padding: 0 !important;
}
[class*='col-']:not(.padding-null) .custom-navigation--bottom-right {
	right: 45px;
}
.custom-navigation--bottom-right .next {
	margin: 0 0 0 20px;
}
.custom-navigation--outside {
	position: static;
	padding: 20px 0 !important;
	width: 88px;
	margin: 0 auto;
}
.custom-navigation--outside i {
	font-size: 20px;
}
@media (max-width: 767px) {
	.custom-navigation--outside-xs {
		position: static;
		padding: 20px 0 !important;
		width: 88px;
		margin: 0 auto;
	}
	.custom-navigation--outside-xs i {
		font-size: 20px;
	}
}
.custom-navigation--absolute-outside {
	left: -60px;
	padding: 0 !important;
	width: calc(100% + 120px)
}
.flex-control {
	width: 100%;
	position: absolute;
	bottom: 0;
	z-index: 2;
}
.flex-control-paging {
	position: absolute;
	bottom: 30px;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	padding: 0;
	height: 21px;
}
.flex-control-paging li {
	float: left;
	clear: right;
}
.flex-control-paging li a {
	width: 11px;
	height: 11px;
	display: block;
	cursor: pointer;
	text-indent: -9999px;
	border: 2px solid #212121;
	border-radius: 20px;
	margin: 5px !important;
}
.flex-control-paging li a.flex-active {
	background: #212121;
	cursor: default;
}
.flex-control-paging li a.flex-active::after {
	content: ' ';
	width: 21px;
	height: 21px;
	display: block;
	cursor: pointer;
	border: 2px solid #212121;
	border-radius: 20px;
	margin: 5px;
	position: absolute;
	top: -5px;
	margin-left: -7px;
}
.flex-control--outside {
	position: static;
	padding: 20px 0 !important;
	margin: 0 auto;
	height: 61px;
}
.flex-control--outside>ol {
	bottom: auto;
}
.color--white .flex-control-paging li a {
	border: 2px solid #fff;
}
.color--white .flex-control-paging li a.flex-active {
	background: #fff;
}
.color--white .flex-control-paging li a.flex-active::after {
	border: 2px solid #fff;
}

/* 6) Countdown 	---------------------------------------------------- */

.countdown {
	margin: 20px 0 60px 0;
	color: #212121;
}
.countdown div {
	display: inline-block;
	margin-right: 20px;
	line-height: 1;
	text-align: right;
}
.countdown div:first-child {
	margin-left: 0;
}
.countdown.countdown--lg div {
	font-size: 49px;
	font-weight: 600;
}
.countdown--lg div span {
	padding-top: 30px;
}
.countdown.countdown--xs div {
	font-size: 30px;
	font-weight: 35;
}
*+html .countdown div {
	display: inline;
	zoom: 1;
}
.countdown div:first-child {
	margin-left: 0;
}
.countdown div span {
	float: right;
	margin-left: 10px;
	height: inherit;
	display: block;
	font-size: 14px;
	font-weight: 600;
	text-transform: uppercase;
	color: #212121;
}
@media (max-width: 767px) {
	.countdown div {
		zoom: 0.7;
	}
	.countdown div span {
		float: none;
		position: absolute;
		padding-top: 10px;
		margin-top: 5px;
		border-top: 2px solid #212121;
	}
}

/* 7) Odometer	 	---------------------------------------------------- */

.odometer {
	margin-bottom: 30px;
}
.odometer span, .odometer {
	font-weight: 600;
	color: #212121;
	font-size: 49px;
	line-height: 49px;
}
.odometer-formatting-mark {
	line-height: 0px !important;
}

/* 8) Progress	 	---------------------------------------------------- */

.progress {
	margin-bottom: 40px;
}
.progress__bar__bg {
	height: 10px;
	width: 100%;
	background-color: #F7F7F7;
}
.progress__bar__progress {
	background-color: #212121;
	position: relative;
	height: 10px;
	width: 0;
	transition: all 3s ease;
}
.progress__bar__val {
	position: relative;
	margin-top: 5px;
	font-weight: 600;
	color: #212121;
	font-size: 14px;
	margin-left: -40px;
	width: 40px;
	text-align: right;
	left: 0;
	transition: all 3s ease;
}
.progress--radial .progress__bar__bg, .progress--radial .progress__bar__progress {
	border-radius: 5px;
}
.progress-lg .progress__bar__bg, .progress-lg .progress__bar__progress {
	height: 30px;
	border-radius: 15px;
}

/* 9) Loader	 	---------------------------------------------------- */

.loader {
	-webkit-pointer-events: none;
	pointer-events: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
	width: 100%;
	height: 100%;
}
.loader .loader--progress {
	background: #304FFE;
	position: fixed;
	z-index: 2000;
	top: 0;
	right: 100%;
	width: 100%;
	height: 2px;
	animation-name: example;
	animation-duration: 5s;
	animation-iteration-count: infinite;
}
@keyframes example {
	from {
		right: 100%;
	}
	to {
		right: 0;
	}
}

/*								
<div class="loader">
	<div class="loader--progress">
		
	</div>
</div>								
*/


/* 10) Maps			---------------------------------------------------- */

.google-map {
	height: 100%;
	width: 100%;
	overflow: hidden;
}
.google-map--absolute {
	position: absolute;
	left: 0;
}
.google-map--absolute iframe {
	height: 100%;
}
.google-map iframe[pointer-events='none'] {
	pointer-events: none;
}
.google-map__overlay {
	background: rgba(48, 79, 254, 0.80);
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	z-index: 0;
}
.google-map__toggle {
	position: relative;
}

/* 11) Parallax 	---------------------------------------------------- */

.parallax {
	position: absolute;
	width: 100%;
	height: 105vh !important;
	left: 0;
	z-index: 1;
	background: #212121;
	background-size: cover !important;
	background-position: 50% 50% !important;
	transition: all 0s ease !important;
	transition: opacity 0.3s ease !important;
	-webkit-transform-style: preserve-3d;
	will-change: scroll-position;
}
@media (min-height: 1000px) {
	.vh-100>.parallax {
		height: 130vh !important;
		top: 0vh;
	}
}
@media (max-height: 1000px) {
	.parallax {
		height: 130vh !important;
		top: 0;
	}
}
@media (max-height: 600px) {
	.parallax {
		height: 150vh !important;
		top: 0;
	}
}
@media (max-width: 767px) {
	.parallax {
		height: 100% !important;
		top: 0;
	}
	.parallax+.bg-opacity {
		min-height: 250px
	}
}

/* 12) Graphs 		---------------------------------------------------- */

.auteurimage{
    margin-top: 0px;
    text-align: center;
    background-color: #fff;
    padding-bottom: 20px;
}
.auteurimage img.auteur{
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	max-width: 120px;
	width: 100%;
	border: 2px solid #fff;
	-webkit-box-shadow: 0px 0px 5px -1px rgba(0,0,0,0.25);
	-moz-box-shadow: 0px 0px 5px -1px rgba(0,0,0,0.25);
	box-shadow: 0px 0px 5px -1px rgba(0,0,0,0.25);
	margin-top: 20px;
}

.auteursmall {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  max-width: 50px;
  width: 100%;
  border: 2px solid #fff;
  -webkit-box-shadow: 0px 0px 5px -1px rgba(0,0,0,0.25);
  -moz-box-shadow: 0px 0px 5px -1px rgba(0,0,0,0.25);
  box-shadow: 0px 0px 5px -1px rgba(0,0,0,0.25);
}

.lignearticle {
  margin-bottom: 50px !important;
  text-align: left;
  display: inline-block;
}

.nexvialien{
   max-width: 110px;
   width: 100%;
}
.socialshare {
	float: right;
	margin-bottom: 20px;
}

ul.list-article li {
	margin-left: 30px;
}

ul.list-article {
	margin-bottom: 30px;
}


.header-box{
	padding: 20px 40px;
    background-color: #FFF;
    display: inline-block;
}

@media (max-width: 320px) {
	.header-box{
		padding: 20px 10px;
	}
}

.section-background-image .bg.bg-bottom {
	background-attachment: initial !important;
}

.btn-home {
	padding: 20px 0px;
}

@media (max-width: 767px) {
	.btn-home {
		padding: 30px 0px;
	}
}

.btn-home-dwn i {
	font-size: 90px;
}

.table-text{
	font-size:0.7rem;
	line-height:1rem;
}

.highlight-box {line-height: 44px;position: relative;padding: 40px 0 40px 40px;font-size: 34px;font-weight: 100;color: #702f8a;border-left: 1px solid #702f8a;}
.highlight-box:before {top: 0;}
.highlight-box:before, .highlight-box:after {content: '';position: absolute;left: 0;width: 25px;height: 1px;background-color: #702f8a;}
.highlight-box:after {bottom: 0;}

@media (max-width: 767px) {
	
	.highlight-box {
	    line-height: 34px;
	    padding: 20px 0 20px 20px;
	    font-size: 24px;
    }
} 

#page-backtotop{display:none;position:fixed;right:25px;bottom:25px;width:50px;height:50px;z-index:100;background-image:url(../../images/icon-backtotop.png);cursor:pointer;opacity:0.3;filter:alpha(opacity=30);}
#page-backtotop:hover{opacity:0.5;filter:alpha(opacity=50);}

@media (max-width: 767px) {
	
	#page-backtotop{display:none !important;}
}

.lang-list {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 100;
    list-style: none;
    margin: 0;
    padding: 0; }
.lang-list .active a {
      display: block;
      width: 65px;
      height: 100px;
      line-height: 100px;
      text-align: center;
      color: #FFF;
      font-size: 11px;
      font-weight: 300;
      text-decoration: none !important;
      opacity: 1 !important;
      position: relative; }
@media (max-width: 767px) {
	.lang-list .active a {
	    height: 80px;
	    line-height: 80px;
	}      
}           
      
      @media (max-width: 992px) {
        .header .lang-list .active a {
          height: 75px;
          line-height: 75px; } }
      .lang-list .active a:after {
        position: relative;
        font-family: 'FontAwesome';
        content: "\f0dc";
        left: 5px;
        font-size: 10px; }
    .lang-list li > a {
      width: 65px;
      text-align: center;
      height: 35px;
      font-size: 11px;
      color: #FFF;
      font-weight: 300;
      background-color: #702f8a;
      display: inline-block;
      line-height: 35px;
      text-decoration: none !important;
      opacity: 0;
      pointer-events: none; }
     .lang-list li > a:hover {
        background: #612977; }
    .lang-list:hover li > a {
      opacity: 1;
      pointer-events: inherit; }
}

/* Tipso Bubble Styles */
.tipso_bubble,.tipso_bubble > .tipso_arrow{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.tipso_bubble{position:absolute;text-align:center;border-radius:6px;z-index:9999}.tipso_style{cursor:help;}.tipso_title{border-radius:6px 6px 0 0}.tipso_content{word-wrap:break-word;padding:0.5em}.tipso_bubble.tiny{font-size:0.6rem}.tipso_bubble.small{font-size:0.8rem}.tipso_bubble.default{font-size:1rem}.tipso_bubble.large{font-size:1.2rem;width:100%}.tipso_bubble > .tipso_arrow{position:absolute;width:0;height:0;border:8px solid;pointer-events:none}.tipso_bubble.top > .tipso_arrow{border-top-color:#000;border-right-color:transparent;border-left-color:transparent;border-bottom-color:transparent;top:100%;left:50%;margin-left:-8px}.tipso_bubble.bottom > .tipso_arrow{border-bottom-color:#000;border-right-color:transparent;border-left-color:transparent;border-top-color:transparent;bottom:100%;left:50%;margin-left:-8px}.tipso_bubble.left > .tipso_arrow{border-left-color:#000;border-top-color:transparent;border-bottom-color:transparent;border-right-color:transparent;top:50%;left:100%;margin-top:-8px}.tipso_bubble.right > .tipso_arrow{border-right-color:#000;border-top-color:transparent;border-bottom-color:transparent;border-left-color:transparent;top:50%;right:100%;margin-top:-8px}.tipso_bubble .top_right_corner,.tipso_bubble.top_right_corner{border-bottom-left-radius:0}.tipso_bubble .bottom_right_corner,.tipso_bubble.bottom_right_corner{border-top-left-radius:0}.tipso_bubble .top_left_corner,.tipso_bubble.top_left_corner{border-bottom-right-radius:0}.tipso_bubble .bottom_left_corner,.tipso_bubble.bottom_left_corner{border-top-right-radius:0}.tipso .fa{opacity:0.5;font-size:0.7rem;position:relative;top:-5px;}.tipso{white-space:nowrap;position: relative;padding-right:6px;z-index:11;border-bottom: 1px dashed rgba(0,0,0,0.3)}.tipso.is-white{border-bottom: 1px dashed rgba(255,255,255,0.3)}.tipso.is-blue{border-bottom: 1px dashed rgba(5,195,222,0.3)}.tipso:after{content:"\f05a";display: inline-block;position:relative;right:-3px;top:-2px;opacity:0.5;font-family:FontAwesome;font-weight: normal;font-style: normal;font-size:0.7rem;}

section .social .at-share-btn-elements { margin-right:10px; }

#page-backtotop {
    display: none;
    position: fixed;
    right: 25px;
    bottom: 25px;
    width: 50px;
    height: 50px;
    z-index: 100;
    background-image: url(../images/icon-backtotop.png);
    cursor: pointer;
    opacity: 0.3;
    filter: alpha(opacity=30);
}