/*<meta />*/

/* Général */

@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,400i,600,700&display=swap');

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

body
{
	font-family: 'Open Sans', Tahoma, Arial;
	color: #000;
	mc-hyphenate: never;
	font-size: 16px;
}

div.height-container-sidenav
{
	min-height: calc(100vh - 80px) !important;
}

div.Body
{
	padding-top: 30px;
	padding-bottom: 225px;
	min-height: 100%;
}

div.TopicBody
{
	max-width: 1170px;
	margin: 0 auto 0 auto;
	padding: 0;
	min-height: 450px;
	overflow: auto;
}

.TableStyle-Webnews-DMF *
{
	display: none;
}

.TableStyle-Webnews-DMF
{
	padding-bottom: 10px;
}

/* Homepage - Top Menu */

.off-canvas-wrapper-inner nav.title-bar .outer-row
{
	padding: 0;
}

ul.navigation > li:nth-child(-n+19)
{
	display: none;
}

ul.navigation > li:nth-child(n+21)
{
	display: none;
}

ul.menu._Skins_SideMenu.mc-component > li:nth-child(-n+19)
{
	display: none;
}

ul.menu._Skins_SideMenu.mc-component > li:nth-child(n+21)
{
	display: none;
}

ul.off-canvas-accordion.vertical.menu.off-canvas-list > li:nth-child(-n+19)
{
	display: none;
}

ul.off-canvas-accordion.vertical.menu.off-canvas-list > li:nth-child(n+21)
{
	display: none;
}

ul.off-canvas-accordion.vertical.menu.off-canvas-list > li:last-child
{
	display: block;
}

/* Masquer les menus TEST*/

/*
ul.navigation li.RCP, ul.off-canvas-accordion li.RCP,
ul.navigation li.AgileFactory, ul.off-canvas-accordion li.AgileFactory,
ul.navigation li.Project, ul.off-canvas-accordion li.Project,
ul.navigation li.ConsoleAdmin, ul.off-canvas-accordion li.ConsoleAdmin,
ul.navigation li.PortailVentes, ul.off-canvas-accordion li.PortailVentes,
ul.navigation li.Navigation, ul.off-canvas-accordion li.Navigation,
ul.navigation li.PortailAchats, ul.off-canvas-accordion li.PortailAchats,
ul.navigation li.PortailParametrage, ul.off-canvas-accordion li.PortailParametrage,
ul.navigation li.PortailSupport, ul.off-canvas-accordion li.PortailSupport,
ul.navigation li.PortailCollaborateur, ul.off-canvas-accordion li.PortailCollaborateur,
ul.navigation li.PortailCollaborateur_NEW, ul.off-canvas-accordion li.PortailCollaborateur_NEW,
ul.navigation li.PortailClient, ul.off-canvas-accordion li.PortailClient,
ul.navigation li.PortailGeneral, ul.off-canvas-accordion li.PortailGeneral,
ul.navigation li.PWA, ul.off-canvas-accordion li.PWA,
ul.navigation li.Launcher, ul.off-canvas-accordion li.Launcher
{
	display:none;
}
*/

ul.navigation li > a:hover
{
	color: #dcdee0;
	font-size: 16px;
}

ul.navigation li > a
{
	padding: 15px 25px 5px 25px;
	line-height: 60px;
	font-size: 16px;
}

ul.navigation > li:last-child > a
{
	border: 1px solid #FFFFFF;
	background: #FFFFFF;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
	-ms-border-radius: 4px;
	border-radius: 4px;
	padding: 5px 10px 5px 10px;
	transition: color 0.2s ease, background-color 0.2s ease;
	color: #00bbff;
	font-weight: 600;
	margin-top: 24px;
	margin-left: 20px;
	line-height: 30px;
}

nav.title-bar
{
	padding: 0;
	background: linear-gradient(170deg,#0bf 0%,#08dbaf 150%);
}

ul.navigation ul
{
	border: solid 1px #dcdee0;
	border-top: solid 3px #757575;
}

ul.navigation > li.has-children:after
{
	border: none;
}

ul.navigation ul > li > a
{
	font-size: 15px;
}

/* Homepage - Bannière recherche */

div.HomeBanner
{
	padding: 80px 15px 80px;
	max-width: 1170px;
	margin: 0 auto;
}

div.HomeBanner p:first-child
{
	font-weight: lighter;
	font-size: 36px;
	text-align: center;
	text-transform: uppercase;
	color: #000000;
	margin: 10px 0;
}

div.HomeBanner p
{
	font-weight: lighter;
	font-size: 26px;
	text-align: center;
	color: #757575;
	margin: 10px 0;
}

div.HomeSearch
{
	max-width: 1170px;
	margin: 0 auto;
}

.search-field:focus
{
	outline: none;
}

.search-bar.search-bar-container._Skins_SearchHome.mc-component .search-submit
{
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
}

.search-bar._Skins_SearchHome.mc-component .search-field
{
	border-radius: 4px;
}

/* Homepage - Tiles */

p.HomeTiles_Title
{
	text-align: center;
	width: auto;
	padding: 0;
	font-size: 20px;
	font-weight: lighter;
	margin-bottom: 30px;
	color: #000000;
}

div.HomeTiles_WebPortal
{
	max-width: 300px;
	/* À modifier en fonction du nombre de tile (115px par tile) + 2*15 pour le padding + nb tile*20 /!\ jusqu'à 4 de largeur */
	margin: 80px auto;
	overflow: hidden;
	padding: 15px 0;
}

div.HomeTiles_WebPortal > *
{
	align-items: center;
}

div.Tile_WebPortal
{
	background-color: #ffffff;
	border: 1px solid #f1f1f2;
	transition: all 0.3s cubic-bezier(.25,.8,.25,1);
	border-radius: 4px;
	margin: 10px 87px;
	/* 87px à modifier en fonction du nb de tile */
	overflow: hidden;
	height: 100px;
	width: 115px;
	float: left;
}

div.Tile_WebPortal:hover
{
	box-shadow: 0 2px 18px rgba(0,0,0,0.25);
	background-color: #fbfbfb;
	border: none;
}

p.TileTitle
{
	margin: 0;
}

p.TileTitle a
{
	color: #008ecf;
	font-weight: bold;
	font-size: 24px;
	text-decoration: none;
	cursor: pointer;
	display: block;
	line-height: 100px;
	overflow: hidden;
	text-align: center;
}

p.TileTitle a:hover
{
	color: #ffffff;
	background-color: #008ecf;
}

p.TileTitle:focus
{
	outline: none;
}

/* Homepage - Pied de page */

div.Footer
{
	position: absolute;
	width: 100%;
	height: auto;
	left: 0;
	bottom: 0;
}

div.FooterSocial
{
	border-top: solid 1px #dcdee0;
	max-width: 1170px;
	padding: 24px 10px 24px 10px;
	display: block;
	margin: 0 auto;
	text-align: center;
}

div.FooterSocial a
{
	display: inline-block;
}

div.FooterSocial p
{
	padding: 0;
	margin: 0;
	height: 42px;
}

div.FooterSocial img
{
	width: 42px;
	height: 42px;
	margin-left: 24px;
	margin-right: 24px;
}

div.FooterCopyright
{
	background: #2d2d2d;
	padding: 1% 2%;
	font-size: 12px;
	color: #ffffff;
	text-align: center;
}

div.FooterCopyright p
{
	margin: 0;
}

span.FooterCopyrightGray
{
	color: #dcdee0;
}

/* Page topic */

div.TopicContent
{
	padding: 30px 0 0 30px;
	margin-left: 300px;
	margin-top: 30px;
}

div.TopicMenu
{
	width: 300px;
	padding: 30px 30px 0 0;
	float: left;
	margin-top: 15px;
}

div.TopicToolbar
{
	display: block;
	width: 100%;
	margin: 0;
}

.buttons._Skins_TopicToolbar.mc-component
{
	display: block;
	float: right;
	width: 100%;
}

.button-group-container-left:first-child
{
	float: right;
	width: 100%;
}

._Skins_TopicToolbar.mc-component .button-separator
{
	display: none;
}

div.TopicToolbar ._Skins_TopicToolbar.mc-component .button.back-button-button
{
	background-image: url('../Images/HTML/black_news-backbutton.svg');
	background-position: center;
	background-repeat: no-repeat;
	background-size: 25px;
}

div.TopicToolbar ._Skins_TopicToolbar.mc-component .button.remove-highlight-button
{
	background-image: url('../Images/HTML/black_news-removehighlight.svg');
	background-position: center;
	background-repeat: no-repeat;
	background-size: 25px;
	float: right;
}

div.TopicToolbar ._Skins_TopicToolbar.mc-component .button.expand-all-button
{
	background-image: url('../Images/HTML/black_news-expand.svg');
	background-position: center;
	background-repeat: no-repeat;
	background-size: 25px;
	float: right;
}

div.TopicToolbar ._Skins_TopicToolbar.mc-component .button.collapse-all-button
{
	background-image: url('../Images/HTML/black_news-collapse.svg');
	background-position: center;
	background-repeat: no-repeat;
	background-size: 25px;
	float: right;
}

div.TopicToolbar ._Skins_TopicToolbar.mc-component .button.show-important-button
{
	background-image: url('../Images/HTML/black_important.svg');
	background-position: center;
	background-repeat: no-repeat;
	background-size: 25px;
	float: right;
}

.search-bar._Skins_SearchTopics.mc-component
{
	max-width: 750px;
	margin: 0 auto;
}

ul.menu._Skins_SideMenu.mc-component li > a
{
	margin-top: 10pt;
	line-height: 25px;
}

ul.menu._Skins_SideMenu.mc-component > li.has-children > a:first-child
{
	padding-left: 20px;
	background-image: url('../Images/HTML/goback.svg');
	background-position: 2px center;
	background-repeat: no-repeat;
	background-size: 12px;
}

ul.menu._Skins_SideMenu.mc-component > li.has-children > a:first-child:hover
{
	background-image: url('../Images/HTML/goback_blue.svg');
}

ul.menu._Skins_SideMenu.mc-component > li.has-children > a.selected:first-child
{
	background-image: url('../Images/HTML/goback_white.svg');
}

ul.menu._Skins_SideMenu.mc-component > li.has-children > a.selected:first-child:hover
{
	background-image: url('../Images/HTML/goback_blue.svg');
}

ul.menu._Skins_SideMenu.mc-component ul.sub-menu
{
	background-image: none;
}

ul.menu._Skins_SideMenu.mc-component ul ul > li > a:hover
{
	border-radius: 4px;
}

ul.menu._Skins_SideMenu.mc-component li > a.selected
{
	border-radius: 4px;
}

div.TopicMenu > ul.menu._Skins_SideMenu.mc-component ul > li > a
{
	margin-top: 0;
}

#return-to-top
{
	position: fixed;
	bottom: 36px;
	right: 20px;
	background-color: #dcdee0;
	width: 40px;
	height: 40px;
	display: block;
	text-decoration: none;
	-webkit-border-radius: 35px;
	-moz-border-radius: 35px;
	border-radius: 35px;
	display: none;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
	z-index: 99;
	background-image: url('../Images/HTML/goup_white.svg');
	background-repeat: no-repeat;
	background-position: center 40%;
	background-size: 20px;
}

#return-to-top:hover
{
	background-color: #15ADE4;
}

/* Search bar */

.search-bar._Skins_SearchTopics.mc-component .search-field
{
	border-radius: 4px;
}

.search-bar.search-bar-container._Skins_SearchTopics.mc-component .search-submit
{
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
}

/* Styles contenu */

h1
{
	font-size: 36px;
	font-weight: normal;
	margin: 35px 0 30px;
	mc-auto-number-position: none;
}

h2
{
	mc-heading-level: 2;
	font-size: 25px;
	text-transform: uppercase;
	margin: 30pt 0 5pt 0;
	color: #15ADE4;
	font-weight: lighter;
}

.dropDownHead
{
	text-decoration: none;
}

.MCDropDown
{
	margin: 5px 0;
}

.MCDropDown_Open .MCDropDownBody
{
	margin: 8px 0;
}

.MCDropDownBody
{
	margin-left: 0;
	padding: 10px;
	border: 1px solid #f5f6f8;
	border-radius: 3px;
}

.MCDropDown_Open .MCDropDownHotSpot_.MCHotSpotImage,
.MCDropDown_Closed .MCDropDownHotSpot_.MCHotSpotImage
{
	background-image: none;
	position: relative;
	margin: 0;
	color: #000000;
	font-weight: 500;
	background-color: #ffffff;
	padding: 7px 45px 7px 0;
	font-size: 16px;
}

.MCDropDown_Image_Icon
{
	border: none;
	width: 0;
}

.dropDownHotspot
{
	display: block;
	background-color: #f5f6f8;
	cursor: hand;
	font-weight: bold;
	padding: 14px;
	margin: 5px;
	text-decoration: none;
}

.MCDropDown_Open > .MCDropDownHead > .MCDropDownHotSpot_.MCHotSpotImage::after
{
	content: '';
	display: block;
	position: absolute;
	right: 0px;
	top: 50%;
	transform: translateY(-50%);
	width: 11px;
	height: 11px;
	background: url('../Images/HTML/goup.svg') center no-repeat;
}

.MCDropDown_Closed > .MCDropDownHead > .MCDropDownHotSpot_.MCHotSpotImage::after
{
	content: '';
	display: block;
	position: absolute;
	right: 0px;
	top: 50%;
	transform: translateY(-25%);
	width: 11px;
	height: 11px;
	background: url('../Images/HTML/godown.svg') center no-repeat;
}

/* Ligne séparatrice */

hr
{
	display: block;
	background-color: #008ecf;
	height: 1px;
	margin-top: 100px;
	margin-bottom: 15px;
	width: 100%;
}

/* dropdown modules */

.MCDropDown_Open .MCDropDownHotSpot_.MCHotSpotImage.MCDropDownHotSpot_MODULE,
.MCDropDown_Closed .MCDropDownHotSpot_.MCHotSpotImage.MCDropDownHotSpot_MODULE
{
	position: relative;
	color: #15ADE4;
	font-weight: lighter;
	padding: 8px 45px 8px 0;
	font-size: 25px;
	background-image: none;
	text-transform: uppercase;
	margin: 15pt 0 5pt 0;
}

.MCDropDown.dropDown.dropDownMODULE.MCDropDown_Open > .MCDropDownBody
{
	padding: 0;
	border: none;
	margin: 15px 0;
}

.dropDownMODULE.MCDropDown_Open > .MCDropDownHead > .MCDropDownHotSpot_.MCHotSpotImage::after
{
	content: '';
	display: block;
	position: absolute;
	right: 0px;
	top: 50%;
	transform: translateY(-50%);
	width: 13px;
	height: 13px;
	background: url('../Images/HTML/blue_goup.svg') center no-repeat;
}

.dropDownMODULE.MCDropDown_Closed > .MCDropDownHead > .MCDropDownHotSpot_.MCHotSpotImage::after
{
	content: '';
	display: block;
	position: absolute;
	right: 0px;
	top: 50%;
	transform: translateY(-25%);
	width: 13px;
	height: 13px;
	background: url('../Images/HTML/blue_godown.svg') center no-repeat;
}

/* dropdown nouveautés techniques + DMF */

.MCDropDown_Open .MCDropDownHotSpot_.MCHotSpotImage.MCDropDownHotSpot_TECHNIQUE,
.MCDropDown_Closed .MCDropDownHotSpot_.MCHotSpotImage.MCDropDownHotSpot_TECHNIQUE
{
	position: relative;
	color: #000000;
	font-weight: normal;
	padding: 8px 45px 8px 0;
	font-size: 18px;
	background-image: none;
	text-transform: uppercase;
}

.MCDropDown.dropDown.dropDownTECHNIQUE.MCDropDown_Open .MCDropDownBody
{
	padding: 0;
	border: none;
}

.MCDropDown_Open > .MCDropDownHead > .MCDropDownHotSpot_TECHNIQUE.MCHotSpotImage::after,
.MCDropDown_Closed > .MCDropDownHead > .MCDropDownHotSpot_TECHNIQUE.MCHotSpotImage::after
{
	top: 50%;
}

/* dropdown à savoir absolument */

.MCDropDown_Closed .MCDropDownHotSpot_.MCHotSpotImage.MCDropDownHotSpot_Important,
.MCDropDown_Open .MCDropDownHotSpot_.MCHotSpotImage.MCDropDownHotSpot_Important
{
	background-image: url('../Images/Icones/Important.svg');
	background-position: left;
	background-repeat: no-repeat;
	background-size: 22px;
	padding: 7px 45px 7px 30px;
	font-weight: 600;
}

.dropDownHotspot_Important
{
	padding-left: 20px;
	font-weight: bold;
}

/* Paragraphes et listes à puces */

p
{
	font-size: 11pt;
	margin: 0pt 0 10pt;
}

ol,
ul
{
	font-size: 11pt;
	margin-left: 20pt;
	padding-left: 0;
}

ol li,
ul li
{
	line-height: normal;
	margin-bottom: 2pt;
	margin-left: 30pt;
}

ol li ul,
ol li ol,
ul li ul,
ul li ol
{
	margin-left: 0;
}

ol li li,
ul li li
{
	font-size: 11pt;
	margin-bottom: 2pt;
	margin-left: 10pt;
}

ul li ul li
{
	list-style: circle;
}

ol li ul li ul li,
ul li ul li ul li
{
	font-size: 11pt;
	margin-bottom: 0pt;
	margin-left: 12pt;
}

ol ul,
ul ol,
ul ul,
ol ol
{
	margin: 0pt 0 5pt;
	padding-left: 24pt;
}

p.Step1
{
	mc-auto-number-position: outside-head;
	mc-auto-number-offset: 20pt;
	mc-auto-number-format: '{n=1}';
	mc-auto-number-class: Step;
	font-size: 11pt;
}

p.Step
{
	mc-auto-number-position: outside-head;
	mc-auto-number-offset: 20pt;
	mc-auto-number-format: '{n+}';
	mc-auto-number-class: Step;
	font-size: 11pt;
}

div.Step
{
	margin-left: 0;
}

div.Step p,
td
{
	margin-left: 20pt;
	font-size: 11pt;
	margin-bottom: 0;
	padding-bottom: 5px;
}

div.Step ul,
div.Step ol
{
	padding-left: 0;
	margin-left: 0;
}

span.Step
{
	font-size: 12pt;
	font-weight: bold;
}

/* Numérotations modules */

.MCDropDownHotSpot
{
	mc-auto-number-position: inside-head;
	mc-auto-number-offset: 10px;
	mc-auto-number-format: 'RN-{n} ';
	mc-heading-level: 1;
}

/* Blocs colorés */

div.reference p
{
	margin: 0;
	background-image: url('../Images/Icones/black_help-circle.svg');
	background-repeat: no-repeat;
	background-size: 23px;
	line-height: 23px;
}

div.reference a
{
	text-decoration: underline;
	color: #000000;
	padding-left: 33px;
}

div.reference *:hover
{
	color: #008ecf;
}

div.reference p:hover
{
	background-image: url('../Images/Icones/blue_help-circle.svg');
}

div.important
{
	background: #F9E9E8;
	border-left: 3pt solid #D21E06;
	padding: 10pt 10pt 10pt 15pt;
	margin: 20px 0 20px 0;
	-webkit-border-radius: 0 2px 2px 0;
	border-radius: 0 2px 2px 0;
	line-height: 12pt;
}

div.important p:first-child
{
	color: #D21E06;
	font-weight: bold;
}

div.exemple
{
	background: #F0FAE0;
	border-left: 3pt solid #A0BD00;
	padding: 10pt 10pt 10pt 15pt;
	margin: 20px 0 20px 0;
	-webkit-border-radius: 0 2px 2px 0;
	border-radius: 0 2px 2px 0;
	line-height: 12pt;
}

div.exemple p:first-child
{
	color: #A0BD00;
	font-weight: bold;
}

div.note
{
	background: #EEF6FA;
	border-left: 3pt solid #008ECF;
	padding: 10pt 10pt 10pt 15pt;
	margin: 20px 0 20px 0;
	-webkit-border-radius: 0 2px 2px 0;
	border-radius: 0 2px 2px 0;
	line-height: 12pt;
}

div.note p:first-child
{
	color: #008ECF;
	font-weight: bold;
}

div.astuce
{
	background: #FDF0D0;
	border-left: 3pt solid #FFC108;
	padding: 10pt 10pt 10pt 15pt;
	margin: 20px 0 20px 0;
	-webkit-border-radius: 0 2px 2px 0;
	border-radius: 0 2px 2px 0;
	line-height: 12pt;
}

div.astuce p:first-child
{
	color: #FFC108;
	font-weight: bold;
}

div.important p,
div.exemple p,
div.note p,
div.astuce p
{
	font-weight: normal;
	line-height: normal;
}

code
{
	font-size: inherit;
}

div.code
{
	background: #f4f4f4;
	border: 1px solid #ddd;
	border-left: 3pt solid #ddd;
	padding: 10pt;
	margin-bottom: 10pt;
}

div.code p
{
	font-size: 10pt;
	font-family: monospace;
	margin-bottom: 0;
}

/* Tableaux */

table.TableStyle-Table tr *
{
	font-size: 10pt;
}

table.TableStyle-Table td
{
	padding: 6pt;
}

table.TableStyle-Table p
{
	margin-bottom: 6pt;
	margin-top: 0;
}

table.TableStyle-Table caption
{
	display: none;
}

table.TableStyle-Basic *
{
	display: none;
}

/* Images */

p.img
{
	text-align: center;
}

img.x16
{
	mc-disabled: false;
	border-left-style: none;
	border-left-width: 0px;
	border-right-style: none;
	border-right-width: 0px;
	border-top-style: none;
	border-top-width: 0px;
	border-bottom-style: none;
	border-bottom-width: 0px;
	mc-thumbnail: none;
	height: 16px;
	width: 16px;
}

img.main
{
	mc-thumbnail: popup;
	mc-thumbnail-max-height: auto;
	mc-thumbnail-max-width: 300px;
	border: 1px solid #757575;
	padding: 10px;
	margin: 10px;
}

a.MCPopupThumbnailLink:hover
{
	cursor: zoom-in;
}

img.MCPopupFullImage
{
	outline: 2px solid #757575;
	padding: 10px;
	mc-hidden: hidden;
}

img.MCPopupFullImage:hover
{
	cursor: zoom-out;
}

/* Liens */

MadCap|xref
{
	mc-format: '{para}';
	text-decoration: none;
	color: #15ADE4;
	font-weight: normal;
}

MadCap|xref:hover
{
	color: #008ECF;
}

MadCap|xref:visited
{
	color: #15ADE4;
}

a
{
	font-weight: normal;
	color: #15ADE4;
	text-decoration: underline;
}

a:link
{
	color: #15ADE4;
	text-decoration: none;
}

a:visited
{
	color: #15ADE4;
}

a:hover
{
	color: #008ECF;
}

a:active
{
	font-style: normal;
	font-weight: normal;
}

span.SearchHighlight
{
	background: #FFD351;
}

@media only screen and (min-width: 1050px)
{
	.search-bar._Skins_SearchTopics.mc-component
	{
		width: 250px;
		margin: 0;
		float: right;
	}
}

@media only screen and (max-width: 1400px)
{
	div.FooterSocial
	{
		max-width: 970px;
	}

	.off-canvas-wrapper-inner nav.title-bar .outer-row
	{
		max-width: 970px;
	}

	div.HomeBanner
	{
		max-width: 970px;
	}

	div.HomeSearch
	{
		max-width: 970px;
	}

	div.TopicBody
	{
		max-width: 970px;
	}

	div.TopicSearch
	{
		max-width: 970px;
	}

	div.TopicMenu
	{
		width: 250px;
	}

	div.TopicContent
	{
		margin-left: 250px;
	}

	div#searchPane
	{
		margin-left: -280px;
	}

	ul.menu._Skins_SideMenu.mc-component ul ul > li > a
	{
		padding-left: 30px;
	}

	div.HomeTiles_WebPortal
	{
		/*max-width: 530px;*/
		/* À modifier en fonction du nombre de tile (105px par tile) + 2*15 pour le padding + nb tile*20 /!\ jusqu'à 4 de largeur */
	}

	/*div.Tile_WebPortal
	{
		height: 90px;
		width: 105px;
	}*/

	p.TileTitle a
	{
		font-size: 20px;
		line-height: 90px;
	}
}

@media only screen and (max-width: 1050px)
{
	/* Homepage - Top Menu */

	ul.navigation li > a
	{
		padding: 25px 10px 5px 10px;
		font-size: 15px;
	}

	div.FooterSocial
	{
		max-width: 750px;
	}

	.off-canvas-wrapper-inner nav.title-bar .outer-row
	{
		max-width: 750px;
	}

	div.HomeBanner
	{
		max-width: 750px;
	}

	div.HomeSearch
	{
		max-width: 750px;
	}

	div.TopicBody
	{
		max-width: 750px;
	}

	div.TopicSearch
	{
		max-width: 750px;
	}

	div.TopicMenu
	{
		width: 200px;
		padding-right: 15px;
		margin-top: 0;
	}

	div.TopicContent
	{
		padding-left: 15px;
		margin-left: 200px;
		margin-top: 0;
	}

	div#searchPane
	{
		margin-left: -215px;
	}

	ul.menu._Skins_SideMenu.mc-component ul ul > li > a
	{
		padding-left: 20px;
	}

	div.HomeTiles_WebPortal
	{
		max-width: 300px;
		/* À modifier en fonction du nombre de tile (95px par tile) + 2*15 pour le padding + nb tile*20 /!\ jusqu'à 4 de largeur */
	}

	div.Tile_WebPortal
	{
		height: 80px;
		width: 95px;
		margin-left: 102px;
		/* à modifier en fonction du nombre de tile */
		margin-right: 102px;
		/* à modifier en fonction du nombre de tile */
	}

	p.TileTitle a
	{
		font-size: 18px;
		line-height: 80px;
	}
}

@media only screen and (max-width: 800px)
{
	p
	{
		overflow-wrap: break-word;
	}

	.TableStyle-Table
	{
		display: block;
		overflow-x: auto;
		white-space: normal;
	}

	.MCDropDown_Open .MCDropDownHotSpot_.MCHotSpotImage,
	.MCDropDown_Closed .MCDropDownHotSpot_.MCHotSpotImage
	{
		padding-right: 40px;
	}

	div.FooterSocial
	{
		max-width: 100%;
	}

	.off-canvas-wrapper-inner nav.title-bar .outer-row
	{
		max-width: 100%;
		padding: 15px 25px;
	}

	ul.off-canvas-list li a
	{
		padding: 20px 15px;
	}

	div.HomeBanner p:first-child
	{
		font-size: 42px;
	}

	div.HomeBanner p
	{
		font-size: 17px;
	}

	div.TopicBody
	{
		max-width: 100%;
	}

	div.TopicSearch
	{
		max-width: 100%;
	}

	div.TopicMenu
	{
		display: none;
	}

	div.TopicContent
	{
		padding: 25px;
		margin-left: 0;
	}

	div#searchPane
	{
		margin-left: 0;
	}

	div.TopicSearch
	{
		float: none;
	}

	div.TopicSearch
	{
		margin: 0 25px;
	}

	div.HomeTiles_WebPortal
	{
		/*max-width: 490px;*/
		/* À modifier en fonction du nombre de tile (95px par tile) + 2*15 pour le padding + nb tile*20 /!\ jusqu'à 4 de largeur */
	}

	div.FooterSocial
	{
		padding: 24px 65px 24px 65px;
	}

	div.FooterCopyright
	{
		padding: 1% 65px 1% 65px;
	}

	div.FooterSocial img
	{
		margin-left: 13px;
		margin-right: 13px;
	}
}

@media only screen and (max-width: 499px)
{
	div.FooterCopyright
	{
		font-size: 8px;
		padding: 10px;
	}

	div.FooterSocial img
	{
		width: 33px;
		height: 33px;
		margin-left: 10px;
		margin-right: 10px;
	}

	div.FooterSocial p
	{
		height: auto;
	}

	div.FooterSocial a
	{
		height: 33px;
	}

	div.FooterSocial
	{
		padding: 15px 0 10px 0;
	}

	div.HomeBanner p:first-child
	{
		font-size: 32px;
	}

	div.HomeBanner p
	{
		font-size: 12px;
	}

	div.TopicSearch
	{
		margin: 0 15px;
	}

	div.TopicContent
	{
		padding: 15px;
	}

	div#pagination
	{
		line-height: 50px;
	}

	div.HomeTiles_WebPortal
	{
		max-width: 260px;
	}

	div.Tile_WebPortal
	{
		margin-left: 82px;
		/* à modifier en fonction du nombre de tile */
		margin-right: 82px;
		/* à modifier en fonction du nombre de tile */
	}

	p.TileTitle a
	{
		font-size: 18px;
	}
}

@media only screen and (max-width: 260px)
{
	div.HomeTiles
	{
		max-width: 100%;
		margin: 75px 0;
	}

	div.HomeTiles_WebPortal
	{
		max-width: 100%;
		margin: 75px 0;
		padding-left: 10px;
		padding-right: 10px;
	}

	div.Tile
	{
		width: 100%;
		margin: 5px 0;
	}

	div.Tile_WebPortal
	{
		width: 100%;
		margin: 5px 0;
	}
}