body {
font: 12px "Arial", Verdana, Tahoma, Helvetica, Sans-Serif;
color: #ccc;
margin: 1px;
padding: 0;
background-color: #271c15;
scrollbar-track-color:#271c15;
scrollbar-face-color:#271c15;
scrollbar-3dlight-color:#271c15;
scrollbar-darkshadow-color:#271c15;
SCROLLBAR-ARROW-COLOR:#996633;
SCROLLBAR-SHADOW-COLOR:#996633;
SCROLLBAR-highlight-COLOR:#996633;
}
#conteneur {
position: absolute;
z-index:1;
width: 980px;
background-color: #271c15;
}
#header {
height: 80px;
}
a {
	text-decoration: none;
	border: none;
	color: #996633;
}
a:hover {
color: #ffffff;
background: none;
}
a.navig{
	text-decoration: none;
	border: none;
	color: #ffffff;
}
a:hover.navig {
color: #996633;
}
#centre {
height:400px;
padding:10px;
margin-left: 250px;
margin-right: 250px;
}
#centre2 {
height:400px;
padding-bottom:20px;
padding-left:0px;
margin-left: 100px;
margin-right: 400px;
}
#centre3 {
height:420px;
padding:0;
margin-bottom:0px;
margin-top:0px;
margin-left:0px;
margin-right: 490px;
}
h1, h2, h3, h4 {
margin:0;
padding:0;
color: #996633;
}
h1.grtitre {
margin-top:25px;
font: 20px Verdana, "Arial", Tahoma, Helvetica, Sans-Serif;
}
h1.grtitre2 {
font: 20px Verdana, "Arial", Tahoma, Helvetica, Sans-Serif;
}
h1.grtitre3 {
padding-top:30px;
text-align:left;
font: 12px Verdana, "Arial", Tahoma, Helvetica, Sans-Serif;
height:20px;
}
h1.grtitre4 {
padding-top:30px;
text-align:right;
font: 12px Verdana, "Arial", Tahoma, Helvetica, Sans-Serif;
height:20px;
}
h1.grtitre5 {
margin-top:35px;
font: 12px "Verdana", Arial, Tahoma, Helvetica, Sans-Serif;
text-align:justify;
}
h1.grtitre6 {
padding-top:40px;
text-align:left;
font: 15px Verdana, "Arial", Tahoma, Helvetica, Sans-Serif;
height:20px;
}
h1.grtitre7 {
padding-top:25px;
text-align:left;
font: 15px Verdana, "Arial", Tahoma, Helvetica, Sans-Serif;
height:20px;
}
h1.grtitre8 {
padding-top:15px;
font: 20px Verdana, "Arial", Tahoma, Helvetica, Sans-Serif;
text-align:center;
}
h1.grtitre9 {
padding-top:30px;
text-align:left;
font: 15px Verdana, "Arial", Tahoma, Helvetica, Sans-Serif;
height:20px;
}
h2, span.grtitre {
font: bold 12px Verdana, "Arial", Tahoma, Helvetica, Sans-Serif;
color: #ccc;
}

.blocboth {
margin-top:35px;
width:450px;
text-align:justify;
padding:0;
}
.blocboth2 {
margin-top:20px;
width:450px;
text-align:justify;
padding:0;
}
#descr {
overflow:auto;
height:200px;
width:450px;
}
form {
padding:0;
margin:0;
}
#titregal {
width:465px;
height:100;
}
.descrplan {
position:absolute;
z-index:2;
overflow:auto;
height:320px;
width:550px;
bottom: 45px;
}
.legende {
float:left;
text-align:left;
padding:2px;
width:180px;
}
.blocleg {
clear:both;
padding:0;
margin-left:15px;
width:370px;
}
#gauche {
position: absolute;
z-index:3;
width:250px;
height:420px;
text-align:center;
left:0;
}
#gauche2 {
position: absolute;
z-index:4;
width:100px;
height:420px;
text-align:center;
left:0;
}
.imgcont {
margin-top:40px;
border:1px solid #996633; 
}
.imgcont2 {
margin-top:5px;
border:1px solid #996633; 
}
.imgcont3 {
margin-top:10px;
border:1px solid #996633; 
}
.imgcont4 {
border:1px solid #996633; 
}
.txtbeige {
text-align:justify;
color:#CC9966;
padding-right:5px;
}
.txtgris {
margin-top:10px;
text-align:justify;
color: #ccc;
padding-right:20px;
}
.txtblanc {
text-align:justify;
color:#fff;
padding-right:20px;
}
#droite {
position: absolute;
z-index:5;
width:250px;
right:0;
height:420px;
text-align:center;
}
#droite2 {
position: absolute;
z-index:5;
width:480px;
right:0;
top:80px;
height:420px;
text-align:center;
}
a span.layer { /* définition de la balise <span> inclue dans <a> */
display: none;
}
a:hover span.layer { /* définition de la balise <span> au survol */
display: inline;
position: absolute;
z-index:6;
top: 70px; /* positions et dimensions du calque, que vous pouvez changer à loisir */
left: 40px;
width: 300px;
height:auto;
padding-right:10px;
padding-left:10px;
padding-bottom:10px;
padding-top:3px;
background: #271c15;
border:1px solid #fff; 
text-align: justify;
color: white;
}
.rbot {
position:absolute;
z-index:7;
width:250px;
bottom: 40px;
right:0;
}
.rplan {
position:absolute;
z-index:8;
width:400px;
height:420px;
right:0;
}
.planiv2 a {
color:#CCCCCC;
}
#interface {
width: 980px;
margin:0 auto;
}
#centre6 hr {
background-color:#CC996;
color:#CC9966;
width:800px;
height:1px;
}

.petit {
font: 10px Verdana, "Arial", Tahoma, Helvetica, Sans-Serif;
}
.pop {
font: 10px Verdana, "Arial", Tahoma, Helvetica, Sans-Serif;
}
#pied {
height: 40px;
margin:0;
padding: 0;
}
#pied a {
	text-decoration: none;
	border: none;
	color: #996633;
}
#pied a:hover {
color: #ffffff;
}
#pied ul {
position:relative;
color: #996633;
font: 12px Verdana, "Arial", Tahoma, Helvetica, Sans-Serif;
margin-right: 4px;
margin-left: 0px;
margin-top: 0px;
margin-bottom: 0px;
padding: 0;
list-style-type: none;
}
#pied li {
margin:0;
padding-top: 0;
padding-bottom: 0;
padding-left: 15px;
padding-right: 0;
float: right;
}
.ban {
position: absolute;
left:297px;
top:18px;
}
.menugauche {
margin-top:20px;
width:160px;
}
.activ {
color: #ffffff;
}
.txtblanc{
    font: 10px Verdana, "Arial", Tahoma, Helvetica, Sans-Serif;
	color: #fff;
}
p {
margin: 0;
padding:0;
font: 12px Verdana, "Arial", Tahoma, Helvetica, Sans-Serif;
}
img {
border:0;
}
#pop1, #pop2 {
display: none;
position: absolute;
top:0px;
right: 30px; 
border: 3px double #996633;
background: #271c15;
z-index: 500;
cursor: pointer;
font-size: 80%;
}
#pop1 p, #pop2 p {
margin: 0 0.3em;
}
#pop1 h1 , #pop2 h1 {
font-size: 15px;
margin: 0 0 0.5em 0;
border-bottom: 1px solid #996633;
color: #ccc;
text-align: center;
}
.fermer {
font-size: 12px;
margin: 0.5em 0 0 0;
border-top: 1px solid #996633;
text-align: center;
}
#plan1, #plan2, #plan3, #plan4 {
display: none;
position: absolute;
width:982px;
height:530px;
min-height:530px;
top:-5px;
left: 0px; 
border: 3px double #996633;
background: #271c15;
z-index: 500;
cursor: pointer;
font-size: 80%;
}
#plan1 .p1, #plan2 .p1, #plan3 .p1, #plan4 .p1 {
width:700px;
float:left;
text-align:center;
margin:0;
padding:10px;
}
#plan1 .p3, #plan2 .p3, #plan3 .p3, #plan4 .p3 {
width:700px;
clear:both;
text-align:left;
margin:0;
padding:10px;
}
#plan1 .p2, #plan2 .p2, #plan3 .p2, #plan4 .p2 {
width:220px;
padding-top:10px;
float:left;
font: 12px Verdana, "Arial", Tahoma, Helvetica, Sans-Serif;
}
#plan1 h1, #plan2 h1, #plan3 h1, #plan4 h1 {
font-size: 15px;
margin: 0 0 0.5em 0;
border-bottom: 1px solid #996633;
color: #ccc;
text-align: center;
}
.fermerplan {
height:20px;
clear:both;
font-size: 12px;
margin: 0;
border-top: 1px solid #996633;
text-align: right;
}
.presplan {
z-index:8;
padding:5px;
margin-top:0px;
width:380px;
height:300px;
right:0;
font: 10px Verdana, "Arial", Tahoma, Helvetica, Sans-Serif;
}
.axenet {
position:absolute;
left:10px;
bottom:15px;
}