/* ************************************** */
/* SPECIFIC FF THEME STYLES   			  */
/* ************************************** */

/* Variables */
:root {
	--main-color: #071F32;
	--main-info-color: #354BCF;
	--main-danger-color: #E22C3F;
	--main-success-color: #248619;
	--main-warning-color: #D14800;
	
	--alert-color: #FB394A;
	
	--alt-info-light-color: #31EEF3;
	--alt-info-second-color: #25DCCC;
	--alt-success-color: #3ECD2E;
	--alt-warning-light-color: #FFCD00;
	--alt-warning-dark-color: #FF3300;

	--border-accordion-color: #8794E2;

	--black-color: #000;
	--dark-color: #1A1A1A;
	--dark-lighter-color: #6D6D6D;
	--gray-dark-color: #A1A1A1;
	--gray-color: #C3C3C3;
	--gray-light-color: #D9D9D9;
	--white-strong-color: #F2F2F2;
	--white-light-color: #F0F0F0;
	--white-color: #FFF;
}

/* Imports 	Font Montserrat 	*/

/** 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: 300; 
	line-height: 1.15;
}

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

}

body, header, nav, footer, table, h1, h2, h3, h4, h5, h6, p, a, em, strong, blockquote  { 
	/* IE11 Hand compat should be removed asap */
	color: #071F32;
	/* This is the right syntax using vars */
	color: var(--main-color);
	font-family:'Montserrat', sans-serif !important;
	font-size: 16px;
	font-size: 1.6rem;
	font-style: normal;
	font-weight: 400;
}

h1{ 
	font-family:'Montserrat', sans-serif !important;
	font-weight: 900;
	font-size: 4.2rem;  
	line-height: 1.09;
}

h2{ 
	font-family:'Montserrat', sans-serif !important;
	font-weight: 800; 
	font-size: 3.1rem 
}

.portlet h3, h3{ 
	font-weight: 800 !important; 
	font-size: 1.467rem !important;
	line-height: 2.32rem !important;
	color: #354BCF !important;
	background-color: transparent !important;
	color: 	var( --main-info-color );
}

h4{ 
	font-family:'Montserrat', sans-serif !important;
	font-weight: 800; 
	font-size: 2rem;
	line-height: 2.62rem;
}

h5{ 
	font-family:'Montserrat', sans-serif !important;
	font-weight: 800; 
	font-size: 2rem;
	line-height: 2.62rem;
}

header h2{
	font-family:'Montserrat', sans-serif !important;
	padding-bottom: 1rem;
	border-bottom: 1rem solid rgba(195, 195, 195, 0.3); 
}

p{
	font-family:'Montserrat', sans-serif !important;
	font-size: 1.5rem;;
}

ul, ol{
	font-family:'Montserrat', sans-serif !important;
	font-size: 1.5rem;
	font-weight: 700;
}

li{
	font-family:'Montserrat', sans-serif !important;
	/* line-height: 20px; */
	font-size: 1.5rem;
	font-weight: 400;
}


/* Fonts */
.font-black{
	font-family:'Montserrat Black', sans-serif !important;
}

.font-extra-bold{
	font-family:'Montserrat Extra Bold', sans-serif !important;
}

.font-bold{
	font-family:'Montserrat Bold', sans-serif !important;
}

.font-semi-bold{
	font-family:'Montserrat Medium', sans-serif !important;
}

.font-regular{
	font-family:'Montserrat Regular', sans-serif !important;
}

/* Text */
.text-dark-border{
	text-shadow:1px  1px 0 #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px  1px 0 #000, 1px  1px 0 #000;
}

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

/* Colors 							 			*/
/* Main color 									*/
.main-color { 
	/* This is the right syntax using vars 		*/
	color: var(--main-color) !important;
	/* IE11 Hand compat should be removed asap 	*/
	color: #071F32 !important;
}

.fa-main-color:before{
	/* This is the right syntax using vars 		*/
	color: var(--main-color) !important;
	/* IE11 Hand compat should be removed asap 	*/
	color: #071F32 !important;
}

.main-bg-color { 
	background-color: var(--main-color) !important;
	/* IE11 Hand compat should be removed asap 	*/
	background-color: #071F32 !important;
}

.main-border-color{ 
	border-color: var(--main-color) !important;
	/* IE11 Hand compat should be removed asap  */
	border-color: #071F32 !important;
}

/* Info color 									*/
.main-info-color { 
	/* IE11 Hand compat should be removed asap 	*/
	color: #354BCF !important;
	/* This is the right syntax using vars 		*/
	color: var(--main-info-color) !important;
}

.fa-info-color:before{
	/* This is the right syntax using vars 		*/
	color: var(--main-info-color) !important;
	/* IE11 Hand compat should be removed asap 	*/
	color: #354BCF !important;
}

.main-info-bg-color { 
	/* This is the right syntax using vars 		*/
	background-color: var(--main-info-color) !important;
	background-color: #354BCF !important;
}

.main-info-border-color { 
	border-color: #354BCF !important;
	/* This is the right syntax using vars 		*/
	border-color: var(--main-info-color) !important;
}

/* Warning color 								*/
.main-warning-color { 
	/* IE11 Hand compat should be removed asap 	*/
	color: #FF3300 !important;
	/* This is the right syntax using vars 		*/
	color: var(--main-warning-color) !important;
}

.main-warning-bg-color { 
	background-color: #FF3300 !important;
	/* This is the right syntax using vars 		*/
	background-color: var(--main-warning-color) !important;
}

.main-warning-border-color { 
	border-color: #FF3300 !important;
	/* This is the right syntax using vars 		*/
	border-color: var(--main-warning-color) !important;
}

/* Success color 								*/
.main-success-color { 
	/* IE11 Hand compat should be removed asap 	*/
	color: #248619 !important;
	/* This is the right syntax using vars 		*/
	color: var(--main-success-color) !important;
}

.main-success-bg-color { 
	background-color: #248619 !important;
	/* This is the right syntax using vars 		*/
	background-color: var(--main-success-color) !important;
}

.main-success-border-color { 
	border-color: #248619 !important;
	/* This is the right syntax using vars 		*/
	border-color: var(--main-success-color) !important;
}

/* Danger color 								*/
.main-danger-color { 
	/* IE11 Hand compat should be removed asap 	*/
	color: #E22C3f !important;
	/* This is the right syntax using vars 		*/
	color: var(--main-danger-color) !important;
}

.main-danger-bg-color { 
	background-color: #E22C3f !important;
	/* This is the right syntax using vars 		*/
	background-color: var(--main-danger-color) !important;
}

.main-danger-border-color { 
	border-color: #E22C3f !important;
	/* This is the right syntax using vars 		*/
	border-color: var(--main-danger-color) !important;
}

/* Alt Info color 								*/
.alt-info-color { 
	/* IE11 Hand compat should be removed asap 	*/
	color: #31EEF3 !important;
	/* This is the right syntax using vars 		*/
	color: var(--alt-info-light-color) !important;
}

.alt-info-bg-color { 
	background-color: #31EEF3 !important;
	/* This is the right syntax using vars 		*/
	background-color: var(--alt-info-light-color) !important;
}

.alt-info-border-color { 
	border-color: #31EEF3 !important;
	/* This is the right syntax using vars 		*/
	border-color: var(--alt-info-light-color) !important;
}

/* Alt Info Second Color 						*/
.alt-info-second-color { 
	/* IE11 Hand compat should be removed asap 	*/
	color: #25DCCC !important;
	/* This is the right syntax using vars 		*/
	color: var(--alt-info-second-color) !important;
}

.alt-info-second-bg-color { 
	background-color: #25DCCC !important;
	/* This is the right syntax using vars 		*/
	background-color: var(--alt-info-second-color) !important;
}

.alt-info-second-border-color { 
	border-color: #25DCCC !important;
	/* This is the right syntax using vars 		*/
	border-color: var(--alt-info-second-color) !important;
}

/* Alt Success Color 							*/
.alt-success-color { 
	/* IE11 Hand compat should be removed asap 	*/
	color: #3ECD2E !important;
	/* This is the right syntax using vars 		*/
	color: var(--alt-success-color) !important;
}

.alt-success-bg-color { 
	background-color: #3ECD2E !important;
	/* This is the right syntax using vars 		*/
	background-color: var(--alt-success-color) !important;
}

.alt-success-border-color { 
	border-color: #3ECD2E !important;
	/* This is the right syntax using vars 		*/
	border-color: var(--alt-success-color) !important;
}

/* Dark Color 									*/
.dark-color { 
	/* IE11 Hand compat should be removed asap 	*/
	color: #1A1A1A !important;
	/* This is the right syntax using vars 		*/
	color: var(--dark-color) !important;
}

.dark-bg-color { 
	background-color: #1A1A1A !important;
	/* This is the right syntax using vars 		*/
	background-color: var(--dark-color) !important;
}

.dark-border-color { 
	border-color: #1A1A1A !important;
	/* This is the right syntax using vars 		*/
	border-color: var(--dark-color) !important;
}

/* Dark Lighter Color 							*/
.dark-lighter-color { 
	/* IE11 Hand compat should be removed asap 	*/
	color: #6D6D6D !important;
	/* This is the right syntax using vars 		*/
	color: var(--dark-lighter-color) !important;
}

.dark-lighter-bg-color { 
	background-color: #6D6D6D !important;
	/* This is the right syntax using vars 		*/
	background-color: var(--dark-lighter-color) !important;
}

.dark-lighter-border-color { 
	border-color: #6D6D6D !important;
	/* This is the right syntax using vars 		*/
	border-color: var(--dark-lighter-color) !important;
}

/* Gray Dark Color 								*/
.gray-dark-color { 
	/* IE11 Hand compat should be removed asap 	*/
	color: #A1A1A1 !important;
	/* This is the right syntax using vars 		*/
	color: var(--gray-dark-color) !important;
}

.gray-dark-bg-color { 
	background-color: #A1A1A1 !important;
	/* This is the right syntax using vars 		*/
	background-color: var(--gray-dark-color) !important;
}

.gray-dark-border-color { 
	border-color: #A1A1A1 !important;
	/* This is the right syntax using vars 		*/
	border-color: var(--gray-dark-color) !important;
}

/* Gray Color 									*/
.gray-color { 
	/* IE11 Hand compat should be removed asap 	*/
	color: #C3C3C3 !important;
	/* This is the right syntax using vars 		*/
	color: var(--gray-color) !important;
}

.gray-bg-color { 
	background-color: #C3C3C3;
	/* This is the right syntax using vars 		*/
	background-color: var(--gray-color) !important;
}

.gray-border-color { 
	border-color: #C3C3C3 !important;
	/* This is the right syntax using vars 		*/	
	border-color: var(--gray-color) !important;
}

/* Gray Light Color 							*/
.gray-light-color { 
	/* IE11 Hand compat should be removed asap 	*/
	color: #D9D9D9 !important;
	/* This is the right syntax using vars 		*/
	color: var(--gray-light-color) !important;
}

.gray-light-bg-color { 
	background-color: #D9D9D9 !important;
	/* This is the right syntax using vars 		*/
	background-color: var(--gray-light-color) !important;
}

.gray-light-border-color { 
	border-color: #D9D9D9 !important;
	/* This is the right syntax using vars 		*/
	border-color: var(--gray-light-color) !important;
}

/* White Strong Color 							*/
.white-strong-color { 
	/* IE11 Hand compat should be removed asap 	*/
	color: #F2F2F2 !important;
	/* This is the right syntax using vars 		*/
	color: var(--white-strong-color) !important;
}

.white-strong-bg-color { 
	background-color: #F2F2F2 !important;
	/* This is the right syntax using vars 		*/
	background-color: var(--white-strong-color) !important;
}

.white-strong-border-color { 
	border-color: #F2F2F2 !important;
	/* This is the right syntax using vars 		*/
	border-color: var(--white-strong-color) !important;
}

/* White Light Color 							*/
.white-light-color { 
	/* IE11 Hand compat should be removed asap 	*/
	color: #F0F0F0 !important;
	/* This is the right syntax using vars 		*/
	color: var(--white-light-color) !important;
}

.white-light-bg-color { 
	background-color: #F0F0F0 !important;
	/* This is the right syntax using vars 		*/
	background-color: var(--white-light-color) !important;
}

.white-light-border-color { 
	border-color: #F0F0F0 !important;
	/* This is the right syntax using vars 		*/
	border-color: var(--white-light-color) !important;
}

/* Default links */
a{
  color: var( --main-color );
  color: #071F32;
  text-decoration: none;
}

.container {
	min-height: auto !important;
}

/* Navbar                   */
.navbar-fixed-top {
  display: none !important;
}

img.infoUtilisateur {
  display: none !important;
}

a.infoUtilisateur:hover span {
  display: none !important;
}

span.infobulleUtilisateur {
  display: none !important;
} 

.header, #iframe, #HeaderWrapper, .nav-main{
  display: flex;
  align-items: center;
  justify-content: space-between;
}

/* Nav Main 		*/
.nav-main {
	height: 77px;
	width: 100vw;
	position: fixed;
  	left: 0;
  	background-color: #FFF;
  	-webkit-box-shadow: 0 2px 0 0 rgba(7,31,50,.1);
  	box-shadow: 0 2px 0 0 rgba(7,31,50,.1);
  	top: 0;
  	z-index: 999;
}

.nav-main ul{
  	list-style-type: none;
  	margin: 0;
  	padding: 0;
  	height: 77px;
}

.nav-main ul:first-child{
	margin-left: 80px;
}

.nav-main ul{
  	display: flex;
  	align-items: center;
  	height: 77px;
}

.nav-main ul li {
	height: 77px;
	display: flex;
	align-items: center;
}

.nav-main ul li:hover{
	cursor: pointer;
}	

.nav-main ul li span, .nav-main ul li a{
	/* display: inline-block; */
	vertical-align: middle;
	font-weight: 600;
	font-size: 1.4rem;
}

.nav-main ul:last-child li{
	border-top: 6px solid transparent;
	transition: border-top-color 0.5s ease-in;
	padding: 0 2rem;
}

.nav-main ul:last-child li:hover{
  border-top-color: #071F32;
}

.nav-main ul:last-child li:last-child:hover{
  border-top-color: #354BCF;
}

/* Icon Bg */
.icon{
  	display: inline-block;
  	border-radius: 50%;
	height: 60px;
	width: 60px;
  	padding: 5px;
}

.icon > .icon-chatbot{
	width: 40px;
	height: 40px;
}

.nav-main ul li a:hover{
	text-decoration: none;
}

.nav-main ul li a.btn-connect span{
	color: #354BCF;
}

.nav-main ul li a.btn-connect .icon svg{
	fill: #354BCF;
}


.nav-main ul li .connect + .connect-menu{
	display: none;
	position: absolute;
	top: 76px;
	right: 30px;
}

.nav-main ul li:hover .connect + .connect-menu{
	display: block;
	cursor: pointer;
}

.nav-main ul li:hover .connect + .connect-menu li{
	border: 0;
	background-color: #354BCF;
	color: #fff;
	padding: 2rem;
}

.nav-main ul li:hover .connect + .connect-menu li a, 
.nav-main ul li:hover .connect + .connect-menu li a span{
	color: #fff;
	padding-left: 1rem;
}

.btn-connect.connect-hidden .hidden-xs{
	visibility: hidden;
}

.btn-connect.connect-hidden .icon::after {
	content: 'Connexion';
	font-weight: 600;
	font-family: 'Montserrat', sans-serif !important;
	font-size: 1.6rem;
	position: absolute;
	transform: translateY(50%);
}


/* ************************** 
  Footer        
*************************** */
footer .textReglementaire p{
	text-align: center;
	padding: 0 10rem;
	width: 70%;
	margin: 30px auto;
	font-weight: 200;
}


footer .textReglementaire p em span{
	color: #071F32 !important;
}

footer .container-footer{
	background-color: #FAFAFA;
	color: #071F32;
  }

.main-footer {
	display: flex;
	width: 100%;
	justify-content: center;
	align-items: center;
	padding: 3rem 1rem;
	height: 100%;
	width: 100%;
}

.main-footer .logo {
	display: flex;
	justify-content: flex-end;
	border-right: 4px solid #071F32;
	padding-right: 2.4rem;
	margin-right: 2.4rem
}

.main-footer .logo img{
	width: 14rem;
}

.main-footer a {
	display: flex;
	align-items: center;
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;
	font-size: 2.4rem;
	height: 60px;
}

.second-footer {
	border-top: 1px solid #DEE2E6;
	padding: 3rem 2rem 1rem 2rem;
	display: flex;
	justify-content: center;
}

.nav-footer{
	width: 40%;
}

.nav-footer ul{
  	list-style-type: none;
  	margin: 0;
	padding: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%;
}
  
.nav-footer ul li {
	height: 100%;
	display: flex;
	align-items: center;
	margin: 0 20px;
}

.nav-footer ul li a{
	color: #071F32;
	font-size: 1rem;
	text-transform: uppercase;
	text-decoration: none;
	font-weight: 700;
	letter-spacing: 1px;
}

.nav-footer ul li span, .nav-footer ul li a{
	display: inline-block;
	vertical-align: middle;
}

/* BOUTONS  								*/
/* Buttons BS 4 - Overrides				    */
.btn{
	padding: 1.4rem;
	font-weight: 600;
	font-size: 1.3rem;
	border-radius: 0 !important;
	font-family: 'Montserrat', sans-serif;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
	text-shadow: none !important;
	background-image: none;
}

.btn:hover{
	cursor: pointer;
}

.btn-primary{
	background-image: none !important;
	background-color: #354BCF !important;
	border-color: #354BCF!important;
	color: #FFF!important;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active  {
	background-color: transparent !important;
	border-color: #354BCF !important;
	color: #354BCF !important;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
	text-shadow: none !important;
}

/* Link primary */
.btn-link-primary{
	background-color: transparent ;
	border-color: transparent;
	color: #354BCF;
}

.btn-link-primary:hover, .btn-link-primary:focus, .btn-link-primary:active  {
	background-color: #354BCF;
	border-color: #354BCF;
	color: #FFF;
	box-shadow: none;
}

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

.btn-cta:hover, .btn-cta:focus,.btn-cta:active, .btn-action:hover, .btn-action:focus, .btn-action:active{
	background-color: transparent;
	border-color: #E22C3f;
	color: #E22C3f;
	box-shadow: none;
}

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

.btn-link-action:hover, .btn-link-action:focus, .btn-link-action:active {
	background-color: #E22C3f;
	color: #FFF;
	box-shadow: none;
}

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

input[type="submit"], input[type="reset"], input[type="button"], .accueil, .homebuttonlink {
	padding: 1.4rem  !important;
	border-radius: 0 !important;
	font-family: 'Montserrat', sans-serif !important;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
	text-shadow: none !important;

}

input[type="submit"]:hover, input[type="button"]:hover, input[type="button"]:hover, .accueil:hover, .homebuttonlink:hover{
	box-shadow: none !important;
}

/* Custom Elements 							*/
/* Arrow ending link list					*/
.custom-list{
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.custom-list li{
	border-top: 1px solid #f0f0f0;
	position: relative;
	height: 60px;
	padding-top: 18px;
}

.custom-list li a {
	font-family: 'Montserrat SemiBold';
	font-size: 1.3rem;
	color: #071F32;
	text-decoration: none;
	width: 90%;
	height: 100%;
	display: inline-block;
	z-index: 99;
	position: relative;
}

.custom-list.list-arrow 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: #f1e4e5;
	border-radius: 50%;
	right: 0;
}

.custom-list.list-arrow 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: #E22C3f;
}

.custom-list.list-files 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: #f1e4e5;
	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%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: #E22C3f;
}

/*** 										***/
/*** Table									***/
/***  										***/
/* 
table, .tabel {
	color: #071F32;
	border-collapse: separate;
	border-spacing: 0;
	height: auto !important;
}

table thead th, table th, th, .tabel thead th{
	border: 0;
	font-size: 1.2rem;
	font-weight: 700;
	text-transform: uppercase;
	padding: 20px;
	font-family:'Montserrat', sans-serif !important;
	color: #071F32 !important;
	background: #fff !important;
}
 
table tbody, .tabel tbody{
	background-color: #F0F0F0;
}

table tbody td, .tabel tbody td{
	color: #071F32;
	font-size: 1.1rem;
	font-weight: 300;
	padding: 20px !important;
	border-top: 1px solid #F0F0F0 !important;
	border-left: 1px solid #F0F0F0 !important;
	border-right: 1px solid #C3C3C3 !important;
	border-bottom: 1px solid #FFF !important;
	position: relative;
	vertical-align: middle;
	width: auto !important;
	height: auto !important;
	background: transparent !important;
}

table tbody td:last-child,.tabel tbody td:last-child{
	border-right: 0;
}

table tr:nth-child(2n+1) td:first-of-type::before , .tabel tr:nth-child(2n+1) td:first-of-type::before {
	content: '';
	background-color: #354BCF;
	width: 6px;
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
}

table tr:nth-child(even) td:first-of-type:before, .tabel tr:nth-child(even) td:first-of-type:before{	
	content: '';
	background-color:  #071F32;
	width: 6px;
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
}


table td > input, table td.button, .tabel td.button{	
	border: 0  !important;
	border-bottom: 1px solid #FFF  !important;
	font-family: "Montserrat", sans-serif  !important;
	font-weight: 500  !important;
	color: #fff  !important	
}

table td input:hover, table td.button:hover, .tabel td.button:hover{	
	cursor: pointer;
}

table td.button .paris-icon, .tabel td.button .paris-icon{	
	fill:#fff;
	stroke:#fff;
	stroke-width: 0.5px;
	width: 20px;
	width: 2rem;
	height: 20px;
	height: 2rem;
}
*/

/* ********************************* */
/* CONNECTION 		    			 */
/* ********************************* */
/* SHOW HIDE CONTENT IF CONNECTED 	 */
/* ********************************* */
.connect{
	display: none;
}

.connect-hidden{	
   display: block;
}

.connected .connect-hidden{
	display: none;
}
.connected .connect{
  display: block ;
}

.connected header .header.container{
	height:75px;
}

/* PORTLETS 		*/

.portlet, .portlet-content, .portlet-content p, .portlet-content div, .portlet-content li, .portlet-content span, .portlet-content a{
	font-family:'Montserrat', sans-serif !important;
}

.portlet .portlet-header{
	font-family:'Montserrat', sans-serif !important;
	font-weight: 600; 
	font-size: 2.5rem;
	color: #071F32;
	background: transparent;
	padding-left: 0;
	padding-bottom: 2rem;
	/* border-bottom: 1rem solid rgba(195, 195, 195, 0.3); */
}

/* PAGE CONNEXION			*/
/* 
#loginForm{
	background-color: #071f32;
	position: fixed;
	margin: 0;
	left: 0;
	top: 77px;
	width: 100%;
} 
*/

#loginForm {
    background-color: #071f32;
    position: relative;
    margin: 0;
    left: -25%;
    width: 150%;
    top: -140px;
	padding: 60px 0 0 0;
}
/* 
#loginForm {
	background-color: #071f32;
	position: relative;
	margin: 0;
	left: -9vw;
	width: 100vw;
	top: -70px;
	padding: 60px 0 0 0;
} */

#loginForm fieldset, #loginForm #Bottom{
	border: 0;
	background-color: transparent;	
	margin: 2.4vw auto;
	width: 50vw;
	position: relative;
}

#loginForm fieldset{
	z-index: 1;
}

#loginForm #Bottom{
	z-index: 99;
}

#loginForm fieldset legend{
	border: 0;
	background: none;
	color: #fff;
	text-align: left;
	padding: 15px 0;
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;
	font-size: 3.2rem;
}

#loginForm fieldset label span{
	color: #fff;
	font-family: 'Montserrat', sans-serif;
	font-weight: 500;
}

#loginForm .span-4 {
	width: 200px;
}

#loginForm .span-5 {
	width: auto;
	margin-top: -5px;
	margin-bottom: 15px;
}

#loginForm .span-5 input{
	width: 500px;
	border-radius: 0;
	-webkit-border-radius: 0
}

#loginForm .span-5 input.span-4, textarea.span-4 {
    width: 300px !important;
}

#loginForm fieldset label span:after{
	content: ' * ';
	color: #E22C3F;
}

#loginForm fieldset .prepend-top{
	padding: 0;
	margin: 1.5rem 0 0 0;
	width: 52%;
	text-align: right;
}

#loginForm .fondrouge {
    color: #E22C3F;
    padding: 15px 0;
	display: block;
	margin-top: -15px;
    margin-bottom: 30px;
}

#loginForm fieldset .prepend-top a{
	color: #fff;
	display: inline-block;
	text-decoration: underline;
	font-weight: 400;
}

#loginForm .span-right {
	float: none;
}

#loginForm label{
	color: #fff;
	display: block;
}

#loginForm .textConnexion {
	bottom: 10%;
	width: 80%;
	margin: auto;
}

#loginForm .span-right > span {
	color: #fff;
	font-family: 'Montserrat', sans-serif ;
	font-size: 1rem;
	font-weight: 400;
	display: inline-block;
	
}

#loginForm .span-right .egoErrorStyle {
	color: #E22C3F;
}

#loginForm .info .infoStyl {
	display: none;
}

#loginForm #Bottom #actions {

	margin-top: -40px;
	display: flex;
	justify-content: space-between;
	flex-direction: row-reverse;
}

#loginForm #Bottom #actions input{
	padding: 1.4rem;
	font-weight: 400;
	font-size: 1.6rem;
	border-radius: 0;
	font-family: 'Montserrat', sans-serif;
}

#loginForm #Bottom #actions input:hover{
	cursor: pointer;
}

#loginForm #Bottom #actions input:first-child{
	background-color: #354BCF;
	border-color: #354BCF;
	color: #FFF;
}

#loginForm #Bottom #actions input:last-child{
	background: none;
	border-color: transparent;
	color: #FFF;
}

#loginForm #Bottom #actions input:last-child:hover{
	text-decoration: underline;
}

#loginForm > .prepend-top{
	padding: 15px 15%;
	margin: 0 auto;
	width: 100%;
	background-color: #fff;
}

#loginForm > .prepend-top h2, 
#loginForm > .prepend-top p, 
#loginForm > .prepend-top strong, 
#loginForm > .prepend-top span{
	color: #071F32 !important;
}

#loginForm > .prepend-top h2 span strong{
	font-weight: 600 !important;
	font-size: 3.2rem !important;
	display: block;
} 

#loginForm > .prepend-top a{
	color: #E22C3F !important;
} 

/* 
.textReglementaire {
	transform: translateY(-10rem);
} 
*/

/* PORTLET 						*/
/* PORTLET AUTHENTIFICATION		*/
.portlet .auth-center{
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center !important;
	border-color: transparent !important;
}

.portlet .auth-center p{
	width: 100%
}

.portlet .auth-center .btn-connect{
	padding: 1rem 1rem 0 0.5rem;
	margin-top: 3.5rem;
}

.portlet .auth-center .btn-connect:before{
	content: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2032%2032%22%20width%3D%2232%22%20height%3D%2232%22%3E%0A%3Cpath%20style%3D%22fill%3A%23fff%22%20d%3D%22M18.875%2012.066a6.613%206.613%200%200%201%203.326%205.727v7.02c0%20.287-.114.563-.318.767-3.354%203.354-9.303%203.263-12.565%200A1.086%201.086%200%200%201%209%2024.812v-7.02a6.61%206.61%200%200%201%203.14-5.615%205.183%205.183%200%201%201%206.735-.11zm-3.264%201.297l-.165.003c-2.363.082-4.275%202.045-4.275%204.427v6.546c2.382%202.04%206.421%202.095%208.86%200v-6.546c0-2.43-1.99-4.424-4.42-4.43zm-.041-2.171a3.012%203.012%200%201%200-.254-6.019%203.012%203.012%200%200%200%20.254%206.019z%22%3E%3C%2Fpath%3E%0A%3C%2Fsvg%3E);
}

.portlet .auth-center .btn-connect:hover:before{
	content: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2032%2032%22%20width%3D%2232%22%20height%3D%2232%22%3E%0A%3Cpath%20style%3D%22fill%3A%23354BCF%22%20d%3D%22M18.875%2012.066a6.613%206.613%200%200%201%203.326%205.727v7.02c0%20.287-.114.563-.318.767-3.354%203.354-9.303%203.263-12.565%200A1.086%201.086%200%200%201%209%2024.812v-7.02a6.61%206.61%200%200%201%203.14-5.615%205.183%205.183%200%201%201%206.735-.11zm-3.264%201.297l-.165.003c-2.363.082-4.275%202.045-4.275%204.427v6.546c2.382%202.04%206.421%202.095%208.86%200v-6.546c0-2.43-1.99-4.424-4.42-4.43zm-.041-2.171a3.012%203.012%200%201%200-.254-6.019%203.012%203.012%200%200%200%20.254%206.019z%22%3E%3C%2Fpath%3E%0A%3C%2Fsvg%3E);
}

.portlet .auth-center .btn-connect .text{
	color: #fff;
	display: inline-block;
	position: relative;
	top: -1rem;
    font-weight: 600;
}

.portlet .auth-center .btn-connect:hover .text{
	color: #354BCF;
}

/* PORTLET FLASH INFO */
.portlet-flash-info{
	clear: both;
	position: relative;
	z-index: 0;
	border-color: transparent !important;
}

.connected .portlet-flash-info{
	padding-top: 30px;
}

.portlet-flash-info .lead, 
.portlet-flash-info .portlet-content p{
  margin-bottom: 0;
}

/* PORTLET FAVORIS */
.portlet-favoris{
	border-color: transparent !important;
}

.portlet-favoris .portlet-content {
	display: flex;
	align-items: center;
	justify-content: center;
	padding-bottom: 2rem;
}

.portlet-favoris .portlet-content a{
	display: inline-block;
	color: #071F32;
	position: relative;
	height: 12vh;
}

.portlet-favoris .favoris{
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	float: none !important;
	border: 0 !important;
	width: 250px !important;
	height: auto !important;
	font-weight: 800 !important;
	color: #071F32;
	position: relative;
	margin-left: 0 !important;
}

.portlet-favoris .favoris:hover {
  border: 0 !important;
  box-shadow: none !important;
}

.portlet-favoris .favoris .favorisHover, 
.portlet-favoris .favoris .favorisHover:hover, 
.favorisHover:hover{
	display: none !important;
}

.portlet-favoris .favoris img{
	background-color: transparent;
  	margin-bottom: 1rem !important;
	margin-top: 0 !important;
	width: 3.2rem !important;
	height: 3.2rem !important;
	position: relative;
	top: 0
}

.portlet-favoris .favoris:hover img{
	transform: scale(1.2);
	transition: scale 1s ease-in-out ;
}

/* PORTLET THEME  CARD + CARD ICON  			*/
.portlet.portlet-theme{
	border-radius: 0;
	border: 1px solid #071F32;
	padding: 0;
	margin-bottom: 0;
}

.portlet-theme .demarche h4 {
	background: transparent url(../images/local/site/teamnet/CSS_collectivites/logo_ff.jpg) no-repeat 10px 12px;
	font-family: 'Montserrat';
	background-size: 32px;
	background-color: #071F32;
	font-size: 1.2rem;
	padding: 2rem 0 2rem 5rem;
	margin: 0 !important;
	margin-bottom: 0 !important;
	color: #fff;
}

.portlet-theme .demarche h4::after {
	content: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%229.638%22%20height%3D%2215.153%22%20viewBox%3D%220%200%209.638%2015.153%22%3E%0A%3Cg%20transform%3D%22translate%288.279%2013.676%29%20rotate%28180%29%22%3E%3Cg%20transform%3D%22translate%280%200%29%22%3E%3Cpath%20style%3D%22stroke%3A%23FFF%3Bstroke-width%3A2px%3B%22%20d%3D%22M1.309%2C0%2C0%2C1.423%2C4.3%2C6.1%2C0%2C10.776%2C1.309%2C12.2%2C6.92%2C6.1Z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%0A%3C%2Fsvg%3E);
	position: absolute;
	top: 2rem;
	right: 2.5rem;
	transform: rotate(-90deg);
}

.portlet-theme .demarche h4:hover::after {
	content: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%229.638%22%20height%3D%2215.153%22%20viewBox%3D%220%200%209.638%2015.153%22%3E%0A%3Cg%20transform%3D%22translate%288.279%2013.676%29%20rotate%28180%29%22%3E%3Cg%20transform%3D%22translate%280%200%29%22%3E%3Cpath%20style%3D%22stroke%3A%23E22C3F%3Bstroke-width%3A2px%3B%22%20d%3D%22M1.309%2C0%2C0%2C1.423%2C4.3%2C6.1%2C0%2C10.776%2C1.309%2C12.2%2C6.92%2C6.1Z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%0A%3C%2Fsvg%3E);
}

/* Inscription */
.portlet-theme.inscription .demarche h4 {
	background-image: url(../images/local/site/teamnet/CSS_collectivites/icon-checklist-blue.png);
}

/* Factures */
.portlet-theme.factures .demarche h4 {
	background-image: url(../images/local/site/teamnet/CSS_collectivites/icon-euro-blue.png);
}

/* Familles */
.portlet-theme.familles .demarche h4 {
	background-image: url(../images/local/site/teamnet/CSS_collectivites/icon-famille-blue.png);
}

.portlet-theme .demarche h4.open::after {
	transform: rotate(90deg);
}

.portlet-theme .demarche h4:hover{
	cursor: pointer;
}

.portlet-theme .demarche ul{
	margin: 0;
	padding: 0;
	background: transparent;
	border: 1px solid #D1D1D1;
}

.portlet-theme .demarche h4.open + ul{
	display: block;
	margin-top: 2rem;
	padding-top: 1rem;
	border-top: 1px solid #C3C3C3;
}

.portlet-theme .demarche h4.open + ul{
	display: block;
	margin-top: 2rem;
	padding-top: 1rem;
	border-top: 1px solid #C3C3C3;
}


.portlet-theme .demarche ul li{
	padding: 2rem 2rem;
	background: transparent;
	border-bottom: 1px solid #D1D1D1;
	font-family: 'Montserrat';
	font-weight: 700;
	font-size: 1.4rem;
	color: #071F32;
}


.portlet-theme .demarche ul li:hover{
	background: #D1D1D1;
}

.portlet-theme .demarche ul li:last-of-type {
	border-bottom: 0;
}

.portlet-theme .demarche ul li a{
	margin: 0;
	padding: 0;
	font-weight: 700;
	font-size: 1.4rem;
	font-style: normal;
	color: #071F32;
	display: inline-block
}

.portlet-theme .demarche ul li blockquote,
.portlet-theme .demarche ul li + span {
	position: relative;
	left: 20px;
	top: -20px;
	color: #FB394A;
	font-weight: 600;
	font-size: 1.2rem;
	z-index: 30;
}

.portlet-theme .demarche ul li blockquote{
	top: 5px;
	left: 0;
	margin: 0;
	padding: 0;
}

.connect.portlet-theme{
	float: left;
	width: 31.5%;
	margin: 30px 5px;
	position: relative;
} 

/* .connect.portlet-theme:after{ */
.portlet-theme:after{
	display: table-cell;
	clear: both;
}

.connect.portlet-theme .demarche h4::after {
	right: 1.2rem;
}

/* THEME CALENDAR 						*/
.portlet-theme-calendar{
	border-color: transparent !important;
}

.portlet-theme-calendar .demarche h4{
	display: none;
}

.portlet-theme-calendar .demarche ul{
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}

.portlet-theme-calendar .demarche ul li {
	margin-left: 1rem;
	margin-bottom: 1rem;
	border: 1px solid #071F32;
	position: relative;
	background-color: #071F32;
	position: relative;
	color: #fff;
	font-size: 1.4rem;
	font-weight: 700;
	flex: 1;
	flex-basis: 15%;
	text-align: center;
	padding: 20px 5px;
	min-height: 15rem;
}

/* 
.portlet-theme-calendar .demarche ul li:nth-child( n+6 ){
	display: none;
} 

.portlet-theme-calendar .demarche ul li + span {
	position: relative;
	left: -220px;
	top: 133px;
	color: #fff;
	font-family: 'Montserrat';
	font-weight: 600;
	font-size: 1.4rem;
	z-index: 30;
	display: none;
} 
*/

.portlet-theme-calendar .demarche h4.open ul + li + span{
	display: inline-block;
}

.portlet-theme-calendar .demarche ul li:hover {
	border: 1px solid transparent;
	background-color: #FB394A;
}

.portlet-theme-calendar .demarche ul li a, 
.portlet-theme-calendar .demarche ul li blockquote{
	font-family: 'Montserrat', sans-serif;
	color: #fff;
	margin: 0;
	padding: 0;
	text-align: center;
	font-style: normal;
}

.portlet-theme-calendar .demarche ul li a {
	/* padding: 2rem 1rem; */
	/* margin-top: -20px; */
	font-size: 1.4rem;
	height: 100%;
}

.portlet-theme-calendar .demarche ul li blockquote {
	font-size: 1.2rem;
	font-weight: 600;
	padding: 1rem 0 0 0;
	position: absolute;
	bottom: 5px;
}

/* DETAIL */
.portlet-theme.detail{
	border: 0;
	border-color: transparent !important;
}

.portlet-theme.detail h4{
	display: none;
}

.portlet-theme.detail blockquote{
	display: none;
}

/* PORTLET ACTU 		*/
.portlet-actu{
	border-color: transparent !important;
	padding: 0;
	margin: 0;
}

.portlet-actu .portlet-content > ul li{
	font-family: 'Montserrat SemiBold';
	list-style-type: none;
	border-bottom: 2px solid #FFF;
	padding: 2rem;
	width: 100%;
	position: relative;
	background: #F0F0F0;
	margin: 0 0 1.5em 0;
}

.portlet-actu .portlet-content > ul li:hover{
	cursor: pointer;
}


.portlet-actu .portlet-content > ul li strong, 
.portlet-actu .portlet-content > ul li p{
	font-family: 'Montserrat SemiBold';
	padding: 0;
	margin: 0
}

.portlet-actu .portlet-content > ul li em, 
.portlet-actu .portlet-content > ul li strong {
	display: inline-block;
	max-width: 95%;
	padding-bottom: 1rem;
	font-weight: 700;
}

.portlet-actu .portlet-content > ul li em{
	font-family: 'Montserrat';
	display: block;
	color: #354BCF;
	font-weight: 700;
}

.portlet-actu .portlet-content > ul li::after {
	content: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%229.638%22%20height%3D%2215.153%22%20viewBox%3D%220%200%209.638%2015.153%22%3E%0A%3Cg%20transform%3D%22translate%288.279%2013.676%29%20rotate%28180%29%22%3E%3Cg%20transform%3D%22translate%280%200%29%22%3E%3Cpath%20style%3D%22stroke%3A%23071F32%3Bstroke-width%3A2px%3B%22%20d%3D%22M1.309%2C0%2C0%2C1.423%2C4.3%2C6.1%2C0%2C10.776%2C1.309%2C12.2%2C6.92%2C6.1Z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%0A%3C%2Fsvg%3E);
	position: absolute;
	top: 3.5rem;
	right: 3rem;
	transform: rotate(-90deg);
	width: 15px;
    height: 15px;
}

.portlet-actu .portlet-content > ul li:hover::after {
	content: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%229.638%22%20height%3D%2215.153%22%20viewBox%3D%220%200%209.638%2015.153%22%3E%0A%3Cg%20transform%3D%22translate%288.279%2013.676%29%20rotate%28180%29%22%3E%3Cg%20transform%3D%22translate%280%200%29%22%3E%3Cpath%20style%3D%22stroke%3A%23E22C3F%3Bstroke-width%3A2px%3B%22%20d%3D%22M1.309%2C0%2C0%2C1.423%2C4.3%2C6.1%2C0%2C10.776%2C1.309%2C12.2%2C6.92%2C6.1Z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%0A%3C%2Fsvg%3E);
}

.portlet-actu .portlet-content > ul li.open::after {
	transform: rotate(90deg);
}

.portlet-actu .portlet-content > ul li.open ul {
	border-top: 1px solid #D1D1D1;
	margin: 1rem 0 1.5em 0;
	padding-top: 2.5rem;
}

.portlet-actu .portlet-content > ul li > ul li{
	list-style-type: none;
	background-color: transparent;
	font-family: 'Montserrat';
}

.portlet-actu .portlet-content > ul li > ul li strong, 
.portlet-actu .portlet-content > ul li > ul li p{
	font-family: 'Montserrat';
}

.portlet-actu .portlet-content > ul li > ul li {
	list-style-type: none;
	border: none;
	padding: 0 6rem;
}

.portlet-actu .portlet-content > ul > li > ul li::after, .portlet-actu .portlet-content > ul > li > ul li:hover::after {
	content: '';
}


.portlet.connect-hidden, .portlet.portlet-connect, .portlet.portlet-default{
	border-color: transparent !important;
}

/* Video Wrapper 					*/
.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}

.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* FORMENGINE */
#bandeau-individu {
	background-color: transparent !important;
	border: 1px solid #1B1B1B;
}

fieldset{
	border-radius: 0 !important;
	-webkit-border-radius: 0 !important;
	-moz-border-radius: 0 !important;
	padding: 0 0.5rem !important;
	border: 0 !important;
}

fieldset > legend{
	border: 0 !important;
	border-radius: 0 !important;
	-webkit-border-radius: 0 !important;
	-moz-border-radius: 0 !important;
	text-align: left !important;
	padding: 0 !important;
	margin: 0 !important;
	background: none !important;
	border-bottom: 2px solid #1B1B1B !important;
	padding-bottom: 1rem !important;
	margin-bottom: 1rem !important; 
	width: 100% !important;
	color: var(--main-color) !important;
	font-size: 2rem !important;
	font-weight: 700 !important;
	font-family:'Montserrat', sans-serif !important;
}

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

input[type="submit"], input[type="reset"], input[type="button"], .accueil, .homebuttonlink, .formengine-submit {
	font-size: .8em !important;
}

.formengine-steps input[value="Accueil"], .formengine-steps button, .accueil {
	font-weight: 600 !important;
	font-size: 1.3rem !important;
	background-color: var( --main-danger-color) !important; 
	background-color: #E22C3f !important;
	border-color: #E22C3f !important;
	color : var( --white-color ) !important;
	color: #FFF !important;
}

.formengine-steps input:hover, .formengine-steps button:hover, .accueil:hover{
	background-color: transparent !important;
	border-color: #E22C3f !important;
	color: #E22C3f !important;
	box-shadow: none !important;
}

.formengine-steps input[value="Retour"] {
	font-weight: 600 !important;
	font-size: 1.3rem !important;
	background-color: #354BCF !important;
	border-color: #354BCF!important;
	color: #FFF!important;
}

.formengine-steps input[value="Retour"]:hover {
	background-color: #FFF !important;
	color: #354BCF !important;
}

.divModalDialog div {
	background-color: #FFF !important;
	padding: 1rem 0;
}

/* BREADCRUMB */
.num-etape-non-active, .num-etape-non-active-4 {
	color: var(--main-color) !important;
}

#breadcrumbs-one-4 span {
	color: var(--main-color) !important;
	font-size: 3rem;
	font-weight: 600;
}

#breadcrumbs-one-4 .active-4, #breadcrumbs-one-4 .active {
	background-color: var(--main-color) !important;
	color: #fff !important;
}
#breadcrumbs-one-4 .active-4::after, #breadcrumbs-one-4 .active::after {
	border-left-color: var(--main-color) !important;
}

/* 	BREAKPOINTS  					*/
@media ( max-width: 1200px ) { 
	.container{
		width: 90% !important;
	}

	.portlet .demarche h4 {
		font-size: 1rem;
		background-size: 32px;
		padding: 2rem 5rem;
		min-height: 5.6rem;
	}

	.portlet .demarche ul{
		padding: 0;
		margin: 0;
	}

	.portlet .demarche ul li {
		font-size: 1.2rem;
		padding: 1rem; 
	}

	.portlet.hasicon .demarche ul li{
		background-size: 24px;
	}

	.portlet .demarche ul li{
		line-height: 1.6rem
	}

	.portlet .demarche ul li a,
	.portlet .demarche ul li + span,
	.portlet .demarche ul li blockquote{
		font-size: 1.2rem;
	}
}


@media ( max-width: 1024.1px ) { 
	.nav-main > ul:last-child > li .icon + span{
		display: none;
	}
	
	.btn-connect.connect-hidden .icon::after {
		content: '';
	}

}

@media ( max-width: 950px ) { 
	
	/* .portlet .demarche ul li {
		font-size: 1.2rem;
		padding-left: 1rem;
	} */
	.portlet-theme-calendar .demarche ul li {
		font-size: 1.2rem;
		min-height: 20rem;
	}
	
	.portlet-theme-calendar .demarche ul li a,
	.portlet-theme-calendar .demarche ul li blockquote,
	 {
		font-size: 1.2rem;
		height: 100%;
	}

	footer .textReglementaire p{
		padding: 1.5rem;
		width: 80%;
	}
}

@media ( max-width: 881px ) { 
	.nav-main > ul:last-child > li .fa + span,
	.nav-main > ul:last-child > li .icon + span{
		display: none;
	}
	
	#loginForm fieldset, 
	#loginForm #Bottom{
		width: 100vw;
	}
	
	#loginForm #Bottom{
		margin-top: 30px;
	}

	#loginForm .span-right {
		bottom: -30px;
		right: 15px;
	}

	#loginForm > .prepend-top {
		padding: 15px;
	}
	.portlet-favoris .portlet-content {
		display: block;
	}	

	.portlet-theme .demarche h4::after {
		top: 2rem;
	}

	.custom-list li a {
		width: 70%;
	}
}

@media ( max-width: 640px ) { 
	.container{
		width: 100vw !important;
	}

	.icon {
		width: 30px;
		height: 45px;
	}
	
	.icon > svg,
	.icon > .icon-chatbot{
		width: 30px !important;
		height: 30px !important;
	}
	
	.icon > svg{
		margin: 0  !important;
	}
	
	.btn-connect.connect-hidden .icon::after {
		content: '';
	}

	.nav-main ul li a {
		margin-left: 15px;
	}

	.nav-main ul:first-child {
		margin-left: 5px;
	}

	.nav-main ul li a img{
		width: 30rem;
	}
	.nav-main > ul:last-child > li {
		padding: 0;
	}

	.nav-main > ul:last-child > li .icon + span{
		display: none;
	}

	.nav-main > ul > li > .btn-connect > .ident{	
	     display: none;
	}
	
	.nav-main > ul > li > .btn-connect{	
	     padding-left: 0;
	     padding-right: 2rem;
	}

	.portlet-theme .demarche h4::after {
		right: 3rem;
	}

	.portlet-theme-calendar .demarche ul li {
		padding: 1rem;
		flex-basis: 40%;
		min-height: 10rem
	}
		
	.portlet-favoris .portlet-content a{
		height: 14vh;
	}
	
	footer .textReglementaire p{
		padding: 1rem;
		width: 80%;
	}

}

@media ( max-width: 480px ) { 
	.nav-main {
		display: flex;
		justify-content: space-around;
	}

	.nav-main ul li a img{
		width: 20rem;
	}
	
	#loginForm{
		top: -150px;
	}

	#loginForm .fondrouge {
		padding: 0;
		margin-bottom: 15px;
	}
	
	#loginForm fieldset legend {
		padding: 0;
		font-size: 2.5rem;
	}

	#loginForm > .prepend-top h2 span strong {
		font-size: 1.5rem !important;
	}

	#loginForm > .prepend-top h2 {
		text-align: center !important;
	}

	#loginForm p, #loginForm strong, #loginForm span , #loginForm a{
		font-size: 1.2rem
	}

	#loginForm fieldset label span{
		color: #fff;
		font-family: 'Montserrat', sans-serif;
		font-weight: 500;
		margin: 15px 0;
	} 

	#loginForm .span-4, #loginForm .span-5 {
		float: none;
		margin: 0;
	}

	#loginForm .span-4 > label {
		margin: 0 3.3rem;
		width: 100%;
		padding: 15px;
		text-align: left;
	}
	
	#loginForm > .prepend-top {
		padding: 15px;
	}

	#loginForm fieldset .prepend-top {
		text-align: left;
		padding-left: 4rem;
		margin-top: 0;
		margin-bottom: 15px;
	}
	#loginForm .span-right {
		padding-bottom: 15px;
		text-align: left;
		padding: 15px 4rem;
	}
/* 
	footer .textReglementaire{
		transform: translateY(-100px);
	} */

	.portlet-actu {
		padding-left: 0 !important;
		padding-left: 0 !important;
	}

	.connect.portlet-theme {
    	float: none;
    	width: 100%;
	}

	.portlet-actu .portlet-content > ul{
		margin: 0;
	}

	.portlet-actu .portlet-content > ul li::after {
		top: 3.2rem;
		right: 1rem;
	}

	.portlet-actu .portlet-content > ul li em, 
	.portlet-actu .portlet-content > ul li strong {
		padding-left: 0;
		margin-left: -15px;
		font-size: 1.4rem;
	}

	.portlet.portlet-theme {
		margin-bottom: 15px;
	}
}