/* cmsms stylesheet: template modified: Thursday, September 10, 2026 12:05:40 AM */
body {
    margin: 0;
    font-family: Arial, Helvetica, sans-serif;
    font-size:100%;
    line-height: 1.4;
    /*line-height: 1.618;*/
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

.site-header{
    padding:1rem;
    text-align:center;
    font-weight: bold;
    color: #094549;
  
}

main{
flex: 1 1 auto;
    background-color: #ffffff;
    /*margin : 2rem 0;*/
    padding-top: 4rem;
  
    /*text-align:justify;*/
    color:#404850;
}

h1{font-family: system-ui;
    text-align:center;
  font-size: x-large;
    /*line-height:normal;*/
    text-transform : capitalize;
}

h1::after{
        background: #1d9ebb;
    content: "";
    display: block;
    height: 6px;
    margin: 2rem auto 0;
    width: 160px;
}



.center{text-align:center;
    line-height:normal;
}

.logo_mntp {
    text-align:center;
    margin:2rem 0 4rem 0;
    
}


.bold {
    font-weight:bold;
}



a{
    display:inline-block;
    color:inherit;
    cursor:pointer;
    text-decoration:none;
}

img {
  box-sizing: border-box;
  /* min-width: 0%; */
  width:auto; /* for responsive sizes apply */
  height: auto; /* for responsive sizes apply */
  max-width: 100%;
  /*vertical-align: bottom;*/
  vertical-align: top;
}
video {
  /*box-sizing: border-box;*/
  /* min-width: 0%; */
  width:auto; /* for responsive sizes apply */
  height: auto; /* for responsive sizes apply */
  max-width: 100%;
  vertical-align: top;
  object-fit: cover;
}


.site-header,
nav,
.site-footer ul{
     text-transform: capitalize;
}
.Navbar{ 
    color: #b1daee;
    border-top: 4px ridge #00b2ec;
    text-shadow: 1px 1px 2px #000;
    
}


.section, section {
   
        padding: 4rem 2rem;
}
.section:nth-child(odd), section:nth-child(odd) {
  background: #f7f7f7;
    border-bottom: 6px solid #e0e0e0;
    border-top: 6px solid #e0e0e0;
}






.site-footer {
background-color: #424242;
    border-top: 1px solid #ccc;
    color: #ebebeb;
    text-align: center;
}



.site-footer ul {
    display: flex;
    
    justify-content: center;
    list-style: none;
    margin: 2rem;
    padding: 0;
}
.site-footer li {
    margin: 0.5rem 2rem;
    
}

.site-footer a {
    color: #fff;
    display: inline-block;
    }

.site-footer .copyright {
    padding: 1rem ;
}


.flex {
    display:flex;
    flex-wrap:wrap;
    justify-content: center;
     column-gap: 2rem;
}
.boxe {
    min-width: 293px;
flex: 1 1 33%;
margin-top:2rem;
    padding: 0 0 1rem 0;
    border-radius: 1rem;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);
    overflow: hidden;
}
.flex h3 {
text-align: center;
    text-transform: uppercase;
    font-size: medium;
    background: #f1f1f196;
    padding: 1rem 0;
    margin-top: 0;
}
.boxe ul {
    padding-right:1rem
    
}

section {
        
    
        padding: 4rem 2rem ;
      
    }
    
 h2{
        font-family: system-ui;
          font-size: xx-large;
          line-height:normal;
}

.home h2 {
    font-size:1.4rem;
    margin-top:3rem;
     margin-bottom:2rem;
}
/* main p{*/
/*    text-align:justify;*/
/*}*/
.home hr{margin-top: 3rem;}
.home main ul {list-style:none;
}

.presta  h2 ,
.presta p,
.partenaire h2 + p{
    text-align:center;
    margin-top:2rem;
    margin-bottom:2rem;
}
.presta p,
.partenaire h2 + p{
    font-weight:bolder;
    font-style: italic;
color: #0f8099;
font-size: x-large;
font-family: system-ui;
}

.partenaire hr {
    margin: 3rem 0;
}

.home-partenaires{
    display :flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-evenly;
    align-items: center;
    align-content: center;
}
.home-partenaires img {
    margin : 2rem 0;
}

 .presta section:first-of-type .flex div:last-child{
        max-width:617px;
    
    }

main li { margin-top : 1.2rem;}

@media only screen and (min-width: 480px) {

        footer ul {
        flex-direction: row;
    }
}

@media only screen and (min-width: 1024px) {
.presta section:first-of-type .flex{
        flex-wrap:nowrap;
}

}

@media only screen and (min-width: 1110px) {
    .section, section {
        max-width: 1024px;
        padding: 4rem calc((100% - 1024px) / 2);
    }
   

}
/* cmsms stylesheet: NavMenu responsive trigger 1.0 aviapic input-label-focusable modified: Thursday, September 10, 2026 12:07:28 AM */
/*-- aligne menu button for mobile ---*//* ANIMATION OPTION 1 : automatique (cf compatibilité ) *//* :root {interpolate-size: allow-keywords;} *//* ANIMATION OPTION 2 : valeur calculée manuellement *//* note importante : block suivant le bloc nav */main {/* in order to hide menu*//* overflow: hidden; *//* --- */}.Navbar {interpolate-size: allow-keywords;position: relative;/* ###############" *//* NOTE important ! pas de padding en largeur *//* pourquoi ??? *//*-----*//* ###############" */color: white;background-color: #404852;/* padding: 1rem; */border-top: 4px ridge #757575;box-shadow: 0 4px 4px 1px rgba(21, 21, 21, 0.5);}.NavMenu, .NavSub {list-style: none;padding-left: 0;}/*--- nav > ul ---*/.NavMenu {margin-top: 0;margin-bottom: 0;display: flex;box-sizing: border-box;}/*.NavMenu a,.NavMenu li>span*/.Navlink,.NavSh {text-decoration: none;display: block;padding: 1rem;color: white;}/* .NavMenu li>span */.NavSh {cursor:context-menu;}/* .NavMenu li>span.parent,.NavMenu a.parent*/.parent .NavSh,.parent .Navlink {color:#e792f7;}/* .NavMenu a.active */.Navlink.active {color: #58f599;/* background: url(../img/menu_puce.png) right no-repeat; *//* background-position: 94% 4px; */}/* .NavMenu a:hover,.NavMenu a:focus */.Navlink:hover,.Navlink:focus {color: yellow;/* outline: 1px dotted yellow; *//* background: url(../img/menu_puce.png) no-repeat; */}/* .NavMenuCtrlLab {display: none;} */@media screen and (max-width: 960px) {.Navbar {text-align: right;}.NavMenuCtrlLab {position: relative;display: inline-block;cursor: pointer;/* ###############" */margin: 16px 0.8rem;height: 18px;}.NavMenuCtrlLab > input{appearance: none;position: absolute;left:-4px;top:-4px;bottom: -4px;right: -4px;background-color: transparent;cursor: pointer;}.NavMenuCtrlLab:after {content: "";display: inline-block;width: 1rem;margin-left: 8px;box-shadow: 0 -12px 0 1px #fff, 0 -6px 0 1px #fff, 0 0px 0 1px #fff;}.NavMenuCtrlLab:hover {color: orange;}.NavMenuCtrlLab:hover:after,.NavMenuCtrlLab:has(:checked):hover:after {box-shadow: 0 -12px 0 1px orange, 0 -6px 0 1px orange, 0 0px 0 1px orange;}.NavMenuCtrlLab:has(:checked ):after {box-shadow: 0 -12px 0 1px red, 0 -6px 0 1px red, 0 0px 0 1px red;}.NavMenu {visibility: hidden;position: absolute;z-index: -1;/* left:0 utile si nav a des padding */left: 0;top: 100%;width:100%;height: 0%;/*overflow-x: hidden;*//*overflow-y: scroll;*/overflow:hidden;flex-direction: column;text-align: left;/*--- option animation 1 : transiton veticale ---*//*transition: visibility top 0.01s 0.3s, z-index 0.001s 0.3s, height 0.3s ease-in;*/transition: all 0.3s ease-in;/*-----*//*------------*//* ###############" */background-color: #252a2f;}.NavMenuCtrlLab:has(:checked ) + .NavMenu,.NavMenu:focus-within{visibility:visible;z-index: 1;top: 100%;/*--- option animation 1 : transiton verticale ---*/height:  auto;transition: height 0.4s;}.NavMenu li {border-top: 1px solid #505050;}.NavMenu > li:first-child {border-top: none;}.Navlevel-1 .Navlink{padding-left: 2rem;}.Navlevel-2 .Navlink{padding-left: 4rem;}}@media screen and (min-width: 961px) {/* @include media-pc; */.NavMenuCtrlLab {display: none;}.NavMenu{position:static;/* ################ */justify-content: space-around;max-width: 960px;margin-left: auto;margin-right: auto;}.NavHassub {position: relative;}.NavSub {position: absolute;z-index: -10;min-width: 100%;left: 0;top: 0;height: 100%;/* ################ */background-color: black;box-shadow: 0 4px 4px 1px rgba(21, 21, 21, 0.5);}/*   .NavSub a,.NavSub span */.NavSub .Navlink,.NavSub .NavSh{background-color: #000; /* important to hide sub level */}.NavHassub:focus-within > .NavSub ,.NavHassub:hover > .NavSub {height: auto;z-index: 1; /* important to be over fil ariane */top: 100%;}/* .NavMenu ul .NavHassub li */.NavHassub li{position: relative;}/* cache le sous-menu 2 sous le sous-menu 1*/.Navlevel-1 .NavSub/* .NavMenu ul .NavHassub  .NavSub  */{max-width: 100%;overflow: hidden;}.NavSub:focus-within, .NavSub:hover {overflow: visible;}/* .NavMenu ul .NavHassub:focus-within  .NavSub ,.NavMenu ul .NavHassub:hover .NavSub */.Navlevel-1:focus-within .NavSub ,.Navlevel-1:hover .NavSub{min-width: auto;max-width: none;top: 0;left: 100%;}.NavSh,.Navlink {white-space: nowrap;}}@media print {.NavMenuCtrlLab {display: none;}}
/* cmsms stylesheet: news modified: Thursday, September 10, 2026 12:06:49 AM */
.news {
  margin: 1rem auto;
  max-width: 1024px;
  background-color: #fff;
  border: 1px solid #3b777c;

  padding: 0 1.618rem 1rem 1.618rem;
}

.articleTitle {
  color: #5378a1;
}

.articleProps {
  display: flex;
  column-gap: 1rem;

  color: #3b777c;
  /* font-weight: bold; */
  border-bottom: 1px solid #3b777c;
}

.articleCategory {
}

.articleAuteur {
}

.articlePost {
}

.articleModified {
  order: 3;
  margin-left: auto;
}

.articleBody {
  color: #666;
  text-align: justify;
}

/* --- news detail --- * */

.articleBack a {
  color: white;
  background-color: #3b777c;
  padding: 0.4rem 0.6472rem;
}
/* cmsms stylesheet: fom aviapic modified: Thursday, September 10, 2026 12:09:34 AM */
/*----------- Gbook form CSS ----------- */
.formhpot {
  position: absolute;
  left: -600em;
}

form fieldset {
  margin: 1rem 0 1.4rem 0;
  border: 1px solid #ccc;
  padding: 1rem;
  background-color: #f6f6f6;
  box-shadow: 0px 2px 4px 0px #bcbcbc;
  overflow: hidden;
}

form label {
  cursor: pointer;
}

form legend,
input[type="submit"] {
  border: 1px solid #ccc;
  border-radius: 6px;
  padding: 0.4rem 0.6rem;
  color: #fff;
  background-color: #666;
}

form input:not([type="radio"]),
textarea {
  display: block;
  box-sizing: border-box;
  margin-bottom: 1rem;
  padding: 0.3rem;
  width: 100%;
}

textarea {
  height: 100px;
  resize: vertical;
}

input[type="submit"] {
  margin: 1rem auto;
  display: block;
  cursor: pointer;
}

label.error::after {
  color: red;
  content: "champ requis";
  margin-left: 10px;
}

form .radioGroup.inline {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}
form .radioGroup div {
  margin-bottom: 0.4rem;
}
form .radioGroup div {
  display: flex;
  justify-content: flex-end;
  flex-direction: row-reverse;
}