@charset "UTF-8";
/* aucun style ne doit être écrit ici, ce fichier ne fait que rassembler des imports */
/* rappel d'utilisation des mixins:
    
    .box { @include border-radius(10px); }
*/
@import url("../twentyfourteen/style.css");
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0; }

.clearfix {
  display: inline-block; }

html[xmlns] .clearfix {
  display: block; }

* html .clearfix {
  height: 1%; }

* {
  box-sizing: border-box;
}
.wrapper {
    padding: 30px 20px 15px;
  }

@CHARSET "UTF-8";
/*
 Theme Name:   Thème Raoni.com - TwentyFourteen Child 
 Description:  Thème pour le site raoni.com. Développé par Sylvie (http://1formanet.com), Baptiste (http://artlemoine.com) et Thomas (http://thomas.ribie.re)
 Author:       Sylvie, Baptiste, Thomas
 Template:     twentyfourteen
 Version:      1.0.0
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  twenty-fourteen-child
*/
/* =Theme customization starts here
-------------------------------------------------------------- */
/*reset.css*/
html {
  margin-top: 0    !important;
  /*monte entete*/ }

.site-content .entry-header, .site-content .entry-content, .site-content .entry-summary, .site-content .entry-meta, .page-content {
  max-width: 100%;
  text-align: justify;
}

h1, .entry-title a, .page-title a,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  font-weight: normal; }

.primary-navigation .nav-menu {
  width: 100%; }

.hidden {
  visibility: hidden;
  height : 0px;
  width : 0px;
  margin : 0px;
}

.full-width.singular .site-content .hentry.has-post-thumbnail, .full-width.home .site-content .hentry.has-post-thumbnail {
  margin-top: 0; }

/*typo.css*/
/* définir les tailles de font, hauteur de ligne, indentation, couleur... */
/* @import url(//fonts.google.com/css?family=Maven+Pro:400,500,700,900);
 */
body, body.custom-background {
  font-family: "Maven Pro", sans serif;
  font-size: 13px;
  overflow-x:hidden;
  }

h1, .entry-title a, .page-title a, .btn, .pushbox {
  text-transform: uppercase;
  display: inline-block;
  padding: 10px 0.5em; 
}

h2 {
  font-size: 22px;
  color: #008000;
}

h2, h3 {
  display: inline-block;
  padding: 10px 0.5em; 
}

.entry-title {
  font-size: 30px;
}

.archive-header {
  width: 100%;
  padding: 0;
  margin: 0 0 1em; }
  .archive-header h1, .archive-header .entry-title a, .entry-title .archive-header a, .archive-header .page-title a, .page-title .archive-header a {
    font-size: 2em;
    width: 100%;
    display: block; }

/*syl menu haut-1*/
/* Primary Navigation */
.primary-navigation {
  font-size: 1em; }

/*syl menu-haut-2*/
h6 {
  font-weight: bold; }

#main {margin-bottom:5px;}
#main img {
  /* border : solid 1px $terre;*/ }
#main h1, #main .entry-title a, .entry-title #main a, #main .page-title a, .page-title #main a {
  background: #262626;
  color: #fff; }
#main h2 {
  padding: 0.5em 0; }
#main h3 {
  padding: 0.25em 0; }
#main h4 {
  color: #CCA353; }
#main p {
  word-wrap: break-word; }
#main td p { 
  margin-bottom: 0px; } 
#main ul {
  list-style: none;
  padding: 0;
  margin: 0; }
  #main ul li {
    padding-left: 1.2em;
    text-indent: 0em;
    list-style-type: disc;
    list-style-position: inside; }
    #main ul li:before {
      /*content: "• ";*/
      /*syl enleve puce actu mais est ce que ca enleve puce ailleurs pour baptiste ?*/
      color: #CCA353;
      display: inline;
      float: left;
      margin-right: 1em; }
    #main ul li a {
      width: 80%; }
#main a {
  color: #CCA353; }
#main .cat-links {
  color: #CCA353; }
#main .entry-meta {
  color: #CCA353;
height: 33px;
  line-height: 33px;  }
#main blockquote {
  position: relative;
  padding: 2em;
  quotes: "“" "”" "‘" "’"; }
  #main blockquote p {
    width: 80%;
    margin: 0 auto; }
  #main blockquote:before {
    content: open-quote;
    color: #DBDBDB;
    position: absolute;
    margin-top: -0.5em;
    font-size: 3em; }
  #main blockquote:after {
    content: close-quote;
    color: #DBDBDB;
    position: absolute;
    font-size: 3em;
    margin-left: 80%;
    margin-top: -0.5em; }

.entry-title, .page-title {
  margin-left: -0.57em; }

#secondary h1, #secondary .entry-title a, .entry-title #secondary a, #secondary .page-title a, .page-title #secondary a {
  font-size: 1em;
  font-weight: normal; }
#secondary a {
  color: #262626; }
#secondary .fragment a {
  color: #fff; }
#secondary ul li:before {
  color: #fff; }

/*grid.css */
/* tout ce qui est positionnement et tailles de grands blocs*/
.pull-right {
  float: right; }

.pull-left {
  float: left; }

.align-center {
  margin: 0 auto;
  display: inline-block; }

.container {
  width: 90%;
  margin: 0 auto; }

.site {
  max-width: 1156px;
  margin: 0 auto;
  background-color: transparent; }
  .site div, .site aside {
    box-sizing: border-box; }
  .site:before {
    display: none; }

/*** syl masque barre nav admin*/
#wpadminbar {
  display: none;
  max-height: 0; }

/********************** HEADER*/
/*MENU HAUT*/
#masthead {
  top: 0; }
  #masthead .site-header {
    height: 130px; }

/* syl table menu haut*/
table#menu-haut-1 {
  margin-bottom: 0;
  border: none; }
  table#menu-haut-1 td {
    border-width: 0; }

#menu-haut-1, #avant-primary-navigation, #apres-primary-navigation ul {
  vertical-align: middle;
  height: 60px; }

#pendant-primary-navigation {
  height: 60px;
  /*syl*/
  float: left;
  margin-left: 20px;
  /*syl d apres maquette*/
  /* word-spacing:0.3em; */ }

/*syl cale à droite le dernier menu du haut*/
#apres-primary-navigation {
  float: right;
  height: 60px;
  margin-left: 8px; }
  #apres-primary-navigation li {
    float: right;
    margin-top: 12px; }
  #apres-primary-navigation li:first-child {
    padding-right: 0; }
  #apres-primary-navigation #lang {
    cursor: pointer;
    position: relative;
    height: 20px;
    margin-top: 18px;
    width: 30px;
    padding-left: 25px;
    background-position: 0 4px; }
    #apres-primary-navigation #lang #qtrans_lang_selector {
      position: absolute;
      background: #fff;
      display: none;
      left: -5px;
      padding-left: 5px;
      width: 100%;
      z-index: 4; }
      #apres-primary-navigation #lang #qtrans_lang_selector a {
        height: 20px;
        width: 30px;
        padding-left: 25px;
        background-position: 0 4px; }
  #apres-primary-navigation #lang.hover #qtrans_lang_selector {
    display: block; }
  #apres-primary-navigation #lang:after {
    content: '\f502';
    font-family: Genericons;
    font-size: 9px;
    position: absolute;
    right: 13px;
    top: 7px; }

/*syl _champ recherche*/
#recherche {
  width: 179px;
  /*cad 179px d apres maquette*/ }

#recherche, #lang {
  vertical-align: top; }

#recherche form.search-form {
  margin: 0;
  vertical-align: top;
  position: relative; }

@media screen and (max-width: 783px) {
  .toggled-on .menu-menu-principal-container {
    background: #fff;
    z-index: 10;
    position: absolute;
    padding: 20px;
    top: 100%;
    width: 100%;
    left: 0;
    border-bottom: rgba(0, 0, 0, 0.6); } }
/************************CONTENU*/
#main {
  width: 100%;
  float: left; }

#main-content {
  width: 58.33333%;
  float: left; }

#primary {
  margin-bottom: 45px;
}

#primary #content {
  margin: 0; 
  position:relative;}

#secondary {
  width: 40.66667%;
  margin-left: 1%;
  float: left;
  padding: 0;
  margin-bottom: 45px;
}
  
  #secondary li a {
    display: block; }
  #secondary .btn {
    background: #fff; 
  }
  #secondart .btn:hover{
    opacity: 0.8;
  }

#bandeau-white {
    width:100%;
    background-color:#FFFFFF;
    font-size:13px;
    line-height:19.5px;
    height:60px;
    position:absolute;
}  
  
/* page contenu */
.page #main-content, .single-post #main-content {
  width: 75%; }
.page #secondary, .single-post #secondary {
  width: 24%; }

/* dans un article */
.single-post #secondary {
  width: 24%; }
.single-post #main h1, .single-post #main .entry-title a, .entry-title .single-post #main a, .single-post #main .page-title a, .page-title .single-post #main a {
  background: transparent;
  color: #262626;
  display: block; }

.single-post #main h1:before {
    content: initial;
}

/*layout.css*/
/* couleurs, bordures des blocs principaux, les positionnements doivent aller dans grid.scss */
body, body.custom-background {
  background-color: #fff !important;
  background: url(images/bg.png) repeat-x 0px 60px; }

/*#pre-breadcrumbs{
  margin-bottom: 50px;
}*/
#content {
  margin-top: -150px; }

#masthead {
  background: #fff;
  /*syl couleur menu haut*/ }
  #masthead .menu-categories-container {
    color: #262626;
    float: left; }
    #masthead .menu-categories-container a, #masthead .menu-categories-container button {
      color: #262626; }

/*syl couleurs liens menu*/
.site-navigation a:hover {
  text-decoration: underline;}

.site-navigation .current_page_item > a,
.site-navigation .current_page_ancestor > a,
.site-navigation .current-menu-item > a,
.site-navigation .current-menu-ancestor > a {
  color: #262626;
  /*color: #CC6600;*/ }

header {
  margin-bottom: 0px; }
  
#site-header img {margin:0}

#page #site-header {
  display: block;
  height: auto; }
  #page #site-header a {
    position: static;
    display: block; }
    #page #site-header a img {
      position: static;
      width: 100%; }

#main-content section.bloc,#category-content section.bloc {
  margin-bottom: 20px; }
#main-content .entry-title,#category-content .entry-title{
  position: relative;
  z-index: 5;
  margin-top: 20px; 
    background: #262626;
    color: #fff;
    font-size: 25px;
    padding: 10px 0.5em;}
  #main-content .entry-title:before,#category-content .entry-title:before {
    content: "";
    position: absolute;
    display: block;
    border-style: solid;
    border-color: #666666 transparent transparent transparent;
    bottom: -0.56em; }
  #main-content .entry-title:before {
        left: 0;
    border-width: 14px 0 0 14px;
    bottom: -14px;}
     #category-content .entry-title:before {
left: 0;
    border-width: 13px 0 0 15px;
    bottom: -13px;
    }
#main-content .entry-content-container,#category-content .entry-content-container {
  margin-top: -84px;
  min-height: 100px; }
#main-content .aLaUneHolder .entry-content-container, #category-content .aLaUneHolder .entry-content-container {
  background-color: black;
}
#main-content .aLaUneHolder .entry-title,#category-content .aLaUneHolder .entry-title {
  background: #fff;
  font-size: 28px;
  color: #262626; }
  #main-content .aLaUneHolder .entry-title:before {
    border-color: #bfbfbf transparent transparent transparent;  border-width: 16px 0 0 16px;   bottom: -16px;}
    #category-content .aLaUneHolder .entry-title:before {
    border-color: #bfbfbf transparent transparent transparent;     bottom: -16px !important; }
#main-content .dossiersSpeciaux .entry-content-container,#category-content .dossiersSpeciaux .entry-content-container {
  background-color: #f2f2f2; }
  
#main-content .entry-content #idIframe {
    height : 3000px !important;
}

/*
#category-content + #secondary .pushbox:before {
  border-width: 13px 0 0 14px;
}
#category-content + #secondary .widget.widget_raoni_petition_widget .pushbox:before {
  bottom: -12px;
}
*/
/*
.single-post #secondary .pushbox:before {
  border-width: 13px 0 0 14px;
}
.single-post #secondary #side_content > div#chaine .pushbox:before {
    border-color: #666666 transparent transparent transparent;
    bottom: -13px;
}
.single-post #secondary #side_content > .entry-content-container.alaune .pushbox:before {
    bottom: -13px;
}
*/
#main .pushbox {
  padding: 0.5em 1em; }

.pushbox {
  /*background: #FFF;*/
  background: #e8e8e8;
  color: #262626;
  margin: 0 0 0 -0.35em;
  padding: 0.5em 1em;
  position: relative;
  left: -19px;
  top: -0.4em;
  /*border: solid 1px #e8e8e8;*/
  z-index: 1; }
  .pushbox:before {
    content: "";
    position: absolute;
    display: block;
    border-style: solid;
    border-color: #666666 transparent transparent transparent;
    bottom: -12px; }
  .pushbox:before {
    left: 0;
    border-width: 12px 0 0 13px; }

#secondary {
  color: #262626; }
  #secondary .widget input {
    background: #fff;
    color: #CCA353; 
    font-size: 13px;
    padding: 10px 0.5em;
    height: auto !important;
    border: 1px solid rgba(0, 0, 0, 0.1);
  }
  #secondary .widget input:hover {
    opacity: 0.8;

  }
  #secondary aside {
    margin: 2em 0;
    border: solid 1 px #e8e8e8;
    background: #DBDBDB;
    padding: 1.5em;
    box-shadow: 5px 5px 10px #dbdbdb; }
  #secondary #side_content {
    width: 96%;
    margin-left: 4%; }
    #secondary #side_content > div {
      margin: 0 0 30px 0;
      display: block;
      background: #f2f2f2;
      /*border: solid 1px #e8e8e8;*/
      border: solid 1px #fff;
      padding: 1.5em 1em;
      -moz-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.1);
      -webkit-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.1);
      -o-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.1);
      box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.1); }
      #secondary #side_content > div .triangle-topright {
        display: none;
        /* border-top-color : darken( $vert , 10%); */ }
      #secondary #side_content > div:first-child {
        margin-top: 0; }
      #secondary #side_content > div#side_actus {
        background: #fff; }
        #secondary #side_content > div#side_actus .pushbox {
          color: #DBDBDB;
          background: #eff2ed; }
          #secondary #side_content > div#side_actus .pushbox:before {
            border-color: #3f4d36 transparent transparent transparent; }
        #secondary #side_content > div#side_actus a {
          color: #262626; }
      #secondary #side_content > div#agenda {
        background: #fff; }
        #secondary #side_content > div#agenda .pushbox {
          color: #fff;
          background: #78a653; }
          #secondary #side_content > div#agenda .pushbox:before {
            border-color: #3f4d36 transparent transparent transparent; }
        #secondary #side_content > div#agenda a {
          color: #78a653;}
      #secondary #side_content > div#chaine .pushbox {
        color: #9FBEE2;
        /*background: #fff;*/}
        #secondary #side_content > div#chaine .pushbox:before {
          border-color: #666666 transparent transparent transparent;  bottom: -12px;}
      #secondary #side_content > div#chaine a {
        color: #9FBEE2; }
      #secondary #side_content > div #actions .pushbox {
        background: #CC6600;
        color: #fff;
    margin-left: -10px;
margin-top:0px;   }
        #secondary #side_content > div #actions .pushbox:before {
          border-color: #663300 transparent transparent transparent; }
      #secondary #side_content > div #actions a {
        color: #CC6600; }
      #secondary #side_content > div #actions .btn-signer {
        width: 50%;
        margin: 0 auto;
        display: block;
        text-align: center;
        background: #CC6600;
        color: #fff; }
      #secondary #side_content > div#boutique {
        background: #fff;
        border: none; }
        /*#secondary #side_content > div#boutique .pushbox {
          background: #fff;
          border: none; }
          #secondary #side_content > div#boutique .pushbox:before {
            border: none; }*/
        #secondary #side_content > div#boutique a {
          color: dark; }
      #secondary #side_content > div#partenaires {
        background: #fff;
        border: none;
        -moz-box-shadow: 0px 0px 0px 0px transparent;
        -webkit-box-shadow: 0px 0px 0px 0px transparent;
        -o-box-shadow: 0px 0px 0px 0px transparent;
        box-shadow: 0px 0px 0px 0px transparent; }
        #secondary #side_content > div#partenaires .pushbox {
          background: #fff;
          border: none; }
          #secondary #side_content > div#partenaires .pushbox:before {
            border: none; }
    #secondary #side_content a.btn {
      paddfing: 0.5em 2em; }
    #secondary #side_content .fragment {
      margin: 0;
      padding: 0; }
      #secondary #side_content .fragment h1, #secondary #side_content .fragment .entry-title a, .entry-title #secondary #side_content .fragment a, #secondary #side_content .fragment .page-title a, .page-title #secondary #side_content .fragment a {
        display: block;
        padding: 1em 2rem 0;
        font-size: 1.5em; }
      #secondary #side_content .fragment span {
        display: block;
        padding: 0 2rem 1em; }
      #secondary #side_content .fragment .menu {
        padding: 1em 2rem;
        background-size: cover; }
      #secondary #side_content .fragment a:hover {
        color: #CC6600;}

/* encarts avec menus colorés */
/* encarts colorés */

#deforestation header {
  background: #B34747; }
#deforestation h1, #deforestation .entry-title a, .entry-title #deforestation a, #deforestation .page-title a, .page-title #deforestation a {
  background: #B34747;
  color: #fff; }
#deforestation span {
  color: #fff; }
#deforestation .menu {
  background: url("images/deforestation.jpg"); }

#vie_en_vert header {
  background: #49B359; }
  #vie_en_vert header h1, #vie_en_vert header .entry-title a, .entry-title #vie_en_vert header a, #vie_en_vert header .page-title a, .page-title #vie_en_vert header a {
    background: #49B359; }
  #vie_en_vert header span {
    color: #fff; }
#vie_en_vert .menu {
  background: url("images/vie_en_vert.jpg"); }

#cacique header {
  background: #53B8CC; }
#cacique h1, #cacique .entry-title a, .entry-title #cacique a, #cacique .page-title a, .page-title #cacique a {
  background: #53B8CC;
  color: #fff; }
#cacique span {
  background: #53B8CC;
  color: #fff; }
#cacique .menu {
  background: url("images/cacique.jpg"); }

#actus header {
  background: #fff;
  color: #262626; }
#actus h1, #actus .entry-title a, .entry-title #actus a, #actus .page-title a, .page-title #actus a {
  background: #fff;
  color: #262626; }
#actus span {
  background: #fff;
  color: #262626; }
#actus .menu {
  background: #fff; }
  #actus .menu ul li a {
    color: #262626; }

#foret header {
  background: #CCA353;
  color: #fff; }
#foret h1, #foret .entry-title a, .entry-title #foret a, #foret .page-title a, .page-title #foret a {
  background: #CCA353;
  color: #fff; }
#foret span {
  background: #CCA353;
  color: #fff; }
#foret .menu {
  background: url("images/foret.jpg"); }

#home {
  display: block;
  min-height: 500px; }

#didyouknow a {
  padding: 0; }
#didyouknow .row .image {
  /*            margin-right: 1em;*/ }
#didyouknow .row .description {
  min-height: 217px;
  background-color: #DBDBDB;
  background-image: url(images/bgDidYouKnow.png);
  background-repeat: no-repeat;
  background-position: 115% 90%;
  display: block;
  width: 49%;
  padding: 1em 2em 0; }
  #didyouknow .row .description a {
    color: #cc6600; }
    #didyouknow .row .description a:before {
      -webkit-font-smoothing: antialiased;
      content: "\f501";
      display: inline-block;
      font: normal 0.8em Genericons;
      color: #cc6600; }
  #didyouknow .row .description h1, #didyouknow .row .description .entry-title a, .entry-title #didyouknow .row .description a, #didyouknow .row .description .page-title a, .page-title #didyouknow .row .description a {
    background: transparent;
    color: #a8a8a8;
    font-size: 3em;
    font-weight: 900;
    line-height: 1;
    margin: 0 0 20px 0;
    padding: 0; }

/********* bas de page ********/
#footer {
  background: #262626;
  color: #fff; }

#colophon {
  background-color: #eff2ed;
  /* pour le widget de newsletter en bas */ }
  #colophon a {
    position: relative;
    color: #CC6600;
    font-size: 11px; }
    #colophon a:hover {
      color: #CCA353; }
    #colophon a .genericon {
      width: auto;
      color: #CC6600; }
  #colophon ul {
    margin: 0;
    padding: 0; }
    #colophon ul li {
      margin: 0 1em 0 0;
      display: inline-block; }
  #colophon .site-info {
    max-width: 1156px;
    padding: 1em 0; }
  #colophon .site-info .menu {
    box-shadow: initial; }
    #colophon .site-info a {
      color: rgba(38, 38, 38, 0.5); }
  #colophon .info2 {
    color: rgba(38, 38, 38, 0.5); }
  #colophon .sidebar ul li a {
    color: #fff; }
  #colophon .site-bandeau {
    background: #262626;
    color: rgba(242, 242, 242, 0.5); }
  #colophon .site-bandeau .container {
    max-width: 1156px;
  }
  #colophon #footlinks ul li a {
    text-transform: uppercase;
    color: #000;
    font-size: 11px; }
  #colophon .widget input[type="email"] {
    width: 200px; }
  #colophon .widget input[type="submit"] {
    background: rgba(242, 242, 242, 0.5); }
    #colophon .widget input[type="submit"]:hover {
      background: #CCA353; }
  #colophon .part {
    display: inline-block;
    width: 240px;
    padding: 0 20px;
    margin: 20px 0;
    height: 60px;
    border-left: 1px solid rgba(242, 242, 242, 0.5);
    float: left;
    font-size: 11px; }
    #colophon .part:first-child {
      border: 0;
      padding-left: 0; }
    #colophon .part:nth-child(3) {
      width: 350px; }
    #colophon .part:last-child {
      width: 180px; }
    #colophon .part.right {
      float: right !important;
      width: auto !important;
      border: 0;
      padding-right: 0px;
    }
    #colophon .part.right form {
        padding: 0px;
        margin: 0.5em 0px;
    }
    #colophon .part.right form div {
      display: inline-block;
    }
    /*#colophon .part.right form .mailpoet_paragraph .formError {
      position: static !important;
      width: 100% !important;
      display: block !important;
    }

    #colophon .part.right form .mailpoet_paragraph .formError .formErrorContent {
      width: 100% !important;
      display: block !important;
      margin-bottom: 7px;
    }*/

    #colophon .widget input[type="email"] {
      display: inline-block;
      height: 34px;
      border: initial;
    }
    #colophon .widget input[type="submit"] {
      display: inline-block;
      vertical-align: middle;
      margin: 0;
      position: relative;
      right: 4.5px;
      top: -2px;
      width: 34px;
      height: 34px;
      /* padding: 0 10px; */
      text-align: center;
      background-color: #8c8c8c !important;
      font-size: 13px;
      font-weight: normal;
    }
    #colophon .part img {
      margin-right: 1em; }
    #colophon .part h3 {
      font-size: 16px;
      color: #FFF;
      /* font-weight: bold; */
      margin: 0;
      padding: 0;
      -webkit-margin-before: 0;
      -webkit-margin-after: 0; }

.content-area,
.content-sidebar {
  padding-top: 0; }

/*skin.css*/
/* styles plus particuliers */
.warn, #secondary #side_content > div.warn {
  padding: 1em;
  display: block;
  background: #CC6600;
  color: #FFF;
  font-size: 1.5em;
  min-height: 200px;
  margin: 5px 0;
  border: rgba(38, 38, 38, 0.5) solid 2px;
  -webkit-border-radius: 0.5em;
  -moz-border-radius: 0.5em;
  -ms-border-radius: 0.5em;
  border-radius: 0.5em; }

/*Syl fil  d'Arianne decembre 2014*/
#breadcrumbs {
  background: #CCA353;
  color: #FFF;
  min-height: 30px;
  font-size: 1.2em;
  padding: 5px 1em; }
  #breadcrumbs a {
    color: #FFF; }

/* interaction, hover, active */
html {
  margin-top: 0    !important; }

.masthead-fixed .site-header {
  position: relative;
  top: 0; }

#masthead {
  /**************************************menu-haut-2 syl*/
  /*.fragment  h6:before {
           -webkit-font-smoothing: antialiased;
          content: "\f500";
              display: inline-block;
              font: normal 16px/1 Genericons;
          margin-left:86%;
         
      }*/
  /*deroulement du menu-2 syl*/ 
  margin-bottom:30px;
  }
  #masthead .home_link {
    display: inline-block;
    float: left;
    height: 59px;
    line-height: 49px; }
    .search-button {
      position: absolute;
    top: 7px;
    right: 8px;
    cursor: pointer;
    }
    input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
  display: none;
}
        
  #masthead .search-field {
    background: #eff2ed;
    color: rgba(38, 38, 38, 0.5); }
  #masthead .search-submit {
    height: 33px;
    position: absolute;
    right: 0;
    top: 0;
    width: 29px;
    background: #eff2ed;
    color: #eff2ed; }
  #masthead .search-submit:after {
    content: '\f400';
    font-family: Genericons; }
  #masthead .search-toggle {
    background-color: #fff; }
    #masthead .search-toggle:before {
      color: #262626;
      line-height: 50px; }
  #masthead .shareicons {
    display: inline-block;
    float: right; }
  #masthead .fragment {
    display: inline-block;
    width: 20%;
    float: left;
    background: transparent !important;
    clear: none;
  cursor:pointer;
    /* test @b
    display: block;
    vertical-align: top;
    width: 320px;
    float: left;
    background: transparent !important;
    
    */ }
  
  div#actus header{margin-bottom:0;}
  
    #masthead .fragment header {
      float: left;
      width: 80%;
      min-height: 62px;
      /*syl d apres maquette*/
      /*vertical-align: middle;*/ }
    #masthead .fragment h6 {
      margin-left: 20px;
      margin-top: 8px;
      padding-left: 0;
      color: #fff;
      text-transform: uppercase; }
    #masthead .fragment span {
      margin-left: 20px;
      padding: 0 0 10px;
      display: block;
      text-transform: uppercase; }
    #masthead .fragment .menu {
      position: relative;
      display: block;
      background-size: cover;
      height: 152px;
      /*syl d apres maquette*/
      /*overflow: hidden;*/ }
    #masthead .fragment > .menu {
      margin-top: 62px;
      /*syl d apres maquette*/
      display: none;
      color: #fff; }        
  
  
  #masthead .fragment header:hover h6 {
    text-decoration:underline;
  } 
 
      #masthead .fragment > .menu a {
        display: block;
        padding: 0.5em 0;
        /* max-height: 1em;*/
        color: #fff; }
        #masthead .fragment > .menu a:hover {
          /*color: #CC6600;*/
          font-weight: bold;}
    #masthead .fragment ul {
      padding: 0.5em; }
      #masthead .fragment ul li a {
        display: block;
        li-height: 0,84em;
        /*syl 11px*/ }
  #masthead .sous-fragment {
    font-size: 1.07em;
    /*syl 14px*/
    line-height: 1em;
    /*syl 13px*/ }
    #masthead .sous-fragment li {
      list-style: none; }
    #masthead .sous-fragment li a:before {
      -webkit-font-smoothing: antialiased;
      content: "\f501";
      display: inline-block;
      font: normal 8px/1 Genericons; }
    /*#masthead #actus {*/
    /*color: #262626; }*/
    /*#masthead #actus h6 {*/
    /*  color: #262626; }*/
    #masthead #actus .menu li a {
      color: #262626; }

a {
  color: #262626;
  text-decoration: none;
  /* genericons : icones partages*/ }
  a:hover {
    color: #CC6600; }
  .partage a:hover {
    text-decoration: none;
  }
  a .genericon {
    background: #262626;
    color: #fff;
    display: inline-block;
    -webkit-border-radius: 1.5em;
    -moz-border-radius: 1.5em;
    -ms-border-radius: 1.5em;
    border-radius: 1.5em;
    width: 2em;
    height: 2em;
    text-align: center;
    vertical-align: middle; }
    a .genericon:before {
      top: 0.5em;
      position: relative; }
    a .genericon:hover {
      background: #CC6600;
      text-decoration: none;
      }
  a img {
    border: 0;
    /* margin: 0 0.5em;*/ }

form {
  margin: 1em 0; }

#side_content #boutique {
  background: #fff; }
  #side_content #boutique h3 {
    font-size: 1em;
    text-align: center;
    width: 100%;
    margin-bottom: 1em;
    text-transform: initial; }
  #side_content #boutique .row {
    margin: 0 0 1em;
    min-height: 1em; }
  #side_content #boutique .produit {
    width: 50%;
    display: table-cell;
    vertical-align: top; }
  #side_content #boutique img {
    border: 1px solid #fff;
    max-width: 40%; }
    #side_content #boutique img:hover {
      border: 1px solid #CC6600; }
  #side_content #boutique a .fa {
    background: transparent;
    color: #262626; }
  #side_content #boutique a:hover .fa {
    color: #CCA353; }
#side_content .btn:hover {
  opacity: 0.8; }
#side_content .detail {
  min-height: 50px;
  margin: 1em 0; }

/*syl couleur texte menu haut*/
.site-navigation a {
  color: #262626; }

.triangle-topright {
  width: 0;
  height: 0.5em;
  border-top: 0.8em solid #262626;
  border-left: 0.9em solid transparent;
  top: 2.5em;
  left: -2em;
  position: relative;
  float: left; }

.current_menu_item {color: #CC6600; }
 

/*LES ACTUS*/
@media screen and (max-width: 1200px) {
  #main {
    padding: 0 20px;
  }
}
@media screen and (max-width: 768px) {
  #main {
    padding: 0 10px;
  }
}
@media screen and (max-width: 640px) {
  #main {
    padding: 0;
  }
}
#main {
  /*Les 2 du haut*/ }
  #main a.all_actus {
    display: block;
    text-align:right;
    background-color:#f0f2ec;
    color:#000;
    min-width:180px;
    float:right;
    margin-right: 0px;
    margin-top: 15px;
    padding: 11px 13px 10px 52px;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 500;
    background-image: url(images/earth-icon-grey.png);
    background-repeat: no-repeat;
    background-position: 10px center;
  }
  #main a.all_actus:hover {
    opacity: 0.8;
  }
  #main .lastnews {
    display: block;
    min-height: 104px;
    /*syl*/
    box-sizing: border-box;
    float: left;
    /*width: 22.7%;*/
    width: 22.75%;
    /*syl*/
    margin-right: 0;
    padding-left: 0px;
    /*syl au lieu de 1%*/
    /*les 4 petites*/ }
    #main .lastnews .image {
      background: url("images/foret.jpg");
      height: 100%;
      width: 100%; }
    #main .lastnews a .linkspace {
      height: 100%;
      /*background: red;*/ }
    #main .lastnews a .infospace {
      color: #FFF;
      display: block;
      width: 100%;
      height: 33%;
      /*syl84px;*/
      background: #212121;
      background: rgba(33, 33, 33, 0.7);
      padding: 0;
      /*syl 5%*/
      overflow: hidden;
      position: relative;
      bottom: -67%;
      /*syl*/
      max-height: 104px;
      /*petites vignettes*/ }
    #main .lastnews a:hover {
      color: #CCA353; }
    #main .lastnews:nth-child(1) {
      /*margin-right: 19px;*/
      margin-right: 3%;
      /*syl au lieu de 2%*/
      /*width: 48%;*/
      width: 48.5%;
      height: 225px;
      /*syl*/ }
      #main .lastnews:nth-child(1) a {
        height: 220px; }
    #main .lastnews:nth-child(2) {
      /*width: 48%;*/
      width: 48.5%;
      height: 225px; }
      #main .lastnews:nth-child(2) a {
        margin-top: 51%;
        background: #212121;
        background: rgba(33, 33, 33, 0.7);
        position: relative;
        /* bottom: 12%;*/
        height: 53px;
        overflow: hidden; }
    #main .lastnews:nth-child(3) {
      /*margin-right: 19px;*/
      margin-right: 3%;
      /*syl au lieu de 2%*/ }
    #main .lastnews:nth-child(n+3) {
      margin-top: 19px;
      /*syl au lieu de 2%*/ }
      #main .lastnews:nth-child(n+3) a {
        background: #FFF;
        color: #262626;
        height: 100%;
        margin-top: 100px; }
        #main .lastnews:nth-child(n+3) a:hover {
          color: #CCA353; }
      #main .lastnews:nth-child(n+3) .infospace {
        background: transparent;
        color: #262626; }
      #main .lastnews:nth-child(n+3) .date {
        color: rgba(38, 38, 38, 0.5); }
    #main .lastnews:nth-child(4) {
      /*margin-right: 19px;*/
      margin-right: 3%;
      /*syl au lieu de 2%*/ }
    #main .lastnews:nth-child(5) {
      /*margin-right: 19px;*/
      margin-right: 3%;
      /*syl au lieu de 2%*/ }
    #main .lastnews .date {
      font-size: 0.8em;
      display: block; }
    #main .lastnews .btn {
      margin-top: 1.5em;
      display: block;
      padding: 2em; }

/* newsletter raoni */
#content .nl-msg {
  display: block;
  margin: 2em 1em;
  padding: 2em;
  background: #CCA353; }

.raoni_nl {
  margin: 0; }

.widget_raoni_inscription_newsletter {
  margin-top: 5px;
  margin-bottom: 0; }
  .widget_raoni_inscription_newsletter input {
    border-radius: 0; }
  .widget_raoni_inscription_newsletter input[type="email"] {
    background-color: #eff2ed;
    color: #262626; }
  .widget_raoni_inscription_newsletter input[type="submit"] {
    margin-left: -5px;
    padding: 5px; }

/* petition raoni */
.petition_progress_bar {
  height: 10px;
  width: 100%;
  background-color: #000;
  position: relative; }
  .petition_progress_bar .done {
    height: 10px;
    background-color: #CCA353; }

/*pages.css*/
.ssba img {
  margin: 0 !important;
  padding: 5px !important;
}
.ssba.ssba-wrap {
  right: 26px !important;
}
.full-width .hentry {margin: 0 !important;}
.full-width .site-content .has-post-thumbnail .entry-header, .full-width.singular .site-content .hentry.has-post-thumbnail {
  margin-top: 0px; }
  
.single-post article{border:solid 1px #e8e8e8; width:98%;background:#fff}
.single-post #pre-breadcrumbs{margin-top:-8px;width:98%;margin-left:0;}
.single-post #pre-breadcrumbs #breadcrumbs{border:1px solid #cca353;margin:0px;margin-top:8px !important}

#oeilPA{background:#c2b66e;width:95%;border:1px solid #c2b66e;margin:0 auto 25px auto;}
/*#oeilPA_left{float:left;width:20%;background:url('images/oeil.png');background-size:contain;background-repeat: no-repeat;height:128px;}*/
#oeilPA_left{float:left;width:20%;height:128px;}
#oeilPA_right{float:right;width:79%;}
#oeilPA_right p{padding-left:4%;width:95%;color: black;
    font-style: italic;}
#oeilPA_right a{color: #385036;
font-weight: bold;}


#empreintePA{background:#d4e0d4;width:98%;margin:8px;padding:0px 20px;border:1px solid #d4e0d4}
#empreintePA p{padding:10px 0px;word-wrap: normal;width:90%;}
#empreintePA h1{text-transform:uppercase;width:100%;text-align:center;margin: 0;padding: 0;}
#empreintePA h1 span{display:block}
#empreintePA h1 span#up{color:#70926d;font-size:40px}
#empreintePA h1 span#down{color:#385036;font-size:21px;font-weight:bold;}
#empreintePA hr{width:50%;margin:35px auto;background-color:#fff}

.archive #primary hr{margin:50px auto 30px auto}

#breadcrumbs_page #breadcrumbs{background:#79a652 !important;}

.single-post #main .le-cacique-raoni h1, .single-post #main .le-cacique-raoni .entry-title a, .entry-title .single-post #main .le-cacique-raoni a, .single-post #main .le-cacique-raoni .page-title a, .page-title .single-post #main .le-cacique-raoni a, .single-post #main .le-cacique-raoni a, .single-post #main .le-cacique-raoni a:before {
  color: #9FBEE2; }
.single-post #main .la-foret h1, .single-post #main .la-foret .entry-title a, .entry-title .single-post #main .la-foret a, .single-post #main .la-foret .page-title a, .page-title .single-post #main .la-foret a, .single-post #main .la-foret a, .single-post #main .la-foret a:before {
  color: #49B359; }

.full-width .post-thumbnail img {
  /*margin: 0;*/
  /* max-width: 511px; */
}

.single-post blockquote {
  padding: 1em;
  background: #DBDBDB; }
  .single-post blockquote p {
    margin-left: 1em; }
.single-post p {
  margin: 0.5em 0; }
.single-post img.alignright, .single-post img.alignleft {
  margin: 0em 16px 0.5em 16px; }
.single-post img.aligncenter {
    
}
.single-post .post-thumbnail {
  background: #eff2ed; }
.single-post .excerpt {
  float: none;
  font-weight: 500;
  font-size: 1.06em;
  margin-bottom: 1em;
  width: 100%; }
.single-post .entry-meta .cat-links {
  text-transform: uppercase; }
.single-post .entry-content h2, .single-post .entry-content h3, .single-post .entry-content h4 {
  display: block;
}    
.single-post .entry-content p {
  font-size: 16px;
  font-size: 1rem !important;
  clear:both  }
.single-post #main h1, .single-post #main .entry-title a, .entry-title .single-post #main a, .single-post #main .page-title a, .page-title .single-post #main a {
  color: #CCA353; }
.single-post .entry-title {
  color: #CCA353;
  text-transform: none; }
  .single-post .entry-title:first-letter {
    text-transform: uppercase; }
.single-post .post-thumbnail {
  overflow: hidden;
  color: #000;
  }
  .single-post .post-thumbnail img {
    height: auto;
    /*width : 65%; */
    /* width : auto; */
    /* max-width: 65%; */
    max-height : 400px;
    /* float: left; */
    /*padding: 13px;*/
    /*margin-bottom: 0.5em;*/
    /* margin-right : 13px; */
    }
.single-post .excerpt {
  margin: 0;
  padding: 0.8em 13px 0 13px;
   }
.single-post .excerpt p{
    margin: 0;
    text-align : left;
    /*padding-top: 0.8em;*/
}
.post-thumbnail .excerpt hr{
    margin: 1.0em 0 0.8em 0;
}

   .single-post .img-alt {
    display: none;
   }

.category-le-cacique-raoni .entry-title {
  color: #9FBEE2; }

.post-edit-link {
  background: #9FBEE2;
  color: #FFF; }

.featured-block {
  min-height: 200px;
  margin-top: 1em;
  padding-right: 2em;
  float: left; }
  .featured-block .pushbox {
    margin-left: 5px;
    margin-top: 1em;
    background: #BAB4A6;
    color: #FFF;
    border: 0; }
  .featured-block .content {
    margin-left: 1em; }
    .featured-block .content a {
      display: block; }
  .featured-block .category {
    color: #CCA353; }
  .featured-block .titre {
    color: #262626;
    text-transform: lowercase; }
    .featured-block .titre:first-letter {
      text-transform: uppercase; }
  .featured-block .titre-further {
    font-weight: bold; }
  .featured-block .date-further {
    font-weight: light; }
  
.container-linked{background:rgba(255,255,255,0.8);width:104%;}

.last-up p {float:left;margin-left:5px;}
.last-up a {float:right;margin-right:25px;}

.heading-linked {
  background: url("images/vie_en_vert.jpg");
  margin: 0;
  height: 95px; }

.linked-news {
  width: 100%;
  min-height: 350px;
  /*background: rgba($vert, 0.25);*/ }
  .linked-news .pushbox {
    margin-top: 25px; }
  .linked-news .content {
    float: left;
    width: 45.83333%;
    margin: 1em 0; }
    .linked-news .content .title {
      color: #262626;
      font-size: 1.2rem; }
    .linked-news .content .short-description {
      color: #262626; }
  .linked-news .featured-img {
    float: left;
    /*min-width: 50%;*/
    min-height: 1em;
    padding-left: 1em;
    width: 25%; }
    .linked-news .featured-img img {
      margin: 0; }
  .linked-news .featured-desc {
    float: left;
    padding-left: 0.5em;
    width: 75%; }

.go-further {
  background: #F0F2ED;
  border: solid 2px #BAB4A6;
  margin-right: 5%;
  width: 45.83333%; }
  #main .go-further ul {
    margin-left: 1.5em;
    margin-bottom: 1em; }
#main .go-further ul li {
	list-style-type: disclosure-closed;
	list-style-position: outside;
	color: #BAB4A6;
	padding-left:0.4em;
}	
  .go-further .titre {
    font-weight: bold; }
  #main .go-further a {
    color: #262626;
    width: auto; }
    #main .go-further a:hover {
      color: #CCA353; }

.featured-medias,
.go-further {
  min-height: 300px; }

.featured-medias {
  /*margin-right: 1em;*/
  float:right;
  background: #262626;
  color: #FFF;
  width: 45.83333%; }

.last-up {
  width: 100%;
  padding: 2em 0;
  width: 865px;
  float: left; }

.flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus {
  outline: none; }

.slides, .flex-control-nav, .flex-direction-nav {
  margin: 0;
  padding: 0;
  list-style: none; }

/* FlexSlider Necessary Styles
*********************************/
.flexslider {
  margin: 0;
  padding: 0; }
  .flexslider .slides > li {
    display: none;
    -webkit-backface-visibility: hidden; }
  .flexslider .slides img {
    width: 100%;
    height: 371px;
    object-fit: cover;
    font-family: 'object-fit: cover;'
    display: block;
     }

/* Hide the slides before the JS is loaded. Avoids image jumping */
.flex-pauseplay span {
  text-transform: capitalize; }

/* Clearfix for the .slides element */
.slides:after {
  content: "\0020";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0; }

html[xmlns] .slides {
  display: block; }

* html .slides {
  height: 1%; }

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {
  display: block; }

/* FlexSlider Default Theme
*********************************/
.flexslider {
  margin: 0;
  background: #fff;
  position: relative;
  -moz-border-radius: 4px;
  -o-border-radius: 4px;
  -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
  -o-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
  zoom: 1; }

.flex-viewport {
  max-height: 2000px;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease; }

.flexslider .slides {
  zoom: 1; }

.carousel li {
  margin-right: 5px; }

/* Direction Nav */
.flex-direction-nav {
  *height: 0; }
  .flex-direction-nav a {
    text-decoration: none;
    display: block;
    width: 10px;
    height: 30px;
    margin: -20px 0 0;
    position: absolute;
    top: 50%;
    z-index: 10;
    overflow: hidden;
    opacity: 0;
    cursor: pointer;
    color: rgba(0, 0, 0, 0.8);
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease; }
  .flex-direction-nav .flex-prev {
    left: -50px;
    background: url(images/nav_left.png) no-repeat transparent left;
    content: ""; }
  .flex-direction-nav .flex-next {
    right: -50px;
    text-align: right;
    background: url(images/nav_right.png) no-repeat transparent right;
    content: ""; }

.flexslider:hover .flex-prev {
  opacity: 0.7;
  left: 10px; }
.flexslider:hover .flex-next {
  opacity: 0.7;
  right: 10px; }
  .flexslider:hover .flex-next:hover {
    opacity: 1; }
.flexslider:hover .flex-prev:hover {
  opacity: 1; }

.flex-direction-nav .flex-disabled {
  opacity: 0 !important;
  filter: alpha(opacity=0);
  cursor: default; }

/* Direction Nav */
.vertical .flex-direction-nav {
  *height: 0; }
  .vertical .flex-direction-nav a {
    text-decoration: none;
    display: block;
    height: 10px;
    position: absolute;
    z-index: 10;
    overflow: hidden;
    cursor: pointer;
    -moz-transition: all .3s ease;
    transition: all .3s ease;
    width: 40px;
    -webkit-transition: all .3s ease;
    background: red;
    opacity: 1;
    top: 6%;
    color: rgba(0, 0, 0, 0.8);
    text-shadow: none;
    margin: 0; }
  .vertical .flex-direction-nav .flex-prev {
    left: 50%;
    margin-left: -20px;
    background: url(images/nav_up.png) no-repeat transparent; }
  .vertical .flex-direction-nav .flex-next {
    text-align: right;
    background: url(images/nav_down.png) no-repeat transparent;
    bottom: 8%;
    top: inherit;
    right: 50%;
    margin-right: -20px; }
.vertical .flexslider:hover .flex-prev {
  opacity: 0.7;
  left: 10px; }
.vertical .flexslider:hover .flex-next {
  opacity: 0.7;
  right: 10px; }
  .vertical .flexslider:hover .flex-next:hover {
    opacity: 1; }

.flexslider:hover .flex-prev:hover {
  opacity: 1; }

.vertical .flex-direction-nav .flex-disabled {
  opacity: 0 !important;
  filter: alpha(opacity=0);
  cursor: default; }
.vertical .flex-direction-nav a:before {
  content: '';
  display: inline-block;
  font-size: 40px;
  font-family: "flexslider-icon"; }
.vertical .flex-direction-nav a.flex-next:before {
  content: ''; }

/* Pause/Play */
.flex-pauseplay a {
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  bottom: 5px;
  left: 10px;
  opacity: 0.8;
  z-index: 10;
  overflow: hidden;
  cursor: pointer;
  color: #000; }
  .flex-pauseplay a:before {
    font-family: "flexslider-icon";
    font-size: 20px;
    display: inline-block;
    content: '\f004'; }
  .flex-pauseplay a:hover {
    opacity: 1; }
  .flex-pauseplay a.flex-play:before {
    content: '\f003'; }

/* Control Nav */
.flex-control-nav {
  width: 100%;
  position: absolute;
  bottom: -40px;
  text-align: center; }
  .flex-control-nav li {
    margin: 0 6px;
    display: inline-block;
    zoom: 1;
    *display: inline; }

.flex-control-paging li a {
  width: 11px;
  height: 11px;
  display: block;
  background: #666;
  background: rgba(0, 0, 0, 0.5);
  cursor: pointer;
  text-indent: -9999px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -o-border-radius: 20px;
  border-radius: 20px;
  -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  -o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); }
  .flex-control-paging li a:hover {
    background: #333;
    background: rgba(0, 0, 0, 0.7); }
  .flex-control-paging li a.flex-active {
    background: #000;
    background: rgba(0, 0, 0, 0.9);
    cursor: default; }

.flex-control-thumbs {
  margin: 5px 0 0;
  position: static;
  overflow: hidden; }
  .flex-control-thumbs li {
    width: 25%;
    float: left;
    margin: 0; }
  .flex-control-thumbs img {
    width: 100%;
    display: block;
    opacity: .7;
    cursor: pointer; }
    .flex-control-thumbs img:hover {
      opacity: 1; }
  .flex-control-thumbs .flex-active {
    opacity: 1;
    cursor: default; }
  

/* Agenda Bloc */
.event_agenda{width:75%;margin:auto;position:relative;}
#agenda {background:#f8faf7 !important;position:relative;}
#agenda h3 {font-size:14px;color:#000;}
.prev{bottom: 35%;position: absolute;left: 15px;font-size:25px;}
.next{bottom: 35%;position: absolute;right: 15px;font-size:25px;}
.prev i{color:#79a652}
.prev:hover, .next:hover{cursor:pointer}
.next i{color:#79a652}
span.more{color:#79a652;font-size:12px;}
#agenda .btn.pull-right{padding: 0.5em 2em; }

/* A la une Bloc */


/* Actualité Bloc */
.lastnews{background-size:cover !important;background-position:center !important}
.linkspace .infospace {padding:10px 15px !important;}
.linkspace .infospace span.date{font-size:12px !important;}
.linkspace .infospace span.title{
    font-weight:bold;
    height: 39px;
    overflow: hidden;
    display: block;
}
#main .lastnews:nth-child(n+3){margin-bottom: 86px !important;}
#main .lastnews:nth-child(n+3) .linkspace{position:relative !important;height: 104px;}
#main .lastnews:nth-child(n+3) .infospace{position:absolute !important;top:100px !important;overflow:visible !important;font-size:12px !important;}
#main .lastnews:nth-child(n+3) .infospace .date{margin-left:-15px;}
#main .lastnews:nth-child(n+3) .infospace .title{height: 56px;display: block;overflow: hidden;margin-left:-15px;}
section.actualite h2.entry-title {
    font-size:22px !important;
    /*margin-top:30px;*/
    top:-50px;
}
section.actualite {
    margin-top: 30px;
}

/* Dossier spéciaux Bloc */
section.dossiersSpeciaux  {background:#f2f2f2;margin-top: 20px;}
section.dossiersSpeciaux .entry-content-container  {height: 500px;padding-top: 100px;}
section.dossiersSpeciaux .lastnews > a.picture {display:block;height:100%;width:100%;}
section.dossiersSpeciaux  h1.entry-title {font-size:25px !important;margin-top:0px;}
section.dossiersSpeciaux  .infospeciaux {margin:15px;}
section.dossiersSpeciaux  .infospeciaux span.title{font-weight:bold;color:#000;}
section.dossiersSpeciaux  .infospeciaux span.content{color:#000;}
section.dossiersSpeciaux .lastnews:nth-child(2) a{background:transparent !important}

/* Bloc Action */
.detail#petition{margin-top:-30px;}
.detail#petition .petition_desc{margin-top:-15px;font-style:italic;color:#aaa;margin-bottom:15px;}
.petition_progress_bar{margin:10px 0px !important;  height: 20px;}
.petition_progress_bar .done{height:20px;background-color:#cc6600}
#secondary #side_content > div #actions .btn-signer{padding:10px;}
#secondary .widget input{background: #fff;color: #c60;margin: 0 auto;width: 60%;display: block;margin-bottom: 5px;height: 30px;}
#secondary .widget input::placeholder{color: #CCA353;}

#primary .action input {margin: 0 auto;width: 60%;display: block;margin-bottom: 5px;height: 30px;}
#primary .action input[type="email"] {background: #fff;color: #c60;}

.nb_signature{font-size:25px;color: #cc6600;font-weight:bold;text-align:center;text-transform:uppercase}
.petition_objectif{text-align:right;color: #673300;}
.petition_objectif span{font-weight:bold;}
#actions .btn.pull-right {padding: 0.5em 2em;}

#side_content #boutique .produit {
  vertical-align: bottom !important;
}

#content article.page{margin-left:0px;border: solid 1px #e8e8e8;}
#content article.page .entry-title {margin-left:-45px;}
#content article.page .entry-content .chapo {font-weight:bold;border-bottom:1px solid grey}

.row.linked-news.featured-block{background:url('images/vie_en_vert.jpg');background-size:cover;}
.heading-linked{background:transparent !important;}

/* Articles */
.author, .edit-link{display:none}
.ssba.ssba-wrap {position: absolute;z-index: 5;  right: 10px;top: 0px;background-color:transparent !important;}
.cat-links{float:left !important;}
.ssba img{margin:0 5px;}
.single-post .excerpt p:nth-child(2){display:none !important}
#legendPA{
    width:100%;
    color: #4a4a4a;
    font-style: italic;
    font-weight: normal;
    font-size: 0.8em;
    line-height: 1.5em;
    padding: 0.8em 0;
    text-align: left;
}

/* Catégorie */
.archive  #primary{float:left;width: 74%;margin-left:0px;background-color:#fff;border: solid 1px #e8e8e8;}
.archive  #primary .entry-header{background:transparent;left:-30px;}
.archive  #primary h2{padding:5px 20px;}
.archive  #primary h2:hover{text-decoration:underline}
.archive  #primary small{padding:5px 20px;}
.archive  #primary .entry p{padding:5px 20px;width:95%;margin-bottom:10px;}
.archive  #primary a.readmoreCategory {float: right;margin-top: -30px;margin-right: 30px;}
.archive  #primary a.readmoreCategory:hover {text-decoration:underline}
.archive  #primary hr {width:75%;}
.archive  #primary .entry-title:before {left: 0;border-width: 16px 0 0 16px;bottom: -16px;}
.archive  .entry-title:before {content: "";position: absolute;display: block;border-style: solid;border-color: #666666 transparent transparent transparent;bottom: -0.56em;}
.archive .entry-title {position: relative;z-index: 5;margin-top: 20px;}
.archive  #primary .archive-header h1{padding: 0.25em 0em;}
.archive  #secondary {float:right;width: 24%;margin-right:0px;}
.archive .pagination.loop-pagination a {position:relative}
.paging-navigation{border-top:0px !important}
.paging-navigation .page-numbers.current {border-top:0px !important}
.withThumbnailsLeft{float:left; width:30%;padding:5px 20px 15px 20px;}
.withThumbnailsRight{padding:5px 20px;text-align:justify;}

.entry-header{padding-top:24px !important;}

/* Page Agenda */
.page-template-content-agenda-php .site-main #primary{float:left;width: 74%;margin-left:0px;background-color:#fff;border: solid 1px #e8e8e8;position:relative;}
.page-template-content-agenda-php .site-main #primary .ssba.ssba-wrap{top:72px !important}
.page-template-content-agenda-php  .site-main  #primary .entry-header{width:90%;margin:auto;padding-top:0px !important}
.page-template-content-agenda-php  .site-main  #primary h2{padding:5px 20px;}
.page-template-content-agenda-php  .site-main  #primary h2:hover{text-decoration:underline}
.page-template-content-agenda-php  .site-main  #primary small{padding:5px 20px;}
.page-template-content-agenda-php  .site-main  #primary .entry p{padding:5px 20px;width:95%;margin-bottom:10px;}
.page-template-content-agenda-php  .site-main  #primary .entry-title{background:none !important;color:#79a652;font-weight:bold;}
.page-template-content-agenda-php  .site-main .entry-title:before {}
.page-template-content-agenda-php  .site-main #secondary {float:right;width: 24%;margin-right:0px;}
.page-template-content-agenda-php .entry-title {position: relative;z-index: 5;margin-top: 20px;}
.page-template-content-agenda-php #primary .archive-header h1{padding: 0.25em 0em;}
.page-template-content-agenda-php #primary a.readmoreCategory {float: right;margin-top: -30px;margin-right: 30px;}
.page-template-content-agenda-php #primary a.readmoreCategory:hover {text-decoration:underline}
.page-template-content-agenda-php #primary hr {width:75%;}
p#breadcrumbs{margin-bottom:0;}
.page-template-content-agenda-php  .withThumbnailsLeft{float:left; width:30%;padding:5px 0px 15px 20px;}
.page-template-content-agenda-php  .withThumbnailsLeft img{}
.page-template-content-agenda-php  .withThumbnailsRight{float:left;padding:5px 0px;text-align:justify;width:65%;position:relative;margin-bottom:15px}
.page-template-content-agenda-php  .withThumbnailsRight h2 a{color:#000 !important;font-size:15px;text-decoration:none;font-weight:bold;}
.page-template-content-agenda-php  .withThumbnailsRight h2 {color:#000;font-size:15px;text-decoration:none;}
.page-template-content-agenda-php  #primary a.readmoreCategory {padding:10px 10px;background:#79a652;color:#fff;text-decoration:none;font-weight:bold;position: absolute;left: 19px;bottom: -40px;position: relative;text-align:left;float:none;clear:both;bottom:0;}
.page-template-content-agenda-php  #primary a.readmoreCategory:hover {text-decoration:underline}

.page-template-content-agenda-php  .withoutThumbnails h2 a{color:#000 !important;font-size:15px;text-decoration:none;font-weight:bold;}
.page-template-content-agenda-php  .withoutThumbnails h2 {color:#000;font-size:15px;text-decoration:none;}
.page-template-content-agenda-php  #primary .withoutThumbnails{width:100%;padding:5px 0px 15px 0px;position:relative}
.page-template-content-agenda-php  #primary .withoutThumbnails a.readmoreCategory{position: relative;text-align:left;float:none;clear:both;bottom:0;}

.page-template-content-agenda-php #primary hr{width:95%;}

.page-template-content-agenda-php span.Agenda{display:none}
.page-template-content-agenda-php p.categoryList {margin-bottom:0px !important;}
.page-template-content-agenda-php p.categoryList span{color:#79a652;text-transform:uppercase}


@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev {
    opacity: 1;
    left: 10px; }
  .flex-direction-nav .flex-next {
    opacity: 1;
    right: 10px; } }
#main ul.flex-direction-nav li a {
  width: 10px; }
#main .slider ul {
  list-style: none;
  margin: 0;
  padding: 0; }
  #main .slider ul.slides li {
    position: relative;
    overflow: hidden;
    height: auto !important; }
    #main .slider ul.slides li .img {
      height: 360px; cursor: pointer;}
     #main  .ms-slide-info {
      position: static !important;
     }
    #main .slider ul.slides li .caption,#main .ms-info.caption {
      background: rgba(0, 0, 0, 0.5);
      bottom: 0;
      left: 0;
      color: #fff;
      padding: 18px 0px 18px 0px;
      position: absolute !important; 
      text-transform: uppercase;
      width: 100%;
    }
    #main .ms-info.caption h4 {
      position: static !important;
      padding-left: 1.0em;
      padding-right: 1.0em;
      white-space: nowrap;
      overflow: hidden;
    }
      #main .slider ul.slides li .caption header, #main .ms-info.caption .title {
        font-weight: lighter;font-size: 16px; color: #bbbfb8;}
      #main .slider ul.slides li .caption section, #main .ms-info.caption .subtitle {
        font-weight: bold; font-size: 16px; color: white;}

    @media screen and (max-width: 640px) {
      #main .slider ul.slides li .caption,#main .ms-info.caption {
      /*padding: 9px;*/
    }
    #main .ms-info.caption h4 {
      position: static !important;
    }
      #main .slider ul.slides li .caption header, #main .ms-info.caption .title {
        font-weight: lighter;font-size: 12px; color: #bbbfb8;}
      #main .slider ul.slides li .caption section, #main .ms-info.caption .subtitle {
        font-weight: bold; font-size: 12px; color: white;}
    }
    #main .slider ul.slides li .ratio {
      display: block;
      width: 100%;
      height: auto; }
    #main .slider ul.slides li iframe {
      position: absolute;
      top: 0;
      left: 0;
      width: 100% !important;
      height: 100% !important; }
    #main .slider ul.slides li:before {
      content: ''; }
#main .sliderNavHolder ul {
  list-style: none;
  margin: 0;
  padding: 0; }
  #main .sliderNavHolder ul li {
    cursor: pointer; }
    #main .sliderNavHolder ul li a {
      width: 40px; }
    #main .sliderNavHolder ul li img {
      width: 100%;
      display: block;
      opacity: 0.7;
      -moz-transition: all .7s ease;
      transition: all .7s ease;
      -webkit-transition: all .7s ease; }
    #main .sliderNavHolder ul li.active img{
      opacity: 1;
    }
      #main .sliderNavHolder ul li img:hover, #main .sliderNavHolder ul li.active img {
        opacity: 1; }
    }
    #main .sliderNavHolder ul li:before {
      content: ''; }
#main .vertical {
  position: relative; }
#main #carrouselAlaUne li:before {
  content: '';
  color: inherit;
  display: inline;
  float: none;
  margin-right: 0; }
#main #carrouselAlaUne .slider {
  width: 80%;
  float: left; }
  #main #carrouselAlaUne .slider li img {
    height: 371px;
    max-height: 371px; cursor: pointer}
#main #carrouselAlaUne .sliderNavHolder {
  width: 20%;
  float: left;
  position: relative; }
#main #carrouselAlaUne .vertical {
  position: relative; }


  #chaine .detail {
    margin: 0; }
  #chaine .btn {
    margin: 10px 0 0 0; }
  #chaine #carrouselChaineVideo ul li:before {
    content: '';
    color: inherit;
    display: inline;
    float: none;
    margin-right: 0; }
  #chaine #carrouselChaineVideo .sliderNavHolder {
    width: 100%;
    float: left;
    position: relative;
    margin: 0;
    padding: 0; }
    #chaine #carrouselChaineVideo .sliderNavHolder ul li {
      cursor: pointer;
      float: left;
      max-width: 72px; }
      #chaine #carrouselChaineVideo .sliderNavHolder ul li a {
        width: 10px; }
      #chaine #carrouselChaineVideo .sliderNavHolder ul li img {
        width: 100%;
        display: block;
        opacity: 0.4;
        -moz-transition: all .7s ease;
        transition: all .7s ease;
        -webkit-transition: all .7s ease; }
        #chaine #carrouselChaineVideo .sliderNavHolder ul li img:hover {
          opacity: 1; }
      #chaine #carrouselChaineVideo .sliderNavHolder ul li:before {
        content: ''; }
    #chaine #carrouselChaineVideo .sliderNavHolder .flex-direction-nav {
      float: none; }
      #chaine #carrouselChaineVideo .sliderNavHolder .flex-direction-nav .flex-prev {
        left: 15px;
        content: "";
        opacity: 1; }
      #chaine #carrouselChaineVideo .sliderNavHolder .flex-direction-nav .flex-next {
        right: 15px;
        opacity: 1;
        content: ""; }
    
  
  td#avant-primary-navigation{vertical-align:top}
  td#avant-primary-navigation img{margin-top:10px;}

/*  @media screen and (max-width: 1155px) {
  #apres-primary-navigation{width: 78%;  margin: auto;float:left;}
}*/


@media screen and (max-width: 1008px) {
  #main-content, #secondary, .page #main-content, .single-post #main-content, .page #secondary, .single-post #secondary, .page-template-content-agenda-php .site-main #primary, .page-template-content-agenda-php .site-main #secondary{float:none;clear:both;width:90%;margin:auto;background-color: #fff;}
  #secondary #side_content {margin-left: 2%; }
  footer .links.pull-left, footer .pull-right.info2{float:none;clear:both;width:100%;text-align:center;margin:10px;}
  #colophon .part{width:185px !important;}
  #colophon .part:last-child {display:block;float:none;clear:both;/*width:250px !important;*/margin:30px auto;border-left:none}
  #colophon .part:first-child{padding-left:20px}
  .single-post #primary{width:100%;}
  .single-post #pre-breadcrumbs{margin-left:10px;}
  .archive  #primary{float:none;clear:both;width:90%;margin:auto;}
  .archive  #secondary {float:none;clear:both;width: 90%;margin:auto;}
  .withThumbnailsLeft{float:none;clear:both;width: 90%; margin: auto;text-align: center;}
  .withThumbnailsLeft img{width:50%;}
  .withThumbnailsRight{float:none;clear:both;width: 90%;}
  }

/*responsive.css*/
@media screen and (min-width: 673px) {
  .header-main {
    padding-left: 0;
    /*syl aligne menu à gauche avec zero marge*/ } }
@media screen and (max-width: 782px) {
  /*syl monte entete*/
  html {
    margin-top: 0 !important; }

  * html body, * html body.custom-background {
    margin-top: 0 !important; }

  
   /* MON CSS */
   article.type-post{padding-top:20px;}
   #oeilPA_left{width:39.9%}
   #oeilPA_right{width:60%}
   .container-linked{width:112%;}
  
  /*syl menu haut 1 cache avant et apres */
  #avant-primary-navigation {
    display: none;
    padding: 0; }  
  
  #pendant-primary-navigation {
    clear:both;}

  #recherche form.search-form{display:none;}
  
  #main-content, #secondary, .page #main-content, .single-post #main-content, .page #secondary, .single-post #secondary{float:none;clear:both;width:90%;margin:auto;}
  
  #colophon .part {display:block;float:none;clear:both;/*width:250px !important;*/margin:30px auto;border-left:none}
  
  #pendant-primary-navigation{height:auto;width:100%;}
  #apres-primary-navigation{/*width:220px;*/margin-top:-20px;}
  #recherche { width: 0px; }
  
  .primary-navigation.toggled-on {
  padding: 15px 0 35px;
  }
  
  .menu-toggle{height:60px;line-height:60px;}
  
  #masthead .fragment{
      display:block;
      float: none;
      width:100% !important;}
  
  /*#masthead .fragment .menu {*/
  /*    margin-top : 0px !important;*/
  /*    position: relative !important;*/
  /*    !*display: block !important;*!*/
  /*    background-size: cover !important;*/
  /*    !*height: 152px !important;*!*/
  /*    width : 100% !important;*/
  /*    top : 5px;*/
  /*    min-height : 120px;*/
  /*    margin-bottom : 5px;*/
  /*    !*syl d apres maquette*!*/
  /*    !*overflow: hidden;*! }*/

  /*#masthead .fragment .menu ul{*/
  /*  margin-bottom : 0px;*/
  /*}*/
  
  #main #carrouselAlaUne .sliderNavHolder{display:none}
  #main #carrouselAlaUne .slider{width:100%;float:none;clear:both;}
  #main .lastnews:nth-child(1){width:100%;}
  #main .lastnews:nth-child(2){width:100%;}
  #main .lastnews:nth-child(n+3){margin:40px 10px !important}
  #main .lastnews{width:42.7%;}
  #main a.all_actus{margin-top:30px}
  #main-content section.bloc{margin-top:30px}
  button.menu-toggle{background:transparent;}
  .menu-toggle:before{color:#000;margin-top:0px;}
  .menu-menu1_fr-container{width:100%;}
  #apres-primary-navigation #lang{width:45px;}
  span.genericon {margin-right: 5px;}
  #page #site-header a img{/*height:80px !important;*/}
  aside.sliderNavHolder{display:none;}
  #chaine{padding-bottom:20px !important;}
  /*.single-post .excerpt{width:90%;}*/
  .entry-content img {width:auto;margin:0px;}
  #side_content #boutique .produit{vertical-align:bottom;}
  #actions .btn.pull-right{padding:7px 2px !important;font-size:12px;  position: absolute;right: 12px;width: 110px;margin-top: -6px;text-align:center;}
  .dossiersSpeciaux{display:none;}
  #didyouknow .row .description{width:100%;padding:15px;}
  #didyouknow .row  img{width:100%;}
   #didyouknow .pull-left.image{float:none !important;clear:both !important;}
  #agenda .btn.pull-right{padding:7px 2px !important;font-size:12px;  position: absolute;right: 5px;width: 95px;margin-top: -10px;text-align:center;}
  #secondary{margin-top:15px;border:none;}
  .full-width .post-thumbnail img{max-width:100%;}
  .single-post #primary{width:90%;margin:auto;}
  .go-further, .featured-medias{width:100%;}
  
  
  /*syl menu-haut-1 par dessus banniere*/
  /* #masthead {position:relative;}
   #header-main{position:absolute;}
   #site-header {position:absolute;}
   #main {position:absolute;}   */ }


@media screen and (min-width: 783px) {
    
  /*syl menu-haut-1 : Primary Navigation */
  .primary-navigation {
    margin-left: 0;
    font-size: 1em; }
    .primary-navigation li {
      height: 60px;
      line-height: 60px; }

  .menu-item {
    /*syl espace les onglets du menu haut*/
    padding-right: 12px; }

  .primary-navigation a {
    padding-right: 0;
    padding-left: 0; }

  .primary-navigation li:hover > a,
  .primary-navigation li.focus > a {
    background: #fff;
    /*syl couleur menu haut*/
    color: #CC6600; }

  .primary-navigation ul ul {
    background: #fff;
    /*syl couleur menu haut*/
    color: #CC6600; }

  .secondary-navigation ul ul a:hover,
  .secondary-navigation ul ul li.focus > a {
    background: #fff;
    /*syl couleur menu haut*/ }

  .secondary-navigation li:hover > a,
  .secondary-navigation li.focus > a {
    background: #fff;
    /*syl couleur menu haut*/
    color: #CC6600; }

  .site-navigation li .current_page_item > a,
  .site-navigation li .current_page_ancestor > a,
  .site-navigation li .current-menu-item > a,
  .site-navigation li .current-menu-ancestor > a {
    background: #fff;
    /*syl couleur menu haut*/
    color: #262626;
    /*color: #CC6600;*/ }

  .primary-navigation li:hover > a,
  .primary-navigation li.focus > a {
    background: #fff;
    /*syl couleur menu haut*/
    color: #CC6600; }

  .primary-navigation ul ul a:hover,
  .primary-navigation ul ul li.focus > a {
    background: #fff;
    /*syl couleur menu haut*/
    color: #CC6600; } }
  
  #secondary{margin-top:30px;border:none;}
  #masthead .fragment h6{font-size:12px}
  #masthead .fragment span{font-size:12px}
  
@media screen and (min-width: 1008px) {
  /*syl    */
  .site-description {display: none; }
  #bandeau-white {
    position: fixed;
    z-index : 6; }
    
  .header-main {
    position: fixed;
    background-color: white;
    z-index : 7;
    max-width: 1156px;
    width: 100%; }
    
  #masthead .fragment h6{font-size:16px}
  #masthead .fragment span{font-size:12px}
  #site-header {margin-top: 60px;}
  #secondary{margin-top:0px}
}

@media screen and (max-width: 1008px) {
    #content article.page {width: 100%;}
}

@media screen and (max-width: 680px) {
  .linked-news .content{float: none;width: 90%;clear:both;}
}

@media screen and (max-width: 593px) {
  #content article.page .entry-title {margin-left: -25px;}
}

@media screen and (max-width: 501px) {
  #oeilPA_left{float:none;width:100%;clear:both;}
    #oeilPA_right{float:none;width:100%;clear:both;}
  #empreintePA h1 span#down{font-size:16px;}
  #empreintePA h1 span#up{font-size:35px;}
  .linked-news .content{padding-top: 20px;}
}
  
@media screen and (max-width: 345px) {
  #main .lastnews:nth-child(n+3){display:none;}

}

/* hacks pour Ie */

/*# sourceMappingURL=style.css.map */