/*
Theme Name: Divi Child
Theme URI: 
Version: 
Description: Smart. Flexible. Beautiful. Divi is the most powerful theme in our collection.
Author: 
Author URI: 
Template: Divi
Tags: responsive-layout, one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, custom-background, custom-colors, featured-images, full-width-template, post-formats, rtl-language-support, theme-options, threaded-comments, translation-ready
License: GNU General Public License v2
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

:root {
  --font-family: "Archivo Narrow", Helvetica, Arial, Lucida, sans-serif;
  /* --icomoon : 'pushme'; */

  --color1: #8e1cc6;
  --color2: #341358;
  --color3: #4da6ff;
  --alt1: #ff2d12;

  --text: #707070;

  --background-light: #f2f2f2;
  --background: #140233;
}

html {
  background-color: var(--background);
}

body {
  color: var(--text);
}

span.color1 {
  color: var(--color1);
}
span.alt1 {
  color: var(--alt1);
}

h2 {
  font-weight: bold;
  font-size: 52px;
}
/*h3 {
  font-weight: bold;
  font-size: 46px;
}*/

#menu-onepage li {
  font-size: 26px;
  font-weight: bold;
}

#section_hero .col1 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  align-content: center;
  border: 0px solid pink;
}

#section_hero .col2 {
  display: flex;
  flex-direction: column;
  align-items: center;
  /* justify-content:flex-end; */
  align-content: center;
  border: 0px solid yellow;
}

/* Colonne centrale */
#section_a_propos .col2 {
  display: flex;
  flex-direction: column;
  align-items: center;
  /*justify-content: center;*/
  align-content: center;
  border: 0px solid yellow;
}

#section_a_propos .col2 h2 {
  border: 0px solid yellow;
  text-align: center;
  max-width: 50%;
  margin-left: auto;
  margin-right: auto;
  font-weight: bold;
  font-size: 2vw;
}

#section_a_propos .bloc1,
#section_a_propos .bloc3 {
  margin-left: 30px;
}
#section_a_propos .bloc2 {
  padding-right: 50px;
}
#section_a_propos .bloc4,
#section_a_propos .bloc6 {
  margin-right: 30px;
  text-align: right;
}
#section_a_propos .bloc5 {
  padding-left: 50px;
  text-align: right;
}

#section_la_solution .col1 h2 {
  border: 0px solid orange;
  margin-left: auto;
  margin-right: auto;
  font-weight: bold;
  font-size: 36px;
}

#section_contact .col1 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  align-content: center;
  border: 0px solid pink;
}

#section_contact_form #telephone {
  font-size: 40px;
  font-weight: bold;
}

input[type="text"],
input[type="email"] {
  width: 100%;
  background-color: var(--color2);
  color: #fff;
  border-radius: 15px;
  border: 0px solid transparent;
  padding: 30px;
  font-weight: bold;
  font-size: 18px;
}
input[type="text"]::placeholder,
input[type="email"]::placeholder {
  color: #fff;
}

input[type="text"]:focus,
input[type="email"]:focus {
  color: #fff;
}

textarea {
  width: 100%;
  background-color: var(--color2);
  color: #fff;
  border-radius: 15px;
  border: 0px solid transparent;
  padding: 40px;
  font-weight: bold;
  font-size: 18px;
}
textarea:focus {
  color: #fff;
}

textarea::placeholder {
  color: #fff;
}

.wpcf7-form {
  text-align: center;
}

.wpcf7-submit {
  color: #fff !important;
  border-width: 0px !important;
  border-radius: 50px;
  letter-spacing: 0px;
  font-size: 22px;
  font-weight: 700 !important;
  background-color: var(--color2);
  padding-top: 20px !important;
  padding-right: 50px !important;
  padding-bottom: 20px !important;
  padding-left: 50px !important;
}

.swiper {
  width: 100%;
  height: 100%;
  border: 0px solid red;
  color: var(--text);
}

.swiper a {
  color: var(--text);
}

.swiperEtudes .swiper-wrapper {
  border: 0px solid green;
  min-height: 520px !important;
  position: relative;
}

.swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  border: 0px solid red;
  height: 100% !important;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: column;
  border: 0px solid green;
}

.swiper-slide-metas {
  border: 0px solid pink;
}

.swiper-slide .image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border: 0px solid pink;
  border-radius: 10px;
}

.swiperSolutions .image {
  margin-bottom: 10px;
  border-radius: 10px;
  /* background-color:var(--alt1); */
  border: 0px solid black;
}

.swiperEtudes .image {
  margin-bottom: 10px;
  border-radius: 10px;
  background-color: var(--background-light);
}

.swiperSolutions .title,
.swiperEtudes .title {
  margin-bottom: 10px;
  font-size: 18px;
  font-weight: bold;
  text-align: left;
}

.swiperSolutions .excerpt,
.swiperEtudes .excerpt p {
  margin-bottom: 10px;
  font-size: 14px;
  text-align: justify;
  line-height: 16px;
}

.swiperEtudes .excerpt {
  min-height: 220px;
}

.swiperSolutions .view {
  margin-bottom: 10px;
  font-size: 14px;
  color: var(--color2);
  text-align: left;
}

.swiperEtudes .view {
  margin-bottom: 10px;
  font-size: 14px;
  color: #ff1701;
  text-align: left;
}

.etude_intro {
  font-size: 18px;
}

.swiperSolutions .pdf,
.swiperEtudes .pdf {
  font-size: 12px;
  color: #fff;
  background-color: #ff1701;
  height: 50px;
  border-radius: 10px;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  border: 0px solid red;
}

.swiperSolutions .pdf a,
.swiperEtudes .pdf a {
  color: #fff;
}

.swiper-pagination {
  position: relative;
  margin-top: 20px;
}

.swiper-pagination-bullet-active {
  background: var(--color2);
}

.contactez-nous,
.horaires {
  font-size: 18px;
}

.youcheckinn-btn {
  font-size: 0.9em;
  border-radius: 6px;
  border: 1px solid #333;
  padding: 6px 10px;
}

.youcheckinn-btn:hover {
  color: #000;
  border: 1px solid #000;
}

.youcheckinn-btn img {
  width: 28px;
  display: inline-block;
  vertical-align: middle;
  margin-left: 10px;
}

@media (min-width: 981px) {
}

@media only screen and (max-width: 980px) {
}

@media only screen and (max-width: 1024px) {
}

@media only screen and (max-width: 414px) {
}

@media only screen and (max-width: 414px) {
}

@media only screen and (max-width: 414px) {
}

@media (min-width: 981px) {
}

@media (max-width: 980px) {
}

@media (max-width: 768px) {
}

@media (min-width: 981px) {
}

@media all and (max-width: 980px) {
}

@media all and (max-width: 480px) {
}

@media only screen and (min-width: 1100px) {
}