@charset "iso-8859-1";
/*  Released under the GNU General Public License */
/*  Feuille de style pour site Randos */
/*  Balise body : fond vert #00bb00 */
BODY {margin: 0px; scrollbar-face-color: #996633; scrollbar-shadow-color: #663300; scrollbar-highlight-color: #FFCC66; scrollbar-3dlight-color: #CC3300; scrollbar-darkshadow-color: #CC6600; scrollbar-track-color: #EBE0B9; scrollbar-arrow-color: #CC9933}

/*  Balise a : fond #f5e69f quand sélecté  (background: #F5E69F) */
A {color: #1e2021; text-decoration: none; background: #44CC88}
A:hover {   color: #002222; background: #F5E69F }
A.lien {color: #d40026}

/*  Balise div : utilisée dans le bandeau défilant page accueil */
DIV.desc {padding-top: 5}
DIV.texte01 {font-family: Arial, sans-serif; font-size: 11px; color: #104028;}
DIV.texte11 {font-family: Arial, sans-serif; font-size: 12px; color: #208028; text-align: left; padding-left: 1em}
DIV.texte2 {  font-family: Myriad Web, Arial, sans-serif;  font-size: 16px;  color: #3FFFFB; text-align: center;  }
DIV.texte23 {  font-family: Myriad Web, Arial, sans-serif;  font-size: 12px;  color: #000008; text-align: justify;  }
DIV.titre20 {font-family: Myriad Web, Arial, sans-serif; font-size: 16px; color: #024002; font-weight: bold; background: #33DD33}
DIV.titre21 {font-family: Myriad Web, Arial, sans-serif; font-size: 13px; color: #024040; font-weight: bold; background: #CCDDEE}
DIV.titre22 {font-family: Myriad Web, Arial, sans-serif; font-size: 14px; color: #006600; text-align: center; background: #00CCFF}
DIV.texte3 {  font-family: Verdana, Arial, sans-serif;  font-size: 14px;  color: #3FFFFB; text-align: center;  }
#cmpt {position: absolute; width: auto; top: 580px; left: 930px; font-size: 10px; font-family: Myriad Web; color: #8E5306; padding: 10px}

/*  Balise p : pour style des paragraphes */
P.text1 {  font-family: Verdana, Arial, sans-serif;  font-size: 14px;  color: #000008;  font-weight : bold;}
P.text2 {  font-family: Myriad Web, Verdana, Arial, sans-serif;  font-size: 14px;  color: #000008;  }
P.text3 {  font-family: Arial, sans-serif;  font-size: 9px;  color: #000008;  }

/*  Balises td   */
/*  Page actu: date   */
TD.actu0 {font-family: Arial, Verdana, sans-serif; font-size: 16px; color: #000008; text-align: left; background: #FBE0A9; padding-left: 3em}
/*  Page actu et photos: textes   */
TD.actu01 {font-family: Arial, Verdana, sans-serif; font-size: 12px; color: #000008; text-align: justify; background: white; padding-left: 3em}
TD.actu02 {font-family: Arial, Verdana, sans-serif; font-size: 14px; color: #ffffc8; text-align: center; background: grey; padding-left: 3em}
/*  Page accueil et autres textes généraux - couleur bk #86FF34*/
TD.Box {font-family: Myriad Web; font-size: 16px; color: #ffffc0; line-height: 1.5; text-align: justify}
TD.Boxa {font-family: Myriad Web Pro; font-size: 13px; color: #ffffc0; line-height: 1.5; text-align: justify}
TD.Boxb {font-family: Myriad Web; font-size: 12px; color: #004422; text-align: justify}
TD.Boxg {font-family: Myriad Web; font-size: 16px; color: #004422; text-align: justify}
TD.Boxr {font-family: Myriad Web; font-size: 16px; color: #573f33; line-height: 1.5; text-align: justify}
TD.palm {font-family: Myriad Web; font-size: 14px; color: green; line-height: 1.5; text-align: justify}
TD.palm1 {font-family: Myriad Web; font-size: 12px; color: green}
/*  Page parcours : table carte   */
TD.Box1 {font-family: Arial; font-size: 10px; color: #000008;  text-align: justify}
/*  Page accueil  */
TD.Box2 {font-family: Myriad Web; font-size: 14px; color: #000008; font-weight: bold; line-height: 1.5; text-align: justify}
/*  page det : retour page parcours */
TD.date1 {font-family: Arial, Verdana, sans-serif; font-size: 10px; color: #000008; text-align: center}
/*  page desc : descript parcours */
TD.desc1 {font-family: Verdana, Arial; font-size: 11px; color: #002000; text-align: left; line-height: 1em}
TD.desc1a {font-family: Verdana, Arial; font-size: 11px; color: #002000; background: white;  text-align: justify; padding-left: 2em; padding-right: 2em}
TD.desc1b {font-family: Verdana, Arial; font-size: 12px; color: #002000; background: white; font-weight: bold;  text-align: justify; padding-left: 2em; padding-right: 2em}
TD.desc2 {font-family: Verdana, Arial; font-size: 12px; color: #ffffff; text-align: left; line-height: 1em}
TD.descn {font-family: Arial, Verdana; font-size: 11px; color: #ffffff; text-align: center; line-height: 1em; background: #000000}
TD.descb {font-family: Arial, Verdana; font-size: 11px; color: #000008; text-align: center; line-height: 1em; background: #ffffff}
TD.descj {font-family: Arial, Verdana; font-size: 11px; color: #000008; text-align: center; line-height: 1em; background: #ffff00}
TD.descr {font-family: Arial, Verdana; font-size: 11px; color: #ffffff; text-align: center; line-height: 1em; background: #CC0000}
TD.descbl {font-family: Arial, Verdana; font-size: 11px; color: #ffffff; text-align: center; line-height: 1em; background: #0000CC}
TD.descli {font-family: Arial, Verdana; font-size: 11px; color: #ffffff; text-align: center; line-height: 1em; }
/*  page enseignement */
TD.ecol {font-family: Arial, Verdana, sans-serif; font-size: 14px; color: #000008; text-align: center; background: white; padding-left: 1em}
/*  diverses classes pour tableaux tarifs et page enseignement */
TD.fee0 {font-family: Arial, Verdana, sans-serif; font-size: 14px; color: #000008; text-align: center; background: #EBE0B9;  font-weight : bold}
TD.fee01 {font-family: Arial, Verdana, sans-serif; font-size: 14px; color: #000008; text-align: justify; background: white; padding-left: 1em}
TD.fee01a {font-family: Arial, Verdana, sans-serif; font-size: 10px; color: #000008; text-align: justify; background: white; padding-left: 1em}
TD.fee01b {font-family: Arial, Verdana, sans-serif; font-size: 10px; color: #000008; text-align: justify; background: #65FF65; padding-left: 1em}
TD.fee02 {font-family: Arial, Verdana; font-size: 14px; color: #000008; background: white; padding-left: 4em;  font-weight : bold}
TD.fee02a {font-family: Arial, Verdana; font-size: 14px; color: #000008; background: white; padding-left: 1em;  font-weight : bold}
TD.fee02b {font-family: Arial, Verdana; font-size: 14px; color: #000008; background: white; font-weight: bold; text-align: center}
TD.fee02c {font-family: Arial, Verdana; font-size: 16px; color: #000008; background: white; font-weight: bold; vertical-align: top}
TD.fee03 {font-family: Arial, Verdana; font-size: 12px; color: #000008; background: #65FF65; font-weight: bold; text-align: center}
TD.fee03a {font-family: Arial, Verdana; font-size: 12px; color: #000008; background: #65FF65; font-weight: bold}
TD.fee03b {font-family: Arial, Verdana; font-size: 12px; color: #000008; font-weight: bold}
TD.fee03c {font-family: Arial, Verdana; font-size: 10px; color: #000008; background: #65FF65; font-weight: bold; text-align: center}
TD.fee04 {font-family: Arial, Verdana; font-size: 14px; color: #000008; background: #65FF65; padding-left: 1em; font-weight: bold}
TD.fee11 {font-family: Arial, Verdana, sans-serif; font-size: 14px; color: #000008; text-align: right; background: white; padding-right: 2em}
TD.fee10 {font-family: Arial, Verdana, sans-serif; font-size: 14px; color: #000008; background: #EBE0B9;  font-weight : bold}
TD.fee12 {font-family: Arial, Verdana, sans-serif; font-size: 14px; color: #000008; text-align: left; background: white; padding-left: 3em}
/*  Toutes pages ref: "vous êtes ici"  */
TD.nav {font-family: Arial; font-size: 9px; color: #fffff8; text-align: left; background: url(images/logo01.jpg); vertical-align: bottom}
TD.nav1 {font-family: Arial; font-size: 9px; color: #fffff8; text-align: left; background: url(images/resid_hotel1a.jpg); vertical-align: bottom}
TD.nav2 {font-family: Arial; font-size: 9px; color: #fffff8; text-align: left; background: url(images/resto_coulondres1a.jpg); vertical-align: bottom}
TD.nav3 {font-family: Arial; font-size: 10px; color: #fffff8; text-align: left; background: url(images/logo01.jpg); vertical-align: bottom}
TD.nav4 {font-family: Arial; font-size: 10px; color: #fffff8; text-align: left; background: url(images/logo02.jpg); vertical-align: bottom}
TD.nav0 {font-family: Arial; font-size: 9px; color: #fffff8; text-align: justify; vertical-align: bottom}
/*  diverses classes pour page contacts */
TD.par41 {  font-family: Arial, sans-serif;  font-size: 14px;  color: #000008; text-align: center  }
TD.par52 {  font-family: Arial, sans-serif;  font-size: 14px;  color: #000008  }
TD.par53 {font-family: Arial, sans-serif; font-size: 14px; color: #000008; text-align: right}
/*  page menu */
TD.menu1 {font-family: Comic Sans MS; font-size: 16px; color: #993300; text-align: center; font: italic}
TD.menu2 {font-family: Comic Sans MS; font-size: 16px; color: #006600; text-align: center; font: italic}
TD.menu3 {font-family: Comic Sans MS; font-size: 16px; color: #993300; text-align: center; font: italic}
TD.menu1a {font-family: Comic Sans MS; font-size: 18px; color: purple; text-align: center; font: italic; line-height: 1}
TD.menu1b {font-family: Comic Sans MS; font-size: 13px; color: blue; text-align: center; font: italic}
TD.menu1c {font-family: Comic Sans MS; font-size: 13px; color: blue; text-align: right; font: italic; line-height: 1}
TD.menu1d {font-family: Comic Sans MS; font-size: 12px; color: blue; text-align: left; font: italic; line-height: 1}
TD.menu2a {font-family: Comic Sans MS; font-size: 16px; color: #EBE0B9; text-align: center; font: italic; background: #006600}
TD.menu2b {font-family: Comic Sans MS; font-size: 13px; color: #006600; text-align: center; font: italic; background: #EBE0B9}
/*  page photo */
TD.phot {font-family: Arial, Verdana, sans-serif; font-size: 12px; color: #fffff8; text-align: center}
/*  page restaur */
TD.fee20 {font-family: Arial, Verdana, sans-serif; font-size: 12px; color: #EBE0B9; text-align: left; font-weight : bold}
TD.fee20r {font-family: Arial, Verdana, sans-serif; font-size: 12px; color: #573f33; text-align: left; font-weight : bold}
TD.fee21 {font-family: Arial, Verdana, sans-serif; font-size: 12px; color: #000008; text-align: right; background: #FFFF80;  font-weight : bold}
TD.fee22 {font-family: Arial, Verdana, sans-serif; font-size: 10px; color: #000008; text-align: left; background: #FFFF80; font: italic}
TD.stit {font-family: Arial, Verdana, sans-serif; font-size: 14px; color: #ffffc0; text-align: center}
TD.stitr {font-family: Arial, Verdana, sans-serif; font-size: 18px; color: #000008; background: #65FF65; text-align: center; font: bold}
TD.stit1 {font-family: Arial, Verdana, sans-serif; font-size: 13px; color: #000008; text-align: center; background: white}
/*  ligne bas de page accueil */
TD.text1 {  font-family: Arial, sans-serif;  font-size: 11px;  color: #000008;  }
/*  page contact : formulaire, page info perso */
TD.text2 {  font-family: Arial, sans-serif;  font-size: 12px;  color: #FFFFC0;  }
TD.text21 {  font-family: Arial, sans-serif;  font-size: 12px;  color: #000008;  }
/*  page photo initiale */
TD.text3 {font-family: Myriad Web; font-size: 12px; color: #000008; text-align: center}
/*  Toutes pages ref: "titre des pages"  */
TD.titre1 {font-family: Myriad Web, Arial, sans-serif; font-size: 18px; color: #40ff40; font-weight: bold; text-align: center}
TD.titre2 {  font-family: Myriad Web, Arial, sans-serif;  font-size: 22px;  color: #00E800;  font-weight : bold; text-align: center}
TD.titre2a {  font-family: Myriad Web, Arial, sans-serif;  font-size: 22px;  color: #009900;  font-weight : bold; text-align: center}
TD.titre2b {  font-family: Myriad Web, Arial, sans-serif;  font-size: 18px;  color: #80ff80;  font-weight : bold; text-align: center}
TD.titre3 {font-family: Myriad Web, Arial, sans-serif; font-size: 20px; color: #000008; font-weight: bold; text-align: center; background: #FFFFFF}
TD.titrer {font-family: Amazone BT, Myriad Web, Arial, sans-serif; font-size: 36px; color: #573f33; font-weight: bold; text-align: center; font: italic}
TD.btexte {  font-family: Verdana, Arial, sans-serif;  font-size: 10px;  color: #004422;}
TD.tit_art1 {font-family: Arial, Verdana, sans-serif; font-size: 16px; color: #ffffff; text-align: center; background: #009933; font-weight: bold; font: italic}
TD.art {font-family: Myriad Web, Arial; font-size: 12px; color: #000008; text-align: justify; padding-left: 1em; padding-right: 1em}
TD.art1 {font-family: Arial; font-size: 11px; color: #000008; text-align: justify; padding-left: 1em; padding-right: 1em}

SPAN.btexte {font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #004422; font: italic}

TD.btitre {font-family: Verdana, Arial, sans-serif; font-size: 11px; color: #004422; text-decoration: underline}

div.calendar { position: relative; }

.calendar, .calendar table {
  border: 1px solid #565;
  font-size: 11px;
  color: #000;
  cursor: default;
  background: #fff;
  font-family: tahoma,verdana,sans-serif;
}

/* Header part -- contains navigation buttons and day names. */

.calendar .button { /* "<<", "<", ">", ">>" buttons have this class */
  text-align: center;    /* They are the navigation buttons */
  padding: 2px;          /* Make the buttons seem like they're pressing */
  background: #676;
  color: #fff;
  font-size: 90%;
}

.calendar .nav {
  background: #676 url(menuarrow.gif) no-repeat 100% 100%;
}

.calendar thead .title {/* This holds the current "month, year" */
  font-weight: bold; /* Pressing it will take you to the current date */
  text-align: center; padding: 2px; background: green; color: #efa}

.calendar thead .headrow { /* Row <TR> containing navigation buttons */
}

.calendar thead .name { /* Cells <TD> containing the day names */
  border-bottom: 1px solid #565;
  padding: 2px;
  text-align: center;
  color: #000;
}

.calendar thead .weekend { /* How a weekend day name shows in header */
  color: #a66;
}

.calendar thead .hilite { /* How do the buttons in header appear when hover */
  background-color: #afa;
  color: #000;
  border: 1px solid #084;
  padding: 1px;
}

.calendar thead .active { /* Active (pressed) buttons in header */
  background-color: #7c7;
  padding: 2px 0px 0px 2px;
}

.calendar thead .daynames { /* Row <TR> containing the day names */
  background: #dfb;
}

/* The body part -- contains all the days in month. */

.calendar tbody .day { /* Cells <TD> containing month days dates */
  width: 2em;
  color: #564;
  text-align: right;
  padding: 2px 4px 2px 2px;
}
.calendar tbody .day.othermonth {
  font-size: 80%;
  color: #bbb;
}
.calendar tbody .day.othermonth.oweekend {
  color: #fbb;
}

.calendar table .wn {
  padding: 2px 3px 2px 2px;
  border-right: 1px solid #8a8;
  background: #dfb;
}

.calendar tbody .rowhilite td {
  background: #dfd;
}

.calendar tbody .rowhilite td.wn {
  background: #efe;
}

.calendar tbody td.hilite { /* Hovered cells <TD> */
  background: #efd;
  padding: 1px 3px 1px 1px;
  border: 1px solid #bbb;
}

.calendar tbody td.active { /* Active (pressed) cells <TD> */
  background: #dec;
  padding: 2px 2px 0px 2px;
}

.calendar tbody td.selected { /* Cell showing today date */
  font-weight: bold;
  border: 1px solid #000;
  padding: 1px 3px 1px 1px;
  background: #f8fff8;
  color: #000;
}

.calendar tbody td.weekend { /* Cells showing weekend days */
  color: #a66;
}

.calendar tbody td.today { font-weight: bold; color: #0a0; }

.calendar tbody .disabled { color: #999; }

.calendar tbody .emptycell { /* Empty cells (the best is to hide them) */
  visibility: hidden;
}

.calendar tbody .emptyrow { /* Empty row (some months need less than 6 rows) */
  display: none;
}

/* The footer part -- status bar and "Close" button */

.calendar tfoot .footrow { /* The <TR> in footer (only one right now) */
  text-align: center;
  background: #565;
  color: #fff;
}

.calendar tfoot .ttip { /* Tooltip (status bar) cell <TD> */
  padding: 2px;
  background: #250;
  color: #efa;
}

.calendar tfoot .hilite { /* Hover style for buttons in footer */
  background: #afa;
  border: 1px solid #084;
  color: #000;
  padding: 1px;
}

.calendar tfoot .active { /* Active (pressed) style for buttons in footer */
  background: #7c7;
  padding: 2px 0px 0px 2px;
}

/* Combo boxes (menus that display months/years for direct selection) */

.calendar .combo {
  position: absolute;
  display: none;
  top: 0px;
  left: 0px;
  width: 4em;
  cursor: default;
  border: 1px solid #565;
  background: #efd;
  color: #000;
  font-size: 90%;
  z-index: 100;
}

.calendar .combo .label,
.calendar .combo .label-IEfix {
  text-align: center;
  padding: 1px;
}

.calendar .combo .label-IEfix {
  width: 4em;
}

.calendar .combo .hilite {
  background: #af8;
}

.calendar .combo .active {
  border-top: 1px solid #6a4;
  border-bottom: 1px solid #6a4;
  background: #efe;
  font-weight: bold;
}

.calendar td.time {
  border-top: 1px solid #8a8;
  padding: 1px 0px;
  text-align: center;
  background-color: #dfb;
}

.calendar td.time .hour,
.calendar td.time .minute,
.calendar td.time .ampm {
  padding: 0px 3px 0px 4px;
  border: 1px solid #898;
  font-weight: bold;
  background-color: #fff;
}

.calendar td.time .ampm {
  text-align: center;
}

.calendar td.time .colon {
  padding: 0px 2px 0px 3px;
  font-weight: bold;
}

.calendar td.time span.hilite {
  border-color: #000;
  background-color: #686;
  color: #fff;
}

.calendar td.time span.active {
  border-color: #f00;
  background-color: #000;
  color: #0f0;
}




