nav
{
 min-width : 160px;
}

section
{
 margin-left : 165px;
}

nav:last-of-type + section
{
 background-image : url('../../pics/cm01.jpg');
 background-position : top right;
 background-repeat : no-repeat;
 justify-content : flex-start;
}

p
{
 width : 100%;
}

div#cheval
{
 position : fixed;
 top : 10vmin;
 left : 110%;
 opacity : 0.8;
 transition : left 8s 1s linear, top 8s 1s linear;
 z-index : 3;
}

div#cheval:hover
{
 background-color : rgba(0, 255, 0, 0.3);
 box-shadow : #000000 1vmin 1vmin 1.5vmin;
}

div#divImageDuke
{
 transition : opacity 1s;
}

section ul
{
 transition : background-color 3s 2s;
}

section ul:hover
{
 transition : background-color 1s;
 background-color : rgba(0, 128, 0, 0.1);
}

ul li
{
 transition : box-shadow 4s 1s;
}

ul li:hover
{
 box-shadow : 4px 4px 6px;
 transition : box-shadow 250ms;
}

nav:last-of-type div:first-of-type
{
 transition : background 500ms, box-shadow 1s;
}

nav:last-of-type div:first-of-type:hover
{
 background-color : rgba(64, 128, 128, 0.6);
 box-shadow : rgba(0, 0, 0, 0.6) 1vmin 1vmin 2vmin;
 transition : none;
}

@media screen and (max-width : 1200px)
{
 nav
 {
  margin-left : -50px;
 }
 
 section
 {
  margin-left : calc(-12.5vmin + 110px);
 }
}