/*<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 */

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;
}

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


.flex-container
{
	display: flex;
	min-height: 100vh;

}

/* 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;
}

.sidenav_illu
{
	margin: 0px;
	padding: 15px;
	display:flex;
	border-bottom: solid 2px #E5E5E5;
}

.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;
	font-family: 'Rubik', Arial, sans-serif;
	font-size: 12px;
	font-weight: 500;
	line-height: 20px;
	letter-spacing: 0px;
	text-align: left;
	width: 100%;
}

._Skins_SideNav ul
{
	font-family: 'Rubik', Arial, sans-serif;
	font-weight:600;
	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;
	font-family: 'Rubik', Arial, sans-serif;
	
}


._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;
font-family: 'Rubik', Arial, sans-serif;
font-weight:600;
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;
	/*
	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; 
} 

.Topic_Gradient_Meet
{
	background: linear-gradient(91.7deg, rgba(233, 243, 238, 0) 1.07%, #E9F3EE 100%), linear-gradient(0deg, #F9F9F9, #F9F9F9);
	display: block;
	height: 213px;
}

.Topic_Gradient_Connect
{
	background: linear-gradient(270deg, #FFFFFF 0%, #EED5FC 100%);
	display: block;
	height: 213px;
}

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

.Topic_Gradient_Suite
{
	background: linear-gradient(270deg, #D2D2D1, #fcfbfb); /*#F2EFED*/
	display: block;
	height: 213px;
}

.Topic_Gradient_Work
{
	/* background: linear-gradient(270deg, #6EBEDE, #EAF9FF 80%);*/
	/*background: linear-gradient(270deg, #b6deee, #f0f8fb);*/
	background: linear-gradient(270deg, #b6deee, #f0f8fb);
	display: block;
	height: 213px;
	/*margin-top: 64px;*/
}


.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: #000000;
	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);
	text-decoration:none;
  }

  div.MCBreadcrumbsBox_0 {
  position: relative;
    top: 70px;
    left: 70px;
    z-index: 1;
  
  }
  
  
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 img {
    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; /* Conserve les proportions de l'image */
}

/* 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 */
}


/**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: 1280px) {


.sidenav
{
height: 92vh;

}

}

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


.sidenav
{
height: 93vh;

}

}

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


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

.sidenav {
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: 'Rubik', Arial, sans-serif;
font-size: 17px;
font-weight: 500;
line-height: 20px;
text-align: left;
color: #898989;
}

span.Summary {
font-family: 'Rubik', Arial, 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: 'Rubik', Arial, 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 img) {
max-width: 80% !important;
}

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

 .popup img {
max-width: 100vw;  /* Prend la largeur totale de l'écran */
max-height: 70vh;   /* Réduit la hauteur pour les mobiles */
  }
 
.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;*/
}

}
 
@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 li p)
{
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;
  }

}