/**********

    BODY
	
**********/

*{
	margin:0;
	padding:0;
}

body {
	background-image:url('../images/fond-bois3.jpg');
	background-repeat: repeat;
	padding: 0;
	margin: 0;
	font-size: 1em;
	font-family: Verdana, Arial, Helvetica, sans-serif ;
}

/**********

    CONTENEUR
	
**********/

#global {
	background-image:url('../images/ext2.png');
	margin:auto;
	width: 826px;
	margin-bottom: 30px;
	background-repeat:repeat-y;
}

#partenaires {
	position: absolute;
	left: 20px;
	top: 70px;
}

#partenaires img{
	border: none;
}

/**********

    HEADER
	
**********/

#header {
	margin: auto;
	width: 790px;
	border-top: 1px solid black;
	height: 250px;
}

/**********

    MENU
	
**********/

#menu {
	background-image:url('../images/menu-bois.jpg'); 
	margin: auto;
	width: 790px;
	border-top: 1px solid black;
	border-bottom: 1px solid black;
	height: 20px;
}

#menu p{
	font-size: 79%;
	text-align: center;
	vertical-align: middle;
}

#menu a{
	vertical-align: middle;
	text-decoration: none;
	font-weight: bold;
	color: white;
}

#menu a:hover{
	text-decoration: underline;
}

.menuimg{
	height: 14px;
	margin-top: 0px;
	border: none;
	vertical-align: middle;
}

.barre{
	height: 14px;
	margin-top: 0px;
	border: none;
	vertical-align: middle;
}



/**********

    MENUGAUCHE
	
**********/

.menugauche { 
	width: 220px;
	height: auto; 
	margin-left: 30px; 
	padding-top: 10px;
}

.menugauche img.fleur {
	margin-top: 20px;
	margin-left: 20px;
}

.menugauche img.logis {
	margin-top: 40px;
	margin-bottom: 10px;
	margin-left: 50px;
	border: none;
}

#haut { 
	width: 220px; 
	height: 31px; 
	margin-top: 40px;
	background-image:url('../images/haut-bois.jpg'); 
	background-repeat:no-repeat; 
}	

.reservations {
	text-align: left;
	background-image:url('../images/centre.jpg'); 
	display: block;
	width: 220px;
	height: 100px;
}

.reservations p {
	color: white;
	margin-left: 10px;
	font-size: 70%;
}

.num{
	font-weight: bold;
	font-size: 110%;
}

.reservations img {
	border: 1px solid black;
	margin: 0;
}

.reservations input {
	width: 170px;
	font-size: 90%;
	font-family: Verdana;
}

.reservations a { 
	text-decoration: none;
	color: white;
}

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

.basmenu { 
	width: 220px; 
	height: 25px;
	background-image: url('../images/bas-bois.jpg'); 
	background-repeat:no-repeat; 
}


/**********

    CONTENU
	
**********/

#contenu {
	background: #99FFFF 0 0 repeat;
	margin:auto;
	width: 790px;
	border-bottom: 1px solid black;
	height: 400px;
}

#content {
	width: 550px; 
	height: auto;  
	margin-left: 255px; 
	margin-top: -500px!important;
	margin-top: -500px;
}

#corpshaut { 
	width: 550px; 
	height: 18px; 
	background-image:url('../images/haut.gif'); 
	background-repeat:no-repeat; 
}

#centre { 
	display: block; 
	width: 550px; 
	height: auto; 
	background-image: url('../images/millieu.gif'); 
	background-repeat: repeat-y;
}

#centre a { 
	text-decoration: none;
	color: navy;
}

#centre a:hover { 
	text-decoration: underline;
}

#centre p { 
	text-align: justify; 
	font-size: 80%;
	margin: 10px 20px 10px 20px;
}

#centre p.vert { 
	color: green;
	font-weight: bold;
	text-align: center;
}

#centre p.petit { 
	font-size: 70%;
}

#centre p.petitcentre { 
	font-size: 70%;
	text-align: center;
	margin-top: 0px;
}

#centre h1 { 
	background-image: url('../images/titre.jpg'); 
	font-family: Monotype Corsiva, Verdana, Arial, Helvetica, sans-serif ;
	width: 465px;
	height: 24px;
	color: #FFF;
	font-size: 130%;
	padding-left: 10px;
	margin: 0px 15px;
}

#centre h2 { 
	width: 465px;
	color: green;
	font-size: 100%;
	margin: 15px 15px 5px 15px;
	border-bottom: 1px solid black;
}

#centre img.image { 
	margin: 10px 0px;
}

#centre img.noncentrer{ 
	margin: 10px 20px;
}

#centre img.activites{ 
	margin: 10px 20px;
	border: 1px solid black;
}

#centre img.plan{ 
	margin-top: 5px;
	margin-bottom: 0px;
	border: none;
}

#centre img.bordure{ 
	margin-top: 1px;
	border: 1px solid black;
}

#centre img.salon{ 
	margin-top: 10px;
	border: 1px solid black;
}


#centre ul {
	font-size: 80%;
	margin-top: 5px;
	margin-left: 40px;
	list-style-image: url("../images/picto.jpg");
}

#centre li {
	margin-bottom: 5px;
	margin-right: 15px;
}

#bascorps { 
	width: 596px; 
	height: 24px; 
	margin-bottom: 50px;
	background-image:url('../images/bas.gif'); 
	background-repeat:no-repeat; }

/**********

    DIVERS
	
**********/

#diapo { 
	text-align: center;
	margin-left: 20px;
	width: 250px;
	float:left;
	border-right: 1px solid black;
}

#navette { 
	text-align: center;
	margin-left: 20px;
	margin-top: 0px;
}

#navette  p{ 
	margin-top: -5px;
	text-align: center;
}

#navette a img{
	text-decoration: none;
	border: none;
}

/**********

    BAS
	
**********/
#menubas {
	background-image:url('../images/menu-bois.jpg'); 
	margin: auto;
	width: 790px;
	border-top: 1px solid black;
	border-bottom: 1px solid black;
	height: 5px;
}

#bottom { 
	margin: auto;
	width: 790px;
	height: auto;
	border-bottom: 1px solid black;
	text-align: center;
}

#bottom img {
	border: none;
	margin: 10px;
}

div.space_rubrique{
	height: 25px;
}

div.space_rubrique_petit{
	height: 15px;
}


/**********

    FORMULAIRE
	
**********/

select {
	font-size: 90%;
	font-family: Verdana;
}

select.jour {
	width: 50px;
}

select.annee {
	width: 65px;
}

input {
	font-size: 100%;
	font-family: Verdana;
}

#promo {
	margin-left: 10px;
	margin-right: 15px;
	padding-bottom: 10px;
	border: 1px solid black;
}
.excla {
	margin-top: -10px;
	margin-left: 10px;
	float: left;
}
input.tarifs {
	margin-left: 10px;
	font-size: 80%;
	font-family: Verdana;
	border: none;
	color: #0D006E;
	font-weight: bold;
	padding-top: 10px;
	padding-bottom: 5px;
}

.diapo {
	width: 70px;
	font-size: 70%;
	font-family: Verdana;
}

.bouton {
	width: 100px;
	font-size: 70%;
	font-family: Verdana;
}

.bouton-contact {
	margin-left: 20px;
	font-size: 90%;
	font-family: Verdana;
}

/**********

    AUTRES
	
**********/
.centrer {
	text-align: center;
}

.droite {
	margin-right: 40px;
	text-align: right;
}
p.taxi {
	margin-left: 50px;
}

.nobordure {
	border: none;
}

.activites {
	margin: 10px 20px;
	border: 1px solid black;
	
}

.bordure {
	border: 1px solid black;
}

#rhodo {
	position: absolute; 
	left: 0px; 
	top: 50px;
}

table {
	
	margin-left: 20px;
}

.contact {
	border: none;
	margin-left: 10px;
}

.tarifs {
	border: 1px solid black;
	font-size: 80%;
}

th {
	text-align: left;
	border-bottom: 1px solid black;
}

caption {
	font-size: 95%;
	color: green;
	font-weight: bold;
	margin-bottom: 5px;
	margin-left: 10px;
	margin-right: 10px;
}

tr.gris {
background-color:#DCDCDC;
}

.etoile {
	font-weight: bold;
	color: red;
}

hr {
	background-image:url('../images/barre.jpg'); 
	margin: 0 20px;
}
