@charset "iso-8859-1";

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

#time {
  font-size: 30px;
  font-family: Bradley Hand;
  color: #ffffff;
  text-shadow:
   -1px -1px 0 #000,
    1px -1px 0 #000,
    -1px 1px 0 #000,
     1px 1px 0 #000;
}

.verticaltext{
 writing-mode: vertical-lr;
 text-orientation: upright;
 font-size:28px;
 position: absolute;
 text-align: center;
}

ul, li {margin: 0; padding: 0;}
#blob { border-right: 1px solid #0059ec; border-left: 1px solid #0059ec; position: absolute; top: 0; z-index : 1;
 background: #D34288;
 background: -moz-linear-gradient(top, black, black);
 background: -webkit-gradient(linear, left top, left bottom, from(#D34288), to(#D34288));
 border-radius: 4px;
 box-shadow: 2px 3px 10px #011331;
}
#total, container{
        height: auto;
        border: 5px solid;
        background-color: #D34288;
}
#menutab { position: relative; background:black; float: left; width: 100%;}
#menutab li { float: left; list-style: none; border-right: 1px solid #4a4a4a; border-left: 1px solid black;}
#menutab li a { color: #e3e3e3; position: relative; z-index: 2; float: left; font-size: 15px; font-family: Bradley Hand, cursive; text-decoration: none; padding: 10px 35px;}
#header {margin: auto; width: 100%; padding: auto; background-color: white;}
#footer {margin: auto; width: 100%; padding: auto;background-color:#D34288;}
#headerlogin {margin: auto; width: 100%; padding: auto;background-color:white}
#menu {margin: auto; width: 100%; padding: auto;background-color:white;}
#main {margin: auto; width: 100%; padding:auto;background-color: white;} 
#main_img {margin: auto; width: 100%; padding:auto;background-color: #1153c0;} 
#main_img_artcreation {margin: auto; width: 100%; padding:auto;background-color: #231F20;} 
#membre {margin: auto; width: 100%; padding:auto;border-color:black;border-style: solid;background-color: #1153c0;} 
#contact {margin: auto; width: 50%; padding:auto; border-color:black;border-style: solid;background-color:black;} 
#apropos{margin: auto; width: 50%; padding:auto; border-color:black;border-style: solid;background-color:black;} 
#main_pekus {margin: auto; width: 100%; padding:auto; border-color:black;border-style: solid; background-color: #D34288;} 
#main_itsoftware {margin: auto; width: 100%; padding:auto; border-color:red;border-style: solid; background-color: #000000;} 
#main_artcreation {margin: auto; width: 100%; padding:auto; border-color:#FF3EB5;border-style: solid; background-color:  #231F20;} 
#client {margin: auto; width: 100%; padding:auto; border-color:black;border-style: solid; background-color: black;} 
#menu_pekus {margin: auto; width: 100%; padding: auto;}
#menu_artcreation {margin: auto; width: 100%; padding: auto;}
#menu_itsoftware {margin: auto; width: 100%; padding: auto;}
#app_pekus {margin: auto; width: 100%; padding: auto;}
#admin {margin-top: 50px; width: 100%; padding: auto;} 
#stock {margin-top: auto; width: 100%; padding: auto; background-color: white;} 
#gestionsuivieclients{margin-top: auto; width: 100%; padding: auto; background-color: black; } 
#gestionclients{margin-top: auto; width: 100%; padding: auto; background-color: #D34288; } 
#gestionidentifiant{margin-top: auto; width: 100%; padding: auto; background-color: white; } 
#vente {margin-top: auto; width: 100%; padding: auto; background-color: white;} 
#caisse {margin-top: auto; width: 100%; padding: auto; background-color: white;} 
#pointage {margin-top: auto; width: 100%; padding: auto; background-color: white; } 
#table_add {margin: auto; width: 100%; padding: auto;} 
#table_add_suivie {margin: auto; width: 100%; padding: auto; } 
#add_article {margin: auto; width: 100%; padding: auto;background-color:#D34288; border-color:black;border-style: solid;}
#update_article_prixvente {margin: auto; width: 100%; padding: auto;background-color:#D34288; border-color:black;border-style: solid;}
#add_client {margin: auto; width: 100%; padding: auto;background-color:#D34288; border-color:black;border-style: solid;}
#scan_article {margin: auto; width: 100%; padding: auto;background-color:#D34288; border-color:black;border-style: solid; }
#table_stock{background-color: white;}
#table_ventes{background-color: white;}
#table_caisse{background-color: white;}
#table_client{background-color: white;}
#table-scroll {overflow:auto;}
#table_suivie{background-color: #1153c0;overflow:scroll;}
.img_itsoftware{ max-width: 100%; max-height: 100%; display: block;}
.img_pekus{ max-width: 100%; max-height: 100%; display: block;}
.img_header{ max-width: 100%; max-height: 100%; display: block;}
.img_footer{ max-width: 25%; max-height: 25%; margin-left: auto; margin-right: auto; display: block;}
.img_main{ max-width: 100%; max-height: 100%; display: block;margin-left: auto; margin-right: auto;}
.img_contact{ max-width: 100%; max-height: 100%; display: block;margin-left: auto; margin-right: auto;}
.img_client{ max-width: 100%; max-height: 100%; display: block;margin-left: auto; margin-right: auto;}
.img_vente{ max-width: 100%; max-height: 100%; display: block;text-align: center;}
.element_table_id { text-align: center; font-family: Bradley Hand, cursive; background-color: #1153c0; }
.element_contact { text-align: center; font-family: Bradley Hand, cursive; color:black; }
.element_apropos { text-align: center; font-family: Bradley Hand, cursive; color:white; }
.element_membre { text-align: center; font-family: Bradley Hand, cursive; color: black; }
.element_main { text-align: center; font-family: Bradley Hand, cursive;}
.element_footer { text-align: center; font-family: Bradley Hand, cursive; color:black; }
.element_main_pekus { text-align: center; font-family: Bradley Hand, cursive;}
.element_main_artcreation { text-align: center; font-family: Bradley Hand, cursive;}
.element_stock { text-align: center; font-family: Bradley Hand, cursive;}
.element_gestionclients { text-align: center; font-family: Bradley Hand, cursive;}
.element_gestionidentifiant { text-align: center; font-family: Bradley Hand, cursive;}
.element_client { text-align: center; font-family: Bradley Hand, cursive;}
.element_admin { text-align: center; font-family: Bradley Hand, cursive;}
.element_vente { text-align: center; font-family: Bradley Hand, cursive;}
.element_caisse { text-align: center; font-family: Bradley Hand, cursive;}
.element_pointage { text-align: center; font-family: Bradley Hand, cursive;}
.element_table_add { text-align: center; font-family: Bradley Hand, cursive; }
.element_headerlogin { text-align: center; font-family: Bradley Hand, cursive; font-size: 80px; }
.img_table_pekus{max-width: 100%; max-height: 100%; display: block;}
.app_pekus { text-align: center; font-family: Bradley Hand, cursive;}
.element_add_article { text-align: center; font-family: Bradley Hand, cursive; color:black; }
.element_update_article_prixvente { text-align: center; font-family: Bradley Hand, cursive; background-color: transparent; color:black;}
.element_scan_article { text-align: center; font-family: Bradley Hand, cursive; color:black; }
.button { 
    border-right: 1px solid black; 
    border-left: 1px solid black;
    background: #D34288;
    background: -moz-linear-gradient(top, #0b2b61, black);
    background: -webkit-gradient(linear, left top, left bottom, from(#D34288), to(#D34288));
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-box-shadow: 2px 3px 10px #011331;
    box-shadow: 2px 3px 10px #011331;
    font-size: 22px; font-family: Bradley Hand, cursive; text-decoration: none; padding: 10px 35px;
    color: black;
   }

body{  background-color: black; background-repeat: no-repeat;background-size: 100% 100%;max-width: 100%; max-height: 100%; display: block; }
.imageColumn {float: left;width: 100%;padding: auto;box-sizing: border-box;}
thead input {width: 100%;}

* {
  box-sizing: border-box;
}

/* Create two unequal columns that floats next to each other */
.column {
  float: left;
  padding: 10px;
}

.left {
  width: 50%;
}

.right {
  width: 50%;
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}
textarea {
  resize: none;
}
.no-js #loader { display: none;  }
.js #loader { display: block; position: absolute; left: 100px; top: 0; }
.se-pre-con {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: url("https://lilyspekus.it-software-fg.com/public/images/loader.gif" ) center no-repeat #D34288;
}
.button2 { 
    border-right: 1px solid black; 
    border-left: 1px solid black;
    background: #FF3EB5;
    background: -moz-linear-gradient(top, #FF3EB5, #FF3EB5);
    background: -webkit-gradient(linear, left top, left bottom, from(#FF3EB5), to(#FF3EB5));
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-box-shadow: 2px 3px 10px #011331;
    box-shadow: 2px 3px 10px #011331;
    font-size: 22px; font-family: Bradley Hand, cursive; text-decoration: none; padding: 10px 35px;
    color: black;
   }


iframe {
    margin:auto;
    display:block;
}

.div-only-mobile {
    display: none;
}
.div-no-mobile {
    display: block;
}
@media only screen and (max-width: 1000px){ 

.div-no-mobile {
    display: none;
}

.div-only-mobile {
    display: block;
}

}