/*
# Thème pour la zone d'administration de PluXml
# Copyright (c) 2018 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: 'pluxml-mix';
  src: url('font/pluxml-mix.eot?92252895');
  src: url('font/pluxml-mix.eot?92252895#iefix') format('embedded-opentype'),
       url('font/pluxml-mix.woff2?92252895') format('woff2'),
       url('font/pluxml-mix.woff?92252895') format('woff'),
       url('font/pluxml-mix.ttf?92252895') format('truetype'),
       url('font/pluxml-mix.svg?92252895#pluxml-mix') format('svg');
  font-weight: normal;
  font-style: normal;
}

nav ul li a:after, label:before {
	font-family: "pluxml-mix";
}
nav ul li a:after {
	padding-left: 10px;
}
/* 5.6 by name */
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'; }

/* Greffons */
li#mnu_mysearch a:after {  content: '\e801'; }/* 1 */
li#mnu_adhesion a:after { content: '\e80f'; }/* f */
li#mnu_gutuma a:after {  content: '\e805'; }/* 7 */
li#mnu_infolettres a:after {  content: '\e805'; }/* 7 */
li#mnu_cyberlettres a:after {  content: '\e805'; }/* 7 */
li#mnu_rslidesjs a:after {  content: '\e80b'; }/* b img */
li#mnu_rslidesjs a:after {  content: '\e80b'; }/* b img */
li#mnu_diaporama-accueil a:after {  content: '\e80b'; }/* b img */
li#mnu_plxfluidcarousel a:after {  content: '\e80b'; }/* b */
li#mnu_extend-tags a:after {  content: '\e801'; }/* 1 loupe */
li#mnu_my-shop-0-13-1r6 a:after {  content: '\e800'; }/* e  menu burger, 9 params, 8 bulle, 7 crayon, 6 bonhomme, 5 feuille, 4 On/Off, 3 

/* my 5.7 by ID = url */
li#mnu_index a:after { content: '\e80c'; }
li#mnu_article a:after { content: '\e807'; }
li#mnu_medias a:after { content: '\e80b'; }
li#mnu_statiques a:after { content: '\e80d'; }
li#mnu_comments a:after { content: '\e808'; }
li#mnu_categories  a:after { content: '\e80a'; }
li#mnu_profil a:after { content: '\e806'; }
li#mnu_parametres_base a:after {  content: '\e809'; }
/* my 5.7 Greffons by ID = url Name */
li#mnu_mySearch a:after {  content: '\e801'; }/* 1 */
li#mnu_adhesion a:after { content: '\e80f'; }/* f */
li#mnu_gutuma a:after {  content: '\e805'; }/* 7 */
li#mnu_plxResponsiveSlidesJs a:after {  content: '\e80b'; }/* b img */
li#mnu_plxFluidCarousel a:after {  content: '\e80b'; }/* b */
li#mnu_extendTags a:after {  content: '\e801'; }/* 1 loupe */
li#mnu_plxMyShop a:after {  content: '\e800'; }/* e  menu burger, 9 params, 8 bulle, 7 crayon, 6 bonhomme, 5 feuille, 4 On/Off, 3 fleche retour, 2 croix, 0 coche */

li#mnu_maxiContact a:after,
li#mnu_maxicontact a:after {  content: '✉'; font-size:1.3em; }/* ✉ */

li#mnu_gestion-du-forum a:after,
li#mnu_plxNNForum a:after,
li#mnu_plxnnforum a:after {  content: '\e809'; font-size:1.3em; }/* 9 params */

li#mnu_RSSroll a:after {  content: '\e800'; }/* 0 */
li#mnu_forme a:after {  content: '\e800'; }/* 0 */

li#mnu_Analoogle a:after {  content: '\e801'; }/* 1 loupe */
li#mnu_gfm a:after {  content: '\e809'; }/* 9 params */
li#mnu_KeyWordboost a:after {  content: '\e80a'; }/* a */
li#mnu_pingsitemap a:after {  content: '\e809'; }/* 9 */
li#mnu_plxminifycache a:after {  content: '\e805'; }/* 5 */
li#mnu_tags-editor a:after {  content: '\e801'; }/* 1 */
li#mnu_plxHrefDownload a:after {  content: '\e801'; }/* 1 */
li#mnu_mots-cles a:after {  content: '\e801'; }/* 1 */


.aside .responsive-menu label:before {
 padding-right: 10px;
 content: '\e80e';
}
.menu.expanded li:hover {
background-color: #559C94; /* #054C44 #a5fCf4 */
color: #fff;
}
.menu.expanded li.active a, .menu.expanded li.active:hover {
 background-color: #F1F7F6;
 color: #075E55;
}
ul#responsive-menu li a {
	background-color: transparent;
	font-family: 'Lucida Grande',Verdana,sans-serif;
	font-size: small;
}

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

/* responsive-menu */
#nav { /* fix old android browser (always open) */
	display: none;
}
#nav:checked+ul#responsive-menu, .responsive-menu input[type=checkbox]:checked+ul { /* fix old android browser */
	display: block;
}
@media (max-width: 47.938rem) {/* 767px */
	.responsive-menu { /* fix old android browser : good position */
		left: 0;
		right: 0;
	}
	ul#responsive-menu li a {
		font-size: initial;
	}
	.aside .responsive-menu {
		max-height: 100%;
	}
	.action-bar h2 {
		font-size: unset !important;/* titres plugins &+? */
	}
}

/* ===== 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: #C4E4E1 !important;
}
tr:nth-child(odd){ /* couleur des lignes 2n+1 du tableau */
	background-color: #EBF5F4;
}
tr:nth-child(even){ /* couleur des lignes 2n+0 du tableau */
	background-color: #F5FFFE;
}
/*.scrollable-*/table th a { /* couleur du texte des des liens en entêtes de tableau */
	color: #F0F0F0;
}
/*.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: #EBF5F4;/*#A3EEE7, #D4EFEC*/
}
/*.scrollable-*/table .line-1 {
	background-color: #F5FFFE;/*fff*/
}

a.hcolumn { /* couleurs des liens dans les entêtes de colonnes des tableaux */
	color: #dedede;
}
/* boutons */
button, input[type="reset"], input[type="button"], input[type="submit"] { /* couleur des boutons */
	background-color: #337E77;
	color: #fdfdfd;
	font-weight: normal;
}
button:hover, input[type="reset"]: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: "pluxml-mix";
	content: '\e803';
	padding-right: 5px;
}
.back:hover {
	text-decoration: none;
}
.back-site:before {
	font-family: "pluxml-mix";
	content: '\e805';
	padding-right: 5px;
}
.back-blog:before {
	font-family: "pluxml-mix";
	content: '\e80e';
	padding-right: 5px;
}
.logout:before {
	font-family: "pluxml-mix";
	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;
}
.in-action-bar {
 color: #fff;
}
/* 5.6 */
#plugins-search{
	color: #fff;
}