.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: 25px; font-weight: 400; margin:0px auto 40px auto; color: var(--color_theme2);}
.zone2 .img1                                            {width: 100%; background: url('../img/illustration/fond_qualite_02.jpg') no-repeat center center; background-size: cover; position: relative; border-radius:8px;}
.zone2 .img1:after                                      {content: ''; display: block; padding-bottom: 100%; }
.zone2 .img2                                            {width: 100%; background: url('../img/illustration/fond_qualite_03.jpg') no-repeat center center; background-size: cover; position: relative; border-radius: 8px;}
.zone2 .img2:after                                      {content: ''; display: block; padding-bottom: 200%; }
.zone2 .img3                                            {width: 100%; background: url('../img/illustration/fond_qualite_04.jpg') no-repeat center center; background-size: cover; position: relative; border-radius: 8px;}
.zone2 .img3: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; }
.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);}
.zone3 .section h4                                      {font-family: "Orbitron", sans-serif; font-size: 18px; font-weight: 300; margin:0px auto 20px 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; }
.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);}
.zone4 .section h4                                      {font-family: "Orbitron", sans-serif; font-size: 18px; font-weight: 300; margin:0px auto 20px auto; color: var(--color_theme2);}



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