@charset "utf-8";
body {
	width: 750px;
	margin: 0 auto;
	padding: 0;
	background:white;
	background-repeat: no-repeat;
	background-position: center top;
	background-attachment: fixed;
	overflow-y:scroll;
	color:black;
	font-family:arial;
	font-size:20px;
}

table, tr, td
{
	color:black;
	font-family:arial;
	font-size:20px;	
}

#container
{
display:block;
position:relative;
top:10px;
left:0px;
margin: 0;
padding: 10px;
margin-right:50px;
width: 700px;
color:black;
text-align:justify;
font-family:arial;
font-size:20px;
background:white;
}

#container a
{
color: black;
font-size: 14pt;
text-decoration:none;
cursor:pointer;
}

#container a:hover
{
color:darkgrey;
font-style:italic;
}

#ancre {
padding-top: 100px;
position: relative;
top: -100px;
margin-bottom: -100px;
}

h1[id^="har_"] {
padding-top: 250px;
position: relative;
top: -250px;
margin-bottom: -250px;
}

.acc0
{
color: #000000;
font-family:Font1;
font-size: 30pt;
font-weight: bolder;
}

.acc1
{

color: #000000;
font-family:Font1;
font-size: 20pt;
}

.lien1 a
{
color: #000000;
font-family:Font1;
font-size: 12pt;
text-decoration:underline;
}
.lien1 a:hover
{
font-weight: bolder;
color: #000000;
font-family:Font1;
font-size: 12pt;
text-decoration:none;
}
.acc1 a
{
color: #000000;
font-family:Font1;
font-size: 20pt;
text-decoration:underline;
}
.acc2
{
text-align:justify;
color: black;
font-family:Font1;
font-size: 14pt;
}

.acc2 b
{
color: #000000;
font-weight:bold;
}

.acc5
{
text-align:justify;
color: #000000;
font-family:Font1;
font-size: 14pt;
font-weight:bold;
}
.acc5 a
{
color: #000000;
font-weight:bold;
}
.acc3
{
color: #000000;
font-family:Font1;
font-size: 11pt;
}
.acc31
{
color: #000000;
font-family:Font1;
font-size: 11pt;
background:#FFFFCC;
}

.acc32
{
color: #000000;
font-family:Font1;
font-size: 13pt;
font-weight:bold;
background:#FFFF99;
}

.acc33
{
display:block;
background:green;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px 2px 20px 2px;
box-shadow: 5px 5px 10px black;
border:1px solid #FFFFFF;
color: #FFFFCC;
margin:20px;
font-family:Font1;
font-size: 20pt;
font-weight:bold;
line-height:30px;
}

.titre
{

color: #660066;
font-family:Font1;
font-size: 14pt;
}

.soustitre
{
color: #990099;
font-family:Font1;
font-size: 11pt;
}

.time
{
color: #990099;
font-family:Font2;
font-size: 12pt;
font-weight:bold;
}

.black
{
color: #cbaa25;
font-family:Font1;
font-size: 11pt;
}

.siret
{
color: #666666;
font-family:Font1;
font-size: 8pt;
font-style:italic;
}

.siret a
{
color: #666666;
font-family:Font1;
font-size: 8pt;
font-style:normal;
}

.siret a:hover
{
color: #666666;
font-family:Font1;
font-size: 8pt;
font-style:normal;
font-weight:bold;
}
.note
{
color: #33FF33;
font-family:Times;
font-size: 10pt;
font-style:italic;
}

#attention
{
display:block;
padding:10px;
background:#000000;
width:100%;
text-align:center;
border:2px solid #00FF00;
color: #FFFFFF;
font-family:Verdana;
font-size: 10pt;
font-weight: bold;
}


a 
{
color:#0000FF;
text-decoration:underline;
}

a:focus 
{ 
outline:0; 
}

.lik a
{
color: #FFFFFF;
font-family:Font1;
font-size: 14pt;
font-weight: bold;
text-decoration:none;
}
.lik a:hover
{
color: #003300;
}
.lik a:focus 
{ 
outline:0; 
}



legend
{
color: #009900;
font-family:Font1;
font-size: 12pt;
font-weight: bold;
padding:5px;
background:#FFFFFF;
width:250px;
display:block;
margin-top:10px;
border:2px solid #000000;
text-align:left;	
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	box-shadow: 5px 5px 10px black;	
}

input[type="button"]
{
background:#006600;
border-color:#FFFFFF;
color:#FFFFFF;
font-weight:bold;
font-size:11pt;
}

img.preload {display:none;}

img.cadre
{
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
box-shadow: 5px 5px 10px black;
border:0px solid #FFFFFF;
margin:10px;
margin-right:30px;
}

table.tarif
{
box-shadow: 5px 5px 10px black;
border:2px solid green;
margin:10px;
margin-right:30px;
}

img.cadreleft
{
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
box-shadow: 5px 5px 10px black;
border:0px solid #FFFFFF;
margin-right:30px;
}

img.cadreright
{
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
box-shadow: 5px 5px 10px black;
border:0px solid #FFFFFF;
margin-left:30px;
}

img.cadrenomarge
{
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
box-shadow: 5px 5px 10px black;
border:0px solid #FFFFFF;
}
.detail
{
	width:90%;
	height:450px;
	color : #FFFFFF;
	background-color : #006600;
	border:2px solid #009900;
	font-size : 10pt;
	font-weight : normal;
	display : none;
	margin: 0 auto;
	margin-top : 10px;
	padding:10px;
	overflow-y : auto;
}

.detailliens
{
	width:90%;
	height:300px;
	color : #FFFFFF;
	background-color : #009900;
	border:2px solid #006600;
	font-size : 10pt;
	font-weight : normal;
	display : none;
	margin: 0 auto;
	margin-top : 10px;
	padding:10px;
	overflow-y : auto;
}

#map fieldset
{
	font-family: Font1;
    width:300px;
    display:block;
	margin-top:10px;
	padding-left:10px;
	padding-right:10px;
	border:5px solid #006600;
	text-align:justify;	
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	box-shadow: 5px 5px 10px black;	
	background:#FFFFFF; /* standard actuel, non implémenté */
}

#map legend
{
color: #009900;
font-family:Font1;
font-size: 12pt;
font-weight: bold;
padding:5px;
background:#FFFFFF;
width:250px;
display:block;
margin-top:10px;
border:2px solid #000000;
text-align:left;	
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	box-shadow: 2px 2px 5px black;	
}

fieldset
{
	font-family: Font1;
    width:650px;
    display:block;
	margin-top:10px;
	padding-left:10px;
	padding-right:10px;
	border:5px solid #006600;
	text-align:justify;	
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	box-shadow: 5px 5px 10px black;	
	background-image: url(img/fond.png); /* standard actuel, non implémenté */
}

fieldset .title
{
	font-size: 18px;
	text-align:center;
	color: #990099;
	text-shadow:-1px 0 0.2em white, 0 1px 0.2em white, 1px 0 0.2em  white, 0 -1px 0.2em  white;	
}

fieldset .normal
{
	font-size: 16px;
	text-align:center;
	color: #FFFFFF;
	text-shadow:-1px 0 0.2em black, 0 1px 0.2em black, 1px 0 0.2em  black, 0 -1px 0.2em  black;	
	text-decoration:none;
}

figure
{
font-size: 12px;
color:#000000;
text-align:center;
font-weight:normal;
}

figure.big
{
font-size: 15px;
color:#FFFF00;
text-align:center;
font-weight:normal;
font-style:italic;
}

#gal a
{
	font-family: Font2;
	color:#FFFFCC;
	text-decoration:none;
}
#gal a:hover
{
	font-weight:bold;
}

@font-face
{
font-family: Font1;
src: url(../ttf/KellsSD.ttf);
}

@font-face
{
font-family: Font2;
src: url(../ttf/Rostock.ttf);
}

@font-face
{
font-family: Font3;
src: url(../ttf/SHERWOOD.TTF);
}

#butterfly a
{
display:block;
position:fixed;
top:160px;
left:870px;
width:100px;
height:1px;
z-index:10;
}

.keyword
{
font-size: 15px;
color:transparent;
}

#top_page
 {	
	position:fixed;
	width:100px;
	text-align:center;		
	bottom:10px;
	right:110px;
	z-index:2;
}

#titreprinc
{
display:block;
position:fixed;
margin-top:270px;
margin-left:10px;
font-family:Font1;
font-weight:bolder;
color: #660066;
text-align:center;
font-size: 14px;
text-decoration:none;
z-index:10;
background:#FFFFFF;
border:5px ridge #00FF00;
padding:2px 4px 2px 4px;

	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	box-shadow: 5px 5px 10px black;
	opacity: 0.75;
    filter: alpha(opacity=75); /* For IE8 and earlier */
}

* {
   font-size: 11px; /* On définit les propriétés de texte pour toutes les balises. */
   font-family:Arial;
   font-style:normal;
}
a.info {
   position: relative;
   color: black;
   text-decoration: none;
   border-bottom: 1px gray dotted; /* On souligne le texte. */
}
a.info span {
   display: none; /* On masque l'infobulle. */
}
a.info:hover {
   background: none; /* Correction d'un bug d'Internet Explorer. */
   z-index: 500; /* On définit une valeur pour l'ordre d'affichage. */
   cursor: help; /* On change le curseur par défaut par un curseur d'aide. */
   font-style:normal;   
}
a.info:hover span {
   display: inline; /* On affiche l'infobulle. */
   position: absolute;
   white-space: nowrap; /* On change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non désiré. */
   top: 30px; /* On positionne notre infobulle. */
   left: 20px;
   background: white;
   color: green;
   padding: 3px;
   text-align:center;
   border: 1px solid green;
   border-left: 4px solid green;
   text-decoration: none;   font-style:normal;
}