* { margin: 0; padding: 0; }
html, body { height: 100%; }
body {
font-family: Arial, Verdana, Helvetica, sans-serif;
color: #202020;
font-size: 10pt;
background-color: #000; /* 676767; */
text-align: justify;
}

.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
    /* Holly Hack Targets IE Win only \*/
    * html .clearfix { height: 1%; }
.clearfix { display: block; }
    /* End Holly Hack */

/* end of clearfix */

.mainarea {
background-image: url('http://www.gite-ardennes.fr/images/main-bg.jpg'); background-repeat: repeat-y;
width: 760px;
margin: 0 auto;
background-color: #747071;
border: 0;
min-height: 100%;
color: #c0c0c0;
}

.head { height: 219px; padding: 0; background-image: url('http://www.gite-ardennes.fr/images/top.jpg'); background-repeat: no-repeat; }

.headline {
position: relative;
top: 0px;
left: 0px;
padding: 2px 0 2px 10px;
width: 500px;
height: 25px;
background-color: inherit;
font-family: "Georgia", Verdana, Arial, "Times New Roman", serif;
font-size: 13px;
font-weight: normal;
text-decoration: none;
color: #C00000;
margin-top: 0;
}

.nav {
border: 0;
margin-top: 0;
float: left;
width: 171px;
padding: 0;
background-color: #ccc;
color: #c0c0c0;
}

div.menuheader
{
text-align: center;
margin: 0;
border: 0;
padding: 0;
}

a.menu
{
display: block;
margin-left: 0;
padding: 2px 0 2px 5px;
width: 156px;
border-left: 10px solid #747071;
font-family: "Georgia", Verdana, Arial, "Times New Roman", serif;
font-weight: normal;
font-size: 10pt;
text-decoration: none;
color: #C26A42;
background-color: #c0c0c0;
}

a.menu:hover
{
display: block;
margin-left: 0;
padding: 2px 0 2px 5px;
width: 156px;
background-color: #747071;
border-left: 10px solid #ccc;
font-family: "Georgia", Verdana, Arial, "Times New Roman", serif;
font-size: 10pt;
font-weight: normal;
text-decoration: none;
color: #ffc;
}

.center {
float: right;
border: 0;
width: 560px;
}

.centre {
width: 100%;
}

.maincontent {
background: #ccc;
text-align: center;
border: 0;
padding: 0;
width: 540px;
z-index: 1;
color: #000;
}

.maincontent h1 {
font: small "Georgia", Verdana, Arial, "Times New Roman", serif; font-weight: bold;
color: #C00000;
background-color: inherit;
padding: 0 0 25px 0;
}

.maincontent h2 {
font: small "Georgia", Verdana, Arial, "Times New Roman", serif; font-weight: bold;
color: #000;
background-color: inherit;
padding: 0 0 20px 0;
}

#diaporama { position: relative; width: 520px; float: left; border: 0px; margin: 0px; padding: 0px; text-align: center; background-color: inherit; color: #000; }

.footer {
clear: both;
margin: 0 auto;
width: 760px;
height: 70px;
border: 0;
position: relative;
}

/* MENU TOP */

.menutop {
position: relative;
top: 123px;
left: 225px;
padding: 5px;
width: 500px;
height: 40px;
background-color: inherit;
font-family: "Georgia", Verdana, Arial, "Times New Roman", serif;
font-size: 11pt;
font-weight: normal;
text-decoration: none;
color: #C00000; /* C26A42; */
margin-top: 0;
}

#navcontainer
{
margin-top: 5px;
padding: 0 0 0 5px;
}

#navcontainer UL
{
list-style: none;
list-style-position:inside;
margin: 0;
padding: 0;
border: none;
}

#navcontainer LI
{
display: block;
list-style-position:inside;
margin: 0;
padding: 2px 10px;
float: left;
width: auto;
}

#navcontainer A
{
color: #C00000; /* C26A42; */
display: block;
width: auto;
text-decoration: none;
background: #ddd;
margin: 0;
padding: 2px 10px;
border-left: 1px solid #fff;
border-top: 1px solid #fff;
border-right: 1px solid #aaa;
border-bottom: 1px solid #aaa;
}

#navcontainer A:hover, #navcontainer A:active { color: #ffc; background: #747071; }

#navcontainer A.active:link, #navcontainer A.active:visited
{
position: relative;
z-index: 102;
background: #747071;
font-weight: bold;
color: #C26A42;
}

/* CONTENU + PHOTOS */

IMG { border: 0; }

.spacer { clear: both; }

#affichage { border: 0; margin: 0; padding: 0; text-align: center; background-color: inherit; }

dfn { cursor: help; border-bottom: 1px dotted #c00000; color: #c00000; background-color: #inherit; font: small "Georgia", Verdana, Arial, "Times New Roman", serif; font-weight: normal; }

.centreContenu { border: 0px; margin: 0px; padding: 0px; text-align: justify; background-color: inherit; color: #000; }

.centreContenu h1 {
text-align: center;
font: small "Georgia", Verdana, Arial, "Times New Roman", serif; font-weight: bold;
color: #C00000;
background-color: inherit;
padding: 0 0 25px 0;
}

.centre { text-align: center; background-color: inherit; }

.cadrePhotoGauche { border: 0; background-color: inherit; width: 250px; margin: 5px 5px 5px 0px; padding: 5px; text-align: left; float: left; color: #000;}
.cadrePhotoDroite { border: 0; background-color: inherit; width: 250px; margin: 5px 5px 5px 0px; padding: 5px; text-align: right; float: right; color: #000;}
.cadreTexteGauche { border: 0; background-color: inherit; width: 250px; margin: 0px 5px 5px 0px; padding: 15px 5px; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 10pt; text-align: justify; float: left; color: #000;}
.cadreTexteDroite { border: 0; background-color: inherit; width: 250px; margin: 0px 5px 5px 0px; padding: 15px 5px; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 10pt; text-align: justify; float: right; color: #000;}

/* VALIDATOR */

.validator {
border: 0;
margin-top: 0;
float: left;
width: 171px;
padding: 0;
background-color: #747071;
color: #c0c0c0;
text-align: center;
}

.inline-button {
width: 12em;
font: bold 0.75em "Geneva", Verdana, Arial, sans-serif;
margin: 0 0.2em;
padding: 0;
border: 1px solid black;
white-space: nowrap;
text-decoration: none;
vertical-align: middle;
background: #c0c0c0;
color: black;
}
.inline-button em {
width: 1em;
cursor: pointer;
font-style: normal;
margin: 0;
padding: 0em 0.5em 0.05em;
background: white;
color: black;
}
.inline-button span {
width: 1em;
cursor: pointer;
margin: 0;
padding: 0em 0.5em 0.1em 0.3em;
}

.inline-button:hover { background: #747071; color: white; }
.inline-button:hover em { background: #333; color: white; }

.gray { background: #C00000; color: white; }
.gray em { background: white; color: black; }
.orange { background: #FF9A00; color: black; }
.orange em { background: white; color: #c60; }

/* LIENS */

A.lien:link { background-color: inherit; color: #C26A42; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: underline; font-size: 10pt; font-weight: normal; }
A.lien:active { background-color: inherit; color: #C26A42; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: underline; font-size: 10pt; font-weight: normal; }
A.lien:visited { background-color: inherit; color: #C26A42; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: underline; font-size: 10pt; font-weight: normal; }
A.lien:hover { background-color: inherit; color: #C00000; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: underline; font-size: 10pt; font-weight: normal; }

/* FORMULAIRES */ 

.button { border: 1px solid #404040; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 10pt; font-style: normal; font-weight: normal; color: #fff; background-color: #404040; }
.select { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 10pt; font-style: normal; font-weight: normal; color: #ffc; background-color: #808080; }
.input { border: 1px solid #000; padding: 1px; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 10pt; font-style: normal; font-weight: normal; color: #000; background-color: #fff; }