/**
 * Voici une feuille de style type, bien entendu vous pouvez ajouter
 * ou supprimer des propriétés CSS en fonction de vos besoins.
 */

/* Fonts */
@import url('/site/file/source/icones/genericons/genericons.css');
@import url("https://fonts.googleapis.com/css?family=Open+Sans|Oswald|Oswald|Droid+Sans");

@font-face {
 font-family: "Open Sans";
 font-weight: bold;
 src: url(https://reservation.elloha.com/Content/fonts/OpenSans-Bold.eot);
 src: url(https://reservation.elloha.com/Content/fonts/OpenSans-Bold.eot?#fix) format("embedded-opentype"), url(https://reservation.elloha.com/Content/fonts/OpenSans-Bold.ttf) format("truetype");
}


/**
 * Éléments principaux
 */


/* 
* Grille du site
* Barres et page
*/
#contentLeft {
}
#contentRight {
}
#contentSite {
}
#site {
 margin: 0 auto !important;
 line-height: 1.6;
}

/* Bannière */
header {
}

/* Titre de la bannière */
header span {
}

/* Menu */
nav {
}

/* Items du menu */
nav a {
}

/* Items au survol du menu */
nav a:hover {
}

/* Item courant du menu */
nav a.active {
}

/* Menu latéral */
/* aspect des puces */
ul #menuSide {
} 
/* Block menu à droite */
#menuSideRight {
}
/* Block menu à gauchle */
#menuSideLeft {
}


/* Bas de page */
footer {
 font-weight: bold;
 border-top: 1px solid #eee;
 border-bottom: 20px solid #606060; 
}

footer #footersite, #footerbody {
}

/* Liens du bas de page */
footer #footersite, #footerbody a {
}

/* footer bloc gauche */
footer #footersiteLeft, #footerbodyLeft {
}

/* footer bloc central */
footer #footersiteCenter, #footerbodyCenter {
}

/* footer bloc droite */
footer #footersiteRight, #footerbodyRight {
}



/**
 * Éléments de contenu
 */


/* Titres */
h1,
h2,
h3,
h4 {
 letter-spacing: 2px;
}

/* Liens */
a {
}

/* Liens au survol */
a:hover {
}

/* Liens au clic */
a:active {
}

/* Boutons */
.button,
button[type='submit'],
.pagination a {
}

/* Boutons au survol */
.button:hover,
button[type='submit']:hover,
.pagination a:hover {
}

/* Boutons au clic */
.button:active,
button[type='submit']:active,
.pagination a:active {
}

/* Cases à cocher */
input[type='checkbox']:checked + label:before {
}

/* Cases à cocher au survol */
input[type='checkbox']:not(:active):checked:hover + label:before,
input[type='checkbox']:active + label:before {
}

/* Champs de formulaire */
input[type='text'],
input[type='password'],
.inputFile,
select,
textarea {
}

/* Champs de formulaire au survol */
input[type='text']:hover,
input[type='password']:hover,
.inputFile:hover,
select:hover,
textarea:hover {
}

/* Modules News et Blog */

.blogDate {
}

.blogPicture {
}

.blogPicture img, .blogArticlePicture {
 border: none !important;
 box-shadow: none !important;
}

.blogComment {
}

.blogTitle {
 background-color: #ECEFF1;
 padding: 0 5px !important;
}

.blogContent {
}

.newsTitle {
}

.newsContent {
}

.newsDate {
}

.newsSignature {
}
.rowArticle {
 border-bottom: 1px solid #C5D1D4;
}
.readMoreButton {
 font-weight: bold;
 color: #639b68;
}

/* Divers */

.video-container {
 position: relative;
 padding-bottom: 56.25%;
 padding-top: 30px;
 height: 0;
 overflow: hidden; 
}
.video-container iframe, .video-container object, .video-container embed {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
}