/*
xx-small | x-small | small | medium | large | x-large | xx-large

clair: #d6d9e9
fonce: #c4c8d9

*/

h1,h2,h3,div,p,ul,ol,li,dd,dt,th,td,table,fieldset,legend,input,label {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: black;
	}

div,p,ul,ol,li,dd,dt,th,td,table,fieldset,legend,input,label {
	font-size: 10pt;
	}


h1 {
	font-size:14pt;
	}

h1:after {
	content: url("carres.gif");
	}

legend:first-letter {
	color:#6574A7;
	font-size:medium;
	}

h2 {
	font-size:12pt;
	}

h2:before {
	content: url("puce-h2.gif");
	}

h3 {
	font-size:10pt;
	}

h3:before {
	content: url("puce-h3.gif");
	}


ul {
	list-style-image: url("puce.gif");
	}

th {
	background-color: #c4c8d9;
	padding: 2px;
	}

td {
	background-color: #d6d9e9;
	padding: 2px;
	}

@media print {

table,tr,td { border: solid 1px black; border-collapse: collapse; }

}

@media screen {

.noprint { }

}


@media print {

.noprint { border:2px solid red; display: none; }

}

/* style pour les boites encadrees avec titre */
/* ------------------------------------------ */

table.encadre {
	background-color:   white;
	border:             solid 2px #c4c8d9;
	padding:            0px;
	margin:             0px 0px 0px 0px; /* top right bottom left */
	}

table.encadre th {
	padding: 2px;
	background-color: #c4c8d9;
	}

table.encadre td {
	padding: 2px;
	background-color: transparent;
	}

div.pave {
	display:		block;
	border:			solid 2px #C4C8D9; /* #6574A7; */
	padding:		1px 1px 3px 1px;
	width:			250px;
	background-color:	white;
	}

div.pave div.title {
	padding:		2px;
	background-color:	#C4C8D9;
	font-weight:		bold;
	}

div.pave-rouge {
	display:		block;
	border:			solid 2px #FF6A6A; /* #6574A7; */
	padding:		1px 1px 3px 1px;
	width:			250px;
	background-color:	#FFB9B3;
	}

div.pave-rouge div.title {
	padding:		2px;
	background-color:	#FF6A6A;
	font-weight:		bold;
	}

.float-right {
	display:	block;
	float:		right;
	clear:		right;
	margin-top:	10px;
	margin-left:	10px;
	margin-bottom:	10px;
	margin-right:	10px;
	}

.clear-right {
	clear:		right;
	}

.clear-left {
	clear:		left;
	}

@media screen {
div.screen-frame-right {
	float:		right;
	clear:		right;
	margin:		10px;

	display:		block;
	border:			solid 2px #C4C8D9; /* #6574A7; */
	padding:		1px 1px 3px 1px;
	width:			250px;
	background-color:	white;
	}

div.screen-frame-right div.title {
	padding:		2px;
	background-color:	#C4C8D9;
	font-weight:		bold;
	}
}

@media print {
div.screen-frame-right {
	display:		none;
	}
}

@media screen {
	.print-inline { display:none; }
	.print-block { display:none; }
	.screen-inline { display:inline; }
	.screen-block { display:block; }
}

@media print {
	.print-inline { display:inline; }
	.print-block { display:block; }
	.screen-inline { display:none; }
	.screen-block { display:none; }
}

/* style pour les boites encadrees rouge avec titre */
/* ------------------------------------------------ */

.bg-rouge {
	background-color:   #FFB9B3;
	}

.encadre-rouge {
	background-color:	#FFB9B3;
	border:			solid 1px red;
	padding:		3px;
	}

tr.bg-rouge td {
	background-color:   #FFB9B3;
	}


/* style pour les tableaux de mise en forme */
/* ---------------------------------------- */

table.transparent {
	background-color: transparent;
	margin: 0px;
	padding: 0px;
	}

table.transparent th {
	padding: 2px;
	background-color: transparent;
	}

table.transparent td {
	padding: 2px;
	background-color: transparent;
	}

@media screen {
a {
	text-decoration: underline;
	}
a:visited {
	color: black;
	}

a:link {
	color: black;
	}

a:active,a:hover {
	color: #6574A7;
	}
}

@media print {
a {
	text-decoration: Inherit;
	color: black;
	}
}

ul.compact {
	margin: 0px;
	list-style: disc outside none;
	padding-left: 20px;
	}

.info-sup {
	color:		red;
	font-weight:	bold;
	}

.border {
	border:		solid 1px #6574A7;
	padding:	3px;
	}

.cachediv {
	visibility: hidden;
	overflow: hidden;
	height: 1px;
	margin-top: -1px;
	position: absolute;
	}

.milieu30 {
	position: absolute;
	left: 15%;
	top: 20%;
	width: 70%;
	border: dashed 0px red;
	background-color: white;
	padding: 5px;
	}

/* gestion des bulles d'aides */

a.infoBulle {
    position:relative; 
    z-index:24;
    text-decoration:none;
    }

a.infoBulle:hover {z-index:25;}

a.infoBulle span.bulle {display: none}

a.infoBulle:hover span.bulle { 
	display:block; 
	position:absolute;
	top:2em; left:2em; width:20em;
	}












a.popup {
	text-decoration:	none;
	}

.popup-label {
	}

a span.popup-body {
	display:		none;
	color:			black;
	}

a:hover span.popup-body {
	display:		block;
	}

/* classes générales */

.margin-top {
	margin-top:	10px;
	}

.bold {
	font-weight:	bold;
	}

.nodeco {
	text-decoration: none;
	}

.red {
	color: 		red;
	}

.center {
	text-align: 	center;
	}

.right {
	text-align: 	right;
	}

.first-letter {
	color:#6574A7;
	font-size:large;
	}