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

body	
	{
	margin  : 0px;
	padding : 0px;
	min-height : 100vh;
/*	
	background : rgb(68,68,221);
	background : linear-gradient(45deg, rgba(68,68,221,1) 0%, rgba(112,206,242,1) 47%);
*/
	background : white;
	
	
	/*
		Ajout� par KM le 17/11/2025
		
		demande de Mme Pluvieux
	*/
	font : normal 12px Montserrat,Calibri,sans-serif;
	
	
	/*
		Ajout� par KM le 26/11/2025
		
		demande de Mme Pluvieux : force l'utilisation de Montserrat partout
	*/
	font-family:Montserrat,Calibri,sans-serif !important;
	}

.Bold
	{
	font-weight : bold;
	}
	
.Italic
	{
	font-style : italic; 
	}

.FlexRow
	{
	display : flex;
	flex-direction : row;
	flex-wrap : wrap;
	}

.FlexColumn
	{
	display : flex;
	flex-direction : column;
	flex-wrap : wrap;
	}

.InnerContainer
	{
	width : 1000px;
	flex-wrap : wrap;
	align-items : center;
	}
	
.Left 
	{
	float:left;
	}

.Popup	{
	width : 100%;
	}

.Center	{
	width : 100%;
	display : flex;
	flex-direction : row;
	background-color : #ffffff;
	}

.Page	
	{
	/*
		Modifi� par KM le 14/10/2025
		
		demande de Mme Pluvieux
	
	max-width : 1100px;
	margin : 0 auto;
	
	padding : 0px 60px 0px 60px;
	
	box-shadow : rgba(0, 0, 0, 0.35) 0px 5px 30px;
	*/
	
	background-color : #ffffff;
	border-radius : 2px;
	padding:0px 20px;
	}
	
.Content
	{
	display : flex;
	flex-direction : column;
	justify-content : center;

	width : 100%;
	
	
	/*
		Ajout� par KM le 16/10/2025
		
		refonte du portail
	*/
	margin-top:20px;
	}



/*
	Ajout� par KM le 02/12/2025
	
	demande de Mme Pluvieux
*/
.ContentIpr    {
	display : flex;
	flex-direction : row;
	justify-content : center;
	width : 100%;
	margin-top:20px;
	align-items:flex-start;
}


.ContentTitle
	{
	margin-bottom : 20px;
	text-align : center;
	
	font : bold 34px montserrat,calibri,sans-serif;
	

	/*
		Modifi� par KM le 26/11/2025
		
		demande de Mme Pluvieux : souhaite que le beige soit plus fonc�
	
		Modifi� par KM le 17/11/2025
		
		demande de Mme Pluvieux, pas la bonne couleur
	
		Modifi� par KM le 10/11/2025

		demande de Mme Pluvieux

	color : #0094d1;
	
	color:#a68329;

	color:#e4dac6;
	*/
	color:#d4c8b3;
	}
	
	
/*
	Ajout� par KM le 16/10/2025
	
	refonte du portail
*/
.PaginerTitle    {
	text-align:center;
	font : bold 14px montserrat,calibri,sans-serif;
	

	/*
		Modifi� par KM le 26/11/2025
		
		demande de Mme Pluvieux : souhaite que le beige soit plus fonc�
	
		Modifi� par KM le 17/11/2025
		
		demande de Mme Pluvieux : pas la bonne couleur
	
		Modifi� par KM le 10/11/2025

		demande de Mme Pluvieux

	color : #0094d1;
	
	color:#a68329;
	
	color:#e4dac6;
	*/
	color:#d4c8b3;
}
	
	
.ContentSubtitle
	{
	padding-bottom : 60px;
	text-align : center;

	font : 16px montserrat,calibri,sans-serif;
	color : #434343;
	line-height : 2em;
	}
	
.ContentSubtitleNoMargin
	{
	padding-bottom : 0px;
	text-align : center;

	font : 16px montserrat,calibri,sans-serif;
	color : #434343;
	line-height : 2em;
	}

.ContentTitle2
	{
	margin : 20px 0px 20px 0px;
	text-align : center;
	font : bold 24px montserrat,calibri,sans-serif;
	color : #0094d1;
	}

.Hidden
	{
	display : none;
	}

.Button
	{
	padding : 10px 20px 10px 20px;
	margin-bottom : 30px;
		
	border-radius : 3px;
	
	display : flex;
	align-items : center;
	justify-content : center;
	
	cursor : pointer;
		
	font : normal 16px Calibri;
	color : #ffffff;
	}

.Button:hover
	{
	opacity: 0.7;
	}

.ButtonBlue
	{
	/*
		Modifi� par KM le 15/10/2025
		
		refonte du portail
	
	background: rgb(68,138,221);
	background: linear-gradient(45deg, rgba(68,138,221,1) 0%, rgba(112,206,242,1) 100%);
	*/
	
	background-color: #6993BF;
    color: #FFFFFF;
    padding: 2px 10px;
    font-size: 10pt;
    cursor: pointer;
	
	
	/*
		Ajout� par KM le 21/10/2025
		
		refonte du portail CRCV
	*/
	border-radius:3px;
	}


/*
	Ajouté par KM le 10/11/2025

	demande de Mme Pluvieux
*/
.ButtonGold    {
	background-color:#a68329;
	color:#fff;
	padding: 2px 10px;
    font-size: 10pt;
    cursor: pointer;
	border-radius:3px;
}

/*
	Ajout� par KM le 17/11/2025
	
	demande de Mme Pluvieux
*/
.ButtonBeige    {
	/*
		Modifi� par KM le 26/11/2025
		
		demande de Mme Pluvieux : foncer le beige
	
	background-color:#e4dac6;
	*/
	background-color:#d4c8b3;
	
	
	/*
		Modifi� par KM le 27/11/2025
		
		demande de Mme Pluvieux
	
	color:#fff;
	*/
	color:#000;
	
	
	padding: 2px 10px;
    font-size: 10pt;
    cursor: pointer;
	border-radius:3px;
}

	
	
/*
	Ajout� par KM le 05/11/2025
	
	refonte du portail crcv
*/
.ButtonBlack    {
	background-color: #000;
    color: #FFFFFF;
    padding: 2px 10px;
    font-size: 10pt;
    cursor: pointer;
	border-radius:3px;
}
	
	
/*
	Ajout� par KM le 21/10/2025
	
	refonte du portail CRCV
*/
.ButtonGreen
        {
        border-radius : 3px;
        font-family: Arial;
        font-size: 14px;
        color : #000000;
        background-color: #27ae60;
        padding: 5px 20px 5px 20px;
        text-decoration: none;
        cursor : pointer;
		}


.ButtonGrey
	{
	background: rgb(144,144,144);
	background: linear-gradient(45deg, rgba(144,144,144,1) 0%, rgba(207,207,207,1) 100%);
	}

.ButtonRed
	{
	background: rgb(232,87,87);
	
	
	/*
		Modifi� par KM le 21/10/2025
		
		refonte du portail CRCV
		
	background: linear-gradient(45deg, rgba(232,87,87,1) 0%, rgba(255,181,181,1) 100%);
	*/
	
	padding: 2px 10px;
    font-size: 10pt;
    cursor: pointer;
	border-radius:3px;
	}


.ScrollToTop
	{
	width : 50px;
	position : fixed;
	right : 50px;
	bottom : 50px;

	cursor : pointer;

	display: none;
	}
	
.ScrollToTop:hover
	{
	opacity : 0.7;
	}


.White
	{
	color : #ffffff;
	}

.Black
	{
	color : #000000;
	}

.Red
	{
	color : #ff0000;
	}

.Text
	{
	font : normal 14px Montserrat,Calibri,sans-serif;
	color : #434343;
	line-height : 1.5em;
	}
	
.TextIntro
	{
	/*
		Modifi� par KM le 29/09/2025
	
	margin : 0px auto 50px auto;
	*/
	
	
	
	/*
		Modifi� par KM le 29/09/2025
	
	border : solid 1px #70cef2;
	*/
	
	font : normal 14px Montserrat,Calibri,sans-serif;
	color : #434343;
	
	
	/*
		Modifi� par KM le 17/11/2025
		
		demande de Mme Pluvieux
	
	line-height : 1.5em;
	*/
	
	
	/*
		Modifi� par KM le 14/10/2025
		
		demande de Mme Pluvieux
	
		max-width : 500px;
		padding : 20px;
		text-align : center;
		margin: 25px auto 50px auto;
		border-radius : 2px;
	
	*/
	width:1600px;
	margin-left:20px;
	margin-bottom:50px;
	margin-top:40px;
	}
	

.Completion
	{
	max-width : 100%;	
	max-height : 210px;
	
	padding : 10px 15px 10px 15px;
	background-color : #f5f5f5;
	
	font : normal 14px Montserrat,Calibri,sans-serif;
	color : #434343;
	}

.Completion div
	{
	padding : 2px 0px 2px 0px;
	
	cursor : pointer;
	}	
	
.Completion div:hover
	{
	font-weight: bold;
	}	
	

.ProcessButton
	{
	-webkit-box-shadow: 0px 1px 3px #666666;
	-moz-box-shadow: 0px 1px 3px #666666;
	box-shadow: 0px 1px 3px #666666;
	font-family: Arial;
	color: #000000;
	font-size: 14px;
	background: #d0d0d0;
	padding: 5px 20px 5px 20px;
	text-decoration: none;
	}

.ProcessButton:hover
	{
	background: #3cb0fd;
	background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
	background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
	background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
	background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
	background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
	text-decoration: none;
	}


.Icone
	{
	width : 24px;
	height : 24px;
	
	padding : 10px;

	cursor : pointer;
	}
	

/*
	Ajout� par KM le 16/10/2025
	
	refonte du portail
*/
.IconePgn    {
	width:12px;
	height:12px;
	padding:10px;
	cursor:pointer;

	
	/*
		Modifi� par KM le 26/11/2025
		
		demande de Mme Pluvieux : souhaite que le beige soit plus fonc�
	
		Ajout� par KM le 17/11/2025
		
		demande de Mme Pluvieux
	
	filter: brightness(0) saturate(100%) invert(92%) sepia(6%) saturate(350%) hue-rotate(8deg) brightness(96%) contrast(88%);
	*/
	filter:brightness(0) saturate(100%) invert(88%) sepia(10%) saturate(350%) hue-rotate(5deg) brightness(80%) contrast(92%);
}


/* taille du texte de plan du site*/
.fontSize
	{
	font-size: 14px;
	}

	
/*
	Ajout� par KM le 12/07/2022
	
	AP demande � ce que l'affichage des sites soit le m�me que pour le portail olives3.1
*/
.LinksExtern
	{
	justify-content : center;
	}

.LinkExtern
	{
	min-width : 100px;
	
	margin : 30px;
	padding : 30px;
	
	text-align : center;
	
	border : 1px solid #d9d9d9;
	border-radius : 2px;
	
	font : normal 16px Calibri,sans-serif;
	color : #0b5394;
	line-height : 1.5em;
	text-decoration : none;
	}
	
.LinkExtern:hover
	{
	border : 1px solid #70cef2;
	}	
	
.LinkExternImage
	{
	height : 70px;
	width : auto;
	}

.Link
	{
	color: -webkit-link;
	cursor: pointer;
	text-decoration: underline;
	}

.Troncated
	{
	min-height : 100px;
	
	/*
	Modifi� par KM le 13/07/2022
	
	vu en r�union avec BO + AP + KM => ne pas utiliser la classe Troncated

	overflow:hidden;
	
	display:-webkit-box;
	-webkit-line-clamp:11;
	-webkit-box-orient:vertical;
	*/
	}

.AdaptedCouv{
	/*
		Modifi� par KM le 07/11/2025
		
		refonte du portail crcv
	
	width: 55px;
	height: 100%;
	*/
	
	display: flex;
    align-items: center;   /* Centre verticalement */
    justify-content: center; /* Centre horizontalement */
    width: 100%;
    height: 200px;
    overflow: hidden; /* optionnel si l�image d�passe */
}


.AdaptedCouv img {
  max-width: 100%;
  max-height: 100%;
}


.SchNot,
.RecNot    {
	width:100%;
	margin-bottom:10px;
}


.Couverture{
	/*
		Modifi� par KM le 07/11/2025
		
		refonte du portail crcv
	
	position: relative;
	top:30px;
	left: -40px;
	width:90px;
	height: 128px;
	*/
	
	
	Background-size: contain;
	Background-repeat: no-repeat;
	Background-position: top;


	/*
		Ajout� par KM le 07/11/2025
		
		refonte du portail crcv
	*/
	max-width:300px;
	height:auto;
	max-height:200px;
}

.IprCouverture{
	width:90px;
	height: 128px;
	float: left;
	margin: 0 10px 0 0;
	
	Background-size: contain;
	Background-repeat: no-repeat;
	Background-position: top;
}

.CouvertureMail{
	width:50px;
	height: 80px;
	margin-right: 10px;
	
	Background-size: contain;
	Background-repeat: no-repeat;
	Background-position: top;
}


/*
	Ajout� par KM le 14/10/2025
	
	refonte du portail 3.1
*/
.MonSelTitle,
.MonRecTitle    {
	margin-bottom:10px;
	margin-top:40px;
}

.MonSelTitle > div:first-child,
.MonRecTitle > div:first-child    {
	padding-left:10px;
	
	
	/*
		Modifi� par KM le 04/11/2025
		
		demande de Mme Pluvieux
	
	font : normal 10pt Montserrat,Calibri,sans-serif;
	background-color: #A7BDD5;
	*/
	font : normal 14pt Montserrat,Calibri,sans-serif;
	
	
	/*
		Modifi� par KM le 26/11/2025
		
		demande de Mme Pluvieux : souhaite que le beige soit plus fonc�
		
		Modifi� par KM le 17/11/2025
		
		demande de Mme Pluvieux
	
	background-color:#a68329;
	
	background-color:#e4dac6;
	*/
	background-color:#d4c8b3;
	
	
	line-height : 1.5em;
}

.MonSelSubTitle,
.MonRecSubTitle    {
	/*
		Modifi� par KM le 04/11/2025
		
		demande de Mme Pluvieux
	
	font-size: 8pt;
	*/
	font-size:12px;
	
	
    padding-bottom: 10px;
	padding-top:10px;
	padding-left:20px;
}


/*
	Ajout� par KM le 16/10/2025
	
	refonte du portail
*/
.NoticePaginer    {
	padding:10px 0px;
	align-items:center;
}


/*
	Ajout� par KM le 17/10/2025
	
	refonte du portail
*/
.descripteur { font-size:10pt; padding-left:10px; padding-top:5px; font-family:"Verdana"; font-size:10pt;}
.employe {}
.synonyme {}
.generique {}
.specifique {white-space:nowrap;}

.descripteur a    {
   text-decoration: none;
    color: #000000;
    border: none;
}


/*
	Ajout� par KM le 21/10/2025
	
	refonte du portail CRCV
*/
.FctAnn    {
	width:100px;
}


/*
	Ajout� par KM le 04/11/2025
	
	refonte du portail CRCV
*/
.noLink,
.noLink a    {
	text-decoration:none;
	color:#888888;
}

.MonSelAcc    {
	padding-top:20px;
}

.MonSelAccBas    {
	text-align:center;
	margin-bottom:20px;
	
	
	/*
		Modifi� par KM le 17/11/2025
		
		demande de Mme Pluvieux
	
	font-size:16px;
	*/
	font-size:20px;
}


/*
	Ajout� par KM le 17/11/2025

	demande de Mme Pluvieux
*/
.MonSelAccNot    {
	text-align:center;
}

.MonSelAccNot Img    {
	/*
		Ajout� par KM le 27/11/2025
		
		demande de Mme Pluvieux : ATTENTION si on augment la largeur, il faut aussi augmenter la hauteur pour que ca reste coh�rent (ou modifier l'image pour que le texte s'adapte)
		ou alors nous indiquer directement la taille de l'image en px (largeur * hauteur)
	
	width:200px;
	height:auto;
	*/
	width:400px;
	height:90px;
	}


/*
	Ajout� par KM le 05/11/2025
	
	refonte du portail crcv
*/
.liens-pdf > div    {
  /*
	Modifi� par KM le 18/11/2025
	
	demande de Mme Pluvieux
  
  display: flex;
  justify-content: space-between;
  align-items: center;
  */
  
  
  width: 100%;
  max-width:750px;
  margin:0 auto;
  margin-top:50px;
}

.liens-pdf a {
  text-decoration: none;
  color: #4189b7;
  font-size:10pt;
  font-weight: 500;
  white-space: nowrap;
  
  
  /*
	Ajout� par KM le 18/11/2025
	
	demande de Mme Pluvieux
  */
  font-size:16px;
}


/*
	Ajout� par KM le 27/11/2025
	
	demande de Mme Pluvieux
*/
.LnkAvrNot a    {
	color: #4189b7;
	text-decoration:none;
}


/*
	Ajout� par KM le 18/11/2025
	
	demande de Mme Pluvieux
*/
.liens-pdf img[src*="pdf"],
.noLink img[src*="pdf"]    {
	display:none;
}

.liens-pdf-bur    {
	margin-bottom:10px;
}


/*
	Ajout� par KM le 10/11/2025
	
	redirection urls
*/
.IconeRight    {
	justify-content: flex-end;
	align-items: center;
}


/*
	Ajout� par KM le 18/11/2025
	
	demande de Mme Pluvieux
*/
.blocPdfSearch    {
	display:flex;
	gap:20px;
	align-items:flex-start;
}

#recherche    {
	text-align:center;
	
	
	/*
		Modifi� par KM le 26/11/2025
		
		demande de Mme Pluvieux : souhaite que le beige soit plus fonc�
	
	color:#e4dac6;
	*/
	color:#d4c8b3;
	
	
	font: bold 20px montserrat, calibri, sans-serif;
}

#recherche *    {
	/*
		Modifi� par KM le 26/11/2025
		
		demande de Mme Pluvieux : souhaite que le beige soit plus fonc�
	
	color:#e4dac6;
	*/
	color:#d4c8b3;
}


/*
	Ajout� par KM le 19/11/2025
	
	demande de Mme Pluvieux
*/
/*
.champ    {
	display:flex;
	align-items:center;
}

.label    {
	font-weight:bold;
	margin-right:8px;
}

.valeur    {
}
*/
.champ    {
	display:grid;
	grid-template-columns:350px 1fr;
	column-gap:10px;
}

.label    {
	font-weight:bold;
	align-self:start;
}

.valeur,
.valeur span    {
	display:block;
}



.h20    {
	margin-top:20px;
}

.h10    {
	margin-top:10px;
}

.filet-top    {
	border-top:1px solid #bdd1e4;
	margin-top:15px;
	margin-bottom:20px;
	padding:0;
}

.NotLink    {
	text-decoration:underline;

	
	/*
		Ajout� par KM le 02/12/2025
		
		demande de Mme Pluvieux
	*/
	cursor:pointer;
}



/*
	Ajout� par KM le 20/11/2025
	
	demande de Mme Pluvieux
*/
.Lienige    {
	margin-top: 20px;
    max-width: 300px;
    max-height: 200px;
    height: auto;
}


/*
	Ajout� par KM le 04/12/2025
	
	demande de Mme Pluvieux
*/
.inline .valeur    {
	display:inline;
}

.inline    {
	display:block;
}


/*
	Modifi� par KM le 10/12/2025
	
	demande de Mme Pluvieux

.inline span + span    {
	margin-right:4px;
}
*/


.overlay    {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5); /* gris semi-transparent */
    display: none; /* cach� par d�faut */
    z-index: 1000;
}

.Log    {
	position:absolute;
	z-index:1000;
	width: 35%;
    background-color: #f0f0f0;
    box-shadow: 2px 2px 10px black;
}

.LogTitle    {
	text-transform: uppercase;
	margin:5px;
	flex-grow:1;
}

.Log input    {
	border:1px solid #d4c8b3;
	margin:5px auto;
	width:80%;
	display:block;
}

.LogIcn    {
	width:12px;
	height:12px;
	padding:5px;
	cursor:pointer;
}


.LogCnx    {
	width:50px;
	margin:10px auto;
}

.Bib    {
	position:relative;
}


/*
	Ajout� par KM le 12/01/2026
	
	ajout d'un lien Suite dans le lexique
*/
.lexique-next {
      text-align: center;
      margin-top: 2px;
      margin-bottom: 15px;
      padding-bottom: 10px;
      bottom: 0;
  }


.lexique-next a {
    font-size: 16px;
    font-weight: bold;
	color: #0066cc;
    text-decoration: underline;
}




/* Smartphone */
@media only screen and (max-width:480px)
	{	
	.Page
		{
		padding : 0px 10px 0px 10px;
		}	
		
	.Logo
		{
		width:18%;
		min-width:70px;
		flex-shrink:0;
		}

	.LinkExtern
		{
		margin : 20px 10px 20px 10px;
		}

	.LinkExternImage
		{
		max-width: calc( 100% - 5px );
		}
		
	.FlexRowWrap
		{
		justify-content: center;
		}

	.ScrollToTop
		{
		width : 40px;
		right : 20px;
		bottom : 20px;
		}
	}

/* Tablet	*/
@media only screen and (min-width:481px) and (max-width:800px)
	{
	.HeaderTitle
		{
		font-size:2.5em;
		}

	.Logo
		{
		width:19%;
		max-width:120px;
		flex-shrink:0;
		}	

	.Icone:hover
		{
		background-color : #f5f5f5;
		border-radius : 2px;
		}	
	}


/* Desktop */
@media only screen and (min-width:801px)
	{
	.HeaderTitle
		{
		font-size:4em;
		}

	.Icone:hover
		{
		background-color : #f5f5f5;
		border-radius : 2px;
		}
	}

/*
	Ajouté par KM le 27/01/2026

	Demande cliente : forcer l'impression en mode paysage
*/
@page
	{
	size: landscape;
	}

@media print
	{
	.Breadcrumb, .Footer, .NotActionIcones, .NotPaginer, .HeaderTitlesMobile
		{
		visibility : hidden;
		display : none;
		}

	body
		{
		background-color : #ffffff;
		}
	a
		{
		text-decoration: none;
		}

	.NoticeContent, .Page, .Header
		{
		border : solid 1px white;
		padding : 0px;
		margin : 0px;
		box-shadow : none;
		}
	
	.Header, .HeaderCenter, .FlexColumn, .Breadcrumb, .Content, .List
		{
		display: block;	
		}

	.SimpleSearch, .Navigation, .Facet, .Icone, .IconeNav, .ListBasket, .Hidden
		{
		display : none;
		}

	.NoticeField
		{
		padding : 0px;
		}

	.ListItem
		{
		float:none;
		width: 100vw;
		}

	.Facet
		{
		display : none;
		}
	.Couverture, .IprCouverture
		{
		-webkit-print-color-adjust: exact;
		color-adjust: exact;
		}
	}
	
	
	
	
html *    {
	border:0px solid cyan;
}