/* CSS Document */


#banniere {
 float: left;
width: 835px;
margin:0px;
height: 150px;
border-bottom: 4px solid #1e370f;

 }
#banniere a {
font-family: "Trebuchet MS", Georgia, Times, serif;
font-size : 90%;
font-weight :bold;
color : #FFFFFF;


text-align: center;


 }
#banniere a:hover {
      font-family: "Trebuchet MS", Georgia, Times, serif;
      font-size : 90%;
      font-weight :bold;
      color : gray;

text-align: center;


 }



a span { 
/* définition de la balise <span> inclue dans <a> */
display: none;
}
 a:hover span {
 /* définition de la balise <span> au survol */
 display: block;
 /* positions et dimensions du calque, que vous pouvez changer à loisir */
position: absolute;
 top: 100px;
 width: 125px;
 padding: 0; 

 left: 200px; 
 z-index: 100;
color: #FF6600;
background: none;
border: none;
 text-align: left;
 }

#chargeimg {
display: none;
}

#bloc_index {
margin: auto;
margin-top: 50px;
width: 620px;
height: 505px;
position: static;

}
#zone1_index {
width: 600px;
height: 350px;
margin-left: 10px;
margin-top: 10px;
position: absolute;

}
#zone2_index {
width: 620px;
height: 70px;
margin-left: 0px;
margin-top: 380px;
position: absolute;
border-top: 1px solid gray;

}
#zone3_index {
width: 620px;
height: 30px;
margin-left: 0px;
margin-top: 450px;
position: absolute;

border-bottom: 1px solid gray;
text-align: right;
margin-right: 10px;

}
#zone2_index h2{
margin: 10px;
      font-family: "Trebuchet MS", Georgia, Times, serif;
font-size: 80%;
text-align: right;
      font-weight: normal;
      color: gray;
      background-color : transparent;
}
#zone2_index a img{

	border: 1px solid gray;
	cursor: pointer;
}

#zone3_index a img{

	border: 1px solid gray;
	cursor: pointer;
}

#haut{
width: 100%;
height: 15px;
background-color: white;
}
#haut p{
      font-family : "Trebuchet MS", Georgia, Times,serif;
      font-size : 70%;
      font-weight : normal;
	text-align: left;
      color : gray;
      background-color : transparent;
   		padding-right: 110px;
}

#header{
width: 100%;
height: 100px;
background-image: url(images/fond_header.gif);
background-repeat: repeat;
background-color: #FFFFFF;

margin:0;
padding: 0;
}

#h{
position: static;
top: 0;
height: 20px;
	width:820px;
padding: 0;
margin-left: 20%;
background: white url(images/haut.gif) bottom no-repeat;
}
#b{
position: static;
top: 0;
bottom: 0;
height: 20px;
	width: 820px;
padding: 0;
margin-left: 20%;
background: white url(images/bas.gif) top no-repeat;
}
div.spacer {
 	clear: both;
 }

#content{
	width: 835px;
height: 100%;
margin: 0 auto;
padding-top : 0px;
padding-bottom : 0px;
padding-left: 0px;
margin-bottom: 0px;
}
#content h1{
      font-family: "Trebuchet MS", Georgia, Times, serif;
      font-size : 110%;
      font-weight : normal;
      color : #669900;
background-image: url(images/fond_titre.gif);
background-repeat: no-repeat;
background-position: left;
      background-color : #D9E6C0;
margin-top: 20px;
text-align: right;
padding-right: 20px;
border-bottom: 1px solid gray;
}                     
.titre{text-align: right;  	padding: 2px 2px 2px 2px; margin: 0px; font-size: 14px;color: #67802d; font-weight: bold;
}                     


#centre{


width: 830px;


}

#gauche{

margin: 0 auto;

width: 810px;
height: 210px;

background-image: url(images/fond_centre.jpg);
background-repeat: no-repeat;


}
#gauche a{
	color: #FFFFFF;
font-weight: normal;
text-align: center;
	/*text-decoration: underline;*/
	background: none; /* correction d'un bug IE */
}
#gauche a:hover{
	color: #FE6C00;
font-weight: bold;
text-align: center;

	/*text-decoration: underline;*/
	background: none; /* correction d'un bug IE */
}


#droite{
float: right;



margin-top: 10px;
padding: 0;

width: 155px;
height: auto;


}

#droite a{
text-align:right;
	color: blue;
text-decoration: underline;
margin-right: 5px;
}
#droite a h5{
text-align:right;
	color:#66cc00;
text-decoration: underline;

margin-right: 5px;
}
#droite a:hover h5{
text-align:right;
	color: #4e9242;
text-decoration: underline;

margin-right: 5px;
}
#droite a:hover{
	color: #4e9242;
	text-align: right;

	background: none; /* correction d'un bug IE */

}
#droite img {
     	margin-left: 3px;
		
      	background-color : #FFFFFF;
		border: 1px solid #66cc00;

}

#droite a img {
     	padding: 5px;
		margin: 10px;
      	background-color : #FFFFFF;
		border: 1px solid #66cc00;

}






#centre h1{
      font-family: "Trebuchet MS", Georgia, Times, serif;
      font-size : 130%;
      font-weight : normal;
      color : #669900;
background-image: url(images/fond_titre.gif);
background-repeat: no-repeat;
background-position: left;
      background-color : #D9E6C0;
margin-top: 20px;
text-align: right;
padding-right: 20px;
border-bottom: 1px solid green;
}                     
#centre h2{
font-family: "Trebuchet MS", Georgia, Times, serif;
font-size: 1em;
      font-weight: bolder;
      color: #666633;
text-align: center;
background-repeat: no-repeat;
background-position: right;
      background-color : #d9e6c0;
border-bottom: 1px dotted #cccc00;
border-top: 1px dotted #cccc00;
}
                    

#centre h3{
      font-family: "Trebuchet MS", Georgia, Times, serif;
		font-size: 90%;
      font-weight: bold;

margin-left: 10px;
margin-top: 10px;

      color: #87B495;

}
#centre a:hover h3{
cursor: hand;
}
#centre p{
      font-family : "Trebuchet MS", Georgia, Times,serif;
      font-size : 70%;
      font-weight : normal;
      color : #000;
margin-left: 10px;
      background-color : transparent;
      line-height : 140%;
		
}
#centre h4{
      font-family: "Trebuchet MS", Georgia, Times, serif;
		font-size: 70%;
      font-weight: bold;

margin-left: 10px;
margin-top: 10px;

      color: #0ca145;

}

#centre img{
     	padding: 5px;
		margin: 10px;
      	background-color : #FFFFFF;
		border: 2px solid #4e9242;

}
#centre a{
	color:#66cc00;
text-decoration: underline;
}
#centre a:hover{
	color: #4e9242;
	background: none; /* correction d'un bug IE */

}

#centre a img {
     	padding: 5px;
		margin: 10px;
      	background-color : #FFFFFF;
		border: 2px solid #66cc00;
cursor: pointer;

}
 

.ImportantText {
      font-family: "Trebuchet MS", Georgia, Times, serif;
	font-size: 14px;
	color: #CCCC00;
	font-weight: bold;
	font-style: normal;
}
.Info{
      font-family: "Trebuchet MS", Georgia, Times, serif;
	font-size: 12px;
	color: red;
	font-weight: normal;
	font-style: normal;
}
.DiscretText {
    font-family: "Trebuchet MS", Georgia, Times, serif;
	font-size: 12px;
	color: #999999;
font-style: italic;
	font-weight: normal;

} 



#image_resa {
width: 120px;
height: 160px;
background: url(images/demande_reservation.gif) top left no-repeat ;
position: static;
}
#zone_resa {
width: 100px;
height: 50px;
margin-left: 10px;
margin-top: 50px;
position: absolute;
}
a#zone_resa:hover {
background: url(images/demande_reservation_h.gif) top left no-repeat;
background-position: -10px -50px;
}


#boite_content{
position: relative;
border: 1px solid red;
float: right;
width: 100px;
background-color: #00A3FF;
top: 150px;
margin: 5px;
padding: 5px;
}


ul{

 list-style-image: url(images/puce_ul1.gif);
	font-family: "Trebuchet MS", Georgia, Times, serif;
      font-size : 70%;
      font-weight : normal;


 }

ul ul{
 list-style-image: url(images/puce_ul.gif);
	font-family: "Trebuchet MS", Georgia, Times, serif;
      font-size : 100%;
      font-weight : normal;

}

ul ul ul{
 list-style-type: decimal;
}

li {
padding-left:10px;
padding-right: 10px;
}

#logo{
    position : absolute;
    top : 5px;
    left : 30px;
    z-index : 50;
}
#logo1{
    float: right;
    
	}


#script{
    position : absolute;
    top : 12px;
    right : 0;
    text-align : right; /*correction pour Netscape 4*/
}
#navigation{
       position : absolute;
       top : 145px;
       left : 5px;
       width : 185px;
height: auto;
}                     
                     
#navigation a{
       font-family: "Trebuchet MS", Georgia, Times, serif;
       color : #00f;
       background-color: transparent;
}

#navigation a:link{
	color: white;
	text-decoration: none;
	
}

#navigation a:visited{
	color: white;
	text-decoration: none;
}

#navigation a:hover{
	color: #FE6C00;
font-weight: normal;
text-align: center;
	/*text-decoration: underline;*/
	background: none; /* correction d'un bug IE */
}
#cartouche1 {
	width: 190px;
	height: auto;
	margin-top: 5px;
	margin-bottom: 5px;
	
	background-color: #2797DE;
}
#cartouche1 h4 {
	margin: 5px;
	font-family: "Trebuchet MS", Georgia, Times, serif;
	color: #FFFFFF;
	font-size: 80%;
    font-weight: bold;
text-align: center;
}
#cartouche1 h5 {
	margin: 5px;
	font-family: "Trebuchet MS", Georgia, Times, serif;
	color: #FE6C00;
	font-size: 100%;
    font-weight: normal;
}
#cartouche2 {
	width: 140px;
	height: auto;
	margin-top: 5px;
	margin-bottom: 5px;
	background-color: #091f15;
}
#cartouche2 h4 {
	margin: 5px;
	font-family: "Trebuchet MS", Georgia, Times, serif;
	color: #FFFFFF;
	font-size: 80%;
    font-weight: bold;
}
#cartouche2 h5 {
	margin: 5px;
	font-family: "Trebuchet MS", Georgia, Times, serif;
	color: white;
	font-size: 80%;
    font-weight: normal;
}
#cartouche3 {
	width: 140px;
	height: auto;
	margin-top: 12px;
	margin-bottom: 5px;
margin-right: 15px;
	background-color: #dfe5e3;
border-right: 2px solid gray;
border-bottom: 2px solid gray;
border-top: 2px solid gray;


}
#cartouche3 h4 {
	margin: 5px;
	font-family: "Trebuchet MS", Georgia, Times, serif;
	color: #FFFFFF;
	font-size: 80%;
    font-weight: bold;
}
#cartouche3 h5 {
	margin: 3px;
	font-family: "Trebuchet MS", Georgia, Times, serif;
	color: gray;
	font-size: 70%;
    font-weight: normal;
}
#cartouche3 img {
margin: 10px;
border: 1px solid gray;
}


a{
	color: #999999;
	text-decoration: none;
}
a img{
	border: 1px solid gray;
	cursor: crosshair;
}

a:link{
	color: #999999;
	text-decoration: none;
}

a:visited{
	color: #999999;
	text-decoration: none;
}
a:hover{
	color: #4e9242;
	/*text-decoration: underline;*/
	background: none; /* correction d'un bug IE */
}

p {
	font-family: "Trebuchet MS", Georgia, Times, serif;
font-size:80%;
}
form {
background-image: url(images_pack/fond_form_packc.gif);
background-repeat: no-repeat;
padding:20px;
width:630px;
border-left: 1px solid #00A3FF;
border-right:1px solid #00A3FF;
border-top:1px solid #00A3FF;
border-bottom: 1px solid #00A3FF;
margin: 0px auto;
}
label {
margin-left: 20px;
font-family:"trebuchet ms",sans-serif;
font-weight:bold;

}
.button { font-family : arial, helvetica, sans-serif ; background-color: green ; font-size: 16p ;color: white ; top: 80% ; border-width: 2pt ; }

input {
border-top:1px dotted gray;
border-bottom:1px dotted gray;
background-color: #FFFFFF;
font-family:"trebuchet ms",sans-serif;
color: gray;
margin-left: 20px;
}
select, option {
background-color: #FFDAC8;
color: gray;
}
textarea {
margin-left: 20px;
border:1px solid #00A3FF;
background-color:#FFFFFF;
font-family:"trebuchet ms",sans-serif;
color: gray;
}
input.bouton {
border-top:1px dotted gray;
border-bottom:1px dotted gray;
font-weight:bold;
cursor: default;
}
input.bouton:hover {
background-color:red;
color: red;
border: 1px solid gray;
}


             
#siteInfo{
margin: 0;
padding: 0;
width:835px;
height: 50px;
	clear: both;
	font-size: 75%;
	color: #cccccc;

border-top: 4px solid #1e370f;
border-bottom: 2px solid #1e370f;
}

#image_pied {
width: 835px;
height: 50px;
background: url(images/pied_site.jpg) top left no-repeat ;
position: static;
}
#zone_pied1 {
width: 210px;
height: 20px;
margin-left: 600px;
margin-top: 14px;
position: absolute;

}

#siteInfo h1{
      font-family : "Trebuchet MS", Georgia, Times, serif;
      font-size : 120%;
      font-weight : normal;
      color: #fde685;
      background-color : transparent;
}                     
#siteInfo h2{
      font-family: "Trebuchet MS", Georgia, Times, serif;
      font-weight: bold;
      color: #fde685;
      background-color : transparent;

}
#siteInfo p{
margin: 0;
padding: 0;

text-align: center;
      font-family : "Trebuchet MS", Georgia, Times,serif;
      font-size : 90%;
      font-weight : normal;
      color: green;
      background-color : transparent;
      line-height : 140%;
}
#siteInfo a{
	color:#cccccc;
text-decoration: underline;
}
#siteInfo a:hover{
	color: #4e9242;
	background: none; /* correction d'un bug IE */

}