/* deb copier coller depuis forum.css */
@font-face {
  font-family:'Marianne';
  src:url('../font/Marianne-Regular.woff') format('woff'),url('../font/Marianne-Regular.woff2') format('woff2');
  font-weight:400;
  font-style: normal;
}
@font-face {
  font-family:'Marianne';
  src:url('../font/Marianne-Bold.woff') format('woff'),url('../font/Marianne-Bold.woff2') format('woff2');
  font-weight:700;
  font-style: normal;
}
@font-face {
  font-family:'Marianne';
  src:url('../font/Marianne-Regular_Italic.woff') format('woff'),url('../font/Marianne-Regular_Italic.woff2') format('woff2');
  font-weight:400;
  font-style: italic;
}
@font-face {
  font-family:'Marianne';
  src:url('../font/Marianne-Bold_Italic.woff') format('woff'),url('../font/Marianne-Bold_Italic.woff2') format('woff2');
  font-weight:700;
  font-style: italic;
}
:root {
    --f-base-white:#FFF;
    --f-base-black:#101010;
	--f-base-white-opacity:rgba(255,255,255,0.7);
    --f-base-white-opacity-soft:rgba(255,255,255,0.13);
	--f-base-black-opacity:rgba(0,0,0,0.75);
    --f-base-black-opacity-soft:rgba(0,0,0,0.17);
 
    --f-base-grey-lightest:#F0F0F0;
    --f-base-grey-lighter:#c8ccce;
    --f-base-grey-light:#8a8888;
    --f-base-grey:#6D6D6D; 
    --f-base-grey-darker:#424242;
    --f-base-grey-darkest:#222222;

	--f-base-blue-lightest:#e8edff;
    --f-base-blue-lighter:#99a7dd;
    --f-base-blue-light:#3853eb;
    --f-base-blue:#1717d6;
    --f-base-blue-darker:#000091;
	--f-base-blue-darkest:#030345;

	--f-base-green-lightest:#d6fbe3;
    --f-base-green-lighter:#91e4af;
    --f-base-green-light:#34CB6A;
    --f-base-green:#2B7758;
    --f-base-green-darker:#13553a;
	--f-base-green-darkest:#092e1f;

	--f-base-red-lightest:#f8d6d2;
    --f-base-red-lighter:#feb49d;
    --f-base-red-light:#ff7b79;
    --f-base-red:#E1000F;
    --f-base-red-darker:#94000a;
	--f-base-red-darkest:#390105;

	--f-base-orange-lightest:#ffefd9;
    --f-base-orange-lighter:#f9a47f;
    --f-base-orange-light:#ff7d44;
    --f-base-orange:#d44709;
    --f-base-orange-darker:#933100;
	--f-base-orange-darkest:#451500;

	--f-base-yellow-lightest:#FEF7E2;
    --f-base-yellow-lighter:#ffeaa6;
    --f-base-yellow-light:#f1c546;
    --f-base-yellow:#c59a00;
    --f-base-yellow-darker:#513c01;
	--f-base-yellow-darkest:#412e06;

	--f-base-pink-lightest:#ffe0ed;
    --f-base-pink-lighter:#f999b1;
    --f-base-pink-light:#ef73a2;
    --f-base-pink:#d72377;
    --f-base-pink-darker:#7c0030;
	--f-base-pink-darkest:#330114;

	--f-base-violet-lightest:#e4d3fe;
    --f-base-violet-lighter:#c3a4f2;
    --f-base-violet-light:#965ddf;
    --f-base-violet:#591d8d;
    --f-base-violet-darker:#5a157f;
	--f-base-violet-darkest:#220034;
}
:root body {
    /************************************************** 
        DEB ADMIN CONVERSION VARIABLES NE PAS TOUCHER 
    ***************************************************/
    --f-white:var(--f-base-white);
    --f-black:var(--f-base-black);
    --f-white-opacity:var(--f-base-white-opacity);
    --f-black-opacity:var(--f-base-black-opacity);
    --f-white-opacity-soft:var(--f-base-white-opacity-soft);
    --f-black-opacity-soft:var(--f-base-black-opacity-soft);
    --f-grey-lightest:var(--f-base-grey-lightest);
    --f-grey-lighter:var(--f-base-grey-lighter);
    --f-grey-light:var(--f-base-grey-light);
    --f-grey:var(--f-base-grey);
    --f-grey-darker:var(--f-base-grey-darker);
    --f-grey-darkest:var(--f-base-grey-darkest);
    --f-blue-lightest:var(--f-base-blue-lightest);
    --f-blue-lighter:var(--f-base-blue-lighter);
    --f-blue-light:var(--f-base-blue-light);
    --f-blue:var(--f-base-blue);
    --f-blue-darker:var(--f-base-blue-darker);
    --f-blue-darkest:var(--f-base-blue-darkest);
    --f-green-lightest:var(--f-base-green-lightest);
    --f-green-lighter:var(--f-base-green-lighter);
    --f-green-light:var(--f-base-green-light);
    --f-green:var(--f-base-green);
    --f-green-darker:var(--f-base-green-darker);
    --f-green-darkest:var(--f-base-green-darkest);
    --f-red-lightest:var(--f-base-red-lightest);
    --f-red-lighter:var(--f-base-red-lighter);
    --f-red-light:var(--f-base-red-light);
    --f-red:var(--f-base-red);
    --f-red-darker:var(--f-base-red-darker);
    --f-red-darkest:var(--f-base-red-darkest);
    --f-orange-lightest:var(--f-base-orange-lightest);
    --f-orange-lighter:var(--f-base-orange-lighter);
    --f-orange-light:var(--f-base-orange-light);
    --f-orange:var(--f-base-orange);
    --f-orange-darker:var(--f-base-orange-darker);
    --f-orange-darkest:var(--f-base-orange-darkest);
    --f-yellow-lightest:var(--f-base-yellow-lightest);
    --f-yellow-lighter:var(--f-base-yellow-lighter);
    --f-yellow-light:var(--f-base-yellow-light);
    --f-yellow:var(--f-base-yellow);
    --f-yellow-darker:var(--f-base-yellow-darker);
    --f-yellow-darkest:var(--f-base-yellow-darkest);
    --f-violet-lightest:var(--f-base-violet-lightest);
    --f-violet-lighter:var(--f-base-violet-lighter);
    --f-violet-light:var(--f-base-violet-light);
    --f-violet:var(--f-base-violet);
    --f-violet-darker:var(--f-base-violet-darker);
    --f-violet-darkest:var(--f-base-violet-darkest);
    --f-pink-lightest:var(--f-base-pink-lightest);
    --f-pink-lighter:var(--f-base-pink-lighter);
    --f-pink-light:var(--f-base-pink-light);
    --f-pink:var(--f-base-pink);
    --f-pink-darker:var(--f-base-pink-darker);
    --f-pink-darkest:var(--f-base-pink-darkest);
    /***************************************************
        FIN ADMIN CONVERSION VARIABLES NE PAS TOUCHER 
    ****************************************************/
    --f-logo:url("../img/logo.png");
	
    --f-color1-lightest:var(--f-blue-lightest);
    --f-color1-lighter:var(--f-blue-lighter);
    --f-color1-light:var(--f-blue-light);
    --f-color1:var(--f-blue);
    --f-color1-darker:var(--f-blue-darker);
    --f-color1-darkest:var(--f-blue-darkest);
    --f-base-color1:var(--f-base-blue);
    --f-base-color1-darker:var(--f-base-blue-darker);
	
    --f-color2-lightest:var(--f-green-lightest);
    --f-color2-light:var(--f-green-light);
    --f-color2:var(--f-green);
    --f-color2-darker:var(--f-green-darker);
    --f-color2-darkest:var(--f-green-darkest);
    --f-base-color2:var(--f-base-green);
    --f-color3:var(--f-red-light);
    --f-color4:var(--f-yellow-light);
	
	--f-date-color:var(--f-text-color);
	--f-date-size:var(--f-text-size-xs);
	
    --f-highlight:var(--f-yellow-lightest);
    --f-highlight-colored:var(--f-yellow-light);
	
    --f-site-max-width:1200px;
	
    --f-note-bg-color:var(--f-base-color2);
    --f-note-text-color:var(--f-base-white);
	
    --f-text-grey:var(--f-grey);
    --f-text-black:var(--f-grey-darkest);
    --f-text-color:var(--f-black-opacity);
    --f-line-color:var(--f-black-opacity-soft);
    --f-site-bg-color:var(--f-white);
	
    --f-typo:"Marianne",Helvetica,Arial,sans-serif;
	--f-typo2:var(--f-typo);
	--f-typo-bold:700;
	--f-typo2-bold:var(--f-typo-bold);
	--f-h1-weight:var(--f-typo2-bold);
	--f-titles-color:var(--f-color1-darker);
    --f-typo3:"DM Mono", serif;
    --f-typo3-weight:400;
	
    --f-text-size:1.6rem;
    --f-text-size-2xs:calc(var(--f-text-size) * 0.78);
    --f-text-size-xs:calc(var(--f-text-size) * 0.875);
    --f-text-size-s:calc(var(--f-text-size) * 0.937);
    --f-text-size-l:calc(var(--f-text-size) * 1.125);
    --f-text-size-xl:calc(var(--f-text-size) * 1.3125);
    --f-text-size-2xl:calc(var(--f-text-size) * 1.5);
    --f-text-size-3xl:calc(var(--f-text-size) * 2);
    --f-text-size-4xl:calc(var(--f-text-size) * 2.8);
	
    --f-shadow-value:0;
    --f-shadow:0 0.4rem 0.8rem rgba(0,0,0,0.15);
    --f-shadow-small:0.2rem 0.2rem 0.4rem rgba(0,0,0,0.1);
    --f-shadow-large:0 10px 30px rgba(var(--f-shadow-value),var(--f-shadow-value),var(--f-shadow-value),0.1);
    
	--f-space: 3rem;
    --f-space-less: -3rem;
    --f-space-2xs:calc(var(--f-space) * 0.2);
    --f-space-xs:calc(var(--f-space) * 0.333);
    --f-space-s: calc(var(--f-space) * 0.666);
    --f-space-l:calc(var(--f-space) * 1.5);
    --f-space-xl: calc(var(--f-space) * 2.5);
    --f-space-2xs-less:calc(var(--f-space-less) * 0.2);
    --f-space-xs-less:calc(var(--f-space-less) * 0.333);
    --f-space-s-less:calc(var(--f-space-less) * 0.666);
    --f-space-l-less: calc(var(--f-space-less) * 1.5);
    --f-space-xl-less: calc(var(--f-space-less) * 2.5);
	
    --f-radius:1.6rem;
    --f-radius-xs:calc(var(--f-radius) * 0.333);
    --f-radius-s:calc(var(--f-radius) * 0.666);
    --f-radius-l:calc(var(--f-radius) * 1.75);
    --f-radius-xl:calc(var(--f-radius) * 4);
    --f-radius-100:100%;
	
    --f-titles-typo:var(--f-typo2);
    --f-titles-weight: var(--f-typo2-weight);
    --f-titles-cap:normal;
    --f-titles-color:var(--f-text-black);
    --f-h1-cap:var(--f-titles-cap);
	
    --f-icon-size:3.2rem;
    --f-icon-size-s:calc(var(--f-icon-size) * 0.6);
    --f-icon-size-l:calc(var(--f-icon-size) * 1.45);
    --f-icon-size-xl:calc(var(--f-icon-size) * 2.3);
    --f-icon-size-2xl:calc(var(--f-icon-size) * 4);
    --f-icon-color:var(--f-grey-light);
    --f-icon-hover:var(--f-base-white);
    --f-icon-bg-color:var(--f-grey-lightest);
    --f-icon-bg-hover:var(--f-base-color2);
    --f-icon-border-color:var(--f-grey-lightest);
    --f-icon-border-hover:var(--f-base-color2);
    --f-icon-radius:var(--f-radius-100);
	
    --f-link-weight:var(--f-typo-weight-bold);
    --f-link-color:var(--f-text-color);
    --f-link-underline:underline;
    --f-link-hover:var(--f-color2);
	
    --f-button-typo:var(--f-typo2);
    --f-button-text-color:var(--f-base-white);
    --f-button-text-hover:var(--f-base-white);
    --f-button-text-focus:var(--f-base-white);
    --f-button-text-size:var(--f-text-size);
	--f-button-text-weight:var(--f-typo2-weight);
    --f-button-bg-color:var(--f-base-color1-darker);
    --f-button-bg-hover:var(--f-base-color1);
    --f-button-bg-focus:var(--f-base-color1-darker);
    --f-button-border-color:var(--f-base-color1-darker);
    --f-button-border-hover:var(--f-base-color1);
    --f-button-border-focus:var(--f-base-color1-darker);
    --f-button-padding:var(--f-space-2xs) var(--f-space-s);
    --f-button-margin: var(--f-space-xs)  var(--f-space-xs)  var(--f-space-xs) 0;
    --f-button-radius:0;
    --f-button-shadow:none;
	
    --f-label-typo:var(--f-typo);
    --f-label-weight:var(--f-typo-weight-regular);
    --f-label-color:var(--f-text-black);
    --f-label-size:var(--f-text-size);
	
    --f-field-text-color:var(--f-text-color);
    --f-field-bg-color:var(--f-white);
    --f-field-bg-hover:var(--f-blue-lightest);
    --f-field-bg-focus:var(--f-highlight);
    --f-field-border-color:var(--f-grey-light);
    --f-field-border-top-color:var(--f-field-border-color);
    --f-field-border-bottom-color:var(--f-field-border-color);
    --f-field-border-right-color:var(--f-field-border-color);
    --f-field-border-left-color:var(--f-field-border-color);
    --f-field-radius:2px;
    --f-field-padding:var(--f-space-2xs) var(--f-space-xs);
    --f-field-margin:var(--f-space-2xs) 0;
	
    --f-filter-label-color:var(--f-text-black);
    --f-filter-label-weight:var(--f-typo-weight-bold);
    --f-filter-label-size:var(--f-text-size-s);
    --f-filter-text-color:var(--f-text-color);
    --f-filter-bg-color:var(--f-white);
    --f-filter-bg-hover:var(--f-color2-lightest);
    --f-filter-bg-focus:var(--f-highlight);
    --f-filter-border-color:var(--f-line-color);
    --f-filter-border-top-color:var(--f-filter-border-color);
    --f-filter-border-bottom-color:var(--f-filter-border-color);
    --f-filter-border-right-color:var(--f-filter-border-color);
    --f-filter-border-left-color:var(--f-filter-border-color);
    --f-filter-radius:var(--f-radius);
	
    --f-field-disable-text-color:var(--f-text-grey);
    --f-field-disable-bg-color:var(--f-grey-lightest);
    --f-field-disable-border-type:solid;
    --f-field-disable-border-color:var(--f-grey-lighter);
    --f-field-disable-radius:var(--f-radius-xs);
	
    --f-encadre-bg-color:var(--f-white);
    --f-encadre-recap-bg-color:var(--f-blue-lightest);
    --f-encadre-border-color:var(--f-line-color);
    --f-encadre-border-size:1px;
    --f-encadre-title-size:var(--f-text-size-2xl);
    --f-encadre-title-color:var(--f-titles-color);
    --f-encadre-title-cap:normal;
    --f-encadre-radius:var(--f-radius);
    --f-encadre-padding:var(--f-space-s);
    --f-encadre-margin: var(--f-space-s) auto;
    --f-encadre-text-color:var(--f-text-color);
    --f-encadre-shadow:var(--f-shadow);
	
    --f-entete-bg-color:var(--f-grey-lightest);
    --f-entete-radius:var(--f-encadre-radius);
    --f-entete-padding:var(--f-space-xs) var(--f-space);
    --f-entete-title-size:var(--f-h2-size);
    --f-entete-title-color:var(--f-titles-color);
    --f-entete-title-align:center;
	
    --f-bt-aide-icon-color:var(--f-base-color1);
    --f-bt-aide-bg-color:var(--f-base-yellow-light);
    --f-bt-aide-border-color:var(--f-base-yellow-light);
	
	--f-icon-user-top:var(--f-yellow-light);
	--f-icon-user-bottom:var(--f-color2-light);
}
/**********************************************************
	fin copier coller depuis forum.css  et forum-front.css
***********************************************************/
/* Scrollbar */
::-webkit-scrollbar {
    width: 1.7rem
}
::-webkit-scrollbar-track {
    background: #f6f8fb
}
::-webkit-scrollbar-thumb {
    background: #D0D7E9
}
::-webkit-scrollbar-thumb:hover {
    background: #D0D7E9
}
/* Global */
* {
    scrollbar-color: #D0D7E9 #f6f8fb;
    scrollbar-width: auto
}
.home_title,
.page_home #kc-page-title {
    display: none;
}
.page_home .home_title {
    display: block;
}
.login-pf {
    background: none;
}
html,
body {
    height: 100% !important;	
}
.login-pf body {
    font-family:var(--f-typo);
    font-weight: normal;
    text-decoration: none;
    text-rendering: optimizeLegibility;
    line-height: 1.3;
    font-size: var(--f-text-size);
    color: var(--f-text-color);
	background:var(--f-site-bg-color);
}
.login-pf body main::after {
    display:none;
}
.login-pf body footer {
	z-index:1;
	position:relative;
}
@media all and (min-height:820px) and (min-width:1085px) {
	.login-pf body:not(.page_register) footer {
		position:fixed;
		bottom:0
	}
}
.login-pf-page {
	padding:0;
}
a {
	color:var(--f-text-color);
	text-decoration:underline;
}
.login-pf a:hover,
a:hover {
	color:var(--f-color2);
}
/* logos h1 */
h1,h2,h3,h4,h5 {
	font-family:var(--f-titles-typo);
	text-transform:var(--f-titles-cap);
	font-weight:var(--f-titles-weight);
	color:var(--f-titles-color);
	line-height:1.2em;
}
h1 a,h2 a,h3 a,h4 a,h5 a {
	font-family:var(--f-titles-typo);
	font-weight:var(--f-titles-weight);
}
h1 {
	color:var(--f-color1-darker);
	font-weight:700;
	font-size:2.6rem;
	text-transform:var(--f-h1-cap);
	margin:0 0 var(--f-space-s) 0;
	padding:3rem 0;
}
.page_login h1 {
	margin-bottom:0;
}
legend,
h2 {
	font-size:2rem;
	line-height:1.1em;
	margin:var(--f-space) 0 var(--f-space) 0;
	color:var(--f-color1-darker);
	font-weight:700;
}
h3 {
	font-size:var(--f-h3-size);
	margin:var(--f-space) 0 var(--f-space-xs) 0;
}
h4 {
	font-size:var(--f-h4-size);
	margin:var(--f-space-s) 0 var(--f-space-xs) 0;
}
.login-pf-page .login-pf-header {
    background: var(--f-header-bg-color);
    box-shadow:var(--f-header-shadow);
    height: 10vh;
    margin:0;
    padding:0;
}
.login-pf-page .header_logo,
.login-pf-page .login-pf-page-header {
        margin:0px 2px;
	height:100%;
	
    }
.login-pf-page .header_logo {
	display:flex;
	height:100%;
	align-items:center;
	max-width:1150px;
	margin:0 auto;
}
.logo-portail {
	background-image:var(--f-logo);
  background-repeat:no-repeat;
	background-position:left center;
  background-size:contain;
  display:block;
  height:80%;
  width:300px;
  margin:0 2rem;
}
.ariane {
	margin-top:1.5rem;
}
.ariane ul {
	display:flex;
}
.ariane ul li {
	list-style-type:none;
	margin:0 0.5rem;
	font-size:var(--f-text-size-xs);
}

/* Box connexion */
.main_inner {
	max-width: 1080px;
    margin: 0 auto 100px auto;
	/*border:0;
	padding:0 3rem 3rem 3rem;
	background-color:var(--f-site-bg-color);
	border-radius:0 0 var(--f-radius) var(--f-radius);
	*/
	position:relative;
	z-index:2;
	
}
.encadre,
    #kc-content-wrapper .encadre,
	.page_login #kc-content-wrapper>div {
    margin: 0;
	border:0;
	padding:1px 3rem 3rem 3rem;
	
	box-shadow:0 1px 20px rgba(0,3,18,0.3);
	background-color:var(--f-site-bg-color);
	border-radius:6px;
		
    }
/* deb form */
@media all and (min-width:1147px) {
	.page_login #kc-content-wrapper #kc-form {
		width:45%;
	}
	.page_login #kc-content-wrapper #kc-info {
		width:52%;
	}
}
@media all and (min-width:1085px) {
	.page_login #kc-content-wrapper {
		display:flex;
		justify-content:space-between;
	}
	.page_login #kc-content-wrapper #kc-form {
		width:43%;
	}
	.page_login #kc-content-wrapper #kc-info {
		width:55%;
	}
}
#kc-content-wrapper #page_register {
	width:auto;
	padding:3rem 5rem;
	margin:0 -2rem;
}
#kc-content-wrapper>div {
	background-color: transparent;
	margin:0;
	padding:0;
	text-align:left;
}
#kc-info-wrapper {
    font-size: initial;
    padding: 0;
    background-color: transparent;
}
.form-horizontal .form-group,
.form-group {
    margin:0  auto;
	text-align:left;
}
 label.pf-c-form__label {
	color:var(--f-label-color);
	font-size:var(--f-text-size);
	font-weight:var(--f-label-weight);
	font-size:var(--f-text-size);
	margin:2.5rem 0 1rem 0;
	display:block;
	text-align:left;
}
form .button,
button[type="submit"],
button[type="button"],
#kc-form-buttons input.pf-m-primary {
	display:inline-flex;
	align-items:center;
	background:var(--f-button-bg-color);
	box-shadow:var(--f-button-shadow);
	padding:var(--f-button-padding);
	margin:1rem 1rem 0 0;
	border-radius:var(--f-button-radius);
	border:1px solid var(--f-button-border-color);
	color:var(--f-button-text-color);
	font-weight:var(--f-button-text-weight);
	font-family:var(--f-button-typo);
	font-size:var(--f-button-text-size);
	text-decoration:none;
	text-align:initial;
	height:initial;
	width:auto !important;
}
form .button:hover,
button[type="submit"]:hover,
button[type="button"]:hover,
#kc-form-buttons input.pf-m-primary:hover {
	background-color:var(--f-button-bg-hover);
	border:1px solid var(--f-button-border-hover);
	color:var(--f-button-text-hover);
	text-decoration:none;
	box-shadow:var(--f-button-shadow);
	cursor:pointer;
	color:var(--f-button-text-color);
}
button[type="submit"]:focus,
button[type="button"]:focus,
#kc-form-buttons input.pf-m-primary:focus {
	background-color:var(--f-button-bg-focus);
	border:1px solid var(--f-button-border-focus);
	color:var(--f-button-text-focus);
	box-shadow:var(--f-button-shadow);
}
body .f_button a.franceconnect-particulier {
	display:inline-flex;
	align-items:center;
    background-color:#024EA2;
	border:1px solid #1A1364;
	max-width:400px;
	border-radius:6px 6px 4px 4px;
	box-shadow:0px 3px 0px #1A1364;
	color:white;
	text-decoration:none;
	padding:0 1.5rem;
	margin:1rem 0 1.5rem 0;
	transition:0.1s;
}
body .f_button a.franceconnect-particulier span {
	display:block;
	font-weight:400;
	font-size:21px;
	line-height:24px;
	padding:1.5rem 0;
	text-align:left;
}
.f_button .franceconnect-particulier::before {
	display:block;
	content:"";
	height:78px;
	width:78px;
	background:url('../img/franceconnect.svg') no-repeat center;
	background-size:contain;
	margin:0 1.3rem 0 0;
	flex-shrink:0;
}
body .f_button a.franceconnect-particulier:hover {
	transform:scale(1.025);
}
.form-group .radio {
	
}
/* deb champs deb fields */
#kc-form-options .checkbox {
    color: var(--f-label-color);
}
select,
.login-pf-page input.pf-c-form-control {
	background-color:var(--f-field-bg-color);
	color:var(--f-field-text-color);
	border-top:1px solid var(--f-field-border-top-color);
	border-right:1px solid var(--f-field-border-right-color);
	border-bottom:1px solid var(--f-field-border-bottom-color);
	border-left:1px solid var(--f-field-border-left-color);
	border-radius:var(--f-field-radius);
	padding:var(--f-field-padding);
	margin:0 0 0.5rem 0;
	position:relative;
	max-width:520px;
	height:auto;
	width:100%;
    font-size:var(--f-text-size);
}
select:hover,
.login-pf-page input.pf-c-form-control:hover {
	background-color:var(--f-field-bg-hover);
	color:var(--f-field-text-color);
	border-top-color:var(--f-field-border-color);
	border-left-color:var(--f-field-border-color);
	border-right-color:var(--f-field-border-color);
	border-bottom:1px solid var(--f-field-border-color);
}
select:focus,
.login-pf-page input.pf-c-form-control:focus {
	background-color:var(--f-field-bg-focus);
	color:var(--f-field-text-color);
	border-top-color:var(--f-field-border-color);
	border-left-color:var(--f-field-border-color);
	border-right-color:var(--f-field-border-color);
	border-bottom:1px solid var(--f-field-border-color);
}
.login-pf-page input.pf-c-form-control[aria-invalid="true"] {
	 color:var(--f-field-text-color);
    border-color: var(--f-red-light) !important;
}
select[name="user.attributes.gender"] {
	width:auto !important;
}
.login-pf-page .box_mdp {
	max-width:480px;
}
.login-pf-page .box_mdp input {
	width:88%;
}
.login-pf-page .box_mdp .oeil {
	position:absolute;
	right:0;
	top:0px;
	border:0;
	height:36px;
	width:36px !important;
	border-radius:100%;
	background-color:transparent;
	padding:0;
	margin:0;
	display:flex;
	justify-content:center;
	align-items:center;
}
.login-pf-page .box_mdp .oeil[aria-pressed="true"]::after {
	display:block;
	content:"";
	position:absolute;
	top:6px;
	left:17px;
	width:2px;
	height:25px;
	background:var(--f-grey-light);
	transform:rotate(45deg);
	border-radius:10px;
}
.login-pf-page .box_mdp .oeil img {
	opacity:0.6;
}
.login-pf-page .box_mdp .oeil[aria-pressed="true"] img {
	opacity:0.35;
}
.form-horizontal .control-label {
    text-align: left;
}
#kc-form-login {
	text-align:center;
}
.login-pf-page #kc-form-buttons {
	margin:0;
	display:inline-flex;
	align-items:center;
	justify-content:flex-start;
	position:relative;
}
.login-pf-page #kc-form-buttons::after {
	display:block;
	content:"";
	height:25px;
	width:25px;
	background: url(../img/fleche.svg) no-repeat center;
	border-radius:100%;
	right:5px;
	position:absolute;
	z-index:20;
}
.login-pf-page #kc-form-buttons .btn-primary {
	padding-right:35px;
}
.page_login .DescriptionFC {
	font-size:var(--f-text-size-l);
	line-height:1.3em;
}
.login-pf-page .login-pf-settings {
	font-size:var(--f-text-size);
	margin:var(--f-space-xs) 0 0 0;
	align-items:flex-start;
}
.message_erreur,
span#input-error {
	color:var(--f-red);
	font-size:14px;
}
h2.TitreFC {
	margin-bottom:0.5rem;
}
h2.TitreFC span {
	color:var(--f-blue);
}
.login-pf-page .card-pf p {
    color: var(--f-text-grey);
	line-height:1.1em;
}
.login-pf-page #kc-info .LienFC {
    margin-top:0.4rem;
}
#kc-registration h2 {
	font-size:var(--f-h3-size);
	margin-bottom:1rem;
}
#kc-registration h2 a {
	text-decoration:none;
	display:flex;
	align-items:center;
	position:relative;
	padding:2px 2px;
	margin:0;
	color:var(--f-color1-darker);
	font-weight:700;
}
#kc-registration h2 a:hover {
	text-decoration:underline;
}
#kc-registration h2 a::before {
	display:block;
	content:"";
	width:32px;
	height:32px;
	background:var(--f-color1-lighter);
	border-radius:100%;
	margin:0 10px 0 0;
	flex-shrink:0;
}
#kc-registration h2 a::after {
	display:block;
	content:"";
	width:36px;
	height:36px;
	background: url('../img/fleche.png') no-repeat 0px 0px;
	border:2px solid var(--f-color1-lighter);
	background-size:100%;
	margin-right:10px;
	position:absolute;
	left:1px;
	top:0px;
	border-radius:60px;
}
#RulesPassword {
	margin-top:2rem;
}
ul.checkPasswordRules li {
	list-style-type:none;
	display:flex;
	align-items:center;
}
ul.checkPasswordRules li::before {
	display:block;
	content:"";
	height:8px;
	width:8px;
	border-radius:10px;
	background-color:var(--f-grey-lighter);
	margin-right:10px;
}
ul.checkPasswordRules li.ok::before {
	background-color:var(--f-green-light);
}
.page_register .ic_franceconnect {
	text-align:center;
}
/* Alerts */
.instruction,
p.instruction,
.alert-error,
.alert {
    display:block;
	background-color:var(--f-blue-lightest);
	border:1px solid var(--f-blue-lighter);
	padding:var(--f-space-xs) 15px var(--f-space-xs) 5px;
	border-radius:4px;
	margin:var(--f-space) auto 0 auto;
	max-width:800px;
	position:relative;
	box-shadow:2px 2px 6px rgba(0,0,0,0.2);
}
.instruction,
p.instruction {
    padding-left:var(--f-space-s);
}
.alert-error {
	background-color:var(--f-red-lightest);
	border:1px solid var(--f-red-lighter);
}
.pf-c-alert__icon {
	position:absolute;
	left:0.5rem;
	top:0.5rem;
}
.alert-error .fa-exclamation-circle:before,
.pficon-error-circle-o:before {
    color:var(--f-red-light);
}
.form-group .col-xs-12 label {
	display:inline-flex;
	align-items:center;
}
.login-pf-page .card-pf {
    margin: 0;
    box-shadow: none;
    padding: 0;
    max-width:none;
    border-top: 0;
    background:transparent;
}
@media all and (min-width:800px) {
	
    .page_register .card-pf fieldset  {
	    display:flex;
	    flex-wrap:wrap;
	    justify-content:space-between;
    }
    .page_register .card-pf fieldset > div   {
	    width:47%;
    }
}
.page_register .card-pf fieldset > div   {
	margin:0;
	padding:0
}
.page_register .card-pf .col-xs-12 {
	margin:0;
	padding:0;
}
.info {
	text-color:var(--f-text-grey);
	font-size:var(--f-text-size-xs);
}
.required {
	color:var(--f-red);
}
.fieldset_identifiants {
	margin-top:4rem;
}
legend  {
	display:flex;
	justify-content:flex-start;
	align-items:center;
	float:left;
	width:100%;
	border:0;
	margin:var(--f-space) 0 var(--f-space-s) 0;
	padding:0;
}
legend.legend_picto::before {
	display:block;
	content:"";
	height:3.7rem;
	width:3.7rem;
	background:var(--f-color1) url("../img/ic_identite.svg") no-repeat center;
	background-size:100%;
	border-radius:100%;
	border:2px solid var(--f-color1);
	margin-right:1rem;
	flex-shrink:0
}
legend.legend_picto.picto_identifiant::before {
	background-color:var(--f-color1) ;
	background-image:url("../img/ic_identifiant.svg");
	border-color:var(--f-color1);
}
hr  {
	display:block;
	content:"";
	height:1px;
	width:100%;
	border:0;
	border-bottom:1px solid var(--f-line-color);
	margin:var(--f-space-l) 0;
}
body .box_retour_connexion,
#kc-form-options {
	float:none;
	margin:2rem 0;
	padding:0;
}
#kc-form-login #kc-form-options {
	margin:0
}
.choix_ville_pays>div {
	display:inline-block;
}
.style_button .item_button {
	position: relative;
}
.style_button input[type="radio"]{
	position: absolute;
    height: 100%;
    width:100%;
	opacity:0;
}
.style_button label {
	display: block !important;
	margin:2px;
	border:1px solid var(--f-field-disable-border-color);
	background-color: var(--f-field-disable-bg-color);
	font-weight:var(--f-button-text-weight);
	font-family:var(--f-button-typo);
	padding:var(--f-button-padding);
    border-radius: var(--f-button-radius);
	color: var(--f-text-color);
}
.style_button input[type="radio"]:hover+label{
	background-color:var(--f-button-bg-color);
	border-color:var(--f-button-border-color);
	color:var(--f-button-text-color);
	cursor:pointer;
}
.style_button input[type="radio"]:checked+label {
	background-color:var(--f-highlight-colored);
	border-color:var(--f-highlight-colored);
	color:var(--f-text-color);
}
body .box_choix_saisie {
	position:absolute;
	bottom:0;
}
body .box_choix_saisie button {
	background:none;
	border:0;
	color:var(--f-text-color);
	text-decoration:underline;
	padding:0;
	margin:2rem 0 1rem 0;
}
body .box_choix_saisie button:hover {
	background:none;
	border:0;
	color:var(--f-color2);
	text-decoration:underline;
}
#page_register .box_choix_manuel,
#page_register .box_choix_auto {
	position:relative;
}
#div_france,
#div_etranger {
	position:relative;
	min-height: 145px;
}
#page_register .box_choix_auto input {
	max-width:330px;
}
#page_register .box_choix_auto #kc-form-buttons {
	margin:0;
	position:absolute;
	right:0;
	margin-top:-40px;
	width:auto;
}
#page_register .box_choix_auto #kc-form-buttons button {
	margin:0;
}
.box_carte_vitale {
	position:absolute;
	left:540px;
	top: -80px;
	width:475px;
	display:flex;
	flex-direction:row-reverse;
	align-items:center;
	box-shadow:2px 2px 6px rgba(0,0,0,0.3);
}
.box_carte_vitale>div {
	padding:0 2rem 2rem 2rem;
	height:400px;
	overflow-y:auto;
	font-size:var(--f-text-size-s);
}
.box_carte_vitale h3 {
	font-size:var(--f-text-size-l);
	color:var(--f-green);
}
.box_carte_vitale img {
	height:200px;
	width:auto;
}
/****** deb footer ****/
footer {
	background-color:var(--f-footer-bg-color);
	border-top:0;
	padding:0;
	width:100%;
	color:var(--f-footer-text-color);
	opacity:0.9;
	height:62px;
}
footer .inner {
	max-width:var( --f-footer-max-width);
	display:flex;
	justify-content:center;
	align-items:center;
	height:100%;
	position:relative;
}
footer p {
	margin:0;
}
footer ul {
	display:flex;
	justify-content:var(--f-footer-align);
	align-items:center;
	margin:0;
	padding:0;
	flex-wrap:wrap;
}
footer ul li {
	list-style-type:none;
	margin:0;
	padding:0;
}
footer ul li a {
	font-weight:400;
	font-size:1.6rem;
	padding:0;
	margin:0 2rem;
	border-radius:0;
	color:var(--f-text-color);
	background-color:none;
	border:1px;
	border-bottom-color:var(--f-color1);
	text-decoration:none;
}
.login-pf footer ul li a:hover {
	color:var(--f-color1-darker);
	background-color:var(--f-footer-text-bg-hover);
	border:var(--f-footer-text-border-width) solid var(--f-color1-darker);
	border-bottom-color:var(--f-color1-darker);
	text-decoration:underline;
}
.login-pf footer ul li a.active {
	color:var(--f-footer-text-focus);
	background-color:var(--f-footer-text-bg-focus);
	border:var(--f-footer-text-border-width) solid var(--f-footer-text-border-focus);
	border-bottom-color:var(--f-footer-text-border-bottom-focus);
}
.form-group .col-xs-12 {
    padding:0;
		margin:0;
}
.dropdown-content {
	position:relative
}
.back_link {
	position:absolute;
	bottom:0;
	right:0
}
.back_link a {
	background:#000 url('../img/power_phoenix.png') no-repeat center;
	background-size:contain;
	display:block;
	width:160px;
	height:62px;
	padding:0;
	margin:0;
	opacity:1;
	border:0 !important;
}
body .back_link a:hover {
	border:0 !important;
	background-color:#fff;
	cursor:pointer;
}
@media all and (max-width:989px) {
	.back_link {
	position:relative;
	bottom:auto;
	right:auto;
		margin:1rem;
	}
}
@media all and (max-width:639px) {
	.back_link {
	
	}
}
#myresult {
	position:absolute;
	width:100%;
	z-index:20;
}
#myresult a {
		display:block;
	padding:0.5rem 1.5rem;
	background:var(--f-white);
	box-shadow:var(--f-shadow);
}
#myresult a:last-child {
	padding-bottom:1.5rem;
}
#myresultFR {
	position:absolute;
	width:100%;
	z-index:20;s
}
#myresultFR a {
		display:block;
	padding:0.5rem 1.5rem;
	background:var(--f-white);
	box-shadow:var(--f-shadow);
}
#myresultFR a:last-child {
	padding-bottom:1.5rem;
}
#myresultETR {
	position:absolute;
	width:100%;
	z-index:20;s
}
#myresultETR a {
		display:block;
	padding:0.5rem 1.5rem;
	background:var(--f-white);
	box-shadow:var(--f-shadow);
}
#myresultETR a:last-child {
	padding-bottom:1.5rem;
}
.valid_register {
	margin:3rem 0 3rem 0;
	padding-bottom:3rem;
	text-align:right;
	border-bottom:1px dotted var(--f-line-color);
	line-height:auto;
}
.valid_register #kc-form-buttons {
	justify-content:flex-end;
	float:none;
}
/****** finfooter ****/
@media all and (max-width:1170px) {
	.main_inner {
	    max-width: 92%;
	}
	#kc-info-wrapper,
	 #kc-form-login {
		max-width:500px;
		 margin:auto;
	}
	.box_carte_vitale {
		left:110%;
		width:100%;
	}
}
@media all and (max-width:990px) {
	#kc-content-wrapper #page_register {
    padding: 2rem 2rem;
    margin: 0 0rem;
}
	h1 {
		font-size:4rem;
}
	.main_inner {
		margin:0 auto;
        padding:0;
        background-color: transparent;
        border-radius: 0;
		 max-width: 94%;
		padding:0 30px;
    }   
	.encadre,
    #kc-content-wrapper .encadre,
	.page_login #kc-content-wrapper>div {
        background-color: var(--f-white);
        margin: var(--f-space) 0;
        padding:1rem 3rem 3rem 3rem;
		box-shadow:var(--f-shadow-large);
		border-radius:var(--f-encadre-radius);
        text-align: left;
    }
	.page_register .main_inner {
        padding:0
    }
}
@media (max-width: 800px) {
	 .box_carte_vitale {
		position:relative;
		 max-width:none;
		 width:auto;
		 left:auto;
		top:auto;
	}
	.box_carte_vitale>div {
		height:auto;
	}
	#div_france, #div_etranger {
	    min-height: 0;
	}
	body .box_choix_saisie {
	    position: relative;
	}
}
@media (max-width: 767px) {
    #kc-header {
        padding-left: 0;
        padding-right: 0;
    }
}
@media all and (max-width:699px) {*
	
	.login-pf-page .login-pf-header {
        height: 7vh;
    }
	h1 {
	    font-size:var(--f-h2-size);
	    margin:0;
    }
    legend,
    h2 {
	    font-size:var(--f-h3-size);
	    margin:var(--f-space-s) 0 var(--f-space-xs) 0;
    }
    h3 {
	    font-size:var(--f-h4-size);
	    margin:var(--f-space-s) 0 var(--f-space-2xs) 0;
    }
    h4 {
	    font-size:var(--f-text-size);
	    margin:var(--f-space-xs) 0 var(--f-space-2xs) 0;
    }
	.main_inner {
        padding:0 10px;
    }

	footer {
		height:auto;
		padding:2rem 1rem;
	}
	footer .inner {
        flex-direction:column
    }
	footer ul {
        display:block;
		text-align:center;
    }
	footer ul li {
        display:inline-block;
		margin:5px 0;
    }
}