body { 
	color: black; 
	background-color: #4db3ff; 
	margin: 0; 
	padding: 0; 
	}
#conteneur { 
	background-color: white; 
	width: 1000px; 
	margin-right: auto; 
	margin-left: auto; 
	}
div#header { 
	clear: both; 
	height: 215px; 
	background-image: url(assets/head2.jpg); 
	background-repeat: no-repeat; 
	width: 1000px; 
	padding: 1px; 
	}
#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: 0px;
	color: #00CCFF;
	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: 1000px; 
	height: 25px; 
	clear: both; 
	margin: 0px 0 0px; 
	}
#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  {
	width: 200px;
	float: left;
	background-attachment: scroll;
	background-image: url(assets/vacances-left.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	background-color: #FFFFFF;
	}
div#left h1{
	display: none}	
div#right { 
	width: 200px;
	float: right; 
	background-attachment: scroll;
	background-image: url(images/vacances-right.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	background-color: #FFFFFF;
	}
div#right h1{
	font-family: arial, helvetica, sans-serif;
	font-size: 16px;
	color: #0066CC;
	text-decoration: none;
	padding: 3px;
	margin-top: 15px;
	}
div#right p{
	padding: 5px;
	margin-top: 12px;
	font-family: arial, helvetica, sans-serif;
	font-size: 11px;
	background-color: #ffffff;
	border-left: 1px solid #ECEBDF;
	-moz-opacity:0.75;
	opacity:0.75;
	filter:alpha(opacity='60');
}
div#middle  {
	margin: 0 205px;
	width: auto;
	}
div#middle2 { background-color: #c3f4ff; background-repeat: no-repeat; background-attachment: scroll; background-position: right bottom; margin: 0 205px; width: auto; }
div#middle h1{
	font-family: arial, helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #00CCFF;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 10px;
}
div#footer { color: gray; font-size: 0.7em; font-family: arial, helvetica, sans-serif; clear: both; background-image: url(images/foot.jpg); background-repeat: no-repeat; background-position: center bottom; text-align: center; width: 1000px; height: 100px; padding-top: 10px; 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.2; text-align: justify; padding: 6px }
.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: 1.4em; 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: 0 6px 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; }
h1  { color: white; font-size: 1.5em; 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: 6px; }
a { color: #0080a2; font-size: 1em; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; text-decoration: none; }
a:link { color: #0080a2; font-size: 1em; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; text-decoration: none; }
a:visited { color: #006b6b; font-size: 1em; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; text-decoration: none; }
a:hover { color: #0000c9; font-size: 1em; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; text-decoration: none; }
a:active { color: red; font-size: 1em; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; text-decoration: none; }
#middle a { color: #0080a2; font-size: 1em; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: bold; text-decoration: none; }
#middle a:link { color: #0080a2; font-size: 1em; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: bold; text-decoration: none; }
#middle a:visited { color: #006b6b; font-size: 1em; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: bold; text-decoration: none; }
#middle a:hover { color: #0000c9; font-size: 1em; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: bold; text-decoration: none; }
#middle a:active { color: red; font-size: 1em; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: bold; text-decoration: none; }
#right a { color: #0080a2; font-size: 1.1em; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: bold; text-decoration: none; }
#right a:link { color: #0080a2; font-size: 1.1em; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: bold; text-decoration: none; }
#right a:visited { color: #006b6b; font-size: 1.1em; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: bold; text-decoration: none; }
#right a:hover { color: #0000c9; font-size: 1.1em; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: bold; text-decoration: none; }
#right a:active { color: red; font-size: 1.1em; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: bold; text-decoration: none; }
#mytable { width: 100%; padding: 0; margin: 0; border-color: #941f44; border-width: 2px; }
.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; }

