/*======================================================*/
/*============== Déclaration des variables =============*/
/*======================================================*/
:root {
	--color-marron: #7a6a58;
	--color-grey: #878786;
	--color-facebook: #3b5998;
	--color-twitter: #00aced;
	--color-linkedin:#0e76a8;
	--color-grey-hard: #404040;
	--color-blue-izi: #25377d;

	--font-family: 'WorkSans Light', Sans-Serif;
	--font-family-italic: 'WorkSans Italic', Sans-Serif;
	--font-family-bold: 'WorkSans Bold', Sans-Serif;
}

/*======================================================*/
/*======== Définition des polices personnalisées =======*/
/*======================================================*/
@font-face {
    font-family: 'WorkSans Light';
    src: url('../../../fonts/WorkSans-Light.ttf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'WorkSans Italic';
    src: url('../../../fonts/WorkSans-LightItalic.ttf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'WorkSans Bold';
    src: url('../../../fonts/WorkSans-SemiBold.ttf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
	/* police pour les icônes */
	font-family: 'icomoon';
	src:  url('../../../vendor/icomoon/fonts/icomoon.eot?282wkk');
	src:  url('../../../vendor/icomoon/fonts/icomoon.eot?282wkk#iefix') format('embedded-opentype'),
		  url('../../../vendor/icomoon/fonts/icomoon.ttf?282wkk') format('truetype'),
		  url('../../../vendor/icomoon/fonts/icomoon.woff?282wkk') format('woff'),
		  url('../../../vendor/icomoon/fonts/icomoon.svg?282wkk#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
	font-display: block;
  }


/*======================================================*/
/*=============== suppression des styles ===============*/
/*======================================================*/
ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*======================================================*/
/*===== initialisation des box et autres paramètres ====*/
/*======================================================*/
html {
    box-sizing: border-box;
	line-height: 150%;
    margin: 0 auto;
}

*, *:before, *:after {
    box-sizing: inherit;
}

.flex {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: flex-start;
	flex-wrap: nowrap;
}

/*======================================================*/
/*============ Mise en page générale du site ===========*/
/*======================================================*/
body {
	/* background-color: #f8f9fa; */
	color: black;
	font-family: var(--font-family);
	font-size: 62.5%;
    margin: 0 auto;
	padding: 0;
	max-width: 100%;

	/* background-image:  linear-gradient(to bottom, rgba(255,255,255,0.9), rgba(37,55,125,0.8)), url("../../../img/v.01.028/maps.png"); */
	background-image:  linear-gradient(to bottom, rgba(255,255,255,0.85), rgba(255,255,255,0.85)), url("../../../img/v.01.028/maps.png");
	background-size: cover;
	background-position: top left;
	background-attachment: fixed;
}

sup {
	color: red;
    line-height:0%;
}

sup sup {
    position: initial;
}

.invalid-feedback {
	font-size: 0.8rem;
}

.invisible {
	display: none;
}

/* .visible {
	display: initial;
}
 */
.disabled {
	visibility: hidden;
}

a,
button {
	font-family: var(--font-family);
	text-decoration: none;
}

a,
input,
label,
p,
select,
option,
textarea,
.desc-dossier {
	font-family: var(--font-family);
	font-size: 1rem;
}

a {
    color: var(--color-blue-izi);
}

a:hover {
    color:#c2253e;
}

.isDisabled {
	color: currentColor;
	/* cursor: not-allowed; */
	pointer-events: none;
	opacity: 0.5;
	text-decoration: none;
}

/*======================================================*/
/*======================= HEADER =======================*/
/*======================================================*/
header {
	display: block;
}

header .icon-office1:before,
header .icon-map-marker1:before {
	display: block;
    font-size: 1.5rem;
}


/*================== Gestion du menu ===================*/
/*======================================================*/
header {
	position: -webkit-sticky;
	position: -o-sticky;
	position: -moz-sticky;
	position: -ms-sticky;
	position: -khtml-sticky;
	position: sticky;
	top: 0;
	z-index: 100000;
}

header i {
	color: var(--color-blue-izi);
	margin-right: 0;
	text-align: center;
}

header li:hover i,
header li:hover span {
    color:#c2253e;
	margin-right: 0;
	text-align: center;
}

header h4 {
	text-transform: initial;
}

header .nav-link span {
    font-family: var(--font-family);
    margin-left: 0.5rem;
	color: var(--color-blue-izi);
}

header .navbar-brand:hover span,
header .navbar-brand:hover i {
        color:#c2253e;
}

header .navbar-brand span {
    font-family: var(--font-family);
    font-size: 1rem;
    margin: 1rem 2rem 0 2rem;
	color: var(--color-blue-izi);
}

header .navbar-brand i {
    margin: 1rem 2rem 0 2rem;
}

header .navbar-brand .icon-user:before {
    display: block;
    font-size: 1.5rem;
}

.navbar-brand img {
	height : 5rem;
}

.navbar {
    padding-top: 0;
}

.menu-simplifie {
	display: none;
}

.connexion {
    margin-bottom: 0;    
}

/*======================================================*/
/*======================= Main =========================*/
/*======================================================*/

/*================== bouton Up ===================*/
/*================================================*/
.icon-circle-up {
	display: none;
	color: var(--color-blue-izi);
	position: fixed;
	font-size: 3rem;
	bottom: 50%;
	right: 0;
	z-index: 1000;
}

#lien {
	margin-bottom: 2rem;
}

/*===================================================================*/
/*===================================================================*/
/*============= nouveau mot de passe - new-password.php =============*/
/*===================================================================*/
/*===================================================================*/
#new-password {
	display: block;
	text-align: center;
}

/*
#new-password p {
	font-size: 1rem;
	margin: 0 0;
}

#new-password p a {
	font-size: 1rem;
	text-decoration: none;
	color: black;
}

#new-password p a:hover {
	color: var(--color-grey);
}

#new-password input {
	font-size: 1rem;
	display: block;
	padding: 0.3rem 1rem;
}

#new-password form input:not(last-child) {
	color: grey;
	margin: 0 auto 2rem auto;
	width: 16rem;
}

#new-password form input:last-child {
	background-color: var(--color-blue-izi);
	color: white;
}*/

#new-password form {
	border: 1px solid var(--color-blue-izi);
	max-width: 20%;
	margin: 2rem auto;
	padding: 2rem;
}

/*===================================================================*/
/*===================================================================*/
/*============== Propriétés communes à toutes les pages =============*/
/*===================================================================*/
/*===================================================================*/
#a-propos .section-inner,
#plan-du-site .section-inner,
#mentions-legales .section-inner,
#cgv .section-inner,
#devenir-partenaire .section-inner,
#liste-partenaires .section-inner,
#services .section-inner,
#index .section-inner,
#utilitaires .section-inner,
#module-paiement-back .section-inner,
#module-paiement .section-inner,
#domiciliation-list-front .section-inner,
#domiciliation .section-inner,
#domiciliation-entreprise .section-inner,
#contact .section-inner,
#departements .section-inner,
#view-domicilie-signatures .section-inner,
#infos-recapitulatif-back .section-inner,
#create-avenant .section-inner,
#infos-recapitulatif-front .section-inner,
#info-complement-back .section-inner,
#info-demarche-back .section-inner,
#info-demarche-front .section-inner,
#info-societe-back .section-inner,
#info-societe-front .section-inner,
#infos-perso-back .section-inner,
#infos-perso-front .section-inner,
#options-domiciliations-back .section-inner,
#creation-domiciliation-back .section-inner,
#recherches .section-inner,
#mes-dossiers-en-cours .section-inner,
#liste-avenant .section-inner,
#liste-domicilie-signatures .section-inner,
#choix-domiciliation-back .section-inner,
#domicilie-view .section-inner,
#domiciliation-view .section-inner,
#prestation-view .section-inner,
[id^="list-"] .section-inner,
[id^="edit-"] .section-inner {
	padding: 2rem;
	margin: 0 auto;
}

#recherches form {
    background-color: #e8ecf0;
    padding: 1rem;
}

[id^="edit-"] label:first-child,
[id^="edit-"] label:nth-child(3),
[id^="edit-"] input:last-child,
[id^="edit-"] textarea,
[id^="list-"] label:first-child,
[id^="list-"] label:nth-child(3),
[id^="list-"] input:last-child,
[id^="list-"] textarea,
[id^="edit-"] select {
	display: block;
}

[id^="edit-"] form,
[id^="edit-"] fieldset,
[id^="list-"] form,
[id^="list-"] fieldset {
	margin-top: 1rem;
	margin-bottom: 1rem;
	padding: 1rem 1rem;
	border: 1px solid var(--color-blue-izi);
	font-size: 1rem;
}

#recherches .row {
    --bs-gutter-x: 0.5rem;
}


#list-domicilie form {
	margin-top: 1rem;
	margin-bottom: 1rem;
	padding: 1rem 1rem;
	border: none;
	font-size: 1rem;
}

[id^="edit-"] textarea,
[id^="list-"] textarea {
	font-family: var(--font-family);
	margin-bottom: 1rem;
}

[id^="edit-"] option{
	font-family: var(--font-family);
}

[id^="edit-"] label + input,
[id^="edit-"] label + textarea,
[id^="edit-"] label + select,
[id^="edit-"] select {
	width: 100%;
}

[id^="edit-"]  legend,
[id^="list-"]  legend {
	padding: 0 1rem;
}

[id^="edit-"]  fieldset,
[id^="list-"]  fieldset {
	border: 1px solid var(--color-blue-izi);
	margin-bottom: 2rem;
}

[id^="edit-"]  fieldset .flex,
[id^="list-"]  fieldset .flex {
	align-items: center;
}

[id^="edit-"]  .flex label,
[id^="list-"]  .flex label {
	margin-right: 0;
}

[id^="edit-"]  .flex input,
[id^="list-"]  .flex input {
	margin-right: 4rem;
}

[id^="list-"]  article {
	border: 1px solid var(--color-blue-izi);
	padding: 1rem 1rem;
	margin: 1rem auto;
}

/*===================================================================*/
/*============================== Titres =============================*/
/*===================================================================*/
h1 {
	color: var(--color-blue-izi);
	font-family: var(--font-family-bold);
	font-size: 2.5rem;
	line-height: 2.5rem;
	margin: 2rem 0 1rem 0;
	text-align: center;
	text-transform: uppercase;
}

h2 { /* sous-titre */
    color: #b8a993 !important;
	font-family: var(--font-family-bold);
	font-size: 1.8rem;
	line-height: 1.8rem;
	margin: 2rem 0 1rem 0;
	text-align: center;
	text-transform: uppercase;
}

h3 {
	color: var(--color-blue-izi);
	font-family: var(--font-family-bold);
	font-size: 1.5rem;
	line-height: 1.5rem;
	margin: 2rem 0 1rem 0;
	text-align: left;
	text-transform: initial;
}

h4 {
	color: var(--color-blue-izi);
	font-family: var(--font-family-bold);
	font-size: 1.2rem;
	line-height: 1.2rem;
	margin: 0 0 1rem 0;
	text-align: left;
	text-transform: initial;
}

h5 {
	color: var(--color-blue-izi);
	font-family: var(--font-family-bold);
	font-size: 1rem;
	line-height: 1rem;
	margin: 2rem 0 1rem 0;
	text-align: left;
	text-decoration: underline;
	text-transform: initial;
}

.errorModal h5 {
	color: red;
	font-size: 1.5rem;
	padding: 1rem 0;
    text-decoration: none;
}

h6 {
	color: var(--color-blue-izi);
	font-family: var(--font-family-bold);
	font-size: 0.8rem;
	line-height: 0.8rem;
	margin: 2rem 0 1rem 0;
	text-align: left;
	text-decoration: underline;
	text-transform: initial;
}

#prestation-view h4,
#domiciliation-list-front h4,
#choix-domiciliation-back h3 {
	font-size: 0.8rem;
	line-height: 0.8rem;
	margin: 1rem 0;
	text-align: center;
}

#createCompte h4,
#newpassword h4,
#pwdOublie h4,
#nouveauclient h4,
#passwordWindow	h4 {
	text-align: center;
}

#info-societe h3,
#options-domiciliations h3,
#infos-perso h3,
#paiement h3 {
	margin: 2rem auto;
}

#options-domiciliations h4,
#infos-perso h4,
#info-societe h4,
#paiement h4 {
	font-size: 1rem;
	text-transform: none;
	color: var(--color-blue-izi);
}

#infos-recapitulatif-back h5,
#domicilie-view h5 {
	color: var(--color-blue-izi);
	font-family: var(--font-family-bold);
	font-size: 1rem;
	line-height: 1rem;
	margin: 0 0 1rem 0;
	text-align: left;
	text-decoration: none;
}

#domicilie-view h6,
#infos-recapitulatif-back h6 {
	color: green;
	font-family: var(--font-family-bold);
	font-size: 1rem;
	line-height: 1rem;
	margin: 0 0 1rem 0;
	text-align: left;
	text-decoration: none;
}

#domicilie-view .projet {
	font-size: 1.8rem;
	line-height: 1.8rem;
	text-decoration: underline;
}

hr {
    border-top: 1px solid var(--color-blue-izi);
    height: 0 !important;
}

.etat {
	font-weight: 600;
}

.cadre {
	border: 1px solid var(--color-blue-izi);
	border-radius: 5px; 
}

i {
	margin-right: 1rem;
	cursor: pointer;
}

.btn i  + .icon-warning1 {
	margin-right: 0.2rem;
	margin-left: 0.2rem;
}

.btn i + i {
	margin-left: 1rem;
	margin-right: 0;
}

.centrer {
	justify-content: center;
}

.membre,
.h-centre {
	text-align: center;
}

span>strong ,
td>span>strong {
    font-weight: bold;
}

strong {
    font-weight: initial;
}

/*===================================================================*/
/*============================ Bannières ============================*/
/*===================================================================*/

/* back Office */
#index .page,
#utilitaires .page,
#module-paiement-back .page,
#liste-domicilie-signatures .page,
#view-domicilie-signatures .page,
#creation-domiciliation-back .page,
#recherches .page,
#mes-dossiers-en-cours .page,
#liste-avenants .page,
#choix-domiciliation-back .page,
#infos-perso-back .page,
#info-societe-back .page,
#info-demarche-back .page,
#info-complement-back .page,
#options-domiciliations-back .page,
#infos-recapitulatif-back .page,
#create-avenant .page,
#list-domicilie .page,
#list-domicilieadm .page,
#liste-avenant .page,
#list-import .page,
#edit-domicilie .page,
#domicilie-view .page,
#edit-domiciliation .page,
#list-domiciliation .page,
#edit-role .page,
#list-role .page,
#edit-user .page,
#list-user .page,
#edit-subarticle .page,
#list-subarticle .page,
#edit-article .page,
#list-article .page,
#edit-second .page,
#list-second .page,
#list-societe .page,
#edit-societe .page{
	background-image: linear-gradient(to bottom, rgba(255,255,255,0.6), rgba(0,0,0,0.7)), url("../../../img/v.01.028/marseille.jpg");
	background-size: cover;
    background-position: right 0% top 35%;
    padding: 5% 2%;
    margin: 0;
    text-align: center;
}

/* front Office */
#a-propos .page,
#plan-du-site .page,
#mentions-legales .page,
#cgv .page,
#devenir-partenaire .page,
#liste-partenaires .page,
#services .page,
#contact .page,
#prestation-view .page,
#domiciliation-view .page,
#module-paiement .page,
#info-societe-front .page,
#info-demarche-front .page,
#infos-perso-front .page,
#infos-recapitulatif-front .page,
#options-domiciliations .page,
#choix-domiciliation .page,
#domiciliation-list-front .page,
#domiciliation .page,
#departements .page,
#domiciliation-entreprise .page {
	/* background-image: linear-gradient(to bottom, rgba(255,255,255,0.9), rgba(0,0,0,0.7)), url("../../../img/v.01.028/1.jpg"); */
	background-image: linear-gradient(to bottom, rgba(255,255,255,0.6), rgba(0,0,0,0.7)), url("../../../img/v.01.028/1.jpg");
	background-size: cover;
    background-position: right 0% top 40%;
    padding: 5% 2%;
    margin: 0;
    text-align: center;
}

/*============= Sections right & left ==================*/
/*======================================================*/
.right, .left {
	border: 1px solid var(--color-blue-izi);
	margin: 1rem 1rem;
	overflow: hidden;
}

.right aside, .left aside {
	font-size: 1rem;
	line-height: 1.6rem;
	margin: 0 0;
	text-align: justify;
	width: 66%;
}

.right img, .left img {
	width:26%;
}

.right aside {
	float: right;
}

.right img {
	float: left;
}

.left aside {
	float: left;
}

.left img {
	float: right;
}

/* Carousel base class */
.carousel {
	margin-top: 0;
	margin-bottom: 0;
}
  /* Since positioning the image, we need to help out the caption */
.carousel-caption {
	/* color: #85c440 ; */
	z-index: 10;
	font-weight: 800;
    margin-bottom: 10rem;
}

.carousel h2 {
    color: var(--color-blue-izi) ;
    text-shadow: 2px 2px 2px black, white 2px 5px;
    font-size: 2rem;
    line-height: 3rem;
}

.carousel p {
	color:  white;
	text-shadow: 2px 2px 2px black;
    font-size: 1.5rem;
    line-height: 2rem;
}

/* front office - bouton accueil */
.accueil {
    margin: 0;
	position: fixed;
	top: 2%;
    left: 2%;
    max-width: 80px;
    min-width: 60px;
    text-align: left;
}

/* front office - tooltip */

.my-tooltip {
    z-index: 1000;
    position: absolute;
    font-family: var(--font-family);
}

.tooltip-title {
    border: 1px solid;
    border-radius: 0.5rem 0.5rem 0 0;
    color: white;
    font-size: 1rem;
    font-weight: 800;
    text-align: center;
    padding: 1rem;
}

.tooltip-body {
    background-color: white;
    border: 1px solid;
    border-radius: 0 0 0.5rem 0.5rem;
    padding: 0.5rem;
}

.tooltip-body span {
    display: block;
    font-size: 1rem;
    margin-bottom: 0.5rem;
}

.tooltip-width {
    max-width: 45rem;
}

/* couleurs tooltips & bordures front office */
.color-client {
    color: #b8a993 !important;
}
.border-color-client {
    border-color: #b8a993;
}
.background-color-client {
    background-color: #b8a993;
}

.color-izidomi {
    color: var(--color-blue-izi) !important;
}
.border-color-izidomi {
    border-color: var(--color-blue-izi) !important;
}
.background-color-izidomi {
    background-color: var(--color-blue-izi);
}

#a-propos h2,
.color-a-propos {
    color: #b8a993 !important;
}
.border-color-a-propos {
    border-color: #b8a993 !important;
}
.background-color-a-propos {
    background-color: #b8a993;
}
#a-propos .border-page {
    border-left: solid 3.5vw #b8a993;
}

#departements h2,
.color-departements {
    color: var(--color-blue-izi) !important;
}
.border-color-departements {
    border-color: var(--color-blue-izi);
}
.background-color-departements {
    background-color: var(--color-blue-izi);
}
#departements .border-page {
    border-left: solid 3.5vw var(--color-blue-izi);
}

#domiciliation-entreprise h2,
.color-domiciliation {
    color: #b8a993 !important;
}
.border-color-domiciliation {
    border-color: #b8a993;
}
.background-color-domiciliation {
    background-color: #b8a993;
}
#domiciliation-entreprise .border-page {
    border-left: solid 3.5vw #b8a993;
}

#liste-partenaires h2,
#devenir-partenaire h2,
.color-partenaire {
    color: #b8a993 !important;
}
.border-color-partenaire {
    border-color: #b8a993 !important;
}
.background-color-partenaire {
    background-color: #b8a993;
}
#devenir-partenaire .border-page {
    border-left: solid 3.5vw #b8a993;
}
#liste-partenaires .border-page {
    border-left: solid 3.5vw #b8a993;
}

#contact h2,
.color-contact {
    color: #b8a993 !important;
}
.border-color-contact {
    border-color: #b8a993 !important;
}
.background-color-contact {
    background-color: #b8a993;
}
#contact .border-page {
    border-left: solid 3.5vw #b8a993;
}

#mentions-legales h2,
#mentions-legales .border-page {
    border-left: solid 3.5vw #b8a993;
}

#plan-du-site h2,
#plan-du-site .border-page {
    border-left: solid 3.5vw #b8a993;
}

#cgv h2,
#cgv .border-page {
    border-left: solid 3.5vw #b8a993;
}

main {
    margin-bottom: 0;
}

/*===================================================================*/
/*===================================================================*/
/*============ Styles spécifiques en fonction des pages =============*/
/*===================================================================*/
/*===================================================================*/

/* footer */
/**********/
footer {
    background-color: rgba(184,169,147,0.2);
    font-size: 1rem !important;
}

footer a,
footer p {
    color: black;
    margin-top: 0;
    text-decoration: none;
}
footer span {
	color: var(--color-blue-izi);
	font-family: var(--font-family);
    margin-left: 0.5rem;
}

footer a:hover span,
footer a:hover i {
    color:#c2253e;
}

footer i {
	color: var(--color-blue-izi);
}

.copyright {
    color: white;
    background-color: var(--color-blue-izi);
	font-size: 0.8rem;
	padding: 1rem 0;
	text-align: center;
}

/* index Front office */
/**********************/
#index-front h1 {
    color: var(--color-blue-izi);
    text-align: left;
    margin-top: 0;
}

#index-front h2 {
    color: var(--color-blue-izi);
    text-align: left;
	text-transform: initial;
    margin-top: 0;
}

#index-front h3 {
    color: var(--color-blue-izi);
	text-transform: initial;
    text-align: center;
    margin: 0;
    font-size: 0.8rem;
}

#index-front .acces-membre {
    text-align: center;
    margin: 0;
}

#index-front .texte-titre {
    font-size: 1.5rem;
    margin-top: 1rem;
}

#index-front p {
    font-size: 1.2rem;
    line-height: 1.5rem;
    margin-top: 1rem;
}

#index-front a {
    font-size: 1.2rem;
    margin-top: 1rem;
}

#index-front .icon-plus {
    color: green;
}

#index-front .zone-texte {
    background-color: rgba(255, 255, 255, 0.6);
    border: 2px solid var(--color-blue-izi);
    border-radius: 1rem;
}

#index-front img {
    max-width: 80px;
    min-width: 30px;
}

#index-front nav {
    background-color: white;
    position: absolute;
}

#index-front nav a {
    font-size: 0.8rem;
    margin: 0;
    padding: 4px;
}

#index-front .menu-membre:hover {
    color:#c2253e;
    cursor:pointer;
}

body #index-front {
	background-image:  linear-gradient(to bottom, rgba(255,255,255,0.5), rgba(255,255,255,0.8)), url("../../../img/v.01.028/maps2.png");
	background-size: cover;
	background-position: top left;
	background-attachment: fixed;
}

#index-front .droite {
    text-align: right;
}

#index-front .gauche {
    text-align: left;
}

/* contact */
/***********/
#contact p,
#contact span {
    font-size: 1rem;
}

#contact .SumoSelect > .CaptionCont {
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
}

#contact .SumoSelect {
    width: 100%;
}

#contact li.opt.selected span i, .SumoSelect .select-all.selected > span i, .SumoSelect .select-all.partial > span i {
    background-color: var(--color-blue-izi);
}

textarea {
    width: 100%;
}

#contact .placeholder {
    background-color: white;
    opacity: 1;
}

#contact .SumoSelect > .CaptionCont > span.placeholder {
    color:var(--color-grey-hard)
}

#contact textarea {
    border-radius: 0.25rem;
}

#contact h3 {
    text-transform: initial;
}

/* Récapitulatif */
.img-modal {
    max-width: 150px;
    margin: 1rem auto;
    width: 30%;
}

/* front */
/***********************/
#a-propos p,
#plan-du-site p,
#mentions-legales p,
#cgv p,
#devenir-partenaire p,
#services p,
#a-propos li,
#plan-du-site li,
#mentions-legales li,
#cgv li,
#devenir-partenaire li,
#services li,
#domiciliation-entreprise p,
#domiciliation-entreprise li,
#departements p,
#departements li,
#domiciliation p,
#domiciliation li {
    font-size: 1rem;
    line-height: 1.5rem;
    margin-bottom: 0;
}

.fil-ariane {
    display: flex;
    justify-content: space-between;
}

.fil-ariane .img-fil {
	display: block;
	margin-left: auto;
	margin-right: auto;
	max-height: 30px;
	max-width: 30px;
}

#departements .fil-ariane p,
#domiciliation .fil-ariane p,
.fil-ariane p {
    font-size: 0.8rem;
	margin-left: auto;
	margin-right: auto;
    line-height: 1rem;
    margin-bottom: 0;
    display: block;
    text-align: center;
}

.fil {
    background-color: rgb(199, 224, 244);
    margin: 5px;
    border: 1px solid black ;
    border-radius: 5px;
    position: sticky;
    top: 102px;
    overflow-x: auto;
}

.fil-item {
    min-width:140px;
}

#plan-du-site p,
#plan-du-site li {
    font-size: 1rem;
    font-weight: 800;
    line-height: 1.5rem;
    margin-bottom: 1rem;
}

#a-propos ul,
#plan-du-site ul,
#mentions-legales ul,
#cgv ul,
#devenir-partenaire ul,
#services ul,
#domiciliation-entreprise ul,
#departements ul,
#domiciliation ul {
	font-family: var(--font-family);
    list-style-type: '- ';
    list-style-position: inside;
}

#a-propos ol,
#plan-du-site ol,
#mentions-legales ol,
#cgv ol,
#devenir-partenaire ol,
#services ol,
#domiciliation-entreprise ol,
#departements ol,
#domiciliation ol {
	font-family: var(--font-family);
    list-style-type: decimal;
    list-style-position: inside;
}

#domiciliation-entreprise #tip,
#departements #tip,
#domiciliation #tip {
	font-family: var(--font-family);
	font-size: 1.2rem;
	color: var(--color-blue-izi);
	font-weight: bold;
	padding: 1rem;
}

#a-propos h3,
#plan-du-site h3,
#mentions-legales h3,
#cgv h3,
#devenir-partenaire h3,
#services h3,
#a-propos h4,
#plan-du-site h4,
#cgv h4,
#services h4,
#domiciliation-entreprise h3,
#domiciliation-entreprise h4,
#domiciliation-entreprise .nom-dept,
#departements h3,
#departements h4,
#departements .nom-dept,
#domiciliation h3,
#domiciliation h4,
#domiciliation .nom-dept {
    font-size: 1.2rem;
    font-weight: 800;
    line-height: 1.7rem;
    text-transform: initial;
}

#domiciliation h4 {
    margin-bottom: 0;
}

#domiciliation-entreprise .nom-dept,
#departements .nom-dept,
#domiciliation .nom-dept {
    margin-bottom: 1rem;
    padding: 0;
}

#domiciliation-entreprise #visu-explication p,
#departements #visu-explication p,
#domiciliation #visu-explication p {
    text-align: left;
}

/* domiciliation-list-front */
/****************************/
#domiciliation-list-front h3 {
    text-align: center;
}

#domiciliation-list-front .cadre {
	padding: 0.8rem;
}

#domiciliation-list-front .avertissement {
    font-size: 1.2rem;
}

/* prestation-view front */
/****************************/
#liste-partenaires h3,
#prestation-view h3 {
	text-align: center;
}

/* mentions-legales */
#mentions-legales span,
#mentions-legales .gras {
    font-weight: 800;
}

#mentions-legales .indent {
    margin-left: 0.5rem;
}

#mentions-legales h4 {
    font-size: 1rem;
    font-weight: 800;
    line-height: 1.5rem;
    text-transform: initial;
    color:#b8a993;
}

#edit-role form > label:nth-child(3) {
	margin-top: 1rem;
}

#edit-role form input:last-child {
	margin-top: 0;
}

#list-domicilie #recherche-domicilie,
#list-domicilieadm #recherche-domicilie {
	margin-top: 2rem;
}

#list-article th,
#list-article td,
#list-subarticle th,
#list-subarticle td,
#list-second th,
#list-second td,
#list-societe th,
#list-societe td
#list-domicilie th,
#list-domicilie td,
#list-import th,
#list-import td {
	font-size: 0.8rem;
}

.gras {
	font-weight: bold;
	font-size: 1rem;
}

#domicilie-view .gras,
#infos-recapitulatif-back .gras,
#module-paiement-back .gras {
	color: var(--color-blue-izi);
	margin-bottom: 0;
}

#domicilie-view .suite,
#infos-recapitulatif-back .suite {
	margin-bottom: 0;
	margin-top: 0;
}

#domicilie-view .indent,
#infos-recapitulatif-back .indent {
	margin-left: 1rem;
}

#popupcrop {
	z-index: 100000;
}

#image {
	display: block;
	/* This rule is very important, please don't ignore this */
	max-width: 100%;
}

/* mise en forme du tableau dans la liste des utilisateurs, des articles et sous-articles */
#tableSociete :not(p),
#tablePresta :not(p),
#tableSousPresta :not(p),
#tableDom :not(p),
#tableEtsSecond :not(p),
#tableDomicilie :not(p),
#tableImport :not(p),
#tableDonnee :not(p) {
	font-size: 1rem;
	text-align: center;
	text-decoration: none;
}

#prestation-view .img-prest,
#liste-partenaires .img-pres,
#domiciliation-list-front .img-prest,
#choix-domiciliation-back img {
	display: block;
	margin-left: auto;
	margin-right: auto;
	max-height: 150px;
}

#prestation-view p,
#domiciliation-list-front p,
#choix-domiciliation-back p {
	font-size: 0.8rem;
	line-height: 0.8rem;
	margin-bottom: 0.4rem;
	text-align: center;
}

#liste-partenaires p,
#liste-partenaires a {
    font-size: 0.8rem;
	line-height: 0.8rem;
	margin-bottom: 0.4rem;
}

#prestation-view label,
#prestation-view input,
#domiciliation-list-front label,
#domiciliation-list-front input,
#choix-domiciliation-back label,
#choix-domiciliation-back input {
	font-size: 0.8rem;
	line-height: 0.8rem;
	margin-bottom: 0.4rem;
}


#choix-domiciliation-back .retour {
	margin: 1rem 0 1rem 2rem;
}

#tableSociete img,
#tablePresta img,
#tableSousPresta img,
#tableDom img,
#tableEtsSecond img,
#tableDonnee img {
	max-width: 100%;
	max-height: 5rem;
}

#tableSociete_wrapper,
#tablePresta_wrapper,
#tableSousPresta_wrapper,
#tableDom_wrapper,
#tableEtsSecond_wrapper,
#tableDomicilie_wrapper,
#tableImport_wrapper,
#tableDonnee_wrapper {
	margin-top: 2rem;
	margin-bottom: 2rem;
}

#tableSociete tr:nth-child(odd),
#tablePresta tr:nth-child(odd),
#tableSousPresta tr:nth-child(odd),
#tableDom tr:nth-child(odd),
#tableEtsSecond tr:nth-child(odd),
#tableDomicilie tr:nth-child(odd),
#tableImport tr:nth-child(odd),
#tableDonnee tr:nth-child(odd) {
	background-color: whitesmoke;
}

#tableSociete th,
#tablePresta th,
#tableSousPresta th,
#tableDom th,
#tableEtsSecond th,
#tableDomicilie th,
#tableImport th,
#tableDonnee th {
	background-color: white;
}

#tableSociete,
#tablePresta,
#tableSousPresta,
#tableDom,
#tableEtsSecond,
#tableDomicilie,
#tableDonnee
#tableImport {
	width: 100%;
}

.ui-spinner {
	margin-bottom: 1.5rem;
	display: block;
}

#list-import .error {
	color: red;
	font-style: italic;
}

#imgstore {
	width: 100%;
}

.left-margin-0 {
	padding-left: 1rem !important;
}

.navbar-light .navbar-toggler {
    color: rgba(37, 55, 125, 0.55);
    border-color: rgba(37, 55, 125, 0.1);
}

.navbar-light .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2837, 55, 125, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link {
    color: var(--color-blue-izi);
    text-align: left;
}

.un-rem {
	margin-top: 1.1rem;
}

.left-un-rem {
	font-size: 1rem;
	font-weight: 600;
	margin-left: 1rem;
}

.dt-buttons {
	margin-bottom: 1rem;
}

.presta {
	margin-top: 1rem;
}


.ref {
	color:lightsteelblue;
	font-size: 0.8rem;
	font-style: italic;
}

/* #domiciliation #createcompte {
	margin-left: 0.5rem;
	margin-right: 0.5rem;
} */

#domiciliation input {
	font-size: 1rem;
	text-align: left;
}

#domiciliation #error-pwd,
#domiciliation #error-old,
#domiciliation #error-mail {
	color: red;
	font-size: 0.8rem;
	margin-bottom: 0.5rem;
}


#domiciliation-list-front .img-responsive,
[id^="list-"] .img-responsive {
	width: auto;
}

/* domiciliation front */
.recup p {
	margin-bottom: 1rem;
	text-align:center;
}

.recup {
	margin: 0 auto;
	padding: 1rem;
	border: 1px solid var(--color-blue-izi);
	border-radius: 5px;
}

#passwordWindow button {
	margin-left: auto;
	margin-right: auto;
}
	

#domiciliation #pwd-oublie {
	cursor: pointer;
}

#domiciliation #numDossier{
	font-size: 1.2rem;
}

/* #prestation-view .description p, */
#domiciliation-list-front .description p,
#domiciliation-view .description p {
	font-size: 1rem;
	line-height: 1.2rem;
}

/* #prestation-view .description ol , */
#domiciliation-list-front .description ol,
#domiciliation-view .description ol {
	font-size: 0.8rem;
	line-height: 1rem;
	list-style: auto;
}

/* #prestation-view .description ul , */
#domiciliation-list-front ul,
#domiciliation-view .description ul {
	font-size: 0.8rem;
	line-height: 1rem;
	list-style: initial;
}

/* #prestation-view .description table , */
#domiciliation-list-front .description table,
#domiciliation-view .description table {
	font-size: 0.8rem;
	line-height: 1rem;
}

#info-societe h6,
#options-domiciliations h6,
#domiciliation-view h6,
#infos-perso h6,
#paiement h6 {
	text-transform: initial;
	font-size: 1rem;
	color: var(--color-blue-izi);
}

#info-societe .form-check,
#options-domiciliations .form-check,
#infos-perso .form-check,
#paiement .form-check {
	font-size: 1rem;
}

#list-domicilieadm a,
#info-societe a,
#options-domiciliations a,
#infos-perso a,
#paiement a {
	font-size: 1rem;
}

#infos-recapitulatif-front .img-download,
#info-societe .img-download,
#domicilie-view .img-download,
#info-complement-back .img-download {
	max-width: 15%;
}

#utilitaires .img-download,
#list-domicilieadm .img-download {
        max-width: 10%;
}

#liste-partenaires .img-download,
#prestation-view .img-download,
#domiciliation-list-front .img-download {
	max-width: 5rem;
	text-align: center;
}

/* #prestation-view table th,
#prestation-view table td {
  border: solid 1px;
  padding: 0.5rem;
}
 */
#create-avenant .img-download,
#domicilie-view .img-download,
#infos-recapitulatif-back .img-download {
	max-width: 5%;
}

#create-avenant .img-liste,
#domicilie-view .img-liste,
#infos-recapitulatif-back .img-liste {
	max-width: 2rem;
}

#view-domicilie-signatures .img-download {
	max-width: 10%;
}

#view-domicilie-signatures .img-sign {
	max-width: 40%;
}

#choix-domiciliation label,
#info-societe label,
#options-domiciliations label,
#paiement label,
#infos-perso label {
	font-size: 1rem;
}

#choix-domiciliation label {
	margin-top: 0.2rem;
	margin-left: 1rem;
}

#domicilie-view textarea {
	height: 7.5rem;
}

#info-societe-back #check-rcs-en-cours,
#info-societe-back #check-comptable-en-cours,
#info-societe-back #check-banque-en-cours,
#info-societe-front #check-rcs-en-cours,
#info-societe-front #check-comptable-en-cours,
#info-societe-front #check-banque-en-cours,
#info-societe #check-rcs-en-cours,
#info-societe #check-comptable-en-cours,
#info-societe #check-bancaire-en-cours,
#paiement #check-rcs-en-cours,
#paiement #check-comptable-en-cours {
	font-weight:100;
}

#info-societe .form,
#options-domiciliations .form,
#infos-perso .form,
#paiement .form {
	margin-top: 0;
}

#info-societe-back span,
#info-societe-front span,
#infos-perso-back span,
#infos-perso-front span,
#edit-domiciliation span,
#edit-societe span,
#info-societe span,
#infos-perso span,
#paiement span,
#info-complement-back span {
	font-weight: bold;
}

#options-domiciliations .button,
#infos-perso .button,
#paiement .button,
#prestation-view .button,
#domiciliation-view .button {
		margin: 0.8rem;
}

#prestation-view .button,
#domiciliation-list-front .button {
	text-align: center;
}

.error,
#attest-comptable-error,
#domicile-error,
#cni-error,
#kBis-error,
#rib-error,
#certificat-file-error,
#picture-error,
#convention-error
{
	color: red;
	font-size: 0.8rem;
	line-height: 1.2rem;
	padding-top: 0.8rem;
    margin-bottom: 0;
}

.erreur-saisie
{
	color: black;
	font-size: 0.8rem;
    font-style: italic;
    line-height: 1rem;
    padding: 0;
    margin: 0;
}

#domicilie-view .recap,
#paiement .recap {
	color: blue;
	font-size: 0.8rem;
	padding-left: 1rem;
	margin-bottom: 1.5rem;
}

#infos-perso .retrait,
#info-societe .retrait,
#paiement .retrait {
	margin-left: 1rem;
}

#liste-personnes {
	margin-top: 1rem;
	margin-bottom: 1rem;
}

#infos-perso #option1,
#infos-perso #option2 {
	margin-left: 2rem;
	margin-right: 0.5rem;
	margin-bottom: 1rem;
}

#module-paiement #paiement-prelevement,
#module-paiement-back #paiement-en-ligne,
#module-paiement #paiement-en-ligne,
#module-paiement #paiement-cheque {
	margin-top: 1rem;
	margin-left: 1rem;
}

.retour {
	margin: 1rem 0 2rem 2rem;
}

.nav-item img {
	display: block;
	margin: 0 auto;
	max-width: 30%;
}

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

.navbar .dropdown-menu {
	font-size: 1rem;
	top: 5rem;
}

.info {
	position: -webkit-sticky;
	position: sticky;
	top: 150px;
}

.center .row {
	margin: 0 auto;
}

#domiciliation-view .option {
	padding: 1rem;
	border: solid 1px var(--color-blue-izi);
	border-radius: 5px;
}

#domiciliation-view .description {
	margin: 0.5rem;
	padding: 1rem;
	border: solid 1px var(--color-blue-izi);
	border-radius: 5px;
}

#domiciliation-view .cout {
	margin-top: 1rem;
	margin-left: 0.6rem;
}

#domiciliation-view .option {
	margin-bottom: 1rem;
}

#error-code,
#error-date,
#error-phone,
#error-mobile,
#error-cni,
#error-num-rcs,
#error-num-siret,
#error-iban,
#error-code-comptable,
#error-capital,
#error-code1,
#error-phone1,
#error-mobile1,
#error-cni1,
#error-num-rcs1,
#error-num-siret1,
#error-iban1,
#error-code-comptable1,
#error-capital1 {
	margin: 0;
	color: red;
	font-size: 0.8rem;
	font-style: italic;
}

#code,
#code-soc,
#code-comptable,
#num-cni,
#ville,
#ville-soc,
#ville-comptable,
#lieu-naissance,
#registre,
#iban,
#bic,
#iban1,
#bic1,
#iban2,
#bic2,
#name,
#societe,
#societe-dom,
#societe-sie,
#nom,
#nom-societe {
	text-transform: uppercase;
}

/* module de paiement */
.carte {
	max-width: 100%;
}

.choix-carte {
	margin-left: 2rem;
}

.paiement p {
	margin-left: 1.5rem;
	margin-bottom: 0;
}

.choix-carte input {
	font-size: 1rem;
}

.paiement {
	border: 1px solid var(--color-blue-izi);
	border-radius: 0.5rem;
	margin-left: 1rem;
	margin-top: 2rem;
	padding-bottom: 2rem;
	padding-right: 1.5rem;
}

.mois select,
.annee select {
	background-color: white;
	font-size: 1rem;
	margin-left: 1rem;
	border-radius: 0.2rem;
}

.cvv label {
	font-size: 1rem;
	margin-top: 0;
	margin-left: 1.5rem;
	margin-right: 1.5rem;
}

.cvv input {
	margin-left: 0.8rem;
	margin-right: 1.5rem;
}

#module-paiement-back .error {
	display: none;
}

#module-paiement #nota-paiement-prelevement,
#module-paiement-back #nota-paiement-en-ligne,
#module-paiement #nota-paiement-en-ligne,
#module-paiement #nota-paiement-cheque {
	margin-left: 0;
	margin-top: 0;
	padding: 0 1.5rem 0 1.5rem;
}

#module-paiement-back .ok .icon-ok-circle,
#module-paiement .ok .icon-ok-circle {
	display: block;
	margin: 2rem auto 0 auto;
	padding: 0.5rem 1rem;
	line-height: 2rem;
	text-align: center;
}

#module-paiement-back .ok span,
#module-paiement .ok span {
	font-family: var(--font-family);
	font-size: 1rem;
}

.notaSuite {
	margin-bottom: 0;
}

.notaSuite,
.nota {
	color: blue;
	font-style: italic;
	font-size: 0.8rem;
}

.italic {
	font-style: italic;
}

#choix-domiciliation p {
	margin-bottom: 0.5rem;
}

#choix-domiciliation #select-dom {
	margin: 1rem 1rem;
}

#info-societe-front > div {
	margin-top: 1rem;
	margin-left: 0.75rem;
}

#conventionDefinitive {
	margin: 0 2rem;
}

#attente-pdf,
#attente-mail,
#attente-sign,
#attenteLigne,
#attenteCheque {
	margin-left: 2rem;
	max-width: 10%;
}

#a-propos img,
#plan-du-site img,
#mentions-legales img,
#cgv img,
#mes-dossiers-en-cours img,
#recherches img,
#creation-domiciliation-back img {
    margin-left: 2rem;
	max-width: 5%;
}

#mes-dossiers-en-cours .accordiao-button,
#liste-avenant .accordion-button,
#liste-domicilie-signatures .accordion-button,
#creation-domiciliation-back .accordion-button { 
    color: var(--color-blue-izi);
	font-family: var(--font-family-bold);
	font-size: 1.2rem;
	line-height: 1.5rem;
    padding-left: 1.7rem;
}

#mes-dossiers-en-cours h2,
#liste-avenant h2,
#liste-domicilie-signatures h2,
#recherches h2,
#creation-domiciliation-back h2 {
    margin: 0;
}

#mes-dossiers-en-cours .sort a,
#liste-avenant .sort a,
#liste-domicilie-signatures .sort a,
#recherches .sort a,
#creation-domiciliation-back .sort a {
    color:var(--color-blue-izi);
}

#mes-dossiers-en-cours .liste p,
#liste-avenant .sort p,
#liste-domicilie-signatures .sort p,
#create-avenant .liste p,
#recherches .liste p,
#creation-domiciliation-back .sort p {
    margin-bottom: 0;
}

#mes-dossiers-en-cours .sort .en-cours,
#liste-domicilie-signatures .sort .en-cours,
#liste-avenant .sort .en-cours,
#recherches .sort .en-cours,
#creation-domiciliation-back .sort .en-cours {
    color:#c2253e;
}

#utilitaires .liste i,
#index .liste i {
    font-size: 1.5rem;
}

#index .liste i,
#utilitaires .liste i,
#mes-dossiers-en-cours .liste i,
#liste-avenant .liste i,
#liste-domicilie-signatures .liste i,
#create-avenant .liste i,
#recherches .liste i,
#creation-domiciliation-back .liste i {
    color: var(--color-blue-izi);
}

#utilitaires .liste i:hover,
#index .liste i:hover,
#mes-dossiers-en-cours .sort i:hover,
#mes-dossiers-en-cours .liste i:hover,
#liste-avenant .liste i:hover,
#liste-avenant .sort i:hover,
#recherches .liste i:hover,
#recherches .sort i:hover,
#liste-domicilie-signatures .liste i:hover,
#liste-domicilie-signatures .sort i:hover,
#create-avenant .liste i:hover,
#creation-domiciliation-back .liste i:hover,
#creation-domiciliation-back .sort i:hover {
    color:#c2253e;
}

#liste-avenant .icon-pen,
#mes-dossiers-en-cours .icon-pen,
#liste-domicilie-signatures .icon-pen {
    font-size: 1.5rem;
}


#create-avenant .section-inner {
    padding: 2rem 2rem 0 2rem;
}


#devenir-partenaire .hover-item,
#domiciliation-entreprise .hover-item {
    max-width: 190px;
    min-width: 50px;
}

#domiciliation-entreprise h4,
#devenir-partenaire h4 {
    color:#b8a993;
    font-size: 1rem;
}

#devenir-partenaire img:not(.img-fil),
#domiciliation-entreprise img:not(.img-fil),
#departements img:not(.img-fil),
#services img:not(.img-fil) {
    width: 100%;
    text-align: center;
}

#domiciliation-entreprise h3,
#departements h3,
#devenir-partenaire h3,
#services h3 {
        margin-top: 0;
}

#domiciliation-entreprise .carousel-caption {
    text-transform: initial;
    margin-bottom: 0;    
}

#domiciliation-entreprise .carousel-caption h2 {
    text-transform: initial;
    font-size: 1.5rem;
    line-height: 2rem;   
}

/* #domiciliation img {
    width: 70%;
    text-align: center;
}
 */
#paiement .img-download {
	max-width: 10%;
}

tbody:not(#prestation-view tbody), 
td:not(#prestation-view td),
tfoot:not(#prestation-view tfoot),
th:not(#prestation-view th),
thead:not(#prestation-view thead),
tr:not(#prestation-view tr) {
	border-color: red !important;
}

#prestation-view td {
    padding: 5px;
}

#ville-siret,
#company-siret {
	text-transform: uppercase;
}

/* **************************************************************************************************************** */
/*                                                Styles spécifiques                                                */
/* **************************************************************************************************************** */

/* Page : info-complement-back */
/* *************************** */

#info-complement-back .choix-paiement label,
#info-complement-back .choix-paiement input {
	font-size: 0.8rem;
}

#info-complement-back h4 {
	font-size: 1rem;
}

.paiement .paiement-ok {
    color:purple;
    font-style: italic;
    font-weight: 300;
    margin-left: 0;
    margin-top: 1rem;
    text-align: justify;
}

/* liste adm */
#list-domicilieadm .gras {
    font-weight: 800;
}

#list-domicilieadm .italic {
	font-style: italic;
    color: var(--color-grey-hard);
}

#list-domicilieadm #form-rapport-presta {
    margin-top: 2rem;
    border: none;
}

#list-domicilieadm .form-tris-sie,
#list-domicilieadm #form-choix-sie {
    border: none;
}

#nb-actifs {
    border: none;
}

.chartContainer {
    margin: 1rem auto;
    width: 100%;
}

.block {
    display:block;
}

/*======================================================*/
/*	Print styles										*/
/*	Inlined to avoid the additional HTTP request:		*/
/*	https://www.phpied.com/delay-loading-your-print-css/*/
/*======================================================*/
@media print {
	*, *:before, *:after {
	  	background: transparent !important;
	  	color: #000 !important;
	  	/* Black prints faster */
	  	-webkit-box-shadow: none !important;
	  	box-shadow: none !important;
	  	text-shadow: none !important;
	}

	a, a:visited {
	  	text-decoration: underline;
	}

	a[href]:after {
	  	content: " (" attr(href) ")";
	}

	abbr[title]:after {
	  	content: " (" attr(title) ")";
	}

/*	- Don't show links that are fragment identifiers,	*/
/*	- or use the `javascript:` pseudo protocol			*/
/*======================================================*/
	a[href^="#"]:after, a[href^="javascript:"]:after {
	  	content: "";
	}

	pre {
	  	white-space: pre-wrap !important;
	}

	pre, blockquote {
	  	border: 0.1rem solid #999;
	  	page-break-inside: avoid;
	}

/*	- Printing Tables:																					*/
/*	- https://web.archive.org/web/20180815150934/http://css-discuss.incutio.com/wiki/Printing_Tables 	*/
/*======================================================================================================*/
thead {
	  	display: table-header-group;
	}

	tr, img {
	  	page-break-inside: avoid;
	}

	h2, h3 {
	  	page-break-after: avoid;
	}
  }