/*
   Dejeunez Sous l'Arbre
   Définition des feuilles de style pour l'écran
   Auteur : Cécile Roussel

*/

/* Définitions générales */

body {
	background-color: #EFD9B4;
	background-image: url(../img/tapis.jpg);
	background-repeat: repeat;
	color: #000;
	font-family: Verdana,Arial,Geneva,Helvetica,sans-serif;
	font-size: 11px;
	text-align: center; 						/* Bug IE */
	margin-top: 6px;
}

#page {
	text-align: left;
	margin-top: 0;
	margin-left: auto; 						/* Centrage de la page */
	margin-right: auto;
	width: 940px;
}

table {
	border-collapse: collapse;
  margin: 0; 
	padding: 0;
	width: 940px;
} 

td {
	border: 0;
	margin: 0;
	padding: 0;
}

img {
	float: left;
	border: 0;
	padding: 0;
	margin: 0;
}

ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

a.corps {
	font-size: 11px;
	color: #933;
	text-decoration: none;
}

a.corps:hover {
	text-decoration: underline;
}

.spacer {
	clear:both;			/* Pour agrandir hauteur cadre sous Mozilla */
}

div.hr {
	display: block;
	clear: both;
	height: 2px;
	background-image: url(../img/hr.gif);
  background-repeat: repeat;
  margin: 0 0 20px 0;
}

div.hr hr {
  display: none;
}

.contact-print {
	display: none;
}

img.reserver { margin-top: 6px; margin-left: 26px; }


/* Bandeau */

.bandeau-print {
	display: none;
}

table.bandeau {
	height: 108px;
	background-color: #33633D;
	border-top: 1px solid #663300;
	border-left: 1px solid #663300;
	border-right: 1px solid #663300;
}

td.fond {
	background-image: url(../img/fond.jpg);
	background-position: right;
	background-repeat: no-repeat;
	width: 540px;
	vertical-align: bottom;
	padding-right: 40px;
}

img.drapeau {
	float: right;
	padding: 0 4px 0 4px;
}

/* Ombre */

td.ombre-g, td.ombre-d {
	height: 3px;
	border-left: 1px solid #663300;
}

td.ombre-g {
	background-image: url(../img/ombre-bd.gif);
	background-position: left;
	background-repeat: no-repeat;
}

td.ombre-d {
	background-image: url(../img/sep.gif);
	background-position: right;
	background-repeat: no-repeat;
	border-right: 1px solid #663300;
	width: 160px;
}

/* Corps de la page */

.corps-print, .tb-centre-print {
	display: none;
}

table.corps {
	border-right: 1px solid #663300;
	border-left: 1px solid #663300;
	width: 940px;
}

td.tb-gauche {
	background-color: #f5fadb;
	width: 160px;
	vertical-align: top;
}

td.tb-centre {
	border-right: 1px solid #663300;
	border-left: 1px solid #663300;
	background-color: #FFF;
	vertical-align: top;
}

td.tb-droite {
	background-color: #f5fadb;
	width: 160px;
	vertical-align: top;
}

/* Prestations */

#prestation {
	color: #063;
	font-size: 11px;
	font-weight: bold;
	text-align: left;
	margin: 4px;
}

.titre-prest {
	color: #993333;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	margin: 0;
	
}

div.hr-prest {
	display: block;
	clear: both;
	height: 2px;
	background-image: url(../img/hr.gif);
  background-repeat: repeat;
  margin: 8px 0 8px 0;
}

div.hr-prest hr {
  display: none;
}

p.titrevert {
	color: #336633;
	font-size: 11px;
	font-weight: bold;
	text-align: left;
	margin: 0 0 2px 6px;
	padding-bottom: 8px;
}

img.icone {
	margin: 0 0 8px 8px;
}

.prestenligne {
	color: #006633;
	font-size: 11px;
	font-weight: normal;
	text-align: left;
	margin-top: 8px;
	margin-bottom: 0px;
}

img.icone2 {
	margin-left: 8px;
	margin-right: 8px;
	margin-top: -3px;
}

img.icone3 {
	margin-left: 8px;
	margin-right: 8px;
	margin-top: 2px;
}

img.icone4 {
	margin-left: 8px;
	margin-right: 8px;
	margin-top: 0px;
}

a.meteo {
	color:#933;
	text-decoration:none;
}

a.meteo:hover {
	color:#933;
	text-decoration:underline;
}

/* Menu */

#menu {
	margin-top: 20px;
	padding-top: 0px;
}

li.rampuce-off {
	clear: both;
	font-size: 11px;
  font-weight: bold;
	color: #000;
	background-color: #FFF;
	list-style-type: none;
  margin: 0;
  padding: 3px;
	border-top: 1px solid #663300;
  line-height: 24px; /* height of icon */
	background-image: url(../img/rampuce.gif);
  background-repeat: no-repeat;
  background-position: 4px 50%;
	padding-left: 44px;
}

li.rampuce-on {
	font-size: 11px;
  font-weight: bold;
	color: #993333;
	background-color: #FFF;
	list-style-type: none;
  margin: 0;
  padding: 3px;
	border-top: 1px solid #663300;
  line-height: 24px; /* height of icon */
	background-image: url(../img/rampuce.gif);
  background-repeat: no-repeat;
  background-position: 4px 50%;
	padding-left: 44px;
}

.rub-off {
	font-size: 11px;
  font-weight: bold;
	color: #000;
	width: 100%;
}

.rub-on {
	font-size: 11px;
  font-weight: bold;
	color: #933;
	width: 100%;
}

.rub-on-texte {
	float: left;
}

.rub-on-fleche {
	float: right;
}

li.rampuce-off a {
	color: #000;
	text-decoration: none;
  }

li.rampuce-off a:hover {
	color: #993333;
	text-decoration: none;
  }

table.menu {
	width: 106px;
	height: 24px;
	border: 0;
}

img.on {
	margin: 0;
	padding: 2px 0 0 0;
}

.uplogis {
	margin: 0;
	border-top: 1px solid #663300;
}

#logis-1 { clear: both; margin-left: 60px; margin-top: 6px; }
#logis-2 { clear: both; margin-left: 52px; }
#logis-3 { clear: both; margin-left: 38px; }

.logis {
	padding-right: 8px;
}

#coord {
	text-align: center;
	font-size: 10px;
	color: #000;
	padding-top: 8px;
}

#coord p {
	margin-top: 0;
	margin-bottom: 8px;
}

.impression {
	display: none;
}

a.email {
	color: #000;
	text-decoration: none;
}

a.email:hover {
	color: #933;
	text-decoration: none;
}

/* Corps */

#corps {
	margin: 16px 27px 0 26px;
	font-size: 11px;
	line-height: 18px;
}

h1 {
	float: left;
	font-size: 16px;
  font-weight: bold;
	color: #663300;
	padding: 0 0 4px 0;
	margin: 0;
}

div.titre {
	width: 100%;
	padding: 0 0 0 0;
}

.ssmenu li {
	float: right;
	display: inline;
	list-style-type: none;
	font-size: 11px;
	color: #000;
	margin: 0;
	background-image: url(../img/fleche-d.gif);
  background-repeat: no-repeat;
  background-position: 0 68%;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 4px;
}

.ssmenu a {
	color: #000;
	text-decoration: none;
}

.ssmenu a:hover {
	color: #933;
	text-decoration: underline;
}

.txtimg {
	width: 400px;
}

.agauche {
	float:left;
	margin: 0;
	padding-right: 14px;
	padding-bottom: 10px;
}

.adroite {
	float:right;
	margin: 0;
	padding: 0 0 20px 14px;
}

.agauchefin {
	float:left;
	margin: 0;
	padding-right: 14px;
	padding-bottom: 0;
}

.retrait {
	padding-left: 30px;
}

.txt-droite {
	margin-right: 0;
	padding: 0;
}

.txt-gauche {
	margin: 0;
	padding: 10px 0 0 0;
}

.adresse {
	color: #993333;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
}

ul.activites {
	list-style: disc;
}

.activites li {
	margin-left: 0px;
	color: #993333;
}

.golf { padding-left: 220px; }
.noir { color: #000; }

img.bmarge { padding-bottom: 30px; }



/* Carte */

.bloc1 {
	width: 144px;
	float: left;
	margin-top: -12px;
	margin-bottom: 20px;
}

.bloc2 {
	width: 100px;
	float: left;
	margin-left: 20px;
	margin-top: -12px;
}

.bloc3 {
	width: 100px;
	float: left;
	margin-left: 20px;
	margin-top: -12px;
}

.carte li {
	float: left;
	display: inline;
	list-style-type: none;
	font-size: 11px;
	color: #000;
	margin: 0;
	background-image: url(../img/cartepuce.gif);
  background-repeat: no-repeat;
  background-position: 0 50%;
	padding-left: 10px;
	padding-right: 10px;
}

.carte a {
	color: #000;
	text-decoration: none;
}

.carte a:hover {
	color: #933;
	text-decoration: underline;
}

.indic {
	margin-top: 0;
	margin-bottom: 10px;
}

.cartetxt {
	padding-top: 10px;
	padding-bottom: 0;
	margin: 0;
}

.imgcartefirst {
	padding: 0;
	margin-top: 0;
}

.imgcarte {
	padding: 0;
	margin-top: -4px;
}

.carteli li {
	float: left;
	display: inline;
	list-style-type: none;
	font-size: 11px;
	font-weight: bold;
	color: #000;
	margin: 10px 0 0 0;
	background-image: url(../img/fleche-d.gif);
  background-repeat: no-repeat;
  background-position: 0 50%;
	padding: 0 0 0 10px;
}

.cartelin li {
/*	float: left;*/
	display: inline;
	list-style-type: none;
	font-size: 11px;
	font-weight: normal;
	color: #000;
	margin: 10px 0 0 0;
	background-image: url(../img/fleche-d.gif);
  background-repeat: no-repeat;
  background-position: 0 50%;
	padding: 0 0 0 10px;
}

.details {
	margin: 0 0 4px 0;
	padding: 14px 0 0 10px;
}

.details2 {
	margin: 0 0 4px 0;
	padding: 2px 0 0 10px;
}

#carteconteneur {
	width: 560px;
}

/* Plan d'accès */

.bloc {
	width: 400px;
	float: left;
	margin-top: -12px;
	margin-bottom: 10px;
}

.plan-titre {
	font-weight: bold;
}

.plan-titre img {
	margin: 3px 6px 0 0;
}

.plan-img {
	margin: 0;
	padding: 0 0 0 30px;
}

.plan-img2 {
	margin: 0;
	padding: 0 0 0 54px;
}

.haut {
	margin: -6px 0 0 0;
	float: right;
}

.haut img {
	margin: 6px 6px 0 0;
}

.haut a {
	color: #000;
	text-decoration: none;
}

.haut a:hover {
	color: #933;
	text-decoration: underline;
}

/* Tarifs */

table.tarifs {
	width: 530px;
	font-size: 11px;
	text-align: left;
	margin: -14px 0 10px 10px;
	padding: 0;
}

.tarifs-titre {
	font-weight: bold;
}

.tarifs-titre img {
	margin: 6px 6px 0 0;
}

.check {
	margin-top: 20px;
}

/* Contact */

table.contact {
	width: 360px;
	font-size: 11px;
	text-align: left;
}

table.contact th {
	vertical-align: top;
}

/* Bas de la page */

table.bas {
	border-left: 1px solid #663300;
	border-right: 0;
	width: 969px;
}

td.bas-gauche {
	background-color: #f5fadb;
	width: 160px;
	vertical-align: top;
}

td.bas-centre {
	border-right: 1px solid #663300;
	border-left: 1px solid #663300;
	background-color: #FFF;
	font-size: 9px;
	color: #666;
	vertical-align: bottom;
	text-align: center;
	padding-bottom: 4px;
}

a.petitmenu {
	font-size: 10px;
	color: #666;
	text-decoration: none;
}

a.petitmenu:hover {
	color: #933;
	text-decoration: none;
}

td.bas-droite {
	background-image: url(../img/ramcoin1.gif);
	background-position: bottom right;
	background-repeat: no-repeat;
	background-color: #f5fadb;
	width: 160px;
	height: 50px;
	vertical-align: top;
}

td.bas-rameau {
	background-image: url(../img/ramcoin2b.gif);
	background-position: bottom left;
	background-repeat: no-repeat;
	background-color: none;
	width: 30px;
}


/* copyright */

table.copy {
	border: 0;
	width: 940px;
}

td.copy {
	background-color: none;
	background-image: url(../img/ramcoin3b.gif);
	background-position: top left;
	background-repeat: no-repeat;
/*	border-left: 1px solid #993333;*/
	padding-top: 6px;
	font-size: 10px;
}

p.copy {
	padding-top: 2px;
	margin: 0;
}

p.copy a {
	color: #000;
	text-decoration: none;
}

p.copy a:hover {
	color: #933;
	text-decoration: none;
}

.standards {
	padding-right: 6px;
}

.agrandir {
	padding-bottom: 20px;
}


img.photo { margin-right: 10px; }