.hero .hero-media {
  background-image:url(//s3.amazonaws.com/imagescloud/images/blogue/20150227-m.jpg);
}

@media only screen and (min-width: 768px) {
  .hero .hero-media {
    background-image:url(//s3.amazonaws.com/imagescloud/images/blogue/20150227.jpg);
  }
}

.hero.is-vanilla .hero-content {
  color:white;
  padding-top:110px;
  padding-bottom:110px;
}

/*-------------------------------------------------------------------
  Global
-------------------------------------------------------------------*/

sup,
sub {
  height: 0;
  line-height: 1;
  vertical-align: baseline;
  _vertical-align: bottom;
  position: relative;
}

sup {
  bottom: 1ex;
}

sub {
  top: .5ex;
}

#container .blogue .left{
  float:left;  
}

#container .blogue .right{
  float:right;  
}


/*-------------------------------------------------------------------
  General
-------------------------------------------------------------------*/


/*-------------------------------------------------------------------
  Overrides
-------------------------------------------------------------------*/

#li_lang_switch {
    display: none;
}

#container {
  background:none;
}

#container .blogue {
  font-size:14px;
  color:#515146;
}


#container .blogue .fileRepositoryTable {
  display:none;
}

#container .blogue .contenu {
  background:#fff;
  padding:40px 24px 24px 24px;
  min-height:335px;
}

#container .blogue a {
  border:none;
  color:#5a8019;
  padding:0;
  text-decoration:none;
}

#container .blogue a.external-link {
    padding-right:16px;
    background: url("/resources/images/blogue/external-link.gif") no-repeat 100% 50%;
}

#container .blogue a.pdf-link {
    padding-right:16px;
    background:url("/resources/images/blogue/pdf-link.gif") no-repeat 100% 30%;
}

#container .blogue a:hover {
  color:#88bd46;
  border-color:#a9cb34;
  text-decoration:underline;
}

#container .blogue hr {
  border:none;
  border-top:1px #cdd7ad solid;
}

#container .blogue .en-vedette hr.clear {
  display:none;
}

#container .blogue ul li {
  /*color:#6b9b2e;
  line-height: 18px;*/
}

#container .blogue h1,
#container .blogue h2,
#container .blogue h3,
#container .blogue h4,
#container .blogue h5 {
  color:#6b9b2e;
  font-weight:normal;
  text-transform:uppercase;
  line-height:1em;
}

#container .blogue h1 a,
#container .blogue h2 a,
#container .blogue h3 a,
#container .blogue h4 a,
#container .blogue h5 a {
  color:#6b9b2e;
  border:none;
  padding:0;
}

#container .blogue h1 a:hover,
#container .blogue h2 a:hover,
#container .blogue h3 a:hover,
#container .blogue h4 a:hover,
#container .blogue h5 a:hover {
  color:#88bd46;
  text-decoration:none;
}

#container .blogue h1{
  font-size:28px;
  margin:0 0 8px 0;
}

#container .blogue .en-vedette h1{
  min-height:3em;
}

#container .blogue h2{
  font-size:17px;
  margin:0;
  padding:7px 0 7px 0;
}

#container .blogue h3{
  font-size:16px;
  margin:0 0 20px 0;
  text-transform:uppercase;
}

#container .blogue .addthis_toolbox a {
  float:left;
}

#container .blogue .addthis_toolbox a, 
#container .blogue #disqus_thread a {
  
}

#container .blogue .loading {
  width:auto;
  height:32px;
  padding:15px 0;
  background-image:url(/resources/images/blogue/ajax-loader.gif);
  background-position:center center;
  background-repeat:no-repeat;
  background-color:#f6f6f6;
}

/*-------------------------------------------------------------------
  Layout
-------------------------------------------------------------------*/

#container .blogue .col693 {
  width:693px;
  padding:0;
}

#container .blogue .col693 h1 {
  font-size:41px;  
  line-height:0.9em;
}

#container .blogue .col693 hr.narrow{
  margin:5px 0;
}

#container .blogue .col454 {
  width:454px;
}

#container .blogue .col215 {
  width:215px;
  padding:0;
}

#container .blogue .col212 {
  width:215px;
  padding:0;
}

#container .blogue .col.last {
  float:right;
  margin:0;
}

#container .blogue .article.col.last {
  /*float:right;*/
  float:left;
  margin-right:0;
}

/*-------------------------------------------------------------------
  Entete
-------------------------------------------------------------------*/

#container .blogue .entete {
  position:relative;
  padding:10px 0px;
}

#container .blogue .entete p.titre {
  margin:0;
  padding:0;
  width:490px;
  height:74px;
  float:left;
}

#container .blogue .entete p.titre a {
  display:block;
  font-size:30px;
  width:100%;
  height:100%;
  text-indent:-10000px;
  border:none;
}

#container .blogue .entete p.soustitre {
  position:absolute;
  top:58px;
  left:505px;
  text-transform:uppercase;
  color:#535a4d;
  font-size:12px;
  border-left:1px solid #a8a164;
  width:144px;
  padding:0 0 0 25px;
  margin:0;
  line-height:1.15em;
}
#container .blogue .entete .nav {
  clear:both;
  margin:0;
  width:980px;
  height:42px;
}

#container .blogue .entete .nav ul {
  position:relative;
  z-index:100;
  list-style:none;
  margin:0;
  padding:0;
  width:980px;
}

#container .blogue .entete .nav ul li {
  background:#000;
  display:block;
  float:left;
  margin:0 0 0 2px;
  padding:0;
  line-height:17px;
}

#container .blogue .entete .nav ul li.first {
  margin:0;
}

#container .blogue .entete .nav ul li a {
  border:none;
  color:#f6f6f6;
  display:inline-block;
  font-size:17px;
  margin:0;
  padding:0;
  line-height:42px;
  text-transform:uppercase;
  text-decoration:none;
  text-align:center;
}
#container .blogue .entete .nav ul li#li_faune a {width:162px;}
#container .blogue .entete .nav ul li#li_physique a {width:172px;}
#container .blogue .entete .nav ul li#li_culturel a {width:211px;}
#container .blogue .entete .nav ul li#li_gestion a {width:109px;}

#container .blogue .entete .nav ul li a:hover,
#container .blogue .entete .nav ul li#li_rss a:hover {
  background-color:#000;
  color:#6b9b2e;
}

/* Fil RSS */
#container .blogue .entete .nav ul li#li_rss span {
  display:none;
}

#container .blogue .entete .nav ul li#li_rss a {
  display:block;
  width:42px;
  height:42px;
  background:url("/resources/images/interface/btn_rss.gif") 14px 14px no-repeat;
}

/* Liste déroulante */
#container .blogue .entete .nav ul li#li_parcs {
  width:318px;
  padding:0;
  height:42px;
  line-height:42px;
}

/*#container .blogue .entete .nav ul li span {
  float:left;
  color:#fff;
  font-size:12px;  
}*/

#container .blogue .entete .nav ul ul {
  margin:0 auto;
  width:210px;
}

#container .blogue .entete .nav ul ul li {
  position:relative;
  margin:9px 0;
  width:210px;
  background:#6B9B2E url(/resources/images/blogue/arrow.png) 189px 8px no-repeat;
  cursor:pointer;
}

#container .blogue .entete .nav ul ul li strong {
  display:block;
  width:173px;
  padding:0 5px;
  font-size:12px;
  font-weight:normal;
  font-style:italic;
  line-height:24px;
  background:#fff;
  overflow: hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
}

#container .blogue .entete .nav ul ul li:hover {
  background-color:#88bd46;
}

#container .blogue .entete .nav ul ul ul {
  display:none;
  position:absolute;
  top:100%;
  left:-1px;
  border:1px solid #000;
  z-index:100;
  width:100%;
}

#container .blogue .entete .nav ul ul li:hover ul {
  display:block;
}

#container .blogue .entete .nav ul ul ul li {
  margin:0;
  padding:0;
  width:100%;
  background:#fff;
}

#container .blogue .entete .nav ul ul ul li a {
  border:none;
  color:#404040;
  display:block;
  font-size:11px;
  width:auto;
  margin:0;
  padding:4px 5px;
  line-height:normal;
  text-transform:none;
  text-decoration:none;
  text-align:left;
}

#container .blogue .entete .nav ul ul ul li a:hover {
  color:#fff;
  background:#6b9b2e;
}

/*-------------------------------------------------------------------
  Bienvenue
-------------------------------------------------------------------*/

#container .blogue .bienvenue {
  position:relative;
  margin:0 0 10px 0;
  padding:24px 160px 10px 213px;
  height:auto !important;
  height:96px;
  min-height:96px;
  background:#fff;
}

#deuxieme-image {
  top:120px !important; 
}
#container .blogue .bienvenue h1 img {
  position:absolute;
  top:24px;
  left:24px;
  width:165px;
}

/*-------------------------------------------------------------------
  Contenu
-------------------------------------------------------------------*/

/* GLOBAL ARTICLE */

#container .blogue .article {
  margin-right:24px;
  /*margin-bottom:24px;*/
  padding-bottom:14px;
  position:relative;
}

#container .blogue .article p,
#container .blogue .article li {
  line-height:1.3em;
}

#container .blogue .article hr.last {
  position:absolute;
  bottom:0px;
  width:100%;
  margin-bottom:0;
}

#container .blogue .article .share-bar {
  height:30px;
  position:absolute;
  bottom:10px;
}

#container .blogue p.date {
  font-family:Times New Roman, serif;
  font-size:16px;
  font-style:italic;
  margin:0;
}

/* SHARE BAR */

#container .blogue .share-bar .addthis_button_facebook_like iframe   { max-width:58px; margin-right:9px; }
#container .blogue .share-bar .addthis_button_tweet iframe       { max-width:65px; margin-right:9px; }
#container .blogue .share-bar .addthis_button_google_plusone div     { max-width:33px; }
#container .blogue .share-bar .addthis_button_google_plusone iframe   { max-width:33px; margin-right:9px; }

/* SMALL ARTICLE */

/* BIG ARTICLE */

/* MAIN ARTICLE */

#container .blogue .article.col693 p.date { 
  font-size:22px; 
  line-height:1.4em;
}

#container .blogue .article.col693 .share-bar { 
  bottom:auto;
  position:relative;
}

#container .blogue ul.meta {
  font-size:12px;
  margin:0 0 5px 0;
  padding-left:0;
  list-style:none;
}

#container .blogue ul.meta li {
  padding:0 10px 0 0;
  margin:0 7px 0 0;
  border-right:1px solid #919182;
  display:inline;
  color:#919182;
}

#container .blogue ul.meta li.last {
  margin:0;
  border:none;
}

#container .blogue ul.meta.right li {
  padding:0 0px 0 10px;
  border-left:1px solid #919182;
  border-right:none;
}

#container .blogue .en-vedette .article {
  margin-bottom:24px;
}

#container .blogue .en-vedette div.teaser {
  margin:0 0 5px 0;
}

#container .blogue .en-vedette p.date {
  margin:0 0 12px 0;  
}

/* TEASER */

#container .blogue div.teaser {
  position:relative;
  margin:0;
}

#container .blogue div.teaser a {
  position:relative;
  z-index:1;
  border:0;
  padding:0;
}

#container .blogue div.teaser .over {
  background:#f6f6f6;
  font-family:"Times New Roman", Times, serif;
  font-size:16px;
  font-style:italic;
  padding:6px 15px 6px 10px;
  position:absolute;
  right:0px;
  top:20px;
  z-index:2;
  text-align:right;
  
  bottom:20px;
  display:block;
  font-size:18px;
  padding:0;
  background:none;
  top:auto;
}

#container .blogue div.teaser .over a.comments-count,
#container .blogue div.teaser .over a.category {
  float:left;
  display:block;
  text-decoration:none;
}

#container .blogue div.teaser .over a.category {
  color:#6b9b2e;
  background:#f6f6f6;
  padding:5px 10px 7px 10px;
}

#container .blogue div.teaser .over a.category:hover {
  color:#88bd46;
}

#container .blogue div.teaser .over a.comments-count {
  color:#f6f6f6;
}

#container .blogue div.teaser .over .comments,
#container .blogue div.teaser .over .no-comments {
  display:block;
  height:20px;
  padding:5px 15px 5px 65px;
}

#container .blogue div.teaser .over .comments {
  background:url(/resources/images/blogue/triangle.png) left bottom no-repeat;
}

#container .blogue div.teaser .over .no-comments {
  background:url(/resources/images/blogue/triangle.png) left top no-repeat;
  padding:5px 15px;
}

#container .blogue img.left{
  margin:0 10px 10px 0;
}

#container .blogue img.right{
  margin:0 0px 10px 10px;
}

#container .blogue .profil-auteur{
  color:#919182;
}

/* Slideshow */
#container .blogue .slides{
  margin:0 0 20px 0;
  position:relative;
  min-height:300px;
  background-image:url(/resources/images/blogue/ajax-loader.gif);
  background-position:center center;
  background-repeat:no-repeat;
}

/* Next / Prev */
#container .blogue .slides a.next, 
#container .blogue .slides a.prev{
  background-image:url(/resources/images/blogue/slide_controls.png);
  background-repeat:no-repeat;
  border:0;
  display:block;  
  height:85px;
  outline:none;
  position:absolute;
  text-indent:-9999px;
  top:40%;
  width:24px;
  z-index:30;
}

#container .blogue .slides a.prev {
  background-position:left top;
  left:0;
}

#container .blogue .slides a.prev:hover {background-position:left bottom;}

#container .blogue .slides a.next {
  background-position:right top;
  right:0;
}

#container .blogue .slides a.next:hover {background-position:right bottom;}

/* Pagination */
#container .blogue .slides .pagination{
  bottom:15px;
  list-style:none;
  margin:0;
  padding:0;
  position:absolute;
  right:30px;
  z-index:30;
}

#container .blogue .slides .pagination li{
  float:left;
  margin-right:5px;
}

#container .blogue .slides .pagination li a{
  background:url(/resources/images/blogue/slide_pagination.png) left bottom no-repeat;
  display:block;
  height:13px;
  text-indent:-9999px;
  width:13px;
}

#container .blogue .slides .pagination li.current a{
  background:url(/resources/images/blogue/slide_pagination.png) left top no-repeat;
}

/*-------------------------------------------------------------------
  Menu latéral
-------------------------------------------------------------------*/
#container .blogue #blogue-menu-lateral{ font-size:12px;}

#container .blogue #blogue-menu-lateral h2 {
  font-family:"Times New Roman", Times, serif;
  font-size:45px;
  font-style:italic;
  line-height:0.9em;
  margin:0 0 20px 0;
  padding:0;
  text-transform:none;
}

#container .blogue #blogue-menu-lateral h2.small {
  font-size:28px;
}

#container .blogue #blogue-menu-lateral h3 {
  font-size:22px;
  margin:0 0 3px 0;
}

#container .blogue #blogue-menu-lateral .article{ margin-bottom:0; margin-right:0; padding-bottom:0;}

#container .blogue #blogue-menu-lateral ul{
  list-style:none;
  margin:0;
  padding:0;  
}

#container .blogue #blogue-menu-lateral ul li{
  border-bottom:1px solid #dbe2c5;
  margin:0;
}

#container .blogue #blogue-menu-lateral ul li:first-child{
  border-top:1px solid #dbe2c5;  
}

#container .blogue #blogue-menu-lateral ul li a {
  color:#919182;
  font-size:12px;
  border:0;
  padding:5px 0;
  display:block;
  text-decoration:none;
}

#container .blogue #blogue-menu-lateral ul li.actif a {
  background:url(/resources/images/blogue/puce.gif) 1px 12px no-repeat;
  color:#5a8019;
  padding-left:10px;
}

#container .blogue #blogue-menu-lateral ul li a.actif:hover, 
#container .blogue #blogue-menu-lateral ul li a:hover {
  color:#88bd46;
}

#container .blogue #blogue-menu-lateral ul li a span,
#container .blogue #blogue-menu-lateral ul li.actif a span {
  color:#6b9b2e;
  font-size:12px;
}

#container .blogue #blogue-menu-lateral p { color:#919182;}

#container .blogue #blogue-menu-lateral p.titre{
  color:#919182;
  font-size:14px;
}

#container .blogue #blogue-menu-lateral p.date{
  color:#515146;
  margin:0 0 10px 0;
}

/*     Début du CSS pour le sticky-pub     */
#sticky-pub {
  position: fixed;
  bottom: -165px;
  z-index: 1000;
  color: white;
  font-size: 12px;
  background: black;
  width: 100%;
  padding-top: 20px;
  padding-bottom: 25px;
  /*Blur*/
  -webkit-box-shadow: 0px -1px 20px 0px rgba(50, 50, 50, 0.75);
  -moz-box-shadow:    0px -1px 20px 0px rgba(50, 50, 50, 0.75);
  box-shadow:         0px -1px 20px 0px rgba(50, 50, 50, 0.75);
}
#sticky-pub .container {
  width: 850px;
  margin-left: auto; margin-right: auto;
  position: relative;
}
#sticky-pub h3{
  color: white;
  padding-bottom: 10px !important;
  font-weight: 200;
}
.sticky-pub-first-content {
  width: 375px;
  padding-right: 35px;
  float: left;
} 
.sticky-pub-second-content {
  width: 375px;
  padding-left: 35px;
  float: left;
  border-left: solid 1px white;
}

/*     Styles des éléments de formulaires     */
.text-input {
  background: white;
  border: solid 1px white;
  height: 13px;
  width: 195px;
  padding: 10px;
  margin-bottom: 30px;  
  position: relative;
}
.text-input-error {
  background: white;
  border: solid 1px firebrick;
  height: 13px;
  width: 195px;
  padding: 10px;
  margin-bottom: 22px;  
  position: relative;
}
.ok-button {
  background: #84C75B;
  border: none !important;
  width: 35px;
  height: 35px;
  position: relative;
  right: 3px;
}
::-webkit-input-placeholder {
  font-weight: 12px;
  line-height: 12px;
  color: black;
}
:-moz-placeholder { color: black; } /* Firefox 18- */
::-moz-placeholder { color: black; }/* Firefox 19+ */
:-ms-input-placeholder { color: black; }

/* Placeholder avec erreur */
.error::-webkit-input-placeholder { color: firebrick; }
.error:-moz-placeholder { color: firebrick; } /* Firefox 18- */
.error::-moz-placeholder { color: firebrick; }/* Firefox 19+ */
.error:-ms-input-placeholder { color: firebrick; }

/*     Bouton sticky-pub-close : "X" pour fermer la pub     */
#sticky-pub-close {
  position: absolute;
  top: 0px;
  right: 0px;
  padding: 0px 10px 10px 10px;
  font-size: 16px;
  color: white;
  text-decoration: none;
  cursor: pointer;
  transition: all ease 0.5s;
}
#sticky-pub-close:before {
  content: "|";
  display: inline-block;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  position: relative;
  left: 4px;
}
#sticky-pub-close:after {
  content: "|";
  display: inline-block;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
#sticky-pub-close:hover {
  color: #84C75B;
}
/* HACK IE8 */
.ie8 #sticky-pub-close {
  background: url(/resources/images/interface/sprite-sticky-pub.png) no-repeat 0px -32px;
  height: 15px;
  width: 15px;
  padding: 0px !important;
}
.ie8 #sticky-pub-close:before {
  content: "";
}
.ie8 #sticky-pub-close:after {
  content: "";
}

/*     Bouton ok-button : Flèche pour envoyer l'adresse courriel     */
.ok-button {
  background: #84C75B;
  border: none !important;
  width: 35px;
  height: 35px;
  position: relative;
  right: 3px;
  vertical-align: top;
  cursor: pointer;
}
.ok-button:after, .ok-button:before {
  left: 45%;
  top: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.ok-button:after {
  border-color: rgba(136, 183, 213, 0);
  border-left-color: #84C75B;
  border-width: 8px;
  margin-top: -8px;
}
.ok-button:before {
  border-color: rgba(194, 225, 245, 0);
  border-left-color: black;
  border-width: 9px;
  margin-top: -9px;
  transition: all ease 0.5s;
}
.ok-button:hover:before {
  border-left-color: white;
}
/* HACK IE8 */
.ie8 .ok-button {
  height: 35px;
  width: 35px;
  background-color: #84C75B;
  cursor: pointer;
}
.ie8 .ok-button:after{
  background: url( /resources/images/interface/sprite-sticky-pub.png) no-repeat 0px 0px;
  left: 13px;
  border: none;
  top: -9px;
  content: " ";
  height: 22px;
  width: 13px;
  position: absolute;
  border-color: none;
  border-left-color: none;
  border-width: 0px;
  margin-top: 0px;
  transition: none;
}
.ie8 .ok-button:before {
  border: none ;
}