/*
# Thème pour la zone d'administration de PluXml
# Copyright (c) 2017 Pluxopolis
# Site			http://pluxopolis.net
# Authors		Stéphane F., Thomas I.
#
# Installation: Administration > Paramètres > Configuration avancée :
# Emplacement et nom du fichier css personnel pour la personnalisation de l'interface d'administration
*/

/* aside.aside nav, */ .aside .header{
	background-color: #74BFB8;
}

@media (max-width: 767px) {
 .aside, .header {
  text-align: right;
 }
}

/* ===== Ajout des icônes devant les menus ===== */

@font-face {
	font-family: 'fontello';
	src: url('font/fontello.eot?22929757');
	src: url('font/fontello.eot?22929757#iefix') format('embedded-opentype'),
		url('font/fontello.woff?22929757') format('woff'),
		url('font/fontello.ttf?22929757') format('truetype'),
		url('font/fontello.svg?22929757#fontello') format('svg');
	font-weight: normal;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

nav ul li a:after, label:before {
	font-family: "fontello";
}
nav ul li a:after {
	padding-left: 10px;
}
li#mnu_articles a:after { content: '\e80c'; }
li#mnu_nouvel-article a:after { content: '\e807'; }
li#mnu_medias a:after { content: '\e80b'; }
li#mnu_pages-statiques a:after { content: '\e80d'; }
li#mnu_commentaires a:after { content: '\e808'; }
li#mnu_categories  a:after { content: '\e80a'; }
li#mnu_profil a:after { content: '\e806'; }
li#mnu_parametres a:after {  content: '\e809'; }
.aside .responsive-menu label:before {
 padding-right: 10px;
 content: '\e80e';
}

ul#responsive-menu li a {
	background-color: transparent;
	font-family: 'Lucida Grande',Verdana,sans-serif;
}

ul#responsive-menu .menu-config  a{
	/* font-size: 0.8rem; */
}

/* ===== Personnalisation des couleur */

/* couleur de fond de la page */
html, .main {
	background-color: #f9f9f9;
}

/* couleur des liens */
a {
	color: #3EA7A2;
}
/* couleur de fond de la sidebar */
.aside {
	background-color: #74BFB8;
}
.aside .responsive-menu,
.aside .responsive-menu label {
	background-color: #63AEA7;
}
.aside .responsive-menu label {
	text-align: center !important;
}

/* couleur des liens: retour au site + déconnexion */
.aside a {
	color: #fff;
}
/* couleur du titre du site + nom d l'utilisateur connecté */
.aside .profil {
	background-color: #8BC9C4 !important;
	color: #FFF;
	border-top: 1px solid #90C2BD !important;
	border-bottom: 1px solid #90C2BD !important;
}
/* couleur du texte du n° de version de PluXml */
.aside .header a.version {
	color: #fff;
}
/* couleur de fond des sous menus */
.aside .menu-config {
	background-color: #337E77;
}
/* couleur des onglets au survol de la souris */
ul#responsive-menu li:hover {
	background-color: #054C44;
	color: #fff;
}
/* couleur des menus au survol de la souris */
ul#responsive-menu li a:hover{
	color: #fff;
}
/* couleur de fond l'onglet actif et de son menu */
ul#responsive-menu li.active,
ul#responsive-menu li.active a,
ul#responsive-menu li.active:hover {
	 background-color: #fff;
	 color: #054C44;
}

/* couleur de la barre d'action */
.section .action-bar {
	background-color: #075E55;
	color: #fdfdfd;
}
.section .action-bar a {
	color: #b9b9b9;
}
.section .action-bar a.selected {
 color: #fdfdfd;
}
.section .action-bar select {
	color: #333;
}
.section .action-bar
input[type="submit"] {
	background-color: #F1F7F6;
	color: #075E55;
}
.section .action-bar
input[type="submit"]:hover {
	background-color: #8BC9C4;
	color: #fff;
}
.section .action-bar
input[type="submit"].red {
	background-color: #74BFB8;
	color: #fff;
}
.section .action-bar
input[type="submit"].red:hover {
	background-color: #8BC9C4;
	color: #fff;
}

/* couleur des tableaux */
.scrollable-table th { /* couleur de fond des entêtes */
	background-color: #075E55;
	color: #fdfdfd;
}
.scrollable-table tr:hover { /* couleur de fond des lignes au survol de la souris */
	background-color: #EEF4F3;
}
tr:nth-child(even) { /* couleur de la dernière ligne du tableau */
	background-color: #C4E4E1;
}
.scrollable-table a { /* couleur du texte des entêtes de tableau */
	color: #523F6D;
}
.scrollable-table
input[type="submit"] { /* couleur des boutons */
	background-color: #8BC9C4;
	color: #fff;
	font-weight: normal;
}
.scrollable-table
input[type="submit"]:hover { /* couleur des boutons au survol de la souris */
	background-color: #fff;
	color: #000;
}
.scrollable-table .line-0 {
	background-color: #D4EFEC;
}
.scrollable-table .line-1 {
	background-color: #fff;
}

a.hcolumn { /* couleurs des liens dans les entêtes de colonnes des tableaux */
	color: #dedede;
}
/* boutons */
button, input[type="button"], input[type="submit"] { /* couleur des boutons */
	background-color: #075E55;
	color: #fdfdfd;
	font-weight: normal;
}
button:hover, input[type="button"]:hover, input[type="submit"]:hover { /* couleur des boutons au survol de la souris */
	background-color: #000;
	color: #fff;
}

/* ===== Effets de style + icônes */

/* coins arrondis des boutons */
button,
input[type="button"], 
input[type="submit"],
input[type="reset"] {
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 1px solid transparent;
	padding: .25rem .4rem;
}

/* couleur de la bordure des champs de saisie quand ils ont le focus */
input[type="text"]:focus,
textarea:focus,
select:focus,
input[type="checkbox"]:focus {
	box-shadow: 0 0 .5rem rgba(18, 159, 234, .25);
	border-color: #129fea;
}

/* icône loupe dans le champ de recherche */
input[name="artTitle"] {
	padding-left:20px;
	background-repeat: no-repeat;
	background-position-y: 8px;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAASCAYAAABb0P4QAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADbSURBVDhP5ZI9C4MwEIb7//+BEDgICA6C4OQgBJy6dRIEB6EgCNkEJ4e3iT2oHzH9wHbpAwfyJvfkJDnhYH4kHDVKlSAigSAQoCiBKjVGXvaxFXZnxBQYkSlBICII+22K4jM63rbHSthCSdsskVX9Y6KxR5XJSSpVy6GbpbBKp6aw0BzM0ShCe1iKihMXC6EuQtMQwukzPFu3fFd4+C+/cimUNxy6WQkNnmdzL3NYPfDmLVuhZf2wZYz80qDkKX1St3CXAfVMqq4cz3hTaGEpmctxDPmB0M/fCYEbAwZYyVKYcroAAAAASUVORK5CYII=);
}

/* Ajout d'une icône flèche devant les liens de retour */

.back:before {
	font-family: "fontello";
	content: '\e803';
	padding-right: 5px;
}
.back:hover {
	text-decoration: none;
}
.back-site:before {
	font-family: "fontello";
	content: '\e805';
	padding-right: 5px;
}
.back-blog:before {
	font-family: "fontello";
	content: '\e80e';
	padding-right: 5px;
}
.logout:before {
	font-family: "fontello";
	content: '\e804';
	padding-right: 5px;
}
a.back-site,
a.back-blog,
a.logout {
	text-decoration: none;
	/* font-size: 0.85rem; */
	color: #fff;
}
a.back-site:hover,
a.back-blog:hover,
a.logout:hover {
	color: #fff;
}
/* 5.6 */
#plugins-search{
	color: #fff;
}


/* MC */
.grid {
	overflow: auto; 
}