.zone1                                                  {width:100%; max-width:100%; height: 30vh; 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);}

.zone2                                                  {width:100%; max-width:100%; padding:50px 0px !important; background:var(--background_body) !important;}
.zone2 .blocleft                                        {background:url('../img/illustration/fond_apropos_02.jpg'); background-position: center center; background-repeat: no-repeat; background-size: cover; width: 100%; border-radius: 8px; padding: 80px 0px;} 
.zone2 .blocleft .histo                                 {display:flex; flex-direction: column; width:max-content; width:100%;}
.zone2 .blocleft .histo .item                           {width:max-content; margin:10px auto; color:#fff;}
.zone2 .blocleft .histo .item .ann                      {font-family: "Orbitron", sans-serif; font-size:24px; font-weight:900; color:var(--color_theme3); width: 100%; text-align: center;}
.zone2 .blocleft .histo .item .exp                      {font-size:15px;}
.zone2 .blocleft .histo .separ                          {width:2px; background:#f9f9f961; height:40px; margin:5px auto;}
.zone2 .blocright                                       {padding: 30px 0px 30px 100px; width: 100%; font-size: 18px; line-height: 1.8em;}
.zone2 .blocright h2                                    {font-family: "Orbitron", sans-serif; font-size: 28px; font-weight: 400; margin:0px auto 50px auto; color: var(--color_theme2);}

.zone3                                                  {width:100%; max-width:100%; padding:100px 0px !important; background:var(--background_body1) !important;}
.zone3 .section                                         {max-width:var(--nav_contenair_m); margin:0px auto !important; font-size: 18px; line-height: 1.8em;}
.zone3 .section .row .col.s11                           {width:100% !important;}
.zone3 .section h2                                      {font-family: "Orbitron", sans-serif; font-size: 28px; font-weight: 400; margin:0px auto 50px auto; color: var(--color_theme2);}

.zone4                                                  {width:100%; max-width:100%; background:var(--background_body) !important;}
.zone4 h2                                               {font-family: "Orbitron", sans-serif; font-size: 28px; font-weight: 400; margin:0px auto 60px auto; color: var(--color_theme2); text-align: center;}
.zone4 .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;}
.zone4 .content .boxy                                   {width:calc((100% / 3) - 30px); font-size:18px; text-align: center;}
.zone4 .content .boxy img                               {display:block; width:135px; margin:0px auto 15px auto;}

.zone5                                                  {width:100%; max-width:100%; padding:100px 0px !important; background:var(--background_body) !important;}
.zone5 .section                                         {max-width:var(--nav_contenair_m); margin:0px auto !important; font-size: 18px; line-height: 1.8em;}
.zone5 .section .row .col.s11                           {width:100% !important;}
.zone5 .section h2                                      {font-family: "Orbitron", sans-serif; font-size: 28px; font-weight: 400; margin:0px auto 50px auto; color: var(--color_theme2);}
.zone5 .section img                                     {margin:5px auto !important;}

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