@charset "UTF-8";
/*
    Author  : kevinlefrancois@free.fr
    Date    : 20/02/2021
    Version : V.1.3
*/

/* ----------------------------------------
   Reset
------------------------------------------- */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
a {
	text-decoration: none;
	outline: none;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
*, *:before, *:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
h1, h2, h3, h4, h5, h6 {
	font-family: 'proxima_nova_rgbold';
}
p {
	font-family: 'proxima_nova_rgregular';
	line-height: 1.5em;
	color: #323232;
}
b {
	font-family: 'proxima_nova_rgbold';
}
strong {
	font-family: 'proxima_nova_rgbold';
}
sup {
	font-size: 70%;
	vertical-align: 30%;
	word-spacing: 0.5em;
	text-transform: none;
}
img {
	max-width: 100%;
}

/* ----- Base ----- */

body {
	line-height: 1;
	background: #ecf0f1;
}
/*---Fonts---*/

@font-face {
	font-family: 'proxima_nova_rgbold';
	font-style: normal;
	font-weight: normal;
	src: url('../fonts/proximanova-bold-webfont.eot');
	src: url('../fonts/proximanova-bold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/proximanova-bold-webfont.woff') format('woff'), url('../fonts/proximanova-bold-webfont.ttf') format('truetype'), url('../fonts/proximanova-bold-webfont.svg#proxima_nova_rgbold') format('svg');
}

@font-face {
    font-family: 'proxima_novasemibold';
    src: url('../fonts/proximanova-semibold-webfont.eot');
    src: url('../fonts/proximanova-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/proximanova-semibold-webfont.woff2') format('woff2'),
         url('../fonts/proximanova-semibold-webfont.woff') format('woff'),
         url('../fonts/proximanova-semibold-webfont.ttf') format('truetype'),
         url('../fonts/proximanova-semibold-webfont.svg#proxima_novasemibold') format('svg');
    font-weight: normal;
    font-style: normal;
}


@font-face {
	font-family: 'proxima_novalight';
	font-style: normal;
	font-weight: normal;
	src: url('../fonts/proximanova-light-webfont.eot');
	src: url('../fonts/proximanova-light-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/proximanova-light-webfont.woff') format('woff'), url('../fonts/proximanova-light-webfont.ttf') format('truetype'), url('../fonts/proximanova-light-webfont.svg#proxima_novalight') format('svg');
}

@font-face {
    font-family: 'proxima_nova_rgregular';
    src: url('../fonts/proximanova-regular-webfont.eot');
    src: url('../fonts/proximanova-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/proximanova-regular-webfont.woff2') format('woff2'),
         url('../fonts/proximanova-regular-webfont.woff') format('woff'),
         url('../fonts/proximanova-regular-webfont.ttf') format('truetype'),
         url('../fonts/proximanova-regular-webfont.svg#proxima_nova_rgregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'proxima_nova_cn_rgregular';
    src: url('../fonts/proximanovacond-regular-webfont.eot');
    src: url('../fonts/proximanovacond-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/proximanovacond-regular-webfont.woff2') format('woff2'),
         url('../fonts/proximanovacond-regular-webfont.woff') format('woff'),
         url('../fonts/proximanovacond-regular-webfont.ttf') format('truetype'),
         url('../fonts/proximanovacond-regular-webfont.svg#proxima_nova_cn_rgregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

.wrapper {
  max-width: 960px;
  margin-left: auto;
  margin-right: auto;
}

.row:after {
  content: "";
  display: table;
  clear: both;

}

.row .row {
  margin-left: -10px;
  margin-right: -10px;
}

[class*=col-] {
  float: left;
  padding-left: 10px;
  padding-right: 10px;
}

.col-1  { width: 8.33333%; }
.col-2b { width: 18.66667%;}
.col-2  { width: 16.66667%; }
.col-3  { width: 25%; }
.col-4  { width: 33.33333%; }
.col-5  { width: 41.66667%; }
.col-6  { width: 50%; }
.col-7  { width: 58.33333%; }
.col-8  { width: 66.66667%; }
.col-9  { width: 75%; }
.col-10 { width: 83.33333%; }
.col-11 { width: 91.66667%; }
.col-12 { width: 100%; }

/* --- Navigation --- */

.nav ul,
.nav li,
.nav a,
.nav p,
.nav img,
.nav h2 {
	margin: 0;
	padding: 0;
	display: block;
	line-height: normal;
	text-decoration: none;
	list-style: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

nav {
	margin: 0 auto;			
	position: relative;
	font-size: 0.75em;
	z-index: 999;
	display: block;
	max-width: 100%;
	min-height: 75px;
	min-width: 180px;
	font-family: 'proxima_nova_rgregular';
}

.active-menu {
	color: #9c9a9a !important;
}

/* ul tag layout */
.nav > ul {
	float: left;
	width: 100%;
	min-height: 75px;
	background-color: #fff;
}

/* li tag layout */
.nav > ul > li {
	float: left;
	min-height: 75px;
	line-height: 75px;
	color: #FFFFFF;
	border-left: 1px solid #e1e1e0;
	min-width: 10%; /* defaut 8% */
	text-transform: uppercase;
}

.nav ul .home-nav {
	min-width: 5%;
	font-size: 24px;
	cursor: pointer;
}

.nav > ul > li > a {
	line-height: 75px;
	color: #605f5f;
	text-align: center;
	width: 100%;
	padding-left: 10px;
	padding-right: 10px;
	font-size: 1em;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.nav > ul > .logo {
	margin-left: 0;
	display: block;
	float: left;
	width: 203px;
	margin-right: 30px;
	padding-top: 75px;
	height: 0;
	background: url(../img/logo_ropers_evolution.png) no-repeat;
	background-size: 100% auto;
	overflow: hidden;
}

/* Social network */

#social-network {
	cursor: pointer;
	background: #0e1317;
	width: 100%;
	display: inline-block;
	margin-bottom: -2px; /* suppression marge bottom invisible */
}

#social-network li {
	margin: 5px 0 5px 15px;
	float: right;
}

#social-network li:first-child {
	margin-right: 20px;
}

#social-network li a {
	text-align: center;
	font-size: 1.3em;
	color: #ecf0f1;
	padding: 0;
	text-decoration: none;
	-webkit-transition: all 0.2s linear;
	transition: all 0.2s linear;
}

#social-network .mail-social {
	float: left;
}

#social-network .mail-social:hover {
	color: #fff;
}

#social-network  .fa-envelope {
	font-size: 1.2em;
	margin-left: 15px;
	color: #ecf0f1;
}

#social-network .mail-link {
	font-family: 'proxima_nova_rgregular';
	font-size: 0.7em;
	margin-left: 10px;
	color: #ecf0f1;
}

#social-network .fa-facebook-square:hover {
	color: #6381c0;
}

#social-network .fa-youtube:hover {
	color: #de4a3d;
}

#social-network .fa-instagram:hover {
	color: #b78e6e;
}

.nav > ul > li > a:hover {
	background: #fff;
	color: #e93227;
}

.nav .drop-down {
	position: absolute;
	background: #fff;
	z-index: 999;
	margin-left: 0px;
	width: 100%;
	float: left;
	width: 150px;
	padding-top: 10px;
	padding-bottom: 10px;
}

/* sub-sub menu */
.nav .drop-down .drop-down {
}

.nav .drop-down li {
	float: left;
	width: 100%;
	position: relative;
}

.nav .drop-down li a {
	color: #605f5f;
	font-size: 0.9em;
	text-align: left;
	padding: 10px 20px 10px 25px;
	/* animation */

}

/* drop down hover animation */
.nav .drop-down li:hover > a {
	color: #e93227;
	padding-left: 30px;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
}

.nav > ul > li:hover .drop-down {
	display: block;
}

.nav ul li .drop-down li:hover > .drop-down {
	display: block;
}

.nav > ul > li .drop-down.hover-down {
	display: none;
}

.nav > ul > li:hover > .drop-down.hover-down,
.nav > ul > li .drop-down li:hover > .drop-down.hover-down {
	display: block;
	/* animation */
	animation: hover-down 0.2s linear 0s forwards;
	-moz-animation: hover-down 0.2s linear 0s forwards;
	-ms-animation: hover-down 0.2s linear 0s forwards;
	-o-animation: hover-down 0.2s linear 0s forwards;
	-webkit-animation: hover-down 0.2s linear 0s forwards;
}

@keyframes hover-down { 0% {opacity:0; transform: translateY(-20px);} 100% {opacity:1; transform:translateY(0px);}}
@-moz-keyframes hover-down { 0% {opacity:0; -moz-transform: translateY(-20px);} 100% {opacity:1; transform:translateY(0px);}}
@-ms-keyframes hover-down { 0% {opacity:0; -ms-transform: translateY(-20px);} 100% {opacity:1; transform:translateY(0px);}}
@-o-keyframes hover-down { 0% {opacity:0; -o-transform: translateY(-20px);} 100% {opacity:1; transform:translateY(0px);}}
@-webkit-keyframes hover-down { 0% {opacity:0; -webkit-transform: translateY(-20px);} 100% {opacity:1; transform:translateY(0px);}}


.nav > ul > li .drop-down.hover-right {
	display: none;
}

.nav > ul > li:hover > .drop-down.hover-right,
.nav > ul > li .drop-down li:hover > .drop-down.hover-right {
	display: block;
	/* keyframes animation */
	animation: hover-right 0.2s linear 0s forwards;
	-moz-animation: hover-right 0.2s linear 0s forwards;
	-ms-animation: hover-right 0.2s linear 0s forwards;
	-o-animation: hover-right 0.2s linear 0s forwards;
	-webkit-animation: hover-right 0.2s linear 0s forwards;
}

@keyframes hover-right { 0% {opacity:0; transform: translateX(-20px);} 100% {opacity:1; transform:translateX(0px);}}
@-moz-keyframes hover-right { 0% {opacity:0; -moz-transform: translateX(-20px);} 100% {opacity:1; transform:translateX(0px);}}
@-ms-keyframes hover-right { 0% {opacity:0; -ms-transform: translateX(-20px);} 100% {opacity:1; transform:translateX(0px);}}
@-o-keyframes hover-right { 0% {opacity:0; -o-transform: translateX(-20px);} 100% {opacity:1; transform:translateX(0px);}}
@-webkit-keyframes hover-right { 0% {opacity:0; -webkit-transform: translateX(-20px);} 100% {opacity:1; transform:translateX(0px);}}

/* fontAwesome icons */
.nav .drop-down li i {
	position: absolute;
	z-index: 999;
	top: 0;
	right: 20px;
	bottom: 0;
	height: 16px;
	margin: auto;
	color: #555658;
}

/* lvl 2 .drop-down */
.nav .drop-down .drop-down {
	left: 100%;
	top: -10px;
	width: 150px;
}

.nav .drop-down.one-column {
	width: 230px;
}

.nav .drop-down .drop-down.one-column {
	width: 200px;
}

/* mobile button hide in desktop mode */
.nav > label,
.nav > input {
	display: none;
}

/* --- Slider --- */

.slide-1 {
	width: 100%;
	height: 100%;
	background: url(../img/slide_def.jpg) center top no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	margin: 0;
	padding: 0;
}

.slide-2 {
	width: 100%;
	height: 100%;
	background: url(../img/slide_02.jpg) center top no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	margin: 0;
	padding: 0;
}

.slide-3 {
	width: 100%;
	height: 100%;
	background: url(../img/slide_03.jpg) center top no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	margin: 0;
	padding: 0;
}

.slider {
	position: relative;
	width: 100%;
	height: 480px;
	overflow: hidden;
	z-index: 5;
}

.title-slider {
	margin: 30px 0 0 100px;
	float: left;
}

.title-slider h2 {
	font-size: 1.25em;
	color: #fff;
	text-transform: uppercase;
    font-family: 'proxima_novasemibold';
}

.title-slider h3 {
	font-size: 2.5em;
	color: #fff;
	text-transform: uppercase;
	font-family: 'proxima_novalight';
}

.btn-slide {
	background: #e93227;
	text-align: center;
	float: left;
	color: #fff;
	font-family: 'proxima_novalight';
	text-transform: uppercase;
	font-size: 0.85em;
	letter-spacing: 1px;
	line-height: 21px;
	display: table;
	padding: 10px 30px;
	margin-top: 10px;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
}

.btn-slide:hover {
	background: #ecf0f1;
	color: #0f1014;
}

.slides {
	height: 100%;
 	@include clearfix();
	-webkit-backface-visibility: hidden;
	-webkit-transform-style: preserve-3d;
}

.content-slide {
	height: 100%;
	float: left;
	clear: none;
}

.slider-arrow {
	position: absolute;
	display: block;
	padding: 10px;
	height: 40px;
	width: 35px;
	text-indent: -9999px;
}

.slider-arrow--right {
	bottom: 50%;
	height: 40px;
	width: 30px;
	right: 0px;
	margin-right: 0;
	background: url(../img/arrow_r_slide.svg) no-repeat;
	background-position: center center;
	background-color: #0f1014;
}

.slider-arrow--left {
	bottom: 50%;
	height: 40px;
	width: 30px;
	left: 0px;
	margin-left: 0;
	background: url(../img/arrow_l_slide.svg) no-repeat;
	background-position: center center;
	background-color: #0f1014;
}

.slider-arrow--left:hover {
	background-color: #e93227;
	-ms-transform: scale(1.4,1.4);
    -webkit-transform: scale(1.4,1.4);
    transform: scale(1.4,1.4);
    -webkit-transition: all 0.1s ease;
	-moz-transition: all 0.1s ease;
	-ms-transition: all 0.1s ease;
	-o-transition: all 0.1s ease;
	transition: all 0.1s ease;
}

.slider-arrow--right:hover {
	background-color: #e93227;
	-ms-transform: scale(1.4,1.4);
    -webkit-transform: scale(1.4,1.4);
    transform: scale(1.4,1.4);
    -webkit-transition: all 0.1s ease;
	-moz-transition: all 0.1s ease;
	-ms-transition: all 0.1s ease;
	-o-transition: all 0.1s ease;
	transition: all 0.1s ease;
}

.slider-nav {
	position: absolute;
	bottom: 20px;
}

.slider-nav__item {
	width: 10px;
	height: 10px;
	border-radius: 50%;
	float: left;
	clear: none;
	display: block;
	background: rgba(255, 255, 255, 0.3);
	margin-right: 7px;
}

.slider-nav__item:hover {
	background: rgba(255, 255, 255, 0.75);
}

.slider-nav__item--current {
	background: rgba(255, 255, 255, 1);
}

/* section home */

.title-home-1 {
	text-align: center;
	font-family: 'proxima_novalight';
	font-size: 2.250em;
	text-transform: uppercase;
	color: #0e1317;
}

.title-home-2 {
	text-align: center;
	font-family: 'proxima_nova_rgbold';
	text-transform: uppercase;
	font-size: 1.25em;
	color: #0f1014;
	margin-top: 20px;
	padding-bottom: 20px;
	background: url(../img/text_sep.svg) no-repeat;
	background-position: center 35px;
}

.title-home-3 {
	text-align: center;
    font-family: 'proxima_novasemibold';
	font-size: 1.5em;
	color: #e93227;
	margin-top: 10px;
}

.title-home-4 {
	text-align: left;
	font-family: 'proxima_nova_rgbold';
	font-size: 1.5em;
	color: #0f1014;
	margin-top: 20px;
	padding-bottom: 20px;
}

/* Programmes home */

#prog-home {
	margin-top: 30px;
	z-index: 9;
	position: relative;
}

#prog-home .title-home-2 {
	background: none;
	padding: 0;
	font-size: 1.5em;
}

#prog-home h1 {
	margin-bottom: 20px;
}

#prog-1 {
	background: #fff;
	overflow: hidden;
	border-bottom: 3px solid #e93227;
  	height: auto;
  	position: relative;
}

.screen-prog {
	background-color: rgba(255, 255, 255, 0.95);
	position: absolute;
	height: 100%;
	width: 100%;
	opacity: 0;
	z-index: 1000;
	-webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.screen-prog:hover {
  opacity: 1
}

.title-hover-prog {
	text-align: center;
	text-transform: uppercase;
  	color: #e93227;
  	font-size: 1.25em;
  	margin-bottom: 10px;
  	margin-top: 20px;
	padding: 0;
	font-family: 'proxima_nova_rgbold';
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.text-prog-1 {
	color: #0e1317;
	text-transform: inherit;
	text-align: left;
	font-size: 1em;
	padding: 0 15px;
	margin: 0 auto;
	font-family: 'proxima_nova_rgregular';
}

.screen-prog .fa-angle-double-right {
	font-size: 4em;
	color: #0e1317;
	display: block;
	text-align: center;
	margin-top: 0;
	margin-left: -150px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.screen-prog:hover .fa-angle-double-right {
	margin-top: 0;
	margin-left: 0;
}

.screen-prog:hover .title-hover-prog {
	margin-top: 20px;
}

#prog-2 {
	background: #fff;
	overflow: hidden;
	height: auto;
  	position: relative;
  	border-bottom: 3px solid #e93227;
}

#prog-3 {
	background: #fff;
	overflow: hidden;
	height: auto;
  	position: relative;
  	border-bottom: 3px solid #e93227;
}

.btn-prog {
	background: #e93227;
	text-align: center;
	margin: auto;
	color: #fff;
	font-family: 'proxima_novalight';
	text-transform: uppercase;
	font-size: 0.850em;
	letter-spacing: 1px;
	height: 42px;
	line-height: 21px;
	display: table;
	padding: 10px 30px;
	margin-bottom: 20px;
	margin-top: 20px;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
}

.btn-arrow {
	background: url(../img/btn_arrow.svg) no-repeat;
	position: relative;
	display: block;
	width: 7px;
	height: 13px;
	top: 0;
	right: 0px;
	margin-left: 10px;
	float: right;
}

.btn-prog:hover .btn-arrow {
	margin-left: 10px;
	right: -5px;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
}

.btn-prog:hover {
	background: #ecf0f1;
	color: #0f1014;
}

.btn-mid {
	background: #e93227;
}

.btn-right {
	background: #f47042;
}

.img-prog {
	width: 100%;
	height: auto;
}

/* Méthode home */

#met-home {
	background: #ecf0f1;
	padding: 50px 0;
}

#met-home .pack-logo {
	width: 300px;
	height: auto;
	margin: 0 auto;
}


.button-holder {
	background: #68CBFA;
	float: left;
	width: 100%;
}

.white {
	background: white;
}

.btn-meth > div > div, .btn-meth > div > a {
	display: block;
	margin-right: auto;
	margin-left: auto;
	width: 150px;
	height: 42px;
	padding: 10px 30px;
	position: relative;
	line-height: 23px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	font-family: 'proxima_novalight';
	text-transform: uppercase;
	font-size: 0.850em;
	letter-spacing: 1px;
}

.center-content {
	width: 100%;
	margin: 20px auto;
}

.button-holder div a {
	text-decoration: none;
	color: rgba(0,0,0,0.7);
}

.meth-expand {
	background: #e93227;
	color: #fff;
	overflow: hidden;
}

.meth-expand span {
	position: absolute;
	width: 100%;
	height: 100%;
	display: block;
	opacity: 1;
	left: 0;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	padding: 0;
	-webkit-transition: all 0.2s linear;
	transition: all 0.2s linear;
	text-align: center;
	background: none;
	z-index: 99999;
}

.meth-expand span:first-of-type {
	height: 0;
	background: #0e1317;
	padding: 0;
	margin: 0;
	top: 21px;
}

.meth-expand:hover span:first-of-type {
	height: 52px;
	top: 0;
}

.text-met {
	font-size:1.350em;
	margin: 5px auto 20px auto;
	font-family: 'proxima_nova_rgbold';
	text-align: center;
	color: #9c9a9a;
	line-height: 1.350em;
}



/* Cours privés home */

#presta-home {
	background-color: #fff;
	padding: 35px 0;
	background-image:url(../img/bg_gray.svg);
	background-position: top center;
	background-repeat: no-repeat;
}


.cours-img {
	width: 100%;
	height: 100%;
	margin-left: auto;
	margin-right: auto;
	display: table;
	border-radius: 50%;
	opacity: 1;
}

.cours-hover {
	border-radius: 50%;
	width: 150px;
	height: 150px;
	display: block;
	margin-left: auto;
	margin-right: auto;
	background-position: center;
	opacity: 1;
	background-size: 0% 0%;
}

.cours-hover:hover {
	background-color: #fff;
	background-image: url(../img/cours_hover.svg);
	background-size: 40px 40px;
	background-repeat: no-repeat;
	opacity: 1;
	transition: all 0.2s linear;
}

.cours-hover > .cours-img:hover {
	opacity: 0.15;
	transition: all 0.2s linear;
}


#presta-home p {
	text-align: left;
	font-family: 'proxima_novasemibold';
    font-size: 0.95em;
    color: #9c9a9a;
}

#presta-home h2 {
	margin-bottom: 0;
}

/* Content programmes */

#prog-home-2 {
	background-color: #0f1014;
	padding: 30px 0;
	background-image:url(../img/bg_gray.svg);
	background-position: top center;
	background-repeat: no-repeat;
}

#prog-home-2 h2 {
	color: #fff;
	font-size: 1.5em;
	text-align: center;
	margin: 20px auto 0 auto;
	text-transform: uppercase;
}

#prog-home-2 .title-lvl1 {
	color: #fff;
	text-align: center;
}

#list-meth .btn-meth {
	float: none;
	clear: both;
	padding: 30px 0 30px 0;
}

#list-meth .btn-meth .btn-prog {
	margin: 0 auto;
}

#list-meth {
	display: block;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
}

#list-meth li {
	margin-left: auto;
	margin-right: auto;
	display: block;
	margin-top: 30px;
	float: left;
}

#list-meth li h3 {
	color: #ecf0f1;
	font-family: 'proxima_novasemibold';
	font-size: 1.2em;
}

#list-meth li p {
	color: #9c9a9a;
	font-size: 1em;
	padding-left: 80px;
	margin-top: 10px;
}

#list-meth img {
	display: block;
	margin-right: 20px;
	float: left;
	height: 60px;
	width: 60px;
}

.img-list-meth {
	height: auto;
	width: 320px;
	margin-top: 50px;
	position: relative;
	bottom: 0;
}

/* Programme button */

#programme-4 button {
	background: #e93227;
	text-align: center;
	margin: auto;
	color: #fff;
	font-family: 'proxima_novalight';
	text-transform: uppercase;
	font-size: 0.850em;
	letter-spacing: 1px;
	height: 42px;
	line-height: 21px;
	display: table;
	padding: 10px 30px;
	border:none;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
}

#programme-4 button:hover {
	background: #ECF0F1;
	color: #0f1014;
	cursor: pointer;
}

/* Programme sur-mesure */

#prog-mesure-1 {
	
}

#prog-mesure-1 img {
	width: 100%;
	height: auto;
	display: block;
	margin: 20px auto 0 auto;
}

#prog-mesure-1 .title-lvl1 {
	text-align: center;
	padding-top: 20px;
}

#prog-mesure-1 .title-home-2 {
	background: none;
	margin-top: 10px;
	padding: 0;
}

#prog-mesure-2 {
	background-color: #fff;
}

#prog-mesure-2 img {
	width: auto;
	height: auto;
	display: block;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	top: -70px;
	margin-bottom: -70px;
}

#prog-mesure-3 {
	background-color: #ecf0f1;
	padding: 30px 0;
	background-image:url(../img/bg_black.svg);
	background-position: top center;
	background-repeat: no-repeat;
}

#prog-mesure-3 .title-lvl1 {
	text-align: center;
}

#prog-mesure-3 .title-home-2 {
	text-align: center;
	background: none;
	padding: 0;
	margin-bottom: 10px;
	margin-top: 0;
}

#prog-mesure-3 .btn-prog:hover {
	background: #0f1014;
	color: #fff;
}

#prog-mesure-3 li {
	display: inline-block;
}

#prog-mesure-3 ul li p {
	line-height: 1.5em;
	color: #9c9a9a;
}

#prog-mesure-3 ul li img {
	display: block;
	margin: 10px auto;
}
/* Franck Ropers */

#present-franck {
	background-color: #0f1014;
	padding: 30px 0 0 0;
	background-image:url(../img/franck-ropers-seminaire.jpg);
	background-size: 100% auto;
	background-position: top left;
	background-repeat: no-repeat;
}

#present-franck img {
	width: 400px;
	height: auto;
	display: block;
	margin: 20px auto 0 auto;
}

#present-franck hr {
	border: 1px solid #9c9a9a;
	margin: 0 0 20px 0;
	padding: 0;
}

.list-items-franck {
	float: right;
	width: 60%;
	margin: 40px 0 0 0;
}

.list-items-franck ol {
	margin-bottom: 40px;
}

.list-items-franck ol li {
	list-style-image: url(../img/list-arrow-cv.svg);
	color: #e9321d;
	margin: 20px 0;
}

.list-items-franck ol li p {
	font-family: 'proxima_nova_rgbold';
	color: #fff;
	font-size: 1.3em;
	line-height: 1.1em;
	text-shadow: 2px 2px #0f1014;
}

.list-items-franck a {
	color: #e93227;
	text-shadow: 1px 1px #660e0e;
}

.list-items-franck a:hover {
	color: #e55451;
}

#presta-home h1 {
	margin-bottom: 20px;
}

#presta-home .title-home-2 {
	font-size: 1.5em;
	background: none;
	margin-bottom: 10px;
	padding: 0;
}

#presta-home h3 {
	font-size: 1.750em;
	color: #fff;
}

.presta-h1 {
	margin-top: 20px;
	color: #fff;
}


/* La Méthode */

.title-lvl1 {
	font-family: 'proxima_novalight';
	font-size: 1.850em;
	color: #0f1014;
	text-align: left;
	margin: 0 auto 0 auto;
	text-transform: uppercase;
}

.title-lvl0 {
	font-family: 'proxima_nova_rgbold';
	font-size: 1.850em;
	margin-bottom: 10px;
	color: #0f1014;
	text-align: left;
	text-transform: uppercase;
}

.title-lvl2 {
	text-align: center;
	font-family: 'proxima_novalight';
	text-transform: uppercase;
	font-size: 1.5em;
	color: #0f1014;
	margin: 20px auto 0 auto;
}

.title-lvl2b {
	font-family: 'proxima_nova_rgbold';
	font-size: 1.2em;
	color: #0f1014;
	text-align: center;
	text-transform: uppercase;
}



/* Méthode introduction */

.text-met-intro {
	font-size:1.2em;
	font-family: 'proxima_novalight';
	line-height: 1.3em;
	text-align: left;
	color: #606060;
	margin-top: 15px;
}

.text-met-intro strong {
	font-family: 'proxima_nova_rgbold';
	color: #0f1014;
}

.text-met-intro i {
	font-family: 'proxima_nova_rgregular';
	color: #0f1014;
}

/* Méthode RE */

#methode-1 {
}

#methode-1 .title-lvl1 {
	padding-top: 20px;
}

#methode-1 img {
	float: left;
	width: 320px;
	height: auto;
	margin-top: 80px;
}

#methode-1 .title-home-2 {
	background: none;
	text-align: left;
	padding: 0;
	margin-top: 5px;
}

#methode-2 {
	background-color: #ecf0f1;
	padding: 30px 0;
	background-image:url(../img/bg_black.svg);
	background-position: top center;
	background-repeat: no-repeat;
}

#methode-2 .title-home-2 {
	background: none;
	text-align: left;
	padding: 0;
	margin-top: 0;
	color: #727272;
}

#methode-2 .col-12 {
	padding: 20px 0;
}

#methode-2 hr {
	background: #e3e3e3;
	display: block;
	height: 1px;
	clear: both;
	border:none;
}

#methode-2 p {
	margin-top: 10px;
	color: #939393;
}

#methode-2 h3 {
	font-size: 1.5em;
	text-align: left;
	margin-top: 0;
}

#methode-2 img {
	display: block;
	height: auto;
	margin: 0 auto;
}

#methode-3 {
	background-color: #0f1014;
	padding: 70px 0 40px 0;
	background-image:url(../img/bg_gray.svg);
	background-position: top center;
	background-repeat: no-repeat;
}

#methode-3 h3 {
	font-size: 1.2em;
	text-align: left;
	margin-top: 0;
	font-family: 'proxima_novalight';
	font-weight: normal;
	color: #fff;
}


.meth-3-text-bld {
	font-family: 'proxima_nova_rgbold';
	color: #ed554c;
	margin: 15px 0;
	font-size: 1.1em;
	line-height: 1.2em;
}

.meth-3-text-stg {
	font-size: 1.5em;
	margin: 20px 0;
	padding: 0;
	line-height: 1em;
	font-family: 'proxima_nova_rgbold';
	color: #fff;
}

.meth-3-text-cla {
	font-size: 1.2em;
	line-height: 1.2em;
	color: #9c9a9a;
	margin-bottom: 10px
}

.meth-3-text-cla-w {
	font-size: 1.2em;
	line-height: 1.2em;
	color: #323232;
	margin-bottom: 10px
}

.pack-logo {
	margin: 0 auto;
	text-align: center;
	padding: 0;
	width: 200px;
	height: auto;
	display: block;
}

.pack-form {
	margin: 0;
	padding: 0;
	width: 100%;
	height: auto;
	display: block;
}

#methode-3 .meth-expand:hover, #methode-1-90 .meth-expand:hover {
	color: #e93227;
}

#methode-3 .meth-expand span:first-of-type, #methode-1-90 .meth-expand span:first-of-type {
	background: #fff;
}

.text-art-meth {
	text-align: left;
	font-family: 'proxima_novasemibold';
    font-size: 1em;
    line-height: 1.5em;
    color: #9c9a9a;
    margin-top: 10px;
}

.hidden{
     opacity:0;
}
.visible{
     opacity:1;
}

#slider-methode {
	background-color: #0f1014;
	padding:20px 0 30px 0;
}

/* Méthode EVO 90 */

#methode-90 {
	padding-bottom: 20px;
}

#methode-90 .title-lvl1 {
	padding-top: 20px;
	text-align: center;
	margin-bottom: 20px;
}

#methode-90 img {
	width: 100%;
	height: auto;
}

#methode-90 .title-home-2 {
	background: none;
	text-align: left;
	padding: 0;
	margin-top: 5px;
}

#methode-90 .text-met-intro {
	text-align: left;
	font-family: 'proxima_novasemibold';
    font-size: 1.2em;
    line-height: 1em;
}

#methode-3-90 {
	background-color: #0f1014;
	padding: 70px 0 40px 0;
	background-image:url(../img/bg_gray.svg);
	background-position: top center;
	background-repeat: no-repeat;
}
.picto-meth-90 {
	font-size: 3em;
	margin: 30px auto 5px auto;
	text-align: center;
	color: #383a46;
	width: 100%;
}
.title-text-3-90 {
	color: #ecf0f1;
	font-family: 'proxima_novasemibold';
	font-size: 1.2em;
	margin-bottom: 10px;
	text-align: center;
}

.meth-3-90-text {
	font-family: 'proxima_nova_rgregular';
	line-height: 1.2em;
	font-size: 1em;
	color: #9c9a9a;
	margin-bottom: 10px;
}
.title-list-meth-90 {
	color: #fff;
	text-transform: uppercase;
	text-align: center;
	background: #23242a;
	padding: 7px 0;
	margin-top: 10px;
}
.list-meth-90-text {
	background: #1a1b21 ;
	padding: 10px 20px;
	width: 100%;
	border: 1px solid #23242a;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	list-style: disc;
	color: #ed554c;
}

.list-meth-90-text li {
	margin-bottom: 15px;
}

.list-meth-90-text p {
	color: #ecf0f1;
	font-family: 'proxima_novasemibold';
	font-size: 1em;
	line-height: 1.1em;
}

.list-mat-achat img {
	width: 100%;
	height: auto;
	display: block;
	margin: 0 auto;
}

.list-mat-achat h4 {
	color: #ed554c;
	font-family: 'proxima_novasemibold';
	font-size: 1em;
	line-height: 1.1em;
	text-align: center;
	margin: 0 auto 10px auto;
}

.list-mat-achat p {
	font-family: 'proxima_nova_rgregular';
	line-height: 1.2em;
	font-size: 1em;
	text-align: left;
	color: #9c9a9a;
}

#methode-3-90 .meth-3-text-cla {
	text-align: center;
	margin-top: 20px;
	color: #ecf0f1;
}

#methode-2-90 {
	padding: 30px 0;
	background-image:url(../img/bg_black.svg);
	background-position: top center;
	background-repeat: no-repeat;
	background-color: #ecf0f1;
}
#methode-2-90 .title-text-3-90 {
	color: #ed554c;
}

.list-eng-90 {
	width: 100%;
	display: inline-block;
}

.list-eng-90 li {
	float: left;
	margin: 10px auto;
	width: 100%;
	clear: both;
}

.list-eng-90 li img {
	display: block;
	margin-right: 20px;
	width: 140px;
	height: 140px;
	float: left;
}

.list-eng-90 li p {
	padding-left: 160px;
}

.list-eng-90 strong {
	font-size: 1.1em;
}

#methode-1-90 {
	padding: 30px 0 0 0;
	background-image:url(../img/bg_gray.svg);
	background-color: #0f1014;
	background-position: top center;
	background-repeat: no-repeat;
}

#methode-1-90 h2 {
	color: #fff;
	font-size: 1.5em;
	text-align: center;
	margin: 20px auto 0 auto;
	text-transform: uppercase;
}

#methode-1-90 .title-lvl1 {
	color: #fff;
	text-align: center;
	margin-bottom: 20px;
}

.list-content-90 {
	width: 100%;
	padding: 0;
	margin: 10px auto 0 auto;
	display:block;
}
.list-content-90 li {
	float: left;
	width: 100%;
	margin: 10px 0;
	padding: 12px;
	background-image:url(../img/bkg-list-90-meth.jpg);
	background-size: 100% 100%;
	background-repeat: no-repeat;
	border: 1px solid #ed554c;
	border-radius: 5px;
}

.list-content-90 img {
	padding: 0;
	margin: 0 10px 0 0;
	float: left;
	display: block;
	width: 60px;
	height: 60px;
}

.list-content-90 p {
	margin: 0;
	padding: 0;
	color: #ecf0f1;
	padding-left: 70px;
	font-family: 'proxima_nova_rgregular';
	font-size: 0.925em;
	line-height: 1.1em;
}

.meth-1-90-tab {
	padding-top: 100px;
	padding-bottom: 50px;
	background-image: url(../img/splash-90-end.jpg);
	background-size: 100% auto;
	background-position: top center;
	background-repeat: no-repeat;
}
.meth-1-90-tab p {
	text-align: center;
}

.img-90-evolution-fr {
	padding-top: 50px;
	clear: both;
}

.small-fr-90 {
	display: block;
	width: 180px;
	height: auto;
	margin: 0 auto;
}

/* Méthode R E Z I S T E N Z */

#rezistenz {
	background: #0860a0;
}

#rezi-art-1 {
	background: linear-gradient( 0deg, #4697a2, #0860a0);
	padding: 0px 0 30px 0;

}

#rezistenz .title-lvl1 {
	padding-top: 20px;
	text-align: center;
	margin-bottom: 20px;
	color: #fff
}

.meth-blue-light-bld {
	font-family: 'proxima_nova_rgbold';
	color: #b4fff8;
	margin: 15px 0;
	font-size: 1.3em;
	line-height: 1.2em;
}

#rezi-art-1 .title-home-4, #rezi-art-1 .meth-3-text-cla-w {
	color: #fff;
}

#rezi-art-1 .meth-3-text-cla-w {
	font-size: 1.3em;
}

.rezi-block-50 p {
	color: #0860a0;
	margin-bottom: 10px;
	line-height: 1em;
}

.rezi-block-100 {
	background: rgba(255, 255, 255, 0.8);
	border-radius: 10px;
	border: 1px solid #fff;
}

.rezi-block-50 p.rezi-1-text {
	color: #e93227;
	text-transform: uppercase;
	font-family: 'proxima_nova_rgbold';
	font-size: 1em;
	margin-top: 20px;
}

#rezi-art-2 {
	padding: 30px 0 ;
	background-image:url(../img/bg_lightblue.svg);
	background-size: 70px 25px;
	background-color: #ecf0f1;
	background-position: top center;
	background-repeat: no-repeat;
	text-align: center;
}

.bot-img-rezi {
	margin-bottom: -30px;
	display: block;
}

#rezi-art-2 .meth-3-text-cla {
	margin-top: 20px;
	text-transform: uppercase;
	font-size: 1.5em;
	color: #4596a2;
}

.list-2-rezi li {
	text-align: left;
	margin-bottom: 20px;
}

.list-2-rezi li p {
	font-size: 1.2em;
	line-height: 1em;
	margin-left: 20px;
	color: #0860a0;
	font-family: 'proxima_novasemibold';
}

.list-2-rezi li i {
	color: #d0d0d0;
	display: block;
	float: left;
}

.title-2-rezi {
	text-align: left;
	color: #e93227;
	font-size: 1.3em;
	font-family: 'proxima_novasemibold';
}

#rezi-art-3 {
	padding: 30px 0;
	background-image:url(../img/bg_gray.svg);
	background-color: #fff;
	background-position: top center;
	background-repeat: no-repeat;
}

.rezi-3-text-org {
	text-align: left;
	margin: 20px auto;
	color: #e93227;
	font-size: 1.3em;
	line-height: 1em;
	font-family: 'proxima_novasemibold';
}

.rezi-3-text-blue {
	text-align: left;
	margin: 20px auto;
	color: #4596a2;
	font-size: 1.3em;
	line-height: 1em;
	font-family: 'proxima_novasemibold';
}

.box-prog-rezi {

}

.box-prog-rezi li {
	margin: 10px auto;
}

.box-prog-rezi p {
	text-align: left;
	color: #4596a2;
	font-size: 1em;
	line-height: 1em;
	font-family: 'proxima_novalight';
}

.box-video-rezi {
	background: linear-gradient( 135deg, #4697a2, #0860a0);
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	padding: 10px;
}

.box-video-rezi li p {
	text-align: left;
	text-transform: uppercase;
	color: #fff;
}
.box-video-rezi li {
	margin: 10px auto;
}

.box-video-rezi li i {
	float: left;
	margin-right: 5px;
	font-size: 1em;
	color: #a3ebf4;
}

.box-video-rezi .meth-3-text-cla {
	color: #fff;
}

.box-video-rezi .meth-3-text-cla strong {
	color: #a3ebf4;
}

#rezi-art-4 {
	padding: 30px 0;
	background-color: #4697a2;
	background-image: url(../img/bg_white.svg), url(../img/elastique_franck_ropers.jpg);
  	background-position: top center, left center;
  	background-repeat: no-repeat, no-repeat;
  	background-size: 70px 25px, auto 100%;
}

#rezi-art-4 .title-home-4 {
	color: #fff;
	text-align: center;
}

#rezi-art-4 img {
}

.anim-list-rezi li {
	padding: 5px;
	margin: 5px auto;
 	background: ;
 	color: #fff;
	animation: listfade 10s linear infinite;
}

.anim-list-rezi li:nth-of-type(2) {
  animation-delay: 2s;
}
.anim-list-rezi li:nth-of-type(3) {
  animation-delay: 4s;
}
.anim-list-rezi li:nth-of-type(4) {
  animation-delay: 6s;
}
.anim-list-rezi li:nth-of-type(5) {
  animation-delay: 8s;
}

 @keyframes listfade {
  0% {
    background: ;
    color: #fff);
  }
  10% {
    background: ;
    color: rgba(255, 255, 255, 0.2);
  }
  20% {
    background: ;
    color: #fff;
  }

}

#rezi-art-4 .btn-meth {
	margin: 30px auto;
}

.rezi-4-upper {
	text-transform: uppercase;
	text-align: center;
	background: linear-gradient( 90deg, #4697a2, #a3ebf4, #4697a2);
	color: #fff;
}

.anim-list-rezi li p {
 	font-size: 1.3em;
 	color: inherit;
 	line-height: 1em;
 	margin-left: 20px;
}

.anim-list-rezi i {
 	margin-right: 5px;
 	color: #e93227;
 	float: left;
 	font-size: 1.2em;
}

.recap-list-rezi {
	list-style: none;
}

.recap-list-rezi li {
	margin: 10px auto;
	padding: 0;
}

.recap-list-rezi span {
	display: block;
	background: rgba(255, 255, 255, 0.1);
	width: 30px;
	float: left;
	text-align: center;
	padding: 0;
	margin-right: 10px;
	border-radius: 5px;
	color: #fff;
	border: 1px solid rgba(255, 255, 255, 0.15);
}

.recap-list-rezi p {
	color: #a3ebf4;
}

/* Méthode Testo Power Plus */

#testo-art-1 {
	background: linear-gradient( 180deg, #17294f, #d76d4a, #f3d475);
	padding: 0px 0 30px 0;

}

#testo-art-1 .title-lvl1 {
	padding-top: 20px;
	text-align: center;
	margin-bottom: 20px;
	color: #fff
}

.meth-blue-hard-bld {
	font-family: 'proxima_nova_rgbold';
	color: #162d54;
	margin: 15px 0;
	font-size: 1.3em;
	line-height: 1.2em;
}

#testo-art-1 .title-home-4, #testo-art-1 .meth-3-text-cla-w {
	color: #fff;
}

#testo-art-1 .meth-3-text-cla-w {
	font-size: 1.3em;
}

#testo-art-2 {
	padding: 30px 0 0 0 ;
	background-image:url(../img/bg_yellow.svg);
	background-size: 70px 25px;
	background-color: #fff;
	background-position: top center;
	background-repeat: no-repeat;
	text-align: center;
}

.bloc-icon-testo img {
	width: 80px;
	height: 80px;
	margin: 10px auto;
}

.bloc-icon-testo p {
	color: #323232;
	font-family: 'proxima_nova_rgbold';
	font-size: 0.930em;
	line-height: 1.2em;
}

#testo-art-2 .meth-3-text-stg {
	color: #e2774b;
	text-align: center;
}

.bloc-testo-txt {
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	padding-top: 10px;
	padding-bottom: 30px;
	margin-top: 30px;
	clear: both;
	-webkit-box-shadow: 0 -5px 5px #dbdbdb;
  	-moz-box-shadow: 0 -5px 5px #dbdbdb;
 	 box-shadow: 0 -5px 5px #dbdbdb;
}

.text-testo-pre {
	margin: 20px auto;
	font-family: 'proxima_novalight';
	display: block;
	font-size: 1.3em;
	line-height: 1.1em;
	max-width: 80%;
}

.text-testo-pre-plus {
	margin: 20px auto;
	font-family: 'proxima_nova_rgregular';
	font-size: 1.3em;
	line-height: 1.2em;
	color: #c1c1c1;
	text-transform: uppercase;
}

.bloc-testo-txt img {
	margin: 0 auto;
	display: block;
	width: 240px;
	height: auto;
}

.bloc-testo-txt i {
	font-family: 'proxima_nova_rgregular'
}

#testo-art-3 {
	padding: 30px 0 ;
	background-image: url(../img/bkg_testo_3.jpg);
	background-position: bottom center; 
}

.list-testo-disc ol {
	margin: 0 auto 20px auto;

}
.list-testo-disc .meth-3-text-stg {
	color: #fff;
	text-align: center;
}

.list-testo-disc ol li {
	background: #fff;
	margin: 0 auto;
	padding: 10px 20px 10px 0;
	border-bottom: 1px solid #e5e5e5;
}

.list-testo-disc li span {
	font-family: 'proxima_nova_rgbold';
	color: #f3d274;
	float: left;
	display: block;
	padding: 2px 0 2px 4px;
	font-size: 1.2em;
	background: #e2774b;
	margin-left: -10px;
	margin-right: 10px;
	width: 60px;
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
}

.list-testo-disc ol li p {
	font-family: 'proxima_nova_rgregular';
	font-size: 1.1em;
	line-height: 1.1em;
	color: #323232;
}

.list-testo-disc ol li p i {
	font-family: 'proxima_novasemibold';
	color: #e93227;
}

.testo-txt-org {
	color: #e2774b;
	margin: 20px auto;
	font-family: 'proxima_nova_rgregular';
	font-size: 1.3em;
	line-height: 1em;
	text-align: center;
}

#testo-art-4 {
	padding: 30px 0;
	background-image:url(../img/bg_yellow.svg);
	background-size: 70px 25px;
	background-color: #fff;
	background-position: top center;
	background-repeat: no-repeat;
}

.list-testo-medic ol li p {
	color: #737373;
	font-size: 1em;
}


.list-testo-medic ol li p i  {
	font-size: 0.875em;
	color: #c1c1c1;
	padding-right: 5px;
}

.card-solo-testo {
	overflow: hidden;
	border: 1px solid #ebebec;
	padding: 10px 0;
	margin: 20px 0;
	clear: both;
	display: block;
	width: 100%;
	background: #f7f7f7;
	box-shadow: 0 -5px 5px #dbdbdb;
}

.card-solo-testo img {
	float: left;
}

.card-solo-testo p {
	text-align: left;
	float: left;
	margin: 0 auto;
	color: #323232;
	font-size: 1em;
	line-height: 1.2em;
}

.card-solo-testo strong {
	color: #e2774b;
}

#testo-art-5 {
	padding: 30px 0 ;
	background-image:url(../img/bg_white.svg), linear-gradient( 180deg, #d76d4a, #f3d475);
	background-size: 70px 25px, 100% 100%;
	background-position: top center, center center;
	background-repeat: no-repeat, no-repeat;
}

#testo-art-5 .meth-3-text-stg {
	color: #fff;
	text-align: center;
}

.list-up-testo ol li:nth-of-type(2) {
  animation-delay: 2s;
}
.list-up-testo ol li:nth-of-type(3) {
  animation-delay: 4s;
}
.list-up-testo ol li:nth-of-type(4) {
  animation-delay: 6s;
}
.list-up-testo ol li:nth-of-type(5) {
  animation-delay: 8s;
}
.list-up-testo ol li:nth-of-type(6) {
  animation-delay: 10s;
}
.list-up-testo ol li:nth-of-type(7) {
  animation-delay: 12s;
}
.list-up-testo ol li:nth-of-type(8) {
  animation-delay: 14s;
}

 @keyframes testofade {
  0% {
    opacity: 0.3;
  }
  10% {
    opacity: 1;
  }
  20% {
    opacity: 1;
  }

}


.list-up-testo {
	background: #fff;
}

.list-up-testo img {
	height: 100%;
	width: auto;
	margin: 0 0 0 -20px;
	border:none;
}

.list-up-testo ol {
	margin: 20px 0 0 0;
}

.list-up-testo ol li {
	margin-bottom: 20px;
	animation:testofade 16s linear infinite;
	opacity: 1;
}

.list-up-testo ol li p {
	font-size: 1.3em;
	line-height: 1em;
	margin-left: 30px;
	font-family: 'proxima_novalight';
}

.list-up-testo ol li i {
	font-size: 1.3em;
	line-height: 1em;
	float: left;
	color: #f3d274;
}

/* Animated 2 packs */

#packs-anim img  {
  width: 100%;
  margin: 0 auto;
}
 
#packs-anim {
  width:100%;
  margin:0 auto;
  position: relative;
}

#packs-anim img.top-pack {
  opacity:0;
  -webkit-transition: opacity 1s ease-in-out;
  -moz-transition: opacity 1s ease-in-out;
  -o-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out;
  animation: animated-packs 5s infinite;
  width:100%;
  margin:0 auto;
  position: absolute;
}

@keyframes animated-packs { 0%   { opacity: 0; } 50% { opacity: 1;} 100% { opacity: 0; }}
@-moz-keyframes animated-packs { 0%   { opacity: 0; } 50% { opacity: 1;} 100% { opacity: 0; }}
@-ms-keyframes animated-packs { 0%   { opacity: 0; } 50% { opacity: 1;} 100% { opacity: 0; }}
@-o-keyframes animated-packs { 0%   { opacity: 0; } 50% { opacity: 1;} 100% { opacity: 0; }}
@-webkit-keyframes animated-packs { 0%   { opacity: 0; } 50% { opacity: 1;} 100% { opacity: 0; }}


/* Contact */

#contact {
	background: url(../img/bkg-franck-contact.jpg);
	background-repeat: no-repeat;
	background-size: auto 100%;
	background-position: top left;
	background-color: #0f1014;
}

#contact .title-lvl1 {
	color: #fff;
	margin: 50px auto 10px auto;
	text-align: center;
}

#contact-form {
	margin: 20px auto;
	width: 50%;
}

#contact-form input {
	width: 100%;
	height: 35px;
	float: left;
	clear: both;
	margin-top: 5px;
	margin-bottom: 20px;
	border: 2px solid rgba(255, 255, 255, 0.5) ridge;
	border-radius: 3px;
}

#contact-form label {
	float: left;
	clear: both;
	color: #fff;
	font-family: 'proxima_nova_rgregular';
	font-size: 1em;
}

#contact-form select {
	float: left;
	clear: both;
	height: 35px;
	margin-top: 5px;
	margin-bottom: 20px;
}

#contact-form textarea {
	width: 100%;
	float: left;
	clear: both;
	margin-top: 5px;
	margin-bottom: 10px;
	height: 180px;
}

#contact-form .btn-prog {
	float: right;
	border: none;
	margin: 10px 0 50px 10px;
}

#contact ul li {
	display: inline-block;
}

#contact ul li a {
	font-size: 2em;
	margin-right: 10px;
	color: #fff;
}

/* Footer */

#footer {
	background: #fff;
	padding-top: 20px;
	padding-bottom: 20px;
}

#footer p {
	color: #0f1014;
	text-align: center;
	font-size: 0.750em;
	padding-top: 30px;
}

#footer p a {
	color: #606060;
}

#footer p a:hover {
	color: #e93227;
	transition: all 0.2s linear;
}

.list-footer {
	width: 100%;
	text-align: center;
}

.list-footer li {
	display: inline-block;
	vertical-align: top;
	margin-right: 30px;
	margin-top: 10px;
	text-align: left;
	font-family: 'proxima_novasemibold';
	text-transform: uppercase;
}

.border-footer {
	border-bottom: 1px solid #9c9a9a;
	border-style: inset;
}

.list-footer li a {
	color: #9c9a9a;
	font-size: 0.750em;
}

.list-footer li a:hover {
	color: #0f1014;
	transition: all 0.2s linear;
}

.sub-list-footer li a {
	font-family: 'proxima_nova_rgregular';
	text-transform: none;
	font-size: 0.900em;
}


.list-footer .sub-list-footer li {
	display: block;
	margin-right: 0;
}

#contact-footer {
	background: #ecf0f1;
}

.sub-list-footer .fa-facebook-square {
	font-size: 1.650em;
	margin-right: 10px;
}

.sub-list-footer .fa-youtube-square {
	font-size: 1.650em;
	margin-right: 10px;
}

.sub-list-footer .fa-instagram {
	font-size: 1.650em;
	margin-right: 10px;
}

/* Mentions légales */

#mentions-legales {
	padding: 50px 10px;
}

#mentions-legales h1 {
	text-align: center;
	font-size: 1.5em;
	margin: 0 auto 30px auto;
}

.title-mention-leg {
	font-size: 1.2em;
	font-family: 'proxima_nova_rgbold';
	margin-top: 20px;
	color: #727272;
}

/* Cookie bar */

.eupopup-container {
	background-color: rgba(25, 25, 25, 0.9);
	color: #efefef;
	padding: 10px 20px;
	font-size: 0.875em;
	line-height: 1.2em;
	text-align: center;
	display: none;
	z-index: 9999999;
	font-family: 'proxima_nova_rgregular';
}

.eupopup-container-top,
.eupopup-container-fixedtop {
	position: absolute;
	top: 0; left: 0; right: 0;
}

.eupopup-container-fixedtop {
	position: fixed;
}

.eupopup-container-bottom {
	position: fixed;
	bottom: 0; left: 0; right: 0;
}

.eupopup-container-bottomleft {
	position: fixed;
	bottom: 10px;
	left: 10px;
	width: 320px;
}

.eupopup-container-bottomright {
	position: fixed;
	bottom: 10px;
	right: 10px;
	width: 300px;
}

.eupopup-closebutton {
	font-size: 1em;
	line-height: 1;
	color: #a2a2a2;
	filter: alpha(opacity=20);
	position: absolute;
	top: 0; right: 0;
	padding: 5px 10px;
}
.eupopup-closebutton:hover,
.eupopup-closebutton:active {
	color: #fff;
	text-decoration: none;
}

.eupopup-head {
	font-size: 1.2em;
	padding: 7px;
	color: #fff;
}

.eupopup-body {
	color: #a2a2a2;
}

.eupopup-buttons {
	padding: 7px 0 5px 0;
}

.eupopup-button_1 {
	color: #fff;
	font-family: 'proxima_novasemibold';
	font-size: 0.875em;
	text-transform: uppercase;
}

.eupopup-button_2 {
	color: #fff;
	font-size: 0.875em;
}

.eupopup-button {
	margin: 0 10px;
}

.eupopup-button:hover,
.eupopup-button:focus {
	text-decoration: underline;
	color: #fff;
}

body .eupopup-color-inverse {
	color: #000;
	background-color: rgba(255, 255, 255, 0.9);
}

body .eupopup-color-inverse .eupopup-head {
	color: #000;
}

body .eupopup-style-compact {
	text-align: left;
	padding: 8px 30px 7px 20px;
	line-height: 15px;
}

body .eupopup-style-compact .eupopup-head,
body .eupopup-style-compact .eupopup-body,
body .eupopup-style-compact .eupopup-buttons {
	display: inline;
	padding: 0;
	margin: 0;
}

body .eupopup-style-compact .eupopup-button {
	margin: 0 5px;
}