/*
Theme Name: ls2n child theme
Template: twentytwentyfour
*/
 

:root {
    --ccs-color: var(--wp--preset--color--azul) !important;
    --sls-color: var(--wp--preset--color--richblack) !important; 
    --siel-color: var(--wp--preset--color--accent-8) !important;
    --sdd-color: var(--wp--preset--color--cornflowerblue) !important;
    --rpc-color: #1B2A49;
    
    --ccsn-color: var(--wp--preset--color--richblack) !important;  
    --vem-color: var(--wp--preset--color--cornflowerblue) !important;
    --tneo-color:var(--wp--preset--color--azul) !important;
    --sdv-color:  var(--wp--preset--color--accent-8) !important;
    --iedf-color: var(--wp--preset--color--cornflowerblue) !important;
    --eie-color: var(--wp--preset--color--azul) !important;
}

body:not(.admin-bar) {
  --wp-admin--admin-bar--height: 0px;
}

.header {
  transition: transform 0.3s ease-in-out;
}
.header--hidden {
  transform: translateY(-100%);
}

#header_left {
  width :100% !important;

}

#header_left img {
  width:250px !important;
}


.wp-site-blocks {
	margin-top:0px !important;
	padding-top:0px !important;
	margin-top:0px !important;
	margin-bottom:0px !important;
	padding-bottom:0px !important;
}

.bloc_site {

	width:100vw;
	height:calc(100vh - var(--wp-admin--admin-bar--height));
}

  
.wp-block-search__button {
	max-width:100% !important;

}

.wp-block-navigation__responsive-container{
  max-width:400px !important;
  margin : 0 !important;
  padding : 0 !important;
}

.wp-block-navigation__responsive-container-content {

 justify-content: center !important;
 align-items: center !important;
}

.wp-block-navigation__responsive-container-content a:active, .wp-block-navigation__responsive-container-content a:focus {

text-decoration: none !important;
  outline: 0;

}

.boutonCarriere  {
  padding:20px !important;
}

.boutonCarriere a ::before { 

	position:relative;
	left:-10px !important;
  	display: inline-block;
	content: " ";
    width:250px;
    height:50% ;
  	background-image:url(./img/recrut.jpeg);
  	background-size: 100% auto;
}

.boutonCarriere a {
position: relative;
padding-left:10px !important;
width:250px !important;
height:120px !important;
background-color:#071a3d !important;
}

.boutonCarriere a ::after { 
	 position: absolute;
  display: block;
   right: 0; /* Aligne à droite */
	content: "... Consulter les offres";
padding-right:10px !important;
}

.wp-block-navigation__responsive-container-close {
margin : 20px !important;

}

#blocHeadAccActu{
  position:relative !important;
  height:600px !important;
 
}

#bloc_fond_head_acc img {
  height:600px !important;
  max-width : fit-content !important;
  width : fit-content !important;
}

#bloc_fond_head_acc figure{
  height:600px !important;
  max-width : fit-content !important;
  display: flex !important;
  justify-content: center !important;
}

#bloc_logoMenu_head_acc{
  position:absolute !important;
  z-index:1 !important;
  height:600px !important;
  
}

.titleActus a,.titleActus a:visited {
	color:#009ee3 !important;
}

.actusDate a, .actusDate a:visited { 
  	color:#E11980 !important;
}

.roundArrow {
   	margin-left : auto !important;
	margin-right : auto !important;
	width : 30px !important;
}

.breadcrumbs .advgb-icon {
	margin-right:0px !important;

}

.homeIcon a {
	text-decoration:none !important;
}

.homeIcon i:hover {
	color : #E11980 !important;
}

.wp-block-navigation button{
	outline-width: 2px;
  outline-style: solid;
}

.wp-block-navigation-submenu {
	padding-top: 0px !important;
}

.wp-block-search {
	display:flex;
	align-items: center ;
	font-weight:bold;
}

.wp-block-search__inside-wrapper {
height:30px !important;
}

.wp-block-search__button {
  	margin-left : 10px !important;
	margin-top : 0px !important;
	padding-top : 0px !important;
 	padding-bottom : 0px !important;
   	padding-left : 5px !important;
    padding-right : 5px !important;
}

.logoHeadThemes {

  width : 25px !important;
}

.logoHeadPoles {

  width : 25px !important;
}

.bloc_them_head, .bloc_pole_head {
  max-width:120px !important;

}


.logo_tutelles {
	max-height : 60px !important;
}

.logo_tutelle_recrut {
	max-height : 40px !important;
}

.entry-content a {
	text-decoration:none !important; 
  border:none !important;
  outline:0 !important;
}

.post-navigation-link-next a, .post-navigation-link-previous a {
  border-radius:20px !important;
  padding-top:4px !important;
  padding-bottom:4px !important;
  padding-left:7px !important;
  padding-right:7px !important;
  border: solid 1px var(--wp--preset--color--azul) !important;
  background-color: var(--wp--preset--color--cornflowerblue) !important;
}

.post-navigation-link-next a, .post-navigation-link-previous a, .post-navigation-link-next a:active, .post-navigation-link-previous a:active {
  text-decoration: none !important;
}

.post-navigation-link-next a:hover, .post-navigation-link-previous a:hover {
  font-weight: bold;
}

.bloc_actus {
  display:flex;
  margin-left: auto !important;
  margin-right: auto !important;
  flex-wrap: wrap;
  justify-content: normal;
  align-items: flex-start;
  gap:30px;
  flex-grow:1;
}

.blocActu {
    position: relative; /* Permet de positionner les éléments enfants de manière absolue */
    width : 32% ;
    min-height : 750px !important;
    border: 2px solid var(--wp--preset--color--azul); /* Contour pointillé */
    /*border-radius: 15px;  Coins arrondis */
    padding: 20px; /* Espace intérieur */
    background-color: rgba(255, 255, 255, 1);
    
}
 /*
.blocActu div {
  position: relative ; // Position absolue 
  margin-top : -45px; // Un peu au-dessus du contour 
}*/


/* -------------------------  page qui sommes nous ---------------------- */

.cadreDashed {
  border-style: dashed;
}

.ss_menu_labo {
  width:220px;
  bottom : 200px;
  right:-1%;
  transform: translateX(-50%);
  position: fixed;
  background-color: white;
  z-index : 10 ;

}

.pres_chiffres img {

  height : 50px !important;
  width:auto !important;
  padding-bottom: 5px;

}

/* Écrans inf à 1350 */
@media (max-width: 1600px) {
  #quisommenouscols {
    padding-left : 0px !important;
  }

  .blocMainFact {
    flex-basis: 70% !important;
  }

}

.devDurCol {
    background-color: rgba(0,0,0,0.4);
    background-image: url("https://wwww.ls2n.fr/wp-content/uploads/sites/2/2025/09/AdobeStock_534927818.jpeg");
    background-repeat: no-repeat;
    background-size: cover;
    background-blend-mode: overlay;
    background-position-y: center;
}

.scienOuvCol {
  background-color: rgba(0,0,0,0.4);
  background-image: url("https://www.ls2n.fr/wp-content/uploads/sites/2/2025/09/AdobeStock_380294684.jpeg");
  background-repeat: no-repeat;
  background-size: cover;
  background-blend-mode: overlay;
  background-position-y: center;
}

.egaliteCol {
  background-color: rgba(0,0,0,0.4);
  background-image: url("https://www.ls2n.fr/wp-content/uploads/sites/2/2025/09/AdobeStock_522258215.jpeg");
  background-repeat: no-repeat;
  background-size: cover;
  background-blend-mode: overlay;
  background-position-y: center;
}


/* -------------------------  page organisation ---------------------- */


.bloc_orga_poles {
	display : flex !important;
  flex-direction: row !important;
  gap : 25px ;
}

.bloc_orga_pole {
	max-width:210px !important;
   
}

.haut_bloc_orga_pole {
  font-weight: bold;
  padding :10px !important;
  margin : 0px !important;
  border-radius: 20px;
  color:white;
  max-width:210px !important;
  text-align: center !important;
}

.haut_bloc_orga_pole a {
  color:white !important;
}

.ccs .haut_bloc_orga_pole {

  background-color: var(--ccs-color);
}

 .sls .haut_bloc_orga_pole {
	background-color: var(--sls-color);
}

 .siel .haut_bloc_orga_pole {
	background-color: var(--siel-color);
}

 .sdd .haut_bloc_orga_pole {
	background-color:var(--sdd-color);
}

 .rpc .haut_bloc_orga_pole {
	background-color:var(--rpc-color);
}

.bloc_orga_pole .accroche {
  padding-top : 10px;
  font-style: italic;
  font-size: smaller;
}

.bloc_orga_pole .blocEquipes {
  border-left : 1px solid var(--wp--preset--color--azul) ;
  padding-left : 5px;
  display : flex !important;
  gap : 15px;
  flex-direction: column !important;
  font-size: smaller;
}

.logo_site {
 padding-bottom:5px;
  max-height:30px;
}

.logo_site_ing {
 
  max-height:45px;
}

.logo_bat {

  max-width:100px;
}

/* ---------------------------------------------------------------------- */


/* ----------------------------    partenaires --------------------------- */

#bloc_filig_part { 

  background-repeat: repeat-y !important;
  background-position: 50px 0px !important;
  background-size: 200px !important;
  background-color: rgba(255,255,255,0.9);
  background-blend-mode: lighten;
  background-origin: content-box !important;
  background-clip: padding-box !important;
  background-image: url('https://www.ls2n.fr/wp-content/uploads/sites/2/2025/09/LS2N_filig.png');

}

/* ----------------------------   contacts  --------------------------- */

.wpgmp_map_container {

  z-index : 1 ;
  max-width: 800px !important;
  text-align: center !important;

}

#cadreSitesPlanAcc {
  position: relative;
  clear: both;
  width: 80%;
  top: 20px;
  display: flex;
  text-align: center;
  justify-content: center;
  align-content: flex-start;
  margin: auto;
  padding: auto !important;
  padding-bottom: 100px;
  min-height: 500px;
  flex-wrap: wrap;
}

.cadreSitePlanAcc {
  clear: both;
  position: relative;
  text-align: left;
  margin: 10px;
  padding: 10px;
  border-width: 1px;
  border-style: solid;
  border-color: #5297FF;
  width: 25%;
  min-height: 200px;
}

.cadreSitePlanAcc .titreSite {
  font-size: 18px;
  color: #1273CE;
  font-family: Roboto, sans-serif;
}

.cadreSitePlanAcc .quartierSite {
  font-size: 14px;
  font-style: italic;
  color: #1273CE;
}

.cadreSitePlanAcc .adresseSite {
  font-size: 16px;
  text-align: center;
}

/* ---------------------------------------------------------------------- */

@media only screen and (max-width: 600px) {
  .bandeau {
  	  flex-direction: column;
      align-items: center;
  }
  
  .droitebandeau {
     flex-direction: column;
	   order:1; 
  }
  
  .titreBandeau { order:2; text-align : center !important;}
  
  .bandeauLogo { 
    flex-direction: column; 
  }
  
   .bandeauLogo H1 { 
	text-align : center !important;
  }
  
  .wp-block-navigation__responsive-container-close {
  	right: auto !important;
  
  }
  
  .video_home {
    order:1; 
    margin-bottom :20px !important;
  }
  
  .ls2nchiffre {
  	order:2; 
  }
  
  .group_chiffres,.group_chiffres div {
  	flex-direction: column; 
  	text-align : center !important;
    align-items: center;
  }
  
  #actualites {
    flex-direction: column;
    
  }
  .blocActu {
    width:auto ;
    margin-bottom : 40px !important; 
  }
}

#cadrePolesPresLabo {
    align-items: center;
    background-color: white;
    border-color: #cccc00;
    border-style: solid;
    border-width: 1px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
    padding: 10px;
    position: relative;
    max-width:550px;
    z-index: 1;
    text-align: center !important;	
}

.blocPolePresLabo {

	position: relative;
	float:left; 
	border-width:1px !important;
	border-style:solid !important;
 	border-color:#cccc00 !important;
	background-color:#990033 !important;
	width: 100px;
    height: 100px;
	margin-left : 5px;
	background-color: #990033;
	color:white !important;
	display: flex;
    flex-direction: column !important;
	justify-content: center;
	align-items: bottom !important;
	margin : 10px;
  
}


.blocPolePresLabo_CCS {
  order:1 ;

}
.blocPolePresLabo_RPC {
  order:2 ;

}
.blocPolePresLabo_SDD {
  order:3 ;

}
.blocPolePresLabo_SIEL {
  order:5 ;

}
.blocPolePresLabo_SLS {
  order:6 ;

}

.blocPolePresLabo div {
 	position: relative;
    top:-20px !important;
}

.blocPolePresLaboText {
	position: relative;
	border-width:1px !important ;
	border-style:solid !important ;
 	border-color:#cccc00 !important ;
	color:white ;
	background-color:#990033 ;
	width: 80% ;
	font-size : 1.2em;
	order:4;
	justify-content: center;
	align-items: center;
	align-self:center;
	padding:5px;
	padding-left:auto;
	padding-right:auto;
	font-weight:bold;
		
}

main a::after, .ss_menu_labo a::after, .ss_menu_rech a::after, .link a::after, .blocSitesRecherche a::after, .bloc_equip_pole_lien::after, .bloc_equip_plateforme_lien::after  { 
	position:relative;
  display: inline-block;
	content: " ";
  width:10px;
  height:10px ;
  background-image:url(./img/external-link-green.gif);
  background-size: 100% 100%;
  text-decoration: none !important;
  margin-left:5px !important;
}

.ss_menu_labo a, .ss_menu_rech a, .pitch a, .ss_menu_labo a:active, .pitch a:active, .ss_menu_labo a:focus, .pitch a:focus, .ss_menu_rech a:active, .ss_menu_rech a:focus, .link a, .link a:active, .link a:focus, .blocSitesRecherche a, .bloc_equip_pole_lien, .bloc_equip_plateforme_lien, .emailLink { 
    text-decoration: none !important;
    outline: 0;
}

.ss_menu_labo a:hover, .ss_menu_rech a:hover { 
  font-weight: bold;

}

main .noLink::after, .noLink > a::after, .blocSitesRecherche .noLink::after { 
  position:relative !important;
  display: inline-block !important;
	content: " " !important;
  width:0px !important;
  height:0px !important;
}



#cadrePolesPresLabo a::after { 
	content: " ";
    width:10px;
    height:10px ;
  	background-image:url(./img/external-link-green.gif);
  	background-size: 100% 100%;
  	display: inline-block;
	position:absolute;
	z-index:100 !important;
	bottom:15px;
  	right:20px;
}


.imgPost {

	max-width:400px !important;

}

.tagsRow a {
	color:#A4A4A4 !important;

}

.prevNextRow .is-arrow-arrow {
   	width: 15px;
  	height: 15px;
  	border-radius: 15px;
 	border: 2px solid #009ee3 ;
    padding-left : 5px !important;
    padding-right : 5px !important; 
    padding-top : 0px !important ;
    padding-bottom : 10px !important ;
    margin-right : 10px !important ;
    font-weight:bold;
    text-align:center !important;
    vertical-align : bottom !important;
}

.prevNextRow a {
	text-decoration:none !important;
  	color:#009ee3 !important;
}

/* ---------------------------------------------------------- */
/* ------------------------- recherche ---------------------- */

.ss_menu_rech {
  width:220px;
  bottom : 150px;
  right:-1%;
  transform: translateX(-50%);
  position: fixed;
  background-color: white;
  z-index : 10 ;

}


/* -------------------------  themes recherche ---------------------- */

#themes_bloc {
    display: flex !important;
   padding-top: 150px !important;
    padding-bottom: 250px !important;
}

.theme {
    position: absolute !important;
    text-align: center !important;
    cursor: pointer !important;
    z-index: 100 !important;
  padding : 0 !important;
  margin : 0 !important;
}

.logoPresThemesTitre {
	width:30px !important;
    padding-right:5px; 
}

/* Conteneur du cercle */
#themes_bloc .circle-container {
  position: relative !important;
  /*  width: 380px !important; */
  width: 680px !important;
  height: 380px !important;
  top: 50px !important;   
  left: 50% !important;
  transform: translateX(-50%) !important;
  background-color:transparent !important;
}

/* Image centrale */
#themes_bloc .center-circle {
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  z-index: 10 !important;
  padding : 0 !important;
  margin : 0 !important;
  width:100% !important;
  background-color:transparent !important;
}

#themes_bloc a, #themes_bloc a:focus, #themes_bloc a:active, #themes_bloc a:hover {
    color:white !important;
    text-decoration: none !important; 
}

#themes_bloc .center-image, #themes_bloc .center-image img   {
  width:100% !important ;
  border-radius: 0% !important;
  background-color:transparent !important;
}

/* Styles pour chaque thême */

#CCSN { top: 8%; left: 35%; transform: translate(-50%,-50%); }
#CCSN_content { top: -30%; left: -330%; transform: translate(-50%,-50%); }
#EIE { top: 8%; left: 67%; transform: translate(-50%,-50%); }
#EIE_content { top: -30%; left: 407%; transform: translate(-50%,-50%); }
#IEdF { top: 66%; left: 35%; transform: translate(-50%,-50%); }
#IEdF_content { top: -65%; left: -330%; transform: translate(-50%,-50%); }
#SDV { top: 66%; left: 67%; transform: translate(-50%,-50%); }
#SDV_content { top: -66%; left: 407%; transform: translate(-50%,-50%); }
#TNEO { top: 121%; left: 35%; transform: translate(-50%,-50%); }
#TNEO_content { top: -72%; left: -330%; transform: translate(-50%,-50%); } 
#VEM { top: 124%; left: 67%; transform: translate(-50%, -50%); }
#VEM_content { top: -72%; left: 407%; transform: translate(-50%,-50%); } 


/* Styles pour chaque pôle
#CCSN { top: 15%; left: 52%; transform: translate(-50%,-50%); }
#CCSN_content { top: -140%; left: -330%; transform: translate(-50%,-50%); }
#VEM { top: 69%; left: 49%; transform: translate(-50%, -50%); }
#VEM_content { top: -540%; left: 440%; transform: translate(-50%,-50%); } 
#TNEO { top: 50%; left: 85%; transform: translate(-50%,-50%); }
#TNEO_content { top: -10%; left: 420%; transform: translate(-50%,-50%); } 
#SDV { top: 68%; left: 83%; transform: translate(-50%,-50%); }
#SDV_content { top: 260%; left: 200%; transform: translate(-50%,-50%); }
#IEdF { top: 120%; left: 50%; transform: translate(-50%,-50%); }
#IEdF_content { top: 80%; left: -310%; transform: translate(-50%,-50%); }
#EIE { top: 66%; left: 12%; transform: translate(-50%,-50%); }
#EIE_content { top: 45%; left: -250%; transform: translate(-50%,-50%); }
 */


 #CCSN_content .nom {
	background-color: var(--ccsn-color);
}
 #VEM_content .nom {
	background-color: var(--vem-color);
}
 #TNEO_content .nom {
	background-color: var(--tneo-color);
}
 #SDV_content .nom {
	background-color:var(--sdv-color);
}
 #IEdF_content .nom {
	background-color:var(--iedf-color);
}
 #EIE_content .nom {
	background-color:var(--eie-color);
}

/*------------------------------ theme recherche ------------------------- */
.bloc_img_bg_theme:has(.CCSN) {
 
  background-image: url('https://www.ls2n.fr/wp-content/uploads/sites/2/2024/02/AdobeStock_211773743.jpeg') !important;
  background-position: 50% 50%;
  background-size: cover;
}

.bloc_img_bg_theme:has(.EIE) {
 
  background-image: url('https://www.ls2n.fr/wp-content/uploads/sites/2/2024/08/AdobeStock_484948621.jpeg') !important;
  background-position: 60% 65% !important;
  background-size: cover;
}

.bloc_img_bg_theme:has(.IEdF) {
 
  background-image: url('https://www.ls2n.fr/wp-content/uploads/sites/2/2024/08/AdobeStock_271945223.jpeg') !important;
  background-position: 50% 50% !important;
  background-size: cover;

}

.bloc_img_bg_theme:has(.SDV) {
 
  background-image: url('https://www.ls2n.fr/wp-content/uploads/sites/2/2024/08/AdobeStock_615025727.jpeg') !important;
  background-position: 50% 50% !important;
  background-size: cover;

}

.bloc_img_bg_theme:has(.VEM) {
 
  background-image: url('https://www.ls2n.fr/wp-content/uploads/sites/2/2024/08/vm_banniere.jpeg') !important;
  background-position: 50% 50% !important;
  background-size: cover;

}

.bloc_img_bg_theme:has(.TNEO) {
 
  background-image: url('https://www.ls2n.fr/wp-content/uploads/sites/2/2026/03/tneo.png') !important;
  background-position: 50% 50% !important;
  background-size: cover;

}

.bloc_img_bg_theme:has(.EIE)  > div, .bloc_img_bg_theme:has(.IEdF)  > div, .bloc_img_bg_theme:has(.SDV) > div, .bloc_img_bg_theme:has(.VEM) > div  {
  background-color: transparent !important;
}

.blocNomProj{
  background-color: rgba(100, 148, 237, 0.65);
  margin-top: 10px;
  margin-left: 0px !important;
  padding: 5px;
  color: white;

}

#blocThemProjets {

  display:flex;
  flex-direction: row !important;
  gap:15px;
  flex-wrap: wrap ; 
} 

.blocThemProjet {
 
      max-width: 400px;
      border-width:1px;
      border-style:solid;
      border-color:black;
      padding : 10px !important;
}

.blocThemProjet h5 {
    float:right;
}

.blocThemProjet .blocExerpt , .blocANREquip .blocExerpt {
  font-size:smaller;
}

.resp_them h5 {

  padding-top : 10px !important ;
}

.resp_them h5 a {
  text-decoration: none; 
  padding-top : 10px !important ;
}

.them_pres a::after { 

	  position:relative;
  	display: inline-block;
	  content: " ";
    width:10px;
    height:10px ;
  	background-image:url(./img/external-link-green.gif);
  	background-size: 100% 100%;
  	margin-left : 5px;
}

/* -------------------------  Poles de recherche ---------------------- */

#poles_bloc {
    display: flex !important;
   padding-top: 150px !important;
    padding-bottom: 250px !important;
   
}

/* Conteneur du cercle */
#poles_bloc .circle-container {
    position: relative !important;
    width: 680px !important;
    height: 380px !important;
    top:50px !important;   
    left: 50% !important;
    transform: translateX(-50%) !important;
}

/* Image centrale */
#poles_bloc .center-circle {
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    z-index: 10 !important;
  padding : 0 !important;
  margin : 0 !important;
  width:100% !important;
}

#poles_bloc .center-image, #poles_bloc .center-image img   {
    width:100% !important ;
    border-radius: 50% !important;
}


/* Pôles */
.pole {
    position: absolute !important;
    text-align: center !important;
    cursor: pointer !important;
    z-index: 100 !important;
  padding : 0 !important;
  margin : 0 !important;
}

.pole .nom a {
  color:white !important;
}

.content {
	background-color: transparent !important;
   padding : 0 !important;
  margin : 0 !important;
}

.logoPresPolesTitre {
	width:30px !important;
    padding-right:5px; 
}

/* Styles pour chaque pôle */
#ccs { top: 15%; left: 52%; transform: translate(-50%,-50%); }
#ccs_content { top: -140%; left: -330%; transform: translate(-50%,-50%); }
#siel { top: 65%; left: 50%; transform: translate(-50%, -50%); }
#siel_content { top: -390%; left: 425%; transform: translate(-50%,-50%); }
#sls { top: 68%; left: 81%; transform: translate(-50%,-50%); }
#sls_content { top: -53%; left: 376%; transform: translate(-50%,-50%); }
#sdd { top: 119%; left: 51%; transform: translate(-50%,-50%); }
#sdd_content { top: 62%; left: -294%; transform: translate(-50%,-50%); }
#rpc { top: 67%; left: 20%; transform: translate(-50%,-50%); }
#rpc_content { top: 10%; left: -300%; transform: translate(-50%,-50%); }



/* Styles des labels */
.pole .label, .theme .label {
    color: white !important;
    padding: 10px !important;
    font-weight: bold !important;
}

.pole .label a , .theme .label a, .pole .label a:hover, .theme .label a:hover, .pole .label a:visited, .theme .label a:visited {
   	color: white !important;
	text-decoration: none;
}

.nom {
	color: white !important;
}


 #ccs_content .nom {
	background-color: var(--ccs-color);
}

 #sls_content .nom {
	background-color: var(--sls-color);
}

 #siel_content .nom {
	background-color: var(--siel-color);
}

 #sdd_content .nom {
	background-color:var(--sdd-color);
}

 #rpc_content .nom {
	background-color:var(--rpc-color);
}


.nom , .txt_acc {
	
	 padding: 10px !important;
}

.txt_acc {
	position:relative !important;
	border-left:solid 1px !important;
  padding-left:20px;
}

.txt_acc a, #themes_bloc .txt_acc a {
  color:black !important;
}

.txt_acc::before {
   content:''; 
   position: absolute; 
   left: -5px; /* Pour ajuster la distance du bord */ 
   top: 20px; /* Pour centrer verticalement */ 
   transform: translateY(-50%); /* Centre le point */ 
   width: 8px; /* Largeur du point */ 
   height: 8px; /* Hauteur du point */ 
   background-color: orange; /* Couleur du point */ 
   border-radius: 50%; /* Pour rendre le point rond */
}

.logoPresPoles, .logoPresThemes {
	width:50px !important;
	
}
 .espacePoles {
  padding-right:15px;
}

.logoPresPolesGrand {
	width:60px !important;
}

#ccs_content .txt_acc::before {
 background-image: url('https://www.ls2n.fr/wp-content/uploads/sites/2/2024/02/CCS-bleu.png');
}
#rpc_content .txt_acc::before {
 background-image: url('https://www.ls2n.fr/wp-content/uploads/sites/2/2024/02/RPC-bleu.png');
}
#sls_content .txt_acc::before {
 background-image: url('https://www.ls2n.fr/wp-content/uploads/sites/2/2024/02/SLS-bleu.png');
}
#siel_content .txt_acc::before {
 background-image: url('https://www.ls2n.fr/wp-content/uploads/sites/2/2024/02/SIEL-bleu.png');
}
#sdd_content .txt_acc::before {
 background-image: url('https://www.ls2n.fr/wp-content/uploads/sites/2/2024/02/SDD-bleu.png');
}


/* Styles du contenu caché */
.pole .content, .theme .content {
    opacity: 100%;
    position: absolute !important;
    width: max-content;
    min-width: 260px !important;
    max-width:350px !important;
    padding: 10px !important;
    text-align: left;
    transition: opacity 0.3s ease-in-out;
}

.bloc_img_bg_pole:has(.ccs) {
 
  background-image: url('https://www.ls2n.fr/wp-content/uploads/sites/2/2024/02/AdobeStock_396119377.jpeg') !important;
  background-position: 50% 50%;
  background-size: cover;
}

.bloc_img_bg_pole:has(.rpc) {
 
  background-position: 50% 50%;
  background-size: cover;
}

.bloc_img_bg_pole:has(.sls) {
 
  background-image: url('https://www.ls2n.fr/wp-content/uploads/sites/2/2024/02/AdobeStock_164392904.jpeg') !important;
  background-position: 50% 50%;
  background-size: cover;
}

.bloc_img_bg_pole:has(.siel) {
 
  background-image: url('https://www.ls2n.fr/wp-content/uploads/sites/2/2024/02/IMG_4307-scaled.jpg') !important;
  background-position: 50% 50%;
  background-size: cover;
}

.bloc_img_bg_pole:has(.sdd) {
 
  background-image: url('https://www.ls2n.fr/wp-content/uploads/sites/2/2024/02/AdobeStock_211686423.jpeg') !important;
  background-position: 50% 50%;
  background-size: cover;
}

/* -------------------------  ANNUAIRE ---------------------- */

#blocFiltres {
	margin-top:50px;
	margin-bottom:70px;
	padding-top:20px;
	padding-left:20px;
	padding-right:20px;
	padding-bottom:20px;
	background-color: var(--wp--preset--color--cornflowerblue);
  color: white;
	border-color: var(--wp--preset--color--azul) !important;
  border-top-width: 2px !important;
  border-left-width: 2px !important;
  border-right-width: 2px !important;
 	border-bottom-width: 2px !important;
 	border-style: solid !important;
 	border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  border-bottom-left-radius: 15px;
 	border-bottom-right-radius: 15px;
}

#blocFiltreAnnuPartA {
	display:flex;
}

#blocFiltreAnnuPartADroite {
	padding-left:50px;
}


.alphabet .btn {
  text-decoration : none !important;
  font-family: TT Norms;
  font-size : 1rem !important;
  border-color: #000000 !important;
  color:#000000 !important;
  background-color : white !important;
  padding: .1rem .5rem !important;
  margin-right:10px;
}

.btn:hover, .btn:focus, .alphabet .btn.active {
	background: var(--wp--preset--color--cornflowerblue) !important;
	color:white !important;
	border-color: white !important;
}

.alphabet {
    display:flex;
	text-align:center;
	margin-left:0px !important;
	padding-left:0px !important;
}

#blocListeMembres li {
  
  list-style-type: none;
}

#blocListeMembres span {

  padding-right: 10px;
}

.nomAnnu, .fa-circle-user , .blocHDRPart i  {
  color: var(--wp--preset--color--azul) ! important;
} 

/* page HDR et THESE
*/

.filtresTitre label {
  padding-right:5px;
}

.filtresTitre select {
  margin-right:5px !important;
}

.pagination-annuaire li {
padding-right:10px !important;
}

.pagination-annuaire a {
  border : solid 1px !important;
  border-color: var(--wp--preset--color--azul) ! important;
 	border-radius: 10px !important;
 	padding-left:5px !important;
 	padding-right:0px !important;
  padding-top:0px !important;
  padding-bottom:0px !important;
}

.pagination-annuaire a:hover {
  background-color:#eaebec !important;  
}

.page-annuaire.active {
  z-index: 3;
  background-color: var(--wp--preset--color--cornflowerblue) ! important;
  border-color: var(--wp--preset--color--azul) ! important;
  border-radius: 10px !important;
}


/* -------------------------  publications ---------------------- */


#blocAffichPublis {
  padding-top : 20px !important;
}

.blocHDRHaut{
	display: flex;
	 justify-content: space-between ;
}

.blocHDRDroite {
	min-width:180px; 
	 font-size: small;
}


.arrowTog i {
  border: 1px solid #337ab7 !important;
  border-radius: 20px !important;
  padding : 4px;
  margin-left : 5px;
}

.titreHDR {
    font-size: 1.7em !important;
    font-weight: 700;
    color: #5297FF;
    font-family: Roboto, sans-serif;
}

.labelAuteurHDR {
	color:#1273CE;   
	 font-weight:bold;
}


.auteurHDR {
	color:#1273CE;   
}

.nomTitreHDR .fa-square {
	background-color: #5297FF;
	color: #5297FF;
}

.labelTitreHDR {
	color: #337ab7;
	font-weight:bold;
	 margin-bottom:10px;
	 font-size:1.2em;
	margin-right:30px;
	 text-align: left;
	padding-left:auto !important;
	padding-right:auto !important;
}

#blocResumCle {
      border-width:1px;
      border-style:dotted;
      border-color:black;
      padding:20px;
      margin-top:20px;
     margin-bottom:10px;
      margin-left:20px;
}

.motclef { 
  font-size: small;
  font-style: italic;
  padding : 5px;
}

.blocResum {
    text-align: justify;
    background: #f8f8f8;
    padding: 10px;
    border-bottom: 1px solid #dddddd;
    margin-bottom: 10px;
}

.nomTitreHDR { 
  cursor: pointer;
  padding-bottom:5px;
   color: #337ab7;
}

.nomTitreHDR:hover{
	color: #23527c;
}

.blocTextPart
{
      padding: 12px;
      display: none;
      border-width:1px;
      border-style:dotted;
      border-color:black;
      max-width:600px;
      margin-bottom:30px;
      height: auto !important;
      text-align:justify;
      background-color: rgba(153, 153, 0, 0.1);
}

 .blocHDRPart
{
      padding: 12px;
      display: none;
      border-width:1px;
      border-style:dotted;
      border-color:black;
      width:90%;
      margin-top:15px;
      margin-bottom:30px;
      height: auto !important;
      text-align:justify;
     
      padding-left:auto;
      padding-right:auto;
}

.blocTextPart img
{
	margin-right:10px!important;
}

#blocTextPartIntro {
  font-size: 1.2em;
  border-style:none !important;
  max-width:100%;
  color: #1273CE;
  font-style: italic;
  text-align:justify;
  background-color: transparent;
}

.orange {

	color:#1273CE !important;
}

.blocTextLiens {
  padding: 12px;
  display: none ;
}


.icontelechargPdf, .iconHal {
	width: 40px;
	padding-left:10px;
	padding-right:10px;
	vertical-align: baseline ;
}

.pastille, .pastilleCat, .pastilleMotclef {

  display: inline-block;
  padding: 4px 10px; /* espace vertical/horizontal */
  border-radius: 9999px; /* forme ovale/pillule */
  color: #fff; /* texte en blanc */
  font-size: 0.9rem; /* taille du texte */
  font-weight: 500;   /* un peu en gras */
  line-height: 1.4;
  margin:0px !important;
  margin-right:5px !important;
  text-align: center !important;
}

.pastille {
  background-color: var(--wp--preset--color--cornflowerblue);
  margin-bottom:5px !important;
}

.pastilleCat {
  background-color: var(--wp--preset--color--azul);
  margin-bottom:5px !important;
}


.pastilleMotclef {
  background-color: #eeeeee !important;;
  color: var(--wp--preset--color--accent-8) !important;
  font-weight: bold !important;;   /* un peu en gras */
  margin-bottom:5px !important;

}

.blocThemProjet .motclef .pastille , .blocThemProjet .motclef .pastilleCat, .blocThemProjet .motclef .pastilleMotclef, .blocANREquip .motclef .pastille , .blocANREquip .motclef .pastilleCat, .blocANREquip .motclef .pastilleMotclef {

  font-size: 0.6rem; /* taille du texte */

}


.logoANRThem, .logoANRLienWeb {
	width:50px !important;
  Padding-bottom : 5px !important;
}

.oriantVertical{
    writing-mode: sideways-lr !important;
}

.logoAnr, .logo_ls2n_anr {
  width: 100px !important;
} 

.oddsBloc IMG {
  max-width: 100px !important;
} 

.porteeBloc IMG {
  max-width: 50px !important;
} 

.porteeBloc figure {
  position: relative; /* nécessaire pour placer l’overlay */
  display: inline-block; /* garder le dimensionnement des images */
}

.porteeBloc .opac::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--wp--preset--color--accent-9);
  opacity: 0.8; /* ajuste la transparence du recouvrement */
  pointer-events: none; /* laisse le clic passer à travers */
}


.logoHal, .logoDepot {
  width: 50px !important;
}

.blocLabelEquip { 
  word-break: normal !important;
  overflow-wrap: normal !important;
}

.logo_poles_equip {
	max-height : 40px !important;
}

#blocANRsEquip, #blocPlatformsEquip, #blocLogicielsEquip{

  display:flex;
  gap:15px;
  flex-wrap: wrap;
} 

.blocANREquip,.blocPlatformEquip, .blocLogicielEquip {
 
      max-width: 400px;
      border-width:1px;
      border-style:solid;
      border-color:black;
      padding : 10px !important;
}

.blocANREquip h4, .blocPlatformEquip h4, .blocLogicielEquip h4 {
    float:right;
}

.blocANREquip img {
  max-width:100px !important;
}

.blocPlatformEquip img, .blocLogicielEquip img  {
  max-width:80px !important;
}

.imagefeatBloc {
	float : left !important;
}
.imagefeatBloc img {
	max-width:150px !important;
}

.flow {
	display: flow !important;
}

.blocExerpt{
  	padding : 10px;
}

.lienDetailANR, .lienDetailPlatform, .lienDetailLog{

  	text-align: right;
}

/* -------------------------  PARTENAIRES ---------------------- */
.blocPartenaires {
	display:flex !important;
  flex-wrap: wrap !important;
  gap:15px;
}

.blocPartenaire  {
  height: 50px !important;
}

.blocPartenaire IMG {
 
  height: 50px !important;
	
}

.partenaires a::after { 
	position:relative;
  	display: inline-block;
	content: " ";
    width:0px;
    height:0px ;
}


footer {
	margin-top: 0px !important;
}

.foot_bloc_tutelles {
  width: 100% !important;
  max-width: 100% !important;
  display: flex !important;
  justify-content: space-between !important;
}

/* -------------------------  page Equipe ---------------------- */

.opacitemid{
  opacity:50% ;

}

.blocSitesRecherche .logo_bat {
  height: 70px;
}

.blocSitesRecherche figcaption {
    text-align:center !important;
}

.flexcenter {
  display:flex;
  justify-content:center;

}

.bloc_equip_pole {

  font-size:medium !important;
  font-weight: bold !important;
  min-width: 50% !important;
}

.bloc_domaines_exp .domaine {

  font-size:medium !important;
  font-weight: bold !important;
}

.bloc_domaines_exp h6 {
  font-weight: bold !important;
  color: var(--wp--preset--color--azul);
}

.bloc_equip_pole .accroch {

  font-size:medium !important;
  font-style:italic !important;
  font-weight: normal !important;

}

.bloc_equip_pole ul {
  font-size:small;
}

.blocAutresEquips {
  display: flex;
  flex-direction: row !important;
  margin-bottom:0px !important;
  padding-bottom:0px !important;
  padding-top:5px !important;
}

.blocAutresEquips ul {
  margin-left : 0px !important;
  padding-left : 0px !important;
  margin-bottom:0px !important;
  padding-bottom:5px !important;
}


.labelPolesEquip {
  padding-top : 5px;
  margin-right:5px;
  color:var(--wp--preset--color--azul) !important ;
}

#projet_pole_them {
  display:flex;
  gap : 10px;
}

.bloc_domaines_exp {
  width:100% !important;
}

.bloc_pole_equip_domain {
  display:flex;
  flex-wrap: wrap !important;
  width:100% !important;
 
}

.bloc_pole_equip_domain .bloc_equip_pole:nth-child(2) {

 padding-left:20px !important;

}

.bloc_pole_equip_domain span {
  padding-right : 10px !important;
}

/************  membres equipes *********************/

.blocPastille {
  display : flex;
  flex-wrap: wrap;  
}

.bloc_membresEquip {
    width : 50% !important;
}

.bloc_respsEquip {
  width : 40% !important;
  position:relative;
}


.bloc_membresEquip h3 {
  display: block !important;
  
  margin-left: auto !important;
  margin-right: auto !important;
  padding: 5px;
  text-align: center !important;
  border-width: 1px !important;
  border-style: solid !important;
  border-color: var(--wp--preset--color--azul) !important ;
}

#table_membre_equip, #table_membre_equipNonPerm {
	padding-left : 30px !important;
	border : 0 ! important ;
  
}

#table_membre_equip td, #table_membre_equipNonPerm  td {
  padding : 0 !important ;
  padding-top : 2px !important;
  padding-bottom : 2px !important;
  padding-left : 5px !important;	 
  font-size : 1em !important ;
}

#table_membre_equip .fa-phone, #table_membre_equip .fa-envelope, #table_membre_equipNonPerm  .fa-phone, #table_membre_equipNonPerm  .fa-envelope {
	color:var(--wp--preset--color--azul) !important ;
}

.table tbody tr > td,
.table tbody tr > th {
	background: #fafafa !important;
}

.table tbody tr:nth-child(2n+1) > td,
.table tbody tr:nth-child(2n+1) > th {
	background: white !important;
}

.table th, .table td {
    border-bottom: 1px solid #ddd !important;
}

.table caption, .table th, .table td {
    text-align: left !important;;
}
.table th, .table td {
    padding: 6px 2% !important;
}
 
.iconHDR{
  display: inline-block;
  padding: 5px 5px;
  border-radius: 50%;
  background-color: var(--wp--preset--color--azul) !important ;
  color : white;
  font-size: x-small;
  font-weight: bold;
}

#ss_menu_mbre_equip {
  margin-left:50px !important;
  position: absolute;
  width : 50% !important;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-content: flex-start;
  gap:8px;
}

#ss_menu_mbre_equip .sous_titre {
  font-size: large;
  font-weight: bold;
  color: var(--wp--preset--color--azul) !important ;
}

#ss_menu_mbre_equip img {
  max-width: 25px !important;
  margin-right: 5px !important;
}

.fa-arrow-rotate-left {
  width: 25px; 
  height: 25px;
  border-radius: 50%;
  background-color: var(--wp--preset--color--cornflowerblue ) !important ;
  color:white;  
  display: inline-flex !important;
  justify-content: center;
  align-items: center;
  padding:5px;
  margin-right: 5px !important;
}

#blocEquipesPoles a, #blocEquipesPoles a:hover, #blocEquipesPoles a:visited {
  color:white ;
}

#blocEquipesPoles ul {
  margin : 0px !important;
  margin-top:2px !important;
  padding : 0px !important;
  gap:4px;
  max-width: 80%;
  list-style-type: none;
}

#blocEquipesPoles .blocPole {
display: flex;
flex-direction: row !important;
gap:2px;
}

#blocEquipesPoles li {
  margin : 2px !important;
  color:white ;
}

.bloc_coordonnees div {
  margin-bottom : 10px !important;
}


/************ fin membres equipes *********************/

/************  fiche membre *********************/

.blocPhotoProfil {
  display: flex;
  flex-direction: column !important;
  width : 100px !important;
 
}

.blocPhotoProfil img {
  width: inherit;
  padding-right:5px !important;
}

/*---------------------------------------------------------------- */

/*---------------------------------------------------------------- */


/*------------------------  publications -------------------------- */

#blocRecapPubli {
	width:100% !important;
  /*border: 1px solid #514F4F; */
  display:flex;
  flex-direction:row;
  justify-content: space-around;
}

#chartPublisLS2N {
  width:100%;
}

#chartPublisLS2N svg {
  font : medium sans-serif !important; 
}

.titreBiblio {

  font-weight: bold !important;
}

.itaBiblio {
  font-style: italic;
}

.iconsBlocPublis {
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-end !important;
  gap:5px;
  align-items: center;
  width: 100%;
  align-content: flex-start;
}

.iconsBlocPublis > .noLink::after {

width:0px !important;
height:0px !important;
margin-left : 0px !important; 
}

.doiIcon {
  color: #fff;
  background-color: #009ccf;
  padding: 5px 3px 5px 3px !important;
  border-radius: 50%;
  text-align: center !important;
  font-size: 11px;
  text-decoration: none !important;
  font-weight: bold !important;
  vertical-align: middle;
}

.fa-file-pdf {
  border-radius: 50%;
  width: 25px;
  height: 25px;
  background-color: #002f49;
  color: #fff;
  text-align: center;
  font-size: 15px;
  vertical-align: middle;
  
}

.fa-file-pdf::before {
  text-align: center;
  vertical-align: -moz-middle-with-baseline;
}

.fa-unlock-keyhole {
  border-radius: 50%;
  padding-top: 4px ;
  width: 25px;
  height: 25px;
  background-color: #98C9B7;
  text-align: center;
  font-size: 15px;
}

#listePublis h4 {
  background-color: #5297FF !important;
  border-bottom: 1px solid #ebebeb !important;
  border-radius: 4px 4px 4px 4px !important;
  font-size: 1.2em !important;
  font-weight: bold !important;
  margin: 0 !important;
    margin-top: 0px;
  margin-top: 10px !important;
  padding: 10px !important;
  text-transform: uppercase !important;
  text-align: center;
  color: white;
}

.frame {
  max-height: 500px !important;
  overflow: auto;
  border-bottom: 1px solid #1273CE !important;
  text-align: left !important;
  display: flex ;
  flex-direction:column;
}


.blocPubliComp {
  display: flex ;
  flex-direction:row;
  
}

.blocPubliGauche {
  width: 80%;
}

#listePublis .sdg-legend {
  width: 350px !important;
  font-size: 11px !important;
  z-index: 100 !important;
  left: -300px !important;
  bottom : -100px !important;
}

#blocResumCle > .sdg-legend {
  width: 350px !important;
  font-size: 11px !important;
  z-index: 100 !important;
  left: 120px !important;
  bottom : 20px !important;
}

#listePublis a::after, .sdg-legend a::after {

  width:0px !important;
  height:0px !important;
  margin-left : 0px !important; 
}

#listePublis .sdg-legend h3 {
  font-size: 1.2em !important;
}

.tooltip {
  position: absolute;
  pointer-events: none;
  padding: 8px 10px;
  border-radius: 6px;
  background: rgba(0,0,0,0.85);
  color: #fff;
  font-size: 12px;
  line-height: 1.3;
  opacity: 0;
  transition: opacity 150ms linear;
  z-index: 9999;
}

/*---------------------------------------------------------------- */

.tabCollabInnov thead {
  border: 3px solid;
} 

.tabCollabInnov th {
    background-color: var(--wp--preset--color--azul) ! important;
    color : white;
    font-size:medium;
}

.tabCollabInnov th:first-child {
    background-color: transparent ! important;
    font-size:medium;
    background-image:url(https://www.ls2n.fr/wp-content/uploads/sites/2/2025/01/LogoLS2Nbis.svg);
  	background-size: 70% auto;
  	background-repeat: no-repeat;
  	background-position: center;
}

.tabCollabInnov a[id] {
  scroll-margin-top: 100px; /* ajuste selon la hauteur de ton header */
}



/*--------------------- page projet --------------------------------*/

.blocSiteProjet {
  border-top-color: var(--wp--preset--color--accent-3);
  border-top-width: 2px;
  background-color: #b5bdbc38;
  padding-top: var(--wp--preset--spacing--10);
  padding-right: var(--wp--preset--spacing--10);
  padding-bottom: var(--wp--preset--spacing--10);
  padding-left: var(--wp--preset--spacing--10);

}

.logoProjthemEquip img {
  max-width: 25px !important;
  width: 25px !important;
  margin-right: 5px !important;
  margin-bottom : 5px !important;
}

@media (max-width: 700px){
    .tabCollabInnov thead {
      display: none;
    }

    .tabCollabInnov tr{
      display: block;
      margin-bottom: 40px;
    }

    .tabCollabInnov td {
      display: block;
      text-align: right;
    }

    .tabCollabInnov td:before {
      padding : 5px !important;
      background-color: var(--wp--preset--color--azul) ! important;
      color : white;
      font-size:medium;
      float: left;
      font-weight: bold;
    }
    
    
   .tabCollabInnov  td:nth-of-type(2):before { content: "Modes de collaboration"; }
	 .tabCollabInnov  td:nth-of-type(3):before { content: "Objectifs"; }

}


/*--------------------- page plateformes --------------------------------*/

.bloc_encadre {
  display: flex;
  float: left;
  flex-direction: column;
  align-items: flex-start;
  width: 30%;
  margin-right : 20px !important;
  z-index: 100;
  position: relative;
}

.bloc_objectifs, .bloc_caracteristiques {
  display: flow !important;
}

  .bloc_objectifs ul, .bloc_caracteristiques ul {
  display: flow-root !important;
}

@media only screen and (max-width: 1079px) {


  #poles_bloc {
      padding-bottom: 150px;
  }
      .circle-container {
          width: 450px;
          height: 450px;
          top:50px; 
      }
  
      .center-circle img {
         width:100%;
      }
  
     .pole .content {
       font-size:smaller;
          min-width: 200px;
          max-width: 250px;
      }
  
  
  /* Styles pour chaque pôle */
  #ccs { top: 0%; left: 0%; transform: translate(0%,0%); }
  #ccs_content { top: -10%; left: 0%; transform: translate(-50%,-50%); }
  #sls { top: 40%; left: 65%; transform: translate(-50%,-50%); }
  #sls_content { top: -200%; left: 250%; transform: translate(-50%,-50%); }
  #siel { top: 63%; left: 62%; transform: translate(-50%, -50%); }
  #siel_content { top: 145%; left: 400%; transform: translate(-50%,-50%); }
  #sdd { top: 67%; left: 45%; transform: translate(-50%,-50%); }
  #sdd_content { top: 350%; left: -20%; transform: translate(-50%,-50%); }
  #rpc { top: 50%; left: 32%; transform: translate(-50%,-50%); }
  #rpc_content { top: 80%; left: -260%; transform: translate(-50%,-50%); }
  
  }

  @media only screen and (min-width: 851px) and (max-width: 1180px) {

    #img_quisomnous, #img_quisomnous div, #img_organisation, #img_organisation div, #img_contacts, #img_contacts div, #img_jobs,#img_jobs div, .img_partenaires, .img_partenaires div,.img_partenaires div,.bloc_img_bg_theme,.bloc_img_bg_theme div {
      min-height : 350px !important;
      max-height : 350px !important;
    }

    .ss_menu_labo {
      bottom : 115px !important;
      right: -6% !important;
    }

    .ss_menu_rech {
      bottom : 115px !important;
      right: -6% !important;
    }

    #quisommenouscols {
      max-width: 100% !important;
      margin-left : 25px !important ;
      margin-right :25px !important ;
      font-size:smaller !important;
    }
  
    #quisommenouscols em {
      
      font-size:smaller !important;
    }


    /*---------------- contact --------------------------------*/

        #cadreSitesPlanAcc {
          width: 100%;
        }
       

  }


  @media only screen and (min-width: 451px) and (max-width: 850px) {

    #quisommenouscols {
      flex-direction: column ;
    }

    #img_quisomnous, #img_quisomnous div, #img_organisation, #img_organisation div, #img_contacts, #img_contacts div, #img_jobs,#img_jobs div, .img_partenaires, .img_partenaires div,.bloc_img_bg_theme,.bloc_img_bg_theme div {
      min-height : 300px !important;
      max-height : 300px !important;
    }

    .ss_menu_labo {
     bottom: 564px !important;
      right: -13% !important;
    }

    .ss_menu_rech {
      bottom: 564px !important;
       right: -13% !important;
     }

    .devDur, .sciOuv, .egalite,  .devDur div, .sciOuv div , .egalite div {

      max-width: 100% !important;
    }

    /*---------------- contact --------------------------------*/
    .blocSitesGroup{
      width: 100% !important ;
      max-width:100% !important ;
      margin : 0px !important ;
      padding : 0px !important ;
      margin-bottom : 50px !important ;
    }

    #cadreSitesPlanAcc {
      width: 100% !important ;
      max-width:100% !important ;
      margin : 0px !important ;
      padding : 0px !important ;
    }

    .cadreSitePlanAcc {
     
      width: 30%;
     
    }

    /*---------------- page them --------------------------------*/
    .pitch_them { 
      max-width: 100%;
        display: flex !important;
        flex-direction: column !important;
    }
    .pitch_them div { 
      margin-left: 10px;
    }
   

    .ccsn_main div {
    
      max-width: 100%;
    }

    .ccsn_main > div {
      padding-left:0px !important;
      max-width: 100%;
    }

  }


  @media only screen and (max-width: 500px) {


    #img_quisomnous, #img_quisomnous div, #img_organisation, #img_organisation div, #img_contacts, #img_contacts div, #img_jobs,#img_jobs div, .img_partenaires, .img_partenaires div,.bloc_img_bg_theme,.bloc_img_bg_theme div {
      min-height : 200px !important;
      max-height : 200px !important;
    }

    .scienOuvCol {

      order :1 ;
    }

    .scienOuvColText{
      order :2 ;

    }

    /*---------------- organnisation ----------------- */
    .orga_bloc_sites {
      max-width: 100% !important;
      flex-direction: column !important;
      text-align: center;
    }

    .orga_bloc_sites img {
      text-align: center;
    }

    .orga_bloc_sites div:first-child {
      flex-direction: column !important;
    }

    .orga_bloc_sites > div:first-child {
      border-bottom: 1px solid var(--wp--preset--color--cornflowerblue);
    }

    .bloc_orga_poles, .orga_bloc_tutelles {
      flex-direction: column !important;

    }
    
    .orga_logo_pole_st{
      max-width: 300px;
    }

    #cadreSitesPlanAcc {
      flex-direction: column !important;
      align-content: center;
    }
    
    .cadreSitePlanAcc{
      width:80% !important;

    }

  }