/* >–––––––––––––––––––––––––––––––––––––– interface.css –––––––––< */ 

	:root
    {

        /* COLORS */
        --black-background-color: #4E4E4E;
        --black-separators-color: #363636;
        --black-titles-color: #000000;
        --blue-light-color: #87E3FF;
        --complementary-light-color: #DBBAF5;
        --complementary-dark-color: #C377FF;
        --fbleu-color: #3ED8FF;
        --white-content-background-color: #ececec;
    }

.fbleu { background-color: var(--fbleu-color); }
#iViewport > section.fbleu { background-color: var(--fbleu-color); }
.fvert { background-color: #81FFAF; }
.fjaune { background-color: #F9F05C; }
.forange { background-color: #FCBA35; }

.svg_blck::before
{
	background: var(--black-background-color);
}

.blck_shdw 
{ 
    -webkit-box-shadow: 4px 2px 14px 0px rgba(112,196,255,0.4);
       -moz-box-shadow: 4px 2px 14px 0px rgba(112,196,255,0.4);
            box-shadow: 4px 2px 14px 0px rgba(112,196,255,0.4);
}

#iFond
{
	background: #FFFDF0;
}

/* iMENU */

nav#iMenu { background-color: var(--black-background-color); }
nav#iMenu #viewport { background-color: var(--black-background-color); }
nav#iMenu #close { color: var(--blue-light-color); }
nav#iMenu #close:hover { color: var(--complementary-light-color); }
nav#iMenu h2 { color: var(--black-titles-color); }


/* HEADER */

#iViewport > header #left .svg_blck
{
	border-bottom-right-radius: 1rem;
	overflow: hidden;
}
#iViewport > header #left nav
{
	border-top-right-radius: 1rem;
	border-bottom-right-radius: 1rem;
	overflow: hidden;
}
#iViewport > header #left nav::before
{
	background-color: #DBBAF5;
	transition: opacity 1s ease-out;
}
#iViewport > header #left:hover nav::before
{
	opacity: 0.9;
}

#iViewport > header #center nav
{
	border-radius: 1rem;
	overflow: hidden;
}
#iViewport > header #center nav li 
{ 
	font-family: "Frutiger Neue W01 Book", sans-serif; 
	font-size: 2.1rem; line-height: 2.1rem;
	border-right: 1px solid var(--black-separators-color);
}
#iViewport > header #center nav li span 
{ 
	font-family: "Frutiger Neue W01 Thin", sans-serif; 
	font-size: 1.6rem; line-height: 3rem;
}
#iViewport > header #center nav a li { color: var(--blue-light-color); }
#iViewport > header #center nav a:hover li { color: var(--complementary-light-color); }

#iViewport > header #right a svg 
{ 
    transition: fill 0.3s ease-out;
}
#iViewport > header #right a:hover svg 
{ 
	fill: var(--complementary-dark-color); 
}
#iViewport > header #right a p 
{ 
    transition: color 0.3s ease-out;
}
#iViewport > header #right a:hover p { color: var(--complementary-dark-color); }

#iViewport > header nav#bar li 
{
    color: var(--blue-light-color);
    border-right: 1px solid var(--black-separators-color);
}
#iViewport > header nav#bar a:hover li { color: var(--complementary-light-color); }
#iViewport > header nav#bar li.cal svg { fill: var(--blue-light-color); }
#iViewport > header nav#bar a:hover li.cal svg { fill: var(--complementary-light-color); }
#iViewport > header nav#bar li#iMenu > div div { background-color: var(--blue-light-color); }
#iViewport > header nav#bar li#iMenu:hover > div div { background-color: var(--complementary-light-color); }

/* FOOTER */

#iViewport > footer 
{ 
    margin-top: 0rem; 
}
#iViewport > footer nav h2 
{ 
	font-family: "Frutiger Neue W01 Book", sans-serif; 
	color: var(--black-titles-color); 
}
#iViewport > footer nav a li { color: var(--blue-light-color); }
#iViewport > footer nav a:hover li { color: var(--complementary-light-color); }
#iViewport > footer > div:last-child { padding-top: 0rem; }
#iViewport > footer > div:last-child p { color: var(--complementary-light-color); }
#iViewport > footer > div:last-child p a { color: var(--complementary-light-color); }
#iViewport > footer > div:last-child p a:hover { color: var(--blue-light-color); }


/* >–––––––––––––––––––––––––––––––––––––– REACTIF ––––––––––––––––––––––– REACTIF ––––––––––––––––––––––– REACTIF ––––––––––––––––––––––– REACTIF –––––––––< */


@media all and (max-width: 800px) 
{
	#iViewport > footer > div:last-child { padding-top: 3rem; }
}