/**
 * This file provides styles changes for LibraZiK
 * Copyright 2015-2016 Olivier Humbert <trebmuh@tuxfamily.org>
 * license : GPL-3
 */



/***************************************/
/***************************************/
/***************************************/
/***************************************/
/* menu principal commun à tout les sites
  la DIV LZK a été placée dans htdocs/doc/lib/tpl/librazik/main.php */
#LZK {
	position:fixed;
	background-color: black;
	width: 100%;
	min-height: 40px;
	top: 0px;
	z-index: 10;
	box-shadow: 0px 5px 2em white;
	padding-left: 10px;
}

#LZKblog {
	position:fixed;
	top: 5px;
	margin-left: 70px;
	z-index: 11;
}

#LZKdoc {
	position:fixed;
	top: 5px;
	margin-left: 170px;
	z-index: 11;
}

#LZKcontact {
	position:fixed;
	top: 5px;
	margin-left: 385px;
	z-index: 11;
}

#LZKtuto {
	position:fixed;
	top: 5px;
	margin-left: 500px;
	z-index: 11;
}

#LZKdon {
	position:fixed;
	top: 5px;
	margin-left: 650px;
	z-index: 11;
}

#LZKlp {
	position:fixed;
	top: 2px;
	margin-left: 700px;
	z-index: 11;
}

#EN {
	position:fixed;
	top: 3px;
	right: 15px;
	z-index: 11;
}

#LZK a img,
#LZKblog a,
#LZKcontact a,
#LZKdoc a,
#LZKtuto a,
#LZKdon a,
#LZKEN a {
	padding-top: 5px;
	font-size: 20px;
	text-transform: uppercase;
	color: #bfbfbf;
	font-weight: bold;
}

#LZK a:hover,
#LZKblog a:hover,
#LZKcontact a:hover,
#LZKdoc a:hover,
#LZKtuto a:hover,
#LZKdon a:hover,
#LZKEN a:hover, {
	box-shadow: 0px 50px 4em #DDD;
	text-decoration: none;
}

/***********************************/
/* cacher les actions sous le menu */
#dokuwiki__header {
    padding: 1em 0px 1.5em;
}

#dokuwiki__sitetools {
	position: fixed;
	top: 5px;
	left: 500px;
}

#dokuwiki__usertools a.action.login {
    position: fixed;
    top: 20px;
    left: 500px;
}

#dokuwiki__usertools ul {
    position: fixed;
    top: 17px;
    left: 500px;
}

.dokuwiki div.breadcrumbs {
	margin-top: 40px;
}
/* cacher les actions sous le menu - fin */
/*****************************************/


/*********************************************************/
/* couleur des écritures pour "vous êtes ici" et "Piste" */
span.bchead {
	color: #8c8c8c;
}
/* couleur des écritures pour "vous êtes ici" et "Piste" - fin */
/***************************************************************/


/*************************************************************/
/* régler la position de l'image et du bloc de documentation */
#dokuwiki__header h1 img,
#dokuwiki__header h1 span {
	position: fixed;
	top: -100px;
}
/* régler la position de l'image et du bloc de documentation - fin */
/*******************************************************************/


/* menu principal commun à tout les sites - fin */
/************************************************/
/************************************************/
/************************************************/
/************************************************/




/***************************************/
/* prendre toute la largeur de la page */
#dokuwiki__site > .site {
    padding-right: 3em;
    padding-left: 0px;
}
/* prendre toute la largeur de la page - fin */
/*********************************************/




/**********************************/
/* prendre un peu plus de largeur */
#dokuwiki__site  {
	max-width: 90em;
}
/* prendre un peu plus de largeur - fin */
/****************************************/




/******************************/
/* coins arrondis sur la page */
.dokuwiki div.page {
    border-radius: 10px;
	border-top-right-radius: 0px;
	margin-left: 10px;
}
/* coins arrondis sur la page - fin */
/************************************/




/*******************************/
/* couleur de fond de  la page */
.dokuwiki div.page {
	background-color: #afafaf;
}
/* coins arrondis sur la page - fin */
/************************************/




/***************************/
/* formulaire de recherche */
input, textarea {
    border-radius: 20px;
	background-color: #8C8C8C;
}

form.search input.edit {
    padding-left: 0.7em;
}

#dw__search > div:nth-child(1) > button:nth-child(3) {
	margin-left: 5px;
}
/* formulaire de recherche - fin */
/*********************************/




/*****************************************************************/
/* placement du formulaire de recherche en fixe en haut à droite */
form#dw__search.search {
	position: fixed;
	top: 44px;
	right: 10px;
	z-index: 15;
}
/* placement du formulaire de recherche en fixe en haut à droite -fin */
/**********************************************************************/




/*******************/
/* boîte de saisie */
.dokuwiki input.edit {
    padding-left: 0.7em;
}
/* boîte de saisie - fin */
/*************************/




/****************************/
/* onglet du nom de la page */
/* Ceci pour tripatouiller le petit onglet avec le nom de la page */
.dokuwiki .pageId span {
    background-color: inherit;
    padding: 0.1em 1em;
}

.dokuwiki .pageId {
    top: -46px;
    padding-right: 1em;
}
/* onglet du nom de la page - fin*/
/*********************************/




/*********************/
/* boîte de sommaire */
/* Ceci pour tripatouiller un peu la boîte de sommaire */
#dw__toc {
    width: 20em;
    border-bottom: 1px solid #2E3436;
    border-top: 0px solid #2E3436;
    background-color: #9d9d9d;
}

#dw__toc > div {
    border-top: 1px solid #2E3436;
}

#dw__toc > h3 {
    box-shadow: none;
    margin-top: 0em;
}

/* taille des lettres dans la boîte de sommaire */

.toc {
	font-size: 85%;

}
/* taille des lettres dans la boîte de sommaire - fin */

/* boîte de sommaire - fin */
/***************************/




/*****************/
/* boîte de code */
/* Ceci pour donner un look "terminal" au boîte de code */
code {
    font-size: .8em;
    background-color: #2e3436;
    color: #8C8C8C;
    border-radius: 4px;
    padding: 2px 6px;
}
/* boîte de code - fin */
/***********************/




/***********************/
/* boîte de traduction */
/* Ceci pour placer la boite de traduction en haut à gauche de la page */
.dokuwiki div.plugin_translation {
    position: absolute;
    top: -2em;
    left: 10.5em;
}
/* boîte de traduction - fin */
/*****************************/




/**************/
/* les titres */
.dokuwiki div.page h1, h2, h3, h4, h5, h6 {
    background-color: #9d9d9d;
    margin-left: -10px;
    margin-top: 2.2em;
    padding: 2px 0px 3px 7px;
    border-radius: 15px;
    box-shadow: 0px 0px 0.5em #2E3436;
	text-shadow: 2px 2px 6px #2E3436, -1px -1px 0px #B1AFAF;
}

/* pour faire un beau petit décallage vers la droite des titres */
.dokuwiki div.page h2 {margin-left: -7px;}
.dokuwiki div.page h3 {margin-left: -4px;}
.dokuwiki div.page h4 {margin-left: -1px;}
.dokuwiki div.page h5 {margin-left: 2px;}
.dokuwiki div.page h6 {margin-left: 5px;}

/* taille de l'écriture des titres de paragraphe */
.dokuwiki div.page h1 {font-size: 1.5em;}
.dokuwiki div.page h2 {font-size: 1.35em;}
.dokuwiki div.page h3 {font-size: 1.2em;}
.dokuwiki div.page h4 {font-size: 1.1em;}
.dokuwiki div.page h5 {font-size: 1em;}


/* pour ne pas que le margin -left s'applique dans le titre de la boîte de sommaire */
.dokuwiki div.page h3.toggle {margin-left: 0px;}
/* les titres - fin */
/********************/




/****************************/
/* Fil d'ariane - DIV:trace */
div.trace {
	font-size: 0.75em;
}
/* Fil d'ariane - DIV:trace - fin */
/**********************************/




/********************/
/* Info sur la page */
.dokuwiki .docInfo {
    font-size: 0.6em;
    color: black;
}
/* Info sur la page - fin */
/**************************/




/****************************************/
/* Bloc de license dans le pied-de-page */
#dokuwiki__footer div.license {
    font-size: 0.75em;
}
.license {
    color: black;
}
/* Bloc de license dans le pied-de-page - fin */
/**********************************************/




/**************************/
/* Notes de pieds de page */
.dokuwiki div.footnotes {
    margin: 8em 0em 0em 0em;
    font-size: 0.6em;
}
/* Notes de pieds de page - fin */
/********************************/



/****************/
/* Bloc de menu */
.dokuwiki .aside ul {
	background-color: #9d9d9d;
	padding: 10px 5px;
	border-radius: 10px;
	border: 1px solid #000;
}

#dokuwiki__aside > .pad {
	margin: 0px 8px 0px 12px;
}
/* Bloc de menu -fin */
/*********************/




/******************************************/
/* Taille de la police la page principale */
.dokuwiki div.page.group {
	font-size: 0.85em;
}
/* Taille de la police la page principale - fin */
/************************************************/




/******************************/
/* Taille des cases du tableau
   Ceci pour essayer d'éviter le scrolling horizontal
   sur la page :
   http://librazik.tuxfamily.org/doc/logiciels/liste_des_applications_musicales

   Attention : ceci affecte tous les tableaux du site ! */
th, td {
    padding: 0px;
	vertical-align: middle;
}
/* écriture en noir dans les cases des tableaux */
td {
	color: black;
}
/* écriture en noir dans les cases des tableaux - fin */

/*écriture en gris clair lors du survol de la ligne */
.dokuwiki table.inline tr:hover td {
    color: #E4E4E4;
}
/*écriture en gris clair lors du survol de la ligne - fin*/

/* Taille des cases du tableau - fin */
/*************************************/




/******************************/
/* Fixer la boîte de sommaire */
#dokuwiki__aside {
	position: fixed;
}
/* Fixer la boîte de sommaire - fin */
/************************************/




/*****************/
/* boîte de tags */
div.dokuwiki div.tagstop {
    border: none;
    /*background-color: #a7c6e1;*/
    /*border-radius: 15px;*/
    /*padding: 2px 5px;*/
	margin-bottom: 40px;
    font-size: 0.8em;
	/*width: -moz-fit-content;*/
	/*box-shadow: 0px 0px .2em #2E3436;*/
	text-align: left;
}
/* boîte de tags - fin */
/***********************/




/************************/
/* gestion des tableaux */
/* exemple : http://librazik.tuxfamily.org/doc/tag/tutoriel_premier_pas */

	/* centrage des titres des colonnes + couleur + taille de la police */

th {
    text-align: center;
	color: #4848D7;
	font-size: 0.8em;
}
	/* centrage des titres des colonnes + couleur + taille de la police - fin */

	/* taille de la police des cases */

td {
	font-size: 0.8em;
}

	/* taille de la police des cases - fin */

	/* positionnement du tableau dans le flux général de la page */
.dokuwiki div.table table {
    margin: 0em 1em 2em 0em;
    text-align: center;
}
	/* positionnement du tableau dans le flux général de la page - fin */

/* gestion des tableaux - fin */
/******************************/




/***********************/
/* gestion des "notes" */
.noteclassic {
    background-color: rgba(210, 210, 255, 0.6);
}

.noteimportant {
    background-color: rgba(213, 213, 142, 1);
}

.notetip {
    background-color: rgba(173, 212, 173, 1);
}

.notewarning {
    background-color: rgba(225, 170, 170, 1);
}
/* gestion des "notes" - fin */
/*****************************/




/**********************************************************/
/* couleur de l'écriture du "vous êtes ici" et du "piste" */

#dokuwiki__header a,
.dokuwiki div.breadcrumbs .bcsep,
div.youarehere {
    color: #8c8c8c;
}

/* couleur de l'écriture du "vous êtes ici" et du "piste" - fin */
/****************************************************************/




/***********************************/
/* taille et couleur de l'écriture */

body {
    font-size: 120%;
	color: #393939;
}

.dokuwiki .page li .li {
    color: #393939;
}

/* taille et couleur de l'écriture - fin */
/*****************************************/




/********************************************************/
/* les touches de clavier (exemple : <kbd>Suppr</kbd> ) */

kbd {
	text-align: center;
    padding: 1px 3px !important;
    border-width: 1px 4px 5px 4px !important;
    box-shadow: none !important;
    border-color: #DDD #ADADAD #6C6C6C #DDD !important;
	font-size: 0.75em;
}

/* les touches de clavier (exemple : <kbd>Suppr</kbd> ) - fin */
/**************************************************************/





/*****************************/
/* gestion de la page de tag */

/* taille d'écriture des TAGS dans le nuage */
.dokuwiki div.cloud a.cloud5_tag2 {
    font-size: 2em;
    color: #080;
}

.dokuwiki div.cloud a.cloud4_tag2 {
    font-size: 1.75em;
    color: #080;
}

.dokuwiki div.cloud a.cloud3_tag2 {
    font-size: 1.5em;
    color: #080;
}

.dokuwiki div.cloud a.cloud2_tag2 {
    font-size: 1.25em;
    color: #080;
}

.dokuwiki div.cloud a.cloud1_tag2 {
    font-size: 1em;
    color: #080;
}
/* taille d'écriture des TAGS dans le nuage - fin */


/* position des TAGS dans le nuage */
.dokuwiki div.cloud {
    margin-bottom: 0px;
    line-height: 200%;
}
/* position des TAGS dans le nuage - fin */

/* gestion de la page de tag -fin */
/**********************************/



/*******************************/
/* Notes popup (dans le texte) */

.JSpopup {
    background-color: #AAA;
    color: black;
    border-radius: 10px;
	padding: 0.3em 1.5em;
	box-shadow: 0.6em 0.6em 0.7em #000;
    font-size: .8em;
}

/* Notes popup (dans le texte) - fin */
/*************************************/


/************************************************************************/
/* Mise en forme des images dans la documentation                       */
/*                                                                      */
/* voir librazik.tuxfamily.org/flyspray/index.php?do=details&task_id=10 */

.dokuwiki img.medialeft {
	margin: 0.2em 2.5em 0.2em 0px;
}

/* Mise en forme des images dans la documentation - fin                 */
/************************************************************************/