/* ----- Tableau recap demande ----- avec entête de colonne*/
/* --- Style Général --- */
.tr_prolong {
	border: 1px solid #2A62A8;
}

.mon-tableau-responsif {
	width: 70%;
	margin: 20px;
	border-collapse: collapse;
	font-family: sans-serif;
	color: #333;
}

.mon-tableau-responsif th {
	background-color: #f8f8f8;
	color: #1F8389;
	font-weight: bold;
	padding: 12px;
	text-align: left;
	border-bottom: 2px solid #1F8389;
}

.mon-tableau-responsif td {
	border-bottom: 1px solid #eee;
	vertical-align: middle;
}

.ligne-annee {
	background-color: #f0fbfc;
	color: #1F8389;
	font-weight: bold;
}


.ref {
	width: 8%;
}

.date_demande {
	width: 8%;
}

.type_demande {
	width: 20%;
}

.cellule-etat {
	width: 20%;
}


.actions-container {
	display: flex;
	margin-left: 10px;
	/*     justify-content: flex-end; Aligne les icônes à droite sur mobile */
	gap: 15px;
	/* Espace entre les icônes */
}

.btn-icone {
	background: none;
	border: none;
	cursor: pointer;
	padding: 5px;
}

/* --- Mode Responsive (Mobile) --- */
@media screen and (max-width: 600px) {

	.mon-tableau-responsif {
		width: 100% !important;
		display: block;
		margin: 0px;
	}

	/* Cache l'en-tête classique */
	.mon-tableau-responsif thead {
		display: none;
	}

	.mon-tableau-responsif tbody,
	.mon-tableau-responsif tr,
	.mon-tableau-responsif td {
		display: block;
		width: 100% !important;
		box-sizing: border-box;
	}


	.mon-tableau-responsif tr {
		margin-bottom: 20px;
		border: 1px solid #1F8389;
		border-radius: 8px;
	}

	.mon-tableau-responsif td {
		padding: 12px;
		text-align: right;
		padding-left: 50% !important;
		position: relative;
		min-height: 40px;
	}

	/* Création des étiquettes à gauche */
	.mon-tableau-responsif td::before {
		content: attr(data-label);
		position: absolute;
		left: 10px;
		width: 45%;
		font-weight: bold;
		text-align: left;
		color: #1F8389;
	}

	/* Cas particulier de la ligne d'année sur mobile */
	.ligne-annee td {
		text-align: center;
		padding-left: 12px !important;
		background-color: #1F8389;
		color: white;
	}

	.ligne-annee td::before {
		content: "";
		/* On n'affiche pas d'étiquette pour l'année */
	}

	.actions-container {
		justify-content: flex-end;
		/*Aligne les icônes à droite sur mobile */
	}

}

/* Remplace balise tableau inc_recap_demande*/
.bloc-formation {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.ligne {
	display: flex;
}

.col {
	flex: 1;
	max-width: 300px;
}


/***********************************************************/
/* Tableau recap PJ : sans nom de colonne */
/* Style général pour nettoyer l'apparence */
.responsive-table {
	/*width: 70%;*/
	border-collapse: separate;
	font-family: sans-serif;
	font-size: 14px;
	border: 0px solid #B5B9B8;
}

.responsive-table td {
	padding: 3px;
	border-bottom: 1px solid #ddd;
	vertical-align: top;
	border: thin solid #B5B9B8;
}

/* .nom_type_pj {
	width: 200px;
}

.add_pj {
	width: 40px;
}

.supp_pj {
	width: 30px;
}

.td_comm_pj {
	width: 200px;

} */

/* LA MAGIE DU RESPONSIVE */
@media screen and (max-width: 768px) {

	/* On force le tableau, le corps, les lignes et les cellules à se comporter comme des blocs div */
	.responsive-table,
	.responsive-table tbody,
	.responsive-table tr,
	.responsive-table td {
		display: block;
		width: 99% !important;
		/* On annule les width=600 ou width=30 */
		border: thin solid #B5B9B8;
	}

	.responsive-table tr {
		margin-bottom: 15px;
		border-radius: 8px;
		overflow: hidden;
		background: #f9f9f9;
		border: 0 solid #B5B9B8;
	}

	.responsive-table td {
		text-align: left;
		border-bottom: 1px none;
		/*	position: relative;*/
		padding-left: 2px;
		border: 0;
	}

	/* Optionnel : masquer les cellules vides sur mobile pour gagner de la place */
	.responsive-table td:empty {
		display: none;
	}

	.responsive-table td:not(:has(a, b, img, input, span:not(:empty))) {
		display: none;
	}

	/* Si vous voulez une approche plus radicale pour supprimer
     les cellules qui ne contiennent qu'un <br> ou du vide : */
	.responsive-table td:empty,
	.responsive-table td:has(> br:only-child) {
		display: none;
	}
}

/*////////////////////////////////////////////////////////////////////////////////////////////////*/
/* Checkbox avec image*/
.check_image {
	cursor: pointer;
	caret-color: transparent;
	display: block;
}

.check_image input {
	display: none;
}

.img-checked {
	display: none;
}

/* If checked, show the checked image */
.check_image input:checked~.img-checked {
	display: inline;
}

/* If checked, hide the unchecked image */
.check_image input:checked~.img-unchecked {
	display: none;
}

/*////////////////////////////////////////////////////////////////////////////////////////////////*/




/* Pas de bordure pour les tables */
td.border0 {
	padding: 3px;
	border: 0px;
	/*text-align: center;*/
	/*background-color: #ffffff;*/
}


table.border0 {
	border: 0px;
}


/*Alignement du texte sur le radio bouton  <div class=\"box\"> */
.box {
	/*display: flex;*/
	align-items: center;
}

/*///////////////////////////////////////////////////////////////////////////////////////////*/
/*///////////BARRE DE PROGRESSION/////////////////////////////*/
progress {
	display: block;
	width: 300px;
	height: 1em;
	margin: .5em 0;
	border: 2px solid white;
	border-radius: 5px;
	background-color: #d4d4d4;
	box-shadow: 0 0 0 3px #b6b6b6;
}

@-webkit-keyframes progress {
	from {
		background-position: 0 0;
	}

	to {
		background-position: 100% 100%;
	}
}

@-moz-keyframes progress {
	from {
		background-position: 0 0;
	}

	to {
		background-position: 100% 100%;
	}
}

@keyframes progress {
	from {
		background-position: 0 0;
	}

	to {
		background-position: 100% 100%;
	}
}

progress::-webkit-progress-bar {
	border-radius: 5px;
	background-color: #d4d4d4;
}

progress::-webkit-progress-value {
	border-radius: 5px;
	background-color: #a5d62f;
	background-image: -webkit-linear-gradient(-45deg, transparent 25%, rgba(255, 255, 255, 0.3) 25%, rgba(255, 255, 255, 0.3) 50%, transparent 50%, transparent 75%, rgba(255, 255, 255, 0.3) 75%, rgba(255, 255, 255, 0.3));
	background-image: linear-gradient(-45deg, transparent 25%, rgba(255, 255, 255, 0.3) 25%, rgba(255, 255, 255, 0.3) 50%, transparent 50%, transparent 75%, rgba(255, 255, 255, 0.3) 75%, rgba(255, 255, 255, 0.3));
	background-size: 40px 40px;
	-webkit-animation: progress 3s linear infinite;
	animation: progress 3s linear infinite;
}

progress::-moz-progress-bar {
	border-radius: 5px;
	background-color: #1F8389;
	background-image: linear-gradient(-45deg, transparent 25%, rgba(255, 255, 255, 0.3) 25%, rgba(255, 255, 255, 0.3) 50%, transparent 50%, transparent 75%, rgba(255, 255, 255, 0.3) 75%, rgba(255, 255, 255, 0.3));
	background-size: 40px 40px;
	-moz-animation: progress 3s linear infinite;
	animation: progress 3s linear infinite;
}

/*///////////////////////////////////////////////////////////////////////////////////////////*/

/* Bouton profil */
.bouton {
	padding: 10px;
	font-family: Arial, sans-serif;
	font-size: 1.2em;
	width: 200px;
	height: 43px;
	vertical-align: middle;
	text-align: center;
	color: #000;
	background: #C9CBCB;
	background: linear-gradient(#C9CBCB, #A0A4A3);
	border-radius: 8px;
	text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.2);
	display: block;
	height: 100%
}

.bouton:hover {
	color: #FFF;
	background: #E98ADC;
	background: linear-gradient(#A1D6DA, #1F8389);
}


/***************************************************/
/*Style Onglet Menu déroulant
/***************************************************/
/*Menu déroulant responsive*/
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

body {
	margin: 100px 0;
	background: #fff;
}

h1 {
	font-weight: normal;
	margin: 80px 0 30px;
}

/* p {
	font-size: 14px;
	color: #666;
} */

.wrapper {
	max-width: 100%;
	margin: 0 10px;
}

/* ====================================================================================================
	MINIMAL CSS3 MENU
==================================================================================================== */
/*Entourage Menu principal*/
.minimal-menu {
	position: relative;
	display: block;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	border: 2px solid #fff;
	font-size: 0;
	line-height: 0;
	-webkit-box-shadow: 0 1px 0 1px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 1px 0 1px rgba(0, 0, 0, 0.1);
	box-shadow: 0 1px 0 1px rgba(0, 0, 0, 0.1);
}

.minimal-menu h3 {
	font-weight: normal;
}

.minimal-menu a {
	border-color: transparent;
}

.minimal-menu a:hover {
	-webkit-transition: border-color 0.3s, background 0.3s;
	-moz-transition: border-color 0.3s, background 0.3s;
	transition: border-color 0.3s, background 0.3s;
}

.minimal-menu ul,
.minimal-menu ul li,
.minimal-menu ul li a {
	position: relative;
}

.minimal-menu ul {
	z-index: 1;
}

.minimal-menu ul li {
	padding-bottom: 15px;
}

.minimal-menu ul li a {
	display: block;
	padding: 10px 18px;
	font-size: 14px;
	line-height: 10px;
	/*Hauteur de la barre du menu*/
	text-decoration: none;
}

.minimal-menu>ul>li>a {
	/*text-transform: uppercase; */
	border: 1px solid transparent;
	color: #fff;
}

.minimal-menu>ul>li:hover>a,
.minimal-menu>ul>li.current>a {
	border: 1px solid #fff;
	/*Entourage menu selectionné*/
}

/* Fleche en bas menu principal*/
.minimal-menu ul li.submenu>a:before,
.minimal-menu ul li.submenu>a:after {
	position: absolute;
	content: '';
	width: 5px;
	height: 2px;
	bottom: 0;
	left: 50%;
	background: #fff;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

.minimal-menu ul li.submenu>a:before {
	margin-left: -4px;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	transform: rotate(45deg);
}

.minimal-menu ul li.submenu>a:after {
	margin-left: -1px;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	transform: rotate(-45deg);
}



/* RESPONSIVE Guillaume
================================================== */
@media only screen and (max-width: 600px) {
	#info_complet {
		margin-left: 50px;
	}

	/* Remplace balise tableau inc_recap_demande*/
	.ligne {
		flex-direction: column;
	}

	.col {
		width: 100%;
	}

	.br-desktop {
		display: none;
	}

	/************************************************/
	#bordure_menu {
		/*remplace <ul>*/
		margin-left: 10px !important;
	}

	form>span {
		margin-left: 0px !important;
	}

	blockquote {
		margin: 0px auto;
	}

	h3ss {
		display: inline-flex;
		margin: 0 auto;
		/*		margin-top: 15px;*/
		/* background-color: rgb(0, 170, 51); */

	}

	span>#bouton_boursier {
		margin-left: 0px;
	}

	#bloc_saisie {
		/* Alignement champ J'ai deja un cpt / Je n'ai pas de cpt / INE ...*/
		margin-left: 0px !important;
	}

	#numtelport,
	#mail_cpt,
	#mailUL {
		width: 300px;
	}

	#nomp,
	#prenom,
	.custom-combobox-input {
		width: 350px !important;
	}

	#valide_coordonnees {
		/* formulaire de validation des coordonnées*/
		display: grid;
	}

	#modal_valid_coord {
		/* formulaire modal de validation des coordonnées*/
		display: grid;

	}

	#check_exil {
		margin-left: 0px !important;
	}

	#valide_coordonnees>label {
		width: 350px !important;
		margin-left: 0px !important;
	}

	#valide_coordonnees>label {
		width: 350px !important;
		margin-left: 0px !important;
	}


	#form_extraco {
		width: 350px;
		text-align: justify;
	}

	#form_extraco>label {
		margin-left: 0px !important;
	}

	#form_extraco>table>tbody>tr {
		display: inline;
	}

	#form_extraco>table>tbody>tr {
		display: inline;
	}

	table tr:first-child td:nth-child(2) {
		float: left;
	}

	tr:has(td #avancement) {
		display: block;
	}

	.border0>span {
		margin-left: 0px !important;
	}

	form .box {
		display: block !important;
		width: 350px;
	}

	#specialite1,
	#specialite2 {
		width: 300px !important;
	}

	table.border0>tbody>tr {
		display: flex;
		width: 400px;
	}

	titre1_1 {
		width: 215px;
		display: block;
	}


	#motiv,
	#motivation,
	#info_comp,
	#observ_complem,
	#question_exil {
		width: 350px !important;

	}

	#label_observationcomp {
		width: 350px !important;

	}

	#info_exil {
		width: 370px;
	}

	#conteneur>main>ul>table {
		width: 350px !important;
	}

	labely {
		width: 200px;
		display: inline-block;
		font-weight: bold;
	}

	/* Page consultation */
	.buttonpetit {
		width: 150px !important;
		padding: 10px 10px !important;

	}

	.buttonpetitx {
		width: 150px !important;
		padding: 10px 10px !important;
		margin-left: 50px !important;
	}

	.buttonpetitgris {
		width: 150px !important;
		padding: 10px 10px !important;

	}

	.pointer {
		width: 150px;
		display: block;
	}

	#conteneur>main>ul>div {
		max-width: 300px;
	}

	#conteneur>main>ul>form>span {
		margin-left: 0px !important;
	}

	#conteneur>main>ul>ul {
		margin-left: 0px !important;
		padding-left: 0px
	}

	#conteneur>main>ul>ul>ul {
		margin-left: 0px !important;
		padding-left: 0px
	}

	#conteneur>main>ul>ul>ul>ul {
		margin-left: 0px !important;
		padding-left: 0px
	}

	#conteneur>main>ul>ul>ul>ul>ul {
		margin-left: 0px !important;
		padding-left: 0px
	}

	/*Consultation*/
	.oModal>div {
		top: 70px !important;
		left: 10px !important;
	}

}

/* ================================================== */



/* RESPONSIVE
================================================== */
/* Taille ecran PC */
@media only screen and (min-width: 768px) {
	.responsiv_titre {
		/* color: yellow; */
		display: inline-block;
	}

	.deconnex_logo {
		position: absolute;
		top: 30px;
		right: 150px;
	}


	/* Lille
	----------------*/
	.minimal-menu.clr-lille {
		background: #1F8389;
	}

	.minimal-menu.clr-lille ul ul li:hover>a,
	.minimal-menu.clr-lille ul ul li.current>a {
		border-color: #1F8389;
	}

	/* Blue
	----------------*/
	.minimal-menu.clr-blue {
		background: #5bc7fd;
	}

	.minimal-menu.clr-blue ul ul li:hover>a,
	.minimal-menu.clr-blue ul ul li.current>a {
		border-color: #5bc7fd;
	}

	/* Green
	----------------*/
	.minimal-menu.clr-green {
		background: #65e7a2;
	}

	.minimal-menu.clr-green ul ul li:hover>a,
	.minimal-menu.clr-green ul ul li.current>a {
		border-color: #65e7a2;
	}

	/* Orange
	----------------*/
	.minimal-menu.clr-orange {
		background: #e1c75f;
	}

	.minimal-menu.clr-orange ul ul li:hover>a,
	.minimal-menu.clr-orange ul ul li.current>a {
		border-color: #e1c75f;
	}

	/* Black
	----------------*/
	.minimal-menu.clr-black {
		background: #333;
	}

	.minimal-menu.clr-black>ul>li>a {
		color: #fff;
	}

	.minimal-menu.clr-black>ul>li:hover>a,
	.minimal-menu.clr-black>ul>li.current>a {
		border-color: #aaa;
	}

	.minimal-menu.clr-black ul ul li:hover>a,
	.minimal-menu.clr-black ul ul li.current>a {
		border-color: #999;
	}

	/* White
	----------------*/
	.minimal-menu.clr-white {
		background: #fff;
		border-color: #000;
	}

	.minimal-menu.clr-white>ul>li>a {
		color: #000;
	}

	.minimal-menu.clr-white>ul>li:hover>a,
	.minimal-menu.clr-white>ul>li.current>a {
		border-color: #aaa;
	}

	.minimal-menu.clr-white ul ul li:hover>a,
	.minimal-menu.clr-white ul ul li.current>a {
		border-color: #999;
	}

	.minimal-menu.clr-white>ul>li.submenu>a:before,
	.minimal-menu.clr-white>ul>li.submenu>a:after {
		background: #999;
	}



	.minimal-menu-button {
		display: none;
	}


	.minimal-menu {
		-webkit-border-radius: 30px;
		-moz-border-radius: 30px;
		border-radius: 30px;
	}

	.minimal-menu.pos-fixed {
		position: fixed;
		top: -2px;
		left: -2px;
		right: -2px;
		z-index: 9999;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0;
	}

	.minimal-menu a {
		white-space: nowrap;
		-webkit-border-radius: 50px;
		-moz-border-radius: 50px;
		border-radius: 50px;
	}

	.minimal-menu>ul {
		margin-bottom: -15px !important;
		padding: 5px;
	}

	.minimal-menu ul li {
		display: inline-block;
	}

	.minimal-menu ul li.submenu:hover>a:before,
	.minimal-menu ul li.submenu:hover>a:after {
		bottom: -20px;
		opacity: 0;
	}

	/*** Submenu ***/
	.minimal-menu ul ul,
	.minimal-menu ul .menu-wrapper {
		position: absolute;
		display: block;
		visibility: hidden;
		z-index: 1;
		height: auto;
		left: 3px;
		top: 100%;
		margin: 0;
		padding: 0;
		background: #fff;
		border: 1px solid #e3e3e3;
		border-bottom-width: 3px;
		opacity: 0;

		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
	}

	.minimal-menu ul li:hover>ul,
	.minimal-menu ul li:hover>.menu-wrapper {
		-webkit-transition: opacity 0.3s, padding 0.3s;
		-moz-transition: opacity 0.3s, padding 0.3s;
		transition: opacity 0.3s, padding 0.3s;
		visibility: visible;
		padding: 10px 0;
		opacity: 1;
	}

	.minimal-menu ul ul li {
		display: block;
		overflow: hidden;
		height: auto;
		padding: 10px;
		-webkit-transition: padding 0.3s;
		-moz-transition: padding 0.3s;
		transition: padding 0.3s;
	}

	.minimal-menu ul ul li a {
		font-size: 14px;
		color: #666;
		border: 1px solid transparent;
	}

	.minimal-menu ul ul li:hover>a,
	.minimal-menu ul ul li.current>a {
		border-style: solid;
		border-width: 1px;
	}

	.minimal-menu ul li:hover ul li {
		overflow: visible;
		padding: 0 10px;
	}

	.minimal-menu ul ul li.submenu>a:before,
	.minimal-menu ul ul li.submenu>a:after {
		left: auto;
		top: 50%;
		right: 0;
		background: black;
	}

	.minimal-menu ul ul li.submenu>a:before {
		margin-top: -1px;
	}

	.minimal-menu ul ul li.submenu>a:after {
		margin-top: 2px;
	}

	.minimal-menu ul ul li.submenu>a:hover:before,
	.minimal-menu ul ul li.submenu>a:hover:after {
		right: -13px;
	}


	.minimal-menu ul ul ul {
		left: 100%;
		top: -11px;
	}


	/* Megamenu */
	.minimal-menu ul li.megamenu {
		position: static;
	}

	.minimal-menu ul .menu-wrapper {
		position: absolute;
		left: -1px;
		top: 100%;
		margin-top: -5px;
		width: 100%;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
	}

	.minimal-menu ul .menu-wrapper a {
		white-space: inherit;
	}

	.minimal-menu ul .menu-wrapper .menu-col {
		position: relative;
		float: left;
		width: 23%;
		margin: 0 1%;
	}

	.minimal-menu ul .menu-wrapper h3 {
		margin: 20px 15px;
		font-size: 18px;
		line-height: 22px;
		color: #000;
	}

	.minimal-menu ul .menu-wrapper ul {
		position: relative;
		visibility: hidden;
		height: 100%;
		border: 0;
		opacity: 1;
		background: transparent;
	}

	.minimal-menu ul li:hover>.menu-wrapper ul {
		visibility: visible;
	}

	.minimal-menu ul .menu-wrapper ul li {
		padding: 0 10px;
	}

	.minimal-menu .show-submenu {
		display: none;
	}
}

/* RESPONSIVE
================================================== */
/* Taille ecran Portable */

@media only screen and (max-width: 767px) {
	.responsiv_titre {
		/* color: blue; */
		display: none;
	}


	/* Lille
	----------------*/
	.minimal-menu.clr-lille {
		background: #1F8389;
	}

	/* Blue
	----------------*/
	.minimal-menu.clr-blue {
		background: #5bc7fd;
	}

	/* Green
	----------------*/
	.minimal-menu.clr-green {
		background: #65e7a2;
	}

	/* Orange
	----------------*/
	.minimal-menu.clr-orange {
		background: #e1c75f;
	}

	/* Black
	----------------*/
	.minimal-menu.clr-black {
		background: #000;
	}

	/* White
	----------------*/
	.minimal-menu.clr-white {
		background: #fff;
	}

	.minimal-menu.clr-white h3,
	.minimal-menu.clr-white ul li a {
		color: #000;
		border-bottom-color: rgba(0, 0, 0, 0.08);
	}

	.minimal-menu.clr-white h3 {
		background: rgba(0, 0, 0, 0.05);
	}

	.minimal-menu.clr-white ul li:hover a,
	.minimal-menu.clr-white ul li.current a {
		background: rgba(0, 0, 0, 0.1);
	}

	.minimal-menu.clr-white ul li li:hover a,
	.minimal-menu.clr-white ul li li.current a {
		background: rgba(0, 0, 0, 0.2);
	}

	.minimal-menu.clr-white ul li li li:hover a,
	.minimal-menu.clr-white ul li li li.current a {
		background: rgba(0, 0, 0, 0.3);
	}



	.minimal-menu {
		border-color: rgba(100%, 100%, 100%, 0.3);
	}

	.minimal-menu-button,
	.minimal-menu {
		position: fixed;
		/*right: 0;*/
		top: 10px;
		left: 10px;
		z-index: 9999;
	}

	input.minimal-menu-button {
		display: none;
	}

	label.minimal-menu-button {
		display: inline-block;
		width: 50px;
		height: 50px;
		text-transform: uppercase;
		background: #000;
		color: #fff;
		cursor: pointer;
		text-indent: -9999px;
	}

	label.minimal-menu-button:before {
		position: absolute;
		content: '';
		width: 30px;
		height: 5px;
		left: 10px;
		bottom: 13px;
		border-top: 13px double #fff;
		border-bottom: 4px solid #fff;
		z-index: 1;
	}

	.minimal-menu {
		overflow: auto;
		left: -100%;
		top: 0;
		width: 40%;
		height: 100%;
		opacity: 0;
		-webkit-transition: left 0.8s, opacity 0.5s;
		-moz-transition: left 0.8s, opacity 0.5s;
		transition: left 0.8s, opacity 0.5s;
	}

	#mobile-nav:checked+.minimal-menu {
		visibility: visible;
		left: 0;
		opacity: 1;
		top: 70px;
	}

	.minimal-menu h3,
	.minimal-menu ul li a {
		border-top: 1px solid transparent;
		border-bottom: 1px solid rgba(100%, 100%, 100%, 0.2);
		color: #fff;
	}

	.minimal-menu h3 {
		font-size: 18px;
		line-height: 1em;
		margin: 0;
		padding: 20px 0 20px 40px;
		color: #fff;
		background: rgba(100%, 100%, 100%, 0.10);
	}

	.minimal-menu ul {
		margin: 0;
		padding: 0;
	}

	.minimal-menu li,
	.minimal-menu a {
		display: block;
	}

	.minimal-menu li {
		position: relative;
	}

	.minimal-menu li:hover>a,
	.minimal-menu li.current>a {
		background: rgba(100%, 100%, 100%, 0.2);
	}

	.minimal-menu li li:hover>a,
	.minimal-menu li li.current>a {
		background: rgba(100%, 100%, 100%, 0.4);
	}

	.minimal-menu li li li:hover>a,
	.minimal-menu li li li.current>a {
		background: rgba(100%, 100%, 100%, 0.6);
	}


	.minimal-menu ul>li {
		padding-bottom: 0;
	}

	.minimal-menu>ul>li:hover>a,
	.minimal-menu>ul>li.current>a {
		border-left: 1px solid transparent;
		border-right: 1px solid transparent;
	}

	.minimal-menu ul ul a {
		padding-left: 40px;
	}

	.minimal-menu ul ul ul a {
		padding-left: 55px;
	}

	.minimal-menu ul ul ul ul a {
		padding-left: 70px;
	}

	.minimal-menu ul ul li a {
		font-size: 14px;
	}

	.minimal-menu ul li.submenu>a:before,
	.minimal-menu ul li.submenu>a:after {
		top: 50%;
		left: auto;
		right: 12px;
	}

	.minimal-menu.clr-white ul li.submenu a:before,
	.minimal-menu.clr-white ul li.submenu a:after {
		background: #999;
	}

	.minimal-menu ul li.submenu>a:before {
		margin-top: -2px;
	}

	.minimal-menu ul li.submenu>a:after {
		margin-top: 1px;
	}


	.minimal-menu .show-submenu {
		position: absolute;
		display: block;
		left: 0;
		top: 0;
		width: 100%;
		height: 40px;
		min-width: 100%;
		min-height: 40px;
		margin: 0;
		opacity: 0;
		-webkit-appearance: none;
	}

	.minimal-menu .show-submenu+ul,
	.minimal-menu .show-submenu+.menu-wrapper {
		display: none;
		visibility: hidden;
	}

	.minimal-menu .show-submenu:checked+ul,
	.minimal-menu .show-submenu:checked+.menu-wrapper {
		display: block;
		visibility: visible;
	}
}

@media only screen and (max-width: 480px) {
	.minimal-menu {
		width: 300px;
	}
}

/*//////////////////////////////////////////////////////*/




/*ckeditor css*/
mark.marker-pink {
	color: white;
	background: #FC7899;
}

mark.marker-green {
	color: black;
	background: #62F962;
}

mark.marker-blue {
	color: black;
	background: #72CCFD;
}

mark.pen-green {
	color: green;
	background: white;
}

mark.pen-red {
	color: red;
	background: white;
}


/***************************************************************************************
/***************************************************************************************

/***************************************************************************************
/***************************************************************************************


/*Table entete fixe*/
/* define height and width of scrollable area. Add 16px to width for scrollbar          */
div.tableContainer {
	clear: both;
	border: 1px solid #963;
	height: 500px;
	overflow: auto;
	width: 1600px
		/*1590px*/
}

/* Reset overflow value to hidden for all non-IE browsers. */
html>body div.tableContainer {
	overflow: hidden;
	width: 1600px
		/*1590px*/
}

/* define width of table. IE browsers only                 */
div.tableContainer table {
	float: left;
	width: 1684px
		/*1574px*/
}

/* define width of table. Add 16px to width for scrollbar.           */
/* All other non-IE browsers.                                        */
html>body div.tableContainer table {
	width: 1600px
		/*1590px*/
}

/* set table header to a fixed position. WinIE 6.x only                                       */
/* In WinIE 6.x, any element with a position property set to relative and is a child of       */
/* an element that has an overflow property set, the relative value translates into fixed.    */
/* Ex: parent element DIV with a class of tableContainer has an overflow property set to auto */
thead.fixedHeader tr {
	position: relative
}

/* set THEAD element to have block level attributes. All other non-IE browsers            */
/* this enables overflow to work on TBODY element. All other non-IE, non-Mozilla browsers */
html>body thead.fixedHeader tr {
	display: block
}


/* define the table content to be scrollable                                              */
/* set TBODY element to have block level attributes. All other non-IE browsers            */
/* this enables overflow to work on TBODY element. All other non-IE, non-Mozilla browsers */
/* induced side effect is that child TDs no longer accept width: auto                     */
html>body tbody.scrollContent {
	display: block;
	height: 520px;
	overflow: auto;
	width: 100%
}

/*Bouton fenetre pop up */
.buttonpopup_ok {
	background-color: #4CAF50;
	border: none;
	width: 100px;
	padding: 10px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 14px;
	margin: 4px 2px;
	cursor: pointer;
	border-radius: 4px;
	transition-duration: 0.4s;
	float: right;
	color: white;
	background-color: #008CBA;
}

.buttonpopup_ok:hover {
	background-color: #4CAF50;
	border: none;
	width: 100px;
	padding: 10px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 14px;
	margin: 4px 2px;
	cursor: pointer;
	border-radius: 4px;
	transition-duration: 0.4s;
	float: right;
	color: white;
	background-color: #008CBA;
	background-color: #027296;
}

.buttonpopup_annul {
	background-color: #4CAF50;
	border: none;
	width: 100px;
	padding: 10px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 14px;
	margin: 4px 2px;
	cursor: pointer;
	border-radius: 4px;
	transition-duration: 0.4s;
	float: right;
	color: white;
	background-color: #008CBA;
	color: black;
	background-color: #efeff2;
}

.buttonpopup_annul:hover {
	background-color: #4CAF50;
	border: none;
	width: 100px;
	padding: 10px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 14px;
	margin: 4px 2px;
	cursor: pointer;
	border-radius: 4px;
	transition-duration: 0.4s;
	float: right;
	color: white;
	background-color: #008CBA;
	background-color: #dfdfe5;
}

/*****************************************************/
/*Ruban pour signalétique TEST / DEV */
.ribbon {
	background-color: rgba(170, 0, 0, 1);
	left: -3.5em;
	transform: rotate(-45deg);
	overflow: hidden;
	position: absolute;
	top: 40px;
	white-space: nowrap;
	width: 15em;
	z-index: 999999;
	pointer-events: none;
	opacity: .75;
	color: #FFFFFF;
	padding: 8px;
	text-transform: uppercase;
	/*font-weight: 700;*/
	font-size: 1.1em;
	text-align: center;
}

/*******************************************************/

.tableaux {
	display: inline-block;
	vertical-align: top;
}

/*****************************************************/
/* -----------------------------*/

/* -----------------------------*/
/* Info bulle Javascript pour tableau en overflow*/
/*
.infobulle{
	position: absolute;
	visibility : hidden;
	border:1px solid #1F8389;
	color:#1F8389;
	padding:5px;
	background-color: white;
	border-radius: 10px; */
/* Fonctionne pour Google Chrome/Chromium */
/*	-moz-border-radius: 10px;*/
/* Pour Mozilla Firefox */
/*	-webkit-border-radius: 10px; */
/* Pour les navigateurs utilisant le moteur WebKit */
/*}
*/

/* Fin Info bulle*/
/* -----------------------------*/


/* -----------------------------*/
/* Info bulle Classique*/
a.info {
	color: #000;
	text-decoration: none
}

a.info:hover,
a:focus {}

a.info span {
	display: none;
	position: absolute;
	margin-top: 23px;
	margin-left: 0px;
	color: #1F8389;
	background: #FFF;
	padding: 5px;
	border: 1px solid #1F8389;
	z-index: 9999;

	border-radius: 10px;
	/* Fonctionne pour Google Chrome/Chromium */
	-moz-border-radius: 10px;
	/* Pour Mozilla Firefox */
	-webkit-border-radius: 10px;
	/* Pour les navigateurs utilisant le moteur WebKit */
}

a.info:hover span,
a:focus span {
	display: inline-block;

}

/* Fin Info bulle*/
/* -----------------------------*/

/* Info-bulle pour liste demande*/
.infobulle {
	text-decoration: none;
	position: relative;
}

.infobulle span {
	display: none;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	color: #1F8389;
	background-color: white;
}

.infobulle span img {
	float: left;
	margin: 0px 8px 8px 0;
}

.infobulle:hover span {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 9999;
	/* max-width:200px; */
	border: 1px solid #1F8389;
	margin-top: 12px;
	margin-left: 32px;
	overflow: hidden;
	padding: 5px;
}

/* Info-bulle pour liste demande à droite du tableau*/
.infobulledroite {
	text-decoration: none;
	position: relative;
}

.infobulledroite span {
	display: none;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	color: #1F8389;
	background-color: white;
}

.infobulledroite span img {
	float: left;
	margin: 0px 8px 8px 0;
}

.infobulledroite:hover span {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 9999;
	/* max-width:200px; */
	border: 1px solid #1F8389;
	margin-top: 0px;
	margin-left: -80px;
	overflow: hidden;
	padding: 5px;
}


/*****************************************************/

.rotate90 {
	-webkit-transform: rotate(-10deg);
	-moz-transform: rotate(-10deg);
	-o-transform: rotate(-10deg);
	-ms-transform: rotate(-10deg);
	transform: rotate(-10deg);
}


.trsurligne:hover {
	background-color: #EEEEEE;
}

/*pour les liens vers les pieces jointes -> <span class="pointer">*/
span.pointer {
	cursor: pointer;
	color: #1F8389;
}

/*****************************************************/

/* Radio Bouton UDL */
input[type='radio'] {
	-webkit-appearance: none;
	width: 20px;
	height: 20px;
	border: 1px solid darkgray;
	border-radius: 50%;
	outline: none;
}


input[type='radio']:before {
	content: '';
	display: block;
	width: 60%;
	height: 60%;
	margin: 20% auto;
	border-radius: 60%;
}

input[type='radio']:checked:before {
	background: #1F8389;
}

/*//////////////////////////////
GROS Radio bouton couleur UdL*/
/* The container */
.container {
	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 */
.container input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
}

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

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

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

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {
	content: "";
	position: absolute;
	display: none;
}

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

/* Style the indicator (dot/circle) */
.container .checkmark:after {
	top: 9px;
	left: 9px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: white;
}

/*****************************************************/
select {
	padding: 6px;
	margin: 0;
	border: 2px solid #ccc;
	width: 400px;
	border-radius: 10px;
	background-color: #fff;
	background: #fff;
	position: relative;
	font-family: Monaco, "DejaVu Sans Mono", "Lucida Console", "Andale Mono", monospace;
	font-size: 12px;
}



textarea {
	/* padding: 12px; Some padding */
	padding-left: 12px;
	/* Some padding */
	padding-right: 12px;
	/* Some padding */
	border: 2px solid #ccc;
	/* Gray border */
	border-radius: 10px;
	/* Rounded borders */
	box-sizing: border-box;
	/* Make sure that padding and width stays in place */
	margin-top: 6px;
	/* Add a top margin */
	margin-bottom: 6px;
	/* Bottom margin */
	resize: vertical;
	/* Allow the user to vertically resize the textarea (not horizontally) */
	/*font-size: 1.5rem;*/
	font-family: Monaco, "DejaVu Sans Mono", "Lucida Console", "Andale Mono", monospace;
	font-size: 13px;
}

input[type=text600] {
	width: 600px;
	/* Full width */
	/*	height: 50px;*/
	padding: 5px;
	/* Some padding */
	border: 2px solid #ccc;
	/* Gray border */
	border-radius: 10px;
	/* Rounded borders */
	box-sizing: border-box;
	/* Make sure that padding and width stays in place */
	margin-top: 6px;
	/* Add a top margin */
	margin-bottom: 6px;
	/* Bottom margin */
	resize: vertical;
	/* Allow the user to vertically resize the textarea (not horizontally) */
	/*font-size: 1.5rem;*/
	font-family: Monaco, "DejaVu Sans Mono", "Lucida Console", "Andale Mono", monospace;
	font-size: 13px;
}

input[type=text500] {
	width: 500px;
	/* Full width */
	/*	height: 50px;*/
	padding: 5px;
	/* Some padding */
	border: 2px solid #ccc;
	/* Gray border */
	border-radius: 10px;
	/* Rounded borders */
	box-sizing: border-box;
	/* Make sure that padding and width stays in place */
	margin-top: 6px;
	/* Add a top margin */
	margin-bottom: 6px;
	/* Bottom margin */
	resize: vertical;
	/* Allow the user to vertically resize the textarea (not horizontally) */
	/*font-size: 1.5rem;*/
	font-family: Monaco, "DejaVu Sans Mono", "Lucida Console", "Andale Mono", monospace;
	font-size: 13px;
}

input[type=text400] {
	width: 400px;
	/* Full width */
	/*	height: 50px;*/
	padding: 5px;
	/* Some padding */
	border: 2px solid #ccc;
	/* Gray border */
	border-radius: 10px;
	/* Rounded borders */
	box-sizing: border-box;
	/* Make sure that padding and width stays in place */
	margin-top: 6px;
	/* Add a top margin */
	margin-bottom: 6px;
	/* Bottom margin */
	resize: vertical;
	/* Allow the user to vertically resize the textarea (not horizontally) */
	/*font-size: 1.5rem;*/
	font-family: Monaco, "DejaVu Sans Mono", "Lucida Console", "Andale Mono", monospace;
	font-size: 13px;
}

input[type=text300] {
	width: 300px;
	/* Full width */
	/*	height: 50px;*/
	padding: 5px;
	/* Some padding */
	border: 2px solid #ccc;
	/* Gray border */
	border-radius: 10px;
	/* Rounded borders */
	box-sizing: border-box;
	/* Make sure that padding and width stays in place */
	margin-top: 6px;
	/* Add a top margin */
	margin-bottom: 6px;
	/* Bottom margin */
	resize: vertical;
	/* Allow the user to vertically resize the textarea (not horizontally) */
	/*font-size: 1.5rem;*/
	font-family: Monaco, "DejaVu Sans Mono", "Lucida Console", "Andale Mono", monospace;
	font-size: 13px;
}

input[type=text200] {
	width: 200px;
	/* Full width */
	/*	height: 50px;*/
	padding: 5px;
	/* Some padding */
	border: 2px solid #ccc;
	/* Gray border */
	border-radius: 10px;
	/* Rounded borders */
	box-sizing: border-box;
	/* Make sure that padding and width stays in place */
	margin-top: 6px;
	/* Add a top margin */
	margin-bottom: 6px;
	/* Bottom margin */
	resize: vertical;
	/* Allow the user to vertically resize the textarea (not horizontally) */
	/*font-size: 1.5rem;*/
	font-family: Monaco, "DejaVu Sans Mono", "Lucida Console", "Andale Mono", monospace;
	font-size: 13px;
}

input[type=text100] {
	width: 100px;
	/* Full width */
	/*	height: 50px;*/
	padding: 5px;
	/* Some padding */
	border: 2px solid #ccc;
	/* Gray border */
	border-radius: 10px;
	/* Rounded borders */
	box-sizing: border-box;
	/* Make sure that padding and width stays in place */
	margin-top: 6px;
	/* Add a top margin */
	margin-bottom: 6px;
	/* Bottom margin */
	resize: vertical;
	/* Allow the user to vertically resize the textarea (not horizontally) */
	/*font-size: 1.5rem;*/
	font-family: Monaco, "DejaVu Sans Mono", "Lucida Console", "Andale Mono", monospace;
	font-size: 13px;
}

input[type=password] {
	width: 300px;
	/* Full width */
	/*	height: 50px;*/
	padding: 5px;
	/* Some padding */
	border: 2px solid #ccc;
	/* Gray border */
	border-radius: 10px;
	/* Rounded borders */
	box-sizing: border-box;
	/* Make sure that padding and width stays in place */
	margin-top: 6px;
	/* Add a top margin */
	margin-bottom: 6px;
	/* Bottom margin */
	resize: vertical;
	/* Allow the user to vertically resize the textarea (not horizontally) */
	font-size: 0.8rem;
	/* font-family: Monaco, "DejaVu Sans Mono", "Lucida Console", "Andale Mono", monospace; */
	*/
	/* font-size: 13px; */
}

input[type=text50] {
	width: 50px;
	/* Full width */
	/*	height: 50px;*/
	padding: 5px;
	/* Some padding */
	border: 2px solid #ccc;
	/* Gray border */
	border-radius: 10px;
	/* Rounded borders */
	box-sizing: border-box;
	/* Make sure that padding and width stays in place */
	margin-top: 6px;
	/* Add a top margin */
	margin-bottom: 6px;
	/* Bottom margin */
	resize: vertical;
	/* Allow the user to vertically resize the textarea (not horizontally) */
	/*font-size: 1.5rem;*/
	font-family: Monaco, "DejaVu Sans Mono", "Lucida Console", "Andale Mono", monospace;
	font-size: 13px;
}

input[type=crittext] {
	width: 50px;
	/* Full width */
	/*	height: 50px;*/
	padding: 3px;
	/* Some padding */
	border: 2px solid #ccc;
	/* Gray border */
	border-radius: 10px;
	/* Rounded borders */
	box-sizing: border-box;
	/* Make sure that padding and width stays in place */
	resize: vertical;
	/* Allow the user to vertically resize the textarea (not horizontally) */
	/*font-size: 1.5rem;*/
	font-family: Monaco, "DejaVu Sans Mono", "Lucida Console", "Andale Mono", monospace;
	font-size: 13px;
}

input[type=crittext2] {
	width: 40px;
	/* Full width */
	/*	height: 50px;*/
	padding: 3px;
	/* Some padding */
	border: 2px solid #ccc;
	/* Gray border */
	border-radius: 10px;
	/* Rounded borders */
	box-sizing: border-box;
	/* Make sure that padding and width stays in place */
	resize: vertical;
	/* Allow the user to vertically resize the textarea (not horizontally) */
	/*font-size: 1.5rem;*/
	font-family: Monaco, "DejaVu Sans Mono", "Lucida Console", "Andale Mono", monospace;
	font-size: 13px;
}

input[type=date] {
	width: 130px;
	/* Full width */
	padding: 5px;
	/* Some padding */
	border: 2px solid #ccc;
	/* Gray border */
	border-radius: 10px;
	/* Rounded borders */
	box-sizing: border-box;
	/* Make sure that padding and width stays in place */
	margin-top: 6px;
	/* Add a top margin */
	margin-bottom: 6px;
	/* Bottom margin */
	/*  resize: vertical;  Allow the user to vertically resize the textarea (not horizontally) */
	/*font-size: 1.5rem;*/
	font-family: Monaco, "DejaVu Sans Mono", "Lucida Console", "Andale Mono", monospace;
	font-size: 13px;
}


input[type=text],
[type=number] {
	width: 600px;
	/* Full width */
	/*	height: 50px;*/
	padding: 5px;
	/* Some padding */
	border: 2px solid #ccc;
	/* Gray border */
	border-radius: 10px;
	/* Rounded borders */
	box-sizing: border-box;
	/* Make sure that padding and width stays in place */
	margin-top: 6px;
	/* Add a top margin */
	margin-bottom: 6px;
	/* Bottom margin */
	resize: vertical;
	/* Allow the user to vertically resize the textarea (not horizontally) */
	/*font-size: 1.5rem;*/
	font-family: Monaco, "DejaVu Sans Mono", "Lucida Console", "Andale Mono", monospace;
	font-size: 13px;
}

/*****************************************************/

.button {
	background-color: #1F8389;
	border: none;
	color: white;
	padding: 20px 20px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font: bold 13px arial, sans-serif;
	margin: 4px 2px;
	cursor: pointer;
	width: 270px;
	white-space: normal;
	/*  transition-duration: 0.4s;*/
}

.button:hover {
	background-color: #1A6C70;
	color: white;
}

.button:active {
	background-color: #1F8389;
	box-shadow: 0 5px #fefefe;
	transform: translateY(2px);
}

.buttongris {
	background-color: #DBDBDB;
	border: none;
	color: white;
	padding: 20px 20px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font: bold 13px arial, sans-serif;
	margin: 4px 2px;
	cursor: pointer;
	width: 270px;
	white-space: normal;
	/*  transition-duration: 0.4s;*/
}


.buttonpetit {
	background-color: #1F8389;
	border: none;
	color: white;
	padding: 20px 20px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font: bold 13px arial, sans-serif;
	margin: 4px 2px;
	cursor: pointer;
	width: 240px;
	white-space: normal;
}

.buttonpetit:hover {
	background-color: #1A6C70;
	color: white;
}

.buttonpetit:active {
	background-color: #1F8389;
	box-shadow: 0 5px #fefefe;
	transform: translateY(2px);
}

/*Dernier bouton Jre valide puis j'envoi qui se decale en reponsive*/
.buttonpetitx {
	background-color: #1F8389;
	border: none;
	color: white;
	padding: 20px 20px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font: bold 13px arial, sans-serif;
	margin: 4px 2px;
	cursor: pointer;
	width: 240px;
	white-space: normal;
}

.buttonpetitx:hover {
	background-color: #1A6C70;
	color: white;
}

.buttonpetitx:active {
	background-color: #1F8389;
	box-shadow: 0 5px #fefefe;
	transform: translateY(2px);
}

.buttonpetitgris {
	background-color: #DBDBDB;
	border: none;
	color: white;
	padding: 20px 20px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font: bold 13px arial, sans-serif;
	margin: 4px 2px;
	cursor: pointer;
	width: 240px;
	white-space: normal;
}


.buttonbleu {
	background-color: #2961a7;
	border: none;
	color: white;
	padding: 20px 20px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font: bold 13px arial, sans-serif;
	margin: 4px 2px;
	cursor: pointer;
	width: 270px;
	white-space: normal;
}

.buttonbleu:hover {
	background-color: #0052A7;
	color: white;
}

.buttonbleu:active {
	background-color: #2961a7;
	box-shadow: 0 5px #fefefe;
	transform: translateY(2px);
}


.buttonrouge {
	background-color: #F06868;
	/*#F06868   #E85158*/
	border: none;
	color: white;
	padding: 20px 20px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font: bold 13px arial, sans-serif;
	margin: 4px 2px;
	cursor: pointer;
	width: 270px;
	white-space: normal;
}

.buttonrouge:hover {
	background-color: #D30000;
	color: white;
}

.buttonrouge:active {
	background-color: red;
	box-shadow: 0 5px #fefefe;
	transform: translateY(2px);
}


.buttonorange {
	background-color: #E8671E;
	border: none;
	color: white;
	padding: 20px 20px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font: bold 13px arial, sans-serif;
	margin: 4px 2px;
	cursor: pointer;
	width: 270px;
	white-space: normal;
}

.buttonorange:hover {
	background-color: #D2671E;
	color: white;
}

.buttonorange:active {
	background-color: #E8671E;
	box-shadow: 0 5px #fefefe;
	transform: translateY(2px);
}


.buttontransparent {
	background-color: white;
	border: none;
	color: black;
	padding: 20px 20px;
	text-align: center;
	text-decoration: underline;
	display: inline-block;
	font: bold 13px arial, sans-serif;
	margin: 4px 2px;
	cursor: pointer;
	width: 350px;
	white-space: normal;
}

.buttonorange:hover {
	background-color: #D2671E;
	color: white;
}

.buttonorange:active {
	background-color: #E8671E;
	box-shadow: 0 5px #fefefe;
	transform: translateY(2px);
}



/*****************************************************/

labelw {
	width: 40px;
	display: inline-block;
	vertical-align: middle;
	margin: 6px;
}

label80 {
	width: 80px;
	display: inline-block;
	vertical-align: middle;
	margin: 6px;
}

labelz {
	width: 100px;
	display: inline-block;
	vertical-align: middle;
}


labelx {
	width: 155px;
	display: inline-block;
	vertical-align: middle;
	margin: 6px;
}

label120 {
	width: 120px;
	display: inline-block;
	vertical-align: middle;
	margin: 6px;
}

label120top {
	width: 120px;
	display: inline-block;
	vertical-align: top;
	margin: 6px;
}


label160 {
	width: 160px;
	display: inline-block;
	vertical-align: middle;
	margin: 6px;
}

label170 {
	width: 170px;
	display: inline-block;
	vertical-align: middle;
	margin: 6px;
}

labely {
	width: 280px;
	display: inline-block;
}

label170x {
	width: 170px;
	display: inline-block;
	vertical-align: middle;
}

label180x {
	width: 180px;
	display: inline-block;
	vertical-align: middle;
}



/* CSS */


.tableaux {
	display: inline-block;
	vertical-align: top;
}


form {
	display: inline-block;
}

/*****************************************************/

/* Fenetre Modale */
.cf:before,
.cf:after {
	content: "";
	display: table;
}

.cf:after {
	clear: both;
}

.droite {
	float: right;
}

.oModal {
	overflow-y: scroll;
	display: none;
	position: fixed;
	z-index: 500;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0, 0, 0, 0.3);
	/*  opacity:0;
  -webkit-transition: opacity 400ms ease-in;
  -moz-transition: opacity 400ms ease-in;
  transition: opacity 400ms ease-in;
  pointer-events: none;
 */
}

/*
.oModal:target {
  opacity:1;
  pointer-events: auto;
}

.oModal:target > div {
  margin: 10% auto;
  transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
}
 */
.oModal>div {
	max-width: 1500px;
	/*  position: relative;*/
	position: absolute;
	top: 30px;
	left: 70px;

	/*  margin: 8% auto;*/
	border-radius: 5px;
	background: #ffffff;
	transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-webkit-transition: all 0.4s ease-in-out;
}

.oModal>div header {


	background: #2A2F43;
	border-bottom: 1px solid #e7e7e7;
	border-radius: 5px 5px 0 0;

}

.oModal>div footer {

	border-bottom: 1px solid #e7e7e7;
	border-radius: 5px 5px 5px 5px;
}

.oModal .footer {
	border: none;
	border-top: 1px solid #e7e7e7;
	border-radius: 0 0 5px 5px;
}

.oModal>div h2 {
	margin: 0;
}

.oModal>div .btn {
	float: right;
}

.oModal>div section,
.oModal>div>header,
.oModal>div>footer {
	padding: 5px;
}

/*///////////////////////////////////////////////////////////*/

.tabulation {
	margin-left: 20px;
}

fieldset {
	padding: 0 20px 20px 20px;
	/*margin-bottom: 10px;*/
	border: 2px solid #1F8389;
	width: 90%;
}

/*input[type=text],input[type=email],input[type=date],input[type=time], select, textarea {
 padding:3px;
 border:1px solid #C8C8C8;
 border-radius:5px;
 box-shadow:1px 1px 2px #C0C0C0 inset;
}*/

/*tr:nth-child(2n+0){
	background-color:#EAEBEA;
}
*/

table {
	border: 1px solid #B5B9B8;
	border-collapse: collapse;
	/*width: 50%;*/
}

td {
	padding: 2px;
	font-family: Verdana, sans-serif;
	border: thin solid #B5B9B8;
	font-size: 12px;
	/*text-align: center;*/
	/*background-color: #ffffff;*/
}

td.border0 {
	padding: 3px;
	border: 0px;
	/*text-align: center;*/
	/*background-color: #ffffff;*/
}


table.border0 {
	border: 0px;
}


BODY {
	padding-right: 0;
	padding-left: 0;
	font-size: 0.8em;
	padding-bottom: 0;
	margin: 0;
	padding-top: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#header {
	height: 70px;
	background-color: black;
	/*background-color : #2a2f43; */
}

#headercollecte {

	background-image: url(images/TaxeMyTAULille.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	height: 350px;
	/*background-color : #2a2f43; */

}


#conteneur {
	/*	background-color : #ffffff;*/
	/*   	margin: auto;  Pour centrer notre page */
	/*	border: 2px solid #aaaaaa;*/
}

titre {
	color: #1F8389;
	font-size: 1.4em;
	font-weight: bold;

}

titre0_8 {
	color: #1F8389;
	font-size: 0.8em;
	font-weight: bold;

}

titre1 {
	color: #1F8389;
	font-size: 1em;
	font-weight: bold;

}


titre1_1 {
	color: #1F8389;
	font-size: 1.1em;
	font-weight: bold;

}


titre1_2 {
	color: #1F8389;
	font-size: 1.2em;
	font-weight: bold;

}

titre1_3 {
	color: #1F8389;
	font-size: 1.3em;
	font-weight: bold;

}

/*****************************************************/

h2 {
	color: #000000;
	font-size: 1.3em;
	font-weight: bold;
	margin-left: 12px;
}

h3 {
	color: #666666;
	font-size: 1.1em;
	font-weight: bold;
	margin-left: 12px;

}

h4 {
	FONT-SIZE: 1.2em;
	color: #000000;
	font-weight: bold;
}

h3ss {
	color: #666666;
	font-size: 1.1em;
	font-weight: bold;
	margin-left: 12px;

}

h2ss {
	color: #000000;
	font-size: 1.3em;
	font-weight: bold;
	margin-left: 12px;

}

h3ssv {
	color: #ae2573;
	font-size: 1.1em;
	font-weight: bold;
	margin-left: 12px;

}


p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	/* color: #000000; */
	text-align: justify;
}


a {
	color: #1F8389;
	text-decoration: none;
}

a.dpo {
	color: white;
	text-decoration: underline dotted;
}