@font-face {
    font-family: "Blenda Script.otf";
    src: url('fonts/Blenda Script.otf');
}

@font-face {
    font-family: "Blenda Script.otf";
    font-style: italic;
    src: url('fonts/Blenda Script.otf');
}

@font-face {
    font-family: "Blenda Script";
    font-weight: bold;
    src: url('fonts/Blenda Script.otf');
}

body {
   background:url(./../img/background.jpg)no-repeat;
   background-size:cover;
   background-attachment:fixed;
   font-family: "Arial,sans-serif",sans-serif;
   margin:0;
   padding: 0;
   font-size: 15px;
}
  
h1.gras{
   font-weight:bold;
   font-size:23px;
   font-family: Blenda Script , sans-serif;
}

h1.gras_gros{
   font-weight:bold;
   font-size:7;
  text-shadow:
  1px 1px 0 #000,
  -1px 1px 0 #000,
  -1px -1px 0 #000,
  1px -1px 0 #000;
}


h1.gras_bleu{
   font-weight:bold;
   font-size:25px;
   color:#165e91;
   font-family: Blenda Script , sans-serif;
}

.gras_mains{
   font-weight:bold;
   font-size:18px;
   color:#165e91;
   font-family: Blenda Script , sans-serif;
}

.gras_b{
   font-weight:bold;
   font-size:15px;
   color:#0d359a;
   font-family: "Montserrat", sans-serif;
}

* {
  margin: 0px;
  padding: 0px;
  box-sizing: border-box;
}

.body-text {
  font-family: "Montserrat", sans-serif;
  align-items: center;
  justify-content: center;
  width: 600px;
  margin:5% auto;
}

.corp-text {
  display: grid;
  font-family: "Montserrat", sans-serif;
  align-items: center;
  justify-content: center;
  border:1px solid #9ab2c7;
  background-color: #f5f5f5;
  width: 600px;
  border-radius:10px;
}

.corp-bleu {
  display: flex;
  align-items: left;
  justify-content: left;
  border:1px solid #9ab2c7;
  background-color: #165e91;
  width: 550px;
  color:white;
  border-radius:10px;
  margin-bottom:30px;
  padding:10px;
  margin-top:10px;
}

.color_script {
  font-size: 15px;
}

.succes{
  display: grid;
  background-color: #fbcf00;
  font-weight:bold;
  width: 100%;
  border-radius:10px;
  color:black;
  padding:6px;
}

.erreur{
  display: grid;
  background-color: #ff536f;
  font-weight:bold;
  width: 100%;
  border-radius:10px;
  color:black;
  padding:6px;
}

.corp-blanc {
  display: grid;
  align-items: center;
  justify-content: center;
  width: 550px;
  margin-bottom:10px;
  padding:2px;
}

.footer-text{
  display: grid;
  font-family: "Montserrat", sans-serif;
  align-items: center;
  justify-content: center;
  border:1px solid #414141;
  background-color: #343434;
  min-height: 70px;
  width: 600px;
  border-radius:10px;
  color:white;
  margin-top:20px;
  padding:6px;
}

nav {
  display: flex;
  justify-content: space-around;
  align-items: center;
  min-height: 6vh;
  background-color: #343434;
  font-family: "Montserrat", sans-serif;
  /*border-bottom:3px solid #6089b0;*/
  width:100%;
}

.heading {
  color: white;
  text-transform: uppercase;
  letter-spacing: 5px;
  font-size: 20px;
}

.nav-links {
  display: flex;
  justify-content: space-around;
}

.nav-links li {
  list-style: none;
}

.nav-links a {
  color: grey;
  text-decoration: none;
  letter-spacing: 3px;
  font-weight: bold;
  font-size: 14px;
  padding: 14px 16px;
}

.type_text {
  background: #a1cae0;
  padding: 5px; 
}

.submit {
  background: #2077c0;
  padding: 5px;
  color:white;
  cursor:pointer; 
}

.submit:hover {
  background: #3270a4;
  padding: 5px;
  color:white;
  cursor:pointer; 
}

.navli {
  color: #2077c0;
  text-decoration: none;
  font-weight: bold;
  font-size: 14px;
}

.navli:hover {
  color: grey;
  text-decoration: none;
  font-weight: bold;
  font-size: 14px;
}

.navli_vert {
  color: #c4c4c4;
  text-decoration: none;
  font-weight: bold;
  font-size: 14px;
}

.navli_vert:hover {
  color: white;
  text-decoration: none;
  font-weight: bold;
  font-size: 14px;
}

.pro_rad {
  border-radius:25px;
}

/*.nav-links a:hover:not(.active) {

  background-color: #4caf50;

}

.nav-links li a.active {

  background-color: #4caf50;

}*/

.top_bann {
  background:url(./../img/bann.png)no-repeat;
  height:150px; 
  width:900px;
}

.top_mess {
  background-color: #ffcc00;
  color: red;
  font-weight:bold;
  padding:2px;
  width:900px;
}


.body-text-gm {
  display: grid;
  font-family: "Montserrat", sans-serif;
  align-items: center;
  justify-content: center;
  width: 900px;
  margin: 20px auto;
}

.corp-text-gm {
  display: grid;
  font-family: "Montserrat", sans-serif;
  align-items: center;
  justify-content: center;
  border:1px solid #9ab2c7;
  background-color: #f5f5f5;
  width: 900px;
  border-radius:10px;
  overflow:hidden;
}

.corp-blanc-gm {
  display: grid;
  align-items: center;
  justify-content: center;
  width: 870px;

}

.footer-text-gm {
  display: grid;
  font-family: "Montserrat", sans-serif;
  align-items: center;
  justify-content: center;
  border:1px solid #414141;
  background-color: #2a2a2a;
  min-height: 70px;
  width: 900px;
  border-radius:10px;
  color:white;
  margin-top:20px;
  padding:6px;
}

.corp-padd {
  padding:10px;
}

.menu {
  width:100%;
  margin-top: 0px;
  background: #343434;
  display:inline-block;
  min-width: 640px;
}

.menu ul {list-style: none;width:100%;}

.menu ul li {display: block;position: relative;float: left;}

.menu .droite {float: right;}

.menu li ul {display: none;min-width: 150px;}

.menu ul li a {display: block;text-decoration: none;color: white;padding: 10px;
    background:#343434;white-space: nowrap;opacity:1;-moz-transition: all .20s ease-in-out;
    -webkit-transition: all .20s ease-in-out;-o-transition: all .20s ease-in-out;
    -ms-transition: all .20s ease-in-out;transition: all .20s ease-in-out;}

.menu ul li a:hover {background: #333333;color:#baff00;}

.menu ul li a.list {background: #333333;color:#baff00;}

.menu ul li a.list:hover {background: #333333;color:yellow;}

.menu ul li a.listing {background: #333333;color:#ff1f39;}

.menu ul li a.listing:hover {background: #333333;color:#ff7800;}

.menu li:hover ul {display: block;position: absolute;}

.menu li:hover li {float: none;}

.menu li:hover a {background: #3c3c3c;color:#fff;}

.menu li .list a {background: rgba(0,0,0,0.7);color:#fff;}

.menu li .list:hover a {background: rgba(0,0,0,0.8);color:#fff;}

.menu ul li a:hover {}

.bogue_stats {
  background-image: linear-gradient(#f7f7f7, #eef0f1, #eaeaea);
  border-right:2px solid #727272;
  color:#165e91;
  font-family: "Montserrat", sans-serif;
  font-size:13px;
  margin-right:15px;
}

.title_line_stats {
  background: #343434;
  border:1px solid #2e6d9e;
  padding:3px;
  color:white;
}

.title_line_stats_green {
  background-image: linear-gradient(#4f4f4f, #424342, #4f4f4f);
  border:0.2px solid #2e6d9e;
  padding:3px;
  color:white;
}

.title_line_stats_brick {
  background-image: linear-gradient(#6faa3c, #679a3b, #548728);
  border:0.2px solid #2e6d9e;
  padding:3px;
  color:white;
}

.two {
  background-image: linear-gradient(#3b7ccc, #3068ad, #5695e4);
}

.line_stats {
  background-image: linear-gradient(#f7f7f7, #eef0f1, #eaeaea);
  border:1px solid #c4c8cb;
  padding:4px;
  color:#565656;
}

.line_stats_b {
  background:url('./../img/left_main.png')no-repeat;
  border:1px solid #c4c8cb;
  padding:4px;
  color:#565656;
}

.line_stats_b:hover {
  border:1px solid #c4c8cb;
  padding:4px;
  color:#fff;
  background:url('./../img/left_main_ho.png')no-repeat;
}

.line_stats_b2 {
  background:url('./../img/left_main_blue.png')no-repeat;
  border:1px solid #c4c8cb;
  padding:4px;
  color:#565656;
}

.line_stats_b2:hover {
  border:1px solid #c4c8cb;
  padding:4px;
  color:#fff;
  background:url('./../img/left_main_blue_ho.png')no-repeat;
}

.title {
  background: #343434;
  padding:5px;
  color:#fff;
  font-family: Blenda Script , sans-serif;
  font-size: 18px;
  border-radius:4px;
  margin-bottom:15px;
  text-shadow:
  1px 1px 0 #000,
  -1px 1px 0 #000,
  -1px -1px 0 #000,
  1px -1px 0 #000;
}

.haut_co{
  background: #343434;
  padding:3px;
  color:#fff;
  font-size: 15px;
  border-radius:10px;
}

.bogue_page {
  background-image: linear-gradient(#f7f7f7, #eef0f1, #eaeaea);
}

.bogue_vert {
  background: #6faa3c;
  box-shadow: 0 1px 3px rgba(0,0,0,.05);border: 1px solid #e5e7eb;
  overflow:hidden;
  border-radius:10px;
  min-height:300px;
  color:white;
}

.bogue_vert_ws {
  background-image: linear-gradient(#0e3401, #5caf3f, #fff);
  box-shadow: 0 1px 3px rgba(0,0,0,.05);border: 1px solid #e5e7eb;
  overflow:hidden;
  border-radius:10px;
  min-height:300px;
  color:white;
}

.corp_info {
  /*background: #343434;*/
  background-image: linear-gradient(#1c4f88, #24466c, #0b3667);
  padding:10px;
  color:#fff;
  font-size: 10px;
  border-radius:4px;
  margin-bottom:15px;
  box-shadow: 0 1px 3px rgba(0,0,0,.05);border: 1px solid #e5e7eb;
}

.corp_info_vert {
  background-image: linear-gradient(#4e803b, #3b6729, #325d22);
  padding:10px;
  color:#fff;
  font-size: 14px;
  border-radius:4px;
  margin-bottom:15px;
  box-shadow: 0 1px 3px rgba(0,0,0,.05);border: 1px solid #e5e7eb;
}

.corp_info_vert_bis {
  background-image: linear-gradient(#4e9334, #35761b, #26670b);
  padding:10px;
  color:#fff;
  font-size: 14px;
  border-radius:4px;
  margin-bottom:15px;
  box-shadow: 0 1px 3px rgba(0,0,0,.05);border: 1px solid #e5e7eb;
}

.corp_info_brown {
  background-image: linear-gradient(#815f24, #8c631b, #775418);
  padding:10px;
  color:#fff;
  font-size: 14px;
  border-radius:4px;
  margin-bottom:15px;
  box-shadow: 0 1px 3px rgba(0,0,0,.05);border: 1px solid #e5e7eb;
}

.bottom {
  border-bottom:2px solid #fff;
  color:#fff;
  font-weight: bold;
}

.stroke {
  color: #fff;
  text-shadow:
  1px 1px 0 #000,
  -1px 1px 0 #000,
  -1px -1px 0 #000,
  1px -1px 0 #000;
}

.cell {
  background: rgba(255, 255, 255, 0.2);
}

.cell2 {
  background: rgba(255, 255, 255, 0.1);
}

#in_dial {
  height:500px;
  overflow: auto;
}

#in_dial_pv {
  height:500px;
  overflow: auto;
}

.phrase_chatbox {
  padding:1px;
}

.img_chat {
   width:20px;
   margin-bottom:-2px;
}

.img_chat_bis {
   width:15px;
   margin-bottom:-2px;
   border-radius:25px;
}

a {
  text-decoration:none
} 

.clear {
  color: red;
  opacity:1;-moz-transition: all .20s ease-in-out;-webkit-transition: all .20s ease-in-out;
  -o-transition: all .20s ease-in-out;-ms-transition: all .20s ease-in-out;transition: all .20s ease-in-out;
}

.clear:hover {
  color: red;
  opacity:1;-moz-transition: all .20s ease-in-out;-webkit-transition: all .20s ease-in-out;
  -o-transition: all .20s ease-in-out;-ms-transition: all .20s ease-in-out;transition: all .20s ease-in-out;
}

.hidden_tchat {
  color: #ff2400;
}

.wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-gap: 10px;
}

.box {
  border:1px solid #c7e9bd;
  width:151px;
  background-image: linear-gradient(#fff, #fff, #fff);
  overflow:hidden;
  color:#000;
  font-size: 12px;
  border-radius:10px;
  box-shadow:0 1px 0px 0 #000;
}

.ombre {
  text-shadow:
  1px 1px 0 #000;
}

.ombre_blanc {
  text-shadow:
  1px 1px 0 #fff;
}


.back_jardiweed {
  background:url('./../img/jardiweed.jpg')no-repeat;
  width:680px;
  height:80px;
  background-size:cover;
}

.back_fume {
  background:url('./../img/fume.png')no-repeat;
  width:680px;
  height:85px;
  background-size:cover;
  margin-bottom:15px;
  border-radius: 10px;
}

.back_mari {
  background:url('./../img/marij.jpg')no-repeat;
  width:680px;
  height:80px;
  background-size:cover;
}

.back_pub {
  background:url('./../img/v_public.jpg')no-repeat;
  width:680px;
  height:80px;
  background-size:cover;
  margin-bottom:15px;
}

.back_weedseedy {
  background:url('./../img/weedseedy.jpg')no-repeat;
  width:680px;
  height:80px;
  background-size:cover;
  margin-bottom:15px;
}

.back_shop_priv {
  background:url('./../img/private_shop.jpg')no-repeat;
  width:680px;
  height:80px;
  background-size:cover;
}

.back_fofo {
  background:url('./../img/forum.jpg')no-repeat;
  width:680px;
  height:80px;
  background-size:cover;
  color:white;
  padding: 10px; 
}

.back_fofo_bis {
  background:url('./../img/forum.jpg')no-repeat;
  width:680px;
  height:40px;
  background-size:cover;
   padding: 10px;
}

.price{
  width:95%;
  background:#ebebeb;
  padding:5px;
  font-size: 12px;
  border-radius:5px; 
}

.tab_shop {
  text-justify: inter-word;
}

.bas_box {
  background:#009218;
  padding:2px;
  color:#fff;
  font-size: 12px;
  margin-top:10px;
}

.padd_5 {
  padding:5px;
}

.padd_3 {
  padding:3px;
}

.padd_2_5 {
  padding:2.5px;
}

.padd_1 {
  padding:1px;
}

.bogue_stats_blue {
  background: #143160;
  color:#fff;
  font-family: "Montserrat", sans-serif;
  font-size:15px;
  margin-right:15px;
  overflow:hidden;
  border-radius:10px;
}

.title_line_stats_blue {
  background-image: linear-gradient(#0062f6, #1155bc, #143160);
  padding:5px;
  color:white;
  margin-bottom:15px;
  font-weight:bold;
}

.line_stats_blue {
  background-image: linear-gradient(#143160, #0e6795, #143160);
  padding:4px;
  color:#565656;
  margin-bottom:2px;
}

.line_stats_blue:hover {
  background-image: linear-gradient(#143160, #007fc1, #143160);
  padding:4px;
  color:#565656;
  margin-bottom:2px;
}

.bogue_blue {
  background: #143160;
  box-shadow: 0 1px 3px rgba(0,0,0,.05);border: 1px solid #e5e7eb;
  overflow:hidden;
  border-radius:10px;
  min-height:300px;
  color:white;
}

.cell_tab_jeu {
  background-image: linear-gradient(#143160, #0e6795, #143160);
  padding:4px;
}

.titre_tab_jeu {
  background-image: linear-gradient(#143160, #e901a5, #143160);
  padding:4px;
  font-weight:bold;
}

progress {
  width:100%;
  text-align:left;
  background-color: #95b7e1;
  border:0;
}

progress.deall {
  width:60%;
  text-align:left;
  background-color: #f5f5f5;
  border:0;
}

@-webkit-keyframes progress {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 100% 100%;
  }
}
@-moz-keyframes progress {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 100% 100%;
  }
}
@keyframes progress {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 100% 100%;
  }
}
progress::-webkit-progress-bar {
  background-color: #95b7e1;
}

progress.reput::-webkit-progress-value {
  background-color: #2991c7;
}

progress.reput::-moz-progress-bar {
  background-color: #2991c7;
}

progress.dea::-webkit-progress-value {
  background-color: #ffb400;
}

progress.dea::-moz-progress-bar {
  background-color: #ffb400;
}

progress.bul::-webkit-progress-value {
  background:url('./../img/40.gif');
}

progress.bul::-moz-progress-bar {
  background:url('./../img/40.gif');
}

progress.contprov::-webkit-progress-value {
  background-color: #fcd500;
}

progress.contprov::-moz-progress-bar {
  background-color: #fcd500;
}

progress.contprob::-webkit-progress-value {
  background-color: #fcd500;
}

progress.contprob::-moz-progress-bar {
  background-color: #fcd500;
}

progress.contpror::-webkit-progress-value {
  background-color: #fcd500;
}

progress.contpror::-moz-progress-bar {
  background-color: #fcd500;
}

.panier_jardiweed {
  background:url('./../img/panier.png')no-repeat;
  width:70px;
  height:45px;
  position: absolute;
  margin-left:580px;
  margin-top:15px;    
}

.bulle {
  background: #ff3600;
  border-radius:15px;
  color:white;
  width:65%;
  position: absolute;
  font-size:13px;
  margin-top:35px;
}

.title_facture {
  background: #609235;
  color:white;
  font-size:20px;
  font-weight:bold;
  padding:5px;
}

.corp_facture {
  background: #649b34;
  color:white;
  font-size:16px;
  padding:40px;
  min-height:200px;
}

.bottom_fact {
  background: #609235;
  border-bottom:2px solid #fff;
  font-size:17px;
  font-weight:bold;
  padding:3px;
}

.fact {
  background: #609235;
  border-top:2px solid #fff;
  font-size:17px;
  font-weight:bold;
  padding:3px;
}

.input_fact {
  background: #263fac;
  border:0;
  font-size:16px;
  font-weight:bold;
  padding:5px;
  color:white;
  cursor:pointer;
}

.input_fact:hover {
  background: #464646;
  border:0;
  font-size:16px;
  font-weight:bold;
  padding:5px;
  color:white;
  cursor:pointer;
}

.conteneur1{
    overflow: hidden;
    max-width: 600px;
    margin: 50px auto;
    height: 130px;
}

.d1{
    width: 5094px;
    height: 130px;
    background-color: #EDEDED;
    background:url('./../img/car1.jpg')repeat-x;
    background-size: contain;
    animation: defilement1 25s linear infinite;
}

@keyframes defilement1{
    0%{transform: translate(0,0);}
    100%{transform: translate(-2880px,0);}
}

.d1:hover{
    animation-play-state: paused;
}

.wrapper_ws {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-gap: 10px;
}

.box_ws {
  border:1px solid #c7e9bd;
  width:155px;
  background:#e8e8e8;
  overflow:hidden;
  color:#000;
  font-size: 12px;
  border-radius:10px;
  box-shadow:0 1px 0px 0 #000;
}

.price_ws{
  width:95%;
  background:#ffffff;
  padding:5px;
  color:#62bd46;
  font-size: 12px;
  border-radius:5px; 
}

.bas_box_ws {
  background:#69646a;
  padding:2px;
  color:#fff;
  font-size: 12px;
  margin-top:10px;
}

img.hov {
  filter: grayscale(100%);
}

.wrapper_logs {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 10px;
}

.box_logs {
  width:650px;
  overflow:hidden;
  color:#000;
  font-size: 13px;
  border-radius:5px;
  padding:4px;
}

.green_logs {
  background:#ededed;
  box-shadow:0 1px 0px 0 #949494;
}

.blue_logs {
  background:#c8dfff;
  box-shadow:0 1px 0px 0 #0059c8;
}

.red_logs {
  background:#ffe1ba;
  box-shadow:0 1px 0px 0 #ff9e21;
}

.back_logs {
  background:url('./../img/histo.png')no-repeat;
  width:680px;
  height:80px;
  background-size:cover;
}

.contenant_pagination_news {margin-top:15px;margin-right:10px;display:inline-block;background: none;padding: 2px;font-size:17px;}

.pagine_news_page_visite {color: #fff;margin-right: 2px;margin-left: 2px;display:inline-block;
  background: #2c2c2c;padding: 2px;font-size:17px;}

.pagine_news_link_page {color: #fff;margin-right: 2px;margin-left: 2px;display:inline-block;
  background: #97c42b;padding: 2px;font-size:17px;}

.pagine_corps_liens {display:inline-block;font-size:17px;}

.other_page_pagine_news {font-size:17px;margin-right: 2px;margin-left: 2px;display:inline-block;
  background: #00b5c5;padding: 2px;}

.back_indoor {
  background:url('./../img/indoor.png')no-repeat;
  width:680px;
  height:80px;
  background-size:cover;
  color:white;
  text-shadow:
  1px 1px 0 #000,
  -1px 1px 0 #000,
  -1px -1px 0 #000,
  1px -1px 0 #000;
  padding: 10px;
  font-weight:bold;
}

.back_gang {
  background:url('./../img/gang.png')no-repeat;
  width:640px;
  height:50px;
  background-size:cover;
}

.back_outdoor {
  background:url('./../img/outdoor.png')no-repeat;
  width:680px;
  height:80px;
  background-size:cover;
  color:white;
  text-shadow:
  1px 1px 0 #000,
  -1px 1px 0 #000,
  -1px -1px 0 #000,
  1px -1px 0 #000;
  padding: 10px;
  font-weight:bold;
}

.back_eco {
  background:url('./../img/ecolo.jpg')no-repeat;
  width:680px;
  height:80px;
  background-size:cover;
  color:white;
  text-shadow:
  1px 1px 0 #000,
  -1px 1px 0 #000,
  -1px -1px 0 #000,
  1px -1px 0 #000;
  padding: 10px;
  font-weight:bold;
  margin-bottom:15px;
}

.back_marche {
  background:url('./../img/marche.png')no-repeat;
  width:680px;
  height:80px;
  background-size:cover;
  color:white;
  text-shadow:
  1px 1px 0 #000,
  -1px 1px 0 #000,
  -1px -1px 0 #000,
  1px -1px 0 #000;
  padding: 10px;
  font-weight:bold;
  margin-bottom:15px;
}

.wrapper_indoor {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-gap: 0px;
}

.box_indoor {
  width:115px;
  background-image: linear-gradient(#383838, #679a3b, #548728);
  overflow:hidden;
  font-size: 14px;
  border-bottom-right-radius:15px;
  border-bottom-left-radius:15px;
  padding:3px;
  box-shadow:0 1px 0px 0 #000;
}

.box_indoor:hover {
  width:115px;
  background-image: linear-gradient(#6faa3c, #679a3b, #548728);
  overflow:hidden;
  font-size: 14px;
  border-bottom-right-radius:15px;
  border-bottom-left-radius:15px;
  padding:3px;
  box-shadow:0 1px 0px 0 #000;
}

.my_hov {
  width:115px;
  background-image: linear-gradient(#6faa3c, #679a3b, #548728);
  overflow:hidden;
  font-size: 14px;
  border-bottom-right-radius:15px;
  border-bottom-left-radius:15px;
  padding:3px;
  box-shadow:0 1px 0px 0 #000;
}

.bogue_vert_indoor {
  background-color: #d6d6d6;
 /* background:url('./../img/f_in.jpg');#a6c970*/
  box-shadow: 0 1px 3px rgba(0,0,0,.05);border: 1px solid #e5e7eb;
  overflow:hidden;
  border-radius:10px;
  min-height:300px;
  color:white;
}

.bogue_marijuana {
  background-color: #f9f9f9;
 /* background:url('./../img/f_in.jpg');#a6c970*/
  
  overflow:hidden;
  border-radius:10px;
  min-height:300px;
  color:#4f4f4f;
}

.bot_mari {
  border-bottom:1px solid #414141;

}

.text_13 {
  font-size:13px;
  text-align: justify;
  color:black;
}

.float_left {
  float:left;
  width:380px;
  padding:5px;
  margin-top: 10px;
}

.float_right {
  float:right;
  width:280px;
  padding:5px;
  margin-top: 10px;
}

.box_graines {
  background: #92b05f;
  border:1px solid #383838;
  width:365px;
  overflow:hidden;
  color:#000;
  font-size: 13px;
  border-radius:5px;
  padding:5px;
}

.box_bas_nemu {
  background: #bababa;
  border:1px solid #383838;
  width:650px;
  margin-left:5px;
  margin-top:4px;
  overflow:hidden;
  color:#000;
  font-size: 12px;
  border-radius:5px;
  padding:5px;
  text-align: justify;
}

.box_matos {
  background: #bababa;
  border:1px solid #383838;
  width:270px;
  overflow:hidden;
  color:#000;
  font-size: 12px;
  border-radius:5px;
  padding:5px;
  text-align: justify;
}

.box_matos_vert {
  background: #92b05f;
  border:1px solid #383838;
  width:270px;
  overflow:hidden;
  color:#000;
  font-size: 12px;
  border-radius:5px;
  padding:5px;
  text-align: justify;
}

.box_planter {
  margin-top:10px;
  background: #76983b;
  overflow:hidden;
  color:#000;
  font-size: 13px;
  border-radius:5px;
  padding:10px;
}

.top_tab_indoor {
  margin-top:12px;
}

.tab_indoor {
  background-image: linear-gradient(#f4f4f4, #e9e9e9, #f4f4f4);
  padding:3px;
}

.tr_tab_indoor {
  background: #5f5f5f;
  overflow:hidden;
  color:#fff;
  font-size: 10px;
  border-radius:5px;
  padding:2px;
}

/* base */
input + label + article.cacher {
  display: none;
}
#close + label {cursor: pointer;display:inline-block;padding:0.25em;width:auto;margin:10px;background:#3d3d3d;color:white;}
#close:hover + label {cursor: pointer;display:inline-block;padding:0.25em;width:auto;margin:10px;background:#505050;color:white;}
#close:checked + label {
  display: none;
}
input:checked + label + article.cacher {
  display: block;
}

/* ============================== */
/* utile que pour la demo, pas bô */
/* ============================== */
input:checked + label + article.cacher,
div.div_cacher > label {
  display: table-cell;
  padding: 0.5em;
  vertical-align: top;
  border: solid 1px;
  cursor: pointer;
  background: #315116;
  border-radius:10px;
}
label {


}
input:checked + label {
  background: #315116;
  display:none;
}
[type="checkbox"].rad,
[type="radio"].rad {
  display: none;
}
div.div_cacher {
  display: table;
  width: 100%;
  border-spacing: 0px;
}

p[class] {
  text-align: center;
}

.div_cacher {
  margin-bottom: 15px;
}

.wrapper_plant {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-gap: 10px;
}

.box_plant {
 /* border:1px solid #000;*/
  width:115px;
  background:#fff;
  overflow:hidden;
  color:#000;
  font-size: 12px;
  border-radius:10px;
  box-shadow:0 1px 0px 0 #000;
}

.haut_box_plant {
  background-image: linear-gradient(#6faa3c, #679a3b, #548728);
  padding:2px;
  color:#fff;
  font-size: 12px;
}

.tr_mari {
  background-image: linear-gradient(#58526b, #635b7a, #4c416b);
  padding:2px;
  color:#fff;
  font-size: 12px;
}

.td_mari {
  background:#f0eef5;
  padding:2px;
  color:#5a5a5a;
  font-size: 12px;
}

.td_mari2 {
  background:#e3e1e9;
  padding:2px;
  color:#5a5a5a;
  font-size: 12px;
}

.haut_box_red {
  background-image: linear-gradient(#ff6363, #fe3f3f, #ff2121);
  padding:2px;
  color:#fff;
  font-size: 12px;
}

.bas_box_planter {
  background-image: linear-gradient(#6faa3c, #679a3b, #548728);
  padding:2px;
  color:#fff;
  font-size: 12px;
}

.bas_box_planter_color {
  background:#818181;
  padding:2px;
  color:#fff;
  font-size: 12px;
}

.title_plant {
  background:#4c4c4c;
  padding:4px;
  color:#fff;
  margin-bottom:17px;
  margin-top:5px;
  border-radius:7px;
  Width:98.5%;
  margin-left:5px;
}

.process {
  Width:60%;
}

.percent_pousse {
  margin-top:-16px;
}

progress.deazz::-webkit-progress-value {
  background-color: #74be00;
}

progress.deazz::-moz-progress-bar {
  background-color: #74be00;
}

progress.deall::-webkit-progress-value {
  background-color: #93df00;
}

progress.deall::-moz-progress-bar {
  background-color: #93df00;
}

.sem {
  background-color: #387100;
  color:#fff;
  cursor:pointer;
  padding:3px;
}

.ach {
  background-color: #0092d6;
  color:#fff;
  cursor:pointer;
  padding:2px;
}

.sem_bis {
  background-color: #2a9700;
  color:#fff;
  cursor:pointer;
  padding:1px;
}

.sem_bis:hover {
  background-color: #474747;
  color:#fff;
  cursor:pointer;
  padding:1px;
}

.semup {
  background-color: #ff2121;
  color:#fff;
  cursor:pointer;
  padding:3px;
}

.semto {
  background-color: #0058bb;
  color:#fff;
  cursor:pointer;
  padding:3px;
}

.semup:hover {
  background-color: #474747;
  color:#fff;
  cursor:pointer;
  padding:3px;
}

.sem:hover {
  background-color: #474747;
  color:#fff;
  cursor:pointer;
  padding:3px;
}

.recadre {
  margin-left:6px;
}

.select_plant {
  margin-bottom:5px;
  Width:98.5%;
  margin-left:5px;
}

.supp_sem {
  background-color: #fb3b00;
  color:#fff;
  cursor:pointer;
  padding:3px;
}

.supp_sem:hover {
  background-color: #474747;
  color:#fff;
  cursor:pointer;
  padding:3px;
}

.box_pots {
  background: #c0c0c0;
  border-bottom:1px solid #383838;
  margin-bottom:10px;
  color:#000;
  font-size: 14px;
  padding:3px;
}

.sem_b {
  background-color: #946602;
  color:#fff;
  cursor:pointer;
  padding:3px;
}

.sem_b:hover {
  background-color: #474747;
  color:#fff;
  cursor:pointer;
  padding:3px;
}

.chat_lui {
  background-color: #cbcbcb;
  color:#000;
  padding:3px;
  max-width:70%;
  margin-top:5px;
  margin-bottom:5px;
  border-radius:15px;
  float:left;
  padding-right:7px;
  padding-left:7px;
}

.chat_lui2 {
  background-color: #4c4c4c;
  color:#fff;
  padding:3px;
  max-width:70%;
  margin-top:5px;
  margin-bottom:5px;
  border-radius:15px;
  float:left;
  padding-right:7px;
  padding-left:7px;
}

.chat_lui_bord {
  background-color: #cbcbcb;
  color:#000;
  padding:3px;
  max-width:70%;
  margin-top:5px;
  margin-bottom:5px;
  border-radius:15px;
  float:left;
  padding-right:7px;
  padding-left:7px;
  border:3px red dashed;
}

.chat_lui2_bord {
  background-color: #4c4c4c;
  color:#fff;
  padding:3px;
  max-width:70%;
  margin-top:5px;
  margin-bottom:5px;
  border-radius:15px;
  float:left;
  padding-right:7px;
  padding-left:7px;
   border:3px yellow dashed;
}

.link_moi {
  color:#fff;
}

.link_lui {
  color:#000;
}

.link_lui2 {
  color:#fff;
}

.jour {
  background-color: #e6e6e6;
}

.nuit {
  background-color: #383737;
}

.padd_mess {
  padding:7px;
} 

.type_text_tchat {
  background: #cecece;
  padding: 7px; 
  border-radius:15px;
}

.submit_tchat {
  background: #2077c0;
  padding: 7px;
  color:white;
  cursor:pointer; 
  border-radius:15px;
}

.submit_tchat:hover {
  background: #3270a4;
  padding: 7px;
  color:white;
  cursor:pointer; 
  border-radius:15px;
}

.haut_co_chat{
  font-size: 15px;
  border-radius:10px;
}

.options_chat {
  padding:3px;
  color:#fff;
  background-color: #4c4c4c;
  margin-top:10px;
  margin-bottom:10px;
}

.submit_tchat_petit {
  background: #2077c0;
  padding: 2px;
  color:white;
  cursor:pointer; 
}

.submit_tchat_petit:hover {
  background: #3270a4;
  padding: 2px;
  color:white;
  cursor:pointer; 
}


.box_photo {
  width: 150px;
  height: 105px;
  margin: 10px;
  background-color: #383737;
  border-radius: 5px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  -webkit-transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  overflow: hidden;
}

.upload-options {
  position: relative;
  height: 30px;
  margin-left:25px;
  width: 150px;
  cursor: pointer;
  overflow: hidden;
  text-align: center;
  -webkit-transition: background-color ease-in-out 150ms;
  transition: background-color ease-in-out 150ms;
}

.upload-options:hover {
 
}

.upload-options input {
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1;
}

.upload-options label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 100%;
  font-weight: 400;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: pointer;
  overflow: hidden;background-color: #383737;
}

.upload-options label::after {
  content: 'parcourir';
  font-family: 'Material Icons';
  position: absolute;
  font-size: 1.5rem;
  color: #fff;
  width: 100px;
  background-color: #383737;
  z-index: 0;
}

.upload-options label span {
  display: inline-block;
  width: 50%;
  height: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  vertical-align: middle;
  text-align: center;
}

.upload-options label span:hover i.material-icons {
  color: lightgray;
}

.js--image-preview {
  height: 75px;
  width: 150px;
  position: relative;
  overflow: hidden;
  background-image: url("./../img/photo.png");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

.js--image-preview::after {
  content: "";
  font-family: 'Material Icons';
  position: relative;
  font-size: 2.5em;
  color: #e6e6e6;
  top: calc(50% - 3.5rem);
  left: calc(50% - 50%);
  z-index: 0;
}
.js--image-preview.js--no-default::after {
  display: none;
}

i.material-icons {
  -webkit-transition: color 100ms ease-in-out;
  transition: color 100ms ease-in-out;
  font-size: 2.25em;
  line-height: 55px;
  color: white;
  display: block;
}

.drop {
  display: block;
  position: absolute;
  border-radius: 100%;
  -webkit-transform: scale(0);
          transform: scale(0);
}

.animate {
  -webkit-animation: ripple 0.4s linear;
          animation: ripple 0.4s linear;
}

@-webkit-keyframes ripple {
  100% {
    opacity: 0;
    -webkit-transform: scale(2.5);
            transform: scale(2.5);
  }
}

@keyframes ripple {
  100% {
    opacity: 0;
    -webkit-transform: scale(2.5);
            transform: scale(2.5);
  }
}

.back_weedimmo {
  background:url('./../img/weedimmo.jpg')no-repeat;
  width:680px;
  height:80px;
  background-size:cover;
}

.bogue_habit {
  background: #4e8dbe;
  box-shadow: 0 1px 3px rgba(0,0,0,.05);border: 1px solid #e5e7eb;
  overflow:hidden;
  border-radius:10px;
  min-height:300px;
  color:white;
}

.back_traffic {
  background:url('./../img/publi.png')no-repeat;
  width:680px;
  height:80px;
  background-size:cover;
  color:white;
  text-shadow:
  1px 1px 0 #000,
  -1px 1px 0 #000,
  -1px -1px 0 #000,
  1px -1px 0 #000;
  padding: 10px;
  font-weight:bold;
}

.back_v_pub {
  background:url('./../img/v_public.jpg')no-repeat;
  width:680px;
  height:80px;
  background-size:cover;
}

.bogue_traffic {
  background: #fafafa;
  box-shadow: 0 1px 3px rgba(0,0,0,.05);border: 1px solid #e5e7eb;
  overflow:hidden;
  border-radius:10px;
  min-height:300px;
  color:white;
}

.bas_box_immo {
  background:#2c7ab6;
  padding:2px;
  color:#fff;
  font-size: 12px;
  margin-top:-3px;
}

.bas_box_immo_out {
  background:#3ea23e;
  padding:2px;
  color:#fff;
  font-size: 12px;
  margin-top:-3px;
}

.box_immo {
  border:1px solid #dee0e1;
  width:155px;
  background:#e8e8e8;
  overflow:hidden;
  color:#000;
  font-size: 12px;
  border-radius:10px;
  box-shadow:0 1px 0px 0 #000;
}

.box_engrais {
  /*border:1px solid #000;*/
  width:202px;
  background:#dcdcdc;
  overflow:hidden;
  color:#000;
  font-size: 12px;
  border-radius:10px;
  box-shadow:0 1px 0px 0 #000;
}

.haut_box_engrais {
  background-image: linear-gradient(#6faa3c, #679a3b, #548728);
  padding:2px;
  color:#fff;
  font-size: 12px;
}

.bas_box_engrais {
  background-image: linear-gradient(#6faa3c, #679a3b, #548728);
  padding:2px;
  color:#fff;
  font-size: 12px;
}

.wrapper_engrais {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 10px;
}

.cont_right {
  width:50%;
  float:right;
}

.cont_left {
  width:45%;
  float:left;
  margin-left:10px;
}

.hauteur {
  height:25px;
}

.percentage {
  position:absolute;
  width:85px;
}

.percentage_big {
  position:absolute;
  width:155px;
  font-weight:bold;
  color:#ffde00;
  margin-top:40px;
  text-shadow: 0 0 0.2em #000, 0 0 0.2em #000,
        0 0 0.2em #000;
}

.sub_engrais {
  background-image: linear-gradient(#6faa3c, #679a3b, #548728);
  padding: 0px;
  color:white;
  cursor:pointer; 
  width:100%;
}

.sub_engrais:hover {
  background-image: linear-gradient(#6faa3c, #679a3b, #548728);
  padding: 0px;
  color:white;
  text-shadow: 1px 1px 2px #515151, 0 0 1em #1bc200, 0 0 0.2em #1bc200;
  cursor:pointer; 
  width:100%;
}

.greww{
background:#c2c2c2;}

.abso_box_plant {
  position:absolute;
  margin-left:10px;
  margin-top:7px;
}

.abso_box_litre {
  position:absolute;
  margin-left:37px;
  margin-top:95px;
  color:white;
}

.abso_box_litre_flo {
  position:absolute;
  margin-left:37px;
  margin-top:93px;
  color:white;
}

.abso_box_gr {
  position:absolute;
  margin-top:5px;
  margin-left:23px;
}

.abso_box_qualite {
  position:absolute;
  margin-top:136px;
  overflow:hidden;
}

.abso_box_males {
  position:absolute;
  margin-left:55px;
  margin-top:8px;
  width:80px;
}

@import url('https://fonts.googleapis.com/css?family=Roboto');

.container_main{
 /* padding: 50px;*/
}

.card_main{
  width: 180px;
  height: 420px;
  background-color: #1E2B32;
  border-radius: 10px 10px;
}

.header_main{
  border-radius: 10px 10px 0px 0px;
  padding: 5px;
  background-color: #2A3942;
}

h3{
  color: #FFFFFF;
  font-family: 'Roboto', sans-serif;
  margin-left: 1rem;
}

.iconM{
  font-size: 18px;
  margin-left: 170px;
  color: #2f89fc;
}

.icon{
  margin-right: 8px;
}

.body_main li{
  transition: 1s all;
  font-family: 'Roboto', sans-serif;
  font-size: 16px;
  padding: 10px;
 /* margin-left: -40px;*/
  margin-top: 0px;
  color: #fff;
  list-style: none;
  display: block;
  border-top-right-radius: 10px 10px;
  border-bottom-right-radius: 10px 10px;
  border-bottom:1px solid #1E2B32;
}

.body_main li:hover{
  transition: 0.3s all;
  color: #2eb600;
  background-color: rgba(42, 56, 65, 0.82);
  border-top-right-radius: 10px 10px;
  border-bottom-right-radius: 10px 10px;
  cursor: pointer;
  border-bottom:1px solid #2eb600;
}

.body_main > li{
  float: left;
}

.body_main li ul{
  background: #1E2B32;
 /* margin-left: 280px;
  margin-top: -38px;*/
  display: none;
  position: absolute;
  border-top-right-radius: 15px 15px;
  border-bottom-right-radius: 15px 15px;
}

.body_main li:hover > ul{
  display: block;
  cursor: pointer;
}

.container-img{
     display:block;
     position:relative;
     overflow:hidden;
     height:70px;
}

.container-img img{
     width:100%;
     height:100%;
}

.container-img .infos-hover{
     display:block;
     position:absolute;
     left:0;
     bottom:0;
     width:100%;
     height:0;
     color:#fff;
     text-align:center;
     background:rgba(0,0,0,0.8);
     -webkit-transition: all 0.5s;
     -moz-transition: all 0.5s;
     -ms-transition: all 0.5s;
     -o-transition: all 0.5s;
     transition: all 0.5s;
}

.container-img .infos-hover i{
     margin-top:17px;
     font-size:15px;
}

.container-img .infos-hover p{
     text-align:center;
}

.container-img:hover .infos-hover{
     height:100%;
}
                                
.photo-sepia {
filter: sepia(1);
-webkit-filter: sepia(1);
}

.image-clignotente  {
   animation-duration: 10s;
   animation-name: clignoter;
   animation-iteration-count: infinite;
   transition: none;
}

.image-clignote  {
   animation-duration: .8s;
   animation-name: clignoter;
   animation-iteration-count: infinite;
   transition: none;
}

@keyframes clignoter {
  0%   { opacity:1; }
  40%   {opacity:0; }
  100% { opacity:1; }
}

.separator {
  border-top: 3px solid #b1b1b1;
  margin-bottom:7px;
  margin-top:5px;
  width: 99%;
}

.containere-imggo{
     display:block;
     position:relative;
     overflow:hidden;
     height:70px;
     width:250px;border:1px solid #dee0e1;
}

.containere-imggo img{
     width:250px;
     height:100%;
}

.containere-imggo .infose-hover{
     display:block;
     position:absolute;
     left:0;
     bottom:0;
     width:250px;
     height:0;
     color:#fff;
     text-align:center;
     background:rgba(0,0,0,0.8);
     -webkit-transition: all 0.5s;
     -moz-transition: all 0.5s;
     -ms-transition: all 0.5s;
     -o-transition: all 0.5s;
     transition: all 0.5s;
}

.containere-imggo .infose-hover i{
     margin-top:17px;
     font-size:15px;
     width:250px;
}

.containere-imggo .infose-hover p{
     text-align:center;
     width:250px;
}

.containere-imggo:hover .infose-hover{
     height:100%;
     width:250px;
}

.txt_traffic {
  color:#6b6b6b;
}

.plus_gros {
  font-size:16px;
  font-weight:bold;
}

.sal_blue {
  color:#55769e;
}

.rempli_grosso{
     cursor:pointer;
     margin-top:12px;
     margin-right:15px;
     width:130px;
     padding: 3px;
     background-color: #e25a00;
     color:#fff;
}

.rempli_grosso:hover{
     cursor:pointer;
     margin-top:12px;
     margin-right:15px;
     width:130px;
     padding: 3px;
     background-color: #d97837;
     color:#fff;
}

.wrapper_vp {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 18px;
}

.box_vp {
  border:1px solid #acacac;
  width:320px;
  background:#fff;
  overflow:hidden;
  color:#000;
  font-size: 12px;
  box-shadow:3 3px 3px 3 #000;
}

.img_vp {
  width:125px;
  height:70px;
}

.title_vp {
  background: repeating-linear-gradient(
    -45deg,
    #2a6495,
    #2a6495 5px,
    #1b67a7 5px,
    #1b67a7 10px
  );
  padding:3px;
  color:#fff;
  font-weight:bold;
  border-bottom:2px solid #d7edff;
}

.title_vp_ev {
  background: repeating-linear-gradient(
    -45deg,
    #ff4200,
    #ff4200 5px,
    #ff0072 5px,
    #ff0072 10px
  );
  padding:3px;
  color:#fff;
  font-weight:bold;
  border-bottom:2px solid #d7edff;
}

.corp_vp {
   background: linear-gradient(to top, #f8ffd7, #d7edff);
}

.corp_vp_ev {
   background: linear-gradient(to top, #f8ffd7, #ffc0dc);
}

.menuco {
  width:60%;
  margin-top: 0px;
  display:inline-block;
  min-width: 850px;
  float: right;
}

.menuco ul {float: right;list-style: none;width:60%;}

.menuco ul li {float: right;display: block;position: relative;float: left;}

.menuco li ul {display: none;min-width: 150px;}

.menuco ul li a {display: block;text-decoration: none;color: white;padding-left: 5px;padding-right: 5px;margin-top:10px;
    white-space: nowrap;opacity:1;-moz-transition: all .20s ease-in-out;
    -webkit-transition: all .20s ease-in-out;-o-transition: all .20s ease-in-out;
    -ms-transition: all .20s ease-in-out;transition: all .20s ease-in-out;}

.menuco ul li a:hover {color:#baff00;}

.menuco ul li a.list {color:#baff00;}

.menuco ul li a.list:hover {color:yellow;}

.menuco ul li a.listing {color:#ff1f39;}

.menuco ul li a.listing:hover {color:#ff7800;}

.menuco li:hover ul {display: block;position: absolute;}

.menuco li:hover li {float: none;}

.menuco li:hover a {color:#fff;}

.menuco li .list a {color:#fff;}

.menuco li .list:hover a {color:#fff;}

.menuco ul li a:hover {}