@font-face	{
    font-family: "MuseoSans_500";
    src: url("polices/MuseoSans_500.woff") format("woff");
}
@font-face	{
	font-family: "MuseoSans_300";
    src: url("polices/MuseoSans_300.woff") format("woff");
}
@font-face	{
	font-family: "MuseoSans_700";
    src: url("polices/MuseoSans_700.woff") format("woff");
}
@font-face	{
font-family: "MuseoSans_900";
    src: url("polices/MuseoSans_900.woff") format("woff");
}
.txtpardefault {
	font-family: "MuseoSans_300", Georgia;
}

@page {
margin:2cm;}
/*
*	{
	font-family: "MuseoSans_300", Georgia;
}

p	{
	font-family: "MuseoSans_300", Georgia;
}

main {
	font-family: "MuseoSans_300", Georgia;
}
*/

a:hover * {
	color: #E53011;
}
a:hover {
	color: #E53011;
}

main p	{
	margin-bottom: 1rem;
}

h1,
h2 {
	font-family: "MuseoSans_700";
	font-size: 2rem;
    clear: left;
}
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
  clear: left;
}

.texteencadre-spip {
        background: #FFF7B5;
        border-bottom-color: #EEEEEE;
        border-bottom-style: solid;
        border-bottom-width: 0px;
        border-left-color: #EEEEEE;
        border-left-style: solid;
        border-left-width: 0px;
        border-right-color: #EEEEEE;
        border-right-style: solid;
        border-right-width: 0px;
        border-top-color: #EEEEEE;
        border-top-style: solid;
        border-top-width: 0px;
        padding: 1em 1em 1em 1em;
        line-height: 1.35em;
        display: flow-root;
		color: #404040;
}
.caractencadre-spip {
        border: 1px solid #666;
        padding: 0px .5em 0px .5em;
}

.fleche::after {
	content: "\25B8"; /* Code Unicode pour la flèche vers la droite */
	color: black;
	margin-left: 10px;
	font-size: 14px;
	display: inline-block;
}

/*blockquote {
	padding: 40px 50px;
	position: relative;
  }
  
  blockquote p {
	font-style: italic;
	line-height: 1.3;
  }
  
  blockquote p {
	margin: 0% 2% 0% 0%;
	  display: inline;
	  clear: right;
  }
  
  blockquote:before {
	display: inline-block;
	position:absolute;
	top:25px;
	margin-bottom:0px;
	padding-bottom:0px;
	margin-left:-50px;
	content: "\00AB";
	font-family: 'Fontawesome';
	font-size: calc(1.5rem + 0.9vw);
	color: #53cfd1;
  }*/
  /*
  blockquote .spip-block-right {
	display: block;
	  margin-top: 1rem;
		position: relative;
  }
  
  blockquote .spip-block-right::first-line {
		padding-top: 2rem;
	  font-size: calc(1rem + 1vw);
		line-height: 1.4rem;
  }

  blockquote .spip-block-right:before {
		content:"\00BB";
		display: block;
		font-family: 'Fontawesome';
		font-size: calc(1.5rem + 0.9vw);
		color: #53cfd1;
		position: absolute;
		top: -60px;
		right: -50px;
		
}

  blockquote .spip-block-right:after {
	  content: "";
	  display: block;
	  width:100%;
	  height:3px;
	  margin-top: 1rem;
	  text-align: center;
	  background-color: #53cfd1;
	  
  }
blockquote:not(:has(.spip-block-right)):after {
	  content: "\00BB";
	  display: block;	
	  font-family: 'Fontawesome';
		font-size: calc(1.5rem + 0.9vw);
		color: #53cfd1;
    position:absolute;
	  bottom: 30px;
	  right:1px;
	   z-index:5;
}*/


/* Ci-dessous, de quoi régler l'interligne entre les notes insérées en bas des articles (cf balise #NOTES) et aérer notamment la mise en page entre le bloc de notes et le reste. */
notes p {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}

/* Ci-dessous, pour styliser l'affichage des icones de partage dans les réseaux sociaux, qui sont par défault déterminées par socialtags.css dans le plugin du même nom */
div.socialtags {
	margin: 2px 0 2px 0;
	padding: 0;
	clear:right;
}

.socialtags ul {
	display: flex;
	margin: 0 !important;
	padding: 0 !important;
}
.socialtags img {
	float: none;
	width: auto;
	height: 24px;
	border: 0;
	margin: 0;
	padding: 0;
}

.socialtags-hovers {
	opacity: .4;
	filter: alpha(opacity=40);
}
.socialtags-hovers:hover {
	opacity: 1;
	filter: alpha(opacity=100);
}


/* Ci-dessous, extrait de spip.css, pour rendu images dans articles avec utilisation des balises <imgXXXX|center> ou autres */
/* Logos, documents et images */
.spip_logo { float:right; margin: 0 0 10px 10px; padding:0; border: none; }

.spip_logo { margin: 0 0 0 0; padding: 0; border: none; }
.spip_logo_center { clear: both; display: block; margin: 0 0 0 0; }
.spip_logo_left { float: left; margin-right: 1.5em; margin-bottom: 1.5em; }
.spip_logo_right { float: right; margin-left: 1.5em; margin-bottom: 1.5em; }
.spip_documents { margin-bottom: 1.25em; padding: 0; background: none; max-width: 100%; }
.spip_documents,
.spip_documents_center,
.spip_doc_titre,
.spip_doc_descriptif,
.spip_doc_credits { margin-right: auto; margin-left: auto; text-align: center; min-width: 120px; }
.spip_documents_center { clear: both; display: flex; width: 100%; }
.spip_documents_left { float: left; margin-right: 1.5em; max-width: 33%; }
.spip_documents_right { float: right; margin-left: 1.5em; max-width: 33%; }
.spip_doc_titre {}
.spip_doc_descriptif { clear: both; }
.spip_doc_credits { font-size:80%; font-style: italic; clear: both; text-align: center; line-height:0.8em;}
.spip_doc_credits:before {content:'Crédits : ';}
.spip_documents>a { display: inline-block; }
.spip_documents table { text-align: left; }
table.spip .spip_document_image {width: auto !important;}

/* Adaptation aux nouveaux modeles document SPIP 4.0 */
.spip_document { /*display: flex; */justify-content: center;align-items: center}
.spip_doc_inner{ margin:0 0;text-align: center;max-width: 100%;}
.spip_doc_inner>* {margin-left: auto;margin-right: auto;}
/*.spip_document .spip_doc_lien { display: inline-block; }  ajoute trop de marge au dessus et en dessous des images tout comme le display : flex au dessus. A voir si nécessaire pour autres cas.*/
.spip_doc_legende { display: block; max-width: 100%; }
.spip_document img,.spip_document svg { max-width: 100%; height: auto; }

/* Fin adaptation */

.pagination { clear: both; text-align: center; }
@media print {
	.pagination { display: none; }
  #spip-admin * {
    display:none;  }
  #tarteaucitronRoot * {
  display:none;}
}

.pagination .pagination-items {list-style: none;display: flex;flex-wrap: wrap; flex-direction: row; justify-content: center}
.pagination .pagination-item {  margin: 0em; flex-basis: 0%; 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; 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: #E53011; 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: #000000; font-weight: normal;}
.menu_articles .pagination strong {font-size:1em;}

@media (max-width: 480px) {
	.spip_documents_left, .spip_documents_right { float: none; margin-left: auto; margin-right: auto; max-width:100%; }
}

/* Modeles par defaut */
.spip_modele { float: right; display: block; width: 25%; margin: 0 0 1.5em 1.5em; padding: 1.5em; background-color: #EEE; }


/* Extraits de squelettes-dist/css/spip.css modifiés */

/* Formulaires */
.formulaire_spip fieldset { margin: 3em 0 0; padding:1em 0;}
.formulaire_spip fieldset:has(.inscr-infolettre-ajuster) { margin: 0; padding:1em 0;}
.formulaire_spip fieldset fieldset { margin-left: 1em; }
.formulaire_spip label { padding: 4px 0; font-size: calc(1rem + 0.2vw); font-weight: 700;}
.formulaire_spip  h3.legend, .formulaire_spip  legend.legend { font-size: 140%; line-height: 135%; font-weight: bold; padding-bottom: 0.2em; border-bottom: 1px solid #CCCCCC;}
.formulaire_spip .inscr-infolettre-ajuster legend {line-height:0.9em; padding-top:1em;font-weight:bold;}
.formulaire_spip .formulaire_formidable .editer { display: grid; grid-template-columns: 20% 80%; gap: 15px;}
.formulaire_spip .choix { clear: both; padding: 0.3em 0;}
.formulaire_spip .editer { margin:0.7rem 1rem 0.7rem 0;}
.formulaire_spip .saisie_radio input,
.formulaire_spip .saisie_radio label,
.formulaire_spip .saisie_checkbox input,
.formulaire_spip .saisie_checkbox label,
.formulaire_spip .saisie_case input,
.formulaire_spip .saisie_case label,
.formulaire_spip .saisie_oui_non input,
.formulaire_spip .saisie_oui_non label,
.formulaire_spip .saisie_mot input,
.formulaire_spip .saisie_mot label { display: inline-block; }
.formulaire_spip .saisie_input label, .choix label { cursor: pointer; }
.formulaire_spip .inscr-infolettre-ajuster p.explication { font-size: 80%; font-weight: thin; margin-bottom: 0em; margin-top: 0.5em; line-height: 0.85em; opacity:75%; position: relative; top:10%;}
.formulaire_spip .explication { font-style: italic; }
.formulaire_spip .explication p { margin: 0; }
.formulaire_spip p.explication { font-size: 90%; margin-bottom: 0.5em; }
.formulaire_spip .inscr-infolettre-ajuster .choix label { font-size: 90%; font-weight: normal; padding: 0; line-height:0.9em;}
.formulaire_spip .choix label { font-size: 100%; font-weight: normal; padding: 0; }
.formulaire_spip .choix.choix_alternatif:after { content: ''; clear: both; display: block; }
.formulaire_spip .choix.choix_alternatif label { float: left; width: 20%; text-align: right; }
.formulaire_spip .choix.choix_alternatif input { float: right; width: 78%; }
.formulaire_spip .browser .frame { display: inline-block; vertical-align: top; width: 32%; min-width: 170px; border: solid 1px #aaa; background-color: #F7F7F7; padding:0.2em; margin-bottom:1em; }
.formulaire_spip ul.item_picked { margin:0; }
.formulaire_spip ul.item_picked li { display: inline-block; padding:0 0.2em; background-color:#F7F7F7; border: solid 1px #aaa; margin-right:0.2em; margin-bottom:0.2em; }
.formulaire_spip ul.item_picked li span.sep { display: none; }
.formulaire_spip .picker_bouton { text-align: right; }
.formulaire_spip:not(.formulaire_forum) .boutons { clear: both; margin: auto; max-width: 9rem; padding: 0.1rem 0.1rem 0.2rem 0.1rem; background-color: #E53011; color: white; text-align: center; font-weight: bolder; font-size: 1.2rem; text-transform: uppercase; border: 0.1rem solid; border-radius: 1.5rem; cursor: pointer;}


@media print {
	.formulaire_spip { display: none; }
}

/* Previsu */
.formulaire_spip .previsu { margin-bottom: 1.5em; padding: 0.75em; border: 2px dashed #F57900; }
fieldset.previsu legend { color: #F57900; }

/* Reponses */
.reponse_formulaire { margin-bottom: 1.5em; padding: 0.75em; border: 2px solid #ddd; }
.reponse_formulaire_ok { background: #e6efc2; color: #264409; border-color: #c6d880; }
.reponse_formulaire_erreur { background: #fbe3e4; color: #8a1f11; border-color: #fbc2c4; }
.reponse_formulaire_ok a { color: #264409; }
.reponse_formulaire_erreur a { color: #8a1f11; }

.erreur_message { color: red; }

.editer.erreur input[type="text"], .editer.erreur input.text,
.editer.erreur input[type="password"], .editer.erreur input.password,
.editer.erreur textarea,
li.erreur input[type="text"], li.erreur input.text,
li.erreur input[type="password"], li.erreur input.password,
li.erreur textarea { background-color: #fbe3e4; border-color: #fbc2c4; }

.spip_surligne { background-color: yellow; }


/* Extrait de squelettes-dist/css/theme.css modifié*/

/* Formulaires : variantes et cas particuliers
----------------------------------------------- */
.formulaire_spip { margin-bottom: 1,5em; }
.formulaire_spip label { display: block; }
.formulaire_spip input.text,
.formulaire_spip select,
.formulaire_spip textarea {
	width: 100%;
	box-sizing: border-box;
	padding:.25em;
	border:solid 1px #ccc;
	border-radius:4px;
}

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

.formulaire_spip .choix label {
	display: inline;
}

/* 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.25em 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*/

/* Fomulaire de contact */
.formulaire_ecrire_auteur {}
.formulaire_ecrire_auteur .saisie_sujet_message_auteur input.text { width: 100%; }


@media (max-width: 580px) {
	.formulaire_spip .editer {
	  display: block;
	}
  }


/* Customisation du formulaire de recherche de la page "tous-les-articles-ter" */
.formulaire_spip.formulaire_recherche {
	display: inline;
	max-width: 50%;
}
.formulaire_spip.formulaire_recherche input.text {
	width: 20%;
}
.formulaire_spip.formulaire_recherche label {
	display: inline-flex;
	font-size: calc(0.9rem + 0.2vw);
	color: #303030;
}
.formulaire_spip.formulaire_recherche .btn.submit {
	padding: 0 4px;
	font-size: 140%;
	cursor: pointer;
	color: #303030;
}
@media (max-width: 580px) {
	.formulaire_spip.formulaire_recherche {
		display: inline;
		max-width: 100%;
	}
	.formulaire_spip.formulaire_recherche input.text {
		width: 60%;
	}
}

/*Personnalisation du formulaire pour les commentaires*/
.formulaire_spip.formulaire_forum {
background-color:#ffcc00;
padding-inline:2%;}
.formulaire_spip.formulaire_forum fieldset {
margin-top:0rem;
padding-top:0.5rem;
padding-bottom:0.5rem;}
.formulaire_spip.formulaire_forum fieldset legend {
display:none;}
.formulaire_spip.formulaire_forum label {
line-height:1.5rem;
padding-bottom: 1rem;
font-size: 1.3rem;}
.formulaire_spip.formulaire_forum form .explication {
line-height:1.5rem;}
.formulaire_spip.formulaire_forum form .explication span.details {
padding-left:1rem;
text-decoration:underline;}
.formulaire_spip.formulaire_forum form div p:last-child {
display:block;
width:fit-content;
margin-left:auto;
margin-right:auto;
padding-bottom:1rem;
}
.formulaire_spip.formulaire_forum form div p:last-child input {
padding: 0.1rem 1rem 0.2rem 1rem; background-color: #E53011; color: white; text-align: center; font-weight: bolder; font-size: 1.2rem; text-transform: uppercase; cursor: pointer; margin-right:1rem;margin-left:1rem; border-radius: 1.5rem;}



/* Pour le dégradé en background de la partie projet sur la page d'accueil */
.carreprog button {
	background-image: linear-gradient(-45deg,#ff5133,#c8290d);
}

/* pour le bon affichage des iframe générés depuis vidéos youtube dans les articles */
.youtube_player,
.adaptationiframe iframe {
	aspect-ratio: 16 / 9!important;
	width: 100%!important;
}