/* Reset */
* { 
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	scroll-behavior: smooth;
}

a {
	color: var(--color-primary);
	font-weight: 700;
	transition: color 320ms ease;
}
a:visited {
	color: #850b65;
}
a:hover {
	color: var(--color-secondary);
}
a:active {
	background-color: #e9511036;
}
a[href^="tel:"]:before {
	content: "\260e";
	margin-right: 0.5em;
}


sup {
	line-height: 0;
}


li.indented {
	margin-left: 2.6em;
}

button.button {
	background-color: var(--color-primary);
	border: none;
	color: white;
	padding: 15px 32px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 16px;
}


hr {
	clear: both;
	margin: 1em 0 1em 0;
}


/* Typography */
:root {
	--color-primary: #a70606; /* Rouge */
	--color-secondary: #e95110; /* Orange */
	--color-erp: #546bc0; /* Bleu pale ERP */
	--color-igh: #f8961e; /* Orange clair IGH */
	--color-hab: #f94144; /* Rouge clair HAB */
	--color-ert: #c08497; /* Mauve clair ERT */
	--color-bup: #c08497; /* Mauve clair BUP */
	--color-icpe: #4caf50; /* Vert ICPE */
	--color-others: #577590; /* Bleu clair Autres*/
}



@font-face{
	font-family: 'Roboto';
	src: url(/fonts/roboto/Roboto-Thin-webfont.woff) format('woff');
	font-style: normal;
	font-weight: 100;
}
@font-face{
	font-family: 'Roboto';
	src: url(/fonts/roboto/Roboto-Light-webfont.woff) format('woff');
	font-style: normal;
	font-weight: 300;
}
@font-face{
	font-family: 'Roboto';
	src: url(/fonts/roboto/Roboto-Regular-webfont.woff) format('woff');
	font-style: normal;
	font-weight: 400;
}
@font-face{
	font-family: 'Roboto';
	src: url(/fonts/roboto/Roboto-Medium-webfont.woff) format('woff');
	font-style: normal;
	font-weight: 500;
}
@font-face{
	font-family: 'Roboto';
	src: url(/fonts/roboto/Roboto-Bold-webfont.woff) format('woff');
	font-style: normal;
	font-weight: 700;
}
@font-face{
	font-family: 'Roboto';
	src: url(/fonts/roboto/Roboto-Black-webfont.woff) format('woff');
	font-style: normal;
	font-weight: 900;
}
@font-face{
	font-family: 'Roboto';
	src: url(/fonts/roboto/Roboto-ThinItalic-webfont.woff) format('woff');
	font-style: italic;
	font-weight: 100;
}
@font-face{
	font-family: 'Roboto';
	src: url(/fonts/roboto/Roboto-LightItalic-webfont.woff) format('woff');
	font-style: italic;
	font-weight: 300;
}
@font-face{
	font-family: 'Roboto';
	src: url(/fonts/roboto/Roboto-Italic-webfont.woff) format('woff');
	font-style: italic;
	font-weight: 400;
}
@font-face{
	font-family: 'Roboto';
	src: url(/fonts/roboto/Roboto-MediumItalic-webfont.woff) format('woff');
	font-style: italic;
	font-weight: 500;
}
@font-face{
	font-family: 'Roboto';
	src: url(/fonts/roboto/Roboto-BoldItalic-webfont.woff) format('woff');
	font-style: italic;
	font-weight: 700;
}
@font-face{
	font-family: 'Roboto';
	src: url(/fonts/roboto/Roboto-BlackItalic-webfont.woff) format('woff');
	font-style: italic;
	font-weight: 900;
}

@font-face{
	font-family: 'Roboto Condensed';
	src: url(/fonts/roboto/RobotoCondensed-Light-webfont.woff) format('woff');
	font-style: normal;
	font-weight: 300;
}
@font-face{
	font-family: 'Roboto Condensed';
	src: url(/fonts/roboto/RobotoCondensed-Regular-webfont.woff) format('woff');
	font-style: normal;
	font-weight: 400;
}
@font-face{
	font-family: 'Roboto Condensed';
	src: url(/fonts/roboto/RobotoCondensed-Bold-webfont.woff) format('woff');
	font-style: normal;
	font-weight: 700;
}
@font-face{
	font-family: 'Roboto Condensed';
	src: url(/fonts/roboto/RobotoCondensed-LightItalic-webfont.woff) format('woff');
	font-style: italic;
	font-weight: 300;
}
@font-face{
	font-family: 'Roboto Condensed';
	src: url(/fonts/roboto/RobotoCondensed-Italic-webfont.woff) format('woff');
	font-style: italic;
	font-weight: 400;
}
@font-face{
	font-family: 'Roboto Condensed';
	src: url(/fonts/roboto/RobotoCondensed-BoldItalic-webfont.woff) format('woff');
	font-style: italic;
	font-weight: 700;
}

@font-face{
	font-family: 'typewriter';
	src: url(/fonts/typewriter.woff2) format('woff2'),
		url(/fonts/typewriter.ttf) format('truetype');
}


body {
	font-family: 'Roboto';
	z-index: 0;
}

.centered {
	text-align: center;
}
.center {
	text-align: center;
}


.text-color--erp {
	color: var(--color-erp);
}
.text-color--igh {
	color: var(--color-igh);
}
.text-color--hab {
	color: var(--color-hab);
}
.text-color--ert {
	color: var(--color-ert);
}
.text-color--bup {
	color: var(--color-bup);
}
.text-color--icpe {
	color: var(--color-icpe);
}
.text-color--others {
	color: var(--color-others);
}

.heading-light {
	color: var(--color-primary);
	font-style: italic;
	font-weight: 300;
}


.light-caps {
	font-weight: 300;
	text-transform: uppercase;
}

.font-size-18 {
	font-size: 1.8em;
}
.font-size-24 {
	font-size: 2.4em;
}


.top-space-margin {
	margin-top: 1.2em;
}




.fa-file-pdf {
	padding-right: 6px;
}




/* ___________________________________________________________________________________________

UTILS 
____________________________________________________________________________________________ */
.svg-color--erp path {
	fill: var(--color-erp);
}
.svg-color--igh path {
	fill: var(--color-igh);
}
.svg-color--hab path {
	fill: var(--color-hab);
}
.svg-color--ert path {
	fill: var(--color-ert);
}
.svg-color--bup path {
	fill: var(--color-bup);
}
.svg-color--icpe path {
	fill: var(--color-icpe);
}
.svg-color--others path {
	fill: var(--color-others);
}

.svg-color--code path {
	fill: var(--color-primary);
}


/* 
Loader
source : https://loading.io/css/  
*/
.lds-dual-ring {
	display: inline-block;
	width: 60px;
	height: 60px;
	margin-left: calc( 50% - 30px);
}
.lds-dual-ring:after {
	content: " ";
	display: block;
	width:32px;
	height: 32px;
	margin: 8px;
	border-radius: 50%;
	border: 6px solid #d1d1d1;
	border-color: #d1d1d1 transparent #d1d1d1 transparent;
	animation: lds-dual-ring 1.2s linear infinite;
}
@keyframes lds-dual-ring {
	0% {
	    transform: rotate(0deg);
	}
	100% {
	    transform: rotate(360deg);
	}
}




.fake-progress {
	overflow: hidden;
	display: block;
	width: 100%;
	height: 8px;
	border-radius: 100px;
	background-color: #fff;
	position: relative;
	margin-top: 1em;
}
.fake-progress span {
	display: block;
	background-color: #3bc279;
	content: '';
	width: 0;
	height: 8px;
	border-radius: 100px;
	position: absolute;
	animation: fillin 1200ms linear both;
}
@keyframes fillin {
	from {
	    width: 0;
	} to {
	    width: 100%;
	}
}


/* =============================
	    Keyframes 
============================== */
.fadein {
	animation: 560ms ease fadein;
}
.fadeout {
	animation: 560ms ease fadeout both;
}
@keyframes fadein {
	from {
	    opacity: 0
	}
	to {
	    opacity: 1;
	}
}

@keyframes fadeout {
	from {
	    opacity: 1
	}
	to {
	    opacity: 0
	}
}
.pinch {
	overflow: hidden;
	transform-origin: top;
	animation-name: pinch;
	animation-timing-function: linear;
	animation-duration: 380ms;
	animation-delay: 4600ms;
	animation-fill-mode: both;
}

@keyframes pinch {
	0% {
	    transform: scale(1, 1);
	    opacity: 1;
	} 
	100% {
	    transform: scale(1, 0);
	    font-size: 0;
	    max-height: 0;
	    opacity: 0;
	    padding: 0;
	    margin: 0;
	}
}




.gutter {
	margin-right: .5em;
}
.gutter + .gutter {
	margin-left: .5em;
	margin-right: -.5em;
}

.image-container-centered {
	display: flex;
	justify-content: center;
}






.content-abo {
	display: flex;
	align-items: center;
	/* transition: all 380ms ease; */
	position: relative;
}

.content-abo:before {
	content: '';
	background-image: url('/contenu/portail/images/abo1.png');
	display: block;
	width: 18px;
	height: 18px;
	margin: 2px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}

.abo-plus:before {
	background-image: url('/contenu/portail/images/abo2.png');
}





.scroll-to-top-btn {
	opacity: 0;
	position: fixed;
	bottom: 50px;
	right: 50px;
	z-index: 1245;
	cursor: pointer;
	text-align: center;
	width: 50px;
	height: 50px;
	border: none;
	box-shadow: 2px 2px 8px rgba(0,0,0,.2);
	background-color: var(--color-secondary);
	border-radius: 6px;
	color: #fff;
	transform: scale(0);
	transition: all ease 280ms;
}
.scroll-to-top-btn--show {
	opacity: 1;
	transform: scale(1);
}
















/**
* ================================================================================================== 
* Layout 
* ==================================================================================================
*/ 
body {
	display: flex;
	flex-direction: column;
	min-height: 100vh;
}


.page, .container {
	width: 96%;
	max-width: 1600px;
	margin:0 auto;
}

.main-section, .sidebar {
	margin-bottom: 4em;
}

.col-container {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.col-container .col-3 {
	width: calc( 100% / 12 * 3 );
	padding: .5em;
}
.col-container .col-4 {
	width: calc( 100% / 12 * 4 );
	padding: .5em;
}

.col-container .col-6 {
	width: 50%;
	padding: .5em;
}
.col-container .col-8 {
	width: calc( 100% / 12 * 8 );
	padding: .5em;
}
.col-container .col-9 {
	width: calc( 100% / 12 * 9 );
	padding: .5em;
}
.col-container .col-12 {
	width: 100%;
	padding: .5em;
}

@media screen and (max-width: 899px) {
	.col-container .col-1, .col-container .col-2, .col-container .col-3, .col-container .col-4, .col-container .col-5, .col-container .col-6, .col-container .col-7, .col-container .col-8, .col-container .col-9, .col-container .col-10, .col-container .col-11, .col-container .col-12 {
	    width: 100%;
	}
}





/* Components */

/**
* Call to Action button 
*/
.cta-btn {
	font-weight: 700;
	font-size: 1.6em;
	text-decoration: none;
	text-align: center;
	padding: .3em 2em;
	border-radius: 0 0 14px 0;
	box-shadow: 0px 4px 28px rgba(0,0,0,.25);
}
.cta-btn i {
	transition: all 380ms ease;
	text-shadow: 0 0 0 rgba(0,0,0,.5);
}
.cta-btn:hover i {
	transform: translateX(16px);
	text-shadow: -4px 0 16px rgba(0,0,0,0.25);
}



/** ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
* +++++++++++ HEADER +++++++++++++
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.header {
	background-color: var(--color-primary);
	padding-bottom: 1.4em;
}
.header-sub {
	padding: .3em 0;
}
.header-sub__content {
	display: flex;
	align-items: center;
}
.header-sub .baseline {
	font-weight: 300;
	font-style: italic;
}
.header-sub .social-links {
	margin-left: auto;
}
.header-sub .social-links a {
	text-decoration: none;
}
.header-sub .social-links .ico-color {
	fill: var(--color-primary);
}

.header-main {
	display: flex;
}
.header-main .logo-container {
	width: 25%;
	max-width: 380px;
	min-width: 240px;
}
.header-main .logo-container img {
	width: 100%;
}
.header-main .header-main__links-container {
	display: flex;
	align-items: flex-end;
	margin-left: auto;
}




.menuburger-button {
	width: 42px;
	height: 42px;
	border-radius: 4px;
	border: solid 2px #fff;
	margin: 0.6em;
	cursor: pointer;
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 200;
}
.menuburger-button__inside {
	width: 60%;
	height: 2px;
	background-color: #fff;
	transition: all ease 380ms;
}
.menuburger-button__inside:before {
	content: " ";
	display: block;
	width: 100%;
	height: 2px;
	background-color: #fff;
	position: relative;
	transform: translate(0px, -8px);
	transition: all ease 380ms;
}
.menuburger-button__inside:after {
	content: " ";
	display: block;
	width: 100%;
	height: 2px;
	background-color: #fff;
	position: relative;
	transform: translate(0px, 6px) rotate(0deg);
	transition: all ease 380ms;
}
.menuburger-button__inside--opened {
	background-color: rgba(255,255,255,0);
}
.menuburger-button__inside--opened:before {
	transform: translate(0px, 0px) rotate(-45deg);
}
.menuburger-button__inside--opened:after {
	transform: translate(0px, -2px) rotate(45deg);
}





.header-main .header-main__links-list {
	list-style: none;
	display: flex;
	align-items: flex-end;
}

.header-main__links-list .nav_item {
	color: #fff;
	text-decoration: none;
	font-weight: 700;
	margin: 0 1em;
	font-size: 1.2em;
}


.header-main__links-list .search_item {
	color: rgba(255,255,255,.6);
	transition: all ease-out 180ms;
}
.header-main__links-list .search_item:hover {
	color: rgba(255,255,255,1);
}

@media screen and (max-width: 1122px) {
	.header-main__links-list .nav_item, .header-main__links-list .search_item {
	    color: #000;
	}
	#menuburger-container > ul a > img {
	    filter: drop-shadow(2px 1px 0 #000);
	}
}

.header-main__links-list .shop_item, .header-main__links-list .web-app_item span {
	border-bottom: solid 2px rgba(255,255,255,0);
	transition: all ease-out 180ms;
}
.header-main__links-list .shop_item:hover, .header-main__links-list .web-app_item span:hover {
	border-bottom: solid 2px rgba(255,255,255,1);
}

.header-main__links-list .login_item {
	border-bottom: solid 2px var(--color-secondary);
	transition: all ease-out 180ms;
}
.header-main__links-list .login_item:hover {
	border-color: #fff;
}

.header-main__links-list .signup_item {
	color: #fff;
	background-color: var(--color-secondary);
	display: block;
	border-radius: 0 0 12px 0 ;
	padding: .4em 1.2em;
	box-shadow: 0 0 0 rgba(0,0,0,.2);
	transition: all ease-out 180ms;
} 
.header-main__links-list .signup_item:hover {
	box-shadow: 2px 2px 8px rgba(0,0,0,.3);
}
.header-main__links-list .logout_item { 
	border-radius: 0 0 12px 0 ;
	padding: .4em 1.2em;
	border: solid #fff 2px;
}



/* MENU BURGER MOBILE */
@media screen and (min-width: 1122px) {
	.menuburger-button {
	    display: none;
	}
}
@media screen and (max-width: 1122px) {
	.header-main .header-main__links-container {
	    position: relative;
	}
	.menuburger-container {
	    position: absolute;
	    width: 380px;
	    background-color: #ececec;
	    right: 0;
	    top: 80px;
	    padding: 1em;
	    z-index: 10000;
	    box-shadow: 1px 1px 12px rgba(0,0,0,.25);
	    height: auto;
	    opacity: 1;
	    transition: all 380ms ease;
	}
	.menuburger-container--closed {
	    height: 0;
	    padding: 0;
	    opacity: 0;
	    position: relative;
	    display: none;
	}
	.header-main .header-main__links-list {
	    display: block;
	    width: 100%;
	}
	.header-main .header-main__links-list li {
	    margin: 1.6em 0;
	}
	.header-main__links-list .logout_item {
	    border-color: #000;
	}
}




/**
* +++++++++++ FOOTER +++++++++++++
*/
.footer {
	background-color: var(--color-primary);
	color: #fff;
	margin-top: auto;
}

.footer .footer-top {
	padding: 2em;
}
.footer .footer-top .col-4 {
	padding: 2em;
}

@media screen and (min-width: 899px) {
	.footer .footer-top .col-4 + .col-4 {
	    border-left: solid 1px #fff;
	}
}


.footer .linklist ul li {
	list-style: none;
	line-height: 1.6;
	font-weight: 300;
}
.footer .linklist a {
	color: #fff;
	font-weight: 400;
}

.footer .footer-top .special-link-webapp {
	display: flex;
	align-items: center;
	border: solid 1px #fff;
	border-radius: 0 0 14px 0;
	max-height: 34px;
}
.footer .footer-top .special-link-webapp .smartphone-icone {
	background-color: var(--color-primary);
	padding: 6px;
	margin-left: 12px;
}
.footer .footer-top .special-link-webapp a {
	margin-left: 1em;
	text-decoration: none;
}

.footer .footer-bottom {
	display: flex;
}
.footer .social-links {
	margin-left: auto;
	padding: 1em;
}
.footer .social-links .ico-color {
	fill: #fff;
}




















/* ==============================================================================================================
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
HOMEPAGE 
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
=============================================================================================================== */ 
.home-page .portal-section {
	background-image: url('images/bg-texture.jpg');
	background-size: 300px;
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-bottom: 6em;
	margin: 2em 0;
}

.home-page .portal-section .heading2 {
	color: var(--color-primary);
	/* color: var(--color-secondary); */
	font-weight: 300;
	font-size: 2.4em;
	margin-bottom: 1em;
}
.home-page .portal-section .heading2 .wording-content {
	/* margin-left: .6em;
	padding: 0 .2em; */
	background-color: #fff;
	font-weight: 700;
	z-index: 2;
	position: relative;
}
.home-page .portal-section .heading2 .underline-content {
	content: '';
	display: block;
	position: relative;
	top: -14px;
	background-color: var(--color-primary);
	width: 100%;
	height: 4px;
	z-index: 1;
}


.home-page .portal-section .portal-section-content {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.home-page .portal-section .cards-container {
	width: 50%;
	margin-left: -1em;
	margin-top: -1em;
	margin-bottom: -1em;
	display: flex;
	flex-wrap: wrap;
	position: relative;
}
@media screen and (max-width: 1024px) {
	.home-page .portal-section .cards-container {
	    width: 100%;
	}
	.home-page .portal-section .cards-container {
	    justify-content: center;
	    margin: 0 0 2em 0;
	}
}
.home-page .portal-section .expanded-card {
	position: absolute;
	background: #fff;
	z-index: 210;
	height: calc( 720px + 4em );
	width: calc( 90% + 2em );
	margin-left: 1em;
	margin-top: 1em;
	margin-bottom: 1em;
	padding: 2em;
	box-shadow: 1px 1px 8px rgba(0,0,0,.3);
	border-top: solid var(--color-primary) 4px;
	overflow: auto;
}

.home-page .portal-section .close_expanded-card {
	display: block;
	text-align: right;
	cursor: pointer;
	font-weight: 700;
	text-decoration: underline;
	font-style: italic;
	margin: 1em;
}

.expanded-card__content {
	height: calc( 100% - 52px );
	display: flex;
	flex-direction: column;
	justify-content: space-evenly;
}

.home-page .portal-section .expanded-card img {
	float: left;
	max-width: 50%;
	margin-right: 1em;
	margin-bottom: 0em;;
	/* margin-left: -2em; */
	opacity: .8;
}
.home-page .portal-section .expanded-card img::before {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	background-color: var(--color-erp);
}

.home-page .portal-section .expanded-card .cta-btn {
	font-size: 1.25em;
	font-weight: 300;
	display: block;
	width: 60%;
	margin: auto;
	color: #fff;
	background-color: var(--color-primary);
}
.home-page .portal-section .expanded-card .cta-btn.btn--erp { background-color: var(--color-erp) ;}
.home-page .portal-section .expanded-card .cta-btn.btn--igh { background-color: var(--color-igh) ;}
.home-page .portal-section .expanded-card .cta-btn.btn--hab { background-color: var(--color-hab) ;}
.home-page .portal-section .expanded-card .cta-btn.btn--ert { background-color: var(--color-ert) ;}
.home-page .portal-section .expanded-card .cta-btn.btn--bup { background-color: var(--color-bup) ;}
.home-page .portal-section .expanded-card .cta-btn.btn--icpe { background-color: var(--color-icpe) ;}
.home-page .portal-section .expanded-card .cta-btn.btn--others { background-color: var(--color-others) ;}

.home-page .portal-section .expanded-card .expanded-card__block.list {
	padding: 1.2em;
	font-style: italic;
	background: linear-gradient(135deg, rgba(241,241,241,1) 0%, rgba(209,209,209,1) 100%);
	border-radius: 8px;
}
.home-page .portal-section .expanded-card .expanded-card__block.list.erp {
	background: linear-gradient(135deg, rgba(241,241,241,1) 0%, rgba(223,233,255,1) 100%);
}
.home-page .portal-section .expanded-card .expanded-card__block.list.igh {
	background: linear-gradient(135deg, rgba(241,241,241,1) 0%, rgba(255,237,220,1) 100%);
}
.home-page .portal-section .expanded-card .expanded-card__block.list.hab {
	background: linear-gradient(135deg, rgba(241,241,241,1) 0%, rgba(255,220,220,1) 100%);
}
.home-page .portal-section .expanded-card .expanded-card__block.list.ert {
	background: linear-gradient(135deg, rgba(241,241,241,1) 0%, rgba(255,220,233,1) 100%);
}
.home-page .portal-section .expanded-card .expanded-card__block.list.bup {
	background: linear-gradient(135deg, rgba(241,241,241,1) 0%, rgba(255,220,233,1) 100%);
}
.home-page .portal-section .expanded-card .expanded-card__block.list.icpe {
	background: linear-gradient(135deg, rgba(241,241,241,1) 0%, rgba(223,255,220,1) 100%);
}
.home-page .portal-section .expanded-card .expanded-card__block.list.others {
	background: linear-gradient(135deg, rgba(241,241,241,1) 0%, rgba(205,215,224,1) 100%);
}

.home-page .portal-section .expanded-card .expanded-card__block.list p {
	margin: 6px;
}











.home-page .portal-section .cards-container a {
	color: #232121;
	text-decoration: none;
}

.home-page .portal-section .cards-container .card {
	width: 45%;
	height: 240px;
	background-color: #f6f6f6;
	text-align: center;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	align-items: center;
	border-top: solid #000 4px;
	margin: 1em;
	transition: all 380ms ease;
	box-shadow: 2px 2px 18px rgba(0,0,0,.0);
}
@media screen and (max-width: 1355px) {
	.home-page .portal-section .cards-container .card {
	    margin: .6em;
	    height: 220px;
	}
	.home-page .portal-section .expanded-card {
	    width: calc( 90% + 1.8em );
	    height: calc( 660px + 1.8em );
	    margin-left: 0.6em;
	    margin-top: 0.6em;
	    margin-bottom: 0.6em;
	}
}
@media screen and (max-width: 499px) {
	.home-page .portal-section .cards-container .card {
	    width: 100%;
	}
	.home-page .portal-section .expanded-card {
	    width: 96%;
	    margin: auto;
	    height: 96vh;
	    position: fixed;
	    top: 2vh;
	    left: 2%;
	    padding: 1em;
	}
	.home-page .portal-section .close_expanded-card {
	    height: 32px;
	    margin: 0;
	}
	.expanded-card__content {
	    overflow: auto;
	    height: auto;
	}
	.home-page .portal-section .expanded-card .cta-btn {
	    width: 80%;
	}
}

.home-page .portal-section .cards-container .card--hover {
	box-shadow: 2px 2px 18px rgba(0,0,0,.18);
}
.home-page .portal-section .cards-container .card--erp-style {
	border-color: var(--color-erp);
}
.home-page .portal-section .cards-container .card--igh-style {
	border-color: var(--color-igh);
}
.home-page .portal-section .cards-container .card--hab-style {
	border-color: var(--color-hab);
}
.home-page .portal-section .cards-container .card--ert-style {
	border-color: var(--color-ert);
}
.home-page .portal-section .cards-container .card--bup-style {
	border-color: var(--color-bup);
}
.home-page .portal-section .cards-container .card--icpe-style {
	border-color: var(--color-icpe);
}
.home-page .portal-section .cards-container .card--others-style {
	border-color: var(--color-others);
}

.home-page .portal-section .cards-container .card .card__inside {
	background-color: #fff;
	width: calc( 100% - 56px );
	height: calc( 100% - 56px );
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}



.home-page .portal-section .cards-container .card .card__inside .card__heading {
	font-weight: 300;
	font-size: 2.4em;
}
.home-page .portal-section .cards-container .card .card__inside .card__name {
	font-weight: 700;
}

.home-page .portal-section .cards-container .card .card__inside .ico-container {
	width: 42px;
	height: 42px;
}
.home-page .portal-section .cards-container .card .card__inside .ico-container img {
	width: 100%;
}

.home-page .portal-section .cards-container .card .card__bottom {
	width: 56px;
	height: 28px;
	background-color: #fff;
	font-size: 1.4em;
}
.home-page .portal-section .cards-container .card .card__bottom .expand-icon i {
	transform: rotate(0);
	transition: all 380ms ease;
}
.home-page .portal-section .cards-container .card .card__bottom .expand-icon i:hover {
	transform: rotate(360deg);
	color: #757575;
}







.home-page .portal-section .side-container {
	width: 50%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
@media screen and (max-width: 1024px) {
	.home-page .portal-section .side-container  {
	    width: 100%;
	}
}
.home-page .portal-section .side-container .need-help-block {
	/* VERSION BLOC BESOIN D'AIDE :
	background-color: var(--color-secondary)45;
	background-image: url('images/homepage_need-help-bg_dots.svg'), url('images/homepage_need-help-bg_compass.svg');
	background-repeat: no-repeat;
	background-position: left center, right -42px top -42px;
	background-size: auto, 240px;
	padding: 2em;
	margin-bottom: 2.8em; */

	/* Version temporaire à la place du bloc besoin d'aide */
	background-image: url('images/bg-texture.jpg');
	background-repeat: no-repeat;
	background-position: right bottom;
	background-size: 300px;
	height: 100%;
}
.home-page .portal-section .need-help-block__container .title {
	font-family: 'Roboto Condensed', sans-serif;
	color: var(--color-secondary);
	font-size: 1.6em;
	border-left: solid 4px;
	padding-left: 12px;
	margin-bottom: 12px;
}
.home-page .portal-section .need-help-block__container .image-wrapper img {
	filter: drop-shadow(4px 1px 3px rgba(0,0,0,0.2));
}


.home-page .portal-section .side-container .need-help-block .__link {
	text-decoration: none;
	display: block;
	height: 100%;
	box-sizing: border-box;
	padding: 12px;
	border-radius: 4px;
	transition: all ease 320ms;
}
.home-page .portal-section .side-container .need-help-block a:hover {
	box-shadow: 1px 1px 6px rgba(0,0,0,.2);
}
.home-page .portal-section .side-container .need-help-block img {
	width: 100%;
	
}

.home-page .portal-section .side-container .need-help-block .content-container {
	display: flex;
	align-items: center;
	min-height: 180px;
	margin-top: 4em;
}
@media screen and (max-width: 1260px) {
	.home-page .portal-section .side-container .need-help-block .content-container {
	    margin-top: 2em;
	}
}

.home-page .portal-section .side-container .need-help-block .image-container {
	position: relative;
	width: 30%;
	min-width: 180px;
}
.home-page .portal-section .side-container .need-help-block .image-container .question-mark {
	animation: rotation ease-in-out 900ms 300ms both;
	position: relative;
	left: 120px;
	bottom: 75px;
}
@keyframes rotation1 {
	0% {
	    transform: rotate(52deg);
	}
	75% {
	    transform: rotate(-21deg);
	}
	100% {
	    transform: rotate(0deg);
	}
}
@keyframes rotation {
	0% { transform: rotate(60deg);}
	45% { transform: rotate(-40deg);}
	67% { transform: rotate(30deg);}
	82% { transform: rotate(-20deg);}
	91% { transform: rotate(10deg);}
	96% { transform: rotate(-5deg);}
	100% { transform: rotate(0deg);}
}

.home-page .portal-section .side-container .need-help-block .text-container {
	padding-left: 2em;
}

.home-page .portal-section .side-container .need-help-block .text-container p {
	margin: 1em 0;
}
.home-page .portal-section .side-container .need-help-block .text-container .heading3 {
	font-weight: 300;
	font-size: 2em;
}


.home-page .portal-section .side-container .need-help-block .cta-container {
	display: flex;
}
.home-page .portal-section .side-container .need-help-block .cta-container .cta-btn {
	background-color: var(--color-primary);
	color: #fff;
	margin: auto;
	position: relative;
	top: 2.1em;
}
.home-page .portal-section .side-container .need-help-block .cta-container i {
	transition: all 380ms ease ;
	transform: translateX(0);
}
.home-page .portal-section .side-container .need-help-block .cta-container .cta-btn:hover i {
	transform: translateX(.8em) rotate(-180deg);
}





/* Block NEWS */ 
.home-page .portal-section .side-container .news-block {
	background: #fff;
}
.home-page .portal-section .side-container .news-block .heading3 {
	color: var(--color-primary);
	font-size: 1.8em;
	position: relative;
	z-index: 1;
}
.home-page .portal-section .side-container .news-block .heading3::after {
	content: '';
	display: block;
	width: 100%;
	height: 1px;
	background-color: var(--color-secondary);
}


.home-page .portal-section .side-container .news-block .news-container {
	display: flex;
	align-items: center;
	position: relative;
}


.home-page .portal-section .side-container .news-block .news-content {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: calc( 100% - 24px );
	margin-top: 1em;
	height: 328px;
}


.home-page .portal-section .side-container .news-block .news-item {
	width: calc( 33% - 12px );
	height: 328px;
	box-shadow: 1px 1px 6px rgba(0,0,0,0.2);
	position: relative;
	overflow: hidden;
	animation: 760ms ease fadein;
}



.home-page .portal-section .side-container .news-block .news-item .image-container {
	width: 100%;
	height: 40%;
	overflow: hidden;
}
.home-page .portal-section .side-container .news-block .news-item .image-container img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}


.home-page .portal-section .side-container .news-block .news-item .news-date {
	color: #fff;
	height: 18px;
	font-size: .85em;
	margin-top: 0;
	font-weight: 700;
	font-style: italic;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
.home-page .portal-section .side-container .news-block .news-item .news-date .date__string {
	background-color: var(--color-primary);
	padding: 0 6px;
}
.home-page .portal-section .side-container .news-block .news-item .excerpt {
	font-size: .85em;
	padding: .6em;
	height: calc( 60% - (28px + 18px) );
	overflow: hidden;
	position: relative;
	border-bottom: solid 1px #ebebeb;
}
.home-page .portal-section .side-container .news-block .news-item .excerpt:after {
	content: '';
	display: block;
	width: calc( 100% - 1.2em );
	height: 48px;
	background: #fff;
	background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 90%);
	position: absolute;
	bottom: 0;
}
.home-page .portal-section .side-container .news-block  .news-item .news-directlink {
	display: block;
	height: 22px;
	position: absolute;
	right: .6em;
}



.home-page .portal-section .side-container .news-block .link-container {
	width: 48px;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	position: absolute;
	right: 0px;
	
}
.home-page .portal-section .side-container .news-block .link-container .link-btn {
	display: block;
	color: #fff;
	background-color: var(--color-primary);
	width: 48px;
	height: 120px;
	text-align: center;
	border-radius: 0 0 14px 0;
	box-shadow: 2px 2px 8px rgba(0,0,0,.25) ;
	display: flex;
	justify-content: center;
	align-items: center;
}

.home-page .portal-section .side-container .news-block .link-container .link-btn svg {
	transform: scale(.8);
}



@media screen and (max-width: 499px) {
	.home-page .portal-section .side-container .news-block {
	    margin-top: 2em;
	}
	.home-page .portal-section .side-container .news-block .news-container {
	    display: block;
	}
	.home-page .portal-section .side-container .news-block .news-content {
	    height: auto;
	    flex-wrap: wrap;
	    width: 100%;
	}
	.home-page .portal-section .side-container .news-block .news-item {
	    width: 100%;
	    height: 248px;
	    margin-top: 12px;
	}
}













/* ----------------------------------------------- Slider ----------------------------------------------- */
#slider {
	position: relative;
	overflow: hidden;
	border-radius: 4px;
}

#slider ul {
	position: relative;
	margin: 0;
	padding: 0;
	height: 200px;
	list-style: none;
}

#slider ul li {
	position: relative;
	display: block;
	float: left;
	margin: 0;
	padding: 0;
	width: 547px;
	height: 100%;
	background: #ccc;
	text-align: center;
	line-height: 300px;
}
#slider ul li img {
	width: 100%;
}

#slider a.control_prev, #slider a.control_next {
	position: absolute;
	top: 40%;
	z-index: 999;
	display: block;
	padding: 3% 1.2%;
	width: auto;
	height: auto;
	background: #2a2a2a;
	color: #fff;
	text-decoration: none;
	font-weight: 600;
	font-size: 18px;
	opacity: 0.7;
	cursor: pointer;
}

#slider a.control_prev:hover, #slider a.control_next:hover {
	opacity: 0.9;
	transition: all 0.2s ease;
}

#slider a.control_prev {
	border-radius: 6px 6px 6px 6px;
}

#slider a.control_next {
	right: 0;
	border-radius: 6px 6px 6px 6px;
}

.dots-circles {
	position: absolute;
	bottom: 12px;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
}

.dots-circles__item {
	width: 8px;
	height: 8px;
	background-color: rgba(0,0,0,.5);
	border-radius: 100px;
	margin: 2px;
	transition: all 80ms ease-in-out;
}
.dots-circles__item.active {
	width: 12px;
	height: 12px;
	background-color: rgba(0,0,0,1);
}













/* -------------------------------------------- Promotion banner -------------------------------------------- */
.home-page .promotion-banner {
	margin-bottom: 4em;;
}
.home-page .promotion-banner:hover .banner-content .image-container img {
	filter: drop-shadow(0px -4px 18px rgba(0,0,0,.33));
}
.home-page .promotion-banner .heading3 { 
	color: #fff;
	font-weight: 700;
	font-size: 2em
}
.home-page .promotion-banner .banner-content {
	background-color: var(--color-secondary);
	height: 240px;
	display: flex;
	justify-content: space-between;
}
@media screen and (max-width: 499px) {
	.home-page .promotion-banner .banner-content {
	    flex-direction: column;
	    height: auto;
	}
}



.home-page .promotion-banner .banner-content .image-container {
	width: 25%;
	align-self: flex-end;
}
@media screen and (max-width: 899px) {
	.home-page .promotion-banner .banner-content .image-container {
	    width: 0;
	    float: left;
	    align-self: flex-end;
	}
}

.home-page .promotion-banner .banner-content .image-container img {
	width: 100%;
	position: relative;
	bottom: -4px;
	transition: all 680ms ease;
	filter: drop-shadow(0px 0px 16px rgba(0,0,0,.1));
}
.home-page .promotion-banner .banner-content .text-container {
	align-self: center;
	font-size: 1.2em;
	font-weight: 300;
	color: #fff;
	line-height: 1.4;
	z-index: 1;
}
@media screen and (max-width: 899px) {
	.home-page .promotion-banner .banner-content .text-container {
	    font-size: 1em;
	}
}

.home-page .promotion-banner .banner-content .text-container ul {
	margin-left: 2.2em;
}
.home-page .promotion-banner .banner-content .cta-container {
	position: relative;
	width: 33%;
}
@media screen and (max-width: 499px) {
	.home-page .promotion-banner .banner-content .cta-container {
	    width: 100%;
	    display: flex;
	    justify-content: center;
	}
}

.home-page .promotion-banner .banner-content .cta-container .cta-btn {
	position: absolute;
	bottom: 1em;
	left: -2em;
	color: var(--color-secondary);
	background-color: #fff;
}
@media screen and (max-width: 899px) {
	.home-page .promotion-banner .banner-content .cta-container .cta-btn {
	    font-size: 1.2em;
	}
}
@media screen and (max-width: 499px) {
	.home-page .promotion-banner .banner-content .cta-container .cta-btn {
	    position: relative;
	    top: 1em;
	}
}
.home-page .promotion-banner .banner-content .cta-container .cta-container__image {
	height: 100%;
	background-image: url('images/banner-cta-image-2.png');
	background-repeat: no-repeat;
	background-size: cover;
}
@media screen and (max-width: 499px) {
	.home-page .promotion-banner .banner-content .cta-container .cta-container__image {
	    display: none;
	}
}










/*
-------------------------------- PSI BLOCK --------------------------------
*/
.psi-block {
	background-image: url('images/bg-home-lines.jpg'), url('images/bg-texture.jpg');
	background-position: left bottom, right center;
	background-size: auto, 300px;
	background-repeat: no-repeat;
	margin-bottom: 4em;
}
.psi-block .heading3 {
	color: var(--color-primary);
	font-size: 2.4em;
	text-align: center;
	font-weight: 300;
	display: flex;
	justify-content: center;
}

.psi-block .banner-link-container {
	width: calc(100% / 12 * 6);
	margin-left: calc( 100% / 12 * 3);
}
.psi-block .banner-link-container img {
	width: 100%;
	margin: 3em 0;
}
@media screen and (max-width: 799px) {
	.psi-block .banner-link-container {
	    width: 100%;
	    margin-left: 0;
	}
}


.psi-block .questions-container {
	width: calc(100% / 12 * 6);
	margin-left: calc( 100% / 12 * 3);
}
@media screen and (max-width: 799px) {
	.psi-block .questions-container {
	    width: calc(100% / 12 * 11);
	    margin-left: 0;
	}
}

.psi-block .questions-container .question-item {
	background-color: var(--color-primary);
	color: #fff;
	text-decoration: none;
	display: flex;
	position: relative;
	font-weight: 400;
	line-height: 1.5;
	margin: 3em 0;
	padding: 2em;
	border-left: solid 18px var(--color-primary);
}

.psi-block .questions-container .item--erp {
	border-left-color: var(--color-erp);
}
.psi-block .questions-container .item--igh {
	border-left-color: var(--color-igh);
}
.psi-block .questions-container .item--hab {
	border-left-color: var(--color-hab);
}
.psi-block .questions-container .item--ert {
	border-left-color: var(--color-ert);
}
.psi-block .questions-container .item--icpe {
	border-left-color: var(--color-icpe);
}
.psi-block .questions-container .item--others {
	border-left-color: var(--color-others);
}

.psi-block .questions-container .question-item::after {
	content: url('images/external-link-alt-solid.svg');
	width: 32px;
	height: 32px;
	display: block;
	background-color: var(--color-secondary);
	padding: 1em;
	border-radius: 0 0 12px 0;
	position: absolute;
	right: -24px;
	bottom: -24px;
	box-shadow: 4px 4px 16px rgba(0,0,0,.25);
	transition: all 380ms ease;
}
.psi-block .questions-container .question-item:hover::after {
	transform: translate(12px, -12px);
}

.home-page .psi-block .questions-container .question-category {
	font-size: 2em;
	font-weight: 300;
	width: 120px;
	border-right: solid 1px #fff;
	padding-right: 1em;
	margin-right: 1em;
}
.home-page .psi-block .questions-container .item--others .question-category {
	font-size: 1.4em;
	font-style: italic;
}
.home-page .psi-block .questions-container .question-text {
	font-style: italic;
}

@media screen and (max-width: 499px) {
	.psi-block .questions-container .question-item {
	    flex-direction: column;
	    padding: 1em;
	}
	.home-page .psi-block .questions-container .question-category {
	    border-right: none;
	    border-bottom: solid 1px #fff;
	    margin-bottom: .4em;
	}
}

/* Specific link to PSI website */
.home-page .psi-block .questions-container .link-block {
	background-color: #fff;
	border: solid 3px var(--color-primary);
	color: var(--color-primary);
	font-weight: 700;
}
.home-page .psi-block .questions-container .link-ico {
	display: flex;
	align-items: center;
}
.home-page .psi-block .questions-container .link-ico .dot {
	width: 18px;
	height: 18px;
	margin-right: 6px;
	border-radius: 8000px;
	background-color: #fff;
	border: solid 3px var(--color-primary);
}











/* ===================================================================================================
------------------------------------------------------------------------------------------------------
PAGE CONNEXION 
------------------------------------------------------------------------------------------------------
==================================================================================================== */
/* reset */
fieldset {
	border: none;

}
input {
	margin: .2em;
	display: block;
	width: 100%;
	font-family: 'Roboto', sans-serif;
}
/* /reset */ 






/* ================================================================
	                        CONNEXION
================================================================ */     
.connexion-page {
	display: flex;
	flex-direction: column;
	min-height: 100vh;
}

.connexion-page .connect-form-container {
	margin: 1em auto;
	box-shadow: 2px 2px 12px rgba(0,0,0,.2);
	padding: 2em;
}
.connexion-page .connect-form-container p {
	margin: 1em 0;
}
.connexion-page .connect-form-container .button {
	border: none;
	padding: .6em;
	border-radius: 0 0 16px 0;
	background-color: var(--color-primary);
	color: #fff;
	font-weight: 700;
	font-size: 1.1em;
	cursor: pointer;
}

.connexion-page .connect-form-container fieldset input {
	border: none;
	background-color: #f1f1f1;
	padding: .6em;
	font-size: 1.1em;
}
.connexion-page .connect-form-container fieldset input:focus {
	outline: none;
	/* border-bottom: solid 4px #cdcdcd; */
	box-shadow: inset 0px -4px 0px #dddddd;
}
.connexion-page footer {
	margin-top: auto;
}





/*
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ MACRO MENU & macro NAVIGATION ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/

.navigation-part .heading-section {
	display: flex;
	align-items: flex-start;
	margin: 2em 0 2em 0;
	color: var(--color-primary);
}
.navigation-part .heading-section button {
	background-color: transparent;
	cursor: pointer;
	border: none;
}
.navigation-part .heading-section .open-switch-sectors-part {
	display: flex;
	align-items: center;
	border-radius: 1000px;
	padding: .4em 1.4em .4em 4000px ;
	margin-left: -4000px;
	box-shadow: 4px 4px 12px rgba(3, 3, 3, 0.4);
	background-color: #fff;
	z-index: 1;
	cursor: pointer;
}
.navigation-part .heading-section .open-switch-sectors-part .text-part {
	margin: 0 .8em;
	font-style: italic;
	font-weight: 400;
	font-size: 1.2em;
}
.navigation-part .heading-section .current-portal-title {
	font-weight: 900;
	font-size: 48px;
	margin-left: 12px;
}

@media screen and (max-width: 499px) {
	.navigation-part .heading-section {
	    flex-direction: column;
	}
	.navigation-part .heading-section .current-portal-title {
	    margin-left: 0;
	}
}


.navigation-part .heading-section .heading1 {
	font-weight: 300;
	font-size: 2.4em;
	border-bottom: solid 3px;
	font-variant: small-caps;
}
.navigation-part .heading-section .heading1 * {
	background-color: #fff;
}
.navigation-part .heading-section .heading1.text-color--erp {
	border-bottom-color: var(--color-erp);
}
.navigation-part .heading-section .heading1.text-color--hab {
	border-bottom-color: var(--color-hab);
}
.macro-menu .macro-menu__content {
	position: fixed;
	top: 0;
	left: 0;
	height: 100vh;
	width: 680px;
	background-color: #f1f1f1;
	z-index: 400;
	box-shadow: 2px 0px 8px rgba(0,0,0,0.4);
	overflow: auto;
	display: flex;
	flex-direction: column;
	padding: 1em;
	transition: all ease 380ms;
}
@media screen and (max-width: 799px) {
	.macro-menu .macro-menu__content {
	    width: 380px;
	}
}

.macro-menu .macro-menu__bg-full-screen {
	position: fixed;
	top: 0;
	left: 0;
	height: 100vh;
	width: 100%;
	background-color: rgba(0,0,0,.7);
	z-index: 300;
	opacity: 1;
	transition: opacity ease 380ms;
}

.macro-menu--closed .macro-menu__content {
	left: -700px;
}
.macro-menu--closed .macro-menu__bg-full-screen {
	/* display: none; */
	width: 0%;
	opacity: 0;
}

.macro-menu .macro-menu__content .close-btn-wrapper {
	margin-left: auto;
}
.macro-menu .macro-menu__content .close-btn {
	width: 52px;
	height: 52px;
	border: solid 1px var(--color-primary);
	border-radius: 4px;
	cursor: pointer;
}
.macro-menu .macro-menu__content .close-btn .close-btn__inside::before, .macro-menu .macro-menu__content .close-btn .close-btn__inside::after {
	content: '';
	display: block;
	width: 80%;
	height: 2px;
	background-color: var(--color-primary);
	margin: auto;
}
.macro-menu .macro-menu__content .close-btn .close-btn__inside::before {
	transform: rotate(45deg);
	position: relative;
	top: 1px;
}
.macro-menu .macro-menu__content .close-btn .close-btn__inside::after {
	transform: rotate(-45deg);
}

.macro-menu .macro-menu__content .cards-container {
	display: flex;
	flex-wrap: wrap;
	padding: 1em;
}
.macro-menu .macro-menu__content .cards-container .card {
	width: calc( 50% - 24px) ;
	height: 210px;
	background-color: #fff;
	text-align: center;
	margin: 12px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	border-top: solid 4px;
}
@media screen and (max-width: 799px) {
	.macro-menu .macro-menu__content .cards-container .card {
	    width: calc( 50% - 12px) ;
	    height: 110px;
	    font-size: .7em;
	    margin: 6px;
	}
}

.macro-menu .macro-menu__content .cards-container .card--erp-style {
	border-color: var(--color-erp);
}
.macro-menu .macro-menu__content .cards-container .card--igh-style {
	border-color: var(--color-igh);
}
.macro-menu .macro-menu__content .cards-container .card--hab-style {
	border-color: var(--color-hab);
}
.macro-menu .macro-menu__content .cards-container .card--ert-style {
	border-color: var(--color-ert);
}
.macro-menu .macro-menu__content .cards-container .card--bup-style {
	border-color: var(--color-bup);
}
.macro-menu .macro-menu__content .cards-container .card--icpe-style {
	border-color: var(--color-icpe);
}
.macro-menu .macro-menu__content .cards-container .card--others-style {
	border-color: var(--color-others);
}

.macro-menu .macro-menu__content .cards-container .card .card__inside {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	text-decoration: none;
	color: #000;
	box-shadow: 2px 2px 18px rgb(0,0,0,0);
	transition: all 380ms ease;
}

.macro-menu .macro-menu__content .cards-container .card .card__inside:hover {
	box-shadow: 2px 2px 18px rgba(0,0,0,.18);
}


.macro-menu .macro-menu__content .cards-container .card .card__inside .card__heading {
	font-weight: 300;
	font-size: 2.4em;
}

.macro-menu .macro-menu__content .cards-container .card .card__bottom {
	display: none;
}

.macro-menu .macro-menu__content .cards-container .card .card__inside .ico-container {
	width: 42px;
	height: 42px;
}
@media screen and (max-width: 799px) {
	.macro-menu .macro-menu__content .cards-container .card .card__inside .ico-container {
	    width: 24px;
	    height: 24px;
	}
}
.macro-menu .macro-menu__content .cards-container .card .card__inside .ico-container img {
	width: 100%;
}






















/* =============================================================================================================
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
PAGE PORTAIL
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
=============================================================================================================== */




.portal-page .main-section, .menu-page .main-section {
	width: calc( 100% - 452px);
	order: 2;
}
.portal-page .sidebar, .menu-page .sidebar {
	width: 442px;
	order: 1;
	--mobile: false;
}
@media screen and (max-width: 799px) {
	.portal-page .main-section, .menu-page .main-section  {
	    width: 100%;
	}
	.portal-page .sidebar, .menu-page .sidebar {
	    width: 100%;
	    margin-bottom: 2em;
	    --mobile: true;
	}
}


.portal-page .page-wrapper {
	background-image: url('images/bg-texture.jpg'), url('images/bg-texture.jpg');
	background-size: 300px;
	background-repeat: no-repeat;
	background-position: left bottom, right top;
}



.portal-page .main-section .reglementation-links {
	background-color: #f1f1f1;
	border-radius: 24px 0 0 24px;
}
.portal-page .main-section .reglementation-links .heading2 {
	background-color: var(--color-primary);
	padding: 0 1em;
	border-radius: 24px 0px 0px 0px;
	background-image: url('/images/portal-erp-bg-heading.png');
	background-size: contain;
	background-repeat: no-repeat;
	background-position: right center;
	color: #fff;
	text-transform: uppercase;
	font-weight: 700;
	display: flex;
	align-items: center;
	border-bottom: solid var(--color-secondary) 4px;
}
.portal-page .main-section .reglementation-links .heading2 .lettrine {
	font-weight: 300;
	font-size: 72px;
	position: relative;
	top: 3px;
}
.portal-page .main-section .reglementation-links .heading2 .lettrine::before {
	content: '';
	display: inline-block;
	width: 5px;
	height: 52px;
	background-color: var(--color-secondary);
	transform: skewX(-21deg) translateX(5px);
}
.portal-page .main-section .reglementation-links .heading2 .mainline {
	font-size: .8em;
	border-bottom: solid #fff 4px;
	letter-spacing: 2px;
 }

.portal-page .main-section .reglementation-links .block-container {
	padding: 1em;
}

.portal-page .main-section .reglementation-links .block-container .block {
	padding: 2em;
}
.portal-page .main-section .reglementation-links .reglementation-link__item {
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #fff;
	border-radius: 0px 8px 8px 8px;
	padding: .4em;
	padding-left: 6px;
	box-shadow: 1px 1px 6px rgba(0,0,0,0.25);
	border-left: solid 6px;
	text-decoration: none;
	color: #000;
	font-style: italic;
	text-align: center;
	min-height: 40px;
	transition: all ease 180ms;
}
.portal-page .main-section .reglementation-links .reglementation-link__item:hover {
	border-left-width: 12px;
	padding-left: 0;
}

.portal-page .main-section .reglementation-links .style--erp {
	border-left-color: var(--color-erp);
}

.portal-page .main-section .reglementation-links .style--hab {
	border-left-color: var(--color-hab);
}
.portal-page .main-section .reglementation-links .style--igh {
	border-left-color: var(--color-igh);
}
.portal-page .main-section .reglementation-links .style--ert {
	border-left-color: var(--color-ert);
}
.portal-page .main-section .reglementation-links .style--bup {
	border-left-color: var(--color-bup);
}
.portal-page .main-section .reglementation-links .style--icpe {
	border-left-color: var(--color-icpe);
}
.portal-page .main-section .reglementation-links .style--others {
	border-left-color: var(--color-others);
}

.portal-page .main-section .reglementation-links .high-height {
	height: 92px;
}

.portal-page .main-section .reglementation-links .heading3 {
	font-weight: 300;
	text-transform: uppercase;
}











.portal-page .block-news .heading2 {
	font-weight: 300;
	font-size:1.8em;
	padding-left: 1em;
}
.portal-page .last-news {
	margin-bottom: 2em;
}

.portal-page .last-news .heading-container {
	background-color: #f1f1f1;
	padding: 1em;
}

.portal-page .latest-news-container {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	background-color: #f1f1f1;
	border-radius: 0 0 28px 0;
	padding: 1em 1em 2em 1em;
	min-height: 480px;
	transition: all 380ms ease ;
}
.portal-page .latest-news-container .news-item {
	display: flex;
	box-shadow: 3px 3px 8px rgba(0,0,0,.15);
	width: 99%;
	margin-bottom: 2%;
	border-radius: 4px;
	overflow: hidden;
	background-color: #fff;
	font-size: .9em;
	animation: 760ms ease fadein;
}
@media screen and (max-width: 1199px) {
	.portal-page .latest-news-container .news-item {
	    width: 100%;
	}
}

.portal-page .latest-news-container .news-item .image-container {
	z-index: 1;
}
.portal-page .latest-news-container .news-item .image-container img {
	width: 128px;
	height: 128px;
	object-fit: cover;
	border-radius: 4px;
}

.portal-page .latest-news-container .news-item a {
	color: #000;
}

.portal-page .latest-news-container .news-item .news-date {
	margin-left: -2em;
	padding-left: 3em;
	padding-right: 1em;
	display: inline;
	color: #fff;
	background-color: gray;
	font-style: italic;
}
.portal-page .style--erp  .latest-news-container .news-item .news-date {
	background-color: var(--color-erp);
}
.portal-page .style--igh .latest-news-container .news-item .news-date {
	background-color: var(--color-igh);
}
.portal-page .style--hab .latest-news-container .news-item .news-date {
	background-color: var(--color-hab);
}
.portal-page .style--ert .latest-news-container .news-item .news-date {
	background-color: var(--color-ert);
}
.portal-page .style--bup .latest-news-container .news-item .news-date {
	background-color: var(--color-bup);
}
.portal-page .style--icpe .latest-news-container .news-item .news-date {
	background-color: var(--color-icpe);
}
.portal-page .style--others .latest-news-container .news-item .news-date {
	background-color: var(--color-others);
}

.portal-page .latest-news-container .news-item .text-body {
	padding: 1em;
}

.portal-page .last-news .cta-btn-see-all-news {
	background-color: gray;
	display: block;
	margin: auto;
	text-align: center;
	width: 240px;
	height: 42px;
	color: #fff;
	padding: .4em 2em;
	text-decoration: none;
	font-size: 1.1em;
	font-weight: 700;
	font-style: italic;
	box-shadow: 3px 3px 8px rgba(0,0,0,.15);
	position: relative;
	bottom: 21px;
}
.portal-page .style--erp .last-news .cta-btn-see-all-news {
	background-color: var(--color-erp);
}
.portal-page .style--igh .last-news .cta-btn-see-all-news {
	background-color: var(--color-igh);
}
.portal-page .style--hab .last-news .cta-btn-see-all-news {
	background-color: var(--color-hab);
}
.portal-page .style--ert .last-news .cta-btn-see-all-news {
	background-color: var(--color-ert);
}
.portal-page .style--bup .last-news .cta-btn-see-all-news {
	background-color: var(--color-bup);
}
.portal-page .style--icpe .last-news .cta-btn-see-all-news {
	background-color: var(--color-icpe);
}
.portal-page .style--others .last-news .cta-btn-see-all-news {
	background-color: var(--color-others);
}







.portal-page .fire-watch .fire-watch__container {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 0 0 4em 0;
	min-height: 140px;
}
.portal-page .fire-watch .fire-watch__item {
	width: 33%;
	height: 140px;
	background-size: cover;
	background-position: center;
	filter: grayscale(100%);
	color: #fff;
	text-decoration: none;
	text-shadow: 1px 1px 3px #000;
	padding: 12px;
	transition: transform ease 320ms, box-shadow ease 340ms, filter ease 360ms;
}
@media screen and (max-width: 1199px) {
	.portal-page .fire-watch .fire-watch__container {
	    justify-content: center;
	}
	.portal-page .fire-watch .fire-watch__item {
	    width: 80%;
	    margin-bottom: 1em;
	    padding-right: 20%;
	}
}
.portal-page .fire-watch .fire-watch__item.hoverable:hover {
	transform: scale(1.1);
	box-shadow: 0 8px 24px 8px rgba(0,0,0,.2);
	filter: grayscale(0);
	z-index: 1;
}
.portal-page .fire-watch .fire-watch__item small {
	font-weight: 300;
}



.portal-page .psi-questions-container {
	background-color: #f1f1f1;
	padding: 0 0 2em 0;
	border-radius: 0 0 28px 0;
	width: 92%;
	margin: auto;
	height: auto;
	transition: all ease 380ms;
}

.portal-page .psi-questions-container .heading-container {
	display: flex;
	align-items: center;
}

.portal-page .psi-questions-container .heading-container a {
	position: relative;
	top: 6px;
	right: -3%;
}

.portal-page .news-container .psi-questions {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 1em -4%;
}
.portal-page .news-container .psi-item {
	text-decoration: none;
	width: 32%;
	font-weight: 400;
	color: #000;
	font-style: italic;
	background-color: #fff;
	padding: 2em;
	border-bottom: solid 4px #f9f9f9;
	box-shadow: 3px 3px 8px rgba(0,0,0,.15);
	animation: 760ms ease fadein;
}
@media screen and (max-width: 1199px) {
	.portal-page .news-container .psi-item {
	    width: 80%;
	    margin: auto;
	    margin-bottom: 2em;
	}
}

.portal-page .news-container.style--erp .psi-item {
	border-bottom-color: var(--color-erp);
}
.portal-page .news-container.style--igh .psi-item {
	border-bottom-color: var(--color-igh);
}
.portal-page .news-container.style--hab .psi-item {
	border-bottom-color: var(--color-hab);
}
.portal-page .news-container.style--ert .psi-item {
	border-bottom-color: var(--color-ert);
}
.portal-page .news-container.style--bup .psi-item {
	border-bottom-color: var(--color-bup);
}
.portal-page .news-container.style--icpe .psi-item {
	border-bottom-color: var(--color-icpe);
}
.portal-page .news-container.style--others .psi-item {
	border-bottom-color: var(--color-others);
}

.portal-page .news-container .psi-item strong {
	font-weight: 400;
}
.portal-page .news-container .quotemark-container {
	font-size: 8em;
	display: block;
	font-style: normal;
	line-height: .4;
	margin-bottom: -24px;
	margin-left: -24px;
}
.portal-page .news-container.style--erp .quotemark-container {
	color: var(--color-erp);
}
.portal-page .news-container.style--igh .quotemark-container {
	color: var(--color-igh);
}
.portal-page .news-container.style--hab .quotemark-container {
	color: var(--color-hab);
}
.portal-page .news-container.style--ert .quotemark-container {
	color: var(--color-ert);
}
.portal-page .news-container.style--bup .quotemark-container {
	color: var(--color-bup);
}
.portal-page .news-container.style--icpe .quotemark-container {
	color: var(--color-icpe);
}
.portal-page .news-container.style--others .quotemark-container {
	color: var(--color-others);
}

.portal-page .news-container .question-container {
	padding-left: 24px;
}






.portal-page .books-infos  {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin-top: 2em;
}
.portal-page .books-infos .update-books {
	text-decoration: none;
	color: #000;
	font-weight: 400;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	background-color: #f1f1f1;
	border-radius: 1247px;
	box-shadow: 4px 4px 8px rgba(0,0,0,0.2);
	margin: 4em auto;
}
.portal-page .books-infos .update-books .download-ico-container {
	background-color: var(--color-primary);
	border-radius: 1256px;
	width: 128px;
	height: 128px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.portal-page .books-infos .update-books.style--erp .download-ico-container {
	background-color: var(--color-erp);
}
.portal-page .books-infos .update-books.style--igh .download-ico-container {
	background-color: var(--color-igh);
}
.portal-page .books-infos .update-books.style--hab .download-ico-container {
	background-color: var(--color-hab);
}
.portal-page .books-infos .update-books.style--ert .download-ico-container {
	background-color: var(--color-ert);
}
.portal-page .books-infos .update-books.style--bup .download-ico-container {
	background-color: var(--color-bup);
}
.portal-page .books-infos .update-books.style--icpe .download-ico-container {
	background-color: var(--color-icpe);
}
.portal-page .books-infos .update-books.style--others .download-ico-container {
	background-color: var(--color-others);
}


.portal-page .books-infos .update-books .text-container {
	width: calc( 90% - 128px );
	margin-left: 1em;
}

.portal-page .books-infos .featured-books {
	width: 100%;
	margin-top: 24px;
	background-color: #fff;
}

.portal-page .books-infos .featured-books .heading2 {
	font-weight: 100;
	font-size: 2.4em;
}
.portal-page .books-infos .featured-books .books-container {
	display: flex;
	flex-wrap: wrap;
	border: solid 1px;
	margin: 68px 0 -52px 0;
	padding: 1em;
	background: #fff;
	
}
.portal-page .books-infos .featured-books--erp .books-container {
	border-color: var(--color-erp);
}
.portal-page .books-infos .featured-books--igh .books-container {
	border-color: var(--color-igh);
}
.portal-page .books-infos .featured-books--hab .books-container {
	border-color: var(--color-hab);
}
.portal-page .books-infos .featured-books--ert .books-container {
	border-color: var(--color-ert);
}
.portal-page .books-infos .featured-books--bup .books-container {
	border-color: var(--color-bup);
}
.portal-page .books-infos .featured-books--icpe .books-container {
	border-color: var(--color-icpe);
}
.portal-page .books-infos .featured-books--others .books-container {
	border-color: var(--color-others);
}

.portal-page .books-infos .featured-books .books-container .book-item-link {
	width: 20%;
	display: flex;
	flex-direction: column;
	text-decoration: none;
	position: relative;
/*	bottom: 52px;
	margin-bottom: -52px; */
}

.portal-page .books-infos .featured-books .books-container .book-item-link .cover-container {
	width: 100%;
}
.portal-page .books-infos .featured-books .books-container .book-item-link .cover-container img {
	width: 80%;
}

.portal-page .books-infos .featured-books .books-container .book-item-link h3 {
	font-size: 0.9em;
	font-weight: 400;
	color: #000;
	padding: 0 1em 1em 0;
}

.portal-page .books-infos .featured-books .books-container .book-item-link .all-books-cta {
	width: 100%;
	padding-bottom: 110%;
	background-color: var(--color-erp);
	opacity: .6;
	display: flex;
	justify-content: center;
	align-items: center;
}


@media screen and (max-width: 1099px) {
	.portal-page .books-infos .featured-books .books-container .book-item-link {
	    width: 25%;
	}
	.portal-page .books-infos .featured-books .books-container .book-item-link h3 {
	    font-size: .7em;
	}
	.portal-page .books-infos .featured-books .books-container .book-item-link:nth-of-type(4) {
	    display: none;
	}
}








.portal-page .sidebar .heading2 {
	font-style: italic;
	font-weight: 400;
	font-size: 1.4em;
	border-bottom: 1px solid;
}

.portal-page .sidebar .block-news {
	padding: 1em;
	border: solid 1px #c2b8b4;
}
.portal-page .block-news .news-container {

}
.portal-page .block-news .news-container::-webkit-scrollbar {
	width: 18px;
}
.portal-page .block-news .news-container::-webkit-scrollbar-thumb {
	background-color: rgb(207, 207, 207);
	border-radius: 1200px;
}
.portal-page .block-news .more-news {
	text-align: center;
	display: block;
	width: 100%;
	background-color: #8f8f8f;
	text-decoration: none;
	color: #fff;
	font-size: 1.6em;
	margin: 1em 0 0 0 ;
}









/* ============================================================================
---------------------------------- MENU PAGE ----------------------------------
============================================================================ */
.menu-page .col-container {
	margin-top: 2em;
}

.menu-page .main-section {
	order: 2;
}

.theme-menu {
	background-color: #f1f1f1;
	padding: 16px;
	font-family: 'Roboto Condensed';
}

.sticky-top {
	position: sticky;
	top: 0;
	/* max-height: 100vh; */
	overflow: auto;
}

.theme-menu .section-nav {
	border-top: solid 8px #e5e5e5;
}
.theme-menu .section-nav + .section-nav {
	margin-top: 10px;
}

.theme-menu .section-nav .small-part {
	font-weight: 300;
	font-size: .85em;
}

.theme-menu li, .theme-menu .link-item {
	list-style: none;
	display: flex;
	align-items: center;
	font-weight: 300;
}

.theme-menu .nav-section-head {
	font-weight: 700;
	font-size: 1em;
	line-height: 1.4;
	font-style: italic;
}
.theme-menu.theme-menu--erp .nav-section-head { color: var(--color-erp);}
.theme-menu.theme-menu--igh .nav-section-head { color: var(--color-igh);}
.theme-menu.theme-menu--hab .nav-section-head { color: var(--color-hab);}
.theme-menu.theme-menu--ert .nav-section-head { color: var(--color-ert);}
.theme-menu.theme-menu--bup .nav-section-head { color: var(--color-bup);}
.theme-menu.theme-menu--icpe .nav-section-head { color: var(--color-icpe);}
.theme-menu.theme-menu--others .nav-section-head { color: var(--color-others);}



.theme-menu .block-container {
	display: flex;
}



.theme-menu .nav-section-subhead {
	font-weight: bold;
	padding-top: 2px;
	white-space: nowrap;/* force wording in one line without back to line in ERP menu */
	max-width: 150px;/* avoid too high width which could cause break row of links items in ERP menu */
}
.theme-menu .nav-section-subhead::before {
	/* content: '• '; */
	content: '\2022 \00A0';
}
.theme-menu .links-container {
	display: flex;
	flex-wrap: wrap;
}
.theme-menu .grid-links-container {
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	margin-left: auto;
}

.theme-menu .links-row {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
}



.theme-menu li.list-separator {
	height: 0;
	border-bottom: solid 2px #dcdcdc;
}
.theme-menu .btn-link {
	text-decoration: none;
	padding: .15em .5em;
	display: flex;
	align-items: center;
	color: #000;
	font-weight: 400;
	transition: all ease 280ms;
}
.theme-menu .btn-link--grid-item {
	justify-content: center;
	width: 32px;
}
.theme-menu .btn-link--grid-item__large {
	justify-content: center;
	width: 76px;
}
.theme-menu .btn-link--10 {
	width: 10%;
	justify-content: center;
}
.theme-menu .btn-link--15 {
	width: 15%;
}
.theme-menu .btn-link--20 {
	width: 20%;
	justify-content: center;
}
.theme-menu .btn-link--25 {
	width: 25%;
}
.theme-menu .btn-link--33 {
	width: 33%;
}
.theme-menu .btn-link--50 {
	width: 50%;
}
.theme-menu .btn-link--100 {
	width: 100%;
}

.theme-menu a:hover {
	box-shadow: 4px 4px 12px rgba(0,0,0,.2);
	z-index:1000;
}

.theme-menu a.link--active {
	background-color: var(--color-primary);
	color: #fff;
}
.theme-menu.theme-menu--erp a.link--active {
	background-color: var(--color-erp);
	color: #fff;
}
.theme-menu.theme-menu--igh a.link--active {
	background-color: var(--color-igh);
	color: #fff;
}
.theme-menu.theme-menu--hab a.link--active {
	background-color: var(--color-hab);
	color: #fff;
}
.theme-menu.theme-menu--ert a.link--active {
	background-color: var(--color-ert);
	color: #fff;
}
.theme-menu.theme-menu--bup a.link--active {
	background-color: var(--color-bup);
	color: #fff;
}
.theme-menu.theme-menu--icpe a.link--active {
	background-color: var(--color-icpe);
	color: #fff;
}
.theme-menu.theme-menu--others a.link--active {
	background-color: var(--color-others);
	color: #fff;
}


/* CSS rules for online tabulated presentation of links in menus */ 
.theme-menu.theme-menu--tabul .btn-link--100 li {
	width: 100%;
}
.theme-menu.theme-menu--tabul .btn-link--100 li span:first-child {
	margin-right: auto;
	overflow: hidden;
	max-width: 70%;
	max-height: 22px;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.theme-menu.theme-menu--tabul .igh-item {
	/* width: 68px; */
}
.theme-menu.theme-menu--tabul .hab-item {
	/* width: 86px; */
}




.theme-menu a.open-sublist:after {
	content: '\23F7';
}
a.open-sublist--opened:after {
	content: '\23F6';
}

.theme-menu .sublist {
	background-color: #e8e8e8;
	display: none;
}
.theme-menu .sublist--opened {
	display: block;
}
.theme-menu .sublist li {
	padding-left: 1em;
}


.theme-menu .section-nav.section-nav--border {
	border: solid 2px rgba(0,0,0,0.1);
	padding: 6px;
}

.theme-menu .section-nav.special-link {
	background-color: #e2e2e2;
	padding: 1em;
}
.theme-menu .section-nav.special-link a {
	color: #404040;
	text-decoration: none;
	font-style: italic;
	border-bottom: solid 0px #cdcdcd;
	transition: all ease 120ms;
}
.theme-menu .section-nav.special-link a:hover {
	box-shadow: none;
	border-bottom: solid 4px #cdcdcd;
}




.theme-menu .small-separator {
	border-bottom: solid 3px #e5e5e5;
}





/* specifics CODES */
.theme-menu.theme-menu--code .indented {
	margin-left: 1.2em;
}




.theme-menu .links-container .fa-book {
	opacity: .3;
	margin: 0 2px;
}








.menu-page .heading2 {
	margin-bottom: 1em;
}  

.menu-page .heading2 .small-part {
	font-size: .7em;
	font-weight: 300;
}

.menu-page .subline {
	font-weight: 700;
	font-size: 1.2em;
	text-align: justify;
	text-decoration: none;
	color: var(--color-secondary);
}




.feedback-message--success {
	background-color: #c5f7dd;
	color: #3bc279;
	border-left: solid 8px #3bc279;
	padding: 1em;
}
.feedback-message--success a {
	color: #3bc279;
}

.feedback-message--error {
	background-color: #ffd0cb;
	color: #e9594c;
	padding: 1em;
	border-left: solid 8px #e9594c;
}
.feedback-message--error a {
	color: #e9594c;
}
.feedback-message--info {
	background-color: #cce3ff;
	color: #3f86e6;
	padding: 1em;
	border-left: solid 8px #3f86e6;
}
.feedback-message--info a {
	color: #3f86e6;
}






/*
Tableau de correspondace Code du Travail
*/
.menu-page .CadreTxt {
	font-size: 1em;
	margin-bottom: 18px;
	padding-top: 12px;
	padding-right: 20px;
	padding-bottom: 12px;
	padding-left: 20px;
	border: solid 0px #999999;
}
.menu-page .CadreTxt table {
	border: none;
}
.menu-page .CadreTxt tr {
	margin: 12px;
}
.menu-page .CadreTxt tr:nth-child(2n) {
	background-color: #E6EEEE;
}

.menu-page .CadreTxt thead td {
	font-weight: bold;
}
.menu-page .CadreTxt td {
	border-color: #e5e5e5;
	padding: .6em;
	margin: 2px 6px;
	/* border-radius: 8px; */
	/* box-shadow: 1px 1px 4px rgba(0,0,0,.2); */
}





/* 
~~~~ Default containerTab ~~~~
*/ 
.containerTab {
	display: flex;
	align-items: center;
	border-top: dotted 1px gray;
	border-bottom: dotted 1px gray;
	padding: 6px;
}
.containerTab .intitule {
	margin-right: auto;
}
.containerTab .list {
	padding-left: 24px;
	background-image: url(/images/fleche.png);
	background-repeat: no-repeat;
	background-position: left;
}
.containerTab .souslist {
	padding-left: 40px;
}


/* ============================================================================
----------------------------- ACCORDION CONTAINER -----------------------------
============================================================================ */
.accordion-container {
	margin-bottom: 1em;
	display: block;
}

.accordion-container .accordion-toggle {
	background-color: #000;
	display: flex;
	position: relative;
	align-items: center;
	min-height: 62px;
	text-decoration: none;
	border-radius: 5px;
	line-height: 1.1;
}
.accordion-container .accordion-toggle:hover {
	background-color: #2b2b2b;
}

.accordion-container .accordion-toggle .toggle-icon {
	align-self: flex-start;
	background-color: var(--color-secondary);
	height: 100%;
	display: flex;
	position: absolute;
	align-items: flex-start;
	justify-content: center;
	border-radius: 5px;
	font-size: 1.5em;
	color: #fff;
	padding: .8em;
}

.accordion-container .accordion-toggle .ArtLigneTitre {
	color: #fff;
	font-family: 'Roboto Condensed', arial;
	font-size: 22px;
	padding-left: 1em;
	font-weight: 400;
	margin-left: 54px;
	line-height: 1.25;
}
.accordion-container .accordion-toggle .ArtLigneTitre .ArtNum {
	font-weight: 700;
	color: var(--color-secondary);
}

.accordion-container .accordion-content {
	height: 0;
	/* max-height: 0; */
	overflow: hidden;
	padding: 0 1em;
	transition: all 280ms ease;
	background-color: #f1f1f1;
	border-radius: 5px;
	padding: 0 16px;
}

.accordion-container .accordion-content .containerTab {
	display: table;
	width: 100%;
	flex-wrap: wrap;
	justify-content: flex-end;
	/* padding: .4em 0; */
}
.accordion-container .accordion-content .containersnm {
	padding: 8px 0;
}
.accordion-container .accordion-content .containerTab + .containerTab, .accordion-container .accordion-content .containersnm + .containersnm {
	border-top: dotted 1px rgba(0,0,0,.5);
}
.accordion-container .accordion-content .bloctitresnm {
	font-weight: 900;
}
.accordion-container .accordion-content .blocliensnm {
	display: inline-block;
	border: 1px dotted #ccc;
	padding: 4px;
	cursor: pointer;
	border-radius: 3px;
	margin: 4px;
	transition: all ease 280ms;
}
.accordion-container .accordion-content .blocliensnm:hover, .accordion-container .accordion-content .bloclien:hover, .accordion-container .accordion-content .ch2:hover {
	background-color: var(--color-secondary);
}
.accordion-container .accordion-content .containerTab > div:nth-child(1n+1) {
	display: table-cell;
	vertical-align: middle;
}
.containerTab > div:nth-child(1n+2) {
	border-radius: 5px;
	color: #FFF;
	background-color: #000;
	text-align: left;
	padding: 1px 3px 1px 10px;
	width: 145px;
	cursor: pointer;
	font-size: .9em;
}
/* .accordion-container .accordion-content .containerTab .list::before {
	content: '\25B6';
	margin-right: .4em;;
} */
.accordion-container .accordion-content .containerTab .souslist {
	padding-left: 2em;
	padding-right: 0.6em;
}

.accordion-container .accordion-content .containerTab .clic000, .containerTab .clic000, .containerTab .ch2, .accordion-content .bloclientbm {
	color: #fff;
	background-color: #000;
	cursor: pointer;
	border-radius: 5px;
	width: 145px;
	height: 100%;
	font-size: .9em;
	transition: all ease 320ms;
}

.bloclien a {
	color: #000;
	font-weight: 400;
	text-decoration: none;
}

.accordion-container .accordion-content .containerTab .clic000:hover, .containerTab .clic000:hover, .containerTab .ch2:hover, .bloclientbm:hover, .bloclien:hover {
	background-color: var(--color-secondary);
}

.bloclien:hover, .bloclien a:hover {
	color: #fff;
}

.containerTab .bloclien {
	cursor: pointer;
	padding: 2px;
	width: 100%;
	transition: all ease 320ms;
	color: #000;
}

.containerTab > span {
	display: table-cell;
	border-right: 1px dotted #ccc;
	color: #000;
	text-align: left;
	padding: 1px 5px 1px 5px;
}

.accordion-container .accordion-content .bloctytx {
	margin-right: auto;
	min-width: 110px;
}
.accordion-container .accordion-content .blocdttx {
	min-width: 110px;
}

.accordion-content .bloclientbm {
	padding: 2px 6px;
	margin: 2px;
}

.accordion-content tr {
	padding: 2px 0;
}

.accordion-content tr + tr {
	border-top: dotted 1px rgba(0,0,0,.5);/* ineffective because of 'border="0"' label in tables */
	/* box-shadow: 0 -1px rgba(0,0,0,.2); */
}

.tabmenus {
	margin: auto;
	font-style: normal;
	text-align: left;
	text-decoration: none;
	color: #000000;
	margin-top: 4px;
	margin-bottom: 14px;
	border: solid 0px #ccc;
	border-spacing: 0px;
	border-collapse: collapse;
	/* border-left: 1px dotted black; */
}

.tabmenus td {
	border-right: 1px dotted black;
	vertical-align: middle;
}

.tabmenus tr {
	border-top: 1px dotted black;
	border-bottom: 1px dotted black;
}
.listn0 {
	padding-left: 2px;
}


.containerTab > span {
	display: table-cell;
	border-right: 1px dotted #ccc;
	color: #000;
	text-align: left;
	padding: 1px 5px 1px 5px;
}

.Nota {
	font-size: 85%;
	font-style: italic;
	padding-left: 10px;
	padding-right: 10px;
	color: #000000;
	line-height: normal;
	text-align: justify;
}

.rTable {
	display: table;
	width: 100%;
}
.rTableRow {
	display: table-row;
}
.rTableCell, .rTableHead {
	display: table-cell;
	padding: 3px 10px;
	border: 1px solid #ccc;
}


.TT_Titre {
	padding: 0px;
	font-weight: bold;
	background-color: #E0E0E0;
	font-size: 85%;
	border-right: 1px dotted #ccc;
	border-bottom: 1px dotted #ccc;
	vertical-align: middle;
	line-height: normal;
}
.TT_icpe td {
	border-right: 1px dotted #ccc;
	border-bottom: 1px dotted #ccc;
	vertical-align: middle;
}



.code-container .containerTab {
	display: flex !important;
}


/* .menu-page .ArtTxt {
	background-color: #f1f1f1 !important;
	color: #000 !important;
	font-style: italic;
	cursor: default !important;
} */

.containerTab .mty {
	width: 145px;
}

.listn1 {
	padding-left: 20px;
}
.listn2 {
	padding-left: 40px;
}


.CadreTxt a, .TT_icpelink a {
	color: #000;
}








/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
PAGE LIST ACTIVITIES ERP TYPE 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.page-types-activity-list td {
	text-align: center;
	border: solid 1px rgba(0,0,0,.33);
	border-radius: 4px;
	padding: .4em .6em;
	transition: all ease 280ms;
}
.page-types-activity-list td:hover {
	border: solid 1px rgba(0,0,0,0);
	background-color: var(--color-secondary);
}
.page-types-activity-list td a {
	text-decoration: none;
	color: #000;
}

.page-types-activity-list .containerTitre {
	background-color: #fff;
	font-size: 1.8em;
	font-weight: 900;
	padding: .4em;
	margin: 1.6em 0 .2em 0;
	border-radius: 4px;
}








/* =============================================================================================================
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
PAGE DERNIÈRES PARUTIONS
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
=============================================================================================================== */
.news-page {
	display: flex;
	flex-direction: column;
	min-height: 100vh;
}

.news-page .heading1 {
	color: var(--color-primary);
	font-weight: 300;
	font-size: 2.4em;
	margin: 1em;
	text-align: center;
}

.news-page .categories-filter {
	position: sticky;
	top: 1em;
	z-index: 120;
	box-shadow: 0px 2px 16px 2px rgba(60, 60, 60, .1);
    backdrop-filter: blur(2px);
    background-color: #ffffff99;
    border-radius: 120px;
    padding: 1em;
}
.news-page .categories-filter ul {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}
.news-page .categories-filter ul li {
	list-style: none;
	margin: .4em;
}

.news-page .categories-filter .filter-btn {
	text-decoration: none;
	border-radius: 100001px;
	padding: .2em 1.6em;
	transition: all ease 380ms;
	background-color: #fff;
	box-shadow: 2px 2px 8px rgba(0,0,0,.25);
}

/* handle :visited color : */ 
.news-page .categories-filter a.text-color--erp:visited {
    color: var(--color-erp);
}
.news-page .categories-filter a.text-color--igh:visited {
    color: var(--color-igh);
}
.news-page .categories-filter a.text-color--hab:visited {
    color: var(--color-hab);
}
.news-page .categories-filter a.text-color--ert:visited {
    color: var(--color-ert);
}
.news-page .categories-filter a.text-color--bup:visited {
    color: var(--color-bup);
}
.news-page .categories-filter a.text-color--icpe:visited {
    color: var(--color-icpe);
}
.news-page .categories-filter a.text-color--others:visited {
    color: var(--color-others);
}

/* handle active state: */ 
.news-page .categories-filter a.filter-btn--is-active {
	color: #fff !important;
	box-shadow: none;
}
.news-page .categories-filter .filter-btn--is-active.text-color--erp {
	background-color: var(--color-erp);
}
.news-page .categories-filter .filter-btn--is-active.text-color--igh {
	background-color: var(--color-igh);
}
.news-page .categories-filter .filter-btn--is-active.text-color--hab {
	background-color: var(--color-hab);
}
.news-page .categories-filter .filter-btn--is-active.text-color--ert {
	background-color: var(--color-ert);
}
.news-page .categories-filter .filter-btn--is-active.text-color--bup {
	background-color: var(--color-bup);
}
.news-page .categories-filter .filter-btn--is-active.text-color--icpe {
	background-color: var(--color-icpe);
}
.news-page .categories-filter .filter-btn--is-active.text-color--others {
	background-color: var(--color-others);
}






.news-page .number-of-news p {
	text-align: center;
	font-style: italic;
	margin: 2em auto;
}



.news-page .news-container {
	max-width: 960px;
	margin: auto;
}

.news-page .news-item {
	display: flex;
	box-shadow: 2px 2px 8px rgba(0,0,0,.2);
	margin: 1em;
	border-radius: 4px;
	overflow: hidden;
	animation: 760ms ease fadein;
}

.news-page .image-container {
	width: 20%;
	min-width: 128px;
}
.news-page .image-container img {
	object-fit: cover;
	/* height: 100% ; */
	width: 100%;
	border-radius: 4px;
}
.news-page .text-container {
	width: 80%;
}

.news-page .news-item .news-date {
	color: var(--color-primary);
	font-weight: 300;
	font-style: italic;
	border-bottom: solid 1px #e7e7e7;
	margin: 1em;
}
/* .news-item .news-date.text-color--erp {
	background-color: var(--color-erp);
}
.news-item .news-date.text-color--igh {
	background-color: var(--color-igh);
}
.news-item .news-date.text-color--hab {
	background-color: var(--color-hab);
}
.news-item .news-date.text-color--ert {
	background-color: var(--color-ert);
}
.news-item .news-date.text-color--bup {
	background-color: var(--color-bup);
}
.news-item .news-date.text-color--icpe {
	background-color: var(--color-icpe);
}
.news-item .news-date.text-color--others {
	background-color: var(--color-others);
} */
.news-item .news-content {
	padding: 0 1em 1em 1em;
}
.news-content p {
	padding: 0.2em 0 0.2em 0;
	font-size: 0.95em;
}

.news-page footer {
	margin-top: auto;
}

.news-date {
}
.news-title {
}
.news-categorieshome { margin: 0 0 0.4em 0;
}
.news-categories { text-align: right;
}
.news-categories span {
	margin: 2px;
	border-radius: 100001px;
	padding: 0.1em 0.3em;
	background-color: #fff;
	box-shadow: 1px 1px 4px rgba(0,0,0,.25);
	line-height: normal;
}






/* =============================================================================================================
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
PAGE RECHERCHE
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
=============================================================================================================== */
body.search-page {
	min-height: 100vh;
	display: flex;
	flex-direction: column;
}
.search-page .links-container {
	display: flex;
	justify-content: center;
	align-items: center;
	margin: auto;
}
@media screen and (max-width: 768px) {
	.search-page .links-container {
	    flex-direction: column;
	}
}
.search-page .links-container .btn-link {
	height: 64px;
	width: 380px;
	background-color: #f1f1f1;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 1em;
	padding: 1em;
	font-size: 1.2em;
	color: #000;
	text-decoration: none;
	text-align: center;
	transition: all ease 320ms;
}
.search-page .links-container .btn-link:hover {
	background-color: #cbcbcb;
}
.search-page .links-container .btn-link li {
	list-style: none;
}
.search-page footer {
	margin-top: auto;
}




/* Search Form */
.search-page .zoom_searchform {
	background-color: #f1f1f1;
	padding: 1em;
	margin: 1em auto;
	width: 800px;
	max-width: 100%;
	border-radius: 0 0 32px 0;
}

.search-page label {
	display: block;
	font-weight: bold;
}

.search-page input.zoom_searchbox {
	width: calc( 100% - 78px );
	display: inline;
	margin: auto 0;
	padding: 10px;
	border: none;
	border-bottom: 6px solid #f1f1f1;
	font-size: 16px;
}
.search-page input.zoom_searchbox:focus {
	outline: none;
	box-shadow: inset 0px -4px 0px #dddddd;
}
.search-page input.zoom_button {
	width: 52px;
	display: inline;
	background-color: #000;
	font-weight: 700;
	color: #fff;
	padding: 10px;
	cursor: pointer;
	border: none;
	font-size: 14px;
	border-radius: 0 0 12px 0;
}

.search-page .zoom_results_per_page label {
	display: inline;
}

.search-page .zoom_match label, .search-page .zoom_match input {
	display: inline;
	width: auto;
	
}
.search-page .zoom_match label {
	margin-right: 12px;
}
.search-page #zoom_cat {
	padding: 12px 24px;
	border: none;
	border-bottom: hsl(0, 0%, 85%) solid 4px;
	margin-top: 4px;
}



/* Results */
.search-page .results .highlight {
	background-color: #ffff9d;
}

.search-page .searchheading {
	font-style: italic;
	font-size: 2em;
}

.result_block, .result_altblock {
	padding: 1em;
	line-height: 1.6;
	overflow: hidden;
	margin: 0;
	border-bottom: solid 1px #cbcbcb;
}
.result_block>div, .result_altblock>div {
	margin: 3px 0;
} 
.result_title a {
	color: #000;
}
.result_block>.description, .result_altblock>.description {
	color: var(--color-primary);
}
.search-page .results .context {
	font-size: .9em;
	font-style: italic;
}






/*
======================================================================================
	               PAGE DE RECHERCHE PAR MOTS-CLES ERP
======================================================================================
*/
.page-recherche-mots-cles .panel-body:before {
	display: table;
	content: " ";
}
.page-recherche-mots-cles .row {
	margin-right: -15px;
	margin-left: -15px;
}

.page-recherche-mots-cles .pick-list {
	display: flex;
	justify-content: space-between;
}

.page-recherche-mots-cles .form-control {
	display: block;
	width: 100%;
	height: 250px;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.42857143;
	color: #555;
	background-color: #fff;
	background-image: none;
	border: 1px solid #ccc;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
	box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
	-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

@media (min-width: 768px) {
	.page-recherche-mots-cles .col-sm-5 {
	    width: 41.66666667%;
	    float: left;
	}
	.page-recherche-mots-cles .col-sm-2 {
	    width: 16.66666667%;
	    float: left;
	}
}

.page-recherche-mots-cles .pickListButtons {
	display: flex;
	flex-direction: column;
}

.pickListButtons .btn {
	display: flex;
	align-items: center;
	flex-direction: column;
}

.page-recherche-mots-cles .btn {
	cursor: pointer;
	font-size: 12px;
	line-height: 1.5;
	border-radius: 3px;
	border: none;
	color: #fff;
	margin: 12px;
}
.page-recherche-mots-cles input {
	display: inline;
	width: auto;
}
.page-recherche-mots-cles input + input {
	margin-left: 10%;
}
.page-recherche-mots-cles .btn-primary {
	font-weight: 700;
	font-size: 1.2em;
	margin-top: 2em;
}

.page-recherche-mots-cles .panel-body .panel-title {
	background: #000;
	padding: 10px 15px;
	border-radius: 3px;
	color: #fff;
	margin-bottom: 10px;
}
.page-recherche-mots-cles .panel-body a {
	text-decoration: none;
	transition: all 320ms ease-in;
	color: #000;
}
.page-recherche-mots-cles .panel-body a:hover {
	color: var(--color-primary);
}
.page-recherche-mots-cles .panel-body .ResultatsKW {
	background: #EFEFEF;
	border: 1px solid #ddd;
	padding: 12px;
	border-radius: 3px;
	margin-bottom: 10px;
	transition: background 0s;
}




@media screen and (max-width: 399px) {
	.page-recherche-mots-cles .pick-list {
	    flex-direction: column;
	}
	.page-recherche-mots-cles .btn {
	    margin: 6px 0;
	}
	#pAdd > i, #pRemove > i {
	    display: none;
	}
}



/* =============================
Page Versions antérieures Historique 
============================== */

.formgrouphisto-center {
	display: flex;
	text-align: center;
	align-items: center;
}

.erp-historique .form-horizontal .form-group {
	/* background-color: #f1f1f1;
	background: linear-gradient(332deg, #e66465, #9198e5); */
	background: #cccccc;
	/* background: linear-gradient(90deg, rgba(170,170,170,1) 10%, rgba(238,238,238,1) 36%, rgba(238,238,238,1) 56%, rgba(167,6,6,1) 100%); */
	margin: 2em auto 3em auto;
	padding: 1em;
	display: inline-block;
	/* flex-direction: column; */
	align-items: center;
	font-family: 'Roboto', sans-serif;
	border-radius: 4px;
	height: 152px;
}

.erp-historique .form-horizontal .form-group #datepicker input {
	padding: .8em 1.4em;
	/* font-size: 1.05rem; */
	border: none;
	border-radius: 4px;
	cursor: text;
	width: 280px;
}
 
.erp-historique .form-horizontal .form-group input#submit-search  {
	color: #fff;
	background-color: var(--color-secondary);
	font-weight: 700;
	font-size: 1.2em;
	cursor: pointer;
	padding: .6em 1.6em;
	border: none;
	border-radius: 1000px;
	/* width: 280px; */
	transition: all 320ms ease;
}

.erp-historique .form-horizontal .form-group input#submit-search:hover, .erp-historique .form-horizontal .form-group #datepicker input:hover {
	box-shadow: 2px 2px 8px rgba(0,0,0,.3);
}


/* =============================
	menu historique
============================== */

.HistoArtTopSpan {
	float:right;
	display:block;
	background-color: #a70606;
	font-family: 'typewriter', 'Roboto Condensed', arial;
	font-weight: 400;
	font-size: 0.85em;
	color: #fff;
	padding: 0.3em 0.3em 0.2em 0.3em;
	border-radius: 5px 5px 0px 0px;
	text-align: center;}
.HistoArtTopSpanERP {
	float:right;
	display:block;
	background-color: rgba(84, 107, 192,0.5); /* ERP 546bc0 */
	font-family: 'typewriter', 'Roboto Condensed', arial;
	font-weight: 400;
	font-size: 0.85em;
	color: #757575;
	padding: 0.3em 0.3em 0.2em 0.3em;
	border-radius: 5px 5px 0px 0px;
	text-align: center;}
.HistoArtTopSpanIGH {
	float:right;
	display:block;
	background-color: rgba(248,150,30,0.35);
	font-family: 'typewriter', 'Roboto Condensed', arial;
	font-weight: 400;
	font-size: 0.85em;
	color: #757575;
	padding: 0.3em 0.3em 0.2em 0.3em;
	border-radius: 5px 5px 0px 0px;
	text-align: center;}
.HistoArtTopSpanHAB {
	float:right;
	display:block;
	background-color: rgba(249,65,68,0.3);
	font-family: 'typewriter', 'Roboto Condensed', arial;
	font-weight: 400;
	font-size: 0.85em;
	color: #757575;
	padding: 0.3em 0.3em 0.2em 0.3em;
	border-radius: 5px 5px 0px 0px;
	text-align: center;}
.HistoArtTopSpanERT {
	float:right;
	display:block;
	background-color: rgba(192,132,151,0.5);
	font-family: 'typewriter', 'Roboto Condensed', arial;
	font-weight: 400;
	font-size: 0.85em;
	color: #757575;
	padding: 0.3em 0.3em 0.2em 0.3em;
	border-radius: 5px 5px 0px 0px;
	text-align: center;}

#hstexpl { 
	background-color: #eee;
	border-radius: 4px;
	padding: 0.5em 0 0.5em 0;}
#hstexpl p { 
	margin: 0 1em 0.7em 1em;
	font-size: 1em;
	font-weight: 400;
	line-height: 1em;}

.hmenu {
	vertical-align: top;
	font-weight: 400;
	font-size: 1em;}
.hmenu tr {
	background: #fefefe;}
.hmenu tr:nth-child(2n+1) {/* lignes impaires */
	background-color: #fefefe;
	border-bottom: dotted 1px gray;
	padding: 6px;}
.hmenu tr:nth-child(2n) {/* lignes paires */
	background-color: #E6EEEE;
	border-bottom: dotted 1px gray;
	padding: 6px;}
	
.hmenu td {
	padding: 2px 3px 2px 5px;}

table.tabjustifnoborder.hmenu td {
	padding: 2px 3px 2px 5px;
/*	border-left: dotted 1px #2b1717;
	border-right: dotted 1px #2b1717;*/}

.hmenu .hmlvr { /* hmlvr : histo menu Livre */
	vertical-align: top;
	font-family: 'Roboto Condensed', arial;
	font-size: 1.3em;
	font-weight: 600;}
.hmenu .hmttr { /* hmttr : histo menu Titre */
	vertical-align: top;
	font-family: 'Roboto Condensed', arial;
	font-size: 1.2em;
	font-weight: 600;}
.hmenu .hmchpt {/* hmchpt : histo menu Chapitre */
	vertical-align: top;
	font-family: 'Roboto Condensed', arial;
	font-size: 1.1em;
	font-weight: 400;
	padding-left: 15px;}
.hmenu .hmschpt {/* hmchpt : histo menu Chapitre */
	vertical-align: top;
	font-family: 'Roboto Condensed', arial;
	font-size: 1.1em;
	font-weight: 400;
	padding-left: 15px;}
.hmenu .hmsect {/* hmsect : histo menu Section */
	vertical-align: top;
	font-family: 'Roboto Condensed', arial;
	font-size: 1em;
	font-weight: 400;
	padding-left: 30px;}
.hmenu .hmssect {/* hmsect : histo menu Section */
	vertical-align: top;
	font-family: 'Roboto Condensed', arial;
	font-size: 1em;
	font-weight: 400;
	padding-left: 30px;}
.hmenu .hmsanx {/* hmsect : histo menu Section */
	vertical-align: top;
	font-family: 'Roboto Condensed', arial;
	font-size: 1em;
	font-weight: 400;
	padding-left: 30px;}	

.hmenu .hmttl { /* hmttl : histo menu Title */
	vertical-align: top;
	font-family: 'Roboto Condensed', arial;
	font-size: 1em;
	font-weight: 400;}

.hmenu .hmspt { /* hmspt : histo menu Separateur */
	background-color: #e1e1e1;}

.hmenu .hmlink { /* hmlink : histo menu Lien (div) */
	margin: 1px 0 3px 0;}
.hmenu .hmlink a { 
	color: #fff;
	background-color: #000;
	cursor: pointer;
	border-radius: 5px;
	padding: 3px 3px 1px 10px;
	height: 100%;
	font-size: .9em;
	font-weight: 400;
	transition: all ease 320ms;
	width: 145px;
	display:block;
	text-decoration: none;
}
.hmenu .hmlinklg a { 
	color: #fff;
	background-color: #000;
	cursor: pointer;
	border-radius: 5px;
	padding: 3px 3px 1px 10px;
	height: 100%;
	font-size: .9em;
	font-weight: 400;
	transition: all ease 320ms;
	width: 100%;
	display:block;
	text-decoration: none;
}
.hmenu .hmlink a:hover {
	background: rgba(233, 93, 60, 0.9);}
.hmenu .hmlinklg a:hover {
	background: rgba(233, 93, 60, 0.9);}




/* ============================================================
	            PAGE DE CONTENU REGLEMENTATION
=============================================================== */
/* -------------Ouverture de commentaire ---------------------- */

.commentblock .comment, .commentblock .close_comment {
	font-size: 1em;
	margin-bottom: 8px;
	margin-left: auto;
	background: #A8A8A8;
	border-radius: 6px;
	border: none;
	padding: 3px 10px;
	clear: both;
	transition: all 320ms ease;
}
.accordion-container .accordion-content .commentblock .comment {
	margin-left: auto;
}

.commentblock .close_comment {
	float: right;
}
.commentblock .comment:hover, .commentblock .close_comment:hover {
	cursor: pointer;
	background-color: #C4C4C4;
}

.commentblock .fa-minus-square, .commentblock .fa-plus-square {
	margin-right: 6px;
}
.commentblock .tableauComm {
	display: none;
	background: #ddd;
	padding: 1em;
	border-radius: 6px;
	margin: 1em 0;
	width: 100%;
}

.commentblock .tableauComm .image-container {
	text-align: center;
} 

.commentblock .tableauComm .image-container img {
	box-shadow: 2px 2px 6px rgb(0 0 0 / 25%);
	cursor: zoom-in;
}

.commentblock .enteteComm {
	font-size: 1.5em;
	color: var(--color-secondary);
	font-weight: 400;
	display: block;
	margin-bottom: 20px;
}

.commentblock .enteteComm:before {
	content : url('/images/comment-dots-solid.svg');
	display: inline-block;
	width: 28px;
	vertical-align: middle;
	margin-right: 6px;
	color: var(--color-secondary);
} 









/* =======================================================================
	                ANCIENS STYLES REPRIS
======================================================================= */

#intro header {
	margin: 0.4em 0 0.6em 0;}

header .byline {
	display: block;
	margin: 0.4em 0 0 0;
	padding: 0 0 0.4em 0;
	font-size: 0.9em;}

.bloccheminbig {
	font-size: 1.4em;
	font-weight: bold;
/*	line-height: 30px; */
	margin: 0 0 0.2em 0;
	color: #E8510F;}

.txtabroge {
	font-size: 1.8em;
	font-weight: bold;
	color:#F00;}


.CadreTxt {
	/*background: #EDEDED; */
	margin-bottom: 18px;
	padding-top: 12px;
	padding-right: 20px;
	padding-bottom: 12px;
	padding-left: 20px;
	border: solid 1px #bbb;}
.CadreTxt a {
	font-weight: normal;
}

.CadreTxt p {
	margin-top: 3px;
	margin-bottom: 5px;}


.CadreTxt p.ArtTxt {
	text-align: justify;}
	
.ArtTitre { 
}
.ArtTitreFS {
	font-style: italic;
/*	font-weight: normal;
	font-weight: 400; */}

.accordion-container .accordion-content .ArtTxt {
	margin: 0.6em 0 .4em 0;
	text-align: justify;}

.ArtTxtCentrer{text-align: center;}
.ArtTxtGras{font-weight: bold;}
.ArtTxtGrasRouge, .Parag {
	color: #E8510F;
	font-weight: bold;
	display: inline-block;
/*    margin-top: 1.8em; */
}
.accordion-content p.ArtTxt:first-of-type span.ArtTxtGrasRouge {
	margin-top: -1.2em;
}
.ArtTxtItalique {font-style: italic;}


.Titre1 {
	font-weight: bold;
	font-size: 1.4em;
	text-align: center;
	text-decoration: none;
	color: #E8510F;
	padding: 3px 20px 6px 20px;}
.Titre2 {
	font-weight: bold;
	font-size: 1.3em;
	text-align: center;
	text-decoration: none;
	color: #E8510F;
	padding: 3px 20px 6px 20px;}
.Titre2g {
	font-weight: bold;
	font-size: 1.2em;
	text-align: justify;
	text-decoration: none;
	color: #E8510F;
	padding: 2px 0px 2px 0px;}
.Titre3 {
	font-weight: bold;
	font-style: normal;
	font-size: 1em;
	text-align: justify;
	line-height: normal;
	text-decoration: none;
	color: #000000;
	padding: 2px 0px 2px 0px;}


.Parag {
	font-weight: bold;
	color: #E8510F;}

.Date {
	font-style: italic;
	font-size: 85%;}
.Date a {
	color: #00E;
	text-decoration: underline;}

.ArtTP {
	font-size: 80%;
	font-style: normal;
/*	text-align: justify; */
	text-decoration: none;
	margin-left: 20px;
	margin-Right: 20px;
	padding-top: 2px;
	padding-bottom: 5px;
	color: #000000;
	line-height: normal;}
.CadreTxt .ArtTP {
	font-size: 80%;
	font-style: normal;
/*	text-align: justify; */
	text-decoration: none;
/*	margin-left: 20px;
	margin-Right: 20px; */
	padding-right: 20px;
	padding-left: 20px;
	padding-top: 2px;
	padding-bottom: 5px;
	color: #000000;
	line-height: normal;}
.ArtANX {
	background-color: #DDDDDD;
	font-size: 1.4em;
	font-style: normal;
	font-weight: Bold;
	text-align: center;
	text-decoration: none;
	color: #000000;
	line-height: 1.1em;
	padding-top: 6px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
	border: solid 0px #000000;}

/*	class Note a remplacer par Nota */
.Note {
	font-size: 90%;
	font-style: italic;
	text-align: justify;
	padding-left: 10px;
	padding-right: 10px;
	color: #000000;
	line-height: normal;}

.bloccopyrightbot {
	text-align:right;
	margin: 14px 20px 1px 20px;
	font-size: 10px;
/*	font-family: Arial, Helvetica, sans-serif; */
	font-weight: bold;
	font-style: italic;
	color: #B40303;}
	
.blocbottom {
	margin-top: 4px;
	margin-bottom: 5px;}
.blocbottom:before { content: '\0000a0';}
.blocbottom:after { content: " ";}

.TabCenter {
	margin: auto;
	font-style: normal;
	text-align: center;
	text-decoration: none;
	color: #000000;
	padding: 2px;
	margin-top: 6px;
	margin-bottom: 10px;
	border: solid 1px #666;
	border-spacing: 0px;
	border-collapse:collapse;}
table.TabCenter th {
	font-weight: bold;
	border-width: thin;
	border: solid 1px #666;
	padding: 3px;
	background-color: #CCCCCC;}
table.TabCenter td {
	border-width: thin;
	border: solid 1px #666;
	padding: 3px;}
table.tabcenternoborder {
	margin: auto;
	font-style: normal;
	text-align: center;
	color: #000000;
	padding: 2px;
	margin-top: 6px;
	margin-bottom: 10px;
	border: solid 0px #666;
	border-collapse:collapse;}
.TabJustif {
	margin: auto;
	font-style: normal;
/*	text-align: justify; */
	text-align: left;
	text-decoration: none;
	color: #000000;
	padding: 2px;
	margin-top: 6px;
/*	margin-bottom: 10px; */
	margin-bottom: 20px;
	border: solid 1px #666;
	border-spacing: 0px;
	border-collapse:collapse;}
table.TabJustif th {
	font-weight: bold;
	border-width: thin;
	border: solid 1px #666;
	padding: 3px;
	background-color: #CCCCCC;}
table.TabJustif td {
	border-width: thin;
	border: solid 1px #666;
	padding: 3px;}
table.tabjustifnoborder {
	margin: auto;
	font-style: normal;
	text-align: left;
	color: #000000;
	padding: 2px;
	margin-top: 6px;
	margin-bottom: 10px;
	border: solid 0px #666;
	border-collapse:collapse;}
table.tabjustifnoborder td {
	border-width: thin;
	border: solid 0px #666;
	padding: 1px 2px 1px 2px;}

blockquote { 
	padding-left: 1.6em;}

/**************************************************/
/* ICPE *******************************************/
/**************************************************/
.blocnum { display:none;}
.blocQR { display:none;}
.bloccopyright1 {
	display:none;
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;}
.divcoef {
/*	font-family: Arial, Helvetica, sans-serif; */
	font-size:9px;
	color: #666666;
	text-align: right;
	padding: 0px;
	margin-top: 12px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	line-height: normal;}

.Entete {
	background-color: transparent;
	font-size: 160%;
	font-weight: Bold;
	text-align: center;
	text-decoration: none;
	line-height: 118%;
	color: #000000;
	padding-top: 4px;
	padding-bottom: 0px;
	margin-top: 0px;
	margin-bottom: 0px;}
.Entetejo {
	background-color: transparent;
/*	font-family: Arial, Helvetica, sans-serif; */
	color: #000000;
	font-size: 10px;
	text-align: center;
	text-decoration: none;}
.Arrete {
	background-color: #C9CEE0;
	font-weight: bold;
	font-size: 1.5em;
	padding: 4px 5px 4px 5px;
	margin-top: 0px;
	margin-bottom: 0px;
	text-align: center;
	text-decoration: none;
	color: #000000;}
.JO {
	font-size: 80%;
	color: #666666;
	text-align: center;
	text-decoration: none;
	padding: 4px 20px 4px 20px;
	line-height: normal;	
/*	margin-top: 4px;
	margin-bottom: 0px; */}

.PageRub {
	border-style: solid;
	border-width: 1px;
	border-color: #FFFFFF;
	background-color: #FFFFFF;
	width: 100%;
	padding: 0px;}
.Tablo1 {
	font-size: 160%;
	font-weight: Bold;
	font-style: normal;
	text-align: center;
	text-decoration: none;
	color: #000000;
	background-color: #FFFFFF;}
.Tablo1num {
	background-color: #CCC;
	border: solid 1px #000;
	padding-right: 20px;
	padding-left: 20px;
	vertical-align: middle;}
.Tablo1titre {
/*	font-size: 14px; */
	vertical-align: middle;
	text-align: center;
	background-color: #fff;
	border: solid 1px #000;
	padding-right: 15px;
	padding-left: 15px;}
.Tablo1img {
	text-align: center;
	background-color: #fff;
	border: solid 1px #000;}
.Tablo2 {
/*	font-family: Arial, Helvetica, sans-serif; */
	font-size: 14px;
	font-style: normal;
	text-align: justify;
	text-decoration: none;
	color: #000000;
	background-color: #FFFFFF;
	border: solid 1px #000000;
	margin-top: 6px;
	margin-bottom: 22px;
	line-height: normal;}
table.Tablo2 th {
/*	border: solid 1px #0f0;
	border-width: thin; */
	background-color: #CCC;
	font-size:9px;
	padding: 0px;
	vertical-align: middle;}
table.Tablo2 td { padding: 2px;
/*	border-top: 1px solid #CCC; */
	vertical-align: bottom;}
table.Tablo2 a {
	color: #00E;
	text-decoration: underline;
	cursor: hand;}
.Tablo2 .Nota {
	border-top: 1px solid #CCC;
	padding: 8px 2px 3px 5px;
	color: #333;}
table.Tablo2 a:hover {
/*	background-color: #B4D4E6; */
/*	text-decoration: none; */
	cursor: hand;}
.Tablo2class { font-size:13px;}
.CadreLink {
	background-color: #FFFFFF;
	margin: 2px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	border: solid 1px #666;}
.ArtLigneJon {
	background-color: #C9CEE0;
	font-size: 110%;
	line-height: normal;
	padding: 0px 14px 0px 16px;}
.ArtLinkJon {
	background-color: #FFFFFF;
	line-height: normal;
	font-size: 100%;
	text-align: left;
	color: #000000;
	padding-left: 4px;}
.ArtLinkJon a {
	line-height: normal;
	text-decoration: none;
	font-weight: normal;
	color: #00E;}
.ArtLinkJon a:hover {
	color: #000000;
	background-color: #B4D4E6;
	text-decoration: none;
	cursor: hand;}
.pagebreak {display:none;}


/**************************************************/
/* Questions Reponses QR_ */
/**************************************************/
.cprevtitre {
	font-weight: bold;
	font-size: 1.4em;
	padding: 2px 0px 4px 0px;
	color: #000000;}

.questbloc{
	padding: 1px 0px 1px 0px;}
.questtxt {
	padding: 3px 0px 0px 0px;}

.repbloc {
	padding: 1px 0px 1px 0px;}
.reptxt {
	padding: 3px 0px 0px 0px;}
.liensource {
	font-size: 90%;
	font-style: italic;
	color: #000000;
	text-align: left;
	padding: 0.5em 2em 0 2em;
	line-height: normal;}


/**************************************************/
.blocliensnm a{color:#000;}
#commlien {
	margin: 2px 0px 8px 2px;}
#commlien div{
/*	font-size: 12px; */
	color: #000000;}
#commlien a {
	display: inline-block;
	padding: 5px 12px 5px 12px;
	background: #f6f6f6;
	border: var(--color-secondary) 1px solid;
	color: var(--color-secondary);
	font-size: 0.85em;
	font-weight: 600;
	text-decoration: none;
	border-radius: 6px;
	margin: 0;
	clear: both;
	transition: all 320ms ease;}
#commlien a:hover { 
/*	background: #CCC;
	color: #000;*/
	background: #FFFFFF;}
.enteteComm { 
	font-size: 1.5em;
/*	float: left; */
	color: #E8510F;
	font-weight: 400;
	display: block;
	margin-bottom: 20px;}
.commtitre { 
	font-weight: bold;}
.commtxt { 
	text-align: justify;}
.tableauComm { 
	display: none;
	background: #ddd;
	/*border: 2px dotted #333; */
	padding:18px 20px 6px 20px;
	border-radius:6px;
	margin-bottom:20px;}

.tablinkent { display: none;}
.tablink { display: none;}

.Sommaire {
	padding-bottom: 6px;}
.Sommaire a {
	font-size: 0.85em;
	color: #000280;
	line-height: normal;
	font-weight: 400;
	text-decoration: none;}
.separator { margin: 5px 0px 5px 0px;}
.clear { clear: both;}
.noprint { }
.font9px {font-size:9px;}
.font10px {font-size:10px;}
.font11px {font-size:11px;}
.font12px {font-size:12px;}
.font13px {font-size: 13px;}
.blinky01 {background-image:url(https://sitesecurite.com/contenu/images/blinky01.gif);}


/**************************************************/
	.commentblock {
	display:flex;
	width: 100%;
	margin-bottom: 6px;
	border: 0px solid #f00;}
/*	.commentblockout {
	display:table;
	width: 100%;
	margin-bottom: 8px;
	border: 0px solid #00f;} */

	p.comment {
		margin-bottom: 8px;
		display:table-cell;
		float: right;
		background: #A8A8A8;
		border-radius: 6px;
		padding: 3px 10px 3px 10px;
		clear: both;}
	.commentEfface {
		display: none;
		visibility:hidden;}
	.accordion-content p.comment {
		margin-bottom: 3px;
/*		text-align:right; */
		float: right;
		background: #A8A8A8;
		border-radius: 6px;
/*		padding: 3px 10px 0px 10px; */
		clear: both;
		border: 0px solid #f00;	}
	p.comment:hover {
		background: #C4C4C4;
		cursor:pointer;	}
	p.comment:active {
		background: #bbb;
		cursor:pointer;	}

	p.close_comment {
		margin-bottom: 0;
		float: right;
		background: #C4C4C4;
		border-radius: 6px;
		/*margin: 0px 0px 10px; */
		/*margin: 10px; */
		padding: 3px 10px 0px 10px;	}
	p.close_comment:hover {
		background: #A8A8A8;
		cursor:pointer;	}
	p.close_comment:active {
		background: #bbb;
		cursor:pointer;	}

	p.comment i {
		padding: 0px 6px 0px 1px;}

/**************************************************/
.imgprotb {
	text-align: center;
	margin: 0 auto;}
.imgprot  {
	width: 100%;
	max-width: 829px;
	height: auto;
	filter: blur(5px);
	  -webkit-filter: blur(5px);
	  -moz-filter: blur(5px);
	  -o-filter: blur(5px);
	  -ms-filter: blur(5px);}
	  

/**************************************************/
/*Recodification du CCH 2021 **********************/
.infocch {
	margin: 4px 4px 12px 4px;
}
.infocch span {
	font-size: 0.9em;
	font-weight: 400;
	background: #DFDFDF;
	border: 1px solid #999;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	padding: 4px 12px 4px 8px;
	font-style: italic;
}
.infocch a {
	font-weight: 400;}
.infocch span .icon-info-sign  { color: #000;}
.infocch span .icon-info-sign:hover  {
	color: #000;
	text-decoration: none;}








/* -----------------------------------
Révisions 
------------------------------------ */
.ArtTxt {
	margin: 16px;
}

.ArtTxtGrasRouge {
	font-weight: bold;
	color: var(--color-primary);
	background: linear-gradient(125deg, var(--color-secondary), var(--color-primary));
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}



/* .accordion-container .accordion-content blockquote .ArtTxt {
	padding-left: 12px;
	text-indent: -10px;
	font-size: 1rem;
} */
.accordion-container .accordion-content blockquote .ArtTxt + .ArtTxt {
	margin-top: -.4em;
}

.accordion-container .accordion-content a {
	text-decoration: none;
}

@media screen and (min-width: 960px) {
	.accordion-container, .commentblock, #intro, .Page1, .main-section p, .PageRub, .commentblock, #commlien, #contenup {
	    max-width: 1260px;
	    margin: 1em auto 0 auto;
	}
	.accordion-container .accordion-content {
	    padding: 0 2em 0 calc( 58px + 1em );
	}
	.accordion-container .accordion-content > * {
		max-width: 960px;
		margin-left: 0;
/*		font-size: 1.08rem;
		line-height: 1.3; */
	}

}



#contenup {
	width: 100%;
	margin: auto;
}

.articlecontainer { /* voir HistoArtBloc -------------------- */
	margin: 10px 0 24px 0;
	border: 1px solid #888;
	clear: both;}
.ArtLigneTitreB {
	background: #EDEDED;
	border-bottom: solid 1px #999999;
	font-size: 1.3em;}
.ArtNumB {
	border-right: solid 1px #999999;
	padding:0px 10px 0px 10px;
	font-weight: 400;
	color: #E8510F;}
.ArtTitreB {width: 99%;
	padding:0px 4px 0px 5px;
	font-weight: 400;
	text-align: left;
	color: #E8510F; /* texte couleur orange */}
.articlecontent { /* voir HistoArtTxt -------------------- */
	padding: 5px 14px 8px 14px;
	overflow: auto;
	background-color: #ffffff; /* fond d article blanc contrairement a historic.css/articlecontent */}


/* =====================================================================================================
   PAGES DIVERS DU PORTAIL DE CONTENU 
===================================================================================================== */
.portal-misc-page .row {
	display: flex;
}
.portal-misc-page .row #side {
	min-width: 380px;
	width: 33%;
}

@media screen and (max-width: 899px) {
	.portal-misc-page .row {
	    flex-direction: column;
	}
	.portal-misc-page .row #side {
	    width: 100%;
	}
}

.portal-misc-page .row .sidebar {
	background-color: #f1f1f1;
	margin: 1em;
	padding: 1em;
}

.portal-misc-page ul.menuG1 {
	margin-bottom: 0;
	text-align: left;
}
.portal-misc-page ul.menuG1 li {
	list-style: none;
	border-bottom: solid 1px rgba(0,0,0,.15);
}
.portal-misc-page ul.menuG1 li a {
	text-decoration: none;
	color: #444;
	padding: 8px 16px;
	display: block;
	font-weight: 400;
}
.portal-misc-page ul.menuG1 li.active a {
	font-weight: 700;
	color: #1c1c1c;
}
.portal-misc-page ul.menuG1 li a:hover {
	background-color: #e1e1e1;
}


.portal-misc-page .byline {
	margin: 1em;
}

.portal-misc-page .Page1 {
	background-color: #f1f1f1;
	border: none;
	margin: 1em;
	padding: 1em;
}
.portal-misc-page .Page1 .Titre2g {
	margin-top: 1.8em;
}
.portal-misc-page .Page1 p {
	margin: 12px 1em;
	/* text-indent: 1.6em; */
	line-height: 1.6;
}
.portal-misc-page .Page1 ul {
	margin-left: 2.6em;
}

/****************** Nouvelles images ***************/

/* centre le container d'image dans la page */
.imgfs-center {
	display: flex;
	align-items: center;
	justify-content: center;}

/* contient les images en relative pour l'overlay de la loupe */
.imgfs-container {
	position: relative;
	margin-top: 6px;
	margin-bottom: 6px;}

.imgfs-container:hover { 
	transform: scale(1.05);
	transition: .6s;} 

.imgfs-container:not(:hover) { 
	transform: scale(0.95);
	transition: .6s;}

.loupe { 
	width:45px;
	height:45px;
	position: absolute;
	bottom:25px;
	left:-18px;}

/* .loupe:hover { 
	width:65px;
	height:65px;} */

.imgfs { 
	width:100%;
	max-width: 600px !important;
	height:auto;
	border: 8px solid white;
	margin-top: 12px;
	margin-bottom: 12px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;}

.imgfs-400 { 
	width:100%;
	max-width: 400px !important;
	height:auto;
	border: 8px solid white;
	margin-top: 12px;
	margin-bottom: 12px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;}

/*/////// Miniatures bouton commentaires //////////*/

.commentblock { 
/*	margin: 10px 0 30px 0; */
	padding: 0 0 0 40px;
	clear: both;
	display: flex;
	justify-content: flex-end;
	align-items: center;
}

.commbt { 
	width: auto;
	height: auto;
	display: flex;
	float: row;
	align-items: center;
	justify-content: space-evenly;
}

.commentblock .commbt { 
	font-size: 1em;
	background: none;
	border: var(--color-secondary) 1px solid;
	border-radius: 6px;
	padding: 0;
	margin: 0;
	clear: both;
	transition: all 320ms ease;
}

.commentblock .commbt-min { 
	height: 60px;
	width: 80px;
	font-size: .80em;
	color: var(--color-secondary);
	font-weight: 600;
	display: block;
	border-radius: 6px;
	margin: 0;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	background-color: #f6f6f6;
}

.commentblock .commbt-min:after,.commentblock .commbt-min-large:after { 
	content : url('/images/comment-dots-solid.svg');
	display: inline-block;
	width: 20px;
	vertical-align: middle;
	margin-top: 6px;
	color: var(--color-secondary);
}

.commentblock .commbt:hover, .commentblock .close_comment:hover { 
	cursor: pointer;
	background-color: #ffffff;
}

.commentblock .commbt-min:hover { 
	cursor: pointer;
	background-color: white;
}
.commentblock .commbt-min-large:hover { 
	cursor: pointer;
	background-color: white;
}

.imgfs-min { 
	width: 80px;
	height: 60px;
	border-radius: 6px;
	overflow: hidden;
	margin: 6px 6px 6px 0;
}

/* pour les commentaire longs */
.commentblock .commbt-min-large { 
	height: auto;
	width: auto;
	padding: 0 8px 2px 0px;
	font-size: 0.80em;
	color: var(--color-secondary);
	font-weight: 600;
	display: block;
	border-radius: 6px;
	margin: 0;
	display: flex;
    flex-direction: row;
	align-items: center;
	justify-content: center;
    gap: 12px;
	background-color: #f6f6f6;
}