body, p {font-family: "Helvetica Neue", Helvetica, Arial,sans-serif !important;  
overflow-y: hidden !important;text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;}

body::-webkit-scrollbar-track
{-webkit-box-shadow: inset 0 0 0px rgba(0,0,0,0.3);}

body::-webkit-scrollbar
{width: 3px;}

body::-webkit-scrollbar-thumb
{background-color: #fff !important;}

.page-id-43 {overflow-y: scroll !important; }
.page-id-43 p {color: #B7B7B7 !important; font-family: "Helvetica Neue", Helvetica, Arial,sans-serif !important;text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;}

#ascrail2000   {z-index: 6000 !important; margin-right: 5px;}

.ms-loading-container .ms-loading, .ms-slide .ms-slide-loading {display:none !important;}

.container header {  width: 100% !important;position: fixed; height:110px;}
footer {display: none;}
header {border-bottom: 0px !important;}
.move_menu_separator {padding: 0px !important;}
.content {padding: 120px 0 0 0 !important;}

nav.main_menu {
  float: left !important;
  height: 400px !important;
  position: fixed !important;
  width: 200px !important;
  top: 23% !important;
  margin-left: 50px !important;
  right: initial !important;
  z-index: 450;}

nav.main_menu ul li { width: 200px;}

#magic2 {display: none !important;}
#magic {display: none !important;}

nav.main_menu ul li a {color: #7d7d7d !important;}
nav.main_menu ul li.active a {color: #E7E7E7 !important;}


#headlogo { 
background: #282828 !important; 
text-align: center;
font-size: 27px  !important;
padding-top: 30px  !important;
letter-spacing: 8px  !important;
color: #494949  !important;
font-weight: bold  !important;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;}


#headlogo a { color: #494949 !important; text-decoration: none !important;}

#menufixe {font-size: 11px ; 
letter-spacing: 2px !important;
padding: 15px 0px 15px 0px;}




#menufixe a {color: #878684 !important; text-decoration: none;
  font-weight: normal !important;
-webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;}
#menufixe a:hover {color: #DADADA !important;  text-decoration: none;}
#menufixe a:active {color: #fff !important;  text-decoration: none;}


nav.main_menu ul li a {
font-size: 13px !important;
height: initial !important;
line-height: 2px !important;
padding-bottom: 20px !important;
font-weight: bold;
letter-spacing: 2px;}

nav.main_menu ul li a:hover  {color: #B6B6B6 !important;}

nav.main_menu {
-webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; 
-webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
z-index: +300;}

.page-id-43 nav.main_menu, .page-id-8 nav.main_menu, .page-id-56 nav.main_menu {
-webkit-opacity: 0  !important; ;
-moz-opacity: 0  !important; ;
opacity: 0  !important; ;
z-index: -300  !important; 
visibility: hidden !important;}

.page-id-43 .selectnav, .page-id-56 .selectnav, .page-id-8 .selectnav  {display: none !important}


.ms-skin-default .ms-nav-next {right: -55px !important;}
.ms-skin-default .ms-nav-prev {left: -55px !important; z-index: 550 !important;}
.ms-slide-info.ms-dir-h {margin-top: 30px !important;letter-spacing: 0.5px;margin-left: 15%;width: fit-content;}
.page-id-6 .ms-slide-info.ms-dir-h {padding: 0 30px 0 30px;}
.titlecredit {color: rgb(188, 188, 188) !important;
font-family: "Times New Roman", Times, serif; font-size: 14px; font-style: italic;letter-spacing: 1px; text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;}
.datecredit {font-size: 12px !important;}
.ms-info img { top: 30px; position: absolute;  right: 0px;}

a:hover {color:#FFF !important;}
a {-webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out; }


/*.page-id-10 .content_inner {background: white !important; }
.page-id-10 .container {background: white !important; }*/

.page-id-10 .ms-view { border: solid 80px white; margin-left: -80px; background: white;}


#welcome {position: fixed; top : 50px; left: 0px; right: 0px; bottom: 0px; background: url(https://antoinelerouxdhuys.com/wp-content/uploads/2015/05/starter1.jpg) no-repeat center 0px fixed #282828; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

#welcome {position: fixed; top : 110px; left: 0px; right: 0px; bottom: 60px; background: url(https://antoinelerouxdhuys.com/wp-content/uploads/2022/06/Affiche-Arles-2022-reduce-CH-UK-littleweb.jpg) no-repeat center 0px #282828; 
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
}


.page-id-56 .container {background-color: transparent !important;}

.selectnav ul li a { text-align: center; color: #797979 !important; padding: 15px 0 15px 0; font-size: 18px;}
.selectnav ul li a:hover {color: #D6D6D6 !important;}
.selectnav span {background-position: center center !important;background-color: #484848 !important;height: 35px !important;}
.selectnav {margin: 0px 0 !important;}
.selectnav ul {background-color: #484848 !important;}


html.pum-open.pum-open-overlay.pum-open-scrollable .pum-overlay.pum-active {overflow-y: hidden !important;}

.pum-theme-261 .pum-content p {
letter-spacing:2.5px;
color:#878684 !important;
margin-top: 0px !important;
margin-bottom: 0px !important;
}

.pum-theme-261 .pum-content p u:hover{
color:#c1c1c1 !important;
}


@media (max-height: 500px) {.container {max-width: 200px;}
.page-id-10 .ms-view {border: 35px solid #FFF !important; margin-left: -35px !important;}
.ms-skin-default .ms-nav-next {right: -25px !important;}
.ms-skin-default .ms-nav-prev {left: -25px !important;}
}
@media (min-height: 501px) and (max-height: 600px) {.container {max-width: 200px ;} 
.page-id-10 .ms-view {border: 50px solid #FFF !important; margin-left: -50px !important;}
.ms-skin-default .ms-nav-next {right: -40px !important;}
.ms-skin-default .ms-nav-prev {left: -40px !important;}
}
@media (min-height: 601px) and (max-height: 650px) {.container {max-width: 220px ;}
.page-id-10 .ms-view {border: 50px solid #FFF !important; margin-left: -50px !important;}
.ms-skin-default .ms-nav-next {right: -45px !important;}
.ms-skin-default .ms-nav-prev {left: -45px !important;}
.page-id-10 .container {max-width: 120px ;}
}
@media (min-height: 651px) and (max-height: 670px) {.container {max-width: 240px ;}
.page-id-10 .container {max-width: 150px ;}
}
@media (min-height: 671px) and (max-height: 700px) {.container {max-width: 260px ;}
.page-id-10 .container {max-width: 170px ;}
}
@media (min-height: 701px) and (max-height: 740px) {.container {max-width: 320px ;}
.page-id-10 .container {max-width: 200px ;}
}
@media (min-height: 741px) and (max-height: 800px) {.container {max-width: 400px ;}
.page-id-10 .container {max-width: 240px ;}
}
@media (min-height: 801px) and (max-height: 900px) {.container {max-width: 450px ;}
.page-id-10 .container {max-width: 280px ;}
}
@media (min-height: 901px) and (max-height: 1000px) {.container {max-width: 500px ;}
.page-id-10 .container {max-width: 320px ;}
}
@media (min-height: 1001px) and (max-height: 4001px) {.container {max-width: 700px ;}
.page-id-10 .container {max-width: 390px ;}
}

@media only screen and (min-width: 960px) {
.ms-skin-default .ms-nav-next, .ms-skin-default .ms-nav-prev {
    width: 50% !important;
    background: none !important;
    height: 100% !important;
    top: 0 !important;
    margin-top: 0px !important;
}
.ms-skin-default .ms-nav-next {
    right: 0 !important;
    cursor: url(/fav/light-next.png), auto !important;
}
.ms-skin-default .ms-nav-prev {
    left: 0 !important;
    cursor: url(/fav/light-prev.png), auto !important;
}

.page-id-10 .ms-skin-default .ms-nav-next, .page-id-10 .ms-skin-default .ms-nav-prev {
width: calc(50% + 80px) !important;}
.page-id-10 .ms-skin-default .ms-nav-next {
    right: -80px !important;}
.page-id-10 .ms-skin-default .ms-nav-prev {
    left: -80px !important;}
}

@media only screen and (min-width: 500px) and (max-width: 960px){
#headlogo {font-size: 20px !important;padding-top: 20px !important;  letter-spacing: 6px !important;}
#menufixe {font-size: 11px ; letter-spacing: 2px !important;padding: 10px 0px 15px 0px;}
.content {padding: 125px 0px 0px !important;}
}

@media only screen and (max-width: 650px){
#headlogo {font-size: 16px !important;padding-top: 15px !important;  letter-spacing: 4px !important;}
.content {padding: 125px 0px 0px !important;}
.page-id-10 .ms-view {border: 50px solid #FFF !important; margin-left: -50px !important;}
.ms-skin-default .ms-nav-next {right: -40px !important;}
.ms-skin-default .ms-nav-prev {left: -40px !important;}
.ms-slide-info.ms-dir-h {margin-left: 0;}
}

@media only screen and (max-height: 650px){
#headlogo {font-size: 16px !important;padding-top: 15px !important;  letter-spacing: 4px !important;}
}

@media (max-width: 300px) { 
.container { width: 200px; }
.page-id-10 .ms-view {border: 30px solid #FFF !important; margin-left: -30px !important;}
.ms-slide-info.ms-dir-h {margin-left: 0;}
}


#news {
  position: absolute;
  width: 150%;
  left: 50%;
  margin-left: -75%;
}


@media (min-width: 20px) and (max-width: 750px) { 
#news { position: fixed !important;
width: 100% !important;
margin-left: 0% !important;
left: 0% !important;
top: 110px}
.page-id-56 img { 
width: 75% !important;
padding-right: 0% !important;}
}

@media only screen and (max-device-width: 600px) {
 body {overflow-y: auto !important;}
}
;