/* ### Feuille de style msimioni.com v1 mars 2022 ### */

body
{
    font-family: "Libre Franklin", sans-serif;
	font-size: 	15px;
	line-height:	1.40;
	max-width:800px;
	margin-right:auto;
	margin-left:auto;
}



div
{ 
	margin-left:29%;
	padding:30px 30px;
	display:block;
}

li.intext{
  margin: 10px 0;
}

nav{
    font-family: "Inconsolata";
	list-style-type:none;
	max-width:210px;
	padding: 10px;
	top:0%;
	height: 100%;
	position:fixed;
	overflow:auto; ###le comportement lorsque la page est trop petite et qu'on doit la rogner
}

nav h1 a{
	color: 	#b22222; /*#dc143c;#08298A;*/
}
nav h1 a:hover
{
    border-bottom: 3px #b22222 dotted;
    transition: none;
}


nav ul{
	list-style-type:none;
	margin:0;
	padding: 2px;
}



nav ul li a {
		font-weight: 	bold;
    	font-size: 	16px;
    display: block;
    color: #000;
    padding: 8px 12px;
}

nav ul li a.active {
    background-color: #b0c4de;
    color: black;
        transition: all .25s ease;
	
}

/* #4CAF50  */

nav ul li a.link:hover {
opacity:0.8;
transition: all .25s ease;
}


nav ul li a:hover:not(.active):not(.link) {
    background-color: #708090;
    color: white;
    transition: all .25s ease;
}

/* #708090 */

a
{
	color: 		#4682b4;
	text-decoration:none;
}

a:hover
{
	opacity: 1;

    color: #b22222;
        transition: all .5s ease;
}

a.anchor-link:hover
{
	opacity:1;
}
a.anchor-link{
opacity:0;
}


span.ancre:hover + a{
    opacity: 1;
}


footer
{
	color: #aaaaaa;
	margin-left:29%;
	padding:30px 30px;
	margin-top:0px;
	text-align:left;
	display:block;
	bottom:0;
}


span.headerpage{
	border: 2px #aaaaaa;
	border-style:solid;
	text-align:right;
	display:block; /* Pour appliquer le cadre au paragraphe */
	padding: 10px;
	font-size: 	15px;
	color: #aaaaaa;
	margin-bottom:30px;
}

span.block{
	border: 2px #aaaaaa;
	border-style:solid;
	display:block; /* Pour appliquer le cadre au paragraphe */
	padding: 15px;
	font-size: 	14px;
	margin-bottom:0px;
}

h2{
	padding:15px 0px;
}






#sanspuce {
    list-style-type:none;
    margin-left:0px;
    padding:0;
}





/***** PRECISION POUR LES GRANDES PAGES ****/


/*MEDIA QUERY*/
@media only screen and (min-width : 699px) {


	nav {
	background-color: #f1f1f1;
	padding: 30px 10px;
	}

    
.bpdf:hover::after {
	content: ".pdf";
	color : #aaaaaa;
}
    
.cpdf:hover::after {
	font-family: FontAwesome;
	content: " \f1c1";
	color : #aaaaaa;
}

.jump:hover::after {
	content: " \f08e";
	font-family: FontAwesome;
	font-size:13px;
	color : #aaaaaa;
}

.tweet:hover::after {
	content: " \f099";
	font-family: FontAwesome;
	font-size:13px;
	color : #aaaaaa;
}

.mail:hover::after {
	content: " \f003";
	font-family: FontAwesome;
	font-size:13px;
	color : #aaaaaa;
}

.acad:hover::after {
	content: " \f19c";
	font-family: FontAwesome;
	font-size:13px;
	color : #aaaaaa;
}
    
.mytw:hover::after {
	content: "@MelchiorSimioni";
	color : #aaaaaa;
}

.lnk:hover::after {
	content: " \f08c";
	font-family: FontAwesome;
	font-size:13px;
	color : #aaaaaa;
}    
    
hr.style-two {
    width:80%;
    border: 0;
    height: 1px;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
}
}





/***** PRECISION POUR LES PETITES PAGES ****/

/*MEDIA QUERY*/
@media only screen and (max-width : 700px) {



	nav {
		position: relative;
		margin-left:auto;
		margin-right:auto;
		margin-bottom:20px;
		text-align:center;
		max-width:240px;
		padding: 0px;
		top:10%;
	border: 2px #aaaaaa;
	border-style:dashed;
	}

nav ul{
	list-style-type:none;
	margin:0;
	padding: 5px 10px;
}


	div  { 
		border-top: 2px solid #b0c4de;
		margin-left:0%;
		padding:20px 12px;
		display:block;
	}

footer	{
		margin-left:0%;
		padding:20px 12px;
	}
figure.tof {
    display: none;
    }
    
footermenu {
    display: none;
    }
    
    
li.big {
    display: none;
    }
}



figure {
    position: relative;
    display: inline-block;
    overflow: hidden;
    margin: 16px;
}
/*
img, figcaption {
    transition: all .25s ease;
}
img {
    display: block;
}
figcaption {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: .5em;
    background: #000;
    background: rgba(0, 0, 0, .75);
    color: #fff;
    opacity: 0;
}

figure:hover figcaption {
    opacity: 0.5;
}


*/

blockquote
{
	color:#6E6E6E;
	font-style: normal;
	font-size: 14px;
	margin-left: 32px;
	border-left: 4px solid #CCC;
	padding-left: 10px;
}