@charset "iso-8859-1";

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

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: #0b2b61;
 background: -moz-linear-gradient(top, #0b2b61, #1153c0);
 background: -webkit-gradient(linear, left top, left bottom, from(#0b2b61), to(#1153c0));
 border-radius: 4px;
 box-shadow: 2px 3px 10px #011331;
}
#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: auto; font-family: helvetica, arial, sans-serif; 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:black;}
#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: 75%; padding:auto; border-color:black;border-style: solid;background-color:black;} 
#apropos{margin: auto; width: 75%; 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: #042453;} 
#main_itsoftware {margin: auto; width: 100%; padding:auto; border-color:white;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: 75%; 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; margin-bottom: 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: black; } 
#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;} 
#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:#1153c0; border-color:black;border-style: solid;}
#update_article_prixvente {margin: auto; width: 100%; padding: auto;background-color:#1153c0; border-color:black;border-style: solid;}
#add_client {margin: auto; width: 100%; padding: auto;background-color:#1153c0; border-color:black;border-style: solid;}
#suivie_client{margin: auto; width: 100%; padding: auto;background-color:1153c0; border-color:black;border-style: solid;}
#scan_article {margin: auto; width: 100%; padding: auto;background-color:#1153c0; 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{ width: 100%; 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: 300px;
    max-height: 300px; 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: helvetica, sans-serif; background-color: #1153c0; }
.element_contact { text-align: center; font-family: helvetica, sans-serif; color:black; }
.element_apropos { text-align: center; font-family: helvetica, sans-serif; color:white; }
.element_membre { text-align: center; font-family: helvetica, sans-serif; color: black; }
.element_main { text-align: center; font-family: helvetica, sans-serif;}
.element_footer { text-align: center; font-family: helvetica, sans-serif; color:white}
.element_main_pekus { text-align: center; font-family: helvetica, sans-serif;}
.element_main_artcreation { text-align: center; font-family: helvetica, sans-serif;}
.element_stock { text-align: center; font-family: helvetica, sans-serif;}
.element_gestionsuivieclients { text-align: center; font-family: helvetica, sans-serif; color:#FF3EB5;}
.element_gestionclients { text-align: center; font-family: helvetica, sans-serif;}
.element_gestionidentifiant { text-align: center; font-family: helvetica, sans-serif;}
.element_client { text-align: center; font-family: helvetica, sans-serif;}
.element_admin { text-align: center; font-family: helvetica, sans-serif;}
.element_vente { text-align: center; font-family: helvetica, sans-serif;}
.element_caisse { text-align: center; font-family: helvetica, sans-serif;}
.element_table_add { text-align: center; font-family: helvetica, sans-serif; }
.element_suivie_client { text-align: center; font-family: helvetica, sans-serif; }
.img_table_pekus{max-width: 100%; max-height: 100%; display: block;}
.app_pekus { text-align: center; font-family: helvetica, sans-serif;}
.element_add_article { text-align: center; font-family: helvetica, sans-serif; background-color: transparent;}
.element_update_article_prixvente { text-align: center; font-family: helvetica, sans-serif; background-color: transparent;}
.element_scan_article { text-align: center; font-family: helvetica, sans-serif; background-color: transparent;}
.button { 
    border-right: 1px solid #0059ec; 
    border-left: 1px solid #0059ec;
    background: #0b2b61;
    background: -moz-linear-gradient(top, #0b2b61, #1153c0);
    background: -webkit-gradient(linear, left top, left bottom, from(#0b2b61), to(#1153c0));
    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: helvetica, sans-serif; text-decoration: none; padding: 10px 35px;
    color: #e3e3e3;
   }

body{background-color: #1153c0;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://it-software-fg.com/public/images/loading.gif" ) center no-repeat #1153c0;
}
.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: helvetica, arial, sans-serif; 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;
}

}