body {
background:#472D0A url(images/fond2.jpg) repeat-x top;
text-align:center;
padding:0px;
padding-top:25px;
margin:0px;
height: 100%;
}
a {color:#61554E;}
#all {
margin:auto;
background:#FCF9EC url(images/all_fond.gif);
width:766px;
position:relative;
text-align:left;
}
#header {
background:#F1B626 url(images/headfond.gif);
width:766px;
height:159px;
}
#logo {
background:url(images/logofond.gif) no-repeat;
color:#996600; font-size:14px;
width:222px;
height:159px;
position:absolute;
z-index:1;
}
#headfoto {
background:#F1B626 url(images/logofond.gif) no-repeat;
 color:#996600; font-size:14px;
width:552px;
height:156px;
position:absolute;
left:214px;
top:3px;
z-index:0;
}
#menu {
background:#9B5922 url(images/menu.gif) no-repeat top left;
width:218px;
height:345px;
position:absolute;
left:0px;
top:159px;
z-index:1;
}
.premenu {
	font-family: arial, sans-serif;
	font-size:12px;
	text-align:left;
	height:30px;
	margin:6px;
	margin-left:10px;
}
.lang {
    float:left; display:block; margin-right:5px; color:#E8D498;
}
.lang2 {
    position:absolute; left:80px;
}
 a.lang:link, a.lang:visited {  text-decoration:none; font-weight:normal;	background:url("images/pucel-a.gif") no-repeat left; background-position:0%; padding-left:7px; }
 a.lang:hover, a.lang:focus { color:#FCF9EC; text-decoration:none; font-weight:normal; background:url("images/pucel-b.gif") no-repeat left; background-position:0%; padding-left:7px; }
.nav ul {
    width:218px;
    height:345px;
	padding: 0;
	position:relative;
	left:0; top:0;
}
.nav li {
	font-family: "bitstream vera sans", arial, sans-serif;
	font-size: 12px;
	font-weight:bolder;
	text-transform:uppercase;
	list-style:none;
	background-color:#A52A2A;
	color:#FCF9EC;
	position:absolute;
}
.nav a, nav li {
	text-decoration: none;
	color:#FCF9EC;
	display:block;
	width:208px;
	height:31px;
	text-align: center;
}
.nav a:hover {
color:#F7F3E5;
}
a.navchoose:link { 
	text-decoration: none;
	color:#EDC567;
 } 
#nav1 { top:60px; left:4px; background: transparent url(images/boutons.gif) 0 no-repeat; line-height: 30px;}
#nav2 { top:91px; left:4px; background: transparent url(images/boutons.gif) -416px no-repeat; line-height: 30px;}
#nav3 { top:122px; left:4px; background: transparent url(images/boutons.gif) -832px no-repeat; line-height: 30px;}
#nav4 { top:153px; left:4px; background: transparent url(images/boutons.gif) -1248px no-repeat; line-height: 30px;}
#nav5 { top:184px; left:4px; background: transparent url(images/boutons.gif) -1664px no-repeat; line-height: 30px;}
#nav6 { top:215px; left:4px; background: transparent url(images/boutons.gif) -2080px no-repeat; line-height: 30px;}
#nav7 { top:246px; left:4px; background: transparent url(images/boutons.gif) -2496px no-repeat; line-height: 30px;}
#nav8 { top:277px; left:4px; background: transparent url(images/boutons.gif) -2912px no-repeat; line-height: 30px;}
#nav1 a:hover { background: transparent url(images/boutons.gif) -208px 0 no-repeat;}
#nav2 a:hover { background: transparent url(images/boutons.gif) -624px 0 no-repeat;}
#nav3 a:hover { background: transparent url(images/boutons.gif) -1040px 0 no-repeat;}
#nav4 a:hover { background: transparent url(images/boutons.gif) -1456px 0 no-repeat;}
#nav5 a:hover { background: transparent url(images/boutons.gif) -1872px 0 no-repeat;}
#nav6 a:hover { background: transparent url(images/boutons.gif) -2288px 0 no-repeat;}
#nav7 a:hover { background: transparent url(images/boutons.gif) -2704px 0 no-repeat;}
#nav8 a:hover { background: transparent url(images/boutons.gif) -3120px 0 no-repeat;}

#ariane {
	background:#C5BEAE url(images/navh.gif) repeat-x;
	width:766px;
	height:45px;
	position:absolute;
	right:0px;
	top:159px;
	z-index:1;
}
.ariane {
	font-family:arial, sans-serif;
	color:#4B463C;
	font-size:12px;
	text-align:right;
	margin-top:3px;
	margin-bottom:5px;
	margin-right:20px;
	line-height: 20px;
	}
 a.arianl:active  { color:#AD4601; text-decoration:underline; font-weight:normal;  } 
 a.lang:active { color:#FCF9EC; text-decoration:none; font-weight:normal; background:url("images/pucel-b.gif") no-repeat left; background-position:0%; padding-left:7px;  } 

 a.arianl:link, a.arianl:visited { color:#4B463C; text-decoration:none; font-weight:normal; }
 a.arianl:hover, a.arianl:focus{ color:#AD4601; text-decoration:underline; font-weight:normal; }

 .arianebold {
	font-family:arial, sans-serif;
	color:#4B463C;
	font-size:12px;
	font-weight: bolder;
	text-decoration:none;
	}
#prince {
background:#FCF9EC url(images/all_fond.gif) right;
position:relative;
right:0px;
padding-top:50px;
padding-bottom:140px;
padding-left:230px;
padding-right:25px;
}
.prince {
font-family: arial, sans-serif;
font-weight: normal;
color:black;
font-size:13px;
text-align:justify;
}
.princecirc {
font-family: arial, sans-serif;
font-weight: normal;
color:black;
font-size:13px;
text-align:left;
}
.princeliste {
	color:#AF4C05;
	text-decoration: none;

}
#titre {
margin-top:12px;
margin-bottom:15px;
}
.circuinfo {
	font-family: arial, sans-serif;
	color: #6D4A01;
	font-size:12px;
	font-weight: normal
}
#foto1 {
    width:180px;
	height:126px;
	margin-left:15px;
	margin-bottom:8px;
	margin-top:5px;
	position:relative;
	float:right;
	border-style: solid;
	border-width: 1px;
	border-color: gray;
}
#foto2 {
    width:180px;
	height:126px;
	margin-right:15px;
	margin-bottom:13px;
	margin-top:13px;
	position:relative;
	float:left;
	border-style: solid;
	border-width: 1px;
	border-color: gray;
}
h1 {
width:222px;
height:159px;
}
h2 {
	font-family: "bitstream vera sans", "trebuchet ms", arial, sans-serif;
	color:#6D4A01;
	font-size:20px;
	font-weight: normal;
	display:inline;
}
h3 {
font-family: "bitstream vera sans", "trebuchet ms", arial, sans-serif;
font-weight: bold;
color:black;
font-size:15px;
text-align:left;
padding-top:10px; margin-bottom:-2px;
}
#footer {
    position: absolute;
    bottom: 0;
	width:100%;
	height:90px;
	background: #472D0A url(images/footer.gif) no-repeat;
}
#foot1 {
	height:90px;
	float:left;
	padding-left:30px;
	padding-top:5px;
}
#foot2 {
	height:90px;
	float:right;
	padding-right:7px;
}
.foottxt {
	font-family:arial, sans-serif;
	color:white;
	font-size:11px;
	text-decoration:none;
}
#hautpage a {
	display:block;
	background: #FCF9EC url(images/haut-de-page.gif) no-repeat top center;
	padding-top:20px;
	margin-top:28px;
	height:10px;
	text-align:center;
	font-family:arial, sans-serif;
	color:#61554E;
	text-decoration: none;
	font-size:10px;
}
#message {
width:350px;
height:150px;
position:absolute;
left: 50%; 
top: 50%;
margin-top: -92px;
margin-left: -172px;
background:transparent url(images/travo.gif) left no-repeat;
border:0;
}
#message404 {
width:350px;
height:150px;
position:absolute;
left: 50%; 
top: 50%;
margin-top: -92px;
margin-left: -172px;
background:transparent url(images/404.gif) left no-repeat;
border:0;
}
.messagetxt {
text-decoration: none;
	color:#330000;
	font-family: arial,sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	margin:40px;
	margin-top:65px;
	margin-left:90px;
	text-align: left;
}
#backlink {
width:350px;
height:150px;
position:absolute;
left: 50%; 
top: 50%;
margin-top: -92px;
margin-left: -172px;
background-color:transparent;
border:0;
z-index:1
}
.map{
width:479px;
position:relative;
margin:auto;
padding-bottom:20px;
background:#FCF9EC url(images/sitemap.gif) top no-repeat;
border:0;
text-align:left;
font-family: arial, sans-serif;
font-size: 13px;
color:#4F4335;
}
.ulmap {
list-style:none;
padding-left:30px;
margin-left:0;
font-family: arial, sans-serif;
font-size: 13px;
}
.ulmap2 {
list-style:none;
padding-left:5px;
margin-left:5px;
font-weight:bold;
font-size:14px;
}
.ulmap3 {
list-style:square;
font-weight:normal;
font-weight:bold;
font-size:13px;
}
.ulmap5 {
list-style:none;
font-weight:normal;
line-height: normal;
font-weight:normal;
font-size:13px;
}
.limap4 {
list-style:none;
font-weight:normal;
line-height: normal;
margin-left:-40px;
font-size:13px;
}
.limap5 {
list-style: decimal;
font-weight:normal; font-size:10px; color:#4F4335; text-decoration:none;
}
.h2map {
font-family: arial, sans-serif;
color:#61554E;
font-size:20px;
font-weight: bold;
text-align:left;
padding-left:20px;
padding-top:50px;
display:block;
}
.h3map {
	font-family: arial,sans-serif;
	font-weight: bold;
	color:black;
	font-size:15px;
	text-align:left;
	margin-bottom:5px;
	display:block;
	text-decoration: none;
}
.maplink { 
	font-family: arial, sans-serif;
	text-decoration: none;
	color:#4F4335;
 } 
.maptxt{
font-family: arial, sans-serif;
font-weight: normal;
color:#4F4335;
font-size:13px;
text-align:left;
text-decoration: none;
}
.immigr{
    padding-left:40px;
	color:#AF4C05;
	text-decoration: none;
}
.lexique {
cursor: help;
}
input, textarea
{
   border:1px solid #ECDECA;
   font-family: "Courier New", Courier, monospace; /* On modifie la police du texte tapé l'intérieur des champs */
   font-size:11px;
   color:#8F5C31;
   padding:2px;
   background:#ECDECA;
}
input:focus, textarea:focus /* Quand le curseur est sur un champ (ne marche pas sur IE) */
{
   border:1px solid #B9540B;
   background:white
}
label
{
   font-family: arial, sans-serif;
   font-weight: normal;
   color:white;
   font-size:13px;
   text-align:left;
}
.radio {
	border:0px;
	background-color:transparent;
}
input.envoyer {
border:0px;
background-color:#8F5C31;
font-family:"bitstream vera sans", "bitstream vera", arial, sans-serif;
color:#FCF9EC;
font-weight:bold;
font-size:12px;
cursor:pointer;
width: 75px;
height:22px;
float:right;
}
input.envoyer:hover {
background-color:#D0B599;
color:white;
}
input.envoyer:active {
background-color:#7F583D;
color:white;
font-size:11px;
font-weight: lighter;
}
.txtpetit {
	font-family:arial, sans-serif;
	color:#4B463C;
	font-size:12px;
	text-align:left;
}
fieldset {
background:#BFA683;
border:0px solid;
padding:20px;
}
legend {
font-family: arial, sans-serif;
margin-bottom:5px;
}
.normalist {
	font-family: arial, sans-serif;
	font-weight: normal;
	color:black;
	font-size:13px;
	text-align:left;
	margin-left:-15px;
	list-style-type: square;
}
.gallery {
width: 100%;
text-align:center;
}
.tof {
border: 1px solid gray; margin-bottom:20px;
}
#navfoto {
display:inline;
position:relative;
margin-left:20px;
}
hr {
width: 100%;
border: none; 
height: 1px;  
}
.clear {
visibility:hidden; clear:both; 
}
.intro html, .intro body {
height:100%;
}
.intro {
background:#472D0A url(images/fond_intro.jpg) repeat-x top center;}
.intro h1 {
padding:auto; margin:auto; 
display:block;
width:498px; height:121px;
background:transparent;
padding-top:100px;
}
.bas {
position:absolute;
bottom:0; left:0; padding-top:13px;
width:100%; height:127px; 
text-align:center;
background:#322007;
}
.centersections {
width:450px; height:127px; 
padding:auto;margin:auto; padding-left:50px;
}
.introsections {
float:left;
width:125px;
padding:0;margin:0; margin-right:25px;
}
.introsections p {
font-family:Arial, Helvetica, sans-serif; font-size:9px; text-align:left; color:#ddd9c8;
padding:0; margin:0; padding-top:6px;
}
.introsections a {
color:#ddd9c8; text-decoration:none;
}
.introsections img {
border:0; padding:0; margin:0;
}