/**
 * This file is using SASS to "uglify" the original CSS
 * Please install SASS and Compass to launch it easily 
 * Nesting and SASS' other functions aren't used
 * Please respect the CSS syntax
 * */

 * {
    outline: none !important;
}

#wpadminbar {
    position: fixed !important;
    bottom: 0px;
    top: initial !important;
    z-index: 9999999 !important;
}

body {
    font-family: 'Roboto Condensed', sans-serif;
}

header#main-header .row.shadow {
    background-color: white;
    -moz-box-shadow: 4px 0px 7px 2px rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: 4px 0px 7px 2px rgba(0, 0, 0, 0.4);
    box-shadow: 4px 0px 7px 2px rgba(0, 0, 0, 0.4);
    z-index: 20;
    position: relative;
}

header#main-header.scrolled .row {
    z-index: 9999;
}

.header-links{
    text-align: center;
    position: relative;
    top: 10px;
    display: flex;
    flex-direction: column;
    height: 106px;
    justify-content: center;
}

.header-links a{
	font-size: 16px;
    padding: 0 10px;
}



header#main-header.scrolled .header-links{
	position: fixed;
    /* top: -29px; */
    padding-left: 15px;
/*     right: 22%; */
    transform: translateX(5%);
    height: auto;
    top: 0;
}
/* .center-block,.pull-center{
    left: 50%;
    transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -o-transform: translateX(-50%);
	margin-left: 0 !important;
    margin-right: 0 !important;
	display: block !important;
} */

.d-none{
	display: none;
}
.center-block{
	float: none;
    /*display: inline-block;*/
}

.justify-center{
	justify-content: center !important;
}
.justify-start{
	justify-content: flex-start !important;
}
.personnalise.container-fluid,
.personnalise > .container-fluid,
.main-image.container-fluid, 
.main-image > .container-fluid{
	padding-left: 35px;
	padding-right: 35px;
}


@media(max-width: 992px){
	.personnalise.container-fluid,
	.personnalise > .container-fluid,
	.main-image.container-fluid, 
	.main-image > .container-fluid{
		padding-left: 15px;
		padding-right: 15px;
	}
}
p {
    margin: 10px 0;
    font-size: 16px;
}

label {
    font-weight: 400;
}

textarea {
    resize: vertical;
}

.scrolled .main_bc {
    margin-top: 47px;
}

.home header#main-header.scrolled {
    padding-top: 102px;
}

header#main-header.scrolled .desktop-nav {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    z-index: 1001;
}

header#main-header p {
    margin: 0;
    color: #5c5085;
}

header#main-header #logo a {
    color: #5d5086;
    font-weight: bold;
}

header#main-header .row .col-sm-4 {
    height: 100px;
    display: inline-block;
}

nav#mp-menu * {
    font-family: 'Roboto Condensed', sans-serif;
}

nav#mp-menu .fa:before {
    font-family: "FontAwesome";
    margin-right: 10px;
}

header#main-header .row section {
    margin-top: 12px;
}

.contact_conteneur {
    display: inline-block;
    float: left;
}

.contact_conteneur,
.search_conteneur {
    position: relative;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
}

header#main-header.scrolled .row .contact_conteneur,
header#main-header.scrolled .row .search_conteneur {
    position: fixed;
    top: -100px;
}

header#main-header.scrolled.active .row .contact_conteneur,
header#main-header.scrolled.active .row .search_conteneur {
    top: -19px;
}

.contact_conteneur {
	display: flex;
    align-items: center;
}

.search_conteneur {
    display: inline-block;
    float: right;
}

.contact_button {
	overflow: hidden;
    box-sizing: border-box;
    /* padding: 3px; */
    position: relative;
    display: inline-block;
/*     text-transform: uppercase; */
    font-size: 18px;
    text-align: center;
/*     min-width: 50px; */
    height: 50px;
    top: 25px;
    /* float: left; */
    border-radius: 50px;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
    -moz-box-shadow: 2px 2px 7px 2px rgba(0, 0, 0, 0.32);
    -webkit-box-shadow: 2px 2px 7px 2px rgba(0, 0, 0, 0.32);
    box-shadow: 2px 2px 7px 2px rgba(0, 0, 0, 0.32);
    background: transparent;
    max-width: 50px;
}

.contact_button.search{
	position: absolute;
	min-width: 200px;
}
.contact_button:not(.search) {
    margin-right: 20px;
}
header#main-header.scrolled .row .contact_button {
	height: 35px;
    /* max-width: 35px; */
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.search_conteneur .contact_button {
    float: right;
    right: 15px;
}

.contact_button.active {
	/* width: 100% !important; */
    max-width: 100%;
}



.contact_button.phone {
}

.contact_button.phone.active {
}

.contact_button::before,
.contact_button::after {
    content: '';
    position: absolute;
    z-index: 1;
    border-radius: 50px;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
}

header#main-header.scrolled .row .contact_button::before,
header#main-header.scrolled .row .contact_button::after {
    height: 36px;
    width: 36px;
    left: -1px;
    top: -1px;
}

 header#main-header.scrolled .row .contact_button.active::before,
.contact_button::after {
    width: 100%;
}


header#main-header.scrolled .contact_button a{
	margin-left: 45px;
    margin-right: 22px;
}
header#main-header.scrolled #contact_enveloppe {
	transform: translateX(20px);
    top: 12px;
}

header#main-header.scrolled #contact_telephone {
	transform: translateX(8px);
    top: 12px;
}

header#main-header.scrolled #home_logo_r {
    transform: scale(1);
}

header#main-header.scrolled #brush {
	transform: translateX(5px);
    top: 12px;
}


#contact_enveloppe,
#contact_telephone {
    transform: translateX(0);
}

#home_logo_r {
    transition: all 0.3s ease;
    transform: scale(0);
}

#search-title span {
    color: #5c5085
}

form#search-bar {
    position: relative;
    z-index: 3;
    width: 100%;
    height: 100%;
    border-radius: 50px;
}

form#search-bar>input {
    border: none;
    padding: 4px 11px;
    width: 76%;
    height: 100%;
    float: left;
    border-radius: 50px;
    border-top: none;
    color: #fff;
    border-left: none;
    border-right: none;
    font-size: 18px;
    font-weight: 100;
    background: transparent;
    text-transform: uppercase;
}

.contact_button i,
.contact_button img {
    z-index: 4;
    color: white;
    position: absolute;
    width: 50px;
    height: 50px;
    left: 0px;
    top: 0px;
    text-align: center;
    font-size: 28px;
    -webkit-transition: all 300ms ease-out;
    -moz-transition: all 300ms ease-out;
    transition: all 300ms ease-out;
    border-radius: 50px;
    -moz-box-shadow: 2px 2px 7px 2px rgba(0, 0, 0, 0);
    -webkit-box-shadow: 2px 2px 7px 2px rgba(0, 0, 0, 0);
    box-shadow: 2px 2px 7px 2px rgba(0, 0, 0, 0);
}

.contact_button img {
    width: 46px;
    height: 46px;
    left: 2px;
    top: 2px;
}

header#main-header.scrolled .row .contact_button i,
header#main-header.scrolled .row .contact_button img {
    height: 35px;
    width: 35px;
    font-size: 23px;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

header#main-header.scrolled .row .contact_button img {
    width: 31px;
    height: 31px;
}

.contact_button.search i {
    left: initial;
    right: 0px;
    cursor: pointer;
}

.contact_button.active i {
    -moz-box-shadow: 2px 2px 7px 2px rgba(0, 0, 0, 0.32);
    -webkit-box-shadow: 2px 2px 7px 2px rgba(0, 0, 0, 0.32);
    box-shadow: 2px 2px 7px 2px rgba(0, 0, 0, 0.32);
}

.contact_button i:before {
    position: relative;
    top: 11px;
}

.contact_button.contact i:before {
    top: 9px;
}

header#main-header.scrolled .row .contact_button i:before {
    top: 6px;
}

.contact_button a {
	z-index: 3;
    position: relative;
    opacity: 1;
    visibility: hidden;
    -webkit-transition: top 500ms ease-out;
    -moz-transition: top 500ms ease-out;
    transition: top 500ms ease-out;
    color: white;
    top: -100px;
    margin-left: 75px;
    font-weight: 400;
    margin-right: 22px;
}

header#main-header.scrolled .row .contact_button a {
    top: 7px;
}

.contact_button.contact a {
/*     left: 76px; */
}

.contact_button.active a {
    opacity: 1;
    visibility: visible;
    top: 13px;
    color: white;
	white-space: nowrap;
}

header#main-header.scrolled .row .contact_button.active a {
    top: 5px;
}

.contact_button.active i {
    transform: rotate(360deg);
}

header#main-header .row table p {
    margin: 0;
    color: #5d5186;
    font-size: 12px;
}

#logo {
    z-index: 10;
	pointer-events: none;
}

#logo a{
	pointer-events: all;
}
#logo_svg {
    padding: 10px 0;
    box-sizing: border-box;
    height: 100px;
    animation: logo 1s 3s ease-out 1 normal;
    -webkit-animation: logo 1s 3s ease-out 1 normal;
    -moz-animation: logo 1s 3s ease-out 1 normal;
}

#logo #enjoy {
    font-family: 'Ruluko', sans-serif;
    font-weight: 400;
}

#logo img {
    max-width: 160px;
}

header#main-header .right-link {
    margin: 10px 20px;
    display: block
}

main>section:first-child {
    padding-top: 250px !important;
}

header#main-header {
    position: static;
    width: 100%;
    background-color: white;
    box-sizing: border-box;
	padding-left: 15px;
    padding-right: 15px;
}

main.scrolled {
    padding-top: 0px;
}

.mcwidget-embed {
    position: fixed;
    bottom: -6px;
    right: 55px;
    z-index: 9999;
}

#onesignal-bell-container.onesignal-reset.onesignal-bell-container-bottom-right {
    display: none;
}

footer#footer {
    background-color: #fafafa;
    position: relative;
    padding: 0px;
    /*height: 140px;*/
}

footer#footer * {
    color: #fff;
}

footer#footer #logo_svg {
    height: 120px;
    padding-top: 13px;
}

footer#footer .contact_button.phone {
    left: 17px;
}

footer#footer .contact_button.phone.active {
    left: 17px;
}

footer#footer .container {
    position: relative;
    z-index: 3;
}

footer#footer address p {
    font-size: 16px;
    font-weight: 400;
    margin: 0;
}

footer#footer img {
    max-width: 250px;
}

footer#footer ul.social-links {
    list-style: none;
    padding: 0;
}

footer#footer ul.social-links li {
    display: inline-block;
    margin: 0 6px;
    font-size: 23px;
}

footer#footer ul.social-links li a i {
    color: #5f5385;
}

footer#footer span {
    font-size: 16px;
}

footer#footer .row>div {
    height: 100px;
}

footer#footer .row>div:last-child {
    height: 30px;
}

footer#footer ul.social-icons {
    list-style: none;
    margin-top: 25px;
    float: right;
}

footer#footer ul.social-icons li {
    float: left;
    font-size: 24px;
    padding: 0;
    margin: 0;
    color: white;
}

footer#footer ul.social-icons li a {
    color: white;
    display: block;
    padding: 0;
    background-image: linear-gradient( 135deg, #5d5085 0%, #322c46 100%);
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    overflow: hidden;
}

footer#footer ul.social-icons li a[title=facebook] {
    background-image: linear-gradient( 135deg, #324c81 0%, #386af6 100%);
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}

footer#footer ul.social-icons li a[title=youtube] {
    background-image: linear-gradient( 135deg, #e62117 0%, #ff2c8d 100%);
}

footer#footer ul.social-icons li a[title=twitter] {
    background-image: linear-gradient( 135deg, #1da1f2 0%, #a0d7ff 100%);
}

footer#footer ul.social-icons li a[title=linkedin] {
    background-image: linear-gradient( 135deg, #0084bf 0%, #193584 100%);
}

footer#footer ul.social-icons li a[title=googleplus] {
    background-image: linear-gradient( 135deg, #e62117 0%, #ff2c8d 100%);
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

footer#footer ul.social-icons li a[title=flickr] {
    background: #0161da;
    background: -moz-linear-gradient(-45deg, #0161da 0%, #ff0082 100%);
    background: -webkit-linear-gradient(-45deg, #0161da 0%, #ff0082 100%);
    background: linear-gradient(135deg, #0161da 0%, #ff0082 100%);
    // filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#0161da', endColorstr='#ff0082', GradientType=1);
}

footer#footer ul.social-icons li a[title=instagram] {
    background: linear-gradient(145deg, #C92BB7 10%, #3051F1 70%) no-repeat;
}

footer#footer ul.social-icons li a[title=pintrest] {
    background-color: #bd081c;
}

footer#footer ul.social-icons li a i {
    -webkit-transition: top 200ms ease-in-out;
    -moz-transition: top 200ms ease-in-out;
    transition: top 200ms ease-in-out;
    position: relative;
}

footer#footer .legal {
    text-transform: uppercase;
    font-weight: 300;
}

footer#footer ul.social-icons li a i.active {
    top: 10px;
    opacity: 1;
}

footer#footer ul.social-icons li a i.done {
    top: 0px;
}

footer#footer ul.social-icons li a i.bottom {
    top: 50px;
}

footer#footer ul.social-icons li a i.top {
    top: -50px;
    opacity: 0;
}

footer#footer .contact_button {
    position: relative;
}

#main-header nav {
    top: -100px;
    z-index: 9;
    left: 0px;
    width: 100%;
    background-color: #fff;
    position: absolute;
    text-align: center;
    -webkit-transition: top 500ms ease-out;
    -moz-transition: top 500ms ease-out;
    transition: top 500ms ease-out;
}

#main-header nav.active {
    top: 105px;
}

#main-header.scrolled nav {
    position: fixed;
    top: 0px;
    -webkit-box-shadow: 4px 0px 7px 2px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 4px 0px 7px 2px rgba(0, 0, 0, 0.4);
    box-shadow: 4px 0px 7px 2px rgba(0, 0, 0, 0.4);
    -webkit-transition: top 0ms ease-out;
    -moz-transition: top 0ms ease-out;
    transition: top 0ms ease-out;
}

#main-header nav ul {
    padding: 0;
    list-style: none;
    margin: 0;
    display: inline-block;
}

#main-header nav ul li {
    display: inline-table;
    margin: 0 -2px;
}

#main-header nav>ul {
    text-align: center;
}

#main-header nav ul li a {
    color: white;
    font-size: 19px;
    text-transform: uppercase;
    font-weight: 300;
    padding: 10px;
    display: block;
}

#main-header nav.desktop-nav ul li a {
    color: #5d5085;
    font-weight: 400;
    position: relative;
    -webkit-transition: all 300 ease;
    -moz-transition: all 300 ease;
    transition: all 300 ease;
}

#main-header nav.desktop-nav ul li a:hover {
    background-image: -webkit-linear-gradient(90deg, #322c46 0%, #E91E63 100%);
    background-image: -o-linear-gradient(90deg, #322c46 0%, #E91E63 100%);
    background-image: linear-gradient(90deg, #322c46 0%, #E91E63 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

#main-header nav ul ul {
    display: none;
}

#main-header nav ul li:hover>ul {
    display: block;
}

#main-header nav>ul>li>ul.sub-menu {
    position: absolute;
    background-color: #fff;
    left: 0;
    width: 100%;
    top: 47px;
    z-index: 1000;
}

#main-header nav>ul>li>ul.sub-menu li a {
    color: #95989a;
    font-size: 14px;
}

#main-header nav>ul>li>ul.sub-menu li {
    border-right: 1px solid #e9e9e9;
}

#main-header nav>ul>li>ul.sub-menu li:first-child {
    border-left: 1px solid #e9e9e9;
}

#main-header nav>ul>li>ul.sub-menu>li>a i {
    clear: both;
    display: block;
    width: 20px;
    height: 20px;
    border: 1px solid #95989a;
    border-radius: 50%;
    line-height: 19px;
    margin: 0 auto 5px;
}

#main-header nav ul ul ul {
    position: absolute;
    left: 0;
    width: 100%;
    top: 65px;
    background-color: #5c5085;
}

#main-header nav>ul>li>ul.sub-menu ul li a {
    color: white;
    text-transform: initial;
    padding: 20px 30px;
}

#main-header nav>ul>li>ul>li>ul>li>a i {
    position: relative;
    left: 0;
}

#main-header nav>ul>li>a,
#main-header nav>ul>li>ul>li>a,
#main-header nav>ul>li>ul>li>ul>li>a i {
    -webkit-transition: all 100ms ease;
    -moz-transition: all 100ms ease;
    transition: all 100ms ease;
}

#main-header nav>ul>li>ul>li>ul>li:hover>a i {
    left: -10px;
}

#mp-menu a {
    color: rgba(255, 255, 255, 0.54);
    font-weight: 300;
}

button#menu-trigger-old {
    background-color: #a50000;
    width: 100%;
    padding: 10px;
    border: none;
    color: white;
    font-size: 28px;
    font-weight: 300;
    display: none;
    position: relative;
}

.scrolled button#menu-trigger-old {
    top: 0;
    left: 0;
    right: 0;
    position: fixed;
    z-index: 9999;
    -moz-box-shadow: 4px 0px 7px 2px rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: 4px 0px 7px 2px rgba(0, 0, 0, 0.4);
    box-shadow: 4px 0px 7px 2px rgba(0, 0, 0, 0.4);
}

button#menu-trigger-old span {
    position: relative;
    z-index: 3;
}

#blog-section {
    padding: 50px 15px;
}

.articles-list article h1 a {
    font-size: 22px;
    font-weight: normal;
    color: #322e45;
}

.articles-list article h1 {
    margin: 0 0 10px;
    line-height: 18px;
}

.articles-list article p {
    margin: 0 0 5px;
    font-size: 14px;
    color: #666;
}

.articles-list article {
    margin: 25px 0px;
}

.articles-list article a.read-more {
    font-size: 20px;
    color: #5c5085;
    margin-top: 20px;
    display: block;
}

.articles-list article .article-content {
    border-left: 1px solid #e8e8e8;
    padding-left: 10px;
    min-height: 260px;
}

.articles-list article .article-detail,
#article-section article#article .article-detail {
    display: block;
    width: 56px;
    position: absolute;
    right: 10px;
    top: 10px;
    border: 1px solid white;
    border-radius: 3px;
    color: white;
    font-size: 14px;
    text-align: center;
    background-color: rgba(0, 0, 0, 0.53);
    z-index: 1;
}

#article-section iframe {
    width: 100%;
    display: block;
}

.articles-list article .article-detail.share-count,
#article-section article#article .article-detail.share-count {
    top: 75px;
}

.articles-list article .article-detail div:last-child,
#article-section article#article .article-detail div:last-child {
    border-top: 1px solid white;
}

.articles-list article .article-detail div,
#article-section article#article .article-detail div {
    font-size: 14px !important;
}

.articles-list article .article-thumbnail {
    min-height: 260px;
    overflow: hidden;
    position: relative;
}

#article-section article#article .article-thumbnail {
    min-height: 400px;
    overflow: hidden;
    position: relative;
}

.articles-list article .article-thumbnail .zoomer,
#article-section article#article .article-thumbnail .zoomer {
    background-size: cover;
    background-position: center;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    -webkit-transition: all 9000ms ease;
    -moz-transition: all 9000ms ease;
    -ms-transition: all 9000ms ease;
    -o-transition: all 9000ms ease;
    transition: all 9000ms ease;
}

.articles-list article:hover .article-thumbnail .zoomer,
#article-section article#article:hover .article-thumbnail .zoomer {
    -webkit-transform: scale(1.2, 1.2);
    -moz-transform: scale(1.2, 1.2);
    -ms-transform: scale(1.2, 1.2);
    -o-transform: scale(1.2, 1.2);
    transform: scale(1.2, 1.2);
}

.articles-list article .author-property,
#article-section article#article .author-property {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    background-color: rgba(255, 255, 255, 0.8);
    padding: 4px 14px 4px;
    box-sizing: border-box;
    font-size: 15px;
    color: #5c5085;
    line-height: 40px;
}

.articles-list article .author-property>img,
#article-section article#article .author-property>img {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    margin-right: 10px;
}

.articles-list article .author-property>a,
#article-section article#article .author-property>a {
    color: #5c5085;
}

.articles-list .pagination .page-numbers {
    color: #5c5281;
    font-size: 24px;
    margin: 0 1px;
    background-color: white;
    width: 32px;
    display: inline-block;
    border-radius: 3px;
    -webkit-transition: all 100ms ease;
    -moz-transition: all 100ms ease;
    -ms-transition: all 100ms ease;
    -o-transition: all 100ms ease;
    transition: all 100ms ease;
}

#blog-section .pagination a.page-numbers:hover {
    background-color: #5c5281;
    color: white;
}

#blog-section .pagination .page-numbers.current,
#blog-section .pagination .page-numbers.dots {
    color: #9e98b7;
}

#blog-section .no-article h1 {
    line-height: 34px;
}

#blog-section .no-article {
    margin: 30px 0;
}

.single-post img {
    height: auto;
}

.widget.youtube_video h1 {
    text-align: center;
    font-size: 23px;
    margin: 0;
    padding: 0;
    padding-bottom: 5px;
}

.widget.youtube_video .gradient {
    position: relative;
    display: table;
    margin: 0 auto;
    border-radius: 3px;
}

.widget.youtube_video .gradient::before,
.widget.youtube_video .gradient::after {
    border-radius: 3px;
}

.widget.youtube_video .bouton_video {
    padding: 6px 10px;
    display: block;
    text-align: center;
    position: relative;
    z-index: 100;
    color: white;
    border-radius: 3px;
    font-size: 20px;
    -webkit-transition: background 300ms ease-in-out;
    -moz-transition: background 300ms ease-in-out;
    transition: background 300ms ease-in-out;
}

.widget.youtube_video .bouton_video i {
    margin-right: 10px;
}

.widget.youtube_video iframe {
    border: none;
    width: 100%;
    height: 300px;
}

section.widget.ressources>h1 {
    background-color: #120c18;
    margin: 0;
    color: white;
    text-align: center;
    text-transform: uppercase;
    padding: 4px;
    font-size: 18px;
}

.widget {
    margin-bottom: 20px;
}

section.widget.ressources {
    /* box-shadow: 0 0 20px rgba(0,0,0,.2); */
}

section.widget.ressources article h1 {
    margin: 13px 13px 0;
    font-size: 20px;
    font-weight: 600;
}

section.widget.ressources article {
    /* border-bottom: 1px solid #e6e6e6; */
    padding: 15px;
}

section.widget.ressources article a {
    display: inline-block;
    box-shadow: 1px 1px 12px #5555;
    width: 100%;
    padding: 10px 10px 15px;
}

section.widget.ressources article img {
    width: 200px
}

#todownload article .download,
section.widget.ressources article .download {
    display: block;
    font-size: 20px;
    margin: 16px 0 0;
}

#todownload article .download i,
section.widget.ressources article .download i {
    color: #5c5283;
}

#todownload article a img {
    max-width: 300px;
}

form#filter ul {
    padding: 0;
    margin: 0;
    list-style: none;
    border: 1px solid #eaeaea;
    display: inline-block;
    width: 100%;
    background-color: #fbfbfb;
}

.dark form#filter ul {
    background-color: #120c18;
}

form#filter>ul {
    display: table;
}

form#filter>ul>li {
    display: table-cell;
    border-right: 1px solid #eaeaea;
    position: relative;
}

form#filter>ul>li>a,
form#filter>ul>li>span,
form#filter>ul>li>button {
    padding: 6px 4px;
    font-size: 21px;
    font-weight: 100;
    color: #5c5085;
    border: none;
    background: none;
    width: 100%;
    display: block;
    line-height: 30px;
    cursor: pointer;
}

.dark form#filter>ul>li>a,
.dark form#filter>ul>li>span,
.dark form#filter>ul>li>button {
    color: white;
}

form#filter {
    margin: 20px 0;
    display: inline-block;
    width: 100%;
    text-align: center;
    position: relative;
    z-index: 998;
}

form#filter>ul>li:last-child {
    border: none;
}

form#filter ul li ul {
    position: absolute;
    left: 0;
    width: 100%;
    text-align: left;
    padding: 5px 9px;
    max-height: 300px;
    overflow: auto;
    z-index: 90;
}

form#filter ul li ul input {
    margin-right: 6px;
}

form#filter ul li ul li {
    margin: 9px 0;
}

form#filter>ul>li>input[type=text] {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    background-color: transparent;
    border: none;
    color: #5c5085;
    padding: 0 20px;
    font-size: 21px;
    font-weight: 100;
}

form#filter>ul>li.active {
    background-color: rgba(92, 80, 133, 0.18);
}

#article-section article#article main h1 {
    margin: 0 0 12px;
}

#article-section article#article main,
#article-section article#article footer {
    background: none;
    padding: 20px;
}

#article-section article#article footer * {
    color: #5d5282;
    font-size: 18px;
    font-weight: 400;
    font-style: italic;
    line-height: 25px;
}

#article-section article#article {
    /* border: 1px solid #e6e6e6; */
    position: relative;
}

#article-section article#article h2 {
    font-weight: 600;
}

#article-section article#article p {
    font-size: 16px;
}

#article-section article#article:after {
    content: " ";
    display: block;
    height: 50px;
    width: 50px;
    border: 1px solid #dfdfdf;
    position: absolute;
    left: 47%;
    transform: rotate(45deg);
    background-color: white;
    border-top: none;
    border-left: none;
    bottom: -25px;
}

#article-section {
    padding: 50px 15px 100px;
}

div#users .author h3 {
    margin: 0 0 1px;
    font-size: 20px;
}

div#users .author p {
    margin: 0 0 10px;
}

div#users .author>div {
    padding: 10px 15px;
}

div#users .author>div img {
    border-radius: 50%;
}

div#users .author>div p,
div#users .author>div a {
    color: #6f6f6f;
    font-style: italic;
}

div#users .author>div h3 a {
    color: #5d5282;
    font-style: normal;
}

div#users .author h4 {
    margin: 0 0 3px;
}

section#double-opnions {
    display: inline-block;
    border: 1px solid #e6e6e6;
}

section#double-opnions article.opinion header {
    position: relative;
    display: block;
    background-size: cover;
    padding: 50px;
    margin: 0 -15px;
    width: auto;
}

section#double-opnions article.opinion header:before {
    content: " ";
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, .56);
    z-index: 0;
}

section#double-opnions article.opinion header h1 {
    margin: 0 !important;
    position: relative;
    z-index: 2;
    color: white !important;
}

section#double-opnions article.opinion {
    overflow: auto;
}

section#double-opnions article.opinion.active {
    width: 70%;
}

section#double-opnions article.opinion.min {
    width: 30%;
}

section#double-opnions article.opinion:first-child {
    background-color: #5c5085;
}

section#double-opnions article.opinion:last-child {
    background-color: #fff;
}

section#double-opnions article.opinion:first-child * {
    color: white;
}

section#double-opnions article.opinion:last-child * {
    color: black;
}

.social-tooltip h5 {
    font-size: 30px;
    color: #5c5085;
    font-weight: 500;
}

.posts-link,
.posts-link a {
    font-weight: bold;
    font-size: 20px;
    font-style: italic;
    color: #5c5281;
}

span.comment-date {
    font-size: 15px;
    color: #5c5281;
}

.action-btn {
    background-color: #5c5281;
    border: none;
    color: white;
    padding: 10px;
}


/*404*/

.error404 section.error {
    width: 100%;
    text-align: center;
    animation: background 5s linear infinite alternate;
    -webkit-animation: background 5s linear infinite alternate;
    -moz-animation: background 5s linear infinite alternate;
}

@keyframes background {
    from {
        background: rgb(18, 12, 24);
    }
    to {
        background: #5d5085;
    }
}

@-webkit-keyframes background {
    from {
        background: rgb(18, 12, 24);
    }
    to {
        background: #5d5085;
    }
}

@-moz-keyframes background {
    from {
        background: rgb(18, 12, 24);
    }
    to {
        background: #5d5085;
    }
}

.error404 section.error h1 {
    color: white;
    font-size: 221px;
    padding: 25px;
    margin: 0;
    box-sizing: border-box;
    text-shadow: 4px 4px 2px rgba(0, 0, 0, 0.4);
    display: inline-block;
}

.error404 section.error p {
    color: white;
    font-size: 45px;
    display: inline-block;
}


/* ------------------------------------- */


/* -------------- BLOCK ---------------- */


/* ------------------------------------- */


/* --------- BLOCK MAIN IMAGE --------- */

.block.main-image {
    padding-top: 100px;
    padding-bottom: 100px;
    background-size: cover;
    background-position: center;
    height: 450px;
    position: relative;
    overflow: hidden;
}

.block.main-image.fit {
    height: initial;
    padding-top: 50px;
    padding-bottom: 0px;
}

.block.main-image .inner-bloc,
#table-area .inner-bloc {
    float: left;
    text-align: left;
    position: relative;
    z-index: 2;
    background-color: rgb(18, 12, 24);
	width: 100%;
/* 	    width: 96%; */
    min-width: 46%;
}


.block.main-image .inner-bloc h1.gradient span{
	font-size: 30px;
}

#table-area .inner-bloc{
	max-width: 46%;
}

@media (max-width: 992px){
	#table-area .inner-bloc{
		max-width: 100%;
	}
}
.block.main-image .inner-bloc .line,
#table-area .inner-bloc .line {
    padding: 0 20px;
    float: left;
    border-bottom: 1px solid white;
    width: 100%;
	
}

.block.main-image .inner-bloc .line span p,
#table-area .inner-bloc .line span p {
    display: inline-block;
    font-size: 16px;
}

.block.main-image .inner-bloc .line.gradient {
    position: relative;
    border: none;
}

.block.main-image .inner-bloc .line.no-border,
#table-area .inner-bloc .line.no-border {
    border: none;
}

.block.main-image .inner-bloc .line:last-child,
#table-area .inner-bloc .line:last-child {
    border-bottom: none;
}

.block.main-image .inner-bloc.center,
#table-area .inner-bloc.center {
    float: none;
    display: inline-block;
    text-align: center;
}

.block.main-image ul.social-icons li:first-child {
    font-size: 16px;
    font-weight: 100;
    margin-top: 14px;
    margin-right: 10px;
}

.block.main-image ul.tab-links li.dark.rounded a::before,.carrer ul.tab-links li.dark.rounded a::before  {
    content: '';
    position: absolute;
    height: 44px;
    width: 2px;
    background: #fff;
    top: 0;
    left: 44px;
}

.block.main-image ul.tab-links li.dark.rounded a i, .carrer ul.tab-links li.dark.rounded a i  {
	margin-right: 7px;
    position: absolute;
    left: 20px;
    top: 50%;
    transform: translateY(-50%);
}

.block.main-image h1 span {
    color: white;
    font-size: 20px;
}

.block.main-image h1 span a {
    color: white;
}

.block.main-image h2 span {
    color: white;
}

.block.main-image h2 {
    margin: 8px 0 20px;
    font-size: 18px;
    font-weight: 300;
    max-width: 1000px;
    padding: 0;
}

.block.main-image h1 {
    margin: 20px 0 5px;
    max-width: 1200px;
    padding: 0;
    font-weight: 600;
    font-family: "Roboto Condensed", sans-serif;
}


/* AFFICHAGE CENTER */

.block.main-image.text-center .inner-bloc,
#table-area.text-center .inner-bloc {
    background: transparent;
}

.block.main-image.text-center h1,
.block.main-image.text-center h2,
#table-area.text-center .inner-bloc h1,
#table-area.text-center .inner-bloc h2 {
    box-sizing: border-box;
    padding: 10px 20%;
    position: relative;
	text-align: center;
}

.block.main-image.text-center h1 span,
.block.main-image.text-center h2 span,
#table-area.text-center .inner-bloc h1 span,
#table-area.text-center .inner-bloc h2 span {
    position: relative;
    z-index: 3;
    color: white;
    font-weight: 400;
    text-shadow: 3px 2px 3px rgba(0, 0, 0, 0.59);
}

.block.main-image.text-center h2,
#table-area.text-center .inner-bloc h2 {
    margin: 0px 0 20px;
    font-size: 18px;
    font-weight: 300;
    left: 50px;
}

.block.main-image.text-center h1,
#table-area.text-center .inner-bloc h1 {
    margin: 20px 0 0px;
    z-index: 4;
    -webkit-box-shadow: 3px 4px 5px 0px rgba(0, 0, 0, 0.32);
    -moz-box-shadow: 3px 4px 5px 0px rgba(0, 0, 0, 0.32);
    box-shadow: 3px 4px 5px 0px rgba(0, 0, 0, 0.32);
}

.block.main-image.text-center h1 span,
.block.main-image.text-center h2 span,
.block.main-image.text-center h1 span a,
#table-area.text-center .inner-bloc h1 span,
#table-area.text-center .inner-bloc h2 span,
#table-area.text-center .inner-bloc h1 span a {
    color: white;
}

.block.main-image ul.social-icons {
    list-style: none;
    float: right;
    margin: 0 -20px 0 0;
}

.block.main-image ul.social-icons li {
    float: left;
    font-size: 24px;
    padding: 0;
    margin: 0;
    color: white;
}

.block.main-image ul.social-icons li a {
    color: white;
    display: block;
    padding: 0;
    background-image: linear-gradient( 135deg, #5d5085 0%, #322c46 100%);
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    overflow: hidden;
}

.block.main-image ul.social-icons li a[title=facebook] {
    background-image: linear-gradient( 135deg, #324c81 0%, #386af6 100%);
}

.block.main-image ul.social-icons li a[title=youtube] {
    background-image: linear-gradient( 135deg, #e62117 0%, #ff2c8d 100%);
}

.block.main-image ul.social-icons li a[title=twitter] {
    background-image: linear-gradient( 135deg, #1da1f2 0%, #a0d7ff 100%);
}

.block.main-image ul.social-icons li a[title=linkedin] {
    background-image: linear-gradient( 135deg, #0084bf 0%, #193584 100%);
}

.block.main-image ul.social-icons li a[title=googleplus] {
    background-color: #db4437;
}

.block.main-image ul.social-icons li a[title=flickr] {
    background: #0161da;
    background: -moz-linear-gradient(-45deg, #0161da 0%, #ff0082 100%);
    background: -webkit-linear-gradient(-45deg, #0161da 0%, #ff0082 100%);
    background: linear-gradient(135deg, #0161da 0%, #ff0082 100%);
    // filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#0161da', endColorstr='#ff0082', GradientType=1);
}

.block.main-image ul.social-icons li a[title=instagram] {
    background: linear-gradient(145deg, #C92BB7 10%, #3051F1 70%) no-repeat;
}

.block.main-image ul.social-icons li a[title=pintrest] {
    background-color: #bd081c;
}

.block.main-image ul.social-icons li a i {
    -webkit-transition: top 200ms ease-in-out;
    -moz-transition: top 200ms ease-in-out;
    transition: top 200ms ease-in-out;
    position: relative;
}

.block.main-image ul.social-icons li a i.active {
    top: 10px;
    opacity: 1;
}

.block.main-image ul.social-icons li a i.done {
    top: 0px;
}

.block.main-image ul.social-icons li a i.bottom {
    top: 50px;
}

.block.main-image ul.social-icons li a i.top {
    top: -50px;
    opacity: 0;
}

.block.main-image ul.tab-links {
    padding: 0;
    list-style: none;
    display: table;
    clear: both;
    overflow: hidden;
    width: 100%;
    margin: 0;
}

.block.main-image ul.tab-links li.dark.rounded , .carrer ul.tab-links li.dark.rounded {
    display: flex;
    justify-content: center;
    padding: 10px;
}

.block.main-image ul.tab-links li.dark.rounded a, .carrer ul.tab-links li.dark.rounded a {
    display: inline-block;
    border-radius: 50px;
    position: relative;
    padding: 10px 18px 10px 55px;
    border: 2px solid #fff;
    /*background-image: linear-gradient( 135deg, #322c46 0%, #5d5085 100%);*/
    text-align: center;
}

.block.main-image ul.tab-links li.dark.rounded a i, .carrer ul.tab-links li.dark.rounded a i{
    position: absolute;
    left: 15px;
    top: 50%;
    transform: translateY(-50%);
}

.block.main-image ul.tab-links li.dark.rounded a img, .carrer ul.tab-links li.dark.rounded a img{
    position: absolute;
    left: 15px;
    top: 50%;
    transform: translateY(-50%);
}
.block.main-image ul.tab-links li.light, .carrer ul.tab-links li.light {
    display: flex;
    justify-content: center;
    padding: 10px;
    border-right: 1px solid white;
    display: table-cell;
    background-image: linear-gradient( 135deg, #322c46 0%, #5d5085 100%);
}



.block.main-image ul.tab-links li.light a i, .carrer ul.tab-links li.light a i{
    position: absolute;
    left: 15px;
    top: 50%;
    transform: translateY(-50%);
}

.block.main-image ul.tab-links li.light img, .carrer ul.tab-links li.light img{
    position: absolute;
    left: 15px;
    top: 50%;
    transform: translateY(-50%);
}

.block.main-image ul.tab-links li.light a, .carrer ul.tab-links li.light a {
    display: inline-block;
    border-radius: 50px;
    position: relative;
    padding: 10px 18px 10px 55px;
    border: 2px solid #fff;
    background-image: linear-gradient( 135deg, #322c46 0%, #5d5085 100%);
}

.block.main-image .line.gradient ul.tab-links, .carrer .line.gradient ul.tab-links {
    z-index: 3;
    position: relative;
}

.block.main-image ul.tab-links li,.carrer ul.tab-links li {
    border-right: 1px solid white;
    display: table-cell;
}

.block.main-image ul.tab-links li:last-child, .carrer ul.tab-links li:last-child {
    border: none;
}

.block.main-image ul.tab-links li a , .carrer ul.tab-links li a {
    color: white;
    padding: 10px;
    display: block;
    font-size: 18px;
    font-weight: 100;
    -webkit-transition: all 100ms ease;
    -moz-transition: all 100ms ease;
    -ms-transition: all 100ms ease;
    -o-transition: all 100ms ease;
    transition: all 100ms ease;
}

.block.main-image ul.tab-links li a:before , .carrer ul.tab-links li a:before {
    content: "\f178";
    font-family: FontAwesome;
    margin-right: 7px;
}

// .block.main-image ul.tab-links li a:hover {
//     background-color: #584c81;
// }
// .block.main-image ul.tab-links li.light {
//     background-color: #5c5085;
// }
.block.main-image.text-center h2::after {
    animation-delay: 2s;
    -webkit-animation-delay: 2s;
    -moz-animation-delay: 2s;
}


/* --------- BLOCK INFLUENCEURS --------- */

.page-id-128833 .block.main-image,
.page-id-128989 .block.main-image {
    height: inherit !important;
}

.influenceur_v2 .inf_list {
    margin-top: 15px;
}

.influenceur_v2 .inf_list.are-images-unloaded {
    opacity: 0;
}

.page-load-status {
    display: none;
    /* hidden by default */
    padding-top: 20px;
    border-top: 1px solid #DDD;
    text-align: center;
    color: #777;
}

.loader-ellips {
    font-size: 20px;
    /* change size here */
    position: relative;
    width: 4em;
    height: 1em;
    margin: 10px auto;
}

.loader-ellips__dot {
    display: block;
    width: 1em;
    height: 1em;
    border-radius: 0.5em;
    background: #555;
    /* change color here */
    position: absolute;
    animation-duration: 0.5s;
    animation-timing-function: ease;
    animation-iteration-count: infinite;
}

.loader-ellips__dot:nth-child(1),
.loader-ellips__dot:nth-child(2) {
    left: 0;
}

.loader-ellips__dot:nth-child(3) {
    left: 1.5em;
}

.loader-ellips__dot:nth-child(4) {
    left: 3em;
}

@keyframes reveal {
    from {
        transform: scale(0.001);
    }
    to {
        transform: scale(1);
    }
}

@keyframes slide {
    to {
        transform: translateX(1.5em)
    }
}

.loader-ellips__dot:nth-child(1) {
    animation-name: reveal;
}

.loader-ellips__dot:nth-child(2),
.loader-ellips__dot:nth-child(3) {
    animation-name: slide;
}

.loader-ellips__dot:nth-child(4) {
    animation-name: reveal;
    animation-direction: reverse;
}

.block.influenceur_v2 article {
    width: 30%;
    margin: 15px 15px;
    float: left;
    overflow: hidden;
    box-shadow: 0 2px 20px 0 rgba(0, 0, 0, .7);
}

.block.influenceur_v2 article img.profile {
    border-radius: 50%;
    width: 150px;
    height: auto;
}

.block.influenceur_v2 article section.bg-photos {
    position: relative;
    box-shadow: 0px 2px 7px 2px rgba(0, 0, 0, 0.38);
    background-position: top center !important;
}

.block.influenceur_v2 article section.bg-photos a {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: 1;
}

.block.influenceur_v2 article section.bg-photos a h1 span,
.block.influenceur_v2 article section.bg-photos a h3 span {
    position: relative;
    z-index: 2;
}

.block.influenceur_v2 article section.bg-photos a h1:before,
.block.influenceur_v2 article section.bg-photos a h3:before {
    content: '';
    position: absolute;
    width: calc(100% + 10px);
    height: calc(100% + 10px);
    top: -5px;
    left: -5px;
    padding: 10px;
    background: #433a5f;
}

.block.influenceur_v2 article section.bg-photos a div.contain {
    position: absolute;
    bottom: 10px;
    left: 10px;
    width: calc(100% - 20px);
}

.block.influenceur_v2 article section.bg-photos a h1,
.block.influenceur_v2 article section.bg-photos a h3 {
    position: relative;
    display: block;
    width: fit-content;
}

.block.influenceur_v2 article section.bg-photos a h3 {
    font-size: 17px;
}

.block.influenceur_v2 .tooltip.tooltip-main.top {
    top: 84px;
}

.block.influenceur_v2 .slider .tooltip.top .tooltip-arrow {
    bottom: 27px;
    transform: rotate(180deg);
}

.upload_row .block.influenceur_v2 article .category {
    font-weight: 600;
    font-size: 17px;
    color: #5d5086;
}

.block.influenceur_v2 article .category span:last-child {
    display: none;
}

.block.influenceur_v2 article .social-stats {
    margin: 0;
    padding: 0 0 30px;
    list-style: none;
    display: inline-block;
    width: 100%;
    border-right: 1px solid #bfbfbf;
    border-left: 1px solid #bfbfbf;
}

.block.influenceur_v2 article .social-stats li {
    float: left;
    width: 50%;
}

.block.influenceur_v2 article .social-stats li a {
    display: block;
}

.block.influenceur_v2 article .social-stats li a span {
    display: block;
}

.block.influenceur_v2 article .social-stats li a span.count {
    font-size: 30px;
    color: #5d5085;
    line-height: 23px;
}

.block.influenceur_v2 article .social-stats li a i {
    display: block;
    width: 60px;
    height: 60px;
    background-color: white;
    border-radius: 50%;
    color: #120c18;
    border: 1px solid #120c18;
    font-size: 23px;
    padding: 17px 20px;
    margin: 20px auto 5px;
    -webkit-transition: all 100ms ease;
    -moz-transition: all 100ms ease;
    -ms-transition: all 100ms ease;
    -o-transition: all 100ms ease;
    transition: all 100ms ease;
}

.block.influenceur_v2 article .social-stats li a:hover i {
    background-color: #120c18;
    color: white;
}

.block.influenceur_v2 article h1 {
    margin: 0 0 5px;
    font-size: 26px;
    line-height: 29px;
    font-weight: 600;
}

.block.influenceur_v2 article h3 {
    margin: 0;
    font-size: 14px;
}

.block.influenceur_v2 article p {
    color: #afb1b3;
}

.block.influenceur_v2 article .more-info {
    display: block;
    width: 200px;
    margin: 23px auto 10px;
    text-align: center;
    color: #5c5281;
    position: relative;
}

.block.influenceur_v2 article .more-info span {
    background-color: white;
    padding: 0 10px;
    position: relative;
    z-index: 10;
}

.block.influenceur_v2 article .more-info:before {
    display: block;
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    background-color: #5c5281;
    top: 14px;
}

.block.text-content {
    padding: 30px 0;
}

.block.influenceur_v2 article footer {
    display: block;
    clear: both;
    margin: 40px 0 0;
    padding: 16px;
    background-color: #130d19;
    color: white;
}

.block.influenceur_v2 article footer span {
    font-size: 16px;
    font-weight: 100;
    margin-top: 6px;
    display: block;
}

.block.influenceur_v2 article footer .expertises {
    padding: 0;
    margin: 0;
    list-style: none;
}

.block.influenceur_v2 article footer .expertises li {
    display: inline-block;
}

.block.influenceur_v2 article footer .expertises li a {
    display: block;
    background-color: #5b527f;
    padding: 4px 11px;
    margin: 4px 2px;
    color: white;
}

.block.influenceur_v2 article footer .expertises li a:hover {
    color: #120c18;
}

.block.influenceur_v2 aside form {
    margin: 15px 0;
    width: 100%;
}

.block.influenceur_v2 aside form .line>input[type=text] {
    border: none;
    color: #120c18;
    width: 80%;
    height: 30px;
    float: left;
    font-size: 22px;
    padding: 0 8px;
}

.block.influenceur_v2 aside form .line>button[type=submit] {
    border: none;
    background: none;
    color: #120c18;
    width: 20%;
    height: 30%;
    float: left;
    font-size: 19px;
}

.block.influenceur_v2 aside form .line:first-child {
    border-bottom: 2px solid #120c18;
}

.block.influenceur_v2 aside form .line {
    display: inline-block;
    width: 100%;
    margin: 5px 0;
}

.block.influenceur_v2 aside form .line .dropdown>span {
    display: block;
    padding: 6px;
    border-bottom: 1px solid #120c18;
    cursor: pointer;
}

.block.influenceur_v2 aside form .line .dropdown>span:after {
    content: "\f0d7";
    font-family: "FontAwesome";
    float: right;
}

.block.influenceur_v2 aside form .line .dropdown>ul {
    list-style: none;
    margin: 0;
    padding: 10px;
    display: none
}

.block.influenceur_v2 aside form .line .dropdown>ul li {
    border-bottom: 1px solid #efefef;
}

.block.influenceur_v2 aside form .line .dropdown>ul li label {
    padding: 8px;
    width: 100%;
    margin: 0;
    color: #5b527f;
    cursor: pointer;
}

.block.influenceur_v2 aside form .line .dropdown>ul li label input[type=checkbox] {
    position: absolute;
    opacity: 0;
}

.block.influenceur_v2 aside form .line .dropdown>ul li label input[type=checkbox]+i {
    content: "";
    display: block;
    height: 8px;
    width: 8px;
    border: 1px solid #5b527f;
    border-radius: 50%;
    margin: 6px;
    float: right;
}

.block.influenceur_v2 aside form .line .dropdown>ul li label input[type=checkbox]:checked+i {
    background-color: #5b527f;
}

.block.influenceur_v2 .pagination {
    display: none;
}

.block.influenceurs.single img.profile {
    border-radius: 50%;
    width: 150px;
    height: auto;
}

.block.influenceurs.single .category {
    font-weight: 600;
    font-size: 17px;
    color: #5d5086;
}

.block.influenceurs.single .category span:last-child {
    display: none;
}

.block.influenceurs.single .social-stats {
    margin: 0;
    padding: 0 0 30px 15px;
    list-style: none;
    display: inline-block;
    width: 100%;
    border-left: 1px solid #bfbfbf;
}

.block.influenceurs.single .social-stats li {
    float: left;
    width: 50%;
    padding: 0 5px;
    height: 150px;
}

.block.influenceurs.single .social-stats li a {
    display: block;
}

.block.influenceurs.single .social-stats li span {
    display: block;
}

.block.influenceurs.single .social-stats li span.count {
    font-size: 18px;
    color: #5d5085;
    line-height: 23px;
}

.block.influenceurs.single .social-stats li i {
    display: block;
    width: 60px;
    height: 60px;
    background-color: white;
    border-radius: 50%;
    color: #120c18;
    border: 1px solid #120c18;
    font-size: 23px;
    padding: 17px 20px;
    margin: 20px auto 5px;
    -webkit-transition: all 100ms ease;
    -moz-transition: all 100ms ease;
    -ms-transition: all 100ms ease;
    -o-transition: all 100ms ease;
    transition: all 100ms ease;
}

.block.influenceurs.single .social-stats li:hover i {
    background-color: #120c18;
    color: white;
}

.block.influenceurs.single>div {
    background-color: white;
    display: inline-block;
    margin-top: 30px;
    padding: 20px 0;
}

.block.influenceur_form {
    padding: 50px 0;
    background-size: cover;
    background-position: center;
    background-color: #f7f7f7;
}

.block.influenceur_form form {
    /* background-color: white; */
    padding: 50px;
    /* border: 1px solid #e2e2e2; */
    /* box-shadow: 0 0 20px rgba(0,0,0,.3); */
}

.block.influenceur_form form>div {
    margin: 0;
}

.block.influenceur_form .input_row span,
.block.influenceur_form .checkboxes_row>span {
    display: block;
    font-size: 24px;
    font-weight: 100;
}

.block.influenceur_form label input[type=text],
.block.influenceur_form label input[type=email] {
    border: 1px solid #5c5085;
    padding: 10px;
    margin: 2px 0 10px;
    width: 100%;
}

.block.influenceur_form label {
    display: block;
}

.block.influenceur_form label input[type=text]:focus {
    box-shadow: 0 0 10px rgba(92, 80, 133, 0.36);
}

.block.influenceur_form .checkboxes_row label span {
    font-size: 17px;
    position: relative;
    padding-left: 26px;
}

.block.influenceur_form .checkboxes_row label {
    float: left;
    margin: 10px 20px 10px 0;
}

.block.influenceur_form .checkboxes_row {
    display: inline-block;
    width: 100%;
}

.block.influenceur_form .checkboxes_row label input[type=checkbox] {
    opacity: 0;
    position: absolute;
}

.block.influenceur_form .checkboxes_row label span:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    border: 1px solid #5c5085;
    font-family: "FontAwesome";
}

.block.influenceur_form .checkboxes_row label input[type=checkbox]:checked+span:before {
    background-color: #5c5085;
    color: white;
    content: "\f00c";
    line-height: 20px
}

.block.influenceur_form .input_row label span.small {
    font-size: 18px;
}

.block.influenceur_form .input_row span span {
    display: inline-block;
    font-size: 15px;
}

.block.influenceur_form a.submit,
.block.influenceur_form button[type=submit] {
    background-color: #5c5085;
    border: none;
    border-radius: 4px;
    padding: 8px 20px;
    color: white;
    font-size: 16px;
    margin-top: 30px;
    font-weight: 100;
}

.block.influenceur_form textarea {
    width: 100%;
    height: 156px;
    resize: none;
    padding: 10px;
    border: none;
    background-color: rgba(255, 255, 255, 0.43);
    color: black;
    font-weight: 100;
    font-size: 20px;
    border-bottom: 3px solid #150f1b;
}

.block.influenceur_form .image_preview {
    width: 200px;
    display: inline-block;
}

.block.influenceur_form .image_preview h4 {
    font-size: 17px;
    float: left;
}

.block.influenceur_form .image_preview span {
    float: right;
    font-size: 14px !important;
    margin: 11px 0 11px 10px;
}

.block.influenceur_form span.required:after {
    content: "*";
    color: red;
    margin-left: 6px;
    font-size: 15px;
    position: relative;
    top: -8px;
}

.block.influenceur_form .alert {
    display: none;
}

.block.influenceur_form form input[type=text],
.block.influenceur_form form input[type=email],
.block.influenceur_form form input[type=password],
.block.influenceur_form form select {
    border: none;
    border-bottom: 2px solid #130d19;
    width: 100%;
    height: 40px;
    background: none;
    font-weight: 600;
    color: #130d19;
    font-size: 19px;
    padding: 0 10px;
    margin: 5px 0;
}

.block.influenceur_form form .social_ids {
    margin-top: 50px;
}

.block.influenceur_form form .social_ids i.fa {
    display: block;
    background-color: #130d19;
    color: white;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    text-align: center;
    line-height: 50px;
    font-size: 22px;
    cursor: pointer;
}

.block.influenceur_form form .social_ids li {
    display: inline-block;
    list-style: none;
    width: 50px;
    margin: 0 10px;
}

.block.influenceur_form form .social_ids ul li div {
    background-color: rgb(19, 13, 25);
    position: absolute;
    top: 65px;
    left: -75px;
    width: 200px;
    display: none;
    padding: 0 10px;
    border-radius: 10px;
    z-index: 999;
}

.block.influenceur_form form .social_ids ul li.active div {
    display: block;
}

.block.influenceur_form form .social_ids ul li {
    position: relative;
}

.block.influenceur_form form .social_ids ul li div input {
    border-color: white;
    color: white;
}

.block.influenceur_form form .social_ids ul li div:before {
    display: block;
    content: "";
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid black;
    position: absolute;
    top: -5px;
    left: 94px;
}

.block.influenceur_form form .upload_row {
    padding: 30px 0;
}

.block.influenceur_form form .upload_row .required {
    font-size: 22px;
}

.influenceur_form .bg-success {
    background-color: #fff;
    color: black;
}


/* --------- BLOCK NEWSLETTERS --------- */

.block.newsletters {
    background-size: cover;
    background-position: center;
    position: relative;
    z-index: 4;
}

.block.newsletters.shadow {
    -moz-box-shadow: 0px 3px 13px 3px rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: 0px 3px 13px 3px rgba(0, 0, 0, 0.4);
    box-shadow: 0px 3px 13px 3px rgba(0, 0, 0, 0.4);
}

.block.newsletters .container {
    position: relative;
    z-index: 3;
}

.block.newsletters h1 span {
    color: white;
    text-shadow: 3px 2px 3px rgba(0, 0, 0, 0.59);
}

.block.newsletters .gform label {
    display: none;
}

.block.newsletters .gform input[type=text] {
    width: 100%;
    background: none !important;
    border: 1px solid #fff;
    border-right: none;
    font-size: 20px !important;
    border-radius: 0 !important;
    color: #fff !important;
    outline: none;
    height: 50px;
    font-weight: 100;
    padding: 5px 15px !important;
    border-radius: 3px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    opacity: 1;
}

.block.newsletters .gform input[type=text]::-webkit-input-placeholder {
    /* WebKit, Blink, Edge */
    color: #fff;
}

.block.newsletters .gform input[type=text]:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #fff;
    opacity: 1;
}

.block.newsletters .gform input[type=text]::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #fff;
    opacity: 1;
}

.block.newsletters .gform input[type=text]:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #fff;
}

.block.newsletters .gform input[type=text]::-ms-input-placeholder {
    /* Microsoft Edge */
    color: #fff;
}

.block.newsletters .gform input[type=submit] {
    width: 100%;
    height: 50px;
    border: 1px solid #fff;
    border-radius: 3px;
    background: transparent;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    font-size: 22px;
}

.block.newsletters .gform .gform_wrapper * {
    padding: 0;
    margin: 0;
}

.block.newsletters .gform .gform_wrapper .gform_body {
    width: 75%;
}

.block.newsletters .gform .gform_wrapper .gform_footer {
    width: 25%;
}

.block.newsletters .gform .gform_wrapper .gform_body,
.block.newsletters .gform .gform_wrapper .gform_footer {
    float: left;
    clear: none;
    padding: 0;
    margin: 0;
}

.block.newsletters .gform .gform_wrapper {
    width: 100%;
    max-width: 500px;
    margin: 0 auto;
}

.block.newsletters .gform ::-webkit-input-placeholder {
    /* WebKit, Blink, Edge */
    color: white;
}

.block.newsletters .gform :-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: white;
    opacity: 1;
}

.block.newsletters .gform ::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: white;
    opacity: 1;
}

.block.newsletters .gform :-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: white;
}

.block.newsletters .gform .gform_confirmation_wrapper {
    color: white;
    text-align: center;
    font-size: 30px;
}

.block.newsletters .gform_wrapper li.gfield_error input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]),
.block.newsletters .gform_wrapper li.gfield_error textarea {
    width: 100%;
    border: none;
    border-bottom: 2px solid white;
}

.block.newsletters .gform_wrapper.gform_validation_error .gform_body ul li.gfield.gfield_error:not(.gf_left_half):not(.gf_right_half) {
    margin: 0 !important;
    max-width: 100% !important;
    width: 100% !important;
}

.block.newsletters .gform_wrapper li.gfield.gfield_error.gfield_contains_required div.gfield_description {
    display: none;
}

.block.newsletters .gform_wrapper div.validation_error {
    background-color: rgba(255, 255, 255, 0.82);
    padding: 5px 20px !important;
}


/* --------- BLOCK TEAM --------- */

.block.team article {
    margin: 0;
    border: 1px solid #ededed;
    position: relative;
}

.block.team article img {
    max-width: 100px;
    border-radius: 50%;
}

.block.team article ul.social-links {
    padding: 0;
    list-style: none;
    margin: 0;
    height: 42px;
}

.block.team article ul.social-links li {
    display: inline-block;
    margin: 4px;
}

.block.team article ul.social-links li a {
    display: block;
    color: white;
    font-size: 18px;
}

.block.team article ul.social-links li a:hover * {
    color: #5b527f;
}

.block.team article h1 {
    font-size: 26px;
    margin-bottom: 0px;
    display: inline-block;
    background-color: #5b527f;
    color: white;
    padding: 2px 10px;
}

.block.team article h1 a {
    color: white;
}

.block.team article h2 {
    margin: 7px 0 10px;
    font-size: 14px;
}

.block.team article.user_profile:hover h2 {
    color: white;
}

.block.team article h3 {
    font-size: 20px;
    margin: 0 0 10px;
    color: #544289;
}

.block.team article address p {
    font-size: 14px;
    margin: 0;
    color: #5b527f;
}

.block.team article address p:last-child {
    color: #585858;
}

.block.team article .ctas {
    padding: 0;
    list-style: none;
    display: inline-block;
    width: 100%;
    margin: 0;
}

.block.team article .ctas li {
    float: left;
    width: 50%;
    padding: 4px;
}

.block.team article .ctas li a {
    display: block;
    background-color: black;
    color: white;
    padding: 10px;
    font-size: 17px;
}

.block.team article>div {
    padding: 5px 0 15px;
    position: relative;
    overflow: hidden;
    margin: 0 -16px;
}

.block.team article .ctas li a:hover {
    background-color: #544289;
}

.block.team article footer {
    display: block;
    clear: both;
    margin: 0 -16px;
    padding: 16px;
    position: relative;
    z-index: 99;
    background-color: #130d19;
    color: white;
}

.block.team article footer span {
    font-size: 16px;
    font-weight: 100;
    margin-top: 6px;
    display: block;
}

.block.team article footer .expertises {
    padding: 0;
    margin: 0;
    list-style: none;
}

.block.team article footer .expertises li {
    display: inline-block;
}

.block.team article footer .expertises li a {
    display: block;
    background-color: #5b527f;
    padding: 4px 11px;
    margin: 4px 2px;
    color: white;
}

.block.team article footer .expertises li a:hover {
    color: #120c18;
}

.block.team article ul.user-links {
    padding: 0;
    margin: 20px 0 0;
    list-style: none;
    border: 1px solid white;
    border-radius: 4px;
    display: inline-block;
    width: 80%;
    overflow: hidden;
}

.block.team article ul.cercle-links {
    padding: 0;
    margin: 20px 0 0;
    list-style: none;
    border: 1px solid white;
    border-radius: 4px;
    display: inline-block;
    width: 80%;
    overflow: hidden;
}

.block.team article ul.user-links li {
    display: block;
    float: left;
    width: 50%;
}

.block.team article ul.cercle-links li {
    display: block;
    float: left;
    width: 100%;
}

.block.team article ul.user-links li:first-child {
    border-right: 1px solid;
}

.block.team article ul.user-links li a {
    padding: 4px;
    display: block;
    color: white;
}

.block.team article ul.cercle-links li a {
    padding: 4px;
    display: block;
    color: white;
}

.block.team article ul.user-links li a:hover {
    background-color: #5b527f;
    color: white;
}

.block.team article ul.cercle-links li a:hover {
    background-color: #5b527f;
    color: white;
}

.block.team article .cover {
    position: absolute;
    top: 0;
    left: -5%;
    width: 110%;
    height: 0;
    background-size: cover;
    background-position: center;
    opacity: 0;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}

.block.team article:hover .cover {
    height: 100%;
    opacity: 1;
}

.block.team article:hover address {
    opacity: 1;
    background: rgba(0, 0, 0, 0);
    padding: 0px;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.block.team article:hover address p {
    color: white;
}

.block.team article:hover address {
    opacity: 1;
    background: rgba(0, 0, 0, 0.45);
    padding: 10px;
}


/* --------- BLOCK ACTUS --------- */

.block.actus-slider {
    padding: 20px 0;
    background-color: #ffffff;
}

.block.actus-slider * {
    color: #5c5085;
}

.block.actus-slider p {
    margin: 0;
}

.block.actus-slider .owl-controls i {
    font-size: 100px;
    line-height: 60px;
}

.block.actus-slider .owl-controls .owl-prev,
.block.actus-slider .owl-controls .owl-next {
    position: absolute;
    top: 20px;
}

.block.actus-slider .owl-controls .owl-prev {
    left: 0;
}

.block.actus-slider .owl-controls .owl-next {
    right: 0;
}

.block.actus-slider .owl-controls .owl-prev img,
.block.actus-slider .owl-controls .owl-next img,
.block.actus-slider .owl-controls .owl-prev svg,
.block.actus-slider .owl-controls .owl-next svg {
    height: 60px;
}

.block.actus-slider .owl-controls .owl-prev svg,
.block.actus-slider .owl-controls .owl-next svg {
    fill: #5c5085;
}

.block.actus-slider .owl-item {
    padding: 0 35px;
}

.block.actus-slider h1 {
    font-size: 27px;
    color: #130d19;
    margin: 0 0 10px;
    font-weight: bold;
}

.block.actus-slider article h1 {
    margin: 0 0 10px;
}

.block.actus-slider .see-more {
    color: black;
}

.block.actus-complete .conteneur {
    position: relative;
    z-index: 5;
    height: 100%;
}

.block.actus-complete article h1 {
    font-weight: 400;
    color: #fff;
    padding: 7px;
    line-height: 26px;
    box-sizing: border-box;
    margin: 0;
    text-align: center;
    text-transform: uppercase;
    position: relative;
    z-index: 5;
    height: 65px;
    top: 0px;
    font-size: 21px;
    text-shadow: 4px 4px 2px rgba(0, 0, 0, 0.4);
    background: rgba(0, 0, 0, 0.46);
    -webkit-box-shadow: 0px 5px 11px 0px rgba(0, 0, 0, 0.29);
    -moz-box-shadow: 0px 5px 11px 0px rgba(0, 0, 0, 0.29);
    box-shadow: 0px 5px 11px 0px rgba(0, 0, 0, 0.29);
    overflow: hidden;
    -webkit-transition: all 300ms ease-out;
    -moz-transition: all 300ms ease-out;
    transition: all 300ms ease-out;
}

.block.actus-complete article:hover h1 {
    top: -90px;
    background: #5b527f;
}

.block.actus-complete .featured-image {
    width: 100%;
    height: 250px;
    background-size: cover;
    background-position: center;
    position: relative;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
    z-index: 3;
}

.clients .title h1,
.block.team h1,
.block.actus-complete h1 {
    font-size: 30px;
    color: #5b527f;
    font-weight: 600;
}

.clients .title h1 a,
.block.team h1 a,
.block.actus-complete h1 a {
    color: #5b527f;
}

.block.actus-complete article div.author_inf {
    color: #ffffff;
    position: absolute;
    padding-left: 5px;
    padding-top: 5px;
    font-weight: 300;
    box-sizing: border-box;
    text-align: right;
    width: 100%;
    text-transform: uppercase;
    text-shadow: 3px 1px 2px rgba(0, 0, 0, 0.83);
}

.block.actus-complete article div.author_inf img {
    border-radius: 100%;
    width: 50px;
    height: 50px;
    float: left;
    position: relative;
    z-index: 5;
    box-shadow: 0 0px 2px 2px rgba(0, 0, 0, 0.33);
}

.block.actus-complete article div.article_inf {
    position: relative;
    bottom: 0px;
    height: 120px;
}

.block.actus-complete article div.author_inf .name,
.block.actus-complete article div.author_inf .date {
    background: #42395e;
    padding: 3px;
    position: absolute;
    left: 31px;
    padding-left: 27px;
    z-index: 2;
}

.block.actus-complete article div.author_inf .date {
    top: 31px;
    font-size: 13px;
    z-index: 1;
    background: #262233;
    padding-top: 1px;
    padding-bottom: 1px;
}

.block.actus-complete article div.excerpt {
    visibility: hidden;
    opacity: 0;
    width: 100%;
    background: #5b527f;
    -webkit-transition: all 300ms ease-out;
    -moz-transition: all 300ms ease-out;
    transition: all 300ms ease-out;
    top: 0px;
    position: absolute;
    left: 0px;
    padding: 5px;
    z-index: 3;
    line-height: 19px;
    padding-top: 10px;
}

.block.actus-complete article:hover div.excerpt {
    visibility: visible;
    opacity: 1;
    top: -25px;
}

.block.actus-complete article div.read-more {
    font-size: 16px;
    display: block;
    font-weight: 400;
    padding: 10px;
    padding-top: 17px;
    text-align: center;
    height: auto !important;
    color: #fff;
    width: 100%;
    position: relative;
    z-index: 4;
    text-transform: uppercase;
    padding-bottom: 16px;
}

.block.actus-complete article div.read-more span {
    position: relative;
    z-index: 5;
    padding: 0px;
    margin: 0px;
}

.block.actus-complete article div.read-more::before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    background: transparent;
    -webkit-transition: all 300ms ease-out;
    -moz-transition: all 300ms ease-out;
    transition: all 300ms ease-out;
    bottom: -100%;
    z-index: 1;
    left: 0px;
}

.block.actus-complete article:hover div.read-more::before {
    bottom: 0px;
    background: rgba(0, 0, 0, 0.46);
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}

.block.actus-complete article p {
    font-size: 15px;
    font-weight: 100;
    color: #ffffff;
    margin: 0;
    padding: 0 5px;
    color: #fff;
}

.block.actus-complete article {
    padding: 10px;
}

.block.actus-complete .three-line {
    border-top: none;
}

.block.actus-complete article .conteneur {
    border-radius: 3px;
    -webkit-box-shadow: 4px 0px 7px 2px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 4px 0px 7px 2px rgba(0, 0, 0, 0.4);
    box-shadow: 4px 0px 7px 2px rgba(0, 0, 0, 0.4);
}

.block.actus-complete article .conteneur::before,
.block.actus-complete article .conteneur::after {
    border-radius: 3px;
}


/* --------- BLOCK CERTIFICATION --------- */

.block.certifications {
    padding: 50px 0;
}

.block.certifications * {
    color: #5b527f;
}

.block.certifications .item {
    padding: 5px;
    margin-bottom: 5px;
}

.block.certifications .item-img {
    background-size: 80%;
    background-position: center;
    background-repeat: no-repeat;
}

.block.certifications .owl-controls i {
    font-size: 70px;
    line-height: 60px;
}

.block.certifications .owl-controls .owl-prev,
.block.certifications .owl-controls .owl-next {
    position: absolute;
    top: 10px;
}

.block.certifications .owl-controls .owl-prev {
    left: -40px;
}

.block.certifications .owl-controls .owl-next {
    right: -40px;
}

.block.certifications .owl-controls .owl-prev img,
.block.certifications .owl-controls .owl-next img,
.block.certifications .owl-controls .owl-prev svg,
.block.certifications .owl-controls .owl-next svg {
    height: 80px;
}

.block.certifications .owl-item img {
    max-width: 100%;
    height: 96px;
    width: auto;
}

.block.certifications .owl-controls .owl-prev svg,
.block.certifications .owl-controls .owl-next svg {
    fill: #5c5085;
}

.block.certifications .owl-item {
    padding: 0 5px;
}

.block.certifications h1 {
    font-size: 30px;
    color: #5b527f;
    font-weight: 600;
    margin: 0 0 20px;
}

.block.certifications .owl-carousel {
    padding: 0 38px;
}


/* --------- BLOCK CLIENTS LIST --------- */

.clients-list ul.clients {
    padding: 0;
    list-style: none;
    display: inline-block;
}

.clients-list ul.clients.owl-carousel li {
    display: block;
}

.clients-list h1 {
    font-size: 30px;
    color: #5b527f;
    font-weight: 600;
}

.clients-list h1 a {
    color: #5b527f;
}

.clients-list ul.clients.list li {
    float: left;
    width: 18%;
    margin: 0 1%;
    table-layout: fixed;
    overflow: hidden;
    display: table;
    height: 155px;
    border-top: 1px solid #d6d6d6;
}

.clients-list ul.clients.list li:hover {
    border-color: #5c5085;
}

.clients-list ul.clients.list li a {
    display: table-cell;
    vertical-align: middle;
    position: relative;
    padding: 0 12px
}

.clients-list ul.clients li a img {
    filter: grayscale(1);
    -webkit-transition: all 250ms ease;
    -moz-transition: all 250ms ease;
    -ms-transition: all 250ms ease;
    -o-transition: all 250ms ease;
    transition: all 250ms ease;
    max-height: 150px;
}

.clients-list ul.clients li a:hover img {
    filter: grayscale(0);
}

.clients-list ul.clients li a table {
    position: absolute;
    left: 0;
    width: 100%;
    height: 150px;
    z-index: 0;
    font-size: 19px;
    padding: 14px 10px 0;
    margin: 0;
    -webkit-transition: all 250ms ease;
    -moz-transition: all 250ms ease;
    -ms-transition: all 250ms ease;
    -o-transition: all 250ms ease;
    transition: all 250ms ease;
    bottom: -100%;
    opacity: 0;
    z-index: 10;
    background-color: rgba(256, 256, 256, .8);
    color: #5c5085;
    line-height: 22px;
}

.clients-list ul.clients li a:hover table {
    opacity: 1;
    bottom: 0;
}

.clients-list ul.clients.list li a:before {
    display: block;
    content: "\f0d7";
    position: absolute;
    top: 0;
    left: 50%;
    font-family: "fontawesome";
    color: #d6d6d6;
    font-size: 24px;
    margin-left: -6px;
    line-height: 7px;
    z-index: 100;
}

.clients-list ul.clients.list li:hover a:before {
    color: #5c5085;
}

.clients-list form#filter {
    margin: 10px 0 50px;
}

span.acf_client_chiffre {
    display: block;
}


/* --------- BLOCK COM-PRESS --------- */

.block.com-press {
    padding: 50px 0;
}

.block.com-press h1 {
    font-weight: 900;
    color: black;
    margin: 0;
}

.block.com-press blockquote p {
    color: #b8b9c0;
    font-size: 19px;
    font-weight: 400;
    line-height: 23px;
}

.block.com-press blockquote {
    border-left-width: 1px;
    margin-bottom: 0;
}

.block.com-press p.author span.name {
    font-size: 18px;
    margin-top: 10px;
    display: block;
    font-weight: 600;
}

.block.com-press p.author span.role {
    display: block;
    font-size: 16px;
    color: #564188;
}

.block.com-press h1 i {
    font-size: 16px;
    margin: 0 6px;
}

.block.com-press h1 i:first-child {
    position: relative;
    top: -16px;
}


/* --------- BLOCK DEFINITIONS --------- */

.block.definitions {
    padding: 50px 15px;
}

.block.definitions article h1 a {
    font-size: 22px;
    font-weight: normal;
    color: #322e45;
}

.block.definitions article h1 {
    margin: 0 0 10px;
    line-height: 18px;
}

.block.definitions article p {
    margin: 0 0 5px;
    font-size: 14px;
    color: #666;
}

.block.definitions article {
    margin: 25px 0px;
}

.block.definitions article a.read-more {
    font-size: 20px;
    color: #5c5085;
    margin-top: 20px;
    display: block;
}

.block.definitions article .article-content {
    border-left: 1px solid #e8e8e8;
    padding-left: 10px;
    min-height: 260px;
}

.block.definitions article .article-detail {
    display: block;
    width: 56px;
    position: absolute;
    right: 10px;
    top: 10px;
    border: 1px solid white;
    border-radius: 3px;
    color: white;
    font-size: 14px;
    text-align: center;
    background-color: rgba(0, 0, 0, 0.53);
    z-index: 1;
}

.block.definitions article .article-detail.share-count {
    top: 75px;
}

.block.definitions article .article-detail div:last-child {
    border-top: 1px solid white;
}

.block.definitions article .article-detail div {
    font-size: 14px !important;
}

.block.definitions article .article-thumbnail {
    min-height: 260px;
    overflow: hidden;
    position: relative;
}

#article-section article#article .article-thumbnail {
    min-height: 400px;
    overflow: hidden;
    position: relative;
}

.block.definitions article .article-thumbnail .zoomer {
    background-size: cover;
    background-position: center;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    -webkit-transition: all 9000ms ease;
    -moz-transition: all 9000ms ease;
    -ms-transition: all 9000ms ease;
    -o-transition: all 9000ms ease;
    transition: all 9000ms ease;
}

.block.definitions article:hover .article-thumbnail .zoomer {
    -webkit-transform: scale(1.2, 1.2);
    -moz-transform: scale(1.2, 1.2);
    -ms-transform: scale(1.2, 1.2);
    -o-transform: scale(1.2, 1.2);
    transform: scale(1.2, 1.2);
}

.block.definitions article .author-property {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    background-color: rgba(255, 255, 255, 0.8);
    padding: 4px 14px 4px;
    box-sizing: border-box;
    font-size: 15px;
    color: #5c5085;
    line-height: 40px;
}

.block.definitions article .author-property>img {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    margin-right: 10px;
}

.block.definitions article .author-property>a {
    color: #5c5085;
}

.block.definitions .pagination .page-numbers {
    color: #5c5281;
    font-size: 24px;
    margin: 0 1px;
    background-color: white;
    width: 32px;
    display: inline-block;
    border-radius: 3px;
    -webkit-transition: all 100ms ease;
    -moz-transition: all 100ms ease;
    -ms-transition: all 100ms ease;
    -o-transition: all 100ms ease;
    transition: all 100ms ease;
}

.block.definitions .pagination a.page-numbers:hover {
    background-color: #5c5281;
    color: white;
}

.block.definitions .pagination .page-numbers.current,
.block.definitions .pagination .page-numbers.dots {
    color: #9e98b7;
}

.block.definitions .no-article h1 {
    line-height: 34px;
}

.block.definitions .no-article {
    margin: 30px 0;
}

.block.definitions .pagination.text-center {
    display: block;
}

.block.definitions .archive_content>a {
    display: block;
    float: left;
    width: 48%;
    border: 1px solid #5c5085;
    margin: 10px 1%;
    padding: 15px;
    font-size: 16px;
    position: relative;
    color: #5c5085;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}

.block.definitions .archive_content>h2 {
    display: block;
    width: 100%;
    clear: both;
    font-size: 25px;
    color: #5c5085;
}

.block.definitions .archive_content>a:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    background-color: #5c5085;
    z-index: 1;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}

.block.definitions .archive_content>a>span {
    position: relative;
    z-index: 2;
}

.block.definitions .archive_content>a:hover {
    color: white;
}

.block.definitions .archive_content>a:hover:before {
    width: 100%;
}


/* --------- BLOCK INLINED BLOCKS --------- */

.block.inlined-blocs {
    padding: 50px 0;
}

.block.inlined-blocs .picto-num {
    border: 2px solid;
    height: 200px;
    width: 200px;
    margin: auto;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    font-size: 80px;
    line-height: 200px;
    position: relative;
    z-index: 10;
}

.block.inlined-blocs h1 {
    margin: 25px;
    font-size: 23px;
}

.block.inlined-blocs.gray p {
    font-size: 16px;
    font-weight: 300;
}

.block.inlined-blocs .picto-num .inverse {
    font-size: 45px;
    display: block;
    padding: 15px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    width: 90px;
    height: 90px;
    line-height: 66px;
    margin: 54px auto;
}

.block.inlined-blocs.process article:before,
.block.inlined-blocs.process article:after {
    font-family: "FontAwesome";
    color: #cacaca;
    position: absolute;
    top: 90px;
}

.block.inlined-blocs.process article:first-child:before,
.block.inlined-blocs.process article:last-child:after {
    display: none;
}

.block.inlined-blocs.process article:before {
    left: 9px;
    content: "\f111  \f111";
}

.block.inlined-blocs.process article:after {
    right: -5px;
    content: "\f111  \f111  \f111";
}

.block.inlined-blocs.gray {
    background-color: #f2f2f2;
}

.block.inlined-blocs.gray h1:first-child {
    color: #120c18;
	font-size: 30px;
}

.block.inlined-blocs.gray p {
    color: #000;
}

.block.inlined-blocs.gray .picto-num {
    border-color: #5c5085;
    color: #5c5085;
}

.block.inlined-blocs.gray .picto-num .inverse {
    color: #f7f7f7;
    background-color: #5c5085;
}

.block.inlined-blocs.light {
    background-color: #fff;
}

.block.inlined-blocs.light h1 {
    color: #120c18;
}

.block.inlined-blocs.light p {
    color: #a3a5a7;
}

.block.inlined-blocs.light .picto-num {
    border-color: #5c5085;
    color: #5c5085;
    background-color: #fff;
}

.block.inlined-blocs.light .picto-num .inverse {
    color: #fff;
    background-color: #5c5085;
}

.block.inlined-blocs.dark {
    background-color: #120c18;
}

.block.inlined-blocs.dark h1 {
    color: #fff;
}

.block.inlined-blocs.dark p {
    color: #fff;
}

.block.inlined-blocs.dark .picto-num {
    border-color: #fff;
    color: #fff;
    background-color: #120c18;
}

.block.inlined-blocs.dark .picto-num .inverse {
    color: #120c18;
    background-color: #fff;
}


/* --------- BLOCK VIDEOS --------- */

.block-videos-listing-container .cat-video-title {
    font-size: 2em;
    color: #120c18;
    font-weight: bold;
    margin-bottom: 30px;
    text-transform: uppercase;
    text-align: center;
}

.block-videos-listing-container .video-block-cat-container {
    padding: 15px;
}

.block-videos-listing-container .video-block-cat-container:nth-child(even) {
    background-color: #d4d4d4;
}

.block-videos-listing-container .video-block-cat-container .video-col-container h2 {
    font-size: 1.2em;
    color: #5b527f;
    font-weight: bold;
    text-align: center;
    margin-bottom: 20px;
}


/* --------- BLOCK MAP AGENCE --------- */

.block.map-agencies img.avatar {
    border-radius: 50%;
    width: 55px;
    height: 55px;
}

.block.map-agencies {
    position: relative;
    overflow: hidden;
}

.agencie-widget h1,
.agencie-widget .director {
    font-weight: bold;
    font-size: 22px;
}

.gform h1 {
    color: white;
    font-size: 22px;
    font-weight: bold;
}

.block.map-agencies .gform_confirmation_message {
    color: white;
}

.agencie-widget p.agency {
    font-size: 22px;
}

p.agency-hours {
    color: #5b527f;
    font-size: 17px;
    font-weight: 100;
}

p.agency-hours strong {
    font-weight: 100;
    color: black;
    text-transform: capitalize;
}

.block.map-agencies div#contact-map {
    height: 180%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

a.agency-details {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    text-align: center;
    padding: 15px;
    border-top: 2px solid;
    text-transform: uppercase;
    font-size: 1em;
}

.block.map-agencies .agencie-widget {
    background-color: #fafafa;
    padding: 10px 15px 60px;
    position: relative;
}

.block.map-agencies .gform {
    background-color: #5b527f;
    float: left;
    padding: 10px 20px 60px;
}

.block.map-agencies .gform_wrapper .gform_footer {
    position: absolute;
    left: 0;
    bottom: 0;
    border-top: 2px solid #fafafa;
    padding: 10px 0;
}

.block.map-agencies .heading-title {
    display: inline-block;
    background-color: black;
    width: 100%;
    padding: 10px 25px 8px;
    color: white;
}

.block.map-agencies .heading-title h1 {
    margin: 0;
    font-size: 24px;
}

.block.map-agencies .agencie-widget table td {
    padding: 0 10px;
}

.block.map-agencies .agencie-widget p.agencie span.location {
    color: #544289;
}

.block.map-agencies .agencie-widget p.address {
    color: #b8b9c0;
    font-style: italic;
}

.block.map-agencies .agencie-widget p.address i {
    color: black;
    margin-right: 10px;
    width: 14px;
}

.block.map-agencies .agencie-widget p.open strong {
    color: #544289;
}

p.open {
    border-left: 1px solid #b9b9b9;
    padding-left: 8px;
}

.map-agencies input[type=text],
.map-agencies select {
    width: 100% !important;
    border: none;
    border-bottom: 1px solid #eaeaea;
    border-radius: 0;
    height: 30px;
    outline: none;
    background-color: #5b527f;
    color: white;
}

.map-agencies label {
    display: none !important;
}

.map-agencies textarea {
    outline: none;
    border: 1px solid white;
    background-color: #5b527f;
    color: white;
    height: 100px !important
}

.block.map-agencies .agencie-widget:after {
    content: " ";
    width: 20px;
    height: 20px;
    background-color: #fafafa;
    display: block;
    position: absolute;
    right: -10px;
    top: 50%;
    transform: rotate(45deg);
    z-index: 10;
}

.map-agencies input[type=submit] {
    background-color: #5b527f !important;
    height: 30px;
    min-width: 110px !important;
    border: none;
    border-radius: 6px;
    margin: auto !important;
    float: none !important;
    display: block !important;
    color: white;
    outline: none;
    line-height: 15px !important;
    width: auto !important;
}

.map-agencies a.btn-bottom {
    display: inline-block;
    padding: 10px 25px;
    color: #ffffff;
    text-transform: uppercase;
    line-height: 110%;
    border-radius: 4px;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
    font-size: 30px;
    transition: all .5s ease-in-out;
    position: relative;
}

.map-agencies a.btn-bottom span {
    position: relative;
    z-index: 3;
}

.map-agencies .icon-user .ginput_container:before,
.map-agencies .icon-mail .ginput_container:before,
.map-agencies .icon-phone .ginput_container:before,
.map-agencies .icon-message .ginput_container:before {
    display: block;
    position: absolute;
    top: 2px;
    left: 4px;
    font-family: "FontAwesome";
    color: #fafafa;
    font-size: 18px;
}

.map-agencies .icon-user .ginput_container,
.map-agencies .icon-mail .ginput_container,
.map-agencies .icon-phone .ginput_container,
.map-agencies .icon-message .ginput_container {
    position: relative;
}

.map-agencies .icon-user .ginput_container input,
.map-agencies .icon-mail .ginput_container input,
.map-agencies .icon-phone .ginput_container input,
.map-agencies .icon-message .ginput_container textarea {
    padding-left: 28px !important;
}

.map-agencies .icon-user .ginput_container:before {
    content: "\f007";
}

.map-agencies .icon-mail .ginput_container:before {
    content: "\f0e0";
}

.map-agencies .icon-phone .ginput_container:before {
    content: "\f095";
}

.map-agencies .icon-message .ginput_container:before {
    content: "\f086";
}


/**------------- BLOC TABLEAU DE VENTE AVEC FOND------------ */

.block-double-price {
    padding: 150px 0 50px 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
}

.block-double-price .header-title {
    text-align: center;
}

.block-double-price .header-title h3 {
    font-size: 32px;
    line-height: 60px;
}

.offer-block {
    display: flex;
    margin-top: 60px;
    padding: 40px 60px;
    background-color: #666a85;
    border-radius: 10px;
    min-width: 100%!important;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 5px
}

.offer-price {
    flex-grow: 1;
}

.offer-price h2 {
    font-size: 60px;
    font-weight: 600;
    color: #fff;
    letter-spacing: 6px
}

.offer-content {
    flex-grow: 3;
}

.offer-content h3 {
    text-align: center;
    color: #fff;
    font-size: 30px;
}

.price-tables {
    margin: 25px 0;
    display: flex;
    justify-content: center;
    flex-wrap: wrap
}

.price-table-c {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 50px 15px;
    max-width: 500px;
}

.price-table-c-header {
    background-color: #f5f5f5;
    padding: 15px;
    text-align: center;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 5px
}

.price-table-c-header span.public {
    text-transform: uppercase;
    font-size: 14px;
}

.price-table-c-header p.price {
    font-size: 72px;
    line-height: 120px;
}

.price-table-c-header span.info {
    font-style: italic;
}

ul.price-table-c-list {
    display: block;
    margin: 0;
    padding: 0;
    background: #fff;
}

ul.price-table-c-list li {
    list-style-type: none;
    text-align: center;
    display: block;
    padding: 15px 0;
    border-bottom: 2px solid #f5f5f5;
}

ul.price-table-c-list li a {
    display: block;
    width: 100%;
    height: 100%;
    text-decoration: none;
    color: #000
}

.price-table-c .button-buy {
    max-height: 75px;
}


/**------------ BLOC FORMATION --------------- */

.grid__header {
    padding: 50px 0;
}

.grid__header-title {
    text-align: center;
    font-weight: 700;
    font-size: 32px;
}

.grid__content {
    padding: 60px 0;
}

.grid__content-article {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin: 30px 0;
}

.grid__content-article-img {
    box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 5px
}

.grid__content-article-title h1 {
    font-size: 22px;
    font-weight: 700;
    overflow-wrap: break-word;
    padding: 15px 0;
    display: block;
    height: 100px;
}

.grid__content-article-subtitle h2 {
    color: #2f2f2fae;
    font-size: 16px;
    line-height: 1.5em;
    font-weight: 700;
}

.grid__content-article-p {
    color: #2f2f2fae;
    font-size: 14px;
    line-height: 1.5em;
}

.row-eq-height {
    display: flex;
    flex-wrap: wrap;
}

.button-buy a {
    margin-top: 50px;
    display: block;
    width: 100%;
    height: 100%;
    text-decoration: none;
    color: #fff;
    background-color: #494266;
    padding: 15px 20px;
    text-align: center;
    text-transform: uppercase;
    font-weight: 700;
}

.button-buy a:hover {
    text-decoration: none;
    color: #fff;
    background-color: #38324e;
}

.button-buy span {
    display: block;
    text-align: center;
    font-size: 14px;
    font-weight: 100;
    text-transform: none;
}
/**------------------ Bloc inscription----------------------- */
.block-inscription {
    padding: 0 0  50px 0;
    background-size: cover;
}
.block-inscription .information-picto-item {
    background-color: white;
    padding: 15px;
}
.block-inscription .information-picto-item:nth-child(2) {
    border-left: solid 1px grey;
    border-right: solid 1px grey;
}
.block-inscription .inscription-title {
    margin: 30px 0;
    background-color: #fff;
    padding: 10px 30px;
    text-align: center;
}

.block-inscription .information-picto-item p {
    text-align: center;
}

/* --------- BLOCK PERSONNALISE --------- */

.block.personnalise {
    padding: 50px 0;
    background-size: cover;
    background-position: center;
    background-color: #f2f2f2;
}

.block.personnalise h1 span {
    color: white;
    font-size: 20px;
}

.block.personnalise h1 span a {
    color: white;
}

.block.personnalise h2 span {
    color: white;
}

.block.personnalise h2 {
    margin: 2px auto 0;
    font-size: 16px;
    font-weight: 300;
    max-width: 1000px;
    padding: 0;
}

.block.personnalise h1 {
    margin: 0 auto;
    max-width: 1200px;
    padding: 0;
    font-weight: 600;
}

.block.personnalise ul.tab-btns {
    position: relative;
    z-index: 10;
    padding: 0;
    list-style: none;
    display: table;
    width: 100%;
    overflow: hidden;
    margin: 0;
}

.block.personnalise ul.tab-btns li {
    display: block;
    float: left;
    width: 50%;
    border-right: 1px solid white;
    border-bottom: 1px solid white;
    text-align: left;
    position: relative;
    z-index: 3;
}

.block.personnalise ul.tab-btns li a {
    color: white;
    padding: 10px;
    display: block;
    -webkit-transition: all 100ms ease;
    -moz-transition: all 100ms ease;
    -ms-transition: all 100ms ease;
    -o-transition: all 100ms ease;
    transition: all 100ms ease;
}

.block.personnalise ul.tab-btns li:last-child {
    border-right: none;
}

.block.personnalise ul.tab-btns li:first-child {
    border-left: none;
}

.block.personnalise a.cta {
	display: inline-block;
    padding: 8px 20px;
    color: white;
    border-radius: 50px;
    margin: 6px 0;
    position: relative;
    padding-left: 45px;
	border: 2px solid #fff;
}

a.personalise-btn, .block.testimonials a.personalise-btn {
	display: inline-flex;
    /* padding: 15px 25px 15px 0; */
    color: #fff;
    border-radius: 50px;
    border: 2px solid;
    margin: 6px 0;
    position: relative;
    align-items: stretch;
	min-width: auto;
    white-space: nowrap;
    border: 2px solid #fff;
    /*background-image: linear-gradient( 135deg, #322c46 0%, #5d5085 100%);*/
}


@media(max-width: 1200px){
	a.personalise-btn {
	
	white-space: initial;
}
	
	

}
a.personalise-btn > span:not(.picto)::before{
    content: '';
	position: absolute;
	height: 100%;
	top: 0;
	left: 0;
	background: #fff;
	width: 2px;
}

a.personalise-btn > span.picto, .block.testimonials a.personalise-btn > span.picto{
	display: flex;
    flex-basis: 60px;
    /* padding: 15px 25px 15px 0; */
    padding: 11px;
    align-items: center;
	justify-content: center;
}
a.personalise-btn > i{
	display: inline-flex;
    width: 53px;
    text-align: center;
    justify-content: center;
}

.block.testimonials p.text-enter {
    margin: 0;
    font-size: 16px;
    position: relative;
    z-index: 10;
    padding: 15px 0;
}

a.personalise-btn > span:not(.picto){
	padding-left: 15px;
    position: relative;
    display: flex;
    align-items: center;
    padding-right: 15px;
    width: 100%;
	
}

.block.personnalise ul.tab-btns li a i,
.block.personnalise a.cta i {
    margin-right: 7px;
    position: absolute;
    left: 20px;
    top: 50%;
}

.block.personnalise ul.tab-btns.white>li {
    border-color: #5c5085;
}

.block.personnalise ul.tab-btns.white>li>a {
    color: #5c5085;
}

.block.personnalise ul.tab-btns.white>li:hover>a {
    color: #fff;
}

.block.personnalise article {
    padding: 0;
    position: relative;
    overflow: hidden;
    -webkit-box-shadow: 2px 2px 7px 2px rgba(0, 0, 0, 0.68);
    -moz-box-shadow: 2px 2px 7px 2px rgba(0, 0, 0, 0.68);
    box-shadow: 2px 2px 7px 2px rgba(0, 0, 0, 0.68);
    -webkit-transition: all 250ms ease-in-out;
    -moz-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out;
}

.block.personnalise header {
    position: relative;
    z-index: 10;
    padding: 20px;
}

.block.personnalise ul.tab-btns li:nth-child(2n) {
    border-right: none;
}

.block.personnalise article p {
    margin: 0;
    font-size: 16px;
    position: relative;
    z-index: 10;
    padding: 15px 0;
}

.block.personnalise .hover {
    background: rgba(18, 12, 24, 0.40);
    position: absolute;
    z-index: 2;
    -webkit-transition: top 200ms linear, left 200ms linear, width 100ms linear;
    -moz-transition: top 200ms linear, left 200ms linear, width 100ms linear;
    transition: top 200ms linear, left 200ms linear, width 100ms linear;
    top: -100%;
}

.ptp_p_violet {
    background-color: #5b5180;
}

.ptp_p_rose {
    background-color: #e84077;
}

.ptp_fond_violet_btn {
    background-color: #e84077;
}

.ptp_fond_rose_btn {
    background-color: #5b5180;
}

@media (min-width: 992px) {
    .ptp_mleft {
        margin-left: 150px;
    }
    .ptp_mright {
        margin-right: 150px;
    }
}


/* --------- BLOCK PRICE TABLE --------- */

.modal input,
.modal select {
    width: 100% !important;
    height: 30px;
    border: 1px solid #5d5085;
}

.modal input[type=button] {
    background-color: #5d5085;
    color: white;
    margin: 20px 0 !important;
}


/* --------- BLOCK RESSOURCE --------- */

.block.ressource article h1 {
    margin: 40px 0 0;
    font-size: 40px;
}

.block.ressource article {
    padding-bottom: 15px;
}

.block.ressource article .download {
    display: block;
    font-size: 20px;
    margin: 16px 0 0;
}

.home .block.ressource article .download i {
    color: #fff;
}

.single-agence .block.ressource article .download i {
    color: #fff;
}

.block.ressource article .download i {
    color: #5c5283; // Ca c'est pour les blocs livres blancs donc on le garde en violet
}

.block.ressource {
    padding: 50px 0;
}

.block.ressource article p {
    font-size: 17px;
    font-weight: 100;
}

.block.ressource.light {
    background-color: white;
}

.block.ressource.light * {
    color: #130d19;
}

.block.ressource.gray {
    background-color: #f7f7f7;
}

.block.ressource.gray * {
    color: #130d19;
}

.block.ressource.dark {
    background-color: #130d19;
}

.block.ressource.dark * {
    color: white;
}


/* --------- BLOCK RESSOURCES LIST --------- */

.block.ressources-list .ressource h1 {
    margin: 13px 0 0;
    font-size: 23px;
}

.block.ressources-list .ressource {
    padding: 0px;
}

.block.ressources-list .ressource {
    box-sizing: border-box;
    border: 1px solid rgba(0, 0, 0, 0.13);
}

.block.ressources-list .ressource .img_container {
    margin-top: 0px;
}

.block.ressources-list .ressource h1 {
    margin: 0px;
    box-sizing: border-box;
    padding: 5px;
    position: relative;
    z-index: 2;
    background: white;
    color: #5d5085;
}

.block.ressources-list .ressource .download {
    margin: 0px;
    box-sizing: border-box;
    padding: 5px;
    background: #5c5085;
    color: #ffffff;
    text-transform: uppercase;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
}

.block.ressources-list .ressource .download i {
    color: white;
}

.block.ressources-list .ressource img {
    width: 200px;
}

.block.ressources-list .ressource .download {
    display: block;
    font-size: 20px;
    margin: 16px 0 0;
}

.block.ressources-list .ressource .download i {
    color: #5c5283;
}

.block.ressources-list.dark {
    background-color: #120c18;
}

.block.ressources-list.dark * {
    color: white;
}

.block.ressources-list.light {
    background-color: white;
}

.block.ressources-list.light * {
    color: #120c18;
}

.block.ressources-list.gray {
    background-color: #f7f7f7;
}

.block.ressources-list.gray * {
    color: #120c18;
}


/* --------- BLOCK TESTIMONIALS --------- */

.block.testimonials {
    padding: 50px 0;
}

.block.testimonials h1 {
    margin: 25px;
    font-size: 25px;
}

.block.testimonials article h1 {
    margin: 10px 0 0;
    font-size: 22px!important;
}

.block.testimonials article h3 {
    margin: 5px 0;
    font-size: 20px;
    color: #5b5180;
}

.block.testimonials article img,
.block.testimonials article .img {
    border-radius: 50%;
    width: 70px;
    height: 70px;
}

.block.testimonials.gray p {
    font-size: 16px;
    font-weight: 300;
}

.block.testimonials.gray {
    background-color: #f2f2f2;
}

.block.testimonials.gray h2 {
    color: #5b527f;
}

.block.testimonials.gray p {
    color: #000000;
    height: 109px;
}

.block.testimonials.gray .picto-num {
    border-color: #5c5085;
    color: #5c5085;
    background-color: #f2f2f2;
}

.block.testimonials.gray .picto-num .inverse {
    color: #f7f7f7;
    background-color: #5c5085;
}

.block.testimonials.light {
    background-color: #f2f2f2;
}

.block.testimonials.light h1 {
    color: #120c18;
}

.block.testimonials.light p {
    color: #a3a5a7;
}

.block.testimonials.light .picto-num {
    border-color: #5c5085;
    color: #5c5085;
    background-color: #f2f2f2;
}

.block.testimonials.light .picto-num .inverse {
    color: #fff;
    background-color: #5c5085;
}

.block.testimonials.dark {
    background-color: #120c18;
}

.block.testimonials.dark h1 {
    color: #fff;
}

.block.testimonials.dark p {
    color: #fff;
}

.block.testimonials.dark .picto-num {
    border-color: #fff;
    color: #fff;
    background-color: #120c18;
}

.block.testimonials.dark .picto-num .inverse {
    color: #120c18;
    background-color: #fff;
}


/* --------- BLOCK TEXT CONTENT --------- */


/* .block.text-content {
    padding: 50px 0;
} */

.block.text-content article.text h2 {
    font-size: 24px;
}

.block.text-content article.text h3 {
    font-size: 20px;
}

.block.text-content article.text a {
    color: #5c5283;
    text-decoration: underline;
}

.text-content img {
    height: auto;
}


/* --------- BLOCK VIDEOS --------- */

.block.videos iframe {
    width: 100%;
    height: 350px;
    border: none;
}

.block.videos {
    padding: 50px 0;
}

.block.videos h1 {
    margin-top: 0;
}

.block.videos p {
    font-size: 18px;
}

.block.videos.dark {
    background-color: #120c18;
}

.block.videos.dark * {
    color: white;
}

.block.videos.light {
    background-color: white;
}

.block.videos.light * {
    color: #120c18;
}

.block.videos.gray {
    background-color: #f7f7f7;
}

.block.videos.gray * {
    color: #120c18;
}

.block.videos article h1 {
    font-size: 26px;
}

.block.videos article h1,
.block.videos article p a {
    color: #5e5185 !important;
}

section#users .author p.author-detail {
    color: #828282;
    font-style: italic;
}

section#ressource-area #title {
    margin: 0 0 16px;
    font-weight: bold;
}

section#ressource-area p {
    color: #726c65;
    margin: 0 0 10px;
}

.block.testimonials article h1 {
    font-size: 30px!important;
    margin-bottom: 50px!important;
    color: #5b527f;
    font-weight: 600;
}
.button-carre {
    Z-index: 99;
}

.button-carre ul.tab-links li a {
    color: white;
    padding: 10px;
    display: block;
    font-size: 18px;
    font-weight: 100;
    -webkit-transition: all 100ms ease;
    -moz-transition: all 100ms ease;
    -ms-transition: all 100ms ease;
    -o-transition: all 100ms ease;
    transition: all 100ms ease;
}

.button-carre ul.tab-links li.dark.rounded a {
    display: inline-block;
    border-radius: 50px;
    position: relative;
    padding: 10px 18px 10px 55px;
    border: 2px solid #fff;
    background-image: linear-gradient( 135deg, #322c46 0%, #5d5085 100%);
}

.button-carre ul.tab-links li.dark.rounded a i {
    position: absolute;
    left: 15px;
    top: 50%;
    transform: translateY(-50%);
}

section#ressource-area p.count_text {
    color: #5c5085;
}

section#ressource-area aside .gravity_form h1 {
    margin: 0;
    background-color: #5c5085;
    padding: 15px 0;
    text-align: center;
    color: white;
    font-size: 16px;
}

section#ressource-area aside .gravity_form>div {
    padding: 20px;
    margin: 0;
}

section#ressource-area aside .gravity_form>div label {
    display: none;
}
/** Begin grevity form Check box **/
.gform_wrapper .top_label li ul.gfield_checkbox li input[type=checkbox] {
    margin-top: 0!important;
}
.gform_wrapper .top_label li ul.gfield_checkbox li label {
    display:inline-block !important;
}
.gform-custom-check-box label {
    display:inline-block !important;
}
.gform-custom-check-box label span.gfield_required {
    position: relative!important;
    left: 0!important;
    top: 0!important;
}

/** 06-07-2020 **/
ul.gfield_checkbox li {
    width: 100%;
    margin: 15px auto;
    position: relative;
    display: block;
}
ul.gfield_checkbox li label {
  position: relative;
  min-height: 20px;
  display: block;
  padding-left: 18px !important;
  margin-bottom: 0;
  font-weight: normal;
  cursor: pointer;
  line-height: 1.2!important;
}
ul.gfield_checkbox li label:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  margin:0;
  width: 14px;
  height: 14px;
  transition: transform 0.28s ease;
  border-radius: 2px;
  border: 1px solid #5c5085;
}
ul.gfield_checkbox li label:after {
  content: '';
  display: block;
  width: 10px;
  height: 5px;
  border-bottom: 2px solid #fff;
  border-left: 2px solid #fff;
  transform: rotate(-45deg) scale(0);
  transition: transform ease 0.25s;
  position: absolute;
  top: 3px;
  left: 2px;

}
ul.gfield_checkbox li input[type="checkbox"] {
  width: auto;
  opacity: 0.00000001;
  position: absolute;
  left: 0;
  margin-left: -20px;
}
ul.gfield_checkbox li input[type="checkbox"]:checked ~ label:before {
 background-color:#5c5085; 
}
ul.gfield_checkbox li input[type="checkbox"]:checked ~ label:after {
  transform: rotate(-45deg) scale(1);
}
ul.gfield_checkbox li input[type="checkbox"]:focus + label::before {
  outline: 0;
}

.gform_wrapper .gfield_required {
    color: #e84077 !important;
}


/** End  grevity form Check box **/

section#ressource-area aside #gform_5 label {
    display: inline-block !important;
}

section#ressource-area aside .gravity_form ::-webkit-input-placeholder {
    /* WebKit, Blink, Edge */
    color: rgba(255, 255, 255, 0.71);
}

section#ressource-area aside .gravity_form :-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: white;
    opacity: .7;
}

section#ressource-area aside .gravity_form ::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: white;
    opacity: .7;
}

section#ressource-area aside .gravity_form :-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: rgba(255, 255, 255, 0.71);
}

section#ressource-area aside .gravity_form .gform_footer input.button,
.gform_wrapper .gform_footer input[type=submit],
section#ressource-area aside .gravity_form .gform_page_footer input.button,
.gform_wrapper .gform_page_footer input[type=submit] {
    background-color: #130d19;
    border: none;
    font-size: 28px;
    text-transform: uppercase;
    font-weight: 100;
    color: white;
    padding: 8px;
    width: 100%;
}

#gravity_tochange input[type=submit] {
    width: 49%;
}

section#ressource-area aside .gravity_form .gform_wrapper .top_label input.medium,
section#ressource-area aside .gravity_form .gform_wrapper .top_label select.medium {
    width: 100%;
    background-color: #5c5085;
    border: none;
    padding: 0 10px;
    height: 30px;
    color: white;
    border-radius: 5px;
}

#thankyou,
#form_source.active {
    display: none;
}

#thankyou.active,
#form_source {
    display: block;
}

.gform_wrapper ul li.gfield {
    margin: 0 0 18px !important;
    padding: 0 !important;
}

.popin_form {
    position: fixed;
    top: 0px;
    left: 0px;
    right: 0px;
    opacity: 0;
    visibility: hidden;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, 0.8);
    z-index: 99999;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
}

.popin_form.active {
    height: 100%;
    width: 100%;
    text-align: center;
    margin: 0 auto;
    visibility: visible;
    opacity: 1;
    top: 0px;
    padding-top: 0px !important;
}

.gravity_form.thankyou #gform_confirmation_message_8 {
    text-align: center;
    font-size: 25px;
    line-height: 29px;
}

main #ressource,
main #form_source {
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
}

main #ressource.large {
    width: 100%;
}

main #form_source.large {
    width: 100%;
    position: relative;
    padding: 0px;
}

main #ressource .row iframe {
    border: none !important;
    height: 0px;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
}

main #ressource .row iframe.active {
    visibility: visible;
    opacity: 1;
    height: 732px;
}

main #ressource .row iframe.big {
    height: 2800px;
}

section#ressource-area aside .gravity_form>div .show label {
    display: block;
}

.single-ressource aside .gf_progressbar_wrapper {
    display: none;
}

.single-ressource aside .gform_previous_button {
    display: none !important;
}

.gform_wrapper ul li.gfield .gfield_radio li {
    display: inline-block;
}

.single-ressource aside #gform_wrapper_8.active,
.single-ressource aside #gform_wrapper_5 {
    opacity: 0;
    visibility: hidden;
    height: 0px;
}

.single-ressource aside #gform_wrapper_8,
.single-ressource aside #gform_wrapper_5.active {
    opacity: 1;
    visibility: visible;
    height: inherit;
}

.top_label div.ginput_container {
    margin: 0 !important;
}

div.validation_error {
    font-weight: 100 !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 0 10px !important;
}

li.gfield.gfield_error,
li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {
    border: none !important;
    background: none !important;
}

li.gfield.gfield_error.gfield_contains_required div.gfield_description {
    padding: 0 !important;
    text-align: center !important;
    margin-bottom: 18px !important;
    font-weight: 400 !important;
    font-size: 14px !important;
}

section#ressource-area aside .gravity_form .gform_confirmation_message a {
    font-weight: bold;
    color: #5c5085;
}

section#ressource-area {
    padding: 0 !important;
    margin: 30px 0;
}

.single-ressources header {
    position: static;
}

.counter span {
    display: inline-block;
    padding: 3px 5px;
    background-color: #5c5085;
    margin: 0 1px;
    border-radius: 3px;
    color: white;
    position: relative;
}

.counter span:before {
    content: "";
    width: 100%;
    height: 1px;
    background-color: rgba(255, 255, 255, 0.32);
    position: absolute;
    left: 0;
    top: 12px;
}

.counter {
    margin: 16px 0;
}

.clients-list ul.clients.owl-carousel a {
    display: table-cell;
    padding: 10px;
    vertical-align: middle;
    height: 100px;
}

.clients-list ul.clients.owl-carousel a img {
    max-height: 100%;
}

.clients-list ul.clients .owl-prev,
.clients-list ul.clients .owl-next {
    position: absolute;
    top: 25px;
    font-size: 50px;
    line-height: 50px;
    color: #5c5085;
}

.clients-list ul.clients .owl-prev {
    left: 0;
}

.clients-list ul.clients .owl-next {
    right: 0;
}

.clients-list ul.clients.owl-carousel {
    padding: 0 20px;
}

.offres-template-default main>section:first-child {
    padding-top: 0px;
}

.single-offres a.cta-offer {
    display: inline-block;
    background-color: #5d5085;
    padding: 10px 20px;
    color: white;
    border-radius: 4px;
}

.single-offres .row {
    max-width: none !important;
    min-width: 0 !important;
    width: auto !important;
}

.single-offres .main-logo {
    max-width: 150px;
}

.single-offres .relative {
    position: relative;
}

.single-offres .articles-bloc article {
    padding: 50px 15px;
}

.single-offres .articles-bloc article h1 {
    font-size: 29px;
    color: #5d5085;
    margin: 0 0 20px;
}

.single-offres .articles-bloc article p {
    font-size: 19px;
    font-weight: 300;
}

.single-offres .articles-bloc article i {
    width: 150px;
    height: 150px;
    color: white;
    border-radius: 50%;
    font-size: 70px;
    line-height: 140px;
    overflow: hidden;
    /* --------- */
    text-shadow: rgb(49, 39, 56) 1px 1px, rgb(49, 39, 56) 2px 2px, rgb(49, 39, 56) 3px 3px, rgb(49, 39, 56) 4px 4px, rgb(49, 39, 56) 5px 5px, rgb(49, 39, 56) 6px 6px, rgb(49, 39, 56) 7px 7px, rgb(49, 39, 56) 8px 8px, rgb(49, 39, 56) 9px 9px, rgb(49, 39, 56) 10px 10px, rgb(49, 39, 56) 11px 11px, rgb(49, 39, 56) 12px 12px, rgb(49, 39, 56) 13px 13px, rgb(49, 39, 56) 14px 14px, rgb(49, 39, 56) 15px 15px, rgb(49, 39, 56) 16px 16px, rgb(49, 39, 56) 17px 17px, rgb(49, 39, 56) 18px 18px, rgb(49, 39, 56) 19px 19px, rgb(49, 39, 56) 20px 20px, rgb(49, 39, 56) 21px 21px, rgb(49, 39, 56) 22px 22px, rgb(49, 39, 56) 23px 23px, rgb(49, 39, 56) 24px 24px, rgb(49, 39, 56) 25px 25px, rgb(49, 39, 56) 26px 26px, rgb(49, 39, 56) 27px 27px, rgb(49, 39, 56) 28px 28px, rgb(49, 39, 56) 29px 29px, rgb(49, 39, 56) 30px 30px, rgb(49, 39, 56) 31px 31px, rgb(49, 39, 56) 32px 32px, rgb(49, 39, 56) 33px 33px, rgb(49, 39, 56) 34px 34px, rgb(49, 39, 56) 35px 35px, rgb(49, 39, 56) 36px 36px, rgb(49, 39, 56) 37px 37px, rgb(49, 39, 56) 38px 38px, rgb(49, 39, 56) 39px 39px, rgb(49, 39, 56) 40px 40px, rgb(49, 39, 56) 41px 41px, rgb(49, 39, 56) 42px 42px, rgb(49, 39, 56) 43px 43px, rgb(49, 39, 56) 44px 44px, rgb(49, 39, 56) 45px 45px, rgb(49, 39, 56) 46px 46px, rgb(49, 39, 56) 47px 47px, rgb(49, 39, 56) 48px 48px, rgb(49, 39, 56) 49px 49px, rgb(49, 39, 56) 50px 50px, rgb(49, 39, 56) 51px 51px, rgb(49, 39, 56) 52px 52px, rgb(49, 39, 56) 53px 53px, rgb(49, 39, 56) 54px 54px, rgb(49, 39, 56) 55px 55px;
    background-color: rgb(93, 80, 133);
    font-size: 75px;
    text-align: center;
}

.single-offres .articles-bloc hr {
    border: 1px solid #95989a;
    max-width: 480px;
    float: none;
    margin: auto;
    box-shadow: none;
}

.single-offres .gform_wrapper form {
    background: #bfbfbf;
    padding: 20px;
}

.single-offres .gform_wrapper form .gform_body input,
.single-offres .gform_wrapper form .gform_body textarea,
.single-offres .gform_wrapper form .gform_body select {
    height: 45px;
    padding: 10px !important;
    border-radius: 5px !important;
    background-color: white;
    color: black;
    font-size: 20px !important;
}

.single-offres #lp_content_thx #lp_sidebar_thx .gform_wrapper form .gform_body,
.single-offres .gform_wrapper form .gform_body {
    padding: 0;
}

.single-offres .gform_wrapper ul.gform_fields li.gfield {
    padding: 0;
    margin: 0 0 20px;
}

.single-offres .gform_wrapper {
    display: block !important;
    margin: 0 !important;
}

.single-offres #bottom-section h1 {
    color: white;
    text-align: center;
    background-color: #5d5085;
    margin: 0;
    padding: 20px;
}

.single-offres #bottom-section h1 i {
    margin-right: 20px;
}

.single-offres section#top-section,
.single-offres section#bottom-section {
    background-size: cover;
    background-position: center top;
    padding: 40px 0;
}

.single-offres section#top-section {
    padding: 0;
}

.single-offres .gform_footer.top_label .gform_button.button {
    height: 58px;
    font-size: 29px;
    min-width: 200px;
    border-radius: 7px;
    padding: 0;
    line-height: 28px;
}

.single-offres #content_container {
    width: 100%;
}

.single-offres #top-section h1 {
    text-align: center;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    margin: 0;
    text-transform: uppercase;
    font-size: 120px;
    line-height: 84px;
    font-weight: 900;
}

.single-offres .bg-image {
    max-height: 560px;
    opacity: 0
}

.single-offres button#print-it {
    display: block;
    padding: 10px;
    font-size: 20px;
    min-width: 200px;
    border-radius: 5px;
    border: none;
    color: white;
    background-color: #5c5085;
    position: fixed;
    z-index: 1000;
    bottom: 20px;
    right: 20px;
}

.single-offres img#footer-bg-image {
    width: 120%;
    position: absolute;
    filter: blur(10px);
    max-width: none;
    left: -10%;
}

.single-offres section#bottom-section {
    overflow: hidden;
    padding: 0;
}

.single-offres section#bottom-section>div {
    margin-top: 40px;
    margin-bottom: 40px;
}

div#table-area {
    background: rgba(18, 12, 24, 0.8);
}

.container_tableau {
    background-image: url(https://cdn.1min30.com/wp-content/uploads/2017/12/mamie_inbound.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}

div#table-area .entries ul {
    list-style: none;
    padding: 0;
    margin: 0;
    // background-color: #5d5085;
    text-align: center;
    color: white;
}

div#table-area .entries ul li {
    padding: 6px;
    background-color: #5d5085;
    white-space: nowrap;
    position: relative;
    text-align: left;
}

#table-area .table-multiple .entries,
#table-area .table-multiple .cards-listing {
    padding-right: 0px;
    padding-left: 0px;
    display: inline-block;
    float: left;
}

#table-area .table-multiple .carte_center {
    text-align: center;
    width: max-content;
    width: intrinsic;
    /* Safari/WebKit utilisent un nom non-standard */
    width: -moz-max-content;
    /* Firefox/Gecko */
    width: -webkit-max-content;
    /* Chrome */
    margin: 0 auto;
    display: block;
    height: 100%;
}

div#table-area .entries ul li {}

div#table-area .entries ul li:nth-child(2n) {
    background-color: #7c6ea7;
}

div#table-area .entries ul li:nth-child(2n) i {
    color: #7c6ea7;
}

div#table-area .entries ul li i {
    position: absolute;
    background-color: white;
    color: #5d5085;
    width: 15px;
    height: 15px;
    font-size: 12px;
    border-radius: 50%;
    line-height: 17px;
    margin-top: 3px;
    cursor: pointer;
    right: 6px;
    top: 6px;
    text-align: center;
}

div#table-area .cards {
    display: inline-block;
    background-color: #5d5085;
    text-align: center;
    border-left: 1px solid #120c18;
    box-sizing: border-box;
    position: relative;
}

.cards-listing .cards hr,
.cards-listing .cards a {
    position: relative;
    z-index: 999;
    bottom: 0px;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
}

.single.single-post article#article .cards-listing .cards a {
    color: white !important;
}

.cards-listing .cards.hover hr,
.cards-listing .cards.hover a.popin_a {
    bottom: 100px;
}

div#table-area .cards:before,
div#table-area .cards:after {
    content: "";
    position: absolute;
    height: 0px;
    width: 100%;
    left: 0px;
    top: 0px;
    background: rgba(0, 0, 0, 0.24);
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
}

div#table-area .cards:after {
    background: #120c18;
    top: initial;
    bottom: 0px;
}

div#table-area .cards.hover:before {
    height: 100%;
}

div#table-area .cards.hover:after {
    height: 100px;
}

div#table-area .cards h1 {
    background-color: #120c18;
    color: white;
    text-transform: uppercase;
    font-size: 18px;
    line-height: 18px;
    padding: 6px 6px;
    margin-bottom: 0;
    margin-left: -6px;
    margin-right: -6px;
    box-shadow: 0 0 10px rgba(0, 0, 0, .5);
}

div#table-area .cards ul {
    color: white;
    list-style: none;
    padding: 0;
    margin: 0;
}

div#table-area .cards ul li {
    padding: 6px 6px 5px;
    border-bottom: 1px solid #7c6ea7;
    /* width: 200px; */
    margin: 0 auto;
}

div#table-area .cards ul li:last-child {
    border: none;
}

div#table-area .cards:nth-child(1) {
    margin-top: 90px;
}

div#table-area .cards:nth-child(2) {
    margin-top: 75px;
    padding-top: 15px;
}

div#table-area .cards:nth-child(3) {
    margin-top: 60px;
    padding-top: 30px;
}

div#table-area .cards:nth-child(4) {
    margin-top: 45px;
    padding-top: 45px;
}

div#table-area .cards:nth-child(5) {
    margin-top: 30px;
    padding-top: 60px;
}

div#table-area .cards:nth-child(6) {
    margin-top: 15px;
    padding-top: 75px;
}

div#table-area .cards:nth-child(7) {
    margin-top: 0;
    padding-top: 90px;
}

div#table-area .entries {
    margin-top: 90px;
    padding-top: 47px;
    margin-left: auto;
    margin-right: auto;
    border-right: 1px solid #120c18;
}

div#table-area .entries hr.vague,
div#table-area .cards hr.vague {
    border: none;
    display: block;
    min-height: 50px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: bottom;
    margin: 0;
}

div#table-area .entries>a,
div#table-area .cards>a.popin_a {
    background-color: #120c18;
    display: block;
    padding-bottom: 23px;
    color: white;
    font-size: 15px;
    color: white !important;
    padding-left: 5px;
    padding-right: 5px;
}

div#table-area .entries>a:hover,
div#table-area .cards>a.popin_a:hover {
    color: #5d5085;
}

div#table-area .table-multiple,
div#table-area .table-unique {
    padding: 30px 0;
}

div#table-area .table-multiple>h1,
div#table-area .table-unique>h1 {
    color: #5d5085;
}

div#table-area h2.sub-title,
div#table-area h1.title {
    color: #ffffff !important;
    font-size: 41px;
    text-shadow: 4px 4px 2px rgb(0, 0, 0);
}

div#table-area h2.sub-title {
    font-size: 38px;
}

div#table-area .entries.unique {
    margin: 10px;
    padding: 40px 0 0;
    background-color: #5d5085;
    display: inline-block;
    width: 300px;
    border-radius: 6px;
    position: relative;
}

div#table-area .entries.unique:before {
    width: 0;
    height: 0;
    border: 30px solid black;
    border-left-color: transparent;
    border-bottom-color: transparent;
    border-top-right-radius: 5px;
    border-top-left-radius: 8px;
    border-bottom-right-radius: 8px;
    margin-right: 0;
    float: right;
    position: relative;
    margin-right: -3px;
    margin-top: -3px;
    z-index: 1;
    content: "";
    position: absolute;
    top: 0;
    right: 0
}

div#table-area .entries.unique h1 {
    background-color: #120c18;
    color: white;
    text-transform: uppercase;
    font-size: 23px;
    line-height: 23px;
    padding: 6px 0 4px;
    margin-bottom: 20px;
    margin-left: -6px;
    margin-right: -6px;
    border-radius: 5px;
    box-shadow: 0 0 10px rgba(0, 0, 0, .5);
}

div#table-area .entries.unique ul li:nth-child(2n) {
    background-color: #5d5085;
}

div#table-area .entries.unique ul li {
    border-bottom: 1px solid #7c6ea7;
}

div#table-area .entries.unique ul {
    max-width: 250px;
    margin: 0 auto 30px;
}

div#table-area .entries.unique ul li:last-child {
    border: none;
}

div#table-area.picit .entries ul li i {
    display: none;
}

div#table-area.picit .entries-col {
    width: auto;
    float: left;
}

div#table-area.picit .cards-listing {
    display: inline-block;
    width: auto;
    float: left;
}

div#table-area.picit .table-multiple,
div#table-area.picit .table-unique {
    display: inline-block;
    margin: 0;
}

div#table-area.picit {
    display: inline-block;
    margin: 0;
}

#tooltip {
    text-align: left;
    text-shadow: 0 1px rgba( 0, 0, 0, .5);
    line-height: 1.5;
    color: #fff;
    background-color: #120c18;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 3px 5px rgba( 0, 0, 0, .3);
    -moz-box-shadow: 0 3px 5px rgba( 0, 0, 0, .3);
    box-shadow: 0 3px 5px rgba( 0, 0, 0, .3);
    position: absolute;
    z-index: 8012;
    padding: 7px 12px;
}

#tooltip:after {
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #120c18;
    content: '';
    position: absolute;
    left: 50%;
    bottom: -10px;
    margin-left: -10px;
}

#tooltip.top:after {
    border-top-color: transparent;
    border-bottom: 10px solid;
    top: -20px;
    bottom: auto;
}

#tooltip.left:after {
    left: 10px;
    margin: 0;
}

#tooltip.right:after {
    right: 10px;
    left: auto;
    margin: 0;
}

.single-offres main>section:first-child {
    padding-top: 0;
}

#influenceurs-area {
    background-color: #f7f7f7;
    margin: 50px 0;
}

#influenceurs-area article {
    background-color: white;
}

#influenceurs-area article h1 {
    font-weight: bold;
    margin: 0;
    font-size: 41px;
}

#influenceurs-area article h3 {
    margin: 0;
    font-size: 30px;
}

#influenceurs-area article p {
    color: #000;
    margin: 21px 0 0;
}

#influenceurs-area article footer {
    display: block;
    clear: both;
    margin: 40px 0 0;
    padding: 16px;
    color: white;
    background-color: #130d19;
}

#influenceurs-area article footer span {
    font-size: 16px;
    font-weight: 100;
    margin-top: 6px;
    display: block;
}

#influenceurs-area article footer .expertises {
    padding: 0;
    margin: 0;
    list-style: none;
}

#influenceurs-area article footer .expertises li {
    display: inline-block;
}

#influenceurs-area article footer .expertises li a {
    display: block;
    background-color: #5b527f;
    padding: 4px 11px;
    margin: 4px 2px;
    color: white;
}

#influenceurs-area article footer .expertises li a:hover {
    color: #120c18;
}

#influenceurs-area aside .photo-container {
    width: 250px;
    padding: 76px 18px 76px 21px;
    height: 527px;
    float: left;
}

#influenceurs-area aside .photo-container .iphone,
#influenceurs-area aside .photo-container .profile {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-size: cover;
    background-position: center;
}

#influenceurs-area aside .photo-container .profile {
    z-index: 1;
}

#influenceurs-area aside .photo-container .iphone {
    z-index: 2;
}

#influenceurs-area aside {
    padding: 50px 15px;
}

#influenceurs-area aside #social-stats {
    float: left;
    margin: 0;
    padding: 0;
    width: 110px;
    text-align: center;
    list-style: none;
}

#influenceurs-area aside #social-stats li {
    display: block;
}

#influenceurs-area aside #social-stats li a {
    display: block;
    color: #130d19;
}

#influenceurs-area aside #social-stats li a i {
    display: block;
    width: 40px;
    height: 40px;
    background-color: #130d19;
    border-radius: 50%;
    padding: 10px 12px;
    color: white;
    margin: 15px auto 2px;
    font-size: 20px;
}

#influenceurs-area aside #social-stats li a span {
    display: block;
}

#influenceurs-area aside #social-stats li a span.count {
    font-size: 25px;
    line-height: 25px
}

#influenceurs-area aside #social-stats li a span.init {
    font-size: 12px;
    line-height: 8px;
}

a.contact-it {
    padding: 10px;
    background-color: #5b527f;
    border-radius: 4px;
    color: #fff;
    display: inline-block;
}

section.facebook-feed .fb-post,
section.facebook-feed .fb-post>span,
section.facebook-feed .fb-post>span>iframe {
    width: 100% !important;
}

section.social-feed section {
    margin: 15px 0;
}

section#author aside img {
    border-radius: 50%;
}

section#author aside .agency a {
    font-size: 20px;
    color: #5c5085;
}

section#author aside .social-links {
    padding: 0;
    list-style: none;
    display: inline-block;
}

section#author aside .social-links li {
    float: left;
    display: block;
    margin: 2px 6px;
}

section#author aside .social-links li a {
    float: left;
    display: block;
    padding: 10px;
    background-color: #120c18;
    color: white;
    width: 40px;
    height: 40px;
    border-radius: 50%;
}

section#author aside .social-links li a:hover {
    color: #5c5281;
}

section#author aside .agency a {
    font-size: 20px;
    color: #5c5085;
    margin-top: 20px;
    display: block;
}

section#author aside .social-links {
    padding: 0;
    list-style: none;
    display: inline-block;
}

section#author aside .social-links li {
    float: left;
    display: block;
    margin: 2px 6px;
}

section#author aside .social-links li a {
    float: left;
    display: block;
    padding: 10px;
    background-color: #120c18;
    color: white;
    width: 40px;
    height: 40px;
    border-radius: 50%;
}

section#author aside .social-links li a:hover {
    color: #5c5281;
}

.author main>section#author {
    padding: 50px 0 50px !important;
}

.author .bookly-service-step .bookly-time-range {
    display: none;
}

main>section#author {
    padding: 200px 0 50px !important;
}

section#author article h1 {
    font-size: 44px;
    font-weight: bold;
    margin: 0;
}

section#author article h2 {
    margin: 8px 0 6px;
    font-size: 35px;
    font-weight: bold;
    color: #5d5086;
}

section#author article p {
    font-size: 16px;
    margin: 2px 0 6px;
}

.main-title span {
    background-color: white;
    z-index: 2;
    position: relative;
    padding: 0 12px;
}

.main-title {
    position: relative;
    color: #565656;
}

.main-title:before {
    content: "";
    position: absolute;
    height: 1px;
    width: 100%;
    background-color: #e0e0e0;
    left: 0;
    top: 17px;
}

div#leave-popup {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, .75);
    z-index: 2147483647;
    display: none;
}

article#bd-content {
    position: absolute;
    top: 50%;
    left: 50%;
    padding: 250px 30px 0;
    text-align: center;
    background-position: center;
    background-size: cover;
    width: 100%;
    max-width: 450px;
    height: 500px;
    margin-top: -250px;
    margin-left: -225px;
    box-shadow: 0 0 10px black;
}

article#bd-content h1 {
    background-color: #5c5085;
    color: white;
    margin: 5px 0;
}

article#bd-content>a {
    display: inline-block;
    background-color: #130d19;
    color: white;
    padding: 3px 20px;
    font-size: 22px;
    font-weight: bold;
}

div#leave-popup>span {
    position: fixed;
    top: 10px;
    right: 20px;
    color: white;
    font-size: 40px;
    cursor: pointer;
}

.ressources-container {
    display: inline-block;
    overflow: auto;
    width: 100%;
}

.main_bc {
    background-color: #5c5085;
    color: white;
    padding: 5px;
    font-size: 11px;
    text-transform: uppercase;
}

.arianne {
    display: none;
    position: relative;
    width: 100%;
    box-shadow: none;
    left: 0px;
    right: 0px;
    margin: 0px;
}

.arianne.active {
    top: 55px;
}

.main_bc * {
    color: white;
}

.main_bc>span>a,
.main_bc>span>span {
    margin: 0 8px;
}

nav#float-menus {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, .5);
    display: none;
    z-index: 9999;
}

nav#float-menus .menu {
    display: none;
    position: fixed;
    top: 0;
    left: -50px;
    bottom: 0;
    width: 320px;
    opacity: 0;
    overflow-y: auto;
    overflow-x: hidden;
    -moz-box-shadow: 4px 0px 7px 2px rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: 4px 0px 7px 2px rgba(0, 0, 0, 0.4);
    box-shadow: 4px 0px 7px 2px rgba(0, 0, 0, 0.4);
}

nav#float-menus .menu::before,
nav#float-menus .menu::after {
    position: fixed;
    max-width: 320px;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
}

nav#float-menus .menu .top-menu {
    background-color: rgba(0, 0, 0, 0.44);
    padding: 20px 20px;
    color: white;
    width: 100%;
    z-index: 3;
    position: relative;
    -moz-box-shadow: 4px 0px 7px 2px rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: 4px 0px 7px 2px rgba(0, 0, 0, 0.4);
    box-shadow: 4px 0px 7px 2px rgba(0, 0, 0, 0.4);
}

nav#float-menus .menu .top-menu span {
    display: block;
}

nav#float-menus .menu .top-menu i {
    position: absolute;
    right: 10px;
    top: 15px;
    font-size: 20px;
    z-index: 999;
}

nav#float-menus .menu .top-menu span.title-menu {
    font-size: 19px;
    font-weight: bold;
}

nav#float-menus .menu ul {
    list-style: none;
    padding: 0;
    margin: 0;
    position: relative;
    padding-top: 0px;
    width: 100%;
    height: 100%;
    overflow: auto;
    z-index: 3;
}

nav#float-menus .menu ul li a {
    display: block;
    padding: 12px 35px 12px 20px;
    font-size: 17px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.26);
    position: relative;
    color: white;
    font-weight: 400;
}

nav#float-menus .menu ul li i {
    margin-right: 8px;
    font-size: 22px;
    top: 3px;
    position: relative;
}

nav#float-menus .menu ul li i.fa-angle-right {
    top: 0px;
}

nav#float-menus .menu ul li span.next {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 49px;
    text-align: center;
    padding: 14px;
    cursor: pointer;
}

nav#float-menus .menu ul li span.next i {
    margin: 0;
}

nav#float-menus .menu ul li span.next:hover {
    background-color: rgba(93, 80, 134, 0.26);
}

nav#float-menus .menu.slided:before {
    display: block;
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgb(18, 12, 24);
    z-index: 99;
}

nav#float-menus .menu.slided {
    cursor: pointer;
    background: rgb(18, 12, 24);
}

video#bgvid {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
}

video#bgvid.cut {
    min-width: initial;
}

.video_coup_container {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    width: 100%;
    height: 100%;
}

.video_coup_left,
.video_coup_right,
video#bgvid.cut {
    position: relative;
    float: left;
    width: 33.33%;
}

#pic-it {
    display: block;
    padding: 16px 5px;
    font-size: 31px;
    color: white;
    width: 100%;
    margin-top: 20px;
    background: #5d5085;
    border: none;
}

body.author .post-root.post.post-post {
    display: none;
}

body.author .main_bc>span:first-child+span {
    display: none;
}

.main_bc>span.sep {
    margin: 0;
}

.slider-handle {
    background-color: #5b527f !important;
    background-image: none;
    height: 12px;
    width: 12px;
    cursor: pointer;
}

.slider.slider-horizontal .slider-track {
    height: 2px;
    background-image: none;
    background-color: #f5f5f5;
}

.slider-selection {
    background-image: none;
    background-color: #120c18;
}

.projects-content-entry img {
    height: auto;
}

.block.ancre {
    display: block !important;
    opacity: 0 !important;
    line-height: 0px !important;
    margin: 0px !important;
    padding: 0px !important;
    visibility: hidden !important;
    height: 0px !important;
    width: 0px !important;
}

.block.text-content p a,
.single-post #article p a,
#article-section p a,
#article-section li a,
.single-post #article li a,
.block.text-content li a,
.single.single-post article#article a {
    text-decoration: underline !important;
    color: #5d5085 !important;
}

.block.text-content strong,
.single-post #article strong,
.single #article strong,
.single #article strong,
.single-reference strong,
.single-reference strong a {
    color: #5d5085;
}

.single-reference strong a {
    text-decoration: underline;
}

.single-post .balise {
    background: #5d5085;
    padding: 10px;
    color: white;
    display: block;
    width: 100%;
}

.single-post .html5 {
    background: #fe6c17;
    color: white;
    padding: 1px;
    padding-left: 2px;
    padding-right: 2px;
    border-radius: 2px;
    text-transform: uppercase;
}

.single-post .html4 {
    background: #355CB7;
    color: white;
    padding: 1px;
    padding-left: 2px;
    padding-right: 2px;
    border-radius: 2px;
    text-transform: uppercase;
}

.single-post .poweredby {
    display: none;
}

.block.text-content blockquote,
.single-post #article blockquote {
    border: none;
    background-color: #eee;
    color: #464646;
}

.block.text-content blockquote p,
.single-post #article blockquote p {
    margin: 0;
}

.gform_wrapper .top_label .gfield_label .gfield_required {
    position: absolute;
    right: 11px;
    top: 27px;
}

.gform_wrapper ul.gform_fields li.gfield {
    position: relative;
}

.custom_bg input,
.custom_bg select {
    background-color: #5d5085;
    border: none;
    padding: 20px !important;
    height: 42px !important;
    color: white;
}

.client-content-entry {
    padding-bottom: 20px;
    margin-bottom: 55px;
    border-bottom: 1px solid #666666;
}

.client-text-entry {
    padding: 15px 0;
}

.client-content {
    padding: 50px 15px;
}

.client-content h2 a {
    font-weight: bold;
    font-size: 1.4em;
    color: #120c18;
}

.client-logo img {
    max-width: 100%;
    height: auto;
}

.project_link {
    text-align: center;
}

.project_link a i {
    display: block;
    margin-bottom: 10px;
    font-size: 1.8em;
    color: #120c18;
}

.project_link a {
    display: inline-block;
    text-transform: uppercase;
    color: #120c18;
}

.client-description {
    font-style: italic;
    padding: 10px 0;
}

.client-description p {
    font-size: 16px;
}

.client-video {
    margin: 20px 0 0;
}

.client-video iframe {
    max-width: 100%;
    height: auto;
}

.projects-logo {
    padding: 10px;
    text-align: center;
}

.projects-content-entry {
    padding-bottom: 20px;
    margin-bottom: 55px;
    border-bottom: 1px solid #666666;
}

.projects-content {
    padding: 50px 15px;
}

.projects-text-entry {
    padding: 15px 0;
}

.projects-content h2 a {
    font-weight: bold;
    font-size: 1.4em;
    color: #120c18;
}

.projects-logo img {
    max-width: 100%;
    height: auto;
}

.project_link {
    text-align: center;
}

.project_link a i {
    display: block;
    margin-bottom: 10px;
    font-size: 1.8em;
    color: #120c18;
}

.project_link a {
    display: inline-block;
    text-transform: uppercase;
    color: #120c18;
}

.projects-description {
    font-style: italic;
    padding: 10px 0;
}

.projects-description p {
    font-size: 16px;
}

.projects-video {
    margin: 20px 0 0;
}

.projects-video iframe {
    max-width: 100%;
    height: auto;
}

iframe {
    max-width: 100%;
    align-items: center;
    margin-top: 6%;
}

table {
    max-width: 100% !important;
    table-layout: fixed;
    display: block;
    min-width: 0px !important;
}

@media (max-width: 1800px) {
    video#bgvid {
        right: -7%;
    }
}

@media (max-width: 1300px) {
    video#bgvid {
        right: -11%;
    }
}

@media (max-width: 1425px) {
/*     header#main-header.scrolled.active .contact_button.contact {
        z-index: 10;
    }
    header#main-header.scrolled.active .contact_button.phone {
        transform: translateX(-2px);
        left: 83px;
    }
    header#main-header.scrolled.active .contact_button.phone.active {
        left: 86px;
    }
    header#main-header.scrolled.active #contact_enveloppe.active+.phone {
        left: 186px;
    } */
    header#main-header.scrolled .row .contact_button a {
        top: 5px;
/*         left: 38px; */
    }
    header#main-header.scrolled.active .contact_button.active {
/*         width: 135px !important; */
    }
    header#main-header.scrolled.active form#search-bar>input {
        font-size: 14px;
    }
}

@media (max-width: 1199px) {
    .block.team article ul.user-links li {
        width: 100%;
    }
    .block.team article ul.user-links li:first-child {
        border-right: none;
        border-bottom: 1px solid white;
    }
    .single-offres #top-section h1 {
        font-size: 90px;
        line-height: 78px;
    }
}

@media (min-width:990px) and (max-width: 1199px) {
    .block.actus-complete article:hover div.excerpt {
        top: -26px;
    }
    .block.actus-complete article:hover h1 {
        top: -91px;
    }
    .block.actus-complete article h1 {
        font-size: 18px;
    }
}

/*
 * was 1063px	
 * 1380px
 */
@media (max-width: 1063px) {
    main {
        padding-top: 0px;
    }
    header#main-header {
        padding: 0 15px;
    }
    button#menu-trigger-old {
        margin: 0;
        display: block;
    }
    header#main-header.scrolled {
        padding-bottom: 51px;
    }
    .main_bc {
        font-size: 18px;
        padding: 8px;
    }
/*     nav.desktop-nav {
        display: none;
    } */
    .block.certifications .owl-controls .owl-prev img,
    .block.certifications .owl-controls .owl-next img,
    .block.certifications .owl-controls .owl-prev svg,
    .block.certifications .owl-controls .owl-next svg {
        height: 50px;
    }
    .block.certifications .owl-controls .owl-prev,
    .block.certifications .owl-controls .owl-next {
        top: 29px;
    }
    .block.certifications .owl-controls .owl-next {
        right: 0px;
    }
    .block.certifications .owl-controls .owl-prev {
        left: 0px;
    }
    .block.ressources-list .ressource.masonry {
        margin: 10px;
        width: calc(50% - 20px);
    }
    footer#footer .container {
        width: 100%;
        padding: 0px;
    }
    footer#footer .col-sm-6,
    footer#footer .col-sm-12 {
        padding: 0px;
    }
    footer#footer .row>div,
    footer#footer {
        height: auto;
    }
    footer#footer ul.social-icons {
        float: inherit;
        margin: 0 auto;
        text-align: center;
        padding: inherit;
        position: relative;
        margin-left: calc(50% - 100px);
    }
    footer#footer .contact_button.phone {
        left: 0px;
    }
	
	
}

@media (max-width:991px) {
    div#table-area h2.sub-title,
    div#table-area h1.title {
        font-size: 35px;
    }
    div#table-area h2.sub-title {
        font-size: 30px;
    }
    .filter .container {
        width: 100%;
    }
    .line>.slider {
        overflow: hidden;
    }
    .block.influenceur_v2 article {
        width: 47%;
    }
    nav.desktop-nav {
        display: none;
    }
    .text-content img,
    .text-content .wp-caption,
    .size-full,
    .wp-caption {
        max-width: 100% !important
    }
    .owl-prev,
    .owl-next {
        display: none !important;
    }
   
    .articles-list article .article-content {
        border: none;
        padding: 10px 0 0;
        min-height: 0;
    }
    header {
        position: static;
    }
    section#article-section,
    main>section:first-child {
        padding-top: 30px !important;
        /*margin-top: -80px;*/
    }
    div#users {
        margin-top: 33px;
    }
    .block.influenceurs.single .social-stats {
        border-left: none;
    }
    main>section#author {
        padding: 30px 0 50px !important;
    }
    .clients-list ul.clients.list li {
        width: 23%;
    }
    .block.inlined-blocs article {
        margin-top: 30px;
    }
    .block.inlined-blocs.process article:before,
    .block.inlined-blocs.process article:after {
        display: none;
    }
    .block.map-agencies div#contact-map {
        height: 350px;
        position: relative;
    }
    .block.map-agencies .container {
        max-width: 100%;
        width: 100%;
    }
    .block.testimonials article {
        margin-top: 30px;
    }
    .block.testimonials article img,
    .block.testimonials article .img {
        margin: auto;
    }
    .block.testimonials {
        text-align: center;
    }
    .block.videos h1,
    .block.videos p {
        text-align: center;
    }
    #logo {
        top: -50px;
        position: relative;
    }
    .ressources-template-default {
        top: 50px;
    }
    .after-logo-sm {
        position: relative;
        top: 105px;
    }
    header#main-header .row.shadow {
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        box-shadow: none;
    }
    .sm-no-marge {
        padding-right: 0px;
        padding-left: 0px;
    }
    .contact_conteneur,
    .search_conteneur {
        height: 50px;
        width: 100%;
        -moz-box-shadow: 4px 0px 7px 2px rgba(0, 0, 0, 0.4);
        -webkit-box-shadow: 4px 0px 7px 2px rgba(0, 0, 0, 0.4);
        box-shadow: 4px 0px 7px 2px rgba(0, 0, 0, 0.4);
        z-index: 3;
    }
    header#main-header .row section {
        margin-top: 0px;
    }
    .contact_button {
        width: 50% !important;
        border-radius: 0px;
        top: 0px;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        box-shadow: none;
    }
    .contact_button.phone {
        left: initial;
        right: 0px;
    }
    .contact_button.contact {
        left: 0px;
        width: 50% !important;
    }
    .contact_button.search {
        width: 100% !important;
        right: 0px;
        left: 0px;
    }
    .contact_button::before,
    .contact_button::after {
        border-radius: 0px;
        width: 100% !important;
    }
    .contact_button i,
    .contact_button img {
        border-radius: 0px;
        -moz-box-shadow: 2px 2px 7px 2px rgba(0, 0, 0, 0.32);
        -webkit-box-shadow: 2px 2px 7px 2px rgba(0, 0, 0, 0.32);
        box-shadow: 2px 2px 7px 2px rgba(0, 0, 0, 0.32);
    }
    .contact_button a {
        opacity: 1;
        visibility: visible;
        top: 13px;
        width: 100%;
        left: 0px !important;
        right: 0px;
        box-sizing: border-box;
        padding-left: 50px;
    }
    form#search-bar>input {
        width: 100%;
    }
    .block.actus-slider .owl-item img {
        float: none !important;
        margin: 0 auto 20px;
        width: 100% !important;
        max-height: 250px !important;
    }
    /* 
    .block.actus-slider .owl-controls .owl-prev,
    .block.actus-slider .owl-controls .owl-next {
        top: 45%;
    } */
    .block.actus-slider .owl-item {
        padding: 0 0px;
    }
}

@media (max-width:767px) {
    div#table-area h2.sub-title,
    div#table-area h1.title {
        font-size: 25px;
    }
    div#table-area h2.sub-title {
        font-size: 20px;
    }
    .block.influenceur_v2 article {
        width: 100%;
        margin: 30px 0;
        left: 0 !important;
    }
    #logo img {
        top: 0;
        margin: 20px
    }
    header .row {
        background: none;
    }
    #logo {
        max-height: none;
    }
    div#wpadminbar {
        display: none !important;
    }
    html {
        margin-top: 0 !important;
    }
    header#main-header {
        padding: 0px;
        margin: 0px;
    }
    header#main-header .row {
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        margin: 0px;
    }
    .block.main-image {
        height: auto;
    }
    .block.ressources-list .ressource.masonry {
        width: 100%;
        margin: 0px;
        margin-top: 40px;
    }
}

@media (max-width:700px) {
    .single-offres #top-section h1 {
        font-size: 50px;
        line-height: 38px;
    }
    .clients-list ul.clients.list li {
        width: 31%;
    }
}

@media (max-width: 580px) {
    .block.certifications .owl-carousel {
        padding: 0 58px;
    }
    form#filter>ul {
        display: block;
    }
    form#filter>ul>li {
        display: block;
        border-right: none;
    }
}

@media (max-width:500px) {
    .block.map-agencies .eq {
        height: auto !important;
    }
    .single-offres #top-section h1 {
        font-size: 40px;
        line-height: 28px;
    }
    .block.main-image ul.tab-links li {
        width: 100%;
        display: block;
        border-bottom: 1px solid white;
    }
    .clients-list ul.clients.list li {
        width: 48%;
    }
    .block.map-agencies .eq {
        width: 100%;
    }
    .block.map-agencies .eq:after {
        display: none;
    }
    .block.newsletters .gform .gform_wrapper .gform_body {
        width: 65%
    }
    .block.newsletters .gform .gform_wrapper .gform_footer {
        width: 35%
    }
    .block.main-image ul.social-icons {
        list-style: none;
        float: left;
        margin: 0;
        text-align: center;
        width: 100%;
        padding: 0;
    }
    .block.main-image ul.social-icons li {
        display: inline-block;
        float: initial;
    }
    .block.main-image ul.social-icons li:first-child {
        display: block;
        width: 100%;
        text-align: center;
        margin: 10px auto;
    }
    nav#float-menus .menu,
    nav#float-menus .menu::before,
    nav#float-menus .menu::after {
        width: 80%;
        max-width: initial;
    }
    .block.main-image.text-center h1,
    .block.main-image.text-center h2 {
        padding: 10px;
    }
    .block.main-image.text-center h2 , #table-area.text-center .inner-bloc h2{
        left: 0px;
    }
    nav#float-menus .menu ul li span.next {
        position: absolute;
        top: 0;
        right: 0;
        height: 100%;
        width: 49px;
        text-align: center;
        padding: 0px 50px;
        border-left: 1px solid rgba(0, 0, 0, 0.26);
    }
    nav#float-menus .menu ul li i {
        font-size: 47px;
    }
}

@media print {
    .single-offres #wpadminbar,
    .single-offres #bottom-section,
    .single-offres #print-it,
    .single-offres #thesis_launcher {
        display: none !important;
    }
    .single-offres .bg-image {
        opacity: 1;
        max-height: none;
    }
    .single-offres img {
        color: rgba(0, 0, 0, 0);
        background-color: rgba(0, 0, 0, 0);
    }
    .single-offres .single-offres a[href]:after {
        content: none !important;
    }
}

.single.single-ressource div#leave-popup {
    display: none !important;
}

#leave-popup article#bd-content.lb {
    padding: 0 !important;
    height: auto !important;
}

#leave-popup .lb section.widget.ressources {
    border: none;
    margin: 0;
}

#leave-popup article#bd-content.lb h1 {
    padding: 15px;
    margin: 0;
}

#leave-popup .lb section.widget.ressources article {
    border: none;
}

#leave-popup .lb section.widget.ressources article .download {
    background-color: #5c5184;
    color: white;
    display: block;
    max-width: 200px;
    padding: 7px;
    margin: 16px auto 0;
    border-radius: 4px;
}

#leave-popup .lb section.widget.ressources article .download i {
    color: white;
}

.cube_block {
    width: 60px;
    height: 60px;
    padding: 4px;
    border: none;
    border-right: 1px solid #2b253c;
    display: block;
    color: white;
    background: none;
    text-align: center;
    font-size: 27px;
    text-shadow: 0 0 5px rgba(0, 0, 0, .7);
    line-height: 56px;
    position: relative;
    z-index: 99;
}

.cube_block img {
    width: 100%;
    margin-top: -7px;
}

#mobile-menu {
    width: 100%;
    position: fixed;
    z-index: 999;
    left: 0;
    right: 0;
    top: 0;
    box-shadow: 0 0 20px rgba(0, 0, 0, 1);
}

@media (max-width:991px) {
    header#main-header {
        padding: 0 !important;
        height: 60px !important;
    }
}

.cube_block.pink {
    background-color: #ed2438;
}

.cube_block.pull-right {
    border-right: none;
    border-left: 1px solid #2b263d;
}

.cube_block:hover,
.cube_block:focus {
    color: white
}

section#mobile-menu .fa {
    position: relative;
    z-index: 99;
    font-size: 33px;
    top: 3px;
}

img.gform_ajax_spinner {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    z-index: 10;
    height: 100%;
}

.block.influenceur_v2 article section.bg-photos {
    height: 250px;
    background-size: cover;
    background-position: center;
    text-shadow: 0 0 10px rgba(0, 0, 0, 1);
    color: white;
    padding: 20px;
}

.block.influenceur_v2 article section.details {
    background-color: #f7f7f7;
    padding: 15px;
}

.block.influenceur_v2 article section.details p {
    margin: 0;
    color: black;
    font-size: 14px;
    font-weight: 500;
}

.block.influenceur_v2 article section.bg-photos {
    height: 250px;
    background-size: cover;
    background-position: center;
    text-shadow: 0 5px 10px rgba(0, 0, 0, 1);
    color: white;
    padding: 20px;
}

.block.influenceur_v2 article section.details {
    background-color: #f7f7f7;
    padding: 10px 7px;
}

.block.influenceur_v2 article section.details p {
    margin: 0;
    color: black;
    font-size: 15px;
    font-weight: 100;
}

.block.influenceur_v2 article section.social-counter {
    background-color: #5b527f;
    float: left;
    width: 100%;
}

.block.influenceur_v2 article section.social-counter ul {
    padding: 0;
    list-style: none;
    display: table;
    table-layout: fixed;
    float: left;
    width: 100%;
    margin: 0;
}

.block.influenceur_v2 article section.social-counter ul li {
    display: table-cell;
    /*float: left;*/
    /*width: 60px;*/
    height: 60px;
    color: white;
    padding: 12px;
}

.block.influenceur_v2 article section.social-counter ul li .count {
    font-size: 12px;
    font-weight: 100;
    text-align: center;
}

.block.influenceur_v2 article section.social-counter ul li span {
    display: block;
    text-align: center;
}

.block.influenceur_v2 article section.social-counter ul li.facebook {
    background-color: #3b5998;
}

.block.influenceur_v2 article section.social-counter ul li.twitter {
    background-color: #6faedc;
}

.block.influenceur_v2 article section.social-counter ul li.youtube {
    background-color: #de0056;
}

.block.influenceur_v2 article section.social-counter ul li.linkedin {
    background-color: #184196;
}

.block.influenceur_v2 article section.social-counter ul li.instagram {
    background-color: #8d187b;
}

.block.influenceur_v2 article section.social-counter ul li.analytics {
    background-color: #f4832e;
}

.block.influenceur_v2 article section.social-counter ul li.pinterest {
    background-color: #bd081c;
}

.block.influenceur_v2 article section.social-counter ul li.rss {
    background-color: #1c1c1c;
}

.block.influenceur_v2 article section.social-counter ul li span i {
    font-size: 18px;
}

.block.influenceur_v2 article section.expertises {
    clear: both;
    background-color: #120c18;
    color: white;
    padding: 5px 8px;
    float: left;
    width: 100%;
}

.block.influenceur_v2 article section.expertises a {
    background-color: #5b527f;
    color: white;
    padding: 4px;
    margin: 3px;
    display: inline-block;
    font-weight: 100;
}

.block.influenceur_v2 article section.contact-to {
    background-color: #120b18;
    float: left;
    width: 100%;
    text-align: center;
}

.block.influenceur_v2 article section.contact-to a {
    color: white;
    padding: 12px;
    display: block;
    font-size: 18px;
    font-weight: 100;
    border-top: 1px solid white;
}

.block.influenceur_v2 article section.video-player {
    float: left;
    width: 100%;
}

.block.influenceur_v2 article section.video-player>a {
    display: block;
    text-align: center;
    background-position: center;
    /* 
    -webkit-box-shadow: inset 0 0 10px 2px rgba(0, 0, 0, .5);
    box-shadow: inset 0 0 10px 2px rgba(0, 0, 0, .5); */
    background-size: cover;
    padding: 35px 0;
}

.block.influenceur_v2 article section.video-player>a>span {
    width: 30px;
    height: 30px;
    margin: auto;
    background-color: rgba(256, 256, 256, .5);
    display: block;
    padding: 6px;
    border-radius: 50%;
}

.block.influenceur_v2 .load_inf {
    position: absolute;
    opacity: 0;
    visibility: hidden;
    background: rgba(0, 0, 0, 0.80);
    text-align: center;
    color: white;
    left: 0px;
    z-index: 200;
    width: 100%;
    height: 99px;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
    text-transform: uppercase;
    font-size: 26px;
    padding-top: 30px;
    top: 50px;
}

.block.influenceur_v2 .load_inf .wait {
    position: absolute;
    font-size: 40px;
    top: 10px;
    right: 10px;
    opacity: 1;
    visibility: visible;
    height: 40px;
    width: 40px;
    border-width: 4px;
    border-style: solid;
    border-color: rgba(255, 255, 255, 0) #ffffff;
    border-radius: 100%;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    animation: rotate 1s linear infinite;
    -webkit-animation: rotate 1s linear infinite;
    -moz-animation: rotate 1s linear infinite;
    -o-animation: rotate 1s linear infinite;
}

@keyframes rotate {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

@-webkit-keyframes rotate {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

@-moz-keyframes rotate {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

@-o-keyframes rotate {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

.block.influenceur_v2 .load_inf.active {
    opacity: 1;
    visibility: visible;
}

.block.influenceur_v2 .filter {
    background-color: #000000;
}

.block.influenceur_v2 .filter .line {
    height: 50px;
    width: 100%;
    position: relative;
    border: 1px solid #5b527f;
    border-top: none;
    color: white;
}

.block.influenceur_v2 .filter .line>span {
    position: absolute;
    z-index: 100;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: black;
    font-size: 16px;
    font-weight: 100;
    text-align: center;
    line-height: 50px;
}

.block.influenceur_v2 .filter .line>span i {
    font-size: 28px;
    position: relative;
    top: 5px;
    margin-right: 5px;
}

.block.influenceur_v2 input.searchbar {
    position: absolute;
    background-color: black;
    width: 100%;
    height: 100%;
    width: 100%;
    border: none;
    text-align: center;
    font-size: 30px;
    z-index: 99;
}

#influenceur_slider_value::selection {
    background: #000;
    /* WebKit/Blink Browsers */
}

#influenceur_slider_value::-moz-selection {
    background: #000;
    /* Gecko Browsers */
}

.filter .line .dropdown {
    width: 50%;
    float: left;
    position: relative;
    height: 50px;
    text-align: center;
}

.filter .line .dropdown .title {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: black;
    line-height: 50px;
    font-size: 17px;
    cursor: pointer;
}

.filter .line .dropdown .title:after {
    content: "\f078";
    font-family: "FontAwesome";
    position: absolute;
    right: 10px;
}

.filter .line .dropdown .title::selection {
    background: #000;
    /* Gecko Browsers */
}

.filter .line .dropdown .title::-moz-selection {
    background: #000;
    /* Gecko Browsers */
}

.filter .line .dropdown:first-child {
    border-right: 1px solid #5b527f;
}

.filter .line .dropdown .list {
    position: absolute;
    background-color: #130d19;
    width: 100%;
    top: 100%;
    z-index: 99;
    display: none;
}

.filter .line .dropdown .list label {
    width: 100%;
    height: 40px;
    line-height: 40px;
    margin-bottom: 0;
    position: relative;
    display: block;
    cursor: pointer;
}

.filter .line .dropdown .list label input {
    display: none;
}

.filter .line .dropdown .list label span {
    position: absolute;
    top: 0;
    left: 0;
    text-align: center;
    width: 100%;
    height: 100%;
}

.filter .line .dropdown .list label input[type=checkbox]:checked+span {
    background-color: #f32852;
}

.filter .line .dropdown .list label input[type=checkbox]:checked+span:before {
    content: '\f00c';
    position: absolute;
    right: 10px;
    top: -2px;
    font-family: FontAwesome;
    color: white;
    font-size: 20px;
}

a.formlauncher {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: #5b527f;
    color: white;
    text-align: center;
    line-height: 50px;
    font-size: 21px;
}

a.formlauncher i {
    margin-right: 20px;
}

.line .slider {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: #f5295e;
}

.line .slider .slider {
    width: 90%;
    left: 5%;
}

.slider-handle {
    border-radius: 0 !important;
    height: 34px;
    top: 7px;
    background-color: #5b527f !important;
    box-shadow: 0 0 10px rgba(0, 0, 0, .5);
}

.slider.slider-horizontal .slider-track {
    margin-top: -2px;
}

.filter .line .dropdown .title.active {
    background-color: #5b527f;
}

.influenceur_contact label {
    display: none !important
}

.influenceur_contact input,
.influenceur_contact textarea {
    border: none;
    border-bottom: 2px solid #5b527f;
    font-size: 24px !important;
    font-weight: 100;
    color: #5b527f;
    height: auto;
    background-color: rgba(91, 82, 127, .11);
}

.block.influenceur_v2 article section.bg-photos a {
    color: white;
}

a.submit-it {
    display: block;
    color: white;
    z-index: 99;
    position: relative;
    border: 1px solid white;
    width: 100%;
    font-size: 30px;
    font-weight: 100;
    text-align: center;
    margin: auto;
    margin-top: 15px;
    text-transform: uppercase;
}

.bulles-area .bulle .tooltip .custom_radio input {
    position: absolute;
    display: none;
}

.bulles-area .bulle .tooltip .custom_radio input+span {
    display: block;
    height: 20px;
    width: 20px;
    border: 1px solid white;
    border-radius: 50%;
    position: relative;
    float: left;
    margin-right: 15px;
    top: 10px;
}

.bulles-area .bulle .tooltip .custom_radio input:checked+span:before {
    content: " ";
    width: 8px;
    height: 8px;
    background-color: white;
    display: block;
    position: absolute;
    top: 5px;
    left: 5px;
    border-radius: 50%;
}

.bulles-area .bulle .tooltip .custom_radio {
    position: relative;
    z-index: 9999;
    padding: 15px;
    background-color: violet;
}

.bulles-area .bulle .tooltip .custom_radio label {
    display: block;
    height: 45px;
    font-size: 28px;
    font-weight: 100;
    position: relative;
    z-index: 99;
    margin: 0;
    text-transform: uppercase;
    text-align: left;
    background: rgba(0, 0, 0, 0.37);
    padding: 5px 15px;
    border-bottom: 1px solid white;
    cursor: pointer;
}

.bulles-area .bulle .tooltip.analytics_bulle {
    height: 50%;
    overflow: auto;
    top: 25%;
}

.bulles-area .bulle .tooltip.analytics_bulle div.gradient {
    position: relative;
    z-index: 99999;
}

.bulles-area .bulle .tooltip.analytics_bulle div.gradient p {
    position: relative;
    z-index: 10;
}

.block.influenceur_form_v2 {
    background-color: #000000;
    color: white;
    padding: 50px 0;
}

.block.influenceur_form_v2 h1 {
    color: #de0056;
    font-weight: bold;
    font-size: 35px;
    margin: 0 0 40px;
}

.block.influenceur_form_v2 p {
    font-size: 20px;
    font-weight: 100;
}

.block.influenceur_form_v2 h3 {
    font-weight: bold;
    font-size: 22px;
}

.bulles-area {
    position: relative;
    width: 100%;
    margin: auto;
}

.bulles-area .bulle {
    background-color: #de0056;
    position: relative;
    display: inline-block;
    padding: 20px;
    cursor: pointer;
    margin: 5px;
}

.bulles-area .bulle i {
    font-size: 34px;
}

.block.influenceur_form_v2 input[type="text"],
.block.influenceur_form_v2 input[type="email"],
.block.influenceur_form_v2 input[type="password"],
.block.influenceur_form_v2 select,
.block.influenceur_form_v2 textarea {
    background: none;
    border: none;
    border-bottom: 1px solid #5b527f;
    width: 100%;
    text-align: center;
    margin: 10px 0;
    font-size: 20px;
    padding: 7px;
    background-color: black;
}

.block.influenceur_form_v2 .subscription,
.block.influenceur_form_v2 button[type="submit"] {
    background-color: #5b527f;
    padding: 15px 45px;
    border: none;
    margin-top: 30px;
    border-radius: 5px;
    color: white
}

.block.influenceur_form_v2 .alert {
    color: black;
    display: none;
}

.block.influenceur_form_v2 textarea {
    text-align: left;
    height: 100px;
}

.image_preview img {
    width: 100px;
    height: 100px;
}

.bulles-area .bulle .tooltip {
    opacity: 1;
    width: 50%;
    padding: 0 10px;
    position: fixed;
    z-index: 99999;
    top: 25%;
    left: 25%;
    display: none;
    text-align: center;
}

.bulles-area .bulle .tooltip p {
    position: relative;
    z-index: 999999;
    font-size: 28px;
    color: white;
    padding: 5px;
    box-sizing: border-box;
    text-transform: uppercase;
    background: #5b527f;
}

.bulles-area .bulle .tooltip input {
    color: white;
    position: relative;
    z-index: 9999;
    float: left;
    border: none;
    width: 100%;
}

.bulles-area .bulle .tooltip:before {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: rgba(255, 255, 255, 0.62);
    z-index: 9998;
}

.bulles-area .bulle .tooltip .subscription {
    width: 50%;
    display: block;
    float: left;
    padding: 15px 0;
    text-align: center;
    position: relative;
    border-radius: 0px;
    z-index: 9999;
    margin: 0px 0px;
}

.bulles-area .bulle .tooltip .subscription.cancelit {
    border-right: 1px solid white;
    box-sizing: border-box;
}

a.g-signin2 {
    z-index: 9999;
    position: relative;
    display: block;
    float: left;
    margin-top: 8px;
    background-color: white;
    padding: 8px 6px 3px;
    border-radius: 6px;
}

a.g-signin2 * {
    box-shadow: none;
}

.line.domains_labels {
    display: block;
    margin: 0px 0;
}

.line.domains_labels label {
    display: inline-block;
    border: 1px solid #5b527e;
    padding: 10px 20px;
    border-radius: 4px;
    cursor: pointer;
    margin: 10px 5px 0px 5px;
}

.line.domains_labels input {
    display: none;
}

.line.domains_labels input:checked+label {
    background-color: #5b527e;
}

.loader-cnt {
    position: absolute;
    z-index: 99;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .7);
}

.loader-cnt h3 {
    color: white;
    text-transform: uppercase;
    font-size: 35px;
    font-weight: 100;
}

.gform_confirmation_wrapper+.loader-cnt,
.gform_validation_error+.loader-cnt {
    display: none !important;
}

.gform_ajax_spinner {
    display: none !important;
}

.loader,
.loader:after {
    border-radius: 50%;
    width: 10em;
    height: 10em;
}

.loader {
    margin: 0px auto;
    font-size: 10px;
    position: relative;
    border-top: 1.1em solid rgba(255, 255, 255, 0.2);
    border-right: 1.1em solid rgba(255, 255, 255, 0.2);
    border-bottom: 1.1em solid rgba(255, 255, 255, 0.2);
    border-left: 1.1em solid #ffffff;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation: load8 1.1s infinite linear;
    animation: load8 1.1s infinite linear;
}

@-webkit-keyframes load8 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes load8 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.alert.bg-1min30 {
    background-color: #5d4f84;
    color: white;
}

.alert.bg-1min30 * {
    color: white;
}

.alert.bg-1min30 ul {
    list-style: none;
    display: inline-block;
    padding: 0;
}

.alert.bg-1min30 ul li {
    float: left;
    margin: 8px;
}

.alert.bg-1min30 ul li a.sharer {
    display: block;
    background-color: black;
    padding: 10px 20px;
    border-radius: 5px;
}

.alert.bg-1min30 ul li a.sharer i {
    margin-right: 10px;
}

.bulles-area .bulle .tooltip img {
    position: relative;
    z-index: 9999;
    margin-bottom: 20px;
}

.required_field {
    border: 1px solid red;
    padding: 10px 0;
}

.contact_button.undo {
    position: fixed;
    top: auto;
    bottom: 50px;
    left: 30px;
    width: 280px !important;
    z-index: 999;
}

.contact_button.undo:after {
    width: 281px;
}

.tqb-template-style-0 .tqb-question-wrapper .tqb-answers-container .tqb-answer-inner-wrapper:hover {
    background-color: #5b527f!important;
    border: 1px solid #5b527f!important;
}

.tcb-button-text {
    color: #fff !important;
}

.tve-cb.tve_empty_dropzone strong {
    color: #fff;
}

.tcb-button-text {
    display: inline-block !important;
}


/**
* Boutons connexions Simplicité
*/

#member_area {
    /*right: 312px;
    // position: relative;*/
    top: 25px;
    position: absolute;
    right: 263px;
    left: -542px;
}
.scrolled .bc_profile--img {
    width: 38px;
}
.bc_profile--img {
    width: 50px;
    transition: all 0.3s ease;
    display: inline-block;
    border-radius: 100%;
    margin-right: 15px;
}

.bc_profile--txt {
    display: inline-block;
    vertical-align: middle;
}

/* 
    New style
*/

body{
    font-family: 'Roboto Condensed', sans-serif;
    counter-reset: timeline;

}


.title h1{
/*     font-size: 20px; */
/*     font-weight: 600; */
    margin-bottom: 20px;
}
.title h1 span{
    color: #e13159;
}

.btn{
    color: #fff;
}

    
.btn img,.btn-pink i{
    border-right: 1px solid #fff;
    padding-right: 5px;
	position: absolute;
    left: 12px;
}

.btn-pink i , .cta i{
	border-right: 1px solid #fff;
    padding-right: 8px;
    /* position: absolute; */
    left: initial !important;
    top: initial !important;
    transform: inherit;
    height: 100%;
    display: inline-flex;
    align-items: center;
    padding-left: 10px;
    margin-right: 12px !important;
    padding-right: 12px;
    position: relative !important;
}
.btn-pink , .cta{
	border: 2px solid #fff;
    border-radius: 50px;
    padding-right: 25px !important;
    padding-left: 35px !important;
    position: relative;
    height: 36px;
    /* line-height: 36px; */
    display: inline-flex !important;
    align-items: center;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    padding-left: 10px !important;
}

strong{
    font-weight: 600;
}


.frise{
	padding: 6rem 0;
}
/*


    Block


*/

.gradient-ovelay{
    padding: 5rem 0;
    position: relative;
}
.home .gradient-ovelay.carrer {
    position: static;
}

.gradient-ovelay .row{
    display: flex;
    flex-wrap: wrap;
    /* max-width: 910px; */
    margin: auto;
    z-index: 99;
    justify-content: space-between!important;
}


.gradient-ovelay::after{
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(31, 28, 48, 0.9);
    top: 0;
    left: 0;
    z-index: 0;
}

.tab-links {
    list-style: none;
    padding: 0;
}

.button-carre ul.tab-links .dark.rounded {
    position:relative;
    z-index: 100;
}

.button-carre ul.tab-links li.dark.rounded a::after {
    content: '';
    position: absolute;
    height: 44px;
    width: 2px;
    background: #fff;
    top: 0;
    left: 44px;
}
.gradient-border{
    position: relative;
    padding: 18px 9px 24px 9px;
    border-left: 11px solid #5d4f85;
    border-right: 11px solid #e13159;
    max-width: 327px;
    z-index: 3;
    margin-right: 0px;
    margin-left: 0px;
    margin-bottom: 30px;
    margin-top: 30px;
    min-width: 198px;
    min-height: 272px;
}

.gradient-border  * {
    position: relative;
    z-index: 1;
}

@media (max-width: 768px ) {
    .block.personnalise iframe {
        display: none;
    }
}

.block.testimonials article p {
    min-height: 90px;
}

.gradient-border::before , .gradient-border::after{
    content: '';
    position: absolute;
    height: 11px;
    width: 100%;
    background-image: linear-gradient(to right, #5d4f85 0%, #e13159 100%);
    top: 0;
    left: 0;
    z-index: 3;
}
.gradient-border::after{
    top: initial;
    background-image: linear-gradient(to right, #5d4f85 0%, #e13159 100%);
    bottom: 0;
}
.gradient-border h3{
    
    font-size: 20px;
    font-weight: 300;
    margin-bottom: 32px;
    color: #fff;
    line-height: 28px;
    
}
.gradient-border h3 > strong{
    font-weight: 600;
	display: block;
}

.gradient-border p{
    
    font-size: 16px;
    margin: 0;
    color: #fff;

}



/*


    Clients


*/


.clients{
    padding: 45px 0;
}

.clients .owl-controls{
	display: flex;
    margin: auto;
}

.clients .owl-nav .owl-prev , .clients .owl-nav .owl-next{
	position: absolute;
    left: -50px;
    top: 50%;
    transform: translateY(-50%);
}

.clients .owl-nav .owl-next{
	left: initial;
    right: -50px;
}

.clients .fa{
	font-size: 30px;
    font-weight: 600;
    padding: 0 15px;
}
.client{
    position: relative;
    height: 164px;
    min-width: 164px;
    background: #1f1c30;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-grow: 2;
    margin: 2px;
    overflow: hidden;
	max-width: 190px;
}

.clients .row{
	justify-content: center;
}
.client > img {
    max-width: 125px;
    filter: grayscale(1);
    width: 100%;
}
.client > .overlay{
    position: absolute;
    text-align: center;
    width: 100%;
    height: 100%;
    font-size: 19px;
    padding: 14px 10px 0;
    background: rgba(255, 255, 255, 0.8);
    transition: all 250ms ease;
    transform: translateY(100%);
}


.client > .overlay tbody,.client > .overlay tr,.client > .overlay td{
     display: block;
    width: 100%;
    text-align: center;
}
.client > .overlay a{
    color: #5d4f85;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 20px;
}

.client:hover .overlay{
    transform: translateY(0);
}

.client.show-more{
    background: #e73057;
    text-align: center;
}

.client.show-more a{
    text-decoration: none;
    color: #fff;
    flex-direction: column;
    font-size: 16px;
    /* line-height: ; */
}


.client.show-more a img{
    display: block;
    margin: 18px auto 0 auto;

}


/*


    Numbers


*/

.numbers{
    display: flex;
	padding-top: 6rem;
    padding-bottom: 6rem;
}
.numbers__item{
    display: flex;
    align-items: center;
    background: #5d4f85;
    flex-direction: column;
	max-width: 150px;
    position: relative;
    flex-grow: 1;
    margin-bottom: 2px;
	min-width: 15%;
	width: 193px
}
.numbers__item:first-of-type {
    background: #e73057;
	max-width: 256px;
	justify-content: center;
}
.numbers__item:first-of-type:after{
    content: '';
    position: absolute;
    height: 30px;
    width: 30px;
    background: #e73057;
    right: -30px;
    top: 50%;
    transform: translate(-22px , -150%) rotate(-45deg);
    z-index: 9;
}
.numbers__item:first-of-type p{
    font-size: 20px;
}
.numbers__item:not(:last-of-type):not(:first-of-type){
    margin-right: 2px;
}
.numbers__item .icon{
    display: flex;
    width: 100%;
    justify-content: center;
    padding: 60px 35px 35px;
    border-bottom: 2px solid #fff;
    height: 148px;
    align-items: center;
}
.numbers__item .icon i{
    font-size: 60px;
    color: #fff;
    /* display: flex; */
}
.numbers__item p{
    padding: 18px 30px 20px;
    text-align: center;
    font-size: 16px;
    color: #fff;
    margin: 0;
    font-weight: 600;
}

/*


    Timeline


*/

.timeline{
    position: relative;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    max-width: 830px;
    margin: 0 auto 45px;
    padding: 0;
}


.frise .btn-pink{
	border: 2px solid #fff;
    border-radius: 50px;
    padding-right: 25px !important;
    padding-left: 45px !important;
    position: relative;
    min-height: 36px;
    /* line-height: 36px; */
    display: inline-flex !important;
    align-items: center;
    padding-top: 0px !important;
    padding-bottom: 0 !important;
    /* padding-left: 10px !important; */
    margin: 0;
    white-space: normal;
}


@media(max-width: 385px) {
	.frise .btn-pink{
		min-height: 50px;
	}
}
.frise .btn-pink i{
	position: absolute !important;
    left: 0 !important;
    padding-left: 15px;
}
.timeline li{
	display: flex;
    flex-direction: row-reverse;
    list-style: none;
    text-align: right;
    font-size: 16px;
    position: relative;
    margin-bottom: 30px;
}

.timeline li > article{
	flex-basis: 50%;
    padding-right: 20px;
    margin: 0;
}


.timeline li > article > p{
	font-size: 16px;
}

.timeline li > div{
	flex-basis: 50%;
    display: flex;
    align-items: flex-start;
    padding-left: 20px;
}

.timeline li > div > span{
    height: 65px;
    width: 65px;
    background: #e73057;
    top: 0;
    border-radius: 50%;
    right: -127px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 36px;
}

.timeline li:nth-child(2n){
    text-align: left;
	flex-direction: row;
	
}

.timeline li:nth-child(2n) > div{
	padding-right: 20px;
    justify-content: flex-end;
	
}

.timeline li:nth-child(2n) > article{
	padding-left: 20px;
	
}

.timeline:after{
    content: '';
    position: absolute;
    width: 6px;
    height: 100%;
    background: linear-gradient(#e73057 , #1f1c30);
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.clients .row,.numbers .row{
    display: flex;
    flex-wrap: wrap;
}

section.wysiwyg {
    padding: 3rem 0;
}
/*
section.wysiwyg a {
    display: inline-block;
    border-radius: 50px;
    position: relative;
    padding: 10px 18px 10px 55px;
    border: 2px solid #fff;
    background-image: linear-gradient( 135deg, #322c46 0%, #5d5085 100%);
}*/

section.wysiwyg img:first-of-type{
	margin: auto;
    /* text-align: center; */
    display: block;
}

section.wysiwyg p, section.wysiwyg span{
	font-size: 16px;
}

.home .block.main-image.text-center .inner-bloc {
    background: transparent!important;
}
/*


    Responsive


*/

@media (max-width: 992px){
    .gradient-border{
        margin-bottom: 30px;
        max-width: 95px;
    }

    .numbers__item:first-of-type{
        min-width: 100%;
    }
    .numbers__item{
        max-width: 100%;
    }
    .numbers__item:first-of-type:after{
        top: initial;
        bottom: -20px;
        left: 49%;
        transform: rotate(45deg) translateX(-50%);
    }
	
	.block.personnalise a.cta{
		    height: auto !important;
    		padding: 10px 0 !important;
	}
}

@media (max-width: 430px) {
    .gradient-border {
        display: block;
        max-width: 100%;
    }
    .block.main-image ul.tab-links li.dark.rounded a::before, .carrer ul.tab-links li.dark.rounded a::before {
        height: 73px;
    }
}

.faq{
	padding: 3rem 0;
	
}

.faq .row {
    display: flex;
    flex-wrap: wrap;
}

.faq-title{
	display: block;
	margin: auto;
	text-align: center;
}


.faq-title h3{
	color: #1f1c30;
	font-weight: 600;
	font-size: 20px;
}

.faq-title h3 span{
	color: #5d4f85;
}
.single-faq h3{
	color: #5d4f85;
	margin-bottom: 10px;
	font-weight: 600;
	font-size: 18px;
}

.single-faq p{
	color: #1f1c30;
	font-size: 16px;
}


.show-sm{
	display: none;
}
@media (max-width: 992px){	
	.client {
		max-width: 100%;
	}
	
	.hide-sm{
		display: none;
	}
	
	.show-sm{
		display: block;
	}
}

@media (max-with: 769px) {
    .gradient-border{
        max-width: 100%;
        margin-left: 0;
        margin-right: 0;
    }
}
@media (max-width: 582px){
    
    .gradient-border:not(:last-of-type){
        margin-right: 0;
        
    }
	
	
}




@media (min-width: 992px){
	.justify-content-lg-center {
		-webkit-box-pack: center!important;
		-ms-flex-pack: center!important;
		justify-content: center!important;
	}
}

@media (min-width: 576px){
	.justify-content-sm-center {
		-webkit-box-pack: center!important;
		-ms-flex-pack: center!important;
		justify-content: center!important;
	}
	
}


@media(max-width: 1170px){
	.search_conteneur .contact_button.active{
		width: 160px !important;
	}
	
	form#search-bar>input{
		font-size: 16px;
	}
	
}


@media(max-width: 1290px){
	header#main-header.scrolled .header-links{
/* right: 17%; */
	}
}

.entries-col {
    overflow: scroll;
}

.frise .btn-pink:hover {
    color: white;
}

.simplicite_form > h1 {
    margin: 0;
    font-size: 17px;
    margin: 0 10px;
    text-align: center;
}

.simplicite_form > a {
    display: block;
    margin: 0 10px 0px;
    font-size: 15px;
    text-align: center;
}

.client > svg {
    width: 80%;
}

.client > svg * {
    fill: white !important;
}

div#client-36422 > svg .st1 {
    fill: #1f1c30 !important;
}

div#client-36371 > svg .st1 {
    fill: #1f1c30 !important;
}

div#client-36063 > svg .st1,div#client-36063 > svg .st2 {
    fill: #1f1c30 !important;
}

div#client-36024 > svg * {
    stroke: #1f1c30 !important;
}
@media only screen and (min-width: 641px) {

    .gform_wrapper textarea.medium {
        width: 49%;
    }

}

@media (max-width: 768 px) {
    .gradient-border {
        max-width: 100%;
    }
    .gradient-ovelay .row {
        display: flex;
    }
}


.block.main-image ul.tab-links li.light a {
    display: inline-block;
    border-radius: 50px;
    position: relative;
    padding: 10px 18px 10px 55px;
    border: 2px solid #fff;
    /*background-image: linear-gradient( 135deg, #322c46 0%, #5d5085 100%); */
    background-image: transparent;
    border: none;
    padding: 5px;
    border-radius: 0;
    
}

.home .gradient-ovelay::after {
    background: transparent;
}

.block.main-image ul.tab-links li {
    background-image: linear-gradient( 270deg, #322c46 0%, #5d5085 100%);
}

.home .block.main-image ul.tab-links li {
    background-image: none;
}

/** 07-09-2020 Header Block CSS **/
.block.main-image .header-btns ul.tab-links li.dark.rounded {
    display: flex;
    justify-content: start;
    padding: 10px;
    float:left;
}

.block.main-image .header-btns ul.tab-links li {
    border-right:0;
}

.block.main-image .header-btns ul.tab-links {
    display: flex;
    justify-content: center;
}
.block.main-image .header-btns ul.tab-links li{
    background-image: none;
}
.block.main-image ul.tab-links li.dark.rounded a{
    background-image: linear-gradient( 135deg, #322c46 0%, #5d5085 100%);
}
/** 07-09-2020 Header Block CSS **/

.carrer .gradient.gradient-purple::before,.carrer .gradient.gradient-purple::after {
    background-image: none;
}

@media (max-width: 767px) {
    .block.main-image,.block.personnalise {
        height: auto;
        background-color: #ededed;
        background-image: none!important;
    }
    .block.main-image ul.tab-links li.dark.rounded a::before {
        height: 46px;
    }
    /** 07-09-2020 Header Block CSS **/
    .block.main-image .header-btns ul.tab-links {
        display: block;
    }
    .block.main-image .header-btns ul.tab-links li.dark.rounded {
        float: none;
        justify-content: center;
    }
    /** 07-09-2020 Header Block CSS **/
}

/** 07-09-2020 Header Block CSS **/
@media (max-width: 360px) {
    .block.main-image .header-btns ul.tab-links li a {
        font-size:15px;
    }
}
@media (max-width: 500px) {
    .block.main-image .header-btns ul.tab-links li {
        border-bottom: none;
    }
    
}
/** 07-09-2020 Header Block CSS **/

.block.block-image .line.gradient.gradient-purple::before {
background-image: none;
}

/* Personalise button fix start */
a.personalise-btn, .block.testimonials a.personalise-btn {
    display: inline-table;
    margin-left: 6px;
    margin-right: 6px;
}
a.personalise-btn > span.picto, .block.testimonials a.personalise-btn > span.picto {
    display: table-cell;
    width: 40px;
    position: relative;
}
a.personalise-btn > span.picto i, .block.testimonials a.personalise-btn > span.picto i{
    top: 50%;
    position: absolute;
    margin-top: -8px;
    left: 50%;
    margin-left: -4px;
    font-size: 16px;
}
a.personalise-btn > span:not(.picto), .block.testimonials a.personalise-btn > span:not(.picto) {
    width: auto;
    display: table-cell;
    padding: 10px 15px;
    white-space: normal;
    text-align: center;
}
@media (max-width: 767px) {
    a.personalise-btn > span:not(.picto), .block.testimonials a.personalise-btn > span:not(.picto){
        font-size: 14px;
    }
    a.personalise-btn > span.picto i, .block.testimonials a.personalise-btn > span.picto i{
        margin-top: -7px;
        margin-left: -2px;
        font-size: 14px;
    }
}
@media (max-width: 479px) {
    a.personalise-btn > span:not(.picto), .block.testimonials a.personalise-btn > span:not(.picto) {
        font-size: 12px;
        padding:8px 12px;
    }
    a.personalise-btn > span.picto, .block.testimonials a.personalise-btn > span.picto {
         width: 34px;
    }
}
/* Personalise button fix end */

/* Gradient box start */
.carrer .gradient-border h3 {
    font-weight: 500;
}
.carrer .gradient-border p {
    font-weight: 300;
}
.block.main-image ul.tab-links li.dark.rounded a::before, .carrer ul.tab-links li.dark.rounded a::before{
    height: 100% !important;
}
.carrer h4.block-subtitle {
    font-size: 18px;
}
/* Gradient box end */

/* Faq box start */
@media (min-width: 992px) {
    .faq .row .col-md-6:first-child .single-faq {
        padding-right: 15px;
    }
    .faq .row .col-md-6:last-child .single-faq {
        padding-left: 15px;
    }
}
/* Faq box end */

/* Load more start */
.article_load_more_box {
    text-align: center;
    margin: 40px 0;
}
.article_load_more_box img {
    margin-left: 10px;
}
.article_load_more_box .btn {
    padding: 8px 20px;
    color: white !important;
    background: #5b5289;
    border: solid 2px;
    border-radius: 50px;
    position: relative;
    text-decoration: none;
    font-size: 16px;
    font-family: roboto-condensed, helvetica, sans-serif;
}
@media (max-width: 767px) {
    .load_more_box {
        margin: 30px 0;
    }
}
@media (min-width: 768px) {
    .block.actus-complete article.ajax-article-block .excerpt p{
        height: 76px;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .block.actus-complete article.ajax-article-block .excerpt p{
        height: 95px;
    }
}
@media (min-width: 1200px) {
    .block.actus-complete article.ajax-article-block .excerpt p{
        height: 76px;
    }
}
/* Load more end */

@media (min-width: 992px) {
    main > article#brand-single { margin-top:46px;}
}


/* time to read css */

progress.reading-progress {
    top: 48px !important;
}

@media (max-width: 991px) {
    progress.reading-progress {
        top: 56px !important;
    }
}

span.cust-time-read {
    float: right;
}

span.cust-time-read .fa {
    margin-right: 5px;
    font-size: 12px;
    position: relative;
    top: -1px;
}

/* time to read css */

/* Load more button css*/
button#more_posts, button#more_article {
    color: white !important;
    background: #5b5289;
    border: solid 2px;
    padding: 10px;
    border-radius: 50px;
    position: relative;
    text-decoration: none;
    min-width: 150px;
    text-align: center;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}
section.clients button#more_posts  > i, button#more_article  > i   { font-size: 16px;padding: 0 15px;}
/* Load more button css*/