body {
    color:#3C3C3B; background-color:#E5EFD8;
    font-family: 'Source Sans Pro', sans-serif;
}

.wrapper {
    margin:0 auto; padding:1.5em 3rem 2em;
    width:100%;
    max-width:1050px;
    overflow:hidden;
    background:#fff;
}

a:link {
    color:#5baa26;
    border-bottom:1px dotted #5baa26;
    text-decoration:none;
}
a:visited {
    color:#878787;
    border-bottom:1px dotted #eee;
}
a:hover {
    text-decoration:none;
    cursor:pointer;
    color:#873f8d;
    border-bottom:1px solid #873f8d;
}
a:active {}

ul {
    list-style:disc;
}
ul.basic {
    margin:0; padding:0;
    list-style:none;
}
.upper {
    text-transform:uppercase;
}
.relative {position: relative;}

p + h2, ul + h2 {margin-top:3rem;}

/* Header */ 
header {
    overflow:hidden;
}
header .wrapper {
    position:relative;
    padding:5rem 3rem 1.3em;
    background:url('../img/bg-foret.jpg');
}
.facebook img {
  margin:-0.2rem 0.3rem 0 0;
}
nav.wrapper {
  padding:1rem 3rem;
  background:#5baa26;
}
nav ul {
  display:flex;
  margin-bottom:0;
}
nav ul li {
  margin-right:5rem;
}
@media (max-width: 576px) {
  nav ul li {
    margin-right: 2rem;
  }
}
@media (max-width: 374px) {
  .wrapper {padding-left:1.5rem; padding-right:1.5rem;}
  nav.wrapper { padding:1rem 1.5rem; }
  nav ul li {
    margin-right: 1rem;
  }
}
nav a:link {color:#fff; border-width:0;}
nav a:visited {color:#ddd; border-width:0;}
nav a:hover, nav a.active {color:#000; border-width:1px}
.alert {
  background-color:#E5EFD8;
  text-align:center;
}
/* ------ */

form {
  max-width:75rem;
  margin:0 auto;
}
form .field label {
  display:block;
}
form .field input, form textarea {
  width:100%;
}
form input[type="submit"] {
  background:#5baa26; color:#fff;
  padding:1rem 7rem;
  border-radius:0.5rem;
  font-size:2rem; font-weight:bold;
}

.error, .success {
  background:#F03E3E; color:#fff;
  border-radius:0.4rem;
  padding:0 0.6rem;
}

.success {
  background:#5baa26;
}


/* ACTUALITES ************************************************************************************** */
.news_block {
  float:right;
  margin:0 0 0 3em;
  width:25em;
}
.news {
  overflow:hidden;
}
.news li h4 {
  margin:0.3em 0 0;
}
.news .date {
  color:#aaa;
  padding:0;
  font-style:italic;
}
.news > li {
  margin-bottom:3em;
}
.news li .figure img {
  margin:-15% 0 0;    
}
.news .figure {
  display:block;
  overflow:hidden;
  border:1px solid #fff;
  margin:0 0 0.5em 0; 
  background:#E5EFD8;
}
.news li .figure {
  max-height:9em;
}
.news li .figure img {
  width:100%;
}
.news .lien {margin-top:0.5em; padding:0; font-size:0.9em;}
.news .lien a {margin-right:1.5em;}

.new h2 {margin-bottom:0;}
.new .date {margin-top:0; margin-bottom:2em;}
.new .figure {
  float:left;
  margin:0 0.5em 0 0;
}


.news_block li {
  float:none;
  width:100%; min-height:auto;
  margin-bottom:2em;
}
.news_block li:nth-child(2n) {margin:0;}
.news_block li .date {color:#fff;}
.news_block a:link, .news_block a:visited {border-bottom-color:#000;}


.pagination { clear:both; text-align:center;}
.pagination a, .pagination strong {
  margin-right:0.3em;
}
.all_news, .more {
  display:inline-block;
  margin-top:1em; padding:0 1.5em;
  border-radius:6em;
}

a.all_news:link, a.more:link {background:#fff; color:#873f8d;}
a.all_news:visited, a.more:visited {background:#f0f0f0; color:#873f8d;}
a.all_news:hover, a.all_news:focus, a.more:hover, a.more:focus {background:#873f8d; color:#fff;}
a.all_news:active, a.more:active {background:#873f8d; color:#000;}
/* ------ */

/* Footer */
footer .wrapper {
  
}
/* ------ */