@import url("../Commun/tab.css");

.cave {
 font-size: 24pt;
 font-weight:bold
}

.area {
 font-size: 18pt; 
}

.auteur {
 padding: 0px 20px 20px 20px;
 font-size:8pt;
 color:#000;
 background:inherit
}

.paragraphe {
 margin:2px 10px;
 font: normal bold 10pt Arial, "Times New Roman", Georgia, sans-serif;
}

.paragraphe_2 {
 font-size: 12pt;
 font-weight:bold
}

.enum {
 font: normal normal 10pt Arial, "Times New Roman", Georgia, sans-serif;
}

.texte {
 margin:5px 10px 15px 10px;
 text-indent:15px;
 font-family: Arial, "Times New Roman", Georgia, sans-serif;
 font-size: 10pt;
 text-align:justify
}
.texte2 {
 margin:5px 10px 15px 10px;
 font-family: Arial, "Times New Roman", Georgia, sans-serif;
 font-size: 10pt;
 text-align:justify
}
.texte3 {
 margin:0px 10px;
 text-indent:15px;
 font-family: Arial, "Times New Roman", Georgia, sans-serif;
 font-size: 10pt;
 text-align:justify 
}

.warning {
 font-weight:bold;
 color:#f00;
 background:inherit;
}

.citation {
 margin: 0px 15px;
 text-align:justify;
 font-family: Georgia, sans-serif;
 font-size: 10pt;
 text-indent:10px;
}

div.cadreConteneur {
 width: 100%;
 margin-top:15px;
 height:auto;
 overflow:visible
}

div.cadreImage{
 float:right;
 right:0px;
 text-align:center;
 background-image: url("fond_yonne.gif");
 background-repeat: no-repeat ;	margin-left: 10px;
 position: relative;
 width:406px;
 margin-bottom:30px;
 height:auto;
 overflow:auto;
 z-index: 100
}

div.cadreTexte {
 width: auto;
 height:auto;
 overflow:visible
}


hr { visibility: hidden; height: 0px; }

.clean {
 clear:both
}

/*
 *
 *
 *
 **************************************/   
table#entete {
	width:90%;
	margin-left:5%;
	text-align:center;
	border-collapse: collapse;
	font: normal normal 10pt Arial, Georgia, sans-serif;
}


table#entete #enteteTitre {
 background: #448e8e; 
 color:#fff; 
 font-family: Arial, Georgia, sans-serif;; 
 text-align:center; 
 padding:15px 0px 15px 0px;
}

table#entete #menuLvl1 {
 background: #fff;
 color:#000;
 line-height:100%;
 padding:5px 0px 8px 0px;
 font-size:10pt
}

table#entete #menuLvl2 {
 background: #fff;
 color:#000;
 line-height:200%;
 font-size:10pt
}

table#entete #enteteVoid {
 background: #448e8e;
 color:#000;
 height:16px;
}

table#entete #enteteInfos {
 height:80px;
 border-top: 3px #448e8e solid;
 border-bottom: 3px #448e8e solid;
 border-left: 1px #448e8e dashed;
 border-right: 1px #448e8e dashed;
 text-align:left;
 padding-left:10px;
 line-height:150%;
 background: #fff;
 color:#000;
 font-size:10pt 
}

table#entete tr td#enteteNoTopo, table#entete tr td#enteteTopo, table#entete tr td#enteteAdv {
 width:83px;
 height:60px;
 border-top: 3px #448e8e solid;
 border-bottom: 3px #448e8e solid;
 background: #fff;
 color:#000;
 font-size:8pt;
 margin:0px;
 padding: 0px 5px;
 text-align:center;
}
table#entete tr td#enteteNoTopo, table#entete tr td#enteteTopo {
 overflow:hidden;
}

table#entete tr td#enteteNoTopo a, table#entete tr td#enteteTopo a, td#enteteTopo a {
 display:block;
 width:60px;
 margin: 0px 0px 0px 5px;
 padding:0px;
 text-decoration:none;
 text-align:center;
 overflow:hidden;
}

table#entete #enteteAdv a {
 display:block;
 width:60px;
 margin: 0px 0px 0px 10px;
 padding:0px;
 text-decoration:none;
 text-align:left
}

table#entete #enteteNoTopo a:link, table#entete #enteteNoTopo a:visited{
}

table#entete #enteteTopo a:link, table#entete #enteteTopo a:visited {
 background: url("save5.png") top left no-repeat ;
 height:60px;
}

table#entete #enteteAdv a:link, table#entete #enteteAdv a:visited {
 background: url("adv.png") top left no-repeat ;
 height:60px;
 z-index:500;
}


table#entete #enteteTopo a:hover, table#entete #enteteAdv a:hover  {
 background-position: 0 -60px;
 height:60px;
}

table#entete #enteteTopo a:active, table#entete #enteteAdv a:active  {
 background-position: 0 -120px;
 height:60px;
}

table#entete #enteteAdv a {
 position: relative; 
 z-index: 500
}

table#entete #enteteAdv a span.tooltip {
 display: none;
 text-align:justify
}

table#entete #enteteAdv a:hover {font-size: 100%;} /* IE/Win requires some link change on hover in order to show the tooltips */

table#entete #enteteAdv a:hover span.tooltip { /*the span will display just on :hover state*/
	display: block !important;
	position: absolute;
	top: 35px; 
	left: -130px; 
	width: 250px;
	border: 1px solid #f00;
	background-color: #fff; 
	color: #000;
	padding: 10px;
}

/*
 *
 *
 *
 **************************************/
div#entete {
	width:90%;
	margin-left:5%;
	text-align:center;
	border-collapse: collapse;
	font: normal normal 10pt Arial, Georgia, sans-serif;
}


p#enteteTitre {
 background: #448e8e; 
 color:#fff; 
 font-family: Arial, Georgia, sans-serif;; 
 text-align:center; 
 padding:15px 0px 15px 0px;
}

p#menuLvl1 {
 background: #fff;
 color:#000;
 line-height:100%;
 padding:5px 0px 8px 0px;
 font-size:10pt
}

p#enteteMenu {
 background: #fff;
 color:#000;
 line-height:200%;
 font-size:10pt
}

p#enteteVoid {
 background: #448e8e;
 color:#000;
 height:16px;
}

div#enteteTopo, div#enteteNoTopo, div#enteteAdv {
 width:10%;
 height:80px;
 border-top: 3px #448e8e solid;
 border-bottom: 3px #448e8e solid;
 background: #fff;
 color:#000;
 font-size:8pt;
 margin:0px;
 padding: 0px 5px;
 text-align:center;
 overflow:hidden; 
}
div#enteteTopo, div#enteteNoTopo {
  float:left;
}
div#enteteAdv {
 display:block;
 float:left;
}
div#enteteInfos {
 width: 75%;
 height: 80px;
 border-top: 3px #448e8e solid;
 border-bottom: 3px #448e8e solid;
 border-left: 1px #448e8e dashed;
 border-right: 1px #448e8e dashed;
 text-align:left;
 padding-left:10px;
 line-height:150%;
 background: #fff;
 color:#000;
 font-size:10pt;
 float:left;
}

div#enteteNoTopo a, div#enteteTopo a, div#enteteTopo a {
 display:block;
 width:60px;
 margin: 0px 0px 0px 5px;
 padding:0px;
 text-decoration:none;
 text-align:center;
 overflow:hidden;
}

div#enteteNoTopo a:link, div#enteteNoTopo a:visited{
}

div#enteteTopo a:link, div#enteteTopo a:visited {
 background: url("save5.png") top left no-repeat ;
 height:60px;
}

div#enteteAdv a:link, div#enteteAdv a:visited {
 background: url("adv.png") top left no-repeat ;
 height:60px;
 z-index:500;
}


div#enteteTopo a:hover, div#enteteAdv a:hover  {
 background-position: 0 -60px;
 height:60px;
}

div#enteteTopo a:active, div#enteteAdv a:active  {
 background-position: 0 -120px;
 height:60px;
}

div#enteteAdv a {
 display:block;
 width:60px;
 margin: 0px 0px 0px 10px;
 padding:0px;
 text-decoration:none;
 text-align:left
}

div#enteteAdv a {

 z-index: 500
}

div#enteteAdv a span.tooltip {
 display: none;
 text-align:justify;
}

div#enteteAdv a:hover {font-size: 100%; overflow:visible;} /* IE/Win requires some link change on hover in order to show the tooltips */

div#enteteAdv a:hover span.tooltip { /*the span will display just on :hover state*/
  overflow: visible;
	position: relative;
	top: 5px;
	left: -103px; 
	width: 250px;
	border: 1px solid #f00;
	background-color: #fff; 
	color: #000;
	padding: 10px;
	display:block!important; 
	z-index: 600;
}

a.info{
    position:relative; /*this is the key*/
    z-index:600; background-color:#fff;
    color:#000;
    text-decoration:none;
}

a.info:hover{z-index:600; background-color:#fff}

a.info span{display: none}

a.info:hover span{ /*the span will display just on :hover state*/
  display:block;
  position:absolute;
  top: 5px;
  left: -103px; 
  width: 250px;
  border: 1px solid #f00;
	background-color: #fff; 
	color: #000;
  text-align: justify;
	padding: 10px;
	z-index: 600;
}

a.info:hover span span {
  color: #f00;
  font-size:12pt;
  font-weight:bold;
  text-align: center;
  top: 0px;
  left: 0px;
  position:relative;
  padding: 0;
  margin:0;
  border: none;
}
 
 
/*
 *
 *
 *
 **************************************/
div#article {
	margin: 0px;
	padding: 20px;
	border-top: #080 2px solid;
	font: normal normal 10pt Georgia, Garamond, Times, serif;
	text-transform: none; 
	text-align: justify;
	line-height:150%
}


div#article p {
 margin-bottom : 10px;
 text-align:justify;
 font-family: Georgia, Garamond, Times, serif;
}

div#article p.intro {
 line-height:125%;
 font: normal normal 10pt Arial, serif;
 margin-bottom:40px
}


div#article p.headText {
 line-height:125%;
 font: normal bold 10pt Georgia, Garamond, Times, serif;
 text-align:center
}

div#article p.para_head_lvl1 {
 margin:20px 0px;
 font: normal bold 14pt Georgia, Garamond, Times, serif;
 color:#24a;
 text-align:center
}


div#article p.styleHr {
 margin : 10px 0px 0px 0px;
 border-top: #4848d0 1px dashed; 
}

div#article p.extra_lvl1 {
 font: normal bold 9pt Georgia, Garamond, Times, serif;
}

div#article p.extra_lvl2 {
 font: normal normal 9pt Georgia, Garamond, Times, serif;
}

div#source {
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 0px 0px;
	border-width: 1px;
	border-top: #4848d0 2px solid;
	font: normal normal 8pt Arial, Helvetica, sans-serif;
}

div#source a {
	color: #3388ee
}

div#article h3 {
 margin:0px;
 padding:0px 0px 15px 0px;
 color : #4848d0;
 font: normal bold 12pt georgia, Verdana,Tahoma,Arial,sans-serif;
}