/* ---------------------------------------------------- */
/* Styles site phdn.org.                                */
/* Copyright Gilles Karmasyn 2000-2003                  */
/* ---------------------------------------------------- */
BODY { 
    font-family: verdana, arial, sans-serif;
    background-image: url("images/mybckgroundOLD.jpg"); 
	background-attachment: fixed;    
    margin: 0px;
    padding: 0px;
    z-index: 0;
}
H1, H2, H3 {
    font-family: arial, font-family;
}
SPAN.titresection {
    font-family: arial, font-family;
    font-weight: bold;
    font-size: 140%;
}
SPAN.tresgros {
    font-weight: bold;
    font-size: 140%;
}
SPAN.plusgros {
    font-weight: bold;
    font-size: 110%;
}
SPAN.minrouge {
    color: red;
    font-size: 75%;
}
SPAN.pluspetit {
    font-size: 75%;
}
SPAN.trespetit {
    font-size: 65%;
}
.fine
{
    font-size: 50%;
}
SPAN.gillescopy {
    font-family: "Times New Roman", Palatino, Times, serif;
    font-size: 65%;
    font-style: italic;
}
SPAN.pagecour { 
    font-weight: bold;
    font-style: italic;
    /* color: #616161; */
    /* color: #993300; */ 
    color: #336699; 
}
SPAN.pliage
{
    font-size: 75%;
	color: purple;	
    font-style: italic;
}
SPAN.pliage:hover
{
	color: red;
	cursor: pointer;
	border-bottom: 1px solid grey;
	border-top: 1px solid grey;
}
SPAN.guill {
    font-family: "Times New Roman", Palatino, Times, serif;
    font-size: 110%;
}
A:link {
	text-decoration: none;
} 
A:visited {
	/* color: #AD0000; */
	text-decoration: none;
} 
/* A:hover  {color:#D60000; background-color: #FFFF9C} */
A:hover  {color:white; background-color: #3152A5}
A.appel-note {
    font-family: "Times New Roman", Times, serif;
    text-decoration: none;
    font-style: normal;
    font-weight: normal;
}
A.appel-note:hover {
    text-decoration:underline;
    color: blue;
    background-color: transparent;
}
A.lienlire {
    font-size: 90%;
    font-style: italic;
/*    color: #003300; */
	color: purple;
}
A.lienlire:hover {
    color: red;
	background-color: transparent;     
	border-top: 1px solid grey;
	border-bottom: 1px solid grey;
}
span.lienlire {
    font-size: 85%;
    font-style: italic;
	color: purple;
}
span.lienlire:hover {
    color: red;
	background-color: transparent;     
	border-top: 1px solid grey;
	border-bottom: 1px solid grey;
	cursor:pointer;
}
A.lienpage {
	color: purple;
	border-bottom: 1px dotted purple;
}
A.lienpage:hover {
	color: white;
}
div.notesbaspage {
    font-family: Verdana, Arial, sans-serif;
    font-size: 80%;
}
div.notesbaspage > P {
    margin-bottom:0.75em;
    margin-top:0em;
}
P.corpscolle
{
 	text-indent: 2em;
	margin-left: 2em; 
    margin-top: 0.35em;
    margin-bottom: 0em;
}
div.notesbaspage > P.corpscolle
{
 	text-indent: 2em;
	margin-left: 2em; 
    margin-top: 0.35em;
    margin-bottom: 0em;
}
P.corpscolle + P.corps
{
    margin-top: 0.75em;
}
SUP {
    font-weight: normal;
}
SUP.changeFONT {
    font-family: Times, "Times New Roman", serif;
}
SUP.petit {
    font-size: 80%;
    vertical-align: baseline;
    position: relative;
    bottom: 0.33em;
}
SUP.supnormal
{
}
A.appel-note>SUP
{
    font-size: 90%;
    vertical-align: baseline;
    position: relative;
    bottom: 0.33em;
}
P {
	text-align: justify;
	/* ESSAIS GIK 092010 */
	line-height: 1.3em;
	font-size: 1em;
}
P.LegendeEtImageDte {
    text-align:right;
  	margin-bottom : 0px;
}
P.LegendeEtImageGche {
    text-align:left;
  	margin-bottom : 0px;
}
P.SuiteImage {
    text-indent: 2em;
    text-align:justify;
  	margin-top : 0px;
}
P.SuiteImageAlignGauche {
    text-align:left;
  	margin-top : 0px;
}
P.tableau {
    text-align:justify;
  	margin-top : 0px;
}
P.corps
{
 	text-indent: 2em;
}
P.corpsdecalle
{
 	text-indent: 2em;
	margin-left: 7%;
}
P.sansespace
{
 	text-indent: 2em;
	margin-bottom: 0.3em;
	margin-top: 0.3em;
}
P.liste1
{
	text-align: justify;
	margin-left:3ex; 
	text-indent:-3ex
}
.exergue
{
    background-image: url("images/mybckgroundOLD.jpg");
    font-weight: bold;
    font-size: 90%;
    color: #990000;
    border: 2px solid gray;
    margin-left: 0px; 		
    margin-right: 100px;
    margin-bottom: 30px;
    padding: 5px;
}
HR 
{ 
	text-align: center ;
	margin-left: auto;
	margin-right: auto;
}
HR.demi { width: 50% }
TABLE.centrer {
    margin-left: auto;
    margin-right: auto;
}
TD.justifie  {text-align:justify }
TD.gauche  {text-align:left}
TD.docori {
    font-size: 100%;
    font-family: "Courier New", monospace;
    font-weight: bold;
}
TD.docorileft {
    font-size: smaller;
    font-family: "Courier New", serif;
    text-align: left;
    font-weight: bold;
}
/*
docorileft et doriright utilisŽs seulement dans Markiewitz (HCN study)
*/
TD.docoriright {
    font-size: smaller;
    font-family: "Courier New", serif;
    text-align: right;
    font-weight: bold;
}
TD.docoricenter {
    font-size: smaller;
    font-family: "Courier New", serif;
    text-align: center;
}
TD.listeliens {
	padding-bottom: 0.5em;
	text-align:justify;
}
/*
BODY>BLOCKQUOTE {
    background-image: url("images/mybckground.jpg"); 
	width: 600px;
	margin-left: 40px;
	width: 680px;
	margin-left: 0;
	padding-top: 15px;
	padding-left: 40px;
	padding-right: 40px;
	NOborder-right: 2px solid gray;	
	NOborder-left: 4px solid gray;	
}
*/
table.listeliens 
{
	border-spacing: 0.7ex;
}
td.lafleche
{
	padding-top: 0.7ex;
}
table.listeliens tr
{
	vertical-align: top;
}
table.listeliens td
{
	padding-bottom: 1ex;
	line-height: 1.3em;
}
/* ---------------------------------------------------- */
/* Styles pour listes bibliogrpahiques
/* A remplacer un jour par le pseudo element marker
/* ---------------------------------------------------- */
table.listebib 
{
	border-spacing: 0.3ex;
}
table.listebib tr
{
	vertical-align: top;
}
table.listebib td
{
	padding-bottom: 0.3ex;
	line-height: 1.3em;
}
table.listebib2 tr
{
	vertical-align: top;
}
table.listebib2 TR TD:first-child 
{
    padding-right:2ex;
    font-weight: bold;
}
table.listebib2 TR TD:first-child:before
{
    content: "-";
}
table.listebib2 TR TD 
{
    text-align:justify;
    padding-bottom: 1.5ex;
}
table.imagescentr
{
    margin-left: auto;
    margin-right: auto;
	border: 1px solid grey;
}
table.imagescentr TR TD 
{
	padding: 1ex;
	font-style: normal;
}
table.imagescentr:hover
{
    text-decoration:underline;
    color: red;
    background-color: transparent;
}
.afterbody {
    background-image: url("images/mybckground.jpg"); 
	width: 60ex;
    margin-top: 0px;
    margin-left: auto;
    margin-right: auto;
	padding-left: 2ex;
	padding-right: 2ex;
	padding-top: 2ex;
	padding-bottom: 2ex;
	top: 0px;
	
	border-right: 1px solid gray;	
	border-left: 1px solid gray;
	border-bottom: 1px solid gray;
	border-top: 1px solid gray;
	
    z-index: 2;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}
BODY>H1 
{
    background-image: url("images/mybckground.jpg"); 
	width: 600px;
	margin-left: 40px;
/*	width: 680px;
	margin-left: 0;
	padding-left: 40px;
	padding-right: 40px;
	NOborder-right: 2px solid gray;	
	NOborder-left: 4px solid gray;	*/
}
BODY>H2 
{
    background-image: url("images/mybckground.jpg"); 
	width: 600px;
	margin-left: 40px;
/*	width: 680px;
	margin-left: 0;
	padding-left: 40px;
	padding-right: 40px;
	NOborder-right: 2px solid gray;	
	NOborder-left: 4px solid gray;	*/
}
BODY>P {
    background-image: url("images/mybckground.jpg"); 
	width: 600px;
	margin-left: 40px;
/*	width: 680px;
	margin-left: 0;
	padding-left: 40px;
	padding-right: 40px;
	NOborder-right: 2px solid gray;	
	NOborder-left: 4px solid gray;	*/
}
BLOCKQUOTE {text-align:justify}
BLOCKQUOTE.citation {
	text-align:justify;
	margin-left: 10%;
	margin-right: 10%;
	/* ESSAIS GIK 092010 */
	line-height: 1.3em;
}
BLOCKQUOTE.ITAL
{
  text-align:justify;
}
BLOCKQUOTE.global 
{
  border: 1px solid black;
  margin-right: 3em;
  margin-left: 3em;
}
BLOCKQUOTE.petitretrait {
	text-align:justify;
	margin-left: 3%;
	margin-right: 3%;
}
P+H4 { margin-top: 2em; }
P+H3 { margin-top: 2em; }
div.citation-intro 
{
  font-family: Arial, sans-serif;
  font-size: 90%;
  font-weight: bold;
  line-height: 1.1;
  text-indent: 1.5em;
  text-align: justify;
  margin-left: 50%;
  /* background-color: #ffef73; */
}
div.citation-intro > P 
{
  text-indent: 1.5em;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}
div.citation-txt 
{
  text-indent: 1.5em;
  text-align: justify;
  margin-left: 10%;
}
div.citation-txt > P
{
  margin-top: 0.75em;
  margin-bottom: 0.75em;
}
div.citation-txtcode 
{
  font-family: "Courier New", courier;
  text-align: justify;
  margin-left: 5%;
  font-size: 90%;
  font-weight: bold;
}
div.citation-txtcode > P
{
  margin-top: 0.75em;
  margin-bottom: 0.75em;
}
div.citation-auteur
{
  font-family: Arial, sans-serif;
  font-size: 90% /*smaller*/;
  font-weight: bold;
  line-height: 1.1;
  text-align: right;
  /* background-color: yellow; */
}
.PETITCAP {
font-size: 90%;
}
TABLE.centrerbern
{
    width: 90%;
    margin-left: 5%;
    margin-right: 5%;
}

LI.avecMarge 
{
	margin-bottom: 6pt;
	/* ESSAIS GIK 092010 */
	line-height: 1.3em;
}

UL.article > LI 
{
	margin-bottom:6pt;
	line-height: 1.3em;
}

UL.wide > LI 
{
	margin-bottom:12pt;
	padding-left: 1em;
}

UL.avecMarge > LI 
{
	margin-bottom: 6pt;
	line-height: 1.3em;
}

OL.avecMarge > LI 
{
	margin-bottom: 6pt;
	line-height: 1.3em;
}


.aligncentre {text-align: center}
.aligngauche {text-align: left}
.aligndroite {text-align: right}
.textbord { color: #990000}
BODY > UL
{
    background-image: url("images/mybckground.jpg"); 
	width: 600px;
	margin-left: 40px;
/*	width: 680px;
	margin-left: 0;
	padding-left: 40px;
	padding-right: 40px;
	NOborder-right: 2px solid gray;	
	NOborder-left: 4px solid gray;	*/
}
p.itemlien 
{
     display: list-item;
     list-style : disc;
     padding-left: 0.7em;
	 line-height: 1.3em;
}
div.entete-body
{
    background-image: url("images/mybckground.jpg"); 
	width: 600px;
	margin-left: 40px;
	text-align: center;
/*	width: 680px;
	margin-left: 0;
	padding-left: 40px;
	padding-right: 40px;
	NOborder-right: 2px solid gray;	
	NOborder-left: 4px solid gray;	*/
}
INVISIBLE {visibility: hidden}
.notes-dyn {
	position: absolute;
	width: 300px;
	visibility: hidden;
	font-size: 70%;
	text-align: justify;
	text-indent: 0;
	font-family: arial, sans-serif;
	padding-top: 0px;
	padding-bottom : 0px;
	padding-right: 8px;
	padding-left: 8px;
	border: 1px solid black;
	background-color: #FFFFCC;
	z-index:8;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px; 
}
.notesgrandes-dyn {
	position: absolute;
	width: 450px;
	visibility: hidden;
	font-size: 70%;
	text-align: justify;
	text-indent: 0;
	font-family: arial, sans-serif;
	padding-top: 0px;
	padding-bottom : 0px;
	padding-right: 8px;
	padding-left: 8px;
	border: 1px solid black;
	background-color: #FFFFCC;
	z-index:8;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px; 
}
.notestresgrandes-dyn {
	position: absolute;
	width: 550px;
	visibility: hidden;
	font-size: 70%;
	text-align: justify;
	text-indent: 0;
	font-family: arial, sans-serif;
	padding-top: 0px;
	padding-bottom : 0px;
	padding-right: 8px;
	padding-left: 8px;
	border: 1px solid black;
	background-color: #FFFFCC;
	z-index:8;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px; 
}
.notesmax-dyn {
	position: absolute;
	width: 550px;
	visibility: hidden;
	font-size: 70%;
	text-align: justify;
	text-indent: 0;
	font-family: arial, sans-serif;
	padding-top: 0px;
	padding-bottom : 0px;
	padding-right: 8px;
	padding-left: 8px;
	border: 1px solid black;
	background-color: #FFFFCC;
	z-index:8;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px; 
}
.commentaires-dyn {
	position: absolute;
	width: 120px;
	visibility: hidden;
	font-size: 70%;
	text-align: left;
	text-indent: 0;
	font-family: arial, sans-serif;
	padding-top: 0px;
	padding-bottom : 0px;
	padding-right: 8px;
	padding-left: 8px;
	border: 1px solid black;
	background-color: #ffef73;
	z-index:9;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px; 
}
.paletteFlottanteORI {
    Position : Absolute ;
	visibility: hidden;
}
.paletteFlottante {
    position: fixed;
	visibility: visible; 
    width: 40px;
	z-index: 6;
	top: 5px;
	right: 5px;
}
.paletteFlottante2 {
    position: fixed;
	visibility: visible; 
    width: 40px;
	z-index: 11;
	top: 5px;
	left: 5px;
}
.DimFont {
	font-size: 87%;
}
.PetCap {
font-variant:small-caps;
}
.texteInvisible {
	display: none;
}
IMG.adroite
{
    float: right;
}
img.droitecadre
{
	float: right;
	margin-bottom: 6px;
	margin-left: 6px;
	border: 1px solid black;
}
IMG.agauche
{
    float: left;
    border-width: 0px;
    margin-right: 5px;
}
IMG.centrer
{
    /* float: center; */
}
/* Attention: largeur a mettre en coherence avec la largeur du Blockquote principal */
IMG.full
{
	width: 55ex;
}
A:link IMG, A:visited IMG { border-style: none } /* cassŽ dans NS 4 */
A IMG { color: #f4f2ec } /* pour cacher ˆ NS 4.x */
.bord1noir { border: 1px solid black; }
.bord2noir { border: 2px solid black; }
IMG.full_pub
{
	width: 55ex;
}
IMG.realfull
{
	width: 100%;
}
IMG.part_pub
{
	width: 30ex;
}
.legendecentre
{
	text-align: center;
	font-style: italic;
	margin-bottom: 1.5em;
	margin-top: 0px;
}
.positionne {
    position: relative;
}
.legende1 {
    display:block;
    position: absolute;
	text-align: left;
	text-indent: 0;
    padding-left:3px;
    font-weight: bold;
	visibility: hidden;
    width: 25em;
    left: 0;
    top: 0;
	border: 2px solid black;
	background-color: #ffffc6;
	color: #6b0042;
    font-size: 80%;
    z-index: 8;
}
A span.legende1:hover {background-color: transparent;}
/* ---------------------------------------------------- */
/* Styles non utilisŽs */
/* ---------------------------------------------------- */
body div.banner { display: block } /* Overrides 'none' in banner-*.css */
div.banner {
  margin: 0;
  font-size: 90% /*smaller*/;
  font-weight: bold;
  line-height: 1.1;
  text-align: right;
  position: absolute; /* Fallback if 'fixed' is not supported */
  top: 0.2em;
  left: auto;
  width: 8.5em;
  right: 0.1em;
}
body>div.banner {
  position: fixed;		/* Overrides 'absolute' above */
}
div.banner p {
  margin: 0; 
  padding: 0.3em 0.4em;
  font-family: Arial, sans-serif;
  background: #999;		/* Override according to type of page */
  border: thin outset #999;	/* Override this color together with bg */
  color: white;
}
/* ----------------------------------------------------------------------- */
/* Styles du bandeau de navigation supŽrieur et bandeaux d'icones latŽraux */
/* ----------------------------------------------------------------------- */
div.bandgauche
{   
    font-size: xx-small;
    background-image: url("images/mybckgroundOLD.jpg");
    background-color: #e0e0e0;
    top: 0;
    left: 0;
    height:100%;
    width: 0px;
    margin: 0px;
    float: left;
    position: fixed;
    z-index: 0;
}
div.banddroite
{   
    font-size: xx-small;
    background-image: url("images/mybckgroundOLD.jpg");
    background-color: #e0e0e0;
    top: 0;
    right: 0;
    height:100%;
    width: 0px;
    margin: 0px;
    float: right;
    position: fixed;
    z-index: 0;
}
div.bandcontexte-100
{   
/*    font-size: xx-small; */
    font-stretch: condensed;
    font-size: 60%;
    background-image: url("images/mybckgroundOLD.jpg"); 
    /* background-color: #e0e0e0; */
    /* background-color: transparent; */
    top: 0;
    left: 0; 
    width: 100%; 
    margin-top: 0px;
    margin-left: 0px;
    height: 1.5ex;
    /* height: 3ex; */
    position: fixed;
    padding-left: 0px;
    padding-bottom: 0.7ex;
    padding-top: 0px;
    z-index: 3;
/*    z-index: 2; */
}
div.bandcont-centre
{   
    height: 3ex;
    width: 800px; 
    margin-top: 0px;
    margin-left: auto;
    margin-right: auto;
	border: 1px solid gray;
/*    background-image: url("images/mybckgroundOLD.jpg"); */
	background-color: WhiteSmoke;
    z-index: 5;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px; 
	-moz-box-shadow: 5px 5px 5px #606060 ;
	-webkit-box-shadow: 5px 5px 5px #606060 ;
     box-shadow: 5px 5px 5px #606060 ;
}
div.bandcontexte-100 A:link {
	text-decoration: none;
}
table.menuhaut {
	margin-top: 0px;
	padding: 0px;
	border-spacing: 0px;
}
A.menuband:visited {color:blue} 
/* A.menuband:hover  {color:blue; background-color: #FFFF9C} */
A.menuband:hover  {color:white;}
A.menubandcourant:hover  
{
	background-color: transparent;
}
/* -------------------------------------------------------- */
/* Styles devolus au champs de recherche de la barre d'etat */
/* -------------------------------------------------------- */
form.topnavsearch {
	text-align: right;
	position: relative;
	right: -15px; 
	padding: 0px;
/*	top: -3.2ex;
	padding: 0px;
    border: 1px solid red;
    z-index: 0; */
/*    width: 800px; 
    margin-top: 0px;
    margin-left: auto;
    margin-right: auto;
*/
}
html>body form.topnavsearchRRR {
	padding: 1px 0;
    margin: 0;
}
html>body form.topnavsearchRRR {
	padding: 0 0 1px 0;
}
input.topnavsearchq {
	height: 14px; 
	font-size: 10px;
	border: 1px solid #787878;
	vertical-align: top;
	padding: 0px 4px;
	width: 100px;
	margin-bottom: 0px;
}
#topnavsubmit {
	padding-top: 3px;
}
#txttrouve
{
	vertical-align: 20%;
}
.commentaires-dyn-rech {
	position: absolute;
	width: 10ex;
	visibility: hidden;
	font-size: 70%;
	text-align: left;
	text-indent: 0;
	font-family: arial, sans-serif;
	padding-top: 0px;
	padding-bottom : 0px;
	padding-right: 8px;
	padding-left: 8px;
	border: 1px solid black;
	background-color: #FFFFCC;
	z-index:8;
}
/* ------------------------------------- */
/* Styles devolus au cartouche de droite */
/* ------------------------------------- */
div.cartouche-contexte 
{
	position: absolute;
	top: 25px; 
	right: 25px;
	z-index:7;
    width: 20ex;
    /* ESSAIS GIK 092010 */
    line-height: 0.8em;
}
div.cartouche-contexte-gauche
{
	position: absolute;
	top: 5px; 
	width:12ex; 
	left: 10px;
	z-index:7;
}
div.bouttonToggleEclaire
{
	text-align: center;
	margin-top: 20px;
	visibility: hidden;
}
input.HLboutton-OLD
{
	font-size: 80%;
	background-color: #fed; 
	border:1px solid; 	
	border-color: #696 #363 #363 #696; 

	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px; 

	-moz-box-shadow: 5px 5px 5px #606060 ;
	-webkit-box-shadow: 5px 5px 5px #606060 ;
    box-shadow: 5px 5px 5px #606060 ;
}
input.HLboutton-OLD:hover
{
	border-color: orange; 
	background-color: #fed; 
}

input.HLboutton
{
	background: #222 url(/images/alert-overlay.png) repeat-x; 
	display: inline-block; 
	padding: 5px 10px 6px; 
	color: #fff; 
	text-decoration: none;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border-bottom: 1px solid rgba(0,0,0,0.25);
	position: relative;
	cursor: pointer;
}

input.HLboutton:hover
{
	background-color: #111;
	color: #fff;
}

input.HLboutton:active { top: 1px; }

input.HLboutton, input.HLboutton:visited
{ 
	font-size: 11px;
	line-height: 1;
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25); 
}



.awesome, .awesome:visited {
	background: #222 url(/images/alert-overlay.png) repeat-x; 
	display: inline-block; 
	padding: 5px 10px 6px; 
	color: #fff; 
	text-decoration: none;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border-bottom: 1px solid rgba(0,0,0,0.25);
	position: relative;
	cursor: pointer;
}

	.awesome:hover							{ background-color: #111; color: #fff; }
	.awesome:active							{ top: 1px; }
	.small.awesome, .small.awesome:visited 			{ font-size: 11px; padding: ; }
	.awesome, .awesome:visited,
	.medium.awesome, .medium.awesome:visited 		{ font-size: 13px; font-weight: bold; line-height: 1; text-shadow: 0 -1px 1px rgba(0,0,0,0.25); }
	.large.awesome, .large.awesome:visited 			{ font-size: 14px; padding: 8px 14px 9px; }
	
	.green.awesome, .green.awesome:visited		{ background-color: #91bd09; }
	.green.awesome:hover						{ background-color: #749a02; }
	.blue.awesome, .blue.awesome:visited		{ background-color: #2daebf; }
	.blue.awesome:hover							{ background-color: #007d9a; }
	.red.awesome, .red.awesome:visited			{ background-color: #e33100; }
	.red.awesome:hover							{ background-color: #872300; }
	.magenta.awesome, .magenta.awesome:visited		{ background-color: #a9014b; }
	.magenta.awesome:hover							{ background-color: #630030; }
	.orange.awesome, .orange.awesome:visited		{ background-color: #ff5c00; }
	.orange.awesome:hover							{ background-color: #d45500; }
	.yellow.awesome, .yellow.awesome:visited		{ background-color: #ffb515; }
	.yellow.awesome:hover							{ background-color: #fc9200; }






IMG.logophdn
{
/*	width:154px; 
	height:142px; */ 
	width:12ex; 
	right: 0px;
}
IMG.logophdn:hover
{
	cursor:pointer;
}
div.cartouche-phdn
{
	border: 1px solid black;
	visibility: visible; 
    width: 30ex;    
	top: 25px; 
	right: 25px;
	font-size: 60%;
	margin-bottom: 2em;
	
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px; 
	-moz-box-shadow: 5px 5px 5px #606060 ;
	-webkit-box-shadow: 5px 5px 5px #606060 ;
    box-shadow: 5px 5px 5px #606060 ;
}
div.cartouche-phdn-ORI
{
	border: 1px solid black;
	position: absolute;
	visibility: visible; 
    width: 25ex;    
	/* z-index: 6; */
	top: 25px; 
	right: 25px;
	font-size: 60%;
	z-index:9;
}
div.entete-cartouche
{
	position: relative;
	background-color: #FFFFCC;
	padding-left: 3px;
	padding-top: 3px;
	padding-bottom: 3px;
	border-bottom: 1px solid gray;
	-moz-border-radius-topleft :	 15px;
	-moz-border-radius-topright:	 15px;
	-webkit-border-top-left-radius:	 15px;
	-webkit-border-top-right-radius: 15px;
	border-top-left-radius:	 15px;
	border-top-right-radius: 15px;
}
div.entete-cartcomp
{
	position: relative;
	background-color: #CCFF99;
	padding-left: 3px;
	padding-top: 3px;
	padding-bottom: 3px;
	border-bottom: 1px solid gray;
	-moz-border-radius-topleft :	 15px;
	-moz-border-radius-topright:	 15px;
	-webkit-border-top-left-radius:	 15px;
	-webkit-border-top-right-radius: 15px;
	border-top-left-radius:	 15px;
	border-top-right-radius: 15px;
}
div.item-cartouche
{
	border-top: 1px solid gray;
	position: relative;
	padding-left: 3px;
	background-color: #F8F8FF; 
	text-align: left;
}
div.cartouche-phdn div.item-cartouche:last-child
{
	-moz-border-radius-bottomleft :     15px;
	-moz-border-radius-bottomright:    15px;
	-webkit-border-bottom-left-radius:     15px;
	-webkit-border-bottom-right-radius:    15px;
	border-bottom-left-radius:     15px;
	border-bottom-right-radius:    15px;
}
div.item-cartouche2
{
	border-top: 1px solid gray;
	position: relative;
	padding-left: 0px;
	background-color: #F8F8FF; 
}
div.item-cartouche:hover
{
	/* background-color: #FFFF9C; */
	background-color: #3152A5;
	color: white;
	cursor: pointer;
}
form.formrecherche {
	/* text-align: right; */
	padding: 0px;
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
}
input.formrecherche-in {
	/*border: 1px solid #787878; */
	border-top: 1px solid #787878;
	border-right: 1px solid #787878;
	border-left: 0px solid red;
	border-bottom: 0px solid red;
	vertical-align: top;
	padding: 0px 4px;
	width: 80%;
	margin-bottom: 0px;
	margin-left: 0px;
	height: 100%; 
	-moz-border-radius-bottomleft :     9px;
	-webkit-border-bottom-left-radius:     8px;
	border-bottom-left-radius:     8px;
/*	height: 14px; 
	font-size: 10px;*/
}
/* 
div.nepasimprimer 
{
    background-image: url("images/mybckgroundOLD.jpg");
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 120%;
    margin-left: 680px;
}
*/
div.pourimpression 
{
	position: absolute;
	top: 0;
	left: 0;
	width: 600px;
	text-align: center;
	font-size: 80%;
    margin: 0px;
	display: none;
}
div.sectiontoggle
{
        display:none;
}
span.eclaire
{
	color:black; 
	background-color:yellow;
	font-weight: bold;
}
span.testspan
{
	color:black; 
	background-color:transparent;
}
div.avertissement_ocr
{
	border: 1px solid grey;
    font-size: 70%;
}
div.text_ocr
{
	margin-top: 2em;
    font-size: 90%;
    font-family: "Courier New", monospace;
}

.disqueNiv {
	display: block;
	display: block;
	width: 2ex;
	height: 2ex;
	background: transparent;
	-moz-border-radius: 1ex;
	-webkit-border-radius: 1ex;
	margin:2px auto;
	border:1px solid grey;
}

.disqueNiv#niv0:hover {
	background: chartreuse;
}

.disqueNiv#niv1:hover {
	background: yellow;
}
.disqueNiv#niv2:hover {
	background: orange;
}
.disqueNiv#niv3:hover {
	background: mediumblue;
}

div.cartoucheNiveaux
{
	text-align: center;
	margin-top: 20px;
	border:0px solid green; 
	margin-left: auto;
	margin-right: auto;
}

p.css-vertical-text {
	/* color:#333; */
	color:#606060; 
	border:0px solid red;
	writing-mode:tb-rl;
	-webkit-transform:rotate(270deg);
	-moz-transform:rotate(270deg);
	-o-transform: rotate(270deg);
	white-space:nowrap;
	display:block;
	bottom:0;
	width:20px; 
	/* height:20px; */
	/* font-family: ÔTrebuchet MSÕ, Helvetica, sans-serif; */
	/* font-size:24px; */
	font-size:70%; 
    font-weight:normal;
	/* text-shadow: 0px 0px 1px #333; */
}