body {
  background: #EFEEE9;
  font-family: "Verdana", "Bitstream Vera Sans", "DejaVu Sans", sans-serif;
}

#page {
  -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.6);
  -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.6);
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.6);
  border: 1px solid #D8D8D8;
  clear: both;
  margin: 20px auto;
  position: relative;
  text-align: left;
  width: 960px;
  background: #fff;
}

#header{
}

#header .recherche{
  text-align: center;
}

#nav{
  background-color: #004D8F;
  background: -moz-linear-gradient(left center , #0467BA 0pt, #004D8F 70%) repeat scroll 0 0 #004D8F;
  background: -webkit-linear-gradient(left center , #0467BA 0pt, #004D8F 70%) repeat scroll 0 0 #004D8F;
  background: linear-gradient(left center , #0467BA 0pt, #004D8F 70%) repeat scroll 0 0 #004D8F;
  width: 100%;
}

#nav ul
{
  list-style: none;
  height: 20px;
  font: bold 12px Verdana, sans-serif;
  text-align: center;
  padding: 10px;
  margin: 0;
}

#nav li {
  display: inline;
  border-right: 1px solid white;
  padding: 0;
}

#nav li a
{
  text-decoration: none;
  color: #FFF;
  padding: 0 10px;
  font-family: 'Vollkorn', arial, serif;
  font-size: 15px;
}

#nav li a:hover {
  color: #FFD502;
}

#nav li.in-path a{
  color: #FFD502;
}

/************************************
 * Administration bar
 ************************************/
#admin{
  width: 100%;
  border-bottom: 1px solid gray;
  padding: 5px;
  float: middle;
  height: 25px;
  background: url('/ui/k2/admin-background.png') repeat-x;
}

#admin table{
  margin: 0 auto;
}
#admin ul{
  margin: 0;
  padding: 0 40px 0 0;
}

#admin ul li {
  display: inline;
}

#admin ul li a{
  float: left;
  border: 1px solid #333;
  border-right: 0;
  border-left: 1px solid #333333;
  height: 15px;
  line-height: 15px;
  color: #000;
  padding: 3px 10px;
  margin: 0px;
  background-color: #FFF;
  text-decoration: none;
  text-align: center;
  box-shadow: rgba(64, 64, 64, 0.1) 0 2px 5px;
  -moz-box-shadow: rgba(64, 64, 64, 0.5) 0 2px 5px;
  -webkit-box-shadow: rgba(64, 64, 64, 0.5) 0 2px 5px;
  font-size: 10px;
}
#admin ul li:first-child a,
#admin ul li:first-child a:hover {
  background-color: #333;
  color: #FFF;
}
#admin ul li a:hover {
  background-color: #D8D8D8;
  color: #000;
}
#admin ul li a.active{
  background-color: #D8D8D8;
  font-weight: bold;
  color: #000;
}
#admin ul li:first-child a{
  border-radius: 5px 0 0 5px;
  -moz-border-radius: 5px 0 0 5px;
  -webkit-border-radius: 5px 0 0 5px;
}

#admin ul li:last-child a{
  border-right: 1px solid #333;
  border-radius: 0 5px 5px 0;
  -moz-border-radius: 0 5px 5px 0;
  -webkit-border-radius: 0 5px 5px 0;
}

#footer{
  background-color: #004D8F;
  background: -moz-linear-gradient(left center , #0467BA 0pt, #004D8F 100%) repeat scroll 0 0 #004D8F;
  height: 150px;
  color: #FFF;
}

#footer td{
  vertical-align: top;
}

#footer ul li.first{
  font-weight: bold;
  border-bottom: 1px solid white;
  margin-bottom: 10px;
}

#footer ul{
  list-style-type: none;
  color: #FFF;
}
#footer a{
  text-decoration: none;
  color: #FFF;
}

#footer a:hover {
  color: #FFFA00;
}

h2{
  border-bottom: 1px solid #0467BA;
  width: 100%;
  color: #0467BA;
}

.box h3{
  margin: 0;
}
.box h3 a{
  color: #FFF;
  background-color: #0467BA;
  font-family: 'Vollkorn';
  text-decoration: none;
  width: 500px;
  display: block;
  padding: 5px;
}

#map-canvas{
  width:550px;
  height:500px;
}

.map{
  background: #FFF;
  padding: 5px;
  margin: 2px;
  border-width: 1px;
  border-style: solid;
  border-color: #ccc #ccc #999 #ccc;
  -webkit-box-shadow: rgba(64, 64, 64, 0.5) 0 2px 5px;
  -moz-box-shadow: rgba(64, 64, 64, 0.5) 0 2px 5px;
  box-shadow: rgba(64, 64, 64, 0.1) 0 2px 5px;
}

.map h2 a{
  color: #0467BA;
  text-decoration: none;
}

.map p{
  text-align: justify;
  margin: 3px;
}

/**************************************************************************
 * CONTENTBAR
 * ***********************************************************************/
#content{
  padding: 5px;
}

#contentbar {
  float: left;
}
#contentbar.large {
  width: 930px;
}

#content .batch-numerotation {
  padding-left: 0;
  margin: 0;
}
/**************************************************************************
 * SIDEBAR
 * ***********************************************************************/
#sidebar {
  width: 270px;
  float: left;
  padding-top: 0;
}

.sidebar-box {
  -moz-border-radius: 8px 8px 0 0;
  -webkit-border-radius: 8px 8px 0 0;
  border-radius: 8px 8px 0 0;

  border: 1px solid #999;
  margin-bottom: 10px;
  padding: 5px 10px;
  /* Fix IEx */
  width: 248px; /* 270 - 1 (border-left) - 10 (padding-left) - 1 (border-right) - 10 (padding-right) */
}

#contentbar .sidebar-box {
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;

  border: 0;
  width: auto;
}
/**************************************************************************
 * Tourisme
 * ***********************************************************************/

.tourisme-box{
  float: left;
  width: 150px;
  height: 170px;
  margin: 4px;
}

.tourisme-box-big{
  float: left;
  width: 300px;
  height: 340px;
  margin: 5px;
}

.sidebar-box.opale_boxfeed{
  border: 0px;
}

#sidebar .tourisme-box{
  text-align: center;
  width: 238px;
  height: auto;
  margin: 0 0 5px 0;
  padding: 5px;
  border: 1px solid #0467BA;
}

.tourisme-box h3.title a,
.tourisme-box-big h3.title a{
  color: #000;
  font-family: 'Vollkorn';
  text-decoration: none;
}

#location{
  padding: 0;
  margin: 0;
}

#breadcrumbs{
  width: 645px;
}

#breadcrumbs a, #breadcrumbs span{
  color: #0466B9;
  font-family: verdana;
}

#sub-categories a{
  text-decoration: none;
  color: #0466B9;
}

.thumbnail {
  float: left;
  margin: 10px;
}

.thumbnail span{
  width: 120px;
  height: 10px;
  display: block;
  overflow: hidden;
}

.thumbnail a img {
  background: #fff;
  border: 1px solid #ccc;
  display: block;
  overflow: hidden;
  padding: 3px;
  text-align: center;
  text-decoration: none;
  -moz-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);
}

.thumbnail a img:hover {
  border: 1px solid black;
}

li a, a{
  color: #0467BA;
}

.container {
  overflow: hidden;
  width: 900px;
  margin: 0 auto;
}

#main {
  padding: 10px;
  background: #f0f0f0;
  border: 1px solid #ccc;
}
a {color: #000;}

/*--Main Image Preview--*/
.main_image {
  width: 645px;
  height: 365px;
  float: left;
  background: #333;
  position: relative;
  overflow: hidden;
  color: #fff;
}
.main_image h2 {
  font-size: 2em;
  font-weight: normal;
  margin: 0 0 5px;  padding: 10px;
}
.main_image p {
  font-size: 1.2em;
  padding: 10px;  margin: 0;
  line-height: 1.6em;
}
.main_image .block small {margin-left: 10px;}
.main_image .desc{
  position: absolute;
  bottom: 0;  left: 0;
  width: 100%;
  display: none;
}
.main_image .block{
  width: 100%;
  height: 20px;
  padding: 5px;
  background: #111;
  border-top: 1px solid #000;
}
.main_image a.show {background-position: left bottom;} 


.image_thumb {
  float: left;
  width: 252px;
  background: #f0f0f0;
  border-right: 1px solid #fff;
  border-top: 1px solid #ccc;
}
.image_thumb img {
  border: 1px solid #ccc; 
  padding: 5px; 
  background: #fff; 
  float: left;
}
.image_thumb ul {
  margin: 0; padding: 0;
  list-style: none;
}
.image_thumb ul span{
  font-weight: bold;
}

.image_thumb ul li{
  margin: 0;
  padding: 10px;
  background: #ddd;
  background-image: linear-gradient(top, @start_color, @end_color);
  background-image: -webkit-gradient(linear, left top, right bottom, from(#fff), to(#ccc));
  background-image: -moz-linear-gradient(left top, #eee 38%, #ddd 61%);
  width: 232px;
  height: 51px;
  float: left;
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #fff;
  border-right: 1px solid #ccc;
}
.image_thumb ul li.hover {
  background: #ddd;
  cursor: pointer;
}
.image_thumb ul li.active {
  background: #fff;
  cursor: default;
}
html .image_thumb ul li h2 {
  font-size: 1.5em; 
  margin: 5px 0; padding: 0;
}
.image_thumb ul li .block {
  float: left; 
  margin-left: 10px;
  padding: 0;
  width: 150px;
} 
.image_thumb ul li p{display: none;}

#home-photos{
  padding: 10px;
  background: #f0f0f0;
  border: 1px solid #ccc;
}

hr{
  border-bottom: 1px solid #0467BA;
}

/* Actualites */
h1,
.gites-view h1,
.opale-website-view h1,
.folder-photos-view h1,
.map-view h1,
.photos-view h1,
.articles-view h1,
.category-view h1,
.categories-view h1,
.article-view h1,
.article-permanent-view h1{
  color: #0467BA;
  border-bottom: 2px solid #0467BA;
  height: 20px;
  padding: 0 10px 0 0;
  font-size: 26px;
}

h1 span,
.opale-website-view h1 span,
.folder-photos-view h1 span,
.photos-view h1 span,
.articles-view h1 span,
.category-view h1 span,
.map-view h1 span,
.categories-view h1 span,
.gites-view h1 span,
.article-view h1 span,
.article-permanent-view h1 span{
  background-color: #FFF;
  float: left;
  padding: 0 5px 0 5px;
  margin: 0 0 0 10px;
  text-shadow: 1px 1px 1px #1D2226;
  font-family: 'Vollkorn', arial, serif;
}

.actualite {
  display: block;
  float: left;
  border-bottom: 1px dotted #DDDDDD;
  height: 100%;
  padding: 5px 0;
  width: 350px;
  height: 150px;
}

.actualite .ville{
  font-weight: bold;
  text-decoration: none;
  color: #000;
}

.actualite .vignette {
  width: 135px;
  margin: 0px;
  float: left;
}

.actualite .vignette img{
  padding: 2px;
  border: 1px solid #DDDDDD;
}

.actualite .vignette img:hover {
  padding: 1px;
  border: 2px solid #0467BA;
}

.actualite .infos {
  float: left;
  padding: 0px 5px;
  width: 200px;
  margin: 0px;
}

.actualite .infos p{
  text-align: justify;
  margin: 0;
  padding: 0;
}

.actualite .infos-date {
  color: #FF6E00;
  margin: 4px 0;
  font-weight: bold;
}

.actualite .infos .infos-title a{
  font-size: 13px;
  font-weight: bold;
  color: #0467BA;
}

.actualite .infos .readmore a{
  float: right;
  color: #97877C;
}

/**********************************
 *
 *********************************/

/* Month */
#month ul{
 display: inline-block;
 margin:0;
list-style: none;
}
#month li:first-child a {
    margin-left: 0 !important;
}
#month li:first-child {
  border-bottom-left-radius: 5px;
  border-left: 1px solid #DDDDDD;
  border-top-left-radius: 5px;
  margin-left: 0;
}
#month li:last-child {
  border-bottom-right-radius: 5px;
  border-right: 1px solid #DDDDDD;
  border-top-right-radius: 5px;
}
#month li.active a {
background: url("/ui/opale/images/fleche-bas.png") no-repeat scroll 50% 0 transparent;
font-weight: bold;
color: #004D8F;
}
#month li a {
font-size: 14px;
font: "Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
}

#month li.active, #month li.active:hover {
background-color: #EBF7FF;
}

#month li:hover {
background-color: #FAFAFA;
}

#month li {
  float:left;
    border-bottom: 1px solid #DDDDDD;
    border-top: 1px solid #DDDDDD;
    height: 34px;
}
  #month a {
      color: #126499;
      display: block;
      height: 50px;
      line-height: 34px;
      padding: 0px 20px;
      text-decoration: none;
  }

.data{
  background-color: #F6F6F6;
  border-radius: 8px;
  padding: 1em;
  font: 13px "Trebuchet MS",Verdana,"Lucida Grande",Tahoma,Helvetica,Sans-Serif;
  width: 530px;
  margin: 10px;
  -moz-box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.2);
}
.ll{
  float: left;
  width: 576px;
  margin-right: 1em;
}

.article-permanent-view .ll img,
.article-view .ll img
{
  width:530px;
}
.rr{
  float: left;
  width: 290px;
  margin: 2px;
  color: #000;
  padding: 5px;
}
.rr h2{
  color: #0467BA;
  border-bottom: 2px solid #0467BA;
  height: 20px;
  padding: 0 10px 0 0;
  font-size: 26px;
}

.rr h2 span{
  background-color: #FFF;
  float: left;
  padding: 0 5px 0 5px;
  margin: 0 0 0 10px;
  text-shadow: 1px 1px 1px #1D2226;
  font-family: 'Vollkorn', arial, serif;
}
.rr img{
  -moz-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);
}

.tags{
  font: 15px "Trebuchet MS",Verdana,"Lucida Grande",Tahoma,Helvetica,Sans-Serif;
}
.tags a{
  color: #025FAD;
}
.tags a:hover {
  color: #000;
}
.tags .tags-title{
  font-weight: bold;
  float: left;
  padding: 0 3px;
}
.tags ul{
  margin: 0px;
  padding: 0px;
}
.tags li{
  display: inline;
  list-style-type: none;
  padding: 0 2px;
  margin: 0px;
}

  #month ul{
   display: inline-block;
   margin:0;
list-style: none;
  }
  #month li:first-child a {
      margin-left: 0 !important;
  }
#month li:first-child {
    border-bottom-left-radius: 5px;
    border-left: 1px solid #DDDDDD;
    border-top-left-radius: 5px;
    margin-left: 0;
}
#month li:last-child {
    border-bottom-right-radius: 5px;
    border-right: 1px solid #DDDDDD;
    border-top-right-radius: 5px;
}
#month li.active a {
  background: url("/ui/opale/images/fleche-bas.png") no-repeat scroll 50% 0 transparent;
 font-weight: bold;
  color: #004D8F;
}
#month li a {
  font-size: 14px;
  font: "Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
}

#month li.active, #month li.active:hover {
 background-color: #EBF7FF;
}

#month li:hover {
 background-color: #FAFAFA;
}

#month li {
  float:left;
    border-bottom: 1px solid #DDDDDD;
    border-top: 1px solid #DDDDDD;
    height: 34px;
}
  #month a {
      color: #126499;
      display: block;
      height: 50px;
      line-height: 34px;
      padding: 0px 20px;
      text-decoration: none;
  }
/*
      .ville{
        width: 100px;
        height: 20px;
        background-color: #61A5DF;
        padding: 10px;
        -moz-border-radius: 6px;
        text-decoration: none;
        margin: 2px;
        color: #FFF;
        font-weight: bold;
      }
      .ville input, .ville span{
        vertical-align:middle;
        width:24px;
        height:24px;
      }
      .ville.ville-first{
        background-color: gray;
      }
      .ville:hover {
        cursor: pointer;
        background-color: #447FB3;
      }
*/
#proposer{
  float: right;
}

#search{
  width: 400px;
  display: none;
  height: 80px;
  margin: 20px;
  -moz-border-radius: 5px;
}

#div-agenda{
  -moz-border-radius: 5px;
  border: 1px solid #0467BA;
  padding: 5px;
  width: 350px;
  text-align: center;
  margin: 0 auto;
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.6);
}

#link-agenda{
  font-size: 14px;
  padding: 4px;
  color: #0467BA;
  padding: 10px;
  display: block;
}
#banniere{
  width: 680px;
  height: 175px;
  overflow: hidden;
}
.opale-website-view .title-agenda span{
  background: url('/ui/opale/images/agenda.png') no-repeat #FFF;
  padding: 0 5px 0 55px;
  height: 52px;
}

#home-carte ul{
  width: 30em;
}
#home-carte ul li{
  float: left;
  width: 10em;
}

#home-tourisme{
  padding: 10px;
}

#home-tourisme .tourisme-box{
  float: left;
  width: 120px;
  margin: 5px;
  background: #fff;
  border: 1px solid #ccc;
  display: block;
  padding: 3px;
  height: 150px;
  text-align: center;
  text-decoration: none;
  -moz-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);
  margin: 10px;
}

#map-container #decription{
  position: absolute;
  top: 0px;
  width: 680px;
  height: 200px;
  background-color: #FFF;
  display:block;
}

.batch-pages a.current{
  background-color: #FF6E00;
  color: #FFF;
}

/*********************************
 * Hebergements
 **********************************/
#hebergement{
  padding: 5px;
}
#hebergement-description{
  font-size: 14px;
}
#hebergement h1{
  background-color: #8FAF04;
  color: #FFF;
  height: 30px;
  -moz-border-radius: 5px;
  padding: 15px;
  font-family: Arial,Helvetica,sans-serif;
  font-size: 24px;
  font-weight: normal;
  margin: 0;
  vertical-align: baseline;
  border: 0;
}
#hebergement h1 a{
  color: #FFF;
  text-decoration: none;
}

#prix-hebergement{
  border: 1px solid #8FAF04;
  margin: 10px auto;
}

#prix-hebergement tr th{
  background-color: #8FAF04;
  color: #FFF;
  width: 200px;
  text-align: center;
}
#prix-hebergement tr td{
  border-right: 1px solid #000;
  text-align: center;
}

#hebergement h2{
  color: #8FAF04;
  border-bottom: 1px solid #8FAF04;
}

.gite{
  -moz-border-radius: 5px;
  border: 1px solid #8FAF04;
  float: left;
  margin: 5px;
  width: 460px;
  height: 150px;
  background: -moz-linear-gradient(
      top left, #DEDEDE, #FBFBFB
  );
}
.gite h2{
  padding: 1px 5px;
  margin: 0px;
  width: 450px;
  background-color: #8FAF04;
  color: #FFF;
  border-bottom: 1px solid #8FAF04;
}
.gite h2 a{
  text-decoration: none;
  color: #FFF;
}

.gite .ville{
  color: #FF1600;
  font-weight: bold;
}

.tarif{
  background-color: #FFD326;
  color: #000;
  padding: 10px;
  -moz-border-radius: 5px;
  -moz-box-shadow: 1px 1px 1px #000;
  width: 80px;
  float: right;
  margin: 5px;
}

.capacite{
  float: left;
  margin: 0px;
}
.capacite ul{
  padding: 0px;
  margin: 5px;
}

.big-tarif{
  font-size: 24px;
}

.book .thumbnail {
  float: left;
}

.fiche .book img {
  padding: 0 1px;
}
.service{
  float: left;
  margin: 5px 10px;
}
#map-read-next{
  background-color: #565AFF;
  color: #FFF;
  display:block;
  width: 330px;
  padding: 5px;
  border: 1px solid #0467BA;
  text-align: center;
  text-decoration: none;
  font-size: 14px;
}
#legende-button{
  position:absolute;
  top:0px;
  left:200px;
  width:150px;
  height: 5px;
  background-color: #FFF;
  padding: 10px;
  text-align: center;
  -moz-border-radius: 0 0 5px 5px;
}
#legende-button a{
  cursor: pointer;
}

#legende{
  position:absolute;
  left: 20px;
  bottom: 40px;
  width:520px;
  height: 550px;
  background-color: #FFF;
  padding: 10px;
  -moz-border-radius: 10px;
  border: 1px solid #DEDEDE;
  display:none;
}
#legende-count{
  font-size: 15px;
  color: #FFF;
  background-color: #565AFF;
  padding: 5px;
  width: 200px;
  margin: 0 auto;
  text-align: center;
}
#legende-right{
  text-align: center;
  font-weight: bold;
}

#reseaux-sociaux{
  margin-top: 10px;
}

#facebook-button, #plusone-div{
  float: left;
}

.photos-more{
  width: 450px;
  float: left;
  border: 1px solid #CCCCCC;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
  padding: 5px;
  margin: 5px;
}

h2.title a{
  color: #0467BA;
  text-decoration: none;
}

.gites-view fieldset label.title{
  border-bottom: 1px solid black;
  color: #000;
  font-weight:bold;
}

.gites-view fieldset{
  background-color: #8FAF04;
  color: #FFF;
  border: 0;
  border-radius: 5px;
  font-size: 14px;
}

.gites-view fieldset legend{
  display: none;
}

/*********************************
 * Button
 **********************************/
.button{
  display: block;
  background: transparent url('/ui/opale/images/background-button.png') repeat-x;
  height: 32px;
  width: 120px;
  color: #FFF;
  border: 0px;
  text-align: center;
  padding: 0.5em 2em 0.55em;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.7);
  font: 14px/100% Arial,Helvetica,sans-serif;
}

/*********************************
 * Download CSS
 **********************************/

#html-content-carte-de-la-region{
 border: 0;
 padding: 0;
 margin: 0;
 width: 300px;
}

.sidebar-box{
 width: 250px;
}

.box h3 a {
 width: 450px;
}

#sidebar{
 width: 300px;
}

.pub_sidebar{
 border: 0;
 padding: 0;
 margin: 0;
 width: 300px;
}

.tourisme-box-big{
  float: left;
  width: 300px;
  height: 214px;
  margin: 5px;
}

#languages{
  margin: 10px 20px 0px 20px;
  border-bottom: 1px solid #DEDEDE;
  border-top: 1px solid #DEDEDE;
}

#languages a{
  color: #929292;
  text-decoration: none;
  font-size: 14px;
}

#languages a:hover {
  color: #D20C1F;
}

.ville-box{
  width: 290px;
  height: 300px;
  float: left;
  margin: 5px;
  border: 1px dashed #DEDEDE;
  padding: 5px;
}

.ville-box p{
  height: 75px;
}


.new-thumbnail span{
  color: #FFF;
  display: block;
}
.new-thumbnail a{
  text-decoration: none;
}
.new-thumbnail{
  float: left;
  margin: 10px;
  background: #000;
  border: 1px solid #ccc;
  display: block;
  overflow: hidden;
  padding: 3px;
  text-align: center;
  text-decoration: none;
  -moz-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);
}
.new-thumbnail:hover {
  border: 1px solid black;
}

.ll .data h1{
  width: 520px;
  padding: 5px;
  border: 0;
  margin: 0;
  color: #FFF;
  height: 20px;
  font-size: 15px;
  background-color: #004D8F;
  background: -moz-linear-gradient(left center , #004D8F 0pt, #0467BA 70%) repeat scroll 0 0 #0467BA;
}

#articles-sidebar{
  vertical-align: top;
  width: 200px;
  background-color: #F6F6F6;
  border-radius: 5px;
  padding: 5px;
  margin: 5px;
}
#articles-sidebar legend{
  display: none;
}
#articles-sidebar fieldset{
  border: 0;
}