* {
	padding: 0px;
	margin: 0px;
	border: 0px;
}

a, a:active {
	outline: none;	
}


body {
	background: #cec29d url(../img/interface/bg.jpg) repeat-x;
	font-family: arial;
}

ul li {
	list-style-type:none;
}

.languages {
	position: relative; 
	top: 30px;
	width: 90px;
	left: 220px;	
}
.languages a {
	color: grey;
	text-decoration: none;
}
.languages a:hover {
	text-decoration: underline;
}

#prix ul li:hover a {
	color: white;
}
#base .copyright a {
	color: #A29C82;
}

#base {
	width: 974px;
	margin-top: 20px;
	margin-bottom: 40px;
	background-color: white;
	padding: 20px 30px 30px 30px;
	border: solid 1px #9a8442;
}

#base .header {
	text-align: left;
	height: 76px;
}

#base .header .logotype {
	width: 210px;
	height: 110px;
	background: url(../img/interface/logo.jpg) no-repeat;
}
#base .header .logotype a {
	display: block;
	height: 100%;
	width: 100%;
}

#base .header .blocmenu {
	margin-left: 327px;
	position: relative;
	margin-top:52px;
	top: -112px;
	height: 30px;
}

#base .header .blocmenu ul li {
	float: left;	
}

#base .header .blocmenu ul li a {
	background: url(../img/interface/menus.jpg);
	height: 20px;
	float: left;
	width: 103px;
	display: block;
	margin: 0px 11px;
}

#base .header .blocmenu ul li a.a:hover {
	background-position: 0px 21px;
}

#base .header .blocmenu ul li a.b {
	background-position: -135px 0px;
	width: 40px;
}
#base .header .blocmenu ul li a.b:hover {
	background-position: -135px 21px;
}
#base .header .blocmenu ul li a.c {
	background-position: -205px 0px;
	width: 70px;
}
#base .header .blocmenu ul li a.c:hover {
	background-position: -205px 21px;
}
#base .header .blocmenu ul li a.d {
	background-position: -305px 0px;
	width: 42px;
}
#base .header .blocmenu ul li a.d:hover {
	background-position: -305px 21px;
}
#base .header .blocmenu ul li a.e {
	background-position: -385px 0px;
	width: 88px;
}
#base .header .blocmenu ul li a.e:hover {
	background-position: -385px 21px;
}
#base .header .blocmenu ul li a.f {
	background-position: -480px 0px;
	width: 100px;
}
#base .header .blocmenu ul li a.f:hover {
	background-position: -489px 21px;
}
#base .header .blocmenu ul li a.g {
	background-position: -501px 0px;
	width: 70px;
}
#base .header .blocmenu ul li a.g:hover {
	background-position: -501px 21px;
}
#base .header .blocmenu ul li a.h {
	background-position: -601px 0px;
	width: 63px;
}
#base .header .blocmenu ul li a.h:hover {
	background-position: -601px 21px;
}

#base .slider {
	margin-top: 20px;
	border-top: solid 1px #cfaf80;
	border-bottom: solid 1px #ceaf7f;
	height: 325px;
}

.boxes {
	margin-top: 20px;
	clear: both;
}
.boxes > div {
	text-align: left;
	width: 175px;
	float: left;
	height: 100px;
	padding: 0px;
	margin-right: 19px;
	color: #cfaf80;
	padding-top: 0px;
}

.boxes div.e {
	border-right: none;
}

.boxes .title {
	font-size: 16px;
	text-transform: uppercase;
	font-weight: bold;
	margin-bottom: 10px;
	color: #a29c82;
}

.boxes .pict img {
	width: 170px;
	border: solid 1px;
}

.boxes .pict {
	float: left;
	padding-right: 5px;
}

.boxes .desc {
	color: black;
	font-size: 13px;
}

.boxes .learn {
	margin-top: 6px;
}

.boxes .learn a {
	font-weight: bold;
	color: #a29c82;
	font-size: 10px;
	text-transform:uppercase;
}

.boxes .learn a:hover {
	text-decoration:none;
}

.boxes .desc {
	font-size: 11px;
}


.clear {
	clear: both;
}

#base .content {
	background-color: white;
}

#base .content .presentation {
	text-align: left;
	padding: 40px;	
}

#base .content .setLeft {
	width: 265px;
	float: left;
	overflow: hidden;
}

#base .content .setLeft .slide {
		border: solid 1px #382621;
		display: block;
		width: 276px;
		overflow: hidden;
		display: none;
}

#base .content .setLeft .resa {
	width: 100%;
	height: 60px;
	display: block;
	position: relative;
	top: -10px;
	background: url(../img/interface/reservation.png) no-repeat -5px 0px;
}

#base .content .setLeft .resa:hover { 
	background-position: -5px -57px;
}


#base .content .setLeft ul.menu {
	background: #f5e9d0;
	border-bottom: solid 2px #392621;
}

#base .content .setLeft ul.menu li {
	font-size: 12px;
	text-align: right;

}

#base .content .setLeft ul.menu li a {
	color: #523f34;
	font-weight: bold;
	display: block;	
	text-decoration:none;
	padding: 7px 10px;
}

#base .content .setLeft ul.menu li:hover a {
	text-decoration: none;
	background: #847667;
	color: #f4d08f;
}

#base .content .setLeft ul.menu li.active:hover a {
	background: none;
}

#base .content .setLeft ul.menu li.active {
	font-weight: bold;
	background: #5a5146;
	font-size: 13px;
}

#base .content .setLeft ul.menu li.active a {
	text-decoration: none;
	color: #f4d08f;
}

#base .content .setLeft ul.menu {
	margin-bottom: 25px;
	margin-top: 35px;
}

#base .content .setRight {
	width: 635px;
	padding: 35px;
	float: right;
	text-align: left;
}


#base .content h3.title {
	font-size: 20px;
	color: #1f1f1f;
	text-transform: uppercase;
}

#base .content h4.subtitle {
	font-size: 12px;
	color: #9f7941;
	text-transform: uppercase;
	margin-bottom: 10px;
	margin-top: 5px;
	border-bottom: solid 1px grey;
}

#base .content p {
	font-size: 12px;
	text-align: justify;
}

#base .content p a {
	color: #9f7941;
}

#base .copyright {
	color: black;
	margin-top: 70px;
	clear:both;
	padding-top: 20px;
	text-transform: uppercase;
	border-top: solid 1px #755d48;
	font-size: 10px;
}

#infos {
	text-align: left;
	padding: 30px;
	font-size: 12px;
	border-top: solid 2px #392621;
	background: #f5e9d0;
	border-bottom: solid 2px #392621;
	margin-bottom: 10px;
}

#infos h5 {
	font-size: 11px;
	text-transform: uppercase;
	border-bottom: solid 1px;
	color: #523f33;
}

#infos ul {
	margin-top: 5px;
	margin-bottom: 15px;
}

#infos .coordonnes {
}

#infos .payment {
	padding-top: 10px;
}

#infos span {
	display:block;
	float:left;
	height:12px;
	width:40px;
}


#belling {
	margin-top: 34px;	
}


#form {
	border: solid 1px;
	margin-bottom: 40px;
}

#form .two {
	padding: 30px;
}

#form .two.lines {
	border-top: solid 1px grey;
	padding-top: 25px;
	clear:both;
	margin-top: 40px;
	font-size: 20px;
}

#form .two.break {
	padding-top: 25px;
	clear:both;
	margin-top: 40px;
	font-size: 20px;
}

#form .two.lines label {
	font-size: 17px;
}

#form .two > div {
	margin-bottom:0px;
	text-align:left;
}

#form .large {
	clear: both;
	padding: 30px;
}

#form .large.submit {
	padding: 0px 30px 30px 30px;
}

#form .left {
	float: left;
}

#form .right {
	float: right;
}

#form input {
	border:1px solid black;
	display:block;
	height:25px;
	padding:0 5px;
	width:260px;
	background: url("../img/interface/modulo.gif") repeat-x scroll 0 0 #E4DDD7;
}

#form textarea {
	border:1px solid black;
	display:block;
	height:95px;
	padding:5px 5px;
	background: url("../img/interface/modulo.gif") repeat-x scroll 0 0 #E4DDD7;
	width:562px;
}

#form .two {
	padding:30px;
}

#form form label {
	color: black;
	font-size: 11px;
	font-weight: bold;
	text-transform:uppercase;
}

#form .submit a {
	display: block;
	height: 35px;
	color: #392a22;
	text-decoration: none;
	line-height:35px;
	padding-left: 20px;
	font-weight: bold;
	width: 300px;
	font-size: 12px;
	text-transform: uppercase;
	background: #f5e9d0;
	border: solid 1px black;
}

#form .submit a:hover {
	border: solid 1px #847667;
	background: #806749;
	color: white;
}

#presentation {
	margin-bottom: 40px;
}
#presentation.conditions h5 {
	margin-top: 20px;	
}
#presentation.conditions ul li {
	font-size: 12px;
	padding: 3px 0px;
	list-style-type: circle;
	list-style-position: inside;
	border-bottom: solid 1px #CCC;
}

#services {
	clear: both;
	margin-bottom: 40px;
}

#services ul li img {
	width: 130px;
	border: solid 2px #382621;
}
#services ul li {
	float: left;
	margin-bottom: 20px;
	margin-right: 20px;
}
#services ul li a {
	text-decoration: none;
}

#services ul li h5.title {
	font-size: 11px;
	text-transform:uppercase;
	color: #a07a3b;
}

#services ul li a:hover img {
	border: solid 2px #ffd58f;
}



#partenaires {
	clear: both;
	margin-bottom: 40px;
}

#partenaires ul li {
	float: left;
	margin-right: 13px;
	margin-bottom: 10px;
}

#partenaires ul li h5.title, #partenaires ul li a.title  {
	font-size: 11px;
	text-transform:uppercase;
	display: block;
	font-weight: bold;
	text-decoration: none;
	color: #a07a3b;
}

#partenaires ul li a img {
	border: solid 1px  black;
}

#partenaires ul li a:hover img {
	border: solid 1px #ffd58f;
}



#base .content .setLeft.egal {
	width: 525px;
}
#base .content .setRight.egal {
	width: 375px;
}




#prix {
	clear: both;
}

#prix ul li {
	font-size: 13px;
	padding: 8px 0px;
	clear: both;
	margin: 3px 0px;
	display: block;
	height: 15px;	
	border-bottom: solid 1px black;
	background: url("../img/interface/modulo.gif") repeat-x scroll 0 0 #E4DDD7;
}

#prix ul li.head {
	font-weight: bold;
	border-bottom: solid 1px #2f2018;
	font-size: 14px;
	background: none;
}

#prix ul li.head:hover {
	background: white;
	color: black;	
}


#prix ul li.grey {
	background: #e4ddd7 url(../img/interface/modulo.gif) repeat-x;
	
}

#prix ul li:hover {
		color: #d1b178;
		background: #37271f;
}

#prix ul li .p1 {
	display: block;
	width: 240px;
	padding-left: 5px;
	float: left;
}
#prix ul li .p2 {
	display: block;
	width: 50px;
	text-align: right;
	float: left;
}

#prix ul li .p3 {
	display: block;
	width: 160px;
	font-weight: bold;
	float: left;
	text-align: right;
}

#prix ul li .p4 {
	display: block;
	font-weight: bold;
	width: 160px;
	float: left;
	text-align: right;
}

#flotte {
	clear: both;	
}

#flotte .slide .details {
	background: #36261f;
	border:1px solid #F6EAB2;
	color:white;
	height:245px;
	padding:20px;
}

#flotte .slide  img {
	width: 500px;
	margin-top: 65px;
}

#flotte .slide .title {
	color:#d0b07c;
	font-size:18px;
	text-transform:uppercase;
}

#flotte .slide .atitle {
	display:block;
	margin-bottom: 10px;
	margin-left: 39px;
	border-bottom: solid 1px;
	margin-top:15px;
	font-size: 13px;
	text-transform:uppercase;
	width: 275px;
}
#flotte .slide .btitle {
	display:block;
	margin-top:15px;
	margin-bottom:10px;
	width: 275px;
	border-bottom: solid 1px;
	font-size: 13px;
	text-transform:uppercase;
	margin-left: 39px;
}

#flotte > ul > li {
	clear: both;
	border-bottom: solid 1px;
	padding: 10px 0px;
}

#flotte .slide .details ul li {
	border-bottom:1px solid #765e46;
	font-size:13px;
	height:17px;
	margin-left:40px;
	width:275px;
}

#flotte .slide .details li {
	display:inline-block;
	height:45px;
	list-style:none outside none;
	overflow:hidden;
	width:57px;
}

#flotte .slide .p1 {
	display:block;
	float:left;
	height:20px;
	width:109px;
}

#flotte .slide .p2 {
	display:block;
	float:left;
	height:20px;
	text-align:right;
	width:75px;
	color: #d0b07c;
	font-weight: bold;
}

#flotte .slide .p3 {
	display:block;
	color: #d0b07c;
	font-weight: bold;
	float:left;
	height:20px;
	text-align:right;
	width:88px;
}

#end {
	clear: both;
}


#mask {
	z-index: 99;
	width:100%;
	height:100%;
	position: absolute;
	background: black;
	top: 0px;
	left: 0px;
	display: block;
	filter:alpha(opacity=50);
	-moz-opacity:0.50;
	-khtml-opacity: 0.50;
	opacity: 0.50;	
	display: none;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";	
}

#selection_window {
	left: 50%;
	top: 50%;
	width: 900px;
	height: 500px;
	position: absolute;
	display: none;
	margin-top: -250px;
	margin-left: -450px;
	z-index: 100;
	background: black;		
}



#closer {
	background:none repeat scroll 0 0 #F5E9D0;
	border:1px solid black;
	color:#392A22;
	display:block;
	font-size:12px;
	font-weight:bold;
	height:35px;
	line-height:35px;
	padding-left:20px;
	text-decoration:none;
	text-transform:uppercase;
}



#popup {
	left: 50%;
	top: 50%;
	color: white;
	font-size: 14px;
	width: 400px;
	height: 125px;
	position: absolute;
	display: none;
	margin-top: -62px;
	margin-left: -200px;
	border: solid 1px #fff3bd;
	background: url("../img/interface/bg.jpg") repeat scroll 0 0 transparent;
	z-index: 100;
}

#popup .message {
	margin-top: 0px;
	padding: 20px;
}

#onglets {
	clear:both;
	margin:0 40px;
}

#onglets ul {
	position:relative;
	z-index:55;
}

#onglets .line {
	background:none repeat scroll 0 0 #A07A3B;
	display:block;
	height:1px;
	position:relative;
	top:34px;
	width:100%;
}

#onglets ul li.active {
	background:none repeat scroll 0 0 #FFFFFF;
	border-left:1px solid #A07A3B;
	border-right:1px solid #A07A3B;
	border-top:1px solid #A07A3B;
	color:white;
}

#onglets ul li {
	float: left;
	display: block;
	height: 15px;
	padding: 10px 15px;
	font-size: 12px;
	text-transform: uppercase;
	background: #9F7941;
}

#presentation.fleet {
	margin-bottom: 0px;	
}

#onglets ul li a {
	color: white;		
}

#onglets ul li.active {
	background: #FFFFFF;
	border-left: solid 1px #a07a3b;
	border-right: solid 1px #a07a3b;
	border-top: solid 1px #a07a3b;
	color: white;	
}

#onglets ul li.active a {	
	text-decoration: none;
	color: #000;	
}

#onglets ul li a:hover {
	text-decoration: none;
}