/* GANTRY5 DEVELOPMENT MODE ENABLED.
 *
 * WARNING: This file is automatically generated by Gantry5. Any modifications to this file will be lost!
 *
 * For more information on modifying CSS, please read:
 *
 * http://docs.gantry.org/gantry5/configure/styles
 * http://docs.gantry.org/gantry5/tutorials/adding-a-custom-style-sheet
 */

@charset "UTF-8";
/* à copier en : /var/www/html/acoramen.org/templates/g5_helium/custom/scss 
+ Templates/Style/Gemini/ + Recompile CSS (sauvegarde Style non nécessaire)
*/
/* . = div class */
/* # = class or id */
/* #class avec "copy selector"  */
#g-container {
  width: 100%;
}
#g-header {
  margin-top: 1 !important;
}
.navigation-custom {
  height: 1rem;
  position: relative;
  width: 100vw;
  /* pleine largeur du viewport */
  left: 50%;
  /* right: 50%;*/
  margin-left: -50vw;
  /* annule les marges du parent */
  /* margin-right: -50vw; */
  z-index: 10;
}
#g-navigation .g-container {
  width: 100vw;
}
.g-header-chris {
  margin-top: -16.5rem !important;
}
/***************** inscription : modifier info personnelles ********************/
.button-white {
  background: white !important;
  color: red !important;
}
/***************** bandeau  ********************/
.image-container {
  position: relative;
  width: 100vw;
  /* pleine largeur du navigateur */
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  height: 300px;
  /* hauteur fixe de la bannière */
  overflow: hidden;
  /* masque le dépassement de l’image */
  text-align: center;
  z-index: 0;
}
/* --- image centrée et recadrée --- */
.image-container img {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  object-fit: cover;
  /* recadre sans déformer */
  object-position: center;
  /* centre le cadrage */
  transform: translate(-50%, -50%);
  z-index: 0;
}
/* --- voile semi-transparent --- */
.image-container::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  /*background-color: rgba(29, 171, 181, 0.5); */
  /* bleu/vert à 50 % */
  background-color: rgba(0, 0, 0, 0.5);
  /* noir à 50 % */
  z-index: 1;
}
/* --- texte centré par-dessus tout --- */
.image-container h1 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: white;
  font-size: 3em;
  font-weight: 600;
  z-index: 2;
  margin: 0;
  pointer-events: none;
}
/*****************   ********************/
.g-grid {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
}
/* Rendre chaque bloc flexible */
.g-block {
  display: flex;
  flex-direction: column;
}
/* Contenu interne qui prend toute la hauteur */
.equal-box {
  display: flex;
  flex-direction: column;
  padding: 0.6rem;
  flex-grow: 1;
  width: 100%;
}
.spaceLine {
  padding: 0.4rem;
}
.equal-box-sub {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  width: 100%;
}
/* Pousse le bouton en bas */
.equal-box .content {
  flex-grow: 1;
}
.button-wrapper {
  margin-top: auto;
}
/***************** btn-disabled-1line ********************/
a.btn-disabled-1line {
  border-color: #ffffff;
  background-color: #b1b1b1;
  color: #ffffff;
  padding: 18px 25px;
  border-radius: 4px;
  height: 49px;
  width: 195px;
  vertical-align: middle;
  line-height: 13px;
  text-transform: none;
}
a.btn-disabled-1line:hover {
  color: #ffffff;
  cursor: not-allowed;
}
a.btn-disabled-2lines {
  border-color: #ffffff;
  background-color: #b1b1b1;
  color: #ffffff;
  padding: 25px 25px;
  border-radius: 4px;
  height: 49px;
  width: 195px;
  vertical-align: middle;
  line-height: 1.3;
  padding: 7px 25px;
  text-transform: none;
}
a.btn-disabled-2lines:hover {
  color: #ffffff;
  cursor: not-allowed;
}
/***************** btn-primary-1line ********************/
a.btn-primary-1line {
  background-color: #3465a4;
  color: #ffffff;
  border-color: #ffffff;
  padding: 18px 25px;
  border-radius: 4px;
  height: 49px;
  width: 195px;
  vertical-align: middle;
  line-height: 13px;
  opacity: 0.9;
  text-transform: none;
}
a.btn-primary-1line:hover {
  opacity: 1;
  color: #ffffff;
}
/***************** btn-primary-2lines ********************/
a.btn-primary-2lines {
  background-color: #3465a4;
  color: #ffffff;
  border-color: #ffffff;
  padding: 25px 25px;
  border-radius: 4px;
  height: 49px;
  width: 195px;
  vertical-align: middle;
  opacity: 0.9;
  line-height: 1.3;
  padding: 7px 25px;
  text-transform: none;
}
a.btn-primary-2lines:hover {
  opacity: 1;
  color: #ffffff;
}
/***************** btn-primary-arrondi-2lines ********************/
a.btn-primary-arrondi-2lines {
  background-color: #3465a4;
  color: #ffffff;
  border-color: #ffffff;
  padding: 25px 25px;
  border-radius: 100px;
  height: 83px;
  /* width: 195px;*/
  vertical-align: middle;
  opacity: 0.9;
  line-height: 1.3;
  padding: 23px 25px;
  text-transform: none;
}
a.btn-primary-arrondi-2lines:hover {
  opacity: 1;
  color: #ffffff;
}
a.btn-primary-arrondi-3lines {
  background-color: #3465a4;
  color: #ffffff;
  border-color: #ffffff;
  padding: 25px 25px;
  border-radius: 100px;
  height: 83px;
  /* width: 195px;*/
  vertical-align: middle;
  opacity: 0.9;
  line-height: 1.3;
  padding: 13px 25px;
  text-transform: none;
}
a.btn-primary-arrondi-3lines:hover {
  opacity: 1;
  color: #ffffff;
}
/* REGISTER */
.registration input {
  border: 1px solid;
  border-top-style: none;
  border-left-style: none;
  border-right-style: none;
  border-radius: 0px;
}
.ClassLabelInvisibleChris {
  display: none;
}
#jform_name-lbl {
  display: none;
}
#jform_email1-lbl {
  display: none;
}
#jform_password1-lbl {
  display: none;
}
#jform_password2-lbl {
  display: none;
}
#jform_captcha-lbl {
  display: none;
}
/* LOGIN  */
.login input {
  border: 1px solid;
  border-top-style: none;
  border-left-style: none;
  border-right-style: none;
  border-radius: 0px;
}
#email1-lbl {
  display: none;
}
#password-lbl {
  display: none;
}
.fiche-annuaire.selected {
  background: #9ad7ff;
  border: 2px solid #3588c0;
  border-radius: 0.5em;
  transition: background 0.3s;
}
/*# sourceMappingURL=custom_22.css.map */