.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;}

.bandeaumaster                                                              {display: flex; flex-direction: column; justify-content: center; align-content: center; align-items: center; position: relative; overflow: hidden;}
.bandeaumaster                  .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;}
.bandeaumaster                  .inneraccueil .ttlBig-0                     {font-size: 6vw; line-height:0.9em; font-weight: 900; text-transform: uppercase; width:100%; height:auto; display:block; margin:0px; z-index: 10; position: relative;}
.bandeaumaster                  .inneraccueil .ttlBig-1                     {text-align:center; color:var(--color_theme); animation: ease move_photo 1.3s 1.4s forwards; transform:translate(500px,0px); opacity: 0;}
.bandeaumaster                  .right-bottom-curve                         {position: absolute; right: 0; bottom: 0; width: 217px; max-width: 100%; height: 100%; max-height: 328px; background: url('../img/fond/right-curved-background2.png') 100% 100% no-repeat; z-index: 2; opacity: 0; transform: translateX(300px); animation: ease move_photo 0.8s 2.8s forwards;} 
.bandeaumaster                  .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;}

.zone1                                                                      {position: relative; display:block; width:100%; background:url('../img/fond/back_paternblue.png') repeat; padding: 80px 0px 0px 0px;}
.zone1 .innerflex                                                           {width:var(--nav_contenair_p); max-width:var(--nav_contenair_m); height:auto; margin:0 auto;  display: flex; flex-direction: column; justify-content: space-between; align-content: center; align-items: flex-start; position: relative; margin: 0px auto 0px auto;}
.zone1 .innerflex h2                                                        {text-transform: uppercase; font-family: Teko; font-size: 35px; color:var(--color_theme_hv); line-height: 0.9em; margin: 0px 0px 20px 0px; text-align: left;}    

.zone2                                                                      {position: relative; display: block; width:100%;}
.zone2 .innerflex                                                           {width:var(--nav_contenair_p); max-width:var(--navv_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;}
.zone2 .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%;}   
.zone2 .innerflex .boxy                                                     {width:32%; overflow: hidden; position: relative; cursor:pointer; margin-bottom:2%; border-radius: 7px;}
.zone2 .innerflex .boxy:before                                              {content:''; float:left; padding-top:100%;}
.zone2 .innerflex .boxy img                                                 {position:absolute; top:0; left:0; width:100%; filter:saturate(0); transition: all 0.7s ease; border-radius:7px;}
.zone2 .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;}
.zone2 .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;}
.zone2 .innerflex .boxy .over .logoter                                      {width:150px !important; position:relative !important; margin:0px auto; filter: unset !important;}
.zone2 .innerflex .boxy:hover .over                                         {top:0px;}
.zone2 .innerflex .boxy:hover img                                           {filter:blur(6px) saturate(1);}
.zone2 .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);}
.zone2 .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;}
.zone2 .innerflex .blockl .btncontact:hover span                            {color:#fff; position: relative; z-index: 5;}
.zone2 .innerflex .blockl .btncontact:hover:after                           {opacity:1; top:0px; left:0px; z-index:4;}

.zone3                                                                      {position: relative; display: block; width:100%;}
.zone3 .title                                                               {text-transform: uppercase; font-family: Teko; font-size: 60px; color:var(--color_gen); line-height: 0.9em; margin: 10px auto 50px auto; text-align: center; width:100%;}  
.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: stretch; flex-wrap: wrap; position: relative; margin: 80px auto 30px auto; gap:24px}
.zone3 .innerflex .blockl                                                   {width: calc(((100% / 2) * 1) - 12px); height:auto; min-height: 550px; position: relative; display: flex; flex-direction: column; justify-content: center; align-items: center;}
.zone3 .innerflex .blockl img                                               {width:100%; height:auto; border-radius:7px; margin:0px 0px 20px 0px; transition: all .3s ease; filter:saturate(0)}
.zone3:hover .innerflex .blockl img                                         {filter:saturate(1);}
.zone3 .innerflex .blockl .navin                                            {width:100%; height:auto; aspect-ratio: 16/9; overflow-x: hidden; overflow-y: scroll; border-radius: 7px;}
.zone3 .innerflex .blockr                                                   {width: calc(((100% / 2) * 1) - 12px); height:auto; min-height: 550px; position: relative; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; padding:0px 30px; background: var(--background_body1); color: var(--color_head); border-radius: 7px;}
.zone3 .innerflex .blockr .txt                                              {font-size: 1.1rem; line-height: 1.5em; text-align: justify; padding: 40px 30px ; width:100%; height:100%; display: flex; flex-direction: column; }
.zone3 .innerflex .blockr .txt img                                          {width: auto; height: auto; margin: 0px auto 60px auto; transition: all .3s ease;}
.zone3 .innerflex .blockr .txt h3                                           {text-transform: uppercase; font-family: Teko; font-size: 25px; color:var(--color_theme_hv);}
.zone3 .innerflex .shortnav                                                 {width:100%; height:auto; display: flex; flex-direction: row; justify-content: space-between; align-content: center; align-items: center; border-top: 1px solid #e9ebee;  border-bottom: 1px solid #e9ebee; padding:50px 0px}
.zone3 .innerflex .shortnav a                                               {color:var(--color_gen); font-family: Teko; font-size: 22px; text-transform: uppercase; transition: all .3s ease; position: relative; display: flex; flex-direction: row; align-items: center;}
.zone3 .innerflex .shortnav a:hover                                         {color:var(--color_theme_hv);}

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



@media only screen and (max-width: 601px) {
    .bandeaumaster .inneraccueil .ttlBig-0                                  {font-size: 10vw;}
    .zone2 .innerflex                                                       {padding: 0px 5px;}
    .zone2 .innerflex .boxy                                                 {width: 48%;}
    .zone3 .title                                                           {font-size: 50px;}
    .zone3 .innerflex                                                       {flex-direction: column;}
    .zone3 .innerflex .blockl                                               {width: 90%;}
    .zone3 .innerflex .blockr                                               {width: 90%; padding: 0px;}
    .zone3 .innerflex .blockr .txt h3                                       {margin: 10px 0px;}
    .zone3 .innerflex .shortnav a                                           {font-size: 15px;}
}