@import url(//fonts.googleapis.com/css?family=Roboto:400,300,500,700,700italic,500italic,400italic,900,900italic,300italic,100italic,100);
@import url(//fonts.googleapis.com/css?family=Roboto+Condensed:400,700);
@import url(../../../font-awesome/4.0.3/css/font-awesome.css);
/*
Theme Name: Sanguinet 2014
Author: Aggelos
*/
/* IMPORTS */
/* CSS Document */
.clearfix:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
/* MENU */
/* COLORS */
/* *******************************/
/* HEADER */
/* *******************************/
#header {
  min-height: 160px;
  position: relative;
  background: #1e1e1e;
  font-family: 'Roboto Condensed', sans-serif;
}
#header h1 {
  position: relative;
  top: 40px;
  height: 115px;
  width: 290px;
  font-weight: 700;
  font-size: 36px;
  font-size: 2.25rem;
  line-height: 35px;
}
#header h1 img {
  float: left;
  margin-right: 10px;
  position: relative;
  top: -40px;
}
#header h1 small {
  font-size: 20px;
  font-size: 1.25rem;
  color: white;
  text-transform: uppercase;
}
#header h1 .en {
  font-size: 25px;
  font-size: 1.5625rem;
}
#header h1 .es {
  font-size: 16px;
  font-size: 1rem;
}
#header h1 a,
#header h1 a:hover {
  color: white;
  text-decoration: none;
}
#header #top {
  margin: 40px 0 20px 0;
  text-align: right;
}
#header #top .searchform {
  display: inline;
  position: relative;
  top: -5px;
}
#header #top .searchform #s {
  background: none;
  border: 1px solid grey;
  color: white;
  padding: 2px 30px 2px 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#header #top .searchform button {
  background: none;
  border: none;
  position: relative;
  left: -30px;
}
#header #top .searchform button i {
  color: grey;
}
#header #top ul {
  display: inline;
}
#header #top ul li a {
  color: grey;
  font-size: 26px;
  font-size: 1.625rem;
}
#header #top ul li a:hover {
  color: #CBCBCB;
}
#header #top .lien-contact {
  font-size: 20px;
  font-size: 1.25rem;
  margin-left: 20px;
  text-transform: uppercase;
  color: #F4A10C;
  text-decoration: none;
}
#header #megaMenu {
  float: right;
}
#meteo {
  position: relative;
}
#meteo div {
  position: absolute;
  padding: 10px 20px;
  background: rgba(0, 0, 0, 0.5);
  top: 0px;
  z-index: 10;
  right: 0px;
}
#meteo div ul {
  font-family: 'Roboto Condensed', sans-serif;
  text-transform: uppercase;
  display: inline-block;
}
#meteo div ul a {
  color: grey;
  text-decoration: none;
}
#meteo div ul a:hover {
  color: white;
}
#meteo div .langue li {
  padding: 0 !important;
  margin-right: 3px;
}
#meteo div .langue:before {
  color: white;
  content: ' | ';
  margin-right: 7px;
}
#meteo div .langue .active {
  font-weight: 700;
}
#meteo div .langue .active a {
  color: white;
}
/* *******************************/
/* HOMEPAGE */
/* *******************************/
.bx-viewport {
  -webkit-transform: translatez(0);
  -moz-transform: translatez(0);
  -ms-transform: translatez(0);
  -o-transform: translatez(0);
  transform: translatez(0);
}
.home .bxslider li {
  position: relative;
}
.home .bxslider li div {
  text-align: right;
  color: white;
  position: absolute;
  top: 15%;
  right: 5%;
  width: 40%;
  font-family: 'Roboto Condensed', sans-serif;
  text-transform: uppercase;
  font-size: 18px;
  font-size: 1.125rem;
}
.home .bxslider li div h1 {
  font-weight: 700;
  font-size: 65px;
  font-size: 4.0625rem;
  color: #FBD113;
}
.home .bxslider li div a {
  color: white !important;
}
.home .bxslider li div a:hover {
  text-decoration: none;
}
.home .bxslider li div .lien {
  font-size: 26px;
  font-size: 1.625rem;
  font-weight: 700;
  background: #088F39;
  padding: 3px 15px;
  display: inline-block;
  margin-top: 5px;
}
.home .bxslider li div .lien i {
  font-size: 16px;
  position: relative;
  top: -3px;
  left: 3px;
}
/*MENU */
#megaMenu ul.megaMenu li.menu-item.ss-nav-menu-reg li.menu-item.megaReg-with-sub > a:after,
#megaMenu ul.megaMenu li.menu-item.mega-with-sub > a:after,
#megaMenu ul.megaMenu li.menu-item.ss-nav-menu-mega > a:after,
#megaMenu ul.megaMenu li.menu-item.ss-nav-menu-reg li.menu-item.megaReg-with-sub > span.um-anchoremulator:after,
#megaMenu ul.megaMenu li.menu-item.mega-with-sub > span.um-anchoremulator:after,
#megaMenu ul.megaMenu li.menu-item.ss-nav-menu-mega > span.um-anchoremulator:after {
  content: ' | ';
  position: absolute;
  top: 10px;
  right: 0px;
  margin: 0;
  display: inline-block;
  border: none;
  font-size: 13px;
  font-size: 0.8125rem;
}
#megaMenu ul.megaMenu li.menu-item.ss-nav-menu-mega ul ul.sub-menu li.menu-item > a,
#megaMenu ul.megaMenu li.menu-item.ss-nav-menu-mega ul ul.sub-menu li.menu-item > span.um-anchoremulator,
#megaMenu ul.megaMenu ul.sub-menu li.menu-item > a,
#megaMenu ul.megaMenu ul.sub-menu li.menu-item > span.um-anchoremulator {
  color: #EDEDED;
  font-size: 15px;
  font-size: 0.9375rem;
}
#megaMenu ul.megaMenu li#menu-item-89.menu-item ul.sub-menu-1 {
  left: initial !important;
}
#megaMenu ul li.menu-item {
  font-size: 15px !important;
}
#megaMenu ul.megaMenu li.menu-item.ss-nav-menu-mega ul.sub-menu-1 > li.menu-item {
  margin: 0 !important;
}
#megaMenu ul li.menu-item.ss-nav-menu-mega ul li.menu-item.ss-nav-menu-item-depth-1 {
  padding: 0 15px !important;
}
#megaMenu ul.megaMenu .menu-item ul li.menu-item a:hover {
  color: black !important;
}
/*
#megaMenu ul.megaMenu > li.menu-item.ss-nav-menu-mega > ul.sub-menu-1 > li.menu-item{
	min-width:120px !important;
}

#megaMenu ul li.menu-item.ss-nav-menu-mega ul li.menu-item.ss-nav-menu-item-depth-1{
	padding:0px 15px !important;	
}
*/
#megaMenu ul.megaMenu li#menu-item-75.menu-item > a span {
  color: white;
}
#megaMenu ul.megaMenu li#menu-item-75.menu-item ul.sub-menu-1 {
  background: #fb8400;
  border: none;
}
#megaMenu ul.megaMenu li#menu-item-75.menu-item ul.sub-menu-1 > li.menu-item > a {
  color: #ffffff;
}
#megaMenu ul.megaMenu li#menu-item-75.menu-item .ss-nav-menu-mega ul ul.sub-menu li.menu-item > a {
  color: #ffffff;
  margin-left: 5px;
}
#megaMenu ul.megaMenu li#menu-item-84.menu-item > a span {
  color: white;
}
#megaMenu ul.megaMenu li#menu-item-84.menu-item ul.sub-menu-1 {
  background: #00742c;
  border: none;
}
#megaMenu ul.megaMenu li#menu-item-84.menu-item ul.sub-menu-1 > li.menu-item > a {
  color: #ffffff;
}
#megaMenu ul.megaMenu li#menu-item-84.menu-item .ss-nav-menu-mega ul ul.sub-menu li.menu-item > a {
  color: #ffffff;
  margin-left: 5px;
}
#megaMenu ul.megaMenu li#menu-item-96.menu-item > a span {
  color: white;
}
#megaMenu ul.megaMenu li#menu-item-96.menu-item ul.sub-menu-1 {
  background: #005b8e;
  border: none;
}
#megaMenu ul.megaMenu li#menu-item-96.menu-item ul.sub-menu-1 > li.menu-item > a {
  color: #ffffff;
}
#megaMenu ul.megaMenu li#menu-item-96.menu-item .ss-nav-menu-mega ul ul.sub-menu li.menu-item > a {
  color: #ffffff;
  margin-left: 5px;
}
#megaMenu ul.megaMenu li#menu-item-101.menu-item > a span {
  color: white;
}
#megaMenu ul.megaMenu li#menu-item-101.menu-item ul.sub-menu-1 {
  background: #ffb500;
  border: none;
}
#megaMenu ul.megaMenu li#menu-item-101.menu-item ul.sub-menu-1 > li.menu-item > a {
  color: #555555;
}
#megaMenu ul.megaMenu li#menu-item-101.menu-item .ss-nav-menu-mega ul ul.sub-menu li.menu-item > a {
  color: #555555;
  margin-left: 5px;
}
#megaMenu ul.megaMenu li#menu-item-81.menu-item > a span {
  color: white;
}
#megaMenu ul.megaMenu li#menu-item-81.menu-item ul.sub-menu-1 {
  background: #ff8200;
  border: none;
}
#megaMenu ul.megaMenu li#menu-item-81.menu-item ul.sub-menu-1 > li.menu-item > a {
  color: #ffffff;
}
#megaMenu ul.megaMenu li#menu-item-81.menu-item .ss-nav-menu-mega ul ul.sub-menu li.menu-item > a {
  color: #ffffff;
  margin-left: 5px;
}
#megaMenu ul.megaMenu li#menu-item-89.menu-item > a span {
  color: white;
}
#megaMenu ul.megaMenu li#menu-item-89.menu-item ul.sub-menu-1 {
  background: #b8310c;
  border: none;
}
#megaMenu ul.megaMenu li#menu-item-89.menu-item ul.sub-menu-1 > li.menu-item > a {
  color: #ffffff;
}
#megaMenu ul.megaMenu li#menu-item-89.menu-item .ss-nav-menu-mega ul ul.sub-menu li.menu-item > a {
  color: #ffffff;
  margin-left: 5px;
}
#megaMenu li.menu-item.ss-nav-menu-mega ul.sub-menu.sub-menu-1 {
  max-width: 50%;
}
#megaMenu ul.megaMenu > li.menu-item > a,
#megaMenu ul.megaMenu > li.menu-item > span.um-anchoremulator {
  padding: 12px 10px !important;
}
#actus {
  min-height: 530px;
  width: 100%;
  background: #be4926;
  position: relative;
  -webkit-box-shadow: inset 0 0 30px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: inset 0 0 30px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 0 30px rgba(0, 0, 0, 0.15);
}
#actus .vignette_fiche {
  border: 10px solid white;
  display: block;
  height: 200px;
  background: white;
  overflow: hidden;
}
#actus .vignette_fiche_small {
  border: 10px solid white;
  display: block;
  height: 170px;
  background: white;
  overflow: hidden;
}
#actus h2 img {
  border: none;
  position: relative;
  top: -10px;
}
#actus h1,
#actus h2 a {
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: 700;
  color: #FBD113;
  text-transform: uppercase;
}
#actus h1 {
  font-size: 50px;
  font-size: 3.125rem;
  margin: 40px 0;
}
#actus h2 {
  font-size: 25px;
  font-size: 1.5625rem;
}
#actus a:hover {
  color: white !important;
  text-decoration: none !important;
}
#actus p {
  font-size: 13px;
  font-size: 0.8125rem;
  color: #E4B6A8;
}
#actus .plus {
  font-size: 105px;
  font-size: 6.5625rem;
  color: white;
  font-weight: bold;
  position: relative;
  top: 20px;
}
#actus .plus:hover {
  text-decoration: none;
}
#actus .row > div {
  min-height: 400px;
}
#activites {
  background: #1c932d url(images/test/bg_activite.jpg) no-repeat 100% 50% fixed;
  -webkit-box-shadow: inset 0 0 30px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: inset 0 0 30px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 0 30px rgba(0, 0, 0, 0.15);
  min-height: 530px;
  width: 100%;
  color: white;
  font-family: 'Roboto Condensed', sans-serif;
  text-transform: uppercase;
  position: relative;
}
#activites h1 {
  font-size: 65px;
  font-size: 4.0625rem;
  margin-top: 80px;
  font-weight: 700;
}
#activites p {
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 700;
  margin-bottom: 20px;
}
#activites a {
  font-size: 26px;
  font-size: 1.625rem;
  font-weight: 700;
  background: #BC461B;
  padding: 3px 15px;
  color: white !important;
}
#activites a:hover {
  text-decoration: none;
}
#manger-dormir {
  background: #d99f31 url(images/test/bg_manger.jpg) no-repeat 50% 50% fixed;
  -webkit-box-shadow: inset 0 0 30px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: inset 0 0 30px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 0 30px rgba(0, 0, 0, 0.15);
  min-height: 530px;
  position: relative;
  width: 100%;
  color: white;
  font-family: 'Roboto Condensed', sans-serif;
  text-transform: uppercase;
}
#manger-dormir h1 {
  font-size: 65px;
  font-size: 4.0625rem;
  margin-top: 80px;
  font-weight: 700;
}
#manger-dormir p {
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 700;
  margin-bottom: 20px;
}
#manger-dormir a {
  font-size: 26px;
  font-size: 1.625rem;
  font-weight: 700;
  background: #BC461B;
  padding: 3px 15px;
  color: #d99f31 !important;
}
#manger-dormir a:hover {
  text-decoration: none;
}
/* *******************************/
/* PAGE */
/* *******************************/
#main {
  background: #E6E6E6;
}
#main #pano {
  position: relative;
}
#main #pano h1.entry-title {
  font-family: 'Roboto Condensed', sans-serif;
  text-transform: uppercase;
  position: absolute;
  right: 20px;
  bottom: 20px;
  font-size: 65px;
  font-size: 4.0625rem;
  font-weight: 700;
  color: white;
}
#main #page {
  background: white;
  padding: 40px;
  display: table-cell;
  float: none;
}
#main #page-sidebarless {
  background: white;
  padding: 40px;
}
#main #sidebar {
  background: #BC4926;
  padding: 40px;
  height: 500px;
  display: table-cell;
  float: none;
  vertical-align: top;
}
#main #sidebar h2 {
  font-family: 'Roboto Condensed', sans-serif;
  text-transform: uppercase;
  font-weight: 700;
  color: white;
}
#main #sidebar ul {
  color: white;
  font-size: 14px;
  font-size: 0.875rem;
  list-style: disc;
  margin-left: 20px;
}
#main #sidebar ul a {
  color: white;
}
#main #sidebar ul .current-menu-item {
  color: black;
}
#main #sidebar ul .current-menu-item a {
  color: black;
}
/*Carte google */
.google-maps img {
  max-width: none !important;
}
/*Calendrier*/
.dispo .badge-event,
.dispo div.legend span.badge-event,
.legend .dispo {
  background-color: green;
}
.complet .badge-event,
.complet div.legend span.badge-event,
.legend .complet {
  background-color: red ;
}
.calendrier {
  margin-bottom: 15px;
  text-align: center;
  font-weight: bold;
}
/* FICHES */
.adresse {
  font-size: 16px;
  font-size: 1rem;
  font-style: italic;
}
.gal_mini {
  display: inline-block;
  margin: 10px 0;
}
.gal_mini img {
  border: 1px solid white;
  margin: 0 5px 5px 0;
}
#listing_in_page {
  margin-top: 40px;
}
#listing_in_page > div h2 {
  margin: 10px 0 5px 0;
  font-size: 22px;
  font-size: 1.375rem;
}
#listing_in_page > div h2 a {
  text-decoration: none;
}
.agenda li {
  list-style: none;
  margin: 40px 0;
  border: 1px solid #C8C8C8;
  padding: 0 20px 20px;
}
.agenda li img {
  float: right;
  margin: 0 0 0 20px;
}
.agenda li .date {
  margin: 0;
  background: beige;
  padding: 5px 20px;
  font-weight: bold;
  margin-bottom: 10px;
}
.agenda li .date i {
  margin-right: 10px;
}
.agenda li .tarif {
  font-style: italic;
  font-weight: bold;
}
.commerces li {
  list-style: none;
  margin: 40px 0;
  border: 1px solid #C8C8C8;
  padding: 0 20px 20px;
}
.commerces li .date {
  margin: 0;
  background: beige;
  padding: 5px 20px;
  font-weight: bold;
  margin-bottom: 10px;
}
.commerces li .date i {
  margin-right: 10px;
}
.commerces li .tarif {
  font-style: italic;
  font-weight: bold;
}
/* Sidebar */
#sidebar li.pagenav {
  list-style: none;
}
#sidebar li.pagenav h2 a {
  text-decoration: none;
}
#sidebar .current_page_item > a,
#sidebar .current_page_item {
  color: #1e1e1e !important;
}
/* Pagination */
.pagination > li > a,
.pagination > li > span {
  margin: 0px 5px;
  background: #EFCB37;
  color: #be4926;
}
.pagination > li > a:hover,
.pagination > li > span:hover {
  color: black;
  background: #BFA22C;
}
/* *******************************/
/* TYPO */
/* *******************************/
html {
  font-size: 16px !important;
}
body {
  font-family: 'Roboto', sans-serif !important;
  background: black;
}
.super-wrapper {
  max-width: 1500px;
  margin: 0 auto;
}
#main {
  font-size: 14px;
  font-size: 0.875rem;
}
#main h2,
#main h3,
#main h4,
#main h5,
#main h6 {
  clear: none;
}
#main #page a {
  color: #333;
  text-decoration: underline;
}
#main #page a:hover {
  color: #444;
}
#main #page ul {
  list-style: disc;
  margin-left: 20px;
}
#main #page ul.desc {
  margin-left: -27px !important;
}
/* *******************************/
/* IMAGE */
/* *******************************/
img {
  max-width: 100%;
  height: auto;
}
/* *******************************/
/* SMOOTH SCROLL */
/* *******************************/
.scroll-image {
  position: absolute;
  right: 10px;
  top: -70px;
  z-index: 10;
}
.scroll-image a {
  background: none !important;
  font-size: 1.625rem;
}
.scroll-image i {
  color: white;
}
/* *******************************/
/* BOUTONS */
/* *******************************/
/* *******************************/
/* FOOTER */
/* *******************************/
#colophon #contact {
  background: #EFCB37;
  position: relative;
}
#colophon #contact #adresse {
  position: absolute;
  left: 40px;
  top: 40px;
  min-width: 220px;
  font-family: 'Roboto Condensed', sans-serif;
  text-transform: uppercase;
  font-size: 20px;
  font-size: 1.25rem;
}
#colophon #contact #adresse h2 {
  font-weight: 700;
}
#colophon #contact #adresse .btn-black {
  width: 220px;
  background: black;
  padding: 3px 10px;
  display: block;
  font-size: 22px;
  font-size: 1.375rem;
  margin: 10px 0;
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: 700;
  color: #efcb37;
  text-decoration: none;
}
#colophon #contact #adresse .btn-black i {
  margin-right: 8px;
}
#colophon #sitemap {
  padding: 50px 0;
  background: #1e1e1e;
}
#colophon #sitemap h4 {
  font-size: 16px;
  font-size: 1rem;
  text-transform: uppercase;
}
#colophon #sitemap h4 a {
  color: #F4A10C;
}
#colophon #sitemap ul {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  list-style: disc;
  color: white;
  margin-left: 8px;
  font-size: 12px;
  font-size: 0.75rem;
}
#colophon #sitemap ul a {
  color: white;
}
#colophon #lien {
  padding: 20px 0;
  background: #333333;
}
#colophon #lien a {
  color: grey;
}
#colophon #lien #liens {
  font-size: 13px;
  font-size: 0.8125rem;
}
#colophon #lien #liens li:after {
  content: ' | ';
  color: grey;
  margin-left: 5px;
}
#colophon #lien #reseauxsociaux {
  font-size: 24px;
  font-size: 1.5rem;
  margin: 0;
}
#colophon #lien #reseauxsociaux a:hover {
  color: #CBCBCB;
}
#colophon #logo_footer {
  background: white;
  padding: 10px 0;
  text-align: center;
}
.fb-page {
  margin-top: 40px;
}
.fb-page > span {
  text-align: center !important;
}
/* *******************************/
/* Small devices */
/* *******************************/
@media screen and (max-width: 992px) {
  #header h1 {
    font-size: 26px;
    font-size: 1.625rem;
    line-height: 25px;
  }
  #header h1 img {
    width: 75px;
  }
  #header h1 small {
    font-size: 14px;
    font-size: 0.875rem;
  }
  #header #top .searchform {
    display: block;
    left: 30px;
  }
  #header #top ul li a {
    font-size: 22px;
    font-size: 1.375rem;
  }
  #header #top .lien-contact {
    font-size: 16px;
    font-size: 1rem;
    word-break: keep-all;
  }
  #megaMenu ul.megaMenu > li.menu-item > a,
  #megaMenu ul.megaMenu > li.menu-item > span.um-anchoremulator {
    padding: 12px 7px !important;
    font-size: 13px;
    font-size: 0.8125rem;
  }
  #megaMenu ul.megaMenu li.menu-item.ss-nav-menu-mega ul ul.sub-menu li.menu-item > a,
  #megaMenu ul.megaMenu li.menu-item.ss-nav-menu-mega ul ul.sub-menu li.menu-item > span.um-anchoremulator,
  #megaMenu ul.megaMenu ul.sub-menu li.menu-item > a,
  #megaMenu ul.megaMenu ul.sub-menu li.menu-item > span.um-anchoremulator {
    font-size: 11px;
    font-size: 0.6875rem;
  }
}
/* *******************************/
/* Extra small devices */
/* *******************************/
@media screen and (max-width: 768px) {
  #actus .row > div {
    min-height: 100px;
  }
  #header h1 {
    top: 0px;
    height: auto;
    width: auto;
  }
  #header h1 img {
    width: 55px;
    top: -15px;
  }
  #header #top {
    margin: 0;
    text-align: left;
  }
  #header #top .searchform {
    left: 0px;
  }
  #header #top .searchform #s {
    width: 100%;
    padding: 2px 10px 2px 30px;
  }
  #header #top .searchform button {
    position: absolute;
    top: 7px;
    left: 0px;
  }
  #header #megaMenu {
    float: none !important;
  }
  #header #megaMenu #megaMenuToggle {
    padding: 20px 0;
    font-size: 25px;
    font-size: 1.5625rem;
    color: white;
  }
  .home .bx-wrapper {
    background: #1c62a0;
    padding-bottom: 30px;
  }
  .home .bxslider li div {
    position: relative !important;
    padding: 20px;
    top: 0px;
    right: 0px;
    width: auto;
    text-align: left;
  }
  #meteo div {
    position: relative;
    background: black;
  }
  #activites {
    background: none;
    background: #1c932d;
    min-height: 0px;
    padding: 40px 0;
  }
  #activites h1 {
    margin-top: 0px;
  }
  #manger-dormir {
    background: none;
    background: #d99f31;
    min-height: 0px;
    padding: 40px 0;
  }
  #manger-dormir h1 {
    margin-top: 0px;
  }
  #colophon #contact #adresse {
    position: relative;
    top: 0px;
    left: 0px;
    padding: 20px;
  }
  #colophon #contact img {
    display: none;
  }
  #colophon #sitemap {
    display: none;
  }
}