/**
 * ADMIN PUISSANCE-ZELDA V8
 * Feuille de style CSS
 * Styles
 *
 * @version 2023.07.16
 * @author Thomas Bourrieu <legendofillumina@outlook.fr>
 */

/* Général
------------ */
html { 
  margin:0;
  padding:0;
  background: url(/img/fond.jpg) no-repeat center fixed; 
  -webkit-background-size: cover; /* pour Chrome et Safari */
  -moz-background-size: cover; /* pour Firefox */
  -o-background-size: cover; /* pour Opera */
  background-size: cover; /* version standardisée */
}

body {
	margin: 0 auto;
	padding:0 auto; 
	font-family: 'Trebuchet MS';
	font-size: 13px;
	background: #FFFFFF;
	border-radius:80px;
	filter:alpha(opacity=80); /* IE */
	-moz-opacity:0.8; /* Firefox */
	opacity: 0.8; /* standard CSS3 */
	-khtml-opacity: 0.8; /* Konqueror */ 
	width:1050px;
}

.center { 
	text-align: center; 
}

.right {
	text-align: right; 
}

.justify, p {
	text-align: justify; 
}

.fleft {
	float: left;
	margin: 0; 
	padding: 0;
}

.fright {
	float: right;
	margin: 0; 
	padding: 0;
}

.hidden {
	display:none;
}

.attention, .erreur {
	font-size: 14px;
	font-weight: bold;
}

.attention img, .erreur img {
	vertical-align: text-top;
}

.erreur {
	color: #cc0000;
}

.border {
	border: 1px solid black;
}

.noborder {
	border: none !important;
}

.nobg {
	background: none !important;
}

.pointer {
	cursor: pointer;
}

.clear { 
	clear: both; 
}

.mw-75 {
	max-width: 75%;
}

.mx-auto {
	margin-left:auto;
	margin-right:auto;
}

a img {
	border: none;
}

p img {
	vertical-align: text-bottom;
}

h2 img, h3 img {
	vertical-align: middle;
}

small {
	font-family: Verdana;
	font-size: 11px;
}

.sqlerror h3 {
	margin: 0px;
	padding: 0.25rem 0.5rem; 
	border: 1px solid red; 
	color:white; 
	background:red;
}

.sqlerror p {
	margin: 0px;
	padding: 0.5rem; 
	border: 1px solid red;
	font-weight: bold ;
}

.sqlrequest {
	font-family: 'Courier New';
	background-color:lightgrey;
}


/* Titres
---------------------- */

h1 {
	font-family: 'Trebuchet MS';
	font-size: 26px;
}

h2 {
	font-family: 'Trebuchet MS';
	font-size: 20px;
	font-weight: normal;
}



/* Liens
---------------------- */

a {
	color: #000;
}

h2 a, h3 a {
	font-weight: normal !important;
	color: #000 !important;
	text-decoration: none;
}

h2 a:hover, h3 a:hover {
	text-decoration: underline;
	cursor: pointer;
}

#page a {
	color: #666;
	font-weight: bold;
}

#page a:hover {
	color: #333;
}

.changementPage a {
	border: #333 1px solid;
	background: #333;
	color: #fff !important;
	text-decoration: none;
	padding: 0 5px;
	font-size: 20px;
	font-weight: bold;
}

.changementPage a:hover {
	background: #fff;
	color: #333 !important;
}


/* Listes
---------------------- */

ul {
	list-style-image: url(/img/icones/puce.png);
	line-height: 20px;
}


/* Tableaux
---------------------- */

table {
	border: #ccc 1px solid;
	border-collapse: collapse;
	padding: 0;
	width: 95%;
	margin: 0 auto 0 auto;
}

tr {
	background: #fff;
}

tr.surligne {
	background: #def3e5;
}

tr:hover, tr.surligne:hover {
	background: #fbfae1;
}

th {
	background: #333;
	color: #fff;
}

th,td {
	padding: 5px;
	border-left: #ccc 1px solid;
	border-bottom: #ccc 1px solid;
	margin: 0;
}




/* Formulaires
---------------------- */

fieldset {
	border: #aaa 1px solid;
	margin: 20px auto 0 auto;
	background: #fff;
	width: 90%;
	line-height: 30px;
	padding: 10px;
}

fieldset p {
	line-height: 20px;
}

legend {
	font-weight: bold;
	color: #333;
}

input {
	font-family: Verdana;
	font-size: 11px;
	border: #aaa 1px solid;
	padding: 2px;
}

.submit, select {
	margin-top: 10px;
	font-family: Verdana;
	font-size: 11px;
	padding: 3px;
	background: url(/img/submit-fond.png) repeat-x;
	color: #000;
	border: #ccc 1px solid;
}

.submit {
	font-weight: bold;
}

.submit:hover {
	border: #999 1px solid;
}


textarea {
	font-family: 'Trebuchet MS';
	font-size: 13px;
	padding: 5px;
	line-height: 16px;
}


/* Boites
---------------------- */

.postChat {
	width: 95%;
	position: relative;
	border: #aaa 1px solid;
	margin: 0 auto 15px auto;
	text-align: justify;
	font-size: 12px;
	line-height: 15px;
	background: #F8FEFD;
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
}

.postChat .infos {
	color: #fff;
	background: #666;
	font-weight: bold;
	text-align: right;
	font-size: 9px;
	padding: 0 7px 0 0 ;
	margin: 0px;
}

.postChat .infos a {
	color: #fff;
}


.postChat p + p {
	padding: 0 7px;
}

.postChat:after, .postChat:before { 
	left: 100%; 
	top: 30px; 
	border: solid transparent; 
	content: " "; 
	height: 0; 
	width: 0; 
	position: absolute; 
	pointer-events: none; 
} 

.postChat:after { 
	border-color: rgba(248, 254, 253, 0); 
	border-left-color: #F8FEFD; 
	border-width: 5px; 
	margin-top: -5px; 
}

.postChat:before { 
	border-color: rgba(170, 170, 170, 0); 
	border-left-color: #aaa; 
	border-width: 6px; 
	margin-top: -6px; }

/* Ecran de connexion
---------------------- */


#login {
	background: #effbf1;
	padding: 20px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	font-size: 13px;
	text-align: center;
	line-height: 22px;
	width: 700px;
	margin: 150px auto;
}

#login h1 {
	font-size: 16px;
}

#login strong {
	font-weight: bold;
	color: #559561;
}

#login a {
	text-decoration: none;
	color: #559561;
	font-weight: bold;
}

#login a:hover {
	text-decoration: underline;
}

#login form {
	margin-top: 20px;
	line-height: 30px;
}

#login fieldset {
	color: #55956;
	border: #559561 1px solid;
	width: 55%;
}

#login legend {
	color: #559561;
}

#login input {
	border: #559561 1px solid;
}

/* Unes comme sur le site */
div.une {
	float: left;
	width: 285px;
	padding-bottom: 5px;
	font-family: 'Trebuchet MS';
	font-size: 12px;
	text-align: center;
	background: #deedf3;
	color: #000;
	margin: 10px;
}

div.une img {
	border: 0;
}

div.une a {
	font-family: 'Trebuchet MS';
	font-size: 14px;
	font-weight: bold;
	color: #215e8b !important;
	text-decoration: none;
}

div.une a:hover {
	color: #215e8b !important;
	text-decoration: underline;
}



/* Module d'upload */

#uploader {
	border:1px solid #CCCCCC;
	margin-top:20px; 
	padding:20px;
	line-height:normal;
}

.qq-upload-list {
	list-style: initial;
}

.qq-upload-list li {
	padding: 9px;
}

.qq-upload-button {
	background: url("/img/submit-fond.png") repeat-x scroll 0 0 transparent;
	border: 1px solid #CCCCCC;
	color: #000000;
	font-family: Verdana;
	font-size: 11px;
	font-weight : bold;
	text-align:center;
	padding: 3px;
	width: 90px;
	margin: 20px auto 0;
}

.qq-upload-file, .qq-upload-spinner, .qq-upload-size, .qq-upload-cancel, .qq-upload-failed-text {
	margin-right: 12px;
}

.qq-upload-spinner {
	display: inline-block;
	background: url("loading.gif");
	width: 15px;
	height: 15px;
	vertical-align: text-bottom;
}

.qq-upload-failed-text {
	color:#FF0000;
	font-weight:bold;
	display: none;
}
.qq-upload-fail .qq-upload-failed-text {
	display: inline;
}

.progressbar {
	height : 20px;
	width : 150px;
	display: block;
	border : 1px solid black;
	background-color : black;
}

.progressbar span {
	background: url("/img/submit-fond.png") repeat-x scroll 0 0 transparent; 
	height : 20px; 
	display: block; 
}


.liste div {
	padding:0 5px;
	float:left;
}

/*.fa-sm, .fa-lg {
	color:#18b9e6 !important;
}*/

.fa-plus-circle, .fa-check-circle, .fa-arrow-circle-up {
	color:#3DC54E;
}

.fa-trash-alt {
	color:tomato;
}

.fa-folder, .fa-folder-open, .fa-users, .fa-gamepad, .fa-home, .fa-calendar-alt, .fa-handshake, .fa-clock {
	color:#18b9e6 !important;
}

.fa-pencil-alt {
	color:#18b9e6;
}

.fa-info-circle {
	color:darkblue;
}

.fa-minus-circle, .fa-times-circle, .fa-exclamation-circle {
	color:darkred;
}

.fa-exclamation-triangle {
	color:orangered;
}

.fa-image, .fa-images {
	color:deepskyblue;
}

.fa-image.editor_img {
	color:initial !important;
}

.fa-archive {
	color:saddlebrown !important;
}

.fa-newspaper {
	color:dimgray;
}

.fa-star, .fa-lock {
	color:goldenrod;
}

.fa-star.empty {
	color:grey;
}

.greenbold {
	color:green !important;
}

.editor_button {
	display: inline;
	background-color: #dbdbdb;
	margin: 2px;
	padding: 6px 4px 2px 4px;
	border-radius: 5px;
	border: solid 1px grey;
	cursor: pointer;
}

.editor_img {
	min-width:16px !important;
	min-height:16px !important;
}

.ui-sortable-placeholder-picture {
	border: dashed blue 1px;
	background: rgb(0, 0, 255, 0.25);
	height: 30px;
	margin: 10px 0;
}

.ui-sortable-placeholder-section {
	border: dashed blue 1px;
	background: rgb(0, 0, 255, 0.25);
	height: 50px;
	margin: 40px 0;
}