body {
  font-family: Arial, Helvetica, sans-serif;
  background-color:#778193;
  font-size:11px;
  padding:0;
  margin:0;
  color:#FFFFFF;
}
/* -- Classes generales -- */
.clear {
  clear:both;
}
a img {
  border:none;
}
.c {
  text-align:center; 
}
.cc {
  text-align:center;
  margin-bottom:110px; 
}
.lien {
  text-decoration:none;
	color:#5A6575;
}
.lien:hover {
  text-decoration:underline;
	color:#000000;
}	
.bande {
  clear:both;
	height:4px;
	background-color:#FFFFFF;
}
.hide {
  display:none;
}
h3 {
  font-size:14px; 
  padding:10px 0 5px 0;
  margin:0;
}
p {
  margin:0;
  padding:7px 0;
}
.ul-1 {
  margin:5px 0 0 35px;
  padding:0;
}
.ul-1 li {
  margin:0 0 4px 0;
  padding:0;
}

/* -- Page d'accueil -- */
#corps {
  background:url(images/top.jpg) no-repeat;
  width:767px;
  margin:10px auto 0 auto;
  padding:0;
}
#bienvenue, #welcome, #welkom, #logo-logis {
  margin:0;
  padding:0;
}
#bienvenue span, #welcome span, #welkom span, #logis span {
  display:none; 
}
#logis {
  padding-top:16px;
}
#bienvenue {
  padding-top:160px;
}

#logis a {
  margin-left:340px;
  display:block;
  width:100px;
  height:60px;
}
#bienvenue a {
  margin-left:325px;
  display:block;
  width:140px;
  height:30px;
}
#welcome a {
  margin-left:335px;
  display:block;
  width:120px;
  height:30px;
}
#welkom a {
  margin-left:335px;
  display:block;
  width:120px;
  height:30px;
}

#menu {
  margin:0;
  padding:30px 0 35px 20px;
  list-style:none;
  font-size:12px; 
}
#menu li {
  float:left;
  margin:0 15px 0 12px;
  display:inline; 
}
#menu li a {
  padding:0 0 0 15px;
  background:url(images/bouton.gif) no-repeat 0 5px;
  color:#CED5DB;
  text-decoration:none;
}
#menu li a#fixe {
  color:#FFFFFF;
  background:url(images/bouton_gros.gif) no-repeat 0 5px;
  font-weight:bold;
}
#menu li a:hover {
  color:#FFFFFF;
  background:url(images/bouton_gros.gif) no-repeat 0 5px;
  font-weight:bold;
}
#p_text {
  text-align:center;
  clear:both;
  letter-spacing:1px;
  font-size:12px;
  /*padding:0 0 0 45px;
  background:url(images/logo_31x48.gif) no-repeat left center; 
  margin:0 0 10px 55px;*/
}
/* -- Conteneur -- */

#qualite{
  margin-left:307px;
}
#corps_hotel {
  width:1000px;
  margin:10px auto 0 auto;
  border:4px solid #FFF;
  background:#FFF url(images/degrade.gif) no-repeat;
}
#left {
	float:left;
	width:186px;
	padding:3px 3px 0 3px;
	margin:0 5px 0 0;
}
#right {
  float:left;
  width:803px;
	color:#5A6575;
	background-color:#ECF0F3;
}
#images {
  float:right;
	margin:40px 0 0 20px;
}
#images img {
  border:1px solid #E2DEE3;
	padding:3px 4px 3px 4px;
	margin:2px;
}
#text {
  float:left;
  width:580px;
	padding:0 0 0 15px;
  font-size:12px;
  line-height:20px;
}
#text2 {
  float: left;
	padding:0 0 0 15px;
  font-size:12px;
  line-height:20px;
  width: 538px;
}

/* -- Contenu -- */
#logo {
	background:url(images/logo.gif) no-repeat center;
	margin:2px 0 8px 0;
  height:112px;
	padding:0;
}
#logo strong {
  display:none; 
}
#logis-logo{
  text-align:left;
}
ul#menu_hotel {
	margin:0;
	padding:0 0 0 2px;
	list-style:none;
	margin:0;
	width:182px;
}
#menu_hotel li {
	padding:0 0 5px 0;
	margin:4px 0 2px 0;
	background-color:#5A6575;
	border:1px solid #FFFFFF;
}
#menu_hotel a {
  margin:5px;
	padding:3px;
  background:url(images/bouton.gif) no-repeat 130px 10px;
  color:#CED5DB;
  text-decoration:none;
	display:block;
	border-bottom:1px solid #FFFFFF;
}
#menu_hotel li.current_page_item a {
  color:#FFFFFF;
  background:url(images/bouton_gros.gif) no-repeat 129px 10px;
  font-weight:bold;
}
#menu_hotel a:hover {
  color:#FFFFFF;
  background:url(images/bouton_gros.gif) no-repeat 129px 10px;
  font-weight:bold;
}
#home {
  list-style:none;
	margin:0;
	padding: 176px 0 0 602px;
  background:#FFF url(images/bando.jpg) no-repeat left top;
}
#home li {
  float:left;
	padding:0 10px 0 10px;
	margin:5px 0 0 0;
	border-right:1px solid #5A6575;
}
#home li a {
  text-decoration:none;
	color:#5A6575;
}
#fr a {
  background:url(images/fr.gif) no-repeat;
	width:15px;
	height:10px;
  text-indent: -9999px;
	display:block;
}
#nl a {
  background:url(images/nl.gif) no-repeat;
	width:25px;
	height:15px;
  text-indent: -9999px;
	display:block;
}
#en a {
  background:url(images/en.gif) no-repeat;
	width:25px;
	height:15px;
  text-indent: -9999px;
	display:block;
}
#home a:hover {
  color:#000000;
}

h2 {
	border-bottom:1px solid #5A6575;
	margin:25px 0 10px 0;
  height:30px;
  padding:0 0 5px 0;
  font-family:times New Roman;
  font-size:36px;
  font-weight:normal;
}
#t-hotel {
  background:url(images/hotel.gif) no-repeat left top; 
}
#t-restobar {
  background:url(images/restaurant-bar.gif) no-repeat left top; 
}
#t-environs {
  background:url(images/environs.gif) no-repeat left top; 
}
#t-tarifs {
  background:url(images/tarifs.gif) no-repeat left top; 
}
#t-reservation {
  background:url(images/reservation.gif) no-repeat left top; 
}
#t-contact {
  background:url(images/contact.gif) no-repeat left top; 
}
#t-confirmation {
  background:url(images/confirmation.gif) no-repeat left top; 
}
#t-acces {
  background:url(images/acces.gif) no-repeat left top; 
}

.text_right {
	margin:10px 0 10px 0;
  text-align:justify;
}
#text_reserv {
	float:left;
  width:580px;
	padding:0 0 0 15px;
  font-size:12px;
  line-height:20px;
}
#text_reserv p {
	padding:0 0 10px 0;
  margin:5px 0;
}
#text_reserv form {
  width:350px; 
	padding:0;
  margin:0 auto;
}
.tb {
  border:1px solid #5A6575;
  border-collapse:collapse;
  width:60%;
  margin:0 0 5px 0;
}
.tb th {
  border:1px solid #5A6575;
  border-collapse:collapse; 
  padding:5px;
  text-align:left;
  background-color:#A6ACBD;
  color:#FFF;
  width:65%;
}
.tb td {
  border:1px solid #5A6575;
  border-collapse:collapse; 
  padding:5px;
  text-align:center; 
  background-color:#CED5DB; 
}

/* -- Partie Formulaire -- */
#text_reserv form p {
  margin:0;
	padding:2px 0;
}
p label {
  position:absolute;
}
p input, p textarea, p select {
  margin:0 0 0 120px;
	width:200px;
  padding:0;
}
p input.no-width {
  width:auto;
}

/* -- Footer -- */
#fbtech {
  clear:both;
  margin:0;
  padding:0;
  text-align:center;
  color:#CED5DB;
}
#fbtech a {
  height:5px;
  text-decoration:none;
  font-size:10px;
  color:#CED5DB;
}
#fbtech a:hover {
  text-decoration:underline;
  color:#FFFFFF;
}

#baseline{
  text-align: center;
  margin: 0;
  padding: 0;
}
.block {
  display: block !important;
}
/* Captions */
.aligncenter,
div.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}

.wp-caption {
border: 1px solid #ddd;
text-align: center;
background-color: #f3f3f3;
padding-top: 4px;
margin: 10px;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}

.wp-caption img {
margin: 0;
padding: 0;
border: 0 none;
}

.wp-caption p.wp-caption-text {
font-size: 11px;
line-height: 17px;
padding: 0 4px 5px;
margin: 0;
}
/* End captions */
/* Begin Images */
p img {
padding: 0;
max-width: 100%;
}

/*Using 'class="alignright"' on an image will (who would've
thought?!) align the image to the right. And using 'class="centered',
will of course center the image. This is much better than using
align="center", being much more futureproof (and valid) */

img.centered {
display: block;
margin-left: auto;
margin-right: auto;
}

img.alignright {
padding: 4px;
margin: 0 0 2px 7px;
display: inline;
}

img.alignleft {
padding: 4px;
margin: 0 7px 2px 0;
display: inline;
}

.alignright {
float: right;
}

.alignleft {
float: left
}
#text img{
  padding:3px;
  border:1px solid #E2DEE3;
}
/* End Images */

#news{
  background:url("images/degrade.gif") no-repeat scroll 0 0 #FFFFFF;
  border:1px solid;
  color:#FFFFFF;
  float:left;
  margin-bottom:10px;
  margin-left:10px;
  margin-top:21px;
  min-height:350px;
  padding:0 10px 10px;
  width:170px;
}
#news h3{
  font-family : times New Roman;
  font-size:20px;
  color:#CED5DB;
  border-bottom: 1px solid #fff;
  font-weight:normal;
  margin-bottom:10px;
}
#news h4{
  margin-bottom : 5px;
}
#news p{
  font-size:12px;
}

#text pre{
  display:block;
  float:right;
  width:170px;
  margin-left:10px;
}
#text pre img{
  display:block;
  margin-bottom:5px;
}