@charset "utf-8";

body {
	background-color: #000000;
	font-family: Arial, sans-serif;
	font-size: 12px;
	margin:2px auto;
	color:#FFFFFF;
}
#container {
position:relative;
margin:0px auto;
text-align:left;
width:1000px;
}
#header {
	position:absolute;
	left:0px;
	top:0px;
	width: 977px;
	height: 90px;
	padding: 0px;
	margin: 0px;
}
#menu {
	position:absolute;
	left:0px;
	top:92px;
	width:190px;
	height:180px;
	margin: 0px;
	padding-left:14px;
	background-image:url(../images/boutons.jpg);
	background-repeat:no-repeat;
}
#menu a:hover {
	color:#000000;
}
#content {
z-index:1;
	position:absolute;
	top:94px;
	left:193px;
	width:755px;
	height:444px;
	text-align:justify;
	padding-right:15px;
	padding-left:15px;
	overflow:auto;
	background-color:#1D1D1D;
	border-left:#000000 3px solid;
}
#gauche {
	position:absolute;
	left:0px;
	top:273px;
	width: 193px;
	height: 256px;
	padding: 0px;
	margin: 0px;
	text-align:center;
	padding-top:12px;
	background-color:#333333;
}
#welcome {
	position:absolute;
	top:16px;
	left:15px;
	width:754px;
	height:52px;
	text-align:justify;
	text-align:center;
	padding-top:3px;
	color:#FFFFFF;
	background-color:#414040;
	border:1px solid #277276;
}
#haut {
	position:absolute;
	left:15px;
	top:89px;
	width:754px;
	height:20px;
	font-weight: bold;
	color: #4bc0c6;
	text-align:center;
	padding-top:5px;
	border:1px solid #277276;
	background-color:#414040;
}
#footer {
	position:absolute;
	background-color:#333333;
	color: #a8a8a8;
	text-align:right;
	top:541px;
	left:0px;
	width:977px;
	height:15px;
	padding:2px;
}
#tours {
	position:relative;
	top:2px;
	text-align:center;
	padding:3px;
	color:#FFFFFF;
	background-color:#414040;
	border:1px solid #277276;
}
#accueil {
position:absolute;
left:305px;
top:132px; 
width:440px; 
height: 265px; 
background-color:#414040; 
padding:12px;
z-index:2;
font-family:tahoma;
font-size: 11px;
border:1px solid #277276;
}
#tarif {
position:relative;
width:250px; 
left:100px;
background-color:#414040; 
padding:7px;
border:1px solid #277276;
}
* html #accueil { /*IE only. */
position:absolute;
left:305px;
top:132px; 
width:440px; 
height: 269px; 
padding:10px;
}
a {
	color:#00CCCC;
	text-decoration: none;
}
a:hover {
	color:#000000;
	background-color:#00CCCC;
	text-decoration: none;
}
h1 {
	color:#FFFFFF;
	font-variant:small-caps;
	text-decoration: none;
	font-size:12px;
	padding:5px;
	text-align:left;
	border-bottom:1px solid #4bc0c6;
	background-color:#1e4149;
	margin-bottom:10px;
}
h2 {
	color:#4bc0c6;
	font-variant:small-caps;
	text-decoration: none;
	padding-left:5px;
	font-size:14px;
	border:1px solid #FFFFFF;
	background-color:#1e4149;
	padding:4px;
	text-indent:10px;
}
table {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
input {
	background-color:transparent; 
	letter-spacing: 0.1em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #999999;
	width:110px;
	border:1px solid #777777;
}
textarea {
	background-color:transparent;
	letter-spacing: 0.1em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #999999;
	width:210px;
	height:70px;
	border:1px solid #777777;
}
img {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#dropmenudiv{
z-index:100;
position:absolute;
line-height:16px;
margin: 1px 0;
padding: 0;
border: 1px solid #9A9A9A;
border-bottom-width: 0;
width: 175px;
height: 16px;
list-style-type:none;
}

#dropmenudiv a{
text-align:center;
background-image: url(../images/glossybackc.gif);
background-position:bottom;
background-color:#666666;
font: bold 11px arial, Verdana, Helvetica, sans-serif;
color: white;
display: block;
width: 200px;
height: 28px;
padding: 1px 0;
text-decoration: none;
width: 100%;
display: block;
text-indent: 3px;
border: 1px solid #9A9A9A;
}
#dropmenudiv a:hover{ /*hover background color*/
background-image: url(../images/glossybackc.gif);
background-position:top;
background-color:#666666;
color:#000000;
}
* html #dropmenudiv a{ /*IE only. Actual menu width minus left padding of A element (10px) */
width: 180px;
}
.glossymenu{
z-index:100;
list-style-type: none;
margin: 1px 0;
padding: 0;
width: 177px;
border: 1px solid #9A9A9A;
border-bottom-width: 0;
}

.glossymenu li a{
background-image: url(../images/glossybackc2.gif);
background-position:bottom;
background-color:#666666;
font: bold 11px arial, Verdana, Helvetica, sans-serif;
color: white;
display: block;
width: auto;
height: 16px;
padding: 3px 0;
padding-left: 5px;
text-decoration: none;
list-style-type: square;
}


* html .glossymenu { /*IE only. Actual menu width minus left padding of A element (10px) */
position:absolute;
padding:0px;
}

* html .glossymenu li a{ /*IE only. Actual menu width minus left padding of A element (10px) */
width: 172px;
line-height:14px;
}

.glossymenu li a:visited, .glossymenu li a:active{
color: white;
}

.glossymenu li a:hover{
background-image: url(../images/glossybackc2.gif);
background-position:top;
background-color:#666666;
	color:#000000;
}
.turquoise {
font-weight:bold;
color:#4bc0c6;
font-style:italic;
}