h2 														{width:100%; display:block; margin:45px auto !important; line-height:35px !important; color:#333 !important; font-weight:bold !important; letter-spacing:-0.8px !important; text-align: center;}

.infoport                                               {width:100%; height:550px; position:relative; background:url('../img/illustration/fond_apropos_001.jpg') center center no-repeat; background-size: cover; display: flex; flex-direction: row; justify-content: center; align-items: center; align-content: center; margin-bottom: 30px; overflow: hidden;}
.infoport .zonetext                                     {display: flex; flex-direction: column; justify-content: center; align-items: flex-start; align-content: center; width:33%; height:auto; margin:0px auto 0px 5%; padding: 0px 20px; text-align: left;}     
.infoport .zonetext h1                                  {margin: 0 0 18px; font-size: clamp(2rem, 4.0vw, 4.2rem); line-height: .95; font-weight: 800; letter-spacing: -0.04em; color: #082f43; text-align:left;}
.infoport .zonetext h2                                  {margin: 0 0 30px !important; font-size: 1.2rem !important;; line-height: 1.45 !important;; font-weight:normal !important;  color: #163b49; text-align: left;}
.infoport .zonetext .mans1                              {margin:50px auto 0px 0px; color:var(--background_head2);}
.infoport .zoneslog                                     {display: block; width:33%; height:100%;  position:relative;}
.infoport .zoneslog .mans2                              {position:absolute; top:6%; right:10%; width:auto; height: 100px; display:block; text-align:center; color:var(--background_gen);}
.infoport .zonedechireee                                {position:absolute; bottom:0px; left:0px; width:101%; height:60px; background-image:url('../img/fond/dechiree_001.svg'); background-repeat: no-repeat; background-position: center center; background-size: 100% 100%; display:block;}

.infoprod                                               {width:100%; height:auto; position:relative; background:#fff; display: flex; flex-direction: row; justify-content:space-between; align-items: center; align-content: center; margin-top: -20px; overflow: hidden;}
.infoprod .zonetext                                     {display: flex; flex-direction: column; justify-content: center; align-items: flex-start; align-content: center; width:45%; height:auto; margin:0px; padding: 0px 20px; text-align: left;}   
.infoprod .zonetext h3                                  {margin: 0 0 18px; font-size: 16px; line-height: .95; font-weight: 800; color:var(--color_theme); text-align:left;}
.infoprod .zonetext h2                                  {margin: 20px 0 30px !important; font-size: clamp(1.5rem, 3.8vw, 3.0rem); line-height: 0.85em !important; font-weight: 800 !important; letter-spacing: -0.04em !important; color: #082f43 !important; text-align: left;}
.infoprod .zonetext p                                   {font-size: 1rem !important; line-height: 1.45 !important;; font-weight:normal !important;  color: #163b49; text-align: left;}
.infoprod .zonetext .btn_actions                        {display: flex; align-items: center; gap: 18px; flex-wrap: wrap; margin-top: 30px;}
.infoprod .zonetext .btn_actions .hero_btn              {display: inline-flex; align-items: center; justify-content: center; min-height: 45px; padding: 0 20px; border-radius: 8px; font-size: 1rem; font-weight: 600; text-decoration: none; transition: transform .2s ease, background-color .2s ease, box-shadow .2s ease;}
.infoprod .zonetext .btn_actions .hero_btn:hover        {transform: translateY(-2px);}
.infoprod .zonetext .btn_actions .hero_btn_primary      {color: #fff; background: #e85d49; border: 2px solid #e85d49; }
.infoprod .zonetext .btn_actions .hero_btn_primary span {margin-left: 12px; font-size: 1em; line-height: 1;}
.infoprod .zonetext .btn_actions .hero_btn_primary:hover {background: var(--color_theme); border-color: var(--color_theme); box-shadow: 0 6px 16px rgba(0, 0, 0, .12); }
.infoprod .zoneimg                                      {display: flex; flex-direction: column; justify-content: center; align-items: center; align-content: center; width:45%; height:auto; margin:0px 0px 0px auto; padding: 0px 20px; text-align: right;}        
.infoprod .zoneimg .blimg1                              {width:100%; height:auto; display:block; margin:0px auto 0px auto; text-align:center; position:relative; overflow:hidden; }
.infoprod .zoneimg .blimg1 img                          {width:100%; height:auto; display:block; margin:0px auto 0px auto; text-align:center; transition:all .3s ease-out;}
.infoprod .zoneimg .blimg1 .zonedechireee               {position:absolute; top:0px; left:0px; width:101%; height:100%; background-image:url('../img/fond/dechiree_002.svg'); background-repeat: no-repeat; background-position: center center; background-size: 100% 100%; display:block;}
.infoprod .zoneimg .blimg1 .reverse                     {transform: scaleX(-1);}
.infoprod .zoneimg .blimg1 .zoneslog                    {display: block; width:auto; height:auto; position:absolute; top:22%; left:6%;}
.infoprod .zoneimg .blimg1 .zoneslog .mans2             {width:auto; height:140px; display:block; text-align:center; color:#163b49; position:relative; }

.lastprod                                               {width: calc(100% - 40px); height:auto; position:relative; background-color:#fffcf4; background-image: url('../img/fond/fond_topographie.svg');display: block; margin-bottom: 30px; overflow: hidden; padding: 80px 20px 100px 20px}
.lastprod:before                                        {position: absolute; top: 0px; left: 0px; width: 101%; height: 40px; background-image: url('../img/fond/dechiree_001.svg'); background-repeat: no-repeat; background-position: center center; background-size: 100% 100%; display: block; transform: rotate(180deg); content: ''; z-index: 1;}                     
.lastprod:after                                         {position: absolute; bottom: 0px; left: 0px; width: 101%; height: 40px; background-image: url('../img/fond/dechiree_001.svg'); background-repeat: no-repeat; background-position: center center; background-size: 100% 100%; display: block; content: ''; z-index: 1;}                     
.lastprod h3                                            {margin: 0 0 18px; font-size: 16px; line-height: .95; font-weight: 800; color:var(--color_theme); text-align:left;}
.lastprod h2                                            {margin: 20px 0 30px !important; font-size: clamp(1.5rem, 3.8vw, 3.0rem); line-height: 0.85em !important; font-weight: 800 !important; letter-spacing: -0.04em !important; color: #082f43 !important; text-align: left;}
.lastprod .gridcard                                     {width: 100%; height: auto; display: flex; flex-direction: row; justify-content:center; gap: 20px; align-items: center; align-content: flex-start; transition: all .250s ease-out; }
.lastprod .gridcard .row_card				            {width:calc(25% - 15px); height:auto; display: flex; flex-direction: column; color:#353535; margin:0px; padding: 0px 0px 15px 0px; transition:all .2s ease-out; border-radius: 7px; max-width: 320px;}
.lastprod .gridcard .row_card .icoround                 {width: 110px; height: 110px; border-radius: 50%; background: #f0ede4; display: flex; align-items: center; justify-content: center; margin: 0 auto 22px auto;}
.lastprod .gridcard .row_card .icoround i               {color: #082f43bd; font-size: 60px !important;}
.lastprod .gridcard .row_card .text                     {font-size: 14px; line-height: 1.4; text-align: center; padding: 10px; width: 80%; margin: 0px auto; display: flex; flex-direction: column; justify-content: center; align-items: center; align-content: center;}
.lastprod .gridcard .row_card .text h4                  {margin: 0px auto 20px auto; font-weight: bold;}
.lastprod .gridcard .row_card .text p                   {margin: 0px; padding: 0px;}

.bandgraf                                               {width:100%; height:450px; background:url('../img/illustration/fond_apropos_004.jpg') center center no-repeat; background-size: cover; display: flex; flex-direction: column; justify-content: center; align-items: center; align-content: center; margin: 0px auto 50px auto; position: relative;}
.bandgraf:before                                        {position: absolute; top: 0px; left: -1px; width: 101%; height: 40px; background-image: url('../img/fond/dechiree3_1.svg'); background-repeat: no-repeat; background-position: center center; background-size: 100% 100%; display: block; content: ''; z-index: 1;}
.bandgraf:after                                         {position: absolute; bottom: 0px; left: -1px; width: 101%; height: 40px; background-image: url('../img/fond/dechiree3_2.svg'); background-repeat: no-repeat; background-position: center center; background-size: 100% 100%; display: block; content: ''; z-index: 1;}
.bandgraf .zoneslog                                     {width:calc(100% - 150px); height: 100%; margin:0px auto; position: relative; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; align-content: center;}
.bandgraf .zoneslog .mans2                              {width:auto; height: 110px; display:block; text-align:center; color:var(--background_gen); transform: rotate(-13deg); }

.infocont                                               {width:100%; height:auto; min-height: 100px; position:relative; background:#163041; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; align-items: stretch; align-content: stretch; margin:0px auto;}
.infocont:before                                        {position: absolute; top: 0px; left: -1px; width: 101%; height: 40px; background-image: url('../img/fond/dechiree_001.svg'); transform:rotate(180deg); background-repeat: no-repeat; background-position: center center; background-size: 100% 100%; display: block; content: ''; z-index: 1;}
.infocont .zonetext                                     {display: flex; flex-direction: column; justify-content: center; align-items: flex-start; align-content: center; width:35%; height:auto; margin:0px; padding: 90px 0px 50px 20px; text-align: left; color:#ddd;}   
.infocont .zonetext h3                                  {margin: 0 0 18px; font-size: 16px; line-height: .95; font-weight: 800; color:var(--color_theme); text-align:left;}
.infocont .zonetext h2                                  {margin: 20px 0 30px !important; font-size: clamp(1.5rem, 3.8vw, 3.0rem); line-height: 1.2em !important; font-weight: 800 !important; letter-spacing: -0.04em !important; color: #fff !important; text-align: left;}
.infocont .zonetext p                                   {width:auto; max-width:320px;}
.infocont .zonetext .btn_actions                        {display: flex; align-items: center; gap: 18px; flex-wrap: wrap; }
.infocont .zonetext .btn_actions .hero_btn              {display: inline-flex; align-items: center; justify-content: center; min-height: 45px; padding: 0 20px; margin:20px 0px; border-radius: 8px; font-size: 1rem; font-weight: 600; text-decoration: none; transition: transform .2s ease, background-color .2s ease, box-shadow .2s ease;}
.infocont .zonetext .btn_actions .hero_btn:hover        {transform: translateY(-2px);}
.infocont .zonetext .btn_actions .hero_btn_primary      {color: #fff; background: #e85d49; border: 2px solid #e85d49; }
.infocont .zonetext .btn_actions .hero_btn_primary span {margin-left: 12px; font-size: 1em; line-height: 1;}
.infocont .zonetext .btn_actions .hero_btn_primary:hover {background: var(--color_theme); border-color: var(--color_theme); box-shadow: 0 6px 16px rgba(0, 0, 0, .12); }
.infocont .zonetext .btn_actions .hero_btn_secondary    {color: #163b49; background: rgba(255, 255, 255, .55); border: 2px solid #315361; backdrop-filter: blur(2px);}
.infocont .zonetext .btn_actions .hero_btn_secondary:hover {background: rgba(255, 255, 255, .85);}
.infocont .zoneimg                                      {display: flex; flex-direction: column; justify-content: center; align-items: center; align-content: center; width:55%; height:auto; margin:0px 0px 0px auto; padding: 0px; text-align: right;}        
.infocont .zoneimg .blimg1                              {width:100%; height:100%; display:block; margin:0px auto 0px auto; text-align:center; position:relative; overflow:hidden; position:relative; background-image:url('../img/illustration/fond_accueil_004.jpg'); background-repeat: no-repeat; background-position:right center; background-size: cover;}
.infocont .zoneimg .blimg1 .inner                       {width:100%; height:100%;}
.infocont .zoneimg .blimg1 .zonedechireee               {position:absolute; top:0px; left:0px; width:101%; height:80px; background-image:url('../img/fond/cadreimgbleu.svg'); transform:rotate(90deg); translate: calc(-50% + 40px) 130%; background-repeat: no-repeat; background-position: center center; background-size: 100% 100%; display:block;}

@media screen and (min-width:1201px) and (max-width:1366px) {
    .infoprod .zoneimg .zoneslog                        {top:3%}
    .infoprod .zonetext                                 {width:30%}
    .infoprod .zoneimg                                  {width:65%}
    .infocont .zoneimg .blimg1 .zonedechireee           {top: 70px;}
}
@media screen and (min-width:993px) and (max-width:1200px) {
    .infoprod .zoneimg .zoneslog                        {top:3%}
    .infoprod .zonetext                                 {width:30%}
    .infoprod .zoneimg                                  {width:65%}
    .infocont .zoneimg .blimg1 .zonedechireee           {top: 25%;}
}
@media screen and (min-width:769px) and (max-width:992px) {
    .infoprod .zoneimg .zoneslog                        {top:3%}
    .lastprod .gridprod                                 {flex-wrap: wrap;}
    .lastprod .gridprod .row_prod                       {width: calc(50% - 15px);}
    .infocont .zoneimg .blimg1 .zonedechireee           {top: 25%; width:130%;}
}
@media screen and (min-width:481px) and (max-width:768px) {
    .infoport .zonetext                                 {width:60%}
    .infoport .zoneslog                                 {display: none;}
    .infoprod                                           {flex-direction: column;}
    .infoprod .zonetext                                 {width: calc(100% - 30px);}
    .infoprod .zoneimg                                  {width: calc(100% - 30px);}
    .infoprod .zoneimg .zoneslog                        {top:0;}
    .infocont                                           {flex-direction: column;}
    .infocont .zonetext                                 {width: calc(100% - 30px);}
    .infocont .zoneimg                                  {width: 100%;}
    .infocont .zoneimg .blimg1                          {height: 350px; width: 100%;}
    .infocont .zoneimg .blimg1 .zonedechireee           {transform: rotate(180deg); translate:none;}
}
@media screen and (min-width:100px) and (max-width:480px) {
    .infoport .zonetext                                 {width:60%}
    .infoport .zoneslog                                 {display: none;}
    .infoprod                                           {flex-direction: column;}
    .infoprod .zonetext                                 {width: calc(100% - 30px);}
    .infoprod .zonetext .zicos                          {gap:10%; }
    .infoprod .zoneimg                                  {width: calc(100% - 30px);}
    .infoprod .zoneimg .zoneslog                        {display: none !important;}
    .infocont                                           {flex-direction: column;}
    .infocont .zonetext                                 {width: calc(100% - 30px);}
    .infocont .zoneimg                                  {width: 100%;}
    .infocont .zoneimg .blimg1                          {height: 350px; width: 100%;}
    .infocont .zoneimg .blimg1 .zonedechireee           {transform: rotate(180deg); translate:none;}
}