/*************************************************/
/* CG92 - etablissement							*/
/*************************************************/
@font-face {
	font-family: 'HelveticaNeueThin';
	src: url('../fonts/HelveticaNeue/HelveticaNeueThin.otf');
	font-weight: 100;
}

@font-face {
	font-family: 'HelveticaNeueUltraThin';
	src: url('../fonts/HelveticaNeue/HelveticaNeueUltraThin.otf');
	font-weight: 200;
}

@font-face {
	font-family: 'HelveticaNeueLight';
	src: url('../fonts/HelveticaNeue/HelveticaNeueLight.otf');
	font-weight: 300;
}

@font-face {
	font-family: 'HelveticaNeueRoman';
	src: url('../fonts/HelveticaNeue/HelveticaNeueRoman.otf');
	font-weight: 400;
}

@font-face {
	font-family: 'HelveticaNeueMedium';
	src: url('../fonts/HelveticaNeue/HelveticaNeueMedium.otf');
	font-weight: 500;
}

@font-face {
	font-family: 'HelveticaNeueBold';
	src: url('../fonts/HelveticaNeue/HelveticaNeueBold.otf');
	font-weight: 700;
}

@font-face {
	font-family: 'HelveticaNeueHeavy';
	src: url('../fonts/HelveticaNeue/HelveticaNeueHeavy.otf');
	font-weight: 800;
}

@font-face {
	font-family: 'HelveticaNeueBlack';
	src: url('../fonts/HelveticaNeue/HelveticaNeueBlack.otf');
	font-weight: 900;
}

@font-face {
	font-family: BricolageGrotesque;
	src: url('../fonts/BricolageGrotesque/BricolageGrotesque.ttf')
}

body {
	font-family: HelveticaNeueMedium;
	color: #002843;
	padding: 0;
	background-color: #F3F5F7;
}

form.form-horizontal {
	overflow: hidden;
	position: relative;
}

	form.form-horizontal::before {
		content: "";
		background-image: url(../../../Content/images/pattern-gris-alone.svg);
		width: 450px;
		height: 450px;
		background-size: contain;
		position: absolute;
		top: 0;
		right: -190px;
		transform: rotate(-70deg);
	}

	form.form-horizontal::after {
		content: "";
		background-image: url(../../../Content/images/pattern-gris-alone.svg);
		width: 450px;
		height: 450px;
		background-size: contain;
		position: absolute;
		top: 480px;
		left: -130px;
		transform: rotate(10deg);
	}

@media screen and (min-width: 992px) {
	form.form-horizontal::before {
		width: 1000px !important;
		height: 1000px !important;
		top: -260px !important;
		left: -110px !important;
		right: auto !important;
		transform: rotate(75deg) !important;
	}

	form.form-horizontal::after {
		width: 1000px !important;
		height: 1000px !important;
		top: 380px !important;
		left: auto !important;
		right: -310px !important;
		transform: rotate(0) !important;
	}
}

.filaire-20 {
	padding-top: 20px;
}


.filaire-30 {
	padding-top: 30px;
}

.form-group:has(.form-control) {
	padding: 6px 8px;
	border: 1px solid #667E8E;
	border-radius: 8px;
	background-color: white;
	position: relative;
}

	.form-group:has(.form-control) .control-label {
		font-family: HelveticaNeueBold;
		font-weight: 700;
		font-size: 14px;
		line-height: 100%;
		letter-spacing: 0%;
		color: #002843;
		margin: 0;
	}

		.form-group:has(.form-control) .control-label span {
			font-family: HelveticaNeueLight;
			font-weight: 400;
			font-style: Italic;
			font-size: 14px;
			line-height: 120%;
			letter-spacing: 0%;
			color: #002843;
		}

	.form-group:has(.form-control) .form-control {
		border: none;
		height: fit-content !important;
		padding: 0;
		font-family: HelveticaNeueLight;
		font-weight: 400;
		font-size: 16px;
		line-height: 150%;
		letter-spacing: -1%;
		color: #004167;
		background-color: inherit;
		box-shadow: none;
	}

.form-group.help-block, .form-group.has-error {
	padding: 6px 40px 6px 8px;
}

	.form-group.help-block::after, .form-group.has-error::after {
		content: "";
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='%23D12A2A' viewBox='0 0 256 256'%3E%3Cpath d='M224,128a96,96,0,1,1-96-96A96,96,0,0,1,224,128Z' opacity='0.2'/%3E%3Cpath d='M128,24A104,104,0,1,0,232,128,104.11,104.11,0,0,0,128,24Zm0,192a88,88,0,1,1,88-88A88.1,88.1,0,0,1,128,216Zm-8-80V80a8,8,0,0,1,16,0v56a8,8,0,0,1-16,0Zm20,36a12,12,0,1,1-12-12A12,12,0,0,1,140,172Z'/%3E%3C/svg%3E");
		background-size: contain;
		background-repeat: no-repeat;
		display: inline-block;
		width: 24px;
		height: 24px;
		position: absolute;
		right: 8px;
		top: 50%;
		transform: translateY(-50%);
	}

.form-group:has(.form-control[readonly]), .form-group:has(.form-control:disabled), .form-group:has(.select2-container--disabled) {
	background-color: #F3F5F7;
	border-color: #F3F5F7;
}

	.form-group:has(.form-control[readonly]) .control-label, .form-group:has(.form-control:disabled) .control-label, .form-group:has(.select2-container--disabled) .control-label, .form-group:has(.form-control[readonly]) .control-label span, .form-group:has(.form-control:disabled) .control-label span, .form-group:has(.select2-container--disabled) .control-label span, .form-group:has(.form-control[readonly]) .form-control, .form-group:has(.form-control:disabled) .form-control, .form-group:has(.select2-container--disabled) .form-control {
		color: #90909A;
	}

	.form-group:has(.form-control[readonly]) .select2-container--disabled, .form-group:has(.form-control:disabled) .select2-container--disabled, .form-group:has(.select2-container--disabled) .select2-container--disabled {
		background-color: inherit;
		color: inherit;
	}

.form-group.required .control-label:after {
	content: " *";
	color: inherit;
}

.form-group.requiredPoints .control-label:after {
	content: " * :";
	color: inherit;
}

.form-group.requiredOne .control-label:after {
	content: " **";
	color: inherit;
}

.form-group.required-double .control-label:after {
	content: " **";
	color: inherit;
}

.voffset {
	margin-top: 2px;
}

.voffset1 {
	margin-top: 5px;
}

.voffset2 {
	margin-top: 10px;
}

.voffset3 {
	margin-top: 15px;
}

.voffset4 {
	margin-top: 30px;
}

.voffset5 {
	margin-top: 40px;
}

.voffset6 {
	margin-top: 60px;
}

.voffset7 {
	margin-top: 80px;
}

.voffset8 {
	margin-top: 100px;
}

.voffset9 {
	margin-top: 150px;
}

.hoffset {
	margin-left: 2px;
}

.hoffset1 {
	margin-left: 5px;
}

.hoffset2 {
	margin-left: 10px;
}

.hoffset3 {
	margin-left: 15px;
}

.hoffset4 {
	margin-left: 30px;
}

.hoffset5 {
	margin-left: 40px;
}

.hoffset6 {
	margin-left: 60px;
}

.hoffset7 {
	margin-left: 80px;
}

.hoffset8 {
	margin-left: 100px;
}

.hoffset9 {
	margin-left: 150px;
}

/******AJAX LOADER******/

div.dataTables_wrapper div.dataTables_processing {
	z-index: 9997;
	width: 50px;
}

.dataTables_wrapper .dataTables_processing {
	background: #000 url("../Images/ajax-loader.gif") no-repeat center center;
	height: 50px;
	margin: -23px 0px 0px -23px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

.container-message {
	min-height: 250px;
	padding-top: 40px;
}

.overlay {
	bottom: 0;
	left: 0;
	position: fixed;
	right: 0;
	top: 0;
	z-index: 9998;
	opacity: 0.8;
	/*background-color : #f5f5f5;*/
	width: 100%;
	height: 100%;
}

.page-loading {
	width: 50px;
	height: 50px;
	position: absolute;
	top: 50%;
	left: 50%;
	background: #000 url("../Images/ajax-loader.gif") no-repeat center center;
	margin: -23px 0px 0px -23px;
	z-index: 9999;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

/*****AJAX LOADER******/

/*****RESOLUTION PB MODAL*****/
.modal-backdrop {
	z-index: 1;
}

.modal-dialog {
	z-index: 1060;
}

.soustitre {
	font-size: 16px;
	font-weight: bold;
	color: #3C899C;
}

.checkbox-margin {
	margin-right: 3%;
}

#dvInfoConv {
	overflow-y: auto;
	height: 400px;
	margin-bottom: 25px;
}

#dvBtnConv {
	margin-top: 20px;
}


#dvConfirmSignContainer input[type=submit] {
	width: 100%;
	margin-top: 5px;
	margin-bottom: 10px;
}

#dvConfirmSignContainer .form-group {
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
}


.textCenter {
	text-align: center;
}

.gvPadding {
	padding-left: 0px;
}

h1, .h1 {
	font-family: BricolageGrotesque !important;
	color: #002843 !important;
	font-weight: 700 !important;
	font-size: 32px !important;
	line-height: 110.00000000000001% !important;
	letter-spacing: -4%;
	color: #002843;
}

	h1 span {
		color: #0A708D;
	}

h2, .h2 {
	font-family: BricolageGrotesque !important;
	font-weight: 700 !important;
	font-size: 26px !important;
	line-height: 110.00000000000001% !important;
	letter-spacing: -4%;
	color: #002843;
}

h3, .h3 {
	font-family: BricolageGrotesque !important;
	font-weight: 700 !important;
	font-size: 20px !important;
	line-height: 110.00000000000001% !important;
	letter-spacing: -4%;
	color: #002843;
}

h4 {
	font-family: BricolageGrotesque;
	/*color: #2f56b9;*/
	color: #002843;
}

p {
	font-family: 'HelveticaNeueRoman';
	font-size: 16px;
	color: #002843;
}

a {
	color: #1b1464;
}

	a:focus, a:hover {
		color: inherit;
		text-decoration: underline;
	}

label {
	font-weight: 400;
}

@media (min-width: 768px) {
	.navbar-brand {
		padding: 0px 15px;
	}
}

.text-header {
	font-family: 'HelveticaNeueRoman';
	font-size: 17pt;
	color: #2f56b9;
}

@media (min-width: 768px) {
	.text-header {
		padding-bottom: 10px;
	}

	.img-style {
		max-height: 100%;
		max-width: 100%;
		margin: 0 auto;
	}
}

@media (min-width: 992px) {
	.text-header {
		font-size: 25pt;
	}

	.img-style {
		max-height: 100%;
		max-width: 100%;
		margin: 0 auto;
	}

	.div-title-menu-disconnected {
		position: absolute;
		left: 50%;
		transform: translateX(-50%);
	}
}

@media (min-width: 1200px) {
	.text-header {
		padding-top: 15px;
		padding-bottom: 15px;
		font-size: 28pt;
	}

	.img-style {
		max-height: 240px !important;
		max-width: 400px !important;
		margin: 0 auto;
	}
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {
	color: #2f56b9;
	background-color: transparent;
	font-weight: 700;
}

.text-chapeau {
	font-size: 12pt;
	color: #1d1d1d;
}

@media (min-width: 768px) {
	.text-chapeau {
		font-size: 13pt;
	}
}


.form-control {
	border-radius: 5px;
	font-size: 11pt;
	color: #565e63;
	height: 60px;
	border: 1px solid #ced4da;
}

.btn-primary-pass {
	color: #1b1464;
	background-color: white;
	border-color: #2f56b9;
}

.btn-default-pass {
	color: #1b1464;
	background-color: white;
	border-color: #1b1464;
}

	.btn-default-pass:hover {
		color: white;
		background-color: #1b1464;
		border-color: #1b1464;
	}

.navbar-nav {
	text-align: center;
}

.navbar-brand {
	width: 100%;
}

.navbar-default {
	background-color: white;
	border-color: white;
	border-bottom: #60686d 2px solid;
}

@media (min-width: 768px) {
	.navbar-header {
		float: none;
	}
}

.container-block-connexion {
	min-height: 200px;
	z-index: 1;
	position: relative;
	padding: 20px;
}

footer {
	background-color: #002843;
	padding: 80px 40px;
	border-top-left-radius: 24px;
	border-top-right-radius: 24px;
	position: relative;
	overflow: hidden;
	width: 100%;
}

	footer::before {
		content: "";
		background-image: url(https://contenu.zecarte.fr/1070/heracles/int/partenaire/content/img/pattern-bleu-fonce-alone.svg);
		width: 500px;
		height: 500px;
		background-size: cover;
		position: absolute;
		top: -110px;
		left: -210px;
		transform: rotate(-40deg);
	}

@media screen and (min-width: 992px) {
	footer::before {
		width: 1000px !important;
		height: 1000px !important;
		top: -80px !important;
		left: 200px !important;
		transform: rotate(0deg) !important;
	}
}

	footer a::after {
		content: none;
	}

.footer-block-link {
	background-color: inherit;
	padding: 120px 0 8px 0;
}

a.footer-link {
	color: white;
}

.footer-block-link .list-inline > li {
	padding-left: 20px;
	padding-right: 20px;
}

a.footer-link:focus, a.footer-link:hover {
	color: white;
	text-decoration: underline;
}

.footer-block-description {
	background-color: inherit;
	min-height: 80px;
	padding-top: 15px;
	padding-bottom: 120px;
	z-index: 1;
	position: relative;
}

.footer-description {
	font-size: 12pt;
	padding-top: 22px;
	padding-right: 15px;
	color: white;
}

.text-header-pass {
	font-weight: bold;
	font-family: inherit !important;
}

/*****************************************/
/*Spécial pour la page principale*/
/*****************************************/
/*Bouton rechercher page principale*/
.stylish-input-group button {
	border: 0;
	background: transparent;
}

.stylish-input-group .input-group-addon {
	background: white !important;
}

.stylish-input-group .form-control {
	border-right: none;
	box-shadow: 0 0 0;
	border-color: #ccc;
}

.input-group-addon {
	padding: 0px 12px;
	border-radius: 4px !important;
	border-left: 1px solid #ccc !important;
}

.datepicker {
	z-index: 999999 !important;
}

.carousel-caption {
	border: white 2px solid;
	color: black;
}

.btn-ensavoirplus .text {
	display: block;
	font-size: 20.7px;
	padding: 10px;
	margin-right: 10px;
	background-color: #177bbb;
	text-transform: UPPERCASE;
	color: white;
	width: 232px;
	float: right;
}

/*********************/
/*       Site        */
/*********************/


@media (min-width: 1200px) {
	.col-lg-2demi {
		width: 20.9%;
	}
}


.mandatory {
	color: red;
}


@media (min-width: 768px) {
	.blue-line {
		background-color: transparent;
		border-bottom: #1b93e0 2px solid;
	}
}

@media (min-width: 768px) {
	.green-line {
		background-color: transparent;
		border-bottom: #74b143 2px solid;
	}
}

@media screen and (min-width: 992px) {
	.container-site {
		padding-top: 80px;
		min-height: 400px;
	}
}

@media screen and (max-width: 767px) {
	.filaire20-visible-xs {
		padding-top: 20px;
	}
}

.container-site-famille {
	padding-top: 50px;
	background-color: #f9f9f9;
	min-height: 400px;
}

.filaire-20 {
	padding-top: 20px;
}

.no-padding-left {
	padding-left: 0px;
}

.no-padding {
	padding-left: 0px;
	padding-right: 0px;
}

.fa-site {
	font-size: 0.8em;
	color: white;
}

.footer-site {
	padding-top: 5px;
	/*background-color : #177bbb;
	color : #fbfafa;*/
}

.btn-connexion-green {
	color: white;
	background-color: #74b143;
	border-color: #74b143;
	border-radius: 12px;
}

.btn-connexion-blue {
	color: white;
	background-color: #177bbb;
	border-color: #177bbb;
	border-radius: 12px;
}

.form-control-connexion {
	border-radius: 12px;
}

.block-main-connexion {
	padding-bottom: 20px;
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
	.block-main-connexion {
		min-height: 400px;
	}
}

@media screen and (min-width: 1200px) {
	.block-main-connexion {
		min-height: 500px;
	}
}

/* Small devices (tablets, 768px and up) */
@media screen and (min-width: 768px) and (max-width: 991px) {
	.navbar-nav-famille {
		position: absolute;
		top: 110px;
		left: 0%;
	}
}

/* Medium devices (desktops, 992px and up) */
@media screen and (min-width: 992px) and (max-width: 1199px) {
	.navbar-nav-famille {
		position: absolute;
		top: 110px;
		left: 10%;
	}
}

/* Large devices (large desktops, 1200px and up) */
@media screen and (min-width: 1200px) {
	.navbar-nav-famille {
		position: absolute;
		top: 110px;
		left: 10%;
	}
}


.navbar-blue {
	background-color: #0071b7;
	border-color: #0071b7;
	min-height: 50px;
	margin-bottom: 0px;
}

@media (min-width: 768px) {
	.navbar-blue {
		min-height: 100px;
	}
}


.navbar-blue .navbar-brand {
	color: #9d9d9d;
}

	.navbar-blue .navbar-brand:hover,
	.navbar-blue .navbar-brand:focus {
		color: #333;
		background-color: transparent;
	}

.navbar-blue .navbar-text {
	color: #9d9d9d;
}

.navbar-blue .navbar-nav > li > a {
	color: white;
	margin: 5px;
	padding-top: 6px;
	padding-bottom: 6px;
}

	.navbar-blue .navbar-nav > li > a:hover,
	.navbar-blue .navbar-nav > li > a:focus {
		color: white;
	}

.navbar-blue .navbar-nav > .active > a,
.navbar-blue .navbar-nav > .active > a:hover,
.navbar-blue .navbar-nav > .active > a:focus {
	color: #74b143;
	font-weight: bold;
}

.navbar-blue .navbar-nav-famille > .active > a,
.navbar-blue .navbar-nav-famille > .active > a:hover,
.navbar-blue .navbar-nav-famille > .active > a:focus {
	color: white;
	background-color: #74b143;
}

.navbar-blue .navbar-nav > .disabled > a,
.navbar-blue .navbar-nav > .disabled > a:hover,
.navbar-blue .navbar-nav > .disabled > a:focus {
	color: #444;
	background-color: transparent;
}

.navbar-blue .navbar-toggle {
	border-color: #74b143;
}

	.navbar-blue .navbar-toggle:hover,
	.navbar-blue .navbar-toggle:focus {
		background-color: #177bbb;
	}

	.navbar-blue .navbar-toggle .icon-bar {
		background-color: #fff;
	}

.navbar-blue .navbar-collapse,
.navbar-blue .navbar-form {
	border-color: white;
}

.navbar-blue .navbar-nav > .open > a,
.navbar-blue .navbar-nav > .open > a:hover,
.navbar-blue .navbar-nav > .open > a:focus {
	color: white;
	background-color: #177bbb;
}

@media (max-width: 767px) {
	.marginBottom {
		margin-bottom: 5px;
		margin-top: 5px;
	}

	.navbar-blue .navbar-nav .open .dropdown-menu > .dropdown-header {
		border-color: #080808;
	}

	.navbar-blue .navbar-nav .open .dropdown-menu .divider {
		background-color: #177bbb;
	}

	.navbar-blue .navbar-nav .open .dropdown-menu > li > a {
		color: #9d9d9d;
	}

		.navbar-blue .navbar-nav .open .dropdown-menu > li > a:hover,
		.navbar-blue .navbar-nav .open .dropdown-menu > li > a:focus {
			color: #fff;
			background-color: transparent;
		}

	.navbar-blue .navbar-nav .open .dropdown-menu > .active > a,
	.navbar-blue .navbar-nav .open .dropdown-menu > .active > a:hover,
	.navbar-blue .navbar-nav .open .dropdown-menu > .active > a:focus {
		color: #fff;
		background-color: #080808;
	}

	.navbar-blue .navbar-nav .open .dropdown-menu > .disabled > a,
	.navbar-blue .navbar-nav .open .dropdown-menu > .disabled > a:hover,
	.navbar-blue .navbar-nav .open .dropdown-menu > .disabled > a:focus {
		color: #444;
		background-color: transparent;
	}

	.img-title {
		left: 0px !important;
		z-index: -1;
	}

	#Question-1 .text-secondaire, #Question-2 .text-secondaire {
		padding-left: 0px !important;
		text-align: center;
	}
}

.navbar-blue .navbar-link {
	color: #9d9d9d;
}

	.navbar-blue .navbar-link:hover {
		color: #fff;
	}

.navbar-blue .btn-link {
	color: #9d9d9d;
}

	.navbar-blue .btn-link:hover,
	.navbar-blue .btn-link:focus {
		color: #fff;
	}

	.navbar-blue .btn-link[disabled]:hover,
	fieldset[disabled] .navbar-blue .btn-link:hover,
	.navbar-blue .btn-link[disabled]:focus,
	fieldset[disabled] .navbar-blue .btn-link:focus {
		color: #444;
	}



/* SQUARED ONE */
/*input[type=checkbox] {
	visibility: hidden;
}*/
/*#ch_RememberMe
{
    	visibility: hidden;
}*/
.squaredOne {
	width: 20px;
	height: 20px;
	background: #fff;
	left: 12px;
	margin-top: 11px;
	-webkit-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
	-moz-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
	box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
	position: relative;
}

	.squaredOne label {
		cursor: pointer;
		position: absolute;
		width: 20px;
		height: 20px;
		left: 0px;
		top: 0px;
		-webkit-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,1);
		-moz-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,1);
		box-shadow: inset 0px 1px 1px #fff, 0px 1px 0px rgba(255,255,255,1);
		background: -webkit-linear-gradient(top, #fff 0%, #fff 100%);
		background: -moz-linear-gradient(top, #222 0%, #45484d 100%);
		background: -o-linear-gradient(top, #222 0%, #45484d 100%);
		background: -ms-linear-gradient(top, #222 0%, #45484d 100%);
		background: linear-gradient(top, #222 0%, #45484d 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#222', endColorstr='#45484d',GradientType=0 );
	}

		.squaredOne label:after {
			-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
			filter: alpha(opacity=0);
			opacity: 0;
			content: '';
			position: absolute;
			width: 12px;
			height: 12px;
			background: #2f56b9;
			top: 4px;
			left: 4px;
		}

		.squaredOne label:hover::after {
			-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
			filter: alpha(opacity=30);
			opacity: 0.3;
		}

	.squaredOne input[type=checkbox]:checked + label:after {
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
		filter: alpha(opacity=100);
		opacity: 1;
	}

.backgroundMenu {
	background-color: white;
	border: 0;
}

.marginStyle {
	margin-top: 12px;
	margin-right: 10px;
	margin-left: 10px;
}

.height {
	height: 151px;
}


.Legend {
	font-size: 16pt;
	border-bottom: 1px solid #002843;
	color: #002843;
	font-family: BricolageGrotesque !important;
	font-weight: 700 !important;
	font-size: 26px !important;
	line-height: 110.00000000000001% !important;
	letter-spacing: -4%;
	background-color: white;
	padding: 12px;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
}

.rafio-Style {
	font-size: 14pt;
	color: #565e63;
}

.fleche-style {
	color: #2f56b9;
	margin-left: 25px;
}


@media screen and (max-width: 767px) {
	.Logo-mobile {
		height: 100px;
		width: 150px;
	}

	div.Logo-mobile a {
		height: 100%;
	}

		div.Logo-mobile a img {
			background-size: cover;
		}

	.margin-left-style {
		margin-left: 102px;
	}
}

.progress {
	height: 35px !important;
}

.radio-marg {
	margin-right: 15px !important;
}

.radio {
	padding-left: 20px;
}

	.radio label {
		display: inline-block;
		vertical-align: middle;
		position: relative;
		padding-left: 5px;
		margin-right: 30px;
		cursor: pointer;
	}

		.radio label::before {
			top: 0px;
			content: "";
			display: inline-block;
			position: absolute;
			width: 25px;
			height: 25px;
			left: 0;
			margin-left: -30px;
			border: 2px solid #ccc;
			border-radius: 50%;
			background-color: #ccc;
			-webkit-transition: border 0.15s ease-in-out;
			-o-transition: border 0.15s ease-in-out;
			transition: border 0.15s ease-in-out;
		}

		.radio label::after {
			display: inline-block;
			position: absolute;
			padding-left: 6px;
			content: '\2713';
			width: 25px;
			height: 25px;
			left: -10px;
			top: 0px;
			color: white;
			margin-left: -20px;
			border-radius: 50%;
			background-color: #1b1464;
			-webkit-transform: scale(0, 0);
			-ms-transform: scale(0, 0);
			-o-transform: scale(0, 0);
			transform: scale(0, 0);
			-webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
			-moz-transition: -moz-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
			-o-transition: -o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
			transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
		}

	.radio input[type="radio"] {
		opacity: 0;
		z-index: 1;
	}

		.radio input[type="radio"]:focus + label::before {
			outline: thin dotted;
			outline: 5px auto -webkit-focus-ring-color;
			outline-offset: -2px;
		}

		.radio input[type="radio"]:checked + label::after {
			-webkit-transform: scale(1, 1);
			-ms-transform: scale(1, 1);
			-o-transform: scale(1, 1);
			transform: scale(1, 1);
		}

		.radio input[type="radio"]:disabled + label {
			opacity: 0.65;
		}

			.radio input[type="radio"]:disabled + label::before {
				cursor: not-allowed;
			}

	.radio.radio-inline {
		margin-top: 0;
	}

.radio-primary input[type="radio"] + label::after {
	background-color: #337ab7;
}

.radio-primary input[type="radio"]:checked + label::before {
	border-color: #337ab7;
}

.radio-primary input[type="radio"]:checked + label::after {
	background-color: #337ab7;
}

.radio-danger input[type="radio"] + label::after {
	background-color: #d9534f;
}

.radio-danger input[type="radio"]:checked + label::before {
	border-color: #d9534f;
}

.radio-danger input[type="radio"]:checked + label::after {
	background-color: #d9534f;
}

.radio-info input[type="radio"] + label::after {
	background-color: #5bc0de;
}

.radio-info input[type="radio"]:checked + label::before {
	border-color: #2f56b9;
	border: 2px solid;
}

.radio-info input[type="radio"]:checked + label::after {
	background-color: #1b1464;
}


.font-size-17 {
	font-size: 17px;
}

/* Message important */
p.important-italic-message {
	font-style: italic !important;
	color: red !important;
}

/* Asterix message */
p.asterix-message {
	font-size: 9pt !important;
	font-style: normal !important;
}

/*Checkbox*/

.checkbox {
	padding-left: 20px;
}

	.checkbox label {
		display: inline-block;
		vertical-align: middle;
		position: relative;
		padding-left: 8px !important;
		font-weight: 500 !important;
	}

#BodyPlaceHolder_ConvStepActivites_dvActivites .checkbox label {
	min-width: 230px;
}

@media (min-width: 1200px) {
	#ck_MultiActs {
		padding-left: 50px;
	}
}

.d-flex {
	display: flex;
}

.justify-content-center {
	justify-content: center;
}

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

.flex-column {
	flex-direction: column;
}

.checkbox label::before {
	content: "";
	top: 2px;
	display: inline-block;
	position: absolute;
	width: 18px;
	height: 18px;
	left: 0;
	margin-left: -20px;
	border: 1px solid #565e63;
	border-radius: 3px;
	background-color: #fff;
	-webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
	-o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
	transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
}

.checkbox label::after {
	display: inline-block;
	border-radius: 3px;
	position: absolute;
	width: 18px;
	height: 18px;
	left: -4px;
	top: 2px;
	padding-left: 3px;
	padding-top: 2px;
	margin-left: -16px;
	font-size: 11px;
	color: #555555;
}

.checkbox input[type="checkbox"],
.checkbox input[type="radio"] {
	opacity: 0;
	z-index: 1;
}

	.checkbox input[type="checkbox"]:focus + label::before,
	.checkbox input[type="radio"]:focus + label::before {
		outline: thin dotted;
		outline: 5px auto -webkit-focus-ring-color;
		outline-offset: -2px;
	}

	.checkbox input[type="checkbox"]:checked + label::after,
	.checkbox input[type="radio"]:checked + label::after {
		font-family: "FontAwesome";
		content: "\f00c";
		background: #1b1464;
	}

	.checkbox input[type="checkbox"]:indeterminate + label::after,
	.checkbox input[type="radio"]:indeterminate + label::after {
		display: block;
		content: "";
		width: 10px;
		height: 3px;
		background-color: #555555;
		border-radius: 2px;
		margin-left: -16.5px;
		margin-top: 7px;
	}

	.checkbox input[type="checkbox"]:disabled + label,
	.checkbox input[type="radio"]:disabled + label {
		opacity: 0.65;
	}

		.checkbox input[type="checkbox"]:disabled + label::before,
		.checkbox input[type="radio"]:disabled + label::before {
			background-color: #eeeeee;
			cursor: not-allowed;
		}

.checkbox.checkbox-circle label::before {
	border-radius: 50%;
}

.checkbox.checkbox-inline {
	margin-top: 0;
}

.checkbox-primary input[type="checkbox"]:checked + label::before,
.checkbox-primary input[type="radio"]:checked + label::before {
	background-color: #337ab7;
	border-color: #337ab7;
}

.checkbox-primary input[type="checkbox"]:checked + label::after,
.checkbox-primary input[type="radio"]:checked + label::after {
	color: #fff;
}

.checkbox-danger input[type="checkbox"]:checked + label::before,
.checkbox-danger input[type="radio"]:checked + label::before {
	background-color: #d9534f;
	border-color: #d9534f;
}

.checkbox-danger input[type="checkbox"]:checked + label::after,
.checkbox-danger input[type="radio"]:checked + label::after {
	color: #fff;
}

.checkbox-info input[type="checkbox"]:checked + label::before,
.checkbox-info input[type="radio"]:checked + label::before {
	background-color: #ffffff;
	border-color: #1b1464;
}

.checkbox-info input[type="checkbox"]:checked + label::after,
.checkbox-info input[type="radio"]:checked + label::after {
	color: white;
}

.checkbox-warning input[type="checkbox"]:checked + label::before,
.checkbox-warning input[type="radio"]:checked + label::before {
	background-color: #f0ad4e;
	border-color: #f0ad4e;
}

.checkbox-warning input[type="checkbox"]:checked + label::after,
.checkbox-warning input[type="radio"]:checked + label::after {
	color: #fff;
}

.checkbox-success input[type="checkbox"]:checked + label::before,
.checkbox-success input[type="radio"]:checked + label::before {
	background-color: #5cb85c;
	border-color: #5cb85c;
}

.checkbox-success input[type="checkbox"]:checked + label::after,
.checkbox-success input[type="radio"]:checked + label::after {
	color: #fff;
}

.checkbox-primary input[type="checkbox"]:indeterminate + label::before,
.checkbox-primary input[type="radio"]:indeterminate + label::before {
	background-color: #337ab7;
	border-color: #337ab7;
}

.checkbox-primary input[type="checkbox"]:indeterminate + label::after,
.checkbox-primary input[type="radio"]:indeterminate + label::after {
	background-color: #fff;
}

.checkbox-danger input[type="checkbox"]:indeterminate + label::before,
.checkbox-danger input[type="radio"]:indeterminate + label::before {
	background-color: #d9534f;
	border-color: #d9534f;
}

.checkbox-danger input[type="checkbox"]:indeterminate + label::after,
.checkbox-danger input[type="radio"]:indeterminate + label::after {
	background-color: #fff;
}

.checkbox-info input[type="checkbox"]:indeterminate + label::before,
.checkbox-info input[type="radio"]:indeterminate + label::before {
	background-color: #5bc0de;
	border-color: #5bc0de;
}

.checkbox-info input[type="checkbox"]:indeterminate + label::after,
.checkbox-info input[type="radio"]:indeterminate + label::after {
	background-color: #fff;
}

.checkbox-warning input[type="checkbox"]:indeterminate + label::before,
.checkbox-warning input[type="radio"]:indeterminate + label::before {
	background-color: #f0ad4e;
	border-color: #f0ad4e;
}

.checkbox-warning input[type="checkbox"]:indeterminate + label::after,
.checkbox-warning input[type="radio"]:indeterminate + label::after {
	background-color: #fff;
}

.col-pad {
	padding-left: 0px !important;
	padding-right: 0px !important;
	padding-top: 3px !important;
}

.glyphicon-question-sign, .glyphicon-info-sign {
	font-size: 25px;
	color: #0070b9 !important;
}

.tooltip-arrow,
.bl-tooltip + .tooltip > .tooltip-inner {
	background-color: #0070b9;
}

.tooltip .tooltip-inner {
	background-color: #0070b9;
}

.tooltip-inner {
	max-width: none;
}

.checkbox-success input[type="checkbox"]:indeterminate + label::before,
.checkbox-success input[type="radio"]:indeterminate + label::before {
	background-color: #5cb85c;
	border-color: #5cb85c;
}

.checkbox-success input[type="checkbox"]:indeterminate + label::after,
.checkbox-success input[type="radio"]:indeterminate + label::after {
	background-color: #fff;
}

.p-secondaire {
	font-size: 13pt;
	color: #2f56b9;
}

.text-principal {
	color: #2f56b9;
	font-size: 18pt;
}

.text-secondaire {
	padding-top: 25px;
	padding-bottom: 25px;
	border-top: 1px solid #2f56b9;
	border-bottom: 1px solid #2f56b9;
	padding-left: 50px;
	font-size: 18pt;
}

.separateur {
	top: -13px !important;
}

.style-btn {
	background-color: transparent;
	border: 0;
	color: #1d1d1d;
}

@media (min-width: 1200px) {
	#Question-1 .img-title, #Question-2 .img-title {
		left: -35px;
		z-index: -1;
	}

	.marg-top {
		margin-top: 0px !important;
	}
}


#Question-1 .text-secondaire, #Question-2 .text-secondaire {
	font-size: 14pt;
	padding-top: 25px;
	padding-bottom: 25px;
	border-top: 1px solid #2f56b9;
	border-bottom: 1px solid #2f56b9;
	padding-left: 30px;
	margin-top: 21px;
}

.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
	/*background-color: #565e63;
    border-color: #565e63;*/
	font-weight: bold;
}

.progress-bar-pass {
	background-color: #2f56b9;
}

.dropdown-header {
	font-size: 12pt;
}

* {
	box-sizing: border-box;
}

.heading-primary {
	font-size: 2em;
	padding: 2em;
	text-align: center;
}

.accordion dl,
.accordion-list {
	border: 1px solid #ddd;
}

.accordion dd,
.accordion__panel {
	background-color: #eee;
	font-size: 1em;
	line-height: 1.5em;
}

.accordion p {
	padding: 1em 2em 1em 2em;
}

.accordion {
	position: relative;
	background-color: #eee;
}

.accordionTitle,
.accordion__Heading {
	background-color: #D3D3D3;
	text-align: left;
	font-weight: 700;
	padding: 2em;
	display: block;
	text-decoration: none;
	color: black;
}

.accordionItem {
	height: auto;
	overflow: hidden;
	max-height: 50em;
	transition: max-height 1s;
	text-align: center;
}

	.accordionItem.is-collapsed {
		max-height: 0;
	}

.animateIn {
	animation: accordionIn 0.05s normal ease-in-out both 1;
}

.animateOut {
	animation: accordionOut 0.05s alternate ease-in-out both 1;
}

.field-has-error {
	border-color: #a94442;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
}

.field-has-succes {
	border-color: #3c763d;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
}

@keyframes accordionIn {
	0% {
		opacity: 0;
		transform: scale(0.9) rotateX(-60deg);
		transform-origin: 50% 0;
	}

	100% {
		opacity: 1;
		transform: scale(1);
	}
}

@keyframes accordionOut {
	0% {
		opacity: 1;
		transform: scale(1);
	}

	100% {
		opacity: 0;
		transform: scale(0.9) rotateX(-60deg);
	}


	$white: rgba(254,255,250,1) $grey: rgba(220,231,235,1) $red: rgba(255,104,115,1) $black: rgba(48,69,92,0.8) $sans: 'Titillium Web', sans-serif .transition transition: all 0.25s ease-in-out .flipIn animation: flipdown 0.5s ease both .no-select -webkit-tap-highlight-color: rgba(0,0,0,0) -webkit-touch-callout: none -webkit-user-select: none -khtml-user-select: none -moz-user-select: none -ms-user-select: none user-select: none html width: 100% height: 100% perspective: 900 overflow-y: scroll background-color: $grey font-family: $sans color: $black body min-height: 0 display: inline-block position: relative left: 50% margin: 90px 0 transform: translate( -50%, 0 ) box-shadow: 0 10px 0 0 $red inset background-color: $white max-width: 450px padding: 30px @media ( max-width:550px ) box-sizing: border-box transform: translate( 0, 0 ) max-width: 100% min-height: 100% margin: 0 left: 0 h1, h2 color: $red h1 text-transform: uppercase font-size: 36px line-height: 42px letter-spacing: 3px font-weight: 100 @extend .flipIn h2 font-size: 26px line-height: 34px font-weight: 300 letter-spacing: 1px display: block background-color: $white margin: 0 cursor: pointer @extend .no-select p color: $black font-size: 17px line-height: 26px letter-spacing: 1px position: relative overflow: hidden max-height: 800px @extend .transition opacity: 1 transform: translate( 0, 0 ) margin-top: 14px z-index: 2 ul list-style: none perspective: 900 padding: 0 margin: 0 li position: relative padding: 0 margin: 0 padding-bottom: 4px padding-top: 18px border-top: 1px dotted $grey @extend .flipIn &:nth-of-type(1) animation-delay: 0.5s &:nth-of-type(2) animation-delay: 0.75s &:nth-of-type(3) animation-delay: 1.0s &:last-of-type padding-bottom: 0 i position: absolute transform: translate( -6px, 0 ) margin-top: 16px right: 0 &:before, &:after content: "" @extend .transition position: absolute background-color: $red width: 3px height: 9px &:before transform: translate( -2px, 0 ) rotate( 45deg ) &:after transform: translate( 2px, 0 ) rotate( -45deg ) input[type=checkbox] position: absolute cursor: pointer width: 100% height: 100% z-index: 1 opacity: 0 &:checked &~p margin-top: 0 max-height: 0 opacity: 0 transform: translate( 0, 50% ) &~i &:before transform: translate( 2px, 0 ) rotate( 45deg ) &:after transform: translate( -2px, 0 ) rotate( -45deg ) @keyframes flipdown 0% opacity: 0 transform-origin: top center transform: rotateX(-90deg) 5% opacity: 1 80% transform: rotateX(8deg) 83% transform: rotateX(6deg) 92% transform: rotateX(-3deg) 100% transform-origin: top center transform: rotateX(0deg)
}

.btn-receivesms {
	width: 100%;
	margin-top: 4px;
}

.img-style {
	max-height: 100%;
	max-width: 100%;
	margin: 0 auto;
}

.marg-top {
	margin-top: 20px;
}

.bottomaligned {
	position: absolute;
	bottom: 0;
	margin-bottom: 7px;
	left: 0;
}

.bottomright {
	position: relative;
	margin-top: 7px;
	right: 0;
}

.bottomleft {
	position: relative;
	margin-top: 7px;
	left: 15px;
}

.fixedheight {
	height: auto;
	width: auto;
	position: relative;
	border: 0px solid;
}

.RadioButtonWidth label {
	margin-right: 30px;
}


.ColorHeaderGrid {
	color: #2f56b9;
}


.ColorRed {
	color: #2f56b9;
}

.ColorGreen {
	color: #006400;
}


.margin_top {
	margin-top: 7px;
}

#tb_AdrAdmin {
	cursor: pointer;
}

.ColorheaderGridBlack {
	color: Black !important;
}

.style_margin_top_bottom {
	margin-top: 5px;
	margin-bottom: 5px;
}

#PART_Accueil .h2 {
	color: #2f56b9;
	font-size: 18px;
	margin-top: 10px;
	margin-bottom: 10px;
	font-family: inherit;
	font-weight: 500;
	line-height: 1.1;
	display: block;
	-webkit-margin-before: 1.33em;
	-webkit-margin-after: 1.33em;
	-webkit-margin-start: 0px;
	-webkit-margin-end: 0px;
}

#navbar.title2 {
	color: #1b1464;
	font-size: 18px;
	margin-top: 10px;
	margin-bottom: 10px;
	font-size: 44px;
	font-weight: 500;
	line-height: 1.1;
	display: block;
	/*-webkit-margin-before: 1.33em;
    -webkit-margin-after: 1.33em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;*/
}


@media only screen and (min-width : 992px) {
	.flex-md-row {
		flex-direction: row !important;
	}

	#navbar {
		box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.04);
		background-color: white;
		padding: 20px 0;
	}

		#navbar .title2 {
			color: #1b1464;
			font-size: 18px;
			margin-top: 10px;
			margin-bottom: 10px;
			font-size: 44px;
			font-weight: 500;
			line-height: 1.1;
			display: block;
			/*-webkit-margin-before: 1.33em;
-webkit-margin-after: 1.33em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;*/
		}

		#navbar img {
			height: 60px;
		}

		#navbar a::after {
			content: none;
		}
}

@media only screen and (min-width : 1200px) {
	#menu-display {
		display: flex;
	}

	#navbar-dropdown li {
		list-style: none;
		padding: 10px;
	}

		#navbar-dropdown li a {
			cursor: pointer;
			color: #2f56b9;
			padding: 15px;
		}

	#navbar-dropdown .dropdwn ul {
		padding-left: 0;
		display: none;
		border: 1px solid grey;
		position: absolute;
		top: 45px;
		z-index: 1;
		background-color: white;
		border-radius: 5px;
	}

	#navbar-dropdown ul:first-child {
		display: flex;
	}

	#menu-dropdwn {
		display: flex;
		z-index: 1;
	}
}

@media only screen and (max-width : 1199px) {
	#menu-display {
		display: none;
	}

	#navbar-dropdown li {
		list-style: none;
		padding: 10px;
	}

		#navbar-dropdown li a {
			cursor: pointer;
			color: #2f56b9;
		}

	#menu-dropdwn {
		display: none;
		z-index: 1;
	}

	#navbar-dropdown ul:first-child {
		padding-left: 0;
		text-align: center;
	}

	#navbar-dropdown .dropdwn ul {
		padding-left: 0;
		display: none;
		z-index: 1;
	}

	#menu-dropdwn {
		display: block;
	}
}

@media only screen and (max-width : 991px) {
	#navbar {
		box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.04);
		background-color: white;
		padding: 20px 0;
	}

		#navbar .title2 {
			color: #1b1464;
			font-size: 18px;
			margin-top: 10px;
			margin-bottom: 10px;
			font-size: 25px;
			font-weight: 500;
			line-height: 1.1;
			display: block;
			/*-webkit-margin-before: 1.33em;
    -webkit-margin-after: 1.33em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;*/
		}

		#navbar img {
			height: 60px;
		}

		#navbar a::after {
			content: none;
		}
}


.title3 {
	color: #2f56b9;
	font-size: 16px;
	margin-top: 20px;
	margin-bottom: 10px;
	font-weight: 600;
	line-height: 1.1;
	display: block;
	/*-webkit-margin-before: 1.33em;
    -webkit-margin-after: 1.33em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;*/
}

.title3-black {
	color: black;
	font-size: 16px;
	margin-top: 20px;
	margin-bottom: 10px;
	font-weight: 600;
	line-height: 1.1;
	display: block;
	-webkit-margin-before: 1.33em;
	-webkit-margin-after: 1.33em;
	-webkit-margin-start: 0px;
	-webkit-margin-end: 0px;
}

.title4 {
	color: #2f56b9;
	font-size: 18px;
	margin-top: 10px;
	margin-bottom: 10px;
	font-weight: 500;
	line-height: 1.1;
	display: block;
	/* -webkit-margin-before: 1.33em;
    -webkit-margin-after: 1.33em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;*/
}

.title4-black {
	color: black;
	font-size: 18px;
	margin-top: 10px;
	margin-bottom: 10px;
	font-weight: 500;
	line-height: 1.1;
	display: block;
	/* -webkit-margin-before: 1.33em;
    -webkit-margin-after: 1.33em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;*/
}

.title6 {
	color: black;
	font-size: 12px;
	margin-top: 10px;
	margin-bottom: 10px;
	font-weight: 500;
	line-height: 1.1;
	display: block;
	/*  -webkit-margin-before: 2.33em;
    -webkit-margin-after: 2.33em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;*/
}

.title5-black {
	color: black;
	font-size: 14px;
	margin-top: 10px;
	margin-bottom: 10px;
	font-weight: 500;
	line-height: 1.1;
	display: block;
	-webkit-margin-before: 1.67em;
	-webkit-margin-after: 1.67em;
	-webkit-margin-start: 0px;
	-webkit-margin-end: 0px;
}

.panel-body {
	padding: 15px;
}

.panel-default > .panel-heading {
	padding: 10px 15px;
	background-color: white;
	border-top-right-radius: 3px;
	border-top-left-radius: 3px;
}

	.panel-default > .panel-heading > #DivEditMode > .text-info {
		color: #000000;
		font-size: 18px;
		margin-top: 10px;
		margin-bottom: 10px;
	}

.file_label {
	display: block;
	margin: 10px auto;
	font-size: 19px;
	width: 250px;
	height: 40px;
	line-height: 30px;
	background-color: #d9534f;
	color: #FFF;
	text-align: center;
	padding: 5px;
	border: 1px solid #CCC;
	border-radius: 5px;
	transition: all 0.3s ease-in-out;
}

.title1 {
	color: #2f56b9;
	font-size: 38px;
	margin-top: 10px;
	margin-bottom: 10px;
	font-weight: 500;
	line-height: 1.1;
	display: block;
	-webkit-margin-before: 0.67em;
	-webkit-margin-after: 0.67em;
	-webkit-margin-start: 0px;
	-webkit-margin-end: 0px;
}

.table-center-text > tbody > tr > td, .table-center-text > tbody > tr > th, .table-center-text > tfoot > tr > td, .table-center-text > tfoot > tr > th, .table-center-text > thead > tr > td, .table-center-text > thead > tr > th {
	vertical-align: middle !important;
}

.Grid th {
	padding-left: 5px;
}

.Grid td {
	padding-left: 5px;
}

.disabled-pointer {
	box-shadow: 0 0 0 0.3rem rgba(212,89,9,.5);
	pointer-events: none;
}

.color-indigo {
	color: #1b1464 !important;
}

.color-bleu {
	color: #0A708D !important;
}

/* The container */
.custom-radio {
	display: block;
	position: relative;
	padding-left: 35px;
	margin-bottom: 12px;
	cursor: pointer;
	font-size: 22px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

	/* Hide the browser's default radio button */
	.custom-radio input {
		position: absolute;
		opacity: 0;
		cursor: pointer;
	}

/* Create a custom radio button */
.checkmark {
	position: absolute;
	top: 5px;
	left: 0;
	height: 25px;
	width: 25px;
	background-color: #eee;
	border-radius: 50%;
}

/* On mouse-over, add a grey background color */
.custom-radio:hover input ~ .checkmark {
	background-color: #ccc;
}

/* When the radio button is checked, add a blue background */
.custom-radio input:checked ~ .checkmark {
	background-color: #1b1464;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {
	content: '\2713';
	position: absolute;
	color: white;
	left: 4px;
	top: -4px;
	display: none;
}

/* Show the indicator (dot/circle) when checked */
.custom-radio input:checked ~ .checkmark:after {
	display: block;
}

/* checkbox custom style */
.custom-checkbox {
	position: relative;
	display: block;
	padding-left: 1.25rem;
}

	.custom-checkbox input[type=checkbox] {
		display: none;
	}

		.custom-checkbox input[type=checkbox] + label {
			font-family: HelveticaNeueRoman;
			font-weight: 400;
			font-size: 16px;
			line-height: 110.00000000000001% 17.6px;
			letter-spacing: 0%;
			color: #002843;
			margin-left: 10px;
			cursor: pointer;
			margin-bottom: 0;
		}

		.custom-checkbox input[type=checkbox]:checked + label {
			color: #1b1464;
		}

		.custom-checkbox input[type=checkbox] + label::before {
			content: '';
			width: 20px;
			height: 20px;
			position: absolute;
			left: 0;
			top: 50%;
			transform: translateY(-50%);
			background-color: #FDFDFD;
			border-radius: 4px;
			border: 1px solid #002843;
		}


.has-error .custom-checkbox input[type=checkbox] + label::before {
	border-color: #2f56b9;
}

.custom-checkbox input[type=checkbox]:checked + label::before {
	background-color: #002843;
}

.custom-checkbox input[type=checkbox]:checked + label::after {
	content: '✓';
	position: absolute;
	left: 4px;
	top: 50%;
	transform: translateY(-50%);
	color: #FDFDFD;
}

/* checkbox custom style */

.btn {
	font-weight: 700;
	line-height: 100%;
	letter-spacing: 0%;
	font-family: HelveticaNeueBold;
	border-radius: 8px;
	font-size: 14px;
	padding: 12px 16px;
	transition: 0.3s;
	cursor: pointer;
	line-height: 1;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 4px;
}

	.btn:focus, .btn:not(:disabled):not(.disabled):active:focus {
		outline: 2px solid #002843 !important;
		outline-offset: 2px;
		box-shadow: none;
	}

@mixin btn-primary {
	@include btn;


	& {
	}

		&:focus, &:active {
		}
}

/*primary button*/
.btn.btn-primary, .btn.btn-primary-pass {
	color: #FFFFFF !important;
	background-color: #002843;
	border: 1px solid #002843;
}

	.btn.btn-primary:hover, .btn.btn-primary-pass:hover {
		color: #FFFFFF !important;
		background-color: #335368;
		border: 1px solid #335368;
		text-decoration: none;
	}

	.btn.btn-primary:focus, .btn.btn-primary:active, .btn.btn-primary-pass:focus, .btn.btn-primary-pass:active {
		color: #FFFFFF !important;
		background-color: #002843;
		border: 1px solid #002843;
		outline: 2px solid #006BD4 !important;
		outline-offset: 2px;
		text-decoration: none;
	}

/*secondary button*/
.btn.btn-secondary, .btn.btn-default-pass {
	color: #002843 !important;
	background-color: #FFFFFF;
	border: 1px solid #002843;
}

	.btn.btn-secondary:hover, .btn.btn-default-pass:hover {
		color: #0A708D !important;
		background-color: #FFFFFF;
		border: 1px solid #002843;
		text-decoration: none;
	}

	.btn.btn-secondary:focus, .btn.btn-secondary:active, .btn.btn-default-pass:focus, .btn.btn-default-pass:active {
		color: #002843 !important;
		background-color: #FFFFFF;
		border: 1px solid #002843;
		outline: 2px solid #006BD4 !important;
		outline-offset: 2px;
		text-decoration: none;
	}

	.btn.btn-secondary:disabled, .btn.btn-default-pass:disabled {
		background-color: #F3F5F7 !important;
		border: none !important;
		color: #303030 !important;
		cursor: not-allowed;
	}

/*tertiary button*/
.btn.btn-tertiary {
	color: #002843 !important;
	background-color: transparent;
	border: 1px solid transparent;
}

	.btn.btn-tertiary:hover {
		color: #0A708D !important;
		background-color: transparent;
		border: 1px solid transparent;
		text-decoration: none;
	}

	.btn.btn-tertiary:focus, .btn.btn-tertiary:active {
		color: #002843 !important;
		background-color: transparent;
		border: 1px solid transparent;
		outline: 2px solid #006BD4 !important;
		outline-offset: 2px;
		text-decoration: none;
	}

/*transparent button*/
.btn.btn-transparent-white {
	color: #002843 !important;
	background-color: transparent;
	border: 1px solid #002843;
}

	.btn.btn-transparent-white:hover {
		color: #0A708D !important;
		background-color: transparent;
		border: 1px solid #002843;
		text-decoration: none;
	}

	.btn.btn-transparent-white:focus, .btn.btn-transparent-white:active {
		color: #002843 !important;
		background-color: transparent;
		border: 1px solid #002843;
		outline: 2px solid #006BD4 !important;
		outline-offset: 2px;
		text-decoration: none;
	}

/*link*/
a {
	background: none;
	border: none;
	padding: 6px;
	font-size: 16px;
	font-weight: 400;
	font-family: HelveticaNeueLight;
	line-height: 120%;
	letter-spacing: 0;
	color: #002843;
	position: relative;
}

.link-green::after {
	content: "";
	background-color: #79C60E;
	left: 0;
	right: 0;
	position: absolute;
	height: 2px;
	bottom: 0;
}

a:hover {
	text-decoration: none !important;
}

	a:hover::after {
		content: "";
		background-color: transparent;
		left: 6px;
		right: 6px;
		position: absolute;
		height: 2px;
		bottom: 0;
	}

a:focus {
	outline: 2px solid #006BD4 !important;
	outline-offset: 4px;
	border-radius: 12px;
}

/*secondary red button*/
.btn.btn-secondary-red {
	border-color: #2f56b9;
	background-color: white;
	color: #2f56b9;
}

	.btn.btn-secondary-red:hover {
		background-color: #2f56b9;
		border-color: #2f56b9;
		color: white;
	}

#passwordstrength-wrap-2 ul li:before {
	content: "";
	display: inline-block;
	background: #2f56b9;
	width: 8px;
	height: 8px;
	font-size: 14px;
	border-radius: 50%;
	margin-right: 20px;
}

.has-error label.help-block,
.has-error label.text-muted,
.has-error label.control-label,
.error-label {
	color: #d43709 !important;
	font-size: 14px;
	font-weight: 600;
	border-color: #d43709 !important;
}

.help-block {
	color: #d43709;
}

/* Bouton saisie guidée de l'adresse - style lien vert */
.link-green {
	background: none;
	border: none;
	padding: 6px;
	font-size: 14px;
	font-weight: 400;
	line-height: 120%;
	letter-spacing: 0;
	color: #002843;
	position: relative;
	cursor: pointer;
	gap: 4px;
}

	.link-green:hover {
		text-decoration: underline transparent;
	}

	.link-green:focus {
		outline: 2px solid #006BD4 !important;
		outline-offset: 4px;
		border-radius: 12px;
	}

.form-radio-fieldset legend {
	font-family: HelveticaNeueRoman;
	font-weight: 700;
	font-size: 16px;
	line-height: 110.00000000000001%;
	letter-spacing: 0%;
	color: #002843;
}

	.form-radio-fieldset legend span {
		font-family: HelveticaNeueLight;
		font-weight: 400;
		font-style: italic;
		font-size: 14px;
		line-height: 110.00000000000001%;
		letter-spacing: 0%;
	}

.form-radio-fieldset .form-check:hover + .form-label::before {
	background-color: #C2F2FF;
}

.form-radio-fieldset .form-check:hover + .form-label::after {
	background-color: #002843;
}

.form-radio-fieldset .form-check .form-check-input {
	top: 2px;
	left: 18px;
	bottom: 8px;
	width: 24px;
	appearance: none;
	border-radius: 1000px;
}

	.form-radio-fieldset .form-check .form-check-input:checked + .form-check-label::before {
		background-color: #002843;
	}

	.form-radio-fieldset .form-check .form-check-input:checked + .form-check-label::after {
		content: '';
		width: 5px;
		height: 5px;
		position: absolute;
		left: 8px;
		top: 50%;
		transform: translateY(-50%);
		background-color: #FDFDFD;
		border-radius: 1000px;
	}

	.form-radio-fieldset .form-check .form-check-input input {
		top: 2px;
		left: 18px;
		bottom: 8px;
		width: 24px;
		appearance: none;
		border-radius: 1000px;
	}

	.form-radio-fieldset .form-check .form-check-input:has(input:checked) + .form-check-label::before {
		background-color: #002843;
	}

	.form-radio-fieldset .form-check .form-check-input:has(input:checked) + .form-check-label::after {
		content: '';
		width: 5px;
		height: 5px;
		position: absolute;
		left: 8px;
		top: 50%;
		transform: translateY(-50%);
		background-color: #FDFDFD;
		border-radius: 1000px;
	}

.form-radio-fieldset .form-check .form-check-label {
	font-family: HelveticaNeueLight;
	font-weight: 400;
	font-size: 16px;
	line-height: 110.00000000000001%;
	letter-spacing: 0%;
	color: #002843;
	margin-left: 10px;
	cursor: pointer;
}

	.form-radio-fieldset .form-check .form-check-label::before {
		content: '';
		width: 20px;
		height: 20px;
		position: absolute;
		left: 0;
		top: 50%;
		transform: translateY(-50%);
		background-color: #FDFDFD;
		border-radius: 1000px;
		border: 1px solid #002843;
	}

	.form-radio-fieldset .form-check .form-check-label .description {
		font-weight: 400;
		font-size: 14px;
		line-height: 143%;
		letter-spacing: -0.5%;
		color: #335368;
	}

		.form-radio-fieldset .form-check .form-check-label .description p {
			margin-bottom: 0;
		}

.form-check-fieldset legend {
	font-family: HelveticaNeueRoman;
	font-weight: 700;
	font-size: 16px;
	line-height: 110.00000000000001%;
	letter-spacing: 0%;
	color: #002843;
}

	.form-check-fieldset legend span {
		font-family: HelveticaNeueLight;
		font-weight: 400;
		font-style: italic;
		font-size: 14px;
		line-height: 110.00000000000001%;
		letter-spacing: 0%;
	}

.form-check-fieldset .form-check:hover + .form-label::before {
	background-color: #C2F2FF;
}

.form-check-fieldset .form-check:hover + .form-label::after {
	color: #002843;
}

.form-check-fieldset .form-check .form-check-input {
	top: 2px;
	left: 18px;
	bottom: 7px;
	width: 24px;
	appearance: none;
	border-radius: 6px;
}

	.form-check-fieldset .form-check .form-check-input:checked + .form-check-label::before {
		background-color: #002843;
	}

	.form-check-fieldset .form-check .form-check-input:checked + .form-check-label::after {
		content: '✓';
		position: absolute;
		left: 5px;
		top: 50%;
		transform: translateY(-50%);
		color: #FDFDFD;
	}

	.form-check-fieldset .form-check .form-check-input input[type="checkbox"] {
		top: 2px;
		left: 18px;
		bottom: 7px;
		width: 24px;
		appearance: none;
		border-radius: 6px;
	}

	.form-check-fieldset .form-check .form-check-input:has(input:checked) + .form-check-label::before {
		background-color: #002843;
	}

	.form-check-fieldset .form-check .form-check-input:has(input:checked) + .form-check-label::after {
		content: '✓';
		position: absolute;
		left: 5px;
		top: 50%;
		transform: translateY(-50%);
		color: #FDFDFD;
	}

.form-check-fieldset .form-check .form-check-label {
	font-family: HelveticaNeueLight;
	font-weight: 400;
	font-size: 14px;
	line-height: 110.00000000000001%;
	letter-spacing: 0%;
	color: #002843;
	margin-left: 10px;
	cursor: pointer;
}

	.form-check-fieldset .form-check .form-check-label::before {
		content: '';
		width: 20px;
		height: 20px;
		position: absolute;
		left: 0;
		top: 50%;
		transform: translateY(-50%);
		background-color: #FDFDFD;
		border-radius: 4px;
		border: 1px solid #002843;
	}

	.form-check-fieldset .form-check .form-check-label .description {
		font-weight: 400;
		font-size: 14px;
		line-height: 143%;
		letter-spacing: -0.5%;
		color: #335368;
	}

		.form-check-fieldset .form-check .form-check-label .description p {
			margin-bottom: 0;
		}

.alert {
	border-radius: 8px;
	padding: 16px 16px 16px 40px;
	text-transform: initial;
	font-family: HelveticaNeueRoman;
	font-weight: 400;
	font-size: 14px;
	line-height: 120%;
	color: #002843;
	position: relative;
}

	.alert p {
		margin-bottom: 0;
		font-size: 14px;
	}

	.alert .alert-title {
		font-family: HelveticaNeueBold;
		font-weight: 700;
		font-size: 16px;
		line-height: 110.00000000000001%;
		letter-spacing: 0%;
		color: #002843;
	}

.alert-info {
	background-color: #C2F2FF;
	border: 1px solid #00B1E3;
}

	.alert-info::before {
		content: "";
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='%2300B1E3' viewBox='0 0 256 256'%3E%3Cpath d='M224,128a96,96,0,1,1-96-96A96,96,0,0,1,224,128Z' opacity='0.2'/%3E%3Cpath d='M144,176a8,8,0,0,1-8,8,16,16,0,0,1-16-16V128a8,8,0,0,1,0-16,16,16,0,0,1,16,16v40A8,8,0,0,1,144,176Zm88-48A104,104,0,1,1,128,24,104.11,104.11,0,0,1,232,128Zm-16,0a88,88,0,1,0-88,88A88.1,88.1,0,0,0,216,128ZM124,96a12,12,0,1,0-12-12A12,12,0,0,0,124,96Z'/%3E%3C/svg%3E");
		background-size: contain;
		background-repeat: no-repeat;
		display: inline-block;
		width: 20px;
		height: 20px;
		position: absolute;
		left: 13px;
		top: 14px;
	}

.alert-danger {
	background-color: #FFEDEB;
	border: 1px solid #EE3D3D;
}

	.alert-danger::before {
		content: "";
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='%23EE3D3D' viewBox='0 0 256 256'%3E%3Cpath d='M224,128a96,96,0,1,1-96-96A96,96,0,0,1,224,128Z' opacity='0.2'/%3E%3Cpath d='M128,24A104,104,0,1,0,232,128,104.11,104.11,0,0,0,128,24Zm0,192a88,88,0,1,1,88-88A88.1,88.1,0,0,1,128,216Zm-8-80V80a8,8,0,0,1,16,0v56a8,8,0,0,1-16,0Zm20,36a12,12,0,1,1-12-12A12,12,0,0,1,140,172Z'/%3E%3C/svg%3E");
		background-size: contain;
		background-repeat: no-repeat;
		display: inline-block;
		width: 20px;
		height: 20px;
		position: absolute;
		left: 13px;
		top: 14px;
	}

.alert-warning {
	background-color: #FFEEDE;
	border: 1px solid #E2641B;
}

	.alert-warning::before {
		content: "";
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='%23E5651C' viewBox='0 0 256 256'%3E%3Cpath d='M215.46,216H40.54C27.92,216,20,202.79,26.13,192.09L113.59,40.22c6.3-11,22.52-11,28.82,0l87.46,151.87C236,202.79,228.08,216,215.46,216Z' opacity='0.2'/%3E%3Cpath d='M236.8,188.09,149.35,36.22h0a24.76,24.76,0,0,0-42.7,0L19.2,188.09a23.51,23.51,0,0,0,0,23.72A24.35,24.35,0,0,0,40.55,224h174.9a24.35,24.35,0,0,0,21.33-12.19A23.51,23.51,0,0,0,236.8,188.09ZM222.93,203.8a8.5,8.5,0,0,1-7.48,4.2H40.55a8.5,8.5,0,0,1-7.48-4.2,7.59,7.59,0,0,1,0-7.72L120.52,44.21a8.75,8.75,0,0,1,15,0l87.45,151.87A7.59,7.59,0,0,1,222.93,203.8ZM120,144V104a8,8,0,0,1,16,0v40a8,8,0,0,1-16,0Zm20,36a12,12,0,1,1-12-12A12,12,0,0,1,140,180Z'/%3E%3C/svg%3E");
		background-size: contain;
		background-repeat: no-repeat;
		display: inline-block;
		width: 20px;
		height: 20px;
		position: absolute;
		left: 13px;
		top: 14px;
	}

.alert-success {
	background-color: #E4F3D0;
	border: 1px solid #589800;
}

	.alert-success::before {
		content: "";
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='%23589800' viewBox='0 0 256 256'%3E%3Cpath d='M224,128a96,96,0,1,1-96-96A96,96,0,0,1,224,128Z' opacity='0.2'%3E%3C/path%3E%3Cpath d='M173.66,98.34a8,8,0,0,1,0,11.32l-56,56a8,8,0,0,1-11.32,0l-24-24a8,8,0,0,1,11.32-11.32L112,148.69l50.34-50.35A8,8,0,0,1,173.66,98.34ZM232,128A104,104,0,1,1,128,24,104.11,104.11,0,0,1,232,128Zm-16,0a88,88,0,1,0-88,88A88.1,88.1,0,0,0,216,128Z'%3E%3C/path%3E%3C/svg%3E");
		background-size: contain;
		background-repeat: no-repeat;
		display: inline-block;
		width: 20px;
		height: 20px;
		position: absolute;
		left: 13px;
		top: 14px;
	}

.modal .modal-dialog {
	align-items: end;
	min-height: 100%;
	transform: none !important;
}

	.modal .modal-dialog .modal-content {
		border-top-left-radius: 12px !important;
		border-top-right-radius: 12px !important;
		box-shadow: 0 5px 8px -3px rgba(24, 24, 57, 0.16);
		background-color: #FDFDFD;
	}

		.modal .modal-dialog .modal-content .modal-header {
			border: none;
			display: flex;
			align-items: center;
		}

			.modal .modal-dialog .modal-content .modal-header .modal-title {
				font-family: BricolageGrotesque;
				font-weight: 700;
				font-size: 24px;
				line-height: 110.00000000000001%;
				letter-spacing: -4%;
				color: #002843;
			}

			.modal .modal-dialog .modal-content .modal-header button {
				border: none;
				background-color: transparent;
			}

		.modal .modal-dialog .modal-content .modal-footer {
			border: none;
		}

@media screen and (max-width: 991px) {
	.modal .modal-dialog {
		margin: 0;
	}
}

@media screen and (min-width: 992px) {
	.modal .modal-dialog {
		align-items: center;
		min-height: calc(100% - 1rem);
	}

		.modal .modal-dialog .modal-content {
			border-radius: 12px !important;
		}
}


table {
	background-color: white;
}

.title-menu {
	font-family: BricolageGrotesque !important;
	color: #002843 !important;
	font-weight: 700 !important;
	font-size: 32px !important;
	line-height: 110.00000000000001% !important;
	letter-spacing: -4%;
	color: #002843;
	margin-top: 16px;
}