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

/*[class^="tanu-"], [class*=" tanu-"] {
    font-family: 'tanu';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    /*-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    text-align: center;
}*/
a,
a:link,
a:visited {
    text-decoration: underline;
}
a.btn {
    text-decoration: none;
}
::-webkit-input-placeholder { /* Chrome */
    font-weight: normal;
}
:-ms-input-placeholder { /* IE 10+ */
    font-weight: normal;
}
::-moz-placeholder { /* Firefox 19+ */
    font-weight: normal;
}
:-moz-placeholder { /* Firefox 4 - 18 */
    font-weight: normal;
}
.meshim_widget_widgets_IconFont {
	display: none;
}
body {
    font-weight:500;
}
p {
    font-weight:400;
    font-size:1.15em;
    letter-spacing: 0.5px;
    color: #373737;
}
.bg-imgjohn {
    background: url("../../img/john.gif") no-repeat center fixed;
    background-size: cover;
}
.main {
	padding-top: 218px;
	padding-bottom: 327px;
}
.subtle-info {
	color: #888888;
	font-weight: normal;
	font-size: 11px;
}
.subtle-info-2 {
	font-weight: normal;
	font-size: 12px;
}
.btn {
    letter-spacing: 0.3px;
    font-size: 16px;
}
/** Margin **/
.ml0 { margin-left:0px !important; } .ml10 { margin-left:10px !important; } .ml20 { margin-left:20px !important; } .ml30 { margin-left:30px !important; } .ml40 { margin-left:40px !important; } .ml50 { margin-left:50px !important; }
.mt0 { margin-top:0px !important; } .mt10 { margin-top:10px !important; } .mt20 { margin-top:20px !important; } .mt30 { margin-top:30px !important; } .mt40 { margin-top:40px !important; } .mt50 { margin-top:50px !important; }
.mr0 { margin-right:0px !important; } .mr10 { margin-right:10px !important; } .mr20 { margin-right:20px !important; } .mr30 { margin-right:30px !important; } .mr40 { margin-right:40px !important; } .mr50 { margin-right:50px !important; }
.mb0 { margin-bottom:0px !important; } .mb10 { margin-bottom:10px !important; } .mb20 { margin-bottom:20px !important; } .mb30 { margin-bottom:30px !important; } .mb40 { margin-bottom:40px !important; } .mb50 { margin-bottom:50px !important; }
/** Fin Margin **/
/** Padding **/
.pl0 { padding-left:0px !important; } .pl10 { padding-left:10px !important; } .pl20 { padding-left:20px !important; } .pl30 { padding-left:30px !important; } .pl40 { padding-left:40px !important; } .pl50 { padding-left:50px !important; }
.pt0 { padding-top:0px !important; } .pt10 { padding-top:10px !important; } .pt20 { padding-top:20px !important; } .pt30 { padding-top:30px !important; } .pt40 { padding-top:40px !important; } .pt50 { padding-top:50px !important; }
.pr0 { padding-right:0px !important; } .pr10 { padding-right:10px !important; } .pr20 { padding-right:20px !important; } .pr30 { padding-right:30px !important; } .pr40 { padding-right:40px !important; } .pr50 { padding-right:50px !important; }
.pb0 { padding-bottom:0px !important; } .pb10 { padding-bottom:10px !important; } .pb20 { padding-bottom:20px !important; } .pb30 { padding-bottom:30px !important; } .pb40 { padding-bottom:40px !important; } .pb50 { padding-bottom:50px !important; }
/** Fin Padding **/
.tanu-logo:before {
    content: "\e700";
}
.tanu-passport:before {
    content: "\e600";
}
#about .about-left {
    padding-right: 115px;
    border-right: 1px solid #dddddd;
    text-align: right;
}
.col-no-gutter {
    padding-left: 0;
    padding-right: 0;
}
#about .about-right {
    padding-left: 115px;
}
#action-box {
    background-color:#27b6b0; 
    text-align: center;
}
.action-box-title {
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 5px;
    font-size: 30px;
    line-height:35px;
    margin-bottom:30px;
}
#action-box .action-box-title {
    margin-bottom:20px;
}
.action-box-title span {
    font-weight: bold;
}
.successContent, .errorContent {
    margin-top: 20px;
    margin-bottom: 0;
    display: block;
}
.errorContent {
    border: 1px solid #e1534f;
    padding:10px;
    color: #e1534f;
}
.successContent {
    border: 1px solid #5cb45d;
    padding:10px;
    color: #5cb45d;
}
.errorContent i,
.successContent i {
    font-size: 18px;
}
.valid-register {
    margin-top: 20px;
}
.valid-register .p-bold {
    font-weight: bold;
} 
.hero .btn {
    font-size: 20px;
    padding: 25px 30px;
    white-space: initial;
}
.hero .btn-home {
    padding: 12px 16px;
    margin: 20px 0;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0.3px;
}

p.lead {
    font-size: 22px;
}
p.citation {
    font-size: 2em;
    font-weight: 300;
    color: #323232;
    letter-spacing: -0.6px;
    font-style: italic;
    margin-bottom: 30px;
    line-height: normal;
}
h1 {
    letter-spacing: 0.2px;
    font-size: 3.85em;
    line-height: normal;
    font-weight: 900;
    text-transform: initial;
}
h2 {
    font-size: 2.65em;
    letter-spacing: -0.7px;
    font-weight: 600;
    line-height: 1.10em;
    margin-bottom:0;
    padding-top:0;
    text-transform: initial;
}
h3 {
    font-size: 1.92em;
    letter-spacing: -0.5px;
    line-height: 1em;
    font-weight: 500;
    text-transform: initial;
}
h3:after {
    content:'';
}
.accordion-title.active{
    color:#27b6af;
}
/* Menu */
.header .header-line {
    background: #ffffff;
    box-shadow: inset 0 -1px 0 0 #d9d9d9;
}
.header .navigation-2 {
	position: static;
 	float: right;
	font-family: 'Roboto', sans-serif;
	font-size: 12px;
	font-weight: 400;
	text-transform: uppercase;
	margin-left: 30px;
	padding-top: 0;
}
.navigation-2,
.navigation-2 > ul,
.navigation-2 > ul li,
.navigation-2 > ul li a,
.navigation-2 #menu-button {
	margin: 0;
	padding: 0;
	border: 0;
	list-style: none;
	line-height: 1;
	display: block;
	position: relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.navigation > ul > li > a {
	font-size: 11px;
}
.header .navigation-2 ul li {
	float: left;
	margin: 0;
	padding: 0;
	border: 0;
	list-style: none;
	line-height: 1;
	display: block;
	position: relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.navigation.no-connection > ul::after {
	content: "";
}
.header .header-line:nth-child(2) .navigation-2 {
    float: none;
    margin-left: 0;
}
.header .header-line:nth-child(2) .navigation-2 > ul > li > a:hover {
    box-shadow: inset 0 -2px 0 0px #27b6af;
}
.navigation-2 > ul > li > a,
.header.sticky .navigation-2 ul li a {
    font-size: 14px;
    letter-spacing: 0.3px;
    padding: 14px 15px;
    text-decoration: none;
}
.header-line:nth-child(2) .navigation > ul > li > a,
.header-line:nth-child(2) .navigation-2 > ul > li > a {
    text-transform: none;
    font-weight: normal;
    padding-left: 0;
    padding-right: 0;
    margin: 0 9px 0;
}
.header-line:nth-child(2) .navigation > ul > li:nth-child(1) > a,
.header-line:nth-child(2) .navigation-2 > ul > li:nth-child(1) > a {
    margin-left: 0;
}
.navigation > ul > li > a.btn-header {
    padding: 16px;
    margin: 25px 0;
}
.navigation > ul > li > .btn-black-line,
.navigation-2 > ul > li > .btn-black-line,
.header.sticky .navigation ul li a.btn-black-line,
.header.sticky .navigation-2 ul li a.btn-black-line,
.navigation > ul > li > .btn-yellow,
.navigation-2 > ul > li > .btn-yellow,
.header.sticky .navigation ul li a.btn-yellow,
.header.sticky .navigation-2 ul li a.btn-yellow{
    padding: 12px 16px;
    margin: 10px 0 10px 10px;
    border: 2px solid;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0.3px;
    line-height: 1;
}
.navigation > ul > li > .btn-yellow,
.navigation-2 > ul > li > .btn-yellow,
.header.sticky .navigation ul li a.btn-yellow,
.header.sticky .navigation-2 ul li a.btn-yellow {
    color: #ffffff;
}
.header .header-line .logo a,
.header.sticky .header-line .logo a {
	margin-top: 21px
}
.header .header-line .logo a img {
	height: 21px;
	width: auto;
}
.navigation ul li:hover a.btn-black-line,
.header.sticky .navigation ul ul > li:hover > a.btn-black-line,
.header.sticky .navigation ul > li:hover > a.btn-black-line,
.navigation > ul > li.active > a.btn-black-line {
	border-color: #323232;
	color: #323232;
}
.navigation ul li a.btn-black-line:hover,
.header.sticky .navigation ul ul > li > a.btn-black-line:hover,
.header.sticky .navigation ul > li > a.btn-black-line:hover,
.navigation-2 > ul > li.active > a.btn-black-line,
.navigation-2 ul li a.btn-black-line:hover,
.header.sticky .navigation-2 ul ul > li > a.btn-black-line:hover,
.header.sticky .navigation-2 ul > li > a.btn-black-line:hover,
.navigation-2 > ul > li.active > a.btn-black-line {
	color: #ffffff;
	border-color: #000000;
}
.background--dark .navigation > ul > li > a:hover,
.background--dark .navigation > ul > li:hover > a {
    /*color: #323232 !important;*/
    color: rgba(255, 255, 255, 0.8) !important;
}
.header.sticky .navigation ul li a.btn-header {
    margin:10px 0;
    padding:16px;
    color:#ffffff;
}
.header .navigation ul li a:hover,
.header .navigation ul li:hover > a,
.header .navigation a:hover {
    color:#323232 !important;
}
.navigation > ul > li > a.btn-header:hover,
.header.sticky .navigation ul li a.btn-header:hover {
    color:#ffffff !important;
}
.navigation > ul > li:hover > a.btn-header,
.header.sticky .navigation ul li:hover a.btn-header {
    background-color:#2ccbc3;
    color:#ffffff !important;
}
.header-line:nth-child(2) .navigation-2 > ul.right {
    float: right;
}
.header-line:nth-child(2) .navigation-2 > ul.right > li:nth-child(1) > a {
    margin-left: 9px;
}
.header-line:nth-child(2) .navigation-2 > ul.right > li:last-child > a {
    margin-right: 0px;
}
.nav-has-sub ul.nav-dropdown {
    position: absolute;
    background: #ffffff;
    border-color: #d9d9d9;
    border-top: none;
}
.nav-has-sub ul.nav-dropdown li {
    width: 100%;
}
.nav-has-sub ul.nav-dropdown li a {
    text-decoration: none;
    text-transform: none;
    letter-spacing: 0.3px;
    padding: 15px;
}
.nav-has-sub ul.nav-dropdown li a:hover {
    background-color: #f5f5f5;
}
.dropdown ul {
    display: none;
}
.dropdown:hover .dropdown-menu {
    display: block;
}
.dropdown:hover > a, .dropdown.open > a {
    box-shadow: inset 0 -2px 0 0px #27b6af;
}
.dropdown> a:hover {
    color:#323232 !important;
}
.dropdown .dropdown-menu {
    box-shadow: none;
    border-radius: 0;
}
/* Fin Menu */
/* Menu Mobile */
.mobile-navigation ul {
    position: fixed;
    top: 0px;
    bottom: 0px;
    width: 270px;
    left: inherit;
    right: -270px;
    display: block !important;
}
.background-mobile-dark {
    position: absolute;
    background-color: rgba(0,0,0,0.3);
    height: 100%;
    width: 100%;
    z-index: 9999;
    display: none;
}
.wrapper, .mobile-navigation ul {
    -webkit-transition: margin-left 0.3s, -webkit-transform 0.3s;
    transition: margin-left 0.3s, transform 0.3s;
}
.slideInLeft {
    margin-left: -270px;
    -webkit-transition: margin-left 0.3s, -webkit-transform 0.3s;
    transition: margin-left 0.3s, transform 0.3s;
}
.mobile-navigation ul.open {
    right: 0px;
    -webkit-transition: right 0.3s, -webkit-transform 0.3s;
    transition: right 0.3s, transform 0.3s;
}
.mobile-navigation ul li.li-header {
    height: 64px;
    border-top: none;
}
.header .mobile-navigation ul li.li-header a,
.header.sticky .mobile-navigation ul li.li-header a {
    padding: 21px 16px !important;
}
.mobile-navigation ul li.li-header a img {
    width: 92px;
}
.mobile-navigation ul li.yellow-li {
    background-color: #f1c40f;
    font-weight: 500;
}
.mobile-navigation ul li.grey-li {
    background-color: #f5f5f5;
    font-weight: 500;
    margin-bottom:15px;
}
.header .mobile-navigation ul li.grey-li a,
.header.sticky .mobile-navigation ul li.grey-li a{
    padding: 19px 16px;
}
.header .mobile-navigation ul li.yellow-li a,
.header.sticky .mobile-navigation ul li.yellow-li a{
    color: #ffffff !important;
    font-size: 16px;
    padding: 19px 16px !important;
}
.mobile-navigation ul li a,
.header.sticky .mobile-navigation ul li a{
    letter-spacing: 0.3px;
    font-size: 14px;
    font-weight: normal;
    padding: 15px 30px;
    text-transform: none;
}
.header .mobile-navigation ul ul li a,
.header.sticky .mobile-navigation ul li ul li a {
    letter-spacing: 0.3px;
    font-size: 14px;
    font-weight: normal;
    padding: 15px 50px;
    text-transform: none;
}
.navigation > ul > li.li-btn:last-child {
    margin-bottom: 15px;
}
.mobile-navigation ul li {
    border-top: none;
}
.mobile-navigation ul li.li-btn {
    padding: 0 !important;
}
.mobile-navigation ul li.nav-has-sub span.submenu-button {
    display: none;
}
.mobile-navigation ul li ul li,
.header.sticky .mobile-navigation ul li ul li,
.navigation ul li:hover > ul > li {
    border-top: none;
}
.navigation ul ul {
    display: none !important;
}
.navigation ul ul.open {
    display: block !important;
}
/* Fin Menu Mobile */
.scroll-top:hover {
    background-color:#27b6af;
    color:#ffffff !important;
}
/** Bannières **/
.row.flex {
    display: flex;
    align-items: center;
    height: 100%;
}
.row.flex > div {
    flex: 1;
}
.inner-intro {
    background-color: #ffffff;
    height: 351px;
    padding-top: 106px;
}
img.shadow-img {
    box-shadow: 0 4px 16px 4px rgba(0,0,0,0.24);
}
.inner-intro.h1-home {
    height: auto;
} 
.bg-img {
    background-size: cover !important;
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
}
.bg-test {
    background-image:url('../../img/bannieres/letest_bg_01.jpg');
}
.bg-transformation {
    background-image:url('../../img/bannieres/transformation.jpg');
}
.bg-recruitment{
    background-image:url('../../img/bannieres/recrutement_bg_01.jpg');
}
.bg-press {
    background-image:url('../../img/bannieres/presse_bg_01.jpg');
}
.bg-page {
    background-image:url('../../img/page/mentions_bg_01.jpg');
}
.bg-inscription {
    background-image:url('../../img/bannieres/inscription_bg_01.jpg');
}
.bg-contact {
    background-image:url('../../img/bannieres/contact_bg_01.jpg');
}
.bg-rate {
    background-image:url('../../img/bannieres/tarifs_bg_01.jpg');
}
.bg-faq {
    background-image:url('../../img/bannieres/faq_bg_01.jpg');
}
.bg-education {
    background-image:url('../../img/bannieres/education_bg.jpg');
}
.bg-testimonials {
    background-size: cover;
    background-position: center;
}
.bg-grey {
    background-color: #F7F9FC;
}
section {
    position: relative;
    overflow: hidden;
}
section.no-overflow {
    overflow: initial;
}
section .container {
    position: relative;
    z-index: 2;
}
.img-absolute {
    position: absolute;
    z-index: 1;
}
.img-absolute.img-1 {
    height: 376px;
    width: 378px;
    top: 106px;
    left: 50%;
    margin-left: 250px;
}
.img-absolute.img-2 {
    height: 453px;
    width: 571px;
    top: 50px;
    left: 50%;
    margin-left: -770px;
}
.img-absolute.img-3 {
    height: 407px;
    width: 463px;
    bottom: 60px;
    left: 50%;
    margin-left: 460px;
}
.img-absolute.img-4 {
    height: 538px;
    width: 386px;
    top: 0;
    left: 50%;
    margin-left: -820px;
}
.img-absolute.img-5 {
    height: 248px;
    width: 325px;
    bottom: 60px;
    left: 50%;
    margin-left: -610px;
}
.img-absolute.img-6 {
    height: 556px;
    width: 657px;
    top: -50px;
    left: 50%;
    margin-left: -980px;
}
.img-absolute.img-7 {
    height: 474px;
    width: 312px;
    top: -20px;
    left: 50%;
    margin-left: 500px;
}
.img-absolute.img-8 {
    height: 75px;
    width: 76px;
    top: 130px;
    left: 50%;
    margin-left: 530px;
    z-index: 3;
}
.img-absolute.img-test-1 {
    height: 411px;
    width: 293px;
    top: -20px;
    left: 50%;
    margin-left: -720px;
    background-image: url('/img/test/test01-min.png');
}
.img-absolute.img-test-2 {
    height: 512px;
    width: 550px;
    top: -40px;
    left: 50%;
    margin-left: 650px;
    background-image: url('/img/test/test02-min.png');
}
.img-absolute.img-test-3 {
    height: 639px;
    width: 481px;
    top: 230px;
    left: 50%;
    margin-left: -1160px;
    background-image: url('/img/test/test03-min.png');
}
.img-absolute.img-test-4 {
    height: 130px;
    width: 118px;
    bottom: 100px;
    left: 50%;
    margin-left: 240px;
    z-index: 3;
    background-image: url('/img/test/test06-min.png');
}
.img-absolute.img-test-5 {
    height: 399px;
    width: 377px;
    bottom: 20px;
    left: 50%;
    margin-left: 250px;
    background-image: url('/img/test/test12-min.png');
}
.img-absolute.img-test-6 {
    height: 193px;
    width: 195px;
    bottom: -20px;
    left: 50%;
    margin-left: -660px;
    background-image: url('/img/test/test08-min.png');
}
.img-absolute.img-test-7 {
    height: 431px;
    width: 394px;
    top: 40px;
    left: 50%;
    margin-left: 290px;
    background-image: url('/img/test/test09-min.png');
}
.img-absolute.img-test-8 {
    height: 528px;
    width: 538px;
    bottom: 0;
    left: 50%;
    margin-left: -1190px;
    background-image: url('/img/test/test10-min.png');
}
.img-absolute.img-test-9 {
    height: 146px;
    width: 294px;
    bottom: 0;
    left: 50%;
    margin-left: 550px;
    background-image: url('/img/test/test11-min.png');
}
.img-absolute.img-ecole-1 {
    height: 116px;
    width: 260px;
    top: -40px;
    left: 50%;
    margin-left: -750px;
    background-image: url('/img/ecole/ecole01-min.png');
}
.img-absolute.img-ecole-2 {
    height: 149px;
    width: 149px;
    bottom: 143px;
    left: 50%;
    margin-left: 621px;
    background-image: url('/img/ecole/ecole05-min.png');
}
.img-absolute.img-ecole-3 {
    height: 466px;
    width: 389px;
    bottom: -200px;
    left: 50%;
    margin-left: -1130px;
    background-image: url('/img/ecole/ecole06-min.png');
}
.img-absolute.img-ecole-4 {
    height: 406px;
    width: 435px;
    bottom: 60px;
    left: 50%;
    margin-left: 100px;
    background-image: url('/img/ecole/ecole07-min.png');
}
.img-absolute.img-ecole-5 {
    height: 283px;
    width: 444px;
    bottom: 200px;
    left: 50%;
    margin-left: -820px;
    background-image: url('/img/ecole/ecole11-min.png');
}
.img-absolute.img-ecole-6 {
    height: 90px;
    width: 380px;
    top: 0px;
    left: 50%;
    margin-left: 750px;
    background-image: url('/img/ecole/ecole12-min.png');
}
.img-absolute.img-education-1 {
    height: 229px;
    width: 475px;
    bottom: 90px;
    left: 50%;
    margin-left: 650px;
    background-image: url('/img/education/education_03-min.png');
}
.img-absolute.img-education-2 {
    height: 206px;
    width: 335px;
    bottom: 0px;
    left: 50%;
    margin-left: 660px;
    background-image: url('/img/education/education_15-min.png');
}
.img-absolute.img-education-3 {
    height: 548px;
    width: 454px;
    top: -80px;
    left: 50%;
    margin-left: -1220px;
    background-image: url('/img/education/education_07-min.png');
}
.img-absolute.img-transformation-1 {
    height: 265px;
    width: 303px;
    top: 0px;
    left: 50%;
    margin-left: 380px;
    background-image: url('/img/transformation/transformation_07-min.png');
}
.img-absolute.img-transformation-2 {
    height: 509px;
    width: 373px;
    top: 0px;
    left: 50%;
    margin-left: -1130px;
    background-image: url('/img/transformation/transformation_03-min.png');
}
.img-absolute.img-transformation-3 {
    height: 461px;
    width: 424px;
    top: -70px;
    left: 50%;
    margin-left: 730px;
    background-image: url('/img/transformation/transformation_18-min.png');
}
.img-absolute.img-transformation-4 {
    height: 255px;
    width: 435px;
    bottom: 0;
    left: 50%;
    margin-left: -1060px;
    background-image: url('/img/transformation/transformation_21-min.png');
}
.img-absolute.img-transformation-5 {
    height: 714px;
    width: 692px;
    top: -160px;
    left: 50%;
    margin-left: 480px;
    background-image: url('/img/transformation/transformation_27-min.png');
}
.img-absolute.img-gestion-1 {
    height: 363px;
    width: 388px;
    top: 90px;
    left: 50%;
    margin-left: 800px;
    background-image: url('/img/gestion/gestion_03-min.png');
}
.img-absolute.img-gestion-2 {
    height: 377px;
    width: 495px;
    bottom: -67px;
    left: 50%;
    margin-left: -900px;
    background-image: url('/img/gestion/gestion_06-min.png');
}
.img-absolute.img-gestion-3 {
    height: 412px;
    width: 121px;
    bottom: -222px;
    left: 50%;
    margin-left: 740px;
    background-image: url('/img/gestion/gestion_04-min.png');
}
.img-absolute.img-gestion-4 {
    height: 248px;
    width: 462px;
    top: 140px;
    left: 50%;
    margin-left: -740px;
    background-image: url('/img/gestion/gestion_18-min.png');
}
.img-absolute.img-gestion-5 {
    height: 104px;
    width: 104px;
    bottom: 110px;
    left: 50%;
    margin-left: 190px;
    z-index: 3;
    background-image: url('/img/gestion/gestion_21-min.png');
}
.img-absolute.img-gestion-6 {
    height: 348px;
    width: 271px;
    top: 0px;
    left: 50%;
    margin-left: 770px;
    background-image: url('/img/gestion/gestion_27-min.png');
}
.img-absolute.img-gestion-7 {
    height: 502px;
    width: 455px;
    top: -180px;
    left: 50%;
    margin-left: 550px;
    background-image: url('/img/gestion/gestion_30-min.png');
}
.img-absolute.img-gestion-8 {
    height: 350px;
    width: 275px;
    top: -110px;
    left: 50%;
    margin-left: -880px;
    background-image: url('/img/gestion/gestion_33-min.png');
}
.img-absolute.img-gestion-9 {
    height: 412px;
    width: 121px;
    top: -190px;
    left: 50%;
    margin-left: 740px;
    background-image: url('/img/gestion/gestion_04-min.png');
}
.img-absolute.img-recruitment-1 {
    height: 353px;
    width: 708px;
    top: 0px;
    left: 50%;
    margin-left: -570px;
    background-image: url('/img/recrutement/recrutement_03-min.png');
}
.img-absolute.img-recruitment-2 {
    height: 342px;
    width: 370px;
    top: 0px;
    left: 50%;
    margin-left: 710px;
    background-image: url('/img/recrutement/recrutement_06-min.png');
}
.img-absolute.img-recruitment-3 {
    height: 647px;
    width: 619px;
    top: -90px;
    left: 50%;
    margin-left: -1280px;
    background-image: url('/img/recrutement/recrutement_14-min.png');
}
.img-absolute.img-recruitment-4 {
    height: 647px;
    width: 619px;
    top: 310px;
    left: 50%;
    margin-left: 290px;
    background-image: url('/img/recrutement/recrutement_14-min.png');
}
/** Fin Bannieres **/
blockquote {
    border-left-color:#27b6af;
    font-weight:400;
    font-size:15px;
}
.medium-icon {
    font-size: 3em;
}
.right-inscription .medium-icon {
    padding-top:6px;
}
.table {
    display:table;
}
.table-cell {
    display:table-cell;
    vertical-align:middle;
}
.tanu-color {
    color:#27b6af;
}
.block {
    display:block;
}
.col-md-2-5 {
    width:20%;
}
.title-icon {
    font-weight:500;
    font-size:1.2em;
    margin-top:30px;
    margin-bottom:0;
}
.pb110 { padding-bottom:110px; }
#tabs-1 .row div {
    line-height:190px;
    height:190px;
    text-align:center;
}
.heigth100 {
    height:100%;
}
.title-com {
    font-size: 13px;
    letter-spacing: 2px;
    line-height: 17px;
    font-weight: 600;
}
.title-type-1, .title-type-2 {
    color: #27b6af;
    font-size: 26px;
    font-weight: 300;
    text-transform: initial;
    line-height: normal;
    margin-bottom: 30px;
    letter-spacing: 0.5px;
}
.title-type-2 {
    margin: 50px 0;
}
.paragraph-type-1, .paragraph-type-2 {
	color: #323232;
	font-size: 14px;
}
.paragraph-type-2 {
    font-weight: normal;
}
.link-type-1, .text-type-1 {
	color: #27b6af;
	font-weight: normal;
}
.btn-type-1 {
	margin-top: 50px;
}
.list-table {
    padding:15px;
    border-top:1px solid #dddddd;
    border-left:1px solid #dddddd;
    border-right:1px solid #dddddd;
}
.list-table:last-child {
    border-bottom:1px solid #dddddd;
}
.list-table .table {
    margin:0;
}
.btn-com {
    padding:10px 15px;
}
.list-table .table-cell.col-right {
    width:247px;
}
.pb80 {
    padding-bottom:80px;
}
.pt80 {
    padding-top:80px;
}
.mt110 { margin-top:110px; }
.label-img {
    line-height:16px;
    margin-top:8px;
}
.uppercase { text-transform:uppercase; }
.no-uppercase { text-transform:none; }
.w40 { width:40px; }
.Pricing-box .price .price-sm {
    line-height: 14px;
    text-align: left;
    margin-left:-17px;
}
.Pricing-box .price .price-lg {
    padding-left:0;
    padding-right:17px;
}
.Pricing-box .pricing-features p {
    color:#323232;
}
.fs11 { font-size:11px; }
input[type="radio"] {
    margin:0 10px 0 20px;
}
input.form-control, select.form-control, textarea.form-control {
    border-radius:0;
}
.btn-contact {
    width:100%;
    text-align:center;
}
input[type="text"]:focus, input[type="email"]:focus, input[type="tel"]:focus,
input[type="number"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus,
input[type="password"]:focus, textarea:focus, .form-control:focus{
    border-color:#27b6af;
}
::selection { background-color:#27b6af; }
textarea { resize:none; }
.client-logo {
    width:100%;
    vertical-align: middle;
    display: table-cell;
}
.owl-carousel .owl-item {
    padding:0 40px;
}
.owl-carousel.client-carousel .owl-item {
    opacity: 0.6;
}
.owl-carousel .owl-controls .owl-page span {
    background-color: #323232;
    opacity: 0.3;
    border: none;
}
.owl-carousel .owl-controls .owl-page.active span {
    border: none;
    background-color: #323232;
    opacity: 1;
    transform: none;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
}
.page-icon-top {
    font-size:35px;
}
h5 {
    font-weight:bold;
    letter-spacing:0.3px;
    font-size:15px;
    line-height:18px;
    text-transform: initial;
    margin-bottom: 25px;
}
.client-logo img {
    height:auto;
}
.flexslider .slides img {
    width:auto;
    max-width:none;
}
.newsletter .newsletter-input {
    padding:10px 15px;
    border-bottom:1px solid #dddddd;
}
.sub-menu {
    padding-left:10px;
}
.no-link {
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 2px;
}
#progress {
    background-size:100%;
}
#counter {
    background-size:100%;
    background-position:0 -200px
}
p a {
    font-weight:bold;
}
#categories {
    background-position:center 300px;
    background-size:100%;
}
#education {
    background-position:center 500px;
    background-size:100%;
}
.icon-server {
    font-size:30px;
    padding-top:44px;
}
.icon-puzzle-piece {
    font-size:30px;
    padding-top:30px;
}
.icon-keyboard {
    font-size:30px;
    padding-top:30px;
}
.icon-education {
    font-size:30px;
    padding-top:45px;
}
.icon-comments {
    font-size:30px;
    padding-top:52px;
}
.icon-comments-landing {
    font-size:30px;
    padding-top:67px;
}
.icon-compass-fa {
    font-size:30px;
    padding-top:60px;
}
.dark-bg .link:hover, .link:hover {
    color:#323232
}
.visa-pt, .paypal-pt {
    padding-top:8px;
}
.sidebar-widget ul li a {
    font-weight:bold;
}
footer.footer {
    background-color: #ffffff;
    padding: 60px 0;
}
.footer-link {
    color: #888;
    font-weight: 600;
    cursor: pointer;
}
.footer-link:hover {
    color: #888 !important;
    font-weight: 600;
    cursor: pointer;
}
.footer .link a {
	text-decoration: none;
}
.footer .copyright .container p,
.footer .copyright .container p a {
	margin: 0;
	font-size: 14px;
	letter-spacing: 0.6px;
	font-weight: normal;
	color: #323232;
}
.btn-green {
    color: #ffffff;
    background-color: #2ccbc3 !important;
    border-color: #2ccbc3 !important;
}
.btn-green:hover, .btn-green:focus {
    color: #ffffff !important;
    background-color: #27b6af !important;
    border-color: #27b6af !important;
}

.btn-yellow{
    color: #ffffff;
    background-color: #f1c40f !important;
    border-color: #f1c40f !important;
}
.btn-yellow:hover, .btn-yellow:focus{
    color: #ffffff !important;
    background-color: #d5ab00 !important;
    border-color: #d5ab00 !important;
}
.blog-post .blockquote-green{
    background-color: #2ccbc3;
    color: #fff;
    font-weight: 400;
}
.special-rate {
    background-color: #f1c40f;
}
.special-rate h4 {
    color: #ffffff;
}
.no-mb {
    margin-bottom: 0;
}
span.span-info {
    font-size:10px;
    letter-spacing:1px;
    text-transform:initial;
    display: inline-block;
    margin-top: 15px;
}
a.link-education {
    text-decoration: underline;
}
a.link-education:hover {
    text-decoration: underline;
    color: #323232 !important;
}
#education.Pricing-box {
    border-color: #f1c40f;
}
#education hr {
    border-color: #f1c40f;
}
#education.Pricing-box .price {
    color: #f1c40f;
}
#education h4 {
    color: #f1c40f;
}
/** Formulaire **/
form span.error-message {
	display: block;
    color: #e1534f;
}
form .form-field-wrapper.required label:after {
	content: "*";
}
form .form-field-wrapper.empty {
	margin: 0;
}
form .form-field-wrapper.buttons-wrapper {
	margin-top: 10px;
}
form .link-after-button {
	line-height: 39px;
}
form .button-before-link {
	margin-right: 18px;
}
form .partner-code-wrapper label{
    font-size: 90%;
}
form h6.errorContent,
form h6.successContent {
	margin-top: 0;
	margin-bottom: 20px; 
}
form label {
	margin-top: 0;
	margin-bottom: 0;
	line-height: normal;
	color: #323232;
	font-size: 15px;
	font-weight: normal;
}
form .progress { /* pour pwstrength */
	border-radius: 0 0 4px 4px;
	margin-bottom: 0;
}
form .progress .pwstrength.progress-bar .password-verdict { /* pour pwstrength */
	color: #323232;
	white-space: nowrap;
	padding: 0 10px;
}
form .form-field-wrapper ul.error-list { /* pour pwstrength */
    padding: 0;
}
form .form-field-wrapper ul.error-list li { /* pour pwstrength */
    list-style: none;
}
/** Fin formulaire **/
.table-rate {
    width: 100%;
}
table.table-rate td {
    text-align: center;
    border: 1px solid #dddddd;
    padding: 45px 20px;
}
.arrow-rate {
    padding-top: 45px;
    font-size: 25px;
}
.btn-lg {
    font-size: 20px;
    padding: 25px 30px;
}
.btn-rate {
    padding: 12px 16px;
    font-size: 16px;
    font-weight: 500;
}
.box-circle {
    width: 23px;
    height: 23px;
    line-height: 25px;
    background-color: #323232;
    color: #ffffff;
    display: inline-block;
    text-align: center;
    border-radius: 20px;
    padding-left: 1px;
    font-weight: 900;
    margin-right: 5px;
}
.mini-logo {
    padding-left:5px;
    height:16px;
}
.ecole-list {
    padding: 20px;
    margin-bottom: 20px;
    background-color: #ffffff;
    float: left;
    font-size: 1.53em;
}
.p-icon {
    padding: 0 10px;
}
.space-between {
    justify-content: space-between;
}
.mr-1 {
    margin-right: 146px;
}
div.flex > .flex1 {
    flex: 1;
}
div.flex > .flex2 {
    flex: 2;
}
.pos-fixed {
    position: fixed;
}
.login-page section {
    width: 100%;
    height: 100%;
    overflow: unset;
}
.login-page #login-wrapper {
    padding: 0 50px;
}
#login-wrapper .panel-heading > .panel-title {
    font-size:16px;
    font-weight:normal;
}
.login-page .row.flex {
	align-items: unset;
	width: 100%;
	margin: 0;
	flex-direction: row;
	height: auto;
    min-height: 100%;
}
body.login-page {
	height: 100%;
	position: unset;
}
.login-page section {
	overflow:auto;
}
.login-page .bg-test {
    background-image: url('/img/grumpy.jpg');
    background-size: cover;
    background-position: center;
    padding: 0;
}
.show-mdp, .hide-mdp {
    position: relative;
    float: right;
    font-size: 14px;
    text-decoration: none !important;
}
.form-group.mb-10 {
    margin-bottom: 10px;
}
#login-wrapper .form-group .show-mdp i, #login-wrapper .form-group .hide-mdp i {
    position: relative;
    float: left;
    top: 1px;
    left: auto;
    margin-right: 5px;
}
#login-wrapper a.show-mdp:focus, #login-wrapper a.hide-mdp:focus {
    color: #999999;
}
.modal-backdrop.in {
    display: none;
}


/*** Animation sur la page de login ***/
.cb-slideshow {
    list-style: none;
    padding: 0;
    position: relative;
}
.cb-slideshow,
.cb-slideshow:after {
    width: 100%;
    height: 100%;
    z-index: 0;
    margin: 0;
}
.cb-slideshow:after {
    content: '';
    background: transparent;
}
.cb-slideshow li {
     height:100%;
     width: 100%;
     position: absolute;
}
.cb-slideshow li span {
    width: 100%;
    height: 100%;
    position: absolute;
    color: transparent;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: none;
    opacity: 0;
    z-index: 0;
    -webkit-backface-visibility: hidden;
    -webkit-animation: imageAnimation 30s linear infinite 0s;
    -moz-animation: imageAnimation 30s linear infinite 0s;
    -o-animation: imageAnimation 30s linear infinite 0s;
    -ms-animation: imageAnimation 30s linear infinite 0s;
    animation: imageAnimation 30s linear 0s infinite ;
}

.cb-slideshow li:nth-child(1) span {
    background-image: url(/img/bitcoin.jpg)
}
.cb-slideshow li:nth-child(2) span {
    background-image: url(/img/grumpy.jpg);
    -webkit-animation-delay: 10s;
    -moz-animation-delay: 10s;
    -o-animation-delay: 10s;
    -ms-animation-delay: 10s;
    animation-delay: 10s;
}
.cb-slideshow li:nth-child(3) span {
    background-image: url(/img/hacker.jpg);
    -webkit-animation-delay: 20s;
    -moz-animation-delay: 20s;
    -o-animation-delay: 20s;
    -ms-animation-delay: 20s;
    animation-delay: 20s;
}
/* Animation for the slideshow images */
@-webkit-keyframes imageAnimation {
    33.4%, 100% { opacity: 0; }
    0%, 33,3% { opacity: 1; }
}
@-moz-keyframes imageAnimation {
    33.4%, 100% { opacity: 0; }
    0%, 33,3% { opacity: 1; }
}
@-o-keyframes imageAnimation {
    33.4%, 100% { opacity: 0; }
    0%, 33.3% { opacity: 1; }
}
/* @-ms-keyframes imageAnimation { Quand il y avait quatre image il fallait utiliser ça */
/*     25.1%, 100% { opacity: 0; } */
/*     0%, 25% { opacity: 1; } */
/* } */
@keyframes imageAnimation {
    33.4%, 100% { opacity: 0; }
    0%, 33.3% { opacity: 1; }
}
/* Show at least something when animations not supported */
.no-cssanimations .cb-slideshow li span {
    opacity: 1;
}



/** LG **/
@media (min-width:1200px) {
    .container.less-menu {
        padding-top:106px;
    }
    .col-lg-vertical-separator-left {
        border-left: 1px solid #dddddd;
    }
    .col-lg-no-gutter {
        padding-right: 0;
        padding-left: 0;
    }
    .col-lg-no-gutter-right {
        padding-right: 0;
    }
    .col-lg-no-gutter-left {
        padding-left: 0;
    }
    .row.flex {
        display: flex;
    }
}
/** MD **/
@media (min-width:992px) {
    .mt-md-1 {
        margin-top: 50px;
    }
    .mt-md-2 {
        margin-top: 95px;
    }
    .mt-md-3 {
        margin-top: 10rem;
    }
    .mt-lg-1, .mt-md-4 {
        margin-top: 13rem;
    }
    .mt58 { margin-top:58px; }
    .mt103 { margin-top:103px; }
    .mt95 { margin-top:95px; }
    .border-left {
        border-left:1px solid #dddddd;
    }
    .row-md-stretch-cols {
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        align-items: stretch;
    }
    .col-md-vertical-separator-left {
        border-left: 1px solid #dddddd;
    }
    .col-md-vertical-center {
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -ms-flex-align: center;
        -webkit-align-items: center;
        -webkit-box-align: center;
        align-items: center;
    }
    .text-right-md {
        text-align:right;
    }
    .mt-md-30 {
        margin-top:30px;
    }
    .pt155-md {
        padding-top:155px;
    }
    .pt190-md {
        padding-top:190px;
    }
    .pt30-md {
        padding-top:30px;
    }
    .landing-flex-ctn {
        display: flex;
    }
    .landing-flex-center-column{
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
    .mt133-sm {
        margin-top:133px;
    }
    .pt-md-30 {
        padding-top: 30px;
    }
    .mt-md-min {
        margin-top: 9rem;
    }
    .mt-md-min-2 {
        margin-top: 7rem;
    }
}
@media (max-width:1199px) {
    h1 {
        font-size: 2.65em;
    }
    h2 {
        font-size: 1.60em;
    }
    h3 {
        font-size: 1.30em;
    }
    .owl-carousel .owl-item {
        padding: 0 30px;
    }
    .navigation > ul > li > a.btn-header {
        color: #ffffff !important;
        margin: 10px 0;
    }
    .navigation ul {
        height: auto;
    }
    .navigation > ul > li {
        max-width: none;
    }
    .navigation > ul > li.li-btn {
        padding: 0 10px;
    }
    #about .about-left {
        padding-right: 80px;
    }
    #about .about-right {
        padding-left: 80px;
    }
    .icon-comments {
        padding-top: 67px;
    }
    .background--dark .navigation > ul > li > a:hover,
    .background--dark .navigation > ul > li:hover > a {
            color: #27b6af !important;
    }
    .img-absolute.img-gestion-4 {
        top: 70px;
    }
    .mr-1 {
        margin-right: 121px;
    }
    .login-page #login-wrapper {
        padding: 0 40px;
    }
}
/** SD **/
@media (max-width:991px) {
    h1 {
        font-size: 2.30em;
    }
    p {
        font-size: 1em;
    }
    p.citation {
        font-size: 1.5em;
    }
    .owl-carousel .owl-item {
        padding:0 40px;
    }
    .text-sm-left {
        text-align: left;
    }
    .mb-sm-0  {
        margin-bottom: 0;
    }
    .mr-1 {
        margin-right: 0;
    }
    .pl10, .pl20, .pl30, .pl40, .pl50 { padding-left:15px !important; }
    .pr10, .pr20, .pr30, .pr40, .pr50 { padding-right:15px !important; }
    .ml10, .ml20, .ml30, .ml40, .ml50 { margin-left:15px !important; }
    .mr10, .mr20, .mr30, .mr40, .mr50 { margin-right:15px !important; }
    .pb50-sm { padding-bottom:50px !important; }
    .pt50-sm { padding-top:50px !important; }
    .pt-sm { padding-top:80px; }
    .pb-sm { padding-bottom:80px; }
    .mt-sm { margin-top:80px; }
    .col-md-2-5.col-xs-4 {
        width:33.33333333%;
    }
    .ui-tabs .ui-tabs-panel.tab-ptb-sm-80 {
        padding-top:80px;
    }
    .main {
        padding-top: 189px;
        padding-bottom: 310px;
    }
    #registerFirmForm {
        margin-top: 35px;
    }
    span.phone {
        display:block;
        margin-top:30px;
        margin-left:0;
    }
    #about .about-left {
        text-align:left;
        border:0;
        padding-right:15px;
    }
    #about .about-right {
        padding-left:15px;
    }
    .fullscreen-carousel .slides li img {
        width:auto;
        height:auto;
        max-width:none;
    }
    .clear-sm {
        clear:both;
    }
    #progress {
        background-position:center -100px;
        background-size:140%;
    }
    #counter {
        background-size:140%;
    }
    .mt0-sm {
        margin-top:0 !important;
    }
    #categories {
        background-size:200%;
    }
    p.lead {
        font-size:18px;
    }
    .text-center-sm {
        text-align:center;
    }
    .list-table .table-cell.col-right {
        width:45px;
    }
    .mt-sm-0 {
        margin-top: 0;
    }
    .arrow-rate {
        padding-top: 0;
    }
    .arrow-rate i {
        -ms-transform: rotate(90deg); /* IE 9 */
        -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
        transform: rotate(90deg);
    }
    .img-absolute.img-test-4 {
        height: 75px;
        width: 59px;
        bottom: 65px;
        margin-left: 30px;
    }
    .img-absolute.img-ecole-4 {
        height: 272px;
        width: 291px;
        bottom: 80px;
        margin-left: -80px;
    }
    .ecole-list {
        font-size: 1.2em;
    }
    .mt-sm-1 {
        margin-top: 40px;
    }
    .mt-sm-2 {
        margin-top: 100px;
    }
    .login-page #login-wrapper {
        padding: 0 190px;
    }
    .pos-fixed {
        position: unset;
    }
}
/** XS **/
@media (max-width:767px) {
    .pt-xs-0 {
        padding-top: 0;
    }
    .mt-sm-2 {
        margin-top: 60px;
    }
    h1 {
        font-size: 2em;
    }
    h2 {
        font-size: 1.4em;
    }
    .navigation > ul > li > a.btn-header {
        margin:0;
    }
    .navigation > ul > li.li-btn {
        padding:10px;
    }
    .pt-xs { padding-top:80px; }
    .mt10-xs { margin-top:10px; }
    .main {
        padding-top: 97px;
        padding-bottom: 27px;
    }
    #progress {
        background-position:center -500px;
        background-size:200%;
    }
    .action-box-title {
        font-size:25px;
    }
    #counter {
        background-position:center 500px;
        background-size:250%;
    }
    .owl-carousel .owl-item {
        padding:0 20px;
    }
    #categories {
        background-size:300%;
    }
    .less-menu {
        padding-top:64px;
    }
    .btn-intro{
        margin:10px 5px 0;
    }
    .hero .less-menu {
        padding-top:0;
    }
    .bg-img {
        background-size:400% !important;
    }
    .hero .btn{
        font-size: 17px;
        padding: 15px 25px;
    }
    .hero p.phone {
        margin-top: 0px;
    }
    .spacing-grid.padding-education {
        padding: 25px 0;
    }
    .inner-intro {
        height: 200px;
    }
    .login-page #login-wrapper {
        padding: 0 70px;
    }
}
@media (max-width:480px) {
    .text-xs-left {
        text-align: left;
    }
    .owl-carousel .owl-item {
        padding:0 15px;
    }
    p.phone {
        font-size:20px;
        letter-spacing:2px;
    }
    #progress {
        background-size:270%;
    }
    #counter {
        background-size:350%;
    }
    #categories {
        background-size:400%;
    }
    #action-box .action-box-title {
        font-size:20px;
    }
    h3:after {
        font-size:15px;
    }
    span.phone {
        font-size:20px;
    }
    .col-xxs {
        float: left;
        width: 70%;
        margin-left: 15%;
    }
    .mb-xxs-30 {
        margin-bottom: 30px;
    }
    .login-page #login-wrapper {
        padding: initial;
    }
}