/* --------------------------------------------- */
/* Fonts */
/* --------------------------------------------- */
@font-face {
	font-family: 'Asap Condensed';
	font-display: swap;
	font-style: normal;
	font-weight: 400;
	src: url('../webfonts/google-font/asap-condensed-v7-latin-regular.eot'); /* IE9 Compat Modes */
	src: local('Asap Condensed'),
	url('../webfonts/google-font/asap-condensed-v7-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('../webfonts/google-font/asap-condensed-v7-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
	url('../webfonts/google-font/asap-condensed-v7-latin-regular.woff') format('woff'), /* Modern Browsers */
	url('../webfonts/google-font/asap-condensed-v7-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
	url('../webfonts/google-font/asap-condensed-v7-latin-regular.svg#AsapCondensed') format('svg'); /* Legacy iOS */
}
/* LUCIOLE Regular */
@font-face {
    font-family: 'Luciole';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('../webfonts/luciole/Luciole-Regular.ttf') format('truetype');
}
/* LUCIOLE Bold */
@font-face {
    font-family: 'Luciole';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('../webfonts/luciole/Luciole-Bold.ttf') format('truetype');
}
/* LUCIOLE Italic */
@font-face {
    font-family: 'Luciole';
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    src: url('../webfonts/luciole/Luciole-Regular-Italic.ttf') format('truetype');
}
/* LUCIOLE Bold Italic */
@font-face {
    font-family: 'Luciole';
    font-style: italic;
    font-weight: 700;
    font-display: swap;
    src: url('../webfonts/luciole/Luciole-Bold-Italic.ttf') format('truetype');
}
/* Wattauchimma */
@font-face {
    font-family: 'Wattauchimma';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('../webfonts/wattauchimma/Wattauchimma.ttf') format('truetype');
}

.cartouche h1,.cartouche h2,.cartouche h3,.cartouche h4,.cartouche h5,.cartouche h6{
	font-size: 1.5rem;
	margin-bottom: 0;
}

[data-bs-toggle="popover"] {
    /* style */
    cursor: pointer;
}

table {
    border: none;
    border-collapse: collapse;
}

table td, table th {
    border: none;
}

.skip-link {
    position: absolute;
    top: -45px; /* hors écran */
    left: 0;
    background: #000;
    color: #fff !important;
    padding: 8px 16px;
    z-index: 1000;
    text-decoration: none;
}

.skip-link:focus {
    top: 0; /* visible lorsque focus */
}

/* --------------------------------------------- */
/* Modifie les couleurs des SWITCH pour etre conforme RGAA
/* --------------------------------------------- */
.form-switch .form-check-input {
--bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%232059a6'/%3e%3c/svg%3e");
}
.form-check-input{
	border: var(--bs-border-width) solid #2059a6
}
/* --------------------------------------------- */

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
	color: var(--bs-nav-pills-link-active-color) !important;
	background-color: var(--bs-nav-pills-link-active-bg);
  }
  .nav-link:focus, .nav-link:hover {
	color: var(--bs-nav-link-hover-color) !important;
  }
  .navbar-expand-lg .navbar-nav .nav-link{
	padding: .5rem .8rem !important;
  }

*:focus-visible {
    outline: 2px solid #0d6efd !important;
    outline-offset: 3px !important;; /* créé l'espacement */
    border-radius: 0.375rem;
}

/* texte barré pour le calculateur (affichage des pmt modifié) */
.strike-center {
	position: relative;
	white-space: nowrap;
	line-height: 2.2em;
	font-size: 0.9em;
	color: gray;
}

.strike-center:after {
	border-top: 1px solid #000;
	position: absolute;
	content: "";
	right: 0;
	top:50%;
	left: 0;
}

.cardwebinaire{min-width: 340px !important;}
.cardwebinaire:hover .card-img-top{background-blend-mode:normal !important;}
.cardwebinaire:hover .card{border-color:#2059a6 !important;}

body{
	background:#f0f0f0;
  	font-family: 'Asap Condensed', 'Luciole', 'Wattauchimma',sans-serif;
}
a:not(.btn){
	color:#2059a6 !important
}
.footer-copyright a{color:white !important}
.titreSection{ font-size: 1.5rem; }
.titreSectionBasDePage{ font-size: 1.25rem; }
.divPrincipal{max-width:1100px}
/* --------------------------------------------- */
/* entete */
/* --------------------------------------------- */
.entete{position: relative}

.logo,.logo-min{margin-right: 35px;}

.titre{
	margin-top:18px;
	font-size: 2rem;
	color:#2059a6;
	display:block;
	width:100%
}
.soustitre{
	padding:0;
	margin:0;
	font-size: 1.2rem;
	margin-right:0.8rem;
	color:#2059a6;
}

.deconnexion{position: absolute;right: 0px;top: 17px}

/* --------------------------------------------- */
/* message popup */
/* --------------------------------------------- */
#alert p{font-size:17px}

/* --------------------------------------------- */
/* detail du paiement
/* --------------------------------------------- */
.badgeMensualite{
	background:transparent;
	border:1px solid #212529;
	color:#212529
}
.detailler{
	padding: 0 .3rem;
    font-size: .77rem;
    line-height: 1.5;
}
.blockPaiement{
	border-color:#adb5bd !important;
	background-color:white !important;
}
.blockIndu{
	background-color:#f8f9fa !important;
}

.detailCalcul td,.detailCalcul th{
    width: 100% !important;
    max-width: 100% !important;
}
.detailCalcul tr:not(:first-child){
	border-top: 1px solid #dee2e6 !important;
}
.detailCalcul th{font-weight: normal;}

.listePaiements .credit,.creditTotal,#historiqueDataTable .credit,#paiementDataTable .credit{font-weight:bold;color:green}
.creditTotal{padding: .3rem .5rem;border:1px solid green !important;background:white}
.debit,.debitTotal{font-weight:bold;color:#C15807;}
.debitTotal{padding: .3rem .5rem;border:1px solid #C15807 !important}
.dette,.detteTotal {font-weight:bold;color:red;background:white}
.detteTotal {padding: .3rem .5rem;border:1px solid red !important;background:white}
.neutreTotal{color:black;font-weight:bold;}
.neutre{color:black}
.neutreTotal{padding: .3rem .5rem;border:1px solid black !important;background:white}
.listeDettes .credit{font-weight:bold;color:black}

.traittotalActif {
	float: right;
	height: 2px;
	margin-top: -10px;
	width:90px;
	border-top:2px solid #000;
  }

.restrictionCalculateur{
	background: url("../img/restriction_calculateur_min.png") center 50px no-repeat;
}
.restrictionPmt{
	background: url("../img/restriction_pmt_min.png") center 50px no-repeat;
}
.restrictionHeight{
	height: 350px;
}
/* --------------------------------------------- */
/* pour le calculateur */
/* --------------------------------------------- */
.btnPlus{right:10px;margin-bottom: 8px}
.calcul .btnMinus, .calcul .btnPlus {display: none !important;}
.calcul select,.calcul input{background:none;border:none;pointer-events: none;}

.trim .nav-link{padding:.5rem}

.trim .form-control:disabled,.trim  .form-select:disabled, .listingRessources .form-control:disabled,.listingRessources  .form-select:disabled {background: none;border: none}
.trim .form-group{margin-bottom: 0}
	/* pour le volet qui s'affiche pour indiquer le resultat en bas de page dans le calculateur */
.lienBasDePage {
	position: fixed;
	bottom: 0;
	background-color: rgba(51,51,51,0.7);
	z-index: 1000002 !important;
	padding-bottom:70px;
	padding-top:10px;
	color:white
}

.lienBasDePage a.animated {
	font-size:50pt;
	color:white;
	position: absolute;
	margin: auto;
	right: 0;
	left: 0;
	bottom: 35px;
	height: 50px;
	width: 80px;
	border-radius: 2px;
	background: transparent;
	animation-duration: 2.5s;
	animation-iteration-count: infinite;
}

/* --------------------------------------------- */
/* Page Attestation */
/* --------------------------------------------- */

.spinnerPdf{
	background-color : #f8f9fa;
	background-image :  url("../img/spinner.gif") !important;
	background-repeat :  no-repeat;
	background-position : center;
	background-size: 90px !important;
}

/* --------------------------------------------- */
/* Les <A ..>
/* --------------------------------------------- */
.btn{text-decoration: none}
.btn:hover{text-decoration: underline;}
a:not(.btn),a:not(.btn):not(.active) i{text-decoration: none;color: #2059a6}
.navbar a:hover,.page-footer a:hover{text-decoration: underline;}


/* Ajoute une icône de calendrier personnalisée */
.custom-date-pickerd {
	padding-left:5px;
	/* background : url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="grey" viewBox="0 0 24 24"><path d="M19 4h-1V2h-2v2H8V2H6v2H5c-1.1 0-1.99.9-1.99 2L3 20c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 16H5V10h14v10zM7 12h5v5H7z"/></svg>') white no-repeat scroll 95% 7px !important; */
}


/* --------------------------------------------- */
/* Loading */
/* --------------------------------------------- */
#loading {
	position: absolute;
	z-index: 10000001 !important;
	background:rgba(153, 153, 153, .4);
}

/* --------------------------------------------- */
/* Questions / reponses */
/* --------------------------------------------- */
.accordion .accordion .card-header {padding:0;border:0;background:none}
.accordion .accordion .card-body{padding-top:0}
.accordion .accordion .card{border:0}
.accordion .accordion .btn {padding-right:0}
.accordion .btn-link{padding-left:0;text-decoration: none;color:#2059a6}
.accordion .btn-link:hover{text-decoration: underline;}

/* --------------------------------------------- */
/* Surcouche Bootstraap
/* --------------------------------------------- */
/* .modal {padding-right:0 !important} */

.container-fluid:not(.lienBasDePage){background:#fff;padding:10px}

.dropdown-menu{z-index:10000002 !important}
.dropdown-item i,.nav-link i{margin-right:5px}
.dropdown-item.active{
	background-color:#2059a6 !important;
	color:white !important
}

.badge{font-size:0.8rem}

.btn-primary,.nav-pills .nav-link.active, .nav-pills .show > .nav-link,.btn-primary.disabled, .btn-primary:disabled{
	background-color: #2059a6;
	border-color: #2059a6;
}
.btn-outline-primary{border-color: #2059a6;color:#2059a6;}

.bg-danger,.btn-danger {background-color: #c63743 !important;}

.text-primary{color:#ccc;}
.text-warning{color:#C15807 !important}

.alert-warning{color:black}

.border-warning{border-color:#C15807 !important}

.card-header{padding:.2rem .7rem;}
/*.card-header button{color:#2059a6;text-align:left} */

.popover { z-index:10000001 !important; /*  A value higher than 1010 that solves the problem */ }

/* --------------------------------------------- */
/* prochain paiement
/* --------------------------------------------- */
.animeprochainpaiement{width: 2rem; height: 2rem;float:left;margin-right:5px}

/* --------------------------------------------- */
/* Bulle explicative du dernier paiement
/* --------------------------------------------- */
.bulleFleche{
	width:30px;
	height:30px;
	position:absolute;
	left:57%;
	z-index:1;
	margin-top:-15px;
	border:1px solid black;
	background:white;
	border-right:0;
	border-bottom:0;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}
.bullePaiement{margin-top:13px;}
.bullePaiement .accordion > .card:last-of-type{
	border-top-left-radius: 0.2em;
	border-top-right-radius: 0.2em;
}
.bullePaiement .accordion > .card:first-of-type{
	border-bottom : 1px solid rgba(0,0,0,.125);
	border-bottom-left-radius: 0.2em;
	border-bottom-right-radius: 0.2em;
}
.bullePaiement h5{padding-left:0.7rem}

/* --------------------------------------------- */
/* graphique accueil */
/* --------------------------------------------- */
#containerGraph {
	height: 350px;
	width: 100%;
}
.highcharts-figure, .highcharts-data-table table {
	max-width: 100%;
}
.highcharts-data-table table {
	font-family: Verdana, sans-serif;
	border-collapse: collapse;
	border: 1px solid #EBEBEB;
	margin: 10px auto;
	text-align: center;
	width: 100%;
	max-width: 500px;
}
.highcharts-data-table caption {
	padding: 1em 0;
	font-size: 1.2em;
	color: #555;
}
.highcharts-data-table th {
	font-weight: 600;
	padding: 0.5em;
}
.highcharts-data-table td, .highcharts-data-table th, .highcharts-data-table caption {
	padding: 0.5em;
}
.highcharts-data-table thead tr, .highcharts-data-table tr:nth-child(even) {
	background: #f8f8f8;
}
.highcharts-data-table tr:hover {
	background: #f1f7ff;
}
.highcharts-xaxis-grid .highcharts-grid-line {
	stroke-width: 1px;
	stroke: #d8d8d8;
}
.highcharts-xaxis .highcharts-tick {
	stroke-width: 2px;
	stroke: #d8d8d8;
}

/* --------------------------------------------- */
/* ma demande de pension */
/* --------------------------------------------- */
.circleIcoGreen {
	display: inline-block;
	border-radius: 60px;
	background: green;
	padding: 0.5em 0.5em;
	margin-right: 5px;
}
.circleIcoRed {
	display: inline-block;
	border-radius: 60px;
	background: #c63743;
	padding: 0.5em 0.6em;
	margin-right: 5px;
}

.timeline-wrapper {
	padding-left:2%;
}
.StepProgress {
	position: relative;
	padding-left: 45px;
	list-style: none;
}
.StepProgress-item span{display:block}

.StepProgress::before {
	display: inline-block;
	content: '';
	position: absolute;
	top: 0;
	left: 15px;
	width: 10px;
	height: 100%;
	border-left: 3px dotted #CCC;
}
.StepProgress-item {
	position: relative;
	counter-increment: list;
}
.StepProgress-item:not(:last-child) {
	padding-bottom: 25px;
}

.StepProgress-item::before {
	display: inline-block;
	content: '';
	position: absolute;
	left: -30px;
	height: 100%;
	width: 10px;
}
.StepProgress-item::after {
	content: '';
	display: inline-block;
	position: absolute;
	top: 6px;
	left: -36px;
	width: 15px;
	height: 15px;
	border: 2px solid #CCC;
	border-radius: 50%;
	background-color: #FFF;
}

.StepProgress-item.big-current::before {
	border-left: 3px solid green;
}
.StepProgress-item.big-current::after {
	content: '';
	font-size: 20px;
	font-weight: bold;
	top: 0;
	left: -47px;
	width: 35px;
	height: 35px;
	color: #FFF;
	text-align: center;
	border: 2px solid green;
	background-color: #fff;
}

.StepProgress-item.is-done::before {
	border-left: 3px solid green;
}
.StepProgress-item.is-done::after {
	content: '✓';
	font-size: 20px;
	font-weight: bold;
	top: 0;
	left: -47px;
	width: 35px;
	height: 35px;
	color: #FFF;
	text-align: center;
	border: 2px solid green;
	background-color: green;
}

.StepProgress-item.is-bad::before {
	border-left: 3px solid green;
}
.StepProgress-item.is-bad::after {
	content: '⨉';
	font-size: 20px;
	font-weight: bold;
	color: #FFF;
	text-align: center;
	border: 2px solid #c63743;
	background-color: #c63743;
}

.StepProgress-item.is-mail::before {
	border-left: 3px solid green;
}
.StepProgress-item.is-mail::after {
	content: '✉';
	font-size: 20px;
	font-weight: bold;
	color: green;
	top: 0;
	left: -47px;
	width: 35px;
	height: 35px;
	text-align: center;
	border: 2px solid green;
	background-color: #fff;
}

.StepProgress-item.is-conclusion::after {
	top: 0;
	left: -47px;
	width: 35px;
	height: 35px;
}

.StepProgress-item.is-done-intermediaire::before {
	border-left: 3px solid green;
}
.StepProgress-item.is-done-intermediaire::after {
	content: '';
	font-size: 20px;
	font-weight: bold;
	color: #FFF;
	top: 6px;
	left: -36px;
	width: 15px;
	height: 15px;
	text-align: center;
	border: 2px solid green;
	background-color: green;
}

.StepProgress-item.current::before {
	border-left: 3px solid green;
	display: inline-block;
	content: '';
	position: absolute;
	left: -30px;
	height: 15%;
	width: 10px;
}
.StepProgress-item.current::after {
	content: '';
	padding-top: 1px;
	top: 6px;
	left: -36px;
	width: 15px;
	height: 15px;
	font-size: 14px;
	text-align: center;
	color: green;
	border: 2px solid green;
	background-color: white;
}

.StepProgress-item:last-child::before {
	border-left: 3px solid #FFF;
}

/* --------------------------------------------- */
/* adapte le datatable au bootstraap */
/* --------------------------------------------- */
.sansInterLigne{line-height:1.1em}
th.dt-center, td.dt-center { text-align: center; }

#ressourcesDataTable td,#ressourcesDataTable th,.creances td,.creances th{padding:3px 0}
#ressourcesDataTable td:first-child i{display:block}
#ressourcesDataTable td span,.creances td span{display:block}
#ressourcesDataTable td .fa-check-circle,#ressourcesDataTable td .fa-times-circle,.creances td .fa-check-circle,.creances td .fa-times-circle{font-size:2rem;width:2rem;}
#ressourcesDataTable td .fa-check-circle,.creances td .fa-check-circle,#ressourcesDataTable td .spinner-border{color:green}
#ressourcesDataTable td .fa-times-circle,.creances td .fa-times-circle {color:#dc3545}

.dataTables_wrapper .dt-buttons {
	margin-top:5px;
}
#paiementDataTable .dataTables_wrapper .dt-buttons:before,#paiementBloqueDataTable .dataTables_wrapper .dt-buttons:before {
	content: "";
}
#paiementDataTable.dataTable.no-footer,#paiementBloqueDataTable.dataTable.no-footer{border:none}
#paiementDataTable.dataTable td,#paiementDataTable.dataTable th,#paiementBloqueDataTable.dataTable td,#paiementBloqueDataTable.dataTable th{padding:10px 0}
#paiementDataTable.dataTable td:last-child,#paiementBloqueDataTable.dataTable td:last-child{padding-left:0;padding-right:0}
#paiementDataTable span.float-end{float:none !important}


.dt-paging{
	font-size: .875rem !important;
	line-height: 1.5 !important;
}
div.dt-container .dt-paging .dt-paging-button.current, div.dt-container .dt-paging .dt-paging-button.current:hover{
	background:none !important;
	background-color: #2059a6 !important;
	border-color: #2059a6 !important;
	border-radius: .3rem !important;
	color: white !important;
}

div.dt-container.dt-empty-footer #paiementDataTable tbody > tr:last-child > *{
	border: 0;
}

div.dt-container .dt-paging .dt-paging-button:hover{
	background:none !important;
	background-color: #fefefe !important;
	border-color: #ccc !important;
	border-radius: .3rem !important;
	color: #333 !important;
}

button.dt-button:hover:not(.disabled), div.dt-button:hover:not(.disabled), a.dt-button:hover:not(.disabled){
	background-color: #0069d9 !important;
	color: white !important;
}
button.dt-button, div.dt-button, a.dt-button {

	padding: .25rem .5rem;
	font-size: .875rem;
	line-height: 1.5;

	background:none !important;
	border-color: #2059a6 !important;
	color: #2059a6 !important;
	border-radius: .2rem !important;
}
#historiqueDataTable .fa-bell,#instancePaiement .fa-bell{
	color: #0056b3 !important;
	cursor: pointer;
}

.close{color: var(--bs-heading-color) !important;opacity: 1;}
/* --------------------------------------------- */
/* pour la page maintenance */
/* --------------------------------------------- */
.circle {
	background: red;
	border-radius: 20rem;
	height: 25rem;
	width: 25rem;
	display: table;
	margin: 20px auto;
	background: url("../img/plug.png") center bottom no-repeat;
}
.circle p {
	vertical-align: middle;
	display: table-cell;
	padding-bottom:6em;
}

/* --------------------------------------------- */
/* notify */
/* --------------------------------------------- */
.ui-pnotify{font-size:15px;z-index:10000002 !important}
.ui-pnotify h4{font-size:1.2rem}

/* --------------------------------------------- */
/* footer
/* --------------------------------------------- */
#imgFooter {
	width: 241px;
	height: 92px;
	opacity: 0.5;
	filter: alpha(opacity=50); /* For IE8 and earlier */
	background-image: url('../img/logo_AM.png');
}

/* --------------------------------------------- */
/* page attestation
/* --------------------------------------------- */
.crayon-underline {
display: inline-block;
  background-image: url('../img/surlignage.png');
  background-repeat: no-repeat;
  background-position: bottom;
  background-size: 150% 15px;
  padding-bottom: 8px;
  font-weight: normal;
}
.cartouchePdf .card-title{
	font-size: 1.1em;
}
.divImgPdf{
	background-color: #f8f9fa;
	min-width:5.2em;
	min-height: 7em;
}
.bgPdf {
	font-size: 5em;
	margin-left: 0.2em;
	margin-top: 0.2em;
	color: #69c;
}
.precPdf{
	position: absolute;
	top: 2.3em;
	left: 1.3em;
	font-size: 1.5em;
	color: #69c;
}
select{border-color:#2059a6 !important}

#anim_fond{
	background: url("../img/anim_fond-min.png") center no-repeat;
}
.montant{
    vertical-align: top;
}
/* --------------------------------------------- */
/* mise en page */
/* --------------------------------------------- */
@media (max-width: 360px){
	body{padding:0}
	.container-fluid:not(.lienBasDePage){padding:0 5px}
	.entete {padding: 0;}
	.titre{
		/* margin-top:0; */
		margin-left:0;
		font-size: 1rem;
		color:#2059a6;
	}
	.nav-link {
		display: block;
		padding: .5rem .5rem;
	}
	.logo-min{margin-right: 0px;}
	.contenuBulle figure {margin-left: -15px;}
	.modal-body{padding:.5em}
	#navbarContent{margin-top:5px;padding:10px; border:1px solid #CCC;border-radius: 2px;background:white;}
}
/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px){
	body{padding:10px}
	.container-fluid:not(.lienBasDePage){padding:10px}
	.entete {padding: 0;}
	.nav-link {
		display: block;
		padding: .5rem .5rem;
	}
	.modal-dialog {max-width: 700px}
	.colonnePaiementDroit{
		padding-left: 0
	}
	.logo{margin-right: 10px;}

}
/* Medium devices (tablets, 768px and up) */
@media (max-width: 768px){
	body{padding:0}
	.container-fluid:not(.lienBasDePage){padding:0 5px}
	.entete {padding: 0;}
	.titre{
		 margin-left:0;
		 font-size: 1.7rem;
		 color:#2059a6;
	 }
	.nav-link {
		display: block;
		padding: .5rem .5rem;
	}
	.logo-min{margin-right: 0px;}
	.row{
		margin-left: 0;
		margin-right: 0
	}
	.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
		padding-right: 0;
		padding-left: 0;
	}
	.deconnexion{width:30px}
	#navbarContent{margin-top:5px;padding:10px; border:1px solid #CCC;border-radius: 2px;background:white;}
}
@media (min-width: 768px) and (max-width: 991px){
	body{padding:10px}
	.entete {padding: 0 0 10px 0;}
	.nav-link {
		display: block;
		padding: .5rem .5rem;
	}
	.modal-dialog {max-width: 800px;}
	.colonnePaiementDroit{
		padding-left: 0
	}
	.logo{margin-right: 20px;}
	.deconnexion{width:105px}
	#navbarContent{margin-top:5px;padding:10px; border:1px solid #CCC;border-radius: 2px;background:white;}
	
}
/* Large devices (desktops, 992px and up) */
@media (min-width: 992px){
	body{padding:10px}
	.entete {padding: 0 0 10px 0;}
	.nav-link {
		display: block;
		padding: .5rem 1rem;
	}
	.modal-dialog {max-width: 800px;}
	.colonnePaiementDroit{
		padding-left: 10px
	}
	.logo{margin-right: 10px;}
	.deconnexion{width:105px}
}
/* gestion de l'alerte webinaire */
@media (max-width: 1649px){
	#anim{width:100%;height:179px;
		/*min-width:350px;*/
		position: relative;}
	#anim .titreSectionBasDePage{font-size: 1em}
	#anim_bulle{width:100% !important;min-height:170px !important;margin-bottom: 10px;position: absolute;bottom:0;left:7px;line-height: 17px}
	#entete_image_bulle{width:100% !important;height:44px !important;background-color: #eeedf7; background-image: url("../img/entete_webinaire-min.png");background-size: 100%;background-position-y:-25px ;background-repeat: no-repeat;background-blend-mode: luminosity; opacity: 0.6;}
	#imgFooter{display: none}
}
@media (min-width: 1650px){
	#anim{width:302px;height:246px;position: fixed; bottom:0;right:0;}
	#anim .titreSectionBasDePage{font-size: 1em}
	#anim_fond{	width:302px;height:246px;position: absolute;right:0;}
	#anim_bulle{width:100% !important;min-height:170px !important;position: absolute;right:15px; bottom:0; line-height: 17px;}
	#entete_image_bulle{width:100% !important;height:44px !important;background-color: #eeedf7; background-image: url("../img/entete_webinaire-min.png");background-size: 100%;background-position-y:-25px ;background-repeat: no-repeat;background-blend-mode: luminosity; opacity: 0.6;}
	#imgFooter{display: block}
}
@page {
	size: A4;
	margin: 10pt;
}
@media print {

	.noPrint,.modal-backdrop,#loading {display:none} /*  */

	.modal-open {
		overflow: visible !important;
	}
	.modal-content,.list-group{
		display: block;
	}
	.modal {
		position: relative !important;
		margin: 0;
		padding: 0;
		visibility: visible;
		overflow: visible !important;
	}
	.modal-open .modal {
		overflow-x: visible;
		overflow-y: visible;
	}
	.modal-dialog {
		visibility: visible !important;
		overflow: visible !important;
		max-width: 100%;
		margin:0
	}
	.blockPaiement{border:1px solid #666666 !important}

	.traittotal {margin-bottom:10px}
	.total{clear:both}

}



/* calculateur */

hr {
	display: block;
	margin: 20px 0 -15px;
	width: 100%;
	height: 1px;
	border: 0;
	background-color: rgba(0, 0, 0, 0.35);
}
hr + h2 {
	display: inline-block;
	position: relative;
	left: 50%;
	margin: 0;
	padding: 5px 10px;
	border: 1px solid rgba(0, 0, 0, 0.35);
	transform: translateX(-50%);
	font-size: 12px;
	font-weight: 500;
	letter-spacing: 0.32em;
	text-align: center;
	text-transform: uppercase;
	background-color: #fff;
}
hr + h2::first-letter {
	margin-left: 0.32em;
}

/* Alternative transform: translate */
hr + h2 {
	border-width: 1px 0;
}
hr + h2::before, hr + h2::after {
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	width: 1px;
	background: rgba(0, 0, 0, 0.35);
	content: "";
}
hr + h2::before {
	left: 0;
}
hr + h2::after {
	right: 0;
}

.messEnteteCalcul hr, .messEnteteCalcul h2, .messEnteteCalcul i{display:none}

#paiementDataTable .dt-column-order,#historiqueDataTable .dt-column-order{
    display: none !important;
}

/* Masque le <hr> quand CSS est activé */
.fallback-hr {
  display: none;
}