/*<meta />*/

/*Imports */

@import url('Meta.css');
@import url('Topnav.css');
@import url('Footer.css');
@namespace MadCap url(http://www.madcapsoftware.com/Schemas/MadCap.xsd);

/*@import url("Searchbar.css");*/
/* SIDE MENU & CONTENT */


html, body {
  height: 100%;
  margin: 0;
}


MadCap|breadcrumbsProxy
{
	color: var(--grays-gray-600, #666);
	font-family: Rubik, Arial, sans-serif;
	font-size: 12px;
	font-weight: 400;
	font-style: normal;
	border-bottom-width: 0px;
	mc-breadcrumbs-prefix: '';
	mc-breadcrumbs-divider: '  >  ';
	mc-breadcrumbs-count: 4;
	margin-bottom: 8px;
	/*padding-right: 41px;*/
}

MadCap|breadcrumbsProxy a
{
	color: var(--grays-gray-600, #666);
	text-decoration: none;
}

.flex-container
{
	display: flex;
	/*min-height: 100vh;*/
	/*height: calc(100vh - 122px);*/
	height: 100vh;
  	overflow: hidden;
}

.emptybox {
    margin-top: 64px;
}


/* SIDE MENU */

.sidenav
{
	background-color: white;
	font-family: 'Rubik', Arial, sans-serif;
	/*width: auto;*/
	width: 370px;
	max-width: 370px;
	/*modifié*/
	overflow: scroll;
	height: 92vh;
	padding: 0px;
	margin: 0px;
	justify: space-between;
	/*	flex: 1; */
	/* Modifié pour adapter la largeur */
	border-right: solid 2px #E5E5E5;
	vertical-align: top;
	position: fixed;
	/*top: 66px;*/
	top: 74px;
	margin-top: 55px;
  	
}

.sidenav_illu
{
	margin: 0px;
	padding: 15px;
	padding-bottom: 17px;
	display: flex;
	/*border-bottom: solid 2px #E5E5E5;*/
	position: relative;
	height: 50px;
	align-items: center; /* centre verticalement */
	justify-content: center; /* (optionnel) centre horizontalement */
}

.Work-Side-Illu{

width: 195px;
height: 24px;
display: flex;
padding-right: 4px;
margin-right: auto;
margin-left: auto;

}

.Meet-Side-Illu
{
width: 195px;
height: 24px;
display: flex;
padding-right: 4px;
margin-right: auto;
margin-left: auto;
}

.Admin-Side-Illu
{
width: 195px;
display: flex;
padding-right: 4px;
margin-right: auto;
margin-left: auto;
color: #333;
font-feature-settings: 'liga' off;
/* Typos 2026/_Titres - sections pas hero */
font-family: 'Space Grotesk', sans-serif;
font-size: 30px;
font-style: normal;
font-weight: 700;
line-height: 100%; /* 30px */
letter-spacing: -0.9px;
}


.Connect-Side-Illu
{
/*width: 151px;
display: flex;
padding-right: 26px;
padding-left: 22px;*/
width: 195px;
display: flex;
padding-right: 4px;
margin-right: auto;
margin-left: auto;
color: #333;
font-feature-settings: 'liga' off;
/* Typos 2026/_Titres - sections pas hero */
font-family: 'Space Grotesk', sans-serif;
font-size: 30px;
font-style: normal;
font-weight: 700;
line-height: 100%; /* 30px */
letter-spacing: -0.9px;
}


.sidenav_illu::after
{
  content: "";
  position: absolute;
  left: 5%;
  right: 5%;
  bottom: 0;
  height: 2px;
  background: linear-gradient(90deg,#0C96CD,#DA6A6C,#6A976D);
}

/*.sidenav_illu img
{
	width: 270px;
	border-radius: 8px;
	display: inline-block;
	padding-right: 4px;
	margin-right: auto;
	margin-left: auto;
}*/

/* MENU PROXY */

.sidenav_menu
{
	max-width: 370px;
	/*overflow: hidden;*/
	text-decoration: none;
	font-size: 12px;
	font-weight: 500;
	line-height: 20px;
	color: #333333;
	/*margin-left: 24px;*/
	margin-top: 10px;
}

MadCap:menuProxy
{
	margin-bottom: 15px;
	margin-top: 15px;
	margin-right: 0px;
	margin-left: 0px;
}

._Skins_SideNav
{
	list-style: none;
	text-decoration: none;
	color: #333;
	font-feature-settings: 'liga' off;
	font-family: 'Space Grotesk', sans-serif;
	font-size: 15px;
	font-style: normal;
	font-weight: 700;
	letter-spacing: -0.45px;
	line-height: 20px;
	text-align: left;
	width: 100%;
	
}

._Skins_SideNav ul
{
	color: #333;
	font-feature-settings: 'liga' off;
	font-family: 'Space Grotesk', sans-serif;
	font-size: 15px;
	font-style: normal;
	font-weight: 700;
	letter-spacing: -0.45px;
	display: block;
	margin-bottom: 10px;
	/*border-bottom: solid 2px #E5E5E5;*/
	/*padding: 10px;*/
	list-style-type: none;
}

._Skins_SideNav ul ul
{
	display: block;
	margin-left: 10px;
	border-left: solid 1px #CCCCCC;
	color: #333;
	font-feature-settings: 'liga' off;
	font-family: 'Space Grotesk', sans-serif;
	font-size: 15px;
	font-style: normal;
	font-weight: 700;
	letter-spacing: -0.45px;
}

._Skins_SideNav ul li
{
	border-bottom: solid 1px #F2F2F2;
	padding: 10px 24px;
	align-items: center;
	/*padding-left: 10px;
	padding-bottom: 10px;
	padding-top: 10px;*/
}

._Skins_SideNav a
{
	text-decoration: none;
	color: #333333;
}

._Skins_SideNav ul li.has-children li.tree-node-leaf
{
	border-top: 0;
	align-self: stretch;
}

._Skins_SideNav a.selected
{
	display: inline-block;
	margin-bottom: 16px;
}

._Skins_SideNav ul.sub-menu li ul.sub-menu li.tree-node-leaf:hover
{
	background-color: #E7F1FC;
	border-left: solid 1px #111111;
	color: #333;
	font-feature-settings: 'liga' off;
	font-family: 'Space Grotesk', sans-serif;
	font-size: 15px;
	font-style: normal;
	font-weight: 700;
	letter-spacing: -0.45px;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
}

._Skins_SideNav ul.sub-menu li ul.sub-menu li.tree-node-leaf
{
	font-weight: 400;
}

._Skins_SideNav li.tree-node-leaf
{
	padding-top: 8px;
	padding-bottom: 8px;
	border-bottom: 0px;
}

ul._Skins_SideNav.mc-component > li > a
{
	display: none;
}

._Skins_SideNav li.has-children a::after
{
	content: url("../../Images/Icon-siteweb/dropdown.svg");
	position: relative;
	top: 4px;
	left: 5px;
	width: 16px;
	height: 16px;
	justify-content: center;
	align-items: center;
}

._Skins_SideNav li.tree-node-leaf a::after
{
	content: url("../../Images/Icon-siteweb/dropdown.svg");
	display: none;
}

._Skins_SideNav li.has-children > a::after
{
	content: url("../../Images/Icon-siteweb/dropup.svg");
}

._Skins_SideNav li.tree-node-leaf
{
	border-bottom: solid 1px #F2F2F2;
}

._Skins_SideNav li.has-children li.has-children li.tree-node-leaf
{
	border-bottom: 0;
}

._Skins_SideNav li.tree-node-leaf a.selected
{
	margin-bottom: 0;
}

/* CONTENT */

.content_wrap
{
	background-color: white;
	font-family: 'Rubik', Arial, sans-serif;
	flex: 2;
	justify: space-between;
	display: block;
	/*inlne-*/
	overflow-x: hidden;
	flex-grow: 1;
	margin-left: 370px;
	margin-top: 66px;
	flex: 1;
  	overflow-y: auto;
  	height: 100%;

	/*
	overflow-x: visible;
	overflow-y: scroll;*/
	/*width: 100vw;
	height: 100vh;
	padding-right: 0px;
	padding-bottom: 0px;*/
}

/* Hide scrollbar for Chrome, Safari and Opera */

.content_wrap::-webkit-scrollbar
{
	display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */

.content_wrap
{
	-ms-overflow-style: none;
	/* IE and Edge */
	scrollbar-width: none;
	/* Firefox */
	overflow-y: auto;
	height: calc(100vh - 66px);
	/* Maintenez la hauteur */
	scroll-behavior: smooth;
}

/**hero meet**/

.Topic_Gradient_Meet
{
	/*background: linear-gradient(91.7deg, rgba(233, 243, 238, 0) 1.07%, #E9F3EE 100%), linear-gradient(0deg, #F9F9F9, #F9F9F9);*/
	display: block;
	background-color: #202024;
	height: 213px;
	position: relative;
  	overflow: hidden; /* ← c’est la clé */
  	z-index: 0;
	border-radius: 10px;
	margin-right: 41px;
}

.ellipse5 {
width: 470.507px;
height: 470.507px;
border-radius: 470.507px;
opacity: 0.2;
background: #6A976D;
filter: blur(30px);
z-index: 0;
position: absolute;
mix-blend-mode: plus-lighter;
top: -20%;
left: -10%;
}

.ellipse6 {
width: 458.945px;
height: 458.945px;
border-radius: 458.945px;
opacity: 0.31;
background: #0A77A2;
mix-blend-mode: plus-lighter;
filter: blur(30px);
z-index: 0;
position: absolute;
top: 20%;
left: -10%;
}

.ellipse7 {
width: 314.049px;
height: 314.049px;
border-radius: 314.049px;
opacity: 0.47;
background: rgba(255, 255, 255, 0.80);
mix-blend-mode: color-dodge;
filter: blur(150px);
z-index: 0;
position: absolute;
right: 0;
top: 50%;
}

.ellipse8 {
width: 712.038px;
height: 712.038px;
border-radius: 712.038px;
opacity: 0.9;
background: #6A976D;
mix-blend-mode: lighten;
filter: blur(150px);
z-index: 0;
position: absolute;
top: -50%;
left: 10%;
}

/**hero api**/

.Topic_Gradient_Connect
{
	/*background: linear-gradient(270deg, #FFFFFF 0%, #EED5FC 100%);*/
	display: block;
	background-color: #202024;
	height: 213px;
	position: relative;
  	overflow: hidden; /* ← c’est la clé */
  	z-index: 0;
	border-radius: 10px;
	margin-right: 41px;
}

.ellipse13 {
width: 470.507px;
height: 470.507px;
border-radius: 470.507px;
opacity: 0.15;
background: #0C96CD;
filter: blur(150px);
z-index: 0;
position: absolute;
mix-blend-mode: plus-lighter;
top: -20%;
left: -10%;
}

.ellipse14 {
width: 458.945px;
height: 458.945px;
border-radius: 458.945px;
opacity: 0.1;
background: #0A77A2;
mix-blend-mode: plus-lighter;
filter: blur(150px);
z-index: 0;
position: absolute;
top: 20%;
left: -10%;
}

.ellipse15 {
width: 314.049px;
height: 314.049px;
border-radius: 314.049px;
opacity: 0.47;
background: rgba(255, 255, 255, 0.80);
mix-blend-mode: color-dodge;
filter: blur(150px);
z-index: 0;
position: absolute;
right: 0;
top: 50%;
}

.ellipse16 {
width: 712.038px;
height: 712.038px;
border-radius: 712.038px;
opacity: 0.1;
background: rgba(12, 150, 205, 0.30);
mix-blend-mode: lighten;
filter: blur(150px);
z-index: 0;
position: absolute;
top: -5%;
left: 5%;
}

.Topic_Gradient_Sign
{
	background: linear-gradient(270deg, #F4D3D3, #FAF4F4);
	display: block;
	height: 213px;
}

/**hero admin**/

.Topic_Gradient_Suite
{
	/*background: linear-gradient(270deg, #D2D2D1, #fcfbfb);*/
	/*#F2EFED*/
	display: block;
	background-color: #202024;
	height: 213px;
	position: relative;
  	overflow: hidden; /* ← c’est la clé */
  	z-index: 0;
	border-radius: 10px;
	margin-right: 41px;
}

.ellipse9 {
width: 470.507px;
height: 470.507px;
border-radius: 470.507px;
opacity: 0.2;
background: #0C96CD;
filter: blur(150px);
z-index: 0;
position: absolute;
mix-blend-mode: plus-lighter;
top: -20%;
left: -10%;
}

.ellipse10 {
width: 458.945px;
height: 458.945px;
border-radius: 458.945px;
opacity: 0.1;
background: #0A77A2;
mix-blend-mode: plus-lighter;
filter: blur(150px);
z-index: 0;
position: absolute;
top: 20%;
left: -10%;
}

.ellipse11 {
width: 314.049px;
height: 314.049px;
border-radius: 314.049px;
opacity: 0.47;
background: rgba(255, 255, 255, 0.80);
mix-blend-mode: color-dodge;
filter: blur(150px);
z-index: 0;
position: absolute;
right: 0;
top: 50%;
}

.ellipse12 {
width: 712.038px;
height: 712.038px;
border-radius: 712.038px;
opacity: 0.1;
background: rgba(12, 150, 205, 0.30);
mix-blend-mode: lighten;
filter: blur(150px);
z-index: 0;
position: absolute;
top: -5%;
left: 5%;
}

/** hero work**/

.Topic_Gradient_Work
{
	/* background: linear-gradient(270deg, #6EBEDE, #EAF9FF 80%);*/
	/*background: linear-gradient(270deg, #b6deee, #f0f8fb);*/
	/*background: linear-gradient(270deg, #b6deee, #f0f8fb);*/
	display: block;
	background-color: #202024;
	height: 213px;
	position: relative;
  	overflow: hidden; /* ← c’est la clé */
  	z-index: 0;
	border-radius: 10px;
	margin-right: 41px;
}



.content_wrap,
.sidenav,
.content {
  z-index: inherit;
  background: white; /* important pour masquer */
}

.ellipse1 {
width: 470.507px;
height: 470.507px;
border-radius: 470.507px;
opacity: 0.2;
background: #0C96CD;
filter: blur(30px);
z-index: 0;
position: absolute;
mix-blend-mode: plus-lighter;
top: -20%;
left: -10%;
}

.ellipse2 {
width: 458.945px;
height: 458.945px;
border-radius: 458.945px;
opacity: 0.31;
background: #0A77A2;
mix-blend-mode: plus-lighter;
filter: blur(30px);
z-index: 0;
position: absolute;
top: 20%;
left: -10%;
}

.ellipse3 {
width: 314.049px;
height: 314.049px;
border-radius: 314.049px;
opacity: 0.47;
background: rgba(255, 255, 255, 0.80);
mix-blend-mode: color-dodge;
filter: blur(150px);
z-index: 0;
position: absolute;
right: 0;
top: 50%;
}

.ellipse4 {
width: 712.038px;
height: 712.038px;
border-radius: 712.038px;
opacity: 0.5;
background: #0C96CD;
mix-blend-mode: lighten;
filter: blur(150px);
z-index: 0;
position: absolute;
top: -5%;
left: 5%;
}



.Topic_Gradient_OOTP
{
	/*background: linear-gradient(to left, #C7CAFF, #FFFFFF);*/
	background: linear-gradient(to left, #22BAF0, #F9F9F9);
	display: block;
	height: 213px;
}

.content
{
	/*padding: 70px;*/
	padding: 30px 70px 70px 70px;
	max-width: 1100px;
	margin-left: 0;
	margin-right: auto;
}

.content h1
{
	display: none;
}





/* MISE EN PAGE */

*
{
	mc-hyphenate: never;
	mc-short-line-method: tighten-loosen;
	mc-short-line: 4;
}

/* TITRES */

p.TitreModule	/* Titres dans le tableau de présentation des modules */
{
	margin-top: 8pt;
	font-size: 10pt;
	text-align: center;
	font-family: 'Wotfard Medium', Arial, sans-serif;
	color: #266DB0;
}

h1.Titre1	/* modif maya test */
{
	text-align: left;
	margin-top: 0px;
	/*margin-bottom: 130px;*/
	mc-heading-level: 1;
	font-family: 'Rubik', Arial, sans-serif;
	font-weight: 700;
	color: #fff;
	font-size: 32px;
	/*	mc-auto-number-format: 'GH:{n+}.  ';*/
	/* NEW */
	mc-auto-number-position: outside-head;
	mc-auto-number-offset: 30px;
	/*margin-left: 30px;*/
	page-break-after: avoid;
	page-break-inside: auto;
	/*line-height: 36px;*/
	/*	top: 155px;
    left: 440px;
    position: absolute;*/
	padding-top: 70px;
	padding-left: 70px;
}

h2.Titre2	/* modif maya test */
{
	text-align: left;
	margin-top: 40px;
	margin-bottom: 12px;
	page-break-after: avoid;
	page-break-inside: avoid;
	color: #333333;
	mc-heading-level: 2;
	font-family: 'Rubik', Arial, sans-serif;
	font-size: 24px;
	font-weight: 700;
	/*mc-auto-number-format: 'GH:{n}.{n+}.  ';*/
	/* NEW */
	mc-auto-number-position: outside-head;
	mc-auto-number-offset: 40px;
	/*margin-left: 40px;*/
	line-height: 24px;
}


h3.Titre3	/* modif maya test */
{
	text-align: left;
	font-size: 16px;
	page-break-after: avoid;
	page-break-inside: avoid;
	margin-top: 18px;
	margin-bottom: 18px;
	mc-heading-level: 3;
	font-family: 'Rubik', Arial, sans-serif;
	color: #333333;
	/* mc-auto-number-format: 'GH:{n}.{n}.{n+}.  '; */
}

h4.Titre4
{
	text-align: left;
	font-size: 10.5pt;
	page-break-after: avoid;
	page-break-inside: avoid;
	margin-top: 18pt;
	font-family: 'Wotfard Medium', Arial, sans-serif;
	color: #1A2E42;
	text-decoration: underline;
	mc-heading-level: 0;
}

p.Titredimage
{
	margin-top: 0pt;
	margin-bottom: -5pt;
	/* Pour contrebalancer la marge de p.image */
	text-align: center;
	font-family: 'Rubik', Arial, sans-serif;
	font-weight: regular;
	color: #70bedb;
	font-size: 10.5pt;
	text-decoration: underline;
}

p.Legendeimage
{
	margin-top: 0pt;
	margin-bottom: -5pt;
	/* Pour contrebalancer la marge de p.image */
	text-align: center;
	font-family: 'Rubik Light', Arial, sans-serif;
	color: #70bedb;
	font-size: 10.5pt;
}

div.Legendeimage
{
	display: block;
	width: 8cm;
	margin: auto;
	text-align: center;
}

/* PARAGRAPHES */
/* Pour les paragraphes de liste, voir la section LISTES */
/* Pour les paragraphes d'images, voir la section IMAGES */
/*div.content*/

p	/* modif maya test */
{
	text-align: left;
	font-size: 14px;
	font-weight: 400;
	margin-top: 16px;
	/* 12 pt ont été convertis en px*/
	margin-bottom: 16px;
	/* 12 pt ont été convertis en px*/
	font-family: 'Rubik', Arial, sans-serif;
	mc-hyphenate: never;
	mc-short-line-method: tighten-loosen;
	mc-short-line: 4;
	line-height: 24px;
}

p.Annulerlaction	/* Titres de section pour procédure d'annulation */
{
	margin-top: 24pt;
	text-align: left;
	font-size: 10.5pt;
	font-family: 'Rubik', Arial, sans-serif;
	font-weight: 600;
}

p.ParagrapheIndentation	/* Pour les paragraphes qui doivent être alignés sur le contenu d'une liste */
{
	margin-top: 8pt;
	margin-bottom: 8pt;
	font-size: 10.5pt;
	margin-left: 36pt;
	font-family: 'Rubik', Arial, sans-serif;
}

/* LISTES */

div.content ol
{
	margin-top: 8pt;
	margin-bottom: 0pt;
	text-align: justify;
	font-family: 'Rubik', Arial, sans-serif;
	font-size: 14px;
	font-weight: 400;
	list-style-position: outside;
}

/*test maya mise en forme liste web*/

ol.Ordered-List-Web
{
	counter-reset: item;
	list-style-type: none;
	list-style-position: inside;
	padding-left: 40px;
}

ol.Ordered-List-Web li
{
	position: relative;
	padding-left: 35px;
}

ol.Ordered-List-Web li::before
{
	display: flex;
	padding: 4px;
	font-family: 'Rubik', Arial, sans-serif;
	font-size: 12px;
	font-weight: 400;
	line-height: 20px;
	vertical-align: middle;
	align-items: center;
	justify-content: center;
	width: 16px;
	color: #094385;
	text-align: center;
	height: 16px;
	content: counter(item) "  ";
	counter-increment: item;
	position: absolute;
	left: 0;
	background-image: url('../../Images/Icon-siteweb/Rectangle 256.png');
	background-repeat: no-repeat;
	background-position: center;
}

div.Remarque ol.Ordered-List-Web li::before
{
	background-image: url('../../Images/Icon-siteweb/Rectangle 256-var.png');
}

ol.Ordered-List-Web li img
{
	vertical-align: middle;
}

ul.nonumber
{
	margin-left: 50px;
}

ul.nonumber li
{
	list-style-type: disc;
	color: #000000;
	padding-left: 0px;
	margin-left: 20px;
}

ul.nonumber li::before
{
	display: none;
}

div.content ol li	/* Permet de mettre les puces en gras */
{
	font-weight: bold;
}

/*div.content */

ol li p
{
	font-weight: normal;
	/* Permet de n'avoir que puces en gras, pas le texte */
	margin-top: 16pt;
	/*	margin-top: 16px;*/
	/*test avec 10 pt pas mal */
	margin-bottom: 16pt;
	/*	margin-bottom: 16px;*/
	/*test avec 10 pt pas mal */
}

div.content ul	/* modif maya test */
{
	margin-top: 8px;
	margin-bottom: 0px;
	text-align: justify;
	font-family: 'Rubik', Arial, sans-serif;
	font-size: 14px;
	display: block;
}

div.content ul li
/* modif maya test */
/* Permet de mettre les puces en couleur */
{
	/*color: #70bedb;*/
	/*couleur produit*/
	color: #000000;
	margin-top: 0px;
	/*8px*/
	margin-bottom: 4px;
	/*8px*/
}

div.content ul li p	/* Permet de n'avoir que puces en couleur, pas le texte */
{
	color: black;
	margin-top: 0px;
	margin-bottom: 4px;
}

div.content ul:last-child
{
	margin-bottom: 16px;
}

/* Puce au format SVG */

ul.ListeModule li
{
	margin: 0;
	margin-top: 0px;
	/* Permet d'ajuster l'alignement vertical de la puce pour l'aligner sur le texte */
	padding-top: -5px;
	/* Permet d'ajuster l'alignement vertical */
	list-style: none;
	/* Ici, c'est le background qui set de puce. On retire la puce pour ne pas avoir d'interférence */
	background: url('../Images/Bullets/arrow-11px.svg') no-repeat left top;
	padding-left: 25px;
	/* Correspond à la largeur de la puce + l'espacement souhaité avec le texte */
	margin-left: -60px;
	/* Supprimer l'indentation */
}

.ListeModule p
{
	text-align: left;
}

div.content ul li
{
	margin-left: 35px;
}

/*div.content ul li ul
{
	margin-left: 55px;
}*/

div.content ul li ul
{
	margin-left: 0px;
}

div.content ol li ul li
{
	margin-left: 0px;
}

/*div.content ol li > ul li
{
	margin-top:0px ;
}	*/

/* DEBUT PARTIE NON TRAITEE */

div.content table td > ul li
{
	margin-left: 0px;
}

/* à vérifier, conflit entre nos 2 versions. Ici version MAYA Feb 15 10:45 */

div.content table ul ul
{
	margin-left: 30px;
}

div.content table td p > ul
{
	margin-left: 35px;
}

/*div.content table tr td p > ul 
{
	margin-left: 15px;

}*/

/*Version MAYA*/
/* FIN PARTIE NON TRAITEE */
/* IMAGES */

p.image
/* Paragraphe d'image (corps du guide) */
/*modification maya test*/
{
	text-align: center;
	display: block;
	margin-top: 15px;
	/* avant:25px */
	margin-bottom: 15px;
}

p.imageModule	/* Paragraphe d'image (tableau de présentation des modules) */
{
	text-align: center;
	display: block;
	margin-top: 5px;
	margin-bottom: 15px;
}

p.image img	/*modification maya test #70bedb*/
{
	border: solid #F2F2F2 2px;
	border-radius: 16px;
	/*couleur produit*/
	/*max-width: 16cm;*/
	/*image responsive*/
	max-width: 800px;
	height: auto;
}

li p.image img	/*modification maya test #70bedb*/
{
	border: solid #F2F2F2 2px;
	border-radius: 16px;
	/*max-width: 15cm;*/
	/*image responsive*/
	max-width: 800px;
	height: auto;
}

p.image-rounded-inline img
{
	border: solid #F2F2F2 2px;
	max-height: 28px;
	border-radius: 10px;
	margin-right: 4px;
	margin-left: 4px;
}

p.image-rounded-center img
{
	border: solid #F2F2F2 2px;
	max-height: 28px;
	border-radius: 10px;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 10px;
}

p.image img.noborder
{
	border: 0;
}

img.inline	/* Image insérée à l'intérieur d'un paragraphe (type icône, bouton) */
{
	border: solid #F2F2F2 2px;
	border-radius: 8px;
}

/* TABLEAUX */

div.content table
{
	margin-top: 12pt;
	margin-bottom: 12pt;
	/*width: 100%;*/
	page-break-inside: auto;
}

div.content tr
{
	page-break-inside: auto;
	/* formerly "avoid" */
}

.TableStyle-Fonctionnalites-CSV tr
{
	page-break-inside: auto;
}

div.content th
{
	
}

div.content td
{
	margin-top: 0pt;
	font-family: 'Rubik', Arial, sans-serif;
	font-weight: 400;
	font-size: 14px;
	line-height: 20px;
}

div.content td p
{
	text-align: left;
	margin-top: 0px;
	margin-bottom: 4px;
}

div.content td p.imageModule
{
	text-align: center;
	display: block;
	margin-top: 5px;
	margin-bottom: 15px;
}

div.content td p.image
{
	text-align: center;
	vertical-align: middle;
}

div.content td p.Titredimage
{
	text-align: center;
	vertical-align: middle;
}

div.content td p.Legendeimage
{
	text-align: center;
}

p.Sectionsdutableau	/* Titres de section au sein du tableau */
{
	margin-top: 0pt;
	text-align: left;
	font-family: 'Rubik', Arial, sans-serif;
	font-size: 10.5pt;
	font-weight: 600;
}

.TableStyle-Fonctionnalites-CSV li,
.TableStyle-Generalites li,
.TableStyle-MD-Fonctionnalites-CSV li,
.TableStyle-MD-Generalites li,
.TableStyle-SH-Fonctionnalites-CSV li,
.TableStyle-SH-Generalites li,
.TableStyle-SA-Fonctionnalites-CSV li,
.TableStyle-SA-Generalites li,
.TableStyle-Module li
{
	margin-left: -22px;
}

.TableStyle-Fonctionnalites-CSV p,
.TableStyle-MD-Fonctionnalites-CSV p,
.TableStyle-SH-Fonctionnalites-CSV p
{
	text-align: left;
	font-size: 10pt;
	widows: 2;
	letter-spacing: normal;
}

.TableStyle-Fonctionnalites p,
.TableStyle-MD_Fonctionnalites p,
.TableStyle-SH_Fonctionnalites p
{
	text-align: left;
}

.TableStyle-Generalites tbody p
{
	text-align: left;
}

.TableStyle-SH-Liste-Parametres p
{
	margin-top: 2pt;
	margin-bottom: 2pt;
}

p.Titredetableau	/* Entête du tableau */
{
	margin-top: 8pt;
	font-size: 12pt;
	margin-bottom: 8pt;
	text-align: center;
	font-family: 'Rubik', Arial, sans-serif;
	font-weight: 600;
}

/* MISE EN FORME INLINE */

span.Warning
{
	font-family: 'Rubik', Arial, sans-serif;
	font-weight: 600;
	color: #CD3310;
	text-decoration: none;
}

span.Accroche	/* Titres ou phrases d'accroche lors de choix multiples/branches dans la procédure */
{
	font-family: 'Rubik', Arial, sans-serif;
	font-weight: 600;
	color: #094385;
}

span.Symbole	/* Pour insérer un symbole/puce/numérotation Wingdings dans un paragraphe */
{
	font-family: 'Wingdings';
	font-weight: normal;
}

span.UIControl	/* Libellés d'interface (onglets, boutons, noms de menus, d'icônes, d'options ou de listes...) */
{
	font-family: 'Rubik', Arial, sans-serif;
	font-weight: 600;
}

span.EmphaseGras,
ul.EmphaseGras
{
	font-family: 'Rubik', Arial, sans-serif;
	font-weight: 600;
}

span.Italique
{
	font-style: italic;
}

span.EmphaseRouge
{
	color: #CD3310;
}

span.NotesRemarques
{
	font-family: 'Rubik', Arial, sans-serif;
	font-weight: 600;
}

span.Attention-icon
{
	/* Add dimensions to span */
	display: inline-block;
	width: 32px;
	height: 32px;
	border-radius: 8px;
	align-items: center;
	/* Add background image */
	background-image: url('../../Images/Icon-siteweb/Attention-Icon.svg');
	background-repeat: no-repeat;
	background-size: 100% 100%;
	vertical-align: middle;
}

span.NotesRemarques-icon
{
	/* Add dimensions to span */
	display: inline-block;
	width: 32px;
	height: 32px;
	border-radius: 8px;
	align-items: center;
	/* Add background image */
	background-image: url('../../Images/Icon-siteweb/Note-Icon-img.svg');
	background-repeat: no-repeat;
	background-size: 100% 100%;
	vertical-align: middle;
}

span.Ressources-PDF
{
	font-family: 'Rubik', Arial, sans-serif;
	color: #898989;
	font-weight: 600;
	font-size: 14px;
	line-height: 24px;
}

span.PDF-icon
{
	/* Add dimensions to span */
	display: inline-block;
	width: 35px;
	height: 35px;
	border-radius: 4px;
	align-items: center;
	/* Add background image */
	background-image: url('../../Images/Icon-siteweb/PDF-Icon-1.svg');
	background-repeat: no-repeat;
	background-size: 100% 100%;
	vertical-align: middle;
	margin-right: 8px;
}

span.Lienhypertexte
{
	color: #0F6FDE;
	/*couleur produit*/
	text-decoration: underline;
}

span.nobreak
{
	white-space: nowrap;
}

/* Mise en forme remarque*/

div.Remarque
{
	background-color: #E7F1FC;
	padding: 16px;
	border-radius: 8px;
	display: flex;
	gap: 16px;
	margin-top: 16px;
	margin-bottom: 16px;
}

div.Remarque p
{
	margin: 0;
}

div.Attention
{
	background-color: #FEF7E9;
	padding: 16px;
	border-radius: 8px;
	display: flex;
	gap: 16px;
	margin-top: 16px;
	margin-bottom: 16px;
}

div.Attention p
{
	margin: 0;
}

/* Mise en forme bulle ressources*/

div.PDF-Ressources
{
	display: flex;
	border: solid #F2F2F2 2px;
	border-radius: 16px;
	padding: 24px;
	gap: 16px;
	flex-direction: column;
	align-items: flex-start;
	margin-top: 32px;
}

div.PDF-Ressources p
{
	margin: 0;
}

div.up1_Home	/*This is a custom responsive layout row style (div class) in your stylesheet. To provide your own description for this style: (1) Open the stylesheet; (2) Find and select the div class with this name; and (3) In the Comment field, replace this text with your own. For more information on adding comments to styles, see the online Help.*/
{
	mc-grid-row: true;
	margin-left: auto;
	margin-right: auto;
}

div.up1_Home::before
{
	content: ' ';
	display: table;
}

div.up1_Home::after
{
	content: ' ';
	display: table;
	clear: both;
}

div.up1_Home > div
{
	float: left;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

div.up1_Home > div:nth-child(1)
{
	width: 100%;
	margin-left: 0%;
}

div.retrait
{
	margin-top: 10.66px;
	margin-bottom: 10.66px;
	text-align: justify;
	font-size: 14px;
	margin-left: 48px;
	font-family: 'Rubik Light', Arial, sans-serif;
}

@media print
{
	MadCap|xref.refFR
	{
		mc-format: '« {u}{color #70bedb}{paratext}{/color}{/u} », page {page}';
		/*couleur produit*/
	}

	MadCap|xref.refEN
	{
		mc-format: '{quote}{u}{color #70bedb}{paratext}{/color}{/u}{quote} on page {page}';
		/*couleur produit*/
	}
}

@media screen
{
	MadCap|xref.refFR
	{
		mc-format: '{u}{color #0F6FDE}{paratext}{/color}{/u}';
	}

	MadCap|xref.refEN
	{
		mc-format: '{u}{color #0F6FDE}{paratext}{/color}{/u}';
	}
}

div.content a:link,
div.content a:hover,
div.content a:visited,
div.content a:active
{
	color: #0F6FDE;
	/*couleur produit*/
	text-decoration: underline;
}

div.MCBreadcrumbsBox_0 a:link,
div.MCBreadcrumbsBox_0 a:hover,
div.MCBreadcrumbsBox_0 a:visited,
div.MCBreadcrumbsBox_0 a:active
{
	/*color: var(--grays-gray-600, #666);*/
	color: #fff;
	text-decoration: none;
}

div.MCBreadcrumbsBox_0
{
	position: relative;
	top: 70px;
	left: 70px;
	z-index: 1;
	color: #fff;
}

div.PDF-Ressources a:link,
div.PDF-Ressources a:hover,
div.PDF-Ressources a:visited,
div.PDF-Ressources a:active
{
	color: #333333;
	text-decoration: none;
}

span.EmphaseVert
{
	color: #008020;
}

.height-container-no-footer
{
	padding-bottom: 0px;
}

/*@keyframes rotationFleche {
  0% {
    transform: rotate(0deg);
  }
  100%{
    transform: rotate(-180deg);
  }
}*/

/* tabs test*/

ul.tabs
{
	margin: 0px;
	padding: 0px;
	list-style: none;
	position: relative;
}

ul.tabs:after
{
	position: absolute;
	content: "";
	width: 100%;
	bottom: 0;
	left: 0;
	border-bottom: 1px solid #ddd;
}

ul.tabs .tab-link
{
	color: #666666;
	display: inline-block;
	padding: 10px 10px;
	cursor: pointer;
	margin-left: -4px;
	position: relative;
	z-index: 0;
	font-weight: bold;
}

ul.tabs .current
{
	background: #fff;
	color: #0F6FDE;
	margin-left: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	/*border-top: 1px solid #ddd;*/
	border-bottom: 2px solid #0F6FDE;
	/*border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;*/
	z-index: 99;
}

ul.tabs .tab-link:hover
{
	background: #c2c2c2;
	color: #000;
	display: inline-block;
	padding: 10px 10px;
	cursor: pointer;
	margin-left: -5px;
	/*border: 1px solid transparent;*/
}

ul.tabs .current:hover
{
	background: #fff;
	color: #0F6FDE;
	margin-left: 0px;
	margin-right: 10px;
	/*border-top: 1px solid #ddd;*/
	border-bottom: 2px solid #0F6FDE;
	/*	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;*/
	z-index: 2;
}

.tab-content
{
	display: none;
	background: #ededed;
	padding: 15px;
	background-color: transparent;
}

.tab-content.current
{
	display: inherit;
}

/* DropDown */

.MCDropDown
{
	/*text-decoration: none;*/
	color: #333333;
	border-bottom: solid 2px #F2F2F2;
}

.MCDropDown_Open
{
	text-decoration: none;
	color: #333333;
}

.MCDropDown_Closed
{
	text-decoration: none;
	color: #333333;
	margin-top: 26px;
	margin-bottom: 26px;
}

.MCDropDownHead
{
	display: block;
}

.MCDropDownHotSpot
{
	cursor: pointer;
	background-repeat: no-repeat;
}

div.content .MCDropDown_Closed a.MCDropDownHotSpot,
div.content .MCDropDown_Open a.MCDropDownHotSpot
{
	text-decoration: none;
	color: #333333;
}

.MCDropDownBody
{
	margin-left: 18px;
	overflow: hidden;
}

.MCDropDown_Open .MCDropDownBody
{
	display: block;
}

.MCDropDown_Closed .MCDropDownBody
{
	display: none;
}

img .MCDropDown_Image_Icon
{
	border: none;
	/*	height:32px;
	width:32px;*/
	background-position: right;
	content: none;
}

.MCDropDown_Image_Icon
{
	display: none;
}

.dropDownHotspot
{
	text-decoration: none;
}

.dropDownHotspot:link
{
	text-decoration: none;
}

.MCDropDown_Open .MCDropDownHotSpot_.MCHotSpotImage
{
	background-position: right;
	background-image: url('../../Images/Icon-siteweb/dropdown.svg');
	padding-left: 1px;
	padding-right: 25px;
}

.MCDropDown_Closed .MCDropDownHotSpot_.MCHotSpotImage
{
	background-position: right;
	background-image: url('../../Images/Icon-siteweb/dropup.svg');
	padding-left: 0px;
	padding-right: 25px;
}

.dropDownHead
{
	text-decoration: none;
}

.MCDropDown_Closed .dropDownHead
{
	text-decoration: none;
	padding-bottom: 20px;
}

.MCDropDown_Open .dropDownHead
{
	text-decoration: none;
	padding-top: 18px;
}

#MobileTOC > *
{
	display: none;
}

/*back to top button*/

#back-to-top
{
	display: none;
	vertical-align: middle;
	/*	padding: 13px 15px 13px 15px;
	mc-float: frame-center;
	margin-bottom: 0px;*/
	margin-right: 10px;
	position: absolute;
	right: 0px;
	bottom: 50px;
	width: 48px;
	height: 48px;
	padding: 6px 0px 0px 0px;
	gap: 12px;
	border-radius: 48px;
	opacity: 0px;
	background: #FFFFFF;
	border: 1.5px solid #E5E5E5;
	box-shadow: 0px 24px 48px 0px #46515E3D;
	z-index: 1000;
	/*transition: all 0.5s ease-out;*/
	transition: background-color .3s, opacity .5s, visibility .5s;
}

/**popup image**/
/* Image cliquable */

.clickable-image
{
	cursor: pointer;
	max-width: 100%;
	/* S'adapte à la largeur de la page */
}

/* Conteneur du pop-up */

.popup
{
	display: none;
	/* Caché par défaut */
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background-color: rgba(0, 0, 0, 0.8);
	padding: 20px;
	z-index: 2000;
	
}

/* Style de l'image dans le pop-up */

#popup-container.popup img#popup-image
{
	max-width: 90vw;
	/* Limite la largeur à 90% de la fenêtre */
	max-height: 90vh;
	/* Limite la hauteur à 90% de la fenêtre */
	object-fit: contain;
	width: auto;
    height: auto;
}

/* Fond d'écran sombre pour le mode pop-up */

#overlay
{
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	background-color: rgba(0, 0, 0, 0.8);
	z-index: 1000;
	display: none;
	/* Caché par défaut */
}

.table-container
{
	max-width: 100%;
	/* S'assure que le conteneur ne dépasse pas la largeur de l'écran */
	overflow-x: auto;
	/* Permet le défilement horizontal */
}

a[name] {
  scroll-margin-top: 64px;
}


/**Responsive**/

@media screen and (min-width: 3840px)
{
	body p
	{
		font-size: 200%;
		line-height: 1.8;
	}

	.flex-container
	{
		max-width: 90%;
		/* Conserver un padding pour éviter que le contenu touche les bords de l'écran */
		margin: 0 auto;
		/* Centrer */
		padding: 20px;
	}

	button
	{
		font-size: 20px;
		padding: 15px 30px;
	}

	img,
	video
	{
		width: 100%;
		height: auto;
	}
}


@media screen and (max-width: 1920px)
{
	.sidenav
	{
		height: 93vh;
	}
}

@media screen and (max-width: 1280px)
{
	.sidenav
	{
		height: 80vh;
	}
}

@media screen and (max-width: 1024px)
{
div.MCBreadcrumbsBox_0 {
margin-right: 70px;

}

}


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

.Topic_Gradient_Meet, .Topic_Gradient_Work, .Topic_Gradient_Connect, .Topic_Gradient_Suite {

margin-right: 0px;

}
	#back-to-top
	{
		z-index: 99;
	}

	.sidenav
	{
		display: none;
	}
	
	.emptybox {
    display: none;
	}
	
	.small-emptybox { 
display: none;
}

	/**Gradient**/

	.Topic_Gradient_Meet
	{
		/*height: 260px;*/
		height: 219px;
	}

	.Topic_Gradient_Connect
	{
		/*height: 260px;*/
		height: 219px;
	}

	.Topic_Gradient_Sign
	{
		/*height: 260px;*/
		height: 219px;
	}

	.Topic_Gradient_Suite
	{
		/*height: 260px;*/
		height: 219px;
	}

	.Topic_Gradient_Work
	{
		/*height: 194px;*/
		height: 219px;
	}

	.Topic_Gradient_OOTP
	{
		/*height: 260px;*/
		height: 219px;
	}

	/**end of Gradient**/

	.TitreSommaire
	{
		font-family: 'Space Grotesk', sans-serif;
		font-size: 17px;
		font-weight: 500;
		line-height: 20px;
		text-align: left;
		color: #898989;
	}

	span.Summary
	{
		font-family: 'Space Grotesk', sans-serif;
		font-size: 17px;
		font-weight: 500;
		line-height: 20px;
		text-align: left;
		/*color: #898989;*/
		color: #333333;
	}

	#MobileTOC
	{
		background-color: #FFFFFF;
	}

	#MobileTOC ul li
	{
		margin-left: 0px;
		text-align: left;
	}

	#MobileTOC ul li ul
	{
		margin-left: 0px;
		text-align: left;
	}

	#MobileTOC ul li ul a
	{
		color: #333333;
		text-decoration: none;
		display: flex;
	}

	#MobileTOC ul li ul a:hover,
	#MobileTOC ul li ul a:focus,
	#MobileTOC ul li ul a:active
	{
		color: #0F6FDE;
		text-decoration: none;
		display: flex;
	}

	._Skins_SideNav ul.sub-menu li ul.sub-menu li.tree-node-leaf:hover,
	._Skins_SideNav ul.sub-menu li ul.sub-menu li.tree-node-leaf:focus,
	._Skins_SideNav ul.sub-menu li ul.sub-menu li.tree-node-leaf:active
	{
		background-color: #FFFFFF;
		border-left: solid 1px #0F6FDE;
		font-family: 'Space Grotesk', sans-serif;
		font-weight: 600;
		border-top-right-radius: 4px;
		border-bottom-right-radius: 4px;
	}

	#MobileTOC a.selected
	{
		color: #333333;
		text-decoration: none;
	}

	#MobileTOC > *
	{
		all: none;
		display: contents;
	}

	#MobileTOC
	{
		display: block;
		padding: 15px;
		gap: 16px;
		margin-top: 30px;
		margin-bottom: 30px;
		border: solid #F2F2F2 2px;
		border-radius: 16px;
	}

	#MobileTOC p
	{
		margin: 0;
	}

	#MobileTOC .TitreSommaire
	{
		display: block;
		font-size: 16px;
		font-weight: 500;
	}

	#MobileTOC .MCDropDown_Open .MCDropDownHotSpot_.MCHotSpotImage,
	#MobileTOC .MCDropDown_Closed .MCDropDownHotSpot_.MCHotSpotImage
	{
		background-position: left;
		background-image: url('../../Images/Icon-siteweb/menu_burger.svg');
		padding-right: 0px;
		padding-left: 30px;
		margin-left: 5px;
	}

	#MobileTOC .MCDropDownBody
	{
		margin-left: 0;
	}

	#MobileTOC .MCDropDown_Closed .dropDownHead
	{
		padding-bottom: 0;
	}

	#MobileTOC ._Skins_SideNav ul li:last-child
	{
		border-bottom: 0;
	}

	#MobileTOC ul:last-child
	{
		margin-bottom: 0;
	}

	.content
	{
		padding: 0px 70px 70px 70px;
	}

	/*test image popup respnsive */

/*	img:not(.popup\000020img)
	{
		max-width: 80% !important;
	}*/
	
	
	/*img:not(.popup img)
	{
		max-width: 80% !important;
	}*/
	
	
	p.image img	
{
	border: solid #F2F2F2 2px;
	border-radius: 16px;
	max-width: 80%;
	height: auto;
}

li p.image img {
    border: solid #F2F2F2 2px;
    border-radius: 16px;
    max-width: 80%;
    height: auto;
}
	
	.content img:not(.inline) {
	 max-width: 80%;
    overflow-x: hidden;
	}
	
	img[width],
img[style*="width"] {
    max-width: 100% !important;
    height: auto !important;
}

	div.Imageblock div.Legendeimage img
	{
		max-width: 100% !important;
	}

	.popup img
	{
		max-width: 100vw;
	
		max-height: 70vh;
	
	}

	.popup
	{
		padding: 5px;
		/* Réduit le padding autour de l'image sur mobile */
	}

	/*test image popup respnsive */

	.content_wrap
	{
		margin-left: 0px;
	}

	h1.Titre1
	{
		font-size: 26px;
		margin-bottom: 0px;
		/*top: 130px;
left: 20px;
position: absolute;*/
		padding-left: 70px;
		padding-top: 30px;
		padding-right: 70px;
	}

	div.MCBreadcrumbsBox_0
	{
		/*position: relative;*/
		top: 30px;
		padding-right: 70px;
		/*left: 20px;
		z-index: 1;*/
		/*padding-left: 70px;
		padding-top :70px;*/
	}
	
	a[name] {
  scroll-margin-top: 38px;
}

}

@media screen and (max-width: 600px)
{
	h1.Titre1
	{
		font-size: 26px;
	}
}

@media screen and (max-width: 430px)
{
	code
	{
		font-size: 13px;
	}

	ol.Ordered-List-Web
	{
		padding-left: 0;
	}

	h1.Titre1
	{
		font-size: 24px;
		padding-left: 40px;
	}

	#MobileTOC
	{
		background-color: #FFFFFF;
	}

	#MobileTOC ul li
	{
		margin-left: 0px;
	}

	#MobileTOC ul li ul
	{
		margin-left: 0px;
	}

	.content
	{
		padding: 0px 40px 40px 40px;
	}

	.popup img
	{
		max-width: 100vw;
		max-height: 65vh;
	}

	div.code
	{
		display: block;
		width: 100%;
		overflow-x: auto;
	}

	div.Remarque div.code
	{
		display: block;
		width: 100%;
		overflow-x: auto;
	}

	/*tableaux*/

	div.content table:not(table.TableStyle-Web-Generalites),
	div.content table.TableStyle-Web-Fonctionnalites-CSV,
	div.content table.TableStyle-Web-Fonctionnalites,
	div.content table.TableStyle-Web-Module,
	div.content table.TableStyle-Web-Comparatif-Complexe,
	div.content table.TableStyle-Web-Statut-des-comptes,
	div.content table.TableStyle-SH-Liste-Parametres,
	div.content table.TableStyle-Web-TableauTransparent-Guide
	{
		display: block;
		overflow-x: auto;
		width: 100%;
		/* Prend toute la largeur de l'écran */
		/*max-width: 400px; */
		/* Largeur minimale pour éviter que le tableau ne soit trop compress*/
	}

	div.content table.TableStyle-Web-Fonctionnalites-CSV th,
	div.content table.TableStyle-Web-Fonctionnalites-CSV td,
	div.content table.TableStyle-Web-Fonctionnalites th,
	div.content table.TableStyle-Web-Fonctionnalites td,
	div.content table.TableStyle-Web-Module th,
	div.content table.TableStyle-Web-Module td,
	div.content table.TableStyle-Web-Comparatif-Complexe th,
	div.content table.TableStyle-Web-Comparatif-Complexe td,
	div.content table.TableStyle-Web-Statut-des-comptes th,
	div.content table.TableStyle-Web-Statut-des-comptes td
	{
		padding: 10px;
		/* Espacement interne */
		word-wrap: break-word;
		/* Permet au texte de revenir à la ligne si nécessaire */
		/*word-break: break-word;*/
		/* Coupe les mots longs si besoin */
		white-space: normal;
		/* Permet le retour à la ligne */
		min-width: 100px;
	}

	div.content table.TableStyle-Web-Fonctionnalites-CSV colgroup:nth-child(1),
	div.content table.TableStyle-Web-Fonctionnalites colgroup:nth-child(1),
	div.content table.TableStyle-Web-Module colgroup:nth-child(1),
	div.content table.TableStyle-Web-Statut-des-comptes colgroup:nth-child(1)
	{
		max-width: 100px;
		word-wrap: break-word;
	}

	div.content table.TableStyle-Web-Fonctionnalites-CSV colgroup:last-child,
	div.content table.TableStyle-Web-Fonctionnalites colgroup:last-child,
	div.content table.TableStyle-Web-Module colgroup:last-child,
	div.content table.TableStyle-Web-Statut-des-comptes colgroup:last-child
	{
		min-width: 200px;
	}

	div.content table.TableStyle-SH-Liste-Parametres colgroup col
	{
		min-width: 200px;
	}

	div.content table.TableStyle-Web-Statut-des-comptes td:first-child
	{
		width: 100px;
		word-wrap: break-word;
		white-space: normal;
		overflow-wrap: break-word;
	}

	/*div.content table.TableStyle-Web-Generalites
 {
 display: block;
 width: 100vw;
 max-width: 300px; 
 overflow-x: auto;
}

div.content table.TableStyle-Web-Generalites colgroup col:nth-child(1),
div.content table.TableStyle-Web-Generalites colgroup col:nth-child(2),
div.content table.TableStyle-Web-Generalites colgroup col:nth-child(3)
{
min-width: 250px;
}*/

	/*test tableau générailté*/

	div.content table.TableStyle-Web-Generalites
	{
		display: flex;
		flex-direction: column;
		width: 100%;
		/* Prend toute la largeur de l'écran */
		/*max-width: 300px;*/
		/* Largeur minimale pour éviter que le tableau ne soit trop compress*/
	}

	div.content table.TableStyle-Web-Generalites colgroup:nth-child(1),
	div.content table.TableStyle-Web-Generalites colgroup:nth-child(2),
	div.content table.TableStyle-Web-Generalites colgroup:nth-child(3)
	{
		min-width: 250px;
	}

	div.content table.TableStyle-Web-Generalites th
	{
		display: none;
	}

	div.content table.TableStyle-Web-Generalites td
	{
		display: flex;
		flex-direction: column;
		padding: 0;
		margin-top: 10px;
		border-top-right-radius: 8px;
		border-top-left-radius: 8px;
	}

	div.content table.TableStyle-Web-Generalites td ul
	{
		padding: 24px 24px 24px 48px;
		margin-top: 0;
		margin-bottom: 0;
	}

	div.content table.TableStyle-Web-Generalites td ul li ul
	{
		padding: 0;
		margin-top: 0;
		margin-bottom: 0;
	}

	div.content table.TableStyle-Web-Generalites td p:not(ul\000020li\000020p)
	{
		padding: 24px 24px 0 24px;
		margin-bottom: 0;
	}

	div.content table.TableStyle-Web-Generalites tr
	{
		display: flex;
		flex-direction: column;
	}

	div.content table.TableStyle-Web-Generalites td::before
	{
		padding: 24px;
		color: #333333;
		font-family: 'Rubik', Arial, sans-serif;
		font-size: 16px;
		font-weight: 600;
		text-align: center;
		background-color: #F2F2F2;
		border-bottom-width: 1px;
		border-bottom-color: #F2F2F2;
		border-bottom-style: solid;
		border-right-width: 1px;
		border-right-color: #F2F2F2;
		border-right-style: solid;
		border-top-right-radius: 8px;
		border-top-left-radius: 8px;
		content: attr(headers);
	}

	/* Première colonne fixe */

	/*div.content table.TableStyle-Web-Comparatif-Complexe th:first-child,
div.content table.TableStyle-Web-Comparatif-Complexe td:first-child 
{
  position: sticky;
  left: 0;
  z-index: 2; 
}*/

	.table-container
	{
		overflow-x: auto;
		/* Activation du défilement horizontal */
	}

	/* end of tableaux*/

	div.MCBreadcrumbsBox_0
	{
		left: 40px;
	}
}

@media screen and (max-width: 393px)
{
	h1.Titre1
	{
		font-size: 22px;
	}

	.popup img
	{
		max-width: 100vw;
		max-height: 60vh;
	}
}

@media screen and (max-width: 375px)
{
	h1.Titre1
	{
		font-size: 20px;
	}

	.popup img
	{
		max-width: 100vw;
		max-height: 55vh;
	}
}

@media screen and (max-width: 344px)
{
	div.content div.Remarque ul li
	{
		margin-left: 15px;
	}

	h1.Titre1
	{
		font-size: 18px;
	}

	div.PDF-Ressources
	{
		padding: 20px;
	}

	.popup img
	{
		max-width: 100vw;
		max-height: 50vh;
	}
}