.zone1                                                  {width:100%; max-width:100%; height: 70vh; padding:0px; margin:0px; display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: center; align-items: center; align-content: space-around; gap:10px; position: relative; overflow: hidden; background-color: #111f3076;}
.zone1 .center                                          {margin:0px auto 0px 15%; text-align: left !important;}
.zone1 h1                                               {position:relative; font-family: "Orbitron", sans-serif; font-size: 80px; color:var(--background_body); text-shadow: 0px 0px 10px rgba(0, 0, 0, 1); line-height: 1.1em; font-weight: 700; margin: 0px 0px 70px 0px; animation: ease move_photo 1.3s 2.0s forwards; transform: translate(200%, 0px); letter-spacing:50px; filter:blur(20px);}
.zone1 h1:after                                         {position:absolute; bottom:-35px; left:0px; width:250px; height:3px; background:var(--color_separator); display: block; content: '';}
.zone1 h2                                               {font-size: 25px; color: var(--background_body); text-shadow: 0px 0px 10px rgba(0, 0, 0, 1); line-height: 1em; text-transform: uppercase; letter-spacing: 4px; font-weight: 500; margin:1.2rem 0px; padding:0px; animation: ease move_photo 1.4s 2.0s forwards; transform: translate(-200%, 0px);}
.zone1 p                                                {font-size: 15px; color: var(--background_body); text-shadow: 0px 0px 10px rgba(0, 0, 0, 1); line-height: 1.5em; font-weight: 400; animation: ease move_photo 1.1s 2.2s forwards; transform: translate(200%, 0px);}
.btn-large                                              {border-radius: 3px; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.6); animation: ease move_photo 1.1s 2.2s forwards; transform: translate(-300%, 0px);}

.zone2                                                  {width:100%; max-width:100%; padding:50px 0px !important; background:var(--background_body1) !important;}
.zone2 .section                                         {padding: 1rem 10% !important;}
.zone2 .icon-block                                      {display: flex; gap: 30px; align-content: center; align-items: center; justify-content: center;}
.zone2 .icon-block .number                              {font-size:45px; display: block; font-weight: bold;}
.zone2 .icon-block .material-icons                      {color:var(--color_theme2);}

.zone3                                                  {width:100%; max-width:100%; padding:70px 0px !important;}
.zone3 .text_contener                                   {width:100%; max-width:600px; padding:20px;}
.zone3 .text_contener h2                                {font-family: "Orbitron", sans-serif; font-size: 35px; line-height: 1.1em; font-weight: 400; margin:0px 0px 40px 0px; color: var(--color_theme2);}   
.zone3 .text_contener .btn-large                        {border-radius: 3px; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.6); animation: ease move_photo 1.1s 2.2s forwards; transform: translate(-300%, 0px);}
.zone3 img                                              {display: block; width: calc(100% - 20px); margin:0px 20px 0px auto; border-radius:8px;}

.zone4                                                  {width:100%; background:var(--background_body1) !important; gap:20px;}
.zone4 .section                                         {max-width:var(--nav_contenair_m); margin:0px auto !important;}
.zone4 .section #gridetude                              {gap:20px;}
.zone4 .boxy                                            {width:100%; min-height: 600px; background:var(--background_body); border-radius:8px; display: flex; flex-direction: column; position: relative; overflow: hidden;}
.zone4 .boxy .zimg                                      {display: flex; width:100%; height:230px; align-items: center; align-content: center; justify-content: center; overflow: hidden;}
.zone4 .boxy .zimg img                                  {width:100%;}
.zone4  h3                                              {font-family: "Orbitron", sans-serif; font-size: 28px; font-weight: 400; margin:0px auto 40px auto; color: var(--color_theme2);}
.zone4 .boxy .text                                      {width:100%; padding: 40px 20px 20px 20px; }
.zone4 .boxy .text h4                                   {font-family: "Orbitron", sans-serif; font-size: 18px; font-weight: 400; margin:0px auto 20px auto; color: var(--color_theme2);}
.zone4 .boxy .text .btn                                 {font-family: "Orbitron", sans-serif; position: absolute; bottom: 20px; left: 20px; display: flex; align-items: center; border-radius: 8px !important; box-shadow: none !important; width: fit-content; padding: 7px 15px; background: var(--color_theme); color: var(--color_theme3); text-decoration: none; text-align: center; border: none !important; font-size: 10px;  transition: all .3s ease;}
.zone4 .boxy .text .btn:hover                           {color: #fff; }

.zone5                                                  {display: flex; flex-direction: column; justify-content: center; text-align: center; align-content: center; align-items: center; width:100%; height: 500px;}
.zone5 h4                                               {color:var(--background_body1); font-family: "Orbitron", sans-serif; font-size: 35px; }
.zone5 p                                                {color:var(--background_body1);}

.zone6                                                  {width:100%; height:411px; background:var(--background_body);}
.zone6 .row .col                                        {padding:0px; }
.zone6 .content                                         {width:100%; height:auto; position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; padding:25px;}
.zone6 .content h3                                      {font-family: "Orbitron", sans-serif; font-size: 28px; font-weight: 400; margin:0px auto 40px auto; color: var(--color_theme2);}
.zone6 .img1                                            {width: 100%; background: url('../img/illustration/fond_accueil_08.jpg') no-repeat center center; background-size: cover; position: relative; border-top-left-radius:8px; border-top-right-radius:8px; border-bottom-left-radius:8px;}
.zone6 .img2                                            {width: 100%; background: url('../img/illustration/fond_accueil_09.jpg') no-repeat center center; background-size: cover; position: relative; border-top-right-radius:8px; border-bottom-left-radius:8px; border-bottom-right-radius:8px;}
.zone6 .img1:after                                      {content: ''; display: block; padding-bottom: 100%; }
.zone6 .img2:after                                      {content: ''; display: block; padding-bottom: 100%; }

.zone7                                                  {width:100%; max-width:100%; background:var(--background_body1) !important;}
.zone7 h3                                               {font-family: "Orbitron", sans-serif; font-size: 28px; font-weight: 400; margin:0px auto 60px auto; color: var(--color_theme2); text-align: center;}
.zone7 .content                                         {max-width:var(--nav_contenair_m); margin:0px auto !important; display:flex;  justify-content: center; text-align: center; align-content: center; align-items: center; width:100%; gap:30px; flex-wrap: wrap;}
.zone7 .content .boxy                                   {width:calc((100% / 3) - 30px); font-size:18px; text-align: center;}
.zone7 .content .boxy img                               {display:block; width:135px; margin:0px auto 15px auto;}

@keyframes move_photo {
    to {
        transform: translate(0px, 0px); letter-spacing: 0px; filter:unset;
    }
}