/*--------------Style1 CSS------------------*/
/*---------------Classe impression----------*/

/*-------Affichage a l'écran------------*/
@media screen {
.nonvisible {
visibility: hidden;
}
.impression b {
font-family: Arial, Lucida Sans Unicode, Arial, sans-serif;
font-size:11px;
}
.impression
{
font-family:"trebuchet ms",sans-serif;
color:#662200;
font-size:80%;
text-align:center;
}
.impressionlarge
{
font-family:"trebuchet ms",sans-serif;
color:#662200;
font-size:100%;
font-weight : bold;
text-align:center;
}

.tabimpression
{
font-family:"trebuchet ms",sans-serif;
color:#662200;
font-size:70%;
text-align:center;
}
.tabimpressionleft
{
font-family:"trebuchet ms",sans-serif;
color:#662200;
font-size:70%;
text-align:left;
}
.tabimpressionright
{
font-family:"trebuchet ms",sans-serif;
color:#662200;
font-size:70%;
text-align:right;
}
}
/*-------Affichage a l'impression------------*/
@page { size:portrait; }
@media print {
.cache{
display:none;
}
.sautpage{
page-break-after: always;
}
.impression b {
font-family: Arial, Lucida Sans Unicode, Arial, sans-serif;
font-size:11px;
}
.impression
{
font-family:"trebuchet ms",sans-serif;
color:#662200;
font-size:80%;
text-align:center;
}
.impressionlarge
{
font-family:"trebuchet ms",sans-serif;
color:#662200;
font-size:100%;
font-weight : bold;
text-align:center;
}

.tabimpression
{
font-family:"trebuchet ms",sans-serif;
color:#662200;
font-size:70%;
text-align:center;
}
.tabimpressionleft
{
font-family:"trebuchet ms",sans-serif;
color:#662200;
font-size:70%;
text-align:left;
}
.tabimpressionright
{
font-family:"trebuchet ms",sans-serif;
color:#662200;
font-size:70%;
text-align:right;
}
}
/*-----------------------Font----------------*/
/*sans empattement*/
.style1
{
font-family: Verdana, "Lucida Grande", Lucida, Tahoma, "Trebuchet MS", Arial, Geneva, Helvetica, sans-serif;
}
/*Variante plus originale, sans empattement, présentant une grande subtilité, avec un contraste de graisse moins prononcé*/
.style2
{
font-family: Optima, "Trebuchet MS", Lucida, Arial, Geneva, Verdana, "Lucida Grande", Tahoma, Helvetica, sans-serif;
font-size: 80%
}
.style3
{
font-family: Optima, "Trebuchet MS", Lucida, Arial, Geneva, Verdana, "Lucida Grande", Tahoma, Helvetica, sans-serif;
font-size: 80%

}
/*----------------Cadre-----------------------*/
.cadre
{
background-color: gainsboro;
}
.cadre1
{
background-color: #b7ae88;
}

/*-----------------Ligne------------------*/
hr
{
color: grey;
}

/*-----------------Bordure------------------*/
.encadre
{
border-left-color: #ffffff
}
.encadre2
{
border-top-style: hidden;
border-left-style: hidden;
border-right-style: hidden;
border-bottom-style: hidden;
}
/*----------------Liste, Tableau------------*/
table .encadre
{
border:1px solid #662200; 
empty-cells:hide
}
ul,li,td {
font-size : 100%;
font-family : Verdana, Arial, Helvetica, Geneva, sans-serif;
color : black;
background-color : white;
}
/*-------------Liens---------------*/
a:link {color: green; text-decoration:underline;}
a:visited {color: gray; text-decoration:underline;}
a:hover {color:red; text-decoration:none;}
/*----------Caractère Gras---------*/

b {
font-family: Arial, Lucida Sans Unicode, Arial, sans-serif;
font-size:11px;
}
.2 {
font-family: Arial, Lucida Sans Unicode, Arial, sans-serif;
font-size: 11px;
color: #b74949;
font-size: 100%;
}
.3 {
font-family: Courier New ;
font-size: 11px;
color: #666776;
font-size: 70%;
}
/*----------Paragraphe---------*/
p {
font-family:"trebuchet ms",sans-serif;
font-size:80%;
}
/*------------le formulaire-------------------*/
form {
background-color:#;
padding:10px;
width:350px;
}
.form-submit {
background:url(image/suivant1.png)
}
/*-----------------input--------------------*/
input
{
font-family:"trebuchet ms",sans-serif;
color:#662200;
font-size:80%;
}
.droite
{
border-style: "none none none none";
background-color: white;
text-align:right;
}
.caseacocher
{
width: 12px;
}
/*-----------------select option menu deroulant--------------------*/
select
{
font-family:"trebuchet ms",sans-serif;
color:#662200;
text-align:left;
}
.option1
{
font-family:"trebuchet ms",sans-serif;
color:#662200;
font-size:100%;
text-align:left;
}
.option2
{
font-family:"trebuchet ms",sans-serif;
color:#662200;
font-size:80%;
text-align:left;
}
/*------------------le label------------------*/
label {
font-family:"trebuchet ms",sans-serif;
font-weight:normal;
font-size:75%;
}
.labeld {
font-family:"trebuchet ms",sans-serif;
font-weight:normal;
font-size:75%;
background-color: white;
text-align:right;
}
.labelg{
font-family:"trebuchet ms",sans-serif;
font-weight:normal;
font-size:75%;
background-color: white;
text-align:left;
}
/*-----------------Saisie----------------------*/
.saisie
{
border-style: "none none none none";
background-color: #d5d0ba;
}
/*-----------------Saisie Obligatoire----------------------*/
.saisieobli
{
border-style: "none none none none";
background-color: white;

}
/*--------------La selection bouton-----------*/
select, option {
background-color:white;
color:black;
}
/*-------------La zone de texte -----------------*/
textarea {
border:1px solid black;
background-color:red;
font-family:"trebuchet ms",sans-serif;
color:black;
}

/*-----------------------------------------*/

/* La Font*/
body{
	font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;	
	background-color:#FFF;
	font-size:0.7em;

}
	
/* Style pour invalid input */
.invalidInput{
	border:1px solid #F00;
	padding:1px;
}

/* Style pour valid input */
.validInput{
	border:1px solid #FFF;
	padding:1px;
}

 /*-------------Onglet------------------*/
    body {
     background:#fff;
     margin:0;
     padding:20px;
     color:#000;
     font:small Georgia,Serif;
     _font:x-small;
      }

 #header {
      float:left;
      width:100%;
      background:#DAE0D2 url(../image/bg.gif) repeat-x bottom;
      font-size:93%;
      line-height:normal;
      }
 #header ul {
      margin:0;
      padding:10px 10px 0;
      list-style:none;
      }
    #header li {
      float:left;
      background:url(../image/left_both.gif) no-repeat left top;
      margin:0;
      padding:0 0 0 9px;
      border-bottom:1px solid #765;
      }
    #header a {
      float:left;
      display:block;
      width:.1em;
      background:url(../image/right_both.gif) no-repeat right top;
      padding:5px 15px 4px 6px;
      text-decoration:none;
      font-weight:bold;
      color:#765;
      white-space:nowrap;
      }
    #header > ul a {width:auto;}
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #header a {float:none;}
    /* End IE5-Mac hack */
    #header a:hover {
      color:#333;
      }
    #reservation #nav-reservation, #bdc #nav-bdc,
    #autre #nav-autre, #presentation #nav-presentation,
    #contact #nav-contact {
      background-position:0 -150px;
      border-width:0;
      }
    #reservation #nav-reservation a, #presentation #nav-presentation a,
    #contact #nav-contact a {
      background-position:100% -150px;
      padding-bottom:5px;
      color:#333;
      }
    #header li:hover, #header li:hover a {
      background-position:0% -150px;
      color:#333;
      }
    #header li:hover a {
      background-position:100% -150px;
      }
      
/*---------------------Boite de droite Grande----------*/
      
      .boite1 {
	width: 440px;
	padding-bottom: 10px;
	background: white url(../image/05-milieu-bas.png) no-repeat;
	background-position: center bottom;
	font-size: 90%;
}

.boite1 h2 {
	margin: 0;
	padding: 20px 20px 5px 20px;
	background: transparent url(../image/05-haut.png) no-repeat;
	background-position: center top;
	text-align: center;
}
.boite1 p {
	margin: 1em 20px;
	text-align: justify;
}
/*---------------------Boite de droite petite----------*/
.boite2 {
	width: 220px;
	padding-bottom: 10px;
	background: white url(../image/05-milieu-bas2.png) no-repeat;
	background-position: center bottom;
	font-size: 90%;
}

.boite2 h2 {
	margin: 0;
	padding: 20px 20px 5px 20px;
	background: transparent url(../image/05-haut2.png) no-repeat;
	background-position: center top;
	text-align: center;
}
.boite2 p {
	margin: 1em 20px;
	text-align: justify;
}
/*---------------------Info Bulle--------------------------*/

	#bubble_tooltip{
		width:147px;
		position:absolute;
		display:none;
	}
	#bubble_tooltip .bubble_top{
		background-image: url('../image/bubble_top.gif');
		background-repeat:no-repeat;
		height:16px;	
	}
	#bubble_tooltip .bubble_middle{
		background-image: url('../image/bubble_middle.gif');
		background-repeat:repeat-y;	
		background-position:bottom left;
		padding-left:7px;
		padding-right:7px;
	}
	#bubble_tooltip .bubble_middle span{
		position:relative;
		top:-8px;
		font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;
		font-size:11px;
	}
	#bubble_tooltip .bubble_bottom{
		background-image: url('../image/bubble_bottom.gif');
		background-repeat:no-repeat;
		background-repeat:no-repeat;	
		height:44px;
		position:relative;
		top:-6px;
	}