@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700;900&display=swap');

body {
  font-family: 'Montserrat', sans-serif;
  color: #4a4a4a;
  line-height: 1.4;
  font-weight: 400; /* Regular */
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: 'Montserrat', sans-serif;
}

h1 { font-size: 2.5rem; font-weight: 700; }
h2 { font-size: 2rem;   font-weight: 600; }
h3 { font-size: 1.75rem; font-weight: 500; }
h4 { font-size: 1.5rem;  font-weight: 500; }
h5 { font-size: 1.25rem; font-weight: 400; }
h6 { font-size: 1rem;    font-weight: 400; }

h2.title-divider > span {
    font-size: 2.3rem; font-weight: 300; line-height: 1.2;
}

.bgPE {
  background-color: #184376;
}

.fw-light {
    font-weight: 400!important;
}

.adRep {border: 1px solid #4a4a4a; padding: 3px; padding-left: 4px; border-radius: 50%;}

.badge {
    display: inline-block;
    padding: 7px 15px;
    font-size: .75em;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0px;
}

.badge2 {
    display: inline-block;
    padding: 7px 10px 5px 10px;
    font-size: .95em;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0px;
}

.badge3 {
    display: inline-block;
    padding: 5px;    
    /* background-color: #F95900; */
    background-color: #0FE8D7;
    font-size: .65em;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 8px;
}

.civilite input {
    margin-right: 12px;
    margin-left: 5px;
}

#contenu_article h3 {text-transform: uppercase;}
#contenu_article sup > b {
    display: inline-block;
    padding: .20em .40em;
    font-size: .85em;
    font-weight: 300;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .98rem;
    background-color: #d9f4fc!important;
}

.titleindex {font-weight: 400;}

#customCardCE hr {color: #364067; margin: inherit;}
#customCardCE .card-body {padding: 1.8rem 1rem 1.8rem 1rem;}

#customCardCE .card {
    border-radius: 4px;
    background: #fff;
    box-shadow: 0 6px 10px rgba(0,0,0,.08), 0 0 6px rgba(0,0,0,.05);
    transition: .3s transform cubic-bezier(.155,1.105,.295,1.12),.3s box-shadow,.3s -webkit-transform cubic-bezier(.155,1.105,.295,1.12); 
  	cursor: pointer;
}

#customCardCE .card:hover{
     transform: scale(1.05);
  	 box-shadow: 0 10px 20px rgba(0,0,0,.12), 0 4px 8px rgba(0,0,0,.06);
}

#customTextCE .card-title {font-size: 1.2rem; font-weight: 500; line-height: 1.2; color: #4a4a4a; margin-bottom: inherit;}
#CE-MAINCONTENT h2 {font-size: 1rem; font-weight: 500; text-transform: uppercase; line-height: 1; color: #184376; border-bottom: 2px solid #184376; padding-bottom: 10px; margin-bottom: 15px;}
#CEdetails h2 {font-size: 1.3rem; font-weight: 600; line-height: 1; color: #4a4a4a;}
#CEdetails h3 {font-size: 1rem; font-weight: 500; line-height: 1; color: #4a4a4a;}

#searchInfos .form-control {   
    background-color: #fbfcfc;   
    border: 1px solid #fbfcfc;   
}

#searchInfos .btn-outline-secondary {
    color: #d6d4d4;
    border-color: #fbfcfc;
}

#searchInfos .loupe {font-size: 2.7rem;}
#searchInfos .bordure  {border-left: 2px solid #C4C4C4; padding-left: 30px;}

#searchInfos .input-group-lg>.btn, .input-group-lg>.form-control, .input-group-lg>.form-select, .input-group-lg>.input-group-text {    
    font-size: 1.9rem; 
    font-weight: 300;    
    padding-right: 0px; 
}

#ResultsCongress h1 {font-size: 1.4rem; font-weight: 300; line-height: 1.2;}
#contenu_article h2 {font-size: 1.9rem; font-weight: 400; line-height: 1.2; color: #184376;}
#SearchTag h2 {font-size: 1.6rem; font-weight: 300; line-height: 1.2;}
#Home-rub .mev {font-size: 1.8rem; font-weight: 300; line-height: 1;}
#CE h2 {font-size: 1.7rem; font-weight: 300; line-height: 1.7;}
#CECONTENT .card {border: inherit;}
#CaliforniaSection h2 {font-size: 1.4rem; font-weight: 400; line-height: 1.2;}
#ImproveTxt h2 {font-size: 1.1rem; font-weight: 300; line-height: 1.2;}
#ContentAdBlocker h2 {font-size: 1.9rem; font-weight: 400; line-height: 1.2;}
#AboutUs .iconmax {font-size: 3.7rem; font-weight: 400; line-height: 0px;}
#modal_coming_soon_f .iconmax {font-size: 3.9rem; font-weight: 400; line-height: 0px;}
#modal_coming_soon_t .iconmax {font-size: 3.9rem; font-weight: 400; line-height: 0px;}
#AboutUs h2 {font-size: 1.9rem; font-weight: 300; line-height: 1.2;}
#ContentAdBlocker .iconmax {font-size: 5.2rem; font-weight: 400; line-height: 0px;}
#content_article_center p {padding-top: 8px; text-align: justify;}
#content_article_center hr {visibility: hidden;}
#breve_content p {padding-top: 8px; text-align: justify;}
#TopArticles .h5 {font-size: 1.4rem; font-weight: 600; line-height: 1.2;}

#AboutUs .CustomContainer {max-width: 950px; margin: auto;}
#AboutUs .CustomContainer2 {max-width: 850px; margin: auto;}
#AboutUs .CustomContainer3 {max-width: 600px; margin: auto;}

#HeaderHomeChild h2 {font-size: 1.5rem; font-weight: 300; line-height: 1.2;}
#HeaderHome h2 {font-size: 2.2rem; font-weight: 300; line-height: 1.2;}
#SurveyCard h2 {font-size: 1.4rem; font-weight: 300; line-height: 1.2;}
#SurveyCard h1 {font-size: 2.4rem; font-weight: 300;}
#SurveyCard .disabled {color: #bcbcbc;}
#SurveyCard .disabled2 {color: #eeeeee;}

#editors h2 {font-size: 1.3rem; font-weight: 300; line-height: 1.2;}
#editors h4 {font-size: .795em; font-weight: 600; line-height: 1.2; color: #4a4a4a;}

.text-justify {
  text-align: justify;
}

.page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color: #184376;
    border-color: #184376;
}

.page-link {
    color: #4a4a4a;
}

.pointer {cursor: pointer;}

.small, small {
   color: #4a4a4a;
   line-height: 130%;
}

.small2 {
   color: #4a4a4a;
   line-height: 120%;
   font-size: .795em;
}

.small3 {
   color: #4a4a4a;
   line-height: 120%;
   font-size: .695em;
}

.small4 {
   color: #4a4a4a;
   line-height: 130%;
   font-size: .960rem;
}

.small5 {
   color: #4a4a4a;
   line-height: 140%;
   font-weight: 500;
   font-size: .850em;
}

.show_fulltext .sticky-top .btn-primary {
    color: #ffffff;
    background-color: #0db1e2;
    border-color: #0db1e2;
}

.bg-custom-FT {background: linear-gradient(#f6fafd, #ffffff);}


.interligne-minus {line-height: 110%;}
.interligne-minus2 {line-height: 120%;}

.text-muted {
    color: #4a4a4a!important;
}

.show_fulltext h3 {
    margin: 10px 0
}

#picto .card {border: inherit;}

.text-lighter {font-weight: 200; line-height: 1.3;}

#blocHome .card {border: 1px solid #0db1e2;}
#blocHome .card2 {border: 1px solid #96deed;}
#blocHome h2 {font-size: 1.3rem; font-weight: 300; line-height: 1.1;}
#blocEdito .card {border: inherit; background-color: #ebf9fd!important;}
#blocEdito .EditoTitle {background-color: #184376!important; color: #ffffff; font-size: 1rem; font-weight: 500;}

/*
#blocEdito .card {border: inherit; background: url("https://www.gnmhealthcare.com/rootKit/3244/IMG/bg2.png") no-repeat;
    background-color: #FFF;
    background-size: 959px 740px;}
 */


.border-2 {
    border-width: 1px!important;
}

.picto {font-size: 50px;
		border-radius: 50%;
    border: 3px solid #2aafe50d;
    padding: 20px;
    width: 100px;
    overflow: hidden;
    text-align: center;}

#TopArticles a {
    color: #4a4a4a;
}

#TopArticles a:hover {
    color: #0db1e2;
}

#TopArticles a.TopArtJournals {
    color: #4a4a4a;
    font-weight: 500;
}

#TopArticles a.TopArtJournals:hover {
    color: #4a4a4a;
    font-weight: 500;
}

#mobile a.Users {
    font-size: 1.8rem; color: #4a4a4a;
}

#mobile a.Users2 {
    font-size: 1.4rem; color: #4a4a4a;
}

#navbarNavMobile li.nav-item .nav-link {
   margin-top: 2px;
   margin-bottom: 0px;
}




a {
    color: #3673b9;
}

a:hover {
    color: #0db1e2;
}

.white {
    color: white
}

h2,
.h2 {
    color: #4a4a4a;
}

#Covid19 svg {
  fill: currentColor;
  color: #d9f4fc;
}

#HeaderHomeChild svg {
  fill: currentColor;
  color: #d9f4fc;
}

#HeaderHome svg {
  fill: currentColor;
  color: #d9f4fc;
}

.alert-primary {
    color: #4a4a4a;
    background-color: #f5f6f7;
    border-color: #eaeef2;
}

.border-primary {
    border-color: #0db1e2 !important;
}

.border-secondary {
    border-color: #265d96 !important;
}

.border-light {
    border-color: #dee2e6 !important;
}

.border-bis {
    border-color: #0db1e2 !important;
}

.border-dark {
    border-color: #4a4a4a !important;
}

.border-footer {
    border-color: #4484d0 !important;
}

.border-lightGrey {
    border-color: #ebebeb !important;
}

.border-search {
    border-color: #96deed !important;
}

.alert-warning {
    color: #4a4a4a;
    background-color: #d9f4fc;
    border-color: #d9f4fc;
}

.alert-light {
    color: inherit;
    background-color: #fbfcfc;
    border-color: #fbfcfc;
}

.input-group-text {
    color: #ffffff;
    background-color: #4a4a4a;
}

/* bg light bs5 */
.bg-light {
    background-color: #d9f4fc!important;
    background: #d9f4fc;
}
.bg-blanc {
    background: #FFFFFF;
}

/* bg black bs5 */
.bg-black, .bg-secondary {
    background-color: #4a4a4a!important;
    background: #4a4a4a;
}

.accordion-button:not(.collapsed) {
    color: #4a4a4a;
    background-color: #d9f4fc;
}

/* bleu clair demo */

.color1 {
    color: #0db1e2;
}


/* bg bleu clair demo */

.bgcolor1 {
    background-color: #0db1e2!important;
    background: #0db1e2;
}


/* Orange demo */

.color2 {
    color: #0db1e2;
}

/* Gris clair */

.color3 {
    color: #afafaf;
}

/* Txt light bis */

.color4 {
    color: #d5fc99;
}

.color5 {
    color: #4a4a4a;
}

.color6 {
    color: #3673B9;
}

.color7 {
    color: #0d9eca;
}

.color8 {color: #184376;}


.bgcolor2 {
    background-color: #0db1e2;
    background: #0db1e2;
}

.bgcolor3 {
    background-color: #d9f4fc!important;
}

.bgcolor4 {
    background-color: #4a4a4a!important;
}

.bgcolor5 {
    background-color: #fbfcfc!important;
}

.bgcolor6 {
    background-color: #d9f4fc!important;
}

.bgcolor7 {
    background-color: #ffffff!important;
}

.bgcolor8 {
    background-color: #4a4a4a!important;
}

.bgcolor9 {
    background-color: #fafafa!important;
}

.bgcolor10 {
    background-color: #184376!important;
}

.bgcolor11 {
    background-color: #0a305d!important;
}

.bgcolor12 {
    background-color: #ebf9fd!important;
}

.bgcolor13 {
    background-color: #f1fafd!important;
}



#gnm-preloader {
  position: fixed;
  top: 0; left: 0;
  width: 100%; height: 100%;
  background: #fff;
  z-index: 99999;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: opacity 0.4s ease;
}
#gnm-preloader.hidden {
  opacity: 0;
  pointer-events: none;
}
.gnm-spinner {
  position: relative;
  width: 64px;
  height: 64px;
}
.gnm-ring {
  position: absolute;
  border-radius: 50%;
  border: 4px solid transparent;
}
.gnm-ring-1 {
  width: 64px; height: 64px;
  top: 0; left: 0;
  border-top-color: #184376;
  border-right-color: #184376;
  animation: gnm-spin 1s cubic-bezier(0.4, 0, 0.2, 1) infinite;
}
.gnm-ring-2 {
  width: 46px; height: 46px;
  top: 9px; left: 9px;
  border-top-color: #0db1e2;
  border-left-color: #0db1e2;
  animation: gnm-spin 1.3s cubic-bezier(0.4, 0, 0.2, 1) infinite reverse;
}
.gnm-ring-3 {
  width: 28px; height: 28px;
  top: 18px; left: 18px;
  border-top-color: #a8e6f6;
  border-right-color: #a8e6f6;
  animation: gnm-spin 0.8s cubic-bezier(0.4, 0, 0.2, 1) infinite;
}
@keyframes gnm-spin {
  to { transform: rotate(360deg); }
}

.footer-area .footer-credit {
    padding-top: 35px; padding-bottom: 15px;
}

.footer-area .copyright {
    float: right
}

.footer-area .copyright li {
    text-transform: uppercase;
    font-size: 0.2rem;    
}

#BlocSearchHome .list-group-item {
    padding: inherit;
    text-decoration: none;
    font-size: 95%;
    border: inherit;
    background-color: inherit;
    color: #4a4a4a;

}

#footer .list-group-item {
    padding: inherit;
    text-decoration: none;
    font-size: 0.8rem;
    border: inherit;
    background-color: inherit;
    color: #2AAFE5;

}
#list-journals.list-group-item {
    position: relative;
    display: block;
    padding: inherit;
    padding-top: 5px;
    text-decoration: none;
    background-color: inherit;
    border: inherit;
    font-size: 0.85rem;
    color: #4a4a4a;
}

#contenu_column .list-group-item {
    position: relative;
    display: block;
    padding: inherit;
    padding-top: 5px;
    text-decoration: none;
    background-color: inherit;
    border: inherit;
    font-size: 0.85rem;
    color: #4a4a4a;
}

#editors .list-group-item {
    position: relative;
    display: block;
    padding: inherit;
    padding-top: 5px;
    text-decoration: none;
    background-color: inherit;
    border: inherit;
    font-size: 0.85rem;
    color: #4a4a4a;
}

#HomeChild .list-group-item {
    position: relative;
    display: block;
    padding: inherit;
    padding-top: 5px;
    text-decoration: none;
    background-color: inherit;
    border: inherit;
    font-size: 0.85rem;
    color: #4a4a4a;
}

#AboutUs .list-group-item {
    position: relative;
    display: block;
    padding: inherit;
    padding-top: 5px;
    text-decoration: none;
    background-color: inherit;
    border: inherit;
    font-size: 0.85rem;
    color: #4a4a4a;
}

#content_article_center h3 {font-weight: bold;}
#content_article_center b {font-weight: 400!important; color: #2AAFE5;}


.buttonBleu {
    background: #4a4a4a;
}

.text-primary {
    color: #4a4a4a!important;
}

.btn-primary {
    color: #fff;
    background-color: #4a4a4a;
    border-color: #4a4a4a;
}

.btn-primary:hover, .btn-primary:active {
    color: #fff;
    background-color:#0db1e2;
    border-color: #0db1e2;
}

.btn-website {
    color: #fff;
    background-color: #184376;
    border-color: #184376;
}

.btn-website:hover, .btn-primary:active {
    color: #fff;
    background-color:#0db1e2;
    border-color: #0db1e2;
}

.btn-secondary {
    color: #fff;
    background-color: #0db1e2;
    border-color: #0db1e2;
}

.btn-secondary:hover, .btn-secondary:active {
    color: #fff;
    background-color: #4a4a4a;
    border-color: #4a4a4a;
}

.btn-info {
    color: #fff;
    background-color: #0db1e2;
    border-color: #0db1e2;
}

.btn-info:hover, .btn-info:active {
    color: #fff;
    background-color: #4a4a4a;
    border-color: #4a4a4a;
}

.btn-outline-info  {
    color: #0db1e2;
    background-color: inherit;
    border-color: #0db1e2;
}

.btn-outline-info:hover, .btn-outline-info:active  {
    color: #4a4a4a;
    background-color: inherit;
    border-color: #4a4a4a;
}

.btn-light {
    color: #4a4a4a;
    background-color: #e7e7ea;
    border-color: #d7d7d9;
}

.btn-outline-primary  {
    color: #4a4a4a;
    background-color: inherit;
    border-color: #4a4a4a;
}

.btn-outline-primary:hover, .btn-outline-primary:active {
  color: #fff;
  background-color: #0db1e2;
  border-color: #0db1e2;
}

#scroll {
    background-color: #2AAFE5;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}

#card-article .card-header {
    padding: .5rem 1rem;
    margin-bottom: 0;
    background-color: #dee2e6;
    border-bottom: 1px solid #dee2e6;
}

#card-article .card {
    border: 1px solid #dee2e6;
}

.card {
   
    background-color: inherit;
    
    }

.iconfunctionalities {   
    padding: 0.2em 0.3em;
    font-size: 1.2em;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border: 2px solid #4a4a4a;
}

.iconfunctionalities2 {   
    padding: 0.2em 0.3em;
    font-size: 1.2em;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border: 2px solid #0db1e2;
}


/* =============================
    HEADER UPPER
================================ */

.header-upper {
    /* background: #f1fafd; */
    border-bottom: 1px solid rgb(240, 240, 240);
    text-transform: uppercase;
    font-size: 12px;
    line-height: 110%;
}

.header-upper a {
    font-weight: 400;
    color: #4a4a4a;
    text-decoration: none;
}

.header-upper a:hover {
    color: #0db1e2;
    text-decoration: none;
}

.header.header-4 .header-search a {
    box-shadow: none;
    border: 1px solid #41C585;
    color: #41C585
}

.header.header-4 .navbar {
    padding: inherit;
    padding-top: 15px;
}

.header.header-4 .navbar-nav .nav-item a.active {
    color: #2F80ED;
}

.navbar {display: inherit;}

.navbar-area .logo {
  width: 35%;
  transition: width 1s ease-in-out 0s;
}
.navbar-area .tinyLogo {
  width: 20%;
  transition: width 1s ease-in-out 0s;
}

.team-style-1 {
    padding: 0px;
    background: transparent;
}

#agenda h1 span {
    font-size: 2rem
}

.about-style-1 {
    background: none;
    padding: 0;
    position: inherit;
    z-index: inherit;
}

.pricing-style-2 {
    padding: 0;
    background: none;
}

.text-light {
    color: #0db1e2 !important;
}

.text-dark {
    color: #4a4a4a !important;
}

.btn-group-sm>.btn, .btn-sm {
    padding: 2px 10px;
}

.custombtn {
    padding: 5px 10px;
    font-size: 16px;
    font-weight: 500;
}

#contenu_article .custombtn {
    padding: 5px 8px;
    font-size: 14px;
    font-weight: 400;    
}

.tooltip .tooltip-inner {
  background-color: #4a4a4a;}

.bs-tooltip-top .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before {
  top: -1px;
  border-width: 0.4rem 0.4rem 0;
  border-top-color: #4a4a4a;
}

.bs-tooltip-start .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before {
  left: -1px;
  border-width: 0.4rem 0 0.4rem 0.4rem;
  border-left-color: #4a4a4a;
}

.navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .show>.nav-link {
    color: #4a4a4a;
    border-bottom: 2px solid #0db1e2;
    padding: inherit;
    margin-top: 5px;
    margin-bottom: 5px;
}

#navbarNavMobile .navbar-nav .nav-link.active, .navbar-nav .show>.nav-link {
    color: #4a4a4a;
    border-bottom: inherit;
    padding: inherit;
    margin-top: 5px;
    margin-bottom: 5px;
 }

.navbar-light .navbar-nav .nav-link {
    color: #4a4a4a;
    padding: inherit;
    margin-right: 1.1rem;
}

.navbar-toggler {
    padding: inherit;
    margin: inherit;
    border: inherit;
    border-radius: inherit;
}

.nav.subnavbar.navbar.navbar-expand-md {padding: inherit}
.subnavbar,
#subMenuSpe {background-color: white; /* z-index: 1021 */}



/* The sticky class is added to the header with JS when it reaches its scroll position */
.sticky3087 {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 99999
}

/* Page content */
.content {
/*   padding: 16px; */
}

/* Add some top padding to the page content to prevent sudden quick movement (as the header gets a new position at the top of the page (position:fixed and top:0) */
@media (max-width: 991.98px) {
  body {
    padding-top: 1rem;
    /* border: 10px solid orange */
  }
}
/* @media (max-width: 767.98px) {
  body {
    padding-top: 1rem;
    border: 10px solid blue
  }
} */
@media (max-width: 575.98px) {
  body {
    padding-top: 0rem;
    /* border: 10px solid yellowgreen */
  }
}
a.rating_left {
  color: #184376;
  text-decoration: none;
  font-size: 130%
}
a.rating_right {
  color: #0db1e2;
  text-decoration: none;
  font-size: 130%
}
a.rating {
  color: #0db1e2;
  text-decoration: none;
  font-size: 130%
}
a.rating_hover {
  color: #184376;
  text-decoration: none;
  font-size: 130%
}
a.rating:visited {
  color: #0db1e2;
  text-decoration: none;
  font-size: 130%
}
a.rating_hover:visited {
  color: #184376;
  text-decoration: none;
  font-size: 130%
}
a.rating:focus {
  color: #0db1e2;
  text-decoration: none;
  font-size: 130%
}
a.rating_hover:focus  {
  color: #184376;
  text-decoration: none;
  font-size: 130%
}

#banner{
	height: 270px;
	background-size: contain;
	background-size: cover;
	background-repeat: no-repeat
}

.h-210 {
    height: 310px;
}

 	@media (min-width: 576px) { .h-210 { height: 310px;} }

  @media (min-width: 768px) { .h-210 { height: 310px;} }

  @media (min-width: 992px) { .h-210 { height: 310px;} }

  @media (min-width: 1200px) { .h-210 { height: 240px;} }

.flip-card {
   background-color: transparent;
   height: 280px;
   perspective: 1000px; /* Remove this if you don't want the 3D effect */
  }

  @media (min-width: 576px) { .flip-card { height: 280px;} }

  @media (min-width: 768px) { .flip-card { height: 280px;} }

  @media (min-width: 992px) { .flip-card { height: 280px;} }

  @media (min-width: 1200px) { .flip-card { height: 240px;} }  
  
  
  /* This container is needed to position the front and back side */
  .flip-card-inner {
   position: relative;
   width: 100%;
   height: 100%;
   text-align: center;
   transition: transform 0.8s;
   transform-style: preserve-3d;
  }

  /* Do an horizontal flip when you move the mouse over the flip box container */
  .flip-card:hover .flip-card-inner {
   transform: rotateY(180deg);
  }

  /* Position the front and back side */
  .flip-card-front, .flip-card-back {
   position: absolute;
   width: 100%;
   height: 100%;
   -webkit-backface-visibility: hidden; /* Safari */
   backface-visibility: hidden;
  }

  /* Style the front side (fallback if image is missing) */
  .flip-card-front {
   /*background-color: #d9f4fc;*/
   background-image: linear-gradient(rgba(51, 61, 93, 0.2), rgba(255, 255, 255, 0.8)), url("https://www.gnmhealthcare.com/rootKit/3087/IMG/HomeChild-NL.png");
   color: #4a4a4a;
  }

  /* Style the back side */
  .flip-card-back {
   background-image: linear-gradient(rgba(228, 241, 254, 0.7), rgba(255, 255, 255, 0.9)), url("https://www.gnmhealthcare.com/rootKit/3087/IMG/White-img.png");
   color: white;
   transform: rotateY(180deg);
  }

  .bgimg-light {
   background-image: linear-gradient(rgba(228, 241, 254, 0.7), rgba(255, 255, 255, 0.9)), url("https://www.gnmhealthcare.com/rootKit/3087/IMG/White-img.png");
  }


.fixed-top50 {
  position: fixed;
  top: 50px;
  right: 0;
  left: 0;
  z-index: 1030;
}

.form-check-input:checked {
    background-color: #4a4a4a;
    border-color: #4a4a4a;
}

/* changer le picto hamburger en X */
.navbar-toggler>.close {
  display:inline;
}
.navbar-toggler.collapsed>.close, .navbar-toggler:not(.collapsed)>.navbar-toggler-iconn {
  display:none;
}

/* handle zoom on images in sliders */
.zoomHover {
	transition: transform .2s;
}

.zoomHover:hover {
	transform: scale(1.2);
}

#SliderPublishers .carousel-indicators {
    position: absolute;
    top: 160px;   
}

#SliderPublishers2 .carousel-indicators {
    position: absolute;
    top: 140px;   
}

#SliderJournals .carousel-indicators {
    position: absolute;
    top: 210px;   
}

#SliderJournals2 .carousel-indicators {
    position: absolute;
    top: 170px;   
}

.carousel-dark .carousel-indicators [data-bs-target] {
    background-color: #0db1e2;
}

.form-control {   
    color: #4a4a4a;
}

.form-select {   
    color: #4a4a4a;
}

#une {
    background-color: #ffffff;
    margin-top: -9vw;
    position: relative;
    border-radius: 0px;
    padding: 35px;
    box-shadow: 0px 0px 15px 0px rgb(215 215 217 / 70%);
    z-index: 9
}

/* slider */

#carouselWebsite .carousel-captionWebsite {
  position: absolute;
  right: 3%;
  left: 3%;
  text-align: center;
  /* gestion du vertical center dans le caption du slide */
  top: 23%;
  transform: translateY(-40%);
  bottom: initial; 
}

.welcome-text-area h2 {
  font-weight: 300;
  color: #4a4a4a;
  font-size: 30px;
}
.welcome-text-area2 h2 {
  font-weight: 300;
  color: #0db1e2;
  font-size: 30px;
}

.bottomsvg{
  bottom:0px; 
  right:0px;
  width: 100%;
  height: 100%;
  background-size: auto;
  position:absolute;
  z-index: -1;
  background-image: url("https://www.gnmhealthcare.com/rootKit/3124/Homepage/images/test.svg");
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: right bottom;}
  
.button {
    height: 44px;
    font-size: 18px;
    font-weight: 400;
    box-sizing: border-box;
    line-height: 1;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    background: #0db1e2;
    color: #ffffff;
    border: 1px solid transparent;
/*     position: relative;
    z-index: 1; */
    padding: 0 25px;
    overflow: hidden;
}





/* Menu website */

.header{background:#fff;width:100%;}
.navbar{padding:0px 0;transition:all .3s ease-out 0s;}


.navbar-collapse{position:absolute;top:100%;left:0;width:100%;background-color:#fff;z-index:10;box-shadow:0 15px 20px 0 rgba(50,52,80,.1);padding:5px 12px}
.navbar-toggler:focus{outline:0;box-shadow:none}
.navbar-toggler .toggler-icon{width:30px;height:2px;background-color:#323450;display:block;margin:5px 0;position:relative;transition:all .3s ease-out 0s}
.navbar-toggler.active .toggler-icon:nth-of-type(1){transform:rotate(45deg);top:7px}
.navbar-toggler.active .toggler-icon:nth-of-type(2){opacity:0}
.navbar-toggler.active .toggler-icon:nth-of-type(3){transform:rotate(135deg);top:-7px}
.navbar-nav .sub-nav-toggler span{width:8px;height:8px;border-left:1px solid #000;border-bottom:1px solid #000;transform:rotate(-45deg);position:relative;top:-5px}
.navbar-brand, .navbar-toggler{padding:0}
.navbar-brand {width:50%;}
.navbar-brand img{width:100%;}



.navbar-nav .nav-item a{display:inline-block;padding:0px;transition:all .3s ease-out 0s;z-index:1;}
.navbar-nav .sub-nav-toggler{display:block;position:absolute;right:0;top:0;background:0 0;color:#000;font-size:18px;border:0;width:30px;height:30px}
.navbar-nav .nav-item a::after{top:auto;bottom:5px}
.navbar-nav .nav-item:hover .sub-menu{top:100%;opacity:1;visibility:visible}

.navbar-nav .nav-item:hover .sub-menu{top:0}
.navbar-nav .nav-item .sub-menu{width:200px;background-color:#fff;box-shadow:0 0 20px 0 rgba(0,0,0,.1);position:absolute;top:110%;left:0;opacity:0;visibility:hidden;transition:all .3s ease-out 0s}
.navbar-nav .nav-item .sub-menu li{display:block}
.navbar-nav .nav-item .sub-menu li a{display:block;padding:8px 20px;}
.navbar-nav .nav-item .sub-menu li a.active, .navbar-nav .nav-item .sub-menu li a:hover{padding-left:25px;}


.header.header-1 .navbar-nav .nav-item a::before,.header.header-4 .navbar-nav .nav-item a::before{top:auto;bottom:5px}
.header.header-1 .navbar-nav .nav-item a::after,.header.header-4 .navbar-nav .nav-item a::after{top:0;left:0}
.header.header-1 .navbar-nav .nav-item a::before,.header.header-4 .navbar-nav .nav-item a::before{right:0;bottom:0}

.header.header-2 .navbar-nav{margin-bottom:15px}
.header.header-2 .navbar-nav .nav-item, .header.header-4 .navbar-nav .nav-item{margin-right:40px}
.header.header-2 .navbar-nav .nav-item a::after{content:'';position:absolute;width:0;height:2px;background:#2f80ed;transition:all .3s ease-out 0s;left:0;top:0}
.header.header-2 .navbar-nav .nav-item a.active::after,.header.header-2 .navbar-nav .nav-item a:hover::after{width:100%}

.header.header-1 .header-search,.header.header-4 .header-search{position:relative;right:0px;}
.header.header-1 .header-search:hover form,.header.header-4 .header-search:hover form{opacity:1;visibility:visible;top:100%}
.header.header-1 .header-search a,.header.header-4 .header-search a{width:44px;height:44px;border-radius:50%;background:#fff;font-size:16px;color:#585978;display:flex;justify-content:center;align-items:center;box-shadow:0 5px 25px rgba(218,211,211,.3)}
.header.header-1 .header-search form,.header.header-4 .header-search form{position:absolute;top:120%;right:0;width:290px;background:#fff;box-shadow:0 5px 25px rgba(218,211,211,.3);padding:30px 20px;border-radius:10px;transition:all .3s ease-out 0s;opacity:0;visibility:hidden;z-index:9}
.header.header-1 .header-search form input,.header.header-4 .header-search form input{width:100%;border:1px solid #e9e9e9;padding:5px 10px}


@media (min-width:992px){
    .navbar-brand {width:30%;}
    .navbar-nav .sub-nav-toggler{display:none}
    .navbar-collapse{position:relative;box-shadow:none;padding:0px}
    .navbar-nav .nav-item a{margin-left:12px;margin-right:12px;margin-bottom:0px; margin-top:5px;position:relative;}
    .navbar-nav a.dropdown-item {margin:10px;}
  
    .header.header-1 .header-search,.header.header-4 .header-search{position:relative;z-index:1000;}
    .navbar-nav .nav-item .sub-menu{position:relative;width:100%;top:0;display:none;opacity:1;visibility:visible}

    .navbar-brand img{transition:all 0.3s ease-in-out;}
    .tinyHeader .navbar-brand img{width:100%;}
    .tinyHeader .navbar-nav .nav-item a{margin:12px;transition:all 0.3s ease-in-out; padding: inherit;}
       
    .navbar-expand-lg .navbar-nav .nav-link {padding-right: inherit; padding-left: inherit;}
}




/* ============================= 
    HEADER navbar
================================ */

.header-upper {line-height: 18px;font-size: 12px;position: relative;padding-top: 10px; padding-bottom: 10px;}
.header-upper a {font-weight: 400;color: #4a4a4a;text-decoration: none;}
.header-upper a:hover {text-decoration: none;}
.header-upper .lgchoice a {font-weight: 600;color: #0db1e2;text-decoration: none;}
.header-upper .lgchoice a:hover {color: #0db1e2; text-decoration: underline;}

.header.header-1 .navbar, .header.header-4 .navbar {padding-top: 0px;}



.header.header-1 .navbar-nav .nav-item a:hover,
.header.header-1 .navbar-nav .nav-item a.active 
{ color: #0FE8D7; }



.header.header-1 .header-search form {width: 330px;}
.header.header-1 .navbar-nav .nav-item a{color:rgba(54,115,185,1); font-size: 14px; font-weight: 600;}

.header.header-1 .navbar-nav .nav-item .text-gradient {
    color: #0DB1E2;
}

.header.header-1 .dropdown:hover .dropdown-menu{display:block;}
.header.header-1 .dropdown-menu{top:80%;height:auto;}


@media (min-width: 992px) {
.header.header-1 .header-search form {width: 400px;}
.header.header-1 .navbar-nav .nav-item a{text-align: center;}

}

@media (max-width: 1199px) and (min-width: 992px)  {
    .header.header-1 .navbar-nav .nav-item a{font-size:0.8em;}
}

.shadownut {box-shadow:0px 0px 20px 0px rgba(215,215,217,0.7);border-radius: 10px;border:none;}
.shadownut2 {box-shadow:0px 0px 15px 0px rgba(215,215,217,0.7);border-radius: 10px;border:none;}

/* Menu End */

#optin-ads {
  padding: 20px 25px 30px 25px;
  border: 1px solid #1a3967;
  border-radius: 10px;
  color: #1a3967;
  text-align: center; /* Centre le texte horizontalement */
  display: flex; /* Utilise flexbox pour le centrage */
  justify-content: center; /* Centre le contenu horizontalement */
  align-items: center; /* Centre le contenu verticalement */
  flex-direction: column; /* Aligne le contenu en colonne */
}


#optin-ads .h1 {
  font-size: 2em;
  font-weight: bolder
}

#optin-ads p {
  color: #1a3967;
  margin-top: 22px;
  margin-bottom: 22px;
  line-height: 1.5; /* Définit une hauteur de ligne de 1.5 */
}
#optin-ads-button {
  display: inline-block; /* Permet de définir les dimensions du bouton */
  padding: 15px 30px; /* Ajuste le rembourrage interne du bouton */
  font-size: 16px; /* Définit la taille de la police */
  font-weight: bold; /* Rend le texte en gras */
  color: #ffffff; /* Couleur du texte en blanc */
  background-color: #1a3967; /* Couleur de fond du bouton */
  border: none; /* Supprime toute bordure par défaut */
  border-radius: 50px; /* Arrondit les bords du bouton */
  text-align: center; /* Centre le texte à l'intérieur du bouton */
  text-decoration: none; /* Supprime le soulignement du lien */
  cursor: pointer; /* Change le curseur en main au survol */
  box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1); /* Ajoute une ombre */
}

#optin-ads-button:hover {
  background-color: #0f9bd7; /* Change la couleur de fond au survol */
}

#travel_disease_radar{background-color: #F1FAFD}




/* Page congres PDF */
.clickable-row {
  transition: all 0.3s ease;
  border-radius: 8px;
}
.clickable-row:hover {
  background-color: #E4F1FE; /* léger bleu clair */
  transform: scale(1.01);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12);
}

#congressPDF {}
#congressPDFcontainer h3, #congressPDF h3{ font-size: 42px}
#congressPDFcontainer h4, #congressPDF h4{ font-size: 30px}
#congressPDFcontainer h4, #congressPDF h4{ line-height:30px; }
#congressPDFcontainer img {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); margin-top: 10px
}
#congressPDF p {color: #323450; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);}
#congressPDF .card { border:0px; transition: transform 0.3s ease, box-shadow 0.3s ease; text-align:center }
#congressPDFcontainer .card { border:0px; text-align:center }
#congressPDF .card:hover { transform: translateY(-5px); box-shadow: 0 5px 15px rgba(53, 29, 190, 0.1); }
#congressPDF .btn-congressPDF {color: #fff;background-color: #FC8D15;border-color: #FFFFFF;}
#congressPDF .btn-congressPDF:hover {color: #E4F1FE; background-color: #19355D; border-color: #ffab52;}
#congressPDF .btn-congressPDF:focus { color: #43AFDE; background-color: #ffffff; border-color: #2d18a2; box-shadow: 0 0 0 0.25rem rgba(53, 29, 190, 0.25);}
#congressPDF .btn-congressPDF:active { color: #fff; background-color: #271586; border-color: #271586;}

.shadowpaper {
  position: relative;
  display: inline-block;
  overflow: hidden;
}

.shadowpaper img {
  border-top-left-radius: 8px;  /* Coin en haut à gauche */
  border-top-right-radius: 8px; /* Coin en haut à droite */
}

.shadowpaper::before,
.shadowpaper::after {
  content: '';
  position: absolute;
  bottom: -10px;
  width: 80%;
  max-width: 250px;
  height: 15px;
  background: rgba(0, 0, 0, 0.3);
  filter: blur(8px);
 
}

.shadowpaper::before {
  left: 5%;
  transform: rotate(-3deg);
}

.shadowpaper::after {
  right: 5%;
  transform: rotate(3deg);
}


/* Accueil cards */
/* ----- SCOPE : uniquement ce bloc de cards ----- */
.cards-secondary > [class*="col-"] { display:flex; }         /* étire les colonnes */
.cards-secondary .card-link-wrapper { display:block; height:100%; color:inherit; text-decoration:none; }
.cards-secondary .card-tile { height:100%; min-height:360px; display:flex; flex-direction:column; border-radius:1.25rem; overflow:hidden; transition:transform .25s ease, box-shadow .25s ease; }
.cards-secondary .card-tile:hover { transform:translateY(-6px) scale(1.02); box-shadow:0 12px 28px rgba(0,0,0,.25); }

/* ----- CARD 1 ----- */
#card1{ border:0; background:linear-gradient(180deg,#30c6ee 0%,#1098d6 100%); color:#fff; box-shadow:0 10px 28px rgba(0,0,0,.18); }
#card1 .eyebrow{ font-weight:800; letter-spacing:.05em; text-transform:uppercase; font-size:.85rem; color:#fff; }
#card1 .date-pill{ display:inline-block; padding:.4rem .3rem; border-radius:50px; background:#FFFEB2; color:#0a6cae; font-weight:700; font-size:.7rem; box-shadow:0 4px 12px rgba(0,0,0,.12); }
#card1 h3 {
  font-size: 1.2rem;
  line-height: 1.3;
}

/* ↓ En md et moins (≤ 991.98px) */
@media (max-width: 991.98px) {
  #card1 h3 {
    font-size: 1rem;
    line-height: 1.25;
  }
}
#card1 p{ font-size:.95rem; line-height:1.5; opacity:.95; }
#card1 .btn{ border-radius:50px; font-size:.95rem; font-weight:700; text-transform:uppercase; letter-spacing:.02em; transition:all .2s ease-in-out; }
#card1 .btn:hover{ background:#e6f0ff; color:#004080; transform:scale(1.05); }
#card1 .avatar img {
  width: auto; /* comportement par défaut sur grand écran */
  max-width: 100%;
  height: auto;
}

@media (max-width: 575.98px) {
  #card1 .avatar img {
    width: 60%;       /* 55% de la largeur du conteneur */
    margin: 0 auto;   /* centre l’image */
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  #card1 .avatar img {
    width: 40%;       /* pareil pour les écrans sm */
  }
}


/* ----- CARD 2 ----- */
#card2{ background-image:url("https://www.gnmhealthcare.com/rootKit/3244/IMG/card2-bg.webp"); background-size:cover; background-position:center; color:#fff; }
#card2 .custom-divider{ height:4px; background:#fff; border:0; width:140px; opacity:1; border-radius:2px; margin-left:0; }

/* ----- CARD 3 ----- */
#card3{ position:relative; overflow:hidden; background-image:url("https://www.gnmhealthcare.com/rootKit/3244/IMG/card3-bg.webp"); background-size:cover; background-position:center; color:#fff; text-shadow:0 1px 6px rgba(0,0,0,0.85); }
#card3::before{ content:""; position:absolute; inset:0; background:radial-gradient(ellipse 92% 68% at 50% 44%, rgba(6,24,46,0.58) 0%, rgba(6,24,46,0.34) 52%, rgba(6,24,46,0) 100%); pointer-events:none; z-index:0; }
#card3 > div{ position:relative; z-index:1; }
#card3 .eyebrow{ letter-spacing:.08em; font-weight:800; }
#card3 p{ font-size:16px !important; font-weight:600; line-height:1.45; text-shadow:0 1px 5px rgba(0,0,0,0.9); }

/* ----- CARD 4 ----- */
/* ----- CARD 4 ----- */
#card4 {
  position: relative; 
  background-image: url("https://www.gnmhealthcare.com/rootKit/3244/IMG/card4-bg.webp");
  background-size: cover;
  background-position: center;
  color: #fff;
  text-shadow: 0 2px 4px rgba(0,0,0,0.65);
  border-radius: 1.25rem;
  overflow: hidden;
}

#card4 .cta-band {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(8,32,64,.85);
  padding: 1rem 1.25rem;
}

#card4 .cta-btn {
  display: inline-block;
  padding: 0.75rem 1.5rem;
  border-radius: 50px;
  font-size: 1rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.02em;
  border: none;
  background: #fff;
  color: #082040;
  cursor: pointer;
  transition: all 0.25s ease-in-out;
}

#card4 .cta-btn:hover {
  background: #e6f0ff;
  color: #004080;
  transform: scale(1.05);
}

/* Option: un peu plus compact sur mobile */
@media (max-width: 575.98px){
  .cards-secondary .card-tile{ min-height:400px; }
}








/* Webinar 2025 */

#webinar2025_container{
  box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important;
  border-radius: 4px;
  background-color: #FBF6F1
}

.live-badge {
  position: absolute;
  top: -50px;   /* valeur par défaut */
  right: 15px;
  z-index: 10;
}

/* Pour la vue lg et au-delà */
@media (min-width: 992px) {
  .live-badge {
    top: -15px;
  }
}

#webinar2025 {
  background-image: url("https://www.gnmhealthcare.com/rootKit/3244/EVENTS/2026-webinar-typhoid/bg-webinar.jpg");
  background-repeat: no-repeat; /* Empêche la répétition de l'image */
  background-position: center -10px; /* Centre horizontalement et remonte de 300px verticalement */
  background-size: cover; /* Ajuste pour couvrir l'élément tout en gardant les proportions */
  background-position: center -100px;
}

@media (max-width: 768px) { 
  #webinar2025 {
   background-position: center 0px; /* Centre horizontalement et remonte de 300px verticalement */ 
   padding-bottom: 32px;
  }
}

#webinar2025xpert .avatar {
  width: 100%;
}

/* Conteneur des drapeaux (centré sous l'avatar) */
#webinar2025xpert .flags{
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 50%);
    display: flex;
    gap: 6px;
    align-items: center;
    justify-content: center;
}

/* Chaque drapeau */
#webinar2025xpert .flag{
    width: 42px;
    border: none;
    box-shadow: none;
}

  #webinar2025xpert .avatar {
    width: 65% !important;
  }
  
#webinar2025xpert .speaker-bio{
      font-size: clamp(12px, 1.1vw, 14px); /* fluide selon l'écran */
      line-height: 1.45;                   /* lisibilité propre */
      text-shadow: 0 2px 8px rgba(0,0,0,0.8);
  }


.webinar2025_Title{
  color: #FFFFFF;
  background-color: #FFFFFF;
  border-radius: 25px;
  display: inline-block; /* Ajuste la taille au texte seulement */
}

.webinar2025_Title2{
  color: #654386;
  background-color: #FFF;
  border-radius: 4px;
  display: inline-block; /* Ajuste la taille au texte seulement */
}

.webinar2025_Title3{
  color: #FFFFFF;
  background-color: #654386;
  border-radius: 4px;
  display: inline-block; /* Ajuste la taille au texte seulement */
}

#webinar2025 h1 {
    color: #FFFFFF;
    font-size: 3rem;
    text-shadow: 0 2px 6px rgba(54, 54, 54, 0.8);
}

/* Media Query pour les écrans XS et SM */
@media (max-width: 768px) { /* Cible les écrans SM et XS */
  #webinar2025 h1 {
    font-size: 2.25rem; /* Réduit la taille à 36px (relative à 16px) */
  }
}

#webinar2025 .date {
  color: #ffffff !important
  
  
}

.custom-divider {
  all: unset; /* Supprime tous les styles par défaut du navigateur */
  display: block; /* Rend le comportement plus prévisible */
  height: 8px; /* Hauteur du diviseur */
  background-color: #ffffff; /* Couleur du diviseur */
  border-radius: 7px; /* Angles arrondis */
  width: 25%; /* Largeur par défaut pour les grands écrans */
}

/* Largeur en petit écran */
@media (max-width: 768px) {
  .custom-divider {
    width: 50%; /* Largeur pour les écrans plus petits */
  }
}
#webinar2025details{
}

#webinar2025xpert {
  color: #654386 !important
}

#webinar2025xpert img {
  border: 5px solid #654386;
  /* margin-top: -100px; */
}
/* Annuler le margin-top pour les petits écrans */
/* @media (max-width: 768px) {
  #webinar2025xpert img {
    margin-top: 0; /* Annule le margin-top pour les petits écrans */
  }
} */

#webinar2025xpert {
  /* background-color: #c00503; */
  color: #FFFFFF !important;
}

@media (max-width: 768px) {
  #webinar2025xpert {
    padding-top: 30px; /* Annule le margin-top pour les petits écrans */
  }
}

#webinar2025xpert .d-flex {
  position: relative;
  z-index: 2;
}
#webinar2025programme {
  
}

#webinar2025programme .redspan {
  color: #654386;
}
#webinar2025programmeDetails{
  background-color: #FFFFFF;
  }

#webinar2025programmeDetails h2 {
  margin-top: -160px;
  color: #002252;
  text-transform: uppercase;
  font-size: 10px;
}

#webinar2025programmeDetails .divider {
  width: 70%;
  height: 1px;
  background-color: rgba(231, 46, 222, 0.5);
  margin: 40px auto 30px;  /* Centrer le divider avec 'auto' à gauche et à droite */
}

.btn-willebrand-webianrs-2025-light {
  border: 5px solid #654386;
  color: #654386 !important;
  background-color: white
}

.btn-willebrand-webianrs-2025-light:hover {
  background-color: #654386;
  color: white !important;
  border-color: white; /* Change border color on hover */
}

.btn-willebrand-webianrs-2025-light a {
  color: #654386 !important;
  text-decoration: none;
}

.btn-willebrand-webianrs-2025-light:hover a {
  color: white !important;
}

#countdown {
  padding: 2rem;
  background: linear-gradient(135deg, #FBF6F1, #826A9A);
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}

#countdown li {
  display: inline-block;
  font-size: 1.5em;
  list-style-type: none;
  padding: 1em;
  text-transform: uppercase;
}

#countdown li span {
  display: block;
  font-size: 4.5rem;
  line-height: 1.2; /* hauteur adaptée au texte */
}

.divider {
  width: 60px;
  height: 2px;
  background-color: #ffa1cc; /* Rose/rose fuchsia Bootstrap */
  border-radius: 2px;
}

.de-em {
   font-weight: 700;
}

/* Onglet actif */
#myTab .nav-pills .nav-link.active {
    color: #654386;
    background-color: inherit;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 19px;
    border-bottom: 3px solid #654386;
    border-radius: inherit;
    padding-left: inherit;
    padding-right: inherit;
}

/* Onglets normaux */
#myTab .nav-pills .nav-link {
    color: #654386;
    background-color: inherit;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 19px;
    border-radius: inherit;
    padding-left: inherit;
    padding-right: inherit;
}

#archivecontainer h3, #congressPDF h3 { font-size: 42px; }
#archivecontainer h4, #congressPDF h4 { font-size: 30px; }
#archivecontainer h4, #congressPDF h4 { line-height: 30px; }
#archivecontainer img { box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); margin-top: 10px; }
#archivecontainer .card { border: none; }
#archivecontainer .list-group-item { background-color: transparent !important; }
#archivecontainer .divider { width: 50%; height: 2px; background-color: var(--orange); border-radius: 2px; }
#archivecontainer .badge {
  background-color: #0DB1E2 !important;
  color: #fff; /* texte en blanc pour la lisibilité */
}

.clickable-row { transition: all 0.3s ease; border-radius: 8px; }
.clickable-row:hover { background-color: #f5f8ff; transform: scale(1.01); box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12); }

.yt-thumb {
  position: relative;
  display: inline-block;
  overflow: hidden;
}

.yt-thumb img {
  display: block;
  width: 100%;
  height: auto;
  filter: brightness(75%); /* assombrit un peu l'image */
}

/* Icone FA */
.yt-thumb .fa-play-circle {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 6rem;        /* taille de l'icône */
  color: #fff;            /* blanc */
  opacity: 0.9;
  text-shadow: 0 4px 10px rgba(0,0,0,0.6);
  transition: transform 0.2s ease, opacity 0.2s ease;
}

/* Hover */
.yt-thumb:hover .fa-play-circle {
  transform: translate(-50%, -50%) scale(1.1);
  opacity: 1;
}





/* === Picto Contents Row === */
.p3-picto-grid { display: grid; grid-template-columns: repeat(4, 1fr); border-top: 3px solid #184376; }
.p3-picto-cell { display: flex; flex-direction: column; justify-content: space-between; padding: 28px 28px 24px; border-right: 1px solid #dee2e6; border-bottom: 1px solid #dee2e6; text-decoration: none; color: inherit; transition: background .15s ease; }
.p3-picto-cell:last-child { border-right: none; }
.p3-picto-num { font-family: 'Montserrat', sans-serif; font-size: 3.2rem; font-weight: 900; color: #184376; line-height: 1; margin-bottom: 8px; }
.p3-picto-title { font-family: 'Montserrat', sans-serif; font-size: .8rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: #184376; margin-bottom: 10px; line-height: 1.35; }
.p3-picto-desc { font-family: 'Montserrat', sans-serif; font-size: .72rem; font-weight: 300; color: #6c757d; line-height: 1.6; margin-bottom: 20px; }
.p3-picto-cta { font-family: 'Montserrat', sans-serif; font-size: .65rem; font-weight: 600; letter-spacing: .12em; text-transform: uppercase; color: #184376; display: inline-flex; align-items: center; gap: 8px; transition: color .15s ease, gap .2s ease; }
.p3-picto-cta::after { content: '\2192'; font-size: .8rem; }
.p3-picto-cell:hover { background: #eef2f8; }
.p3-picto-cell:hover .p3-picto-cta { color: #0db1e2; gap: 12px; }
@media (max-width: 992px) { .p3-picto-grid { grid-template-columns: repeat(2, 1fr); } .p3-picto-cell:nth-child(2) { border-right: none; } .p3-picto-cell:nth-child(3), .p3-picto-cell:nth-child(4) { border-bottom: none; } }
@media (max-width: 576px) { .p3-picto-grid { grid-template-columns: 1fr; } .p3-picto-cell { border-right: none; } .p3-picto-cell:last-child { border-bottom: none; } }


/* =============================================================
   NAVBAR POLISH - impeccable pass (2026-07-01)
   Charte Travel Health Xpert : Montserrat, cyan #0db1e2, bleu nav #3673b9
   ============================================================= */

/* Logo : affordance clic (retour home) */
.navbar-brand{transition:opacity .2s ease;}
.navbar-brand:hover{opacity:.85;}

/* Nav items : interlettrage uppercase + transition couleur */
.header.header-1 .navbar-nav .nav-item a{letter-spacing:.04em;transition:color .2s ease;}

/* Cyan de marque au lieu du mint hors-charte #0FE8D7 */
.header.header-1 .navbar-nav .nav-item a:hover,
.header.header-1 .navbar-nav .nav-item a.active{color:#0db1e2;}

/* Soulignement d'etat (desktop) : hover grandit, actif plein (you-are-here) */
@media (min-width:992px){
  .header.header-1 .navbar-nav .nav-item a{position:relative;}
  .header.header-1 .navbar-nav .nav-item a::after{
    content:"";position:absolute;left:0;right:0;top:auto;bottom:-3px;height:2px;
    background:#0db1e2;transform:scaleX(0);transform-origin:left center;
    transition:transform .28s cubic-bezier(.22,1,.36,1);
  }
  .header.header-1 .navbar-nav .nav-item a:hover::after,
  .header.header-1 .navbar-nav .nav-item a.active::after{transform:scaleX(1);}
}
@media (prefers-reduced-motion:reduce){
  .header.header-1 .navbar-nav .nav-item a::after{transition:none;}
}

/* Loupe de recherche : feedback hover cyan + ombre froide + lift */
.header.header-1 .header-search a{transition:color .2s ease,box-shadow .2s ease,transform .2s ease;}
.header.header-1 .header-search a:hover{color:#0db1e2;box-shadow:0 8px 22px rgba(13,177,226,.20);transform:translateY(-1px);}

/* Header-upper : transitions + etat hover du badge + tracking langue */
.header-upper a{transition:color .2s ease;}
.header-upper .badge2{transition:background-color .2s ease,transform .2s ease;}
.header-upper a.badge2:hover{background-color:#0a97c2!important;transform:translateY(-1px);}
.header-upper .lgchoice{letter-spacing:.03em;}


/* =============================================================
   LOGO SHRINK ON SCROLL (2026-07-01)
   Repos = grand ; .tinyHeader (ajoute par script.js au scroll > 30) = petit.
   Le logo est pilote par la HAUTEUR (SVG, width auto) ; on libere la
   contrainte width:30% du .navbar-brand qui bornerait la taille.
   ============================================================= */
.header.header-1 .navbar-brand{width:auto;}
.header.header-1 .navbar-brand img{height:56px;width:auto;max-width:none;transition:height .3s ease-in-out;}
.header.header-1.tinyHeader .navbar-brand img{height:44px;}

@media (min-width:992px){
  .header.header-1 .navbar-brand img{height:82px;}
  .header.header-1.tinyHeader .navbar-brand img{height:50px;}
}

/* Legere profondeur quand la barre est en mode compact */
.header.header-1{transition:box-shadow .3s ease;}
.header.header-1.tinyHeader{box-shadow:0 2px 14px rgba(37,44,98,.07);}


/* =============================================================
   SEARCH DROPDOWN THX (2026-07-01) - portage du pattern 2637,
   charte THX (Montserrat, cyan #0db1e2 / bleu #3673b9), icones FA.
   ============================================================= */
.header-search-dd .thx-search-btn{width:44px;height:44px;border-radius:50%;background:#fff;color:#3673b9;display:inline-flex;align-items:center;justify-content:center;font-size:16px;box-shadow:0 5px 22px rgba(37,44,98,.10);cursor:pointer;transition:color .2s ease,box-shadow .2s ease,transform .2s ease;}
.header-search-dd .thx-search-btn:hover,.header-search-dd .thx-search-btn.show{color:#0db1e2;box-shadow:0 8px 22px rgba(13,177,226,.20);transform:translateY(-1px);}

.dropdown-menu.search-dropdown{min-width:min(520px,92vw);border:1px solid #e6e8ee;border-radius:14px;border-top:3px solid #0db1e2;box-shadow:0 18px 50px rgba(37,44,98,.16);margin-top:.55rem;}
.search-dropdown .search-dd-title{font-family:'Montserrat',sans-serif;font-weight:700;color:#184376;font-size:.95rem;}
.search-dropdown .search-bar .form-control{font-size:.95rem;box-shadow:none;}
.search-dropdown .search-bar:focus-within .form-control,.search-dropdown .search-bar:focus-within .input-group-text{border-color:#0db1e2;}
.search-dropdown .search-bar .input-group-text{color:#0db1e2;}
.btn-thx-search{background:#0db1e2;border:0;color:#fff;}
.btn-thx-search:hover,.btn-thx-search:focus{background:#0a97c2;color:#fff;}

.search-chip{display:inline-block;padding:.3rem .85rem;border:1px solid #e6e8ee;border-radius:30px;font-size:.8rem;font-weight:600;color:#3673b9;background:#f4f9fc;text-decoration:none;transition:border-color .2s ease,color .2s ease,background .2s ease;}
.search-chip:hover{border-color:#0db1e2;color:#0db1e2;background:#fff;}

.adv-search-link{font-family:'Montserrat',sans-serif;font-weight:600;font-size:.8rem;color:#3673b9;display:inline-flex;align-items:center;gap:.4rem;text-decoration:none;}
.adv-search-link:hover{color:#0db1e2;}
.adv-search-link i{transition:transform .2s ease;}
.adv-search-link:hover i{transform:translateX(2px);}

@media(max-width:991.98px){.dropdown-menu.search-dropdown{min-width:min(520px,86vw);}}

/* Search dropdown THX : ouverture forcee vers la gauche (aligne a droite du trigger) */
.header-search-dd .dropdown-menu.search-dropdown{right:0 !important;left:auto !important;transform:none !important;}

/* compteur d'articles du dropdown (STANDARD pattern 2637, 07/07/2026) */
.search-dropdown .search-count{font-size:.7rem;font-weight:700;color:#184376;background:rgba(13,177,226,.1);border-radius:20px;padding:.15rem .55rem;white-space:nowrap;}

/* ==========================================================================
   THX cid_3244 - Article typography + recirculation block
   Added 2026-09-03. Scoped to .show_fulltext / #contenu_article so the rest
   of the site (home, listings, forms) is untouched. Covers EN and FR: single
   custom.css for both languages.
   ========================================================================== */

/* --- 1. Reading measure ------------------------------------------------- */
/* Montserrat has a tall x-height and wide geometric forms: it needs more
   leading than the site-wide 1.4 to stay readable over long clinical copy. */
#contenu_article {
  font-size: 1.0625rem;
  line-height: 1.65;
}

#contenu_article > p,
#contenu_article > ul,
#contenu_article > ol {
  max-width: 68ch;
  margin-bottom: 1.3em;
}

#contenu_article > ul,
#contenu_article > ol {
  padding-left: 1.35em;
}

#contenu_article > ol > li,
#contenu_article > ul > li {
  margin-bottom: .5em;
}

/* Word paste leaves hard font-size / indent on inline spans, which breaks the
   scale on every article. Absorb it here rather than per article. */
#contenu_article > p span[style*="font-size"],
#contenu_article > p font[size] {
  font-size: inherit !important;
}

/* Real Word indents only: "margin-left:0cm" is on every pasted paragraph. */
#contenu_article > p[style*="margin-left"]:not([style*="margin-left:0"]) {
  margin-left: 0 !important;
  padding-left: clamp(.75rem, 3vw, 2rem);
}

/* --- 2. Article title --------------------------------------------------- */
/* text-wrap: pretty, not balance: balance evened the two lines out and left
   a hole on the right, which reads as a premature break. */
#contenu_article h2.my-2 {
  font-size: clamp(1.5rem, calc(1.15rem + 1.6vw), 1.9rem);
  font-weight: 600;
  line-height: 1.18;
  letter-spacing: -.015em;
  text-wrap: pretty;
  margin-top: 0 !important;
  margin-bottom: .45em !important;
}

/* --- 3. Metadata line --------------------------------------------------- */
/* Uppercase always needs opened tracking. */
.show_fulltext .small2.text-uppercase {
  font-size: .8125rem;
  line-height: 1.35;
  letter-spacing: .06em;
}

/* One service tier for the whole utility line. Breadcrumb, reading time and
   the rating label were riding on the article base size (17px), so they read
   louder than the 13px publication date sitting next to them. */
.show_fulltext ol.breadcrumb,
.show_fulltext ol.breadcrumb i,
.show_fulltext .border-bottom.border-dark .list-inline-item,
.show_fulltext .border-bottom.border-dark .list-inline-item i {
  font-size: .8125rem;
  line-height: 1.4;
}

.show_fulltext ol.breadcrumb {
  letter-spacing: .01em;
  margin-bottom: 0;
}

/* Keep the rating target comfortable even though its label shrank. */
.show_fulltext a[id^="rating_"] {
  font-size: 1.375rem;
  line-height: 1;
}

/* --- 4. Standfirst ------------------------------------------------------ */
/* Was identical to body copy (16/1.4/400), only told apart by colour. */
#breve_content {
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.55;
  max-width: 62ch;
}

/* The standfirst panel had no bottom margin: body copy butted against it. */
.show_fulltext .bgcolor13 {
  margin-bottom: 1.75rem;
}

/* --- 5. "Back to the list" button --------------------------------------- */
/* Three padding rules stacked on this button (.btn-sm 2px/10px, .custombtn
   5px/10px, #contenu_article .custombtn 5px/8px) and the flex parent
   stretched it to breadcrumb height, so the label sat off-centre in a box it
   did not size. Settle it in one place; needs the id to outrank the last one. */
.show_fulltext .my-3.d-flex {
  align-items: flex-start;
}

#contenu_article a.custombtn,
.show_fulltext a.custombtn {
  padding: .55rem 1.15rem;
  border-radius: 6px;
  font-size: .8125rem;
  font-weight: 600;
  letter-spacing: .04em;
  line-height: 1.35;
  white-space: nowrap;
}

/* --- 6. Floating action rail -------------------------------------------- */
/* Each button was sized by its own glyph (fa-arrow-left 16px vs
   fa-share-alt 14px), so the stack had ragged widths. Normalise the glyph
   box, not the anchor: one of these anchors is hidden inline by the
   bibliography script and must stay hidden. */
.btn-group-vertical.position-fixed .btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 38px;
  padding: 0;
}

.btn-group-vertical.position-fixed .btn i {
  width: 1em;
  text-align: center;
  line-height: 1;
}

/* --- 7. Recirculation block: journal-contents treatment ----------------- */
/* Replaces the three uneven bordered cards inside a bordered panel with a
   ruled list, so it works with any number of entries. */
#contenu_article .bgcolor5 {
  background: linear-gradient(180deg, #f4f9fc 0%, #ffffff 100%) !important;
  border-top: 2px solid #184376;
  padding: 1.75rem clamp(1rem, 3vw, 2rem) 1.25rem !important;
  counter-reset: thx-reco;
}

#contenu_article .bgcolor5 h4.text-uppercase {
  font-size: .9375rem;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: .12em;
  color: #184376;
  margin-bottom: 1.25rem !important;
}

/* One column: the entries read as a contents list, not as a card grid. */
#contenu_article .bgcolor5 > .row {
  display: block;
  margin: 0;
}

#contenu_article .bgcolor5 > .row > [class*="col-"] {
  width: 100%;
  max-width: none;
  flex: none;
  padding: 0;
  margin: 0 !important;
  counter-increment: thx-reco;
}

/* Strip the card chrome. */
#contenu_article .bgcolor5 .card {
  border: 0;
  border-radius: 0;
  background: transparent;
  height: auto !important;
  margin: 0 !important;
  border-bottom: 1px solid rgba(24, 67, 118, .14);
}

#contenu_article .bgcolor5 > .row > [class*="col-"]:last-child .card {
  border-bottom: 0;
}

#contenu_article .bgcolor5 .card-body {
  display: grid;
  grid-template-columns: 2.25rem 1fr;
  align-items: start;
  column-gap: .35rem;
  padding: .95rem 0;
}

/* Tabular index, the cheap detail that signals a journal contents page. */
#contenu_article .bgcolor5 .card-body::before {
  content: counter(thx-reco, decimal-leading-zero);
  grid-row: 1 / span 2;
  font-size: .75rem;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  letter-spacing: .04em;
  line-height: 1.9;
  color: #0db1e2;
}

/* Section label: small and tracked, so it stops outranking the headline. */
#contenu_article .bgcolor5 .card-title {
  grid-column: 2;
  font-size: .6875rem;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: #0db1e2;
  margin: 0 0 .15rem;
}

#contenu_article .bgcolor5 .card-title:empty {
  display: none;
}

#contenu_article .bgcolor5 .card-text {
  grid-column: 2;
}

#contenu_article .bgcolor5 .card-text a {
  display: block;
  font-size: 1.0625rem;
  font-weight: 600;
  line-height: 1.35;
  letter-spacing: -.005em;
  color: #184376;
  text-decoration: none;
  text-wrap: pretty;
  transition: color .18s cubic-bezier(.22, 1, .36, 1);
}

#contenu_article .bgcolor5 .card-text a::after {
  content: "\2192";
  display: inline-block;
  margin-left: .45em;
  color: #0db1e2;
  opacity: 0;
  transform: translateX(-.3em);
  transition: opacity .18s cubic-bezier(.22, 1, .36, 1),
              transform .18s cubic-bezier(.22, 1, .36, 1);
}

#contenu_article .bgcolor5 .card-text a:hover,
#contenu_article .bgcolor5 .card-text a:focus-visible {
  color: #3673b9;
}

#contenu_article .bgcolor5 .card-text a:hover::after,
#contenu_article .bgcolor5 .card-text a:focus-visible::after {
  opacity: 1;
  transform: translateX(0);
}

#contenu_article .bgcolor5 .card-text a:focus-visible {
  outline: 2px solid #0db1e2;
  outline-offset: 3px;
  border-radius: 2px;
}

/* .tooltip-arrow is a reserved Bootstrap class the template reuses as a
   wrapper here; keep it inert so BS tooltip rules cannot position it. */
#contenu_article .bgcolor5 .card-text > span.tooltip-arrow {
  position: static;
  display: block;
  width: auto;
  height: auto;
}

@media (prefers-reduced-motion: reduce) {
  #contenu_article .bgcolor5 .card-text a,
  #contenu_article .bgcolor5 .card-text a::after {
    transition: none;
  }
  #contenu_article .bgcolor5 .card-text a::after {
    opacity: 1;
    transform: none;
  }
}

/* --- 8. Mobile ---------------------------------------------------------- */
@media (max-width: 575.98px) {
  #contenu_article {
    font-size: 1rem;
    line-height: 1.6;
  }
  #breve_content {
    font-size: 1.0625rem;
  }
  #contenu_article .bgcolor5 .card-body {
    grid-template-columns: 1.9rem 1fr;
    padding: .85rem 0;
  }
}

/* --- 9. Article header geometry ----------------------------------------- */
/* The utility bar was misaligned on every axis: action icons sat 5px above
   their own label, the stars 8px above "reading time", the icon boxes came
   out 25/26/25/26px wide from their differing glyphs, and 24px of air sat
   below the last row against 8px above it. One flex row per line, centred,
   with a fixed glyph box, settles all of it. */
.show_fulltext .my-3.d-flex {
  align-items: center;
  margin-top: 1rem !important;
  margin-bottom: 1.15rem !important;
}

.show_fulltext .border-bottom.border-dark {
  padding-bottom: .75rem !important;
  border-bottom-color: rgba(24, 67, 118, .25) !important;
}

.show_fulltext .border-bottom.border-dark ul.list-inline {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: .4rem .9rem;
  margin: 0;
  padding: 0;
}

.show_fulltext .border-bottom.border-dark ul.list-inline + ul.list-inline {
  margin-top: .65rem;
}

.show_fulltext .border-bottom.border-dark ul.list-inline > li.list-inline-item {
  display: inline-flex;
  align-items: center;
  margin: 0 !important;
}

.show_fulltext .border-bottom.border-dark .iconfunctionalities {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  padding: 0;
}

.show_fulltext .border-bottom.border-dark .iconfunctionalities > a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}

.show_fulltext .border-bottom.border-dark .iconfunctionalities i {
  width: 1em;
  text-align: center;
  line-height: 1;
}

.show_fulltext .border-bottom.border-dark .list-inline-item > div {
  display: inline-flex;
  align-items: center;
  gap: .35rem;
}

.show_fulltext a[id^="rating_"] {
  vertical-align: middle;
}

/* Inline A-Z journal browser on search pages. */
.search-zero-journals{max-width:1040px;margin-left:auto;margin-right:auto}.abc-inline-bar{display:flex;flex-wrap:wrap;gap:.35rem}.abc-inline-letter{display:inline-flex;align-items:center;justify-content:center;width:2.15rem;height:2.15rem;border:1px solid currentColor;border-radius:.25rem;font-weight:800;text-decoration:none}.abc-inline-letter.active{background:#293571;color:#fff!important}.abc-inline-letter-off{opacity:.3}.abc-inline-list{margin-top:1rem;padding-top:1rem;border-top:1px solid #dee2e6}.abc-inline-title{font-size:1.2rem;font-weight:800}.abc-inline-journal{display:block;padding:.35rem 0;text-decoration:none}.abc-inline-journal:before{content:'\203A';margin-right:.5rem}