/* Less is more */

/*

------------------------------------------------------
Copyright Maxine Sherrin, www.westciv.com
some rights reserved
http://creativecommons.org/licenses/by-sa/2.0/

You are free to use this style sheet and its
associated image files to create your own site.
However, we ask that you respect the template's
creator by maintaining this attribution in
the style sheet.
------------------------------------------------------

*/

/*\*//*/@import "macstyles.css";/**/ 


body {
margin: 0 auto;
padding: 0;
font-family: verdana, arial, helvetica, sans-serif;
background-color: #006633;
color:#000000;
}


/*Hack pour combler le vide si le maintext est plus court que les colomnes*/
/*html, body, #container,#main-text {
min-height: 110%;
height: 110%;*/
/*}
html>body, html>body #container,html>body  #right-column, html>body #main-text{ height: auto;}

Fin du hack*/

/* Has a background image to create the patterned panel down the left side of the page. */

#container {
/*position: absolute;*/
/*test pour fixed design*/
width: 778px;
/*fin du test
padding: 0;
margin: 0;*/
/*margin: 0 auto;
background-position: top left;*/
background-color: #FFFFFF;


}

/* Banner near top of page that says the name of the whole site - also has crane background image. */


#main-title {
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
padding-right: 170px;

letter-spacing: 5px;
text-align: right;
background-image: url(images/top_nav_01.jpg);
background-repeat: no-repeat;
background-position: top left;
background-color: #ffffff;
height: 100px;
color: #838383;
padding-top: 0px;
}
#top-menu a:link, #top-menu a:visited  {
color: #ffffff;
border-bottom: 0;
font-weight:normal;
}
#top-menu a:hover {
border-bottom: 1px solid #ffffff;
color: #ffffff;
font-weight:normal;
}

/* Not contained in the main-text element. Has background image to create effect of continuation of crane image. */

#top-menu {
text-align:right;
margin-top: 0;
margin-bottom: 0;
font-size: 10px;
padding-bottom: 7px;
padding-top: 7px;
padding-left: 5px;
padding-right: 15px;
font-weight: normal;
background-color:#006633;
color: #ffffff;

}



span.top-date {
text-align:left;
position:absolute;
left:15px;
/*padding-right:80px;*/
}



/* Styles for the main text on the page. */

/*#main-text {
margin-top: 0;

margin-left: 150px;
margin-right: 175px;
padding-right: 5px;
background-color: #ffffff;
padding-top: 0;
padding-left: 15px;
min-height:700px;
color:#000000;
font-weight:normal;

_height: 700px;

border-right: 1px #ddd dotted;

}*/
#main-text{
margin-left: 150px;
margin-right: 175px;
padding-left: 15px;

line-height: 1.6em;
text-align: left;
padding-top: 0;


}

p, ul, ol, table {
margin: 0;
padding-top: 5px;
padding-bottom: 5px;
text-align: left;
font-size: 0.6em;
line-height: 1.8em;
}
ul.trajets{margin-left:20px;}

ol, ul {
	list-style-type:none;
	
}

h2, .h2, a.lientitre:link, a.lientitre:visited {
color: #006633;
/*font-size: .9em;*/
font-size: 14px;
font-weight: bold;
margin: 0;
padding-top: 5px;
padding-bottom: 0px;

border-bottom:none;
}
a.lientitre:hover{
text-decoration: none;
/*font-size: .6em;*/
font-weight: bold;
/*color: #3366FF;*/
color: #006633;
border-bottom: 1px #006633 solid;
}


h3 {
color: #3333cc;
font-size: .7em;
font-weight: bold;
margin-left: 15px;
margin-right: 15px;
margin-top:10px;
margin-bottom:0;
padding-top: 5px;
}

h4 {

/*margin-top:100px;*/
margin-bottom: 0;
/*padding-left:15px;*/
padding-bottom:2px;
color: #000000;
font-size: 0.7em;
font-weight: bold;
}
h5 {
margin-bottom: 0;
/*padding-left:15px;*/
padding-bottom:2px;
color: #000000;
font-size: 0.7em;
font-weight: bold;
}

a:link, a:visited {
text-decoration: none;
/*font-size: .6em;*/
font-weight: bold;
/*color: #3366FF;*/
color: #3366FF;
border-bottom: 1px #3366FF solid;


}


a:hover {
text-decoration: none;
font-weight: bold;
color: #009933;
border-bottom: 1px #009933 solid;
/*border-bottom: 3px #9ad815 solid;*/
}
/*Syle pour petite flèche verte*/

a.arrow:link, a.arrow:visited, span.arrow {
text-decoration: none;
color: #009933;
font-weight: bold;
border-bottom: 0;
font-size:10px;
}


/*Syle pour "en savoir plus"*/
a.more:link, a.more:visited {
text-decoration: none;
color: #000000;
font-weight: bold;
border-bottom: 0;
font-size:10px;
}

a.more:hover {
text-decoration: none;
color: #009933;
font-weight: bold;
border-bottom: 0;

}

a.image:link, a.image:visited,  a.image:hover, a.image:active{
text-decoration: none;
color: #67ff26;
/*font-weight: normal;*/

border-bottom: 0;
}


/* Styles for the navbar on the left side. */
#left-menu{
clear: left;
float: left;
top: 125px;
	width: 150px;
	height: 398px;
	font-weight: bold;
	background-color: #ffffff;
	background-image: url(images/left_nav_back_04.gif);
margin-top:-1px;

}

/*#left-menu {

	position: absolute;
	top: 125px;
	width: 150px;
	height: 398px;
	font-weight: bold;
	background-color: #ffffff;
	background-image: url(images/left_nav_back_04.gif);
	
}*/

#liens {
position: absolute;
/**/top: 555px;
/*margin-left:10px;*/
padding-left:15px;
width: 135px;

/*font-size: .6em;
height: 100%;
height: 398px;*/
/*padding-top: 25px;
padding-bottom: 25px;
font-weight: bold;*/
border-top: 1px #ddd dotted;
background-color: #ffffff;
background-color: transparent;
}

#coordonnees {
margin-top:60px;
width:143px;
padding-left:15px;
/*position: absolute;
top: 130px;
margin-left:10px;

width: 135px;


font-weight: bold;

line-height:0.2em;
background-color: #ffffff;
background-color: transparent;*/
}
#boutons{
font-size: .6em;
}


#boutons a:link, #boutons a:visited {
display: block;
color: #000000;
text-align: left;
padding-left: 15px;
padding-bottom: 8px;
padding-top: 8px;
border:0;
/*font-size: .6em;*/
}

#boutons a:hover, #boutons a.current {
color: #ffffff;
border-bottom: 1px #ddd solid;
background-color:#006633;
border:0;
}

#separator{
border-top: 1px #999999 solid;
border-bottom: 1px #ffffff solid;
margin-bottom:0;
margin-top:0;
}
#left-menu p{

	line-height: 1.5em;
	/*padding-left:15px;*/
	padding-right:0px;
	font-weight: bold;
	color: #000000;
	border:0;
	

}

#left-menu p a:link, #left-menu p a:visited{
	/*font-size:9px;*/
	font-weight: bold;
	text-decoration: none;
	color: #3366FF;
	border-bottom: 1px #6699cc solid;
	background-color: transparent;
	margin-right:0;
	margin-bottom:0;
	text-align:left;
	letter-spacing: -0.02em;
}

 #left-menu p a:hover{
/*position: absolute;
margin-top: 100px;
left: 0;*/
width: 100px;
/*font-size: .9em;*/
font-weight: bold;
text-decoration: none;
color: #009933;
border-bottom: 1px #009933 solid;
background-color: transparent;
padding:0;/**/
margin-left:0;
text-align:left;
}



#left-menu p.leftcolumn {
background-color: #23ff18;
color: #000000;
width:150px;
text-align:left;
margin-top: 0;
border-bottom: 0;
}

#left-menu a.leftcolumn:link {
color: #ff3512;
margin-top: 0;
border-bottom: 0;
}

/* Styles for the pullquote on the right side. */

/*#right-column {
position: absolute;
top: 126px;

left: 605px;

width: 170px;
background-color: #ffffff;

overflow: hidden;
}*/
#right-column  {
float: right;
width: 170px;
height:100%;
margin: 0 0 10px 0;
padding: 0;
/*font-size: 0.9em;
line-height: 1.5em;*/

}

img.top{
margin-left:15px;
width:143px;
}
img.grosse{
width:424px;

}

#right-column strong {
/*font-size: .7em;*/}
#right-column a {
	text-align: left;
	
}
a.lienweb {

	font-size:9px;
}
#right-column p  {
	
margin-left:15px;
margin-right:15px;
	padding-top: 0px;
	line-height: 1.5em;
	text-align: left;
	display: compact;
margin-bottom:0;

}

#right-column h2 {
margin-left:15px;
padding-top: 5px;
padding-bottom: 0;
}
.border {
/*border-bottom: 1px #ddd dotted;*/
margin-top:10px;
margin-bottom:5px;
border-top: 1px #ddd dotted;
}

#fastbooking {
font-size:10px;
margin-left: 15px;
	margin-right: 5px;
	margin-top:-10px;
padding-top:0;
	line-height: 1.8em;
	/*text-align: left;
	display: compact;*/
}
#fastbooking select {
font-size:10px;
margin-right:0px;

}
#bouton1, #bouton2, #bouton3 {

	font-size: 10px;
font-weight:bold;
	
}
/*#footer {
text-align: center;
margin-bottom: 0;
padding-top: 6px;
padding-bottom: 6px;
font-size: .6em;

background-color: #ffffff;

bottom:0;
width:776px;

}*/

#footer {
clear: both;
margin: 0 auto;
padding: 10px 0 20px 0;

width:776px;
text-align: center;
background-color: #ffffff;
font-size: .6em;
}

#footer p{
border-bottom:1px #009933 solid;
margin-left: 15px;
margin-right: 15px;
margin-top:-5px;
margin-bottom:3px;
/*padding-top: 5px;
padding-bottom: 5px;
text-align: justify;
font-size: .7em;
line-height: 1.9em;*/
}

img.credits{
vertical-align:middle;
/*top:30px;
padding-top:30px;
margin-top:20px;*/
margin-left:15px;}
span.credits{
height:50px;

padding-top:10px;
}

p.wraper {

margin-bottom:4em;
color: #56ffe5;}

/*#footer a:link, #footer a:visited {
color: #9ad815;
}

#footer a:hover {
color: #9ad815;
border-bottom: 3px #9ad815 solid;
}*/

img.wifi {
/*margin-right:0px;*/
	position: relative;
	right: 5px;
margin-left:40px;
margin-bottom:25px;
} 
img.wifi2 {
	margin-left:330px;
	margin-bottom:40px;
	position: relative;


} 

img.haut {
/*margin-right:0px;*/
	position: relative;
	
margin-left:-25px;
margin-bottom:0px;
}