:root 
{ 
  --font-family: "Quicksand","segoe UI semi-light",Arial,Verdana ; 
  --font-tynimce: Verdana ;
  --html-font-size: 62,5% ;  
  --body-font-size: 1.6rem  ;
  --body-bg-color: #ffffff;
  --body-line-height: 1.8rem; 
  --header-bg-color: #d9ead3;
  --btn-bg-color: #38761d ;
  --btn-border-color: #444444 ;
  --thead-bg-color: #d9ead3 ;
  --form-border-color: #444444 ;
  --input-border-color: #cccccc ;
  
  --filler-thin: 6px;
  --filler-normal: 16px;
  --filler-extra: 48px;
  --border-radius: 4px;
  --trait-thin: 1px;
  --trait-normal: 2px;
  --trait-extra: 3px;
  --line-thin: 1.2rem;
  --line-normal: 1.6rem;
  --line-extra: 2.4rem;
  --btn-border: var(--trait-thin) solid var(--btn-border-color);
  --form-border: var(--trait-normal) solid var(--form-border-color);
  --input-border: var(--trait-thin) solid var(--input-border-color);
  --submenu-border: var(--trait-normal) solid var(--form-border-color);
}
*
{
  box-sizing: border-box ;
  /* list-style-type: none; */
}
input,textarea,select
{
  font-size: var(--body-font-size) ;  
}
div
{
  scrollbar-width: none;
  /* scrollbar-color: #555 #ddd; */
}
a
{
  text-decoration: none;
}
.y-thin::-webkit-scrollbar {
  width: 0px;
}

.y-thin::-webkit-scrollbar-track {
  background: #ddd;
}
.y-thin::-webkit-scrollbar-thumb {
  background: #727272;
}
.gras,
.bold
{
  font-weight:bold;
}
html
{
  font-size: var(--html-font-size);  
}
body
{
    font-family: var(--font-family); 
    font-size: var(--body-font-size) ;
    line-height: var(--body-line-height);
    margin: 0;
    padding: 0;
    overflow-y: hidden;
    overflow-x:hidden;
    width: 100vw;
    height: 100vh;
    /* height: calc(var(--vh, 1vh) * 100); */
}
.main-container {
  height: calc(var(--vh, 1vh) * 100);
}
.voir-sz     
{
  font-size: 1.4rem ;
  color: black;
}

.normal-flex
{
  display: flex;
  flex-direction:column;   
  justify-content:flex-start;
  overflow-y: hidden;
  overflow-x:hidden;
  /* height: 100%; */
  height: calc(var(--vh, 1vh) * 100);
  width: 100vw;
  background-color: var(--body-bg-color);
 
}
.web-padding
{
  padding-bottom: ;
  /* padding-bottom: env(safe-area-inset-bottom, ); */
}
/* inutilisé */
.flex-header
{
  display:flex;
  order: 2;
  flex: initial;
  height: 3rem; 
  /* flex: 0.835; */
}
.normal-header
{
    /* order: 2; */
    display: flex;
    align-items: center; 
    height: 3rem; 
    min-height: 3rem;
    max-height: 3rem; 
    width:100%;  
    flex: none; 
}
.header-sep
{
  border-bottom:  solid ;
}
.header-bgc
{
 background-color: var(--header-bg-color) ;
}
.header-fin
{
  width: var(--filler-normal);
}

/* inutilisé */
.flex-entete
{
  display:flex;
  order: 4;
  flex: initial;
}
.normal-entete
{
  /* order: 4; */
  display: flex;
  flex-direction: column; 
  align-items: center;
  justify-content: center;
  overflow-y: hidden;
  overflow-x:hidden;
  padding: var(--filler-thin);
  flex:none;
}

.flex-action
{
  display:flex;
  order: 6;
  flex: 1;
  /* flex: 0.835; */
  overflow-y: auto; 
  overflow-x: hidden;
}
.normal-action
{
  /* order: 6; */
  overflow-y: auto; 
  overflow-x: hidden;
  padding-top: var(--filler-thin);
  background-color: var(--body-bg-color);
  margin-bottom: var(--filler-thin);
  display: flex;
  flex-direction: column;
  flex: 1;  
  align-items:center;
}
.normal-action-no-grow
{
  /*  pour les formulaires uniques */
  overflow-y: auto; 
  overflow-x: hidden;
  padding-top: var(--filler-thin);
  background-color: #ffffff;
  margin-bottom: var(--filler-normal);
  display: flex;
  flex-direction: column;
  align-items:center;
}
.normal-action-table-old
{
  /* order: 6; */
  padding-top: var(--filler-thin);
  display: flex;
  flex-direction: column; 
  overflow-y: hidden; 
  overflow-x: hidden;
  background-color: var(--body-bg-color);
  justify-content: space-between;
  align-items: center;
  flex:1;
  width:100%;
}
.normal-action-table
{
  padding-top: var(--filler-thin);
  display: flex;
  overflow-y: hidden; 
  overflow-x: hidden;
  background-color: var(--body-bg-color);
  justify-content: center;
  height: 100%;
  /* margin-bottom: 3rem; */
  /* padding-bottom: var(--filler-thin); */
}
.normal-footer
{
  display:flex;
  /* flex-direction: column;  bloque les boutons bas si pwa*/
  align-items: center;
  justify-content: center;
  border-top:  solid ;
  width:100%;
  /* height: 3rem; */
  /* pour avoir les boutons en mode téléphone  */
     
}
.form-limit-ht
{
  display:flex;
  align-items: center;
  min-height: 3rem;
}
.footer-fixed
{
  position: fixed;
  bottom: 0px;
  right: 0px;
  left:0px;
  height: 3rem;
  /* padding-bottom: env(safe-area-inset-bottom, ); */
}
.footer-fixed-ht0
{
  position: fixed;
  bottom: 0px;
  right: 0px;
  left:0px;
  height: 1px;
  /* padding-bottom: env(safe-area-inset-bottom, ); */
}
.footer-web-padding
{
  /* padding-bottom: ; */
  padding-bottom: env(safe-area-inset-bottom, );
}
.footer-pwa-padding
{
  padding-bottom: ;
}
.btn-row-div
{
  display:flex;
  align-items: center;
  justify-content: center;
  width: 90%;  
}
.btn-between
{
  justify-content: space-between !important;
}
.btn-trait-sep
{
  border-top:  solid !btn_bloc_border_clr!!;
}
.btn-bloc
{
  display:flex;
  flex-wrap: wrap;
  background-color: #ffffff;
  border-radius: var(--border-radius); 
}
.btn-bas
{
  border-top:  solid !btn_bloc_border_clr!!;
  padding-bottom: var(--filler-thin);
  margin-top: var(--filler-thin);
}
.bottom-margin-thin
{
  margin-bottom: var(--filler-thin);
}
.footer-order-haut,
.footer-haut
{
  /* order: 5 ; */
}
.footer-order-bas,
.footer-bas
{
  /* order: 8 ; */
}
.footer-ht-fixed
{
  position : fixed;
  left: 0;
  top: 3rem;
}
.footer-sep
{
  border-top:  solid ;
  margin-top: var(--filler-thin);
}
}
.footer-ht
{
  height: 3rem;
}
.footer-ht0
{
  height: 0rem;
  padding-top:var(--filler-thin);
}
.hidden
{ 
    visibility:hidden ;
    display:none ;
}
.error
{
    color: darkorange;
    font-size: 1.2rem;
}
.bs-center,
.center-flex
{ 
    justify-content: center;
    /* align-items: center; */
}
.center-h,
.center-auto
{
  margin-left: auto;
  margin-right: auto;
}
.center-text
{
  text-align: center;
  word-break : break-word;
}

.form-div1,
.master-form
{
  display:flex;  
  align-items: flex-start;
  overflow-y:hidden; 
  overflow-x:hidden;  
  width:100%;
  margin: 0 var(--filler-thin);
}

/* height: 100%  très important  fait apparaitre l'ascenceur vertical si besoin  */
.form-fb,
.form-div-element
{ 
 border-radius: var(--border-radius); 
  border: var(--input-border);
  display: flex;
  flex-direction:column;
  background-color: #f9f9f9 ;
  padding: var(--filler-thin); 0;
  overflow-y:auto;
  overflow-x:hidden;
  max-height: 100%;
}
.req-sz,
.oblig-sz     
{
  font-size: 0.5rem ;
}
.form-se
{ 
 border-radius: var(--border-radius);
  overflow-y:hidden;
  overflow-x:hidden;
}
.form-map
{ 
  height: 100%;
}
.premium-titre
{ 
  /* text-align:left; */
  font-size:1.6rem;
  font-weight: bold;
  color: #3366ff;
  font-family: verdana ;
  text-overflow: ellipsis;  
  padding: var(--filler-thin); 0 ;
}
.premium-lien
{ 
  font-size: !!bh_fonction_font_sz!!rem;
  padding: 0rem 0rem 0.2rem 0rem !important;
  color: #3366ff !important;
}
.premium-img
{ 
  padding:0rem;
  margin-bottom: 0.5rem;
}
.premium-img-bg
{ 
  background-color: #134f5c !important;
  border: 1px solid #134f5c !important;
}


.bh-normal-ht
{
  height: 3rem ;
}
.ac-bloc-icone
{ 
  border:  solid ;
  box-shadow:  ;
 border-radius: var(--border-radius) !important;
  margin: var(--filler-normal);  ; 
  width: 25;
}

.ac-chapo
{   
  background-color:  ;
  padding: var(--filler-normal);  ; 
  color:  !important;
  /* font-size: 1.3rem;
  font-weight: normal; */
  height: 2rem;
  display: flex;
  align-items: center;
  justify-content:center;
}
.ac-chapo-icone
{   
    font-size: rem;
}
.ac-chapo-titre
{   
  font-size:rem;
  padding-left: var(--filler-normal);  ;
}
.ac-bloc
{   
    margin: 2rem 1.5rem 0 1.5rem; 
    width: 25rem;
}
.ac-titre
{   
    padding-bottom: 0.5rem;
    text-align: center;
}
.ac-img-sz
{ 
    width:rem;
    height:rem;
}
.ac-icone
{   
    font-size: 4rem;
    color:#000;
}
.ac-img-fnct
{ 
  border: px solid ;
  box-shadow:  ;
 border-radius: var(--border-radius) !important;
  /* background-color: rgba(19,79,92,0.6); */
}
.ac-icone-fncts
{
    display: flex;
    flex-direction: column; 
    align-content:space-around;
    background-color: ;
    padding: var(--filler-thin);
    /* line-height: 2rem;  */
}
.ac-fncts
{
    display: flex;
    flex-direction: column; 
    align-content:space-around;
    background-color: ;
    padding: var(--filler-thin);
    line-height: 2.2rem;
}
.ac-fnct
{
   color:  !important;
   font-size: rem;
}

.normal-nav
{
  display: flex;
  flex-wrap: nowrap;  
  height: 2rem;
  margin: ;
 border-radius: var(--border-radius);
}
.normal-nav >div
{
  padding: ;
  margin: ;
  height: 2rem;
  background-color: #134f5c ; 
  align-items: ;
  display: flex;
}

.normal-nav >div >a ,
.bh-normal-onglet-font
{ 
  color: #ffffff !important;
  font-size: 1.25rem;
  text-align:center;
}

.normal-nav >div >div >a ,
.bh-fonction-bgc
{
  display: block; 
  color: #ffffff;
  font-size: rem;
  padding: 0.1rem 0.5rem;
}


.nav2-onglet
{
    line-height: 1.8rem;
}

.nav2-onglet-label
{
  color: #ffffff ;
  font-size: 1.25rem;
  display:flex;
  align-items: center;
  /* flex-direction: column; */
  cursor: pointer;
}

.nav2-menu
{
  list-style: none;
  display:flex;
  align-items: center;
  justify-content: space-between;
  flex: 1;
  margin: 0 var(--filler-normal);
  padding: 0 var(--filler-normal);
  height: 2rem;
  background-color: #134f5c ;
 border-radius: var(--border-radius); 
}

.nav2-submenu 
{
  visibility: hidden;
  z-index: 500;
  display: flex;
  flex-direction: column;
 border-radius: var(--border-radius) !important;
  background-color: white ;
  border: var(--submenu-border);
  box-shadow: 1px 1px 6px var(--form-border-color);
  padding: var(--filler-thin);
  line-height: 2.2rem;
  position: fixed;
  top: rem;
  max-width: 20rem;
  min-width: 10rem;
  /* position: absolute; */
  /* top: 3rem;position: fixed; */
}

.pos-compte 
{
    right: 3rem;
}
.pos-onglet 
{
}
.nav-fonction
{
    color: #ffffff;
    font-size: rem;
    padding: var(--filler-thin); 0;
}
.new-nav
{
  display: flex;
  flex-wrap: nowrap;  
  justify-content: center;
  background-color: #134f5c ;
 border-radius: var(--border-radius);
}
.new-nav >div,
.new-compte >div
{
  padding: var(--filler-thin); var(--filler-normal); var(--filler-thin); var(--filler-normal);
  /* margin: 0 var(--filler-normal); 0 var(--filler-normal); */
  display: flex;
  align-items: ;
}

.new-compte
{
  margin-left: var(--filler-normal);
}


.onglet-text,
.new-nav >div >a 
{ 
  color: #ffffff !important;
  font-size: 1.25rem;
  text-align:center;
}
.new-nav >div >a >i
{ 
  font-size: 1rem ;
}
.new-nav >div >div >a 
{
  display: block; 
  color: #ffffff;
  font-size: rem;
  padding: 0.1rem 0.5rem;
}


.dir-titre
{ 
  font-size: 1.3rem;
  margin-bottom: var(--filler-thin);
}
.auth-titre 
{
    color: #ffffff; 
    background-color: var(--btn-bg-color);
    text-align: center;
    height: 3rem;
    display: flex;
    align-items: center;
    justify-content: center;
}
.auth-bloc
{
  border: px solid #444444 ;
  box-shadow: 1px 1px 6px #555;
 border-radius: var(--border-radius) !important;
  margin-top: 2rem;
  margin-left: 2rem;
  /* margin: auto; */
}
.form-div-uno
{
 overflow-y:auto;
 overflow-x:hidden;  
 display:flex;
 flex-wrap: wrap; 
 margin-top: var(--filler-normal);
 /* margin-right: var(--filler-thin); */
}
.div-carte
{
  margin: 0px var(--filler-normal);
  flex: 1;
}

.form-fb-margin
{
  margin-left: var(--filler-thin);
}
.form-fb-padding_9
{
  padding-right: var(--filler-normal);
  padding-left: var(--filler-normal);
} 
.bloc-list
{
  margin-right: var(--filler-thin);
}
.form-list
{
  /* display: flex; */
  /* flex-direction: column; */
  border: var(--border-form); 
  border-radius: var(--border-radius);
  padding-left: var(--filler-thin); 
  margin-top: var(--filler-thin);
  padding-right: var(--filler-thin);
  overflow-y:auto;
  overflow-x:hidden;
  line-height: 2.2rem;
}
.form-visu-pdf
{
  margin-top: var(--filler-thin);
  margin-right: var(--filler-thin);
  display: flex;
  flex: 1;
}
.form-1mp
{
    display: flex;
    margin-top: var(--filler-normal);
}
.form-1mp-input
{
  display: flex;
/* align-items: center; */
  flex-direction: column-reverse;  /* pour inserer le message d'erreur */  
  flex:1;
  min-height: 2rem;
  margin-left: 1rem;
  margin-right: 2rem;
}
.form-1mp-eye
{
  width: 10%;
  cursor: pointer;
}

.form-1mp>div
{
  display: flex;
  align-items:center;
  flex: 1;
}

.form-1l
{
    display: flex;
    flex-wrap: wrap;
    /* flex-direction:column; */
    align-items: center;
    /* justify-content: center; */
    margin: var(--filler-thin); 0 ;
    color: black;  
}
.form-2l
{
    display: flex;
    align-items: center;
    margin: var(--filler-thin); 0 ;
    color: black;  
}

.form-section
{   
    /* margin-bottom: var(--filler-thin);  */
    margin-top: var(--filler-normal); 
    font-size: 1.3rem;
    color: ;
    background-color: transparent;
    text-align: center;
}
.form-center
{
    display: flex;
    flex-direction: column;
    align-items: center;
    /* justify-content:center; */
    margin-top: var(--filler-normal);
    line-height: 1.4rem ;
    text-align: center;
}
.en-bas
{
  margin-top: var(--filler-thin); !important;
}
.en-dessous,
.space-top
{
  padding-top: var(--filler-thin);
  padding-bottom: 0px ;
}
.au-dessus,
.space-bottom
{
  padding-bottom: var(--filler-thin);
  padding-top: 0px;
}
.space-topbot
{
  padding-top: var(--filler-thin);
  padding-bottom: var(--filler-thin);
}
.space-no
{
  margin-bottom: 0px !important;
  margin-top: 0px !important;
}
.form2-1l
{
    display: flex;
    flex-direction: column;
    margin: var(--filler-thin); var(--filler-thin);
    color: black;  
}
.form2-input
{
border-radius: var(--border-radius);
 border: 2px solid #ced4da;
 flex:1;
 padding: var(--filler-thin); 0;
}
.form2-input-div
{
  display: flex;
  flex-direction: column-reverse;  /* pour inserer le message d'erreur */  
  justify-content: center;
  flex:1;
  /* margin-left: var(--filler-normal); */
  /* margin-right: var(--filler-normal); */
}
.form2-label
{
    margin: 0 !important;
    /* padding-left: var(--filler-thin); */
    /* text-align:right; */
} 
.form2-label-div  
/* obsolete */
{
    display: flex;
    /* justify-content: flex-end; */
    /* align-items:center; */
}
.form-1mp>label 
{
    /* margin-top: auto !important; */
    /* margin-bottom: auto !important; */
    text-align: right;
    padding-top: var(--filler-thin);
} 
/* .form-label */
/* { */
    /* margin: 0 !important; */
    /* text-align:right; */
    /* padding-left: var(--filler-thin); */
/* }  */
.form-1v-label,
.form-label-div-pre
{
    margin-right: var(--filler-thin);
}
.form-label-div
{
  display: flex;
  align-items:center;
  padding: 0px var(--filler-thin);
}
.form-label-divs
{
    display: flex;
    /* justify-content: flex-end; */
    padding-top: var(--filler-thin);
}
.form-label-cr
{
    display: flex;
    justify-content: flex-end;
    /* align-items:; */
}
.tac
{ 
  text-align: center;
} 
.form-info
{ 
  border: var(--form-border) ;
  box-shadow:  #444444;
  background-color: #f9f9f9 ;
 border-radius: var(--border-radius);
  padding-bottom: var(--filler-normal);
  padding-top: var(--filler-thin);
  overflow-y:hidden;
  overflow-x:hidden;
  margin-top: var(--filler-thin);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-around;
  margin-top: 3rem;
  height: 15rem;
}
.ico-tri
{  
  margin-right: var(--filler-thin);
  font-size: 0.8rem;
}
.auth-cnx-btn
{
    margin-top: var(--filler-normal);
    margin-bottom: var(--filler-normal);
    display:flex;
    justify-content: center;
    width: 100%;
}
.form-info-btn
{
    /* margin-top: 3rem; */
    display:flex;
    justify-content: center;
}
.form-info-msg
{
    /* margin-top: 3rem; */
    font-size: 1.5rem;
    color: navy;
}
.calendar
{
  font-family: var(--font-family); 
  padding: var(--filler-thin); 2px;
  border: var(--input-border);
  border-radius: var(--border-radius);  
  width: ;
  /* height: 2.8rem; */
  height: !!form_line_ht!!; 
  text-align: center; 
}
.fg-commune,
.form-input
{
  font-family: var(--font-family); 
 border-radius: var(--border-radius);
  border: var(--input-border);
  min-height: 2.8rem; 
}
.form-area
{
    font-family: var(--font-family); 
   border-radius: var(--border-radius);
  /* border: 2px solid #ced4da; */
   border: var(--input-border);
  padding:var(--filler-thin);
}

.form-input-jj
{
border-radius: var(--border-radius);
 border:  solid #cccccc;
 width: 3rem;
 min-height: 2.8rem; 
}
.form-input-an
{
border-radius: var(--border-radius);
 /* border:  solid #cccccc; */
 border: var(--input-border);
 width: 5rem;
 min-height: 2.8rem; 
}
.val-reduit,
.val-lgr
{
  width:  !important;
}
.form-input-div
{
  display: flex;
  flex:1;
  flex-direction: column-reverse;  /* pour inserer le message d'erreur */  
  justify-content: center;
  padding: 0 var(--filler-thin); */
}

.form-input-read
{
  display: flex;
  flex:1;    
  /* justify-content: center; */
  align-items: center;
  margin: 0 var(--filler-thin);
  background-color: ;
}
.form-input-image
{
  margin-left: var(--filler-normal);
  margin-right: var(--filler-normal);
}
.form-input-cac
{
  display: flex;
  flex:1;
  margin-left: var(--filler-normal);
  margin-right: var(--filler-normal);
}
.cac-sz
{
  height: rem;
  width: rem;
}
.cac-label
{
  margin-left: var(--filler-normal);
}
.form-multi-input
{
  display: flex;
  flex:1;
  align-items:center;
  min-height: 2rem;
  margin-left: 1rem;
  margin-right: 2rem;
}

.form-input-multi
{
  display: flex;

  align-items: center;
  flex:1;
  min-height: 2rem;
  /* margin-left: var(--filler-normal); */
  margin-right: var(--filler-normal);
}

.form-1v
{
    display: flex;
    margin: var(--filler-thin); 0 var(--filler-thin); 0;   
}
.form-1v-label-obs
{
    margin-top: auto ;
    margin-bottom: auto ;
    text-align: right;
}
.form-1v-vals
{
    margin-left: 1rem;
    display: flex;
    flex-direction: column;
}
.form-1v-val
{
  padding-top: var(--filler-thin);
}
.form-1l-cr
{
    display: flex;
    flex-direction: column;
    margin-top: var(--filler-normal);
    color: black; 
} 

.form-1lcr >label
{
    margin-top: auto ;
    margin-bottom: auto ;
    /* text-align: right; */
} 
.form-1lcr >span
{
    margin-bottom: auto !important;
    /* text-align: right; */
} 

.bh-normal-compte-font
{ 
  color: #ffffff !important;
  font-size: rem;
}
/*                     *****************************  menu vertical  */
.menuv2-div
{
    position: fixed !important; 
    top: 3rem;
    left: 0rem;
    bottom: 0rem;
    bottom: 0rem;
    z-index: 2;  
    background-color: #134f5c ;
    padding: var(--filler-thin);
    /* border-bottom:  solid ; */
    border: var(--form-border);
    box-shadow: 1px 1px 2px ;

    overflow-y:auto;
    overflow-x:hidden;
    scrollbar-width: thin;
}
.menuv2-menu
{  
    background-color: #134f5c ;
    padding: var(--filler-normal);  ;
}
.menuv2-bloc
{
  position: fixed ; 
  visibility: hidden;
  top: 3rem;
  right: 0rem;
  bottom: 0rem;
  background-color: #134f5c ;
  padding: var(--filler-normal);
  z-index: 500;  
  border-bottom:  solid ;
  box-shadow: 1px 1px 2px ;
  overflow-y:auto;
  overflow-x:hidden;
  width: 100%;
  /* scrollbar-width: thin;     chrome */  
}

.large-header
{
    display: flex;
    align-items:  ;
    height: 19rem;
}

.normal-logo
{
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    width: 12rem;  
    height: 3rem;
    background-color: rgba(19,79,92,0.6);
    order: ;
    color: ;
    font-size: rem; 
    word-break : break-word;   
}

.normal-logo-sz
{  
    width: 12rem;  
    height: 3rem;
    background-color: rgba(19,79,92,0.6);
    display: flex;
    /* align-items: center; */
    justify-content: center;
}  
.normal-logo-img
{  
    max-width: 12rem;  
    max-height: 3rem;
    /* margin: auto; */
    /* background-color: rgba(19,79,92,0.6); */
}

.sponsor-diapo
{
  width: rem;  
  height: rem;
  background-color: ;
  /* padding-right: var(--filler-thin);   */
  display: inline-block;
  position: relative;     /* pour servir de référent */   
  padding: var(--filler-thin); var(--filler-thin); var(--filler-thin); 0;
}
/* .sponsor-diapo img  */
/* { */
  /* display: block;         supprime l'espace sous les images */
/* } */

.sponsor-diapo > * + * 
{    /* tous les enfants directs sauf le 1st */
  position: absolute;
  top: 0;
  left: 0;
  visibility: hidden;
}
#sponsor_diapo > * 
{             /* tous les enfants directs */
  opacity: 1;
  transition: opacity 1s;
}
#sponsor_diapo > :last-child {   /* uniquement le dernier enfant direct */
  opacity: 0;
}
.normal-sponsor
{
    display: flex;
    align-items: center;
    justify-content: center;
    width: rem;  
    height: 100%;
    background-color: ;
    padding-right: var(--filler-thin);     
}
.sponsor-img
{  
    height: 100%;
    width: 100%;
      object-fit: contain; 
}
.sponsor-blocs
{
    display: flex;
    flex-wrap:wrap; 
    align-items: center;
    justify-content: center;
    flex: 1; 
    margin-top:var(--filler-thin); 
    /* padding:var(--filler-thin); var(--filler-thin); 0 0 ;    */
    overflow-x: hidden;
    overflow-y:auto;
}
.sponsor-blocs>div:last-child
{
    margin-bottom: var(--filler-thin);
}
.sponsor-bloc
{
    color: black ;
    border: 2px solid #134f5c ;
   border-radius: var(--border-radius); 
    display: flex;
    flex-direction: column; 
    margin: 1rem 1rem ;
    /* margin:  var(--filler-normal); auto 0 auto; */
}
.flex-center
{
  display: flex;
  justify-content: center;
  align-items: center;
}
.ct-large-header
{  
    display: flex;
    align-items:  ;
}
.large-logo
{  
    display: flex;
    align-items: center;
    max-width: 23rem;  
    height: 9rem;
    /*text-align: center;*/
    /*padding-top: 0.5rem;*/
    background-color: rgba(19,79,92,0.6);
    order: ;
}
.large-logo-img
{  
    width:auto;
    max-width: rem;  
    height: auto;
    max-height: rem;
}

.bh-compte-font
{ 
  color: #ffffff !important;
  font-size: rem;
}
/* ***************************************** barre sélection  */
.bs-lnd-ht
{  
  /*height: rem;*/
  height: 3rem;
}

.bo-lnd-ht
{  
  height: 3rem;
}
.bs-filtre
{  
  display: flex;
  flex-direction: column;
  line-height: 1.8rem; 
  /* margin: var(--filler-thin);  */
  /* width: 100%; */
}

.bs-bloc
{  
  display: flex;
  justify-content: center;
  margin: var(--filler-thin);
  width: 100%;
}
.bs-periode
{   
  display: flex;
  flex-direction: column; 
  line-height: 2.2rem;
  justify-content: center;
}
.bs-element
{  
  display: flex;
  /* margin-top: var(--filler-thin); */
  
  align-items: center;
}
.bs-bloc >.bs-element:not(:last-child)
{
    margin-right: 40px;
}

/* .bs-filtre >div:not(:first-child) */
/* { */
  /* margin-left: 32px; */
/* } */
.plus-bas
{
    margin-bottom: -1rem;
}
/* .bs-bloc >div:not(:first-child), */
.left-s1
{ 
    margin-left: var(--filler-normal);
}

.div-multi >div:not(:first-child)
{
    margin-right: var(--filler-normal);
    margin-left: var(--filler-normal);
}
.bs-select
{ 
    /* padding: 4px 2px; */
    /* comme body table */
    background-color: #ffffff;
   border-radius: var(--border-radius); 
    border: 1px solid #ccc; 
}

.bs-calendar
{
  font-family: var(--font-family); 
  padding: var(--filler-thin); 2px;
  border: var(--input-border);
 border-radius: var(--border-radius);  
  width: 12rem;
  /* height: 2.8rem; */
  height: !!form_line_ht!!; 
  text-align: center;
}

.time-ex
{
  /* height:70%; */
  padding: var(--filler-thin); 2px;
  border: 1px solid #ccc;
 border-radius: var(--border-radius);  
  width: 6rem;
  text-align: center;
}
.time
{
  border: 1px solid #ccc;
  border-radius: 5px;  
  width: 8rem;
  /* height: 2.8rem; */
  height: !!form_line_ht!!; 
  text-align: center;
}
.time0
{
  padding: var(--filler-thin); 2px;
  border: 1px solid #ccc;
 border-radius: var(--border-radius);  
  /* width: 4rem; */
  text-align: center;
}
.label1
{  
    padding: 0 2rem ;
}
.bs-label
{  
  display: flex;
  color: ;
  font-size: rem;
  font-weight: ;
  padding-right: var(--filler-thin);
}
.bs-val
{  
  color: ;
  font-size: rem;
  font-weight: ;
  /* idem fond tbody table */   
}

.frm-element
{  
  display: flex;
  align-items: center;
  min-height: 3rem;
}
.frm-element >label
{
    font-size: 1rem ;
    padding-right:0.5rem !important; 
}

.hmbg-btn
{  
    font-size: rem;
    color:  ;
    cursor: pointer;
}
.normal-hmbg
{ 
  margin-right: var(--filler-normal);
}
.obs-bh-hmbg-order
{ 
   order : ;
}
.bb-normal-ht
{ 
  height: 3rem;
}
/*  decalage pour ligne action smartphone */
.bb-normal-mobile 
{ 
  padding-bottom: env(safe-area-inset-bottom);
  /* padding-bottom: 4rem; */
}
.menuv-titre
{  
    font-size: 1.3;
    font-weight: normal;
    color: #ffffff !important;
    padding-left:0rem;
}

.menuv-submenu
{  
    display:flex;
    flex-direction:column;
    background-color: #cccccc ;
    margin: var(--filler-thin); 0rem var(--filler-normal); 0rem ;
   border-radius: var(--border-radius);
    border: 0 solid var(--btn_border_color) ;
    color: #ffffff; 
    /* padding-left: 0rem; */
    /* list-style-type: none; */
    /* line-height:2.2rem ; */
}
.menuv-fnct
{  
    font-size: 1.1;
    font-weight: normal;
    color: #000000;
    padding: var(--filler-normal); var(--filler-thin);
    /* padding-bottom: var(--filler-normal); */
}

.menuv-fnct-bg
{  
    background-color: #cccccc ;
}
.l2
{
    padding-left: 3px;
}
.r2
{
    padding-right: 3px;
}
.lr2
{
    padding-left: 3px;
    padding-right: 3px;
}
.normal-bouton-bas
{
  background-color: #134f5c ;
}
.btn-groupe
{
    display: flex;
    align-items: center;
    height:100%;
    /* margin-right: 1rem; */
}
.btn-groupe>a:first-child,
.btn-groupe>button:first-child
{
    margin-left: var(--filler-normal);
}
.btn-groupe>a,
.btn-groupe>button
{
    margin-left: var(--filler-thin);
}
/* *************************************************** liste bloc vertical */
.list-blocs
{
    display: flex;
    flex-direction: column; 
    width:100%; 
    margin-top:var(--filler-thin); 
    align-items: center;
    /* justify-content: center; */
    overflow-x: hidden;
    /* laisser absolument overflow-y */
    overflow-y:auto;
}
.list-blocs>div:last-child
{
    margin-bottom: var(--filler-thin);
}
.bloc-desable
{
  background-color:  !important;
}
.list-bloc
{
    color: black ;
    border: 2px solid #134f5c ;
   border-radius: var(--border-radius); 
    /* margin:  var(--filler-normal); auto 0 auto; */
    margin:  var(--filler-thin); 0px;
    padding: 0 var(--filler-thin);
}

.list-bloc-1e,
.lb-1e
{
    display: flex;
    align-items: center;
    /* justify-content: center; */
    margin: var(--filler-thin); 0px ;
    padding: 0px var(--filler-thin);
    width: 100%;
}

.list-bloc-label,
.lb-label  
/*  element partie gauche (left)  btn et label */
{
    display: flex;
    /* justify-content: flex-end; */
    /* justify-content: space-between; */
    margin-right: var(--filler-thin);
}
.list-bloc-btn,
.lb-btn
/* un bouton */
{
    display: flex;
    margin-right: var(--filler-thin);
}
.list-bloc-cac,
.lb-cac
{
    margin-right: var(--filler-thin);
}
.list-bloc-val,
.lb-val
{
  display: flex;
  align-items: center;
  width:100%;
 border-radius: var(--border-radius);
  border: 2px solid #ced4da; 
  min-height: !!form_line_ht!!; 
  margin: 0px var(--filler-thin);
  padding: 0px var(--filler-thin);
}
.list-bloc-1e-p1  
/*  element partie gauche  btn et label */
{
    display: flex;
}
.list-bloc-1e-p2  
/*  element partie droite  value et cac  */
{
    display: flex;
    flex: 1;
    align-items: center;
}

.upload-label
{
   display: flex;
   flex-wrap: nowrap; 
   align-items: center;
   height: 90%;
   min-width:12rem;
   max-width:18rem; 
  border-radius: var(--border-radius);
   border: 0 solid var(--btn_border_color) ;
   padding: 0 0.6rem 0 0.6rem;
   color: #ffffff; 
   font-size: 1.6rem ;
   margin-left: var(--filler-thin);
   cursor: pointer;
}

.upload-none     
{
    display:none;
    /* cursor:pointer;  */
}
.btn-seul
{
  height: 3rem;
  margin-top: var(--filler-thin);
  margin-left: var(--filler-normal);
  font-size: 1rem !important;
  cursor:pointer;
}
.btn-commun1
{
  display: flex;
  align-items: center;
  justify-content: center;
  height:3.5rem;
  min-width: 3.5rem;
  padding: 0 var(--filler-thin);
  margin: 0 var(--filler-thin);
  border-radius: var(--border-radius);
  border: 0 solid var(--btn_border_color) ;
  color: #ffffff; 
  cursor: pointer;
}
.btn-margin
{
  margin-bottom: var(--filler-thin);
}
.btn-plus
{
  box-shadow:  var(--btn-border-color);
  border: var(--btn-border);
  /* border: solid 1px ; */
  /* background-color:  !important; */
  /* background-color: var(--btn-bg-color); */
}


.lg-ico
{
  padding-right: var(--filler-thin);
}
.lg-cp
{
  width: 6rem;
}
.margin-right
{
  margin-right: var(--filler-thin);
}
.margin-left
{
  margin-left: var(--filler-thin);
}
.btn-plus-ex
{
  box-shadow:  ;
  border: solid 1px ;
  background-color:  !important;
}
.lien-clr
{
  color:blue ; 
  cursor: pointer;
}
button.lien-clr
{
  background-color: #ffffff;
  border: 0px !important;
}
.action-ok
{
   /* color: #38761d; */
   color: var(--btn-bg-color);
}
.action-nok
{
   color: #cc0000;
}
.btn-check
{
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: transparent ;
  min-height:3.5rem;
  min-width: 3.5rem;
  /* padding: 0 0.2rem; */
  border-radius: var(--border-radius);
}
.action-check
{
  display: flex;
  align-items: center;
  justify-content: center;
  min-height:3.5rem;
  min-width: 3rem;
}

.tb-st
{ 
  padding-bottom: var(--filler-thin);
}
.multi-sep,
.btn-sep
{ 
  margin: 0 var(--filler-thin);
}
.cac-check
{
    height: 1.1rem;
    width: 1.1rem;
    margin-right: 1.5rem;
    /* padding-left: 0.3rem; */
    font-size: 1.4rem;
}
.btn-actif
{
  background-color: var(--btn-bg-color);
}

.btn-desable
{
  background-color: transparent;
  color: transparent !important;
  border: 0px !important;
  cursor: none !important;
}
.btn-aws
{
  color: #ffffff; 
  font-size: 1rem ;
}

.aws-clr,
.ico-clr
{
  color: #ffffff; 
}
.aws-sz
{
  font-size: 1rem ;
}
.btn-label
{
  font-size: 1.6rem;
  /* line-height: 1.4rem ; */
  text-align: center;
  /* padding-left: var(--filler-thin); */
  color: #ffffff;
}
.btn-sz
{
  width: 3.5rem ;
}


/*                     *****************************  diaporama  */

.diapo-f1-image
{  
    height: ;
    width:;
    margin-right:  var(--filler-thin);
    /* object-fit: cover; */
    object-fit: contain;
   border-radius: var(--border-radius);
}
.diapo-f2-image
{  
    height: ;
    width:;
    margin-right:  var(--filler-thin);
    /* object-fit: cover; */
    object-fit: contain;
   border-radius: var(--border-radius);
}
.diapo-f3-image
{  
    height: ;
    width:;
    margin-right:  var(--filler-thin);
    /* object-fit: cover; */
    object-fit: contain;
   border-radius: var(--border-radius);
}


/*                     *****************************  aj rdv et autre blox  */
/* .aj-content, */
.modal-content
/*  modal d'action' */
{
  background-color: #fefefe;
  margin-left: auto;
  margin-right: auto;
 border-radius: var(--border-radius) ;
  border: 2px solid #888;
  /* box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19); */
  z-index: 50;
}
/* .aj-loc-partial, */
.modal-partial
/*  sous le bandeau haut' */
{
  margin-top: 3rem;   /*Location of the box */
}
/* .aj-loc-full, */
.modal-full
{
  margin-top: 0px;   /*Location of the box */
}
/* .aj-header */
.modal_header
{
  padding: var(--filler-thin); var(--filler-normal);
  color: #666666;
  /* flex: 1; */
  border-bottom: 2px solid #888;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content:center; 
}
.modal-header-bg
{
  background-color: #eeeeee ;
}
/* .aj-tbody, */
/* .aj-blocs, */
/* .aj-body */
.modal_body
{
    display: flex;
    flex-direction: column;  
    margin:var(--filler-thin); 0 var(--filler-thin); 0 ; 
    /* border: 2px solid #134f5c ;
   border-radius: var(--border-radius);  */
    overflow-y: auto;  
    max-height: 30rem;
}

/* .aj-footer */
.modal_footer
{
  padding: var(--filler-thin); var(--filler-normal);
  background-color: #eeeeee ;
  color: #666666;
  border-top: 2px solid #888;
  display:flex;
  justify-content: space-between;
  align-items: center;
}

.aj-bloc
{
    display: flex;
    justify-content: center;
    flex-direction: column;  
    width: 100%;
    border: 2px solid #134f5c ;
   border-radius: var(--border-radius); 
    color: black !important;  
    margin: var(--filler-normal); var(--filler-thin); 0px var(--filler-thin);    
}
.aj-element
{
  line-height: 1.4rem;
  margin-top: var(--filler-thin);
  padding-left: var(--filler-thin); 
}
.rdv-blocs
{
  padding: 0px 1px; 
  background-color: transparent ;
  overflow-x: hidden; 
  overflow-y: auto;
}
.rdv-bloc
{
    display: flex;
    justify-content: center;
    flex-direction: column;  
    width: 100%;
    border: 2px solid #134f5c ;
   border-radius: var(--border-radius); 
    color: black ; 
    margin-bottom: var(--filler-thin); 
    padding: 0 var(--filler-thin); var(--filler-thin); var(--filler-thin);
    background-color: white ;   
}
.rdv-sous-bloc
{
    display: flex;
    justify-content: center;
    flex-direction: column;  
    line-height: 1.4rem; 
    color: black ;  
    /* margin-top:  var(--filler-thin); */
    padding: var(--filler-normal); var(--filler-thin); 0 0;   
}

.rdv-bilan
{
    border: 2px solid #134f5c ;
   border-radius: var(--border-radius); 
    display: flex;
    justify-content: center;
    flex-direction: column;  
    line-height: 1.4rem;    
    color: black ;
    margin-top: var(--filler-thin);
    padding: 0px var(--filler-normal);
    background-color: #d9ead3 ;
    flex: 1;
}
.rdv-element
{  
  /* margin-top: var(--filler-thin); */
  /* font-size: 0.9rem; */
  /* padding-left: var(--filler-thin);  */
}

.rdv-l1
{
    display: flex;
    align-items: center;
    line-height: 2.2rem;    
    /* font-weight: bold; */
    /* margin-top:var(--filler-thin);  */
}
.rdv-l2
{
    line-height: 1.8rem;    
}
.rdv-l3
{
    line-height: 1.4rem;    
    /* padding-top: var(--filler-thin); */
}
.rdv-horaire
{
    display: flex;
    justify-content: space-between;
    color: black ;
    font-weight: bold;
    padding-right: var(--filler-thin);
}
.aj-blocs-titre
{
    display: flex;
    margin-top: var(--filler-thin); 
    margin-right: var(--filler-thin); 
    margin-bottom: var(--filler-thin); 
    /* font-size:1.2rem; */
}
.aj-blocs-footer
{
    display: flex;
    margin-right:var(--filler-thin); 
}

.rdva-bloc
{
    display: flex;
    flex-direction: column;
    color: black ;
    padding: var(--filler-thin); 
    border-bottom: 1px solid #134f5c ;
}

.rdva-element
{
    display: flex;
    flex-direction: column;  
}
.rdva-salon
{
   background-color: dimgray;
   color: white;
   margin-bottom: var(--filler-thin);
}
.rdva-client
{
   background-color: darkgoldenrod;
   color: white;
   margin-bottom: var(--filler-thin);
}
.aj-bloc >div
{
    color: black;
}

/*                           ****************** https://www.w3schools.com/howto/tryit.asp?filename=tryhow_css_modal2 */
/* support modal pour neutraliser formulaire en dessous  */
.support-modal
{
  display: none ; /* Hidden by default */
  visibility: hidden ; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  left: 0;
  width: 100%;
  height: 100%;
  overflow: auto; /*  auto Enable scroll if needed */
  background-color: rgba(255,252,255,0.6); /* Black w/ opacity */
}
.support-full
{
  top: 0;
}
.support-partial
{
  top: 8rem; 
}

.aj1-header,
.modal-header
{
  padding: var(--filler-thin); var(--filler-normal);
  color: #666666;
  /* flex: 1; */
  border-bottom: 2px solid #888;
  /* min-height: 2.5rem; */
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content:center; 
}
.modal-header-bg
{
  background-color: #eeeeee ;
}
.modal-body
{
  display: flex;
  flex-direction: column;  
  margin:var(--filler-thin); 0 var(--filler-thin); 0 ; 
  overflow-y: auto;  
  max-height: 30rem;
  min-height: 4rem;
}

.modal-footer
{
  padding: var(--filler-thin); var(--filler-normal);
  color: #666666;
  border-top: 2px solid #888;
  display:flex;
  justify-content: space-between;
  align-items: center;
}

.modal-table
{
    display: flex;
    flex-direction: column;  
    margin:var(--filler-thin); 0 var(--filler-thin); 0 ; 
    border: 2px solid #134f5c ;
   border-radius: var(--border-radius); 
    overflow-y: hidden;  
    font-size: 1rem;
    margin-bottom: var(--filler-normal);
    table-layout: fixed;
    width:95%;
}

.modal-thead,
.modal-tfoot
{
    /* border-bottom: 1px solid #134f5c ;   */
    color: #ffffff;
    background-color: #d9ead3;
}

.modal-tbody
{
    /* max-height: 30rem; */
    /* display: flex; */
    /* flex-direction: column; */
    border-top: 1px solid #134f5c ; 
    border-bottom: 1px solid #134f5c ;
    overflow-y:auto;
    height:100%;
}


.aj1-content 
/*  modal d'action' */
{
  background-color: #fefefe;
  margin-left: auto;
  margin-right: auto;
 border-radius: var(--border-radius) ;
  border: 2px solid #888;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
  z-index: 50;
  /* height: 30rem; */
  /* animation-name: animatetop;
  animation-duration: 0.4s */
}
.aj1-content-loc 
/*  sous le bandeau haut' */
{
  margin-top: 3rem;   /*Location of the box */
}

/* *****************************    aj-cmd1        modal  universel */
.aj1-header-obs
{
  padding: var(--filler-thin); var(--filler-normal);
  background-color: #eeeeee ;
  color: #666666;
  /* flex: 1; */
  min-height: 2rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content:center; 
}

.aj1-body-obs
{
  /* padding: var(--filler-thin); var(--filler-normal); */
  overflow-y:hidden; 
  max-height: 30rem; 
  /* display: flex; */
  /* justify-content:center;  */
}
.aj1-footer-obs
{
  padding: var(--filler-thin); var(--filler-normal);
  background-color: #eeeeee ;
  color: #666666;
  /* border-bottom:  solid #666666; */
  /* box-shadow: 1px 1px 2px #666666; */
  min-height:0.5rem; 
  display:flex;
  justify-content: center;
  align-items: center;
}

.aj1-table-obs
{
    display: flex;
    flex-direction: column;  
    margin:var(--filler-thin); 0 var(--filler-thin); 0 ; 
    border: 2px solid #134f5c ;
   border-radius: var(--border-radius); 
    overflow-y: hidden;  
    font-size: 1rem;
    margin-bottom: var(--filler-normal);
    table-layout: fixed;
    width:95%;
    /* max-height: 30rem; */
}

/*                     *****************************  modal  */

.modal-help-btn,
.modal2-btn
{
  color: #ffffff;
  font-size: 2rem;
  /* font-weight: bold; */
  cursor: pointer;
  padding-right:0.5rem;
}

.modal2-body
{
    padding: 2px 16px;
    max-height: 400px;
    overflow-y:auto;
    min-height: 2rem;
}

.modal-info-content,
.modal-help-content,
.modal-c2g-content
{
  background-color: #fefefe;
  margin-left: auto;
  margin-right: auto;
 border-radius: var(--border-radius) ;
  border: 2px solid #888;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
  /* animation-name: animatetop;
  animation-duration: 0.4s */
}

.modal-info-header,
.modal-help-header,
.confirm2-header
{
  padding: var(--filler-thin); var(--filler-normal);
  background-color: #eeeeee ;
  color: #666666;
  border-bottom:  solid #666666;
  box-shadow: 1px 1px 2px #666666;
  flex: 1;
  min-height: 2.5rem;
  display: flex;
  align-items: center;
  justify-content:center; 
}
.modal-info-body,
.modal-help-body,
.modal-body
{
  padding: var(--filler-thin); var(--filler-normal);
  overflow-y:auto;
  min-height: 4rem;
  max-height: 30rem;
}
.modal-titre-body
{
  padding: var(--filler-thin); var(--filler-normal);
}

.modal-help-footer,
.modal-footer 
{
  padding: var(--filler-thin); var(--filler-normal);
  background-color: #eeeeee ;
  color: #666666;
  border-bottom:  solid #666666;
  box-shadow: 1px 1px 2px #666666;
  min-height:0.5rem;
}
.modal-ajf-footer
{
}
.modal-info-footer
{
  padding: var(--filler-thin); var(--filler-normal);
  background-color: #eeeeee ;
  color: #666666;
  border-bottom:  solid #666666;
  box-shadow: 1px 1px 2px #666666;
  min-height:0.5rem; 
  display:flex;
  justify-content: center;
  align-items: center;
}
.modal-footer-1l
{
  display: flex;
}
.modal-info-btn 
{
  color: #ffffff;
  font-size: 2rem;
  /* font-weight: bold; */
  cursor: pointer;
  padding-right:0.5rem;
}
.modal-info-close,
.modal-help-close,
.modal-close
{
  color: #ffffff;
  font-size: 2rem;
  font-weight: bold;
  cursor: pointer;
  padding-right:0.5rem;
}

.modal-info-loc, 
.modal-help-loc,
.modal-loc
{
  margin-top: 3rem;   /*Location of the box */
}
.confirm2-content 
{ 
  margin-right: auto; 
  margin-left: auto; 
  padding: 0;
 border-radius: var(--border-radius) ;
  border: 2px solid #134f5c ;
  width:50%;
  /* width: 25rem; */
  /* box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19); */
  /* -webkit-animation-name: animatetop; */
  /* -webkit-animation-duration: 0.4s; */
  /* animation-name: animatetop; */
  /* animation-duration: 0.4s */
}
.confirm2-loc 
{
  /* margin-top: calc (3rem + 3rem);   */
  margin-top: 16rem;  
}

.confirm2-btn
{
   border-radius: var(--border-radius) ;
    border: 1px solid #888;
    margin:auto ;   
    cursor: pointer;    
    background-color: var(--btn-bg-color) ;
    text-align: center;
    font-size: 1.6rem;
    color: #ffffff;
    padding: var(--filler-thin); var(--filler-normal);
}

/* .confirm2-btn >span, */
.confirm2-btn-text 
{
    font-size:1.1rem;
    color:#000;
    padding: 0.5rem 1rem;
}
.confirm2-body 
{
  display:flex;
  justify-content:center; 
  align-items: center;
  min-height: 5rem; 
  background-color: white ; 
}
.confirm2-footer 
{
  padding: 2px 16px;
  background-color:  ;
  color: white;
  min-height:0.5rem;
  flex:1;
}
.tiny-text
{
    margin-top: var(--filler-thin);
    overflow-y: auto; 
    flex: 1; 
}

/*                     *****************************  PA   */

.pa-blocs
{
    display: flex;
    flex-direction: column; 
    flex: 1; 
    margin-top:var(--filler-thin); 
    /* padding:var(--filler-thin); var(--filler-thin); 0 0 ;    */
    overflow-x: hidden;
    overflow-y:auto;
}
.pa-blocs>div:last-child
{
    margin-bottom: var(--filler-thin);
}
.pa-bloc
{
    color: black ;
    border: 2px solid #134f5c ;
   border-radius: var(--border-radius); 
    margin:  var(--filler-normal); auto 0 auto;
}
.pa-titre-entete
{
   display: flex;  
   /* justify-content: space-between; */
   padding:  var(--filler-thin); var(--filler-thin);
   margin-bottom:  var(--filler-thin);
   font-size: 1.3rem;
   flex: 1;
}
.pa-date
{
    margin-right: var(--filler-normal);
}
.pa-titre
{
    margin-left:  var(--filler-normal);
    font-size: 1.25rem;
}
.pa-text
{
    margin-top:  var(--filler-thin);
}
.pa-bloc-p2
{
   display: flex;  
   justify-content: space-between;
   padding:  var(--filler-thin); var(--filler-thin);
   flex: 1;
}

.pa-bloc-p21
{
    width: 70%;
    /* display: flex; */
    /* flex-direction: row; */
    /* justify-content: space-between; */
}
.pa-bloc-p22
{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex: 1;
}

.pa-diapos
{  
    display: flex;
    flex-wrap: wrap;
    margin-top:  var(--filler-normal);
    /* padding-top:  var(--filler-thin); */  
}

.pa-contact
{
    margin-bottom:  var(--filler-thin);
    /* margin-top:  var(--filler-thin); */
    line-height:  1.8rem;
    display:flex;
    /* flex-direction: column; */
    justify-content: flex-end;
}
.pa-btn
{
    display:flex;
    justify-content: flex-end;
}



.pa-blocs-p2_9
{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex: 1;
}
.pa-contact_9
{
    margin-right: var(--filler-thin);
    line-height:  2.2rem ;
}

.pa-date_9
{
    margin-top: var(--filler-thin); 
    font-size:1rem ;
    margin-bottom: var(--filler-thin);
}

.pa-blocs_9
{
    display: flex;
    flex-direction: column;  
    /* margin-right:var(--filler-normal);  */
    margin-top:var(--filler-thin); 
    padding:var(--filler-thin); var(--filler-thin); 0 0 ;   
    /* overflow-x: hidden; */
    overflow-y:auto;
}

.pa-div-img
{  
    display: flex;
}
.pa-diapo-img
{  
    height: 10rem;
    width:15rem;
    margin-right:  var(--filler-thin);
    /* object-fit: cover; */
    object-fit: contain;
   border-radius: var(--border-radius);
}
.pa-nb-photo
{
    margin-top: auto;
   border-radius: var(--border-radius);
    border: 2px solid #134f5c ;
    padding-right:  var(--filler-thin);
    padding-left:  var(--filler-thin);
    color: black;
}

.pa-ltitre
{
  display: flex;
  justify-content: space-between ;
  min-height: 2rem;
  padding-top:  var(--filler-thin);
}

.pa-info
{
    display: flex;
    flex-direction: column; 
    justify-content:space-between; 
    margin-right:var(--filler-thin); 
    line-height:  2.2rem ;
    width: 35%;
}

.pa-detail-bloc
{ 
  display: flex;
  flex-direction: column; 
  overflow-y:auto;
  overflow-x:hidden;
  scrollbar-width: thin;
  border: 1px solid #444444 ;
 border-radius: var(--border-radius);
  margin-top: var(--filler-thin);
  padding-top: var(--filler-thin);
  /* background-color: #f9f9f9 ; */
}

.pa-diapo-list
{
    display:flex;
    height: 10rem;
    justify-content: space-between;
}
.pa-text
{ 
  scrollbar-width: thin;
  padding-left: var(--filler-thin);
  padding-top: var(--filler-thin);
}

.pa-diapo-blocs
{
    display: flex;
    flex-wrap: wrap;   
    margin-top:var(--filler-thin); 
    border: 2px solid #134f5c ;
   border-radius: var(--border-radius);
}
.pa-diapo-bloc
{
    line-height: 1rem;
    text-align:center;
    margin: var(--filler-thin);
}
.pa-diapo-btn
{
    display:flex;
    justify-content: center;
    color: #000000;
}
.pa-diapo-bloc_9
{
    display: flex;
    flex-direction: column;  
    align-items: center;
    margin-top: var(--filler-thin);
    margin-bottom: var(--filler-thin); 
    margin-left:  var(--filler-thin);
    width:15rem;
}

.pa-icone
{
    font-size:1rem;
    padding-right:  var(--filler-thin);
}
.pa-list-mini
{
    display: flex;
    flex-wrap: wrap;
    /* justify-content: center; */
    background-color: #000000 ;
    width: 15rem;
}

.pa-list-photo
{
 border-radius: var(--border-radius);
  max-width: 100%;
  height: 10rem;
  /* max-height: 12rem; */
}

/*                     *****************************  pb incident  */
.pb-blocs
{
    display: flex;
    flex-direction: column;  
    flex: 1;
    margin-top:var(--filler-thin); 
    /* padding:var(--filler-thin); var(--filler-thin); 0 0 ;    */
    overflow-x: hidden;
    overflow-y:auto;
}
.pb-blocs>div:last-child
{
    margin-bottom: var(--filler-thin);
}
.pb-bloc
{
    color: black ;
    border: 2px solid #134f5c ;
   border-radius: var(--border-radius);
    margin:  var(--filler-normal); auto 0 auto;
}

.pb-diapos
{  
    display: flex;
    flex-wrap: wrap;
    margin-top:  var(--filler-normal);
    /* padding-top:  var(--filler-thin); */  
}
.pb-diapo-img
{  
    height: 10rem;
    width:15rem;
    margin-top:  var(--filler-thin);
    margin-bottom:  var(--filler-thin);
    margin-right:  var(--filler-normal);
   /* object-fit: cover; */
   object-fit: contain;
   border-radius: var(--border-radius);
}
.pb-infos
{
    display: flex;
    flex-direction: column; 
    justify-content:space-between; 
    margin: 0 var(--filler-thin); 
    flex: 1;
}
.pb-info
{
   
}
.pb-nb-photo-1s
{
    margin-top: auto;
   border-radius: var(--border-radius);
    border: 2px solid #134f5c ;
    padding-right:  var(--filler-thin);
    padding-left:  var(--filler-thin);
    color: black;
}
.pb-nb-photo
{
    margin-top: auto;
    border-radius: 100%;
    border: 2px solid black;
    padding: 0 0.3rem;
    color: black;
}
.pb-cat
{
    margin: 0 var(--filler-thin); 
    flex: 1;pb_diapos
    /* margin-bottom: var(--filler-thin); */
}

.pb-bloc-entete
{
   display: flex;  
   justify-content: space-between;
   padding:  var(--filler-thin); var(--filler-thin);
   margin-bottom:  var(--filler-thin);
   font-size: 1.3rem;
   flex: 1;
}

.pb-bloc-p2
{
   display: flex;  
   justify-content: space-between;
   padding:  var(--filler-thin); var(--filler-thin);
   /* font-size: 1.25rem; */
   flex: 1;
}
.pb-date
{
    margin-right: var(--filler-normal);
}
.pb-bloc-p21
{
    width: 70%;
    /* display: flex; */
    /* flex-direction: row; */
    /* justify-content: space-between; */
}
.pb-bloc-p22
{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    /* justify-content: flex-end; */
    flex: 1;
}
.pb-text
{
    margin-top:  var(--filler-thin);
}
.pb-contact
{
    margin-bottom:  var(--filler-normal);
    /* margin-top:  var(--filler-thin); */
    line-height:  2.2rem;
    display:flex;
    /* flex-direction: column; */
    justify-content: flex-end;
}
.pb-label
{
    line-height: 2.2rem;
}
.pb-btn
{
    display:flex;
    justify-content: flex-end;
}

.pb-diapo-blocs
{
    display: flex;
    flex-wrap: wrap;   
    margin-top:var(--filler-thin); 
    border: 2px solid #134f5c ;
   border-radius: var(--border-radius);
}
.pb-diapo-bloc
{
    line-height: 1rem;
    text-align:center;
    margin-bottom:var(--filler-normal); 
    margin-right:var(--filler-thin); 
}
.pb-diapo-btn
{
    display:flex;
    justify-content: center;
    color: #000000;
}
.pb-detail-bloc
{ 
  display: flex;
  flex-direction: column; 
  overflow-y:auto;
  overflow-x:hidden;
  scrollbar-width: thin;
  border: 1px solid #444444 ;
 border-radius: var(--border-radius);
  margin-top: var(--filler-thin);
}

.pb-contact_8
{
    margin-right: var(--filler-thin);
    
}
.pb-icone
{
    font-size:1rem ;
    padding-right:  var(--filler-thin);
}
.pba-list-mini
{
    display: flex;
    flex-wrap: wrap;
    /* justify-content: center; */
    background-color: #000000 ;
    width: 15rem;
}

.pba-list-photo
{
 border-radius: var(--border-radius);
  max-width: 100%;
  height: 10rem;
  /* max-height: 12rem; */
}
.diapo-cadre
{
    display: flex;
    /* flex-direction: column; */
    background-color: #000000;
    /* flexwrap: wrap  a garder  */
    /* flex-wrap: wrap;  */
    /* height: 100%; */
    /* width: 100%; */   
}
.diapo-bloc,
.photo-bloc
{
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow-x: hidden;
    overflow-y: auto;
    /* height: 100%; */
    /* background-color: #000000; */
}

.photo-info-diapo-bloc
{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    /* align-items: center; */
    /* height: 100%; */
    padding: var(--filler-thin);
    /* background-color: #000000; */
}

.diapo-photo,
.photo-visu
{  
  max-height: 100%;
  width: 100%;
  display:flex;
  justify-content: center;
  margin-bottom:var(--filler-thin);
}
.diapo-img
{
  max-width: 100%;
  max-height: 100%;
  padding-top: var(--filler-thin);
}
.plan-visu
{ 
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  background-color: #f9f9f9 ;
  padding: var(--filler-thin);
  overflow-y:auto;
  scrollbar-width:none;
  overflow-x:hidden;
  height: 100%;
  /*border-radius: var(--border-radius);  */
  /* border:  solid #444444 ; */
}

.plan-img
{
  width: 100%;
}
.plan-info
{
  width: 100%;
  overflow-y:auto;
  padding: var(--filler-thin);
}
.une-photo
{  
   /* max-height: 100%; */
   /* flex: 1; */
   margin: 0px var(--filler-thin);
   display: flex;
   align-items: center; 
   justify-content: center;
}
.diapo-label-mini
{ 
}
.diapo-mini-list
{  
  display: flex;
  /* justify-content: center; */
  /* background-color: ;  */
  /* width: 100%;
  padding-top: 0.5rem; */
  padding-bottom: 1rem;
  /* padding-right: 0.5rem; */
}
.diapo-photo-mini
{  
   height: rem;
   padding: 0.10rem;
}
.diapo-photo-label
{
  padding-top: 1rem;
  height: 15rem; 
}
.photo-label
{
  /* padding-top: 1rem; */
  margin: 0 auto ; 
}
.photo-info
{

}

/*                     *****************************  bi boite a idée etc..  */
.bi-blocs
{
    display: flex;
    flex-direction: column;  
    margin-top:var(--filler-thin); 
    padding:var(--filler-thin); var(--filler-thin); 0 0 ;   
    overflow-x: hidden;
    overflow-y:auto;
}
.bi-bloc
{
    color: black ;
    margin-bottom: var(--filler-normal); 
    border: 2px solid #134f5c ;
   border-radius: var(--border-radius); 
}
.bi-titre-entete_9
{
   display: flex;  
   /* justify-content: space-between; */
   padding:  var(--filler-thin); var(--filler-thin);
   margin-bottom:  var(--filler-thin);
   font-size: 1.3rem;
   flex: 1;
}
.bi-bloc-entete
{
  padding:  var(--filler-thin); var(--filler-thin);
  margin-bottom:  var(--filler-thin);
  font-size: 1.3rem;
}
.bi-entete-p1
{
   display: flex;  
   justify-content: space-between;  
   flex: 1;
}

.bi-diapo-btn
{
    display:flex;
    justify-content: center;
    color: #000000;
}

.bi-text
{
    margin-top:  var(--filler-thin);
}
.bi-bloc-p2
{
   display: flex;  
   justify-content: space-between;
   padding:  var(--filler-thin); var(--filler-thin);
   flex: 1;
}

.bi-bloc-p21
{
    width: 70%;
    /* display: flex; */
    /* flex-direction: row; */
    /* justify-content: space-between; */
}
.bi-bloc-p22
{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex: 1;
}

.bi-diapos
{  
    display: flex;
    flex-wrap: wrap;
    margin-top:  var(--filler-normal);
    /* padding-top:  var(--filler-thin); */  
}

.bi-contact
{
    margin-bottom:  var(--filler-thin);
    line-height:  1.8rem;
    display:flex;
    flex-direction: column;
    align-items: flex-end;
}
.bi-btn
{
    display:flex;
    justify-content: flex-end;
}
.bi-bloc-comment
{
    color: black ;
    margin-bottom: var(--filler-normal);
    border: 2px solid #134f5c ;
   border-radius: var(--border-radius); 
    font-size: 0.9rem;
}
   /* ***************************************** anien css */
.bi-blocs_9
{
    display: flex;
    flex-direction: column;  
    /* margin-right:var(--filler-normal);  */
    margin-top:var(--filler-thin); 
    padding:var(--filler-thin) var(--filler-thin); 0 0 ;   
    /* overflow-x: hidden; */
    overflow-y:auto;
}
.bi-div-img_9
{  
    display: flex;
}
.bi-diapo-img
{  
    height: 10rem;
    width:15rem;
    margin-right:  var(--filler-thin);
    /* object-fit: cover; */
    object-fit: contain;
   border-radius: var(--border-radius);
}
.bi-nb-photo
{
    margin-top: auto;
   border-radius: var(--border-radius);
    border: 2px solid #134f5c ;
    padding-right:  var(--filler-thin);
    padding-left:  var(--filler-thin);
    color: black;
}
.bi-date
{
    font-size:1rem ;
    margin-right: var(--filler-normal);
}

.bi-diapo-blocs
{
    display: flex;
    flex-wrap: wrap;
    /* margin-left:var(--filler-normal);  */
    margin-right:var(--filler-thin); 
    margin-top:var(--filler-thin); 
    border: 2px solid #134f5c ;
    padding:var(--filler-thin); var(--filler-thin); 0 var(--filler-thin);
   border-radius: var(--border-radius);
}
.bi-detail-bloc
{ 
  display: flex;
  flex-direction: column; 
  overflow-y:auto;
  overflow-x:hidden;
  scrollbar-width: thin;
  border: 1px solid #444444 ;
 border-radius: var(--border-radius);
  margin-top: var(--filler-thin);
}
.bi-diapo-list
{
  display:flex;
  height: 10rem;
  justify-content: space-between;
}
.bi-info_9
{
    display: flex;
    flex-direction: column; 
    justify-content:space-between; 
    margin-right:var(--filler-thin); 
    line-height:  2.2rem;
    /* margin-top:var(--filler-thin);  */
    /* flex-grow: 1; */
    /* margin-top:var(--filler-thin); 
    padding:var(--filler-thin); var(--filler-thin); 0 0 ;    */
}
.bi-btn_9
{
    display:flex;
    padding-bottom: var(--filler-thin);
    justify-content: flex-end;
}

.bi-text
{ 
  scrollbar-width: thin;
  padding-left: var(--filler-thin);
  padding-top: var(--filler-thin);
}
.bi-diapo-bloc
{
  display: flex;
  flex-direction: column;  
  align-items: center;
  margin-top: var(--filler-thin);
  margin-bottom: var(--filler-thin); 
  margin-left:  var(--filler-thin);
  width:15rem;
}

.bi-list-mini
{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    background-color: #000000 ;
    width: 15rem;
}

.bi-ident
{
    display: flex;
    flex-direction: column;
    height: 10rem;
    line-height:  2rem;
    /*border-radius: var(--border-radius); */
}
.bi-list-photo
{
 border-radius: var(--border-radius);
  max-width: 100%;
  height: 10rem;
}
.comment-blocs
{ 
  /* padding-left: var(--filler-thin); */
  margin-top: var(--filler-normal);
}
.comment-bloc
{ 
  padding-left: var(--filler-thin);
  margin-bottom: var(--filler-normal);
  font-size: 0.9rem;
}

/*                     *****************************  debut event  et images */
.img-label
{
  /* padding-bottom: var(--filler-normal); */
}
.ev-blocs
{
    display: flex;
    flex-direction: column;  
    flex: 1;
    margin-top:var(--filler-thin); 
    /* padding:var(--filler-thin); var(--filler-thin); 0 0 ;    */
    overflow-x: hidden;
    overflow-y:auto;
}


.ev-blocs>div:last-child
{
    margin-bottom: var(--filler-thin);
}
.ev-bloc
{
    background-color: #f9f9f9 ;
    color: black ;
    border: 2px solid #134f5c ;
   border-radius: var(--border-radius);
    margin:  var(--filler-thin); 0 ;
    padding: 0 var(--filler-thin);
}
.ev-clos
{
  /* background-color: var(--body-bg-color) ; */
  color: transparent;
}
.ev-detail-bloc
{ 
  display: flex;
  flex-direction: column; 
  overflow-y:auto;
  overflow-x:hidden;
  scrollbar-width: thin;
  border: 1px solid #444444 ;
 border-radius: var(--border-radius);
  margin-top: var(--filler-thin);
  padding: 0 var(--filler-thin);
  /* background-color: #f9f9f9 ; */
}

.ev-titre
{
    display:flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-size: 1.3rem;
    padding: var(--filler-thin); 0 var(--filler-normal); 0;
    /* line-height: 2.2rem;  */
}
.ev-tinymce
{ 
  margin-top: var(--filler-thin);
  margin-bottom: var(--filler-thin);
  overflow-x: hidden;
  overflow-y: hidden; 
}
.ev_div_tce1
{
  flex: 1;
  scrollbar-width: thin;
  line-height: !!line_ht_normal;
}
.ev-label
{
  margin-top: var(--filler-thin);
} 
.ev-titre2
{
    color: black;
    line-height: !!line_ht_large;
}

.ev-titre >div:not(:first-child)
{
  /* padding-left:var(--filler-normal);  */
}
.ev-div-img
{  
    height: 10rem;
    width:15rem;
}
.ev-vignettes-btn
{ 
  display:flex;
  justify-content:space-between;
  margin-top: var(--filler-normal);
}

.ev-vignette-info
{ 
  display:flex;
  width:100%;  
  /* margin-left: var(--filler-thin);  */
}
.ev-p 
/* paragraphe  */
{
  padding-top: var(--filler-normal);
  width: 100%;
  display:flex;
  flex-wrap: wrap;
}
.ev-pc
/* paragraphe  columnn*/   
/* paragraphe  */
{
  padding-top: var(--filler-normal);
  width: 100%;
  display:flex;
  flex-direction:column;
}
.ev-btn
{
    display:flex;
    align-items: flex-start;
    justify-content:end;
    /* padding-bottom: var(--filler-thin); */
}
.ev-vignettes
{ 
  display:flex;
  flex-wrap: wrap;
  /* width: 100%; */
  margin-top: var(--filler-thin);
}
.ev-vignette
{  
    height: 10rem;
    width:15rem;
    margin-right:  var(--filler-thin);
    margin-top:  var(--filler-thin);
    margin-bottom:  var(--filler-thin);
    /* object-fit: cover; */
    object-fit: contain;
   border-radius: var(--border-radius);
}

.ev-vignette-aj
{  
    height: 10rem;
    width:15rem;
    margin-right:  var(--filler-thin);
    /* margin-top:  var(--filler-thin); */
    object-fit: cover;
   border-radius: var(--border-radius);
}

.ev-infos
{ 
  display:flex;
  flex-direction: column;
  /* justify-content: space-between; */
  width: 100%;
  margin-top: var(--filler-thin);
}
/* .ev-infos>div:not(:first-child) */
/* {  */
  /* padding-left: 3rem; */
/* } */
.ev-info
{
  display: flex;
  flex-direction: column;
  color: black ;
  line-height: 1.8rem;
  margin-top: var(--filler-thin);
}
.ev-contact
{
  display: flex;
  flex-direction: column;
  color: black ;
  line-height: 1.8rem;
  margin-top: var(--filler-thin);
}
.ev-inscrit
{
  color: darkgreen ;
  font-size: 1.3rem;
  font-weight: bold;
}

.ev-photo-bloc
{
    display: flex;
    flex-wrap: wrap;
    margin-left:var(--filler-normal); 
    margin-right:var(--filler-normal); 
    margin-top:var(--filler-normal); 
    border: 2px solid #134f5c ;
    padding:var(--filler-thin); var(--filler-thin); 0 var(--filler-thin);
   border-radius: var(--border-radius);
}

.ev-list-bloc---voir-ev-diapo-blocs
{
    display: flex;
    flex-direction: column;
    padding-top:var(--filler-thin);
    padding-left:var(--filler-thin); 
    padding-right:var(--filler-thin); 
    margin-left:var(--filler-normal); 
    margin-right:var(--filler-normal); 
    border: 2px solid #134f5c ;
   border-radius: var(--border-radius);
}
.ev-resp
{
  visibility: hidden;
  z-index: 5;
  display: flex;
  flex-direction: column;
  position: fixed;
 border-radius: var(--border-radius) !important;
  background-color: transparent ;
  border:  solid #444444 ;
  padding: var(--filler-thin);
  line-height: 1.8rem;
  top: 3rem;
  left: 10%;
  right: 10%;
  /* margin-top: var(--filler-thin); */
}
.btn-resp
{
    margin-left:var(--filler-thin);
    /* padding-top:var(--filler-thin); */
    font-size: 0.8rem;
    color: #4c97db;
    cursor: pointer;
}
.ev-diapo-blocs
{
    display: flex;
    flex-wrap: wrap;
    margin-top:var(--filler-thin); 
   border-radius: var(--border-radius);
    border: 2px solid #134f5c ;
    /* padding:var(--filler-thin); var(--filler-thin); 0 var(--filler-thin); */
    padding:var(--filler-thin);  
    margin-bottom: var(--filler-thin);
}
.ev-photo-blocs
{
    display: flex;
    flex-wrap: wrap;
    padding:var(--filler-thin); 
    border: 2px solid #134f5c ;
    padding:var(--filler-thin); var(--filler-thin); 0 var(--filler-thin); 
}
.ev-diapo-bloc
{
    display: flex;
    flex-direction: column;  
    align-items: center;
    width: 15rem;
    margin-bottom: var(--filler-normal); 
    margin-right:  var(--filler-thin);
}
.ev-diapo-bloc-9>:not(:first-child)
{
    margin-left: var(--filler-thin);
}
.ev-diapo-img
{  
    height: 10rem;
    width:15rem;
   border-radius: var(--border-radius);
    /* object-fit: cover; */
    object-fit: contain;
}
.ev-diapo-btn-info
{
    display:flex;
    justify-content: center;
    color: #000000;
}

/*                     *****************************  titre t1 t2 t3 t4   */
.t1 
{
  /* padding-top: 0rem ; */
  font-size: 1.5rem;
  color: ;
  display: flex;
}
.t2 
{
  /* margin: 0.8rem 0rem ; */
  /* padding: 0rem ; */
  font-size: 1.3rem;
  color: ;
}
.t3 
{
  margin: 0.5rem 0rem ;
  padding: 0.5rem 0rem ;
  font-size: 1.1rem;
  color: ;
}
.t4 
{
  margin:  ;
  padding:  ;
  font-size: rem;
  color: ;
}
.elem-sort
{  
    height: 10rem ;
    width:15rem;
   border-radius: var(--border-radius);
    background-color: #ccc;
    border:1px dotted #333;
    /* margin-bottom: 1rem;  */
    /* margin-right:  0.5rem; */
    /* display:block; */
}

.arg-event > h3
{
  margin: 0.3rem 0rem 0rem 1rem !important;
  font-weight: normal !important;
  
}
.arg-event > h2
{
  margin: 0.3rem 0rem 0rem 0.5rem !important;
  font-weight: normal !important;
}

.arg-event > h1
{
  margin: 0.3rem 0rem 0rem 0rem !important;
  font-weight: normal !important;
}
.arg-event > ol,
.arg-event > ul
{
  margin: 0.3rem 0rem 0rem 0rem !important;
}
.arg-event 
{
  margin: 0.3rem 0 0 0;
  line-height:2.2rem !important;
  padding: 0.3rem;
}
.arg-event > p
{
  margin: 0rem 0rem 0.5rem 0rem !important;
}
.arg-event-t,
.event-t
{
  font-size: 1.1rem;
  margin-bottom:0.2rem;
 /* color: #eeeeee; */
}

.arg-event-div
{
   margin: 0.5rem 0rem 3rem 0rem ;
}

.ev-text
{
    margin-top: var(--filler-thin);  
    /* padding-left:  var(--filler-normal);   */
    /* padding-right:  var(--filler-normal); */
    width: 100%;
}
.ev-diapo-info
{
    display:flex; 
    padding-top: var(--filler-thin);
    padding-bottom: var(--filler-thin);
    /* margin: 0.5rem 0 0.5rem 0.5rem;   
    width: 100%; */
}
.ev-list-mini
{
    display: flex;
    flex: 1;
    background-color: #000000 ;
    /* width: 15rem; */
}

.ev-list-photo
{
 border-radius: var(--border-radius);
  max-width: 100%;
  height: 10rem;
  margin-right: 0.5rem;
  /* max-height: 12rem; */
}
.ev-logo
{
 border-radius: var(--border-radius);
  max-width: 100%;
  /* max-width: 12rem ; */
  height: 3rem ;
  margin-right: 0.5rem;
}
.ev-list-info
{
    display: flex;
    flex-direction: column;
}
.ev-no-info
{
    display: flex;
    align-items: center;
    justify-content:center;
    font-size: 1.3rem;
    line-height: 2.2rem;
}
.ev-visit-info
{
    display: flex;
    align-items: center;
    justify-content:center;
    font-size: 1.3rem;
    line-height: 2.2rem;
}
.ev-list-text
{
  display: flex;
  flex-direction: column;
  color: black !important;
  margin-left: 0.3rem;
  line-height: 1.8rem;
}

/*                     *****************************  fin event   */
#map-gpl
{
  height:400px;
}
/*                     *****************************  galerie photo   */
.gp-diapo-blocs
{
    display: flex;
    flex-wrap: wrap;
    /* margin-left:var(--filler-normal);  */
    margin-right:var(--filler-thin); 
    margin-top:var(--filler-thin); 
    padding:var(--filler-thin); var(--filler-thin); 0 var(--filler-thin);
    /* border: 2px solid #134f5c ;
   border-radius: var(--border-radius); */
}
.gp-diapo-bloc
{
    display: flex;
    flex-direction: column;  
    align-items: center;
    /* width: 15rem; */
    padding-bottom: var(--filler-thin); 
    padding-right:  var(--filler-thin);
    max-width:15rem;
}
.gp-diapo-img
{  
    height: 10rem;
    max-width:15rem;
    border: 2px solid #134f5c ; 
   border-radius: var(--border-radius);
    /* object-fit: cover; */
    object-fit: contain; 
}
.gp-diapo-f1
{  
    height: ;
    width:;
    /* margin-right:  var(--filler-thin); */
    /* object-fit: cover; */
    object-fit: contain;
   border-radius: var(--border-radius);
}
.gp-diapo-f2
{  
    height: ;
    width:;
    margin-right:  var(--filler-thin);
    /* object-fit: cover; */
    object-fit: contain;
   border-radius: var(--border-radius);
}
.gp-diapo-f3
{  
    height: ;
    width:;
    margin-right:  var(--filler-thin);
    /* object-fit: cover; */
    object-fit: contain;
   border-radius: var(--border-radius);
}
.gp-diapo-label
{ 
    text-align:center;
    padding: 0 0.5rem 0 0.5rem;
}
.gp-diapo-btn
{ 
    cursor: pointer;
    /* margin-top: -1.6rem;
    background-color: white;
   border-radius: var(--border-radius); */
}
.gp-diapo-btn>a
{ 
   padding:0.3rem;
}
.gp-photo-bloc
{
    display: flex;
    flex-wrap: wrap;
    margin-left:var(--filler-normal); 
    margin-right:var(--filler-normal); 
    margin-top:var(--filler-normal); 
    border: 2px solid #134f5c ;
    padding:var(--filler-thin); var(--filler-thin); 0 var(--filler-thin);
   border-radius: var(--border-radius);
}

/*                     *****************************  debut bloc liste   */
.bl-info-btn
{
    display: flex;
    justify-content: space-between;
}
.bl-info
{
    display: flex;
    flex-direction: column;
    color: black ;
    line-height: 1.8rem;
    margin-top: var(--filler-thin);
    flex:1;
}
.bl-btn
{
    display:flex;
    align-items: flex-start;
    justify-content:flex-end;
    padding-top: var(--filler-thin);
}
.bl-comment
{
    margin-top: var(--filler-thin);
    display:flex;
}
.bl-comment-label
{
    flex:1;
    background-color: ;
}
/*                     *****************************  debut onglet 3pt  ...   */

.div-3p 
{
    display: flex;
    align-items: center;
    justify-content: center;
    height:3.5rem; 
    min-width: 3.5rem ;
   border-radius: var(--border-radius);
    border: 0 solid var(--btn_border_color) ;
    color: #ffffff; 
    font-size: 1rem ;
    background-color: var(--btn-bg-color);
    /* text-align: center; */
    /* padding: 0 0.2rem; */
}

.bloc-3p,
.div-fnct-3p
{
  visibility: hidden;
  display: flex;
  flex-direction: column;
  position: fixed;
  top: 3rem;
  left: var(--filler-thin);
 border-radius: var(--border-radius) !important;
  background-color: white ;
  border:  solid #cccccc;
  box-shadow: 1px 1px 6px #555;
  padding: 0 var(--filler-thin);
  line-height: 1.8rem;
  margin-top: var(--filler-thin);
  z-index: 5;
  cursor:pointer;
}
/*  position relative pour fixer le bloc fonction en absolute */

.label-3p
{
    display:flex;
    align-items: center;
    /* line-height: 2.2rem; */
}
.fnct-3p
{
    color: #ffffff;
    font-size: rem;
    padding:  var(--filler-thin); 0;
}
.bo-bloc
{  
  display: flex;
  align-items: center;
  /* min-height: ; */
  /* max-height: 10rem; */
  margin: var(--filler-thin); 0;
}
.bo-list
{
    display: flex; 
    align-items:center;
    justify-content: center;
    font-size: rem ; 
    border: 2px solid #cc0000;
   border-radius: var(--border-radius) ;
    
}
.bo-list>a:not(:first-child)
{
   border-left: 2px solid #000000;
}


.bo-ongt
{ 
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 var(--filler-thin);
    line-height: 1.4rem;
    height:2.2rem;
    color: #000000;
}

.bo-ongt-inactif
{
  background-color: #45818e;
}
.bti-bloc
{  
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-top: var(--filler-thin);
  /* min-height: 2rem; */
}
.bti-bloc >div
{
    display: flex;   
}

.diapo-mini-img
{  
    height: 10rem;
   border-radius: var(--border-radius);
}

.photo-mini-bloc
{
    display: flex;
    flex-direction: column;  
    align-items: center;
    width: 15rem;
    margin: 0.5rem;
}
.info-form
{
  display: flex;
  flex-wrap: nowrap; 
  padding-top: var(--filler-normal); 
}
.info-list
{
  display: flex;
  flex-direction: column;  
  overflow-y:hidden;
  overflow-x:hidden;
  border: 1px solid #444444 ;
  background-color: #f9f9f9 ;
 border-radius: var(--border-radius);
  padding: var(--filler-thin);  0 0 var(--filler-thin); 
  line-height: 2.2rem;
}
.info-visu
{
  /* display: flex;
  flex-direction: column;  */
  padding: var(--filler-thin);  0 0 var(--filler-thin);
  flex:1 ; 
  overflow-y: auto;
  scrollbar-width: thin;
}
.info-titre
{
  font-size: 1.5rem; 
  margin-bottom: var(--filler-thin); 
}
.info-label
{
  color: black !important; 
  line-height: 2.2rem;
  
}

.wg-10,
.wg-20,
.wg-30,
.wgf-30,
.wgf-35,
.wg-40,
.wgf-40,
.wg-50,
.wgf-50,
.wg-60,
.wgf-60,
.wg-70,
.wgf-70,
.wg-80,
.wgf-80,
.wg-90,
.wgf-90,
.wg-100
{
   width:98%; 
}
.wgf-100
{
   width:100%; 
}
.top-s1,
.top-p1
{ 
    padding-top: var(--filler-normal);
}
.bottom-s1,
.bottom-p1
{ 
    padding-bottom: var(--filler-normal);
}

.top-m1
{ 
    padding-top: var(--filler-normal);
}
.left-m1
{ 
    margin-left: var(--filler-normal);
}

.bottom-m1
{ 
    margin-bottom: var(--filler-normal);
}
.s_suggest
{
  background-color: #F0F0F0;
  border: 1px solid #80D0D0;
  color: #606060;
  position:absolute;
  overflow:auto;
  padding-left:2px;
 }
 .s_suggest a
{
   color: #606060;
}

.s_suggest-d0
{
  width: 270px;
  height: 210px;
}
.s_suggest-d1
{
  width: 350px;
  height: 300px;
}
.s_suggest-d2
{
  width: 585px;
  height: 300px;
}
/*                                    *********** quick search  */
 .qs-bloc
{
  background-color: white;
  border: px solid #444444 ;
 border-radius: var(--border-radius) !important;
  color: black;
  /* position:absolute; */
  overflow-y:auto !important;
  overflow-x:hidden !important;
  padding: var(--filler-thin); !important;
  display:flex;
  flex-direction:column;
  max-height: 8rem;
 }

 .qs-bloc a
{
   color: #606060;
}

.s_l,
.qs-l
{
  color: #606060;
}
.qs_suggest-d0
{
  width: 270px;
  height: 210px;
}
.qs_suggest-d1
{
  width: 350px;
  height: 300px;
}
.qs_suggest-d2
{
  width: 585px;
  height: 300px;
}
.li-ptitre
{
  font-size: 1.3rem;
}
/* ---------------------------------- table - liste  */

.li-blocs
{
    display: flex;
    flex-direction: column;  
    /* margin-top:var(--filler-normal);  */
    margin-bottom:var(--filler-thin);
    /* padding:var(--filler-normal); var(--filler-normal); 0 var(--filler-normal);    */
    padding:var(--filler-thin); 0px;
    overflow-y:auto;
    background-color: #f9f9f9 ;   
   border-radius: var(--border-radius); 
}

.li-bloc
{
    color: black ;
    margin-bottom: 2rem; 
   border-radius: var(--border-radius);  
    background-color: white;
    border: 1px solid #134f5c ;
}
.li-between
{
    display:flex;
    justify-content:space-between;
    /* width: 100%; */
}
.li-1lig
{
    display: flex;
    line-height: 1.7rem !important;
    
}
.li-1lig:not(:last-child)
{
  border-bottom: 1px solid #dddddd;
}
.li-label
{
  display: flex;
  justify-content: flex-end ;
  padding-right: var(--filler-normal);
}
.li-label-sb
{
  display: flex;
  justify-content: space-between ;
  padding-right: var(--filler-normal);
}
.li-val
{
  display: flex;
  padding-left: var(--filler-normal);
}
.li-btn
{
  padding: 0 var(--filler-thin);
}
/* ----------------------------------------------------------------------- table */
.div-multi
{
    display: flex;
    flex: 1;
}
.table-bloc1
{
    font-size: 1rem;
    display: flex;
    flex-direction: column;
    margin-bottom: var(--filler-normal);
}
.thead1,
.tfoot1
{
    color: #ffffff;
    background-color: #d9ead3;
  
    border-bottom: 1px solid #134f5c;
    border-top: 1px solid #134f5c;
    border-left: 1px solid #134f5c;
    border-right: 1px solid #134f5c;
    padding: var(--filler-thin); 0;
    width: 100%;
    /* display: flex;  */
    /* align-items: center; */
    /* line-height: 1.8rem; */

      /* min-height: 2.5rem; */
    /* max-height: 4rem; */
    width:100%;
    
}
.th-lien
{
color: #ffffff;
}
.thead1-r
{
 border-radius: var(--border-radius) 4px 0 0;
}
.tfoot1-r
{
  border-radius: 0 0 4px 4px ;
}
.thead11 tr,
.tfoot11 tr
{
    display: flex;
    align-items: center;
    padding: 0 var(--filler-thin);
    width: 100%;
    /* height: 1.8rem; */
}
.thead1>tr,
.tfoot1>tr
{
  display: flex;
  align-items: center;
  /* min-height: 1.8rem;
  padding-left:var(--filler-thin); */
  /* width:100%; */
}
.th-color
{
  font-weight:  !important;
  /* text-align:left; */
}
.head1-foot1-a
{
    color: #ffffff;
}
.tbody-bloc1
{
    /* display: flex; */
    /* flex-direction: column; */
    overflow-y: auto; 
    overflow-x:hidden; 
    scrollbar-width: thin;
    color: #000000; 
    border-left: 1px solid #134f5c;
    border-right: 1px solid #134f5c;
    /* line-height: 1.8rem; */
    background-color: #ffffff;
}

.tbody-bloc1>tr
{
    display: flex;
    align-items: center;
    min-height: 1.8rem;
    padding-left:var(--filler-thin);
    width:100%;
}
.aj1-thead>tr,
.aj1-tfoot>tr,
.aj1-tbody>tr,

{
  display: flex;
  align-items:center;
  min-height: 1.8rem;
  padding: var(--filler-thin);
  width: 100%;
}
{
  display: flex;
  align-items:center;
  min-height: 1.8rem;
  padding: 0 var(--filler-thin);
}

.aj1-tbody>tr:nth-child(odd),
.tbody-bloc1>tr:nth-child(odd)
{
  background-color: #eeeeee;
}
.aj1-tbody>tr>td
.tbody-bloc1>tr>td
{
  word-break : break-word;
}
.tbody-bloc1>tr>td>a
{
  cursor:pointer;
  color: #000000; 
}
.lien-sz
{
  font-size: 1rem ;
  color: ;
  margin: 0 var(--filler-thin); 0 var(--filler-thin);
  margin-top: auto;
  margin-bottom: auto;
  margin-left: var(--filler-thin);
  margin-right: var(--filler-thin);
  cursor: pointer;
}
.ico-td
{
  font-size: 1rem ;
  color: ;
  padding-right: var(--filler-thin);
}
.ico-sep
{
  padding-right: var(--filler-thin);
}
.num0
{ 
  text-align:right;
} 
.num1
{ 
  text-align:right;
  padding-right: var(--filler-normal);
} 
 .num2
{ 
  text-align:right;
  padding-right:1.5rem !important;
}
 .num3
{ 
  text-align:right;
  padding-right:2rem !important;
}
.div-c2g-help,
.div-contenu
{
  visibility: hidden;
  display: flex;
  flex-direction: column;
  position: fixed !important;
  top: 3rem;
  left: var(--filler-thin);
 border-radius: var(--border-radius) !important;
  background-color: white ;
  border:  solid #444444 ;
  box-shadow: 1px 1px 6px #444444;
}
.contenu-body
{
  display: flex;
  flex-direction: column;  
  /* margin:var(--filler-thin); 0 var(--filler-thin); 0 ;  */
  overflow-y: auto;  
  max-height: 30rem;
  min-height: 4rem;
}
.contenu-footer
{
  color: #666666;
  border:  solid #444444 ;
  background-color: #eeeeee ;
}
.contenu-header
{
  padding: var(--filler-thin); var(--filler-thin);
  color: #666666;
  border:  solid #444444 ;
  display:flex;
  justify-content: space-between;
  align-items: center;
  background-color: #eeeeee ;
}