/* @override http://regent.arpane.com/fr/s00_commun/2008.css */
/* Refonte feuille de style 2008 */
body {
margin: 0;
padding: 0;
background: #395e6e url(../images/new/bg_body.gif) repeat-y;
text-align: center;
}
div#wrapper {
width: auto;
margin: 0 0 0 20px;
padding: 0;
text-align: left;
position: relative;
}
div#page {
width: 986px;
margin: 0;
padding: 0;
}
/* Menu */
.menu {
width: 986px;
text-align: center;
font: 12px Verdana, Helvetica, sans-serif;
top: -13px;
background: #395e6e;
background-image: none;
}
.menu ul {
width: 120px;
position: absolute;
top: 20px;
display: block;
margin: 0;
padding: 0;
background-color: #668b9b;
opacity: 1;
}
.menu li ul {
width: 120px;
margin: 0;
padding: 0;
float: left;
visibility: hidden;
list-style-image: none;
}
.menu li {
list-style: none;
width: 120px;
text-align: left;
display: inline;
display/**/: block;
float: none;
float/**/: left;
margin: 0;
padding: 0;
}
.menu li li {
display: block;
float: none;
background-color: none;
}
/* correct a little IE bug */
* html #wrapper #page .menu li li {
display: inline;
}
.menu a {
text-align: center;
display: block;
width: 110px;
color: #869da6 !important;
font-weight: normal;
text-decoration: none;
padding: 2px 5px;
margin: 0px;
}
.menu a:hover {
color: #fff;
text-decoration: none;
}
.ssmenu {
width: 130px;
background-color: #668b9b;
font-family: arial, helvetica, sans-serif;
color: white;
height: 115px;
_height: 116px;
margin: 0;
padding: 0;
line-height: 1em;
text-align: left;
list-style-type: none;
}
.ssmenu li {
margin: 0;
padding: 0;
float: left;
}
.ssmenu a {
width: 110px;
background-color: #668b9b;
text-align: left;
color: white;
display: block;
line-height: 1em;
font-size: 1em;
font-weight: normal;
margin: 0;
color: #ffffff !important;
padding: 2px 5px;
}
.ssmenu a:hover {
background-color: #fff;
color: #395e6e !important;
}
/* menu outils */
#outils {
width: 115px;
height: 20px;
position: absolute;
top: -10px;
left: 810px;
float: left;
background-image: none;
list-style-type: none;
}
#outils li {
float: left;
list-style: none;
}
#outils li a {
color: #869da6;
text-decoration: none;
display: block;
}
#outils li a:hover {
color: #fff;
}
/* navigation à gauche */
#navg {
list-style-type: none;
margin: 10px;
}
#navg li {
font-size: 1em;
line-height: 1.3em;
color: #fff;
list-style: square inside none;
}
#navg li a {
color: #fff;
}
/* Header */
#header {
width: 986px;
height: 122px;
float: left;
margin: 0px!important;
padding: 0px!important;
background: #306278 url(../images/blank.gif) no-repeat;
}
#header h1 {
position: absolute;
top: 0px;
display: block;
width: 200px;
height: 105px;
left: 780px;
color: #306278;
background: transparent url(../images/new/logo.gif) no-repeat;
visibility: visible;
}
#header a {
width: 200px;
height: 105px;
display: block;
border: none;
}
#leslogos {
position: absolute;
top: 130px;
left: 780px;
list-style-type: none;
z-index: 10;
}
.hotelcert {
width: 80px;
height: 30px;
background: url(../images/new/logo_hotel-cert.gif) top left no-repeat;
display: block;
}
.logisdefrance {
width: 80px;
height: 38px;
background: url(../images/new/logo_gite-france.gif) top left no-repeat;
display: block;
z-index: 8;
}
/* LAYOUT */
#content {
position: absolute;
top: 140px;
left: 0px;
width: 986px;
margin: 0;
float: left;
}
#gauche {
width: 200px;
min-height: 390px;
_height: 390px;
float: left;
background-image: none;
padding: O;
margin: 0;
}
#centre {
width: 550px;
padding: 10px;
float: left;
overflow: hidden;
}
#droite {
width: 210px;
float: right;
padding: 30px 0 0 0;
}
#footer {
float: left;
color: #306278;
width: 980px;
margin: 0;
padding: 0;
font-size: 0.8em;
}
#footer a {
color: #306278;
}
#footer ul {
border-top: none;
list-style: none;
list-style-type: none;
float: left;
width: 570px;
_width: 550px;
display: block;
}
#footer ul li {
position: relative;
line-height: 1em;
float: left;
margin-bottom: 4px;
display:none;
}
#footer ul li ul {
display: inline;
width: 435px;
position: absolute;
top: 0px;
left: 90px;
border-top: none;
font-size: 1em;
margin: 0px;
}
#footer ul li ul li {
margin: 0 4px;
display: block;
clear: none;
}
#adresse {
float: left;
width: 175px;
margin: 0;
padding: 0 0 0 10px;
font-size: 1.3em;
color: #fff;
}
#graindefolie {
width: 190px;
height: 80px;
position: relative;
top: 0;
float: right;
color: #fff;
background: url(../images/new/logo_GrainDeFolie.gif) no-repeat;
}
#graindefolie a {
width: 190px;
height: 80px;
display: block;
}
/* typos */
h1, .titre_etoile {
width: 1OO%;
font: 1,6em Verdana, Arial, Helvetica, sans-serif;
line-height: 1em;
font-weight: bold;
font-variant: small-caps;
color: #306278;
margin: 0.3em 0 0.3em 0;
background: none;
}
h2, .titreavecpucebleue {
font: 1.2em Verdana, Arial, Helvetica, sans-serif;
line-height: 1em;
font-weight: bold;
color: #f0733d;
margin: 0.1em 0 0.2em 0;
padding: 0px;
background: none;
}
h3, .titreavecpuceorange {
text-align: left;
width: 100%;
vertical-align: middle;
color: #484848;
font: 1.2em Verdana, Arial, Helvetica, sans-serif;
background: none;
line-height: 1em;
margin: 0.5em 0 0.3em 0;
font-weight: bold;
padding: 6px 0px;
}
h4 {
color: #306278;
font: 1.1em Verdana, Arial, Helvetica, sans-serif;
background: none;
line-height: 1em;
padding: 5px 0px;
}
h5 {
color: #f0733d;
font: 1.0em Verdana, Arial, Helvetica, sans-serif;
line-height: 1em;
font-weight: bold;
padding: 4px 0px;
}
h6 {
color: #555;
font: 1.0em Verdana, Arial, Helvetica, sans-serif;
line-height: 1em;
padding: 3px 0px;
}
/* liens */
a, a:link, a:active {
text-decoration: none;
color: #306278;
}
a:visited {
color: #306278;
}
a:hover {
text-decoration: underline;
}
/* texte */
#centre p {
margin: 0 0 1.2em 0;
padding: 0;
font-size: 0.9em;
line-height: 1.2em;
}
#centre blockquote {
border-left: 10px solid #ddd;
margin-left: 10px;
}
#centre pre {
font-family: monospace;
font-size: 1em;
}
#centre strong, b {
font-weight: bold;
}
#centre em, i {
font-style: italic;
line-height: 1.2em;
}
#centre code {
font-family: "Courier New", Courier, monospace;
font-size: 0.9em;
white-space: pre;
}
/* listes */
#centre ul {
margin: 0 0 1em 1em;
padding: 0;
font-size: 0.9em;
line-height: 1.1em;
list-style: url(../images/puceul.gif) inside;
}
#centre ul li {
margin: 0;
padding: 0;
}
#centre ol {
margin: 0 0 1em 0;
padding: 0;
line-height: 1em;
}
#centre ol li {
margin: 0 0 0.25em 30px;
padding: 0;
}
#centre dl {
margin: 0 0 1.5em 0;
padding: 0;
line-height: 1.4em;
}
#centre dl dt {
font-weight: bold;
margin: 0.25em 0 0.25em 0;
padding: 0;
}
#centre dl dd {
margin: 0 0 0 30px;
padding: 0;
}
/* tableaux */
table {
margin: 0 0 1.5em 0;
padding: 0;
}
table.container {
width: 550px;
float: left;
}
table caption {
margin: 0 0 0 0;
padding: 0 0 1.5em 0;
}
th {

}
td {

}
font {
line-height: 1.3em;
}
/* divers */
hr {
display: none;
}
div.hr {
height: 1px;
margin: 1.5em 10px;
border-bottom: 1px dotted black;
}
/* Spécifique */
#sub h3 {
font-size: 1.3em;
color: #555555;
}
#sub h4 {
background: url(../images/puce_h4.gif) no-repeat left bottom;
font-size: 1.2em;
padding-left: 10px;
color: #7b7b7b;
}
#sub p {
font-size: 0.9em;
}
/* Actualites */
.actujour {
width: 100%;
margin: 0 0 15px 0;
}
.actujour img {
margin: 10px;
border: 0px;
}
.actujour h3 {
font-weight: bold;
text-align: left;
color: #444;
margin: 0px 50px;
font-variant: small-caps;
}
.actujour h4 {
padding-left: 15px;
background: url(../images/puce_h4.gif) top left no-repeat;
margin-left: 50px;
}
.actujour .resume {
font-style: italic;
font-weight: bold;
color: #666;
margin: 5px 50px;
}
.actujour .texteactu {
text-align: justify;
margin: 4px 50px;
}
/* styles de texte "custom" */
td div {
}
#centre p div {
margin: 0;
padding: 0;
}
/* styles de texte "custom" */
.textegris {
color: #484848;
}
.textebleu {
color: #306278!important;
}
.texterouge {
color: #ee0063;
}
.titre_etoile {
margin: 0;
padding: 0px;
}
input.champsaisie {
font-size: 1em;
width: 105px;
line-height: 1.1em;
vertical-align: middle;
border: 1px solid #306278;
padding: 0 3px 0 1px;
margin: 0;
color: #306278;
}
p.cnil {
width:  98%;
}

/* préhome */
#prehome {
background: none;
background-color: #306279;
}
#prehome #adresse{
width:  320px;
margin: 0;
padding: 0;
float: left;
clear: both;
font: 1em/0.8em Arial, Helvetica, sans-serif;
}
#prehome #adresse p {
margin: 0.5em 0;
}
#prehome #page {
width: 620px;
margin: 5px auto;
}
#prehome #gauche {
width: 320px;
float: left;
}
#prehome #droite {
width: 200px;
float: right;
padding: 0;
}
#zoneFlash {
width: 320px;
border: 1px solid #333;
}
#prehome #choixLangue {
margin-top: 130px;
width: 300px;
float: left;
}
#prehome #adresse p.telephone {
color: #ff6600;
}
#prehome #choixLangue a {
color:  #fff;
}
p#langueFR a {
	width: 170px;
	height: 85px;
	display: block;
	text-indent: -500em;
	background: url(../images/bienvenue.gif) no-repeat top left;
}
p#langueEN a {
	width: 170px;
	height: 85px;
	display: block;
	text-indent: -500em;
	background: url(../images/welcome.gif) no-repeat top left;
}


#resaForm { margin-left: 5px; color: #FFFFFF;}
#resaForm select, input {
  font-size:9px; font-weight: bold;
}
#resaForm a {
  font-size:9px;
}

.diapoBanniere {
  top: 0px;
  left:235px;
  width: 514px;
  height: 344px;
  overflow:hidden;
  position: absolute;
}