/************************************************/
/* SPECIFIC LUTECE DEFAULT THEME STYLES         */
/************************************************/
/* Variables 									*/
:root {
	--main-color: #071F32;
	--main-info-color: #354BCF;
	--main-danger-color: #E22C3F;
	--main-success-color: #248619;
	--main-warning-color: #D14800;

	--alt-info-light-color: #31EEF3;
	--alt-info-second-color: #25DCCC;
	--alt-success-color: #3ECD2E;
	--alt-warning-light-color: #FFCD00;
	--alt-warning-dark-color: #FF3300;

	--black-color: #000;
	--dark-color: #1A1A1A;
	--dark-light-color: #767676;
	--dark-lighter-color: #6D6D6D;
	--dark-lightered-color: #495057;
	--gray-dark-color: #A1A1A1;
	--gray-darker-color: #9C9C9C;
	--gray-color: #C3C3C3;
	--gray-thin-color: #CCC;
	--gray-light-color: #D9D9D9;
	--gray-lighter-color: #E6E8EA;
	--white-strong-color: #F2F2F2;
	--white-light-color: #F0F0F0;
	--white-color: #FFF;

	--gray-op3-color: #C3C3C34D;

	--border-accordion-color: #8794E2;
	--dropdown-menu-color : #2c4051;
	--card-title-icon: #0C518A;

	--main-color-shadow: #071f321a;
	--card-color-shadow: #00000029;
	--switch-color-shadow: #0088dd40;

	/* TarteAuCitron 							*/
	--gray-gray-color: #555;
    --gray-medium-color:   #4D4D4D;
	--gray-lighter-color: var( --white-strong-color );
    
	--banner-color: var( --gray-lighter-color );
	--text-color: var( --main-color );
	--decline-color: var( --main-danger-color );
    --accept-color: var( --main-success-color );
    --accept-text-color: var( --white-color );
    --dot-color: var( --alt-warning-light-color );

    --alt-color: #3333331a;
    --alt-hover-color: #33333333;
    --alt-hidden-color: #33333312;

    --number-color: #ffffff33;
    --number-hover-color: #ffffff4d;
    --manager-hover : #ffffff0d;

    --banner-lpos : auto;
    --banner-rpos : 0;
    --banner-width : 60%;
    --banner-padding: 2rem;
}

/*** Imports 	Font Montserrat 	        ***/
/*** 										***/
/*** Fonts									***/
/***  										***/
/*** Montserrat Thin 						***/
@font-face {
    font-family: "Montserrat";
    font-weight: 100;
    font-style: normal;
    src: url("../fonts/Montserrat-Thin.eot");
	src: local("Montserrat Thin "),
		 local("Montserrat-Thin"),
		 url("../fonts/Montserrat-Thin.eot?#iefix") format('embedded-opentype'),
         url("../fonts/Montserrat-Thin.woff2") format("woff2"),
         url("../fonts/Montserrat-Thin.woff") format("woff");
}

/*** Montserrat Thin-Italic 				***/
@font-face {
    font-family: "Montserrat";
    font-weight: 100;
    font-style: italic;
    src: url("../fonts/Montserrat-ThinItalic.eot");
    src: local("Montserrat Thin Italic"),
		 local("Montserrat-Thinitalic"),
		 url("../fonts/Montserrat-ThinItalic.eot?#iefix") format('embedded-opentype'),
         url("../fonts/Montserrat-ThinItalic.woff2") format("woff2"),
         url("../fonts/Montserrat-ThinItalic.woff") format("woff");
}

/*** Montserrat ExtraLight 					***/
@font-face {
    font-family: "Montserrat";
    font-weight: 200;
    font-style: normal;
    src: url("../fonts/Montserrat-ExtraLight.eot");
    src: local("Montserrat Extra Light "),
		 local("Montserrat-Extralight"),
		 url("../fonts/Montserrat-ExtraLight.eot?#iefix") format('embedded-opentype'),
         url("../fonts/Montserrat-ExtraLight.woff2") format("woff2"),
         url("../fonts/Montserrat-ExtraLight.woff") format("woff");
}

/*** Montserrat ExtraLight-Italic 			***/
@font-face {
    font-family: "Montserrat";
    font-weight: 200;
    font-style: italic;
    src: url("../fonts/Montserrat-ExtraLightItalic.eot");
    src: local("Montserrat Extra Light Italic "),
		 local("Montserrat-Extralightitalic"),
		 url("../fonts/Montserrat-ExtraLightItalic.eot?#iefix") format('embedded-opentype'),
         url("../fonts/Montserrat-ExtraLightItalic.woff2") format("woff2"),
         url("../fonts/Montserrat-ExtraLightItalic.woff") format("woff");
}

/** Montserrat Light 						***/
@font-face {
    font-family: "Montserrat";
    font-weight: 300;
    font-style: normal;
    src: url("../fonts/Montserrat-Light.eot");
    src: local("Montserrat Light "),
		 local("Montserrat-Light"),
		 url("../fonts/Montserrat-Light.eot?#iefix") format('embedded-opentype'),
         url("../fonts/Montserrat-Light.woff2") format("woff2"),
         url("../fonts/Montserrat-Light.woff") format("woff");
}

/*** Montserrat Light-Italic 				***/
@font-face {
    font-family: "Montserrat";
    font-weight: 300;
    font-style: italic;
    src: url("../fonts/Montserrat-LightItalic.eot");
    src: local("Montserrat Light Italic"),
		 local("Montserrat-Lightitalic"),
		 url("../fonts/Montserrat-LightItalic.eot?#iefix") format('embedded-opentype'),
         url("../fonts/Montserrat-LightItalic.woff2") format("woff2"),
         url("../fonts/Montserrat-LightItalic.woff") format("woff");
}

/*** Montserrat Regular 					***/
@font-face {
    font-family: "Montserrat";
    font-weight: 400;
    font-style: normal;
    src: url("../fonts/Montserrat-Regular.eot");
    src: local("Montserrat Regular "),
		 local("Montserrat-Regular"),
		 url("../fonts/Montserrat-Regular.eot?#iefix") format('embedded-opentype'),
         url("../fonts/Montserrat-Regular.woff2") format("woff2"),
         url("../fonts/Montserrat-Regular.woff") format("woff");
}

/*** Montserrat Regular-Italic 				***/
@font-face {
    font-family: "Montserrat";
    font-weight: 400;
    font-style: italic;
    src: url("../fonts/Montserrat-Italic.eot");
    src: local("Montserrat Regular italic"),
		 local("Montserrat-Regularitalic"),
		 url("../fonts/Montserrat-Italic.eot?#iefix") format('embedded-opentype'),
         url("../fonts/Montserrat-Italic.woff2") format("woff2"),
         url("../fonts/Montserrat-Italic.woff") format("woff");
}

/*** Montserrat Medium 						***/
@font-face {
    font-family: "Montserrat";
    font-weight: 500;
    font-style: normal;
    src: url("../fonts/Montserrat-Medium.eot");
    src: local("Montserrat Medium "),
		 local("Montserrat-Medium"),
		 url("../fonts/Montserrat-Medium.eot?#iefix") format('embedded-opentype'),
         url("../fonts/Montserrat-Medium.woff2") format("woff2"),
         url("../fonts/Montserrat-Medium.woff") format("woff");
}

/*** Montserrat Medium-Italic 				***/
@font-face {
    font-family: "Montserrat";
    font-weight: 500;
    font-style: italic;
    src: url("../fonts/Montserrat-MediumItalic.eot");
    src: local("Montserrat Medium italic"),
		 local("Montserrat-Mediumitalic"),
		 url("../fonts/Montserrat-MediumItalic.eot?#iefix") format('embedded-opentype'),
         url("../fonts/Montserrat-MediumItalic.woff2") format("woff2"),
         url("../fonts/Montserrat-MediumItalic.woff") format("woff");
}

/*** Montserrat SemiBold 					***/
@font-face {
    font-family: "Montserrat";
    font-weight: 600;
	font-style: normal;
    src: url("../fonts/Montserrat-SemiBold.eot");
	src: local("Montserrat SemiBold "),
		 local("Montserrat-SemiBold"),
 		 url("../fonts/Montserrat-SemiBold.eot?#iefix") format('embedded-opentype'),
         url("../fonts/Montserrat-SemiBold.woff2") format("woff2"),
         url("../fonts/Montserrat-SemiBold.woff") format("woff");
}

/*** Montserrat SemiBold-Italic 			***/
@font-face {
    font-family: "Montserrat";
    font-weight: 600;
    font-style: italic;
    src: url("../fonts/Montserrat-SemiBoldItalic.eot");
    src: local("Montserrat SemiBold italic"),
		 local("Montserrat-SemiBolditalic"),
		 url("../fonts/Montserrat-SemiBoldItalic.eot?#iefix") format('embedded-opentype'),
         url("../fonts/Montserrat-SemiBoldItalic.woff2") format("woff2"),
         url("../fonts/Montserrat-SemiBoldItalic.woff") format("woff");
}

/*** Montserrat Bold 						***/
@font-face {
    font-family: "Montserrat";
    font-weight: 700;
    font-style: normal;
    src: url("../fonts/Montserrat-Bold.eot");
    src: local("Montserrat Bold "),
		 local("Montserrat-Bold"),
		 url("../fonts/Montserrat-Bold.eot?#iefix") format('embedded-opentype'),
         url("../fonts/Montserrat-Bold.woff2") format("woff2"),
         url("../fonts/Montserrat-Bold.woff") format("woff");
}

/*** Montserrat Bold-Italic 				***/
@font-face {
    font-family: "Montserrat";
    font-weight: 700;
    font-style: italic;
    src: url("../fonts/Montserrat-BoldItalic.eot");
    src: local("Montserrat Bold italic"),
		 local("Montserrat-Bolditalic"),
		 url("../fonts/Montserrat-BoldItalic.eot?#iefix") format('embedded-opentype'),
         url("../fonts/Montserrat-BoldItalic.woff2") format("woff2"),
         url("../fonts/Montserrat-BoldItalic.woff") format("woff");
}

/*** Montserrat ExtraBold 					***/
@font-face {
    font-family: "Montserrat";
    font-weight: 800;
    font-style: normal;
    src: url("../fonts/Montserrat-ExtraBold.eot");
    src: local("Montserrat ExtraBold "),
		 local("Montserrat-ExtraBold"),
		 url("../fonts/Montserrat-ExtraBold.eot?#iefix") format('embedded-opentype'),
         url("../fonts/Montserrat-ExtraBold.woff2") format("woff2"),
         url("../fonts/Montserrat-ExtraBold.woff") format("woff");
}

/*** Montserrat ExtraBold-Italic 			***/
@font-face {
    font-family: "Montserrat";
    font-weight: 800;
    font-style: italic;
    src: url("../fonts/Montserrat-ExtraBoldItalic.eot");
    src: local("Montserrat ExtraBold italic"),
		 local("Montserrat-ExtraBolditalic"),
		 url("../fonts/Montserrat-ExtraBoldItalic.eot?#iefix") format('embedded-opentype'),
         url("../fonts/Montserrat-ExtraBoldItalic.woff2") format("woff2"),
         url("../fonts/Montserrat-ExtraBoldItalic.woff") format("woff");
}

/*** Montserrat Black 						***/
@font-face {
    font-family: "Montserrat";
    font-weight: 900;
    font-style: normal;
    src: url("../fonts/Montserrat-Black.eot");
    src: local("Montserrat Black "),
		 local("Montserrat-Black"),
		 url("../fonts/Montserrat-Black.eot?#iefix") format('embedded-opentype'),
         url("../fonts/Montserrat-Black.woff2") format("woff2"),
         url("../fonts/Montserrat-Black.woff") format("woff");
}

/*** Montserrat Black-Italic 				***/
@font-face {
    font-family: "Montserrat";
    font-weight: 900;
    font-style: italic;
    src: url("../fonts/Montserrat-BlackItalic.eot");
    src: local("Montserrat Black italic"),
		 local("Montserrat-Blackitalic"),
		 url("../fonts/Montserrat-BlackItalic.eot?#iefix") format('embedded-opentype'),
         url("../fonts/Montserrat-BlackItalic.woff2") format("woff2"),
         url("../fonts/Montserrat-BlackItalic.woff") format("woff");
}

/*** Main styles 							***/
html {
	position: relative;
	min-height:100%;
	font-size: 62.5%;
	font-weight: 400;
	line-height: 1.15;
	scroll-behavior: smooth;
	scroll-padding-top: 100px;			
}

body{
	overflow-x: hidden;
}

body, table {
	min-height: 100%;
	height: 100%;
	margin: 0;
	line-height: 1.15;
}

#main{
	min-height: 75vh;
	padding-bottom: 80px;
}

body, header, nav, footer, table, h1, h2, h3, h4, h5, h6, p, a {
	color: var(--main-color);
	font-family: "Montserrat", sans-serif;
	font-size: 16px;
	font-size: 1.6rem;
	font-style: normal;
	font-weight: 400;
}

h1{
	font-weight: 900;
	font-size: 4.2rem;
	line-height: 1.09;
}

h2{
	font-weight: 800;
	font-size: 3.1rem
}

h3{
	font-weight: 800;
	font-size: 1.467rem;
	line-height: 2.32rem;
	color: 	var( --main-info-color );
}

h4{
	font-weight: 800;
	font-size: 2rem;
	line-height: 2.62rem;
}

h5{
	font-weight: 800;
	font-size: 2rem;
	line-height: 2.62rem;
}

p{
	font-size: 1.5rem;
}

ul, ol, li{
	font-family: "Montserrat", sans-serif;
	font-weight: 400;
	line-height: 20px;
	font-size: 1.5rem;
}

/* Title For Article  */
header > h2{
	padding-bottom: 2rem;
	border-bottom: 0.6rem solid var( --gray-op3-color );
	margin-left: -70px;
}

header > h3{
	padding-top: 2rem;
	border-top: 0.6rem solid var( --gray-op3-color );
}

/* Styles for style "intertitle" */
.title_inter{
	margin-bottom: 25px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	background-color: var(--main-color);
	color: var( --white-color );
	padding: 15px 30px;
}

.title_inter > h1, .title_inter > h2, .title_inter > h3{
	border: 0;
	margin: 0;
	padding: 0;	color: var( --white-color );
}

/* Default text link */
a{
	color: var( --main-danger-color );
	text-decoration: underline;
}

a:hover{
	color: var( --main-color);
}

/* Fonts */
.font-black{
	font-family: "Montserrat", sans-serif;
	font-weight: 900;
}

.font-extra-bold{
	font-family: "Montserrat", sans-serif;
	font-weight: 800;
}

.font-bold{
	font-family: "Montserrat", sans-serif;
	font-weight: 700;
}

.font-semi-bold{
	font-family: "Montserrat", sans-serif;
	font-weight: 600;
}

.font-regular{
	font-family: "Montserrat", sans-serif;
	font-weight: 400;
}

/* Text */
.text-dark-border{
	text-shadow:1px  1px 0 var( --black-color ), -1px -1px 0 var( --black-color ), 1px -1px 0 var( --black-color ), -1px  1px 0 var( --black-color ), 1px  1px 0 var( --black-color );
}

.text-summary, .lead{
	font-size: 1.333rem;
	font-weight: 700;
}

.lead{
	font-size: 1.5rem;
	font-weight: 700;
}

.text-strong{
	font-size: 1rem;
	font-weight: 700;
}

.hyphenate {
	/* Careful, this breaks the word wherever it is without a hyphen */
	overflow-wrap: break-word;
	word-wrap: break-word;
  
	/* Adds a hyphen where the word breaks */
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;
}

/*** Colors 							 	  ***/
/* Main color 									*/
.main-color {
	color: var(--main-color) !important;
	fill: var( --main-color ) !important;
}

.main-bg-color {
	background-color: var(--main-color) !important;
}

.main-border-color{
	border-color: var(--main-color) !important;
}

/* Info color 									*/
.main-info-color {
	color: var(--main-info-color) !important;
	fill: var(--main-info-color) !important;
}

.main-info-bg-color {
	background-color: var(--main-info-color) !important;
}

.main-info-border-color {
	border-color: var(--main-info-color) !important;
}

/* Warning color 								*/
.main-warning-color {
	color: var(--main-warning-color) !important;
	fill: var(--main-warning-color) !important;
}

.main-warning-bg-color {
	background-color: var(--main-warning-color) !important;
}

.main-warning-border-color {
	border-color: var(--main-warning-color) !important;
}

/* Success color 								*/
.main-success-color {
	color: var(--main-success-color) !important;
	fill: var(--main-success-color) !important;
}

.main-success-bg-color {
	background-color: var(--main-success-color) !important;
}

.main-success-border-color {
	border-color: var(--main-success-color) !important;
}

/* Danger color 								*/
.main-danger-color {
	color: var(--main-danger-color) !important;
	fill: var(--main-danger-color) !important;
}

.main-danger-bg-color {
	background-color: var(--main-danger-color) !important;
}

.main-danger-border-color {
	border-color: var(--main-danger-color) !important;
}

/* Alt Info color 								*/
.alt-info-color {
	color: var(--alt-info-light-color) !important;
	fill: var(--alt-info-light-color) !important;
}

.alt-info-bg-color {
	background-color: var(--alt-info-light-color) !important;
}

.alt-info-border-color {
	border-color: var(--alt-info-light-color) !important;
}

/* Alt Info Second Color 						*/
.alt-info-second-color {
	color: var(--alt-info-second-color) !important;
	fill: var(--alt-info-second-color) !important;
}

.alt-info-second-bg-color {
	background-color: var(--alt-info-second-color) !important;
}

.alt-info-second-border-color {
	border-color: var(--alt-info-second-color) !important;
}

/* Alt Success Color 							*/
.alt-success-color {
	color: var(--alt-success-color) !important;
	fill: var(--alt-success-color) !important;
}

.alt-success-bg-color {
	background-color: var(--alt-success-color) !important;
}

.alt-success-border-color {
	border-color: var(--alt-success-color) !important;
}

/* Dark Color 									*/
.dark-color {
	color: var(--dark-color) !important;
	fill: var(--dark-color) !important;
}

.dark-bg-color {
	background-color: var(--dark-color) !important;
}

.dark-border-color {
	border-color: var(--dark-color) !important;
}

/* Dark Lighter Color 							*/
.dark-lighter-color {
	color: var(--dark-lighter-color) !important;
	fill: var(--dark-lighter-color) !important;
}

.dark-lighter-bg-color {
	background-color: var(--dark-lighter-color) !important;
}

.dark-lighter-border-color {
	border-color: var(--dark-lighter-color) !important;
}

/* Gray Dark Color 								*/
.gray-dark-color {
	color: var(--gray-dark-color) !important;
	fill: var(--gray-dark-color) !important;
}

.gray-dark-bg-color {
	background-color: var(--gray-dark-color) !important;
}

.gray-dark-border-color {
	border-color: var(--gray-dark-color) !important;
}

/* Gray Color 									*/
.gray-color {
	color: var(--gray-color) !important;
	fill: var(--gray-color) !important;
}

.gray-bg-color {
	background-color: var(--gray-color) !important;
}

.gray-border-color {
	border-color: var(--gray-color) !important;
}

/* Gray Light Color 							*/
.gray-light-color {
	color: var(--gray-light-color) !important;
	fill: var(--gray-light-color) !important;
}

.gray-light-bg-color {
	background-color: var(--gray-light-color) !important;
}

.gray-light-border-color {
	border-color: var(--gray-light-color) !important;
}

/* White Strong Color 							*/
.white-strong-color {
	color: var(--white-strong-color) !important;
	fill: var(--white-strong-color) !important;
}

.white-strong-bg-color {
	background-color: var(--white-strong-color) !important;
}

.white-strong-border-color {
	border-color: var(--white-strong-color) !important;
}

/* White Light Color 							*/
.white-light-color {
	color: var(--white-light-color) !important;
	fill: var(--white-light-color) !important;
}

.white-light-bg-color {
	background-color: var(--white-light-color) !important;
}

.white-light-border-color {
	border-color: var(--white-light-color) !important;
}

/* Accessibility 							*/
.skipnav {
	text-align: left;
}

.skipnav a {
	position: absolute;
	left: -10000px;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

.skipnav a:focus, .skipnav a:active {
	position: static;
	left: 0;
	width: auto;
	height: auto;
	overflow: visible;
	text-decoration: underline;
}

/***  Header, Banner, Footer			 ***/
.navbar a{
	text-decoration: none;;
}
/* 	Default Nav Link 					   */
.nav-link{
	color : var( --white-color );
	color: var( --white-color );
	font-weight: 300;
	text-decoration: none;
}

.nav-link:focus, .nav-link:hover{
	color : var( --main-danger-color );
}

/***  Header  						    ***/
.main-header {
	background-color: var( --white-color );
	background-color: var( --white-color );
	-webkit-box-shadow: 0 2px 0 0 var( --main-color-shadow );
	box-shadow: 0 2px 0 0 var( --main-color-shadow );
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	position: fixed;
	top: 0;
	width: 100vw;
	z-index: 999;
}

.main-header .navbar{
	align-items: stretch;
	padding:  0;
	height: 100%;
	width: 100%;
}

.main-header img{
	background-size: contain;
	height: 100%;
	height: 40px;
}

.main-header .navbar .navbar-brand{
	display: flex;
	justify-content: space-around;
	align-items: center;
}

.main-header .navbar .navbar-brand span{
	display: block;
	font-family: 'Montserrat', sans-serif;
	font-weight: 600;
	font-size: 1.8rem;
	padding: 0 2.5rem;
}

.main-header .navbar .navbar-brand hr{
	width: 3px;
	height: 70%;
	background-color: var( --main-color );
	margin-left: 2.5rem;
}

.main-header .navbar .navbar-brand img{
	margin: .9rem 0 .8rem 2.5rem;
}

.main-header .navbar .navbar-brand .logo{
	margin-left: 8rem;
}

.has-menu{
	justify-content: space-between;
}

.main-header .navbar-nav,
.main-header .navbar .nav-item,
.main-header .navbar-nav .nav-link{
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	justify-content: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	height: 7.7rem;
	height: 77px;
}

.main-header .navbar-nav .nav-link{
	background: transparent;
	color: var( --main-color );
	font-size: 1.8rem;
	font-weight: 600;
	padding: 0.85rem 2.5rem;
	height: 100%;
	line-height: 1.11;
	position: relative;
	text-decoration: none;
	-webkit-transition: none;
	transition: none;
}

.main-header .navbar-nav .nav-link:hover {
	color: var( --main-color );
}

.main-header .navbar-nav .nav-link::before {
	background: currentColor;
	display: block;
	content: "";
	height: 0;
	left: 1rem;
	position: absolute;
	top: 0;
	right: 1rem;
	-webkit-transition: height .2s ease;
	transition: height .2s ease;
}

.main-header .navbar-nav .nav-item.active .nav-link::before,
.main-header .navbar-nav .nav-link:focus::before,
.main-header .navbar-nav .nav-link:hover::before{
	height: .6rem;
}

.dropdown-toggle::after {
	border: none;
}

/* Mon Paris 					*/
.main-header .navbar-nav.mon-paris{
	margin-right: 5.6rem;
}

.main-header .navbar-nav.mon-paris .nav-link,
.main-header .navbar-nav.mon-paris .nav-link:hover,
.main-header .navbar-nav.mon-paris .dropdown.show > .nav-link,
.main-header .navbar-nav.mon-paris .dropdown .nav-link:hover .dropdown-item{
	color: --main-info-color;
}

.main-header .navbar-nav.mon-paris .nav-link::before{
	left: 0;
	right: 0;
}

.main-header .navbar-nav.mon-paris .nav-link img{
	height: 32px;
	width: 32px;
	-webkit-transition: none;
	transition: none;
}

/* Dropdown Menu 				*/
.main-header .navbar-nav .dropdown-menu {
	position: absolute;
	padding: 0;
	margin: 0;
	border-radius: 0;
	font-size: 1rem;
	text-align: left;
	border-color: var( --gray-lighter-color );
}

.main-header .navbar-nav .dropdown-item{
	background-color: var( --white-light-color );
	border-left: 6px solid transparent;
}

.main-header .navbar-nav .dropdown-item:hover{
	border-left-color: var( --main-color );
}

.main-header .navbar-nav .dropdown-item span{
	display: inline-block;
	width: 100%;
	height: 100%;
	padding: 1.2rem;
	font-size: 1.8rem;
	border-left: 4px solid transparent;
}

.main-header .navbar-nav.mon-paris .dropdown.show,
.main-header .navbar-nav.mon-paris .dropdown.show .nav-link,
.main-header .navbar-nav.mon-paris .dropdown-menu.show{
	background-color: var( --main-info-color );
	border-color:  var( --main-info-color );
	color: var( --white-color )
}

.main-header .navbar-nav .dropdown-item.active span,
.main-header .navbar-nav .dropdown-item span:hover{
	color: initial;
}

.main-header .navbar-nav .dropdown-item:last-child,
.main-header .navbar-nav .dropdown-item:last-child span{
	border-bottom: 0;
}

/* Dropdown Menu Mon Paris				*/
.main-header .navbar-nav.mon-paris .dropdown{
	height: 100%;
	min-width: 8.5vw;
	position: static;
}

/* Set Mon Paris image color to white  	*/
.main-header .navbar-nav.mon-paris .dropdown.show .nav-link img{
	filter: brightness(0) invert(1);
}

.main-header .navbar-nav.mon-paris .dropdown-menu.show{
	width: 100%;
}

.main-header .navbar-nav.mon-paris .dropdown-menu .dropdown-content{
	margin: 1.4rem;
	display: flex;
	justify-content: space-between;
}

.main-header .navbar-nav.mon-paris .dropdown.show .nav-item.active .nav-link::before,
.main-header .navbar-nav.mon-paris .dropdown.show .nav-link:focus::before,
.main-header .navbar-nav.mon-paris .dropdown.show .nav-link:hover::before{
	display: none;
}

.main-header .navbar-nav.mon-paris .dropdown-item,
.main-header .navbar-nav.mon-paris .dropdown-item span,
.main-header .navbar-nav.mon-paris .dropdown-item:focus,
.main-header .navbar-nav.mon-paris .dropdown-item:hover{
	width: auto;
	color: var(--white-color);
	background-color: var(--main-info-color);
	border-color: var( --main-info-color )
}

.main-header .navbar-nav.mon-paris .dropdown-menu .dropdown-content .menu-app{
	margin-left: 24rem;
}
.main-header .navbar-nav.mon-paris .dropdown-menu .dropdown-content .menu-app .dropdown-item{
	display: inline-block;
}

/*
.main-header .navbar-nav.mon-paris .dropdown-menu .dropdown-content .menu-app .dropdown-item:nth-child(3n){
	display: block;
} */

.main-header .navbar-nav.mon-paris .dropdown-menu .dropdown-content .menu-auth{
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	justify-content: flex-start;
	margin-right: 4rem;
	border-left: 1px solid var( --white-color );
	padding-left: 8rem;
}

/************************************************/
/*  Banner  									*/
/************************************************/
.main-header + .banner + #main {
	margin-top: 124px;
}

#main > .banner, .main-header + .banner.internal + #main {
	margin-top: 0;
}

.banner{
	background-color: var( --main-color );
	position: relative;
	z-index: 0;
	width: 100%;
	height: 300px;
	height: 30rem;
	top: 77px
}

.banner.internal{
	height: 200px;
	height: 20rem;
}

.bg-banner{
	width: 100%;
	height: 300px;
	height: 30rem;
	background-size: cover;
	position: relative;
	z-index: 1;
}

.banner.darken .bg-banner{
	opacity: .5;
	position: relative;
	z-index: 2;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}

.banner.with-effect:hover .bg-banner{
	opacity: 1;
	width: 105%;
}

.banner.internal .bg-banner{
	height: 200px;
	height: 20rem
}

.banner header {
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 300px;
}

.banner.internal header {
	height: 200px;
}

.banner header h1 {
	font-size: 4.6rem;
	color: var( --white-color );
	color: var( --white-color );
	position: relative;
	z-index: 3;
	text-align: center;
	-webkit-transition: .5s ease-in-out;
	transition: .5s ease-in-out;
} 


.banner.with-effect:hover header h1{
	text-shadow: 0 0 15px var( --main-color );
}


/**  Footer  									**/
footer {
	background-color: var( --white-light-color );
	color: var( --main-color );
	padding-top: 12px;
	position: relative;
	right: 0;
	bottom: 0;
	left: 0;
	font-size: 14px;
}

/* Menu Service 								*/
.main-footer {
	display: flex;
	width: 100%;
	justify-content: center;
	align-items: center;
	padding:  0;
	height: 100%;
	width: 100%;
}

.main-footer img{
	background-size: contain;
	height: 100%;
	height: 40px;
}

.main-footer a{
	display: flex;
	flex: 1;
	font-family: 'Montserrat', sans-serif;
	font-size: 1.6rem;
	padding-left: 2.4rem;
}

.main-footer .logo{
	flex: 1;
	display: flex;
	justify-content: flex-end;
}

.main-footer .site{
	text-transform: initial;
}

.main-footer hr{
	width: 3px;
	height: 45px;
	height: 4.5rem;
	background-color: var( --main-color );
	margin-left: 2.5rem;
}

/* Footer links Menu 							*/
footer .navbar{
	border-top: 1px solid var( --gray-light-color );
}

footer .nav{
	margin-top: 20px;
	margin-top: 2rem;
	justify-content: center;
}

footer a, footer .nav-link{
	color: var( --main-color );
	font-size: 1rem;
	font-weight: 700;
	text-transform: uppercase;
	text-decoration: none;
	letter-spacing: 1px;
}

/* Footer Social Links 							*/
footer.social{
	padding-top: 0;
}

footer.social .col{
	padding-right: 0;
}

footer.social .main-footer{
	height: auto;
	justify-content: space-around;
	margin: 4rem 0 0 0;
}

footer.social .main-footer .site{
	flex: 1;
}

footer.social .main-footer .logo{
	margin-right: 2.5rem;
	margin-left: 50%;
	padding-left: 0;
	flex: 0
}

footer.social .main-footer hr{
	margin-left: 0;
}

footer.social .nav{
	justify-content:center;
}

footer.social .navbar {
	padding: 0;
	padding-left: 50%;
}

footer.social .navbar .nav-link{
	padding: 1rem;
	font-size: 1rem;
	line-height: 1.3rem;
	font-weight: 700;
	transition: color .3s ease;
}

.social-links{
	margin: 4rem 0;
	width: 50%;
}

.paris-footer-social-title{
	color: var( --white-color );
	font-size: 1.3rem;
	margin-bottom: 1.5rem;
}

.social-link {
	display: block;
}

/* Paris Icon 								*/
.paris-icon {
	fill: var( --white-color );
	height: 51.2px;
	height: 5.12rem;
	-webkit-transition: fill .3s ease;
	transition: fill .3s ease;
	width: 32px;
	width: 3.2rem;
}

.paris-icon-sprite{
	display: none;
}

.social-link:focus .paris-icon, .social-link:hover .paris-icon {
	fill: var( --main-danger-color );
}

/* DEPRECATED - UNUSED Nef filigrame  					*/
/*
.nef {
	background: url(../images/nef-bg.svg) no-repeat 50%;
	background-size: cover;
	height: 1169.6px;
	height: 73.1rem;
	left: 40%;
	pointer-events: none;
	position: absolute;
	top: -304px;
	top: -19rem;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	width: 1248px;
	width: 78rem;
	z-index: 10000;
	display: block;
}
*/

/*********************************************/
/** 	Toastr 								**/
/*********************************************/
.browser-warning{
	background-color: #F89406;
}

#toast-container.browser-warning > .toast.toast-warning{
	box-shadow: none; 
	border-color: transparent;
	background-color: transparent;
	flex-basis: 0; 
	max-width: 100%; 
}

.browser-warning .toast.toast-warning .toast-title,
.browser-warning .toast.toast-warning .toast-message{
	width: 50%;
	margin-left: auto;
	margin-right: auto;
	font-size: 1.5rem;
}

.browser-warning .toast.toast-warning .toast-message a:hover {
    color: #354BCF;
}

#toast-container > div {
    opacity: 1; 
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    filter: alpha(opacity=100);
}

/*********************************************/
/** 	Cookies								**/
/*********************************************/
.cookies {
	background-color: var( --white-strong-color );
	bottom: 0;
	-webkit-box-shadow: -2px -2px 0 0 rgba(7,31,50,.1);
	box-shadow: -2px -2px 0 0 rgba(7,31,50,.1);
	max-width: 1472px;
	max-width: 92rem;
	position: fixed;
	-webkit-transform: translateY(100%);
	transform: translateY(100%);
	-webkit-transition: all .25s cubic-bezier(1,0,0,1);
	transition: all .25s cubic-bezier(1,0,0,1);
	z-index: 1001;
}

.cookies.show {
	-webkit-transform: translateY(0);
	transform: translateY(0);
}

.cookies-banner {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	display: grid;
}

.cookies-banner-text {
	font-size: 20.8px;
	font-size: 1.3rem;
	margin: 0;
	line-height: 1.5;
}

.cookies-banner-text a{
	font-size: 20.8px;
	font-size: 1.3rem;
}

/*********************************************/
/** 	Breadcrumb							**/
/*********************************************/
.breadcrumb-nav {
	border-bottom: 1px solid var( --gray-light-color  );
	padding: 3rem 0 2rem 0;
	margin-top: 77px;
	margin-top: 7.7rem;
}

.breadcrumb-nav + #main { margin-top: 2rem; }

.breadcrumb {
	background-color: var( --white-color );
	border-radius: 0;
	padding: 0
}

.breadcrumb-item,
.breadcrumb-item a{
	font-family: 'Montserrat', sans-serif;
	font-weight: 500;
	font-size: 1.5rem;
	color: var( --dark-lighter-color  );
	text-decoration: none;
	padding-right: 0.75rem;
	padding-right: 0.5rem;
}

.breadcrumb-item + .breadcrumb-item::before {
	content: "\f105";
	font-family: "Font Awesome 5 Free";
	font-size: 1.5rem;
	font-weight: 900;
	padding-right: 1rem;
}

.breadcrumb-item a:hover{
	color: var( --main-color );
}

.breadcrumb-item.active{
	color: var( --main-color );
}

.breadcrumb-item.active::before {
	color: var( --main-color );
	padding-right: 1rem;
}

/*********************************************/
/** 	Components							**/
/*********************************************/
/* Helper classes 								 */
.img-home{
	background-size: contain;
	width: 200px;
}

.text-decoration-underline, .text-underline{
	text-decoration: underline ;
}

.hidden{
	display: none !important;
}

/* Buttons BS 4 - Overrides						 */
.btn{
	font-family: "Montserrat";
	padding: 1.4rem;
	font-weight: 600;
	font-size: 1.3rem;
	border-radius: 0;
	text-decoration: none;
	position: relative;
	z-index: 0;
}

.btn::before {
	content: '';
	background-color: var( --white-color );
	bottom: 0;
	display: block;
	left: 0;
	position: absolute;
	top: 0;
	-webkit-transition: width .3s ease;
	transition: width .3s ease;
	width: 0;
	z-index: -1
}

.btn.focus, .btn:focus {
	box-shadow: none;
}

.btn-label{
	color: var( --white-color );
	display: inline-block;
	font-family: 'Montserrat', sans-serif;
	font-size: 1.3rem;
	font-weight: 700;
	line-height: 1.23;
	pointer-events: none;
	position: relative;
	text-align: center;
	-webkit-transition: color .3s ease;
	transition: color .3s ease;
	z-index: 1;
}

.btn:focus .btn-label,
.btn:hover .btn-label{
	cursor: pointer;
}

.btn .fas,
.btn .fa,
.btn .paris-icon{
	margin-right: 0.8rem;
}

.btn:disabled::before,
.btn:disabled::after,
.btn:disabled:hover,
.btn:disabled:focus,
.btn:disabled:active,
.btn:disabled *,
.btn:disabled *:hover,
.btn:disabled *:focus,
.btn:disabled *:active,
.btn:disabled{
	color: var( --dark-lighter-color ) !important;
	background-color: var( --white-strong-color ) !important;
	border-color: var( --white-strong-color ) !important;
	box-shadow: none !important;
	transition: none !important;
}

/* btn-primary 					*/
.btn-primary{
	background-color: var( --main-info-color );
	border-color: var( --main-info-color );
	color: var( --white-color );
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary:active figcaption,
.btn-primary:active figcaption *,
.btn-primary:active .btn-label,
.btn-primary:active .fas,
.btn-primary:active .fa,
.btn-primary:active .paris-icon
.btn-primary:hover .btn-label,
.btn:hover.btn-primary .btn-label,
.btn-primary:hover .fas,
.btn-primary:hover .fa,
.btn-primary:hover figcaption,
.btn-primary:hover figcaption *,
.btn-primary:hover .paris-icon
.btn-primary:focus .btn-label,
.btn-primary:focus .fas,
.btn-primary:focus .fa,
.btn-primary:focus figcaption,
.btn-primary:focus figcaption *,
.btn-primary:focus .paris-icon{
	color: var( --main-info-color );
	fill: var( --main-info-color );
}

.btn-primary:focus::before,
.btn-primary:hover::before {
	width: 100%;
}

/* btn-secondary 					*/
.btn-secondary{
	background-color: var( --white-strong-color );
	border-color: var( --white-strong-color );
	color: var( --main-color );
}

.btn-secondary:hover,
.btn-secondary:focus,
.btn-secondary:active  {
	background-color: var( --white-strong-color );
	border-color: var( --white-strong-color );
	color: var( --main-color );
	box-shadow: none;
}

.btn-secondary .btn-label,
.btn-secondary:hover,
.btn-secondary:focus,
.btn-secondary:active,
.btn-secondary:active figcaption,
.btn-secondary:active figcaption *,
.btn-secondary:active .btn-label,
.btn-secondary:active .fas,
.btn-secondary:active .fa,
.btn-secondary:active .paris-icon
.btn-secondary:hover .btn-label,
.btn-secondary:hover .btn-label,
.btn:hover.btn-secondary .fas,
.btn-secondary:hover .fa,
.btn-secondary:hover figcaption,
.btn-secondary:hover figcaption *,
.btn-secondary:hover .paris-icon
.btn-secondary:focus .btn-label,
.btn-secondary:focus .fas,
.btn-secondary:focus .fa,
.btn-secondary:focus figcaption,
.btn-secondary:focus figcaption *,
.btn-secondary:focus .paris-icon{
	color: var( --main-color );
	fill: var( --main-color );
} 

.btn-secondary:focus::before,
.btn-secondary:hover::before {
	width: 100%;
}

/* End override  				*/
/* Link primary 				*/
.btn-link-primary{
	background-color: transparent;
	border-color: transparent;
}

.btn-link-primary,
.btn-link-primary figcaption,
.btn-link-primary figcaption *,
.btn-link-primary .btn-label,
.btn-link-primary .fas,
.btn-link-primary .fa,
.btn-link-primary .paris-icon{
	color: var( --main-info-color );
	fill: var( --main-info-color );
}

.btn-link-primary:hover,
.btn-link-primary:focus,
.btn-link-primary:active  {
	background-color: var( --main-info-color );
	border-color: var( --main-info-color );
	color: var( --white-color );
	box-shadow: none;
}

.btn-link-primary:hover .btn-label,
.btn-link-primary:hover .fas,
.btn-link-primary:hover .fa,
.btn-link-primary:hover .paris-icon,
.btn-link-primary:hover figcaption,
.btn-link-primary:hover figcaption *,
.btn-link-primary:focus .btn-label,
.btn-link-primary:focus .fas,
.btn-link-primary:focus .fa,
.btn-link-primary:focus .paris-icon,
.btn-link-primary:focus figcaption,
.btn-link-primary:focus figcaption *,
.btn-link-primary:active .btn-label,
.btn-link-primary:active .fas,
.btn-link-primary:active .fa,
.btn-link-primary:active figcaption,
.btn-link-primary:active figcaption *,
.btn-link-primary:active .paris-icon{
	color: var( --white-color );
}


/* Main Action 											*/
.btn-cta,
.btn-action{
	background-color: var( --main-danger-color);
	border-color: var( --main-danger-color);
	color : var( --white-color );
}

.btn-cta:focus,
.btn-cta:active,
.btn-cta:hover,
.btn-cta:hover .btn-label,
.btn-cta:hover .fas,
.btn-cta:hover .fa,
.btn-cta:hover .paris-icon,
.btn-cta:focus .btn-label,
.btn-cta:focus .fas,
.btn-cta:focus .fa,
.btn-cta:focus .paris-icon,
.btn-cta:active .btn-label,
.btn-cta:active .fas,
.btn-cta:active .fa,
.btn-cta:active .paris-icon,
.btn-action:focus,
.btn-action:focus .btn-label,
.btn-action:focus .fas,
.btn-action:focus .fa,
.btn-action:focus .paris-icon,
.btn-action:focus figcaption,
.btn-action:focus figcaption *,
.btn-action:active,
.btn-action:active .btn-label,
.btn-action:active .fas,
.btn-action:active .fa,
.btn-action:active .paris-icon,
.btn-action:active figcaption,
.btn-action:active figcaption *,
.btn-action:hover,
.btn-action:hover .btn-label,
.btn-action:hover .fas,
.btn-action:hover .fa,
.btn-action:hover figcaption,
.btn-action:hover figcaption *,
.btn-action:hover .paris-icon{
	color: var( --main-danger-color);
	fill: var( --main-danger-color);
}

.btn-cta:focus::before,
.btn-cta:hover::before,
.btn-action:focus::before,
.btn-action:hover::before {
	width: 100%;
}

/* Link Action 								*/
.btn-link-action{
	background-color: transparent;
	color: var( --main-danger-color);
}

.btn-link-action figcaption *,
.btn-link-action figcaption,
.btn-link-action.btn-img figcaption,
.btn-link-action .fas,
.btn-link-action .fas,
.btn-link-action .fa,
.btn-link-action .paris-icon,
.btn-link-action .btn-label{
	color: var( --main-danger-color);
	fill: var( --main-danger-color);
}

.btn-link-action:hover,
.btn-link-action:active,
.btn-link-action:focus {
	background-color: var( --main-danger-color);
	color: var( --white-color );
	box-shadow: none;
}

.btn-link-action:focus .btn-label,
.btn-link-action:focus .fas,
.btn-link-action:focus .fa,
.btn-link-action:focus .paris-icon,
.btn-link-action:focus figcaption,
.btn-link-action:focus figcaption *,
.btn-link-action:active .btn-label,
.btn-link-action:active .fas,
.btn-link-action:active .fa,
.btn-link-action:active .paris-icon,
.btn-link-action:active figcaption,
.btn-link-action:active figcaption *,
.btn-link-action:hover figcaption,
.btn-link-action:hover figcaption *,
.btn-link-action:hover .btn-label,
.btn-link-action:hover .fas,
.btn-link-action:hover .fa,
.btn-link-action:hover .paris-icon{
	color: var( --white-color );
	fill: var( --white-color );
}

/* Outline  								*/
.btn-outline{
	background-color: transparent;
	color: var( --main-color);
	border: 2px solid var( --main-color);
}

.btn-outline figcaption,
.btn-outline figcaption *,
.btn-outline .fas,
.btn-outline .fa,
.btn-outline .paris-icon,
.btn-outline .btn-label{
	color:  var( --main-color);
	fill:  var( --main-color);
}

.btn-outline:hover,
.btn-outline:active,
.btn-outline.active,
.btn-outline:focus {
	background-color:  var( --main-color);
	color: var( --white-color );
	fill: var( --white-color );
	box-shadow: none;
}

.btn-outline.active .btn-label,
.btn-outline:focus figcaption,
.btn-outline:focus figcaption *,
.btn-outline:focus .btn-label,
.btn-outline:focus .fas,
.btn-outline:focus .fa,
.btn-outline:focus .paris-icon,
.btn-outline:active figcaption,
.btn-outline:active figcaption *,
.btn-outline:active .btn-label,
.btn-outline:active .fas,
.btn-outline:active .fa,
.btn-outline:active .paris-icon,
.btn-outline:hover figcaption,
.btn-outline:hover figcaption *,
.btn-outline:hover .btn-label,
.btn-outline:hover .btn-label,
.btn-outline:hover .fas,
.btn-outline:hover .fa,
.btn-outline:hover .paris-icon{
	color: var( --white-color);
	fill: var( --white-color);
}

/* Action : Read More button				*/
.btn-more{
	color: var( --main-danger-color );
	line-height: 1rem;
	padding: .375rem .75rem;
	font-size: 1rem;
	letter-spacing: 1.5px;
}

/* Outline Action  								*/
.btn-outline-action{
	background-color: transparent;
	color: var( --main-danger-color );
	border: 2px solid var( --main-danger-color );
}

.btn-outline-action figcaption,
.btn-outline-action figcaption *,
.btn-outline-action .fas,
.btn-outline-action .fa,
.btn-outline-action .paris-icon,
.btn-outline-action .btn-label{
	color:  var( --main-danger-color );
	fill:  var( --main-danger-color );
}

.btn-outline-action:hover,
.btn-outline-action:active,
.btn-outline-action.active,
.btn-outline-action:focus {
	background-color:  var( --main-danger-color );
	color: var( --white-color );
	fill: var( --white-color );
	box-shadow: none;
}

.btn-outline-action.active .btn-label,
.btn-outline-action:focus figcaption,
.btn-outline-action:focus figcaption *,
.btn-outline-action:focus .btn-label,
.btn-outline-action:focus .fas,
.btn-outline-action:focus .fa,
.btn-outline-action:focus .paris-icon,
.btn-outline-action:active figcaption,
.btn-outline-action:active figcaption *,
.btn-outline-action:active .btn-label,
.btn-outline-action:active .fas,
.btn-outline-action:active .fa,
.btn-outline-action:active .paris-icon,
.btn-outline-action:hover figcaption,
.btn-outline-action:hover figcaption *,
.btn-outline-action:hover .btn-label,
.btn-outline-action:hover .btn-label,
.btn-outline-action:hover .fas,
.btn-outline-action:hover .fa,
.btn-outline-action:hover .paris-icon{
	color: var( --white-color);
	fill: var( --white-color);
}


/* Button with image */
.btn-img{
	padding:.8rem 1.8rem;
}

.btn-img figure{
	display: flex;
	align-items: center;
	margin: 0
}

.btn-img figure img{
	width: 50px;
	margin-right: .8rem;
}

.btn-img figure img.after{
	margin-right: 0;
	margin-left: .8rem;
}

.btn-img figcaption{
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	color: var( --white-color );
	font-family: 'Montserrat', sans-serif;
	font-size: 1.3rem;
}

.btn-img figcaption *{
	margin: 0;
	padding: 0;
	display: inline-block;
}

/* Borders */
.border-medium{
	border-width:  1rem !important;
}
.border-wide{
	border-width:  2rem !important;
}

/* Icons Utils 								*/
.rounded-bg-icon{
	width: 4rem;
	height: 4rem;
	background-color: var( --white-color );
	border-radius: 50%;
	margin: 0 1rem
}

/* Remove shadow on card... */
.no-shadow{
	box-shadow: none !important;
}

/*** 										***/
/*** Card									***/
/***  										***/
.card{
	background: var( --white-color ) 0% 0% no-repeat padding-box;
	box-shadow: 0px 10px 20px var( --card-color-shadow );
	border: 0;
	-webkit-border-radius: 0;
			border-radius: 0;
}

/* Add border to non-shadowed cards */
.card.no-shadow{
	border: 1px solid var( --gray-color );
}

/*** 										***/
/*** Accordion								***/
/***  										***/
.accordion{
	margin-top: 2rem;
	margin-bottom: 2rem;
}

.accordion .card, .accordion .card-header{
	background-color: var( --white-color );
	color: var( --main-color );
	border: 0;
	box-shadow: none;
}

.accordion .card .card-header{
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	padding-left: 2rem;
}

.accordion .card .card-header > h5{
	flex: 1;
	max-height: 7.5rem;
	overflow-y: hidden;
}

.accordion .card:not(.outline):not(.info):not(.primary):hover .card-header{
	background-color: var( --main-color );
	border-color: var( --main-color );
	color: var( --white-color );
}

.accordion .card .card-header .card-header-info,
.accordion .card-header .card-title{
	font-size: 1.5rem;
	font-family: "Montserrat", sans-serif;
	font-weight: 600;
	display: flex;
	align-items: center;
}

.accordion .card .card-header .card-subtitle{
	transform: translateY( -1rem );
}

.accordion .card:hover .card-header .card-subtitle,
.accordion .card:hover .card-header .card-title{
	color:var( --white-color );
}

.accordion .card .collapse.show{
	border-top: 1px solid var( --white-color );
}

.accordion .card-body{
	font-family: "Montserrat", sans-serif;
	font-weight: 400;
	font-size: 1.5rem;
	border: 0;
	padding: 2rem
}

.accordion .card .btn-accordion{
	transform: rotate(180deg);
	transition: transform .3s ease;
	padding: 0
}

.accordion .card .btn-accordion.collapsed{
	transform: rotate(0);
	transition: transform .3s ease;
}

.accordion .card .btn-accordion .paris-icon {
	fill: var( --main-color );
}

.accordion .card:hover .btn-accordion .paris-icon {
	fill: var( --white-color );
}

/* With border */
.accordion .card.with-border{
	border: 1px solid var( --main-color );
}

.accordion .card.with-border:hover,
.accordion .card.with-border.open,
.accordion .card.with-border.open .card-header{
	background-color: var( --main-color );
	cursor: pointer;
}

.accordion .card.with-border.open .btn-accordion .paris-icon {
	fill: var( --white-color );
}

.accordion .card.with-border.open .card-body{
	background-color: var( --white-color );
}

.accordion .card.with-border.open .card-title,
.accordion .card.with-border.open .card-subtitle{
	color: var( --white-color );
}

/* Gray style							 		*/
.accordion .primary,
.accordion .primary .card-header{
	background-color: var( --white-light-color );
	border: 0;
}

.accordion .primary:hover .card-header{
	background-color: var( --white-light-color );
}

.accordion .primary .collapse.show{
	border-top: 1px solid var( --gray-color );
}

/* Main style							 		*/
.accordion .card.main,
.accordion .card.main .card-header{
	background-color: var( --main-color );
	border: 1px solid var( --main-color );
}

.accordion .card:hover .btn-accordion .paris-icon {
	fill: var( --white-color );
}

.accordion .card.main-inverse .collapse.show{
	border-top: 1px solid var( --main-color );
}

.accordion .card.main-inverse{
	border: 1px solid var( --main-color );
} 

.accordion .card.main .card-header,
.accordion .card.main .card-header a,
.accordion .card.main .card-header .card-title{
	color: var( --white-color );
}

.accordion .card.main .card-body{
	background-color: var( --white-color );
}

/* Info style 									*/
.accordion .card.info,
.accordion .card.info p,
.accordion .card.info small,
.accordion .card.info span,
.accordion .card.info .card-header{
	background-color: var( --main-info-color);
	color: var( --white-color );
	border-bottom-color: var( --border-accordion-color);
}

.accordion .card.info .card-header{
	padding: 0.8rem 2rem;
	height: 8.5rem;
}

.accordion .card.info .card-header .card-header-info,
.accordion .card.info .card-header .card-title,
.accordion .card.info .card-header .card-header-info span,
.accordion .card.info .card-header .card-header-info h5{
	font-family: "Montserrat", Arial, sans-serif;
	font-weight: 700;
	color: var( --white-color );
	font-size: 15px;
	font-size: 1.5rem;
}

.accordion .card.info .card-header .card-header-info .rounded-bg-icon{
	padding: 1rem 1.8rem;
	margin-right: inherit;
}

.accordion .card.info .card-header .card-header-info .paris-icon{
	fill:  var( --main-info-color );
}

.accordion .card.info .collapse.show{
	border-top: 1px solid var( --border-accordion-color);
}

.accordion .card.info .btn .paris-icon{
	fill: var( --white-color );
}

.accordion .card.info:hover .btn .paris-icon{
	fill: var( --white-color );
}

.accordion .card.info .card-header-info{
	color: var( --white-color );
}

.accordion .card.info .card-header .card-header-info + .card-header-separator{
	border-right: 1px solid  var( --border-accordion-color );
	padding: 2.8rem;
}

.accordion .card.info .card-header .card-header-info.no-collapse{
	border-right: 0;
	width: 100%;
}

/* Outline style 									*/
.accordion .card.outline{
	border: 2px solid var( --main-info-color);
}

.accordion .card.outline,
.accordion .card.outline p,
.accordion .card.outline small,
.accordion .card.outline span,
.accordion .card.outline .card-header h5,
.accordion .card.outline .card-header,
.accordion .card.outline .card-body{
	font-family: "Montserrat", Arial, sans-serif;
	font-weight: 700;
	color: var( --main-info-color );
	font-size: 15px;
	font-size: 1.5rem;
}

.accordion .card.outline .card-header{
	padding: 0;
	padding-right: 0;
	height: 8.5rem;
	border-bottom: 3px solid var( --main-info-color );
}

.accordion .card.outline .card-header h5{
	margin-left: 3rem;
}

.accordion .card.outline .card-header .card-header-prepend{
	background-color: var( --main-info-color );
	align-self: stretch;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 10rem
}

.accordion .card.outline .card-header .card-header-prepend .rounded-bg-icon{
	padding: 1rem 1.8rem;
	margin: 0;
	background-color: var( --white-color );
}

.accordion .card.outline .card-header .card-header-prepend .paris-icon{
	fill: var( --main-info-color );
}

.accordion .card.outline .btn .paris-icon{
	fill: var( --main-info-color );
	margin-left: 2rem;
}

.accordion .card.outline:hover .btn .paris-icon{
	fill:  var( --main-info-color );
}

.accordion .card.outline .card-header .card-header-prepend + h5 + .card-header-separator{
	border-right: 1px solid  var( --main-info-color );
	padding: 2.8rem .5rem;
}

.accordion .card.outline .card-header .card-header-prepend.no-collapse{
	border-right: 0;
	width: 100%;
}

.accordion .card.outline .card-header.collapsed{
	border-bottom: 0;
}

.accordion .card.outline .btn-accordion.collapsed {
    transform: rotate(0) translateX(-15px);
    transition: transform .3s ease;
}

/*** 		 						***/
/*** 	Alert 						***/
/*** 		 						***/
.alert{
	border-radius: 0;
	border: 0;
	color: var( --white-color );
	min-height: 8.5rem;
	display:flex;
	justify-content: space-between;
	padding: 1rem 0;
	margin-top: 1rem;
	margin-bottom: 1rem;
}

.alert:not(.alert-dismissible){
	justify-content: flex-start;
}

.alert .alert-dismiss,
.alert .alert-icon{
	display: flex;
	align-items: center;
	justify-content: center;
	flex: 1;
}

.alert .rounded-bg-icon{
	margin-right: 1rem;
	padding: 1rem 1.8rem;
}

.alert .alert-text{
	display: flex;
	align-items: center;
	padding: 1rem 0;
	flex: 8;
}
 
.alert:not(.alert-dismissible) .alert-text{
	padding-right: 4rem;
}

.alert .alert-text, .alert .alert-text p{
	font-family: 'Montserrat', sans-serif;
	font-weight: 600;
	font-size: 1.3rem;
	line-height: 1.6rem;
	color: var( --white-color );
}

.alert .close {
	flex: 1;
	position: static;
	border-left: 1px solid rgba(255, 255, 255, 0.5);
	opacity: 1;
}

.alert .close .paris-icon{
	fill: var( --white-color );
	color: var( --white-color );
}

.alert-primary{
	background-color: var( --main-info-color);
}

.alert-primary .paris-icon{
	fill: var( --main-info-color );
}

.alert-danger{
	background-color: var( --main-info-color);
	background-color: var( --main-danger-color );
}

.alert-danger .rounded-bg-icon{
	padding: 1rem 1.2rem;
}

.alert-danger .alert-icon .paris-icon{
	fill: var( --main-danger-color );
	stroke: var( --main-danger-color );
	stroke-width:2px;
}

.alert-warning{
	background-color: var( --main-warning-color);
}

.alert.alert-warning .rounded-bg-icon{
	border-radius: 0;
	clip-path: polygon( 50% 0%, 0% 100%, 100% 100% );
}

.alert-warning .paris-icon{
	fill: var( --main-warning-color);
}

.alert-success{
	background-color: var( --main-success-color);
}

.alert-success .rounded-bg-icon{
	padding: 1rem 0.8rem;
}

.alert-success .paris-icon{
	fill: var( --main-success-color);
}

.alert .alert-text a{
	color: var( --white-color );
}

/************************/
/* Outline alert box 	*/
/************************/
.alert-outline{
	background-color: var( --white-color );
	border: 2px solid var( --white-color );
	padding: 0;
}

.alert-outline.alert-danger{
	border-color: var( --main-danger-color );
}

.alert-outline.alert-danger .alert-icon {
	background-color: var( --main-danger-color );
}

.alert-outline.alert-warning{
	border-color: var( --main-warning-color );
}

.alert-outline.alert-warning .alert-icon {
	background-color: var( --main-warning-color );
}

.alert-outline.alert-success{
	border-color: var( --main-success-color );
}

.alert-outline.alert-success .alert-icon {
	background-color: var( --main-success-color );
}

.alert-outline.alert-primary{
	border-color: var( --main-info-color );
}

.alert-outline.alert-primary .alert-icon {
	background-color: var( --main-info-color );
}

.alert-outline .rounded-bg-icon {
    margin-left: -.1rem;
    margin-right: .5rem;
}

.alert-outline .alert-text{
	padding: 2rem 3rem;
	font-weight: 400;
}

.alert-outline .alert-text,
.alert-outline .alert-text a{
	color: var( --main-color );
}

.alert-outline .close .paris-icon{
	fill: var( --main-color );
	color: var( --main-color );
}

/*** 										***/
/*** Info-step								***/
/***  										***/
.info-step{
	display: flex;
	justify-content: center;
	margin-top: 2rem;
	margin-bottom: 2rem;
}

.info-step ol{
	list-style-type: none;
	display: inline-flex;
	justify-content: space-around;
	padding: 0
}

.info-step > ol > li{
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	margin: 0 1vw;
	padding: 0 1vw;
	max-width: 30rem;
}

.info-step li .idx, .info-step li figure{
	border-radius: 50%;
	background-color: var( --main-color );
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	width: 11.7rem;
	height: 11.7rem; 
}

.info-step li::after {
	content: '';
	position: absolute;
	width: 100%;
	top: 6rem;
	left: -14rem;
	z-index: -1;
	border-top: 1px dotted var( --gray-dark-color );
}

.info-step li:first-child::after {
	border: 0;
}

.info-step .list-idx li .idx::before,
.info-step .list-idx li figure::before {
	content: attr(data-idx);
	position: absolute;
	top: 0;
	left: 0;
	width: 3rem;
	height: 3rem;
	border-radius: 50%;
	background-color: var( --alt-warning-light-color );
	color: var( --main-color );
	font-family: "Montserrat", sans-serif;
	font-weight: 500;
	font-size: 1.6rem;
	text-align: center;
	vertical-align: bottom;
	padding-top: .5rem;
}

.info-step li .idx span{
	font-family: "Montserrat", sans-serif;
	font-weight: 600;
	font-size: 4rem;
	text-align: center;
	color: var( --white-color )
}

.info-step li p {
	text-align: center;
	padding: 0;
}

.btn-infostep-more{
	opacity: .8;
}

.btn-infostep-more:hover{
	opacity: 1;
}

/*** 										***/
/*** Pagination								***/
/***  										***/

.page-item{
	display: flex;
	align-items: center;
	margin-left: 18px;
}

.page-item .page-link{
	font-family: "Montserrat", sans-serif;
	font-weight: 300;
	font-size: 1.2rem;
	color: var( --main-color );
	background-color: transparent;
	border-radius:50% !important;
	border: 0;
	text-decoration: none;
	line-height: normal;
	padding: 1rem 1.3rem;
}

.page-link:hover, .page-link:focus, .page-link:active {
	box-shadow: none;
	background-color: rgba(7, 31, 50, 0.1);
}

.page-item .page-link svg{
	fill:var( --main-color );
	stroke:var( --main-color );
	stroke-width:2px;
	width: 9.638px;
	height: 15.153px;
}

.page-item.disabled .page-link{
	background-color: transparent;
}

.page-item.disabled .page-link svg{
	fill:var( --gray-dark-color );
	stroke:var( --gray-dark-color );
}

.page-item.active .page-link {
	color: var( --white-color );
	background-color: var( --main-color );
	padding: 0.75rem 1.3rem;
	width: 30px;
	height: 30px;
}

/*** 										***/
/*** Carousel								***/
/***  										***/
.carousel-themed{
	margin-top: 2rem;
	margin-bottom: 2rem;
}

.carousel-themed .carousel-indicators, .carousel-themed .carousel-caption{
	bottom: -80px
}

.carousel-themed .carousel-indicators li{
	text-indent: initial;
}

.carousel-themed .carousel-inner{
	padding: 5rem 10rem;
}

.carousel-themed .carousel-bg-control{
	background-color: var( --gray-light-color );
	width: 6rem;
	height: 6rem;
	border-radius: 50%;
	display: flex;
	align-items: center;
	opacity: 1
}

.carousel-themed .carousel-bg-control:hover{
	background-color: var( --main-danger-color );
}

.carousel-themed .carousel-bg-control .carousel-control-prev-icon,
.carousel-themed .carousel-bg-control .carousel-control-next-icon{
	flex: 1;
}

.carousel-themed .carousel-bg-control .carousel-control-prev-icon{
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23071F32' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e")
}

.carousel-themed .carousel-bg-control:hover .carousel-control-prev-icon{
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e")
}

.carousel-themed .carousel-bg-control .carousel-control-next-icon{
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23071F32' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e")
}

.carousel-themed .carousel-bg-control:hover .carousel-control-next-icon{
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e")
}

/*** 										***/
/*** Nav Tabs 								***/
/***  										***/
.nav-tabs{
	border-bottom: 0;
}

.nav-border{
	border-bottom: 1px solid var( --gray-dark-color );
}

.nav-tabs .nav-item{
	padding: 20px 20px 1px 20px;
}

.nav-tabs .nav-item .nav-link{
	font-family: "Montserrat", sans-serif;
	font-weight: 900;
	color: var( --main-color );
	border: none;
	border-radius: none;
	font-size: 1.6rem;
}

.nav-tabs .nav-item .nav-link:hover{
	color: rgba(7, 31, 50, 0.8);
}

.nav-tabs .nav-item .nav-link:focus{
	box-shadow: none;
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
	border-bottom: 5px solid var( --main-info-color );
	padding-bottom: 1.8rem;
	background-color: transparent;
}

.nav-tabs.background .nav-item .nav-link{
	color: var( --white-color );
}

.nav-tabs.background .nav-item .nav-link svg{
	vertical-align: top;
}

.nav-tabs.bordered{
	border-bottom: 1px solid var( --gray-light-color  );
}

.tab-pane{
	padding: 2rem;
}

/*** 										***/
/*** Portlets								***/
/***  										***/
/** Portlet Article 	**/
.portlet header h1{
	margin-top: 3rem;
}

.portlet header h1{
	margin-top: 3rem;
	margin-bottom: 2rem
}

.portlet header h2{
	margin: 1.5rem auto;
}

.article-content p {
	padding-right: 3rem;
	padding-left: 0;
	/* word-break: break-all; */
}

.portlet .article-content .container{
	padding-left: 3rem;
	padding-right: 3rem;
}

.portlet .article-content hr{
	border-top: 5px solid var( --white-light-color );
	margin-top: 2rem;
}

.portlet .article-content li{
	padding: 0.5rem 2rem;
}


/*** 										***/
/*** Bordered Frame							***/
/***  										***/
.content-frame{
	border: 5px solid var(--main-danger-color);
	padding: 2rem 4rem 4rem 8rem;
	position: relative;
}

.content-frame h2 {
    font-size: 2rem;
    position: absolute;
    text-align: center;
    max-width: 17rem;
    left: -9rem;
    top: 30%;
    color: var(--main-danger-color);
    background-color: var( --white-color );
    padding: 2rem 0;
}

/*** 										***/
/*** Custom List							***/
/***  										***/
.list-arrows > li{
	list-style-image: url(../images/keyboard-right-arrow.svg);
}


/*** 										***/
/*** Custom Links							***/
/***  										***/
/** Arrow ending link list	**/
.custom-list{
	list-style-type: none;
	margin: 0;
	padding: 40px 0;
	padding: 4rem 0;
}

.custom-list li{
	position: relative;
	height: 60px;
	padding-top: 18px;
	border-top: 1px solid var( --white-light-color );
}

.custom-list li a {
	font-family: 'Montserrat', sans-serif;
	font-weight: 500;
	font-size: 1.5rem;
	color: var( --main-color );
	text-decoration: none;
	width: 100%;
	height: 100%;
	display: inline-block;
	z-index: 99;
	position: relative;
	padding-right: 3.5rem;
}

.custom-list.list-default li::after {
	content: url(data:image/svg+xml,%0A%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2213.459%22%20height%3D%2213.512%22%20viewBox%3D%220%200%2013.459%2013.512%22%3E%3Cpath%20d%3D%22M20.635%2C13%2C17.569%2C9.933l1.414-1.414%2C5.476%2C5.476-5.476%2C5.476-1.414-1.414L20.625%2C15H13v7.031H11V13Z%22%20transform%3D%22translate%28-11%20-8.519%29%22%2F%3E%3C%2Fsvg%3E);
	padding: 12px 15px;
	position: absolute;
	top: 1rem;
	height: 42px;
	width: 42px;
	background-color: var( --white-light-color );
	border-radius: 50%;
	right: 0;
}

.custom-list.list-default li:hover::after {
	content: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2213.459%22%20height%3D%2213.512%22%20viewBox%3D%220%200%2013.459%2013.512%22%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill%3A%23FFF%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20class%3D%22a%22%20d%3D%22M20.635%2C13%2C17.569%2C9.933l1.414-1.414%2C5.476%2C5.476-5.476%2C5.476-1.414-1.414L20.625%2C15H13v7.031H11V13Z%22%20transform%3D%22translate%28-11%20-8.519%29%22%20%2F%3E%3C%2Fsvg%3E);
	background-color: var( --main-danger-color );
}

/* Default list arobase item icon */
.custom-list.list-default li.arobase::after {
	content: url(data:image/svg+xml,%3Csvg%20width%3D%2214%22%20height%3D%2215%22%20viewBox%3D%220%200%2020%2020%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%3Cpath%20d%3D%22M-2-2h24v24H-2z%22%2F%3E%0A%20%20%20%20%3Cpath%20d%3D%22M10.72.03A9.991%209.991%200%2000.03%2010.72C.39%2016.01%205.01%2020%2010.31%2020H14c.55%200%201-.45%201-1s-.45-1-1-1h-3.67c-3.73%200-7.15-2.42-8.08-6.03C.76%206.17%206.16.76%2011.96%202.26%2015.58%203.18%2018%206.6%2018%2010.33v1.1c0%20.79-.71%201.57-1.5%201.57s-1.5-.78-1.5-1.57v-1.25c0-2.51-1.78-4.77-4.26-5.12a5.008%205.008%200%2000-5.66%205.87%204.996%204.996%200%20003.72%203.94c1.84.43%203.59-.16%204.74-1.33.89%201.22%202.67%201.86%204.3%201.21%201.34-.53%202.16-1.9%202.16-3.34v-1.09C20%205.01%2016.01.39%2010.72.03zM10%2013c-1.66%200-3-1.34-3-3s1.34-3%203-3%203%201.34%203%203-1.34%203-3%203z%22%20fill%3D%22%23071f32%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E);
	padding-top: 14px;
}

.custom-list.list-default li.arobase:hover::after {
	content: url(data:image/svg+xml,%3Csvg%20width%3D%2214%22%20height%3D%2215%22%20viewBox%3D%220%200%2020%2020%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%3Cpath%20d%3D%22M-2-2h24v24H-2z%22%2F%3E%0A%20%20%20%20%3Cpath%20d%3D%22M10.72.03A9.991%209.991%200%2000.03%2010.72C.39%2016.01%205.01%2020%2010.31%2020H14c.55%200%201-.45%201-1s-.45-1-1-1h-3.67c-3.73%200-7.15-2.42-8.08-6.03C.76%206.17%206.16.76%2011.96%202.26%2015.58%203.18%2018%206.6%2018%2010.33v1.1c0%20.79-.71%201.57-1.5%201.57s-1.5-.78-1.5-1.57v-1.25c0-2.51-1.78-4.77-4.26-5.12a5.008%205.008%200%2000-5.66%205.87%204.996%204.996%200%20003.72%203.94c1.84.43%203.59-.16%204.74-1.33.89%201.22%202.67%201.86%204.3%201.21%201.34-.53%202.16-1.9%202.16-3.34v-1.09C20%205.01%2016.01.39%2010.72.03zM10%2013c-1.66%200-3-1.34-3-3s1.34-3%203-3%203%201.34%203%203-1.34%203-3%203z%22%20fill%3D%22%23ffffff%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E);
}

/* Default list screen item icon */
.custom-list.list-default li.screen::after {
	content: url(data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M11%2017H4a3%203%200%2001-3-3V6a3%203%200%20013-3h16a3%203%200%20013%203v8a3%203%200%2001-3%203h-7v2h3a1%201%200%20110%202H8a1%201%200%20110-2h3v-2zM4%205h16a1%201%200%20011%201v8a1%201%200%2001-1%201H4a1%201%200%2001-1-1V6a1%201%200%20011-1z%22%20fill%3D%22%23071f32%22%2F%3E%0A%3C%2Fsvg%3E%0A);
	padding: 10px 10px;
}

.custom-list.list-default li.screen:hover::after {
	content: url(data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M11%2017H4a3%203%200%2001-3-3V6a3%203%200%20013-3h16a3%203%200%20013%203v8a3%203%200%2001-3%203h-7v2h3a1%201%200%20110%202H8a1%201%200%20110-2h3v-2zM4%205h16a1%201%200%20011%201v8a1%201%200%2001-1%201H4a1%201%200%2001-1-1V6a1%201%200%20011-1z%22%20fill%3D%22%23ffffff%22%2F%3E%0A%3C%2Fsvg%3E%0A);
}

/* List Files */
.custom-list.list-files li::after {
	content: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%3E%0A%3Cpath%20d%3D%22M17.004%2017.662l3.067-3.067%201.414%201.415-5.475%205.475-5.476-5.475%201.414-1.415%203.056%203.057V8.027h2v9.635zM11%2023h10v2H11v-2z%22%20%2F%3E%3C%2Fsvg%3E);
	position: absolute;
	top: 1rem;
	height: 32px;
	width: 32px;
	background-color: var( --gray-color );
	border-radius: 50%;
	right: 0;
}

.custom-list.list-files li:hover::after {
	content: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill%3A%23fff%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20class%3D%22a%22%20d%3D%22M17.004%2017.662l3.067-3.067%201.414%201.415-5.475%205.475-5.476-5.475%201.414-1.415%203.056%203.057V8.027h2v9.635zM11%2023h10v2H11v-2z%22%20%2F%3E%3C%2Fsvg%3E);
	background-color: var( --main-danger-color );
}

.custom-list.list-files li a .files-info {
	padding-right: 5rem;
}

.custom-list.list-files li a .files-info span{
	background: url(../images/files-xs.png ) no-repeat;
	height: 25px;
	display: inline-block;
	text-transform: uppercase;
	font-size:1.1rem;
	padding-top: 2px;
	padding-top: 0.2rem;
}

/* Chevron List */
.custom-list.list-more li{
	padding-left: 32px;
	border: none;
}

.custom-list.list-more li a:hover{
	text-decoration: underline;
}

.custom-list.list-more li::before{
	content: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20class%3D%22nc-icon-wrapper%22%20fill%3D%22%23071f32%22%3E%3Cpath%20d%3D%22M10.061%2019.061L17.121%2012l-7.06-7.061-2.122%202.122L12.879%2012l-4.94%204.939z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E);
	position: absolute;
	top: 1.2rem;
	height: 32px;
	width: 32px;
	left: 0;
}

.custom-list.list-more li.more{
	margin: 0;
	padding: 10px
}

.custom-list.list-more li.more::before{
	content: '';
}

.custom-list.list-more li.more a{
	color: var( --main-danger-color );
	font-size: 1.5rem;
}

.custom-list.list-more li.more a .fas{
	padding-right: 5px;
	font-size: 2rem
}

/* List with number */
.custom-list.list-default li.item-number::before {
    content: attr(data-number) !important;
    padding: 12px 15px;
    position: absolute;
    top: 1rem;
    height: 42px;
    background-color: var( --white-light-color );
    border-radius: 15px;
    right: 60px;
	z-index: 2
}

.custom-list.list-default li.item-number:hover::before {
	background-color: var( --main-danger-color );
	color: var( --white-color );
}


/*** 										***/
/*** Modal									***/
/***  										***/
.cmodal .modal-header{
	padding-left: 0;
	padding-bottom: 2rem;
}

.cmodal .modal-header .close{
	position: absolute;
	top: 3rem;
	right: 3rem;
	opacity: 1;
}

.cmodal .modal-header .close .paris-icon{
	fill: var( --black-color );
}

.cmodal .modal-content{
	padding: 6rem;
}

.cmodal .modal-body{
	padding: 0;
	padding-top: 3rem;
	font-family: "Montserrat", sans-serif;
	font-weight: 400;
	font-size: 1.5rem;
}

.cmodal .modal-footer{
	border: 0;
	padding: 0;
	padding-top: 3rem;
}

/*** 										***/
/*** Table									***/
/***  										***/
.ctable {
	color: var( --main-color );
	border-collapse: separate;
	border-spacing: 0;
}

.ctable thead th{
	border: 0;
	font-size: 1.2rem;
	font-weight: 700;
	text-transform: uppercase;
	padding: 20px;
}

.ctable tbody{
	background-color: var( --white-light-color );
}

.ctable tbody td{
	color: var( --main-color );
	font-size: 1.1rem;
	font-weight: 300;
	padding: 20px;
	border: 0;
	border-right: 1px solid var( --gray-color );
	border-bottom: 1px solid var( --white-color );
	position: relative;
	vertical-align: middle;
}

.ctable tbody td:last-child{
	border-right: 0;
}

.ctable tr:nth-child(2n+1) td:first-of-type::before {
	content: '';
	background-color: var( --main-info-color );
	width: 6px;
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
}

.ctable tr:nth-child(even) td:first-of-type:before{
	content: '';
	background-color:  var( --main-color );
	width: 6px;
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
}

.ctable td.button{
	background-color: var( --main-info-color );
	border: 0;
	border-bottom: 1px solid var( --white-color );
	font-family: "Montserrat", sans-serif;
	font-weight: 500;
	color: var( --white-color )
}

.ctable td.button:hover{
	cursor: pointer;
}

.ctable td.button .paris-icon{
	fill:var( --white-color );
	stroke:var( --white-color );
	stroke-width: 0.5px;
	width: 20px;
	width: 2rem;
	height: 20px;
	height: 2rem;
}

/*** 										***/
/*** Pages									***/
/***  										***/
.page-bordered{
	border-top: 2px solid var( --gray-thin-color  );
	min-height: 85vh;
}

/*** 										***/
/*** Forms									***/
/***  										***/
input:required:invalid {
	border: 1px solid var( --main-danger-color );
}

/* BS4 - Override								 */
.form-control, .form-control::placeholder,
.form-group .form-text,
.form-row .form-text, .custom-select{
	font-family: 'Montserrat', sans-serif;
}

.form-group{
	padding: 0.8rem 0
}

.form-group label, .form-row label, .form-group .form-text, .form-group legend {
	font-family: "Montserrat", sans-serif;
	font-weight: 600;
	font-size: 1.4rem;
}

.form-group label > abbr, .form-row label > abbr{
	text-decoration: none;
}

.form-group .form-text, .form-row .form-text{
	font-size: 1.3rem;
	margin-top: 0.8rem;
	font-family: 'Montserrat', sans-serif;
	font-weight: 400;
	color: var( --gray-medium-color )
}

.form-control {
	height: 4.8rem;
	font-size: 1.3rem;
	line-height: 2.5rem;;
	background-color : var( --white-color );
	background-color: var( --white-color );
	border: 1px solid var( --gray-color );
	border-radius: 0;
	color: var( --main-color )
}

.form-control::placeholder {
	color: var( --gray-darker-color  );
	font-style: italic;
}

.custom-select:focus, .form-control:focus {
	box-shadow: none;
	border-color: var( --main-info-color );
	border-Width: 2px ;
}

/*** 										***/
/*** Custom Select							***/
/***  										***/
.custom-select {
	background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='5 -6 32 45'%3e%3cpath fill='%23354BCF' d='M16 16.172l4.586-4.586 2.828 2.828L16 21.828l-7.414-7.414 2.828-2.828z'/%3e%3c/svg%3e") no-repeat right center;
}

.custom-select:disabled {
  color: var(--dark-lightered-color  );
}

.custom-select:hover, .custom-select > option:hover  {
  cursor: pointer;
}

.custom-select option,
.custom-select optgroup {
  padding: 2rem 0;
}

.custom-select optgroup, .custom-select > option:hover, .custom-select > option:active, .custom-select > option:focus, .custom-select > option:focus-within, .custom-select > option:checked {
  background-color: var( --white-light-color );
}

.custom-select label{
	background: transparent
}

/*** 										***/
/*** Input Groups							***/
/***  										***/
.input-group > .form-control-alternate {
	padding-top: 5px;
	padding-bottom: 5px;
}

.input-group-append .input-group-text {
	color: var( --main-color );
	background-color: var( --white-color );
	border: 1px solid var( --gray-color );
	border: 0;
	border-radius: 0;
	position: absolute;
	right: 0.5rem;
	top: 1rem;
	z-index: 90;
	font-size: 1.6rem;
	font-family: "Montserrat", sans-serif;
	font-weight: 500;
}

.input-group-append .paris-icon{
	position: relative;
	fill: var( --main-color );
	z-index: 99;
	width: 2rem;
	height: 2.2rem;
}

.input-group-append .paris-icon.paris-icon-eye{
	padding-top: 0.5rem;
}

.input-group-append .paris-icon.paris-icon-calendar{
	padding: 0;
}

.input-group-append .paris-icon:hover{
	cursor: pointer
}

.custom-control-input ~ .custom-control-label::before {
	border-color: var( --main-color );
	background-color: transparent;
	color : var( --white-color );
	color: var( --white-color );
	font-size: 1.5rem;
}

.custom-control-input:checked ~ .custom-control-label::before {
	border-color: var( --main-info-color );
	background-color: var( --main-info-color );
}

.custom-control-input:hover ~ .custom-control-label::before {
	border-color: var( --dark-color );
	border-width: 2px;
}

.custom-control-input:not(:disabled):active ~ .custom-control-label::before {
	color : var( --white-color );
	color: var( --white-color );
	background-color: var( --main-color );
	border-color: var( --main-color );
}

.custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
	border-color: var( --main-color );
}

.custom-control-input:focus ~ .custom-control-label::before {
	box-shadow: none;
}

/*** 													***/
/*** Radio Button + Checkbox	***/
/***  												***/
.custom-checkbox:first-of-type:not( .custom-control-inline ), .custom-radio:first-of-type:not( .custom-control-inline ){
	padding-top: 2rem ;
}

.custom-checkbox:not( .custom-control-inline ), .custom-radio:not( .custom-control-inline ){
	padding-top: .75rem ;
	padding-bottom: .75rem ;
}

.custom-checkbox .custom-control-input ~ .custom-control-label,
.custom-radio .custom-control-input ~ .custom-control-label,
.custom-checkbox .custom-control-input ~ .custom-control-label > a{
	font-family: "Montserrat Medium", sans-serif;
	font-weight: 400;
	font-size: 1.6rem;
}

.custom-checkbox:focus-within, .custom-radio:focus-within{
	color: var( --main-info-color );
}

.custom-checkbox .custom-control-input ~ .custom-control-label:hover,
.custom-radio .custom-control-input ~ .custom-control-label:hover{
	color: var( --main-info-color );
	cursor: pointer;
}

.custom-checkbox .custom-control-input:checked ~ .custom-control-label,
.custom-radio .custom-control-input:checked ~ .custom-control-label{
	color: var( --main-info-color );
}

.custom-radio, .custom-checkbox {
	min-height: 1.6rem;
	touch-action: manipulation;
}

.custom-checkbox .custom-control-label, .custom-radio .custom-control-label {
	padding-left: 0.5rem;
	padding-top: 0.25rem;
}

.custom-checkbox .custom-control-input ~ .custom-control-label::before {
 	border-radius: 0;
}

.custom-control-label::before, .custom-control-label::after {
	width: 16px;
	height: 16px;
}

.custom-file.fileinput-button .custom-file-label::after {
	color: var( --white-color );
	background-color: var( --main-danger-color );
	border-color: var( --main-danger-color );
}

/*** custom-file error  				  **/
.custom-file ~ .progress ~ .invalid-feedback{
	display: block;
}

/*** 										***/
/*** File Input								***/
/***  										***/
.file-input{
	margin-top: 1rem;
	width: 100%;
	height: 100%;
	padding: 2rem;
	/* background-color: #f3f5fc; */
	background-color: var( --gray-lighter-color );
	border: 2px dashed var( --main-info-color );
	border-radius: 1rem;
	text-align: center;
}

.formsAsynchronousUploadHandler{
	width: 100%;
	height: 100%;
}

.file-input.fileinput-button .btn {
	font-size: 1.6rem;
	font-weight: 600;
	padding: 0 0 0.3rem;
}

.file-input.fileinput-button p{
	font-size: 1.6rem;
	font-weight: 500;
}

.file-input .paris-icon-upload {
	background-color: var( --main-info-color );
	border-radius: 50%;
	width: 52px;
	width: 5.2rem;
	height: 52px;
	height: 5.2rem;
	padding-left: 4px;
	padding-top: 3px;
}

/* One file max skin	*/
.group-files.one-file {
	display: flex;
	justify-content: space-between;
}

.group-files.one-file .file-input{
	flex-basis: 50%;
	flex-shrink: 0;
}

/* Two columns 			*/
.group-files .files-item{
	flex-basis: 100%;
}

.group-files .file-input.fileinput-button{
	margin-right: 20px;
	margin-right: 2rem;
}

/* Uploaded files */
.files-group{
	display: flex;
	flex-wrap: wrap;
	padding-left: 0
}

.files-item{
	flex-basis:50%;
	position: relative;
}

.files-item input[type="checkbox"]{
	position: absolute;
	left: -9999999px
}

.files-item input[type="checkbox"]:checked + .files-item-link{
	font-weight: bold;
}

.files-item-label{
	border-bottom: 1px solid var( --gray-light-color );
	margin-bottom: 12px;
	margin-bottom: 1.2rem
}

.files-item-link {
	padding: 1rem;
	text-transform: lowercase;
	background: url(../images/files.png ) no-repeat;
	text-overflow: clip;
	display: inline-block;
	width: 300px;
	width: 30rem;
}

.files-item-link::before {
	content: attr(data-type);
	color: var( --black-color );
	font-family: 'Montserrat', Arial, sans-serif;
	font-size: 1.4rem;
	font-weight: 700;
	text-transform: uppercase;
	position: absolute;
	top: 12px;
	top: 1.2rem;
	left: 2px;
	left: 0.2rem;
	width: 32px;
	width: 3.2rem;
	white-space: nowrap;
	overflow: hidden;
}

.files-item-link span {
	padding-left: 5rem;
	text-overflow: clip;
	display: inline-block;
	position: relative;
	top: -10px;
	top: -1rem;
}

.files-item-label small {
	padding-left: 60px;
	padding-left: 6rem;
	color: var( --dark-light-color );
	position: relative;
	top: -20px;
	top: -2rem;
	font-weight: 500;
	font-size: 1.1rem;
}

/*** Check no input 						***/
.form-check-noinput{
	position: absolute;
	left: -99999px;
}

.file-input input[type="file"]{
	padding: 0;
}

/*** 										***/
/*** Switch									***/
/***  										***/
.switch {
  font-size: 1rem;
  position: relative;
}

.switch input {
  position: absolute;
  height: 1px;
  width: 1px;
  background: none;
  border: 0;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  overflow: hidden;
  padding: 0;
}

.switch input + label {
  position: relative;
  min-width: calc(calc(2.375rem * .8) * 2);
  border-radius: calc(2.375rem * .8);
  height: calc(2.375rem * .8);
  line-height: calc(2.375rem * .8);
  display: inline-block;
  cursor: pointer;
  outline: none;
  user-select: none;
  vertical-align: middle;
  text-indent: calc(calc(calc(2.375rem * .8) * 2) + .5rem);
}

.switch input + label::before,
.switch input + label::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: calc(calc(2.375rem * .8) * 2);
  bottom: 0;
  display: block;
}

.switch input + label::before {
  right: 0;
  background-color: var( --main-color );
  border-radius: calc(2.375rem * .8);
  transition: 0.2s all;
}

.switch input + label::after {
  top: 2px;
  left: 2px;
  width: calc(calc(2.375rem * .8) - calc(2px * 2));
  height: calc(calc(2.375rem * .8) - calc(2px * 2));
  border-radius: 50%;
  background-color: var( --white-color );
  transition: 0.2s all;
}

.switch input:checked + label::before {
  background-color: var( --main-success-color );
}
.switch input:checked + label::after {
  margin-left: calc(2.375rem * .8);
}

.switch input:focus + label::before {
  outline: none;
  box-shadow: 0 0 0 0.2rem var( --switch-color-shadow );
}

.switch input:disabled + label {
  color: var( --gray-darker-color);
  cursor: not-allowed;
}
.switch input:disabled + label::before {
  background-color: var( --gray-lighter-color );
}

.switch.switch-sm {
  font-size: 0.875rem;
}

.switch.switch-sm input + label {
  min-width: calc(calc(1.9375rem * .8) * 2);
  height: calc(1.9375rem * .8);
  line-height: calc(1.9375rem * .8);
  text-indent: calc(calc(calc(1.9375rem * .8) * 2) + .5rem);
}

.switch.switch-sm input + label::before {
  width: calc(calc(1.9375rem * .8) * 2);
}
.switch.switch-sm input + label::after {
  width: calc(calc(1.9375rem * .8) - calc(2px * 2));
  height: calc(calc(1.9375rem * .8) - calc(2px * 2));
}

.switch.switch-sm input:checked + label::after {
  margin-left: calc(1.9375rem * .8);
}
.switch.switch-lg {
  font-size: 1.25rem;
}

.switch.switch-lg input + label {
  min-width: calc(calc(3rem * .8) * 2);
  height: calc(3rem * .8);
  line-height: calc(3rem * .8);
  text-indent: calc(calc(calc(3rem * .8) * 2) + .5rem);
}

.switch.switch-lg input + label::before {
  width: calc(calc(3rem * .8) * 2);
}
.switch.switch-lg input + label::after {
  width: calc(calc(3rem * .8) - calc(2px * 2));
  height: calc(calc(3rem * .8) - calc(2px * 2));
}

.switch.switch-lg input:checked + label::after {
  margin-left: calc(3rem * .8);
}

.switch + .switch {
  margin-left: 1rem;
}

/*** 			***/
/*** Open Street Map Geolocation			***/
/***  			***/
.col-osm{
	height: 300px;
}

.openstreetmap-readonly .col-osm{
	height: 150px;
	margin-top: 15px
}

.col.col-osm.osm-map{
	margin-left: 5px;
}

.col.col-osm.list-group{
	overflow: auto;
}

.col.col-osm.list-group:empty{
	width: 0;
	flex-basis: 100%;
	height: 0;
}

.col.col-osm.list-group .list-group-item:hover{
	cursor: pointer;
	background-color: var( --white-strong-color );
}

.col.col-osm.list-group .list-group-item.active{
	background-color: var( --main-info-color);
	border-color: var( --main-info-color);
}

.btn-osm{
	position: absolute;
	top: 30px;
	right: 30px;
}

.openstreetmap{
	position: relative;
}

.openstreetmap::after{
	content: url( data:image/svg+xml,%3Csvg%20class%3D%22bi%20bi-search%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22currentColor%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M10.442%2010.442a1%201%200%20011.415%200l3.85%203.85a1%201%200%2001-1.414%201.415l-3.85-3.85a1%201%200%20010-1.415z%22%20clip-rule%3D%22evenodd%22%2F%3E%0A%20%20%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M6.5%2012a5.5%205.5%200%20100-11%205.5%205.5%200%20000%2011zM13%206.5a6.5%206.5%200%2011-13%200%206.5%206.5%200%200113%200z%22%20clip-rule%3D%22evenodd%22%2F%3E%0A%3C%2Fsvg%3E);
	position: absolute;
	top: 45px;
	left: 10px;
}

.openstreetmap .form-geoloc{
	width: 87.5%;
	padding-left: 30px;
	background: transparent !important;
}

/*** 										***/
/*** Bootstrap DatePicker					***/
/***  										***/
.bootstrap-datetimepicker-widget.dropdown-menu {
	width: auto !important;
}

/*** 										***/
/*** Forms Validation Screen				***/
/***  										***/
.form-submited{
	margin: 3rem 15%;
}

/*  Summary of a submission 					 */
#summary_validate .card > .card-heading{
	position: relative;
}

#summary_validate .card > .card-heading  > .card-title{
	margin-left: 30px;
	position: relative;
}

#summary_validate .card > .card-heading  > .card-title:before{
	content: "\f00c";
	font-family: 'FontAwesome', 'Font Awesome 5 Free', 'Font Awesome 5 Brands';
	position: absolute;
	top: 0;
	left: -4rem;
	border-radius: 50%;
	padding: 1rem;
 	background-color: var( --card-title-icon );
	border-color: var( --card-title-icon );
	color: var( --white-color );
	font-size: 1.3rem;
	font-weight: normal;
}

#summary_validate .summary_actions {
	position: sticky;
	top: 2rem;
	bottom: 0;
	background-color: var( --white-color );
	padding: 1rem 0;
}

#summary_validate .summary_actions.actions_shadow {
	box-shadow: 0px -5px 5px 0px var( --card-color-shadow );
}

.summary_steps h2{
	font-size: 2rem;
	line-height: 2.62rem;
}

/*** 										***/
/*** Forms Steps							***/
/***  										***/
/* 		Steps Commons	 					*/
.step-title{
	border-bottom: 2px solid var( --gray-light-color );
 	height: 9rem;
	display: flex;
	align-items: center;
}

/* 		Step-group 									*/
.step-title h1, .step-group h1{
	font-size: 3.2rem;
}

.step-group h1{
	margin-bottom: 0.8rem;
}

.step-title h1{
	color: var( --main-color );
	display: flex;
	align-items: center;
}

/* 		Step Title Icon / Number				 */
.step-title h1:before{
	border: 4px solid var( --main-color );
	border-radius: 100%;
	margin-top: 0.5rem;
	margin-right: 2rem;
	padding-top: 0.1rem;
	height: 5rem;
	width: 5rem;
	background: none;
	text-align: center;
	line-height: 4rem;
	content: attr(data-step);
	font-family: 'Montserrat', sans-serif;
	font-weight: 900;
	font-size: 2.7rem;
}

.step-content{
	position: relative;
	padding: 25px 100px;
	padding: 2.5rem 10rem;
}

/* Previous Steps  									*/
.step-done{
	padding-bottom: 2rem;
	border-bottom: 1px solid var( --gray-light-color );
}

.step-done .step-title{
	border-bottom: 0;
}

.step-done .step-title h1::before{
	content: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3e%3cpath fill='%23FFF' d='M 11.516602,1.7578123 5.0205081,8.2539061 2.5107424,5.6718748 0.50293,7.6230467 4.9931643,12.242188 13.49707,3.7382811 Z'/%3e%3c/svg%3e");
	background: var( --main-color );
	padding: 5px;
	padding: 0.5rem;
}

.step-done .step-content{
	padding: 0 0 0 12rem;
}

.step-done strong{
	font-family: 'Montserrat', sans-serif;
	font-weight: 500;
	line-height: 15px;
	line-height: 1.5rem;
}

.step-done .step-done-hide{
	display: none;
}

/** 		Current Step 								**/
.step-current{
	background-color: var( --white-strong-color );
	border-bottom: 2px solid var( --gray-light-color );
}

.step-current .step-title{
	background-color: var( --main-color );
	margin-bottom: 3rem;
}

.step-current .step-title h1{
	color: var( --white-color );
	position: relative;
}

.step-current .step-title h1::before{
	color: var( --white-color );
	border-color: var( --white-color );
}

.step-current .step-title h1.no-step::before{
	border-color: transparent;
}

/* Arrow 											*/
.step-current .step-title h1::after {
	content: '';
	width: 0;
	height: 0;
	position: absolute;
	border-top: 2.3rem solid var( --main-color );
	border-bottom: 1.1rem solid transparent;
	border-left: 5rem solid transparent;
	border-right: 5rem solid transparent;
	left: 50%;
	bottom: -5.2rem;
	margin-left: -5rem;
}

/* 	Current Step Group								*/
.step-current .step-content{
	padding: 0 0 0 10rem;
}

.step-current .step-content .step-group{
	display: flex;
	flex-direction: column;
	background-color : var( --white-color );
	background-color:var( --white-color );
	border-radius: 0;
	margin: 20px 0 24px 0;
	margin: 2rem 0 2.4rem 0;
	padding: 40px 50px 15px 50px;
	padding: 4rem 5rem 1.5rem 5rem;
}

.step-current .step-content .step-group header{
	border-bottom: 0.6rem solid var( --white-strong-color );
	padding-bottom: 1.3rem;
	padding-left: 0;
	margin-bottom: 1rem;
}

.step-current .step-content .step-group header h1{
	align-self: flex-end;
	margin-bottom: 3.5px;
}

.step-current .step-content .mandatory-warning{
	padding: 0 0 3rem 0;
}

.step-current .step-content .step-group.form-row>.col, 
.step-current .step-content .step-group.form-row>[class*=col-] {
    padding-left: 0;
}

/* Ensure group iteration can be scrolled to the top of the screen */
a[name^="last_"]:before {
	content: "\00a0";
  	position: absolute;
  	height: 100vh;
  	margin-top: -6em;
}

/* *****************************************************	*/
/* 															*/
/* RESPONSIVE SIDE OF THE STYLES				 			*/
/* 															*/
/* *****************************************************	*/
/* Extra small devices (portrait phones, less than 576px) 	*/
@media (max-width: 575.98px) {
	/* BS items override */
	h1{
		font-size: 2rem;
	}

	figure {
		margin-bottom: 0;
	}

	header > h2{
		margin-left: 0;
	}	

	/* Buttons 			*/
	.btn-link{
		font-size: 0.8rem;
	}

	/* Form 			*/
	.form-control::placeholder {
		font-size: 1rem;
	}

	.form-row .form-group{
		width: 100%;
	}

	/* Responsive table */
	.table {
		width: 100%;
  		border-collapse: collapse;
	}

	.table thead {
    	display: none
	}

 	.table-bordered td {
		display: block;
		border: 0;
	}

	.table-bordered td::before {
    	content: attr(data-label);
		width: 30%;
		padding-left: 15px;
	}

	.table-bordered .sub > td::before {
    	content: '';
		width: auto;
		padding-left: 0;
	}

	/* Pages 				*/
	.input-group > .form-control {
		padding: inherit;
		padding-left: 5px;
	}

	/** End BS			 	**/
	/* 	Banner 				 */
	.main-header + .banner + #main {
		margin-top: 44px;
	}

	footer.social .navbar .nav {
		flex-wrap: wrap !important;
	}
	/* Footer				 */
	footer{
		position: relative;
	}

	footer.social .main-footer{
		margin-top: 0;
	}

	footer .nav {
		flex-wrap: wrap;
		justify-content: center;
		flex-direction: row;
		flex-basis: 100%;
	}

	footer .navbar {
		display: block;
		padding-left: 5rem;
		padding-right: 5rem;
	}

	footer .navbar .navbar-brand, footer .nav .nav-item .nav-link{
		text-align: center;
		margin: 0 auto;
		width: 100%;
	}

	footer .nav-link:hover {
		border-bottom: none;
		padding-bottom: 0.5rem;
		text-decoration: underline
	}

	.nef{
		display: none;
	}

	/* Content 		     */
	/* Accordion  	     */
	.accordion .card.outline .card-header .card-header-prepend {
		width: 8rem;
	}

	.accordion .card.outline, 
	.accordion .card.outline p, 
	.accordion .card.outline small, 
	.accordion .card.outline span, 
	.accordion .card.outline .card-header h5, 
	.accordion .card.outline .card-header, 
	.accordion .card.outline .card-body {
		font-size: 1.3rem;
	}

	.accordion .card.outline .card-header h5{
		text-align: center;
		margin-left: 0;
		line-height: 1.8rem;
	}
	
	.accordion .card.outline .card-header .card-header-prepend + h5 + .btn-accordion,
	.accordion .card.outline .card-header .card-header-prepend + h5 + .card-header-separator {
		display: none;
	}

	.accordion .card.outline .card-footer{
		background-color: var( --main-info-color );
	}
	
	.accordion .card.outline .collapse.show ~ .card-footer .btn .paris-icon {
		transform: rotate(180deg);
	}

	.accordion .card.outline .card-footer .btn{
		padding: 0;
	}

	.accordion .card.outline .card-footer .btn .paris-icon {
		fill: var( --white-color ); 
		margin: 0;
	}

	/* InfoStep               */
	.info-step ol {
		display: block;
	}

	.info-step > ol > li {
		flex-direction: row;
		justify-content: space-between;
		align-items: center;
		margin: 2rem 0;
		max-width: initial;
		font-size: 1rem;
	}

	.info-step li .idx, 
	.info-step li figure{
		max-width: 6.4rem;
		height: 6.4rem;
		flex: 1 0 25%;
	}

	.info-step li::after {
		top: 1.4rem;
		transform: rotate(90deg);
		left: -3.25rem;
		width: 50%;
	}
	
	.info-step li:last-child:after {
		border: 0;
	}

	.info-step li p {
		padding: 0 1rem;
		flex: 2 0 80%;
	}

	.info-step .list-idx li .idx::before, 
	.info-step .list-idx li figure::before {
		top: -.5rem;
		left: -.5rem;
		width: 2.5rem;
		height: 2.5rem;
		padding-top: .25rem;
	}

	.info-step li .idx::before {
		width: 2.3rem;
		height: 2.3rem;
		padding-top: 0.3rem;
	}

	/* Form Steps            */
	.step-group h1 {
		font-size: 2rem;
	}

	.step-title h1::before {
		height: 3.5rem;
		width: 3.5rem;
		line-height: 2.8rem;
		font-size: 1.8rem;
	}

	.step-title h1 span{
		max-width: 80%;
		font-size: 2rem;
	}

	.step-title h2{
		font-size: 1rem;
		margin-left: 0.5rem;
	}

	.step-title h2 span {
		font-size: 1rem;
	}

	.step-title.current h2::after {
		left: 50%;
	}

	.step-content {
		padding: 0 35px;
		padding: 0 5rem;
	}

	.step-current .step-content {
		padding: 0;
	}

	.step-current .step-content .mandatory-warning{
		font-size: 1.5rem;
		font-weight: 300;
	}

	.step-current .step-content .step-group {
		padding: 2rem 1rem;
	}

	.step-done .step-title h1::before{
		padding: 0.25rem 0.5rem;
	}
	
	.step-done .step-content {
		padding: 0;
	}
	/* Files             */
	.files-item {
		flex-basis: 100%;
		margin-left: 2rem
	}

	.files-item-link {
		width: 260px;
		width: 26rem;
	}

	.group-files.one-file{
		display:block
	}

	/* Help card         */
	.card.info .card-header-separator, .card-header-separator + .btn.btn-link{
		display: none;
	}

	.card.info .card-footer {
		padding: 0 1.25rem;
		border-top-color: var( --white-color );
	}

	/* cTable             */
	.ctable, .ctable, .ctable thead, .ctable tbody, .ctable tr, .ctable td {
	  display: block;
	  position: relative;
	}

	.ctable tr::after {
	  clear: both;
	  content: '';
	  display: table;
	}

	.ctable th {
	  display: none;
	}

	/* Collapsible table  */
	.ctable.xs-collapsed td{
	  display: none;
	}

	.ctable.xs-collapsed td:first-child{
		display: block;
	}

	.ctable.xs-collapsed td:first-child:after{
		content: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20d%3D%22M16%2016.172l4.586-4.586%202.828%202.828L16%2021.828l-7.414-7.414%202.828-2.828z%22%2F%3E%3C%2Fsvg%3E);
		position: absolute;
		right: 1rem;
		top: 1rem;
		transform: rotate(0);
		transition: transform 0.15s ease-out;
	}

	.ctable.xs-collapsed td.open:after{
		content: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%3E%0A%20%20%20%20%3Cdefs%3E%3Cstyle%3E.a%7Bfill%3A%23354BCF%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%0A%20%20%20%20%3Cpath%20class%3D%22a%22%20d%3D%22M16%2016.172l4.586-4.586%202.828%202.828L16%2021.828l-7.414-7.414%202.828-2.828z%22%2F%3E%0A%3C%2Fsvg%3E);
		transform: rotate(180deg);
		transition: transform 0.15s ease-in;
	}

	.ctable td:first-child:hover{
		cursor: pointer;
	}

	.ctable tr:nth-child(2n) td:first-child{
		border-top: 4px solid  var( --main-color );
	}
	.ctable tr:nth-child(2n+1) td:first-child{
		border-top: 4px solid var( --main-info-color );
	}

	.ctable td::before {
	  content: attr( data-column-label ) !important;
	  position: relative !important;
	  width: auto  !important;
	  display: inline-block;
	  padding-right: 1rem;
	  font-family: 'Montserrat', sans-serif;
	  font-size: 1.1rem;
	  font-weight: 700;
	}

	.ctable tr:nth-child(2n) td:first-of-type::before, .ctable tr:nth-child(2n+1) td:first-of-type::before {
		background-color: transparent;
	}

	.ctable tr td:first-of-type::before {
		background-color: transparent;
	}

	.ctable td span {
	  display: inline-block;
	}

	.ctable td.button{
		background-color: transparent;
		text-align: center;
	}

	.ctable td.button span{
		background-color: var( --main-info-color );
		padding: 1rem;
	}

	.alert .alert-text{
		font-size: 1.1rem;
	}

	.portlet header h1{
		margin-top: 0;
	}
}

/* Small devices (landscape phones, 576px and 768) */
@media (min-width: 576px) and (max-width: 767.98px) {
	h1 {
		font-size: 2.5rem;
	}

	.form-control::placeholder {
		font-size: 0.8rem;
	}

	.main-header + .banner + #main {
		margin-top: 44px;
	}
	
	footer.social .navbar .nav {
		flex-wrap: wrap;
	}
	
	header > h2{
		margin-left: 0;
	}	

	/* Steps 	           */
	/* Content        	   */
	.info-step .list-idx li div::before, 
	.info-step .list-idx li figure::before {
		top: -.5rem;
		left: -.5rem;
		width: 2.5rem;
		height: 2.5rem;
		padding-top: .25rem;
	}

	.info-step li p {
		padding: 0;
	}

	.info-step li div::before {
		width: 2.3rem;
		height: 2.3rem;
		padding-top: 0.3rem;
	}

	.info-step li::after {
		top: 3rem;
		left: -5rem;
	}

	/* Form Steps          */
	.step-title h1, .step-group h1 {
		font-size: 1.8rem;
	}

	.step-title h2{
		font-size: 1.2rem
	}

	.step-title.current h2::after {
		left: 50%;
	}

	.alert .alert-text{
		font-size: 1.1rem;
	}

	.step-current .step-content {
		padding: 0;
	}

	.accordion .card.outline, 
	.accordion .card.outline p, 
	.accordion .card.outline small, 
	.accordion .card.outline span, 
	.accordion .card.outline .card-header h5, 
	.accordion .card.outline .card-header, 
	.accordion .card.outline .card-body {
		font-size: 1.2rem;
	}

	.accordion .card.outline .card-header h5{
		text-align: center;
		margin-left: 0;
		line-height: 1.6rem;
	}

}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991.98px) {
	/* Main Menu         */
	.main-header .navbar .navbar-brand .logo {
		margin-left: 1rem;
		height: 20px;
	}

	.main-header .navbar .navbar-brand span {
		font-size: 1.2rem;
		padding: 0 1.5rem;
	}

	.main-header .navbar-nav {
		margin: 0.5rem;
	}

	.main-header .navbar-nav .nav-link {
		font-size: 1.1rem;
		padding: 0.85rem 1rem;
	}

	/* Form Steps       */
	.step-title h1, .step-group h1 {
		font-size: 2.5rem;
	}

	.step-help{
		margin-left: 20px;

	}
	.step-help::after {
		left: 15px;
	}

	.step-title h2{
		font-size: 1.35rem
	}

	.alert .alert-text{
		font-size: 1.1rem;
	}

	.accordion .card.outline, 
	.accordion .card.outline p, 
	.accordion .card.outline small, 
	.accordion .card.outline span, 
	.accordion .card.outline .card-header h5, 
	.accordion .card.outline .card-header, 
	.accordion .card.outline .card-body {
		font-size: 1.3rem;
	}

	.accordion .card.outline .card-header h5{
		text-align: center;
		margin-left: 0;
		line-height: 1.8rem;
	}
}

/* Large devices (desktops, 992px and up)    */
 @media (min-width: 992px) and (max-width: 1199.98px) {
	/*  Main Menu     */
	.main-header .navbar .navbar-brand .logo {
		margin-left: 1rem;
		height: 30px;
	}

	.main-header .navbar .navbar-brand span {
		font-size: 1.4rem;
		padding: 0 2rem;
	}

	.main-header .navbar-nav {
		margin: 0.5rem;
	}

	.main-header .navbar-nav .nav-link {
		font-size: 1.4rem;
		padding: 0.85rem 1.5rem;
	}

	/*** 										***/
	/*** Bordered Frame							***/
	/***  										***/
	.content-frame{
		padding: 4rem;
	}

	.content-frame h2{
		width: 80%;
		left: 2.5rem;
		top: -4rem;
		padding: 2rem .5rem;
	}
}

/* Extra large devices (large desktops, 1200px and up) */
@media ( min-width: 1200px ) and ( max-width: 1424.98px ) {
	.main-header .navbar-nav .nav-link {
		padding: 0.85rem 1rem;
	}
}

/* Ipad */
@media only screen and ( min-device-width : 768px ) and ( max-device-width : 1024px ) and ( -webkit-min-device-pixel-ratio: 1 ){
	.btn::after{
		content:"";
		display: none;
		position: relative;
		left:0;
		top:0;
		width:0;
		transition:none;
		z-index:1
	}
}

/* IE10+ specific styles go here */
@media screen and ( -ms-high-contrast: active ), ( -ms-high-contrast: none ) {
	.input-group > .form-control{
		padding-top: 5px;
	}
}

/* FOOTER Specific */
@media ( max-width: 1899.98px ) {
	footer.social .row{
		flex-direction: column;
	}

	footer.social .row .main-footer{
		margin: 0;
	}

	footer.social .main-footer .logo {
		margin-left: 0;
		flex: 1;
	}

	footer.social .navbar {
		padding-left: 0;
		margin-bottom: 20px;
	}

	footer.social .social-links {
		width: auto
	}
}

@media ( max-width: 767.98px ) {
	/* Typo */
	h1 {
	 font-size:3.2rem
	}
	h2 {
	 font-size:2.6rem
	}
	h3 {
	 font-size:2rem
	}
	h4 {
	 font-size:1.8rem
	}
	h5 {
	 font-size:1.6rem
	}

	#main {
	 padding-bottom: 0;
	}
	/* MENU MAIN */
	.main-header .navbar {
		justify-content: space-between;
	}

	.main-header .navbar .navbar-brand {
		justify-content: center;
		width: 80%
	}

	.main-header  .navbar .navbar-brand hr, .main-header  .navbar .navbar-brand span{
		display: none;
	}

	.main-header .navbar .navbar-brand .logo {
		height: 2.9rem;
	}

	.main-header .navbar .navbar-brand .logo.open {
		filter: invert(100%) saturate(0%);
	}

	.main-header .navbar-nav .dropdown-menu,
	.main-header .navbar-nav .nav-link{
		padding: 1.5rem 0;
	}

	.main-header .navbar-nav .dropdown-item,
	.main-header .navbar-nav .dropdown-menu,
	.navbar-light .navbar-toggler {
		border: 0;
		position: static;
	}

	.main-header .navbar-nav {
		-ms-flex-direction: column;
		flex-direction: column;
	}

	.main-header .navbar-nav,
	.main-header .nav-item,
	.main-header .navbar-nav .nav-link:hover,
	.main-header .navbar-nav .nav-link,
	.main-header .dropdown-item,
	.main-header .navbar-nav .dropdown-item:hover,
	.main-header .active > .nav-link,
	.main-header .nav-link.active,
	.main-header .show > .nav-link,
	.main-header .nav-link.show,
	.main-header .navbar-nav .nav-link:focus::before,
	.main-header .navbar-nav .nav-link:hover::before{
		color: var( --white-color ) !important;
		height: auto;
		-webkit-box-align: flex-start;
		-ms-flex-align: flex-start;
		align-items: flex-start;
		justify-content: flex-start;
	}

	.main-header .navbar-nav .nav-item.active .nav-link::before {
		left: -1.5rem;
		top: 10%;
		width: 4px;
		right: 0;
		height: 80%;
	}

	.dropdown-item,
	.main-header .dropdown-item,
	.main-header .navbar-nav .dropdown-item,
	.main-header .navbar-nav .dropdown-item.active,
	.main-header .navbar-nav .dropdown-item:hover,
	.main-header .navbar-nav .dropdown-item span,
	.main-header .navbar-nav .dropdown-item.active span,
	.main-header .navbar-nav .dropdown-item span:hover,
	.main-header .navbar-nav .dropdown.show,
	.main-header .navbar-nav .dropdown.show .nav-link,
	.main-header .navbar-nav.mon-paris .dropdown.show .nav-link,
	.main-header .navbar-nav .dropdown-menu.show {
		background-color: transparent;
		color: var( --white-color );
	}

	.main-header .navbar-nav .nav-item,
	.main-header .navbar-nav .dropdown-item,
	.main-header .navbar-nav.mon-paris .nav-item,
	.main-header .navbar-nav .dropdown.show .nav-link,
	.main-header .navbar-nav.mon-paris .dropdown.show .nav-link,
	.main-header .navbar-nav.mon-paris .dropdown-menu .dropdown-item {
		width: 100%;
		position: relative;
		padding: 1rem 0;
		border-bottom: 2px solid var( --dropdown-menu-color  );
		text-align: left;
		display: inline-table
	}

	.main-header .navbar-nav{
		padding: 0 1.7rem;
		margin-bottom: 0;
		margin-top: 4rem;
	}

	.main-header .navbar-nav .nav-item::after {
		content: '\f105';
		font-family: 'FontAwesome', 'Font Awesome 5 Free', 'Font Awesome 5 Brands';
		position: absolute;
		right: 30px;
		top: 2.1rem;
		font-size: 3rem;
		font-weight: 700;
	}

	/* Mon Paris 				*/
	.main-header .navbar-nav.mon-paris{
		width: 95%;
	}

	#dropdownMenuUser{
		display: flex;
		justify-content: space-between;
		width: 100%;
		margin-top: 0;
		padding: 1.8rem 0 2.2rem 0;
		border-bottom: 2px solid var( --dropdown-menu-color  );
	}

	#dropdownMenuUser span{
		padding-top: 0;
		color: var( --white-color );
	}

	.main-header .navbar-nav.mon-paris .nav-item{
		border-bottom: 0;
	}

	.main-header .navbar-nav.mon-paris .dropdown-menu,
	.main-header .navbar-nav.mon-paris .dropdown-menu .dropdown-item {
		padding: 1.4rem 0;
		background-color: var( --main-color );
		padding-top: 0;
		margin-top: 0;
		margin-bottom: 0;
	}

	.main-header .navbar-nav.mon-paris .dropdown-menu .dropdown-content {
		display: block
	}

	.main-header .navbar-nav.mon-paris .nav-link,
	.main-header .navbar-nav.mon-paris .nav-link:hover,
	.main-header .navbar-nav.mon-paris .dropdown .dropdown-item:last-child{
		display: flex;
		justify-content: space-between;
	}

	.main-header .navbar-nav.mon-paris .dropdown .dropdown-item:last-child > span:first-child{
		order: 1;
	}

	.main-header .navbar-nav.mon-paris .dropdown-item,
	.main-header .navbar-nav.mon-paris .dropdown-item span,
	.main-header .navbar-nav.mon-paris .dropdown-item.active,
	.main-header .navbar-nav.mon-paris .dropdown-menu,
	.main-header .navbar-nav.mon-paris .dropdown-menu.show,
	.main-header .navbar-nav.mon-paris .dropdown-menu .dropdown-content,
	.main-header .navbar-nav.mon-paris .dropdown.show,
	.main-header .navbar-nav.mon-paris .dropdown.show .nav-link	{
		width: 100%;
		color: var( --white-color );
		background-color: var( --main-color );
		border-color: var( --main-color );
	}

	.main-header .navbar-nav.mon-paris .nav-link .user-logo,
	.main-header .navbar-nav.mon-paris .dropdown .nav-link .user-logo{
		order: 1;
		width: 28px;
		height: 28px;
		margin-top: -0.8rem;
		position: absolute;
		right: 12rem;
	}

	.main-header .navbar-nav.mon-paris .dropdown-menu .dropdown-item span {
		padding: 1.4rem 0;
		border-bottom: 0;
		width: auto;
		display: inline-block
	}

	.main-header .navbar-nav.mon-paris .nav-item::after {
		content: '';
	}

	.main-header .navbar-nav.mon-paris .user-logo{
		filter: invert(100%) saturate(0%) contrast(200%)
	}

	.main-header .navbar-nav.mon-paris .dropdown-menu .dropdown-content {
		margin: 1.4rem 0;
	}

	.main-header .navbar-nav.mon-paris .dropdown-menu .dropdown-content .dropdown-item {
		padding-left: 2rem;
		padding-top: 1rem;
	}

	.main-header .navbar-nav.mon-paris .dropdown .dropdown-item:last-child > i:first-child {
		align-self: center;
		order: 1;
		position: relative;
		right: 12rem;
	}

	#navbarMainMenu::after {
		background: transparent url(../images/nef-bg-xs.svg) no-repeat 50% 50%;
		background-size: 38rem;
		content: "";
		display: block;
		height: 100%;
		left: 0;
		opacity: .7;
		pointer-events: none;
		position: absolute;
		top: 0;
		width: 100%;
		z-index: 1000;
	}

	/* 	Animated Burger Menu 	*/
	#navbar-icon{
		height: 4.6rem;
		width: 4.6rem;
		position: relative;
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
		-webkit-transition: .1s ease;
		-moz-transition: .1s ease;
		-o-transition: .1s ease;
		transition: .1s ease;
		cursor: pointer;
	  }

	  #navbar-icon span {
		display: block;
		position: absolute;
		height: .3rem;
		width: 2.2rem;
		background: var( --main-color );
		opacity: 1;
		left: 0;
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
		-webkit-transition: .1s ease;
		-moz-transition: .1s ease;
		-o-transition: .1s ease;
		transition: .1s ease;
	}

	#navbar-icon span:nth-child(1) {
		-webkit-transform-origin: left center;
		-moz-transform-origin: left center;
		-o-transform-origin: left center;
		transform-origin: left center;
		top: 1.5rem;
	}

	#navbar-icon span:nth-child(2) {
		top: 2.2rem;
		-webkit-transform-origin: left center;
		-moz-transform-origin: left center;
		-o-transform-origin: left center;
		transform-origin: left center;
	}

	#navbar-icon span:nth-child(3) {
		top: 2.9rem;
		-webkit-transform-origin: left center;
		-moz-transform-origin: left center;
		-o-transform-origin: left center;
		transform-origin: left center;
	}

	#navbar-icon.open span {
		background: var( --white-color );
		left: 1.2rem;
	}

	#navbar-icon.open span:nth-child(1) {
		width: 0%;
		opacity: 0;
	}

	#navbar-icon.open span:nth-child(2) {
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		transform: rotate(45deg);
		top: 1.4rem;
	}

	#navbar-icon.open span:nth-child(3) {
		-webkit-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		-o-transform: rotate(-45deg);
		transform: rotate(-45deg);
		top: 3rem;
	}

	/* Offcanvas Menu 			*/
	.offcanvas-collapse {
		position: fixed;
		top: 0;
		bottom: 0;
		right: 0;
		left: 100%;
		width: 100%;
		padding-top: 5.6rem;
		overflow-y: auto;
		visibility: hidden;
		background-color: var( --main-color );
		transition-timing-function: ease-in-out;
		transition-duration: .3s;
		transition-property: left, visibility;
		z-index: -1;
	}

	.offcanvas-collapse.open {
		left: 0;
		visibility: visible;
	}

	/* MENU TEST END 	*/
	html{
		margin-top: 57px;
		margin-top: 5.7rem;
	}

	.breadcrumb-nav{
		padding: 1rem 0 0.5rem 0;
		margin-top: 0
	}
	.breadcrumb-item, .breadcrumb-item a {
		font-size: 1.2rem;
		padding-right: 0;	
	}

	.breadcrumb-item.active::before {
		 padding-right: 0;
	}

	.banner, .bg-banner, .banner header {
		height: 200px;
		top: 0;
	}
	
	.banner header h1 {
		font-size: 3rem;
		top: 20px;
	}

	/* Form Steps */
	.btn-sm-block {
		display: block;
		width: 100%;
	}

	.form-control {
		font-size: 16px;
		font-size: 1.6rem;
	}

	
	/*** 										***/
	/*** Bordered Frame							***/
	/***  										***/
	.content-frame{
		padding: 4rem;
	}

	.content-frame h2{
		/* font-size: 2rem; */
		width: 80%;
		left: 2.5rem;
		top: -4rem;
		padding: 2rem .5rem;
	}

	.carousel-themed .carousel-indicators, .carousel-themed .carousel-caption{
		bottom: -60px;
	}
	
	.carousel-themed .carousel-indicators li{
		height: auto;
		background-color: transparent;
	}
	.carousel-themed .carousel-inner{
		padding: 0;
	}
	.carousel-themed .carousel-bg-control {
		width: 3rem;
		height: 3rem;
	}

}

@media ( min-width: 768px ) {
	h1 {
		font-size:4.6rem
	}

	h2 {
	font-size:3.1rem
	}

	h3 {
		font-size:2.2rem
	}

	h4 {
		font-size:2rem
	}

	h5 {
		font-size:1.8rem
	}

	/* Navbar-expand like */
	.navbar-paris {
		-ms-flex-flow: row nowrap;
		flex-flow: row nowrap;
		-ms-flex-pack: start;
		justify-content: flex-start;
	}
	.navbar-paris .navbar-collapse {
		display: -ms-flexbox !important;
		display: flex !important;
		-ms-flex-preferred-size: auto;
		flex-basis: auto;
	}
	.navbar-paris .navbar-nav {
		-ms-flex-direction: row;
		flex-direction: row;
	}

	.navbar-paris .navbar-toggler {
		display: none;
	}

	.cookies {
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		margin-left: 12rem;
		padding: 1.6rem 1.6rem 1.6rem 2.2rem;
		right: 0;
	}
	.cookies-banner {
		grid-gap: 1rem;
		grid-template-columns: 1fr fit-content(10rem);
	}
}

/* Remove animation and transition for reduces motions pref */
@media (prefers-reduced-motion) {
	*, *::before, *::after {
		animation: none !important;
		transition: none !important;
	}
}