/*
Theme Name: Hotel de la Baie de Morlaix
Theme URI: http://carantec-evento.com
Description: Thème de l'Hotel de la Baie de Morlaix
Version: 1.0
Author: Simon Vart
Author URI: http://www.carantec-informatique.com/

*/


/* Structure */

.page-template-page-accueil-php, .single, .error404, .page-template {
  background-color: #938F6C;
  background-repeat: no-repeat;
  margin: 0 0 0 0;
  padding: 0;
  font-family: Arial, Verdana, sans-serif;
  font-size: 1.1em;
}

.page-template-page-accueil-php {
  background-image: url('images/fond-home.jpg');
}

#logo-hotel {
 position: absolute;
 left: 180px;
 top: 45px;
 text-align: right;
 z-index: 1;
}

#logo-hotel img {
 border: 0px;
}


#lang-flag {
 margin-top: 14px;
}

#lang-flag img {
 border:0px;
}

#transition {
 z-index: 0;
 width: 271px;
 height: 516px;
 visibility: hidden;
}

#largeur-page {
 width: 800px;
 margin-top: 45px;
}

#menu-home {
 position: absolute;
 left: 380px;
 top: 126px;
}

.menu-item {
 width: 250px;
}

.menu-item a {
 text-decoration: none;
 color: white;
}

.menu-item img, .menu-page-item img, .menu-page-item-active img {
 border: 0px;
 vertical-align: bottom;
 margin-right: 8px;
}

.icbox {
 width: 65px;
 text-align: right;
 float: left;
 clear: left;
}

#menu-page {
 margin-top: 100px;
 padding-top: 15px;
 height: 309px;
 width: 252px;
 float: left;
 background: url('images/fond-page.jpg') no-repeat;
}

.menu-page-item, .menu-page-item a, .menu-page-item-active, .menu-page-item-active a {
 margin-top: 16px;
}

.menu-page-item, .menu-page-item a {
 color: white;
 text-decoration: none;
 
}

.menu-page-item-active, .menu-page-item-active a {
 color: #372A18;
 text-decoration: none;
}

.menu-element {
 clear: left;
 margin-top: 2px;
 margin-left: 65px;
 color: #372A18;
 font-size: 0.9em;
}

.menu-element a {
 color: #9FD3DC;
 text-decoration: none;
}

.menu-element a:hover {
 color: #F8F7F2;
 text-decoration: none;
}


#contenu {
 float: right;
 width: 440px;
 padding-right: 80px;
 padding-left: 25px;
 margin-top: 120px;
}

#texte {
 font-size: 0.9em;
 color: #372A18;
 text-align: justify;
}

#texte img {
 margin-top: 5px;
 margin-bottom: 20px;
}

#texte strong {
 color: #A0D9E5;
}

#texte a {
 text-decoration: none;
 color: #F8F7F2;
}

#texte a:hover {
 text-decoration: none;
 color: #C8C4A2;
}

#texte a:visited {
 text-decoration: none;
 color: #C8C4A2;
}

#texte code {
 font-family : Arial;
 font-size: 1.2em;
 margin-bottom: 0.2em;
 margin-top: 0.5em;
 display: block;
 text-decoration: underline;
}

#texte code a, #texte code a:visited {
 color: #372A18;
}

#texte li {
 margin-bottom: 0.4em;
}

.titre {
 color: #A0D9E5;
 float: right;
 font-size: 1.3em;
 margin-bottom: 20px;
}

#reservations {
 text-align: center;
 clear: right;
 width: 100%;
 border: 1px solid #372A18;
 padding: 7px;
 margin-bottom: 30px;
}

#reservations a {
 color: #A0D9E5;
}

/* gallerie : voir nggallery.css */



/* Menu Home placement */

#menu-item-1 {
 position: absolute;
}

#menu-item-2 {
 position: absolute;
 top: 75px;
 left: 70px;
}

#menu-item-3 {
 position: absolute;
 top: 165px;
 left: 90px;
}

#menu-item-4 {
 position: absolute;
 top: 250px;
 left: 60px;
}

#menu-item-5 {
 position: absolute;
 top: 320px;
 left: -10px;
}

.page-template-page-accueil-php #footer {
 position: absolute;
 top: 560px;
 left: 50px;
 text-align: right;
}

#pied-de-page {
 clear: both;
 margin-left: 60px;
 margin-top: 40px;
}

#legal, #contact {
 display: inline;
 font-size: 0.8em;
}

#legal a, #contact a {
 text-decoration: none;
 color: #A0D9E5;
}

#tag-hotel {
 display: inline;
 color: #FFFFFF;
 font-size: 1em;
 margin-left: 10px;
 margin-right: 10px;
}

#arabesque {
  display: visible;
  width: 154px;
  height: 229px;
  background-image: url('images/arabesque.gif');
  background-repeat: no-repeat;
  position: fixed;
  bottom: 0px;
  right: 0px;
}

#map {
 width: 440px;
 height: 440px;
}

#form_contact, #form_resa {
 margin-bottom: 20px;
}

#form_contact label, #form_resa label  {
 float: left;
 width: 150px;
 text-align: right;
 line-height: 1.5em;
}

#form_contact fieldset, #form_resa fieldset {
 margin-top: 10px;
 background: #9F9B78;
 border: 1px solid #372A18;
 padding: 12px;
}

#form_contact legend, #form_resa legend {
 color: white;
}

#form_contact p, #form_resa p {
 margin: .4em 0 .6em .6em
}

#form_coordonnees input {
 width: 220px;
 margin-left: 10px;
 background-color: #F5FBFB;
}

#form_coordonnees p {
 margin: .4em 0 .6em 0;
 color: #372A18;
}

#form_message textarea {
 width: 380px;
 height: 200px;
 background-color: #F5FBFB;
}

#form_resa input {
margin-left: 10px;
margin-top: -1.2em;
}