/*
Theme Name: JTS Conseils
Author: JTSconseils
Author URI: https://jtsconseils.com/
Requires at least: WordPress 5.0
Version: 1.1
*/

/*----[RESET CSS]----*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font-family: 'oswaldlight';
    vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    line-height: 1;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}

/*----[FONTS]----*/

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

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

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

}
@font-face {
    font-family: 'Oswald-SemiBold';
    src:url('fonts/Oswald-SemiBold.ttf.woff') format('woff'),
    url('fonts/Oswald-SemiBold.ttf.svg#Oswald-SemiBold') format('svg'),
    url('fonts/Oswald-SemiBold.ttf.eot'),
    url('fonts/Oswald-SemiBold.ttf.eot?#iefix') format('embedded-opentype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'oswalddemibold';
    src: url('fonts/oswald-demibold-webfont.woff2') format('woff2'),
    url('fonts/oswald-demibold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

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

}

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

}
@font-face {
    font-family: 'Source Sans Pro Bold';
    src: url('fonts/sourcesanspro-bold-webfont.woff') format('woff'),
    url('fonts/sourcesanspro-bold-webfont.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Source Sans Pro';
    src: url('fonts/sourcesanspro-regular-webfont.woff') format('woff'),
    url('fonts/sourcesanspro-regular-webfont.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Source Sans Pro Light';
    src: url('fonts/sourcesanspro-light-webfont.woff') format('woff'),
    url('fonts/sourcesanspro-light-webfont.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}
/* source-sans-pro-regular - latin */
@font-face {
    font-family: 'Source Sans Pro Regular';
    font-style: normal;
    font-weight: 400;
    src: url('fonts/source-sans-pro-v14-latin-regular.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('fonts/source-sans-pro-v14-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('fonts/source-sans-pro-v14-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
         url('fonts/source-sans-pro-v14-latin-regular.woff') format('woff'), /* Modern Browsers */
         url('fonts/source-sans-pro-v14-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
         url('fonts/source-sans-pro-v14-latin-regular.svg#SourceSansPro') format('svg'); /* Legacy iOS */
  }

/*----[COULEURS]----*/

:root {
    --bleu: #38327c ;
    --jaune: #f2cb0a;
    --beige: #f9ebdc;
    --rouge: #dd434b;
}

/*----[GLOBAL]----*/
.container{width: 1280px; margin: auto;}
.page{overflow: hidden}
.defs-only{display: none}
h1{font-family: 'Source Sans Pro Bold' !important; font-size: 60px; }
sup{vertical-align: super; font-size: medium;}
.entreprise, .projets, .contact{margin-top: 280px !important}
p{line-height: 14pt;font-size: 17px}
b{font-family: 'Source Sans Pro Bold';}
.cookie_boutons {background: var(--jaune) !important;color: var(--bleu) !important;padding: 5px 10px;border-radius: 5px;text-decoration: none;}
/*----[HEADER]----*/

#haut{width: 100%;position: fixed;left: 50%;transform: translateX(-50%);background: white;z-index: 999999;}
.header>a>img{transition: 0.4s;}

.header_second_bloc_mobile{display: none}
.header{display: flex; width: 1280px; margin: 15px auto; justify-content: space-between}
.header_second_bloc{display: flex; flex-direction: column; align-items: flex-end; justify-content: center;}
#menu-menu-header{display: flex; font-weight: bold; margin-top: 45px;position: relative; transition: 0.4s;}
#menu-menu-header>li{margin-left: 40px; width: 165px;}
#menu-menu-header>li>a{text-decoration: none; color: black; text-transform: uppercase;  font-size: 18px; position: relative; z-index: 99999;}
#menu-menu-header>li>a:hover{background: linear-gradient(#FFF 54%, var(--jaune) 55%); font-family: 'oswaldmedium';}

.sub-menu{display: none; position: absolute; padding-top: 20px; background: white; flex-direction: column; width: 205px;z-index: 9999; top: 23px;margin-top: -7px;}
.sub-menu>li{padding: 0 10px 5px 5px}
.sub-menu>li>a{margin-left: 5px;font-family: 'Source Sans Pro Light';text-decoration: none; color: black; font-size: 14px}
.sub-menu>li>a:hover::before{content: url("images/pictos_header/barre_sous_menu_active.png"); margin-right: 10px}
#menu-menu-header>li:hover .sub-menu, .sub-menu:hover{display: flex}
#menu-item-21{width: 130px !important;}
.current-menu-item>a, .current-menu-parent>a{background: linear-gradient(transparent 65%, var(--jaune) 60%);}
.sub-menu>.current-menu-item>a{background: none}
.sub-menu>.current-menu-item>a::before{content: url("images/pictos_header/barre_sous_menu_active.png"); margin-right: 10px}
.sub-menu>li>a:hover + .sub-menu>.current-menu-item>a::before{content: ""}

#searchform{width: fit-content; display: flex}
input[type = "text"]{border: none; border-bottom: 1px solid black; font-style: italic; font-size: 14px; height: 28px}
input[type = "text"]:focus{outline: none}
button[type = "submit"]{border: none; background-color: transparent; padding-left: 0}

.recherche_et_reseaux{display: flex; transition: 0.4s;}
.reseaux_sociaux{margin-left: 45px;}
.reseaux_sociaux>a{text-decoration: none}
.reseaux_sociaux>a>img{transition: .4s;border-radius: 50%;}
.reseaux_sociaux>a>img:hover{background: var(--bleu);border-radius: 50%;}
/*----[FOOTER]----*/

footer{background-color: var(--bleu); width: 100%; height: 110px;position: relative}
.redirect_haut{position: absolute; top: -105px; right: 20px; transform: rotate(-90deg); z-index: 9999}
.redirect_haut>a{text-decoration: none; color: var(--jaune); font-weight: bold; font-family: "Source Sans Pro"; cursor: pointer}
.redirect_haut>a>svg{position: relative;
    top: 0;
    margin-left: 10px;
    fill: none;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke: var(--jaune);
    stroke-width: 2;
    transform: translateX(-5px);
    transition: all 0.3s ease;}
.footer{display: flex; width: 1280px; margin: auto; justify-content: space-between; position: relative; align-items: center; height: inherit;margin-top: 50px;}
.navigation{display: flex; align-items: baseline}
.navigation>p{color: white; font-size: 12px; margin-right: 5px; font-family: 'Source Sans Pro Bold';}
#menu-menu-footer{display: flex}
#menu-menu-footer>li{color: white}
#menu-menu-footer>li>a{color: white; font-size: 12px; text-decoration: none; margin: 0 5px; font-family: 'Source Sans Pro Bold';}
.reseaux_sociaux_footer{position: absolute; right: 0; top: -20px}
.newsletter_plaquette{display: flex; position: relative; left: 40px;}
.newsletter_plaquette>a:first-of-type{display: flex;align-items: center;text-decoration: none;font-size: 17px; color: var(--jaune) }
.newsletter_plaquette>a:first-of-type>img{margin: 0 60px 0 8px; transition: all 0.5s ease-in-out}
.newsletter{position: relative}
.newsletter>a:last-of-type{display: flex; align-items: center; text-decoration: none; font-size: 17px; color: white}
.newsletter>a:last-of-type>img{margin-left: 30px}

.newsletter>hr{position: absolute;width: 250px;height: 1px;background-color: white;border: none;bottom: -5px;}

#mailpoet_form_3 form.mailpoet_form {padding: 0 !important;margin-bottom: -17px;}
.mailpoet_submit{background-image: url("images/pictos_footer/OK.png");width: 36px !important ;height: 35px !important;background-color: transparent;border: none;background-repeat: no-repeat;margin: auto !important; margin-left: 45px !important;}
.mailpoet_paragraph>.mailpoet_text:first-of-type{    background: transparent;font-family: 'oswaldlight';width: 205px;outline: none;}
.mailpoet_form_loading{content: url("images/pictos_footer/bouton-newsletter-validate.png");background-color: transparent;border: none;background-repeat: no-repeat;margin: auto !important;margin-left: 45px !important;}
.mailpoet_form_loading::after{content: url('images/pictos_footer/spark.png');}
.newsletter>span{content: url("images/pictos_footer/spark.png");position: absolute;top: -2px;right: 37px;opacity: 0;}
.sparks{animation: sparks .4s linear;}

@keyframes sparks{
    0%{opacity: 0; transform: scale(0.7);}
    80%{opacity: 1; transform: scale(1.3);}
    100%{opacity: 0;}
}
.cherche{position: relative;z-index: 90;}

.reseaux_sociaux_footer>a:first-of-type>img:hover{content: url("images/pictos_footer/bouton-facebook_survol.png");width: unset;}
.reseaux_sociaux_footer>a:nth-of-type(2)>img:hover{content: url("images/pictos_footer/bouton-linkedin_survol.png"); width: unset;}
.reseaux_sociaux_footer>a:nth-of-type(3)>img:hover{content: url("images/pictos_footer/bouton-youtube_survol.png"); width: unset;}


/*----[HOME]----*/

.bloc_image_slogan{width: 1280px; margin: auto; display: flex; position: relative; margin-top: 152px;}
.slogan{width: 50%;display: flex;flex-direction: column;position: relative; height: 560px; justify-content: center; z-index: 0}

.slogan>h1{    font-size: 24.5px;
    font-family: 'Oswald' !important;
    font-weight: lighter;
    text-transform: uppercase;
    color: var(--bleu);
    position: relative;
    top: -50px;
    left: 220px;
    line-height: 22pt;
}

.button {
    width: 465px;
    height: 269px;
    background: url(images/accueil/slogan.png) no-repeat;
    display: inline-block;
    position: relative;
    margin: 0 auto;
}

.circle {
    position: absolute;
    display: block;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    top: 170px;
    left: 420px;
    transform: translate(-50%, -50%);
    background: var(--jaune);
    z-index: -1;
}



#studio1{background: url("images/accueil/studio1.png")  no-repeat ;height: 561px;width: 646px;position: fixed; right: 420px;}
#studio2{background: url("images/accueil/studio2.png")  no-repeat ;height: 563px;width: 65px;position: fixed; right: 340px;bottom: 327px;}
#studio3{background: url("images/accueil/studio3.png")  no-repeat ;height: 561px;width: 132px;position: fixed; right: 190px;bottom: 322px;}

.bloc_image_slogan>div:nth-of-type(2){position: absolute;right: -160px;z-index: -1; display: flex;}


.qui_sommes_nous>.container{display: flex;flex-direction: column;justify-content: space-evenly;height: 350px;}
.qui_sommes_nous{height: 460px; background: var(--rouge); display: flex; flex-direction: column; justify-content: center}
.qui_sommes_nous_bloc{display: flex; justify-content: space-between;}
.qui_sommes_nous>.container>p:first-of-type{font-size: 60px; font-family: "Source Sans Pro bold";margin: 0 !important; width: unset !important; }
.nos_valeurs{display: flex; flex-direction: column; align-items: center;height: 155px; width: fit-content; margin: auto}
.nos_valeurs>span{width: 45px; height: 2px; border: none; background: var(--jaune); transform: rotate(45deg)}
.nos_valeurs>span:first-of-type{margin-bottom: 30px}
.nos_valeurs>span:last-of-type{margin-top: 30px}
.nos_valeurs>p{color: var(--jaune); font-size: 25px; text-align: center;line-height: 22pt; }
.nos_valeurs>p>strong{font-family: oswaldbold}
.nos_valeurs_texte{width: 80%}
.nos_valeurs_texte>p{font-family: "Source Sans Pro"; margin-left: 170px;}
.qui_sommes_nous>.container>p{font-size: 17px; margin: 55px 0 0 290px; width: 830px; font-family: "Source Sans Pro"}
.chiffres_container{display: flex; flex-wrap: wrap; justify-content: center; margin-top: 30px}
.chiffres{display: flex; flex-direction: column; align-items: center; font-size: 17px; margin: 0 75px; }
.chiffres>p{font-family: "Source Sans Pro"; color: white}
.count {line-height: 55px;color:white;font-size:60px; font-family: "Source Sans Pro Light"}

.axes>.container{display: flex; justify-content: center}
.axe, .points_axe{display: flex;flex-direction: column;align-items: center;width: 450px;}
.axe{margin-top: 60px; }
.axe:nth-of-type(2)>img:first-of-type{padding-top: 10px}
.points_axe{margin-top: 10px}
.axe>p{margin: 20px 0; font-size: 25px}
.points_axe{display: none; }
.points_axe>a{font-family: "Source Sans Pro"; padding: 0 5px; height: 23px;line-height: initial; font-size: 17px;color: black; text-decoration: none;}
.points_axe>a:hover{background: linear-gradient(#FFF 65%, var(--jaune) 80%, #FFF); font-family: 'Source sans pro bold';}
.croix{transition: .2s ease-in-out;}
.axe>input{width: 300px;position: absolute;height: 150px;opacity: 0;z-index: 9999;cursor: pointer}
.axe>input:hover ~ .croix{transform: rotate(45deg)}
.axe>input:hover ~ .points_axe, .points_axe:hover{display: flex; line-height: 24px}

#projets{margin-top: 120px !important; overflow-y: hidden}
.nos_projets>.container{display: flex; flex-direction: column; align-items: center}
.span_rotate{width: 70px; height: 2px; border: none; background: var(--jaune); transform: rotate(45deg);}
#menu-categories{display: flex}
#menu-categories>li{margin: 60px 45px 30px 45px}

.trait{display: flex; justify-content: center; margin-top: 80px}
.nos_projets>.container>h2{font-family: "Source Sans Pro bold"; font-size: 60px; margin-bottom: 50px}
.categories{display: flex}
.categories>li{list-style: none; margin: 20px 25px 30px 45px; font-family: "Source Sans Pro Bold"; font-size: 17px; cursor: pointer}
.categories>li:hover{background: linear-gradient(#FFF 45%, var(--jaune) 85%, #FFF)}
.sujets>.cat{width: 1280px; display: flex; justify-content: space-between; flex-wrap: wrap; display: none}
.sujet{position: relative;margin-bottom: 32.5px;}
.titre_sujet{position: absolute;top: 50%;right: 50%;transform: translate(50%, -50%); display: none; flex-direction: column; align-items: center}
.sujet:hover .titre_sujet, .sujet:hover .fond{display: flex}
.sujet>img{width: 405px;height: 405px;object-fit: cover;}
.titre_sujet>div:first-of-type{width: 100%; height: 100%; background: white; opacity: .8}
.titre_sujet>p{font-size: 35px;font-family: 'Source Sans Pro Bold'; width: 305px;text-align: center;color: var(--bleu);}
.titre_sujet>p:first-of-type{line-height: 22pt;font-size: 27px;margin-bottom: 10px;}
.titre_sujet>p>i{font-size: 19px;font-weight: bold;font-family: 'Source Sans Pro Light';line-height: 14pt;}
.titre_sujet>span{width: 45px; height: 2px; border: none; background: var(--bleu); transform: rotate(45deg)}
.titre_sujet>span:first-of-type{margin-bottom: 40px}
.titre_sujet>span:last-of-type{margin-top: 40px}
.fond{width: 350px;height: 350px;background: white;opacity: 1;position: absolute;top: 50%; left: 50%; display: none; transform: translate(-50%, -50%);}
.en_voir_plus{margin-bottom: 20px}

/*----[BOUTON EN VOIR PLUS]----*/

.cta {
    position: relative;
    margin: auto;
    padding: 19px 22px;
    transition: all 0.2s ease;
    text-decoration: none;
    font-family: "Source Sans Pro";
    font-weight: bold;
    font-size: 14px;
    color: black;
}
.cta:before {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    display: block;
    border-radius: 28px;
    background: var(--jaune);
    opacity: .4;
    width: 36px;
    height: 36px;
    transition: all 0.3s ease;
}
.cta>span {
    position: relative;
    font-size: 14px;
    line-height: 18px;
    font-weight: 900;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    vertical-align: middle;
    font-family: 'Source sans pro bold';
}
.cta>svg {
    position: relative;
    top: 0;
    margin-left: 10px;
    fill: none;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke: #111;
    stroke-width: 2;
    transform: translateX(-5px);
    transition: all 0.3s ease;
}
.cta:hover:before {
    width: 100%;
    background: var(--jaune);
    opacity: 1;
}
.cta:hover svg {
    transform: translateX(0);
}
.cta:active {
    transform: scale(0.96);
}

.sujets>.navigation{justify-content: center;}
#prev, #next{cursor: pointer;}
#prev>svg{transform: rotate(-180deg) translateX(-5px); margin-left: 0; margin-right: 10px;}
#prev:hover svg{transform: translateX(0) rotate(-180deg);}
#prev::before, #prev:hover::before, #next::before, #next:hover::before{background: none;}

.confiance{margin-top: 120px}
/*.confiance>.container{display: flex; flex-direction: column; align-items: center}*/
.confiance>.container>.titre>h2{font-family: "Source Sans Pro bold"; font-size: 60px; text-align:center;}
.titre{display: flex; width: max-content; margin: auto; position: relative}
.titre>h1{font-family: "Source Sans Pro bold"; font-size: 60px; text-align:center;}
.titre>span{position: absolute; width: 55px; height: 55px; background: var(--jaune); border-radius: 50%;z-index: -1;top: -15px;right: 50%;transform: translateX(50%);}
.confiance>.container>p:first-of-type{text-align: center; margin-top: 40px; font-family: "Source Sans Pro"; font-size: 17px}
.slider_logos{margin: 40px 0 70px 0;}
.confiance>.container>hr{margin: 0 auto; width: 250px; height: 1px; background: black; border: none}
.temoignages{position: relative; margin-top: 80px; margin-bottom: 60px}
.temoignages>img{position: absolute; top: -32px;left: 134px;z-index: -1;}
.temoignages_mobile{display: none}


.slick-slide {
    margin: 0px 60px;
}

.slick-slide>a{cursor: default;}

.slick-slide img {
    height: 155px;
    opacity: .8;
    filter: grayscale(1);
    transition: color 0.15s ease-out 0.3s;
    margin: auto;
    width: 196px;
    object-fit: scale-down;
}
.slick-slide img:hover {
    filter: sepia(0%) hue-rotate(0deg) saturate(100%);;
    opacity: 1;
}

.slick-slider
{
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
}
.slick-track:before,
.slick-track:after
{
    display: table;
    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;
    height: auto;
    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

/*----[COMPETENCES]----*/
.bloc_haut_details>img{position: relative; animation: animat_show_arrow_competence_2 0.8s;}
@keyframes animat_show_arrow_competence_2 {
    0% { opacity:0; left: -140px }
    100% { opacity:1; left: 0; }
}
.bloc_strat_bas>img{position: relative;visibility: hidden;}
.fadeInArrowCompetence{animation: animat_show_arrow_competence 0.8s; visibility: visible !important;}
@keyframes animat_show_arrow_competence {
    0% { opacity:0; left: -140px }
    100% { opacity:1; left: 40px; }
}

.bloc_flex {display: flex;font-size: 17px;}
.bloc_flex>p{font-family: 'Source Sans Pro Regular';}
.bloc_flex>p:first-of-type{margin-right: 5px;}
.bloc_strat_bas>p{font-family: 'Source Sans Pro';font-size: 17px;}

.inge_bas_page{position: relative;}
.inge_bas_page>.bloc_rouge{    background: linear-gradient(90deg, var(--rouge) 39%, transparent 20%);position: relative;height: 340px;width: 100%;z-index: 1;top: -75px;}
.inge_bas_page>.bloc_rouge>.liste{    width: 39%;display: flex;justify-content: flex-end;margin-top: 10px;height: 330px;align-items: center;}
.inge_bas_page>.bloc_rouge>.liste>.le_plus_container>img,.inge_bas_page>.bloc_blanc>div>img{position: relative;visibility: hidden;}
.inge_bas_page>.bloc_rouge>.liste>.le_plus_container>.bloc_texte_rouge{width: 320px;}

.inge_bas_page>.bloc_blanc{right: 25px;top: 40px;}
.inge_bas_page>.bloc_blanc>div{display: flex;max-width: 660px;;align-items: flex-start;margin-top: 15px;}
.inge_bas_page>.bloc_blanc>div>img{width: 40px;position: relative;top: -3px;}
.inge_bas_page>.bloc_blanc>div>p{    font-family: 'Source Sans Pro Regular';padding-top: 5px;padding-left: 5px;max-width: 680px;text-align: justify;}

/*----[STRATEGIE & COMMUNICATION]----*/

.intro_competences{height: 465px; width: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; background: var(--beige)}
.intro_competences>h1{font-family: 'Source Sans Pro';font-weight: bold;font-size: 70px;text-align: center; margin-top: 40px}
.intro_competences>img{margin-bottom: -20px;}
.intro_competences>span{width: 40px; height: 2px; border: none; background-color: var(--bleu); transform: rotate(45deg); margin: 35px 0}
.intro_competences>p{width: 700px; text-align: center;font-family: 'Source Sans Pro'}
.intro_competences>p>b{font-family: 'Source Sans Pro Bold';}

.competence{display: flex; justify-content: center; margin-top: 55px; justify-content: space-between}
.content{display: flex; justify-content: center; flex-direction: column; width: 100%}
.competence:nth-of-type(even){flex-direction: row-reverse;}
.competence:nth-of-type(even)>.content{padding-left: 85px}
.competence:nth-of-type(odd)>.content{padding-right: 85px}
.competence>img{height: 288px;width: 113rem;object-fit: cover;position: relative;visibility: hidden}
.content>.titre{padding-top: 55px; margin: 0;}
/*.competence>.content>.titre>img{position: relative; visibility: hidden;}*/
.fadeInArrowCompetence{animation: animat_show_picto 0.8s; visibility: visible !important;}
@keyframes animat_show_picto {
    0% { opacity:0; left: -140px }
    100% { opacity:1; left: 0; }
}
.content>.titre>.texte>h2{margin-left: 20px; font-family: 'oswaldregular'; font-size: 25px; text-transform: uppercase;line-height: 30px;}
.competence:nth-of-type(2)>.content>.titre>.texte>h2,
.competence:nth-of-type(3)>.content>.titre>.texte>h2,
.competence:nth-of-type(4)>.content>.titre>.texte>h2,
.competence:nth-of-type(5)>.content>.titre>.texte>h2{margin-top: 10px;}
.content>.titre>.texte>hr{width: 35px; height: 2px; border: none; background: black; margin: 20px auto 20px 20px; }
.content>p{font-family: "Source Sans Pro"; padding-left: 25px}

.bouton{display: flex; justify-content: center; margin: 50px 0 30px 0;}

#strategie_details>iframe{margin: auto;display: block;width: 1062px;height: 600px;}

/*----[INGENIERIE PEDAGOGIQUE]----*/
.competence>.content>.titre{padding: unset;}
.competence>.content>.titre>img{height: fit-content;}
.intro_ingenierie{height: 465px; width: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; background: var(--beige)}
.intro_ingenierie>img{margin-bottom: -20px;}
.intro_ingenierie>h1{font-family: 'Source Sans Pro';font-weight: bold;font-size: 70px;text-align: center; margin-top: 40px}
.intro_ingenierie>span{width: 40px; height: 2px; border: none; background-color: var(--bleu); transform: rotate(45deg); margin: 35px 0}
.intro_ingenierie>p{width: 700px; text-align: center;font-family: 'Source Sans Pro'}
.intro_ingenierie>p>b{font-family: "Source Sans Pro Bold"}

.ingenierie{display: flex; justify-content: center; margin-top: 55px; justify-content: space-between; position: relative}
.content{display: flex; justify-content: center; flex-direction: column; width: 100%; position: relative;}
.ingenierie:nth-of-type(even){flex-direction: row-reverse;}
.ingenierie:nth-of-type(even)>.content{padding-left: 85px}
.ingenierie:nth-of-type(odd)>.content{padding-right: 85px}
.ingenierie:nth-of-type(odd)>img:first-of-type{height: 288px;width: 690px;object-fit: cover;position: relative; z-index: -1;visibility: hidden;}
.ingenierie:nth-of-type(even)>img:first-of-type{height: 288px;width: 690px;object-fit: cover;position: relative; z-index: -1;visibility: hidden;}

.fadeInOdd {-webkit-animation: animat_show_Odd 0.8s;animation: animat_show_Odd 0.8s;visibility: visible !important;}
.fadeInEven {-webkit-animation: animat_show_Even 0.8s;animation: animat_show_Even 0.8s;visibility: visible !important;}
@keyframes animat_show_Odd {
    0% { opacity:0; right: -690px }
    100% { opacity:1; right: 0; }
}
@keyframes animat_show_Even {
    0% { opacity:0; left: -690px }
    100% { opacity:1; left: 0; }
}

.ingenierie>img:last-of-type{position: absolute; z-index: 2; top: 20px}
.ingenierie:nth-of-type(even)>img:last-of-type{left: 20px}
.ingenierie:nth-of-type(odd)>img:last-of-type{right: 20px}
.ingenierie>.content>.titre{ padding: 0; margin: 0;}
.ingenierie>.content>.titre>img{height: fit-content;position: relative;top: -26px;left: 40px; z-index: -1;visibility: hidden;}

.fadeInArrow{animation: animat_show_arrow 0.8s; visibility: visible !important;}
@keyframes animat_show_arrow {
    0% { opacity:0; left: -140px }
    100% { opacity:1; left: 40px; }
}

.ingenierie>.content>.titre>.texte>h2{margin-left: 20px; font-family: 'oswaldregular'; font-size: 25px; text-transform: uppercase; line-height: unset;}
.ingenierie>.content>.titre>.texte>hr{width: 35px; height: 2px; border: none; background: black; margin: 20px auto 20px 20px; }
.ingenierie>.content>p{font-family: "Source Sans Pro"; padding-left: 40px}

.ingenierie>.content{position: relative;top: 30px;}
#inge{display: block;height: 37px;width: 56px;margin: 0 auto;margin-top: 30px;}
#inge>div>.cta>svg{margin-left: -1px;transform: translateX(-70%);top: 1px;}
#inge>div>.cta:hover:before {background: var(--jaune);opacity: 1;width: 36px;}

.ingenierie_details>h2{margin: 60px 0 0 0;text-align: center;font-size: 25px;text-transform: uppercase;line-height: 22pt;}
.ingenierie_details>span{    margin: auto;width: 40px;height: 2px;background: black;display: block;margin-top: 10px; margin-bottom: 60px;}
.bloc_haut_details{display: flex;align-items: flex-start;width: 1080px;margin: auto;margin-top: -20px;}
.bloc_haut_details>img{width: 40px;}
.bloc_haut_details>.bloc_texte{width: 720px;text-align: justify;margin-right: 120px;margin-left: 0!important;}
.bloc_haut_details>.bloc_texte>p{font-size: 17px!important;font-family: 'Source Sans Pro Regular'!important;color: black!important;}
.bloc_haut_details>.bloc_image{    height: 310px;width: 220px;display: flex;flex-direction: column;align-items: center;justify-content: space-evenly;}
.bloc_haut_details>.bloc_image>img{    height: 80px;width: auto;margin-top: -40px;}
.bloc_haut_details>.bloc_image>p{font-size: 25px;font-family: 'Source Sans Pro Light';color: var(--bleu);text-transform: uppercase;text-align: center;    margin-top: -50px;line-height: 18pt;    width: max-content;}
.bloc_haut_details>.bloc_image>span{width: 35px;height: 2px;background: var(--bleu);display: block;transform: rotate(45deg);}
.ingenierie_details>img{width: 1080px; display: block; margin: auto;    height: 605px;object-fit: cover;}

.bloc_liste{    display: flex;width: 1080px;margin: auto;justify-content: flex-end;margin-top: 60px;}
.bloc_liste>.liste>p:first-of-type{font-family: 'Source Sans Pro Bold'; font-size: 21px; color: var(--bleu);}
.bloc_liste>.liste>.bloc_flex{max-width: 300px;}
.bloc_liste>.liste>.bloc_flex:first-of-type{margin-top: 20px;}
.bloc_liste>span{width: 2px;display: block;height: 242px;background: black;margin: 0px 20px;}

.le_plus{width: 560px;display: flex;background: var(--rouge);height: 350px;position: absolute;transform: translateY(-50%);justify-content: flex-end;}
.le_plus_container{    display: flex;align-items: flex-start;    margin: auto 0;}
.le_plus_container>img{    width: 40px;}
.le_plus_container>.bloc_texte_rouge{width: 250px;margin: 10px 50px 0 10px; color: white;}
.le_plus_container>.bloc_texte_rouge>p:first-of-type>b{    font-family: 'Source Sans Pro Bold';font-size: 21px;}
.le_plus_container>.bloc_texte_rouge>p:last-of-type{margin-top: 25px;font-family: 'Source Sans Pro';font-size: 17px;}
/*----[CONTACT]----*/

.contact>.titre{text-align: center; margin-top: 20px; width: -moz-fit-content}
.contact>.titre>h1{font-family: "Source Sans Pro bold"; font-size: 70px}
.contact>.titre>span{right: 50%; transform: translateX(50%)}

.contact>.container{margin-top: 90px; display: flex;margin-bottom: 70px;}
.emplacement_geographique{width: 460px;height: 460px;background: var(--beige); margin-left: 175px; position: relative}
.emplacement_geographique>p{margin-left: 60px}
.emplacement_geographique>p>strong{font-weight: bold; font-family: "Source Sans Pro"}
.nous_trouver{display: flex; padding: 50px 0 0 40px}
.nous_trouver>.titre{margin: 0; display: flex; flex-direction: column}
.nous_trouver>img{height: fit-content; height: -moz-fit-content}
.nous_trouver>.titre>h2{font-family: oswaldregular; font-size: 25px; margin-left: 20px}
.nous_trouver>.titre>hr{width: 35px; height: 2px; border: none; background: black; margin: 20px auto 20px 20px; }

#srmgmap_widget-2{list-style: none}
.map{position: absolute;top: 210px;left: -160px;}
#srm_gmp_embed_1{margin: 0 !important; border-top: 5px solid var(--beige)}

.informations_contact{display: flex; flex-direction: column; margin-left: 90px}
.nous_contacter, .nous_rejoindre{display: flex}
.nous_contacter>img{height: fit-content; height: -moz-fit-content}
.nous_contacter>.titre{margin: 0; display: flex; flex-direction: column}
.nous_contacter>.titre>h2{font-family: oswaldregular; font-size: 25px; margin-left: 20px}
.nous_contacter>.titre>hr{width: 35px; height: 2px; border: none; background: black; margin: 20px auto 20px 20px; }

.nous_rejoindre{margin-top: 70px}
.nous_rejoindre>img{height: fit-content;height: -moz-fit-content}
.nous_rejoindre>.titre{margin: 0; display: flex; flex-direction: column; margin-top: 7px;}
.nous_rejoindre>.titre>h2{font-family: oswaldregular; font-size: 25px; margin-left: 20px}
.nous_rejoindre>.titre>hr{width: 35px; height: 2px; border: none; background: black; margin: 20px auto 20px 20px; }
.informations_contact>.bouton{justify-content: left}
.informations_contact>p>b{font-family: "Source Sans Pro"; font-weight: bold; font-size: 20px; color: var(--bleu)}
.informations_contact>p>b:first-of-type{line-height: 30px;}
.informations_contact>p,.emplacement_geographique>p{font-family: "Source Sans Pro"}
.informations_contact>p>strong{font-family: "Source Sans Pro"; font-weight: bold}
.informations_contact>p{margin-left: 25px}
.formulaire{display: none;}
.formulaire>div:last-of-type{background-color: white;position: fixed;top: 50%;left: 50%;transform: translate(-50%, -50%);opacity: 1;z-index: 999; box-shadow: 0px 0px 30px grey;}
.formulaire>.fond{background-color: #ededed;position: fixed;top: 50%;left: 50%;opacity: 0.6;width: 100vw;height: 100vh;display: block;}
.groupe_formulaire{display: flex;align-items: center;flex-direction: column;gap: 20px;}
.groupe_formulaire>div{width: 390px;height: 550px;display: flex;align-items: center;justify-content: space-around;}
.groupe_formulaire>div>p>img{margin-top: 20px;}
.groupe_formulaire>div:nth-of-type(2)>label, .groupe_formulaire>div:nth-of-type(2)>p>label{font-family: 'Source Sans Pro Regular';}
.groupe_formulaire>div:nth-of-type(2)>p:nth-of-type(4), .groupe_formulaire>div:nth-of-type(2)>p:nth-of-type(5){line-height: 17pt;}
.groupe_formulaire>div:first-of-type{height: unset;}
.groupe_formulaire>div:first-of-type>img{margin: 35px auto;}
.groupe_formulaire>div:nth-of-type(2){flex-direction: column;}
.groupe_formulaire>div:nth-of-type(2)>p{width: 293px; margin-bottom: 5px;}
.groupe_formulaire>div:nth-of-type(2)>p:last-of-type{font-style: italic;font-family: 'Source Sans Pro Light';font-size: 14px;}

.groupe_formulaire>div>p>input{display: flex;width: 100%;padding: 10px 0;justify-content: center;background: var(--jaune);border: none;border-radius: 25px;color: var(--bleu);margin-top: 40px;}
.message_sended{transition: width 1s linear; width: 35px !important;}



input[type="email"]{border: none;border-bottom: black 1px solid;padding: 4px;}
.wpcf7 form.sent .wpcf7-response-output {display: none;}
.your-message>textarea{    border: 1px solid black;margin-top: 15px;}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output{display: none;}
/*----[EQUIPE]----*/

.entete{background: var(--beige)}
.entete>.container{display: flex; flex-direction: column; align-items: center; position: relative}
.entete>.container>h1{ font-size: 70px; text-align: center; position: relative; margin-top: 85px; margin-bottom: 55px}
.entete>.container>span:first-of-type{width: 65px;height: 65px;position: absolute;background: var(--jaune);border-radius: 50%; top: 75px}
.entete>.container>span:last-of-type{width: 50px;height: 2px;border: none;background: var(--bleu);transform: rotate(45deg);}
.entete>.container>p{margin-top: 55px;text-align: center;font-family: 'Source Sans Pro';margin-bottom: 65px}
.entete>.container>p>strong{font-family: "Source Sans Pro Bold"}
.equipe>.container{display: flex; flex-wrap: wrap; justify-content: left; margin-top: 60px;}
.vignette{position: relative; margin-bottom: 50px !important;}
.vignette>img{height: 372px;width: 350px;position: relative;z-index: 2;object-fit: cover;}
.vignette>img:hover{filter: url("#monochrome"); -moz-filter:url('#monochrome')}
.vignette:last-of-type>img{display: block !important; filter: none;}
.vignette>p{text-transform: uppercase; font-family: oswaldmedium; margin: 12px 0; font-size: 20px; width: max-content}
.vignette>hr{margin: 0; height: 2px; border: none; background: black; margin-top:-2px;position: relative;z-index: 2;}
.vignette>.message_container{position: relative;visibility: hidden;}
.fade_message{animation: fade_message 0.5s linear;visibility: visible !important;}
@keyframes fade_message{0%{top: -50px;opacity: 0;}100%{top: 0; opacity: 1;}}
.vignette>.message_container>.message{display: flex;width: 315px;align-items: start;margin: auto;justify-content: space-evenly;margin-top: 15px;height: 70px;}
.vignette>.message_container>.message>img{width: 25px;margin-right: 10px;}
.vignette>.message_container>.message>p{width: 295px;font-size: 17px; font-family: 'Source Sans Pro';}
.vignette:nth-of-type(2),.vignette:nth-of-type(5),.vignette:nth-of-type(8),.vignette:nth-of-type(11){margin: 0 auto}
.vignette>.text_bloc{position: absolute;top: 60px;right: -40px;width: 125px;z-index: 999; display: none}
.vignette:nth-of-type(7)>.text_bloc{right: -40px;}
.text_bloc>p{font-size: 20px}
.text_bloc>p:first-of-type{text-transform: uppercase; font-family: 'oswaldlight'}
.text_bloc>p:nth-of-type(2){text-transform: uppercase; font-family: 'oswaldmedium';    line-height: 22pt;}
.text_bloc>p:last-of-type{font-family: "Source Sans Pro"; font-style: italic; font-size: 14px; line-height: 12pt;}
.vignette_rejoindre{position: absolute;display: flex;flex-direction: column;width: max-content;height: 150px;justify-content: space-around;align-items: center;top:55%;left: 50%;transform: translate(-50%,-50%);z-index: 3;}
.vignette_rejoindre>p{font-family: 'Source Sans Pro Bold';font-size: 17px;}
#candidature_spont{cursor: pointer;}


/*----[ENTREPRISE]----*/

.entreprise>.repenser>.container, .entreprise>.container, .entreprise>.communication>.container{width: 1090px;}
.entreprise>.titre{margin-top: 50px}
.entreprise>.titre>.container{display: flex; justify-content: center}
.entreprise>.titre>.container>h1{text-align: center;font-size: 70px}
.entreprise>.titre>.container>span{width: 65px; height: 65px; border-radius: 50%; background: var(--jaune); position: absolute; left: 50%; transform: translateX(-50%); z-index: -1; top: -25px}

.repenser>.bloc_h2>h2,.repenser>.nos_valeurs_affirmees>.bloc_h2>h2,.repenser>.accompagnement_container>.bloc_h2>h2,.repenser>.sur_mesure>.bloc_h2>h2{font-family: 'oswaldlight';text-transform: uppercase;font-size: 25px;text-align: center;}
.repenser>.bloc_h2>hr, .repenser>.nos_valeurs_affirmees>.bloc_h2>hr, .repenser>.accompagnement_container>.bloc_h2>hr,.repenser>.sur_mesure>.bloc_h2>hr{width: 30px;height: 2px;background: black;border: none;margin: 18px auto 50px auto;}
.repenser>.container>p{font-family: 'Source Sans Pro Regular';padding: 0 60px;text-align: justify;}
.bloc_entreprise_etapes{display: flex;justify-content: space-evenly;margin-top: 30px;margin-bottom: 50px;padding: 0 50px;}
.bloc_entreprise_etapes>.entreprise_etape{display: flex;align-items: baseline;position: relative;}
.entreprise_etape:first-of-type{animation: show_etape 0.8s linear;}
.entreprise_etape:nth-of-type(2){animation: show_etape 1.8s linear;}
.entreprise_etape:last-of-type{animation: show_etape 2.8s linear;}
@keyframes show_etape{
    0%{opacity: 0;left: -150px;}
    100%{opacity: 1;left: 0;}
}
.entreprise_etape>img{width: 40px;margin-right:10px; display: block}
.entreprise_etape>.etape_texte{    position: relative;top: -7px;}
.entreprise_etape>.etape_texte>p:first-of-type{font-size: 37px;font-family: 'Source Sans Pro Bold';color: var(--jaune);}
.entreprise_etape>.etape_texte>p:last-of-type{    font-family: 'Source Sans Pro Regular';margin-top: 5px;}

#mots_angelique{display: flex;margin-top: -60px;}
#mots_angelique>img{margin-left: -50px;}
.mots_angelique{    position: relative;width: 640px;margin-left: -25px;display: flex;flex-direction: column;align-items: center;margin-top: 50px;}
.mots_angelique>img:first-of-type{    position: absolute;left: -22px;top: -13px;}
.mots_angelique>img:last-of-type{    position: absolute;bottom: 147px;right: 148px;transform: rotate(180deg);height: 16px;}
.mots_angelique>p:first-of-type{    font-size: 18px;font-family: 'Source Sans Pro Bold';color: var(--bleu);text-align: center;line-height: 15pt;}
.mots_angelique>p:nth-of-type(2){font-family: 'oswaldlight' !important  ;color: var(--bleu);margin-top: 40px;}
.mots_angelique>p:nth-of-type(2)>strong{font-family: 'oswaldbold';}
.mots_angelique>p:last-of-type{font-family: 'Source Sans Pro Regular';}

.nos_valeurs_affirmees{background: var(--rouge);}
.nos_valeurs_affirmees>.bloc_h2>h2{color:white}
.nos_valeurs_affirmees>.bloc_h2>hr{background: white !important;margin-bottom: 18px !important;}
.nos_valeurs_affirmees>.container>p{font-family: 'Source Sans Pro Regular'; color: white;text-align: center;}
.nos_valeurs_affirmees>.container>.valeurs{display: flex;justify-content: space-between;margin-top: 45px;padding-bottom: 45px;}
.valeur {display: flex;flex-direction: column;align-items: center;width: 30%;}
.valeur>img{height: 70px;}
.valeur>p:first-of-type{font-family: 'Source Sans Pro Bold'; font-size: 20px;color: white; margin: 15px 0}
.valeur>p:last-of-type{font-family: 'Source Sans Pro Regular'; color: white; font-style: italic; text-align: center;}

.bloc_paral{width: 50%;}
.bloc_paral>.bloc_resp>.bloc_texte{text-align: justify;    width: 510px;}
.bloc_paral>.bloc_resp>.bloc_texte>p>strong{font-family: 'Source Sans Pro Bold';}
.bloc_paral>.bloc_resp>.bloc_texte>.en_voir_plus{margin: 40px auto;}

#entreprise1{background: url("images/entreprise/entreprise_parallax_1.png")  no-repeat ;height: 662px;width: 94px;position: relative;left: -30px;top: 142px;}
#entreprise2{background: url("images/entreprise/entreprise_parallax_2.png") no-repeat;height: 731px;width: 383px;}

.accompagnement_container{background: #f9ebdc;width: 1090px;margin: auto;}
.accompagnement_container>.container{width: 1090px;}
.accompagnement_container>.container>p{    width: 91%;display: block;margin: auto;font-family: 'Source Sans Pro';    text-align: justify;}
.accompagnement_container>.container>.en_voir_plus{    text-align: center;margin: 60px;padding-bottom: 160px;}
.bloc_accompagnement{display: flex;justify-content: space-evenly;margin-top: 50px;margin-bottom: 60px;}
.accompagnement {position: relative;display: flex;flex-direction: column;align-items: center;}
.accompagnement>img {position: relative;z-index: 2;height: 120px;}
.accompagnement>p {margin-left: 20px;text-transform: uppercase;font-family: 'Source Sans Pro Bold';color: var(--bleu);margin-top: 10px;text-align: center;}
.accompagnement>hr {position: absolute;width: 200px;height: 5px;border: none;background: white;top: 38%;margin: 0;transform: translateY(-50%);left: 140px;z-index: 1;}
.accompagnement:last-of-type>hr{display: none;}

.sur_mesure{width: 745px;margin: auto;position: relative;top: -160px;background: white;}
.sur_mesure>p{text-align: center;font-family: 'Source Sans Pro Regular';}
.entreprise_equipe{margin-top: -130px;position: relative;margin-bottom: 50px;}
.entreprise_equipe>img{display: block;margin: auto;}
.bloc_solutions{position: absolute;top: -11px;left: 50%;transform: translateX(-50%);background: white;}
.bloc_solutions>div {display: flex;align-items: center;margin: 10px 40px;}
.bloc_solutions>.en_voir_plus{    margin: 20px 0;}
.bloc_solutions>div>p{font-family: 'Source Sans Pro Regular';}
.bloc_solutions>div>img {width: 20px;margin-right: 5px;position: relative;}
.fadeInArrowEntreprise {-webkit-animation: animat_show_Entreprise 0.8s;animation: animat_show_Entreprise 0.8s;visibility: visible !important;}
@keyframes animat_show_Entreprise {
    0% { opacity:0; left: -150px }
    100% { opacity:1; left: 0; }
}

#competence_image{display: none}
/*----[RSE]----*/

.agence_col>.container, .agence_resp>.container, .ancrage>.container{width: 1060px}
.agence_resp>.container>h2, .agence_col>.container>h2,.ancrage>.container>h2 {text-align: center;font-size: 25px;font-family: 'oswaldregular';margin-top: 100px;}
.ancrage>.container>h4{margin-top: 55px;}
.agence_resp>.container>hr, .agence_col>.container>hr, .ancrage>.container>hr{margin: 15px auto 60px auto;width: 40px;height: 2px;background: black;border: none;}
.bloc_resp{display: flex;margin-left: -55px;}

.bloc_resp>img{height: 35px; position: relative;visibility: hidden;}
.fadeInArrowRSE{animation: animat_show_arrow_RSE 0.8s; visibility: visible !important;}
@keyframes animat_show_arrow_RSE {
    0% { opacity:0; left: -150px }
    100% { opacity:1; left: 0; }
}

.bloc_resp:first-of-type{margin-bottom: 80px}
.bloc_resp:first-of-type>.bloc_texte>hr{margin-bottom: -11px !important;}
.bloc_resp:nth-of-type(2){margin-bottom: 35px}
.bloc_texte{display: flex; flex-direction: column; margin-left: 15px; position: relative;}
.bloc_texte>h3:first-of-type{font-family: 'Source Sans Pro bold';font-size: 21px;color: var(--bleu);margin-bottom: 30px;margin-top: 7px;}
.bloc_texte>p{font-family: "Source Sans Pro Regular"}
.bloc_texte>p>b{font-family: "Source Sans Pro Bold"}
.bloc_blanc>.bloc_resp>.bloc_texte>p{font-family: "Source Sans Pro Regular";font-size: 17px; color: black; margin: 0; line-height: 14pt;}
.picto_resp{display: flex;align-items: center;}
.picto_resp>img{width: auto; height: 105px;}
.picto_resp>img:first-of-type{margin-left: 30px}
.agence_resp>.container>.en_voir_plus{text-align: center; margin-bottom: 75px}

.agence_col>.container{background: var(--beige)}
.agence_col>.container>h2{padding-top:70px}
.agence_col>.container>p{width: 980px;font-family: 'Source Sans Pro';margin: auto; padding-bottom: 50px}
.agence_col>.container>p>b{font-family: "Source Sans Pro Bold"}
.bloc_rouge{background: linear-gradient(90deg, var(--rouge) 50%, transparent 50%);position: relative;height: 340px;width: 100%; z-index: 1}
.bloc_rouge>.bloc_resp{width: 515px;position: absolute;top: 0;left: 50%;transform: translateX(-100%);margin-bottom: 60px; margin-top: 50px}
.bloc_rouge>.bloc_resp>.bloc_texte>h3, .bloc_rouge>.bloc_resp>.bloc_texte>p{color: white}
.agence_col_bloc{display: flex}
.bloc_blanc{position: absolute;background: white;height: 470px;width: 50%;right: 55px;z-index: 0}
.bloc_blanc>h3{margin: 60px 0 40px 110px; font-size: 21px; font-family: "Source Sans Pro Bold"}
.bloc_blanc>.bloc_resp{margin-left: 115px; margin-bottom: 40px; align-items: center;}
.bloc_blanc>.bloc_resp>img{height: auto; width: 90px}
.bloc_blanc>.bloc_resp:last-of-type>img{margin-top: -15px;}
.bloc_blanc>.bloc_resp>.bloc_texte{width: 300px; margin-left: 50px; justify-content: space-between}
.bloc_blanc>.bloc_resp>.bloc_texte>hr{margin: 0; width: 40px; height: 3px; background: black; border: none;position: relative;top: 30px;}
.bloc_blanc>.bloc_resp:last-of-type>.bloc_texte>hr{display: none;}
#engagee>p{padding: 43px 0; padding-bottom: 70px; font-family: 'Source sans pro bold'; font-size: 21px;}
.engagements{display: flex; flex-wrap: wrap; justify-content: space-between}
.engagement{width: 350px;display: flex;flex-direction: column;align-items: center;margin-bottom: 70px}
.engagement>img{width: auto; height: 100px}
.engagement:first-of-type>img{object-fit: none;transform: scale(0.6);}
.engagement>p{margin-top: 25px; font-family: "Source Sans Pro"; font-style: italic; text-align: center; width: 250px}

.ancrage{margin-top: 100px;}
.cards{display: flex; flex-wrap: wrap;justify-content: center; margin-top: 50px;}
.flip-card {background-color: transparent;width: 350px;height: 350px;position: relative;}

.flip-card:nth-of-type(1)>.flip-card-inner>.flip-card-front{border-right: 1px solid;border-bottom: 1px solid;}
.flip-card:nth-of-type(2)>.flip-card-inner>.flip-card-front{border-bottom: 1px solid; border-right: 1px solid;}
.flip-card:nth-of-type(3)>.flip-card-inner>.flip-card-front{border-bottom: 1px solid;}
.flip-card:nth-of-type(4)>.flip-card-inner>.flip-card-front{border-right: 1px solid;}
.flip-card:nth-of-type(5)>.flip-card-inner>.flip-card-front{border-right: 1px solid;}
.flip-card:nth-of-type(7)>.flip-card-inner>.flip-card-front{border-right: 1px solid;border-left: 1px solid;border-top: 1px solid;}


.cards2:nth-of-type(4)::before, .cards2:nth-of-type(5)::after{display: none;}

.flip-card:nth-of-type(4)>.flip-card-inner>.flip-card-front>img{height: unset !important;margin: 38.5px 0;}
.cards2:nth-of-type(4)>.flip-card-inner>.flip-card-front>img {
    height: 90px !important;
    margin: 0 0 50px 0 !important;
}
.flip-card-inner {position: relative;width: 100%;height: 100%;text-align: center;transition: transform 0.8s;transform-style: preserve-3d;}
  
.flip-card:hover .flip-card-inner {transform: rotateY(180deg);}
  
.flip-card-front, .flip-card-back {position: absolute;width: 100%;height: 100%;-webkit-backface-visibility: hidden; /* Safari */backface-visibility: hidden;}
  
.flip-card-front {color: black;display: flex;flex-direction: column;align-items: center;justify-content: center;}
  
.flip-card-front>p {font-family: 'Source Sans Pro';font-style: italic;font-size: 17px;}

.flip-card-back {background-color: #f9ebdc;color: black;transform: rotateY(180deg);display: flex;flex-direction: column;align-items: center;justify-content: center;}

.flip-card-back>a{    display: flex;flex-direction: column;align-items: center;text-decoration: none;color: black;justify-content: center;}

.entre_resp:nth-of-type(2)>.bloc_texte{width: 100%;padding-right: 30px;text-align: justify;}

/*----[PROJETS]----*/
.slider_projets{margin-top: 50px;}
.slider_projets>.nos_projets>.container>.sujets>.cat{width: 1320px; flex-direction: column; height: 1330px; overflow-x: hidden;margin-left: -35px;}

.projets>.titre{align-items: flex-end; height: 80px;}
.projets>.titre>span{top: 0;}
.projet>.container{display: flex; flex-direction: column;}
.content_projet{display: flex;width: 1280px;margin: 50px auto;flex-direction: column;align-items: center;justify-content: space-between;}
#page_projets>.container>.sujets>.cat>.sujet{margin-left: 35px;}
.sujet:hover{cursor: pointer;}
.projet_texte>div {width: 40%;}
.projet>.container>hr{height: 2px; border: none; background: black; margin-top: 70px;width: 100%;margin-bottom: 20px;}
.projet_texte>hr{width: 2px; border: none; background: black; margin: 0 30px;}
.projet_texte{display: flex;justify-content: space-around;width: 100%;}
.projet_texte>div>h3{font-family: 'oswaldregular'; font-size: 20px; margin: 20px 0;}
.projet_texte>div>p, .reponse_projet>div>p{font-family: 'Source Sans Pro';font-size: 17px;}
.projet_texte>div>p{margin-bottom: 30px;}
.projet_images{margin-top: 20px;}
.projet_images>.images{display: flex; flex-direction: column;}
.projet_images>.images>img{margin-bottom: 20px;width: 1280px;height: auto;}
.projet_images>.images>iframe{width: 100%;height: 520px;margin-bottom: 20px;}
.reponse_projet{display: flex;}
.reponse_projet>span{    width: 15px;height: 2px;background: var(--jaune);display: block;transform: rotate(250deg) translate(-7px, -3px);}
.reponse_projet>p{margin-bottom: 10px;line-height: 13pt;font-family: "Source Sans Pro";width: fit-content}
.site_web_projet{font-family: 'Source Sans Pro Bold';color: var(--jaune);font-size: 17px;text-decoration: none;display: flex; margin-top: 20px;align-items: end;gap: 10px;}
.site_web_projet>img{width: 20px;}
.mots_cles_projet{font-family: 'Source Sans Pro';font-style: italic;color: grey; display: flex; align-items: self-end; margin-top: 30px;font-size: 13px !important;line-height: 12pt;}
.mots_cles_projet>img{width: 25px; margin-right: 10px;position: relative;transform: translate(0,0);top: -5px;}
#categories_mobiles, .animation_scroll_mobile{display: none;}
.projet{margin-bottom: 50px;}

.titre_page_projet {font-size: 60px !important;}



.mission{
    background: var(--beige);
    padding: 20px 10%;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 50px 0 20px 0;
}

.mission>.bloc_h2{
    font-family: 'oswaldlight';
    text-transform: uppercase;
    font-size: 25px;
    text-align: center;
}

.mission>.bloc_h2>hr{
    width: 30px;
    height: 2px;
    background: black;
    border: none;
    margin: 18px auto 50px auto;
}

.mission-content{
    display: flex;
    gap: 30px;
}

.mission-content>section{
    width: 50%;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.mission-content>section img{
    height: 90px;
}

.mission-content>section>div{
    display: flex;
    align-items: self-end;
    font-size: 36px;
    color: var(--rouge);
    font-family: 'Source Sans Pro';
    font-weight: 700;
}

.mission-content>section>p{
    font-family: 'Source Sans Pro';
    text-align: justify;
    line-height: 18pt;
}

.bloc_leitmotiv{
    display: flex;
    margin: 70px 0;
    gap: 80px;
    align-items: center;
}

.bloc_leitmotiv>img{
    height: 560px;
}

.leitmotiv-content {
    text-align: center;
    position: relative;
}

.leitmotiv-content p{
    font-family: 'Source Sans Pro';
    font-size: 19px;
    line-height: 18pt;
}

#g1{
    position: absolute;
    width: 70px;
    top: 0;
    left: 0;
    transform: translate(-80%, -50%);
}

#g2{
    position: absolute;
    bottom: 0;
    right: 40px;
    width: 40px;
    transform: translate(-100%, 40%);
}

.acc_container_2{
    display: flex;
    justify-content: space-evenly;
    gap: 40px 20px;
    flex-wrap: wrap;
    margin-top: 40px;
}

.card_acc{
    background: white;
    width: 40%;
    border-radius: 15px;
    border: 1px solid #FEE6D3;
    padding: 20px;

}

.card_acc>span{
    color: var(--jaune);
    font-size: 25px;
    font-weight: bold;
    text-decoration: underline;
    margin-bottom: 20px;
    display: block;
}

.card_acc *{
    font-family: 'Source Sans Pro';
    color: var(--bleu);
}

.soluces_entreprise {
    max-width: 520px;
    padding: 40px;
}

.soluces_entreprise>p{
    font-family: 'Source Sans Pro';
}
.soluces_entreprise>p>strong{
    font-family: 'Source Sans Pro Bold';
}

.bloc_resp>h3{
    font-size: 21px;
    font-family: "Source Sans Pro Bold";
}

.bloc_flex_surprise{
    display: flex;
    flex-direction: row-reverse;
    gap: 20px;
}

.bloc_flex_surprise>div>.bloc_resp{
    align-items: center;
    margin-bottom: 30px;
}

.bloc_flex_surprise>img{
    width: 50%;
}

.bloc_flex_surprise>div>*{
    font-family: 'Source Sans Pro';
}


/*----[SCROLL ANIMATION]----*/


/*----[RESPONSIVE]----*/
@media screen and (max-width: 1280px) {
    .header{width: 90%;}
    .container{width:90% !important}
    #menu-menu-header>li{margin-left: 0;}
    .sujets>.cat{width: 100%;}
    .bloc_paral{width: 40%;}
    .footer{width: 90%}
    .equipe>.container{justify-content: space-around;}
    .vignette{margin: 0 !important;}
    .flip-card-front{border: none !important;}
    .sujet>img{width: 200px;height: 200px;}
    .slider_projets>.nos_projets>.container>.sujets>.cat{width: 710px; height: 710px;}
    .fond{width:200px;height: 202px;}
    .projet_images>.images>img{width: 100%;}
    .projet_texte{flex-direction: column;align-items: center;}
    .projet_texte>div{width: 90%;}
    .content_projet{width: auto;}
    .reponse_projet>p{width: auto;}
}
@media screen and (max-width: 1200px) {
    .contact>.container{flex-direction: column}
    .emplacement_geographique{margin: auto; height: auto}
    .map{position: unset;margin-left: -7%;margin-top: 50px;}
    .nous_contacter{margin-top: 70px}
    .informations_contact{margin: auto}
    .informations_contact>.bouton{justify-content: center}
}
@media screen and (max-width: 1025px){

    /*----[GENERAL]----*/
    .container{width: 90% !important}
    

    /*----[HEADER]----*/
    .header{width: 95%;}

    /*----[FOOTER]----*/
    .footer{width: 90%}

    /*----[ACCUEIL]----*/
    .bloc_image_slogan{width: 115%}
    .chiffres_container{flex-wrap: unset}
    .sujets>.cat{width: 90%;margin: auto}
    .temoignages>img{left: -20px}

    /*----[COMPETENCES]----*/
    .competence, .competence:nth-of-type(even){flex-direction: column-reverse; align-items: center}
    .competence>.content{padding: 0 !important; width: 690px}
    .ingenierie, .ingenierie:nth-of-type(even){flex-direction: column-reverse; align-items: center}
    .ingenierie>.content{padding: 0 !important; width: 690px}
    .ingenierie:nth-of-type(even)>img:last-of-type {left: 130px;}
    .ingenierie:nth-of-type(odd)>img:last-of-type {right: 130px;}


}

@media screen and (max-width: 1025px){
    /*----[HEADER]----*/
    .header{width: 90%}
    .header>a{margin: auto;}
    .header>a>img{width: 70px;}
    .header_second_bloc{display: none}
    .header_second_bloc_mobile{display: block}
    .sub-menu{display: flex;}

    /*----[MENU BURGER]----*/
    #menuToggle {
        display: block;
        position: relative;
        z-index: 1;
        -webkit-user-select: none;
        user-select: none;
    }
    #menu-menu-principal-1{
        display: flex;
        position: absolute;
        bottom: -450px;
        right: -4px;
        flex-direction: column;
        padding: 20px;
        background: white;
        transition: opacity .3s linear;
        opacity: 0;
        height: fit-content;
    }
    #menuToggle>input {
        display: block;
        width: 40px;
        height: 32px;
        position: absolute;
        right: 0;
        top: 19px;
        cursor: pointer;
        opacity: 0; /* hide this */
        z-index: 2; /* and place it over the hamburger */
        -webkit-touch-callout: none;
    }
    #hamburger{position: absolute;right: 0;top: 25px;}
    #menuToggle>#hamburger>span {
        display: block;
        width: 33px;
        height: 4px;
        margin-bottom: 5px;
        position: relative;
        right:0;
        background: var(--bleu);
        border-radius: 3px;

        z-index: 1;

        transform-origin: 4px 0px;

        transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
        background 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
        opacity 0.55s ease;
    }
    #menuToggle>#hamburger>span:first-child {
        transform-origin: 0% 0%;
    }
    #menuToggle>#hamburger>span:nth-last-child(2) {
        transform-origin: 0% 100%;
    }
    #cont_menu{opacity: 0; background:white; height: fit-content;display: none;justify-content: center;transition: opacity .3s ease-in-out;height: 80vh;}
    #menuToggle>input:checked ~ #hamburger span {
        opacity: 1;
        transform: rotate(45deg) translate(-7px, -14px);
    }
    #menuToggle>input:checked ~ #hamburger span:nth-last-child(3) {
        opacity: 0;
        transform: rotate(0deg) scale(0.2, 0.2);
    }
    #menuToggle>input:checked ~ #hamburger span:nth-last-child(2) {transform: rotate(-45deg) translate(-5px, 13px);}
    #menuToggle>input:checked ~ #cont_menu{opacity: 1; display: flex}
    #cont_menu{position: absolute;width: 100vw;top: 130px;right: -22px;flex-direction: column-reverse;align-items: center;}
    #menu-menu-header-1{display: flex; flex-direction: column; align-items: center}
    #menu-menu-header-1>li{margin-top: 20px;}
    #menu-menu-header-1>li>a{font-size: 30px; text-decoration: none; color: black; text-transform: uppercase;}
    #menu-menu-header-1>li>a
    #menu-menu-header-1>li:hover .sub-menu, .sub-menu:hover{display: flex}
    .sub-menu{position: unset; width: auto;}
    .sub-menu>li{width: max-content; margin: auto}
    #cont_menu>.reseaux_sociaux{margin: 20px 0; width: 150px;justify-content: space-between;display: flex;}
    #cont_menu>.reseaux_sociaux>a>img{width: 40px;height: 40px;}
    input[type = "text"] {font-size: 18px;width: 200px;}
    /*----[FOOTER]----*/
    .footer{flex-direction: column;justify-content: space-around;}

    /*----[ACCUEIL]----*/
    .cercle_slogan{left: 288px;}
    .bloc_image_slogan>div:nth-of-type(2) {position: absolute;right: -240px;}
    .sujets>.cat {width: 100%}
    .sujet>img{width: 300px !important; height: 300px !important}

    /*----[EQUIPE]----*/
    .vignette>img:hover{filter: unset}

    /*----[ENGAGEMENTS]----*/
    .agence_col>.container, .agence_resp>.container, .ancrage>.container {width: 80%;}
    .picto_resp{width: unset}
    .agence_col>.container>p{width: 90%}
    .agence_col_bloc{flex-direction: column-reverse;}
    .agence_col_bloc>.bloc_rouge{position: initial;background: var(--rouge);width: 80%;margin: auto;height: unset}
    .agence_col_bloc>.bloc_rouge>.bloc_resp{width: 100%;position: initial;left: unset;top: unset;transform: unset;margin: 30px 0;}
    .agence_col_bloc>.bloc_blanc{width: 90%;position: initial;left: unset;top: unset;transform: unset;margin: 0;right: unset;align-items: center;display: flex;flex-direction: column;}
    .engagement {width: 340px;}
    #engagee>p{text-align: center}
}

@media screen and (max-width: 800px){
    /*----[ACCUEIL]----*/
    .cercle_slogan{left: 288px;}
    .bloc_image_slogan>div:nth-of-type(2) {position: absolute;right: -420px;}
    .sujets>.cat {width: 100%}
    .categories>li {margin: 60px 20px 30px 20px}


    /*----[EQUIPE]----*/
    .vignette{margin: 10px 0;}
    .vignette>img{height: 325px;}
    .vignette:nth-of-type(7)>hr{width: 404px}
    .vignette:nth-of-type(4)>hr,.vignette:nth-of-type(5)>hr,.vignette:nth-of-type(8)>hr{margin-left: 0; width: 325px}
    .vignette:nth-of-type(2),.vignette:nth-of-type(5),.vignette:nth-of-type(8){margin: 10px 0;}
    .vignette>.text_bloc{right: -15px; display: block}
    .vignette:last-of-type {margin: 0 auto}
    .vignette>.message_container{visibility: visible !important;}

    /*----[PROJETS]----*/
    .slider_projets>.nos_projets>.container>.sujets>.cat{width: 20%; overflow-y: hidden;}
    .content_projet{flex-direction: column;}
    .projet_texte{width: auto;}
    .projet_images>.images>img{width: auto;}
}

@media  screen and (max-width: 1025px) {
    h1{font-size: 50px !important;}
    /*----[HEADER]----*/

    /*----[FOOTER]----*/
    footer{height: auto; padding: 30px 0;top: -30px;}
    .footer{flex-direction: column-reverse}
    .footer>.navigation{flex-direction: column; align-items: center; margin-top: 20px}
    #menu-menu-footer{flex-direction: column; align-items: center}
    #menu-menu-footer>li{color: var(--bleu)}
    .newsletter_plaquette{flex-direction: column; align-items: center}
    .newsletter>hr{width: 200px;}
    .mailpoet_submit{margin-left: 5px !important;}
    .reseaux_sociaux_footer{display: none}
    .redirect_haut{top: 100px;}

    /*----[ACCUEIL]----*/
    .button {width: 484px;height: 284px;background: url(images/accueil/slogan_mobile.png) no-repeat;transform: scale(0.7);}
    .circle{display: none;}
    .in{display: none !important;}
    .bloc_image_slogan{width: 100%}
    .bloc_image_slogan>div:last-of-type{display: none}
    .slogan{width: 100%; height: 420px;}
    .slogan>h1{margin-left: 0;font-size: 20px !important;left: 50%; transform: translateX(-25%);}
    .slogan>.cercle_slogan{left: 205px}
    .qui_sommes_nous{height: 910px;}
    .qui_sommes_nous>.container>p:first-of-type{font-size: 40px !important;margin: 0 auto 41px auto !important;}
    .qui_sommes_nous_bloc{flex-direction: column-reverse}
    .chiffres_container>.chiffres{margin: 15px 75px;}
    .nos_valeurs{margin: 60px auto 0;}
    .nos_valeurs_texte{width: 100%}
    .nos_valeurs_texte>p{margin: 0}
    .chiffres_container{flex-direction: column}
    .chiffres>p{text-align: center}
    .axes>.container{flex-direction: column}
    .axe{width: 100%}
    .axe:first-of-type>.points_axe>p:first-of-type{    width: 70%;margin-bottom: 20px;text-align: center;}
    .points_axe>a{font-size:15px}
    .points_axe>a:hover{background: linear-gradient(#FFF 40%, var(--jaune) 50%, #FFF);}
    .categories{flex-direction: column}
    .categories>li {margin-top: 0}
    .categories>li:first-of-type{margin-top: 60px}
    .sujets >.cat{justify-content: center}
    .titre_sujet>p{font-size:25px}
    .slick-slider{width: 150%}
    .confiance>.container>.titre>h1{text-align: center;    width: 300px;}
    .confiance>.container{margin-bottom: 120px;}
    .temoignages{display: none;}
    .temoignages_mobile{display: block; position: relative;top: 30px;}
    .temoignages_mobile>img{position: absolute}
    .n2-section-smartslider{padding-top: 25px;}
    .confiance>.container>hr{display: none;}

    /*----[ENTREPRISE]----*/

    .entreprise>.repenser>.container, .entreprise>.container, .entreprise>.communication>.container, .entreprise>.entete>.container {width: 95%;}
    .repenser>.container{padding: 0;width: 90%;text-align: left;margin: auto;padding-top: 15px;background: var(--beige);}
    .repenser>.container>p{padding: 20px 20px; text-align: left}
    .repenser>.container>p:last-of-type{padding-bottom: 10px; padding-top: 0}

    .bloc_entreprise_etapes{flex-direction: column;height: 250px;}

    #mots_angelique{background: unset;    flex-direction: column-reverse;}
    #mots_angelique>.mots_angelique{width: 355px;margin: auto;margin-top: 20px;}
    #mots_angelique>img{width: 270px;margin: 15px auto 0;}
    .mots_angelique>img:last-of-type{bottom: 55px;right: 5px;}

    .valeurs{flex-direction: column;align-items: center;}
    .valeurs>.valeur{margin-bottom: 40px;}
    .valeurs>.valeur>p:first-of-type{margin: 15px 0 5px;}

    .bloc_h2>h2{width: 90%;margin: auto;}

    #comp_bloc{flex-direction: column;align-items: center;background: white;}
    .bloc_texte>p:first-of-type{margin-top: 10px;margin-left: 20px;}
    .bloc_resp>img{left: 20px;}

    .bloc_paral{width:90%}
    .bloc_paral>.bloc_resp>.bloc_texte>.en_voir_plus {margin: 40px auto;width: 70%;text-align: left;width: 95%;}
    .bloc_paral>.bloc_resp>.bloc_texte>.en_voir_plus>.cta{padding: 22px 5px;}
    #comp_bloc>div:nth-of-type(2){display: none !important}
    #competence_image{display: block;width: 100%}


    .accompagnement_container{width: auto}
    .accompagnement_container>.container{width: 90%}
    .accompagnement_container>.container>.en_voir_plus>.cta{padding: 19px 5px;}
    .bloc_accompagnement{flex-direction: column}
    .accompagnement{margin-bottom: 20px;}
    .accompagnement>hr{display: none}

    .sur_mesure{width:90%}
    .entreprise_equipe{width: 90%;display: flex;flex-direction: column-reverse;align-items: center;margin: -130px auto 30px;}
    .entreprise_equipe>img{width: 100vw;position: relative;margin-left: -21px;margin-bottom: -30px;}
    .bloc_solutions{position: unset;transform: unset;}

    /*----[EQUIPE]----*/
    .vignette{margin: 5px auto}
    .vignette:nth-of-type(7)>hr{width: 325px}
    .vignette:nth-of-type(2),.vignette:nth-of-type(5),.vignette:nth-of-type(8){margin: 0 auto}

    /*----[COMPETENCES]----*/
    .intro_competences, .intro_ingenierie{height: fit-content; padding: 20px 0}
    .intro_competences>h1{font-size: 45px !important}
    .intro_competences>p, .intro_ingenierie>p{width: 90%}
    .intro_competences>img{margin-bottom: -20px;}
    .competence>.content, .ingenierie>.content{width: auto}
    .competence>img, .ingenierie>img:first-of-type{height: 200px;width: 100%;}
    .content>.titre{width: 95%;margin-top:15px}

    .titre{width: auto;}
    .titre>h1{text-align: center;}
    .bloc_haut_details{    flex-direction: column;width: 90%;align-items: center;}
    .bloc_haut_details>.bloc_texte{width: 90%;margin-right: 0;}
    .ingenierie_details>img{    width: 90%;height: auto;}
    .le_plus{position: unset;transform: unset;width: auto;}
    .ingenierie_details>.container{width: 90% !important;}
    .ingenierie_details>.container>.bloc_strat_bas{width: 90% !important;}
    #inge{bottom: -50px;}
    .bloc_liste{    width: auto;flex-direction: column;align-items: center;}
    .bloc_liste>span{width: 124px; height: 2px;margin: 20px 0;}

    /*----[INGENIERIE]----*/
    .ingenierie>img:first-of-type {height: 200px !important; width: 100% !important;}
    .ingenierie>.content{margin-top: 30px;}
    .ingenierie:nth-of-type(odd)>img:last-of-type{right: 0; z-index: -2;}
    .ingenierie:nth-of-type(even)>img:last-of-type{left: 0; z-index: -2;}

    /*----[COMPETENCE DETAIL]----*/
    .ingenierie_details>.entete>.container>h1, #strategie_details>.entete>.container>h1{font-size:40px !important}
    .inge_bas_page>.bloc_rouge{width:90%}
    .inge_bas_page>.bloc_rouge>.liste{height: auto;width: auto;}
    .inge_bas_page>.bloc_rouge>.liste>.le_plus_container>.bloc_texte_rouge{width:auto}
    .inge_bas_page>.bloc_blanc{width: 80% !important;}
    .inge_bas_page>.bloc_blanc>div>p{text-align: left}

    #competences_bouton{margin-top: 40px !important;}

    /*----[ENGAGEMENTS]----*/
    .agence_col>.container{width: 100%;}

    .bloc_resp{margin-left: -25px;}
    .bloc_resp:nth-of-type(2){flex-direction: column;align-items: flex-start;}
    .bloc_resp:nth-of-type(2)>.bloc_texte {width: 85%;margin-top: -35px;margin-left: 42px;}
    .picto_resp{margin: 20px auto; width: 80%}
    .picto_resp>img{margin: 17px 7px}
    .agence_col_bloc>.bloc_rouge{width: 100%;}
    .bloc_rouge>.bloc_resp>.bloc_texte>p{margin-left: 20px;}
    .agence_col_bloc>.bloc_blanc{height: auto;margin: auto;width: 80%;}
    .bloc_blanc>h3{margin-left: auto;margin-right: auto;text-align: center;}
    .bloc_blanc>.bloc_resp{flex-direction: column;align-items: center;width: 80%;margin: 0 0 40px 0;}
    .bloc_blanc>.bloc_resp>img{margin-bottom: 20px;left: 0;}
    .bloc_blanc>.bloc_resp:nth-of-type(2)>.bloc_texte {margin-top: 0; margin-right: 0}
    .bloc_blanc>.bloc_resp>.bloc_texte{margin-left: 0}
    .bloc_blanc>.bloc_resp>.bloc_texte>p{margin-bottom: 20px; text-align: center}
    .bloc_blanc>.bloc_resp>.bloc_texte>hr{margin: auto;top: 0}
    .bloc_blanc>.bloc_resp:nth-of-type(2)>.bloc_texte>hr {top: unset}
    #engagee{display: none;}
    .engagements{justify-content: center}
    .engagement{width: auto}

    .bloc_texte{width: 85%;margin-left: 0;}

    .entre_resp:nth-of-type(2)>.bloc_texte{text-align: left}
    .flip-card-front{border: none !important;border-bottom: 1px solid !important;}
    .cards2>.flip-card-inner>.flip-card-front>img {height: 60px !important;}
    /*----[CONTACT]----*/
    .contact>.titre{justify-content: center;}
    .emplacement_geographique{width: 100%}
    .emplacement_geographique>p{width: 230px;}
    .informations_contact{margin: 0}
    .informations_contact>img{width: 100%}
    .groupe_formulaire{flex-direction: column;}
    .groupe_formulaire>div:first-of-type{    width: 200px;height: 200px;display: none;}


    /*----[PROJETS]----*/
    .projets>.titre{justify-content: center;}
    #page_projets>.container>.categories{display: none}
    .categories>li:first-of-type {margin-top: 0;}
    .slider_projets>.nos_projets>.container>.sujets{width: 100%;}
    .slider_projets>.nos_projets>.container>.sujets>.cat{width: auto;    height: 500px;margin-left: -14px;overflow-x: scroll;}
    .slider_projets>.nos_projets>.container>.sujets>.cat>.sujet:first-of-type{margin-left: 1720px;}
    .slider_projets>.nos_projets>.container>.sujets>.cat>.sujet>img{width: 140px !important; height: 130px !important;}
    .slider_projets>.nos_projets>.container>.sujets>.cat>.sujet>.fond{width: 110px;height: 105px;}
    .slider_projets>.nos_projets>.container>.sujets>.cat>.sujet>.titre_sujet>span:first-of-type{margin-bottom: 20px}
    .slider_projets>.nos_projets>.container>.sujets>.cat>.sujet>.titre_sujet>span:last-of-type{margin-top: 20px}
    .slider_projets>.nos_projets>.container>.sujets>.cat>.sujet>.titre_sujet>p{font-size: 15px;}
    .navigation>.bouton{display: none;}

    #categories_mobiles{display: block; width: 100%;}
    #categories_mobiles>form{width: 100%;display: flex;justify-content: center;}
    #categories_mobiles>form>select{width: 90%;border: none;border-bottom: 2px solid;margin-bottom: 15px;background: white;outline: none;}
    .animation_scroll_mobile{display: block; opacity: 0; animation: hide 5s}
    @keyframes hide{
        0% {opacity: 1;}
        75%{opacity: 1;}
        100% {opacity: 0; display: none;}
    }
    #splash_fond_scroll{height: 140vh;width: 100%;background: grey;opacity: 0.8;position: absolute;top: 0;left: 0;}
    #arrow{width: 40px;position: absolute;top: 620px;left: 50%;transform: translateX(-50%);}
    #hand_scroll{position: absolute;top: 320px;left: 50%;transform: translateX(-50%) scale(0.1); animation: hand_shake 2s infinite;}
    @keyframes hand_shake {
        0%{left: 50%}
        50%{left: 60%}
        100%{left: 50%}
    }
    .animation_scroll_mobile>p{    position: absolute;top: 800px;left: 50%;transform: translate(-50%);width: fit-content;color: white;}
    .fond{width: 250px;height: 250px;background: white;opacity: 1;position: absolute;top: 50%; left: 50%; display: none; transform: translate(-50%, -50%);}
    .titre_sujet>span {width: 35px;}
}

@media screen and (max-width: 350px){
    input[type = "text"] {width: 80%}
    .vignette{transform: scale(0.8);}
}