body { color: #000000; background-color: white ; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt}
h2 {  font-family: Times-New-Roman, Times, serif; font-size: 17pt; font-weight: bolder}
h3 {  font-family: Times-New-Roman, Times, serif; font-size: 15pt; font-weight: bolder}
h4 {  font-family: Times-New-Roman, Times, serif; font-size: 9pt; font-weight: bolder}
a:hover { text-decoration: underline }
a {  text-decoration: none}
a.crumblink {  color: #660000}
a.footlink { color: #FFFFCC }
a.navbar{
color:#331111;
text-decoration:none;
background-color:#FFFFFF
}
a.navbar:hover{
color:#C00;
text-decoration:underline;
background-color:#CCCCCC
}
td {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt}
.crumbs {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; color: #000000}
.foot {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; line-height: 11pt; color: #FFFFFF}
.topnav {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; line-height: 15px; color: #000000}
.small {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: x-small}
.smaller { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: xx-small}
.forms { font-family: Arial, Helvetica, sans-serif; font-size: 11pt}
.V7 {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 7pt}
.V8 {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt}
.V9 {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt}
.V10 {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt}
.T12 { font-family: Times-New-Roman, Times, serif; font-size: 12pt;}
	
.head1 {  font-family: Arial, Helvetica, sans-serif; font-size: 12pt; font-weight: bold}
.head2 { font-family: Arial, Helvetica, sans-serif; font-size: 11pt; font-weight: bold}
.head3 { font-family: Arial, Helvetica, sans-serif; font-size: 11pt; font-variant: small-caps;}
.desc { font-family: Arial, Helvetica, sans-serif; font-size: 10pt}
.cat_head { font-family: Arial, Helvetica, sans-serif; font-size: 15pt; font-weight: bold; color: #000000}
.cat_sub { font-family: Arial, Helvetica, sans-serif; font-size: 13pt; font-weight: bold}
.search_head {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; font-weight: bold}
.search_desc {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt}
.search_link {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; color: #666666}
.search_nav {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt}
.dropdownmenu { display: flex; float:right; margin-top: 0px; margin-right: -5px;}
.dropdownmenu ul {  display: none; list-style-type: none; margin: 0px; padding: 0px;}
.dropdownmenu a {  display: block; width: 7em; height: 20px; line-height: 20px; background-color: #0000BB; text-decoration: none; padding: 0px 10px; text-align: left; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; color: #ffffff;}
.dropdownmenu li {  position: relative; list-style: none;}
.dropdownmenu li:hover ul { display: block; position: absolute; top: 20px; left: 0px; z-index: 100;}
.dropdownmenu ul a:hover { background-color: #aaaaff; color: #0000BB;}
/* menu horizontal */
.droprightmenu { display: flex; float:left; margin-top: 0px;}
.droprightmenu a { display: block; width: 7em; padding: 0px 0px; text-align: left; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; font-weight: normal; color: #FFDDDD;;}
.droprightmenu span { font-weight: bold ; color: #0000BB;}
.droprightmenu a:hover { font-weight: bold;}
.droprightmenu span:hover { color: #ffffff;}
/*  ------------------------------------------
    Explications en popup
    ------------------------------------------
*/
span.expli {border-bottom-style:dotted; border-width:thin;}
span.expli a {text-decoration:none; color:black;}
span.expli a span {display:none;}
span.expli a:hover {background-color:yellow;}
span.expli a:hover span {display:block; background-color:yellow; color:black; z-index:100; top:15px; right:15px; position:fixed; width:300px;
  font-size:9pt; font-weight:normal; font-family:verdana; text-decoration:none; text-align:justify; border:1px dotted black; padding:4px 7px;
}
#langs { color:#0000BB; font-weight: bold;}
#langs td {border:1px solid #0000BB; background-color:#FFDDDD;}
#langs td:hover {color:white;background-color:#0000BB;}
#langs a:hover {color:white;background-color:#0000BB;}

/*  ------------------------------------------
    Colonne de gauche - Home
    ------------------------------------------
*/
#bandg {
	background: #ECE5FF;
	margin: 0px 2px -2px 2px;
	padding: 0;
	float: left;
	width: 180px;
	border: 1px solid #0000BB;
}
#bandg hr {
	width: 180px;
	color: #0000BB;
	background: #0000BB;
	height: 1px;
        border: 0;
        margin: 5px 0 0;
}
#bandg h2 {
	background-color: #0000BB;
	color: white;
	text-align: center;
        font-size: 15pt;
	margin: 0;
}
#bandg h3 {
	margin: 0 0px 0px;
	padding: 10px 10px 5px;
	font-size: 9pt;
        font-weight: bold;
        font-family: Verdana, Arial, Helvetica, sans-serif;
}
#bandg p {
	margin: 0 0px 0px;
	padding: 10px 10px 5px;
	font-size: 9pt
}
#bandg ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
}
#bandg li {
	margin: 4px;
	line-height: 120%;
	border: 1px solid #ECE5FF;
	font-size: 9pt
}
#bandg span {
	display: inline;
	color: black;
	font-weight: normal;
}
#bandg a {
	margin: 0;
	padding: 4px;
	display: block;
	font-weight: bold;
	border: 1px solid #CCC5E0;
	text-decoration: none;
}
#bandg a:hover {
	background-color: #FFF5F7;
	border: 1px solid #0000BB;
}
/*  ------------------------------------------
    Colonne de droite - Home
    ------------------------------------------
*/
#bandd {
	background: #ECE5FF;
	margin: 0px 1px -2px 1px;
	padding: 0;
	float: right;
	width: 160px;
	border: 1px solid #0000BB;
}
#bandd hr {
	width: 160px;
	color: #0000BB;
	background: #0000BB;
	height: 1px;
        border: 0;
        margin: 5px 0 0;
}
#bandd h2 {
	background-color: #0000BB;
	color: white;
	text-align: center;
        font-size: 15pt;
	margin: 0;
}
#bandd h3 {
	margin: 0 0px 0px;
	padding: 10px 10px 5px;
	font-size: 8pt;
        font-weight: bold;
        font-family: Verdana, Arial, Helvetica, sans-serif;
}
#bandd p {
	margin: 0 0px 0px;
	padding: 10px 10px 5px;
	font-size: 8pt
}
#bandd ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
}
#bandd li {
	margin: 4px;
	line-height: 120%;
	border: 1px solid #ECE5FF;
	font-size: 8pt
}
#bandd span {
	display: inline;
	color: black;
	font-weight: normal;
}
#bandd a {
	margin: 0;
	padding: 4px;
	display: block;
	font-weight: bold;
	border: 1px solid #CCC5E0;
	text-decoration: none;
}
#bandd a:hover {
	background-color: #FFF5F7;
	border: 1px solid #0000BB;
}
/*  ------------------------------------------
    Colonne principale - Home
    ------------------------------------------
*/
#depli {
	background: #FFF5F7;
	margin: 0px 5px 0px 5px;
	padding: 0 5px;
	border: 1px solid #0000BB;
}
#depli h1 {
	font: italic 2.2em Georgia, "Times New Roman", Times, serif;
	text-align: center;
	color: #CB1804;
}
#depli p {
	font-size: 9pt;
	line-height: 120%;
}
#depli a {text-decoration: underline}
/*  ------------------------------------------
    Colonne principale - Home
    ------------------------------------------
*/
#article {
	background: #FFF5F7;
	margin: 0px 5px 0px 5px;
	padding: 0 5px;
	border: 1px solid #0000BB;
}
#article span.expli a {text-decoration:none; color:black;}
#article h1 {
	font: italic 2.2em Georgia, "Times New Roman", Times, serif;
	text-align: center;
	color: #CB1804;
}
#article h2 {
	font: bold 12pt Verdana, Arial, Geneva, Helvetica, sans-serif;
	color: red;
	margin-top: 5pt;
}
#article h3 {
	font: bold 11pt Verdana, Arial, Geneva, Helvetica, sans-serif;
	color: blue;
	margin-top: 3pt;
}
#article h4 {
	font: bold 1.1em Tahoma, Arial, Geneva, sans-serif;
	margin-top: 1.2em;
}
#article h2 code, #article h3 code, #article h4 code {
	color: #CB1804;
	font-style: italic;
}
#article p {
	font: 9.5pt Verdana, Arial, Geneva, Helvetica, sans-serif;
	line-height: 120%;
	margin-left: 10px;
}
#article blockquote {
        font: 9.5pt Verdana, Arial, Geneva, Helvetica, sans-serif;
	margin-left: 7em;
}
#article li {
	font: 9.5pt Verdana, Arial, Geneva, Helvetica, sans-serif;
	line-height: 120%;
}
/* #article a {text-decoration: underline}

/*  ------------------------------------------
    Colonne principale - Etude
    ------------------------------------------
*/
#etude {
	background: #FFF5F7;
	margin: 10px 5px;
	padding: 0 10px;
	border: 1px solid #0000BB;
}
#etude span.expli a {text-decoration:none; color:black;}
#etude h1 {
	font: italic 2.2em Georgia, "Times New Roman", Times, serif;
	text-align: center;
	color: purple;
}
#etude h2 {
	font: bold 12pt Verdana, Arial, Geneva, Helvetica, sans-serif;
	color: red;
	margin-top: 5pt;
}
#etude h3 {
	font: bold 9.5pt Verdana, Arial, Geneva, Helvetica, sans-serif;
	color: blue;
	margin-top: 3pt; margin-left: 1em;
}
#etude h4 {
	font: bold 9pt Verdana, Arial, Geneva, Helvetica, sans-serif;
	margin-top: 1pt; margin-left: 2em;
}

#etude p {
	font: 8pt Verdana, Arial, Geneva, Helvetica, sans-serif;
	margin-left: 3em;
}
#etude blockquote {
        font: 8pt Verdana, Arial, Geneva, Helvetica, sans-serif;
	margin-left: 7em;
}
#etude sup {
	font-weight: bold;
	color: black;

}
#etude a {text-decoration: underline}
#notes p {
	font-size: 7.5pt;
	margin-top: 0;}
#notes blockquote {
	font-size: 7.5pt;
	margin-top: 0;}