body{

  font-weight:bold;
  height:100%;
  width:102%;
  padding:0;
  margin:0;
}

html{
  height:100%;
  width:100%;
  padding:0;
  margin:0
  
}

.page{
  display: block;
      clear: both;
      
      width: 210mm;
      min-height: 297mm;
      page-break-after: always;
  background:#9A9289;
  //position:relative;
  
}
$grey:#61676A;
$marron:#9A9289;
$vert:#7BAE53;

  
  
  
  #plume_header{
    .plume_logo_mobile{
      display:none;
    }
  
    text-align:center;
    img{
      display:block;
      margin:auto;
      width:600px;
      max-width:100%;
      padding-top:15px;

    }
  
    .baseline{
      font-size:14px;
      font-weight:normal;
    }
  
    .hr{
      margin:8px 0;
      height:20px;
      background:$grey;
    }
  }

  .sommaire{
    float:left;
    width:30%;
    text-align:left;
    
    .sommaire_panel{
      background:$marron;
      padding:20px;
      .content{
        padding:10px 20px;
        border:dashed 1px white;
        h2{
          font-weight:bold;
          color:white;
          font-size:40px;
          text-align:center;
          text-transform:uppercase;
          margin-top:0;
          padding-top:0;
        }
        h3{
          text-transform:uppercase;
          margin:0;
          padding:0;
          margin-top:10px;
          font-weight:bold;
          color:white;
        }
        
        a{
          display:block;
          color:black;
          font-size:18px;
          &:hover{
            text-decoration:none;
          }
        }
      }
      
      
    }
  }

.plume-article_header{
  .plume_cat{
    text-transform:uppercase;
    color:$vert;
    font-size:25px;
    margin-top:15px;
    font-weight:bold;
    margin-bottom:20px;
  }
  h1{
    font-size:30px;
    margin:10px 0;
    font-weight:bold;
    color:black;
    text-transform:none;
  }
  
}
.render_block{
  padding:30px 0;
  padding-bottom:100px;
}


.plume_event{
  border-bottom:1px dashed $marron;
  padding: 10px 0;

  h2{
    color:$vert;
    font-size:20px;
    text-transform:none;
    margin:0;
  }
  .date{
    margin: 5px 0;
  
  }
  margin-bottom:10px;

}

.plume_breve{
  border-bottom:1px dashed $marron;
  padding: 10px 0;

  h2{
    color:$vert;
    font-size:20px;
    text-transform:none;
    margin:0;
  }

  margin-bottom:10px;
  .render_block{
    padding-bottom:20px;
    padding-top:20px;
  }
}


.article{
  
  
  width:50%;
  float:left;
  
  &.article_large{
    float:none;
    width:auto;
    margin-top:60px;
    margin-bottom:100px;
    .image{
      width:47%;
      margin-left:1%;
      float:left;
    }
    .description{
      margin-left:50%;
      padding-left:20px;
    }
    
  }
  .inner{
    margin:0 20px;
  }
  
  .image{
    height:300px;
  }
  
  .plume_cat{
    text-transform:uppercase;
    color:$vert;
    font-size:30px;
    margin-top:15px;
    font-weight:bold;
  }
  h2{
    font-size:20px;
    margin:10px 0;
    font-weight:bold;
  }
}
  .plume_bottom{
    background:$grey;
    padding:10px 20px;
    margin-top:20px;
    .big{
      font-size:20px;
    }
    p{
      margin:5px 0;
      
    }
    *{
      color:white;
    }
    
  }



.fill_img{
  background:center center no-repeat;
  background-size:100%;
  background-size:cover;
}