@charset "utf-8";
/* CSS Document */
body{background-color:#222;}
.meagles-engine-container{top:0px;width:100%;position: absolute; top:10%}
	#header{position: fixed;top: 0px;z-index:1002;height: 90px;width:100%;background-image: url("img/barresup black3.png");background-repeat: no-repeat;background-size: 100% 100%;object-fit: cover}
.logo{text-align: center;background-image: url(https://www.cuisinexplore.com/img/logo.png);
	background-repeat: no-repeat;
	background-size: 400px auto;
    background-position: center;
    height: 158px;}	
.entre-input{z-index:1001;width:90%;min-width: 140px;max-width: 500px;top:200px;background-repeat: no-repeat;margin: 0 auto}

.rechercher { position: relative;}
.search-content-s .search-input {
height: 36px;
padding-right: 119px;
padding-left: 9px;
background: var(--input-bg-color-alt);
}
.info_mise_a_jour{color:#C9AE9E;margin-top: 6px; font-size: 15px;font-weight: 300; padding:2px 10px 5px 10px; background: rgba(42, 42, 42, 0.9);
    border: 1px solid #FCDDD7;
    border-radius: 5px;
    box-shadow: none;
z-index: 1000}
.container > input[type="checkbox"] {
  display: none;
}
.container > label > span{
  color:#C4C4C4;
}
.container > label > span:hover{
  color: white;
}
.container > label {
  display: block;
  cursor: pointer;
}
.container > label:after {
  content: ' ▼';
}
.container > label + div {
  display: none;
}
.container > input[type="checkbox"]:checked + label + div {
  display: block;
}
.container > input[type="checkbox"]:checked + label::after {
  content: ' ▲';
}
.dark{--canvas-color: #222;--background-color: rgba(51, 51, 51, 1.0) url(https://www.meagles.net/img/fonblackfour.jpg) fixed;--primary-color: #D56A00;--secondary-color: #FF8C1C;--neutral-color: #999;--text-color: #AAA;--alt-bg-color: #2A2A2A;--alt-bg-color-h: #1b1b1b;--alt-bg-color-a: #111;--alt-color: #AAA;--divider-bg-color: #444;--url-color: #CCC;--url-color-a: #EEE;--url-color-h: #FFF;--icon-bg-color: 60%;--icon-bg-color-h: 80%;--icon-bg-color-a: 100%;--button-text-color: #FFF;--button-neu-bg-color: #666;--button-neu-bg-color-h: #777;--button-del-bg-color: #e44949;--button-del-bg-color-h: #f75151;--button-dis-bg-color: #444;--input-color: #AAA;--input-bg-color: #222;--input-bg-color-alt: #1b1b1b;--input-border-color: #444;--input-border-color-alt: #333;--input-border-color-h: #555;--notifications-color: #FFF;--notifications-success: #27ae60;--notifications-error: #FF5757;--notifications-info: #3498db;--selection-background: #684300;--selection-color: #FFF;--button-clear-invert: invert(30%);--button-clear-invert-h: invert(60%);--site-result-bg-color: #2A2A2A;--web-title-color: #5ACCFD;--web-title-color-h: #789fff;--web-title-color-v: #FFAA5B;--web-title-color-v-h: #FFDEBF;--web-url-color: #e4e4e4;--web-url-color-h: #FFF;--web-description-color: #BBAB88;--web-synopsis-color: #E1DFDF;--image-description-color: #FFF;--video-duration-color: #FFF;--video-frame-bg-color: #222;--video-frame-bg-color-h: #252525;--search-el-transparency: rgba(0, 0, 0, 0.5);--search-menu-fade: 51, 51, 51;--card-border-color: #494949;--wallpaper-font-color: #FFF;--wallpaper-font-color-h: #EEE;--wallpaper-icon-bg-color: 100%;--wallpaper-icon-bg-color-h: 80%}
html{background:var(--canvas-color);font-family:sans-serif;height:100%}
body{color:var(--text-color);font-family:open sans,segoe ui,Tahoma,Arial,sans-serif;font-size:13px;margin:0;padding:0;background:var(--background-color);display:grid;grid-template-rows:auto 1fr auto;min-height:100%;background-size: cover;}

.search-content {
margin: 0 auto 0 auto;
max-width: 520px;
width: 100%;
box-sizing: border-box;
position: relative;
padding: 0 10px
}
input.search-input {
width: 100%;
box-sizing: border-box;
font-size: 16px;

max-width: none;
padding: 0 111px 0 12px;
margin-bottom: 0;
border-color:#464646;
}
input.search-input:hover, input.search-input:focus {
border-color:#636363;
}
.search-button {
background-image: url('../../img/search.svg');
background-position: center center;
background-repeat: no-repeat;
background-color: var(--primary-color);
background-size: 20px;
padding: 10px 8px;
border-radius: 0 18px 18px 0;
width: 38px;
height: 36px;
cursor: pointer;
position: absolute;
right: 1px;
top: 1px;
}
.search-button:hover {
background-color: var(--secondary-color);
}
.clear-button {
background: url('../../img/clear.svg') no-repeat center center;
background-size: 34px;
padding: 10px 8px;
width: 30px;
height: 26px;
cursor: pointer;
position: absolute;
right: 66px;
top: 6px;
filter: var(--button-clear-invert);
}
.clear-button:hover {
filter: var(--button-clear-invert-h);background: url('../../img/clear.svg') no-repeat center center;
background-size: 34px;
padding: 10px 8px;
width: 30px;
height: 26px;
}

.search-content-s .clear-button {
right: 66px;
}
.search-content-s .clear-button {
height: 36px;width:36px;
padding: 7px 5px;
}
button,
.button {
padding: 0 10px;
border-radius: 3px;
background-color: var(--primary-color);
color: var(--button-text-color);
cursor: pointer;
border: none;
outline: 0;
display: inline-block;

}

input[type="text"],
input[type="password"],
input[type="file"],
input[type="email"],
textarea {
background: var(--input-bg-color);
padding: 9px;
border-radius: 20px;
border: 1px solid var(--input-border-color);
outline: 0;
color: var(--input-color);
display: block;
margin-bottom: 10px;
max-width: 500px;
width: 100%;
}

/*VERTICAL MENU
------------------------------*/
.menu {
  background: -webkit-linear-gradient(transparent 5%, rgba(100, 100, 100,1.0) 20%, transparent), no-repeat center center;
  background: linear-gradient(transparent 5%, rgba(100, 100, 100,1.0) 20%, transparent), no-repeat center center;
  background-size: cover;
  color: #FFFFFF;
  height: 100%;
  width: 150px;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1007;
  outline: none;
}
.menu li:hover{
border-left: orange 2px solid
}

.menu a,
.menu a:visited,
.menu a:hover,
.menu a:focus {
  color: #FFFFFF;
  height: 100%;
  width: 150px;

  text-decoration: none;
  margin: 0;
}
.menu .avatar {

  text-align: center;
  height:160px;
}
.menu .avatar img {

}
.menu .avatar h2 {
  font-weight: normal;
  margin-bottom: 0;
}
.menu ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.menu ul li {
  padding: 0.5em 1em 0.5em 3em;
  font-size: 18px;
  font-weight: regular;
  background-repeat: no-repeat;
  background-position: left 15px center;
  transition: all 0.15s linear;
  cursor: pointer;
    font-family: "Open Sans", Helvetica Neue, Helvetica, Arial, sans-serif;

}
.menu ul li.icon-whoareyou {
  background-image: url("https://www.meagles.net/img/icon-whoareyou-minion.png");background-size: 42px;background-position: 0px 6px;
}
.menu ul li.icon-affiche {
  background-image: url("https://www.meagles.net/img/affiche_small.jpg");background-size: 20px;background-position: 17px 4px;
}
.menu ul li.icon-update {
  background-image: url("https://www.meagles.net/img/update.png");background-size: 20px;background-position: 17px 9px;
}
.menu ul li.icon-statistique {
  background-image: url("https://www.meagles.net/img/statistique_small.png");background-size: 29px;background-position: 13px 7px;
}
.menu ul li.icon-contact {
  background-image: url("https://www.meagles.net/img/mail_orange.png");background-size: 26px;
}
.menu ul li:hover {
  background-color: rgba(0, 0, 0, 0.7);
}
	.reduc_update{margin-top:14px}
	.reduc_statistique{margin-left:0px}
	.reduc-whoareyou-minion{}

@media screen and (min-width: 600px) {
	.menu{display:none}}

@media screen and (max-width: 599px) {
	.menu ul li.icon-database {
  background-position: 9px 16px 
}
	.menu ul li.icon-affiche {
  background-position: 9px 13px 
}
	.menu ul li.icon-update {
  background-position: 9px 18px 
}
.menu ul li.icon-statistique {
  background-position: 5px 13px 
}
	.menu ul li.icon-contact {
  background-position: 7px 13px 
}
	.reduc_bdd{margin-left:-2px}
	.reduc_affiche{margin-left:-2px}
	.reduc_update{margin-left:-2px}
	.reduc_statistique{margin-left:-2px}
	.reduc_contact{margin-left:-2px}
  .menu {
    width: 120px;
    box-shadow: 0 0 0 100% rgba(0, 0, 0, 0);
    transform: translate3d(-120px, 0, 0);
	      transition: all 1.25s ease-in-out;
	z-index: 1023;
	background: -webkit-linear-gradient(black 5%, black 10%, rgba(100,100,100,1.0) 20%, black), no-repeat center center;
	background: linear-gradient(black 5%, black 10%, rgba(100,100,100,1.0) 20%, black), no-repeat center center;}
	/*background: linear-gradient(transparent 5%, black 10%, rgba(18,51,140,1.0) 20%, black), no-repeat center center;}*/
  .menu .smartphone-menu-trigger {
    width: 40px;
    height: 40px;
	top: 7px;
    position: absolute;
    left: 100%;
    background: #333;
    cursor: pointer;z-index: 102;
  }
  .menu .smartphone-menu-trigger:before,
  .menu .smartphone-menu-trigger:after {
    content: '';
    width: 50%;
    height: 2px;
    background: #fff;
    border-radius: 10px;
    position: absolute;
    top: 45%;
    left: 50%;
    transform: translate3d(-50%, -50%, 0);
  }
  .menu .smartphone-menu-trigger:after {
    top: 55%;
    transform: translate3d(-50%, -50%, 0);
  }
  .menu ul li {
    padding: 20px 50px 20px 20px;
    font-size: 16px;
  }
  .menu:focus {
    transform: translate3d(0, 0, 0);
    box-shadow: 0 0 0 100em rgba(0, 0, 0, 0.6);
  }
	.menu:hover {
    transform: translate3d(0, 0, 0);
    box-shadow: 0 0 0 100em rgba(0, , 0, 0.6);
  }
	.smartphone-menu-trigger:hover {
    cursor: pointer;
  }
  .wrapper {
    z-index: 1006;
  }
	.menu ul li span {
    padding: 0em 1.5em;
  }
}
	
/*FOOTER*/.about {position:fixed;bottom:0px;width: 100%;height: 120px;left:-1px;background: linear-gradient(177deg, #FFFFFF 40%, #D9AA7B 70%, #AD7201 100% );clip-path: polygon(0 60%, 100% 0, 100% 100%, 0 100%);z-index:1;}.footer{position:fixed;bottom: 10px;right: 25px;left: 25px}



	.image img {
/* La transition s'applique à la fois sur la largeur et la hauteur, avec une durée d'une seconde. */
-webkit-transition: all 1s ease; /* Safari et Chrome */
-moz-transition: all 1s ease; /* Firefox */
-ms-transition: all 1s ease; /* Internet Explorer 9 */
-o-transition: all 1s ease; /* Opera */
transition: all 1s ease;
}
.image:hover img {
/* L'image est grossie de 25% */
-webkit-transform:scale(1.7); /* Safari et Chrome */
-moz-transform:scale(1.7); /* Firefox */
-ms-transform:scale(1.7); /* Internet Explorer 9 */
-o-transform:scale(1.7); /* Opera */
transform:scale(1.7);
}
.parttrhee{text-align: right;width: auto;color:hsla(0,0%,29%,1.00)}
.parttwo{text-align: right;width: auto;}
.partone{text-align: right;width: auto;}
.contact{color: inherit;text-decoration:none;text-transform: uppercase;background: linear-gradient(to top, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.5) 1px, transparent 1px)no-repeat;0%,29%,1.00);background-size: 0 100%;transition: background-size 1s;}
.contact:hover{color:hsla(0,0%,9%,1.00);background-size: 100% 100%;animation: underline 1s both;}
@keyframes underline {
	from {background-size: 100% 100%; background-position: bottom right} 
	50% {background-size: 0% 100%; background-position: bottom right}
	50.01% {background-position: bottom left}
	100% {background-size: 100% 100%; background-position: bottom left}}

@media screen and (max-width: 220px) and (min-height: 579px){
	.logo{height:170px}}

@media screen and (min-width: 221px) and (max-width: 300px) and (min-height: 579px){
	.logo{height:170px}}

@media screen and (min-width: 301px) and (max-width: 350px) and (min-height: 579px){
	.logo{height:170px}}

@media screen and (min-width: 351px) and (max-width: 380px) and (min-height: 579px){
	.logo{height:170px}}

@media screen and (min-width: 381px) and (max-width: 420px) and (min-height: 579px){
	.logo{height:170px}}

@media screen and (min-width: 421px) and (max-width: 470px) and (min-height: 579px){
	.logo{height:170px}}

@media screen and (min-width: 471px) and (max-width: 520px) and (min-height: 579px){
	.logo{height:170px}}




@media screen and (max-height: 200px){
	.logo{display: none}
	.meagles-engine-container{top:5%}}

@media screen and (min-height: 201px) and (max-height: 280px) and (min-width: 579px){
	.logo{display: none}
	.meagles-engine-container{top:5%}}

@media screen and (min-height: 281px) and (max-height: 320px) and (min-width: 579px){
	.logo{height:140px;}}

@media screen and (min-height: 321px)  and (max-height: 420px) and (min-width: 579px){
	.logo{height:150px;}}

@media screen and (min-height: 421px) and (max-height: 440px) and (min-width: 579px){
	.logo{height:160px;}}

@media screen and (min-height: 441px) and (max-height: 470px) and (min-width: 579px){
	.logo{height:160px;}}

@media screen and (min-height: 471px) and (max-height: 500px) and (min-width: 579px){
	.logo{height:170px;}}

@media screen and (min-height: 501px) and (max-height: 550px) and (min-width: 579px){
	.logo{height:170px;}}

@media screen  and (min-height: 281px) and (max-height: 470px) and (min-width: 579px){
	.meagles-engine-container{top:0%}}


@media screen and (max-width: 579px) and (min-height: 579px){
	.logo{background-size: 60% auto;}}

@media screen and (min-height: 300px) and (max-height: 579px){
	.meagles-engine-container{top:5%}}

@media screen and (min-height: 179px) and (max-height: 299px) and (max-width: 579px){
	.meagles-engine-container{top:25%}}

@media screen and (min-width: 71px) and (max-width: 140px) and (min-height: 381px) and (max-height: 578px){
	.logo{height:110px;background-size: 55% auto;}}

@media screen and (min-width: 141px) and (max-width: 220px) and (min-height: 381px) and (max-height: 578px){
	.logo{height:110px;background-size: 55% auto;}}

@media screen and (min-width: 221px) and (max-width: 300px) and (min-height: 381px) and (max-height: 578px){
	.logo{height:140px;background-size: 60% auto;}}

@media screen and (min-width: 301px) and (max-width: 350px) and (min-height: 381px) and (max-height: 578px){
	.logo{height:160px;background-size: 60% auto;}}

@media screen and (min-width: 351px) and (max-width: 380px) and (min-height: 381px) and (max-height: 578px){
	.logo{height:180px;background-size: 65% auto;}}

@media screen and (min-width: 381px) and (max-width: 420px) and (min-height: 381px) and (max-height: 578px){
	.logo{height:180px;background-size: 65% auto;}}

@media screen and (min-width: 421px) and (max-width: 470px) and (min-height: 381px) and (max-height: 578px){
	.logo{height:180px;background-size: 60% auto;}}

@media screen and (min-width: 471px) and (max-width: 578px) and (min-height: 381px) and (max-height: 578px){
	.logo{height:180px;background-size: 60% auto;}}



@media screen and (min-width: 71px) and (max-width: 140px) and (min-height: 301px) and (max-height: 380px){
	.logo{height:110px;background-size: 55% auto;}}

@media screen and (min-width: 141px) and (max-width: 220px) and (min-height: 301px) and (max-height: 380px){
	.logo{height:110px;background-size: 55% auto;}}

@media screen and (min-width: 221px) and (max-width: 300px) and (min-height: 301px) and (max-height: 380px){
	.logo{height:140px;background-size: 60% auto;}}

@media screen and (min-width: 301px) and (max-width: 350px) and (min-height: 301px) and (max-height: 380px){
	.logo{height:110px;background-size: 30% auto;}}

@media screen and (min-width: 351px) and (max-width: 380px) and (min-height: 301px) and (max-height: 380px){
	.logo{height:120px;background-size: 35% auto;}}

@media screen and (min-width: 381px) and (max-width: 420px) and (min-height: 301px) and (max-height: 380px){
	.logo{height:140px;background-size: 40% auto;}}

@media screen and (min-width: 421px) and (max-width: 470px) and (min-height: 301px) and (max-height: 380px){
	.logo{height:160px;background-size: 45% auto;}}

@media screen and (min-width: 471px) and (max-width: 578px) and (min-height: 301px) and (max-height: 380px){
	.logo{height:160px;background-size: 50% auto;}}



@media screen and (min-width: 71px) and (max-width: 140px) and (min-height: 181px) and (max-height: 300px){
	.logo{display:none;height:110px;background-size: 55% auto;}}

@media screen and (min-width: 141px) and (max-width: 220px) and (min-height: 181px) and (max-height: 300px){
	.logo{display:none;height:110px;background-size: 55% auto;}}

@media screen and (min-width: 221px) and (max-width: 300px) and (min-height: 181px) and (max-height: 300px){
	.logo{display:none;height:140px;background-size: 60% auto;}}

@media screen and (min-width: 301px) and (max-width: 350px) and (min-height: 181px) and (max-height: 300px){
	.logo{display:none;height:110px;background-size: 30% auto;}}

@media screen and (min-width: 351px) and (max-width: 380px) and (min-height: 181px) and (max-height: 300px){
	.logo{display:none;height:120px;background-size: 35% auto;}}

@media screen and (min-width: 381px) and (max-width: 420px) and (min-height: 181px) and (max-height: 300px){
	.logo{display:none;height:140px;background-size: 40% auto;}}

@media screen and (min-width: 421px) and (max-width: 470px) and (min-height: 181px) and (max-height: 300px){
	.logo{display:none;height:160px;background-size: 45% auto;}}

@media screen and (min-width: 471px) and (max-width: 578px) and (min-height: 181px) and (max-height: 300px){
	.logo{display:none}
	.meagles-engine-container{top:25%}}



@media screen and (max-width: 579px) and (min-height: 579px){
	.meagles-engine-container{top:5%}
	.meagles-engine-search{top:10%}
	.about {width: 100%;height: 120px;background: linear-gradient(177deg, #FFFFFF 50%, #D9AA7B 70%, #AD7201 100% );clip-path: polygon(0 60%, 100% 0, 100% 100%, 0 100%)}.parttrhee{display:none}}

@media screen and (max-width: 479px){
	.logo{background-size: 60% auto;}
	.about {width: 100%;height: 120px;background: linear-gradient(177deg, #FFFFFF 50%, #D9AA7B 70%, #AD7201 100% );clip-path: polygon(0 60%, 100% 0, 100% 100%, 0 100%)}.parttrhee{display:none}}

@media screen and (min-width: 480px) and (max-width: 732px){.about {width: 100%;height: 120px;background: linear-gradient(177deg, #FFFFFF 45%, #D9AA7B 70%, #AD7201 100% );clip-path: polygon(0 60%, 100% 0, 100% 100%, 0 100%)}.footer{position:fixed;bottom: 10px;right: 25px;left: 185px}.partone{}.parttwo{}.parttrhee{}}

@media screen and (min-width: 733px) and (max-width: 1023px){.about {width: 100%;height: 120px;background: linear-gradient(177deg, #FFFFFF 45%, #D9AA7B 70%, #AD7201 100% );clip-path: polygon(0 60%, 100% 0, 100% 100%, 0 100%);}.footer{position:fixed;bottom: 10px;right: 25px;left: 105px}.partone{}.parttwo{}.parttrhee{}}

@media screen and (min-width: 1024px) and (max-width: 1280px){.about {width: 100%;height: 120px;background: linear-gradient(177deg, #FFFFFF 40%, #D9AA7B 70%, #AD7201 100% );clip-path: polygon(0 60%, 100% 0, 100% 100%, 0 100%);}.footer{position:fixed;	bottom: 10px;right: 25px;left: 25px}.partone{}.parttwo{}.parttrhee{}}

@media screen and (min-width: 1281px){.parttrhee{}}.meagles-engine-logo{margin-left: auto;margin-right: auto;position: absolute;top: 37%; left: 50%;transform: translate(-50%, -50%);}
.loader{
background: url('')50% 50%;animation: atennua .5s ease-in-out;animation-fill-mode:forwards;cursor:wait;height:100%;left:0;position:fixed;top:0;width:100%;z-index:9999;}
@keyframes atennua {0%{background:transparent;}100%{background:rgba(0,0,0, 0.7);}}
	




/*BUTTON MENU
------------------------------*/
#Nav-info{position:relative;z-index: 1005;background-color: dimgrey;color:white;padding: 5px 5px 5px 5px;border-radius: 10px;-moz-border-radius: 10px;-webkit-border-radius: 10px;-o-border-radius: 10px;border: 1px solid #333;font-size:14px}
.menu_button {
  margin:0;
  padding:0;
  display:flex;

  transform: translate(-50%, -50%);
}

.menu_button li {
  list-style:none;
  margin: 0 5px;
}

.menu_button li a {
  position: relative;
  display: inline-block;
  width: 50px;
  height: 50px;
  text-align: center;
  line-height: 47px;
  background: #171515;
  border-radius: 50%;
  font-size: 30px;
  color: #666;
  transition: .5s;
}

.menu_button li a:before {
  content: '';
  position: absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  border-radius:50%;
  background: #d35400;
  transition: .5s;
  transform: scale(.9);
  z-index: -1;
}

.menu_button li a:hover:before {
  transform: scale(1.2);
  box-shadow: 0 0 15px #d35400;
  filter: blur(3px);
}

.menu_button li a:hover {
  color: #ffa502;
  box-shadow: 0 0 15px #d35400;
  text-shadow: 0 0 15px #d35400;
}
input#moteur {
    padding-left:18px;
	padding-right: 100px;
}


.ui-autocomplete {
    overflow-y: auto;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
	top: 0;
	left: 0;
	position:fixed;
	z-index:1006;
}
	.ui-menu-item{
	cursor: pointer;
}
.ui-button {
	display: inline-block;
	position: relative;
	padding: 0;
	line-height: normal;
	margin-right: .1em;
	cursor: pointer;
	vertical-align: middle;
	text-align: center;
	overflow: visible; /* removes extra width in IE */
}
.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
	text-decoration: none;
}
.ui-menu {
	list-style: none;
	margin: 0;
	display: block;
	outline: none;
}

.ui-menu .ui-menu-item {
	margin: 0;
	margin-left: -40px;
	color: #c9c9c9;
	border-top: 1px solid #9999998a;
    line-height: 30px;
	padding: 0;
	/* support: IE10, see #8844 */
}
.ui-menu .ui-menu-divider {
	margin: 5px -2px 5px -2px;
	height: 0;
	font-size: 0;
	line-height: 0;
	border-width: 1px 0 0 0;
}
.ui-menu .ui-menu-item a {
	text-decoration: none;
	display: block;
	color: #c9c9c9;
	padding: 2px .4em;
	line-height: 1.5;
	min-height: 0; /* support: IE7 */
	font-weight: normal;
}
.ui-menu .ui-menu-item a.ui-state-focus,
.ui-menu .ui-menu-item a.ui-state-active {
	font-weight: normal;
	margin: -1px;
	color: #000000;
}

.ui-menu .ui-state-disabled {
	font-weight: normal;
	margin: .4em 0 .2em;
	line-height: 1.5;
}
.ui-menu .ui-state-disabled a {
	cursor: default;
}

.ui-menu-item-wrapper{padding: 0 9px;text-transform: lowercase;}
.ui-menu-item-wrapper:first-letter {text-transform: uppercase;}
.ui-helper-hidden-accessible{display: none} 
			.ui-menu, .ui-widget, .ui-widget-content, .ui-autocomplete, .ui-front{width:min-content;}
			
		#ui-id-1{border-radius: 10px;font-size: 14px;width:min-content;max-width:100%; -ms-overflow-style: none;  /* IE and Edge */scrollbar-width: none;  /* Firefox */background: linear-gradient(#000000ed, #232323 95%);}
		#ui-id-1::-webkit-scrollbar {display: none;}
/* Component containers
----------------------------------*/
.ui-widget {
	font-family: Verdana,Arial,sans-serif;
	/* font-size: 1.1em; */
	font-size: 0.8em;
}
.ui-widget .ui-widget {
	background: linear-gradient(#000000ed, #232323 95%);
	border-radius: 10px;
	font-size: 14px;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
	font-family: Verdana,Arial,sans-serif;
	font-size: 1em;
}
.ui-widget-content {
	border: 1px solid #aaaaaa;
	color: #222222;
	background: linear-gradient(#000000ed, #232323 95%);
	border-radius: 10px;font-size: 14px;
}
.ui-widget-content::-webkit-scrollbar {
	display: none;
}

.ui-widget-content a {
	color: #222222;
}
.ui-widget-header {
	border: 1px solid #aaaaaa;
	background: #cccccc url(images/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x;
	color: #222222;
	font-weight: bold;
}
.ui-widget-header a {
	color: #222222;
}

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
	border: 1px solid #d3d3d3;
	background: #e6e6e6 url(images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x;
	font-weight: normal;
	color: #555555;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
	color: #555555;
	text-decoration: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
	border: 1px solid #999999;
	background: #dadada url(images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x;
	font-weight: normal;
	color: #212121;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited {
	color: #212121;
	text-decoration: none;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
	background: #ffffff url(images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x;
	font-weight: normal;
	color: #212121;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
	color: #212121;
	text-decoration: none;
}
/*Smartphones 320 à 480 (max-width: 320px)*/	
	@media screen and (max-width: 399px){

	.logo-active{width:88%;height:auto}}

	


	/*FOOTER*/
	.about {position:fixed;bottom:0px;width: 100%;height: 80px;right:0px;background-image: url("../img/footer image.png");background-repeat: no-repeat;background-size: 100% 100%;object-fit: cover;clip-path: polygon(0 70%, 100% 0, 100% 100%, 0 100%);z-index: 1003}
	.footer{position:fixed;bottom: 2px;right: 25px;z-index: 1005}

	.parttrhee{text-align:right;color:hsla(0,0%,29%,1.00);height:30px;margin-right:-100px;float:right;width:240px}
	.parttwo{text-align:right;z-index:1000;right:140px;top:0px;position:absolute;min-width: 60px}
	.partone{text-align:left;left:10px;width:100%;position: fixed;bottom:8px;}

	@media screen and (max-width: 599px){
	.about {height: 90px;}
	.footer{}
	.partone{display: none}
	.parttwo{display: none}
	.parttrhee{display: none}}
	
@media screen and (min-width: 1281px){
	.parttrhee{}}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
     -webkit-text-fill-color: white;
  -webkit-box-shadow: 0 0 0px 1000px #000000 inset !important;

}
input:-webkit-autofill-previewed {
  font-size: 22px !important;
}input {
  caret-color: white;
}
	input:-webkit-autofill::first-line,
	input:-webkit-autofill:hover::first-line,
	input:-webkit-autofill:focus::first-line,
	input:-webkit-autofill:active::first-line	{
color:white;
}

::-webkit-scrollbar-track {
	background: #3D3D3D;
}

::-webkit-scrollbar {
	width: .7rem;
}

::-webkit-scrollbar-thumb {
	background-color: #FF836D;
	cursor: pointer;
}