#stratMarketing{
  min-height:4000px;
}
#stratMarketing .zone0 .container{
  height:1000px;
  display: flex;
  justify-content: space-between;
}
#stratMarketing .zone0 .container div.titre{
  width:305px;
}
#stratMarketing .zone0 .container div.titre h1{
  color: #10069f;
  font-family: Galano, sans-serif;
  font-size: 50px;
  font-weight: normal;
  line-height: 55px; /* 110% */
  letter-spacing: -1.5px;
  margin-top: 50%;
}
#stratMarketing .zone0 .container div.titre .headerTitle{
  display: block;
}
#stratMarketing .zone0 .container div.titre .headerTitleMobile{
  display: none;
}
#stratMarketing .zone0 .container div.texte{
  position:sticky;
  top:0;
  height:420px;
}
#stratMarketing .zone0 .container div.texte p.subtitle{
  width:630px;
  color: #10069F;
  font-family: Burgess, serif;
  font-size: 33px;
  font-weight: normal;
  letter-spacing: normal;
  line-height: 37px; /* 112.121% */
  padding-top:15px;
  text-transform: none;
}
#stratMarketing .zone1 .container{
  height:800px;
}
#stratMarketing .zone1 .container div.texte{
  width:58%;
  display: inline-flex;
  justify-content: flex-end;
  align-items: center;
  position: sticky;
  top:40px;
}
#stratMarketing .zone1 .container div.texte p{
  color: #10069f;
  font-family: Burgess, serif;
  font-size: 33px;
  font-weight: normal;
  letter-spacing: normal;
  line-height: 37px; /* 112.121% */
  text-transform: none;
}
#stratMarketing .zone2 .container1{
  min-height:2500px;
  margin-top:50px;
  padding-bottom:100px;
}
#stratMarketing .zone2 .container1 div.titre{
  width:75%;
  position:sticky;
  top:50px;
  height:1000px;
}
#stratMarketing .zone2 .container1 div.titre span{
  color:#10069f;
  font-family: Burgess, serif;
  font-size: 120px;
  font-style: normal;
  font-weight: normal;
  line-height: 138px;
}
#stratMarketing .zone2 .container1 div.bouton{
  width:100%;
  display: flex;
  justify-content: flex-end;
  position:sticky;
  top:200px;
}
#stratMarketing .zone2 .container1 div.bouton .cerclebleu{
  background-color: #10069f;
  width:200px;
  height:200px;
  border-radius: 50%;
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
}
#stratMarketing .zone2 .container1 div.bouton .cerclebleu span{
  color:white;
  text-align: center;
  font-family: Galano, sans-serif;
  font-size: 16px;
  font-weight: bold;
  text-transform: uppercase;
  padding-bottom:10px;
}
#stratMarketing .zone2 .container1 div.bouton .cerclebleu svg{
  stroke:white;
}
#stratMarketing .zone2 .container1 .soustitreServices{
  background-color: white;
  z-index:2;
  display: flex;
  align-items: center;
  position:relative;
  height:176px;
  width:76%;
  transform: translateZ(0);
  -webkit-transform: translate3d(0,0,0);
}
#stratMarketing .zone2 .container1 .soustitreServices span{
  color:#10069f;
  font-family: Galano, sans-serif;
  font-size: 19px;
  font-style: normal;
  font-weight: bold;
  line-height: 21px; /* 110.526% */
  text-transform: uppercase;
}
#stratMarketing .zone2 .container1 .listeServices{
  display: flex;
  flex-flow: column;
  width:76%;
  position:relative;
  z-index:3;
  background-color: white;
  min-height: 700px;
  transform: translateZ(0);
  -webkit-transform: translate3d(0,0,0);
}
#stratMarketing .zone2 .container1 .listeServices .accordionContainer{
  position:relative;
  z-index:3;
  background-color: white;
}
#stratMarketing .zone2 .container1 .listeServices .accordionContainer hr{
  width:100%;
  height:1px;
  background: #10069f;
  border:0;
  border-color: #10069f;
  color:#10069f;
}
#stratMarketing .zone2 .container1 .listeServices .accordionContainer h2{
  color: #10069f;
  font-family: Galano, sans-serif;
  font-size:27px;
  font-weight: bold;
  padding-top:10px;
}
#stratMarketing .zone2 .container1 .listeServices .accordionContainer .accordion{
  background-color: transparent;
  cursor: pointer;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 18px;
  transition: 0.4s;
}
#stratMarketing .zone2 .container1 .listeServices .accordionContainer .accordion p{
  color:#403F50;
  font-family: Galano, sans-serif;
  font-size: 18px;
  font-weight: normal;
  letter-spacing: -0.18px;
  line-height: 28px;
  width:65%;
}
#stratMarketing .zone2 .container1 .listeServices .accordionContainer .accordion::after{
  content: '+';
  color: #10069f;
  margin-left: 5px;
  left: 98%;
  bottom: 28px;
  position: relative;
  font-family: Galano, sans-serif;
  font-size: 27px;
  font-weight: bold;
}
#stratMarketing .zone2 .container1 .listeServices .accordionContainer .active::after{
  content: "-";
}
#stratMarketing .zone2 .container1 .listeServices .accordionContainer .panel{
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
  width: 100%;
}
#stratMarketing .zone2 .container1 .listeServices .accordionContainer .panel p{
  color:#403F50;
  font-family: Galano, sans-serif;
  font-size: 18px;
  font-weight: normal;
  letter-spacing: -0.18px;
  line-height: 28px;
  width:65%;
  padding: 25px 18px 50px 18px;
}
#stratMarketing .zone2 .container1 .listeServices .sansAccordeon{
  padding-bottom: 30px;
}
#stratMarketing .zone3{
  background-color: #10069f;
  position:relative;
  z-index:9;
  background-size: cover;
  background-attachment: fixed;
  min-height: 100vh;
}
#stratMarketing .zone3 .container{
  display: flex;
  align-items: center;
  height: 100vh;
}
#stratMarketing .zone3 .container .BigTitle{
  color:white;
  font-family: Burgess, serif;
  font-size: 120px;
  font-style: normal;
  font-weight: 400;
  line-height: 138px; /* 115% */
  width:41%;
}
#stratMarketing .zone4{
  position:relative;
  z-index:99;
}
#stratMarketing .zone4 .container{
  padding:250px 0 80px 0;
  display:flex;
  justify-content: space-between;
  flex-wrap:wrap;
}
#stratMarketing .zone4 .container .cercle-mobile{
  display:none;
}
#stratMarketing .zone4 .container .left{
  width:50%;
  height:1300px;
}
#stratMarketing .zone4 .container .left div.text{
  position:sticky;
  top:267px;
}
#stratMarketing .zone4 .container .left h2{
  color: #10069f;
  font-family: Galano, sans-serif;
  font-size:27px;
  font-weight: bold;
  padding-top:10px;
  margin-bottom:10px;
}
#stratMarketing .zone4 .container .left p{
  color:#403F50;
  font-family: Galano, sans-serif;
  font-size: 18px;
  font-weight: normal;
  letter-spacing: -0.18px;
  line-height: 28px;
}
#stratMarketing .zone4 .container .right{
  width:50%;
  display: flex;
  flex-flow:column;
  align-items: center;
  height:1300px;
}
#stratMarketing .zone4 .container .right .grosCercle1{
  margin-bottom:20px;
  position:sticky;
  top:200px;
}
#stratMarketing .zone4 .container .right .petitCercle{
  margin-bottom: 70px;
  position:sticky;
  top:250px;
}
#stratMarketing .zone4 .container .right .cercleBleu{
  position:sticky;
  top:300px;
  margin-bottom:120px;
}
#stratMarketing .zone5{
  position: relative;
  z-index:99999;
  background-color: white;
}
#stratMarketing .zone5 .container{
  padding:0 0 80px 0;
  display:flex;
  justify-content: space-between;
  flex-wrap:wrap;
  max-width: 1200px;
  margin: auto;
}
#stratMarketing .zone5 .container .cercles-mobile{
  display:none;
}
#stratMarketing .zone5 .container .left{
  width:51%;
  height:1100px;
}
#stratMarketing .zone5 .container .left div.text{
  position:sticky;
  top:267px;
}
#stratMarketing .zone5 .container .left h2{
  color: #10069f;
  font-family: Galano, sans-serif;
  font-size:27px;
  font-weight: bold;
  padding-top:10px;
  margin-bottom:10px;
}
#stratMarketing .zone5 .container .left p{
  color:#403F50;
  font-family: Galano, sans-serif;
  font-size: 18px;
  font-weight: normal;
  letter-spacing: -0.18px;
  line-height: 28px;
}
#stratMarketing .zone5 .container .right{
  width:42%;
  height:1100px;
}
#stratMarketing .zone5 .container .right .grosCercle1{
  position:sticky;
  left:80px;
  top:200px;
}
#stratMarketing .zone5 .container .right .grosCercle2{
  position:sticky;
  top:200px;
  margin-bottom: 180px;
  text-align: right;
}
#stratMarketing .zone6{
  position:relative;
}
#stratMarketing .zone6 .container{
  position:relative;
  min-height:750px;
  display: flex;
  justify-content:space-between;
  flex-wrap:wrap;
}
#stratMarketing .zone6 .container .left{
  width:48%;
  height:850px;
}
#stratMarketing .zone6 .container .left div.text{
  position:sticky;
  top:200px;
}
#stratMarketing .zone6 .container .left h2{
  color: #10069f;
  font-family: Galano, sans-serif;
  font-size:27px;
  font-weight: bold;
  padding-top:10px;
  margin-bottom:10px;
}
#stratMarketing .zone6 .container .left p{
  color:#403F50;
  font-family: Galano, sans-serif;
  font-size: 18px;
  font-weight: normal;
  letter-spacing: -0.18px;
  line-height: 28px;
}
#stratMarketing .zone6 .container .right{
  width:48%;
}
#stratMarketing .zone6 .container .right .imgLignes{
  width:100%;
}
#stratMarketing .zone7{
  padding-top:80px;
}
#stratMarketing .zone7 .galeriePhotos{
  display: grid;
  grid-template-columns: repeat(5, 1fr); 
  grid-template-rows: repeat(5, auto); 
  gap: 0; 
}
#stratMarketing .zone7 .galeriePhotos div{
  position:sticky;
  top:0;
  overflow: hidden;
}
#stratMarketing .zone7 .galeriePhotos div img{
  width:100%;
  height:100%;
}
#stratMarketing .zone7 .blocTexte .container{
  padding:30px 0 180px 0;
}
#stratMarketing .zone7 .blocTexte .container h2{
  color: #10069f;
  font-family: Galano, sans-serif;
  font-size:27px;
  font-weight: bold;
  padding-top:10px;
  margin-bottom:10px;
}
#stratMarketing .zone7 .blocTexte .container p{
  color:#403F50;
  font-family: Galano, sans-serif;
  font-size: 18px;
  font-weight: normal;
  letter-spacing: -0.18px;
  line-height: 28px;
  width:50%;
}
#stratMarketing .zone7 .galeriePhotosMobile{
  display:none;
}
#stratMarketing .zone7 .galeriePhotosMobile div{
  position:relative;
  top:unset;
}
#stratMarketing .zone7 .galeriePhotosMobile div img{
  width:100%;
  margin-top:-3px;
}
#stratMarketing .zone7 .blocTitreMobile{
  display:none;
}
#stratMarketing .zone7 .blocTitreMobile h2{
  color: #10069f;
  font-family: Galano, sans-serif;
  font-size:20px;
  line-height:24px;
  margin:40px 0;
  font-weight: bold;
}
#stratMarketing .zone7 .blocTitreMobile h2 br{
  display: none;
}
#stratMarketing .zone7 .blocTexteMobile{
  display:none;
}
#stratMarketing .zone7 .blocTexteMobile p{
  color:#403F50;
  font-family: Galano, sans-serif;
  font-size:16px;
  line-height:19px;
  letter-spacing: -0.16px;
  margin:40px 0;
}
#stratMarketing .zone8{
  background-color: #10069f;
}
#stratMarketing .zone8 .container{
  padding:100px 0;
}
#stratMarketing .zone8 .container h2{
  color:white;
  font-family: Burgess, serif ;
  font-style: normal;
  font-weight: normal;
  font-size:33px;
  line-height: 37px;
  margin-bottom:50px;
}
#stratMarketing .zone8 .container form{
  color: white;
  font-size: 1.5rem;
  font-weight: 100;
  font-family: Galano, sans-serif;
  display: flex;
  justify-content: space-between;
  flex-wrap:wrap;
}
#stratMarketing .zone8 .container form div{
  width:45%;
}
#stratMarketing .zone8 .container form p{
  font-weight:bold;
  font-size:16px;
}
#stratMarketing .zone8 .container form label{
  margin-top: 25px;
  display: block;
}
#stratMarketing .zone8 .container form input, #stratMarketing .zone8 .container form textarea{
  background-color: #10069f;
  color: white;
  border:1px solid white;
  border-radius: 20px;
  margin-bottom: 10px;
  margin-top:12px;
  width: 100%;
  line-height: 2;
  padding:5px 7px;
}
#stratMarketing .zone8 .container form textarea{
  height: 320px;
}
#stratMarketing .zone8 .container form input[type='submit'] {
  width: auto;
  border: none;
  font-weight: bold;
  font-size: 28px;
  margin-bottom: 0;
  cursor: pointer;
}
#stratMarketing .zone8 .container form .form_btnEnvoyer {
  display: block;
  padding-top: 20px;
  width:100%;
}
#stratMarketing .accordion[aria-expanded="true"] + .panel {
  max-height: 300px;
}

@media (max-width: 1512px) {
  #stratMarketing .zone2 .container1 div.titre{
    height: 850px;
  }
  #stratMarketing .zone4 .container .left{
    height:1000px;
  }
  #stratMarketing .zone4 .container .right{
    height:1000px;
  }
  #stratMarketing .zone5 .container .left{
    height:1000px;
  }
  #stratMarketing .zone5 .container .right{
    height:1000px;
  }
}
@media (max-width: 1440px) {
  #stratMarketing .zone2 .container1 .listeServices{
    min-height:1200px;
  }
}
@media (max-width: 1280px) {
  #stratMarketing .zone2 .container1 div.titre span{
    font-size:110px;
    line-height:128px;
  }
}
@media (max-width: 1180px) {
  #stratMarketing .zone3 .container .BigTitle{
    width:55%;
  }
  #stratMarketing .zone5 .container .left{
    width:44%
  }
  #stratMarketing .zone5 .container .right{
    width:50%;
  }
}  
@media (max-width: 1040px) {
  #stratMarketing .zone0 .container div.titre{
    width:30%;
  }
  #stratMarketing .zone0 .container div.texte{
    width:66%;
  }
  #stratMarketing .zone0 .container div.texte p.subtitle{
    width:100%;
  }
  #stratMarketing .zone2 .container1{
    min-height:1800px;
  }
  #stratMarketing .zone2 .container1 div.bouton .cerclebleu{
    width:220px;
    height:220px;
  }
  #stratMarketing .zone2 .container1 .soustitreServices{
    width:100%;
  }
  #stratMarketing .zone2 .container1 .listeServices{
    width:100%;
    min-height:800px;
  }
  #stratMarketing .zone2 .container1 .listeServices .accordionContainer .accordion p{
    width:75%;
  }
  #stratMarketing .zone4 .container .left h2{
    width:90%;
  }
  #stratMarketing .zone5 .container .right{
    width:55%;
  }
  #stratMarketing .zone7 .blocTexte .container{
    padding:80px 0;
  }
}
@media (max-width: 820px) {
  #stratMarketing .zone0 .container{
    flex-wrap:wrap;
  }
  #stratMarketing .zone0 .container div.titre{
    width:100%;
  }
  #stratMarketing .zone0 .container div.texte{
    width:90%;
  }
  #stratMarketing .zone0 .container div.texte p.subtitle{
    padding-top:0;
    margin-top:0;
  }
  #stratMarketing .zone1 .container{
    height:500px;
  }
  #stratMarketing .zone1 .container div.texte{
    top:10px;
    width:90%;
  }
  #stratMarketing .zone2 .container1 div.titre{
    width:100%;
    height:600px;
  }
  #stratMarketing .zone2 .container1 div.titre span{
    font-size:100px;
  }
  #stratMarketing .zone2 .container1 div.bouton{
    justify-content: center;
    top:500px;
  }
  #stratMarketing .zone2 .container1 .listeServices .accordionContainer h2{
    font-size:25px;
  }
  #stratMarketing .zone2 .container1 .listeServices .accordionContainer .panel p{
    width:80%;
  }
  #stratMarketing .zone3 .container .BigTitle{
    width:90%;
    font-size: 100px;
  }
  #stratMarketing .zone4 .container .left div.text{
    top:225px;
  }
  #stratMarketing .zone5 .container .left{
    width:85%;
    height: 200px;
  }
  #stratMarketing .zone5 .container .left div.text{
    top:0;
  }
  #stratMarketing .zone5 .container .right{
    width:70%;
    height:600px;
  }
  #stratMarketing .zone5 .container .right .grosCercle1{
    top: 100px;
  }
  #stratMarketing .zone5 .container .right .grosCercle2{
    top: 100px;
  }
}
@media screen and (max-width: 800px) and (max-height: 1280px){
  #stratMarketing .zone2 .container1 div.titre span{
    font-size:95px;
  }
}
@media (max-width: 768px) {
  #stratMarketing .zone0 .container{
    height:850px;
  }
  #stratMarketing .zone0 .container div.titre h1{
    margin-top:40%;
  }
  #stratMarketing .zone2 .container1 .listeServices .accordionContainer h2{
    font-size:23px;
  }
  #stratMarketing .zone3 .container .BigTitle{
    width:100%;
  }
  #stratMarketing .zone7 .blocTexte .container p{
    width:80%;
  }
  #stratMarketing .zone8 .container form div{
    width:85%;
  }
}
@media (max-width: 500px) {
  #stratMarketing .zone0 .container{
    height:auto;
  }
  #stratMarketing .zone0 .container div.titre .headerTitleMobile {
      margin-top: 0 !important;
  }
  #stratMarketing .zone0 .container div.titre .headerTitle{
    display:none;
  }
  #stratMarketing .zone0 .container div.titre .headerTitleMobile{
    display: block;
    margin-bottom:20px;
    margin-top:38%;
  }
  #stratMarketing .zone0 .container div.texte{
    position:relative;
    width:100%;
    height:auto;
  }
  #stratMarketing .zone0 .container div.texte p.subtitle{
    font-size: 20px;
    line-height: 23px;
  }
  #stratMarketing .zone1 .container{
    height:auto;
  }
  #stratMarketing .zone1 .container div.texte{
    position:relative;
    width:100%;
  }
  #stratMarketing .zone1 .container div.texte p{
    font-size: 20px;
    line-height: 23px;
  }
  #stratMarketing .zone2 .container1{
    height:auto;
    min-height:auto;
    margin-top:120px;
  }
  #stratMarketing .zone2 .container1 div.titre{
    position:relative;
    height:auto;
    top:unset;
    margin-bottom:250px;
  }
  #stratMarketing .zone2 .container1 div.titre span{
    font-size: 55px;
    line-height: 60px;
  }
  #stratMarketing .zone2 .container1 div.titre span br{
    display:none;
  }
  #stratMarketing .zone2 .container1 div.bouton{
    position:relative;
    top:unset;
  }
  #stratMarketing .zone2 .container1 div.bouton .cerclebleu span{
    padding-bottom:0;
  }
  #stratMarketing .zone2 .container1 .soustitreServices{
    height:auto;
    margin-top:80px;
  }
  #stratMarketing .zone2 .container1 .soustitreServices span{
    font-size:16px;
  }
  #stratMarketing .zone2 .container1 .listeServices{
    min-height:auto;
    padding-bottom:80px;
  }
  #stratMarketing .zone2 .container1 .listeServices .accordionContainer h2{
    font-size:20px;
    width:80%;
  }
  #stratMarketing .zone2 .container1 .listeServices .accordionContainer .accordion{
    padding:0;
  }
  #stratMarketing .zone2 .container1 .listeServices .accordionContainer .accordion::after{
    bottom:40px;
    left:94%;
  }
  #stratMarketing .zone2 .container1 .listeServices .accordionContainer .accordion.last::after{
    bottom:27px;
    left:94%;
  }
  #stratMarketing .zone2 .container1 .listeServices .accordionContainer .panel p{
    width:100%;
    padding:0 0 50px 0;
    font-size: 16px;
    line-height: 19px;
    letter-spacing: -0.16px;
  }
  #stratMarketing .zone3 .container .BigTitle{
    font-size:80px;
    line-height:90px;
  }
  #stratMarketing .zone4 .container{
    padding:100px 0;
  }
  #stratMarketing .zone4 .container .cercle-mobile{
    display:block;
    width:100%;
    text-align:center;
  }
  #stratMarketing .zone4 .container .left{
    width:100%;
    height:auto;
  }
  #stratMarketing .zone4 .container .left div.text{
    position:relative;
    top:unset;
  }
  #stratMarketing .zone4 .container .left h2{
    font-size:20px;
    line-height:24px;
    margin-top:20px;
    margin-bottom:40px;
  }
  #stratMarketing .zone4 .container .left p{
    font-size:16px;
    line-height:19px;
    letter-spacing: -0.16px;
  }
  #stratMarketing .zone4 .container .right{
    display:none;
  }
  #stratMarketing .zone5 .container{
    padding:100px 0 80px 0;
  }
  #stratMarketing .zone5 .container .cercles-mobile{
    display:block;
    width:100%;
    text-align:center;
  }
  #stratMarketing .zone5 .container .cercles-mobile img{
    width:100%;
  }
  #stratMarketing .zone5 .container .left{
    width:100%;
    height:auto;
    margin-bottom:100px;
  }
  #stratMarketing .zone5 .container .left div.text{
    position:relative;
    top:unset;
  }
  #stratMarketing .zone5 .container .left h2{
    font-size:20px;
    line-height:24px;
    margin-top:20px;
    margin-bottom:40px;
  }
  #stratMarketing .zone5 .container .left p{
    font-size:16px;
    line-height:19px;
    letter-spacing: -0.16px;
  }
  #stratMarketing .zone5 .container .right{
    display: none;
  }
  #stratMarketing .zone6 .container{
    min-height:unset;
    flex-wrap:wrap-reverse;
  }
  #stratMarketing .zone6 .container .left{
    width:100%;
    height:unset;
  }
  #stratMarketing .zone6 .container .left div.text{
    position:relative;
    top:unset;
  }
  #stratMarketing .zone6 .container .left h2{
    font-size:20px;
    line-height:24px;
    margin-top:20px;
    margin-bottom:40px;
  }
  #stratMarketing .zone6 .container .left p{
    font-size:16px;
    line-height:19px;
    letter-spacing: -0.16px;
  }
  #stratMarketing .zone6 .container .right{
    width:100%;
  }
  #stratMarketing .zone7 .galeriePhotos{
    display: none;
  }
  #stratMarketing .zone7 .blocTexte{
    display:none;
  }
  #stratMarketing .zone7 .blocTexte .container h2{
    font-size:20px;
    line-height:24px;
  }
  #stratMarketing .zone7 .blocTexte .container p{
    font-size:16px;
    line-height:19px;
    letter-spacing: -0.16px;
    width:100%;
  }
  #stratMarketing .zone7 .galeriePhotosMobile{
    display: grid;
    grid-template-columns: repeat(3, 1fr); 
    grid-template-rows: repeat(3, auto); 
    gap: 0; 
  }
  #stratMarketing .zone7 .blocTitreMobile{
    display:block;
  }
  #stratMarketing .zone7 .blocTexteMobile{
    display:block;
  }
  #stratMarketing .zone8{
    margin-top:-3px;
  }
  #stratMarketing .zone8 .container form div{
    width:100%;
  }
  #stratMarketing .zone8 .container form input, #stratMarketing .zone8 .container form textarea{
    width:95%;
  }
}
@media (max-width: 360px) {
  #stratMarketing .zone2 .container1 div.titre span{
    font-size: 65px;
  }
  #stratMarketing .zone5 .container{
    padding:20px 0 80px 0;
  }
}