@charset "utf-8";
/* CSS Document */

body {
	background: #ebebdf url(../images/bg-main-02.jpg) repeat-x;
	margin: 0;
	font: normal .75em/1.3em Arial, Helvetica, sans-serif;
	color: #836b53;
}
tr, td {
	padding: 4px 7px;
}
table {
	border: solid 1px #CCF3FF;
}
h1 {
	font: normal 1.4em/1.4em "Comic Sans MS";
	color: #ab825a;
	float: left;
	display: block;
	width: 100%;
	padding: 0 0 15px;
	height: 32px;
	margin: 15px 0 10px;
	text-indent: 32px;
}
h1.nos-reservation {
	background: url(../images/deco-reservation.jpg) no-repeat left top;
}
h1.nos-tarifs {
	background: url(../images/deco-tarifs.jpg) no-repeat left top;
}
h1.nos-vehicules {
	background: url(../images/deco-vehicules.jpg) no-repeat left top;
}
h1.contactez-nous {
	background: url(../images/deco-contact.jpg) no-repeat left top;
}
h1.presentation {
	background: url(../images/deco-presentation.jpg) no-repeat left top;
}
h1.actualite {
	background: url(../images/deco-actualites.jpg) no-repeat left top;
}
h1.mentions-legales {
	background: url(../images/deco-mentions-legales.jpg) no-repeat left top;
}
h1.plan-du-site {
	background: url(../images/deco-plan-du-site.jpg) no-repeat left top;
}
h2 {
	font-size: 1.2em;
}
h3 {
	font-size: 1.1em;
}
h4 {
	font-size: 1em;
}
a:link, a:visited, a:hover, a:active {
	color: #09f;
	text-decoration: none;
}
a:hover {
	text-decoration: none;
	color: #f99;
}
#container {
	width: 100%;
	margin: 0 auto;
	background: transparent url(../images/bg-03.jpg) no-repeat center top;
}
#container-00 {
	width: 925px;
	margin: 0 auto;
	padding-top: 80px;
}
#content-01 {
	width: 925px;
	height: 47px;
	background: transparent url(../images/bg-content-01.png) no-repeat center top;
}
#content-02 {
	width: 795px;
	background: transparent url(../images/bg-content-02.png) repeat-y center top;
	padding: 0 65px;
}
#banner {
	width: 794px;
	height: 148px;
	margin: 0 auto 20px;
}
#left {
	width: 540px;
	float: left;
	margin-bottom: 20px;
}
#left-plan {
	width: 540px;
	float: left;
	margin-bottom: 20px;
}
#left-plan ul {
	list-style: disc;
}
#left-plan ul li {
	margin: 5px 20px;
}
#center {
	width: 100%;
	margin: 0 auto 20px;
}
#right {
	width: 200px;
	float: right;
	margin: 0 0 20px 0;
	padding: 50px 20px 10px;
	background: #e2f4fd url(../images/bg-reservation.jpg) no-repeat center top;
	color: #000;
	font-size: .9em;
}
#right tr, #right td {
	padding: 0;
}
#right table {
	border: 0;
}
#content-03 {
	width: 925px;
	height: 53px;
	background: transparent url(../images/bg-content-03.png) no-repeat center bottom;
}
#bottom {
	width: 795px;
	padding: 0 65px;
	margin: -10px auto 0;
	clear: both;
	font-size: .9em;
	height: 30px;
}
ul#submenu {
	width: 400px;
	float: right;
	margin: 0;
	padding: 0;
	list-style: none;
}
ul#submenu li {
	float: right;
	margin-left: 10px;
	display: inline;
}
ul#submenu li a, ul#submenu li a:visited {
	color: #836b53;
}
ul#submenu li a:hover {
	color: #09f;
}
#menu {
	width: 700px;
	float: right;
	height: 35px;
	margin: 2px 58px 0 0;
	list-style: none;
}
#footer {
	width: 754px;
	clear: both;
	margin: 20px auto 0;
	padding: 15px 20px 10px;
	background: #fef5e4 url(../images/bg-footer.jpg) no-repeat center top;
}
#footer h1 {
	width: 50%;
	height: 22px;
	background: none;
	font: normal 1.8em/1.8em "Trebuchet MS";
	margin-top: -5px;
}
#footer p {
	margin: 0;
	float: left;
	width: 65%;
}
#tarifs tr, #tarifs td {
	font-size: .95em;
}
#reservation-table tr, #reservation-table td {
	font-size: 1em;
}
.btn {
	width: 152px;
	margin: 0 0 0 25px;
	height: 32px;
	cursor: pointer;
	color: #fff;
	text-align: center;
	background: transparent url(../images/button-01.png) no-repeat center top;
	font: 700 1.4em/1.6em "Trebuchet MS";
	border: 0;
}
.btn:hover {
	background: transparent url(../images/button-01.png) no-repeat center -32px;
	color: #fff;
}
.table {
	font-size: .9em;
}
.accueil, .vehicules, .tarifs, .reservation, .contact {
	height: 35px;
	float: right;
	margin-left: 8px;
}
.accueil {
	width: 76px;
	background: url(../images/01.png) no-repeat center top;
}
.vehicules {
	width: 124px;
	background: url(../images/02.png) no-repeat center top;
}
.tarifs {
	width: 76px;
	background: url(../images/03.png) no-repeat center top;
}
.reservation {
	width: 104px;
	background: url(../images/04.png) no-repeat center top;
}
.contact {
	width: 126px;
	background: url(../images/05.png) no-repeat center top;
}
.title-01 {
	width: 505px;
	clear: both;
	padding: 8px 15px;
	margin-bottom: 5px;
	float: left;
	background: #e9f7ff url(../images/bg-title-01.gif) no-repeat center top;
	color: #1a96d6;
	font: normal 1.3em/1.3em Arial;
	text-align: center;
}
.more {
	font: normal .8em/1em Arial, Helvetica, sans-serif;
	margin-left: 30px;
	
}
.more a, .more a:visited {
	color: #39f;
	background: #f4f4f4;
	padding: 0 10px;
}
.more a:hover {
	color: #fff;
	background: #39f;
}
.sendafriend {
	width: 90%;
	margin: 0 auto;
	text-align: right;
	font-size: .8em;
}
.sendafriend a, .sendafriend a:visited {
	color: #039;
	text-decoration: underline;	
}
.sendafriend a:hover {
	color: #f9c;
}
.text-01 {
	width: 100%;
	clear: both;
	margin: 15px auto 0;
}
ul.special-offer, ul.news {
	list-style: none;
	margin: 0;
	padding: 0;
	width: 100%;
	float: left;
}
ul.special-offer h2 {
	font: 700 1em/1em Arial, Helvetica, sans-serif;
	margin: 0 0 5px 0;
}
ul.news h2 {
	font: 700 1em/1em Arial, Helvetica, sans-serif;
	margin: 0 0 5px 0;
}
*ul.special-offer, ul.news {
	margin-bottom: 15px;
}
ul.special-offer li, ul.news li {
	width: 100%;
	float: left;
	display: block;
	margin: 0 0 15px 0;
	padding: 0 0 15px 0;
	border-bottom: dashed 1px #836b53;
}
ul.special-offer li a img, ul.special-offer li a:visited img {
	border: solid 1px #f4f4f4;
	float: left;
	margin: 0 15px 5px 0;
}
ul.special-offer li a:hover img {
	border: solid 1px #0cf;
}
ul.news p {
	margin: 0;
}
.date {
	margin: 0 10px 0 0;
	padding: 0 4px;
	background: #09f;
	color: #fff;
	font: normal .85em/.9em Arial, Helvetica, sans-serif;
}
.button-02 {
	width: 247px;
	height: 57px;
	float: right;
	cursor: pointer;
	background: #fff url(../images/button-02.jpg) no-repeat center top;
	font: 700 1.6em/2.8em "Trebuchet MS";
	text-indent: 25px;
}
.button-02:hover {
	background: #fff url(../images/button-02.jpg) no-repeat center -57px;
	color: #fff;
}
.button-02 a, .button-02 a:visited {
	color: #fff;
}
.button-02 a:hover {
	color: #fff;
}
.announce {
	background: #e9f7ff;
	padding: 2%;
	margin: 0 auto 15px;
	width: 96%;
	clear: both;
}
.announce strong {
	width: 270px;
	float: right;
	color: #06c;
	font: normal 1.4em/1em "Trebuchet MS";
	border-left: solid 1px #06c;
	padding-left: 20px;
}
#logo {
	width: 177px;
	height: 120px;
	position: absolute;
	margin: -80px 0 0 45px;
	background: transparent url(../images/logo-01.png) no-repeat center top;
}
/* carousel css */

.stepcarousel{
	position: relative; /*leave this value alone*/
	overflow: scroll; /*leave this value alone*/
	width: 794px; /*Width of Carousel Viewer itself*/
	height: 148px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
	position: absolute; /*leave this value alone*/
	left: 0;
	top: 0;
}
.stepcarousel .panel{
	float: left; /*leave this value alone*/
	overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
	margin: 0; /*margin around each panel*/
	width: 794px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}
.panel a img {
	border: 0;
}

/* carousel end */

/* +++++++++++++ clearfix ++++++++++++++++ */

.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix {
	display:inline-block;
}
/* Hide from IE Mac \*/
.clearfix {
	display:block;
}
/* End hide from IE Mac */
.clear { 
	clear: both; 
}

/* +++++++++++++ clearfix ++++++++++++++++ */

.small_text{
    font-size: 9px;
}