.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%; height:411px; background:var(--background_body);}
.zone2 .row .col                                        {padding:0px; }
.zone2 .content                                         {width:100%; height:auto; position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: left; padding:25px;}
.zone2 .cexptit h2                                      {font-family: "Orbitron", sans-serif; font-size: 30px; font-weight: 400; margin:0px auto 20px auto; color: var(--color_theme2); text-align: center;}
.zone2 .content h3                                      {font-family: "Orbitron", sans-serif; font-size: 23px; font-weight: 400; margin:0px auto 40px auto; color: var(--color_theme2);}
.zone2 .img1                                            {width: 100%; background: url('../img/illustration/fond_service_02.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;}
.zone2 .img1:after                                      {content: ''; display: block; padding-bottom: 100%; }
.zone2 .img2                                            {width: 100%; background: url('../img/illustration/fond_service_03.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;}
.zone2 .img2:after                                      {content: ''; display: block; padding-bottom: 100%; }
.zone2 .img3                                            {width: 100%; background: url('../img/illustration/fond_service_04.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;}
.zone2 .img3:after                                      {content: ''; display: block; padding-bottom: 100%; }
.zone2 .img4                                            {width: 100%; background: url('../img/illustration/fond_service_05.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;}
.zone2 .img4:after                                      {content: ''; display: block; padding-bottom: 100%; }

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

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

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