body{
    font-family: 'Poppins', sans-serif;
    color:#333;
    margin:0;
    height:calc(100vh - 110px);
    padding-top:109px;
    background:#fff;
}
.container{
    max-width:1440px;
    width:90%;
    margin:0 auto;
    min-height:200px;
    
}
header .container{min-height:0}
 .Stmpl2 p a, .Stmpl3 p a, .V2  .Stmpl1 p a{ color:#43B02A;}
 .Stmpl1 p a, .Stmpl4 p a,.V2 .Stmpl1 p .btnCta{ color:#fff;}
header{
    width: 100%;
    padding-top: 12px;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 100000;
    background: #fff;
    vertical-align:top;
height:109px;}
header .container{max-width:100%}
#logoHead{max-width:30%;vertical-align:top;position:absolute;}
header nav{float:right;text-align:right;margin-top:35px;}
.parentNav{list-style:none;display:inline-block;margin:0;text-align:left;position:relative;}
.parentNav > li > a{text-decoration:none;
    color:#333;
    padding-bottom:50px;
    display:inline-block;
    margin-bottom:-10px;
    transition: border-color 0.5s ease, color 0.5s ease;}

.parentNav a{ color:#333;text-decoration:none;}
.parentNav > li > a:hover{border-color:#FFB549;color:#FFB549;}
.parentNav > li{display:inline-block;margin-right:20px;}

/*.parentNav > li:before{content: " >";
    float: right;
    height: 22px;
    width: 22px;
    transform: rotate(
90deg
);
    margin-top: 9px;
    transition:color 0.5s ease;
} */
.parentNav > li.u:before{content:"";
    width: 10px;}
.parentNav > li:hover:before{
    color:#FFB549;
}

.parentNav > li > ul{
    opacity:0;
    position: absolute;
    top: 77px;
    left: 0;
    width: 100%;
    background: #ededed;
    transition: opacity 0.5s ease;
    height:0;
    overflow:auto;
    list-style:none;
    max-height:calc(100vh - 120px)
}
.parentNav > li > ul li:first-child, .parentNav > li > ul > a.first{
    margin-top:20px;
}
.parentNav > li > ul >.M a{
   display:block;
   margin-top:10px;
   font-weight:bold;
   text-decoration:none;
}

.parentNav > li > ul:before{
    width:0;height:9px;background:#FFB549;position:fixed;top:116px;left:0;content:"";border-bottom:1px solid #FBDE40;;
    transition: width 0.8s ease;
}




.parentNav > li:hover > ul{display:block;opacity:1;height:auto; padding-bottom:20px;}
.parentNav > li:hover > ul:before{
    width:100%;
}

.parentNav > li > ul >li a{
    width:100%;
    border-bottom:2px solid #ededed;
    transition:border-color 0.5s ease;
}
.parentNav > li > ul >li:hover a{
    width:100%;
    border-color:#43B02A;
}
.parentNav > li > ul >.M a{

    background-color:#ededed;
    transition:border-color 0.5s ease,color 0.5s ease;
}
.parentNav > li > ul >.M a:hover {
    border-color:#43B02A;
    color:#43B02A;
}

.parentNav a.head-contact {color:#fff;}
.head-contact
{
padding: 10px 40px;
color: #fff;
background-color: #43B02A;
text-decoration: none;
text-align: center;
position: relative;
border-radius: 20px;
margin: -10px 0 0;
transition: background-color 0.2s ease;
float: right;
color:#fff;
}

/*.head-contact:hover
{
background-color:#A9C23F;
}*/

.contactBox{
    text-align:center;
    margin-top:80px;
    padding-bottom:40px;
    position:relative;
}
.contactBox h3{color:#253368;font-size:32px;position:relative;text-shadow: #FFF 1px 0 10px;z-index:12;background:rgba(255, 255, 255, .8)}
.contactBox p{position:relative;}
#middleText .contactBox p, .middleText .contactBox p{width:50%;margin:0 auto 40px; line-height:1.8em;font-weight: normal;background-color: rgba(255, 255, 255, .8);position: relative;
    z-index: 14;
}
.ctaBox{text-align:left;width:50%;display:block;margin-bottom:50px;}
.ctaBox .btnCta:first-child{margin-right:40px;}

#contactFormBox .container form label.errorInput,#contactFormBox .container form label.errorInput input,#contactFormBox .container form label.errorInput textarea{background:red;color:#fff;}

.btnCta
{
    padding: 10px 40px;
    color: #EDEDED;
    background-color: #43B02A;
    text-decoration: none;
    font-weight: normal;
    text-align: center;
    position: relative;
    border-radius: 20px;
    margin: 10px auto;
    transition: background-color 0.2s ease;
    cursor:pointer;
    display:inline-block;
    min-width:150px;
}

.fullColor{
    width:100%;
    background:#fff;
    padding:80px 0 0;
    position:relative;
}
.fullColor .visual{max-width: 35%;
    margin-top: -25px;
    position: absolute;
    margin-right: 170px;
    right: 0;
    z-index: 10;
   
}
.fullColor .curvyBottom{
    margin-top:-13vw;
    background:#fff
}
.fullColor .curvyBottom  path{fill: blue;}

.fullColor h1{
     /*margin-left:50%;*/
     width:50%;
    color: #FFF;
    /*text-transform: uppercase;*/
    margin-top: 0;
    font-size: 38px;
    text-align: left;
    position: relative;
    
}

.fullColor p{
    color:#fff;
    position:relative;
    /*margin-left:50%;*/
    width:50%;
    text-shadow: 0 0 5px rgba(0,0,0,.9);
    
  
    
}
.leftBall{
    width: 50vw;
    height: 50vw;
    border-radius: 50%;
    position: absolute;
    left: -19vw;
    top: -58vw;
    transition: left 3s , top 3s;
}
.leftBall.anime{
    left: -14vw;
    top: -38vw;
}
.rightBall{
    width: 35vw;
    height: 35vw;
    border-radius: 50%;
    position: absolute;
    right: -14vw;
    top: -18vw;
}

.fullColor.v2{background:#FF8A3D;}
.fullColor.v2 .leftBall{ background: #FFB549;}

.fullColor.v3{background:#FFB549;}
.fullColor.v3 .leftBall{ background: #FBDE40;}

.fullColor.v4{background:#A9C23F;}
.fullColor.v4 .leftBall{ background: #FBDE40;}

.bancal,.bancal2{
    width:100%;
    background:#fff;
    padding:10px 0 10px;
    overflow:hidden;
    position:relative;

}
.bancal{margin-top:-65px;}
.bancal2{background:#FF8A3D;overflow:visible;}
.contentList.carrouselOn .bancal2{display:none;}
.contentList.carrouselOn .bancal2.onShow{display:inline-block;}

.bancal2 .container .tmp2{width:50%;margin-left:0}
.bancal2.onShow .container .tmp2{margin-top:-150px;}
.bancal2 .container p{color:#fff;line-height:1.8em;}
.bancal2 .titlestrong{margin: 0;
    text-align: left;
    font-size: 22px;
    font-weight: normal;}
.btmContentImg{position:absolute;right: 0;
    z-index: 5;}
.bancal2 h3{  
    color: #A9C23F;
  
    margin-top: 0;
    font-size: 36px;
    text-align: left;
    position: relative;}
    .bancal2 h3 a{text-decoration:none;}
.bancal .container > p{
    width:50%;
    color:#333;
    position:relative;
    margin:0 auto;
    line-height:1.6em;
    position:relative;
  
    
}
.navArrow.linkL .prevA{position: absolute;
    right: 40%;
    margin-top: 175px;
    z-index: 15;}

.navArrow.linkL .nextA{position: absolute;
    right: 0;
    margin-top: 175px;
    z-index: 15;}

.navArrow span{

    font-size:75px;
    font-weight:lighter;
    cursor:pointer;
    color:#fff;
    user-select: none;


}




.carrouImg{position:absolute;max-width:45%;margin-top:-30px;}

.Stmpl1{
    width:100%;
    list-style:none;

}

.Stmpl1 .container > div{
    width: calc(71% - 20px);
    min-width: 310px;
    display: inline-block;
    margin: 10px;
    margin-left: 10px;
    vertical-align: top;
    padding: 10px;
    position: relative;
    background: url(/assets/img/bkg-blob.gif) no-repeat left top;
    background-size:contain;
    background-color:#ff8a3d;

    /*clip-path: ellipse(43% 53% at 50% 50%);*/
    padding-right: 45vh;
    margin-left:60vh;
}
.Stmpl1 > div h2, .Stmpl1 > div  p, .Stmpl1 > div strong{
    width:60%;
    margin-left:30%
}
.Stmpl1 > div  p strong{
    width:auto;margin:0;
}
.Stmpl1 > div h2{
    margin-top:12%;
    font-size: 22px;
    font-weight: normal;
    color:#43B02A;
    background:rgba(255,138,61,0.6);position:relative;z-index:12;
}
.Stmpl1 > div h3{
    margin-top:12%;

    font-weight: normal;
    color:#253368;
    background:rgba(255,138,61,0.6);position:relative;z-index:12;

}
.Stmpl1 > div h2 a{text-decoration: none;}
.Stmpl1 > div .titleStrong{
    color: #fff;
    font-size: 34px;
    font-weight: 600;
    display: block;
    line-height: 1.1em;
    position:relative;
    z-index:14;
    background: rgba(255,138,61,0.6);
}

.Stmpl1 .carrouImg{left:0;z-index:8}
.Stmpl1 > div p{color: #fff;
    font-weight: normal;
    line-height: 1.6em;
    margin-top: 15px;
    margin-bottom:100px;
    position:relative;
    z-index:14;
    background: rgba(255,138,61,0.6);

}


.Stmpl2{
    width:100%;
    list-style:none;
    position: relative;

}
.Stmpl2 .container{background-color: rgba(255, 255, 255, .8);}
.Stmpl2 .container  >div{width:50%; margin-left:40px;  }
.blog .Stmpl2 .container >div, .blog .Stmpl3 .container >div{width:90%; margin-left:5%;}
.blog .Stmpl2 .container .carrouImg, .blog .Stmpl3 .container .carrouImg{position:relative;left:0;float:right;z-index:15;margin:15px}
.blog .Stmpl3 .container .carrouImg{float:left;}
.blog .blogillus{display:block;margin:10px auto;}
#citation.Stmpl2 .container{display:table;width: auto;}
#citation.Stmpl2 .container >div,.blog .container >div strong.citation{
    margin-top:60px;
    width:100%;
    text-align:center;
    background-color: rgba(255, 255, 255, .5);
}
#citation.Stmpl2 >div .titleStrong{
    display:table-header-group;
    font-style: italic;
    font-size:22px;
}
.blog .container >div strong.citation{font-style: italic;display:block;
    font-size:22px;color:#253368}
#citation.Stmpl2 >div .titleStrong:before,.blog .container >div strong.citation:before{content:"❝";display:inline-block;font-size:45px;margin-right: 15px;}
#citation.Stmpl2 >div .titleStrong:after, .blog .container >div strong.citation:after{content:"❞";display:inline-block;font-size:45px;}

#citation.Stmpl2 > div h2{display:table-footer-group;}


#contactinter.Stmpl2 .container{width: auto;}
#contactinter.Stmpl2  h2.titleStrong{margin-top:0;font-weight:bold}

#contactinter.Stmpl2 > div p{width: 50%;
margin: 0 auto 40px;
line-height: 1.8em;
font-weight: normal;}
#contactinter.Stmpl2 .container >div{
    margin-top:60px;
    width:100%;
    text-align:center;
}

.Stmpl2 > div h2 a{text-decoration:none;}
.Stmpl2 > div h2{
    margin-top:12%;
    font-size: 22px;
    font-weight: normal;
    color:#43B02A;
    position:relative;
    z-index:12;
    background-color: rgba(255, 255, 255, .8);
}
.Stmpl2 >div .titleStrong{
    color: #253368;
    font-size: 34px;
    text-decoration:none;
}
.Stmpl2 .carrouImg{left:60%;margin-top:0;}

.Stmpl2 > div p{
    font-weight: normal;
    line-height: 1.6em;
    margin-top: 15px;
    margin-bottom:40px;
    position:relative;
    z-index:12;
    background-color: rgba(255, 255, 255, .8);
}

.Stmpl3{
    width:100%;
    list-style:none;
    position: relative;
}
.Stmpl3 .container  >div{width:50%; margin-left:50%;}
#hpSpecial.Stmpl3 .container  >div{width:100%; margin-left:0;}
#hpSpecial.Stmpl3 .container  >div ul{ margin-left:50%;}

.noList{list-style:none;min-height:350px; padding:0 20px 0 0;}
.noList li{display:none;}
.noList li.onShow{display:block;}
.Stmpl3 > div h2 a{text-decoration:none;}
.Stmpl3 > div h2{
    margin-top:12%;
    font-size: 22px;
    font-weight: normal;
    color:#43B02A;
    position:relative;
    z-index:12;
    background-color: rgba(255, 255, 255, .8);
}
.Stmpl3 >div .titleStrong{
    color: #253368;
    font-size: 34px;
text-decoration:none;
position:relative;
z-index:12;
background-color: rgba(255, 255, 255, .8);
}

.Stmpl3 > div p{
    font-weight: normal;
    line-height: 1.6em;
    margin-top: 15px;
    margin-bottom:40px;
    position:relative;
    z-index:12;
    background-color: rgba(255, 255, 255, .8);
}
.Stmpl3 .carrouImg{left:0;margin-top:0;}
.Stmpl4{
    width:100%;
    list-style:none;
    position: relative;
    background:#ff8a3d;
}
.Stmpl4 .container  >div{width:50%;margin-left:40px;position:relative;top:-110px}
.Stmpl4 > div h2 a{text-decoration:none;}
.Stmpl4 > div h2{
    margin-top:0;
    font-size: 22px;
    font-weight: normal;
    color:#43B02A;
}
.Stmpl4 >div .titleStrong{
color: #fff;
font-size: 34px;
text-decoration:none;
z-index: 10;
position: relative;
/*text-shadow: #FF8A3D 1px 0 10px;*/
}

.Stmpl4 > div p{
    font-weight: normal;
    color:#fff;
    line-height: 1.6em;
    margin-top: 15px;
    margin-bottom:40px;}

.Stmpl4 .carrouImg{right:0%;margin-top:-200px;}



#contactFormBox{
    position: relative;
    background: #43B02A;
    padding: 20px 0;
    text-align: center;
    overflow: hidden;
}

#contactFormBox .container  form{
margin-left:40%;
width:60%;
position:relative;
z-index:10;


}

#contactFormBox .container  form label{display:block;
background:#5bc843;
border-radius:10px;height:60px;
margin:0 auto 20px;
width:50%;
text-align:left;
color:#FBDE40;
}
#contactFormBox .container  form label span{margin-left:20px}

#contactFormBox .container  form label input, #contactFormBox .container  form label textarea{
    display:block;
    background:#5bc843;
    color:#fff;
    display: block;
    background: #5bc843;
    color: #fff;
    width: calc(98% - 20px);
    border: 0;
    height: 26px;
    margin-left:20px;
}

#contactFormBox .container  form label.textBox{

    height:113px;
}

#contactFormBox .container form label #contactText{
    height:80px;
    resize: none;
}


#contactFormBox .container  form label input:focus, #contactFormBox .container  form label textarea:focus{
border:0;
}
#contactFormBox .container  form label input:focus-visible, #contactFormBox .container  form label textarea:focus-visible {
    outline-offset: 0px;
    outline:none;
}


#contactFormBox .container  form label input:-internal-autofill-selected{
    background-color:#5bc843 !important;
    color:#fff !important;
    appearance: auto;

}
#contactFormBox .centerContact{
    width:40%;margin:80px auto 0;text-align: center;
}
#contactFormBox .centerContact strong{
    color: #fff;
    font-size: 34px;
    text-decoration: none;
    display:block;
    text-align:center;
    
}

#contactFormBox .centerContact p{
    color: #fff;
    font-size: 18px;
    text-decoration: none;
    display:block;
    text-align:center;
    
}

#contactFormBox .carrouImg{
    left: 50%;
    margin-left: -32%;
}

#contactFormBox .container{position:relative;overflow:hidden}

#contactFormBox .btnCta{

    background:#FF8A3D;
    border:0;
}
#contactFormBox:before{content: " ";
    position: absolute;
    width: 200%;
    left: -50%;
    height: 404px;
    border-radius: 50%;
    background: #fff;
    margin-top: -380px;
}

#contactFormBox:after{content: " ";
    position: absolute;
    width: 200%;
    left: -50%;
    height: 404px;
    border-radius: 50%;
    background: #fff;
    margin-bottom: -380px;
}

p .btnCta{margin-top:20px;}
.linklist{list-style:none;padding-left:50%}
.linklist:before{width: 70vw;
    height: 100vh;
    background: red;
    position: absolute;
    content: " ";
    clip-path: ellipse(50% 40% at 50% 50%);}
.linklist li{width: calc(70% - 20px);
    min-width: 310px;
    border-radius: 5px;
    height: 180px;
    background: #ededed;
    display: inline-block;
    margin: 10px;
        margin-left: 10px;
    vertical-align: top;
    padding: 10px;
    position: relative;
   /* background: linear-gradient(117deg, rgba(237,237,237,1) 0%, rgba(252,252,252,1) 35%, rgba(237,237,237,1) 100%);
    */transition: box-shadow 0.5s ease;
    margin-left: 161px;}
    .linklist li:before{float:left;
    text-align: left;
    font-size: 79px;
    display:none;
}
.linklist.carrouselOn li{display:none;}
.linklist.carrouselOn li.onShow{display:inline-block;cursor:pointer;}

.linklist li a{text-decoration:none;}
.linklist li strong,.linklist li p{color:#fff;font-weight:normal;line-height:1.6em;margin:15px 0 0}
.linklist li strong{color:#fff;font-size:34px;font-weight:600;display:block;line-height:1.1em}
.linklist li h2{margin:0;text-align:left;font-size:22px;font-weight:normal}

 .linklist> li{     height: auto;
    background: transparent;
    width: 72%;
    border-radius: 0;
    box-shadow:none !important;
    margin: 5px;
    padding:30px 15px;
    margin-left:12vw;
    height:52vh;
}
.linklist> li:nth-child(even){
   
    border-left:none;
}


.linklist li:first-child,.linklist li.onShow{margin-top:20vh;}
.linklist li:before{font-size:250px;}
.linklist> li:nth-child(even):before{float:right;}
.lnkCta{display:block;text-align:center;text-decoration:none;}


.parentNav > li.met > ul:before{background:#FF8A3D;}
.metier .parentNav > li.met > a,.parentNav > li.met > a:hover{color:#FF8A3D;border-color:#FF8A3D}
.parentNav > li.exp > ul:before{background:#FFB549;}
.expertise .parentNav > li.exp> a,.parentNav > li.expt> a:hover{color:#FFB549;border-color:#FFB549}
.parentNav > li.ref > ul:before{background:#DBDB52;}
.reference .parentNav > li.ref> a,.parentNav > li.ref> a:hover{color:#DBDB52;border-color:#DBDB52}
.parentNav > li.age > ul:before{background:#A9C23F;}
.agence .parentNav > li.age> a,.parentNav > li.age> a:hover{color:#A9C23F;border-color:#A9C23F}
.parentNav > li.blo > ul:before{background:#43B02A;}
.blog .parentNav > li.blo> a,.parentNav > li.blo> a:hover{color:#43B02A;border-color:#43B02A}

/*regle particulière*/
.reference .fullColor .ctaBox, .mention .fullColor .ctaBox{display:none;}

/*fin particuliet*/
#planlist{
    list-style:none;
}
#planlist  h3 a{
    text-decoration:none;
    color:#333;
    font-size: 24px;
}
#planlist  h2 a{color: #253368;
    font-size: 32px;
    position: relative;text-decoration:none;margin:0;
}
        

.blog .bancal:before{background:#A9C23F;}
.blog .bancal:after{background:#43B02A;}
.blog .bancal2:before{background:#43B02A;}
.blog .bancal2:after{background:#A9C23F;}
.blog .bancal .rightBall{ background: #ff8a3d;}
.blog .bancal h2 a, .blog .bancal2 h3 a{  color: #A9C23F;}
.blog .bancal .linklist li:hover{box-shadow: 3px 3px 10px #43B02A;}
.blog .linklist [class^="icon-"]:before, [class*=" icon-"]:before{color:#43B02A;}
.blog .fullColor,.blog .fullColor .curvyBottom  path{background:#43B02A;fill:#43B02A}
.blog .fullColor .leftBall{ background: #A9C23F;}
.blog .fullColor h1{width:calc(100% - 300px);font-size:40px;}
.blog .container img{max-width:100%;}
.blog .container img.D50M100{display:block; margin:20px auto;width:50%}
.blog .container img.D100{display:block; margin:20px auto;width:100%;}
.blog #contactFormBox.container img{max-width:45%}
.blog .Stmpl2 > div h2{margin-top:0}
.blog .Stmpl2.encad .container >div{
    border: 2px solid #A9C23F;padding:20px 20px 0;
    margin-bottom:20px;
    background:#fff;
    clear:both;
}
.blog .Stmpl2.encad .container >div h2{
    font-size:22px;
    font-weight:bold;
}
.blog .Stmpl2.encad .container >div h3{
    color:#43B02A;
}
.blog #middleText{margin:0 auto 30px;text-align: center;
    max-width: 1440px;
    width: 90%;}
    .blog  #middleText p{width: calc(100% - 460px);display:inline-block;margin-right:20px;vertical-align: top; margin-top: 20px;}
.blog.masterBlogHp .bancal >ul{max-width:80%;margin:0 auto;text-align:center;}
.blog.masterBlogHp .bancal >ul >li.HPblog{width:350px;display:inline-block;vertical-align:top;margin-left:30px;margin-bottom:15px}
.blog.masterBlogHp .bancal >ul .HPblog h2{text-align:center; color:#43B02A;padding:15px;text-decoration:none;font-size: 17px;margin: 0;height: 70px; transition: top 1s;z-index:10;width:calc(100% - 30px)}
.blog.masterBlogHp .bancal >ul .HPblog p{
    margin: 0;
    font-size: 15px;
    height:165px;

}
.blog .tagArt{margin: 10px 5px;padding:5px;color:#253368;display:inline-block;}
.blog .HPblog:before{display:none !important;}
.blog .HPblog .carrouImg{max-width:30%;}
.blog #sommaire .h3, .blog #sommaire .h2{list-style:none;}
.blog #sommaire .h3 a, .blog #sommaire .h2 a{text-decoration:none}
.blog #sommaire .h3 a{font-size:12px;color:#253368;}
.blog #sommaire .h2 a{font-size:15px;color:#43B02A}
.blog #sommaire{border: 1px solid #323;
    padding: 20px;
    max-width: 300px;
    background:#fff;
    position:relative;
    float:right;
}
.blog .hpDivBlog{
padding:15px;
}
.blog #sommaire ul{padding:0;}
.blog .bancal >ul >li{padding-top:120px;position:relative; }
.blog.masterBlogHp .bancal >ul >li{padding-top:0}
.blog .Stmpl3 > div h2{margin-top:0;}
.blog.masterBlogHp .bancal >ul >li.HPblog:hover h2{top:0;

}
.hpDivBlog a{text-decoration:none}
.blog.masterBlogHp .bancal >ul >li.HPblog:hover p{opacity:1}


.blog .bancal >ul >li:nth-of-type(2n+1):before{content:" ";position:absolute;width:120px;height:120px;top:0;left:50%;margin-left:-60px;opacity:0.5;background:url(/assets/blicon/1.png) no-repeat top center;background-size: contain;}
.blog .bancal >ul >li:nth-of-type(3n+1):before{content:" ";position:absolute;width:120px;height:120px;top:0;left:50%;margin-left:-60px;opacity:0.5;background:url(/assets/img/Logo-MR-round.png) no-repeat top center;background-size: contain;}
/*.blog .bancal >ul >li:before{content:" ";position:absolute;width:120px;height:120px;top:0; left:50%;margin-left:-120px;opacity:0.5;background:url(/assets/img/Logo-MR-round.png) no-repeat top center}
*/.blog .bancal >ul >li:nth-of-type(3n):before{content:" ";position:absolute;width:120px;height:120px;top:0;left:50%;margin-left:-60px;opacity:0.5;background:url(/assets/blicon/2.png) no-repeat top center;background-size: contain;}
.blog .bancal >ul >li:nth-of-type(1):before{content:" ";position:absolute;width:120px;height:120px;top:0;left:50%;margin-left:-60px;opacity:0.5;background:url(/assets/img/Logo-MR-round.png) no-repeat top center}
.blog .bancal >ul >li:nth-of-type(6n):before, .blog .bancal >ul >li:nth-of-type(8n):before, .blog .bancal >ul >li:nth-of-type(2):before{content:" ";position:absolute;width:120px;height:120px;top:0;left:50%;margin-left:-60px;opacity:0.5;background:url(/assets/blicon/3.png) no-repeat top center;background-size: contain;}

.blog .blogArtBox{text-align:center;margin-top:80px;}

.blog .prevArt h2,.blog .nextArt h2{text-align: center;
    color: #43B02A;
    padding: 15px;
    text-decoration: none;
    font-size: 17px;
    margin: 0;
    height: 70px;
    transition: top 1s;
    z-index: 10;
    width: calc(100% - 30px);}
.blog .prevArt,.blog .nextArt{    width: 350px;
    display: inline-block;
    vertical-align: top;
    margin-left: 30px;
    margin-bottom: 15px;
    background: #EDEDED;
}


.metier .bancal:before{background:#FFB549;}
.metier .bancal:after{background:#FF8A3D;}
.metier .bancal2:before{background:#FF8A3D;}
.metier .bancal2:after{background:#FFB549;}
.metier .bancal .rightBall{ background: #43B02A;}
.metier .bancal h2 a,.metier .bancal2 .titlestrong{  color: #5bc843;}
.metier .bancal2 h3 a{  color: #fff;}
.metier .bancal .linklist li:hover{box-shadow: 3px 3px 10px #FF8A3D;}
.metier .bancal .linklist:before, .metier .bancal .linklist li{background-color:#FFB549;}
.metier .linklist [class^="icon-"]:before, [class*=" icon-"]:before{color:#FF8A3D;}
.metier .fullColor, .fullColor .curvyBottom  path,.metier .svgStmpl4Bottom path,.metier .svgStmpl4Top path,.metier .Stmpl4{background:#FF8A3D;fill:#FF8A3D}
.metier .fullColor .leftBall{ background: #FFB549;}
.metier .Stmpl4 .container > div ,.metier .fullColor h1,.metier .fullColor p {
    background: rgba(255,138,61,0.6);
}

.expertise .bancal:before{background:#FF8A3D;}
.expertise .bancal:after{background:#FFB549;}
.expertise .bancal2:before{background:#FFB549;}
.expertise .bancal2:after{background:#FF8A3D;}
.expertise .bancal .rightBall{ background: #A9C23F;}
.expertise .bancal h2 a,.expertise .bancal2 .titlestrong{  color: #A9C23F;}
.expertise .bancal h2 a, .expertise .bancal2 h3 a{  color: #FBDE40;}
.expertise .bancal .linklist:before, .expertise .bancal .linklist li{background-color:#FF8A3D;}
.expertise .bancal .linklist li:hover{box-shadow: 3px 3px 10px #FFB549;}
.expertise .linklist [class^="icon-"]:before, [class*=" icon-"]:before{color:#FFB549;}
.expertise .fullColor,.expertise .fullColor .curvyBottom  path,.expertise .svgStmpl4Bottom path,.expertise .svgStmpl4Top path,.expertise .Stmpl4{background:#FFB549;fill:#FFB549}
.expertise .fullColor .leftBall{ background: #FF8A3D;}
.expertise .Stmpl4 .container > div {
    background: rgba(255,181,73,0.6);
}

.agence .bancal:before{background:#43B02A;}
.agence .bancal:after{background:#A9C23F;}
.agence .bancal2:before{background:#A9C23F;}
.agence .bancal2:after{background:#43B02A;}
.agence .bancal .rightBall{ background: #FFB549;}
.agence .bancal h2 a, .agence .bancal2 h3 a{  color: #43B02A;}
.agence .bancal .linklist li:hover{box-shadow: 3px 3px 10px #A9C23F;}
.agence .linklist [class^="icon-"]:before, [class*=" icon-"]:before{color:#A9C23F;}
.agence .fullColor,.agence .fullColor .curvyBottom  path,.agence .svgStmpl4Bottom path,.agence .svgStmpl4Top path,.agence .Stmpl4{background:#A9C23F;fill:#A9C23F}
.agence .fullColor .leftBall{ background: #43B02A;}


.reference .bancal:before{background:#A9C23F;}
.reference .bancal:after{background:#DBDB52;}
.reference .bancal2:before{background:#DBDB52;}
.reference .bancal2:after{background:#A9C23F;}
.reference .bancal .rightBall{ background: #FF8A3D;}
.reference .bancal h2 a, .reference .bancal2 h3 a{  color: #A9C23F;}
.reference .bancal .linklist li:hover{box-shadow: 3px 3px 10px #DBDB52;}
.reference .linklist [class^="icon-"]:before, [class*=" icon-"]:before{color:#DBDB52;}
.reference .fullColor,.reference .fullColor .curvyBottom  path,.reference .svgStmpl4Bottom path,.reference .svgStmpl4Top path,.reference .Stmpl4{background:#DBDB52;fill: #DBDB52;}
.reference .fullColor .leftBall{ background: #A9C23F;}

/*recette*/
.recettetextarea{width:100%;max-width:100%;}
/*landingpage*/
@media (min-width: 799px) {
    .landing .fullColor{ font-family: 'Poppins';padding:40px 0;
        background:  url(/assets/img/landBg.jpg) no-repeat center right; 
        background-size: cover; /* version standardisée */
        background-color:#496bab;
    }
    .landing .fullColor h1{font-size:64px; line-height:96px;width:100%;font-weight:700}
    .landing .landingP{width:45%;font-size:18px;line-height:27px;}
    .landing .landingF{width:45%;float:right;}
    .landing .landingF > div{width:48%;}
    .landing .landingF input{width:calc(100% - 12px);float:left;border-radius:5px;height:31px;margin-bottom:15px;border:1px solid #fff;padding-left:5px;font-size: 13px;
        font-family: arial;}
    .landing .landingF input:focus,.landing .landingF input.error:focus,.landing .landingF textarea:focus,.landing .landingF textarea.error:focus{box-shadow: 0 0 25px rgba(219,219,82,.7);border-color:#A9C23F;outline:none;border-color:#fff}
    .landing .landingF input.error, .landing .landingF textarea.error{border-color:red;box-shadow: 0 0 25px rgba(255,0,0,.7);}
    .landing .landingF textarea{width:calc(50% - 22px);height:224px;border-radius:5px;resize: none;margin-left:13px;border:1px solid #fff;padding-left:5px;font-size: 13px;
        font-family: arial;}
    .landing .landingF .btnCta{display: block;width: 150px;}
 .landingBC{
        max-width: 1440px;
        width: 90%;
        margin: 0 auto;
        display: flex;
        justify-content: space-around;
        padding:10px 0;
    }
    .landing .landingBC2{
        width:100%;
        margin: 0 auto;
        height:550px;
        
    }
    .landing .landingBC4{
        width:100%;
        margin: 0 auto;
        height:550px;
        background:  url(/assets/img/bg-land3.jpg) no-repeat top left; 
            background-size: cover; /* version standardisée */
            text-align:center;
        
    }
    .landingBC2 ul li{display:none;}
    .landingBC2 ul li.activ{display:block;}
    .landingBC2 ul li > strong{display:block;margin-top:147px;font-size:24px;color:#fff}
    .landingBC2 ul li > p{max-width:410px;color:#fff}
    .landing .landingBC2.A{background:  url(/assets/img/bg-Land2A.jpg) no-repeat center left; background-size: cover; /* version standardisée */}
    
    .landing .landingBC2.A ul{width:685px; height:500px;background:  url(/assets/img/sBG2A-land.png) no-repeat center left;margin-left: 55%;list-style:none;padding: 60px 0px 0 150px;}
    .landingBC3{ max-width: 1440px;
        width: 90%;
        margin: 0 auto;}
    .landingBC3 ul{list-style:none;display: flex;max-width: 1440px;
                margin: 0 auto 47px;padding:0;
                justify-content: space-between;}
    .landingBC3 ul li{width:300px;max-width:20%;height:380px;background-color: #FFB549; padding:10px;border-radius: 2px;;}
    .landingBC3 ul li > strong{display:block;margin-top:37px;font-size:18px;color:#fff}
    .landingBC3 ul li > p{max-width:290px;color:#fff;margin-left:10px;}
    .landingBC4 > p{max-width:500px;margin:20px auto;}
    .landingBC img{max-height:80px;max-width:12.5%;width:auto;margin:0 5px;}
       .titleLand{font-size:55px;color:#253368;max-width: 1440px;display:block;
        margin: 0 auto;padding: 20px 0 }
        .titleLand2{font-size:45px;color:#253368;max-width: 1440px;display:block;
            margin: 0 auto;padding: 125px 0 20px 30px;}
    .landing .chevron-box{position: relative;
        margin-top: -193px;
        margin-left: 55%;
        text-align: center;
        color: #fff;
        font-size: 55px;}
        .landing .chevron-box > span{cursor:pointer;}
}
@media (max-width:800px) {
    .landing .fullColor{ font-family: 'Poppins';padding:40px 0;
        background:  url(/assets/mbimg/MlandBg.jpg) no-repeat top right; 
        background-size: cover; /* version standardisée */
        background-color:#496bab;
    }
    .landing .fullColor h1{text-shadow:0 0 5px rgba(73,107,171,.5)}
    .landing .fullColor h1 br{display:none;}
     .landing .fullColor p{background-color:rgba(73,107,171,.5)}

     .landing .landingF{width:90%;margin:0 auto;}
    .landing .landingF input{width:calc(100% - 12px);border-radius:5px;height:31px;margin-bottom:15px;border:1px solid #fff;padding-left:5px;font-size: 13px;
        font-family: arial;}
    .landing .landingF input:focus,.landing .landingF input.error:focus,.landing .landingF textarea:focus,.landing .landingF textarea.error:focus{box-shadow: 0 0 25px rgba(219,219,82,.7);border-color:#A9C23F;outline:none;border-color:#fff}
    .landing .landingF input.error, .landing .landingF textarea.error{border-color:red;box-shadow: 0 0 25px rgba(255,0,0,.7);}
    .landing .landingF textarea{width:calc(100% - 12px);height:224px;border-radius:5px;resize: none;border:1px solid #fff;padding-left:5px;font-size: 13px;
        font-family: arial;}
    .landing .landingF .btnCta{display: block;width: 150px;}

    .landingBC img{max-height:80px;max-width:20%;width:auto;margin:0 5px;}
    .HP.V2 #hpClickList li.deployed p{height:180px;}
    .landingBC2 ul{position:relative;}
    .landingBC2 ul li{margin-top:10px;opacity:0;transition: opacity 1s, top 1s;position:absolute;top: 80px;left: 47px;color:#fff;}
    .landingBC2 ul li.activ{top:116px;opacity:1}
    .landing .landingBC2.A ul{width:70%px; height:300px;background:  url(/assets/img/sBG2A-land.png) no-repeat center left;background-size: contain; list-style:none;padding: 65px 0px 0 40px;}
    .landing .chevron-box{    width: 100%;
        margin-top: -125px;
        text-align: center;
        position: relative;
        margin-bottom: 50px;
        font-size: 55px;
        color: #fff;}

        .landingBC3 ul{list-style:none;padding:0}
        .landingBC3 ul li{background-color: #FFB549;
            padding: 10px;
            border-radius: 2px;
            color: #fff;
            width: calc(90% - 20px);
            display: block;
            margin: 15px auto;}

            .landingBC3  .titleLand{display: block;
                width: 90%;
                margin: 0 auto;
                font-size: 30px;}


                .landing .landingBC4{
                    width:100%;
                    margin: 0 auto;
                    background:  url(/assets/mbimg/Mbg-land3.jpg) repeat-y top center; 
                        background-size: cover; /* version standardisée */
                        text-align:center;
                    
                }

                .landingBC4  .titleLand2{display: block;color:#253368;
                    width: 90%;
                    margin: 0 auto;
                    font-size: 30px;
                    text-shadow:0 0 5px rgba(241, 241, 239, .7) ;
                }
                .landing .landingBC4 p{
                    display: block;
                    margin: 0 auto;
                    width: 73%;
                background:rgba(241, 241, 239, .5) }

}


/*HP */
.HP .fullColor,.HP .fullColor .curvyBottom  path{background:#253368;fill: #253368;}
 
.HP .svgStmpl4Bottom path,.HP .svgStmpl4Top path,.HP .Stmpl4{
    background:#FF8A3D;fill: #FF8A3D;
}
.HP .fullColor #discoverBtn,.agence .fullColor #discoverBtn{
    background:#FF8A3D;   
}
.HP .fullColor h1{width:100%;}
.HP .fullColor p{width:60%;}

.HP #hpClickList{margin: 0 0 0 50%}


.HP #hpClickList li{width:80%;margin:0 auto; list-style:none;min-width:320px;}
.HP #hpClickList li h2{    display: block;
    cursor:pointer;
    padding: 15px 0;
    background: #DBDB52;
    color: #FFF;
    border-radius: 5px;
    font-size: 20px;
    text-align: center;
    margin: 0;}
    .HP #hpClickList li.deployed h2{border-bottom-left-radius: 0px;
        border-bottom-right-radius: 0px;}
.HP #hpClickList li p{display: inline-block;
    padding: 0;
    background: #F8F8F8;
    color: #000;
    height: 0;
    overflow: hidden;
    transition: height 1s, padding 0.5s;
    font-size: 14px;
    margin-top: 0;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
padding:0 15px;}
.HP #hpClickList li.deployed p{display: block;
    height: 150px;
    padding: 15px;}

.HP .tmpl4 img{max-width:39%}

.linklist .recettetextarea{height:200px;}
.bancal2 .recettetextarea{min-height:240px;}

#new-list-icon{font-family:"fontello";font-size:42px;width:70px;text-align:center;}

#iconRecetteList li{min-width:40px;height:auto;background:#fff;margin:0;padding:0;border-radius:0;box-shadow:none;}
.metier .linklist #iconRecetteList li label{height:40px;border:1px solid #ededed;display:block;cursor:pointer;}
.metier .linklist #iconRecetteList li label:before{font-size:36px;color:#ededed;}
.metier .linklist #iconRecetteList li input{display:none}
.metier .linklist #iconRecetteList li input:checked +label:before{font-size:38px;color:#FFB549;}



footer{background:#253368; color:#fff;position:relative;margin-top:90px;}
.bancal footer .container p{color:#fff;width:auto;}
.prefooter::before{    content: " ";
    position: absolute;
    width: 200%;
    left: -50%;
    height: 400px;
    border-radius: 50%;
    background: #253368;
   
}
.prefooter{height: 90px;
    overflow: hidden;
    top: -44px;
    position: relative;}



footer nav{width:100%;display:block;text-align:center;}
footer nav > ul{width: 33%;
    display: inline-block;
    list-style: none;
    padding: 0;}

    footer nav > ul li a{ white-space:nowrap;text-overflow:ellipsis;width:100%;display:block;overflow:hidden;

    }

    footer  a{color:#fff; text-decoration:none; text-align:left;}
    footer li.master{font-weight:bold;}

#middleText h2, .middleText h2 {margin-left:0;margin-top:20px;text-align:center;position:relative;}
#middleText p, .middleText p {width:80%;font-size:16px;position:relative;text-align:center;margin:0 auto}


.Stmpl4+ svg + .Stmpl3,.Stmpl4+ svg + .Stmpl1{margin-top:-23vh}
.V2 .Stmpl4+ svg + .Stmpl3,.V2 .Stmpl4+ svg + .Stmpl1{margin-top:0;}

.planDuSite strong a{text-decoration:none;color:#253368}
.planDuSite li a{text-decoration:none;color:#333}

.Stmpl2 .container > div, .Stmpl3 .container > div {
    background: rgba(255,255,255,0.8);
    position:relative;
    z-index:10;
}
.dateBlog{font-size: 16px;
    line-height: 24px;
    text-align: center;
    letter-spacing: 1px;
    color: #FFB549;
    padding-bottom: 5px;}
.blogHead{
    width: 80%;
    font-size: 13px;
    position: relative;
    margin: 20px auto 30px;
    text-align:left;

}
.blog .HPblog .container{width:100%;background:#EDEDED;min-height:360px;}

.linktel{text-decoration: none;
    color: #fff;
    font-size: 16px;
    display: block;
    text-align: center;
    padding: 8px 0;}

    .tel-icon{vertical-align:middle;margin-right: 10px;
        width: 40px;}

   
/*V2 tmpl global tmpl2b*/

.V2 .svgStmpl4Bottom{margin-bottom:-300px;margin-top:-45px;background:#fff;vertical-align: top;}

.V2 .carrouImg {
    position: relative;
    max-width: 30%;
    margin-top: 0;
    float: left;}

.V2  .Stmpl2 .carrouImg {
        left:0;
        margin-top: 0;
        float:right;
    }   

    .V2 .Stmpl2 .container >div {
        width: 100%;
        margin-left: 0;
    }
    .V2 .contentPage .Stmpl3 .container > div{margin-left:0;width:100%;}
    .V2 .contentPage .Stmpl3 .carrouImg{margin-right:30px;}
    .V2 .contentPage .Stmpl4 .container >div{width:90%;}
    .V2 .contentPage .Stmpl4 .carrouImg{float:right;max-height:300px;max-width:300px;border-radius:50%}
    .V2 .contentPage .Stmpl4 > div p{width:75%;min-height:200px;}

    .V2 .contentPage .Stmpl2 > div h2{margin-top:30px;clear:left}
    .V2 .contentPage .Stmpl3 > div h2{clear:right;margin-top:30px;}

    .V2 .contentPage .Stmpl3 > div p, .V2 .contentPage .Stmpl2 > div p ,.V2 .contentPage .Stmpl4 > div p, .V2 .contentPage .Stmpl1 > div p{font-size:18px;}

    .V2.metier .Stmpl4 .container > div, .V2.metier .fullColor h1, .V2.metier .fullColor p{background:none;}
/*fin tmlp2b*/

.V2.blog.mobil .container{width:90%;margin:0 auto;}
        .V2 .Stmpl2 .container,
        .V2 .Stmpl3 .container,     
.V2 .Stmpl2 .container > div,
.V2 .Stmpl3 .container > div,
.V2 .Stmpl2 > div h2,
.V2 .Stmpl2 > div p,
.V2 .Stmpl2 > div .titleStrong,
.V2 .Stmpl3 > div h2,
.V2 .Stmpl3 > div p,
.V2 .Stmpl3 > div .titleStrong,
.V2 .Stmpl1 .container > div,
.V2 .Stmpl1 .container > div h2,
.V2 .Stmpl1 .container > div p,
.V2 .Stmpl1 .container > div .titleStrong,
.V2.expertise .Stmpl4 .container > div,
.V2.expertise .fullColor h1,
.V2.expertise .fullColor p
{background:none;}

.V2 .Stmpl1{position:relative;}
.V2 .Stmpl1 .container{padding:30px 0}
.V2 .Stmpl1 > div h2{font-size:35px;margin-top:0;width:60%;margin-left:40%}
.V2 .Stmpl1 .container > div{width:90%;padding: 0;margin:0 0 0 10%;}
.V2 .Stmpl1 > div .titleStrong{font-size:58px;color:#253368;width:60%;margin-left:40%;display:block;}
.V2 .Stmpl1 > div p{color:#000;width:60%;margin-left:40%;margin-bottom:0;}

.V2 .Stmpl2 .container{padding:30px 0}
.blog.V2 .Stmpl2 > div h2,.blog.V2 .Stmpl3 > div h2{font-size:35px;margin-top:0;}
.blog.V2 .Stmpl2 > div .titleStrong,.blog.V2 .Stmpl3 > div .titleStrong{font-size:58px;color:#253368;}
.V2 .Stmpl2 > div p{color:#000}

.V2 #BGCarrouList{position:absolute;left:0;top:0;bottom:0;width:100vw;padding:0;margin:0;}
.V2 #BGCarrouList li{position:absolute;left:0;top:0;bottom:0;height: 100%;
    width: 100%;
    background-size: cover;
    opacity:0;
    transition:opacity 1s;
}
    .V2 #BGCarrouList li.onShow{ opacity:1}
.V2 .noList{width:685px; height:500px;background:  url(/assets/img/sBG2A-land.png) no-repeat center left;margin-left: 45%;list-style:none;padding: 60px 0px 0 102px;}
.V2 .Stmpl1 .noList h2{margin-left:0;display: block;
    margin-top: 60px;
    font-size: 24px;
    color: #fff;
    font-weight:bold;
}
.V2.mobil .noList{min-height:0}
.V2 #Audit-SEO{margin-top:20px;}
.V2 .navArrow.linkL .prevA{margin-top: 243px;}
.V2  .navArrow.linkL .nextA {
    right: 29px;
    margin-top: 243px;
}
.V2.mobil #hpSpecial{background-image:url('/assets/mbimg/hpBg2.jpg');background-color:#ff8a3d;}
.V2.mobil #exp10A{background-image:url('/assets/mbimg/hpBg3.jpg')}
.V2 #hpSpecial{background-image:url('/assets/img/hpBg2.jpg');}
.V2 #exp10A{background-image:url('/assets/img/hpBg3.jpg')}
.V2.mobil #middleText .contactBox p,.V2.mobil .middleText .contactBox p{
    width: 75%;
    font-size:18px;
}
.V2.mobil .Stmpl1 .noList p{margin-bottom:10px;}
.V2.mobil .noList{
    width:auto;
    height:auto;
    background:rgba(67,176,42,0.9);
    margin-left: 0;
    list-style: none;
    padding:0;

}

.V2.mobil #contactFormBox{margin-top:30px;}
.V2.mobil #contactFormBox::before,.V2.mobil #contactFormBox::after{display:none;}

.V2.mobil .Stmpl1 .noList h2{
    margin-top:0;
    width:100%;
}
.V2.mobil .navArrow.linkL .prevA{margin-top:0;left:-39px !important}
.V2.mobil .navArrow.linkL .nextA{margin-top:0;right:-4px !important}
.V2 #contactFormBox .btnCta{background:#43B02A}
.V2 #contactFormBox{background-size: cover;background-position: left center;clear: both;}
.V2 .Stmpl1 .noList .titleStrong{font-size: 20px;margin-left:0;}
.V2 .Stmpl1 .noList p{font-size: 16px;margin-left:0;width:70%;color:#fff}

.V2.mobil .Stmpl1 .noList{width: calc(90% - 20px);
    padding: 10px;border-radius:10px;}
.V2.mobil .Stmpl1 .noList p{width:100%}

.V2 .Stmpl3 .container{padding:30px 0}
/*.blog.V2 .Stmpl3 > div h2{font-size:35px;margin-top:0;width:60%;margin-left:40%}*/
.blog.V2 .Stmpl3 > div h2, .blog.V2 .Stmpl3 > div .titleStrong,.blog.V2 .Stmpl3 > div p{width:100%;margin-left:0}
.blog.V2 .Stmpl3 .container > div{width: 100%; margin-left: 0;}
.V2 .Stmpl3 .container > div{width:90%;padding: 0;margin:0 0 0 10%;}
/*.V2 .Stmpl3 > div .titleStrong{font-size:58px;color:#253368;width:60%;margin-left:40%;display:block;}
.V2 .Stmpl3 > div p{color:#000;width:60%;margin-left:40%}*/
.V2 .Stmpl3, .V2 .Stmpl2{background-position: center center;
background-size: cover;
background-repeat:no-repeat;
margin-bottom:30px;
}
.V2 .HP #hpClickList li h2{font-size:25px}
.V2 .contactBox h3,.V2 #middleText .contactBox p,.V2 .middleText .contactBox p{background:none;clear:both;text-align:center;}
.V2 .contactBox{margin-top:5vw}
.V2 .contactBox  p .btnCta{color:#fff;margin:20px auto 10px;}
.V2 .contactBox  p > span{display:block;text-align:center;}
.V2 .Stmpl4{padding:0px;}
.V2 .Stmpl4 .container > div{top:-85px;background:none;}
.V2 .Stmpl4 > div h2{font-size:28px; color:#253368;}
.blog.V2 .Stmpl4 > div .titleStrong{font-size:56px}
.V2 #hpspecarrou{border-radius:50%;margin: 0;right: 12.5%;max-width: 25%;left: 62.5%;;top:-85px;}
.V2 .fullColor{background-size:contain;
    background-position: center center;
    background-size: cover;
    min-height:40vh;
    padding-bottom:30px;
    margin-bottom:30px;

  }
  .V2.mobil .fullColor{background-position: center center !important; }  
  .blog.masterBlogHp.V2 .fullColor{
    background-position: center bottom;
  } 

.V2 .fullColor h1{text-shadow: 0 0 5px rgba(0,0,0,.9);background:none;font-size:64px;line-height: 78px;width:100%; max-width: 1440px;margin:0 auto;    }
.V2 .fullColor p{font-size: 18px;
    line-height: 27px;
width:75%;
}
   
    .agence.V2 .fullColor p{color:#333;text-shadow:none;}
.blog.V2  .fullColor h1{height: calc(40vh - 52px);    max-width: 1280px;}  
.blog.masterBlogHp.V2  .fullColor h1{height:auto;    max-width: 1440px;}
  
.V2  .bancal{margin-top:0px;padding:0;}

.V2.HP #middleText{max-width:1290px;margin:0 auto 30px;width: 81%;text-align: left;}
.V2.HP #middleText p{width:calc(100% - 380px);text-align: left;margin:10px 30px 0 0;display: inline-block;
    vertical-align: top;
    font-size: 20px;
    line-height: 33px;
}
  .blog.masterBlogHp.V2 .bancal > ul {
    width: 90%;
    margin: 0 auto;
    text-align: center;
    max-width: 1440px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.blog.V2 #middleText #sommaire{float:none;display:inline-block;}
.blog.V2 .blogHead{max-width:1280px;color:#fff;font-size:16px;text-shadow: 0 0 10px rgb(0 0 0 / 90%);}
.blog.masterBlogHp.V2 .bancal > ul > li.HPblog {
    width: calc(33% - 30px);
    display: inline-block;
    vertical-align: top;
    margin-left: 0;
    margin-bottom: 15px;
  }

  .blog.masterBlogHp.V2 .bancal > ul .HPblog h2,.blog.masterBlogHp.V2 .dateBlog{font-weight:normal;}
  .blog.V2 .bancal > ul .HPblog p,.blog.V2 .hpDivBlog p{height:160px;color:#000}
  .blog.V2 .mini-visu{max-width: calc(100% + 30px);width: calc(100% + 30px);
    margin-left: -15px;
    margin-top: -15px;}

    @media (max-width:800px) {

        .blog.masterBlogHp.V2 .bancal > ul > li.HPblog{width:100%;}
        .blog.V2 .HPblog .container{min-height:inherit;}
        .blog.V2 .bancal > ul .HPblog p, .blog.V2 .hpDivBlog p{height:auto;}
        .blog.V2 .fullColor h1{font-size: 31px;
                                line-height: 48px;
                                width: 90%;
                                margin: 30px auto 0;}
        .blog.V2 .blogHead{font-size:14px;}
        .blog.V2 #middleText #sommaire{display:none;}
        .blog.V2 #middleText p{width:100%;margin:0 auto;text-align: center;}
        .agence.V2 .fullColor h1{width:90%;    font-size: 42px;
            line-height: 55px;}
    }
   
    .V2 #hpspecarrou{position:absolute;}
/*page reference*/

.V2.reference .refBox .container{max-width:1024px;margin:20px auto;background:#f4f4f4}

.V2.reference .refBox{margin:20px auto;background:#f4f4f4}

.V2.reference .refBox .textCotent{width:50%;display:inline-block;}

.V2.reference .refBox .textCotent h2{
font-size: 22px;
font-weight: normal;
color: #43B02A;
position: relative;
}

.V2.reference .refBox .textCotent .titleStrong{color: #253368;font-size: 34px;}
.V2.reference .refBox .refImg{width:30%;display:inline-block; vertical-align: bottom; margin: 20px 10% 20px 10%;}


@media (max-width: 980px) {
    .V2 .fullColor{margin-bottom:0;}
    .V2.reference .refBox .container{max-width:90%;margin:0 auto;}
    .V2.reference .refBox{position:relative;}
    .V2.reference .refBox .refImg{position:absolute;top:0;margin-top:10px;right:0;}
    .V2.reference .refBox .textCotent{width:90%;margin:0 auto;}
    .V2.reference .landingBC2{
        background-image:url('/assets/mbimg/bgcarrouHp2.jpg');
        background-size:cover;
    }

    .V2 .fullColor h1{font-size: 42px;
    line-height: 55px;
    margin-top: 20px;
    width: 90%;

    

}

.V2 .Stmpl1 .container > div{width:100%;margin:0;}

.V2 .Stmpl1 > div h2, .V2 .Stmpl2 > div h2,  .V2 .Stmpl3 > div h2{width:90%;margin:0 auto;}
.V2 .Stmpl1 > div .titleStrong, .V2 .Stmpl2 > div .titleStrong, .V2 .Stmpl3 > div .titleStrong{margin:0  auto !important;width:90%;font-size:38px;display:block}
.V2 .Stmpl1 > div p, .V2 .Stmpl2 > div p, .V2 .Stmpl3 > div p,.V2 .contentPage .Stmpl4 > div p{width:90%;margin:10px auto;}
.V2 .Stmpl1 .carrouImg,.V2 .Stmpl2 .carrouImg,.V2 .Stmpl3 .carrouImg,.V2 .Stmpl4 .carrouImg{margin:0 auto;float:none;}

.V2 .contentPage .Stmpl4 .carrouImg{float:none;margin:0 auto;}


.V2.HP .Stmpl1 .container > div{width:90%;padding: 0;margin:0 0 0 10%;}

.V2.HP #hpClickList li h2{width:100%;}
.V2.HP #middleText p{text-align:center;display:block;margin:0 auto;}

}

/*responsive */
@media (min-width:1920px) {

    .V2 #hpspecarrou{

        transform: translateY(-25%);
        top:0;
    }

}

 @media (max-width: 1023px) {


    .head-contact{display:none;}
    .blog .HPblog .carrouImg{max-width:100%;}
    .blog .fullColor h1{width:auto;}
    #logoHead
{position:absolute;
margin:0 auto;}
header{text-align:center;max-width: 100vw;}
header nav{width:100%;}
#hpspecarrou{margin-bottom:31vw;}
#hpSpecial.Stmpl3 .container >div ul{margin:0;padding:0}
.tel-icon{

width: 30px;
vertical-align:middle;

}



#specialiste-redaction-immobilier .carrouImg{margin-bottom:0;}

.HP .fullColor h1,.HP .fullColor p{width:90%;}
.V2.HP .fullColor h1{font-size:42px;line-height:55px;margin-top:20px;}
.blog .Stmpl2.encad .container >div{width:calc(90% - 44px);margin: 0 auto;}
.blog.masterBlogHp .bancal >ul >li.HPblog{margin:10px;width:calc(50% - 25px);}
.blog #sommaire ul{display:none;}
.blog #sommaire:hover ul{display:block;}
.blog #sommaire{z-index:11;padding:5px;}

#logoHead{max-width: 75%;
    position:relative;
}
.parentNav{ list-style: none;
display: inline-block;
margin-bottom: 0;
text-align: left;
position: relative;
font-size: 14px;
padding-left: 0;
margin-left:0px;
width:100%;text-align:center;}
.parentNav > li > ul{padding-left:0;}
.parentNav > li{width:auto;text-align:center;}
.parentNav > li:before{display:none;}
.parentNav > li > a{padding-bottom:0;}
 .bancal .container > p{width: 80%;}
 header nav{margin-top:0;position:fixed;left:0}
 .fullColor{padding:10px 0 0;margin-bottom:30px}
 .fullColor .visual{display: block;
    float: none;
    margin: 0 auto -80px;
}
 .fullColor h1{margin-left:5%;font-size:31px;width:90%;margin-top:20px;}
 .reference .fullColor h1,.agence .fullColor h1{margin-top:20px;}
 .reference .fullColor .container{min-height:100px;}
 .reference .bancal .carrouImg{    margin-bottom: -9vh;}
 .agence #equipes .carrouImg,#Agence2 .carrouImg{margin-bottom: -9vh;max-width:90% !important}
 .V2.agence #equipes .carrouImg{margin-bottom:0;max-width:38% !important;float:none;}
 .agence #equipes h2{background:rgba(169,194,63,0.6);color:#253368}/*#A9C23F*/
 .V2.agence #equipes h2{background:none}/*#A9C23F*/
 .V2.mobil.agence #middleText{width:100%;}
 .V2.agence .contactBox h3, .V2.mobil.agence #middleText .contactBox p{width:90%}

 .fullColor p{margin-left:5%;width:90%;}
 .container{width:100%}
 .linklist{padding-left:0;}
 [class*="cat-"] .linklist li::before{font-size:69px}
 [class*="cat-"] .linklist > li{width:auto;padding:10px;}
 #middleText h2{font-size:22px;margin:5%;}
 .parentNav > li > ul{top:30px}




 .Stmpl1 .container >div, .Stmpl2 .container >div,.Stmpl3 .container >div,.Stmpl4 .container >div {
 width:90%;margin:0 auto;position:relative;

 }

 .Stmpl1 .carrouImg, .Stmpl2 .carrouImg, .Stmpl3 .carrouImg, .Stmpl4 .carrouImg{
     position:relative;display:block;margin:0 auto;
 }


 .Stmpl1 .container > div{clip-path:none;border-radius: 28%; background-image:none;}
 .Stmpl1 > div h2, .Stmpl1 > div p, .Stmpl1 > div strong {
    width: 80%;
    margin-left: 20%;
}
.blog .blogillus{
    max-width:100%;height:auto,
}
.blog .container img.D50M100{width:100%;}
.blog .Stmpl3 .container .carrouImg, .blog .Stmpl2 .container .carrouImg{margin:0 auto;float:none;}


.Stmpl1 .carrouImg, .Stmpl2 .carrouImg, .Stmpl3 .carrouImg, .Stmpl4 .carrouImg,.fullColor .visual{margin-bottom: -30vh;
    left: 0;
    right:0;
    max-width: 100%;
    position:relative;
    z-index:0;
}
    .Stmpl2 .container > div, .Stmpl3 .container > div {
        background: rgba(255,255,255,0.8);
    }

 /*gestion des couleur par categorie*/   

    .metier .Stmpl4 .container > div ,.metier .fullColor h1,.metier .fullColor p {
        background: rgba(255,138,61,0.6);
    }
    .expertise .Stmpl4 .container > div ,.expertise .fullColor h1, .expertise .fullColor p {
        background: rgba(255,181,73,0.6);
    }
/*fin gestion couleur*/

    /*.fullColor .curvyBottom{/*display:none}*/
#equipes + svg{margin: -40px 0 0 !important;}
    .ctaBox{text-align:center;width:100%;}
    .ctaBox .btnCta:first-child{margin-right:0}

    #middleText .contactBox p, .middleText .contactBox p {
        width: 90%;
        margin: 0 auto 30px;
        line-height: 1.8em;
        font-weight: normal;}

        #contactFormBox .centerContact {
            width: 90%;
            margin: 60px auto 0;
            text-align: center;
        }
        #contactFormBox .centerContact p{font-size:16px;}
        #contactFormBox .carrouImg{max-width:50%;left:0;margin:0;}
        #contactFormBox .container form {
            margin-left: 0;
            width: 100%;
            position: relative;
        }
        #contactFormBox .container form label{
            margin: 0 44% 20px;
        }

        footer .container {
            max-width: 100vw;
            overflow: hidden;
        }
        footer .container p{text-align:center}
        footer nav > ul {width:100%; text-align:center;}
        footer nav > ul li a{text-align:center;}

        /* MAJ carrousel page metier */
        .bancal .linklist:before{display:none;}
        .bancal .carrouselOn li{border-radius:15px;}
        .carrouselOn li h2{width:80%;}
        .carrouImg{max-width: 70%;margin:0 auto;}
        .navArrow.linkL .prevA {
            position: absolute;
            right: 10%;
            margin-top: 145px;
            z-index: 5;
        }
        .navArrow.linkL .nextA{
            margin-top: 145px;
        }

        .bancal2.onShow .container .tmp2{margin-top:25vh;}
        .bancal2.onShow .container .tmp2 .titlestrong{max-width:80%;display:block;}

        .btmContentImg {
            position: absolute;
            right: 0;
            z-index: 1;
            max-width: 70%;
            margin: 0 auto;
            left: 0;
        }

        .bancal2 .container .tmp2 {
             width: 80%; 
            margin-left: 10%;
            z-index: 2;
            position: relative;
            background: rgba(255,138,61,0.6);
        }

        .navArrow.contentL .nextA, .navArrow.contentL .prevA {margin-top:21vh;

        }
        .navArrow.contentL .prevA{
            left:81%;
        }
        .navArrow.contentL .nextA{
            left:90%;
        }
        .bancal2.onShow h3{margin-bottom:15px}
        .ctaBox{margin-bottom:70px;}
}

@media screen and (min-width: 485px) and (max-width: 1023px) {
    

    .Stmpl1 .carrouImg, .Stmpl2 .carrouImg, .Stmpl3 .carrouImg, .Stmpl4 .carrouImg,.fullColor .visual,  .carrouImg{margin-bottom: -30vh;
        left: 0;
        right:0;
        max-width: 70%;}


        .navArrow.linkL .prevA {color:#FFB549;
            position: absolute;
            right: auto;
            left:3%;
            margin-top: -431px;
            z-index: 5;
        }
        .navArrow.linkL .nextA{
            margin-top: -431px;
            color:#FFB549;
            right:3%
        }
 }


 @media screen and (min-width: 320px) and (max-width: 640px) {
    li.exp> a> span{display:none;}
    li.exp> a{text-transform: capitalize;}
    .blog .prevArt, .blog .nextArt{margin:10px 0;}
    .blog .fullColor h1{font-size:22px;}
    .blog.masterBlogHp .bancal >ul >li.HPblog{margin:10px auto;width:100%;}
    .parentNav > li{margin-right:10px; font-size:12px;}
 

}
@media screen and (min-width: 320px) and (max-width: 345px) {
    .parentNav > li.exp > a >span{display:none}
    .parentNav > li.exp{text-transform:capitalize;}
    #hpspecarrou{margin-bottom:33vw;}
}

@keyframes mangoRaccoonedlineToLeft {
	0% {
		opacity: 1;
		-webkit-clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);
		clip-path: polygon(0 0, 0 0, 0 100%, 0 100%)
	}
	80% {
		-webkit-clip-path: polygon(0 0, 94% 0, 84% 100%, 0 100%);
		clip-path: polygon(0 0, 94% 0, 84% 100%, 0 100%)
	}
	to {
		opacity: 1;
		-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
		clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%)
	}
}

@keyframes mangoRaccoonedlineToRight { /* a faire */
	0% {
		opacity: 1;
		-webkit-clip-path: polygon(100% 100%, 100% 0,100% 0,  100% 100%);
		clip-path: polygon(100% 100%, 100% 0,100% 0,  100% 100%);
	}
	80% {
		-webkit-clip-path: polygon(100% 100%, 100% 0,16% 0,  6% 100%);
		clip-path: polygon(100% 100%, 100% 0,16% 0,  6% 100%);
	}
	to {
		opacity: 1;
		-webkit-clip-path: polygon(100% 100%, 100% 0,0 0,  0 100%);
		clip-path: polygon(100% 100%, 100% 0,0 0,  0 100%)
	}
}

@keyframes blastCircleIn {
	0% {
		-webkit-clip-path: circle(0 at 50% 100%);
		clip-path: circle(0 at 50% 100%)
	}
	to {
		-webkit-clip-path: circle(100% at 50% 50%);
		clip-path: circle(100% at 50% 50%)
	}
}

.blastCircleIn {

    animation-duration: 1s; animation-timing-function: linear;
	-webkit-animation-name: blastCircleIn;
	animation-name: blastCircleIn;
}