body { color: black; background-image: url(assets/index_bkg.jpg); background-repeat: repeat-y; background-position: center top; margin: 0; padding: 0; }
#conteneur { 
	width: 1000px; 
	margin-right: auto; 
	margin-left: auto; 
	}
div#header { clear: both; height: 225px; width: 996px; padding: 1px; border-right: 1px solid white; border-left: 1px solid white; border-top-color: white; border-bottom-color: white; }
#headlink {
	text-align: center;
	width: 100%;
	padding: 0px;
	margin-top: -5px;	
	}
#headlink h1 { text-align: center; font-size: 14px; text-decoration: none; padding-top: 5px; margin: 0; color: #00ccff; background-color: maroon; letter-spacing: 2px; text-indent: 3pt; }
#headlink h1 a:hover {
	background-attachment: scroll;
	background-image: url(assets/pointer.gif);
	background-repeat: no-repeat;
	background-position: center top;
	margin-top: 10px;
	padding-top: 5px;
	}
div#header a { 
	color: white; 
	font-size: 0.7em; 
	font-family: arial, helvetica; 
	text-decoration: none; 
	text-align: center; 
	}
div#header a:link { 
	color: white; 
	font-size: 0.7em; 
	font-family: arial, helvetica; 
	text-decoration: none; 
	text-align: center; 
	}
div#header a:visited { 
	color: white; 
	font-size: 0.7em; 
	font-family: arial, helvetica; 
	text-decoration: none; 
	text-align: center; 
	}
div#header a:hover { 
	color: white; 
	font-size: 0.7em; 
	font-family: arial, helvetica; 
	text-decoration: none; 
	text-align: center; 
	}
div#header a:active { 
	color: white; 
	font-size: 0.7em; 
	font-family: arial, helvetica; 
	text-decoration: none; 
	text-align: center; 
	}
#menu { text-align: center; width: auto; height: 25px; clear: both; margin: 0; padding-left: 0; }
#menu a { 
	color: black; 
	font-size: 0.7em; 
	font-family: arial, helvetica, sans-serif; 
	text-decoration: none; 
	text-align: center; 
	padding-top: 5px;	
	letter-spacing: 0.1em 
	}
#menu a:link  { 
	color: black; 
	font-size: 0.7em; 
	font-family: arial, helvetica, sans-serif; 
	text-decoration: none; 
	text-align: center; 
	letter-spacing: 0.1em }
#menu a:visited  { 
	color: purple; 
	font-size: 0.7em; 
	font-family: arial, helvetica, sans-serif; 
	text-decoration: none; 
	text-align: center; 
	letter-spacing: 0.1em 
	}
#menu a:hover  {
	color: red;
	font-size: 0.7em;
	font-family: arial, helvetica, sans-serif;
	text-decoration: none;
	text-align: center;
	letter-spacing: 0.1em;
	background-attachment: scroll;
	background-image: url(assets/pointer1.gif);
	background-repeat: no-repeat;
	background-position: center top;
	}
#menu a:active  { 
	color: orange; 
	font-size: 0.7em; 
	font-family: arial, helvetica, sans-serif; 
	text-decoration: none; 
	text-align: center; 
	letter-spacing: 0.1em 
	}
#maincontent  { width: 1000px; height: auto 
	 }

div#left  { background: #ffffff url(assets/vacances-left.jpg) no-repeat left top; width: 200px; height: 600px; float: left; }
div#left h1{
	display: none}
div#middle4 { color: white; text-align: left; width: 780px; height: auto; float: right; margin-top: 0; margin-bottom: 0; margin-left: 0; padding-left: 4px; }
.vacances-main{
	font-family: arial, helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;
	padding: 5px;
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 5px;
	background-attachment: scroll;
	background-image: url(assets/vacances-main.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
}
.vacances-golf { font-size: 11px; font-family: arial, helvetica, sans-serif; font-weight: normal; background-image: url(assets/golf_fds.jpg); text-decoration: none; background-repeat: no-repeat; background-attachment: scroll; background-position: left bottom; margin-right: 5px; margin-bottom: 10px; margin-left: 5px; padding: 5px; }
div#footer { color: gray; font-size: 0.7em; font-family: arial, helvetica, sans-serif; clear: both; background-repeat: no-repeat; background-position: center bottom; text-align: center; width: 1000px; height: 160px; padding-top: 10px; border-top: 1px solid gray; }
div#footer2 { color: gray; font-size: 0.7em; font-family: arial, helvetica, sans-serif; background-repeat: no-repeat; background-position: center bottom; text-align: center; padding-top: 10px; width: 1000px; height: 160px; clear: both; border-top: 1px solid gray; }
div#left a { color: #5bccf9; font-size: 1.1em; font-family: verdana, "trebuchet ms", arial, helvetica; text-decoration: none; text-align: center; }
div#left a:link { color: #3d89a8; font-size: 1.1em; font-family: verdana, "trebuchet ms", arial, helvetica; text-decoration: none; text-align: center; }
div#left a:visited { color: purple; font-size: 1.1em; font-family: verdana, "trebuchet ms", arial, helvetica; text-decoration: none; text-align: center; }
div#left a:hover { color: red; font-size: 1.1em; font-family: verdana, "trebuchet ms", arial, helvetica; text-decoration: none; text-align: center; }
div#left a:active { color: olive; font-size: 1.1em; font-family: verdana, "trebuchet ms", arial, helvetica; text-decoration: none; text-align: center; }
.destination {
	color: #3abac7;
	font-size: 12px;
	font-family: Geneva, Arial, Helvetica, SunSans-Regular, sans-serif;
	font-style: italic;
	text-align: right;
	margin-right: 0;
	padding-right: 5px;
	width: 150;
	}
.opacityit img{
border: 1px solid #ccc;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
-moz-opacity: 0.7;
}

.opacityit:hover img{
border: 1px solid #666666;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity: 1;
}	
.opacityit:hover{
color: red; /* irrelevant definition to overcome IE bug */
}
.text   {
	color: black;
	font-size: 0.7em;
	font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
	line-height: 1.4;
	text-align: justify;
	padding: 5px
}
.text2 { color: black; font-size: 0.7em; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; line-height: 1.4; text-align: justify; padding: 0 5px 1px; }
.text3 { color: black; font-size: 0.7em; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; line-height: 1.4; text-align: justify; margin: 0; padding: 0 5px; }
p { margin: 0; padding: 0; }
.textdroit { color: black; font-size: 0.7em; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; line-height: 1.2; text-align: justify; padding: 6px 11px 6px 12px; }
.text1   { color: black; font-size: 0.7em; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; line-height: 1.4; padding: 6px }
.titre { color: white; font-size: 1.2em; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; text-align: justify; padding: 6px; }
.titre1 { color: #008080; font-size: 1em; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; text-align: left; padding: 6px; }
.titre2 { color: #006b6b; font-size: 1em; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: bold; background-image: url(assets/button_bkg.gif); background-repeat: no-repeat; background-position: 0 12px; text-align: left; padding: 6px; }
.promo { color: #009b9b; font-size: 1.4em; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: bold; line-height: 1.2em; text-align: left; padding: 10px 6px 0 10px; }
.tel { color: maroon; font-size: 1.6em; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: bold; line-height: 1.2em; text-align: center; padding: 10px 6px 0 10px; display: none; }
h1  { color: white; font-size: 1.2em; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; text-align: justify; margin: 5px 0 5px 5px; padding: 0 }
h2 {
	color: #008080;
	font-size: 1em;
	font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
	text-align: left;
	padding: 5px;
}
a { color: #0080a2; text-decoration: none; }
a:link { color: #0080a2; text-decoration: none; }
a:visited { color: #006b6b; text-decoration: none; }
a:hover { color: #0000c9; text-decoration: none; }
a:active { color: red; text-decoration: none; }

#mytable { width: 95%; padding: 0; margin: 0; border-color: #0071ad; border-width: 2px; }
.search_title { color: white; font-size: 1em; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; letter-spacing: 0.1em; padding: 5px 3px; }
.search_text { color: black; font-size: 0.8em; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; padding: 5px; }
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden; }
* html .clearfix {
	height: 1%; }
.clearfix {
	display: block; }
	.box { 
  background: #FFA558; 
}
.boxtop { 
  background: url(assets/ne.gif) no-repeat top right; 
}
.boxtop div { 
  height: 15px; 
  background: url(assets/nw.gif) no-repeat top left; 
}
.boxbottom { 
  background: url(assets/se.gif) no-repeat bottom right; 
}
.boxbottom div { 
  height: 15px; 
  background: url(assets/sw.gif) no-repeat bottom left; 
}
.boxcontent {
  padding: 0px 15px 0px 15px;
}
#promo { background-image: url(assets/fds-mer.jpg); background-repeat: no-repeat; background-position: 0 bottom; }
.promo_titre { color: #74ff16; font-size: 1.2em; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; background-color: green; text-align: center; letter-spacing: 0.1em; padding: 5px 3px; }
.redstar { color: red; font-size: 1.6em; font-weight: bold; }
#main {
	width: 780px;
	float: right;
}