:root {
  --breakpoint-xs: 0;
  --breakpoint-sm: 576px;
  --breakpoint-md: 768px;/*768*/
  --breakpoint-lg: 922px;/*992*/
  --breakpoint-xl: 1200px;
  --breakpoint-xxl: 1400px;
  --body-line-height: 1.25;
}
.contentpane{background-color:white;margin-left:-2.5rem;margin-top:-24px;padding:0!important;margin-right:0;width:104%}
.com-content-article__link {list-style: none!important}
.RH_Button{color:white;text-decoration:none;font-family:arial; font-size:11px;font-style:initial;border-radius: 10px; Background-color:#5DADE2; border:solid black 1px; width:110px; height:25px; margin:10px;list-style: none}
.RH_Button:hover{color:white;background-color:navy;}
.content-links-a{text-align:right; position:fixed; bottom:2px; right:6%; padding-right:1%;display:none;}
.content-links-b{text-align:left; position:fixed; bottom:2px; left:1%; padding-left:1%;display:none;}
.com-content-article ul {margin-top:-0.3rem!important;}
.com-content-article li {margin:0!important;padding:0!important;padding-top:0!important;margin-top:0.2rem!important;margin-bottom:0.1rem!important}
.titre-parag {width:100%;color:white;font-size:1.2rem;font-weight:bold;padding-left:2.5rem;margin-top:0.2rem;margin-bottom:0.2rem;
  background-color:var(--cassiopeia-color-primary);
  background-image: -o-linear-gradient(135deg, var(--cassiopeia-color-primary) 0%, var(--cassiopeia-color-hover) 100%);
  background-image: linear-gradient(135deg, var(--cassiopeia-color-primary) 0%, var(--cassiopeia-color-hover) 100%);
}
.titre-parag2 {width:100%;color:white;font-size:1.2rem;font-weight:bold;padding-left:0.5rem;margin-top:0.2rem;margin-bottom:0.2rem; cursor:pointer;
  background-color:var(--cassiopeia-color-primary);
  background-image: -o-linear-gradient(315deg, var(--cassiopeia-color-primary) 0%, var(--cassiopeia-color-hover) 100%);
  background-image: linear-gradient(180deg, var(--cassiopeia-color-primary) 0%, var(--cassiopeia-color-hover) 50%, white 100%);
}
.cmt-parag {font-size:0.9rem;font-weight:normal;font-style:italic;}
.ouvrir {height: 1rem; width: 1rem; left: 1rem; margin-right: 1rem; cursor:none;}
.enveloppe {width:2.5rem;height:1.25rem;margin-top:-0.6rem!important}
div.RHcontact {display:block;}
.Contact_serré {font-size:0.8rem!important;background-color:#e0ebe9}
@media (max-width: 767px) {
  .MaPageRH {
  /*color:green!important;*/
  }
  .etoile.show {display:none; }
  .clef {position:fixed!important;right:0.3rem;top:0.8rem;display:inline!important;}
}
@media (min-width: 768px) {
  .etoile {display:none;}
}
@media (max-width: 599px) {
.MesImagesDroite, .MesImagesGauche{
  height: 30%;
  margin-left: 1%;
  margin-right: 1%;
  margin-top:8px;
  margin-bottom:8px;
  }
.MesImages{
  width: 30%;
  padding-right: 1%;
  margin-left: 1%;
  margin-right: 1%;
  margin-top:8px;
  margin-bottom:8px;
  float: left;
  }
.MesImagesGauche{
  float: left;
  }
}
@media (min-width: 600px) {
.MesImagesDroite{
  width: 30%;
  padding-left: 1%;
  margin-left: 1%;
  margin-right: 1%;
  margin-top:8px;
  margin-bottom:8px;
  float: right;
  }
.MesImagesGauche{
  width: 30%;
  padding-right: 1%;
  margin-left: 1%;
  margin-right: 1%;
  margin-top:8px;
  margin-bottom:8px;
  float: left;
  }
}
.LogoGauche{
  height: 30%;
  padding-right: 1%;
  margin-left: 1%;
  margin-right: 1%;
  margin-top:8px;
  margin-bottom:8px;
  float: left;
  }

.sousMenu {
  position:static;
/*  margin-left:55%; */
/*  margin-left:-20%; */
  margin-left:-2.5rem!important;
  width:113.5%;
  /*height:1.6rem;*/
  text-align:center;
  margin-top:-1.6rem!important; /*-2.8rem;*/
  margin-bottom:0; /*-1rem;*/
  padding-top:0; /*0.5rem;*/
  display:inline-block!important;
  border:0px solid white;
  background-color:var(--cassiopeia-color-primary);
  background-image: -o-linear-gradient(315deg, var(--cassiopeia-color-primary) 0%, var(--cassiopeia-color-hover) 100%);
  background-image: linear-gradient(135deg, var(--cassiopeia-color-primary) 0%, var(--cassiopeia-color-hover) 100%);
/*  opacity:1;*/
  z-index:9990;
}
.sousMenu:hover {
  background-color:var(--cassiopeia-color-primary);
  text-align:center;
}
.grid-child {
  margin-left:2rem;
  margin-right:2rem;
  margin-top:0;
  margin-left:0;
}
.site-grid,  .top-a {
  margin:0!important;
  padding:0!important;
}
#SM {
}
#SM > ul{
}
#SM > li {
  padding-left:0.25rem;
  padding-right:0.25rem;
  display:inline-block!important;
}
#SM > li > a:hover {
  color:red!important;
}
#SM > li > a {
  color:white!important;
  font-size:0.5rem;
}
#SM > li > a > .bulle{
--BullDecal: 2.25rem;
--BullSize:0.375rem;
}
@media (min-width:370px) {
  #SM > li > a {
   color:white!important;
   font-size:0.6rem;
 }
  #SM > li > a > .bulle{
  --BullDecal: 2.7rem;
  --BullSize:0.45rem;
  }
}
@media (min-width:470px) {
  #SM > li > a {
   color:white!important;
   font-size:0.8rem;
 }
  #SM > li > a > .bulle{
  --BullDecal: 3.6rem;
  --BullSize:0.6rem;
  }
}

@media (min-width:600px) {
  #SM > li > a {
   color:white!important;
   font-size:1rem;
 }
  #SM > li > a > .bulle{
  --BullDecal: 4.5rem;
  --BullSize:0.75rem;
  }
}
#navbar1 > ul > li > a > .bulle{
  --BullDecal: 4.5rem;
  --BullSize:0.75rem;
}
#navbar133 > ul > li > a > .bulle{
  --BullDecal: 4.5rem;
  --BullSize:0.75rem;
}

.Large {display:none;}
.Court {display:block;line-height: 0.75rem;
}
.Baseline {font-size: var(--TailleBaseLine);}
@media (max-width: 5999px ) {
  @media (min-width:768px) {
/*    @media (width:1024px) {
  .Court {color:yellow;!important;}
      }
    */
    @media (max-width:861px) {
  .navbar-brand {
    margin:0!important;
    padding:0!important;
/*    color:red!important;
    font-size :1rem!important; */
    font-size : var(--TailleCaption)!important;
    vertical-align : middle!important;
    padding-top: var(--Marge-Haut)!important;
    padding-bottom:0rem;
/*    padding-top : var(--Marge-Haut)!important;
    padding-top:0rem!important;*/
      }
    }
  }
  @media (max-width:767px) {
    .mod-custom {
 /*   width:auto!important;*/
    }
  }
  @media (max-width:767px) {
  .navbar-brand {
    font-size:01.25rem!important;
    color:white!important;
    margin-top:-1.1rem!important;
    padding-top:0!important;
    margin-right:0.8rem!important; /*-left:-5rem;*/
    }
      .Large {display:inline-block;text-align:right;}
      .Court {display:none}
  }
  @media (max-width:560px) {
  .navbar-brand {
    font-size:0.813rem!important;
    color:white!important;
    margin-top:-1.1rem!important;
    padding-top:0!important;
    margin-right:0.2rem!important; /*-left:-5rem;*/
    }
      .Large {display:inline-block;text-align:right!important;}
      .Court {display:none}
  }
  @media (max-width:370px) {
  .navbar-brand {
    font-size:0.7rem!important;
    color:white!important;
    margin-top:-1.1rem!important;
    padding-top:0!important;
    margin-right:0.5rem!important; /*-left:-5rem;*/
    }
      .Large {display:inline-block;text-align:right!important;}
      .Court {display:none}
  }
  .etoile1 {}
  .etoile {width:1.1rem; height:1.1rem;margin-right:1rem;}
  .navbar-toggler{
    width:2rem;
    height:1.6rem;
    margin:0!important;
    padding:0!important;
  }
  .navbar-toggler:focus {
    box-shadow:none!important;
  }
  .icon-menu{
    width:1rem;
    height:1rem;
    margin:0!important;
    padding:0!important;
  }
  .header {
    margin-top:0!important;
  }
  .container-header{
  }
  .mod-custom{
    max-height:0.2rem!important;
  }
  .navbar {
    margin:0!important;
    padding:0!important;
    display:initial; /*inline-block;*/
  }
  .mod-menu {
    margin-bottom:-0.8rem!important;
    padding-bottom:0!important;
  }

/* pour page contact */
.form-control{
  margin:0.2rem!important;
  padding:0.2rem!important;
  height:1.5rem!important;
}
.control-label {
  height:1rem!important;
  margin:0!important;
  padding:0!important;
}
.bulle {
  color:red;
  font-variant-position: super;
  width:var(--BullSize); /*0.75rem!important;*/
  vertical-align:top;
  position: relative;left:var(--BullDecal); /*4.5rem;*/
}
.Bulle {
  display:block!important;
  position:relative;right:0.75rem;
}
@media (min-width: 768px) {
  .container-header, .mod-menu {
    -webkit-box-orient: horizontal!important;
    -webkit-box-direction: normal!important;
        -ms-flex-direction: row!important;
            flex-direction: row!important;
  }
  li {
      margin:0.3rem!important;
  }
}
@media (min-width: 992px) {
  li {
      margin:0.5rem!important;
  }
}
}
.debug {
  display:none;
  }
@media (min-width: 77700px) {
 .debug {
  display:block;
  }
}