/*!
 * Milligram v1.3.0
 * https://milligram.io
 *
 * Copyright (c) 2019 CJ Patoilo
 * Licensed under the MIT license
 */

  *,*:after,*:before{box-sizing:inherit}

  html{box-sizing:border-box;font-size:62.5%}

  body{
    color:#606c76;
    font-family:'Roboto', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
    font-size:1.6em;font-weight:300;
    letter-spacing:.01em;
    line-height:1.6
  }
    blockquote{
      border-left:0.3rem solid #d1d1d1;
      margin-left:0;
      margin-right:0;
      padding:1rem 1.5rem
    }

      blockquote *:last-child{margin-bottom:0}

  .button,
  button,
  input[type='button'],
  input[type='reset'],
  input[type='submit']{
    background-color:#4CAF50;
    border:0 solid #4CAF50;
    border-radius:.4rem;
    color:#fff;
    cursor:pointer;
    display:inline-block;


    height:3.8rem;

    line-height:3.8rem;
    padding:0 3.0rem;
    text-align:center;
    text-decoration:none;
    white-space:nowrap}


    .button:focus,

    .button:hover,
    button:focus,
    button:hover,
    input[type='button']:focus
    ,input[type='button']:hover,
    input[type='reset']:focus,
    input[type='reset']:hover,
    input[type='submit']:focus,
    input[type='submit']:hover
    {
      background-color:#85BF7D;
      border-color:white;
      color:#fff;outline:0
    }


      .button[disabled],
      button[disabled],
      input[type='button'][disabled],
      input[type='reset'][disabled],
      input[type='submit'][disabled]{
        cursor:default;opacity:.5
        }
        .button[disabled]:focus,
        .button[disabled]:hover,
        button[disabled]:focus,
        button[disabled]:hover,
        input[type='button'][disabled]:focus,
        input[type='button'][disabled]:hover,
        input[type='reset'][disabled]:focus,
        input[type='reset'][disabled]:hover,
        input[type='submit'][disabled]:focus,
        input[type='submit'][disabled]:hover{background-color:#d33c43;border-color:#d33c43}.button.button-outline,button.button-outline,input[type='button']
        .button-outline,input[type='reset']
        .button-outline,input[type='submit']
        .button-outline{background-color:transparent;color:#d33c43}
        .button.button-outline:focus,
        .button.button-outline:hover,
        button.button-outline:focus,
        button.button-outline:hover,
        input[type='button'].button-outline:focus,
        input[type='button'].button-outline:hover,
        input[type='reset'].button-outline:focus,
        input[type='reset'].button-outline:hover,
        input[type='submit'].button-outline:focus,input[type='submit']
        .button-outline:hover{background-color:transparent;border-color:#606c76;color:#606c76}
        .button.button-outline[disabled]:focus,
        .button.button-outline[disabled]:hover,
        button.button-outline[disabled]:focus,
        button.button-outline[disabled]:hover,
        input[type='button']
        .button-outline[disabled]:focus,
        input[type='button']
        .button-outline[disabled]:hover,
        input[type='reset'].button-outline[disabled]:focus,
        input[type='reset'].button-outline[disabled]:hover,
        input[type='submit'].button-outline[disabled]:focus,
        input[type='submit']
        .button-outline[disabled]:hover{border-color:inherit;color:#d33c43}
        .button.button-clear,
        button.button-clear,
        input[type='button'].button-clear,
        input[type='reset'].button-clear,
        input[type='submit']
        .button-clear{background-color:transparent;border-color:transparent;color:#d33c43}
        .button.button-clear:focus,
        .button.button-clear:hover,
        button.button-clear:focus,
        button.button-clear:hover,
        input[type='button'].button-clear:focus,
        input[type='button'].button-clear:hover,
        input[type='reset'].button-clear:focus,
        input[type='reset'].button-clear:hover,
        input[type='submit'].button-clear:focus,
        input[type='submit']
        .button-clear:hover{background-color:transparent;border-color:transparent;color:white}
        .button.button-clear[disabled]:focus,
        .button.button-clear[disabled]:hover,
        button.button-clear[disabled]:focus,
        button.button-clear[disabled]:hover,
        input[type='button'].button-clear[disabled]:focus,
        input[type='button'].button-clear[disabled]:hover,
        input[type='reset'].button-clear[disabled]:focus,
        input[type='reset'].button-clear[disabled]:hover,
        input[type='submit'].button-clear[disabled]:focus,
        input[type='submit'].button-clear[disabled]:hover{color:#d33c43}
        code{background:#f4f5f6;border-radius:.4rem;font-size:86%;
        margin:0 .2rem;padding:.2rem .5rem;white-space:nowrap}
        pre{background:#f4f5f6;border-left:0.3rem solid #d33c43;overflow-y:hidden}
        pre>code{border-radius:0;display:block;padding:1rem 1.5rem;
        white-space:pre}
        hr{border:0;border-top:0.1rem solid #f4f5f6;margin:3.0rem 0}
        input[type='email'],
        input[type='number'],
        input[type='password'],
        input[type='search'],
        input[type='tel'],
        input[type='text'],
        input[type='url'],
        input[type='color'],
        input[type='date'],
        input[type='month'],
        input[type='week'],
        input[type='datetime'],
        input[type='datetime-local'],
        input:not([type]),
        textarea,
        select{background-color:transparent;border:0.1rem solid #d1d1d1;border-radius:.4rem;box-shadow:none;box-sizing:inherit;height:3.8rem;padding:.6rem 1.0rem;width:100%}
        input[type='email']:focus,
        input[type='number']:focus,
        input[type='password']:focus,
        input[type='search']:focus,
        input[type='tel']:focus,
        input[type='text']:focus,
        input[type='url']:focus,
        input[type='color']:focus,
        input[type='date']:focus,
        input[type='month']:focus,
        input[type='week']:focus,
        input[type='datetime']:focus,
        input[type='datetime-local']:focus,
        input:not([type]):focus,
        textarea:focus,
        select:focus{border-color:#606c76;outline:0}
        select{padding-right:3.0rem}
        textarea{min-height:6.5rem}label,
        legend{display:block;
          font-size:14px;
          }
          
          fieldset{border-width:0;padding:0}
          input[type='checkbox'],
          input[type='radio']{display:inline}
          .label-inline{display:inline-block;font-weight:normal;margin-left:.5rem}
          .container
          {margin:0 auto;max-width:200.0rem;padding:0 2.0rem;position:relative;width:90%}
          .row{display:flex;flex-direction:column;padding:0;width:100%}
          .row.row-no-padding{padding:0}
          .row.row-no-padding>.column{padding:0}
          .row.row-wrap{flex-wrap:wrap}
          .row.row-top{align-items:flex-start}
        .row.row-bottom{align-items:flex-end}
        .row.row-center{align-items:center}
        .row.row-stretch{align-items:stretch}
        .row.row-baseline{align-items:baseline}
        .row .column{display:block;flex:1 1 auto;margin-left:0;max-width:100%;width:100%}
        .row .column.column-offset-10{margin-left:10%}
        .row .column.column-offset-20{margin-left:20%}
        .row .column.column-offset-25{margin-left:25%}
        .row .column.column-offset-33,
        .row .column.column-offset-34{margin-left:33.3333%}
        .row .column.column-offset-50{margin-left:50%}
        .row .column.column-offset-66,
        .row .column.column-offset-67{margin-left:66.6666%}
        .row .column.column-offset-75{margin-left:75%}
        .row .column.column-offset-80{margin-left:80%}
        .row .column.column-offset-90{margin-left:90%}
        .row .column.column-10{flex:0 0 10%;max-width:10%}
        .row .column.column-20{flex:0 0 20%;max-width:20%}
        .row .column.column-25{flex:0 0 25%;max-width:25%}
        .row .column.column-33,
        .row .column.column-34{flex:0 0 33.3333%;max-width:33.3333%}
        .row .column.column-40{flex:0 0 40%;max-width:40%}
        .row .column.column-50{flex:0 0 50%;max-width:50%}
        .row .column.column-60{flex:0 0 60%;max-width:60%}
        .row .column.column-66,
        .row .column.column-67{flex:0 0 66.6666%;max-width:66.6666%}
        .row .column.column-75{flex:0 0 75%;max-width:75%}
        .row .column.column-80{flex:0 0 100%;max-width:100%}
        .row .column.column-90{flex:0 0 90%;max-width:90%}
        .row .column .column-top{align-self:flex-start}
        .row .column .column-bottom{align-self:flex-end}
        .row .column .column-center{-ms-grid-row-align:center;align-self:center}.row
        .column-responsive{display:block;flex:1 1 auto;margin-left:0;max-width:100%;width:100%}

        @media (min-width: 640px){
          .row{flex-direction:row;margin-left:-1.0rem;width:calc(100% + 2.0rem)}
          .row
          .column{margin-bottom:inherit;padding:0 1.0rem}
          .row
          .column-responsive{margin-bottom:inherit;padding:0 1.0rem}
          .row
          .column-responsive.column-10{flex:0 0 10%;max-width:10%}
          .row
          .column-responsive.column-20{flex:0 0 20%;max-width:20%}
          .row
          .column-responsive.column-25{flex:0 0 25%;max-width:25%}
          .row
          .column-responsive.column-33,
          .row
          .column-responsive.column-34{flex:0 0 33.3333%;max-width:33.3333%}
          .row
          .column-responsive.column-40{flex:0 0 40%;max-width:40%}
          .row
          .column-responsive.column-50{flex:0 0 50%;max-width:50%}
          .row
          .column-responsive.column-60{flex:0 0 60%;max-width:60%}
          .row
          .column-responsive.column-66,
          .row
          .column-responsive.column-67{flex:0 0 66.6666%;max-width:66.6666%}
          .row .column-responsive.column-75{flex:0 0 75%;max-width:75%}
          .row
          .column-responsive.column-80{flex:0 0 100%;max-width:100%}
          .row .column-responsive.column-90{flex:0 0 90%;max-width:90%}}a{color:#d33c43;text-decoration:none}
          a:focus,
          a:hover{}
          dl,ol,ul{list-style:none;margin-top:0;padding-left:0}
          dl dl,
          dl ol,
          dl ul,
          ol dl,
          ol ol,
          ol ul,
          ul dl,
          ul ol,
          ul ul{font-size:90%;margin:1.5rem 0 1.5rem 3.0rem}
          ol{list-style:decimal inside}
          ul{list-style:circle inside}.button,
          button,
          dd,
          dt,
          li{margin-bottom:1.0rem}fieldset,
          input,
          select,
          textarea{margin-bottom:1.5rem}
          blockquote,
        dl,
        figure,
        form,
        ol,
        p,
        pre,
        table,
        ul{margin-bottom:0}
        table{border-spacing:0;width:100%}
        td,
        th{border-bottom:0.1rem solid #e1e1e1;padding:1.2rem 1.5rem;text-align:left}
        td:first-child,
        th:first-child{padding-left:0}
        td:last-child,th:last-child{padding-right:0}
        @media screen and (max-width: 640px){
          table{border-spacing:0;display:flex;width:100%}
          table thead{border-right:solid 0.1rem #e1e1e1}
          table thead td,
          table thead th{padding-left:0}
          table thead td:first-child,

        table thead th:first-child{padding-left:0}

        table thead td:last-child,
        table thead th:last-child{padding-right:1.2rem}
        table tbody{display:flex;overflow-x:auto;white-space:nowrap}
        table tbody tr{border-right:solid 0.1rem #e1e1e1}
        table tbody tr:last-child{border-right:none}
        table td,
        table th{display:block}
        table td:first-child,
        table th:first-child{padding-left:1.2rem}
        table td:last-child,
        table th:last-child{padding-right:1.2rem}}
        b,
        strong{font-weight:bold}
        p{margin-top:0}
        h1,
        h2,
        h3,
        h4,
        h5,
        h6{font-weight:300;letter-spacing:-.1rem;margin-bottom:2.0rem;margin-top:0}

        h1{font-size:4.6rem;line-height:1.2}
        h2{font-size:3.6rem;line-height:1.25}
        h3{font-size:2.8rem;line-height:1.3; color: #333; font-weight: bold;}
        h4{font-size:2.2rem;letter-spacing:-.08rem;line-height:1.35;  color: #333; font-weight: bold;}
        h5{font-size:1.8rem;letter-spacing:-.05rem;color: #333; font-weight: bold;}
        h6{font-size:1.6rem;letter-spacing:0;line-height:1.4}

        img{max-width:100%}.clearfix:after{clear:both;content:' ';display:table}.float-left{float:left}.float-right{float:right}

/*# sourceMappingURL=milligram.min.css.map */



.button {
  border: none;
  color: white;
  
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 12px;
  background-color: #333;

  transition-duration: 0.4s;
  cursor: pointer;

}


.buttondelete {
  background-color: #D8404A;
  border: none;
  color: white;

  text-align: center;
  text-decoration: none;
  display: inline-block;

  width: 250px;
  height: 50px;

  border-radius: 10px;
  font-size: 16px;
  cursor: pointer;

  padding-top: 12px;

  vertical-align: middle;

}

.buttondelete :hover
{
  background-color:#85BF7D;
  border-color:#606c76;
  color:#fff;outline:0
}


.txtArea {  height:200px; }

.telecharger {
color : blue;
font-size: 12px;
  }

  .telecharger:focus{
  color : green;
  font-size: 12px;
    }
    .telecharger:hover{
    color : green;
    font-size: 12px;
      }

.auteur{
    text-align: right;
      font-size: 12px;
}

.bubble-textr{background:#CBF3FC; color:black; padding:7px 15px; border-radius:3px; width:60%;font-size: 12px;

align:"right";
position: relative;
  left:   30%;
  }

.bubble-textr::after{

content:"";
font-size: 12px;
border-left:25px solid transparent;
border-right:50px solid transparent;
border-top: 45px solid #CBF3FC;
position: relative;
left : 45%;
top:50px;
}
.bubble-textl{background:#CBF3FC; color:black; padding:7px 15px; border-radius:3px; width:60%;font-size: 12px;
position: relative  ;
  left:   5%;}

.bubble-textl::after{
content:"";
border-left:25px solid transparent;
border-right:50px solid transparent;
border-top: 35px solid #CBF3FC;
position: relative;
left: -5%;
top:50px;
}


.lien:hover{
  color: #446AA5;
}

.normal{
font-size: 14px;
}

.star{
color : #F9CB31;
font-weight:bold;
font-size:16px;
}

.description{
font-size: 14px;
font-style: italic;
}