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

Author: Agence I Communication

Stylesheet: Style (en CSS pur)

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



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



Stylesheet: Style (en CSS pur)

******************************************************************/
@charset "UTF-8";
/*! Realisation : AgenceI, AC. Based on Bones (http://themble.com/bones/). */
/******************************************************************
Site Name:
Author:Agence I Communication

Stylesheet: Main Stylesheet

Here's where the magic happens. Here, you'll see we are calling in
the separate media queries. The base mobile goes outside any query
and is called at the beginning, after that we call the rest
of the styles inside media queries.

Helpful articles on Sass file organization:
http://thesassway.com/advanced/modular-css-naming-conventions

******************************************************************/
/*********************
IMPORTING PARTIALS
These files are needed at the beginning so that we establish all
our mixins, functions, and variables that we'll be using across
the whole project.
*********************/
/******************************************************************


Author : Agence I Communication

Stylesheet: Typography

******************************************************************/
/*
some nice typographical defaults
more here: http://www.newnet-soft.com/blog/csstypography
*/
.chapo {
  font-size: 1.4em; }

.icon-, .A-ico {
  font-family: "agencei";
  text-transform: inherit; }

p {
  -ms-word-wrap: break-word;
  word-break: break-word;
  word-wrap: break-word;
  -webkit-hyphens: none;
  -moz-hyphens: none;
  hyphens: none;
  -webkit-hyphenate-before: 2;
  -webkit-hyphenate-after: 3;
  hyphenate-lines: 3;
  -webkit-font-feature-settings: "liga", "dlig";
  -moz-font-feature-settings: "liga=1, dlig=1";
  -ms-font-feature-settings: "liga", "dlig";
  -o-font-feature-settings: "liga", "dlig";
  font-feature-settings: "liga", "dlig"; }

/******************************************************************
Site Name:
Author: Agence I Communication

Stylesheet: Variables

Here is where we declare all our variables like colors, fonts,
base values, and defaults. We want to make sure this file ONLY
contains variables that way our files don't get all messy.
No one likes a mess.

******************************************************************/
/*********************
COLORS
Need help w/ choosing your colors? Try this site out:
http://0to255.com/
*********************/
/*
Here's a great tutorial on how to
use color variables properly:
http://sachagreif.com/sass-color-variables/
*/
/******************************************************************

Author: Agence I Communication

Stylesheet: Header

******************************************************************/
header #site-navigation-wrap ul li a {
  transition: 0.3s all cubic-bezier(0, 0, 0, 0.98);
  letter-spacing: 1px; }

header #site-navigation-wrap ul li a:hover {
  transition: 0.3s all cubic-bezier(0, 0, 0, 0.98);
  font-weight: 700; }

header #site-navigation-wrap .sub-menu {
  border: 3px solid #000 !important;
  padding: 20px; }
  header #site-navigation-wrap .sub-menu li {
    border: none; }
    header #site-navigation-wrap .sub-menu li a {
      transition: 0.3s all cubic-bezier(0, 0, 0, 0.98);
      text-transform: uppercase; }
    header #site-navigation-wrap .sub-menu li a:hover {
      transition: 0.3s all cubic-bezier(0, 0, 0, 0.98);
      font-weight: 700; }

/*
Style de l'effet du Header
*/
/******************************************************************

Author: Agence I Communication

Stylesheet: Blog, Archive

******************************************************************/
/*
Style de l'effet du Blog, Archive
*/
/******************************************************************

Author: Agence I Communication

Stylesheet: Single post

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

Author: Agence I Communication

Stylesheet: Footer

******************************************************************/
#footer .footer-widgets-inner {
  display: flex;
  align-items: center;
  width: 90%;
  border-top: 2px solid #faf0e3;
  padding: 60px 0 30px; }
  #footer .footer-widgets-inner .col-2 {
    text-align: center; }
  #footer .footer-widgets-inner .col-3 {
    text-align: right; }
    #footer .footer-widgets-inner .col-3 .txt_contact {
      display: flex;
      flex-direction: column; }
    #footer .footer-widgets-inner .col-3 #ocean_social-4 .fa-linkedin:before {
      font-family: "agencei";
      content: "q"; }
    #footer .footer-widgets-inner .col-3 #ocean_social-4 .fa-facebook:before {
      font-family: "agencei";
      content: "f"; }

#footer-bottom {
  border-top: 2px solid #000; }
  #footer-bottom #footer-bottom-inner #copyright {
    font-weight: 500;
    display: flex;
    justify-content: center;
    align-items: center; }
    #footer-bottom #footer-bottom-inner #copyright a {
      display: flex;
      align-items: center; }
      #footer-bottom #footer-bottom-inner #copyright a .icon- {
        font-size: 2.5em;
        padding: 0 10px; }

/*
Style de l'effet du Footer
*/
/******************************************************************

Author: Agence I Communication

Stylesheet: Home

******************************************************************/
/*** hover icon cross **/
.home .elementor-widget-icon .elementor-icon i.icon-picto-arrow, .home .elementor-widget-icon .elementor-icon i.A-Icopicto-arrow {
  transition: 0.3s all ease-in-out;
  transform: translateX(0px); }

.home .elementor-widget-icon :hover .elementor-icon i.icon-picto-arrow, .home .elementor-widget-icon :hover .elementor-icon i.A-Icopicto-arrow {
  transition: 0.3s all ease-in-out;
  transform: translateX(15px); }

.home .elementor-widget-reviews .elementor-testimonial__header,
.home .elementor-widget-reviews .elementor-testimonial__name,
.home .elementor-widget-reviews .elementor-testimonial__text {
  text-align: center; }

.home .elementor-widget-reviews .elementor-testimonial__image {
  margin: auto; }

.home .elementor-widget-reviews .eicon-chevron-left:before, .home .elementor-widget-reviews .eicon-chevron-right:before {
  font-family: "agencei";
  font-weight: 700; }

.home .elementor-widget-reviews .elementor-swiper-button i {
  font-style: normal; }

.home .elementor-widget-reviews .elementor-swiper-button-next {
  right: -8% !important; }
  .home .elementor-widget-reviews .elementor-swiper-button-next .eicon-chevron-right:before {
    content: 'F'; }

.home .elementor-widget-reviews .elementor-swiper-button-prev {
  left: -8% !important; }
  .home .elementor-widget-reviews .elementor-swiper-button-prev .eicon-chevron-left:before {
    content: 'D'; }

.home .elementor-widget-reviews .swiper-slide:hover .elementor-testimonial__header,
.home .elementor-widget-reviews .swiper-slide:hover .elementor-testimonial__name,
.home .elementor-widget-reviews .swiper-slide:hover .elementor-testimonial__text,
.home .elementor-widget-reviews .swiper-slide:hover .elementor-testimonial__icon {
  color: #000 !important; }

.home .elementor-widget-reviews .swiper-slide-next .elementor-testimonial__icon {
  color: #000 !important; }

.home .elementor-image-carousel-wrapper .eicon-chevron-left:before, .home .elementor-image-carousel-wrapper .eicon-chevron-right:before {
  font-family: "agencei";
  font-weight: 700; }

.home .elementor-image-carousel-wrapper .elementor-swiper-button i {
  font-style: normal; }

.home .elementor-image-carousel-wrapper .elementor-swiper-button-next {
  right: 110% !important;
  top: 100%; }
  .home .elementor-image-carousel-wrapper .elementor-swiper-button-next .eicon-chevron-right:before {
    content: 'R'; }

.home .elementor-image-carousel-wrapper .elementor-swiper-button-prev {
  left: -15% !important;
  top: 100%; }
  .home .elementor-image-carousel-wrapper .elementor-swiper-button-prev .eicon-chevron-left:before {
    content: 'L'; }

.home .swiper-button-next, .home .swiper-button-prev {
  transition: 0.3s all ease-in;
  top: 100% !important;
  transform: scale(1) !important;
  background-size: auto !important; }

.home .swiper-button-next {
  right: 105% !important;
  background-image: url("https://agenceidev.fr/tci/wp-content/uploads/2021/12/arrow-right.png") !important; }
  .home .swiper-button-next svg {
    display: none; }

.home .swiper-button-prev {
  left: -18% !important;
  background-image: url("https://agenceidev.fr/tci/wp-content/uploads/2021/12/arrow-left.png") !important; }
  .home .swiper-button-prev svg {
    display: none; }

.home .swiper-button-prev:hover {
  transition: 0.3s all ease-in;
  transform: translateX(-15px) !important; }

.home .swiper-button-next:hover {
  transition: 0.3s all ease-in;
  transform: translateX(15px) !important; }

.home .industrie .swiper-button-next {
  right: -18% !important; }

.home .industrie .swiper-button-prev {
  left: 105% !important; }

.elementor-post__read-more {
  transition: 0.3s all ease-in; }

.elementor-post__read-more:hover {
  transition: 0.3s all ease-in;
  transform: translateX(15px); }

/*
Style de l'effet du Home
*/
input[type="checkbox"] {
  border: 1px solid #000 !important;
  border-radius: 50px; }

input[type=checkbox]:checked:before {
  width: 14px !important;
  line-height: 15px !important;
  content: "" !important;
  color: #000 !important; }

.contactform .wpcf7-form {
  display: block !important; }

.wpcf7-form {
  display: flex;
  flex-wrap: wrap; }
  .wpcf7-form .contact-part1 {
    font-weight: 800;
    margin-bottom: 30px; }
  .wpcf7-form .contact-part1, .wpcf7-form .contact-part2 {
    flex-wrap: wrap;
    flex-basis: 100%;
    display: flex; }
    .wpcf7-form .contact-part1 .wpcf7-form-control-wrap, .wpcf7-form .contact-part2 .wpcf7-form-control-wrap {
      flex-basis: 33%;
      padding: 10px 20px;
      margin: 10px 0; }
      .wpcf7-form .contact-part1 .wpcf7-form-control-wrap .wpcf7-form-control, .wpcf7-form .contact-part2 .wpcf7-form-control-wrap .wpcf7-form-control {
        border: 0;
        border-bottom: solid 1px #000;
        border-radius: 0; }
  .wpcf7-form .contact-part3 {
    margin-top: 30px;
    flex-wrap: wrap;
    display: flex;
    flex-basis: 100%;
    justify-content: center; }
    .wpcf7-form .contact-part3 .acceptance {
      flex-basis: 100%; }
      .wpcf7-form .contact-part3 .acceptance input[type="checkbox"] {
        border: 1px solid #000 !important;
        width: 18px;
        height: 21px; }
      .wpcf7-form .contact-part3 .acceptance input[type=checkbox]:checked:before {
        width: 0px !important;
        line-height: 20px !important;
        content: "a" !important;
        font-family: "agencei" !important;
        color: #000 !important; }
    .wpcf7-form .contact-part3 .wpcf7-submit, .wpcf7-form .contact-part3 input[type="submit"] {
      background: #ac87c1 !important;
      color: #fff !important;
      border: solid 1px #ac87c1 !important;
      margin-top: 20px;
      letter-spacing: 3px;
      transition: 0.3s all ease-in; }
    .wpcf7-form .contact-part3 .wpcf7-submit:hover, .wpcf7-form .contact-part3 input[type="submit"]:hover {
      transition: 0.3s all ease-in;
      background: #fff;
      color: #ac87c1; }
    .wpcf7-form .contact-part3 .ajax-loader {
      position: absolute; }
  .wpcf7-form .contact_message {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    flex-basis: 100%; }
    .wpcf7-form .contact_message div:first-child {
      flex-basis: 32.5%;
      padding: 4em 4em 4em 1.5em; }
      .wpcf7-form .contact_message div:first-child .span_message {
        font-size: 1.5em;
        font-family: "Raleway";
        font-weight: 800; }
    .wpcf7-form .contact_message div:last-child {
      flex-basis: 67.5%;
      padding: 1em 2em; }
  .wpcf7-form input {
    border: none !important;
    border-bottom: solid 1px #000 !important;
    border-radius: 0 !important; }
  .wpcf7-form input::placeholder {
    color: #000; }
  .wpcf7-form .wpcf7-acceptance input[type="checkbox"] {
    border: 1px solid #000 !important;
    width: 18px;
    height: 21px; }
  .wpcf7-form .wpcf7-submit {
    background: #ac87c1;
    color: #fff;
    border: solid 1px #ecbb66 !important;
    margin-top: 20px;
    letter-spacing: 3px;
    transition: 0.3s all ease-in; }
  .wpcf7-form .wpcf7-submit:hover {
    transition: 0.3s all ease-in;
    background: #fff;
    color: #ac87c1; }

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

Author: Agence I Communication

Stylesheet: Contact

******************************************************************/
div.wpcf7 input[type="file"] {
  width: 100%; }

div.wpcf7 input#file-upload-button {
  background-color: #ecbb66; }

.wpcf7-acceptance {
  background: none !important; }

/*********************
IMPORTING MODULES
Modules are reusable blocks or elements we use throughout the project.
We can break them up as much as we want or just keep them all in one.
I mean, you can do whatever you want. The world is your oyster. Unless
you hate oysters, then the world is your peanut butter & jelly sandwich.
*********************/
/*********************
BASE (MOBILE) SIZE
This are the mobile styles. It's what people see on their phones. If
you set a great foundation, you won't need to add too many styles in
the other stylesheets. Remember, keep it light: Speed is Important.
*********************/
/*********************
LARGER MOBILE DEVICES
This is for devices like the Galaxy Note or something that's
larger than an iPhone but smaller than a tablet. Let's call them
tweeners.
*********************/
/*********************
TABLET & SMALLER LAPTOPS
This is the average viewing window. So Desktops, Laptops, and
in general anyone not viewing on a mobile device. Here's where
you can add resource intensive styles.
*********************/
/*********************
DESKTOP
This is the average viewing window. So Desktops, Laptops, and
in general anyone not viewing on a mobile device. Here's where
you can add resource intensive styles.
*********************/
/*********************
LARGE VIEWING SIZE
This is for the larger monitors and possibly full screen viewers.
*********************/
/******************************************************************
Site Name:
Author: Agence I Communication

Stylesheet: Super Large Monitor Stylesheet

You can add some advanced styles here if you like. This kicks in
on larger screens.

******************************************************************/
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  body {
    font-size: 21px; } }

@media only screen and (max-width: 1919px) {
  /******************************************************************
Site Name:
Author: Agence I Communication

Stylesheet: Super Large Monitor Stylesheet

You can add some advanced styles here if you like. This kicks in
on larger screens.

******************************************************************/
  .center {
    max-width: 1140px;
    float: none; }
  .center_content {
    max-width: 1140px;
    padding: 0;
    width: 100%;
    overflow: hidden;
    height: auto;
    margin: 0 auto; }
  .front-page {
    max-width: 100%;
    overflow: hidden; }
  .front-page .wrapper_home_1 .pc50 h1 .h1_1 {
    font-size: 0.8em;
    margin-top: 20px;
    line-height: 1; }
  .front-page .wrapper_home_1 .pc50 h1 .h1_2 {
    font-size: 0.4em;
    margin-top: 15px; }
  .front-page .wrapper_home_1 .pc50 .bloc_prez_content p {
    font-size: 0.9em; }
  .front-page .wrapper_home_1 {
    height: 459px; }
  footer .center .footer_part_3 .logo_footer {
    padding-top: 0; }
  footer .center .footer_part_3 .wrapper_reseaux_sociaux_footer {
    padding-top: 0; }
  footer .center .footer_part_3 {
    padding-right: 0; }
  footer .center .footer_part_2 {
    padding-left: 0; }
  footer .center .footer_part_1 .wrapper_adresse_footer {
    padding-left: 0;
    width: 55%; }
  footer .center .footer_part_1 .wrapper_tel_footer {
    padding-left: 0;
    width: 45%; }
  footer .center .footer_part_1 .wrapper_tel_footer .wrapper_tel_footer_txt {
    width: 50%;
    padding-top: 20px; } }

/* and  (min-width: 1367px) */
@media only screen and (max-width: 1600px) {
  /******************************************************************
Site Name:
Author: Agence I Communication

Stylesheet: Super Large Monitor Stylesheet

You can add some advanced styles here if you like. This kicks in
on larger screens.

******************************************************************/
  .center {
    max-width: 1140px; }
  .center_content {
    max-width: 1140px;
    padding: 0;
    width: 100%;
    overflow: hidden;
    height: auto;
    margin: 0 auto; }
  .front-page {
    max-width: 1599px;
    width: 100%;
    overflow: hidden; }
  .front-page .wrapper_home_1 .pc50 h1 .h1_1 {
    margin-top: 0px;
    font-size: 0.8em; }
  .front-page .wrapper_home_1 .wrapper_bloc_prez {
    padding: 0 35px; }
  .front-page .wrapper_home_1 .pc50 .bloc_prez_content p {
    font-size: 0.8em; }
  .front-page .wrapper_home_1 {
    height: 400px; }
  footer .center .footer_part_3 .wrapper_reseaux_sociaux_footer a {
    margin: 0 5px; }
  footer .center .footer_part_3 .logo_footer a {
    margin-top: 9px; }
  footer .center .footer_part_1 .wrapper_adresse_footer .wrapper_adresse_footer_txt {
    width: 70%; }
  .front-page .wrapper_home_1 .pc50 .icon- {
    margin-top: 0%; }
  .wrapper_lightbox .pc25 a:not(.bouton) img {
    max-width: 150%;
    width: 150%; }
  #prehome .logo {
    height: 200px; } }

/* and  (min-width: 1281px) */
@media only screen and (max-width: 1366px) {
  /******************************************************************
Site Name:
Author: Agence I Communication

Stylesheet: Super Large Monitor Stylesheet

You can add some advanced styles here if you like. This kicks in
on larger screens.

******************************************************************/
  .center {
    max-width: 1140px; }
  .center_content {
    max-width: 1140px;
    padding: 0;
    width: 100%;
    overflow: hidden;
    height: auto;
    margin: 0 auto; }
  .front-page {
    max-width: 1366px;
    width: 100%;
    overflow: hidden; }
    .front-page .wrapper_home_2 .main_tittle_presta h2 {
      font-size: 2.5em; }
  .front-page .wrapper_home_1 .pc50 .bloc_prez_content p {
    margin-top: 10px;
    font-size: 0.75em; }
  .front-page .wrapper_home_1 {
    height: 367px; }
    .front-page .wrapper_home_1 .pc50 h1 .h1_1 {
      font-size: 0.85em; }
  .front-page .wrapper_home_4 .wrapper_home_btn .wrapper_home_btn_contact .btn_contact_txt2, .front-page .wrapper_home_4 .wrapper_home_btn .wrapper_home_btn_devis .btn_devis_txt2 {
    font-size: 1.6em; }
  .footer_part_2 {
    width: auto; }
  .wrapper_reseaux_sociaux_footer {
    float: left;
    width: auto; }
  .footer_part_3 {
    width: auto;
    float: right; }
  .footer_part_1 {
    width: 44.3%; }
  footer .center .footer_part_1 .wrapper_adresse_footer .wrapper_adresse_footer_txt p {
    font-size: 0.8em; }
  footer .center .footer_part_1 .wrapper_tel_footer .wrapper_tel_footer_txt p {
    font-size: 0.8em; }
  .wrapper_tel_footer_txt {
    margin-top: 5px; }
  .front-page .wrapper_home_1 .pc50 .icon- {
    margin-top: 0; }
  .wrapper_lightbox .pc25 a:not(.bouton) img {
    max-width: 160%;
    width: 160%; }
  #prehome .logo {
    margin-top: 10px;
    height: 150px; }
  #prehome h1 .h1 {
    font-size: 1.5em; }
  /** retirer troisième colonne section 1 home**/ }

@media only screen and (max-width: 1366px) and (max-width: 1325px) {
  .home .banniere .elementor-col-33:first-child, .home .banniere .elementor-col-33:nth-child(2) {
    width: 50%; }
  .home .banniere .elementor-col-33:last-child {
    display: none; }
  .home .recherche .elementor-col-33:first-child, .home .recherche .elementor-col-33:last-child {
    width: 50%; }
  .home .recherche .elementor-col-33:nth-child(2) {
    display: none; }
  .home .transformez {
    padding: 4% 5% 4% 5% !important; }
  .home .HighTitle .elementor-heading-title {
    font-size: 2em !important; }
  .home .PresentationTurgis .elementor-row {
    flex-wrap: wrap; }
    .home .PresentationTurgis .elementor-row .elementor-col-33:first-child {
      width: 100%;
      margin-bottom: 20px; }
      .home .PresentationTurgis .elementor-row .elementor-col-33:first-child .elementor-widget-wrap {
        text-align-last: center;
        padding: 0; }
      .home .PresentationTurgis .elementor-row .elementor-col-33:first-child .elementor-divider-separator {
        margin-left: auto; }
    .home .PresentationTurgis .elementor-row .elementor-col-33:nth-child(2), .home .PresentationTurgis .elementor-row .elementor-col-33:last-child {
      width: 50%; }
    .home .PresentationTurgis .elementor-row .elementor-col-33:nth-child(2) .elementor-element-populated {
      padding: 0% 15% 0% 5%; }
  .triple_section {
    padding: 2% !important; }
    .triple_section .elementor-widget-wrap {
      padding: 4% !important; } }

@media only screen and (max-width: 1366px) {
  .home .elementor-image-carousel-wrapper .elementor-swiper-button-next {
    right: 105% !important; } }

/* and  (min-width: 1160px) */
@media only screen and (max-width: 1280px) {
  /******************************************************************
Site Name:
Author: Agence I Communication

Stylesheet: Super Large Monitor Stylesheet

You can add some advanced styles here if you like. This kicks in
on larger screens.

******************************************************************/
  .center {
    max-width: 1140px; }
  .center_content {
    max-width: 1140px;
    padding: 0;
    width: 100%;
    overflow: hidden;
    height: auto;
    margin: 0 auto; }
  .front-page {
    max-width: 1279px;
    width: 100%;
    overflow: hidden; }
  #content_wrapper {
    max-width: 1279px;
    width: 100%;
    overflow: hidden; }
  .front-page .wrapper_home_1 .pc50 h1 .h1_1 {
    margin-top: 5px;
    font-size: 0.75em; }
  .front-page .wrapper_home_1 .pc50 h1 .h1_2 {
    line-height: 17px; }
  .front-page .wrapper_home_1 {
    height: 355px; }
  .home_1_image_1 {
    overflow: hidden; }
  .home_1_image_1 img {
    width: 120% !important; }
  .front-page .wrapper_home_2 .main_title_presta h2 {
    font-size: 2.5em;
    padding: 10px 0; }
  .front-page .wrapper_home_3 .center_presta .slides_prestations .slick-next {
    right: 0;
    z-index: 2000; }
  .front-page .wrapper_home_3 .center_presta .slides_prestations .slick-prev {
    left: 0;
    z-index: 2000; }
  .front-page .wrapper_home_4 .wrapper_home_btn .wrapper_home_btn_contact .btn_contact_txt2, .front-page .wrapper_home_4 .wrapper_home_btn .wrapper_home_btn_devis .btn_devis_txt2 {
    font-size: 1.4em; }
  .front-page .wrapper_home_4 .wrapper_home_btn .wrapper_home_btn_contact, .front-page .wrapper_home_4 .wrapper_home_btn .wrapper_home_btn_devis {
    padding: 0 40px; }
  footer .center .footer_part_1 .wrapper_adresse_footer .wrapper_adresse_footer_picto, footer .center .footer_part_1 .wrapper_tel_footer .wrapper_tel_footer_picto, footer .center .footer_part_2 a span {
    font-size: 34px; }
  .front-page .wrapper_home_1 .pc50 .icon- {
    margin-top: -13%;
    font-size: 1.5em; }
  footer .center .footer_part_1 .wrapper_tel_footer .wrapper_tel_footer_txt {
    padding-top: 10px; }
  footer .center .footer_part_2 a p {
    margin-top: 13px; }
  .wrapper_lightbox .pc25 {
    height: 220px; }
  .wpcf7-form .contact_message {
    display: flex;
    flex-wrap: wrap;
    flex-basis: 100%; }
    .wpcf7-form .contact_message div:first-child {
      flex-basis: 100%;
      padding: 1em; }
      .wpcf7-form .contact_message div:first-child .span_message {
        font-size: 1.1em; }
    .wpcf7-form .contact_message div:last-child {
      flex-basis: 100%;
      padding: 0 1em; } }

@media only screen and (max-width: 1280px) and (max-width: 1230px) {
  #site-header-inner {
    padding: 10px 25px 10px 25px !important; }
  #site-navigation-wrap .dropdown-menu > li > a {
    font-size: 0.9em !important; } }

@media only screen and (max-width: 1280px) {
  .home .AnimeTitle .elementor-heading-title {
    font-size: 3.8vw !important; }
  .home .Wrapper1 {
    background-image: none !important; }
  .home .swiper-button-prev {
    left: -22% !important;
    top: 100% !important; }
  .home .industrie .swiper-button-next {
    right: -22% !important;
    top: 100% !important; } }

/* and  (min-width: 800px) */
@media only screen and (max-width: 1159px) {
  /******************************************************************
Site Name:
Author: Agence I Communication

Stylesheet: Super Large Monitor Stylesheet

You can add some advanced styles here if you like. This kicks in
on larger screens.

******************************************************************/
  /**********************************************************************/
  .center {
    max-width: 760px; }
  .center_content {
    max-width: 760px;
    padding: 0;
    width: 100%;
    overflow: hidden;
    height: auto;
    margin: 0 auto; }
  .center_header {
    max-width: 1142px;
    margin: 0 auto;
    width: 100%;
    display: inherit; }
  .front-page {
    max-width: 1159px;
    width: 100%;
    overflow: hidden; }
  .header_logo {
    margin-left: 40px; }
  #content_wrapper {
    max-width: 1159px;
    width: 100%;
    overflow: hidden; }
  .toggle-menu {
    display: block;
    font-size: 40px;
    color: #fff;
    float: right;
    width: 75px;
    height: 110px;
    background: #000;
    cursor: pointer;
    line-height: 110px;
    padding-left: 15px; }
  header #primary-navigation {
    position: absolute;
    top: 0;
    left: 0;
    height: 1000px;
    background: rgba(0, 0, 0, 0.8);
    float: left;
    overflow: hidden;
    width: 350px;
    display: none; }
  header #primary-navigation div ul li {
    width: 52%;
    float: left; }
  header .primary-navigation ul li {
    width: 100%;
    padding: 0;
    border-bottom: 1px solid #fff;
    height: auto; }
  header .primary-navigation ul li a {
    color: #fff;
    padding: 15px; }
  header .primary-navigation ul li .sub-menu {
    /*width: auto;*/
    /*left: 200px;*/
    background: transparent;
    position: static;
    padding-left: 0;
    /*top: 109px;*/ }
  header .primary-navigation ul li .sub-menu li {
    width: 100%;
    background: transparent;
    float: left;
    border-bottom: none; }
  #close_menu {
    display: block;
    cursor: pointer;
    background: #000;
    padding: 30px 10px;
    float: left;
    width: 100%;
    line-height: 100%; }
  #close_menu span {
    font-family: "agencei";
    color: #fff;
    font-size: 2em;
    float: left; }
  #close_menu p {
    float: left;
    text-transform: uppercase;
    width: 65%;
    color: white;
    font-size: 1em;
    margin: 0; }
  #menu-item-11 {
    display: none; }
  header .primary-navigation .menu-item-has-children {
    position: relative; }
  header .primary-navigation .menu-item-has-children:after {
    display: none; }
  header .primary-navigation ul li .sub-menu li {
    padding: 0 !important; }
    header .primary-navigation ul li .sub-menu li:before {
      content: "<";
      font-family: "agencei";
      padding-left: 25px;
      float: left;
      margin-top: 9px;
      font-size: 0.6em;
      color: #fff;
      width: auto; }
    header .primary-navigation ul li .sub-menu li a {
      width: 20%;
      padding: 5px 12px 15px 5px;
      padding-left: 5px; }
  .btn_contact_header_resp {
    display: block;
    width: 75px;
    height: 110px;
    float: right;
    background: #000; }
    .btn_contact_header_resp a {
      font-family: "agencei";
      color: #fff; }
      .btn_contact_header_resp a span {
        font-size: 46px;
        line-height: 111px;
        margin-left: 14px; }
  .wrapper_slider_home {
    display: none; }
  .front-page {
    margin-top: 0; }
  .home_1_image_2 {
    display: none; }
  .home_1_image_1 {
    width: 100%; }
  .front-page .wrapper_home_1 {
    height: auto; }
  .front-page .wrapper_home_1 .wrapper_bloc_prez {
    width: 100%; }
  .wrapper_prez {
    width: 100%; }
  .front-page .wrapper_home_1 .pc50 h1 .h1_1 {
    margin-top: 20px;
    font-size: 1.5em; }
  .front-page .wrapper_home_1 .pc50 h1 .h1_2 {
    line-height: 46px;
    font-size: 0.6em; }
  .front-page .wrapper_home_1 .pc50 .bloc_prez_content p {
    font-size: 0.9em; }
  .front-page .wrapper_home_3 .center_presta {
    width: 630px; }
  .front-page .wrapper_home_3 .center_presta .slides_prestations .slick-slide.slick-center, .front-page .wrapper_home_3 .center_presta .slides_prestations .slick-slide {
    width: 630px !important;
    padding: 0; }
  .camouflage, .camouflage_2 {
    display: none; }
  .wrapper_home_4_img img {
    width: auto; }
  .front-page .wrapper_home_5 .center_content {
    display: flex;
    flex-direction: column;
    max-width: 700px; }
    .front-page .wrapper_home_5 .center_content .pc33 {
      margin-right: 0;
      margin: 30px auto;
      width: 50%; }
  .wrapper_home_btn {
    width: 100%; }
  .front-page .wrapper_home_3 .center_presta .slides_prestations .slick-slide.slick-center .intro_presta {
    padding: 0 90px; }
  .wrapper_home_4_img img {
    width: auto; }
  #inner-footer {
    padding: 70px 0; }
  .footer_part_1 {
    width: 100%; }
  .footer_part_2 {
    width: 50%; }
  .wrapper_signature_agence #wrapper_right_footer {
    font-size: 0.98em; }
  .footer_part_3 {
    width: 100%;
    float: left; }
  footer .center .footer_part_3 .logo_footer {
    width: 50%; }
  .wpcf7 .contact_right {
    width: 45%;
    float: right; }
  .wpcf7 .contact_left {
    width: 45%;
    float: left; }
  .front-page .wrapper_home_1 .pc50 .icon- {
    margin-top: 0; }
  footer .center .footer_part_3 .logo_footer {
    float: left; }
  .wrapper_lightbox .pc25 {
    width: 48%;
    height: 190px; }
  #boucle a.boucle_lien.pc33 {
    width: 100%; }
  .wrapper_home_1 .home_1_image_1 {
    display: none; }
  .bloc_prez_content .bloc_presentation_introduction p {
    width: 100%; }
  .bloc_prez_content .home_1_image_2 {
    display: none; }
  .wrapper_home_6 {
    display: none; }
  #prehome .logo {
    height: 100px; }
  #prehome h1 {
    font-size: 1.5em; }
  #prehome .date p {
    font-size: 1em; }
  #prehome form select {
    font-size: 1em;
    height: 50px; }
  #prehome form input[type="submit"] {
    height: 50px;
    font-size: 1.5em; }
  #prehome .footer_prehome p {
    font-size: 0.8em;
    padding: 5px; }
  /*** MOBILE MENU ***/ }

@media only screen and (max-width: 1159px) and (max-width: 1024px) {
  .home .elementor-widget-reviews .elementor-testimonial__name {
    bottom: 33%; }
  .home .elementor-widget-reviews .elementor-main-swiper .elementor-swiper-button-prev {
    left: 0% !important; }
  .home .elementor-widget-reviews .elementor-main-swiper .elementor-swiper-button-next {
    right: 0% !important; }
  #footer .footer-widgets-inner {
    flex-wrap: wrap; }
    #footer .footer-widgets-inner .col-1 {
      width: 50%; }
    #footer .footer-widgets-inner .col-2 {
      width: 50%;
      margin-top: 30px; }
    #footer .footer-widgets-inner .col-3 {
      width: 100%;
      text-align: left; }
      #footer .footer-widgets-inner .col-3 .txt_contact {
        flex-direction: row;
        flex-wrap: wrap; }
        #footer .footer-widgets-inner .col-3 .txt_contact a {
          margin-right: 10px; }
  .oceanwp-mobile-menu-icon {
    display: flex !important;
    margin: 10px 20px 0 0; }
    .oceanwp-mobile-menu-icon #mobile-menu-widget-area {
      display: flex;
      align-items: center;
      width: inherit !important; }
      .oceanwp-mobile-menu-icon #mobile-menu-widget-area .widget_text {
        list-style-type: none;
        text-align: center; }
      .oceanwp-mobile-menu-icon #mobile-menu-widget-area .widget_text:first-child {
        display: flex;
        align-items: center;
        justify-content: center;
        border: 1px solid #000;
        height: 50px;
        width: 50px;
        margin: 0 -1px; }
        .oceanwp-mobile-menu-icon #mobile-menu-widget-area .widget_text:first-child p {
          margin-bottom: 0; }
          .oceanwp-mobile-menu-icon #mobile-menu-widget-area .widget_text:first-child p a {
            color: #000;
            font-size: 2em;
            vertical-align: middle; }
      .oceanwp-mobile-menu-icon #mobile-menu-widget-area .widget_text:last-child {
        display: flex;
        align-items: center;
        justify-content: center;
        border: 0px solid #000;
        height: 50px;
        width: 50px; }
        .oceanwp-mobile-menu-icon #mobile-menu-widget-area .widget_text:last-child p {
          margin-bottom: 0; }
          .oceanwp-mobile-menu-icon #mobile-menu-widget-area .widget_text:last-child p a {
            color: #000;
            font-size: 2em;
            vertical-align: middle; }
    .oceanwp-mobile-menu-icon .mobile-menu {
      display: flex;
      align-items: center;
      justify-content: center;
      height: 50px;
      width: 50px;
      color: #000 !important;
      font-size: 2em;
      padding-left: 0; }
      .oceanwp-mobile-menu-icon .mobile-menu .icon-, .oceanwp-mobile-menu-icon .mobile-menu i {
        font-family: "agencei" !important;
        font-weight: 400;
        text-transform: initial; }
      .oceanwp-mobile-menu-icon .mobile-menu .icon-:before, .oceanwp-mobile-menu-icon .mobile-menu i::before {
        content: "p" !important; }
  .oceanwp-mobile-menu-icon a {
    line-height: 20px !important; }
  .home .elementor-widget-reviews .elementor-testimonial__name {
    bottom: 33%; }
  .elementor-widget-reviews .elementor-main-swiper .elementor-swiper-button-prev {
    left: 0% !important; }
  .elementor-widget-reviews .elementor-main-swiper .elementor-swiper-button-next {
    right: 0% !important; }
  .home .elementor-image-carousel-wrapper .elementor-swiper-button {
    top: 110%; }
  .home .elementor-image-carousel-wrapper .elementor-swiper-button-next {
    right: 40% !important; }
  .home .elementor-image-carousel-wrapper .elementor-swiper-button-prev {
    left: 40% !important; }
  .home .swiper-button-next, .home .industrie .swiper-button-next {
    right: 40% !important;
    top: 110% !important; }
  .home .swiper-button-prev, .home .industrie .swiper-button-prev {
    left: 40% !important;
    top: 110% !important; } }

@media only screen and (max-width: 1159px) and (max-width: 959px) {
  /** form **/
  .wpcf7-form .contact-part1 .wpcf7-form-control-wrap, .wpcf7-form .contact-part2 .wpcf7-form-control-wrap {
    flex-basis: 50%; }
  .home .PresentationTurgis .elementor-col-33:nth-child(2), .home .PresentationTurgis .elementor-col-33:last-child {
    width: 100% !important; } }

@media only screen and (max-width: 799px) {
  /******************************************************************
Site Name: 
Author: Agence I Communication

Stylesheet: Super Large Monitor Stylesheet

You can add some advanced styles here if you like. This kicks in
on larger screens.

******************************************************************/
  header #primary-navigation {
    width: 350px; }
  .center {
    max-width: 600px; }
  .center_content {
    max-width: 600px;
    padding: 0;
    width: 100%;
    overflow: hidden;
    height: auto;
    margin: 0 auto; }
  .Ligne_content {
    display: block; }
  .front-page {
    max-width: 799px;
    width: 100%;
    overflow: hidden; }
  #content_wrapper {
    max-width: 799px;
    width: 100%;
    overflow: hidden; }
  .front-page .wrapper_home_1 .pc50 h1 .h1_1 {
    line-height: 1;
    font-size: 1.2em; }
  .front-page .wrapper_home_1 .pc50 h1 .h1_2 {
    line-height: 26px; }
  .front-page .wrapper_home_3 .center_presta {
    width: 600px; }
  .front-page .wrapper_home_3 .center_presta .slides_prestations .slick-slide.slick-center, .front-page .wrapper_home_3 .center_presta .slides_prestations .slick-slide {
    width: 600px !important; }
  .footer_part_3 {
    width: 100%;
    float: left; }
  .wrapper_devis_contenu .wrapper_devis_titre1 {
    font-size: 1.8em; }
  .wrapper_devis_contenu .wrapper_devis_titre2 {
    font-size: 1em; }
  .wpcf7 .contact_right {
    width: 100%;
    float: right; }
  .wpcf7 .contact_left {
    width: 100%;
    float: left; }
  .center_footer {
    display: block; }
  #prehome form {
    width: 100%; }
  #prehome h1 {
    font-size: 1.3em; }
    #prehome h1 .h1 {
      font-size: 2em; }
  .btn {
    width: 100% !important; }
  #site-header-inner {
    padding: 0 0 10px 10px !important; } }

@media only screen and (max-width: 799px) and (max-width: 767px) {
  .oceanwp-mobile-menu-icon #mobile-menu-widget-area .widget_text {
    height: 50px !important;
    width: 50px !important; }
  .oceanwp-mobile-menu-icon .mobile-menu {
    height: 50px;
    width: 50px; }
  #footer #footer-inner #footer-widgets .footer-widgets-inner {
    flex-direction: column;
    justify-content: center;
    text-align: center; }
    #footer #footer-inner #footer-widgets .footer-widgets-inner .col {
      margin-bottom: 0; }
    #footer #footer-inner #footer-widgets .footer-widgets-inner .col-1 p {
      margin: 0; }
    #footer #footer-inner #footer-widgets .footer-widgets-inner .col-2 {
      margin: 30px 0; }
    #footer #footer-inner #footer-widgets .footer-widgets-inner .col-3 {
      text-align: center; }
      #footer #footer-inner #footer-widgets .footer-widgets-inner .col-3 .txt_contact {
        flex-direction: column; }
        #footer #footer-inner #footer-widgets .footer-widgets-inner .col-3 .txt_contact a {
          margin-right: 0px; }
  #footer #footer-inner #footer-bottom #footer-bottom-inner #copyright {
    flex-direction: column; }
  .home .banniere .elementor-col-33:first-child, .home .banniere .elementor-col-33:nth-child(2) {
    width: 100%; }
  .home .recherche .elementor-col-33:first-child, .home .recherche .elementor-col-33:last-child {
    width: 100%; }
  .home .AnimeTitle .elementor-heading-title {
    font-size: 2.2em !important; } }

@media only screen and (max-width: 639px) {
  /******************************************************************
Site Name:
Author: Agence I Communication

Stylesheet: Super Large Monitor Stylesheet

You can add some advanced styles here if you like. This kicks in
on larger screens.

******************************************************************/
  footer .center {
    display: block;
    text-align: center; }
    footer .center .footer_part_2 img {
      margin: 40px 0; }
    footer .center .footer_part_3 .txt_contact {
      float: none;
      text-align: center; }
  .center_content {
    max-width: 440px;
    padding: 0;
    width: 100%;
    overflow: hidden;
    height: auto;
    margin: 0 auto; }
  .front-page {
    max-width: 639px;
    width: 100%;
    overflow: hidden; }
  .front-page .wrapper_home_1 {
    height: 400px; }
  .front-page .wrapper_slider_home img {
    max-width: 130%;
    height: auto; }
  .front-page .wrapper_home_3 .center_presta {
    width: 460px; }
  .front-page .wrapper_home_3 .center_presta .slides_prestations .slick-slide.slick-center, .front-page .wrapper_home_3 .center_presta .slides_prestations .slick-slide {
    width: 460px !important; }
  .wrapper_home_btn .pc50 {
    width: 100%; }
  .wrapper_reseaux_sociaux_footer {
    width: 100%; }
  .wrapper_reseaux_sociaux_footer div {
    width: 150px;
    float: none;
    margin: 0 auto; }
  .wrapper_home_4_img img {
    width: 550px; }
  footer .center .footer_part_3 .logo_footer a {
    margin: 0 auto; }
  footer .center .footer_part_3 .logo_footer {
    width: 100%; }
  .wrapper_signature_agence #wrapper_right_footer .signature_agence_mentions span {
    margin-bottom: 15px; }
  .wrapper_signature_agence {
    padding-left: 20px; }
  .wrapper_lightbox .lightbox_content a {
    width: 44%;
    height: auto; }
  .header_page .header_page_left .header_page_left_title h1 {
    font-size: 1.5em; }
  .front-page .wrapper_home_1 .pc50 h1 .h1_1 {
    font-size: 1.3em; }
  /** form **/
  .wpcf7-form .contact-part1 .wpcf7-form-control-wrap, .wpcf7-form .contact-part2 .wpcf7-form-control-wrap {
    flex-basis: 100%; }
  .home .AnimeTitle .elementor-heading-title {
    font-size: 2em !important; }
  .home .elementor-image-carousel-wrapper .elementor-swiper-button {
    top: 106%; }
  .home .swiper-button-next, .home .swiper-button-prev, .home .industrie .swiper-button-prev, .home .industrie .swiper-button-next {
    top: 106% !important; }
  .home .swiper-button-next, .home .industrie .swiper-button-next {
    right: 25% !important; }
  .home .swiper-button-prev, .home .industrie .swiper-button-prev {
    left: 25% !important; } }

@media only screen and (max-width: 479px) {
  /******************************************************************
Site Name:
Author: Agence I Communication

Stylesheet: Super Large Monitor Stylesheet

You can add some advanced styles here if you like. This kicks in
on larger screens.

******************************************************************/
  header #primary-navigation {
    width: 100%; }
  #close_menu {
    padding: 20px 10px; }
  .center_content {
    max-width: 280px;
    padding: 0;
    width: 100%;
    overflow: hidden;
    height: auto;
    margin: 0 auto; }
  .front-page {
    max-width: 479px;
    width: 100%;
    overflow: hidden; }
  #content_wrapper {
    max-width: 479px;
    width: 100%;
    overflow: hidden; }
  header {
    height: 67px; }
  .btn_contact_header_resp, .toggle-menu {
    height: 67px;
    width: 54px; }
  .btn_contact_header_resp a span {
    font-size: 29px;
    line-height: 65px;
    margin-left: 12px; }
  .toggle-menu {
    font-size: 29px;
    line-height: 60px;
    padding-left: 13px; }
  header .header-main .header_logo {
    width: 170px;
    margin: 0;
    height: auto;
    margin-top: 5px;
    margin-left: 8px; }
  .front-page .wrapper_slider_home img {
    width: 130%; }
  .front-page .wrapper_home_1 .pc50 h1 .h1_1 {
    font-size: 1em; }
  .front-page .wrapper_home_1 .wrapper_bloc_prez {
    padding: 0 20px; }
  .front-page .wrapper_home_3 .center_presta {
    width: 300px; }
  .front-page .wrapper_home_3 .center_presta .slides_prestations .slick-slide.slick-center, .front-page .wrapper_home_3 .center_presta .slides_prestations .slick-slide {
    width: 300px !important; }
  .front-page .wrapper_home_3 .center_presta .slides_prestations .slick-slide.slick-center .icon- {
    font-size: 90px; }
  .front-page .wrapper_home_3 .center_presta .slides_prestations .slick-slide a .intro_presta {
    font-size: 0.9em; }
  .wrapper_signature_agence #wrapper_right_footer {
    font-size: 0.8em; }
  header .primary-navigation ul li .sub-menu {
    left: 140px; }
  .wrapper_devis_contenu .wrapper_devis_titre1 {
    font-size: 1.4em;
    line-height: 23px; }
  .wrapper_devis_contenu .wrapper_devis_titre2 {
    font-size: 0.8em;
    line-height: 18px; }
  .wrapper_lightbox .lightbox_content a {
    width: 100%;
    height: auto; }
  .wrapper_lightbox .pc25 {
    width: 100%; }
  .wrapper_home_4_img img {
    width: 500px; }
  footer .center {
    display: block;
    text-align: center; }
    footer .center .footer_part_2 img {
      margin: 40px 0; }
    footer .center .footer_part_3 .txt_contact {
      float: none;
      text-align: center; }
  #prehome h1 .h1 {
    font-size: 1.2em; }
  #prehome .date p {
    font-size: 0.8em; }
    #prehome .date p br {
      display: none; }
  #prehome .logo {
    height: 80px; }
  #prehome .erreur {
    font-size: 0.8em; }
  #prehome form {
    margin: 20px auto 0; }
    #prehome form select {
      text-align: left;
      text-align-last: left;
      font-size: 0.8em; }
    #prehome form input[type="submit"] {
      height: 30px;
      font-size: 1em; }
  #prehome p {
    margin: 10px auto; } }

/*********************
RETINA (2x RESOLUTION DEVICES)
This applies to the retina iPhone (4s) and iPad (2,3) along with
other displays with a 2x resolution. You can also create a media
query for retina AND a certain size if you want. Go Nuts.
*********************/
/* HD/Retina CSS */
/*********************
PRINT STYLESHEET
Feel free to customize this. Remember to add things that won't make
sense to print at the bottom. Things like nav, ads, and forms should
be set to display none.
*********************/