/*************************

MENU FEUILLE DE STYLE

- LIENS HYPERTEXTE
- ALIGNEMENT
- TITRES
- POLICES

**************************/


/* LIENS HYPERTEXTE */

	/* On nettoie */

		a:visited, a:focus, a:hover, a:active{
		    background-color: #fff;
		    color: #cd0d0d;
			border: none;
		}
		a:focus, a:focus-visible{
		    background-color: #cd0d0d !important;			
			border: 1px solid #cd0d0d !important;		
		}

	/* On repose une règle générale */

		a {
		    color: #cd0d0d;
		}
		a:hover{
			background-color: #cd0d0d;
			color: #fff;
		    transition-duration: 0.3s;
		}


	/* Logo */

		.header .spip_logo_site a:hover {
		    background-color: #fff !important;
		    color: #000 !important;
		    border: none !important;
		}

	/* Menu */ 

		.nav li.on a, .nav li a{
		    background-color: #cd0d0d;
		    color: #fff;
		    border: 1px solid #cd0d0d;
		    border-radius: 0;
		}
		.nav li a{
		    padding: 7px 20px;
		    text-transform: uppercase;
		    letter-spacing: 2px;
		}
		.nav li a:hover {
		    background-color: #fff !important;
		    color: #cd0d0d !important;
		    border: 1px solid #cd0d0d !important;
		}

	/* Titres */

		h3.entry-title a:focus, h3.entry-title a:hover, h3.entry-title a:active {
		    transition-duration: 1s;
		    background-color: #cd0d0d !important;
		}

	/* Fil d'ariane */

		.arbo a, .arbo a:visited {
		    border: none;
		}
		.ps a{
			color: #fff;
			text-decoration: none;
		}

	/* Colonne de droite */ 

		aside a{
			font-size: 20px;
		}
		aside .menu:nth-child(2) a, .page_mot aside h2+ul a{
			display: inline-block;
			float: left;
			border-radius: 2px;
			border: 1px solid #cd0d0d;
			padding: 7px 12px;
			margin: 5px;
	    	margin-left: 0;
		}
		aside .menu:nth-child(2) a:active, aside .menu:nth-child(2) a:focus{
		    border: 1px solid #cd0d0d;
		}

	/* Page rubrique */

		.page_rubrique .menu_articles ul li a{
			font-family: 'EB Garamond', serif;
		    text-transform: uppercase;
		    font-weight: 400;
		    letter-spacing: 3px;
		    font-size: 1.5em;
		}

	/* Pagination */

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

	/* Pied de page */

		.colophon a{
		    display: inline-block;
			padding: 7px 12px;
		    line-height: 20px;
		    background-color: #fff;
		    color: #cd0d0d;
		    border: 1px solid #cd0d0d;
		}
		.colophon a:hover{
		    background-color: #cd0d0d;
		    color: #fff;
		    border: 1px solid #fff;
		}

	/* Boutons SPIP */

	.spip-admin-boutons, a.spip-admin-boutons, .spip-admin-boutons a {
	    color: #FFF;
	    text-decoration: none;
	    background-color: grey;
	}

	/* Titres des articles de sous-rubriques */

	.page_rubrique .sous_articles ul li a {
	    font-size: 25px;
	}

	/* Rubriques et sous-rubriques */

	.menu.menu_rubriques a {
	    text-decoration: none;
	    display: inline-block;
	    padding: 7px;
	    border: 1px solid;
	    width: auto;
	    margin: 7px 5px;
    	font-size: 18px;
	}
	.page_rubrique ul, .menu ul li ul{
		list-style-type: none;
		margin: 0;
		float: left;
	}
	.page_rubrique .menu li{
		float: left;
	}

/* ALIGNEMENT */

	p, .menu_articles li p {
	    text-align: justify;
	}
	div.texte p {
	    font-size: 25px;
	    font-family: 'EB garamond', serif;
	    line-height: 1.4em;
	}
	body.page_sommaire abbr.published, body.page_sommaire .info-publi{
		display: block;
		margin-bottom : 15px;
	}

/* TITRES */

	.arbo, abbr.published, .info-publi {
	    text-transform: uppercase;
	   	font-style: normal;
	   	letter-spacing: 1px;
	   	font-size: 10px;
	   	text-decoration: none !important;
	}

	h1, h2, h3, h4, h5{
	    font-family: 'EB garamond', serif;
	    font-size: 35px;
	    text-transform: uppercase;
	    letter-spacing: 3px;		
	}
	h1.entry-title{
		color: #cd0d0d;
	}
	.page_rubrique .cartouche h1, .page_mot .cartouche h1{
	}
	.page_rubrique h1.surlignable span, .page_mot h1.surlignable span{
		display: inline-block;
    	padding: 2px 15px;
		background-color: #cd0d0d;
	    color: #fff;
	    border: 1px solid #cd0d0d;
	    font-family: "Luxi sans", "Lucida Grande", Lucida, "Lucida Sans Unicode", sans-serif;
	}
	h2{
		font-size: 24px;
	}
	.aside h2{
		border-bottom: none;
		font-size: 28px;
	}

	.header .spip_logo_site, .header .spip_logo_site a, .header .spip_logo_site a:hover {
	    font-family: 'Cormorant', serif;
	    font-weight: 400;
		font-size: 44px;
	    text-transform: uppercase;
	    letter-spacing: 7px;
	}
	.header .spip_logo_site{
	    padding-bottom: 20px;
    	border-bottom: 1px solid #000;		
	}
	.menu_articles li h3, .menu_articles li h2 {
	    margin: 0 0 0.2em 0;
	    padding-bottom: 20px;
	    /* border-bottom: 1px solid #000; */
	}
	.page_rubrique .sous_articles ul{
		width: 100%;
	    border-bottom: 1px solid #000;
	    margin-bottom: 20px;
	}
	.sous_articles li{
		margin-bottom: 0;
	}
	.page_rubrique h2 {
	    font-size: 33px;
	    font-style: italic;
	    text-transform: none;
	    letter-spacing: 0;
	}


/* AFFICHAGE */

	strong.on, span.sep, span.auteurs{
		display: none;
	}


/* MISES EN PAGE DIVERSES */

	.page{
		width: 100%;
	}
	header, nav{
		margin: 0 auto;
		
	}
	main{
		width: 100%;
		max-width: 1200px;
		margin: 0 auto;
	}
	.ps{
		border: 1px solid #cd0d0d;
	    padding: 15px;
	    box-sizing: border-box;
	    background-color: #cd0d0d;
	    color: #fff;
	    font-family: 'Cormorant', serif;
    	font-size: 27px;
    	font-style: italic;
	}
	.ps p{
		margin: 0;
	}
	.page_rubrique .introduction p, .page_mot .introduction p{
		font-size: 16px;
	    font-family: 'EB garamond', serif;
	    line-height: 1.4em;
	}

	/* Une colonne, deux colonnes, trois colonnes */

	#articles_recents ul{
		display: inline-flex;
	    flex-wrap: wrap;
	    justify-content: space-between;
	}
	#articles_recents ul li{
		width: 45%;
		text-align: justify;
	}
	#articles_recents ul li:first-child{
		width: 100%;
	}

	/* page d'accueil */

	#articles_recents abbr{
		margin-top: 20px;
	}
	#articles_recents div.img_couv{
		max-height: 230px;
	}
	#articles_recents img.spip_logo {
	    object-fit: cover;
	    width: 100%;
	    height: 230px;
	}
	#articles_recents ul>li:nth-child(1) img.spip_logo {
	    object-fit: cover;
	    width: 100%;
	    height: 300px;
	}

	/* page article */

	.page_article .spip_logo {
	    float: none; 
	    margin: 10px 0 20px;
	    width: 100%;
	}

	/* Pied de page */

	footer{
		color: #fff;
		background-color: #cd0d0d;
		margin-top: 30px;
		padding: 5px 0 20px !important;
	}
	footer div{
		width: 100%;
		max-width: 1200px;
		margin: 0 auto;
	}
	.colophon{
	    float: none !important;
		text-transform: uppercase;
		letter-spacing: 2px;
		font-size: 14px;
    	height: auto !important;
    	width: auto !important;
		margin: 20px 0 !important;
	}
	footer input{
		float: left;
	}

/* RECHERCHER */

	.formulaire_recherche input.text,
	.formulaire_recherche input.btn, 
	.formulaire_recherche input.submit {
	    background: none;
	    border: none;
	    border-radius: 0;
	    height: 37px;
	    border-bottom: 1px solid #fff;
		color: #fff;
		font-size: 18px;
	}
	.formulaire_recherche ::placeholder{
		color: #fff;
		font-size: 18px;
	}
	.formulaire_recherche input.btn, .formulaire_recherche input.submit {
		background: url(img/recherche.png) no-repeat center center;
	    width: 29px;
	}


@media (max-width: 767px) {
    body {
        padding: 0;
    }
    .page{
        padding: 0 20px;    	
    }
    footer{
    	padding: 10px 20px 30px !important;
    }
}

@media all and (max-width: 640px) {
	#articles_recents ul li{
		width: 100%;
		text-align: justify;
	}
	.page_sommaire h3{
		text-align: left;
		font-size: 1.9em;
	}
	.page_sommaire .introduction{
		font-size: 1.2em;
	}
	.formulaire_recherche input.text{
		width: 80%;
	}
	.formulaire_recherche input.btn, 
	.formulaire_recherche input.submit {
		width: 20%;
	}
}