body {
margin:0;
padding:0;
font-size: 0.7em;
background-color: #cedfce;
text-align:center;
font-family: verdana, arial, times, sans-serif;
background-image:url(img/gmarine-font.gif);
background-repeat:repeat-x;
}

/*----------------------- images------------------------*/
img {
border:0;
}

#offres img, #offers img, #ofertas img, #nosti img {
border: 2px solid #999999;
}
/*----------------------- fin images------------------------*/

/*----------------------- textes------------------------*/
h1 {
	position:absolute;
	top:-9999px;
  	left:-9999px;
	font-family: "Microsoft Sans Serif", serif, sans-serif;	
	font-size: 0.8em;
}

p {
margin:0;
padding:0;
}

ul {
margin:0;
padding:6px 0 0 0;
color: #ffffff;
font-weight: bold;
}

li {
display: inline;
}

/*----------------------- fin textes------------------------*/

/*----------------------- liens------------------------*/
#menu a {
color: #ffffff;
text-decoration: none;
}


#reservation a, #adresse a {
color: #003300;
font-weight:bold;
text-decoration: none;
}

#groupe a {
color: #003300;
}

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


#offres a:hover, #offers a:hover, #ofertas a:hover, #nosti a:hover {
border:0px ;
}

#offres a:hover img, #offers a:hover img, #ofertas a:hover img, #nosti a:hover img {
border:2px #336699 dotted;
} 

p a {
color:#336633;
text-decoration: none;
}

p a:hover {
text-decoration: underline;
}
/*----------------------- fin liens------------------------*/
#header {
margin-bottom: 0px;
}

#conteneur {
margin-left:auto;
margin-right:auto;
width:853px;

}

#newsletter {
position: absolute;
top:-1px;
left:499px;
margin:0; 
padding:35px 0 0 0;
width: 340px;
height: 37px;
text-align:right;
background-image:url(img/gmarine-font-newsletter.gif);
background-repeat:no-repeat;
}

#newsletter form {
position: absolute;
top:2px;
left:150px;
margin: 2px 15px 0 0;
}

#conteneur_bas {
position:relative;
margin-top: 19px;
/*height:500px;*/
width:850px;
background-image:url(img/gmarine-font-conteneur.gif);
background-repeat:repeat-y;
}

#logo {
float:left;
margin-bottom: 4px;
}

#langues {
float:right;
color:#FFFFFF;
margin-top: 10px;
padding: 30px 0 0 0;
}

#menu {
background-image:url(img/gmarine-font-menu.gif);
background-repeat:no-repeat;
background-position:center;
width:100%;
height:34px;

}

#titre {
width:853;
text-align:left;
/*border:1px solid #000000;*/
margin:0;
padding: 15px 0 0 18px;
background-image:url(img/gmarine-font-conteneur-haut.gif);
background-repeat:no-repeat;
}

#photos_texte {
float:left;
width:470px;
/*border: 1px solid #000000;*/
}

#photos {
position:relative;
height: 275px;
}

#menu_photo {
float:right;
margin-top: 5px;
width: 62px;
}

#texte {
height: 122px;
text-align:left;
margin-bottom: 35px;
margin-left: 13px;
/*border: 1px solid green;*/
}

#reservation_offres {
float:right;
text-align:right;
width:350px;
margin-right: 20px;
background-image:url(img/gmarine-deco-golf.gif);
background-repeat:no-repeat;
background-position:bottom left;
/*border: 1px solid #000000;*/
}

#reservation {
width:300px;
background-color: #e5e5e5;
font-size: 11px;
font-weight:bold;
text-align:right;
padding:0 15px 5px 0;
margin-bottom: 30px;
margin-left: 35px;
}

#offres {
text-align:right;
background-image:url(img/gmarine-titre-offres-packages.gif);
background-repeat:no-repeat;
background-position:125px top;
padding: 45px 0 0 0; 
margin-bottom: 20px;
/*margin-top: 30px;
border: 1px solid red;*/
}

#offers {
text-align:right;
background-image:url(img/gmarine-titre-offers-and-packages.gif);
background-repeat:no-repeat;
background-position:125px top;
padding: 45px 0 0 0; 
margin-bottom: 20px;
/*margin-top: 30px;
border: 1px solid red;*/
}

#ofertas {
text-align:right;
background-image:url(img/gmarine-titre-ofertas-y-packages.gif);
background-repeat:no-repeat;
background-position:125px top;
padding: 45px 0 0 0; 
margin-bottom: 20px;
/*margin-top: 30px;
border: 1px solid red;*/
}

#nosti {
text-align:right;
background-image:url(img/gmarine-titre-nosti-offerte-speciali.gif);
background-repeat:no-repeat;
background-position:125px top;
padding: 45px 0 0 0; 
margin-bottom: 20px;
/*margin-top: 30px;
border: 1px solid red;*/
}

#footer {
/*clear:both;*/
width: 850px;
height: 100px;
margin:0 1px 0 0 ;
padding:0;
background-image:url(img/gmarine-font-footer.gif);
background-repeat:no-repeat;
background-color:#cedfce;
}

#adresse {
float:left;
color: #666666	;
margin:0;
padding:10px 0 0 0;
text-align:left;
}

#groupe {
float:right;
color: #ffffff;
margin:0;
padding:10px 0 0 0;
}

/*--------------------- texte défilement ----------------------*/

a.B { 
background-image: url('img/hotel-up-off.gif');
display: block; 
width: 16px }

a.B:hover { 
background-image: url('img/hotel-up-on.gif');
 }
 
a.C { 
background-image: url('img/hotel-down-off.gif'); 
display: block; 
width: 16px }

a.C:hover { 
background-image: url('img/hotel-down-on.gif');
 }

.gauche {
float:left;
width: 370px;
margin-right: 6px;
/*border: 1px solid red;*/
}

#bt_def {
float:left;
width: 16px;
height: 120px;
margin-left: 6px;
margin-top: 22px;
margin-left: 15px;
background-color: #cedfce;
/*border: 1px solid red;*/
}

#bt_def_presse {
float:left;
width: 16px;
height: 360px;
margin-left: 6px;
margin-top: 22px;
margin-left: 15px;
background-color: #cedfce;
/*border: 1px solid red;*/
}

#bt_def_brochures {
float:left;
width: 16px;
height: 230px;
margin-left: 6px;
margin-top: 22px;
margin-left: 15px;
background-color: #cedfce;
/*border: 1px solid red;*/
}

#bt_def_links {
float:left;
width: 16px;
height: 330px;
margin-left: 6px;
margin-top: 22px;
margin-left: 15px;
background-color: #cedfce;
/*border: 1px solid red;*/
}

p {
text-align:left;
font-weight: bold;
color:#666666;
text-align:justify;
}

/*--------------------- fin texte défilement ----------------------*/