/*<meta />*/

/* Général */

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

body
{
	font-family: 'Open Sans', Tahoma, Arial;
	background: linear-gradient(170deg,#0bf 0%,#08dbaf 150%);
	mc-hyphenate: never;
	font-size: 16px;
}

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

div.Body
{
	padding-top: 0;
	padding-bottom: 100px;
	min-height: 100%;
	background: linear-gradient(170deg,#0bf 0%,#08dbaf 150%);
}

.title-bar-layout a.logo
{
	background: none;
}

a.logo.selected
{
	display: none;
}

div.PortailDocSheet
{
	padding: 15px;
	/*background-color: #ffffff;
    box-shadow: 0px 0px 11px 13px #ffffff;*/
	height: auto;
	width: 75%;
	margin-left: auto;
	margin-right: auto;
}

/* Homepage - Top Menu */

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

ul.navigation,
ul.navigation ul
{
	display: none;
}

div.HomeBanner p.TitlePortailDoc
{
	font-weight: lighter;
	text-align: center;
	text-transform: uppercase;
	color: #fff;
	margin: 30px 0 13px 0;
}

div.HomeBanner p
{
	font-weight: lighter;
	text-align: center;
	color: #fff;
	margin: 10px 0;
	text-transform: uppercase;
}

div.HomeBanner img
{
	width: 250px;
	margin-bottom: 80px;
}

.search-bar._Skins_SearchHome.mc-component
{
	margin-top: 20px;
}

/* Language selection */

div.PortailDocLanguageTiles
{
	width: fit-content;
	max-width: 650px;
	block-size: fit-content;
	margin: auto;
	padding: 15px;
	overflow: hidden;
}

div.PortailDocLanguageTiles p
{
	margin: 0px;
	font-size: 18px;
	font-weight: 400;
	height: 39px;
	width: 39px;
	line-height: 37px;
}

div.PortailDocLanguageSelectedTile
{
	background-color: #008ecf;
	transition: all 0.3s cubic-bezier(.25,.8,.25,1);
	border: 1px solid #f1f1f2;
	border-radius: 4px;
	margin: 5px;
	overflow: hidden;
	height: 40px;
	width: 40px;
	float: left;
	cursor: default;
}

div.PortailDocLanguageNotSelectedTile
{
	background-color: transparent;
	border: 1px solid #f1f1f2;
	transition: all 0.3s cubic-bezier(.25,.8,.25,1);
	border-radius: 4px;
	margin: 5px;
	overflow: hidden;
	height: 40px;
	width: 40px;
	float: left;
}

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

p.NotSelectedLanguageTile a
{
	/*color: #757575;*/
	color: #ffffff;
	font-weight: 400;
	text-decoration: none;
	background-size: 32px 32px;
	cursor: pointer;
	display: block;
	overflow: hidden;
	width: 40px;
	height: 40px;
	margin: 0px;
}

p.NotSelectedLanguageTile a:hover
{
	color: #008ecf;
	background-color: #ffffff;
	margin: 0px;
}

/* Homepage - Bannière recherche */

div.HomeBanner
{
	padding: 0 15px 50px;
	max-width: 1170px;
	margin: 0 auto;
	text-align: center;
}

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

div.PortailDocTiles
{
	margin: 65px auto;
	overflow: hidden;
	padding: 15px;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
}

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

div.PortailDocTile
{
	overflow: hidden;
	float: left;
}

a.PortailTileImage
{
	display: block;
	border: 2px solid #f1f1f2;
	transition: all 0.3s cubic-bezier(.25,.8,.25,1);
	border-radius: 100%;
	margin-left: auto;
	margin-right: auto;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 75px;
}

a.PortailTileImage:hover
{
	background-color: #0082ac;
	box-shadow: 0 2px 18px rgba(0,0,0,0.25);
	border: none;
}

p.PortailTileTitle
{
	margin: 0;
}

p.PortailTileTitle
{
	color: #ffffff;
	font-weight: 400;
	text-transform: uppercase;
	font-size: 17px;
	text-decoration: none;
	cursor: pointer;
	display: block;
	letter-spacing: 0.8px;
	overflow: hidden;
	padding-top: 10px;
}

.portail-af
{
	background-image: url('../Images/HTML/portail-af_white.svg');
}

.portail-pwa
{
	background-image: url('../Images/HTML/portail-pwa_white.svg');
}

.portail-rcp
{
	background-image: url('../Images/HTML/portail-rcp_white.svg');
}

.portail-ca
{
	background-image: url('../Images/HTML/portail-ca_white.svg');
}

.portail-la
{
	background-image: url('../Images/HTML/portail-la_white.svg');
}

.portail-news
{
	background-image: url('../Images/HTML/portail-news_white.svg');
}

.portail-pc
{
	background-image: url('../Images/HTML/portail-pc_white.svg');
}

.portail-wp
{
	background-image: url('../Images/HTML/portail-wp_white.svg');
}

.portail-pe
{
	background-image: url('../Images/HTML/portail-pe_white.svg');
}

.portail-main
{
	background-image: url('../Images/HTML/portail-main_white.svg');
}

.portail-pr
{
	background-image: url('../Images/HTML/portail-pr_white.svg');
}

.portail-hd
{
	background-image: url('../Images/HTML/portail-hd_white.svg');
}

.portail-pu
{
	background-image: url('../Images/HTML/portail-pu_white.svg');
}

.portail-set
{
	background-image: url('../Images/HTML/portail-set_white.svg');
}

.portail-nav
{
	background-image: url('../Images/HTML/portail-nav_white.svg');
}

.portail-sa
{
	background-image: url('../Images/HTML/portail-sa_white.svg');
}

/* Homepage - Pied de page */

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

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

div.FooterCopyright p
{
	margin: 0;
}

span.FooterCopyrightGray
{
	color: #dcdee0;
}

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

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

/* Liens */

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

a:link
{
	color: #15ADE4;
}

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

	nav.title-bar
	{
		padding: 10px;
		height: 100px;
		background: linear-gradient(to left, #01bff4, #00bcff);
	}

	p.TitlePortailDoc
	{
		font-size: 35px;
	}

	p.TitleAkuiteoVersion
	{
		font-size: 25px;
	}

	div.PortailDocTile
	{
		margin: 35px;
		width: 169px;
	}

	a.PortailTileImage
	{
		height: 110px;
		width: 110px;
		background-size: 75px;
	}

	div.PortailDocTiles
	{
		min-width: 750px;
		max-width: 85%;
	}
}

@media only screen and (max-width: 1400px)
{
	.off-canvas-wrapper-inner nav.title-bar .outer-row
	{
		max-width: 970px;
	}

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

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

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

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

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

	ul.navigation li > a:last-child
	{
		margin-top: 32px;
	}

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

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

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

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

	nav.title-bar
	{
		display: none;
	}

	p.TitlePortailDoc
	{
		font-size: 25px;
	}

	p.TitleAkuiteoVersion
	{
		font-size: 20px;
	}

	div.PortailDocTile
	{
		margin: 35px;
		width: 120px;
	}

	a.PortailTileImage
	{
		height: 110px;
		width: 110px;
		background-size: 75px;
	}

	div.PortailDocTiles
	{
		width: 601px;
	}
}

@media only screen and (max-width: 800px)
{
	div.PortailDocTiles
	{
		max-width: 100%;
	}

	button.menu-icon
	{
		display: none;
	}

	.title-bar .menu-icon span
	{
		display: none;
	}

	p
	{
		overflow-wrap: break-word;
	}

	.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.FooterCopyright
	{
		padding: 1% 65px 1% 65px;
	}

	div.PortailDocTile
	{
		margin: 10px;
		width: 120px;
	}

	a.PortailTileImage
	{
		height: 110px;
		width: 110px;
		background-size: 75px;
	}

	div.PortailDocTiles
	{
		width: 450px;
	}
}

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

	div.PortailDocTile
	{
		margin: 5px;
		width: 95px;
	}

	a.PortailTileImage
	{
		height: 80px;
		width: 80px;
		background-size: 55px;
	}

	.portail-news
	{
		background-image: url('../Images/HTML/portail-news_white.svg');
	}

	div.PortailDocTiles
	{
		width: 340px;
	}
}

@media only screen and (max-width: 250px)
{
	
}