* {
	padding:0px; 
	margin:0px;
}
body {
 	height: 100%;
	text-align:justify;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #107194;
	margin-left: 0px;
	margin-top: 0px;
	scrollbar-face-color: #FFFFFF;
	scrollbar-shadow-color: #FFFFFF;
	scrollbar-highlight-color: #EEEEEE;
	scrollbar-3dlight-color: #EEEEEE;
	scrollbar-darkshadow-color: #EEEEEE;
	scrollbar-track-color: #FFFFFF;
	scrollbar-arrow-color: #107194;
}
.titre_rouge {
	font-weight:bold;
	font-size:15px;
	color: #d71d06;
}
.titre_bleu {
	font-weight:bold;
	font-size:13px;
	color: #107194;
}
.txt_rouge {
	color: #7b282b;
	font-size:11px;
}
.stitre_rouge {
	font-weight:bold;
	color: #d71d06;
}
.stitre_bleu {
	font-weight:bold;
	color: #8cd3f1;
}
.titre {
    font-size: 15px;
}
.onze {
	font-size: 12px;
	font-weight: bold;
}
/* couleur des liens pour le chemin */
a.second:link {
	color: #ffffff;
	text-decoration: none;
	font-size:12px;
}
a.second:visited {
	text-decoration: none;
	color: #ffffff;
	font-size:12px;
}
a.second:hover {
	text-decoration: underline;
	color: #6699FF;
	font-size:12px;
}
a.second:active {
	text-decoration: none;
	color: #ffffff;
	font-size:12px;
}
/* ------------------------------ */
a:link.third {
	font-size:13px;
	color: #FFFFFF;
	text-decoration: none;
}
a:visited.third {
	font-size:13px;
	text-decoration: none;
	color: #FFFFFF;
}
a:hover.third {
	font-size:13px;
	text-decoration: none;
	color: #00ff00;
}
a:active.third {
	font-size:13px;
	text-decoration: none;
	color: #FFFFFF;
}
/* liens internes au site */
a:link {
	text-decoration:none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color:#CC66CC;
}
a:visited {
	text-decoration:none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color:#CC66CC;
}
a:hover {
	text-decoration:none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color:#FFCCFF;
}
a:active {
	text-decoration:none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color:#CC66CC;
}
/* Liens externes au site */
a:link.externe {
	text-decoration:none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color:#0033CC;
}
a:visited.externe {
	text-decoration:none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color:#0033CC;
}
a:hover.externe {
	text-decoration:none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color:#0066CC;
}
a:active.externe {
	text-decoration:none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color:#0033CC;
}
/* liens pour le menu */
a:link.menu {
	text-decoration:none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #107194;
}
a:visited.menu {
	text-decoration:none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #107194;
}
a:hover.menu {
	text-decoration:none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
}
a:active.menu {
	text-decoration:none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #107194;
}
.cellout{
	background-color:#c0d1e5;
}
.cellout2{
	background-color:#d0e2f6;
}
.cellover{
	background-color:#efd4d4;
}
.cellover2{
	background-color:#ebdfec;
}
.titre  {
	font-size:13px;
	font-weight:bold;
	color:#FFFFFF;
}
.titretxt  {
	font-size:13px;
	font-weight:bold;
}
#top {
	position:absolute;
	width:100%;
	height:40px;
	background-color:#107194;
}
#menu {
	position:absolute;
	text-align:left;
	margin-top:50px;
	width:170px;
	height:90%;
	border:1px;
	border-style:solid;
	border-color:#eeeeee;
	line-height:18.5px;
	/*background-image:url(../img/degrade.gif);
	background-repeat:repeat-y;
	background-position:bottom;
	background-color:#88b98c;*/
}
p {
	margin-bottom:15px;
}
h1 {
	font-size:15px;
}
h2 {
	font-size:14px;
}
h3 {
	font-size:13px;
	color:#107194;
}
h4 {
	font-size:12px;
	font-weight:bold;
}
h5 {
	font-size:11px;
}
h6 {
	font-size:10px;
}
table#perso td {
	padding:3px;
	vertical-align:text-top;
	text-align:left;
}
#conteneur {
	position:absolute;
	margin-left:1%;
	margin-right:1%;
	margin-top:1%;
	margin-bottom:1%;
	width:98%;
	height:97%;
	border:1px;
	border-style:solid;
	border-color:#000000;
}
ul.menu li {
	list-style-type:none;
	display:inline;
}
ul.plan {
	margin-bottom:20px;
}
ol.plan {
	margin-bottom:20px;
}
ul.plan li {
	list-style-type:circle;
	margin-left:20px;
}
#contenu {
	position:absolute;
	margin-top:50px;
	margin-left:180px;
	width:78.5%;
	height:90%;
	border:1px;
	border-style:solid;
	border-color:#eeeeee;
	overflow:auto;
	z-index:100;
	background-image:url(../img/pixel.gif);
	background-repeat:repeat-y;
	padding-right:25px;
}
/* liens pour les infobulles */
a.infobulle {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color:#66CCCC;
  font-size: 12px;
  position:relative;
  border-bottom:1px #808080;
 /* margin-left:25px;*/
}
a:hover.infobulle {
  color:#66FFCC;
  text-decoration: none; 
  background: none;
}
a:visited.infobulle {
  color:#66CCCC;
}
a:active.infobulle {
  color:#66CCCC;
}
a.infobulle span {
  display: none;
}
a:hover.infobulle span {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  display: inline; 
  position: absolute;  
  left:350px;; 
  background: #66CCCC;
  /*color: #107194;*/
  color:#ffffff;
  border:1px solid #66CCCC;; 
  width:350px; 
  text-align:left;
  line-height:14px;
  padding:2px 4px;
  z-index:20;
}
.clicCacher {
  right: 5px;
  position: relative;
  text-align:right;
}
.definition {
  display : block; 
  font-weight: bold;
  padding:3px;
  margin:2px;
  position:relative;
  left:10;
  display: none;
  background-color:#66CCCC;
  color:#ffffff;
}
/* début glossaire */
a.glo {
	position : relative;
	color:#FF9933;
	z-index : 1;
	background-color : #fff; 
}
a.glo:hover {
	z-index : 2;
	color:#FFCC33;
	background-color : #fff;
}
a.glo span {
	display : none;
	font-size : 11px;
	width : 239px;
	padding : 5px 5px 5px 5px;
}
a.glo:hover span {
	display : block;
	position : absolute;
	z-index : 100;
	top : 48px;
	left : 18px;
	border:solid 1px #eeeeee;
	background-color : #ffffff;
	/*background-repeat : no-repeat;*/
	/*background-position : center top;*/
	color : #FF9933; /* couleur du texte */
	text-align : justify;
}
a.glor {
	position : relative;
	color:#FF9933;
	z-index : 1;
	background-color : #fff; 
}
a.glor:hover {
	z-index : 2;
	color:#FFCC33;
	background-color : #fff;
}
a.glor span {
	display : none;
	font-size : 11px;
	width : 239px;
	padding : 5px 5px 5px 5px;
}
a.glor:hover span {
	display : block;
	position : absolute;
	z-index : 100;
	top : 48px;
	left : -250px;
	border:solid 1px #eeeeee;
	background-color : #ffffff;
	/*background-repeat : no-repeat;*/
	/*background-position : center top;*/
	color : #FF9933; /* couleur du texte */
	text-align : justify;
}
/* fin glossaire */