body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0px;
	background-color: #e0f6f7;
		overflow-y: scroll;

}

table , tr , td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}

a { 
	color: #000000;
	text-decoration: underline;
	text-decoration-color: #BBBBBB;
}

a:visited { 
	color: #000000;
	text-decoration: underline;
	text-decoration-color: #BBBBBB;
}

a:hover { color: #808080 ;  }

select {
	border: 1px solid lightgrey ;
	background: rgba(255, 255, 255, 0.3);
    -webkit-appearance: none;
}

input {
	border: 1px solid lightgrey ;
    background: rgba(255, 255, 255, 0.3);
    -webkit-appearance: none;
	
}

.normal {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}


.moinptit {
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;

}

.ptit {
	font-size: 9px;
	font-family: Verdana, Arial, Helvetica, sans-serif;

}

.titre {
	font-size: 20px;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;

}

.soustitre {
	font-size: 16px;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;

}

.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

}

.touptit {

	font-size: 8px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.minus {

	font-size: 4px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.menuCategories {
	border: 1px solid #cccccc ;
	height: 25px ;
	margin: 0 ;
	padding: 3 ;
	-moz-border-radius:	17px ;
	-webkit-border-radius: 17px ;
	border-radius: 15px ;
	line-height: 25px ;
	display: block ;
	background: #ffffff;
	}


.menuPlan a:link {
	font-family: Verdana;
	font-size: 11px;
	font-weight: bold ;
	text-align: center;
	text-decoration: none ;
	color: black;
	height: 25px ;
	margin: 0 ;
	padding: 0 ;
	-moz-border-radius:	15px ;
	-webkit-border-radius: 15px ;
	border-radius: 15px ;
	line-height: 25px ;
	display: block ;
	letter-spacing: normal;
	background: #edf8f4;
	}

.menuPlan a:visited {
	color: black;
}

.menuPlan a:hover {
	font-family: Verdana;
	font-size: 11px;
	font-weight: bold ;
	text-align: center;
	text-decoration: none ;
	color: #ffffff;
	height: 25px ;
	margin: 0 ;
	padding: 0 ;
	-moz-border-radius:	15px ;
	-webkit-border-radius: 15px ;
	border-radius: 15px ;
	line-height: 25px ;
	display: block ;
	letter-spacing: normal;
	background: #caede0;
}


.menuEcriture a:link {
	font-family: Verdana;
	font-size: 11px;
	font-weight: bold ;
	text-align: center;
	text-decoration: none ;
	color: black;
	height: 25px ;
	margin: 0 ;
	padding: 0 ;
	-moz-border-radius:	15px ;
	-webkit-border-radius: 15px ;
	border-radius: 15px ;
	line-height: 25px ;
	display: block ;
	letter-spacing: normal;
	background: #f9e9e1;
	}

.menuEcriture a:visited {
	color: black;
}

.menuEcriture a:hover {
	font-family: Verdana;
	font-size: 11px;
	font-weight: bold ;
	text-align: center;
	text-decoration: none ;
	color: #ffffff;
	height: 25px ;
	margin: 0 ;
	padding: 0 ;
	-moz-border-radius:	15px ;
	-webkit-border-radius: 15px ;
	border-radius: 15px ;
	line-height: 25px ;
	display: block ;
	letter-spacing: normal;
	background: #f5d3c1;
}


.menuProjets a:link {
	font-family: Verdana;
	font-size: 11px;
	font-weight: bold ;
	text-align: center;
	text-decoration: none ;
	color: black;
	height: 25px ;
	margin: 0 ;
	padding: 0 ;
	-moz-border-radius:	15px ;
	-webkit-border-radius: 15px ;
	border-radius: 15px ;
	line-height: 25px ;
	display: block ;
	letter-spacing: normal;
	background: #eeeefc;
	}

.menuProjets a:visited {
	color: black;
}

.menuProjets a:hover {
	font-family: Verdana;
	font-size: 11px;
	font-weight: bold ;
	text-align: center;
	text-decoration: none ;
	color: #ffffff;
	height: 25px ;
	margin: 0 ;
	padding: 0 ;
	-moz-border-radius:	15px ;
	-webkit-border-radius: 15px ;
	border-radius: 15px ;
	line-height: 25px ;
	display: block ;
	letter-spacing: normal;
	background: #dbd9fe;
}

.menuBudgets a:link {
	font-family: Verdana;
	font-size: 11px;
	font-weight: bold ;
	text-align: center;
	text-decoration: none ;
	color: black;
	height: 25px ;
	margin: 0 ;
	padding: 0 ;
	-moz-border-radius:	15px ;
	-webkit-border-radius: 15px ;
	border-radius: 15px ;
	line-height: 25px ;
	display: block ;
	letter-spacing: normal;
	background: #f5f7d5;
	}

.menuBudgets a:visited {
	color: black;
}

.menuBudgets a:hover {
	font-family: Verdana;
	font-size: 11px;
	font-weight: bold ;
	text-align: center;
	text-decoration: none ;
	color: #ffffff;
	height: 25px ;
	margin: 0 ;
	padding: 0 ;
	-moz-border-radius:	15px ;
	-webkit-border-radius: 15px ;
	border-radius: 15px ;
	line-height: 25px ;
	display: block ;
	letter-spacing: normal;
	background: #eceebd;
}

.menuStandard a:link {
	font-family: Verdana;
	font-size: 11px;
	font-weight: bold ;
	text-align: center;
	text-decoration: none ;
	color: black;
	height: 25px ;
	margin: 0 ;
	padding: 0 ;
	-moz-border-radius:	15px ;
	-webkit-border-radius: 15px ;
	border-radius: 15px ;
	line-height: 25px ;
	display: block ;
	letter-spacing: normal;
	background: #eeeeee;
	}

.menuStandard a:visited {
	color: black;
}

.menuStandard a:hover {
	font-family: Verdana;
	font-size: 11px;
	font-weight: bold ;
	text-align: center;
	text-decoration: none ;
	color: #ffffff;
	height: 25px ;
	margin: 0 ;
	padding: 0 ;
	-moz-border-radius:	15px ;
	-webkit-border-radius: 15px ;
	border-radius: 15px ;
	line-height: 25px ;
	display: block ;
	letter-spacing: normal;
	background: #cacaca;
}

.menuParametres a:link {
	font-family: Verdana;
	font-size: 11px;
	font-weight: bold ;
	text-align: center;
	text-decoration: none ;
	color: black;
	height: 25px ;
	margin: 0 ;
	padding: 0 ;
	-moz-border-radius:	15px ;
	-webkit-border-radius: 15px ;
	border-radius: 15px ;
	line-height: 25px ;
	display: block ;
	letter-spacing: normal;
	background: url(../images/parametres.svg) ;
  	background-size: 25px 25px;
	}

.menuParametres a:visited {
	color: black;
}

.menuParametres a:hover {
	font-family: Verdana;
	font-size: 11px;
	font-weight: bold ;
	text-align: center;
	text-decoration: none ;
	color: #ffffff;
	height: 25px ;
	margin: 0 ;
	padding: 0 ;
	-moz-border-radius:	15px ;
	-webkit-border-radius: 15px ;
	border-radius: 15px ;
	line-height: 25px ;
	display: block ;
	letter-spacing: normal;
	background: url(../images/parametres_hover.svg) ;
  	background-size: 25px 25px;
}

.menuProfil {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
    font-size: 8pt;
	z-index: 998;
	opacity:0;
	-webkit-transition: opacity 200ms ease-in;
	-moz-transition: opacity 200ms ease-in;
	transition: opacity 200ms ease-in;
	pointer-events: none;
}

.menuProfil:target {
	opacity:1;
	pointer-events: auto;
}

.menuProfil > div {
	width: 320px;
    height:84px;
	position: relative; left:-320px; top:-30px;
    z-index: 998;
    margin: 10% auto;
	padding: 10px;
	border-radius: 15px;
	background: #cccccc ;
	
}

.close {
	background: #AAAAAA;
	color: #000000;
	line-height: 25px;
	position: absolute;
	right: -12px;
	text-align: center;
	top: -10px;
	width: 24px;
   	z-index: 999;
	text-decoration: none;
	font-weight: bold;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
}

.close:hover { background: #888888; }

.invisibleLink {
    display: block;
    left: 0px; 
    top: 0px;
    position: fixed;
    height: 100%;
    width: 100%;
    background: rgba(0,0,0,0.7);
   	z-index: 900;
}

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:#FFFFFF; 
	/*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*/
}