/*
Theme Name: 	SeoMix Framework Child
Description: 	Thème enfant Cedreo
Author: 	Daniel Roch
Author URI:	http://www.seomix.fr/author/daniel-roch/
Version: 	1.0.0
Text Domain: 	sxced-lang
Template:     	seomix-framework
Theme URI:	http://www.seomix.fr/
*/

/*********************
****** General *******
*********************/
* {font-family: Raleway;}
html body {padding:0;margin:0;overflow-x: hidden;}
body {background-color:#f3f4f8;}
body:not(.home) .content, body.page-template .content {max-width:1168px;margin:0 auto;position: relative;padding:0 1em;}
.pre-footer, .testimonials-block {background-color:#FFF;clear: both;width: 100vw;margin: 0 -50vw;left: 50%;right: 50%;position: relative;}
.inline-flex-container {max-width:inherit;display:flex;flex-flow:row wrap;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;}
.flex-align-right {justify-content: flex-end;}
/*body img{max-width:inherit;}*/
a {color:#16a29b;text-decoration:none;}
a:hover {color:#007d77;}
.number {background-color:#848F9B;color:#FFF;border-radius:50%;padding:5px 10px;}
/** buttons **/
.input-group .input-group-button {display:table-cell;margin:0;white-space:nowrap;display:table-cell;vertical-align:middle;}
.input-group {display:table;width:100%;margin-bottom:1rem;}
.input-group-button {padding-top:0;padding-bottom:0;text-align:center;width:1%;height:100%;}
.btn, input[type="submit"], button {font-size:14px;border:1px solid #16A29B;background-color:#16A29B;padding:10px 15px;text-transform:uppercase;font-weight:600;cursor:pointer;color:#FFF;transition:background-color .25s ease-out,color .25s ease-out;}
.home .fp-main-content .btn {border:1px solid #16A29B;background-color:#FFF;padding:10px 15px;text-transform:none;font-weight:normal;cursor:pointer;color:#121721;transition:background-color .25s ease-out,color .25s ease-out;}
a.btn {margin: 2em 0;display: inline-block;}
a.btn:hover, .home .fp-main-content .btn:hover {color:#FFF;background-color:#007D77;border-color:#007D77;}
.white-link {color: #FFF;font-weight: 600;}
.prices .white-link {color: #fff;}
.prices .white-link:hover {color: #fff;border-bottom: 1px solid #fff;}
.btn:hover {background-color: #007D77;border-color:#007D77;}
.bth:disabled {background-color: #CDCDCD;}
.btn.btn-empty {background-color: #FFF;color: #16A29B;}
.btn.btn-empty:hover {color: #007D77;}
.btn.btn-empty:disabled {color: #CDCDCD;}
.btn.btn-transparent {background-color: transparent;color: #16A29B;}
.btn.btn-transparent:hover {color: #007D77;}
.btn.btn-transparent:disabled {color: #CDCDCD;}
.btn.pdf::after {content:"";background-image:url(assets/images/download.png);background-repeat:no-repeat;background-size:20px;display:inline-block;width:20px;height:25px;margin-left:10px;vertical-align:middle;}
.h1 span,.h2 span,.lead span,blockquote span,h1 span,h2 span {color:#16a29b;font-weight:700;}
p {margin: 0;padding: 1.12em 0;}
.search-submit {padding:7.5px}
.no-bullet{margin-left:0;list-style:none;padding: 0;}
.no-bullet li::before{content:""!important;}
.entry-title{text-transform:uppercase;}
h1, h2, h3, h4, h5, h6 {
    font-family: Raleway;
    font-style: normal;
    font-weight: 600;
    color: inherit;
    text-rendering: optimizeLegibility;
}
h2:not(.entry-title) {color: #16a29b;font-size: 40px;margin-bottom: 0;font-weight: 600;text-transform:uppercase;}
h2.catchphrase {color: #fff;}
.offer-description h2 {color:#FFF;}
.subtitle {font-size: 27px;text-transform:uppercase;}
* {
    font-family: Raleway;
}
.content h1 {text-transform: uppercase;}
.content h1, .content h2 {
    line-height: 1.4;
    margin-top: 1em;
    margin-bottom: .5rem;
}
p {line-height: 1.5em;}
hr {clear: both;max-width: 75rem;height: 0;margin: 1.25rem auto;border-top: 0;border-right: 0;border-bottom: 1px solid #d4d4d4;border-left: 0;}
/** end buttons **/
/** lists **/
ol li {
    counter-increment: list;
    list-style-type: none;
    position: relative;
}
ul li {
    list-style-type: none;
    position: relative;
    line-height: 2em;
    padding: 0 1em;
}
ol li:before {
    color: #16A29B;
    content: counter( list ) ".";
    left: -32px;
    position: absolute;
    text-align: right;
    width: 26px;
    font-weight: 800;
}
.content ul li:not(.social-media-item)::before,
#sidebar .widget ul > li::before {
    content: "•";
    color: #16A29B;
    font-size: 30px;
    left: -20px;
    position: absolute;
    text-align: right;
    top: -10px;
}
/** Checkbox **/
span.wpcf7-list-item {position: relative;display:block;}
input[type=checkbox] {
    position: relative;
    visibility: hidden;
    margin: 0 40px 15px 0;
    font-size: 16px;
}
input[type=checkbox] + span.wpcf7-list-item-label {cursor: pointer;vertical-align: top;}
input[type=checkbox] + span.wpcf7-list-item-label:before {
    display: block;
    position: absolute;
    border-radius: 50px;
    width: 45px;
    height: 19px;
    left: 0;
    top: 0;
    background-color: #848f9b;
    padding-right: 0.3em;
}
input[type=checkbox] + span.wpcf7-list-item-label:after {
    position: absolute;
    background-color: #FFF;
    border-radius: 50%;
    width: 15px;
    height: 15px;
    left: 4px;
    top: 2px;
    transition: all 0.4s ease-out; 
}
input[type=checkbox]:checked + span.wpcf7-list-item-label:before {background-color:#16A29B;}
input[type=checkbox]:checked + span.wpcf7-list-item-label:after {background-color:#FFF;left:30px;}
input[type=checkbox]:disabled + span.wpcf7-list-item-label:before {background-color:#CDCDCD;}
input[type=checkbox]:disabled:checked + span.wpcf7-list-item-label:after {background-color:#FFF;left:30px;}
/** radio **/
input[type=radio] {
    position: relative;
    visibility: hidden;
    margin: 0 15px 15px 0;
}
input[type=radio] + span.wpcf7-list-item-label {cursor: pointer;vertical-align: top;}
input[type=radio] + span.wpcf7-list-item-label:before {position:absolute;left:0;}
input[type=radio] + span.wpcf7-list-item-label:after {
    display: block;
    position: absolute;
    border-radius: 50px;
    width: 10px;
    height: 10px;
    left: 0;
    top: 0;
    background-color: #FFF;
    padding: 3px;
    border: 2px solid #848f9b;
}
input[type=radio]:checked + span.wpcf7-list-item-label:before {
    position: absolute;
    top: 4px;
    left: 4px;
    width: 12px;
    height: 12px;
    background-color: #16A29B;
    border-radius: 50%;
    z-index: 15;
}
input[type=radio]:disabled + span.wpcf7-list-item-label:after {
    border: 2px solid #CDCDCD;
}
input[type=radio]:disabled + span.wpcf7-list-item-label:before {
    position: absolute;
    top: 4px;
    left: 4px;
    width: 12px;
    height: 12px;
    background-color: #CDCDCD;
    border-radius: 50%;
    z-index: 15;
}
/** Input type text and email **/
input[type=text], input[type=email], input[type=search], input[type=tel], textarea {
    border-bottom: 2px solid #848f9b;
    border-top: 2px solid #848f9b;
    border-left: 2px solid #848f9b;
    border-right: none;
    padding: 7px 10px 6px 10px;
    color: #000;
    box-sizing: border-box;
    width: 100%;
}
textarea {height:inherit;}
input[type=text].wpcf7-not-valid, input[type=email].wpcf7-not-valid {
    border: 2px solid #C21C1C;
    color: #C21C1C;
}
input[type=text].wpcf7-not-valid, input[type=email].wpcf7-not-valid {
    border: 2px solid #C21C1C;
    color: #C21C1C;
    background: url('assets/images/error.png') 96% / 5% no-repeat;
}
.invalid .wpcf7-validates-as-required:not(.wpcf7-not-valid) {
    color: #50AA3B;
    border: 2px solid #50AA3B;
    background: url('assets/images/valid.png') 96% / 5% no-repeat;
}
.wpcf7-form .wpcf7-validation-errors {
    border: 2px solid #C21C1C;
    color: #C21C1C;
    margin: 1em auto 2em;
}
.wpcf7-form .wpcf7-validation-errors:before {
    margin-right: 10px;
    content:"\f335";
    font-family: dashicons;
    text-decoration: inherit;
    font-weight: normal;
    font-style: normal;
    vertical-align: bottom;
    text-align: center;
    transition: color .1s ease-in 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
/** Select **/
select {
    -ms-box-sizing: content-box;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    border: 2px solid #848f9b;
    padding: 5px 30px 5px 10px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url('assets/images/arrow-bottom.png') 96% / 5% no-repeat;
}
/** Text area **/
/** control buttons **/
.arrow-right, .arrow-left, .arrow-top, .arrow-bottom,
.plus, .cross, .minus, .yes {
    background-color: #16A29B;
    color: #FFF;
    font-size: 25px;
    padding: 10px;
    margin: 5px;
    font-family: dashicons;
    text-decoration: inherit;
    font-weight: normal;
    font-style: normal;
    vertical-align: bottom;
    text-align: center;
    transition: color .1s ease-in 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.arrow-right:hover, .arrow-left:hover, .arrow-top:hover, .arrow-bottom:hover,
.plus:hover, .cross:hover, .minus:hover {
    background-color: transparent;
    color: #CDCDCD;
    cursor: pointer;
}
.arrow-right::before {content:"\f345";}
.arrow-left::before {content:"\f341";}
.arrow-top::before {content:"\f343";}
.arrow-bottom::before {content:"\f347";}
.plus::before {content:"\f132";}
.cross::before {content:"\f335";}
.minus::before {content:"\f460";}
.yes::before {content:"\f147";}
/** error message **/
span.wpcf7-not-valid-tip {color:#C21C1C;background-color:#edbab9;padding:1em;margin:5px 0;}
span.wpcf7-not-valid-tip::before {
    content:"\f335";
    font-family: dashicons;
    text-decoration: inherit;
    font-size: 20px;
    font-weight: 600;
    font-style: normal;
    vertical-align: middle;
    text-align: center;
    transition: color .1s ease-in 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-right: .5em;
}
/** Blockquotes **/
.custom-blockquote::after {
    height: 100%;
    width: 100%;
    display: block;
    background: rgba(0,0,0,0.4);
    content: " ";
    position: absolute;
    top: 0px;
}
blockquote:not(.custom-blockquote) > p {
    color: #000;
}
blockquote > p {
    margin: 0 auto;
    padding: 1.12em .4em;
    position: relative;
    max-width: 1168px;
    color: #FFF;
    z-index: 15;
}
blockquote > p::before {
/*    font-family: dashicons;
    text-decoration: inherit;
    font-weight: normal;
    font-style: normal;
    vertical-align: bottom;
    text-align: center;
    transition: color .1s ease-in 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f205";
    position: absolute;
    top: 0.4em;
    left: -1em;*/
}
blockquote {
    margin: 1em 0;
    padding: 1em 0;
    text-align: center;
    font-size: 40px;
    background-color: #FFF;
    color: #848F9B;
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    background-size: cover;
    background-position: 50%;
    min-height: 354px;
    display: flex;
    align-items: center;
}
blockquote > p::after {
/*    font-family: dashicons;
    text-decoration: inherit;
    font-weight: normal;
    font-style: normal;
    vertical-align: bottom;
    text-align: center;
    transition: color .1s ease-in 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f205";
    position: absolute;
    bottom: .4em;
    right: -1em;
    transform: rotate(180deg);*/
}
.wpcf7-form {
    max-width: 300px;
}
/** general menu **/

.footer-navigation > .menu, .social-media-icons {
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
    display: -webkit-box; 
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    flex-wrap: wrap;
    justify-content: center;
}
@media screen and (min-width: 320px) and (max-width:659px) {
   .footer-navigation > .menu, .social-media-icons li.social-media-item:first-child{
    width: 100%;

    }
}


.footer-navigation > .menu {
    justify-content: center;
}
.slogan {
    font-size: 30px;
    text-align: center;
    color: #FFF;
    font-weight: 600;
    position: absolute;
    z-index: 5;
    top: 5em;
    left: 0;
    right: 0;
}
@media screen and (min-width: 961px) and (max-width:1365px) {
/*    .slogan {
        top: 4em;
    }*/
    .fp-header-block > .wrapper-home-slider > h1 {
        padding: 1em 0 0;
    }
    .fp-header-block-showcase {
        top: -5em;
    }
}
@media screen and (min-width: 1366px) {
    .site-header {
        margin-bottom: 90px;
    }
}
.breadcrumb-wrapper{position:relative;z-index:5;padding:.5em 0 0.5em 0.5em;color:#FFF;background-color: rgba(13,23,33,.7);text-align: left;}
@media screen and (min-width: 961px) {
    .breadcrumb-wrapper {
        padding: 0.5em 0;
    }
}

.breadcrumb{padding-left: 5px;max-width:1280px;margin:0 auto;z-index:5}
.breadcrumb > span > a {color:#b1b1b1;}
.breadcrumb > span:last-of-type {font-weight:600;}
#comments {margin: 4em 0 0;}
@media screen and (max-width: 500px) {
    #container {
    padding: 10px;
}
    .tablepress .odd {
        background-color: #f9f9f9;
    }
    .tablepress .even {
        background-color: #ffffff;
    }
    .tablepress tr {
        min-height: 50px;
    }
    .tablepress .row-hover tr:hover {
        background-color: #f3f3f3;
    }
}
.overlay {
    display: inline-block;
    background-color: rgba(0,0,0,.4);
    position: absolute;
    top: 34.4px;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
}
.wrapper-home-slider .overlay {
    top: 0;
    bottom: 173px;
}
@media screen and (max-width: 961px) { /** TODO: à supprimer quand .top-header devra réapparaître. */
    .wrapper-home-slider .overlay {
        display: none;
    }
}
.page-introduction > :not(.overlay), .need-help > :not(.overlay) {
    z-index: 10;
    position: relative;
}
@media screen and (min-width: 961px) {
    .page-introduction > :not(.overlay), .need-help > :not(.overlay) {
        margin: 0 auto 1em auto;
    }
}
.image-full-page-width {
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin: 3em -50vw !important;
    max-width: inherit;
}
/*************************
****** Site header *******
*************************/
.admin-bar .leadinModal.leadinModal-theme-top {top: 32px;}
body #cookie-banner {
    background-color: rgba(0,0,0,.8);
    font-size: .8rem;
    padding: .8em;
    width: 100%;
    border-bottom: none;
    position: fixed;
    z-index: inherit;
    font-weight: inherit;
    height: 50px;
    z-index: 15;
}
body #cookie-banner + .site-header {
    top: 50px;
    position: relative;
}
@media screen and (max-width: 600px) {
	body #cookie-banner {
	    position: relative;
	    height: 85px;
	    z-index: 300;
	}
}
@media screen and (max-width: 961px) {
	body #cookie-banner {
	    position: relative;
	    height: 100px;
	    z-index: 300;
	}
}
#cookie-banner #cookie-banner-container {
    width: initial;
}
#cookie-banner #cookie-banner-container .left {
    margin-right: 15px;
    margin-bottom:5px;
}
#cookie-banner #cookie-banner-container .left p {
    color: #FFF;
    margin: 0;
    padding: .5em 0 0;
}
#cookie-banner #cookie-banner-container p {
    margin: 0;
    padding: 0;
}
#cookie-banner #cookie-banner-container .right input[type="submit"] {
    font-size: .6rem;
    margin-right: 0;
    font-weight: inherit;
    padding: 6px 10px;
    background-color: transparent;
    border: 1px solid #16a29b;
    color: #16a29b;
    display: inline-block;
    -mox-box-shadow: none;
    box-shadow: none;
    float: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    background-image: none;
}
#cookie-banner #cookie-banner-container .right input[type="submit"]:hover {
    border-color: #0b514e;
    color: #0b514e;
}
.site-header {
    max-width: inherit;
    flex-flow: column wrap;
}
#header-one {
    background-color: #121721;
    display: flex;
    display: -webkit-box; 
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    align-items: center;
    position: relative;
    z-index: 15;
}
@media screen and (max-width: 1365px) {
    .fp-header-block > .wrapper-home-slider > h1 {
        padding: 0;
    }
}
@media screen and (min-width: 1366px) {
    #header-one {
        position: fixed;
        left: 0;
        right: 0;
        z-index: 9999;
    }
}
#header-one > #site-title {
    margin: 0;
    flex: 1 0 0;
    text-align: right;
}
#header-navmenu {
    background-color: rgba(19,23,34,.97);
}
@media screen and (max-width: 1024px) {
    #header-navmenu {
        /*height: 100%;*/
        position: fixed;
        top: 0;
        left: -400px;
        -moz-transition: .5s;
        -webkit-transition: .5s;
        -ms-transition: .5s;
        transition: .5s;
        width: 0;
    }
    #header-one .responsive-nav-icon {
        display: block;
        position: relative;
        padding: 5px 0 4px;
    }
}
#header-navmenu > .menu {
    margin-top: 0;
}
#header-navmenu .menu-item.calltoaction {
    /*padding: 0;*/
    text-align: center;
    margin: 1.6em 1em;
}
@media screen and (max-width: 1025px) {
	#header-navmenu .menu-item.calltoaction {
	    margin: 2.6em 4em 2em 4em;
	}
}
@media screen and (min-width: 1025px) {
    #header-navmenu {
        flex: 1 0 auto;
        min-height: 90px;
        display: flex;
        display: -webkit-box; 
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        justify-content: flex-end;
    }
    #menu-principal {
        display: flex;
        display: -webkit-box; 
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        align-items: stretch;
    }
    #menu-principal > .menu-item:last-child {
        height: inherit;
    }
    .site-header > .wrap .menu > .menu-item {
        display: flex;
        display: -webkit-box; 
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        align-items: center;
        cursor: pointer
    }
}
.responsive-nav-icon {
    color: #FFF;
}
@media only screen and (max-width: 1024px) {
    #toggle-menu .responsive-nav-icon {
        padding: 5px 0 4px 5px;
    }
}
/*modif rv*/
/*.menu-item:not(:last-child) {
    border-bottom: 1px solid #31363E;
}*/
.menu-item {
    line-height: 40px;
}
.menu-item > a {
    color: #FFF;
    display: block;
    text-decoration: none;
}
/*@media screen and (min-width: 961px) {
	#header-navmenu #menu-principal .menu-item {padding:0}
	.menu-item > a {
	    padding: 2em 0;
	 }
}*/
#header-navmenu .menu-item {
    padding: 0;
}
/*.menu-item .menu-item a {
    display: block;
}*/
.menu-item.calltoaction a {
   /* padding: 15px 15px;*/
}
@media screen and (min-width: 961px) {
	#header-navmenu .menu-item {
	    padding: 10px;
/*       padding:10px 10px 20px 10px;*/
	}
    .menu-item .menu-item a {
        padding: 20px 10px;
    }
    .menu-item {
        border-bottom: 0;
        line-height: inherit;
    }
    .menu-item:not(.btn):hover > a {
        color: #16A29B;
    }
    .menu-item-has-children:hover > .sub-menu {
        top: 97%;
        background-color: #121721;
        border-top: 3px solid #16A29B;
        z-index: 105;
    }
    #header-navmenu .sub-menu .menu-item {
    	padding: 0;
	}
    .menu-item-has-children > .sub-menu > .menu-item {
        padding: 0px;
    }
    .menu-item-has-children > .sub-menu > .menu-item:not(:last-of-type) {
        border-bottom: 1px solid #31363E;
    }
    .sub-menu {
        z-index: 5;
    }
}


@media screen and (max-width: 961px) {
	#main img {
	    padding: 5px;
	    box-sizing: border-box;
	}
        #main .tutoriel img, #main .gallery img {padding:0;}
}

/*@media screen and (min-width: 1366px) {
    .menu-item > a {
        padding: 0 15px;
    }
}*/
.opened > .responsive-nav-close {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);
    top: 0;
    right: 40px;
}
#header-one > #header-navmenu.slide-in {
    width: 85%;
    margin-bottom: 4em;
}
#header-one > #toggle-menu.opened {
    z-index: 5;
}
.menu:not(#menu-footer) .current-menu-item {
    border-bottom: 3px solid #16A29B;
}
.current-menu-item:not(.calltoaction) > a {
    color: #16A29B;
/*    margin-bottom: 4em;*/
    clear: both;
}
.fp-header-block > .wrapper-home-slider > h1 {
    font-size: 38px;
    color: #16A29B;
    padding: 1em 3px;
    position: relative;
    z-index: 5;
    max-width: 800px;
    margin: 0 auto;
    text-align: center;
    text-transform: uppercase;
}
.fp-header-block-informations{
    margin-top: 0em;
}
.fp-header-block {/*min-height:645px;*/background-repeat:no-repeat;}
.fp-header-block-informations, .fp-header-block-showcase {
    max-width: 800px;
    margin: 0 auto;
    text-align: center;
    z-index: 5;
    position: relative;
}
@media screen and (min-width: 961px) {
    .fp-header-block-informations {
        margin-top: 3em;
        z-index: 500;

    }
    .fp-header-block > .wrapper-home-slider > h1 {
        font-size: 45px;
        color: #FFF;
    }
}

@media screen and (min-width: 961px) {
    .banshadow::after {
        background: url(assets/images/shadow-carousel.png) top no-repeat;
        background-size: auto auto;
        background-size: 70%;
        content: "";
        display: block;
        height: 25px;
        width: 100%;
    }
}
.blog .page-header, .single .page-header {
    background-image: url(assets/images/blog.jpg);
}
.page-header::before {
    background: rgba(0,0,0,.6);
    bottom: 0;
    content: "";
    display: block;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}
.page-header {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #3f4655;
    background-image: url(assets/images/cedreo.jpg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column;
    flex-flow: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-height: 25vh;
    position: relative;
    padding: 3rem 0;
}
.page-header .page-title {
    color: #fff;
    letter-spacing: .05em;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    z-index: 100;
}
.banshadow .breadcrumb span:not(:first-of-type) {color: #fff;}
#header-one #site-title:last-child {text-align: center;}
/********************
****** Footer *******
********************/
.bottom-separator {
    min-height: 60px;
    clear: both;
}
.footer {clear: both;}

.footertop {padding-top:4em;}


.request-demo {
    background-color: #16a29b;
    padding: 5em 3em 6em;
    text-align: center;
    color: #FFF;
}

@media screen and (max-width: 600px) {
	.request-demo {
    	padding: 2em 0.5em 4em;
	}
}
.request-demo > li {
    list-style: none;
}
.request-demo .widgettitle {
    font-weight: 900;
    font-size: 2em;
    text-transform: uppercase;
}
.top-footer {
    background-color: #121721;
    color: #FFF;
    padding: 2em 3em 1em;
}
@media screen and (min-width: 961px) {
    .top-footer {
        padding: 1em 3em;
    }
}
.footer-circle-logo {
    margin: 0 auto;
    display: block;
    border-radius: 50%;
    top: -65px;
    position: relative;
    width: 250px;
    z-index: 10;
}
.text-seo-footer {
    position: relative;
    top: -65px;
    text-align: center;
    max-width: 1168px;
    margin: 0 auto;
}
.footer-navigation {
    background-color: #3D3D3D;
    display: flex;
    display: -webkit-box; 
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    flex-flow: column wrap;
    padding: 1em 0;
}
@media screen and (min-width: 640px) {
    .footer-navigation {
        padding: 1em 0;
    }
}
@media screen and (max-width: 640px) {
    .footer-navigation {
        /*padding:5px 0;*/
    }
}
.footer-navigation > .menu {
   /* flex: 1 0 0%;*/
   /* justify-content: space-around;*/
    flex-wrap: wrap;
}
@media screen and (min-width: 1366px) {
    .footer-navigation {
        flex-direction: row;
        align-items: center;
        justify-content: center;
    }
    .footer-navigation > .menu {
        justify-content: center;
        align-items: center;
        margin-right: 11em;
    }
}
#menu-footer > .menu-item > a {
    text-transform: uppercase;
}
.btn.newsletter::after {
    content: "\f465";
    display: inline-block;
    width: 20px;
    height: 20px;
    font-size: 20px;
    line-height: 1;
    padding-right: .3em;
    font-family: dashicons;
    text-decoration: inherit;
    font-weight: normal;
    font-style: normal;
    vertical-align: middle;
    text-align: center;
    transition: color .1s ease-in 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
/**********************
****** Sidebars *******
**********************/
.top-header {
    background-color: #31363E;
    max-width: inherit;
    flex: 1 0 auto;
    display: none; /** TODO: à supprimer quand ce menu devra réapparaître. */
}
@media screen and (min-width: 640px) {
    .top-header {
        padding: 0 3em;
    }
}
.social-networks {
  /*  flex: 1 0 0%;*/
/*  flex: 1 0 auto;*/
    /*margin-top: 2em;*/
}

@media screen and (min-width: 1366px) {
    .social-networks {
        margin-top: 0;
    }
}
/*********************
****** Widgets *******
*********************/
#sidebar .widget {
    background-color: #F1F3F5;
    padding: 1em;
    margin: 1em 0;
}
.sxced_login_link_widget {
    list-style: none;
}
.connection, .registration {
    color: #FFF;
    background: none;
    border: none;
    padding: 10px 0;
    cursor: pointer;
}
.connection:hover, .registration:hover {
    color: #16A29B;
}
.connection::before, .registration::before {
    content: "\f160";
    display: inline-block;
    width: 20px;
    height: 20px;
    font-size: 20px;
    line-height: 1;
    padding-right: .3em;
    font-family: dashicons;
    text-decoration: inherit;
    font-weight: normal;
    font-style: normal;
    vertical-align: bottom;
    text-align: center;
    transition: color .1s ease-in 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.registration::before {
    content: "\f110";
}
.connection::before {
    content: "\f160";
}
.connection::after, .registration::after {
    content: "|";
    margin: 0 .5em;
    color: #000;
    font-size: 15px;
}
.widget_polylang {
    list-style: none;
}
.widget_polylang .screen-reader-text {
    display: none;
}
.widget_polylang img {
    border-style: none;
    max-width: 22px;
    height: 13px;
}
.widget_polylang > .lang-choice-selector {
    display: inline-block;
    margin: 0;
    padding: 0;
    list-style: none;
    cursor: pointer;
    position: relative;
    top: 13px;
}
.widget_polylang > .lang-choice-selector > .current-lang-item::after {
    content: "\f347";
    display: inline-block;
    width: 15px;
    height: 15px;
    font-size: 15px;
    color: #FFF;
    line-height: 13px;
    padding-right: .3em;
    font-family: dashicons;
    text-decoration: inherit;
    font-weight: 400;
    font-style: normal;
    vertical-align: bottom;
    text-align: center;
    transition: color .1s ease-in 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-left: 5px; 
}
.widget_polylang > .lang-choice-selector:hover > .lang-item {
    display: block;
}
.widget_polylang > .lang-choice-selector > .lang-item {
    display: none;
    position: relative;
    z-index: 500;
}
.counters_both {
    clear: both;
}
/*.social-media-item:first-of-type {
    width: 100%;
    text-align: center;
}*/
@media screen and (min-width: 1366px) {
    .social-media-item:first-of-type {
        width: inherit;
    }
}
.social-media-item button {
    border: none;
    padding: 0;
    background-color: transparent;
    cursor: pointer;
}
button.phone {
    height: 100%;
    cursor: default;
    margin: 0 5px;
    width:100%;
}
.social-media-item button > span {
    background-color: #14AFA6;
    border-radius: 50%;
    border: 1px solid #14AFA6;
    display: block;
    margin: 15px 5px;
    color: #FFF;
    padding: 5px;
}
.social-media-item button > span::before {
    display: inline-block;
    width: 25px;
    height: 25px;
    font-size: 25px;
    line-height: 1;
    text-decoration: inherit;
    font-weight: normal;
    font-style: normal;
    vertical-align: middle;
    text-align: center;
    transition: color .1s ease-in 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.twitter-icon::before {
    content: "\f301";
    font-family: dashicons;
}
.facebook-icon::before {
    content: "\f305";
    font-family: dashicons;
}
.linkedin-icon::before {
    content: "\f0e1";
    font-family: FontAwesome;
}
.googleplus-icon::before, .google-icon::before {
    content: "\f462";
    font-family: dashicons;
}
.pinterest-icon::before {
    content: "\f231";
    font-family: FontAwesome;
}
.youtube-icon::before {
    content: "\f16a";
    font-family: FontAwesome;
}
.instagram-icon::before {
    content: "\f16d";
    font-family: FontAwesome;
}
.rss-icon::before {
    content: "\f303";
    font-family: dashicons;
}
.mail-icon::before {
    content: "\f466";
    font-family: dashicons;
}
input[type="search"] {
    width: inherit;
}
input[type="search"].search-field {padding: 8px;}
#sidebar .widget header {
    color: #848f9b;
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase;
}
#sidebar .widget:not(.recent-posts-widget-with-thumbnails) ul {
    padding-left: 30px;
    margin: .5em 0 1.5em;
}
.widget .rpwwt-widget ul li {
    margin: .5em 0 1em;
    border-top: 1px solid #CDCDCD;
}
.widget .rpwwt-widget ul li img {
    margin-top: 1em;
}
.rpwwt-post-title::before {
    content: "> ";
    vertical-align: middle;
}
.rpwwt-post-title {
    display: block;
    margin-top: 20px;
}
/***************************
****** ACF templates *******
***************************/
.for-further {
    clear: both;
    padding: 3em 1em;
}
.for-further > h2 {
    color: #FFF;
    text-align: center;
    text-transform: uppercase;
}
.for-further .inline-flex-container {
    justify-content: center;
    align-items: center;
}
.for-further-item {
    margin: 0 4em 4em 4em;
}
.btn.transparent-btn {
    display: inline-block;
    margin: 0;
    background: none;
    padding: 1em;
    color: #FFF;
    border-color: #FFF;
}
.btn.transparent-btn:hover {
    color: #16A29B;
    border-color: #FFF;
    background-color: #FFF;
}
.for-further-icon {
    display: block;
    margin: 2em auto;
    max-width: 100px;
}
.site-header .need-help {
    background-position: 0 20%;
    margin-bottom: 7em;
}
.need-help > h1, .page-introduction h2, .page-introduction h1 {
    text-align: center;
    color: #FFF;
    padding: 1em 0 0;
}
.need-help .inline-flex-container {
    justify-content: space-around;
    max-width: 1500px;
    margin: 0 auto;
}
.help-page-link {
    color: #FFF;
    cursor: default;
    text-align: center;
    display: block;
    text-transform: uppercase;
    font-weight: 600;
    position: relative;
    top: 5em;
    padding: 15px;
    margin: 1em 0;
}
span.help-page-link{cursor:inherit;}
.need-help-subject {
    display: block;
    margin: 3em 0 1em;
    max-width: 350px;
    position: relative;
    top: -75px;
}
.help-page-link > img {
    display: block;
    border: 3px solid transparent;
    margin: 0 auto;
}
.help-page-link > img:hover {
    border-color: #16A29B;
    border-radius: 50%;
    cursor: pointer;
}
.help-page-link:hover {
    color: #FFF;
}
a.help-page-link:hover {
    cursor: pointer;
}
@media screen and (min-width: 961px) {
    .need-help .inline-flex-container {
        margin-top: 7em;
    }
    .help-page-link {
        padding: inherit;
        margin: inherit;
    }
    .need-help-subject {
        margin: 3em 0;
    }
}
.help-page-link:hover .half-bottom-circle {border-color: #007d77;}
.half-bottom-circle {
    height: 75.5px;
    width: 150px;
    position: relative;
    border-bottom-left-radius: 100px;
    border-bottom-right-radius: 100px;
    border: 5px solid transparent;
    border-top: 0;
}
.help-page-link:hover .need-help-icon {
    display: none;
}
.help-page-link:hover .need-help-icon-hover,.help-page-link:hover .tooltip-support {
    display: block;
}
.need-help-icon {
    position: absolute;
    top: -75px;
    left: 0;
}
.need-help-icon-hover {
    display: none;
}
.arrow-tooltip {
    display: none;
}
@media screen and (min-width: 961px) {
    .help-page-link:hover .arrow-tooltip {
        display: block;
        height: 0;
        position: relative;
        top: -.4em;
    }
    .arrow-tooltip::before {
        content: "";
        width: 0; 
        height: 0; 
        border-left: 15px solid transparent;
        border-right: 15px solid transparent;
        border-bottom: 20px solid white;
    }
}
.tooltip-support {
    display: none;
    background-color: #FFF;
    padding: 2em 3em;
    position: absolute;
    left: 0;
    right: 0;
}
@media screen and (max-width: 961px) {
	.tooltip-support {
    	position: relative;
	}
}
.testimonial {
    max-width: 1168px;
    margin: 0 auto;
}
.customer-image {
    padding: 1em 0;
}
.customer-image > img {
    border-radius: 50%;
    margin: 0 auto;
    display: block;
    max-width: inherit;
}
.testimonial-informations-header {
    font-weight: 600;
}
.testimonial-informations-header > .firstname, .testimonial-informations-header > .lastname {
    font-size: 18px;
    color: #121721;
}
.testimonial-informations-header > p {
    color: #16A29B;
    font-size: 18px;
    margin: 0 0 1em;
}
.testimonial-informations-body-outside {
    position: relative;
}
.testimonial-informations-body-outside::before {
    position: absolute;
    left: 0px;
    top: -1px;
    content: '';
    border-bottom: 20px solid #f6f6f8;
    border-right: 30px solid transparent;
}
.testimonial-informations-body-top-bar {
    height: 15px;
    background-color: #FFF;
}
.testimonial-informations-body {
    background-color: #f6f6f8;
    padding: 15px 10px;
}
.testimonial-title {
    font-size: 36px;
    color: #848f9b;
}
.testimonial-content {
    font-size: 16px;
    color: #848f9b;
}
@media screen and (min-width: 961px) {
    .testimonial {
        display: flex;
        display: -webkit-box; 
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        align-items: center;
        justify-content: space-between;
        padding: 4em 0 4em;
        clear: both;
    }
    .testimonial-informations {
        padding: 0 3em;
    }
}
.prices {
    clear: both;
    max-width: 1168px;
    margin: 0 auto -150px;
    display: flex;
    display: -webkit-box; 
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    flex-flow: row wrap;
    justify-content: space-between;
    position: relative;
    top: -160px; /** -180px*/
    z-index: 10;
    width: 100%;
}
@media screen and (min-width: 961px) {
    .prices {top:-130px;padding: 3em 1em;}
}
@media screen and (min-width: 1366px) {
    .prices {top:-60px;}
}
.half_width_prices_template {
    flex: 1 0 auto;
    margin: 1em;
    text-align: center;
    color: #FFF;
    border: 10px solid #FFF;
    box-shadow: 0px 10px 20px -10px #333;
    box-sizing: border-box;
}
.price-target-icon {
    display: block;
    margin: 2em auto 0;
    height: 100px;
    width: auto;
}
.price-target-icon-label {
    display: block;
    font-weight: 600;
}
.target {
    font-size: 30px;
    font-weight: 600;
    display: block;
    margin: 1em 0;
    text-transform: uppercase;
}
.half_width_prices_template .content {
    min-height: 120px;
}
.full_width_prices_template {
    flex: 1 0 auto;
    text-align: center;
    color: #FFF;
    border: 10px solid #FFF;
    margin: 1em;
    box-sizing: border-box;
    box-shadow: 0px 10px 20px -10px #333;
}
@media screen and (max-width: 961px) {
	.prices .full_width_prices_template {
	 flex: 0 1 auto;
         width: 100%;
	}
}
.prices .content {margin-top: 2em !important;}
.prices .content p {padding:0;}
.catchphrase {
    text-transform: uppercase;
    font-size: 28px;
    color: inherit;
    font-weight: inherit;
    color: #FFF;
}
.catchphrase-answer {
    text-transform: uppercase;
    font-size: 40px;
    font-weight: 600;
}
.criteria {
    text-transform: uppercase;
    font-size: 24px;
    font-weight: 600;
    display: block;
    padding: .2em 0;
}
@media screen and (min-width: 961px) {
    .criteria {display: inline;}
    .criteria:not(:last-of-type)::after {
        content: "•";
        font-size: 50px;
        vertical-align: middle;
        margin: 0 10px;
    }
}
.image-product-template {
    z-index: 5;
}
.text-product-template {
    z-index: 10;
    background-color: #f1f3f5;
    position: relative;
}
.picto {display:none;}
.page-template .product.inline-flex-container {min-height: 35em;}
.product.inline-flex-container:last-of-type > .text-product-template {/*box-shadow: inherit;*/}
@media screen and (max-width: 961px) {
    .product.inline-flex-container, .feature.inline-flex-container {
        flex-flow: column wrap;
    }
    .product:nth-child(even) .text-product-template {order:2;}
    .product:nth-child(even) .image-product-template {order:1;}
}
.text_product > p:last-child, .text_product > h2 {
    text-align: center;
}
@media screen and (max-width: 961px) {
	.footertop {
    	margin-top: 2em;
	}
}
@media screen and (max-width: 600px) {
    .footertop {margin-top:0;padding-top:0;
    }
}
@media screen and (min-width: 961px) {
    .product:nth-child(odd) .text-product-template > .picto {
        position: absolute;
        left: -55px;
        display: block;
        margin-top: 15px;
    }
    .product:nth-child(even) .text-product-template > .picto {
        position: absolute;
        right: -55px;
        display: block;
        margin-top: 15px;
    }
    .product:nth-child(even) .text_product {
        float: right;
    }
    .text_product {
        padding: 4em;
        max-width: 600px;
    }
    .text_product > p:last-child, .text_product > h2 {
        text-align: inherit;
    }
}
.text_product a.btn {
    margin: 0;
}
.product:nth-child(even) .text-product-template {
    -webkit-box-shadow: 10px 0px 15px -10px #333;
    box-shadow: 10px 0px 15px -10px #333;
}
.product:nth-child(odd) .text-product-template {
    -webkit-box-shadow: -10px 0px 15px -10px #333;
    box-shadow: -10px 0px 15px -10px #333;
}
.image-product-template,.text-product-template {
    flex: 1 0 0;
    box-sizing: border-box;
}
.image-product-template {
    background-color: #DFE3E4;
}
.image-product-wrapper {
    position: relative;
}
@media screen and (min-width: 1200px) {
	.image-product-wrapper {min-height: 32em;}
}
.text-product-template {padding: 0 1em;}
.product:nth-child(odd) .image-product, .product:nth-child(odd) .image-product.slidein {right:0em;width:100%;}
.product:nth-child(even) .image-product, .product:nth-child(even) .image-product.slidein {left:0em;width:100%;}
@media screen and (min-width: 961px) {
    .image-product {
        position: absolute;
    }
    .product:nth-child(odd) .image-product {
        right:9999px;
        transition: 1s;
    }
    .product:nth-child(even) .image-product {
        left:9999px;
        transition: 1s;
    }
    .image-product-template {
        overflow: hidden;
    }
    .image-product-wrapper {
        padding: 0;
        min-height: 20em;
    }
    .text-product-template {padding:0;}
}
.no-top + .features {
    top: inherit;
    position: inherit;
}
#main > .features:first-child {
    top: inherit;
}
.features {
    max-width: 1180px;
    margin: 0 auto;
    position: relative;
    top: -90px;
}
.feature {
    margin: 3em 0;
    max-width: 1080px;
}
.feature:nth-child(even) {
    margin-left: auto;
}
.text-feature-template {
    background-color: #FFF;
    flex: 4 0 0;
    box-shadow: 2px 6px 10px 1px rgba(0, 0, 0, 0.4);
    position: relative;
    box-sizing: border-box;
    padding: 0 1em;
    width: 100%;
}
.text_feature > h2 {
    font-size: 20px;
}
.text_feature > p:first-of-type {
    padding-top: 1.12em;
}
.text_feature > p {
    padding: .5em 0;
}
.image-feature-template {
    flex: 4 0 0;
    align-self: center;
}
.image-feature-wrapper {
    max-width: 100%;
    padding: 0;
    line-height: initial;
}
.page-introduction, .need-help {
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
    color: #FFF;
    font-size: 16px;
    min-height: 400px;
    background-position: center;
    position: relative;
}
.page-introduction.template-offre-pro {min-height:500px;}
.intro-content-text {
    max-width: 1280px;
    margin: 1em auto 0;
    color: #FFF;
    height: 350px;
    text-align: center;
    display: table;
    width: 100%;
}
.intro-content-text > h1 {margin:0;padding:0;display:table-cell;vertical-align: middle;}
.intro-content-text > *:not(h1) {display: table-row;}
@media screen and (min-width: 961px) {
    .intro-content-text {
        margin: 3em 3em 0;
    }
    .intro-content-text > h1 {
        margin: 1em 0;
    }
}
.intro-content-text > h3 {
    margin-top: 2em;
}
.intro-content-text > * {
    margin: auto;
}
/** TODO: à supprimer quand .top-header devra réapparaître. */
@media screen and (min-width: 1366px) {
    .text-feature-template {
        padding: 2em 1.4em;
    }
    .page-introduction, .need-help {
        position: relative;
        top: 90px;
    }
}
.page-introduction > .btn {
    margin: 2em 0 5em;
}
.page-introduction h1 {
    text-align: center;
    font-size: 45px;
    color: #FFF;
    text-transform: uppercase;
    font-weight: 600;
    margin: 1em 0;
}
@media screen and (max-width: 960px) {
    .page-introduction h1 {
        font-size: 30px;
        -webkit-hyphens: auto;
        -moz-hyphens: auto;
        -ms-hyphens: auto;
        -o-hyphens: auto;
        hyphens: auto;
    }
}
@media screen and (max-width: 800px) {
    .page-introduction h1 {
        padding-bottom: 2.5em;
        /*modif rv*/
        padding-left: 20px;
        padding-right:20px;
    }
}
.page-introduction p:not(.intro-picto-item) {
    max-width: 1280px;
    color: #FFF;
}
@media screen and (min-width: 961px) {
    .page-introduction p:not(.intro-picto-item) {
        margin: 1em auto 3em;
        padding: 0;
    }
}
@media screen and (max-width: 960px) {
    .page-introduction p:not(.intro-picto-item) {
        padding: 2em 0;
    }
}
.page-introduction .inline-flex-container {
    justify-content: center;
}
.page-introduction .inline-flex-container a.btn {
    margin: 0;
}
.page-introduction-picto-block {
    text-align: center;
    align-self: center;
    flex-basis: 15%;
    padding: 0 15px;
}
.intro-picto-item {
    font-size: 20px;
    color: #FFF;
    font-weight: 600;
    text-transform: uppercase;
}
.slogan-block {
    line-height: inherit;
    box-sizing: border-box;
    background-color: #FFF;
    width: 100vw;
    margin: 0 -50vw 5em;
    left: 50%;
    right: 50%;
    position: relative;
}
@media screen and (max-width: 900px) {
	.slogan-block {
	    margin: 0 -50vw 3em;
	}
}

.slogan-white-container {
    max-width: 1180px;
    margin: 0 auto;
}
.slogan-imagery {
    text-transform: uppercase;
    font-weight: 600;
    font-size: 18px;
}
.slogan-imagery > ul {
    padding: 1em 0;
    margin: 0;
}
#container #main ul:not(.no-bullet) > li:not(.social-media-item)::before {
    content: "" !important;
    background-image: url(assets/images/check-list.png);
    padding: 0;
    height: 30px;
    width: 30px;
    background-size: 30px;
    display: inline-block;
    background-repeat: no-repeat;
    vertical-align: middle;
}
.content ul:not(.no-bullet) > li:not(.social-media-item)::before {margin-top: 10px;}
.slogan-content {
    text-align: center;
    font-size: 27px;
    text-transform: uppercase;
    width: 100vw;
    margin: 0 -50vw;
    left: 50%;
    right: 50%;
    position: relative;
    background: #F3F4F8;
    padding: 3em 0;
    clear: both;
}
.slogan-content > h2 {
    font-size: 40px;
    color: #04afa7;
    font-weight: 600;
    text-transform: uppercase;
    margin: 0;
}
.slogan-content > p {
    margin: 0;
}
.pro-offer {
    padding: 0 1em;
}
.pro-offer {
    padding: 0 1em;
/*    max-height: 480px;*/
	max-height: 50em;
}

.offer-price-circle {
    margin: 0 auto;
    display: block;
    border-radius: 50%;
    position: relative;
    width: 300px;
    text-align: center;

    color: #FFF;
    z-index: 10;
}
@media screen and (min-width: 961px) {
	.offer-price-circle {
		height: 300px;
	}

}

.offer-price-content {
    text-transform: uppercase;
    color: #FFF;
    font-size: 27.5px;
    position: relative;
}
.offer-price-content > * {
    margin: 0;
}
@media screen and (min-width: 961px) {
    .offer-price-circle {
        top: -65px;
    }
    .offer-price-content {
        top: -95px;
    }
    .offer-description {
    	top:-200px;
    }

}
@media screen and (max-width: 960px) {
    .offer-price-circle > img {
        display: none;
    }
}
.icon-offer {
    position: relative;
    top: -73px;
}



.offer-description {
   /* top: -200px;*/
    position: relative;
    color: #FFF;
    text-align: center;
    box-sizing: border-box;
    z-index: 15;
    max-width: 980px;
    margin: 0 auto -11em auto;
}
@media screen and (max-width: 960px) {
	.offer-description {
	   margin: 0 auto;
	}

}
.offer-description > p:first-of-type {
    text-transform: uppercase;
}
.offer-description .btn {
    color: #FFF;
    border-color: #FFF;
}
.advantages, .faq {
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 4em;
}
.advantage-items, .question-items {
    max-width: 1180px;
    margin: 3em auto 0;
}
.advantage-row, .question-item {
    text-align: initial;
    text-transform: initial;
    padding: 1em;
    position: relative;
}
.advantage-row:nth-child(odd), .question-item:nth-child(odd) {
    background-color: #FFF;
}
.question, .advantage-row-title {
    cursor: pointer;
}
.advantage-row-title, .question {
    color: #68a03c;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 600;
}
.advantage-row-content.description p {
    line-height: 22px;
}
@media screen and (min-width: 961px) {
    .advantage-row-title, .question {
        font-size: 16px;
    }
}
.company-advantage .advantage-row-title, .question {
    color: #848f9b;
}
.question {
    font-weight: 600;
}
.active-desctiption {
    color: #16A29B;
}
.for-conpany {
    color: #848f9b;
    font-size: 16px;
    display: block;
}
@media screen and (min-width: 961px) {
    .for-conpany {
        float: right;
        margin-right: 6em;
    }
}
.toggle-advantage, .toggle-answer {
    color: #68a03c;
    float: right;
    cursor: pointer;
}
.question-items .toggle-answer + p {
    display: none;
}
.question-item .toggle-answer {
    color: #16A29B;
}
.advantage-row-content, .answer {
    display: none;
}
.company-advantage .advantage-row-content, .answer {
    color: #848f9b;
}
.answer {background-color: #FFF;}
@media screen and (min-width: 500px) {
    .answer {margin:1.2em -1em;padding: 0 1.2em;}
}
.answer ul {
    margin: 0;
    padding: 1em 3em;
}
.answer ul li {
    text-transform: uppercase;
    font-weight: 600;
    padding: .5em 0;
}
.answer ul li::before {
    content: "\f345";
    font-family: dashicons;
    text-decoration: inherit;
    font-weight: normal;
    font-style: normal;
    vertical-align: bottom;
    text-align: center;
    transition: color .1s ease-in 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.answer ul li > a {
    color: #848f9b;
}
.answer ul li > a:visited, .answer ul li > a:hover {
    color: #007d77;
}
.navigation-filter-categories .menu-filter-categories {
    justify-content: center;
}
.tutoriels, .galleries {
    justify-content: flex-start;
    max-width: 1180px;
    margin: 0 auto;
}
/*.tutoriels {margin-bottom: 10em;}*/

.tutoriel, .gallery {
    position: relative;
    box-sizing: border-box;
    max-width: 375px;
    margin: .5em;
}
@media screen and (min-width: 961px) {
    .tutoriel, .gallery {
        flex: 1 0 30%;
    }
}
@media screen and (max-width: 961px) {
	.tutoriel-informations {
		bottom: 9px; 
		left: 5px;
    	right: 5px;
	}

}
.tutoriel-informations, .tutoriel-informations-hidden {
    position: absolute;
    bottom: 4px; 
    text-align: center;
    left: 0;
    right: 0;
    height: 128px;
    background-color: rgba(0, 0, 0, .5);
    color: #FFF;
    font-weight: 600;
    font-size: 22px;
    padding: 0 1.12em;
}
.tutoriel-informations > p {
    text-align: center;
    vertical-align: middle;
    padding: 0;
}
.tutoriel-informations::before {
    content: "";
    display: block;
    background-image: url(assets/images/zoom.png);
    background-size: 25px;
    height: 25px;
    width: 25px;
    margin: 0 auto;
    top: -15px;
    position: relative;
    background-color: #16a29b;
    border-radius: 50%;
    padding: 5px;
    background-repeat: no-repeat;
    background-position: 5px;
}
.tutoriel:hover .tutoriel-informations {
    display: none;
}
.tutoriel-informations-hidden {
    display: none;
}
.tutoriel:hover .tutoriel-informations-hidden {
    display: block;
    height: 100%;
    max-height: 375px;
}
.tutoriel-informations-hidden > p:first-child {
    padding: 1em 0 1.12em;
}
.tutoriel-informations-hidden > p:not(:first-child) {
    padding: 0;
}
.tutoriel-informations-hidden > p:not(:first-child) {
    font-size: 14px;
}
.tutoriel-informations-hidden > a {
    font-size: 13px;
}
.grids-layout {
    max-width: 1168px;
    margin: 0 auto;
}
.grids-layout .row:last-of-type .column:last-of-type {margin-bottom: 3em;}
.cboth{clear:both;}
.fcenter {text-align: center;}
.contact {max-width: 1168px;margin: 0 auto;}
.column.\31 -column {float: none;}
.column.\32 -column, .column.\33 -column > div {width: 100%;float: none;padding: 0 2em;box-sizing: border-box;}
@media screen and (min-width: 961px) {
    .\31 -1 {
        width: 100%;
    }
    .\31 -2 {
        width: 49%;
    }
    .\31 -3 {
        width: 33.333333%;
    }
    .\31 -4 {
        width: 24%;
    }
    .\32 -3 {
        width: 65.666666%;
    }
    .\33 -4 {
        width: 74%;
    }
    .fleft {
        float: left;
        padding: 0 5px;
    }
    .fright {
        float: right;
    }
    .fcenter {
        float: left;
    }
    .column.\32 -column {float: left;width:50%;display:flex;flex-flow:column wrap;}
    .column.\33 -column {float: left;width:33.333%;display:flex;flex-flow:column wrap;}
}
.more-gallery-block {text-align: center;margin:1em 0;}
.gallery.item:hover .gallery-item-hover{display:block;}
.gallery.item:hover .gallery-item-hover .gallery-item-content{display:none;}
.gallery-item-hover {display:none;position:absolute;left:0;right:0;top:0;bottom:3px;background-color:rgba(0,0,0,.5);color:#FFF;text-align:center;padding:1em;font-weight:600;font-size:22px;cursor:pointer;}

@media screen and (max-width: 961px) {
	.gallery-item-hover {left: 5px;right: 4px;top: 4px;bottom: 8px;}
}
.gallery-item-title::after {
    content: "";
    display: block;
    background-image: url(assets/images/zoom.png);
    background-size: 25px;
    height: 25px;
    width: 25px;
    margin: 15px auto 0;
    position: relative;
    background-color: #16a29b;
    border-radius: 50%;
    padding: 5px;
    background-repeat: no-repeat;
    background-position: 5px;
}
.gallery-item-content {
    color: #FFF;
}
.features.formations .inline-flex-container:first-child {padding-top: 3em;}
.acf-map {width: 100%;height: 400px;border: #ccc solid 1px;margin: 20px 0;}
/* fixes potential theme css conflict */
.acf-map img {max-width: inherit !important;}
.fancybox-overlay .fancybox-opened .fancybox-skin {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    background: #f9f9f9;
}
.fancybox-overlay .fancybox-title {
    font-size: 22px;
    font-weight: 600;
    padding: .5em 10px;
}
.fancybox-inner .fancybox-title-over-wrap {
    top: -60px;;
    color: #fff;
    padding: 10px 0;
    background: inherit;
    font-weight: 600;
    font-size: 22px;
}
.fancybox-skin .fancybox-nav span {
    visibility: visible;
}
.fancybox-skin .fancybox-prev {
    left: -6em;
}
.fancybox-skin .fancybox-prev > span {
    background-image: none;
}
.fancybox-skin .fancybox-prev > span::after {
    display: inline-block;
    content: "\f341";
    color: #FFF;
    font-family: dashicons;
    text-decoration: inherit;
    font-size: 60px;
    font-weight: 600;
    font-style: normal;
    vertical-align: middle;
    text-align: center;
    transition: color .1s ease-in 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    cursor: pointer;
}
.fancybox-skin .fancybox-next {
    right: -6em;
}
.fancybox-skin .fancybox-next > span {
    background-image: none;
    right: 36px;
    background-position: 0 -36px;
}
.fancybox-skin .fancybox-next > span::after {
    display: inline-block;
    content: "\f345";
    color: #FFF;
    font-family: dashicons;
    text-decoration: inherit;
    font-size: 60px;
    font-weight: 600;
    font-style: normal;
    vertical-align: middle;
    text-align: center;
    transition: color .1s ease-in 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    cursor: pointer;
}
.fancybox-overlay .fancybox-close {
    background-image: none;
    right: 10px;
    z-index: 8065;
}
.fancybox-overlay .fancybox-close::after {
    display: inline-block;
    content: "\f335";
    color: #FFF;
    font-family: dashicons;
    text-decoration: inherit;
    font-size: 40px;
    font-weight: 600;
    font-style: normal;
    vertical-align: middle;
    text-align: center;
    transition: color .1s ease-in 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    cursor: pointer;
}
/************************
****** Tablepress *******
************************/
table.tablepress tbody td, table.tablepress tfoot th {
    border: none;
}
.tablepress thead tr th {
    background-color: inherit;
    border: none;
}
table thead tr th > span {
    background-color: #848F9B;
    padding: .5em;
    display: block;
    text-align: center;
    color: #FFF;
}
@media screen and (min-width: 961px) {
    table thead tr th > span {
        font-size: 30px;
    }
}
tbody td:not(.column-1) {
    font-weight: 600;
    font-size: 16px;
    color: #848F9B;
    text-align: center;
}
table .yes {
    background-color: #848F9B;
    border-radius: 50%;
    margin: 0;
    padding: 5px 5px;
    font-size: 20px;
}
/***********************
****** Home Page *******
***********************/
.main-title {
    text-align: center;
    font-size: 45px;
    text-transform: uppercase;
    padding-top: 0;
    margin: 0;
    padding: 0px;
}
.main-title > .first-part {
    color: #04afa7;
}
@media screen and (max-width: 961px) {
    .fp-main-content > .inline-flex-container {display:block;}
}
.fp-main-content > .inline-flex-container > .text-information-column {
    text-align: center;
}
.fp-main-content > .inline-flex-container:nth-child(even) {
    flex-direction: row-reverse;
}
.fp-main-content > .inline-flex-container:not(:last-of-type) {
    align-items: center;
}
.fp-main-content > .inline-flex-container:nth-child(odd):not(:last-of-type) .image-column > img {
    float: left;
}
.fp-main-content > .inline-flex-container .image-column > img {
    display: none;
}
.text-information-column > .text-information > p:not(:last-of-type) {
    padding: 0;
}
.text-information-column > .text-information > .text-image {
    display: inline-block;
    margin-left: auto;
    border-radius: 50%;
    background-color: #FFF;
    padding: 0;
}
.text-information-column > .text-information > .text-image > img {
    vertical-align: middle;
    max-width: 120px;
}
.text-informations-title {
    font-size: 35px;
    text-transform: uppercase;
    color: #16A29B;
    font-weight: 600;
    margin: 0;
}
.text-informations-subtitle {
    font-size: 27px;
    text-transform: uppercase;
    margin: 0;
    line-height: 1em;
}
@media screen and (min-width: 961px) {
    .fp-main-content {
        background-image: url('assets/images/points-tillets.png');
        background-repeat: no-repeat;
        background-position-x: 50%;
        overflow: hidden;
    }
    .fp-main-content > .inline-flex-container div:nth-child(even),
    .fp-main-content > .inline-flex-container div:nth-child(odd) {
        flex: 1;
    }
    .fp-main-content > .inline-flex-container:nth-child(odd):not(:last-of-type) > .text-information-column {
        text-align: right;
    }
    .fp-main-content > .inline-flex-container:not(:nth-child(odd)) > .text-information-column,
    .fp-main-content > .inline-flex-container:last-of-type > .text-information-column {
        text-align: left;
    }
    .fp-main-content > .inline-flex-container:not(:last-of-type) .text-information {
        max-width: 50%;
    }
    .fp-main-content > .inline-flex-container:last-of-type > .text-information-column > .text-information {
        max-width: 25%;
        margin: 0 auto;
    }
    .fp-main-content > .inline-flex-container .image-column > img {
        display: inherit;
        -webkit-transform-origin: 50% 100%;
        transform-origin: 50% 100%;
        -webkit-transform: translateZ(-5rem);
        transform: translateZ(-5rem);
    }
    .fp-main-content > .inline-flex-container:last-of-type {
        flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
    }
    .fp-main-content > .inline-flex-container > .image-column.animate {
        -webkit-animation: floating 5s -1s infinite;
        animation: floating 5s -1s infinite;
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-transform-style: preserve-3d;
        transform-style: preserve-3d;
    }
    @keyframes floating {
        0%, 100% { transform: translateY(-5%); }
        50% { transform: translateY(0); }
    }
    .fp-main-content > .inline-flex-container:last-of-type > .image-column, .fp-main-content > .inline-flex-container:last-of-type > .text-information-column {-ms-flex: auto;}
    /** A virer après livraison des images **/
    .fp-main-content > .inline-flex-container:last-of-type > .image-column > img {
        margin: 0 auto;
        display: block;
    }
    .fp-main-content .text-information-column .text-information {
        transition: 1s;
        position: relative;        
    }
    .fp-main-content > .inline-flex-container:nth-child(even):not(:last-of-type) .image-column > img,
    .fp-main-content > .inline-flex-container:nth-child(even):not(:last-of-type) .text-information-column > .text-information {
        float: right;
    }
    .fp-main-content > .inline-flex-container:nth-child(even):not(:last-of-type) .image-column > img {
        float: right;
        position: relative;
        right: -9999px;
        transition: 1s;
    }
    .fp-main-content > .inline-flex-container:nth-child(even):not(:last-of-type) .image-column > img.slidein {
        right: -50px;
    }
    .fp-main-content > .inline-flex-container:nth-child(odd):not(:last-of-type) .image-column > img {
        float: left;
        position: relative;
        left: -9999px;
        transition: 1s;
    }
    .fp-main-content > .inline-flex-container:nth-child(odd):not(:last-of-type) .image-column > img.slidein {
        left: -50px;
    }
    .fp-main-content > .inline-flex-container:nth-child(even):not(:last-of-type) .text-information {
        left: -9999px;
    }
    .fp-main-content > .inline-flex-container:nth-child(odd):not(:last-of-type) .text-information {
        right: -9999px;
    }
    .fp-main-content > .inline-flex-container:nth-child(even):not(:last-of-type) .text-information.slidein {
        left: 0;
    }
    .fp-main-content > .inline-flex-container:nth-child(odd):not(:last-of-type) .text-information.slidein {
        right: 0;
    }
}
.customers-references {
    max-width:1280px;
    margin:1em auto;
    box-sizing: border-box;
    position:relative;
    display: none;
}
@media screen and (min-width: 430px) {
    .customers-references {
        display: block;
    }
}
.customers-references-slide {padding: 0 5em;}
.customers-references-slide > div {display:flex;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;align-items:center;}
.customers-references-slide > div > div {padding: 2em 0;}
.prev, .next {color:#848f9b;display:block;width:inherit;height:inherit;position: absolute;top:65px;z-index: 25;cursor: pointer;background-color: transparent;border: none;}
.prev {left: 0;}
.next {right: 0;}
.prev::before, .next::before {font-size:50px;}
@media screen and (min-width: 768px) {
    .customers-references-slide > div > div > div:last-child {border-right:1.5px solid #abb5ba;}
}
@media screen and (min-width: 1366px) {
    .next {right: -45px;}
}
/****************************
****** Home Page Blog *******
****************************/
.navigation-categories, .navigation-filter-categories {
    margin-bottom: 2em;
}
.navigation-filter-categories {
    max-width: 1180px;
    margin: 0 auto 2em;
    padding-top: 1em;
}
.navigation-categories .menu-categories, .navigation-filter-categories .menu-filter-categories {
    margin: 1em 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    padding: 0;
}
.navigation-categories .menu-categories > li, .navigation-filter-categories .menu-filter-categories > li {
    margin: 0 10px 1px 0;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
.navigation-categories .menu-categories > li {
    flex: initial;
}
@media screen and (max-width: 961px) {
    .navigation-categories .menu-categories > li {
    flex: auto;
    margin:5px 0;
}
}
.navigation-filter-categories .menu-filter-categories > li {
    background-color: #CDCDCD;
    text-transform: uppercase;
    padding: 10px;
    text-align: center;
    margin: 5px;
    white-space: nowrap;
    flex: 0 1 auto;
    transition:background-color .25s ease-out;
}
.navigation-filter-categories .menu-filter-categories > li:hover {
    background-color: #16a29b;
}
.navigation-filter-categories .menu-filter-categories > li > a {
    vertical-align: middle;
    color: #FFF;
}
@media screen and (max-width: 961px) {
.navigation-categories .menu-categories .cat-item-all {
    display: block;
    width: 100%;
}

}

.navigation-categories .menu-categories .cat-item-all a::before {
    content: "";
    display: inline-block;
    width: 50px;
    height: 50px;
    background-repeat: no-repeat;
    background-position: 50%;
    background-image: url(assets/images/home.png);
    background-color: #1c5c5e;
}
.navigation-categories .menu-categories .cat-item-all a:hover {
    opacity: 1;
}
.navigation-categories .menu-categories .cat-item-all a:hover::after, .navigation-categories .menu-categories .cat-item a:hover::after {
    width: 100%;
}
.navigation-categories .menu-categories .cat-item a::before {
    margin-right: 20px;
}
.navigation-categories .menu-categories .cat-item a {
    transition: background-color .25s ease-out,color .25s ease-out;
    font-size: .9rem;
    cursor: pointer;
    color: #fff;
    text-transform: uppercase;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    padding-right: 20px;
    background-color:#CDCDCD;
}
.navigation-categories .menu-categories .cat-item a::after {
    content: "";
    display: block;
    width: 0;
    height: 4px;
    position: absolute;
    left: 0;
    bottom: -8px;
    transition: all .2s ease-in;
}
.navigation-categories .menu-categories .cat-item a:hover {
    opacity: 1;
}
.post .meta .category, .navigation-categories .menu-categories .cat-item a {
    color: #fff;
    opacity: 0.95;
    font-weight: 600;
}
.post .meta .category::before, .navigation-categories .menu-categories .cat-item a::before {
    content: "";
    display: inline-block;
    width: 50px;
    height: 50px;
    background-repeat: no-repeat;
    background-position: 3px 3px;
}
.show-for-sr, .show-on-focus {
    position: absolute !important;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
}
@media screen and (min-width: 961px) {
    .navigation-categories .menu-categories {
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
        justify-content: flex-start;
    }
    .navigation-categories .menu-categories .cat-item-all {
        -webkit-box-flex: 0;
        -ms-flex: 0;
        flex: 0;
        flex-basis: 0%;
        -ms-flex-preferred-size: 30px;
        flex-basis: 30px;
    }
    body:not(.home):not(.page) #main {
        width: 66.6666666667%;
        float: left;
    }
    body:not(.home):not(.page) #sidebar {
        width: 33.3333333333%;
        float: right;
    }
}
body:not(.home):not(.page) #container {
    max-width: 1168px;
    margin-right: auto;
    margin-left: auto;
    padding-top: 2em;
}
body:not(.home):not(.page) #main {
    padding: 0;
    padding-right: .9375rem;
    box-sizing: border-box;
}
body:not(.home):not(.page) #sidebar {
    padding-right: .9375rem;
    padding-left: .9375rem;
    box-sizing: border-box;
}
.post-list {
    margin: 0;
    padding: 0;
}
.listing.post {
    min-height: 165px;
}
.post {
    padding-bottom: 2em;
    margin-bottom: 2em;
    border-bottom: 1px solid #d4d4d4;
    position: relative;
}
.post .meta {
    display: inline-block;
    min-width: 30px;
    text-align: center;
    background: rgba(0,0,0,.8);
    color: #fff;
    position: absolute;
    top: 0;
    left: 0;
}
.post .meta .category {
    vertical-align: middle;
    -webkit-appearance: none;
    border: 1px solid transparent;
    border-radius: 0;
    transition: background-color .25s ease-out,color .25s ease-out;
    cursor: pointer;
    /*background-color: #16a29b;*/
    color: #fff;
    display: block;
    padding: 5px;
}
@media screen and (max-width: 961px) {
	.post .meta .category {
		display:none;
	}
	.post .meta {
    	top: 5px;
    	left: 5px;
    	padding: 4px;
	}
}
.post .meta time {
    display: block;
    padding: 1em;
    font-size: 1.2em;
    line-height: 1;
}
.post .thumb img {
    filter: grayscale(80%);
    transition: all .5s ease;
}
.post .thumb:focus img, .post .thumb:hover img {
    filter: grayscale(0);
}
/* =WordPress Core
-------------------------------------------------------------- */
.alignnone {
    margin: 5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}
.alignright, fright {
    float:right;
    margin: 5px 0 20px 20px;
}
.alignleft, .ffleft {
    float: left;
    margin: 5px 20px 20px 0;
}
a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}
a img.alignnone {
    margin: 5px 20px 20px 0;
}
a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}
a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}
.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}
.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}
.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}
.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}
.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}
/* Text meant only for screen readers. */
.screen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute !important;
    width: 1px;
    word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}
.screen-reader-text:focus {
    background-color: #eee;
    clip: auto !important;
    clip-path: none;
    color: #444;
    display: block;
    font-size: 1em;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
    /* Above WP toolbar. */
}
/*************************
****** Home Slider *******
*************************/
@media screen and (min-width: 1366px) {
    .fp-header-block {
        position: relative;
        top: 5.5em;
    }
}
.slides {display:none;}
@media screen and (min-width: 961px) {
    .slides {display:inline-flex;position:absolute;overflow:hidden;top:84px;left:0;right:0;}
    .slide {
        flex: 1 0 100%;
        -webkit-transition: -webkit-transform 1600ms;
        transition: -webkit-transform 1600ms, transform 1600ms;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    .slide::after {
        width: 100%;
        display: block;
        background: rgba(0,0,0,0.4);
        content: " ";
        position: absolute;
        top: 0px;
        height: 645px;
    }
}
@media screen and (min-width: 1366px) {
    .slides {top:0px;}
}
.slide > img {width: 100%;height: 100%;}
/*****************************
****** Virtual Gallery *******
*****************************/
.lg-outer {
    z-index: 99999 !important;
}
.lg-sub-html{display: none;}
.lg-toolbar.lg-group {bottom:0;top:inherit;opacity:1!important;}
/***************************
****** Contact forms *******
***************************/
#form_contact input, #form_contact textarea,
#form_ticket_support input, #form_ticket_support textarea {
    max-width: 100%;
    display: block;
    border-right: 2px solid #848f9b;
    margin: 0.25em 0 1em 0;
}
#form_contact label,
#form_ticket_support label {
    font-weight: 700;
    color: #121721;
    /*text-transform: uppercase;*/
    /*font-family: Verdana,sans-serif;*/
}
#form_contact, #form_ticket_support {
    margin: 0 auto;
    max-width: 55em;
    padding: 1em;
}
#contact_form_note {
    min-height: 7em;
}
.page-template .content #contactez-nous {
    text-align: center;
    padding-top: 1em;
}

#form_contact input[type="submit"],
#form_ticket_support input[type="submit"] {
    float: right;
}
/********************
****** Skills *******
********************/
.competences-list li:first-child {
    color: #75c3ad;
    text-transform: uppercase;
}
.competences-list li {
    text-transform: uppercase;
}
.progress {
    height: 1rem;
    margin-bottom: 1rem;
    border-radius: 0;
    background-color: #d4d4d4;
}
.competences-list li:first-child .progress-meter {
    background-color: #75c3ad;
}
.competences-list li:nth-child(2) {
    color: #2cb5ad;
}
.competences-list li:nth-child(3) {
    color: #27a099;
}
.competences-list li:nth-child(4) {
    color: #0a4845;
}
.competences-list li .progress-meter {
    width: 0;
    transition: width 1s ease-in-out;
}
.competences-list li .progress-meter.animated {
    width: 100%;
}
.progress-meter {
    position: relative;
    display: block;
    width: 0;
    height: 100%;
    background-color: #16a29b;
}
.competences-list li:first-child .progress-meter {
    background-color: #75c3ad;
}
.competences-list li:nth-child(2) .progress-meter {
    background-color: #2cb5ad;
}
.competences-list li:nth-child(3) .progress-meter {
    background-color: #27a099;
}

.competences-list li:nth-child(4) .progress-meter {
    background-color: #0a4845;
}
.competences-list li .progress-meter.animated {
    width: 100%;
}
/***********************************
****** Social sharer button. *******
***********************************/
.juiz-section-label {
    color: #848f9b;
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase;
    border-bottom: 1px solid #CDCDCD;
    padding: 1.2em 1em .5em;
}
.juiz_sps_displayed_bottom .social-media-item {padding: 0;}
.overflowh {
    overflow: hidden;
}
.responsive-nav-icon:hover,
.responsive-nav-close:hover {
    opacity: .7;
}
.responsive-nav-icon::before {
    position: relative;
    content: "\f333";
    font-family: "dashicons";
    font-size: 35px;
}
.responsive-nav-close::before {
    content: "\f158";
    font-size: 35px;
}

.responsive-nav-icon {
    background: transparent;
    line-height: normal;
    cursor: pointer;
    display: none;
    -webkit-transition: -webkit-transform .5s;
    -moz-transition: -moz-transform .5s;
    -ms-transition: -ms-transform .5s;
    -o-transition: -o-transform .5s;
}
.responsive-nav-close {
    -webkit-transform: translateX(265px);
    -moz-transform: translateX(265px);
    -ms-transform: translateX(265px);
    -o-transform: translateX(265px);
    transform: translateX(265px);
}

#overlay {
    background: 0 0 rgba(0, 0, 0, 0.6);
    display: none;
    height: 100%;
    position: fixed;
    top: 0; left: 0;
    -moz-transition: all 0.2s linear 0s;
    -webkit-transition: all 0.2s linear 0s;
    -ms-transition: all 0.2s linear 0s;
    transition: all 0.2s linear 0s;
    width: 100%;
    z-index: 5;
}

@media only screen and (max-width: 1024px) {
    #toggle-menu.opened {
        position: fixed;
        left: 0;
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
        padding: 0 10px;
        z-index: 100;
    }
    .admin-bar #header-navmenu {
        top: 46px;
    }
    .responsive-nav-icon {
        display: block;
        position: relative;
        padding: 5px 0 4px;
    }
    #header-navmenu {
        height: 100%;
        position: fixed;
        top: 0; left: -400px;
        -moz-transition: .5s;
        -webkit-transition: .5s;
        -ms-transition: .5s;
        transition: .5s;
        width: 0;
    }
    #header-navmenu.slide-in {
        left: 0;
        overflow-y: scroll;
        width: 280px;
        z-index: 150;
    }
    #header-navmenu .menu {
        padding: 10px;
       /*height: 100%;*/
       }
    #header-navmenu .menu-item {
        display: block;
        padding: 10px 0;
    }
}
@media only screen and (min-width: 1025px) {
    .site-header {
        display: flex;
    }
    .site-header .menu {
        display: table-row;
    }
    .site-header .menu > .menu-item {
        display: table-cell;
        vertical-align: middle;
    }
    .site-header .menu > .menu-item:last-child {
        height: 81px;
    }
    .site-header .menu, .sub-menu {
        padding: 0;
        margin: 0;
        list-style: none;
    }
    .menu-item-has-children {
        position: relative;
    }
    .sub-menu {
        position: absolute;
        left: -9999px;
    }
    .menu-item-has-children:hover > .sub-menu {
        left: 0;
        white-space: nowrap;
    }
    .sub-menu > .menu-item-has-children:hover > .sub-menu {
        position: absolute;
        left: 100%;
        top: -3px;
    }
    .menu > .menu-item-has-children > a:after, .menu > .menu-item-has-children > span:after {
        font-family: "Dashicons";
        content: "\f140";
        vertical-align: middle;
    }
    .sub-menu > .menu-item-has-children > a:after {
        font-family: "Dashicons";
        content: "\f139";
    }
}