@import url("reset.css");
/*PROCOM reset styles*/
/*Bourbon mixins*/
/*BOXES SETTINGS*/
*,
*:after,
*:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }


/*Boxes settings*/
@font-face {
  font-family: "ratio_reg";
  font-style: normal;
  font-weight: normal;
  src: url("fonts/ratio_reg.eot?#iefix") format("embedded-opentype"), url("fonts/ratio_reg.woff") format("woff"), url("fonts/ratio_reg.ttf") format("truetype"), url("fonts/ratio_reg.svg#ratio_reg") format("svg"); }
@font-face {
  font-family: "ratio_medium";
  font-style: normal;
  font-weight: normal;
  src: url("fonts/ratio_medium.eot?#iefix") format("embedded-opentype"), url("fonts/ratio_medium.woff") format("woff"), url("fonts/ratio_medium.ttf") format("truetype"), url("fonts/ratio_medium.svg#ratio_medium") format("svg"); }

@font-face {
  font-family: "ratio_bold";
  font-style: normal;
  font-weight: normal;
  src: url("fonts/ratio_bold.eot?#iefix") format("embedded-opentype"), url("fonts/ratio_bold.woff") format("woff"), url("fonts/ratio_bold.ttf") format("truetype"), url("fonts/ratio_bold.svg#ratio_bold") format("svg"); }

@font-face {
  font-family: "rooney_light";
  font-style: normal;
  font-weight: normal;
  src: url("fonts/rooney_light.eot?#iefix") format("embedded-opentype"), url("fonts/rooney_light.woff") format("woff"), url("fonts/rooney_light.ttf") format("truetype"), url("fonts/rooney_light.svg#rooney_light") format("svg"); }
@font-face {
  font-family: "rooney_medium";
  font-style: normal;
  font-weight: normal;
  src: url("fonts/rooney_medium.eot?#iefix") format("embedded-opentype"), url("fonts/rooney_medium.woff") format("woff"), url("fonts/rooney_medium.ttf") format("truetype"), url("fonts/rooney_medium.svg#rooney_medium") format("svg"); }
@font-face {
  font-family: "rooney_bold";
  font-style: normal;
  font-weight: normal;
  src: url("fonts/rooney_bold.eot?#iefix") format("embedded-opentype"), url("fonts/rooney_bold.woff") format("woff"), url("fonts/rooney_bold.ttf") format("truetype"), url("fonts/rooney_bold.svg#rooney_bold") format("svg"); }
@font-face {
  font-family: "tungsten-medium";
  font-style: normal;
  font-weight: normal;
  src: url("fonts/tungsten-medium.eot?#iefix") format("embedded-opentype"), url("fonts/tungsten-medium.woff") format("woff"), url("fonts/tungsten-medium.ttf") format("truetype"), url("fonts/tungsten-medium.svg#tungsten-medium") format("svg"); }



/* MES BEAUX STYLES POUR LE LIVE */

.text-center{
  text-align: center;
}
.text-right{
  text-align: right;
}

html body {
  font-family: 'rooney_medium';
  background: #343a3f;
  padding-top: 40px;
  }

    html body .container section.graph_wrapper {
      padding-top:60px !important;
      width: 33.33333%;
      min-height: 100%;
      overflow: auto;
      float: left;
      padding: 10px;
      border-right: 1px solid #1d2023;/*#D4D4D4*/
      -webkit-box-shadow: inset 0 1px 0 0 #96a0a9;
      box-shadow: inset 0 1px 0 0 #96a0a9;
      background: #343a3f;
      -webkit-transition: all 0.5s;
      -moz-transition: all 0.5s;
      transition: all 0.5s; }
      @media screen and (max-width: 1000px) {
        html body .container section.graph_wrapper {
          width: 40%;
          padding: 20px; 
          padding-top:60px;
        } 
      }
      @media screen and (max-width: 450px) {
        html body .container section.graph_wrapper {
          width: 100%;
          padding: 20px 10px;
          padding-top:60px;
          position: absolute;
          z-index: 101;
          top: 0;
          left: -100%; 
        }
          html body .container section.graph_wrapper.graph_wrapper_open {
            left: 0;
            -webkit-transition: all 0.5s;
            -moz-transition: all 0.5s;
            transition: all 0.5s; 
          }
      }
      html body .container section.graph_wrapper div.graph-back-container {
        width: 100%;
        font-size: 26px;
        margin-bottom: 20px;
        overflow: auto;
        display: none; }
        @media screen and (max-width: 450px) {
          html body .container section.graph_wrapper div.graph-back-container {
            display: block; } }
        html body .container section.graph_wrapper div.graph-back-container i {
          float: right;
          margin-right: 10px;
          cursor: pointer;
          color: #7f8081; }
      html body .container section.graph_wrapper article.graph {
        width: 100%;
        background: #282d31;
        margin-bottom: 40px;
        overflow: hidden;
        color: #eeeeee;
        position: relative; }
        @media screen and (max-width: 450px) {
          html body .container section.graph_wrapper article.graph {
            margin-bottom: 20px; } }
        html body .container section.graph_wrapper article.graph h3 {
          text-align: center;
          color: #eeeeee;
          font-family: 'Ratio';
          font-weight: 500;
          text-transform: uppercase;
          font-size: 16px;
          background: #1d2023;
          padding: 15px 5px;}
        html body .container section.graph_wrapper article.graph h4 {
          margin: 0 auto;
          left: 20px;
          font-family: 'Helvetica', 'Arial', 'Ratio';
          font-weight: 500;
          font-size: 1em;
          line-height: 18px;
          text-transform: uppercase;
          color: #eeeeee; 
          height:38px;
          margin-top:-30px;
        }
          @media screen and (max-width: 1000px) {
            html body .container section.graph_wrapper article.graph h4 {
              margin-top:-20px;
              font-size: 0.8em;
            }
          }
          @media screen and (max-width: 570px) {
            html body .container section.graph_wrapper article.graph h4 {
              margin-top:-20px;
              font-size: 0.5em;
            }
          }
          @media screen and (max-width: 450px) {
            html body .container section.graph_wrapper.graph_wrapper_open article.graph h4 {
              margin-top:-35px;
              font-size: 1em;
            }
          }
        



          html body .container section.graph_wrapper article.graph h4 span {
            font-size: 1em;
            color: #eeeeee; }
        html body .container section.graph_wrapper article.graph h5 {
          margin: 0 auto;
          right: 20px;
          top: 60px;
          z-index: 100;
          font-family: 'Helvetica', 'Arial', 'Ratio';
          font-size: 10px;
          font-weight: 500;
          line-height: 18px;
          text-transform: uppercase;
          position: absolute;
          color: #6e6e6e;
          text-align: right; }
          @media screen and (max-width: 1000px) {
            html body .container section.graph_wrapper article.graph h5 {
              font-size: 10px;
              line-height: 14px; } }
          html body .container section.graph_wrapper article.graph h5 span {
            font-size: 20px;
            color: #eeeeee; }
       

      .lastupd {
        padding-top: 5px;
        text-transform: lowercase;
        color:#666666;
        font-size: 0.8em;
      }






    html body .container section.fil_wrapper {
      padding-top:80px;
      width: 66.66666%;
      min-height: 100%;
      float: left;
      background: #eeeeee; }
      @media screen and (max-width: 1000px) {
        html body .container section.fil_wrapper {
          width: 60%; } }
      @media screen and (max-width: 450px) {
        html body .container section.fil_wrapper {
          width: 100%; } }


/*      html body .container section.fil_wrapper #synthese {
        background-color: #ffffff;
      }*/


    html body .container section.fil_wrapper article {
      width: 100%;
      padding: 40px 10px 10px 40px;
      min-height: 280px;
      display: -webkit-box;
      display: -moz-box;
      display: box;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -moz-box-orient: horizontal;
      box-orient: horizontal;
      -webkit-box-direction: normal;
      -moz-box-direction: normal;
      box-direction: normal;
      -webkit-flex-direction: row;
      -moz-flex-direction: row;
      flex-direction: row;
      -ms-flex-direction: row;
    }
    





      html body .container section.fil_wrapper .titlecontainer,
      html body .container section.fil_wrapper #chat_off_message,
      html body .container section.fil_wrapper #filtres,
      html body .container section.fil_wrapper #synthese {
        width: 100%;
        padding: 0px 40px 20px 40px;
        position: relative; 
      }


        @media screen and (max-width: 1000px) {
          html body .container section.fil_wrapper article,
          html body .container section.fil_wrapper .titlecontainer,
          html body .container section.fil_wrapper #chat_off_message,
          html body .container section.fil_wrapper #filtres,
          html body .container section.fil_wrapper #synthese  {
            display: block;
            padding: 20px 20px; 
          } 
        }

        @media screen and (max-width: 800px) {
          html body .container section.fil_wrapper .titlecontainer,
          html body .container section.fil_wrapper #chat_off_message,
          html body .container section.fil_wrapper #filtres ,
          html body .container section.fil_wrapper #synthese {
            padding: 0px 20px 20px 20px; 
          } 
        }
        @media screen and (max-width: 450px) {
          html body .container section.fil_wrapper .titlecontainer,
          html body .container section.fil_wrapper #chat_off_message,
          html body .container section.fil_wrapper #filtres,
          html body .container section.fil_wrapper #synthese {
            padding: 0px 20px 40px 20px; 
          } 
        }

        html body .container section.fil_wrapper #synthese {
          padding-top: 30px;
          padding-bottom: 30px;
        } 
          html body .container section.fil_wrapper #synthese ul{
            list-style-position:outside;
            padding-top: 10px;
            padding-bottom: 10px;
          }

        html body .container section.fil_wrapper .titlecontainer div.graph-toggle {
          width: 100%;
          background: #d4d4d4;
          text-align: center;
          padding: 10px 0;
          margin-bottom: 40px;
          border: 1px solid #b80021;
          color: #000000;
          cursor: pointer;
          display: none;
          font-family: 'Helvetica', 'Arial'; 
        }
          @media screen and (max-width: 450px) {
            html body .container section.fil_wrapper .titlecontainer div.graph-toggle {
              display: block; } 
          }
            html body .container section.fil_wrapper .titlecontainer div.graph-toggle p.live {
              color: #000000;
              animation: fontbulger 1s infinite;
              animation-direction: alternate; 
            }
            html body .container section.fil_wrapper .titlecontainer div.graph-toggle p.live i {
              color: #b80021; 
            }
        html body .container section.fil_wrapper .titlecontainer h1 {
          font-size: 40px;
          font-weight: 500;
          font-family: 'Ratio';
          margin: 0 0 .5em 0; 
        }
          @media screen and (max-width: 800px) {
            html body .container section.fil_wrapper .titlecontainer h1 {
              font-size: 34px; 
            } 
          }
        html body .container section.fil_wrapper .titlecontainer p {
          color: #7f8081; }

          .container section.fil_wrapper article div.left .tag {
            color: #eeeeee;
            font-size: 16px;
            font-family: 'Ratio';
            background: #b80021;
            padding: 5px 7px 5px 7px;
            text-transform: uppercase;
            display: inline-block;
            margin: 0 5px 5px 0;
            font-weight: 700;
            cursor: pointer;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale; }
            @media screen and (max-width: 1100px) {
              .container section.fil_wrapper article div.left .tag {
                font-size: 12px; } }

.container section.fil_wrapper #filtres .button {
    float: right;
    /*margin-left: 10px;*/
    padding: 10px;
    background: #e9e9e9;
    cursor: pointer;
    position: relative;
    font-weight: 100;
}
.container section.fil_wrapper #filtres .button.disable{
    cursor:default !important;
    color:#aaa;
  }


.container section.fil_wrapper #filtres .button.active {
      color:#b80021;
   }

.container section.fil_wrapper article div.left {
  float: left;
  width: 15%;
  margin-right: 2%;
  position: relative; 
}
  @media screen and (max-width: 1000px) {
    .container section.fil_wrapper article div.left {
      margin-right: 0;
      width: 100%;
    } 
  }
          .container section.fil_wrapper article div.left span.date {
            font-family: 'Helvetica', 'Arial', 'Ratio';
            font-size: 16px;
            font-weight: 100;
            display: block;
            text-transform: uppercase;
            width: 100%;
            text-align: center;
            color: #7f8081;
            background: #d4d4d4;
            padding: 5px 0;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale; }
            @media screen and (max-width: 1000px) {
              .container section.fil_wrapper article div.left span.date {
                padding: 5px 7px 5px 7px;
                font-size: 12px;
                text-align: left; } }
            @media screen and (max-width: 450px) {
              .container section.fil_wrapper article div.left span.date {
                padding: 5px 7px 5px 7px;
                font-weight: 100;
                margin-bottom: 0; } }
          .container section.fil_wrapper article div.left h6.time {
            font-family: 'Helvetica', 'Arial', 'Ratio';
            font-size: 25px;
            font-weight: 100;
            text-transform: uppercase;
            width: 100%;
            text-align: center;
            color: #eeeeee;
            background: #343a3f;
            padding: 10px 0;
            margin: 0 0 5px 0;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale; }
            @media screen and (max-width: 1000px) {
              .container section.fil_wrapper article div.left h6.time {
                padding: 5px 7px 5px 7px;
                font-size: 18px; } }
            @media screen and (max-width: 450px) {
              .container section.fil_wrapper article div.left h6.time {
                text-align: left;
                font-size: 26px;
                font-weight: 100; } }

          .container section.fil_wrapper article.prio .time {
                    background: #b80021 !important; }

          .container section.fil_wrapper article div.left div.social {
              position: absolute;
              bottom: 0;
              width: 100%;
              margin-bottom: 15px;
              font-size: 26px; }
              @media screen and (max-width: 1000px) {
                html body .container section.fil_wrapper article div.left div.social {
                  width: 66px;
                  font-size: 20px;
                  bottom: auto;
                  top: -7px;
                  right: 10px; } }
              @media screen and (max-width: 450px) {
                html body .container section.fil_wrapper article div.left div.social {
                  top: -3px; } }
              @media screen and (max-width: 1000px) {
                html body .container section.fil_wrapper article div.left div.social.socialYesterday {
                  top: 15px; } }
              @media screen and (max-width: 450px) {
                html body .container section.fil_wrapper article div.left div.social.socialYesterday {
                  top: 20px; } }
              html body .container section.fil_wrapper article div.left div.social .fa {
                margin-right: 15px;
                color: #343a3f;
                cursor: pointer; }
                @media screen and (max-width: 1000px) {
                  html body .container section.fil_wrapper article div.left div.social .fa {
                    color: #eeeeee; } }
                html body .container section.fil_wrapper article div.left div.social .fa.fa-facebook:hover {
                  color: #3d5a98; }
                html body .container section.fil_wrapper article div.left div.social .fa.fa-twitter:hover {
                  color: #00aced; }
                html body .container section.fil_wrapper article div.left div.social .fa.fa-link:hover {
                  color: #b80021; }
                article  .socialtwitter{
                  color:#55acee;
                }
                article  .socialfacebook{
                  color:#3b5998;
                }
                article  .socialpermalink{
                  color:#5555ff;
                }
                article  .socialpermalink .permalinktext{
                  position:absolute; 
                  right:0;
                  width:300px;
                  top:30px;
                }


        html body .container section.fil_wrapper article div.right {
          float: left;
          width: 83%; }
          @media screen and (max-width: 1000px) {
            html body .container section.fil_wrapper article div.right { 
              width: 100%;
              padding-top: 10px; } }

          html body .container section.fil_wrapper article div.right h2 {
            font-size: 27px;
            line-height: 1.2;
            font-family: 'Ratio';
            font-weight: 500; }
          html body .container section.fil_wrapper article div.right p {
            line-height: 1.5;
            margin-top: 20px;
            font-weight: 100; }
            html body .container section.fil_wrapper article div.right .reponse strong {
              font-family:  rooney_medium }
            html body .container section.fil_wrapper article div.right .reponse a {
              text-decoration: none;
              color: #b80021; }
              html body .container section.fil_wrapper article div.right .reponse a:hover {
                color: #6c0013;
                text-decoration: underline; }

              html body .container section.fil_wrapper article ul{
                list-style-position:outside;
                padding-left:20px;
              }

a{
  text-decoration: none;
  color: #b80021; 
}

a:hover{
  text-decoration: underline;
  color: #930025;
}


h1 { font-size: 26px; margin-bottom: 20px; font-family: "ratio_reg"; }
.chat_form { overflow: auto !important; }
input.field { width:230px; height: 40px; border: 1px solid #9b9d9e; padding-left: 10px; padding-right: 10px; border-radius: 2px; font-family: 'rooney_light'; -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; font-size: 18px; margin-bottom: 10px;}
input.field.email { width:400px;}
h3{
  margin-bottom: 10px;
}

form{
  margin-bottom:40px;
}

textarea {
  font-size: 18px;
  font-family: 'rooney_light';
}

section button[type="button"],
section button[type="submit"]
{
    background: #930025;
    
    padding: 6px 9pt 2px;
    border-radius: 3px;


    border: none;
    height: 30px;
    color: #fff;
    cursor: pointer;
    border-radius: 2px;
    font-family: 'ratio_bold';
    font-size: 16px;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transition: all 0.2s; }
    button:hover {
      background: #45080c;
      transition: all 0.2s; }



     html body .container section.fil_wrapper #filtres {}
      @media screen and (max-width: 800px) {
        html body .container section.fil_wrapper #filtres {
            padding: 0 20px; } }
        html body .container section.fil_wrapper #filtres .button.titre {
            background-color: transparent;
            cursor: default;
        }
       html body .container section.fil_wrapper #filtres .button.titre:hover {
            background-color: transparent;
            cursor: default;
        }
        html body .container section.fil_wrapper #filtres .button {
          float: left;
          margin-right: 10px;
          margin-bottom: 5px;
          padding: 10px;
          background: #e9e9e9;
          cursor: pointer;
          position: relative;
          font-weight: 100; 
          height:40px;
        }
          @media screen and (max-width: 800px) {
            html body .container section.fil_wrapper #filtres .button {
              font-size: 11px;
              margin-left: 0;
              width: 25%;
              text-align: center; } }
          @media screen and (max-width: 450px) {
            html body .container section.fil_wrapper #filtres .button {
              width: 50%;
              margin: 0; } }
          html body .container section.fil_wrapper #filtres .button .dropdown {
            display:none;
            position: absolute;
            left: 0;
            background: #e1e1e1;
            margin-after: O !important;
            margin-before: 0 !important;
            width: 100%;
            -webkit-box-shadow: 0 0 3px 1px #BDBDBD;
            box-shadow: 0 0 3px 1px #BDBDBD;
            z-index: 50; }
             html body .container section.fil_wrapper #filtres .button.open .dropdown{
              display:block; }
            html body .container section.fil_wrapper #filtres .button .dropdown {
              margin-top: 10px;
              min-width: 100%;
              width:auto;
              padding-right:5px;}
            html body .container section.fil_wrapper #filtres .button .dropdown .dropdown-item {
              text-align: left;
              height: 22px;
              padding: 0 0 0 5px; 
              white-space: nowrap; }
              html body .container section.fil_wrapper #filtres .button .dropdown .dropdown-item:hover {
                background: #d4d4d4; }
              html body .container section.fil_wrapper #filtres .button .dropdown .dropdown-item input {
                margin-right: 5px; }
          html body .container section.fil_wrapper #filtres .button:hover {
            background: #e1e1e1; }
          html body .container section.fil_wrapper #filtres .button:hover .fa {
            color: #b80021; }
          html body .container section.fil_wrapper #filtres .button .fa {
            margin-left: 5px; }
   
   #filtres .button.active {
      color:#b80021;
   }
      
ol#articles{
  list-style-position: outside;
  padding-left:0;
  clear:both;
  min-height:100px;

  list-style-type: none;
}

article{
  padding: 0 0 0 0;
}




article .meta
{
  font-size: 14px;
  color: #6f7072;
  margin-top: 10px;
  margin-bottom: 5px;
  font-family: "ratio_reg";
  /*text-align: right;*/
  font-weight: lighter;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/*article .meta::before
{
  content: "lol";
}*/

article .question strong, article .question strong p, article .question p
{
  margin-bottom: 20px;
  color: #000;
  font-size: 24px;
  line-height:20px;
  font-family: "ratio_medium";
  font-weight: 500;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /*margin-left: -33px !important;*/
}

html body #chat_form {
  display:none; width: 100%; padding: 40px 10px 10px 40px; }

  @media screen and (max-width: 1000px) {
    html body #chat_form {
      display: none;
      padding: 20px 20px; }}

article .signature
{
  font-size: 14px;
  color: #6f7072;
  margin-top: 5px;
  font-family: "ratio_reg";
  margin-bottom: 20px;
  /*text-align: right;*/
  font-weight: lighter;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
 /* margin-left: -33px !important;*/
}

article .reponse,
#synthese,
#chat_off_message {
  line-height: 1.5;
  font-size: 16px;
}

article .reponse p
{
  margin-bottom: 15px;
}

article .reponse p.credit
{
  font-size: 14px;
  color: #6f7072;
  margin-bottom: 5px;
  font-family: "ratio_reg";
  text-align: right;
  font-weight: lighter;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

article .reponse div > br

{
  margin: 0 !important;
}

article .reponse div > br
{
  margin:none;
}





article hr
{
  /*border: none;*/
  margin-top:50px;
  width: 50%;
  height:1px !important;
}




.container   color: #b80021;{
  background: #e1e1e1;
}
.container section.fil_wrapper .article:nth-child(odd) {
    background: #e9e9e9;
}
.container section.fil_wrapper .article.reaction {
    background: #e8d7d7; 
}




section.fil_wrapper .article img
{
  max-width:100%;
  height:auto !important;
  margin-bottom: 5px;
}

section.fil_wrapper .article blockquote{
  margin-left:30px;
  padding:5px;
  border: 1px solid #ddd;
  background-color: #eee;
}


section.fil_wrapper .article .videoWrapper,
section.fil_wrapper .article .video-container {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  padding-top: 25px;
  height: 0;
}

section.fil_wrapper .article .videoWrapper iframe ,
section.fil_wrapper .article .video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}


section.fil_wrapper .article  iframe {
  max-width: 100%;
}

section.fil_wrapper .article .backtotop {
  color: #b80021;
  font-size:0.8em;
  float:right;
  cursor:pointer;
  margin-right:10px;
  font-weight: normal;
}


    .mandatoryField.missing::-webkit-input-placeholder {
        color: #f00;
    }
    .mandatoryField.missing:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
       color:    #f00;
       opacity:  1;
    }
    .mandatoryField.missing::-moz-placeholder { /* Mozilla Firefox 19+ */
       color:    #f00;
       opacity:  1;
    }
    .mandatoryField.missing:-ms-input-placeholder { /* Internet Explorer 10-11 */
       color:    #f00;
    }
  
    .edit{
      float:left;
      margin-right:15px;
      cursor:pointer;
      font-size:2em;
      color:#b80021;
      line-height: 0;
    }



#filter-group input[type="text"]{
  width:125px;
}
#filter-group input[type="checkbox"],
#filters_bo input[type="checkbox"],
#filtres input[type="checkbox"]{
  margin:3px;
}


label{
  font-weight: normal;
}

.CodeMirror{
  font-size: 12px;
}


@media only screen and (max-width: 572px){
  article .reponse, article .reponse span{
    font-size: 16.15px;
    line-height: 1.44;
  }
}
@media only screen and (max-width: 495){
  article .reponse, article .reponse span{
    font-size: 17.1px;
  }
}




/* Backoffice */

#admin_refresh_clients{
  float:right;
}

.admin-filter{
  display:inline-block;
  margin:5px;
  padding:5px;
  border: 1px solid #b80021;
  vertical-align: text-top;
}

.edit_filtre{
  cursor: pointer;
  font-size: 1.5em;
  color:#b80021;
  padding:0 3px;
}
.edit_filtre.filtre_add_choix{
  font-size:1em;
}
.edit_filtre.filtre_del_choix{
  font-size:1em;
}
#filter-group  li.fa-arrows-h{
  cursor:pointer;
}
#filter-group  .fa-arrows-h:first-child   {
  display:none;
}

#filter-group  .admin-filter .fa-arrows-v{

  cursor:pointer;
  position:relative;
  top:-15px;
  padding-right:5px;
}


#filter-group  .admin-filter .filtre_choix:first-child  .fa-arrows-v{
  visibility:hidden;
}



#warnNewArticle{
  font-family: Helvetica, Arial, Ratio;
  font-size: 1.3em ;
  display:none;
  height:30px;
  box-shadow:0px 2px 2px #888888; 
  cursor:pointer; 
  color:#b80021; 
  background-color:#fff;
  z-index: 5000;
  width: 100%; 
  overflow:hidden;
  left:0;
  position:fixed; 
  top:0;
}

#warnNewArticle #warnNewArticleTime{
  height: 100%;
  padding-top: 5px;
  display:inline-block;
  color:#fff; 
  background-color:#b80021;
  padding-left:5px;
  padding-right:5px;
  margin-right:5px;
}




/* hide label "prioritaire" */
.container section.fil_wrapper article div.left .tag_-KBDltjW94jQ4-yFQBqv{
  display:none !important;
}



@-webkit-keyframes fontbulger {
  from {
    opacity: 1; }
  to {
    opacity: 0.1; } }
@-moz-keyframes fontbulger {
  from {
    opacity: 1; }
  to {
    opacity: 0.1; } }
@keyframes fontbulger {
  from {
    opacity: 1; }
  to {
    opacity: 0.1; } }

.permalinktext



/* MAPS */

.map{
  background-color: #282d31;
}
#International_borders {
  opacity: 1;
  fill: none;
  stroke: #333;
  stroke-width: 1;
}

#Cantons_default {
  fill: #f2F2F2;
  fill-opacity: 1;
  stroke: #333;
  stroke-width: 1;
}

#Lakes {
  opacity: 0.57;
  fill: #d3ebfa;
  fill-opacity: 1;
  stroke: #fff;
  stroke-width: 1.5;
}

#map svg {
  width:390px;
  height:400px;
  float: left;
  cursor:pointer;
}

#map #Cantons_default path:hover,#map #Cantons_default path:active {
  opacity: .5;
}

  /* map 1 */
.graph_wrapper .map svg {
  width:100%;
  height:auto !important;
  cursor:pointer;
}

.graph_wrapper .map #Cantons_default path:hover,#map #Cantons_default path:active {
  opacity: .5;
}


/* NAV BAR FIX for small mobile */
  @media screen and (max-width: 380px) {
        div.brand-nav div.brand-logo-wrapper { float: none; display: inline-block; width: 100%}
        div.brand-nav div.brand-logo-wrapper  a:nth-child(1){ float: left;}
        div.brand-nav div.brand-logo-wrapper  a:nth-child(2){ float: right; margin-right: 20px}
    /*
        div.brand-nav div.brand-social-wrapper { float: none;  display: inline-block;}
          div.brand-nav div.brand-social-wrapper span.brand-button i.fa-facebook { color:#888 !important; }
          div.brand-nav div.brand-social-wrapper span.brand-button i.fa-twitter { color:#888 !important; }
          div.brand-nav div.brand-social-wrapper span.brand-button i.fa-linkedin { color:#888 !important; }
    */div.brand-nav div.brand-social-wrapper {display:none;}
          
    }