body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0px;
	background-color: var(--couleur-fond-page) ;
	color: var(--couleur-texte-standard) ;
	overflow-y: scroll;
}

* {
	box-sizing: border-box;
	outline: none;
}

table , tr , td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: var(--couleur-texte-standard) ;
}

a { 
	color: var(--couleur-texte-standard) ;
	text-decoration: none;
}

a:visited { 
	color: var(--couleur-texte-standard) ;
	text-decoration: none;
}

a:hover { color: var(--couleur-texte-hover); }

select {
	color: var(--couleur-texte-standard) ;
	border: 1px solid var(--couleur2-neutre) ;
	background: var(--couleur-fond-input-5);
    -webkit-appearance: none;
}

select:disabled {
	color: var(--couleur-texte-standard); 
	border: 1px solid var(--couleur-fond-input);
	background: var(--couleur-fond-input-0);
}


input {
	color: var(--couleur-texte-standard) ;
	border: 1px solid var(--couleur2-neutre) ;
    background: var(--couleur-fond-input-5);
    -webkit-appearance: none;
}

input:disabled {
	color: var(--couleur-texte-standard); 
	border: 1px solid var(--couleur-fond-input);
    background: var(--couleur-fond-input-0);
}

input[type=checkbox] {
	color: var(--couleur-texte-standard) ;
	border: 1px solid var(--couleur2-neutre) ;
    background: var(--couleur-fond-input-5);
    -webkit-appearance: none;
}


#main {
	width: var(--largeur-page); 
	margin: 0 auto 0 auto;
}


.grand 		{ font-size: 16px;	}
.moingrand	{ font-size: 14px;	}
.normal		{ font-size: 12px;	}
.moinptit	{ font-size: 10px;	}
.ptit		{ font-size: 9px;	}
.touptit	{ font-size: 8px;	}
.minus		{ font-size: 4px;	}

.valeur-rouge		{ color: var(--couleur-valeur-rouge); }
.valeur-vert		{ color: var(--couleur-valeur-vert); }
.valeur-bleu		{ color: var(--couleur-valeur-bleu); }

.erreur 			{ color: var(--couleur-texte-erreur); }

.titre {
	text-align: center;
	font-size: 32px;
	font-weight: normal;
	font-family: "Courier";
	margin: 48px 0 72px 0;
}

.soustitre {
	text-align: center;
	font-size: 24px;
	font-weight: normal;
	font-family: "Courier";
}

.soustitre2 {
	text-align: center;
	font-size: 20px;
	font-weight: normal;
	font-family: "Courier";
}

.ligne-boutons {
	width: var(--largeur-page);
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 48px;
}

.row {
	width: var(--largeur-page);
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.row > * {
	vertical-align: middle;
}

.sum {
	width: 120px; 
	padding-right: 12px; 
	text-align: right;
}

.inputLigne {
	height: 20px; 
	border-radius: 10px;
	flex: none;
	padding-left: 12px;
	padding-right: 12px; 
	line-height: 16px;

	-webkit-appearance: none;
	border-style: solid;
	border-width: 1px;
	background: var(--couleur-fond-input-5) !important ;
	border-color: var(--couleur3-neutre) !important ;
}

.inputLigne:hover {
	background: var(--couleur-fond-input-7) !important ;
	border-color: var(--couleur3-neutre) !important ;
}

.inputLigne:focus {
	background: var(--couleur-fond-input) !important ;
	border-color: var(--couleur3-neutre) !important ;
}

.inputLigne:disabled {
	background: var(--couleur-fond-input-0) !important ;
	border-color: var(--couleur-fond-input) !important ;
}

.caseFormRowInvisible {
	height: 20px; 
	border-radius: 10px;
	flex: none;
	padding-left: 12px;
	padding-right: 12px; 
	line-height: 16px;
	background: var(--couleur-fond-input-5) !important ;
	border-color: var(--couleur3-neutre) !important ;
}	

.caseFormRowInvisible:hover {
	background: var(--couleur-fond-input-7) !important ;
	border-color: var(--couleur3-neutre) !important ;
}

.caseFormRowInvisible:focus {
	background: var(--couleur-fond-input) !important ;
	border-color: var(--couleur3-neutre) !important ;
}

.caseFormRowInvisible:disabled {
	background: transparent !important ;
	border-color: transparent !important ;
}

.inputTitreSaisie {
	height: 24px; 
	border-radius: 12px;
	flex: none;
	font-weight: bold;
	line-height: 22px;
	border-style: solid;
	border-width: 1px;
	background: var(--couleur-fond-input-3) !important ;
}

.inputTitreSaisie:hover {
	background: var(--couleur-fond-input-5) !important ;
}

.inputTitreSaisie:focus {
	background: var(--couleur-fond-input-7) !important ;
}

.inputTitreSaisie:disabled {
	background: var(--couleur-fond-input-0) !important ;
	border-color: var(--couleur-fond-input) ;
	border-color: transparent !important ;
}

.inputTitreSaisie::placeholder {
	color: var(--couleur-texte-standard);
}

.inputTitreSaisie:focus::placeholder {
	color: var(--couleur-texte-hover);
}



.transparent-si-vide {
}


.arrondigauchegris {
	height: 40px;
	width: 15px;
	-moz-border-radius:	15px 0px 0px 15px;
	-webkit-border-radius:	15px 0px 0px 15px;
	border-radius:	15px 0px 0px 15px;
	background: #dddddd
}

.arrondidroitegris {
	height: 40px;
	width: 15px;
	-moz-border-radius:	0px 15px 15px 0px;
	-webkit-border-radius:	0px 15px 15px 0px;
	border-radius:	0px 15px 15px 0px;
	background: #dddddd
}

.arrondigauchefiscal {
	height: 40px;
	width: 15px;
	-moz-border-radius:	15px 0px 0px 15px;
	-webkit-border-radius:	15px 0px 0px 15px;
	border-radius:	15px 0px 0px 15px;
	background: #7bdcb8
}

.arrondidroitefiscal {
	height: 40px;
	width: 15px;
	-moz-border-radius:	0px 15px 15px 0px;
	-webkit-border-radius:	0px 15px 15px 0px;
	border-radius:	0px 15px 15px 0px;
	background: #7bdcb8
}

.arrondigaucheprojets {
	height: 40px;
	width: 15px;
	-moz-border-radius:	15px 0px 0px 15px;
	-webkit-border-radius:	15px 0px 0px 15px;
	border-radius:	15px 0px 0px 15px;
	background: #dbd9fe
}

.arrondidroiteprojets {
	height: 40px;
	width: 15px;
	-moz-border-radius:	0px 15px 15px 0px;
	-webkit-border-radius:	0px 15px 15px 0px;
	border-radius:	0px 15px 15px 0px;
	background: #dbd9fe
}

.arrondigauchebudgets {
	height: 40px;
	width: 15px;
	-moz-border-radius:	15px 0px 0px 15px;
	-webkit-border-radius:	15px 0px 0px 15px;
	border-radius:	15px 0px 0px 15px;
	background: #dee185
}

.arrondidroitebudgets {
	height: 40px;
	width: 15px;
	-moz-border-radius:	0px 15px 15px 0px;
	-webkit-border-radius:	0px 15px 15px 0px;
	border-radius:	0px 15px 15px 0px;
	background: #dee185
}

.arrondiprojets {
	-moz-border-radius:	15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;
	background: #dbd9fe
}

.arrondigaucheprojetsfin {
	height: 25px;
	width: 15px;
	-moz-border-radius:	15px 0px 0px 15px;
	-webkit-border-radius:	15px 0px 0px 15px;
	border-radius:	15px 0px 0px 15px;
	background: #dbd9fe
}

.arrondidroitebudgetsfin {
	height: 25px;
	width: 15px;
	-moz-border-radius:	0px 15px 15px 0px;
	-webkit-border-radius:	0px 15px 15px 0px;
	border-radius:	0px 15px 15px 0px;
	background: #f5f7d5
}

.arrondigauchepieces {
	height: 40px;
	width: 15px;
	-moz-border-radius:	15px 0px 0px 15px;
	-webkit-border-radius:	15px 0px 0px 15px;
	border-radius:	15px 0px 0px 15px;
	background: #f5d3c1
}


.arrondigauchepiecesfin {
	height: 25px;
	width: 15px;
	-moz-border-radius:	15px 0px 0px 15px;
	-webkit-border-radius:	15px 0px 0px 15px;
	border-radius:	15px 0px 0px 15px;
	background: #f5d3c1
}

.arrondidroitepieces {
	height: 40px;
	width: 15px;
	-moz-border-radius:	0px 15px 15px 0px;
	-webkit-border-radius:	0px 15px 15px 0px;
	border-radius:	0px 15px 15px 0px;
	background: #f5d3c1
}

.arrondidroitepiecesfin {
	height: 25px;
	width: 15px;
	-moz-border-radius:	0px 15px 15px 0px;
	-webkit-border-radius:	0px 15px 15px 0px;
	border-radius:	0px 15px 15px 0px;
	background: #f5d3c1
}

.arrondigauchecomptes {
	height: 25px;
	width: 15px;
	-moz-border-radius:	15px 0px 0px 15px;
	-webkit-border-radius:	15px 0px 0px 15px;
	border-radius:	15px 0px 0px 15px;
	background: #caede0
}

.arrondidroitecomptes {
	height: 25px;
	width: 15px;
	-moz-border-radius:	0px 15px 15px 0px;
	-webkit-border-radius:	0px 15px 15px 0px;
	border-radius:	0px 15px 15px 0px;
	background: #caede0
}

.arrondigauchemontant {
	height: 25px;
	width: 15px;
	-moz-border-radius:	15px 0px 0px 15px;
	-webkit-border-radius:	15px 0px 0px 15px;
	border-radius:	15px 0px 0px 15px;
	background: #dddddd

}

.arrondidroitemontant {
	height: 25px;
	width: 15px;
	-moz-border-radius:	0px 15px 15px 0px;
	-webkit-border-radius:	0px 15px 15px 0px;
	border-radius:	0px 15px 15px 0px;
	background: #dddddd

}



.bouton {
	font-family: Verdana;
	font-size: 11px;
	font-weight: bold ;
	text-align: center;
	text-decoration: none ;
	height: 24px ;
	margin: 0 ;
	padding: 0 ;
	border: none;
	-moz-border-radius:	15px ;
	-webkit-border-radius: 15px ;
	border-radius: 15px ;
	line-height: 22px ;
	display: block ;
	cursor: pointer;
	border-style: solid;
	border-width: 1px;
	user-select: none; 
	-webkit-user-select: none;
}

.bouton:focus {
	cursor: text;
}

.bouton::placeholder { color: var(--couleur-texte-standard); }
.bouton:focus::placeholder { color: var(--couleur3-neutre); }



.coulEcritureActif { 			color: 			var(--couleur-texte-standard); 
								background: 	var(--couleur1-ecriture); 
								border-color: 	var(--couleur3-ecriture) }
.coulEcritureActif:hover {		background: 	var(--couleur2-ecriture) }
.coulEcritureActif:focus { 		background: 	var(--couleur0-ecriture) }
.coulEcritureActif:disabled	{ 	color: 			var(--couleur-texte-standard); 
								background: 	var(--couleur2-ecriture); 
								border-color: 	var(--couleur-page) }
.coulEcritureBorder { 			border-color: 	var(--couleur3-ecriture) }



.coulCompteActif { 				color: 			var(--couleur-texte-standard); 
								background: 	var(--couleur1-compte); 
								border-color: 	var(--couleur3-compte) }
.coulCompteActif:hover { 		background: 	var(--couleur2-compte); }
.coulCompteActif:focus { 		background: 	var(--couleur0-compte); }
.coulCompteActif:disabled { 	color: 			var(--couleur-texte-standard); 
								background: 	var(--couleur2-compte); 
								border-color: 	var(--couleur-page) }
.coulCompteBorder { 			border-color: 	var(--couleur3-compte) }



.coulProjetActif { 				color: 			var(--couleur-texte-standard); 
								background: 	var(--couleur1-projet); 
								border-color: 	var(--couleur3-projet); }
.coulProjetActif:hover	{ 		background: 	var(--couleur2-projet); }
.coulProjetActif:focus	{ 		background: 	var(--couleur0-projet); }
.coulProjetActif:disabled {		color: 			var(--couleur-texte-standard); 
								background: 	var(--couleur2-projet); 
								border-color: 	var(--couleur-page) }
.coulProjetBorder { 			border-color: 	var(--couleur3-projet) }



.coulBudgetActif { 				color: 			var(--couleur-texte-standard); 
								background: 	var(--couleur1-budget); 
								border-color: 	var(--couleur3-budget); }
.coulBudgetActif:hover { 		background: 	var(--couleur2-budget); }
.coulBudgetActif:disabled { 	color: 			var(--couleur-texte-standard); 
								background: 	var(--couleur2-budget);
								border-color: 	var(--couleur-page) }
.coulBudgetBorder { 			border-color: 	var(--couleur3-budget) }



.coulNeutreActif { 				color: 			var(--couleur-texte-standard); 
								background: 	var(--couleur1-neutre); 
								border-color: 	var(--couleur3-neutre); }
.coulNeutreActif:hover { 	 	background: 	var(--couleur2-neutre); }
.coulNeutreActif:disabled { 	color: 			var(--couleur-texte-standard); 
								background: 	var(--couleur2-neutre); 
								border-color: 	var(--couleur-page) }




ul#menu 
{
	font-family: Verdana;
	font-size: 11px;
	height: 25px ;
	margin: 0 ;
	padding: 0 ;
	background: url(../images/bg_menu1.jpg);
	list-style-type: none ;
}

ul#menu li
{
	float: left ;
	text-align: center ;
}

ul#menu li a
{
	width: 120px;
	-moz-border-radius:	15px ;
	-webkit-border-radius: 15px ;
	border-radius: 15px ;
	line-height: 25px ;
	font-weight: bold ;
	letter-spacing: normal;
	color: #CCCCCC;
	display: block ;
	text-decoration: none ;
	border-right: 2px solid #e3dbd3 ;
}

ul#menu li a:hover
{
	background: url(../images/bg_menu2.jpg) ;
}
.grostitre {
	font-size: 32px;
}


/**** styles pour le menu accordeon ****/

/**** calque du bouton ****/
.accordion {

    min-height: 24px;
    color: #444;
    cursor: pointer;
    border: none;
    outline: none;
    transition: 0.4s;

}

.casesVerticales {
	display: table-cell;
    height: 32px;
    	padding: 0px 4px 0px 0px;
    vertical-align: middle;
    background: #ffffff;
    font-family: Verdana, Arial, Helvetica, sans-serif; 
    font-size: 8pt;
}


/**** calque du contenu qui s'ouvre (pouvant contenir des autres boutons ****/


.panel {

    text-align: left;
    max-height: 0;
    overflow: hidden;
    transition: 0.6s ease-in-out;
    opacity: 0;
}

.panel.show {
    opacity: 1;
    max-height: 500px;  
}


.backtop
{
	position:fixed;
	/* La couleur de fond*/
	background: var(--couleur-page); 
	/*La bordure*/
	border:0px; 
	/* la longueur et l'espace autour du texte
	width:135px;
	padding:12px; */
	/* On place le bloc en bas à droite*/
	right:30px;
	bottom:35px;
	/* On ajoute un bord arrondi pour les navigateurs compatibles
	border-radius:7px;-moz-border-radius:7px;-khtml-border-radius:7px;-webkit-border-radius:7px  */  
}

.backtop:hover
{
	/*On change le curseur de la souris au survol*/
	cursor:pointer;
	/*On change la couleur de fond au survol*/
	background:#EEEEEE;
	/*On change la couleur de la bordure au survol
	border:2px solid #eff0d4;*/
	/*On change la couleur de texte au survol
	color:#eff0d4*/
}