/* OVERRIDE STYLES */
body > section {											/* le bandeau haut défile avec le texte */
	margin-top:0;
}

body > header {
	position: static;
}








/* styles PICOCMS */
#picocms section {
	text-align: justify;
}

#picocms section h3 {
	margin-top:2em;
	padding-top: 2em;
	border-top: 1px dashed silver;
}

#picocms section h3:first-of-type {
	margin-top:1em;
	padding-top: 0;
	border-top: 0;
}

#picocms table {
	margin-left:auto;
	margin-right:auto;
	margin-top:2em;
	margin-bottom:2em;
}

#picocms p,
#picocms li {
	line-height:1.5em ;
}

#picocms li {
	margin-left: 1.2em;
}

#picocms ol, 
#picocms ul {
	margin-bottom:2em;
	padding: 0;
}

#picocms ul li ul {				/* UL imbriqués : moins d'espaces entre imbrications */
	margin-bottom:1.2em;
}

#picocms b, 
#picocms strong {
    color:inherit;
}

#picocms p img,
#picocms td img {					/* images incorporées */
	padding:10px;
    background-color: white;
	display:block;
	margin-left:auto;
	margin-right:auto;
	margin-top:2em;
	margin-bottom:2em;
	box-shadow:2px 2px 3px #888;
	max-width: 90%;
}

#picocms img + em {				/* légende sous image */
	text-align:center;
	margin-top:-1.4em;
	display:block;
	font-size:0.8em;
	margin-bottom:2em;
}

#picocms a + em {                            /* légende après lien */
    font-size:0.8em;
}

#picocms sub,
#picocms sup {
    font-size: 0.6em;
}

#picocms .footnote-ref {					/* renvoi vers note de bas de page */
	color:darkgoldenrod;
	padding:0 0.3em;
}


#picocms code {
    font-family: Courier, "Courier New", Monaco, Tahoma;
    background: #eee;
    color: #333;
    padding: 0px 2px;
}

#picocms pre {
    background: #eee;
    padding: 20px;
    overflow: auto;
}

#picocms blockquote {
    font-style: italic;
    margin-left: 15px;
    padding-left: 10px;
    border-left: 5px solid #dddddd;
}

#picocms dd {
    margin-left: 2em;
}

#picocms table{
	border-collapse: collapse;
	background-color: ghostwhite;
	color:black;
}

#picocms table td, 
#picocms table td img {
    vertical-align: top;
}

#picocms table td, 
#picocms table th {
    border: solid 1px silver;
    padding: 0.25em 0.5em;
}

#picocms table thead tr {
	background-color: #02268d;
	color:white;
}

#picocms table th {
	text-align: center;
}


#picocms td img {
	border:0px;
	box-shadow:none;
	margin:0px;
	display: inline;
}


#picocms .footnotes{			/* cadre bas de page pour notes */
	background-color:gainsboro;
	font-size:0.8em;
    color:black;
	padding:0px 5px 5px 5px;
}

#picocms .footnotes hr {		/* séparation des notes de bas de page : annuler marge basse */
	margin-bottom:2em;
}

#picocms section hr {
	margin-top:3em;
	margin-bottom:3em;
	border-top: 1px dashed silver;
	border-bottom: 0;
}

#picocms h5 {					/* titre Annexes */
    padding: 0.3em 0em 0.3em 0.6em;
    border-left: 0.6em solid dimgray;
    border-bottom: 1px solid dimgray;
    color: dimgray;
    font-size: 1.2em;
	margin-top: 3em;
    background-color: ghostwhite;
}








/* INDEX */
section#index_docs ul.docs_container {
	display: flex;
	flex-wrap: wrap;
	list-style: none;
	font-size: 0.9em;
}

section#index_docs ul.docs_container li{
	display: flex;
	flex-direction: row;
	border: 1px solid darkgray;
	margin: 1.5em;
	background-color: ghostwhite;
	box-shadow: 4px 4px 10px #d0d0dd;		
	transition-property: box-shadow;
	transition-duration: 0.1s;
	cursor: pointer;
}

section#index_docs ul.docs_container li:hover{
	box-shadow: 4px 4px 10px lightslategrey;
	border-color: #02268d;			
}

section#index_docs ul.docs_container li span{
	display: flex;
	flex-direction: column;
	justify-content: space-around;	/* ie / edgehtml */
	margin-left: 1em;
	margin-right: 1em;
}		

@supports not (-ms-ime-align: auto){
	section#index_docs ul.docs_container li span{
		justify-content: space-evenly;	/* autres navigateurs non ie */
	}
}

@supports (background: -webkit-named-image(i)) {
	section#index_docs ul.docs_container li span{
		justify-content: space-around;	/* cas spécial safari */
	}
}



section#index_docs ul.docs_container li span a {
	color: #ef6c00;
	text-decoration: none;
	font-weight: bold;
}









/* TABLE DES MATIERES */
#picocms > section.docs_nav {								/* modifier comportement hérité pour avoir un flex colonnes */
	display: flex;
    padding-top: 0;	
}

#picocms > section.docs_nav > nav {							/* element gauche du flex : navigation table des matières (colonne) */
    font-size: 0.7em;
    width: 18em;
    padding: 0.7em;
    text-align: left;
    flex-shrink: 0;
    background: ghostwhite;
	border-right: 1px dashed silver;
}

#picocms > section.docs_nav > nav > div {					/* conteneur sticky pour titre + ULs */
	position: sticky;
    top: 1em;
}

#picocms > section.docs_nav > section {						/* redéfinir la marge supprimée par #picocms > section.docs_nav */
    flex-grow: 1;
    padding-top: 2.5em;
}

#picocms > section.docs_nav > section > * {					/* redéfinir marge gauche/droite supprimée */
	width: 80%;
    margin-left: auto;
    margin-right: auto;
}

#picocms > section.docs_nav > nav > div > p {				/* titre table des matières */
	text-align: center;
    font-weight: bold;
    font-size: 1.75em;
    margin-top: 1em;
    color: #ef6c00;
}

#picocms > section.no_docs_nav > nav {						/* si pas de navigation, cacher colonne */
	display: none;
}

#picocms > section.docs_nav > nav > div ul {
	color:#555;
}

#picocms > section.docs_nav > nav > div > ul > li > span {
	font-weight: bold;
}

#picocms > section.docs_nav > nav > div > ul > li {			/* augmenter la marge LI seulement pour premier niveau UL(h3) */
	margin-top: 1em;
}

#picocms > section.docs_nav > nav > div li span{
	cursor: pointer;
}

#picocms > section.docs_nav > nav > div li span:hover {
	text-decoration: underline;
	color: #ef6c00;
}







/* Media Queries
/*---------------------------------------------*/

/* print */
@media print  {
	
	#picocms{
		font-size:13px;
		color:black;
	}
	
	#picocms h1{
		font-size:2em;
		margin-bottom: 0;
	}

	#picocms h3{
		border-left:1.5em solid black;
		border-right:1.5em solid black;
		font-size:1.7em;
		color:black;
		width:90%;
		border-top:0 !important;
		padding-top: 0 !important;
		margin-top:4em !important;
	}

	#picocms h4 {
		border-bottom:2px solid gray;
		border-left-color: gray;
		color:black;
	}
		
		
	#picocms a {
		text-decoration:none;
		color:black;
		text-shadow: none;
	}
	
	#picocms a[href^="http"]::after {						/* transformer liens annexes en liens imprimables */
		content: " (" attr(href) ")";
		font-size:0.8em;
	}

	#picocms img {											/* taille max image à l'impression */
		max-width:93%;
	}
	
	body > header 	{
		display:none;										/* ne pas afficher en-tete am63 pour impression */
		visibility:hidden;
	}
	
	
	#picocms > section.docs_nav > nav {						/* sur impression, cacher colonne nav */
		display: none;
	}
}





/* mobile */
@media screen and (max-width:1024px) {
		
	#picocms > section.docs_nav > nav {						/* sur mobile, cacher colonne nav */
		display: none;
	}

	section#index_docs ul.docs_container li{				/* diminuer marge docs */
		margin: 0.75em;
	}
	
	section#index_docs ul.docs_container img {				/* diminuer taille icone */
		width:75px;
	}
	
}