/*<meta />*/

@namespace MadCap url(http://www.madcapsoftware.com/Schemas/MadCap.xsd);

@font-face 
{
	font-family: 'EuropeanPi1';
	src: url('font-europeanpi/EuropeanPi1.eot');
	src: url('font-europeanpi/EuropeanPi1.ttf') format('truetype'), url('font-europeanpi/EuropeanPi1.woff') format('woff'), url('font-europeanpi/EuropeanPi1.woff2') format('woff2'), url('font-europeanpi/EuropeanPi1.eot?#iefix') format('embedded-opentype'), url('font-europeanpi/EuropeanPi1.svg#EuropeanPi1') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face 
{
	font-family: 'Roboto';
	src: url('font-roboto/RobotoRegular.eot?') format('eot'), url('font-roboto/RobotoRegular.ttf') format('truetype'), url('font-roboto/RobotoRegular.woff') format('woff'), url('font-roboto/RobotoRegular.woff2') format('woff2'), url('font-roboto/RobotoRegular.svg#RobotoRegular') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face 
{
	font-family: 'Roboto';
	src: url('font-roboto/RobotoBold.eot?') format('eot'), url('font-roboto/RobotoBold.ttf') format('truetype'), url('font-roboto/RobotoBold.woff') format('woff'), url('font-roboto/RobotoBold.woff2') format('woff2'), url('font-roboto/RobotoBold.svg#RobotoBold') format('svg');
	font-weight: 700;
	font-style: normal;
}

@font-face 
{
	font-family: 'Roboto';
	src: url('font-roboto/RobotoItalic.eot?') format('eot'), url('font-roboto/RobotoItalic.ttf') format('truetype'), url('font-roboto/RobotoItalic.woff') format('woff'), url('font-roboto/RobotoItalic.woff2') format('woff2'), url('font-roboto/RobotoItalic.svg#RobotoItalic') format('svg');
	font-weight: normal;
	font-style: italic;
}

@font-face 
{
	font-family: 'RobotoBoldItalic';
	src: url('font-roboto/RobotoBoldItalic.eot?') format('eot'), url('font-roboto/RobotoBoldItalic.ttf') format('truetype'), url('font-roboto/RobotoBoldItalic.woff') format('woff'), url('font-roboto/RobotoBoldItalic.woff2') format('woff2'), url('font-roboto/RobotoBoldItalic.svg#RobotoBoldItalic') format('svg');
	font-weight: 700;
	font-style: italic;
}

/****************************** General styles ******************************/

b i,
i b
{
	font-family: 'RobotoBoldItalic';
}

i.fa-solid,
i.fa-brands
{
	padding: 0 5px;
	vertical-align: baseline;
}

.xref
{
	color: #0085c9;
	font-weight: normal;
	text-decoration: none;
}

/* numérotation texte */

.numbering
{
	font-family: EuropeanPi;
	font-size: 0.85rem;
}

/* Legends */

.model-legend div
{
	font-size: 0.85rem;
}

/****************************** General structure styles ******************************/
/**** Top navigation ****/

.navigation .sub-menu
{
	box-shadow: 0 9px 9px rgba(0,0,0,0.16);
}

/**** MiniTOC Proxy ****/

.MiniTOC
{
	border-top-color: #d3d3d3;
}

[class^="MCMiniTocBox"]
{
	border-top-color: #d3d3d3 !important;
}

[class^="MiniTOC1"]
{
	font-size: 0.9rem;
	font-weight: normal !important;
	color: #0085c9 !important;
	margin: 0;
	margin: 1px !important;
}

[class^="MiniTOC1"]:hover
{
	color: #00377C !important;
}

.MiniTOC p a
{
	font-weight: normal;
}

/**** Proxies ****/

MadCap|searchBarProxy
{
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0;
	margin-bottom: 0;
	float: none;
	width: 50%;
}

MadCap|topicToolbarProxy
{
	float: none;
}

MadCap|menuProxy.menu1,
MadCap|menuProxy.menu2
{
	mc-toc-depth: 1;
	mc-context-sensitive: True;
}

.search-bar._Skins_HOME_SearchBar.mc-component .search-filter
{
	background-color: #e1e1e1;
	border-color: #5b5c5f;
}

html.home-page
{
	mc-community-features: disabled;
}

/**** Header ****/

#contentBody > .responsive-header
{
	background-color: transparent;
}

.logo-Produit
{
	position: absolute;
	top: 0;
	display: inline-block;
	width: 210px;
	height: 50px;
	index: 10;
}

/**** Web pages Main section ****/

.main-section
{
	background-image: url('../Images/HeroImages/HeroImage.jpg');
	background-size: 100% 60px;
	background-attachment: scroll;
	background-position: center 0;
	background-repeat: no-repeat;
	padding-top: 0;
}

#contentBody
{
	padding-top: 35px;
	padding-bottom: 80px;
}

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

/******************** Custom navigation for Previous, Next and Back to Top buttons ********************/
/**** Previous and Next buttons styles ****/
/* Global div section for Previous and Next buttons */

.content-custom-nav
{
	margin-top: 20px;
	padding-top: 10px;
	border-top: 1px solid #d3d3d3;
}

/* Previous and Next buttons properties */

.customBtn
{
	width: auto;
	font-size: 0.85rem !important;
	background: none !important;
	background-color: transparent !important;
	color: #0085c9;
	border: none !important;
	margin-right: 20px;
	float: right;
}

.customBtn.previous-topic-button::before,
.customBtn.next-topic-button::after
{
	font-family: 'Font Awesome 6 Free';
	font-size: 1em;
	color: #0085c9;
	padding: 0 8px;
}

.customBtn.previous-topic-button::before
{
	content: "\f104";
}

.customBtn.next-topic-button::after
{
	content: "\f105";
}

a.customBtn
{
	height: 22px;
	padding-top: 3px;
}

.customBtn:hover,
.customBtn.next-topic-button:hover::after,
.customBtn.previous-topic-button:hover::before
{
	color: #00377C;
}

/**** Back to Top button styles ****/

#back-to-top-button.btn
{
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 5px;
	background-color: #e6e6e6;
	cursor: pointer;
	border: 0;
	color: #0085c9;
}

#back-to-top-button
{
	width: 40px;
	height: 40px;
	text-align: center;
	border-radius: 5px;
	position: fixed;
	bottom: 85px;
	right: 30px;
	transition: background-color .3s, opacity .5s, visibility .5s;
	opacity: 0;
	visibility: hidden;
	z-index: 1000;
}

#back-to-top-button:hover
{
	cursor: pointer;
	color: #1fade4;
}

#back-to-top-button:active
{
	color: #899299;
}

#back-to-top-button.show
{
	opacity: 1;
	visibility: visible;
}

#back-to-top-button i
{
	font-size: 25px;
}

/**** Hiding buttons when necessary ****/

[data-mc-conditions*="NavbarButtons.HideAll"] .content-custom-nav,
[data-mc-conditions*="NavbarButtons.HideDoorbell"] .entry-content,
[data-mc-conditions*="NavbarButtons.HideTopPage"] a.customBtn,
[data-mc-conditions*="NavbarButtons.HidePreviousTopic"] .customBtn.previous-topic-button,
[data-mc-conditions*="NavbarButtons.HideNextTopic"] .customBtn.next-topic-button
{
	display: none;
}

/****************************** Custom style for highlighting elements ******************************/
/**** Highlight text after search ****/

span.SearchHighlight1
{
	background-color: #a6dcff;
}

/* Fix Chrome highlight for focused Input field  */

input:focus,
textarea:focus,
select:focus
{
	outline: none;
}

/**** Warning, Note, Trick and Example custom blocks ****/

.Warning-area,
.Note-area,
.Trick-area,
.Example-area
{
	padding: 10px;
	margin-top: 12pt;
	width: 100%;
	border-radius: 2px;
	margin-left: 5px;
}

.Warning-area
{
	background-color: #fff0cf;
	border-left: 3px solid #FF6D00;
}

.Note-area
{
	background-color: #eaf3fd;
	border-left: 3px solid #0077C0;
}

.Trick-area
{
	background-color: #eeebf5;
	border-left: 3px solid #7E57C2;
}

.Example-area
{
	background-color: #daf3fc;
	border-left: 3px solid #00AFEC;
}

.Warning-area::before,
.Note-area::before,
.Trick-area::before,
.Example-area::before,
.Warning-area::first-letter,
.Note-area::first-letter,
.Trick-area::first-letter,
.Example-area::first-letter
{
	font-family: 'Font Awesome 6 Free';
	font-size: 1.2em;
}

.Warning-area::before
{
	content: "\f06a  ";
	color: #FF6D00;
}

.Note-area::before
{
	content: "\f05a  ";
	color: #0077C0;
}

.Trick-area::before
{
	content: "\f0eb  ";
	color: #7E57C2;
}

.Example-area::before
{
	content: "\f044  ";
	color: #00AFEC;
}

.Warning-area::first-line,
.Note-area::first-line,
.Trick-area::first-line,
.Example-area::first-line
{
	text-align: left;
	text-transform: uppercase;
	font-weight: bold;
}

.Warning-area::first-line
{
	color: #FF6D00 !important;
}

.Note-area::first-line
{
	color: #0077C0 !important;
}

.Trick-area::first-line
{
	color: #7E57C2 !important;
}

.Example-area::first-line
{
	color: #00AFEC !important;
}

/**** Code highlighting ****/

code,
.code,
p.codeBloc,
p.logBloc
{
	font-size: 0.95rem;
}

.code,
p.codeBloc
{
	font-family: monospace;
}

p.codeBloc,
p.logBloc
{
	background-color: #f2f2f2;
	padding: 5px;
}

/**** Specific style for large pre section ****/

pre
{
	white-space: pre-wrap;
	word-break: break-all;
}

/**** OLD Warning, Note, Trick and Example custom blocks ****/
/* Maintained for compatibility with legacy content */

p.Help,
p.Warning,
p.Note,
p.Trick,
p.Example,
p.Bullet
{
	background-position: top 25px;
	background-repeat: no-repeat;
	background-size: 18px;
	padding-top: 1px;
	margin-left: 25px;
	text-indent: 1.9em;
	margin-top: 12pt;
}

.Help:first-line,
.Warning:first-line,
.Note:first-line,
.Trick:first-line,
.Example:first-line
{
	text-align: left;
	text-transform: uppercase;
	font-weight: bold;
}

p.Help
{
	background-image: url('../icons/help.png');
}

p.Warning
{
	background-image: url('../icons/warning.png');
}

p.Note
{
	background-image: url('../icons/note.png');
}

p.Trick
{
	background-image: url('../icons/trick.png');
}

p.Example
{
	background-image: url('../icons/trick.png');
}

p.Bullet
{
	background-image: url('../icons/bullet.gif');
}

.Indent
{
	padding-left: 10px;
}

.IndentNote
{
	margin-left: 25px;
}

td p.Help,
td p.Warning,
td p.Note,
td p.Trick,
td p.Example,
td p.Bullet,
td p.Help,
li p.Help,
li p.Warning,
li p.Note,
li p.Trick,
li p.Example li p.Bullet,
li p.Help
{
	padding-left: 0 !important;
	background-position: top left;
}

td p
{
	margin: 0;
}

p.Warning *,
p.Note *,
p.Trick *,
p.Example *,
p.Bullet *
{
	margin-left: 0;
	text-indent: 0;
}

/**** MadCap DocNew and Update classes ****/

p.DocNew
{
	background-image: url('../icons/docs_new.png');
}

p.DocUpdate
{
	background-image: url('../icons/docs_update.png');
}

p.DocNew,
p.DocUpdate
{
	padding-left: 1cm;
	background-repeat: no-repeat;
	background-position: left 40%;
}

/****************************** Specific web pages content styles ******************************/
/**** Images et alignment ****/

img.stroke
{
	border: solid 1px #7f7f7f;
}

.center
{
	text-align: center;
}

figure
{
	text-align: center;
}

figcaption,
.legend
{
	font-size: 0.8rem;
	font-style: italic;
	font-weight: bold;
}

/**** Release Notes titles and Support reference styles ****/

.RNO-Title2
{
	font-size: 1.34rem;
	margin-bottom: 8px;
	margin-top: 25px;
	color: #0085c9;
}

.RNO-Title3
{
	font-size: 0.97rem;
	font-weight: bold;
	margin-bottom: 4px;
	margin-top: 16px;
}

.RNO-Title3 + p
{
	margin-top: 0;
}

p.SupportRef
{
	font-size: 0.75rem;
	font-weight: bold;
	margin-bottom: 0;
}

p.SupportRef + p
{
	margin-top: 0;
}

/**** Dedicated inline border to separate content within a web page ****/

hr.separate
{
	width: 80px;
	border-style: solid;
	border-width: 0;
	border-bottom-width: 1px;
	border-color: #a6a6a6;
	text-align: left;
	margin-left: 0px;
	margin-top: 15px;
}

/****************************** All documents web page styles ******************************/
/**** Global properties ****/
/* Column properties */

.dlpage-div
{
	display: inline-block;
	line-height: 1.5rem;
	vertical-align: top;
	padding: 0px 12px 0px 0px;
	width: 66%;
}

/* For 2 columns (ONLY 2 columns supported) */

.dlpage-div:nth-last-child(n+2),
.dlpage-div:nth-last-child(n+2) ~ .dlpage-div
{
	width: 49.5%;
}

/* Specific 3 columns style for SNS */

.dlpage-container.special3columnsSNS
{
	display: inline-grid;
	column-gap: 12px;
	row-gap: 12px;
	width: 100%;
	grid-template-columns: repeat(2, 1fr);
}

.dlpage-container.special3columnsSNS .dlpage-div:nth-of-type(1)
{
	grid-column-start: 1;
	grid-row-start: 1;
	grid-row-end: 2;
}

.dlpage-container.special3columnsSNS .dlpage-div:nth-of-type(2)
{
	grid-column-start: 1;
	grid-row-start: 2;
	grid-row-end: 3;
}

.dlpage-container.special3columnsSNS .dlpage-div:nth-of-type(3)
{
	grid-column-start: 2;
	grid-row-start: 1;
	grid-row-end: 4;
}

.dlpage-container.special3columnsSNS .dlpage-div:nth-last-child(n+2),
.dlpage-container.special3columnsSNS .dlpage-div:nth-last-child(n+2) ~ .dlpage-div
{
	width: auto;
	padding: 0px;
}

/**** Title properties ****/

.dlpage-div h2
{
	font-size: 16px;
	font-weight: 600;
	text-transform: uppercase;
	color: #003B60;
	margin: 20px 0 12px 0;
}

.dlpage-div h4
{
	font-size: 14px;
	font-weight: 600;
	margin: 16px 0px 4px 0px;
}

/**** Properties for each document (1 li equals 1 document) ****/

.dlpage-div ul
{
	list-style: none;
	padding: 0;
	margin: 0;
}

.dlpage-div li
{
	font-size: 14px;
	padding: 4px 8px;
	margin: 0;
}

.dlpage-div li:hover
{
	background-color: #F7F7F7;
}

.dlpage-div li a
{
	color: inherit;
	text-decoration: none;
}

/* Sets a specific color for the link */

.dlpage-div li a,
.dlpage-div li a:hover
{
	color: #0085c9;
}

.dlpage-div li a:hover span
{
	color: #0085c9 !important;
	/* Specific for links with a variable */
}

/**** Additional document elements - tags and links ****/

.dlpage-div span
{
	display: inline-block;
	white-space: normal;
	overflow-wrap: break-word;
	word-wrap: break-word;
}

/* Language and New TAG properties */

.dlpage-div span.document-tag-new,
.dlpage-div span.document-tag-language
{
	margin: 0px 0px 0px 4px;
}

.document-tag-new
{
	font-size: 12px;
	line-height: 14px;
	text-transform: capitalize;
	border-radius: 8px;
	color: white;
	background-color: #D23467;
	padding: 3px 6px;
}

.document-tag-language
{
	font-size: 12px;
	text-transform: uppercase;
}

/* PDF and HTML buttons - hide/show mechanism */

.group-dlpage-button,
.dlpage-div li a.dlpage-button
{
	display: none;
}

.dlpage-div li:hover a.dlpage-button,
.dlpage-div li:hover .group-dlpage-button
{
	display: inline;
}

.dlpage-div li:hover .group-dlpage-button
{
	margin: 0 0 0 16px;
}

/* PDF and HTML buttons style */

a.dlpage-button
{
	font-size: 14px;
	border-radius: 8px;
	background-color: #003B60;
	padding: 4px 8px;
	transition: box-shadow .3s ease-in-out;
}

a.dlpage-button:hover
{
	background-color: #D23467;
	box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.2);
}

.group-dlpage-button a.dlpage-button:nth-child(2)
{
	margin: 0px 0px 0px 4px;
}

a.dlpage-button i
{
	color: white;
	padding: 0;
}

a.dlpage-button:hover i::before
{
	color: white !important;
}

/* To hide content on the website, but still display it in internal tools */

a.dlpage-button span.titleforeditor
{
	display: none;
}

/**** Archive ZIP Download button ****/
/* should not be used anymore */

.archive-dl-btn
{
	background-color: #0085c9;
	width: 185px;
	height: 25px;
	padding: 3px 20px;
	text-align: center;
	border-radius: 3px;
	margin: 0 0 15px;
	font-size: 0.8rem;
	line-height: 1rem;
}

.archive-dl-btn img
{
	margin-right: 5px;
}

.archive-dl-btn a *
{
	color: #ffffff !important;
	vertical-align: middle;
	font-weight: normal;
}

/****************************** Responsive styles ******************************/

@media (max-width: 1280px)
{
	.dlpage-div
	{
		width: 100%;
	}
}

@media (max-width: 900px)
{
	.dlpage-div:nth-last-child(n+2),
	.dlpage-div:nth-last-child(n+2) ~ .dlpage-div
	{
		width: 100%;
	}

	.dlpage-container.special3columnsSNS
	{
		display: block;
	}

	.dlpage-container.special3columnsSNS .dlpage-div
	{
		display: inherit;
	}
}

@media only screen and (max-width: 800px)
{
	.main-section
	{
		background-size: auto 60px;
	}
}

@media only screen and (max-width: 500px)
{
	.main-section
	{
		background-size: auto 60px;
	}
}

