/* #PRODUIRE{fond=css/perso.css}
   md5:1c4ce77c8dc7d6388512437e8698f68b */

/*  ----------------------------------------------------------------
 *	layout
 *	----------------------------------------------------------------
 */

/*  plusieurs éléments sont masqués :
 *  - le "menutop" qui ne fonctionne pas (il s'affiche dans le pied de page, et il y a juste un carré bleu pourri à la place)
 *  - le fil d'Ariane qui n'est pas très beau, et pas très utile non plus
 *  - le titre des noisettes de navigation
 */
.nav-wrap,
.breadcrumb-wrap,
#noisette_navigation .intitule
{
  display:none;
}

/*  la largeur "xl" prévue par Bootstrap est de 1200px : un peu court à mon goût pour un écran de PC.
 *  pire : ça décale le menu de navigation en bas de page, au lieu de la colonne de droite.
 *  solution : créer un layout supplémentaire plus large, mieux adapté à notre contenu.
 */
@media (min-width: 1600px) {
  .container, .container-sm, .container-md, .container-lg, .container-xl { max-width: 1540px; }
  .content { width: 1140px; }
}

/*
 *  certains cadres manquent un peu d'air
 */
.aside .inner,
.nav_recherche,
.noisette_navigation,
.rubriques_filles
{
  padding: 1rem;
}

li.menu-items__item_texte-libre {
  margin-top: 10px;
  margin-bottom: 5px;
}

h1, h2 {
  margin-top: 24px;
}

/*
 *  pendant que d'autres en ont un peu trop
 */
.nav-aside {
  padding-top: 0px;
  margin-bottom: 0px;
}

.well .nav-list, .card-body .nav-list {
  line-height: 1;
}

.h3-like.entry-title {
  margin-bottom: 0px;
}


/*  ----------------------------------------------------------------
 *	polices
 *	----------------------------------------------------------------
 */

body {
  font-family: Verdana, Helvetica, Arial, sans-serif;
}

.menu-header-perso .texte_libre {
  display: block;
  padding: 0.5rem 1rem;
  color: #6c757d;
  font-size: 0.875rem;
  font-weight: bold;
  line-height: 1.5;
  text-transform: uppercase;
}

.nav-aside > ul > li > ul > li > ul {
  margin-left: 30px;
}

.nav-aside > ul > li > ul > li > ul > li {
  list-style-type: none;
}


/*  ----------------------------------------------------------------
 *	fonds
 *	----------------------------------------------------------------
 */

/* le jaune "cancoillotte" le plus clair  */
body,
.header
{
	background-color : #FFFFE0 ;
}

/* le jaune "cancoillotte" le plus soutenu  */
.breadcrumb,
.primary .subnav,
.nav-aside,
.nav_recherche,
.noisette,
.hyperlien,
.formulaire_spip,
.formulaire_spip .boutons,
.comment-meta,
.label
{
  background-color: #FFFF90 ;
  background-image: none ;
	border: 1px solid #EEEEEE ;
	box-shadow: none ;
}
table.spip tbody > tr:nth-child(2n+1) > td,
table.spip tbody > tr:nth-child(2n+1) > th
{
	background-color: #FFFF90;
}

/* le bleu "cancoillotte"  */
#footer,
.navbar-inverse .navbar-inner,
.page-item.active .page-link,
.nav-list > .active > .nav-link,
.nav-list > .active > .menu-items__lien
{
	background-color: #001073 ;
  background-image: none ;
	border: 1px solid #EEEEEE ;
	box-shadow: none ;
  color: #FFFF90 ;
  text-shadow: none ;
}

/* suppression du fond gris tout moche de Sarka-SPIP */
.container
{
  background: transparent;
}

@media (max-width: 767px) {
	#content,
	.content-wrap,
	.content
	{
    background-color: #FFFFE0;
    background-image: none ;
	}
}


/*  ----------------------------------------------------------------
 *	textes
 *	----------------------------------------------------------------
 */

/* le bleu "cancoillotte" */
.header h1, h1, h2, p, li, .label, .menu-items__texte
{
  color: #001073;
  text-shadow: none ;
}
a,
a:hover,
.nav-list > .active > a:hover,
.nav-list > li > a:hover,
.page-link,
.page-item.disabled .page-link
{
  color: #001073;
	text-decoration: none;
  text-shadow: none ;
	background-color: transparent;
}

/* le jaune "cancoillotte" pâle  */
a:focus, a:active,
.nav-list > .active > a,
.nav-list > .active > a:focus,
{
	background-color: #001073;
	color: #FFFFE0;
	text-decoration: none;
}
.pied_bas p,
.pied_bas a
{
	color: #FFFFE0;
	text-decoration: none;
}

.publication {
  font-size: 0.85rem;
  line-height: 20px;
}

/* inversion des formats de texte à l'affichage d'une rubrique :
	- la rubrique est en taille normale
	- l'intro des articles est plus fine	*/
.rubrique .texte
{
  font-size: 1em;
  font-weight: normal;
}
.introduction
{
  font-size: 0.875em;
  font-weight: 200;
}


/*  ----------------------------------------------------------------
 *	mise en forme spécifique pour l'impression
 *	----------------------------------------------------------------
 */
@media print {

	/* Ne pas imprimer : on elimine les elements de navigation */
	.navbar, .nav-wrap, .breadcrumb-wrap, #aside, #extra, .footer-wrap { display: none; }

	/* le contenu doit occuper toute la place */
	.content {
		width: 100%;
		margin: 0;
		padding: 0;
	}
	

}