.miniorange                                                                 {color:var(--color_theme_hv); font-family: Teko; text-transform: uppercase; font-size: 25px; display: block; line-height: 1.3em;}
.mioniexpla                                                                 {font-size: 18px; display: block; line-height: 1.7em;}    

.collection                                                                 {border:none !important;}
.collection .collection-item                                                {background:none !important; border: none !important;}
.collection .collection-item .material-icons                                {color:var(--color_theme_hv); font-size: 20px; margin-right: 10px; vertical-align: middle;}      

.sinceround                                                                 {display: block; width: 90px; height: 90px; line-height: 24px; text-align: center; text-transform: uppercase; border-radius: 50%; font-size: 20px; padding: 24px 5px 21px; position: relative;}
.sinceround:before                                                          {content: ""; position: absolute; left: -10px; top: 0; width: 80px; height: 80px; background: #aaaaaa86; border-radius: 50%; display: block; z-index: -1;}
.sinceround_light                                                           {background: var(--color_theme2); color:var(--background_body1);}
.sinceround_dark                                                            {background: var(--background_body1); color:var(--color_theme2);}

.btnspec                                                                    {border-radius:7px; font-family: Teko; font-size: 22px; position: relative; display: block; width: 300px;} 
.btnspec:after                                                              {content: ""; position: absolute; left: 95%; top:0px; width: 100%; height: 100%; background: var(--background_body1); opacity: 0.2; border-radius: 7px; transition: all .3s ease;}
.btnspec:hover span                                                         {color:#fff; position: relative; z-index: 5;}
.btnspec:hover:after                                                        {opacity:1; top:0px; left:0px; z-index:4;}

#index-static-bfondaccueilzone1                                             {display: flex; flex-direction: column; justify-content: center; align-content: center; align-items: center; position: relative; overflow: hidden;}
#index-static-bfondaccueilzone1 .inneraccueil                               {font-family: Teko; width:80%; height:100%; margin:130px auto 0px auto; display: flex; flex-direction: column; justify-content: center; align-content: center; align-items: center; position: relative;}
#index-static-bfondaccueilzone1 .inneraccueil .ttlBig-0                     {font-size: 8vw; line-height:0.9em; font-weight: 900; text-transform: uppercase; width:100%; height:auto; display:block; margin:0px; z-index: 10; position: relative;}
#index-static-bfondaccueilzone1 .inneraccueil .ttlBig-1                     {text-align:left; color:var(--color_theme); animation: ease move_photo 1.3s 1.4s forwards; transform:translate(500px,0px); opacity: 0;}
#index-static-bfondaccueilzone1 .inneraccueil .ttlBig-2                     {text-align:center; color:rgba(0,0,0,0); -webkit-text-stroke: 1px var(--color_theme); animation: ease move_photo 1.4s 1.6s forwards; transform:translate(-500px,0px); opacity: 0;}
#index-static-bfondaccueilzone1 .inneraccueil .ttlBig-3                     {text-align:right; color:var(--color_theme); margin-bottom:50px; animation: ease move_photo 1.5s 1.8s forwards; transform:translate(500px,0px); opacity: 0;}
#index-static-bfondaccueilzone1 .left-top-line                              {position: absolute; left: 0; top: 0; width: 350px; max-width: 100%; height: 100%; background: url('../img/fond/left-top-line.png') 0 0 no-repeat; opacity: 0; transform: translateY(-100%); animation: ease move_photo 1s 4.3s forwards; }
#index-static-bfondaccueilzone1 .right-bottom-curve                         {position: absolute; right: 0; top: 0; width: 655px; max-width: 100%; height: 100%; background: url('../img/fond/right-curved-background.png') 100% 100% no-repeat; z-index: 2; opacity: 0; transform: translateX(700px); animation: ease move_photo 0.8s 2.8s forwards;} 
#index-static-bfondaccueilzone1 .right-top-curve                            {position: absolute; right: 0; top: 0; width: 164px; max-width: 100%; height: 100%; background: url('../img/fond/right-white-curve.background.png') 100% 0 no-repeat; z-index: 2; opacity: 0; transform: translateX(200px); animation: ease move_photo 0.4s 3.2s forwards;}

.zone2                                                                      {background: var(--background_body1) url('../img/fond/pattern-line.png') center top repeat; position: relative; display: block;}
.zone2 .innerflex                                                           {width:var(--nav_contenair_p); max-width:var(--nav_contenair_m);  height:auto; margin:0 auto; display: flex; flex-direction: row; justify-content: space-between; align-content: center; align-items: center; position: relative; margin: 0px auto 30px auto;}
.zone2 .innerflex .gagint                                                   {width:50%; padding: 0px 30px 20px 0px;}
.zone2 .innerflex h1                                                        {text-transform: uppercase; font-family: Teko; font-size: 60px; color: #fefefe; line-height: 0.9em;}   
.zone2 .innerflex p                                                         {margin: 3px 0px !important; color: #dddddd; font-size: 17px; position:relative; padding: 0px 40px; font-style: italic;}
.zone2 .innerflex p:before                                                  {content: ",,"; font-size: 95px; color: var(--color_theme_hv); position: absolute; top: 50px; left: 0px; line-height: 0px; font-family: sherif; letter-spacing: -6px; transform: rotate(180deg);}
.zone2 .innerflex p:after                                                   {content: ",,"; font-size: 95px; color: var(--color_theme_hv); position: absolute; bottom: 50px; right: 0px; line-height: 0px; font-family: sherif; letter-spacing: -6px;}
.zone2 .innerflex .sinceround                                               {position: absolute; top: -145px; left: 0px; opacity: 0; transform: translateX(-100%); animation: ease move_photo 0.4s 4.2s forwards;}
.zone2 .servicebox                                                          {background:var(--background_head_up); width:calc(100% - 100px); min-width:300px; margin:0 auto; height:calc(100% - 90px); min-height:260px; padding: 50px 45px; display: block; text-decoration: none; cursor: pointer; border-radius: 7px; overflow: hidden; transition: all .3s ease; position: relative;} 
.zone2 .servicebox:after                                                    {content:"";  height:100%; min-height:320px; width:150px; background:rgba(0,0,0,0.2); position: absolute; right:-150px; top:50%; transform-origin: top left; transition: all .2s ease;}
.zone2 .servicebox .cptnumber                                               {font-family: Teko; font-size:48px; text-align: center; color:#fff; opacity:0.07; width:50%;}
.zone2 .servicebox .miniexplain                                             {font-family: Teko; font-size: 24px; color: #fff; text-transform: uppercase; text-align: left; line-height: 26px; padding: 30px 0 0 0; letter-spacing: 0.5px;}
.zone2 .servicebox:hover                                                    {background:var(--color_theme_hv);}
.zone2 .servicebox:hover .orange-text                                       {color:#222 !important;}
.zone2 .servicebox:hover .miniexplain                                       {color:#222 !important;}
.zone2 .servicebox:hover .cptnumber                                         {opacity: 0.2;}
.zone2 .servicebox:hover:after                                              {transform: rotate(33deg);}

.zone3                                                                      {background: var(--background_body); position: relative; display: block; border-bottom:solid 2px #f4f5f8;}
.zone3 .innerflex                                                           {width:var(--nav_contenair_p); max-width:var(--nav_contenair_m); height:auto; margin:0 auto;  display: flex; flex-direction: row; justify-content: space-between; align-content: center; align-items: flex-start; position: relative; margin: 0px auto 30px auto;}
.zone3 .innerflex:before                                                    {content: ""; position: absolute; left: 0; top: -100px; margin-left: -410px; width: 50%; height: calc(100% + 240px); background: #f4f5f8;}
.zone3 .innerflex h2                                                        {text-transform: uppercase; font-family: Teko; font-size: 70px; color:var(--color_gen); line-height: 0.9em; margin: 0px 0px 40px 0px; text-align: left;}   
.zone3 .innerflex .innerimg                                                 {width:100%; height:auto; display: block; position: relative;}
.zone3 .innerflex .innerimg:before                                          {content: ""; position: absolute; left: 0; width: 15px; height: 280px; background: var(--color_theme_hv); border-radius: 8px;}
.zone3 .innerflex .innerimg img                                             {border-radius:7px;}
.zone3 .innerflex .innerimg .img1                                           {margin:0px 0px 0px auto; float:right;}
.zone3 .innerflex .innerimg .img2                                           {margin:-20% auto 0px 0px; float:left;}

.zone4                                                                      {background: var(--background_body); position: relative; display: block;}
.zone4 .innerflex                                                           {width:var(--nav_contenair_p); max-width:var(--nav_contenair_m); height:auto; margin:0 auto;  display: flex; flex-direction: row; justify-content: space-between; align-content: center; align-items: flex-start; position: relative; margin: 0px auto 30px auto;}
.zone4 .innerflex .zone4img                                                 {position: relative;}
.zone4 .innerflex .image-box                                                {margin:0px auto; display: block; width: 100%; max-width:550px; height: auto; position: relative; border-radius:50%; overflow: hidden; position: relative;}            
.zone4 .innerflex .image-box:before                                         {content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url("../img/fond/shape-rouded.png") 0 0 no-repeat; z-index: 1;}
.zone4 .innerflex .image-box:after                                          {content: ""; position: absolute; left: 50px; top: -70%; width: 100%; height: 100%; background: var(--background_body1); opacity: .2; border-radius: 50%; z-index: 2;} 
.zone4 .innerflex .image-box .img3                                          {width:100%; height:auto;}
.zone4 .innerflex .zone4img .btninfo                                        {position: absolute; right: 100px; bottom: -20px; width: 116px; height: 116px; background: var(--color_gen); border-radius: 50%; display: flex; justify-content: center; align-items: center; z-index: 3; transition: all .4s ease;} 
.zone4 .innerflex .zone4img .btninfo:hover                                  {background:var(--background_body1) !important;}
.zone4 .innerflex .opacity-icon .btn-large                                  {opacity:0.3; transition: all .4s ease; width:56px; height:56px; margin-right:30px; display: block;}
.zone4 .innerflex .opacity-icon:hover .btn-large                            {opacity:1; background: var(--background_body1) !important;}
.zone4 .innerflex .smalltext                                                {width:calc(100% - 90px);}
.zone4 .innerflex h2                                                        {text-transform: uppercase; font-family: Teko; font-size: 70px; color:var(--color_gen); line-height: 0.9em; margin: 0px 0px 20px 0px; text-align: left;}   
.zone4 .innerflex h3                                                        {text-transform: uppercase; font-family: Teko; font-size: 40px; color:var(--color_gen); line-height: 0.9em; margin: 40px 0px 20px 0px; text-align: left;}   

.zone5                                                                      {position: relative; display: block; width:100%;}
.zone5 .s11                                                                 {width:100% !important;}
.zone5 .factcpt                                                             {padding: 0; width: 100%; background: #1c1e22ad; color: #fff; position: relative;}
.zone5 .factcpt .innerflex                                                  {width:var(--nav_contenair_p); max-width:var(--nav_contenair_m); height:auto; margin:0 auto;  display: flex; flex-direction: row; justify-content: space-between; align-content: center; align-items: flex-start; position: relative; margin: 0px auto 30px auto;}
.zone5 .factcpt .innerflex .contentbox                                      {width: 25%; height: auto; display: flex; flex-direction: column; justify-content: center; align-content: center; align-items: center; position: relative; padding: 30px 0px; margin-bottom: 70px; border-right:solid 1px #6a6a6a;;}
.zone5 .factcpt .innerflex .contentbox .compteur                            {position: relative; font-family: Teko; font-weight: 400; font-size: 80px; line-height: 1em; letter-spacing: 0; display: block; padding-top:80px;}
.zone5 .factcpt .innerflex .contentbox .compteurtext                        {font-family: Teko; font-size: 20px; text-transform: uppercase; color: #fff; margin-top: 10px; display: block;}
.zone5 .factcpt .innerflex .contentbox:last-child                           {border-right: none; }
.zone5 .factcpt .innerflex2                                                 {width:var(--nav_contenair_p); max-width:var(--nav_contenair_m); height:auto; margin:0 auto;  display: flex; flex-direction: row; justify-content: space-between; align-items: flex-start; position: relative;}
.zone5 .factcpt .innerflex2 .orangeblock                                    {width: 30%; height:auto; background: var(--color_theme_hv); position: relative; display: flex; justify-content: center; align-items: center; border-top-right-radius:7px;border-top-left-radius: 7px; padding: 60px 0; height:220px; max-height: 220px;}
.zone5 .factcpt .innerflex2 .orangeblock:before                             {content: ""; position: absolute; left:0px; bottom: -50px; display: block; background: var(--color_theme_hv); width:50px; height:50px;}
.zone5 .factcpt .innerflex2 .orangeblock:after                              {content: ""; position: absolute; left: -2px; bottom: -100px; display: block; background: #fff; width: 100px; height: 100px; border-radius: 50%;}
.zone5 .factcpt .innerflex2 .orangeblock h4                                 {font-family: Teko; font-size: 38px; color: var(--background_body1); text-transform: uppercase; text-align: center; line-height: 0.9em;} 
.zone5 .factcpt .innerflex2 .witheblock                                     {width: calc(70% - 10px); height:auto; background:#fff; position: relative; border-top-left-radius: 7px; height:220px; max-height: 220px; display: block; position: relative; padding: 75px 0px 0px 115px;}
.zone5 .factcpt .innerflex2 .witheblock:after                               {content: ""; position: absolute; right: -100%; top: 0; height: 100%; background:#fff; width:100%; height:100%; display: block;}
.zone5 .factcpt .innerflex2 .witheblock h5                                  {font-family: Teko; font-size: 75px; color: var(--background_body1); text-transform: uppercase; text-align: left; line-height: 0.9em; } 
.zone5 .factcpt .parallax-container                                         {position: absolute; width: 100%; height: 100%; overflow: hidden; z-index: -1; top: 0; left: 0;}

.zone6                                                                      {position: relative; display: block; width:100%;}
.zone6 .factcpt .innerflex                                                  {width:var(--nav_contenair_p); max-width:var(--nav_contenair_m); height:auto; margin:0 auto;  display: flex; flex-direction: row; justify-content: space-between; align-items: flex-start; position: relative; margin-bottom:80px;}
.zone6 .factcpt .innerflex .blockl                                          {width: 30%; height:auto; position: relative; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 70px 0 30px 0;}
.zone6 .factcpt .innerflex .blockl .tatifo                                  {position: relative;}
.zone6 .factcpt .innerflex .blockl .tatifo:after                            {content: "\e5c5"; font-family: "Material Icons"; font-size: 132px; color: orange; position: absolute; left: 35%; top: -44px; opacity: 0.07;} 
.zone6 .factcpt .innerflex .blockl .tatifo:last-child:after                 {content:"";}
.zone6 .factcpt .innerflex .blockl .smalltext                               {width: auto; font-family: Teko; font-size: 30px; color: #333; line-height: 1.8em; text-transform: uppercase;}
.zone6 .factcpt .innerflex .blockr                                          {width: calc(70% - 10px); height:auto; position: relative; display: block; position: relative; padding: 30px 0px 0px 115px;}
.zone6 .factcpt .innerflex .blockr p                                        {line-height:1.8em;}
.zone6 .factcpt .innerflex .btninfo                                         {margin-top:calc(50% - (116px / 2));  width: 116px; height: 116px; background: var(--color_gen); border-radius: 50%; display: flex; justify-content: center; align-items: center; z-index: 3; transition: all .4s ease;} 
.zone6 .factcpt .innerflex .btninfo:hover                                   {background:var(--background_body1) !important;}

.zone7                                                                      {position: relative; display: block; width:100%;}
.zone7 .innerflex                                                           {width:var(--nav_contenair_p); max-width:var(--nav_contenair_m); height:auto; margin:0 auto; display: flex; flex-direction: row; justify-content: space-between; align-content: center; align-items: flex-start; flex-wrap: wrap; position: relative; margin: 80px auto 30px auto;}
.zone7 .innerflex h3                                                        {text-transform: uppercase; font-family: Teko; font-size: 60px; color:var(--color_gen); line-height: 0.9em; margin: 10px 0px 50px 0px; text-align: left; width:100%;}   
.zone7 .innerflex .boxy                                                     {width:32%; overflow: hidden; position: relative; cursor:pointer; margin-bottom:2%; border-radius: 7px;}
.zone7 .innerflex .boxy:before                                              {content:''; float:left; padding-top:100%;}
.zone7 .innerflex .boxy img                                                 {position:absolute; top:0; left:0; width:100%; filter:saturate(0); transition: all 0.7s ease; border-radius:7px;}
.zone7 .innerflex .boxy .over                                               {position:absolute; left:0px; top:100%; width:100%; height:100%; background:rgba(0,0,0,0.5); display:flex; justify-content: center; align-items: center; border-radius: 7px; transition:all 0.7s ease;}
.zone7 .innerflex .boxy .over h2                                            {display:block; width:100%; color:var(--color_theme); text-align:center; font-size:18px; line-height:1.5em; margin:0px auto 0px auto;}
.zone7 .innerflex .boxy .over .logoter                                      {width:150px !important; position:relative !important; margin:0px auto; filter: unset !important;}
.zone7 .innerflex .boxy:hover .over                                         {top:0px;}
.zone7 .innerflex .boxy:hover img                                           {filter:blur(6px) saturate(1);}
.zone7 .innerflex .blockl .btncontact                                       {border-radius:7px; font-family: Teko; text-transform: uppercase; font-size: 20px; line-height: 50px; position: relative; display: block; width: 300px; text-align: center; padding: 7px 0px; background: var(--color_theme_hv); overflow: hidden; color: var(--background_body1);}
.zone7 .innerflex .blockl .btncontact:after                                 {content: ""; position: absolute; left: 95%; top:0px; width: 100%; height: 100%; background:var(--background_body1); opacity: 0.2; border-radius: 7px; transition: all .3s ease;}
.zone7 .innerflex .blockl .btncontact:hover span                            {color:#fff; position: relative; z-index: 5;}
.zone7 .innerflex .blockl .btncontact:hover:after                           {opacity:1; top:0px; left:0px; z-index:4;}

.zone8                                                                      {position: relative; display:block; width:100%;}             
.zone8 .s11                                                                 {width:100% !important;}
.zone8 .row .col                                                            {padding:0 !important;}
.zone8 .innerflex                                                           {width:100%; height:auto; margin:0 auto; display: flex; flex-direction: row; justify-content: space-between; align-content: center; align-items: center; position: relative; margin: 0px auto 0px auto;}  
.zone8 .innerflex .blockl                                                   {width: 50%; height:auto; min-height:490px; position: relative; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 70px 0 120px 0; background: url('../img/illustration/fond-accueil-zone8.jpg') center center no-repeat; background-size: cover;}
.zone8 .innerflex .blockl .info1                                            {position: relative; width: 100%; text-align: center; font-family: Teko; font-size: 60px; text-transform: uppercase; color: #e4e4e4; line-height: 0.9em;}
.zone8 .innerflex .blockl .btncontact                                       {border-radius:7px; font-family: Teko; text-transform: uppercase; font-size: 20px; line-height: 50px; position: relative; display: block; width: 300px; text-align: center; padding: 7px 0px; background: var(--color_theme_hv); overflow: hidden; color: var(--background_body1);}
.zone8 .innerflex .blockl .btncontact:after                                 {content: ""; position: absolute; left: 95%; top:0px; width: 100%; height: 100%; background:var(--background_body1); opacity: 0.2; border-radius: 7px; transition: all .3s ease;}
.zone8 .innerflex .blockl .btncontact:hover span                            {color:#fff; position: relative; z-index: 5;}
.zone8 .innerflex .blockl .btncontact:hover:after                           {opacity:1; top:0px; left:0px; z-index:4;}
.zone8 .innerflex .blockr                                                   {width: 50%; height:auto; min-height: 490px; position: relative; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 70px 0 120px 0; background: url('../img/illustration/fond-accueil-zone9.jpg') center center no-repeat; background-size: cover;}
.zone8 .innerflex .blockr .info2                                            {position: relative; width: 100%; text-align: center; font-family: Teko; font-size: 60px;text-transform: uppercase; color: #333; line-height: 0.9em;}
.zone8 .innerflex .blockr .btncontact                                       {border-radius:7px; font-family: Teko; text-transform: uppercase; font-size: 20px; line-height: 50px; position: relative; display: block; width: 300px; text-align: center; padding: 7px 0px; background: var(--background_body1); overflow: hidden; color: #eee;}
.zone8 .innerflex .blockr .btncontact:after                                 {content: ""; position: absolute; left: 95%; top:0px; width: 100%; height: 100%; background: #fff; opacity: 0.2; border-radius: 7px; transition: all .3s ease;}
.zone8 .innerflex .blockr .btncontact:hover span                            {color:#333; position: relative; z-index: 5;}
.zone8 .innerflex .blockr .btncontact:hover:after                           {opacity:1; top:0px; left:0px; z-index:4;}

.zone9                                                                      {position: relative; display:block; width:100%; background:url('../img/fond/back_paternblue.png') repeat; padding: 80px 0px 0px 0px;}  
.zone9 .s11                                                                 {width:100% !important;}
.zone9 .row .col                                                            {padding:0 !important;}
.zone9 .innerflex                                                           {width:var(--nav_contenair_p); max-width:var(--nav_contenair_m); height:auto; margin:0 auto; display: flex; flex-direction: row; justify-content: space-between; align-content: center; align-items: flex-start; flex-wrap: wrap; gap:20px; position: relative; margin: 80px auto 30px auto;}
.zone9 .innerflex h3                                                        {text-transform: uppercase; font-family: Teko; font-size: 60px; color:var(--color_gen); line-height: 0.9em; margin: 10px 0px 50px 0px; text-align: left; width:100%;}   
.zone9 .innerflex .blog-article								                {position:relative; width:calc((100% / 3) - 20px); overflow:hidden; color:#333; border-radius:7px;}
.zone9 .innerflex .blog-article a 							                {color:#333;}
.zone9 .innerflex .blog-article-txt							                {font-size:15px; width:100%; line-height:25px; text-align:justify; background:rgba(255,255,255,0.2); padding:20px 0px; min-height: 400px;}
.zone9 .innerflex .blog-article-txt h3						                {font-size:25px; font-weight:400; text-decoration:none; margin:0px; padding:0px; display: block; width:100%; min-height:50px;}
.zone9 .innerflex .blog-article-txt .Lurl					                {font-size:11px; color:#036187; margin:5px 0px; display:block;}
.zone9 .innerflex .blog-article-txt .Ltags					                {font-size:10px; color:var(--color_theme_hv); margin:5px 8px 5px 0px; display:inline-block;}
.zone9 .innerflex .blog-article-txt .categ                                  {font-size:10px; color:var(--color_theme_hv); margin:5px 0px; display:inline-block; text-transform: uppercase;}
.zone9 .innerflex .blog-article-txt .light                                  {font-weight: 300; display: block; min-height: 250px;}
.zone9 .innerflex .blog-article-image						                {display:block; width:100%; aspect-ratio: 16 / 9; margin-bottom:15px; overflow:hidden; border-radius: 7px; position: relative;}
.zone9 .innerflex .blog-article-image img 					                {margin:0px; padding:0px; display:block; width:100%; overflow:hidden; border-radius: 7px; transition: all .2s ease-in-out; filter:saturate(0);}
.zone9 .innerflex .blog-article:hover img 					                {filter: saturate(1);}
.zone9 .innerflex .blockl                                                    {width:100%; height:auto; position: relative; display: flex; flex-direction: column; justify-content: center; align-items:flex-end;}      
.zone9 .innerflex .blockl .btncontact                                       {border-radius:7px; font-family: Teko; text-transform: uppercase; font-size: 20px; line-height: 50px; position: relative; display: block; width: 300px; text-align: center; padding: 7px 0px; background: var(--color_theme_hv); overflow: hidden; color: var(--background_body1);}
.zone9 .innerflex .blockl .btncontact:after                                 {content: ""; position: absolute; left: 95%; top:0px; width: 100%; height: 100%; background:var(--background_body1); opacity: 0.2; border-radius: 7px; transition: all .3s ease;}
.zone9 .innerflex .blockl .btncontact:hover span                            {color:#fff; position: relative; z-index: 5;}
.zone9 .innerflex .blockl .btncontact:hover:after                           {opacity:1; top:0px; left:0px; z-index:4;}

.paralox h3                                                                 {text-transform: uppercase; font-family: Teko; font-size: 70px; color:#e5e5e5; font-weight: 500; text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);} 
.paralox .btncontact                                                        {border-radius:7px; font-family: Teko; text-transform: uppercase; font-size: 20px; line-height: 50px; position: relative; display: block; width: 300px; text-align: center; padding: 7px 0px; margin:5px auto; background: var(--color_theme_hv); overflow: hidden; color: var(--background_body1);}
.paralox .btncontact:after                                                  {content: ""; position: absolute; left: 95%; top:0px; width: 100%; height: 100%; background:var(--background_body1); opacity: 0.2; border-radius: 7px; transition: all .3s ease;}
.paralox .btncontact:hover span                                             {color:#fff; position: relative; z-index: 5;}
.paralox .btncontact:hover:after                                            {opacity:1; top:0px; left:0px; z-index:4;}

@keyframes move_photo           {to {transform:translate(0px,0px); opacity:1;}}

@media only screen and (max-width: 601px) {
    #index-static-bfondaccueilzone1 .inneraccueil .ttlBig-0                 {font-size: 21vw; line-height:1.5em;}
    #index-static-bfondaccueilzone1 .right-bottom-curve                     {top: 30%;}
    .width25,.width50                                                       {width: auto !important;}
    .zone2 .innerflex                                                       {flex-direction: column !important; margin: 0px auto 0px auto;}
    .zone2 .innerflex .gagint                                               {width: 100% !important;}
    .zone2 .servicebox                                                      {margin: 5px auto 5px auto;}
    .zone3 .innerflex                                                       {flex-direction: column !important;}
    .zone3 .innerflex .innerimg .img1                                       {width:85%;}
    .zone3 .innerflex .innerimg .img2                                       {width:85%; margin: -20% auto 35px 0px;}
    .zone3 .innerflex .pl30                                                 {padding: 0px 10px !important;}
    .zone4 .innerflex                                                       {flex-direction: column !important;}
    .zone4 .innerflex .pr30                                                 {padding: 0px 10px !important;}
    .zone4 .innerflex .pl30                                                 {padding: 0px 10px !important;}
    .zone4 .innerflex .image-box                                            {margin: 0px auto 70px auto;}
    .zone4 .innerflex .zone4img .btninfo                                    {right: 50px; bottom: 20px;}
    .zone4 .innerflex .smalltext                                            {width: 100%;}
    .zone5 .factcpt .innerflex                                              {flex-wrap: wrap;}
    .zone5 .factcpt .innerflex .contentbox                                  {width: 50%; border-bottom: solid 1px #6a6a6a; padding: 0px; margin: 0px;}
    .zone5 .factcpt .innerflex2 .orangeblock h4                             {font-size: 25px;}
    .zone5 .factcpt .innerflex2 .witheblock                                 {padding: 35px 0px 0px 35px;}
    .zone5 .factcpt .innerflex2 .witheblock h5                              {font-size: 45px;}
    .zone6 .factcpt .innerflex .blockr                                      {width: 100%; padding: 30px 5px 0px 5px;}
    .zone6 .factcpt .innerflex .blockl .tatifo                              {text-align: center;}
    .zone6 .factcpt .innerflex .blockl .tatifo .smalltext                   {font-size: 28px; line-height: 1.1em; margin-top: 20px;}
    .zone6 .factcpt .innerflex .blockl .tatifo::after                       {display: none;}
    .zone6 .factcpt .innerflex .blockl .tatifo .mr20                        {margin-right:0px !important;}
    .zone6 .factcpt .innerflex .blockl .flex_justi_end                      {flex-direction: column-reverse !important;}
    .paralox h3                                                             {font-size: 50px;}
    .zone7 .innerflex                                                       {padding: 0px 5px;}
    .zone7 .innerflex .boxy                                                 {width: 48%;}
    .zone8 .innerflex                                                       {flex-direction: column !important;}
    .zone8 .innerflex .blockl                                               {width:100%;}
    .zone8 .innerflex .blockr                                               {width:100%;}
    .zone9 .innerflex .blog-article                                         {width: calc((100% / 1) - 20px); margin: 0px auto;}
}
@media only screen and (min-width: 601px) and (max-width: 1124px) { 
    
}