body {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 0.8em;
margin: 0;
padding: 0;
background-image:url(images/fond.gif);
height: 100%;
}
html {
height: 100%;
}
#header {
height: 54px;
}
#pitch {
	position: absolute;
	margin-top: 0px;
	margin-left: 220px;
	left: -9px;
	top: 22px;
}
#bandeau {
	position: absolute;
	margin-top: 0px;
	margin-left: 460px;
	left: -38px;
	top: 13px;
}
#haut {
height: 30px;
margin-left: 200px;
background-color:#CCCCFF;
}
#conteneur {
position: absolute;
width: 100%;
height: 100%;
}
#centre {
background-color: #FFFFFF;
margin-left: 200px;
margin-right: 200px;
margin-top: 79px;
padding: 10px;
height: auto !important;
zoom: 1;
}
html>body #centre { /* cache la marge negative a IE */
margin-top: 82px;
}
#gauche {
float: left;
width: 200px;
}
#droite {
float: right;
width: 200px;
text-align: center;
margin-top: -45px;
}
#pied {
clear:both;
height: 100px;
}
#menuhaut {
list-style-type: none;
padding:0;
}
#menuhaut li {
display: inline;
}
#menuhaut a {
margin: 0 2px;
color: #000000;
text-decoration: underline;
}
#menuhaut a:hover {
text-decoration: none;
}
#menugauche {
list-style-type: none;
margin: 0;
padding:0;
}
#menugauche li {
margin: 0;
height: 30px;
line-height: 25px;
text-align: center;
font-weight: bold;
background: url(images/onglet_selection.gif) no-repeat 0 0;
}
#menugauche a{
display: block;
width: 99.99%;
text-decoration: none;
color:#000000;
background: url(images/menu.gif) no-repeat 0 0;
}
#menugauche a:hover{
background-position: 0 -28px;
color: #FFFFFF;
}
#menudroit {
list-style-type: none;
margin: 0;
padding:0;
}
#menudroit li {
margin-bottom: 5px;
}
#menudroit a {
margin: 0 2px;
color: #000000;
text-decoration: underline;
}
#menudroit a:hover {
text-decoration: none;
}
#adresse {
color: #FAFFA2;
font-size: 0.8em;
font-weight: bold;
text-align: center;
}
.cadre {
display: block;
position: relative;
margin: 15px auto 0 auto;
/* margin-left: auto;
margin-right: auto; */
width: 170px;
text-align: center;
background: url(images/haut.gif) left top no-repeat;
}
.bloccadre {
position: relative;
display: block;
margin: 0 auto 10px auto;
width: 170px;
background: url(images/bas.gif) left bottom no-repeat;
text-align: center;
padding-top: 5px;
padding-bottom: 10px;
}
.bloccadre p {
margin: 0 10px 0 10px;
}
.bloccadre img {
position: relative;
display: block;
margin-top: 5px;
margin-bottom: 5px;
margin-left: auto;
margin-right: auto;
}
.ne1 {
background-color:#ECD8B5;
line-height: 1.3em;
}
.ne2 {
background-color:#DFCBA8;
line-height: 1.3em;
}
.ne1 a:hover {
background-color:#BFBB98;
line-height: 1.3em;
}
.ne2 a:hover {
background-color:#BFBB98;
line-height: 1.3em;
}
.prix {
color: #FF0000;
}
.ligne1 {
background-color: #DDDDDD;
}
.ligne2 {
background-color: #BBBBBB;
}
.alaligne {
clear: both;
}
h1{
color: #8C2826;
font-family: Arial, sans-serif;
margin: 10px 10px 30px 20px;
text-align: left;
letter-spacing: 1px;
font-size: 22pt;
}
h2{
font-family: Arial, sans-serif;
margin: 20px 0px 12px 5px;
font-size: 14pt;
font-weight: bold;
text-decoration: underline;
color: #004412;  /*#006400;*/
}
h3{
font-family: Arial, sans-serif;
margin: 10px 0px 8px 30px;
font-size: 12pt;
font-weight: bold;
color: black;  /*#006400;*/
}
h4{
	font: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin:0px 0px 0px 0px;
	color: #EDD5B1;
	line-height: 20px;
}
.stitre {
color: #FF9933;
font-weight: bold;
font-size: 12px;
text-decoration: underline;
}
p {margin: 0 0 10px 0;
}
.cite p {
color: #004412; /* #e4b95c */
font-weight: bold;
}
.bois1{
float: right;
margin: 10px;
}
.bois2 {
float: left;
margin: 10px;
}
/* propriétés communes aux coins */
#hautgauche, #hautdroit, #basgauche, #basdroit {
height: 8px; width: 8px;
background-repeat: no-repeat;
font-size: 1px; /* correction d'un bug d'IE */
}
#hautgauche {
background-image:url(images/chg.gif);
margin: -10px 0 0 -10px;
}
#hautdroit {
float: right;
top: 0; right: 0;
background-image:url(images/chd.gif);
margin: -10px -5px 0 0;
}
html>body #hautdroit { /* cache la marge negative a IE */
margin : -10px -10px 0 0;
}
#basgauche {
bottom: 0;
clear: both;
background-image:url(images/cbg.gif);
margin: 0 0 -10px -10px;
}
html>body #basgauche {
}
#basdroit {
bottom: 0;
float: right;
clear: both;
background-image:url(images/cbd.gif);
margin: 0 -5px -10px 0;
}
html>body #basdroit { /* cache la marge negative a IE */
margin: 0 -10px -10px 0;
}
div.pict {
float: left;
height: 160px;
min-height: 160px;
width: 130px;
margin: 10px 10px;
}
div.pict.xtralarge {
width: 280px;
float: left;
height: 160px;
min-height: 160px;
}
div.pict.gal {
width: 320px; height: 360px; min-height: 360px;
}
div.pict.galleriep {
width: 245px; height: 190px; float:left; min-height: 190px; margin: 0; padding:0;
}
div.pict.galleriev {
width: 190px; height: 245px; float:left; min-height: 245px; margin: 0; padding:0;
}
div.pict img {
border: 1px solid; border-color: #000000;
margin-left: 15px;
}
div.pict img.glry {
border: 1px solid; border-color: #000000;
margin: 0;
}
div.pict img.pt {
margin-left: 30px;
}
div.pict img.ptgal {
margin-left: 45px;
}
div.pict img.xl{
margin-left: 40px;
}
div.pict ul {
margin: 0.25em 0 0;
padding: 0;
font: bold small Arial, Verdana, Sans-serif;
}
li.title {
list-style: none;
display: block;
text-align: center;
}
li.prix {
display: block;
list-style: none;
text-align: center;
color:#FF0000;
}
div.pict a {
border: none;
}
.gras {font-weight: bold;}
.gros {font-size: 120%;}
.ita {font-style: italic;font-size: -1;}
.sligne {text-decoration:underline;}
.barre {text-decoration:line-through;}
.centr {text-align: center;}
.quo {
font: 10pt Verdana, Geneva, Arial, Helvetica, sans-serif;
font-weight: bold;
color: #EDD5B1;
}
th{
	background-color: #004412;
	border: 1px solid #002B0C;
	padding:4px;
}
div.info {
margin-left: 15px;
background-color: #F7EFE0;
padding: 5px 10px 5px 10px;
border: 1px solid #004412;
font-size: 12pt;
}
td.info {
border: 1px solid #002B0C;
font-size: 10pt;
background-color: #F7EFE0;
}
td.info li{
margin-left: -15px;
}
th.infoST {
background-color: #D5D5A8;
color: #002B0C;
font-size: 10pt;
}
table {
margin: 15px;
}
.prixelem {
text-align: left;
float: right;
margin: 10px;
padding: 10px;
border: 3px double red;
font-size: 12px;
font-weight: bold;
color: red;
}
.prixelem li {
list-style-type: none;
}
td.ce {
text-align: center;
}
.conseil {
color:#996600;
}