/* --------------------------------------------------------------

   theme.css
   Theme par defaut de SPIP 3.3
   collectif SPIP

-------------------------------------------------------------- */

/* ------------------------------------------
/* Habillage des balises HTML
/* ------------------------------------------ */

:root {
	--musique : #dc4b00;
	--litterature : rgb(26, 170, 255);
	--image : rgb(247, 41, 219);
	--evenement : rgb(246, 44, 112);
	--trajectoires : rgb(232, 230, 227);
	--playlist : rgb(77, 226, 211);
	--bbackground: #E8E6E3;
	--bcolor: #1E2122;
	--bowcolor: #ffcf00;
	--boxcolorfrom: #1E2122;
	--boxcolorto: #E8E6E3; 
	--lines: #C8C8C8;
}

@media (prefers-color-scheme: dark) {
	:root {
		--bbackground: #1E2122;
		--bcolor: #E8E6E3;
		--boxcolorfrom: #000;
		--boxcolorto: #1E2122;
		--lines: #373C3E;
	}
	
.trajectoires h1, .trajectoires h2, .trajectoires h3, .trajectoires a, .trajectoires a:visited {
		text-shadow: none;
	}
}

.musique h1, .musique h2, .musique h3, .musique a, .musique a:visited {
	color: var(--musique);
}
.litterature h1, .litterature h2, .litterature h3, .litterature a, .litterature a:visited {
	color: var(--litterature);
}
.image h1, .image h2, .image h3, .image a, .image a:visited {
	color: var(--image);
}
.evenement h1, .evenement h2, .evenement h3, .evenement a, .evenement a:visited {
	color: var(--evenement);
}
.playlist h1, .playlist h2, .playlist h3, .playlist a, .playlist a:visited {
	color: var(--playlist);
}
.trajectoires h1, .trajectoires h2, .trajectoires h3, .trajectoires a, .trajectoires a:visited {
	color: var(--trajectoires);
	text-shadow: #000 1px 1px, #000 -1px 1px, #000 -1px -1px, #000 1px -1px;

	
}

.musique img,
.musique picture {
background: repeating-linear-gradient(
    -45deg,
    #000,
    #000 50px,
    var(--musique) 50px,
    var(--musique) 100px);
}

.litterature img,
.litterature picture {
background: repeating-linear-gradient(
    -45deg,
    #000,
    #000 50px,
    var(--litterature) 50px,
    var(--litterature) 100px);
}

.image img,
.image picture {
background: repeating-linear-gradient(
    -45deg,
    #000,
    #000 50px,
    var(--image) 50px,
    var(--image) 100px);
}

.evenement img,
.evenement picture {
background: repeating-linear-gradient(
    -45deg,
    #000,
    #000 50px,
    var(--evenement) 50px,
    var(--evenement) 100px);
}

.playlist img,
.playlist picture {
background: repeating-linear-gradient(
    -45deg,
    #000,
    #000 50px,
    var(--playlist) 50px,
    var(--playlist) 100px);
}
    
.trajectoires img,
.trajectoires picture {
background: repeating-linear-gradient(
    -45deg,
    #000,
    #000 50px,
    var(--trajectoires) 50px,
    var(--trajectoires) 100px);
}


.toggel-box {
	background-color: var(--bbackground);
    /*background-image: linear-gradient(var(--boxcolorfrom),var(--boxcolorto));*/ 
}
/*
.toggel-box .title-bar {
	background-color: #141617;
}
*/

.toggel-box.active {

	box-shadow: 0 0 40px 4px #111118;
	
}

header.header .icon svg path {
  fill: #ffffff;
}

header.header .bt {
	color:  #ffffff; 
}

.icon svg path {
  fill: var(--bcolor);
}

/*.icon .close svg path {
	fill: #ffffff;
}*/


/* Elements principaux
------------------------------------------ */
body {
	font-family: Jost,Futura,Trebuchet MS,Arial,sans-serif; 
	background: var(--bbackground);
	color:var(--bcolor);
}

h1, .h1, h2, .h2 {
	line-height: 1.2;
}


.lignes-h>* {
	margin-bottom: var(--half-gap);
	padding-bottom: var(--half-gap);
	border-color: var(--lines);
	border-style: solid;
	border-width: 0 0 1px 0;
}

.lignes-h>*:last-child {
	border-style: none;
	margin-bottom: 0;
	padding-bottom: 0;
}


.lignes-v>* {
	margin-right: calc(var(--half-gap)*-1);
	padding-right: var(--half-gap);
	border-color: var(--lines);
	border-style: solid;
	border-width: 0 1px 0 0;
}

/*rgb(55, 60, 62);
220 240 248*/
.lignes-v>*:last-child {
	border-style: none;
	margin-right: 0;
	padding-right: 0;
}


main>* {
	max-width: var(--max-w);
	margin: 0 auto;
	width: 100%;
}



.article-header .share svg path {
	   fill: var(--bcolor);
}




.article-header .share .twitter a:hover svg path,
.article-header .share .twitter a:focus svg path{
	fill: var(--twitter);
}


.article-header .share .facebook a:hover svg path,
.article-header .share .facebook a:focus svg path{
	fill: var(--facebook);
}

.article-header .share .linkedin a:hover svg path,
.article-header .share .linkedin a:focus svg path{
	fill: var(--linkedin);
}

.article-header .share .mail a:hover svg path,
.article-header .share .mail a:focus svg path{
	fill: var(--mail);
}









/* Hyperliens
---------------------------------------------- */
a, a:visited {
	color: #db1762;
}

/* a:focus, a:hover, a:active {
	background-color: #c41558;
	color: #fff;
	text-decoration: none;
} */

/* Citations, code et poesie
---------------------------------------------- */
blockquote {
	min-height: 40px;
	/*background: url(img/quote.png) no-repeat;*/
	border: none;
	padding-left: 3rem;
}

blockquote:before {
	content: "";
	/* à terme supprimer l'image quote.png et reintegrer le bon sur blocquote.spip_poesie */
}

blockquote.spip_poesie {
	background-image: none;
}

.spip_code, .spip_cadre {
	font-family: 'Courier New', Courier, monospace;
	margin: 0 .2rem;
}

.spip_code {
	border: 1px solid #dfdfcd;
	background-color: rgba(227, 227, 211, 0.5);
	color: #3b3b25;
	text-shadow: 0 1px 0 #fdfdfc;
}

.spip_cadre {
	background: #333;
	color: #fff;
	border-radius: 0.5rem;
	border: 0;
}

textarea.spip_code, textarea.spip_cadre {
	padding: 1rem;
	width: 98%;
}

/* ------------------------------------------
/* Habillage des elements du contenu
/* ------------------------------------------ */

/* fil d'ariane */
.arbo {
	clear: both;
	font-size: .9rem;
	color: #666;
}

.arbo * {
	font-weight: normal;
}

.arbo a, .arbo a:visited {
	color: #666;
}

.arbo a:hover, .arbo a:focus {
	background: #666;
	color: white;
	text-decoration: none;
}

.cartouche {
	margin-bottom: 1.5rem;
}

.cartouche h1 {
	margin-bottom: 0;
}

.cartouche p {
	margin-bottom: 0;
}

.surtitre {
	
}

.soustitre {
	
}

abbr.published {
	border: 0;
}

@media print {
	abbr[title].published:after {
		content: "";
	}
	abbr[title].dtreviewed:after {
		content: "";
	}
}

.info-publi {
	margin: 1.5rem 0 0;
	font-size: .9rem;
	font-style: italic;
}

html[dir="rtl"] .info-publi {
	font-style: normal;
}

.traductions {
	font-size: .9rem;
}

.traductions a[hreflang]:after {
	content: '';
}

.chapo {
	font-weight: bold;
}

.texte {
	
}

.hyperlien {
	display: block;
	padding: 1.5rem 50px;
	/*background: #EEE url(img/def.png) no-repeat 25px 1.9em;*/
	font-weight: bold;
}

.ps, .notes {
	margin-bottom: 1.5rem;
}

.notes {
	clear: both;
	font-size: .9rem;
}

/* Listes et tableaux */
.spip-puce {
	color: #db1762;
}

dl.spip dt {
	background: url(img/def.png) no-repeat 25px .5rem;
}

dl.spip dd {
	
}

table.spip {
	margin: 1em 0;
}

table.spip caption {
	background: none;
	border-bottom: 1px solid;
	text-align: left;
	font-weight: bold;
}

table.spip thead th {
	background: none;
	border: 1px solid;
	border-width: 1px 0;
}

table.spip tbody tr th, table.spip tr td {
	background: none;
}

table.spip tbody tr.odd th, table.spip tr.odd td {
	background: #EEE;
}

table.spip tr:hover td {
	background: #AAD;
}

table.spip tfoot {
	border-top: 1px solid;
}

/* Formulaires : variantes et cas particuliers
----------------------------------------------- */
.formulaire_spip {
	margin-bottom: 1.5rem;
}

.formulaire_spip label {
	display: block;
}

.formulaire_spip input.text, .formulaire_spip select, .formulaire_spip textarea
	{
	width: 100%;
	box-sizing: border-box;
	padding: .25rem;
	border: solid 1px #ccc;
	border-radius: 4px;
}

.formulaire_spip img.ui-datepicker-trigger {
	position: relative;
	max-width: 1.5rem;
	margin-top: -0.25rem;
	margin-left: -1.75rem;
}

.formulaire_spip .choix label {
	display: inline;
}

.formulaire_recherche label {
	display: block;
}

.toggel-box .formulaire_spip input[type="submit"],
#abo-newsletter .formulaire_spip input[type="submit"] {
	background-color: var(--bowcolor);
	border-color: var(--bowcolor);
	border-radius: 4px;
} 



.erreur_message {
	display: block;
}

/* Selection des langues */
.formulaire_menu_lang {
	margin: 0;
	padding: 0;
	background: none;
}

/* Formulaires de recherche (site / petitions) */

.formulaire_recherche * {
	display: block;
} 

.formulaire_recherche input.text {
/*	width: auto;
	height: 32px;
	padding-left: 20px;
	vertical-align: middle;
	border: solid 1px #aaa;
*/
	/*background: #fff url(img/recherche.png) no-repeat left center;*/
/*	-webkit-border-radius: 0.25rem 0 0 0.25em;
	border-radius: 0.25rem 0 0 0.25rem;
*/
}

/*
.formulaire_recherche input.btn, .formulaire_recherche input.submit {
	width: auto;
	height: 32px;
	vertical-align: middle;
	border: solid 1px #aaa;
	border-left: none;
	-webkit-border-radius: 0 0.25rem 0.25rem 0;
	border-radius: 0 0.25rem 0.25rem 0;
	text-align: center;
}
*/

/* Choix des mots-clefs */
.formulaire_spip .saisie_mots_forum fieldset {
	margin-left: 0
}

ul.choix_mots {
	display: flex;
	margin: 0;
	padding: 0;
	list-style: none;
	flex-wrap: wrap
}

ul.choix_mots li {
	display: flex;
	flex-basis: 30%;
	max-width: 30%;
	padding: 0.25rem 0.5em;
	align-items: center
}

ul.choix_mots li label {
	font-weight: normal;
	font-size: 1em;
	line-height: 1.25;
	margin-left: 0.25em
}

.formulaire_spip .bugajaxie {
	display: none;
} /*IE/Win*/

/* Formulaire de login dans une page */
.formulaire_login .editer-groupe .editer {
	clear: left;
}

.formulaire_login .editer_password .details {
	display: block;
}

.formulaire_login #spip_logo_auteur {
	float: right;
}

/* Fomulaire de contact */
.formulaire_ecrire_auteur {
	
}

.formulaire_ecrire_auteur .saisie_sujet_message_auteur input.text {
	width: 100%;
}

/* Habillage des portfolios
---------------------------------------------- */
.documents_portfolio li {
	display: inline;
	margin: 0;
	padding: 0;
}

.documents_portfolio a {
	display: inline-block;
	padding: 10px;
	margin: 5px;
	border: 1px solid #ccc !important;
	color: #EEE;
	background: #fff;
	box-shadow: 5px 7px 5px 2px rgba(85, 85, 85, 0.3);
}

.documents_portfolio a:hover {
	color: #999;
	opacity: 0.8;
}

.documents_portfolio img {
	margin: 0;
}

.documents_joints .descriptif p {
	margin: 0;
}

/* Habillage des forums
---------------------------------------------- */
.comments {
	margin-top: 2em;
	padding: 1em 0;
	border-top: 10px solid #EEE;
}

.comments  ul {
	list-style: none;
}

.comment-item {
	margin: 0.5em 0 0 0;
	padding: 0.5em 0 0 0;
	border-top: 1px solid #EEE;
}

.comments-items .comments-items {
	margin-left: 25px;
	padding-left: 20px;
	border-left: 5px solid #ddd;
}

.comment-meta {
	margin: 0;
	font-weight: bold;
}

.comment-meta small {
	font-size: 100%;
}

.comment-meta abbr {
	border: 0;
}

.comment-meta a {
	text-decoration: none;
}

.comment-content .hyperlien {
	padding: 0;
	background: transparent;
	font-weight: normal;
}

/* Formulaire de forum */
.forum-titre {
	margin-top: 2em;
	padding: 1em 0;
	border-top: 10px solid #EEE;
}

.formulaire_forum {
	
}

.formulaire_forum form+form {
	margin-top: 1em;
}

.formulaire_forum legend {
	display: none;
}

.formulaire_forum .saisie_titre input.text {
	width: 100%
}

.formulaire_forum .session_qui {
	display: none;
}

.formulaire_forum .saisie_texte .explication {
	font-size: .9em;
	font-style: italic;
	margin: 0.5em 0;
}

html[dir="rtl"] .formulaire_forum .saisie_texte .explication {
	font-style: normal;
}

.formulaire_forum .boutons {
	margin-top: 1em;
}

/* Habillage des petitions
---------------------------------------------- */
#signatures td.signature-date small {
	white-space: nowrap;
}

#signatures .formulaire_recherche {
	margin: 1.5em auto;
	text-align: center;
}

/* Formulaire de signature */
.formulaire_signature {
	
}

/* ------------------------------------------
/* Sous-navigation et autres menus
/* ------------------------------------------ */

/* Habillage general des menus de nav */
.menu {
	clear: both;
	/*margin-bottom: 1.5em;*/
	text-align: left;
}

.menu p {
	
}

.menu ul {
	/*margin-bottom: 1.5em;*/
}

.menu ul li {
	
}

.menu ul li ul {
	/*margin-left: 1.5em;*/
	/*list-style: circle;*/
}

/* Pagination */
.pagination .pagination-items {
	list-style: none;
	display: flex;
	flex-direction: row;
	justify-content: center
}

.pagination .pagination-item {
	margin: 0em;
	flex-basis: 7.5%;
	display: flex;
	align-items: center;
}

.pagination .pagination_precedent_suivant .pagination-item {
	flex-basis: auto;
}

.pagination .pagination-item+.pagination-item {
	margin-left: 0.5em
}

.pagination .pagination-item-label {
	display: block;
	flex-basis: 100%;
	background: #f0f0f0;
	text-decoration: none;
	padding: .5em;
	border-radius: .25em;
	text-align: center;
}

.pagination .on .pagination-item-label, .pagination a.pagination-item-label:hover,
	.pagination a.pagination-item-label:focus, .pagination a.pagination-item-label:active
	{
	background: #c41558;
	color: #fff;
}

.pagination .on .pagination-item-label {
	font-weight: bold;
}

.pagination .pagination_precedent_suivant .disabled {
	visibility: hidden
}

.pagination .pagination-item.disabled {
	
}

.pagination .pagination-item.disabled .pagination-item-label {
	color: #888;
	font-weight: normal;
}

.menu_articles .pagination strong {
	font-size: 1em;
}

/* Listes d'articles et extraits introductifs */
.menu_articles li {
	clear: both;
	margin-bottom: 1.5em;
}

.menu_articles li h3, .menu_articles li h2 {
	margin: 0 0 0.2em 0;
}

.menu_articles li p {
	margin: 0;
}

.menu_articles li small {
	
}

.menu_articles li .enclosures {
	float: right;
	text-align: right;
	max-width: 60%;
	margin: 0;
}

.menu_articles li div {
	margin-top: 0.2em;
	margin-bottom: 0.5em;
}

.menu_articles a {
	text-decoration: none;
}

.menu_articles strong {
	font-size: 1.2em;
}

.menu_breves li {
	
}

.menu_breves li h3 {
	margin: 0;
}

aside h2 {
	/*border-bottom: 3px solid #EEE;*/
	padding-bottom: .1em;
}

aside li {
	margin: 0;
}

aside a {
	text-decoration: none;
}



header.header {
    background-color: var(--bbackground);
	background-image: linear-gradient(#000, #1E2122);
}


footer.footer {
background-color: var(--bbackground);
background-image: linear-gradient(#1E2122, #000);
}




header .spip_logo_site,
header .spip_logo_site a,
header .spip_logo_site a:visited {
	color: var(--bowcolor);
	text-align: center;
	padding: 0;
	margin: 0;
	text-decoration: none;
	line-height: normal;
}


footer a {
	text-decoration: none;
}

footer a.spip_out:after {
	content: "";
}

/* ------------------------------------------
/* Autres medias
/* ------------------------------------------ */
@media print {
	/*  Ne pas imprimer */
	.spip-admin, .spip-admin-float, .spip-previsu {
		display: none;
	}
	.repondre {
		display: none;
	}

	/* Souligner et expliciter les liens */
	a {
		color: #600;
		text-decoration: underline !important;
	}
	a.spip_out:after, a.spip_glossaire:after, a.spip_mail:after {
		display: inline;
		content: " [" attr(href) "]";
	}
}





/* ------------------------------------------
/* Menu
/* ------------------------------------------ */

nav#top-menu li.menu-entree a {
}	



nav#top-menu {
	font-family: 'buzzonweb';
	font-size: min(1.3rem, 3vw);
	text-align: center;
width: 100%;
margin: 0;
text-align: center;

}

nav#top-menu a,
nav#top-menu a:visited {
	text-decoration: none;
}


nav#top-menu ul.menu-liste {
  /*margin: 0 0 0.6rem 0;*/
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
  align-items: center;
  height: 3rem;
/*   font-family: 'buzzonweb';
font-size: 1.3em;  */ 
  padding: 0;
  width: 100%;
}

/*

nav#top-menu li.menu-entree.rub2 a,
nav#top-menu li.menu-entree.rub2 a:visited {
	color: var(--musique);
}

nav#top-menu li.menu-entree.rub3 a,
nav#top-menu li.menu-entree.rub3 a:visited {
	color: var(--litterature);
}

nav#top-menu li.menu-entree.rub4 a,
nav#top-menu li.menu-entree.rub4 a:visited {
	color: var(--image);
}

nav#top-menu li.menu-entree.rub5 a,
nav#top-menu li.menu-entree.rub5 a:visited {
	color: var(--evenement);
}

nav#top-menu li.menu-entree.rub6 a,
nav#top-menu li.menu-entree.rub6 a:visited {
	color: var(--trajectoires);
}

nav#top-menu li.menu-entree.rub7 a,
nav#top-menu li.menu-entree.rub7 a:visited {
	color: var(--playlist);
}
*/

.spip_documents .oembed {
  padding: 0;
  border-style: none;
}

.spip_documents .spip_doc_legende {
  max-width: none;
  margin-top: 1rem;
}  

/* ------------------------------------------
/* Couleurs rubriques
/* ------------------------------------------ */



/* ------------------------------------------
/* Responsive
/* ------------------------------------------ */


@media only screen and (max-width: 743px) {

	.lignes-v > * {
	
	    margin: 0;
	    padding: 0;
	    border: none;
	}
}


/*743px*/
@media only screen and (max-width: 1000px) {
	
	nav#top-menu {
  		text-align: left;
  		font-size: 1.5rem;
	}
	nav#top-menu ul.menu-liste {
  		flex-direction: column;
	}
	
	nav#top-menu ul.menu-liste {
	  margin: 0 0 0.6rem 0;
	  display: flex;
	  flex-direction: column;
	  justify-content: normal;
	  align-items: normal;
	  height: auto;
  	}
  	
  	nav#top-menu ul.menu-liste li {
  		margin: 0 0 0.6rem 0;
  	}
  	
  	#fonctions-mob {
  		text-align: left;
  		font-size: 1.5rem;
  	}
  	
  	#fonctions-mob > div.bt {
  		margin: 0 0 0.6rem 0;
  	}
  	

}


/* largeur maximum 767px */
@media ( max-width : 767px) {
	.pagination {
		line-height: 3;
	}
}

/* largeur maximum 640px */
@media ( max-width : 640px) {
	body {
		font-size: .95em;
	}
	h1, .h1, h2, .h2 {
		line-height: 1;
	}
}

/* google adsens */

ins.adsbygoogle {
	
	background-color: transparent;
}

ins.adsbygoogle[data-ad-status="unfilled"] {
    display: none !important;
}


/* fin */