/*
Theme Name: Bsl Portage
Theme URI: https://wordpress.org/themes/twentyseventeen/
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Twenty Seventeen brings your site to life with header video and immersive featured images. With a focus on business sites, it features multiple sections on the front page as well as widgets, navigation and social menus, a logo, and more. Personalize its asymmetrical grid with a custom color scheme and showcase your multimedia content with post formats. Our default theme for 2017 works great in many languages, for any abilities, and on any device.
Version: 2.2
Requires at least: 4.7
Requires PHP: 5.2.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentyseventeen
Tags: one-column, two-columns, right-sidebar, flexible-header, accessibility-ready, custom-colors, custom-header, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 Normalize
2.0 Accessibility
3.0 Alignments
4.0 Clearings
5.0 Typography
6.0 Forms
7.0 Formatting
8.0 Lists
9.0 Tables
10.0 Links
11.0 Featured Image Hover
12.0 Navigation
13.0 Layout
13.1 Header
13.2 Front Page
13.3 Regular Content
13.4 Posts
13.5 Pages
13.6 Footer
14.0 Comments
15.0 Widgets
16.0 Media
16.1 Galleries
17.0 Customizer
18.0 SVGs Fallbacks
19.0 Media Queries
20.0 Print
--------------------------------------------------------------*/
/*--------------------------------------------------------------
1.0 Normalize
Styles based on Normalize v5.0.0 @link https://github.com/necolas/normalize.css
--------------------------------------------------------------*/
@font-face {
font-family: 'Crayonara';
src: url('fonts/Crayonara-Regular.eot');
src: url('fonts/Crayonara-Regular.eot?#iefix') format('embedded-opentype'), url('fonts/Crayonara-Regular.woff2') format('woff2'), url('fonts/Crayonara-Regular.woff') format('woff'), url('fonts/Crayonara-Regular.ttf') format('truetype'), url('fonts/Crayonara-Regular.svg#Crayonara-Regular') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Pacifico';
src: url('fonts/Pacifico-Regular.eot');
src: url('fonts/Pacifico-Regular.eot?#iefix') format('embedded-opentype'), url('fonts/Pacifico-Regular.woff2') format('woff2'), url('fonts/Pacifico-Regular.woff') format('woff'), url('fonts/Pacifico-Regular.ttf') format('truetype'), url('fonts/Pacifico-Regular.svg#Pacifico-Regular') format('svg');
font-weight: normal;
font-style: normal;
}
/** Generated by FG **/
@font-face {
font-family: 'Conv_FontsFree-Net-Geogtq-Rg';
src: url('fonts/FontsFree-Net-Geogtq-Rg.eot');
src: local('☺'), url('fonts/FontsFree-Net-Geogtq-Rg.woff') format('woff'), url('fonts/FontsFree-Net-Geogtq-Rg.ttf') format('truetype'), url('fonts/FontsFree-Net-Geogtq-Rg.svg') format('svg');
font-weight: normal;
font-style: normal;
}
/** Generated by FG **/
@font-face {
font-family: 'Conv_FontsFree-Net-Geogtq-Bd';
src: url('fonts/FontsFree-Net-Geogtq-Bd.eot');
src: local('☺'), url('fonts/FontsFree-Net-Geogtq-Bd.woff') format('woff'), url('fonts/FontsFree-Net-Geogtq-Bd.ttf') format('truetype'), url('fonts/FontsFree-Net-Geogtq-Bd.svg') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'FontAwesome';
src: url('fonts/fontawesome-webfont.eot?v=4.3.0');
src: url('fonts/fontawesome-webfont.eot?#iefix&v=4.3.0') format('embedded-opentype'), url('fonts/fontawesome-webfont.woff2?v=4.3.0') format('woff2'), url('fonts/fontawesome-webfont.woff?v=4.3.0') format('woff'), url('fonts/fontawesome-webfont.ttf?v=4.3.0') format('truetype'), url('fonts/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular') format('svg');
font-weight: normal;
font-style: normal;
}
body{
font-family: 'Conv_FontsFree-Net-Geogtq-Rg' !important;
font-size:16px;
color:#333;
line-height:24px;
margin:0px;
font-weight:400;
}
b, strong{
font-weight: normal;
font-family: 'Conv_FontsFree-Net-Geogtq-Bd';
}
h1, h2, h3, h4, h5, h6{
font-family: 'Conv_FontsFree-Net-Geogtq-Rg';
}
p{
font-size:16px;
color:#333;
line-height:24px;
font-weight:400;
margin:0px;
}
li {
font-size:16px;
color:#333;
font-weight:300;
}
.row {
max-width:1300px;
margin:0 auto;
}
.grid-container {
max-width:1300px;
margin:0 auto;
position:relative;
}
a, a:hover {
outline:0;
transition: .5s;
}
h2 {
margin:0px;
font-size:36px;
color:#0e4f9c;
line-height:40px;
font-weight:700;
}
h3 {
margin:0px;
font-size:26px;
color:#0e4f9c;
line-height:38px;
font-weight:700;
}
.top-header {
padding: 5px 0;
text-align: right;
color: #fff;
font-size: 16px;
position:relative;
}
.top-header:after {
content:'';
width:100%;
height:3px;
background:#e06a38;
position:absolute;
bottom:0px;
left:0px;
z-index:-1;
}
.top-header span {
font-size:12px;
color:#1a4d72;
margin-left:20px;
}
.top-header span img {
margin-right:3px;
}
.top-header span a {
color:#1a4d72;
}
.top-social {
width: auto;
display: inline-block;
vertical-align: middle;
margin-right: 20px;
}
.top-social ul {
margin:0px;
padding:0px 0px;
text-align:center;
display: flex;
flex-direction: row;
justify-content: center;
}
.top-social ul li {
width: 40px;
padding:3px 0px 3px 13px;
list-style:none;
}
.top-social ul li a {
width: 24px;
height: 24px;
display: block;
background: url("img/top-social.png") no-repeat;
transition:all ease .2s;
}
.top-social ul a.fb {
background-position: 0 0;
}
.top-social ul a.fb:hover {
background-position: 0px -24px;
}
.top-social ul a.tw {
background-position: -65px 0;
}
.top-social ul a.tw:hover {
background-position: -65px -24px;
}
.top-social ul a.lin {
background-position: -127px 0;
}
.top-social ul a.lin:hover {
background-position: -127px -24px;
}
header {
width:100%;
min-height:786px;
position:relative;
background-color: #fbfbfb;
}
header:before {
content:'';
width:49%;
height:100%;
position:absolute;
left:0px;
top:0px;
background:url("img/header-bg.png") no-repeat top right;
}
.page-header {
min-height:auto;
margin-top: 170px;
}
.page-header:before {
content:'';
width:auto;
background:none;
}
.header-sec {
width:100%;
}
.top-social.mobile-social {
display:none;
}
.banner-text {
padding-left:0px !important;
margin-top: 90px;
}
.banner-text h1 {
font-size:77px;
line-height:77px;
font-weight:400;
margin:0px 0 30px;
color:#fff;
}
.banner-text h1 strong{
color: #e06a38;
}
.banner-text h2 {
font-size:58px;
line-height:60px;
font-weight:300;
margin:0px;
color:#fff;
padding-bottom:50px;
}
.banner-text h2 span {
color:#e06a38;
font-size:58px;
line-height:60px;
}
.banner-text a.button {
font-size:15px;
line-height:15px;
font-weight:400;
-moz-border-radius:30px;
-webkit-border-radius:30px;
border-radius:30px;
background:none;
border:3px solid #fff;
margin-right:30px;
padding:7px 20px;
text-transform:uppercase;
display:inline-block;
position:relative;
}
.banner-text a.button span {
position:relative;
z-index:1;
color:#fff;
}
.banner-text a.button:before {
content:'';
position:absolute;
width:0%;
height:100%;
background:#e06a38;
left:0px;
top:0px;
-moz-border-radius:30px;
-webkit-border-radius:30px;
border-radius:30px;
-moz-transition: width 0.3s ease-in-out;
-o-transition: width 0.3s ease-in-out;
-webkit-transition: width 0.3s ease-in-out;
transition: width 0.3s ease-in-out;
}
.banner-text a.button:hover::before {
width:100%;
}
.bnr-link {
font-size:15px;
color:#fff;
font-weight:300;
}
.bnr-link span {
color:#e06a38;
}
.bnr-link:hover {
color:#fff;
}
.nav-outer {
padding:0px 8px;
width:100%;
margin:10px auto 0px;
max-width:1300px;
position:relative;
}
.top-bar-right > ul {
float: right;
background: transparent;
margin-top: 0px;
width: auto;
text-align: left;
display: block;
padding: 0px 15px;
}
.top-bar{
background: transparent;
padding: 0;
}
.drilldown a {
background:#000;
}
.dropdown.menu > li > a{
font-size:18px;
font-weight:700;
padding: 17px 0px;
color:#1a4d72;
text-transform:uppercase;
position: relative;
}
.dropdown.menu > li > a:hover{
color:#858585;
}
.dropdown.menu > li > a:after {
background: none repeat scroll 0 0 transparent;
bottom: 0;
content: "";
display: block;
height: 3px;
left: 50%;
position: absolute;
background: #1a4d72;
transition: width 0.3s ease 0s, left 0.3s ease 0s;
width: 0;
}
.dropdown.menu > li > a:hover::after {
width: 100%;
left: 0;
}
/*.dropdown.menu > li:last-child > a {
color: #e06a38;
}
*/
.logo {
float: left;
width: 100%;
max-width:420px;
/*height:34px;
*/
text-align: left;
}
.dropdown.menu > li {
margin:0px;
float:left;
margin-left: 30px;
}
.logo a {
cursor:pointer;
}
.logo-full {
float: left;
width: auto;
max-width:100%;
text-align: left;
display:none;
}
.logo-full img {
width: 100%;
}
header .header-sec.fixed-menu{
position: fixed;
left: 0;
width: 100%;
z-index:100;
padding-bottom: 10px;
animation: smoothScroll 1s forwards;
background:#fff;
box-shadow: 0px 0px 6px 4px rgba(0,0,0,0.3);
}
@keyframes smoothScroll {
0% {
transform: translateY(-140px);
}
100% {
transform: translateY(0px);
}
}
header .header-sec.fixed-menu .logo {
display:none;
}
header .header-sec.fixed-menu .logo-full {
display:block;
position: absolute;
top: -34px;
}
header .header-sec.fixed-menu:before {
content:'';
width:49%;
height:100%;
position:absolute;
left:0px;
top:0px;
background:url("img/header-bg.png") no-repeat top right;
}
.banner-video {
text-align: center;
margin-top: 40px;
}
.banner-picture{
max-width: 600px;
margin-left: auto;
margin-right: auto;
}
.calculez {
width:100%;
background: #e06a38;
}
.calculez .grid-container {
max-width:1070px;
margin:0 auto;
}
.calctext button {
padding: 7px 24px 6px 13px;
background:#fff;
-webkit-border-radius:30px;
-moz-border-radius:30px;
border-radius:30px;
background: -webkit-gradient(linear, right top, left top, color-stop(50%, #ebebeb), color-stop(50%, #1a4d72));
background: linear-gradient(to left, #fff 50%, #1a4d72 50%);
background-size: 202% 100%;
background-position: right bottom;
cursor: pointer;
position:relative;
-webkit-transition: all ease .3s;
transition: all ease .3s;
font-size:18px;
color:#1a4d72;
margin-left:15px;
vertical-align: middle;
}
.calctext button:hover {
background-position: left bottom;
color: white;
}
.calc-hover {
width:243px;
height:47px;
position:absolute;
left:0px;
top:0px;
display:none;
z-index:1;
}
.calctext button:hover .calc-hover {
display:block;
}
.calctext span {
font-weight:400;
font-size:30px;
color:#fff;
}
.calctext button img {
margin-right:10px;
}
.calculez .large-8 {
display:flex;
align-items:center;
}
span.simtxt {
font-size:18px;
color:#1a4d72;
}
.three-boxes {
width:100%;
padding:30px 0px 100px;
}
.three-boxes h2.three-boxes-heading {
text-align:center;
font-size:44px;
line-height:32px;
color:#2f5576;
text-transform:uppercase;
padding-bottom:30px;
margin-bottom: 45px;
position: relative;
}
.three-boxes h2.three-boxes-heading:after{
width: 310px;
background-color: #e06a38;
height: 4px;
content: '';
position: absolute;
bottom: 0px;
left: 50%;
margin-left: -155px;
}
.pourbox {
text-align:center;
}
.pourboxicon {
border: 2px #2f5576 solid;
width: 200px;
height: 200px;
border-radius: 50%;
padding: 30px;
margin-left: auto;
margin-right: auto;
line-height: 130px;
text-align: center;
margin-bottom: 25px;
}
.pourbox h2 {
color:#e06a38;
font-size:32px;
line-height:36px;
text-transform:uppercase;
padding-bottom:0px;
}
.pourbox h3 {
color:#2f5576;
font-size:18px;
line-height:normal;
}
.tabsec {
width:100%;
padding:70px 0px 70px;
background:#f3f2f2;
}
.tabsec h2 {
text-align:center;
padding-bottom:60px;
color: #1a4d72;
text-transform: uppercase;
text-align: center;
font-size: 44px;
line-height: 32px;
color: #2f5576;
text-transform: uppercase;
padding-bottom: 30px;
margin-bottom: 45px;
position: relative;
}
.tabsec h2:after {
width: 310px;
background-color: #e06a38;
height: 4px;
content: '';
position: absolute;
bottom: 0px;
left: 50%;
margin-left: -155px;
}
.vous-tabs {
background:#3b4d77;
padding:30px 62px 130px;
margin:0px 0px;
position:relative;
margin-bottom: -450px;
}
.vous-tabs .tabs {
background:none;
border:0px;
justify-content: center;
align-items: center;
display: flex;
margin-bottom: 28px;
}
.vous-tabs .tabs li {
/* margin-top:-20px;*/
margin-right:12px;
margin-right:12px;
padding:0px;
}
.vous-tabs .tabs li a {
color:#FFF;
}
.tabs-devider{
width: 70px;
background-color: #FFF;
border-radius: 30px;
height: 40px;
}
/* .vous-tabs .tabs-title {
background: #e06a38;
-moz-border-radius: 30px;
-webkit-border-radius: 30px;
border-radius: 30px;
}*/
.vous-tabs .tabs-title > a:focus, .tabs-title > a[aria-selected="true"] {
color: #858585;
}
.vous-tabs .tabs-title > a {
font-size:22px;
font-weight:700;
color:#858585;
background: none;
/* -moz-border-radius: 30px;
-webkit-border-radius: 30px;
border-radius: 30px;*/
text-transform:uppercase;
position: relative;
padding-left: 0px;
padding-right: 0px;
padding-top: 8px;
padding-bottom: 8px;
}
.vous-tabs .tabs-title > a:after{
width: 0px;
background-color: #e06a38;
height: 3px;
content: '';
position: absolute;
bottom: 0px;
left: 0%;
}
.vous-tabs .tabs-content form .large-6 {
position:relative;
}
.vous-tabs .tabs li.is-active a{
color: #FFF;
}
.vous-tabs .tabs li.is-active a:after{
width: 100%;
}
.vous-tabs .tabs li.firstchild, .vous-tabs .tabs li.lastchild{
position: relative;
}
.vous-tabs .tabs li.firstchild.is-active:before{
position: absolute;
width: 23px;
height: 23px;
background-color: #e06a38;
box-shadow: 0 1px 2px rgb(0 0 0 / 15%);
content: '';
right: -46px;
top: 8px;
border-radius: 50%;
}
.vous-tabs .tabs li.lastchild.is-active:before{
position: absolute;
width: 23px;
height: 23px;
background-color: #e06a38;
box-shadow: 0 1px 2px rgb(0 0 0 / 15%);
content: '';
left: -46px;
top: 8px;
border-radius: 50%;
}
/*.vous-tabs .tabs-content form .large-6 span.wpcf7-not-valid-tip {
clear: both;
position: relative;
font-size: 13px;
top: -10px;
}
.vous-tabs .tabs-title.is-active a {
color:#fff;
background:#e06a38;
}
.vous-tabs .tabs-content form label {
display:inline-block;
float:left;
color:#1a4d72;
font-size:14px;
font-weight:700;
margin-right:0px;
line-height: 20px;
}
.vous-tabs .tabs-content form input[type="name"],.vous-tabs .tabs-content form input[type="text"], .vous-tabs .tabs-content form input[type="prenom"], .vous-tabs .tabs-content form input[type="email"], .vous-tabs .tabs-content form input[type="tel"], .vous-tabs .tabs-content form input[type="postal"], .vous-tabs .tabs-content form input[type="ville"] {
background:#e6e6e6;
color:#000;
font-size:14px;
font-weight:400;
height:20px;
border:0px;
box-shadow:none;
width:auto;
margin-bottom:10px;
float:right;
padding:0px 7px;
}
.vous-tabs .tabs-content form textarea {
height:150px;
box-shadow:none;
background:#e6e6e6;
color:#858585;
font-size:14px;
font-style:italic;
resize:none;
border:0px;
padding:3px 8px;
margin: 0px;
}
.vous-tabs .tabs-content form input[type="name"],.vous-tabs .tabs-content form input[type="text"], .vous-tabs .tabs-content form input[type="email"] {
width:185px;
}
.vous-tabs .tabs-content form input[type="prenom"],.vous-tabs .tabs-content form input[type="ville"] {
width:180px;
}
.vous-tabs .tabs-content form input[type="tel"] {
width:178px;
}
.vous-tabs .tabs-content form .form-code-postal input[type="text"] {
width:160px;
}
*/
.front-google-captcha{
width: 320px;
position:absolute;
left:62px;
bottom:34px;
}
.vous-tabs .tabs-content form input[type="submit"] {
border:0px;
width:205px;
height:56px;
position:absolute;
right:62px;
bottom:34px;
cursor:pointer;
box-shadow:none;
background:url("img/envoyer.png") no-repeat;
outline:0;
margin-left: -102px;
}
/* .vous-tabs .tabs-content form input[type="submit"]:hover {
background:url("img/submit-btn-hover.png") no-repeat;
outline:0;
}
.vous-tabs .tabs-content form input[type="submit"]:focus {
outline:0;
}*/
.vous-tabs .tabs-content form div.wpcf7-response-output {
margin:0px;
margin-top: -12px;
}
.actu {
display:block;
color:#1a4d72;
font-weight:400;
margin-top:10px;
font-size:14px;
line-height:17px;
padding-left:30px;
}
.actu span {
color:#fff;
background:#1a4d72;
padding:1px 5px 3px;
display:inline-block;
margin-right:10px;
margin-left:10px;
font-size:14px;
}
.counter {
width:100%;
padding: 482px 0px 72px;
background-size:cover !important;
}
.counter:before{
background-image: url(img/ContingBG.png);
}
.counter ul {
margin:0px;
padding:0px;
display:flex;
text-align:center;
justify-content: space-between;
}
.counter ul li {
list-style:none;
text-align:center;
font-weight:400;
font-size:25px;
line-height:32px;
color:#fff;
display:inline-block;
width:25%;
vertical-align:top;
}
.counter ul li span {
font-family: 'Conv_FontsFree-Net-Geogtq-Bd';
color:#FFF;
font-size:36px;
display: block;
}
.counter ul li img {
display:block;
margin:0 auto 20px;
}
.cli-testimoni {
width:100%;
/*padding:110px 0px 70px;*/
}
.cli-testimoni h3 {
text-align: center;
font-size: 44px;
line-height: 32px;
color: #2f5576;
text-transform: uppercase;
padding-bottom: 30px;
margin-bottom: 45px;
position: relative;
font-weight: 400;
}
.cli-testimoni h3:after {
width: 310px;
background-color: #e06a38;
height: 4px;
content: '';
position: absolute;
bottom: 0px;
left: 50%;
margin-left: -155px;
}
.cli-testimoni p {
font-size:15px;
line-height:18px;
color:#1a4d72;
margin:0px;
padding-right: 0px;
}
.client-logos {
padding-top: 50px;
padding-bottom: 50px;
}
.client-logos ul {
margin:0px;
padding:0px;
display: flex;
flex-flow: row wrap;
align-items: center;
justify-content: space-around;
}
.client-logos ul li {
width:15%;
list-style: none;
margin-right: 20px;
margin-bottom: 20px;
text-align: center;
}
.client-logos ul li img {
-webkit-filter: grayscale(0);
-moz-filter: grayscale(0);
filter: grayscale(0);
width: auto;
max-height: 100px;
}
.client-logos ul li img:hover {
-webkit-filter: grayscale(1);
-moz-filter: grayscale(1);
filter: grayscale(1);
}
.testimonials {
padding: 50px 0px 50px;
background-image: url(img/testimonial-bg.png);
background-size: cover;
background-position: center center;
}
.Testicontent{
margin-left: 40px;
margin-right: 40px;
padding: 30px;
box-shadow: 14px 15px 29px 1px rgba(0,0,0,0.18);
-webkit-box-shadow: 14px 15px 29px 1px rgba(0,0,0,0.18);
-moz-box-shadow: 14px 15px 29px 1px rgba(0,0,0,0.18);
background-color: #FFF;
border-radius: 20px;
margin-bottom: 40px;
}
.client-info {
width:100%;
position:relative;
margin-bottom:40px;
display: flex;
}
/* .client-info:after {
content:'';
width:77%;
height:39px;
background:url("img/testimonial-line.png") no-repeat;
position:absolute;
right:0px;
bottom:-15px;
}*/
.client-pic {
width:90px;
height:90px;
display:inline-block;
float: left;
}
.client-pic img {
-moz-border-radius:50%;
-webkit-border-radius:50%;
border-radius:50%;
width: 100%;
height: auto;
}
.client-name {
display:inline-block;
margin-left:20px;
vertical-align:top;
padding-top: 0px;
}
.client-name h4{
font-size: 30px;
color: #e06a38;
margin-bottom: 0px;
font-weight: 700;
}
.rating {
position:absolute;
right:0px;
bottom:15px;
font-size:15px;
color:#1a4d72;
font-weight:400;
display: none;
}
.rating img {
display: inline-block !important;
vertical-align: bottom;
}
.client-name h3{
margin:0px;
color:#1a4d72;
font-size:22px;
line-height:24px;
font-weight:400;
padding:0px;
}
.client-name span {
font-size:18px;
font-weight:400;
color:#005c82;
margin-bottom: 10px;
}
.client-name p {
font-size:20px;
color:#858585;
}
.client-text {
position: relative;
}
.client-text p {
padding-right:0px;
padding-bottom:20px;
}
.client-text:before{
float: right;
width: 93px;
height: 68px;
background-image: url(img/comma.png);
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
content: '';
margin-left: 30px;
margin-bottom: 30px;
}
footer {
width:100%;
background: rgb(70,71,119);
background: -moz-linear-gradient(90deg, rgba(70,71,119,1) 0%, rgba(47,84,118,1) 59%);
background: -webkit-linear-gradient(90deg, rgba(70,71,119,1) 0%, rgba(47,84,118,1) 59%);
background: linear-gradient(90deg, rgba(70,71,119,1) 0%, rgba(47,84,118,1) 59%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#464777",endColorstr="#2f5476",GradientType=1);
}
footer .grid-container {
max-width:100%;
padding:0px;
}
.foot-social {
}
.foot-social ul {
margin:0px;
padding:10px 0px;
text-align:center;
display: flex;
flex-direction: row;
justify-content: center;
}
.foot-social ul li {
width: 50px;
padding:3px 0px 3px 13px;
list-style:none;
border-right: 1px solid #fff;
}
.foot-social ul li:last-child{
border-right: none;
}
.foot-social ul li a {
width: 24px;
height: 24px;
display: block;
background: url("img/foot-social.png") no-repeat;
transition:all ease .2s;
}
.foot-social ul a.fb {
background-position: 0 0;
}
.foot-social ul a.fb:hover {
background-position: 0px -24px;
}
.foot-social ul a.tw {
background-position: -65px 0;
}
.foot-social ul a.tw:hover {
background-position: -65px -24px;
}
.foot-social ul a.lin {
background-position: -127px 0;
}
.foot-social ul a.lin:hover {
background-position: -127px -24px;
}
.foot-links {
padding:45px;
border-top:1px solid #d5dde4;
border-bottom:1px solid #d5dde4;
}
.foot-links h3 {
font-size:22px;
font-weight:400;
color:#fff;
text-transform:uppercase;
position:relative;
padding-bottom:10px;
margin-bottom: 10px;
}
.foot-links h3:after {
content:'';
width:14px;
height:2px;
background:#e06a38;
position:absolute;
bottom:0px;
left:0px;
}
.foot-links ul {
margin:0px;
adding:0px;
display:inherit;
}
.foot-links ul li {
list-style:none;
font-weight:400;
font-size:14px;
line-height:18px;
color:#fff;
}
.foot-links ul li a {
color:#fff;
transition:all ease .5s;
padding:0px;
line-height: 18px;
}
.foot-links ul li a:hover {
color:#e06a38;
}
.foot-links .cell.large-12 {
max-width: 1300px;
margin: 0 auto;
}
/*.foot1 {
width:18%;
float:left;
}
.foot2 {
width:23%;
float:left;
}
.foot3 {
width:20%;
float:left;
}
.foot4 {
width:20%;
float:left;
}
*/
.foot1 {
width:22%;
float:left;
}
.foot2 {
width:30%;
float:left;
}
.foot3 {
width:33%;
float:left;
}
/*.foot4 {
width:20%;
float:left;
}
*/
.foot5 {
width:auto;
float:right;
}
.foot2 span {
display:inline-block;
margin-top:10px;
}
.foot2 span h3 {
padding-bottom:5px;
margin-bottom:0px;
}
.foot2 span h3:after {
display:none;
}
.foot2 span a {
color:#fff;
display:inline-block;
margin-right:5px;
transition:all ease .5s;
}
.foot2 span a:hover {
color:#e06a38;
}
.foot2 span a:before {
content:'>';
color:#e06a38;
margin-right:3px;
}
.foot5 img {
margin:0px 0px 10px 0;
}
.copy {
font-weight:400;
font-size:11px;
color:#fff;
text-align:center;
padding:7px 0px;
background:rgba(0,0,0,0.2);
}
.chat-btn {
position:fixed;
bottom:50px;
right:50px;
z-index:2;
background:#e06a38;
font-weight:400;
-moz-border-radius:30px;
-webkit-border-radius:30px;
border-radius:30px;
}
.chat-btn a {
color:#fff;
display:inline-block;
padding:5px 12px 8px;
}
.chat-btn a img {
margin-right:5px;
}
.mobile-logo {
position: relative;
margin-top: 40px;
margin-left: 70px;
display:none;
}
.mobile-menu-wrapper {
width:100%;
position:fixed;
bottom:0px;
background:#fff;
z-index:100;
box-shadow: 0px 0px 6px 4px rgba(0,0,0,0.3);
display:none !important;
}
.mobile-menu-wrapper ul {
margin:0px;
padding:0px;
display: flex;
justify-content: center;
}
.mobile-menu-wrapper ul li {
list-style: none;
padding: 30px 40px;
border-left: 3px solid #1a4d72;
width: 25%;
text-align: center;
}
.mobile-menu-wrapper ul li:first-child {
border-left:0px;
}
.mobile-menu-wrapper ul li img {
width:60px;
}
.mobile-menu-links {
width:100%;
height:100%;
padding:50px;
position:fixed;
top:0px;
left:0px;
z-index: 10;
display:none;
background: rgb(70,72,119);
background: -moz-linear-gradient(90deg, rgba(70,72,119,1) 0%, rgba(50,84,118,1) 90%);
background: -webkit-linear-gradient(90deg, rgba(70,72,119,1) 0%, rgba(50,84,118,1) 90%);
background: linear-gradient(90deg, rgba(70,72,119,1) 0%, rgba(50,84,118,1) 90%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#464877",endColorstr="#325476",GradientType=1);
}
.mobile-menu-links-logo img {
width: 250px;
}
.mobile-menu-links-logo {
}
.mobile-menu {
margin: 40px 0px;
}
.mobile-menu ul {
margin:0px;
padding:0px;
}
.mobile-menu ul li {
list-style:none;
font-weight:700;
font-size:34px;
line-height:80px;
text-transform:uppercase;
}
.mobile-menu ul li a {
display:inline-block;
position:relative;
color:#fff;
transition:all ease .5s;
padding-left: 0px;
}
.mobile-menu ul li a:hover {
color:#e06a38;
}
.mobile-menu ul li a:before {
content:'>';
font-weight:700;
color:#e06a38;
margin-right:5px;
}
.mobile-social {
border-top: 1px solid #fff;
padding-top: 10px;
}
.mobile-social ul {
margin:0px;
padding:10px 0px;
text-align:center;
display: flex;
flex-direction: row;
justify-content: center;
}
.mobile-social ul li {
width: 74px;
padding:3px 0px 3px 13px;
list-style:none;
border-right: 0px solid #fff;
margin:0px 30px;
}
.mobile-social ul li a {
width: 74px;
height: 60px;
display: block;
background: url("img/mobile-social.png") no-repeat;
transition:all ease .2s;
}
.mobile-social ul a.fb {
background-position: 0 0;
}
.mobile-social ul a.fb:hover {
background-position: 0px -60px;
}
.mobile-social ul a.tw {
background-position: -154px 0;
}
.mobile-social ul a.tw:hover {
background-position: -154px -60px;
}
.mobile-social ul a.lin {
background-position: -321px 0;
}
.mobile-social ul a.lin:hover {
background-position: -321px -60px;
}
.mn {
position: relative;
}
.mobile-menu-wrapper .mn i.fa-bars::before {
content: '';
background: url("img/menu-icon.png") no-repeat;
position: absolute;
left: -30px;
top: 0px;
background-size: 100%;
width: 60px;
height: 60px;
right: 0;
margin: 0 auto;
background-position: center center;
}
.mobile-menu-wrapper .mn i.fa-times::before {
content: '';
background: url("img/close-icon.png") no-repeat;
position: absolute;
left: -30px;
top: 0px;
background-size: 100%;
width: 60px;
height: 60px;
right: 0;
margin: 0 auto;
background-position: center center;
}
.inr-header {
min-height: auto;
}
.inr-header:before {
display:none;
}
.inner-header-fixed {
position: fixed;
top:0px;
left: 0;
width: 100%;
z-index: 100;
padding-bottom: 10px;
background: #fff;
box-shadow: 0px 0px 6px 4px rgba(0,0,0,0.3);
}
.inner-header-fixed:before {
display: block;
position: absolute;
top: -34px;
background: url("img/header-bg.png") no-repeat top right;
content: '';
width: 49%;
height: 100%;
left: 0px;
top: 0px;
}
.inner-header-fixed .logo-full {
display: block;
position: absolute;
top: -34px;
left: 8px;
}
.inner-banner {
width:100%;
height:auto;
min-height:330px;
margin-top:110px;
background-size:cover !important;
display: flex;
align-items: center;
}
.inner-banner .grid-container {
width:100%;
}
.inner-banner h1 {
color:#1a4d72;
font-size:42px;
line-height:48px;
}
.inner-banner h1 span {
margin:0px;
font-weight:400;
color:#e06a38;
font-size:60px;
line-height:60px;
text-transform:uppercase;
display:block;
}
.inner-banner.le-guide h1 {
padding-left: 50%;
}
.le-guide-search {
padding:80px 0px 120px;
width:100%;
text-align:center;
}
.search-mid {
width:100%;
max-width:640px;
min-height:286px;
margin:0 auto;
background:url("img/book.png") no-repeat top center;
display: flex;
justify-content: center;
align-items: center;
}
.search-mid form {
position:relative;
width:100%;
}
.search-mid form input[type="text"] {
border:2px solid #e06a38;
width:100%;
height:52px;
background:#fff;
-moz-border-radius:30px;
-webkit-border-radius:30px;
border-radius:30px;
font-size:25px;
color:#333;
padding:0px 50px 0px 15px;
text-align:center;
margin-bottom:0px;
}
.search-mid form input[type="text"]:focus {
box-shadow:none;
}
.search-mid form input[type="submit"] {
position:absolute;
right:0px;
top:0px;
border:0px;
background:url("img/search-icon2.png") no-repeat center center #e06a38;
-moz-border-radius:30px;
-webkit-border-radius:30px;
border-radius:30px;
cursor: pointer;
border-top-left-radius: 0px;
border-bottom-left-radius: 0px;
height:52px;
padding:0px 36px;
}
.faq-sec {
width:100%;
margin-bottom:70px;
}
.faq-sec .accordion {
width:100%;
}
.faq-sec .accordion-title {
position: relative;
display: block;
padding: 30px 0px;
border:0px;
border-top: 2px solid #194d72;
border-bottom: 0;
font-size: 33px;
line-height: 34px;
color: #194d72;
font-weight:400;
text-transform: uppercase;
}
.faq-sec .accordion-item a {
border-top: 2px solid #858585;
background:none;
padding-left: 100px;
}
.faq-sec .accordion-item .accordion-content {
padding: 0px;
border: 0px;
font-size: 18px;
color: #858585;
line-height: 24px;
padding-bottom: 10px;
padding-left:100px;
}
.faq-sec .accordion-item ul.accordion a.accordion-title {
color:#e06a38;
font-size:25px;
text-transform:none;
background:none;
padding:10px 0px;
}
.faq-sec .accordion-item ul.accordion a.accordion-title::before {
position: absolute;
top: 12px;
right: 0;
left:auto;
margin-top: 0rem;
content: '';
background:url("img/down-arrow.png") no-repeat;
width:22px;
height:19px;
}
.faq-sec .accordion-item ul.accordion .is-active > .accordion-title::before {
content: '';
background:url("img/up-arrow.png") no-repeat;
width:22px;
height:19px;
}
.faq-sec .accordion-item ul.accordion li:last-child:not(.is-active) > .accordion-title {
border-bottom: 0px solid #e6e6e6;
border-radius: 0 0 0 0;
}
.faq-sec .accordion-title:before {
content:'';
background:url("img/plus-orange.png") no-repeat;
width:60px;
height:60px;
top:25px;
left:0px;
}
.faq-sec .is-active > .accordion-title::before {
content: '';
background:url("img/plus-blue.png") no-repeat;
width:60px;
height:60px;
}
.faq-sec .accordion-item .accordion-content a.accordion-title {
padding-left:0px;
}
.faq-sec .accordion-item .accordion-content .accordion-content {
padding-left:0px;
}
.question {
display:block;
color:#007236;
text-transform:uppercase;
border-top: 2px solid #007236;
background:none;
padding:15px 0px;
font-size:33px;
font-weight:400;
position:relative;
padding-left:100px;
}
.question a {
color:#007236;
}
.question:before {
content:'';
background:url("img/question.png") no-repeat;
width:60px;
height:60px;
position:absolute;
left:0px;
top:10px;
}
.sim-question {
width:100%;
padding:130px 0px 80px;
}
.sim-question-pic {
width:30%;
float:left;
padding-left:15px;
padding-right:15px;
text-align:center;
}
.sim-question-pic img {
width:194px;
height:194px;
-moz-border-radius:50%;
-webkit-border-radius:50%;
border-radius:50%;
}
.sim-question-content {
width:65%;
float:right;
padding-left:15px;
padding-right:15px;
position:relative;
}
.sim-question-content h3 {
color:#858585;
font-size:30px;
font-weight:700;
margin:0px;
padding-bottom:40px;
}
.sim-question-content p {
color:#858585;
font-size:22px;
line-height:26px;
font-weight:400;
margin:0px;
padding-bottom:5px;
}
.sim-question-content ul {
margin:0px;
padding:0px;
}
.sim-question-content ul li {
list-style:none;
color:#858585;
font-size:22px;
line-height:26px;
font-weight:400;
margin:0px;
padding-bottom:0px;
}
.sim-question-content a.button {
display:inline-block;
color:#fff;
text-transform:none;
font-size:30px;
font-weight:400;
padding:10px 30px;
background:#007236;
margin-top: 40px;
}
.sim-question-content a.button:hover {
background:#1a4d72;
}
.unconseil {
margin-top:20px;
font-family: 'Crayonara';
font-size:34px;
line-height: 36px;
font-weight:normal;
position:relative;
padding-left:110px;
color:#325377;
padding-top:30px;
margin-left: 130px;
transform: rotate(-4deg);
transform-origin: left;
}
.unconseil:before {
content:'';
width:120px;
height:73px;
background:url("img/arrow.png") no-repeat;
left:0px;
top:0px;
position:absolute;
}
.inner-banner.bnr-enter h1 {
padding-left: 50%;
}
.enter-optez {
width:100%;
padding:70px 0px;
}
.enter-optez .large-9 {
padding-left:120px;
}
.enter-optez .large-9 span {
color:#e06a38;
font-size:22px;
font-weight:400;
display:inline-block;
padding-bottom:30px;
}
.enter-optez .large-9 h3 {
margin: 0px;
font-size: 26px;
font-weight:400;
color: #235478;
line-height: 38px;
padding-bottom:20px;
}
.enter-optez p {
font-size:18px;
color:#858585;
line-height:22px;
font-weight:400;
}
.enter-optez ul {
margin:0px;
padding:0px;
}
.enter-optez ul li {
list-style:none;
font-weight:400;
font-size:18px;
color:#858585;
line-height:22px;
position:relative;
padding-left:12px;
}
.enter-optez ul li:before {
content:'\f0c8';
font-family: 'FontAwesome';
font-size:6px;
color:#858585;
position:absolute;
left:0px;
top:2px;
}
.advantages {
width:100%;
padding:70px 0px;
background:#e6e6e6;
}
.advantages h2 {
font-size:44px;
color:#e06a38;
font-weight:400;
padding-bottom:20px;
}
.advantages h3 {
font-size:22px;
color:#3a4f77;
font-weight:700;
padding-bottom:10px;
}
.advantages ul {
margin:0px;
padding:0px;
}
.advantages ul li {
list-style: none;
font-size: 19px;
color: #3a4f77;
font-weight: 400;
position: relative;
padding-left: 12px;
line-height: 23px;
padding-bottom: 10px;
}
.advantages ul li:before {
content:'\f0c8';
font-family: 'FontAwesome';
font-size:6px;
color:#3a4f77;
position:absolute;
left:0px;
top:0px;
}
.advantages a.button {
border-radius:30px;
color:#fff;
width:200px;
display:block;
text-align:center;
margin:0 auto;
padding:13px 20px;
font-size:18px;
font-weight:400;
background:#e06a38;
text-transform:uppercase;
margin-top:30px;
}
.advantages a.button:hover {
background:#c0572a;
}
.partner-logos {
width:100%;
padding:80px 0px;
}
.partner-logos h2 {
color:#1a4d72;
font-size:40px;
font-weight:400;
margin:0px;
padding-bottom:40px;
}
.partner-logos ul {
margin:0px;
padding:0px 15px;
display: flex;
flex-flow: row wrap;
justify-content: space-around;
}
.partner-logos ul li {
list-style: none;
margin-right: 20px;
margin-bottom: 20px;
width: 15%;
}
.partner-logos p {
padding:15px;
color:#1a4d72;
font-weight:400px;
font-size:18px;
}
.inner-banner.parti-bnr h1 {
padding-left: 54%;
}
.parti-quelles {
width:100%;
padding:70px 0px 110px;
}
.parti-quelles p {
font-size:20px;
line-height: 26px;
padding-bottom:25px;
}
.parti-quelles .large-8 {
padding-left: 100px;
}
.parti-quelles h3 {
font-weight:400;
color:#394f77;
padding-bottom:15px;
}
.parti-quelles a.button {
border-radius: 30px;
color: #fff;
display: inline-block;
text-align: center;
margin: 0 auto;
padding: 0px 20px;
font-size: 18px;
font-weight: 400;
text-transform: uppercase;
margin-top: 30px;
height: 46px;
line-height: 42px;
min-width:180px;
margin-right: 25px;
}
.org {
background: #e06a38;
}
.blu {
background: #3a4f77;
}
.parti-quelles .large-4 {
width: 27.333%;
}
.parti-quelles .large-8 {
width: 72.667%;
}
.nos-prestations {
width:100%;
}
.nos-left {
width:50%;
float:left;
}
.nos-right {
width:50%;
float:right;
background:#e6e6e6;
}
.nos-left-content {
width:85%;
padding:70px 100px 100px 100px;
float:right;
}
.nos-left-content h3 {
text-align:center;
padding-bottom:20px;
font-size:30px;
line-height:32px;
margin:0px;
color:#1a4d72;
text-transform:uppercase;
}
.nos-left-content h4 {
text-align:left;
padding-bottom:20px;
font-size:20px;
line-height:26px;
margin:0px;
color:#e06a38;
font-weight:400;
}
.nos-left-content ul {
margin:0px;
padding:0px;
}
.nos-left-content ul li {
list-style:none;
font-weight:400;
font-size:18px;
color:#858585;
line-height:22px;
position:relative;
padding-left:24px;
padding-bottom:20px;
}
.nos-left-content ul li:before {
content:'\f0c8';
font-family: 'FontAwesome';
font-size:6px;
color:#858585;
position:absolute;
left:0px;
top:2px;
}
.nos-left-content a.button {
border-radius:30px;
color:#fff;
width:200px;
display:block;
text-align:center;
margin:0 auto;
padding:13px 20px;
font-size:20px;
font-weight:400;
background:#e06a38;
text-transform:uppercase;
margin-top:30px;
}
.nos-left-content a.button:hover {
background:#c0572a;
}
.nos-right-content {
width:85%;
padding:70px 100px 100px 100px;
float:left;
}
.nos-right-content h2 {
text-align:center;
padding-bottom:20px;
font-size:50px;
font-weight:400;
line-height:60px;
margin:0px;
color:#e06a38;
text-transform:none;
}
.nos-right-content h3 {
text-align:left;
padding-bottom:20px;
font-size:20px;
line-height:26px;
margin:0px;
color:#325377;
font-weight:700;
}
.nos-right-content ul {
margin:0px;
padding:0px;
}
.nos-right-content ul li {
list-style:none;
font-weight:400;
font-size:18px;
color:#325377;
line-height:22px;
position:relative;
padding-left:24px;
padding-bottom:0px;
}
.nos-right-content ul li:before {
content:'\f0c8';
font-family: 'FontAwesome';
font-size:6px;
color:#325377;
position:absolute;
left:0px;
top:2px;
}
.nos-right-content a.button {
border-radius:30px;
color:#fff;
width:200px;
display:block;
text-align:center;
margin:0 auto;
padding:13px 20px;
font-size:18px;
font-weight:400;
background:#e06a38;
text-transform:uppercase;
margin-top:30px;
}
.nos-right-content a.button:hover {
background:#c0572a;
}
.parti-testimonials {
width:100%;
padding:80px 0px;
background-size:cover !important;
}
.testimonials.testimonials-wrapper {
max-width: 850px;
margin: 0 auto;
}
.testimonials.testimonials-wrapper h3 {
font-weight:400;
color:#1a4d72;
font-size:30px;
}
.salary-calc {
width:100%;
background: #e06a38;
padding:100px 0px 130px;
}
.salary-tabs {
position: relative;
}
.salary-tabs p {
margin:0px;
color:#858585;
font-size:20px;
line-height:24px;
font-weight:400;
padding-bottom:15px;
}
.salary-tabs ul {
border:0px;
}
.salary-tabs li {
margin: 0px 0px;
width: 50%;
background: #e6e6e6;
}
.salary-tabs li h2 {
color:#858585;
font-size:30px;
font-weight:700;
text-transform:uppercase;
text-align:center;
}
.salary-tabs li h2 span {
text-transform:none;
color:#858585;
font-size:30px;
font-weight:700;
}
.sim-vid {
text-align:center;
position:relative;
}
.sim-vid::after {
content: '';
width: 13%;
height: 100%;
background: #fff;
top: 0;
right: 0;
position: absolute;
}
.salary-tabs li.tabs-title.is-active a {
background:#fff;
}
.salary-tabs li.is-active h2 {
color:#3a4f77;
}
.salary-tabs li.is-active h2 span {
color:#e06a38;
}
.salary-tabs .form-group {
text-align: left;
padding-top: 0px;
margin-bottom: 20px;
position: relative;
}
.salary-tabs .form-group input[type="text"] {
font-size:18px;
font-weight: 400;
color: #3a4f77;
height: 35px;
border:0px;
box-shadow:none;
border-bottom:1px solid #858585;
padding:0px;
}
.salary-tabs .form-group input[type="text"]:focus {
border-bottom:2px solid #80b1eb;
}
.salary-tabs .tabs-content .large-6 {
padding:0px 40px;
}
.salary-tabs .form-check {
display: inline-block;
width: 100%;
position:relative;
}
.salary-tabs .tabs-content .form-check [type="radio"]:checked, .salary-tabs .form-check [type="radio"]:not(:checked) {
position: absolute;
left: -9999px;
}
.salary-tabs .tabs-content .form-check [type="radio"]:checked + label, .salary-tabs .form-check [type="radio"]:not(:checked) + label {
position: relative;
font-size: 16px;
font-size: 1.6rem;
font-weight: 600;
cursor: pointer;
display: inline-block;
padding: 0;
width: 100%;
padding-left: 10px;
opacity: .8;
color: #6f7984;
}
.salary-tabs .tabs-content .form-check [type="radio"]:checked + label::before {
content: "";
position: absolute;
left: 0;
bottom: -10px;
width: 100%;
height: 2px;
background: #a1c331;
opacity: 1;
}
.salary-tabs .form-group select {
border:0px;
border-bottom:1px solid #858585;
padding:0px;
margin:0px;
background:url("img/select-arrow.png") no-repeat 98% 50%;
}
.salary-tabs .form-group select:focus {
box-shadow:none;
}
.salary-tabs .tabs-content .btn-submit {
color:#fff;
font-size:30px;
font-weight:400;
height: 74px;
line-height: 74px;
background:#325377;
position: absolute;
bottom: -35px;
left: 9%;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
-ms-border-radius:50px;
border-radius: 50px;
text-align:center;
border:0px;
padding:0px 30px;
cursor:pointer;
z-index:1;
}
.salary-tabs .tabs-content {
padding-bottom:25px;
}
.salary-tabs .tabs-content .btn-submit img {
position:relative;
top:-3px;
}
.salary-tabs .actu {
position:absolute;
bottom: -40px;
right: 12%;
font-size:18px;
}
.salary-tabs .tabs-content .btn-submit.second {
left: inherit;
right: 8%;
}
.error-404.not-found {
text-align: center;
margin: 0 auto 50px;
}
.page-header h1 {
font-size:42px;
line-height:50px;
font-weight:400;
margin:0px;
color: #1a4d72;
padding-bottom: 15px;
}
.error-404.not-found .search-submit {
cursor:pointer;
}
.error-404.not-found .search-submit svg {
height:21px;
}
.inner-pages-content {
padding: 50px 0px;
}
/* .category header {
min-height:auto;
margin-top:50px;
}*/
/* .category header:before {
content:'';
width:auto;
background:none;
}*/
.category .content-area {
margin-bottom:50px;
}
.calculated-sec {
padding: 70px 0px;
background:#f7f7f7;
}
.commision_portage {
margin-bottom: 20px;
}
.commision_portage h3 {
margin:0px;
font-size:17px;
font-weight:400;
color:#858585;
}
big.rest_after_company_prc {
display: block;
font-size: 36px;
padding:13px 13px 13px 20px;
background: #e8e8e8;
position:relative;
}
big.rest_after_company_prc:before {
content: "";
width: 10px;
height: 100%;
position: absolute;
left: 0;
top: 0;
background: #a1c331;
}
.rest_revenue_prc {
display: block;
font-size: 36px;
padding:13px 13px 13px 20px;
background: #e8e8e8;
position:relative;
}
.rest_revenue_prc:before {
content: "";
width: 10px;
height: 100%;
position: absolute;
left: 0;
top: 0;
background: #4b5865;
}
.net_revenue {
display: block;
font-size: 36px;
padding:13px 13px 13px 20px;
background: #e8e8e8;
position:relative;
}
.net_revenue:before {
content: "";
width: 10px;
height: 100%;
position: absolute;
left: 0;
top: 0;
background: #80b1eb;
}
body.search header {
min-height:auto;
}
body.search header:before {
content:'';
width:auto;
background:none;
}
body.search header h2 {
text-align:left;
padding-bottom:10px;
}
body.search .entry-summary p {
margin:0px;
text-align:left;
padding-bottom:20px;
}
body.search article {
border-bottom:1px solid #ddd;
margin-bottom:15px;
}
.mentions-inner {
margin-bottom: 20px;
padding-bottom: 20px;
border-bottom: 1px solid #eee;
}
.mentions-inner h2 {
font-size:30px;
}
.mentions-inner p {
padding-bottom:15px;
}
.rest_charges_prc {
display: block;
font-size: 36px;
padding:13px 13px 13px 20px;
background: #e8e8e8;
position:relative;
}
.rest_charges_prc:before {
content: "";
width: 10px;
height: 100%;
position: absolute;
left: 0;
top: 0;
background: #4b5865;
}
.net_revenue_webportage {
display: block;
font-size: 36px;
padding:13px 13px 13px 20px;
background: #e8e8e8;
position:relative;
}
.net_revenue_webportage:before {
content: "";
width: 10px;
height: 100%;
position: absolute;
left: 0;
top: 0;
background: #424b76;
}
.rest_turnover_prc {
display: block;
font-size: 36px;
padding:13px 13px 13px 20px;
background: #e8e8e8;
position:relative;
}
.rest_turnover_prc:before {
content: "";
width: 10px;
height: 100%;
position: absolute;
left: 0;
top: 0;
background: #e06a38;
}
.rest_after_company_prc_div {
background: none;
padding:4px 0px 4px 22px;
position:relative;
}
.rest_after_company_prc_div:before {
content: "";
width: 10px;
height: 100%;
position: absolute;
left: 0;
top: 0;
background: #d0e197;
}
.rest_revenue_prc_salary_div {
background: none;
padding:4px 0px 4px 22px;
position:relative;
}
.rest_revenue_prc_salary_div:before {
content: "";
width: 10px;
height: 100%;
position: absolute;
left: 0;
top: 0;
background: #d2d5d8;
}
.rest_revenue_prc_boss_div {
background: none;
padding:4px 0px 4px 22px;
position:relative;
}
.rest_revenue_prc_boss_div:before {
content: "";
width: 10px;
height: 100%;
position: absolute;
left: 0;
top: 0;
background: #e1e2e2;
}
.commision_portage small {
float: right;
font-size: 16px;
}
.menu-footer-mentions-container ul li {
display: inline-block;
}
.error-404.not-found{
text-align:center;
}
.error-404.not-found form{
position:relative;
margin-top:15px;
}
.error-404.not-found form label{
display:none;
}
.error-404.not-found form input{
height:2.5rem;
}
.error-404.not-found .search-submit{
background-color:#e06a38;
padding:10px 10px 7px 12px;
position:absolute;
right:0px;
top:0px;
}
.error-404.not-found .search-submit svg{
width:22px;
height:22px;
fill:#fff;
}
.error-404.not-found .search-submit .screen-reader-text{
display:none;
}
body.search .search-submit{
background-color:#e06a38;
padding:10px 10px 7px 12px;
position:absolute;
top:0px;
right:0px;
}
body.search .search-submit svg{
width:22px;
height:22px;
fill:#fff;
}
body.search .search-submit .screen-reader-text{
display:none;
}
body.search .content-area{
text-align:center;
}
body.search form{
position:relative;
margin-top:15px;
}
body.search form input{
height:2.5rem;
}
body.search form label{
display:none;
}
body.blog .inner-pages-content .page-header{
margin-top:0px;
}
.chat-btn{
display: none;
}
/* The Modal (background) */
.modal {
display: none;
/* Hidden by default */
position: fixed;
/* Stay in place */
z-index: 99999;
/* Sit on top */
padding-top: 100px;
/* Location of the box */
left: 0;
top: 0;
width: 100%;
/* Full width */
height: 100%;
/* Full height */
overflow: auto;
/* Enable scroll if needed */
background-color: rgb(0,0,0);
/* Fallback color */
background-color: rgba(0,0,0,0.9);
/* Black w/ opacity */
}
/* Modal Content */
.modal-content {
/*background-color: #fefefe;
*/
margin: auto;
width: 80%;
display: flex;
align-items: center;
max-width: 500px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
min-height: calc(100% - (1.75rem * 2));
}
.Popupform{
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
width: 100%;
pointer-events: auto;
background-color: #fff;
background-clip: padding-box;
border: 1px solid rgba(0,0,0,.2);
border-radius: .3rem;
outline: 0;
padding: 40px 30px;
border: 1px solid #888;
}
/* The Close Button */
.close {
color: #aaaaaa;
float: right;
font-size: 28px;
font-weight: bold;
position: absolute;
right: 20px;
top: 20px;
}
.close:hover, .close:focus {
color: #000;
text-decoration: none;
cursor: pointer;
}
.Popupform{
width: 100%;
}
.Popupform label{
font-size: 16px;
}
.buttonsubmitpanel{
display: flex;
justify-content: flex-start;
align-items: center;
margin-top: 15px;
}
.buttonsubmitpanel .buttonsubmit{
background-color: #e06a38;
width: 180px;
border-radius: 40px;
color: #fff;
border: 0px;
padding: 15px;
display: block;
cursor: pointer;
}
.buttonsubmitpanel .buttonsubmit:hover{
background-color: #335377;
}
.ml-2{
margin-left: 1rem;
}
/*.ActualitesContainer{
width: 98%;
max-width: 860px;
margin-left: auto;
margin-right: auto;
}
*/
.ActualitesContainer .page-header{
padding-bottom: 30px;
}
.ActualitesContainer .card{
padding: 15px;
border:0px;
border-bottom: 1px solid #dedede;
transition: .25s;
}
.ActualitesContainer .card:hover{
background-color: #325377;
color: #FFF;
}
.ActualitesContainer .card .card-title{
font-size: 32px;
font-weight: 500;
line-height: 32px;
color: #000;
margin-bottom: 10px;
min-height: 60px;
}
.ActualitesContainer .card:hover .card-title{
color: #FFF;
}
.ActualitesContainer .card-text{
font-size: 14px;
}
.ActualitesContainer .card{
margin-bottom: 20px;
}
.ActualitesContainer .card a:hover{
text-decoration: none;
opacity: .9;
}
.datePost {
font-size: 13px;
font-weight: 400;
color: #000;
margin-bottom: 20px;
}
.ActualitesContainer .card:hover .datePost {
color: #FFF;
}
.ActualitesContainer .card:hover span, .ActualitesContainer .card:hover p{
color: #FFF;
}
.ActualitesContainer .card:hover .buttonreadmore{
color: #FFF;
}
.datePost i{
margin-right: 5px;
}
.article-tags .tag {
display: inline-block;
text-transform: uppercase;
font-size: 14px;
padding: 0px 15px;
margin-left: 15px;
margin-bottom: 5px;
color: rgba(68,68,68,.9);
/* background: rgba(68,68,68,.9);
*/
border-radius: 5px;
text-decoration: none;
border: 1px solid rgba(68,68,68,.9);
}
.article-tags .tag:hover {
opacity: 0.7;
}
.article-content p {
font-size: 17px;
font-weight: 400;
line-height: 25px;
}
.article-content h2 {
font-size: 22px;
font-weight: 600;
line-height: 36px;
margin-top: 20px;
}
.article-content {
color: rgba(0,0,0,0.87);
}
.blogimg{
height: 300px;
margin-bottom: 20px;
background-color: #f2f2f2;
background-size: cover;
background-position: center center;
}
.ActualitesContainer .buttonreadmore{
/*background-color: #e06a38;
*/
width: 140px;
border-radius: 40px;
color: #394f77;
border: 0px;
padding: 4px 0px;
display: block;
cursor: pointer;
text-align: left;
line-height: 28px;
text-transform: uppercase;
margin-top: 20px;
margin-bottom: 10px;
font-size: 14px;
transition: .25s;
}
.ActualitesContainer .buttonreadmore i{
margin-left: 7px;
transition: .25s;
}
.ActualitesContainer .buttonreadmore:hover{
/* background-color: #335377;
*/
letter-spacing: 0.02em;
}
.ActualitesContainer .buttonreadmore:hover i{
margin-left: 13px;
}
/* Alignments --------------------------------------------- */
.alignleft {
/*rtl:ignore*/
float: left;
/*rtl:ignore*/
margin-right: 1.5em;
margin-bottom: 1.5em;
}
.alignright {
/*rtl:ignore*/
float: right;
/*rtl:ignore*/
margin-left: 1.5em;
margin-bottom: 1.5em;
}
.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
margin-bottom: 1.5em;
}
.ActualitesDetails p{
margin-bottom: 18px;
}
.ContactPageform{
/*width: 98%;
*/
margin-left: auto;
margin-right: auto;
/* max-width: 560px;
*/
}
.ContactPageform h3{
font-size: 18px;
}
.ContactPageform label {
font-size: 16px;
}
.ContactPageform label span{
color: #FF0000;
}
.LinkedinContainer{
width: 100%;
padding: 70px 0px 70px;
background: #e6e6e6;
display: none;
}
.LinkedinContainer h2{
text-align: center;
/* padding-bottom: 60px;
*/
color: #1a4d72;
text-transform: uppercase;
}
.LinkedinContainer .card {
border: 0px;
box-shadow: 0 10px 20px rgb(0 0 0 / 7%);
position: relative;
margin: 30px;
}
.linkedin-icon {
position: absolute;
right: -8px;
top: 0px;
z-index: 2;
}
.LinkedinContainer .card-body {
/* padding: 25px 45px 40px;
*/
padding: 0px;
margin-bottom: -8px;
}
.LinkedinContainer .card-body iframe {
width: 100%;
height: 400px;
}
.ContactPageform .buttonsubmitpanel{
justify-content: space-between;
margin-top: 30px;
align-items: flex-start;
}
.note{
margin-top: 10px;
color: #FFF;
}
.ContactPageHd{
/*width: 98%;
*/
margin-left: auto;
margin-right: auto;
/*max-width: 560px;
*/
padding-bottom: 15px;
}
.IndexContactUsForm {
position: relative;
margin-bottom: 18px;
}
.IndexContactUsForm input:focus ~ .floating-label, .IndexContactUsForm input:not(:focus):valid ~ .floating-label{
top: -20px;
left: 20px;
font-size: 11px;
opacity: 1;
}
.IndexContactUsForm input:focus ~ .floating-border, .IndexContactUsForm input:not(:focus):valid ~ .floating-border{
width: 100%;
transition: .5s;
}
.inputText {
font-size: 14px;
width: 100%;
height: 50px;
border-radius: 0px;
/* box-shadow: 0px 4px 15px rgba(0,0,0,.05);
*/
border: 1px #dfdfdf solid;
padding-left: 18px;
padding-right: 18px;
font-size: 14px;
color: #000000;
margin-bottom: 15px;
background-color: #FFF;
}
.inputText:focus{
border: 0px;
outline: 0px;
}
.floating-label {
position: absolute;
pointer-events: none;
left: 20px;
top: 15px;
transition: 0.2s ease all;
font-size: 16px;
color: #e06a38;
}
.floating-border{
display:block;
width: 0%;
height: 2px;
background-color: #e06a38;
position: absolute;
bottom: 0px;
transition: 0.5s ease all;
}
.inputtextarea{
height: 140px;
}
.form-check-label{
font-family: 'Lato', sans-serif;
font-size: 16px;
}
.HomeContactUsForm {
position: relative;
margin-bottom: 18px;
}
.HomeContactUsForm input:focus ~ .homefloating-label, .HomeContactUsForm input:not(:focus):valid ~ .homefloating-label{
top: -20px;
left: 20px;
font-size: 11px;
opacity: 1;
}
.HomeContactUsForm input:focus ~ .homefloating-border, .HomeContactUsForm input:not(:focus):valid ~ .homefloating-border{
width: 100%;
transition: .5s;
}
.inputTexthome {
font-size: 14px;
width: 100%;
height: 36px;
border-radius: 0px;
box-shadow: 0px 4px 15px rgba(0,0,0,.00);
border: 0px #dfdfdf solid;
padding-left: 18px;
padding-right: 18px;
font-size: 14px;
color: #000000;
margin-bottom: 15px;
background-color: #FFF;
padding-top: 5px;
padding-bottom: 5px;
background-color: #e6e6e6;
}
.inputTexthome:focus{
border: 0px;
outline: 0px;
box-shadow: none;
}
.homefloating-label {
position: absolute;
pointer-events: none;
left: 20px;
top: 5px;
transition: 0.2s ease all;
font-size: 16px;
color: #e06a38;
font-weight: 700;
}
.homefloating-border{
display:block;
width: 0%;
height: 2px;
background-color: #e06a38;
position: absolute;
bottom: 0px;
transition: 0.5s ease all;
}
.homeinputtextarea{
height: 140px;
}
.form-check-label{
font-family: 'Lato', sans-serif;
font-size: 16px;
}
.ContactPageContainer {
width:100%;
padding:70px 0px 70px;
background:#e6e6e6;
}
.ContactPageContainer h2 {
text-align:center;
padding-bottom:60px;
color: #1a4d72;
text-transform: uppercase;
}
.ContactPageContent {
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#464877+0,305476+100 */
background: #464877; /* Old browsers */
background: -moz-linear-gradient(left, #464877 0%, #305476 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #464877 0%,#305476 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #464877 0%,#305476 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#464877', endColorstr='#305476',GradientType=1 ); /* IE6-9 */
padding:60px;
position:relative;
border-radius: 20px;
}
.ContactPageform{
background-color: #FFF;
padding: 30px;
}
.foot-links ul.newsfoot li a{
margin-bottom: 6px;
display: block;
}
.copyright .fa-heart{
color: #ee2a22;
-webkit-animation: breathing 3s ease-out infinite normal;
animation: breathing 3s ease-out infinite normal;
}
.copyright{
font-size: 14px;
color: #333;
text-align: center;
padding-bottom: 15px;
padding-top: 15px;
/* border-top: #e8ac4c 3px solid;
*/
/*padding-bottom: 110px;
*/
}
.copyright li, .copyright span{
font-size: 14px;
}
.copyright p{
font-size: 14px;
}
.copyright a{
font-size: 14px;
color: #333;
transition: .25s;
}
.copyright a:hover{
color: #333;
text-decoration:underline;
}
.copyright p{
margin-bottom: 0px;
}
.copyright img.logo{
margin-left: 7px;
}
@-webkit-keyframes breathing {
0% {
-webkit-transform: scale(0.8);
transform: scale(0.8);
}
25% {
-webkit-transform: scale(1);
transform: scale(1);
}
60% {
-webkit-transform: scale(0.8);
transform: scale(0.8);
}
100% {
-webkit-transform: scale(0.8);
transform: scale(0.8);
}
}
@keyframes breathing {
0% {
-webkit-transform: scale(0.8);
-ms-transform: scale(0.8);
transform: scale(0.8);
}
25% {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
60% {
-webkit-transform: scale(0.8);
-ms-transform: scale(0.8);
transform: scale(0.8);
}
100% {
-webkit-transform: scale(0.8);
-ms-transform: scale(0.8);
transform: scale(0.8);
}
}
.formmsg{
padding-top: 20px;
font-weight: 700;
display: block;
}
.ActualitesContainer.ActualitesDetails .card:hover{
background-color: #FFF;
color: #000;
}
.ActualitesContainer.ActualitesDetails .card .card-title{
font-size: 32px;
font-weight: 500;
line-height: 32px;
color: #000;
margin-bottom: 10px;
min-height: 60px;
}
.ActualitesContainer.ActualitesDetails .card:hover .card-title{
color: #000;
}
.ActualitesContainer .card-text{
font-size: 14px;
}
.ActualitesContainer.ActualitesDetails .card:hover .datePost {
color: #000;
}
.ActualitesContainer.ActualitesDetails .card:hover span, .ActualitesContainer .card:hover p{
color: #000;
}
.ActualitesContainer.ActualitesDetails .card:hover .buttonreadmore{
color: #000;
}
.left-text-cont{
padding: 0 30px;
}
.left-text-cont p{
margin-bottom: 27px;
}
.left-text-cont h3{
margin-bottom: 18px;
color: #333;
}
.text-align-center{
text-align: center;
}
.videotext{
height: 100%;
/*display: flex;
align-items: center;*/
}
.videotextcont{
font-size: 18px;
line-height: 32px;
}
.videotextcont h2{
font-size: 42px;
text-transform: uppercase;
margin-bottom: 60px;
color: #FFF;
}
.videotextcont p{
font-size: 18px;
line-height: 32px;
color: #FFF;
}
.BodyTopPanel{
background-color: #e06a38;
background-image: url(img/Body-bottombg.jpg);
background-size: 100%;
background-position: bottom center;
background-repeat: no-repeat;
color: #FFF;
padding-top: 75px;
padding-bottom: 75px;
}
.InnerBlogContainer{
padding-top: 70px;
padding-bottom: 140px;
position: relative;
background-image: url(img/blogbodytop.jpg);
background-position: top center;
background-size: contain;
background-repeat: no-repeat;
position: relative;
}
.InnerBlogContainer:after{
position: absolute;
z-index: -1;
height: 560px;
background-image: url(img/indexbottom.png);
background-position: bottom center;
background-repeat: no-repeat;
background-size: cover;
bottom: 0px;
width: 100%;
content: '';
}
.InnerBlogContainer h1{
}
.InnerBlogContainer h1 {
text-align:center;
font-size:44px;
line-height:32px;
color:#FFFFFF;
text-transform:uppercase;
padding-bottom:30px;
margin-bottom: 45px;
position: relative;
font-weight: 700;
}
.InnerBlogContainer h1:after{
width: 310px;
background-color: #e06a38;
height: 4px;
content: '';
position: absolute;
bottom: 0px;
left: 50%;
margin-left: -155px;
}
.blogheading{
margin-bottom: 90px;
}
.InnerBlogContainer .sidebar ul{
list-style: none;
margin: 0px;
padding: 0px;
}
.InnerBlogContainer .sidebar ul li{
margin: 0px;
padding: 0px;
}
.InnerBlogContainer .sidebar ul li a{
border-top: 4px #2f5476 solid;
padding-top: 12px;
padding-bottom: 35px;
display: block;
font-size: 20px;
color: #2f5476;
text-transform: uppercase;
font-weight: 700;
letter-spacing: 0.1rem;
text-align: right;
}
.InnerBlogContainer .sidebar ul li a:hover{
border-top: 4px #e06a38 solid;
text-decoration: none;
}
.blogthemeone{
-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
border-radius: 10px;
overflow: hidden;
height: 100%;
position: relative;
}
.blogthemeoneCont{
background-color: #FFF;
padding:40px 15px 15px 30px;
}
.blogdate{
font-family: 'Conv_FontsFree-Net-Geogtq-Rg';
background-color: #e06a38;
font-size: 18px;
color: #FFF;
padding-left: 7px;
padding-right: 7px;
width: 110px;
text-align: center;
margin-bottom: 20px;
}
.blogthemetwoCont{
background-color: #2f5476;
}
.blogcontheading{
font-family: 'Conv_FontsFree-Net-Geogtq-Bd' !important;
font-size: 18px;
color: #FFF;
background-color: #2f5476;
line-height: 20px;
display: inline-block;
text-transform: uppercase;
/*letter-spacing: -0.05rem;*/
}
.blogthemeoneCont .blogcontheading{
background-color: #FFF;
color: #2f5476;
}
.blogcontheading a{
color: #FFF;
}
.blogthemeoneCont .blogcontheading a{
color: #2f5476;
}
.blogcontheading a:hover{
color: #e06a38;
text-decoration: none;
}
.blog-text{
font-size: 14px;
color: #2f5476;
line-height: 18px;
padding-top: 20px;
}
.blog-text p{
font-size: 14px;
color: #2f5476;
line-height: 18px;
}
.blogimage{
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
}
.read-more-btn{
position: absolute;
right: 0px;
bottom: 40px;
}
.read-more-btn a{
width: 174px;
height: 36px;
background-color: #e06a38;
font-size: 14px;
color: #FFF;
font-weight: 700;
letter-spacing: .02rem;
display: block;
border-radius: 7px 0 0 7px;
line-height: 38px;
padding-left: 18px;
text-transform: uppercase;
letter-spacing: .025rem;
}
.read-more-btn a:hover{
background-color: #2f5476;
color: #FFF;
text-decoration: none;
}
.blog-text{
padding-bottom: 78px;
}
.mb-30{
margin-bottom: 30px;
}
.blogthemetwo{
/* box-shadow: 14px 10px 20px 1px rgba(0,0,0,0.18);
-webkit-box-shadow: 14px 10px 20px 1px rgba(0,0,0,0.18);
-moz-box-shadow: 14px 10px 20px 1px rgba(0,0,0,0.18);*/
-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
border-radius: 10px;
overflow: hidden;
height: 100%;
position: relative;
background-color: #FFF;
}
.blogtwoimage{
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
display: flex;
height: 300px;
align-items: flex-end;
flex-flow: row wrap;
}
.blogthemetwoCont{
padding: 20px;
}
.blogthemetwoCont .blogdate{
font-size: 16px;
}
.blogthemetwoCont .blogcontheading{
font-size: 18px;
line-height: 22px;
}
.blogthemetwo .blog-text{
padding-left: 30px;
padding-top: 15px;
padding-right: 15px;
}
/*Contact*/
.InnerContactContainer{
padding-top: 240px;
padding-bottom: 90px;
position: relative;
background-image: url(img/contactbodytop.jpg);
background-size: contain;
background-position: top center;
background-repeat: no-repeat;
position: relative;
min-height: 700px;
}
.InnerContactContainer:after{
position: absolute;
z-index: -1;
height: 560px;
background-image: url(img/indexbottom.png);
background-position: bottom center;
background-size: contain;
background-repeat: no-repeat;
background-size: cover;
bottom: 0px;
width: 100%;
content: '';
}
.InnerContactContainer h1 {
text-align:center;
font-size:44px;
line-height:32px;
color:#FFFFFF;
text-transform:uppercase;
padding-bottom:30px;
margin-bottom: 45px;
position: relative;
font-weight: 700;
}
.InnerContactContainer h1:after{
width: 310px;
background-color: #2f5476;
height: 4px;
content: '';
position: absolute;
bottom: 0px;
left: 50%;
margin-left: -155px;
}
.contactheading{
margin-bottom: 70px;
}
.contactbuttonsubmitpanel{
width: 205px;
height: 56px;
margin-left: auto;
/*margin-right: auto;*/
}
.contactbuttonsubmitpanel .inputbuttonsubmit{
width: 205px;
height: 56px;
cursor: pointer;
box-shadow: none;
background: url(img/envoyer.png) no-repeat;
cursor: pointer;
border: 0px;
text-indent: 1111111px;
}
.ContactPageform label{
color: #e06a38;
}
.search-field{
margin-bottom: 5px;
}
.search-submit{
width: 100%;
}
.search-submit .icon-search{
width: 7%;
float: left;
height: 35px;
display: none;
}
.search-submit .screen-reader-text{
float: right;
padding: 10px 0 0 0;
}
.Mobile-menu{
position: fixed;
top: 20px;
right: 0px;
/*background-color: #FFF;*/
height: 68px;
width: 100%;
transition: 0.3s;
z-index: 9999;
display: none;
}
.Mobile-menu.sticky{
background-color: #FFF;
top: 0px;
}
.smenu {
position: fixed;
top: 20px;
right: 0px;
/*background-color: #FFF;*/
height: 68px;
width: 68px;
cursor: pointer;
transition: 0.3s;
}
.Mobile-menu img{
width: 146px;
height: auto;
/*margin-left: 15px;*/
padding: 10px;
}
.home .Mobile-menu img{
opacity: 0;
}
.home .Mobile-menu.sticky img{
display: block;
opacity: 1;
}
.home .smenu{
top: 40px;
}
.smenu span {
position: absolute;
height: 1px;
width: 40px;
background-color: #FFF;
top: 50%;
right: 0px;
transform: translate(-50%,-50%);
transition: 0.3s;
border-radius: 5px;
}
.smenu span:before {
content: '';
position: absolute;
top: -8px;
background-color: #FFF;
height: 1px;
width: 30px;
transition: 0.3s;
border-radius: 5px;
left: 10px;
}
.smenu span:after {
content: '';
position: absolute;
top: 8px;
background-color: #FFF;
height: 1px;
width: 20px;
transition: 0.3s;
border-radius: 5px;
left: 20px;
}
.smenu.active span { background-color: transparent; }
.smenu.active span:before { transform: rotate(45deg);top: 0; left: 0px; width: 40px; background-color: #000;}
.smenu.active span:after { transform: rotate(-45deg);top: 0;left: 0px; width: 40px; background-color: #000;}
.Mobile-menu.sticky .smenu{
top: 0px;
}
.Mobile-menu.sticky .smenu span{background-color: #000;}
.Mobile-menu.sticky .smenu span:before {background-color: #000;}
.Mobile-menu.sticky .smenu span:after { background-color: #000;}
.Mobile-menu.sticky .smenu.active span:after {background-color: #000;}
.Mobile-menu.sticky .smenu.active span{background-color: #FFF;}
@media only screen and (max-width: 1023px) {
.smenu{
display: block;
}
}
/* End */
.navbar-menu .menu-listing{
max-width: 460px;
margin-left: auto;
margin-right: auto;
}
.navbar-menu .menu-listing ul{
margin: 0px;
padding: 0px;
display: block;
}
.menu-listing li {
/* display: inline-block;*/
display: block;
}
.menu-listing li a {
background-color: #fff;
color: #262626;
display: block;
font-size: 1.2rem;
/*
height: 50px;
line-height: 50px;
*/
padding: 17px 20px;
letter-spacing: 1px;
text-decoration: none;
transition: 0.5s;
text-align: center;
text-transform: uppercase;
}
.menu-listing li a:hover { background-color: #262626;color: #fff;transition: 0.5s; }
.navbar-menu .menu-listing ul li ul.sub-menu{
background-color: #f0e9e9;
border-top: 2px #1f265c solid;
position: relative;
display: none;
}
.navbar-menu .menu-listing ul li:hover ul{
display: block;
}
.navbar-menu .menu-listing ul ul.sub-menu:before{
width: 0;
height: 0;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
content: '';
border-bottom: 10px solid black;
position: absolute;
top: -10px;
left: 50%;
margin-left: -5px;
}
.navbar-menu .menu-listing ul ul.sub-menu a{
background-color: #eceef9;
font-size: 1rem;
font-family: 'Gotham-Bold';
border-bottom: 1px #1f265c dashed;
}
.navbar-menu .menu-listing ul ul.sub-menu a:hover{
color: #1f265c;
}
.navbar-menu {
background-color: #FFF;
position: fixed;
top: 0px;
left: 0;
width: 100%;
height: 50px;
transform: translateX(-100%);
transition: 0.5s;
bottom: 0px;
z-index: 99;
padding-top: 170px;
height: 100vh;
}
.navbar-menu.active { transform: translateX(0);transition: 0.5s; }
.navbar-menu .menu-listing {
padding: 0;
position: relative;
text-align: center;
top: 50px;
/*transform: translateY(-50%);*/
z-index: 99;
}
.navbar-menu .smenu{
background-image: none !important;
}
.navbar-menu h3{
text-align: center;
}
.smenu.sticky{
top: 0px;
background-color: #FFF;
-webkit-box-shadow: 0px 0px 20px 0px rgba(50, 50, 50, 0.15);
-moz-box-shadow: 0px 0px 20px 0px rgba(50, 50, 50, 0.15);
box-shadow: 0px 0px 20px 0px rgba(50, 50, 50, 0.15);
}
.smenu.sticky span{
background-color: #000;
}
.smenu.sticky.active span {
background-color: transparent;
}
.smenu.sticky span:before{
background-color: #000;
}
.smenu.sticky span:after{
background-color: #000;
}
@media only screen and (max-width: 960px) {
.tabs-devider{
height: 30px;
}
.vous-tabs .tabs li.firstchild.is-active:before{
top: 10px;
right: -40px;
}
.vous-tabs .tabs li.lastchild.is-active:before{
top: 10px;
left: -40px;
}
}
@media only screen and (max-width: 767px) {
.smenu{
right: 15px;
}
.banner-text{
margin-bottom: 40px;
}
}
.close.Choisissezclose{
background-image: url(img/close-icon-2.jpg);
width: 40px;
height: 40px;
text-indent: 11111px;
}
.popuplogo{
text-align: center;
margin-bottom: 30px;
}
.tabs-content .formmsg{
color: #FFF !important;
position: absolute;
right: 0;
bottom: 45px;
text-align: center;
width: 100%;
}
.top-header{
transition: .25s;
}
.inner-header-fixed .logo-full{
width: 76px;
transition: .25s;
}
.inr-header.innersticky .top-header{
margin-top: -40px;
}
.inr-header.innersticky .inner-header-fixed .logo-full{
top: 0;
left: 8px;
width: 45px;
transition: .25s;
}
.inner-mobile-logo {
position: absolute;
margin-top: 40px;
margin-left: 70px;
display: none;
}
.InnerPagesHeader{
min-height: 110px;
}
.InnerPagesHeader .logo{
position: absolute;
top: -40px;
}
.BLogDetailsContainer{
padding-top: 240px;
padding-bottom: 90px;
position: relative;
background-image: url(img/blogbodytop.jpg);
background-position: top center;
background-size: contain;
background-repeat: no-repeat;
position: relative;
min-height: 700px;
}
.breadcrumbsblogdetails{
font-family: 'Conv_FontsFree-Net-Geogtq-Bd';
font-size: 16px;
color: #e06a38;
padding-bottom: 20px;
text-transform: uppercase;
}
.breadcrumbsblogdetails ul{
display: flex;
justify-content: flex-start;
list-style: none;
padding: 0px;
margin: 0px;
}
.breadcrumbsblogdetails ul li{
color: #e06a38;
}
.breadcrumbsblogdetails ul li a{
color: #2f5476;
}
.breadcrumbsblogdetails ul li.BreadcrumbsDevider{
color: #2f5476;
margin-left: 5px;
margin-right: 5px;
}
.SingleBlogDetails{
padding-top: 0px;
color: #2f5476;
}
.SingleBlogDetails h2.singleBlogHeading {
font-family: 'Conv_FontsFree-Net-Geogtq-Bd' !important;
font-size: 38px;
color: #FFF;
background-color: #2f5476;
line-height: 48px;
display: inline;
text-transform: uppercase;
}
.SingleBlogDetails .singleBlogdate{
font-family: 'Conv_FontsFree-Net-Geogtq-Rg';
background-color: #e06a38;
font-size: 18px;
color: #FFF;
padding-left: 7px;
padding-right: 7px;
width: 110px;
text-align: center;
margin-bottom: 20px;
margin-top: 15px;
}
.SingleBlogDetails .site-main h1{
font-size: 24px;
color: #2f5476;
}
.SingleBlogDetails .site-main h1, .SingleBlogDetails .site-main h2, .SingleBlogDetails .site-main h3, .SingleBlogDetails .site-main h4, .SingleBlogDetails .site-main h5, .SingleBlogDetails .site-main h6{
color: #2f5476;
}
.SingleBlogDetails .site-main p{
color: #2f5476;
line-height: normal;
margin-bottom: 32px;
}
.SingleBlogDetails a{
color: #e06a38;
}
.blog_pagination a{
width: 140px;
height: 36px;
background-color: #e06a38;
font-size: 14px;
color: #FFF;
font-weight: 700;
letter-spacing: .02rem;
display: block;
line-height: 38px;
padding-left: 10px;
padding-right: 10px;
text-transform: uppercase;
letter-spacing: .025rem;
text-align: center;
transition: .25s;
}
.blog_pagination a:hover{
color: #FFF;
background-color: #2f5476;
text-decoration: none;
}
.blog_pagination .alignleft a{
border-radius: 0px 7px 7px 0px;
}
.blog_pagination .alignright a{
border-radius: 7px 0 0 7px;
}
.blog_pagination .alignleft a i{
margin-right: 7px;
}
.blog_pagination .alignright a i{
margin-left: 7px;
}
.blog-details-picture{
height: 600px;
width: 100%;
background-size: cover;
background-position: center center;
border-radius: 20px;
-webkit-box-shadow: 0px 0px 18px 0px rgba(0, 0, 0, 0.26);
-moz-box-shadow: 0px 0px 18px 0px rgba(0, 0, 0, 0.26);
box-shadow: 0px 0px 18px 0px rgba(0, 0, 0, 0.26);
}
.Moreblogs{
margin-top: 30px;
}
.Moreblogs .owl-theme .owl-nav{
position: absolute;
width: 100%;
display: flex;
justify-content: space-between;
}
.Moreblogs .owl-theme .owl-nav [class*=owl-]{
color: transparent;
width: 47px;
height: 12px;
}
.Moreblogs .owl-theme .owl-nav [class*=owl-] span{
display: none;
}
.Moreblogs .owl-theme .owl-nav [class*=owl-]:hover{
opacity: .7;
background-color: transparent;
}
.Moreblogs .owl-theme .owl-nav [class*=owl-]:focus{
border: 0px;
}
.Moreblogs .owl-nav button.owl-prev{
background-image: url(img/prev-arrow.png);
}
.Moreblogs .owl-nav button.owl-prev:hover{
background-image: url(img/prev-arrow.png);
}
.Moreblogs .owl-nav button.owl-next{
background-image: url(img/next-arrow.png);
}
.Moreblogs .owl-nav button.owl-next:hover{
background-image: url(img/next-arrow.png);
}
.Moreblogs .owl-theme .owl-dots{
margin-top: 20px;
}
.Moreblogs .owl-theme .owl-dots .owl-dot.active span, .Moreblogs .owl-theme .owl-dots .owl-dot:hover span{
background-color: #2f5476;
}
.owl-theme .owl-dots .owl-dot span{
background-color: #899eb1;
}
.MoreBlogContent{
/* box-shadow: 14px 10px 20px 1px rgba(0,0,0,0.18);
-webkit-box-shadow: 14px 10px 20px 1px rgba(0,0,0,0.18);
-moz-box-shadow: 14px 10px 20px 1px rgba(0,0,0,0.18);*/
-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
border-radius: 10px;
overflow: hidden;
height: 100%;
position: relative;
background-color: #FFF;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
display: flex;
height: 235px;
align-items: flex-end;
flex-flow: row wrap;
}
.blogtwoimage{
}
.blogthemetwoCont{
padding: 20px;
}
.blogthemetwoCont .blogdate{
font-size: 16px;
}
.blogthemetwoCont .blogcontheading{
font-size: 18px;
line-height: 22px;
}
.singleread-more-btn{
position: absolute;
right: 0px;
top: 20px;
}
.singleread-more-btn a{
width: 120px;
height: 30px;
background-color: #e06a38;
font-size: 11px;
color: #FFF;
font-weight: 700;
letter-spacing: .02rem;
display: block;
border-radius: 7px 0 0 7px;
line-height: 30px;
text-transform: uppercase;
letter-spacing: .025rem;
text-align: center;
}
.singleread-more-btn a:hover{
background-color: #2f5476;
color: #FFF;
text-decoration: none;
}
.singleblogthemetwoCont{
padding: 20px;
}
.singlebblogdate {
font-family: 'Conv_FontsFree-Net-Geogtq-Rg';
background-color: #e06a38;
font-size: 11px;
color: #FFF;
padding-left: 7px;
padding-right: 7px;
width: 90px;
text-align: center;
margin-bottom: 10px;
}
.MoreBlogContent{
position: relative;
}
.singlebblogcontheading{
font-family: 'Conv_FontsFree-Net-Geogtq-Bd' !important;
font-size: 22px;
color: #FFF;
background-color: #2f5476;
line-height: 23px;
display: inline;
text-transform: uppercase;
}
.singlebblogcontheading a{
color: #FFF;
}
.singlebblogcontheading a:hover{
color: #e06a38;
}
.scrollToTopBtn {
background-color: #3b4d77;
border: none;
border-radius: 50%;
color: white;
cursor: pointer;
font-size: 33px;
line-height: 35px;
height: 48px;
width: 48px;
/* place it at the bottom right corner */
position: fixed;
bottom: 140px;
right: 15px;
/* keep it at the top of everything else */
z-index: 100;
/* hide with opacity */
opacity: 0;
/* also add a translate effect */
transform: translateY(100px);
/* and a transition */
transition: all .5s ease;
padding-bottom: 7px;
}
.scrollToTopBtn:focus{
outline: 0px;
}
.scrollToTopBtn.showBtn {
opacity: 1;
transform: translateY(0)
}
.sticky-call {
color: #fff;
position: fixed;
right: 0;
top: 50%;
transform: translateY(-50%);
background: #3b4d77;
display: inline-block;
font-size: 24px;
line-height: 24px;
z-index: 9;
padding: 12px 15px 12px 20px;
border-top-left-radius: 30px;
border-bottom-left-radius: 30px;
outline: 0;
background-repeat: no-repeat;
background-size: cover;
background-position: top left;
box-shadow: 0 0 10px rgb(0 0 0 / 20%);
}
.sticky-call:hover{
opacity: .7;
background: #000;
}
#preloader {
width:100%;
height:100%;
position:fixed;
z-index:99999;
background:#FFF;
top: 0px;
left: 0px;
overflow: hidden;
}
#status {
display: block;
width: 220px;
height: 220px;
position:fixed;
z-index:999999;
border: 0px solid #000;
text-align: center;
margin: 0 auto;
left: 50%;
top: 50%;
margin-left: -110px;
margin-top: -150px;
}
.loader img{
width: 100%;
height: auto;
}
.InnerPageContainer{
}
.InnerPageContainer{
padding-top: 70px;
padding-bottom: 140px;
position: relative;
background-image: url(img/blogbodytop.jpg);
background-position: top center;
background-repeat: no-repeat;
position: relative;
}
/*.InnerPageContainer:after{
position: absolute;
z-index: -1;
height: 560px;
background-image: url(img/indexbottom.png);
background-position: bottom center;
background-repeat: no-repeat;
background-size: cover;
bottom: 0px;
width: 100%;
content: '';
}*/
.InnerPageContainer h1{
}
.InnerPageContainer h1 {
text-align:center;
font-size:44px;
line-height:32px;
color:#FFFFFF;
text-transform:uppercase;
padding-bottom:30px;
margin-bottom: 45px;
position: relative;
font-weight: 700;
}
.InnerPageContainer h1:after{
width: 310px;
background-color: #e06a38;
height: 4px;
content: '';
position: absolute;
bottom: 0px;
left: 50%;
margin-left: -155px;
}
.archive.category .InnerBlogContainer:after{
display: none;
}
/*FORMATION*/
.InnerFormationContainer{
padding-top: 90px;
padding-bottom: 90px;
position: relative;
background-image: url(img/formation-bg.jpg);
background-size: contain;
background-position: top center;
background-repeat: no-repeat;
position: relative;
min-height: 800px;
}
.InnerFormationContainer .container-fluid{
max-width: 1300px;
margin-left: auto;
margin-right: auto;
}
.InnerFormationContainer .row{
max-width: none;
margin-left: -15px;
margin-right: -15px;
}
.sidebar_logo{
width: 120px;
height: auto;
margin-left: auto;
margin-right: auto;
}
.sidebar_logo img{
width: 100%;
height: auto;
}
.sidebar_text{
margin-top: 30px;
margin-bottom: 30px;
}
.sidebar_text h5{
font-family: 'Conv_FontsFree-Net-Geogtq-Bd';
font-size: 20px;
color: #2f5476;
}
.sidebar_text{
font-size: 20px;
color: #2f5476;
}
.sidebar_text p{
color: #2f5476;
font-size: 16px;
line-height: 18px;
}
.InnerFormationContainer:after{
position: absolute;
z-index: -1;
height: 560px;
background-image: url(img/formationbottom.png);
background-position: top center;
background-repeat: no-repeat;
background-size: cover;
bottom: 0px;
width: 100%;
content: '';
}
.SidebarLogo img{
max-width: 100%;
}
.SidebarLogo img.logoMCF{
width: 130px;
}
.SidebarLogo img.LogoLPE{
width: 76px;
margin-left: auto;
}
.sidebarnav{
padding-top: 60px;
}
.sidebarnav ul{
list-style: none;
margin: 0px;
padding: 0px;
}
.sidebarnav ul li{
margin: 0px;
padding: 0px;
}
.sidebarnav ul li a{
font-family: 'Conv_FontsFree-Net-Geogtq-Bd';
border-top: 4px #dbd8d6 solid;
padding-top: 12px;
padding-bottom: 35px;
display: block;
font-size: 18px;
color: #2f5476;
text-transform: uppercase;
font-weight: 700;
letter-spacing: 0.1rem;
text-align: left;
transition: .25s;
}
.sidebarnav ul li a:hover{
border-top: 4px #2f5476 solid;
text-decoration: none;
color: #2f5476;
}
.FormationTopSectionLeft{
background-color: #00679f;
padding: 30px;
border-radius: 14px;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#00639b+0,0081ba+100 */
background: rgb(0,99,155); /* Old browsers */
background: -moz-linear-gradient(45deg, rgba(0,99,155,1) 0%, rgba(0,129,186,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(45deg, rgba(0,99,155,1) 0%,rgba(0,129,186,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(45deg, rgba(0,99,155,1) 0%,rgba(0,129,186,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00639b', endColorstr='#0081ba',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
height: 100%;
}
.FormationTopSectionLeft h3{
font-family: 'Conv_FontsFree-Net-Geogtq-Bd';
font-size: 27px;
color: #FFF;
text-transform: uppercase;
font-weight: 700;
text-align: center;
margin-bottom: 30px;
}
.FormationTopSectionLeftLinks{
display: flex;
justify-content: space-around;
margin-bottom: 15px;
flex-wrap: wrap;
}
.FormationTopSectionLeftLinks a{
color: #0081ba;
background-color: #FFF;
position: relative;
width: 48%;
margin-bottom: 18px;
line-height: 35px;
transition: .25s;
}
.FormationTopSectionLeftLinks a:hover{
text-decoration: none;
background-color: #004871;
color: #FFF;
}
.FormationTopSectionLeftLinks a span{
background-color: #004871;
top: 0px;
width: 35px;
height: 35px;
text-align: center;
display: inline-block;
margin-right: 15px;
}
.FormationTopSectionLeftLinks img{
width: 20px;
height: 20px;
}
.FormationTopSectionLeftLinks a:after{
font-family: 'FontAwesome';
position: absolute;
top: 0px;
right: 0px;
width: 15px;
content: '\f105';
}
.checkbox-count{
position: relative;
width: 48%;
margin-bottom: 10px;
}
.checkbox-custom {
opacity: 0;
position: absolute;
}
.checkbox-custom, .checkbox-custom-label {
}
.checkbox-custom-label{
color: #0081ba;
background-color: #FFF;
position: relative;
width: 100%;
margin-bottom: 18px;
line-height: 35px;
transition: .25s;
background-repeat: no-repeat;
background-position: left top;
padding-left: 50px;
}
.checkbox-custom-label:after{
font-family: 'FontAwesome';
position: absolute;
top: 0px;
right: 0px;
width: 15px;
content: '\f105';
}
/*.checkbox-custom + .checkbox-custom-label:before {
content: '';
background: #fff;
border-radius: 5px;
border: 2px solid #ddd;
display: inline-block;
vertical-align: middle;
width: 10px;
height: 10px;
padding: 2px;
margin-right: 10px;
text-align: center;
}*/
/*
.checkbox-custom:checked + .checkbox-custom-label:before {
content: "";
display: inline-block;
width: 1px;
height: 5px;
border: solid blue;
border-width: 0 3px 3px 0;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
border-radius: 0px;
margin: 0px 15px 5px 5px;
}
*/
.checkbox-custom:checked + .checkbox-custom-label{
background-color: #004871;
color: #FFF;
}
.checkbox-custom-label.checkbox-domaine{
background-image: url(img/online-learning-n.png);
}
.checkbox-custom-label.checkbox-Lieux{
background-image: url(img/maps-and-flags-n.png);
}
.checkbox-custom-label.checkbox-Duree{
background-image: url(img/clock-icon-n.png);
}
.checkbox-custom-label.checkbox-Prise{
background-image: url(img/offer-n.png);
}
.FormationTopSectionLeft .btn.btn-light-outline{
font-family: 'Conv_FontsFree-Net-Geogtq-Bd';
border: 1px #FFF solid;
width: 130px;
color: #FFF;
margin-left: auto;
margin-right: auto;
border-radius: 0px;
font-size: 15px;
height: 32px;
padding: 0px;
line-height: 30px;
letter-spacing: 0.05rem;
}
.FormationTopSectionLeft .btn.btn-light-outline:hover{
background-color: #FFF;
color: #0075ad;
}
.FormationTopSectionRight{
border: 2px #004871 solid;
padding:30px 10px;
border-radius: 14px;
height: 100%;
}
.FormationTopSectionRight h3{
font-size: 26px;
line-height: 27px;
color: #315576;
text-transform: uppercase;
text-align: center;
margin-bottom: 0px;
}
.FormationTopSectionRight h2{
font-family: 'Conv_FontsFree-Net-Geogtq-Bd';
text-align: center;
color: #315576;
text-transform: uppercase;
font-weight: 700;
font-size: 26px;
margin-bottom: 25px;
}
.FormationTopSectionRight p{
font-size: 16px;
color: #315576;
line-height: normal;
text-align: center;
}
.FormationBodyPanel{
padding-top: 30px;
}
.mb30{
margin-bottom: 30px;
}
.FormationBodycard{
/* box-shadow: 14px 10px 20px 1px rgba(0,0,0,0.18);
-webkit-box-shadow: 14px 10px 20px 1px rgba(0,0,0,0.18);
-moz-box-shadow: 14px 10px 20px 1px rgba(0,0,0,0.18);*/
-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
border-radius: 10px;
overflow: hidden;
height: 100%;
position: relative;
background-color: #FFF;
}
.Formationimage{
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
display: flex;
height: 220px;
align-items: flex-end;
flex-flow: row wrap;
position: relative;
}
.Formationimage .Formationiconlogo{
background-color: #FFF;
-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
position: absolute;
right: 20px;
top: 20px;
width: 50px;
height: 50px;
text-align: center;
display: flex;
justify-content: center;
align-items: center;
}
.Formationimage .Formationiconlogo img{
max-width: 36px;
max-height: 36px;
}
.FormationthemeCont{
padding: 20px;
}
.FormationthemeCont .Formationcontheading{
font-size: 27px;
line-height: 33px;
}
.Formationcontheading{
font-family: 'Conv_FontsFree-Net-Geogtq-Bd' !important;
font-size: 38px;
color: #FFF;
background-color: #004871;
line-height: 48px;
display: inline;
text-transform: uppercase;
}
.Formationcontheading a{
color: #FFF;
}
.Formationcontheading a:hover{
color: #e06a38;
text-decoration: none;
}
.Formation-text{
font-size: 14px;
color: #2f5476;
line-height: 18px;
padding-top: 20px;
padding-bottom: 85px;
padding-left: 20px;
padding-right: 20px;
}
.Formation-text p{
font-size: 14px;
color: #2f5476;
line-height: 18px;
}
.tarifs-btn{
position: absolute;
right: 0px;
bottom: 40px;
}
.tarifs-btn a{
width: 90px;
height: 36px;
background-color: #0081ba;
font-size: 11px;
color: #FFF;
font-weight: 700;
display: block;
border-radius: 7px 0 0 7px;
line-height: 38px;
padding-left: 10px;
text-transform: uppercase;
letter-spacing: .02rem;
}
.tarifs-btn a i{
margin-left: 5px;
}
.tarifs-btn a:hover{
background-color: #2f5476;
color: #FFF;
text-decoration: none;
}
.blog-text{
padding-bottom: 78px;
}
.mb-30{
margin-bottom: 30px;
}
.download-btn{
position: absolute;
left: 0px;
bottom: 40px;
}
.download-btn a{
width: auto;
height: 36px;
background-color: #004871;
font-size: 11px;
color: #FFF;
font-weight: 700;
display: block;
border-radius: 0px 7px 7px 0px;
line-height: 38px;
padding-left: 10px;
text-transform: uppercase;
letter-spacing: .02rem;
padding-right: 10px;
}
.download-btn a i{
margin-right: 5px;
}
.download-btn a:hover{
background-color: #2f5476;
color: #FFF;
text-decoration: none;
}
.emaillist .es_subscription_form.es_shortcode_form{
display: flex;
position: relative;
}
.emaillist .es_subscription_form.es_shortcode_form .es-field-wrap{
width: 100%;
height: 36px;
margin-bottom: 0px;
}
.emaillist .es_subscription_form.es_shortcode_form .es-field-wrap label{
width: 100%;
display: block;
margin-bottom: 0px;
}
.emaillist .es_subscription_form.es_shortcode_form .es-field-wrap input{
background-color: #FFF;
width: 100%;
padding: 5px 60px 5px 20px;
height: 36px;
border: 1px #0080b9 solid;
margin-bottom: 0px;
}
.emaillist .es_subscription_form.es_shortcode_form .es-field-wrap input:focus{
outline: 0px;
}
.es_subscription_form_submit.es_submit_button.es_textbox_button{
position: absolute;
top: 0px;
right: 0px;
width: 33px;
height: 36px;
background-color: #0080b9;
background-image: url(img/subscribegobtn.jpg);
background-size: 33px;
background-repeat: no-repeat;
background-position: center center;
text-indent: -1111px;
border: 0px;
cursor: pointer;
}
.es_subscription_form_submit.es_submit_button.es_textbox_button:hover{
background-color: #00adef;
}
.InnerSingleFormation:after{
display: none;
}
.InnerSingleFormation h2.singleBlogHeading{
background-color: #004871;
}
.InnerSingleFormation .blog_pagination a{
background-color: #0081ba;
}
.InnerSingleFormation .blog_pagination a:hover{
background-color: #004871;
}
.InnerSingleFormation .site-main{
margin-top: 30px;
}
.InnerSingleFormation .singleread-more-btn a{
background-color: #0081ba;
}
.InnerSingleFormation .singleread-more-btn a:hover{
background-color: #004871;
}
.client-text:before{
display: none;
}
.videopopup{
width: 700px;
height: 460px;
}
.vbox-figlio{
height: 460px;
}
.vbox-inline, .venoframe{
padding: 0px !important;
width: 100%!important;
max-width: 800px!important;
height: 460px!important;
background-color: #000 !important;
}
.vbox-close{
transform: rotate(-13deg);
right: 20px;
top: 20px;
font-size: 30px;
}
.slider .slick-prev{
left: -45px;
}
.slider .slick-next{
right: -45px;
}
.Moreblogs .owl-theme .owl-dots{
display: none;
}
#SiteMap{
margin: 0px;
padding: 20px;
list-style: none !important;
line-height: normal;
}
#SiteMap li{
margin-left: 20px;
position: relative;
padding-left: 10px;
margin-bottom: 10px;
list-style: none;
line-height: normal;
}
#SiteMap li a{
font-weight: 600;
padding:12px 5px;
color: #000;
position: relative;
line-height: normal;
display: block;
text-transform: uppercase;
}
#SiteMap li a:hover{
color: #00adef;
}
#SiteMap li:before {
font-family: 'FontAwesome';
position: absolute;
left: 0px;
top: 14px;
content: "\f105";
line-height: normal;
background-color: transparent;
}
#SiteMap li a:hover{
text-decoration: none;
color: #00adef;
}
.blogpaginate{
text-align: center;
display: flex;
width: 100%;
justify-content: center;
padding-top: 30px;
}
.blogpaginate a, .blogpaginate span{
color: #FFFFFF;
padding: 5px 10px;
display: inline-block;
border: 1px #FFF solid;
margin-right: -1px;
}
.blogpaginate span.current{
background-color: #FFFFFF;
color: #000;
font-weight: 700;
}
.blogpaginate a:hover{
background-color: #FFFFFF;
color: #e06a38;
text-decoration: none;
}