
<center><h2><strong>Ubuntu</strong></h2>
­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­
<!DOCTYPE html>
<html>
/*
Theme Name: Polo Child
Theme URI: http://crumina.net/polo/
Author: Crumina Team
Author URI: http://crumina.net/
Description: Powerful multipurpose theme
Version: 2.1
Template:polo
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: polo
Tags: white, blue, light, one-column, two-columns, right-sidebar, custom-header, custom-menu, editor-style, featured-images, microformats, post-formats, sticky-post, translation-ready
*/

/*****************************************************************
Add Custom styles below
******************************************************************/

body {
  font-family: 'comfortaaregular', "open sans", Arial, sans-serif;
  color: #245ba5;
}

body > .wrapper > .content {
  padding-top: 0 !important;
}

.content {
  padding: 80px 0 0 0;
}

a {
  color: #FC6404;
}

/* Menu */

#header-wrap .container {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  justify-content: space-between;
}

#menu-main > li:first-child {
  display: none;
}

#menu-main {
  display: -webkit-flex !important;
  display: -ms-flex !important;
  display: flex !important;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

#menu-main li a {
  color: #245ba5;
  font-size: 14px;
  font-family: 'comfortaalight', "open sans", Arial, sans-serif;
}

#menu-main li:last-child a {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  border: 1px solid transparent;
  border-radius: 39px;
  box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.24);
  background-image: linear-gradient(254deg, #4a94d1, #245ba5);
  padding: 20px 50px;
  margin: auto;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 1px;
  color: white;
  height: auto;
  width: 100%;
  line-height: normal;
  margin: auto;
}

.btn-airmob-menu {
  height: 100%;
  display: -webkit-flex !important;
  display: -ms-flex !important;
  display: flex !important;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: 20px;
}

.btn-airmob-menu a {
  color: white !important;
}

#menu-main li:last-child a:hover  {
  border: 1px solid #245ba5 !important;
  border-radius: 25px;
  color: #245ba5 !important;
  background: white !important;
}

.header-sticky #menu-main li:last-child a {
  line-height: normal !important;
  padding: 10px 30px;
}

.header-sticky #menu-main li:last-child {
  height: 80% !important;
}

#logo, .logo-img-wrap, .logo {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  align-items: center;
  margin-left: 0;
}

.logo img {
  margin: auto;
}

nav .main-menu .dropdown-menu {
  border: 1px solid transparent !important;
  top: 100px !important;
  box-shadow: none !important;
  background-color: transparent;
}

nav .main-menu .dropdown-menu li {
  margin-top: 10px;
}

#mainMenu ul li.mega-menu-item .mega-menu-title, #mainMenu ul li.dropdown:not(.mega-menu-item) li {
  border-bottom: 0px;
}

/* Home header */

#le-header {
  background-image: url("../../../wp-content/uploads/2019/03/vu-iphone.png");
  background-repeat: no-repeat;
  background-position: right top;
  background-size: 40%;
  padding-right: 200px;
  padding-left: 200px;
  z-index: 0;
  min-height: auto !important;
}

.le-header-txt-img .wpb_image_grid_ul {
  display: flex;
  flex-direction: row;
  justify-content: center;
}

.le-header-txt, .le-header-image {
  margin-top: 5vw;
}

.le-header-txt-img .wpb_image_grid_ul li {
  width: 50%;
}

.le-header-image {
  z-index: 1;
  margin-top: 10%;
}

.le-header-image .vc_single_image-img {
  z-index: 1;
  width: 90%;
}

.le-header-image .vc_single_image-wrapper {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  align-items: center;
  justify-content: center;
}

.le-header-video .wpvl_auto_thumb_box {
  width: 70%;
  height: auto;
  padding: 20px;
  /*background-image: url("/wp-content/uploads/2019/05/group-6.jpg");
  background-repeat: no-repeat;
  background-size: contain;*/
}

.le-header-video .wpvl_auto_thumb_box img {
  width: 100%;
  height: auto;
  border-radius: 10px;
  box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.24);
}

.le-header-video .wpvl_auto_thumb_box .wpvl_auto_thumb_play {
  left: 43%;
  top: 43%;
}

/* Home avantages */

#avantages {
  margin-top: 50px;
}

.avantages-content {
  margin-top: 100px;
  margin-bottom: 100px;
}

.avantages-content-text {
  border-radius: 25px;
  color: #245ba5;
  background: white;
  box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.24);
  padding: 35px 45px;
  min-height: 140px;
  display: flex;
  flex-direction: column;
  align-content: center;
  justify-content: center;
}

.avantages-content-text p {
  padding-left: 20px;
}

.avantages-titre {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  align-items: center;
  font-family: 'comfortaabold', "open sans", Arial, sans-serif;
  color: #FC6404;
  font-size: 18px;
}

.avantages-titre img {
  margin-right: 20px;
}

.avantages-content-text-1::before, .avantages-content-text-2::before, .avantages-content-text-3::before {
  position: absolute;
  font-size: 144px;
  top: 0;
  left: 20px;
  font-family: 'multicoloreregular', "open sans", Arial, sans-serif;
  color: #f76b1c;
  opacity: 0.08;
  line-height: 96px;
}

.avantages-content-text-1::before {
  content: "1";
}

.avantages-content-text-2::before {
  content: "2";
}

.avantages-content-text-3::before {
  content: "3";
}

/* Home présentation */

#presentation {
  margin-bottom: 200px;
}

/* Home contact */

#contact {
  margin-bottom: 200px;
}

.text-underlined {
  text-decoration: underline;
}

.contact-infos {
  border-radius: 18px;
  box-shadow: 0 10px 15px 0 rgba(0, 0, 0, 0.18);
  background-color: #ffffff;
  padding: 50px;
}

.contact-form {
  margin-top: 50px;
}


/* Home confiance */

#confiance {
  padding: 100px 0;
}

/*  Blog */

#blog {
  margin-top: 100px;
}

.post-item {
  transition-property: margin-top, box-shadow;
  transition-duration: 300ms;
}

.post-content .post-item:hover {
  box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.24) !important;
  margin-top: -4px;
}

.post-content img, .post-image img {
  width: 100%;
}

/* Buttons */

.btn-airmob, .btn-airmob:hover, .btn-airmob-reverse, .btn-airmob-reverse:hover {
  min-width: 160px;
}

.btn-airmob {
  border: 1px solid transparent;
  border-radius: 39px;
  box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.24);
  background-image: linear-gradient(254deg, #4a94d1, #245ba5);
  padding: 10px 30px;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 1px;
  color: white;
}

.btn-airmob:hover, .btn-airmob:active {
  border: 1px solid #245ba5;
  border-radius: 25px;
  color: #245ba5;
  background: white;
}

/* Form */

#wpcf7-f65-p10-o1  {
  border-radius: 17px;
  box-shadow: 0 11px 22px 0 rgba(0, 0, 0, 0.18);
  background-color: #ffffff;
  padding: 70px 20px 70px 20px;
  margin-bottom: -200px;
  overflow: visible;
  position: relative;
  top: 80px;
}

#wpcf7-f73-p10-o2 {
  margin-top: 100px;
}

.wpcf7-form label {
  color: #FC6404;
  margin-bottom: 10px;
}

.wpcf7-list-item  {
  margin: 10px 20px 10px 20px !important;
  padding-left: 30px;
  padding-right: 30px;
}

.form-concent {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
}

.wpcf7-list-item-label, .wpcf7-list-item {
  font-size: 10px;
  color: black;
}

#contact-form input, .contact-form-footer input {
  border: 0 !important;
  border-bottom: 1px solid #3023ae !important;
  width: 100%;
}

.contact-form-footer label {
  width: 100%;
}

.form-concent .btn-airmob, .form-concent-text {
  margin-top: 20px;
}

.wpcf7-list-item-label a {
  color: #FC6404 !important;
}

/* en savoir + */

.offres-vignette {
  background-color: white;
  padding: 20px;
  margin-bottom: 30px;
  border-radius: 17px;
  box-shadow: 0 11px 22px 0 rgba(0, 0, 0, 0.18);
}

#essai-content .offres-vignette div div div {
	margin: 15px;
}

#nos-offres .offres-vignette:nth-child(3) {
  border: 2px solid #4f0095;
}

.offres-vignette p {
  color: #4a4a4a;
}

.offres-vignette .offres-vignette-prix .wpb_wrapper {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

/* Footer */

#footer {
  background-color: #2f2f2f;
}

/* CTA area */

.cta-area .wpb_content_element, .offres-btn-area .wpb_wrapper p {
  display: flex;
}

.cta-area .wpb_wrapper, .offres-btn-area .wpb_wrapper p a {
  margin: auto;
}

/* Mobile menu */

#mobmenuright li a, #mobmenuright li a:visited, #mobmenuright .mobmenu_content h2, #mobmenuright .mobmenu_content h3 {
  font-family: 'multicoloreregular', "open sans", Arial, sans-serif;
  text-align: center;
}

.mobile-menu-cat, .mobile-menu-cat-title {
  text-align: center;
  width: 90%;
}

.mobile-menu-cat-title a {
  color: #245ba5 !important;
  font-size: 72px !important;
  margin: 0 auto 20px auto;
}

.mobile-menu-cat {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: wrap;
  border-top: 1px solid #245ba5;
  padding: 50px 20px 0 20px !important;
  margin: 50px auto;
}

.mobile-menu-cat > a:first-child {
  padding: 0;
  margin: auto;
  margin-bottom: 40px;
}

.mob-expand-submenu {
  text-align: center;
  width: 100%;
  height: 80px;
  display: flex;
  flex-direction: column;
}

.sub-menu, .show-sub-menu {
  padding: 20px 0 !important;
}

.sub-menu .menu-item {
  padding: 20px 0 !important;
}

.mobmenu .sub-menu li a {
  padding: 0 !important;
}

/* Titles */

h1, h2, h3 {
  color: #245ba5;
  font-family: 'multicoloreregular', "open sans", Arial, sans-serif;
}

/* Media Queries */

@media screen and (max-width: 600px) {
  #fonctionnalites .wpb_wrapper .vc_row {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

@media screen and (max-width: 780px) {
  #le-header {
    background: none;
    padding-right: 0;
    padding-left: 0;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    flex-direction: column-reverse;
  }
  #le-header > .vc_column_container {
    margin-top: 40px;
  }
  #le-header h1, #le-header > div:nth-child(1) > div:nth-child(1) > div:nth-child(1) > div:nth-child(2) > div:nth-child(1) > p:nth-child(1), .le-header-txt .wpb_text_column p {
    text-align: center;
  }
  .le-header-video video {
    width: 100%;
  }
  .le-header-image {
    margin: auto;
  }
  h2::after, h1::after, .fonc-title::before {
    margin: auto;
  }
  #temoignages {
    margin-top: 400px;
  }
  h1 {
    word-wrap: break-word;
  }
  #contact .wpb_column .vc_column-inner .wpb_wrapper .vc_row {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    flex-direction: column-reverse;
  }
  .contact-infos p, .contact-form-footer label, .contact-form-footer input, .contact-form .btn-airmob {
    text-align: center;
  }
  .contact-form .btn-airmob {
    margin: auto;
  }
  #presentation h3, #presentation p {
     text-align: center;
  }
}

@media screen and (min-width: 780px) and (max-width: 1080px) {
  #le-header {
    padding-right: 5%;
    padding-left: 5%;
  }
  .le-header-image {
    margin: auto;
  }
}

/* Fonts */

@font-face {
    font-family: 'comfortaabold';
    src: url('fonts/comfortaa-bold-webfont.woff2') format('woff2'),
         url('fonts/comfortaa-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'comfortaalight';
    src: url('fonts/comfortaa-light-webfont.woff2') format('woff2'),
         url('fonts/comfortaa-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'comfortaaregular';
    src: url('fonts/comfortaa-regular-webfont.woff2') format('woff2'),
         url('fonts/comfortaa-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'multicoloreregular';
    src: url('fonts/multicolore-webfont.woff2') format('woff2'),
         url('fonts/multicolore-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}