* {
	font-family: 'Josefin Sans', sans-serif;
}
.no_list_style > *{
    list-style-type: none !important;
}
#footer {
	padding: 20px;
}

#connected {
	padding-top: 20px;
}

.is-image-responsive {
    width: 100%;
    height: auto;
}

.is-transparent {
	background:rgba(255,255,255,0);
}

.is-semi-transparent {
	background:rgba(255,255,255,0.8);
}

.is-semi-dark-transparent {
	background:rgba(0, 0, 0,0.7);
}

a.has-hover-dark:hover, label.has-hover-dark:hover {
	background-color: #363636;
}

.bm--card-equal-height {
   display: flex;
   flex-direction: column;
   height: 100%;
}
.bm--card-equal-height .card-footer {
   margin-top: auto;
}

@media screen and (max-width: 700px) {
	.is-responsive {
		border: 0;
	}

	.is-responsive caption {
		font-size: 1.3em;
	}
  
	.is-responsive thead {
		border: none;
		clip: rect(0 0 0 0);
		height: 1px;
		margin: -1px;
		overflow: hidden;
		padding: 0;
		position: absolute;
		width: 1px;
	}
  
	.is-responsive tr {
		border-bottom: 3px solid #ddd;
		display: block;
		margin-bottom: .625em;
	}
  
	.is-responsive td {
		border-bottom: 1px solid #ddd;
		display: block;
		text-align: right;
		width: 250px;
	}
  
	.is-responsive td::before {
		content: attr(data-label);
		float: left;
		font-weight: bold;
		text-transform: uppercase;
	}
  
	.is-responsive td:last-child {
		border-bottom: 0;
	}
}

.has-background-custom1 {
	background-color: #407088;
	background: #407088;
}

.has-background-custom2 {
	background-color: #70adb5;
	background: #70adb5;
}

.hero .navbar {
	/*background-color: #132743;
	background: #132743;*/
	background-color: #407088;
	background: #407088;
}

.has-pad-left {
	padding-left: 20px;
}

.has-pad-right {
	padding-right: 20px;
}

#stats {
	position: relative;
	top: -20px;
}

#social {
	position: relative;
	bottom: -20px;
}

#woe {
	background: url("../img/Prontera.jpg");
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: 100% 100%;
}

#woeSchedule {
	background: url("../img/woeSchedule.jpg");
	background-repeat: no-repeat;
	background-size: 100% 100%;
}

/* DARO */


/* news */
.title-news{
	font-size: 1.5em;
	color: #407088;
}

.list-news{
	padding: 0 15px 15px 15px;

}

.published-news{
	text-align: right;
	margin-top: -15px;
}

.published-news:not(:last-child){
	margin-bottom: 15px;
}

.title-page{
	font-size: 24px;
	padding-bottom: 20px;
}

/* home */
.background-logo{
	margin-top: -48px;
	padding-bottom: 20px;
    /*background: rgba(255,255,255,.6);*/
}

.container-video{
	position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
}

/* DB */
.table.is-responsive{
	width: 100%
}

.hero.is-black a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current).page-num{
	color:black;
}
.hero.is-black a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current).page-next,
.hero.is-black a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current).page-prev{
	color:#407088;
}

/* Pages */

.h2-heading{
	color: #363636;
	font-size: 1.50em;
	font-weight: 700;
	line-height: 1.25;
	text-transform: uppercase;
	padding: 1em 0 1em 0;
}

.container-page h3, .tos h3{
	font-weight: bold;
	margin-top: 20px;
	margin-bottom: 10px;
}

.container-page, .tos p{
	margin: 10px;
}
.container-page{
	padding: 30px;
	padding-top: 10px;
}

.container-page .vertical-table td{
	font-size: 10pt;
}

.hero.is-black .container-page a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current) {
	color: #407088;
}

.container-page .download-table td{
	padding: 45px;
	font-size: 12pt;
	text-align: center;
}

/* TOS */

.tos ul{
	list-style: revert;
}

.tos li{
	margin-left: 20px;
}

.tos li>ul>li{
	margin-left: 40px;
}

/* PURCHASE / CART */

.hero.is-black .shop-table .cart-items-text a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current){
	color: white;
	font-size: large;
}

.hero.is-black .shop-item-action a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current){
	color: #407088;
	border-bottom: 1px solid #eee;
}


.shop-item-action a:hover {
	border-bottom: 1px solid #80a2c8;
}

table td:not([align]).shop-item-cost-qty{
	text-align: center;
}

.cart-items-text{
	background-color: #407088;
	color: white;
	border: 5px solid #70adb5;
	margin: 20px;
	text-align: center;
	font-size: large;
}


.cart-item-name{
	font-size: medium;
}

.view-my-cart{
	margin: 10px;
	display: block;
}

.shop-item-cost-cart{
	width: 250px;
}

.remove-from-cart{
	width: auto;
	margin: 20px 0px 30px 30px;
}

.purchase-items button{
	background-color: #407088;
	color: white;
	border: 5px solid #70adb5;
	margin-top: 20px;
	margin-bottom: 20px;
	text-align: center;
	font-size: large;
	width: 96%;
}

.purchase-items span{
	display: block;
	margin: 20px;
}

.container-page .vertical-table td.checkout-total{
	text-align: right;
	font-size: large;
	width: 15%;
}

.check-age{
	margin-top: 30px;
	margin-left: 30px;
}

/* Lam css */

/* Homepage */
.dot{
	width:35px;
	height:35px;
	position:absolute;
	background: url(../img/feather.png);
	background-size: 100% 100%;
}
#featherContainer{
	overflow: hidden;
}

.width-100{
	width: 100%;
}
.position_relative{
	position: relative;
}
.flex{
	display: flex;
	align-items: center;
	justify-content: center;
}
.flex-column{
	flex-direction: column;
}
#daro_header{
	background-color: #212529!important;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	height: 40px;
	padding-left: 40px;
	padding-right: 40px;
}
body{
	margin: 0px;
}
.title_text{
	font-family: 'Josefin Sans', sans-serif;
	color:#bababa;
}
.margin_header_text{
	margin-left:10px;
	margin-right: 10px;
}
.pink_text{
	color:#FFAFCC !important;
}
#daro_angeling{
	margin-left: 10px;
	width: 40px;
	padding-bottom:9px;
}
.title_pink{
	color :#FFAFCC;
}
@media screen and (max-width: 640px) {
	.max_width {
		display:block;
		clear:both;
	}
}
@media screen and (max-width: 640px) {
	.width-45{
		width: 100% !important;
	}
	.width-50{
		width: 100% !important;
	}
	.flex_responsive{
		flex-direction: column !important;
	}
	.column-custom{
		max-width: 100% !important;
	}
}
@media screen and (max-width: 1200px) {
	#gallery{
		display:none;
	}
}
/* HEADER PARTIE 2 */
/* The sticky class is added to the navbar with JS when it reaches its scroll position */
.fixed-top {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030;
	background: rgba(0, 0, 0, 0.6) !important;
	transition-duration: 1s;
  	transition-timing-function: linear;
  	transition-delay: 1s;
}


.container_banner{
	width: 100%;
	height: 90vh;
	background: url('../img/backgroundhome3.jpg') top center no-repeat;
	background-size: cover;
}
#image_header{
	width: 200px;
}
.header_banner{
	background: rgba(0, 0, 0, 0.3);
	padding-top: 5px;
	padding-bottom: 5px;
}
.container_header{
	width: 100%;
	max-width: 90%;
	justify-content: space-between;
}
.text_nav{
	color: #fff;
	font-family: 'IBM Plex Serif', serif;
}
.valkyrie_image{
	position: absolute;
	width:300px;
	top: 150px;
	right: 200px;
}
@media screen and (max-width: 1400px) {
	.valkyrie_image {
	  display:none;
	}
	#loginHeader{
		top: 55% !important; 
		left: 50% !important; /* à 50%/50% du parent référent */
  		transform: translate(-50%, -50%); /* décalage de 50% de sa propre taille */
	}
  }
@media screen and (max-width: 1025px) {
	#navbar_top{
		display:none
	}
	.responsive_hidden{
		display:none !important;
	}
	#daro_header{
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		justify-content: flex-start;
		height: auto !important;
		padding: 10px;
	}
	.responsive_padding{
		margin-left: 0px;
	}
}
/* Login header 2 */
.loginHeaderContainer{
	position: relative;
}
#loginHeader{
	position: absolute;
	width: 390px;
	background: rgba(6, 22, 46, 0.7);
	top: 300px;
	left: 20%;
	padding: 50px 20px;
    border-radius: 5px;
	padding-bottom: 30px;
}
.title_login_header{
	font-size: 30px;
}
#image_login_header{
	position: absolute;
    top: -207px;
    width: 450px;
    left: -43px;
    max-width: none;
}
.createAcc{
	margin-top: 20px;
}
#loginHeaderForm{
	padding: 0px;
    background-color: initial;
    border: none;
    width: auto;
	width: 100%;
}
#containerLogin{
	display: flex;
	flex-direction: column;
	align-items: stretch;
}
.inputLoginHeader{
	text-align: center;
    height: 50px;
    background: rgb(100 100 100 / 50%) !important;
    border: 0;
    margin-bottom: 10px;
    width: 100%;
	color: white !important;
}
.inputLoginHeader::placeholder{
	color:white;
}
#loginButton{
	transition-timing-function: linear;
	min-width: 50%;
	margin-top: 10px;
	margin-bottom: 10px;
	border-radius: 25px;
	height: 40px;
	background-color: #FFAFCC;
	color: black;
	text-transform: capitalize;
	padding-top: 5px;
	font-weight: bold;
	cursor:pointer !important;
	border: 1px;
}
#loginButton:hover{
	background-color:#CDB4DB;
}
.color_white{
	text-align: center;
	color: white;
}

/* Server Info */

.text_center{
	text-align: center;
}
#info_container{
	background: url(../img/map_nord.jpg) top center no-repeat;
    background-size: cover;
}
#serverInfo{
	width: 100%;
	align-items: flex-start;
	padding-bottom: 10px;
	background: url(../img/map_nord.jpg) top center no-repeat;
    background-size: cover;
}

.titleBlock{
	margin-top: 40px;
	color : #8795e8;
	font-size: 35px;
	font-weight: bold;
	text-align: center;
}
.underline_title{
	width: 60%;
	border-bottom: 5px solid #FFAFCC;
	margin-left: auto;
	margin-right: auto;
}
.textBlock{
	color: #444444;
    padding-top: 20px;
    max-width: 90%;
    font-size: 18px;
    text-align: center;
}
.td_info{
	width: 50%;
	border: 1px solid black;
	padding: 4px;
}
.width-100{
	width: 100%;
}
.width-50{
	width: 50%;
}
.width-45{
	width: 45%;
}
.daro-table tr:first-child td:first-child {
	border-top-left-radius: 5px;
}
.justify_space{
	justify-content: space-between;
}
.margin_bottom-50{
	margin-bottom: 50px;;
}
.hover-underline-animation {
display: inline-block;
position: relative;
color: #8795e8;
}
  
.hover-underline-animation:after {
	content: '';
	position: absolute;
	width: 100%;
	transform: scaleX(0);
	height: 2px;
	bottom: 0;
	left: 0;
	background-color: #FFAFCC;
	transform-origin: bottom right;
	transition: transform 0.25s ease-out;
}

.hover-underline-animation:hover:after {
	transform: scaleX(1);
	transform-origin: bottom left;
}
.titleTab{
	font-size: 23px;
	margin-bottom: 15px;
	font-weight: bold;
}
.margin_top-50{
	margin-top: 50px;
}
.tdPink{
	background-color: #A2D2FF;
}
.tdLightPink{
	background-color: #BDE0FE;
}
.max-width-90{
	max-width: 90%;
}
.column-custom{
	max-width: 30%;
}
.margin_auto{
	margin-left: auto;
	margin-right: auto;
}
.reverse_image{
	transform: scaleX(-1);
}
.padding_none{
	padding-top : 25px;
	padding-bottom: 0px;
	margin-top: 0px;
}
.margin_top-20{
	margin-top: 20px;
}

#gallery{
	width: 100%;
    background: url(../img/violettest.jpg) top center no-repeat;
    background-size: cover;
	padding-bottom: 60px;
	padding-top: 80px;
}
.white{
	color: white;
}
.text_left{
	text-align: left;
}
.justify_left{
	justify-content: flex-start;
}
.background_white{
	background-color: white;
	max-width: 100%;
}
#image_youtube{
	position:absolute;
	max-width: 35%;
	right: 3%;
}
.videoTrailer{
	width: 100%;
	height: 100%;
	padding-bottom: 0px;
}
.slick-next:before{
	content: '→'!important;
}
.slick-prev:before{
	content: '←'!important;
}

.gradient-text {
	/* Fallback: Set a background color. */
	background-color: #CA4246;
	
	/* Create the gradient. */
	 background-image: linear-gradient(
		  45deg,
		  #7f00ff 16.666%, 
		  #8630ea 16.666%, 
		  #8630ea 33.333%, 
		  #8a46d4 33.333%, 
		  #8a46d4 50%, 
		  #8b58bf 50%, 
		  #8b58bf 66.666%, 
		  #8a66aa 66.666%, 
		  #8a66aa 83.333%, 
		  #867495 83.333%);
	
	/* Set the background size and repeat properties. */
	background-size: 100%;
	background-repeat: repeat;
  
	/* Use the text as a mask for the background. */
	/* This will show the gradient as a text color rather than element bg. */
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent; 
	
	/* Animate the text when loading the element. */
	  /* This animates it on page load and when hovering out. */
	  animation: rainbow-text-simple-animation-rev 0.75s ease forwards;
  
  }
  
.gradient-text:hover{
	animation: rainbow-text-simple-animation 0.5s ease-in forwards;
}


/* Move the background and make it smaller. */
/* Animation shown when entering the page and after the hover animation. */
@keyframes rainbow-text-simple-animation-rev {
	0% {
		background-size: 650%;
	}
	40% {
		background-size: 650%;
	}
	100% {
		background-size: 100%;
	}
}

/* Move the background and make it larger. */
/* Animation shown when hovering over the text. */
@keyframes rainbow-text-simple-animation {
	0% {
		background-size: 100%;
	}
	80% {
		background-size: 650%;
	}
	100% {
		background-size: 650%;
	}
}



/* Style the rest of the page. */
body {
	background-color: #fdf1f0;
}

header {
	margin-top: 1em;
	margin-top: calc(50vh - 3em);
}
.align_item_start{
	align-items: flex-start;
}
#testimonials{
	width: 100%;
	align-items: flex-start;
	padding-bottom: 20px;
}
.Stars {
	--star-size: 40px;
	--star-color: #fff;
	--star-background: #FFAFCC;
	--percent: calc(var(--rating) / 5 * 100%);
	display: inline-block;
	font-size: var(--star-size);
	font-family: Times;
	line-height: 1;
	display: flex;
	justify-content: center;
	align-items: center;
}
.Stars::before {
	content: "★★★★★";
	letter-spacing: 3px;
	background: linear-gradient(90deg, var(--star-background) var(--percent), var(--star-color) var(--percent));
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.testimonialTitle{
	font-size: 40px;
	margin-bottom: 30px;
	margin-top: 30px;
	text-align: center;
}
.patch_width{
	max-width :250px;
	background-color: #E2E2E2;
}

#footer{
	width: 100%;
	height: 20vh;
	background-color: #212529!important;
	
}

@media screen and (min-width: 1024px) {
	.is-boxed{
		transform: translateY(5px) !important;
	}
}
.icon_croix{
	padding-left: 4px;
	padding-top: 1px;
}
a:hover{
	color :#FFAFCC;
}
a.dropdown-item:hover{
	color: #FFAFCC;
}
.container_maj{
	max-width: 1200px;
}
.container_single_maj{
	background-color: #DADADA;
	align-items: flex-start;
	padding: 15px;
}
.majContainer{
	width: 100%;
	justify-content: space-between;
}
.title_maj{
	width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
	font-weight: 800;
	font-size: 15px;
}
.padding_top_10{
	padding-top:10px;
}
.border-top-maj{
	border-top: 3px solid #FFAFCC;
}
.padding_top_none{
	padding-top: 0px;
}

.btn {
	margin-top: 20px;
	padding: 10px 30px;
	display: inline-block;
	background: #212529;
	color: white;
	text-decoration: none;
	transition: 0.35s ease-in-out;
	font-weight: 700;
  }
  .btn:hover {
	background: #4d4d4d;
	color:white !important;
  }
  
  .overlay {
	width: 100%;
	min-height: 100vh;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	padding: 40px;
	position: fixed;
	top: 0;
	left: 0;
	background: rgba(0, 0, 0, 0.75);
	opacity: 0;
	pointer-events: none;
	transition: 0.35s ease-in-out;
	overflow-y: auto;
  }
  .overlay.open {
	opacity: 1;
	pointer-events: inherit;
  }
  .overlay .modal_maj {
	background: white;
	text-align: center;
	padding: 40px 80px;
	box-shadow: 0px 1px 10px rgba(255, 255, 255, 0.35);
	opacity: 0;
	pointer-events: none;
	transition: 0.35s ease-in-out;
	max-height: 100vh;
	overflow-y: auto;
  }
  .modal_maj{
	  display:none;
  }
  .overlay .modal_maj.open {
	opacity: 1;
	pointer-events: inherit;
	display: flex;
  }
  .overlay .modal_maj.open .content {
	transform: translate(0, 0px);
	opacity: 1;
  }
  .overlay .modal_maj .content {
	transform: translate(0, -10px);
	opacity: 0;
	transition: 0.35s ease-in-out;
  }
  .overlay .modal_maj .title {
	margin-top: 0;
  }
  .overlay{
	  z-index: 5;
  }
  .font-little{
	  font-size: 15px;
  }
  .color_red{
	  color: red;
  }
  .font-800{
	  font-weight: 800;
  }
.black{
	color: #444444;
}
.border_type{
    padding-left: 10px;
    padding-right: 10px;
    border-radius: 15px;
	padding-bottom: 2px;
}
.green_box{
	background-color: #81be4d;
}
.purple_box{
	background-color: #7f00ff;
}
.text_type{
	padding-top: 5px;
	font-weight: 200;
	color:white;
	overflow: visible;
}
.padding-maj{
	padding-top: 10px;
    padding-bottom: 20px;
	overflow-y: scroll;
}
.footer_flex{
	justify-content: flex-start;
	align-items: flex-start;
}
.padding_footer{
	padding-top: 5px;
	padding-bottom: 5px;
}
.btn {
	position: relative;
	display: inline-block;
	letter-spacing: 1.2px;
	padding: 12px 32px;
	text-align: center;
	text-transform: uppercase;
	overflow: hidden;
	z-index: 1;
	cursor: pointer;
  }
.btn:focus {
	outline: none;
}

.btn--primary {
	color: lightslategray;
}

.btn--border {
	border-width: 1px;
	border-style: solid;
	border-radius: 10px;
	box-sizing: border-box;
}

.btn--animated {
	transition-property: color;
	transition-duration: 0.5s;
}
.btn--animated.btn--border.btn--primary {
	border: 1px solid lightslategray;
}
.btn--animated:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: lightslategray;
	transform: scaleX(0);
	transform-origin: 0 50%;
	transition-property: transform;
	transition-duration: 0.5s;
	transition-timing-function: ease-out;
	z-index: -1;
}
.btn--animated:hover {
	color: white;
}
.btn--animated:hover:before {
	transform: scaleX(1);
	transition-timing-function: cubic-bezier(0.45, 1.64, 0.47, 0.66);
}
.flex-end{
	align-items: flex-end;
}
.slick-next:before{
	color: #FFAFCC !important;
	font-size: 30px !important;
	margin-left: 10px;
}
.slick-prev:before{
	color: #FFAFCC !important;
	font-size: 30px !important;
	margin-right: 10px;
}
.slick-prev{
	left: -40px !important;
}
.slick-next{
	right: -40px;
}
.tos{
	padding: 30px;
	padding-top: 10px;
}
.container_tab{
	padding: 30px;
	padding-top: 0px;
}
.search-form label{
	font-style: initial;
	font-family: 'Josefin Sans', sans-serif;
	font-size: 15px;
}
table {
	overflow: hidden;
}
table th,
table td {
	padding: 0.25em 0.5em;
	text-align: left;
	vertical-align: top;
	font-size: 15px;
	font-family: 'Josefin Sans', sans-serif;
}
table tr {
	transition: all 1s ease-in-out;
}
table tr.slide-out {
	transform: translateX(100%);
}
.info-text , .search-form2 label{
	font-family: 'Josefin Sans', sans-serif;
	color: black;
	font-style: initial;
	font-size :15px;
}
.search-form{
	font-size : 15px;
}
.horizontal-table td{
	font-size: 15px;
}
.horizontal-table th{
	font-size: 18px;
}
.sub-menu-item{
font-family: 'IBM Plex Serif', serif;
}
.width--50{
	width: 50%;
}
@media screen and (max-width: 640px) {
.width--50{
	width: 100%;
}
}
@media screen and (max-width: 640px) {
	.hide_phone{
		display: none;
	}
}

.topnav {
	overflow: hidden;
	position: relative;
	width: 100%;
}

.topnav #myLinks {
	display: none;
	margin-top: 20px;
}

.topnav a {
	color: white;
	text-decoration: none;
	font-size: 17px;
	display: block;
}

.topnav a.icon {
	background: black;
	display: block;
	position: absolute;
	right: 0;
	top: 0;
}

.topnav a:hover {
	background-color: #ddd;
	color: black;
}

.active {
	color: white;
}
@media screen and (min-width: 1026px) {
	.topnav{
		display: none;
}
}
@media screen and (max-width: 1026px) {
	.hide_phone_nav{
		display: none;
	}
}
@media screen and (max-width: 1026px) {
	.modal_maj{
		padding: 20px !important;
	}
}
.title_nav_mobile{
	color: white;
    text-decoration: none;
    font-size: 17px;
    display: block;
}
.acc_char{
	color: white;
	margin-top: 10px;
}
#tab_char {
	display: block;
    height: 171px;
    overflow-y: scroll;
}
.min_height_login{
	min-height: 24vh;
}
.navbarDelim{
	border-bottom: 2px solid grey;
}
.cart-items-text{
	color: white !important;
}
.resume_episode{
	display: -webkit-box;
    max-width: 200px;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.min_height_pass{
	min-height: 200px;
}
.tabs:not(:last-child){
	margin-bottom: 0px;
}
.margin-20{
	margin-bottom: 20px;
}
.notification.is-success{
	background-color: #fdf1f0 !important;
}
.font_text_maj{
	font-family: 'Josefin Sans', sans-serif;
}
.dropdown {
	width: 160px;
	display: inline-block;
	border-radius: 2px;
	transition: all .5s ease;
	position: relative;
	font-size: 14px;
	color: #fff;
	height: 100%;
	text-align: left
  }
  .dropdown .select {
	  cursor: pointer;
	  display: block;
	  padding: 10px
  }
  .dropdown .select > i {
	  font-size: 13px;
	  color: #888;
	  cursor: pointer;
	  transition: all .3s ease-in-out;
	  float: right;
	  line-height: 20px
  }


  .dropdown.active .select > i {
	  transform: rotate(-90deg)
  }
  .dropdown .dropdown-menu {
	  position: absolute;
	  background-color: #fff;
	  width: 100%;
	  left: 0;
	  margin-top: 1px;
	  box-shadow: 0 1px 2px rgb(204, 204, 204);
	  border-radius: 0 1px 2px 2px;
	  overflow: hidden;
	  display: none;
	  max-height: 144px;
	  overflow-y: auto;
	  z-index: 9
  }
  .dropdown .dropdown-menu li {
	  padding: 10px;
	  transition: all .2s ease-in-out;
	  cursor: pointer
  } 
  .dropdown .dropdown-menu {
	  padding: 0;
	  list-style: none
  }
  .dropdown .dropdown-menu li:hover {
	  background-color: #f2f2f2
  }
  .dropdown .dropdown-menu li:active {
	  background-color: #e2e2e2
  }
  .text_langue:active{
	color: red;
  }
  .select:not(.is-multiple):not(.is-loading)::after {
    border-color: white !important;
    right: 1.125em;
    z-index: 4;
	padding-top: 2px;
	margin-top: -5px;
}
.text_langue_select{
	color: #444444;
}