/*
Theme Name: Outscale_theme
Theme URI: http://themekraft.com/store/_tk-free-wordpress-starter-theme-based-on-twitter-bootstrap/
Author: ThemeKraft
Author URI: http://themekraft.com/
Description: Hi, I am the ultra minimal starter theme _tk, ready for your next awesome WordPress project! I am the most seamless and minimalistic integration of Twitter Bootstrap Framework into the _s starter theme from Automattic, the guys behind WordPress. You can find me on GitHub. Fork me! I'm waiting for you ;)
Version: 1.1.9

License: GNU General Public License v3.0 /
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Tags: gray, light, two-columns, right-sidebar, responsive-layout, custom-background, custom-colors, custom-header, custom-menu, featured-images, flexible-header, 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.

This theme is the most seamless and minimalistic integration of Twitter Bootstrap Framework into
the _s starter theme from Automattic, the guys behind WordPress.

_s (or Underscores) http://underscores.me/, (C) 2012-2013 Automattic, Inc. Twitter Bootstrap

Credits:

1. Bootstrap

 * Bootstrap v3.3.1 (http://getbootstrap.com)
 * Copyright 2011-2014 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)

 * Generated using the Bootstrap Customizer (http://getbootstrap.com/customize/?id=f58353a31151a8c05d7c)
 * Config saved to config.json and https://gist.github.com/f58353a31151a8c05d7c

2. wp_bootstrap_navwalker

* Class Name: wp_bootstrap_navwalker
* GitHub URI: https://github.com/twittem/wp-bootstrap-navwalker

3. Glyphicons

 * http://getbootstrap.com/components/

*/

/* Police normale (Roman) */
@font-face {
  font-family: '3DSV2';
  src: url('https://fr.outscale.com/wp-content/themes/Outscale_theme/includes/fonts/3DSV2-Roman[wght,wdth].woff2') format('woff2-variations');
  font-weight: 100 900; /* plage de poids */
  font-style: normal;
  font-display: swap;
}

/* Police italique */
@font-face {
  font-family: '3DSV2';
  src: url('https://fr.outscale.com/wp-content/themes/Outscale_theme/includes/fonts/3DSV2-Italic[wght].woff2') format('woff2-variations');
  font-weight: 100 900; /* plage de poids */
  font-style: italic;
  font-display: swap;
}

@font-face {
    font-family: 'Open Sans';
    src: url('https://fr.outscale.com/wp-content/themes/Outscale_theme/includes/fonts/OpenSans-Regular.woff2') format('woff2'),
         url('https://fr.outscale.com/wp-content/themes/Outscale_theme/includes/fonts/OpenSans-Regular.woff') format('woff'),
         url('https://fr.outscale.com/wp-content/themes/Outscale_theme/includes/fonts/OpenSans-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans';
    src: url('https://fr.outscale.com/wp-content/themes/Outscale_theme/includes/fonts/OpenSans-Bold.woff2') format('woff2'),
         url('https://fr.outscale.com/wp-content/themes/Outscale_theme/includes/fonts/OpenSans-Bold.woff') format('woff'),
         url('https://fr.outscale.com/wp-content/themes/Outscale_theme/includes/fonts/OpenSans-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans';
    src: url('https://fr.outscale.com/wp-content/themes/Outscale_theme/includes/fonts/OpenSans-Italic.woff2') format('woff2'),
         url('https://fr.outscale.com/wp-content/themes/Outscale_theme/includes/fonts/OpenSans-Italic.woff') format('woff'),
         url('https://fr.outscale.com/wp-content/themes/Outscale_theme/includes/fonts/OpenSans-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans';
    src: url('https://fr.outscale.com/wp-content/themes/Outscale_theme/includes/fonts/OpenSans-Light.woff2') format('woff2'),
         url('https://fr.outscale.com/wp-content/themes/Outscale_theme/includes/fonts/OpenSans-Light.woff') format('woff'),
         url('https://fr.outscale.com/wp-content/themes/Outscale_theme/includes/fonts/OpenSans-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}



/* My Minimal WordPress Styling comes here  */

@media (max-width: 350px) {
    .test42{margin-bottom :1260px;}
}

@media (max-width: 768px) and (min-width: 351px) {
    .test42{margin-bottom :1200px;}
}

@media (max-width: 952px) and (min-width: 769px) {
    .test42{height: 1050px;}
}

@media (min-width: 953px) {
    .test42{height: 860px;}
}

@media (min-width: 1200px) {
    .image-large{width: 120%;margin-left: -100px;}
}




/* This is a small security for too long strings titles */

body {
    word-wrap: break-word;
    font-family: 'Open Sans', sans-serif;
  font-size: 16px;
  line-height: 1.428571429;
  color: #19233e;
  overflow-x: hidden;
  scroll-behavior: smooth;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: '3DSV2', sans-serif;
  font-weight: 400;
  line-height: 1.3;
}

b, strong {
  font-weight: 800;
}


a {
    color: #5165F5;
    text-decoration: none;
}

a:hover,
a:focus {
    color: #5165F5;
    text-decoration: none;
}

.btn_container {
  text-align: center;
  margin: 30px 0 50px;
}

.link_btn {
  background-color: #5165F5;
  color: #fff!important;
  padding: 10px 20px;
  border-radius: 9999px;
}

.link_btn:hover {
  background-color: #19233e;
  color: #fff;
  padding: 10px 20px;
  text-decoration: none;
  border-radius: 9999px;
}

.submit-wrap input[type=submit] {
  background-color: #5165F5;
  color: #fff;
  padding: 10px 20px;
  border: none;
}

.submit-wrap input[type=submit]:hover {
  background-color: #19233e;
  color: #fff;
  padding: 10px 20px;
}


hr {
  border-top: 1px solid #5165f5;
  margin-top: 20px;
  margin-bottom: 20px;
}

section {
  padding: 30px 0;
}


@media (min-width: 992px) {
  .breadcrumbs {
    position: relative;
    margin-top: -70px;
    margin-bottom: 50px;
  }
}

@media (max-width: 992px) {
  .breadcrumbs {
    position: relative;
    margin-top: 10px;
    margin-bottom: 50px;
  }
}

.pager li>a, .pager li>span {
  border: none;
}

.pager li>a:hover, .pager li>a:focus {
  background-color: transparent;
  text-decoration: underline;
}

/* Images and wp-captions should always fit and be responsive */
img {
    display: inline-block;
    height: auto;
    max-width: 100%;
}
img[class*="wp-image-"] {
    margin-top: 10px;
    margin-bottom: 10px;
}
.wp-caption {
    border: 1px solid #ccc;
    margin-bottom: 10px;
    max-width: 100%;
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 0 10px;
}
.wp-caption.aligncenter {
    margin-bottom: 10px;
}
.wp-caption img[class*="wp-image-"] {
    display: block;
}
.wp-caption .wp-caption-text {
    text-align: center;
    margin-top: 10px;
}

/* WP Gallery */
.gallery {
    margin-bottom: 1.5em;
}
.gallery a img {
    border: none;
    height: auto;
    max-width: 90%;
}
.gallery dd {
    margin: 0;
}
.gallery-caption {
    display: block;
}

/* Make sure embeds and iframes fit their containers */
embed,
iframe,
object {
    max-width: 100%;
}


/* Text meant only for screen readers */
.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
}
.screen-reader-text:hover,
.screen-reader-text:active,
.screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    color: #21759b;
    display: block;
    font-size: 14px;
    font-weight: bold;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000; /* Above WP toolbar */
}


/* Content */
.main-content-inner {
    padding-bottom: 1.5em;
}
.hentry {
    margin: 0 0 1.5em;
}
.sticky {
    display: block;
}
.bypostauthor {
    display: block;
}


/* Clearing */
.clear {
    clear: both;
}

/* Navigation */

.dropdown-submenu{position:relative;}
.dropdown-submenu>.dropdown-menu{top:0;left:100%;-webkit-border-radius:0 6px 6px 6px;-moz-border-radius:0 6px 6px 6px;border-radius:0 6px 6px 6px;}
.dropdown-submenu:active>.dropdown-menu, .dropdown-submenu:hover>.dropdown-menu {
display: block;
}
.dropdown-submenu>a:after{display:block;content:" ";float:right;width:0;height:0;border-color:transparent;border-style:solid;border-width:5px 0 5px 5px;border-left-color:#cccccc;margin-top:5px;margin-right:-10px;}
.dropdown-submenu:active>a:after{border-left-color:#ffffff;}
.dropdown-submenu.pull-left{float:none;}.dropdown-submenu.pull-left>.dropdown-menu{left:-100%;margin-left:10px;-webkit-border-radius:6px 0 6px 6px;-moz-border-radius:6px 0 6px 6px;border-radius:6px 0 6px 6px;}


/* Here some needed widget styles
 * Most widgets are adapted in the file bootstrap-wp.js - and REALLY easy to modify! ;) */
.widget { margin-bottom: 2em; }
.widget_nav_menu ul.sub-menu li, .widget_pages ul.children li { padding-left: 15px; }

/* Hiding the search widget's button in widgets. thats just too old-skool. :) but if you want it back, just delete the next line.
 * Note: you can change the whole appearance of the search_form() function in our searchform.php */
.widget_search .search-form input[type="submit"] { display: none; }

/* Make sure select elements fit in widgets */
.widget select {
    max-width: 100%;
}

/* Nested comments? They are threaded and nested already, you just need to add your own styling to finalize!
 * For example with some margin, like the line below ;) Delete, modify, change classes in HTML if you desire another style */
 .comment .children { margin-left: 1.5em; }

/**
* Some WP Theme Repository requirements
*/

.sticky {
}

.gallery-caption {

}

.bypostauthor {

}

.entry-meta {
    clear: both;
}

.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus {
  background-color: #19233e;
}

.dropdown-menu>.active>a:hover {
  background-color: #19233e;
  color: #19233e;
  background-image: none;
}

/* Language Menu */

.site-navigation #lang_sel {
    z-index: 99999999;
    padding-top: 28px;   /*modif by Matthieu*/
    float: right;
    width: 40px;
}

#lang_sel ul ul {
    top: 38px;
}

#lang_sel > ul li {
    background: url('https://fr.outscale.com/wp-content/themes/Outscale_theme/includes/images/icon_lang.png') no-repeat 0px 5px;
    background-position-x: 0px;
    background-position-y: 5px;
    background-size: 15px;
}

#lang_sel ul ul {
    border: none!important;
}

#lang_sel li ul a, #lang_sel li ul a:link,
#lang_sel li ul a:visited {
    background-color: #5165F5 !important;
}

#lang_sel a:hover, #lang_sel a.lang_sel_sel:hover {
    color: #fff!important;
}

#lang_sel li ul a, #lang_sel li ul a:visited {
    color: #fff!important;
}

#lang_sel > ul li a {
    padding-left: 20px!important;
    border-width: 0;
}

#lang_sel a.lang_sel_sel:hover {
    background-color: transparent!important;
}

#lang_sel li {
    width: 64px;        /*modif by Matthieu*/
    height: 39px;
}

#lang_sel li a {
    display: block;
}

#lang_sel li ul a, #lang_sel li ul a:link, #lang_sel li ul a:visited {
    padding: 12px 12px!important;
    text-align: center;
}

#lang_sel ul ul {
    width: 85px;
}

#lang_sel ul ul li {
    height: auto;
}

.site-navigation #lang_sel a.lang_sel_sel, .site-navigation #lang_sel a.lang_sel_sel:visited {
    display: block;
    height: 40px;
}

.site-navigation #lang_sel a.lang_sel_sel, #lang_sel a.lang_sel_sel:visited {
    background-color: transparent;
    border: none;
    color: #19233e;
}

.site-navigation #lang_sel a.lang_sel_sel {
    background-image: none;
}

.site-navigation #lang_sel a.lang_sel_sel, .site-navigation #lang_sel a.lang_sel_sel:visited {
    background-color: transparent;
}

/*
 == Quick CSS styling tips ==

 You can start off in a rough direction with some minimal styles.
 See below for some tips. ;)


 == Want to have the whole site wrapped? ==

 Just fill the .container class with some background color to have a the whole site "wrapped".
 This works so easy because every main part is wrapped only once into a container class by bootstrap.
 Try out by decommenting the next line and go from there.

 .container { background: #f9f9f9; border-right: 1px solid #eee; border-left: 1px solid #eee; }


 == Want to wrap just the content and sidebar in Bootstrap style? ==

 That one is a great example to show that some things are much cleaner and easier to do via just adding some HTML classes.
 In this case, we will add just one CSS class "panel", look for example at the beginning in content.php!


 == Infinite Scrolling by Jetpack ==
 You can enable this cool feature by simply decommenting the lines below and make sure you use the same classes on the right place in your html..

/* Globally hidden elements when Infinite Scroll is supported and in use.
 * Older / Newer Posts Navigation (the pagination, must always be hidden), Theme Footer only when set to scrolling.. */

/*
.infinite-scroll .page-links,
.infinite-scroll.neverending .site-footer {
    display: none;
}
*/

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before */

/*
.infinity-end.neverending .site-footer {
    display: block;
}
*/

/* Hey, if you don't need my comments anymore, just delete me! :)  */


/* ==================================
    HEADER
================================== */

.site-header {
  display: none;
}

.site-navigation {
  background-color: #ffffff;
}

.navbar-default .navbar-collapse, .navbar-default .navbar-form {
  color: #fff;
  border: none;
}

.navbar {
  border: none;
  margin-bottom: 0;
  min-height: 48px;
  overflow: visible;
}


.navbar-default {
    background-color: #fff;
    border-color: #fff;
}

.navbar-brand {
    float: left;
    padding: 10px 0;
    font-size: 18px;
    line-height: 20px;
    height: 48px;
}

.navbar-brand img {
    height: auto;      /*modif par Matthieu*/
    position: relative;
    padding-right: 15px; /*modif par Matthieu*/
    margin-top: 15px; 
}

.site-navigation .container {
  padding: 0;
}

.site-navigation-inner {
  width: 1270px;
}

.navbar-toggle {
  border-radius: 0;
}

/* ==================================
    MENU
================================== */

.navbar-default .navbar-nav,
.dropdown-menu li a {
  color: #fff;
  font-size: 12px;
}

@-moz-document url-prefix() {
  .navbar-default .navbar-nav,
  .dropdown-menu li a {
    font-size: 11px!important;
  }
  .nav > li > a {
    padding-right: 10px!important;
    padding-left: 10px!important;
  }
  .navbar-collapse {
    padding-right: 0;
  }
  .search-form .search-field {
    width: 105px;
  }
}


.cd-hero-slider {
  position: relative;
  margin-top: -1px!important;
}

.navbar-nav>li>.dropdown-menu {
  margin-top: 0;
  padding-bottom: 0;
}

.navbar-default .navbar-nav>li>a,
.navbar-default #main-menu.navbar-nav>li:last-child>a,
.navbar-default #main-menu.navbar-nav>li.menu-item-has-children:last-child>a {
    color: #fff;
}

.navbar-default .navbar-nav>li>a:hover,
.navbar-default .navbar-nav>li>a:focus,
.navbar-default #main-menu.navbar-nav>li.menu-item-has-children:last-child>a:hover
 {
  color: #19233e;
  text-decoration: none;
}

.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:hover,
.navbar-default .navbar-nav>.open>a:focus {
    background-color: #19233e;
    color: #19233e;
    height: 56px;
}

.site-navigation .caret {
  display: none;
}

.dropdown-menu {
  background-color: #19233e;
  border: 0;
  border-radius: 0;
  padding-top: 0;
}

.dropdown-menu>li>a {
  padding: 10px 20px;
}

.dropdown-menu li a:hover, .dropdown-menu li a:focus {
  background-color: #19233e;
  color: #19233e;
  background-image: none;
}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus {
  background-color: transparent;
  color: #041e41;
}

.business {
  background: url(./includes/images/home-hex-1.png) no-repeat -341px 65px;
}

.tinaos {
  background: url(./includes/images/home-hex-2.png) no-repeat right 65px;
}

.finance {
  background: url(./includes/images/home-hex-3.png) no-repeat -341px 65px;
}

.weare001 {
  background: url(./includes/images/weare001.png) no-repeat -341px 65px;
}

.weare002 {
  background: url(./includes/images/weare002.png) no-repeat right 65px;
}

.weare003 {
  background: url(./includes/images/weare003.png) no-repeat -341px 65px;
}

@media(max-width:992px){
  .business,
  .tinaos,
  .finance,
  .weare001,
  .weare002,
  .weare003
   {
    background: none;
  }
}

.navbar-default #main-menu.navbar-nav>li:last-child>a {
  color: #5165F5;
}

.navbar-default #main-menu.navbar-nav>li:last-child>a:hover {
  color: #5165F5;
  text-decoration: underline;
}

.navbar-collapse.inscription,
.navbar-collapse.join-menu {
  padding-right: 0;
  padding-left: 0;
}

.join-menu .navbar-nav>li>a {
  padding-left: 0;
  padding-right: 0;
}

@media (min-width: 768px) {
    .navbar-nav>li>a {
        padding-top: 19px;
        padding-bottom: 16px;
    }
}

@media (max-width: 767px) {

  .navbar-default .navbar-nav .open .dropdown-menu>li>a {
      color: #fff;
  }

  .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover, .navbar-default .navbar-nav .open .dropdown-menu>li>a:focus {
      color: #fff;
  }

  #menu-login.navbar-nav .open .dropdown-menu {
    position: absolute;
    top: 45px;
    right: 12px;
  }

  #lang_sel ul ul {
    top: 18px;
  }

  .navbar-brand {
    padding: 10px 0px 10px 20px;  /*Modif by M*/
    position: relative;
    z-index: 9999;
  }

  .search-form {
    margin-bottom: 0;
  }

  .menu-secondary-container,
  .menu-secondary-en-container
   {
    float: right;
    position: relative;
    z-index: 99999999;
  }

  .menu-secondary-container .dropdown-toggle,SITE-NAV
  .menu-secondary-en-container .dropdown-toggle {
    float: right;
  }

  .menu-secondary-container ul,
  .menu-secondary-en-container ul {
    clear: both!important;
    margin-top: 0;
  }

  #menu-login > li > a {
    width: 50px!important;
    height: 44px!important;
    margin-right: 12px;
    margin-top: -5px;    /*Modif by M*/
  }

  .search-form button[type="submit"] {
    padding: 0!important;
  }

  .navbar-nav {
    margin: 0;
  }

  .home-first-block section {
    margin-top: 0!important;
  }

  ol.flex-control-nav {
    bottom: 10px!important;
    width: 80px!important;
  }

  .caption-wrap .caption p {
    font-size: 25px;
  }

}

.navbar-toggle {
  margin-top: 13px;
  margin-bottom: 1px;
}

/*  Search */

.search-form {
  position: relative;
  top: 2px;
  padding-right: 7px;
  padding-left: 7px;
}

.search-form .search-field {
  background-color: transparent;
  border: none;
  border-radius: 0;
  font-weight: normal;
  font-size: 12px;
  padding: 0 5px;
  color: #E8E8E8;
  height: 25px;
  margin-top: 7px;
  background-color: #132c4e;
  width: 120px;
}

.search-form label {
  margin-bottom: 0;
}

.form-control:focus {
  border-color: transparent;
  box-shadow: none;
}

.search-form .btn {
  background-color: transparent;
  color: #fff;
}

.search-form button[type="submit"] {
  margin-top: 6px;
  height: 20px;
  width: 20px;
}

.top-search {
  position: relative;
  float: left;
}

.menu-search {
    position: relative;
    float: right;
    z-index: 9999;
    padding: 29px 9px 0px 18px;   /*Modif by Matthieu*/
}


.menu-search button[type="submit"] {
  display: none;
}

.menu-search .search-form .search-field {
  margin-top: 0;
}

.menu-search form {
  padding: 0;
  margin-bottom: 0;
  margin-top: 0;
}

.search-icon {
    display: block;
    margin-top: 0px;     /*Modif by Matthieu*/
    height: 20px;
    width: 20px;
    background: url('./includes/images/magni.png') no-repeat center center;
}

.search-form-container {
    display: none;
    position: absolute;
    background-color: #19233e;
    padding: 5px;
    padding-top: 17px;
}

.top-search button,.top-search button:hover,.top-search button:active,.top-search button:focus,top-search.open button {
  margin-top: 6px;
  height: 20px;
  width: 20px;
  background: url('./includes/images/magni.png') no-repeat center center;
  background-image: url('./includes/images/magni.png')!important;
  background-color: transparent;
  border: none;
}

.btn-default:hover, .btn-default:focus, .btn-default.focus, .btn-default:active, .btn-default.active, .open>.btn-default.dropdown-toggle{
  background-color: transparent!important;
}

.btn:focus, .btn.focus, .btn:active:focus, .btn:active.focus, .btn.active:focus, .btn.active.focus {
  outline: none;
}

.menu-third-container {
  float: right;
}

.search-results .main-head {
  display: none;
}

.post-pagenation {
  text-align: center;
}

/* Login */

#menu-login ul.dropdown-menu {
  padding-bottom: 0!important;
}

#menu-login > li > a {
  background: transparent url('./includes/images/login_red.png') no-repeat center center;
  width: 50px;
  height: 56px;
  display: block;
}

#menu-login > li.open > a {
  background: #5165F5 url('./includes/images/login_wh.png') no-repeat center center;
}

#menu-login .caret {
  display: none;
}

.menu-secondary-container,
.menu-secondary-en-container
{
    float: right;
    position: relative;       /*Modif by Matthieu*/
    z-index: 99999999;
    padding-top: 4px;
}

.menu-secondary-container ul ul,
.menu-secondary-en-container ul ul {
  right: 0;
  left: auto;
  float: right !important;
}

.menu-secondary-container ul li ul li,
.menu-secondary-en-container ul li ul li{
  background-color: #5165F5;
  color: #fff;
}

.menu-secondary-container ul li ul li a:hover,
.menu-secondary-en-container ul li ul li a:hover {
  background-color: #5165f5;
  color: #fff;
  text-decoration: underline;
}

@media (min-width: 768px) {
  .search-form.navbar-right {
      margin-right: 0;
  }
  .navbar-header {
      /*float: none;*/
      z-index: 999;        /*Modif by Matthieu*/
      position: relative;
      padding-right: 15px;
  }
}

.inscription {
  float: right!important;
}

.inscription a {
  color: #5165F5!important;
}

.inscription a:hover {
  text-decoration: underline!important;
}

.join-menu {
  float: left;
}

.join-menu a {
  color: #5165F5!important;
}

.join-menu a:hover {
  text-decoration: underline!important;
}


@media ( max-width: 768px ) {

   .h2-footer-new{
    text-align: center !important;
   }

  .header-menu-secondary {
    float: left;
    clear: both;
    width: 100%;
  }

  .header-menu-secondary .navbar-nav>li>a {
    /*padding-top: 15px;*/
  }

  .site-navigation #lang_sel {
    padding-top: 16px;
    float: right;
    margin-left: 20px;
  }

  .search-form button[type="submit"] {
    margin-top: 0px;
  }

  .menu-search {
      padding: 17px 12px 0px 12px;   /*Modif by M*/
      float: right;
  }
}


/* ==================================
    FOOTER
================================== */

/* Sticky Footer */
html,
body {
  height: 100%;
  /* The html and body elements cannot have any padding or margin. */
}

/* Wrapper for page content to push down footer */
#wrap {
  min-height: 100%;
  height: auto;
  /* Negative indent footer by its height */
  margin: 0 auto -135px;
  /* Pad bottom by footer height */
  padding: 0 0 135px;
}

/* Set the fixed height of the footer here */
#footer {
  height: 235px;
}
/* End: Sticky Footer */

.site-footer {
  background-color: #19233e;
  color: #fff;
}

.footer-logo {
  width: 120px;
}

.site-footer-inner {
  padding: 20px 0;
  font-size: 11px;
}

@media (max-width:992px) {
  .site-footer-inner div {
    margin-left: 5px;
  }
}

.site-footer-inner ul {
  margin-top: 10px;
  clear: both;
  float: left;
}

footer .outerlink {
  border-right: 1px solid #fff;
  border-left: 1px solid #fff;
}

footer .outerlink #footer_5 {
  list-style: none;
}

footer .outerlink #footer_5 li a {
  color: #5165F5;
  font-weight: bold;
}

footer .outerlink #footer_5 li a:hover,
footer .outerlink #footer_5 li a:focus {
  text-decoration: underline;
}

footer .site-footer-inner h1,
footer .site-footer-inner h2,
footer .site-footer-inner h3,
footer .site-footer-inner h4,
footer .site-footer-inner h5,
footer .site-footer-inner h6 {
  text-align: left;
}

footer h1, footer h2,footer h3,footer h4 {
  font-size: 14px;
}

footer .hs-form.stacked {
  float: left;
}

footer .site-footer-inner {
  margin-bottom: 15px;
}

@media ( min-width:992px ) {
  footer .site-footer-inner .col-md-1 {
    width: 10%!important;
  }

  footer .site-footer-inner .col-md-2 {
    width: 15%!important;
  }
}



footer .site-footer-inner h4 {
  margin-bottom: 6px;
  font-family: '3DSV2', sans-serif;
}

footer .site-footer-inner h4,
footer .site-footer-inner ul li:first-child a,
footer .site-footer-inner ul li:first-child a:hover  {
  cursor: default;
  text-decoration: none;
  font-size: 15px;
  display: block;
}

footer .site-footer-inner ul li:first-child a {
  font-family: 'Open Sans', sans-serif;
}

footer .site-footer-inner ul#footer_5 li:first-child a:hover {
  cursor: pointer;
  text-decoration: underline;
}

footer .site-footer-inner h4 {
  color: #fff!important;
}

.site-footer-inner #footer_5 {
  padding-bottom: 0;
}

#footer_5 li {
  margin-bottom: 33.5px;
}

#footer_5 li:last-child {
  margin-bottom: 0;
}

#footer_5 li a {
  padding-bottom: 0;
  font-size: 12px;
  font-family: 'Open Sans', sans-serif;
}

.copy-row {
  font-size: 11px;
}

.copyright {
  margin-bottom: 0;
  line-height: 2.1;
}

#menu-footer_1 {
  padding-left: 0;
}

footer .site-footer-inner li {
  line-height: 1.5;
  margin-bottom: 18px;
}

footer .site-footer-inner li:first-child {
  list-style: none;

}

footer .site-footer-inner #footer_5 li:first-child {
  margin-left: 0;
}

footer .site-footer-inner li a {
  font-size: 15px;
}

footer.site-footer li a {
  color: #fff;
  margin: 0;
}

footer .copy-row li a {
  padding: 0 50px 0 0;;
}

footer.site-footer li a:hover {
  text-decoration: none;
  background-color: transparent;
}

footer .hs_submit input[type="submit"] {
  border-radius: 0;
  background-color: transparent!important;
  border: none;
  background-image: none;
  box-shadow: none;
  text-shadow: none;
  font-weight: normal;
  font-size:9px;
  width: auto;
  padding: 7px!important;
}

footer .hs_submit {
  float: left;
}

footer .hs_submit input[type="submit"].hs-button:hover {
  border-radius: 0;
  background-color: #5165F5;
  border: none;
  background-image: none;
  box-shadow: none;
  outline: none;
  text-shadow: none;
  font-weight: normal;
  font-size:9px;
  size: auto;
}

footer .hs-form.stacked fieldset {
  float: left;
  width: 80%;
  padding: 0;
  margin: 0;
}

footer .hs-form.stacked label {
  display: none!important;
}

footer .hs-input[type="email"] {
  border-radius: 0;
  width: 97%;
  border: none;
  height: 12px;
  margin-top: 2px;
}

footer .hs-form fieldset.form-columns-2 .hs-form-field {
  width: 100%!important;
}

footer .hs-form.stacked .hs-field-desc {
  margin: 0!important;
}

footer .hs-form .actions {
  margin: 0!important;
  padding: 0!important;
}

footer .hs-form.stacked .field {
    margin-bottom: 5px!important;
}

footer .hs-form.stacked label {
  height: 0!important;
}

footer .hs-form.stacked .inputs-list * {
  margin: 0!important;
  padding: 0!important;
  height: 0!important;
}

footer ul {
  list-style: none;
  padding-left: 0;
}

.site-footer-inner ul.link-social {
  list-style: none;
}

footer .site-footer-inner ul.link-social li:first-child {
  margin-left: 0;
}

.link-social li {
  float: left;
  margin-right: 14px;
}

@media (max-width: 1200px) {
  .link-social li {
    margin-right: 7px;
  }
}

.link-social li a {
  width: 17px;
  height: 21px;
  display: block;;
}

.link-social li.tw {
  background: url('/wp-content/uploads/2023/08/x-bleu_x-bleu.svg') no-repeat left top;
}

.link-social li.fb {
  background: url('/wp-content/uploads/2023/08/Facebook-bleu_Facebook-bleu.svg') no-repeat left top;
}
.link-social li.lk {
  background: url('/wp-content/uploads/2023/08/Linkedin-bleu_Linkedin-bleu.svg') no-repeat left top;
}
.link-social li.go {
  background: url(./includes/images/social_gl.png) no-repeat left top;
}

.synved-social-container {
  margin-bottom: 1em;
}

.timeline-Widget,
.twitter-timeline-container {
  border: 1px solid #ddd;
  border-radius: 0;
  height: 352px;
  overflow: hidden;
}



/* =============================================
 * Page Single
   =============================================*/

.page header h1 {
  /*display: none;*/
}

@media print {
    .page header h1 {
        display: block;
    }
}

 .page h1 {
   color: #5165F5;
   text-align: center;
   font-size: 35px;
   margin-bottom: 25px;
 }

 .page h2 {
   font-size: 26px;
   text-align: center;
   margin-bottom: 25px;
 }

/*
@media only screen and (min-width: 768px) {
  .page h1,
  .page h2,
  .page h3,
  .page h4,
  .page h5,
  .page h6 {
    padding-right: 6%;
    padding-left: 6%;
  }
  .page section h1,
  .page section h2,
  .page section h3,
  .page section h4,
  .page section h5,
  .page section h6 {
    padding-right: 0;
    padding-left: 0;
  }
}*/

 .page h3 {
   text-align: center;
 }
 .page h4 {
   text-align: center;
 }
 .page h5,
 .page h6 {
   text-align: center;
 }

 body.page-template-page-homepage .business h2,
 body.page-template-page-homepage .tinaos h2,
 body.page-template-page-homepage .finance h2,
 body.page-template-page-homepage .business h3,
 body.page-template-page-homepage .tinaos h3,
 body.page-template-page-homepage .finance h3 {
   text-align: left;
 }

.page-heading {
  padding-bottom: 40px;
}

 .single h1 {
   color: #5165F5;
   text-align: center;
   font-size: 44px;
   margin-bottom: 30px;
 }

 .single h2 {
   font-size: 24px;
   text-align: center;
   margin-bottom: 30px;
 }

/* ==================================
    HOME
================================== */

.home h2,.home h3,.home h4,.home h5,.home h6 {

  font-family: '3DSV2', sans-serif;
}

.home p {
  font-family: 'Open Sans', sans-serif;
}

.home-prodspec {
  text-align: center;
  height: 540px;
}

.home-spec {
  text-align: center;
  height: 500px;
  margin-bottom: 40px;
}

.home-spec img {
  height: 150px;
  width: auto;
  margin: 0;
}

@media (max-width: 992px) {
  .home-spec {
    height: auto;
  }
}

body.home section.home-highlight,
body.page-template-page-homepage section.home-highlight {
  min-height: 910px;
  padding-top: 230px;
  padding-bottom: 80px;
}

body.home section.home-highlight.tinaos,
body.page-template-page-homepage section.home-highlight.tinaos {
  padding-top: 120px;
  min-height: 800px;
}

.home-prodspec img {
  margin-bottom: 60px;
}

.home-prodspec p {
  padding: 0 30px 0;
}

.home-prodspec h3 {
  margin-bottom: 35px;
}

.home-highlight {
  background-color: #f2f8f7;
  padding-top: 250px;
  position: relative;
  min-height: 850px;
}

.home-highlight h2 {
  font-size: 44px;
  margin-bottom: 32px;
}

.home-highlight h3 {
  font-size: 24px;
  color: #19233e;
  margin-bottom: 60px;
}

.non-highlight {
  background-color: #fff;
  padding-top: 250px;
  position: relative;
  min-height: 850px;
}

.topic-visual {
  position: relative;
}

.topic-visual img{
  position: absolute;
  right: 50px;
  top: -200px;
  max-width: 786px;
}

.non-highlight .topic-visual img{
  position: absolute;
  left: 50px;
  top: -200px;
  width: 541px;
  height: 786px;
  max-width: 786px;
}

@media (max-width: 992px) {
  .topic-visual img{
    display: none;
  }
  body.home section.home-highlight,
  body.page-template-page-homepage section.home-highlight {
    /*min-height: auto;*/
    padding-top: 80px;
    padding-bottom: 80px;
  }
}

.hex-1 {
  position: absolute;
  top: 60px;
  left: -90px;
}

.non-highlight .hex-1 {
  position: absolute;
  top: 60px;
  right: -90px;
  left: auto;
}

body.home .home-highlight.no-visual,
body.page-template-page-homepage .home-highlight.no-visual {
  min-height: 800px;
  padding-top: 100px;
}

.no-visual {
  padding-top: 100px;
}

.home-word .row {
  height: 370px;
  text-align: center;
}

.home-word h2 {
  font-size: 44px;
  margin-bottom: 48px;
}

.home-word p {
  font-size: 24px;
}

.word-inner {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}

.home-first-block {
  margin-top: -50px;
}

.home-square {
  color: #19233e;
}

.home-square div {
  height: 228px;
}

.home-square-1,
.home-square-2,
.home-square-3,
.home-square-4 {
  height: 228px;
  position: relative;
}

.home-square-1 img,
.home-square-2 img,
.home-square-3 img,
.home-square-4 img {
  position: absolute;
  bottom: 30px;
  right: 45px;
  margin: 0;
}

.home-square-1 h3, .home-square-1 p,
.home-square-2 h3, .home-square-2 p,
.home-square-3 h3, .home-square-3 p,
.home-square-4 h3, .home-square-4 p {
  color: #19233e;
}

.home-square-1 h3,
.home-square-2 h3,
.home-square-3 h3,
.home-square-4 h3 {
  font-size: 15px;
  margin-bottom: 5px;
  font-weight: bold;
  font-family: '3DSV2', sans-serif;
  text-align: left;
}

.home-square-1 p,
.home-square-2 p,
.home-square-3 p,
.home-square-4 p {
  font-size: 23px;
  line-height: 1.2;
}

.home-square-1 {
  background-color: #EB595D;
}

.home-square-2 {
  background-color: #B8DBD2;
}

.home-square-3 {
  background-color: #F5DC6A;
}

.home-square-4 {
  background-color: #C5C5C5;
}

@media(max-width:767px){
  .home-square-1,
  .home-usecase,
  .home-square-3,
  .home-square-4 {
    height: 292px;
  }
}

@media(max-width:768px){
  .home-usecase {
    height: 170px;  /*responsiv bloc bleu*/
  }
}

@media(min-width:768px){
  .home-square-1,
  .home-usecase,
  .home-square-3,
  .home-square-4 {
    height: 187px;
  }
}

@media(min-width:992px){
  .home-square-1,
  .home-usecase,
  .home-square-3,
  .home-square-4 {
    height: 330px; /*242px avant modif responsiv*/
  }
}

@media(min-width:1200px){
  .home-square-1,
  .home-usecase,
  .home-square-3,
  .home-square-4 {
    height: 292px;
  }
}

.home-logo-service {
  float: left;
  width: 100%;
  margin-bottom: 60px;
}

.home-logo-service h1,
.home-logo-service img {
  float: left;
}

.home-logo-service img {
  border-right: 1px solid #19233e;
  margin-right: 18px;
  padding-right: 18px;
}
.home-logo-service h1 {
  line-height: 1.5;
  font-size: 30px;
  color: #19233e;
}

.rss-image {
  display: block;
  text-align: center;
}

.rss-image img {
  width: 100%;
  margin: 0 auto;
}

.rss-items .data h5 {
  text-align: left;
}

@media (max-width: 992px) {
  .rss-image img {
    width: 50%;
  }
}

@media (max-width: 768px) {
  .rss-image {
    text-align: left;
  }

  .rss-image img {
    width: 80%;
  }

  .home-square-1, .home-square-2, .home-square-3, .home-square-4 {
    height: 170px;
    padding: 10px;
  }
  .home-square-1 img, .home-square-2 img, .home-square-3 img, .home-square-4 img {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
  }
  .navbar-default .navbar-collapse, .navbar-default .navbar-form {
    margin-top: 0;
    float: left;
  }
  .navbar-default .navbar-nav>li>a {
    text-align: left;
  }
  .navbar-header {
    margin-bottom: 10px;
  }
  .navbar-brand img {
    top: 2px;
  }
  .search-form .search-field {
    margin-top: 0;
  }
}

/* =============================================
 * HOME SLIDER
   =============================================*/

.metaslider .flexslider {
  margin: 0!important;
}

.metaslider .caption-wrap {
  top: 80px;
  /*left: 20%!important;*/
  opacity: 1!important;
  background: transparent!important;
  top: 0;
  margin-top: 5%!important;
    /*left: 0!important;
    margin-left: 13%!important;

    right: 0!important;
    padding: 0;*/
}

.flex-control-nav {
  z-index: 999;
}

.flex-control-paging li a.flex-active {
  background: #5165F5;
}

.flex-control-paging li a {
  background: #fff!important;
}

.metaslider .caption-wrap {
  width: 65%!important;
  font-family: 'Open Sans', sans-serif;
}

.caption-wrap .caption h1,
.caption-wrap .caption h2,
.caption-wrap .caption h3,
.caption-wrap .caption h4,
.caption-wrap .caption h5,
.caption-wrap .caption h6,
.caption-wrap .caption p {
  color: #fff!important;
}

.caption-wrap h1 {
  font-size: 38px;
}

.caption-wrap p {
  font-size: 20px;
  line-height: 1.4;
}

.caption-wrap a {
  color: #fff;
  line-height: 2;
}

.flex-control-nav {
  display: block;
  width: 200px!important;
  right: 10px!important;
  bottom: 100px!important;
}

.flex-control-nav li a {
    margin: 0 2px!important;
}

.flex-control-paging li a {
    width: 9px!important;
    height: 9px!important;
}

.caption a {
  line-height: 5;
  font-weight: bold;
}


/* =============================================
 * MEDIA QUERIES
   =============================================*/

/*@media (min-width: 768px) {
  .home-first-block {
      margin-top: 0;
  }
}*/

/* =============================================
 * Single Page
   =============================================*/

.single-post h1 {
  color: #5165F5;
  text-align: center;
  font-size: 44px;
  margin-bottom: 50px;
}

.single-post h2 {
  font-size: 24px;
  text-align: center;
  margin-bottom: 60px;
}

 /* =============================================
  * Feature Links
    =============================================*/

.row-centered.featured-link {
  background-color: #f5f4f4;
  padding: 20px 0;
  margin-bottom: 0;
}

.featured-post {
  background-color: #fff;
  padding: 20px 20px 5px;
  min-height: 160px;
}

.featured-link h2 {
  margin: 0 0 10px!important;
}

.featured-link .more {
  background: none;
  background-color: #5165F5;
  color: #fff;
  text-align: center;
  width: 100%;
  display: block;
  padding: 10px;
  cursor: pointer;
}

.featured-link .more:hover {
  background-color: #19233e;
  text-decoration: none;
}

.featured-link .feature-inner h2,
.main-content .page-template-page-stripe .main-content h2 {
  margin: 0 0 10px!important;
}

.featured-link .feature-inner h2,
.main-content .page-template-page-stripe .main-content h2 {
      color: #5165F5;
    margin-bottom: 0;
    font-size: 18px;
    text-align: center;
}

.page-template-page-stripe .main-content h4 {
  text-align: left;
}

/* =============================================
 * Press Index
   =============================================*/

.press-index img {
  text-align: center;
  width: 140px;
  height: auto;
}

.press-index .col-md-2 h4 {
  color: #5165F5;
  text-align: center;
  word-wrap: normal;
}

.press-index p {
  text-align: center;
}

.press-index .col-md-2 {
  width: 20%;
  text-align: center;
}

@media (max-width:768px) {
  .press-index .col-md-2 {
    width: 100%;
  }
}

.block-list-items {
  margin: 80px 0 40px;
}

.block-list-items * {
  text-align: center;
}

.block-list-items ul {
  list-style: none;
  padding-left: 0;
}

.page-template-page-stripe .main-content .press-index h1 {
  color: #5165F5;
  text-align: center;
  font-size: 44px;
  margin-bottom: 25px;
}

.page-template-page-stripe .main-content .press-index h2 {
  font-size: 24px;
  text-align: center;
  margin-bottom: 25px;
}

.page-template-page-stripe .main-content .press-index p {
  text-align: center;
}

.row-centered.featured-link.below-link {
  padding-bottom: 0;
}

 /* =============================================
  * Press
    =============================================*/


.press-content-listing header .page-title {
  color: #5165F5;
  text-align: center;
  font-size: 44px;
  margin-bottom: 50px;
}


.press-content-listing .press-post h1.press {
  text-align: left;
}

.press-content-listing h1 {
  font-size: 24px;
  margin-bottom: 10px;
  color: #5165F5;
  text-align: left;
}

.press-content-listing h2 {
  font-size: 14px;
  margin-bottom: 10px;
}

.press-post.revue-post {
  border: none;
}

.press-post.revue-post li {
  margin-bottom: 20px;
}

.press-post {
  clear: both;
  overflow: hidden;
  border-top: 1px solid #b8dbd2;
  padding: 60px 0;
}

.press-post .post-thumb{
  width: 100%;
}

.custompost-sorting {
  margin-bottom: 60px;
}

.custompost-sorting .dropdown-menu {
  width: 100%;
  box-shadow: none;
}

.custompost-sorting .btn:active, .custompost-sorting .btn.active{
  box-shadow: none;
}

.custompost-sorting .btn {
  border-radius: 0;
  border: none;
}

.btn-group.open .dropdown-toggle {
  box-shadow: none;
}

.btn-default:hover, .btn-default:focus, .btn-default.focus, .btn-default:active, .btn-default.active, .open>.btn-default.dropdown-toggle {
  background-color: #fff;
}


/* =============================================
 * General Page
   =============================================*/

.single-general .page-title,
.single-general .entry-meta {
  display: none;
}

.main-head {
  background-color: #ffffff;
  color: #fff;
  font-family: 'Open Sans', sans-serif;
  padding: 90px 0;
  margin-bottom: 0;
  background-position: center center;
}

.main-head h1 {
  line-height: 1.2;
}

.main-head h2 {
  line-height: 1.2;
  color: #fff;
  font-size: 30px;
  margin-bottom: 0;
}

.single-general section h1 {
  text-align: center;
  color: #5165F5;
}

.cd-hero-slider .container {
  z-index: 1;
  /* this padding is used to align the text */
  padding-top: 3.5em;
  text-align: left;
  /* Force Hardware Acceleration in WebKit */
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
}

.cd-hero .cd-hero-slider .cd-btn {
  background-color: #EB595E;
  text-transform: none;
}

.cd-hero .cd-hero-slider .cd-btn:hover {
  text-decoration: none;
  background-color: #19233e;
}

section.cd-hero {
  padding: 0!important;
}

/* =============================================
 * Stripe Page
   =============================================*/

.page-template-page-stripe .main-content .page-title,
.page-template-page-stripe .main-content .entry-meta {
  display: none;
}

.page-template-page-stripe .main-content .hentry {
  margin: 0;
}

.page-template-page-stripe .main-content h1 {
    color: #5165F5;
  text-align: left;
  margin-bottom: 40px;
  font-size: 40px;
  font-family: '3DSV2', sans-serif;
}

.page-template-page-stripe .main-content h2 {
  color: #5165F5;
  font-size: 40px;
  text-align: left;
  margin-bottom: 55px;
  font-family: '3DSV2', sans-serif;
}

.page-template-page-stripe .featured-link .feature-inner h2 {
    color: #5165F5;
    margin-bottom: 0;
    font-size: 18px!important;
    text-align: center;
}

.page-template-page-stripe .main-content p {
  line-height: 1.6;
  margin-bottom: 18px;
}

.page-template-page-stripe .main-content ul {
  padding-left: 5px;
}

.page-template-page-stripe .main-content ul li {
  line-height: 1.8;
  margin-bottom: 15px;
  list-style: url(./includes/images/list_hex.png);
}

.page-template-page-stripe .main-content .table td {
  border: none;
  line-height: 1.8;
}

.page-template-page-stripe .main-content .table td:first-child {
  color: #5165F5;
  width: 20%;
  text-align: right;
}

.page-template-page-stripe .main-content .table td:nth-child(2n){
  padding-left: 30px;
}

.page-template-page-stripe img[class*="wp-image-"] {
  margin: 0;
}

.page-template-page-stripe .main-content section h2 {
  margin-top: 0;
}

.small-cap {
  color: #646569;
  font-family: 'Open Sans', sans-serif;
}

.main-head {
  background-color: #000;
  color: #fff;
  font-family: 'Open Sans', sans-serif;
  padding: 50px 0;
}

 .main-content .main-head h1 {
  color: #fff;
  font-size: 40px;
  font-family: '3DSV2', sans-serif;
  margin-bottom: 10px;
  text-align: left;
}

.page .main-content,
.single .main-content {
  padding: 80px 0 0;
}

@media (max-width: 992px) {
  .page .main-content,
  .single .main-content {
    padding: 0;
  }
}

.page .main-content.home {
  padding: 0;
  margin-top: 1px;
}

.main-content .overview {
  height: auto;
  min-height: auto;
  padding-top: 0;
}

.main-content .overview h1 {
  color: #5165F5;
  text-align: center;
  margin-bottom: 40px;
  font-size: 40px;
  font-family: '3DSV2', sans-serif;
}

.main-content .overview h2 {
  color: #19233e;
  font-size: 22px;
  text-align: center;
  line-height: 1.3;
  margin-bottom: 55px;
  font-family: '3DSV2', sans-serif;
}

.page-template-page-stripe .breadcrumbs {
  display: none;
}

.icon-block {
  display: block;
  min-width: 185px;
  height: 235px;
  background-color: #5165F5;
  position: relative;
}

.icon-block.book-cover {
  display: block;
  width: 235px;
  height: auto;
  background-color: transparent;
  margin: 30px auto 80px;
  position: relative;
}

.thumb-block {

}

.logiciel {
  background: #5165F5 url('../../../wp-content/uploads/2019/02/case_bg.png') no-repeat center center;
}

.bigdata {
  background: #5165F5 url('../../../wp-content/uploads/2019/02/bigdata.png') no-repeat center center;
}

.ecommerce {
    background: #5165F5 url('../../../wp-content/uploads/2019/02/ec.png') no-repeat center center;
}

.opendata {
    background: #5165F5 url('../../../wp-content/uploads/2019/02/opendata.png') no-repeat center center;
 }

.industrie {
    background: #5165F5 url('../../../wp-content/uploads/2019/02/industrie.png') no-repeat center center;
}

.securite {
    background: #5165F5 url('../../../wp-content/uploads/2019/02/securite.png') no-repeat center center;
}

.intelligence {
  background: #5165F5 url('../../../wp-content/uploads/2019/02/smartcity.png') no-repeat center center;
  
}

.smartcity {
    background: #5165F5 url('../../../wp-content/uploads/2020/04/high_tech.png') no-repeat center center;
    
}


.tab-pane > div {
  padding-top: 40px;
}

.tab-pane .more {
  float: right;
}

.tab-pane .list-excerpt {
  padding-top: 0;
  margin-bottom: 10px;
}

.tab-pane h2 {
  margin: 0 0 10px 0;
  text-align: left;
}

.nav-tabs {
  border-bottom: 2px solid #5165F5;
}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {
  border: none;
}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {
  color: #5165F5;
}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus {
  color: #19233e;
}

.nav-tabs>li.active>a:hover {
  color: #19233e;
}

.nav-tabs>li>a:hover {
  border-color: transparent;
}

.nav-tabs>li>a {
  border-top: none;
  border-right: none;
  border-left: none;
}

.nav>li>a:hover, .nav>li>a:focus {
  background-color: transparent;
}

.nav>li>a:hover, .nav>li>a:focus {
  color: #5165F5;
}

.tab-pane .row {
  border-bottom: 1px solid #5165F5;
  padding-bottom: 40px;
}

.post-indexing h2 {
  text-align: left;
}

.post-indexing .entry-content {
  padding-bottom: 80px;
  margin-bottom: 50px;
  border-bottom: 2px solid #5165F5;
}

.post-indexing .post-row {
  border-bottom: 1px solid #5165F5;
  padding-bottom: 45px;
  margin-bottom: 45px;
}

.post-indexing .post-row:first-child {
  border-top: 1px solid #5165F5;
  padding-top: 45px;
}

.post-indexing .more {
  float: right;
}

.text-over {
  outline: 1px solid;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(10,31,62,.8);
  display: none;
  text-align: center;
  transition: all 1s linear;
  color: #fff;
}

.icon-block:hover > .text-over {
  display: block;
  transition: all 1s linear;
}

.text-over span {
  position: relative;
   top: 45%;
   transform: translateY(-50%);
}

.case-name {
  position: absolute;
  margin-bottom: 0!important;
  bottom: 5px;
  width: 100%;
  display: block;
  text-align: center;
}

.case-title {
  background-color: #5165F5;
  color: #fff;
  padding: 20px 55px;
  font-size: 20px;
  margin-bottom: 40px;
  text-transform: uppercase;
}

.case-title a {
  font-fa: 'Gotham-Light';
  color: #fff;
}

.certificates,
.partners {
  position: relative;
  display: block;
}

.list-thumb {
  background-color: #19233e;
  text-align: center;
  height: 235px;
  width: auto;
}

.post-row .certificates img {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  max-width: 110px;
  max-height: 150px;
  width: auto;
  height: auto;
}

.post-row .certificates:hover span {
  color: #fff;
  text-decoration: underline!important;
}

.post-row .certificates span {
  position: absolute;
  bottom: 8px;
  text-align: center;
  left: 0;
  width: 100%;
}

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

Media

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

.dl-description {
  position: absolute;
  top: 0;
  left: 0;
  text-align: left;
  padding: 5px 8px;
}

.dl-list a {
  display: block;
  position: relative;
  border: 1px solid #19233e;
  text-align: center;
}

.dl-list ul li a {
  display: inline;
  position: relative;
  border: none;
  text-align: left;
  width: auto;
}

.dl-list {
  margin-bottom: 20px;
}

.dl-list a:hover {
}

.dl-list a img {
  margin: 0;
}

.contrast-dark {
  background-color: #19233e;
}

.contrast-dark .dl-description {
  color: #fff;
}

.dl {
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0;
  margin-bottom: 0;
  padding: 5px 20px;
  background-color: #5165F5;
  color: #fff;
  display: none;
  text-align: center;
  padding-left: 15px;
  padding-right: 15px;
}

.dl-list a ~ p {
  display: none;
}

.dl-list a:hover .dl {
  display: block;
}

.holizontal-list h4 {
  text-align: left;
  color: #5165F5;
}

.mediakit-list h4 {
  text-align: center;
  margin-bottom: 40px;
  font-size: 28px;
}

.mediakit-list h5 {
  text-align: left;
}

.mediakit-list ul {
  list-style: none;
  padding-left: 0;
}

.mediakit-list ul li {
  margin-bottom: 3px;
}

.dl-content {
  padding-bottom: 30px;
}


.row .dl-content img {
  border: 1px solid #19233e;
  margin: 0;
}

.center {
  text-align: center;
}

.fa {
  color: #5165F5;
}

.dl-btn a {
  display: inline;
  border: none;
}

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

Plugins

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

*, *::after, *::before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.cd-hero-slider {
    list-style: none!important;
    margin: 0;
    padding: 0;
}

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

Main Components

-------------------------------- */
.cd-header {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  width: 100%;
  height: 50px;
  background-color: #21272c;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
@media only screen and (min-width: 768px) {
  .cd-header {
    height: 70px;
    background-color: transparent;
  }
}

#cd-logo {
  float: left;
  margin: 13px 0 0 5%;
}
#cd-logo img {
  display: block;
}
@media only screen and (min-width: 768px) {
  #cd-logo {
    margin: 23px 0 0 5%;
  }
}

.cd-primary-nav {
  /* mobile first - navigation hidden by default, triggered by tap/click on navigation icon */
  float: right;
  margin-right: 5%;
  width: 44px;
  height: 100%;
  background: url("../assets/cd-icon-menu.svg") no-repeat center center;
}
.cd-primary-nav ul {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%);
}
.cd-primary-nav ul.is-visible {
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.2);
  -webkit-transform: translateY(50px);
  -moz-transform: translateY(50px);
  -ms-transform: translateY(50px);
  -o-transform: translateY(50px);
  transform: translateY(50px);
}
.cd-primary-nav a {
  display: block;
  height: 50px;
  line-height: 50px;
  padding-left: 5%;
  background: #21272c;
  border-top: 1px solid #333c44;
  color: #ffffff;
}
@media only screen and (min-width: 768px) {
  .cd-primary-nav {
    /* reset navigation values */
    width: auto;
    height: auto;
    background: none;
  }
  .cd-primary-nav ul {
    position: static;
    width: auto;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    line-height: 70px;
  }
  .cd-primary-nav ul.is-visible {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  .cd-primary-nav li {
    display: inline-block;
    margin-left: 1em;
  }
  .cd-primary-nav a {
    display: inline-block;
    height: auto;
    font-weight: 600;
    line-height: normal;
    background: transparent;
    padding: .6em 1em;
    border-top: none;
  }
}

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

Slider

-------------------------------- */
.cd-hero {
  position: relative;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.cd-hero-slider {
  position: relative;
  height: 360px;
  overflow: hidden;
}
.cd-hero-slider li {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
  transform: translateX(100%);
}
.cd-hero-slider li.selected {
  /* this is the visible slide */
  position: relative;
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
}
.cd-hero-slider li.move-left {
  /* slide hidden on the left */
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translateX(-100%);
}
.cd-hero-slider li.is-moving, .cd-hero-slider li.selected {
  /* the is-moving class is assigned to the slide which is moving outside the viewport */
  -webkit-transition: -webkit-transform 0.5s;
  -moz-transition: -moz-transform 0.5s;
  transition: transform 0.5s;
}
@media only screen and (min-width: 768px) {
  .cd-hero-slider {
    height: 500px;
  }
}
@media only screen and (min-width: 1170px) {

}

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

Single slide style

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

.cd-hero .container {
  padding-bottom: 0;
}

.cd-hero-slider li {
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}
.cd-hero-slider li:first-of-type {
  background-color: #2c343b;
}
.cd-hero-slider li:nth-of-type(1) {
  background-color: #3d4952;
  /*background-image: url("./includes/images/visuel_header_hp_1.png");*/
}
.cd-hero-slider li:nth-of-type(2) {
  background-color: #3d4952;
  /*background-image: url("./includes/images/visuel_header_hp_2.png");*/
}
.cd-hero-slider li:nth-of-type(3) {
  background-color: #586775;
  /*background-image: url("./includes/images/visuel_header_hp_3.png");*/
}
.cd-hero-slider li:nth-of-type(4) {
  background-color: #2c343b;
  /*background-image: url("./includes/images/visuel_header_hp_4.png");*/
}
.cd-hero-slider li {
  background-color: #2c343b;
  background-image: url("./includes/images/header_home.jpg");
}
.cd-hero-slider .cd-full-width {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1;
  left: 0;
  top: 0;
  /* this padding is used to align the text */
  padding-top: 100px;
  text-align: center;
  /* Force Hardware Acceleration in WebKit */
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
}
.cd-hero-slider .cd-img-container {
  /* hide image on mobile device */
  display: none;
}
.cd-hero-slider .cd-img-container img {
  position: absolute;
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}
.cd-hero-slider .cd-bg-video-wrapper {
  /* hide video on mobile device */
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.cd-hero-slider .cd-bg-video-wrapper video {
  /* you won't see this element in the html, but it will be injected using js */
  display: block;
  min-height: 100%;
  min-width: 100%;
  max-width: none;
  height: auto;
  width: auto;
  position: absolute;
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}
.cd-hero-slider h2, .cd-hero-slider p {
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  line-height: 1.2;
  margin: 0 0 14px;
  color: #ffffff;
  width: 90%;
  max-width: 800px;
  text-align: left;
}
.cd-hero-slider h2 {
  font-size: 2.4rem;
}
.cd-hero-slider p {
  font-size: 1.4rem;
  line-height: 1.4;
}
.cd-hero-slider .cd-btn {
  display: inline-block;
  padding: 1.2em 1.4em;
  margin-top: .8em;
  background-color: rgba(212, 68, 87, 0.9);
  font-size: 1.3rem;
  font-weight: 700;
  letter-spacing: 1px;
  color: #ffffff;
  text-transform: uppercase;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);
  -webkit-transition: background-color 0.2s;
  -moz-transition: background-color 0.2s;
  transition: background-color 0.2s;
}
.cd-hero-slider .cd-btn.secondary {
  background-color: rgba(22, 26, 30, 0.8);
}
.cd-hero-slider .cd-btn:nth-of-type(2) {
  margin-left: 1em;
}
.no-touch .cd-hero-slider .cd-btn:hover {
  background-color: #d44457;
}
.no-touch .cd-hero-slider .cd-btn.secondary:hover {
  background-color: #161a1e;
}
@media only screen and (min-width: 768px) {
  .cd-hero-slider li:nth-of-type(2) {
    /*background-image: none;*/
  }
  .cd-hero-slider li:nth-of-type(3) {
    /*background-image: none;*/
  }
  .cd-hero-slider li:nth-of-type(4) {
    /*background-image: none;*/
  }
  .cd-hero-slider .cd-full-width{
    padding-top: 150px;
  }
  .cd-hero-slider .cd-bg-video-wrapper {
    display: block;
  }
  .cd-hero-slider .container:first-of-type {
    left: 5%;
  }
  .cd-hero-slider .container:nth-of-type(2) {
    right: 5%;
    left: auto;
  }
  .cd-hero-slider .cd-img-container {
    display: block;
  }
  .cd-hero-slider h2, .cd-hero-slider p {
    max-width: 650px;
  }
  .cd-hero-slider h2 {
    font-size: 2.4em;
    font-weight: 300;
  }
  .cd-hero-slider .cd-btn {
    font-size: 1.4rem;
  }
}
@media only screen and (min-width: 1170px) {
  .cd-hero-slider .cd-full-width {
    padding-top: 220px;
  }
  .cd-hero-slider h2, .cd-hero-slider p {
    margin-bottom: 20px;
  }
  .cd-hero-slider h2 {
    font-size: 2.5em;
  }
  .cd-hero-slider p {
    font-size: 1.6rem;
  }
}

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

Single slide animation

-------------------------------- */
@media only screen and (min-width: 768px) {
  .cd-hero-slider .container {
    opacity: 0;
    -webkit-transform: translateX(40px);
    -moz-transform: translateX(40px);
    -ms-transform: translateX(40px);
    -o-transform: translateX(40px);
    transform: translateX(40px);
  }
  .cd-hero-slider .move-left .container {
    -webkit-transform: translateX(-40px);
    -moz-transform: translateX(-40px);
    -ms-transform: translateX(-40px);
    -o-transform: translateX(-40px);
    transform: translateX(-40px);
  }
  .cd-hero-slider .selected .container,
  .cd-hero-slider .selected .container *,
  .cd-hero-slider .selected .container a {
    /* this is the visible slide */
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
  .cd-hero-slider .is-moving .container {
    /* this is the slide moving outside the viewport
    wait for the end of the transition on the <li> parent before set opacity to 0 and translate to 40px/-40px */
    -webkit-transition: opacity 0s 0.5s, -webkit-transform 0s 0.5s;
    -moz-transition: opacity 0s 0.5s, -moz-transform 0s 0.5s;
    transition: opacity 0s 0.5s, transform 0s 0.5s;
  }
  .cd-hero-slider li.selected.from-left .container:nth-of-type(2),
  .cd-hero-slider li.selected.from-right .container:first-of-type {
    /* this is the selected slide - different animation if it's entering from left or right */
    -webkit-transition: opacity 0.4s 0.2s, -webkit-transform 0.5s 0.2s;
    -moz-transition: opacity 0.4s 0.2s, -moz-transform 0.5s 0.2s;
    transition: opacity 0.4s 0.2s, transform 0.5s 0.2s;
  }
  .cd-hero-slider li.selected.from-left .container:first-of-type,
  .cd-hero-slider li.selected.from-right .container:nth-of-type(2) {
    /* this is the selected slide - different animation if it's entering from left or right */
    -webkit-transition: opacity 0.4s 0.4s, -webkit-transform 0.5s 0.4s;
    -moz-transition: opacity 0.4s 0.4s, -moz-transform 0.5s 0.4s;
    transition: opacity 0.4s 0.4s, transform 0.5s 0.4s;
  }
  .cd-hero-slider .container h2,
  .cd-hero-slider .container p,
  .cd-hero-slider .container .cd-btn {
    opacity: 0;
    -webkit-transform: translateX(100px);
    -moz-transform: translateX(100px);
    -ms-transform: translateX(100px);
    -o-transform: translateX(100px);
    transform: translateX(100px);
  }
  .cd-hero-slider .move-left .cd-full-width h2,
  .cd-hero-slider .move-left .cd-full-width p,
  .cd-hero-slider .move-left .cd-full-width .cd-btn {
    opacity: 0;
    -webkit-transform: translateX(-100px);
    -moz-transform: translateX(-100px);
    -ms-transform: translateX(-100px);
    -o-transform: translateX(-100px);
    transform: translateX(-100px);
  }
  .cd-hero-slider .selected .cd-full-width h2,
  .cd-hero-slider .selected .cd-full-width p,
  .cd-hero-slider .selected .cd-full-width .cd-btn {
    /* this is the visible slide */
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
  .cd-hero-slider li.is-moving .cd-full-width h2,
  .cd-hero-slider li.is-moving .cd-full-width p,
  .cd-hero-slider li.is-moving .cd-full-width .cd-btn {
    /* this is the slide moving outside the viewport
    wait for the end of the transition on the li parent before set opacity to 0 and translate to 100px/-100px */
    -webkit-transition: opacity 0s 0.5s, -webkit-transform 0s 0.5s;
    -moz-transition: opacity 0s 0.5s, -moz-transform 0s 0.5s;
    transition: opacity 0s 0.5s, transform 0s 0.5s;
  }
  .cd-hero-slider li.selected h2 {
    -webkit-transition: opacity 0.4s 0.2s, -webkit-transform 0.5s 0.2s;
    -moz-transition: opacity 0.4s 0.2s, -moz-transform 0.5s 0.2s;
    transition: opacity 0.4s 0.2s, transform 0.5s 0.2s;
  }
  .cd-hero-slider li.selected p {
    -webkit-transition: opacity 0.4s 0.3s, -webkit-transform 0.5s 0.3s;
    -moz-transition: opacity 0.4s 0.3s, -moz-transform 0.5s 0.3s;
    transition: opacity 0.4s 0.3s, transform 0.5s 0.3s;
  }
  .cd-hero-slider li.selected .cd-btn {
    -webkit-transition: opacity 0.4s 0.4s, -webkit-transform 0.5s 0.4s, background-color 0.2s 0s;
    -moz-transition: opacity 0.4s 0.4s, -moz-transform 0.5s 0.4s, background-color 0.2s 0s;
    transition: opacity 0.4s 0.4s, transform 0.5s 0.4s, background-color 0.2s 0s;
  }
}
/* --------------------------------

Slider navigation

-------------------------------- */
.cd-slider-nav ul li {
  background: url('./includes/images/list_hex.png') center center no-repeat;
  width: 13px;
  height: 11px;
}

.cd-slider-nav ul li.selected {
  background: url('./includes/images/list_hex_wh.png') center center no-repeat;
}

.cd-slider-nav {
  bottom: 300px;
  z-index: 2;
  right: 100px;
  margin-top: -100px;
  height: 100px;
  text-align: right;
}
.cd-slider-nav nav, .cd-slider-nav ul, .cd-slider-nav li, .cd-slider-nav a {
  height: 100%;
}
.cd-slider-nav nav {
  display: inline-block;
  position: relative;
}
.cd-slider-nav .cd-marker {
  position: absolute;
  bottom: 0;
  left: 0;
  box-shadow: inset 0 2px 0 currentColor;
  -webkit-transition: -webkit-transform 0.2s, box-shadow 0.2s;
  -moz-transition: -moz-transform 0.2s, box-shadow 0.2s;
  transition: transform 0.2s, box-shadow 0.2s;
}
.cd-slider-nav .cd-marker.item-2 {
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
  transform: translateX(100%);
}
.cd-slider-nav .cd-marker.item-3 {
  -webkit-transform: translateX(200%);
  -moz-transform: translateX(200%);
  -ms-transform: translateX(200%);
  -o-transform: translateX(200%);
  transform: translateX(200%);
}
.cd-slider-nav .cd-marker.item-4 {
  -webkit-transform: translateX(300%);
  -moz-transform: translateX(300%);
  -ms-transform: translateX(300%);
  -o-transform: translateX(300%);
  transform: translateX(300%);
}
.cd-slider-nav .cd-marker.item-5 {
  -webkit-transform: translateX(400%);
  -moz-transform: translateX(400%);
  -ms-transform: translateX(400%);
  -o-transform: translateX(400%);
  transform: translateX(400%);
}
.cd-slider-nav ul::after {
  clear: both;
  content: "";
  display: table;
}
.cd-slider-nav li {
  display: inline-block;
  width: 60px;
  float: left;
}
.cd-slider-nav li.selected a {
  color: #2c343b;
}
.no-touch .cd-slider-nav li.selected a:hover {
  background-color: transparent;
}
.cd-slider-nav a {
  display: block;
  position: relative;
  padding-top: 35px;
  font-size: 1rem;
  font-weight: 700;
  color: #a8b4be;
  -webkit-transition: background-color 0.2s;
  -moz-transition: background-color 0.2s;
  transition: background-color 0.2s;
}
.cd-slider-nav a::before {
  content: '';
  position: absolute;
  width: 24px;
  height: 24px;
  top: 8px;
  left: 50%;
  right: auto;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
}
.no-touch .cd-slider-nav a:hover {
  background-color: rgba(0, 1, 1, 0.5);
}
.cd-slider-nav li:first-of-type a::before {
  background-position: 0 0;
}
.cd-slider-nav li.selected:first-of-type a::before {
  background-position: 0 -24px;
}
.cd-slider-nav li:nth-of-type(2) a::before {
  background-position: -24px 0;
}
.cd-slider-nav li.selected:nth-of-type(2) a::before {
  background-position: -24px -24px;
}
.cd-slider-nav li:nth-of-type(3) a::before {
  background-position: -48px 0;
}
.cd-slider-nav li.selected:nth-of-type(3) a::before {
  background-position: -48px -24px;
}
.cd-slider-nav li:nth-of-type(4) a::before {
  background-position: -72px 0;
}
.cd-slider-nav li.selected:nth-of-type(4) a::before {
  background-position: -72px -24px;
}
.cd-slider-nav li:nth-of-type(5) a::before {
  background-position: -96px 0;
}
.cd-slider-nav li.selected:nth-of-type(5) a::before {
  background-position: -96px -24px;
}


.home-usecase {
  background-color: #5165F5;
}

.cycloneslider-template-standard .cycloneslider-pager {
  bottom: 15px!important;
  text-align: right!important;
}

.cycloneslider-caption {
  bottom: 25px!important;
  font-weight: 700;
  background-color: transparent!important;
}

.cycloneslider-template-standard .cycloneslider-pager span.cycle-pager-active {
  background: url('./includes/images/list_hex.png') center center no-repeat!important;
  background-color: transparent!important;
}

.cycloneslider-template-standard .cycloneslider-pager span {
  background: url('./includes/images/list_hex_wh.png') center center no-repeat!important;
  background-color: transparent!important;
  width: 11px!important;
  height: 13px!important;
  box-shadow: none!important;
}

.home-usecase .cycloneslider-template-standard .cycloneslider-prev {
  position: absolute;
  top: 68%!important;
  z-index: 501;
  display: block;
  margin-top: -12px;
  width: 20px!important;
  height: 50px!important;
  border-radius: 0!important;
  background: transparent!important;
  opacity: 0;
  -webkit-transition: none!important;
  -moz-transition: none!important;
  -ms-transition: none!important;
  -o-transition: none!important;
  transition: none!important;
  -webkit-box-shadow: 1px 1px 2px 0px #333333;
  box-shadow: none!important;
  background: url(./includes/images/arrow_left.png) no-repeat center center!important;
}

.home-usecase .cycloneslider-template-standard .cycloneslider-next {
    position: absolute;
    top: 68%!important;
    z-index: 501;
    display: block;
    margin-top: -12px;
    width: 20px!important;
    height: 50px!important;
    border-radius: 0!important;
    opacity: 0;
    -webkit-transition: none!important;
    -moz-transition: none!important;
    -ms-transition: none!important;
    -o-transition: none!important;
    transition: none!important;
    -webkit-box-shadow: 1px 1px 2px 0px #333333;
    box-shadow: none!important;
    background: url(./includes/images/arrow_right.png) no-repeat center center!important;
}

.home-usecase .cycloneslider-template-standard .cycloneslider-next .arrow {
    margin-left: -2px;
    border-top: 0 solid transparent!important;
    border-left: 0 solid #333!important;
    border-bottom: 0 solid transparent!important;
}

.cycloneslider-template-standard .cycloneslider-prev .arrow {
    margin-left: -4px;
    border-top: 0 solid transparent!important;
    border-left: 0 solid #333!important;
    border-bottom: 0 solid transparent!important;
}

.cycloneslider-template-standard .cycloneslider-slide img {
  width: 110px;
}

.cycloneslider-caption-description {
  font-size: 23px;
  line-height: 1.2;
  font-family: 'Open Sans', sans-serif;
}

@media (min-width: 768px) {
  .home-usecase {
    width: 25%;
    float: left;
  }
  .cycloneslider-template-standard .cycloneslider-slides {
    height: 100%!important;
  }
  @-moz-document url-prefix() {
    .cycloneslider-template-standard .cycloneslider-slides {
      height: 100% !important;
    }
  }

}

@media (max-width: 767px) {

  .home-usecase {
    background-color: #5165F5;
  }
  .cycloneslider-template-standard {
    margin-top: 0!important;
    height: 100%;
  }
  .cycloneslider-caption {
    position:absolute;
    top: 25px;
    left: 0;
  }
  .cycloneslider-caption-more {
    position: absolute;
    top: 25%;
    right: 0px;
    float: right;
  }
  .cycloneslider-template-standard .cycloneslider-slide a {
    top: 25%!important;
  }
  .cycloneslider-template-standard .cycloneslider-slide img {
    margin: 0 auto!important;
    position: relative;
    top: 50%;
  }
  .cycloneslider-pager {
    display: none;
  }
  div#cycloneslider-use-case-1[style] {
    max-width: auto!important;
    width: 100%;
  }
  .home-word h2 {
    margin-bottom: 0;
  }
}

.home-usecase .cycloneslider-template-standard .cycloneslider-caption {
  color: #19233e;
  top: 0;
  background: #5165F5;
  opacity: 1;
}

.cycloneslider-template-standard .cycloneslider-slide a {
  margin: 0 auto!important;
  position: relative;
  top: 57%;
  display: block;
  z-index: 9999;
}

@media(min-width:992px){

}

.cycloneslider-template-standard .cycloneslider-slides,
.home-usecase .cycloneslider-template-standard div[data-cycle-dynamic-height="off"] .cycloneslider-slide-image {
  background: #5165F5;
  height: 100%!important;
}

.cycloneslider-template-standard {
  margin-bottom: 0!important;
  height: 100%;
}

.cycloneslider-slide.cycloneslider-slide-image.cycle-slide {
  background-color: transparent;
}



.home-usecase .cycloneslider-template-standard .cycloneslider-caption-title {
  font-size: 15px;
  margin-bottom: 0;
  font-weight: bold;
  font-family: 'Open Sans', sans-serif;
  margin-top: 20px;
  padding-left: 0;
  padding-top: 0;
}

.home-usecase .cycloneslider-template-standard .cycloneslider-caption-description {
  font-size: 23px;
  line-height: 1.2;
  padding: 0;
  padding-top: 4px;
  font-weight: normal;
}

.home-usecase .cycloneslider-template-standard div[data-cycle-dynamic-height="off"] .cycloneslider-slide-image {
  padding-top: 10em;
  height: 100%;
}

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

Main content

-------------------------------- */
.cd-main-content {
  width: 90%;
  max-width: 768px;
  margin: 0 auto;
  padding: 2em 0;
}
.cd-main-content p {
  font-size: 1.4rem;
  line-height: 1.8;
  color: #999999;
  margin: 2em 0;
}
@media only screen and (min-width: 1170px) {
  .cd-main-content {
    padding: 3em 0;
  }
  .cd-main-content p {
    font-size: 1.6rem;
  }
}

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

Glossary List

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

.glossary-menu-atoz {
  height: auto;
  padding: 30px 30px 30px;
  margin-bottom: 60px;
  background-color: #19233e;
  border-bottom: 0;
  margin-top: 30px;
}

.atozmenu-off:hover {
  background-color: transparent;
}

.atozmenu-on {
  text-decoration: none;
}

.atozmenu-on a {
  color: #5165F5;
}

.glossary-menu-item a {
  text-decoration: none;
  border-bottom: none;
  font-size: 22px;
}

.glossary-item a {
  color: #5165F5;
  font-size: 22px;
  line-height: 2.2;
  font-weight: normal;
}

.glossary-atoz {
  list-style: none;
}

.glossary-atoz .glossary-item {
  margin-bottom: 35px;
  border-bottom: 1px solid #19233e;
  padding-bottom: 50px;
}

.glossary-menu-atoz .glossary-menu-item a {
  color: #19233e;
}

.glossary-menu-atoz .glossary-menu-item.atozmenu-on a {
  color: #5165F5;
}

.glossary-atoz-wrapper .glossary-atoz {
  padding-left: 0;
}

.glossary-menu-atoz .glossary-menu-item {
  padding-bottom: 30px;
}

.glossary-menu-atoz {
  float: left;
}
/* --------------------------------

Job Board

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

div.job_listings {
  margin-top: 2em;
}

.job_listing a:hover h3,
.job_listing a:hover .job-type {
  text-decoration: underline;
}

.job_listings .job_listing h3 {
  text-align: left;
}

.post-214 .entry-content h4,
.post-214 .entry-content p {
  text-align: center;
}

.rp4wp-related-job_listing>ul li.job_listing a .meta .job-type, .rp4wp-related-job_listing>ul li.no_job_listings_found a .meta .job-type, ul.job_listings li.job_listing a .meta .job-type, ul.job_listings li.no_job_listings_found a .meta .job-type {
  font-weight: 400;
  color: #5165F5;
}

.single_job_listing .meta .job-type {
  color: #fff;
  background-color: #5165F5;
}

.rp4wp-related-job_listing>ul li.job_listing a:focus,
.rp4wp-related-job_listing>ul li.job_listing a:hover,
.rp4wp-related-job_listing>ul li.no_job_listings_found a:focus,
.rp4wp-related-job_listing>ul li.no_job_listings_found a:hover,
ul.job_listings li.job_listing a:focus,
ul.job_listings li.job_listing a:hover,
ul.job_listings li.no_job_listings_found a:focus,
ul.job_listings li.no_job_listings_found a:hover {
    background-color: #fff;
}

ul.job_listings li.job_listing a:hover strong,
ul.job_listings li.no_job_listings_found a:hover strong,
ul.job_listings li.job_listing a:hover .location,
ul.job_listings li.no_job_listings_found a:hover .location,
ul.job_listings li.job_listing a:hover .date,
ul.job_listings li.no_job_listings_found a:hover .date {
  color: #19233e;
  font-weight: normal;
}

.job_filters .showing_jobs,
.job_filters .job_types {
  background-color: #fff;
    padding-top: 18px;
    padding-bottom: 25px;
}

.single_job_listing .company {
  box-shadow: none;
  min-height: 74px;
}

.job_description h2 {
  text-align: left;
}

.single_job_listing .company .name a {
  color: #B8DBD2;
}


.single_job_listing .company .name a {
  color: #666;
}

.single_job_listing .company .name a:hover {
  color: #19233e;
  text-decoration: none;
}

.location .google_map_link {
  color: #999;
}

.location .google_map_link:hover {
  color: #19233e;
}

.company strong,
.rp4wp-related-job_listing>ul li.job_listing a div.location, .rp4wp-related-job_listing>ul li.no_job_listings_found a div.location, ul.job_listings li.job_listing a div.location, ul.job_listings li.no_job_listings_found a div.location {
  color: #19233e!important;
}

.search_jobs {
  /*display: none;*/
}

.text-wrap.label-above label, .textarea-wrap.label-above label {
  font-weight: normal;
}

.single_job_listing .meta .date-posted {
  display: none;
}

ul.job_listings li.job_listing a .meta li date {
  display: none;
}

.rp4wp-related-job_listing>ul li.job_listing a, .rp4wp-related-job_listing>ul li.no_job_listings_found a, ul.job_listings li.job_listing a, ul.job_listings li.no_job_listings_found a {
  min-height: 70px;
}

.ninja-forms-form-wrap label {
  font-weight: normal;
  font-weight: 400!important;
}

.ninja-forms-form-wrap input, .ninja-forms-form-wrap select, .ninja-forms-form-wrap textarea {
  padding: 5px 10px;
}

/* select option */

select {
  border-radius: 0;
  border: 0;
  margin: 0;
  padding: 0;
  background: none transparent;
  vertical-align: middle;
  font-size: inherit;
  color: inherit;
  box-sizing: content-box;
  background-color: #fff;
  border: 1px solid #eee;
}

select:focus {
  outline: none;
}

.search_categories {
  overflow: hidden;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  position: relative;
  color: #666;
}
.search_categories > select {
  width: 130%;
  padding: 0.6em 2.4em 0.6em 0.6em;
  font-size: 12px;
}
.search_categories:after {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  width: 1.8em;
  display: block;
  content: "";
  background: url("./includes/images/more.png") 14px center no-repeat;
  pointer-events: none;
  -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}
.default .search_categories > select {
  width: auto;
}
.overflow .search_categories {
  overflow: visible;
}
.overflow .search_categories select {
  outline: 2px dotted rgba(255, 255, 0, 0.5);
}

.job_filters .search_jobs {
  background-color: #fff;
}

.job_filters .search_jobs div.search_categories {
  width: 23%;
  float: right;
}

.search_keywords,
.search_location {
  display: none;
}

/* checkbox */

.job_listings {
    padding: 6px;
}
.job_listings input[type=radio],
.job_listings input[type=checkbox] {
    display: inline-block;
    margin-right: 6px;
}
.job_listings input[type=radio] + label,
.job_listings input[type=checkbox] + label {
    position: relative;

    display: inline-block;
    margin-right: 12px;

    font-size: 14px;
    line-height: 30px;

    cursor: pointer;
}

.job_filters {
  background: transparent;
}
.job_filters .search_jobs div.search_submit{
    display:none;
}

@media (min-width: 1px) {

    .labeltxt {
      padding-left: 30px;
      margin-left: -30px;
      z-index: 999999;
      position: relative;
      cursor: pointer;
      font-weight: normal;
    }

    .job_listings input[type=checkbox] + label {
      position: relative;
      z-index: 10;
    }

    .job_listings label {
      margin-bottom: 0;
    }

    .job_listings input[type=radio],
    .job_listings input[type=checkbox] {
        /*display: none;*/
        margin: 0;
    }
    .job_listings input[type=radio] + label,
    .job_listings input[type=checkbox] + label {
        padding: 0 0 0 15px;
    }

    .job_listing .position h3 {
      font-family: '3DSV2', sans-serif;
    }

    .job_listings .position .company strong {
        font-weight: normal;
    }

    .job_listings input[type=radio] + label::before,
    .job_listings input[type=checkbox] + label::before {
        content: "";
        position: absolute;
        top: 52%;
        left: -1px;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        display: block;
        width: 18px;
        height: 18px;
        margin-top: -10px;
        background: #FFF;
    }
    .job_listings input[type=checkbox] + label::before {
        content: "";
        position: absolute;
        top: 50%;
        left: 0;

        -moz-box-sizing: border-box;
        box-sizing: border-box;
        display: none;
        width: 18px;
        height: 18px;
        margin-top: -12px;

        background: #FFF;
    }
    .job_listings input[type=radio] + label::before {
        border: 1px solid #eee;
        border-radius: 30px;
    }
    .job_listings input[type=checkbox] + label::before {
        border: 1px solid #eee;
    }
    .job_listings input[type=radio]:checked + label::after,
    .job_listings input[type=checkbox]:checked + label::after {
        content: "";
        position: absolute;
        top: 50%;

        -moz-box-sizing: border-box;
        box-sizing: border-box;
        display: block;
    }
    .job_listings input[type=radio]:checked + label::after {
        left: -9999px !important;

        width: 8px;
        height: 8px;
        margin-top: -8px;
        display: none !important;

        background: #5165F5;
        border-radius: 8px;
    }
    .job_listings input[type=checkbox]:checked + label::after {
        left: -9999px !important;
        display: none !important;
        width: 10px;
        height: 4px;
        margin-top: -7px;

        border-left: 1px solid #ffffff;
        border-bottom: 1px solid #ffffff;

        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }
}

#ninja_forms_form_1_cont {
  border-top: 1px solid #19233e;
  padding-top: 50px;
  margin-top: 50px;
}

.video-container {
  text-align: center;
  margin-top: 30px;
}

.video-container .col-md-5:nth-child(2n) {
  background-color: #f5f5f5;
}

.video-container div * {

}

.block-list-items.block-list-items h3 {
  color: #5165F5;
  font-size: 20px;
margin-bottom: 30px;

}

.text-inner {
  padding: 20px 10px;
  width: 63%;
  text-align: center;
  margin: 0 auto;
}

section.recrute-number .block-list-items.block-list-items h3 {
  font-size: 50px;
}

/*==========================
 * Tarifs
 * ========================= */

.price-change {
  display: none;
}

.tarif-process p {
  color: #5165F5;
  text-align: center;
  font-size: 12px;
}

.tarif-process p:first-child {
  font-size: 40px;
  margin-bottom: 0;
}

.tarif-process p:nth-child(2n) {
  font-family: 'Open Sans', sans-serif;
  text-transform: uppercase;
}

.tablepress tfoot th, .tablepress thead th {
    background-color: transparent!important;
    color: #5165F5;
    border-bottom: none!important;
}

.tablepress thead th {
  text-transform: none;
}

.tablepress tbody td {
     border-top: 1px solid #19233e!important;
     text-align: center;
}

.tablepress tbody tr:first-child td {
     border-top: none!important;
}

.tablepress tbody tr td:first-child {
     text-align: left;
}

.tablepress thead th {
     text-align: center;
}

.tablepress thead th:first-child {
     text-align: left;
}

.tablepress caption {
  display: none;
}

.brands-buttons .col-centered img {
  margin-bottom: 45px;
}

.brands-buttons .col-centered img ~ a {
  display: block;
}

.brands-buttons .col-centered {
  text-align: center;
}

.page-template-page-stripe .row-centered.brands-buttons {
  margin-top: 65px;
  margin-bottom: 12px;
}

.tarif-process {
  padding: 30px 0 5px;
}

.hubmail {
  background-color: #efeeef;
  padding: 30px 50px 5px;
  width: 80%;
  margin: 0 auto 30px;
  display: none;
}

.hubmail h3 {
  margin-bottom: 30px;
  color: #5165F5;
}

.hubmail h5 {
  margin-bottom: 30px;
  font-family: '3DSV2', sans-serif;
  color: #646569;
}


.hubmail li label {
  color: #5165F5;
}

.hubmail label span:first-child {
  font-family: 'Open Sans', sans-serif;
  color: #646569;
  font-size: 12px;
}

.hubmail input.hs-input,
.hubmail textarea.hs-input,
.hubmail select.hs-input {
  border: none!important;
  width: 100%!important;
  max-width: 100%!important;
}

.hubmail-agent {
  background-color: #fff;
  padding: 30px 50px 5px;
  width: 80%;
  margin: 0 auto 30px;
  display: block;
}

.hubmail-agent h3 {
  margin-bottom: 30px;
  color: #5165F5;
}

.hubmail-agent h5 {
  margin-bottom: 30px;
  font-family: '3DSV2', sans-serif;
  color: #646569;
}

.hubmail-agent li label {
  color: #5165F5;
}

.hubmail-agent label span:first-child {
  font-family: 'Open Sans', sans-serif;
  color: #646569;
  font-size: 12px;
}

.hubmail-agent input.hs-input,
.hubmail-agent textarea.hs-input,
.hubmail-agent select.hs-input {
  border: none!important;
  width: 100%!important;
  max-width: 100%!important;
}


/* centered columns styles */
.row-centered {
    text-align:center;
    margin: 10px 0;
}

.page-template-page-stripe .row-centered {
    margin: 0;
    padding-bottom: 35px!important;
}

.col-centered {
    float:none;
    /* reset the text-align */
    text-align:left;
    /* inline-block space fix */
    margin-right:-4px;
    display: inline-block;
}

.topic {
  background-color: #f5f4f4;
  padding: 30px 0 15px;
}

.topic-description h1 {
  text-align: center!important;
  margin-bottom: 20px!important;
}

.price-list {
  margin-top: 20px;
}

.page-template-page-stripe .main-content .section-header h1 {
  text-align: center;
}

.page-template-page-stripe .main-content .topic h4 {
  text-align: center;
}

/* content styles */
.item {
    display:table;
}
.content {
    display:table-cell;
    vertical-align:middle;
    text-align:center;
}
.content:before {
    font-size:12px;
}

.feature-inner {
    background-color: #fff;
    padding: 20px 15px 45px;
  }
.page-template-page-stripe .main-content .feature-inner p {
  line-height: 1.4;
}


/* Below Box */

.bb-wrap {
  display: flex;
  width: 80%;
  margin: 0 auto;
}

.bb {
  width: 30%;
  background-color: #fff;
  position: relative;
  margin: 0 auto;
}

.bb .item {
  padding-bottom: 45px;
}

.bb .more {
  display: block;
  position: absolute;
  bottom: 0;
}

@media(max-width:992px){

  .bb-wrap {
    display: block;
    width: 100%;
    margin: 0 auto;
  }

  .bb {
    width: 100%;
    background-color: #fff;
    position: relative;
    margin: 0 auto;
  }

}




/* Price Change */

.doller, .euro {
  display: none;
}

section.price-change button {
  background-color: #EB595E;
  color: #fff;
  border: none;
}

section.price-change button:focus {
  outline: none;
}

section.price-change .dropdown-menu {
  background-color: #fff;
  padding-bottom: 0;
}

section.price-change .dropdown-menu li a {
  background-color: #19233e;
  color:#fff;
}

section.price-change .dropdown-menu li:hover a {
  background-color: #b1d9cb;
  color:#fff;
}

section.price-change .dropdown-menu li:focus {
  outline: none;
}

.post-266 .hs_submit .actions input[type="submit"] {
  width: auto;
  border: none;
}



#nf_submit_1 input[type="submit"]{
  background-color: #5165F5;
  color: #fff;
  padding: 10px 50px;
  border: none;
}

#nf_submit_1 input[type="submit"]:hover {
    background-color: #5165f5;
}


a[data-provider="reddit"],
a[data-provider="pinterest"],
a[data-provider="mail"] {
  display: none;
}


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

Home Hubspot

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

.hs-form label {
  font-family: 'Open Sans', sans-serif;
}

.hs-form * {
  border-radius: 0!important;
  box-shadow: none;
}

.hs-form input {
  width: 100%;
}

.hs-form .hs-button {
  color: #fff!important;
  font-weight: normal!important;
  text-shadow: none!important;
  background-color: #EB595E!important;
  background-image: none!important;
  box-shadow: none!important;
  border: none!important;
  -moz-user-select: none!important;
  -webkit-user-select: none!important;
  user-select: none!important;
}

.navbar-form {
  box-shadow: none!important;
}

#cookie-notice .button.bootstrap {
    border: none;
    border-radius: 0;
    background-color: #EB595E;
    text-shadow: none;
    box-shadow: none;
    background-image: none;
}

#cookie-notice .button.bootstrap:hover, #cookie-notice .button.bootstrap:focus {
    background-color: #19233e;
}


/* Pagenation */

.pager .previous>a, .pager .previous>span {
  float: right;
}

.pager .next>a, .pager .next>span {
  float: left;
}


/* Form Page */

.page .hbspt-form .stacked .hs-button {
  border: none;
  padding: 10px 20px;
  width: auto;
}

/*TMP*/

.custompost-sorting {
  display: none!important;
}

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

Javascript disabled

-------------------------------- */
.no-js .cd-hero-slider li {
  display: none;
}
.no-js .cd-hero-slider li.selected {
  display: block;
}

.no-js .cd-slider-nav {
  display: none;
}



/* geomap */


.region-map {
    position: relative;
}

.world-map {
    width: 100%;
}

.region-map .region{
    position: absolute;
    width: 100%;
    padding: 0;
    height: 100%;
    top: 0;
    left: 0;
}

.region-map .city{
    display: block;
    width: 33%;
    height: 50%;
    float:left;
    padding:0;
    margin:0;
}

.city ul{
    margin-top:34%;
    display: none;
}

.city ul li{
    list-style: none;
    padding:0;
    margin:0;
    line-height: 1.4;
    text-align:center;
}

.region-map ul li a{
    background-color: rgba(255,255,255,.8);
    padding: 2px 12px;
    margin-bottom: 5px;
    line-height: 1.8;
}

.region-map ul li a:hover {
    color: #fe5226;
}

.city:hover ul{
    display:block;
}

.region-map .city.cn {
    margin-top: 10%;
}

.region-map .city.cn ul{
    margin-top: 14%;
}
/* For mobile */

@media screen and (max-width: 640px) {
  .world-map {
    display: none;
  }
  .city ul{
    display: block;
  }
  .region-map .region{
    position: static;
  }
  .region-map .city{
      display: block;
      width: 100%;
      height: auto;
      float:none;
      padding:0;
      margin:0;
  }
  .city ul li{
      list-style: none;
      padding: 0;
      margin: 0 0 7px 0;
      line-height: 1.4;
      text-align: left;
  }
  .region-map .city.cn {
      margin-top: 0;
  }
  .city ul{
      margin-top:0;
  }
  .city ul li a {
      width: 95%;
      padding: 10px 16px;
      font-size: 18px;
      line-height: 1.3333333;
      border-radius: 0;
      color: #fff;
      background-color: #2ca1d8;
      border-color: #2ca1d8;
      display: inline-block;
      padding: 6px 12px;
      margin-bottom: 0;
      font-size: 14px;
      font-weight: 400;
      line-height: 1.42857143;
      text-align: center;
      white-space: nowrap;
      vertical-align: middle;
      -ms-touch-action: manipulation;
      touch-action: manipulation;
      cursor: pointer;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
      background-image: none;
      border: 1px solid transparent;
  }
  .city ul li a:hover,
  .city ul li a:active {
    color: #fff;
  }
  .region-map .city.cn ul {
      margin-top: 0;
  }
}

/* geomap2 */


body main.main-pattern .sub-header {
  background: url('../img/connexion_header_bg.jpg') no-repeat center center;
  padding-top: 10px;
}

body .region-map {
    position: relative;
    width: 1080px;
    left: -5%;
}

@media (max-width: 1198px) {
body .region-map {
    left: -19%;
}
}

@media(max-width:992px){

.region-map {
  display: none;
}

.region-map a,
.region-map a:hover,
.region-map li {
  background-image: none!important;
}

.city li a span {
  display: block!important;
}

}

body .city ul {
  display: block;
  position: relative;
}

.city li a {
  background: url(https://fr.outscale.com/wp-content/uploads/2016/04/pin1.png) no-repeat left bottom;
  position: relative;
}

.city li a:hover {
  background: url(https://fr.outscale.com/wp-content/uploads/2016/04/pin2.png) no-repeat left bottom;
}

.city li a span {
    display: none;
    position: absolute;
    left: 5px;
    top: -22px;
    background: url('https://fr.outscale.com/wp-content/uploads/2016/04/text-line.png') no-repeat left 8px;
    width: 190px;
    text-align: left;
    padding-left: 44px;
    line-height: 1;
    min-height: 30px;
}

.region-map .city li.next-pin {
    background: url(https://fr.outscale.com/wp-content/uploads/2016/04/pin3.png) no-repeat left bottom;
    display: block;
    position: absolute;
    padding: 0;
    height: 32px;
    width: 20px;
}

.region-map .city.us li.next-pin {
  top: 142px;
  left: 105px;
}

.region-map .city.cn li.next-pin {
  top: 230px;
  left: 126px;
}

.city li a:hover span {
  display: block;
}

.region-map ul li a {
  background-color: transparent;
}

.region-map ul li a {
    display: block;
    padding: 0;
    height: 32px;
    width: 20px;
}

.us-east-1 {
  position: absolute;
  top: 100px;
  left: 275px;
}

.us-east-2 {
  position: absolute;
  top: 122px;
  left: 252px;
}

.eu-west-1 {
  position: absolute;
  top: 100px;
  left: 130px;
}

.eu-west-2 {
  position: absolute;
  top: 104px;
  left: 150px;
}

.city li.us-east-2 a span {
    background: url('https://fr.outscale.com/wp-content/uploads/2016/04/text-line-reverse.png') no-repeat left -17px;
    left: 2px;
    top: 24px;
    }


.cn-se-1 {
  position: absolute;
  top: 155px;
  left: 145px;
}
.connexion-list ul{
    padding: 50px;
    width: 365px;
    background-position-y: -206px;
    background-position-x: -82px;
    list-style: none;
    border: 1px solid #ddd;
    margin: 10px auto;
    background: url('https://fr.outscale.com/wp-content/uploads/2016/04/world.jpg');
}

ul.america {
    background: url('https://fr.outscale.com/wp-content/uploads/2016/04/world.jpg') no-repeat -48px -203px;
}

ul.europe {
    background: url('https://fr.outscale.com/wp-content/uploads/2016/04/world.jpg') no-repeat -427px -172px;
}

ul.asia {
    background: url('https://fr.outscale.com/wp-content/uploads/2016/04/world.jpg') no-repeat -717px -271px;
}

.connexion-list {
    display: none;
    text-align: center;
  }

@media (max-width: 992px) {
  .connexion-list {
    display: block;
  }
}

.page-id-2840 .page-title,
.page-id-2870 .page-title {
    display: none;
}

/* slideblock */
.move-panel {
        }
        .move-panel li {
            list-style: none;
        height: 220px!important;
        overflow: hidden;
        padding: 0;
        }
        .move-panel li h3 {
            font-size: 32px;
        }
        .move-panel li h3,
        .move-panel li p {
            color: #19233e;
        }
        .move-panel li a:hover h3,
        .move-panel li a:hover p {
            color: #19233e;
            text-decoration: none;
        }
        .move-panel li:nth-child(1) a {
            background: url(./includes/images/solution1.jpg) no-repeat left top;
            height: 100%;
        }
        .move-panel li:nth-child(2) a {
            background: url(./includes/images/solution2.jpg) no-repeat left top;
            height: 100%;
        }
        .move-panel li:nth-child(3) a {
            background: url(./includes/images/solution3.jpg) no-repeat left top;
            height: 100%;
        }
        .move-panel li:nth-child(4) a {
            background: url(./includes/images/solution4.jpg) no-repeat left top;
            height: 100%;
        }
        .move-panel li:nth-child(5) a {
            background: url(./includes/images/solution5.jpg) no-repeat left top;
            height: 100%;
        }
        .move-panel li:nth-child(6) a {
            background: url(./includes/images/solution6.jpg) no-repeat left top;
            height: 100%;
        }
    .move-panel li a {
        height: 98%!important;
    }
        .move-panel a {
            display: block;
            position: relative;
        overflow: hidden;
        margin: 2%!important;
        background-size: 100% 100%!important;
        }
        .move-panel h3 {
            margin: 0;
            text-align: center;
            color: #19233e;
        }
        .move-panel ul,
        .move-panel ul li a {
            display: block;
            float: left;
            padding: 0;
            margin: 0;
        width: 100%;
        }
        .move-panel ul li a {
            height: 220px;
            position: relative;
        }
        .move-panel ul li a > div {
            height: 220px;
            position: relative;
            transition: all .3s;
            top: 0;
            text-align: center;
        }
        .move-panel li a > div {
        }
        .move-panel a:hover > div {
            top: -220px;
        }

        .move-panel ul li div.text-wrap {
             position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
        }

        .default-panel {
            background-color: transparent;

        }
        .second-panel {
            background-color: rgba(255, 255, 255, .8);
        }
        .text-wrap span {
            display: block;
            border: 1px solid #19233e;
            padding: 5px 7px;
        }

        .customer_widget {
                border: none;
        }

        .assistly-widget {
            display: block;
            background: #fff;
            position: fixed;
            bottom: 0;
            right: 0;
            background-color: #19233e;
            color: #fff;
        }

        .assistly-widget a {
            background: none!important;
            width: auto!important;
            padding: 8px 22px 8px 31px;
        }

        .assistly-widget a:focus {
            outline: none;
        }

        .assistly-widget:hover {
           background-color: #5165F5;
        }

        a.a-desk-widget.a-desk-widget-chat:before {
            content: "Live Chat";
            color: #fff;
        }

.ninja-forms-cont .text-wrap span {
    display: inline;;
    border: none;
    padding: 0;
}

iframe[name='google_conversion_frame'] {
    height: 0 !important;
    width: 0 !important;
    line-height: 0 !important;
    font-size: 0 !important;
    margin-top: -13px;
    float: left;
}

/* wpml menu */

#lang_sel li {
    width: 70px;
}

.site-navigation #lang_sel {
    background-color: transparent;
    position: relative;              /*Modif by Matthieu*/

}

.wpml-ls-legacy-dropdown a.wpml-ls-item-toggle:after {
    display: none;
}

.site-navigation #lang_sel {
    width: 50px;
}

.wpml-ls-legacy-dropdown a {
    padding: 6px 10px;
    font-size: 12px;
}

/* Template w color bar */

.page-template-page-colorbar .home-highlight {
    padding-top: 50px;
    min-height: auto;
}

.page-template-page-colorbar .home-highlight ul li {
    line-height: 1.8;
    margin-bottom: 15px;
    list-style: url(https://fr.outscale.com/wp-content/themes/Outscale_theme/includes/images/list_hex.png);
}

.page-template-page-colorbar .home-highlight h4 {
    text-align: left;
}

.page-template-page-colorbar .home-highlight ul li {
    text-align: left;
}

.page-template-page-colorbar .hbspt-form .stacked .hs-button:hover {
    border: none!important;
}

.hs-form-a2881821-d5ef-4dab-a0b7-ff8be99afeca_bf18758a-0e51-46fe-b139-c174f5651a10 .hs-input, .hs-form-a2881821-d5ef-4dab-a0b7-ff8be99afeca_bf18758a-0e51-46fe-b139-c174f5651a10 textarea.hs-input {
    max-width: 500px!important;
    width: 100%;
}

.hs-form-a2881821-d5ef-4dab-a0b7-ff8be99afeca_bf18758a-0e51-46fe-b139-c174f5651a10 .hs-input, .hs-form-a2881821-d5ef-4dab-a0b7-ff8be99afeca_bf18758a-0e51-46fe-b139-c174f5651a10 textarea.hs-input {
    box-sizing: border-box;
    max-width: auto!important;
    width: 100%;
    box-shadow: none;
}

input.hs-input, textarea.hs-input {
    text-shadow: none!important;
}

.page-template-page-colorbar .home-highlight .row h2,
.page-template-page-colorbar .hs-form-insert h2 {
    color: #5165F5;
    font-size: 32px;
}

/*style de la search bar*/

@media (max-width:740px){             /*for mega-menu */
    #mega-menu-wrap-primary{

    }
}

#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item-1146 > a.mega-menu-link{
      color: #5165F5; /*for mega-menu */     
}


a.ttt{             /* for tarif page*/
    color:black;
}

a.ttt:hover{
    color:#5165F5;       /*for tarif page*/
}

.engagement-title{
    position: absolute;      /*for engagement page*/
    top: 98px; 
    width: 100%; 
    z-index: 2;
}

@media (max-width: 1201px) and (min-width: 700px) {
    .engagement-title{
    position: absolute;      /*for engagement page*/
    top: 68px; 
    width: 100%; 
    z-index: 2;
}
}

@media (max-width: 699px) {
    .engagement-img{
        height: 200px;
}
    .engagement-title{
        top: 30px; 
}
}





#carousel-example-generic{
    height:410px;
}

.fleche-droite{
    
        padding-top: 150px;
    }
    
    .fleche-gauche{
        padding-top: 150px;
    }

@media (max-width:1201px) and (min-width:992px ){           /*Slider page ecole partenaire*/
#carousel-example-generic{
    height:500px;
}
    .fleche-droite{
        padding-top: 200px;
    }
    
    .fleche-gauche{
        padding-top: 200px;
    }
}

@media (max-width:991px) and (min-width:768px ){           /*Slider page ecole partenaire*/
#carousel-example-generic{
    height:600px;
}
    .fleche-droite{
        padding-top: 250px;
    }
    
    .fleche-gauche{
        padding-top: 250px;
    }
}

@media (max-width:767px){           /*Slider page ecole partenaire*/
#carousel-example-generic{
    display:none;
}
}

@media (max-width:1199px){           /*Slider page ecole partenaire*/
.citation1{
    display:none;
}
}


/*Bloc de couleur sur le header*/

@media(min-width:768px) and (max-width:992px){
    .home-square-1 img{
    display:none;
    }
    .home-square-3 img{
        display:none;
    }
    .home-square-4 img{
        display:none;
    }
    .cycloneslider-template-standard .cycloneslider-slide img{
        display:none !important;
    }
    .cycloneslider-template-standard .cycloneslider-pager{
        display:none
    }
    
    .home-square-1,
    .home-usecase,
    .home-square-3,
    .home-square-4 {
        height: 187px;   /*187*/
    }
    
    .home-square-1 p,
    .home-square-2 p,
    .home-square-3 p,
    .home-square-4 p {
        font-size: 18px;
        line-height: 1.2;
    }
    .home-usecase .cycloneslider-template-standard .cycloneslider-caption-description{
        font-size: 18px;
    }
}

@media (max-width:768px){
    .home-square-1 img, .home-square-2 img, .home-square-3 img, .home-square-4 img{
        display:none;
    }
    .cycloneslider-template-standard .cycloneslider-slide img{
        display:none !important;
    }
}

.select2-container--default .select2-selection--single .select2-selection__arrow{
    display:none;   /*Modif page offre d'emploi*/
}
.job-manager-filter {
    display:none;     /*Modif page offre d'emploi*/
}

.job_filters .showing_jobs, .job_filters .job_types{
    display:none;     /*Modif page offre d'emploi*/
}

wordpress-gdpr-popup-text{
    padding-left: 40px;
    padding-right: 40px;     /*Modification du popup cookies*/
}

a.wordpress-gdpr-open-privacy-settings-modal.wordpress-gdpr-privacy-settings-trigger-bottom-right.wordpress-gdpr-privacy-settings-trigger-container{
    display:none;
}

ul#menu-login {
  padding-top: 7px;
}

li#menu-item-49264, li#menu-item-49265{
  display: none;
}



.menu-footer{
  display: flex;
  justify-content: space-between;
}

.menu-footer-copyright{
  display: flex;
  justify-content: space-between;
  align-items: center;
  text-align: center;
  border-top: 1px solid #fff;
  padding-top: 25px;
}

.menu-footer h3{
  font-size: 17px;
  text-align: left !important;
  color: #fff;
}

.menu-footer a, .menu-footer-copyright a {
  color : #ffffff;
}

.menu-footer a:hover, .menu-footer-copyright a:hover {
  color : #5165F5;
}

.footer-picto-rs{
  text-align: center;
    margin-bottom: 15px;
}

.footer-picto-rs img{
  width: 4%;
  padding: 5px;
  transition: all .25s ease-in-out;
}

.footer-picto-rs img:hover {
  padding: 5px;
  transform: scale(1.1);
}

.picto-blog{
  width: 5% !important;
  padding: 1px !important;

}

span.wpml-ls-native span.icl_lang_sel_native{
  color: 19233e !important;

}

@media (max-width: 767px) {

  .menu-footer {
      display: flex;
      justify-content: space-between;
      flex-direction: column;
  }

  .menu-footer h3 {
    font-size: 17px;
    text-align: center !important;
    color: #fff;
  }  

  ul#footer_6, ul#footer_2, ul#footer_3, ul#footer_4 {
    display: inline-block !important;
    width: 100% !important;
    text-align: center;
  }

  .footer-picto-rs img {
    width: 13%;
  }

  .picto-blog {
    width: 18% !important;
  }

  .menu-footer-copyright {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    padding-top: 50px;
  }  

  .menu-footer-copyright div{
    margin-bottom: 15px;
  }

}


#nav-menu-osc {
  width: 1270px !important;
}

.dsm-pointer-wrapper{
  padding: 10px;
    position: absolute;
    top: 0px;
    left: 50%;
    transform: translateX(-50%);
    line-height: 1;
}

td {
  padding: 15px !important;
}

.logo-osc-menu {
  width: 150px;
  height: auto;
}

/************SOUS MENU CEX FR***************/

ul#menu-sousmenucex li.current-menu-item {

  color: white !important;
  opacity: 1 !important;
  font-weight: bold;
}

ul#menu-sousmenucex li.current-menu-item a{

 /* border-bottom: 2px solid #5165f5 !important; */
  color: white !important;
  opacity: 1 !important;
  font-weight: bold;
}

ul#menu-sousmenucex li.current-menu-item a:hover{

  /*border-bottom: 2px solid #5165f5 !important;*/
  color: white !important;
  opacity: 1 !important;
  font-weight: bold;
}

ul#menu-sousmenucex li a {

  color: white !important;
  opacity: 1 !important;
  border-bottom: 2px solid transparent !important;
}

ul#menu-sousmenucex li a:hover {
  border-bottom: 2px solid #5165f5 !important;
  color: white !important;
  opacity: 1 !important;
  font-weight: bold;
}

/* ici on désactive le trait bleu sur Modeles cloud, services cloud et IA */
ul#menu-sousmenucex li#menu-item-72287 > a,
ul#menu-sousmenucex li#menu-item-72288 > a,
ul#menu-sousmenucex li#menu-item-72298 > a {
  border-bottom: 2px solid transparent !important;
  font-weight: normal !important;
}

/* Même chose au hover */
ul#menu-sousmenucex li#menu-item-72287 > a:hover,
ul#menu-sousmenucex li#menu-item-72288 > a:hover,
ul#menu-sousmenucex li#menu-item-72298 > a:hover {
  border-bottom: 2px solid transparent !important;
  font-weight: normal !important;
}

/***************************/

/************SOUS MENU CEX EN***************/

ul#menu-smenucex-en li.current-menu-item {

  color: white !important;
  opacity: 1 !important;
  font-weight: bold;
}

ul#menu-smenucex-en li.current-menu-item a{

  /*border-bottom: 2px solid #5165f5 !important;*/
  color: white !important;
  opacity: 1 !important;
  font-weight: bold;
}

ul#menu-smenucex-en li.current-menu-item a:hover{

  /*border-bottom: 2px solid #5165f5 !important;*/
  color: white !important;
  opacity: 1 !important;
  font-weight: bold;
}

ul#menu-smenucex-en li a {

  color: white !important;
  opacity: 1 !important;
  border-bottom: 2px solid transparent !important;
}

ul#menu-smenucex-en li a:hover {
  border-bottom: 2px solid #5165f5 !important;
  color: white !important;
  opacity: 1 !important;
  font-weight: bold;
}

/* ici on désactive le trait bleu sur Modeles cloud, services cloud et IA */
ul#menu-smenucex-en li#menu-item-72308 > a,
ul#menu-smenucex-en li#menu-item-72309 > a,
ul#menu-smenucex-en li#menu-item-72316 > a {
  border-bottom: 2px solid transparent !important;
  font-weight: normal !important;
}

/* Même chose au hover */
ul#menu-smenucex-en li#menu-item-72308 > a:hover,
ul#menu-smenucex-en li#menu-item-72309 > a:hover,
ul#menu-smenucex-en li#menu-item-72316 > a:hover {
  border-bottom: 2px solid transparent !important;
  font-weight: normal !important;
}

/***************************/


ul#menu-sousmenupresse li.current-menu-item {

  color: white !important;
  opacity: 1 !important;
  font-weight: bold;
}

ul#menu-sousmenupresse li.current-menu-item a{

  border-bottom: 2px solid #5165f5 !important;
  color: white !important;
  opacity: 1 !important;
  font-weight: bold;
}

ul#menu-sousmenupresse li.current-menu-item a:hover{

  border-bottom: 2px solid #5165f5 !important;
  color: white !important;
  opacity: 1 !important;
  font-weight: bold;
}

ul#menu-sousmenupresse li a {

  color: white !important;
  opacity: 1 !important;
  border-bottom: 2px solid transparent !important;
}

ul#menu-sousmenupresse li a:hover {
  border-bottom: 2px solid #5165f5 !important;
  color: white !important;
  opacity: 1 !important;
  font-weight: bold;
}

/***************************/


ul#menu-sousmenuoscaca li.current-menu-item {

  color: white !important;
  opacity: 1 !important;
  font-weight: bold;
}

ul#menu-sousmenuoscaca li.current-menu-item a{

  border-bottom: 2px solid #5165f5 !important;
  color: white !important;
  opacity: 1 !important;
  font-weight: bold;
}

ul#menu-sousmenuoscaca li.current-menu-item a:hover{

  border-bottom: 2px solid #5165f5 !important;
  color: white !important;
  opacity: 1 !important;
  font-weight: bold;
}

ul#menu-sousmenuoscaca li a {

  color: white !important;
  opacity: 1 !important;
  border-bottom: 2px solid transparent !important;
}

ul#menu-sousmenuoscaca li a:hover {
  border-bottom: 2px solid #5165f5 !important;
  color: white !important;
  opacity: 1 !important;
  font-weight: bold;
}

/***************************/

ul#menu-sousmenubex li.current-menu-item {

  color: white !important;
  opacity: 1 !important;
  font-weight: bold;
}

ul#menu-sousmenubex li.current-menu-item a{

  border-bottom: 2px solid #5165f5 !important;
  color: white !important;
  opacity: 1 !important;
  font-weight: bold;
}

ul#menu-sousmenubex li.current-menu-item a:hover{

  border-bottom: 2px solid #5165f5 !important;
  color: white !important;
  opacity: 1 !important;
  font-weight: bold;
}


ul#menu-sousmenubex li a {

  color: white !important;
  opacity: 1 !important;
  border-bottom: 2px solid transparent !important;
}

ul#menu-sousmenubex li a:hover {
  border-bottom: 2px solid #5165f5 !important;
  color: white !important;
  opacity: 1 !important;
  font-weight: bold;
}


/***************************/


ul#menu-sousmenuosc4e li.current-menu-item {

  color: white !important;
  opacity: 1 !important;
  font-weight: bold;
}

ul#menu-sousmenuosc4e li.current-menu-item a{

  border-bottom: 2px solid #5165f5 !important;
  color: white !important;
  opacity: 1 !important;
  font-weight: bold;
}

ul#menu-sousmenuosc4e li.current-menu-item a:hover{

  border-bottom: 2px solid #5165f5 !important;
  color: white !important;
  opacity: 1 !important;
  font-weight: bold;
}


ul#menu-sousmenuosc4e li a {

  color: white !important;
  opacity: 1 !important;
  border-bottom: 2px solid transparent !important;
}

ul#menu-sousmenuosc4e li a:hover {
  border-bottom: 2px solid #5165f5 !important;
  color: white !important;
  opacity: 1 !important;
  font-weight: bold;
}


/***************************/


ul#menu-sousmenubp li.current-menu-item {

  color: white !important;
  opacity: 1 !important;
  font-weight: bold;
}

ul#menu-sousmenubp li.current-menu-item a{

  border-bottom: 2px solid #5165f5 !important;
  color: white !important;
  opacity: 1 !important;
  font-weight: bold;
}

ul#menu-sousmenubp li.current-menu-item a:hover{

  border-bottom: 2px solid #5165f5 !important;
  color: white !important;
  opacity: 1 !important;
  font-weight: bold;
}

/***************************/

ul#menu-sousmenurse li.current-menu-item {

  color: white !important;
  opacity: 1 !important;
  font-weight: bold;
}

ul#menu-sousmenurse li.current-menu-item a{

  border-bottom: 2px solid #5165f5 !important;
  color: white !important;
  opacity: 1 !important;
  font-weight: bold;
}

ul#menu-sousmenurse li.current-menu-item a:hover{

  border-bottom: 2px solid #5165f5 !important;
  color: white !important;
  opacity: 1 !important;
  font-weight: bold;
}


ul#menu-sousmenurse li a {

  color: white !important;
  opacity: 1 !important;
  border-bottom: 2px solid transparent !important;
}

ul#menu-sousmenurse li a:hover {
  border-bottom: 2px solid #5165f5 !important;
  color: white !important;
  opacity: 1 !important;
  font-weight: bold;
}

/***************************/




ul#menu-sousmenubp li a {

  color: white !important;
  opacity: 1 !important;
  border-bottom: 2px solid transparent !important;
}

ul#menu-sousmenubp li a:hover {
  border-bottom: 2px solid #5165f5 !important;
  color: white !important;
  opacity: 1 !important;
  font-weight: bold;
}

ul#menu-sousmenubp li#menu-item-57888 a{
  color: white !important;
  opacity: 1 !important;
  border-bottom: none !important;
}
ul#menu-sousmenubp li#menu-item-57888 a:hover {
  color: white !important;
  opacity: 1 !important;
}

ul#menu-sousmenubp li#menu-item-57889 a {
  color: white !important;
  opacity: 1 !important;
  border-bottom: none !important;
}

ul#menu-sousmenubp li#menu-item-57889 a:hover {
  color: white !important;
  opacity: 1 !important;
}

ul#menu-sousmenubp li#menu-item-57890 a {
  color: white !important;
  opacity: 1 !important;
  border-bottom: none !important;
}

ul#menu-sousmenubp li#menu-item-57890 a:hover {
  color: white !important;
  opacity: 1 !important;
}

/***************************/

.tabs-bex {
    display: flex; 
    flex-direction: row; 
    gap: 30px; 
    margin-top: 30px;
}

.tabs-bex-img {
    width: 50%;
}

.tabs-bex-content {
    width: 50%; 
    font-size: 16px;
}

/* Responsive ODN */
@media (max-width: 500px) {

  #nav-menu-osc{
    width: 100% !important;
  }

  .site-navigation-inner{
    width: 100% !important;
  }

  .navbar-default {
    display: flex;
    flex-direction: column;
    align-content: center;
    flex-wrap: wrap;
    align-items: center;
    gap: 20px;
  }

  #mega-menu-wrap-primary {
    width: 100% !important;
    display: flex;
    justify-content: center;    
  }

  #mega-menu-wrap-primary .mega-menu-toggle{
    background: white !important;
  }

  .form-block{
    margin-top: 25px;
  }

  .logo-osc-menu {
    width: 300px;
    height: auto;
  }
  
    .tabs-bex {
        flex-direction: column;
    }    

    .tabs-bex-img {
        width: 100%;
    }

    .tabs-bex-content {
        width: 100%; 
    }


}

.cp-resume, .cp-intro, .cp-section1, .cp-section2, .cp-section3, .cp-section4 {
    margin-bottom: 50px;
    font-size: 16px;
}

.cp-resume {
    margin-top: 80px;
}

.cp-section1 h2, 
.cp-section2 h2, 
.cp-section3 h2, 
.cp-section4 h2 {
    color: #5165f5;
}

.cp-section1 h3, 
.cp-section2 h3, 
.cp-section3 h3, 
.cp-section4 h3 {
    font-weight: bold;
    font-size: 20px !important;
    margin-top: 30px;
}

.partenaire-card:hover {
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px !important;
}

.badge-osc {
    color: white;
    background: #5165f5;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    border-radius: 5px;
}

#nf-field-335, #nf-field-336, #nf-field-337, #nf-field-338 {
    width: 100% !important;
}
 
#nf-field-339 {
    background: #5165f5;
    color: white;
    padding-left: 10px;
    padding-right: 10px;
}

#popmake-71312 {
    padding: 0 !important;
}

/* Formulaire IDC */

#nf-field-390, #nf-field-391, #nf-field-392, #nf-field-393, #nf-field-394, #nf-field-395, #nf-field-396, #nf-field-397, #nf-field-398, #nf-field-403 {
    width: 100% !important;
    border-radius: 7px !important;
}

#nf-label-field-390, #nf-label-field-391, #nf-label-field-392, #nf-label-field-393, #nf-label-field-395, #nf-label-field-396, #nf-label-field-397, #nf-label-field-398, #nf-label-field-403 {
    font-weight: bold !important;
    margin-top: 20px !important;
}

#nf-field-394, #nf-field-399, #nf-field-404 {
  background: #5165F5 !important;
  color: #fff !important;
  padding: 10px 20px !important;
  border-radius: 9999px !important;
  margin-top: 15px !important;
  width: 100% !important;
  text-align: center !important;
}

#nf-field-394:hover, #nf-field-394:hover, #nf-field-404:hover {
  background: #19233e !important;
}

:focus {
  outline: none !important;
}