/*<meta conditions="Default.English,Default.Français,Default.Japanese" />*/

@namespace MadCap url(http://www.madcapsoftware.com/Schemas/MadCap.xsd);

body
{
	margin-left: 30px;
	margin-right: 30px;
	font-size: 12pt;
	background-color: #F5F5F5;
	font-family: 'Montserrat', sans-serif;
	line-height: 1.25em;
}

html.home-topic	/*Used on home topic to override padding set in the skin*/
{
	
}

html.home-topic .body-container	/*Overrides padding set in the skin*/
{
	padding: 0;
}

html.home-topic .main-section > .outer-row	/*Overrides padding set in the skin when in tablet/mobile*/
{
	max-width: 100%;
	padding: 0;
}

h1
{
	margin-bottom: 0px;
	text-transform: uppercase;
	font-size: 2em;
	color: #cb2027;
	page-break-before: left;
	frame-break-before: always;
	column-break-before: always;
	frame-break-after: always;
	line-height: 1em;
	font-family: 'Montserrat', sans-serif;
	font-weight: normal;
	font-style: normal;
	mc-short-line-method: tighten;
}

h2
{
	mc-auto-number-offset: 5px;
	font-style: normal;
	font-size: 1.6em;
	color: #cb2027;
	line-height: 1em;
	padding-top: 1em;
	font-family: 'Montserrat', sans-serif;
	font-weight: normal;
	mc-short-line-method: tighten;
}

h3
{
	font-weight: normal;
	font-style: normal;
	font-size: 1.3em;
	line-height: 1em;
	padding-top: 1em;
	font-family: 'Montserrat', sans-serif;
	mc-short-line-method: tighten;
}

h4
{
	font-style: normal;
	font-size: 1.2em;
	font-weight: normal;
	color: #000000;
	line-height: 1em;
	padding-top: 1em;
	font-family: 'Montserrat', sans-serif;
	mc-short-line-method: tighten;
}

h5
{
	font-size: 1.2em;
	font-style: normal;
	font-weight: normal;
	color: #000000;
	padding-top: 1em;
	line-height: 1em;
	font-family: 'Montserrat', sans-serif;
	mc-short-line-method: tighten;
}

h6
{
	font-size: 1.1em;
	mc-heading-level: 0;
	font-style: normal;
	font-weight: normal;
	color: #000000;
	line-height: 1em;
	padding-top: 1em;
	font-family: 'Montserrat', sans-serif;
	mc-short-line-method: tighten;
}

a
{
	color: #3974ae;
}

MadCap|dropDownBody
{
	padding: 10px 30px 0;
}

MadCap|dropDown
{
	border-bottom: 1px solid #dadada;
	mc-image-position: left;
	mc-image-spacing: 10px;
	padding: 10px 0;
	mc-closed-image: url('../../Resources/Images/Home/plus.png');
	mc-open-image: url('../../Resources/Images/Home/minus.png');
}

MadCap|xref
{
	mc-format: '{paratext}';
	color: #3974ae;
}

a.Popup
{
	color: #3974ae;
}

a.MCBreadcrumbsLink
{
	color: #3974ae;
}

a.GlossaryPageTerm
{
	color: #3974ae;
}

a:link
{
	color: #3974ae;
}

a:visited
{
	color: #3974ae;
}

a:focus
{
	color: #3974ae;
}

a:hover
{
	color: #3974ae;
}

a:active
{
	color: #3974ae;
}

span.Terme
{
	font-style: italic;
	font-family: Montserrat Bold, sans-serif;
	font-weight: bolder;
}

span.TitrePath
{
	font-weight: normal;
	font-style: normal;
	color: #cb2027;
	font-family: 'Montserrat', sans-serif;
}

div.Remarque
{
	widows: 2;
	orphans: 2;
	font-style: italic;
	border-left-style: solid;
	border-left-width: 0px;
	border-right-style: solid;
	border-top-style: solid;
	border-top-width: 0px;
	border-bottom-width: 0px;
	border-right-width: 0px;
	border-top-right-radius: 0px;
	border-top-left-radius: 0px;
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
	color: #31849b;
	border: solid 1px #31849b;
	background: #ffffff;
	margin-bottom: 1em;
	margin-top: 1em;
	padding-left: 1em;
	padding-right: 1em;
	padding-bottom: 1em;
	padding-top: 1em;
}

div.Miseengarde
{
	widows: 2;
	color: #c00000;
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	border: solid 1px #c00000;
	background: #ffffff;
	margin-top: 1em;
	margin-bottom: 1em;
	padding-left: 1em;
	padding-right: 1em;
	padding-top: 1em;
	padding-bottom: 1em;
}

span.TitreMiseengarde
{
	text-transform: uppercase;
	font-weight: normal;
	font-style: normal;
	color: #cb2027;
	font-family: 'Montserrat', sans-serif;
}

span.TitreRemarque
{
	text-transform: uppercase;
	font-weight: normal;
	font-style: normal;
	font-family: 'Montserrat', sans-serif;
}

div.Path
{
	padding-left: 10px;
	padding-right: 10px;
	border-left-width: 1px;
	border-left-color: #bfbfbf;
	border-right-width: 1px;
	border-right-color: #bfbfbf;
	border-top-width: 1px;
	border-top-color: #bfbfbf;
	border-bottom-width: 1px;
	border-bottom-color: #bfbfbf;
	color: #686868;
	background-color: #ffffff;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-style: solid;
	border-top-style: solid;
	padding-bottom: 10px;
	padding-top: 10px;
	margin-top: 1em;
}

div
{
	mc-hyphenate: never;
	/*	text-align: justify; */
	line-height: 1.25em;
}

p.L\0000E9gende
{
	font-size: 0.90em;
	font-weight: normal;
	font-style: italic;
	color: #a6a6a6;
	text-align: center;
	margin-bottom: 5px;
	page-break-before: avoid;
	column-break-before: avoid;
	page-break-inside: avoid;
	column-break-inside: avoid;
	widows: 3;
	orphans: 3;
	mc-auto-number-class: num;
	mc-auto-number-position: inside-head;
	mc-auto-number-offset: 0;
	line-height: 1.25em;
	mc-auto-number-format: 'Figure {Gn+} : ';
}

p
{
	mc-hyphenate: never;
	/*	text-align: justify; */
	margin-bottom: 1.12em;
	margin-top: 1.12em;
	widows: 2;
	orphans: 2;
	line-height: 1.25em;
}

div.code
{
	mc-hyphenate: never;
	text-align: left;
	margin-left: 20px;
	border-left-style: solid;
	border-left-width: 2px;
	border-left-color: #bfbfbf;
	padding-left: 5px;
	font-family: Consolas, monospace;
	font-size: 0.90em;
}

p.img
{
	page-break-after: avoid;
	column-break-after: avoid;
	page-break-inside: avoid;
	column-break-inside: avoid;
	margin-bottom: 0;
	text-align: center;
	margin-top: 1.12em;
}

p.TOC1
{
	text-transform: uppercase;
	padding-top: 10px;
	color: #cb2027;
	font-weight: normal;
	font-style: normal;
	font-family: 'Segoe UI';
}

p.TOC2
{
	text-transform: uppercase;
	font-weight: normal;
	font-style: normal;
}

a.miniTOC1:link,
a.miniTOC2:link,
a.miniTOC3:link,
a.miniTOC4:link,
a.miniTOC5:link
{
	color: #3974ae;
}

li
{
	mc-hyphenate: never;
	/*	text-align: justify; */
	padding-right: 35px;
	orphans: 2;
	widows: 2;
	padding-bottom: 6pt;
}

MadCap|miniTocProxy
{
	border-top-width: 1px;
}

div.howto
{
	margin-left: 15px;
	margin-right: 15px;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
	padding-left: 12px;
	padding-right: 12px;
	padding-top: 0px;
	padding-bottom: 0px;
	border-left-style: solid;
	border-left-width: 2px;
	border-left-color: #eee8aa;
	border-right-style: solid;
	border-right-width: 2px;
	border-right-color: #eee8aa;
	border-top-style: solid;
	border-top-width: 2px;
	border-top-color: #eee8aa;
	border-bottom-style: solid;
	border-bottom-width: 2px;
	border-bottom-color: #eee8aa;
	margin-top: 10px;
	margin-bottom: 10px;
}

p.howto
{
	mc-hyphenate: never;
	/*	text-align: justify; */
	margin-bottom: 1.12em;
	margin-top: 1.12em;
	font-weight: bold;
}

img
{
	
}

img.icon
{
	background-color: #434343;
	padding: 2px;
}

code
{
	font-family: Consolas, monospace;
	font-size: 0.90em;
}

pre
{
	font-family: Consolas, monospace;
	font-size: 0, 9em;
}

td,
th
{
	mc-hyphenate: never;
}

MadCap|xref.xrefja
{
	mc-format: '{paratext} (ページ {page})';
}

MadCap|xref:hover
{
	color: #3974ae;
}

MadCap|xref:focus
{
	color: #3974ae;
}

span.num
{
	color: #686868;
}

table
{
	font-size: 1em;
}

p.MiniTOC1
{
	font-weight: normal;
	font-style: normal;
	text-transform: uppercase;
	color: #3974ae;
}

p.TOC9
{
	color: #686868;
}

p.TOC8
{
	color: #686868;
}

p.TOC7
{
	color: #686868;
}

p.TOC6
{
	color: #686868;
}

p.TOC5
{
	color: #686868;
}

p.TOC4
{
	color: #686868;
}

p.TOC3
{
	color: #686868;
}

p.MiniTOC8
{
	color: #3974ae;
}

p.MiniTOC7
{
	color: #3974ae;
}

p.MiniTOC6
{
	color: #3974ae;
}

p.MiniTOC5
{
	color: #3974ae;
}

p.MiniTOC4
{
	color: #3974ae;
}

p.MiniTOC3
{
	color: #3974ae;
}

p.MiniTOC2
{
	color: #3974ae;
}

p.MiniTOC9
{
	color: #3974ae;
}

div.thumbnail
{
	background: #ffffff;
	border: solid 1px #d3d3d3;
}

MadCap|breadcrumbsProxy
{
	font-style: italic;
	font-size: 10pt;
	background: #f5f5f5;
	border-bottom-width: 0px;
}

div.pbottom
{
	text-align: center;
	font-size: 10pt;
}

div.menuProxy
{
	width: 300px;
	float: left;
	position: -webkit-sticky;
	position: sticky;
	margin: 1em;
	clear: left;
	line-height: normal;
	background: #f5f5f5;
}

div.bodyProxy
{
	float: right;
	margin: 10px;
	clear: right;
	top: auto;
}

*
{
	box-sizing: border-box;
}

.flex-container
{
	resize: horizontal;
	overflow: hidden;
	display: flex;
	margin: 1em;
}

.item
{
	margin: 1em;
	padding: 0.5em;
	width: 110px;
	min-width: 0;
}

.initial
{
	flex: initial;
}

.auto
{
	flex: auto;
}

.none
{
	flex: none;
}

.four
{
	flex: 4;
}

.two
{
	flex: 2;
}

.one
{
	flex: 1;
}

.main-head
{
	grid-area: header;
}

.content
{
	grid-area: content;
}

.main-nav
{
	grid-area: nav;
}

.side
{
	grid-area: sidebar;
}

.ad
{
	grid-area: ad;
}

.main-footer
{
	grid-area: footer;
}

.wrapper
{
	display: grid;
	grid-gap: 20px;
	grid-template-areas: "header" "nav" "sidebar" "content" "ad" "footer";
}

ul
{
	padding-top: 6pt;
}

a.LinksInFooter
{
	text-decoration: none;
	color: #ffffff;
}

a.LinksInFooter:link
{
	text-decoration: none;
	color: #ffffff;
}

a.LinksInFooter:visited
{
	text-decoration: none;
	color: #ffffff;
}

a.LinksInFooter:hover
{
	text-decoration: none;
	color: #969696;
}

a.LinksInFooter:active
{
	text-decoration: none;
	color: #ffffff;
}

@media (min-width: 500px)
{
	.wrapper
	{
		grid-template-columns: 1fr 3fr;
		grid-template-areas: "header  header" "nav     nav" "sidebar content" "ad      footer";
	}

	nav ul
	{
		display: flex;
		justify-content: space-between;
	}
}

@media (min-width: 700px)
{
	.wrapper
	{
		grid-template-columns: 1fr 4fr 1fr;
		grid-template-areas: "header  header  header" "nav     nav     nav" "sidebar content content" "ad      footer  footer";
	}

	nav ul
	{
		flex-direction: column;
	}
}

div.flex-container
{
	display: flex;
	padding: 5px;
	grid-template-columns: 8ch auto;
	flex: auto;
	grid-area: auto / auto / auto / auto;
	justify-content: space-evenly;
	grid-gap: 5px;
	flex-direction: row;
}

div.box
{
	text-align: center;
}

div.topic-hero
{
	background-size: cover;
	background-attachment: fixed;
	background-image: url('../../Resources/Images/home_banner.jpg');
	padding: 5%;
}

div.topic-hero h1
{
	color: #fff;
	font-size: 3.5em;
	text-align: center;
}

div.home-tiles	/*This is a custom responsive layout row style (div class) in your stylesheet.*/
{
	mc-grid-row: true;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}

div.home-tiles::before
{
	content: ' ';
	display: table;
	margin-bottom: -2%;
}

div.home-tiles::after
{
	content: ' ';
	display: table;
	clear: both;
	margin-bottom: 5%;
}

div.home-tiles > div
{
	float: left;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 2%;
	border: 1px solid #dadada;
	background-color: #ffffff;
	padding-bottom: 2%;
}

div.home-tiles > div:nth-child(1)
{
	width: 30%;
	margin-left: 19%;
}

div.home-tiles > div:nth-child(2)
{
	width: 30%;
	margin-left: 2%;
}

div.article-tiles	/*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.article-tiles::before
{
	content: ' ';
	display: table;
}

div.article-tiles::after
{
	content: ' ';
	display: table;
	clear: both;
}

div.article-tiles > div
{
	float: left;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border: 1px solid #dadada;
}

div.article-tiles > div:hover
{
	box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
	transition: all 0.8s cubic-bezier(.25,.8,.25,1);
}

div.article-tiles > div:nth-child(1)
{
	width: 18%;
	margin-left: 0%;
}

div.article-tiles > div:nth-child(2)
{
	width: 18%;
	margin-left: 2%;
}

div.article-tiles > div:nth-child(3)
{
	width: 18%;
	margin-left: 2%;
}

div.article-tiles > div:nth-child(4)
{
	width: 18%;
	margin-left: 2%;
}

div.article-tiles > div:nth-child(5)
{
	width: 18%;
	margin-left: 2%;
}

div.article-tiles img
{
	max-width: 90%;
}

div.home-footer	/*Controls the look of the footer in the Home master page.*/
{
	mc-grid-row: true;
	margin-left: auto;
	margin-right: auto;
}

div.home-footer::before
{
	content: ' ';
	display: table;
}

div.home-footer::after
{
	content: ' ';
	display: table;
	clear: both;
}

div.home-footer > div
{
	float: left;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

div.home-footer > div:nth-child(1)
{
	width: 25%;
	margin-left: 0%;
}

div.home-footer > div:nth-child(2)
{
	width: 75%;
	margin-left: 0%;
}

p.footer-sub
{
	color: #FFF;
	font-size: 14pt;
}

.footer
{
	padding: 25px 25px 10px 25px;
	background-color: #252525;
}

.footer-logo
{
	max-width: 100%;
	margin: 0;
	text-align: left;
}

.footer-links a
{
	padding-right: 15px;
}

.footer-icons
{
	text-align: right;
}

.footer-icons > a:first-of-type
{
	padding-right: 10px;
}

@media print
{
	MadCap|xref
	{
		font-weight: normal;
		mc-format: '{quote}{para}{quote} {pageref}';
		text-decoration: none;
	}
}

@media only screen and (max-width: 1279px)
{
	.footer
	{
		padding: 2% 2% 1%;
	}

	html.home-topic .body-container
	{
		margin-left: 0;
	}

	div.home-footer > div:nth-child(1)
	{
		width: 25%;
		margin-left: 0%;
	}

	div.home-footer > div:nth-child(2)
	{
		width: 75%;
		margin-left: 0%;
	}
}

@media only screen and (max-width: 767px)
{
	div.topic-hero h1
	{
		font-size: 2.5em;
		text-align: center;
	}

	div.home-tiles p
	{
		line-height: 1.2;
	}

	div.home-tiles > div:nth-child(1)
	{
		width: 100%;
		margin-left: 0%;
		margin-bottom: 10px;
	}

	div.home-tiles > div:nth-child(2)
	{
		width: 100%;
		margin-left: 0%;
	}

	div.article-tiles > div
	{
		margin-bottom: 10px;
	}

	div.article-tiles > div:nth-child(1)
	{
		width: 100%;
		margin-left: 0%;
	}

	div.article-tiles > div:nth-child(2)
	{
		width: 100%;
		margin-left: 0%;
	}

	div.article-tiles > div:nth-child(3)
	{
		width: 100%;
		margin-left: 0%;
	}

	div.article-tiles > div:nth-child(4)
	{
		width: 100%;
		margin-left: 0%;
	}

	div.article-tiles > div:nth-child(5)
	{
		width: 100%;
		margin-left: 0%;
	}

	div.article-tiles img
	{
		width: 75%;
	}

	.footer-icons
	{
		text-align: center;
	}

	.footer
	{
		padding: 5% 7%;
		text-align: center;
	}

	.footer-logo
	{
		text-align: center;
	}

	div.home-footer > div:nth-child(1)
	{
		width: 100%;
	}

	div.home-footer > div:nth-child(2)
	{
		width: 100%;
		margin: 3% 0;
	}
}

div.home-section
{
	padding: 5% 0;
	border-bottom: solid 1px #dadada;
}

div:last-of-type
{
	
}

a.home-button
{
	display: block;
	padding: 10px;
	text-decoration: none;
	width: 100%;
}

div.home-layout
{
	padding: 2% 5%;
}

body.background
{
	background-color: #f5f5f5;
}

MadCap|relatedTopics
{
	color: #3974ae;
}

MadCap|relatedTopics:hover
{
	background: #f5f5f5;
	color: #3974ae;
}

div.howto1
{
	margin-left: 15px;
	margin-right: 15px;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
	padding-left: 12px;
	padding-right: 12px;
	padding-top: 0px;
	padding-bottom: 0px;
	border-left-style: solid;
	border-left-width: 2px;
	border-left-color: #DAAE29;
	border-right-style: solid;
	border-right-width: 2px;
	border-right-color: #DAAE29;
	border-top-style: solid;
	border-top-width: 2px;
	border-top-color: #DAAE29;
	border-bottom-style: solid;
	border-bottom-width: 2px;
	border-bottom-color: #DAAE29;
	margin-top: 10px;
	margin-bottom: 10px;
}

