body {
	font-family: sans-serif;
}
a { color:#006FA9; }
h1 {
/*	text-align: center;
	padding: 0.5em;
	color:white;
	width: 100%;
	background-color: #095797;
	border-radius: 10px;
	border: 3px solid #083c66;
	text-transform: uppercase;
	box-sizing: border-box;*/
}

	h1 img {
		width: 100%;
		height: auto;
	}

ol { list-style: none; padding-left: 0; }

ol ol {
	padding-left: 1em;
}

.langue ol ol {
	padding-left: 0.3em;
}

#filAriane {
    margin: 15px 15px 20px;
    font-weight: bold;
    font-size: 0.75rem;
}

#date-publication {
	text-align: center;
	margin-top: 50px;
	margin-bottom: 0px;
}


/* Lettrines sur quatre colonnes */

ol.quatre-colonnes {
	margin-top: 4%;
	column-count: 4;
	column-rule: 1px solid #e9e9e9; 
	column-gap: 25px;
	padding-left: 0; 
}

ol.quatre-colonnes>li {
	break-inside: avoid;
	/*margin-top: 3em;*/
}
ol.quatre-colonnes>li:first-child {
	margin-top: 0px;
}
/* Lettrines sur tris colonnes */

ol.trois-colonnes {
	column-count: 3;
	column-rule: 1px solid #e9e9e9; 
	column-gap: 30px;
	padding-left: 0; 
}

ol.trois-colonnes>li {
	break-inside: avoid;
	margin-top: 2em;
}
ol.trois-colonnes>li:first-child {
	margin-top: 0px;
}
/* Fin lettrines sur tris colonnes */


/* Une colonne par langue */
div.deux-colonnes .langue {
	float:left;
	width:50%;
	border-left: 1px solid #e9e9e9;
	border-right: 1px solid #e9e9e9;
	margin-left: -1px;
	padding: 0 15px;
}
div.trois-colonnes .langue {
	float:left;
	width:33%;
	border-left: 1px solid #e9e9e9;
	border-right: 1px solid #e9e9e9;
	margin-left: -1px;
	padding: 0 15px;
}
div.deux-colonnes .langue:first-child, div.trois-colonnes .langue:first-child {
	border-left: none;
	padding-left: 0;
}
div.deux-colonnes .langue:last-child, div.trois-colonnes .langue:last-child {
	border-right: none;
	padding-right: 0;
}
/* Fin une colonne par langue */

ol.sans-lettrine>li {		
	break-inside: avoid;
	margin-top: 0;
}

.lettrine { 
	display:block;
	padding: 0.1em 0 0.1em 0.4em;
	font-size: 1.1em;
	font-weight: bold;
	color:white;
	background-color: #095797;
	margin-bottom: 1em;
}

.vignette-img {
		float: left;
		margin: 2px 22px 15px 0;
}

#texte-presentation .legende p,
#texte-presentation .legende p a {
	margin-top: 6px;
    font-size: 11px;
    line-height: 1.4em;
}

h2, h3, h4, h5, h6 {
	margin-top:0;
}
@media screen and (max-width: 600px) {
       ol.trois-colonnes {
	column-count: 2;
	
}
    }

    @media screen and (max-width: 320px) {
       ol.trois-colonnes {
	column-count: 1;
	
}
    }