#footer {margin: auto; width: 100%; padding: auto;background-color:black;}
#headerlogin {margin: auto; width: 100%; padding: auto;background-color:black;}
#menu_chezchafranky {margin: auto; width: 100%; padding: auto;}
#app_pekus {margin: auto; width: 100%; padding: auto;}
#admin {margin-top: 50px; width: 100%; padding: auto;} 
#table-scroll {overflow:auto;}
.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_chezchafranky{ max-width: 100%; max-height: 100%; display: block;text-align: center;}
.element_table_id { text-align: center; font-family: verdana; background-color: red; }
.element_membre { text-align: center; font-family: verdana; color: black; }
.element_main { text-align: center; font-family: verdana;}
.element_footer { text-align: center; font-family: verdana; color:yellow;}
.element_headerlogin { text-align: center; font-family: verdana; color:black; }
.element_gestionidentifiant { text-align: center; font-family: verdana;}
.element_admin { text-align: center; font-family: verdana;}
.button { 
    border-right: 1px solid black; 
    border-left: 1px solid black;
    background: red;
    background: -moz-linear-gradient(top, red, black);
    background: -webkit-gradient(linear, left top, left bottom, from(black), to(red));
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-box-shadow: 2px 3px 10px black;
    box-shadow: 2px 3px 10px black;
    font-size: 80px; font-family: verdana; text-decoration: none; 
    color: yellow;
  height: 25%;
  width: 100%;
   }

body{background-color: red;background-repeat: no-repeat;background-size: 100% 100%;max-width: 100%; max-height: 100%; display: block; color:yellow; }
.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://chezchafranky.it-software-fg.com/public/images/loader.gif" ) center no-repeat red;
}


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;
}

}