.pods_pod h2{
  text-align: left;
}

/* OPTION DE BACKROUND IMAGE-MASQUE ET BOUTON */
/* on défini une palette par défaut. 1 Couleur par laboratoire ou structure selon son logo */
/* il faut que le css du skin soit standard pour être éditable */
:root{ 
--ipsl:#2b95b5;/*bleu ciel*/ 
--lsce:#c0d328;/*vert pomme*/
--lmd:#f6b436;/*jaune orangé*/
--cerea:#e1641d;/*orange*/
--locean:#81ccdc;/*bleu éthéré*/
--sirta:#b91b2a;/*rouge*/
--latmos:#0c69b1;/*bleu roi*/
--lerma:#13284c;/*bleu spacial*/
--geops:#75c15d;/*vert*/
--lisa:#18418a;/*bleu nuit*/
--metis:#852e2c;/*rouge grenat*/
--ser:#f4cb68;/*orange pale*/
--espri:#408740;/*vert foncé*/
}

.noautop br{
  display:none;
}

.website_infos ul {
  background: transparent;
}
/*
les ul sont list_item par defaut
.entry-content ul li {
  display: block;
  line-height: 1em;
  text-decoration: none;
  border: none;
  text-transform: none;
  margin-left: 1.4em;
}
.entry-content ul li::before {
  font-family: 'ipsl';
  content: "\e900";
  width: 10px;
  height: 10px;
  margin-right: 10px;
  color: var(--dominante);
  display: inline-block;
  line-height: 3em;
  margin-left: -1.6em;
}
.entry-content ul.list_item_link li::before, .entry-content .button_tab_box  ul li::before{
  content: "";
}
*/

/* le h1 est +petit que le h2 */
h1 {
  font-family: var(--ft1);
  letter-spacing: 0.03em;
  font-size: 1.7em;
  text-align: center;
  font-weight: 700;
}

/* les images ne sont pas sur mesure et sont générées par une boucle, on ne peut pas définir la taille des images sur leur attr height ou width */
.logos_tutelles img {
  max-height: 80px;
  width: auto;
  padding: 15px;
}

/* j'affiche les tutelles avec ipslwidget vignette_table */
.logos_tutelles .titre {
  display: none;
}

/* si png transparent le texte blanc disparait dans le fond */
/* .vignette.card_vignette {
  background: #000;
} */

/* pour masquer l'ascenseur hrztl du body */
body{
  overflow-x:hidden;
}
html, body {
  font-family: var(--ft2);
}

/* dans l'admin les puces des listes ont disparues */
ul.list_item_link li {
  list-style: none;
} 
ul.list_item li {
  display: block;
}
article ul{
  padding: 0 0 0 20px;
  list-style-type: disc;
  margin: 0 0 1rem 20px;
}
article ul>li{
  list-style: disc;
}
article {
  width: 100%;
}

/* dans l'admin les a blancs sur fond blanc disparaissent */
a{
  color: #000;
  text-decoration: none;
  cursor: pointer;
}
a:hover{
  text-decoration: none;
  cursor: pointer;
  opacity: 0.7;
}

/* on ne peut pas coloriser l'onde */
.ipsl_ondes:before {
    content: "\e901";
    opacity: 1;
    color: unset;
    font-size: 1.5em;
}
.ipsl_ondes{
  color: var(--nuance-1);
}

/* divers */
.timeline li {
  list-style: none;
}
.bandeau {
  min-height: auto;
}
.entity_address a{
  color: var(--color-text);
}

/* il faut fournir tous les logos détourés + les favicons, +les spécifications pour la conception graphique des custom logo et penser qu'on peux intégrer un custom logo (image non sur-mesure) */
/* remarque : en mode mobile le logo apparait tout petit */
#logo {
  margin: 0;
}
#logo img {
  padding: 5px;
  min-width: 100%;
}

/* les images étroites n'apparaissent pas cover */ 
.card-img-overlay img, .vignette img {
  object-fit: cover;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  -ms-transform: none;
  -webkit-transform: none;
  moz-transform: none;
  -o-transform: none;
  transform: none;
}

.ipsltheme_card_event .vignette img{
  opacity: 0.8;
}

blockquote p {
  display:inline-block;
}

svg.icon {
  display: none;
}

/*
autres remarques

la class widget-area ne peut être stylisée directement dans WP cela a pour effet d'affecter tous les widget-area dans WP
il faut styliser #galerie .widget-area, #galerie .widget-area.galerie_A

il ne faudrait pas affecter de design aux widget-area (background, shadow, comportement) mais au container ipslwidget situé juste en dessous (le composant)

*/

.carousel-indicators li{
  list-style: none;
}

ul.list_item li::before {
  /* font-family: initial; */
  content: none;
  /* width: 0; */
  /* height: 0; */
  /* margin-right: 0; */
  /* color: none; */
  display: none;
  /* line-height: 1; */
  /* margin-left: 0; */
}

ul.list_item>li::before {
  font-family: 'ipsl';
  content: "\e900";
  width: 10px;
  height: 10px;
  margin-right: 10px;
  color: var(--dominante); 
  display: inline-block;
  line-height: 3em;
  margin-left: -1.4em;
}

#section_galerie {
  padding-top:0;
  /* margin-top:-20px; */
}

span.glossaryLink, a.glossaryLink {
  text-decoration: none !important;
  border-bottom: 1px dotted #000;
}
.glossaryLink {
  text-decoration: none !important;
  border-bottom: 1px dotted #000;
  color: inherit;
}

#website_links ul#menu-footer {
  background: transparent;
}

.website_infos {
  padding: 0;
}

/* pour les textes courts */
p.ondes_after, p.ondes_before {
  text-align: center;
}

li.filter {
  list-style: none;
}

#galerie_slider.carousel.slide {
  min-height: 200px;
}

.ipsltheme_spotlight *{
  text-align: center;
}

.ipsltheme_spotlight .masque{
  opacity: 1;
}


/*====== one_link_img ======*/
.one_link_img{
  position:relative;
  height:255px;
  width:255px;
  overflow:hidden;
  display:inline-block;
}
#galerie.one_link_img{
  height:100%;
  width:100%;
}
.widget-area.galerie_A .one_link_img{
  background: var(--dominante-6);
}

.one_link_img .widget-title {
  display: -webkit-box;
  position: absolute;
  z-index: 3;
  width: 100%;
  line-height: 1.2em;
  padding: 1em 1.4em;
  text-align: center;
  font-family: 'Poppins';
  font-weight: 400;
  font-size: 1.2em;
  color: var(--color-text);
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.one_link_img .widget-title a {
  color: var(--color-text);
  text-decoration: none
}
.one_link_img .widget-subtitle {
  display: -webkit-box;
  position: absolute;
  z-index: 3;
  width: 100%;
  max-height: 8em;
  font-size: 0.75em;
  line-height: 1.2em;
  color: var(--color-text);
  text-transform: uppercase;
  text-align: left;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 4.5em 1.4em 1.4em;
  font-weight: 500;
}
.one_link_img .widget-text {
  position:absolute;
  top: 46%;
  width:100%;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.one_link_img .card-img-overlay {
  position: absolute;
  top: 0;
  left: 0;
  height:100%;
  width:100%;
  min-height:255px;
  min-width:255px;
  opacity:0;
}
/*============WIDGET-AREA GALERIE HOVER====================*/

.one_link_img a:hover {
  opacity: inherit
}

/*texte*/
.one_link_img:hover .widget-text {
  opacity: 0;
}
/*image*/
.one_link_img:hover .card-img-overlay {
  opacity: 1;
  -webkit-transition: all 450ms ease-out 0s;
  -moz-transition: all 450ms ease-out 0s;
  -o-transition: all 450ms ease-out 0s;
  -ms-transition: all 450ms ease-out 0s;
  transition: all 450ms ease-out 0s;
}

/*event plus*/
.one_link_img.event_plus {
  position: absolute;
  z-index: 4;
  bottom: 1em;
  left: -240px;
  letter-spacing: 0.03em;
  color: var(--color-text);
  font-weight: 400;
  font-size: 0.8em;
  background: var(--dominante);
  padding: 0.5em 1em 0.5em 1em;
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
  text-align: left;
}
.one_link_img:hover .event_plus {
  left: 0px;
  -webkit-transition: all 450ms ease-in 0s;
  -moz-transition: all 450ms ease-in 0s;
  -o-transition: all 450ms ease-in 0s;
  -ms-transition: all 450ms ease-in 0s;
  transition: all 450ms ease-in 0s;
}


/*===========ipsltheme_slider==================*/
.ipsltheme_slider.carousel.slide {
  height: 100%;
  min-width:540px;
  min-height:350px;
  width:540px;
  height:350px;
  background: var(--nuance-1);
}
.ipsltheme_slider .carousel-inner {
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.ipsltheme_slider .carousel-item {
  min-height: 0;
  min-width: 0;
  height: 100%;
}
.ipsltheme_slider .widget-date {
  visibility: hidden;
  position: absolute;
  z-index: 3;
  top: 1em;
  left: 0;
  color: rgba(255, 255, 255, 0.7);
  font-size: 0.8em;
  background: rgba(0, 0, 0, 0.2);
  padding: 0.5em 0.5em 0.5em 0.2em;
  font-family: "CaviarDreams";
  border-top-right-radius: 0.5em;
  border-bottom-right-radius: 0.5em;
}
.ipsltheme_slider .card-img-overlay {
  position: absolute;
  height: 60%;
  width: 70%;
  top: 20%;
  left: 15%;
  opacity: 1;
  overflow: hidden;
}
.ipsltheme_slider .card-img-overlay img {
  min-width: 380px;
  max-width: 100%;
  min-height: 100%;
  position: absolute;
}
.ipsltheme_slider .carousel-indicators {
  bottom: inherit;
  top: 2.5em;
}
.ipsltheme_slider .widget-title {
    display: -webkit-box;
    position: absolute;
    z-index: 3;
    width: 100%;
    line-height: 1.2em;
    padding: 1em 1.4em;
    text-align: center;
    font-family: 'Poppins';
    font-weight: 400;
    font-size: 1.2em;
    color: var(--color-text);
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.ipsltheme_slider .widget-subtitle {
  display: -webkit-box;
  font-size: 0.8em;
  padding: inherit;
  -webkit-line-clamp: 2;
  overflow: hidden;
  bottom: 0;
  max-width: 90%;
  left: 5%;
  right: 5%;
  text-align: center;
}

/*====== bubble_btn ======*/
.bubble_btn{
  position:relative;
  height:160px;
  width:255px;
  overflow:hidden;
  display:inline-block;
  
  border-radius: 100%;
  -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.0);
  /* Standard syntax */
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.0);
  opacity: 1;
}
#galerie .bubble_btn{
  height:100%;
  width:100%;
}
.widget-area.galerie_G .bubble_btn{
  background: transparent;
}

.bubble_btn .widget-title {
  display: -webkit-box;
  position: absolute;
  z-index: 3;
  width: 100%;
  line-height: 1.2em;
  padding: 1em 1.4em;
  text-align: center;
  font-family: 'Poppins';
  font-weight: 400;
  font-size: 1.2em;
  color: var(--color-text);
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.bubble_btn .widget-title a {
  color: var(--color-text);
  text-decoration: none
}
.bubble_btn .card-img-overlay {
  position: absolute;
  top: 0;
  left: 0;
  height:100%;
  width:100%;
  min-height:160px;
  min-width:255px;
  
  opacity: 1;
  border-radius: 100%;
  background: var(--dominante-7);
}
.bubble_btn:hover {
  border-radius: 0%;
  -webkit-transition: all 450ms ease-out 0s;
  -moz-transition: all 450ms ease-out 0s;
  -o-transition: all 450ms ease-out 0s;
  -ms-transition: all 450ms ease-out 0s;
  transition: all 450ms ease-out 0s;
}
.bubble_btn:hover .card-img-overlay {
  border-radius: 0%;
}
/*event plus*/
.bubble_btn.event_plus {
  position: absolute;
  z-index: 4;
  bottom: 1em;
  left: -240px;
  letter-spacing: 0.03em;
  color: var(--color-text);
  font-weight: 400;
  font-size: 0.8em;
  background: var(--dominante);
  padding: 0.5em 1em 0.5em 1em;
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
  text-align: left;
}
.bubble_btn:hover .event_plus {
  left: 0px;
  -webkit-transition: all 450ms ease-in 0s;
  -moz-transition: all 450ms ease-in 0s;
  -o-transition: all 450ms ease-in 0s;
  -ms-transition: all 450ms ease-in 0s;
  transition: all 450ms ease-in 0s;
}
.bubble_btn a:hover {
  text-decoration: none;
  cursor: pointer;
  opacity: 1;
}

img.nomask{
  opacity:0;
}

.bulle {
    background: url(http://localhost/ipsl.fr/wp-content/themes/ipsltheme/ipsl/img/bulle.png);
    background-repeat: no-repeat;
    background-size: 85% 100%;
    background-position: right;
    padding: 5% 5% 5% 25%;
    text-align: center;
    font-family: var(--ft1);
}


/*===skin===============*/
body.skin_cloud .bloc_area ul.list_item li::before {
  color: var(--color-text);
}

.x-event-titre {
  padding-bottom: 2em;
}

/*=== portfolio ===============*/*
.archives_portfolio .portfolio .item {
  position: relative;
}
.archives_portfolio .portfolio .picture {
  padding: 0;
}
.archives_portfolio .portfolio .vignette {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.archives_portfolio .portfolio .item.paysage {
  width: 250px;
}
.archives_portfolio .portfolio .item.paysage .vignette {
  width: 250px;
  height: 190px;
}
.archives_portfolio .portfolio .item.portrait {
  width: 190px;
}
.archives_portfolio .portfolio .item.portrait .vignette {
  width: 190px;
  height: 250px;
}
.archives_portfolio .portfolio .item.carre {
  width: 220px;
}
.archives_portfolio .portfolio .item.carre .vignette {
  width: 220px;
  height: 220px;
}
.archives_portfolio .portfolio .item.brand {
  width: 220px;
}
.archives_portfolio .portfolio .item.brand .vignette {
  width: 220px;
  height: 220px;
  border-radius: 50%;
}
.archives_portfolio .page_sel{ 
  font-family:var(--ft1);  
  font-weight: bold;
  font-size: 1em;
  color:var(--nuance-1);
  padding:2px;
}

.alignleft {
  float: left;
  margin: 10px 20px 0 0;
}
.alignright {
  float: right;
  margin: 10px 0 10px 20px;
}

.ipsltheme_thema .item_brand .masque{
  border-radius: 50%;
}
.ipsltheme_thema .resume p{
  min-height: 120px;
}
.bandeau .item_right{
  float: right;
  margin-right: 0;
  margin-left: 1em;
}

/* footer */
.infos_divers.container {
    width: 100%;
    max-width: none;
    margin: 0;
    display: inline-block;
}

#reseaux_sociaux {
    padding: 2em 3em 2em 3em;
    width: 40%;
    max-width:none;
    margin: 0;
    display: inline-block;
    vertical-align: top;
}

.social-media-button-container {
    text-align: center;
    max-width: 80%;
    margin: 0 0 0 10%;
}

.footer .entity_address {
  display: inline-block;
}

.bg-white{
  background-color: transparent;

}

/* fa + color */
.fa.black {
  color: #000;
  background-color: transparent;
  padding:0 5px 0 5px ;
}
.fa.dominante {
  color: var(--dominante);
  background-color: transparent;
  padding:0 5px 0 5px ;
}
.fa.dominante-5 {
  color: var(--dominante-5);
  background-color: transparent;
  padding:0 5px 0 5px ;
}
.fa.dominante-6 {
  color: var(--dominante-6);
  background-color: transparent;
  padding:0 5px 0 5px ;
}
.fa.dominante-7 {
  color: var(--dominante-7);
  background-color: transparent;
  padding:0 5px 0 5px ;
}
.fa.dominante-8 {
  color: var(--dominante-8);
  background-color: transparent;
  padding:0 5px 0 5px ;
}
.fa.dominante-9 {
  color: var(--dominante-9);
  background-color: transparent;
  padding:0 5px 0 5px ;
}
.fa.composante {
  color: var(--composante);
  background-color: transparent;
  padding:0 5px 0 5px ;
}
.fa.medium {
  color: var(--medium);
  background-color: transparent;
  padding:0 5px 0 5px ;
}
.fa.nuance-1 {
  color: var(--nuance-1);
  background-color: transparent;
  padding:0 5px 0 5px ;
}
.fa.nuance-2 {
  color: var(--nuance-2);
  background-color: transparent;
  padding:0 5px 0 5px ;
}
.fa.nuance-3 {
  color: var(--nuance-3);
  background-color: transparent;
  padding:0 5px 0 5px ;
}
/*COULEUR LABORATOIRES */
.fa.ipsl {
  color: var(--ipsl);
  background-color: transparent;
  padding:0 5px 0 5px ;
}
.fa.lsce {
  color: var(--lsce);
  background-color: transparent;
  padding:0 5px 0 5px ;
}
.fa.lmd {
  color: var(--lmd);
  background-color: transparent;
  padding:0 5px 0 5px ;
}
.fa.cerea {
  color: var(--cerea);
  background-color: transparent;
  padding:0 5px 0 5px ;
}
.fa.locean {
  color: var(--locean);
  background-color: transparent;
  padding:0 5px 0 5px ;
}
.fa.sirta {
  color: var(--sirta);
  background-color: transparent;
  padding:0 5px 0 5px ;
}
.fa.latmos {
  color: var(--latmos);
  background-color: transparent;
  padding:0 5px 0 5px ;
}
.fa.lerma {
  color: var(--lerma);
  background-color: transparent;
  padding:0 5px 0 5px ;
}
.fa.geops {
  color: var(--geops);
  background-color: transparent;
  padding:0 5px 0 5px ;
}
.fa.lisa {
  color: var(--lisa);
  background-color: transparent;
  padding:0 5px 0 5px ;
}
.fa.metis {
  color: var(--metis);
  background-color: transparent;
  padding:0 5px 0 5px ;
}
.fa.metis {
  color: var(--metis);
  background-color: transparent;
  padding:0 5px 0 5px ;
}
.fa.ser {
  color: var(--ser);
  background-color: transparent;
  padding:0 5px 0 5px ;
}

.bloc_area.row{
  flex-wrap: nowrap;
  display: inline-block; 
}

/* image incrustée */
.wp-caption {
  margin-bottom: 0;
}

.wp-caption img{
  margin-bottom: 5px;
}

.wp-caption-text {
  margin: 0;
  padding: 0 10px 0 0;
  line-height: 1.2;
  font-size: 0.8em;
  color: var(--dominante);
  display: -webkit-box;
  -webkit-line-clamp: 10;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.wp-caption .copyright{
  position:relative;
  content: var(--copyright);
  color: var(--paragraphe-text);
  font-size: 0.7em;
  margin-top: 0.5em;
  line-height: 1em;
}


.substitute_img {
  background-color: var(--nuance-1);
  padding: 5px;
  color: #fff;
  width: 100%;
  height: 100%;
  text-align: center;
  vertical-align: middle;
  z-index: 2;
  opacity: 1;
}

.ipsltheme_accordion .substitute_img {
  display: none;
}

.ipsltheme_img_inline .substitute_img {
  width: 100px;
  height: 100px;
  margin: 0 1.5em 2em;
}

.substitute_img:before {
  font-size: 40px;
}

.ipsltheme_component.archives_portfolio .substitute_img:before {
  position: absolute;
  top: 40%;
  left: 42%;
}

.archive_ipsl .substitute_img:before {
  position: absolute;
  top: 40%;
  left: 42%;
}



.ipsltheme_bubble_btn .substitute_img:before {
  position: absolute;
  top: 40%;
  left: 42%;
}

.ipsltheme_serie_items_vignette .substitute_img:before {
  position: absolute;
  top: 40%;
  left: 42%;
}

.ipsltheme_slider .substitute_img:before {
  position: absolute;
  top: 40%;
  left: 42%;
}

.ipsltheme_card_event .substitute_img:before {
  position: absolute;
  top: 35%;
  left: 2%;
}

.ipsltheme_flip_card .substitute_img:before {
  position: absolute;
  top: 40%;
  left: 42%;
}

.ipsltheme_spotlight .substitute_img:before {
  position: absolute;
  top: 20%;
  left: 42%;
}

.ipsltheme_one_link_img .substitute_img:before {
  position: absolute;
  top: 20%;
  left: 42%;
}

.ipsltheme_actu .substitute_img:before {
  position: absolute;
  top: 10%;
  left: 10%;
}

img {
  max-width: 100%;
}

.ipsltheme_component{
  margin-top: 0;
}
.ipsltheme_component.ipsltheme_bulleBD,
.ipsltheme_component.ipsltheme_slider, 
.ipsltheme_component.ipsltheme_accordion, 
.ipsltheme_component.ipsltheme_spotlight, 
.ipsltheme_component.ipsltheme_actu, 
.ipsltheme_component.ipsltheme_table, 
.ipsltheme_component.ipsltheme_flip_card, 
.ipsltheme_component.ipsltheme_card_event, 
.ipsltheme_component.ipsltheme_button_tab_box, 
.ipsltheme_component.ipsltheme_serie_items_vignette, 
.ipsltheme_component.ipsltheme_thema, 
.ipsltheme_component.ipsltheme_img_inline, 
.ipsltheme_component.ipsltheme_bubble_btn, 
.ipsltheme_component.ipsltheme_bandeau_h3hrpbtn, 
.ipsltheme_component.ipsltheme_pods_archives 
{
  margin-top: 2em;
}
.ipsltheme_component.btn {
  /* padding: 0.375em 0.7em; */
}

/*** footer *****/
.footer #geo_sites {
  display: inline-flex;
  justify-content: space-between;
  width: 50%;
  vertical-align: top;
}
@media (max-width: 992px){
  .footer #geo_sites {
      width: 100%;
      display: flex;
  }

  #reseaux_sociaux {
      width: 100%;
  }
}
.entity_address a {
    color: var(--footer-text-7);
}
div#area_copyright {
  text-align: right;
  width: 100%;
}
.copyright {
  position: absolute;
  margin: -25px 0 0 0;
  width: 100%;
  right: 15px;
    
  font-family: var(--ft2);
  color: var(--color-text);
  /* text-transform: uppercase; */
  /* font-weight: 500; */
  /* font-size: 1.1em; */
}

.ipsltheme_btn_barre.btn_barre h2 {
  text-align: center;
}
.ipsltheme_btn_barre.btn_barre {
  text-align: center;
}
.ipsltheme_btn_barre.btn_barre.vertical .btn {
  display: block;
  text-align: left;
  margin-left: 0;
}

#galerie .ipsltheme_component.ipsltheme_bubble_btn {
  background-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.recompense_sgl_podstpl .bandeau{
  min-height:380px;
}
.button_tab_box ul {
    margin-bottom: 0;
}
.indexOfContent.scroll ul.indexOfContent_ul{
    max-height: 180px;
    overflow-y: scroll;
}