img.prev_page {
	position:absolute;
	float:left;
	left:20px;
	padding-left:15px;
	cursor:pointer;
	width:128px;
	height:128px;
}
img.next_page {
	position:absolute;
	float:right;
	right:20px;
	padding-right:15px;
	cursor:pointer;
	width:128px;
	height:128px;
}
#comic_options{
	padding-top:2em;
	margin-left:auto;
	margin-right:auto;
	width:280px;
	height:150px;
	white-space:normal;
}
#comicbookpage{
	text-align:center;
}

div#loading{
	text-align:center;
	position:absolute;
	top:40px;
	width:100%;
	display:none;
	background-color:transparent;
}

.text{
    font:1px Roboto Condensed;
    font-weight: bold;
    text-decoration: none;
}
h1 {
   font-family: 'Roboto Condensed', sans-serif;
   font-weight: 80;
   font-size: 2.5em;
}

h2 {font-family: 'Roboto Condensed', sans-serif;
   font-weight: 60;
   font-size: 1.5em;
}

a,
a.linkbd{
	font-family: 'Roboto Condensed', sans-serif;
    font-weight: bold;
    text-decoration: none;
	color:#2B3245;
}

a{
    font-size:1.25em;
}

a.linkbd{
    font-size:0.95em;
}

a:hover{
	color:#2B3245;
	text-decoration:none;
}

table.massedit{
font-family: "Segoe UI", Arial, sans-serif;
border:1px solid gray;
border-collapse:separate;
margin:0;
margin-bottom: 15px;
margin-top: 15px;
vertical-align:top;
}

input,select{
color: black;
}

thead td, thead th{
font-family: "Segoe UI", Arial, sans-serif;
background: #34567c;
vertical-align: middle;
text-align: center;
font:1.15em Roboto Condensed;
color:white;
border-bottom:1px solid gray;
}

.deleteauthor{
cursor:pointer;
}

td{
	color: #ffffff;
	padding:6px;
	vertical-align: middle;
}

.cell_file{
	text-align:left;
	max-width:90vw;
	min-width:60vw;
	overflow:auto;
	word-wrap: break-word;
}

.tr_file{
font-family: "Segoe UI", Arial, sans-serif;
background: #8FcFeF;
vertical-align: top;
border-bottom:1px solid;
}

.tr_global{
font-family: "Segoe UI", Arial, sans-serif;
background: #999;
vertical-align: top;
border-bottom:1px solid;
}

.tr_global2{
font-family: "Segoe UI", Arial, sans-serif;
background: #999;
vertical-align: top;
border-bottom:1px solid;
}


body{
/*background-image: -webkit-gradient(
	linear,
	top,
	bottom,
	color-stop(0.19, #489BDB),
	color-stop(0.74, #A4D5EB)
);
background-image: -o-linear-gradient(bottom, #489BDB 19%, #A4D5EB 74%);
background-image: -moz-linear-gradient(bottom, #489BDB 19%, #A4D5EB 74%);
background-image: -webkit-linear-gradient(bottom, #489BDB 19%, #A4D5EB 74%);
background-image: -ms-linear-gradient(bottom, #489BDB 19%, #A4D5EB 74%);
background-image: linear-gradient(to bottom, #489BDB 19%, #A4D5EB 74%);*/
background-repeat: no-repeat;
background-color: #7a7a7a;
	                display: -webkit-flex; /* Safari */
	                display: flex;
	 -webkit-flex-direction: column; /* Safari */
	         flex-direction: column;
	-webkit-justify-content: flex-start; /* Safari */
			justify-content: flex-start;
	    -webkit-align-items: center;  /* Safari */
	            align-items: center;
				margin:5px;
				font-size:1.5em;
}

.flex_class{
	                  width: 100%;
	                display: -webkit-flex; /* Safari */
	                display: flex;
	      -webkit-flex-flow: row wrap;/* Safari */
	              flex-flow: row wrap;
	-webkit-justify-content: center;/* Safari */
	        justify-content: center;
	    -webkit-align-items: baseline;/* Safari */
	            align-items: baseline;
	            padding-top: 50px;
}


.flex_column{
	display: -webkit-flex; /* Safari */
	display: flex;
	-webkit-flex-flow:column wrap;/* Safari */
	flex-flow: column wrap;
	-webkit-justify-content:flex-start;/* Safari */
	justify-content: flex-start;
	-webkit-align-items: center;/* Safari */
	align-items: center;
	padding-top:50px;
	border-radius:10px;
	font:20px Roboto Condensed;
}

[class^="menu"] {
	background: #494949;
	position:fixed;
	text-align: center;
	vertical-align:middle;
	box-shadow: 0px 0px 5px #888888;
	list-style-type : none; /* Car sinon les puces se placent n'importe où */
	background-color:#494949;
	padding-left: 0px;
	display : inline;
	height:74px;
}

.menu-user{
	top:10px;
	right:10px;
	padding-left: 0px;
}

.menu-action{
	top:5px;
	position: relative;
	padding:2px;
}

.menu-nav{
	top:10px;
	left:10px;
}

.submenu-right { 
float: right ;
vertical-align:middle;
line-height:74px;
}

.submenu-left { 
float: left ;
vertical-align:middle;
line-height:74px;
}

form#scan fieldset {
  border: none;
}

form#scan2 fieldset {
  border: none;
}

button:hover {
  cursor: pointer;
}

form#scan2 button {
  background: #DD00DD;
  color: #ffffff;
}

form#scan button {
  background: #384313;
}

button#scanadvance{
  background: #108F10;
  color: #ffffff;
}

.noimg_text{
	background: url("data:image/gif;base64,R0lGODlhAQABAAAAACwAAAAAAQABAAA=");
	border-radius:0px;
	height:250px;
	width:180px;
}

.comics_mini{
	margin-right:5px;
	margin-left:5px;
	margin-top:10px;
	margin-bottom:10px;
	width: 200px;
}
.img-comics{
	margin-right:5px;
	margin-left:5px;
	margin-bottom:10px;
	height:250px;
	width:180px;
	z-index:1;
	box-shadow:0 0 2px black;
  -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
          transition: all 0.5s ease;
}

.img-comics:hover{
  -webkit-transform: scale(1.25);
     -moz-transform: scale(1.25);
       -o-transform: scale(1.25);
      -ms-transform: scale(1.25);
          transform: scale(1.25);
}

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

[class*="-icon"]{
	font-family: 'icomoon';
	color:white;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	vertical-align: middle;
	text-align:center;
	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	margin:5px;
	z-index:1;
	  -webkit-transition: all 0.125s linear;
     -moz-transition: all 0.125s linear;
       -o-transition: all 0.125s linear;
      -ms-transition: all 0.125s linear;
          transition: all 0.125s linear;
}


[class*="-icon"]:hover {
text-shadow: 0px 0px 5px white;
color:white;
outline: #00ACDD solid 3px;
text-decoration:none;
}

[class^="XL-icon"]{
	height:256px;
	width:256px;
	line-height:256px;
	font-size: 8em;
}

[class^="L-icon"]{
	height:128px;
	width:128px;
	font-size: 4em;
	line-height:128px;
}

[class^="S-icon"]{
	border-radius:10px;
	height:64px;
	width:64px;
	font-size: 2em;
	line-height:64px;
	background: blue;
	background-clip:content-box;
}

[class^="XS-icon"]{
	height:32px;
	width:32px;
	font-size: 1em;
	line-height:32px;
}

[class$=icon-home],[class$=icon-user]{
	background: green;
}

[class$=icon-remove],[class$=icon-remove],[class$=icon-close]{
	background: red;
}

[class$=icon-star-empty],[class$=icon-star-full]{
	color:yellow;
}

[class$=icon-circle-empty]{
	color:white;
}

[class$=icon-circle-full]{
	color:green;
}

/* Cas particulier des icones d actions */
[class^="XS-icon-circle"]:hover ,[class^="XS-icon-star"]:hover {
outline: initial;
}

[class^=XS-icon-circle],[class^=XS-icon-star]{
	background: transparent;
	font-size: 1.5em;
	margin:0px;
}

[class$=icon-home]:before {
	content: "\e600";
}
[class$=icon-book]:before {
	content: "\e601";
}
[class$=icon-books]:before {
	content: "\e602";
}
[class$=icon-folder-open]:before {
	content: "\e603";
}
.icon-tag:before {
	content: "\e605";
}
.icon-tags:before {
	content: "\e60c";
}
[class$=icon-user]:before {
	content: "\e60d";
}
[class$=icon-users]:before, [class$=icon-authors]:before {
	content: "\e604";
}
.icon-search:before {
	content: "\e606";
}

[class$=icon-lock]:before {
	content: "\e607";
}
[class$=icon-wrench]:before {
	content: "\e608";
}
.icon-cogs:before {
	content: "\e609";
}
[class$=icon-remove]:before {
	content: "\e60a";
}
.icon-switch:before {
	content: "\e60b";
}
.icon-bookmark:before {
	content: "\e60e";
}
.icon-bookmarks:before {
	content: "\e60f";
}
[class$=icon-close]:before {
	content: "\e610";
}
.icon-checkmark:before {
	content: "\e611";
}
[class$=icon-minus]:before {
	content: "\e612";
}
.icon-plus:before {
	content: "\e613";
}
.icon-checkbox-checked:before {
	content: "\e614";
}
.icon-checkbox-unchecked:before {
	content: "\e615";
}

[class$=icon-pencil]:before {
	content: "\e616";
}

.icon-share:before {
	content: "\e617";
}

.icon-menu:before {
	content: "\e618";
}
[class$=icon-star-empty]:before {
	content: "\e619";
}
[class$=icon-star-full]:before {
	content: "\e61a";
}
[class$=icon-circle-full]:before {
	content: "\e61b";
}
[class$=icon-circle-empty]:before {
	content: "\e61c";
}

.title{
width:180px;
}

.text_simple{
	color:black;
	font-size:0.85em;
}


.solomodify,
.globalmodif,
.globalmodify {
font-size:0.85em;
color:black;
border:none;
padding:4px 6px;
max-width:50vw;
height:30px;
}
.solomodify[type="text"],
.globalmodif[type="text"],
.solomodify[type="number"],
.globalmodif[type="number"],
select.globalmodif,
input.globalmodify { 
width:100%; 
}


footer{
padding-top:50px;
font-size:0,5em;
text-align:center;
}

/* For little screen */
@media screen and (max-width: 480px) {
	[class^="menu"]{
		height:42px;
		top:0px;
		text-align:left;
		vertical-align:middle;
		border-bottom:1px;
		box-shadow:0 0 4px black;
		position:fixed;
	}
	[class^="submenu"]{
		height:42px;
		line-height:42px;
	}
	.menu-user{
		background: transparent;
		right:0px;
		text-align:right;
		vertical-align:middle;
		border-left:0px;
		box-shadow: initial;
		z-index:1;
	}
	.menu-nav{
		width:100%;
		left:0px;
	}
	.menu-action{
		position:relative;
	}
	
	.flex_class{
		padding-top:10px;
	}
	h1{
	padding-top:30px;
	}
	h2{
	padding-bottom:5px;
	}
	[class^="XL-icon"]{
		height:128px;
		width:128px;
		line-height:128px;
		font-size: 4em;
}

	[class^="L-icon"]{
		height:64px;
		width:64px;
		line-height:64px;
		font-size: 2em;
	}

	[class^="S-icon"]{
		height:32px;
		width:32px;
		line-height:32px;
		font-size: 1.5em;
	}

	[class^="XS-icon"]{
		height:16px;
		width:16px;
		line-height:16px;
		font-size: 0.5em;
	}

	[class$=icon-star-empty],[class$=icon-star-full],[class$=icon-circle-full],[class$=icon-circle-empty]{
		font-size: 2em;
		margin: 5px;
	}
}