/* RESET CSS */
html, div, span, applet, object, iframe, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; vertical-align: baseline; background: transparent;  color: black;  }

/* remember to define focus styles! */
/* :focus { outline: black solid thin; }*/
html {
   overflow: auto;
}
/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through; }

/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; }


/* ********** */
/* beurre.css */
/* ********** */

/* BALISE SELECTOR */
BODY {
   background-color: white;
   color: white;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 12px;
   margin-left: 0px;
   margin-top: 0px;
   padding: 0px 0px 0px 0px;
   border-collapse: collapse;
   }
DIV#super-global {
   margin-top: -235px;
   left: 0%;
   margin-left: auto;
   width: 100%;
   position: absolute;
   top: 50%;
   height: 470px;
   text-align: center;
   background-color: white;
}
DIV#global {
   padding-right: 0px;
   padding-left: 0px;
   margin-left: auto;
   margin-right: auto;
   padding-top: 0px;
   width: 795px;
   height: 470px;
   text-align: center;
   background: transparent;
  /* background-image: url(img/balade_fondpuce.jpg);*/
   background-image: url(img/balade_fond.jpg);
   background-repeat: no-repeat;
   background-position: top;
   border: 0px solid red;
}
IMG {
   border: 0px;
}
A {
   text-decoration: none;
}

#bandeau {
	width: 795px;
	height: 84px;
}
#soumenu {
   width: 795px;
   height: 20px;
   clear: both;
   color: White;
   font-size: 12px;
   top: 0px;
   position: relative;
   text-align: right;
}
#menu {
   width: 795px;
   height: 40px;
   clear: both;
   color: White;
   font-size: 12px;
   top: 0px;
   position: relative;
   text-align: right;
}
#menu DIV#linktxt {
   color: White;
   font-size: 12px;
   line-height: 16px;
   margin-top: 10px;
   float: left;
   text-align: right;
   width: 446px;
}

#menu DIV#boutons {
   float: right;
   vertical-align: text-top;
   text-align: right;
   margin-top: 5px;
}
#menu a, #soumenu a {
	color: White;
}
#soumenu a:hover {
   color: White;
   text-decoration: underline;
}
DIV#carte {
   width: 528px;
   height: 386px;
   float: left;
   text-align: left;
}
TABLE#cadrille tr td {
    height: 14px;
    width: 14px;
    padding: 0px;
    margin: 0px;
    font-size: 12px;
    font-weight: bold;
    line-height: 14px;
    text-align: center;
    vertical-align: middle;
    empty-cells: show;
}
TABLE#cadrille tr td:hover {
 /*  background-color: red; */
}
TABLE#cadrille tr td a {
    padding: 0px;
    margin: 0px;
    font-size: 9px; /*10px*/
    /* font-weight: bold;*/
    line-height: 12px;
    height: 12px;
    width: 12px;
    display: block;
}
.puce {
   /*display: block;
   margin: 1px 1px 1px 1px;
   padding: 1px 1px 1px 1px;
   background-color: black;*/
   border: 1px solid #583724;
}
TABLE#cadrille tr td.legende {
   text-align: left;
   height: 14px;
   width: auto;
}
/* old version
TABLE#cadrille tr td.legende span {
    font-size: 14px;
    line-height: 14px;
    font-weight: bold;
    margin-left: 14px;
}
*/
TABLE#cadrille tr td.legende span {
    font-size: 14px;
    line-height: 14px;
    font-weight: bold;
    margin-left: 14px;
    display: block;
    width: 14px;
    height: 14px;
    float: left;
    vertical-align: middle;
}

a.puce1 {
   background-color: #f9c74e;
}
a.puce2 {
   background-color: #4678b3;
}
a.puce3 {
   background-color: #64b954;
}
a.puce4 {
   background-color: #b8537b;
}
#fiche {
   float: left;
   height: 386px;
   width: 257px;
   text-align: left;
   padding-right: 10px;
}
#fiche h3 {
	color: White;
	margin-top: 12px;
	font-size: 16px;
	letter-spacing: 2px;
	font-weight: bold;
	margin-bottom: 0px;
}
h3#titraccueil {
	color: White;
	margin-top: 12px;
	font-size: 20px;
	letter-spacing: 2px;
	font-weight: bold;
	margin-bottom: 0px;
}

#fiche h5 {
	margin-top: 10px;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 0px;
}
#fiche h6 {
	margin-top: 0px;
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 0px;
}
#fiche p {
	margin-top: 0px;
	font-size: 10px;
	font-weight: ;
	margin-bottom: 5px;
}
#fiche img {
   margin-top: 10px;
   margin-bottom: 0px;
   margin-left: 6px;
   
}
#pied {
	background-color: #FFFFCC;
	width: auto;
	height: auto;
	clear: both;
	border: 1px dotted #CCCCCC;
	margin-top: 3px;
	text-align: left;
}

.all
{margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline; background: transparent;  color: black;}
a:focus { outline: black none; }

P#horaire {
   font-style: italic;
}
P#adresse, P#ville {
   margin-top: 0px;
   margin-bottom: 0px;
}
P#label {
   font-style: normal;
   margin: 0;
}

P#descaccueil {
   font-size: 14px;
}